@dhis2-ui/transfer 10.16.3-alpha.1 → 10.16.4

package/build/cjs/transfer/use-highlighted-options/create-toggle-highlighted-option.js

@@ -19,52 +19,48 @@ var _toggleReplace = require("./toggle-replace.js");
  * @param {string} args.lastClicked
  * @returns {void}
  */
-const createToggleHighlightedOption = _ref => {
-  let {
-    disabled,
-    highlightedOptions,
-    setHighlightedOptions,
-    maxSelections,
-    setLastClicked,
-    options,
-    lastClicked
-  } = _ref;
-  return _ref2 => {
-    let {
-      option,
-      mode
-    } = _ref2;
-    if (disabled) {
-      return;
-    }
-    setHighlightedOptions([]);
-    if (mode === _index.ADD_MODE) {
-      setLastClicked(option.value);
-      return (0, _toggleAdd.toggleAdd)({
-        highlightedOptions,
-        maxSelections,
-        option,
-        setHighlightedOptions
-      });
-    }
-    if (mode === _index.RANGE_MODE) {
-      return (0, _toggleRange.toggleRange)({
-        highlightedOptions,
-        options,
-        option,
-        setHighlightedOptions,
-        lastClicked,
-        maxSelections
-      });
-    }
-
-    // REPLACE_MODE
+const createToggleHighlightedOption = ({
+  disabled,
+  highlightedOptions,
+  setHighlightedOptions,
+  maxSelections,
+  setLastClicked,
+  options,
+  lastClicked
+}) => ({
+  option,
+  mode
+}) => {
+  if (disabled) {
+    return;
+  }
+  setHighlightedOptions([]);
+  if (mode === _index.ADD_MODE) {
     setLastClicked(option.value);
-    return (0, _toggleReplace.toggleReplace)({
-      option,
+    return (0, _toggleAdd.toggleAdd)({
       highlightedOptions,
+      maxSelections,
+      option,
       setHighlightedOptions
     });
-  };
+  }
+  if (mode === _index.RANGE_MODE) {
+    return (0, _toggleRange.toggleRange)({
+      highlightedOptions,
+      options,
+      option,
+      setHighlightedOptions,
+      lastClicked,
+      maxSelections
+    });
+  }
+
+  // REPLACE_MODE
+  setLastClicked(option.value);
+  return (0, _toggleReplace.toggleReplace)({
+    option,
+    highlightedOptions,
+    setHighlightedOptions
+  });
 };
 exports.createToggleHighlightedOption = createToggleHighlightedOption;

package/build/cjs/transfer/use-highlighted-options/toggle-add.js

@@ -13,13 +13,12 @@ var _index = require("../../common/index.js");
  * @param {Function} args.setHighlightedOption
  * @returns {void}
  */
-const toggleAdd = _ref => {
-  let {
-    highlightedOptions,
-    maxSelections,
-    option,
-    setHighlightedOptions
-  } = _ref;
+const toggleAdd = ({
+  highlightedOptions,
+  maxSelections,
+  option,
+  setHighlightedOptions
+}) => {
   const afterToggled = (0, _index.toggleValue)(highlightedOptions, option.value);
   const capped = afterToggled.slice(-1 * maxSelections);
   setHighlightedOptions(capped);

package/build/cjs/transfer/use-highlighted-options/toggle-range.js

@@ -15,15 +15,14 @@ var _index = require("../../common/index.js");
  * @param {Function} args.setHighlightedOption
  * @returns {void}
  */
-const toggleRange = _ref => {
-  let {
-    highlightedOptions,
-    options,
-    option,
-    setHighlightedOptions,
-    lastClicked,
-    maxSelections
-  } = _ref;
+const toggleRange = ({
+  highlightedOptions,
+  options,
+  option,
+  setHighlightedOptions,
+  lastClicked,
+  maxSelections
+}) => {
   if (highlightedOptions.length === 0) {
     setHighlightedOptions([option.value]);
   } else {
@@ -47,12 +46,9 @@ const toggleRange = _ref => {
     // -> Just how slice works ;)
     const lower = Math.min(from, to);
     const higher = Math.max(from, to);
-    const newHighlightedSourceOptions = options.slice(lower, higher + 1).filter(option => !option.disabled).slice(maxSelections * -1).map(_ref2 => {
-      let {
-        value
-      } = _ref2;
-      return value;
-    });
+    const newHighlightedSourceOptions = options.slice(lower, higher + 1).filter(option => !option.disabled).slice(maxSelections * -1).map(({
+      value
+    }) => value);
     setHighlightedOptions(newHighlightedSourceOptions);
   }
 };

package/build/cjs/transfer/use-highlighted-options/toggle-replace.js

@@ -11,12 +11,11 @@ exports.toggleReplace = void 0;
  * @param {Function} args.setHighlightedOption
  * @returns {void}
  */
-const toggleReplace = _ref => {
-  let {
-    option,
-    highlightedOptions,
-    setHighlightedOptions
-  } = _ref;
+const toggleReplace = ({
+  option,
+  highlightedOptions,
+  setHighlightedOptions
+}) => {
   if (highlightedOptions.length > 1) {
     setHighlightedOptions([option.value]);
   } else {

package/build/cjs/transfer/use-highlighted-options.js

@@ -13,12 +13,11 @@ var _createToggleHighlightedOption = require("./use-highlighted-options/create-t
  * @param {Object[]} args.options
  * @returns {Object} highlighted options & helpers
  */
-const useHighlightedOptions = _ref => {
-  let {
-    disabled,
-    maxSelections,
-    options
-  } = _ref;
+const useHighlightedOptions = ({
+  disabled,
+  maxSelections,
+  options
+}) => {
   /**
    * These are important so the stored element can be used
    * as range-start when using shift multiple times consecutively

package/build/cjs/transfer/use-options-key-monitor.js

@@ -14,13 +14,12 @@ const isEndIntersectionDetectorWithinScrollBox = (scrollBoxRef, listRef) => {
   const listRect = listRef.current.getBoundingClientRect();
   return listRect.bottom - scrollBoxRect.bottom < _endIntersectionDetector.INTERSECTION_DETECTOR_HEIGHT;
 };
-const useOptionsKeyMonitor = _ref => {
-  let {
-    scrollBoxRef,
-    listRef,
-    allOptionsKey,
-    onEndReached
-  } = _ref;
+const useOptionsKeyMonitor = ({
+  scrollBoxRef,
+  listRef,
+  allOptionsKey,
+  onEndReached
+}) => {
   /* Store in ref so this works even if a consumer does not pass a stable
    * function reference */
   const onEndReachedRef = (0, _react.useRef)(onEndReached);

package/build/cjs/transfer-option.js

@@ -9,21 +9,19 @@ var _uiConstants = require("@dhis2/ui-constants");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DOUBLE_CLICK_MAX_DELAY = 500;
-const TransferOption = _ref => {
-  let {
-    className,
-    disabled,
-    dataTest = 'dhis2-uicore-transferoption',
-    highlighted,
-    onClick,
-    onDoubleClick,
-    label,
-    value
-  } = _ref;
+const TransferOption = ({
+  className,
+  disabled,
+  dataTest = 'dhis2-uicore-transferoption',
+  highlighted,
+  onClick,
+  onDoubleClick,
+  label,
+  value
+}) => {
   const doubleClickTimeout = (0, _react.useRef)(null);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-test": dataTest,

package/build/cjs/transfer.js

@@ -23,58 +23,56 @@ var _rightHeader = require("./right-header.js");
 var _rightSide = require("./right-side.js");
 var _index = require("./transfer/index.js");
 var _transferOption = require("./transfer-option.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const identity = value => value;
 const defaultSelected = [];
 const defaultSelectedOptionsLookup = {};
-const Transfer = _ref => {
-  let {
-    options,
-    onChange,
-    addAllText,
-    addIndividualText,
-    className,
-    dataTest = 'dhis2-uicore-transfer',
-    disabled,
-    enableOrderChange,
-    filterCallback = _index.defaultFilterCallback,
-    filterCallbackPicked = _index.defaultFilterCallback,
-    filterLabel,
-    filterLabelPicked,
-    filterPlaceholder,
-    filterPlaceholderPicked,
-    filterable,
-    filterablePicked,
-    height = '240px',
-    hideFilterInput,
-    hideFilterInputPicked,
-    initialSearchTerm = '',
-    initialSearchTermPicked = '',
-    selectedOptionsLookup = defaultSelectedOptionsLookup,
-    leftFooter,
-    leftHeader,
-    loadingPicked,
-    loading,
-    maxSelections = Infinity,
-    optionsWidth = '320px',
-    removeAllText,
-    removeIndividualText,
-    renderOption = defaultRenderOption,
-    rightFooter,
-    rightHeader,
-    searchTerm,
-    searchTermPicked,
-    selected = defaultSelected,
-    selectedEmptyComponent,
-    selectedWidth = '320px',
-    sourceEmptyPlaceholder,
-    onFilterChange,
-    onFilterChangePicked,
-    onEndReached,
-    onEndReachedPicked
-  } = _ref;
+const Transfer = ({
+  options,
+  onChange,
+  addAllText,
+  addIndividualText,
+  className,
+  dataTest = 'dhis2-uicore-transfer',
+  disabled,
+  enableOrderChange,
+  filterCallback = _index.defaultFilterCallback,
+  filterCallbackPicked = _index.defaultFilterCallback,
+  filterLabel,
+  filterLabelPicked,
+  filterPlaceholder,
+  filterPlaceholderPicked,
+  filterable,
+  filterablePicked,
+  height = '240px',
+  hideFilterInput,
+  hideFilterInputPicked,
+  initialSearchTerm = '',
+  initialSearchTermPicked = '',
+  selectedOptionsLookup = defaultSelectedOptionsLookup,
+  leftFooter,
+  leftHeader,
+  loadingPicked,
+  loading,
+  maxSelections = Infinity,
+  optionsWidth = '320px',
+  removeAllText,
+  removeIndividualText,
+  renderOption = defaultRenderOption,
+  rightFooter,
+  rightHeader,
+  searchTerm,
+  searchTermPicked,
+  selected = defaultSelected,
+  selectedEmptyComponent,
+  selectedWidth = '320px',
+  sourceEmptyPlaceholder,
+  onFilterChange,
+  onFilterChangePicked,
+  onEndReached,
+  onEndReachedPicked
+}) => {
   /* Source options search value:
    * Depending on whether the onFilterChange callback has been provided
    * either the internal or external search value is used */
@@ -95,12 +93,9 @@ const Transfer = _ref => {
    * Extract the not-selected options.
    * Filters options if filterable is true.
    */
-  const sourceOptions = actualFilterCallback(options.filter(_ref2 => {
-    let {
-      value
-    } = _ref2;
-    return !selected.includes(value);
-  }), actualFilter);
+  const sourceOptions = actualFilterCallback(options.filter(({
+    value
+  }) => !selected.includes(value)), actualFilter);
 
   /*
    * Picked options highlighting:
@@ -190,7 +185,7 @@ const Transfer = _ref => {
     }
     reorderScrollTargetRef.current = null;
     const element = document.querySelector(`[data-test="${dataTest}-pickedoptions"] [data-value="${CSS.escape(target)}"]`);
-    element === null || element === void 0 ? void 0 : element.scrollIntoView({
+    element === null || element === void 0 || element.scrollIntoView({
       block: 'nearest'
     });
   }, [selected, dataTest]);
@@ -198,27 +193,18 @@ const Transfer = _ref => {
   /**
    * Disabled button states
    */
-  const isAddAllDisabled = disabled || sourceOptions.filter(_ref3 => {
-    let {
-      disabled
-    } = _ref3;
-    return !disabled;
-  }).length === 0;
+  const isAddAllDisabled = disabled || sourceOptions.filter(({
+    disabled
+  }) => !disabled).length === 0;
   const isAddIndividualDisabled = disabled || !highlightedSourceOptions.length;
   const isRemoveAllDisabled = disabled || !selected.length;
   const isRemoveIndividualDisabled = disabled || !highlightedPickedOptions.length;
-  const allOptionsKey = (0, _react.useMemo)(() => options.map(_ref4 => {
-    let {
-      value
-    } = _ref4;
-    return value;
-  }).join('|'), [options]);
-  const pickedOptionsKey = (0, _react.useMemo)(() => pickedOptions.map(_ref5 => {
-    let {
-      value
-    } = _ref5;
-    return value;
-  }).join('|'), [pickedOptions]);
+  const allOptionsKey = (0, _react.useMemo)(() => options.map(({
+    value
+  }) => value).join('|'), [options]);
+  const pickedOptionsKey = (0, _react.useMemo)(() => pickedOptions.map(({
+    value
+  }) => value).join('|'), [pickedOptions]);
   return /*#__PURE__*/_react.default.createElement(_container.Container, {
     dataTest: dataTest,
     className: className,
@@ -233,12 +219,9 @@ const Transfer = _ref => {
     placeholder: filterPlaceholder,
     dataTest: `${dataTest}-filter`,
     filter: actualFilter,
-    onChange: onFilterChange ? onFilterChange : _ref6 => {
-      let {
-        value
-      } = _ref6;
-      return setInternalFilter(value);
-    }
+    onChange: onFilterChange ? onFilterChange : ({
+      value
+    }) => setInternalFilter(value)
   })), /*#__PURE__*/_react.default.createElement(_optionsContainer.OptionsContainer, {
     allOptionsKey: allOptionsKey,
     dataTest: `${dataTest}-sourceoptions`,
@@ -308,12 +291,9 @@ const Transfer = _ref => {
     placeholder: filterPlaceholderPicked,
     dataTest: `${dataTest}-filter`,
     filter: actualFilterPicked,
-    onChange: onFilterChangePicked ? onFilterChangePicked : _ref7 => {
-      let {
-        value
-      } = _ref7;
-      return setInternalFilterPicked(value);
-    }
+    onChange: onFilterChangePicked ? onFilterChangePicked : ({
+      value
+    }) => setInternalFilterPicked(value)
   })), /*#__PURE__*/_react.default.createElement(_optionsContainer.OptionsContainer, {
     selected: true,
     allOptionsKey: pickedOptionsKey,