@dhis2-ui/transfer 8.2.0 → 8.2.1

package/build/es/left-header.js

@@ -3,16 +3,19 @@ import { spacers } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { borderColor } from './common/index.js';
-export const LeftHeader = ({
-  children,
-  dataTest
-}) => /*#__PURE__*/React.createElement("div", {
-  "data-test": dataTest,
-  className: _JSXStyle.dynamic([["2175954399", [borderColor, spacers.dp8]]])
-}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "2175954399",
-  dynamic: [borderColor, 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 ${spacers.dp8};}`]));
+export const LeftHeader = _ref => {
+  let {
+    children,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-test": dataTest,
+    className: _JSXStyle.dynamic([["2175954399", [borderColor, spacers.dp8]]])
+  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "2175954399",
+    dynamic: [borderColor, 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(spacers.dp8, ";}")]));
+};
 LeftHeader.propTypes = {
   children: PropTypes.node,
   dataTest: PropTypes.string

package/build/es/left-side.js

@@ -2,22 +2,25 @@ import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React from 'react';
 import { backgroundColor, borderColor, borderRadius } from './common/index.js';
-export const LeftSide = ({
-  children,
-  dataTest,
-  width
-}) => /*#__PURE__*/React.createElement("div", {
-  "data-test": dataTest,
-  className: _JSXStyle.dynamic([["4143353612", [backgroundColor, borderRadius, borderColor, width]]])
-}, children,
-/**
- * Flex basis 0px to make sure right and left side
- * always have the same width
- */
-'', /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "4143353612",
-  dynamic: [backgroundColor, borderRadius, 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};}`]));
+export const LeftSide = _ref => {
+  let {
+    children,
+    dataTest,
+    width
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-test": dataTest,
+    className: _JSXStyle.dynamic([["4143353612", [backgroundColor, borderRadius, borderColor, width]]])
+  }, children,
+  /**
+   * Flex basis 0px to make sure right and left side
+   * always have the same width
+   */
+  '', /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "4143353612",
+    dynamic: [backgroundColor, borderRadius, 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, ";}")]));
+};
 LeftSide.propTypes = {
   width: PropTypes.string.isRequired,
   children: PropTypes.node,

package/build/es/options-container.js

@@ -5,19 +5,20 @@ import PropTypes from 'prop-types';
 import React, { Fragment, useRef } from 'react';
 import { EndIntersectionDetector } from './end-intersection-detector.js';
 import { useResizeCounter } from './use-resize-counter.js';
-export const OptionsContainer = ({
-  dataTest,
-  emptyComponent,
-  onEndReached,
-  getOptionClickHandlers,
-  highlightedOptions,
-  loading,
-  renderOption,
-  options,
-  selected,
-  selectionHandler,
-  toggleHighlightedOption
-}) => {
+export const OptionsContainer = _ref => {
+  let {
+    dataTest,
+    emptyComponent,
+    onEndReached,
+    getOptionClickHandlers,
+    highlightedOptions,
+    loading,
+    renderOption,
+    options,
+    selected,
+    selectionHandler,
+    toggleHighlightedOption
+  } = _ref;
   const optionsRef = useRef(null);
   const wrapperRef = useRef(null);
   const resizeCounter = useResizeCounter(wrapperRef.current);
@@ -42,14 +43,14 @@ export const OptionsContainer = ({
       selected
     }));
   }), onEndReached && /*#__PURE__*/React.createElement(EndIntersectionDetector, {
-    dataTest: `${dataTest}-endintersectiondetector`,
-    key: `key-${resizeCounter}`,
+    dataTest: "".concat(dataTest, "-endintersectiondetector"),
+    key: "key-".concat(resizeCounter),
     rootRef: optionsRef,
     onEndReached: onEndReached
   }))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "889751462",
     dynamic: [spacers.dp4]
