@commercetools-uikit/data-table-manager 12.2.2 → 12.2.6

package/dist/commercetools-uikit-data-table-manager.cjs.dev.js

@@ -13,10 +13,9 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var PropTypes = require('prop-types');
-var React = require('react');
+var react = require('react');
 var Spacings = require('@commercetools-uikit/spacings');
-var react = require('@emotion/react');
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
 var _styled = require('@emotion/styled/base');
@@ -57,7 +56,6 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var React__default = /*#__PURE__*/_interopDefault(React);
 var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
@@ -89,7 +87,7 @@ var DISPLAY_SETTINGS = 'displaySettings';
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$2() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
-var HeaderContainer = _styled__default['default']("div", process.env.NODE_ENV === "production" ? {
+var HeaderContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "e16v1mgb0"
 } : {
   target: "e16v1mgb0",
@@ -100,58 +98,70 @@ var HeaderContainer = _styled__default['default']("div", process.env.NODE_ENV ==
 } : {
   name: "1bhm8h2",
   styles: "display:flex;flex:1;justify-content:space-between",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNldHRpbmdzLWNvbnRhaW5lci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVa0MiLCJmaWxlIjoic2V0dGluZ3MtY29udGFpbmVyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCBDb2xsYXBzaWJsZU1vdGlvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb2xsYXBzaWJsZS1tb3Rpb24nO1xuaW1wb3J0IENhcmQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY2FyZCc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBDbG9zZUljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5cbmNvbnN0IEhlYWRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXg6IDE7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbmA7XG5cbmNvbnN0IFNldHRpbmdzQ29udGFpbmVyID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29sbGFwc2libGVNb3Rpb24gaXNEZWZhdWx0Q2xvc2VkPXtmYWxzZX0+XG4gICAgICB7KHsgcmVnaXN0ZXJDb250ZW50Tm9kZSwgY29udGFpbmVyU3R5bGVzIH0pID0+IChcbiAgICAgICAgPENhcmQgdHlwZT1cImZsYXRcIiB0aGVtZT17cHJvcHMuY29udGFpbmVyVGhlbWV9PlxuICAgICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhzXCI+XG4gICAgICAgICAgICA8SGVhZGVyQ29udGFpbmVyPlxuICAgICAgICAgICAgICA8VGV4dC5IZWFkbGluZSBhcz1cImgzXCIgaW50bE1lc3NhZ2U9e3Byb3BzLnRpdGxlfSAvPlxuICAgICAgICAgICAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xvc2V9XG4gICAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShwcm9wcy5jbG9zZUJ1dHRvbkxhYmVsKX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxDbG9zZUljb24gc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICAgICAgICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgICAgICAgICAgIDwvSGVhZGVyQ29udGFpbmVyPlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieHNcIj5cbiAgICAgICAgICAgICAgPFNwYWNpbmdzLkluc2V0IHNjYWxlPVwic1wiPlxuICAgICAgICAgICAgICAgIDxkaXYgc3R5bGU9e2NvbnRhaW5lclN0eWxlc30+XG4gICAgICAgICAgICAgICAgICA8ZGl2IHJlZj17cmVnaXN0ZXJDb250ZW50Tm9kZX0+e3Byb3BzLmNoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8L1NwYWNpbmdzLkluc2V0PlxuICAgICAgICAgICAgICB7KHByb3BzLnNlY29uZGFyeUJ1dHRvbiB8fCBwcm9wcy5wcmltYXJ5QnV0dG9uKSAmJiAoXG4gICAgICAgICAgICAgICAgPFNwYWNpbmdzLklubGluZSBqdXN0aWZ5Q29udGVudD1cImZsZXgtZW5kXCI+XG4gICAgICAgICAgICAgICAgICB7cHJvcHMuc2Vjb25kYXJ5QnV0dG9ufVxuICAgICAgICAgICAgICAgICAge3Byb3BzLnByaW1hcnlCdXR0b259XG4gICAgICAgICAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgIDwvQ2FyZD5cbiAgICAgICl9XG4gICAgPC9Db2xsYXBzaWJsZU1vdGlvbj5cbiAgKTtcbn07XG5cblNldHRpbmdzQ29udGFpbmVyLmRpc3BsYXlOYW1lID0gJ1NldHRpbmdzQ29udGFpbmVyJztcblNldHRpbmdzQ29udGFpbmVyLnByb3BUeXBlcyA9IHtcbiAgdGl0bGU6IFByb3BUeXBlcy5zaGFwZSh7XG4gICAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICBkZWZhdWx0TWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICB9KS5pc1JlcXVpcmVkLFxuICBjbG9zZUJ1dHRvbkxhYmVsOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgZGVmYXVsdE1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgfSkuaXNSZXF1aXJlZCxcbiAgb25DbG9zZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgcHJpbWFyeUJ1dHRvbjogUHJvcFR5cGVzLmVsZW1lbnQsXG4gIHNlY29uZGFyeUJ1dHRvbjogUHJvcFR5cGVzLmVsZW1lbnQsXG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZS5pc1JlcXVpcmVkLFxuICBjb250YWluZXJUaGVtZTogUHJvcFR5cGVzLm9uZU9mKFsnbGlnaHQnLCAnZGFyayddKSxcbn07XG5TZXR0aW5nc0NvbnRhaW5lci5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbnRhaW5lclRoZW1lOiAnZGFyaycsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBTZXR0aW5nc0NvbnRhaW5lcjtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 });
 
 var SettingsContainer = function SettingsContainer(props) {
   var intl = reactIntl.useIntl();
-  return react.jsx(CollapsibleMotion__default['default'], {
-    isDefaultClosed: false
-  }, function (_ref) {
-    var registerContentNode = _ref.registerContentNode,
-        containerStyles = _ref.containerStyles;
-    return react.jsx(Card__default['default'], {
-      type: "flat",
-      theme: props.containerTheme
-    }, react.jsx(Spacings__default['default'].Stack, {
-      scale: "xs"
-    }, react.jsx(HeaderContainer, null, react.jsx(Text__default['default'].Headline, {
-      as: "h3",
-      intlMessage: props.title
-    }), react.jsx(AccessibleButton__default['default'], {
-      onClick: props.onClose,
-      label: intl.formatMessage(props.closeButtonLabel)
-    }, react.jsx(icons.CloseIcon, {
-      size: "medium"
-    }))), react.jsx(Spacings__default['default'].Stack, {
-      scale: "xs"
-    }, react.jsx(Spacings__default['default'].Inset, {
-      scale: "s"
-    }, react.jsx("div", {
-      style: containerStyles
-    }, react.jsx("div", {
-      ref: registerContentNode
-    }, props.children))), (props.secondaryButton || props.primaryButton) && react.jsx(Spacings__default['default'].Inline, {
-      justifyContent: "flex-end"
-    }, props.secondaryButton, props.primaryButton))));
+  return jsxRuntime.jsx(CollapsibleMotion__default["default"], {
+    isDefaultClosed: false,
+    children: function children(_ref) {
+      var registerContentNode = _ref.registerContentNode,
+          containerStyles = _ref.containerStyles;
+      return jsxRuntime.jsx(Card__default["default"], {
+        type: "flat",
+        theme: props.containerTheme,
+        children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+          scale: "xs",
+          children: [jsxRuntime.jsxs(HeaderContainer, {
+            children: [jsxRuntime.jsx(Text__default["default"].Headline, {
+              as: "h3",
+              intlMessage: props.title
+            }), jsxRuntime.jsx(AccessibleButton__default["default"], {
+              onClick: props.onClose,
+              label: intl.formatMessage(props.closeButtonLabel),
+              children: jsxRuntime.jsx(icons.CloseIcon, {
+                size: "medium"
+              })
+            })]
+          }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+            scale: "xs",
+            children: [jsxRuntime.jsx(Spacings__default["default"].Inset, {
+              scale: "s",
+              children: jsxRuntime.jsx("div", {
+                style: containerStyles,
+                children: jsxRuntime.jsx("div", {
+                  ref: registerContentNode,
+                  children: props.children
+                })
+              })
+            }), (props.secondaryButton || props.primaryButton) && jsxRuntime.jsxs(Spacings__default["default"].Inline, {
+              justifyContent: "flex-end",
+              children: [props.secondaryButton, props.primaryButton]
+            })]
+          })]
+        })
+      });
+    }
   });
 };
 
 SettingsContainer.displayName = 'SettingsContainer';
 SettingsContainer.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: PropTypes__default['default'].shape({
-    id: PropTypes__default['default'].string.isRequired,
-    defaultMessage: PropTypes__default['default'].string.isRequired
+  title: PropTypes__default["default"].shape({
+    id: PropTypes__default["default"].string.isRequired,
+    defaultMessage: PropTypes__default["default"].string.isRequired
   }).isRequired,
-  closeButtonLabel: PropTypes__default['default'].shape({
-    id: PropTypes__default['default'].string.isRequired,
-    defaultMessage: PropTypes__default['default'].string.isRequired
+  closeButtonLabel: PropTypes__default["default"].shape({
+    id: PropTypes__default["default"].string.isRequired,
+    defaultMessage: PropTypes__default["default"].string.isRequired
   }).isRequired,
-  onClose: PropTypes__default['default'].func.isRequired,
-  primaryButton: PropTypes__default['default'].element,
-  secondaryButton: PropTypes__default['default'].element,
-  children: PropTypes__default['default'].node.isRequired,
-  containerTheme: PropTypes__default['default'].oneOf(['light', 'dark'])
+  onClose: PropTypes__default["default"].func.isRequired,
+  primaryButton: PropTypes__default["default"].element,
+  secondaryButton: PropTypes__default["default"].element,
+  children: PropTypes__default["default"].node.isRequired,
+  containerTheme: PropTypes__default["default"].oneOf(['light', 'dark'])
 } : {};
 SettingsContainer.defaultProps = {
   containerTheme: 'dark'
@@ -210,51 +220,73 @@ var DensityManager = function DensityManager(props) {
   var intl = reactIntl.useIntl();
   var textWrappingOption = props.isWrappingText ? SHOW_HIDE_ON_DEMAND : WRAPPED_TEXT_VISIBLE;
   var densityDisplayOption = props.isCondensed ? DENSITY_COMPACT : DENSITY_DEFAULT;
-  return react.jsx(SettingsContainer$1, {
+  return jsxRuntime.jsx(SettingsContainer$1, {
     title: messages$3.title,
     closeButtonLabel: messages$3.closeButtonLabel,
     onClose: props.onClose,
     primaryButton: props.primaryButton,
     secondaryButton: props.secondaryButton,
-    containerTheme: props.managerTheme
-  }, react.jsx(Grid__default['default'], {
-    gridGap: designSystem.customProperties.spacingM,
-    gridTemplateColumns: "repeat(2, 1fr)"
-  }, react.jsx(Grid__default['default'].Item, null, react.jsx(Spacings__default['default'].Stack, {
-    scale: "s"
-  }, react.jsx(FieldLabel__default['default'], {
-    title: intl.formatMessage(messages$3.textWrappingSubtitle)
-  }), react.jsx(AccessibleHiden__default['default'], null, react.jsx("label", {
-    htmlFor: "text-wrapping-0"
-  }, "Select radio option: display full text"), react.jsx("label", {
-    htmlFor: "text-wrapping-1"
-  }, "Select radio option: display full previews")), react.jsx(RadioInput__default['default'].Group, {
-    id: "text-wrapping",
-    name: "text-wrapping",
-    value: textWrappingOption,
-    onChange: props.onTextWrappingChange
-  }, react.jsx(RadioInput__default['default'].Option, {
-    value: WRAPPED_TEXT_VISIBLE
-  }, intl.formatMessage(messages$3.textWrappingAllWrapVisibleOption)), react.jsx(RadioInput__default['default'].Option, {
-    value: SHOW_HIDE_ON_DEMAND
-  }, intl.formatMessage(messages$3.textWrappingShowHideOnDemandOption))))), react.jsx(Grid__default['default'].Item, null, react.jsx(Spacings__default['default'].Stack, {
-    scale: "s"
-  }, react.jsx(FieldLabel__default['default'], {
-    title: intl.formatMessage(messages$3.densityDisplaySubtitle)
-  }), react.jsx(AccessibleHiden__default['default'], null, react.jsx("label", {
-    htmlFor: "density-display-0"
-  }, "Select radio option: density default"), react.jsx("label", {
-    htmlFor: "density-display-1"
-  }, "Select radio option: density compact")), react.jsx(RadioInput__default['default'].Group, {
-    id: "density-display",
-    name: "density-display",
-    value: densityDisplayOption,
-    onChange: props.onDensityDisplayChange
-  }, react.jsx(RadioInput__default['default'].Option, {
-    value: DENSITY_DEFAULT
-  }, intl.formatMessage(messages$3.densityDisplayDefaultOption)), react.jsx(RadioInput__default['default'].Option, {
-    value: DENSITY_COMPACT
-  }, intl.formatMessage(messages$3.densityDisplayCompactOption)))))));
+    containerTheme: props.managerTheme,
+    children: jsxRuntime.jsxs(Grid__default["default"], {
+      gridGap: designSystem.customProperties.spacingM,
+      gridTemplateColumns: "repeat(2, 1fr)",
+      children: [jsxRuntime.jsx(Grid__default["default"].Item, {
+        children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+          scale: "s",
+          children: [jsxRuntime.jsx(FieldLabel__default["default"], {
+            title: intl.formatMessage(messages$3.textWrappingSubtitle)
+          }), jsxRuntime.jsxs(AccessibleHiden__default["default"], {
+            children: [jsxRuntime.jsx("label", {
+              htmlFor: "text-wrapping-0",
+              children: "Select radio option: display full text"
+            }), jsxRuntime.jsx("label", {
+              htmlFor: "text-wrapping-1",
+              children: "Select radio option: display full previews"
+            })]
+          }), jsxRuntime.jsxs(RadioInput__default["default"].Group, {
+            id: "text-wrapping",
+            name: "text-wrapping",
+            value: textWrappingOption,
+            onChange: props.onTextWrappingChange,
+            children: [jsxRuntime.jsx(RadioInput__default["default"].Option, {
+              value: WRAPPED_TEXT_VISIBLE,
+              children: intl.formatMessage(messages$3.textWrappingAllWrapVisibleOption)
+            }), jsxRuntime.jsx(RadioInput__default["default"].Option, {
+              value: SHOW_HIDE_ON_DEMAND,
+              children: intl.formatMessage(messages$3.textWrappingShowHideOnDemandOption)
+            })]
+          })]
+        })
+      }), jsxRuntime.jsx(Grid__default["default"].Item, {
+        children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+          scale: "s",
+          children: [jsxRuntime.jsx(FieldLabel__default["default"], {
+            title: intl.formatMessage(messages$3.densityDisplaySubtitle)
+          }), jsxRuntime.jsxs(AccessibleHiden__default["default"], {
+            children: [jsxRuntime.jsx("label", {
+              htmlFor: "density-display-0",
+              children: "Select radio option: density default"
+            }), jsxRuntime.jsx("label", {
+              htmlFor: "density-display-1",
+              children: "Select radio option: density compact"
+            })]
+          }), jsxRuntime.jsxs(RadioInput__default["default"].Group, {
+            id: "density-display",
+            name: "density-display",
+            value: densityDisplayOption,
+            onChange: props.onDensityDisplayChange,
+            children: [jsxRuntime.jsx(RadioInput__default["default"].Option, {
+              value: DENSITY_DEFAULT,
+              children: intl.formatMessage(messages$3.densityDisplayDefaultOption)
+            }), jsxRuntime.jsx(RadioInput__default["default"].Option, {
+              value: DENSITY_COMPACT,
+              children: intl.formatMessage(messages$3.densityDisplayCompactOption)
+            })]
+          })]
+        })
+      })]
+    })
+  });
 };
 
 DensityManager.displayName = 'DensityManager';
