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

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

@@ -1,3 +1,6 @@
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -6,18 +9,16 @@ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/inst
 import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
 import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
-import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
-import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
-import { useState, useMemo, useCallback, cloneElement } from 'react';
+import { useState, useMemo, cloneElement } from 'react';
 import Spacings from '@commercetools-uikit/spacings';
 import { useDataTableManagerContext } from '@commercetools-uikit/data-table-manager/data-table-manager-provider';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _styled from '@emotion/styled/base';
+import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entries';
 import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import { warning } from '@commercetools-uikit/utils';
-import { useIntl, defineMessages } from 'react-intl';
-import { CloseIcon, EyeCrossedIcon, EyeIcon, SearchIcon, ColumnsIcon } from '@commercetools-uikit/icons';
+import { defineMessages, useIntl } from 'react-intl';
+import { ColumnsIcon } from '@commercetools-uikit/icons';
 import DropdownMenu from '@commercetools-uikit/dropdown-menu';
 import IconButton from '@commercetools-uikit/icon-button';
 import Tooltip from '@commercetools-uikit/tooltip';
@@ -27,119 +28,35 @@ import Grid from '@commercetools-uikit/grid';
 import RadioInput from '@commercetools-uikit/radio-input';
 import AccessibleHidden from '@commercetools-uikit/accessible-hidden';
 import { designTokens } from '@commercetools-uikit/design-system';
-import AccessibleButton from '@commercetools-uikit/accessible-button';
-import CollapsibleMotion from '@commercetools-uikit/collapsible-motion';
-import Card from '@commercetools-uikit/card';
-import Text from '@commercetools-uikit/text';
-import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
-import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
-import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
-import { Draggable, Droppable, DragDropContext } from 'react-beautiful-dnd';
-import debounce from 'debounce-promise';
-import differenceWith from 'lodash/differenceWith';
-import AsyncSelectInput from '@commercetools-uikit/async-select-input';
-import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
-import Tag from '@commercetools-uikit/tag';
+import { S as SettingsContainer, C as ColumnSettingsManager } from './column-settings-manager-1430ee4f.esm.js';
+export { C as ColumnSettingsManager } from './column-settings-manager-1430ee4f.esm.js';
 export { useRowSelection, useSorting } from '@commercetools-uikit/hooks';
