@chaoswise/ui 3.0.6 → 3.0.8

package/lib/Antd5/transfer/index.js

@@ -0,0 +1,361 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useContext } from 'react';
+import classNames from 'classnames';
+import useMultipleSelect from '../_util/hooks/useMultipleSelect';
+import { getMergedStatus, getStatusClassNames } from '../_util/statusUtils';
+import { groupDisabledKeysMap, groupKeysMap } from '../_util/transKeys';
+import { devUseWarning } from '../_util/warning';
+import { ConfigContext } from '../config-provider';
+import DefaultRenderEmpty from '../config-provider/defaultRenderEmpty';
+import { FormItemInputContext } from '../form/context';
+import { useLocale } from '../locale';
+import defaultLocale from '../locale/en_US';
+import useData from './hooks/useData';
+import useSelection from './hooks/useSelection';
+import List from './list';
+import Operation from './operation';
+import Search from './search';
+import useStyle from './style';
+var Transfer = function Transfer(props) {
+  var dataSource = props.dataSource,
+    _props$targetKeys = props.targetKeys,
+    targetKeys = _props$targetKeys === void 0 ? [] : _props$targetKeys,
+    selectedKeys = props.selectedKeys,
+    _props$selectAllLabel = props.selectAllLabels,
+    selectAllLabels = _props$selectAllLabel === void 0 ? [] : _props$selectAllLabel,
+    _props$operations = props.operations,
+    operations = _props$operations === void 0 ? [] : _props$operations,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    _props$listStyle = props.listStyle,
+    listStyle = _props$listStyle === void 0 ? {} : _props$listStyle,
+    _props$locale = props.locale,
+    locale = _props$locale === void 0 ? {} : _props$locale,
+    titles = props.titles,
+    disabled = props.disabled,
+    _props$showSearch = props.showSearch,
+    showSearch = _props$showSearch === void 0 ? false : _props$showSearch,
+    operationStyle = props.operationStyle,
+    showSelectAll = props.showSelectAll,
+    oneWay = props.oneWay,
+    pagination = props.pagination,
+    customStatus = props.status,
+    customizePrefixCls = props.prefixCls,
+    className = props.className,
+    rootClassName = props.rootClassName,
+    selectionsIcon = props.selectionsIcon,
+    filterOption = props.filterOption,
+    render = props.render,
+    footer = props.footer,
+    children = props.children,
+    rowKey = props.rowKey,
+    onScroll = props.onScroll,
+    onChange = props.onChange,
+    onSearch = props.onSearch,
+    onSelectChange = props.onSelectChange;
+  var _useContext = useContext(ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls,
+    renderEmpty = _useContext.renderEmpty,
+    dir = _useContext.direction,
+    transfer = _useContext.transfer;
+  var prefixCls = getPrefixCls('transfer', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  // Fill record with `key`
+  var _useData = useData(dataSource, rowKey, targetKeys),
+    _useData2 = _slicedToArray(_useData, 3),
+    mergedDataSource = _useData2[0],
+    leftDataSource = _useData2[1],
+    rightDataSource = _useData2[2];
+  // Get direction selected keys
+  var _useSelection = useSelection(leftDataSource, rightDataSource, selectedKeys),
+    _useSelection2 = _slicedToArray(_useSelection, 4),
+    // Keys
+    sourceSelectedKeys = _useSelection2[0],
+    targetSelectedKeys = _useSelection2[1],
+    // Setters
+    setSourceSelectedKeys = _useSelection2[2],
+    setTargetSelectedKeys = _useSelection2[3];
+  var _useMultipleSelect = useMultipleSelect(function (item) {
+      return item.key;
+    }),
+    _useMultipleSelect2 = _slicedToArray(_useMultipleSelect, 2),
+    leftMultipleSelect = _useMultipleSelect2[0],
+    updateLeftPrevSelectedIndex = _useMultipleSelect2[1];
+  var _useMultipleSelect3 = useMultipleSelect(function (item) {
+      return item.key;
+    }),
+    _useMultipleSelect4 = _slicedToArray(_useMultipleSelect3, 2),
+    rightMultipleSelect = _useMultipleSelect4[0],
+    updateRightPrevSelectedIndex = _useMultipleSelect4[1];
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Transfer');
+    warning(!pagination || !children, 'usage', '`pagination` not support customize render list.');
+  }
+  var setStateKeys = useCallback(function (direction, keys) {
+    if (direction === 'left') {
+      var nextKeys = typeof keys === 'function' ? keys(sourceSelectedKeys || []) : keys;
+      setSourceSelectedKeys(nextKeys);
+    } else {
+      var _nextKeys = typeof keys === 'function' ? keys(targetSelectedKeys || []) : keys;
+      setTargetSelectedKeys(_nextKeys);
+    }
+  }, [sourceSelectedKeys, targetSelectedKeys]);
+  var setPrevSelectedIndex = function setPrevSelectedIndex(direction, value) {
+    var isLeftDirection = direction === 'left';
+    var updatePrevSelectedIndex = isLeftDirection ? updateLeftPrevSelectedIndex : updateRightPrevSelectedIndex;
+    updatePrevSelectedIndex(value);
+  };
+  var handleSelectChange = useCallback(function (direction, holder) {
+    if (direction === 'left') {
+      onSelectChange === null || onSelectChange === void 0 || onSelectChange(holder, targetSelectedKeys);
+    } else {
+      onSelectChange === null || onSelectChange === void 0 || onSelectChange(sourceSelectedKeys, holder);
+    }
+  }, [sourceSelectedKeys, targetSelectedKeys]);
+  var getTitles = function getTitles(transferLocale) {
+    var _ref;
+    return (_ref = titles !== null && titles !== void 0 ? titles : transferLocale.titles) !== null && _ref !== void 0 ? _ref : [];
+  };
+  var handleLeftScroll = function handleLeftScroll(e) {
+    onScroll === null || onScroll === void 0 || onScroll('left', e);
+  };
+  var handleRightScroll = function handleRightScroll(e) {
+    onScroll === null || onScroll === void 0 || onScroll('right', e);
+  };
+  var moveTo = function moveTo(direction) {
+    var moveKeys = direction === 'right' ? sourceSelectedKeys : targetSelectedKeys;
+    var dataSourceDisabledKeysMap = groupDisabledKeysMap(mergedDataSource);
+    // filter the disabled options
+    var newMoveKeys = moveKeys.filter(function (key) {
+      return !dataSourceDisabledKeysMap.has(key);
+    });
+    var newMoveKeysMap = groupKeysMap(newMoveKeys);
+    // move items to target box
+    var newTargetKeys = direction === 'right' ? newMoveKeys.concat(targetKeys) : targetKeys.filter(function (targetKey) {
+      return !newMoveKeysMap.has(targetKey);
+    });
+    // empty checked keys
+    var oppositeDirection = direction === 'right' ? 'left' : 'right';
+    setStateKeys(oppositeDirection, []);
+    handleSelectChange(oppositeDirection, []);
+    onChange === null || onChange === void 0 || onChange(newTargetKeys, direction, newMoveKeys);
+  };
+  var moveToLeft = function moveToLeft() {
+    moveTo('left');
+    setPrevSelectedIndex('left', null);
+  };
+  var moveToRight = function moveToRight() {
+    moveTo('right');
+    setPrevSelectedIndex('right', null);
+  };
+  var onItemSelectAll = function onItemSelectAll(direction, keys, checkAll) {
+    setStateKeys(direction, function (prevKeys) {
+      var mergedCheckedKeys = [];
+      if (checkAll === 'replace') {
+        mergedCheckedKeys = keys;
+      } else if (checkAll) {
+        // Merge current keys with origin key
+        mergedCheckedKeys = Array.from(new Set([].concat(_toConsumableArray(prevKeys), _toConsumableArray(keys))));
+      } else {
+        var selectedKeysMap = groupKeysMap(keys);
+        // Remove current keys from origin keys
+        mergedCheckedKeys = prevKeys.filter(function (key) {
+          return !selectedKeysMap.has(key);
+        });
+      }
+      handleSelectChange(direction, mergedCheckedKeys);
+      return mergedCheckedKeys;
+    });
+    setPrevSelectedIndex(direction, null);
+  };
+  var onLeftItemSelectAll = function onLeftItemSelectAll(keys, checkAll) {
+    onItemSelectAll('left', keys, checkAll);
+  };
+  var onRightItemSelectAll = function onRightItemSelectAll(keys, checkAll) {
+    onItemSelectAll('right', keys, checkAll);
+  };
+  var leftFilter = function leftFilter(e) {
+    return onSearch === null || onSearch === void 0 ? void 0 : onSearch('left', e.target.value);
+  };
+  var rightFilter = function rightFilter(e) {
+    return onSearch === null || onSearch === void 0 ? void 0 : onSearch('right', e.target.value);
+  };
+  var handleLeftClear = function handleLeftClear() {
+    return onSearch === null || onSearch === void 0 ? void 0 : onSearch('left', '');
+  };
+  var handleRightClear = function handleRightClear() {
+    return onSearch === null || onSearch === void 0 ? void 0 : onSearch('right', '');
+  };
+  var handleSingleSelect = function handleSingleSelect(direction, holder, selectedKey, checked, currentSelectedIndex) {
+    var isSelected = holder.has(selectedKey);
+    if (isSelected) {
+      holder["delete"](selectedKey);
+      setPrevSelectedIndex(direction, null);
+    }
+    if (checked) {
+      holder.add(selectedKey);
+      setPrevSelectedIndex(direction, currentSelectedIndex);
+    }
+  };
+  var handleMultipleSelect = function handleMultipleSelect(direction, data, holder, currentSelectedIndex) {
+    var isLeftDirection = direction === 'left';
+    var multipleSelect = isLeftDirection ? leftMultipleSelect : rightMultipleSelect;
+    multipleSelect(currentSelectedIndex, data, holder);
+  };
+  var onItemSelect = function onItemSelect(direction, selectedKey, checked, multiple) {
+    var isLeftDirection = direction === 'left';
+    var holder = _toConsumableArray(isLeftDirection ? sourceSelectedKeys : targetSelectedKeys);
+    var holderSet = new Set(holder);
+    var data = _toConsumableArray(isLeftDirection ? leftDataSource : rightDataSource).filter(function (item) {
+      return !(item !== null && item !== void 0 && item.disabled);
+    });
+    var currentSelectedIndex = data.findIndex(function (item) {
+      return 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);
+    }
+    var holderArr = Array.from(holderSet);
+    handleSelectChange(direction, holderArr);
+    if (!props.selectedKeys) {
+      setStateKeys(direction, holderArr);
+    }
+  };
+  var onLeftItemSelect = function onLeftItemSelect(selectedKey, checked, e) {
+    onItemSelect('left', selectedKey, checked, e === null || e === void 0 ? void 0 : e.shiftKey);
+  };
+  var onRightItemSelect = function onRightItemSelect(selectedKey, checked, e) {
+    onItemSelect('right', selectedKey, checked, e === null || e === void 0 ? void 0 : e.shiftKey);
+  };
+  var onRightItemRemove = function onRightItemRemove(keys) {
+    setStateKeys('right', []);
+    onChange === null || onChange === void 0 || onChange(targetKeys.filter(function (key) {
+      return !keys.includes(key);
+    }), 'left', _toConsumableArray(keys));
+  };
+  var handleListStyle = function handleListStyle(direction) {
+    if (typeof listStyle === 'function') {
+      return listStyle({
+        direction: direction
+      });
+    }
+    return listStyle || {};
+  };
+  var formItemContext = useContext(FormItemInputContext);
+  var hasFeedback = formItemContext.hasFeedback,
+    status = formItemContext.status;
+  var getLocale = function getLocale(transferLocale) {
+    return _objectSpread(_objectSpread({}, transferLocale), {}, {
+      notFoundContent: (renderEmpty === null || renderEmpty === void 0 ? void 0 : renderEmpty('Transfer')) || _jsx(DefaultRenderEmpty, {
+        componentName: "Transfer"
+      })
+    }, locale);
+  };
+  var mergedStatus = getMergedStatus(status, customStatus);
+  var mergedPagination = !children && pagination;
+  var leftActive = targetSelectedKeys.length > 0;
+  var rightActive = sourceSelectedKeys.length > 0;
+  var cls = classNames(prefixCls, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-customize-list"), !!children), "".concat(prefixCls, "-rtl"), dir === 'rtl'), getStatusClassNames(prefixCls, mergedStatus, hasFeedback), transfer === null || transfer === void 0 ? void 0 : transfer.className, className, rootClassName, hashId, cssVarCls);
+  var _useLocale = useLocale('Transfer', defaultLocale.Transfer),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    contextLocale = _useLocale2[0];
+  var listLocale = getLocale(contextLocale);
+  var _getTitles = getTitles(listLocale),
+    _getTitles2 = _slicedToArray(_getTitles, 2),
+    leftTitle = _getTitles2[0],
+    rightTitle = _getTitles2[1];
+  var mergedSelectionsIcon = selectionsIcon !== null && selectionsIcon !== void 0 ? selectionsIcon : transfer === null || transfer === void 0 ? void 0 : transfer.selectionsIcon;
+  return wrapCSSVar(_jsxs("div", {
+    className: cls,
+    style: _objectSpread(_objectSpread({}, transfer === null || transfer === void 0 ? void 0 : transfer.style), style),
+    children: [_jsx(List, _objectSpread({
+      prefixCls: "".concat(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: disabled,
+      direction: dir === 'rtl' ? 'right' : 'left',
+      showSelectAll: showSelectAll,
+      selectAllLabel: selectAllLabels[0],
+      pagination: mergedPagination,
+      selectionsIcon: mergedSelectionsIcon
+    }, listLocale)), _jsx(Operation, {
+      className: "".concat(prefixCls, "-operation"),
+      rightActive: rightActive,
+      rightArrowText: operations[0],
+      moveToRight: moveToRight,
+      leftActive: leftActive,
+      leftArrowText: operations[1],
+      moveToLeft: moveToLeft,
+      style: operationStyle,
+      disabled: disabled,
+      direction: dir,
+      oneWay: oneWay
+    }), _jsx(List, _objectSpread({
+      prefixCls: "".concat(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: disabled,
+      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;
+Transfer.Search = Search;
+Transfer.Operation = Operation;
+export default Transfer;

package/lib/Antd5/transfer/interface.js

@@ -0,0 +1 @@
+export {};

package/lib/Antd5/transfer/list.js

@@ -0,0 +1,316 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useMemo, useRef, useState } from 'react';
+import DownOutlined from '@ant-design/icons/DownOutlined';
+import classNames from 'classnames';
+import omit from 'rc-util/lib/omit';
+import { groupKeysMap } from '../_util/transKeys';
+import Checkbox from '../checkbox';
+import Dropdown from '../dropdown';
+import DefaultListBody, { OmitProps } from './ListBody';
+import Search from './search';
+var defaultRender = function defaultRender() {
+  return null;
+};
+function isRenderResultPlainObject(result) {
+  return !!(result && ! /*#__PURE__*/React.isValidElement(result) && Object.prototype.toString.call(result) === '[object Object]');
+}
+function getEnabledItemKeys(items) {
+  return items.filter(function (data) {
+    return !data.disabled;
+  }).map(function (data) {
+    return data.key;
+  });
+}
+var isValidIcon = function isValidIcon(icon) {
+  return icon !== undefined;
+};
+var TransferList = function TransferList(props) {
+  var prefixCls = props.prefixCls,
+    _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
+    _props$titleText = props.titleText,
+    titleText = _props$titleText === void 0 ? '' : _props$titleText,
+    checkedKeys = props.checkedKeys,
+    disabled = props.disabled,
+    _props$showSearch = props.showSearch,
+    showSearch = _props$showSearch === void 0 ? false : _props$showSearch,
+    style = props.style,
+    searchPlaceholder = props.searchPlaceholder,
+    notFoundContent = props.notFoundContent,
+    selectAll = props.selectAll,
+    deselectAll = props.deselectAll,
+    selectCurrent = props.selectCurrent,
+    selectInvert = props.selectInvert,
+    removeAll = props.removeAll,
+    removeCurrent = props.removeCurrent,
+    _props$showSelectAll = props.showSelectAll,
+    showSelectAll = _props$showSelectAll === void 0 ? true : _props$showSelectAll,
+    showRemove = props.showRemove,
+    pagination = props.pagination,
+    direction = props.direction,
+    itemsUnit = props.itemsUnit,
+    itemUnit = props.itemUnit,
+    selectAllLabel = props.selectAllLabel,
+    selectionsIcon = props.selectionsIcon,
+    footer = props.footer,
+    renderList = props.renderList,
+    onItemSelectAll = props.onItemSelectAll,
+    onItemRemove = props.onItemRemove,
+    handleFilter = props.handleFilter,
+    handleClear = props.handleClear,
+    filterOption = props.filterOption,
+    _props$render = props.render,
+    render = _props$render === void 0 ? defaultRender : _props$render;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    filterValue = _useState2[0],
+    setFilterValue = _useState2[1];
+  var listBodyRef = useRef({});
+  var internalHandleFilter = function internalHandleFilter(e) {
+    setFilterValue(e.target.value);
+    handleFilter(e);
+  };
+  var internalHandleClear = function internalHandleClear() {
+    setFilterValue('');
+    handleClear();
+  };
+  var matchFilter = function matchFilter(text, item) {
+    if (filterOption) {
+      return filterOption(filterValue, item, direction);
+    }
+    return text.includes(filterValue);
+  };
+  var renderListBody = function renderListBody(listProps) {
+    var bodyContent = renderList ? renderList(_objectSpread(_objectSpread({}, listProps), {}, {
+      onItemSelect: function onItemSelect(key, check) {
+        return listProps.onItemSelect(key, check);
+      }
+    })) : null;
+    var customize = !!bodyContent;
+    if (!customize) {
+      // @ts-ignore
+      bodyContent = _jsx(DefaultListBody, _objectSpread({
+        ref: listBodyRef
+      }, listProps));
+    }
+    return {
+      customize: customize,
+      bodyContent: bodyContent
+    };
+  };
+  var renderItem = function renderItem(item) {
+    var renderResult = render(item);
+    var isRenderResultPlain = isRenderResultPlainObject(renderResult);
+    return {
+      item: item,
+      renderedEl: isRenderResultPlain ? renderResult.label : renderResult,
+      renderedText: isRenderResultPlain ? renderResult.value : renderResult
+    };
+  };
+  var notFoundContentEle = useMemo(function () {
+    return Array.isArray(notFoundContent) ? notFoundContent[direction === 'left' ? 0 : 1] : notFoundContent;
+  }, [notFoundContent, direction]);
+  var _useMemo = useMemo(function () {
+      var filterItems = [];
+      var filterRenderItems = [];
+      dataSource.forEach(function (item) {
+        var renderedItem = renderItem(item);
+        if (filterValue && !matchFilter(renderedItem.renderedText, item)) {
+          return;
+        }
+        filterItems.push(item);
+        filterRenderItems.push(renderedItem);
+      });
+      return [filterItems, filterRenderItems];
+    }, [dataSource, filterValue]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    filteredItems = _useMemo2[0],
+    filteredRenderItems = _useMemo2[1];
+  var checkStatus = useMemo(function () {
+    if (checkedKeys.length === 0) {
+      return 'none';
+    }
+    var checkedKeysMap = groupKeysMap(checkedKeys);
+    if (filteredItems.every(function (item) {
+      return checkedKeysMap.has(item.key) || !!item.disabled;
+    })) {
+      return 'all';
+    }
+    return 'part';
+  }, [checkedKeys, filteredItems]);
+  var listBody = useMemo(function () {
+    var search = showSearch ? _jsx("div", {
+      className: "".concat(prefixCls, "-body-search-wrapper"),
+      children: _jsx(Search, {
+        prefixCls: "".concat(prefixCls, "-search"),
+        onChange: internalHandleFilter,
+        handleClear: internalHandleClear,
+        placeholder: searchPlaceholder,
+        value: filterValue,
+        disabled: disabled
+      })
+    }) : null;
+    var _renderListBody = renderListBody(_objectSpread(_objectSpread({}, omit(props, OmitProps)), {}, {
+        filteredItems: filteredItems,
+        filteredRenderItems: filteredRenderItems,
+        selectedKeys: checkedKeys
+      })),
+      customize = _renderListBody.customize,
+      bodyContent = _renderListBody.bodyContent;
+    var bodyNode;
+    // We should wrap customize list body in a classNamed div to use flex layout.
+    if (customize) {
+      bodyNode = _jsx("div", {
+        className: "".concat(prefixCls, "-body-customize-wrapper"),
+        children: bodyContent
+      });
+    } else {
+      bodyNode = filteredItems.length ? bodyContent : _jsx("div", {
+        className: "".concat(prefixCls, "-body-not-found"),
+        children: notFoundContentEle
+      });
+    }
+    return _jsxs("div", {
+      className: classNames(showSearch ? "".concat(prefixCls, "-body ").concat(prefixCls, "-body-with-search") : "".concat(prefixCls, "-body")),
+      children: [search, bodyNode]
+    });
+  }, [showSearch, prefixCls, searchPlaceholder, filterValue, disabled, checkedKeys, filteredItems, filteredRenderItems, notFoundContentEle]);
+  var checkBox = _jsx(Checkbox, {
+    disabled: dataSource.length === 0 || disabled,
+    checked: checkStatus === 'all',
+    indeterminate: checkStatus === 'part',
+    className: "".concat(prefixCls, "-checkbox"),
+    onChange: function onChange() {
+      // Only select enabled items
+      onItemSelectAll === null || onItemSelectAll === void 0 || onItemSelectAll(filteredItems.filter(function (item) {
+        return !item.disabled;
+      }).map(function (_ref) {
+        var key = _ref.key;
+        return key;
+      }), checkStatus !== 'all');
+    }
+  });
+  var getSelectAllLabel = function getSelectAllLabel(selectedCount, totalCount) {
+    if (selectAllLabel) {
+      return typeof selectAllLabel === 'function' ? selectAllLabel({
+        selectedCount: selectedCount,
+        totalCount: totalCount
+      }) : selectAllLabel;
+    }
+    var unit = totalCount > 1 ? itemsUnit : itemUnit;
+    return _jsxs(_Fragment, {
+      children: [(selectedCount > 0 ? "".concat(selectedCount, "/") : '') + totalCount, " ", unit]
+    });
+  };
+  // Custom Layout
+  var footerDom = footer && (footer.length < 2 ? footer(props) : footer(props, {
+    direction: direction
+  }));
+  var listCls = classNames(prefixCls, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-with-pagination"), !!pagination), "".concat(prefixCls, "-with-footer"), !!footerDom));
+  // ====================== Get filtered, checked item list ======================
+  var listFooter = footerDom ? _jsx("div", {
+    className: "".concat(prefixCls, "-footer"),
+    children: footerDom
+  }) : null;
+  var checkAllCheckbox = !showRemove && !pagination && checkBox;
+  var items;
+  if (showRemove) {
+    items = [/* Remove Current Page */
+    pagination ? {
+      key: 'removeCurrent',
+      label: removeCurrent,
+      onClick: function onClick() {
+        var _listBodyRef$current;
+        var pageKeys = getEnabledItemKeys((((_listBodyRef$current = listBodyRef.current) === null || _listBodyRef$current === void 0 ? void 0 : _listBodyRef$current.items) || []).map(function (entity) {
+          return entity.item;
+        }));
+        onItemRemove === null || onItemRemove === void 0 || onItemRemove(pageKeys);
+      }
+    } : null, /* Remove All */
+    {
+      key: 'removeAll',
+      label: removeAll,
+      onClick: function onClick() {
+        onItemRemove === null || onItemRemove === void 0 || onItemRemove(getEnabledItemKeys(filteredItems));
+      }
+    }].filter(Boolean);
+  } else {
+    items = [{
+      key: 'selectAll',
+      label: checkStatus === 'all' ? deselectAll : selectAll,
+      onClick: function onClick() {
+        var keys = getEnabledItemKeys(filteredItems);
+        onItemSelectAll === null || onItemSelectAll === void 0 || onItemSelectAll(keys, keys.length !== checkedKeys.length);
+      }
+    }, pagination ? {
+      key: 'selectCurrent',
+      label: selectCurrent,
+      onClick: function onClick() {
+        var _listBodyRef$current2;
+        var pageItems = ((_listBodyRef$current2 = listBodyRef.current) === null || _listBodyRef$current2 === void 0 ? void 0 : _listBodyRef$current2.items) || [];
+        onItemSelectAll === null || onItemSelectAll === void 0 || onItemSelectAll(getEnabledItemKeys(pageItems.map(function (entity) {
+          return entity.item;
+        })), true);
+      }
+    } : null, {
+      key: 'selectInvert',
+      label: selectInvert,
+      onClick: function onClick() {
+        var _listBodyRef$current3;
+        var availablePageItemKeys = getEnabledItemKeys((((_listBodyRef$current3 = listBodyRef.current) === null || _listBodyRef$current3 === void 0 ? void 0 : _listBodyRef$current3.items) || []).map(function (entity) {
+          return entity.item;
+        }));
+        var checkedKeySet = new Set(checkedKeys);
+        var newCheckedKeysSet = new Set(checkedKeySet);
+        availablePageItemKeys.forEach(function (key) {
+          if (checkedKeySet.has(key)) {
+            newCheckedKeysSet["delete"](key);
+          } else {
+            newCheckedKeysSet.add(key);
+          }
+        });
+        onItemSelectAll === null || onItemSelectAll === void 0 || onItemSelectAll(Array.from(newCheckedKeysSet), 'replace');
+      }
+    }];
+  }
+  var dropdown = _jsx(Dropdown, {
+    className: "".concat(prefixCls, "-header-dropdown"),
+    menu: {
+      items: items
+    },
+    disabled: disabled,
+    children: isValidIcon(selectionsIcon) ? selectionsIcon : _jsx(DownOutlined, {})
+  });
+  return _jsxs("div", {
+    className: listCls,
+    style: style,
+    children: [_jsxs("div", {
+      className: "".concat(prefixCls, "-header"),
+      children: [showSelectAll ? _jsxs(_Fragment, {
+        children: [checkAllCheckbox, dropdown]
+      }) : null, _jsx("span", {
+        className: "".concat(prefixCls, "-header-selected"),
+        children: getSelectAllLabel(checkedKeys.length, filteredItems.length)
+      }), _jsx("span", {
+        className: "".concat(prefixCls, "-header-title"),
+        children: titleText
+      })]
+    }), listBody, listFooter]
+  });
+};
+if (process.env.NODE_ENV !== 'production') {
+  TransferList.displayName = 'TransferList';
+}
+export default TransferList;