@dhis2-ui/transfer 10.16.3-alpha.1 → 10.16.4

package/build/cjs/icons.js

@@ -11,212 +11,188 @@ var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const centerButtonStyles = ["svg.jsx-2392683210{min-width:20px;}", "div.centerButton.jsx-2392683210:dir(rtl){-webkit-transform:rotate(180deg) translateX(4px);-ms-transform:rotate(180deg) translateX(4px);transform:rotate(180deg) translateX(4px);}"];
 centerButtonStyles.__hash = "2392683210";
-const IconAddAll = _ref => {
-  let {
-    dataTest,
-    disabled
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${centerButtonStyles.__hash}` + " " + "centerButton"
-  }, /*#__PURE__*/_react.default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    "data-test": dataTest,
-    fill: disabled ? _uiConstants.theme.disabled : _uiConstants.colors.grey800,
-    className: `jsx-${centerButtonStyles.__hash}`
-  }, /*#__PURE__*/_react.default.createElement("g", {
-    fillRule: "evenodd",
-    className: `jsx-${centerButtonStyles.__hash}`
-  }, /*#__PURE__*/_react.default.createElement("polygon", {
-    fillRule: "nonzero",
-    points: "6 2 4.94 3.06 9.13 7.25 0 7.25 0 8.75 9.13 8.75 4.94 12.94 6 14 12 8",
-    className: `jsx-${centerButtonStyles.__hash}`
-  }), /*#__PURE__*/_react.default.createElement("polygon", {
-    fillRule: "nonzero",
-    points: "10 2 8.94 3.06 13.13 7.25 13.9 8 13.13 8.75 8.94 12.94 10 14 16 8",
-    className: `jsx-${centerButtonStyles.__hash}`
-  }))), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: centerButtonStyles.__hash
-  }, centerButtonStyles));
-};
+const IconAddAll = ({
+  dataTest,
+  disabled
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: `jsx-${centerButtonStyles.__hash}` + " " + "centerButton"
+}, /*#__PURE__*/_react.default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  "data-test": dataTest,
+  fill: disabled ? _uiConstants.theme.disabled : _uiConstants.colors.grey800,
+  className: `jsx-${centerButtonStyles.__hash}`
+}, /*#__PURE__*/_react.default.createElement("g", {
+  fillRule: "evenodd",
+  className: `jsx-${centerButtonStyles.__hash}`
+}, /*#__PURE__*/_react.default.createElement("polygon", {
+  fillRule: "nonzero",
+  points: "6 2 4.94 3.06 9.13 7.25 0 7.25 0 8.75 9.13 8.75 4.94 12.94 6 14 12 8",
+  className: `jsx-${centerButtonStyles.__hash}`
+}), /*#__PURE__*/_react.default.createElement("polygon", {
+  fillRule: "nonzero",
+  points: "10 2 8.94 3.06 13.13 7.25 13.9 8 13.13 8.75 8.94 12.94 10 14 16 8",
+  className: `jsx-${centerButtonStyles.__hash}`
+}))), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: centerButtonStyles.__hash
+}, centerButtonStyles));
 exports.IconAddAll = IconAddAll;
 IconAddAll.propTypes = {
   dataTest: _propTypes.default.string.isRequired,
   disabled: _propTypes.default.bool
 };
-const IconAddIndividual = _ref2 => {
-  let {
-    dataTest,
-    disabled
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${centerButtonStyles.__hash}` + " " + "centerButton"
-  }, /*#__PURE__*/_react.default.createElement("svg", {
-    fill: disabled ? _uiConstants.theme.disabled : _uiConstants.colors.grey800,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    "data-test": dataTest,
-    className: `jsx-${centerButtonStyles.__hash}`
-  }, /*#__PURE__*/_react.default.createElement("polygon", {
-    points: "8 2 6.94 3.06 11.13 7.25 2 7.25 2 8.75 11.13 8.75 6.94 12.94 8 14 14 8",
-    className: `jsx-${centerButtonStyles.__hash}`
-  })), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: centerButtonStyles.__hash
-  }, centerButtonStyles));
-};
+const IconAddIndividual = ({
+  dataTest,
+  disabled
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: `jsx-${centerButtonStyles.__hash}` + " " + "centerButton"
+}, /*#__PURE__*/_react.default.createElement("svg", {
+  fill: disabled ? _uiConstants.theme.disabled : _uiConstants.colors.grey800,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  "data-test": dataTest,
+  className: `jsx-${centerButtonStyles.__hash}`
+}, /*#__PURE__*/_react.default.createElement("polygon", {
+  points: "8 2 6.94 3.06 11.13 7.25 2 7.25 2 8.75 11.13 8.75 6.94 12.94 8 14 14 8",
+  className: `jsx-${centerButtonStyles.__hash}`
+})), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: centerButtonStyles.__hash
+}, centerButtonStyles));
 exports.IconAddIndividual = IconAddIndividual;
 IconAddIndividual.propTypes = {
   dataTest: _propTypes.default.string.isRequired,
   disabled: _propTypes.default.bool
 };
