@dhis2-ui/transfer 10.16.3 → 10.16.5

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

@@ -14,51 +14,47 @@ import { toggleReplace } from './toggle-replace.js';
  * @param {string} args.lastClicked
  * @returns {void}
  */
-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
+export const createToggleHighlightedOption = ({
+  disabled,
+  highlightedOptions,
+  setHighlightedOptions,
+  maxSelections,
+  setLastClicked,
+  options,
+  lastClicked
+}) => ({
+  option,
+  mode
+}) => {
+  if (disabled) {
+    return;
+  }
+  setHighlightedOptions([]);
+  if (mode === ADD_MODE) {
     setLastClicked(option.value);
-    return toggleReplace({
-      option,
+    return toggleAdd({
       highlightedOptions,
+      maxSelections,
+      option,
       setHighlightedOptions
     });
-  };
+  }
+  if (mode === RANGE_MODE) {
+    return toggleRange({
+      highlightedOptions,
+      options,
+      option,
+      setHighlightedOptions,
+      lastClicked,
+      maxSelections
+    });
+  }
+
+  // REPLACE_MODE
+  setLastClicked(option.value);
+  return toggleReplace({
+    option,
+    highlightedOptions,
+    setHighlightedOptions
+  });
 };

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

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

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

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

@@ -8,12 +8,11 @@ import { createToggleHighlightedOption } from './use-highlighted-options/create-
  * @param {Object[]} args.options
  * @returns {Object} highlighted options & helpers
  */
-export const useHighlightedOptions = _ref => {
-  let {
-    disabled,
-    maxSelections,
-    options
-  } = _ref;
+export 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/es/transfer/use-options-key-monitor.js

@@ -8,13 +8,12 @@ const isEndIntersectionDetectorWithinScrollBox = (scrollBoxRef, listRef) => {
   const listRect = listRef.current.getBoundingClientRect();
   return listRect.bottom - scrollBoxRect.bottom < INTERSECTION_DETECTOR_HEIGHT;
 };
-export const useOptionsKeyMonitor = _ref => {
-  let {
-    scrollBoxRef,
-    listRef,
-    allOptionsKey,
-    onEndReached
-  } = _ref;
+export 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 = useRef(onEndReached);

package/build/es/transfer-option.js

@@ -4,17 +4,16 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React, { useRef } from 'react';
 const DOUBLE_CLICK_MAX_DELAY = 500;
-export const TransferOption = _ref => {
-  let {
-    className,
-    disabled,
-    dataTest = 'dhis2-uicore-transferoption',
-    highlighted,
-    onClick,
-    onDoubleClick,
-    label,
-    value
-  } = _ref;
+export const TransferOption = ({
+  className,
+  disabled,
+  dataTest = 'dhis2-uicore-transferoption',
+  highlighted,
+  onClick,
+  onDoubleClick,
+  label,
+  value
+}) => {
   const doubleClickTimeout = useRef(null);
   return /*#__PURE__*/React.createElement("div", {
     "data-test": dataTest,

package/build/es/transfer.js

@@ -20,52 +20,51 @@ import { TransferOption } from './transfer-option.js';
 const identity = value => value;
 const defaultSelected = [];
 const defaultSelectedOptionsLookup = {};
-export const Transfer = _ref => {
-  let {
-    options,
-    onChange,
-    addAllText,
-    addIndividualText,
-    className,
-    dataTest = 'dhis2-uicore-transfer',
-    disabled,
-    enableOrderChange,
-    filterCallback = defaultFilterCallback,
-    filterCallbackPicked = 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;
+export const Transfer = ({
+  options,
+  onChange,
+  addAllText,
+  addIndividualText,
+  className,
+  dataTest = 'dhis2-uicore-transfer',
+  disabled,
+  enableOrderChange,
+  filterCallback = defaultFilterCallback,
+  filterCallbackPicked = 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 */
@@ -86,12 +85,9 @@ export 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:
@@ -181,7 +177,7 @@ export 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]);
@@ -189,27 +185,18 @@ export 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 = useMemo(() => options.map(_ref4 => {
-    let {
-      value
-    } = _ref4;
-    return value;
-  }).join('|'), [options]);
-  const pickedOptionsKey = useMemo(() => pickedOptions.map(_ref5 => {
-    let {
-      value
-    } = _ref5;
-    return value;
-  }).join('|'), [pickedOptions]);
+  const allOptionsKey = useMemo(() => options.map(({
+    value
+  }) => value).join('|'), [options]);
+  const pickedOptionsKey = useMemo(() => pickedOptions.map(({
+    value
+  }) => value).join('|'), [pickedOptions]);
   return /*#__PURE__*/React.createElement(Container, {
     dataTest: dataTest,
     className: className,
@@ -224,12 +211,9 @@ export 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.createElement(OptionsContainer, {
     allOptionsKey: allOptionsKey,
     dataTest: `${dataTest}-sourceoptions`,
@@ -299,12 +283,9 @@ export 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.createElement(OptionsContainer, {
     selected: true,
     allOptionsKey: pickedOptionsKey,