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

package/build/es/reordering-actions.js

@@ -8,96 +8,89 @@ import React from 'react';
 import { IconMoveDown, IconMoveToBottom, IconMoveToTop, IconMoveUp } from './icons.js';
 import i18n from './locales/index.js';
 const filterActiveTooltip = i18n.t('Reordering not allowed when filtering list');
-export const ReorderingActions = _ref => {
-  let {
-    dataTest,
-    disabledDown,
-    disabledUp,
-    filterActive,
-    onChangeUp,
-    onChangeDown,
-    onChangeToTop,
-    onChangeToBottom
-  } = _ref;
+export const ReorderingActions = ({
+  dataTest,
+  disabledDown,
+  disabledUp,
+  filterActive,
+  onChangeUp,
+  onChangeDown,
+  onChangeToTop,
+  onChangeToBottom
+}) => {
   const moveToTopLabel = i18n.t('Move selected items to top');
   const moveUpLabel = i18n.t('Move selected items up');
   const moveDownLabel = i18n.t('Move selected items down');
   const moveToBottomLabel = i18n.t('Move selected items to bottom');
-  const renderButtons = function () {
-    let tooltipHandlers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return /*#__PURE__*/React.createElement("div", _extends({
-      "data-test": dataTest
-    }, tooltipHandlers, {
-      className: _JSXStyle.dynamic([["3663884558", [spacers.dp4, spacers.dp8, spacers.dp8]]]) + " " + (tooltipHandlers && tooltipHandlers.className != null && tooltipHandlers.className || "")
-    }), /*#__PURE__*/React.createElement(Button, {
-      small: true,
-      secondary: true,
-      disabled: disabledUp,
-      onClick: () => !disabledUp && onChangeToTop(),
-      dataTest: `${dataTest}-buttonmovetotop`,
-      "aria-label": moveToTopLabel,
-      icon: /*#__PURE__*/React.createElement(IconMoveToTop, {
-        dataTest: `${dataTest}-iconmovetotop`,
-        disabled: disabledUp
-      })
-    }), /*#__PURE__*/React.createElement(Button, {
-      small: true,
-      secondary: true,
-      disabled: disabledUp,
-      onClick: () => !disabledUp && onChangeUp(),
-      dataTest: `${dataTest}-buttonmoveup`,
-      "aria-label": moveUpLabel,
-      icon: /*#__PURE__*/React.createElement(IconMoveUp, {
-        dataTest: `${dataTest}-iconmoveup`,
-        disabled: disabledUp
-      })
-    }), /*#__PURE__*/React.createElement(Button, {
-      small: true,
-      secondary: true,
-      disabled: disabledDown,
-      onClick: () => !disabledDown && onChangeDown(),
-      dataTest: `${dataTest}-buttonmovedown`,
-      "aria-label": moveDownLabel,
-      icon: /*#__PURE__*/React.createElement(IconMoveDown, {
-        dataTest: `${dataTest}-iconmovedown`,
-        disabled: disabledDown
-      })
-    }), /*#__PURE__*/React.createElement(Button, {
-      small: true,
-      secondary: true,
-      disabled: disabledDown,
-      onClick: () => !disabledDown && onChangeToBottom(),
-      dataTest: `${dataTest}-buttonmovetobottom`,
-      "aria-label": moveToBottomLabel,
-      icon: /*#__PURE__*/React.createElement(IconMoveToBottom, {
-        dataTest: `${dataTest}-iconmovetobottom`,
-        disabled: disabledDown
-      })
-    }), /*#__PURE__*/React.createElement(_JSXStyle, {
-      id: "3663884558",
-      dynamic: [spacers.dp4, spacers.dp8, spacers.dp8]
-    }, [`div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-inline-start:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;gap:${spacers.dp4};padding-top:${spacers.dp8};}`, `div.__jsx-style-dynamic-selector:last-child{padding-bottom:${spacers.dp8};}`]));
-  };
+  const renderButtons = (tooltipHandlers = {}) => /*#__PURE__*/React.createElement("div", _extends({
+    "data-test": dataTest
+  }, tooltipHandlers, {
+    className: _JSXStyle.dynamic([["3663884558", [spacers.dp4, spacers.dp8, spacers.dp8]]]) + " " + (tooltipHandlers && tooltipHandlers.className != null && tooltipHandlers.className || "")
+  }), /*#__PURE__*/React.createElement(Button, {
+    small: true,
+    secondary: true,
+    disabled: disabledUp,
+    onClick: () => !disabledUp && onChangeToTop(),
+    dataTest: `${dataTest}-buttonmovetotop`,
+    "aria-label": moveToTopLabel,
+    icon: /*#__PURE__*/React.createElement(IconMoveToTop, {
+      dataTest: `${dataTest}-iconmovetotop`,
+      disabled: disabledUp
+    })
+  }), /*#__PURE__*/React.createElement(Button, {
+    small: true,
+    secondary: true,
+    disabled: disabledUp,
+    onClick: () => !disabledUp && onChangeUp(),
+    dataTest: `${dataTest}-buttonmoveup`,
+    "aria-label": moveUpLabel,
+    icon: /*#__PURE__*/React.createElement(IconMoveUp, {
+      dataTest: `${dataTest}-iconmoveup`,
+      disabled: disabledUp
+    })
+  }), /*#__PURE__*/React.createElement(Button, {
+    small: true,
+    secondary: true,
+    disabled: disabledDown,
+    onClick: () => !disabledDown && onChangeDown(),
+    dataTest: `${dataTest}-buttonmovedown`,
+    "aria-label": moveDownLabel,
+    icon: /*#__PURE__*/React.createElement(IconMoveDown, {
+      dataTest: `${dataTest}-iconmovedown`,
+      disabled: disabledDown
+    })
+  }), /*#__PURE__*/React.createElement(Button, {
+    small: true,
+    secondary: true,
+    disabled: disabledDown,
+    onClick: () => !disabledDown && onChangeToBottom(),
+    dataTest: `${dataTest}-buttonmovetobottom`,
+    "aria-label": moveToBottomLabel,
+    icon: /*#__PURE__*/React.createElement(IconMoveToBottom, {
+      dataTest: `${dataTest}-iconmovetobottom`,
+      disabled: disabledDown
+    })
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3663884558",
+    dynamic: [spacers.dp4, spacers.dp8, spacers.dp8]
+  }, [`div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-inline-start:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;gap:${spacers.dp4};padding-top:${spacers.dp8};}`, `div.__jsx-style-dynamic-selector:last-child{padding-bottom:${spacers.dp8};}`]));
   if (filterActive) {
     return /*#__PURE__*/React.createElement(Tooltip, {
       openDelay: 500,
       content: filterActiveTooltip
-    }, _ref2 => {
-      let {
-        onMouseOver,
-        onMouseOut,
-        onFocus,
-        onBlur,
-        ref
-      } = _ref2;
-      return renderButtons({
-        ref,
-        onMouseOver,
-        onMouseOut,
-        onFocus,
-        onBlur
-      });
-    });
+    }, ({
+      onMouseOver,
+      onMouseOut,
+      onFocus,
+      onBlur,
+      ref
+    }) => renderButtons({
+      ref,
+      onMouseOver,
+      onMouseOut,
+      onFocus,
+      onBlur
+    }));
   }
   return renderButtons();
 };

