@dhis2-ui/transfer 8.2.0 → 8.2.3

package/build/cjs/transfer/move-highlighted-picked-option-up.js

@@ -12,11 +12,12 @@ exports.moveHighlightedPickedOptionUp = void 0;
  * @param {Function} args.onChange
  * @returns {void}
  */
-const moveHighlightedPickedOptionUp = ({
-  selected,
-  highlightedPickedOptions,
-  onChange
-}) => {
+const moveHighlightedPickedOptionUp = _ref => {
+  let {
+    selected,
+    highlightedPickedOptions,
+    onChange
+  } = _ref;
   const optionIndex = selected.findIndex(selectedOption => selectedOption === highlightedPickedOptions[0]); // Can't move up option at index 0 or non-existing option
 
   if (optionIndex < 1) {

package/build/cjs/transfer/remove-all-picked-options.js

@@ -11,10 +11,11 @@ exports.removeAllPickedOptions = void 0;
  * @param {Function} args.onChange
  * @returns {void}
  */
-const removeAllPickedOptions = ({
-  setHighlightedPickedOptions,
-  onChange
-}) => {
+const removeAllPickedOptions = _ref => {
+  let {
+    setHighlightedPickedOptions,
+    onChange
+  } = _ref;
   setHighlightedPickedOptions([]);
   onChange({
     selected: []

package/build/cjs/transfer/remove-individual-picked-options.js

@@ -13,14 +13,16 @@ exports.removeIndividualPickedOptions = void 0;
  * @param {Function} args.onChange
  * @returns {void}
  */
-const removeIndividualPickedOptions = ({
-  filterablePicked,
-  pickedOptions,
-  highlightedPickedOptions,
-  onChange,
-  selected,
-  setHighlightedPickedOptions
-}) => {
+const removeIndividualPickedOptions = _ref => {
+  let {
+    filterablePicked,
+    pickedOptions,
+    highlightedPickedOptions,
+    onChange,
+    selected,
+    setHighlightedPickedOptions
+  } = _ref;
+
   /**
    * Creates a subset of the highlighted options to reflect a changed
    * filter value in case previously highlighted options are now

package/build/cjs/transfer/use-filter.js

@@ -9,13 +9,14 @@ var _react = require("react");
 
 const identity = value => value;
 
-const useFilter = ({
-  initialSearchTerm,
-  onFilterChange,
-  externalSearchTerm,
-  filterable,
-  filterCallback
-}) => {
+const useFilter = _ref => {
+  let {
+    initialSearchTerm,
+    onFilterChange,
+    externalSearchTerm,
+    filterable,
+    filterCallback
+  } = _ref;
   const [internalFilter, setInternalFilter] = (0, _react.useState)(initialSearchTerm);
   const filterValue = onFilterChange ? externalSearchTerm : internalFilter;
   const filter = filterable ? filterCallback : identity;

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

@@ -24,52 +24,57 @@ var _toggleReplace = require("./toggle-replace.js");
  * @param {string} args.lastClicked
  * @returns {void}
  */
-const createToggleHighlightedOption = ({
-  disabled,
-  highlightedOptions,
-  setHighlightedOptions,
-  maxSelections,
-  setLastClicked,
-  options,
-  lastClicked
-}) => ({
-  option,
-  mode
-}) => {
-  if (disabled) {
-    return;
-  }
+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
 
-  setHighlightedOptions([]);
 
-  if (mode === _index.ADD_MODE) {
     setLastClicked(option.value);
-    return (0, _toggleAdd.toggleAdd)({
-      highlightedOptions,
-      maxSelections,
+    return (0, _toggleReplace.toggleReplace)({
       option,
-      setHighlightedOptions
-    });
-  }
-
-  if (mode === _index.RANGE_MODE) {
-    return (0, _toggleRange.toggleRange)({
       highlightedOptions,
-      options,
-      option,
-      setHighlightedOptions,
-      lastClicked,
-      maxSelections
+      setHighlightedOptions
     });
-  } // 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

@@ -15,12 +15,13 @@ var _index = require("../../common/index.js");
  * @param {Function} args.setHighlightedOption
  * @returns {void}
  */
-const toggleAdd = ({
-  highlightedOptions,
-  maxSelections,
-  option,
-  setHighlightedOptions
-}) => {
+const toggleAdd = _ref => {
+  let {
+    highlightedOptions,
+    maxSelections,
+    option,
+    setHighlightedOptions
+  } = _ref;
   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

@@ -17,14 +17,16 @@ var _index = require("../../common/index.js");
  * @param {Function} args.setHighlightedOption
  * @returns {void}
  */
-const toggleRange = ({
-  highlightedOptions,
-  options,
-  option,
-  setHighlightedOptions,
-  lastClicked,
-  maxSelections
-}) => {
+const toggleRange = _ref => {
+  let {
+    highlightedOptions,
+    options,
+    option,
+    setHighlightedOptions,
+    lastClicked,
+    maxSelections
+  } = _ref;
+
   if (highlightedOptions.length === 0) {
     setHighlightedOptions([option.value]);
   } else {
@@ -49,9 +51,12 @@ const toggleRange = ({
 
     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(({
-      value
-    }) => value);
+    const newHighlightedSourceOptions = options.slice(lower, higher + 1).filter(option => !option.disabled).slice(maxSelections * -1).map(_ref2 => {
+      let {
+        value
+      } = _ref2;
+      return value;
+    });
     setHighlightedOptions(newHighlightedSourceOptions);
   }
 };

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

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

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

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

package/build/cjs/transfer-option.js

@@ -23,16 +23,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const DOUBLE_CLICK_MAX_DELAY = 500;
 
-const TransferOption = ({
-  className,
-  disabled,
-  dataTest,
-  highlighted,
-  onClick,
-  onDoubleClick,
-  label,
-  value
-}) => {
+const TransferOption = _ref => {
+  let {
+    className,
+    disabled,
+    dataTest,
+    highlighted,
+    onClick,
+    onDoubleClick,
+    label,
+    value
+  } = _ref;
   const doubleClickTimeout = (0, _react.useRef)(null);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-test": dataTest,
@@ -65,7 +66,7 @@ const TransferOption = ({
   }, label, /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "4216903932",
     dynamic: [_uiConstants.colors.grey900, _uiConstants.colors.grey200, _uiConstants.colors.teal700, _uiConstants.colors.white, _uiConstants.colors.grey600]
-  }, [`div.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;padding:4px 8px;color:${_uiConstants.colors.grey900};-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}`, `div.__jsx-style-dynamic-selector:hover{background:${_uiConstants.colors.grey200};}`, `div.highlighted.__jsx-style-dynamic-selector{background:${_uiConstants.colors.teal700};color:${_uiConstants.colors.white};}`, `div.disabled.__jsx-style-dynamic-selector{color:${_uiConstants.colors.grey600};cursor:not-allowed;}`]));
+  }, ["div.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;padding:4px 8px;color:".concat(_uiConstants.colors.grey900, ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"), "div.__jsx-style-dynamic-selector:hover{background:".concat(_uiConstants.colors.grey200, ";}"), "div.highlighted.__jsx-style-dynamic-selector{background:".concat(_uiConstants.colors.teal700, ";color:").concat(_uiConstants.colors.white, ";}"), "div.disabled.__jsx-style-dynamic-selector{color:".concat(_uiConstants.colors.grey600, ";cursor:not-allowed;}")]));
 };
 
 exports.TransferOption = TransferOption;

package/build/cjs/transfer.js

@@ -47,50 +47,52 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const identity = value => value;
 
-const Transfer = ({
-  options,
-  onChange,
-  addAllText,
-  addIndividualText,
-  className,
-  dataTest,
-  disabled,
-  enableOrderChange,
-  filterCallback,
-  filterCallbackPicked,
-  filterLabel,
-  filterLabelPicked,
-  filterPlaceholder,
-  filterPlaceholderPicked,
-  filterable,
-  filterablePicked,
-  height,
-  hideFilterInput,
-  hideFilterInputPicked,
-  initialSearchTerm,
-  initialSearchTermPicked,
-  leftFooter,
-  leftHeader,
-  loadingPicked,
-  loading,
-  maxSelections,
-  optionsWidth,
-  removeAllText,
-  removeIndividualText,
-  renderOption,
-  rightFooter,
-  rightHeader,
-  searchTerm,
-  searchTermPicked,
-  selected,
-  selectedEmptyComponent,
-  selectedWidth,
-  sourceEmptyPlaceholder,
-  onFilterChange,
-  onFilterChangePicked,
-  onEndReached,
-  onEndReachedPicked
-}) => {
+const Transfer = _ref => {
+  let {
+    options,
+    onChange,
+    addAllText,
+    addIndividualText,
+    className,
+    dataTest,
+    disabled,
+    enableOrderChange,
+    filterCallback,
+    filterCallbackPicked,
+    filterLabel,
+    filterLabelPicked,
+    filterPlaceholder,
+    filterPlaceholderPicked,
+    filterable,
+    filterablePicked,
+    height,
+    hideFilterInput,
+    hideFilterInputPicked,
+    initialSearchTerm,
+    initialSearchTermPicked,
+    leftFooter,
+    leftHeader,
+    loadingPicked,
+    loading,
+    maxSelections,
+    optionsWidth,
+    removeAllText,
+    removeIndividualText,
+    renderOption,
+    rightFooter,
+    rightHeader,
+    searchTerm,
+    searchTermPicked,
+    selected,
+    selectedEmptyComponent,
+    selectedWidth,
+    sourceEmptyPlaceholder,
+    onFilterChange,
+    onFilterChangePicked,
+    onEndReached,
+    onEndReachedPicked
+  } = _ref;
+
   /* Source options search value:
    * Depending on whether the onFilterChange callback has been provided
    * either the internal or external search value is used */
@@ -111,9 +113,12 @@ const Transfer = ({
    * Filters options if filterable is true.
    */
 
-  const sourceOptions = actualFilterCallback(options.filter(({
-    value
-  }) => !selected.includes(value)), actualFilter);
+  const sourceOptions = actualFilterCallback(options.filter(_ref2 => {
+    let {
+      value
+    } = _ref2;
+    return !selected.includes(value);
+  }), actualFilter);
   /*
    * Picked options highlighting:
    * These are all the highlighted options on the options side.
@@ -185,9 +190,12 @@ const Transfer = ({
    * Disabled button states
    */
 
-  const isAddAllDisabled = disabled || sourceOptions.filter(({
-    disabled
-  }) => !disabled).length === 0;
+  const isAddAllDisabled = disabled || sourceOptions.filter(_ref3 => {
+    let {
+      disabled
+    } = _ref3;
+    return !disabled;
+  }).length === 0;
   const isAddIndividualDisabled = disabled || !highlightedSourceOptions.length;
   const isRemoveAllDisabled = disabled || !selected.length;
   const isRemoveIndividualDisabled = disabled || !highlightedPickedOptions.length;
@@ -196,20 +204,23 @@ const Transfer = ({
     className: className,
     height: height
   }, /*#__PURE__*/_react.default.createElement(_leftSide.LeftSide, {
-    dataTest: `${dataTest}-leftside`,
+    dataTest: "".concat(dataTest, "-leftside"),
     width: optionsWidth
   }, (leftHeader || filterable) && /*#__PURE__*/_react.default.createElement(_leftHeader.LeftHeader, {
-    dataTest: `${dataTest}-leftheader`
+    dataTest: "".concat(dataTest, "-leftheader")
   }, leftHeader, filterable && !hideFilterInput && /*#__PURE__*/_react.default.createElement(_filter.Filter, {
     label: filterLabel,
     placeholder: filterPlaceholder,
-    dataTest: `${dataTest}-filter`,
+    dataTest: "".concat(dataTest, "-filter"),
     filter: actualFilter,
-    onChange: onFilterChange ? onFilterChange : ({
-      value
-    }) => setInternalFilter(value)
+    onChange: onFilterChange ? onFilterChange : _ref4 => {
+      let {
+        value
+      } = _ref4;
+      return setInternalFilter(value);
+    }
   })), /*#__PURE__*/_react.default.createElement(_optionsContainer.OptionsContainer, {
-    dataTest: `${dataTest}-sourceoptions`,
+    dataTest: "".concat(dataTest, "-sourceoptions"),
     emptyComponent: sourceEmptyPlaceholder,
     getOptionClickHandlers: _index.getOptionClickHandlers,
     highlightedOptions: highlightedSourceOptions,
@@ -220,12 +231,12 @@ const Transfer = ({
     toggleHighlightedOption: toggleHighlightedSourceOption,
     onEndReached: onEndReached
   }), leftFooter && /*#__PURE__*/_react.default.createElement(_leftFooter.LeftFooter, {
-    dataTest: `${dataTest}-leftfooter`
+    dataTest: "".concat(dataTest, "-leftfooter")
   }, leftFooter)), /*#__PURE__*/_react.default.createElement(_actions.Actions, {
-    dataTest: `${dataTest}-actions`
+    dataTest: "".concat(dataTest, "-actions")
   }, maxSelections === Infinity && /*#__PURE__*/_react.default.createElement(_addAll.AddAll, {
     label: addAllText,
-    dataTest: `${dataTest}-actions-addall`,
+    dataTest: "".concat(dataTest, "-actions-addall"),
     disabled: isAddAllDisabled,
     onClick: () => (0, _index.addAllSelectableSourceOptions)({
       sourceOptions,
@@ -235,7 +246,7 @@ const Transfer = ({
     })
   }), /*#__PURE__*/_react.default.createElement(_addIndividual.AddIndividual, {
     label: addIndividualText,
-    dataTest: `${dataTest}-actions-addindividual`,
+    dataTest: "".concat(dataTest, "-actions-addindividual"),
     disabled: isAddIndividualDisabled,
     onClick: () => (0, _index.addIndividualSourceOptions)({
       filterable,
@@ -248,7 +259,7 @@ const Transfer = ({
     })
   }), maxSelections === Infinity && /*#__PURE__*/_react.default.createElement(_removeAll.RemoveAll, {
     label: removeAllText,
-    dataTest: `${dataTest}-actions-removeall`,
+    dataTest: "".concat(dataTest, "-actions-removeall"),
     disabled: isRemoveAllDisabled,
     onClick: () => (0, _index.removeAllPickedOptions)({
       setHighlightedPickedOptions,
@@ -256,7 +267,7 @@ const Transfer = ({
     })
   }), /*#__PURE__*/_react.default.createElement(_removeIndividual.RemoveIndividual, {
     label: removeIndividualText,
-    dataTest: `${dataTest}-actions-removeindividual`,
+    dataTest: "".concat(dataTest, "-actions-removeindividual"),
     disabled: isRemoveIndividualDisabled,
     onClick: () => (0, _index.removeIndividualPickedOptions)({
       filterablePicked,
@@ -267,21 +278,24 @@ const Transfer = ({
       setHighlightedPickedOptions
     })
   })), /*#__PURE__*/_react.default.createElement(_rightSide.RightSide, {
-    dataTest: `${dataTest}-rightside`,
+    dataTest: "".concat(dataTest, "-rightside"),
     width: selectedWidth
   }, (rightHeader || filterablePicked) && /*#__PURE__*/_react.default.createElement(_rightHeader.RightHeader, {
-    dataTest: `${dataTest}-rightheader`
+    dataTest: "".concat(dataTest, "-rightheader")
   }, rightHeader, filterablePicked && !hideFilterInputPicked && /*#__PURE__*/_react.default.createElement(_filter.Filter, {
     label: filterLabelPicked,
     placeholder: filterPlaceholderPicked,
-    dataTest: `${dataTest}-filter`,
+    dataTest: "".concat(dataTest, "-filter"),
     filter: actualFilterPicked,
-    onChange: onFilterChangePicked ? onFilterChangePicked : ({
-      value
-    }) => setInternalFilterPicked(value)
+    onChange: onFilterChangePicked ? onFilterChangePicked : _ref5 => {
+      let {
+        value
+      } = _ref5;
+      return setInternalFilterPicked(value);
+    }
   })), /*#__PURE__*/_react.default.createElement(_optionsContainer.OptionsContainer, {
     selected: true,
-    dataTest: `${dataTest}-pickedoptions`,
+    dataTest: "".concat(dataTest, "-pickedoptions"),
     emptyComponent: selectedEmptyComponent,
     getOptionClickHandlers: _index.getOptionClickHandlers,
     highlightedOptions: highlightedPickedOptions,
@@ -292,9 +306,9 @@ const Transfer = ({
     toggleHighlightedOption: toggleHighlightedPickedOption,
     onEndReached: onEndReachedPicked
   }), (rightFooter || enableOrderChange) && /*#__PURE__*/_react.default.createElement(_rightFooter.RightFooter, {
-    dataTest: `${dataTest}-rightfooter`
+    dataTest: "".concat(dataTest, "-rightfooter")
   }, enableOrderChange && /*#__PURE__*/_react.default.createElement(_reorderingActions.ReorderingActions, {
-    dataTest: `${dataTest}-reorderingactions`,
+    dataTest: "".concat(dataTest, "-reorderingactions"),
     disabledDown: (0, _index.isReorderDownDisabled)({
       highlightedPickedOptions,
       selected