add all frontend files

node_modules/rc-collapse/lib/Collapse.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { CollapseProps } from './interface';
+declare const _default: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>> & {
+    /**
+     * @deprecated use `items` instead, will be removed in `v4.0.0`
+     */
+    Panel: React.ForwardRefExoticComponent<import("./interface").CollapsePanelProps & React.RefAttributes<HTMLDivElement>>;
+};
+export default _default;

node_modules/rc-collapse/lib/Collapse.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _useMergedState3 = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
+var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
+var _react = _interopRequireDefault(require("react"));
+var _useItems = _interopRequireDefault(require("./hooks/useItems"));
+var _Panel = _interopRequireDefault(require("./Panel"));
+var _pickAttrs = _interopRequireDefault(require("rc-util/lib/pickAttrs"));
+function getActiveKeysArray(activeKey) {
+  var currentActiveKey = activeKey;
+  if (!Array.isArray(currentActiveKey)) {
+    var activeKeyType = (0, _typeof2.default)(currentActiveKey);
+    currentActiveKey = activeKeyType === 'number' || activeKeyType === 'string' ? [currentActiveKey] : [];
+  }
+  return currentActiveKey.map(function (key) {
+    return String(key);
+  });
+}
+var Collapse = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'rc-collapse' : _props$prefixCls,
+    _props$destroyInactiv = props.destroyInactivePanel,
+    destroyInactivePanel = _props$destroyInactiv === void 0 ? false : _props$destroyInactiv,
+    style = props.style,
+    accordion = props.accordion,
+    className = props.className,
+    children = props.children,
+    collapsible = props.collapsible,
+    openMotion = props.openMotion,
+    expandIcon = props.expandIcon,
+    rawActiveKey = props.activeKey,
+    defaultActiveKey = props.defaultActiveKey,
+    _onChange = props.onChange,
+    items = props.items;
+  var collapseClassName = (0, _classnames.default)(prefixCls, className);
+  var _useMergedState = (0, _useMergedState3.default)([], {
+      value: rawActiveKey,
+      onChange: function onChange(v) {
+        return _onChange === null || _onChange === void 0 ? void 0 : _onChange(v);
+      },
+      defaultValue: defaultActiveKey,
+      postState: getActiveKeysArray
+    }),
+    _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
+    activeKey = _useMergedState2[0],
+    setActiveKey = _useMergedState2[1];
+  var onItemClick = function onItemClick(key) {
+    return setActiveKey(function () {
+      if (accordion) {
+        return activeKey[0] === key ? [] : [key];
+      }
+      var index = activeKey.indexOf(key);
+      var isActive = index > -1;
+      if (isActive) {
+        return activeKey.filter(function (item) {
+          return item !== key;
+        });
+      }
+      return [].concat((0, _toConsumableArray2.default)(activeKey), [key]);
+    });
+  };
+
+  // ======================== Children ========================
+  (0, _warning.default)(!children, '[rc-collapse] `children` will be removed in next major version. Please use `items` instead.');
+  var mergedChildren = (0, _useItems.default)(items, children, {
+    prefixCls: prefixCls,
+    accordion: accordion,
+    openMotion: openMotion,
+    expandIcon: expandIcon,
+    collapsible: collapsible,
+    destroyInactivePanel: destroyInactivePanel,
+    onItemClick: onItemClick,
+    activeKey: activeKey
+  });
+
+  // ======================== Render ========================
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    ref: ref,
+    className: collapseClassName,
+    style: style,
+    role: accordion ? 'tablist' : undefined
+  }, (0, _pickAttrs.default)(props, {
+    aria: true,
+    data: true
+  })), mergedChildren);
+});
+var _default = exports.default = Object.assign(Collapse, {
+  /**
+   * @deprecated use `items` instead, will be removed in `v4.0.0`
+   */
+  Panel: _Panel.default
+});

node_modules/rc-collapse/lib/Panel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { CollapsePanelProps } from './interface';
+declare const CollapsePanel: React.ForwardRefExoticComponent<CollapsePanelProps & React.RefAttributes<HTMLDivElement>>;
+export default CollapsePanel;

