@dhis2-ui/transfer 8.2.0 → 8.2.3

package/build/es/transfer/is-reorder-up-disabled.js

@@ -4,9 +4,13 @@
  * @param {string[]} args.selected
  * @returns {bool}
  */
-export const isReorderUpDisabled = ({
-  highlightedPickedOptions,
-  selected
-}) => // only one item can be moved with the buttons
-highlightedPickedOptions.length !== 1 || // can't move an item up if it's the first one
-selected.indexOf(highlightedPickedOptions[0]) === 0;
+export const isReorderUpDisabled = _ref => {
+  let {
+    highlightedPickedOptions,
+    selected
+  } = _ref;
+  return (// only one item can be moved with the buttons
+    highlightedPickedOptions.length !== 1 || // can't move an item up if it's the first one
+    selected.indexOf(highlightedPickedOptions[0]) === 0
+  );
+};

package/build/es/transfer/move-highlighted-picked-option-down.js

@@ -5,11 +5,12 @@
  * @param {Function} args.onChange
  * @returns {void}
  */
-export const moveHighlightedPickedOptionDown = ({
-  selected,
-  highlightedPickedOptions,
-  onChange
-}) => {
+export const moveHighlightedPickedOptionDown = _ref => {
+  let {
+    selected,
+    highlightedPickedOptions,
+    onChange
+  } = _ref;
   const optionIndex = selected.findIndex(selectedOption => selectedOption === highlightedPickedOptions[0]); // Can't move down last or non-existing option
 
   if (optionIndex === -1 || optionIndex > selected.length - 2) {

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

@@ -5,11 +5,12 @@
  * @param {Function} args.onChange
  * @returns {void}
  */
-export const moveHighlightedPickedOptionUp = ({
-  selected,
-  highlightedPickedOptions,
-  onChange
-}) => {
+export 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/es/transfer/remove-all-picked-options.js

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

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

@@ -6,14 +6,16 @@
  * @param {Function} args.onChange
  * @returns {void}
  */
-export const removeIndividualPickedOptions = ({
-  filterablePicked,
-  pickedOptions,
-  highlightedPickedOptions,
-  onChange,
-  selected,
-  setHighlightedPickedOptions
-}) => {
+export 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/es/transfer/use-filter.js

@@ -2,13 +2,14 @@ import { useState } from 'react';
 
 const identity = value => value;
 
-export const useFilter = ({
-  initialSearchTerm,
-  onFilterChange,
-  externalSearchTerm,
-  filterable,
-  filterCallback
-}) => {
+export const useFilter = _ref => {
+  let {
+    initialSearchTerm,
+    onFilterChange,
+    externalSearchTerm,
+    filterable,
+    filterCallback
+  } = _ref;
   const [internalFilter, setInternalFilter] = useState(initialSearchTerm);
   const filterValue = onFilterChange ? externalSearchTerm : internalFilter;
   const filter = filterable ? filterCallback : identity;

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

@@ -14,50 +14,55 @@ import { toggleReplace } from './toggle-replace.js';
  * @returns {void}
  */
 
-export const createToggleHighlightedOption = ({
-  disabled,
-  highlightedOptions,
-  setHighlightedOptions,
-  maxSelections,
-  setLastClicked,
-  options,
-  lastClicked
-}) => ({
-  option,
-  mode
-}) => {
-  if (disabled) {
-    return;
-  }
+export const createToggleHighlightedOption = _ref => {
+  let {
+    disabled,
+    highlightedOptions,
+    setHighlightedOptions,
+    maxSelections,
+    setLastClicked,
+    options,
+    lastClicked
+  } = _ref;
+  return _ref2 => {
+    let {
+      option,
+      mode
+    } = _ref2;
+
+    if (disabled) {
+      return;
+    }
+
+    setHighlightedOptions([]);
+
+    if (mode === ADD_MODE) {
+      setLastClicked(option.value);
+      return toggleAdd({
+        highlightedOptions,
+        maxSelections,
+        option,
+        setHighlightedOptions
+      });
+    }
+
+    if (mode === RANGE_MODE) {
+      return toggleRange({
+        highlightedOptions,
+        options,
+        option,
+        setHighlightedOptions,
+        lastClicked,
+        maxSelections
+      });
+    } // REPLACE_MODE
 
-  setHighlightedOptions([]);
 
-  if (mode === ADD_MODE) {
     setLastClicked(option.value);
-    return toggleAdd({
-      highlightedOptions,
-      maxSelections,
+    return toggleReplace({
       option,
-      setHighlightedOptions
-    });
-  }
-
-  if (mode === RANGE_MODE) {
-    return toggleRange({
       highlightedOptions,
-      options,
-      option,
-      setHighlightedOptions,
-      lastClicked,
-      maxSelections
+      setHighlightedOptions
     });
-  } // REPLACE_MODE
-
-
-  setLastClicked(option.value);
-  return toggleReplace({
-    option,
-    highlightedOptions,
-    setHighlightedOptions
-  });
+  };
 };

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

@@ -8,12 +8,13 @@ import { toggleValue } from '../../common/index.js';
  * @returns {void}
  */
 
-export const toggleAdd = ({
-  highlightedOptions,
-  maxSelections,
-  option,
-  setHighlightedOptions
-}) => {
+export const toggleAdd = _ref => {
+  let {
+    highlightedOptions,
+    maxSelections,
+    option,
+    setHighlightedOptions
+  } = _ref;
   const afterToggled = toggleValue(highlightedOptions, option.value);
   const capped = afterToggled.slice(-1 * maxSelections);
   setHighlightedOptions(capped);

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

@@ -10,14 +10,16 @@ import { findOptionIndex } from '../../common/index.js';
  * @returns {void}
  */
 
-export const toggleRange = ({
-  highlightedOptions,
-  options,
-  option,
-  setHighlightedOptions,
-  lastClicked,
-  maxSelections
-}) => {
+export const toggleRange = _ref => {
+  let {
+    highlightedOptions,
+    options,
+    option,
+    setHighlightedOptions,
+    lastClicked,
+    maxSelections
+  } = _ref;
+
   if (highlightedOptions.length === 0) {
     setHighlightedOptions([option.value]);
   } else {
@@ -42,9 +44,12 @@ export 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/es/transfer/use-highlighted-options/toggle-replace.js

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

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

@@ -8,11 +8,13 @@ import { createToggleHighlightedOption } from './use-highlighted-options/create-
  * @returns {Object} highlighted options & helpers
  */
 
-export const useHighlightedOptions = ({
-  disabled,
-  maxSelections,
-  options
-}) => {
+export 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/es/transfer-option.js

@@ -4,16 +4,17 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React, { useRef } from 'react';
 const DOUBLE_CLICK_MAX_DELAY = 500;
-export const TransferOption = ({
-  className,
-  disabled,
-  dataTest,
-  highlighted,
-  onClick,
-  onDoubleClick,
-  label,
-  value
-}) => {
+export const TransferOption = _ref => {
+  let {
+    className,
+    disabled,
+    dataTest,
+    highlighted,
+    onClick,
+    onDoubleClick,
+    label,
+    value
+  } = _ref;
   const doubleClickTimeout = useRef(null);
   return /*#__PURE__*/React.createElement("div", {
     "data-test": dataTest,
@@ -46,7 +47,7 @@ export const TransferOption = ({
   }, label, /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4216903932",
     dynamic: [colors.grey900, colors.grey200, colors.teal700, colors.white, colors.grey600]
-  }, [`div.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;padding:4px 8px;color:${colors.grey900};-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}`, `div.__jsx-style-dynamic-selector:hover{background:${colors.grey200};}`, `div.highlighted.__jsx-style-dynamic-selector{background:${colors.teal700};color:${colors.white};}`, `div.disabled.__jsx-style-dynamic-selector{color:${colors.grey600};cursor:not-allowed;}`]));
+  }, ["div.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;padding:4px 8px;color:".concat(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(colors.grey200, ";}"), "div.highlighted.__jsx-style-dynamic-selector{background:".concat(colors.teal700, ";color:").concat(colors.white, ";}"), "div.disabled.__jsx-style-dynamic-selector{color:".concat(colors.grey600, ";cursor:not-allowed;}")]));
 };
 TransferOption.defaultProps = {
   dataTest: 'dhis2-uicore-transferoption'

package/build/es/transfer.js

@@ -20,50 +20,52 @@ import { addAllSelectableSourceOptions, addIndividualSourceOptions, createDouble
 
 const identity = value => value;
 
-export 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
-}) => {
+export 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 */
@@ -84,9 +86,12 @@ export 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.
@@ -158,9 +163,12 @@ export 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;
@@ -169,20 +177,23 @@ export const Transfer = ({
     className: className,
     height: height
   }, /*#__PURE__*/React.createElement(LeftSide, {
-    dataTest: `${dataTest}-leftside`,
+    dataTest: "".concat(dataTest, "-leftside"),
     width: optionsWidth
   }, (leftHeader || filterable) && /*#__PURE__*/React.createElement(LeftHeader, {
-    dataTest: `${dataTest}-leftheader`
+    dataTest: "".concat(dataTest, "-leftheader")
   }, leftHeader, filterable && !hideFilterInput && /*#__PURE__*/React.createElement(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.createElement(OptionsContainer, {
-    dataTest: `${dataTest}-sourceoptions`,
+    dataTest: "".concat(dataTest, "-sourceoptions"),
     emptyComponent: sourceEmptyPlaceholder,
     getOptionClickHandlers: getOptionClickHandlers,
     highlightedOptions: highlightedSourceOptions,
@@ -193,12 +204,12 @@ export const Transfer = ({
     toggleHighlightedOption: toggleHighlightedSourceOption,
     onEndReached: onEndReached
   }), leftFooter && /*#__PURE__*/React.createElement(LeftFooter, {
-    dataTest: `${dataTest}-leftfooter`
+    dataTest: "".concat(dataTest, "-leftfooter")
   }, leftFooter)), /*#__PURE__*/React.createElement(Actions, {
-    dataTest: `${dataTest}-actions`
+    dataTest: "".concat(dataTest, "-actions")
   }, maxSelections === Infinity && /*#__PURE__*/React.createElement(AddAll, {
     label: addAllText,
-    dataTest: `${dataTest}-actions-addall`,
+    dataTest: "".concat(dataTest, "-actions-addall"),
     disabled: isAddAllDisabled,
     onClick: () => addAllSelectableSourceOptions({
       sourceOptions,
@@ -208,7 +219,7 @@ export const Transfer = ({
     })
   }), /*#__PURE__*/React.createElement(AddIndividual, {
     label: addIndividualText,
-    dataTest: `${dataTest}-actions-addindividual`,
+    dataTest: "".concat(dataTest, "-actions-addindividual"),
     disabled: isAddIndividualDisabled,
     onClick: () => addIndividualSourceOptions({
       filterable,
@@ -221,7 +232,7 @@ export const Transfer = ({
     })
   }), maxSelections === Infinity && /*#__PURE__*/React.createElement(RemoveAll, {
     label: removeAllText,
-    dataTest: `${dataTest}-actions-removeall`,
+    dataTest: "".concat(dataTest, "-actions-removeall"),
     disabled: isRemoveAllDisabled,
     onClick: () => removeAllPickedOptions({
       setHighlightedPickedOptions,
@@ -229,7 +240,7 @@ export const Transfer = ({
     })
   }), /*#__PURE__*/React.createElement(RemoveIndividual, {
     label: removeIndividualText,
-    dataTest: `${dataTest}-actions-removeindividual`,
+    dataTest: "".concat(dataTest, "-actions-removeindividual"),
     disabled: isRemoveIndividualDisabled,
     onClick: () => removeIndividualPickedOptions({
       filterablePicked,
@@ -240,21 +251,24 @@ export const Transfer = ({
       setHighlightedPickedOptions
     })
   })), /*#__PURE__*/React.createElement(RightSide, {
-    dataTest: `${dataTest}-rightside`,
+    dataTest: "".concat(dataTest, "-rightside"),
     width: selectedWidth
   }, (rightHeader || filterablePicked) && /*#__PURE__*/React.createElement(RightHeader, {
-    dataTest: `${dataTest}-rightheader`
+    dataTest: "".concat(dataTest, "-rightheader")
   }, rightHeader, filterablePicked && !hideFilterInputPicked && /*#__PURE__*/React.createElement(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.createElement(OptionsContainer, {
     selected: true,
-    dataTest: `${dataTest}-pickedoptions`,
+    dataTest: "".concat(dataTest, "-pickedoptions"),
     emptyComponent: selectedEmptyComponent,
     getOptionClickHandlers: getOptionClickHandlers,
     highlightedOptions: highlightedPickedOptions,
@@ -265,9 +279,9 @@ export const Transfer = ({
     toggleHighlightedOption: toggleHighlightedPickedOption,
     onEndReached: onEndReachedPicked
   }), (rightFooter || enableOrderChange) && /*#__PURE__*/React.createElement(RightFooter, {
-    dataTest: `${dataTest}-rightfooter`
+    dataTest: "".concat(dataTest, "-rightfooter")
   }, enableOrderChange && /*#__PURE__*/React.createElement(ReorderingActions, {
-    dataTest: `${dataTest}-reorderingactions`,
+    dataTest: "".concat(dataTest, "-reorderingactions"),
     disabledDown: isReorderDownDisabled({
       highlightedPickedOptions,
       selected