@dhis2-ui/transfer 10.16.3 → 10.16.4

package/build/es/__e2e__/display-order.e2e.stories.js

@@ -6,35 +6,26 @@ export default {
   title: 'Transfer Display Order'
 };
 window.options = options;
-export const NoSelection = (_, _ref) => {
-  let {
-    selected,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    selected: selected,
-    onChange: onChange,
-    options: options
-  });
-};
-export const SomeSelected = (_, _ref2) => {
-  let {
-    selected,
-    onChange
-  } = _ref2;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    selected: selected,
-    onChange: onChange,
-    options: options
-  });
-};
+export const NoSelection = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  selected: selected,
+  onChange: onChange,
+  options: options
+});
+export const SomeSelected = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  selected: selected,
+  onChange: onChange,
+  options: options
+});
 SomeSelected.story = {
   decorators: [statefulDecorator({
-    initialState: options.slice(0, 4).map(_ref3 => {
-      let {
-        value
-      } = _ref3;
-      return value;
-    })
+    initialState: options.slice(0, 4).map(({
+      value
+    }) => value)
   })]
 };

package/build/es/__e2e__/filter-options-list.e2e.stories.js

@@ -6,105 +6,81 @@ export default {
   title: 'Transfer filtering',
   decorators: [statefulDecorator()]
 };
-export const EmptyResult = (_, _ref) => {
-  let {
-    selected,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    filterable: true,
-    initialSearchTerm: "Foobarbaz",
-    selected: selected,
-    onChange: onChange,
-    sourceEmptyPlaceholder: /*#__PURE__*/React.createElement("span", {
-      "data-test": "no-results"
-    }, "No results"),
-    options: options
-  });
-};
-export const SomeResults = (_, _ref2) => {
-  let {
-    selected,
-    onChange
-  } = _ref2;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    selected: selected,
-    filterable: true,
-    initialSearchTerm: "ANC",
-    onChange: onChange,
-    options: options
-  });
-};
-export const UppercaseSearch = (_, _ref3) => {
-  let {
-    selected,
-    onChange
-  } = _ref3;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    selected: selected,
-    filterable: true,
-    initialSearchTerm: "ANC",
-    onChange: onChange,
-    options: options
-  });
-};
-export const LowercaseSearch = (_, _ref4) => {
-  let {
-    selected,
-    onChange
-  } = _ref4;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    filterable: true,
-    initialSearchTerm: "anc",
-    selected: selected,
-    onChange: onChange,
-    options: options
-  });
-};
-export const AncCustomFilter = (_, _ref5) => {
-  let {
-    selected,
-    onChange
-  } = _ref5;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    filterable: true,
-    selected: selected,
-    onChange: onChange,
-    filterCallback: (options, filter) => options.filter(_ref6 => {
-      let {
-        label
-      } = _ref6;
-      return label.match(`(^| )ANC .*${filter}`);
-    }),
-    options: options
-  });
-};
+export const EmptyResult = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  filterable: true,
+  initialSearchTerm: "Foobarbaz",
+  selected: selected,
+  onChange: onChange,
+  sourceEmptyPlaceholder: /*#__PURE__*/React.createElement("span", {
+    "data-test": "no-results"
+  }, "No results"),
+  options: options
+});
+export const SomeResults = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  selected: selected,
+  filterable: true,
+  initialSearchTerm: "ANC",
+  onChange: onChange,
+  options: options
+});
+export const UppercaseSearch = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  selected: selected,
+  filterable: true,
+  initialSearchTerm: "ANC",
+  onChange: onChange,
+  options: options
+});
+export const LowercaseSearch = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  filterable: true,
+  initialSearchTerm: "anc",
+  selected: selected,
+  onChange: onChange,
+  options: options
+});
+export const AncCustomFilter = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  filterable: true,
+  selected: selected,
+  onChange: onChange,
+  filterCallback: (options, filter) => options.filter(({
+    label
+  }) => label.match(`(^| )ANC .*${filter}`)),
+  options: options
+});
 window.customFilterCallback = (options, filter) => {
-  return options.filter(_ref7 => {
-    let {
-      label
-    } = _ref7;
-    return label.indexOf(filter) !== -1;
-  });
+  return options.filter(({
+    label
+  }) => label.indexOf(filter) !== -1);
 };
 window.Cypress && window.Cypress.cy.spy(window, 'customFilterCallback');
-export const ControlledFilter = (_, _ref8) => {
-  let {
-    filter,
-    onChange,
-    onFilterChange,
-    selected
-  } = _ref8;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    selected: selected,
-    onChange: onChange,
-    filterable: true,
-    filterCallback: window.customFilterCallback,
-    searchTerm: filter,
-    onFilterChange: onFilterChange,
-    options: options
-  });
-};
+export const ControlledFilter = (_, {
+  filter,
+  onChange,
+  onFilterChange,
+  selected
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  selected: selected,
+  onChange: onChange,
+  filterable: true,
+  filterCallback: window.customFilterCallback,
+  searchTerm: filter,
+  onFilterChange: onFilterChange,
+  options: options
+});
 ControlledFilter.story = {
   decorators: [statefulDecorator()]
 };

