@commercetools-uikit/data-table-manager 19.8.0 → 19.10.0

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -16,8 +17,8 @@ var react = require('react');
 var Spacings = require('@commercetools-uikit/spacings');
 var dataTableManagerProvider$1 = require('@commercetools-uikit/data-table-manager/data-table-manager-provider');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _styled = require('@emotion/styled/base');
+var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var utils = require('@commercetools-uikit/utils');
 var reactIntl = require('react-intl');
@@ -31,21 +32,22 @@ var Grid = require('@commercetools-uikit/grid');
 var RadioInput = require('@commercetools-uikit/radio-input');
 var AccessibleHidden = require('@commercetools-uikit/accessible-hidden');
 var designSystem = require('@commercetools-uikit/design-system');
-var AccessibleButton = require('@commercetools-uikit/accessible-button');
-var CollapsibleMotion = require('@commercetools-uikit/collapsible-motion');
-var Card = require('@commercetools-uikit/card');
-var Text = require('@commercetools-uikit/text');
-var _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 reactBeautifulDnd = require('react-beautiful-dnd');
-var debounce = require('debounce-promise');
-var differenceWith = require('lodash/differenceWith');
-var AsyncSelectInput = require('@commercetools-uikit/async-select-input');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
-var Tag = require('@commercetools-uikit/tag');
+var columnSettingsManager = require('./column-settings-manager-92b54563.cjs.dev.js');
 var hooks = require('@commercetools-uikit/hooks');
-var dataTableManagerProvider = require('./data-table-manager-provider-6c690fc1.cjs.dev.js');
+var dataTableManagerProvider = require('./data-table-manager-provider-fc238633.cjs.dev.js');
+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('react-beautiful-dnd');
+require('debounce-promise');
+require('lodash/differenceWith');
+require('@commercetools-uikit/async-select-input');
+require('@commercetools-uikit/accessible-button');
+require('@commercetools-uikit/collapsible-motion');
+require('@commercetools-uikit/card');
+require('@commercetools-uikit/text');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('@commercetools-uikit/tag');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -60,6 +62,7 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
 var DropdownMenu__default = /*#__PURE__*/_interopDefault(DropdownMenu);
 var IconButton__default = /*#__PURE__*/_interopDefault(IconButton);
@@ -69,116 +72,18 @@ var FieldLabel__default = /*#__PURE__*/_interopDefault(FieldLabel);
 var Grid__default = /*#__PURE__*/_interopDefault(Grid);
 var RadioInput__default = /*#__PURE__*/_interopDefault(RadioInput);
 var AccessibleHidden__default = /*#__PURE__*/_interopDefault(AccessibleHidden);