node_modules/rc-collapse/lib/Panel.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _rcMotion = _interopRequireDefault(require("rc-motion"));
+var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode"));
+var _react = _interopRequireDefault(require("react"));
+var _PanelContent = _interopRequireDefault(require("./PanelContent"));
+var _excluded = ["showArrow", "headerClass", "isActive", "onItemClick", "forceRender", "className", "classNames", "styles", "prefixCls", "collapsible", "accordion", "panelKey", "extra", "header", "expandIcon", "openMotion", "destroyInactivePanel", "children"];
+var CollapsePanel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _props$showArrow = props.showArrow,
+    showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
+    headerClass = props.headerClass,
+    isActive = props.isActive,
+    onItemClick = props.onItemClick,
+    forceRender = props.forceRender,
+    className = props.className,
+    _props$classNames = props.classNames,
+    customizeClassNames = _props$classNames === void 0 ? {} : _props$classNames,
+    _props$styles = props.styles,
+    styles = _props$styles === void 0 ? {} : _props$styles,
+    prefixCls = props.prefixCls,
+    collapsible = props.collapsible,
+    accordion = props.accordion,
+    panelKey = props.panelKey,
+    extra = props.extra,
+    header = props.header,
+    expandIcon = props.expandIcon,
+    openMotion = props.openMotion,
+    destroyInactivePanel = props.destroyInactivePanel,
+    children = props.children,
+    resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var disabled = collapsible === 'disabled';
+  var ifExtraExist = extra !== null && extra !== undefined && typeof extra !== 'boolean';
+  var collapsibleProps = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+    onClick: function onClick() {
+      onItemClick === null || onItemClick === void 0 || onItemClick(panelKey);
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === 'Enter' || e.keyCode === _KeyCode.default.ENTER || e.which === _KeyCode.default.ENTER) {
+        onItemClick === null || onItemClick === void 0 || onItemClick(panelKey);
+      }
+    },
+    role: accordion ? 'tab' : 'button'
+  }, 'aria-expanded', isActive), 'aria-disabled', disabled), "tabIndex", disabled ? -1 : 0);
+
+  // ======================== Icon ========================
+  var iconNodeInner = typeof expandIcon === 'function' ? expandIcon(props) : /*#__PURE__*/_react.default.createElement("i", {
+    className: "arrow"
+  });
+  var iconNode = iconNodeInner && /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: "".concat(prefixCls, "-expand-icon")
+  }, ['header', 'icon'].includes(collapsible) ? collapsibleProps : {}), iconNodeInner);
+  var collapsePanelClassNames = (0, _classnames.default)("".concat(prefixCls, "-item"), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-item-active"), isActive), "".concat(prefixCls, "-item-disabled"), disabled), className);
+  var headerClassName = (0, _classnames.default)(headerClass, "".concat(prefixCls, "-header"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-collapsible-").concat(collapsible), !!collapsible), customizeClassNames.header);
+
+  // ======================== HeaderProps ========================
+  var headerProps = (0, _objectSpread2.default)({
+    className: headerClassName,
+    style: styles.header
+  }, ['header', 'icon'].includes(collapsible) ? {} : collapsibleProps);
+
+  // ======================== Render ========================
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+    ref: ref,
+    className: collapsePanelClassNames
+  }), /*#__PURE__*/_react.default.createElement("div", headerProps, showArrow && iconNode, /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
+    className: "".concat(prefixCls, "-header-text")
+  }, collapsible === 'header' ? collapsibleProps : {}), header), ifExtraExist && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(prefixCls, "-extra")
+  }, extra)), /*#__PURE__*/_react.default.createElement(_rcMotion.default, (0, _extends2.default)({
+    visible: isActive,
+    leavedClassName: "".concat(prefixCls, "-content-hidden")
+  }, openMotion, {
+    forceRender: forceRender,
+    removeOnLeave: destroyInactivePanel
+  }), function (_ref, motionRef) {
+    var motionClassName = _ref.className,
+      motionStyle = _ref.style;
+    return /*#__PURE__*/_react.default.createElement(_PanelContent.default, {
+      ref: motionRef,
+      prefixCls: prefixCls,
+      className: motionClassName,
+      classNames: customizeClassNames,
+      style: motionStyle,
+      styles: styles,
+      isActive: isActive,
+      forceRender: forceRender,
+      role: accordion ? 'tabpanel' : void 0
+    }, children);
+  }));
+});
+var _default = exports.default = CollapsePanel;

node_modules/rc-collapse/lib/PanelContent.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { CollapsePanelProps } from './interface';
+declare const PanelContent: React.ForwardRefExoticComponent<CollapsePanelProps & {
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default PanelContent;

node_modules/rc-collapse/lib/PanelContent.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classnames2 = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var PanelContent = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var prefixCls = props.prefixCls,
+    forceRender = props.forceRender,
+    className = props.className,
+    style = props.style,
+    children = props.children,
+    isActive = props.isActive,
+    role = props.role,
+    customizeClassNames = props.classNames,
+    styles = props.styles;
+  var _React$useState = _react.default.useState(isActive || forceRender),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    rendered = _React$useState2[0],
+    setRendered = _React$useState2[1];
+  _react.default.useEffect(function () {
+    if (forceRender || isActive) {
+      setRendered(true);
+    }
+  }, [forceRender, isActive]);
+  if (!rendered) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    className: (0, _classnames2.default)("".concat(prefixCls, "-content"), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-content-active"), isActive), "".concat(prefixCls, "-content-inactive"), !isActive), className),
+    style: style,
+    role: role
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames2.default)("".concat(prefixCls, "-content-box"), customizeClassNames === null || customizeClassNames === void 0 ? void 0 : customizeClassNames.body),
+    style: styles === null || styles === void 0 ? void 0 : styles.body
+  }, children));
+});
+PanelContent.displayName = 'PanelContent';
+var _default = exports.default = PanelContent;

