first commit

frontend/node_modules/@rc-component/portal/lib/Context.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare type QueueCreate = (appendFunc: VoidFunction) => void;
+declare const OrderContext: React.Context<QueueCreate>;
+export default OrderContext;

frontend/node_modules/@rc-component/portal/lib/Context.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var OrderContext = /*#__PURE__*/React.createContext(null);
+var _default = OrderContext;
+exports.default = _default;

frontend/node_modules/@rc-component/portal/lib/Portal.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export declare type ContainerType = Element | DocumentFragment;
+export declare type GetContainer = string | ContainerType | (() => ContainerType) | false;
+export interface PortalProps {
+    /** Customize container element. Default will create a div in document.body when `open` */
+    getContainer?: GetContainer;
+    children?: React.ReactNode;
+    /** Show the portal children */
+    open?: boolean;
+    /** Remove `children` when `open` is `false`. Set `false` will not handle remove process */
+    autoDestroy?: boolean;
+    /** Lock screen scroll when open */
+    autoLock?: boolean;
+    /** @private debug name. Do not use in prod */
+    debug?: string;
+}
+declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<any>>;
+export default Portal;

frontend/node_modules/@rc-component/portal/lib/Portal.js

@@ -0,0 +1,113 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var React = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+var _canUseDom = _interopRequireDefault(require("rc-util/lib/Dom/canUseDom"));
+var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
+var _ref2 = require("rc-util/lib/ref");
+var _Context = _interopRequireDefault(require("./Context"));
+var _useDom3 = _interopRequireDefault(require("./useDom"));
+var _useScrollLocker = _interopRequireDefault(require("./useScrollLocker"));
+var _mock = require("./mock");
+var getPortalContainer = function getPortalContainer(getContainer) {
+  if (getContainer === false) {
+    return false;
+  }
+  if (!(0, _canUseDom.default)() || !getContainer) {
+    return null;
+  }
+  if (typeof getContainer === 'string') {
+    return document.querySelector(getContainer);
+  }
+  if (typeof getContainer === 'function') {
+    return getContainer();
+  }
+  return getContainer;
+};
+var Portal = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var open = props.open,
+    autoLock = props.autoLock,
+    getContainer = props.getContainer,
+    debug = props.debug,
+    _props$autoDestroy = props.autoDestroy,
+    autoDestroy = _props$autoDestroy === void 0 ? true : _props$autoDestroy,
+    children = props.children;
+  var _React$useState = React.useState(open),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    shouldRender = _React$useState2[0],
+    setShouldRender = _React$useState2[1];
+  var mergedRender = shouldRender || open;
+
+  // ========================= Warning =========================
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _warning.default)((0, _canUseDom.default)() || !open, "Portal only work in client side. Please call 'useEffect' to show Portal instead default render in SSR.");
+  }
+
+  // ====================== Should Render ======================
+  React.useEffect(function () {
+    if (autoDestroy || open) {
+      setShouldRender(open);
+    }
+  }, [open, autoDestroy]);
+
+  // ======================== Container ========================
+  var _React$useState3 = React.useState(function () {
+      return getPortalContainer(getContainer);
+    }),
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    innerContainer = _React$useState4[0],
+    setInnerContainer = _React$useState4[1];
+  React.useEffect(function () {
+    var customizeContainer = getPortalContainer(getContainer);
+
+    // Tell component that we check this in effect which is safe to be `null`
+    setInnerContainer(customizeContainer !== null && customizeContainer !== void 0 ? customizeContainer : null);
+  });
+  var _useDom = (0, _useDom3.default)(mergedRender && !innerContainer, debug),
+    _useDom2 = (0, _slicedToArray2.default)(_useDom, 2),
+    defaultContainer = _useDom2[0],
+    queueCreate = _useDom2[1];
+  var mergedContainer = innerContainer !== null && innerContainer !== void 0 ? innerContainer : defaultContainer;
+
+  // ========================= Locker ==========================
+  (0, _useScrollLocker.default)(autoLock && open && (0, _canUseDom.default)() && (mergedContainer === defaultContainer || mergedContainer === document.body));
+
+  // =========================== Ref ===========================
+  var childRef = null;
+  if (children && (0, _ref2.supportRef)(children) && ref) {
+    var _ref = children;
+    childRef = _ref.ref;
+  }
+  var mergedRef = (0, _ref2.useComposeRef)(childRef, ref);
+
+  // ========================= Render ==========================
+  // Do not render when nothing need render
+  // When innerContainer is `undefined`, it may not ready since user use ref in the same render
+  if (!mergedRender || !(0, _canUseDom.default)() || innerContainer === undefined) {
+    return null;
+  }
+
+  // Render inline
+  var renderInline = mergedContainer === false || (0, _mock.inlineMock)();
+  var reffedChildren = children;
+  if (ref) {
+    reffedChildren = /*#__PURE__*/React.cloneElement(children, {
+      ref: mergedRef
+    });
+  }
+  return /*#__PURE__*/React.createElement(_Context.default.Provider, {
+    value: queueCreate
+  }, renderInline ? reffedChildren : /*#__PURE__*/(0, _reactDom.createPortal)(reffedChildren, mergedContainer));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Portal.displayName = 'Portal';
+}
+var _default = Portal;
+exports.default = _default;

frontend/node_modules/@rc-component/portal/lib/index.d.ts

@@ -0,0 +1,6 @@
+import Portal from './Portal';
+import type { PortalProps } from './Portal';
+import { inlineMock } from './mock';
+export type { PortalProps };
+export { inlineMock };
+export default Portal;

