@commercetools-uikit/data-table-manager 19.26.0 → 20.0.0

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

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var columnSettingsManager = require('../../dist/column-settings-manager-24972103.cjs.dev.js');
+var columnSettingsManager = require('../../dist/column-settings-manager-cb1d164e.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/defineProperty');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('@emotion/styled/base');
-require('prop-types');
 require('@babel/runtime-corejs3/core-js-stable/promise');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -20,7 +21,7 @@ require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 require('react');
 require('react-intl');
-require('react-beautiful-dnd');
+require('@hello-pangea/dnd');
 require('debounce-promise');
 require('lodash/differenceWith');
 require('@commercetools-uikit/design-system');

package/column-settings-manager/dist/commercetools-uikit-data-table-manager-column-settings-manager.cjs.prod.js

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var columnSettingsManager = require('../../dist/column-settings-manager-5e411066.cjs.prod.js');
+var columnSettingsManager = require('../../dist/column-settings-manager-58769e7c.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/defineProperty');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('@emotion/styled/base');
-require('prop-types');
 require('@babel/runtime-corejs3/core-js-stable/promise');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -20,7 +21,7 @@ require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 require('react');
 require('react-intl');
-require('react-beautiful-dnd');
+require('@hello-pangea/dnd');
 require('debounce-promise');
 require('lodash/differenceWith');
 require('@commercetools-uikit/design-system');

package/column-settings-manager/dist/commercetools-uikit-data-table-manager-column-settings-manager.esm.js

@@ -1,11 +1,12 @@
-export { C as ColumnSettingsManager } from '../../dist/column-settings-manager-60df8872.esm.js';
+export { C as ColumnSettingsManager } from '../../dist/column-settings-manager-144dfa13.esm.js';
 import '@babel/runtime-corejs3/helpers/defineProperty';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import '@emotion/styled/base';
-import 'prop-types';
 import '@babel/runtime-corejs3/core-js-stable/promise';
 import '@babel/runtime-corejs3/core-js-stable/instance/slice';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import '@babel/runtime-corejs3/core-js-stable/instance/bind';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -16,7 +17,7 @@ import '@babel/runtime-corejs3/core-js-stable/object/define-properties';
 import '@babel/runtime-corejs3/core-js-stable/object/define-property';
 import 'react';
 import 'react-intl';
-import 'react-beautiful-dnd';
+import '@hello-pangea/dnd';
 import 'debounce-promise';
 import 'lodash/differenceWith';
 import '@commercetools-uikit/design-system';

package/dist/column-settings-manager-144dfa13.esm.js