-var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
-var CollapsibleMotion__default = /*#__PURE__*/_interopDefault(CollapsibleMotion);
-var Card__default = /*#__PURE__*/_interopDefault(Card);
-var Text__default = /*#__PURE__*/_interopDefault(Text);
-var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
-var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
-var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
-var debounce__default = /*#__PURE__*/_interopDefault(debounce);
-var differenceWith__default = /*#__PURE__*/_interopDefault(differenceWith);
-var AsyncSelectInput__default = /*#__PURE__*/_interopDefault(AsyncSelectInput);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
-var Tag__default = /*#__PURE__*/_interopDefault(Tag);
 
 const UPDATE_ACTIONS = {
   COLUMNS_UPDATE: 'columnsUpdate',
+  CUSTOM_SETTINGS_UPDATE: 'customSettingsUpdate',
+  CUSTOM_COLUMNS_UPDATE: 'customColumnsUpdate',
   IS_TABLE_CONDENSED_UPDATE: 'isTableCondensedUpdate',
   IS_TABLE_WRAPPING_TEXT_UPDATE: 'isTableWrappingTextUpdate'
 };
 const COLUMN_MANAGER = 'columnManager';
 const DISPLAY_SETTINGS = 'displaySettings';
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$2() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const HeaderContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
-  target: "e6ezr101"
-} : {
-  target: "e6ezr101",
-  label: "HeaderContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1bhm8h2",
-  styles: "display:flex;flex:1;justify-content:space-between"
-} : {
-  name: "1bhm8h2",
-  styles: "display:flex;flex:1;justify-content:space-between",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNldHRpbmdzLWNvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJrQyIsImZpbGUiOiJzZXR0aW5ncy1jb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCBSZWFjdEVsZW1lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUludGwsIHR5cGUgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCBDb2xsYXBzaWJsZU1vdGlvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb2xsYXBzaWJsZS1tb3Rpb24nO1xuaW1wb3J0IENhcmQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY2FyZCc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBDbG9zZUljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxudHlwZSBUU2V0dGluZ3NDb250YWluZXJQcm9wcyA9IHtcbiAgdGl0bGU6IE1lc3NhZ2VEZXNjcmlwdG9yICYge1xuICAgIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0LlJlYWN0Tm9kZT47XG4gIH07XG4gIGNsb3NlQnV0dG9uTGFiZWw6IE1lc3NhZ2VEZXNjcmlwdG9yICYge1xuICAgIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0LlJlYWN0Tm9kZT47XG4gIH07XG4gIG9uQ2xvc2U6IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIHByaW1hcnlCdXR0b24/OiBSZWFjdEVsZW1lbnQ7XG4gIHNlY29uZGFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29udGFpbmVyVGhlbWU/OiAnbGlnaHQnIHwgJ2RhcmsnO1xufTtcblxuY29uc3QgSGVhZGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleDogMTtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxuY29uc3QgQ2FyZENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nNTB9O1xuYDtcblxuY29uc3QgU2V0dGluZ3NDb250YWluZXIgPSAocHJvcHM6IFRTZXR0aW5nc0NvbnRhaW5lclByb3BzKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29sbGFwc2libGVNb3Rpb24gaXNEZWZhdWx0Q2xvc2VkPXtmYWxzZX0+XG4gICAgICB7KHsgcmVnaXN0ZXJDb250ZW50Tm9kZSwgY29udGFpbmVyU3R5bGVzIH0pID0+IChcbiAgICAgICAgPENhcmQgdHlwZT1cInJhaXNlZFwiIGluc2V0U2NhbGU9XCJub25lXCIgdGhlbWU9e3Byb3BzLmNvbnRhaW5lclRoZW1lfT5cbiAgICAgICAgICA8Q2FyZENvbnRlbnRXcmFwcGVyPlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIj5cbiAgICAgICAgICAgICAgPEhlYWRlckNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8VGV4dC5IZWFkbGluZSBhcz1cImgyXCIgaW50bE1lc3NhZ2U9e3Byb3BzLnRpdGxlfSAvPlxuICAgICAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShwcm9wcy5jbG9zZUJ1dHRvbkxhYmVsKX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8Q2xvc2VJY29uIHNpemU9XCJtZWRpdW1cIiAvPlxuICAgICAgICAgICAgICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgICAgICAgICAgICAgPC9IZWFkZXJDb250YWluZXI+XG4gICAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cImxcIj5cbiAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5zZXQgc2NhbGU9XCJzXCI+XG4gICAgICAgICAgICAgICAgICA8ZGl2IHN0eWxlPXtjb250YWluZXJTdHlsZXN9PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IHJlZj17cmVnaXN0ZXJDb250ZW50Tm9kZX0+e3Byb3BzLmNoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9TcGFjaW5ncy5JbnNldD5cbiAgICAgICAgICAgICAgICB7KHByb3BzLnNlY29uZGFyeUJ1dHRvbiB8fCBwcm9wcy5wcmltYXJ5QnV0dG9uKSAmJiAoXG4gICAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIj5cbiAgICAgICAgICAgICAgICAgICAge3Byb3BzLnNlY29uZGFyeUJ1dHRvbn1cbiAgICAgICAgICAgICAgICAgICAge3Byb3BzLnByaW1hcnlCdXR0b259XG4gICAgICAgICAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L0NhcmRDb250ZW50V3JhcHBlcj5cbiAgICAgICAgPC9DYXJkPlxuICAgICAgKX1cbiAgICA8L0NvbGxhcHNpYmxlTW90aW9uPlxuICApO1xufTtcblxuU2V0dGluZ3NDb250YWluZXIuZGlzcGxheU5hbWUgPSAnU2V0dGluZ3NDb250YWluZXInO1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFNldHRpbmdzQ29udGFpbmVyUHJvcHMsICdjb250YWluZXJUaGVtZSc+ID0ge1xuICBjb250YWluZXJUaGVtZTogJ2RhcmsnLFxufTtcblNldHRpbmdzQ29udGFpbmVyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgU2V0dGluZ3NDb250YWluZXI7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
-});
-const CardContentWrapper = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
-  target: "e6ezr100"
-} : {
-  target: "e6ezr100",
-  label: "CardContentWrapper"
-})("padding:", designSystem.designTokens.spacing40, " ", designSystem.designTokens.spacing50, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNldHRpbmdzLWNvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNxQyIsImZpbGUiOiJzZXR0aW5ncy1jb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCBSZWFjdEVsZW1lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUludGwsIHR5cGUgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCBDb2xsYXBzaWJsZU1vdGlvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb2xsYXBzaWJsZS1tb3Rpb24nO1xuaW1wb3J0IENhcmQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY2FyZCc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBDbG9zZUljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxudHlwZSBUU2V0dGluZ3NDb250YWluZXJQcm9wcyA9IHtcbiAgdGl0bGU6IE1lc3NhZ2VEZXNjcmlwdG9yICYge1xuICAgIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0LlJlYWN0Tm9kZT47XG4gIH07XG4gIGNsb3NlQnV0dG9uTGFiZWw6IE1lc3NhZ2VEZXNjcmlwdG9yICYge1xuICAgIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0LlJlYWN0Tm9kZT47XG4gIH07XG4gIG9uQ2xvc2U6IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIHByaW1hcnlCdXR0b24/OiBSZWFjdEVsZW1lbnQ7XG4gIHNlY29uZGFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29udGFpbmVyVGhlbWU/OiAnbGlnaHQnIHwgJ2RhcmsnO1xufTtcblxuY29uc3QgSGVhZGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleDogMTtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxuY29uc3QgQ2FyZENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nNTB9O1xuYDtcblxuY29uc3QgU2V0dGluZ3NDb250YWluZXIgPSAocHJvcHM6IFRTZXR0aW5nc0NvbnRhaW5lclByb3BzKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29sbGFwc2libGVNb3Rpb24gaXNEZWZhdWx0Q2xvc2VkPXtmYWxzZX0+XG4gICAgICB7KHsgcmVnaXN0ZXJDb250ZW50Tm9kZSwgY29udGFpbmVyU3R5bGVzIH0pID0+IChcbiAgICAgICAgPENhcmQgdHlwZT1cInJhaXNlZFwiIGluc2V0U2NhbGU9XCJub25lXCIgdGhlbWU9e3Byb3BzLmNvbnRhaW5lclRoZW1lfT5cbiAgICAgICAgICA8Q2FyZENvbnRlbnRXcmFwcGVyPlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIj5cbiAgICAgICAgICAgICAgPEhlYWRlckNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8VGV4dC5IZWFkbGluZSBhcz1cImgyXCIgaW50bE1lc3NhZ2U9e3Byb3BzLnRpdGxlfSAvPlxuICAgICAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShwcm9wcy5jbG9zZUJ1dHRvbkxhYmVsKX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8Q2xvc2VJY29uIHNpemU9XCJtZWRpdW1cIiAvPlxuICAgICAgICAgICAgICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgICAgICAgICAgICAgPC9IZWFkZXJDb250YWluZXI+XG4gICAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cImxcIj5cbiAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5zZXQgc2NhbGU9XCJzXCI+XG4gICAgICAgICAgICAgICAgICA8ZGl2IHN0eWxlPXtjb250YWluZXJTdHlsZXN9PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IHJlZj17cmVnaXN0ZXJDb250ZW50Tm9kZX0+e3Byb3BzLmNoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9TcGFjaW5ncy5JbnNldD5cbiAgICAgICAgICAgICAgICB7KHByb3BzLnNlY29uZGFyeUJ1dHRvbiB8fCBwcm9wcy5wcmltYXJ5QnV0dG9uKSAmJiAoXG4gICAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIj5cbiAgICAgICAgICAgICAgICAgICAge3Byb3BzLnNlY29uZGFyeUJ1dHRvbn1cbiAgICAgICAgICAgICAgICAgICAge3Byb3BzLnByaW1hcnlCdXR0b259XG4gICAgICAgICAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L0NhcmRDb250ZW50V3JhcHBlcj5cbiAgICAgICAgPC9DYXJkPlxuICAgICAgKX1cbiAgICA8L0NvbGxhcHNpYmxlTW90aW9uPlxuICApO1xufTtcblxuU2V0dGluZ3NDb250YWluZXIuZGlzcGxheU5hbWUgPSAnU2V0dGluZ3NDb250YWluZXInO1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFNldHRpbmdzQ29udGFpbmVyUHJvcHMsICdjb250YWluZXJUaGVtZSc+ID0ge1xuICBjb250YWluZXJUaGVtZTogJ2RhcmsnLFxufTtcblNldHRpbmdzQ29udGFpbmVyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgU2V0dGluZ3NDb250YWluZXI7XG4iXX0= */"));
-const SettingsContainer = props => {
-  const intl = reactIntl.useIntl();
-  return jsxRuntime.jsx(CollapsibleMotion__default["default"], {
-    isDefaultClosed: false,
-    children: _ref => {
-      let registerContentNode = _ref.registerContentNode,
-        containerStyles = _ref.containerStyles;
-      return jsxRuntime.jsx(Card__default["default"], {
-        type: "raised",
-        insetScale: "none",
-        theme: props.containerTheme,
-        children: jsxRuntime.jsx(CardContentWrapper, {
-          children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
-            scale: "xl",
-            children: [jsxRuntime.jsxs(HeaderContainer, {
-              children: [jsxRuntime.jsx(Text__default["default"].Headline, {
-                as: "h2",
-                intlMessage: props.title
-              }), jsxRuntime.jsx(AccessibleButton__default["default"], {
-                onClick: props.onClose,
-                label: intl.formatMessage(props.closeButtonLabel),
-                children: jsxRuntime.jsx(icons.CloseIcon, {
-                  size: "medium"
-                })
-              })]
-            }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
-              scale: "l",
-              children: [jsxRuntime.jsx(Spacings__default["default"].Inset, {
-                scale: "s",
-                children: jsxRuntime.jsx("div", {
-                  style: containerStyles,
-                  children: jsxRuntime.jsx("div", {
-                    ref: registerContentNode,
-                    children: props.children
-                  })
-                })
-              }), (props.secondaryButton || props.primaryButton) && jsxRuntime.jsxs(Spacings__default["default"].Inline, {
-                justifyContent: "flex-end",
-                children: [props.secondaryButton, props.primaryButton]
-              })]
-            })]
-          })
-        })
-      });
-    }
-  });
-};
-SettingsContainer.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].shape({
-    values: _pt__default["default"].objectOf(_pt__default["default"].node)
-  })]).isRequired,
-  closeButtonLabel: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].shape({
-    values: _pt__default["default"].objectOf(_pt__default["default"].node)
-  })]).isRequired,
-  onClose: _pt__default["default"].func.isRequired,
-  primaryButton: _pt__default["default"].element,
-  secondaryButton: _pt__default["default"].element,
-  children: _pt__default["default"].node.isRequired,
-  containerTheme: _pt__default["default"].oneOf(['light', 'dark'])
-} : {};
-SettingsContainer.displayName = 'SettingsContainer';
-const defaultProps$2 = {
-  containerTheme: 'dark'
-};
-SettingsContainer.defaultProps = defaultProps$2;
-var SettingsContainer$1 = SettingsContainer;
-
-var messages$3 = reactIntl.defineMessages({
+var messages$2 = reactIntl.defineMessages({
   title: {
     id: 'UIKit.DataTableManager.DensityManager.title',
     description: 'Title for the density manager component.',
@@ -230,9 +135,10 @@ const DensityManager = props => {
   const intl = reactIntl.useIntl();
   const textWrappingOption = props.isWrappingText ? SHOW_HIDE_ON_DEMAND : WRAPPED_TEXT_VISIBLE;
   const densityDisplayOption = props.isCondensed ? DENSITY_COMPACT : DENSITY_COMFORTABLE;
-  return jsxRuntime.jsx(SettingsContainer$1, {
-    title: messages$3.title,
-    closeButtonLabel: messages$3.closeButtonLabel,
+  return jsxRuntime.jsx(columnSettingsManager.SettingsContainer, {
+    customSettingsTitle: props.title,
+    title: messages$2.title,
+    closeButtonLabel: messages$2.closeButtonLabel,
     onClose: props.onClose,
     primaryButton: props.primaryButton,
     secondaryButton: props.secondaryButton,
@@ -244,7 +150,7 @@ const DensityManager = props => {
         children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
           scale: 'l',
           children: [jsxRuntime.jsx(FieldLabel__default["default"], {
-            title: intl.formatMessage(messages$3.textWrappingSubtitle)
+            title: intl.formatMessage(messages$2.textWrappingSubtitle)
           }), jsxRuntime.jsxs(AccessibleHidden__default["default"], {
             children: [jsxRuntime.jsx("label", {
               htmlFor: "text-wrapping-0",
@@ -260,10 +166,10 @@ const DensityManager = props => {
             onChange: props.onTextWrappingChange,
             children: [jsxRuntime.jsx(RadioInput__default["default"].Option, {
               value: WRAPPED_TEXT_VISIBLE,
-              children: intl.formatMessage(messages$3.textWrappingAllWrapVisibleOption)
+              children: intl.formatMessage(messages$2.textWrappingAllWrapVisibleOption)
             }), jsxRuntime.jsx(RadioInput__default["default"].Option, {
               value: SHOW_HIDE_ON_DEMAND,
-              children: intl.formatMessage(messages$3.textWrappingShowHideOnDemandOption)
+              children: intl.formatMessage(messages$2.textWrappingShowHideOnDemandOption)
             })]
           })]
         })
@@ -271,7 +177,7 @@ const DensityManager = props => {
         children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
           scale: 'l',
           children: [jsxRuntime.jsx(FieldLabel__default["default"], {
-            title: intl.formatMessage(messages$3.densityDisplaySubtitle)
+            title: intl.formatMessage(messages$2.densityDisplaySubtitle)
           }), jsxRuntime.jsxs(AccessibleHidden__default["default"], {
             children: [jsxRuntime.jsx("label", {
               htmlFor: "density-display-0",
@@ -287,10 +193,10 @@ const DensityManager = props => {
             onChange: props.onDensityDisplayChange,
             children: [jsxRuntime.jsx(RadioInput__default["default"].Option, {
               value: DENSITY_COMFORTABLE,
-              children: intl.formatMessage(messages$3.densityDisplayComfortableOption)
+              children: intl.formatMessage(messages$2.densityDisplayComfortableOption)
             }), jsxRuntime.jsx(RadioInput__default["default"].Option, {
               value: DENSITY_COMPACT,
-              children: intl.formatMessage(messages$3.densityDisplayCompactOption)
+              children: intl.formatMessage(messages$2.densityDisplayCompactOption)
             })]
           })]
         })
@@ -299,6 +205,7 @@ const DensityManager = props => {
   });
 };
 DensityManager.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _pt__default["default"].string,
   isCondensed: _pt__default["default"].bool,
   isWrappingText: _pt__default["default"].bool,
   primaryButton: _pt__default["default"].element,
@@ -309,344 +216,40 @@ DensityManager.propTypes = process.env.NODE_ENV !== "production" ? {
   managerTheme: _pt__default["default"].oneOf(['light', 'dark'])
 } : {};
 DensityManager.displayName = 'DensityManager';
-const defaultProps$1 = {
+const defaultProps = {
   isCondensed: true,
   isWrappingText: false
 };
-DensityManager.defaultProps = defaultProps$1;
+DensityManager.defaultProps = defaultProps;
 var DisplaySettingsManager = DensityManager;
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const DraggingSmall = /*#__PURE__*/_styled__default["default"]("small", process.env.NODE_ENV === "production" ? {
-  target: "e1mp438g1"
-} : {
-  target: "e1mp438g1",
-  label: "DraggingSmall"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1fhyj3b",
-  styles: "&:hover{cursor:grab;}"
-} : {
-  name: "1fhyj3b",
-  styles: "&:hover{cursor:grab;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS10YWcuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFa0MiLCJmaWxlIjoiZHJhZ2dhYmxlLXRhZy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBEcmFnZ2luZ1NtYWxsID0gc3R5bGVkLnNtYWxsYFxuICAmOmhvdmVyIHtcbiAgICBjdXJzb3I6IGdyYWI7XG4gIH1cbmA7XG5cbmNvbnN0IERyYWdnaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgJHtEcmFnZ2luZ1NtYWxsfTtcbmA7XG5cbmV4cG9ydCBkZWZhdWx0IERyYWdnaW5nQ29udGFpbmVyO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
-});
-const DraggingContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
-  target: "e1mp438g0"
-} : {
-  target: "e1mp438g0",
-  label: "DraggingContainer"
-})(DraggingSmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS10YWcuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRb0MiLCJmaWxlIjoiZHJhZ2dhYmxlLXRhZy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBEcmFnZ2luZ1NtYWxsID0gc3R5bGVkLnNtYWxsYFxuICAmOmhvdmVyIHtcbiAgICBjdXJzb3I6IGdyYWI7XG4gIH1cbmA7XG5cbmNvbnN0IERyYWdnaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgJHtEcmFnZ2luZ1NtYWxsfTtcbmA7XG5cbmV4cG9ydCBkZWZhdWx0IERyYWdnaW5nQ29udGFpbmVyO1xuIl19 */"));
-var DraggingContainer$1 = DraggingContainer;
-
-function ownKeys$3(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$3(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$3(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$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const DraggableTagWrapper = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
-  target: "emzjy4n0"
-} : {
-  target: "emzjy4n0",
-  label: "DraggableTagWrapper"
-})("padding:", designSystem.designTokens.spacing10, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS10YWcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cc0MiLCJmaWxlIjoiZHJhZ2dhYmxlLXRhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IERyYWdnYWJsZSB9IGZyb20gJ3JlYWN0LWJlYXV0aWZ1bC1kbmQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgVGFnIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RhZyc7XG5pbXBvcnQgRHJhZ2dpbmdDb250YWluZXIgZnJvbSAnLi9kcmFnZ2FibGUtdGFnLnN0eWxlcyc7XG5cbmV4cG9ydCB0eXBlIFRDb2x1bW5EYXRhID0ge1xuICBrZXk6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCB0eXBlIFREcmFnZ2FibGVUYWdQcm9wcyA9IHtcbiAgY29sdW1uOiBUQ29sdW1uRGF0YTtcbiAgaW5kZXg6IG51bWJlcjtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIG9uUmVtb3ZlPzogKGluZGV4OiBudW1iZXIpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBEcmFnZ2FibGVUYWdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfSAwO1xuYDtcblxuY29uc3QgRHJhZ2dhYmxlVGFnID0gKHByb3BzOiBURHJhZ2dhYmxlVGFnUHJvcHMpID0+IHtcbiAgY29uc3QgaGFuZGxlUmVtb3ZlQ29sdW1uID0gKCkgPT4gcHJvcHMub25SZW1vdmU/Lihwcm9wcy5pbmRleCk7XG5cbiAgcmV0dXJuIChcbiAgICA8RHJhZ2dhYmxlXG4gICAgICBkcmFnZ2FibGVJZD17cHJvcHMuY29sdW1uLmtleX1cbiAgICAgIGluZGV4PXtwcm9wcy5pbmRleH1cbiAgICAgIGlzRHJhZ0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgID5cbiAgICAgIHsocHJvdmlkZWQpID0+IHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8RHJhZ2dhYmxlVGFnV3JhcHBlcj5cbiAgICAgICAgICAgIDxEcmFnZ2luZ0NvbnRhaW5lclxuICAgICAgICAgICAgICByZWY9e3Byb3ZpZGVkLmlubmVyUmVmfVxuICAgICAgICAgICAgICB7Li4ucHJvdmlkZWQuZHJhZ2dhYmxlUHJvcHN9XG4gICAgICAgICAgICAgIHsuLi5wcm92aWRlZC5kcmFnSGFuZGxlUHJvcHN9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxUYWdcbiAgICAgICAgICAgICAgICBvblJlbW92ZT17cHJvcHMub25SZW1vdmUgPyBoYW5kbGVSZW1vdmVDb2x1bW4gOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgICBpc0RyYWdnYWJsZVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3Byb3BzLmNvbHVtbi5sYWJlbH1cbiAgICAgICAgICAgICAgPC9UYWc+XG4gICAgICAgICAgICA8L0RyYWdnaW5nQ29udGFpbmVyPlxuICAgICAgICAgIDwvRHJhZ2dhYmxlVGFnV3JhcHBlcj5cbiAgICAgICAgKTtcbiAgICAgIH19XG4gICAgPC9EcmFnZ2FibGU+XG4gICk7XG59O1xuXG5EcmFnZ2FibGVUYWcuZGlzcGxheU5hbWUgPSAnRHJhZ2dhYmxlVGFnJztcblxuZXhwb3J0IGRlZmF1bHQgRHJhZ2dhYmxlVGFnO1xuIl19 */"));
-const DraggableTag = props => {
-  const handleRemoveColumn = () => {
-    var _props$onRemove;
-    return (_props$onRemove = props.onRemove) === null || _props$onRemove === void 0 ? void 0 : _props$onRemove.call(props, props.index);
-  };
-  return jsxRuntime.jsx(reactBeautifulDnd.Draggable, {
-    draggableId: props.column.key,
-    index: props.index,
-    isDragDisabled: props.isDisabled,
-    children: provided => {
-      return jsxRuntime.jsx(DraggableTagWrapper, {
-        children: jsxRuntime.jsx(DraggingContainer$1, _objectSpread$3(_objectSpread$3(_objectSpread$3({
-          ref: provided.innerRef
-        }, provided.draggableProps), provided.dragHandleProps), {}, {
-          children: jsxRuntime.jsx(Tag__default["default"], {
-            onRemove: props.onRemove ? handleRemoveColumn : undefined,
-            isDisabled: props.isDisabled,
-            isDraggable: true,
-            children: props.column.label
-          })
-        }))
-      });
-    }
-  });
-};
-DraggableTag.propTypes = process.env.NODE_ENV !== "production" ? {
-  column: _pt__default["default"].shape({
-    key: _pt__default["default"].string.isRequired,
-    label: _pt__default["default"].node.isRequired
-  }).isRequired,
-  index: _pt__default["default"].number.isRequired,
-  isDisabled: _pt__default["default"].bool,
-  onRemove: _pt__default["default"].func
-} : {};
-DraggableTag.displayName = 'DraggableTag';
-var DraggableTag$1 = DraggableTag;
-
-const TagContainerEditable = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
-  target: "e7rakq0"
-} : {
-  target: "e7rakq0",
-  label: "TagContainerEditable"
-})("background-color:", designSystem.designTokens.colorSurface, ";border:1px solid ", designSystem.designTokens.colorNeutral, ";border-radius:", designSystem.designTokens.borderRadius4, ";padding:", designSystem.designTokens.spacing30, ";height:", designSystem.designTokens.constraint7, ";overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1jb250YWluZXItZWRpdGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd1QyIsImZpbGUiOiJ0YWctY29udGFpbmVyLWVkaXRhYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5jb25zdCBUYWdDb250YWluZXJFZGl0YWJsZSA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbH07XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czR9O1xuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ3fTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBUYWdDb250YWluZXJFZGl0YWJsZTtcbiJdfQ== */"));
-var TagContainerEditable$1 = TagContainerEditable;
-
-var messages$2 = reactIntl.defineMessages({
-  loadMoreAttributesHint: {
-    id: 'UIKit.DataTableManager.ColumnManager.DroppablePanel.loadMoreAttributesHint',
-    description: 'Indicate that the user can use the search input to load more attributes',
-    defaultMessage: 'Load more attributes by using the search input above'
-  }
-});
-
-const DroppablePanel = props => {
-  return jsxRuntime.jsx(reactBeautifulDnd.Droppable, {
-    droppableId: props.droppableId,
-    children: provided => {
-      var _context;
-      return jsxRuntime.jsxs(TagContainerEditable$1, {
-        "data-testid": props.droppableId,
-        ref: provided.innerRef,
-        children: [props.columns.length === 0 ? jsxRuntime.jsx(Spacings__default["default"].Inset, {
-          scale: "s",
-          children: jsxRuntime.jsx(Text__default["default"].Detail, {
-            tone: "secondary",
-            children: props.noColumnsText
-          })
-        }) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [_mapInstanceProperty__default["default"](_context = props.columns).call(_context, (column, index) => {
-            var _context2;
-            return jsxRuntime.jsx(DraggableTag$1, {
-              column: column,
-              index: index,
-              onRemove: props.onRemove ? () => {
-                var _context3, _context4;
-                return props.onRemove([..._sliceInstanceProperty__default["default"](_context3 = props.columns).call(_context3, 0, index), ..._sliceInstanceProperty__default["default"](_context4 = props.columns).call(_context4, index + 1)]);
-              } : undefined,
-              isDisabled: props.isDisabled
-            }, _concatInstanceProperty__default["default"](_context2 = "".concat(column.key, "-")).call(_context2, index));
-          }), props.isSearchable && jsxRuntime.jsx(Spacings__default["default"].Inset, {
-            scale: "xs",
-            children: jsxRuntime.jsx(Text__default["default"].Detail, {
-              tone: "secondary",
-              intlMessage: messages$2.loadMoreAttributesHint
-            })
-          })]
-        }), provided.placeholder]
-      });
-    }
-  });
-};
-DroppablePanel.propTypes = process.env.NODE_ENV !== "production" ? {
-  droppableId: _pt__default["default"].string.isRequired,
-  noColumnsText: _pt__default["default"].node.isRequired,
-  columns: _pt__default["default"].arrayOf(_pt__default["default"].shape({
-    key: _pt__default["default"].string.isRequired,
-    label: _pt__default["default"].node.isRequired
-  })).isRequired,
-  isSearchable: _pt__default["default"].bool,
-  isDisabled: _pt__default["default"].bool,
-  onRemove: _pt__default["default"].func
-} : {};
-DroppablePanel.displayName = 'DroppablePanel';
-var DroppablePanel$1 = DroppablePanel;
-
 var messages$1 = reactIntl.defineMessages({
-  title: {
-    id: 'UIKit.DataTableManager.ColumnManager.title',
-    description: 'Title for the column manager component.',
-    defaultMessage: 'Column Manager'
-  },
-  visibleColumns: {
-    id: 'UIKit.DataTableManager.ColumnSelectorGroups.visible',
-    description: 'Message for the visible columns section.',
-    defaultMessage: 'Visible columns'
-  },
-  hiddenColumns: {
-    id: 'UIKit.DataTableManager.ColumnManager.hiddenColumns',
-    description: 'Message for the hidden columns section',
-    defaultMessage: 'Hidden columns'
-  },
-  noSelectedColumnsToShow: {
-    id: 'UIKit.DataTableManager.ColumnManager.noSelectedColumnsToShow',
-    description: 'Label when there are no selected columns to show',
-    defaultMessage: 'There are no selected columns to show.'
-  },
-  noHiddenColumnsToShow: {
-    id: 'UIKit.DataTableManager.ColumnManager.noHiddenColumnsToShow',
-    description: 'Label when there are no hidden columns to show',
-    defaultMessage: 'There are no hidden columns to show.'
-  },
   closeButtonLabel: {
-    id: 'UIKit.DataTableManager.ColumnManager.closeButtonLabel',
-    description: 'Label for density manager close button.',
+    id: 'UIKit.DataTableManager.CustomSettingsManager.closeButtonLabel',
+    description: 'Label for custom settings manager close button.',
     defaultMessage: 'Close'
   }
 });
 
-const HIDDEN_COLUMNS_PANEL = 'hidden-columns-panel';
-const SELECTED_COLUMNS_PANEL = 'selected-columns-panel';
-
-function ownKeys$2(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$2(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$2(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$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const noSearch = () => _Promise__default["default"].resolve([]);
-// 'onChange' prop in AsyncSelectInput is required but not needed here
-const voidChangeHandler = () => undefined;
-const DroppableContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
-  target: "en01od20"
-} : {
-  target: "en01od20",
-  label: "DroppableContainer"
-})("width:100%;position:relative;max-width:", designSystem.designTokens.constraint10, ";cursor:", props => props.isDragging ? 'grabbing' : 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRCtEIiwiZmlsZSI6ImNvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZU1lbW8sXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VTdGF0ZSxcbiAgdHlwZSBSZWFjdEVsZW1lbnQsXG4gIHR5cGUgUmVhY3ROb2RlLFxuICB0eXBlIE1vdXNlRXZlbnQsXG4gIHR5cGUgS2V5Ym9hcmRFdmVudCxcbiAgdHlwZSBEaXNwYXRjaCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgRHJhZ0Ryb3BDb250ZXh0LCB0eXBlIERyb3BSZXN1bHQgfSBmcm9tICdyZWFjdC1iZWF1dGlmdWwtZG5kJztcbmltcG9ydCBkZWJvdW5jZSBmcm9tICdkZWJvdW5jZS1wcm9taXNlJztcbmltcG9ydCBkaWZmZXJlbmNlV2l0aCBmcm9tICdsb2Rhc2gvZGlmZmVyZW5jZVdpdGgnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQXN5bmNTZWxlY3RJbnB1dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hc3luYy1zZWxlY3QtaW5wdXQnO1xuaW1wb3J0IEZpZWxkTGFiZWwgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZmllbGQtbGFiZWwnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCB7XG4gIEV5ZUNyb3NzZWRJY29uLFxuICBFeWVJY29uLFxuICBTZWFyY2hJY29uLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IERyb3BwYWJsZVBhbmVsIGZyb20gJy4uL2Ryb3BwYWJsZS1wYW5lbCc7XG5pbXBvcnQgU2V0dGluZ3NDb250YWluZXIgZnJvbSAnLi4vc2V0dGluZ3MtY29udGFpbmVyJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcbmltcG9ydCB7IEhJRERFTl9DT0xVTU5TX1BBTkVMLCBTRUxFQ1RFRF9DT0xVTU5TX1BBTkVMIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuXG4vLyAnc2VhcmNoSGlkZGVuQ29sdW1zJyBpcyBvbmx5IHJlcXVpcmVkIGlmICdhcmVIaWRkZW5Db2x1bW5zU2VhcmNoYWJsZScgaXMgdHJ1ZVxuLy8gYnV0IHRoYXQgY2FsbGJhY2sgaXMgdXNlZCBpbiBBc3luY1NlbGVjdElucHV0LmxvYWRPcHRpb25zIHdoaWNoIGlzIHJlcXVpcmVkXG4vLyBUaGF0IHByb3BlcnR5IChsb2FkT3B0aW9ucykgaXMgcGFzc2VkIHRvIHJlYWN0LXNlbGVjdCBBc3luY1NlbGVjdCB3aGVyZSBpdCdzXG4vLyBkZWNsYXJlZCBhcyBvcHRpb25hbFxuY29uc3Qgbm9TZWFyY2ggPSAoKSA9PiBQcm9taXNlLnJlc29sdmUoW10pO1xuLy8gJ29uQ2hhbmdlJyBwcm9wIGluIEFzeW5jU2VsZWN0SW5wdXQgaXMgcmVxdWlyZWQgYnV0IG5vdCBuZWVkZWQgaGVyZVxuY29uc3Qgdm9pZENoYW5nZUhhbmRsZXIgPSAoKSA9PiB1bmRlZmluZWQ7XG5cbmV4cG9ydCB0eXBlIFRDb2x1bW5EYXRhID0ge1xuICBrZXk6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCB0eXBlIFRDb2x1bW5TZXR0aW5nc01hbmFnZXJQcm9wcyA9IHtcbiAgYXZhaWxhYmxlQ29sdW1uczogVENvbHVtbkRhdGFbXTtcbiAgc2VsZWN0ZWRDb2x1bW5zOiBUQ29sdW1uRGF0YVtdO1xuICBvblVwZGF0ZUNvbHVtbnM6ICh1cGRhdGVkQ29sdW1zOiBUQ29sdW1uRGF0YVtdKSA9PiB2b2lkO1xuICBhcmVIaWRkZW5Db2x1bW5zU2VhcmNoYWJsZT86IGJvb2xlYW47XG4gIHNlYXJjaEhpZGRlbkNvbHVtbnM/OiAoc2VhcmNoVGVybTogc3RyaW5nKSA9PiBQcm9taXNlPHZvaWQ+IHwgdm9pZDtcbiAgc2VhcmNoSGlkZGVuQ29sdW1uc1BsYWNlaG9sZGVyPzogc3RyaW5nO1xuXG4gIG9uQ2xvc2U6IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIHByaW1hcnlCdXR0b24/OiBSZWFjdEVsZW1lbnQ7XG4gIHNlY29uZGFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcbiAgbWFuYWdlclRoZW1lPzogJ2xpZ2h0JyB8ICdkYXJrJztcbn07XG5cbnR5cGUgVERyb3BwYWJsZUNvbnRhaW5lclByb3BzID0ge1xuICBpc0RyYWdnaW5nOiBib29sZWFuO1xufTtcblxuY29uc3QgRHJvcHBhYmxlQ29udGFpbmVyID0gc3R5bGVkLmRpdjxURHJvcHBhYmxlQ29udGFpbmVyUHJvcHM+YFxuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXgtd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQxMH07XG4gIGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5pc0RyYWdnaW5nID8gJ2dyYWJiaW5nJyA6ICdhdXRvJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGhhbmRsZUNvbHVtbnNVcGRhdGUgPSAoXG4gIGRyYWdSZXN1bHQ6IERyb3BSZXN1bHQsXG4gIG9uVXBkYXRlQ29sdW1uczogVENvbHVtblNldHRpbmdzTWFuYWdlclByb3BzWydvblVwZGF0ZUNvbHVtbnMnXSxcbiAgc2VsZWN0ZWRDb2x1bW5zOiBUQ29sdW1uU2V0dGluZ3NNYW5hZ2VyUHJvcHNbJ3NlbGVjdGVkQ29sdW1ucyddLFxuICBhdmFpbGFibGVDb2x1bW5zOiBUQ29sdW1uU2V0dGluZ3NNYW5hZ2VyUHJvcHNbJ2F2YWlsYWJsZUNvbHVtbnMnXSxcbiAgc2V0SXNEcmFnZ2luZzogRGlzcGF0Y2g8Ym9vbGVhbj5cbikgPT4ge1xuICBzZXRJc0RyYWdnaW5nKGZhbHNlKTtcbiAgLy8gSW52YWxpZCBkcm9wIGRlc3RpbmF0aW9uLCBkbyBub3RoaW5nXG4gIGlmICghZHJhZ1Jlc3VsdC5kZXN0aW5hdGlvbikgcmV0dXJuO1xuICBpZiAoZHJhZ1Jlc3VsdC5kZXN0aW5hdGlvbi5kcm9wcGFibGVJZCA9PT0gSElEREVOX0NPTFVNTlNfUEFORUwpIHtcbiAgICBpZiAoZHJhZ1Jlc3VsdC5zb3VyY2UuZHJvcHBhYmxlSWQgPT09IEhJRERFTl9DT0xVTU5TX1BBTkVMKSByZXR1cm47XG4gICAgb25VcGRhdGVDb2x1bW5zKFtcbiAgICAgIC4uLnNlbGVjdGVkQ29sdW1ucy5zbGljZSgwLCBkcmFnUmVzdWx0LnNvdXJjZS5pbmRleCksXG4gICAgICAuLi5zZWxlY3RlZENvbHVtbnMuc2xpY2UoZHJhZ1Jlc3VsdC5zb3VyY2UuaW5kZXggKyAxKSxcbiAgICBdKTtcbiAgfSBlbHNlIHtcbiAgICAvLyB0aGUgZGVzdGluYXRpb24gaXMgdGhlIHNlbGVjdGVkIGNvbHVtbnMgcGFuZWxcblxuICAgIC8vIGl0J3MgYSBzd2FwIHdoZW4gdGhlIHNvdXJjZSBhbmQgdGhlIGRlc3RpbmF0aW9uIGFyZSB0aGUgc2FtZVxuICAgIGNvbnN0IGlzU3dhcCA9IGRyYWdSZXN1bHQuc291cmNlLmRyb3BwYWJsZUlkID09PSBTRUxFQ1RFRF9DT0xVTU5TX1BBTkVMO1xuXG4gICAgY29uc3QgaXRlbXMgPSBpc1N3YXBcbiAgICAgID8gLy8gcmVtb3ZlIHRoZSBkcmFnZ2VkIGl0ZW0gZnJvbSBpdHMgcG9zaXRpb24gaWYgaXQgaXMgbm90IGNvbWluZyBmcm9tXG4gICAgICAgIC8vIHRoZSBoaWRkZW4gc2VjdGlvbiAoaXQgaXMgYSBzd2FwKVxuICAgICAgICBbXG4gICAgICAgICAgLi4uc2VsZWN0ZWRDb2x1bW5zLnNsaWNlKDAsIGRyYWdSZXN1bHQuc291cmNlLmluZGV4KSxcbiAgICAgICAgICAuLi5zZWxlY3RlZENvbHVtbnMuc2xpY2UoZHJhZ1Jlc3VsdC5zb3VyY2UuaW5kZXggKyAxKSxcbiAgICAgICAgXVxuICAgICAgOiBzZWxlY3RlZENvbHVtbnM7XG5cbiAgICBjb25zdCBjb2x1bW5zID0gaXNTd2FwID8gc2VsZWN0ZWRDb2x1bW5zIDogYXZhaWxhYmxlQ29sdW1ucztcbiAgICBjb25zdCBkcmFnZ2VkQ29sdW1uID0gY29sdW1ucy5maW5kKFxuICAgICAgKGNvbCkgPT4gY29sLmtleSA9PT0gZHJhZ1Jlc3VsdC5kcmFnZ2FibGVJZFxuICAgICk7XG5cbiAgICAvLyBwdXNoIHRoZSBjb2x1bW4gaW4gdGhlIG5ldyBwb3NpdGlvbiBpZiBkcmFnZ2VkQ29sdW1uIGlzIGZvdW5kXG4gICAgaWYgKGRyYWdnZWRDb2x1bW4pIHtcbiAgICAgIG9uVXBkYXRlQ29sdW1ucyhbXG4gICAgICAgIC4uLml0ZW1zLnNsaWNlKDAsIGRyYWdSZXN1bHQuZGVzdGluYXRpb24uaW5kZXgpLFxuICAgICAgICBkcmFnZ2VkQ29sdW1uLFxuICAgICAgICAuLi5pdGVtcy5zbGljZShkcmFnUmVzdWx0LmRlc3RpbmF0aW9uLmluZGV4KSxcbiAgICAgIF0pO1xuICAgIH1cbiAgfVxufTtcblxuY29uc3QgRHJvcGRvd25JbmRpY2F0b3IgPSAoKSA9PiAoXG4gIDxTcGFjaW5ncy5JbmxpbmUgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgIDxTZWFyY2hJY29uIHNpemU9XCJtZWRpdW1cIiBjb2xvcj1cInByaW1hcnlcIiAvPlxuICA8L1NwYWNpbmdzLklubGluZT5cbik7XG5Ecm9wZG93bkluZGljYXRvci5kaXNwbGF5TmFtZSA9ICdEcm9wZG93bkluZGljYXRvcic7XG5cbmNvbnN0IE5vdGhpbmcgPSAoKSA9PiBudWxsO1xuY29uc3Qgc2VsZWN0SW5wdXRDb21wb25lbnRzID0ge1xuICBPcHRpb246IE5vdGhpbmcsXG4gIE1lbnU6IE5vdGhpbmcsXG4gIERyb3Bkb3duSW5kaWNhdG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IENvbHVtblNldHRpbmdzTWFuYWdlciA9IChwcm9wczogVENvbHVtblNldHRpbmdzTWFuYWdlclByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5hcmVIaWRkZW5Db2x1bW5zU2VhcmNoYWJsZSkge1xuICAgIHdhcm5pbmcoXG4gICAgICB0eXBlb2YgcHJvcHMuc2VhcmNoSGlkZGVuQ29sdW1ucyAhPT0gJ3VuZGVmaW5lZCcsXG4gICAgICAndWkta2l0L0NvbHVtblNldHRpbmdzTWFuYWdlcjogXCJzZWFyY2hIaWRkZW5Db2x1bW5zXCIgbXVzdCBiZSBwcm92aWRlZCB3aGVuIFwiYXJlSGlkZGVuQ29sdW1uc1NlYXJjaGFibGVcIiBpcyB0cnVlJ1xuICAgICk7XG4gIH1cblxuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuICBjb25zdCBbaXNEcmFnZ2luZywgc2V0SXNEcmFnZ2luZ10gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgc2VhcmNoSGlkZGVuQ29sdW1ucyB9ID0gcHJvcHM7XG5cbiAgY29uc3QgaGFuZGxlRHJhZ1N0YXJ0ID0gKCkgPT4ge1xuICAgIHNldElzRHJhZ2dpbmcodHJ1ZSk7XG4gIH07XG5cbiAgY29uc3QgaGlkZGVuQ29sdW1ucyA9IHVzZU1lbW8oXG4gICAgKCkgPT5cbiAgICAgIGRpZmZlcmVuY2VXaXRoKFxuICAgICAgICBwcm9wcy5hdmFpbGFibGVDb2x1bW5zLFxuICAgICAgICBwcm9wcy5zZWxlY3RlZENvbHVtbnMsXG4gICAgICAgIChhLCBiKSA9PiBhLmtleSA9PT0gYi5rZXlcbiAgICAgICksXG4gICAgW3Byb3BzLmF2YWlsYWJsZUNvbHVtbnMsIHByb3BzLnNlbGVjdGVkQ29sdW1uc11cbiAgKTtcblxuICBjb25zdCBoYW5kbGVEcmFnRW5kID0gdXNlQ2FsbGJhY2s8KGRyYWdSZXN1bHQ6IERyb3BSZXN1bHQpID0+IHZvaWQ+KFxuICAgIChkcmFnUmVzdWx0KSA9PlxuICAgICAgaGFuZGxlQ29sdW1uc1VwZGF0ZShcbiAgICAgICAgZHJhZ1Jlc3VsdCxcbiAgICAgICAgcHJvcHMub25VcGRhdGVDb2x1bW5zLFxuICAgICAgICBwcm9wcy5zZWxlY3RlZENvbHVtbnMsXG4gICAgICAgIHByb3BzLmF2YWlsYWJsZUNvbHVtbnMsXG4gICAgICAgIHNldElzRHJhZ2dpbmdcbiAgICAgICksXG4gICAgW3Byb3BzLm9uVXBkYXRlQ29sdW1ucywgcHJvcHMuc2VsZWN0ZWRDb2x1bW5zLCBwcm9wcy5hdmFpbGFibGVDb2x1bW5zXVxuICApO1xuXG4gIGNvbnN0IGRlYm91bmNlZFNlYXJjaEhpZGRlbkNvbHVtbnMgPSB1c2VNZW1vKFxuICAgICgpID0+IGRlYm91bmNlKHNlYXJjaEhpZGRlbkNvbHVtbnMgPz8gbm9TZWFyY2gsIDMwMCksXG4gICAgW3NlYXJjaEhpZGRlbkNvbHVtbnNdXG4gICk7XG4gIGNvbnN0IGhhbmRsZUlucHV0Q2hhbmdlID0gdXNlQ2FsbGJhY2s8KGlucHV0VmFsdWU6IHN0cmluZykgPT4gdm9pZD4oXG4gICAgKGlucHV0VmFsdWUpID0+IGRlYm91bmNlZFNlYXJjaEhpZGRlbkNvbHVtbnMoaW5wdXRWYWx1ZSksXG4gICAgW2RlYm91bmNlZFNlYXJjaEhpZGRlbkNvbHVtbnNdXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U2V0dGluZ3NDb250YWluZXJcbiAgICAgIHRpdGxlPXttZXNzYWdlcy50aXRsZX1cbiAgICAgIGNsb3NlQnV0dG9uTGFiZWw9e21lc3NhZ2VzLmNsb3NlQnV0dG9uTGFiZWx9XG4gICAgICBvbkNsb3NlPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgcHJpbWFyeUJ1dHRvbj17cHJvcHMucHJpbWFyeUJ1dHRvbn1cbiAgICAgIHNlY29uZGFyeUJ1dHRvbj17cHJvcHMuc2Vjb25kYXJ5QnV0dG9ufVxuICAgICAgY29udGFpbmVyVGhlbWU9e3Byb3BzLm1hbmFnZXJUaGVtZX1cbiAgICA+XG4gICAgICA8RHJhZ0Ryb3BDb250ZXh0IG9uRHJhZ0VuZD17aGFuZGxlRHJhZ0VuZH0gb25EcmFnU3RhcnQ9e2hhbmRsZURyYWdTdGFydH0+XG4gICAgICAgIDxTcGFjaW5ncy5JbmxpbmUgc2NhbGU9XCJsXCI+XG4gICAgICAgICAgPERyb3BwYWJsZUNvbnRhaW5lclxuICAgICAgICAgICAgaXNEcmFnZ2luZz17aXNEcmFnZ2luZ31cbiAgICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT1cImhpZGRlbi1jb2x1bW5zXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJtXCI+XG4gICAgICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmUgc2NhbGU9XCJzXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICAgIDxFeWVDcm9zc2VkSWNvbiBzaXplPVwiYmlnXCIgLz5cbiAgICAgICAgICAgICAgICA8RmllbGRMYWJlbFxuICAgICAgICAgICAgICAgICAgaWQ9XCJoaWRkZW4tY29sdW1uc1wiXG4gICAgICAgICAgICAgICAgICB0aXRsZT17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmhpZGRlbkNvbHVtbnMpfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAgICAgICAgICB7cHJvcHMuYXJlSGlkZGVuQ29sdW1uc1NlYXJjaGFibGUgJiYgKFxuICAgICAgICAgICAgICAgIDxBc3luY1NlbGVjdElucHV0XG4gICAgICAgICAgICAgICAgICB7Li4uKHByb3BzLnNlYXJjaEhpZGRlbkNvbHVtbnNQbGFjZWhvbGRlclxuICAgICAgICAgICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyOiBwcm9wcy5zZWFyY2hIaWRkZW5Db2x1bW5zUGxhY2Vob2xkZXIsXG4gICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZCl9XG4gICAgICAgICAgICAgICAgICBvbkNoYW5nZT17dm9pZENoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgICBsb2FkT3B0aW9ucz17bm9TZWFyY2h9XG4gICAgICAgICAgICAgICAgICBvbklucHV0Q2hhbmdlPXtoYW5kbGVJbnB1dENoYW5nZX1cbiAgICAgICAgICAgICAgICAgIGNvbXBvbmVudHM9e3NlbGVjdElucHV0Q29tcG9uZW50c31cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8RHJvcHBhYmxlUGFuZWxcbiAgICAgICAgICAgICAgICBkcm9wcGFibGVJZD17SElEREVOX0NPTFVNTlNfUEFORUx9XG4gICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e0hJRERFTl9DT0xVTU5TX1BBTkVMfVxuICAgICAgICAgICAgICAgIG5vQ29sdW1uc1RleHQ9e2ludGwuZm9ybWF0TWVzc2FnZShcbiAgICAgICAgICAgICAgICAgIG1lc3NhZ2VzLm5vSGlkZGVuQ29sdW1uc1RvU2hvd1xuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgY29sdW1ucz17aGlkZGVuQ29sdW1uc31cbiAgICAgICAgICAgICAgICBpc1NlYXJjaGFibGU9e3Byb3BzLmFyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L0Ryb3BwYWJsZUNvbnRhaW5lcj5cbiAgICAgICAgICA8RHJvcHBhYmxlQ29udGFpbmVyXG4gICAgICAgICAgICBpc0RyYWdnaW5nPXtpc0RyYWdnaW5nfVxuICAgICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PVwidmlzaWJsZS1jb2x1bW5zXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJtXCI+XG4gICAgICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmUgc2NhbGU9XCJ4c1wiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICA8RXllSWNvbiBzaXplPVwibWVkaXVtXCIgLz5cbiAgICAgICAgICAgICAgICA8RmllbGRMYWJlbFxuICAgICAgICAgICAgICAgICAgaWQ9XCJ2aXNpYmxlLWNvbHVtbnNcIlxuICAgICAgICAgICAgICAgICAgdGl0bGU9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy52aXNpYmxlQ29sdW1ucyl9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgICAgICAgIDxEcm9wcGFibGVQYW5lbFxuICAgICAgICAgICAgICAgIGRyb3BwYWJsZUlkPXtTRUxFQ1RFRF9DT0xVTU5TX1BBTkVMfVxuICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtTRUxFQ1RFRF9DT0xVTU5TX1BBTkVMfVxuICAgICAgICAgICAgICAgIG5vQ29sdW1uc1RleHQ9e2ludGwuZm9ybWF0TWVzc2FnZShcbiAgICAgICAgICAgICAgICAgIG1lc3NhZ2VzLm5vU2VsZWN0ZWRDb2x1bW5zVG9TaG93XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICBjb2x1bW5zPXtwcm9wcy5zZWxlY3RlZENvbHVtbnN9XG4gICAgICAgICAgICAgICAgb25SZW1vdmU9e3Byb3BzLm9uVXBkYXRlQ29sdW1uc31cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgICAgPC9Ecm9wcGFibGVDb250YWluZXI+XG4gICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAgPC9EcmFnRHJvcENvbnRleHQ+XG4gICAgPC9TZXR0aW5nc0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbkNvbHVtblNldHRpbmdzTWFuYWdlci5kaXNwbGF5TmFtZSA9ICdDb2x1bW5TZXR0aW5nc01hbmFnZXInO1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VENvbHVtblNldHRpbmdzTWFuYWdlclByb3BzLCAnYXZhaWxhYmxlQ29sdW1ucyc+ID0ge1xuICBhdmFpbGFibGVDb2x1bW5zOiBbXSxcbn07XG5Db2x1bW5TZXR0aW5nc01hbmFnZXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBDb2x1bW5TZXR0aW5nc01hbmFnZXI7XG4iXX0= */"));
-const handleColumnsUpdate = (dragResult, onUpdateColumns, selectedColumns, availableColumns, setIsDragging) => {
-  setIsDragging(false);
-  // Invalid drop destination, do nothing
-  if (!dragResult.destination) return;
-  if (dragResult.destination.droppableId === HIDDEN_COLUMNS_PANEL) {
-    if (dragResult.source.droppableId === HIDDEN_COLUMNS_PANEL) return;
-    onUpdateColumns([..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1)]);
-  } else {
-    // the destination is the selected columns panel
-
-    // it's a swap when the source and the destination are the same
-    const isSwap = dragResult.source.droppableId === SELECTED_COLUMNS_PANEL;
-    const items = isSwap ?
-    // remove the dragged item from its position if it is not coming from
-    // the hidden section (it is a swap)
-    [..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1)] : selectedColumns;
-    const columns = isSwap ? selectedColumns : availableColumns;
-    const draggedColumn = _findInstanceProperty__default["default"](columns).call(columns, col => col.key === dragResult.draggableId);
-
-    // push the column in the new position if draggedColumn is found
-    if (draggedColumn) {
-      onUpdateColumns([..._sliceInstanceProperty__default["default"](items).call(items, 0, dragResult.destination.index), draggedColumn, ..._sliceInstanceProperty__default["default"](items).call(items, dragResult.destination.index)]);
-    }
-  }
-};
-const DropdownIndicator = () => jsxRuntime.jsx(Spacings__default["default"].Inline, {
-  alignItems: "center",
-  children: jsxRuntime.jsx(icons.SearchIcon, {
-    size: "medium",
-    color: "primary"
-  })
-});
-DropdownIndicator.displayName = 'DropdownIndicator';
-const Nothing = () => null;
-const selectInputComponents = {
-  Option: Nothing,
-  Menu: Nothing,
-  DropdownIndicator
-};
-const ColumnSettingsManager = props => {
-  if (props.areHiddenColumnsSearchable) {
-    process.env.NODE_ENV !== "production" ? utils.warning(typeof props.searchHiddenColumns !== 'undefined', 'ui-kit/ColumnSettingsManager: "searchHiddenColumns" must be provided when "areHiddenColumnsSearchable" is true') : void 0;
-  }
-  const intl = reactIntl.useIntl();
-  const _useState = react.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDragging = _useState2[0],
-    setIsDragging = _useState2[1];
-  const searchHiddenColumns = props.searchHiddenColumns;
-  const handleDragStart = () => {
-    setIsDragging(true);
-  };
-  const hiddenColumns = react.useMemo(() => differenceWith__default["default"](props.availableColumns, props.selectedColumns, (a, b) => a.key === b.key), [props.availableColumns, props.selectedColumns]);
-  const handleDragEnd = react.useCallback(dragResult => handleColumnsUpdate(dragResult, props.onUpdateColumns, props.selectedColumns, props.availableColumns, setIsDragging), [props.onUpdateColumns, props.selectedColumns, props.availableColumns]);
-  const debouncedSearchHiddenColumns = react.useMemo(() => debounce__default["default"](searchHiddenColumns !== null && searchHiddenColumns !== void 0 ? searchHiddenColumns : noSearch, 300), [searchHiddenColumns]);
-  const handleInputChange = react.useCallback(inputValue => debouncedSearchHiddenColumns(inputValue), [debouncedSearchHiddenColumns]);
-  return jsxRuntime.jsx(SettingsContainer$1, {
-    title: messages$1.title,
-    closeButtonLabel: messages$1.closeButtonLabel,
-    onClose: props.onClose,
-    primaryButton: props.primaryButton,
-    secondaryButton: props.secondaryButton,
-    containerTheme: props.managerTheme,
-    children: jsxRuntime.jsx(reactBeautifulDnd.DragDropContext, {
-      onDragEnd: handleDragEnd,
-      onDragStart: handleDragStart,
-      children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
-        scale: "l",
-        children: [jsxRuntime.jsx(DroppableContainer, {
-          isDragging: isDragging,
-          "aria-labelledby": "hidden-columns",
-          children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
-            scale: "m",
-            children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
-              scale: "s",
-              alignItems: "center",
-              children: [jsxRuntime.jsx(icons.EyeCrossedIcon, {
-                size: "big"
-              }), jsxRuntime.jsx(FieldLabel__default["default"], {
-                id: "hidden-columns",
-                title: intl.formatMessage(messages$1.hiddenColumns)
-              })]
-            }), props.areHiddenColumnsSearchable && jsxRuntime.jsx(AsyncSelectInput__default["default"], _objectSpread$2(_objectSpread$2({}, props.searchHiddenColumnsPlaceholder ? {
-              placeholder: props.searchHiddenColumnsPlaceholder
-            } : undefined), {}, {
-              onChange: voidChangeHandler,
-              loadOptions: noSearch,
-              onInputChange: handleInputChange,
-              components: selectInputComponents
-            })), jsxRuntime.jsx(DroppablePanel$1, {
-              droppableId: HIDDEN_COLUMNS_PANEL,
-              "data-testid": HIDDEN_COLUMNS_PANEL,
-              noColumnsText: intl.formatMessage(messages$1.noHiddenColumnsToShow),
-              columns: hiddenColumns,
-              isSearchable: props.areHiddenColumnsSearchable
-            })]
-          })
-        }), jsxRuntime.jsx(DroppableContainer, {
-          isDragging: isDragging,
-          "aria-labelledby": "visible-columns",
-          children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
-            scale: "m",
-            children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
-              scale: "xs",
-              alignItems: "center",
-              children: [jsxRuntime.jsx(icons.EyeIcon, {
-                size: "medium"
-              }), jsxRuntime.jsx(FieldLabel__default["default"], {
-                id: "visible-columns",
-                title: intl.formatMessage(messages$1.visibleColumns)
-              })]
-            }), jsxRuntime.jsx(DroppablePanel$1, {
-              droppableId: SELECTED_COLUMNS_PANEL,
-              "data-testid": SELECTED_COLUMNS_PANEL,
-              noColumnsText: intl.formatMessage(messages$1.noSelectedColumnsToShow),
-              columns: props.selectedColumns,
-              onRemove: props.onUpdateColumns
-            })]
-          })
-        })]
-      })
+const CustomSettingsManager = props => {
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: jsxRuntime.jsx(columnSettingsManager.SettingsContainer, {
+      customSettingsTitle: props.customPanelTitle,
+      closeButtonLabel: messages$1.closeButtonLabel,
+      onClose: props.onClose,
+      containerTheme: props.managerTheme,
+      children: props.children
     })
   });
 };
-ColumnSettingsManager.propTypes = process.env.NODE_ENV !== "production" ? {
-  availableColumns: _pt__default["default"].arrayOf(_pt__default["default"].shape({
-    key: _pt__default["default"].string.isRequired,
-    label: _pt__default["default"].node.isRequired
-  })).isRequired,
-  selectedColumns: _pt__default["default"].arrayOf(_pt__default["default"].shape({
-    key: _pt__default["default"].string.isRequired,
-    label: _pt__default["default"].node.isRequired
-  })).isRequired,
-  onUpdateColumns: _pt__default["default"].func.isRequired,
-  areHiddenColumnsSearchable: _pt__default["default"].bool,
-  searchHiddenColumns: _pt__default["default"].func,
-  searchHiddenColumnsPlaceholder: _pt__default["default"].string,
+CustomSettingsManager.propTypes = process.env.NODE_ENV !== "production" ? {
   onClose: _pt__default["default"].func.isRequired,
-  primaryButton: _pt__default["default"].element,
-  secondaryButton: _pt__default["default"].element,
-  managerTheme: _pt__default["default"].oneOf(['light', 'dark'])
+  managerTheme: _pt__default["default"].oneOf(['light', 'dark']),
+  children: _pt__default["default"].node.isRequired,
+  customPanelTitle: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].any]).isRequired
 } : {};