frontend/node_modules/@rc-component/portal/lib/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "inlineMock", {
+  enumerable: true,
+  get: function get() {
+    return _mock.inlineMock;
+  }
+});
+var _Portal = _interopRequireDefault(require("./Portal"));
+var _mock = require("./mock");
+var _default = _Portal.default;
+exports.default = _default;

frontend/node_modules/@rc-component/portal/lib/mock.d.ts

@@ -0,0 +1,2 @@
+export declare let inline: boolean;
+export declare function inlineMock(nextInline?: boolean): boolean;

frontend/node_modules/@rc-component/portal/lib/mock.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.inline = void 0;
+exports.inlineMock = inlineMock;
+var inline = false;
+exports.inline = inline;
+function inlineMock(nextInline) {
+  if (typeof nextInline === 'boolean') {
+    exports.inline = inline = nextInline;
+  }
+  return inline;
+}

frontend/node_modules/@rc-component/portal/lib/useDom.d.ts

@@ -0,0 +1,6 @@
+import type { QueueCreate } from './Context';
+/**
+ * Will add `div` to document. Nest call will keep order
+ * @param render Render DOM in document
+ */
+export default function useDom(render: boolean, debug?: string): [HTMLDivElement, QueueCreate];

frontend/node_modules/@rc-component/portal/lib/useDom.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useDom;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var React = _interopRequireWildcard(require("react"));
+var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
+var _canUseDom = _interopRequireDefault(require("rc-util/lib/Dom/canUseDom"));
+var _Context = _interopRequireDefault(require("./Context"));
+var EMPTY_LIST = [];
+
+/**
+ * Will add `div` to document. Nest call will keep order
+ * @param render Render DOM in document
+ */
+function useDom(render, debug) {
+  var _React$useState = React.useState(function () {
+      if (!(0, _canUseDom.default)()) {
+        return null;
+      }
+      var defaultEle = document.createElement('div');
+      if (process.env.NODE_ENV !== 'production' && debug) {
+        defaultEle.setAttribute('data-debug', debug);
+      }
+      return defaultEle;
+    }),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 1),
+    ele = _React$useState2[0];
+
+  // ========================== Order ==========================
+  var appendedRef = React.useRef(false);
+  var queueCreate = React.useContext(_Context.default);
+  var _React$useState3 = React.useState(EMPTY_LIST),
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    queue = _React$useState4[0],
+    setQueue = _React$useState4[1];
+  var mergedQueueCreate = queueCreate || (appendedRef.current ? undefined : function (appendFn) {
+    setQueue(function (origin) {
+      var newQueue = [appendFn].concat((0, _toConsumableArray2.default)(origin));
+      return newQueue;
+    });
+  });
+
+  // =========================== DOM ===========================
+  function append() {
+    if (!ele.parentElement) {
+      document.body.appendChild(ele);
+    }
+    appendedRef.current = true;
+  }
+  function cleanup() {
+    var _ele$parentElement;
+    (_ele$parentElement = ele.parentElement) === null || _ele$parentElement === void 0 ? void 0 : _ele$parentElement.removeChild(ele);
+    appendedRef.current = false;
+  }
+  (0, _useLayoutEffect.default)(function () {
+    if (render) {
+      if (queueCreate) {
+        queueCreate(append);
+      } else {
+        append();
+      }
+    } else {
+      cleanup();
+    }
+    return cleanup;
+  }, [render]);
+  (0, _useLayoutEffect.default)(function () {
+    if (queue.length) {
+      queue.forEach(function (appendFn) {
+        return appendFn();
+      });
+      setQueue(EMPTY_LIST);
+    }
+  }, [queue]);
+  return [ele, mergedQueueCreate];
+}

frontend/node_modules/@rc-component/portal/lib/useScrollLocker.d.ts

@@ -0,0 +1 @@
+export default function useScrollLocker(lock?: boolean): void;

frontend/node_modules/@rc-component/portal/lib/useScrollLocker.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useScrollLocker;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var React = _interopRequireWildcard(require("react"));
+var _dynamicCSS = require("rc-util/lib/Dom/dynamicCSS");
+var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
+var _getScrollBarSize = require("rc-util/lib/getScrollBarSize");
+var _util = require("./util");
+var UNIQUE_ID = "rc-util-locker-".concat(Date.now());
+var uuid = 0;
+function useScrollLocker(lock) {
+  var mergedLock = !!lock;
+  var _React$useState = React.useState(function () {
+      uuid += 1;
+      return "".concat(UNIQUE_ID, "_").concat(uuid);
+    }),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 1),
+    id = _React$useState2[0];
+  (0, _useLayoutEffect.default)(function () {
+    if (mergedLock) {
+      var scrollbarSize = (0, _getScrollBarSize.getTargetScrollBarSize)(document.body).width;
+      var isOverflow = (0, _util.isBodyOverflowing)();
+      (0, _dynamicCSS.updateCSS)("\nhtml body {\n  overflow-y: hidden;\n  ".concat(isOverflow ? "width: calc(100% - ".concat(scrollbarSize, "px);") : '', "\n}"), id);
+    } else {
+      (0, _dynamicCSS.removeCSS)(id);
+    }
+    return function () {
+      (0, _dynamicCSS.removeCSS)(id);
+    };
+  }, [mergedLock, id]);
+}

frontend/node_modules/@rc-component/portal/lib/util.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Test usage export. Do not use in your production
+ */
+export declare function isBodyOverflowing(): boolean;

frontend/node_modules/@rc-component/portal/lib/util.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isBodyOverflowing = isBodyOverflowing;
+/**
+ * Test usage export. Do not use in your production
+ */
+function isBodyOverflowing() {
+  return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth;
+}