-export { D as DataTableManagerProvider, u as useDataTableManagerContext } from './data-table-manager-provider-3f60b85b.esm.js';
+export { D as DataTableManagerProvider, u as useDataTableManagerContext } from './data-table-manager-provider-32eb58dd.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/promise';
+import '@babel/runtime-corejs3/core-js-stable/instance/slice';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import 'react-beautiful-dnd';
+import 'debounce-promise';
+import 'lodash/differenceWith';
+import '@commercetools-uikit/async-select-input';
+import '@commercetools-uikit/accessible-button';
+import '@commercetools-uikit/collapsible-motion';
+import '@commercetools-uikit/card';
+import '@commercetools-uikit/text';
+import '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import '@commercetools-uikit/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("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("div", process.env.NODE_ENV === "production" ? {
-  target: "e6ezr100"
-} : {
-  target: "e6ezr100",
-  label: "CardContentWrapper"
-})("padding:", designTokens.spacing40, " ", designTokens.spacing50, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNldHRpbmdzLWNvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNxQyIsImZpbGUiOiJzZXR0aW5ncy1jb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCBSZWFjdEVsZW1lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUludGwsIHR5cGUgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCBDb2xsYXBzaWJsZU1vdGlvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb2xsYXBzaWJsZS1tb3Rpb24nO1xuaW1wb3J0IENhcmQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY2FyZCc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBDbG9zZUljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxudHlwZSBUU2V0dGluZ3NDb250YWluZXJQcm9wcyA9IHtcbiAgdGl0bGU6IE1lc3NhZ2VEZXNjcmlwdG9yICYge1xuICAgIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0LlJlYWN0Tm9kZT47XG4gIH07XG4gIGNsb3NlQnV0dG9uTGFiZWw6IE1lc3NhZ2VEZXNjcmlwdG9yICYge1xuICAgIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0LlJlYWN0Tm9kZT47XG4gIH07XG4gIG9uQ2xvc2U6IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIHByaW1hcnlCdXR0b24/OiBSZWFjdEVsZW1lbnQ7XG4gIHNlY29uZGFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29udGFpbmVyVGhlbWU/OiAnbGlnaHQnIHwgJ2RhcmsnO1xufTtcblxuY29uc3QgSGVhZGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleDogMTtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxuY29uc3QgQ2FyZENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nNTB9O1xuYDtcblxuY29uc3QgU2V0dGluZ3NDb250YWluZXIgPSAocHJvcHM6IFRTZXR0aW5nc0NvbnRhaW5lclByb3BzKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29sbGFwc2libGVNb3Rpb24gaXNEZWZhdWx0Q2xvc2VkPXtmYWxzZX0+XG4gICAgICB7KHsgcmVnaXN0ZXJDb250ZW50Tm9kZSwgY29udGFpbmVyU3R5bGVzIH0pID0+IChcbiAgICAgICAgPENhcmQgdHlwZT1cInJhaXNlZFwiIGluc2V0U2NhbGU9XCJub25lXCIgdGhlbWU9e3Byb3BzLmNvbnRhaW5lclRoZW1lfT5cbiAgICAgICAgICA8Q2FyZENvbnRlbnRXcmFwcGVyPlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIj5cbiAgICAgICAgICAgICAgPEhlYWRlckNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8VGV4dC5IZWFkbGluZSBhcz1cImgyXCIgaW50bE1lc3NhZ2U9e3Byb3BzLnRpdGxlfSAvPlxuICAgICAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShwcm9wcy5jbG9zZUJ1dHRvbkxhYmVsKX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8Q2xvc2VJY29uIHNpemU9XCJtZWRpdW1cIiAvPlxuICAgICAgICAgICAgICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgICAgICAgICAgICAgPC9IZWFkZXJDb250YWluZXI+XG4gICAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cImxcIj5cbiAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5zZXQgc2NhbGU9XCJzXCI+XG4gICAgICAgICAgICAgICAgICA8ZGl2IHN0eWxlPXtjb250YWluZXJTdHlsZXN9PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IHJlZj17cmVnaXN0ZXJDb250ZW50Tm9kZX0+e3Byb3BzLmNoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9TcGFjaW5ncy5JbnNldD5cbiAgICAgICAgICAgICAgICB7KHByb3BzLnNlY29uZGFyeUJ1dHRvbiB8fCBwcm9wcy5wcmltYXJ5QnV0dG9uKSAmJiAoXG4gICAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIj5cbiAgICAgICAgICAgICAgICAgICAge3Byb3BzLnNlY29uZGFyeUJ1dHRvbn1cbiAgICAgICAgICAgICAgICAgICAge3Byb3BzLnByaW1hcnlCdXR0b259XG4gICAgICAgICAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L0NhcmRDb250ZW50V3JhcHBlcj5cbiAgICAgICAgPC9DYXJkPlxuICAgICAgKX1cbiAgICA8L0NvbGxhcHNpYmxlTW90aW9uPlxuICApO1xufTtcblxuU2V0dGluZ3NDb250YWluZXIuZGlzcGxheU5hbWUgPSAnU2V0dGluZ3NDb250YWluZXInO1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFNldHRpbmdzQ29udGFpbmVyUHJvcHMsICdjb250YWluZXJUaGVtZSc+ID0ge1xuICBjb250YWluZXJUaGVtZTogJ2RhcmsnLFxufTtcblNldHRpbmdzQ29udGFpbmVyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgU2V0dGluZ3NDb250YWluZXI7XG4iXX0= */"));
-const SettingsContainer = props => {
-  const intl = useIntl();
-  return jsx(CollapsibleMotion, {
-    isDefaultClosed: false,
-    children: _ref => {
-      let registerContentNode = _ref.registerContentNode,
-        containerStyles = _ref.containerStyles;
-      return jsx(Card, {
-        type: "raised",
-        insetScale: "none",
-        theme: props.containerTheme,
-        children: jsx(CardContentWrapper, {
-          children: jsxs(Spacings.Stack, {
-            scale: "xl",
-            children: [jsxs(HeaderContainer, {
-              children: [jsx(Text.Headline, {
-                as: "h2",
-                intlMessage: props.title
-              }), jsx(AccessibleButton, {
-                onClick: props.onClose,
-                label: intl.formatMessage(props.closeButtonLabel),
-                children: jsx(CloseIcon, {
-                  size: "medium"
-                })
-              })]
-            }), jsxs(Spacings.Stack, {
-              scale: "l",
-              children: [jsx(Spacings.Inset, {
-                scale: "s",
-                children: jsx("div", {
-                  style: containerStyles,
-                  children: jsx("div", {
-                    ref: registerContentNode,
-                    children: props.children
-                  })
-                })
-              }), (props.secondaryButton || props.primaryButton) && jsxs(Spacings.Inline, {
-                justifyContent: "flex-end",
-                children: [props.secondaryButton, props.primaryButton]
-              })]
-            })]
-          })
-        })
-      });
-    }
-  });
-};
-SettingsContainer.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: _pt.oneOfType([_pt.any, _pt.shape({
-    values: _pt.objectOf(_pt.node)
-  })]).isRequired,
-  closeButtonLabel: _pt.oneOfType([_pt.any, _pt.shape({
-    values: _pt.objectOf(_pt.node)
-  })]).isRequired,
-  onClose: _pt.func.isRequired,
-  primaryButton: _pt.element,
-  secondaryButton: _pt.element,
-  children: _pt.node.isRequired,
-  containerTheme: _pt.oneOf(['light', 'dark'])
-} : {};
-SettingsContainer.displayName = 'SettingsContainer';
-const defaultProps$2 = {
-  containerTheme: 'dark'
-};
-SettingsContainer.defaultProps = defaultProps$2;
-var SettingsContainer$1 = SettingsContainer;
-
-var messages$3 = defineMessages({
+var messages$2 = defineMessages({
   title: {
     id: 'UIKit.DataTableManager.DensityManager.title',
     description: 'Title for the density manager component.',
@@ -191,9 +108,10 @@ const DensityManager = props => {
   const intl = useIntl();
   const textWrappingOption = props.isWrappingText ? SHOW_HIDE_ON_DEMAND : WRAPPED_TEXT_VISIBLE;
   const densityDisplayOption = props.isCondensed ? DENSITY_COMPACT : DENSITY_COMFORTABLE;
-  return jsx(SettingsContainer$1, {
-    title: messages$3.title,
-    closeButtonLabel: messages$3.closeButtonLabel,
+  return jsx(SettingsContainer, {
+    customSettingsTitle: props.title,
+    title: messages$2.title,
+    closeButtonLabel: messages$2.closeButtonLabel,
     onClose: props.onClose,
     primaryButton: props.primaryButton,
     secondaryButton: props.secondaryButton,
@@ -205,7 +123,7 @@ const DensityManager = props => {
         children: jsxs(Spacings.Stack, {
           scale: 'l',
           children: [jsx(FieldLabel, {
-            title: intl.formatMessage(messages$3.textWrappingSubtitle)
+            title: intl.formatMessage(messages$2.textWrappingSubtitle)
           }), jsxs(AccessibleHidden, {
             children: [jsx("label", {
               htmlFor: "text-wrapping-0",
@@ -221,10 +139,10 @@ const DensityManager = props => {
             onChange: props.onTextWrappingChange,
             children: [jsx(RadioInput.Option, {
               value: WRAPPED_TEXT_VISIBLE,
-              children: intl.formatMessage(messages$3.textWrappingAllWrapVisibleOption)
+              children: intl.formatMessage(messages$2.textWrappingAllWrapVisibleOption)
             }), jsx(RadioInput.Option, {
               value: SHOW_HIDE_ON_DEMAND,
-              children: intl.formatMessage(messages$3.textWrappingShowHideOnDemandOption)
+              children: intl.formatMessage(messages$2.textWrappingShowHideOnDemandOption)
             })]
           })]
         })
@@ -232,7 +150,7 @@ const DensityManager = props => {
         children: jsxs(Spacings.Stack, {
           scale: 'l',
           children: [jsx(FieldLabel, {
-            title: intl.formatMessage(messages$3.densityDisplaySubtitle)
+            title: intl.formatMessage(messages$2.densityDisplaySubtitle)
           }), jsxs(AccessibleHidden, {
             children: [jsx("label", {
               htmlFor: "density-display-0",
@@ -248,10 +166,10 @@ const DensityManager = props => {
             onChange: props.onDensityDisplayChange,
             children: [jsx(RadioInput.Option, {
               value: DENSITY_COMFORTABLE,
-              children: intl.formatMessage(messages$3.densityDisplayComfortableOption)
+              children: intl.formatMessage(messages$2.densityDisplayComfortableOption)
             }), jsx(RadioInput.Option, {
               value: DENSITY_COMPACT,
-              children: intl.formatMessage(messages$3.densityDisplayCompactOption)
+              children: intl.formatMessage(messages$2.densityDisplayCompactOption)
             })]
           })]
         })
@@ -260,6 +178,7 @@ const DensityManager = props => {
   });
 };
 DensityManager.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _pt.string,
   isCondensed: _pt.bool,
   isWrappingText: _pt.bool,
   primaryButton: _pt.element,
@@ -270,344 +189,40 @@ DensityManager.propTypes = process.env.NODE_ENV !== "production" ? {
   managerTheme: _pt.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("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("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(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const DraggableTagWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "emzjy4n0"
-} : {
-  target: "emzjy4n0",
-  label: "DraggableTagWrapper"
-})("padding:", designTokens.spacing10, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS10YWcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cc0MiLCJmaWxlIjoiZHJhZ2dhYmxlLXRhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IERyYWdnYWJsZSB9IGZyb20gJ3JlYWN0LWJlYXV0aWZ1bC1kbmQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgVGFnIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RhZyc7XG5pbXBvcnQgRHJhZ2dpbmdDb250YWluZXIgZnJvbSAnLi9kcmFnZ2FibGUtdGFnLnN0eWxlcyc7XG5cbmV4cG9ydCB0eXBlIFRDb2x1bW5EYXRhID0ge1xuICBrZXk6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCB0eXBlIFREcmFnZ2FibGVUYWdQcm9wcyA9IHtcbiAgY29sdW1uOiBUQ29sdW1uRGF0YTtcbiAgaW5kZXg6IG51bWJlcjtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIG9uUmVtb3ZlPzogKGluZGV4OiBudW1iZXIpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBEcmFnZ2FibGVUYWdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfSAwO1xuYDtcblxuY29uc3QgRHJhZ2dhYmxlVGFnID0gKHByb3BzOiBURHJhZ2dhYmxlVGFnUHJvcHMpID0+IHtcbiAgY29uc3QgaGFuZGxlUmVtb3ZlQ29sdW1uID0gKCkgPT4gcHJvcHMub25SZW1vdmU/Lihwcm9wcy5pbmRleCk7XG5cbiAgcmV0dXJuIChcbiAgICA8RHJhZ2dhYmxlXG4gICAgICBkcmFnZ2FibGVJZD17cHJvcHMuY29sdW1uLmtleX1cbiAgICAgIGluZGV4PXtwcm9wcy5pbmRleH1cbiAgICAgIGlzRHJhZ0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgID5cbiAgICAgIHsocHJvdmlkZWQpID0+IHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8RHJhZ2dhYmxlVGFnV3JhcHBlcj5cbiAgICAgICAgICAgIDxEcmFnZ2luZ0NvbnRhaW5lclxuICAgICAgICAgICAgICByZWY9e3Byb3ZpZGVkLmlubmVyUmVmfVxuICAgICAgICAgICAgICB7Li4ucHJvdmlkZWQuZHJhZ2dhYmxlUHJvcHN9XG4gICAgICAgICAgICAgIHsuLi5wcm92aWRlZC5kcmFnSGFuZGxlUHJvcHN9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxUYWdcbiAgICAgICAgICAgICAgICBvblJlbW92ZT17cHJvcHMub25SZW1vdmUgPyBoYW5kbGVSZW1vdmVDb2x1bW4gOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgICBpc0RyYWdnYWJsZVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3Byb3BzLmNvbHVtbi5sYWJlbH1cbiAgICAgICAgICAgICAgPC9UYWc+XG4gICAgICAgICAgICA8L0RyYWdnaW5nQ29udGFpbmVyPlxuICAgICAgICAgIDwvRHJhZ2dhYmxlVGFnV3JhcHBlcj5cbiAgICAgICAgKTtcbiAgICAgIH19XG4gICAgPC9EcmFnZ2FibGU+XG4gICk7XG59O1xuXG5EcmFnZ2FibGVUYWcuZGlzcGxheU5hbWUgPSAnRHJhZ2dhYmxlVGFnJztcblxuZXhwb3J0IGRlZmF1bHQgRHJhZ2dhYmxlVGFnO1xuIl19 */"));
-const DraggableTag = props => {
-  const handleRemoveColumn = () => {
-    var _props$onRemove;
-    return (_props$onRemove = props.onRemove) === null || _props$onRemove === void 0 ? void 0 : _props$onRemove.call(props, props.index);
-  };
-  return jsx(Draggable, {
-    draggableId: props.column.key,
-    index: props.index,
-    isDragDisabled: props.isDisabled,
-    children: provided => {
-      return jsx(DraggableTagWrapper, {
-        children: jsx(DraggingContainer$1, _objectSpread$3(_objectSpread$3(_objectSpread$3({
-          ref: provided.innerRef
-        }, provided.draggableProps), provided.dragHandleProps), {}, {
-          children: jsx(Tag, {
-            onRemove: props.onRemove ? handleRemoveColumn : undefined,
-            isDisabled: props.isDisabled,
-            isDraggable: true,
-            children: props.column.label
-          })
-        }))
-      });
-    }
-  });
-};
-DraggableTag.propTypes = process.env.NODE_ENV !== "production" ? {
-  column: _pt.shape({
-    key: _pt.string.isRequired,
-    label: _pt.node.isRequired
-  }).isRequired,
-  index: _pt.number.isRequired,
-  isDisabled: _pt.bool,
-  onRemove: _pt.func
-} : {};
-DraggableTag.displayName = 'DraggableTag';
-var DraggableTag$1 = DraggableTag;
-
-const TagContainerEditable = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e7rakq0"
-} : {
-  target: "e7rakq0",
-  label: "TagContainerEditable"
-})("background-color:", designTokens.colorSurface, ";border:1px solid ", designTokens.colorNeutral, ";border-radius:", designTokens.borderRadius4, ";padding:", designTokens.spacing30, ";height:", designTokens.constraint7, ";overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1jb250YWluZXItZWRpdGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd1QyIsImZpbGUiOiJ0YWctY29udGFpbmVyLWVkaXRhYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5jb25zdCBUYWdDb250YWluZXJFZGl0YWJsZSA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbH07XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czR9O1xuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ3fTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBUYWdDb250YWluZXJFZGl0YWJsZTtcbiJdfQ== */"));
-var TagContainerEditable$1 = TagContainerEditable;
-
-var messages$2 = defineMessages({
-  loadMoreAttributesHint: {
-    id: 'UIKit.DataTableManager.ColumnManager.DroppablePanel.loadMoreAttributesHint',
-    description: 'Indicate that the user can use the search input to load more attributes',
-    defaultMessage: 'Load more attributes by using the search input above'
-  }
-});
-
-const DroppablePanel = props => {
-  return jsx(Droppable, {
-    droppableId: props.droppableId,
-    children: provided => {
-      var _context;
-      return jsxs(TagContainerEditable$1, {
-        "data-testid": props.droppableId,
-        ref: provided.innerRef,
-        children: [props.columns.length === 0 ? jsx(Spacings.Inset, {
-          scale: "s",
-          children: jsx(Text.Detail, {
-            tone: "secondary",
-            children: props.noColumnsText
-          })
-        }) : jsxs(Fragment, {
-          children: [_mapInstanceProperty(_context = props.columns).call(_context, (column, index) => {
-            var _context2;
-            return jsx(DraggableTag$1, {
-              column: column,
-              index: index,
-              onRemove: props.onRemove ? () => {
-                var _context3, _context4;
-                return props.onRemove([..._sliceInstanceProperty(_context3 = props.columns).call(_context3, 0, index), ..._sliceInstanceProperty(_context4 = props.columns).call(_context4, index + 1)]);
-              } : undefined,
-              isDisabled: props.isDisabled
-            }, _concatInstanceProperty(_context2 = "".concat(column.key, "-")).call(_context2, index));
-          }), props.isSearchable && jsx(Spacings.Inset, {
-            scale: "xs",
-            children: jsx(Text.Detail, {
-              tone: "secondary",
-              intlMessage: messages$2.loadMoreAttributesHint
-            })
-          })]
-        }), provided.placeholder]
-      });
-    }
-  });
-};
-DroppablePanel.propTypes = process.env.NODE_ENV !== "production" ? {
-  droppableId: _pt.string.isRequired,
-  noColumnsText: _pt.node.isRequired,
-  columns: _pt.arrayOf(_pt.shape({
-    key: _pt.string.isRequired,
-    label: _pt.node.isRequired
-  })).isRequired,
-  isSearchable: _pt.bool,
-  isDisabled: _pt.bool,
-  onRemove: _pt.func
-} : {};
-DroppablePanel.displayName = 'DroppablePanel';
-var DroppablePanel$1 = DroppablePanel;
-
 var messages$1 = 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(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const noSearch = () => _Promise.resolve([]);
-// 'onChange' prop in AsyncSelectInput is required but not needed here
-const voidChangeHandler = () => undefined;
-const DroppableContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "en01od20"
-} : {
-  target: "en01od20",
-  label: "DroppableContainer"
-})("width:100%;position:relative;max-width:", designTokens.constraint10, ";cursor:", props => props.isDragging ? 'grabbing' : 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,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(selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty(selectedColumns).call(selectedColumns, dragResult.source.index + 1)]);
-  } else {
-    // the destination is the selected columns panel
-
-    // it's a swap when the source and the destination are the same
-    const isSwap = dragResult.source.droppableId === SELECTED_COLUMNS_PANEL;
-    const items = isSwap ?
-    // remove the dragged item from its position if it is not coming from
-    // the hidden section (it is a swap)
-    [..._sliceInstanceProperty(selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty(selectedColumns).call(selectedColumns, dragResult.source.index + 1)] : selectedColumns;
-    const columns = isSwap ? selectedColumns : availableColumns;
-    const draggedColumn = _findInstanceProperty(columns).call(columns, col => col.key === dragResult.draggableId);
-
-    // push the column in the new position if draggedColumn is found
-    if (draggedColumn) {
-      onUpdateColumns([..._sliceInstanceProperty(items).call(items, 0, dragResult.destination.index), draggedColumn, ..._sliceInstanceProperty(items).call(items, dragResult.destination.index)]);
-    }
-  }
-};
-const DropdownIndicator = () => jsx(Spacings.Inline, {
-  alignItems: "center",
-  children: jsx(SearchIcon, {
-    size: "medium",
-    color: "primary"
-  })
-});
-DropdownIndicator.displayName = 'DropdownIndicator';
-const Nothing = () => null;
-const selectInputComponents = {
-  Option: Nothing,
-  Menu: Nothing,
-  DropdownIndicator
-};
-const ColumnSettingsManager = props => {
-  if (props.areHiddenColumnsSearchable) {
-    process.env.NODE_ENV !== "production" ? warning(typeof props.searchHiddenColumns !== 'undefined', 'ui-kit/ColumnSettingsManager: "searchHiddenColumns" must be provided when "areHiddenColumnsSearchable" is true') : void 0;
-  }
-  const intl = useIntl();
-  const _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDragging = _useState2[0],
-    setIsDragging = _useState2[1];
-  const searchHiddenColumns = props.searchHiddenColumns;
-  const handleDragStart = () => {
-    setIsDragging(true);
-  };
-  const hiddenColumns = useMemo(() => differenceWith(props.availableColumns, props.selectedColumns, (a, b) => a.key === b.key), [props.availableColumns, props.selectedColumns]);
-  const handleDragEnd = useCallback(dragResult => handleColumnsUpdate(dragResult, props.onUpdateColumns, props.selectedColumns, props.availableColumns, setIsDragging), [props.onUpdateColumns, props.selectedColumns, props.availableColumns]);
-  const debouncedSearchHiddenColumns = useMemo(() => debounce(searchHiddenColumns !== null && searchHiddenColumns !== void 0 ? searchHiddenColumns : noSearch, 300), [searchHiddenColumns]);
-  const handleInputChange = useCallback(inputValue => debouncedSearchHiddenColumns(inputValue), [debouncedSearchHiddenColumns]);
-  return jsx(SettingsContainer$1, {
-    title: messages$1.title,
-    closeButtonLabel: messages$1.closeButtonLabel,
-    onClose: props.onClose,
-    primaryButton: props.primaryButton,
-    secondaryButton: props.secondaryButton,
-    containerTheme: props.managerTheme,
-    children: jsx(DragDropContext, {
-      onDragEnd: handleDragEnd,
-      onDragStart: handleDragStart,
-      children: jsxs(Spacings.Inline, {
-        scale: "l",
-        children: [jsx(DroppableContainer, {
-          isDragging: isDragging,
-          "aria-labelledby": "hidden-columns",
-          children: jsxs(Spacings.Stack, {
-            scale: "m",
-            children: [jsxs(Spacings.Inline, {
-              scale: "s",
-              alignItems: "center",
-              children: [jsx(EyeCrossedIcon, {
-                size: "big"
-              }), jsx(FieldLabel, {
-                id: "hidden-columns",
-                title: intl.formatMessage(messages$1.hiddenColumns)
-              })]
-            }), props.areHiddenColumnsSearchable && jsx(AsyncSelectInput, _objectSpread$2(_objectSpread$2({}, props.searchHiddenColumnsPlaceholder ? {
-              placeholder: props.searchHiddenColumnsPlaceholder
-            } : undefined), {}, {
-              onChange: voidChangeHandler,
-              loadOptions: noSearch,
-              onInputChange: handleInputChange,
-              components: selectInputComponents
-            })), jsx(DroppablePanel$1, {
-              droppableId: HIDDEN_COLUMNS_PANEL,
-              "data-testid": HIDDEN_COLUMNS_PANEL,
-              noColumnsText: intl.formatMessage(messages$1.noHiddenColumnsToShow),
-              columns: hiddenColumns,
-              isSearchable: props.areHiddenColumnsSearchable
-            })]
-          })
-        }), jsx(DroppableContainer, {
-          isDragging: isDragging,
-          "aria-labelledby": "visible-columns",
-          children: jsxs(Spacings.Stack, {
-            scale: "m",
-            children: [jsxs(Spacings.Inline, {
-              scale: "xs",
-              alignItems: "center",
-              children: [jsx(EyeIcon, {
-                size: "medium"
-              }), jsx(FieldLabel, {
-                id: "visible-columns",
-                title: intl.formatMessage(messages$1.visibleColumns)
-              })]
-            }), 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 jsx(Fragment, {
+    children: jsx(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.arrayOf(_pt.shape({
-    key: _pt.string.isRequired,
-    label: _pt.node.isRequired
-  })).isRequired,
-  selectedColumns: _pt.arrayOf(_pt.shape({
-    key: _pt.string.isRequired,
-    label: _pt.node.isRequired
-  })).isRequired,
-  onUpdateColumns: _pt.func.isRequired,
-  areHiddenColumnsSearchable: _pt.bool,
-  searchHiddenColumns: _pt.func,
-  searchHiddenColumnsPlaceholder: _pt.string,
+CustomSettingsManager.propTypes = process.env.NODE_ENV !== "production" ? {
   onClose: _pt.func.isRequired,
-  primaryButton: _pt.element,
-  secondaryButton: _pt.element,
-  managerTheme: _pt.oneOf(['light', 'dark'])
+  managerTheme: _pt.oneOf(['light', 'dark']),
+  children: _pt.node.isRequired,
+  customPanelTitle: _pt.oneOfType([_pt.string, _pt.any]).isRequired
 } : {};
-ColumnSettingsManager.displayName = 'ColumnSettingsManager';
-const defaultProps = {
-  availableColumns: []
-};
-ColumnSettingsManager.defaultProps = defaultProps;
-var ColumnSettingsManager$1 = ColumnSettingsManager;
+CustomSettingsManager.displayName = 'CustomSettingsManager';
+var CustomSettingsManager$1 = CustomSettingsManager;
 
 var messages = defineMessages({
   placeholder: {
@@ -628,7 +243,7 @@ var messages = defineMessages({
 });
 
 function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(_context4 = ownKeys$1(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys$1(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(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("div", process.env.NODE_ENV === "production" ? {
   target: "e3i1gnv0"
@@ -641,20 +256,33 @@ const TopBarContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
 } : {
   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(_context = [...(areColumnSettingsEnabled ? [{
     value: COLUMN_MANAGER,
-    label: formatMessage(messages.columnManagerOption)
-  }] : []), ...(areDisplaySettingsEnabled ? [{
+    label: columnManagerLabel ? columnManagerLabel : formatMessage(messages.columnManagerOption)
+  }] : []), ...(customSettings ? _mapInstanceProperty(_context2 = _Object$entries(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] : [];
@@ -667,9 +295,10 @@ const getSelectedColumns = function (mappedColumns) {
   return _mapInstanceProperty(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" ? 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 = useIntl();
   const _useState = useState(null),
@@ -677,8 +306,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);
@@ -711,6 +344,7 @@ const DataTableSettings = props => {
         })
       })]
     }), openedPanelId === DISPLAY_SETTINGS && 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;
@@ -721,8 +355,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 && 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 && jsx(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 => {
@@ -731,7 +366,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(_context3 = _Object$entries(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 && jsx("div", {
+        children: customSetting.type === COLUMN_MANAGER ? CustomComponent && 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(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);
+          }
+        })) : jsx(CustomSettingsManager$1, _objectSpread$1(_objectSpread$1({}, customSetting || {}), {}, {
+          onClose: handleSettingsPanelChange,
+          managerTheme: props.managerTheme,
+          children: CustomComponent && 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';
@@ -746,6 +414,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) {
@@ -754,15 +426,32 @@ const DataTableManager = props => {
   const columns = useMemo(() => _mapInstanceProperty(dataTableColumns).call(dataTableColumns, column => _objectSpread(_objectSpread({}, column), {}, {
     isTruncated: areDisplaySettingsEnabled ? isWrappingText : column.isTruncated
   })), [dataTableColumns, areDisplaySettingsEnabled, isWrappingText]);
+  const _useState = 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 jsxs(Spacings.Stack, {
     children: [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__*/cloneElement(props.children, {
       columns,
+      customColumns,
       isCondensed: areDisplaySettingsEnabled && props.displaySettings.isCondensed
     }) : null]
   });
@@ -771,6 +460,6 @@ DataTableManager.displayName = 'DataTableManager';
 var DataTableManager$1 = DataTableManager;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.9.0";
+var version = "19.10.0";
 
 export { UPDATE_ACTIONS, DataTableManager$1 as default, version };