@dhis2-ui/transfer 8.2.0 → 8.2.1

package/build/cjs/__e2e__/add_remove-highlighted-options.stories.e2e.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HasSelected = exports.HasOptions = exports.default = void 0;
+exports.default = exports.HasSelected = exports.HasOptions = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -21,32 +21,41 @@ var _default = {
 };
 exports.default = _default;
 
-const HasOptions = (_, {
-  onChange,
-  selected
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  filterable: true,
-  selected: selected,
-  onChange: onChange,
-  options: _options.options
-});
+const HasOptions = (_, _ref) => {
+  let {
+    onChange,
+    selected
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    filterable: true,
+    selected: selected,
+    onChange: onChange,
+    options: _options.options
+  });
+};
 
 exports.HasOptions = HasOptions;
 
-const HasSelected = (_, {
-  onChange,
-  selected
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  onChange: onChange,
-  selected: selected,
-  options: _options.options
-});
+const HasSelected = (_, _ref2) => {
+  let {
+    onChange,
+    selected
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    onChange: onChange,
+    selected: selected,
+    options: _options.options
+  });
+};
 
 exports.HasSelected = HasSelected;
 HasSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({
-    initialState: _options.options.slice(0, 4).map(({
-      value
-    }) => value)
+    initialState: _options.options.slice(0, 4).map(_ref3 => {
+      let {
+        value
+      } = _ref3;
+      return value;
+    })
   })]
 };

package/build/cjs/__e2e__/common/stateful-decorator.js

@@ -12,33 +12,40 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 /* eslint-disable react/display-name */
-const WithState = ({
-  fn,
-  initialState,
-  initialSearchTerm,
-  controlFilter
-}) => {
+const WithState = _ref => {
+  let {
+    fn,
+    initialState,
+    initialSearchTerm,
+    controlFilter
+  } = _ref;
   const [selected, setSelected] = (0, _react.useState)(initialState);
   const [searchTerm, setSearchTerm] = (0, _react.useState)(initialSearchTerm);
   return fn({
     selected,
     searchTerm: controlFilter ? searchTerm : undefined,
     onChange: payload => setSelected(payload.selected),
-    onFilterChange: controlFilter ? ({
-      value
-    }) => setSearchTerm(value) : undefined
+    onFilterChange: controlFilter ? _ref2 => {
+      let {
+        value
+      } = _ref2;
+      return setSearchTerm(value);
+    } : undefined
   });
 };
 
-const statefulDecorator = ({
-  initialState = [],
-  controlFilter = false,
-  initialSearchTerm = ''
-} = {}) => fn => /*#__PURE__*/_react.default.createElement(WithState, {
-  initialState: initialState,
-  initialSearchTerm: initialSearchTerm,
-  controlFilter: controlFilter,
-  fn: fn
-});
+const statefulDecorator = function () {
+  let {
+    initialState = [],
+    controlFilter = false,
+    initialSearchTerm = ''
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return fn => /*#__PURE__*/_react.default.createElement(WithState, {
+    initialState: initialState,
+    initialSearchTerm: initialSearchTerm,
+    controlFilter: controlFilter,
+    fn: fn
+  });
+};
 
 exports.statefulDecorator = statefulDecorator;

package/build/cjs/__e2e__/disabled-transfer-buttons.stories.e2e.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AllOptionsSelected = exports.OnlyDisabledSourceOptions = exports.SomeOptionsSelected = exports.HasOptions = exports.NoOptions = exports.default = void 0;
+exports.default = exports.SomeOptionsSelected = exports.OnlyDisabledSourceOptions = exports.NoOptions = exports.HasOptions = exports.AllOptionsSelected = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -21,73 +21,94 @@ var _default = {
 };
 exports.default = _default;
 
-const NoOptions = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  selected: selected,
-  onChange: onChange,
-  options: []
-});
+const NoOptions = (_, _ref) => {
+  let {
+    selected,
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    selected: selected,
+    onChange: onChange,
+    options: []
+  });
+};
 
 exports.NoOptions = NoOptions;
 
