@epam/uui 4.6.0 → 4.6.1-alpha.0

package/components/inputs/TextInput.d.ts

@@ -7,7 +7,7 @@ export interface TextInputMods extends IHasEditMode {
     size?: ControlSize;
 }
 export declare function applyTextInputMods(mods: TextInputMods): string[];
-export declare const TextInput: React.ForwardRefExoticComponent<Pick<TextInputProps & TextInputMods, "id" | "value" | "cx" | "onClick" | "rawProps" | "tabIndex" | "isDisabled" | "name" | "onValueChange" | "isInvalid" | "validationMessage" | "validationProps" | "isReadonly" | "isRequired" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "caption" | "dropdownIcon" | "icon" | "iconPosition" | "onIconClick" | "placeholder" | "type" | "prefix" | "inputMode" | "maxLength" | "getValueChangeAnalyticsEvent" | "onCancel" | "onAccept" | "onKeyDown" | "onFocus" | "onBlur" | "autoFocus" | "autoComplete" | "suffix" | "acceptIcon" | "cancelIcon" | "inputCx" | "renderInput" | keyof TextInputMods> & React.RefAttributes<any>>;
+export declare const TextInput: React.ForwardRefExoticComponent<Pick<TextInputProps & TextInputMods, "id" | "value" | "cx" | "onClick" | "rawProps" | "tabIndex" | "isDisabled" | "name" | "onValueChange" | "isInvalid" | "validationMessage" | "validationProps" | "isReadonly" | "isRequired" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "caption" | "dropdownIcon" | "icon" | "iconPosition" | "onIconClick" | "placeholder" | "type" | "getValueChangeAnalyticsEvent" | "prefix" | "inputMode" | "maxLength" | "onCancel" | "onAccept" | "onKeyDown" | "onFocus" | "onBlur" | "autoFocus" | "autoComplete" | "suffix" | "acceptIcon" | "cancelIcon" | "inputCx" | "renderInput" | keyof TextInputMods> & React.RefAttributes<any>>;
 export declare class SearchInput extends React.Component<TextInputProps & TextInputMods & IEditableDebouncerOptions, {}> {
     render(): JSX.Element;
 }