-const IconRemoveAll = _ref3 => {
-  let {
-    dataTest,
-    disabled
-  } = _ref3;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${centerButtonStyles.__hash}` + " " + "centerButton"
-  }, /*#__PURE__*/_react.default.createElement("svg", {
-    fill: disabled ? _uiConstants.theme.disabled : _uiConstants.colors.grey800,
-    width: "16px",
-    height: "16px",
-    viewBox: "0 0 16 16",
-    "data-test": dataTest,
-    xmlns: "http://www.w3.org/2000/svg",
-    className: `jsx-${centerButtonStyles.__hash}`
-  }, /*#__PURE__*/_react.default.createElement("g", {
-    fillRule: "evenodd",
-    className: `jsx-${centerButtonStyles.__hash}`
-  }, /*#__PURE__*/_react.default.createElement("polygon", {
-    fillRule: "nonzero",
-    points: "10 2 8.94 3.06 13.13 7.25 4 7.25 4 8.75 13.13 8.75 8.94 12.94 10 14 16 8",
-    transform: "matrix(-1 0 0 1 20 0)",
-    className: `jsx-${centerButtonStyles.__hash}`
-  }), /*#__PURE__*/_react.default.createElement("polygon", {
-    fillRule: "nonzero",
-    points: "1.06 2 0 3.06 4.19 7.25 4.96 8 4.19 8.75 0 12.94 1.06 14 7.06 8",
-    transform: "matrix(-1 0 0 1 7.06 0)",
-    className: `jsx-${centerButtonStyles.__hash}`
-  }))), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: centerButtonStyles.__hash
-  }, centerButtonStyles));
-};
+const IconRemoveAll = ({
+  dataTest,
+  disabled
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: `jsx-${centerButtonStyles.__hash}` + " " + "centerButton"
+}, /*#__PURE__*/_react.default.createElement("svg", {
+  fill: disabled ? _uiConstants.theme.disabled : _uiConstants.colors.grey800,
+  width: "16px",
+  height: "16px",
+  viewBox: "0 0 16 16",
+  "data-test": dataTest,
+  xmlns: "http://www.w3.org/2000/svg",
+  className: `jsx-${centerButtonStyles.__hash}`
+}, /*#__PURE__*/_react.default.createElement("g", {
+  fillRule: "evenodd",
+  className: `jsx-${centerButtonStyles.__hash}`
+}, /*#__PURE__*/_react.default.createElement("polygon", {
+  fillRule: "nonzero",
+  points: "10 2 8.94 3.06 13.13 7.25 4 7.25 4 8.75 13.13 8.75 8.94 12.94 10 14 16 8",
+  transform: "matrix(-1 0 0 1 20 0)",
+  className: `jsx-${centerButtonStyles.__hash}`
+}), /*#__PURE__*/_react.default.createElement("polygon", {
+  fillRule: "nonzero",
+  points: "1.06 2 0 3.06 4.19 7.25 4.96 8 4.19 8.75 0 12.94 1.06 14 7.06 8",
+  transform: "matrix(-1 0 0 1 7.06 0)",
+  className: `jsx-${centerButtonStyles.__hash}`
+}))), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: centerButtonStyles.__hash
+}, centerButtonStyles));
 exports.IconRemoveAll = IconRemoveAll;
 IconRemoveAll.propTypes = {
   dataTest: _propTypes.default.string.isRequired,
   disabled: _propTypes.default.bool
 };
-const IconRemoveIndividual = _ref4 => {
-  let {
-    dataTest,
-    disabled
-  } = _ref4;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${centerButtonStyles.__hash}` + " " + "centerButton"
-  }, /*#__PURE__*/_react.default.createElement("svg", {
-    fill: disabled ? _uiConstants.theme.disabled : _uiConstants.colors.grey800,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    "data-test": dataTest,
-    className: `jsx-${centerButtonStyles.__hash}`
-  }, /*#__PURE__*/_react.default.createElement("polygon", {
-    points: "8 2 6.94 3.06 11.13 7.25 2 7.25 2 8.75 11.13 8.75 6.94 12.94 8 14 14 8",
-    transform: "matrix(-1 0 0 1 16 0)",
-    className: `jsx-${centerButtonStyles.__hash}`
-  })), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: centerButtonStyles.__hash
-  }, centerButtonStyles));
-};
+const IconRemoveIndividual = ({
+  dataTest,
+  disabled
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: `jsx-${centerButtonStyles.__hash}` + " " + "centerButton"
+}, /*#__PURE__*/_react.default.createElement("svg", {
+  fill: disabled ? _uiConstants.theme.disabled : _uiConstants.colors.grey800,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  "data-test": dataTest,
+  className: `jsx-${centerButtonStyles.__hash}`
+}, /*#__PURE__*/_react.default.createElement("polygon", {
+  points: "8 2 6.94 3.06 11.13 7.25 2 7.25 2 8.75 11.13 8.75 6.94 12.94 8 14 14 8",
+  transform: "matrix(-1 0 0 1 16 0)",
+  className: `jsx-${centerButtonStyles.__hash}`
+})), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: centerButtonStyles.__hash
+}, centerButtonStyles));
 exports.IconRemoveIndividual = IconRemoveIndividual;
 IconRemoveIndividual.propTypes = {
   dataTest: _propTypes.default.string.isRequired,
   disabled: _propTypes.default.bool
 };