node_modules/rc-collapse/lib/hooks/useItems.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { CollapsePanelProps, CollapseProps, ItemType } from '../interface';
+type Props = Pick<CollapsePanelProps, 'prefixCls' | 'onItemClick' | 'openMotion' | 'expandIcon'> & Pick<CollapseProps, 'accordion' | 'collapsible' | 'destroyInactivePanel'> & {
+    activeKey: React.Key[];
+};
+declare function useItems(items?: ItemType[], rawChildren?: React.ReactNode, props?: Props): React.ReactElement<CollapsePanelProps>[];
+export default useItems;

node_modules/rc-collapse/lib/hooks/useItems.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
+var _react = _interopRequireDefault(require("react"));
+var _Panel = _interopRequireDefault(require("../Panel"));
+var _excluded = ["children", "label", "key", "collapsible", "onItemClick", "destroyInactivePanel"];
+var convertItemsToNodes = function convertItemsToNodes(items, props) {
+  var prefixCls = props.prefixCls,
+    accordion = props.accordion,
+    collapsible = props.collapsible,
+    destroyInactivePanel = props.destroyInactivePanel,
+    onItemClick = props.onItemClick,
+    activeKey = props.activeKey,
+    openMotion = props.openMotion,
+    expandIcon = props.expandIcon;
+  return items.map(function (item, index) {
+    var children = item.children,
+      label = item.label,
+      rawKey = item.key,
+      rawCollapsible = item.collapsible,
+      rawOnItemClick = item.onItemClick,
+      rawDestroyInactivePanel = item.destroyInactivePanel,
+      restProps = (0, _objectWithoutProperties2.default)(item, _excluded);
+
+    // You may be puzzled why you want to convert them all into strings, me too.
+    // Maybe: https://github.com/react-component/collapse/blob/aac303a8b6ff30e35060b4f8fecde6f4556fcbe2/src/Collapse.tsx#L15
+    var key = String(rawKey !== null && rawKey !== void 0 ? rawKey : index);
+    var mergeCollapsible = rawCollapsible !== null && rawCollapsible !== void 0 ? rawCollapsible : collapsible;
+    var mergeDestroyInactivePanel = rawDestroyInactivePanel !== null && rawDestroyInactivePanel !== void 0 ? rawDestroyInactivePanel : destroyInactivePanel;
+    var handleItemClick = function handleItemClick(value) {
+      if (mergeCollapsible === 'disabled') return;
+      onItemClick(value);
+      rawOnItemClick === null || rawOnItemClick === void 0 || rawOnItemClick(value);
+    };
+    var isActive = false;
+    if (accordion) {
+      isActive = activeKey[0] === key;
+    } else {
+      isActive = activeKey.indexOf(key) > -1;
+    }
+    return /*#__PURE__*/_react.default.createElement(_Panel.default, (0, _extends2.default)({}, restProps, {
+      prefixCls: prefixCls,
+      key: key,
+      panelKey: key,
+      isActive: isActive,
+      accordion: accordion,
+      openMotion: openMotion,
+      expandIcon: expandIcon,
+      header: label,
+      collapsible: mergeCollapsible,
+      onItemClick: handleItemClick,
+      destroyInactivePanel: mergeDestroyInactivePanel
+    }), children);
+  });
+};
+
+/**
+ * @deprecated The next major version will be removed
+ */
+var getNewChild = function getNewChild(child, index, props) {
+  if (!child) return null;
+  var prefixCls = props.prefixCls,
+    accordion = props.accordion,
+    collapsible = props.collapsible,
+    destroyInactivePanel = props.destroyInactivePanel,
+    onItemClick = props.onItemClick,
+    activeKey = props.activeKey,
+    openMotion = props.openMotion,
+    expandIcon = props.expandIcon;
+  var key = child.key || String(index);
+  var _child$props = child.props,
+    header = _child$props.header,
+    headerClass = _child$props.headerClass,
+    childDestroyInactivePanel = _child$props.destroyInactivePanel,
+    childCollapsible = _child$props.collapsible,
+    childOnItemClick = _child$props.onItemClick;
+  var isActive = false;
+  if (accordion) {
+    isActive = activeKey[0] === key;
+  } else {
+    isActive = activeKey.indexOf(key) > -1;
+  }
+  var mergeCollapsible = childCollapsible !== null && childCollapsible !== void 0 ? childCollapsible : collapsible;
+  var handleItemClick = function handleItemClick(value) {
+    if (mergeCollapsible === 'disabled') return;
+    onItemClick(value);
+    childOnItemClick === null || childOnItemClick === void 0 || childOnItemClick(value);
+  };
+  var childProps = {
+    key: key,
+    panelKey: key,
+    header: header,
+    headerClass: headerClass,
+    isActive: isActive,
+    prefixCls: prefixCls,
+    destroyInactivePanel: childDestroyInactivePanel !== null && childDestroyInactivePanel !== void 0 ? childDestroyInactivePanel : destroyInactivePanel,
+    openMotion: openMotion,
+    accordion: accordion,
+    children: child.props.children,
+    onItemClick: handleItemClick,
+    expandIcon: expandIcon,
+    collapsible: mergeCollapsible
+  };
+
+  // https://github.com/ant-design/ant-design/issues/20479
+  if (typeof child.type === 'string') {
+    return child;
+  }
+  Object.keys(childProps).forEach(function (propName) {
+    if (typeof childProps[propName] === 'undefined') {
+      delete childProps[propName];
+    }
+  });
+  return /*#__PURE__*/_react.default.cloneElement(child, childProps);
+};
+function useItems(items, rawChildren, props) {
+  if (Array.isArray(items)) {
+    return convertItemsToNodes(items, props);
+  }
+  return (0, _toArray.default)(rawChildren).map(function (child, index) {
+    return getNewChild(child, index, props);
+  });
+}
+var _default = exports.default = useItems;

