@consta/uikit 5.13.0 → 5.15.0

package/__internal__/src/components/SnackBar/helper.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Mappers, SnackBarItemDefault, SnackBarPropGetItemActions, SnackBarPropGetItemAutoClose, SnackBarPropGetItemIcon, SnackBarPropGetItemKey, SnackBarPropGetItemMessage, SnackBarPropGetItemOnAutoClose, SnackBarPropGetItemOnClose, SnackBarPropGetItemShowProgress, SnackBarPropGetItemStatus, SnackBarProps } from './types';
+import { Mappers, SnackBarItemDefault, SnackBarPropGetItemActions, SnackBarPropGetItemAutoClose, SnackBarPropGetItemIcon, SnackBarPropGetItemKey, SnackBarPropGetItemMessage, SnackBarPropGetItemOnAutoClose, SnackBarPropGetItemOnClose, SnackBarPropGetItemProgress, SnackBarPropGetItemShowProgress, SnackBarPropGetItemStatus, SnackBarProps } from './types';
 export declare const withDefaultGetters: (props: SnackBarProps) => {
     getItemKey: SnackBarPropGetItemKey<SnackBarItemDefault>;
     getItemMessage: SnackBarPropGetItemMessage<SnackBarItemDefault>;
@@ -10,9 +10,11 @@ export declare const withDefaultGetters: (props: SnackBarProps) => {
     getItemActions: SnackBarPropGetItemActions<SnackBarItemDefault>;
     getItemOnClose: SnackBarPropGetItemOnClose<SnackBarItemDefault>;
     getItemOnAutoClose: SnackBarPropGetItemOnAutoClose<SnackBarItemDefault>;
+    getItemProgress: SnackBarPropGetItemProgress<SnackBarItemDefault>;
     items: SnackBarItemDefault[];
     children?: undefined;
     form?: "default" | "brick" | "round" | undefined;
+    progressView?: "text" | "spinText" | "spin" | undefined;
     onItemClose?: ((item: SnackBarItemDefault) => void) | undefined;
     onItemAutoClose?: ((item: SnackBarItemDefault) => void) | undefined;
     slot?: string | undefined;
@@ -284,6 +286,7 @@ export declare const getItem: <ITEM>(item: ITEM, props: Required<Mappers<ITEM>>
     showProgress: "line" | "timer" | undefined;
     icon: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
     actions: import("./types").SnackBarPropItemAction[] | undefined;
+    progress: number | boolean | undefined;
     onClose: (() => void) | undefined;
     onAutoClose: (() => void) | undefined;
 };

package/__internal__/src/components/SnackBar/helper.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}var defaultGetItemKey=function(a){return a.key},defaultGetItemMessage=function(a){return a.message},defaultGetItemStatus=function(a){return a.status},defaultGetItemAutoClose=function(a){return a.autoClose},defaultGetItemShowProgress=function(a){return a.showProgress},defaultGetItemIcon=function(a){return a.icon},defaultGetItemActions=function(a){return a.actions},defaultGetItemOnClose=function(a){return a.onClose},defaultGetItemOnAutoClose=function(a){return a.onAutoClose};export var withDefaultGetters=function(a){return _objectSpread(_objectSpread({},a),{},{getItemKey:a.getItemKey||defaultGetItemKey,getItemMessage:a.getItemMessage||defaultGetItemMessage,getItemStatus:a.getItemStatus||defaultGetItemStatus,getItemAutoClose:a.getItemAutoClose||defaultGetItemAutoClose,getItemShowProgress:a.getItemShowProgress||defaultGetItemShowProgress,getItemIcon:a.getItemIcon||defaultGetItemIcon,getItemActions:a.getItemActions||defaultGetItemActions,getItemOnClose:a.getItemOnClose||defaultGetItemOnClose,getItemOnAutoClose:a.getItemOnAutoClose||defaultGetItemOnAutoClose})};export var getItem=function(a,b){var c=b.getItemKey,d=b.getItemActions,e=b.getItemAutoClose,f=b.getItemIcon,g=b.getItemMessage,h=b.getItemOnAutoClose,i=b.getItemOnClose,j=b.getItemShowProgress,k=b.getItemStatus,l=b.onItemClose,m=b.onItemAutoClose;return{key:c(a),message:g(a),status:k(a),autoClose:e(a),showProgress:j(a),icon:f(a),actions:d(a),onClose:"function"==typeof i(a)||"function"==typeof l?function(){var b;null===(b=i(a))||void 0===b?void 0:b(a),null===l||void 0===l?void 0:l(a)}:void 0,onAutoClose:"function"==typeof h(a)||"function"==typeof m?function(){var b;null===(b=h(a))||void 0===b?void 0:b(a),null===m||void 0===m?void 0:m(a)}:void 0}};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}var defaultGetItemKey=function(a){return a.key},defaultGetItemMessage=function(a){return a.message},defaultGetItemStatus=function(a){return a.status},defaultGetItemAutoClose=function(a){return a.autoClose},defaultGetItemShowProgress=function(a){return a.showProgress},defaultGetItemIcon=function(a){return a.icon},defaultGetItemActions=function(a){return a.actions},defaultGetItemOnClose=function(a){return a.onClose},defaultGetItemOnAutoClose=function(a){return a.onAutoClose},defaultGetItemProgress=function(a){return a.progress};export var withDefaultGetters=function(a){return _objectSpread(_objectSpread({},a),{},{getItemKey:a.getItemKey||defaultGetItemKey,getItemMessage:a.getItemMessage||defaultGetItemMessage,getItemStatus:a.getItemStatus||defaultGetItemStatus,getItemAutoClose:a.getItemAutoClose||defaultGetItemAutoClose,getItemShowProgress:a.getItemShowProgress||defaultGetItemShowProgress,getItemIcon:a.getItemIcon||defaultGetItemIcon,getItemActions:a.getItemActions||defaultGetItemActions,getItemOnClose:a.getItemOnClose||defaultGetItemOnClose,getItemOnAutoClose:a.getItemOnAutoClose||defaultGetItemOnAutoClose,getItemProgress:a.getItemProgress||defaultGetItemProgress})};export var getItem=function(a,b){var c=b.getItemKey,d=b.getItemActions,e=b.getItemAutoClose,f=b.getItemIcon,g=b.getItemMessage,h=b.getItemOnAutoClose,i=b.getItemOnClose,j=b.getItemShowProgress,k=b.getItemStatus,l=b.onItemClose,m=b.onItemAutoClose,n=b.getItemProgress;return{key:c(a),message:g(a),status:k(a),autoClose:e(a),showProgress:j(a),icon:f(a),actions:d(a),progress:n(a),onClose:"function"==typeof i(a)||"function"==typeof l?function(){var b;null===(b=i(a))||void 0===b?void 0:b(a),null===l||void 0===l?void 0:l(a)}:void 0,onAutoClose:"function"==typeof h(a)||"function"==typeof m?function(){var b;null===(b=h(a))||void 0===b?void 0:b(a),null===m||void 0===m?void 0:m(a)}:void 0}};
 //# sourceMappingURL=helper.js.map