@@ -263,20 +295,20 @@ DensityManager.defaultProps = {
   isWrappingText: false
 };
 DensityManager.propTypes = process.env.NODE_ENV !== "production" ? {
-  isCondensed: PropTypes__default['default'].bool,
-  isWrappingText: PropTypes__default['default'].bool,
-  primaryButton: PropTypes__default['default'].element,
-  secondaryButton: PropTypes__default['default'].element,
-  onDensityDisplayChange: PropTypes__default['default'].func.isRequired,
-  onTextWrappingChange: PropTypes__default['default'].func.isRequired,
-  onClose: PropTypes__default['default'].func.isRequired,
-  managerTheme: PropTypes__default['default'].oneOf(['light', 'dark'])
+  isCondensed: PropTypes__default["default"].bool,
+  isWrappingText: PropTypes__default["default"].bool,
+  primaryButton: PropTypes__default["default"].element,
+  secondaryButton: PropTypes__default["default"].element,
+  onDensityDisplayChange: PropTypes__default["default"].func.isRequired,
+  onTextWrappingChange: PropTypes__default["default"].func.isRequired,
+  onClose: PropTypes__default["default"].func.isRequired,
+  managerTheme: PropTypes__default["default"].oneOf(['light', 'dark'])
 } : {};
 var DisplaySettingsManager = DensityManager;
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
-var DraggingSmall = _styled__default['default']("small", process.env.NODE_ENV === "production" ? {
+var DraggingSmall = _styled__default["default"]("small", process.env.NODE_ENV === "production" ? {
   target: "ed3a5rx1"
 } : {
   target: "ed3a5rx1",
@@ -287,62 +319,73 @@ var DraggingSmall = _styled__default['default']("small", process.env.NODE_ENV ==
 } : {
   name: "1fhyj3b",
   styles: "&:hover{cursor:grab;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS10YWcuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVrQyIsImZpbGUiOiJkcmFnZ2FibGUtdGFnLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgRHJhZ2dpbmdTbWFsbCA9IHN0eWxlZC5zbWFsbGBcbiAgJjpob3ZlciB7XG4gICAgY3Vyc29yOiBncmFiO1xuICB9XG5gO1xuXG5jb25zdCBEcmFnZ2luZ0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICR7RHJhZ2dpbmdTbWFsbH07XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBEcmFnZ2luZ0NvbnRhaW5lcjtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
 });
 
-var DraggingContainer = _styled__default['default']("div", process.env.NODE_ENV === "production" ? {
+var DraggingContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "ed3a5rx0"
 } : {
   target: "ed3a5rx0",
   label: "DraggingContainer"
-})(DraggingSmall, ";");
+})(DraggingSmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS10YWcuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFvQyIsImZpbGUiOiJkcmFnZ2FibGUtdGFnLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgRHJhZ2dpbmdTbWFsbCA9IHN0eWxlZC5zbWFsbGBcbiAgJjpob3ZlciB7XG4gICAgY3Vyc29yOiBncmFiO1xuICB9XG5gO1xuXG5jb25zdCBEcmFnZ2luZ0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICR7RHJhZ2dpbmdTbWFsbH07XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBEcmFnZ2luZ0NvbnRhaW5lcjtcbiJdfQ== */"));
 
 var DraggingContainer$1 = DraggingContainer;
 
+function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
+
 var DraggableTag = function DraggableTag(props) {
   var handleRemoveColumn = function handleRemoveColumn() {
     return props.onRemove(props.index);
   };
 
-  return react.jsx(reactBeautifulDnd.Draggable, {
+  return jsxRuntime.jsx(reactBeautifulDnd.Draggable, {
     draggableId: props.column.key,
     index: props.index,
-    isDragDisabled: props.isDisabled
-  }, function (provided) {
-    return react.jsx(Spacings__default['default'].Inset, {
-      scale: "xs"
-    }, react.jsx(DraggingContainer$1, _extends({
-      ref: provided.innerRef
-    }, provided.draggableProps, provided.dragHandleProps), react.jsx(Tag__default['default'], {
-      onRemove: props.onRemove ? handleRemoveColumn : undefined,
-      isDisabled: props.isDisabled
-    }, react.jsx(Spacings__default['default'].Inline, {
-      alignItems: "center"
-    }, react.jsx(icons.DragIcon, {
-      "data-testid": "drag-icon",
-      size: "medium"
-    }), props.column.label))), provided.placeholder);
+    isDragDisabled: props.isDisabled,
+    children: function children(provided) {
+      return jsxRuntime.jsxs(Spacings__default["default"].Inset, {
+        scale: "xs",
+        children: [jsxRuntime.jsx(DraggingContainer$1, _objectSpread$3(_objectSpread$3(_objectSpread$3({
+          ref: provided.innerRef
+        }, provided.draggableProps), provided.dragHandleProps), {}, {
+          children: jsxRuntime.jsx(Tag__default["default"], {
+            onRemove: props.onRemove ? handleRemoveColumn : undefined,
+            isDisabled: props.isDisabled,
+            children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
+              alignItems: "center",
+              children: [jsxRuntime.jsx(icons.DragIcon, {
+                "data-testid": "drag-icon",
+                size: "medium"
+              }), props.column.label]
+            })
+          })
+        })), provided.placeholder]
+      });
+    }
   });
 };
 
 DraggableTag.displayName = 'DraggableTag';
 DraggableTag.propTypes = process.env.NODE_ENV !== "production" ? {
-  column: PropTypes__default['default'].shape({
-    key: PropTypes__default['default'].string.isRequired,
-    label: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].node]).isRequired
+  column: PropTypes__default["default"].shape({
+    key: PropTypes__default["default"].string.isRequired,
+    label: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired
   }).isRequired,
-  index: PropTypes__default['default'].number.isRequired,
-  onRemove: PropTypes__default['default'].func,
-  isDisabled: PropTypes__default['default'].bool
+  index: PropTypes__default["default"].number.isRequired,
+  onRemove: PropTypes__default["default"].func,
+  isDisabled: PropTypes__default["default"].bool
 } : {};
 var DraggableTag$1 = DraggableTag;
 
-var TagContainerEditable = _styled__default['default']("div", process.env.NODE_ENV === "production" ? {
+var TagContainerEditable = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "ecy2q1d0"
 } : {
   target: "ecy2q1d0",
   label: "TagContainerEditable"
-})("background-color:", designSystem.customProperties.backgroundColorForInput, ";border:", designSystem.customProperties.borderRadius1, " solid ", designSystem.customProperties.colorNeutral60, ";border-radius:", designSystem.customProperties.borderRadius6, ";padding:", designSystem.customProperties.spacingS, ";height:", designSystem.customProperties.constraint7, ";overflow:auto;");
+})("background-color:", designSystem.customProperties.backgroundColorForInput, ";border:", designSystem.customProperties.borderRadius1, " solid ", designSystem.customProperties.colorNeutral60, ";border-radius:", designSystem.customProperties.borderRadius6, ";padding:", designSystem.customProperties.spacingS, ";height:", designSystem.customProperties.constraint7, ";overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1jb250YWluZXItZWRpdGFibGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3VDIiwiZmlsZSI6InRhZy1jb250YWluZXItZWRpdGFibGUuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuY29uc3QgVGFnQ29udGFpbmVyRWRpdGFibGUgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3ZhcnMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXR9O1xuICBib3JkZXI6ICR7dmFycy5ib3JkZXJSYWRpdXMxfSBzb2xpZCAke3ZhcnMuY29sb3JOZXV0cmFsNjB9O1xuICBib3JkZXItcmFkaXVzOiAke3ZhcnMuYm9yZGVyUmFkaXVzNn07XG4gIHBhZGRpbmc6ICR7dmFycy5zcGFjaW5nU307XG4gIGhlaWdodDogJHt2YXJzLmNvbnN0cmFpbnQ3fTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBUYWdDb250YWluZXJFZGl0YWJsZTtcbiJdfQ== */"));
 
 var TagContainerEditable$1 = TagContainerEditable;
 
@@ -355,52 +398,58 @@ var messages$2 = reactIntl.defineMessages({
 });
 
 var DroppablePanel = function DroppablePanel(props) {
-  return react.jsx(reactBeautifulDnd.Droppable, {
-    droppableId: props.droppableId
-  }, function (provided) {
-    var _context;
-
-    return react.jsx(TagContainerEditable$1, {
-      "data-testid": props.droppableId,
-      ref: provided.innerRef
-    }, props.columns.length === 0 ? react.jsx(Spacings__default['default'].Inset, {
-      scale: "s"
-    }, react.jsx(Text__default['default'].Detail, {
-      tone: "secondary"
-    }, props.noColumnsText)) : react.jsx(React__default['default'].Fragment, null, _mapInstanceProperty__default['default'](_context = props.columns).call(_context, function (column, index) {
-      var _context2;
-
-      return react.jsx(DraggableTag$1, {
-        key: _concatInstanceProperty__default['default'](_context2 = "".concat(column.key, "-")).call(_context2, index),
-        column: column,
-        index: index,
-        onRemove: props.onRemove ? function () {
-          var _context3, _context4, _context5;
-
-          return props.onRemove(_concatInstanceProperty__default['default'](_context3 = []).call(_context3, _toConsumableArray(_sliceInstanceProperty__default['default'](_context4 = props.columns).call(_context4, 0, index)), _toConsumableArray(_sliceInstanceProperty__default['default'](_context5 = props.columns).call(_context5, index + 1))));
-        } : undefined,
-        isDisabled: props.isDisabled
+  return jsxRuntime.jsx(reactBeautifulDnd.Droppable, {
+    droppableId: props.droppableId,
+    children: function children(provided) {
+      var _context;
+
+      return jsxRuntime.jsxs(TagContainerEditable$1, {
+        "data-testid": props.droppableId,
+        ref: provided.innerRef,
+        children: [props.columns.length === 0 ? jsxRuntime.jsx(Spacings__default["default"].Inset, {
+          scale: "s",
+          children: jsxRuntime.jsx(Text__default["default"].Detail, {
+            tone: "secondary",
+            children: props.noColumnsText
+          })
+        }) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [_mapInstanceProperty__default["default"](_context = props.columns).call(_context, function (column, index) {
+            var _context2;
+
+            return jsxRuntime.jsx(DraggableTag$1, {
+              column: column,
+              index: index,
+              onRemove: props.onRemove ? function () {
+                var _context3, _context4, _context5;
+
+                return props.onRemove(_concatInstanceProperty__default["default"](_context3 = []).call(_context3, _toConsumableArray(_sliceInstanceProperty__default["default"](_context4 = props.columns).call(_context4, 0, index)), _toConsumableArray(_sliceInstanceProperty__default["default"](_context5 = props.columns).call(_context5, index + 1))));
+              } : undefined,
+              isDisabled: props.isDisabled
+            }, _concatInstanceProperty__default["default"](_context2 = "".concat(column.key, "-")).call(_context2, index));
+          }), props.isSearchable && jsxRuntime.jsx(Spacings__default["default"].Inset, {
+            scale: "xs",
+            children: jsxRuntime.jsx(Text__default["default"].Detail, {
+              tone: "secondary",
+              intlMessage: messages$2.loadMoreAttributesHint
+            })
+          })]
+        }), provided.placeholder]
       });
-    }), props.isSearchable && react.jsx(Spacings__default['default'].Inset, {
-      scale: "xs"
-    }, react.jsx(Text__default['default'].Detail, {
-      tone: "secondary",
-      intlMessage: messages$2.loadMoreAttributesHint
-    }))), provided.placeholder);
+    }
   });
 };
 
 DroppablePanel.displayName = 'DroppablePanel';
 DroppablePanel.propTypes = process.env.NODE_ENV !== "production" ? {
-  droppableId: PropTypes__default['default'].string.isRequired,
-  noColumnsText: PropTypes__default['default'].node.isRequired,
-  columns: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-    key: PropTypes__default['default'].string.isRequired,
-    label: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].node]).isRequired
+  droppableId: PropTypes__default["default"].string.isRequired,
+  noColumnsText: PropTypes__default["default"].node.isRequired,
+  columns: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    key: PropTypes__default["default"].string.isRequired,
+    label: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired
   })),
-  isSearchable: PropTypes__default['default'].bool,
-  isDisabled: PropTypes__default['default'].bool,
-  onRemove: PropTypes__default['default'].func
+  isSearchable: PropTypes__default["default"].bool,
+  isDisabled: PropTypes__default["default"].bool,
+  onRemove: PropTypes__default["default"].func
 } : {};
 var DroppablePanel$1 = DroppablePanel;
 