package/build/es/right-footer.js

@@ -2,19 +2,16 @@ import _JSXStyle from "styled-jsx/style";
 import { colors, spacers } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
-export const RightFooter = _ref => {
-  let {
-    children,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": dataTest,
-    className: _JSXStyle.dynamic([["1797409102", [colors.grey400, spacers.dp8]]])
-  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "1797409102",
-    dynamic: [colors.grey400, spacers.dp8]
-  }, [`div.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid ${colors.grey400};padding:0 ${spacers.dp8};}`]));
-};
+export const RightFooter = ({
+  children,
+  dataTest
+}) => /*#__PURE__*/React.createElement("div", {
+  "data-test": dataTest,
+  className: _JSXStyle.dynamic([["1797409102", [colors.grey400, spacers.dp8]]])
+}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "1797409102",
+  dynamic: [colors.grey400, spacers.dp8]
+}, [`div.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid ${colors.grey400};padding:0 ${spacers.dp8};}`]));
 RightFooter.propTypes = {
   children: PropTypes.node,
   dataTest: PropTypes.string

package/build/es/right-header.js

@@ -2,19 +2,16 @@ import _JSXStyle from "styled-jsx/style";
 import { colors, spacers } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
-export const RightHeader = _ref => {
-  let {
-    children,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": dataTest,
-    className: _JSXStyle.dynamic([["4225731772", [colors.grey400, spacers.dp8]]])
-  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "4225731772",
-    dynamic: [colors.grey400, spacers.dp8]
-  }, [`div.__jsx-style-dynamic-selector{border-bottom:1px solid ${colors.grey400};-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding:0 ${spacers.dp8};}`]));
-};
+export const RightHeader = ({
+  children,
+  dataTest
+}) => /*#__PURE__*/React.createElement("div", {
+  "data-test": dataTest,
+  className: _JSXStyle.dynamic([["4225731772", [colors.grey400, spacers.dp8]]])
+}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "4225731772",
+  dynamic: [colors.grey400, spacers.dp8]
+}, [`div.__jsx-style-dynamic-selector{border-bottom:1px solid ${colors.grey400};-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding:0 ${spacers.dp8};}`]));
 RightHeader.propTypes = {
   children: PropTypes.node,
   dataTest: PropTypes.string

package/build/es/right-side.js

@@ -2,25 +2,22 @@ import _JSXStyle from "styled-jsx/style";
 import { colors } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
-export const RightSide = _ref => {
-  let {
-    children,
-    dataTest,
-    width
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": dataTest,
-    className: _JSXStyle.dynamic([["2265398144", [colors.white, colors.grey400, width]]])
-  }, children,
-  /**
-   * Flex basis 0px to make sure right and left side
-   * always have the same width
-   */
-  '', /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2265398144",
-    dynamic: [colors.white, colors.grey400, width]
-  }, [`div.__jsx-style-dynamic-selector{background-color:${colors.white};border:1px solid ${colors.grey400};border-radius:3px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-width:100%;width:${width};}`]));
-};
+export const RightSide = ({
+  children,
+  dataTest,
+  width
+}) => /*#__PURE__*/React.createElement("div", {
+  "data-test": dataTest,
+  className: _JSXStyle.dynamic([["2265398144", [colors.white, colors.grey400, width]]])
+}, children,
+/**
+ * Flex basis 0px to make sure right and left side
+ * always have the same width
+ */
+'', /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "2265398144",
+  dynamic: [colors.white, colors.grey400, width]
+}, [`div.__jsx-style-dynamic-selector{background-color:${colors.white};border:1px solid ${colors.grey400};border-radius:3px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-width:100%;width:${width};}`]));
 RightSide.propTypes = {
   width: PropTypes.string.isRequired,
   children: PropTypes.node,

package/build/es/transfer/add-all-selectable-source-options.js

@@ -6,19 +6,15 @@
  * @param {Function} arg.setHighlightedSourceOptions
  * @returns {void}
  */
-export const addAllSelectableSourceOptions = _ref => {
-  let {
-    sourceOptions,
-    onChange,
-    selected,
-    setHighlightedSourceOptions
-  } = _ref;
-  const enabledSourceOptions = sourceOptions.filter(_ref2 => {
-    let {
-      disabled
-    } = _ref2;
-    return !disabled;
-  });
+export const addAllSelectableSourceOptions = ({
+  sourceOptions,
+  onChange,
+  selected,
+  setHighlightedSourceOptions
+}) => {
+  const enabledSourceOptions = sourceOptions.filter(({
+    disabled
+  }) => !disabled);
   const newSelected = enabledSourceOptions.reduce((accumulatedSelected, enabledSourceOption) => [...accumulatedSelected, enabledSourceOption.value], selected);
   setHighlightedSourceOptions([]);
 

package/build/es/transfer/add-individual-source-options.js

@@ -8,16 +8,15 @@
  * @param {Function} args.setHighlightedSourceOptions
  * @returns void
  */
-export const addIndividualSourceOptions = _ref => {
-  let {
-    filterable,
-    sourceOptions,
-    highlightedSourceOptions,
-    maxSelections,
-    onChange,
-    selected,
-    setHighlightedSourceOptions
-  } = _ref;
+export const addIndividualSourceOptions = ({
+  filterable,
+  sourceOptions,
+  highlightedSourceOptions,
+  maxSelections,
+  onChange,
+  selected,
+  setHighlightedSourceOptions
+}) => {
   /**
    * Creates a subset of the highlighted options to reflect a changed
    * filter value in case previously highlighted options are now

package/build/es/transfer/create-double-click-handlers.js

@@ -7,28 +7,25 @@
  * @param {Function} args.setHighlightedPickedOptions
  * @returns void
  */
-export const createDoubleClickHandlers = _ref => {
-  let {
-    maxSelections,
-    onChange,
-    selected,
-    setHighlightedPickedOptions,
-    setHighlightedSourceOptions
-  } = _ref;
-  const selectSingleOption = _ref2 => {
-    let {
-      value
-    } = _ref2;
+export const createDoubleClickHandlers = ({
+  maxSelections,
+  onChange,
+  selected,
+  setHighlightedPickedOptions,
+  setHighlightedSourceOptions
+}) => {
+  const selectSingleOption = ({
+    value
+  }) => {
     const newSelected = selected.includes(value) ? selected : [...selected, value];
     setHighlightedSourceOptions([]);
     onChange({
       selected: newSelected.slice(-1 * maxSelections)
     });
   };
-  const deselectSingleOption = _ref3 => {
-    let {
-      value
-    } = _ref3;
+  const deselectSingleOption = ({
+    value
+  }) => {
     const newSelected = selected.filter(curSelected => curSelected !== value);
     setHighlightedPickedOptions([]);
     onChange({

package/build/es/transfer/default-filter-callback.js

@@ -9,12 +9,9 @@ export const defaultFilterCallback = (options, filter) => {
   }
   try {
     const regex = new RegExp(filter, 'i');
-    return options.filter(_ref => {
-      let {
-        label
-      } = _ref;
-      return label.match(regex);
-    });
+    return options.filter(({
+      label
+    }) => label.match(regex));
   } catch {
     console.warn('Invalid regex filter:', filter);
     return options;

package/build/es/transfer/get-highlighted-picked-indices.js

@@ -11,11 +11,10 @@
  * @param {string[]} args.highlightedPickedOptions
  * @returns {number[]}
  */
-export const getHighlightedPickedIndices = _ref => {
-  let {
-    selected,
-    highlightedPickedOptions
-  } = _ref;
+export const getHighlightedPickedIndices = ({
+  selected,
+  highlightedPickedOptions
+}) => {
   const highlightedSet = new Set(highlightedPickedOptions);
   const indices = [];
   selected.forEach((value, index) => {

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

@@ -7,12 +7,11 @@ import { getHighlightedPickedIndices } from './get-highlighted-picked-indices.js
  * @param {boolean} [args.filterActivePicked] reorder is disabled while a filter is applied to the picked side
  * @returns {bool}
  */
-export const isReorderDownDisabled = _ref => {
-  let {
-    highlightedPickedOptions,
-    selected,
-    filterActivePicked = false
-  } = _ref;
+export const isReorderDownDisabled = ({
+  highlightedPickedOptions,
+  selected,
+  filterActivePicked = false
+}) => {
   if (filterActivePicked) {
     return true;
   }

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

@@ -7,12 +7,11 @@ import { getHighlightedPickedIndices } from './get-highlighted-picked-indices.js
  * @param {boolean} [args.filterActivePicked] reorder is disabled while a filter is applied to the picked side
  * @returns {bool}
  */
-export const isReorderUpDisabled = _ref => {
-  let {
-    highlightedPickedOptions,
-    selected,
-    filterActivePicked = false
-  } = _ref;
+export const isReorderUpDisabled = ({
+  highlightedPickedOptions,
+  selected,
+  filterActivePicked = false
+}) => {
   if (filterActivePicked) {
     return true;
   }

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

@@ -12,12 +12,11 @@ import { getHighlightedPickedIndices } from './get-highlighted-picked-indices.js
  * @param {Function} args.onChange
  * @returns {void}
  */
-export const moveHighlightedPickedOptionDown = _ref => {
-  let {
-    selected,
-    highlightedPickedOptions,
-    onChange
-  } = _ref;
+export const moveHighlightedPickedOptionDown = ({
+  selected,
+  highlightedPickedOptions,
+  onChange
+}) => {
   const indices = getHighlightedPickedIndices({
     selected,
     highlightedPickedOptions

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

@@ -11,12 +11,11 @@ import { getHighlightedPickedIndices } from './get-highlighted-picked-indices.js
  * @param {Function} args.onChange
  * @returns {void}
  */
-export const moveHighlightedPickedOptionToBottom = _ref => {
-  let {
-    selected,
-    highlightedPickedOptions,
-    onChange
-  } = _ref;
+export const moveHighlightedPickedOptionToBottom = ({
+  selected,
+  highlightedPickedOptions,
+  onChange
+}) => {
   const indices = getHighlightedPickedIndices({
     selected,
     highlightedPickedOptions

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

@@ -11,12 +11,11 @@ import { getHighlightedPickedIndices } from './get-highlighted-picked-indices.js
  * @param {Function} args.onChange
  * @returns {void}
  */
-export const moveHighlightedPickedOptionToTop = _ref => {
-  let {
-    selected,
-    highlightedPickedOptions,
-    onChange
-  } = _ref;
+export const moveHighlightedPickedOptionToTop = ({
+  selected,
+  highlightedPickedOptions,
+  onChange
+}) => {
   const indices = getHighlightedPickedIndices({
     selected,
     highlightedPickedOptions

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

@@ -12,12 +12,11 @@ import { getHighlightedPickedIndices } from './get-highlighted-picked-indices.js
  * @param {Function} args.onChange
  * @returns {void}
  */
-export const moveHighlightedPickedOptionUp = _ref => {
-  let {
-    selected,
-    highlightedPickedOptions,
-    onChange
-  } = _ref;
+export const moveHighlightedPickedOptionUp = ({
+  selected,
+  highlightedPickedOptions,
+  onChange
+}) => {
   const indices = getHighlightedPickedIndices({
     selected,
     highlightedPickedOptions

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

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

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

@@ -6,15 +6,14 @@
  * @param {Function} args.onChange
  * @returns {void}
  */
-export const removeIndividualPickedOptions = _ref => {
-  let {
-    filterablePicked,
-    pickedOptions,
-    highlightedPickedOptions,
-    onChange,
-    selected,
-    setHighlightedPickedOptions
-  } = _ref;
+export const removeIndividualPickedOptions = ({
+  filterablePicked,
+  pickedOptions,
+  highlightedPickedOptions,
+  onChange,
+  selected,
+  setHighlightedPickedOptions
+}) => {
   /**
    * 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

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