@dhis2-ui/transfer 8.1.10 → 8.2.1

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

@@ -6,26 +6,35 @@ export default {
   title: 'Transfer Display Order'
 };
 window.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
-});
+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
+  });
+};
 SomeSelected.story = {
   decorators: [statefulDecorator({
-    initialState: options.slice(0, 4).map(({
-      value
-    }) => value)
+    initialState: options.slice(0, 4).map(_ref3 => {
+      let {
+        value
+      } = _ref3;
+      return value;
+    })
   })]
 };

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

@@ -6,83 +6,107 @@ export default {
   title: 'Transfer filtering',
   decorators: [statefulDecorator()]
 };
-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
-});
+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 .*".concat(filter));
+    }),
+    options: options
+  });
+};
 
 window.customFilterCallback = (options, filter) => {
-  return options.filter(({
-    label
-  }) => label.indexOf(filter) !== -1);
+  return options.filter(_ref7 => {
+    let {
+      label
+    } = _ref7;
+    return label.indexOf(filter) !== -1;
+  });
 };
 
 window.Cypress && window.Cypress.cy.spy(window, 'customFilterCallback');
-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
-});
+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
+  });
+};
 ControlledFilter.story = {
   decorators: [statefulDecorator()]
 };

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

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

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

@@ -8,53 +8,71 @@ 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 = (_, {
-  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
-});
+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
+  });
+};
 FullPickedList.story = {
   decorators: [statefulDecorator({
-    initialState: options.map(({
-      value
-    }) => value)
+    initialState: options.map(_ref3 => {
+      let {
+        value
+      } = _ref3;
+      return value;
+    })
   })]
 };
-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
-});
+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
+  });
+};
 PartialPickedList.story = {
   decorators: [statefulDecorator({
-    initialState: options.slice(0, 4).map(({
-      value
-    }) => value)
+    initialState: options.slice(0, 4).map(_ref6 => {
+      let {
+        value
+      } = _ref6;
+      return value;
+    })
   })]
 };

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

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

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

@@ -6,27 +6,36 @@ export default {
   title: 'Transfer set & unset higlighted options',
   decorators: [statefulDecorator()]
 };
-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
-});
+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
+  });
+};
 HasSelected.story = {
   decorators: [statefulDecorator({
-    initialState: options.slice(0, 4).map(({
-      value
-    }) => value)
+    initialState: options.slice(0, 4).map(_ref3 => {
+      let {
+        value
+      } = _ref3;
+      return value;
+    })
   })]
 };

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

@@ -7,26 +7,35 @@ export default {
   decorators: [statefulDecorator()]
 };
 window.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
-});
+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
+  });
+};
 SomeSelected.story = {
   decorators: [statefulDecorator({
-    initialState: options.slice(0, 4).map(({
-      value
-    }) => value)
+    initialState: options.slice(0, 4).map(_ref3 => {
+      let {
+        value
+      } = _ref3;
+      return value;
+    })
   })]
 };

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

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