package/build/es/__e2e__/highlight-range-of-options.e2e.stories.js

@@ -6,59 +6,44 @@ export default {
   title: 'Transfer highlight range of options',
   decorators: [statefulDecorator()]
 };
-export const HasOptions = (_, _ref) => {
-  let {
-    onChange,
-    selected
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    filterable: true,
-    selected: selected,
-    onChange: onChange,
-    options: options
-  });
-};
-export const HasSelected = (_, _ref2) => {
-  let {
-    onChange,
-    selected
-  } = _ref2;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    filterable: true,
-    onChange: onChange,
-    selected: selected,
-    options: options
-  });
-};
+export const HasOptions = (_, {
+  onChange,
+  selected
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  filterable: true,
+  selected: selected,
+  onChange: onChange,
+  options: options
+});
+export const HasSelected = (_, {
+  onChange,
+  selected
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  filterable: true,
+  onChange: onChange,
+  selected: selected,
+  options: options
+});
 HasSelected.story = {
   decorators: [statefulDecorator({
-    initialState: options.slice(0, 4).map(_ref3 => {
-      let {
-        value
-      } = _ref3;
-      return value;
-    })
+    initialState: options.slice(0, 4).map(({
+      value
+    }) => value)
   })]
 };
-export const AllSelected = (_, _ref4) => {
-  let {
-    onChange,
-    selected
-  } = _ref4;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    filterable: true,
-    onChange: onChange,
-    selected: selected,
-    options: options
-  });
-};
+export const AllSelected = (_, {
+  onChange,
+  selected
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  filterable: true,
+  onChange: onChange,
+  selected: selected,
+  options: options
+});
 AllSelected.story = {
   decorators: [statefulDecorator({
-    initialState: options.map(_ref5 => {
-      let {
-        value
-      } = _ref5;
-      return value;
-    })
+    initialState: options.map(({
+      value
+    }) => value)
   })]
 };

package/build/es/__e2e__/notify_at_end_of_list.e2e.stories.js

@@ -8,72 +8,54 @@ export default {
 };
 window.onEndReached = window.Cypress ? window.Cypress.cy.stub() : () => console.log('onEndReached');
 window.onEndReachedPicked = window.Cypress ? window.Cypress.cy.stub() : () => console.log('onEndReachedPicked');
-export const FullSourceList = (_, _ref) => {
-  let {
-    selected,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    options: options,
-    selected: selected,
-    onChange: onChange,
-    onEndReached: window.onEndReached
-  });
-};
-export const FullPickedList = (_, _ref2) => {
-  let {
-    selected,
-    onChange
-  } = _ref2;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    options: options,
-    selected: selected,
-    onChange: onChange,
-    onEndReachedPicked: window.onEndReachedPicked
-  });
-};
+export const FullSourceList = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  options: options,
+  selected: selected,
+  onChange: onChange,
+  onEndReached: window.onEndReached
+});
+export const FullPickedList = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  options: options,
+  selected: selected,
+  onChange: onChange,
+  onEndReachedPicked: window.onEndReachedPicked
+});
 FullPickedList.story = {
   decorators: [statefulDecorator({
-    initialState: options.map(_ref3 => {
-      let {
-        value
-      } = _ref3;
-      return value;
-    })
+    initialState: options.map(({
+      value
+    }) => value)
   })]
 };
-export const PartialSourceList = (_, _ref4) => {
-  let {
-    selected,
-    onChange
-  } = _ref4;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    options: options.slice(0, 4),
-    selected: selected,
-    onChange: onChange,
-    onEndReached: window.onEndReached
-  });
-};
-export const PartialPickedList = (_, _ref5) => {
-  let {
-    selected,
-    onChange
-  } = _ref5;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    options: options,
-    selected: selected,
-    onChange: onChange,
-    onEndReachedPicked: window.onEndReachedPicked
-  });
-};
+export const PartialSourceList = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  options: options.slice(0, 4),
+  selected: selected,
+  onChange: onChange,
+  onEndReached: window.onEndReached
+});
+export const PartialPickedList = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  options: options,
+  selected: selected,
+  onChange: onChange,
+  onEndReachedPicked: window.onEndReachedPicked
+});
 PartialPickedList.story = {
   decorators: [statefulDecorator({
-    initialState: options.slice(0, 4).map(_ref6 => {
-      let {
-        value
-      } = _ref6;
-      return value;
-    })
+    initialState: options.slice(0, 4).map(({
+      value
+    }) => value)
   })]
 };
 const selectedOptionsLookup = {
@@ -82,11 +64,10 @@ const selectedOptionsLookup = {
     label: 'Option nr. 9'
   }
 };