package/components/pickers/DataPickerFooter.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { PickerFooterProps } from '@epam/uui-components';
+import { PickerFooterProps } from "@epam/uui-core";
 import { SizeMod } from '../types';
 declare type DataPickerFooterProps<TItem, TId> = PickerFooterProps<TItem, TId> & SizeMod & {
     hideShowOnlySelected?: boolean;

package/components/pickers/DataPickerFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataPickerFooter.d.ts","sourceRoot":"","sources":["../../../components/pickers/DataPickerFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAKzD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAGnC,aAAK,qBAAqB,CAAC,KAAK,EAAE,GAAG,IAAI,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,OAAO,GAAG;IAC/E,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAqDF,eAAO,MAAM,gBAAgB,6HAAmC,CAAC"}
+{"version":3,"file":"DataPickerFooter.d.ts","sourceRoot":"","sources":["../../../components/pickers/DataPickerFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAY,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAK7D,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAGnC,aAAK,qBAAqB,CAAC,KAAK,EAAE,GAAG,IAAI,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,OAAO,GAAG;IAC/E,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAqDF,eAAO,MAAM,gBAAgB,6HAAmC,CAAC"}

package/components/pickers/docs/common.d.ts

@@ -1,6 +1,5 @@
-import { ArrayDataSource, LazyDataSource, AsyncDataSource } from '@epam/uui-core';
+import { ArrayDataSource, LazyDataSource, AsyncDataSource, PickerBaseOptions } from "@epam/uui-core";
 import { DocBuilder, PropSamplesCreationContext } from '@epam/uui-docs';
-import { PickerBaseOptions } from '@epam/uui-components';
 export declare const getDataSourceExamples: (ctx: PropSamplesCreationContext) => ({
     name: string;
     isDefault: boolean;

package/components/pickers/docs/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../components/pickers/docs/common.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAOzD,eAAO,MAAM,qBAAqB,QAAS,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;IAgCpE,CAAC;AAEF,eAAO,MAAM,oBAAoB,yCAkDkB,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../components/pickers/docs/common.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACrG,OAAO,EAAE,UAAU,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AAOxE,eAAO,MAAM,qBAAqB,QAAS,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;IAgCpE,CAAC;AAEF,eAAO,MAAM,oBAAoB,yCAkDkB,CAAC"}

package/components/tables/Presets/Preset.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ITablePreset } from '../types';
+import { ITablePreset } from "@epam/uui-core";
 interface IPresetProps {
     preset: ITablePreset;
     isActive: boolean;

package/components/tables/Presets/Preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Preset.d.ts","sourceRoot":"","sources":["../../../../components/tables/Presets/Preset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAKxC,UAAU,YAAY;IAClB,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,cAAc,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmHzC,CAAC"}
+{"version":3,"file":"Preset.d.ts","sourceRoot":"","sources":["../../../../components/tables/Presets/Preset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAoB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAMhE,UAAU,YAAY;IAClB,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,cAAc,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmHzC,CAAC"}

package/components/tables/Presets/Presets.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { DataTableState } from '@epam/uui-core';
-import { IPresetsApi, ITablePreset } from '../types';
+import { DataTableState, IPresetsApi, ITablePreset } from "@epam/uui-core";
 interface IPresetsProps extends IPresetsApi {
     presets: ITablePreset[];
     tableState: DataTableState;

package/components/tables/Presets/Presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Presets.d.ts","sourceRoot":"","sources":["../../../../components/tables/Presets/Presets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIhD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGrD,UAAU,aAAc,SAAQ,WAAW;IACvC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,UAAU,EAAE,cAAc,CAAC;CAC9B;AAiED,eAAO,MAAM,OAAO,2CAA0B,CAAC"}
+{"version":3,"file":"Presets.d.ts","sourceRoot":"","sources":["../../../../components/tables/Presets/Presets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM3E,UAAU,aAAc,SAAQ,WAAW;IACvC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,UAAU,EAAE,cAAc,CAAC;CAC9B;AAiDD,eAAO,MAAM,OAAO,2CAA0B,CAAC"}

package/components/tables/types.d.ts

@@ -1,4 +1,3 @@
-import { ColumnsConfig } from '@epam/uui-core';
 import { ControlSize } from '..';
 export interface DataTableCellMods {
     size?: ControlSize | '60';
@@ -7,22 +6,4 @@ export interface DataTableCellMods {
     isLastColumn?: boolean;
     alignActions?: 'top' | 'center';
 }
-export interface ITablePreset<TFilter = Record<string, any>> {
-    name: string;
-    id: number | null;
-    filter: TFilter;
-    isReadonly?: boolean;
-    columnsConfig: ColumnsConfig;
-}
-export interface IPresetsApi {
-    getActivePresetId(): number;
-    isDefaultPresetActive(): boolean;
-    choosePreset(preset: ITablePreset): void;
-    createNewPreset(name: string): void;
-    resetToDefault(): void;
-    hasPresetChanged(preset: ITablePreset): boolean;
-    duplicatePreset(preset: ITablePreset): void;
-    deletePreset(preset: ITablePreset): void;
-    updatePreset(preset: ITablePreset): void;
-}
 //# sourceMappingURL=types.d.ts.map

package/components/tables/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../components/tables/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAEjC,MAAM,WAAW,iBAAiB;IAC9B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACnC;AAED,MAAM,WAAW,YAAY,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;CAChC;AAED,MAAM,WAAW,WAAW;IACxB,iBAAiB,IAAI,MAAM,CAAC;IAC5B,qBAAqB,IAAI,OAAO,CAAC;IACjC,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IACzC,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,cAAc,IAAI,IAAI,CAAC;IACvB,gBAAgB,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO,CAAC;IAChD,eAAe,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5C,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IACzC,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;CAC5C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../components/tables/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAEjC,MAAM,WAAW,iBAAiB;IAC9B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACnC"}

package/index.js

@@ -638,7 +638,7 @@ function __classPrivateFieldSet(receiver, state, value, kind, f) {
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"line-height-12":"_16du_","lineHeight12":"_16du_","line-height-18":"_1PElp","lineHeight18":"_1PElp","line-height-24":"_2S5Kz","lineHeight24":"_2S5Kz","line-height-30":"NTwgg","lineHeight30":"NTwgg","font-size-10":"_2XcrR","fontSize10":"_2XcrR","font-size-12":"_2KGk0","fontSize12":"_2KGk0","font-size-14":"_2_589","fontSize14":"_2_589","font-size-16":"_1weOW","fontSize16":"_1weOW","font-size-18":"_3ZWmw","fontSize18":"_3ZWmw","font-size-24":"_31wZv","fontSize24":"_31wZv","v-padding-2":"qPuSd","vPadding2":"qPuSd","v-padding-3":"_1C_wc","vPadding3":"_1C_wc","v-padding-5":"_3pIOm","vPadding5":"_3pIOm","v-padding-6":"Ncr_Q","vPadding6":"Ncr_Q","v-padding-8":"_3nPVr","vPadding8":"_3nPVr","v-padding-9":"_1xv01","vPadding9":"_1xv01","v-padding-11":"_2ubDE","vPadding11":"_2ubDE","v-padding-12":"_1pb8t","vPadding12":"_1pb8t","v-padding-14":"PZDUk","vPadding14":"PZDUk","v-padding-15":"_2fhMt","vPadding15":"_2fhMt","v-padding-17":"WikQ7","vPadding17":"WikQ7","v-padding-18":"NueYl","vPadding18":"NueYl","v-padding-23":"BLIOk","vPadding23":"BLIOk","v-padding-24":"_2VTYy","vPadding24":"_2VTYy"};
+module.exports = {"line-height-12":"_2xpYL","lineHeight12":"_2xpYL","line-height-18":"_31SBa","lineHeight18":"_31SBa","line-height-24":"_2KhnX","lineHeight24":"_2KhnX","line-height-30":"_144KI","lineHeight30":"_144KI","font-size-10":"_3iACg","fontSize10":"_3iACg","font-size-12":"_2sZRD","fontSize12":"_2sZRD","font-size-14":"_1ewYW","fontSize14":"_1ewYW","font-size-16":"_3yO2Z","fontSize16":"_3yO2Z","font-size-18":"_1EDCP","fontSize18":"_1EDCP","font-size-24":"_3hfS6","fontSize24":"_3hfS6","v-padding-2":"_3Nwuh","vPadding2":"_3Nwuh","v-padding-3":"UOkAO","vPadding3":"UOkAO","v-padding-5":"_2iHMo","vPadding5":"_2iHMo","v-padding-6":"nkyyf","vPadding6":"nkyyf","v-padding-8":"_1-YIK","vPadding8":"_1-YIK","v-padding-9":"_1fl3C","vPadding9":"_1fl3C","v-padding-11":"_3SsLj","vPadding11":"_3SsLj","v-padding-12":"O9yvr","vPadding12":"O9yvr","v-padding-14":"_3SSOz","vPadding14":"_3SSOz","v-padding-15":"_3fAi2","vPadding15":"_3fAi2","v-padding-17":"_2iQqB","vPadding17":"_2iQqB","v-padding-18":"NopTU","vPadding18":"NopTU","v-padding-23":"Z5Tnn","vPadding23":"Z5Tnn","v-padding-24":"RQrX8","vPadding24":"RQrX8"};
 
 /***/ }),
 
@@ -892,7 +892,7 @@ module.exports = {"line-height-12":"_16du_","lineHeight12":"_16du_","line-height
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"srq9Y","mode-solid":"cWVCK","modeSolid":"cWVCK","mode-outline":"_2Gq9V","modeOutline":"_2Gq9V","mode-none":"_2-T9U","modeNone":"_2-T9U","mode-ghost":"_3IIvX","modeGhost":"_3IIvX","size-24":"_20Sb_","size24":"_20Sb_","size-30":"_2Sp4b","size30":"_2Sp4b","size-36":"_1ag3_","size36":"_1ag3_","size-42":"_2gI3B","size42":"_2gI3B","size-48":"_1pG_H","size48":"_1pG_H"};
+module.exports = {"root":"iACG2","mode-solid":"bsYTz","modeSolid":"bsYTz","mode-outline":"Pe8RT","modeOutline":"Pe8RT","mode-none":"Hg-7j","modeNone":"Hg-7j","mode-ghost":"_1TbEg","modeGhost":"_1TbEg","size-24":"_3DFu1","size24":"_3DFu1","size-30":"_3l7Ek","size30":"_3l7Ek","size-36":"_1mj14","size36":"_1mj14","size-42":"_3s1wU","size42":"_3s1wU","size-48":"NEXZu","size48":"NEXZu"};
 
 /***/ }),
 
@@ -941,7 +941,7 @@ exports.Button = (0, uui_core_1.withMods)(uui_components_1.Button, applyButtonMo
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_3Mjbx"};
+module.exports = {"root":"AKQCK"};
 
 /***/ }),
 
@@ -981,7 +981,7 @@ exports.IconButton = (0, uui_core_1.withMods)(uui_components_1.IconButton, apply
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_3Rq_x","size-18":"_2PyXT","size18":"_2PyXT","size-24":"_3LrWc","size24":"_3LrWc","size-30":"lqkT7","size30":"lqkT7","size-36":"_39noE","size36":"_39noE","size-42":"_35bU4","size42":"_35bU4","size-48":"-D0Nu","size48":"-D0Nu"};
+module.exports = {"root":"_1UhPI","size-18":"_26a3U","size18":"_26a3U","size-24":"U2tcI","size24":"U2tcI","size-30":"_2jeIN","size30":"_2jeIN","size-36":"_1uzPu","size36":"_1uzPu","size-42":"_32Fym","size42":"_32Fym","size-48":"_3-Ozz","size48":"_3-Ozz"};
 
 /***/ }),
 
@@ -1027,7 +1027,7 @@ exports.LinkButton = (0, uui_core_1.withMods)(uui_components_1.Button, applyLink
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_3XiPh","uui-notification":"_25Muh","uuiNotification":"_25Muh","size-36":"hCNFg","size36":"hCNFg","size-48":"lXIbM","size48":"lXIbM","size-60":"x6J34","size60":"x6J34"};
+module.exports = {"root":"_1DwO0","uui-notification":"klX3l","uuiNotification":"klX3l","size-36":"_3Q2TK","size36":"_3Q2TK","size-48":"_2H9iu","size48":"_2H9iu","size-60":"PQ7FF","size60":"PQ7FF"};
 
 /***/ }),
 
@@ -1070,7 +1070,7 @@ exports.TabButton = (0, uui_core_1.withMods)(uui_components_1.Button, applyTabBu
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_2hVm2"};
+module.exports = {"root":"XTHCb"};
 
 /***/ }),
 