-const IconMoveDown = _ref5 => {
-  let {
-    dataTest,
-    disabled
-  } = _ref5;
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    fill: disabled ? _uiConstants.colors.grey500 : _uiConstants.colors.grey800,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    "data-test": dataTest
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M13.5303 8.53027L12.4697 7.46973L8.75 11.1895V2H7.25V11.1895L3.53027 7.46973L2.46973 8.53027L8 14.0605L13.5303 8.53027Z"
-  }));
-};
+const IconMoveDown = ({
+  dataTest,
+  disabled
+}) => /*#__PURE__*/_react.default.createElement("svg", {
+  fill: disabled ? _uiConstants.colors.grey500 : _uiConstants.colors.grey800,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  "data-test": dataTest
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M13.5303 8.53027L12.4697 7.46973L8.75 11.1895V2H7.25V11.1895L3.53027 7.46973L2.46973 8.53027L8 14.0605L13.5303 8.53027Z"
+}));
 exports.IconMoveDown = IconMoveDown;
 IconMoveDown.propTypes = {
   dataTest: _propTypes.default.string.isRequired,
   disabled: _propTypes.default.bool
 };
-const IconMoveUp = _ref6 => {
-  let {
-    dataTest,
-    disabled
-  } = _ref6;
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    fill: disabled ? _uiConstants.colors.grey500 : _uiConstants.colors.grey800,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    "data-test": dataTest
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M13.5303 7.46973L12.4697 8.53027L8.75 4.81055V14H7.25V4.81055L3.53027 8.53027L2.46973 7.46973L8 1.93945L13.5303 7.46973Z"
-  }));
-};
+const IconMoveUp = ({
+  dataTest,
+  disabled
+}) => /*#__PURE__*/_react.default.createElement("svg", {
+  fill: disabled ? _uiConstants.colors.grey500 : _uiConstants.colors.grey800,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  "data-test": dataTest
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M13.5303 7.46973L12.4697 8.53027L8.75 4.81055V14H7.25V4.81055L3.53027 8.53027L2.46973 7.46973L8 1.93945L13.5303 7.46973Z"
+}));
 exports.IconMoveUp = IconMoveUp;
 IconMoveUp.propTypes = {
   dataTest: _propTypes.default.string.isRequired,
   disabled: _propTypes.default.bool
 };