node_modules/rc-collapse/lib/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import Collapse from './Collapse';
+export type { CollapsePanelProps, CollapseProps } from './interface';
+export default Collapse;
+/**
+ * @deprecated use `items` instead, will be removed in `v4.0.0`
+ */
+export declare const Panel: import("react").ForwardRefExoticComponent<import("./interface").CollapsePanelProps & import("react").RefAttributes<HTMLDivElement>>;

node_modules/rc-collapse/lib/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Panel = void 0;
+var _Collapse = _interopRequireDefault(require("./Collapse"));
+var _default = exports.default = _Collapse.default;
+/**
+ * @deprecated use `items` instead, will be removed in `v4.0.0`
+ */
+var Panel = exports.Panel = _Collapse.default.Panel;

node_modules/rc-collapse/lib/interface.d.ts

@@ -0,0 +1,56 @@
+import type { CSSMotionProps } from 'rc-motion';
+import type * as React from 'react';
+export type CollapsibleType = 'header' | 'icon' | 'disabled';
+export interface ItemType extends Omit<CollapsePanelProps, 'header' | 'prefixCls' | 'panelKey' | 'isActive' | 'accordion' | 'openMotion' | 'expandIcon'> {
+    key?: CollapsePanelProps['panelKey'];
+    label?: CollapsePanelProps['header'];
+    ref?: React.RefObject<HTMLDivElement>;
+}
+export interface CollapseProps {
+    prefixCls?: string;
+    activeKey?: React.Key | React.Key[];
+    defaultActiveKey?: React.Key | React.Key[];
+    openMotion?: CSSMotionProps;
+    onChange?: (key: React.Key[]) => void;
+    accordion?: boolean;
+    className?: string;
+    style?: object;
+    destroyInactivePanel?: boolean;
+    expandIcon?: (props: object) => React.ReactNode;
+    collapsible?: CollapsibleType;
+    children?: React.ReactNode;
+    /**
+     * Collapse items content
+     * @since 3.6.0
+     */
+    items?: ItemType[];
+}
+export interface CollapsePanelProps extends React.DOMAttributes<HTMLDivElement> {
+    id?: string;
+    header?: string | React.ReactNode;
+    prefixCls?: string;
+    headerClass?: string;
+    showArrow?: boolean;
+    className?: string;
+    classNames?: {
+        header?: string;
+        body?: string;
+    };
+    style?: object;
+    styles?: {
+        header?: React.CSSProperties;
+        body?: React.CSSProperties;
+    };
+    isActive?: boolean;
+    openMotion?: CSSMotionProps;
+    destroyInactivePanel?: boolean;
+    accordion?: boolean;
+    forceRender?: boolean;
+    extra?: string | React.ReactNode;
+    onItemClick?: (panelKey: React.Key) => void;
+    expandIcon?: (props: object) => React.ReactNode;
+    panelKey?: React.Key;
+    role?: string;
+    collapsible?: CollapsibleType;
+    children?: React.ReactNode;
+}

node_modules/rc-collapse/lib/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});