@@ -440,14 +489,18 @@ var messages$1 = reactIntl.defineMessages({
 var HIDDEN_COLUMNS_PANEL = 'hidden-columns-panel';
 var SELECTED_COLUMNS_PANEL = 'selected-columns-panel';
 
-var DroppableContainer = _styled__default['default']("div", process.env.NODE_ENV === "production" ? {
+function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$2(Object(source), true)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context5; _forEachInstanceProperty__default["default"](_context5 = ownKeys$2(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
+
+var DroppableContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "e6ge22w0"
 } : {
   target: "e6ge22w0",
   label: "DroppableContainer"
 })("width:100%;position:relative;max-width:", designSystem.customProperties.constraint10, ";cursor:", function (props) {
   return props.isDragging ? 'grabbing' : 'auto';
-}, ";");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCcUMiLCJmaWxlIjoiY29sdW1uLXNldHRpbmdzLW1hbmFnZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VNZW1vLCB1c2VDYWxsYmFjaywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHJlcXVpcmVkSWYgZnJvbSAncmVhY3QtcmVxdWlyZWQtaWYnO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgRHJhZ0Ryb3BDb250ZXh0IH0gZnJvbSAncmVhY3QtYmVhdXRpZnVsLWRuZCc7XG5pbXBvcnQgZGVib3VuY2UgZnJvbSAnZGVib3VuY2UtcHJvbWlzZSc7XG5pbXBvcnQgZGlmZmVyZW5jZVdpdGggZnJvbSAnbG9kYXNoL2RpZmZlcmVuY2VXaXRoJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IEFzeW5jU2VsZWN0SW5wdXQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYXN5bmMtc2VsZWN0LWlucHV0JztcbmltcG9ydCBGaWVsZExhYmVsIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ZpZWxkLWxhYmVsJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQge1xuICBFeWVDcm9zc2VkSWNvbixcbiAgRXllSWNvbixcbiAgU2VhcmNoSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IERyb3BwYWJsZVBhbmVsIGZyb20gJy4uL2Ryb3BwYWJsZS1wYW5lbCc7XG5pbXBvcnQgU2V0dGluZ3NDb250YWluZXIgZnJvbSAnLi4vc2V0dGluZ3MtY29udGFpbmVyJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcbmltcG9ydCB7IEhJRERFTl9DT0xVTU5TX1BBTkVMLCBTRUxFQ1RFRF9DT0xVTU5TX1BBTkVMIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuXG5jb25zdCBEcm9wcGFibGVDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXgtd2lkdGg6ICR7dmFycy5jb25zdHJhaW50MTB9O1xuICBjdXJzb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNEcmFnZ2luZyA/ICdncmFiYmluZycgOiAnYXV0bycpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBoYW5kbGVDb2x1bW5zVXBkYXRlID0gKFxuICBkcmFnUmVzdWx0LFxuICBvblVwZGF0ZUNvbHVtbnMsXG4gIHNlbGVjdGVkQ29sdW1ucyxcbiAgYXZhaWxhYmxlQ29sdW1ucyxcbiAgc2V0SXNEcmFnZ2luZ1xuKSA9PiB7XG4gIHNldElzRHJhZ2dpbmcoZmFsc2UpO1xuICAvLyBJbnZhbGlkIGRyb3AgZGVzdGluYXRpb24sIGRvIG5vdGhpbmdcbiAgaWYgKCFkcmFnUmVzdWx0LmRlc3RpbmF0aW9uKSByZXR1cm47XG4gIGlmIChkcmFnUmVzdWx0LmRlc3RpbmF0aW9uLmRyb3BwYWJsZUlkID09PSBISURERU5fQ09MVU1OU19QQU5FTCkge1xuICAgIGlmIChkcmFnUmVzdWx0LnNvdXJjZS5kcm9wcGFibGVJZCA9PT0gSElEREVOX0NPTFVNTlNfUEFORUwpIHJldHVybjtcbiAgICBvblVwZGF0ZUNvbHVtbnMoW1xuICAgICAgLi4uc2VsZWN0ZWRDb2x1bW5zLnNsaWNlKDAsIGRyYWdSZXN1bHQuc291cmNlLmluZGV4KSxcbiAgICAgIC4uLnNlbGVjdGVkQ29sdW1ucy5zbGljZShkcmFnUmVzdWx0LnNvdXJjZS5pbmRleCArIDEpLFxuICAgIF0pO1xuICB9IGVsc2Uge1xuICAgIC8vIHRoZSBkZXN0aW5hdGlvbiBpcyB0aGUgc2VsZWN0ZWQgY29sdW1ucyBwYW5lbFxuXG4gICAgLy8gaXQncyBhIHN3YXAgd2hlbiB0aGUgc291cmNlIGFuZCB0aGUgZGVzdGluYXRpb24gYXJlIHRoZSBzYW1lXG4gICAgY29uc3QgaXNTd2FwID0gZHJhZ1Jlc3VsdC5zb3VyY2UuZHJvcHBhYmxlSWQgPT09IFNFTEVDVEVEX0NPTFVNTlNfUEFORUw7XG5cbiAgICBjb25zdCBpdGVtcyA9IGlzU3dhcFxuICAgICAgPyAvLyByZW1vdmUgdGhlIGRyYWdnZWQgaXRlbSBmcm9tIGl0cyBwb3NpdGlvbiBpZiBpdCBpcyBub3QgY29taW5nIGZyb21cbiAgICAgICAgLy8gdGhlIGhpZGRlbiBzZWN0aW9uIChpdCBpcyBhIHN3YXApXG4gICAgICAgIFtcbiAgICAgICAgICAuLi5zZWxlY3RlZENvbHVtbnMuc2xpY2UoMCwgZHJhZ1Jlc3VsdC5zb3VyY2UuaW5kZXgpLFxuICAgICAgICAgIC4uLnNlbGVjdGVkQ29sdW1ucy5zbGljZShkcmFnUmVzdWx0LnNvdXJjZS5pbmRleCArIDEpLFxuICAgICAgICBdXG4gICAgICA6IHNlbGVjdGVkQ29sdW1ucztcblxuICAgIGNvbnN0IGNvbHVtbnMgPSBpc1N3YXAgPyBzZWxlY3RlZENvbHVtbnMgOiBhdmFpbGFibGVDb2x1bW5zO1xuICAgIGNvbnN0IGRyYWdnZWRDb2x1bW4gPSBjb2x1bW5zLmZpbmQoXG4gICAgICAoY29sKSA9PiBjb2wua2V5ID09PSBkcmFnUmVzdWx0LmRyYWdnYWJsZUlkXG4gICAgKTtcblxuICAgIC8vIHB1c2ggdGhlIGNvbHVtbiBpbiB0aGUgbmV3IHBvc2l0aW9uXG4gICAgb25VcGRhdGVDb2x1bW5zKFtcbiAgICAgIC4uLml0ZW1zLnNsaWNlKDAsIGRyYWdSZXN1bHQuZGVzdGluYXRpb24uaW5kZXgpLFxuICAgICAgZHJhZ2dlZENvbHVtbixcbiAgICAgIC4uLml0ZW1zLnNsaWNlKGRyYWdSZXN1bHQuZGVzdGluYXRpb24uaW5kZXgpLFxuICAgIF0pO1xuICB9XG59O1xuXG5jb25zdCBEcm9wZG93bkluZGljYXRvciA9ICgpID0+IChcbiAgPFNwYWNpbmdzLklubGluZSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgPFNlYXJjaEljb24gc2NhbGU9XCJtZWRpdW1cIiBjb2xvcj1cInByaW1hcnlcIiAvPlxuICA8L1NwYWNpbmdzLklubGluZT5cbik7XG5Ecm9wZG93bkluZGljYXRvci5kaXNwbGF5TmFtZSA9ICdEcm9wZG93bkluZGljYXRvcic7XG5cbmNvbnN0IE5vdGhpbmcgPSAoKSA9PiBudWxsO1xuY29uc3Qgc2VsZWN0SW5wdXRDb21wb25lbnRzID0ge1xuICBPcHRpb246IE5vdGhpbmcsXG4gIE1lbnU6IE5vdGhpbmcsXG4gIERyb3Bkb3duSW5kaWNhdG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IENvbHVtblNldHRpbmdzTWFuYWdlciA9IChwcm9wcykgPT4ge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuICBjb25zdCBbaXNEcmFnZ2luZywgc2V0SXNEcmFnZ2luZ10gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgc2VhcmNoSGlkZGVuQ29sdW1ucyB9ID0gcHJvcHM7XG5cbiAgY29uc3QgaGFuZGxlRHJhZ1N0YXJ0ID0gKCkgPT4ge1xuICAgIHNldElzRHJhZ2dpbmcodHJ1ZSk7XG4gIH07XG5cbiAgY29uc3QgaGlkZGVuQ29sdW1ucyA9IHVzZU1lbW8oXG4gICAgKCkgPT5cbiAgICAgIGRpZmZlcmVuY2VXaXRoKFxuICAgICAgICBwcm9wcy5hdmFpbGFibGVDb2x1bW5zLFxuICAgICAgICBwcm9wcy5zZWxlY3RlZENvbHVtbnMsXG4gICAgICAgIChhLCBiKSA9PiBhLmtleSA9PT0gYi5rZXlcbiAgICAgICksXG4gICAgW3Byb3BzLmF2YWlsYWJsZUNvbHVtbnMsIHByb3BzLnNlbGVjdGVkQ29sdW1uc11cbiAgKTtcblxuICBjb25zdCBoYW5kbGVEcmFnRW5kID0gdXNlQ2FsbGJhY2soXG4gICAgKGRyYWdSZXN1bHQpID0+XG4gICAgICBoYW5kbGVDb2x1bW5zVXBkYXRlKFxuICAgICAgICBkcmFnUmVzdWx0LFxuICAgICAgICBwcm9wcy5vblVwZGF0ZUNvbHVtbnMsXG4gICAgICAgIHByb3BzLnNlbGVjdGVkQ29sdW1ucyxcbiAgICAgICAgcHJvcHMuYXZhaWxhYmxlQ29sdW1ucyxcbiAgICAgICAgc2V0SXNEcmFnZ2luZ1xuICAgICAgKSxcbiAgICBbcHJvcHMub25VcGRhdGVDb2x1bW5zLCBwcm9wcy5zZWxlY3RlZENvbHVtbnMsIHByb3BzLmF2YWlsYWJsZUNvbHVtbnNdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlSW5wdXRDaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAoaW5wdXQpID0+XG4gICAgICAvLyBsb2FkT3B0aW9ucyBpcyBub3QgaW52b2tlZCB3aGVuIGlucHV0IGlzIGVtcHR5XG4gICAgICAhaW5wdXQubGVuZ3RoICYmIHNlYXJjaEhpZGRlbkNvbHVtbnMoaW5wdXQpLFxuICAgIFtzZWFyY2hIaWRkZW5Db2x1bW5zXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFNldHRpbmdzQ29udGFpbmVyXG4gICAgICB0aXRsZT17bWVzc2FnZXMudGl0bGV9XG4gICAgICBjbG9zZUJ1dHRvbkxhYmVsPXttZXNzYWdlcy5jbG9zZUJ1dHRvbkxhYmVsfVxuICAgICAgb25DbG9zZT17cHJvcHMub25DbG9zZX1cbiAgICAgIHByaW1hcnlCdXR0b249e3Byb3BzLnByaW1hcnlCdXR0b259XG4gICAgICBzZWNvbmRhcnlCdXR0b249e3Byb3BzLnNlY29uZGFyeUJ1dHRvbn1cbiAgICAgIGNvbnRhaW5lclRoZW1lPXtwcm9wcy5tYW5hZ2VyVGhlbWV9XG4gICAgPlxuICAgICAgPERyYWdEcm9wQ29udGV4dCBvbkRyYWdFbmQ9e2hhbmRsZURyYWdFbmR9IG9uRHJhZ1N0YXJ0PXtoYW5kbGVEcmFnU3RhcnR9PlxuICAgICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwibVwiPlxuICAgICAgICAgIDxEcm9wcGFibGVDb250YWluZXJcbiAgICAgICAgICAgIGlzRHJhZ2dpbmc9e2lzRHJhZ2dpbmd9XG4gICAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9XCJoaWRkZW4tY29sdW1uc1wiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwieHNcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgPEV5ZUNyb3NzZWRJY29uIHNpemU9XCJtZWRpdW1cIiAvPlxuICAgICAgICAgICAgICAgIDxGaWVsZExhYmVsXG4gICAgICAgICAgICAgICAgICBpZD1cImhpZGRlbi1jb2x1bW5zXCJcbiAgICAgICAgICAgICAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuaGlkZGVuQ29sdW1ucyl9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgICAgICAgIHtwcm9wcy5hcmVIaWRkZW5Db2x1bW5zU2VhcmNoYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgPEFzeW5jU2VsZWN0SW5wdXRcbiAgICAgICAgICAgICAgICAgIHsuLi4ocHJvcHMuc2VhcmNoSGlkZGVuQ29sdW1uc1BsYWNlaG9sZGVyXG4gICAgICAgICAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI6IHByb3BzLnNlYXJjaEhpZGRlbkNvbHVtbnNQbGFjZWhvbGRlcixcbiAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIDogdW5kZWZpbmVkKX1cbiAgICAgICAgICAgICAgICAgIGNhY2hlT3B0aW9ucz17ZmFsc2V9XG4gICAgICAgICAgICAgICAgICBvbkNoYW5nZT17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAvLyB0byBhdm9pZCBwcm9wLXR5cGVzIGVycm9yXG4gICAgICAgICAgICAgICAgICAgIC8vIGFzIGBvbkNoYW5nZWAgaXMgYSByZXF1aXJlZCBwcm9wIGluXG4gICAgICAgICAgICAgICAgICAgIC8vIGBBc3luY1NlbGVjdElucHV0YFxuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIC8vIGxvYWRPcHRpb25zIGlzIHVzZWQgaW5zdGVhZCBvZiBvbklucHV0Q2hhbmdlXG4gICAgICAgICAgICAgICAgICAvLyBiZWNhdXNlIHRoZSBsb2FkaW5nIGluZGljYXRvciBpcyBkaXNwbGF5ZWRcbiAgICAgICAgICAgICAgICAgIC8vIG9ubHkgd2hlbiBsb2FkT3B0aW9ucyBpcyBpbnZva2VkXG4gICAgICAgICAgICAgICAgICBsb2FkT3B0aW9ucz17ZGVib3VuY2Uoc2VhcmNoSGlkZGVuQ29sdW1ucywgMzAwKX1cbiAgICAgICAgICAgICAgICAgIG9uSW5wdXRDaGFuZ2U9e2hhbmRsZUlucHV0Q2hhbmdlfVxuICAgICAgICAgICAgICAgICAgY29tcG9uZW50cz17c2VsZWN0SW5wdXRDb21wb25lbnRzfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxEcm9wcGFibGVQYW5lbFxuICAgICAgICAgICAgICAgIGRyb3BwYWJsZUlkPXtISURERU5fQ09MVU1OU19QQU5FTH1cbiAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17SElEREVOX0NPTFVNTlNfUEFORUx9XG4gICAgICAgICAgICAgICAgbm9Db2x1bW5zVGV4dD17aW50bC5mb3JtYXRNZXNzYWdlKFxuICAgICAgICAgICAgICAgICAgbWVzc2FnZXMubm9IaWRkZW5Db2x1bW5zVG9TaG93XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICBjb2x1bW5zPXtoaWRkZW5Db2x1bW5zfVxuICAgICAgICAgICAgICAgIGlzU2VhcmNoYWJsZT17cHJvcHMuYXJlSGlkZGVuQ29sdW1uc1NlYXJjaGFibGV9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgIDwvRHJvcHBhYmxlQ29udGFpbmVyPlxuICAgICAgICAgIDxEcm9wcGFibGVDb250YWluZXJcbiAgICAgICAgICAgIGlzRHJhZ2dpbmc9e2lzRHJhZ2dpbmd9XG4gICAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9XCJ2aXNpYmxlLWNvbHVtbnNcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICAgICAgPFNwYWNpbmdzLklubGluZSBzY2FsZT1cInhzXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICAgIDxFeWVJY29uIHNpemU9XCJtZWRpdW1cIiAvPlxuICAgICAgICAgICAgICAgIDxGaWVsZExhYmVsXG4gICAgICAgICAgICAgICAgICBpZD1cInZpc2libGUtY29sdW1uc1wiXG4gICAgICAgICAgICAgICAgICB0aXRsZT17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLnZpc2libGVDb2x1bW5zKX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgICAgICAgPERyb3BwYWJsZVBhbmVsXG4gICAgICAgICAgICAgICAgZHJvcHBhYmxlSWQ9e1NFTEVDVEVEX0NPTFVNTlNfUEFORUx9XG4gICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e1NFTEVDVEVEX0NPTFVNTlNfUEFORUx9XG4gICAgICAgICAgICAgICAgbm9Db2x1bW5zVGV4dD17aW50bC5mb3JtYXRNZXNzYWdlKFxuICAgICAgICAgICAgICAgICAgbWVzc2FnZXMubm9TZWxlY3RlZENvbHVtbnNUb1Nob3dcbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIGNvbHVtbnM9e3Byb3BzLnNlbGVjdGVkQ29sdW1uc31cbiAgICAgICAgICAgICAgICBvblJlbW92ZT17cHJvcHMub25VcGRhdGVDb2x1bW5zfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L0Ryb3BwYWJsZUNvbnRhaW5lcj5cbiAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICA8L0RyYWdEcm9wQ29udGV4dD5cbiAgICA8L1NldHRpbmdzQ29udGFpbmVyPlxuICApO1xufTtcblxuQ29sdW1uU2V0dGluZ3NNYW5hZ2VyLmRpc3BsYXlOYW1lID0gJ0NvbHVtblNldHRpbmdzTWFuYWdlcic7XG5cbkNvbHVtblNldHRpbmdzTWFuYWdlci5wcm9wVHlwZXMgPSB7XG4gIGF2YWlsYWJsZUNvbHVtbnM6IFByb3BUeXBlcy5hcnJheU9mKFxuICAgIFByb3BUeXBlcy5zaGFwZSh7XG4gICAgICBrZXk6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIGxhYmVsOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubm9kZV0pLmlzUmVxdWlyZWQsXG4gICAgfSlcbiAgKS5pc1JlcXVpcmVkLFxuICBzZWxlY3RlZENvbHVtbnM6IFByb3BUeXBlcy5hcnJheU9mKFxuICAgIFByb3BUeXBlcy5zaGFwZSh7XG4gICAgICBrZXk6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIGxhYmVsOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubm9kZV0pLmlzUmVxdWlyZWQsXG4gICAgfSlcbiAgKS5pc1JlcXVpcmVkLFxuICBvblVwZGF0ZUNvbHVtbnM6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG5cbiAgYXJlSGlkZGVuQ29sdW1uc1NlYXJjaGFibGU6IFByb3BUeXBlcy5ib29sLFxuICBzZWFyY2hIaWRkZW5Db2x1bW5zOiByZXF1aXJlZElmKFxuICAgIFByb3BUeXBlcy5mdW5jLFxuICAgIChwcm9wcykgPT4gcHJvcHMuYXJlSGlkZGVuQ29sdW1uc1NlYXJjaGFibGVcbiAgKSxcbiAgc2VhcmNoSGlkZGVuQ29sdW1uc1BsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLFxuICBwcmltYXJ5QnV0dG9uOiBQcm9wVHlwZXMuZWxlbWVudCxcbiAgc2Vjb25kYXJ5QnV0dG9uOiBQcm9wVHlwZXMuZWxlbWVudCxcbiAgbWFuYWdlclRoZW1lOiBQcm9wVHlwZXMub25lT2YoWydsaWdodCcsICdkYXJrJ10pLFxufTtcblxuQ29sdW1uU2V0dGluZ3NNYW5hZ2VyLmRlZmF1bHRQcm9wcyA9IHtcbiAgYXZhaWxhYmxlQ29sdW1uczogW10sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBDb2x1bW5TZXR0aW5nc01hbmFnZXI7XG4iXX0= */"));
 
 var handleColumnsUpdate = function handleColumnsUpdate(dragResult, onUpdateColumns, selectedColumns, availableColumns, setIsDragging) {
   setIsDragging(false); // Invalid drop destination, do nothing
@@ -458,7 +511,7 @@ var handleColumnsUpdate = function handleColumnsUpdate(dragResult, onUpdateColum
     var _context;
 
     if (dragResult.source.droppableId === HIDDEN_COLUMNS_PANEL) return;
-    onUpdateColumns(_concatInstanceProperty__default['default'](_context = []).call(_context, _toConsumableArray(_sliceInstanceProperty__default['default'](selectedColumns).call(selectedColumns, 0, dragResult.source.index)), _toConsumableArray(_sliceInstanceProperty__default['default'](selectedColumns).call(selectedColumns, dragResult.source.index + 1))));
+    onUpdateColumns(_concatInstanceProperty__default["default"](_context = []).call(_context, _toConsumableArray(_sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index)), _toConsumableArray(_sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1))));
   } else {
     var _context2, _context3;
 
@@ -467,25 +520,26 @@ var handleColumnsUpdate = function handleColumnsUpdate(dragResult, onUpdateColum
     var isSwap = dragResult.source.droppableId === SELECTED_COLUMNS_PANEL;
     var items = isSwap ? // remove the dragged item from its position if it is not coming from
     // the hidden section (it is a swap)
-    _concatInstanceProperty__default['default'](_context2 = []).call(_context2, _toConsumableArray(_sliceInstanceProperty__default['default'](selectedColumns).call(selectedColumns, 0, dragResult.source.index)), _toConsumableArray(_sliceInstanceProperty__default['default'](selectedColumns).call(selectedColumns, dragResult.source.index + 1))) : selectedColumns;
+    _concatInstanceProperty__default["default"](_context2 = []).call(_context2, _toConsumableArray(_sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index)), _toConsumableArray(_sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1))) : selectedColumns;
     var columns = isSwap ? selectedColumns : availableColumns;
 
-    var draggedColumn = _findInstanceProperty__default['default'](columns).call(columns, function (col) {
+    var draggedColumn = _findInstanceProperty__default["default"](columns).call(columns, function (col) {
       return col.key === dragResult.draggableId;
     }); // push the column in the new position
 
 
-    onUpdateColumns(_concatInstanceProperty__default['default'](_context3 = []).call(_context3, _toConsumableArray(_sliceInstanceProperty__default['default'](items).call(items, 0, dragResult.destination.index)), [draggedColumn], _toConsumableArray(_sliceInstanceProperty__default['default'](items).call(items, dragResult.destination.index))));
+    onUpdateColumns(_concatInstanceProperty__default["default"](_context3 = []).call(_context3, _toConsumableArray(_sliceInstanceProperty__default["default"](items).call(items, 0, dragResult.destination.index)), [draggedColumn], _toConsumableArray(_sliceInstanceProperty__default["default"](items).call(items, dragResult.destination.index))));
   }
 };
 
 var DropdownIndicator = function DropdownIndicator() {
-  return react.jsx(Spacings__default['default'].Inline, {
-    alignItems: "center"
-  }, react.jsx(icons.SearchIcon, {
-    scale: "medium",
-    color: "primary"
-  }));
+  return jsxRuntime.jsx(Spacings__default["default"].Inline, {
+    alignItems: "center",
+    children: jsxRuntime.jsx(icons.SearchIcon, {
+      scale: "medium",
+      color: "primary"
+    })
+  });
 };
 
 DropdownIndicator.displayName = 'DropdownIndicator';
@@ -502,7 +556,7 @@ var selectInputComponents = {
 var ColumnSettingsManager = function ColumnSettingsManager(props) {
   var intl = reactIntl.useIntl();
 
-  var _useState = React.useState(false),
+  var _useState = react.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       isDragging = _useState2[0],
       setIsDragging = _useState2[1];
@@ -513,101 +567,112 @@ var ColumnSettingsManager = function ColumnSettingsManager(props) {
     setIsDragging(true);
   };
 
-  var hiddenColumns = React__default['default'].useMemo(function () {
-    return differenceWith__default['default'](props.availableColumns, props.selectedColumns, function (a, b) {
+  var hiddenColumns = react.useMemo(function () {
+    return differenceWith__default["default"](props.availableColumns, props.selectedColumns, function (a, b) {
       return a.key === b.key;
     });
   }, [props.availableColumns, props.selectedColumns]);
-  var handleDragEnd = React__default['default'].useCallback(function (dragResult) {
+  var handleDragEnd = react.useCallback(function (dragResult) {
     return handleColumnsUpdate(dragResult, props.onUpdateColumns, props.selectedColumns, props.availableColumns, setIsDragging);
   }, [props.onUpdateColumns, props.selectedColumns, props.availableColumns]);
-  var handleInputChange = React__default['default'].useCallback(function (input) {
+  var handleInputChange = react.useCallback(function (input) {
     return (// loadOptions is not invoked when input is empty
       !input.length && searchHiddenColumns(input)
     );
   }, [searchHiddenColumns]);
-  return react.jsx(SettingsContainer$1, {
+  return jsxRuntime.jsx(SettingsContainer$1, {
     title: messages$1.title,
     closeButtonLabel: messages$1.closeButtonLabel,
     onClose: props.onClose,
     primaryButton: props.primaryButton,
     secondaryButton: props.secondaryButton,
-    containerTheme: props.managerTheme
-  }, react.jsx(reactBeautifulDnd.DragDropContext, {
-    onDragEnd: handleDragEnd,
-    onDragStart: handleDragStart
-  }, react.jsx(Spacings__default['default'].Inline, {
-    scale: "m"
-  }, react.jsx(DroppableContainer, {
-    isDragging: isDragging,
-    "aria-labelledby": "hidden-columns"
-  }, react.jsx(Spacings__default['default'].Stack, null, react.jsx(Spacings__default['default'].Inline, {
-    scale: "xs",
-    alignItems: "center"
-  }, react.jsx(icons.EyeCrossedIcon, {
-    size: "medium"
-  }), react.jsx(FieldLabel__default['default'], {
-    id: "hidden-columns",
-    title: intl.formatMessage(messages$1.hiddenColumns)
-  })), props.areHiddenColumnsSearchable && react.jsx(AsyncSelectInput__default['default'], _extends({}, props.searchHiddenColumnsPlaceholder ? {
-    placeholder: props.searchHiddenColumnsPlaceholder
-  } : undefined, {
-    cacheOptions: false,
-    onChange: function onChange() {// to avoid prop-types error
-      // as `onChange` is a required prop in
-      // `AsyncSelectInput`
-    } // loadOptions is used instead of onInputChange
-    // because the loading indicator is displayed
-    // only when loadOptions is invoked
-    ,
-    loadOptions: debounce__default['default'](searchHiddenColumns, 300),
-    onInputChange: handleInputChange,
-    components: selectInputComponents
-  })), react.jsx(DroppablePanel$1, {
-    droppableId: HIDDEN_COLUMNS_PANEL,
-    "data-testid": HIDDEN_COLUMNS_PANEL,
-    noColumnsText: intl.formatMessage(messages$1.noHiddenColumnsToShow),
-    columns: hiddenColumns,
-    isSearchable: props.areHiddenColumnsSearchable
-  }))), react.jsx(DroppableContainer, {
-    isDragging: isDragging,
-    "aria-labelledby": "visible-columns"
-  }, react.jsx(Spacings__default['default'].Stack, null, react.jsx(Spacings__default['default'].Inline, {
-    scale: "xs",
-    alignItems: "center"
-  }, react.jsx(icons.EyeIcon, {
-    size: "medium"
-  }), react.jsx(FieldLabel__default['default'], {
-    id: "visible-columns",
-    title: intl.formatMessage(messages$1.visibleColumns)
-  })), react.jsx(DroppablePanel$1, {
-    droppableId: SELECTED_COLUMNS_PANEL,
-    "data-testid": SELECTED_COLUMNS_PANEL,
-    noColumnsText: intl.formatMessage(messages$1.noSelectedColumnsToShow),
-    columns: props.selectedColumns,
-    onRemove: props.onUpdateColumns
-  }))))));
+    containerTheme: props.managerTheme,
+    children: jsxRuntime.jsx(reactBeautifulDnd.DragDropContext, {
+      onDragEnd: handleDragEnd,
+      onDragStart: handleDragStart,
+      children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
+        scale: "m",
+        children: [jsxRuntime.jsx(DroppableContainer, {
+          isDragging: isDragging,
+          "aria-labelledby": "hidden-columns",
+          children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+            children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
+              scale: "xs",
+              alignItems: "center",
+              children: [jsxRuntime.jsx(icons.EyeCrossedIcon, {
+                size: "medium"
+              }), jsxRuntime.jsx(FieldLabel__default["default"], {
+                id: "hidden-columns",
+                title: intl.formatMessage(messages$1.hiddenColumns)
+              })]
+            }), props.areHiddenColumnsSearchable && jsxRuntime.jsx(AsyncSelectInput__default["default"], _objectSpread$2(_objectSpread$2({}, props.searchHiddenColumnsPlaceholder ? {
+              placeholder: props.searchHiddenColumnsPlaceholder
+            } : undefined), {}, {
+              cacheOptions: false,
+              onChange: function onChange() {// to avoid prop-types error
+                // as `onChange` is a required prop in
+                // `AsyncSelectInput`
+              } // loadOptions is used instead of onInputChange
+              // because the loading indicator is displayed
+              // only when loadOptions is invoked
+              ,
+              loadOptions: debounce__default["default"](searchHiddenColumns, 300),
+              onInputChange: handleInputChange,
+              components: selectInputComponents
+            })), jsxRuntime.jsx(DroppablePanel$1, {
+              droppableId: HIDDEN_COLUMNS_PANEL,
+              "data-testid": HIDDEN_COLUMNS_PANEL,
+              noColumnsText: intl.formatMessage(messages$1.noHiddenColumnsToShow),
+              columns: hiddenColumns,
+              isSearchable: props.areHiddenColumnsSearchable
+            })]
+          })
+        }), jsxRuntime.jsx(DroppableContainer, {
+          isDragging: isDragging,
+          "aria-labelledby": "visible-columns",
+          children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+            children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
+              scale: "xs",
+              alignItems: "center",
+              children: [jsxRuntime.jsx(icons.EyeIcon, {
+                size: "medium"
+              }), jsxRuntime.jsx(FieldLabel__default["default"], {
+                id: "visible-columns",
+                title: intl.formatMessage(messages$1.visibleColumns)
+              })]
+            }), jsxRuntime.jsx(DroppablePanel$1, {
+              droppableId: SELECTED_COLUMNS_PANEL,
+              "data-testid": SELECTED_COLUMNS_PANEL,
+              noColumnsText: intl.formatMessage(messages$1.noSelectedColumnsToShow),
+              columns: props.selectedColumns,
+              onRemove: props.onUpdateColumns
+            })]
+          })
+        })]
+      })
+    })
+  });
 };
 ColumnSettingsManager.displayName = 'ColumnSettingsManager';
 ColumnSettingsManager.propTypes = process.env.NODE_ENV !== "production" ? {
-  availableColumns: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-    key: PropTypes__default['default'].string.isRequired,
-    label: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].node]).isRequired
+  availableColumns: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    key: PropTypes__default["default"].string.isRequired,
+    label: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired
   })).isRequired,