@@ -1186,7 +1186,7 @@ var tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_1AaC_","size-18":"_1NSzd","size18":"_1NSzd","size-12":"_20Mzv","size12":"_20Mzv"};
+module.exports = {"root":"_39HlP","size-18":"_3DrIE","size18":"_3DrIE","size-12":"_2QyT8","size12":"_2QyT8"};
 
 /***/ }),
 
@@ -1234,7 +1234,7 @@ exports.Checkbox = (0, uui_core_1.withMods)(uui_components_1.Checkbox, applyChec
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_1xnkv","size-18":"_2vYt_","size18":"_2vYt_","size-12":"_4pgu1","size12":"_4pgu1"};
+module.exports = {"root":"_3M7fs","size-18":"_1cGle","size18":"_1cGle","size-12":"HEig-","size12":"HEig-"};
 
 /***/ }),
 
@@ -1275,7 +1275,7 @@ exports.RadioInput = (0, uui_core_1.withMods)(uui_components_1.RadioInput, apply
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_2NMs_","size-12":"_13Ln1","size12":"_13Ln1","size-18":"_3DxW1","size18":"_3DxW1","size-24":"rjHOg","size24":"rjHOg"};
+module.exports = {"root":"e5jcO","size-12":"c_XAb","size12":"c_XAb","size-18":"_3ffz4","size18":"_3ffz4","size-24":"_56WlR","size24":"_56WlR"};
 
 /***/ }),
 
