@consta/uikit 5.31.0 → 5.32.0

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

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

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

@@ -1 +1 @@
-{"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"}
+{"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/StepsStep/StepsStep.css

@@ -1 +1 @@
-.StepsStep{align-items:center;background-color:transparent;border:none;color:var(--color-control-typo-ghost);cursor:pointer;display:inline-flex;flex:1;font-family:var(--font);font-size:var(--step-text-size);gap:var(--space-2xs);line-height:var(--line-height-text-s);line-height:var(--step-text-line-height);padding:var(--space-xs) var(--step-text-padding-right) var(--space-xs) 0;position:relative;text-align:left;transition:color .2s,font-weight .2s;white-space:nowrap}.StepsStep:after{background-color:var(--color-control-bg-ghost);border-radius:var(--control-radius);bottom:-2px;content:"";height:2px;position:absolute;transition:background-color .2s,opacity .2s;width:100%}.StepsStep:hover{color:var(--color-control-typo-ghost-hover)}.StepsStep:hover:after{background-color:var(--color-control-bg-ghost-hover)}.StepsStep:focus{outline:none}.StepsStep_size_s{--step-text-size:var(--size-text-s);--step-text-padding-right:var(--space-xs);--step-text-line-height:var(--line-height-text-xs)}.StepsStep_size_m{--step-text-padding-right:var(--space-s);--step-text-size:var(--size-text-m);--step-text-line-height:var(--line-height-text-s)}.StepsStep_size_l{--step-text-padding-right:var(--space-s);--step-text-size:var(--size-text-l);--step-text-line-height:var(--line-height-text-s)}.StepsStep_active,.StepsStep_completed,.StepsStep_skipped{color:var(--color-control-typo-secondary)}.StepsStep_active:after,.StepsStep_completed:after,.StepsStep_skipped:after{background-color:var(--color-control-bg-border-secondary);opacity:.5}.StepsStep_active:hover,.StepsStep_completed:hover,.StepsStep_skipped:hover{color:var(--color-control-typo-secondary-hover)}.StepsStep_active:hover:after,.StepsStep_completed:hover:after,.StepsStep_skipped:hover:after{background-color:var(--color-control-bg-border-secondary-hover);opacity:.5}.StepsStep_active{font-weight:var(--font-weight-text-semibold)}.StepsStep_active:after{opacity:1}.StepsStep_active:hover:after{opacity:1}.StepsStep_disabled{color:var(--color-control-typo-disable);cursor:unset}.StepsStep_disabled:after{background-color:var(--color-control-bg-disable)}.StepsStep_disabled:hover{color:var(--color-control-typo-disable)}.StepsStep_disabled:hover:after{background-color:var(--color-control-bg-disable)}
+.StepsStep{align-items:center;background-color:transparent;border:none;color:var(--color-control-typo-ghost);cursor:pointer;display:inline-flex;flex:1;font-family:var(--font);font-size:var(--step-text-size);gap:var(--space-2xs);line-height:var(--step-text-line-height);padding:var(--space-xs) var(--step-text-padding-right) var(--space-xs) 0;position:relative;text-align:left;transition:color .2s,font-weight .2s;white-space:nowrap}.StepsStep:after{background-color:var(--color-control-bg-ghost);border-radius:var(--control-radius);bottom:-2px;content:"";height:2px;position:absolute;transition:background-color .2s,opacity .2s;width:100%}.StepsStep:hover{color:var(--color-control-typo-ghost-hover)}.StepsStep:hover:after{background-color:var(--color-control-bg-ghost-hover)}.StepsStep:focus{outline:none}.StepsStep_size_s{--step-text-size:var(--size-text-s);--step-text-padding-right:var(--space-xs);--step-text-line-height:var(--line-height-text-xs)}.StepsStep_size_m{--step-text-padding-right:var(--space-s);--step-text-size:var(--size-text-m);--step-text-line-height:var(--line-height-text-s)}.StepsStep_size_l{--step-text-padding-right:var(--space-s);--step-text-size:var(--size-text-l);--step-text-line-height:var(--line-height-text-s)}.StepsStep_active,.StepsStep_completed,.StepsStep_skipped{color:var(--color-control-typo-secondary)}.StepsStep_active:after,.StepsStep_completed:after,.StepsStep_skipped:after{background-color:var(--color-control-bg-border-secondary);opacity:.5}.StepsStep_active:hover,.StepsStep_completed:hover,.StepsStep_skipped:hover{color:var(--color-control-typo-secondary-hover)}.StepsStep_active:hover:after,.StepsStep_completed:hover:after,.StepsStep_skipped:hover:after{background-color:var(--color-control-bg-border-secondary-hover);opacity:.5}.StepsStep_active{font-weight:var(--font-weight-text-semibold)}.StepsStep_active:after{opacity:1}.StepsStep_active:hover:after{opacity:1}.StepsStep_disabled{color:var(--color-control-typo-disable);cursor:unset}.StepsStep_disabled:after{background-color:var(--color-control-bg-disable)}.StepsStep_disabled:hover{color:var(--color-control-typo-disable)}.StepsStep_disabled:hover:after{background-color:var(--color-control-bg-disable)}

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

@@ -1,6 +1,6 @@
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const stepsSizes: readonly ["m", "s", "l"];
-export type StepsPropSize = typeof stepsSizes[number];
+export type StepsPropSize = (typeof stepsSizes)[number];
 export declare const stepsDefaultSize: StepsPropSize;
 export type StepsPropOnChange<ITEM> = (value: ITEM, props: {
     e: React.MouseEvent;

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 StepsComponent = <ITEM>(\n  props: StepsProps<ITEM>,\n) => React.ReactNode | 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.ReactNode | 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/Switch/Switch.css

@@ -1 +1 @@
-.Switch{--switch-border-gap:calc(var(--control-border-width)*4);--switch-circle-size:calc(var(--box-height) - var(--switch-border-gap));cursor:pointer;display:inline-flex;font-family:var(--font-primary);line-height:var(--line-height-text-s);position:relative}.Switch_size_xs{--box-height:var(--control-box-size-m);--switch-font-size:var(--control-text-size-xs);--offset:var(--space-xs);--align-top-margin:0}.Switch_size_s{--box-height:var(--control-box-size-m);--switch-font-size:var(--control-text-size-s);--offset:var(--space-xs);--align-top-margin:var(--space-3xs)}.Switch_size_m{--box-height:var(--control-box-size-l);--switch-font-size:var(--control-text-size-m);--offset:var(--space-xs);--align-top-margin:0}.Switch_size_l{--box-height:var(--space-xl);--switch-font-size:var(--control-text-size-l);--offset:var(--space-s);--align-top-margin:var(--space-3xs)}.Switch_view_primary:hover .Switch-Input:not(:checked){--border-color:var(--color-control-bg-border-default-hover);--background-color:transparent;--content-color:var(--color-control-bg-border-default-hover)}.Switch_view_primary .Switch-Input:not(:checked){--border-color:var(--color-control-bg-border-default);--background-color:transparent;--content-color:var(--color-control-bg-border-default)}.Switch_view_primary:hover .Switch-Input:checked{--border-color:var(--color-control-bg-primary-hover);--background-color:var(--color-control-bg-primary-hover);--content-color:var(--color-control-typo-primary-hover)}.Switch_view_primary .Switch-Input:checked{--border-color:var(--color-control-bg-primary);--background-color:var(--color-control-bg-primary);--content-color:var(--color-control-typo-primary)}.Switch_view_ghost:hover .Switch-Input:not(:checked){--border-color:var(--color-control-bg-border-default-hover);--background-color:transparent;--content-color:var(--color-control-bg-border-default-hover)}.Switch_view_ghost .Switch-Input:not(:checked){--border-color:var(--color-control-bg-border-default);--background-color:transparent;--content-color:var(--color-control-bg-border-default)}.Switch_view_ghost:hover .Switch-Input:checked{--border-color:var(--color-control-bg-border-default-hover);--background-color:var(--color-control-bg-ghost-hover);--content-color:var(--color-control-typo-ghost-hover)}.Switch_view_ghost .Switch-Input:checked{--border-color:var(--color-control-bg-border-default);--background-color:var(--color-control-bg-ghost);--content-color:var(--color-control-typo-ghost)}.Switch-Input{align-items:center;-webkit-appearance:none;background-color:var(--background-color);border:var(--control-border-width) solid var(--border-color);border-radius:99rem;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--box-height);margin:0;position:relative;transition:background-color .15s,border-color .15s;width:calc(var(--box-height)*2 - var(--switch-border-gap))}.Switch-Input:before{background-color:var(--content-color);border-radius:999rem;box-sizing:border-box;content:"";height:var(--switch-circle-size);position:absolute;right:1px;transform:translateX(calc((var(--box-height) - var(--switch-border-gap))*-1));transition:transform .15s,background-color .15s;width:var(--switch-circle-size)}.Switch-Input:checked{background-color:var(--background-color)}.Switch-Input:checked:before{transform:translateX(0)}.Switch-Label{color:var(--color-control-typo-default);font-size:var(--switch-font-size);margin-left:var(--offset)}.Switch_disabled{pointer-events:none}.Switch_disabled .Switch-Input:disabled{--border-color:transparent;--background-color:var(--color-control-bg-disable);--content-color:var(--color-control-typo-disable)}.Switch_disabled .Switch-Input:disabled~.Switch-Label{color:var(--color-control-typo-disable)}.Switch_align_center{align-items:center}.Switch_align_top{align-items:top}.Switch_align_top .Switch-Input{margin-top:var(--align-top-margin)}
+.Switch{--switch-border-gap:calc(var(--control-border-width)*4);--switch-circle-size:calc(var(--box-height) - var(--switch-border-gap));cursor:pointer;display:inline-flex;font-family:var(--font-primary);line-height:var(--line-height-text-s);position:relative}.Switch_size_xs{--box-height:var(--control-box-size-m);--switch-font-size:var(--control-text-size-xs);--offset:var(--space-xs);--align-top-margin:0}.Switch_size_s{--box-height:var(--control-box-size-m);--switch-font-size:var(--control-text-size-s);--offset:var(--space-xs);--align-top-margin:var(--space-3xs)}.Switch_size_m{--box-height:var(--control-box-size-l);--switch-font-size:var(--control-text-size-m);--offset:var(--space-xs);--align-top-margin:0}.Switch_size_l{--box-height:var(--space-xl);--switch-font-size:var(--control-text-size-l);--offset:var(--space-s);--align-top-margin:var(--space-3xs)}.Switch_view_primary:hover .Switch-Input:not(:checked){--border-color:var(--color-control-bg-border-default-hover);--background-color:transparent;--content-color:var(--color-control-bg-border-default-hover)}.Switch_view_primary .Switch-Input:not(:checked){--border-color:var(--color-control-bg-border-default);--background-color:transparent;--content-color:var(--color-control-bg-border-default)}.Switch_view_primary:hover .Switch-Input:checked{--border-color:var(--color-control-bg-primary-hover);--background-color:var(--color-control-bg-primary-hover);--content-color:var(--color-control-typo-primary-hover)}.Switch_view_primary .Switch-Input:checked{--border-color:var(--color-control-bg-primary);--background-color:var(--color-control-bg-primary);--content-color:var(--color-control-typo-primary)}.Switch_view_ghost:hover .Switch-Input:not(:checked){--border-color:var(--color-control-bg-border-default-hover);--background-color:transparent;--content-color:var(--color-control-bg-border-default-hover)}.Switch_view_ghost .Switch-Input:not(:checked){--border-color:var(--color-control-bg-border-default);--background-color:transparent;--content-color:var(--color-control-bg-border-default)}.Switch_view_ghost:hover .Switch-Input:checked{--border-color:var(--color-control-bg-border-default-hover);--background-color:var(--color-control-bg-ghost-hover);--content-color:var(--color-control-typo-ghost-hover)}.Switch_view_ghost .Switch-Input:checked{--border-color:var(--color-control-bg-border-default);--background-color:var(--color-control-bg-ghost);--content-color:var(--color-control-typo-ghost)}.Switch-Input{align-items:center;-webkit-appearance:none;background-color:var(--background-color);border:var(--control-border-width) solid var(--border-color);border-radius:99rem;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--box-height);margin:0;position:relative;transition:background-color .15s,border-color .15s;width:calc(var(--box-height)*2 - var(--switch-border-gap))}.Switch-Input:before{background-color:var(--content-color);border-radius:999rem;box-sizing:border-box;content:"";height:var(--switch-circle-size);position:absolute;right:1px;transform:translateX(calc((var(--box-height) - var(--switch-border-gap))*-1));transition:transform .15s,background-color .15s;width:var(--switch-circle-size)}.Switch-Input:checked{background-color:var(--background-color)}.Switch-Input:checked:before{transform:translateX(0)}.Switch-Label{color:var(--color-control-typo-default);font-size:var(--switch-font-size);margin-left:var(--offset)}.Switch_disabled{pointer-events:none}.Switch_disabled .Switch-Input:disabled{--border-color:transparent;--background-color:var(--color-control-bg-disable);--content-color:var(--color-control-typo-disable)}.Switch_disabled .Switch-Input:disabled~.Switch-Label{color:var(--color-control-typo-disable)}.Switch_align_center{align-items:center}.Switch_align_top{align-items:start}.Switch_align_top .Switch-Input{margin-top:var(--align-top-margin)}

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

@@ -1,12 +1,12 @@
 import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const switchPropSize: readonly ["m", "xs", "s", "l"];
-export type SwitchPropSize = typeof switchPropSize[number];
+export type SwitchPropSize = (typeof switchPropSize)[number];
 export declare const switchPropSizeDefault: SwitchPropSize;
 export declare const switchPropView: readonly ["primary", "ghost"];
-export type SwitchPropView = typeof switchPropView[number];
+export type SwitchPropView = (typeof switchPropView)[number];
 export declare const switchPropViewDefault: SwitchPropView;
 export declare const switchPropAlign: readonly ["center", "top"];
-export type SwitchPropAlign = typeof switchPropAlign[number];
+export type SwitchPropAlign = (typeof switchPropAlign)[number];
 export declare const switchPropAlignDefault: SwitchPropAlign;
 export declare const switchPropOnChangeDefault: () => void;
 export type SwitchPropOnChange = (checked: boolean, params: {

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["switchPropSize","switchPropSizeDefault","switchPropView","switchPropViewDefault","switchPropAlign","switchPropAlignDefault","switchPropOnChangeDefault"],"sources":["../../../../../src/components/Switch/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const switchPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type SwitchPropSize = typeof switchPropSize[number];\nexport const switchPropSizeDefault: SwitchPropSize = switchPropSize[0];\n\nexport const switchPropView = ['primary', 'ghost'] as const;\nexport type SwitchPropView = typeof switchPropView[number];\nexport const switchPropViewDefault: SwitchPropView = switchPropView[0];\n\nexport const switchPropAlign = ['center', 'top'] as const;\nexport type SwitchPropAlign = typeof switchPropAlign[number];\nexport const switchPropAlignDefault: SwitchPropAlign = switchPropAlign[0];\n\nexport const switchPropOnChangeDefault = () => {};\n\nexport type SwitchPropOnChange = (\n  checked: boolean,\n  params: {\n    e: React.ChangeEvent<HTMLInputElement>;\n  },\n) => void;\n\nexport type SwitchProps = PropsWithHTMLAttributes<\n  {\n    checked: boolean | undefined;\n    size?: SwitchPropSize;\n    view?: SwitchPropView;\n    align?: SwitchPropAlign;\n    disabled?: boolean;\n    className?: string;\n    label?: string;\n    onChange?: React.ChangeEventHandler<HTMLInputElement>;\n    name?: string;\n    onFocus?: React.FocusEventHandler<HTMLInputElement>;\n    onBlur?: React.FocusEventHandler<HTMLInputElement>;\n    autoFocus?: boolean;\n    readOnly?: boolean;\n    required?: boolean;\n    step?: number | string;\n    tabIndex?: number;\n    inputRef?: React.Ref<HTMLInputElement>;\n    children?: never;\n    inputId?: string;\n  },\n  HTMLLabelElement\n>;\n"],"mappings":"AAEA,MAAO,IAAMA,eAAc,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,MAAO,IAAME,eAAc,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,MAAO,IAAME,gBAAe,CAAG,CAAC,QAAD,CAAW,KAAX,CAAxB,CAEP,MAAO,IAAMC,uBAAuC,CAAGD,eAAe,CAAC,CAAD,CAA/D,CAEP,MAAO,IAAME,0BAAyB,CAAG,UAAM,CAAE,CAA1C"}
+{"version":3,"file":"types.js","names":["switchPropSize","switchPropSizeDefault","switchPropView","switchPropViewDefault","switchPropAlign","switchPropAlignDefault","switchPropOnChangeDefault"],"sources":["../../../../../src/components/Switch/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const switchPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type SwitchPropSize = (typeof switchPropSize)[number];\nexport const switchPropSizeDefault: SwitchPropSize = switchPropSize[0];\n\nexport const switchPropView = ['primary', 'ghost'] as const;\nexport type SwitchPropView = (typeof switchPropView)[number];\nexport const switchPropViewDefault: SwitchPropView = switchPropView[0];\n\nexport const switchPropAlign = ['center', 'top'] as const;\nexport type SwitchPropAlign = (typeof switchPropAlign)[number];\nexport const switchPropAlignDefault: SwitchPropAlign = switchPropAlign[0];\n\nexport const switchPropOnChangeDefault = () => {};\n\nexport type SwitchPropOnChange = (\n  checked: boolean,\n  params: {\n    e: React.ChangeEvent<HTMLInputElement>;\n  },\n) => void;\n\nexport type SwitchProps = PropsWithHTMLAttributes<\n  {\n    checked: boolean | undefined;\n    size?: SwitchPropSize;\n    view?: SwitchPropView;\n    align?: SwitchPropAlign;\n    disabled?: boolean;\n    className?: string;\n    label?: string;\n    onChange?: React.ChangeEventHandler<HTMLInputElement>;\n    name?: string;\n    onFocus?: React.FocusEventHandler<HTMLInputElement>;\n    onBlur?: React.FocusEventHandler<HTMLInputElement>;\n    autoFocus?: boolean;\n    readOnly?: boolean;\n    required?: boolean;\n    step?: number | string;\n    tabIndex?: number;\n    inputRef?: React.Ref<HTMLInputElement>;\n    children?: never;\n    inputId?: string;\n  },\n  HTMLLabelElement\n>;\n"],"mappings":"AAEA,MAAO,IAAMA,eAAc,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,MAAO,IAAME,eAAc,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,MAAO,IAAME,gBAAe,CAAG,CAAC,QAAD,CAAW,KAAX,CAAxB,CAEP,MAAO,IAAMC,uBAAuC,CAAGD,eAAe,CAAC,CAAD,CAA/D,CAEP,MAAO,IAAME,0BAAyB,CAAG,UAAM,CAAE,CAA1C"}

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

@@ -5,7 +5,7 @@ export type SwitchGroupDefaultItem = {
     disabled?: boolean;
 };
 export declare const switchGroupDirections: readonly ["column", "row"];
-export type SwitchGroupDirection = typeof switchGroupDirections[number];
+export type SwitchGroupDirection = (typeof switchGroupDirections)[number];
 export declare const switchGroupDefaultDirection: SwitchGroupDirection;
 export type SwitchGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;
 export type SwitchGroupPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["switchGroupDirections","switchGroupDefaultDirection"],"sources":["../../../../../src/components/SwitchGroup/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { SwitchPropSize, SwitchPropView } from '../Switch/types';\n\nexport type SwitchGroupDefaultItem = {\n  label: string;\n  disabled?: boolean;\n};\n\nexport const switchGroupDirections = ['column', 'row'] as const;\nexport type SwitchGroupDirection = typeof switchGroupDirections[number];\nexport const switchGroupDefaultDirection: SwitchGroupDirection =\n  switchGroupDirections[0];\n\nexport type SwitchGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type SwitchGroupPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\n\nexport type SwitchGroupPropOnChange<ITEM> = (\n  value: ITEM[] | null,\n  props: {\n    e: React.ChangeEvent<HTMLInputElement>;\n  },\n) => void;\n\nexport type SwitchGroupProps<ITEM = SwitchGroupDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      value?: ITEM[] | null;\n      items: ITEM[];\n      getItemLabel?: SwitchGroupPropGetItemLabel<ITEM>;\n      getItemDisabled?: SwitchGroupPropGetItemDisabled<ITEM>;\n      onChange?: SwitchGroupPropOnChange<ITEM>;\n      name: string;\n      direction?: SwitchGroupDirection;\n      size?: SwitchPropSize;\n      view?: SwitchPropView;\n      disabled?: boolean;\n      className?: string;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { label: SwitchGroupDefaultItem['label'] }\n      ? {}\n      : {\n          getItemLabel: SwitchGroupPropGetItemLabel<ITEM>;\n        });\n\nexport type SwitchGroupComponent = <ITEM>(\n  props: SwitchGroupProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":"AAQA,MAAO,IAAMA,sBAAqB,CAAG,CAAC,QAAD,CAAW,KAAX,CAA9B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,qBAAqB,CAAC,CAAD,CADhB"}
+{"version":3,"file":"types.js","names":["switchGroupDirections","switchGroupDefaultDirection"],"sources":["../../../../../src/components/SwitchGroup/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { SwitchPropSize, SwitchPropView } from '../Switch/types';\n\nexport type SwitchGroupDefaultItem = {\n  label: string;\n  disabled?: boolean;\n};\n\nexport const switchGroupDirections = ['column', 'row'] as const;\nexport type SwitchGroupDirection = (typeof switchGroupDirections)[number];\nexport const switchGroupDefaultDirection: SwitchGroupDirection =\n  switchGroupDirections[0];\n\nexport type SwitchGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type SwitchGroupPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\n\nexport type SwitchGroupPropOnChange<ITEM> = (\n  value: ITEM[] | null,\n  props: {\n    e: React.ChangeEvent<HTMLInputElement>;\n  },\n) => void;\n\nexport type SwitchGroupProps<ITEM = SwitchGroupDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      value?: ITEM[] | null;\n      items: ITEM[];\n      getItemLabel?: SwitchGroupPropGetItemLabel<ITEM>;\n      getItemDisabled?: SwitchGroupPropGetItemDisabled<ITEM>;\n      onChange?: SwitchGroupPropOnChange<ITEM>;\n      name: string;\n      direction?: SwitchGroupDirection;\n      size?: SwitchPropSize;\n      view?: SwitchPropView;\n      disabled?: boolean;\n      className?: string;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { label: SwitchGroupDefaultItem['label'] }\n      ? {}\n      : {\n          getItemLabel: SwitchGroupPropGetItemLabel<ITEM>;\n        });\n\nexport type SwitchGroupComponent = <ITEM>(\n  props: SwitchGroupProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":"AAQA,MAAO,IAAMA,sBAAqB,CAAG,CAAC,QAAD,CAAW,KAAX,CAA9B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,qBAAqB,CAAC,CAAD,CADhB"}

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

@@ -1 +1 @@
-.TableCell{--buttons-wrapper-size:0px;background-color:var(--color-bg-default);box-sizing:border-box;color:var(--color-typo-primary);grid-column-end:var(--table-cell-col-end);grid-column-start:var(--table-cell-col-start);grid-row-end:var(--row-span);z-index:var(--table-z)}.TableCell_withoutBorder{border:none}.TableCell_isHeader{border-bottom:1px solid var(--color-bg-border);font-size:var(--size-text-xs);font-weight:var(--font-weight-text-bold);letter-spacing:.05em;line-height:var(--line-height-text-s);position:relative;text-transform:uppercase}.TableCell:not(.TableCell_isHeader){font-size:var(--size-text-s);line-height:var(--line-height-text-s)}.TableCell_isResized{word-break:break-word}.TableCell_isClickable{cursor:pointer}.TableCell_isControl,.TableCell_isFilterable,.TableCell_isSortable{--buttons-wrapper-size:var(--space-xl)}.TableCell_isFilterable.TableCell_isControl,.TableCell_isSortable.TableCell_isControl,.TableCell_isSortable.TableCell_isFilterable{--buttons-wrapper-size:var(--space-4xl)}.TableCell_isSortable.TableCell_isFilterable.TableCell_isControl{--buttons-wrapper-size:var(--space-5xl)}.TableCell_stickyOnLeft,.TableCell_stickyOnTop{position:sticky}.TableCell_stickyOnLeft.TableCell_isResizer,.TableCell_stickyOnTop.TableCell_isResizer{z-index:calc(var(--sticky-top-and-left-z) + 1)}.TableCell_stickyOnTop{top:0;z-index:var(--sticky-top-z)}.TableCell_stickyOnLeft{left:0;z-index:var(--sticky-left-z)}.TableCell_stickyOnLeft.TableCell_isHeader{z-index:var(--sticky-top-and-left-z)}.TableCell_isBorderTop{border-top:var(--table-border)}.TableCell_isBorderLeft{border-left:var(--table-border)}.TableCell-Wrapper{box-sizing:border-box;display:flex;height:100%;padding:var(--cell-padding-vertical) var(--cell-padding-horizontal);padding-right:calc(var(--cell-padding-horizontal) + var(--resizer-width) + var(--buttons-wrapper-size));position:relative}.TableCell-Wrapper_wrap_truncate{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TableCell-Wrapper_wrap_break{max-width:100%;white-space:pre-wrap;word-break:break-word}.TableCell-Wrapper_withoutPadding{padding:0}.TableCell-Wrapper_verticalAlign_top{align-items:flex-start}.TableCell-Wrapper_verticalAlign_center{align-items:center}.TableCell-Wrapper_verticalAlign_bottom{align-items:flex-end}.TableCell-Wrapper_horizontalAlign_left{justify-content:flex-start}.TableCell-Wrapper_horizontalAlign_center{justify-content:center;text-align:center}.TableCell-Wrapper_horizontalAlign_right{justify-content:flex-end;text-align:right}.TableCell_stickyOnLeft .TableCell-Wrapper:after{background:linear-gradient(90deg,var(--shadow-color),transparent);bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(100%);transition:opacity var(--fast-transition);width:var(--space-s)}.TableCell_stickyOnLeft.TableCell_showVerticalShadow .TableCell-Wrapper:after{opacity:1}.TableCell_isHeader:hover .TableCell-Wrapper{background:var(--color-bg-stripe)}
+.TableCell{--buttons-wrapper-size:0px;background-color:var(--color-bg-default);box-sizing:border-box;color:var(--color-typo-primary);grid-column-end:var(--table-cell-col-end);grid-column-start:var(--table-cell-col-start);grid-row-end:var(--row-span);z-index:var(--table-z)}.TableCell_withoutBorder{border:none}.TableCell_isHeader{border-bottom:1px solid var(--color-bg-border);font-size:var(--size-text-xs);font-weight:var(--font-weight-text-bold);letter-spacing:.05em;line-height:var(--line-height-text-s);position:relative;text-transform:uppercase}.TableCell:not(.TableCell_isHeader){font-size:var(--size-text-s);line-height:var(--line-height-text-s)}.TableCell_isResized{overflow-wrap:break-word}.TableCell_isClickable{cursor:pointer}.TableCell_isControl,.TableCell_isFilterable,.TableCell_isSortable{--buttons-wrapper-size:var(--space-xl)}.TableCell_isFilterable.TableCell_isControl,.TableCell_isSortable.TableCell_isControl,.TableCell_isSortable.TableCell_isFilterable{--buttons-wrapper-size:var(--space-4xl)}.TableCell_isSortable.TableCell_isFilterable.TableCell_isControl{--buttons-wrapper-size:var(--space-5xl)}.TableCell_stickyOnLeft,.TableCell_stickyOnTop{position:sticky}.TableCell_stickyOnLeft.TableCell_isResizer,.TableCell_stickyOnTop.TableCell_isResizer{z-index:calc(var(--sticky-top-and-left-z) + 1)}.TableCell_stickyOnTop{top:0;z-index:var(--sticky-top-z)}.TableCell_stickyOnLeft{left:0;z-index:var(--sticky-left-z)}.TableCell_stickyOnLeft.TableCell_isHeader{z-index:var(--sticky-top-and-left-z)}.TableCell_isBorderTop{border-top:var(--table-border)}.TableCell_isBorderLeft{border-left:var(--table-border)}.TableCell-Wrapper{box-sizing:border-box;display:flex;height:100%;padding:var(--cell-padding-vertical) var(--cell-padding-horizontal);padding-right:calc(var(--cell-padding-horizontal) + var(--resizer-width) + var(--buttons-wrapper-size));position:relative}.TableCell-Wrapper_wrap_truncate{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TableCell-Wrapper_wrap_break{max-width:100%;overflow-wrap:break-word;white-space:pre-wrap}.TableCell-Wrapper_withoutPadding{padding:0}.TableCell-Wrapper_verticalAlign_top{align-items:flex-start}.TableCell-Wrapper_verticalAlign_center{align-items:center}.TableCell-Wrapper_verticalAlign_bottom{align-items:flex-end}.TableCell-Wrapper_horizontalAlign_left{justify-content:flex-start}.TableCell-Wrapper_horizontalAlign_center{justify-content:center;text-align:center}.TableCell-Wrapper_horizontalAlign_right{justify-content:flex-end;text-align:right}.TableCell_stickyOnLeft .TableCell-Wrapper:after{background:linear-gradient(90deg,var(--shadow-color),transparent);bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(100%);transition:opacity var(--fast-transition);width:var(--space-s)}.TableCell_stickyOnLeft.TableCell_showVerticalShadow .TableCell-Wrapper:after{opacity:1}.TableCell_isHeader:hover .TableCell-Wrapper{background:var(--color-bg-stripe)}

package/__internal__/src/components/Table/Cell/TableCell.d.ts

@@ -2,9 +2,9 @@ import './TableCell.css';
 import React from 'react';
 import { TableColumn, TableRow } from '../Table';
 export declare const verticalAligns: readonly ["top", "center", "bottom"];
-export type VerticalAlign = typeof verticalAligns[number];
+export type VerticalAlign = (typeof verticalAligns)[number];
 export declare const horizontalAligns: readonly ["left", "center", "right"];
-export type HorizontalAlign = typeof horizontalAligns[number];
+export type HorizontalAlign = (typeof horizontalAligns)[number];
 type Props<T extends TableRow> = {
     column: TableColumn<T> & {
         isSticky?: boolean;

package/__internal__/src/components/Table/Cell/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","names":["React","cn","cnTableCell","verticalAligns","horizontalAligns","getCellClasses","props","column","showVerticalShadow","className","isSticky","isResized","type","isSortable","sortable","isHeader","isResizer","stickyOnTop","stickyOnLeft","isFilterable","filterable","isControl","control","withoutBorder","isClickable","isBorderTop","isBorderLeft","getWrapperClasses","wrapperClassName","withoutPadding","verticalAlign","horizontalAlign","align","wrap","TableCell","forwardRef","ref","style","onClick","onContextMenu","children","propsWithRole","role"],"sources":["../../../../../../src/components/Table/Cell/TableCell.tsx"],"sourcesContent":["import './TableCell.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { TableColumn, TableRow } from '../Table';\n\nconst cnTableCell = cn('TableCell');\n\nexport const verticalAligns = ['top', 'center', 'bottom'] as const;\nexport type VerticalAlign = typeof verticalAligns[number];\nexport const horizontalAligns = ['left', 'center', 'right'] as const;\nexport type HorizontalAlign = typeof horizontalAligns[number];\n\ntype Props<T extends TableRow> = {\n  column: TableColumn<T> & {\n    isSticky?: boolean;\n    isResized?: boolean;\n    filterable?: boolean;\n  };\n  onClick?: (e: React.SyntheticEvent) => void;\n  onContextMenu?: (e: React.SyntheticEvent) => void;\n  style?: React.CSSProperties;\n  className?: string;\n  wrapperClassName?: string;\n  children: React.ReactNode;\n  wrap?: 'truncate' | 'break';\n  showVerticalShadow?: boolean;\n  verticalAlign?: VerticalAlign;\n} & (\n  | {\n      type: 'header';\n      isSticky?: boolean;\n      isResized?: boolean;\n    }\n  | {\n      type: 'content';\n      isClickable?: boolean;\n      isBorderTop?: boolean;\n      isBorderLeft?: boolean;\n    }\n  | {\n      type: 'resizer';\n    }\n) &\n  React.RefAttributes<HTMLDivElement>;\n\ntype TableCell = <T extends TableRow>(\n  props: Props<T>,\n) => React.ReactNode | null;\n\nconst getCellClasses = <T extends TableRow>(props: Props<T>): string => {\n  const { column, showVerticalShadow, className } = props;\n\n  return cnTableCell(\n    {\n      showVerticalShadow,\n      isSticky: column.isSticky,\n      isResized: props.type === 'header' ? props.isResized : column.isResized,\n      isSortable: column.sortable,\n      isHeader: props.type === 'header',\n      isResizer: props.type === 'resizer',\n      stickyOnTop:\n        (props.type === 'header' && props.isSticky) || props.type === 'resizer',\n      stickyOnLeft: column.isSticky,\n      isFilterable: column.filterable,\n      isControl: Boolean(column.control),\n      withoutBorder: props.type === 'resizer',\n      isClickable: 'isClickable' in props && props.isClickable,\n      isBorderTop: 'isBorderTop' in props && props.isBorderTop,\n      isBorderLeft: 'isBorderLeft' in props && props.isBorderLeft,\n    },\n    [className],\n  );\n};\n\nconst getWrapperClasses = <T extends TableRow>(props: Props<T>): string => {\n  const { column, wrapperClassName } = props;\n\n  return cnTableCell(\n    'Wrapper',\n    {\n      withoutPadding: column.withoutPadding || props.type === 'resizer',\n      verticalAlign: props.verticalAlign,\n      horizontalAlign: column.align,\n      isHeader: props.type === 'header',\n      wrap: props.wrap,\n    },\n    [wrapperClassName],\n  );\n};\n\nexport const TableCell: TableCell = React.forwardRef((props, ref) => {\n  const { style, onClick, onContextMenu, children } = props;\n\n  const propsWithRole = onClick\n    ? {\n        role: 'button',\n        onClick,\n      }\n    : {\n        role: 'cell',\n      };\n\n  return (\n    <div\n      {...propsWithRole}\n      onContextMenu={onContextMenu}\n      ref={ref}\n      className={getCellClasses(props)}\n      style={style}\n    >\n      <div className={getWrapperClasses(props)}>{children}</div>\n    </div>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"TableCell.js","names":["React","cn","cnTableCell","verticalAligns","horizontalAligns","getCellClasses","props","column","showVerticalShadow","className","isSticky","isResized","type","isSortable","sortable","isHeader","isResizer","stickyOnTop","stickyOnLeft","isFilterable","filterable","isControl","control","withoutBorder","isClickable","isBorderTop","isBorderLeft","getWrapperClasses","wrapperClassName","withoutPadding","verticalAlign","horizontalAlign","align","wrap","TableCell","forwardRef","ref","style","onClick","onContextMenu","children","propsWithRole","role"],"sources":["../../../../../../src/components/Table/Cell/TableCell.tsx"],"sourcesContent":["import './TableCell.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { TableColumn, TableRow } from '../Table';\n\nconst cnTableCell = cn('TableCell');\n\nexport const verticalAligns = ['top', 'center', 'bottom'] as const;\nexport type VerticalAlign = (typeof verticalAligns)[number];\nexport const horizontalAligns = ['left', 'center', 'right'] as const;\nexport type HorizontalAlign = (typeof horizontalAligns)[number];\n\ntype Props<T extends TableRow> = {\n  column: TableColumn<T> & {\n    isSticky?: boolean;\n    isResized?: boolean;\n    filterable?: boolean;\n  };\n  onClick?: (e: React.SyntheticEvent) => void;\n  onContextMenu?: (e: React.SyntheticEvent) => void;\n  style?: React.CSSProperties;\n  className?: string;\n  wrapperClassName?: string;\n  children: React.ReactNode;\n  wrap?: 'truncate' | 'break';\n  showVerticalShadow?: boolean;\n  verticalAlign?: VerticalAlign;\n} & (\n  | {\n      type: 'header';\n      isSticky?: boolean;\n      isResized?: boolean;\n    }\n  | {\n      type: 'content';\n      isClickable?: boolean;\n      isBorderTop?: boolean;\n      isBorderLeft?: boolean;\n    }\n  | {\n      type: 'resizer';\n    }\n) &\n  React.RefAttributes<HTMLDivElement>;\n\ntype TableCell = <T extends TableRow>(\n  props: Props<T>,\n) => React.ReactNode | null;\n\nconst getCellClasses = <T extends TableRow>(props: Props<T>): string => {\n  const { column, showVerticalShadow, className } = props;\n\n  return cnTableCell(\n    {\n      showVerticalShadow,\n      isSticky: column.isSticky,\n      isResized: props.type === 'header' ? props.isResized : column.isResized,\n      isSortable: column.sortable,\n      isHeader: props.type === 'header',\n      isResizer: props.type === 'resizer',\n      stickyOnTop:\n        (props.type === 'header' && props.isSticky) || props.type === 'resizer',\n      stickyOnLeft: column.isSticky,\n      isFilterable: column.filterable,\n      isControl: Boolean(column.control),\n      withoutBorder: props.type === 'resizer',\n      isClickable: 'isClickable' in props && props.isClickable,\n      isBorderTop: 'isBorderTop' in props && props.isBorderTop,\n      isBorderLeft: 'isBorderLeft' in props && props.isBorderLeft,\n    },\n    [className],\n  );\n};\n\nconst getWrapperClasses = <T extends TableRow>(props: Props<T>): string => {\n  const { column, wrapperClassName } = props;\n\n  return cnTableCell(\n    'Wrapper',\n    {\n      withoutPadding: column.withoutPadding || props.type === 'resizer',\n      verticalAlign: props.verticalAlign,\n      horizontalAlign: column.align,\n      isHeader: props.type === 'header',\n      wrap: props.wrap,\n    },\n    [wrapperClassName],\n  );\n};\n\nexport const TableCell: TableCell = React.forwardRef((props, ref) => {\n  const { style, onClick, onContextMenu, children } = props;\n\n  const propsWithRole = onClick\n    ? {\n        role: 'button',\n        onClick,\n      }\n    : {\n        role: 'cell',\n      };\n\n  return (\n    <div\n      {...propsWithRole}\n      onContextMenu={onContextMenu}\n      ref={ref}\n      className={getCellClasses(props)}\n      style={style}\n    >\n      <div className={getWrapperClasses(props)}>{children}</div>\n    </div>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/Table/Header/TableHeader.d.ts

@@ -4,7 +4,7 @@ import { FieldSelectedValues, Filters, SelectedFilters } from '../filtering';
 import { Header } from '../helpers';
 import { ColumnMetaData, HeaderVerticalAlign, onCellClick, TableColumn, TableRow } from '../Table';
 export declare const levelTypes: readonly ["high", "low", "default"];
-export type LevelType = typeof levelTypes[number];
+export type LevelType = (typeof levelTypes)[number];
 type Props<T extends TableRow> = {
     isStickyHeader: boolean;
     headersWithMetaData: Array<Header<T> & ColumnMetaData>;

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.ReactNode => {\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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"}
+{"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.ReactNode => {\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/Table.d.ts

@@ -9,11 +9,11 @@ export { TableFilterContainer } from './FilterContainer/TableFilterContainer';
 export { TableNumberFilter } from './NumberFilter/TableNumberFilter';
 export { TableChoiceGroupFilter } from './ChoiceGroupFilter/TableChoiceGroupFilter';
 export declare const sizes: readonly ["s", "m", "l"];
-type Size = typeof sizes[number];
+type Size = (typeof sizes)[number];
 export declare const zebraStriped: readonly ["odd", "even"];
-type ZebraStriped = typeof zebraStriped[number];
+type ZebraStriped = (typeof zebraStriped)[number];
 export declare const headerVerticalAligns: readonly ["center", "bottom"];
-export type HeaderVerticalAlign = typeof headerVerticalAligns[number];
+export type HeaderVerticalAlign = (typeof headerVerticalAligns)[number];
 export type LazyLoad = {
     maxVisibleRows?: number;
     scrollableEl?: HTMLDivElement | Window;