-export const OptionChangesForShortList = (_, _ref7) => {
-  let {
-    onChange,
-    selected
-  } = _ref7;
+export const OptionChangesForShortList = (_, {
+  onChange,
+  selected
+}) => {
   const [optionsCount, setOptionsCount] = useState(7);
   const myOptions = useMemo(() => {
     let counter = 1;

package/build/es/__e2e__/reorder-with-buttons.e2e.stories.js

@@ -5,37 +5,28 @@ import { statefulDecorator } from './common/stateful-decorator.js';
 export default {
   title: 'Transfer Reorder Buttons'
 };
-const renderReorderTransfer = (_, _ref) => {
-  let {
-    selected,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    enableOrderChange: true,
-    selected: selected,
-    onChange: onChange,
-    options: options
-  });
-};
+const renderReorderTransfer = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  enableOrderChange: true,
+  selected: selected,
+  onChange: onChange,
+  options: options
+});
 export const HasSomeSelected = renderReorderTransfer.bind({});
 HasSomeSelected.story = {
   decorators: [statefulDecorator({
-    initialState: options.slice(0, 8).map(_ref2 => {
-      let {
-        value
-      } = _ref2;
-      return value;
-    })
+    initialState: options.slice(0, 8).map(({
+      value
+    }) => value)
   })]
 };
 export const HasThreeSelected = renderReorderTransfer.bind({});
 HasThreeSelected.story = {
   decorators: [statefulDecorator({
-    initialState: options.slice(0, 3).map(_ref3 => {
-      let {
-        value
-      } = _ref3;
-      return value;
-    })
+    initialState: options.slice(0, 3).map(({
+      value
+    }) => value)
   })]
 };

package/build/es/__e2e__/set_unset-highlighted-option.e2e.stories.js

@@ -6,36 +6,27 @@ export default {
   title: 'Transfer set & unset higlighted options',
   decorators: [statefulDecorator()]
 };
-export const HasOptions = (_, _ref) => {
-  let {
-    onChange,
-    selected
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    filterable: true,
-    selected: selected,
-    onChange: onChange,
-    options: options
-  });
-};
-export const HasSelected = (_, _ref2) => {
-  let {
-    onChange,
-    selected
-  } = _ref2;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    onChange: onChange,
-    selected: selected,
-    options: options
-  });
-};
+export const HasOptions = (_, {
+  onChange,
+  selected
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  filterable: true,
+  selected: selected,
+  onChange: onChange,
+  options: options
+});
+export const HasSelected = (_, {
+  onChange,
+  selected
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  onChange: onChange,
+  selected: selected,
+  options: options
+});
 HasSelected.story = {
   decorators: [statefulDecorator({
-    initialState: options.slice(0, 4).map(_ref3 => {
-      let {
-        value
-      } = _ref3;
-      return value;
-    })
+    initialState: options.slice(0, 4).map(({
+      value
+    }) => value)
   })]
 };

package/build/es/__e2e__/transferring-items.e2e.stories.js

@@ -7,35 +7,26 @@ export default {
   decorators: [statefulDecorator()]
 };
 window.options = options;
-export const HasOptions = (_, _ref) => {
-  let {
-    selected,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    selected: selected,
-    onChange: onChange,
-    options: options
-  });
-};
-export const SomeSelected = (_, _ref2) => {
-  let {
-    selected,
-    onChange
-  } = _ref2;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    selected: selected,
-    onChange: onChange,
-    options: options
-  });
-};
+export const HasOptions = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  selected: selected,
+  onChange: onChange,
+  options: options
+});
+export const SomeSelected = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  selected: selected,
+  onChange: onChange,
+  options: options
+});
 SomeSelected.story = {
   decorators: [statefulDecorator({
-    initialState: options.slice(0, 4).map(_ref3 => {
-      let {
-        value
-      } = _ref3;
-      return value;
-    })
+    initialState: options.slice(0, 4).map(({
+      value
+    }) => value)
   })]
 };

package/build/es/__tests__/helper/use-highlighted-option/toggle-add.test.js

@@ -68,12 +68,9 @@ describe('Transfer - useHighlightedOptions - toggleAdd', () => {
         label: 'Baz'
       };
       const highlightedOptions = [optionOne.value, optionTwo.value, optionThree.value];
-      const expected = [optionOne, optionThree].map(_ref => {
-        let {
-          value
-        } = _ref;
-        return value;
-      });
+      const expected = [optionOne, optionThree].map(({
+        value
+      }) => value);
       const option = optionTwo;
       toggleAdd({
         maxSelections,