-  }, [`.optionsContainer.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:${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(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.defaultProps = {
   selected: false

package/build/es/picked-options.js

@@ -3,25 +3,28 @@ import { spacers } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { EndIntersectionDetector } from './end-intersection-detector.js';
-export const PickedOptions = ({
-  children,
-  dataTest,
-  selectedEmptyComponent,
-  pickedOptionsRef,
-  onPickedEndReached
-}) => /*#__PURE__*/React.createElement("div", {
-  "data-test": dataTest,
-  ref: pickedOptionsRef,
-  className: _JSXStyle.dynamic([["392419471", [spacers.dp4]]]) + " " + "container"
-}, /*#__PURE__*/React.createElement("div", {
-  className: _JSXStyle.dynamic([["392419471", [spacers.dp4]]]) + " " + "content-container"
-}, !React.Children.count(children) && selectedEmptyComponent, children, onPickedEndReached && /*#__PURE__*/React.createElement(EndIntersectionDetector, {
-  rootRef: pickedOptionsRef,
-  onEndReached: onPickedEndReached
-})), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "392419471",
-  dynamic: [spacers.dp4]
-}, [`.container.__jsx-style-dynamic-selector{padding:${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;}"]));
+export const PickedOptions = _ref => {
+  let {
+    children,
+    dataTest,
+    selectedEmptyComponent,
+    pickedOptionsRef,
+    onPickedEndReached
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-test": dataTest,
+    ref: pickedOptionsRef,
+    className: _JSXStyle.dynamic([["392419471", [spacers.dp4]]]) + " " + "container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["392419471", [spacers.dp4]]]) + " " + "content-container"
+  }, !React.Children.count(children) && selectedEmptyComponent, children, onPickedEndReached && /*#__PURE__*/React.createElement(EndIntersectionDetector, {
+    rootRef: pickedOptionsRef,
+    onEndReached: onPickedEndReached
+  })), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "392419471",
+    dynamic: [spacers.dp4]
+  }, [".container.__jsx-style-dynamic-selector{padding:".concat(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;}"]));
+};
 PickedOptions.propTypes = {
   children: PropTypes.node.isRequired,
   dataTest: PropTypes.string.isRequired,

package/build/es/remove-all.js

@@ -2,20 +2,23 @@ import { Button } from '@dhis2-ui/button';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { IconRemoveAll } from './icons.js';
-export const RemoveAll = ({
-  label,
-  dataTest,
-  disabled,
-  onClick
-}) => /*#__PURE__*/React.createElement(Button, {
-  dataTest: dataTest,
-  disabled: disabled,
-  onClick: onClick,
-  icon: /*#__PURE__*/React.createElement(IconRemoveAll, {
+export const RemoveAll = _ref => {
+  let {
+    label,
+    dataTest,
+    disabled,
+    onClick
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Button, {
+    dataTest: dataTest,
     disabled: disabled,
-    dataTest: `${dataTest}-iconremoveall`
-  })
-}, label);
+    onClick: onClick,
+    icon: /*#__PURE__*/React.createElement(IconRemoveAll, {
+      disabled: disabled,
+      dataTest: "".concat(dataTest, "-iconremoveall")
+    })
+  }, label);
+};
 RemoveAll.propTypes = {
   dataTest: PropTypes.string.isRequired,
   onClick: PropTypes.func.isRequired,

package/build/es/remove-individual.js

@@ -2,20 +2,23 @@ import { Button } from '@dhis2-ui/button';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { IconRemoveIndividual } from './icons.js';
-export const RemoveIndividual = ({
-  label,
-  dataTest,
-  disabled,
-  onClick
-}) => /*#__PURE__*/React.createElement(Button, {
-  dataTest: dataTest,
-  disabled: disabled,
-  onClick: onClick,
-  icon: /*#__PURE__*/React.createElement(IconRemoveIndividual, {
+export const RemoveIndividual = _ref => {
+  let {
+    label,
+    dataTest,
+    disabled,
+    onClick
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Button, {
+    dataTest: dataTest,
     disabled: disabled,
-    dataTest: `${dataTest}-iconremoveindividual`
-  })
-}, label);
+    onClick: onClick,
+    icon: /*#__PURE__*/React.createElement(IconRemoveIndividual, {
+      disabled: disabled,
+      dataTest: "".concat(dataTest, "-iconremoveindividual")
+    })
+  }, label);
+};
 RemoveIndividual.propTypes = {
   dataTest: PropTypes.string.isRequired,
   onClick: PropTypes.func.isRequired,

package/build/es/reordering-actions.js

@@ -4,37 +4,40 @@ import { spacers } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { IconMoveDown, IconMoveUp } from './icons.js';
-export const ReorderingActions = ({
-  dataTest,
-  disabledDown,
-  disabledUp,
-  onChangeUp,
-  onChangeDown
-}) => /*#__PURE__*/React.createElement("div", {
-  "data-test": dataTest,
-  className: _JSXStyle.dynamic([["1295471940", [spacers.dp8, spacers.dp8, spacers.dp8]]])
-}, /*#__PURE__*/React.createElement(Button, {
-  small: true,
-  disabled: disabledDown,
-  onClick: () => !disabledDown && onChangeDown(event),
-  dataTest: `${dataTest}-buttonmovedown`,
-  icon: /*#__PURE__*/React.createElement(IconMoveDown, {
-    dataTest: `${dataTest}-iconmovedown`,
-    disabled: disabledDown
-  })
-}), /*#__PURE__*/React.createElement(Button, {
-  small: true,
-  disabled: disabledUp,
-  onClick: () => !disabledUp && onChangeUp(event),
-  dataTest: `${dataTest}-buttonmoveup`,
-  icon: /*#__PURE__*/React.createElement(IconMoveUp, {
-    dataTest: `${dataTest}-iconmoveup`,
-    disabled: disabledUp
-  })
-}), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "1295471940",
-  dynamic: [spacers.dp8, spacers.dp8, 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:${spacers.dp8};}`, `div.__jsx-style-dynamic-selector:last-child{padding-bottom:${spacers.dp8};}`, `div.__jsx-style-dynamic-selector>button:first-child{margin-left:${spacers.dp8};}`]));
+export const ReorderingActions = _ref => {
+  let {
+    dataTest,
+    disabledDown,
+    disabledUp,
+    onChangeUp,
+    onChangeDown
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-test": dataTest,
+    className: _JSXStyle.dynamic([["1295471940", [spacers.dp8, spacers.dp8, spacers.dp8]]])
+  }, /*#__PURE__*/React.createElement(Button, {
+    small: true,
+    disabled: disabledDown,
+    onClick: () => !disabledDown && onChangeDown(event),
+    dataTest: "".concat(dataTest, "-buttonmovedown"),
+    icon: /*#__PURE__*/React.createElement(IconMoveDown, {
+      dataTest: "".concat(dataTest, "-iconmovedown"),
+      disabled: disabledDown
+    })
+  }), /*#__PURE__*/React.createElement(Button, {
+    small: true,
+    disabled: disabledUp,
+    onClick: () => !disabledUp && onChangeUp(event),
+    dataTest: "".concat(dataTest, "-buttonmoveup"),
+    icon: /*#__PURE__*/React.createElement(IconMoveUp, {
+      dataTest: "".concat(dataTest, "-iconmoveup"),
+      disabled: disabledUp
+    })
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "1295471940",
+    dynamic: [spacers.dp8, spacers.dp8, 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(spacers.dp8, ";}"), "div.__jsx-style-dynamic-selector:last-child{padding-bottom:".concat(spacers.dp8, ";}"), "div.__jsx-style-dynamic-selector>button:first-child{margin-left:".concat(spacers.dp8, ";}")]));
+};
 ReorderingActions.propTypes = {
   dataTest: PropTypes.string.isRequired,
   onChangeDown: PropTypes.func.isRequired,

package/build/es/right-footer.js

@@ -3,16 +3,19 @@ import { spacers } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { borderColor } from './common/index.js';
-export const RightFooter = ({
-  children,
-  dataTest
-}) => /*#__PURE__*/React.createElement("div", {
-  "data-test": dataTest,
-  className: _JSXStyle.dynamic([["3629116366", [borderColor, spacers.dp8]]])
-}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "3629116366",
-  dynamic: [borderColor, 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 ${spacers.dp8};}`]));
+export const RightFooter = _ref => {
+  let {
+    children,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-test": dataTest,
+    className: _JSXStyle.dynamic([["3629116366", [borderColor, spacers.dp8]]])
+  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3629116366",
+    dynamic: [borderColor, 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(spacers.dp8, ";}")]));
+};
 RightFooter.propTypes = {
   children: PropTypes.node,
   dataTest: PropTypes.string

package/build/es/right-header.js

@@ -3,16 +3,19 @@ import { spacers } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { borderColor } from './common/index.js';
-export const RightHeader = ({
-  children,
-  dataTest
-}) => /*#__PURE__*/React.createElement("div", {
-  "data-test": dataTest,
-  className: _JSXStyle.dynamic([["2175954399", [borderColor, spacers.dp8]]])
-}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "2175954399",
-  dynamic: [borderColor, 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 ${spacers.dp8};}`]));
+export const RightHeader = _ref => {
+  let {
+    children,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-test": dataTest,
+    className: _JSXStyle.dynamic([["2175954399", [borderColor, spacers.dp8]]])
+  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "2175954399",
+    dynamic: [borderColor, 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(spacers.dp8, ";}")]));
+};
 RightHeader.propTypes = {
   children: PropTypes.node,
   dataTest: PropTypes.string

package/build/es/right-side.js

@@ -2,22 +2,25 @@ import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React from 'react';
 import { backgroundColor, borderColor, borderRadius } from './common/index.js';
-export const RightSide = ({
-  children,
-  dataTest,
-  width
-}) => /*#__PURE__*/React.createElement("div", {
-  "data-test": dataTest,
-  className: _JSXStyle.dynamic([["1391448013", [backgroundColor, borderColor, borderRadius, width]]])
-}, children,
-/**
- * Flex basis 0px to make sure right and left side
- * always have the same width
- */
-'', /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "1391448013",
-  dynamic: [backgroundColor, borderColor, 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};}`]));
+export const RightSide = _ref => {
+  let {
+    children,
+    dataTest,
+    width
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-test": dataTest,
+    className: _JSXStyle.dynamic([["1391448013", [backgroundColor, borderColor, borderRadius, width]]])
+  }, children,
+  /**
+   * Flex basis 0px to make sure right and left side
+   * always have the same width
+   */
+  '', /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "1391448013",
+    dynamic: [backgroundColor, borderColor, 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, ";}")]));
+};
 RightSide.propTypes = {
   width: PropTypes.string.isRequired,
   children: PropTypes.node,

package/build/es/source-options.js

@@ -3,25 +3,28 @@ import { spacers } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { EndIntersectionDetector } from './end-intersection-detector.js';
-export const SourceOptions = ({
-  children,
-  dataTest,
-  sourceEmptyPlaceholder,
-  sourceOptionsRef,
-  onSourceEndReached
-}) => /*#__PURE__*/React.createElement("div", {
-  "data-test": dataTest,
-  ref: sourceOptionsRef,
-  className: _JSXStyle.dynamic([["392419471", [spacers.dp4]]]) + " " + "container"
-}, /*#__PURE__*/React.createElement("div", {
-  className: _JSXStyle.dynamic([["392419471", [spacers.dp4]]]) + " " + "content-container"
-}, children, !React.Children.count(children) && sourceEmptyPlaceholder, onSourceEndReached && /*#__PURE__*/React.createElement(EndIntersectionDetector, {
-  rootRef: sourceOptionsRef,
-  onEndReached: onSourceEndReached
-})), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "392419471",
-  dynamic: [spacers.dp4]
-}, [`.container.__jsx-style-dynamic-selector{padding:${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;}"]));
+export const SourceOptions = _ref => {
+  let {
+    children,
+    dataTest,
+    sourceEmptyPlaceholder,
+    sourceOptionsRef,
+    onSourceEndReached
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-test": dataTest,
+    ref: sourceOptionsRef,
+    className: _JSXStyle.dynamic([["392419471", [spacers.dp4]]]) + " " + "container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["392419471", [spacers.dp4]]]) + " " + "content-container"
+  }, children, !React.Children.count(children) && sourceEmptyPlaceholder, onSourceEndReached && /*#__PURE__*/React.createElement(EndIntersectionDetector, {
+    rootRef: sourceOptionsRef,
+    onEndReached: onSourceEndReached
+  })), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "392419471",
+    dynamic: [spacers.dp4]
+  }, [".container.__jsx-style-dynamic-selector{padding:".concat(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;}"]));
+};
 SourceOptions.propTypes = {
   dataTest: PropTypes.string.isRequired,
   children: PropTypes.node,

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

@@ -6,15 +6,19 @@
  * @param {Function} arg.setHighlightedSourceOptions
  * @returns {void}
  */
-export const addAllSelectableSourceOptions = ({
-  sourceOptions,
-  onChange,
-  selected,
-  setHighlightedSourceOptions
-}) => {
-  const enabledSourceOptions = sourceOptions.filter(({
-    disabled
-  }) => !disabled);
+export 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/es/transfer/add-individual-source-options.js

@@ -8,15 +8,17 @@
  * @param {Function} args.setHighlightedSourceOptions
  * @returns void
  */
-export const addIndividualSourceOptions = ({
-  filterable,
-  sourceOptions,
-  highlightedSourceOptions,
-  maxSelections,
-  onChange,
-  selected,
-  setHighlightedSourceOptions
-}) => {
+export 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/es/transfer/create-double-click-handlers.js

@@ -7,16 +7,19 @@
  * @param {Function} args.setHighlightedPickedOptions
  * @returns void
  */
-export const createDoubleClickHandlers = ({
-  maxSelections,
-  onChange,
-  selected,
-  setHighlightedPickedOptions,
-  setHighlightedSourceOptions
-}) => {
-  const selectSingleOption = ({
-    value
-  }) => {
+export 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({
@@ -24,9 +27,10 @@ export const createDoubleClickHandlers = ({
     });
   };
 
-  const deselectSingleOption = ({
-    value
-  }) => {
+  const deselectSingleOption = _ref3 => {
+    let {
+      value
+    } = _ref3;
     const newSelected = selected.filter(curSelected => curSelected !== value);
     setHighlightedPickedOptions([]);
     onChange({

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

@@ -3,6 +3,9 @@
  * @param {string} filter
  * @returns {Object[]}
  */
-export const defaultFilterCallback = (options, filter) => filter === '' ? options : options.filter(({
-  label
-}) => label.match(new RegExp(filter, 'i')));
+export const defaultFilterCallback = (options, filter) => filter === '' ? options : options.filter(_ref => {
+  let {
+    label
+  } = _ref;
+  return label.match(new RegExp(filter, 'i'));
+});

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

@@ -4,9 +4,13 @@
  * @param {string[]} args.selected
  * @returns {bool}
  */
-export 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;
+export 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
+  );
+};