first commit

frontend/node_modules/antd/lib/transfer/hooks/useData.d.ts

@@ -0,0 +1,5 @@
+import type { TransferProps } from '..';
+import type { AnyObject } from '../../_util/type';
+import type { TransferKey } from '../interface';
+declare const useData: <RecordType extends AnyObject>(dataSource?: RecordType[], rowKey?: TransferProps<RecordType>["rowKey"], targetKeys?: TransferKey[]) => RecordType[][];
+export default useData;

frontend/node_modules/antd/lib/transfer/hooks/useData.js

@@ -0,0 +1,40 @@
+"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 _transKeys = require("../../_util/transKeys");
+const useData = (dataSource, rowKey, targetKeys) => {
+  const mergedDataSource = React.useMemo(() => (dataSource || []).map(record => {
+    if (rowKey) {
+      return Object.assign(Object.assign({}, record), {
+        key: rowKey(record)
+      });
+    }
+    return record;
+  }), [dataSource, rowKey]);
+  const [leftDataSource, rightDataSource] = React.useMemo(() => {
+    var _a;
+    const leftData = [];
+    const rightData = Array.from({
+      length: (_a = targetKeys === null || targetKeys === void 0 ? void 0 : targetKeys.length) !== null && _a !== void 0 ? _a : 0
+    });
+    const targetKeysMap = (0, _transKeys.groupKeysMap)(targetKeys || []);
+    mergedDataSource.forEach(record => {
+      // rightData should be ordered by targetKeys
+      // leftData should be ordered by dataSource
+      if (targetKeysMap.has(record.key)) {
+        const idx = targetKeysMap.get(record.key);
+        rightData[idx] = record;
+      } else {
+        leftData.push(record);
+      }
+    });
+    return [leftData, rightData];
+  }, [mergedDataSource, targetKeys]);
+  return [mergedDataSource, leftDataSource.filter(Boolean), rightDataSource.filter(Boolean)];
+};
+var _default = exports.default = useData;

frontend/node_modules/antd/lib/transfer/hooks/useSelection.d.ts

@@ -0,0 +1,10 @@
+import type { TransferKey } from '../interface';
+declare function useSelection<T extends {
+    key: TransferKey;
+}>(leftDataSource: T[], rightDataSource: T[], selectedKeys?: TransferKey[]): [
+    sourceSelectedKeys: TransferKey[],
+    targetSelectedKeys: TransferKey[],
+    setSourceSelectedKeys: (srcKeys: TransferKey[]) => void,
+    setTargetSelectedKeys: (srcKeys: TransferKey[]) => void
+];
+export default useSelection;

frontend/node_modules/antd/lib/transfer/hooks/useSelection.js

@@ -0,0 +1,46 @@
+"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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var React = _interopRequireWildcard(require("react"));
+var _rcUtil = require("rc-util");
+const EMPTY_KEYS = [];
+function filterKeys(keys, dataKeys) {
+  const filteredKeys = keys.filter(key => dataKeys.has(key));
+  return keys.length === filteredKeys.length ? keys : filteredKeys;
+}
+function flattenKeys(keys) {
+  return Array.from(keys).join(';');
+}
+function useSelection(leftDataSource, rightDataSource, selectedKeys) {
+  // Prepare `dataSource` keys
+  const [leftKeys, rightKeys] = React.useMemo(() => [new Set(leftDataSource.map(src => src === null || src === void 0 ? void 0 : src.key)), new Set(rightDataSource.map(src => src === null || src === void 0 ? void 0 : src.key))], [leftDataSource, rightDataSource]);
+  // Selected Keys
+  const [mergedSelectedKeys, setMergedSelectedKeys] = (0, _rcUtil.useMergedState)(EMPTY_KEYS, {
+    value: selectedKeys
+  });
+  const sourceSelectedKeys = React.useMemo(() => filterKeys(mergedSelectedKeys, leftKeys), [mergedSelectedKeys, leftKeys]);
+  const targetSelectedKeys = React.useMemo(() => filterKeys(mergedSelectedKeys, rightKeys), [mergedSelectedKeys, rightKeys]);
+  // // Reset when data changed
+  React.useEffect(() => {
+    setMergedSelectedKeys([].concat((0, _toConsumableArray2.default)(filterKeys(mergedSelectedKeys, leftKeys)), (0, _toConsumableArray2.default)(filterKeys(mergedSelectedKeys, rightKeys))));
+  }, [flattenKeys(leftKeys), flattenKeys(rightKeys)]);
+  // Update keys
+  const setSourceSelectedKeys = (0, _rcUtil.useEvent)(nextSrcKeys => {
+    setMergedSelectedKeys([].concat((0, _toConsumableArray2.default)(nextSrcKeys), (0, _toConsumableArray2.default)(targetSelectedKeys)));
+  });
+  const setTargetSelectedKeys = (0, _rcUtil.useEvent)(nextTargetKeys => {
+    setMergedSelectedKeys([].concat((0, _toConsumableArray2.default)(sourceSelectedKeys), (0, _toConsumableArray2.default)(nextTargetKeys)));
+  });
+  return [
+  // Keys
+  sourceSelectedKeys, targetSelectedKeys,
+  // Updater
+  setSourceSelectedKeys, setTargetSelectedKeys];
+}
+var _default = exports.default = useSelection;