@epam/uui 5.0.0-alpha.4 → 5.0.0

package/assets/styles/dnd.scss

@@ -0,0 +1,9 @@
+@mixin dnd-cursor-style {
+    &:hover {
+        cursor: grab;
+    }
+
+    &:active {
+        cursor: grabbing;
+    }
+}

package/assets/styles/index.scss

@@ -3,6 +3,6 @@
 @forward 'effects';
 @forward 'icons';
 @forward 'inputs';
-@forward 'layout-mixins';
 @forward 'text-size';
-@forward 'typography-mixins';
+@forward 'typography';
+@forward 'dnd';

package/assets/styles/{typography-mixins.scss → typography.scss}

@@ -24,10 +24,6 @@
         font-family: var(--font-primary);
     }
 
-    :global(.promo-header) {
-        text-transform: uppercase;
-    }
-
     h4, h5, h6 {
         font-family: var(--font-semibold);
     }
@@ -119,7 +115,7 @@
 
     pre {
         padding: 1.25em;
-        color: var(--gray10);
+        color: var(--uui-text-contrast);
         background-color: var(--uui-secondary-darkest);
         font-family: monospace;
         white-space: pre-wrap;
@@ -157,3 +153,11 @@
 @mixin typography-16() {
     font-size: 16px;
 }
+
+@mixin typography-uui() {
+    @include typography-header();
+    @include typography-block();
+    @include typography-inline();
+    font-family: var(--font-regular);
+    color: var(--uui-text-primary);
+}

package/components/buttons/LinkButton.d.ts

@@ -1,7 +1,10 @@
 import * as types from '../types';
 import { ButtonProps } from '@epam/uui-components';
+export type LinkButtonColorType = 'primary' | 'secondary' | 'contrast';
+export declare const allLinkButtonColors: LinkButtonColorType[];
 export interface LinkButtonMods {
     size?: types.ControlSize | '42';
+    color?: LinkButtonColorType;
 }
 export type LinkButtonProps = LinkButtonMods & ButtonProps;
 export declare const LinkButton: (props: ButtonProps & LinkButtonMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/components/buttons/LinkButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,UAAU,CAAC;AAElC,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAO3D,MAAM,WAAW,cAAc;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;CACnC;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,WAAW,CAAC;AAU3D,eAAO,MAAM,UAAU,sKAGpB,CAAC"}
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,UAAU,CAAC;AAElC,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAM3D,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AACvE,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,EAAyC,CAAC;AAE/F,MAAM,WAAW,cAAc;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,WAAW,CAAC;AAW3D,eAAO,MAAM,UAAU,sKAGpB,CAAC"}

package/components/buttons/TabButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAM3D,MAAM,WAAW,aAAa;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,WAAW,CAAC;AAQzD,eAAO,MAAM,SAAS,qKAMnB,CAAC"}
+{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAM3D,MAAM,WAAW,aAAa;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,WAAW,CAAC;AAYzD,eAAO,MAAM,SAAS,qKAMnB,CAAC"}

package/components/forms/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../components/forms/Form.tsx"],"names":[],"mappings":";AACA,OAAO,EACc,SAAS,EAC7B,MAAM,gBAAgB,CAAC;AAKxB,wBAAgB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,eA+B1C"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../components/forms/Form.tsx"],"names":[],"mappings":";AACA,OAAO,EACc,SAAS,EAC7B,MAAM,gBAAgB,CAAC;AAKxB,wBAAgB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,eA8B1C"}

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

@@ -1 +1 @@
-{"version":3,"file":"MobileDropdownWrapper.d.ts","sourceRoot":"","sources":["../../../components/pickers/MobileDropdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,UAAU,2BAA2B;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAcvE,CAAC"}
+{"version":3,"file":"MobileDropdownWrapper.d.ts","sourceRoot":"","sources":["../../../components/pickers/MobileDropdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIvC,UAAU,2BAA2B;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAcvE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableCell.d.ts","sourceRoot":"","sources":["../../../components/tables/DataTableCell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAc,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA+C5C,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,CAAC,GAAG,iBAAiB,eA8B1H"}
+{"version":3,"file":"DataTableCell.d.ts","sourceRoot":"","sources":["../../../components/tables/DataTableCell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAc,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA+C5C,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,CAAC,GAAG,iBAAiB,eAsC1H"}

package/components/tables/columnsConfigurationModal/ColumnsConfigurationModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnsConfigurationModal.d.ts","sourceRoot":"","sources":["../../../../components/tables/columnsConfigurationModal/ColumnsConfigurationModal.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AA4BxE,UAAU,8BAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAE,SAAQ,MAAM,CAAC,aAAa,CAAC;IACvF,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC;CACnD;AAWD,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,8BAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,eAmHxH"}
+{"version":3,"file":"ColumnsConfigurationModal.d.ts","sourceRoot":"","sources":["../../../../components/tables/columnsConfigurationModal/ColumnsConfigurationModal.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AA0BxE,UAAU,8BAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAE,SAAQ,MAAM,CAAC,aAAa,CAAC;IACvF,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC;CACnD;AAWD,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,8BAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,eAqHxH"}

package/components/typography/RichTextView.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
 import { RichTextViewProps } from '@epam/uui-components';
 export interface RichTextViewMods {
     size?: '12' | '14' | '16';
 }
-export declare const RichTextView: (props: RichTextViewProps & RichTextViewMods & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare const RichTextView: (props: RichTextViewProps & RichTextViewMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 //# sourceMappingURL=RichTextView.d.ts.map

package/components/typography/RichTextView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextView.d.ts","sourceRoot":"","sources":["../../../components/typography/RichTextView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAmC,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG1F,MAAM,WAAW,gBAAgB;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,gJAAkK,CAAC"}
+{"version":3,"file":"RichTextView.d.ts","sourceRoot":"","sources":["../../../components/typography/RichTextView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmC,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG1F,MAAM,WAAW,gBAAgB;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,8KAAgK,CAAC"}

package/components/typography/Text.d.ts

@@ -1,12 +1,11 @@
-import * as React from 'react';
 import * as types from '../types';
 import { TextProps as UuiTextProps } from '@epam/uui-components';
 import { TextSettings } from '../../helpers/textLayout';
 export interface TextMods extends TextSettings {
     size?: types.TextSize | '42';
     font?: types.FontStyle;
-    color?: 'info' | 'warning' | 'error' | 'success' | 'brand' | 'primary' | 'secondary' | 'disabled' | 'contrast';
+    color?: 'info' | 'warning' | 'error' | 'success' | 'brand' | 'primary' | 'secondary' | 'disabled' | 'contrast' | 'white';
 }
 export type TextProps = UuiTextProps & TextMods;
-export declare const Text: (props: import("@epam/uui-core").IHasCX & import("@epam/uui-core").IHasChildren & import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasRawProps<React.HTMLAttributes<HTMLDivElement>> & import("@epam/uui-core").IHasForwardedRef<HTMLDivElement> & TextMods & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare const Text: (props: import("@epam/uui-core").IHasCX & import("@epam/uui-core").IHasChildren & import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasRawProps<import("react").HTMLAttributes<HTMLDivElement>> & import("@epam/uui-core").IHasForwardedRef<HTMLDivElement> & TextMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 //# sourceMappingURL=Text.d.ts.map

package/components/typography/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../components/typography/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,UAAU,CAAC;AAClC,OAAO,EAAmB,SAAS,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAElF,OAAO,EAAkB,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExE,MAAM,WAAW,QAAS,SAAQ,YAAY;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;CAClH;AAED,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,QAAQ,CAAC;AAmBhD,eAAO,MAAM,IAAI,4ZAA2D,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../components/typography/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,UAAU,CAAC;AAClC,OAAO,EAAmB,SAAS,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAElF,OAAO,EAAkB,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExE,MAAM,WAAW,QAAS,SAAQ,YAAY;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;CAC5H;AAED,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,QAAQ,CAAC;AAmBhD,eAAO,MAAM,IAAI,ocAA2D,CAAC"}

package/components/widgets/Badge.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { EpamBadgeSemanticColor } from '../types';
 import { ButtonProps } from '@epam/uui-components';
 export type BadgeColor = EpamBadgeSemanticColor;
@@ -11,5 +10,5 @@ export interface BadgeMods {
 }
 export type BadgeProps = ButtonProps & BadgeMods;
 export declare function applyBadgeMods(mods: BadgeMods): string[];
-export declare const Badge: (props: ButtonProps & BadgeMods & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare const Badge: (props: ButtonProps & BadgeMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 //# sourceMappingURL=Badge.d.ts.map

package/components/widgets/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../components/widgets/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAe3D,MAAM,MAAM,UAAU,GAAG,sBAAsB,CAAC;AAChD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,iBAAiB,GAAG,aAAa,CAAC;AACpE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhE,MAAM,WAAW,SAAS;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;AAEjD,wBAAgB,cAAc,CAAC,IAAI,EAAE,SAAS,YAI7C;AAED,eAAO,MAAM,KAAK,mIAIf,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../components/widgets/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAe3D,MAAM,MAAM,UAAU,GAAG,sBAAsB,CAAC;AAChD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,iBAAiB,GAAG,aAAa,CAAC;AACpE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhE,MAAM,WAAW,SAAS;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;AAEjD,wBAAgB,cAAc,CAAC,IAAI,EAAE,SAAS,YAI7C;AAED,eAAO,MAAM,KAAK,iKAIf,CAAC"}

package/i18n.d.ts

@@ -17,6 +17,7 @@ export declare const i18n: {
         clearSelectionButton: string;
         clearSelectionButtonSingle: string;
         selectAllButton: string;
+        doneButton: string;
     };
     notificationCard: {
         closeAllNotificationsButton: string;

package/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../i18n.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8FhB,CAAC"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../i18n.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+FhB,CAAC"}

package/index.d.ts

@@ -1,4 +1,3 @@
-import './assets/styles/font-faces.scss';
 export * from './components';
 export * from './i18n';
 export * from './helpers';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.tsx"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAC;AAEzC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}

package/index.esm.js

@@ -449,11 +449,13 @@ function getIconClass(props) {
 }
 
 const defaultSize$9 = '36';
+const allLinkButtonColors = ['primary', 'secondary', 'contrast'];
 function applyLinkButtonMods(mods) {
     return [
         css$12.root,
         css$12['size-' + (mods.size || defaultSize$9)],
         ...getIconClass(mods),
+        `link-button-${mods.color || 'primary'}`,
     ];
 }
 const LinkButton = withMods(Button$1, applyLinkButtonMods, (props) => ({
@@ -465,7 +467,11 @@ var css$11 = {"root":"TabButton-module_root__8Z4AH","uui-notification":"TabButto
 
 function applyTabButtonMods(mods) {
     return [
-        css$11.root, 'informer-default', css$11['size-' + (mods.size || '48')], mods.withNotify && css$11.uuiNotification, ...getIconClass(mods),
+        css$11.root,
+        'informer-default',
+        css$11['size-' + (mods.size || '48')],
+        mods.withNotify && css$11.uuiNotification,
+        ...getIconClass(mods),
     ];
 }
 const TabButton = withMods(Button$1, applyTabButtonMods, (props) => (Object.assign(Object.assign({ dropdownIcon: systemIcons['36'].foldingArrow, clearIcon: systemIcons['36'].clear, countPosition: 'right' }, props), { rawProps: Object.assign({ role: 'tab' }, props.rawProps) })));
@@ -633,6 +639,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
+/* global Reflect, Promise */
+
 
 function __rest(s, e) {
     var t = {};
@@ -1002,9 +1010,9 @@ const TextPlaceholder = (props) => {
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
-var style = {"typography-header":"RichTextView-module_typography-header__nedzE","typography-block":"RichTextView-module_typography-block__xgKmP","typography-inline":"RichTextView-module_typography-inline__tHxod","typography-16":"RichTextView-module_typography-16__DrhKc","typography-14":"RichTextView-module_typography-14__1oY8c","typography-12":"RichTextView-module_typography-12__4jZjv","typography-promo":"RichTextView-module_typography-promo__fga1O RichTextView-module_typography-header__nedzE RichTextView-module_typography-block__xgKmP RichTextView-module_typography-inline__tHxod","typographyHeader":"RichTextView-module_typography-header__nedzE","typographyBlock":"RichTextView-module_typography-block__xgKmP","typographyInline":"RichTextView-module_typography-inline__tHxod","typography16":"RichTextView-module_typography-16__DrhKc","typography14":"RichTextView-module_typography-14__1oY8c","typography12":"RichTextView-module_typography-12__4jZjv","typographyPromo":"RichTextView-module_typography-promo__fga1O RichTextView-module_typography-header__nedzE RichTextView-module_typography-block__xgKmP RichTextView-module_typography-inline__tHxod"};
+var style = {"typography-16":"RichTextView-module_typography-16__DrhKc","typography-14":"RichTextView-module_typography-14__1oY8c","typography-12":"RichTextView-module_typography-12__4jZjv","typography-uui":"RichTextView-module_typography-uui__neFbE","typography16":"RichTextView-module_typography-16__DrhKc","typography14":"RichTextView-module_typography-14__1oY8c","typography12":"RichTextView-module_typography-12__4jZjv","typographyUui":"RichTextView-module_typography-uui__neFbE"};
 
-const RichTextView = withMods(RichTextView$1, (mods) => [style.typographyPromo, style['typography-' + (mods.size || '14')]]);
+const RichTextView = withMods(RichTextView$1, (mods) => [style.typographyUui, style['typography-' + (mods.size || '14')]]);
 
 var css$O = {"modal-blocker":"Modals-module_modal-blocker__Lwee9","animateModalBlocker":"Modals-module_animateModalBlocker__CY-CF","modal":"Modals-module_modal__JUe8A","modal-footer":"Modals-module_modal-footer__SsHtf","border-top":"Modals-module_border-top__1yL5h","modal-header":"Modals-module_modal-header__FNwre","modalBlocker":"Modals-module_modal-blocker__Lwee9","modalFooter":"Modals-module_modal-footer__SsHtf","borderTop":"Modals-module_border-top__1yL5h","modalHeader":"Modals-module_modal-header__FNwre"};
 
@@ -1046,6 +1054,7 @@ const i18n = Object.assign(Object.assign({}, i18n$1), { dataPickerBody: {
         clearSelectionButton: 'CLEAR ALL',
         clearSelectionButtonSingle: 'CLEAR',
         selectAllButton: 'SELECT ALL',
+        doneButton: 'DONE',
     }, notificationCard: {
         closeAllNotificationsButton: 'CLOSE ALL NOTIFICATIONS',
     }, form: {
@@ -1170,7 +1179,7 @@ var css$M = {"root":"Tooltip-module_root__UVOiW"};
 
 function applyTooltipMods(mods) {
     return [
-        `tooltip-${mods.color}`,
+        `tooltip-${mods.color || 'default'}`,
         css$M.root,
     ];
 }
@@ -1480,7 +1489,15 @@ function DataTableCell(props) {
     props.renderTooltip = (tooltipProps) => React.createElement(Tooltip, Object.assign({ color: "critical" }, tooltipProps));
     const isEditable = !!props.onValueChange;
     props.cx = [
-        'data-table-cell', props.cx, css$z.cell, css$z['size-' + (props.size || '36')], css$z[`padding-${props.padding || (isEditable && !props.rowProps.isLoading && '0') || '12'}`], props.isFirstColumn && css$z[`padding-left-${props.padding || '24'}`], props.isLastColumn && css$z['padding-right-24'], css$z[`align-widgets-${props.alignActions || 'top'}`], (props.border || isEditable) && 'uui-dt-vertical-cell-border',
+        'data-table-cell',
+        props.cx,
+        css$z.cell,
+        css$z['size-' + (props.size || '36')],
+        css$z[`padding-${props.padding || (isEditable && !props.rowProps.isLoading && '0') || '12'}`],
+        props.isFirstColumn && css$z[`padding-left-${props.padding || '24'}`],
+        props.isLastColumn && css$z['padding-right-24'],
+        css$z[`align-widgets-${props.alignActions || 'top'}`],
+        (props.border || isEditable) && 'uui-dt-vertical-cell-border',
     ];
     return React.createElement(DataTableCell$1, Object.assign({}, props));
 }
@@ -1981,16 +1998,16 @@ var SvgActionPinOff18 = function SvgActionPinOff18(props, ref) {
 };
 var ForwardRef$m = /*#__PURE__*/forwardRef(SvgActionPinOff18);
 
-const i18nLocal$1 = i18n.tables.columnsConfigurationModal;
+const i18nLocal = i18n.tables.columnsConfigurationModal;
 function PinIconButton(props) {
     const [isHovered, setIsHovered] = useState(false);
     const { id, onTogglePin, isPinned, canUnpin, } = props;
     const isPinnedAlways = isPinned && !canUnpin;
     const tooltipText = useMemo(() => {
         if (isPinned) {
-            return isPinnedAlways ? i18nLocal$1.lockedColumnPinButton : i18nLocal$1.unPinColumnButton;
+            return isPinnedAlways ? i18nLocal.lockedColumnPinButton : i18nLocal.unPinColumnButton;
         }
-        return i18nLocal$1.pinColumnButton;
+        return i18nLocal.pinColumnButton;
     }, [isPinned, isPinnedAlways]);
     const pinIcon = useMemo(() => {
         if (isPinnedAlways) {
@@ -2034,11 +2051,11 @@ const ColumnRow = React.memo(function ColumnRow(props) {
     return (React.createElement(DndActor, { key: column.key, srcData: data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
 });
 
-const i18nLocal = i18n.tables.columnsConfigurationModal;
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { size: "24", padding: "24", spacing: "6", cx: styles$1.groupTitle },
     React.createElement(Text, { cx: styles$1.groupTitleText, font: "semibold", lineHeight: "24", fontSize: "14" }, title),
     React.createElement(Badge, { cx: styles$1.groupTitleBadge, caption: amount, color: "default", size: "18" })));
 function ColumnsConfigurationModal(props) {
+    const i18n$1 = i18n.tables.columnsConfigurationModal;
     const { columns, columnsConfig: initialColumnsConfig, defaultConfig } = props, modalProps = __rest(props, ["columns", "columnsConfig", "defaultConfig"]);
     const { groupedColumns, searchValue, columnsConfig, reset, checkAll, uncheckAll, setSearchValue, } = useColumnsConfiguration({
         initialColumnsConfig,
@@ -2056,7 +2073,7 @@ function ColumnsConfigurationModal(props) {
         }
         const hasDivider = !!(amountPinned && amountUnPinned);
         return (React.createElement(React.Fragment, null,
-            renderGroupTitle(i18nLocal.displayedSectionTitle, amountPinned + amountUnPinned),
+            renderGroupTitle(i18n$1.displayedSectionTitle, amountPinned + amountUnPinned),
             !!amountPinned && (React.createElement(FlexRow, { cx: styles$1.groupItems, size: "30" }, groupedColumns.displayedPinned.map((c) => (React.createElement(ColumnRow, { column: c, key: c.key }))))),
             hasDivider && React.createElement("div", { className: styles$1.hDivider }),
             !!amountUnPinned && (React.createElement(FlexRow, { cx: styles$1.groupItems, size: "30" }, groupedColumns.displayedUnpinned.map((c) => (React.createElement(ColumnRow, { column: c, key: c.key })))))));
@@ -2067,31 +2084,31 @@ function ColumnsConfigurationModal(props) {
             return null;
         }
         return (React.createElement(React.Fragment, null,
-            renderGroupTitle(i18nLocal.hiddenSectionTitle, amountHidden),
+            renderGroupTitle(i18n$1.hiddenSectionTitle, amountHidden),
             React.createElement(FlexRow, { cx: styles$1.groupItems, size: "30" }, groupedColumns.hidden.map((c) => (React.createElement(ColumnRow, { column: c, key: c.key }))))));
     };
     const noVisibleColumns = useMemo(() => !groupedColumns.displayedPinned.length && !groupedColumns.displayedUnpinned.length, [groupedColumns.displayedPinned, groupedColumns.displayedUnpinned]);
-    const applyButton = React.createElement(Button, { caption: i18nLocal.applyButton, isDisabled: noVisibleColumns, color: "accent", onClick: apply });
+    const applyButton = React.createElement(Button, { caption: i18n$1.applyButton, isDisabled: noVisibleColumns, color: "accent", onClick: apply });
     return (React.createElement(ModalBlocker, Object.assign({}, modalProps),
         React.createElement(ModalWindow, { height: 700 },
-            React.createElement(ModalHeader, { title: i18nLocal.configureColumnsTitle, onClose: close }),
+            React.createElement(ModalHeader, { title: i18n$1.configureColumnsTitle, onClose: close }),
             React.createElement(FlexRow, { padding: "24", borderBottom: true, spacing: "12", cx: styles$1.searchArea },
-                React.createElement(SearchInput, { size: "30", value: searchValue, onValueChange: setSearchValue, placeholder: i18nLocal.searchPlaceholder }),
+                React.createElement(SearchInput, { size: "30", value: searchValue, onValueChange: setSearchValue, placeholder: i18n$1.searchPlaceholder }),
                 React.createElement(Dropdown, { closeOnTargetClick: true, renderBody: () => (React.createElement(Panel, { shadow: true },
-                        React.createElement(DropdownMenuButton, { caption: i18nLocal.clearAllButton, onClick: uncheckAll }),
-                        React.createElement(DropdownMenuButton, { caption: i18nLocal.selectAllButton, onClick: checkAll }))), renderTarget: (props) => React.createElement(Button, Object.assign({}, props, { mode: "none", icon: ForwardRef$q, size: "30", color: "secondary", isDropdown: false })) })),
+                        React.createElement(DropdownMenuButton, { caption: i18n$1.clearAllButton, onClick: uncheckAll }),
+                        React.createElement(DropdownMenuButton, { caption: i18n$1.selectAllButton, onClick: checkAll }))), renderTarget: (props) => React.createElement(Button, Object.assign({}, props, { mode: "none", icon: ForwardRef$q, size: "30", color: "secondary", isDropdown: false })) })),
             React.createElement(Panel, { cx: styles$1.mainPanel },
                 React.createElement(ScrollBars, null,
                     renderVisible(),
                     renderHidden(),
                     isNoData && (React.createElement(FlexRow, { cx: styles$1.noData },
-                        React.createElement(Text, { fontSize: "24", lineHeight: "30", color: "primary", font: "semibold" }, i18nLocal.noResultsFound.text),
-                        React.createElement(Text, { fontSize: "16", lineHeight: "24", font: "regular", color: "primary" }, i18nLocal.noResultsFound.subText))))),
+                        React.createElement(Text, { fontSize: "24", lineHeight: "30", color: "primary", font: "semibold" }, i18n$1.noResultsFound.text),
+                        React.createElement(Text, { fontSize: "16", lineHeight: "24", font: "regular", color: "primary" }, i18n$1.noResultsFound.subText))))),
             React.createElement(ModalFooter, { borderTop: true },
-                React.createElement(LinkButton, { icon: ForwardRef$p, caption: i18nLocal.resetToDefaultButton, onClick: reset }),
+                React.createElement(LinkButton, { icon: ForwardRef$p, caption: i18n$1.resetToDefaultButton, onClick: reset }),
                 React.createElement(FlexSpacer, null),
-                React.createElement(Button, { mode: "none", color: "secondary", caption: i18nLocal.cancelButton, onClick: close }),
-                noVisibleColumns ? (React.createElement(Tooltip, { content: i18nLocal.enableAtLeastOneColumnMessage, placement: "top-end", color: "critical" }, applyButton)) : (applyButton)))));
+                React.createElement(Button, { mode: "none", color: "secondary", caption: i18n$1.cancelButton, onClick: close }),
+                noVisibleColumns ? (React.createElement(Tooltip, { content: i18n$1.enableAtLeastOneColumnMessage, placement: "top-end", color: "critical" }, applyButton)) : (applyButton)))));
 }
 
 var css$u = {"panel":"ColumnHeaderDropdown-module_panel__8EgfJ"};
@@ -2220,7 +2237,7 @@ const MobileDropdownWrapper = (props) => {
     return (React__default.createElement(React__default.Fragment, null,
         isVisible && React__default.createElement(DataPickerHeader, { title: props.title, close: props.close }),
         props.children,
-        isVisible && React__default.createElement(LinkButton, { caption: "DONE", onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$r.done, size: "48" })));
+        isVisible && React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$r.done, size: "48" })));
 };
 
 var css$q = {"sub-header-wrapper":"PickerModal-module_sub-header-wrapper__PVjxt","switch":"PickerModal-module_switch__4ZWZ-","no-found-modal-container":"PickerModal-module_no-found-modal-container__zufRW","no-found-modal-container-icon":"PickerModal-module_no-found-modal-container-icon__RXBf4","no-found-modal-container-text":"PickerModal-module_no-found-modal-container-text__TgKzv","subHeaderWrapper":"PickerModal-module_sub-header-wrapper__PVjxt","$switch$":"PickerModal-module_switch__4ZWZ-","noFoundModalContainer":"PickerModal-module_no-found-modal-container__zufRW","noFoundModalContainerIcon":"PickerModal-module_no-found-modal-container-icon__RXBf4","noFoundModalContainerText":"PickerModal-module_no-found-modal-container-text__TgKzv"};
@@ -2645,16 +2662,19 @@ PickerList.contextType = UuiContext;
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-var dayjs_minExports = {};
-var dayjs_min = {
-  get exports(){ return dayjs_minExports; },
-  set exports(v){ dayjs_minExports = v; },
-};
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var dayjs_min = {exports: {}};
 
 (function (module, exports) {
-	!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",$="Invalid Date",l=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},g={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},D="en",v={};v[D]=M;var p=function(t){return t instanceof _},S=function(t,e,n){var r;if(!t)return D;if("string"==typeof t)v[t]&&(r=t),e&&(v[t]=e,r=t);else {var i=t.name;v[i]=t,r=i;}return !n&&r&&(D=r),r||!n&&D},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=g;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match(l);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===$)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),$=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},l=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,g="set"+(this.$u?"UTC":"");switch(h){case c:return r?$(1,0):$(31,11);case f:return r?$(1,M):$(0,M+1);case o:var D=this.$locale().weekStart||0,v=(y<D?y+7:y)-D;return $(r?m-v:m+(6-v),M);case a:case d:return l(g+"Hours",0);case u:return l(g+"Minutes",1);case s:return l(g+"Seconds",2);case i:return l(g+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),$=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],l=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[$](l),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else $&&this.$d[$](l);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,$=this;r=Number(r);var l=O.p(h),y=function(t){var e=w($);return O.w(e.date(e.date()+Math.round(t*r)),$)};if(l===f)return this.set(f,this.$M+r);if(l===c)return this.set(c,this.$y+r);if(l===a)return y(1);if(l===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[l]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||$;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].substr(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},l={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||l[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,$){var l,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,g=this-M,D=O.m(this,M);return D=(l={},l[c]=D/12,l[f]=D,l[h]=D/3,l[o]=(g-m)/6048e5,l[a]=(g-m)/864e5,l[u]=g/n,l[s]=g/e,l[i]=g/t,l)[y]||g,$?D:O.a(D)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return v[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),b=_.prototype;return w.prototype=b,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){b[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=v[D],w.Ls=v,w.p={},w}));
+	!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",$="Invalid Date",l=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},g={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},D="en",v={};v[D]=M;var p=function(t){return t instanceof _},S=function(t,e,n){var r;if(!t)return D;if("string"==typeof t)v[t]&&(r=t),e&&(v[t]=e,r=t);else {var i=t.name;v[i]=t,r=i;}return !n&&r&&(D=r),r||!n&&D},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=g;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match(l);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===$)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),$=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},l=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,g="set"+(this.$u?"UTC":"");switch(h){case c:return r?$(1,0):$(31,11);case f:return r?$(1,M):$(0,M+1);case o:var D=this.$locale().weekStart||0,v=(y<D?y+7:y)-D;return $(r?m-v:m+(6-v),M);case a:case d:return l(g+"Hours",0);case u:return l(g+"Minutes",1);case s:return l(g+"Seconds",2);case i:return l(g+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),$=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],l=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[$](l),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else $&&this.$d[$](l);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,$=this;r=Number(r);var l=O.p(h),y=function(t){var e=w($);return O.w(e.date(e.date()+Math.round(t*r)),$)};if(l===f)return this.set(f,this.$M+r);if(l===c)return this.set(c,this.$y+r);if(l===a)return y(1);if(l===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[l]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||$;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].substr(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},l={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||l[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,$){var l,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,g=this-M,D=O.m(this,M);return D=(l={},l[c]=D/12,l[f]=D,l[h]=D/3,l[o]=(g-m)/6048e5,l[a]=(g-m)/864e5,l[u]=g/n,l[s]=g/e,l[i]=g/t,l)[y]||g,$?D:O.a(D)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return v[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),b=_.prototype;return w.prototype=b,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){b[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=v[D],w.Ls=v,w.p={},w})); 
 } (dayjs_min));
 
+var dayjs_minExports = dayjs_min.exports;
+var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
+
 var css$h = {"root":"FilterPanelItemToggler-module_root__6HJLW","title-wrapper":"FilterPanelItemToggler-module_title-wrapper__07dD8","title":"FilterPanelItemToggler-module_title__JaXtY","text-wrapper":"FilterPanelItemToggler-module_text-wrapper__kRoKs","selection":"FilterPanelItemToggler-module_selection__K9tGx","postfix":"FilterPanelItemToggler-module_postfix__MpS3n","selected":"FilterPanelItemToggler-module_selected__FEPzr","titleWrapper":"FilterPanelItemToggler-module_title-wrapper__07dD8","textWrapper":"FilterPanelItemToggler-module_text-wrapper__kRoKs"};
 
 const defaultSize = '36';
@@ -2745,7 +2765,7 @@ class FilterDataPickerBody extends BaseDatePicker {
                 React__default.createElement(DatePickerBody, { filter: this.props.filter, value: this.getValue(), setSelectedDate: this.setSelectedDate, setDisplayedDateAndView: this.setDisplayedDateAndView, changeIsOpen: this.onToggleHandler, renderDay: this.props.renderDay, isHoliday: this.props.isHoliday, rawProps: (_a = this.props.rawProps) === null || _a === void 0 ? void 0 : _a.body })),
             React__default.createElement(FlexCell, { alignSelf: "stretch" },
                 React__default.createElement(FlexRow, { padding: "24", vPadding: "12" },
-                    React__default.createElement(Text, null, this.state.selectedDate ? dayjs_minExports(this.state.selectedDate).format('MMM DD, YYYY') : ''),
+                    React__default.createElement(Text, null, this.state.selectedDate ? dayjs(this.state.selectedDate).format('MMM DD, YYYY') : ''),
                     React__default.createElement(FlexSpacer, null),
                     React__default.createElement(LinkButton, { isDisabled: !this.state.selectedDate, caption: i18n.filterToolbar.datePicker.clearCaption, onClick: this.handleCancel })))));
     }
@@ -3004,17 +3024,17 @@ function FiltersToolbarItemImpl(props) {
                 return { selection };
             }
             case 'datePicker': {
-                return { selection: currentValue ? dayjs_minExports(currentValue).format(props.format || defaultFormat) : i18n.filterToolbar.datePicker.placeholder };
+                return { selection: currentValue ? dayjs(currentValue).format(props.format || defaultFormat) : i18n.filterToolbar.datePicker.placeholder };
             }
             case 'rangeDatePicker': {
                 if (!currentValue || (!currentValue.from && !currentValue.to)) {
                     return { selection: i18n.filterToolbar.rangeDatePicker.emptyPickerPlaceholder };
                 }
                 const currentValueFrom = (currentValue === null || currentValue === void 0 ? void 0 : currentValue.from)
-                    ? dayjs_minExports(currentValue === null || currentValue === void 0 ? void 0 : currentValue.from).format(props.format || defaultFormat)
+                    ? dayjs(currentValue === null || currentValue === void 0 ? void 0 : currentValue.from).format(props.format || defaultFormat)
                     : i18n.filterToolbar.rangeDatePicker.emptyPlaceholderFrom;
                 const currentValueTo = (currentValue === null || currentValue === void 0 ? void 0 : currentValue.to)
-                    ? dayjs_minExports(currentValue === null || currentValue === void 0 ? void 0 : currentValue.to).format(props.format || defaultFormat)
+                    ? dayjs(currentValue === null || currentValue === void 0 ? void 0 : currentValue.to).format(props.format || defaultFormat)
                     : i18n.filterToolbar.rangeDatePicker.emptyPlaceholderTo;
                 const selection = `${currentValueFrom} - ${currentValueTo}`;
                 return { selection };
@@ -3653,8 +3673,7 @@ function Form(props) {
                 },
             ] }),
             React.createElement(RichTextView, null,
-                React.createElement(Text, { size: "36" }, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' })
-            .catch(() => null);
+                React.createElement(Text, { size: "36" }, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' });
     };
     return React.createElement(Form$1, Object.assign({ loadUnsavedChanges: loadUnsavedChanges, beforeLeave: beforeLeave }, props));
 }
@@ -3677,5 +3696,5 @@ function useForm(props) {
     return useForm$1(Object.assign({ beforeLeave, loadUnsavedChanges }, props));
 }
 
-export { Accordion, Alert, Anchor, Avatar, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DropMarker, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, EditMode, ErrorAlert, ErrorNotification, FilterItemBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerModalImpl, PickerToggler, PresetsPanel, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RichTextView, ScrollBars, SearchInput, Spinner, SuccessAlert, SuccessNotification, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, allButtonColors, allButtonModes, allButtonSemanticColors, allEpamBadgeSemanticColors, allFillStyles, allFontStyles, allIconColors, allRowSizes, allSemanticColors, allSizes, allTextSizes, applyBadgeMods, applyButtonMods, applyCheckboxMods, applyDatePickerBodyMods, applyDateSelectionMods, applyNumericInputMods, applyRangeDatePickerBodyMods, applySpinnerMods, applySwitchMods, applyTagMods, applyTextAreaMods, applyTextInputMods, defaultPredicates, getTextClasses, i18n, propsMods, renderCell, renderDropMarkers, useColumnsWithFilters, useForm };
+export { Accordion, Alert, Anchor, Avatar, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DropMarker, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, EditMode, ErrorAlert, ErrorNotification, FilterItemBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerModalImpl, PickerToggler, PresetsPanel, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RichTextView, ScrollBars, SearchInput, Spinner, SuccessAlert, SuccessNotification, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, allButtonColors, allButtonModes, allButtonSemanticColors, allEpamBadgeSemanticColors, allFillStyles, allFontStyles, allIconColors, allLinkButtonColors, allRowSizes, allSemanticColors, allSizes, allTextSizes, applyBadgeMods, applyButtonMods, applyCheckboxMods, applyDatePickerBodyMods, applyDateSelectionMods, applyNumericInputMods, applyRangeDatePickerBodyMods, applySpinnerMods, applySwitchMods, applyTagMods, applyTextAreaMods, applyTextInputMods, defaultPredicates, getTextClasses, i18n, propsMods, renderCell, renderDropMarkers, useColumnsWithFilters, useForm };
 //# sourceMappingURL=index.esm.js.map