@@ -0,0 +1,401 @@
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
+import _styled from '@emotion/styled/base';
+import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
+import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
+import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
+import _bindInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/bind';
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import { useState, useMemo, useCallback } from 'react';
+import { useIntl, defineMessages } from 'react-intl';
+import { Draggable, Droppable, DragDropContext } from '@hello-pangea/dnd';
+import debounce from 'debounce-promise';
+import differenceWith from 'lodash/differenceWith';
+import { designTokens } from '@commercetools-uikit/design-system';
+import AsyncSelectInput from '@commercetools-uikit/async-select-input';
+import FieldLabel from '@commercetools-uikit/field-label';
+import Spacings from '@commercetools-uikit/spacings';
+import { CloseIcon, EyeCrossedIcon, EyeIcon, SearchIcon } from '@commercetools-uikit/icons';
+import { warning } from '@commercetools-uikit/utils';
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import AccessibleButton from '@commercetools-uikit/accessible-button';
+import CollapsibleMotion from '@commercetools-uikit/collapsible-motion';
+import Card from '@commercetools-uikit/card';
+import Text from '@commercetools-uikit/text';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import Tag from '@commercetools-uikit/tag';
+
+const _excluded$1 = ["containerTheme"];
+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("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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNldHRpbmdzLWNvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJrQyIsImZpbGUiOiJzZXR0aW5ncy1jb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCBSZWFjdEVsZW1lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB0eXBlIHsgUHJvcHMgYXMgSW50bE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsL3NyYy9jb21wb25lbnRzL21lc3NhZ2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IENvbGxhcHNpYmxlTW90aW9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbGxhcHNpYmxlLW1vdGlvbic7XG5pbXBvcnQgQ2FyZCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jYXJkJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IENsb3NlSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5leHBvcnQgdHlwZSBUSW50bE1lc3NhZ2UgPSBJbnRsTWVzc2FnZTtcblxudHlwZSBUU2V0dGluZ3NDb250YWluZXJQcm9wcyA9IHtcbiAgdGl0bGU/OiBUSW50bE1lc3NhZ2U7XG4gIGNsb3NlQnV0dG9uTGFiZWw6IEludGxNZXNzYWdlO1xuICBvbkNsb3NlOiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICBwcmltYXJ5QnV0dG9uPzogUmVhY3RFbGVtZW50O1xuICBzZWNvbmRhcnlCdXR0b24/OiBSZWFjdEVsZW1lbnQ7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGNvbnRhaW5lclRoZW1lPzogJ2xpZ2h0JyB8ICdkYXJrJztcbiAgY3VzdG9tU2V0dGluZ3NUaXRsZT86IHN0cmluZyB8IFRJbnRsTWVzc2FnZTtcbn07XG5cbmNvbnN0IEhlYWRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXg6IDE7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbmA7XG5cbmNvbnN0IENhcmRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH0gJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzUwfTtcbmA7XG5cbmNvbnN0IFNldHRpbmdzQ29udGFpbmVyID0gKHtcbiAgY29udGFpbmVyVGhlbWUgPSAnZGFyaycsXG4gIC4uLnByb3BzXG59OiBUU2V0dGluZ3NDb250YWluZXJQcm9wcykgPT4ge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuXG4gIHJldHVybiAoXG4gICAgPENvbGxhcHNpYmxlTW90aW9uIGlzRGVmYXVsdENsb3NlZD17ZmFsc2V9PlxuICAgICAgeyh7IHJlZ2lzdGVyQ29udGVudE5vZGUsIGNvbnRhaW5lclN0eWxlcyB9KSA9PiAoXG4gICAgICAgIDxDYXJkIHR5cGU9XCJyYWlzZWRcIiBpbnNldFNjYWxlPVwibm9uZVwiIHRoZW1lPXtjb250YWluZXJUaGVtZX0+XG4gICAgICAgICAgPENhcmRDb250ZW50V3JhcHBlcj5cbiAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCI+XG4gICAgICAgICAgICAgIDxIZWFkZXJDb250YWluZXI+XG4gICAgICAgICAgICAgICAge3Byb3BzLmN1c3RvbVNldHRpbmdzVGl0bGUgPyAoXG4gICAgICAgICAgICAgICAgICA8VGV4dC5IZWFkbGluZSBhcz1cImgyXCI+XG4gICAgICAgICAgICAgICAgICAgIHtwcm9wcy5jdXN0b21TZXR0aW5nc1RpdGxlIGFzIFJlYWN0Tm9kZX1cbiAgICAgICAgICAgICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiIGludGxNZXNzYWdlPXtwcm9wcy50aXRsZX0gLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShwcm9wcy5jbG9zZUJ1dHRvbkxhYmVsKX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8Q2xvc2VJY29uIHNpemU9XCJtZWRpdW1cIiAvPlxuICAgICAgICAgICAgICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgICAgICAgICAgICAgPC9IZWFkZXJDb250YWluZXI+XG4gICAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cImxcIj5cbiAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5zZXQgc2NhbGU9XCJzXCI+XG4gICAgICAgICAgICAgICAgICA8ZGl2IHN0eWxlPXtjb250YWluZXJTdHlsZXN9PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IHJlZj17cmVnaXN0ZXJDb250ZW50Tm9kZX0+e3Byb3BzLmNoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9TcGFjaW5ncy5JbnNldD5cbiAgICAgICAgICAgICAgICB7KHByb3BzLnNlY29uZGFyeUJ1dHRvbiB8fCBwcm9wcy5wcmltYXJ5QnV0dG9uKSAmJiAoXG4gICAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIj5cbiAgICAgICAgICAgICAgICAgICAge3Byb3BzLnNlY29uZGFyeUJ1dHRvbn1cbiAgICAgICAgICAgICAgICAgICAge3Byb3BzLnByaW1hcnlCdXR0b259XG4gICAgICAgICAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L0NhcmRDb250ZW50V3JhcHBlcj5cbiAgICAgICAgPC9DYXJkPlxuICAgICAgKX1cbiAgICA8L0NvbGxhcHNpYmxlTW90aW9uPlxuICApO1xufTtcblxuU2V0dGluZ3NDb250YWluZXIuZGlzcGxheU5hbWUgPSAnU2V0dGluZ3NDb250YWluZXInO1xuXG5leHBvcnQgZGVmYXVsdCBTZXR0aW5nc0NvbnRhaW5lcjtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+});
+const CardContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e6ezr100"
+} : {
+  target: "e6ezr100",
+  label: "CardContentWrapper"
+})("padding:", designTokens.spacing40, " ", designTokens.spacing50, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNldHRpbmdzLWNvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNxQyIsImZpbGUiOiJzZXR0aW5ncy1jb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCBSZWFjdEVsZW1lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB0eXBlIHsgUHJvcHMgYXMgSW50bE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsL3NyYy9jb21wb25lbnRzL21lc3NhZ2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IENvbGxhcHNpYmxlTW90aW9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbGxhcHNpYmxlLW1vdGlvbic7XG5pbXBvcnQgQ2FyZCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jYXJkJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IENsb3NlSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5leHBvcnQgdHlwZSBUSW50bE1lc3NhZ2UgPSBJbnRsTWVzc2FnZTtcblxudHlwZSBUU2V0dGluZ3NDb250YWluZXJQcm9wcyA9IHtcbiAgdGl0bGU/OiBUSW50bE1lc3NhZ2U7XG4gIGNsb3NlQnV0dG9uTGFiZWw6IEludGxNZXNzYWdlO1xuICBvbkNsb3NlOiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICBwcmltYXJ5QnV0dG9uPzogUmVhY3RFbGVtZW50O1xuICBzZWNvbmRhcnlCdXR0b24/OiBSZWFjdEVsZW1lbnQ7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGNvbnRhaW5lclRoZW1lPzogJ2xpZ2h0JyB8ICdkYXJrJztcbiAgY3VzdG9tU2V0dGluZ3NUaXRsZT86IHN0cmluZyB8IFRJbnRsTWVzc2FnZTtcbn07XG5cbmNvbnN0IEhlYWRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXg6IDE7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbmA7XG5cbmNvbnN0IENhcmRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH0gJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzUwfTtcbmA7XG5cbmNvbnN0IFNldHRpbmdzQ29udGFpbmVyID0gKHtcbiAgY29udGFpbmVyVGhlbWUgPSAnZGFyaycsXG4gIC4uLnByb3BzXG59OiBUU2V0dGluZ3NDb250YWluZXJQcm9wcykgPT4ge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuXG4gIHJldHVybiAoXG4gICAgPENvbGxhcHNpYmxlTW90aW9uIGlzRGVmYXVsdENsb3NlZD17ZmFsc2V9PlxuICAgICAgeyh7IHJlZ2lzdGVyQ29udGVudE5vZGUsIGNvbnRhaW5lclN0eWxlcyB9KSA9PiAoXG4gICAgICAgIDxDYXJkIHR5cGU9XCJyYWlzZWRcIiBpbnNldFNjYWxlPVwibm9uZVwiIHRoZW1lPXtjb250YWluZXJUaGVtZX0+XG4gICAgICAgICAgPENhcmRDb250ZW50V3JhcHBlcj5cbiAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCI+XG4gICAgICAgICAgICAgIDxIZWFkZXJDb250YWluZXI+XG4gICAgICAgICAgICAgICAge3Byb3BzLmN1c3RvbVNldHRpbmdzVGl0bGUgPyAoXG4gICAgICAgICAgICAgICAgICA8VGV4dC5IZWFkbGluZSBhcz1cImgyXCI+XG4gICAgICAgICAgICAgICAgICAgIHtwcm9wcy5jdXN0b21TZXR0aW5nc1RpdGxlIGFzIFJlYWN0Tm9kZX1cbiAgICAgICAgICAgICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiIGludGxNZXNzYWdlPXtwcm9wcy50aXRsZX0gLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShwcm9wcy5jbG9zZUJ1dHRvbkxhYmVsKX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8Q2xvc2VJY29uIHNpemU9XCJtZWRpdW1cIiAvPlxuICAgICAgICAgICAgICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgICAgICAgICAgICAgPC9IZWFkZXJDb250YWluZXI+XG4gICAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cImxcIj5cbiAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5zZXQgc2NhbGU9XCJzXCI+XG4gICAgICAgICAgICAgICAgICA8ZGl2IHN0eWxlPXtjb250YWluZXJTdHlsZXN9PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IHJlZj17cmVnaXN0ZXJDb250ZW50Tm9kZX0+e3Byb3BzLmNoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9TcGFjaW5ncy5JbnNldD5cbiAgICAgICAgICAgICAgICB7KHByb3BzLnNlY29uZGFyeUJ1dHRvbiB8fCBwcm9wcy5wcmltYXJ5QnV0dG9uKSAmJiAoXG4gICAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIj5cbiAgICAgICAgICAgICAgICAgICAge3Byb3BzLnNlY29uZGFyeUJ1dHRvbn1cbiAgICAgICAgICAgICAgICAgICAge3Byb3BzLnByaW1hcnlCdXR0b259XG4gICAgICAgICAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L0NhcmRDb250ZW50V3JhcHBlcj5cbiAgICAgICAgPC9DYXJkPlxuICAgICAgKX1cbiAgICA8L0NvbGxhcHNpYmxlTW90aW9uPlxuICApO1xufTtcblxuU2V0dGluZ3NDb250YWluZXIuZGlzcGxheU5hbWUgPSAnU2V0dGluZ3NDb250YWluZXInO1xuXG5leHBvcnQgZGVmYXVsdCBTZXR0aW5nc0NvbnRhaW5lcjtcbiJdfQ== */"));
+const SettingsContainer = _ref => {
+  let _ref$containerTheme = _ref.containerTheme,
+    containerTheme = _ref$containerTheme === void 0 ? 'dark' : _ref$containerTheme,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  const intl = useIntl();
+  return jsx(CollapsibleMotion, {
+    isDefaultClosed: false,
+    children: _ref2 => {
+      let registerContentNode = _ref2.registerContentNode,
+        containerStyles = _ref2.containerStyles;
+      return jsx(Card, {
+        type: "raised",
+        insetScale: "none",
+        theme: containerTheme,
+        children: jsx(CardContentWrapper, {
+          children: jsxs(Spacings.Stack, {
+            scale: "xl",
+            children: [jsxs(HeaderContainer, {
+              children: [props.customSettingsTitle ? jsx(Text.Headline, {
+                as: "h2",
+                children: props.customSettingsTitle
+              }) : jsx(Text.Headline, {
+                as: "h2",
+                intlMessage: props.title
+              }), jsx(AccessibleButton, {
+                onClick: props.onClose,
+                label: intl.formatMessage(props.closeButtonLabel),
+                children: jsx(CloseIcon, {
+                  size: "medium"
+                })
+              })]
+            }), jsxs(Spacings.Stack, {
+              scale: "l",
+              children: [jsx(Spacings.Inset, {
+                scale: "s",
+                children: jsx("div", {
+                  style: containerStyles,
+                  children: jsx("div", {
+                    ref: registerContentNode,
+                    children: props.children
+                  })
+                })
+              }), (props.secondaryButton || props.primaryButton) && jsxs(Spacings.Inline, {
+                justifyContent: "flex-end",
+                children: [props.secondaryButton, props.primaryButton]
+              })]
+            })]
+          })
+        })
+      });
+    }
+  });
+};
+SettingsContainer.displayName = 'SettingsContainer';
+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("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;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS10YWcuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFa0MiLCJmaWxlIjoiZHJhZ2dhYmxlLXRhZy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBEcmFnZ2luZ1NtYWxsID0gc3R5bGVkLnNtYWxsYFxuICAmOmhvdmVyIHtcbiAgICBjdXJzb3I6IGdyYWI7XG4gIH1cbmA7XG5cbmNvbnN0IERyYWdnaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgJHtEcmFnZ2luZ1NtYWxsfTtcbmA7XG5cbmV4cG9ydCBkZWZhdWx0IERyYWdnaW5nQ29udGFpbmVyO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const DraggingContainer = /*#__PURE__*/_styled("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(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(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(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const DraggableTagWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "emzjy4n0"
+} : {
+  target: "emzjy4n0",
+  label: "DraggableTagWrapper"
+})("padding:", designTokens.spacing10, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS10YWcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cc0MiLCJmaWxlIjoiZHJhZ2dhYmxlLXRhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IERyYWdnYWJsZSB9IGZyb20gJ0BoZWxsby1wYW5nZWEvZG5kJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFRhZyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90YWcnO1xuaW1wb3J0IERyYWdnaW5nQ29udGFpbmVyIGZyb20gJy4vZHJhZ2dhYmxlLXRhZy5zdHlsZXMnO1xuXG5leHBvcnQgdHlwZSBUQ29sdW1uRGF0YSA9IHtcbiAga2V5OiBzdHJpbmc7XG4gIGxhYmVsOiBSZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgdHlwZSBURHJhZ2dhYmxlVGFnUHJvcHMgPSB7XG4gIGNvbHVtbjogVENvbHVtbkRhdGE7XG4gIGluZGV4OiBudW1iZXI7XG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuICBvblJlbW92ZT86IChpbmRleDogbnVtYmVyKSA9PiB2b2lkO1xufTtcblxuY29uc3QgRHJhZ2dhYmxlVGFnV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0gMDtcbmA7XG5cbmNvbnN0IERyYWdnYWJsZVRhZyA9IChwcm9wczogVERyYWdnYWJsZVRhZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IGhhbmRsZVJlbW92ZUNvbHVtbiA9ICgpID0+IHByb3BzLm9uUmVtb3ZlPy4ocHJvcHMuaW5kZXgpO1xuXG4gIHJldHVybiAoXG4gICAgPERyYWdnYWJsZVxuICAgICAgZHJhZ2dhYmxlSWQ9e3Byb3BzLmNvbHVtbi5rZXl9XG4gICAgICBpbmRleD17cHJvcHMuaW5kZXh9XG4gICAgICBpc0RyYWdEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICA+XG4gICAgICB7KHByb3ZpZGVkKSA9PiB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPERyYWdnYWJsZVRhZ1dyYXBwZXI+XG4gICAgICAgICAgICA8RHJhZ2dpbmdDb250YWluZXJcbiAgICAgICAgICAgICAgcmVmPXtwcm92aWRlZC5pbm5lclJlZn1cbiAgICAgICAgICAgICAgey4uLnByb3ZpZGVkLmRyYWdnYWJsZVByb3BzfVxuICAgICAgICAgICAgICB7Li4ucHJvdmlkZWQuZHJhZ0hhbmRsZVByb3BzfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGFnXG4gICAgICAgICAgICAgICAgb25SZW1vdmU9e3Byb3BzLm9uUmVtb3ZlID8gaGFuZGxlUmVtb3ZlQ29sdW1uIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgaXNEcmFnZ2FibGVcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtwcm9wcy5jb2x1bW4ubGFiZWx9XG4gICAgICAgICAgICAgIDwvVGFnPlxuICAgICAgICAgICAgPC9EcmFnZ2luZ0NvbnRhaW5lcj5cbiAgICAgICAgICA8L0RyYWdnYWJsZVRhZ1dyYXBwZXI+XG4gICAgICAgICk7XG4gICAgICB9fVxuICAgIDwvRHJhZ2dhYmxlPlxuICApO1xufTtcblxuRHJhZ2dhYmxlVGFnLmRpc3BsYXlOYW1lID0gJ0RyYWdnYWJsZVRhZyc7XG5cbmV4cG9ydCBkZWZhdWx0IERyYWdnYWJsZVRhZztcbiJdfQ== */"));
+const DraggableTag = props => {
+  const handleRemoveColumn = () => props.onRemove?.(props.index);
+  return jsx(Draggable, {
+    draggableId: props.column.key,
+    index: props.index,
+    isDragDisabled: props.isDisabled,
+    children: provided => {
+      return jsx(DraggableTagWrapper, {
+        children: jsx(DraggingContainer$1, _objectSpread$1(_objectSpread$1(_objectSpread$1({
+          ref: provided.innerRef
+        }, provided.draggableProps), provided.dragHandleProps), {}, {
+          children: jsx(Tag, {
+            onRemove: props.onRemove ? handleRemoveColumn : undefined,
+            isDisabled: props.isDisabled,
+            isDraggable: true,
+            children: props.column.label
+          })
+        }))
+      });
+    }
+  });
+};
+DraggableTag.displayName = 'DraggableTag';
+var DraggableTag$1 = DraggableTag;
+
+const TagContainerEditable = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e7rakq0"
+} : {
+  target: "e7rakq0",
+  label: "TagContainerEditable"
+})("background-color:", designTokens.colorSurface, ";border:1px solid ", designTokens.colorNeutral, ";border-radius:", designTokens.borderRadius4, ";padding:", designTokens.spacing30, ";height:", 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 = 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 jsx(Droppable, {
+    droppableId: props.droppableId,
+    children: provided => {
+      var _context;
+      return jsxs(TagContainerEditable$1, {
+        "data-testid": props.droppableId,
+        ref: provided.innerRef,
+        children: [props.columns.length === 0 ? jsx(Spacings.Inset, {
+          scale: "s",
+          children: jsx(Text.Detail, {
+            tone: "secondary",
+            children: props.noColumnsText
+          })
+        }) : jsxs(Fragment, {
+          children: [_mapInstanceProperty(_context = props.columns).call(_context, (column, index) => jsx(DraggableTag$1, {
+            column: column,
+            index: index,
+            onRemove: props.onRemove ? () => {
+              var _context2, _context3;
+              return props.onRemove([..._sliceInstanceProperty(_context2 = props.columns).call(_context2, 0, index), ..._sliceInstanceProperty(_context3 = props.columns).call(_context3, index + 1)]);
+            } : undefined,
+            isDisabled: props.isDisabled
+          }, `${column.key}-${index}`)), props.isSearchable && jsx(Spacings.Inset, {
+            scale: "xs",
+            children: jsx(Text.Detail, {
+              tone: "secondary",
+              intlMessage: messages$1.loadMoreAttributesHint
+            })
+          })]
+        }), provided.placeholder]
+      });
+    }
+  });
+};
+DroppablePanel.displayName = 'DroppablePanel';
+var DroppablePanel$1 = DroppablePanel;
+
+var messages = 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';
+
+const _excluded = ["availableColumns"];
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const noSearch = () => _Promise.resolve([]);
+// 'onChange' prop in AsyncSelectInput is required but not needed here
+const voidChangeHandler = () => undefined;
+const DroppableContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "en01od20"
+} : {
+  target: "en01od20",
+  label: "DroppableContainer"
+})("width:100%;position:relative;max-width:", designTokens.constraint10, ";cursor:", props => props.isDragging ? 'grabbing' : 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRStEIiwiZmlsZSI6ImNvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZU1lbW8sXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VTdGF0ZSxcbiAgdHlwZSBSZWFjdEVsZW1lbnQsXG4gIHR5cGUgUmVhY3ROb2RlLFxuICB0eXBlIE1vdXNlRXZlbnQsXG4gIHR5cGUgS2V5Ym9hcmRFdmVudCxcbiAgdHlwZSBEaXNwYXRjaCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgRHJhZ0Ryb3BDb250ZXh0LCB0eXBlIERyb3BSZXN1bHQgfSBmcm9tICdAaGVsbG8tcGFuZ2VhL2RuZCc7XG5pbXBvcnQgZGVib3VuY2UgZnJvbSAnZGVib3VuY2UtcHJvbWlzZSc7XG5pbXBvcnQgZGlmZmVyZW5jZVdpdGggZnJvbSAnbG9kYXNoL2RpZmZlcmVuY2VXaXRoJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IEFzeW5jU2VsZWN0SW5wdXQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYXN5bmMtc2VsZWN0LWlucHV0JztcbmltcG9ydCBGaWVsZExhYmVsIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ZpZWxkLWxhYmVsJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQge1xuICBFeWVDcm9zc2VkSWNvbixcbiAgRXllSWNvbixcbiAgU2VhcmNoSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBEcm9wcGFibGVQYW5lbCBmcm9tICcuLi9kcm9wcGFibGUtcGFuZWwnO1xuaW1wb3J0IFNldHRpbmdzQ29udGFpbmVyIGZyb20gJy4uL3NldHRpbmdzLWNvbnRhaW5lcic7XG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcyc7XG5pbXBvcnQgeyBISURERU5fQ09MVU1OU19QQU5FTCwgU0VMRUNURURfQ09MVU1OU19QQU5FTCB9IGZyb20gJy4vY29uc3RhbnRzJztcblxuLy8gJ3NlYXJjaEhpZGRlbkNvbHVtcycgaXMgb25seSByZXF1aXJlZCBpZiAnYXJlSGlkZGVuQ29sdW1uc1NlYXJjaGFibGUnIGlzIHRydWVcbi8vIGJ1dCB0aGF0IGNhbGxiYWNrIGlzIHVzZWQgaW4gQXN5bmNTZWxlY3RJbnB1dC5sb2FkT3B0aW9ucyB3aGljaCBpcyByZXF1aXJlZFxuLy8gVGhhdCBwcm9wZXJ0eSAobG9hZE9wdGlvbnMpIGlzIHBhc3NlZCB0byByZWFjdC1zZWxlY3QgQXN5bmNTZWxlY3Qgd2hlcmUgaXQnc1xuLy8gZGVjbGFyZWQgYXMgb3B0aW9uYWxcbmNvbnN0IG5vU2VhcmNoID0gKCkgPT4gUHJvbWlzZS5yZXNvbHZlKFtdKTtcbi8vICdvbkNoYW5nZScgcHJvcCBpbiBBc3luY1NlbGVjdElucHV0IGlzIHJlcXVpcmVkIGJ1dCBub3QgbmVlZGVkIGhlcmVcbmNvbnN0IHZvaWRDaGFuZ2VIYW5kbGVyID0gKCkgPT4gdW5kZWZpbmVkO1xuXG5leHBvcnQgdHlwZSBUQ29sdW1uRGF0YSA9IHtcbiAga2V5OiBzdHJpbmc7XG4gIGxhYmVsOiBSZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgdHlwZSBUQ29sdW1uU2V0dGluZ3NNYW5hZ2VyUHJvcHMgPSB7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBhdmFpbGFibGVDb2x1bW5zPzogVENvbHVtbkRhdGFbXTtcbiAgc2VsZWN0ZWRDb2x1bW5zOiBUQ29sdW1uRGF0YVtdO1xuICBvblVwZGF0ZUNvbHVtbnM6ICh1cGRhdGVkQ29sdW1zOiBUQ29sdW1uRGF0YVtdKSA9PiB2b2lkO1xuICBhcmVIaWRkZW5Db2x1bW5zU2VhcmNoYWJsZT86IGJvb2xlYW47XG4gIHNlYXJjaEhpZGRlbkNvbHVtbnM/OiAoc2VhcmNoVGVybTogc3RyaW5nKSA9PiBQcm9taXNlPHZvaWQ+IHwgdm9pZDtcbiAgc2VhcmNoSGlkZGVuQ29sdW1uc1BsYWNlaG9sZGVyPzogc3RyaW5nO1xuXG4gIG9uQ2xvc2U6IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIHByaW1hcnlCdXR0b24/OiBSZWFjdEVsZW1lbnQ7XG4gIHNlY29uZGFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcbiAgbWFuYWdlclRoZW1lPzogJ2xpZ2h0JyB8ICdkYXJrJztcbn07XG5cbnR5cGUgVERyb3BwYWJsZUNvbnRhaW5lclByb3BzID0ge1xuICBpc0RyYWdnaW5nOiBib29sZWFuO1xufTtcblxuY29uc3QgRHJvcHBhYmxlQ29udGFpbmVyID0gc3R5bGVkLmRpdjxURHJvcHBhYmxlQ29udGFpbmVyUHJvcHM+YFxuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXgtd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQxMH07XG4gIGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5pc0RyYWdnaW5nID8gJ2dyYWJiaW5nJyA6ICdhdXRvJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGhhbmRsZUNvbHVtbnNVcGRhdGUgPSAoXG4gIGRyYWdSZXN1bHQ6IERyb3BSZXN1bHQsXG4gIG9uVXBkYXRlQ29sdW1uczogVENvbHVtblNldHRpbmdzTWFuYWdlclByb3BzWydvblVwZGF0ZUNvbHVtbnMnXSxcbiAgc2VsZWN0ZWRDb2x1bW5zOiBUQ29sdW1uU2V0dGluZ3NNYW5hZ2VyUHJvcHNbJ3NlbGVjdGVkQ29sdW1ucyddLFxuICBhdmFpbGFibGVDb2x1bW5zOiBUQ29sdW1uU2V0dGluZ3NNYW5hZ2VyUHJvcHNbJ2F2YWlsYWJsZUNvbHVtbnMnXSxcbiAgc2V0SXNEcmFnZ2luZzogRGlzcGF0Y2g8Ym9vbGVhbj5cbikgPT4ge1xuICBzZXRJc0RyYWdnaW5nKGZhbHNlKTtcbiAgLy8gSW52YWxpZCBkcm9wIGRlc3RpbmF0aW9uLCBkbyBub3RoaW5nXG4gIGlmICghZHJhZ1Jlc3VsdC5kZXN0aW5hdGlvbikgcmV0dXJuO1xuICBpZiAoZHJhZ1Jlc3VsdC5kZXN0aW5hdGlvbi5kcm9wcGFibGVJZCA9PT0gSElEREVOX0NPTFVNTlNfUEFORUwpIHtcbiAgICBpZiAoZHJhZ1Jlc3VsdC5zb3VyY2UuZHJvcHBhYmxlSWQgPT09IEhJRERFTl9DT0xVTU5TX1BBTkVMKSByZXR1cm47XG4gICAgb25VcGRhdGVDb2x1bW5zKFtcbiAgICAgIC4uLnNlbGVjdGVkQ29sdW1ucy5zbGljZSgwLCBkcmFnUmVzdWx0LnNvdXJjZS5pbmRleCksXG4gICAgICAuLi5zZWxlY3RlZENvbHVtbnMuc2xpY2UoZHJhZ1Jlc3VsdC5zb3VyY2UuaW5kZXggKyAxKSxcbiAgICBdKTtcbiAgfSBlbHNlIHtcbiAgICAvLyB0aGUgZGVzdGluYXRpb24gaXMgdGhlIHNlbGVjdGVkIGNvbHVtbnMgcGFuZWxcblxuICAgIC8vIGl0J3MgYSBzd2FwIHdoZW4gdGhlIHNvdXJjZSBhbmQgdGhlIGRlc3RpbmF0aW9uIGFyZSB0aGUgc2FtZVxuICAgIGNvbnN0IGlzU3dhcCA9IGRyYWdSZXN1bHQuc291cmNlLmRyb3BwYWJsZUlkID09PSBTRUxFQ1RFRF9DT0xVTU5TX1BBTkVMO1xuXG4gICAgY29uc3QgaXRlbXMgPSBpc1N3YXBcbiAgICAgID8gLy8gcmVtb3ZlIHRoZSBkcmFnZ2VkIGl0ZW0gZnJvbSBpdHMgcG9zaXRpb24gaWYgaXQgaXMgbm90IGNvbWluZyBmcm9tXG4gICAgICAgIC8vIHRoZSBoaWRkZW4gc2VjdGlvbiAoaXQgaXMgYSBzd2FwKVxuICAgICAgICBbXG4gICAgICAgICAgLi4uc2VsZWN0ZWRDb2x1bW5zLnNsaWNlKDAsIGRyYWdSZXN1bHQuc291cmNlLmluZGV4KSxcbiAgICAgICAgICAuLi5zZWxlY3RlZENvbHVtbnMuc2xpY2UoZHJhZ1Jlc3VsdC5zb3VyY2UuaW5kZXggKyAxKSxcbiAgICAgICAgXVxuICAgICAgOiBzZWxlY3RlZENvbHVtbnM7XG5cbiAgICBjb25zdCBjb2x1bW5zID0gaXNTd2FwID8gc2VsZWN0ZWRDb2x1bW5zIDogYXZhaWxhYmxlQ29sdW1ucztcbiAgICBjb25zdCBkcmFnZ2VkQ29sdW1uID0gY29sdW1ucz8uZmluZChcbiAgICAgIChjb2wpID0+IGNvbC5rZXkgPT09IGRyYWdSZXN1bHQuZHJhZ2dhYmxlSWRcbiAgICApO1xuXG4gICAgLy8gcHVzaCB0aGUgY29sdW1uIGluIHRoZSBuZXcgcG9zaXRpb24gaWYgZHJhZ2dlZENvbHVtbiBpcyBmb3VuZFxuICAgIGlmIChkcmFnZ2VkQ29sdW1uKSB7XG4gICAgICBvblVwZGF0ZUNvbHVtbnMoW1xuICAgICAgICAuLi5pdGVtcy5zbGljZSgwLCBkcmFnUmVzdWx0LmRlc3RpbmF0aW9uLmluZGV4KSxcbiAgICAgICAgZHJhZ2dlZENvbHVtbixcbiAgICAgICAgLi4uaXRlbXMuc2xpY2UoZHJhZ1Jlc3VsdC5kZXN0aW5hdGlvbi5pbmRleCksXG4gICAgICBdKTtcbiAgICB9XG4gIH1cbn07XG5cbmNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKCkgPT4gKFxuICA8U3BhY2luZ3MuSW5saW5lIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICA8U2VhcmNoSWNvbiBzaXplPVwibWVkaXVtXCIgY29sb3I9XCJwcmltYXJ5XCIgLz5cbiAgPC9TcGFjaW5ncy5JbmxpbmU+XG4pO1xuRHJvcGRvd25JbmRpY2F0b3IuZGlzcGxheU5hbWUgPSAnRHJvcGRvd25JbmRpY2F0b3InO1xuXG5jb25zdCBOb3RoaW5nID0gKCkgPT4gbnVsbDtcbmNvbnN0IHNlbGVjdElucHV0Q29tcG9uZW50cyA9IHtcbiAgT3B0aW9uOiBOb3RoaW5nLFxuICBNZW51OiBOb3RoaW5nLFxuICBEcm9wZG93bkluZGljYXRvcixcbn07XG5cbmV4cG9ydCBjb25zdCBDb2x1bW5TZXR0aW5nc01hbmFnZXIgPSAoe1xuICBhdmFpbGFibGVDb2x1bW5zID0gW10sXG4gIC4uLnByb3BzXG59OiBUQ29sdW1uU2V0dGluZ3NNYW5hZ2VyUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmFyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlKSB7XG4gICAgd2FybmluZyhcbiAgICAgIHR5cGVvZiBwcm9wcy5zZWFyY2hIaWRkZW5Db2x1bW5zICE9PSAndW5kZWZpbmVkJyxcbiAgICAgICd1aS1raXQvQ29sdW1uU2V0dGluZ3NNYW5hZ2VyOiBcInNlYXJjaEhpZGRlbkNvbHVtbnNcIiBtdXN0IGJlIHByb3ZpZGVkIHdoZW4gXCJhcmVIaWRkZW5Db2x1bW5zU2VhcmNoYWJsZVwiIGlzIHRydWUnXG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG4gIGNvbnN0IFtpc0RyYWdnaW5nLCBzZXRJc0RyYWdnaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyBzZWFyY2hIaWRkZW5Db2x1bW5zIH0gPSBwcm9wcztcblxuICBjb25zdCBoYW5kbGVEcmFnU3RhcnQgPSAoKSA9PiB7XG4gICAgc2V0SXNEcmFnZ2luZyh0cnVlKTtcbiAgfTtcblxuICBjb25zdCBoaWRkZW5Db2x1bW5zID0gdXNlTWVtbyhcbiAgICAoKSA9PlxuICAgICAgZGlmZmVyZW5jZVdpdGgoXG4gICAgICAgIGF2YWlsYWJsZUNvbHVtbnMsXG4gICAgICAgIHByb3BzLnNlbGVjdGVkQ29sdW1ucyxcbiAgICAgICAgKGEsIGIpID0+IGEua2V5ID09PSBiLmtleVxuICAgICAgKSxcbiAgICBbYXZhaWxhYmxlQ29sdW1ucywgcHJvcHMuc2VsZWN0ZWRDb2x1bW5zXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZURyYWdFbmQgPSB1c2VDYWxsYmFjazwoZHJhZ1Jlc3VsdDogRHJvcFJlc3VsdCkgPT4gdm9pZD4oXG4gICAgKGRyYWdSZXN1bHQpID0+XG4gICAgICBoYW5kbGVDb2x1bW5zVXBkYXRlKFxuICAgICAgICBkcmFnUmVzdWx0LFxuICAgICAgICBwcm9wcy5vblVwZGF0ZUNvbHVtbnMsXG4gICAgICAgIHByb3BzLnNlbGVjdGVkQ29sdW1ucyxcbiAgICAgICAgYXZhaWxhYmxlQ29sdW1ucyxcbiAgICAgICAgc2V0SXNEcmFnZ2luZ1xuICAgICAgKSxcbiAgICBbcHJvcHMub25VcGRhdGVDb2x1bW5zLCBwcm9wcy5zZWxlY3RlZENvbHVtbnMsIGF2YWlsYWJsZUNvbHVtbnNdXG4gICk7XG5cbiAgY29uc3QgZGVib3VuY2VkU2VhcmNoSGlkZGVuQ29sdW1ucyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gZGVib3VuY2Uoc2VhcmNoSGlkZGVuQ29sdW1ucyA/PyBub1NlYXJjaCwgMzAwKSxcbiAgICBbc2VhcmNoSGlkZGVuQ29sdW1uc11cbiAgKTtcbiAgY29uc3QgaGFuZGxlSW5wdXRDaGFuZ2UgPSB1c2VDYWxsYmFjazwoaW5wdXRWYWx1ZTogc3RyaW5nKSA9PiB2b2lkPihcbiAgICAoaW5wdXRWYWx1ZSkgPT4gZGVib3VuY2VkU2VhcmNoSGlkZGVuQ29sdW1ucyhpbnB1dFZhbHVlKSxcbiAgICBbZGVib3VuY2VkU2VhcmNoSGlkZGVuQ29sdW1uc11cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTZXR0aW5nc0NvbnRhaW5lclxuICAgICAgY3VzdG9tU2V0dGluZ3NUaXRsZT17cHJvcHMudGl0bGV9XG4gICAgICB0aXRsZT17bWVzc2FnZXMudGl0bGV9XG4gICAgICBjbG9zZUJ1dHRvbkxhYmVsPXttZXNzYWdlcy5jbG9zZUJ1dHRvbkxhYmVsfVxuICAgICAgb25DbG9zZT17cHJvcHMub25DbG9zZX1cbiAgICAgIHByaW1hcnlCdXR0b249e3Byb3BzLnByaW1hcnlCdXR0b259XG4gICAgICBzZWNvbmRhcnlCdXR0b249e3Byb3BzLnNlY29uZGFyeUJ1dHRvbn1cbiAgICAgIGNvbnRhaW5lclRoZW1lPXtwcm9wcy5tYW5hZ2VyVGhlbWV9XG4gICAgPlxuICAgICAgPERyYWdEcm9wQ29udGV4dCBvbkRyYWdFbmQ9e2hhbmRsZURyYWdFbmR9IG9uRHJhZ1N0YXJ0PXtoYW5kbGVEcmFnU3RhcnR9PlxuICAgICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwibFwiPlxuICAgICAgICAgIDxEcm9wcGFibGVDb250YWluZXJcbiAgICAgICAgICAgIGlzRHJhZ2dpbmc9e2lzRHJhZ2dpbmd9XG4gICAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9XCJoaWRkZW4tY29sdW1uc1wiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwibVwiPlxuICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwic1wiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICA8RXllQ3Jvc3NlZEljb24gc2l6ZT1cImJpZ1wiIC8+XG4gICAgICAgICAgICAgICAgPEZpZWxkTGFiZWxcbiAgICAgICAgICAgICAgICAgIGlkPVwiaGlkZGVuLWNvbHVtbnNcIlxuICAgICAgICAgICAgICAgICAgdGl0bGU9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5oaWRkZW5Db2x1bW5zKX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgICAgICAge3Byb3BzLmFyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlICYmIChcbiAgICAgICAgICAgICAgICA8QXN5bmNTZWxlY3RJbnB1dFxuICAgICAgICAgICAgICAgICAgey4uLihwcm9wcy5zZWFyY2hIaWRkZW5Db2x1bW5zUGxhY2Vob2xkZXJcbiAgICAgICAgICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcjogcHJvcHMuc2VhcmNoSGlkZGVuQ29sdW1uc1BsYWNlaG9sZGVyLFxuICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgOiB1bmRlZmluZWQpfVxuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3ZvaWRDaGFuZ2VIYW5kbGVyfVxuICAgICAgICAgICAgICAgICAgbG9hZE9wdGlvbnM9e25vU2VhcmNofVxuICAgICAgICAgICAgICAgICAgb25JbnB1dENoYW5nZT17aGFuZGxlSW5wdXRDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICBjb21wb25lbnRzPXtzZWxlY3RJbnB1dENvbXBvbmVudHN9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPERyb3BwYWJsZVBhbmVsXG4gICAgICAgICAgICAgICAgZHJvcHBhYmxlSWQ9e0hJRERFTl9DT0xVTU5TX1BBTkVMfVxuICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtISURERU5fQ09MVU1OU19QQU5FTH1cbiAgICAgICAgICAgICAgICBub0NvbHVtbnNUZXh0PXtpbnRsLmZvcm1hdE1lc3NhZ2UoXG4gICAgICAgICAgICAgICAgICBtZXNzYWdlcy5ub0hpZGRlbkNvbHVtbnNUb1Nob3dcbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIGNvbHVtbnM9e2hpZGRlbkNvbHVtbnN9XG4gICAgICAgICAgICAgICAgaXNTZWFyY2hhYmxlPXtwcm9wcy5hcmVIaWRkZW5Db2x1bW5zU2VhcmNoYWJsZX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgICAgPC9Ecm9wcGFibGVDb250YWluZXI+XG4gICAgICAgICAgPERyb3BwYWJsZUNvbnRhaW5lclxuICAgICAgICAgICAgaXNEcmFnZ2luZz17aXNEcmFnZ2luZ31cbiAgICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT1cInZpc2libGUtY29sdW1uc1wiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwibVwiPlxuICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwieHNcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgPEV5ZUljb24gc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICAgICAgICAgICAgPEZpZWxkTGFiZWxcbiAgICAgICAgICAgICAgICAgIGlkPVwidmlzaWJsZS1jb2x1bW5zXCJcbiAgICAgICAgICAgICAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMudmlzaWJsZUNvbHVtbnMpfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAgICAgICAgICA8RHJvcHBhYmxlUGFuZWxcbiAgICAgICAgICAgICAgICBkcm9wcGFibGVJZD17U0VMRUNURURfQ09MVU1OU19QQU5FTH1cbiAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17U0VMRUNURURfQ09MVU1OU19QQU5FTH1cbiAgICAgICAgICAgICAgICBub0NvbHVtbnNUZXh0PXtpbnRsLmZvcm1hdE1lc3NhZ2UoXG4gICAgICAgICAgICAgICAgICBtZXNzYWdlcy5ub1NlbGVjdGVkQ29sdW1uc1RvU2hvd1xuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgY29sdW1ucz17cHJvcHMuc2VsZWN0ZWRDb2x1bW5zfVxuICAgICAgICAgICAgICAgIG9uUmVtb3ZlPXtwcm9wcy5vblVwZGF0ZUNvbHVtbnN9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgIDwvRHJvcHBhYmxlQ29udGFpbmVyPlxuICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgIDwvRHJhZ0Ryb3BDb250ZXh0PlxuICAgIDwvU2V0dGluZ3NDb250YWluZXI+XG4gICk7XG59O1xuXG5Db2x1bW5TZXR0aW5nc01hbmFnZXIuZGlzcGxheU5hbWUgPSAnQ29sdW1uU2V0dGluZ3NNYW5hZ2VyJztcblxuZXhwb3J0IGRlZmF1bHQgQ29sdW1uU2V0dGluZ3NNYW5hZ2VyO1xuIl19 */"));
+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(selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty(selectedColumns).call(selectedColumns, dragResult.source.index + 1)]);
+  } else {
+    var _context, _context2;
+    // 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(selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty(selectedColumns).call(selectedColumns, dragResult.source.index + 1)] : selectedColumns;
+    const columns = isSwap ? selectedColumns : availableColumns;
+    const draggedColumn = ((_context = columns) == null ? void 0 : _bindInstanceProperty(_context2 = Function.call).call(_context2, _findInstanceProperty(_context), _context))?.(col => col.key === dragResult.draggableId);
+
+    // push the column in the new position if draggedColumn is found
+    if (draggedColumn) {
+      onUpdateColumns([..._sliceInstanceProperty(items).call(items, 0, dragResult.destination.index), draggedColumn, ..._sliceInstanceProperty(items).call(items, dragResult.destination.index)]);
+    }
+  }
+};
+const DropdownIndicator = () => jsx(Spacings.Inline, {
+  alignItems: "center",
+  children: jsx(SearchIcon, {
+    size: "medium",
+    color: "primary"
+  })
+});
+DropdownIndicator.displayName = 'DropdownIndicator';
+const Nothing = () => null;
+const selectInputComponents = {
+  Option: Nothing,
+  Menu: Nothing,
+  DropdownIndicator
+};
+const ColumnSettingsManager = _ref => {
+  let _ref$availableColumns = _ref.availableColumns,
+    availableColumns = _ref$availableColumns === void 0 ? [] : _ref$availableColumns,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (props.areHiddenColumnsSearchable) {
+    process.env.NODE_ENV !== "production" ? warning(typeof props.searchHiddenColumns !== 'undefined', 'ui-kit/ColumnSettingsManager: "searchHiddenColumns" must be provided when "areHiddenColumnsSearchable" is true') : void 0;
+  }
+  const intl = useIntl();
+  const _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDragging = _useState2[0],
+    setIsDragging = _useState2[1];
+  const searchHiddenColumns = props.searchHiddenColumns;
+  const handleDragStart = () => {
+    setIsDragging(true);
+  };
+  const hiddenColumns = useMemo(() => differenceWith(availableColumns, props.selectedColumns, (a, b) => a.key === b.key), [availableColumns, props.selectedColumns]);
+  const handleDragEnd = useCallback(dragResult => handleColumnsUpdate(dragResult, props.onUpdateColumns, props.selectedColumns, availableColumns, setIsDragging), [props.onUpdateColumns, props.selectedColumns, availableColumns]);
+  const debouncedSearchHiddenColumns = useMemo(() => debounce(searchHiddenColumns ?? noSearch, 300), [searchHiddenColumns]);
+  const handleInputChange = useCallback(inputValue => debouncedSearchHiddenColumns(inputValue), [debouncedSearchHiddenColumns]);
+  return 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: jsx(DragDropContext, {
+      onDragEnd: handleDragEnd,
+      onDragStart: handleDragStart,
+      children: jsxs(Spacings.Inline, {
+        scale: "l",
+        children: [jsx(DroppableContainer, {
+          isDragging: isDragging,
+          "aria-labelledby": "hidden-columns",
+          children: jsxs(Spacings.Stack, {
+            scale: "m",
+            children: [jsxs(Spacings.Inline, {
+              scale: "s",
+              alignItems: "center",
+              children: [jsx(EyeCrossedIcon, {
+                size: "big"
+              }), jsx(FieldLabel, {
+                id: "hidden-columns",
+                title: intl.formatMessage(messages.hiddenColumns)
+              })]
+            }), props.areHiddenColumnsSearchable && jsx(AsyncSelectInput, _objectSpread(_objectSpread({}, props.searchHiddenColumnsPlaceholder ? {
+              placeholder: props.searchHiddenColumnsPlaceholder
+            } : undefined), {}, {
+              onChange: voidChangeHandler,
+              loadOptions: noSearch,
+              onInputChange: handleInputChange,
+              components: selectInputComponents
+            })), jsx(DroppablePanel$1, {
+              droppableId: HIDDEN_COLUMNS_PANEL,
+              "data-testid": HIDDEN_COLUMNS_PANEL,
+              noColumnsText: intl.formatMessage(messages.noHiddenColumnsToShow),
+              columns: hiddenColumns,
+              isSearchable: props.areHiddenColumnsSearchable
+            })]
+          })
+        }), jsx(DroppableContainer, {
+          isDragging: isDragging,
+          "aria-labelledby": "visible-columns",
+          children: jsxs(Spacings.Stack, {
+            scale: "m",
+            children: [jsxs(Spacings.Inline, {
+              scale: "xs",
+              alignItems: "center",
+              children: [jsx(EyeIcon, {
+                size: "medium"
+              }), jsx(FieldLabel, {
+                id: "visible-columns",
+                title: intl.formatMessage(messages.visibleColumns)
+              })]
+            }), jsx(DroppablePanel$1, {
+              droppableId: SELECTED_COLUMNS_PANEL,
+              "data-testid": SELECTED_COLUMNS_PANEL,
+              noColumnsText: intl.formatMessage(messages.noSelectedColumnsToShow),
+              columns: props.selectedColumns,
+              onRemove: props.onUpdateColumns
+            })]
+          })
+        })]
+      })
+    })
+  });
+};
+ColumnSettingsManager.displayName = 'ColumnSettingsManager';
+
+export { ColumnSettingsManager as C, SettingsContainer$1 as S };

