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

package/dist/column-settings-manager-60df8872.esm.js

@@ -1,454 +0,0 @@
-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 _pt from 'prop-types';
-import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
-import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
-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 'react-beautiful-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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNldHRpbmdzLWNvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJrQyIsImZpbGUiOiJzZXR0aW5ncy1jb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCBSZWFjdEVsZW1lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUludGwsIHR5cGUgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCBDb2xsYXBzaWJsZU1vdGlvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb2xsYXBzaWJsZS1tb3Rpb24nO1xuaW1wb3J0IENhcmQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY2FyZCc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBDbG9zZUljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IHR5cGUgVEludGxNZXNzYWdlID0gTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0LlJlYWN0Tm9kZT47XG59O1xuXG50eXBlIFRTZXR0aW5nc0NvbnRhaW5lclByb3BzID0ge1xuICB0aXRsZT86IFRJbnRsTWVzc2FnZTtcbiAgY2xvc2VCdXR0b25MYWJlbDogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3QuUmVhY3ROb2RlPjtcbiAgfTtcbiAgb25DbG9zZTogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgcHJpbWFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcbiAgc2Vjb25kYXJ5QnV0dG9uPzogUmVhY3RFbGVtZW50O1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjb250YWluZXJUaGVtZT86ICdsaWdodCcgfCAnZGFyayc7XG4gIGN1c3RvbVNldHRpbmdzVGl0bGU/OiBzdHJpbmcgfCBUSW50bE1lc3NhZ2U7XG59O1xuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gO1xuXG5jb25zdCBDYXJkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nNDB9ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc1MH07XG5gO1xuXG5jb25zdCBTZXR0aW5nc0NvbnRhaW5lciA9ICh7XG4gIGNvbnRhaW5lclRoZW1lID0gJ2RhcmsnLFxuICAuLi5wcm9wc1xufTogVFNldHRpbmdzQ29udGFpbmVyUHJvcHMpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcblxuICByZXR1cm4gKFxuICAgIDxDb2xsYXBzaWJsZU1vdGlvbiBpc0RlZmF1bHRDbG9zZWQ9e2ZhbHNlfT5cbiAgICAgIHsoeyByZWdpc3RlckNvbnRlbnROb2RlLCBjb250YWluZXJTdHlsZXMgfSkgPT4gKFxuICAgICAgICA8Q2FyZCB0eXBlPVwicmFpc2VkXCIgaW5zZXRTY2FsZT1cIm5vbmVcIiB0aGVtZT17Y29udGFpbmVyVGhlbWV9PlxuICAgICAgICAgIDxDYXJkQ29udGVudFdyYXBwZXI+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgICAgICA8SGVhZGVyQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgIHtwcm9wcy5jdXN0b21TZXR0aW5nc1RpdGxlID8gKFxuICAgICAgICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICAgICAgICB7cHJvcHMuY3VzdG9tU2V0dGluZ3NUaXRsZX1cbiAgICAgICAgICAgICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiIGludGxNZXNzYWdlPXtwcm9wcy50aXRsZX0gLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShwcm9wcy5jbG9zZUJ1dHRvbkxhYmVsKX1cbiAgICAgICAgICAgICAgICA+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNldHRpbmdzLWNvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NxQyIsImZpbGUiOiJzZXR0aW5ncy1jb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCBSZWFjdEVsZW1lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUludGwsIHR5cGUgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCBDb2xsYXBzaWJsZU1vdGlvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb2xsYXBzaWJsZS1tb3Rpb24nO1xuaW1wb3J0IENhcmQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY2FyZCc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBDbG9zZUljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IHR5cGUgVEludGxNZXNzYWdlID0gTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0LlJlYWN0Tm9kZT47XG59O1xuXG50eXBlIFRTZXR0aW5nc0NvbnRhaW5lclByb3BzID0ge1xuICB0aXRsZT86IFRJbnRsTWVzc2FnZTtcbiAgY2xvc2VCdXR0b25MYWJlbDogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3QuUmVhY3ROb2RlPjtcbiAgfTtcbiAgb25DbG9zZTogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgcHJpbWFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcbiAgc2Vjb25kYXJ5QnV0dG9uPzogUmVhY3RFbGVtZW50O1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjb250YWluZXJUaGVtZT86ICdsaWdodCcgfCAnZGFyayc7XG4gIGN1c3RvbVNldHRpbmdzVGl0bGU/OiBzdHJpbmcgfCBUSW50bE1lc3NhZ2U7XG59O1xuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gO1xuXG5jb25zdCBDYXJkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nNDB9ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc1MH07XG5gO1xuXG5jb25zdCBTZXR0aW5nc0NvbnRhaW5lciA9ICh7XG4gIGNvbnRhaW5lclRoZW1lID0gJ2RhcmsnLFxuICAuLi5wcm9wc1xufTogVFNldHRpbmdzQ29udGFpbmVyUHJvcHMpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcblxuICByZXR1cm4gKFxuICAgIDxDb2xsYXBzaWJsZU1vdGlvbiBpc0RlZmF1bHRDbG9zZWQ9e2ZhbHNlfT5cbiAgICAgIHsoeyByZWdpc3RlckNvbnRlbnROb2RlLCBjb250YWluZXJTdHlsZXMgfSkgPT4gKFxuICAgICAgICA8Q2FyZCB0eXBlPVwicmFpc2VkXCIgaW5zZXRTY2FsZT1cIm5vbmVcIiB0aGVtZT17Y29udGFpbmVyVGhlbWV9PlxuICAgICAgICAgIDxDYXJkQ29udGVudFdyYXBwZXI+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgICAgICA8SGVhZGVyQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgIHtwcm9wcy5jdXN0b21TZXR0aW5nc1RpdGxlID8gKFxuICAgICAgICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICAgICAgICB7cHJvcHMuY3VzdG9tU2V0dGluZ3NUaXRsZX1cbiAgICAgICAgICAgICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiIGludGxNZXNzYWdlPXtwcm9wcy50aXRsZX0gLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShwcm9wcy5jbG9zZUJ1dHRvbkxhYmVsKX1cbiAgICAgICAgICAgICAgICA+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.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: _pt.oneOfType([_pt.any, _pt.shape({
-    values: _pt.objectOf(_pt.node)
-  })]),
-  closeButtonLabel: _pt.oneOfType([_pt.any, _pt.shape({
-    values: _pt.objectOf(_pt.node)
-  })]).isRequired,
-  onClose: _pt.func.isRequired,
-  primaryButton: _pt.element,
-  secondaryButton: _pt.element,
-  children: _pt.node.isRequired,
-  containerTheme: _pt.oneOf(['light', 'dark']),
-  customSettingsTitle: _pt.oneOfType([_pt.string, _pt.oneOfType([_pt.any, _pt.shape({
-    values: _pt.objectOf(_pt.node)
-  })])])
-} : {};
-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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS10YWcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cc0MiLCJmaWxlIjoiZHJhZ2dhYmxlLXRhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IERyYWdnYWJsZSB9IGZyb20gJ3JlYWN0LWJlYXV0aWZ1bC1kbmQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgVGFnIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RhZyc7XG5pbXBvcnQgRHJhZ2dpbmdDb250YWluZXIgZnJvbSAnLi9kcmFnZ2FibGUtdGFnLnN0eWxlcyc7XG5cbmV4cG9ydCB0eXBlIFRDb2x1bW5EYXRhID0ge1xuICBrZXk6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCB0eXBlIFREcmFnZ2FibGVUYWdQcm9wcyA9IHtcbiAgY29sdW1uOiBUQ29sdW1uRGF0YTtcbiAgaW5kZXg6IG51bWJlcjtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIG9uUmVtb3ZlPzogKGluZGV4OiBudW1iZXIpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBEcmFnZ2FibGVUYWdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfSAwO1xuYDtcblxuY29uc3QgRHJhZ2dhYmxlVGFnID0gKHByb3BzOiBURHJhZ2dhYmxlVGFnUHJvcHMpID0+IHtcbiAgY29uc3QgaGFuZGxlUmVtb3ZlQ29sdW1uID0gKCkgPT4gcHJvcHMub25SZW1vdmU/Lihwcm9wcy5pbmRleCk7XG5cbiAgcmV0dXJuIChcbiAgICA8RHJhZ2dhYmxlXG4gICAgICBkcmFnZ2FibGVJZD17cHJvcHMuY29sdW1uLmtleX1cbiAgICAgIGluZGV4PXtwcm9wcy5pbmRleH1cbiAgICAgIGlzRHJhZ0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgID5cbiAgICAgIHsocHJvdmlkZWQpID0+IHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8RHJhZ2dhYmxlVGFnV3JhcHBlcj5cbiAgICAgICAgICAgIDxEcmFnZ2luZ0NvbnRhaW5lclxuICAgICAgICAgICAgICByZWY9e3Byb3ZpZGVkLmlubmVyUmVmfVxuICAgICAgICAgICAgICB7Li4ucHJvdmlkZWQuZHJhZ2dhYmxlUHJvcHN9XG4gICAgICAgICAgICAgIHsuLi5wcm92aWRlZC5kcmFnSGFuZGxlUHJvcHN9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxUYWdcbiAgICAgICAgICAgICAgICBvblJlbW92ZT17cHJvcHMub25SZW1vdmUgPyBoYW5kbGVSZW1vdmVDb2x1bW4gOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgICBpc0RyYWdnYWJsZVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3Byb3BzLmNvbHVtbi5sYWJlbH1cbiAgICAgICAgICAgICAgPC9UYWc+XG4gICAgICAgICAgICA8L0RyYWdnaW5nQ29udGFpbmVyPlxuICAgICAgICAgIDwvRHJhZ2dhYmxlVGFnV3JhcHBlcj5cbiAgICAgICAgKTtcbiAgICAgIH19XG4gICAgPC9EcmFnZ2FibGU+XG4gICk7XG59O1xuXG5EcmFnZ2FibGVUYWcuZGlzcGxheU5hbWUgPSAnRHJhZ2dhYmxlVGFnJztcblxuZXhwb3J0IGRlZmF1bHQgRHJhZ2dhYmxlVGFnO1xuIl19 */"));
-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.propTypes = process.env.NODE_ENV !== "production" ? {
-  column: _pt.shape({
-    key: _pt.string.isRequired,
-    label: _pt.node.isRequired
-  }).isRequired,
-  index: _pt.number.isRequired,
-  isDisabled: _pt.bool,
-  onRemove: _pt.func
-} : {};
-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.propTypes = process.env.NODE_ENV !== "production" ? {
-  droppableId: _pt.string.isRequired,
-  noColumnsText: _pt.node.isRequired,
-  columns: _pt.arrayOf(_pt.shape({
-    key: _pt.string.isRequired,
-    label: _pt.node.isRequired
-  })).isRequired,
-  isSearchable: _pt.bool,
-  isDisabled: _pt.bool,
-  onRemove: _pt.func
-} : {};
-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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRStEIiwiZmlsZSI6ImNvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZU1lbW8sXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VTdGF0ZSxcbiAgdHlwZSBSZWFjdEVsZW1lbnQsXG4gIHR5cGUgUmVhY3ROb2RlLFxuICB0eXBlIE1vdXNlRXZlbnQsXG4gIHR5cGUgS2V5Ym9hcmRFdmVudCxcbiAgdHlwZSBEaXNwYXRjaCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgRHJhZ0Ryb3BDb250ZXh0LCB0eXBlIERyb3BSZXN1bHQgfSBmcm9tICdyZWFjdC1iZWF1dGlmdWwtZG5kJztcbmltcG9ydCBkZWJvdW5jZSBmcm9tICdkZWJvdW5jZS1wcm9taXNlJztcbmltcG9ydCBkaWZmZXJlbmNlV2l0aCBmcm9tICdsb2Rhc2gvZGlmZmVyZW5jZVdpdGgnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQXN5bmNTZWxlY3RJbnB1dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hc3luYy1zZWxlY3QtaW5wdXQnO1xuaW1wb3J0IEZpZWxkTGFiZWwgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZmllbGQtbGFiZWwnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCB7XG4gIEV5ZUNyb3NzZWRJY29uLFxuICBFeWVJY29uLFxuICBTZWFyY2hJY29uLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IERyb3BwYWJsZVBhbmVsIGZyb20gJy4uL2Ryb3BwYWJsZS1wYW5lbCc7XG5pbXBvcnQgU2V0dGluZ3NDb250YWluZXIgZnJvbSAnLi4vc2V0dGluZ3MtY29udGFpbmVyJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcbmltcG9ydCB7IEhJRERFTl9DT0xVTU5TX1BBTkVMLCBTRUxFQ1RFRF9DT0xVTU5TX1BBTkVMIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuXG4vLyAnc2VhcmNoSGlkZGVuQ29sdW1zJyBpcyBvbmx5IHJlcXVpcmVkIGlmICdhcmVIaWRkZW5Db2x1bW5zU2VhcmNoYWJsZScgaXMgdHJ1ZVxuLy8gYnV0IHRoYXQgY2FsbGJhY2sgaXMgdXNlZCBpbiBBc3luY1NlbGVjdElucHV0LmxvYWRPcHRpb25zIHdoaWNoIGlzIHJlcXVpcmVkXG4vLyBUaGF0IHByb3BlcnR5IChsb2FkT3B0aW9ucykgaXMgcGFzc2VkIHRvIHJlYWN0LXNlbGVjdCBBc3luY1NlbGVjdCB3aGVyZSBpdCdzXG4vLyBkZWNsYXJlZCBhcyBvcHRpb25hbFxuY29uc3Qgbm9TZWFyY2ggPSAoKSA9PiBQcm9taXNlLnJlc29sdmUoW10pO1xuLy8gJ29uQ2hhbmdlJyBwcm9wIGluIEFzeW5jU2VsZWN0SW5wdXQgaXMgcmVxdWlyZWQgYnV0IG5vdCBuZWVkZWQgaGVyZVxuY29uc3Qgdm9pZENoYW5nZUhhbmRsZXIgPSAoKSA9PiB1bmRlZmluZWQ7XG5cbmV4cG9ydCB0eXBlIFRDb2x1bW5EYXRhID0ge1xuICBrZXk6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCB0eXBlIFRDb2x1bW5TZXR0aW5nc01hbmFnZXJQcm9wcyA9IHtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGF2YWlsYWJsZUNvbHVtbnM/OiBUQ29sdW1uRGF0YVtdO1xuICBzZWxlY3RlZENvbHVtbnM6IFRDb2x1bW5EYXRhW107XG4gIG9uVXBkYXRlQ29sdW1uczogKHVwZGF0ZWRDb2x1bXM6IFRDb2x1bW5EYXRhW10pID0+IHZvaWQ7XG4gIGFyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlPzogYm9vbGVhbjtcbiAgc2VhcmNoSGlkZGVuQ29sdW1ucz86IChzZWFyY2hUZXJtOiBzdHJpbmcpID0+IFByb21pc2U8dm9pZD4gfCB2b2lkO1xuICBzZWFyY2hIaWRkZW5Db2x1bW5zUGxhY2Vob2xkZXI/OiBzdHJpbmc7XG5cbiAgb25DbG9zZTogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgcHJpbWFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcbiAgc2Vjb25kYXJ5QnV0dG9uPzogUmVhY3RFbGVtZW50O1xuICBtYW5hZ2VyVGhlbWU/OiAnbGlnaHQnIHwgJ2RhcmsnO1xufTtcblxudHlwZSBURHJvcHBhYmxlQ29udGFpbmVyUHJvcHMgPSB7XG4gIGlzRHJhZ2dpbmc6IGJvb2xlYW47XG59O1xuXG5jb25zdCBEcm9wcGFibGVDb250YWluZXIgPSBzdHlsZWQuZGl2PFREcm9wcGFibGVDb250YWluZXJQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1heC13aWR0aDogJHtkZXNpZ25Ub2tlbnMuY29uc3RyYWludDEwfTtcbiAgY3Vyc29yOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRHJhZ2dpbmcgPyAnZ3JhYmJpbmcnIDogJ2F1dG8nKX07XG5gO1xuXG5leHBvcnQgY29uc3QgaGFuZGxlQ29sdW1uc1VwZGF0ZSA9IChcbiAgZHJhZ1Jlc3VsdDogRHJvcFJlc3VsdCxcbiAgb25VcGRhdGVDb2x1bW5zOiBUQ29sdW1uU2V0dGluZ3NNYW5hZ2VyUHJvcHNbJ29uVXBkYXRlQ29sdW1ucyddLFxuICBzZWxlY3RlZENvbHVtbnM6IFRDb2x1bW5TZXR0aW5nc01hbmFnZXJQcm9wc1snc2VsZWN0ZWRDb2x1bW5zJ10sXG4gIGF2YWlsYWJsZUNvbHVtbnM6IFRDb2x1bW5TZXR0aW5nc01hbmFnZXJQcm9wc1snYXZhaWxhYmxlQ29sdW1ucyddLFxuICBzZXRJc0RyYWdnaW5nOiBEaXNwYXRjaDxib29sZWFuPlxuKSA9PiB7XG4gIHNldElzRHJhZ2dpbmcoZmFsc2UpO1xuICAvLyBJbnZhbGlkIGRyb3AgZGVzdGluYXRpb24sIGRvIG5vdGhpbmdcbiAgaWYgKCFkcmFnUmVzdWx0LmRlc3RpbmF0aW9uKSByZXR1cm47XG4gIGlmIChkcmFnUmVzdWx0LmRlc3RpbmF0aW9uLmRyb3BwYWJsZUlkID09PSBISURERU5fQ09MVU1OU19QQU5FTCkge1xuICAgIGlmIChkcmFnUmVzdWx0LnNvdXJjZS5kcm9wcGFibGVJZCA9PT0gSElEREVOX0NPTFVNTlNfUEFORUwpIHJldHVybjtcbiAgICBvblVwZGF0ZUNvbHVtbnMoW1xuICAgICAgLi4uc2VsZWN0ZWRDb2x1bW5zLnNsaWNlKDAsIGRyYWdSZXN1bHQuc291cmNlLmluZGV4KSxcbiAgICAgIC4uLnNlbGVjdGVkQ29sdW1ucy5zbGljZShkcmFnUmVzdWx0LnNvdXJjZS5pbmRleCArIDEpLFxuICAgIF0pO1xuICB9IGVsc2Uge1xuICAgIC8vIHRoZSBkZXN0aW5hdGlvbiBpcyB0aGUgc2VsZWN0ZWQgY29sdW1ucyBwYW5lbFxuXG4gICAgLy8gaXQncyBhIHN3YXAgd2hlbiB0aGUgc291cmNlIGFuZCB0aGUgZGVzdGluYXRpb24gYXJlIHRoZSBzYW1lXG4gICAgY29uc3QgaXNTd2FwID0gZHJhZ1Jlc3VsdC5zb3VyY2UuZHJvcHBhYmxlSWQgPT09IFNFTEVDVEVEX0NPTFVNTlNfUEFORUw7XG5cbiAgICBjb25zdCBpdGVtcyA9IGlzU3dhcFxuICAgICAgPyAvLyByZW1vdmUgdGhlIGRyYWdnZWQgaXRlbSBmcm9tIGl0cyBwb3NpdGlvbiBpZiBpdCBpcyBub3QgY29taW5nIGZyb21cbiAgICAgICAgLy8gdGhlIGhpZGRlbiBzZWN0aW9uIChpdCBpcyBhIHN3YXApXG4gICAgICAgIFtcbiAgICAgICAgICAuLi5zZWxlY3RlZENvbHVtbnMuc2xpY2UoMCwgZHJhZ1Jlc3VsdC5zb3VyY2UuaW5kZXgpLFxuICAgICAgICAgIC4uLnNlbGVjdGVkQ29sdW1ucy5zbGljZShkcmFnUmVzdWx0LnNvdXJjZS5pbmRleCArIDEpLFxuICAgICAgICBdXG4gICAgICA6IHNlbGVjdGVkQ29sdW1ucztcblxuICAgIGNvbnN0IGNvbHVtbnMgPSBpc1N3YXAgPyBzZWxlY3RlZENvbHVtbnMgOiBhdmFpbGFibGVDb2x1bW5zO1xuICAgIGNvbnN0IGRyYWdnZWRDb2x1bW4gPSBjb2x1bW5zPy5maW5kKFxuICAgICAgKGNvbCkgPT4gY29sLmtleSA9PT0gZHJhZ1Jlc3VsdC5kcmFnZ2FibGVJZFxuICAgICk7XG5cbiAgICAvLyBwdXNoIHRoZSBjb2x1bW4gaW4gdGhlIG5ldyBwb3NpdGlvbiBpZiBkcmFnZ2VkQ29sdW1uIGlzIGZvdW5kXG4gICAgaWYgKGRyYWdnZWRDb2x1bW4pIHtcbiAgICAgIG9uVXBkYXRlQ29sdW1ucyhbXG4gICAgICAgIC4uLml0ZW1zLnNsaWNlKDAsIGRyYWdSZXN1bHQuZGVzdGluYXRpb24uaW5kZXgpLFxuICAgICAgICBkcmFnZ2VkQ29sdW1uLFxuICAgICAgICAuLi5pdGVtcy5zbGljZShkcmFnUmVzdWx0LmRlc3RpbmF0aW9uLmluZGV4KSxcbiAgICAgIF0pO1xuICAgIH1cbiAgfVxufTtcblxuY29uc3QgRHJvcGRvd25JbmRpY2F0b3IgPSAoKSA9PiAoXG4gIDxTcGFjaW5ncy5JbmxpbmUgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgIDxTZWFyY2hJY29uIHNpemU9XCJtZWRpdW1cIiBjb2xvcj1cInByaW1hcnlcIiAvPlxuICA8L1NwYWNpbmdzLklubGluZT5cbik7XG5Ecm9wZG93bkluZGljYXRvci5kaXNwbGF5TmFtZSA9ICdEcm9wZG93bkluZGljYXRvcic7XG5cbmNvbnN0IE5vdGhpbmcgPSAoKSA9PiBudWxsO1xuY29uc3Qgc2VsZWN0SW5wdXRDb21wb25lbnRzID0ge1xuICBPcHRpb246IE5vdGhpbmcsXG4gIE1lbnU6IE5vdGhpbmcsXG4gIERyb3Bkb3duSW5kaWNhdG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IENvbHVtblNldHRpbmdzTWFuYWdlciA9ICh7XG4gIGF2YWlsYWJsZUNvbHVtbnMgPSBbXSxcbiAgLi4ucHJvcHNcbn06IFRDb2x1bW5TZXR0aW5nc01hbmFnZXJQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuYXJlSGlkZGVuQ29sdW1uc1NlYXJjaGFibGUpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgdHlwZW9mIHByb3BzLnNlYXJjaEhpZGRlbkNvbHVtbnMgIT09ICd1bmRlZmluZWQnLFxuICAgICAgJ3VpLWtpdC9Db2x1bW5TZXR0aW5nc01hbmFnZXI6IFwic2VhcmNoSGlkZGVuQ29sdW1uc1wiIG11c3QgYmUgcHJvdmlkZWQgd2hlbiBcImFyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlXCIgaXMgdHJ1ZSdcbiAgICApO1xuICB9XG5cbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3QgW2lzRHJhZ2dpbmcsIHNldElzRHJhZ2dpbmddID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB7IHNlYXJjaEhpZGRlbkNvbHVtbnMgfSA9IHByb3BzO1xuXG4gIGNvbnN0IGhhbmRsZURyYWdTdGFydCA9ICgpID0+IHtcbiAgICBzZXRJc0RyYWdnaW5nKHRydWUpO1xuICB9O1xuXG4gIGNvbnN0IGhpZGRlbkNvbHVtbnMgPSB1c2VNZW1vKFxuICAgICgpID0+XG4gICAgICBkaWZmZXJlbmNlV2l0aChcbiAgICAgICAgYXZhaWxhYmxlQ29sdW1ucyxcbiAgICAgICAgcHJvcHMuc2VsZWN0ZWRDb2x1bW5zLFxuICAgICAgICAoYSwgYikgPT4gYS5rZXkgPT09IGIua2V5XG4gICAgICApLFxuICAgIFthdmFpbGFibGVDb2x1bW5zLCBwcm9wcy5zZWxlY3RlZENvbHVtbnNdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlRHJhZ0VuZCA9IHVzZUNhbGxiYWNrPChkcmFnUmVzdWx0OiBEcm9wUmVzdWx0KSA9PiB2b2lkPihcbiAgICAoZHJhZ1Jlc3VsdCkgPT5cbiAgICAgIGhhbmRsZUNvbHVtbnNVcGRhdGUoXG4gICAgICAgIGRyYWdSZXN1bHQsXG4gICAgICAgIHByb3BzLm9uVXBkYXRlQ29sdW1ucyxcbiAgICAgICAgcHJvcHMuc2VsZWN0ZWRDb2x1bW5zLFxuICAgICAgICBhdmFpbGFibGVDb2x1bW5zLFxuICAgICAgICBzZXRJc0RyYWdnaW5nXG4gICAgICApLFxuICAgIFtwcm9wcy5vblVwZGF0ZUNvbHVtbnMsIHByb3BzLnNlbGVjdGVkQ29sdW1ucywgYXZhaWxhYmxlQ29sdW1uc11cbiAgKTtcblxuICBjb25zdCBkZWJvdW5jZWRTZWFyY2hIaWRkZW5Db2x1bW5zID0gdXNlTWVtbyhcbiAgICAoKSA9PiBkZWJvdW5jZShzZWFyY2hIaWRkZW5Db2x1bW5zID8/IG5vU2VhcmNoLCAzMDApLFxuICAgIFtzZWFyY2hIaWRkZW5Db2x1bW5zXVxuICApO1xuICBjb25zdCBoYW5kbGVJbnB1dENoYW5nZSA9IHVzZUNhbGxiYWNrPChpbnB1dFZhbHVlOiBzdHJpbmcpID0+IHZvaWQ+KFxuICAgIChpbnB1dFZhbHVlKSA9PiBkZWJvdW5jZWRTZWFyY2hIaWRkZW5Db2x1bW5zKGlucHV0VmFsdWUpLFxuICAgIFtkZWJvdW5jZWRTZWFyY2hIaWRkZW5Db2x1bW5zXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFNldHRpbmdzQ29udGFpbmVyXG4gICAgICBjdXN0b21TZXR0aW5nc1RpdGxlPXtwcm9wcy50aXRsZX1cbiAgICAgIHRpdGxlPXttZXNzYWdlcy50aXRsZX1cbiAgICAgIGNsb3NlQnV0dG9uTGFiZWw9e21lc3NhZ2VzLmNsb3NlQnV0dG9uTGFiZWx9XG4gICAgICBvbkNsb3NlPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgcHJpbWFyeUJ1dHRvbj17cHJvcHMucHJpbWFyeUJ1dHRvbn1cbiAgICAgIHNlY29uZGFyeUJ1dHRvbj17cHJvcHMuc2Vjb25kYXJ5QnV0dG9ufVxuICAgICAgY29udGFpbmVyVGhlbWU9e3Byb3BzLm1hbmFnZXJUaGVtZX1cbiAgICA+XG4gICAgICA8RHJhZ0Ryb3BDb250ZXh0IG9uRHJhZ0VuZD17aGFuZGxlRHJhZ0VuZH0gb25EcmFnU3RhcnQ9e2hhbmRsZURyYWdTdGFydH0+XG4gICAgICAgIDxTcGFjaW5ncy5JbmxpbmUgc2NhbGU9XCJsXCI+XG4gICAgICAgICAgPERyb3BwYWJsZUNvbnRhaW5lclxuICAgICAgICAgICAgaXNEcmFnZ2luZz17aXNEcmFnZ2luZ31cbiAgICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT1cImhpZGRlbi1jb2x1bW5zXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJtXCI+XG4gICAgICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmUgc2NhbGU9XCJzXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICAgIDxFeWVDcm9zc2VkSWNvbiBzaXplPVwiYmlnXCIgLz5cbiAgICAgICAgICAgICAgICA8RmllbGRMYWJlbFxuICAgICAgICAgICAgICAgICAgaWQ9XCJoaWRkZW4tY29sdW1uc1wiXG4gICAgICAgICAgICAgICAgICB0aXRsZT17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmhpZGRlbkNvbHVtbnMpfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAgICAgICAgICB7cHJvcHMuYXJlSGlkZGVuQ29sdW1uc1NlYXJjaGFibGUgJiYgKFxuICAgICAgICAgICAgICAgIDxBc3luY1NlbGVjdElucHV0XG4gICAgICAgICAgICAgICAgICB7Li4uKHByb3BzLnNlYXJjaEhpZGRlbkNvbHVtbnNQbGFjZWhvbGRlclxuICAgICAgICAgICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyOiBwcm9wcy5zZWFyY2hIaWRkZW5Db2x1bW5zUGxhY2Vob2xkZXIsXG4gICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZCl9XG4gICAgICAgICAgICAgICAgICBvbkNoYW5nZT17dm9pZENoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgICBsb2FkT3B0aW9ucz17bm9TZWFyY2h9XG4gICAgICAgICAgICAgICAgICBvbklucHV0Q2hhbmdlPXtoYW5kbGVJbnB1dENoYW5nZX1cbiAgICAgICAgICAgICAgICAgIGNvbXBvbmVudHM9e3NlbGVjdElucHV0Q29tcG9uZW50c31cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8RHJvcHBhYmxlUGFuZWxcbiAgICAgICAgICAgICAgICBkcm9wcGFibGVJZD17SElEREVOX0NPTFVNTlNfUEFORUx9XG4gICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e0hJRERFTl9DT0xVTU5TX1BBTkVMfVxuICAgICAgICAgICAgICAgIG5vQ29sdW1uc1RleHQ9e2ludGwuZm9ybWF0TWVzc2FnZShcbiAgICAgICAgICAgICAgICAgIG1lc3NhZ2VzLm5vSGlkZGVuQ29sdW1uc1RvU2hvd1xuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgY29sdW1ucz17aGlkZGVuQ29sdW1uc31cbiAgICAgICAgICAgICAgICBpc1NlYXJjaGFibGU9e3Byb3BzLmFyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L0Ryb3BwYWJsZUNvbnRhaW5lcj5cbiAgICAgICAgICA8RHJvcHBhYmxlQ29udGFpbmVyXG4gICAgICAgICAgICBpc0RyYWdnaW5nPXtpc0RyYWdnaW5nfVxuICAgICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PVwidmlzaWJsZS1jb2x1bW5zXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJtXCI+XG4gICAgICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmUgc2NhbGU9XCJ4c1wiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICA8RXllSWNvbiBzaXplPVwibWVkaXVtXCIgLz5cbiAgICAgICAgICAgICAgICA8RmllbGRMYWJlbFxuICAgICAgICAgICAgICAgICAgaWQ9XCJ2aXNpYmxlLWNvbHVtbnNcIlxuICAgICAgICAgICAgICAgICAgdGl0bGU9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy52aXNpYmxlQ29sdW1ucyl9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgICAgICAgIDxEcm9wcGFibGVQYW5lbFxuICAgICAgICAgICAgICAgIGRyb3BwYWJsZUlkPXtTRUxFQ1RFRF9DT0xVTU5TX1BBTkVMfVxuICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtTRUxFQ1RFRF9DT0xVTU5TX1BBTkVMfVxuICAgICAgICAgICAgICAgIG5vQ29sdW1uc1RleHQ9e2ludGwuZm9ybWF0TWVzc2FnZShcbiAgICAgICAgICAgICAgICAgIG1lc3NhZ2VzLm5vU2VsZWN0ZWRDb2x1bW5zVG9TaG93XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICBjb2x1bW5zPXtwcm9wcy5zZWxlY3RlZENvbHVtbnN9XG4gICAgICAgICAgICAgICAgb25SZW1vdmU9e3Byb3BzLm9uVXBkYXRlQ29sdW1uc31cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgICAgPC9Ecm9wcGFibGVDb250YWluZXI+XG4gICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAgPC9EcmFnRHJvcENvbnRleHQ+XG4gICAgPC9TZXR0aW5nc0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbkNvbHVtblNldHRpbmdzTWFuYWdlci5kaXNwbGF5TmFtZSA9ICdDb2x1bW5TZXR0aW5nc01hbmFnZXInO1xuXG5leHBvcnQgZGVmYXVsdCBDb2x1bW5TZXR0aW5nc01hbmFnZXI7XG4iXX0= */"));
-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 {
-    // 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 = columns?.find(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.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: _pt.string,
-  availableColumns: _pt.arrayOf(_pt.shape({
-    key: _pt.string.isRequired,
-    label: _pt.node.isRequired
-  })),
-  selectedColumns: _pt.arrayOf(_pt.shape({
-    key: _pt.string.isRequired,
-    label: _pt.node.isRequired
-  })).isRequired,
-  onUpdateColumns: _pt.func.isRequired,
-  areHiddenColumnsSearchable: _pt.bool,
-  searchHiddenColumns: _pt.func,
-  searchHiddenColumnsPlaceholder: _pt.string,
-  onClose: _pt.func.isRequired,
-  primaryButton: _pt.element,
-  secondaryButton: _pt.element,
-  managerTheme: _pt.oneOf(['light', 'dark'])
-} : {};
-ColumnSettingsManager.displayName = 'ColumnSettingsManager';
-
-export { ColumnSettingsManager as C, SettingsContainer$1 as S };