@commercetools-uikit/data-table-manager 19.9.0 → 19.11.0

package/dist/column-settings-manager-92b54563.cjs.dev.js

@@ -0,0 +1,494 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _styled = require('@emotion/styled/base');
+var _pt = require('prop-types');
+var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
+var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var react = require('react');
+var reactIntl = require('react-intl');
+var reactBeautifulDnd = require('react-beautiful-dnd');
+var debounce = require('debounce-promise');
+var differenceWith = require('lodash/differenceWith');
+var designSystem = require('@commercetools-uikit/design-system');
+var AsyncSelectInput = require('@commercetools-uikit/async-select-input');
+var FieldLabel = require('@commercetools-uikit/field-label');
+var Spacings = require('@commercetools-uikit/spacings');
+var icons = require('@commercetools-uikit/icons');
+var utils = require('@commercetools-uikit/utils');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var AccessibleButton = require('@commercetools-uikit/accessible-button');
+var CollapsibleMotion = require('@commercetools-uikit/collapsible-motion');
+var Card = require('@commercetools-uikit/card');
+var Text = require('@commercetools-uikit/text');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+var Tag = require('@commercetools-uikit/tag');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var _pt__default = /*#__PURE__*/_interopDefault(_pt);
+var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
+var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
+var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var debounce__default = /*#__PURE__*/_interopDefault(debounce);
+var differenceWith__default = /*#__PURE__*/_interopDefault(differenceWith);
+var AsyncSelectInput__default = /*#__PURE__*/_interopDefault(AsyncSelectInput);
+var FieldLabel__default = /*#__PURE__*/_interopDefault(FieldLabel);
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
+var CollapsibleMotion__default = /*#__PURE__*/_interopDefault(CollapsibleMotion);
+var Card__default = /*#__PURE__*/_interopDefault(Card);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+var Tag__default = /*#__PURE__*/_interopDefault(Tag);
+
+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)."; }
+const HeaderContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "e6ezr101"
+} : {
+  target: "e6ezr101",
+  label: "HeaderContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1bhm8h2",
+  styles: "display:flex;flex:1;justify-content:space-between"
+} : {
+  name: "1bhm8h2",
+  styles: "display:flex;flex:1;justify-content:space-between",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNldHRpbmdzLWNvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJrQyIsImZpbGUiOiJzZXR0aW5ncy1jb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCBSZWFjdEVsZW1lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUludGwsIHR5cGUgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCBDb2xsYXBzaWJsZU1vdGlvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb2xsYXBzaWJsZS1tb3Rpb24nO1xuaW1wb3J0IENhcmQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY2FyZCc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBDbG9zZUljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IHR5cGUgVEludGxNZXNzYWdlID0gTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0LlJlYWN0Tm9kZT47XG59O1xuXG50eXBlIFRTZXR0aW5nc0NvbnRhaW5lclByb3BzID0ge1xuICB0aXRsZT86IFRJbnRsTWVzc2FnZTtcbiAgY2xvc2VCdXR0b25MYWJlbDogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3QuUmVhY3ROb2RlPjtcbiAgfTtcbiAgb25DbG9zZTogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgcHJpbWFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcbiAgc2Vjb25kYXJ5QnV0dG9uPzogUmVhY3RFbGVtZW50O1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjb250YWluZXJUaGVtZT86ICdsaWdodCcgfCAnZGFyayc7XG4gIGN1c3RvbVNldHRpbmdzVGl0bGU/OiBzdHJpbmcgfCBUSW50bE1lc3NhZ2U7XG59O1xuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gO1xuXG5jb25zdCBDYXJkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nNDB9ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc1MH07XG5gO1xuXG5jb25zdCBTZXR0aW5nc0NvbnRhaW5lciA9IChwcm9wczogVFNldHRpbmdzQ29udGFpbmVyUHJvcHMpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcblxuICByZXR1cm4gKFxuICAgIDxDb2xsYXBzaWJsZU1vdGlvbiBpc0RlZmF1bHRDbG9zZWQ9e2ZhbHNlfT5cbiAgICAgIHsoeyByZWdpc3RlckNvbnRlbnROb2RlLCBjb250YWluZXJTdHlsZXMgfSkgPT4gKFxuICAgICAgICA8Q2FyZCB0eXBlPVwicmFpc2VkXCIgaW5zZXRTY2FsZT1cIm5vbmVcIiB0aGVtZT17cHJvcHMuY29udGFpbmVyVGhlbWV9PlxuICAgICAgICAgIDxDYXJkQ29udGVudFdyYXBwZXI+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgICAgICA8SGVhZGVyQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgIHtwcm9wcy5jdXN0b21TZXR0aW5nc1RpdGxlID8gKFxuICAgICAgICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICAgICAgICB7cHJvcHMuY3VzdG9tU2V0dGluZ3NUaXRsZX1cbiAgICAgICAgICAgICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiIGludGxNZXNzYWdlPXtwcm9wcy50aXRsZX0gLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShwcm9wcy5jbG9zZUJ1dHRvbkxhYmVsKX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8Q2xvc2VJY29uIHNpemU9XCJtZWRpdW1cIiAvPlxuICAgICAgICAgICAgICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgICAgICAgICAgICAgPC9IZWFkZXJDb250YWluZXI+XG4gICAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cImxcIj5cbiAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5zZXQgc2NhbGU9XCJzXCI+XG4gICAgICAgICAgICAgICAgICA8ZGl2IHN0eWxlPXtjb250YWluZXJTdHlsZXN9PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IHJlZj17cmVnaXN0ZXJDb250ZW50Tm9kZX0+e3Byb3BzLmNoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9TcGFjaW5ncy5JbnNldD5cbiAgICAgICAgICAgICAgICB7KHByb3BzLnNlY29uZGFyeUJ1dHRvbiB8fCBwcm9wcy5wcmltYXJ5QnV0dG9uKSAmJiAoXG4gICAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIj5cbiAgICAgICAgICAgICAgICAgICAge3Byb3BzLnNlY29uZGFyeUJ1dHRvbn1cbiAgICAgICAgICAgICAgICAgICAge3Byb3BzLnByaW1hcnlCdXR0b259XG4gICAgICAgICAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L0NhcmRDb250ZW50V3JhcHBlcj5cbiAgICAgICAgPC9DYXJkPlxuICAgICAgKX1cbiAgICA8L0NvbGxhcHNpYmxlTW90aW9uPlxuICApO1xufTtcblxuU2V0dGluZ3NDb250YWluZXIuZGlzcGxheU5hbWUgPSAnU2V0dGluZ3NDb250YWluZXInO1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFNldHRpbmdzQ29udGFpbmVyUHJvcHMsICdjb250YWluZXJUaGVtZSc+ID0ge1xuICBjb250YWluZXJUaGVtZTogJ2RhcmsnLFxufTtcblNldHRpbmdzQ29udGFpbmVyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgU2V0dGluZ3NDb250YWluZXI7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+});
+const CardContentWrapper = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "e6ezr100"
+} : {
+  target: "e6ezr100",
+  label: "CardContentWrapper"
+})("padding:", designSystem.designTokens.spacing40, " ", designSystem.designTokens.spacing50, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNldHRpbmdzLWNvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NxQyIsImZpbGUiOiJzZXR0aW5ncy1jb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCBSZWFjdEVsZW1lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUludGwsIHR5cGUgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCBDb2xsYXBzaWJsZU1vdGlvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb2xsYXBzaWJsZS1tb3Rpb24nO1xuaW1wb3J0IENhcmQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY2FyZCc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBDbG9zZUljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IHR5cGUgVEludGxNZXNzYWdlID0gTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0LlJlYWN0Tm9kZT47XG59O1xuXG50eXBlIFRTZXR0aW5nc0NvbnRhaW5lclByb3BzID0ge1xuICB0aXRsZT86IFRJbnRsTWVzc2FnZTtcbiAgY2xvc2VCdXR0b25MYWJlbDogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3QuUmVhY3ROb2RlPjtcbiAgfTtcbiAgb25DbG9zZTogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgcHJpbWFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcbiAgc2Vjb25kYXJ5QnV0dG9uPzogUmVhY3RFbGVtZW50O1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjb250YWluZXJUaGVtZT86ICdsaWdodCcgfCAnZGFyayc7XG4gIGN1c3RvbVNldHRpbmdzVGl0bGU/OiBzdHJpbmcgfCBUSW50bE1lc3NhZ2U7XG59O1xuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gO1xuXG5jb25zdCBDYXJkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nNDB9ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc1MH07XG5gO1xuXG5jb25zdCBTZXR0aW5nc0NvbnRhaW5lciA9IChwcm9wczogVFNldHRpbmdzQ29udGFpbmVyUHJvcHMpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcblxuICByZXR1cm4gKFxuICAgIDxDb2xsYXBzaWJsZU1vdGlvbiBpc0RlZmF1bHRDbG9zZWQ9e2ZhbHNlfT5cbiAgICAgIHsoeyByZWdpc3RlckNvbnRlbnROb2RlLCBjb250YWluZXJTdHlsZXMgfSkgPT4gKFxuICAgICAgICA8Q2FyZCB0eXBlPVwicmFpc2VkXCIgaW5zZXRTY2FsZT1cIm5vbmVcIiB0aGVtZT17cHJvcHMuY29udGFpbmVyVGhlbWV9PlxuICAgICAgICAgIDxDYXJkQ29udGVudFdyYXBwZXI+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgICAgICA8SGVhZGVyQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgIHtwcm9wcy5jdXN0b21TZXR0aW5nc1RpdGxlID8gKFxuICAgICAgICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICAgICAgICB7cHJvcHMuY3VzdG9tU2V0dGluZ3NUaXRsZX1cbiAgICAgICAgICAgICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiIGludGxNZXNzYWdlPXtwcm9wcy50aXRsZX0gLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShwcm9wcy5jbG9zZUJ1dHRvbkxhYmVsKX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8Q2xvc2VJY29uIHNpemU9XCJtZWRpdW1cIiAvPlxuICAgICAgICAgICAgICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgICAgICAgICAgICAgPC9IZWFkZXJDb250YWluZXI+XG4gICAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cImxcIj5cbiAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5zZXQgc2NhbGU9XCJzXCI+XG4gICAgICAgICAgICAgICAgICA8ZGl2IHN0eWxlPXtjb250YWluZXJTdHlsZXN9PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IHJlZj17cmVnaXN0ZXJDb250ZW50Tm9kZX0+e3Byb3BzLmNoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9TcGFjaW5ncy5JbnNldD5cbiAgICAgICAgICAgICAgICB7KHByb3BzLnNlY29uZGFyeUJ1dHRvbiB8fCBwcm9wcy5wcmltYXJ5QnV0dG9uKSAmJiAoXG4gICAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIj5cbiAgICAgICAgICAgICAgICAgICAge3Byb3BzLnNlY29uZGFyeUJ1dHRvbn1cbiAgICAgICAgICAgICAgICAgICAge3Byb3BzLnByaW1hcnlCdXR0b259XG4gICAgICAgICAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L0NhcmRDb250ZW50V3JhcHBlcj5cbiAgICAgICAgPC9DYXJkPlxuICAgICAgKX1cbiAgICA8L0NvbGxhcHNpYmxlTW90aW9uPlxuICApO1xufTtcblxuU2V0dGluZ3NDb250YWluZXIuZGlzcGxheU5hbWUgPSAnU2V0dGluZ3NDb250YWluZXInO1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFNldHRpbmdzQ29udGFpbmVyUHJvcHMsICdjb250YWluZXJUaGVtZSc+ID0ge1xuICBjb250YWluZXJUaGVtZTogJ2RhcmsnLFxufTtcblNldHRpbmdzQ29udGFpbmVyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgU2V0dGluZ3NDb250YWluZXI7XG4iXX0= */"));
+const SettingsContainer = props => {
+  const intl = reactIntl.useIntl();
+  return jsxRuntime.jsx(CollapsibleMotion__default["default"], {
+    isDefaultClosed: false,
+    children: _ref => {
+      let registerContentNode = _ref.registerContentNode,
+        containerStyles = _ref.containerStyles;
+      return jsxRuntime.jsx(Card__default["default"], {
+        type: "raised",
+        insetScale: "none",
+        theme: props.containerTheme,
+        children: jsxRuntime.jsx(CardContentWrapper, {
+          children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+            scale: "xl",
+            children: [jsxRuntime.jsxs(HeaderContainer, {
+              children: [props.customSettingsTitle ? jsxRuntime.jsx(Text__default["default"].Headline, {
+                as: "h2",
+                children: props.customSettingsTitle
+              }) : jsxRuntime.jsx(Text__default["default"].Headline, {
+                as: "h2",
+                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: "l",
+              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.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].shape({
+    values: _pt__default["default"].objectOf(_pt__default["default"].node)
+  })]),
+  closeButtonLabel: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].shape({
+    values: _pt__default["default"].objectOf(_pt__default["default"].node)
+  })]).isRequired,
+  onClose: _pt__default["default"].func.isRequired,
+  primaryButton: _pt__default["default"].element,
+  secondaryButton: _pt__default["default"].element,
+  children: _pt__default["default"].node.isRequired,
+  containerTheme: _pt__default["default"].oneOf(['light', 'dark']),
+  customSettingsTitle: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].shape({
+    values: _pt__default["default"].objectOf(_pt__default["default"].node)
+  })])])
+} : {};
+SettingsContainer.displayName = 'SettingsContainer';
+const defaultProps$1 = {
+  containerTheme: 'dark'
+};
+SettingsContainer.defaultProps = defaultProps$1;
+var SettingsContainer$1 = SettingsContainer;
+
+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)."; }
+const DraggingSmall = /*#__PURE__*/_styled__default["default"]("small", process.env.NODE_ENV === "production" ? {
+  target: "e1mp438g1"
+} : {
+  target: "e1mp438g1",
+  label: "DraggingSmall"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1fhyj3b",
+  styles: "&:hover{cursor:grab;}"
+} : {
+  name: "1fhyj3b",
+  styles: "&:hover{cursor:grab;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS10YWcuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFa0MiLCJmaWxlIjoiZHJhZ2dhYmxlLXRhZy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBEcmFnZ2luZ1NtYWxsID0gc3R5bGVkLnNtYWxsYFxuICAmOmhvdmVyIHtcbiAgICBjdXJzb3I6IGdyYWI7XG4gIH1cbmA7XG5cbmNvbnN0IERyYWdnaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgJHtEcmFnZ2luZ1NtYWxsfTtcbmA7XG5cbmV4cG9ydCBkZWZhdWx0IERyYWdnaW5nQ29udGFpbmVyO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const DraggingContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "e1mp438g0"
+} : {
+  target: "e1mp438g0",
+  label: "DraggingContainer"
+})(DraggingSmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS10YWcuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRb0MiLCJmaWxlIjoiZHJhZ2dhYmxlLXRhZy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBEcmFnZ2luZ1NtYWxsID0gc3R5bGVkLnNtYWxsYFxuICAmOmhvdmVyIHtcbiAgICBjdXJzb3I6IGdyYWI7XG4gIH1cbmA7XG5cbmNvbnN0IERyYWdnaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgJHtEcmFnZ2luZ1NtYWxsfTtcbmA7XG5cbmV4cG9ydCBkZWZhdWx0IERyYWdnaW5nQ29udGFpbmVyO1xuIl19 */"));
+var DraggingContainer$1 = DraggingContainer;
+
+function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const DraggableTagWrapper = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "emzjy4n0"
+} : {
+  target: "emzjy4n0",
+  label: "DraggableTagWrapper"
+})("padding:", designSystem.designTokens.spacing10, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS10YWcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cc0MiLCJmaWxlIjoiZHJhZ2dhYmxlLXRhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IERyYWdnYWJsZSB9IGZyb20gJ3JlYWN0LWJlYXV0aWZ1bC1kbmQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgVGFnIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RhZyc7XG5pbXBvcnQgRHJhZ2dpbmdDb250YWluZXIgZnJvbSAnLi9kcmFnZ2FibGUtdGFnLnN0eWxlcyc7XG5cbmV4cG9ydCB0eXBlIFRDb2x1bW5EYXRhID0ge1xuICBrZXk6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCB0eXBlIFREcmFnZ2FibGVUYWdQcm9wcyA9IHtcbiAgY29sdW1uOiBUQ29sdW1uRGF0YTtcbiAgaW5kZXg6IG51bWJlcjtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIG9uUmVtb3ZlPzogKGluZGV4OiBudW1iZXIpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBEcmFnZ2FibGVUYWdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfSAwO1xuYDtcblxuY29uc3QgRHJhZ2dhYmxlVGFnID0gKHByb3BzOiBURHJhZ2dhYmxlVGFnUHJvcHMpID0+IHtcbiAgY29uc3QgaGFuZGxlUmVtb3ZlQ29sdW1uID0gKCkgPT4gcHJvcHMub25SZW1vdmU/Lihwcm9wcy5pbmRleCk7XG5cbiAgcmV0dXJuIChcbiAgICA8RHJhZ2dhYmxlXG4gICAgICBkcmFnZ2FibGVJZD17cHJvcHMuY29sdW1uLmtleX1cbiAgICAgIGluZGV4PXtwcm9wcy5pbmRleH1cbiAgICAgIGlzRHJhZ0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgID5cbiAgICAgIHsocHJvdmlkZWQpID0+IHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8RHJhZ2dhYmxlVGFnV3JhcHBlcj5cbiAgICAgICAgICAgIDxEcmFnZ2luZ0NvbnRhaW5lclxuICAgICAgICAgICAgICByZWY9e3Byb3ZpZGVkLmlubmVyUmVmfVxuICAgICAgICAgICAgICB7Li4ucHJvdmlkZWQuZHJhZ2dhYmxlUHJvcHN9XG4gICAgICAgICAgICAgIHsuLi5wcm92aWRlZC5kcmFnSGFuZGxlUHJvcHN9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxUYWdcbiAgICAgICAgICAgICAgICBvblJlbW92ZT17cHJvcHMub25SZW1vdmUgPyBoYW5kbGVSZW1vdmVDb2x1bW4gOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgICBpc0RyYWdnYWJsZVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3Byb3BzLmNvbHVtbi5sYWJlbH1cbiAgICAgICAgICAgICAgPC9UYWc+XG4gICAgICAgICAgICA8L0RyYWdnaW5nQ29udGFpbmVyPlxuICAgICAgICAgIDwvRHJhZ2dhYmxlVGFnV3JhcHBlcj5cbiAgICAgICAgKTtcbiAgICAgIH19XG4gICAgPC9EcmFnZ2FibGU+XG4gICk7XG59O1xuXG5EcmFnZ2FibGVUYWcuZGlzcGxheU5hbWUgPSAnRHJhZ2dhYmxlVGFnJztcblxuZXhwb3J0IGRlZmF1bHQgRHJhZ2dhYmxlVGFnO1xuIl19 */"));
+const DraggableTag = props => {
+  const handleRemoveColumn = () => {
+    var _props$onRemove;
+    return (_props$onRemove = props.onRemove) === null || _props$onRemove === void 0 ? void 0 : _props$onRemove.call(props, props.index);
+  };
+  return jsxRuntime.jsx(reactBeautifulDnd.Draggable, {
+    draggableId: props.column.key,
+    index: props.index,
+    isDragDisabled: props.isDisabled,
+    children: provided => {
+      return jsxRuntime.jsx(DraggableTagWrapper, {
+        children: jsxRuntime.jsx(DraggingContainer$1, _objectSpread$1(_objectSpread$1(_objectSpread$1({
+          ref: provided.innerRef
+        }, provided.draggableProps), provided.dragHandleProps), {}, {
+          children: jsxRuntime.jsx(Tag__default["default"], {
+            onRemove: props.onRemove ? handleRemoveColumn : undefined,
+            isDisabled: props.isDisabled,
+            isDraggable: true,
+            children: props.column.label
+          })
+        }))
+      });
+    }
+  });
+};
+DraggableTag.propTypes = process.env.NODE_ENV !== "production" ? {
+  column: _pt__default["default"].shape({
+    key: _pt__default["default"].string.isRequired,
+    label: _pt__default["default"].node.isRequired
+  }).isRequired,
+  index: _pt__default["default"].number.isRequired,
+  isDisabled: _pt__default["default"].bool,
+  onRemove: _pt__default["default"].func
+} : {};
+DraggableTag.displayName = 'DraggableTag';
+var DraggableTag$1 = DraggableTag;
+
+const TagContainerEditable = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "e7rakq0"
+} : {
+  target: "e7rakq0",
+  label: "TagContainerEditable"
+})("background-color:", designSystem.designTokens.colorSurface, ";border:1px solid ", designSystem.designTokens.colorNeutral, ";border-radius:", designSystem.designTokens.borderRadius4, ";padding:", designSystem.designTokens.spacing30, ";height:", designSystem.designTokens.constraint7, ";overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1jb250YWluZXItZWRpdGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd1QyIsImZpbGUiOiJ0YWctY29udGFpbmVyLWVkaXRhYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5jb25zdCBUYWdDb250YWluZXJFZGl0YWJsZSA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbH07XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czR9O1xuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ3fTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBUYWdDb250YWluZXJFZGl0YWJsZTtcbiJdfQ== */"));
+var TagContainerEditable$1 = TagContainerEditable;
+
+var messages$1 = reactIntl.defineMessages({
+  loadMoreAttributesHint: {
+    id: 'UIKit.DataTableManager.ColumnManager.DroppablePanel.loadMoreAttributesHint',
+    description: 'Indicate that the user can use the search input to load more attributes',
+    defaultMessage: 'Load more attributes by using the search input above'
+  }
+});
+
+const DroppablePanel = props => {
+  return jsxRuntime.jsx(reactBeautifulDnd.Droppable, {
+    droppableId: props.droppableId,
+    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, (column, index) => {
+            var _context2;
+            return jsxRuntime.jsx(DraggableTag$1, {
+              column: column,
+              index: index,
+              onRemove: props.onRemove ? () => {
+                var _context3, _context4;
+                return props.onRemove([..._sliceInstanceProperty__default["default"](_context3 = props.columns).call(_context3, 0, index), ..._sliceInstanceProperty__default["default"](_context4 = props.columns).call(_context4, 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$1.loadMoreAttributesHint
+            })
+          })]
+        }), provided.placeholder]
+      });
+    }
+  });
+};
+DroppablePanel.propTypes = process.env.NODE_ENV !== "production" ? {
+  droppableId: _pt__default["default"].string.isRequired,
+  noColumnsText: _pt__default["default"].node.isRequired,
+  columns: _pt__default["default"].arrayOf(_pt__default["default"].shape({
+    key: _pt__default["default"].string.isRequired,
+    label: _pt__default["default"].node.isRequired
+  })).isRequired,
+  isSearchable: _pt__default["default"].bool,
+  isDisabled: _pt__default["default"].bool,
+  onRemove: _pt__default["default"].func
+} : {};
+DroppablePanel.displayName = 'DroppablePanel';
+var DroppablePanel$1 = DroppablePanel;
+
+var messages = reactIntl.defineMessages({
+  title: {
+    id: 'UIKit.DataTableManager.ColumnManager.title',
+    description: 'Title for the column manager component.',
+    defaultMessage: 'Column Manager'
+  },
+  visibleColumns: {
+    id: 'UIKit.DataTableManager.ColumnSelectorGroups.visible',
+    description: 'Message for the visible columns section.',
+    defaultMessage: 'Visible columns'
+  },
+  hiddenColumns: {
+    id: 'UIKit.DataTableManager.ColumnManager.hiddenColumns',
+    description: 'Message for the hidden columns section',
+    defaultMessage: 'Hidden columns'
+  },
+  noSelectedColumnsToShow: {
+    id: 'UIKit.DataTableManager.ColumnManager.noSelectedColumnsToShow',
+    description: 'Label when there are no selected columns to show',
+    defaultMessage: 'There are no selected columns to show.'
+  },
+  noHiddenColumnsToShow: {
+    id: 'UIKit.DataTableManager.ColumnManager.noHiddenColumnsToShow',
+    description: 'Label when there are no hidden columns to show',
+    defaultMessage: 'There are no hidden columns to show.'
+  },
+  closeButtonLabel: {
+    id: 'UIKit.DataTableManager.ColumnManager.closeButtonLabel',
+    description: 'Label for density manager close button.',
+    defaultMessage: 'Close'
+  }
+});
+
+const HIDDEN_COLUMNS_PANEL = 'hidden-columns-panel';
+const SELECTED_COLUMNS_PANEL = 'selected-columns-panel';
+
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const noSearch = () => _Promise__default["default"].resolve([]);
+// 'onChange' prop in AsyncSelectInput is required but not needed here
+const voidChangeHandler = () => undefined;
+const DroppableContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "en01od20"
+} : {
+  target: "en01od20",
+  label: "DroppableContainer"
+})("width:100%;position:relative;max-width:", designSystem.designTokens.constraint10, ";cursor:", props => props.isDragging ? 'grabbing' : 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRStEIiwiZmlsZSI6ImNvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZU1lbW8sXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VTdGF0ZSxcbiAgdHlwZSBSZWFjdEVsZW1lbnQsXG4gIHR5cGUgUmVhY3ROb2RlLFxuICB0eXBlIE1vdXNlRXZlbnQsXG4gIHR5cGUgS2V5Ym9hcmRFdmVudCxcbiAgdHlwZSBEaXNwYXRjaCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgRHJhZ0Ryb3BDb250ZXh0LCB0eXBlIERyb3BSZXN1bHQgfSBmcm9tICdyZWFjdC1iZWF1dGlmdWwtZG5kJztcbmltcG9ydCBkZWJvdW5jZSBmcm9tICdkZWJvdW5jZS1wcm9taXNlJztcbmltcG9ydCBkaWZmZXJlbmNlV2l0aCBmcm9tICdsb2Rhc2gvZGlmZmVyZW5jZVdpdGgnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQXN5bmNTZWxlY3RJbnB1dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hc3luYy1zZWxlY3QtaW5wdXQnO1xuaW1wb3J0IEZpZWxkTGFiZWwgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZmllbGQtbGFiZWwnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCB7XG4gIEV5ZUNyb3NzZWRJY29uLFxuICBFeWVJY29uLFxuICBTZWFyY2hJY29uLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IERyb3BwYWJsZVBhbmVsIGZyb20gJy4uL2Ryb3BwYWJsZS1wYW5lbCc7XG5pbXBvcnQgU2V0dGluZ3NDb250YWluZXIgZnJvbSAnLi4vc2V0dGluZ3MtY29udGFpbmVyJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcbmltcG9ydCB7IEhJRERFTl9DT0xVTU5TX1BBTkVMLCBTRUxFQ1RFRF9DT0xVTU5TX1BBTkVMIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuXG4vLyAnc2VhcmNoSGlkZGVuQ29sdW1zJyBpcyBvbmx5IHJlcXVpcmVkIGlmICdhcmVIaWRkZW5Db2x1bW5zU2VhcmNoYWJsZScgaXMgdHJ1ZVxuLy8gYnV0IHRoYXQgY2FsbGJhY2sgaXMgdXNlZCBpbiBBc3luY1NlbGVjdElucHV0LmxvYWRPcHRpb25zIHdoaWNoIGlzIHJlcXVpcmVkXG4vLyBUaGF0IHByb3BlcnR5IChsb2FkT3B0aW9ucykgaXMgcGFzc2VkIHRvIHJlYWN0LXNlbGVjdCBBc3luY1NlbGVjdCB3aGVyZSBpdCdzXG4vLyBkZWNsYXJlZCBhcyBvcHRpb25hbFxuY29uc3Qgbm9TZWFyY2ggPSAoKSA9PiBQcm9taXNlLnJlc29sdmUoW10pO1xuLy8gJ29uQ2hhbmdlJyBwcm9wIGluIEFzeW5jU2VsZWN0SW5wdXQgaXMgcmVxdWlyZWQgYnV0IG5vdCBuZWVkZWQgaGVyZVxuY29uc3Qgdm9pZENoYW5nZUhhbmRsZXIgPSAoKSA9PiB1bmRlZmluZWQ7XG5cbmV4cG9ydCB0eXBlIFRDb2x1bW5EYXRhID0ge1xuICBrZXk6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCB0eXBlIFRDb2x1bW5TZXR0aW5nc01hbmFnZXJQcm9wcyA9IHtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGF2YWlsYWJsZUNvbHVtbnM6IFRDb2x1bW5EYXRhW107XG4gIHNlbGVjdGVkQ29sdW1uczogVENvbHVtbkRhdGFbXTtcbiAgb25VcGRhdGVDb2x1bW5zOiAodXBkYXRlZENvbHVtczogVENvbHVtbkRhdGFbXSkgPT4gdm9pZDtcbiAgYXJlSGlkZGVuQ29sdW1uc1NlYXJjaGFibGU/OiBib29sZWFuO1xuICBzZWFyY2hIaWRkZW5Db2x1bW5zPzogKHNlYXJjaFRlcm06IHN0cmluZykgPT4gUHJvbWlzZTx2b2lkPiB8IHZvaWQ7XG4gIHNlYXJjaEhpZGRlbkNvbHVtbnNQbGFjZWhvbGRlcj86IHN0cmluZztcblxuICBvbkNsb3NlOiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICBwcmltYXJ5QnV0dG9uPzogUmVhY3RFbGVtZW50O1xuICBzZWNvbmRhcnlCdXR0b24/OiBSZWFjdEVsZW1lbnQ7XG4gIG1hbmFnZXJUaGVtZT86ICdsaWdodCcgfCAnZGFyayc7XG59O1xuXG50eXBlIFREcm9wcGFibGVDb250YWluZXJQcm9wcyA9IHtcbiAgaXNEcmFnZ2luZzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IERyb3BwYWJsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXY8VERyb3BwYWJsZUNvbnRhaW5lclByb3BzPmBcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWF4LXdpZHRoOiAke2Rlc2lnblRva2Vucy5jb25zdHJhaW50MTB9O1xuICBjdXJzb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNEcmFnZ2luZyA/ICdncmFiYmluZycgOiAnYXV0bycpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBoYW5kbGVDb2x1bW5zVXBkYXRlID0gKFxuICBkcmFnUmVzdWx0OiBEcm9wUmVzdWx0LFxuICBvblVwZGF0ZUNvbHVtbnM6IFRDb2x1bW5TZXR0aW5nc01hbmFnZXJQcm9wc1snb25VcGRhdGVDb2x1bW5zJ10sXG4gIHNlbGVjdGVkQ29sdW1uczogVENvbHVtblNldHRpbmdzTWFuYWdlclByb3BzWydzZWxlY3RlZENvbHVtbnMnXSxcbiAgYXZhaWxhYmxlQ29sdW1uczogVENvbHVtblNldHRpbmdzTWFuYWdlclByb3BzWydhdmFpbGFibGVDb2x1bW5zJ10sXG4gIHNldElzRHJhZ2dpbmc6IERpc3BhdGNoPGJvb2xlYW4+XG4pID0+IHtcbiAgc2V0SXNEcmFnZ2luZyhmYWxzZSk7XG4gIC8vIEludmFsaWQgZHJvcCBkZXN0aW5hdGlvbiwgZG8gbm90aGluZ1xuICBpZiAoIWRyYWdSZXN1bHQuZGVzdGluYXRpb24pIHJldHVybjtcbiAgaWYgKGRyYWdSZXN1bHQuZGVzdGluYXRpb24uZHJvcHBhYmxlSWQgPT09IEhJRERFTl9DT0xVTU5TX1BBTkVMKSB7XG4gICAgaWYgKGRyYWdSZXN1bHQuc291cmNlLmRyb3BwYWJsZUlkID09PSBISURERU5fQ09MVU1OU19QQU5FTCkgcmV0dXJuO1xuICAgIG9uVXBkYXRlQ29sdW1ucyhbXG4gICAgICAuLi5zZWxlY3RlZENvbHVtbnMuc2xpY2UoMCwgZHJhZ1Jlc3VsdC5zb3VyY2UuaW5kZXgpLFxuICAgICAgLi4uc2VsZWN0ZWRDb2x1bW5zLnNsaWNlKGRyYWdSZXN1bHQuc291cmNlLmluZGV4ICsgMSksXG4gICAgXSk7XG4gIH0gZWxzZSB7XG4gICAgLy8gdGhlIGRlc3RpbmF0aW9uIGlzIHRoZSBzZWxlY3RlZCBjb2x1bW5zIHBhbmVsXG5cbiAgICAvLyBpdCdzIGEgc3dhcCB3aGVuIHRoZSBzb3VyY2UgYW5kIHRoZSBkZXN0aW5hdGlvbiBhcmUgdGhlIHNhbWVcbiAgICBjb25zdCBpc1N3YXAgPSBkcmFnUmVzdWx0LnNvdXJjZS5kcm9wcGFibGVJZCA9PT0gU0VMRUNURURfQ09MVU1OU19QQU5FTDtcblxuICAgIGNvbnN0IGl0ZW1zID0gaXNTd2FwXG4gICAgICA/IC8vIHJlbW92ZSB0aGUgZHJhZ2dlZCBpdGVtIGZyb20gaXRzIHBvc2l0aW9uIGlmIGl0IGlzIG5vdCBjb21pbmcgZnJvbVxuICAgICAgICAvLyB0aGUgaGlkZGVuIHNlY3Rpb24gKGl0IGlzIGEgc3dhcClcbiAgICAgICAgW1xuICAgICAgICAgIC4uLnNlbGVjdGVkQ29sdW1ucy5zbGljZSgwLCBkcmFnUmVzdWx0LnNvdXJjZS5pbmRleCksXG4gICAgICAgICAgLi4uc2VsZWN0ZWRDb2x1bW5zLnNsaWNlKGRyYWdSZXN1bHQuc291cmNlLmluZGV4ICsgMSksXG4gICAgICAgIF1cbiAgICAgIDogc2VsZWN0ZWRDb2x1bW5zO1xuXG4gICAgY29uc3QgY29sdW1ucyA9IGlzU3dhcCA/IHNlbGVjdGVkQ29sdW1ucyA6IGF2YWlsYWJsZUNvbHVtbnM7XG4gICAgY29uc3QgZHJhZ2dlZENvbHVtbiA9IGNvbHVtbnMuZmluZChcbiAgICAgIChjb2wpID0+IGNvbC5rZXkgPT09IGRyYWdSZXN1bHQuZHJhZ2dhYmxlSWRcbiAgICApO1xuXG4gICAgLy8gcHVzaCB0aGUgY29sdW1uIGluIHRoZSBuZXcgcG9zaXRpb24gaWYgZHJhZ2dlZENvbHVtbiBpcyBmb3VuZFxuICAgIGlmIChkcmFnZ2VkQ29sdW1uKSB7XG4gICAgICBvblVwZGF0ZUNvbHVtbnMoW1xuICAgICAgICAuLi5pdGVtcy5zbGljZSgwLCBkcmFnUmVzdWx0LmRlc3RpbmF0aW9uLmluZGV4KSxcbiAgICAgICAgZHJhZ2dlZENvbHVtbixcbiAgICAgICAgLi4uaXRlbXMuc2xpY2UoZHJhZ1Jlc3VsdC5kZXN0aW5hdGlvbi5pbmRleCksXG4gICAgICBdKTtcbiAgICB9XG4gIH1cbn07XG5cbmNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKCkgPT4gKFxuICA8U3BhY2luZ3MuSW5saW5lIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICA8U2VhcmNoSWNvbiBzaXplPVwibWVkaXVtXCIgY29sb3I9XCJwcmltYXJ5XCIgLz5cbiAgPC9TcGFjaW5ncy5JbmxpbmU+XG4pO1xuRHJvcGRvd25JbmRpY2F0b3IuZGlzcGxheU5hbWUgPSAnRHJvcGRvd25JbmRpY2F0b3InO1xuXG5jb25zdCBOb3RoaW5nID0gKCkgPT4gbnVsbDtcbmNvbnN0IHNlbGVjdElucHV0Q29tcG9uZW50cyA9IHtcbiAgT3B0aW9uOiBOb3RoaW5nLFxuICBNZW51OiBOb3RoaW5nLFxuICBEcm9wZG93bkluZGljYXRvcixcbn07XG5cbmV4cG9ydCBjb25zdCBDb2x1bW5TZXR0aW5nc01hbmFnZXIgPSAocHJvcHM6IFRDb2x1bW5TZXR0aW5nc01hbmFnZXJQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuYXJlSGlkZGVuQ29sdW1uc1NlYXJjaGFibGUpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgdHlwZW9mIHByb3BzLnNlYXJjaEhpZGRlbkNvbHVtbnMgIT09ICd1bmRlZmluZWQnLFxuICAgICAgJ3VpLWtpdC9Db2x1bW5TZXR0aW5nc01hbmFnZXI6IFwic2VhcmNoSGlkZGVuQ29sdW1uc1wiIG11c3QgYmUgcHJvdmlkZWQgd2hlbiBcImFyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlXCIgaXMgdHJ1ZSdcbiAgICApO1xuICB9XG5cbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3QgW2lzRHJhZ2dpbmcsIHNldElzRHJhZ2dpbmddID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB7IHNlYXJjaEhpZGRlbkNvbHVtbnMgfSA9IHByb3BzO1xuXG4gIGNvbnN0IGhhbmRsZURyYWdTdGFydCA9ICgpID0+IHtcbiAgICBzZXRJc0RyYWdnaW5nKHRydWUpO1xuICB9O1xuXG4gIGNvbnN0IGhpZGRlbkNvbHVtbnMgPSB1c2VNZW1vKFxuICAgICgpID0+XG4gICAgICBkaWZmZXJlbmNlV2l0aChcbiAgICAgICAgcHJvcHMuYXZhaWxhYmxlQ29sdW1ucyxcbiAgICAgICAgcHJvcHMuc2VsZWN0ZWRDb2x1bW5zLFxuICAgICAgICAoYSwgYikgPT4gYS5rZXkgPT09IGIua2V5XG4gICAgICApLFxuICAgIFtwcm9wcy5hdmFpbGFibGVDb2x1bW5zLCBwcm9wcy5zZWxlY3RlZENvbHVtbnNdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlRHJhZ0VuZCA9IHVzZUNhbGxiYWNrPChkcmFnUmVzdWx0OiBEcm9wUmVzdWx0KSA9PiB2b2lkPihcbiAgICAoZHJhZ1Jlc3VsdCkgPT5cbiAgICAgIGhhbmRsZUNvbHVtbnNVcGRhdGUoXG4gICAgICAgIGRyYWdSZXN1bHQsXG4gICAgICAgIHByb3BzLm9uVXBkYXRlQ29sdW1ucyxcbiAgICAgICAgcHJvcHMuc2VsZWN0ZWRDb2x1bW5zLFxuICAgICAgICBwcm9wcy5hdmFpbGFibGVDb2x1bW5zLFxuICAgICAgICBzZXRJc0RyYWdnaW5nXG4gICAgICApLFxuICAgIFtwcm9wcy5vblVwZGF0ZUNvbHVtbnMsIHByb3BzLnNlbGVjdGVkQ29sdW1ucywgcHJvcHMuYXZhaWxhYmxlQ29sdW1uc11cbiAgKTtcblxuICBjb25zdCBkZWJvdW5jZWRTZWFyY2hIaWRkZW5Db2x1bW5zID0gdXNlTWVtbyhcbiAgICAoKSA9PiBkZWJvdW5jZShzZWFyY2hIaWRkZW5Db2x1bW5zID8/IG5vU2VhcmNoLCAzMDApLFxuICAgIFtzZWFyY2hIaWRkZW5Db2x1bW5zXVxuICApO1xuICBjb25zdCBoYW5kbGVJbnB1dENoYW5nZSA9IHVzZUNhbGxiYWNrPChpbnB1dFZhbHVlOiBzdHJpbmcpID0+IHZvaWQ+KFxuICAgIChpbnB1dFZhbHVlKSA9PiBkZWJvdW5jZWRTZWFyY2hIaWRkZW5Db2x1bW5zKGlucHV0VmFsdWUpLFxuICAgIFtkZWJvdW5jZWRTZWFyY2hIaWRkZW5Db2x1bW5zXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFNldHRpbmdzQ29udGFpbmVyXG4gICAgICBjdXN0b21TZXR0aW5nc1RpdGxlPXtwcm9wcy50aXRsZX1cbiAgICAgIHRpdGxlPXttZXNzYWdlcy50aXRsZX1cbiAgICAgIGNsb3NlQnV0dG9uTGFiZWw9e21lc3NhZ2VzLmNsb3NlQnV0dG9uTGFiZWx9XG4gICAgICBvbkNsb3NlPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgcHJpbWFyeUJ1dHRvbj17cHJvcHMucHJpbWFyeUJ1dHRvbn1cbiAgICAgIHNlY29uZGFyeUJ1dHRvbj17cHJvcHMuc2Vjb25kYXJ5QnV0dG9ufVxuICAgICAgY29udGFpbmVyVGhlbWU9e3Byb3BzLm1hbmFnZXJUaGVtZX1cbiAgICA+XG4gICAgICA8RHJhZ0Ryb3BDb250ZXh0IG9uRHJhZ0VuZD17aGFuZGxlRHJhZ0VuZH0gb25EcmFnU3RhcnQ9e2hhbmRsZURyYWdTdGFydH0+XG4gICAgICAgIDxTcGFjaW5ncy5JbmxpbmUgc2NhbGU9XCJsXCI+XG4gICAgICAgICAgPERyb3BwYWJsZUNvbnRhaW5lclxuICAgICAgICAgICAgaXNEcmFnZ2luZz17aXNEcmFnZ2luZ31cbiAgICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT1cImhpZGRlbi1jb2x1bW5zXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJtXCI+XG4gICAgICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmUgc2NhbGU9XCJzXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICAgIDxFeWVDcm9zc2VkSWNvbiBzaXplPVwiYmlnXCIgLz5cbiAgICAgICAgICAgICAgICA8RmllbGRMYWJlbFxuICAgICAgICAgICAgICAgICAgaWQ9XCJoaWRkZW4tY29sdW1uc1wiXG4gICAgICAgICAgICAgICAgICB0aXRsZT17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmhpZGRlbkNvbHVtbnMpfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAgICAgICAgICB7cHJvcHMuYXJlSGlkZGVuQ29sdW1uc1NlYXJjaGFibGUgJiYgKFxuICAgICAgICAgICAgICAgIDxBc3luY1NlbGVjdElucHV0XG4gICAgICAgICAgICAgICAgICB7Li4uKHByb3BzLnNlYXJjaEhpZGRlbkNvbHVtbnNQbGFjZWhvbGRlclxuICAgICAgICAgICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyOiBwcm9wcy5zZWFyY2hIaWRkZW5Db2x1bW5zUGxhY2Vob2xkZXIsXG4gICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZCl9XG4gICAgICAgICAgICAgICAgICBvbkNoYW5nZT17dm9pZENoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgICBsb2FkT3B0aW9ucz17bm9TZWFyY2h9XG4gICAgICAgICAgICAgICAgICBvbklucHV0Q2hhbmdlPXtoYW5kbGVJbnB1dENoYW5nZX1cbiAgICAgICAgICAgICAgICAgIGNvbXBvbmVudHM9e3NlbGVjdElucHV0Q29tcG9uZW50c31cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8RHJvcHBhYmxlUGFuZWxcbiAgICAgICAgICAgICAgICBkcm9wcGFibGVJZD17SElEREVOX0NPTFVNTlNfUEFORUx9XG4gICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e0hJRERFTl9DT0xVTU5TX1BBTkVMfVxuICAgICAgICAgICAgICAgIG5vQ29sdW1uc1RleHQ9e2ludGwuZm9ybWF0TWVzc2FnZShcbiAgICAgICAgICAgICAgICAgIG1lc3NhZ2VzLm5vSGlkZGVuQ29sdW1uc1RvU2hvd1xuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgY29sdW1ucz17aGlkZGVuQ29sdW1uc31cbiAgICAgICAgICAgICAgICBpc1NlYXJjaGFibGU9e3Byb3BzLmFyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L0Ryb3BwYWJsZUNvbnRhaW5lcj5cbiAgICAgICAgICA8RHJvcHBhYmxlQ29udGFpbmVyXG4gICAgICAgICAgICBpc0RyYWdnaW5nPXtpc0RyYWdnaW5nfVxuICAgICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PVwidmlzaWJsZS1jb2x1bW5zXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJtXCI+XG4gICAgICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmUgc2NhbGU9XCJ4c1wiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICA8RXllSWNvbiBzaXplPVwibWVkaXVtXCIgLz5cbiAgICAgICAgICAgICAgICA8RmllbGRMYWJlbFxuICAgICAgICAgICAgICAgICAgaWQ9XCJ2aXNpYmxlLWNvbHVtbnNcIlxuICAgICAgICAgICAgICAgICAgdGl0bGU9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy52aXNpYmxlQ29sdW1ucyl9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgICAgICAgIDxEcm9wcGFibGVQYW5lbFxuICAgICAgICAgICAgICAgIGRyb3BwYWJsZUlkPXtTRUxFQ1RFRF9DT0xVTU5TX1BBTkVMfVxuICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtTRUxFQ1RFRF9DT0xVTU5TX1BBTkVMfVxuICAgICAgICAgICAgICAgIG5vQ29sdW1uc1RleHQ9e2ludGwuZm9ybWF0TWVzc2FnZShcbiAgICAgICAgICAgICAgICAgIG1lc3NhZ2VzLm5vU2VsZWN0ZWRDb2x1bW5zVG9TaG93XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICBjb2x1bW5zPXtwcm9wcy5zZWxlY3RlZENvbHVtbnN9XG4gICAgICAgICAgICAgICAgb25SZW1vdmU9e3Byb3BzLm9uVXBkYXRlQ29sdW1uc31cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgICAgPC9Ecm9wcGFibGVDb250YWluZXI+XG4gICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAgPC9EcmFnRHJvcENvbnRleHQ+XG4gICAgPC9TZXR0aW5nc0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbkNvbHVtblNldHRpbmdzTWFuYWdlci5kaXNwbGF5TmFtZSA9ICdDb2x1bW5TZXR0aW5nc01hbmFnZXInO1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VENvbHVtblNldHRpbmdzTWFuYWdlclByb3BzLCAnYXZhaWxhYmxlQ29sdW1ucyc+ID0ge1xuICBhdmFpbGFibGVDb2x1bW5zOiBbXSxcbn07XG5Db2x1bW5TZXR0aW5nc01hbmFnZXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBDb2x1bW5TZXR0aW5nc01hbmFnZXI7XG4iXX0= */"));
+const handleColumnsUpdate = (dragResult, onUpdateColumns, selectedColumns, availableColumns, setIsDragging) => {
+  setIsDragging(false);
+  // Invalid drop destination, do nothing
+  if (!dragResult.destination) return;
+  if (dragResult.destination.droppableId === HIDDEN_COLUMNS_PANEL) {
+    if (dragResult.source.droppableId === HIDDEN_COLUMNS_PANEL) return;
+    onUpdateColumns([..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1)]);
+  } else {
+    // the destination is the selected columns panel
+
+    // it's a swap when the source and the destination are the same
+    const isSwap = dragResult.source.droppableId === SELECTED_COLUMNS_PANEL;
+    const items = isSwap ?
+    // remove the dragged item from its position if it is not coming from
+    // the hidden section (it is a swap)
+    [..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1)] : selectedColumns;
+    const columns = isSwap ? selectedColumns : availableColumns;
+    const draggedColumn = _findInstanceProperty__default["default"](columns).call(columns, col => col.key === dragResult.draggableId);
+
+    // push the column in the new position if draggedColumn is found
+    if (draggedColumn) {
+      onUpdateColumns([..._sliceInstanceProperty__default["default"](items).call(items, 0, dragResult.destination.index), draggedColumn, ..._sliceInstanceProperty__default["default"](items).call(items, dragResult.destination.index)]);
+    }
+  }
+};
+const DropdownIndicator = () => jsxRuntime.jsx(Spacings__default["default"].Inline, {
+  alignItems: "center",
+  children: jsxRuntime.jsx(icons.SearchIcon, {
+    size: "medium",
+    color: "primary"
+  })
+});
+DropdownIndicator.displayName = 'DropdownIndicator';
+const Nothing = () => null;
+const selectInputComponents = {
+  Option: Nothing,
+  Menu: Nothing,
+  DropdownIndicator
+};
+const ColumnSettingsManager = props => {
+  if (props.areHiddenColumnsSearchable) {
+    process.env.NODE_ENV !== "production" ? utils.warning(typeof props.searchHiddenColumns !== 'undefined', 'ui-kit/ColumnSettingsManager: "searchHiddenColumns" must be provided when "areHiddenColumnsSearchable" is true') : void 0;
+  }
+  const intl = reactIntl.useIntl();
+  const _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDragging = _useState2[0],
+    setIsDragging = _useState2[1];
+  const searchHiddenColumns = props.searchHiddenColumns;
+  const handleDragStart = () => {
+    setIsDragging(true);
+  };
+  const hiddenColumns = react.useMemo(() => differenceWith__default["default"](props.availableColumns, props.selectedColumns, (a, b) => a.key === b.key), [props.availableColumns, props.selectedColumns]);
+  const handleDragEnd = react.useCallback(dragResult => handleColumnsUpdate(dragResult, props.onUpdateColumns, props.selectedColumns, props.availableColumns, setIsDragging), [props.onUpdateColumns, props.selectedColumns, props.availableColumns]);
+  const debouncedSearchHiddenColumns = react.useMemo(() => debounce__default["default"](searchHiddenColumns !== null && searchHiddenColumns !== void 0 ? searchHiddenColumns : noSearch, 300), [searchHiddenColumns]);
+  const handleInputChange = react.useCallback(inputValue => debouncedSearchHiddenColumns(inputValue), [debouncedSearchHiddenColumns]);
+  return jsxRuntime.jsx(SettingsContainer$1, {
+    customSettingsTitle: props.title,
+    title: messages.title,
+    closeButtonLabel: messages.closeButtonLabel,
+    onClose: props.onClose,
+    primaryButton: props.primaryButton,
+    secondaryButton: props.secondaryButton,
+    containerTheme: props.managerTheme,
+    children: jsxRuntime.jsx(reactBeautifulDnd.DragDropContext, {
+      onDragEnd: handleDragEnd,
+      onDragStart: handleDragStart,
+      children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
+        scale: "l",
+        children: [jsxRuntime.jsx(DroppableContainer, {
+          isDragging: isDragging,
+          "aria-labelledby": "hidden-columns",
+          children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+            scale: "m",
+            children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
+              scale: "s",
+              alignItems: "center",
+              children: [jsxRuntime.jsx(icons.EyeCrossedIcon, {
+                size: "big"
+              }), jsxRuntime.jsx(FieldLabel__default["default"], {
+                id: "hidden-columns",
+                title: intl.formatMessage(messages.hiddenColumns)
+              })]
+            }), props.areHiddenColumnsSearchable && jsxRuntime.jsx(AsyncSelectInput__default["default"], _objectSpread(_objectSpread({}, props.searchHiddenColumnsPlaceholder ? {
+              placeholder: props.searchHiddenColumnsPlaceholder
+            } : undefined), {}, {
+              onChange: voidChangeHandler,
+              loadOptions: noSearch,
+              onInputChange: handleInputChange,
+              components: selectInputComponents
+            })), jsxRuntime.jsx(DroppablePanel$1, {
+              droppableId: HIDDEN_COLUMNS_PANEL,
+              "data-testid": HIDDEN_COLUMNS_PANEL,
+              noColumnsText: intl.formatMessage(messages.noHiddenColumnsToShow),
+              columns: hiddenColumns,
+              isSearchable: props.areHiddenColumnsSearchable
+            })]
+          })
+        }), jsxRuntime.jsx(DroppableContainer, {
+          isDragging: isDragging,
+          "aria-labelledby": "visible-columns",
+          children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+            scale: "m",
+            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.visibleColumns)
+              })]
+            }), jsxRuntime.jsx(DroppablePanel$1, {
+              droppableId: SELECTED_COLUMNS_PANEL,
+              "data-testid": SELECTED_COLUMNS_PANEL,
+              noColumnsText: intl.formatMessage(messages.noSelectedColumnsToShow),
+              columns: props.selectedColumns,
+              onRemove: props.onUpdateColumns
+            })]
+          })
+        })]
+      })
+    })
+  });
+};
+ColumnSettingsManager.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _pt__default["default"].string,
+  availableColumns: _pt__default["default"].arrayOf(_pt__default["default"].shape({
+    key: _pt__default["default"].string.isRequired,
+    label: _pt__default["default"].node.isRequired
+  })).isRequired,
+  selectedColumns: _pt__default["default"].arrayOf(_pt__default["default"].shape({
+    key: _pt__default["default"].string.isRequired,
+    label: _pt__default["default"].node.isRequired
+  })).isRequired,
+  onUpdateColumns: _pt__default["default"].func.isRequired,
+  areHiddenColumnsSearchable: _pt__default["default"].bool,
+  searchHiddenColumns: _pt__default["default"].func,
+  searchHiddenColumnsPlaceholder: _pt__default["default"].string,
+  onClose: _pt__default["default"].func.isRequired,
+  primaryButton: _pt__default["default"].element,
+  secondaryButton: _pt__default["default"].element,
+  managerTheme: _pt__default["default"].oneOf(['light', 'dark'])
+} : {};
+ColumnSettingsManager.displayName = 'ColumnSettingsManager';
+const defaultProps = {
+  availableColumns: []
+};
+ColumnSettingsManager.defaultProps = defaultProps;
+
+exports.ColumnSettingsManager = ColumnSettingsManager;
+exports.SettingsContainer = SettingsContainer$1;