package/dist/{column-settings-manager-5e411066.cjs.prod.js → column-settings-manager-58769e7c.cjs.prod.js}

@@ -4,9 +4,10 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _styled = require('@emotion/styled/base');
-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 _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 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');
@@ -17,7 +18,7 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
 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 dnd = require('@hello-pangea/dnd');
 var debounce = require('debounce-promise');
 var differenceWith = require('lodash/differenceWith');
 var designSystem = require('@commercetools-uikit/design-system');
@@ -39,6 +40,8 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
 var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
+var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
+var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -122,7 +125,6 @@ const SettingsContainer = _ref => {
     }
   });
 };
-SettingsContainer.propTypes = {};
 SettingsContainer.displayName = 'SettingsContainer';
 var SettingsContainer$1 = SettingsContainer;
 
@@ -144,7 +146,7 @@ const DraggableTagWrapper = /*#__PURE__*/_styled__default["default"]("div", {
 } )("padding:", designSystem.designTokens.spacing10, " 0;" + ("" ));
 const DraggableTag = props => {
   const handleRemoveColumn = () => props.onRemove?.(props.index);
-  return jsxRuntime.jsx(reactBeautifulDnd.Draggable, {
+  return jsxRuntime.jsx(dnd.Draggable, {
     draggableId: props.column.key,
     index: props.index,
     isDragDisabled: props.isDisabled,
@@ -164,7 +166,6 @@ const DraggableTag = props => {
     }
   });
 };
-DraggableTag.propTypes = {};
 DraggableTag.displayName = 'DraggableTag';
 var DraggableTag$1 = DraggableTag;
 
@@ -182,7 +183,7 @@ var messages$1 = reactIntl.defineMessages({
 });
 
 const DroppablePanel = props => {
-  return jsxRuntime.jsx(reactBeautifulDnd.Droppable, {
+  return jsxRuntime.jsx(dnd.Droppable, {
     droppableId: props.droppableId,
     children: provided => {
       var _context;
@@ -216,7 +217,6 @@ const DroppablePanel = props => {
     }
   });
 };
-DroppablePanel.propTypes = {};
 DroppablePanel.displayName = 'DroppablePanel';
 var DroppablePanel$1 = DroppablePanel;
 
@@ -258,7 +258,7 @@ const SELECTED_COLUMNS_PANEL = 'selected-columns-panel';
 
 const _excluded = ["availableColumns"];
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t))).call(_context4, 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;
@@ -273,6 +273,7 @@ const handleColumnsUpdate = (dragResult, onUpdateColumns, selectedColumns, avail
     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 {
+    var _context, _context2;
     // the destination is the selected columns panel
 
     // it's a swap when the source and the destination are the same
@@ -282,7 +283,7 @@ const handleColumnsUpdate = (dragResult, onUpdateColumns, selectedColumns, avail
     // 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 = columns?.find(col => col.key === dragResult.draggableId);
+    const draggedColumn = ((_context = columns) == null ? void 0 : _bindInstanceProperty__default["default"](_context2 = Function.call).call(_context2, _findInstanceProperty__default["default"](_context), _context))?.(col => col.key === dragResult.draggableId);
 
     // push the column in the new position if draggedColumn is found
     if (draggedColumn) {
@@ -330,7 +331,7 @@ const ColumnSettingsManager = _ref => {
     primaryButton: props.primaryButton,
     secondaryButton: props.secondaryButton,
     containerTheme: props.managerTheme,
-    children: jsxRuntime.jsx(reactBeautifulDnd.DragDropContext, {
+    children: jsxRuntime.jsx(dnd.DragDropContext, {
       onDragEnd: handleDragEnd,
       onDragStart: handleDragStart,
       children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
@@ -391,7 +392,6 @@ const ColumnSettingsManager = _ref => {
     })
   });
 };
-ColumnSettingsManager.propTypes = {};
 ColumnSettingsManager.displayName = 'ColumnSettingsManager';
 
 exports.ColumnSettingsManager = ColumnSettingsManager;