@dhis2-ui/transfer 8.2.0 → 8.2.1

package/build/cjs/left-side.js

@@ -15,22 +15,25 @@ var _index = require("./common/index.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const LeftSide = ({
-  children,
-  dataTest,
-  width
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  "data-test": dataTest,
-  className: _style.default.dynamic([["4143353612", [_index.backgroundColor, _index.borderRadius, _index.borderColor, width]]])
-}, children,
-/**
- * Flex basis 0px to make sure right and left side
- * always have the same width
- */
-'', /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "4143353612",
-  dynamic: [_index.backgroundColor, _index.borderRadius, _index.borderColor, width]
-}, [`div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:${backgroundColor};border-radius:${borderRadius};border:1px solid ${borderColor};min-height:240px;max-width:100%;width:${width};}`]));
+const LeftSide = _ref => {
+  let {
+    children,
+    dataTest,
+    width
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-test": dataTest,
+    className: _style.default.dynamic([["4143353612", [_index.backgroundColor, _index.borderRadius, _index.borderColor, width]]])
+  }, children,
+  /**
+   * Flex basis 0px to make sure right and left side
+   * always have the same width
+   */
+  '', /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "4143353612",
+    dynamic: [_index.backgroundColor, _index.borderRadius, _index.borderColor, width]
+  }, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:".concat(backgroundColor, ";border-radius:").concat(borderRadius, ";border:1px solid ").concat(borderColor, ";min-height:240px;max-width:100%;width:").concat(width, ";}")]));
+};
 
 exports.LeftSide = LeftSide;
 LeftSide.propTypes = {

package/build/cjs/options-container.js

@@ -25,19 +25,20 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const OptionsContainer = ({
-  dataTest,
-  emptyComponent,
-  onEndReached,
-  getOptionClickHandlers,
-  highlightedOptions,
-  loading,
-  renderOption,
-  options,
-  selected,
-  selectionHandler,
-  toggleHighlightedOption
-}) => {
+const OptionsContainer = _ref => {
+  let {
+    dataTest,
+    emptyComponent,
+    onEndReached,
+    getOptionClickHandlers,
+    highlightedOptions,
+    loading,
+    renderOption,
+    options,
+    selected,
+    selectionHandler,
+    toggleHighlightedOption
+  } = _ref;
   const optionsRef = (0, _react.useRef)(null);
   const wrapperRef = (0, _react.useRef)(null);
   const resizeCounter = (0, _useResizeCounter.useResizeCounter)(wrapperRef.current);
@@ -62,14 +63,14 @@ const OptionsContainer = ({
       selected
     }));
   }), onEndReached && /*#__PURE__*/_react.default.createElement(_endIntersectionDetector.EndIntersectionDetector, {
-    dataTest: `${dataTest}-endintersectiondetector`,
-    key: `key-${resizeCounter}`,
+    dataTest: "".concat(dataTest, "-endintersectiondetector"),
+    key: "key-".concat(resizeCounter),
     rootRef: optionsRef,
     onEndReached: onEndReached
   }))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "889751462",
     dynamic: [_uiConstants.spacers.dp4]
-  }, [`.optionsContainer.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:${_uiConstants.spacers.dp4} 0;position:relative;overflow:hidden;}`, ".container.__jsx-style-dynamic-selector{overflow-y:auto;height:100%;}", ".loading.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:2;top:0;left:0;}", ".content-container.__jsx-style-dynamic-selector{z-index:1;position:relative;}", ".loading.__jsx-style-dynamic-selector+.container.__jsx-style-dynamic-selector .content-container.__jsx-style-dynamic-selector{-webkit-filter:blur(2px);filter:blur(2px);}"]));
+  }, [".optionsContainer.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:".concat(_uiConstants.spacers.dp4, " 0;position:relative;overflow:hidden;}"), ".container.__jsx-style-dynamic-selector{overflow-y:auto;height:100%;}", ".loading.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:2;top:0;left:0;}", ".content-container.__jsx-style-dynamic-selector{z-index:1;position:relative;}", ".loading.__jsx-style-dynamic-selector+.container.__jsx-style-dynamic-selector .content-container.__jsx-style-dynamic-selector{-webkit-filter:blur(2px);filter:blur(2px);}"]));
 };
 
 exports.OptionsContainer = OptionsContainer;