@@ -1316,7 +1316,7 @@ exports.Switch = (0, uui_core_1.withMods)(uui_components_1.Switch, applySwitchMo
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"EWDDJ","mode-form":"_17n32","modeForm":"_17n32","mode-cell":"_1A6q_","modeCell":"_1A6q_","size-24":"_1IYe9","size24":"_1IYe9","size-30":"_17Zhn","size30":"_17Zhn","size-36":"_3jr8V","size36":"_3jr8V","size-42":"_2q2DC","size42":"_2q2DC","size-48":"_3Fepd","size48":"_3Fepd"};
+module.exports = {"root":"_1-hFt","mode-form":"P2J4G","modeForm":"P2J4G","mode-cell":"_3ECgn","modeCell":"_3ECgn","size-24":"_3Q_Wb","size24":"_3Q_Wb","size-30":"WolfJ","size30":"WolfJ","size-36":"_21woT","size36":"_21woT","size-42":"VMh0Q","size42":"VMh0Q","size-48":"_1TLse","size48":"_1TLse"};
 
 /***/ }),
 
@@ -1403,7 +1403,7 @@ var tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_2bFj0","mode-block":"_3WDK0","modeBlock":"_3WDK0","mode-inline":"_2zKq2","modeInline":"_2zKq2","padding-0":"_1_iFJ","padding0":"_1_iFJ","padding-6":"_2hLG1","padding6":"_2hLG1","padding-12":"_2F25e","padding12":"_2F25e","padding-18":"_2_MgH","padding18":"_2_MgH"};
+module.exports = {"root":"_1o_1O","mode-block":"x2k4_","modeBlock":"x2k4_","mode-inline":"_18OuA","modeInline":"_18OuA","padding-0":"_9WDOa","padding0":"_9WDOa","padding-6":"mpS_f","padding6":"mpS_f","padding-12":"_1hU-z","padding12":"_1hU-z","padding-18":"_1XeeK","padding18":"_1XeeK"};
 
 /***/ }),
 
@@ -1447,7 +1447,7 @@ exports.Accordion = (0, uui_core_1.withMods)(uui_components_1.Accordion, applyAc
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_1QnUD"};
+module.exports = {"root":"_3BFBY"};
 
 /***/ }),
 
@@ -1501,7 +1501,7 @@ exports.FlexCell = (0, uui_core_1.withMods)(uui_components_1.FlexCell, function
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_3zcH2","top-shadow":"_2GMaC","topShadow":"_2GMaC","size-24":"_1yvWe","size24":"_1yvWe","size-30":"_3VAam","size30":"_3VAam","size-36":"_2sCxM","size36":"_2sCxM","size-42":"_3o5g8","size42":"_3o5g8","size-48":"_3lBc1","size48":"_3lBc1","padding-6":"_1W2jQ","padding6":"_1W2jQ","padding-12":"Mzl0p","padding12":"Mzl0p","padding-18":"_3OLSN","padding18":"_3OLSN","padding-24":"_3K9cV","padding24":"_3K9cV","margin-24":"_2nKie","margin24":"_2nKie","margin-12":"_4BRag","margin12":"_4BRag","vPadding-12":"_1EqYo","vPadding12":"_1EqYo","vPadding-18":"yYvKn","vPadding18":"yYvKn","vPadding-24":"_2pU07","vPadding24":"_2pU07","vPadding-36":"rgb_a","vPadding36":"rgb_a","vPadding-48":"_1gfAE","vPadding48":"_1gfAE","spacing-6":"ib8M0","spacing6":"ib8M0","spacing-12":"_3W5M3","spacing12":"_3W5M3","spacing-18":"_3mbww","spacing18":"_3mbww","border-bottom":"dRhAm","borderBottom":"dRhAm"};
+module.exports = {"root":"_1CW1I","top-shadow":"_25NN8","topShadow":"_25NN8","size-24":"ezUK7","size24":"ezUK7","size-30":"_3E7gf","size30":"_3E7gf","size-36":"l3r5F","size36":"l3r5F","size-42":"_3cMmI","size42":"_3cMmI","size-48":"_1hCcd","size48":"_1hCcd","padding-6":"_1kGRj","padding6":"_1kGRj","padding-12":"_1nUpl","padding12":"_1nUpl","padding-18":"_3264S","padding18":"_3264S","padding-24":"_2P6SA","padding24":"_2P6SA","margin-24":"_2D_5R","margin24":"_2D_5R","margin-12":"n6xiI","margin12":"n6xiI","vPadding-12":"Em-6k","vPadding12":"Em-6k","vPadding-18":"_1QYBX","vPadding18":"_1QYBX","vPadding-24":"_2JiC0","vPadding24":"_2JiC0","vPadding-36":"_3zubq","vPadding36":"_3zubq","vPadding-48":"_3gu6u","vPadding48":"_3gu6u","spacing-6":"_2P8vo","spacing6":"_2P8vo","spacing-12":"_13LC6","spacing12":"_13LC6","spacing-18":"_2gqva","spacing18":"_2gqva","border-bottom":"xuy9h","borderBottom":"xuy9h"};
 
 /***/ }),
 