-const IconMoveToTop = _ref7 => {
-  let {
-    dataTest,
-    disabled
-  } = _ref7;
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    fill: disabled ? _uiConstants.colors.grey500 : _uiConstants.colors.grey800,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    "data-test": dataTest
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M13.5303 10.4697L12.4697 11.5303L8.75 7.81055V14H7.25V7.81055L3.53027 11.5303L2.46973 10.4697L8 4.93945L13.5303 10.4697ZM13.5303 6.46973L12.4697 7.53027L8 3.06055L3.53027 7.53027L2.46973 6.46973L8 0.939453L13.5303 6.46973Z"
-  }));
-};
+const IconMoveToTop = ({
+  dataTest,
+  disabled
+}) => /*#__PURE__*/_react.default.createElement("svg", {
+  fill: disabled ? _uiConstants.colors.grey500 : _uiConstants.colors.grey800,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  "data-test": dataTest
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M13.5303 10.4697L12.4697 11.5303L8.75 7.81055V14H7.25V7.81055L3.53027 11.5303L2.46973 10.4697L8 4.93945L13.5303 10.4697ZM13.5303 6.46973L12.4697 7.53027L8 3.06055L3.53027 7.53027L2.46973 6.46973L8 0.939453L13.5303 6.46973Z"
+}));
 exports.IconMoveToTop = IconMoveToTop;
 IconMoveToTop.propTypes = {
   dataTest: _propTypes.default.string.isRequired,
   disabled: _propTypes.default.bool
 };