-ColumnSettingsManager.displayName = 'ColumnSettingsManager';
-const defaultProps = {
-  availableColumns: []
-};
-ColumnSettingsManager.defaultProps = defaultProps;
-var ColumnSettingsManager$1 = ColumnSettingsManager;
+CustomSettingsManager.displayName = 'CustomSettingsManager';
+var CustomSettingsManager$1 = CustomSettingsManager;
 
 var messages = reactIntl.defineMessages({
   placeholder: {
@@ -667,7 +270,7 @@ var messages = reactIntl.defineMessages({
 });
 
 function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$1(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$1(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 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 TopBarContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "e3i1gnv0"
@@ -680,20 +283,33 @@ const TopBarContainer = /*#__PURE__*/_styled__default["default"]("div", process.
 } : {
   name: "1ff36h2",
   styles: "flex-grow:1",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhdGEtdGFibGUtc2V0dGluZ3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDa0MiLCJmaWxlIjoiZGF0YS10YWJsZS1zZXR0aW5ncy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyB1c2VJbnRsLCB0eXBlIE1lc3NhZ2VEZXNjcmlwdG9yIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDb2x1bW5zSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgeyBVUERBVEVfQUNUSU9OUywgQ09MVU1OX01BTkFHRVIsIERJU1BMQVlfU0VUVElOR1MgfSBmcm9tICcuLi9jb25zdGFudHMnO1xuaW1wb3J0IERpc3BsYXlTZXR0aW5nc01hbmFnZXIsIHtcbiAgREVOU0lUWV9DT01QQUNULFxuICBTSE9XX0hJREVfT05fREVNQU5ELFxufSBmcm9tICcuLi9kaXNwbGF5LXNldHRpbmdzLW1hbmFnZXInO1xuaW1wb3J0IENvbHVtblNldHRpbmdzTWFuYWdlciBmcm9tICcuLi9jb2x1bW4tc2V0dGluZ3MtbWFuYWdlcic7XG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcyc7XG5pbXBvcnQgRHJvcGRvd25NZW51IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Ryb3Bkb3duLW1lbnUnO1xuaW1wb3J0IEljb25CdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbi1idXR0b24nO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdG9vbHRpcCc7XG5pbXBvcnQgeyBUQ29sdW1uRGF0YSwgVERhdGFUYWJsZVNldHRpbmdzUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCB0eXBlIFRTZWxlY3RDaGFuZ2VFdmVudCA9IHtcbiAgdGFyZ2V0OiB7XG4gICAgbmFtZT86IHN0cmluZztcbiAgICB2YWx1ZT86IHN0cmluZyB8IHN0cmluZ1tdIHwgbnVsbDtcbiAgfTtcbiAgcGVyc2lzdDogKCkgPT4gdm9pZDtcbn07XG5cbnR5cGUgTWFwcGVkQ29sdW1ucyA9IFJlY29yZDxzdHJpbmcsIFRDb2x1bW5EYXRhPjtcblxuZXhwb3J0IHR5cGUgVERyb3Bkb3duT3B0aW9uID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xufTtcblxuY29uc3QgVG9wQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldERyb3Bkb3duT3B0aW9ucyA9ICh7XG4gIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCxcbiAgYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZCxcbiAgZm9ybWF0TWVzc2FnZSxcbn06IHtcbiAgYXJlQ29sdW1uU2V0dGluZ3NFbmFibGVkOiBib29sZWFuO1xuICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkOiBib29sZWFuO1xuICBmb3JtYXRNZXNzYWdlOiAobWVzc2FnZTogTWVzc2FnZURlc2NyaXB0b3IpID0+IHN0cmluZztcbn0pID0+IFtcbiAgLi4uKGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgID8gW1xuICAgICAgICB7XG4gICAgICAgICAgdmFsdWU6IENPTFVNTl9NQU5BR0VSLFxuICAgICAgICAgIGxhYmVsOiBmb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmNvbHVtbk1hbmFnZXJPcHRpb24pLFxuICAgICAgICB9LFxuICAgICAgXVxuICAgIDogW10pLFxuICAuLi4oYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZFxuICAgID8gW1xuICAgICAgICB7XG4gICAgICAgICAgdmFsdWU6IERJU1BMQVlfU0VUVElOR1MsXG4gICAgICAgICAgbGFiZWw6IGZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuZGlzcGxheVNldHRpbmdzT3B0aW9uKSxcbiAgICAgICAgfSxcbiAgICAgIF1cbiAgICA6IFtdKSxcbl07XG5cbmV4cG9ydCBjb25zdCBnZXRNYXBwZWRDb2x1bW5zID0gKGNvbHVtbnM6IFRDb2x1bW5EYXRhW10gPSBbXSkgPT5cbiAgY29sdW1ucy5yZWR1Y2U8TWFwcGVkQ29sdW1ucz4oXG4gICAgKG1hcHBlZENvbHVtbnMsIGNvbHVtbikgPT4gKHtcbiAgICAgIC4uLm1hcHBlZENvbHVtbnMsXG4gICAgICBbY29sdW1uLmtleV06IGNvbHVtbixcbiAgICB9KSxcbiAgICB7fVxuICApO1xuXG5leHBvcnQgY29uc3QgZ2V0U2VsZWN0ZWRDb2x1bW5zID0gKFxuICBtYXBwZWRDb2x1bW5zOiBNYXBwZWRDb2x1bW5zLFxuICB2aXNpYmxlQ29sdW1uc0tleXM6IHN0cmluZ1tdID0gW11cbikgPT4gdmlzaWJsZUNvbHVtbnNLZXlzLm1hcCgoY29sdW1uS2V5KSA9PiBtYXBwZWRDb2x1bW5zW2NvbHVtbktleV0pO1xuXG5jb25zdCBEYXRhVGFibGVTZXR0aW5ncyA9IChwcm9wczogVERhdGFUYWJsZVNldHRpbmdzUHJvcHMpID0+IHtcbiAgY29uc3QgYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZCA9IEJvb2xlYW4oXG4gICAgcHJvcHMuZGlzcGxheVNldHRpbmdzICYmICFwcm9wcy5kaXNwbGF5U2V0dGluZ3MuZGlzYWJsZURpc3BsYXlTZXR0aW5nc1xuICApO1xuICBjb25zdCBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWQgPSBCb29sZWFuKFxuICAgIHByb3BzLmNvbHVtbk1hbmFnZXIgJiYgIXByb3BzLmNvbHVtbk1hbmFnZXIuZGlzYWJsZUNvbHVtbk1hbmFnZXJcbiAgKTtcbiAgd2FybmluZyhcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkIHx8IGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgICAgPyB0eXBlb2YgcHJvcHMub25TZXR0aW5nc0NoYW5nZSA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgOiB0cnVlLFxuICAgIGB1aS1raXQvRGF0YVRhYmxlTWFuYWdlcjogdGhlIHByb3AgXCJvblNldHRpbmdzQ2hhbmdlXCIgaXMgcmVxdWlyZWQgd2hlbiBlaXRoZXIgdGhlIGRpc3BsYXkgc2V0dGluZ3Mgb3IgdGhlIGNvbHVtbiBzZXR0aW5ncyBhcmUgZW5hYmxlZC5gXG4gICk7XG5cbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3QgW29wZW5lZFBhbmVsSWQsIHNldE9wZW5lZFBhbmVsSWRdID0gdXNlU3RhdGU8c3RyaW5nIHwgbnVsbCB8IHVuZGVmaW5lZD4oXG4gICAgbnVsbFxuICApO1xuICBjb25zdCBkcm9wZG93bk9wdGlvbnM6IFREcm9wZG93bk9wdGlvbltdID0gZ2V0RHJvcGRvd25PcHRpb25zKHtcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkLFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCxcbiAgICBmb3JtYXRNZXNzYWdlOiBpbnRsLmZvcm1hdE1lc3NhZ2UsXG4gIH0pO1xuXG4gIGNvbnN0IG1hcHBlZENvbHVtbnMgPSBnZXRNYXBwZWRDb2x1bW5zKFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCA/IHByb3BzLmNvbHVtbk1hbmFnZXIhLmhpZGVhYmxlQ29sdW1ucyA6IHVuZGVmaW5lZFxuICApO1xuXG4gIGNvbnN0IHNlbGVjdGVkQ29sdW1ucyA9IGdldFNlbGVjdGVkQ29sdW1ucyhcbiAgICBtYXBwZWRDb2x1bW5zLFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgICAgPyBwcm9wcy5jb2x1bW5NYW5hZ2VyIS52aXNpYmxlQ29sdW1uS2V5c1xuICAgICAgOiB1bmRlZmluZWRcbiAgKTtcblxuICBjb25zdCBoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlID0gKCkgPT4gc2V0T3BlbmVkUGFuZWxJZChudWxsKTtcblxuICByZXR1cm4gKFxuICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhzXCI+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgPFRvcEJhckNvbnRhaW5lcj57cHJvcHMudG9wQmFyfTwvVG9wQmFyQ29udGFpbmVyPlxuICAgICAgICB7ZHJvcGRvd25PcHRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgIDxUb29sdGlwXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMucGxhY2Vob2xkZXIpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxEcm9wZG93bk1lbnVcbiAgICAgICAgICAgICAgdHJpZ2dlckVsZW1lbnQ9e1xuICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgICBpY29uPXs8Q29sdW1uc0ljb24gLz59XG4gICAgICAgICAgICAgICAgICBsYWJlbD1cIk9wZW4gdGFibGUgbWFuYWdlciBkcm9wZG93blwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBtZW51SG9yaXpvbnRhbENvbnN0cmFpbnQ9eydhdXRvJ31cbiAgICAgICAgICAgICAgbWVudVBvc2l0aW9uPVwicmlnaHRcIlxuICAgICAgICAgICAgICBtZW51VHlwZT1cImxpc3RcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7ZHJvcGRvd25PcHRpb25zPy5tYXAoKG9wdGlvbjogVERyb3Bkb3duT3B0aW9uKSA9PiAoXG4gICAgICAgICAgICAgICAgPERyb3Bkb3duTWVudS5MaXN0TWVudUl0ZW1cbiAgICAgICAgICAgICAgICAgIGtleT17b3B0aW9uPy5sYWJlbH1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgc2V0T3BlbmVkUGFuZWxJZChvcHRpb24/LnZhbHVlKTtcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge29wdGlvbj8ubGFiZWx9XG4gICAgICAgICAgICAgICAgPC9Ecm9wZG93bk1lbnUuTGlzdE1lbnVJdGVtPlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvRHJvcGRvd25NZW51PlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKX1cbiAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAge29wZW5lZFBhbmVsSWQgPT09IERJU1BMQVlfU0VUVElOR1MgJiYgKFxuICAgICAgICA8RGlzcGxheVNldHRpbmdzTWFuYWdlclxuICAgICAgICAgIHsuLi4ocHJvcHMuZGlzcGxheVNldHRpbmdzIHx8IHt9KX1cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uRGVuc2l0eURpc3BsYXlDaGFuZ2U9eyhldmVudCkgPT4ge1xuICAgICAgICAgICAgcHJvcHMub25TZXR0aW5nc0NoYW5nZT8uKFxuICAgICAgICAgICAgICBVUERBVEVfQUNUSU9OUy5JU19UQUJMRV9DT05ERU5TRURfVVBEQVRFLFxuICAgICAgICAgICAgICBldmVudC50YXJnZXQudmFsdWUgPT09IERFTlNJVFlfQ09NUEFDVFxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG9uVGV4dFdyYXBwaW5nQ2hhbmdlPXsoZXZlbnQpID0+IHtcbiAgICAgICAgICAgIHByb3BzLm9uU2V0dGluZ3NDaGFuZ2U/LihcbiAgICAgICAgICAgICAgVVBEQVRFX0FDVElPTlMuSVNfVEFCTEVfV1JBUFBJTkdfVEVYVF9VUERBVEUsXG4gICAgICAgICAgICAgIGV2ZW50LnRhcmdldC52YWx1ZSA9PT0gU0hPV19ISURFX09OX0RFTUFORFxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG1hbmFnZXJUaGVtZT17cHJvcHMubWFuYWdlclRoZW1lfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtvcGVuZWRQYW5lbElkID09PSBDT0xVTU5fTUFOQUdFUiAmJiAoXG4gICAgICAgIDxDb2x1bW5TZXR0aW5nc01hbmFnZXJcbiAgICAgICAgICB7Li4uKHByb3BzLmNvbHVtbk1hbmFnZXIgfHwge30pfVxuICAgICAgICAgIGF2YWlsYWJsZUNvbHVtbnM9e3Byb3BzLmNvbHVtbk1hbmFnZXI/LmhpZGVhYmxlQ29sdW1ucyA/PyBbXX1cbiAgICAgICAgICBzZWxlY3RlZENvbHVtbnM9e3NlbGVjdGVkQ29sdW1uc31cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uVXBkYXRlQ29sdW1ucz17KG5leHRWaXNpYmxlQ29sdW1ucykgPT4ge1xuICAgICAgICAgICAgY29uc3Qga2V5c09mVmlzaWJsZUNvbHVtbnMgPSBuZXh0VmlzaWJsZUNvbHVtbnMubWFwKFxuICAgICAgICAgICAgICAodmlzaWJsZUNvbHVtbikgPT4gdmlzaWJsZUNvbHVtbi5rZXlcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBwcm9wcy5vblNldHRpbmdzQ2hhbmdlPy4oXG4gICAgICAgICAgICAgIFVQREFURV9BQ1RJT05TLkNPTFVNTlNfVVBEQVRFLFxuICAgICAgICAgICAgICBrZXlzT2ZWaXNpYmxlQ29sdW1uc1xuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG1hbmFnZXJUaGVtZT17cHJvcHMubWFuYWdlclRoZW1lfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICApO1xufTtcblxuRGF0YVRhYmxlU2V0dGluZ3MuZGlzcGxheU5hbWUgPSAnRGF0YVRhYmxlU2V0dGluZ3MnO1xuXG5leHBvcnQgZGVmYXVsdCBEYXRhVGFibGVTZXR0aW5ncztcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhdGEtdGFibGUtc2V0dGluZ3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDa0MiLCJmaWxlIjoiZGF0YS10YWJsZS1zZXR0aW5ncy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyB1c2VJbnRsLCB0eXBlIE1lc3NhZ2VEZXNjcmlwdG9yIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDb2x1bW5zSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgeyBVUERBVEVfQUNUSU9OUywgQ09MVU1OX01BTkFHRVIsIERJU1BMQVlfU0VUVElOR1MgfSBmcm9tICcuLi9jb25zdGFudHMnO1xuaW1wb3J0IERpc3BsYXlTZXR0aW5nc01hbmFnZXIsIHtcbiAgREVOU0lUWV9DT01QQUNULFxuICBTSE9XX0hJREVfT05fREVNQU5ELFxufSBmcm9tICcuLi9kaXNwbGF5LXNldHRpbmdzLW1hbmFnZXInO1xuaW1wb3J0IHsgQ29sdW1uU2V0dGluZ3NNYW5hZ2VyIH0gZnJvbSAnLi4vY29sdW1uLXNldHRpbmdzLW1hbmFnZXInO1xuaW1wb3J0IEN1c3RvbVNldHRpbmdzTWFuYWdlciBmcm9tICcuLi9jdXN0b20tc2V0dGluZ3MtbWFuYWdlcic7XG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcyc7XG5pbXBvcnQgRHJvcGRvd25NZW51IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Ryb3Bkb3duLW1lbnUnO1xuaW1wb3J0IEljb25CdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbi1idXR0b24nO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdG9vbHRpcCc7XG5pbXBvcnQge1xuICBUQ29sdW1uRGF0YSxcbiAgVERhdGFUYWJsZVNldHRpbmdzUHJvcHMsXG4gIFRDdXN0b21TZXR0aW5nc1Byb3BzLFxufSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCB0eXBlIFRTZWxlY3RDaGFuZ2VFdmVudCA9IHtcbiAgdGFyZ2V0OiB7XG4gICAgbmFtZT86IHN0cmluZztcbiAgICB2YWx1ZT86IHN0cmluZyB8IHN0cmluZ1tdIHwgbnVsbDtcbiAgfTtcbiAgcGVyc2lzdDogKCkgPT4gdm9pZDtcbn07XG5cbnR5cGUgTWFwcGVkQ29sdW1ucyA9IFJlY29yZDxzdHJpbmcsIFRDb2x1bW5EYXRhPjtcblxuZXhwb3J0IHR5cGUgVERyb3Bkb3duT3B0aW9uID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xufTtcblxuY29uc3QgVG9wQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldERyb3Bkb3duT3B0aW9ucyA9ICh7XG4gIGFyZUN1c3RvbUNvbHVtblNldHRpbmdzRW5hYmxlZCxcbiAgYXJlQ29sdW1uU2V0dGluZ3NFbmFibGVkLFxuICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkLFxuICBjdXN0b21TZXR0aW5ncyxcbiAgY29sdW1uTWFuYWdlckxhYmVsLFxuICBkaXNwbGF5U2V0dGluZ3NMYWJlbCxcbiAgZm9ybWF0TWVzc2FnZSxcbn06IHtcbiAgYXJlQ3VzdG9tQ29sdW1uU2V0dGluZ3NFbmFibGVkOiBib29sZWFuO1xuICBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWQ6IGJvb2xlYW47XG4gIGFyZURpc3BsYXlTZXR0aW5nc0VuYWJsZWQ6IGJvb2xlYW47XG4gIGN1c3RvbVNldHRpbmdzPzogVEN1c3RvbVNldHRpbmdzUHJvcHNbXTtcbiAgY29sdW1uTWFuYWdlckxhYmVsPzogc3RyaW5nO1xuICBkaXNwbGF5U2V0dGluZ3NMYWJlbD86IHN0cmluZztcbiAgZm9ybWF0TWVzc2FnZTogKG1lc3NhZ2U6IE1lc3NhZ2VEZXNjcmlwdG9yKSA9PiBzdHJpbmc7XG59KSA9PiB7XG4gIHJldHVybiBbXG4gICAgLi4uKGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgICAgPyBbXG4gICAgICAgICAge1xuICAgICAgICAgICAgdmFsdWU6IENPTFVNTl9NQU5BR0VSLFxuICAgICAgICAgICAgbGFiZWw6IGNvbHVtbk1hbmFnZXJMYWJlbFxuICAgICAgICAgICAgICA/IGNvbHVtbk1hbmFnZXJMYWJlbFxuICAgICAgICAgICAgICA6IGZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuY29sdW1uTWFuYWdlck9wdGlvbiksXG4gICAgICAgICAgfSxcbiAgICAgICAgXVxuICAgICAgOiBbXSksXG4gICAgLi4uKGN1c3RvbVNldHRpbmdzXG4gICAgICA/IE9iamVjdC5lbnRyaWVzKGN1c3RvbVNldHRpbmdzKS5tYXAoKFtrZXksIGN1c3RvbVNldHRpbmddKSA9PiB7XG4gICAgICAgICAgcmV0dXJuIGN1c3RvbVNldHRpbmcudHlwZSA9PT0gQ09MVU1OX01BTkFHRVIgJiZcbiAgICAgICAgICAgICFhcmVDdXN0b21Db2x1bW5TZXR0aW5nc0VuYWJsZWRcbiAgICAgICAgICAgID8gdW5kZWZpbmVkXG4gICAgICAgICAgICA6IHtcbiAgICAgICAgICAgICAgICB2YWx1ZToga2V5LFxuICAgICAgICAgICAgICAgIGxhYmVsOiBjdXN0b21TZXR0aW5nLmN1c3RvbVBhbmVsVGl0bGUsXG4gICAgICAgICAgICAgIH07XG4gICAgICAgIH0pXG4gICAgICA6IFtdKSxcbiAgICAuLi4oYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZFxuICAgICAgPyBbXG4gICAgICAgICAge1xuICAgICAgICAgICAgdmFsdWU6IERJU1BMQVlfU0VUVElOR1MsXG4gICAgICAgICAgICBsYWJlbDogZGlzcGxheVNldHRpbmdzTGFiZWxcbiAgICAgICAgICAgICAgPyBkaXNwbGF5U2V0dGluZ3NMYWJlbFxuICAgICAgICAgICAgICA6IGZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuZGlzcGxheVNldHRpbmdzT3B0aW9uKSxcbiAgICAgICAgICB9LFxuICAgICAgICBdXG4gICAgICA6IFtdKSxcbiAgXS5maWx0ZXIoKG9wdGlvbikgPT4gb3B0aW9uICE9PSB1bmRlZmluZWQpO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldE1hcHBlZENvbHVtbnMgPSAoY29sdW1uczogVENvbHVtbkRhdGFbXSA9IFtdKSA9PlxuICBjb2x1bW5zLnJlZHVjZTxNYXBwZWRDb2x1bW5zPihcbiAgICAobWFwcGVkQ29sdW1ucywgY29sdW1uKSA9PiAoe1xuICAgICAgLi4ubWFwcGVkQ29sdW1ucyxcbiAgICAgIFtjb2x1bW4ua2V5XTogY29sdW1uLFxuICAgIH0pLFxuICAgIHt9XG4gICk7XG5cbmV4cG9ydCBjb25zdCBnZXRTZWxlY3RlZENvbHVtbnMgPSAoXG4gIG1hcHBlZENvbHVtbnM6IE1hcHBlZENvbHVtbnMsXG4gIHZpc2libGVDb2x1bW5zS2V5czogc3RyaW5nW10gPSBbXVxuKSA9PiB2aXNpYmxlQ29sdW1uc0tleXMubWFwKChjb2x1bW5LZXkpID0+IG1hcHBlZENvbHVtbnNbY29sdW1uS2V5XSk7XG5cbmNvbnN0IERhdGFUYWJsZVNldHRpbmdzID0gKHByb3BzOiBURGF0YVRhYmxlU2V0dGluZ3NQcm9wcykgPT4ge1xuICBjb25zdCBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkID0gQm9vbGVhbihcbiAgICBwcm9wcy5kaXNwbGF5U2V0dGluZ3MgJiYgIXByb3BzLmRpc3BsYXlTZXR0aW5ncy5kaXNhYmxlRGlzcGxheVNldHRpbmdzXG4gICk7XG4gIGNvbnN0IGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCA9IEJvb2xlYW4oXG4gICAgcHJvcHMuY29sdW1uTWFuYWdlciAmJiAhcHJvcHMuY29sdW1uTWFuYWdlci5kaXNhYmxlQ29sdW1uTWFuYWdlclxuICApO1xuXG4gIGNvbnN0IGFyZUN1c3RvbUNvbHVtblNldHRpbmdzRW5hYmxlZCA9IEJvb2xlYW4oXG4gICAgcHJvcHMuY3VzdG9tQ29sdW1uTWFuYWdlciAmJlxuICAgICAgIXByb3BzLmN1c3RvbUNvbHVtbk1hbmFnZXI/LmRpc2FibGVDdXN0b21Db2x1bW5NYW5hZ2VyXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkIHx8IGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgICAgPyB0eXBlb2YgcHJvcHMub25TZXR0aW5nc0NoYW5nZSA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgOiB0cnVlLFxuICAgIGB1aS1raXQvRGF0YVRhYmxlTWFuYWdlcjogdGhlIHByb3AgXCJvblNldHRpbmdzQ2hhbmdlXCIgaXMgcmVxdWlyZWQgd2hlbiBlaXRoZXIgdGhlIGRpc3BsYXkgc2V0dGluZ3Mgb3IgdGhlIGNvbHVtbiBzZXR0aW5ncyBhcmUgZW5hYmxlZC5gXG4gICk7XG5cbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3QgW29wZW5lZFBhbmVsSWQsIHNldE9wZW5lZFBhbmVsSWRdID0gdXNlU3RhdGU8c3RyaW5nIHwgbnVsbCB8IHVuZGVmaW5lZD4oXG4gICAgbnVsbFxuICApO1xuXG4gIGNvbnN0IGRyb3Bkb3duT3B0aW9uczogVERyb3Bkb3duT3B0aW9uW10gPSBnZXREcm9wZG93bk9wdGlvbnMoe1xuICAgIGFyZUN1c3RvbUNvbHVtblNldHRpbmdzRW5hYmxlZCxcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkLFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCxcbiAgICBjdXN0b21TZXR0aW5nczogcHJvcHMuY3VzdG9tU2V0dGluZ3MsXG4gICAgY29sdW1uTWFuYWdlckxhYmVsOiBwcm9wcy5jb2x1bW5NYW5hZ2VyPy5jb2x1bW5NYW5hZ2VyTGFiZWwsXG4gICAgZGlzcGxheVNldHRpbmdzTGFiZWw6IHByb3BzLmRpc3BsYXlTZXR0aW5ncz8uZGlzcGxheVNldHRpbmdzTGFiZWwsXG4gICAgZm9ybWF0TWVzc2FnZTogaW50bC5mb3JtYXRNZXNzYWdlLFxuICB9KTtcblxuICBjb25zdCBtYXBwZWRDb2x1bW5zID0gZ2V0TWFwcGVkQ29sdW1ucyhcbiAgICBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWQgPyBwcm9wcy5jb2x1bW5NYW5hZ2VyIS5oaWRlYWJsZUNvbHVtbnMgOiB1bmRlZmluZWRcbiAgKTtcblxuICBjb25zdCBzZWxlY3RlZENvbHVtbnMgPSBnZXRTZWxlY3RlZENvbHVtbnMoXG4gICAgbWFwcGVkQ29sdW1ucyxcbiAgICBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWRcbiAgICAgID8gcHJvcHMuY29sdW1uTWFuYWdlciEudmlzaWJsZUNvbHVtbktleXNcbiAgICAgIDogdW5kZWZpbmVkXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlU2V0dGluZ3NQYW5lbENoYW5nZSA9ICgpID0+IHNldE9wZW5lZFBhbmVsSWQobnVsbCk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4c1wiPlxuICAgICAgPFNwYWNpbmdzLklubGluZSBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIDxUb3BCYXJDb250YWluZXI+e3Byb3BzLnRvcEJhcn08L1RvcEJhckNvbnRhaW5lcj5cbiAgICAgICAge2Ryb3Bkb3duT3B0aW9ucy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICA8VG9vbHRpcFxuICAgICAgICAgICAgcGxhY2VtZW50PVwibGVmdFwiXG4gICAgICAgICAgICB0aXRsZT17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLnBsYWNlaG9sZGVyKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RHJvcGRvd25NZW51XG4gICAgICAgICAgICAgIHRyaWdnZXJFbGVtZW50PXtcbiAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgICAgaWNvbj17PENvbHVtbnNJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgbGFiZWw9XCJPcGVuIHRhYmxlIG1hbmFnZXIgZHJvcGRvd25cIlxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgbWVudUhvcml6b250YWxDb25zdHJhaW50PXsnYXV0byd9XG4gICAgICAgICAgICAgIG1lbnVQb3NpdGlvbj1cInJpZ2h0XCJcbiAgICAgICAgICAgICAgbWVudVR5cGU9XCJsaXN0XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2Ryb3Bkb3duT3B0aW9ucz8ubWFwKChvcHRpb246IFREcm9wZG93bk9wdGlvbikgPT4gKFxuICAgICAgICAgICAgICAgIDxEcm9wZG93bk1lbnUuTGlzdE1lbnVJdGVtXG4gICAgICAgICAgICAgICAgICBrZXk9e29wdGlvbj8ubGFiZWx9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHNldE9wZW5lZFBhbmVsSWQob3B0aW9uPy52YWx1ZSk7XG4gICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtvcHRpb24/LmxhYmVsfVxuICAgICAgICAgICAgICAgIDwvRHJvcGRvd25NZW51Lkxpc3RNZW51SXRlbT5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L0Ryb3Bkb3duTWVudT5cbiAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICl9XG4gICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgIHtvcGVuZWRQYW5lbElkID09PSBESVNQTEFZX1NFVFRJTkdTICYmIChcbiAgICAgICAgPERpc3BsYXlTZXR0aW5nc01hbmFnZXJcbiAgICAgICAgICB7Li4uKHByb3BzLmRpc3BsYXlTZXR0aW5ncyB8fCB7fSl9XG4gICAgICAgICAgdGl0bGU9e3Byb3BzLmRpc3BsYXlTZXR0aW5ncz8uZGlzcGxheVNldHRpbmdzTGFiZWx9XG4gICAgICAgICAgb25DbG9zZT17aGFuZGxlU2V0dGluZ3NQYW5lbENoYW5nZX1cbiAgICAgICAgICBvbkRlbnNpdHlEaXNwbGF5Q2hhbmdlPXsoZXZlbnQpID0+IHtcbiAgICAgICAgICAgIHByb3BzLm9uU2V0dGluZ3NDaGFuZ2U/LihcbiAgICAgICAgICAgICAgVVBEQVRFX0FDVElPTlMuSVNfVEFCTEVfQ09OREVOU0VEX1VQREFURSxcbiAgICAgICAgICAgICAgZXZlbnQudGFyZ2V0LnZhbHVlID09PSBERU5TSVRZX0NPTVBBQ1RcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvblRleHRXcmFwcGluZ0NoYW5nZT17KGV2ZW50KSA9PiB7XG4gICAgICAgICAgICBwcm9wcy5vblNldHRpbmdzQ2hhbmdlPy4oXG4gICAgICAgICAgICAgIFVQREFURV9BQ1RJT05TLklTX1RBQkxFX1dSQVBQSU5HX1RFWFRfVVBEQVRFLFxuICAgICAgICAgICAgICBldmVudC50YXJnZXQudmFsdWUgPT09IFNIT1dfSElERV9PTl9ERU1BTkRcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBtYW5hZ2VyVGhlbWU9e3Byb3BzLm1hbmFnZXJUaGVtZX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICB7b3BlbmVkUGFuZWxJZCA9PT0gQ09MVU1OX01BTkFHRVIgJiYgKFxuICAgICAgICA8Q29sdW1uU2V0dGluZ3NNYW5hZ2VyXG4gICAgICAgICAgey4uLihwcm9wcy5jb2x1bW5NYW5hZ2VyIHx8IHt9KX1cbiAgICAgICAgICB0aXRsZT17cHJvcHMuY29sdW1uTWFuYWdlcj8uY29sdW1uTWFuYWdlckxhYmVsfVxuICAgICAgICAgIGF2YWlsYWJsZUNvbHVtbnM9e3Byb3BzLmNvbHVtbk1hbmFnZXI/LmhpZGVhYmxlQ29sdW1ucyA/PyBbXX1cbiAgICAgICAgICBzZWxlY3RlZENvbHVtbnM9e3NlbGVjdGVkQ29sdW1uc31cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uVXBkYXRlQ29sdW1ucz17KG5leHRWaXNpYmxlQ29sdW1ucykgPT4ge1xuICAgICAgICAgICAgY29uc3Qga2V5c09mVmlzaWJsZUNvbHVtbnMgPSBuZXh0VmlzaWJsZUNvbHVtbnMubWFwKFxuICAgICAgICAgICAgICAodmlzaWJsZUNvbHVtbikgPT4gdmlzaWJsZUNvbHVtbi5rZXlcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBwcm9wcy5vblNldHRpbmdzQ2hhbmdlPy4oXG4gICAgICAgICAgICAgIFVQREFURV9BQ1RJT05TLkNPTFVNTlNfVVBEQVRFLFxuICAgICAgICAgICAgICBrZXlzT2ZWaXNpYmxlQ29sdW1uc1xuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG1hbmFnZXJUaGVtZT17cHJvcHMubWFuYWdlclRoZW1lfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtwcm9wcy5jdXN0b21TZXR0aW5ncyAmJlxuICAgICAgICBPYmplY3QuZW50cmllcyhwcm9wcy5jdXN0b21TZXR0aW5ncykubWFwKChba2V5LCBjdXN0b21TZXR0aW5nXSkgPT4ge1xuICAgICAgICAgIGlmICghY3VzdG9tU2V0dGluZy5rZXkpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICAgICAgICAgJ3VpLWtpdC9EYXRhVGFibGVNYW5hZ2VyOiBtaXNzaW5nOiBga2V5YCBwcm9wLCBgY3VzdG9tU2V0dGluZ3NgIG11c3QgYmUgYSBKU09OIGluIHRoZSBmb3JtYXQgUmVjb3JkPHN0cmluZywgT2JqZWN0Pi4nXG4gICAgICAgICAgICApO1xuICAgICAgICAgIH1cbiAgICAgICAgICBjb25zdCBDdXN0b21Db21wb25lbnQgPSBjdXN0b21TZXR0aW5nLmN1c3RvbUNvbXBvbmVudDtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAga2V5ID09PSBvcGVuZWRQYW5lbElkICYmIChcbiAgICAgICAgICAgICAgPGRpdiBrZXk9e2N1c3RvbVNldHRpbmcua2V5fT5cbiAgICAgICAgICAgICAgICB7Y3VzdG9tU2V0dGluZy50eXBlID09PSBDT0xVTU5fTUFOQUdFUiA/IChcbiAgICAgICAgICAgICAgICAgIEN1c3RvbUNvbXBvbmVudCAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxDdXN0b21Db21wb25lbnRcbiAgICAgICAgICAgICAgICAgICAgICB7Li4uKGN1c3RvbVNldHRpbmcgfHwge30pfVxuICAgICAgICAgICAgICAgICAgICAgIGFkZGl0aW9uYWxTZXR0aW5ncz17e1xuICAgICAgICAgICAgICAgICAgICAgICAgLi4uY3VzdG9tU2V0dGluZyxcbiAgICAgICAgICAgICAgICAgICAgICAgIC4uLnByb3BzLmFkZGl0aW9uYWxTZXR0aW5ncyxcbiAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgIG9uQ2xvc2U9e2hhbmRsZVNldHRpbmdzUGFuZWxDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgbWFuYWdlclRoZW1lPXtwcm9wcy5tYW5hZ2VyVGhlbWV9XG4gICAgICAgICAgICAgICAgICAgICAgc2VsZWN0ZWRDb2x1bW5zPXtwcm9wcy5zZWxlY3RlZENvbHVtbnN9XG4gICAgICAgICAgICAgICAgICAgICAgYXZhaWxhYmxlQ29sdW1ucz17cHJvcHMuY3VzdG9tQ29sdW1uTWFuYWdlciA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICAgICAgb25VcGRhdGVDb2x1bW5zPXsobmV4dFZpc2libGVDb2x1bW5zLCBrZXkpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGtleXNPZlZpc2libGVDb2x1bW5zID0gbmV4dFZpc2libGVDb2x1bW5zLm1hcChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgKHZpc2libGVDb2x1bW4pID0+IHZpc2libGVDb2x1bW4ua2V5XG4gICAgICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICAgICAgcHJvcHMub25TZXR0aW5nc0NoYW5nZT8uKFxuICAgICAgICAgICAgICAgICAgICAgICAgICBVUERBVEVfQUNUSU9OUy5DVVNUT01fQ09MVU1OU19VUERBVEUsXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGtleXNPZlZpc2libGVDb2x1bW5zLFxuICAgICAgICAgICAgICAgICAgICAgICAgICBrZXlcbiAgICAgICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgPEN1c3RvbVNldHRpbmdzTWFuYWdlclxuICAgICAgICAgICAgICAgICAgICB7Li4uKGN1c3RvbVNldHRpbmcgfHwge30pfVxuICAgICAgICAgICAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgICBtYW5hZ2VyVGhlbWU9e3Byb3BzLm1hbmFnZXJUaGVtZX1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge0N1c3RvbUNvbXBvbmVudCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgPEN1c3RvbUNvbXBvbmVudFxuICAgICAgICAgICAgICAgICAgICAgICAgdXBkYXRlQ3VzdG9tU2V0dGluZ3M9eyhzZXR0aW5ncykgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICBwcm9wcy5vblNldHRpbmdzQ2hhbmdlPy4oXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgVVBEQVRFX0FDVElPTlMuQ1VTVE9NX1NFVFRJTkdTX1VQREFURSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzZXR0aW5nc1xuICAgICAgICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGFkZGl0aW9uYWxTZXR0aW5ncz17e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAuLi5jdXN0b21TZXR0aW5nLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAuLi5wcm9wcy5hZGRpdGlvbmFsU2V0dGluZ3MsXG4gICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICA8L0N1c3RvbVNldHRpbmdzTWFuYWdlcj5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIClcbiAgICAgICAgICApO1xuICAgICAgICB9KX1cbiAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICApO1xufTtcblxuRGF0YVRhYmxlU2V0dGluZ3MuZGlzcGxheU5hbWUgPSAnRGF0YVRhYmxlU2V0dGluZ3MnO1xuXG5leHBvcnQgZGVmYXVsdCBEYXRhVGFibGVTZXR0aW5ncztcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const getDropdownOptions = _ref => {
-  let areColumnSettingsEnabled = _ref.areColumnSettingsEnabled,
+  var _context, _context2;
+  let areCustomColumnSettingsEnabled = _ref.areCustomColumnSettingsEnabled,
+    areColumnSettingsEnabled = _ref.areColumnSettingsEnabled,
     areDisplaySettingsEnabled = _ref.areDisplaySettingsEnabled,
+    customSettings = _ref.customSettings,
+    columnManagerLabel = _ref.columnManagerLabel,
+    displaySettingsLabel = _ref.displaySettingsLabel,
     formatMessage = _ref.formatMessage;
-  return [...(areColumnSettingsEnabled ? [{
+  return _filterInstanceProperty__default["default"](_context = [...(areColumnSettingsEnabled ? [{
     value: COLUMN_MANAGER,
-    label: formatMessage(messages.columnManagerOption)
-  }] : []), ...(areDisplaySettingsEnabled ? [{
+    label: columnManagerLabel ? columnManagerLabel : formatMessage(messages.columnManagerOption)
+  }] : []), ...(customSettings ? _mapInstanceProperty__default["default"](_context2 = _Object$entries__default["default"](customSettings)).call(_context2, _ref2 => {
+    let _ref3 = _slicedToArray(_ref2, 2),
+      key = _ref3[0],
+      customSetting = _ref3[1];
+    return customSetting.type === COLUMN_MANAGER && !areCustomColumnSettingsEnabled ? undefined : {
+      value: key,
+      label: customSetting.customPanelTitle
+    };
+  }) : []), ...(areDisplaySettingsEnabled ? [{
     value: DISPLAY_SETTINGS,
-    label: formatMessage(messages.displaySettingsOption)
-  }] : [])];
+    label: displaySettingsLabel ? displaySettingsLabel : formatMessage(messages.displaySettingsOption)
+  }] : [])]).call(_context, option => option !== undefined);
 };
 const getMappedColumns = function () {
   let columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -706,9 +322,10 @@ const getSelectedColumns = function (mappedColumns) {
   return _mapInstanceProperty__default["default"](visibleColumnsKeys).call(visibleColumnsKeys, columnKey => mappedColumns[columnKey]);
 };
 const DataTableSettings = props => {
-  var _props$columnManager$, _props$columnManager;
+  var _props$customColumnMa, _props$columnManager, _props$displaySetting, _props$displaySetting2, _props$columnManager2, _props$columnManager$, _props$columnManager3, _context3;
   const areDisplaySettingsEnabled = Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
   const areColumnSettingsEnabled = Boolean(props.columnManager && !props.columnManager.disableColumnManager);
+  const areCustomColumnSettingsEnabled = Boolean(props.customColumnManager && !((_props$customColumnMa = props.customColumnManager) !== null && _props$customColumnMa !== void 0 && _props$customColumnMa.disableCustomColumnManager));
   process.env.NODE_ENV !== "production" ? utils.warning(areDisplaySettingsEnabled || areColumnSettingsEnabled ? typeof props.onSettingsChange === 'function' : true, "ui-kit/DataTableManager: the prop \"onSettingsChange\" is required when either the display settings or the column settings are enabled.") : void 0;
   const intl = reactIntl.useIntl();
   const _useState = react.useState(null),
@@ -716,8 +333,12 @@ const DataTableSettings = props => {
     openedPanelId = _useState2[0],
     setOpenedPanelId = _useState2[1];
   const dropdownOptions = getDropdownOptions({
+    areCustomColumnSettingsEnabled,
     areDisplaySettingsEnabled,
     areColumnSettingsEnabled,
+    customSettings: props.customSettings,
+    columnManagerLabel: (_props$columnManager = props.columnManager) === null || _props$columnManager === void 0 ? void 0 : _props$columnManager.columnManagerLabel,
+    displaySettingsLabel: (_props$displaySetting = props.displaySettings) === null || _props$displaySetting === void 0 ? void 0 : _props$displaySetting.displaySettingsLabel,
     formatMessage: intl.formatMessage
   });
   const mappedColumns = getMappedColumns(areColumnSettingsEnabled ? props.columnManager.hideableColumns : undefined);
@@ -750,6 +371,7 @@ const DataTableSettings = props => {
         })
       })]
     }), openedPanelId === DISPLAY_SETTINGS && jsxRuntime.jsx(DisplaySettingsManager, _objectSpread$1(_objectSpread$1({}, props.displaySettings || {}), {}, {
+      title: (_props$displaySetting2 = props.displaySettings) === null || _props$displaySetting2 === void 0 ? void 0 : _props$displaySetting2.displaySettingsLabel,
       onClose: handleSettingsPanelChange,
       onDensityDisplayChange: event => {
         var _props$onSettingsChan;
@@ -760,8 +382,9 @@ const DataTableSettings = props => {
         (_props$onSettingsChan2 = props.onSettingsChange) === null || _props$onSettingsChan2 === void 0 || _props$onSettingsChan2.call(props, UPDATE_ACTIONS.IS_TABLE_WRAPPING_TEXT_UPDATE, event.target.value === SHOW_HIDE_ON_DEMAND);
       },
       managerTheme: props.managerTheme
-    })), openedPanelId === COLUMN_MANAGER && jsxRuntime.jsx(ColumnSettingsManager$1, _objectSpread$1(_objectSpread$1({}, props.columnManager || {}), {}, {
-      availableColumns: (_props$columnManager$ = (_props$columnManager = props.columnManager) === null || _props$columnManager === void 0 ? void 0 : _props$columnManager.hideableColumns) !== null && _props$columnManager$ !== void 0 ? _props$columnManager$ : [],
+    })), openedPanelId === COLUMN_MANAGER && jsxRuntime.jsx(columnSettingsManager.ColumnSettingsManager, _objectSpread$1(_objectSpread$1({}, props.columnManager || {}), {}, {
+      title: (_props$columnManager2 = props.columnManager) === null || _props$columnManager2 === void 0 ? void 0 : _props$columnManager2.columnManagerLabel,
+      availableColumns: (_props$columnManager$ = (_props$columnManager3 = props.columnManager) === null || _props$columnManager3 === void 0 ? void 0 : _props$columnManager3.hideableColumns) !== null && _props$columnManager$ !== void 0 ? _props$columnManager$ : [],
       selectedColumns: selectedColumns,
       onClose: handleSettingsPanelChange,
       onUpdateColumns: nextVisibleColumns => {
@@ -770,7 +393,40 @@ const DataTableSettings = props => {
         (_props$onSettingsChan3 = props.onSettingsChange) === null || _props$onSettingsChan3 === void 0 || _props$onSettingsChan3.call(props, UPDATE_ACTIONS.COLUMNS_UPDATE, keysOfVisibleColumns);
       },
       managerTheme: props.managerTheme
-    }))]
+    })), props.customSettings && _mapInstanceProperty__default["default"](_context3 = _Object$entries__default["default"](props.customSettings)).call(_context3, _ref4 => {
+      var _props$customColumnMa2;
+      let _ref5 = _slicedToArray(_ref4, 2),
+        key = _ref5[0],
+        customSetting = _ref5[1];
+      if (!customSetting.key) {
+        throw new Error('ui-kit/DataTableManager: missing: `key` prop, `customSettings` must be a JSON in the format Record<string, Object>.');
+      }
+      const CustomComponent = customSetting.customComponent;
+      return key === openedPanelId && jsxRuntime.jsx("div", {
+        children: customSetting.type === COLUMN_MANAGER ? CustomComponent && jsxRuntime.jsx(CustomComponent, _objectSpread$1(_objectSpread$1({}, customSetting || {}), {}, {
+          additionalSettings: _objectSpread$1(_objectSpread$1({}, customSetting), props.additionalSettings),
+          onClose: handleSettingsPanelChange,
+          managerTheme: props.managerTheme,
+          selectedColumns: props.selectedColumns,
+          availableColumns: (_props$customColumnMa2 = props.customColumnManager) !== null && _props$customColumnMa2 !== void 0 ? _props$customColumnMa2 : undefined,
+          onUpdateColumns: (nextVisibleColumns, key) => {
+            var _props$onSettingsChan4;
+            const keysOfVisibleColumns = _mapInstanceProperty__default["default"](nextVisibleColumns).call(nextVisibleColumns, visibleColumn => visibleColumn.key);
+            (_props$onSettingsChan4 = props.onSettingsChange) === null || _props$onSettingsChan4 === void 0 || _props$onSettingsChan4.call(props, UPDATE_ACTIONS.CUSTOM_COLUMNS_UPDATE, keysOfVisibleColumns, key);
+          }
+        })) : jsxRuntime.jsx(CustomSettingsManager$1, _objectSpread$1(_objectSpread$1({}, customSetting || {}), {}, {
+          onClose: handleSettingsPanelChange,
+          managerTheme: props.managerTheme,
+          children: CustomComponent && jsxRuntime.jsx(CustomComponent, {
+            updateCustomSettings: settings => {
+              var _props$onSettingsChan5;
+              (_props$onSettingsChan5 = props.onSettingsChange) === null || _props$onSettingsChan5 === void 0 || _props$onSettingsChan5.call(props, UPDATE_ACTIONS.CUSTOM_SETTINGS_UPDATE, settings);
+            },
+            additionalSettings: _objectSpread$1(_objectSpread$1({}, customSetting), props.additionalSettings)
+          })
+        }))
+      }, customSetting.key);
+    })]
   });
 };
 DataTableSettings.displayName = 'DataTableSettings';