package/__internal__/src/components/SnackBar/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","names":["defaultGetItemKey","item","key","defaultGetItemMessage","message","defaultGetItemStatus","status","defaultGetItemAutoClose","autoClose","defaultGetItemShowProgress","showProgress","defaultGetItemIcon","icon","defaultGetItemActions","actions","defaultGetItemOnClose","onClose","defaultGetItemOnAutoClose","onAutoClose","withDefaultGetters","props","getItemKey","getItemMessage","getItemStatus","getItemAutoClose","getItemShowProgress","getItemIcon","getItemActions","getItemOnClose","getItemOnAutoClose","getItem","onItemClose","onItemAutoClose"],"sources":["../../../../../src/components/SnackBar/helper.ts"],"sourcesContent":["import {\n  Mappers,\n  SnackBarItemDefault,\n  SnackBarPropGetItemActions,\n  SnackBarPropGetItemAutoClose,\n  SnackBarPropGetItemIcon,\n  SnackBarPropGetItemKey,\n  SnackBarPropGetItemMessage,\n  SnackBarPropGetItemOnAutoClose,\n  SnackBarPropGetItemOnClose,\n  SnackBarPropGetItemShowProgress,\n  SnackBarPropGetItemStatus,\n  SnackBarProps,\n} from './types';\n\nconst defaultGetItemKey: SnackBarPropGetItemKey<SnackBarItemDefault> = (item) =>\n  item.key;\nconst defaultGetItemMessage: SnackBarPropGetItemMessage<SnackBarItemDefault> = (\n  item,\n) => item.message;\nconst defaultGetItemStatus: SnackBarPropGetItemStatus<SnackBarItemDefault> = (\n  item,\n) => item.status;\nconst defaultGetItemAutoClose: SnackBarPropGetItemAutoClose<\n  SnackBarItemDefault\n> = (item) => item.autoClose;\nconst defaultGetItemShowProgress: SnackBarPropGetItemShowProgress<\n  SnackBarItemDefault\n> = (item) => item.showProgress;\nconst defaultGetItemIcon: SnackBarPropGetItemIcon<SnackBarItemDefault> = (\n  item,\n) => item.icon;\nconst defaultGetItemActions: SnackBarPropGetItemActions<SnackBarItemDefault> = (\n  item,\n) => item.actions;\nconst defaultGetItemOnClose: SnackBarPropGetItemOnClose<SnackBarItemDefault> = (\n  item,\n) => item.onClose;\nconst defaultGetItemOnAutoClose: SnackBarPropGetItemOnAutoClose<\n  SnackBarItemDefault\n> = (item) => item.onAutoClose;\n\nexport const withDefaultGetters = (props: SnackBarProps) => {\n  return {\n    ...props,\n    getItemKey: props.getItemKey || defaultGetItemKey,\n    getItemMessage: props.getItemMessage || defaultGetItemMessage,\n    getItemStatus: props.getItemStatus || defaultGetItemStatus,\n    getItemAutoClose: props.getItemAutoClose || defaultGetItemAutoClose,\n    getItemShowProgress:\n      props.getItemShowProgress || defaultGetItemShowProgress,\n    getItemIcon: props.getItemIcon || defaultGetItemIcon,\n    getItemActions: props.getItemActions || defaultGetItemActions,\n    getItemOnClose: props.getItemOnClose || defaultGetItemOnClose,\n    getItemOnAutoClose: props.getItemOnAutoClose || defaultGetItemOnAutoClose,\n  };\n};\n\nexport const getItem = <ITEM>(\n  item: ITEM,\n  props: Required<Mappers<ITEM>> & {\n    onItemClose?: (item: ITEM) => void;\n    onItemAutoClose?: (item: ITEM) => void;\n  },\n) => {\n  const {\n    getItemKey,\n    getItemActions,\n    getItemAutoClose,\n    getItemIcon,\n    getItemMessage,\n    getItemOnAutoClose,\n    getItemOnClose,\n    getItemShowProgress,\n    getItemStatus,\n    onItemClose,\n    onItemAutoClose,\n  } = props;\n  return {\n    key: getItemKey(item),\n    message: getItemMessage(item),\n    status: getItemStatus(item),\n    autoClose: getItemAutoClose(item),\n    showProgress: getItemShowProgress(item),\n    icon: getItemIcon(item),\n    actions: getItemActions(item),\n    onClose:\n      typeof getItemOnClose(item) === 'function' ||\n      typeof onItemClose === 'function'\n        ? () => {\n            getItemOnClose(item)?.(item);\n            onItemClose?.(item);\n          }\n        : undefined,\n    onAutoClose:\n      typeof getItemOnAutoClose(item) === 'function' ||\n      typeof onItemAutoClose === 'function'\n        ? () => {\n            getItemOnAutoClose(item)?.(item);\n            onItemAutoClose?.(item);\n          }\n        : undefined,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"helper.js","names":["defaultGetItemKey","item","key","defaultGetItemMessage","message","defaultGetItemStatus","status","defaultGetItemAutoClose","autoClose","defaultGetItemShowProgress","showProgress","defaultGetItemIcon","icon","defaultGetItemActions","actions","defaultGetItemOnClose","onClose","defaultGetItemOnAutoClose","onAutoClose","defaultGetItemProgress","progress","withDefaultGetters","props","getItemKey","getItemMessage","getItemStatus","getItemAutoClose","getItemShowProgress","getItemIcon","getItemActions","getItemOnClose","getItemOnAutoClose","getItemProgress","getItem","onItemClose","onItemAutoClose"],"sources":["../../../../../src/components/SnackBar/helper.ts"],"sourcesContent":["import {\n  Mappers,\n  SnackBarItemDefault,\n  SnackBarPropGetItemActions,\n  SnackBarPropGetItemAutoClose,\n  SnackBarPropGetItemIcon,\n  SnackBarPropGetItemKey,\n  SnackBarPropGetItemMessage,\n  SnackBarPropGetItemOnAutoClose,\n  SnackBarPropGetItemOnClose,\n  SnackBarPropGetItemProgress,\n  SnackBarPropGetItemShowProgress,\n  SnackBarPropGetItemStatus,\n  SnackBarProps,\n} from './types';\n\nconst defaultGetItemKey: SnackBarPropGetItemKey<SnackBarItemDefault> = (item) =>\n  item.key;\nconst defaultGetItemMessage: SnackBarPropGetItemMessage<SnackBarItemDefault> = (\n  item,\n) => item.message;\nconst defaultGetItemStatus: SnackBarPropGetItemStatus<SnackBarItemDefault> = (\n  item,\n) => item.status;\nconst defaultGetItemAutoClose: SnackBarPropGetItemAutoClose<\n  SnackBarItemDefault\n> = (item) => item.autoClose;\nconst defaultGetItemShowProgress: SnackBarPropGetItemShowProgress<\n  SnackBarItemDefault\n> = (item) => item.showProgress;\nconst defaultGetItemIcon: SnackBarPropGetItemIcon<SnackBarItemDefault> = (\n  item,\n) => item.icon;\nconst defaultGetItemActions: SnackBarPropGetItemActions<SnackBarItemDefault> = (\n  item,\n) => item.actions;\nconst defaultGetItemOnClose: SnackBarPropGetItemOnClose<SnackBarItemDefault> = (\n  item,\n) => item.onClose;\nconst defaultGetItemOnAutoClose: SnackBarPropGetItemOnAutoClose<\n  SnackBarItemDefault\n> = (item) => item.onAutoClose;\n\nconst defaultGetItemProgress: SnackBarPropGetItemProgress<\n  SnackBarItemDefault\n> = (item) => item.progress;\n\nexport const withDefaultGetters = (props: SnackBarProps) => {\n  return {\n    ...props,\n    getItemKey: props.getItemKey || defaultGetItemKey,\n    getItemMessage: props.getItemMessage || defaultGetItemMessage,\n    getItemStatus: props.getItemStatus || defaultGetItemStatus,\n    getItemAutoClose: props.getItemAutoClose || defaultGetItemAutoClose,\n    getItemShowProgress:\n      props.getItemShowProgress || defaultGetItemShowProgress,\n    getItemIcon: props.getItemIcon || defaultGetItemIcon,\n    getItemActions: props.getItemActions || defaultGetItemActions,\n    getItemOnClose: props.getItemOnClose || defaultGetItemOnClose,\n    getItemOnAutoClose: props.getItemOnAutoClose || defaultGetItemOnAutoClose,\n    getItemProgress: props.getItemProgress || defaultGetItemProgress,\n  };\n};\n\nexport const getItem = <ITEM>(\n  item: ITEM,\n  props: Required<Mappers<ITEM>> & {\n    onItemClose?: (item: ITEM) => void;\n    onItemAutoClose?: (item: ITEM) => void;\n  },\n) => {\n  const {\n    getItemKey,\n    getItemActions,\n    getItemAutoClose,\n    getItemIcon,\n    getItemMessage,\n    getItemOnAutoClose,\n    getItemOnClose,\n    getItemShowProgress,\n    getItemStatus,\n    onItemClose,\n    onItemAutoClose,\n    getItemProgress,\n  } = props;\n  return {\n    key: getItemKey(item),\n    message: getItemMessage(item),\n    status: getItemStatus(item),\n    autoClose: getItemAutoClose(item),\n    showProgress: getItemShowProgress(item),\n    icon: getItemIcon(item),\n    actions: getItemActions(item),\n    progress: getItemProgress(item),\n    onClose:\n      typeof getItemOnClose(item) === 'function' ||\n      typeof onItemClose === 'function'\n        ? () => {\n            getItemOnClose(item)?.(item);\n            onItemClose?.(item);\n          }\n        : undefined,\n    onAutoClose:\n      typeof getItemOnAutoClose(item) === 'function' ||\n      typeof onItemAutoClose === 'function'\n        ? () => {\n            getItemOnAutoClose(item)?.(item);\n            onItemAutoClose?.(item);\n          }\n        : undefined,\n  };\n};\n"],"mappings":"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"}

package/__internal__/src/components/SnackBar/types.d.ts

@@ -11,6 +11,7 @@ export declare type SnackBarItemDefault = {
     actions?: SnackBarPropItemAction[];
     onClose?: (item: SnackBarItemDefault) => void;
     onAutoClose?: (item: SnackBarItemDefault) => void;
+    progress?: boolean | number;
 };
 /**
  * @deprecated since version 3.16.0 use SnackBarItemDefault
@@ -23,11 +24,14 @@ export declare type SnackBarPropItemAction = {
 export declare type SnackBarActionButtonProps = {
     actions: SnackBarPropItemAction[];
     className?: string;
+    form?: SnackBarPropForm;
 };
 export declare type SnackBarItemProps = PropsWithHTMLAttributesAndRef<Omit<SnackBarItemDefault, 'onClose' | 'onAutoClose'> & {
     onClose?: () => void;
     form?: SnackBarPropForm;
     onAutoClose?: () => void;
+    progressView?: SnackBarPropProgressView;
+    progress?: number | boolean;
 }, HTMLDivElement>;
 export declare const snackBarItemStatus: readonly ["normal", "system", "success", "warning", "alert"];
 export declare type SnackBarItemStatus = typeof snackBarItemStatus[number];
@@ -43,6 +47,7 @@ export declare type SnackBarPropGetItemIcon<ITEM> = (item: ITEM) => IconComponen
 export declare type SnackBarPropGetItemActions<ITEM> = (item: ITEM) => SnackBarPropItemAction[] | undefined;
 export declare type SnackBarPropGetItemOnClose<ITEM> = (item: ITEM) => ((item: ITEM) => void) | undefined;
 export declare type SnackBarPropGetItemOnAutoClose<ITEM> = (item: ITEM) => ((item: ITEM) => void) | undefined;
+export declare type SnackBarPropGetItemProgress<ITEM> = (item: ITEM) => number | boolean | undefined;
 export declare type Mappers<ITEM> = {
     getItemKey?: SnackBarPropGetItemKey<ITEM>;
     getItemMessage?: SnackBarPropGetItemMessage<ITEM>;
@@ -53,14 +58,19 @@ export declare type Mappers<ITEM> = {
     getItemActions?: SnackBarPropGetItemActions<ITEM>;
     getItemOnClose?: SnackBarPropGetItemOnClose<ITEM>;
     getItemOnAutoClose?: SnackBarPropGetItemOnAutoClose<ITEM>;
+    getItemProgress?: SnackBarPropGetItemProgress<ITEM>;
 };
 export declare const snackBarPropForm: readonly ["default", "round", "brick"];
 export declare type SnackBarPropForm = typeof snackBarPropForm[number];
 export declare const snackBarPropFormDefault: "default";
+export declare const snackBarPropProgressView: readonly ["spinText", "spin", "text"];
+export declare type SnackBarPropProgressView = typeof snackBarPropProgressView[number];
+export declare const snackBarPropProgressViewDefault: "spinText";
 export declare type SnackBarProps<ITEM = SnackBarItemDefault> = PropsWithHTMLAttributesAndRef<{
     items: ITEM[];
     children?: never;
     form?: SnackBarPropForm;
+    progressView?: SnackBarPropProgressView;
     onItemClose?: (item: ITEM) => void;
     onItemAutoClose?: (item: ITEM) => void;
 } & Mappers<ITEM>, HTMLDivElement> & (ITEM extends {
@@ -80,4 +90,9 @@ export declare type SnackBarTimerProps = {
     hidden?: boolean;
     className?: string;
 };
+export declare type SnackBarProgressProps = {
+    view: SnackBarPropProgressView;
+    progress?: number | boolean;
+    className?: string;
+};
 export declare type SnackBarItemComponent = (props: SnackBarItemProps) => React.ReactElement | null;

package/__internal__/src/components/SnackBar/types.js

@@ -1,2 +1,2 @@
-export var snackBarItemStatus=["normal","system","success","warning","alert"];export var snackBarItemStatusDefault=snackBarItemStatus[0];export var snackBarItemShowProgressProp=["timer","line"];export var snackBarPropForm=["default","round","brick"];export var snackBarPropFormDefault=snackBarPropForm[0];
+export var snackBarItemStatus=["normal","system","success","warning","alert"];export var snackBarItemStatusDefault=snackBarItemStatus[0];export var snackBarItemShowProgressProp=["timer","line"];export var snackBarPropForm=["default","round","brick"];export var snackBarPropFormDefault=snackBarPropForm[0];export var snackBarPropProgressView=["spinText","spin","text"];export var snackBarPropProgressViewDefault=snackBarPropProgressView[0];
 //# sourceMappingURL=types.js.map

package/__internal__/src/components/SnackBar/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["snackBarItemStatus","snackBarItemStatusDefault","snackBarItemShowProgressProp","snackBarPropForm","snackBarPropFormDefault"],"sources":["../../../../../src/components/SnackBar/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type SnackBarItemDefault = {\n  key: string | number;\n  message?: React.ReactNode;\n  status?: SnackBarItemStatus;\n  autoClose?: boolean | number;\n  showProgress?: SnackBarItemShowProgressProp;\n  icon?: IconComponent;\n  actions?: SnackBarPropItemAction[];\n  onClose?: (item: SnackBarItemDefault) => void;\n  onAutoClose?: (item: SnackBarItemDefault) => void;\n};\n\n/**\n * @deprecated since version 3.16.0 use SnackBarItemDefault\n */\nexport type Item = SnackBarItemDefault;\n\nexport type SnackBarPropItemAction = {\n  label: string | number;\n  onClick: React.EventHandler<React.MouseEvent>;\n};\n\nexport type SnackBarActionButtonProps = {\n  actions: SnackBarPropItemAction[];\n  className?: string;\n};\n\nexport type SnackBarItemProps = PropsWithHTMLAttributesAndRef<\n  Omit<SnackBarItemDefault, 'onClose' | 'onAutoClose'> & {\n    onClose?: () => void;\n    form?: SnackBarPropForm;\n    onAutoClose?: () => void;\n  },\n  HTMLDivElement\n>;\n\nexport const snackBarItemStatus = [\n  'normal',\n  'system',\n  'success',\n  'warning',\n  'alert',\n] as const;\nexport type SnackBarItemStatus = typeof snackBarItemStatus[number];\nexport const snackBarItemStatusDefault: SnackBarItemStatus =\n  snackBarItemStatus[0];\n\nexport const snackBarItemShowProgressProp = ['timer', 'line'] as const;\nexport type SnackBarItemShowProgressProp =\n  typeof snackBarItemShowProgressProp[number];\n\nexport type SnackBarPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type SnackBarPropGetItemMessage<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\nexport type SnackBarPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => SnackBarItemStatus | undefined;\nexport type SnackBarPropGetItemAutoClose<ITEM> = (\n  item: ITEM,\n) => boolean | number | undefined;\nexport type SnackBarPropGetItemShowProgress<ITEM> = (\n  item: ITEM,\n) => SnackBarItemShowProgressProp | undefined;\nexport type SnackBarPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type SnackBarPropGetItemActions<ITEM> = (\n  item: ITEM,\n) => SnackBarPropItemAction[] | undefined;\nexport type SnackBarPropGetItemOnClose<ITEM> = (\n  item: ITEM,\n) => ((item: ITEM) => void) | undefined;\nexport type SnackBarPropGetItemOnAutoClose<ITEM> = (\n  item: ITEM,\n) => ((item: ITEM) => void) | undefined;\n\nexport type Mappers<ITEM> = {\n  getItemKey?: SnackBarPropGetItemKey<ITEM>;\n  getItemMessage?: SnackBarPropGetItemMessage<ITEM>;\n  getItemStatus?: SnackBarPropGetItemStatus<ITEM>;\n  getItemAutoClose?: SnackBarPropGetItemAutoClose<ITEM>;\n  getItemShowProgress?: SnackBarPropGetItemShowProgress<ITEM>;\n  getItemIcon?: SnackBarPropGetItemIcon<ITEM>;\n  getItemActions?: SnackBarPropGetItemActions<ITEM>;\n  getItemOnClose?: SnackBarPropGetItemOnClose<ITEM>;\n  getItemOnAutoClose?: SnackBarPropGetItemOnAutoClose<ITEM>;\n};\n\nexport const snackBarPropForm = ['default', 'round', 'brick'] as const;\nexport type SnackBarPropForm = typeof snackBarPropForm[number];\nexport const snackBarPropFormDefault = snackBarPropForm[0];\n\nexport type SnackBarProps<ITEM = SnackBarItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      children?: never;\n      form?: SnackBarPropForm;\n      onItemClose?: (item: ITEM) => void;\n      onItemAutoClose?: (item: ITEM) => void;\n    } & Mappers<ITEM>,\n    HTMLDivElement\n  > &\n    (ITEM extends { key: SnackBarItemDefault['key'] }\n      ? {}\n      : { getItemKey: SnackBarPropGetItemKey<ITEM> });\n\nexport type SnackBarComponent = <ITEM = SnackBarItemDefault>(\n  props: SnackBarProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type SnackBarTimerPropOnMount = (object: {\n  pause: () => void;\n  start: () => void;\n}) => void;\n\nexport type SnackBarTimerProps = {\n  onMount: SnackBarTimerPropOnMount;\n  onTimeIsOver: () => void;\n  startTime: number;\n  hidden?: boolean;\n  className?: string;\n};\n\nexport type SnackBarItemComponent = (\n  props: SnackBarItemProps,\n) => React.ReactElement | null;\n"],"mappings":"AAwCA,MAAO,IAAMA,mBAAkB,CAAG,CAChC,QADgC,CAEhC,QAFgC,CAGhC,SAHgC,CAIhC,SAJgC,CAKhC,OALgC,CAA3B,CAQP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,6BAA4B,CAAG,CAAC,OAAD,CAAU,MAAV,CAArC,CA0CP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD"}
+{"version":3,"file":"types.js","names":["snackBarItemStatus","snackBarItemStatusDefault","snackBarItemShowProgressProp","snackBarPropForm","snackBarPropFormDefault","snackBarPropProgressView","snackBarPropProgressViewDefault"],"sources":["../../../../../src/components/SnackBar/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type SnackBarItemDefault = {\n  key: string | number;\n  message?: React.ReactNode;\n  status?: SnackBarItemStatus;\n  autoClose?: boolean | number;\n  showProgress?: SnackBarItemShowProgressProp;\n  icon?: IconComponent;\n  actions?: SnackBarPropItemAction[];\n  onClose?: (item: SnackBarItemDefault) => void;\n  onAutoClose?: (item: SnackBarItemDefault) => void;\n  progress?: boolean | number;\n};\n\n/**\n * @deprecated since version 3.16.0 use SnackBarItemDefault\n */\nexport type Item = SnackBarItemDefault;\n\nexport type SnackBarPropItemAction = {\n  label: string | number;\n  onClick: React.EventHandler<React.MouseEvent>;\n};\n\nexport type SnackBarActionButtonProps = {\n  actions: SnackBarPropItemAction[];\n  className?: string;\n  form?: SnackBarPropForm;\n};\n\nexport type SnackBarItemProps = PropsWithHTMLAttributesAndRef<\n  Omit<SnackBarItemDefault, 'onClose' | 'onAutoClose'> & {\n    onClose?: () => void;\n    form?: SnackBarPropForm;\n    onAutoClose?: () => void;\n    progressView?: SnackBarPropProgressView;\n    progress?: number | boolean;\n  },\n  HTMLDivElement\n>;\n\nexport const snackBarItemStatus = [\n  'normal',\n  'system',\n  'success',\n  'warning',\n  'alert',\n] as const;\nexport type SnackBarItemStatus = typeof snackBarItemStatus[number];\nexport const snackBarItemStatusDefault: SnackBarItemStatus =\n  snackBarItemStatus[0];\n\nexport const snackBarItemShowProgressProp = ['timer', 'line'] as const;\nexport type SnackBarItemShowProgressProp =\n  typeof snackBarItemShowProgressProp[number];\n\nexport type SnackBarPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type SnackBarPropGetItemMessage<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\nexport type SnackBarPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => SnackBarItemStatus | undefined;\nexport type SnackBarPropGetItemAutoClose<ITEM> = (\n  item: ITEM,\n) => boolean | number | undefined;\nexport type SnackBarPropGetItemShowProgress<ITEM> = (\n  item: ITEM,\n) => SnackBarItemShowProgressProp | undefined;\nexport type SnackBarPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type SnackBarPropGetItemActions<ITEM> = (\n  item: ITEM,\n) => SnackBarPropItemAction[] | undefined;\nexport type SnackBarPropGetItemOnClose<ITEM> = (\n  item: ITEM,\n) => ((item: ITEM) => void) | undefined;\nexport type SnackBarPropGetItemOnAutoClose<ITEM> = (\n  item: ITEM,\n) => ((item: ITEM) => void) | undefined;\nexport type SnackBarPropGetItemProgress<ITEM> = (\n  item: ITEM,\n) => number | boolean | undefined;\n\nexport type Mappers<ITEM> = {\n  getItemKey?: SnackBarPropGetItemKey<ITEM>;\n  getItemMessage?: SnackBarPropGetItemMessage<ITEM>;\n  getItemStatus?: SnackBarPropGetItemStatus<ITEM>;\n  getItemAutoClose?: SnackBarPropGetItemAutoClose<ITEM>;\n  getItemShowProgress?: SnackBarPropGetItemShowProgress<ITEM>;\n  getItemIcon?: SnackBarPropGetItemIcon<ITEM>;\n  getItemActions?: SnackBarPropGetItemActions<ITEM>;\n  getItemOnClose?: SnackBarPropGetItemOnClose<ITEM>;\n  getItemOnAutoClose?: SnackBarPropGetItemOnAutoClose<ITEM>;\n  getItemProgress?: SnackBarPropGetItemProgress<ITEM>;\n};\n\nexport const snackBarPropForm = ['default', 'round', 'brick'] as const;\nexport type SnackBarPropForm = typeof snackBarPropForm[number];\nexport const snackBarPropFormDefault = snackBarPropForm[0];\n\nexport const snackBarPropProgressView = ['spinText', 'spin', 'text'] as const;\nexport type SnackBarPropProgressView = typeof snackBarPropProgressView[number];\nexport const snackBarPropProgressViewDefault = snackBarPropProgressView[0];\n\nexport type SnackBarProps<ITEM = SnackBarItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      children?: never;\n      form?: SnackBarPropForm;\n      progressView?: SnackBarPropProgressView;\n      onItemClose?: (item: ITEM) => void;\n      onItemAutoClose?: (item: ITEM) => void;\n    } & Mappers<ITEM>,\n    HTMLDivElement\n  > &\n    (ITEM extends { key: SnackBarItemDefault['key'] }\n      ? {}\n      : { getItemKey: SnackBarPropGetItemKey<ITEM> });\n\nexport type SnackBarComponent = <ITEM = SnackBarItemDefault>(\n  props: SnackBarProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type SnackBarTimerPropOnMount = (object: {\n  pause: () => void;\n  start: () => void;\n}) => void;\n\nexport type SnackBarTimerProps = {\n  onMount: SnackBarTimerPropOnMount;\n  onTimeIsOver: () => void;\n  startTime: number;\n  hidden?: boolean;\n  className?: string;\n};\n\nexport type SnackBarProgressProps = {\n  view: SnackBarPropProgressView;\n  progress?: number | boolean;\n  className?: string;\n};\n\nexport type SnackBarItemComponent = (\n  props: SnackBarItemProps,\n) => React.ReactElement | null;\n"],"mappings":"AA4CA,MAAO,IAAMA,mBAAkB,CAAG,CAChC,QADgC,CAEhC,QAFgC,CAGhC,SAHgC,CAIhC,SAJgC,CAKhC,OALgC,CAA3B,CAQP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,6BAA4B,CAAG,CAAC,OAAD,CAAU,MAAV,CAArC,CA8CP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,yBAAwB,CAAG,CAAC,UAAD,CAAa,MAAb,CAAqB,MAArB,CAAjC,CAEP,MAAO,IAAMC,gCAA+B,CAAGD,wBAAwB,CAAC,CAAD,CAAhE"}

package/__internal__/src/components/Spoiler/types.d.ts

@@ -2,11 +2,11 @@ import { IconComponent } from '@consta/icons/Icon';
 import React from 'react';
 import { Space } from "../../mixs/MixSpace";
 import { PropsWithHTMLAttributes } from "../../utils/types/PropsWithHTMLAttributes";
-export declare const spolierPropSize: readonly ["xs", "s", "m", "l"];
-export declare type SpoilerPropSize = typeof spolierPropSize[number];
+export declare const spoilerPropSize: readonly ["xs", "s", "m", "l"];
+export declare type SpoilerPropSize = typeof spoilerPropSize[number];
 export declare const defaultSpoilerPropSize = "m";
-export declare const spolierPropButtonAlign: readonly ["left", "center", "right"];
-export declare type SpoilerPropButtonAlign = typeof spolierPropButtonAlign[number];
+export declare const spoilerPropButtonAlign: readonly ["left", "center", "right"];
+export declare type SpoilerPropButtonAlign = typeof spoilerPropButtonAlign[number];
 export declare const defaultSpoilerPropButtonAlign: "left";
 export declare type SpoilerModeProp = 'dots' | 'blur';
 export declare type SpoilerButtonProps = {

package/__internal__/src/components/Spoiler/types.js

@@ -1,2 +1,2 @@
-export var spolierPropSize=["xs","s","m","l"];export var defaultSpoilerPropSize="m";export var spolierPropButtonAlign=["left","center","right"];export var defaultSpoilerPropButtonAlign=spolierPropButtonAlign[0];
+export var spoilerPropSize=["xs","s","m","l"];export var defaultSpoilerPropSize="m";export var spoilerPropButtonAlign=["left","center","right"];export var defaultSpoilerPropButtonAlign=spoilerPropButtonAlign[0];
 //# sourceMappingURL=types.js.map

package/__internal__/src/components/Spoiler/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["spolierPropSize","defaultSpoilerPropSize","spolierPropButtonAlign","defaultSpoilerPropButtonAlign"],"sources":["../../../../../src/components/Spoiler/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { Space } from '##/mixs/MixSpace';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const spolierPropSize = ['xs', 's', 'm', 'l'] as const;\nexport type SpoilerPropSize = typeof spolierPropSize[number];\nexport const defaultSpoilerPropSize = 'm';\n\nexport const spolierPropButtonAlign = ['left', 'center', 'right'] as const;\nexport type SpoilerPropButtonAlign = typeof spolierPropButtonAlign[number];\nexport const defaultSpoilerPropButtonAlign = spolierPropButtonAlign[0];\n\nexport type SpoilerModeProp = 'dots' | 'blur';\n\nexport type SpoilerButtonProps = {\n  size?: SpoilerPropSize;\n  lessLabel?: string;\n  lessIcon?: IconComponent;\n  moreLabel?: string;\n  moreIcon?: IconComponent;\n  open?: boolean;\n};\n\nexport type SpoilerProps = Omit<\n  PropsWithHTMLAttributes<\n    {\n      size?: SpoilerPropSize;\n      lessLabel?: string;\n      lessIcon?: IconComponent;\n      moreLabel?: string;\n      moreIcon?: IconComponent;\n      buttonIndent?: Space;\n      buttonAlign?: SpoilerPropButtonAlign;\n      opened?: boolean;\n      onOpenButtonClick?: (open: boolean, event: React.MouseEvent) => void;\n    },\n    HTMLDivElement\n  >,\n  'children'\n> &\n  (\n    | {\n        preview: React.ReactNode;\n        content: React.ReactNode;\n        maxHeight?: never;\n        children?: never;\n        lineClamp?: never;\n      }\n    | {\n        preview?: never;\n        content?: never;\n        children: React.ReactNode;\n        maxHeight: number;\n        lineClamp?: never;\n      }\n    | {\n        preview?: never;\n        content?: never;\n        children: React.ReactNode;\n        maxHeight?: never;\n        lineClamp: number;\n      }\n  );\n\nexport type SpoilerMode = 'lineClamp' | 'blur' | 'toggle';\n"],"mappings":"AAMA,MAAO,IAAMA,gBAAe,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAxB,CAEP,MAAO,IAAMC,uBAAsB,CAAG,GAA/B,CAEP,MAAO,IAAMC,uBAAsB,CAAG,CAAC,MAAD,CAAS,QAAT,CAAmB,OAAnB,CAA/B,CAEP,MAAO,IAAMC,8BAA6B,CAAGD,sBAAsB,CAAC,CAAD,CAA5D"}
+{"version":3,"file":"types.js","names":["spoilerPropSize","defaultSpoilerPropSize","spoilerPropButtonAlign","defaultSpoilerPropButtonAlign"],"sources":["../../../../../src/components/Spoiler/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { Space } from '##/mixs/MixSpace';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const spoilerPropSize = ['xs', 's', 'm', 'l'] as const;\nexport type SpoilerPropSize = typeof spoilerPropSize[number];\nexport const defaultSpoilerPropSize = 'm';\n\nexport const spoilerPropButtonAlign = ['left', 'center', 'right'] as const;\nexport type SpoilerPropButtonAlign = typeof spoilerPropButtonAlign[number];\nexport const defaultSpoilerPropButtonAlign = spoilerPropButtonAlign[0];\n\nexport type SpoilerModeProp = 'dots' | 'blur';\n\nexport type SpoilerButtonProps = {\n  size?: SpoilerPropSize;\n  lessLabel?: string;\n  lessIcon?: IconComponent;\n  moreLabel?: string;\n  moreIcon?: IconComponent;\n  open?: boolean;\n};\n\nexport type SpoilerProps = Omit<\n  PropsWithHTMLAttributes<\n    {\n      size?: SpoilerPropSize;\n      lessLabel?: string;\n      lessIcon?: IconComponent;\n      moreLabel?: string;\n      moreIcon?: IconComponent;\n      buttonIndent?: Space;\n      buttonAlign?: SpoilerPropButtonAlign;\n      opened?: boolean;\n      onOpenButtonClick?: (open: boolean, event: React.MouseEvent) => void;\n    },\n    HTMLDivElement\n  >,\n  'children'\n> &\n  (\n    | {\n        preview: React.ReactNode;\n        content: React.ReactNode;\n        maxHeight?: never;\n        children?: never;\n        lineClamp?: never;\n      }\n    | {\n        preview?: never;\n        content?: never;\n        children: React.ReactNode;\n        maxHeight: number;\n        lineClamp?: never;\n      }\n    | {\n        preview?: never;\n        content?: never;\n        children: React.ReactNode;\n        maxHeight?: never;\n        lineClamp: number;\n      }\n  );\n\nexport type SpoilerMode = 'lineClamp' | 'blur' | 'toggle';\n"],"mappings":"AAMA,MAAO,IAAMA,gBAAe,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAxB,CAEP,MAAO,IAAMC,uBAAsB,CAAG,GAA/B,CAEP,MAAO,IAAMC,uBAAsB,CAAG,CAAC,MAAD,CAAS,QAAT,CAAmB,OAAnB,CAA/B,CAEP,MAAO,IAAMC,8BAA6B,CAAGD,sBAAsB,CAAC,CAAD,CAA5D"}

package/__internal__/src/components/Steps/Steps.d.ts

@@ -1,5 +1,5 @@
 import './Steps.css';
-import { StepsCompnent } from './types';
+import { StepsComponent } from './types';
 export declare const cnSteps: import("@bem-react/classname").ClassNameFormatter;
-export declare const Steps: StepsCompnent;
+export declare const Steps: StepsComponent;
 export * from './types';

package/__internal__/src/components/Steps/Steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.js","names":["IconArrowLeft","IconArrowRight","React","forwardRef","useMemo","useRef","useState","useChoiceGroup","useOverflow","useScrollElements","cn","Button","withDefaultGetters","StepsStep","stepsDefaultSize","cnSteps","StepsRender","props","ref","size","items","value","getItemLabel","getItemDisabled","getItemCompleted","getItemSkipped","onChange","className","otherProps","activeStep","setActiveStep","getKey","callBack","multiple","getOnChange","getChecked","forEach","item","index","refs","scrollTo","stepsRef","isOverflow","currentRef","changeStep","e","prev","length","side","map","Steps"],"sources":["../../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import './Steps.css';\n\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, { forwardRef, useMemo, useRef, useState } from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { useOverflow } from '../../hooks/useOverflow/useOverflow';\nimport { useScrollElements } from '../../hooks/useScrollElements/useScrollElements';\nimport { cn } from '../../utils/bem';\nimport { Button } from '../Button/Button';\nimport { withDefaultGetters } from './helper';\nimport { StepsStep } from './StepsStep/StepsStep';\nimport { StepsCompnent, stepsDefaultSize, StepsProps } from './types';\n\nexport const cnSteps = cn('Steps');\n\nconst StepsRender = (props: StepsProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    size = stepsDefaultSize,\n    items,\n    value,\n    getItemLabel,\n    getItemDisabled,\n    getItemCompleted,\n    getItemSkipped,\n    onChange,\n    className,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [activeStep, setActiveStep] = useState<number>(-1);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value,\n    getKey: getItemLabel,\n    callBack: onChange,\n    multiple: false,\n  });\n\n  useMemo(() => {\n    items.forEach((item, index) => {\n      if (getChecked(item)) {\n        setActiveStep(index);\n      }\n    });\n  }, [items, value]);\n\n  const { refs, scrollTo } = useScrollElements(items);\n\n  const stepsRef = useRef<HTMLDivElement>(null);\n\n  const isOverflow = useOverflow({ currentRef: stepsRef });\n\n  const changeStep = (e: React.MouseEvent, prev: boolean) => {\n    if (prev && activeStep !== 0) {\n      getOnChange(items[activeStep - 1])(e);\n      scrollTo(activeStep - 1);\n    }\n    if (!prev && activeStep !== items.length - 1) {\n      getOnChange(items[activeStep + 1])(e);\n      scrollTo(activeStep + 1);\n    }\n  };\n\n  return (\n    <div ref={ref} className={cnSteps({ size }, [className])} {...otherProps}>\n      {isOverflow && (\n        <Button\n          iconLeft={() => <IconArrowLeft size=\"xs\" />}\n          view=\"clear\"\n          onlyIcon\n          size=\"xs\"\n          type=\"button\"\n          className={cnSteps('Button', { side: 'left' })}\n          onClick={(e) => changeStep(e, true)}\n        />\n      )}\n      <div ref={stepsRef} className={cnSteps('List')}>\n        {items.map((item, index) => (\n          <StepsStep\n            key={index}\n            ref={refs[index] as React.RefObject<HTMLButtonElement>}\n            className={cnSteps('Item')}\n            label={getItemLabel(item)}\n            step={index + 1}\n            size={size}\n            active={activeStep === index}\n            onChange={getOnChange(item)}\n            completed={getItemCompleted?.(item)}\n            skipped={getItemSkipped?.(item)}\n            disabled={getItemDisabled?.(item)}\n          />\n        ))}\n      </div>\n      {isOverflow && (\n        <Button\n          iconLeft={() => <IconArrowRight size=\"xs\" />}\n          view=\"clear\"\n          onlyIcon\n          size=\"xs\"\n          type=\"button\"\n          className={cnSteps('Button', { side: 'right' })}\n          onClick={(e) => changeStep(e, false)}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const Steps = forwardRef(StepsRender) as StepsCompnent;\n\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"Steps.js","names":["IconArrowLeft","IconArrowRight","React","forwardRef","useMemo","useRef","useState","useChoiceGroup","useOverflow","useScrollElements","cn","Button","withDefaultGetters","StepsStep","stepsDefaultSize","cnSteps","StepsRender","props","ref","size","items","value","getItemLabel","getItemDisabled","getItemCompleted","getItemSkipped","onChange","className","otherProps","activeStep","setActiveStep","getKey","callBack","multiple","getOnChange","getChecked","forEach","item","index","refs","scrollTo","stepsRef","isOverflow","currentRef","changeStep","e","prev","length","side","map","Steps"],"sources":["../../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import './Steps.css';\n\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, { forwardRef, useMemo, useRef, useState } from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { useOverflow } from '../../hooks/useOverflow/useOverflow';\nimport { useScrollElements } from '../../hooks/useScrollElements/useScrollElements';\nimport { cn } from '../../utils/bem';\nimport { Button } from '../Button/Button';\nimport { withDefaultGetters } from './helper';\nimport { StepsStep } from './StepsStep/StepsStep';\nimport { StepsComponent, stepsDefaultSize, StepsProps } from './types';\n\nexport const cnSteps = cn('Steps');\n\nconst StepsRender = (props: StepsProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    size = stepsDefaultSize,\n    items,\n    value,\n    getItemLabel,\n    getItemDisabled,\n    getItemCompleted,\n    getItemSkipped,\n    onChange,\n    className,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [activeStep, setActiveStep] = useState<number>(-1);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value,\n    getKey: getItemLabel,\n    callBack: onChange,\n    multiple: false,\n  });\n\n  useMemo(() => {\n    items.forEach((item, index) => {\n      if (getChecked(item)) {\n        setActiveStep(index);\n      }\n    });\n  }, [items, value]);\n\n  const { refs, scrollTo } = useScrollElements(items);\n\n  const stepsRef = useRef<HTMLDivElement>(null);\n\n  const isOverflow = useOverflow({ currentRef: stepsRef });\n\n  const changeStep = (e: React.MouseEvent, prev: boolean) => {\n    if (prev && activeStep !== 0) {\n      getOnChange(items[activeStep - 1])(e);\n      scrollTo(activeStep - 1);\n    }\n    if (!prev && activeStep !== items.length - 1) {\n      getOnChange(items[activeStep + 1])(e);\n      scrollTo(activeStep + 1);\n    }\n  };\n\n  return (\n    <div ref={ref} className={cnSteps({ size }, [className])} {...otherProps}>\n      {isOverflow && (\n        <Button\n          iconLeft={() => <IconArrowLeft size=\"xs\" />}\n          view=\"clear\"\n          onlyIcon\n          size=\"xs\"\n          type=\"button\"\n          className={cnSteps('Button', { side: 'left' })}\n          onClick={(e) => changeStep(e, true)}\n        />\n      )}\n      <div ref={stepsRef} className={cnSteps('List')}>\n        {items.map((item, index) => (\n          <StepsStep\n            key={index}\n            ref={refs[index] as React.RefObject<HTMLButtonElement>}\n            className={cnSteps('Item')}\n            label={getItemLabel(item)}\n            step={index + 1}\n            size={size}\n            active={activeStep === index}\n            onChange={getOnChange(item)}\n            completed={getItemCompleted?.(item)}\n            skipped={getItemSkipped?.(item)}\n            disabled={getItemDisabled?.(item)}\n          />\n        ))}\n      </div>\n      {isOverflow && (\n        <Button\n          iconLeft={() => <IconArrowRight size=\"xs\" />}\n          view=\"clear\"\n          onlyIcon\n          size=\"xs\"\n          type=\"button\"\n          className={cnSteps('Button', { side: 'right' })}\n          onClick={(e) => changeStep(e, false)}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const Steps = forwardRef(StepsRender) as StepsComponent;\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/Steps/StepsStep/StepsStep.js

@@ -1,2 +1,2 @@
-import"./StepsStep.css";import{IconCheck}from"@consta/icons/IconCheck";import React from"react";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";export var cnStepsStep=cn("StepsStep");var sizeMap={m:"xs",s:"xs",l:"s"};export var StepsStep=React.forwardRef(function(a,b){var c=a.size,d=a.label,e=a.active,f=void 0!==e&&e,g=a.disabled,h=void 0!==g&&g,i=a.completed,j=void 0!==i&&i,k=a.skipped,l=a.onChange,m=a.step,n=void 0===m?1:m,o=a.className,p=getByMap(sizeMap,c);return React.createElement("button",{ref:b,className:cnStepsStep({size:c,active:f,disabled:h,completed:j,skipped:void 0!==k&&k},[o]),type:"button",title:d,onClick:function clickHandler(a){f||h||(null===l||void 0===l?void 0:l(a))}},j?React.createElement(IconCheck,{className:cnStepsStep("Icon"),size:p}):n,React.createElement("span",null,d))});
+import"./StepsStep.css";import{IconCheck}from"@consta/icons/IconCheck";import React from"react";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";export var cnStepsStep=cn("StepsStep");var sizeMap={m:"xs",s:"xs",l:"s"};export var StepsStep=React.forwardRef(function(a,b){var c=a.size,d=a.label,e=a.active,f=void 0!==e&&e,g=a.disabled,h=void 0!==g&&g,i=a.completed,j=void 0!==i&&i,k=a.skipped,l=a.onChange,m=a.step,n=void 0===m?1:m,o=a.className,p=getByMap(sizeMap,c);return React.createElement("button",{ref:b,className:cnStepsStep({size:c,active:f,disabled:h,completed:j,skipped:void 0!==k&&k},[o]),type:"button",title:d,onClick:function clickHandler(a){f||h||(null===l||void 0===l?void 0:l(a))}},j?React.createElement(IconCheck,{className:cnStepsStep("Icon"),size:p}):React.createElement("span",{className:cnStepsStep("Number")},n),React.createElement("span",{className:cnStepsStep("Label")},d))});
 //# sourceMappingURL=StepsStep.js.map

package/__internal__/src/components/Steps/StepsStep/StepsStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepsStep.js","names":["IconCheck","React","cn","getByMap","cnStepsStep","sizeMap","m","s","l","StepsStep","forwardRef","props","ref","size","label","active","disabled","completed","skipped","onChange","step","className","iconSize","clickHandler","e"],"sources":["../../../../../../src/components/Steps/StepsStep/StepsStep.tsx"],"sourcesContent":["import './StepsStep.css';\n\nimport { IconPropSize } from '@consta/icons/Icon';\nimport { IconCheck } from '@consta/icons/IconCheck';\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { StepsPropSize } from '../Steps';\n\nexport const cnStepsStep = cn('StepsStep');\n\ntype Props = {\n  size: StepsPropSize;\n  label: string;\n  step?: number;\n  active?: boolean;\n  disabled?: boolean;\n  completed?: boolean;\n  skipped?: boolean;\n  onChange: React.MouseEventHandler<HTMLButtonElement>;\n  className?: string;\n};\n\nconst sizeMap: Record<StepsPropSize, IconPropSize> = {\n  m: 'xs',\n  s: 'xs',\n  l: 's',\n};\n\nexport const StepsStep = React.forwardRef<HTMLButtonElement, Props>(\n  (props, ref) => {\n    const {\n      size,\n      label,\n      active = false,\n      disabled = false,\n      completed = false,\n      skipped = false,\n      onChange,\n      step = 1,\n      className,\n    } = props;\n\n    const clickHandler = (e: React.MouseEvent<HTMLButtonElement>) => {\n      !active && !disabled && onChange?.(e);\n    };\n    const iconSize = getByMap(sizeMap, size);\n\n    return (\n      <button\n        ref={ref}\n        className={cnStepsStep({ size, active, disabled, completed, skipped }, [\n          className,\n        ])}\n        type=\"button\"\n        title={label}\n        onClick={clickHandler}\n      >\n        {completed ? (\n          <IconCheck className={cnStepsStep('Icon')} size={iconSize} />\n        ) : (\n          step\n        )}\n        <span>{label}</span>\n      </button>\n    );\n  },\n);\n"],"mappings":"AAAA,wBAGA,OAASA,SAAT,KAA0B,yBAA1B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,QAAT,+BAGA,MAAO,IAAMC,YAAW,CAAGF,EAAE,CAAC,WAAD,CAAtB,CAcP,GAAMG,QAA4C,CAAG,CACnDC,CAAC,CAAE,IADgD,CAEnDC,CAAC,CAAE,IAFgD,CAGnDC,CAAC,CAAE,GAHgD,CAArD,CAMA,MAAO,IAAMC,UAAS,CAAGR,KAAK,CAACS,UAAN,CACvB,SAACC,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAWVF,CAXU,CAEZE,IAFY,CAGZC,CAHY,CAWVH,CAXU,CAGZG,KAHY,GAWVH,CAXU,CAIZI,MAJY,CAIZA,CAJY,iBAWVJ,CAXU,CAKZK,QALY,CAKZA,CALY,iBAWVL,CAXU,CAMZM,SANY,CAMZA,CANY,iBAWVN,CAXU,CAOZO,OAPY,CAQZC,CARY,CAWVR,CAXU,CAQZQ,QARY,GAWVR,CAXU,CASZS,IATY,CASZA,CATY,YASL,CATK,GAUZC,CAVY,CAWVV,CAXU,CAUZU,SAVY,CAgBRC,CAAQ,CAAGnB,QAAQ,CAACE,OAAD,CAAUQ,CAAV,CAhBX,CAkBd,MACE,+BACE,GAAG,CAAED,CADP,CAEE,SAAS,CAAER,WAAW,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQE,MAAM,CAANA,CAAR,CAAgBC,QAAQ,CAARA,CAAhB,CAA0BC,SAAS,CAATA,CAA1B,CAAqCC,OAAO,cAA5C,CAAD,CAAiD,CACrEG,CADqE,CAAjD,CAFxB,CAKE,IAAI,CAAC,QALP,CAME,KAAK,CAAEP,CANT,CAOE,OAAO,CAbU,QAAfS,aAAe,CAACC,CAAD,CAA4C,CAC9DT,CAAD,EAAYC,CAAZ,UAAwBG,CAAxB,WAAwBA,CAAxB,QAAwBA,CAAQ,CAAGK,CAAH,CAAhC,CACD,CAIC,EASGP,CAAS,CACR,oBAAC,SAAD,EAAW,SAAS,CAAEb,WAAW,CAAC,MAAD,CAAjC,CAA2C,IAAI,CAAEkB,CAAjD,EADQ,CAGRF,CAZJ,CAcE,gCAAON,CAAP,CAdF,CAiBH,CArCsB,CAAlB"}
+{"version":3,"file":"StepsStep.js","names":["IconCheck","React","cn","getByMap","cnStepsStep","sizeMap","m","s","l","StepsStep","forwardRef","props","ref","size","label","active","disabled","completed","skipped","onChange","step","className","iconSize","clickHandler","e"],"sources":["../../../../../../src/components/Steps/StepsStep/StepsStep.tsx"],"sourcesContent":["import './StepsStep.css';\n\nimport { IconPropSize } from '@consta/icons/Icon';\nimport { IconCheck } from '@consta/icons/IconCheck';\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { StepsPropSize } from '../Steps';\n\nexport const cnStepsStep = cn('StepsStep');\n\ntype Props = {\n  size: StepsPropSize;\n  label: string;\n  step?: number;\n  active?: boolean;\n  disabled?: boolean;\n  completed?: boolean;\n  skipped?: boolean;\n  onChange: React.MouseEventHandler<HTMLButtonElement>;\n  className?: string;\n};\n\nconst sizeMap: Record<StepsPropSize, IconPropSize> = {\n  m: 'xs',\n  s: 'xs',\n  l: 's',\n};\n\nexport const StepsStep = React.forwardRef<HTMLButtonElement, Props>(\n  (props, ref) => {\n    const {\n      size,\n      label,\n      active = false,\n      disabled = false,\n      completed = false,\n      skipped = false,\n      onChange,\n      step = 1,\n      className,\n    } = props;\n\n    const clickHandler = (e: React.MouseEvent<HTMLButtonElement>) => {\n      !active && !disabled && onChange?.(e);\n    };\n    const iconSize = getByMap(sizeMap, size);\n\n    return (\n      <button\n        ref={ref}\n        className={cnStepsStep({ size, active, disabled, completed, skipped }, [\n          className,\n        ])}\n        type=\"button\"\n        title={label}\n        onClick={clickHandler}\n      >\n        {completed ? (\n          <IconCheck className={cnStepsStep('Icon')} size={iconSize} />\n        ) : (\n          <span className={cnStepsStep('Number')}>{step}</span>\n        )}\n        <span className={cnStepsStep('Label')}>{label}</span>\n      </button>\n    );\n  },\n);\n"],"mappings":"AAAA,wBAGA,OAASA,SAAT,KAA0B,yBAA1B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,QAAT,+BAGA,MAAO,IAAMC,YAAW,CAAGF,EAAE,CAAC,WAAD,CAAtB,CAcP,GAAMG,QAA4C,CAAG,CACnDC,CAAC,CAAE,IADgD,CAEnDC,CAAC,CAAE,IAFgD,CAGnDC,CAAC,CAAE,GAHgD,CAArD,CAMA,MAAO,IAAMC,UAAS,CAAGR,KAAK,CAACS,UAAN,CACvB,SAACC,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAWVF,CAXU,CAEZE,IAFY,CAGZC,CAHY,CAWVH,CAXU,CAGZG,KAHY,GAWVH,CAXU,CAIZI,MAJY,CAIZA,CAJY,iBAWVJ,CAXU,CAKZK,QALY,CAKZA,CALY,iBAWVL,CAXU,CAMZM,SANY,CAMZA,CANY,iBAWVN,CAXU,CAOZO,OAPY,CAQZC,CARY,CAWVR,CAXU,CAQZQ,QARY,GAWVR,CAXU,CASZS,IATY,CASZA,CATY,YASL,CATK,GAUZC,CAVY,CAWVV,CAXU,CAUZU,SAVY,CAgBRC,CAAQ,CAAGnB,QAAQ,CAACE,OAAD,CAAUQ,CAAV,CAhBX,CAkBd,MACE,+BACE,GAAG,CAAED,CADP,CAEE,SAAS,CAAER,WAAW,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQE,MAAM,CAANA,CAAR,CAAgBC,QAAQ,CAARA,CAAhB,CAA0BC,SAAS,CAATA,CAA1B,CAAqCC,OAAO,cAA5C,CAAD,CAAiD,CACrEG,CADqE,CAAjD,CAFxB,CAKE,IAAI,CAAC,QALP,CAME,KAAK,CAAEP,CANT,CAOE,OAAO,CAbU,QAAfS,aAAe,CAACC,CAAD,CAA4C,CAC9DT,CAAD,EAAYC,CAAZ,UAAwBG,CAAxB,WAAwBA,CAAxB,QAAwBA,CAAQ,CAAGK,CAAH,CAAhC,CACD,CAIC,EASGP,CAAS,CACR,oBAAC,SAAD,EAAW,SAAS,CAAEb,WAAW,CAAC,MAAD,CAAjC,CAA2C,IAAI,CAAEkB,CAAjD,EADQ,CAGR,4BAAM,SAAS,CAAElB,WAAW,CAAC,QAAD,CAA5B,EAAyCgB,CAAzC,CAZJ,CAcE,4BAAM,SAAS,CAAEhB,WAAW,CAAC,OAAD,CAA5B,EAAwCU,CAAxC,CAdF,CAiBH,CArCsB,CAAlB"}

package/__internal__/src/components/Steps/types.d.ts

@@ -31,4 +31,4 @@ export declare type StepsProps<ITEM = StepsItemDefault> = PropsWithHTMLAttribute
 } ? {} : {
     getItemLabel: StepsPropGetLabel<ITEM>;
 });
-export declare type StepsCompnent = <ITEM>(props: StepsProps<ITEM>) => React.ReactElement | null;
+export declare type StepsComponent = <ITEM>(props: StepsProps<ITEM>) => React.ReactElement | null;

package/__internal__/src/components/Steps/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["stepsSizes","stepsDefaultSize"],"sources":["../../../../../src/components/Steps/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const stepsSizes = ['m', 's', 'l'] as const;\nexport type StepsPropSize = typeof stepsSizes[number];\nexport const stepsDefaultSize: StepsPropSize = stepsSizes[0];\n\nexport type StepsPropOnChange<ITEM> = (\n  value: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type StepsPropGetLabel<ITEM> = (item: ITEM) => string;\nexport type StepsPropGetDisabled<ITEM> = (item: ITEM) => boolean | undefined;\nexport type StepsPropGetSkipped<ITEM> = (item: ITEM) => boolean | undefined;\nexport type StepsPropGetCompleted<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type StepsItemDefault = {\n  label: string;\n  disabled?: boolean;\n  skipped?: boolean;\n  completed?: boolean;\n};\n\nexport type StepsProps<ITEM = StepsItemDefault> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: StepsPropSize;\n    items: ITEM[];\n    value: ITEM;\n    getItemLabel?: StepsPropGetLabel<ITEM>;\n    getItemDisabled?: StepsPropGetDisabled<ITEM>;\n    getItemCompleted?: StepsPropGetCompleted<ITEM>;\n    getItemSkipped?: StepsPropGetSkipped<ITEM>;\n    onChange: StepsPropOnChange<ITEM>;\n    className?: string;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: StepsItemDefault['label'] }\n    ? {}\n    : {\n        getItemLabel: StepsPropGetLabel<ITEM>;\n      });\n\nexport type StepsCompnent = <ITEM>(\n  props: StepsProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAEA,MAAO,IAAMA,WAAU,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAnB,CAEP,MAAO,IAAMC,iBAA+B,CAAGD,UAAU,CAAC,CAAD,CAAlD"}
+{"version":3,"file":"types.js","names":["stepsSizes","stepsDefaultSize"],"sources":["../../../../../src/components/Steps/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const stepsSizes = ['m', 's', 'l'] as const;\nexport type StepsPropSize = typeof stepsSizes[number];\nexport const stepsDefaultSize: StepsPropSize = stepsSizes[0];\n\nexport type StepsPropOnChange<ITEM> = (\n  value: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type StepsPropGetLabel<ITEM> = (item: ITEM) => string;\nexport type StepsPropGetDisabled<ITEM> = (item: ITEM) => boolean | undefined;\nexport type StepsPropGetSkipped<ITEM> = (item: ITEM) => boolean | undefined;\nexport type StepsPropGetCompleted<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type StepsItemDefault = {\n  label: string;\n  disabled?: boolean;\n  skipped?: boolean;\n  completed?: boolean;\n};\n\nexport type StepsProps<ITEM = StepsItemDefault> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: StepsPropSize;\n    items: ITEM[];\n    value: ITEM;\n    getItemLabel?: StepsPropGetLabel<ITEM>;\n    getItemDisabled?: StepsPropGetDisabled<ITEM>;\n    getItemCompleted?: StepsPropGetCompleted<ITEM>;\n    getItemSkipped?: StepsPropGetSkipped<ITEM>;\n    onChange: StepsPropOnChange<ITEM>;\n    className?: string;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: StepsItemDefault['label'] }\n    ? {}\n    : {\n        getItemLabel: StepsPropGetLabel<ITEM>;\n      });\n\nexport type StepsComponent = <ITEM>(\n  props: StepsProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAEA,MAAO,IAAMA,WAAU,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAnB,CAEP,MAAO,IAAMC,iBAA+B,CAAGD,UAAU,CAAC,CAAD,CAAlD"}

package/__internal__/src/components/Table/Header/TableHeader.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./TableHeader.css";import React from"react";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{TableCell}from"../Cell/TableCell";import{getOptionsForFilters}from"../filtering";import{TableFilterTooltip}from"../FilterTooltip/TableFilterTooltip";var cnTableHeader=cn("TableHeader");export var levelTypes=["high","low","default"];export var TableHeader=function(a){var b=a.isStickyHeader,c=a.headersWithMetaData,d=a.headerRowsHeights,f=a.headerRowsRefs,g=a.getStickyLeftOffset,h=a.stickyColumnsGrid,i=a.showVerticalCellShadow,j=a.headerVerticalAlign,k=a.getSortIcon,l=a.handleSortClick,m=a.handleFilterTogglerClick,n=a.handleCellClick,o=a.handleTooltipSave,p=a.filters,q=a.visibleFilter,r=a.selectedFilters,s=a.showHorizontalCellShadow,t=a.borderBetweenColumns,u=d.reduce(function(c,a){return c+a},0),v={"--table-header-height":"".concat(u,"px")},w=function(a){var b;return 1<=+a.position.colSpan?"high":null!==(b=a.position)&&void 0!==b&&b.smallTextSize?"low":"default"},x=function(a){var b=[],d=function(a){a.columns?a.columns.forEach(function(a){return d(c.find(function(b){return b.title===a.title}))}):b.push(a)};return d(a),b.some(function(a){return a.isResized})},y=function(a){var b,c,d,e;if(!p||!a.accessor)return null;var f=p.find(function(b){var c=b.field;return c===a.accessor}),g=null===f||void 0===f||null===(b=f.component)||void 0===b?void 0:b.name,h=null!==(c=null===f||void 0===f||null===(d=f.component)||void 0===d?void 0:d.props)&&void 0!==c?c:{},i=m(a.accessor),j=null===f||void 0===f?void 0:f.id;return a.filterable?React.createElement(TableFilterTooltip,{field:a.accessor,isOpened:q===a.accessor,options:getOptionsForFilters(p,a.accessor),values:r[a.accessor].selected||[],onChange:o,onToggle:m(a.accessor),className:cnTableHeader("Icon",{type:"filter"})},g&&React.createElement(g,Object.assign({},h,{onConfirm:function handleFilterSave(b){j&&o(a.accessor,[j],b),i()},filterValue:null===(e=r[a.accessor])||void 0===e?void 0:e.value,onCancel:m(a.accessor)}))):null},z=function(a){return a.control?React.createElement("div",{className:cnTableHeader("\u0421ontrol")},a.control({column:a})):null};return React.createElement(React.Fragment,null,React.createElement("div",{className:cnTableHeader("Row",{withVerticalBorder:t})},c.map(function(a,m){var o,p,q,r,s={};return a.position.colSpan&&(s.gridColumnEnd="span ".concat(a.position.colSpan)),a.position.rowSpan&&(s.gridRowEnd="span ".concat(a.position.rowSpan)),b&&(s.top=d.slice(0,a.position.level).reduce(function(c,a){return c+a},0)),React.createElement(TableCell,{type:"header",key:m,ref:function ref(a){f.current[m]=a},style:_objectSpread(_objectSpread({},s),{},{left:g(a.position.gridIndex,a.position.topHeaderGridIndex)}),isSticky:b,isResized:x(a),column:a,verticalAlign:j,onContextMenu:function onContextMenu(a){return n({e:a,type:"contextMenu",columnIdx:m,ref:{current:f.current[m]}})},onClick:function onClick(a){return n({e:a,type:"click",columnIdx:m,ref:{current:f.current[m]}})},className:cnTableHeader("Cell",{isFirstColumn:null===(o=a.position)||void 0===o?void 0:o.isFirst,isFirstRow:0===a.position.level,isLastInColumn:(null===(p=a.position)||void 0===p?void 0:p.topHeaderGridIndex)!==(null===(q=c[m+1])||void 0===q||null===(r=q.position)||void 0===r?void 0:r.topHeaderGridIndex),level:w(a)}),showVerticalShadow:i&&a.position.gridIndex+((null===a||void 0===a?void 0:a.position.colSpan)||1)===h},a.title,React.createElement("div",{className:cnTableHeader("Buttons",{isSortingActive:a.isSortingActive,isFilterActive:a.isFilterActive,verticalAlign:j})},a.sortable&&React.createElement(Button,{type:"button",size:"xs",iconSize:"s",view:"clear",onlyIcon:!0,onClick:function onClick(){return l(a)},iconLeft:k(a),className:cnTableHeader("Icon",{type:"sort"})}),y(a),z(a)))})),React.createElement("div",{className:cnTableHeader("ShadowWrapper"),style:v},React.createElement("div",{className:cnTableHeader("Shadow",{show:s&&b})})))};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./TableHeader.css";import React from"react";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{TableCell}from"../Cell/TableCell";import{getOptionsForFilters}from"../filtering";import{TableFilterTooltip}from"../FilterTooltip/TableFilterTooltip";var cnTableHeader=cn("TableHeader");export var levelTypes=["high","low","default"];export var TableHeader=function(a){var b=a.isStickyHeader,c=a.headersWithMetaData,d=a.headerRowsHeights,f=a.headerRowsRefs,g=a.getStickyLeftOffset,h=a.stickyColumnsGrid,i=a.showVerticalCellShadow,j=a.headerVerticalAlign,k=a.getSortIcon,l=a.handleSortClick,m=a.handleFilterTogglerClick,n=a.handleCellClick,o=a.handleTooltipSave,p=a.filters,q=a.visibleFilter,r=a.selectedFilters,s=a.showHorizontalCellShadow,t=a.borderBetweenColumns,u=d.reduce(function(c,a){return c+a},0),v={"--table-header-height":"".concat(u,"px")},w=function(a){var b;return 1<=+a.position.colSpan?"high":null!==(b=a.position)&&void 0!==b&&b.smallTextSize?"low":"default"},x=function(a){var b=[],d=function(a){a.columns?a.columns.forEach(function(a){return d(c.find(function(b){return b.title===a.title}))}):b.push(a)};return d(a),b.some(function(a){return a.isResized})},y=function(a){var b,c,d,e;if(!p||!a.accessor)return null;var f=p.find(function(b){var c=b.field;return c===a.accessor}),g=null===f||void 0===f||null===(b=f.component)||void 0===b?void 0:b.name,h=null!==(c=null===f||void 0===f||null===(d=f.component)||void 0===d?void 0:d.props)&&void 0!==c?c:{},i=m(a.accessor),j=null===f||void 0===f?void 0:f.id;return a.filterable?React.createElement(TableFilterTooltip,{field:a.accessor,isOpened:q===a.accessor,options:getOptionsForFilters(p,a.accessor),values:r[a.accessor].selected||[],onChange:o,onToggle:m(a.accessor),className:cnTableHeader("Icon",{type:"filter"})},g&&React.createElement(g,Object.assign({},h,{onConfirm:function handleFilterSave(b){j&&o(a.accessor,[j],b),i()},filterValue:null===(e=r[a.accessor])||void 0===e?void 0:e.value,onCancel:m(a.accessor)}))):null},z=function(a){return a.control?React.createElement("div",{className:cnTableHeader("Control")},a.control({column:a})):null};return React.createElement(React.Fragment,null,React.createElement("div",{className:cnTableHeader("Row",{withVerticalBorder:t})},c.map(function(a,m){var o,p,q,r,s={};return a.position.colSpan&&(s.gridColumnEnd="span ".concat(a.position.colSpan)),a.position.rowSpan&&(s.gridRowEnd="span ".concat(a.position.rowSpan)),b&&(s.top=d.slice(0,a.position.level).reduce(function(c,a){return c+a},0)),React.createElement(TableCell,{type:"header",key:m,ref:function ref(a){f.current[m]=a},style:_objectSpread(_objectSpread({},s),{},{left:g(a.position.gridIndex,a.position.topHeaderGridIndex)}),isSticky:b,isResized:x(a),column:a,verticalAlign:j,onContextMenu:function onContextMenu(a){return n({e:a,type:"contextMenu",columnIdx:m,ref:{current:f.current[m]}})},onClick:function onClick(a){return n({e:a,type:"click",columnIdx:m,ref:{current:f.current[m]}})},className:cnTableHeader("Cell",{isFirstColumn:null===(o=a.position)||void 0===o?void 0:o.isFirst,isFirstRow:0===a.position.level,isLastInColumn:(null===(p=a.position)||void 0===p?void 0:p.topHeaderGridIndex)!==(null===(q=c[m+1])||void 0===q||null===(r=q.position)||void 0===r?void 0:r.topHeaderGridIndex),level:w(a)}),showVerticalShadow:i&&a.position.gridIndex+((null===a||void 0===a?void 0:a.position.colSpan)||1)===h},a.title,React.createElement("div",{className:cnTableHeader("Buttons",{isSortingActive:a.isSortingActive,isFilterActive:a.isFilterActive,verticalAlign:j})},a.sortable&&React.createElement(Button,{type:"button",size:"xs",iconSize:"s",view:"clear",onlyIcon:!0,onClick:function onClick(){return l(a)},iconLeft:k(a),className:cnTableHeader("Icon",{type:"sort"})}),y(a),z(a)))})),React.createElement("div",{className:cnTableHeader("ShadowWrapper"),style:v},React.createElement("div",{className:cnTableHeader("Shadow",{show:s&&b})})))};
 //# sourceMappingURL=TableHeader.js.map

package/__internal__/src/components/Table/Header/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","names":["React","cn","Button","TableCell","getOptionsForFilters","TableFilterTooltip","cnTableHeader","levelTypes","TableHeader","isStickyHeader","headersWithMetaData","headerRowsHeights","headerRowsRefs","getStickyLeftOffset","stickyColumnsGrid","showVerticalCellShadow","headerVerticalAlign","getSortIcon","handleSortClick","handleFilterTogglerClick","handleCellClick","handleTooltipSave","filters","visibleFilter","selectedFilters","showHorizontalCellShadow","borderBetweenColumns","tableHeaderHeight","reduce","a","b","tableHeaderStyle","getLevelType","column","position","colSpan","smallTextSize","isColumnResized","headers","build","header","columns","forEach","col","find","head","title","push","some","isResized","getFilterPopover","accessor","curFilter","field","FilterComponent","component","name","filterComponentProps","props","onToggle","filterId","id","filterable","selected","type","handleFilterSave","filterValue","value","control","withVerticalBorder","map","columnIdx","style","gridColumnEnd","rowSpan","gridRowEnd","top","slice","level","ref","current","left","gridIndex","topHeaderGridIndex","e","isFirstColumn","isFirst","isFirstRow","isLastInColumn","isSortingActive","isFilterActive","verticalAlign","sortable","show"],"sources":["../../../../../../src/components/Table/Header/TableHeader.tsx"],"sourcesContent":["import './TableHeader.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { Button } from '../../Button/Button';\nimport { TableCell } from '../Cell/TableCell';\nimport {\n  FieldSelectedValues,\n  Filters,\n  getOptionsForFilters,\n  SelectedFilters,\n} from '../filtering';\nimport { TableFilterTooltip } from '../FilterTooltip/TableFilterTooltip';\nimport { Header } from '../helpers';\nimport {\n  ColumnMetaData,\n  HeaderVerticalAlign,\n  onCellClick,\n  TableColumn,\n  TableRow,\n} from '../Table';\n\nconst cnTableHeader = cn('TableHeader');\n\ntype TableCSSCustomProperty = {\n  '--table-header-height': string;\n};\n\nexport const levelTypes = ['high', 'low', 'default'] as const;\nexport type LevelType = typeof levelTypes[number];\n\ntype Props<T extends TableRow> = {\n  isStickyHeader: boolean;\n  headersWithMetaData: Array<Header<T> & ColumnMetaData>;\n  headerRowsHeights: Array<number>;\n  headerRowsRefs: React.MutableRefObject<Record<number, HTMLDivElement | null>>;\n  getStickyLeftOffset: (\n    columnIndex: number,\n    topHeaderGridIndex: number,\n  ) => number | undefined;\n  stickyColumnsGrid: number;\n  showVerticalCellShadow: boolean;\n  headerVerticalAlign: HeaderVerticalAlign;\n  getSortIcon: (column: Header<T>) => React.FC;\n  handleSortClick: (column: TableColumn<T>) => void;\n  handleFilterTogglerClick: (id: string) => () => void;\n  handleCellClick: onCellClick;\n  handleTooltipSave: (\n    field: string,\n    tooltipSelectedFilters: FieldSelectedValues,\n    value?: unknown,\n  ) => void;\n  filters: Filters<T> | undefined;\n  visibleFilter: string | null;\n  selectedFilters: SelectedFilters;\n  showHorizontalCellShadow: boolean;\n  borderBetweenColumns: boolean;\n};\n\nexport const TableHeader = <T extends TableRow>({\n  isStickyHeader,\n  headersWithMetaData,\n  headerRowsHeights,\n  headerRowsRefs,\n  getStickyLeftOffset,\n  stickyColumnsGrid,\n  showVerticalCellShadow,\n  headerVerticalAlign,\n  getSortIcon,\n  handleSortClick,\n  handleFilterTogglerClick,\n  handleCellClick,\n  handleTooltipSave,\n  filters,\n  visibleFilter,\n  selectedFilters,\n  showHorizontalCellShadow,\n  borderBetweenColumns,\n}: Props<T>): React.ReactElement => {\n  const tableHeaderHeight = headerRowsHeights.reduce(\n    (a: number, b: number) => a + b,\n    0,\n  );\n  const tableHeaderStyle: React.CSSProperties & TableCSSCustomProperty = {\n    '--table-header-height': `${tableHeaderHeight}px`,\n  };\n  const getLevelType = (column: Header<T> & ColumnMetaData): LevelType => {\n    if (Number(column.position!.colSpan) >= 1) return 'high';\n    if (column.position?.smallTextSize) return 'low';\n    return 'default';\n  };\n  const isColumnResized = (column: Header<T> & ColumnMetaData): boolean => {\n    const headers: Array<Header<T> & ColumnMetaData> = [];\n    const build = (header: Header<T> & ColumnMetaData) => {\n      if (!header.columns) {\n        headers.push(header);\n      } else {\n        header.columns.forEach((col) =>\n          build(\n            headersWithMetaData.find(\n              (head) => head.title === col.title,\n            ) as Header<T> & ColumnMetaData,\n          ),\n        );\n      }\n    };\n    build(column);\n    return headers.some((header) => header.isResized);\n  };\n\n  const getFilterPopover = (\n    column: Header<T> & ColumnMetaData,\n  ): React.ReactNode => {\n    if (!filters || !column.accessor) {\n      return null;\n    }\n    const curFilter = filters.find(({ field }) => field === column.accessor);\n    const FilterComponent = curFilter?.component?.name;\n    const filterComponentProps = curFilter?.component?.props ?? {};\n    const onToggle = handleFilterTogglerClick(column.accessor);\n    const filterId = curFilter?.id;\n    const handleFilterSave = (filterValue?: unknown) => {\n      if (filterId) {\n        handleTooltipSave(column.accessor!, [filterId], filterValue);\n      }\n      onToggle();\n    };\n\n    return column.filterable ? (\n      <TableFilterTooltip\n        field={column.accessor}\n        isOpened={visibleFilter === column.accessor}\n        options={getOptionsForFilters(filters, column.accessor)}\n        values={selectedFilters[column.accessor].selected || []}\n        onChange={handleTooltipSave}\n        onToggle={handleFilterTogglerClick(column.accessor)}\n        className={cnTableHeader('Icon', { type: 'filter' })}\n      >\n        {FilterComponent && (\n          <FilterComponent\n            {...filterComponentProps}\n            onConfirm={handleFilterSave}\n            filterValue={selectedFilters[column.accessor]?.value}\n            onCancel={handleFilterTogglerClick(column.accessor)}\n          />\n        )}\n      </TableFilterTooltip>\n    ) : null;\n  };\n\n  const control = (column: Header<T> & ColumnMetaData): React.ReactNode => {\n    if (column.control) {\n      return (\n        <div className={cnTableHeader('Сontrol')}>\n          {column.control({ column })}\n        </div>\n      );\n    }\n\n    return null;\n  };\n\n  return (\n    <>\n      <div\n        className={cnTableHeader('Row', {\n          withVerticalBorder: borderBetweenColumns,\n        })}\n      >\n        {headersWithMetaData.map(\n          (column: Header<T> & ColumnMetaData, columnIdx: number) => {\n            const style: React.CSSProperties = {};\n            if (column.position!.colSpan) {\n              style.gridColumnEnd = `span ${column.position!.colSpan}`;\n            }\n            if (column.position!.rowSpan) {\n              style.gridRowEnd = `span ${column.position!.rowSpan}`;\n            }\n            if (isStickyHeader) {\n              style.top = headerRowsHeights\n                .slice(0, column.position!.level)\n                .reduce((a: number, b: number) => a + b, 0);\n            }\n            return (\n              <TableCell\n                type=\"header\"\n                key={columnIdx}\n                ref={(ref: HTMLDivElement | null): void => {\n                  /* eslint-disable-next-line no-param-reassign */\n                  headerRowsRefs.current[columnIdx] = ref;\n                }}\n                style={{\n                  ...style,\n                  left: getStickyLeftOffset(\n                    column.position!.gridIndex,\n                    column.position!.topHeaderGridIndex,\n                  ),\n                }}\n                isSticky={isStickyHeader}\n                isResized={isColumnResized(column)}\n                column={column}\n                verticalAlign={headerVerticalAlign}\n                onContextMenu={(e: React.SyntheticEvent) =>\n                  handleCellClick({\n                    e,\n                    type: 'contextMenu',\n                    columnIdx,\n                    ref: { current: headerRowsRefs.current[columnIdx] },\n                  })\n                }\n                onClick={(e: React.SyntheticEvent) =>\n                  handleCellClick({\n                    e,\n                    type: 'click',\n                    columnIdx,\n                    ref: { current: headerRowsRefs.current[columnIdx] },\n                  })\n                }\n                className={cnTableHeader('Cell', {\n                  isFirstColumn: column.position?.isFirst,\n                  isFirstRow: column.position!.level === 0,\n                  isLastInColumn:\n                    column.position?.topHeaderGridIndex !==\n                    headersWithMetaData[columnIdx + 1]?.position\n                      ?.topHeaderGridIndex,\n                  level: getLevelType(column),\n                })}\n                showVerticalShadow={\n                  showVerticalCellShadow &&\n                  column.position!.gridIndex! +\n                    (column?.position!.colSpan || 1) ===\n                    stickyColumnsGrid\n                }\n              >\n                {column.title}\n\n                <div\n                  className={cnTableHeader('Buttons', {\n                    isSortingActive: column.isSortingActive,\n                    isFilterActive: column.isFilterActive,\n                    verticalAlign: headerVerticalAlign,\n                  })}\n                >\n                  {column.sortable && (\n                    <Button\n                      type=\"button\"\n                      size=\"xs\"\n                      iconSize=\"s\"\n                      view=\"clear\"\n                      onlyIcon\n                      onClick={(): void => handleSortClick(column)}\n                      iconLeft={getSortIcon(column)}\n                      className={cnTableHeader('Icon', { type: 'sort' })}\n                    />\n                  )}\n\n                  {getFilterPopover(column)}\n\n                  {control(column)}\n                </div>\n              </TableCell>\n            );\n          },\n        )}\n      </div>\n      {/*\n        Рендерим тень заголовка отдельно чтобы избежать возможных наложений\n        теней для ячеек заголовка и ячеек прикрепленных слева.\n      */}\n      <div className={cnTableHeader('ShadowWrapper')} style={tableHeaderStyle}>\n        <div\n          className={cnTableHeader('Shadow', {\n            show: showHorizontalCellShadow && isStickyHeader,\n          })}\n        />\n      </div>\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TableHeader.js","names":["React","cn","Button","TableCell","getOptionsForFilters","TableFilterTooltip","cnTableHeader","levelTypes","TableHeader","isStickyHeader","headersWithMetaData","headerRowsHeights","headerRowsRefs","getStickyLeftOffset","stickyColumnsGrid","showVerticalCellShadow","headerVerticalAlign","getSortIcon","handleSortClick","handleFilterTogglerClick","handleCellClick","handleTooltipSave","filters","visibleFilter","selectedFilters","showHorizontalCellShadow","borderBetweenColumns","tableHeaderHeight","reduce","a","b","tableHeaderStyle","getLevelType","column","position","colSpan","smallTextSize","isColumnResized","headers","build","header","columns","forEach","col","find","head","title","push","some","isResized","getFilterPopover","accessor","curFilter","field","FilterComponent","component","name","filterComponentProps","props","onToggle","filterId","id","filterable","selected","type","handleFilterSave","filterValue","value","control","withVerticalBorder","map","columnIdx","style","gridColumnEnd","rowSpan","gridRowEnd","top","slice","level","ref","current","left","gridIndex","topHeaderGridIndex","e","isFirstColumn","isFirst","isFirstRow","isLastInColumn","isSortingActive","isFilterActive","verticalAlign","sortable","show"],"sources":["../../../../../../src/components/Table/Header/TableHeader.tsx"],"sourcesContent":["import './TableHeader.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { Button } from '../../Button/Button';\nimport { TableCell } from '../Cell/TableCell';\nimport {\n  FieldSelectedValues,\n  Filters,\n  getOptionsForFilters,\n  SelectedFilters,\n} from '../filtering';\nimport { TableFilterTooltip } from '../FilterTooltip/TableFilterTooltip';\nimport { Header } from '../helpers';\nimport {\n  ColumnMetaData,\n  HeaderVerticalAlign,\n  onCellClick,\n  TableColumn,\n  TableRow,\n} from '../Table';\n\nconst cnTableHeader = cn('TableHeader');\n\ntype TableCSSCustomProperty = {\n  '--table-header-height': string;\n};\n\nexport const levelTypes = ['high', 'low', 'default'] as const;\nexport type LevelType = typeof levelTypes[number];\n\ntype Props<T extends TableRow> = {\n  isStickyHeader: boolean;\n  headersWithMetaData: Array<Header<T> & ColumnMetaData>;\n  headerRowsHeights: Array<number>;\n  headerRowsRefs: React.MutableRefObject<Record<number, HTMLDivElement | null>>;\n  getStickyLeftOffset: (\n    columnIndex: number,\n    topHeaderGridIndex: number,\n  ) => number | undefined;\n  stickyColumnsGrid: number;\n  showVerticalCellShadow: boolean;\n  headerVerticalAlign: HeaderVerticalAlign;\n  getSortIcon: (column: Header<T>) => React.FC;\n  handleSortClick: (column: TableColumn<T>) => void;\n  handleFilterTogglerClick: (id: string) => () => void;\n  handleCellClick: onCellClick;\n  handleTooltipSave: (\n    field: string,\n    tooltipSelectedFilters: FieldSelectedValues,\n    value?: unknown,\n  ) => void;\n  filters: Filters<T> | undefined;\n  visibleFilter: string | null;\n  selectedFilters: SelectedFilters;\n  showHorizontalCellShadow: boolean;\n  borderBetweenColumns: boolean;\n};\n\nexport const TableHeader = <T extends TableRow>({\n  isStickyHeader,\n  headersWithMetaData,\n  headerRowsHeights,\n  headerRowsRefs,\n  getStickyLeftOffset,\n  stickyColumnsGrid,\n  showVerticalCellShadow,\n  headerVerticalAlign,\n  getSortIcon,\n  handleSortClick,\n  handleFilterTogglerClick,\n  handleCellClick,\n  handleTooltipSave,\n  filters,\n  visibleFilter,\n  selectedFilters,\n  showHorizontalCellShadow,\n  borderBetweenColumns,\n}: Props<T>): React.ReactElement => {\n  const tableHeaderHeight = headerRowsHeights.reduce(\n    (a: number, b: number) => a + b,\n    0,\n  );\n  const tableHeaderStyle: React.CSSProperties & TableCSSCustomProperty = {\n    '--table-header-height': `${tableHeaderHeight}px`,\n  };\n  const getLevelType = (column: Header<T> & ColumnMetaData): LevelType => {\n    if (Number(column.position!.colSpan) >= 1) return 'high';\n    if (column.position?.smallTextSize) return 'low';\n    return 'default';\n  };\n  const isColumnResized = (column: Header<T> & ColumnMetaData): boolean => {\n    const headers: Array<Header<T> & ColumnMetaData> = [];\n    const build = (header: Header<T> & ColumnMetaData) => {\n      if (!header.columns) {\n        headers.push(header);\n      } else {\n        header.columns.forEach((col) =>\n          build(\n            headersWithMetaData.find(\n              (head) => head.title === col.title,\n            ) as Header<T> & ColumnMetaData,\n          ),\n        );\n      }\n    };\n    build(column);\n    return headers.some((header) => header.isResized);\n  };\n\n  const getFilterPopover = (\n    column: Header<T> & ColumnMetaData,\n  ): React.ReactNode => {\n    if (!filters || !column.accessor) {\n      return null;\n    }\n    const curFilter = filters.find(({ field }) => field === column.accessor);\n    const FilterComponent = curFilter?.component?.name;\n    const filterComponentProps = curFilter?.component?.props ?? {};\n    const onToggle = handleFilterTogglerClick(column.accessor);\n    const filterId = curFilter?.id;\n    const handleFilterSave = (filterValue?: unknown) => {\n      if (filterId) {\n        handleTooltipSave(column.accessor!, [filterId], filterValue);\n      }\n      onToggle();\n    };\n\n    return column.filterable ? (\n      <TableFilterTooltip\n        field={column.accessor}\n        isOpened={visibleFilter === column.accessor}\n        options={getOptionsForFilters(filters, column.accessor)}\n        values={selectedFilters[column.accessor].selected || []}\n        onChange={handleTooltipSave}\n        onToggle={handleFilterTogglerClick(column.accessor)}\n        className={cnTableHeader('Icon', { type: 'filter' })}\n      >\n        {FilterComponent && (\n          <FilterComponent\n            {...filterComponentProps}\n            onConfirm={handleFilterSave}\n            filterValue={selectedFilters[column.accessor]?.value}\n            onCancel={handleFilterTogglerClick(column.accessor)}\n          />\n        )}\n      </TableFilterTooltip>\n    ) : null;\n  };\n\n  const control = (column: Header<T> & ColumnMetaData): React.ReactNode => {\n    if (column.control) {\n      return (\n        <div className={cnTableHeader('Control')}>\n          {column.control({ column })}\n        </div>\n      );\n    }\n\n    return null;\n  };\n\n  return (\n    <>\n      <div\n        className={cnTableHeader('Row', {\n          withVerticalBorder: borderBetweenColumns,\n        })}\n      >\n        {headersWithMetaData.map(\n          (column: Header<T> & ColumnMetaData, columnIdx: number) => {\n            const style: React.CSSProperties = {};\n            if (column.position!.colSpan) {\n              style.gridColumnEnd = `span ${column.position!.colSpan}`;\n            }\n            if (column.position!.rowSpan) {\n              style.gridRowEnd = `span ${column.position!.rowSpan}`;\n            }\n            if (isStickyHeader) {\n              style.top = headerRowsHeights\n                .slice(0, column.position!.level)\n                .reduce((a: number, b: number) => a + b, 0);\n            }\n            return (\n              <TableCell\n                type=\"header\"\n                key={columnIdx}\n                ref={(ref: HTMLDivElement | null): void => {\n                  /* eslint-disable-next-line no-param-reassign */\n                  headerRowsRefs.current[columnIdx] = ref;\n                }}\n                style={{\n                  ...style,\n                  left: getStickyLeftOffset(\n                    column.position!.gridIndex,\n                    column.position!.topHeaderGridIndex,\n                  ),\n                }}\n                isSticky={isStickyHeader}\n                isResized={isColumnResized(column)}\n                column={column}\n                verticalAlign={headerVerticalAlign}\n                onContextMenu={(e: React.SyntheticEvent) =>\n                  handleCellClick({\n                    e,\n                    type: 'contextMenu',\n                    columnIdx,\n                    ref: { current: headerRowsRefs.current[columnIdx] },\n                  })\n                }\n                onClick={(e: React.SyntheticEvent) =>\n                  handleCellClick({\n                    e,\n                    type: 'click',\n                    columnIdx,\n                    ref: { current: headerRowsRefs.current[columnIdx] },\n                  })\n                }\n                className={cnTableHeader('Cell', {\n                  isFirstColumn: column.position?.isFirst,\n                  isFirstRow: column.position!.level === 0,\n                  isLastInColumn:\n                    column.position?.topHeaderGridIndex !==\n                    headersWithMetaData[columnIdx + 1]?.position\n                      ?.topHeaderGridIndex,\n                  level: getLevelType(column),\n                })}\n                showVerticalShadow={\n                  showVerticalCellShadow &&\n                  column.position!.gridIndex! +\n                    (column?.position!.colSpan || 1) ===\n                    stickyColumnsGrid\n                }\n              >\n                {column.title}\n\n                <div\n                  className={cnTableHeader('Buttons', {\n                    isSortingActive: column.isSortingActive,\n                    isFilterActive: column.isFilterActive,\n                    verticalAlign: headerVerticalAlign,\n                  })}\n                >\n                  {column.sortable && (\n                    <Button\n                      type=\"button\"\n                      size=\"xs\"\n                      iconSize=\"s\"\n                      view=\"clear\"\n                      onlyIcon\n                      onClick={(): void => handleSortClick(column)}\n                      iconLeft={getSortIcon(column)}\n                      className={cnTableHeader('Icon', { type: 'sort' })}\n                    />\n                  )}\n\n                  {getFilterPopover(column)}\n\n                  {control(column)}\n                </div>\n              </TableCell>\n            );\n          },\n        )}\n      </div>\n      {/*\n        Рендерим тень заголовка отдельно чтобы избежать возможных наложений\n        теней для ячеек заголовка и ячеек прикрепленных слева.\n      */}\n      <div className={cnTableHeader('ShadowWrapper')} style={tableHeaderStyle}>\n        <div\n          className={cnTableHeader('Shadow', {\n            show: showHorizontalCellShadow && isStickyHeader,\n          })}\n        />\n      </div>\n    </>\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/components/Table/Resizer/TableResizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableResizer.js","names":["React","cn","cnTableResizer","TableResizer","isDragging","setState","document","addEventListener","onMouseMove","onMouseUp","e","movementX","props","onResize","removeListeners","removeEventListener","state","isVisible","height","top","onMouseDown","onDoubleClick","Component"],"sources":["../../../../../../src/components/Table/Resizer/TableResizer.tsx"],"sourcesContent":["import './TableResizer.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\n\nconst cnTableResizer = cn('TableResizer');\n\ntype Props = {\n  height: number;\n  top: number;\n  isVisible?: boolean;\n  onResize: (delta: number) => void;\n  onDoubleClick: () => void;\n};\n\n/* Сделано классом, чтобы хэндлеры событий на document могли иметь доступ к актуальному стэйту/пропсам без пересоздания подписок */\nexport class TableResizer extends React.Component<\n  Props,\n  { isDragging: boolean }\n> {\n  state = {\n    isDragging: false,\n  };\n\n  componentWillUnmount(): void {\n    this.removeListeners();\n  }\n\n  onMouseDown = (): void => {\n    this.setState({ isDragging: true });\n\n    document.addEventListener('mousemove', this.onMouseMove);\n    document.addEventListener('mouseup', this.onMouseUp);\n  };\n\n  onMouseMove = (e: MouseEvent): void => {\n    if (e.movementX) {\n      this.props.onResize(e.movementX);\n    }\n  };\n\n  onMouseUp = (): void => {\n    this.setState({ isDragging: false });\n\n    this.removeListeners();\n  };\n\n  removeListeners = (): void => {\n    document.removeEventListener('mousemove', this.onMouseMove);\n    document.removeEventListener('mouseup', this.onMouseUp);\n  };\n\n  render(): JSX.Element {\n    return (\n      <div\n        className={cnTableResizer({\n          isDragging: this.state.isDragging,\n          isVisible: this.props.isVisible,\n        })}\n        aria-hidden\n        style={{ height: this.props.height, top: this.props.top }}\n        onMouseDown={this.onMouseDown}\n        onDoubleClick={this.props.onDoubleClick}\n      />\n    );\n  }\n}\n"],"mappings":"+/BAAA,2BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAEA,GAAMC,eAAc,CAAGD,EAAE,CAAC,cAAD,CAAzB,CAWA,UAAaE,aAAb,wNAIU,CACNC,UAAU,GADJ,CAJV,0DAYgB,UAAY,CACxB,EAAKC,QAAL,CAAc,CAAED,UAAU,GAAZ,CAAd,CADwB,CAGxBE,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,CAAuC,EAAKC,WAA5C,CAHwB,CAIxBF,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,CAAqC,EAAKE,SAA1C,CACD,CAjBH,0DAmBgB,SAACC,CAAD,CAAyB,CACjCA,CAAC,CAACC,SAD+B,EAEnC,EAAKC,KAAL,CAAWC,QAAX,CAAoBH,CAAC,CAACC,SAAtB,CAEH,CAvBH,wDAyBc,UAAY,CACtB,EAAKN,QAAL,CAAc,CAAED,UAAU,GAAZ,CAAd,CADsB,CAGtB,EAAKU,eAAL,EACD,CA7BH,8DA+BoB,UAAY,CAC5BR,QAAQ,CAACS,mBAAT,CAA6B,WAA7B,CAA0C,EAAKP,WAA/C,CAD4B,CAE5BF,QAAQ,CAACS,mBAAT,CAA6B,SAA7B,CAAwC,EAAKN,SAA7C,CACD,CAlCH,kGAQE,+BAA6B,CAC3B,KAAKK,eAAL,EACD,CAVH,sBAoCE,iBAAsB,CACpB,MACE,4BACE,SAAS,CAAEZ,cAAc,CAAC,CACxBE,UAAU,CAAE,KAAKY,KAAL,CAAWZ,UADC,CAExBa,SAAS,CAAE,KAAKL,KAAL,CAAWK,SAFE,CAAD,CAD3B,CAKE,gBALF,CAME,KAAK,CAAE,CAAEC,MAAM,CAAE,KAAKN,KAAL,CAAWM,MAArB,CAA6BC,GAAG,CAAE,KAAKP,KAAL,CAAWO,GAA7C,CANT,CAOE,WAAW,CAAE,KAAKC,WAPpB,CAQE,aAAa,CAAE,KAAKR,KAAL,CAAWS,aAR5B,EAWH,CAjDH,OAAkCrB,KAAK,CAACsB,SAAxC"}
+{"version":3,"file":"TableResizer.js","names":["React","cn","cnTableResizer","TableResizer","isDragging","setState","document","addEventListener","onMouseMove","onMouseUp","e","movementX","props","onResize","removeListeners","removeEventListener","state","isVisible","height","top","onMouseDown","onDoubleClick","Component"],"sources":["../../../../../../src/components/Table/Resizer/TableResizer.tsx"],"sourcesContent":["import './TableResizer.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\n\nconst cnTableResizer = cn('TableResizer');\n\ntype Props = {\n  height: number;\n  top: number;\n  isVisible?: boolean;\n  onResize: (delta: number) => void;\n  onDoubleClick: () => void;\n};\n\n/* Сделано классом, чтобы хэндлеры событий на document могли иметь доступ к актуальному состоянию/пропсам без пересоздания подписок */\nexport class TableResizer extends React.Component<\n  Props,\n  { isDragging: boolean }\n> {\n  state = {\n    isDragging: false,\n  };\n\n  componentWillUnmount(): void {\n    this.removeListeners();\n  }\n\n  onMouseDown = (): void => {\n    this.setState({ isDragging: true });\n\n    document.addEventListener('mousemove', this.onMouseMove);\n    document.addEventListener('mouseup', this.onMouseUp);\n  };\n\n  onMouseMove = (e: MouseEvent): void => {\n    if (e.movementX) {\n      this.props.onResize(e.movementX);\n    }\n  };\n\n  onMouseUp = (): void => {\n    this.setState({ isDragging: false });\n\n    this.removeListeners();\n  };\n\n  removeListeners = (): void => {\n    document.removeEventListener('mousemove', this.onMouseMove);\n    document.removeEventListener('mouseup', this.onMouseUp);\n  };\n\n  render(): JSX.Element {\n    return (\n      <div\n        className={cnTableResizer({\n          isDragging: this.state.isDragging,\n          isVisible: this.props.isVisible,\n        })}\n        aria-hidden\n        style={{ height: this.props.height, top: this.props.top }}\n        onMouseDown={this.onMouseDown}\n        onDoubleClick={this.props.onDoubleClick}\n      />\n    );\n  }\n}\n"],"mappings":"+/BAAA,2BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAEA,GAAMC,eAAc,CAAGD,EAAE,CAAC,cAAD,CAAzB,CAWA,UAAaE,aAAb,wNAIU,CACNC,UAAU,GADJ,CAJV,0DAYgB,UAAY,CACxB,EAAKC,QAAL,CAAc,CAAED,UAAU,GAAZ,CAAd,CADwB,CAGxBE,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,CAAuC,EAAKC,WAA5C,CAHwB,CAIxBF,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,CAAqC,EAAKE,SAA1C,CACD,CAjBH,0DAmBgB,SAACC,CAAD,CAAyB,CACjCA,CAAC,CAACC,SAD+B,EAEnC,EAAKC,KAAL,CAAWC,QAAX,CAAoBH,CAAC,CAACC,SAAtB,CAEH,CAvBH,wDAyBc,UAAY,CACtB,EAAKN,QAAL,CAAc,CAAED,UAAU,GAAZ,CAAd,CADsB,CAGtB,EAAKU,eAAL,EACD,CA7BH,8DA+BoB,UAAY,CAC5BR,QAAQ,CAACS,mBAAT,CAA6B,WAA7B,CAA0C,EAAKP,WAA/C,CAD4B,CAE5BF,QAAQ,CAACS,mBAAT,CAA6B,SAA7B,CAAwC,EAAKN,SAA7C,CACD,CAlCH,kGAQE,+BAA6B,CAC3B,KAAKK,eAAL,EACD,CAVH,sBAoCE,iBAAsB,CACpB,MACE,4BACE,SAAS,CAAEZ,cAAc,CAAC,CACxBE,UAAU,CAAE,KAAKY,KAAL,CAAWZ,UADC,CAExBa,SAAS,CAAE,KAAKL,KAAL,CAAWK,SAFE,CAAD,CAD3B,CAKE,gBALF,CAME,KAAK,CAAE,CAAEC,MAAM,CAAE,KAAKN,KAAL,CAAWM,MAArB,CAA6BC,GAAG,CAAE,KAAKP,KAAL,CAAWO,GAA7C,CANT,CAOE,WAAW,CAAE,KAAKC,WAPpB,CAQE,aAAa,CAAE,KAAKR,KAAL,CAAWS,aAR5B,EAWH,CAjDH,OAAkCrB,KAAK,CAACsB,SAAxC"}

package/__internal__/src/components/Table/Table.css

@@ -1 +1 @@
-.Table{--table-z:0;--sticky-left-z:calc(var(--table-z) + 1);--sticky-top-z:calc(var(--sticky-left-z) + 1);--sticky-top-and-left-z:calc(var(--sticky-top-z) + 1);--resizer-z:calc(var(--sticky-top-and-left-z) + 1);--fast-transition:0.15s ease-out;--shadow-color:var(--color-bg-ghost);--table-border:1px solid var(--color-bg-border);--resizer-width:0px;display:grid;grid-template-columns:var(--table-grid-template-columns);max-height:100%;max-width:100%;overflow:auto;position:relative;z-index:var(--table-z)}.Table_size_s{--cell-padding-vertical:var(--space-2xs);--cell-padding-horizontal:var(--space-xs)}.Table_size_m{--cell-padding-vertical:var(--space-xs);--cell-padding-horizontal:var(--space-s)}.Table_size_l{--cell-padding-vertical:var(--space-s);--cell-padding-horizontal:var(--space-m)}.Table_isResizable{--resizer-width:5px}.Table_withBorderBottom{border-bottom:var(--table-border)}.Table-CellsRow{display:contents}.Table-RowWithoutCells{background-color:var(--color-bg-default);display:block;grid-column:1/-1;left:0;max-width:var(--table-width);position:sticky}.Table_zebraStriped_even .Table-CellsRow_nth_even:not(:hover) .Table-ContentCell:not(.Table-ContentCell_isActive){background-color:var(--color-bg-stripe)}.Table_zebraStriped_odd .Table-CellsRow_nth_odd:not(:hover) .Table-ContentCell:not(.Table-ContentCell_isActive){background-color:var(--color-bg-stripe)}.Table-CellsRow:hover .Table-ContentCell,.Table-ContentCell_isActive{background-color:var(--color-bg-ghost)}.Table-CellsRow_withMergedCells:hover .Table-ContentCell{background-color:unset}.Table-ContentCell_isDarkned{opacity:.3}.Table-ContentCell_isMerged{align-items:center}.Table-EmptyCell{display:flex;justify-content:center;padding-bottom:var(--cell-padding-vertical);padding-top:var(--cell-padding-vertical);text-align:center}.Table-CreatRowCell{background-color:var(--color-bg-default);display:block;grid-column:1/-1;left:0;position:sticky}.Table-CreateRowButton{border-top:var(--table-border)}
+.Table{--table-z:0;--sticky-left-z:calc(var(--table-z) + 1);--sticky-top-z:calc(var(--sticky-left-z) + 1);--sticky-top-and-left-z:calc(var(--sticky-top-z) + 1);--resizer-z:calc(var(--sticky-top-and-left-z) + 1);--fast-transition:0.15s ease-out;--shadow-color:var(--color-bg-ghost);--table-border:1px solid var(--color-bg-border);--resizer-width:0px;display:grid;grid-template-columns:var(--table-grid-template-columns);max-height:100%;max-width:100%;overflow:auto;position:relative;z-index:var(--table-z)}.Table_size_s{--cell-padding-vertical:var(--space-2xs);--cell-padding-horizontal:var(--space-xs)}.Table_size_m{--cell-padding-vertical:var(--space-xs);--cell-padding-horizontal:var(--space-s)}.Table_size_l{--cell-padding-vertical:var(--space-s);--cell-padding-horizontal:var(--space-m)}.Table_isResizable{--resizer-width:5px}.Table_withBorderBottom{border-bottom:var(--table-border)}.Table-CellsRow{display:contents}.Table-RowWithoutCells{background-color:var(--color-bg-default);display:block;grid-column:1/-1;left:0;max-width:var(--table-width);position:sticky}.Table_zebraStriped_even .Table-CellsRow_nth_even:not(:hover) .Table-ContentCell:not(.Table-ContentCell_isActive){background-color:var(--color-bg-stripe)}.Table_zebraStriped_odd .Table-CellsRow_nth_odd:not(:hover) .Table-ContentCell:not(.Table-ContentCell_isActive){background-color:var(--color-bg-stripe)}.Table-CellsRow:hover .Table-ContentCell,.Table-ContentCell_isActive{background-color:var(--color-bg-ghost)}.Table-CellsRow_withMergedCells:hover .Table-ContentCell{background-color:unset}.Table-ContentCell_isDarked{opacity:.3}.Table-ContentCell_isMerged{align-items:center}.Table-EmptyCell{display:flex;justify-content:center;padding-bottom:var(--cell-padding-vertical);padding-top:var(--cell-padding-vertical);text-align:center}.Table-CreateRowCell{background-color:var(--color-bg-default);display:block;grid-column:1/-1;left:0;position:sticky}.Table-CreateRowButton{border-top:var(--table-border)}

package/__internal__/src/components/Table/Table.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _defineProperty from"@babel/runtime/helpers/defineProperty";var _excluded=["columns","rows","size","filters","isResizable","stickyHeader","stickyColumns","minColumnWidth","activeRow","verticalAlign","headerVerticalAlign","zebraStriped","borderBetweenRows","borderBetweenColumns","emptyRowsPlaceholder","defaultExpandAll","className","onRowHover","onRowClick","onRowCreate","onCellClick","getAdditionalClassName","rowCreateText","lazyLoad","onSortBy","onFiltersUpdated","getTagLabel","getCellWrap","isExpandedRowsByDefault"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Table.css";import{IconSortDown}from"@consta/icons/IconSortDown";import{IconSortUp}from"@consta/icons/IconSortUp";import{IconUnsort}from"@consta/icons/IconUnsort";import React,{useEffect,useMemo}from"react";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{useComponentSize}from"../../hooks/useComponentSize/useComponentSize";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{sortBy as sortByDefault,updateAt}from"../../utils/array";import{cn}from"../../utils/bem";import{setRef}from"../../utils/setRef";import{isNotNil,isString}from"../../utils/type-guards";import{Button}from"../Button/Button";import{Text}from"../Text/Text";import{TableCell}from"./Cell/TableCell";import{fieldFiltersPresent,filterTableData,getSelectedFiltersList,isSelectedFiltersPresent,useSelectedFilters}from"./filtering";import{TableHeader}from"./Header/TableHeader";import{calulateColSpans,createSortingState,getColumnLeftOffset,getColumnsSize,getMergedArray,getNewSorting,Order,transformRows,useHeaderData,useLazyLoadData}from"./helpers";import{TableResizer}from"./Resizer/TableResizer";import{TableRowsCollapse}from"./RowsCollapse/TableRowsCollapse";import{TableSelectedOptionsList}from"./SelectedOptionsList/TableSelectedOptionsList";export{TableTextFilter}from"./TextFilter/TableTextFilter";export{TableFilterContainer}from"./FilterContainer/TableFilterContainer";export{TableNumberFilter}from"./NumberFilter/TableNumberFilter";export{TableChoiceGroupFilter}from"./ChoiceGroupFilter/TableChoiceGroupFilter";var cnTable=cn("Table");export var sizes=["s","m","l"];export var zebraStriped=["odd","even"];export var headerVerticalAligns=["center","bottom"];var createButtonSizeMap={s:"xs",m:"s",l:"m"},getColumnSortByField=function(a){return a.sortable&&a.sortByField||a.accessor},sortingData=function(a,b,c){if(c)return a;if(!b)return a;var d=sortByDefault(a,b.by,b.order,b.sortFn);return d.some(function(a){var b;return null===(b=a.rows)||void 0===b?void 0:b.length})?d.map(function(a){return a.rows?_objectSpread(_objectSpread({},a),{},{rows:sortingData(a.rows,b,c)}):a}):d},defaultEmptyRowsPlaceholder=React.createElement(Text,{as:"span",view:"primary",size:"s",lineHeight:"s"},"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445"),InternalTable=function(a,b){var c,d,e,f,g=a.columns,h=a.rows,i=a.size,j=void 0===i?"l":i,k=a.filters,l=a.isResizable,m=void 0!==l&&l,n=a.stickyHeader,o=a.stickyColumns,p=void 0===o?0:o,q=a.minColumnWidth,r=void 0===q?150:q,s=a.activeRow,t=a.verticalAlign,u=void 0===t?"top":t,v=a.headerVerticalAlign,w=void 0===v?"center":v,x=a.zebraStriped,y=a.borderBetweenRows,z=a.borderBetweenColumns,A=void 0!==z&&z,B=a.emptyRowsPlaceholder,C=void 0===B?defaultEmptyRowsPlaceholder:B,D=a.defaultExpandAll,E=a.className,F=a.onRowHover,G=a.onRowClick,H=a.onRowCreate,I=a.onCellClick,J=a.getAdditionalClassName,K=a.rowCreateText,L=void 0===K?"+ \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443":K,M=a.lazyLoad,N=a.onSortBy,O=a.onFiltersUpdated,P=a.getTagLabel,Q=a.getCellWrap,R=a.isExpandedRowsByDefault,S=void 0!==R&&R,T=_objectWithoutProperties(a,_excluded),U=useHeaderData(g),V=U.headers,W=U.flattenedHeaders,X=U.lowHeaders,Y=U.headerRowsRefs,Z=U.headerRowsHeights,$=U.resizerTopOffsets,_=(null===(c=V[0][p-1])||void 0===c?void 0:c.position.gridIndex)+((null===(d=V[0][p-1])||void 0===d?void 0:d.position.colSpan)||1),aa=function(){return X.map(function(a){return a.width})},ba=React.useState(aa()),ca=_slicedToArray(ba,2),da=ca[0],ea=ca[1],fa=React.useMemo(function(){return k&&k.filter(function(a){return a.id&&a.field})},[k]);React.useEffect(function(){ea(aa())},[X.length]);var ga=React.useState([]),ha=_slicedToArray(ga,2),ia=ha[0],ja=ha[1],ka=React.useState(null),la=_slicedToArray(ka,2),ma=la[0],na=la[1],oa=React.useState(null),pa=_slicedToArray(oa,2),qa=pa[0],ra=pa[1],sa=React.useState({top:0,left:0}),ta=_slicedToArray(sa,2),ua=ta[0],va=ta[1],wa=React.useRef(null),xa=React.useRef({}),ya=React.useRef({}),za=useSelectedFilters(fa,O),Aa=za.selectedFilters,Ba=za.updateSelectedFilters,Ca=za.removeOneSelectedFilter,Da=za.removeAllSelectedFilters,Ea=React.useState([]),Fa=_slicedToArray(Ea,2),Ga=Fa[0],Ha=Fa[1];React.useEffect(function(){var a=g.find(function(a){return isString(a.order)&&Object.prototype.hasOwnProperty.call(Order,a.order)});if(a){var b=createSortingState(getColumnSortByField(a),a.order,a.sortFn);na(b)}},[g]),useComponentSize(wa);var Ia=(null===(e=wa.current)||void 0===e?void 0:e.clientHeight)||0,Ja=(null===(f=wa.current)||void 0===f?void 0:f.clientWidth)||0,Ka=0<ua.left,La=0<ua.top,Ma=s&&s.onChange,Na=function(a,b){ea(updateAt(da,a,b))},Oa=useMemo(function(){var a=Object.values(xa.current).filter(isNotNil),b=a.map(function(a){return a.getBoundingClientRect().width}),c=getMergedArray(b,da);return c.reduce(function(c,a){return(null!==c&&void 0!==c?c:0)+(null!==a&&void 0!==a?a:0)})},[da,m]);React.useLayoutEffect(function(){var a=Object.values(xa.current).filter(isNotNil);if(0!==a.length){var b=a.map(function(a){return a.getBoundingClientRect().width});if(ja(b),a[0].getBoundingClientRect().left!==a[a.length-1].getBoundingClientRect().left){var h=getMergedArray(b,da);if((null!==Oa&&void 0!==Oa?Oa:Ja)<Ja){for(var c,d=!1,e=g.length-1;0<e;e--)if(c=g[e].width,!(c&&0<c))return h[e]=void 0,void(d=!0);if(!d&&Oa){var f;h[h.length-1]=(null!==(f=h[h.length-1])&&void 0!==f?f:0)+Ja-Oa}}return ea(h)}return 0<Ja&&!m?ea(aa()):void 0}},[Ja,Oa]);var Pa=function(a){return getColumnSortByField(a)===(null===ma||void 0===ma?void 0:ma.by)},Qa=function(a,b){return b>=p?void 0:getColumnLeftOffset({columnIndex:a,resizedColumnWidths:da,initialColumnWidths:ia})},Ra=function(a){var b=a.id,c=a.e;s&&s.onChange&&s.onChange({id:s.id===b?void 0:b,e:c})},Sa=function(a){return function(b){return F&&F({id:a,e:b})}},Ta=function(a,b){return function(c){return H&&H({e:c,id:b,index:a})}},Ua=function(a,b){var c=Math.min(r,ia[a]),d=da[a]||ia[a],e=Math.max(c,d+b);Na(a,e);var f=wa.current;a===da.length-1&&0<b&&f&&f.scrollBy(b,0)},Va=getColumnLeftOffset({columnIndex:p,resizedColumnWidths:da,initialColumnWidths:ia}),Wa=function(a){return a.map(function(a){var b,c=a.position.gridIndex,d=da[c],e=ia[c],f=d||e,g=getColumnLeftOffset({columnIndex:c,resizedColumnWidths:da,initialColumnWidths:ia}),h=p>a.position.topHeaderGridIndex,i=p>c||Va+ua.left<g+f,j=0<((null===(b=Aa[a.accessor])||void 0===b?void 0:b.selected)||[]).length;return _objectSpread(_objectSpread({},a),{},{filterable:!!(fa&&fieldFiltersPresent(fa,a.accessor)),isSortingActive:Pa(a),isFilterActive:j,isResized:!!f&&f!==e,isSticky:h,showResizer:i,columnWidth:f,columnLeftOffset:g})})},Xa=Wa(W),Ya=React.useMemo(function(){return h.some(function(a){var b;return!(!(null!==(b=a.rows)&&void 0!==b)||!b.length)})},[h]),Za=sortingData(h,ma,N),$a=fa&&isSelectedFiltersPresent(Aa)?filterTableData({data:Za,filters:fa||[],selectedFilters:Aa}):Za,_a=M||{},ab=_a.maxVisibleRows,bb=void 0===ab?210:ab,cb=_a.scrollableEl,db=void 0===cb?wa.current:cb,eb=useLazyLoadData(bb,db,!!M),fb=eb.getSlicedRows,gb=eb.setBoundaryRef,hb=transformRows($a,Ga,S),ib=fb(hb),jb={"--table-grid-template-columns":getColumnsSize(da),"--table-width":"".concat(Ja,"px")},kb=Wa(X).some(function(a){return a.mergeCells}),lb=function(a){return function(){return Ga.includes(a)?void Ha(function(b){return b.filter(function(b){return b!==a})}):void Ha(function(b){return[].concat(_toConsumableArray(b),[a])})}},mb=function(a,b){var c,d=!(!(null!==(c=a.rows)&&void 0!==c)||!c.length)&&0===b,e={level:a.options.level,isExpandedByDefault:S};if(!d||S)return e;var f=Ga.includes(a.id),g=lb(a.id);return _objectSpread(_objectSpread({},e),{},{withCollapseButton:d,isExpanded:f,toggleCollapse:g})},nb=function(a,b,c){var d=[];return a.forEach(function(a){var e,f;if((a.defaultExpand||0<(null!==(e=null===(f=a.rows)||void 0===f?void 0:f.length)&&void 0!==e?e:0)&&c)&&d.push(a.id),a.rows){var g=nb(a.rows,b+1,c);d=[].concat(_toConsumableArray(d),_toConsumableArray(g)),0<g.length&&-1===d.indexOf(a.id)&&d.push(a.id)}}),[].concat(_toConsumableArray(0===b?Ga:[]),_toConsumableArray(d.filter(function(a){return-1===Ga.indexOf(a)})))};useEffect(function(){h&&Ha(nb(h,0,D))},[h,D]);var ob=function(a,b,c){var d=a.renderCell?a.renderCell(b):b[a.accessor];if(!Ya||0!==c)return d;var e=mb(b,c);return React.createElement(TableRowsCollapse,e,d)},pb=useMemo(function(){var a,b=ib.length,c=null!==(a=ib.slice(-1).pop())&&void 0!==a?a:{},d=c.id;return H?React.createElement("div",{className:cnTable(b?"CreatRowCell":"RowWithoutCells")},React.createElement(Button,{size:createButtonSizeMap[j],form:"brick",label:L,view:"clear",className:cnTable("CreateRowButton"),onClick:Ta(b,d),width:"full"})):null},[L,ib.length,H]),qb=function(a,b,c,d){var e,f=c.mergeCells,g=c.accessor,h=c.position,j=c.getComparisonValue,k=void 0===j?function(a){return a}:j,l=ib[b-1]&&k(ib[b-1][g]),m=k(a[g]),n={rowSpan:1,show:!1,style:{left:Qa(d,h.topHeaderGridIndex)}};if(f&&(ib[b-1]&&l!==m||0===b||l===m&&null!==(e=ib[b-1])&&void 0!==e&&e.rows)){if(!a.rows)for(var o,p=b;p<ib.length&&ib[p+1]&&(o=k(ib[p+1][g]),m===o&&!ib[p].rows);p++)n.rowSpan++;1<n.rowSpan&&(n.style["--row-span"]="span ".concat(n.rowSpan)),n.show=!0}return f||(n.show=!0),n},rb=function(a){null===I||void 0===I?void 0:I(a)};return React.createElement("div",Object.assign({},T,{ref:useForkRef([wa,b]),className:cnTable({size:j,isResizable:m,zebraStriped:x,withBorderBottom:!$a.length},[E,cnMixScrollBar()]),style:jb,onScroll:function handleScroll(a){a.target instanceof HTMLElement&&a.target===wa.current&&va({top:a.target.scrollTop,left:a.target.scrollLeft})}}),Wa(X).map(function(a,b){return React.createElement(TableCell,{type:"resizer",key:b,ref:function(a){xa.current[b]=a},style:{left:Qa(b,b)},onContextMenu:function onContextMenu(a){return rb({e:a,type:"contextMenu",columnIdx:b,ref:{current:xa.current[b]}})},onClick:function onClick(a){return rb({e:a,type:"click",columnIdx:b,ref:{current:xa.current[b]}})},column:a,showVerticalShadow:Ka},m&&React.createElement(TableResizer,{height:Ia-$[b],top:$[b],isVisible:a.showResizer,onResize:function onResize(a){return Ua(b,a)},onDoubleClick:function onDoubleClick(){return Na(b,ia[b])}}))}),React.createElement(TableHeader,{isStickyHeader:void 0!==n&&n,headersWithMetaData:Xa,headerRowsHeights:Z,headerRowsRefs:Y,getStickyLeftOffset:Qa,stickyColumnsGrid:_,showVerticalCellShadow:Ka,headerVerticalAlign:w,getSortIcon:function getSortIcon(a){return Pa(a)&&("desc"===(null===ma||void 0===ma?void 0:ma.order)?IconSortDown:IconSortUp)||IconUnsort},handleSortClick:function handleSortClick(a){var b=getNewSorting(ma,getColumnSortByField(a),a.sortable&&(null===a||void 0===a?void 0:a.sortFn)||void 0),c=b?{sortingBy:b.by,sortOrder:b.order}:null;N&&N(c),na(b)},handleFilterTogglerClick:function handleFilterTogglerClick(a){return function(){ra(qa===a?null:a)}},handleCellClick:rb,handleTooltipSave:function handleTooltipSave(a,b,c){Ba(a,b,c)},filters:fa,visibleFilter:qa,selectedFilters:Aa,showHorizontalCellShadow:La,borderBetweenColumns:A}),fa&&isSelectedFiltersPresent(Aa)&&React.createElement("div",{className:cnTable("RowWithoutCells")},React.createElement(TableSelectedOptionsList,{values:getSelectedFiltersList({filters:fa,selectedFilters:Aa,columns:X}),getTagLabel:P,onRemove:function removeSelectedFilter(a){return function(b){Ca(a,b)}}(fa),onReset:function resetSelectedFilters(){fa&&fa.length&&Da(fa)}})),0<ib.length?ib.map(function(a,b){var c=0==(b+1)%2?"even":"odd",d=Wa(X),e=calulateColSpans(d,a);return React.createElement("div",{key:a.id,role:"presentation",className:cnTable("CellsRow",{nth:c,withMergedCells:kb}),onMouseEnter:Sa(a.id),onMouseLeave:Sa(void 0),onClick:function onClick(b){return G&&G({id:a.id,e:b})}},d.map(function(c,d){var f=qb(a,b,c,d),g=f.show,h=f.style,i=f.rowSpan,j=e[d],k=0<d?e.slice(0,d).reduce(function(c,a){return c+a})+1:1;if(g&&0<j){var l;return React.createElement(TableCell,{type:"content",key:c.accessor,ref:function(c){ya.current["".concat(d,"-").concat(a.id)]=c,setRef(gb(d,b),c)},style:_objectSpread(_objectSpread({},h),{},(l={},_defineProperty(l,"--table-cell-col-start",k),_defineProperty(l,"--table-cell-col-end",k+j),l)),wrapperClassName:cnTable("ContentCell",{isActive:!!s&&s.id===a.id,isDarkned:!!s&&s.id!==void 0&&s.id!==a.id,isMerged:c.mergeCells&&1<i}),className:null===J||void 0===J?void 0:J({column:c,row:a,isActive:!!s&&s.id===a.id}),wrap:null===Q||void 0===Q?void 0:Q(a),onContextMenu:function onContextMenu(b){return rb({e:b,type:"contextMenu",columnIdx:d,rowId:a.id,ref:{current:ya.current["".concat(d,"-").concat(a.id)]}})},onClick:function onClick(b){Ra({id:a.id,e:b}),rb({e:b,type:"click",columnIdx:d,rowId:a.id,ref:{current:ya.current["".concat(d,"-").concat(a.id)]}})},column:c,verticalAlign:u,isClickable:!!Ma,showVerticalShadow:Ka&&(null===c||void 0===c?void 0:c.position.gridIndex)+((null===c||void 0===c?void 0:c.position.colSpan)||1)===_,isBorderTop:0<b&&void 0!==y&&y,isBorderLeft:0<d&&A},ob(c,a,d))}return null}))}):React.createElement("div",{className:cnTable("RowWithoutCells")},React.createElement("div",{className:cnTable("EmptyCell")},function renderEmptyRowsPlaceholder(a){return"string"==typeof a?React.createElement(Text,{size:"s",view:"primary",lineHeight:"m"},a):a}(C))),pb)};export var Table=React.forwardRef(InternalTable);
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _defineProperty from"@babel/runtime/helpers/defineProperty";var _excluded=["columns","rows","size","filters","isResizable","stickyHeader","stickyColumns","minColumnWidth","activeRow","verticalAlign","headerVerticalAlign","zebraStriped","borderBetweenRows","borderBetweenColumns","emptyRowsPlaceholder","defaultExpandAll","className","onRowHover","onRowClick","onRowCreate","onCellClick","getAdditionalClassName","rowCreateText","lazyLoad","onSortBy","onFiltersUpdated","getTagLabel","getCellWrap","isExpandedRowsByDefault"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Table.css";import{IconSortDown}from"@consta/icons/IconSortDown";import{IconSortUp}from"@consta/icons/IconSortUp";import{IconUnsort}from"@consta/icons/IconUnsort";import React,{useEffect,useMemo}from"react";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{useComponentSize}from"../../hooks/useComponentSize/useComponentSize";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{sortBy as sortByDefault,updateAt}from"../../utils/array";import{cn}from"../../utils/bem";import{setRef}from"../../utils/setRef";import{isNotNil,isString}from"../../utils/type-guards";import{Button}from"../Button/Button";import{Text}from"../Text/Text";import{TableCell}from"./Cell/TableCell";import{fieldFiltersPresent,filterTableData,getSelectedFiltersList,isSelectedFiltersPresent,useSelectedFilters}from"./filtering";import{TableHeader}from"./Header/TableHeader";import{calculateColSpans,createSortingState,getColumnLeftOffset,getColumnsSize,getMergedArray,getNewSorting,Order,transformRows,useHeaderData,useLazyLoadData}from"./helpers";import{TableResizer}from"./Resizer/TableResizer";import{TableRowsCollapse}from"./RowsCollapse/TableRowsCollapse";import{TableSelectedOptionsList}from"./SelectedOptionsList/TableSelectedOptionsList";export{TableTextFilter}from"./TextFilter/TableTextFilter";export{TableFilterContainer}from"./FilterContainer/TableFilterContainer";export{TableNumberFilter}from"./NumberFilter/TableNumberFilter";export{TableChoiceGroupFilter}from"./ChoiceGroupFilter/TableChoiceGroupFilter";var cnTable=cn("Table");export var sizes=["s","m","l"];export var zebraStriped=["odd","even"];export var headerVerticalAligns=["center","bottom"];var createButtonSizeMap={s:"xs",m:"s",l:"m"},getColumnSortByField=function(a){return a.sortable&&a.sortByField||a.accessor},sortingData=function(a,b,c){if(c)return a;if(!b)return a;var d=sortByDefault(a,b.by,b.order,b.sortFn);return d.some(function(a){var b;return null===(b=a.rows)||void 0===b?void 0:b.length})?d.map(function(a){return a.rows?_objectSpread(_objectSpread({},a),{},{rows:sortingData(a.rows,b,c)}):a}):d},defaultEmptyRowsPlaceholder=React.createElement(Text,{as:"span",view:"primary",size:"s",lineHeight:"s"},"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445"),InternalTable=function(a,b){var c,d,e,f,g=a.columns,h=a.rows,i=a.size,j=void 0===i?"l":i,k=a.filters,l=a.isResizable,m=void 0!==l&&l,n=a.stickyHeader,o=a.stickyColumns,p=void 0===o?0:o,q=a.minColumnWidth,r=void 0===q?150:q,s=a.activeRow,t=a.verticalAlign,u=void 0===t?"top":t,v=a.headerVerticalAlign,w=void 0===v?"center":v,x=a.zebraStriped,y=a.borderBetweenRows,z=a.borderBetweenColumns,A=void 0!==z&&z,B=a.emptyRowsPlaceholder,C=void 0===B?defaultEmptyRowsPlaceholder:B,D=a.defaultExpandAll,E=a.className,F=a.onRowHover,G=a.onRowClick,H=a.onRowCreate,I=a.onCellClick,J=a.getAdditionalClassName,K=a.rowCreateText,L=void 0===K?"+ \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443":K,M=a.lazyLoad,N=a.onSortBy,O=a.onFiltersUpdated,P=a.getTagLabel,Q=a.getCellWrap,R=a.isExpandedRowsByDefault,S=void 0!==R&&R,T=_objectWithoutProperties(a,_excluded),U=useHeaderData(g),V=U.headers,W=U.flattenedHeaders,X=U.lowHeaders,Y=U.headerRowsRefs,Z=U.headerRowsHeights,$=U.resizerTopOffsets,_=(null===(c=V[0][p-1])||void 0===c?void 0:c.position.gridIndex)+((null===(d=V[0][p-1])||void 0===d?void 0:d.position.colSpan)||1),aa=function(){return X.map(function(a){return a.width})},ba=React.useState(aa()),ca=_slicedToArray(ba,2),da=ca[0],ea=ca[1],fa=React.useMemo(function(){return k&&k.filter(function(a){return a.id&&a.field})},[k]);React.useEffect(function(){ea(aa())},[X.length]);var ga=React.useState([]),ha=_slicedToArray(ga,2),ia=ha[0],ja=ha[1],ka=React.useState(null),la=_slicedToArray(ka,2),ma=la[0],na=la[1],oa=React.useState(null),pa=_slicedToArray(oa,2),qa=pa[0],ra=pa[1],sa=React.useState({top:0,left:0}),ta=_slicedToArray(sa,2),ua=ta[0],va=ta[1],wa=React.useRef(null),xa=React.useRef({}),ya=React.useRef({}),za=useSelectedFilters(fa,O),Aa=za.selectedFilters,Ba=za.updateSelectedFilters,Ca=za.removeOneSelectedFilter,Da=za.removeAllSelectedFilters,Ea=React.useState([]),Fa=_slicedToArray(Ea,2),Ga=Fa[0],Ha=Fa[1];React.useEffect(function(){var a=g.find(function(a){return isString(a.order)&&Object.prototype.hasOwnProperty.call(Order,a.order)});if(a){var b=createSortingState(getColumnSortByField(a),a.order,a.sortFn);na(b)}},[g]),useComponentSize(wa);var Ia=(null===(e=wa.current)||void 0===e?void 0:e.clientHeight)||0,Ja=(null===(f=wa.current)||void 0===f?void 0:f.clientWidth)||0,Ka=0<ua.left,La=0<ua.top,Ma=s&&s.onChange,Na=function(a,b){ea(updateAt(da,a,b))},Oa=useMemo(function(){var a=Object.values(xa.current).filter(isNotNil),b=a.map(function(a){return a.getBoundingClientRect().width}),c=getMergedArray(b,da);return c.reduce(function(c,a){return(null!==c&&void 0!==c?c:0)+(null!==a&&void 0!==a?a:0)})},[da,m]);React.useLayoutEffect(function(){var a=Object.values(xa.current).filter(isNotNil);if(0!==a.length){var b=a.map(function(a){return a.getBoundingClientRect().width});if(ja(b),a[0].getBoundingClientRect().left!==a[a.length-1].getBoundingClientRect().left){var h=getMergedArray(b,da);if((null!==Oa&&void 0!==Oa?Oa:Ja)<Ja){for(var c,d=!1,e=g.length-1;0<e;e--)if(c=g[e].width,!(c&&0<c))return h[e]=void 0,void(d=!0);if(!d&&Oa){var f;h[h.length-1]=(null!==(f=h[h.length-1])&&void 0!==f?f:0)+Ja-Oa}}return ea(h)}return 0<Ja&&!m?ea(aa()):void 0}},[Ja,Oa]);var Pa=function(a){return getColumnSortByField(a)===(null===ma||void 0===ma?void 0:ma.by)},Qa=function(a,b){return b>=p?void 0:getColumnLeftOffset({columnIndex:a,resizedColumnWidths:da,initialColumnWidths:ia})},Ra=function(a){var b=a.id,c=a.e;s&&s.onChange&&s.onChange({id:s.id===b?void 0:b,e:c})},Sa=function(a){return function(b){return F&&F({id:a,e:b})}},Ta=function(a,b){return function(c){return H&&H({e:c,id:b,index:a})}},Ua=function(a,b){var c=Math.min(r,ia[a]),d=da[a]||ia[a],e=Math.max(c,d+b);Na(a,e);var f=wa.current;a===da.length-1&&0<b&&f&&f.scrollBy(b,0)},Va=getColumnLeftOffset({columnIndex:p,resizedColumnWidths:da,initialColumnWidths:ia}),Wa=function(a){return a.map(function(a){var b,c=a.position.gridIndex,d=da[c],e=ia[c],f=d||e,g=getColumnLeftOffset({columnIndex:c,resizedColumnWidths:da,initialColumnWidths:ia}),h=p>a.position.topHeaderGridIndex,i=p>c||Va+ua.left<g+f,j=0<((null===(b=Aa[a.accessor])||void 0===b?void 0:b.selected)||[]).length;return _objectSpread(_objectSpread({},a),{},{filterable:!!(fa&&fieldFiltersPresent(fa,a.accessor)),isSortingActive:Pa(a),isFilterActive:j,isResized:!!f&&f!==e,isSticky:h,showResizer:i,columnWidth:f,columnLeftOffset:g})})},Xa=Wa(W),Ya=React.useMemo(function(){return h.some(function(a){var b;return!(!(null!==(b=a.rows)&&void 0!==b)||!b.length)})},[h]),Za=sortingData(h,ma,N),$a=fa&&isSelectedFiltersPresent(Aa)?filterTableData({data:Za,filters:fa||[],selectedFilters:Aa}):Za,_a=M||{},ab=_a.maxVisibleRows,bb=void 0===ab?210:ab,cb=_a.scrollableEl,db=void 0===cb?wa.current:cb,eb=useLazyLoadData(bb,db,!!M),fb=eb.getSlicedRows,gb=eb.setBoundaryRef,hb=transformRows($a,Ga,S),ib=fb(hb),jb={"--table-grid-template-columns":getColumnsSize(da),"--table-width":"".concat(Ja,"px")},kb=Wa(X).some(function(a){return a.mergeCells}),lb=function(a){return function(){return Ga.includes(a)?void Ha(function(b){return b.filter(function(b){return b!==a})}):void Ha(function(b){return[].concat(_toConsumableArray(b),[a])})}},mb=function(a,b){var c,d=!(!(null!==(c=a.rows)&&void 0!==c)||!c.length)&&0===b,e={level:a.options.level,isExpandedByDefault:S};if(!d||S)return e;var f=Ga.includes(a.id),g=lb(a.id);return _objectSpread(_objectSpread({},e),{},{withCollapseButton:d,isExpanded:f,toggleCollapse:g})},nb=function(a,b,c){var d=[];return a.forEach(function(a){var e,f;if((a.defaultExpand||0<(null!==(e=null===(f=a.rows)||void 0===f?void 0:f.length)&&void 0!==e?e:0)&&c)&&d.push(a.id),a.rows){var g=nb(a.rows,b+1,c);d=[].concat(_toConsumableArray(d),_toConsumableArray(g)),0<g.length&&-1===d.indexOf(a.id)&&d.push(a.id)}}),[].concat(_toConsumableArray(0===b?Ga:[]),_toConsumableArray(d.filter(function(a){return-1===Ga.indexOf(a)})))};useEffect(function(){h&&Ha(nb(h,0,D))},[h,D]);var ob=function(a,b,c){var d=a.renderCell?a.renderCell(b):b[a.accessor];if(!Ya||0!==c)return d;var e=mb(b,c);return React.createElement(TableRowsCollapse,e,d)},pb=useMemo(function(){var a,b=ib.length,c=null!==(a=ib.slice(-1).pop())&&void 0!==a?a:{},d=c.id;return H?React.createElement("div",{className:cnTable(b?"CreateRowCell":"RowWithoutCells")},React.createElement(Button,{size:createButtonSizeMap[j],form:"brick",label:L,view:"clear",className:cnTable("CreateRowButton"),onClick:Ta(b,d),width:"full"})):null},[L,ib.length,H]),qb=function(a,b,c,d){var e,f=c.mergeCells,g=c.accessor,h=c.position,j=c.getComparisonValue,k=void 0===j?function(a){return a}:j,l=ib[b-1]&&k(ib[b-1][g]),m=k(a[g]),n={rowSpan:1,show:!1,style:{left:Qa(d,h.topHeaderGridIndex)}};if(f&&(ib[b-1]&&l!==m||0===b||l===m&&null!==(e=ib[b-1])&&void 0!==e&&e.rows)){if(!a.rows)for(var o,p=b;p<ib.length&&ib[p+1]&&(o=k(ib[p+1][g]),m===o&&!ib[p].rows);p++)n.rowSpan++;1<n.rowSpan&&(n.style["--row-span"]="span ".concat(n.rowSpan)),n.show=!0}return f||(n.show=!0),n},rb=function(a){null===I||void 0===I?void 0:I(a)};return React.createElement("div",Object.assign({},T,{ref:useForkRef([wa,b]),className:cnTable({size:j,isResizable:m,zebraStriped:x,withBorderBottom:!$a.length},[E,cnMixScrollBar()]),style:jb,onScroll:function handleScroll(a){a.target instanceof HTMLElement&&a.target===wa.current&&va({top:a.target.scrollTop,left:a.target.scrollLeft})}}),Wa(X).map(function(a,b){return React.createElement(TableCell,{type:"resizer",key:b,ref:function(a){xa.current[b]=a},style:{left:Qa(b,b)},onContextMenu:function onContextMenu(a){return rb({e:a,type:"contextMenu",columnIdx:b,ref:{current:xa.current[b]}})},onClick:function onClick(a){return rb({e:a,type:"click",columnIdx:b,ref:{current:xa.current[b]}})},column:a,showVerticalShadow:Ka},m&&React.createElement(TableResizer,{height:Ia-$[b],top:$[b],isVisible:a.showResizer,onResize:function onResize(a){return Ua(b,a)},onDoubleClick:function onDoubleClick(){return Na(b,ia[b])}}))}),React.createElement(TableHeader,{isStickyHeader:void 0!==n&&n,headersWithMetaData:Xa,headerRowsHeights:Z,headerRowsRefs:Y,getStickyLeftOffset:Qa,stickyColumnsGrid:_,showVerticalCellShadow:Ka,headerVerticalAlign:w,getSortIcon:function getSortIcon(a){return Pa(a)&&("desc"===(null===ma||void 0===ma?void 0:ma.order)?IconSortDown:IconSortUp)||IconUnsort},handleSortClick:function handleSortClick(a){var b=getNewSorting(ma,getColumnSortByField(a),a.sortable&&(null===a||void 0===a?void 0:a.sortFn)||void 0),c=b?{sortingBy:b.by,sortOrder:b.order}:null;N&&N(c),na(b)},handleFilterTogglerClick:function handleFilterTogglerClick(a){return function(){ra(qa===a?null:a)}},handleCellClick:rb,handleTooltipSave:function handleTooltipSave(a,b,c){Ba(a,b,c)},filters:fa,visibleFilter:qa,selectedFilters:Aa,showHorizontalCellShadow:La,borderBetweenColumns:A}),fa&&isSelectedFiltersPresent(Aa)&&React.createElement("div",{className:cnTable("RowWithoutCells")},React.createElement(TableSelectedOptionsList,{values:getSelectedFiltersList({filters:fa,selectedFilters:Aa,columns:X}),getTagLabel:P,onRemove:function removeSelectedFilter(a){return function(b){Ca(a,b)}}(fa),onReset:function resetSelectedFilters(){fa&&fa.length&&Da(fa)}})),0<ib.length?ib.map(function(a,b){var c=0==(b+1)%2?"even":"odd",d=Wa(X),e=calculateColSpans(d,a);return React.createElement("div",{key:a.id,role:"presentation",className:cnTable("CellsRow",{nth:c,withMergedCells:kb}),onMouseEnter:Sa(a.id),onMouseLeave:Sa(void 0),onClick:function onClick(b){return G&&G({id:a.id,e:b})}},d.map(function(c,d){var f=qb(a,b,c,d),g=f.show,h=f.style,i=f.rowSpan,j=e[d],k=0<d?e.slice(0,d).reduce(function(c,a){return c+a})+1:1;if(g&&0<j){var l;return React.createElement(TableCell,{type:"content",key:c.accessor,ref:function(c){ya.current["".concat(d,"-").concat(a.id)]=c,setRef(gb(d,b),c)},style:_objectSpread(_objectSpread({},h),{},(l={},_defineProperty(l,"--table-cell-col-start",k),_defineProperty(l,"--table-cell-col-end",k+j),l)),wrapperClassName:cnTable("ContentCell",{isActive:!!s&&s.id===a.id,isDarked:!!s&&s.id!==void 0&&s.id!==a.id,isMerged:c.mergeCells&&1<i}),className:null===J||void 0===J?void 0:J({column:c,row:a,isActive:!!s&&s.id===a.id}),wrap:null===Q||void 0===Q?void 0:Q(a),onContextMenu:function onContextMenu(b){return rb({e:b,type:"contextMenu",columnIdx:d,rowId:a.id,ref:{current:ya.current["".concat(d,"-").concat(a.id)]}})},onClick:function onClick(b){Ra({id:a.id,e:b}),rb({e:b,type:"click",columnIdx:d,rowId:a.id,ref:{current:ya.current["".concat(d,"-").concat(a.id)]}})},column:c,verticalAlign:u,isClickable:!!Ma,showVerticalShadow:Ka&&(null===c||void 0===c?void 0:c.position.gridIndex)+((null===c||void 0===c?void 0:c.position.colSpan)||1)===_,isBorderTop:0<b&&void 0!==y&&y,isBorderLeft:0<d&&A},ob(c,a,d))}return null}))}):React.createElement("div",{className:cnTable("RowWithoutCells")},React.createElement("div",{className:cnTable("EmptyCell")},function renderEmptyRowsPlaceholder(a){return"string"==typeof a?React.createElement(Text,{size:"s",view:"primary",lineHeight:"m"},a):a}(C))),pb)};export var Table=React.forwardRef(InternalTable);
 //# sourceMappingURL=Table.js.map