@@ -1561,7 +1561,7 @@ exports.FlexSpacer = uui_components_1.FlexSpacer;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_3AQyv","background":"KDhL6","margin-24":"_2uVPu","margin24":"_2uVPu","padding-12":"_9gAXu","padding12":"_9gAXu","padding-24":"_2ztNN","padding24":"_2ztNN","shadow":"_28e4L"};
+module.exports = {"root":"_1Pxq5","background":"_3ie4-","margin-24":"_1YG0c","margin24":"_1YG0c","padding-12":"_1Oa90","padding12":"_1Oa90","padding-24":"_36g0Z","padding24":"_36g0Z","shadow":"_227OR"};
 
 /***/ }),
 
@@ -1619,7 +1619,7 @@ var tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_1wBJS"};
+module.exports = {"root":"WpItM"};
 
 /***/ }),
 
@@ -1659,7 +1659,7 @@ exports.IconContainer = (0, uui_core_1.withMods)(uui_components_1.IconContainer,
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_1AtsR","size-24":"E52hK","size24":"E52hK","size-30":"_3Lkyh","size30":"_3Lkyh","size-36":"_3r7HX","size36":"_3r7HX","size-42":"D4Nyo","size42":"D4Nyo","size-48":"_2hAmJ","size48":"_2hAmJ"};
+module.exports = {"root":"_1-NQh","size-24":"_27TYl","size24":"_27TYl","size-30":"_24bPn","size30":"_24bPn","size-36":"_1aQ2s","size36":"_1aQ2s","size-42":"eeqm5","size42":"eeqm5","size-48":"_2Pwo6","size48":"_2Pwo6"};
 
 /***/ }),
 
@@ -1705,7 +1705,7 @@ exports.LabeledInput = (0, uui_core_1.withMods)(uui_components_1.LabeledInput, a
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_1mJll"};
+module.exports = {"root":"_1Hoi1"};
 
 /***/ }),
 
@@ -1862,7 +1862,7 @@ exports.Dropdown = Dropdown;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_2_FxU"};
+module.exports = {"root":"_3-exo"};
 
 /***/ }),
 
@@ -1901,7 +1901,7 @@ exports.DropdownContainer = (0, uui_core_1.withMods)(uui_components_1.DropdownCo
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"menuRoot":"_33aFx","bodyRoot":"uX3PA","submenuRootItem":"_1KUxp","iconAfter":"_21zmN","iconCheck":"_36Nne","splitterRoot":"_1u-W1","splitter":"_2JeII","headerRoot":"_2gYVN","itemRoot":"hbcNQ","icon":"_1PROp","link":"_1oklT"};
+module.exports = {"menuRoot":"_35muG","bodyRoot":"_3KIBI","submenuRootItem":"_22bcq","iconAfter":"_2LzJm","iconCheck":"_2GkoG","splitterRoot":"_3P42z","splitter":"Kyfo6","headerRoot":"_21Qxy","itemRoot":"_3f3dM","icon":"raLY4","link":"_1nb7f"};
 
 /***/ }),
 
@@ -2055,7 +2055,7 @@ exports.DropdownMenuSwitchButton = DropdownMenuSwitchButton;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"modal-blocker":"peBa1","modalBlocker":"peBa1","animateModalBlocker":"uGyIT","blocker-overlay":"_1jD-P","blockerOverlay":"_1jD-P","modal":"Exhd2","modal-footer":"_3SmsH","modalFooter":"_3SmsH","border-top":"_2r1t2","borderTop":"_2r1t2","modal-header":"_2iIXc","modalHeader":"_2iIXc"};
+module.exports = {"modal-blocker":"_2QeBI","modalBlocker":"_2QeBI","animateModalBlocker":"cBJTA","blocker-overlay":"_3PNS7","blockerOverlay":"_3PNS7","modal":"_2sJR6","modal-footer":"_1Y-zH","modalFooter":"_1Y-zH","border-top":"OGoS8","borderTop":"OGoS8","modal-header":"_2hDgr","modalHeader":"_2hDgr"};
 
 /***/ }),
 
@@ -2131,7 +2131,7 @@ exports.ModalFooter = ModalFooter;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_1oPqn","icon-wrapper":"EzIBO","iconWrapper":"EzIBO","notification-wrapper":"_1A-Zk","notificationWrapper":"_1A-Zk","action-wrapper":"_1MAFh","actionWrapper":"_1MAFh","action-link":"_2imvW","actionLink":"_2imvW","close-icon":"aZZwY","closeIcon":"aZZwY","main-path":"_1N3rz","mainPath":"_1N3rz","content":"_35HmF","clear-button":"_3EhPL","clearButton":"_3EhPL"};
+module.exports = {"root":"_3Rp4_","icon-wrapper":"_1Bbwo","iconWrapper":"_1Bbwo","notification-wrapper":"_1_Lp7","notificationWrapper":"_1_Lp7","action-wrapper":"Enjpe","actionWrapper":"Enjpe","action-link":"Rwy9N","actionLink":"Rwy9N","close-icon":"_1EMWq","closeIcon":"_1EMWq","main-path":"_36j2Q","mainPath":"_36j2Q","content":"_3HN7L","clear-button":"_2xuN4","clearButton":"_2xuN4"};
 
 /***/ }),
 
@@ -2235,7 +2235,7 @@ exports.ClearNotification = ClearNotification;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_1bHrx"};
+module.exports = {"root":"_1EdI-"};
 
 /***/ }),
 
