@dhis2-ui/transfer 10.16.3 → 10.16.4

package/build/cjs/transfer.prod.stories.js

@@ -10,8 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _transferOption = require("./transfer-option.js");
 var _transfer = require("./transfer.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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 subtitle = 'Allows users to select options from a list';
@@ -149,11 +148,10 @@ var _default = exports.default = {
     options: options
   }
 };
-const StatefulTemplate = _ref => {
-  let {
-    initiallySelected = [],
-    ...args
-  } = _ref;
+const StatefulTemplate = ({
+  initiallySelected = [],
+  ...args
+}) => {
   const [selected, setSelected] = (0, _react.useState)(initiallySelected);
   const onChange = payload => setSelected(payload.selected);
   return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, _extends({}, args, {
@@ -197,12 +195,9 @@ const FilteredPicked = exports.FilteredPicked = StatefulTemplate.bind({});
 FilteredPicked.args = {
   filterablePicked: true,
   initialSearchTermPicked: 'ANC',
-  initiallySelected: options.map(_ref2 => {
-    let {
-      value
-    } = _ref2;
-    return value;
-  })
+  initiallySelected: options.map(({
+    value
+  }) => value)
 };
 const FilteredPlaceholder = exports.FilteredPlaceholder = StatefulTemplate.bind({});
 FilteredPlaceholder.args = {
@@ -210,25 +205,22 @@ FilteredPlaceholder.args = {
   filterLabel: 'Filter with placeholder',
   filterPlaceholder: 'Search'
 };
-const renderOption = _ref3 => {
-  let {
+const renderOption = ({
+  label,
+  value,
+  onClick,
+  highlighted,
+  selected
+}) => /*#__PURE__*/_react.default.createElement("p", {
+  onClick: event => onClick({
     label,
-    value,
-    onClick,
-    highlighted,
-    selected
-  } = _ref3;
-  return /*#__PURE__*/_react.default.createElement("p", {
-    onClick: event => onClick({
-      label,
-      value
-    }, event),
-    style: {
-      background: highlighted ? 'green' : 'blue',
-      color: selected ? 'orange' : 'white'
-    }
-  }, "Custom: ", label, " (label), ", value, " (value)");
-};
+    value
+  }, event),
+  style: {
+    background: highlighted ? 'green' : 'blue',
+    color: selected ? 'orange' : 'white'
+  }
+}, "Custom: ", label, " (label), ", value, " (value)");
 const RenderOptionCode = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("strong", null, "Custom option code:"), /*#__PURE__*/_react.default.createElement("code", null, /*#__PURE__*/_react.default.createElement("pre", null, `const renderOption = ({ label, value, onClick, highlighted, selected }) => (
                 <p
                     onClick={event => onClick({ label, value }, event)}
@@ -240,11 +232,10 @@ const RenderOptionCode = () => /*#__PURE__*/_react.default.createElement(_react.
                     Custom: {label} (label), {value} (value)
                 </p>
             )`)));
-const StatefulTemplateCustomRenderOption = _ref4 => {
-  let {
-    initiallySelected = [],
-    ...args
-  } = _ref4;
+const StatefulTemplateCustomRenderOption = ({
+  initiallySelected = [],
+  ...args
+}) => {
   const [selected, setSelected] = (0, _react.useState)(initiallySelected);
   const onChange = payload => setSelected(payload.selected);
   return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, _extends({}, args, {
@@ -260,12 +251,9 @@ exports.CustomListOptions = CustomListOptions;
 CustomListOptions.args = {
   renderOption,
   options: options.slice(0, 2),
-  initiallySelected: options.slice(0, 2).map(_ref5 => {
-    let {
-      value
-    } = _ref5;
-    return value;
-  })
+  initiallySelected: options.slice(0, 2).map(({
+    value
+  }) => value)
 };
 const IndividualCustomOption = exports.IndividualCustomOption = StatefulTemplateCustomRenderOption.bind({});
 IndividualCustomOption.args = {
@@ -313,12 +301,9 @@ const Reordering = exports.Reordering = StatefulTemplate.bind({});
 Reordering.args = {
   enableOrderChange: true,
   options: options.slice(0, 20),
-  initiallySelected: options.slice(0, 8).map(_ref6 => {
-    let {
-      value
-    } = _ref6;
-    return value;
-  })
+  initiallySelected: options.slice(0, 8).map(({
+    value
+  }) => value)
 };
 const ReorderingWithPickedFilter = exports.ReorderingWithPickedFilter = StatefulTemplate.bind({});
 ReorderingWithPickedFilter.storyName = 'Reordering with picked filter';
@@ -327,18 +312,14 @@ ReorderingWithPickedFilter.args = {
   filterablePicked: true,
   filterPlaceholderPicked: 'Search picked options',
   options: options.slice(0, 20),
-  initiallySelected: options.slice(0, 8).map(_ref7 => {
-    let {
-      value
-    } = _ref7;
-    return value;
-  })
+  initiallySelected: options.slice(0, 8).map(({
+    value
+  }) => value)
 };
-const ReorderingWithRightFooterTemplate = _ref8 => {
-  let {
-    initiallySelected = [],
-    ...args
-  } = _ref8;
+const ReorderingWithRightFooterTemplate = ({
+  initiallySelected = [],
+  ...args
+}) => {
   const [selected, setSelected] = (0, _react.useState)(initiallySelected);
   const onChange = payload => setSelected(payload.selected);
   return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, _extends({}, args, {
@@ -359,24 +340,18 @@ ReorderingWithRightFooterContent.storyName = 'Reordering with right footer conte
 ReorderingWithRightFooterContent.args = {
   enableOrderChange: true,
   options: options.slice(0, 20),
-  initiallySelected: options.slice(0, 8).map(_ref9 => {
-    let {
-      value
-    } = _ref9;
-    return value;
-  })
+  initiallySelected: options.slice(0, 8).map(({
+    value
+  }) => value)
 };
 const ReorderingWithCustomOptions = exports.ReorderingWithCustomOptions = StatefulTemplateCustomRenderOption.bind({});
 ReorderingWithCustomOptions.storyName = 'Reordering with custom options';
 ReorderingWithCustomOptions.args = {
   enableOrderChange: true,
   options: options.slice(0, 20),
-  initiallySelected: options.slice(0, 8).map(_ref10 => {
-    let {
-      value
-    } = _ref10;
-    return value;
-  }),
+  initiallySelected: options.slice(0, 8).map(({
+    value
+  }) => value),
   renderOption: option => {
     if (option.value === options[0].value) {
       return renderOption(option);
@@ -413,40 +388,37 @@ const createCustomFilteringInHeader = hideFilterInput => {
     year: index < 5 ? '2020' : '2019'
   }));
   const allOptions = [...relativePeriods, ...fixedPeriods];
-  const Header = _ref11 => {
-    let {
-      onClick,
-      relativePeriod,
-      selectedYear,
-      onSelectedYearChange
-    } = _ref11;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_tab.TabBar, null, /*#__PURE__*/_react.default.createElement(_tab.Tab, {
-      selected: relativePeriod,
-      onClick: () => onClick({
-        relativePeriod: true
-      })
-    }, "Relative periods"), /*#__PURE__*/_react.default.createElement(_tab.Tab, {
-      selected: !relativePeriod,
-      onClick: () => onClick({
-        relativePeriod: false
-      })
-    }, "Fixed periods")), /*#__PURE__*/_react.default.createElement("p", {
-      style: {
-        margin: 0,
-        height: 10
-      }
-    }), /*#__PURE__*/_react.default.createElement(_select.SingleSelectField, {
-      label: "Year",
-      selected: selectedYear,
-      onChange: onSelectedYearChange
-    }, /*#__PURE__*/_react.default.createElement(_select.SingleSelectOption, {
-      value: "2020",
-      label: "2020"
-    }), /*#__PURE__*/_react.default.createElement(_select.SingleSelectOption, {
-      value: "2019",
-      label: "2019"
-    })));
-  };
+  const Header = ({
+    onClick,
+    relativePeriod,
+    selectedYear,
+    onSelectedYearChange
+  }) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_tab.TabBar, null, /*#__PURE__*/_react.default.createElement(_tab.Tab, {
+    selected: relativePeriod,
+    onClick: () => onClick({
+      relativePeriod: true
+    })
+  }, "Relative periods"), /*#__PURE__*/_react.default.createElement(_tab.Tab, {
+    selected: !relativePeriod,
+    onClick: () => onClick({
+      relativePeriod: false
+    })
+  }, "Fixed periods")), /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      margin: 0,
+      height: 10
+    }
+  }), /*#__PURE__*/_react.default.createElement(_select.SingleSelectField, {
+    label: "Year",
+    selected: selectedYear,
+    onChange: onSelectedYearChange
+  }, /*#__PURE__*/_react.default.createElement(_select.SingleSelectOption, {
+    value: "2020",
+    label: "2020"
+  }), /*#__PURE__*/_react.default.createElement(_select.SingleSelectOption, {
+    value: "2019",
+    label: "2019"
+  })));
   /* eslint-enable react/prop-types */
 
   const CustomTransfer = props => {
@@ -459,28 +431,19 @@ const createCustomFilteringInHeader = hideFilterInput => {
       if (filter === '') {
         return optionsWithPeriod;
       }
-      return optionsWithPeriod.filter(_ref12 => {
-        let {
-          label
-        } = _ref12;
-        return label.indexOf(filter) !== -1;
-      });
+      return optionsWithPeriod.filter(({
+        label
+      }) => label.indexOf(filter) !== -1);
     };
     const header = /*#__PURE__*/_react.default.createElement(Header, {
       relativePeriod: relativePeriod,
       selectedYear: year,
-      onSelectedYearChange: _ref13 => {
-        let {
-          selected
-        } = _ref13;
-        return setYear(selected);
-      },
-      onClick: _ref14 => {
-        let {
-          relativePeriod: newRelativePeriod
-        } = _ref14;
-        return setRelativePeriod(newRelativePeriod);
-      }
+      onSelectedYearChange: ({
+        selected
+      }) => setYear(selected),
+      onClick: ({
+        relativePeriod: newRelativePeriod
+      }) => setRelativePeriod(newRelativePeriod)
     });
     return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, _extends({}, props, {
       options: allOptions,
@@ -490,22 +453,18 @@ const createCustomFilteringInHeader = hideFilterInput => {
       filterCallback: filterCallback,
       leftHeader: header,
       rightHeader: /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("b", null, "Selected Periods")),
-      onFilterChange: _ref15 => {
-        let {
-          value
-        } = _ref15;
-        return setFilter(value);
-      },
+      onFilterChange: ({
+        value
+      }) => setFilter(value),
       height: "400px",
       filterLabel: "Filter options",
       filterPlaceholder: "Search"
     }));
   };
-  return _ref16 => {
-    let {
-      initiallySelected,
-      ...args
-    } = _ref16;
+  return ({
+    initiallySelected,
+    ...args
+  }) => {
     const [selected, setSelected] = (0, _react.useState)(initiallySelected);
     const onChange = payload => setSelected(payload.selected);
     return /*#__PURE__*/_react.default.createElement(CustomTransfer, _extends({}, args, {
@@ -539,12 +498,9 @@ const InfiniteLoading = args => {
   // selected options
   const [selected] = (0, _react.useState)(
   // Last 4 options preselected
-  preSelectedOptions.map(_ref17 => {
-    let {
-      value
-    } = _ref17;
-    return value;
-  }));
+  preSelectedOptions.map(({
+    value
+  }) => value));
   const selectedOptionsLookup = (0, _react.useMemo)(() => preSelectedOptions.reduce((lookup, option) => {
     lookup[option.value] = option;
     return lookup;
@@ -584,12 +540,9 @@ const LoadingPicked = exports.LoadingPicked = StatefulTemplate.bind({});
 LoadingPicked.args = {
   loadingPicked: true,
   options: options.slice(0, 3),
-  initiallySelected: options.slice(0, 2).map(_ref18 => {
-    let {
-      value
-    } = _ref18;
-    return value;
-  })
+  initiallySelected: options.slice(0, 2).map(({
+    value
+  }) => value)
 };
 const RTL = args => /*#__PURE__*/_react.default.createElement("div", {
   dir: "rtl"

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

@@ -6,36 +6,27 @@ export default {
   title: 'Transfer add & remove highlighted 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__/common/stateful-decorator.js

@@ -1,37 +1,30 @@
 /* eslint-disable react/display-name */
 
 import React, { useState } from 'react';
-const WithState = _ref => {
-  let {
-    fn,
-    initialState,
-    initialSearchTerm,
-    controlFilter
-  } = _ref;
+const WithState = ({
+  fn,
+  initialState,
+  initialSearchTerm,
+  controlFilter
+}) => {
   const [selected, setSelected] = useState(initialState);
   const [searchTerm, setSearchTerm] = useState(initialSearchTerm);
   return fn({
     selected,
     searchTerm: controlFilter ? searchTerm : undefined,
     onChange: payload => setSelected(payload.selected),
-    onFilterChange: controlFilter ? _ref2 => {
-      let {
-        value
-      } = _ref2;
-      return setSearchTerm(value);
-    } : undefined
+    onFilterChange: controlFilter ? ({
+      value
+    }) => setSearchTerm(value) : undefined
   });
 };
-export const statefulDecorator = function () {
-  let {
-    initialState = [],
-    controlFilter = false,
-    initialSearchTerm = ''
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return fn => /*#__PURE__*/React.createElement(WithState, {
-    initialState: initialState,
-    initialSearchTerm: initialSearchTerm,
-    controlFilter: controlFilter,
-    fn: fn
-  });
-};
+export const statefulDecorator = ({
+  initialState = [],
+  controlFilter = false,
+  initialSearchTerm = ''
+} = {}) => fn => /*#__PURE__*/React.createElement(WithState, {
+  initialState: initialState,
+  initialSearchTerm: initialSearchTerm,
+  controlFilter: controlFilter,
+  fn: fn
+});

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

@@ -6,81 +6,60 @@ export default {
   title: 'Transfer Disabled Transfer Buttons',
   decorators: [statefulDecorator()]
 };
-export const NoOptions = (_, _ref) => {
-  let {
-    selected,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    selected: selected,
-    onChange: onChange,
-    options: []
-  });
-};
-export const HasOptions = (_, _ref2) => {
-  let {
-    selected,
-    onChange
-  } = _ref2;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    selected: selected,
-    onChange: onChange,
-    options: options
-  });
-};
-export const SomeOptionsSelected = (_, _ref3) => {
-  let {
-    selected,
-    onChange
-  } = _ref3;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    selected: selected,
-    onChange: onChange,
-    options: options
-  });
-};
-export const OnlyDisabledSourceOptions = (_, _ref4) => {
-  let {
-    selected,
-    onChange
-  } = _ref4;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    selected: selected,
-    onChange: onChange,
-    options: [{
-      ...options[0],
-      disabled: true
-    }]
-  });
-};
+export const NoOptions = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  selected: selected,
+  onChange: onChange,
+  options: []
+});
+export const HasOptions = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  selected: selected,
+  onChange: onChange,
+  options: options
+});
+export const SomeOptionsSelected = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  selected: selected,
+  onChange: onChange,
+  options: options
+});
+export const OnlyDisabledSourceOptions = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  selected: selected,
+  onChange: onChange,
+  options: [{
+    ...options[0],
+    disabled: true
+  }]
+});
 SomeOptionsSelected.story = {
   decorators: [statefulDecorator({
-    initialState: options.slice(0, 4).map(_ref5 => {
-      let {
-        value
-      } = _ref5;
-      return value;
-    })
+    initialState: options.slice(0, 4).map(({
+      value
+    }) => value)
   })]
 };
-export const AllOptionsSelected = (_, _ref6) => {
-  let {
-    selected,
-    onChange
-  } = _ref6;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    selected: selected,
-    onChange: onChange,
-    options: options
-  });
-};
+export const AllOptionsSelected = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  selected: selected,
+  onChange: onChange,
+  options: options
+});
 AllOptionsSelected.story = {
   decorators: [statefulDecorator({
-    initialState: options.map(_ref7 => {
-      let {
-        value
-      } = _ref7;
-      return value;
-    })
+    initialState: options.map(({
+      value
+    }) => value)
   })]
 };

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

@@ -6,17 +6,14 @@ export default {
   title: 'Disabled Source Options',
   decorators: [statefulDecorator()]
 };
-export const OneDisabled = (_, _ref) => {
-  let {
-    selected,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Transfer, {
-    selected: selected,
-    onChange: onChange,
-    options: [...options.slice(0, 3), {
-      ...options[3],
-      disabled: true
-    }, ...options.slice(4)]
-  });
-};
+export const OneDisabled = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(Transfer, {
+  selected: selected,
+  onChange: onChange,
+  options: [...options.slice(0, 3), {
+    ...options[3],
+    disabled: true
+  }, ...options.slice(4)]
+});