@@ -785,6 +441,10 @@ const DataTableManager = props => {
   const topBar = props.topBar || dataTableManagerContext.topBar;
   const onSettingsChange = props.onSettingsChange || dataTableManagerContext.onSettingsChange;
   const columnManager = props.columnManager || dataTableManagerContext.columnManager;
+  const customSettings = props.customSettings || dataTableManagerContext.customSettings;
+  const selectedColumns = props.selectedColumns || dataTableManagerContext.selectedColumns;
+  const customColumnManager = props.customColumnManager || dataTableManagerContext.customColumnManager;
+  const customColumns = props.customColumns || dataTableManagerContext.customColumns;
   const areDisplaySettingsEnabled = Boolean(displaySettings && !displaySettings.disableDisplaySettings);
   const isWrappingText = areDisplaySettingsEnabled && displaySettings.isWrappingText;
   if (!dataTableColumns) {
@@ -793,15 +453,32 @@ const DataTableManager = props => {
   const columns = react.useMemo(() => _mapInstanceProperty__default["default"](dataTableColumns).call(dataTableColumns, column => _objectSpread(_objectSpread({}, column), {}, {
     isTruncated: areDisplaySettingsEnabled ? isWrappingText : column.isTruncated
   })), [dataTableColumns, areDisplaySettingsEnabled, isWrappingText]);
+  const _useState = react.useState({
+      key: ''
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    additionalSettings = _useState2[0],
+    setAdditionalSettings = _useState2[1];
+  const additionalCustomSetting = dataTableManagerContext.additionalSettings || additionalSettings;
+  const updateSettings = additionalCustomSettings => {
+    setAdditionalSettings(additionalCustomSettings);
+  };
+  const updateCustomSettings = dataTableManagerContext.updateCustomSettings || updateSettings;
   return jsxRuntime.jsxs(Spacings__default["default"].Stack, {
     children: [jsxRuntime.jsx(DataTableSettings$1, {
       topBar: topBar,
       onSettingsChange: onSettingsChange,
       columnManager: columnManager,
       displaySettings: displaySettings,
-      managerTheme: "light"
+      customSettings: customSettings,
+      managerTheme: "light",
+      additionalSettings: additionalCustomSetting,
+      updateCustomSettings: settings => updateCustomSettings(settings),
+      selectedColumns: selectedColumns !== null && selectedColumns !== void 0 ? selectedColumns : [],
+      customColumnManager: customColumnManager !== null && customColumnManager !== void 0 ? customColumnManager : undefined
     }), props.children ? /*#__PURE__*/react.cloneElement(props.children, {
       columns,
+      customColumns,
       isCondensed: areDisplaySettingsEnabled && props.displaySettings.isCondensed
     }) : null]
   });
@@ -810,8 +487,9 @@ DataTableManager.displayName = 'DataTableManager';
 var DataTableManager$1 = DataTableManager;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.8.0";
+var version = "19.10.0";
 
+exports.ColumnSettingsManager = columnSettingsManager.ColumnSettingsManager;
 Object.defineProperty(exports, 'useRowSelection', {
   enumerable: true,
   get: function () { return hooks.useRowSelection; }