@@ -2295,7 +2295,7 @@ var tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"body":"_3BQn4","modal":"_1HgAt","search":"_3SHLT","checkbox":"BIAem","search-wrapper":"_2KEr9","searchWrapper":"_2KEr9","search-size-24":"_11BKt","searchSize24":"_11BKt","search-size-30":"YlKNe","searchSize30":"YlKNe","search-size-36":"YQzSQ","searchSize36":"YQzSQ","search-size-42":"_1m7PN","searchSize42":"_1m7PN","no-found-size-24":"_7aNNW","noFoundSize24":"_7aNNW","no-found-size-30":"_1j5AM","noFoundSize30":"_1j5AM","no-found-size-36":"_21NAQ","noFoundSize36":"_21NAQ","no-found-size-42":"_2VkZo","noFoundSize42":"_2VkZo"};
+module.exports = {"body":"_3i8Df","modal":"_2YrdR","search":"_1-eMe","checkbox":"_9x2r7","search-wrapper":"_7fys7","searchWrapper":"_7fys7","search-size-24":"naDi6","searchSize24":"naDi6","search-size-30":"o2uQY","searchSize30":"o2uQY","search-size-36":"Kw2zP","searchSize36":"Kw2zP","search-size-42":"_1x0jk","searchSize42":"_1x0jk","no-found-size-24":"_2-Hgi","noFoundSize24":"_2-Hgi","no-found-size-30":"_1Yums","noFoundSize30":"_1Yums","no-found-size-36":"_3n-O3","noFoundSize36":"_3n-O3","no-found-size-42":"_2424q","noFoundSize42":"_2424q"};
 
 /***/ }),
 
@@ -2361,7 +2361,7 @@ exports.DataPickerBody = DataPickerBody;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"footer-wrapper":"_1uSoB","footerWrapper":"_1uSoB"};
+module.exports = {"footer-wrapper":"_1mcwX","footerWrapper":"_1mcwX"};
 
 /***/ }),
 
@@ -2423,7 +2423,7 @@ exports.DataPickerFooter = react_1.default.memo(DataPickerFooterImpl);
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"header":"_3n59A","close":"_1K59J"};
+module.exports = {"header":"_3xeO0","close":"_eFBc"};
 
 /***/ }),
 
@@ -2464,7 +2464,7 @@ exports.DataPickerHeader = react_1.default.memo(DataPickerHeaderImpl);
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"render-item":"_1hlXk","renderItem":"_1hlXk","icon-wrapper":"_3Bblx","iconWrapper":"_3Bblx","picker-row":"_1C_7h","pickerRow":"_1C_7h"};
+module.exports = {"render-item":"_3S9J3","renderItem":"_3S9J3","icon-wrapper":"_3AUQ5","iconWrapper":"_3AUQ5","picker-row":"_3BeAF","pickerRow":"_3BeAF"};
 
 /***/ }),
 
@@ -2533,7 +2533,7 @@ exports.DataPickerRow = DataPickerRow;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"done":"_3MWlw"};
+module.exports = {"done":"_3jhKE"};
 
 /***/ }),
 
@@ -2575,7 +2575,7 @@ exports.MobileDropdownWrapper = MobileDropdownWrapper;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"panel":"_3ne8u","footer-wrapper":"_17Rq7","footerWrapper":"_17Rq7","footer-size-24":"_3B2gX","footerSize24":"_3B2gX","footer-size-30":"_2Wnkk","footerSize30":"_2Wnkk","footer-size-36":"LC6Dm","footerSize36":"LC6Dm","footer-size-42":"_12N-L","footerSize42":"_12N-L","footer-size-48":"_2jRU_","footerSize48":"_2jRU_"};
+module.exports = {"panel":"_2ec1k","footer-wrapper":"_1ejy4","footerWrapper":"_1ejy4","footer-size-24":"_24sQc","footerSize24":"_24sQc","footer-size-30":"_5TzYH","footerSize30":"_5TzYH","footer-size-36":"_3U5qn","footerSize36":"_3U5qn","footer-size-42":"_5w8Q4","footerSize42":"_5w8Q4","footer-size-48":"Lcbf8","footerSize48":"Lcbf8"};
 
 /***/ }),
 
@@ -2676,7 +2676,7 @@ exports.PickerInput = PickerInput;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"ehRSn","multiline-vertical-padding-24":"_2AcvR","multilineVerticalPadding24":"_2AcvR","multiline-vertical-padding-30":"_3FHji","multilineVerticalPadding30":"_3FHji","multiline-vertical-padding-36":"_3nyem","multilineVerticalPadding36":"_3nyem","multiline-vertical-padding-42":"_2lhUZ","multilineVerticalPadding42":"_2lhUZ","multiline-vertical-padding-48":"_3pgmM","multilineVerticalPadding48":"_3pgmM"};
+module.exports = {"root":"_2uFBT","multiline-vertical-padding-24":"_2TZXd","multilineVerticalPadding24":"_2TZXd","multiline-vertical-padding-30":"_16rOQ","multilineVerticalPadding30":"_16rOQ","multiline-vertical-padding-36":"_35VfP","multilineVerticalPadding36":"_35VfP","multiline-vertical-padding-42":"_2Cue-","multilineVerticalPadding42":"_2Cue-","multiline-vertical-padding-48":"_14-Pt","multilineVerticalPadding48":"_14-Pt"};
 
 /***/ }),
 
@@ -2797,7 +2797,7 @@ exports.PickerList = PickerList;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"row":"_2kB6c"};
+module.exports = {"row":"_2kZjf"};
 
 /***/ }),
 