-  selectedColumns: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-    key: PropTypes__default['default'].string.isRequired,
-    label: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].node]).isRequired
+  selectedColumns: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    key: PropTypes__default["default"].string.isRequired,
+    label: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired
   })).isRequired,
-  onUpdateColumns: PropTypes__default['default'].func.isRequired,
-  areHiddenColumnsSearchable: PropTypes__default['default'].bool,
-  searchHiddenColumns: requiredIf__default['default'](PropTypes__default['default'].func, function (props) {
+  onUpdateColumns: PropTypes__default["default"].func.isRequired,
+  areHiddenColumnsSearchable: PropTypes__default["default"].bool,
+  searchHiddenColumns: requiredIf__default["default"](PropTypes__default["default"].func, function (props) {
     return props.areHiddenColumnsSearchable;
   }),
-  searchHiddenColumnsPlaceholder: PropTypes__default['default'].string,
-  onClose: PropTypes__default['default'].func,
-  primaryButton: PropTypes__default['default'].element,
-  secondaryButton: PropTypes__default['default'].element,
-  managerTheme: PropTypes__default['default'].oneOf(['light', 'dark'])
+  searchHiddenColumnsPlaceholder: PropTypes__default["default"].string,
+  onClose: PropTypes__default["default"].func,
+  primaryButton: PropTypes__default["default"].element,
+  secondaryButton: PropTypes__default["default"].element,
+  managerTheme: PropTypes__default["default"].oneOf(['light', 'dark'])
 } : {};
 ColumnSettingsManager.defaultProps = {
   availableColumns: []
@@ -632,22 +697,20 @@ var messages = reactIntl.defineMessages({
   }
 });
 
-var _PropTypes$shape;
-
-function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys$1(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context3; _forEachInstanceProperty__default['default'](_context3 = ownKeys$1(Object(source))).call(_context3, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$1(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
-var SelectContainer = _styled__default['default']("div", process.env.NODE_ENV === "production" ? {
+var SelectContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "eh8k7x01"
 } : {
   target: "eh8k7x01",
   label: "SelectContainer"
-})("width:", designSystem.customProperties.constraint4, ";");
+})("width:", designSystem.customProperties.constraint4, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhdGEtdGFibGUtc2V0dGluZ3MuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJrQyIsImZpbGUiOiJkYXRhLXRhYmxlLXNldHRpbmdzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBBY2Nlc3NpYmxlSGlkZGVuIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtaGlkZGVuJztcbmltcG9ydCBTZWxlY3RJbnB1dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zZWxlY3QtaW5wdXQnO1xuaW1wb3J0IHsgVGFibGVJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IFVQREFURV9BQ1RJT05TLCBDT0xVTU5fTUFOQUdFUiwgRElTUExBWV9TRVRUSU5HUyB9IGZyb20gJy4uL2NvbnN0YW50cyc7XG5pbXBvcnQgRGlzcGxheVNldHRpbmdzTWFuYWdlciwge1xuICBERU5TSVRZX0NPTVBBQ1QsXG4gIFNIT1dfSElERV9PTl9ERU1BTkQsXG59IGZyb20gJy4uL2Rpc3BsYXktc2V0dGluZ3MtbWFuYWdlcic7XG5pbXBvcnQgQ29sdW1uU2V0dGluZ3NNYW5hZ2VyIGZyb20gJy4uL2NvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcblxuLyogVGhlIGhvcml6b250YWwgY29uc3RyYWludCBpcyBzZXQgb24gdGhpcyBjb250YWluZXIgaW5zdGVhZCBvZiB0aGUgU2VsZWN0SW5wdXRcbmJlY2F1c2UgdGhlIGlucHV0IGlzIGFsd2F5cyBlbXB0eSwgYW5kIHRoZXJlZm9yZSBkb2Vzbid0IHRha2UgYW55IHNwYWNlIGJ5IGl0c2VsZlxuYnV0IHdlIHdhbnQgdG8ga2VlcCBlbm91Z2ggc3BhY2UgZm9yIHRoZSBwbGFjZWhvbGRlciB0byBiZSByZWFkYWJsZSAqL1xuY29uc3QgU2VsZWN0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50NH07XG5gO1xuXG5jb25zdCBUb3BCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0RHJvcGRvd25PcHRpb25zID0gKHtcbiAgYXJlQ29sdW1uU2V0dGluZ3NFbmFibGVkLFxuICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkLFxuICBmb3JtYXRNZXNzYWdlLFxufSkgPT4gW1xuICAuLi4oYXJlQ29sdW1uU2V0dGluZ3NFbmFibGVkXG4gICAgPyBbXG4gICAgICAgIHtcbiAgICAgICAgICB2YWx1ZTogQ09MVU1OX01BTkFHRVIsXG4gICAgICAgICAgbGFiZWw6IGZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuY29sdW1uTWFuYWdlck9wdGlvbiksXG4gICAgICAgIH0sXG4gICAgICBdXG4gICAgOiBbXSksXG4gIC4uLihhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkXG4gICAgPyBbXG4gICAgICAgIHtcbiAgICAgICAgICB2YWx1ZTogRElTUExBWV9TRVRUSU5HUyxcbiAgICAgICAgICBsYWJlbDogZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5kaXNwbGF5U2V0dGluZ3NPcHRpb24pLFxuICAgICAgICB9LFxuICAgICAgXVxuICAgIDogW10pLFxuXTtcblxuZXhwb3J0IGNvbnN0IGdldE1hcHBlZENvbHVtbnMgPSAoY29sdW1ucyA9IFtdKSA9PlxuICBjb2x1bW5zLnJlZHVjZShcbiAgICAobWFwcGVkQ29sdW1ucywgY29sdW1uKSA9PiAoe1xuICAgICAgLi4ubWFwcGVkQ29sdW1ucyxcbiAgICAgIFtjb2x1bW4ua2V5XTogY29sdW1uLFxuICAgIH0pLFxuICAgIHt9XG4gICk7XG5cbmV4cG9ydCBjb25zdCBnZXRTZWxlY3RlZENvbHVtbnMgPSAobWFwcGVkQ29sdW1ucywgdmlzaWJsZUNvbHVtbnNLZXlzID0gW10pID0+XG4gIHZpc2libGVDb2x1bW5zS2V5cy5tYXAoKGNvbHVtbktleSkgPT4gbWFwcGVkQ29sdW1uc1tjb2x1bW5LZXldKTtcblxuY29uc3QgRGF0YVRhYmxlU2V0dGluZ3MgPSAocHJvcHMpID0+IHtcbiAgY29uc3QgYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZCA9IEJvb2xlYW4oXG4gICAgcHJvcHMuZGlzcGxheVNldHRpbmdzICYmICFwcm9wcy5kaXNwbGF5U2V0dGluZ3MuZGlzYWJsZURpc3BsYXlTZXR0aW5nc1xuICApO1xuICBjb25zdCBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWQgPSBCb29sZWFuKFxuICAgIHByb3BzLmNvbHVtbk1hbmFnZXIgJiYgIXByb3BzLmNvbHVtbk1hbmFnZXIuZGlzYWJsZUNvbHVtbk1hbmFnZXJcbiAgKTtcbiAgd2FybmluZyhcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkIHx8IGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgICAgPyB0eXBlb2YgcHJvcHMub25TZXR0aW5nc0NoYW5nZSA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgOiB0cnVlLFxuICAgIGB1aS1raXQvRGF0YVRhYmxlTWFuYWdlcjogdGhlIHByb3AgXCJvblNldHRpbmdzQ2hhbmdlXCIgaXMgcmVxdWlyZWQgd2hlbiBlaXRoZXIgdGhlIGRpc3BsYXkgc2V0dGluZ3Mgb3IgdGhlIGNvbHVtbiBzZXR0aW5ncyBhcmUgZW5hYmxlZC5gXG4gICk7XG5cbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3QgW29wZW5lZFBhbmVsSWQsIHNldE9wZW5lZFBhbmVsSWRdID0gdXNlU3RhdGUobnVsbCk7XG5cbiAgY29uc3QgZHJvcGRvd25PcHRpb25zID0gZ2V0RHJvcGRvd25PcHRpb25zKHtcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkLFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCxcbiAgICBmb3JtYXRNZXNzYWdlOiBpbnRsLmZvcm1hdE1lc3NhZ2UsXG4gIH0pO1xuXG4gIGNvbnN0IGhhbmRsZURyb3Bkb3duQ2hhbmdlID0gKGV2ZW50KSA9PiBzZXRPcGVuZWRQYW5lbElkKGV2ZW50LnRhcmdldC52YWx1ZSk7XG5cbiAgY29uc3QgbWFwcGVkQ29sdW1ucyA9IGdldE1hcHBlZENvbHVtbnMoXG4gICAgYXJlQ29sdW1uU2V0dGluZ3NFbmFibGVkID8gcHJvcHMuY29sdW1uTWFuYWdlci5oaWRlYWJsZUNvbHVtbnMgOiB1bmRlZmluZWRcbiAgKTtcblxuICBjb25zdCBzZWxlY3RlZENvbHVtbnMgPSBnZXRTZWxlY3RlZENvbHVtbnMoXG4gICAgbWFwcGVkQ29sdW1ucyxcbiAgICBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWQgPyBwcm9wcy5jb2x1bW5NYW5hZ2VyLnZpc2libGVDb2x1bW5LZXlzIDogdW5kZWZpbmVkXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlU2V0dGluZ3NQYW5lbENoYW5nZSA9ICgpID0+IHNldE9wZW5lZFBhbmVsSWQobnVsbCk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3BhY2luZ3MuU3RhY2s+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgPFRvcEJhckNvbnRhaW5lcj57cHJvcHMudG9wQmFyfTwvVG9wQmFyQ29udGFpbmVyPlxuICAgICAgICB7ZHJvcGRvd25PcHRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgIDxTZWxlY3RDb250YWluZXI+XG4gICAgICAgICAgICA8QWNjZXNzaWJsZUhpZGRlbj5cbiAgICAgICAgICAgICAgPGxhYmVsIGh0bWxGb3I9XCJ0YWJsZS1zZXR0aW5ncy1kcm9wZG93blwiPlxuICAgICAgICAgICAgICAgIE9wZW4gdGFibGUgbWFuYWdlciBkcm9wZG93blxuICAgICAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICAgICAgPC9BY2Nlc3NpYmxlSGlkZGVuPlxuICAgICAgICAgICAgPFNlbGVjdElucHV0XG4gICAgICAgICAgICAgIGlkPVwidGFibGUtc2V0dGluZ3MtZHJvcGRvd25cIlxuICAgICAgICAgICAgICAvLyB0aGUgZHJvcGRvd24gYWx3YXlzIHNob3dzIHRoZSBwbGFjZWhvbGRlciBhcyBzZWxlY3RpbmcgYW4gb3B0aW9uXG4gICAgICAgICAgICAgIC8vIHdpbGwgb3BlbiB0aGUgY29ycmVzcG9uZGluZyBwYW5lbCAoY29sdW1uIG1hbmFnZXIgb3IgZGlzcGxheSBzZXR0aW5ncylcbiAgICAgICAgICAgICAgdmFsdWU9XCJcIlxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLnBsYWNlaG9sZGVyKX1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZURyb3Bkb3duQ2hhbmdlfVxuICAgICAgICAgICAgICBvcHRpb25zPXtkcm9wZG93bk9wdGlvbnN9XG4gICAgICAgICAgICAgIGljb25MZWZ0PXs8VGFibGVJY29uIC8+fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1NlbGVjdENvbnRhaW5lcj5cbiAgICAgICAgKX1cbiAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAge29wZW5lZFBhbmVsSWQgPT09IERJU1BMQVlfU0VUVElOR1MgJiYgKFxuICAgICAgICA8RGlzcGxheVNldHRpbmdzTWFuYWdlclxuICAgICAgICAgIHsuLi4ocHJvcHMuZGlzcGxheVNldHRpbmdzIHx8IHt9KX1cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uRGVuc2l0eURpc3BsYXlDaGFuZ2U9eyhldmVudCkgPT4ge1xuICAgICAgICAgICAgcHJvcHMub25TZXR0aW5nc0NoYW5nZShcbiAgICAgICAgICAgICAgVVBEQVRFX0FDVElPTlMuSVNfVEFCTEVfQ09OREVOU0VEX1VQREFURSxcbiAgICAgICAgICAgICAgZXZlbnQudGFyZ2V0LnZhbHVlID09PSBERU5TSVRZX0NPTVBBQ1RcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvblRleHRXcmFwcGluZ0NoYW5nZT17KGV2ZW50KSA9PiB7XG4gICAgICAgICAgICBwcm9wcy5vblNldHRpbmdzQ2hhbmdlKFxuICAgICAgICAgICAgICBVUERBVEVfQUNUSU9OUy5JU19UQUJMRV9XUkFQUElOR19URVhUX1VQREFURSxcbiAgICAgICAgICAgICAgZXZlbnQudGFyZ2V0LnZhbHVlID09PSBTSE9XX0hJREVfT05fREVNQU5EXG4gICAgICAgICAgICApO1xuICAgICAgICAgIH19XG4gICAgICAgICAgbWFuYWdlclRoZW1lPXtwcm9wcy5tYW5hZ2VyVGhlbWV9XG4gICAgICAgIC8+XG4gICAgICApfVxuXG4gICAgICB7b3BlbmVkUGFuZWxJZCA9PT0gQ09MVU1OX01BTkFHRVIgJiYgKFxuICAgICAgICA8Q29sdW1uU2V0dGluZ3NNYW5hZ2VyXG4gICAgICAgICAgey4uLihwcm9wcy5jb2x1bW5NYW5hZ2VyIHx8IHt9KX1cbiAgICAgICAgICBhdmFpbGFibGVDb2x1bW5zPXtwcm9wcy5jb2x1bW5NYW5hZ2VyLmhpZGVhYmxlQ29sdW1uc31cbiAgICAgICAgICBzZWxlY3RlZENvbHVtbnM9e3NlbGVjdGVkQ29sdW1uc31cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uVXBkYXRlQ29sdW1ucz17KG5leHRWaXNpYmxlQ29sdW1ucykgPT4ge1xuICAgICAgICAgICAgY29uc3Qga2V5c09mVmlzaWJsZUNvbHVtbnMgPSBuZXh0VmlzaWJsZUNvbHVtbnMubWFwKFxuICAgICAgICAgICAgICAodmlzaWJsZUNvbHVtbikgPT4gdmlzaWJsZUNvbHVtbi5rZXlcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBwcm9wcy5vblNldHRpbmdzQ2hhbmdlKFxuICAgICAgICAgICAgICBVUERBVEVfQUNUSU9OUy5DT0xVTU5TX1VQREFURSxcbiAgICAgICAgICAgICAga2V5c09mVmlzaWJsZUNvbHVtbnNcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBtYW5hZ2VyVGhlbWU9e3Byb3BzLm1hbmFnZXJUaGVtZX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgKTtcbn07XG5cbkRhdGFUYWJsZVNldHRpbmdzLmRpc3BsYXlOYW1lID0gJ0RhdGFUYWJsZVNldHRpbmdzJztcbkRhdGFUYWJsZVNldHRpbmdzLnByb3BUeXBlcyA9IHtcbiAgdG9wQmFyOiBQcm9wVHlwZXMubm9kZSxcbiAgb25TZXR0aW5nc0NoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGRpc3BsYXlTZXR0aW5nczogUHJvcFR5cGVzLnNoYXBlKHtcbiAgICBkaXNhYmxlRGlzcGxheVNldHRpbmdzOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBpc0NvbmRlbnNlZDogUHJvcFR5cGVzLmJvb2wsXG4gICAgaXNXcmFwcGluZ1RleHQ6IFByb3BUeXBlcy5ib29sLFxuICAgIHByaW1hcnlCdXR0b246IFByb3BUeXBlcy5lbGVtZW50LFxuICAgIHNlY29uZGFyeUJ1dHRvbjogUHJvcFR5cGVzLmVsZW1lbnQsXG4gIH0pLFxuICBjb2x1bW5NYW5hZ2VyOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgIGFyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBkaXNhYmxlQ29sdW1uTWFuYWdlcjogUHJvcFR5cGVzLmJvb2wsXG4gICAgdmlzaWJsZUNvbHVtbktleXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCksXG4gICAgaGlkZWFibGVDb2x1bW5zOiBQcm9wVHlwZXMuYXJyYXlPZihcbiAgICAgIFByb3BUeXBlcy5zaGFwZSh7XG4gICAgICAgIGtleTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICBsYWJlbDogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKVxuICAgICAgICAgIC5pc1JlcXVpcmVkLFxuICAgICAgfSlcbiAgICApLFxuICAgIHNlYXJjaEhpZGRlbkNvbHVtbnM6IFByb3BUeXBlcy5mdW5jLFxuICAgIHNlYXJjaEhpZGRlbkNvbHVtbnNQbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBwcmltYXJ5QnV0dG9uOiBQcm9wVHlwZXMuZWxlbWVudCxcbiAgICBzZWNvbmRhcnlCdXR0b246IFByb3BUeXBlcy5lbGVtZW50LFxuICB9KSxcbiAgbWFuYWdlclRoZW1lOiBQcm9wVHlwZXMub25lT2YoWydsaWdodCcsICdkYXJrJ10pLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgRGF0YVRhYmxlU2V0dGluZ3M7XG4iXX0= */"));
 
-var TopBarContainer = _styled__default['default']("div", process.env.NODE_ENV === "production" ? {
+var TopBarContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "eh8k7x00"
 } : {
   target: "eh8k7x00",
@@ -658,6 +721,7 @@ var TopBarContainer = _styled__default['default']("div", process.env.NODE_ENV ==
 } : {
   name: "1ff36h2",
   styles: "flex-grow:1",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhdGEtdGFibGUtc2V0dGluZ3MuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJrQyIsImZpbGUiOiJkYXRhLXRhYmxlLXNldHRpbmdzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBBY2Nlc3NpYmxlSGlkZGVuIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtaGlkZGVuJztcbmltcG9ydCBTZWxlY3RJbnB1dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zZWxlY3QtaW5wdXQnO1xuaW1wb3J0IHsgVGFibGVJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IFVQREFURV9BQ1RJT05TLCBDT0xVTU5fTUFOQUdFUiwgRElTUExBWV9TRVRUSU5HUyB9IGZyb20gJy4uL2NvbnN0YW50cyc7XG5pbXBvcnQgRGlzcGxheVNldHRpbmdzTWFuYWdlciwge1xuICBERU5TSVRZX0NPTVBBQ1QsXG4gIFNIT1dfSElERV9PTl9ERU1BTkQsXG59IGZyb20gJy4uL2Rpc3BsYXktc2V0dGluZ3MtbWFuYWdlcic7XG5pbXBvcnQgQ29sdW1uU2V0dGluZ3NNYW5hZ2VyIGZyb20gJy4uL2NvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcblxuLyogVGhlIGhvcml6b250YWwgY29uc3RyYWludCBpcyBzZXQgb24gdGhpcyBjb250YWluZXIgaW5zdGVhZCBvZiB0aGUgU2VsZWN0SW5wdXRcbmJlY2F1c2UgdGhlIGlucHV0IGlzIGFsd2F5cyBlbXB0eSwgYW5kIHRoZXJlZm9yZSBkb2Vzbid0IHRha2UgYW55IHNwYWNlIGJ5IGl0c2VsZlxuYnV0IHdlIHdhbnQgdG8ga2VlcCBlbm91Z2ggc3BhY2UgZm9yIHRoZSBwbGFjZWhvbGRlciB0byBiZSByZWFkYWJsZSAqL1xuY29uc3QgU2VsZWN0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50NH07XG5gO1xuXG5jb25zdCBUb3BCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0RHJvcGRvd25PcHRpb25zID0gKHtcbiAgYXJlQ29sdW1uU2V0dGluZ3NFbmFibGVkLFxuICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkLFxuICBmb3JtYXRNZXNzYWdlLFxufSkgPT4gW1xuICAuLi4oYXJlQ29sdW1uU2V0dGluZ3NFbmFibGVkXG4gICAgPyBbXG4gICAgICAgIHtcbiAgICAgICAgICB2YWx1ZTogQ09MVU1OX01BTkFHRVIsXG4gICAgICAgICAgbGFiZWw6IGZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuY29sdW1uTWFuYWdlck9wdGlvbiksXG4gICAgICAgIH0sXG4gICAgICBdXG4gICAgOiBbXSksXG4gIC4uLihhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkXG4gICAgPyBbXG4gICAgICAgIHtcbiAgICAgICAgICB2YWx1ZTogRElTUExBWV9TRVRUSU5HUyxcbiAgICAgICAgICBsYWJlbDogZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5kaXNwbGF5U2V0dGluZ3NPcHRpb24pLFxuICAgICAgICB9LFxuICAgICAgXVxuICAgIDogW10pLFxuXTtcblxuZXhwb3J0IGNvbnN0IGdldE1hcHBlZENvbHVtbnMgPSAoY29sdW1ucyA9IFtdKSA9PlxuICBjb2x1bW5zLnJlZHVjZShcbiAgICAobWFwcGVkQ29sdW1ucywgY29sdW1uKSA9PiAoe1xuICAgICAgLi4ubWFwcGVkQ29sdW1ucyxcbiAgICAgIFtjb2x1bW4ua2V5XTogY29sdW1uLFxuICAgIH0pLFxuICAgIHt9XG4gICk7XG5cbmV4cG9ydCBjb25zdCBnZXRTZWxlY3RlZENvbHVtbnMgPSAobWFwcGVkQ29sdW1ucywgdmlzaWJsZUNvbHVtbnNLZXlzID0gW10pID0+XG4gIHZpc2libGVDb2x1bW5zS2V5cy5tYXAoKGNvbHVtbktleSkgPT4gbWFwcGVkQ29sdW1uc1tjb2x1bW5LZXldKTtcblxuY29uc3QgRGF0YVRhYmxlU2V0dGluZ3MgPSAocHJvcHMpID0+IHtcbiAgY29uc3QgYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZCA9IEJvb2xlYW4oXG4gICAgcHJvcHMuZGlzcGxheVNldHRpbmdzICYmICFwcm9wcy5kaXNwbGF5U2V0dGluZ3MuZGlzYWJsZURpc3BsYXlTZXR0aW5nc1xuICApO1xuICBjb25zdCBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWQgPSBCb29sZWFuKFxuICAgIHByb3BzLmNvbHVtbk1hbmFnZXIgJiYgIXByb3BzLmNvbHVtbk1hbmFnZXIuZGlzYWJsZUNvbHVtbk1hbmFnZXJcbiAgKTtcbiAgd2FybmluZyhcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkIHx8IGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgICAgPyB0eXBlb2YgcHJvcHMub25TZXR0aW5nc0NoYW5nZSA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgOiB0cnVlLFxuICAgIGB1aS1raXQvRGF0YVRhYmxlTWFuYWdlcjogdGhlIHByb3AgXCJvblNldHRpbmdzQ2hhbmdlXCIgaXMgcmVxdWlyZWQgd2hlbiBlaXRoZXIgdGhlIGRpc3BsYXkgc2V0dGluZ3Mgb3IgdGhlIGNvbHVtbiBzZXR0aW5ncyBhcmUgZW5hYmxlZC5gXG4gICk7XG5cbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3QgW29wZW5lZFBhbmVsSWQsIHNldE9wZW5lZFBhbmVsSWRdID0gdXNlU3RhdGUobnVsbCk7XG5cbiAgY29uc3QgZHJvcGRvd25PcHRpb25zID0gZ2V0RHJvcGRvd25PcHRpb25zKHtcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkLFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCxcbiAgICBmb3JtYXRNZXNzYWdlOiBpbnRsLmZvcm1hdE1lc3NhZ2UsXG4gIH0pO1xuXG4gIGNvbnN0IGhhbmRsZURyb3Bkb3duQ2hhbmdlID0gKGV2ZW50KSA9PiBzZXRPcGVuZWRQYW5lbElkKGV2ZW50LnRhcmdldC52YWx1ZSk7XG5cbiAgY29uc3QgbWFwcGVkQ29sdW1ucyA9IGdldE1hcHBlZENvbHVtbnMoXG4gICAgYXJlQ29sdW1uU2V0dGluZ3NFbmFibGVkID8gcHJvcHMuY29sdW1uTWFuYWdlci5oaWRlYWJsZUNvbHVtbnMgOiB1bmRlZmluZWRcbiAgKTtcblxuICBjb25zdCBzZWxlY3RlZENvbHVtbnMgPSBnZXRTZWxlY3RlZENvbHVtbnMoXG4gICAgbWFwcGVkQ29sdW1ucyxcbiAgICBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWQgPyBwcm9wcy5jb2x1bW5NYW5hZ2VyLnZpc2libGVDb2x1bW5LZXlzIDogdW5kZWZpbmVkXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlU2V0dGluZ3NQYW5lbENoYW5nZSA9ICgpID0+IHNldE9wZW5lZFBhbmVsSWQobnVsbCk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3BhY2luZ3MuU3RhY2s+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgPFRvcEJhckNvbnRhaW5lcj57cHJvcHMudG9wQmFyfTwvVG9wQmFyQ29udGFpbmVyPlxuICAgICAgICB7ZHJvcGRvd25PcHRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgIDxTZWxlY3RDb250YWluZXI+XG4gICAgICAgICAgICA8QWNjZXNzaWJsZUhpZGRlbj5cbiAgICAgICAgICAgICAgPGxhYmVsIGh0bWxGb3I9XCJ0YWJsZS1zZXR0aW5ncy1kcm9wZG93blwiPlxuICAgICAgICAgICAgICAgIE9wZW4gdGFibGUgbWFuYWdlciBkcm9wZG93blxuICAgICAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICAgICAgPC9BY2Nlc3NpYmxlSGlkZGVuPlxuICAgICAgICAgICAgPFNlbGVjdElucHV0XG4gICAgICAgICAgICAgIGlkPVwidGFibGUtc2V0dGluZ3MtZHJvcGRvd25cIlxuICAgICAgICAgICAgICAvLyB0aGUgZHJvcGRvd24gYWx3YXlzIHNob3dzIHRoZSBwbGFjZWhvbGRlciBhcyBzZWxlY3RpbmcgYW4gb3B0aW9uXG4gICAgICAgICAgICAgIC8vIHdpbGwgb3BlbiB0aGUgY29ycmVzcG9uZGluZyBwYW5lbCAoY29sdW1uIG1hbmFnZXIgb3IgZGlzcGxheSBzZXR0aW5ncylcbiAgICAgICAgICAgICAgdmFsdWU9XCJcIlxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLnBsYWNlaG9sZGVyKX1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZURyb3Bkb3duQ2hhbmdlfVxuICAgICAgICAgICAgICBvcHRpb25zPXtkcm9wZG93bk9wdGlvbnN9XG4gICAgICAgICAgICAgIGljb25MZWZ0PXs8VGFibGVJY29uIC8+fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1NlbGVjdENvbnRhaW5lcj5cbiAgICAgICAgKX1cbiAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAge29wZW5lZFBhbmVsSWQgPT09IERJU1BMQVlfU0VUVElOR1MgJiYgKFxuICAgICAgICA8RGlzcGxheVNldHRpbmdzTWFuYWdlclxuICAgICAgICAgIHsuLi4ocHJvcHMuZGlzcGxheVNldHRpbmdzIHx8IHt9KX1cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uRGVuc2l0eURpc3BsYXlDaGFuZ2U9eyhldmVudCkgPT4ge1xuICAgICAgICAgICAgcHJvcHMub25TZXR0aW5nc0NoYW5nZShcbiAgICAgICAgICAgICAgVVBEQVRFX0FDVElPTlMuSVNfVEFCTEVfQ09OREVOU0VEX1VQREFURSxcbiAgICAgICAgICAgICAgZXZlbnQudGFyZ2V0LnZhbHVlID09PSBERU5TSVRZX0NPTVBBQ1RcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvblRleHRXcmFwcGluZ0NoYW5nZT17KGV2ZW50KSA9PiB7XG4gICAgICAgICAgICBwcm9wcy5vblNldHRpbmdzQ2hhbmdlKFxuICAgICAgICAgICAgICBVUERBVEVfQUNUSU9OUy5JU19UQUJMRV9XUkFQUElOR19URVhUX1VQREFURSxcbiAgICAgICAgICAgICAgZXZlbnQudGFyZ2V0LnZhbHVlID09PSBTSE9XX0hJREVfT05fREVNQU5EXG4gICAgICAgICAgICApO1xuICAgICAgICAgIH19XG4gICAgICAgICAgbWFuYWdlclRoZW1lPXtwcm9wcy5tYW5hZ2VyVGhlbWV9XG4gICAgICAgIC8+XG4gICAgICApfVxuXG4gICAgICB7b3BlbmVkUGFuZWxJZCA9PT0gQ09MVU1OX01BTkFHRVIgJiYgKFxuICAgICAgICA8Q29sdW1uU2V0dGluZ3NNYW5hZ2VyXG4gICAgICAgICAgey4uLihwcm9wcy5jb2x1bW5NYW5hZ2VyIHx8IHt9KX1cbiAgICAgICAgICBhdmFpbGFibGVDb2x1bW5zPXtwcm9wcy5jb2x1bW5NYW5hZ2VyLmhpZGVhYmxlQ29sdW1uc31cbiAgICAgICAgICBzZWxlY3RlZENvbHVtbnM9e3NlbGVjdGVkQ29sdW1uc31cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uVXBkYXRlQ29sdW1ucz17KG5leHRWaXNpYmxlQ29sdW1ucykgPT4ge1xuICAgICAgICAgICAgY29uc3Qga2V5c09mVmlzaWJsZUNvbHVtbnMgPSBuZXh0VmlzaWJsZUNvbHVtbnMubWFwKFxuICAgICAgICAgICAgICAodmlzaWJsZUNvbHVtbikgPT4gdmlzaWJsZUNvbHVtbi5rZXlcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBwcm9wcy5vblNldHRpbmdzQ2hhbmdlKFxuICAgICAgICAgICAgICBVUERBVEVfQUNUSU9OUy5DT0xVTU5TX1VQREFURSxcbiAgICAgICAgICAgICAga2V5c09mVmlzaWJsZUNvbHVtbnNcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBtYW5hZ2VyVGhlbWU9e3Byb3BzLm1hbmFnZXJUaGVtZX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgKTtcbn07XG5cbkRhdGFUYWJsZVNldHRpbmdzLmRpc3BsYXlOYW1lID0gJ0RhdGFUYWJsZVNldHRpbmdzJztcbkRhdGFUYWJsZVNldHRpbmdzLnByb3BUeXBlcyA9IHtcbiAgdG9wQmFyOiBQcm9wVHlwZXMubm9kZSxcbiAgb25TZXR0aW5nc0NoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGRpc3BsYXlTZXR0aW5nczogUHJvcFR5cGVzLnNoYXBlKHtcbiAgICBkaXNhYmxlRGlzcGxheVNldHRpbmdzOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBpc0NvbmRlbnNlZDogUHJvcFR5cGVzLmJvb2wsXG4gICAgaXNXcmFwcGluZ1RleHQ6IFByb3BUeXBlcy5ib29sLFxuICAgIHByaW1hcnlCdXR0b246IFByb3BUeXBlcy5lbGVtZW50LFxuICAgIHNlY29uZGFyeUJ1dHRvbjogUHJvcFR5cGVzLmVsZW1lbnQsXG4gIH0pLFxuICBjb2x1bW5NYW5hZ2VyOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgIGFyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBkaXNhYmxlQ29sdW1uTWFuYWdlcjogUHJvcFR5cGVzLmJvb2wsXG4gICAgdmlzaWJsZUNvbHVtbktleXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCksXG4gICAgaGlkZWFibGVDb2x1bW5zOiBQcm9wVHlwZXMuYXJyYXlPZihcbiAgICAgIFByb3BUeXBlcy5zaGFwZSh7XG4gICAgICAgIGtleTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICBsYWJlbDogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKVxuICAgICAgICAgIC5pc1JlcXVpcmVkLFxuICAgICAgfSlcbiAgICApLFxuICAgIHNlYXJjaEhpZGRlbkNvbHVtbnM6IFByb3BUeXBlcy5mdW5jLFxuICAgIHNlYXJjaEhpZGRlbkNvbHVtbnNQbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBwcmltYXJ5QnV0dG9uOiBQcm9wVHlwZXMuZWxlbWVudCxcbiAgICBzZWNvbmRhcnlCdXR0b246IFByb3BUeXBlcy5lbGVtZW50LFxuICB9KSxcbiAgbWFuYWdlclRoZW1lOiBQcm9wVHlwZXMub25lT2YoWydsaWdodCcsICdkYXJrJ10pLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgRGF0YVRhYmxlU2V0dGluZ3M7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
@@ -667,7 +731,7 @@ var getDropdownOptions = function getDropdownOptions(_ref) {
   var areColumnSettingsEnabled = _ref.areColumnSettingsEnabled,
       areDisplaySettingsEnabled = _ref.areDisplaySettingsEnabled,
       formatMessage = _ref.formatMessage;
-  return _concatInstanceProperty__default['default'](_context = []).call(_context, _toConsumableArray(areColumnSettingsEnabled ? [{
+  return _concatInstanceProperty__default["default"](_context = []).call(_context, _toConsumableArray(areColumnSettingsEnabled ? [{
     value: COLUMN_MANAGER,
     label: formatMessage(messages.columnManagerOption)
   }] : []), _toConsumableArray(areDisplaySettingsEnabled ? [{
@@ -677,13 +741,13 @@ var getDropdownOptions = function getDropdownOptions(_ref) {
 };
 var getMappedColumns = function getMappedColumns() {
   var columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return _reduceInstanceProperty__default['default'](columns).call(columns, function (mappedColumns, column) {
+  return _reduceInstanceProperty__default["default"](columns).call(columns, function (mappedColumns, column) {
     return _objectSpread$1(_objectSpread$1({}, mappedColumns), {}, _defineProperty({}, column.key, column));
   }, {});
 };
 var getSelectedColumns = function getSelectedColumns(mappedColumns) {
   var visibleColumnsKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return _mapInstanceProperty__default['default'](visibleColumnsKeys).call(visibleColumnsKeys, function (columnKey) {
+  return _mapInstanceProperty__default["default"](visibleColumnsKeys).call(visibleColumnsKeys, function (columnKey) {
     return mappedColumns[columnKey];
   });
 };
@@ -694,7 +758,7 @@ var DataTableSettings = function DataTableSettings(props) {
   process.env.NODE_ENV !== "production" ? utils.warning(areDisplaySettingsEnabled || areColumnSettingsEnabled ? typeof props.onSettingsChange === 'function' : true, "ui-kit/DataTableManager: the prop \"onSettingsChange\" is required when either the display settings or the column settings are enabled.") : void 0;
   var intl = reactIntl.useIntl();
 
-  var _useState = React.useState(null),
+  var _useState = react.useState(null),
       _useState2 = _slicedToArray(_useState, 2),
       openedPanelId = _useState2[0],
       setOpenedPanelId = _useState2[1];
@@ -716,94 +780,110 @@ var DataTableSettings = function DataTableSettings(props) {
     return setOpenedPanelId(null);
   };
 
-  return react.jsx(Spacings__default['default'].Stack, null, react.jsx(Spacings__default['default'].Inline, {
-    justifyContent: "space-between",
-    alignItems: "center"
-  }, react.jsx(TopBarContainer, null, props.topBar), dropdownOptions.length > 0 && react.jsx(SelectContainer, null, react.jsx(AccessibleHiden__default['default'], null, react.jsx("label", {
-    htmlFor: "table-settings-dropdown"
-  }, "Open table manager dropdown")), react.jsx(SelectInput__default['default'], {
-    id: "table-settings-dropdown" // the dropdown always shows the placeholder as selecting an option
-    // will open the corresponding panel (column manager or display settings)
-    ,
-    value: "",
-    placeholder: intl.formatMessage(messages.placeholder),
-    onChange: handleDropdownChange,
-    options: dropdownOptions,
-    iconLeft: react.jsx(icons.TableIcon, null)
-  }))), openedPanelId === DISPLAY_SETTINGS && react.jsx(DisplaySettingsManager, _extends({}, props.displaySettings || {}, {
-    onClose: handleSettingsPanelChange,
-    onDensityDisplayChange: function onDensityDisplayChange(event) {
-      props.onSettingsChange(UPDATE_ACTIONS.IS_TABLE_CONDENSED_UPDATE, event.target.value === DENSITY_COMPACT);
-    },
-    onTextWrappingChange: function onTextWrappingChange(event) {
-      props.onSettingsChange(UPDATE_ACTIONS.IS_TABLE_WRAPPING_TEXT_UPDATE, event.target.value === SHOW_HIDE_ON_DEMAND);
-    },
-    managerTheme: props.managerTheme
-  })), openedPanelId === COLUMN_MANAGER && react.jsx(ColumnSettingsManager$1, _extends({}, props.columnManager || {}, {
-    availableColumns: props.columnManager.hideableColumns,
-    selectedColumns: selectedColumns,
-    onClose: handleSettingsPanelChange,
-    onUpdateColumns: function onUpdateColumns(nextVisibleColumns) {
-      var keysOfVisibleColumns = _mapInstanceProperty__default['default'](nextVisibleColumns).call(nextVisibleColumns, function (visibleColumn) {
-        return visibleColumn.key;
-      });
-
-      props.onSettingsChange(UPDATE_ACTIONS.COLUMNS_UPDATE, keysOfVisibleColumns);
-    },
-    managerTheme: props.managerTheme
-  })));
+  return jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+    children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
+      justifyContent: "space-between",
+      alignItems: "center",
+      children: [jsxRuntime.jsx(TopBarContainer, {
+        children: props.topBar
+      }), dropdownOptions.length > 0 && jsxRuntime.jsxs(SelectContainer, {
+        children: [jsxRuntime.jsx(AccessibleHiden__default["default"], {
+          children: jsxRuntime.jsx("label", {
+            htmlFor: "table-settings-dropdown",
+            children: "Open table manager dropdown"
+          })
+        }), jsxRuntime.jsx(SelectInput__default["default"], {
+          id: "table-settings-dropdown" // the dropdown always shows the placeholder as selecting an option
+          // will open the corresponding panel (column manager or display settings)
+          ,
+          value: "",
+          placeholder: intl.formatMessage(messages.placeholder),
+          onChange: handleDropdownChange,
+          options: dropdownOptions,
+          iconLeft: jsxRuntime.jsx(icons.TableIcon, {})
+        })]
+      })]
+    }), openedPanelId === DISPLAY_SETTINGS && jsxRuntime.jsx(DisplaySettingsManager, _objectSpread$1(_objectSpread$1({}, props.displaySettings || {}), {}, {
+      onClose: handleSettingsPanelChange,
+      onDensityDisplayChange: function onDensityDisplayChange(event) {
+        props.onSettingsChange(UPDATE_ACTIONS.IS_TABLE_CONDENSED_UPDATE, event.target.value === DENSITY_COMPACT);
+      },
+      onTextWrappingChange: function onTextWrappingChange(event) {
+        props.onSettingsChange(UPDATE_ACTIONS.IS_TABLE_WRAPPING_TEXT_UPDATE, event.target.value === SHOW_HIDE_ON_DEMAND);
+      },
+      managerTheme: props.managerTheme
+    })), openedPanelId === COLUMN_MANAGER && jsxRuntime.jsx(ColumnSettingsManager$1, _objectSpread$1(_objectSpread$1({}, props.columnManager || {}), {}, {
+      availableColumns: props.columnManager.hideableColumns,
+      selectedColumns: selectedColumns,
+      onClose: handleSettingsPanelChange,
+      onUpdateColumns: function onUpdateColumns(nextVisibleColumns) {
+        var keysOfVisibleColumns = _mapInstanceProperty__default["default"](nextVisibleColumns).call(nextVisibleColumns, function (visibleColumn) {
+          return visibleColumn.key;
+        });
+
+        props.onSettingsChange(UPDATE_ACTIONS.COLUMNS_UPDATE, keysOfVisibleColumns);
+      },
+      managerTheme: props.managerTheme
+    }))]
+  });
 };
 
 DataTableSettings.displayName = 'DataTableSettings';
 DataTableSettings.propTypes = process.env.NODE_ENV !== "production" ? {
-  topBar: PropTypes__default['default'].node,
-  onSettingsChange: PropTypes__default['default'].func,
-  displaySettings: PropTypes__default['default'].shape({
-    disableDisplaySettings: PropTypes__default['default'].bool,
-    isCondensed: PropTypes__default['default'].bool,
-    isWrappingText: PropTypes__default['default'].bool,
-    primaryButton: PropTypes__default['default'].element,
-    secondaryButton: PropTypes__default['default'].element
+  topBar: PropTypes__default["default"].node,
+  onSettingsChange: PropTypes__default["default"].func,
+  displaySettings: PropTypes__default["default"].shape({
+    disableDisplaySettings: PropTypes__default["default"].bool,
+    isCondensed: PropTypes__default["default"].bool,
+    isWrappingText: PropTypes__default["default"].bool,
+    primaryButton: PropTypes__default["default"].element,
+    secondaryButton: PropTypes__default["default"].element
   }),
-  columnManager: PropTypes__default['default'].shape((_PropTypes$shape = {
-    areHiddenColumnsSearchable: PropTypes__default['default'].bool,
-    disableColumnManager: PropTypes__default['default'].bool,
-    visibleColumnKeys: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string.isRequired),
-    hideableColumns: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-      key: PropTypes__default['default'].string.isRequired,
-      label: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].node]).isRequired
-    }))
-  }, _defineProperty(_PropTypes$shape, "areHiddenColumnsSearchable", PropTypes__default['default'].bool), _defineProperty(_PropTypes$shape, "searchHiddenColumns", PropTypes__default['default'].func), _defineProperty(_PropTypes$shape, "searchHiddenColumnsPlaceholder", PropTypes__default['default'].string), _defineProperty(_PropTypes$shape, "primaryButton", PropTypes__default['default'].element), _defineProperty(_PropTypes$shape, "secondaryButton", PropTypes__default['default'].element), _PropTypes$shape)),
-  managerTheme: PropTypes__default['default'].oneOf(['light', 'dark'])
+  columnManager: PropTypes__default["default"].shape({
+    areHiddenColumnsSearchable: PropTypes__default["default"].bool,
+    disableColumnManager: PropTypes__default["default"].bool,
+    visibleColumnKeys: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string.isRequired),
+    hideableColumns: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+      key: PropTypes__default["default"].string.isRequired,
+      label: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired
+    })),
+    searchHiddenColumns: PropTypes__default["default"].func,
+    searchHiddenColumnsPlaceholder: PropTypes__default["default"].string,
+    primaryButton: PropTypes__default["default"].element,
+    secondaryButton: PropTypes__default["default"].element
+  }),
+  managerTheme: PropTypes__default["default"].oneOf(['light', 'dark'])
 } : {};
 var DataTableSettings$1 = DataTableSettings;
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context3; _forEachInstanceProperty__default['default'](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
 
 var DataTableManager = function DataTableManager(props) {
   var areDisplaySettingsEnabled = Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
   var isWrappingText = areDisplaySettingsEnabled && props.displaySettings.isWrappingText;
-  var columns = React__default['default'].useMemo(function () {
+  var columns = react.useMemo(function () {
     var _context;
 
-    return _mapInstanceProperty__default['default'](_context = props.columns).call(_context, function (column) {
+    return _mapInstanceProperty__default["default"](_context = props.columns).call(_context, function (column) {
       return _objectSpread(_objectSpread({}, column), {}, {
         isTruncated: areDisplaySettingsEnabled ? isWrappingText : column.isTruncated
       });
     });
   }, [areDisplaySettingsEnabled, props.columns, isWrappingText]);
-  return react.jsx(Spacings__default['default'].Stack, null, react.jsx(DataTableSettings$1, {
-    topBar: props.topBar,
-    onSettingsChange: props.onSettingsChange,
-    columnManager: props.columnManager,
-    displaySettings: props.displaySettings,
-    managerTheme: props.managerTheme
-  }), /*#__PURE__*/React__default['default'].cloneElement(props.children, {
-    columns: columns,
-    isCondensed: areDisplaySettingsEnabled && props.displaySettings.isCondensed
-  }));
+  return jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+    children: [jsxRuntime.jsx(DataTableSettings$1, {
+      topBar: props.topBar,
+      onSettingsChange: props.onSettingsChange,
+      columnManager: props.columnManager,
+      displaySettings: props.displaySettings,
+      managerTheme: props.managerTheme
+    }), /*#__PURE__*/react.cloneElement(props.children, {
+      columns: columns,
+      isCondensed: areDisplaySettingsEnabled && props.displaySettings.isCondensed
+    })]
+  });
 };
 
 DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -814,7 +894,7 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
    * The list of columns to be rendered.
    * Each column can be customized (see properties below).
    */
-  columns: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
+  columns: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
     /**
      * The unique key of the column that is used to identify your data type.
      * You can use this value to determine which value from a row item should be rendered.
@@ -825,12 +905,12 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
      * an explicit mapping of the value by implementing either the `itemRendered` function or
      * the column-specific `renderItem` function.
      */
-    key: PropTypes__default['default'].string.isRequired,
+    key: PropTypes__default["default"].string.isRequired,
 
     /**
      * The label of the column that will be shown on the column header.
      */
-    label: PropTypes__default['default'].node.isRequired,
+    label: PropTypes__default["default"].node.isRequired,
 
     /**
      * Sets a width for this column. Accepts the same values as the ones specified for
@@ -842,19 +922,19 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
      *
      * @@defaultValue@@: auto
      */
-    width: PropTypes__default['default'].string,
+    width: PropTypes__default["default"].string,
 
     /**
      * Use this to override the table's own `horizontalCellAlignment` prop for this specific column.
      */
-    align: PropTypes__default['default'].oneOf(['left', 'center', 'right']),
+    align: PropTypes__default["default"].oneOf(['left', 'center', 'right']),
 
     /**
      * A callback function, called when the header cell is clicked.
      * <br>
      * Signature: `(event) => void`
      */
-    onClick: PropTypes__default['default'].func,
+    onClick: PropTypes__default["default"].func,
 
     /**
      * A callback function to render the content of cells under this column, overriding
@@ -862,7 +942,7 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
      * <br>
      * Signature: `(row: object, isRowCollapsed: boolean) => React.Node`
      */
-    renderItem: PropTypes__default['default'].func,
+    renderItem: PropTypes__default["default"].func,
 
     /**
      * Use this prop to place an `Icon` or `IconButton` on the left of the column label.
@@ -870,7 +950,7 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
      * in order to properly position and align the elements.
      * This is particularly useful for medium-sized icons which require more vertical space than the typography.
      */
-    headerIcon: PropTypes__default['default'].node,
+    headerIcon: PropTypes__default["default"].node,
 
     /**
      * Set this to `true` to allow text content of this cell to be truncated with an ellipsis,
@@ -885,7 +965,7 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
      *
      * @@defaultValue@@: false
      */
-    isTruncated: PropTypes__default['default'].bool,
+    isTruncated: PropTypes__default["default"].bool,
 
     /**
      * Set this to `true` to show a sorting button, which calls `onSortChange` upon being clicked.
@@ -894,7 +974,7 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
      *
      * @@defaultValue@@: false
      */
-    isSortable: PropTypes__default['default'].bool,
+    isSortable: PropTypes__default["default"].bool,
 
     /**
      * Set this to `true` to prevent this column from being manually resized by dragging
@@ -902,7 +982,7 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
      *
      * @@defaultValue@@: false
      */
-    disableResizing: PropTypes__default['default'].bool,
+    disableResizing: PropTypes__default["default"].bool,
 
     /**
      * Set this to `true` to prevent click event propagation for this cell.
@@ -911,7 +991,7 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
      *
      * @@defaultValue@@: false
      */
-    shouldIgnoreRowClick: PropTypes__default['default'].bool
+    shouldIgnoreRowClick: PropTypes__default["default"].bool
   })).isRequired,
 
   /**
@@ -919,18 +999,18 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
    * <br>
    * Note that the child component will implicitly receive the props `columns` and `isCondensed` from the `<DataTableManager>`.
    */
-  children: PropTypes__default['default'].node.isRequired,
+  children: PropTypes__default["default"].node.isRequired,
 
   /**
    * The managed display settings of the table.
    */
-  displaySettings: PropTypes__default['default'].shape({
+  displaySettings: PropTypes__default["default"].shape({
     /**
      * Set this flag to `false` to show the display settings panel option.
      *
      * @@defaultValue@@: true
      */
-    disableDisplaySettings: PropTypes__default['default'].bool,
+    disableDisplaySettings: PropTypes__default["default"].bool,
 
     /**
      * Set this to `true` to reduce the paddings of all cells, allowing the table to display
@@ -938,7 +1018,7 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
      *
      * @@defaultValue@@: false
      */
-    isCondensed: PropTypes__default['default'].bool,
+    isCondensed: PropTypes__default["default"].bool,
 
     /**
      * Set this to `true` to allow text in a cell to wrap.
@@ -947,69 +1027,69 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
      *
      * @@defaultValue@@: false
      */
-    isWrappingText: PropTypes__default['default'].bool,
+    isWrappingText: PropTypes__default["default"].bool,
 
     /**
      * A React element to be rendered as the primary button, useful when the display settings work as a form.
      */
-    primaryButton: PropTypes__default['default'].element,
+    primaryButton: PropTypes__default["default"].element,
 
     /**
      * A React element to be rendered as the secondary button, useful when the display settings work as a form.
      */
-    secondaryButton: PropTypes__default['default'].element
+    secondaryButton: PropTypes__default["default"].element
   }),
 
   /**
    * The managed column settings of the table.
    */
-  columnManager: PropTypes__default['default'].shape({
+  columnManager: PropTypes__default["default"].shape({
     /**
      * Set this to `false` to show the column settings panel option.
      *
      * @@defaultValue@@: true
      */
-    disableColumnManager: PropTypes__default['default'].bool,
+    disableColumnManager: PropTypes__default["default"].bool,
 
     /**
      * The keys of the visible columns.
      */
-    visibleColumnKeys: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string.isRequired),
+    visibleColumnKeys: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string.isRequired),
 
     /**
      * The keys of the visible columns.
      */
-    hideableColumns: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-      key: PropTypes__default['default'].string.isRequired,
-      label: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].node]).isRequired
+    hideableColumns: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+      key: PropTypes__default["default"].string.isRequired,
+      label: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired
     })),
 
     /**
      * Set this to `true` to show a search input for the hidden columns panel.
      */
-    areHiddenColumnsSearchable: PropTypes__default['default'].bool,
+    areHiddenColumnsSearchable: PropTypes__default["default"].bool,
 
     /**
      * A callback function, called when the search input for the hidden columns panel changes.
      * <br>
      * Signature: `(event) => void`
      */
-    searchHiddenColumns: PropTypes__default['default'].func,
+    searchHiddenColumns: PropTypes__default["default"].func,
 
     /**
      * Placeholder value of the search input for the hidden columns panel.
      */
-    searchHiddenColumnsPlaceholder: PropTypes__default['default'].string,
+    searchHiddenColumnsPlaceholder: PropTypes__default["default"].string,
 
     /**
      * A React element to be rendered as the primary button, useful when the column settings work as a form.
      */
-    primaryButton: PropTypes__default['default'].element,
+    primaryButton: PropTypes__default["default"].element,
 
     /**
      * A React element to be rendered as the secondary button, useful when the column settings work as a form.
      */
-    secondaryButton: PropTypes__default['default'].element
+    secondaryButton: PropTypes__default["default"].element
   }),
 
   /**
@@ -1017,36 +1097,32 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
    * <br>
    * Signature: `(action: string, nextValue: object) => void`
    */
-  onSettingsChange: PropTypes__default['default'].func,
+  onSettingsChange: PropTypes__default["default"].func,
 
   /**
    * A React node for rendering additional information within the table manager.
    */
-  topBar: PropTypes__default['default'].node,
+  topBar: PropTypes__default["default"].node,
 
   /**
    * Sets the background theme of the Card that contains the settings
    */
-  managerTheme: PropTypes__default['default'].oneOf(['light', 'dark'])
+  managerTheme: PropTypes__default["default"].oneOf(['light', 'dark'])
 } : {};
 DataTableManager.displayName = 'DataTableManager';
 var DataTableManager$1 = DataTableManager;
 
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.2';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.6";
 
 Object.defineProperty(exports, 'useRowSelection', {
   enumerable: true,
-  get: function () {
-    return hooks.useRowSelection;
-  }
+  get: function () { return hooks.useRowSelection; }
 });
 Object.defineProperty(exports, 'useSorting', {
   enumerable: true,
-  get: function () {
-    return hooks.useSorting;
-  }
+  get: function () { return hooks.useSorting; }
 });
 exports.UPDATE_ACTIONS = UPDATE_ACTIONS;
-exports['default'] = DataTableManager$1;
+exports["default"] = DataTableManager$1;
 exports.version = version;