@dhis2-ui/transfer 10.16.3 → 10.16.4

package/build/cjs/reordering-actions.js

@@ -15,96 +15,89 @@ var _index = _interopRequireDefault(require("./locales/index.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const filterActiveTooltip = _index.default.t('Reordering not allowed when filtering list');
-const ReorderingActions = _ref => {
-  let {
-    dataTest,
-    disabledDown,
-    disabledUp,
-    filterActive,
-    onChangeUp,
-    onChangeDown,
-    onChangeToTop,
-    onChangeToBottom
-  } = _ref;
+const ReorderingActions = ({
+  dataTest,
+  disabledDown,
+  disabledUp,
+  filterActive,
+  onChangeUp,
+  onChangeDown,
+  onChangeToTop,
+  onChangeToBottom
+}) => {
   const moveToTopLabel = _index.default.t('Move selected items to top');
   const moveUpLabel = _index.default.t('Move selected items up');
   const moveDownLabel = _index.default.t('Move selected items down');
   const moveToBottomLabel = _index.default.t('Move selected items to bottom');
-  const renderButtons = function () {
-    let tooltipHandlers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return /*#__PURE__*/_react.default.createElement("div", _extends({
-      "data-test": dataTest
-    }, tooltipHandlers, {
-      className: _style.default.dynamic([["3663884558", [_uiConstants.spacers.dp4, _uiConstants.spacers.dp8, _uiConstants.spacers.dp8]]]) + " " + (tooltipHandlers && tooltipHandlers.className != null && tooltipHandlers.className || "")
-    }), /*#__PURE__*/_react.default.createElement(_button.Button, {
-      small: true,
-      secondary: true,
-      disabled: disabledUp,
-      onClick: () => !disabledUp && onChangeToTop(),
-      dataTest: `${dataTest}-buttonmovetotop`,
-      "aria-label": moveToTopLabel,
-      icon: /*#__PURE__*/_react.default.createElement(_icons.IconMoveToTop, {
-        dataTest: `${dataTest}-iconmovetotop`,
-        disabled: disabledUp
-      })
-    }), /*#__PURE__*/_react.default.createElement(_button.Button, {
-      small: true,
-      secondary: true,
-      disabled: disabledUp,
-      onClick: () => !disabledUp && onChangeUp(),
-      dataTest: `${dataTest}-buttonmoveup`,
-      "aria-label": moveUpLabel,
-      icon: /*#__PURE__*/_react.default.createElement(_icons.IconMoveUp, {
-        dataTest: `${dataTest}-iconmoveup`,
-        disabled: disabledUp
-      })
-    }), /*#__PURE__*/_react.default.createElement(_button.Button, {
-      small: true,
-      secondary: true,
-      disabled: disabledDown,
-      onClick: () => !disabledDown && onChangeDown(),
-      dataTest: `${dataTest}-buttonmovedown`,
-      "aria-label": moveDownLabel,
-      icon: /*#__PURE__*/_react.default.createElement(_icons.IconMoveDown, {
-        dataTest: `${dataTest}-iconmovedown`,
-        disabled: disabledDown
-      })
-    }), /*#__PURE__*/_react.default.createElement(_button.Button, {
-      small: true,
-      secondary: true,
-      disabled: disabledDown,
-      onClick: () => !disabledDown && onChangeToBottom(),
-      dataTest: `${dataTest}-buttonmovetobottom`,
-      "aria-label": moveToBottomLabel,
-      icon: /*#__PURE__*/_react.default.createElement(_icons.IconMoveToBottom, {
-        dataTest: `${dataTest}-iconmovetobottom`,
-        disabled: disabledDown
-      })
-    }), /*#__PURE__*/_react.default.createElement(_style.default, {
-      id: "3663884558",
-      dynamic: [_uiConstants.spacers.dp4, _uiConstants.spacers.dp8, _uiConstants.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:${_uiConstants.spacers.dp4};padding-top:${_uiConstants.spacers.dp8};}`, `div.__jsx-style-dynamic-selector:last-child{padding-bottom:${_uiConstants.spacers.dp8};}`]));
-  };
+  const renderButtons = (tooltipHandlers = {}) => /*#__PURE__*/_react.default.createElement("div", _extends({
+    "data-test": dataTest
+  }, tooltipHandlers, {
+    className: _style.default.dynamic([["3663884558", [_uiConstants.spacers.dp4, _uiConstants.spacers.dp8, _uiConstants.spacers.dp8]]]) + " " + (tooltipHandlers && tooltipHandlers.className != null && tooltipHandlers.className || "")
+  }), /*#__PURE__*/_react.default.createElement(_button.Button, {
+    small: true,
+    secondary: true,
+    disabled: disabledUp,
+    onClick: () => !disabledUp && onChangeToTop(),
+    dataTest: `${dataTest}-buttonmovetotop`,
+    "aria-label": moveToTopLabel,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.IconMoveToTop, {
+      dataTest: `${dataTest}-iconmovetotop`,
+      disabled: disabledUp
+    })
+  }), /*#__PURE__*/_react.default.createElement(_button.Button, {
+    small: true,
+    secondary: true,
+    disabled: disabledUp,
+    onClick: () => !disabledUp && onChangeUp(),
+    dataTest: `${dataTest}-buttonmoveup`,
+    "aria-label": moveUpLabel,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.IconMoveUp, {
+      dataTest: `${dataTest}-iconmoveup`,
+      disabled: disabledUp
+    })
+  }), /*#__PURE__*/_react.default.createElement(_button.Button, {
+    small: true,
+    secondary: true,
+    disabled: disabledDown,
+    onClick: () => !disabledDown && onChangeDown(),
+    dataTest: `${dataTest}-buttonmovedown`,
+    "aria-label": moveDownLabel,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.IconMoveDown, {
+      dataTest: `${dataTest}-iconmovedown`,
+      disabled: disabledDown
+    })
+  }), /*#__PURE__*/_react.default.createElement(_button.Button, {
+    small: true,
+    secondary: true,
+    disabled: disabledDown,
+    onClick: () => !disabledDown && onChangeToBottom(),
+    dataTest: `${dataTest}-buttonmovetobottom`,
+    "aria-label": moveToBottomLabel,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.IconMoveToBottom, {
+      dataTest: `${dataTest}-iconmovetobottom`,
+      disabled: disabledDown
+    })
+  }), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "3663884558",
+    dynamic: [_uiConstants.spacers.dp4, _uiConstants.spacers.dp8, _uiConstants.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:${_uiConstants.spacers.dp4};padding-top:${_uiConstants.spacers.dp8};}`, `div.__jsx-style-dynamic-selector:last-child{padding-bottom:${_uiConstants.spacers.dp8};}`]));
   if (filterActive) {
     return /*#__PURE__*/_react.default.createElement(_tooltip.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/cjs/right-footer.js

@@ -9,19 +9,16 @@ var _uiConstants = require("@dhis2/ui-constants");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const RightFooter = _ref => {
-  let {
-    children,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": dataTest,
-    className: _style.default.dynamic([["1797409102", [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]]])
-  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "1797409102",
-    dynamic: [_uiConstants.colors.grey400, _uiConstants.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 ${_uiConstants.colors.grey400};padding:0 ${_uiConstants.spacers.dp8};}`]));
-};
+const RightFooter = ({
+  children,
+  dataTest
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": dataTest,
+  className: _style.default.dynamic([["1797409102", [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]]])
+}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "1797409102",
+  dynamic: [_uiConstants.colors.grey400, _uiConstants.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 ${_uiConstants.colors.grey400};padding:0 ${_uiConstants.spacers.dp8};}`]));
 exports.RightFooter = RightFooter;
 RightFooter.propTypes = {
   children: _propTypes.default.node,

package/build/cjs/right-header.js

@@ -9,19 +9,16 @@ var _uiConstants = require("@dhis2/ui-constants");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const RightHeader = _ref => {
-  let {
-    children,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": dataTest,
-    className: _style.default.dynamic([["4225731772", [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]]])
-  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "4225731772",
-    dynamic: [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]
-  }, [`div.__jsx-style-dynamic-selector{border-bottom:1px solid ${_uiConstants.colors.grey400};-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding:0 ${_uiConstants.spacers.dp8};}`]));
-};
+const RightHeader = ({
+  children,
+  dataTest
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": dataTest,
+  className: _style.default.dynamic([["4225731772", [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]]])
+}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "4225731772",
+  dynamic: [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]
+}, [`div.__jsx-style-dynamic-selector{border-bottom:1px solid ${_uiConstants.colors.grey400};-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding:0 ${_uiConstants.spacers.dp8};}`]));
 exports.RightHeader = RightHeader;
 RightHeader.propTypes = {
   children: _propTypes.default.node,

package/build/cjs/right-side.js

@@ -9,25 +9,22 @@ var _uiConstants = require("@dhis2/ui-constants");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const RightSide = _ref => {
-  let {
-    children,
-    dataTest,
-    width
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": dataTest,
-    className: _style.default.dynamic([["2265398144", [_uiConstants.colors.white, _uiConstants.colors.grey400, width]]])
-  }, children,
-  /**
-   * Flex basis 0px to make sure right and left side
-   * always have the same width
-   */
-  '', /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "2265398144",
-    dynamic: [_uiConstants.colors.white, _uiConstants.colors.grey400, width]
-  }, [`div.__jsx-style-dynamic-selector{background-color:${_uiConstants.colors.white};border:1px solid ${_uiConstants.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};}`]));
-};
+const RightSide = ({
+  children,
+  dataTest,
+  width
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": dataTest,
+  className: _style.default.dynamic([["2265398144", [_uiConstants.colors.white, _uiConstants.colors.grey400, width]]])
+}, children,
+/**
+ * Flex basis 0px to make sure right and left side
+ * always have the same width
+ */
+'', /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "2265398144",
+  dynamic: [_uiConstants.colors.white, _uiConstants.colors.grey400, width]
+}, [`div.__jsx-style-dynamic-selector{background-color:${_uiConstants.colors.white};border:1px solid ${_uiConstants.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};}`]));
 exports.RightSide = RightSide;
 RightSide.propTypes = {
   width: _propTypes.default.string.isRequired,

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

@@ -12,19 +12,15 @@ exports.addAllSelectableSourceOptions = void 0;
  * @param {Function} arg.setHighlightedSourceOptions
  * @returns {void}
  */
-const addAllSelectableSourceOptions = _ref => {
-  let {
-    sourceOptions,
-    onChange,
-    selected,
-    setHighlightedSourceOptions
-  } = _ref;
-  const enabledSourceOptions = sourceOptions.filter(_ref2 => {
-    let {
-      disabled
-    } = _ref2;
-    return !disabled;
-  });
+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/cjs/transfer/add-individual-source-options.js

@@ -14,16 +14,15 @@ exports.addIndividualSourceOptions = void 0;
  * @param {Function} args.setHighlightedSourceOptions
  * @returns void
  */
-const addIndividualSourceOptions = _ref => {
-  let {
-    filterable,
-    sourceOptions,
-    highlightedSourceOptions,
-    maxSelections,
-    onChange,
-    selected,
-    setHighlightedSourceOptions
-  } = _ref;
+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/cjs/transfer/create-double-click-handlers.js

@@ -13,28 +13,25 @@ exports.createDoubleClickHandlers = void 0;
  * @param {Function} args.setHighlightedPickedOptions
  * @returns void
  */
-const createDoubleClickHandlers = _ref => {
-  let {
-    maxSelections,
-    onChange,
-    selected,
-    setHighlightedPickedOptions,
-    setHighlightedSourceOptions
-  } = _ref;
-  const selectSingleOption = _ref2 => {
-    let {
-      value
-    } = _ref2;
+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/cjs/transfer/default-filter-callback.js

@@ -15,12 +15,9 @@ 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/cjs/transfer/get-highlighted-picked-indices.js

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

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

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

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

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

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

@@ -17,12 +17,11 @@ var _getHighlightedPickedIndices = require("./get-highlighted-picked-indices.js"
  * @param {Function} args.onChange
  * @returns {void}
  */
-const moveHighlightedPickedOptionDown = _ref => {
-  let {
-    selected,
-    highlightedPickedOptions,
-    onChange
-  } = _ref;
+const moveHighlightedPickedOptionDown = ({
+  selected,
+  highlightedPickedOptions,
+  onChange
+}) => {
   const indices = (0, _getHighlightedPickedIndices.getHighlightedPickedIndices)({
     selected,
     highlightedPickedOptions

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

@@ -16,12 +16,11 @@ var _getHighlightedPickedIndices = require("./get-highlighted-picked-indices.js"
  * @param {Function} args.onChange
  * @returns {void}
  */
-const moveHighlightedPickedOptionToBottom = _ref => {
-  let {
-    selected,
-    highlightedPickedOptions,
-    onChange
-  } = _ref;
+const moveHighlightedPickedOptionToBottom = ({
+  selected,
+  highlightedPickedOptions,
+  onChange
+}) => {
   const indices = (0, _getHighlightedPickedIndices.getHighlightedPickedIndices)({
     selected,
     highlightedPickedOptions

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

@@ -16,12 +16,11 @@ var _getHighlightedPickedIndices = require("./get-highlighted-picked-indices.js"
  * @param {Function} args.onChange
  * @returns {void}
  */
-const moveHighlightedPickedOptionToTop = _ref => {
-  let {
-    selected,
-    highlightedPickedOptions,
-    onChange
-  } = _ref;
+const moveHighlightedPickedOptionToTop = ({
+  selected,
+  highlightedPickedOptions,
+  onChange
+}) => {
   const indices = (0, _getHighlightedPickedIndices.getHighlightedPickedIndices)({
     selected,
     highlightedPickedOptions

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

@@ -17,12 +17,11 @@ var _getHighlightedPickedIndices = require("./get-highlighted-picked-indices.js"
  * @param {Function} args.onChange
  * @returns {void}
  */
-const moveHighlightedPickedOptionUp = _ref => {
-  let {
-    selected,
-    highlightedPickedOptions,
-    onChange
-  } = _ref;
+const moveHighlightedPickedOptionUp = ({
+  selected,
+  highlightedPickedOptions,
+  onChange
+}) => {
   const indices = (0, _getHighlightedPickedIndices.getHighlightedPickedIndices)({
     selected,
     highlightedPickedOptions

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

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

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

@@ -12,15 +12,14 @@ exports.removeIndividualPickedOptions = void 0;
  * @param {Function} args.onChange
  * @returns {void}
  */
-const removeIndividualPickedOptions = _ref => {
-  let {
-    filterablePicked,
-    pickedOptions,
-    highlightedPickedOptions,
-    onChange,
-    selected,
-    setHighlightedPickedOptions
-  } = _ref;
+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/cjs/transfer/use-filter.js

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