@@ -2855,7 +2855,7 @@ exports.PickerListItem = PickerListItem;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"sub-header-wrapper":"_2JQIM","subHeaderWrapper":"_2JQIM","switch":"_29Vth"};
+module.exports = {"sub-header-wrapper":"_35nJ5","subHeaderWrapper":"_35nJ5","switch":"_2JGuF"};
 
 /***/ }),
 
@@ -2964,7 +2964,7 @@ exports.PickerModal = PickerModal;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_2F4yZ","mode-form":"_2U-GG","modeForm":"_2U-GG","mode-cell":"xy9VY","modeCell":"xy9VY","size-24":"_2B4pQ","size24":"_2B4pQ","size-30":"_2p5iZ","size30":"_2p5iZ","size-36":"_3g2bW","size36":"_3g2bW","size-42":"_3NKMZ","size42":"_3NKMZ","size-48":"yGgJz","size48":"yGgJz"};
+module.exports = {"root":"_1hzmW","mode-form":"_308Lp","modeForm":"_308Lp","mode-cell":"_1F8es","modeCell":"_1F8es","size-24":"uljv0","size24":"uljv0","size-30":"_2_BMb","size30":"_2_BMb","size-36":"BWNDR","size36":"BWNDR","size-42":"_3R37x","size42":"_3R37x","size-48":"_2ZQfN","size48":"_2ZQfN"};
 
 /***/ }),
 
@@ -3071,7 +3071,7 @@ var tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"cell":"_29rEX","wrapper":"_3hI9K","align-widgets-top":"_1dxrc","alignWidgetsTop":"_1dxrc","size-24":"_3Rp3B","size24":"_3Rp3B","folding-arrow":"_1qItk","foldingArrow":"_1qItk","size-30":"CqqlN","size30":"CqqlN","size-36":"_3dp77","size36":"_3dp77","size-42":"V4fbV","size42":"V4fbV","size-48":"b2TVp","size48":"b2TVp","size-60":"BXKva","size60":"BXKva","align-widgets-center":"_1lqkp","alignWidgetsCenter":"_1lqkp","padding-12":"_1-qJW","padding12":"_1-qJW","padding-24":"_1i0M7","padding24":"_1i0M7","padding-left-12":"_36nYk","paddingLeft12":"_36nYk","padding-left-24":"_8K705","paddingLeft24":"_8K705","padding-right-24":"_3l8Zq","paddingRight24":"_3l8Zq","drag-handle":"_3QQk9","dragHandle":"_3QQk9","checkbox":"hJVOX","indent":"_1SU7I","folding-arrow-12":"Alrfc","foldingArrow12":"Alrfc","folding-arrow-18":"_16fl3","foldingArrow18":"_16fl3"};
+module.exports = {"cell":"_3BnYM","wrapper":"crC05","align-widgets-top":"_2tTue","alignWidgetsTop":"_2tTue","size-24":"_1TCK2","size24":"_1TCK2","folding-arrow":"_3hHxc","foldingArrow":"_3hHxc","size-30":"_2Y5H7","size30":"_2Y5H7","size-36":"_3xiTV","size36":"_3xiTV","size-42":"_1V4_j","size42":"_1V4_j","size-48":"_2NuMv","size48":"_2NuMv","size-60":"_1TmUx","size60":"_1TmUx","align-widgets-center":"oTI5w","alignWidgetsCenter":"oTI5w","padding-12":"aNpgp","padding12":"aNpgp","padding-24":"_3etiJ","padding24":"_3etiJ","padding-left-12":"_1L73X","paddingLeft12":"_1L73X","padding-left-24":"_2b0R7","paddingLeft24":"_2b0R7","padding-right-24":"_1BPp4","paddingRight24":"_1BPp4","drag-handle":"_2EfKP","dragHandle":"_2EfKP","checkbox":"_1wYZY","indent":"StmR2","folding-arrow-12":"_2QE96","foldingArrow12":"_2QE96","folding-arrow-18":"gVcNn","foldingArrow18":"gVcNn"};
 
 /***/ }),
 
@@ -3137,7 +3137,7 @@ exports.DataTableCell = DataTableCell;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"container":"_1pu2g","target":"_1EnC3","panel":"_1R-Sm","divider":"VoHY9","input":"IN50z","notification":"_2R4Rw"};
+module.exports = {"container":"_3WYBz","target":"-xfJ_","panel":"_3-iGo","divider":"MXYOr","input":"_23w3e","notification":"_3XmZ9"};
 
 /***/ }),
 
@@ -3225,7 +3225,7 @@ exports.Preset = Preset;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"row":"_1CdDF"};
+module.exports = {"row":"_2M21y"};
 
 /***/ }),
 