-const HasOptions = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  selected: selected,
-  onChange: onChange,
-  options: _options.options
-});
+const HasOptions = (_, _ref2) => {
+  let {
+    selected,
+    onChange
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    selected: selected,
+    onChange: onChange,
+    options: _options.options
+  });
+};
 
 exports.HasOptions = HasOptions;
 
-const SomeOptionsSelected = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  selected: selected,
-  onChange: onChange,
-  options: _options.options
-});
+const SomeOptionsSelected = (_, _ref3) => {
+  let {
+    selected,
+    onChange
+  } = _ref3;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    selected: selected,
+    onChange: onChange,
+    options: _options.options
+  });
+};
 
 exports.SomeOptionsSelected = SomeOptionsSelected;
 
-const OnlyDisabledSourceOptions = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  selected: selected,
-  onChange: onChange,
-  options: [{ ..._options.options[0],
-    disabled: true
-  }]
-});
+const OnlyDisabledSourceOptions = (_, _ref4) => {
+  let {
+    selected,
+    onChange
+  } = _ref4;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    selected: selected,
+    onChange: onChange,
+    options: [{ ..._options.options[0],
+      disabled: true
+    }]
+  });
+};
 
 exports.OnlyDisabledSourceOptions = OnlyDisabledSourceOptions;
 SomeOptionsSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({
-    initialState: _options.options.slice(0, 4).map(({
-      value
-    }) => value)
+    initialState: _options.options.slice(0, 4).map(_ref5 => {
+      let {
+        value
+      } = _ref5;
+      return value;
+    })
   })]
 };
 
-const AllOptionsSelected = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  selected: selected,
-  onChange: onChange,
-  options: _options.options
-});
+const AllOptionsSelected = (_, _ref6) => {
+  let {
+    selected,
+    onChange
+  } = _ref6;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    selected: selected,
+    onChange: onChange,
+    options: _options.options
+  });
+};
 
 exports.AllOptionsSelected = AllOptionsSelected;
 AllOptionsSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({
-    initialState: _options.options.map(({
-      value
-    }) => value)
+    initialState: _options.options.map(_ref7 => {
+      let {
+        value
+      } = _ref7;
+      return value;
+    })
   })]
 };

package/build/cjs/__e2e__/disabled-transfer-options.stories.e2e.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.OneDisabled = exports.default = void 0;
+exports.default = exports.OneDisabled = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -21,15 +21,18 @@ var _default = {
 };
 exports.default = _default;
 
-const OneDisabled = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  selected: selected,
-  onChange: onChange,
-  options: [..._options.options.slice(0, 3), { ..._options.options[3],
-    disabled: true
-  }, ..._options.options.slice(4)]
-});
+const OneDisabled = (_, _ref) => {
+  let {
+    selected,
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    selected: selected,
+    onChange: onChange,
+    options: [..._options.options.slice(0, 3), { ..._options.options[3],
+      disabled: true
+    }, ..._options.options.slice(4)]
+  });
+};
 
 exports.OneDisabled = OneDisabled;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SomeSelected = exports.NoSelection = exports.default = void 0;
+exports.default = exports.SomeSelected = exports.NoSelection = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -21,31 +21,40 @@ var _default = {
 exports.default = _default;
 window.options = _options.options;
 
-const NoSelection = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  selected: selected,
-  onChange: onChange,
-  options: _options.options
-});
+const NoSelection = (_, _ref) => {
+  let {
+    selected,
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    selected: selected,
+    onChange: onChange,
+    options: _options.options
+  });
+};
 
 exports.NoSelection = NoSelection;
 
-const SomeSelected = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  selected: selected,
-  onChange: onChange,
-  options: _options.options
-});
+const SomeSelected = (_, _ref2) => {
+  let {
+    selected,
+    onChange
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    selected: selected,
+    onChange: onChange,
+    options: _options.options
+  });
+};
 
 exports.SomeSelected = SomeSelected;
 SomeSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({
-    initialState: _options.options.slice(0, 4).map(({
-      value
-    }) => value)
+    initialState: _options.options.slice(0, 4).map(_ref3 => {
+      let {
+        value
+      } = _ref3;
+      return value;
+    })
   })]
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ControlledFilter = exports.AncCustomFilter = exports.LowercaseSearch = exports.UppercaseSearch = exports.SomeResults = exports.EmptyResult = exports.default = void 0;
+exports.default = exports.UppercaseSearch = exports.SomeResults = exports.LowercaseSearch = exports.EmptyResult = exports.ControlledFilter = exports.AncCustomFilter = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -21,98 +21,122 @@ var _default = {
 };
 exports.default = _default;
 
