first commit

frontend/node_modules/antd/lib/transfer/index.js

@@ -0,0 +1,310 @@
+"use strict";
+"use client";
+
+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 _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("../_util/hooks");
+var _statusUtils = require("../_util/statusUtils");
+var _transKeys = require("../_util/transKeys");
+var _warning = require("../_util/warning");
+var _configProvider = require("../config-provider");
+var _defaultRenderEmpty = _interopRequireDefault(require("../config-provider/defaultRenderEmpty"));
+var _DisabledContext = _interopRequireDefault(require("../config-provider/DisabledContext"));
+var _context = require("../form/context");
+var _locale = require("../locale");
+var _en_US = _interopRequireDefault(require("../locale/en_US"));
+var _useData = _interopRequireDefault(require("./hooks/useData"));
+var _useSelection = _interopRequireDefault(require("./hooks/useSelection"));
+var _list = _interopRequireDefault(require("./list"));
+var _operation = _interopRequireDefault(require("./operation"));
+var _search = _interopRequireDefault(require("./search"));
+var _style = _interopRequireDefault(require("./style"));
+const Transfer = props => {
+  const {
+    dataSource,
+    targetKeys = [],
+    selectedKeys,
+    selectAllLabels = [],
+    operations = [],
+    style = {},
+    listStyle = {},
+    locale = {},
+    titles,
+    disabled,
+    showSearch = false,
+    operationStyle,
+    showSelectAll,
+    oneWay,
+    pagination,
+    status: customStatus,
+    prefixCls: customizePrefixCls,
+    className,
+    rootClassName,
+    selectionsIcon,
+    filterOption,
+    render,
+    footer,
+    children,
+    rowKey,
+    onScroll,
+    onChange,
+    onSearch,
+    onSelectChange
+  } = props;
+  const {
+    getPrefixCls,
+    renderEmpty,
+    direction: dir,
+    transfer
+  } = (0, _react.useContext)(_configProvider.ConfigContext);
+  const contextDisabled = (0, _react.useContext)(_DisabledContext.default);
+  const mergedDisabled = disabled !== null && disabled !== void 0 ? disabled : contextDisabled;
+  const prefixCls = getPrefixCls('transfer', customizePrefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(prefixCls);
+  // Fill record with `key`
+  const [mergedDataSource, leftDataSource, rightDataSource] = (0, _useData.default)(dataSource, rowKey, targetKeys);
+  // Get direction selected keys
+  const [
+  // Keys
+  sourceSelectedKeys, targetSelectedKeys,
+  // Setters
+  setSourceSelectedKeys, setTargetSelectedKeys] = (0, _useSelection.default)(leftDataSource, rightDataSource, selectedKeys);
+  const [leftMultipleSelect, updateLeftPrevSelectedIndex] = (0, _hooks.useMultipleSelect)(item => item.key);
+  const [rightMultipleSelect, updateRightPrevSelectedIndex] = (0, _hooks.useMultipleSelect)(item => item.key);
+  if (process.env.NODE_ENV !== 'production') {
+    const warning = (0, _warning.devUseWarning)('Transfer');
+    process.env.NODE_ENV !== "production" ? warning(!pagination || !children, 'usage', '`pagination` not support customize render list.') : void 0;
+  }
+  const setStateKeys = (0, _react.useCallback)((direction, keys) => {
+    if (direction === 'left') {
+      const nextKeys = typeof keys === 'function' ? keys(sourceSelectedKeys || []) : keys;
+      setSourceSelectedKeys(nextKeys);
+    } else {
+      const nextKeys = typeof keys === 'function' ? keys(targetSelectedKeys || []) : keys;
+      setTargetSelectedKeys(nextKeys);
+    }
+  }, [sourceSelectedKeys, targetSelectedKeys]);
+  const setPrevSelectedIndex = (direction, value) => {
+    const isLeftDirection = direction === 'left';
+    const updatePrevSelectedIndex = isLeftDirection ? updateLeftPrevSelectedIndex : updateRightPrevSelectedIndex;
+    updatePrevSelectedIndex(value);
+  };
+  const handleSelectChange = (0, _react.useCallback)((direction, holder) => {
+    if (direction === 'left') {
+      onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(holder, targetSelectedKeys);
+    } else {
+      onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(sourceSelectedKeys, holder);
+    }
+  }, [sourceSelectedKeys, targetSelectedKeys]);
+  const getTitles = transferLocale => {
+    var _a;
+    return (_a = titles !== null && titles !== void 0 ? titles : transferLocale.titles) !== null && _a !== void 0 ? _a : [];
+  };
+  const handleLeftScroll = e => {
+    onScroll === null || onScroll === void 0 ? void 0 : onScroll('left', e);
+  };
+  const handleRightScroll = e => {
+    onScroll === null || onScroll === void 0 ? void 0 : onScroll('right', e);
+  };
+  const moveTo = direction => {
+    const moveKeys = direction === 'right' ? sourceSelectedKeys : targetSelectedKeys;
+    const dataSourceDisabledKeysMap = (0, _transKeys.groupDisabledKeysMap)(mergedDataSource);
+    // filter the disabled options
+    const newMoveKeys = moveKeys.filter(key => !dataSourceDisabledKeysMap.has(key));
+    const newMoveKeysMap = (0, _transKeys.groupKeysMap)(newMoveKeys);
+    // move items to target box
+    const newTargetKeys = direction === 'right' ? newMoveKeys.concat(targetKeys) : targetKeys.filter(targetKey => !newMoveKeysMap.has(targetKey));
+    // empty checked keys
+    const oppositeDirection = direction === 'right' ? 'left' : 'right';
+    setStateKeys(oppositeDirection, []);
+    handleSelectChange(oppositeDirection, []);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newTargetKeys, direction, newMoveKeys);
+  };
+  const moveToLeft = () => {
+    moveTo('left');
+    setPrevSelectedIndex('left', null);
+  };
+  const moveToRight = () => {
+    moveTo('right');
+    setPrevSelectedIndex('right', null);
+  };
+  const onItemSelectAll = (direction, keys, checkAll) => {
+    setStateKeys(direction, prevKeys => {
+      let mergedCheckedKeys = [];
+      if (checkAll === 'replace') {
+        mergedCheckedKeys = keys;
+      } else if (checkAll) {
+        // Merge current keys with origin key
+        mergedCheckedKeys = Array.from(new Set([].concat((0, _toConsumableArray2.default)(prevKeys), (0, _toConsumableArray2.default)(keys))));
+      } else {
+        const selectedKeysMap = (0, _transKeys.groupKeysMap)(keys);
+        // Remove current keys from origin keys
+        mergedCheckedKeys = prevKeys.filter(key => !selectedKeysMap.has(key));
+      }
+      handleSelectChange(direction, mergedCheckedKeys);
+      return mergedCheckedKeys;
+    });
+    setPrevSelectedIndex(direction, null);
+  };
+  const onLeftItemSelectAll = (keys, checkAll) => {
+    onItemSelectAll('left', keys, checkAll);
+  };
+  const onRightItemSelectAll = (keys, checkAll) => {
+    onItemSelectAll('right', keys, checkAll);
+  };
+  const leftFilter = e => onSearch === null || onSearch === void 0 ? void 0 : onSearch('left', e.target.value);
+  const rightFilter = e => onSearch === null || onSearch === void 0 ? void 0 : onSearch('right', e.target.value);
+  const handleLeftClear = () => onSearch === null || onSearch === void 0 ? void 0 : onSearch('left', '');
+  const handleRightClear = () => onSearch === null || onSearch === void 0 ? void 0 : onSearch('right', '');
+  const handleSingleSelect = (direction, holder, selectedKey, checked, currentSelectedIndex) => {
+    const isSelected = holder.has(selectedKey);
+    if (isSelected) {
+      holder.delete(selectedKey);
+      setPrevSelectedIndex(direction, null);
+    }
+    if (checked) {
+      holder.add(selectedKey);
+      setPrevSelectedIndex(direction, currentSelectedIndex);
+    }
+  };
+  const handleMultipleSelect = (direction, data, holder, currentSelectedIndex) => {
+    const isLeftDirection = direction === 'left';
+    const multipleSelect = isLeftDirection ? leftMultipleSelect : rightMultipleSelect;
+    multipleSelect(currentSelectedIndex, data, holder);
+  };
+  const onItemSelect = (direction, selectedKey, checked, multiple) => {
+    const isLeftDirection = direction === 'left';
+    const holder = (0, _toConsumableArray2.default)(isLeftDirection ? sourceSelectedKeys : targetSelectedKeys);
+    const holderSet = new Set(holder);
+    const data = (0, _toConsumableArray2.default)(isLeftDirection ? leftDataSource : rightDataSource).filter(item => !(item === null || item === void 0 ? void 0 : item.disabled));
+    const currentSelectedIndex = data.findIndex(item => item.key === selectedKey);
+    // multiple select by hold down the shift key
+    if (multiple && holder.length > 0) {
+      handleMultipleSelect(direction, data, holderSet, currentSelectedIndex);
+    } else {
+      handleSingleSelect(direction, holderSet, selectedKey, checked, currentSelectedIndex);
+    }
+    const holderArr = Array.from(holderSet);
+    handleSelectChange(direction, holderArr);
+    if (!props.selectedKeys) {
+      setStateKeys(direction, holderArr);
+    }
+  };
+  const onLeftItemSelect = (selectedKey, checked, e) => {
+    onItemSelect('left', selectedKey, checked, e === null || e === void 0 ? void 0 : e.shiftKey);
+  };
+  const onRightItemSelect = (selectedKey, checked, e) => {
+    onItemSelect('right', selectedKey, checked, e === null || e === void 0 ? void 0 : e.shiftKey);
+  };
+  const onRightItemRemove = keys => {
+    setStateKeys('right', []);
+    onChange === null || onChange === void 0 ? void 0 : onChange(targetKeys.filter(key => !keys.includes(key)), 'left', (0, _toConsumableArray2.default)(keys));
+  };
+  const handleListStyle = direction => {
+    if (typeof listStyle === 'function') {
+      return listStyle({
+        direction
+      });
+    }
+    return listStyle || {};
+  };
+  const formItemContext = (0, _react.useContext)(_context.FormItemInputContext);
+  const {
+    hasFeedback,
+    status
+  } = formItemContext;
+  const getLocale = transferLocale => Object.assign(Object.assign(Object.assign({}, transferLocale), {
+    notFoundContent: (renderEmpty === null || renderEmpty === void 0 ? void 0 : renderEmpty('Transfer')) || /*#__PURE__*/_react.default.createElement(_defaultRenderEmpty.default, {
+      componentName: "Transfer"
+    })
+  }), locale);
+  const mergedStatus = (0, _statusUtils.getMergedStatus)(status, customStatus);
+  const mergedPagination = !children && pagination;
+  const leftActive = rightDataSource.filter(d => targetSelectedKeys.includes(d.key) && !d.disabled).length > 0;
+  const rightActive = leftDataSource.filter(d => sourceSelectedKeys.includes(d.key) && !d.disabled).length > 0;
+  const cls = (0, _classnames.default)(prefixCls, {
+    [`${prefixCls}-disabled`]: mergedDisabled,
+    [`${prefixCls}-customize-list`]: !!children,
+    [`${prefixCls}-rtl`]: dir === 'rtl'
+  }, (0, _statusUtils.getStatusClassNames)(prefixCls, mergedStatus, hasFeedback), transfer === null || transfer === void 0 ? void 0 : transfer.className, className, rootClassName, hashId, cssVarCls);
+  const [contextLocale] = (0, _locale.useLocale)('Transfer', _en_US.default.Transfer);
+  const listLocale = getLocale(contextLocale);
+  const [leftTitle, rightTitle] = getTitles(listLocale);
+  const mergedSelectionsIcon = selectionsIcon !== null && selectionsIcon !== void 0 ? selectionsIcon : transfer === null || transfer === void 0 ? void 0 : transfer.selectionsIcon;
+  return wrapCSSVar(/*#__PURE__*/_react.default.createElement("div", {
+    className: cls,
+    style: Object.assign(Object.assign({}, transfer === null || transfer === void 0 ? void 0 : transfer.style), style)
+  }, /*#__PURE__*/_react.default.createElement(_list.default, Object.assign({
+    prefixCls: `${prefixCls}-list`,
+    titleText: leftTitle,
+    dataSource: leftDataSource,
+    filterOption: filterOption,
+    style: handleListStyle('left'),
+    checkedKeys: sourceSelectedKeys,
+    handleFilter: leftFilter,
+    handleClear: handleLeftClear,
+    onItemSelect: onLeftItemSelect,
+    onItemSelectAll: onLeftItemSelectAll,
+    render: render,
+    showSearch: showSearch,
+    renderList: children,
+    footer: footer,
+    onScroll: handleLeftScroll,
+    disabled: mergedDisabled,
+    direction: dir === 'rtl' ? 'right' : 'left',
+    showSelectAll: showSelectAll,
+    selectAllLabel: selectAllLabels[0],
+    pagination: mergedPagination,
+    selectionsIcon: mergedSelectionsIcon
+  }, listLocale)), /*#__PURE__*/_react.default.createElement(_operation.default, {
+    className: `${prefixCls}-operation`,
+    rightActive: rightActive,
+    rightArrowText: operations[0],
+    moveToRight: moveToRight,
+    leftActive: leftActive,
+    leftArrowText: operations[1],
+    moveToLeft: moveToLeft,
+    style: operationStyle,
+    disabled: mergedDisabled,
+    direction: dir,
+    oneWay: oneWay
+  }), /*#__PURE__*/_react.default.createElement(_list.default, Object.assign({
+    prefixCls: `${prefixCls}-list`,
+    titleText: rightTitle,
+    dataSource: rightDataSource,
+    filterOption: filterOption,
+    style: handleListStyle('right'),
+    checkedKeys: targetSelectedKeys,
+    handleFilter: rightFilter,
+    handleClear: handleRightClear,
+    onItemSelect: onRightItemSelect,
+    onItemSelectAll: onRightItemSelectAll,
+    onItemRemove: onRightItemRemove,
+    render: render,
+    showSearch: showSearch,
+    renderList: children,
+    footer: footer,
+    onScroll: handleRightScroll,
+    disabled: mergedDisabled,
+    direction: dir === 'rtl' ? 'left' : 'right',
+    showSelectAll: showSelectAll,
+    selectAllLabel: selectAllLabels[1],
+    showRemove: oneWay,
+    pagination: mergedPagination,
+    selectionsIcon: mergedSelectionsIcon
+  }, listLocale))));
+};
+if (process.env.NODE_ENV !== 'production') {
+  Transfer.displayName = 'Transfer';
+}
+Transfer.List = _list.default;
+Transfer.Search = _search.default;
+Transfer.Operation = _operation.default;
+var _default = exports.default = Transfer;