-const IconMoveToBottom = _ref8 => {
-  let {
-    dataTest,
-    disabled
-  } = _ref8;
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    fill: disabled ? _uiConstants.colors.grey500 : _uiConstants.colors.grey800,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    "data-test": dataTest
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M13.5303 5.53027L12.4697 4.46973L8.75 8.18945V2H7.25V8.18945L3.53027 4.46973L2.46973 5.53027L8 11.0605L13.5303 5.53027ZM13.5303 9.53027L12.4697 8.46973L8 12.9395L3.53027 8.46973L2.46973 9.53027L8 15.0605L13.5303 9.53027Z"
-  }));
-};
+const IconMoveToBottom = ({
+  dataTest,
+  disabled
+}) => /*#__PURE__*/_react.default.createElement("svg", {
+  fill: disabled ? _uiConstants.colors.grey500 : _uiConstants.colors.grey800,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  "data-test": dataTest
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M13.5303 5.53027L12.4697 4.46973L8.75 8.18945V2H7.25V8.18945L3.53027 4.46973L2.46973 5.53027L8 11.0605L13.5303 5.53027ZM13.5303 9.53027L12.4697 8.46973L8 12.9395L3.53027 8.46973L2.46973 9.53027L8 15.0605L13.5303 9.53027Z"
+}));
 exports.IconMoveToBottom = IconMoveToBottom;
 IconMoveToBottom.propTypes = {
   dataTest: _propTypes.default.string.isRequired,

package/build/cjs/left-footer.js

@@ -9,19 +9,16 @@ var _uiConstants = require("@dhis2/ui-constants");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const LeftFooter = _ref => {
-  let {
-    children,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": dataTest,
-    className: _style.default.dynamic([["1797409102", [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]]])
-  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "1797409102",
-    dynamic: [_uiConstants.colors.grey400, _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 ${_uiConstants.colors.grey400};padding:0 ${_uiConstants.spacers.dp8};}`]));
-};
+const LeftFooter = ({
+  children,
+  dataTest
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": dataTest,
+  className: _style.default.dynamic([["1797409102", [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]]])
+}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "1797409102",
+  dynamic: [_uiConstants.colors.grey400, _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 ${_uiConstants.colors.grey400};padding:0 ${_uiConstants.spacers.dp8};}`]));
 exports.LeftFooter = LeftFooter;
 LeftFooter.propTypes = {
   children: _propTypes.default.node,

package/build/cjs/left-header.js

@@ -9,19 +9,16 @@ var _uiConstants = require("@dhis2/ui-constants");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const LeftHeader = _ref => {
-  let {
-    children,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": dataTest,
-    className: _style.default.dynamic([["4225731772", [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]]])
-  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "4225731772",
-    dynamic: [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]
-  }, [`div.__jsx-style-dynamic-selector{border-bottom:1px solid ${_uiConstants.colors.grey400};-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding:0 ${_uiConstants.spacers.dp8};}`]));
-};
+const LeftHeader = ({
+  children,
+  dataTest
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": dataTest,
+  className: _style.default.dynamic([["4225731772", [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]]])
+}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "4225731772",
+  dynamic: [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]
+}, [`div.__jsx-style-dynamic-selector{border-bottom:1px solid ${_uiConstants.colors.grey400};-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding:0 ${_uiConstants.spacers.dp8};}`]));
 exports.LeftHeader = LeftHeader;
 LeftHeader.propTypes = {
   children: _propTypes.default.node,

package/build/cjs/left-side.js

@@ -9,25 +9,22 @@ var _uiConstants = require("@dhis2/ui-constants");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const LeftSide = _ref => {
-  let {
-    children,
-    dataTest,
-    width
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": dataTest,
-    className: _style.default.dynamic([["599208166", [_uiConstants.colors.white, _uiConstants.colors.grey400, width]]])
-  }, children,
-  /**
-   * Flex basis 0px to make sure right and left side
-   * always have the same width
-   */
-  '', /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "599208166",
-    dynamic: [_uiConstants.colors.white, _uiConstants.colors.grey400, 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:${_uiConstants.colors.white};border-radius:3px;border:1px solid ${_uiConstants.colors.grey400};min-height:240px;max-width:100%;width:${width};}`]));
-};
+const LeftSide = ({
+  children,
+  dataTest,
+  width
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": dataTest,
+  className: _style.default.dynamic([["599208166", [_uiConstants.colors.white, _uiConstants.colors.grey400, width]]])
+}, children,
+/**
+ * Flex basis 0px to make sure right and left side
+ * always have the same width
+ */
+'', /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "599208166",
+  dynamic: [_uiConstants.colors.white, _uiConstants.colors.grey400, 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:${_uiConstants.colors.white};border-radius:3px;border:1px solid ${_uiConstants.colors.grey400};min-height:240px;max-width:100%;width:${width};}`]));
 exports.LeftSide = LeftSide;
 LeftSide.propTypes = {
   width: _propTypes.default.string.isRequired,

package/build/cjs/locales/index.js

@@ -17,5 +17,10 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 //------------------------------------------------------------------------------
 
 const namespace = 'default';
-_d2I18n.default.addResources('en', namespace, _translations.default);
+
+// Use 'deep' = true and 'overwrite' = false to add to, but not overwrite,
+// custom translations from the datastore (added by the app adapter)
+
+_d2I18n.default.addResourceBundle('en', namespace, _translations.default, true, false);
+_d2I18n.default.addResourceBundle('en', namespace, _translations.default, true, false);
 var _default = exports.default = _d2I18n.default;

package/build/cjs/options-container.js

@@ -10,24 +10,22 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _endIntersectionDetector = require("./end-intersection-detector.js");
 var _useOptionsKeyMonitor = require("./transfer/use-options-key-monitor.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 }; }
-const OptionsContainer = _ref => {
-  let {
-    allOptionsKey,
-    dataTest,
-    emptyComponent,
-    onEndReached,
-    getOptionClickHandlers,
-    highlightedOptions,
-    loading,
-    renderOption,
-    options,
-    selected = false,
-    selectionHandler,
-    toggleHighlightedOption
-  } = _ref;
+const OptionsContainer = ({
+  allOptionsKey,
+  dataTest,
+  emptyComponent,
+  onEndReached,
+  getOptionClickHandlers,
+  highlightedOptions,
+  loading,
+  renderOption,
+  options,
+  selected = false,
+  selectionHandler,
+  toggleHighlightedOption
+}) => {
   const scrollBoxRef = (0, _react.useRef)(null);
   const listRef = (0, _react.useRef)(null);
   (0, _useOptionsKeyMonitor.useOptionsKeyMonitor)({

package/build/cjs/remove-all.js

@@ -9,23 +9,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _icons = require("./icons.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const RemoveAll = _ref => {
-  let {
-    label,
-    dataTest,
-    disabled,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_button.Button, {
-    dataTest: dataTest,
+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, {
     disabled: disabled,
-    onClick: onClick,
-    icon: /*#__PURE__*/_react.default.createElement(_icons.IconRemoveAll, {
-      disabled: disabled,
-      dataTest: `${dataTest}-iconremoveall`
-    })
-  }, label);
-};
+    dataTest: `${dataTest}-iconremoveall`
+  })
+}, label);
 exports.RemoveAll = RemoveAll;
 RemoveAll.propTypes = {
   dataTest: _propTypes.default.string.isRequired,

package/build/cjs/remove-individual.js

@@ -9,23 +9,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _icons = require("./icons.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const RemoveIndividual = _ref => {
-  let {
-    label,
-    dataTest,
-    disabled,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_button.Button, {
-    dataTest: dataTest,
+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, {
     disabled: disabled,
-    onClick: onClick,
-    icon: /*#__PURE__*/_react.default.createElement(_icons.IconRemoveIndividual, {
-      disabled: disabled,
-      dataTest: `${dataTest}-iconremoveindividual`
-    })
-  }, label);
-};
+    dataTest: `${dataTest}-iconremoveindividual`
+  })
+}, label);
 exports.RemoveIndividual = RemoveIndividual;
 RemoveIndividual.propTypes = {
   dataTest: _propTypes.default.string.isRequired,