-const EmptyResult = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  filterable: true,
-  initialSearchTerm: "Foobarbaz",
-  selected: selected,
-  onChange: onChange,
-  sourceEmptyPlaceholder: /*#__PURE__*/_react.default.createElement("span", {
-    "data-test": "no-results"
-  }, "No results"),
-  options: _options.options
-});
+const EmptyResult = (_, _ref) => {
+  let {
+    selected,
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    filterable: true,
+    initialSearchTerm: "Foobarbaz",
+    selected: selected,
+    onChange: onChange,
+    sourceEmptyPlaceholder: /*#__PURE__*/_react.default.createElement("span", {
+      "data-test": "no-results"
+    }, "No results"),
+    options: _options.options
+  });
+};
 
 exports.EmptyResult = EmptyResult;
 
-const SomeResults = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  selected: selected,
-  filterable: true,
-  initialSearchTerm: "ANC",
-  onChange: onChange,
-  options: _options.options
-});
+const SomeResults = (_, _ref2) => {
+  let {
+    selected,
+    onChange
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    selected: selected,
+    filterable: true,
+    initialSearchTerm: "ANC",
+    onChange: onChange,
+    options: _options.options
+  });
+};
 
 exports.SomeResults = SomeResults;
 
-const UppercaseSearch = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  selected: selected,
-  filterable: true,
-  initialSearchTerm: "ANC",
-  onChange: onChange,
-  options: _options.options
-});
+const UppercaseSearch = (_, _ref3) => {
+  let {
+    selected,
+    onChange
+  } = _ref3;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    selected: selected,
+    filterable: true,
+    initialSearchTerm: "ANC",
+    onChange: onChange,
+    options: _options.options
+  });
+};
 
 exports.UppercaseSearch = UppercaseSearch;
 
-const LowercaseSearch = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  filterable: true,
-  initialSearchTerm: "anc",
-  selected: selected,
-  onChange: onChange,
-  options: _options.options
-});
+const LowercaseSearch = (_, _ref4) => {
+  let {
+    selected,
+    onChange
+  } = _ref4;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    filterable: true,
+    initialSearchTerm: "anc",
+    selected: selected,
+    onChange: onChange,
+    options: _options.options
+  });
+};
 
 exports.LowercaseSearch = LowercaseSearch;
 
-const AncCustomFilter = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  filterable: true,
-  selected: selected,
-  onChange: onChange,
-  filterCallback: (options, filter) => options.filter(({
-    label
-  }) => label.match(`(^| )ANC .*${filter}`)),
-  options: _options.options
-});
+const AncCustomFilter = (_, _ref5) => {
+  let {
+    selected,
+    onChange
+  } = _ref5;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    filterable: true,
+    selected: selected,
+    onChange: onChange,
+    filterCallback: (options, filter) => options.filter(_ref6 => {
+      let {
+        label
+      } = _ref6;
+      return label.match("(^| )ANC .*".concat(filter));
+    }),
+    options: _options.options
+  });
+};
 
 exports.AncCustomFilter = AncCustomFilter;
 
 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');
 
-const ControlledFilter = (_, {
-  filter,
-  onChange,
-  onFilterChange,
-  selected
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  selected: selected,
-  onChange: onChange,
-  filterable: true,
-  filterCallback: window.customFilterCallback,
-  searchTerm: filter,
-  onFilterChange: onFilterChange,
-  options: _options.options
-});
+const ControlledFilter = (_, _ref8) => {
+  let {
+    filter,
+    onChange,
+    onFilterChange,
+    selected
+  } = _ref8;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    selected: selected,
+    onChange: onChange,
+    filterable: true,
+    filterCallback: window.customFilterCallback,
+    searchTerm: filter,
+    onFilterChange: onFilterChange,
+    options: _options.options
+  });
+};
 
 exports.ControlledFilter = ControlledFilter;
 ControlledFilter.story = {