package/build/cjs/picked-options.js

@@ -17,25 +17,28 @@ var _endIntersectionDetector = require("./end-intersection-detector.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const PickedOptions = ({
-  children,
-  dataTest,
-  selectedEmptyComponent,
-  pickedOptionsRef,
-  onPickedEndReached
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  "data-test": dataTest,
-  ref: pickedOptionsRef,
-  className: _style.default.dynamic([["392419471", [_uiConstants.spacers.dp4]]]) + " " + "container"
-}, /*#__PURE__*/_react.default.createElement("div", {
-  className: _style.default.dynamic([["392419471", [_uiConstants.spacers.dp4]]]) + " " + "content-container"
-}, !_react.default.Children.count(children) && selectedEmptyComponent, children, onPickedEndReached && /*#__PURE__*/_react.default.createElement(_endIntersectionDetector.EndIntersectionDetector, {
-  rootRef: pickedOptionsRef,
-  onEndReached: onPickedEndReached
-})), /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "392419471",
-  dynamic: [_uiConstants.spacers.dp4]
-}, [`.container.__jsx-style-dynamic-selector{padding:${_uiConstants.spacers.dp4} 0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;overflow-y:auto;}`, ".content-container.__jsx-style-dynamic-selector{position:relative;}"]));
+const PickedOptions = _ref => {
+  let {
+    children,
+    dataTest,
+    selectedEmptyComponent,
+    pickedOptionsRef,
+    onPickedEndReached
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-test": dataTest,
+    ref: pickedOptionsRef,
+    className: _style.default.dynamic([["392419471", [_uiConstants.spacers.dp4]]]) + " " + "container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.dynamic([["392419471", [_uiConstants.spacers.dp4]]]) + " " + "content-container"
+  }, !_react.default.Children.count(children) && selectedEmptyComponent, children, onPickedEndReached && /*#__PURE__*/_react.default.createElement(_endIntersectionDetector.EndIntersectionDetector, {
+    rootRef: pickedOptionsRef,
+    onEndReached: onPickedEndReached
+  })), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "392419471",
+    dynamic: [_uiConstants.spacers.dp4]
+  }, [".container.__jsx-style-dynamic-selector{padding:".concat(_uiConstants.spacers.dp4, " 0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;overflow-y:auto;}"), ".content-container.__jsx-style-dynamic-selector{position:relative;}"]));
+};
 
 exports.PickedOptions = PickedOptions;
 PickedOptions.propTypes = {

package/build/cjs/remove-all.js

@@ -15,20 +15,23 @@ var _icons = require("./icons.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const RemoveAll = ({
-  label,
-  dataTest,
-  disabled,
-  onClick
-}) => /*#__PURE__*/_react.default.createElement(_button.Button, {
-  dataTest: dataTest,
-  disabled: disabled,
-  onClick: onClick,
-  icon: /*#__PURE__*/_react.default.createElement(_icons.IconRemoveAll, {
+const RemoveAll = _ref => {
+  let {
+    label,
+    dataTest,
+    disabled,
+    onClick
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_button.Button, {
+    dataTest: dataTest,
     disabled: disabled,
-    dataTest: `${dataTest}-iconremoveall`
-  })
-}, label);
+    onClick: onClick,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.IconRemoveAll, {
+      disabled: disabled,
+      dataTest: "".concat(dataTest, "-iconremoveall")
+    })
+  }, label);
+};
 
 exports.RemoveAll = RemoveAll;
 RemoveAll.propTypes = {

package/build/cjs/remove-individual.js

@@ -15,20 +15,23 @@ var _icons = require("./icons.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const RemoveIndividual = ({
-  label,
-  dataTest,
-  disabled,
-  onClick
-}) => /*#__PURE__*/_react.default.createElement(_button.Button, {
-  dataTest: dataTest,
-  disabled: disabled,
-  onClick: onClick,
-  icon: /*#__PURE__*/_react.default.createElement(_icons.IconRemoveIndividual, {
+const RemoveIndividual = _ref => {
+  let {
+    label,
+    dataTest,
+    disabled,
+    onClick
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_button.Button, {
+    dataTest: dataTest,
     disabled: disabled,
-    dataTest: `${dataTest}-iconremoveindividual`
-  })
-}, label);
+    onClick: onClick,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.IconRemoveIndividual, {
+      disabled: disabled,
+      dataTest: "".concat(dataTest, "-iconremoveindividual")
+    })
+  }, label);
+};
 
 exports.RemoveIndividual = RemoveIndividual;
 RemoveIndividual.propTypes = {

package/build/cjs/reordering-actions.js

@@ -19,37 +19,40 @@ var _icons = require("./icons.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ReorderingActions = ({
-  dataTest,
-  disabledDown,
-  disabledUp,
-  onChangeUp,
-  onChangeDown
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  "data-test": dataTest,
-  className: _style.default.dynamic([["1295471940", [_uiConstants.spacers.dp8, _uiConstants.spacers.dp8, _uiConstants.spacers.dp8]]])
-}, /*#__PURE__*/_react.default.createElement(_button.Button, {
-  small: true,
-  disabled: disabledDown,
-  onClick: () => !disabledDown && onChangeDown(event),
-  dataTest: `${dataTest}-buttonmovedown`,
-  icon: /*#__PURE__*/_react.default.createElement(_icons.IconMoveDown, {
-    dataTest: `${dataTest}-iconmovedown`,
-    disabled: disabledDown
-  })
-}), /*#__PURE__*/_react.default.createElement(_button.Button, {
-  small: true,
-  disabled: disabledUp,
-  onClick: () => !disabledUp && onChangeUp(event),
-  dataTest: `${dataTest}-buttonmoveup`,
-  icon: /*#__PURE__*/_react.default.createElement(_icons.IconMoveUp, {
-    dataTest: `${dataTest}-iconmoveup`,
-    disabled: disabledUp
-  })
-}), /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "1295471940",
-  dynamic: [_uiConstants.spacers.dp8, _uiConstants.spacers.dp8, _uiConstants.spacers.dp8]
-}, [`div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding-top:${_uiConstants.spacers.dp8};}`, `div.__jsx-style-dynamic-selector:last-child{padding-bottom:${_uiConstants.spacers.dp8};}`, `div.__jsx-style-dynamic-selector>button:first-child{margin-left:${_uiConstants.spacers.dp8};}`]));
+const ReorderingActions = _ref => {
+  let {
+    dataTest,
+    disabledDown,
+    disabledUp,
+    onChangeUp,
+    onChangeDown
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-test": dataTest,
+    className: _style.default.dynamic([["1295471940", [_uiConstants.spacers.dp8, _uiConstants.spacers.dp8, _uiConstants.spacers.dp8]]])
+  }, /*#__PURE__*/_react.default.createElement(_button.Button, {
+    small: true,
+    disabled: disabledDown,
+    onClick: () => !disabledDown && onChangeDown(event),
+    dataTest: "".concat(dataTest, "-buttonmovedown"),
+    icon: /*#__PURE__*/_react.default.createElement(_icons.IconMoveDown, {
+      dataTest: "".concat(dataTest, "-iconmovedown"),
+      disabled: disabledDown
+    })
+  }), /*#__PURE__*/_react.default.createElement(_button.Button, {
+    small: true,
+    disabled: disabledUp,
+    onClick: () => !disabledUp && onChangeUp(event),
+    dataTest: "".concat(dataTest, "-buttonmoveup"),
+    icon: /*#__PURE__*/_react.default.createElement(_icons.IconMoveUp, {
+      dataTest: "".concat(dataTest, "-iconmoveup"),
+      disabled: disabledUp
+    })
+  }), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "1295471940",
+    dynamic: [_uiConstants.spacers.dp8, _uiConstants.spacers.dp8, _uiConstants.spacers.dp8]
+  }, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding-top:".concat(_uiConstants.spacers.dp8, ";}"), "div.__jsx-style-dynamic-selector:last-child{padding-bottom:".concat(_uiConstants.spacers.dp8, ";}"), "div.__jsx-style-dynamic-selector>button:first-child{margin-left:".concat(_uiConstants.spacers.dp8, ";}")]));
+};
 
 exports.ReorderingActions = ReorderingActions;
 ReorderingActions.propTypes = {

package/build/cjs/right-footer.js

@@ -17,16 +17,19 @@ var _index = require("./common/index.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const RightFooter = ({
-  children,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  "data-test": dataTest,
-  className: _style.default.dynamic([["3629116366", [_index.borderColor, _uiConstants.spacers.dp8]]])
-}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "3629116366",
-  dynamic: [_index.borderColor, _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 ${borderColor};padding:0 ${_uiConstants.spacers.dp8};}`]));
+const RightFooter = _ref => {
+  let {
+    children,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-test": dataTest,
+    className: _style.default.dynamic([["3629116366", [_index.borderColor, _uiConstants.spacers.dp8]]])
+  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "3629116366",
+    dynamic: [_index.borderColor, _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 ".concat(borderColor, ";padding:0 ").concat(_uiConstants.spacers.dp8, ";}")]));
+};
 
 exports.RightFooter = RightFooter;
 RightFooter.propTypes = {

package/build/cjs/right-header.js

@@ -17,16 +17,19 @@ var _index = require("./common/index.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const RightHeader = ({
-  children,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  "data-test": dataTest,
-  className: _style.default.dynamic([["2175954399", [_index.borderColor, _uiConstants.spacers.dp8]]])
-}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "2175954399",
-  dynamic: [_index.borderColor, _uiConstants.spacers.dp8]
-}, [`div.__jsx-style-dynamic-selector{border-bottom:1px solid ${borderColor};-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding:0 ${_uiConstants.spacers.dp8};}`]));
+const RightHeader = _ref => {
+  let {
+    children,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-test": dataTest,
+    className: _style.default.dynamic([["2175954399", [_index.borderColor, _uiConstants.spacers.dp8]]])
+  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "2175954399",
+    dynamic: [_index.borderColor, _uiConstants.spacers.dp8]
+  }, ["div.__jsx-style-dynamic-selector{border-bottom:1px solid ".concat(borderColor, ";-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding:0 ").concat(_uiConstants.spacers.dp8, ";}")]));
+};
 
 exports.RightHeader = RightHeader;
 RightHeader.propTypes = {

package/build/cjs/right-side.js

@@ -15,22 +15,25 @@ var _index = require("./common/index.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const RightSide = ({
-  children,
-  dataTest,
-  width
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  "data-test": dataTest,
-  className: _style.default.dynamic([["1391448013", [_index.backgroundColor, _index.borderColor, _index.borderRadius, width]]])
-}, children,
-/**
- * Flex basis 0px to make sure right and left side
- * always have the same width
- */
-'', /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "1391448013",
-  dynamic: [_index.backgroundColor, _index.borderColor, _index.borderRadius, width]
-}, [`div.__jsx-style-dynamic-selector{background-color:${backgroundColor};border:1px solid ${borderColor};border-radius:${borderRadius};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 = _ref => {
+  let {
+    children,
+    dataTest,
+    width
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-test": dataTest,
+    className: _style.default.dynamic([["1391448013", [_index.backgroundColor, _index.borderColor, _index.borderRadius, width]]])
+  }, children,
+  /**
+   * Flex basis 0px to make sure right and left side
+   * always have the same width
+   */
+  '', /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "1391448013",
+    dynamic: [_index.backgroundColor, _index.borderColor, _index.borderRadius, width]
+  }, ["div.__jsx-style-dynamic-selector{background-color:".concat(backgroundColor, ";border:1px solid ").concat(borderColor, ";border-radius:").concat(borderRadius, ";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:").concat(width, ";}")]));
+};
 
 exports.RightSide = RightSide;
 RightSide.propTypes = {

package/build/cjs/source-options.js

@@ -17,25 +17,28 @@ var _endIntersectionDetector = require("./end-intersection-detector.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const SourceOptions = ({
-  children,
-  dataTest,
-  sourceEmptyPlaceholder,
-  sourceOptionsRef,
-  onSourceEndReached
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  "data-test": dataTest,
-  ref: sourceOptionsRef,
-  className: _style.default.dynamic([["392419471", [_uiConstants.spacers.dp4]]]) + " " + "container"
-}, /*#__PURE__*/_react.default.createElement("div", {
-  className: _style.default.dynamic([["392419471", [_uiConstants.spacers.dp4]]]) + " " + "content-container"
-}, children, !_react.default.Children.count(children) && sourceEmptyPlaceholder, onSourceEndReached && /*#__PURE__*/_react.default.createElement(_endIntersectionDetector.EndIntersectionDetector, {
-  rootRef: sourceOptionsRef,
-  onEndReached: onSourceEndReached
-})), /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "392419471",
-  dynamic: [_uiConstants.spacers.dp4]
-}, [`.container.__jsx-style-dynamic-selector{padding:${_uiConstants.spacers.dp4} 0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;overflow-y:auto;}`, ".content-container.__jsx-style-dynamic-selector{position:relative;}"]));
+const SourceOptions = _ref => {
+  let {
+    children,
+    dataTest,
+    sourceEmptyPlaceholder,
+    sourceOptionsRef,
+    onSourceEndReached
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-test": dataTest,
+    ref: sourceOptionsRef,
+    className: _style.default.dynamic([["392419471", [_uiConstants.spacers.dp4]]]) + " " + "container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.dynamic([["392419471", [_uiConstants.spacers.dp4]]]) + " " + "content-container"
+  }, children, !_react.default.Children.count(children) && sourceEmptyPlaceholder, onSourceEndReached && /*#__PURE__*/_react.default.createElement(_endIntersectionDetector.EndIntersectionDetector, {
+    rootRef: sourceOptionsRef,
+    onEndReached: onSourceEndReached
+  })), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "392419471",
+    dynamic: [_uiConstants.spacers.dp4]
+  }, [".container.__jsx-style-dynamic-selector{padding:".concat(_uiConstants.spacers.dp4, " 0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;overflow-y:auto;}"), ".content-container.__jsx-style-dynamic-selector{position:relative;}"]));
+};
 
 exports.SourceOptions = SourceOptions;
 SourceOptions.propTypes = {

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

@@ -13,15 +13,19 @@ exports.addAllSelectableSourceOptions = void 0;
  * @param {Function} arg.setHighlightedSourceOptions
  * @returns {void}
  */
-const addAllSelectableSourceOptions = ({
-  sourceOptions,
-  onChange,
-  selected,
-  setHighlightedSourceOptions
-}) => {
-  const enabledSourceOptions = sourceOptions.filter(({
-    disabled
-  }) => !disabled);
+const addAllSelectableSourceOptions = _ref => {
+  let {
+    sourceOptions,
+    onChange,
+    selected,
+    setHighlightedSourceOptions
+  } = _ref;
+  const enabledSourceOptions = sourceOptions.filter(_ref2 => {
+    let {
+      disabled
+    } = _ref2;
+    return !disabled;
+  });
   const newSelected = enabledSourceOptions.reduce((accumulatedSelected, enabledSourceOption) => [...accumulatedSelected, enabledSourceOption.value], selected);
   setHighlightedSourceOptions([]); // If we ever allow maxSelection to be any value
   // other than 1 and Infinity, we need to think

package/build/cjs/transfer/add-individual-source-options.js

@@ -15,15 +15,17 @@ exports.addIndividualSourceOptions = void 0;
  * @param {Function} args.setHighlightedSourceOptions
  * @returns void
  */
-const addIndividualSourceOptions = ({
-  filterable,
-  sourceOptions,
-  highlightedSourceOptions,
-  maxSelections,
-  onChange,
-  selected,
-  setHighlightedSourceOptions
-}) => {
+const addIndividualSourceOptions = _ref => {
+  let {
+    filterable,
+    sourceOptions,
+    highlightedSourceOptions,
+    maxSelections,
+    onChange,
+    selected,
+    setHighlightedSourceOptions
+  } = _ref;
+
   /**
    * 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

@@ -14,16 +14,19 @@ exports.createDoubleClickHandlers = void 0;
  * @param {Function} args.setHighlightedPickedOptions
  * @returns void
  */
-const createDoubleClickHandlers = ({
-  maxSelections,
-  onChange,
-  selected,
-  setHighlightedPickedOptions,
-  setHighlightedSourceOptions
-}) => {
-  const selectSingleOption = ({
-    value
-  }) => {
+const createDoubleClickHandlers = _ref => {
+  let {
+    maxSelections,
+    onChange,
+    selected,
+    setHighlightedPickedOptions,
+    setHighlightedSourceOptions
+  } = _ref;
+
+  const selectSingleOption = _ref2 => {
+    let {
+      value
+    } = _ref2;
     const newSelected = selected.includes(value) ? selected : [...selected, value];
     setHighlightedSourceOptions([]);
     onChange({
@@ -31,9 +34,10 @@ const createDoubleClickHandlers = ({
     });
   };
 
-  const deselectSingleOption = ({
-    value
-  }) => {
+  const deselectSingleOption = _ref3 => {
+    let {
+      value
+    } = _ref3;
     const newSelected = selected.filter(curSelected => curSelected !== value);
     setHighlightedPickedOptions([]);
     onChange({

package/build/cjs/transfer/default-filter-callback.js

@@ -10,8 +10,11 @@ exports.defaultFilterCallback = void 0;
  * @param {string} filter
  * @returns {Object[]}
  */
-const defaultFilterCallback = (options, filter) => filter === '' ? options : options.filter(({
-  label
-}) => label.match(new RegExp(filter, 'i')));
+const defaultFilterCallback = (options, filter) => filter === '' ? options : options.filter(_ref => {
+  let {
+    label
+  } = _ref;
+  return label.match(new RegExp(filter, 'i'));
+});
 
 exports.defaultFilterCallback = defaultFilterCallback;

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

@@ -11,11 +11,15 @@ exports.isReorderDownDisabled = void 0;
  * @param {string[]} args.selected
  * @returns {bool}
  */
-const isReorderDownDisabled = ({
-  highlightedPickedOptions,
-  selected
-}) => // only one item can be moved with the buttons
-highlightedPickedOptions.length !== 1 || // can't move an item down if it's the last one
-selected.indexOf(highlightedPickedOptions[0]) === selected.length - 1;
+const isReorderDownDisabled = _ref => {
+  let {
+    highlightedPickedOptions,
+    selected
+  } = _ref;
+  return (// only one item can be moved with the buttons
+    highlightedPickedOptions.length !== 1 || // can't move an item down if it's the last one
+    selected.indexOf(highlightedPickedOptions[0]) === selected.length - 1
+  );
+};
 
 exports.isReorderDownDisabled = isReorderDownDisabled;

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

@@ -11,11 +11,15 @@ exports.isReorderUpDisabled = void 0;
  * @param {string[]} args.selected
  * @returns {bool}
  */
-const isReorderUpDisabled = ({
-  highlightedPickedOptions,
-  selected
-}) => // only one item can be moved with the buttons
-highlightedPickedOptions.length !== 1 || // can't move an item up if it's the first one
-selected.indexOf(highlightedPickedOptions[0]) === 0;
+const isReorderUpDisabled = _ref => {
+  let {
+    highlightedPickedOptions,
+    selected
+  } = _ref;
+  return (// only one item can be moved with the buttons
+    highlightedPickedOptions.length !== 1 || // can't move an item up if it's the first one
+    selected.indexOf(highlightedPickedOptions[0]) === 0
+  );
+};
 
 exports.isReorderUpDisabled = isReorderUpDisabled;

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

@@ -12,11 +12,12 @@ exports.moveHighlightedPickedOptionDown = void 0;
  * @param {Function} args.onChange
  * @returns {void}
  */
-const moveHighlightedPickedOptionDown = ({
-  selected,
-  highlightedPickedOptions,
-  onChange
-}) => {
+const moveHighlightedPickedOptionDown = _ref => {
+  let {
+    selected,
+    highlightedPickedOptions,
+    onChange
+  } = _ref;
   const optionIndex = selected.findIndex(selectedOption => selectedOption === highlightedPickedOptions[0]); // Can't move down last or non-existing option
 
   if (optionIndex === -1 || optionIndex > selected.length - 2) {