@@ -3247,19 +3247,17 @@ var layout_1 = __webpack_require__(/*! ../../layout */ "./components/layout/inde
 var Preset_1 = __webpack_require__(/*! ./Preset */ "./components/tables/Presets/Preset.tsx");
 var Presets_scss_1 = (0, tslib_1.__importDefault)(__webpack_require__(/*! ./Presets.scss */ "./components/tables/Presets/Presets.scss"));
 var PresetsImpl = function (_a) {
-    var tableState = _a.tableState, presets = _a.presets, createNewPreset = _a.createNewPreset, getActivePresetId = _a.getActivePresetId, isDefaultPresetActive = _a.isDefaultPresetActive, hasPresetChanged = _a.hasPresetChanged, resetToDefault = _a.resetToDefault, choosePreset = _a.choosePreset, duplicatePreset = _a.duplicatePreset, deletePreset = _a.deletePreset, updatePreset = _a.updatePreset;
-    var newPresetTitle = 'New preset';
-    var activePresetId = getActivePresetId();
+    var tableState = _a.tableState, presets = _a.presets, createNewPreset = _a.createNewPreset, activePresetId = _a.activePresetId, isDefaultPresetActive = _a.isDefaultPresetActive, hasPresetChanged = _a.hasPresetChanged, resetToDefault = _a.resetToDefault, choosePreset = _a.choosePreset, duplicatePreset = _a.duplicatePreset, deletePreset = _a.deletePreset, updatePreset = _a.updatePreset;
+    var newPresetTitle = "New preset";
     var saveNewPreset = (0, react_1.useCallback)(function () {
         createNewPreset(newPresetTitle);
     }, [createNewPreset, newPresetTitle]);
     var activePreset = presets.find(function (p) { return p.id === activePresetId; });
     var hasActivePresetChanged = (0, react_1.useMemo)(function () {
-        return !isDefaultPresetActive()
-            && hasPresetChanged(activePreset);
+        return !isDefaultPresetActive && hasPresetChanged(activePreset);
     }, [isDefaultPresetActive, activePreset, tableState.filter]);
-    return (react_1.default.createElement(layout_1.FlexRow, { spacing: '6', size: '48', padding: '18', cx: Presets_scss_1.default.row },
-        react_1.default.createElement(index_1.Button, { size: '24', caption: 'Default', mode: isDefaultPresetActive() ? 'solid' : 'outline', onClick: isDefaultPresetActive() ? null : resetToDefault }),
+    return (react_1.default.createElement(layout_1.FlexRow, { spacing: "6", size: "48", padding: "18", cx: Presets_scss_1.default.row },
+        react_1.default.createElement(index_1.Button, { size: "24", caption: "Default", mode: isDefaultPresetActive ? 'solid' : 'outline', onClick: isDefaultPresetActive ? null : resetToDefault }),
         presets.map(function (preset) { return (react_1.default.createElement(Preset_1.Preset, { preset: preset, isActive: preset.id === activePresetId, hasChanged: preset.id === activePresetId && hasActivePresetChanged, choosePreset: choosePreset, duplicatePreset: duplicatePreset, deletePreset: deletePreset, updatePreset: updatePreset, resetToDefault: resetToDefault, key: preset.id })); }),
         hasActivePresetChanged && (react_1.default.createElement(index_1.Button, { caption: "Save as ".concat(newPresetTitle), onClick: saveNewPreset, color: 'accent', mode: 'solid', size: '24' }))));
 };
@@ -3351,7 +3349,7 @@ var EditMode;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_2iat0"};
+module.exports = {"root":"_4cy3D"};
 
 /***/ }),
 
@@ -3398,7 +3396,7 @@ exports.Text = (0, uui_core_1.withMods)(uui_components_1.Text, applyTextMods);
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"container":"mXSQJ","loading-word":"_2BcXk","loadingWord":"_2BcXk","animated-loading":"cv9FX","animatedLoading":"cv9FX","skeleton_loading":"_2cPh3","skeletonLoading":"_2cPh3"};
+module.exports = {"container":"DRfI2","loading-word":"RCoOQ","loadingWord":"RCoOQ","animated-loading":"_2Ig9G","animatedLoading":"_2Ig9G","skeleton_loading":"_3h9yj","skeletonLoading":"_3h9yj"};
 
 /***/ }),
 
@@ -3482,7 +3480,7 @@ exports.Avatar = (0, uui_core_1.withMods)(uui_components_1.Avatar, function () {
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_2fNNq","size-18":"_2o1qW","size18":"_2o1qW","fill-transparent":"_2ZMXj","fillTransparent":"_2ZMXj","size-24":"_2_p-F","size24":"_2_p-F","size-30":"_24Mok","size30":"_24Mok","size-36":"_3NFQZ","size36":"_3NFQZ","size-42":"_6qYpq","size42":"_6qYpq","size-48":"_3rmKn","size48":"_3rmKn","fill-solid":"_335ZJ","fillSolid":"_335ZJ"};
+module.exports = {"root":"_1Dd2t","size-18":"_3sA4L","size18":"_3sA4L","fill-transparent":"_1zyFX","fillTransparent":"_1zyFX","size-24":"_2uBsY","size24":"_2uBsY","size-30":"_1Exme","size30":"_1Exme","size-36":"_1_Aap","size36":"_1_Aap","size-42":"ZFMWK","size42":"ZFMWK","size-48":"_2cIzA","size48":"_2cIzA","fill-solid":"_2TFXi","fillSolid":"_2TFXi"};
 
 /***/ }),
 
@@ -3540,7 +3538,7 @@ exports.Badge = (0, uui_core_1.withMods)(uui_components_1.Button, applyBadgeMods
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_3NvLH","size-18":"_3tZxY","size18":"_3tZxY","size-24":"_3lYAv","size24":"_3lYAv","size-30":"_2zzE6","size30":"_2zzE6","size-36":"_7BTIu","size36":"_7BTIu","size-42":"_29HPd","size42":"_29HPd","size-48":"_3v2qW","size48":"_3v2qW"};
+module.exports = {"root":"_1VYRb","size-18":"_35EWD","size18":"_35EWD","size-24":"_2TcNx","size24":"_2TcNx","size-30":"rswbK","size30":"rswbK","size-36":"_2LItj","size36":"_2LItj","size-42":"_3pbfP","size42":"_3pbfP","size-48":"_25zr0","size48":"_25zr0"};
 
 /***/ }),