@consta/uikit 5.31.0 → 5.32.0

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["listPropSize","defaultListPropSize","listPropInnerOffset","defaultListPropInnerOffset","listPropStatus","listPropForm","defaultListPropForm"],"sources":["../../../../../src/components/ListCanary/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { MixSpaceProps } from '##/mixs/MixSpace';\nimport { Group } from '##/utils/getGroups';\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const listPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type ListPropSize = typeof listPropSize[number];\nexport const defaultListPropSize = listPropSize[0];\n\nexport const listPropInnerOffset = ['normal', 'increased'] as const;\nexport type ListPropInnerOffset = typeof listPropInnerOffset[number];\nexport const defaultListPropInnerOffset = listPropInnerOffset[0];\n\nexport const listPropStatus = ['alert', 'success', 'warning'] as const;\nexport type ListPropStatus = typeof listPropStatus[number];\n\nexport const listPropForm = ['default', 'brick', 'round'] as const;\nexport type ListPropForm = typeof listPropForm[number];\nexport const defaultListPropForm = listPropForm[0];\n\nexport type DefaultListGroup = {\n  id: string | number;\n  label?: string;\n  rightSide?: React.ReactNode;\n};\n\nexport type DefaultListItem = {\n  label: React.ReactNode;\n  disabled?: boolean;\n  active?: boolean;\n  checked?: boolean;\n  status?: ListPropStatus;\n  groupId?: string | number;\n  leftSide?: React.ReactNode;\n  leftIcon?: IconComponent;\n  rightSide?: React.ReactNode;\n  rightIcon?: IconComponent;\n  onClick?: React.MouseEventHandler;\n};\n\nexport type ListPropOnItemClick<ITEM> = (\n  item: ITEM,\n  params: {\n    e: React.MouseEvent;\n    item: ITEM;\n  },\n) => void;\n\nexport type ListPropRenderItem<ITEM> = (item: ITEM) => React.ReactNode | null;\n\n// ITEMS\n\nexport type ListPropGetItemLabel<ITEM> = (item: ITEM) => React.ReactNode;\n\nexport type ListPropGetItemAdditionalClassName<ITEM> = (item: ITEM) => string;\n\nexport type ListPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type ListPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type ListPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type ListPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => ListPropStatus | undefined;\n\nexport type ListPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\n\nexport type ListPropGetItemLeftSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ListPropGetItemLeftIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ListPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ListPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ListPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;\n\nexport type ListPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type ListPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\n\nexport type ListPropSortGroup<ITEM, GROUP> = (\n  a: Group<ITEM, GROUP>,\n  b: Group<ITEM, GROUP>,\n) => number;\n\n// GROUPS\nexport type ListPropGetGroupKey<GROUP> = (item: GROUP) => string | number;\nexport type ListPropGetGroupAdditionalClassName<GROUP> = (\n  item: GROUP,\n) => string;\n\nexport type ListPropGetGroupLabel<GROUP> = (item: GROUP) => string | undefined;\nexport type ListPropGetGroupRightSide<GROUP> = (\n  item: GROUP,\n) => React.ReactNode | undefined;\n\nexport type ListPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLElement> | undefined;\n\nexport type ListProps<ITEM = DefaultListItem, GROUP = DefaultListGroup> = {\n  size?: ListPropSize;\n  items: ITEM[];\n  innerOffset?: ListPropInnerOffset;\n  itemSpace?: MixSpaceProps;\n  groupLabelSpace?: MixSpaceProps;\n  dividerSpace?: MixSpaceProps;\n  onItemClick?: ListPropOnItemClick<ITEM>;\n  getItemLabel?: ListPropGetItemLabel<ITEM>;\n  getItemDisabled?: ListPropGetItemDisabled<ITEM>;\n  getItemActive?: ListPropGetItemActive<ITEM>;\n  getItemChecked?: ListPropGetItemActive<ITEM>;\n  getItemLeftSide?: ListPropGetItemLeftSide<ITEM>;\n  getItemLeftIcon?: ListPropGetItemLeftIcon<ITEM>;\n  getItemRightSide?: ListPropGetItemRightSide<ITEM>;\n  getItemRightIcon?: ListPropGetItemRightIcon<ITEM>;\n  getItemGroupKey?: ListPropGetItemGroupId<ITEM>;\n  getItemOnClick?: ListPropGetItemOnClick<ITEM>;\n  getItemStatus?: ListPropGetItemStatus<ITEM>;\n  getItemAs?: ListPropGetItemAs<ITEM>;\n  getItemAttributes?: ListPropGetItemAttributes<ITEM>;\n  getItemRef?: ListPropGetItemRef<ITEM>;\n  getItemAdditionalClassName?: ListPropGetItemAdditionalClassName<ITEM>;\n  renderItem?: ListPropRenderItem<ITEM>;\n  groups?: GROUP[];\n  getGroupKey?: ListPropGetGroupKey<GROUP>;\n  getGroupLabel?: ListPropGetGroupLabel<GROUP>;\n  getGroupRightSide?: ListPropGetGroupRightSide<GROUP>;\n  sortGroup?: ListPropSortGroup<ITEM, GROUP>;\n  getGroupAdditionalClassName?: ListPropGetGroupAdditionalClassName<GROUP>;\n  disabled?: boolean;\n} & (ITEM extends { label: DefaultListItem['label'] }\n  ? {}\n  : { getItemLabel: ListPropGetItemLabel<ITEM> }) &\n  (GROUP extends { id: DefaultListGroup['id'] }\n    ? {}\n    : { getGroupKey: ListPropGetGroupKey<GROUP> });\n\nexport type ListComponent = <ITEM = DefaultListItem, GROUP = DefaultListGroup>(\n  props: ListProps<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nexport type ListItemProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<\n  Omit<DefaultListItem, 'id' | 'groupId' | 'attributes' | 'onClick'> & {\n    size?: ListPropSize;\n    innerOffset?: 'normal' | 'increased';\n    space?: MixSpaceProps;\n    iconSize?: IconPropSize;\n  },\n  AS\n>;\n\nexport type ListItemComponent = <AS extends AsTags = 'div'>(\n  props: ListItemProps<AS>,\n) => React.ReactNode | null;\n\nexport type ListGroupLabelProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    label: string;\n    innerOffset?: ListPropInnerOffset;\n    rightSide?: React.ReactNode;\n    space?: MixSpaceProps;\n  },\n  HTMLDivElement\n>;\n\nexport type ListDividerProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    innerOffset?: ListPropInnerOffset;\n    space?: MixSpaceProps;\n  },\n  HTMLDivElement\n>;\n\nexport type ListBoxProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    form?: ListPropForm;\n    border?: boolean;\n    shadow?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport type ListAddItemProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    label: React.ReactNode;\n    innerOffset?: ListPropInnerOffset;\n    active?: boolean;\n    underLine?: boolean;\n    disabled?: boolean;\n  },\n  HTMLDivElement\n>;\n"],"mappings":"AASA,MAAO,IAAMA,aAAY,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAArB,CAEP,MAAO,IAAMC,oBAAmB,CAAGD,YAAY,CAAC,CAAD,CAAxC,CAEP,MAAO,IAAME,oBAAmB,CAAG,CAAC,QAAD,CAAW,WAAX,CAA5B,CAEP,MAAO,IAAMC,2BAA0B,CAAGD,mBAAmB,CAAC,CAAD,CAAtD,CAEP,MAAO,IAAME,eAAc,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAAvB,CAGP,MAAO,IAAMC,aAAY,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAArB,CAEP,MAAO,IAAMC,oBAAmB,CAAGD,YAAY,CAAC,CAAD,CAAxC"}
+{"version":3,"file":"types.js","names":["listPropSize","defaultListPropSize","listPropInnerOffset","defaultListPropInnerOffset","listPropStatus","listPropForm","defaultListPropForm"],"sources":["../../../../../src/components/ListCanary/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { MixSpaceProps } from '##/mixs/MixSpace';\nimport { Group } from '##/utils/getGroups';\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const listPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type ListPropSize = (typeof listPropSize)[number];\nexport const defaultListPropSize = listPropSize[0];\n\nexport const listPropInnerOffset = ['normal', 'increased'] as const;\nexport type ListPropInnerOffset = (typeof listPropInnerOffset)[number];\nexport const defaultListPropInnerOffset = listPropInnerOffset[0];\n\nexport const listPropStatus = ['alert', 'success', 'warning'] as const;\nexport type ListPropStatus = (typeof listPropStatus)[number];\n\nexport const listPropForm = ['default', 'brick', 'round'] as const;\nexport type ListPropForm = (typeof listPropForm)[number];\nexport const defaultListPropForm = listPropForm[0];\n\nexport type DefaultListGroup = {\n  id: string | number;\n  label?: string;\n  rightSide?: React.ReactNode;\n};\n\nexport type DefaultListItem = {\n  label: React.ReactNode;\n  disabled?: boolean;\n  active?: boolean;\n  checked?: boolean;\n  status?: ListPropStatus;\n  groupId?: string | number;\n  leftSide?: React.ReactNode;\n  leftIcon?: IconComponent;\n  rightSide?: React.ReactNode;\n  rightIcon?: IconComponent;\n  onClick?: React.MouseEventHandler;\n};\n\nexport type ListPropOnItemClick<ITEM> = (\n  item: ITEM,\n  params: {\n    e: React.MouseEvent;\n    item: ITEM;\n  },\n) => void;\n\nexport type ListPropRenderItem<ITEM> = (item: ITEM) => React.ReactNode | null;\n\n// ITEMS\n\nexport type ListPropGetItemLabel<ITEM> = (item: ITEM) => React.ReactNode;\n\nexport type ListPropGetItemAdditionalClassName<ITEM> = (item: ITEM) => string;\n\nexport type ListPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type ListPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type ListPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type ListPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => ListPropStatus | undefined;\n\nexport type ListPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\n\nexport type ListPropGetItemLeftSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ListPropGetItemLeftIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ListPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ListPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ListPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;\n\nexport type ListPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type ListPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\n\nexport type ListPropSortGroup<ITEM, GROUP> = (\n  a: Group<ITEM, GROUP>,\n  b: Group<ITEM, GROUP>,\n) => number;\n\n// GROUPS\nexport type ListPropGetGroupKey<GROUP> = (item: GROUP) => string | number;\nexport type ListPropGetGroupAdditionalClassName<GROUP> = (\n  item: GROUP,\n) => string;\n\nexport type ListPropGetGroupLabel<GROUP> = (item: GROUP) => string | undefined;\nexport type ListPropGetGroupRightSide<GROUP> = (\n  item: GROUP,\n) => React.ReactNode | undefined;\n\nexport type ListPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLElement> | undefined;\n\nexport type ListProps<ITEM = DefaultListItem, GROUP = DefaultListGroup> = {\n  size?: ListPropSize;\n  items: ITEM[];\n  innerOffset?: ListPropInnerOffset;\n  itemSpace?: MixSpaceProps;\n  groupLabelSpace?: MixSpaceProps;\n  dividerSpace?: MixSpaceProps;\n  onItemClick?: ListPropOnItemClick<ITEM>;\n  getItemLabel?: ListPropGetItemLabel<ITEM>;\n  getItemDisabled?: ListPropGetItemDisabled<ITEM>;\n  getItemActive?: ListPropGetItemActive<ITEM>;\n  getItemChecked?: ListPropGetItemActive<ITEM>;\n  getItemLeftSide?: ListPropGetItemLeftSide<ITEM>;\n  getItemLeftIcon?: ListPropGetItemLeftIcon<ITEM>;\n  getItemRightSide?: ListPropGetItemRightSide<ITEM>;\n  getItemRightIcon?: ListPropGetItemRightIcon<ITEM>;\n  getItemGroupKey?: ListPropGetItemGroupId<ITEM>;\n  getItemOnClick?: ListPropGetItemOnClick<ITEM>;\n  getItemStatus?: ListPropGetItemStatus<ITEM>;\n  getItemAs?: ListPropGetItemAs<ITEM>;\n  getItemAttributes?: ListPropGetItemAttributes<ITEM>;\n  getItemRef?: ListPropGetItemRef<ITEM>;\n  getItemAdditionalClassName?: ListPropGetItemAdditionalClassName<ITEM>;\n  renderItem?: ListPropRenderItem<ITEM>;\n  groups?: GROUP[];\n  getGroupKey?: ListPropGetGroupKey<GROUP>;\n  getGroupLabel?: ListPropGetGroupLabel<GROUP>;\n  getGroupRightSide?: ListPropGetGroupRightSide<GROUP>;\n  sortGroup?: ListPropSortGroup<ITEM, GROUP>;\n  getGroupAdditionalClassName?: ListPropGetGroupAdditionalClassName<GROUP>;\n  disabled?: boolean;\n} & (ITEM extends { label: DefaultListItem['label'] }\n  ? {}\n  : { getItemLabel: ListPropGetItemLabel<ITEM> }) &\n  (GROUP extends { id: DefaultListGroup['id'] }\n    ? {}\n    : { getGroupKey: ListPropGetGroupKey<GROUP> });\n\nexport type ListComponent = <ITEM = DefaultListItem, GROUP = DefaultListGroup>(\n  props: ListProps<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nexport type ListItemProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<\n  Omit<DefaultListItem, 'id' | 'groupId' | 'attributes' | 'onClick'> & {\n    size?: ListPropSize;\n    innerOffset?: 'normal' | 'increased';\n    space?: MixSpaceProps;\n    iconSize?: IconPropSize;\n  },\n  AS\n>;\n\nexport type ListItemComponent = <AS extends AsTags = 'div'>(\n  props: ListItemProps<AS>,\n) => React.ReactNode | null;\n\nexport type ListGroupLabelProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    label: string;\n    innerOffset?: ListPropInnerOffset;\n    rightSide?: React.ReactNode;\n    space?: MixSpaceProps;\n  },\n  HTMLDivElement\n>;\n\nexport type ListDividerProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    innerOffset?: ListPropInnerOffset;\n    space?: MixSpaceProps;\n  },\n  HTMLDivElement\n>;\n\nexport type ListBoxProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    form?: ListPropForm;\n    border?: boolean;\n    shadow?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport type ListAddItemProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    label: React.ReactNode;\n    innerOffset?: ListPropInnerOffset;\n    active?: boolean;\n    underLine?: boolean;\n    disabled?: boolean;\n  },\n  HTMLDivElement\n>;\n"],"mappings":"AASA,MAAO,IAAMA,aAAY,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAArB,CAEP,MAAO,IAAMC,oBAAmB,CAAGD,YAAY,CAAC,CAAD,CAAxC,CAEP,MAAO,IAAME,oBAAmB,CAAG,CAAC,QAAD,CAAW,WAAX,CAA5B,CAEP,MAAO,IAAMC,2BAA0B,CAAGD,mBAAmB,CAAC,CAAD,CAAtD,CAEP,MAAO,IAAME,eAAc,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAAvB,CAGP,MAAO,IAAMC,aAAY,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAArB,CAEP,MAAO,IAAMC,oBAAmB,CAAGD,YAAY,CAAC,CAAD,CAAxC"}

package/__internal__/src/components/LoaderDeprecated/Loader.css

@@ -1,3 +1,3 @@
 .deprecated--Loader{--backgroundColor:var(
-      --loaderBackgroundColor,var(--color-control-bg-primary)
-    );height:calc(100% - var(--loader-size));left:50%;position:relative;top:50%;transform:translate(-50%,-50%);width:100%}.deprecated--Loader:before{animation:loader 1s ease infinite;background:var(--backgroundColor);border-radius:50%;content:"";height:var(--loader-size);left:calc(50% - var(--loader-size)*2 - var(--loader-gap));position:absolute;top:calc(50% - var(--loader-size)*.5);width:var(--loader-size)}.deprecated--Loader:after{animation:loader 1s ease -.36s infinite;background:var(--backgroundColor);border-radius:50%;content:"";height:var(--loader-size);left:calc(50% + var(--loader-size) + var(--loader-gap));position:absolute;top:calc(50% - var(--loader-size)*.5);width:var(--loader-size)}.deprecated--Loader-Dot{animation:loader 1s ease -.18s infinite;background:var(--backgroundColor);border-radius:50%;height:var(--loader-size);left:calc(50% - var(--loader-size)*.5);position:absolute;top:calc(50% - var(--loader-size)*.5);width:var(--loader-size)}.deprecated--Loader_size_xs{--loader-size:var(--space-2xs);--loader-gap:var(--space-3xs)}.deprecated--Loader_size_s{--loader-size:var(--space-2xs);--loader-gap:var(--space-2xs)}.deprecated--Loader_size_m{--loader-size:var(--space-xs);--loader-gap:calc(var(--space-xs) - var(--space-3xs))}@keyframes loader{50%{transform:scale(1.5)}}
+    --loaderBackgroundColor,var(--color-control-bg-primary)
+  );height:calc(100% - var(--loader-size));left:50%;position:relative;top:50%;transform:translate(-50%,-50%);width:100%}.deprecated--Loader:before{animation:loader 1s ease infinite;background:var(--backgroundColor);border-radius:50%;content:"";height:var(--loader-size);left:calc(50% - var(--loader-size)*2 - var(--loader-gap));position:absolute;top:calc(50% - var(--loader-size)*.5);width:var(--loader-size)}.deprecated--Loader:after{animation:loader 1s ease -.36s infinite;background:var(--backgroundColor);border-radius:50%;content:"";height:var(--loader-size);left:calc(50% + var(--loader-size) + var(--loader-gap));position:absolute;top:calc(50% - var(--loader-size)*.5);width:var(--loader-size)}.deprecated--Loader-Dot{animation:loader 1s ease -.18s infinite;background:var(--backgroundColor);border-radius:50%;height:var(--loader-size);left:calc(50% - var(--loader-size)*.5);position:absolute;top:calc(50% - var(--loader-size)*.5);width:var(--loader-size)}.deprecated--Loader_size_xs{--loader-size:var(--space-2xs);--loader-gap:var(--space-3xs)}.deprecated--Loader_size_s{--loader-size:var(--space-2xs);--loader-gap:var(--space-2xs)}.deprecated--Loader_size_m{--loader-size:var(--space-xs);--loader-gap:calc(var(--space-xs) - var(--space-3xs))}@keyframes loader{50%{transform:scale(1.5)}}

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

@@ -2,7 +2,7 @@ import './Loader.css';
 import React from 'react';
 import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const loaderPropSize: readonly ["m", "s", "xs"];
-export type LoaderPropSize = typeof loaderPropSize[number];
+export type LoaderPropSize = (typeof loaderPropSize)[number];
 export declare const loaderPropSizeDefault: LoaderPropSize;
 type Props = {
     size?: LoaderPropSize;

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

@@ -1 +1 @@
-{"version":3,"file":"LoaderDeprecated.js","names":["React","cnDeprecated","loaderPropSize","loaderPropSizeDefault","cnLoader","Loader","forwardRef","props","ref","className","size","otherProps"],"sources":["../../../../../src/components/LoaderDeprecated/LoaderDeprecated.tsx"],"sourcesContent":["import './Loader.css';\n\nimport React from 'react';\n\nimport { cnDeprecated } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const loaderPropSize = ['m', 's', 'xs'] as const;\nexport type LoaderPropSize = typeof loaderPropSize[number];\nexport const loaderPropSizeDefault: LoaderPropSize = loaderPropSize[0];\n\ntype Props = {\n  size?: LoaderPropSize;\n  children?: never;\n};\n\nexport type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n\nexport const cnLoader = cnDeprecated('Loader');\n\nexport const Loader = React.forwardRef<HTMLDivElement, LoaderProps>(\n  (props, ref) => {\n    const { className, size = loaderPropSizeDefault, ...otherProps } = props;\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnLoader({ size }, [className])}\n      >\n        <div className={cnLoader('Dot')} />\n      </div>\n    );\n  },\n);\n"],"mappings":"wHAAA,qBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,YAAT,uBAGA,MAAO,IAAMC,eAAc,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CASP,MAAO,IAAME,SAAQ,CAAGH,YAAY,CAAC,QAAD,CAA7B,CAEP,MAAO,IAAMI,OAAM,CAAGL,KAAK,CAACM,UAAN,CACpB,SAACC,CAAD,CAAQC,CAAR,CAAgB,CACd,GAAQC,EAAR,CAAmEF,CAAnE,CAAQE,SAAR,GAAmEF,CAAnE,CAAmBG,IAAnB,CAAmBA,CAAnB,YAA0BP,qBAA1B,GAAoDQ,CAApD,0BAAmEJ,CAAnE,YACA,MACE,4CACMI,CADN,EAEE,GAAG,CAAEH,CAFP,CAGE,SAAS,CAAEJ,QAAQ,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACD,CAAD,CAAX,CAHrB,GAKE,2BAAK,SAAS,CAAEL,QAAQ,CAAC,KAAD,CAAxB,EALF,CAQH,CAZmB,CAAf"}
+{"version":3,"file":"LoaderDeprecated.js","names":["React","cnDeprecated","loaderPropSize","loaderPropSizeDefault","cnLoader","Loader","forwardRef","props","ref","className","size","otherProps"],"sources":["../../../../../src/components/LoaderDeprecated/LoaderDeprecated.tsx"],"sourcesContent":["import './Loader.css';\n\nimport React from 'react';\n\nimport { cnDeprecated } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const loaderPropSize = ['m', 's', 'xs'] as const;\nexport type LoaderPropSize = (typeof loaderPropSize)[number];\nexport const loaderPropSizeDefault: LoaderPropSize = loaderPropSize[0];\n\ntype Props = {\n  size?: LoaderPropSize;\n  children?: never;\n};\n\nexport type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n\nexport const cnLoader = cnDeprecated('Loader');\n\nexport const Loader = React.forwardRef<HTMLDivElement, LoaderProps>(\n  (props, ref) => {\n    const { className, size = loaderPropSizeDefault, ...otherProps } = props;\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnLoader({ size }, [className])}\n      >\n        <div className={cnLoader('Dot')} />\n      </div>\n    );\n  },\n);\n"],"mappings":"wHAAA,qBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,YAAT,uBAGA,MAAO,IAAMC,eAAc,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CASP,MAAO,IAAME,SAAQ,CAAGH,YAAY,CAAC,QAAD,CAA7B,CAEP,MAAO,IAAMI,OAAM,CAAGL,KAAK,CAACM,UAAN,CACpB,SAACC,CAAD,CAAQC,CAAR,CAAgB,CACd,GAAQC,EAAR,CAAmEF,CAAnE,CAAQE,SAAR,GAAmEF,CAAnE,CAAmBG,IAAnB,CAAmBA,CAAnB,YAA0BP,qBAA1B,GAAoDQ,CAApD,0BAAmEJ,CAAnE,YACA,MACE,4CACMI,CADN,EAEE,GAAG,CAAEH,CAFP,CAGE,SAAS,CAAEJ,QAAQ,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACD,CAAD,CAAX,CAHrB,GAKE,2BAAK,SAAS,CAAEL,QAAQ,CAAC,KAAD,CAAxB,EALF,CAQH,CAZmB,CAAf"}

package/__internal__/src/components/Modal/ModalLayout/ModalLayout.css

@@ -1,5 +1,5 @@
 .ModalLayout{display:flex;flex:1;flex-direction:column;justify-content:space-between}.ModalLayout-Slot{background-color:var(--color-bg-default);transition:box-shadow .3s}.ModalLayout-Slot_border_top{box-shadow:0 1px 0 0 var(--color-bg-border) inset,0 -2px 3px var(--modal-layout-slot-color-shadow,transparent);padding-top:1px}.ModalLayout-Slot_border_top[class*=MixSpace_pT]{padding-top:calc(var(--space-padding-top) + 1px)}.ModalLayout-Slot_border_bottom{box-shadow:0 -1px 0 0 var(--color-bg-border) inset,0 2px 3px var(--modal-layout-slot-color-shadow,transparent);padding-bottom:1px}.ModalLayout-Slot_border_bottom[class*=MixSpace_pB]{padding-bottom:calc(var(--space-padding-bottom) + 1px)}.ModalLayout-Slot_fixed_top{--modal-layout-slot-color-shadow:var(
-            --modal-layout-header-color-shadow
-          );top:0}.ModalLayout-Slot_fixed_bottom,.ModalLayout-Slot_fixed_top{position:sticky;z-index:calc(var(--modal-layout-z-index-for-fixed-slot) + 1)}.ModalLayout-Slot_fixed_bottom{--modal-layout-slot-color-shadow:var(
-            --modal-layout-footer-color-shadow
-          );bottom:0}.ModalLayout-Slot_stretch{flex:1}
+          --modal-layout-header-color-shadow
+        );top:0}.ModalLayout-Slot_fixed_bottom,.ModalLayout-Slot_fixed_top{position:sticky;z-index:calc(var(--modal-layout-z-index-for-fixed-slot) + 1)}.ModalLayout-Slot_fixed_bottom{--modal-layout-slot-color-shadow:var(
+          --modal-layout-footer-color-shadow
+        );bottom:0}.ModalLayout-Slot_stretch{flex:1}

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

@@ -2,9 +2,9 @@ import './ModalDeprecated.css';
 import React from 'react';
 import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
 declare const modalPropWidth: readonly ["auto"];
-type ModalPropWidth = typeof modalPropWidth[number];
+type ModalPropWidth = (typeof modalPropWidth)[number];
 declare const modalPropPosition: readonly ["center", "top"];
-type ModalPropPosition = typeof modalPropPosition[number];
+type ModalPropPosition = (typeof modalPropPosition)[number];
 type ModalProps = PropsWithHTMLAttributes<{
     isOpen?: boolean;
     onClose?: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"ModalDeprecated.js","names":["React","useEffect","useRef","Transition","PortalWithTheme","PortalWithThemeConsumer","useTheme","useGlobalKeys","animateTimeout","cnMixPopoverAnimate","cnMixScrollBar","cnDeprecated","cn","modalPropWidth","modalPropWidthDefault","modalPropPosition","modalPropPositionDefault","cnModal","Modal","props","isOpen","onClose","onOpen","hasOverlay","onOverlayClick","onClickOutside","onEsc","className","width","position","children","container","window","document","body","refsForExcludeClickOutside","rootClassName","afterClose","style","otherProps","ref","portalRef","theme","Escape","e","animate","zIndex"],"sources":["../../../../../src/components/ModalDeprecated/ModalDeprecated.tsx"],"sourcesContent":["import './ModalDeprecated.css';\n\nimport React, { useEffect, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n  PortalWithTheme,\n  PortalWithThemeConsumer,\n} from '##/components/PortalWithTheme';\nimport { useTheme } from '##/components/Theme/Theme';\nimport { useGlobalKeys } from '##/hooks/useGlobalKeys';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnDeprecated as cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nconst modalPropWidth = ['auto'] as const;\ntype ModalPropWidth = typeof modalPropWidth[number];\nconst modalPropWidthDefault: ModalPropWidth = modalPropWidth[0];\n\nconst modalPropPosition = ['center', 'top'] as const;\ntype ModalPropPosition = typeof modalPropPosition[number];\nconst modalPropPositionDefault: ModalPropPosition = modalPropPosition[0];\n\ntype ModalProps = PropsWithHTMLAttributes<\n  {\n    isOpen?: boolean;\n    onClose?: () => void;\n    onOpen?: () => void;\n    hasOverlay?: boolean;\n    /** @deprecated use onClickOutside */\n    onOverlayClick?: (event: MouseEvent) => void;\n    onClickOutside?: (event: MouseEvent) => void;\n    onEsc?: (event: KeyboardEvent) => void;\n    rootClassName?: string;\n    width?: ModalPropWidth;\n    position?: ModalPropPosition;\n    children?: React.ReactNode;\n    container?: HTMLDivElement | undefined;\n    afterClose?: () => void;\n    refsForExcludeClickOutside?: React.RefObject<HTMLElement>[];\n  },\n  HTMLDivElement\n>;\n\nexport const cnModal = cn('Modal');\n\nexport const Modal: React.FC<ModalProps> = (props) => {\n  const {\n    isOpen,\n    onClose,\n    onOpen,\n    hasOverlay = true,\n    onOverlayClick,\n    onClickOutside,\n    onEsc,\n    className,\n    width = modalPropWidthDefault,\n    position = modalPropPositionDefault,\n    children,\n    container = window.document.body,\n    refsForExcludeClickOutside,\n    rootClassName,\n    afterClose,\n    style,\n    ...otherProps\n  } = props;\n\n  const ref = useRef<HTMLDivElement | null>(null);\n  const portalRef = useRef<HTMLDivElement | null>(null);\n  const { theme } = useTheme();\n\n  useEffect(() => {\n    if (isOpen) {\n      onOpen?.();\n    } else {\n      onClose?.();\n    }\n  }, [isOpen]);\n\n  useGlobalKeys({\n    Escape: (e: KeyboardEvent) => isOpen && onEsc && onEsc(e),\n  });\n\n  return (\n    <Transition\n      in={isOpen}\n      unmountOnExit\n      nodeRef={portalRef}\n      timeout={animateTimeout}\n      onExited={afterClose}\n    >\n      {(animate) => (\n        <PortalWithTheme\n          preset={theme}\n          container={container}\n          className={cnModal({ hasOverlay }, [rootClassName])}\n          ref={portalRef}\n          style={\n            typeof style?.zIndex === 'number'\n              ? { zIndex: style.zIndex }\n              : undefined\n          }\n        >\n          {hasOverlay && (\n            <div\n              className={cnModal('Overlay', { animate })}\n              aria-label=\"Overlay\"\n            />\n          )}\n          <div\n            {...otherProps}\n            style={{\n              ...style,\n              zIndex: undefined,\n            }}\n            className={cnModal('Window', { width, position }, [\n              cnMixPopoverAnimate({ animate }),\n              className,\n              cnMixScrollBar(),\n            ])}\n            ref={ref}\n          >\n            <PortalWithThemeConsumer\n              onClickOutside={onClickOutside || onOverlayClick}\n              ignoreClicksInsideRefs={[\n                ...(refsForExcludeClickOutside || []),\n                ref,\n              ]}\n            >\n              {children}\n            </PortalWithThemeConsumer>\n          </div>\n        </PortalWithTheme>\n      )}\n    </Transition>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ModalDeprecated.js","names":["React","useEffect","useRef","Transition","PortalWithTheme","PortalWithThemeConsumer","useTheme","useGlobalKeys","animateTimeout","cnMixPopoverAnimate","cnMixScrollBar","cnDeprecated","cn","modalPropWidth","modalPropWidthDefault","modalPropPosition","modalPropPositionDefault","cnModal","Modal","props","isOpen","onClose","onOpen","hasOverlay","onOverlayClick","onClickOutside","onEsc","className","width","position","children","container","window","document","body","refsForExcludeClickOutside","rootClassName","afterClose","style","otherProps","ref","portalRef","theme","Escape","e","animate","zIndex"],"sources":["../../../../../src/components/ModalDeprecated/ModalDeprecated.tsx"],"sourcesContent":["import './ModalDeprecated.css';\n\nimport React, { useEffect, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n  PortalWithTheme,\n  PortalWithThemeConsumer,\n} from '##/components/PortalWithTheme';\nimport { useTheme } from '##/components/Theme/Theme';\nimport { useGlobalKeys } from '##/hooks/useGlobalKeys';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnDeprecated as cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nconst modalPropWidth = ['auto'] as const;\ntype ModalPropWidth = (typeof modalPropWidth)[number];\nconst modalPropWidthDefault: ModalPropWidth = modalPropWidth[0];\n\nconst modalPropPosition = ['center', 'top'] as const;\ntype ModalPropPosition = (typeof modalPropPosition)[number];\nconst modalPropPositionDefault: ModalPropPosition = modalPropPosition[0];\n\ntype ModalProps = PropsWithHTMLAttributes<\n  {\n    isOpen?: boolean;\n    onClose?: () => void;\n    onOpen?: () => void;\n    hasOverlay?: boolean;\n    /** @deprecated use onClickOutside */\n    onOverlayClick?: (event: MouseEvent) => void;\n    onClickOutside?: (event: MouseEvent) => void;\n    onEsc?: (event: KeyboardEvent) => void;\n    rootClassName?: string;\n    width?: ModalPropWidth;\n    position?: ModalPropPosition;\n    children?: React.ReactNode;\n    container?: HTMLDivElement | undefined;\n    afterClose?: () => void;\n    refsForExcludeClickOutside?: React.RefObject<HTMLElement>[];\n  },\n  HTMLDivElement\n>;\n\nexport const cnModal = cn('Modal');\n\nexport const Modal: React.FC<ModalProps> = (props) => {\n  const {\n    isOpen,\n    onClose,\n    onOpen,\n    hasOverlay = true,\n    onOverlayClick,\n    onClickOutside,\n    onEsc,\n    className,\n    width = modalPropWidthDefault,\n    position = modalPropPositionDefault,\n    children,\n    container = window.document.body,\n    refsForExcludeClickOutside,\n    rootClassName,\n    afterClose,\n    style,\n    ...otherProps\n  } = props;\n\n  const ref = useRef<HTMLDivElement | null>(null);\n  const portalRef = useRef<HTMLDivElement | null>(null);\n  const { theme } = useTheme();\n\n  useEffect(() => {\n    if (isOpen) {\n      onOpen?.();\n    } else {\n      onClose?.();\n    }\n  }, [isOpen]);\n\n  useGlobalKeys({\n    Escape: (e: KeyboardEvent) => isOpen && onEsc && onEsc(e),\n  });\n\n  return (\n    <Transition\n      in={isOpen}\n      unmountOnExit\n      nodeRef={portalRef}\n      timeout={animateTimeout}\n      onExited={afterClose}\n    >\n      {(animate) => (\n        <PortalWithTheme\n          preset={theme}\n          container={container}\n          className={cnModal({ hasOverlay }, [rootClassName])}\n          ref={portalRef}\n          style={\n            typeof style?.zIndex === 'number'\n              ? { zIndex: style.zIndex }\n              : undefined\n          }\n        >\n          {hasOverlay && (\n            <div\n              className={cnModal('Overlay', { animate })}\n              aria-label=\"Overlay\"\n            />\n          )}\n          <div\n            {...otherProps}\n            style={{\n              ...style,\n              zIndex: undefined,\n            }}\n            className={cnModal('Window', { width, position }, [\n              cnMixPopoverAnimate({ animate }),\n              className,\n              cnMixScrollBar(),\n            ])}\n            ref={ref}\n          >\n            <PortalWithThemeConsumer\n              onClickOutside={onClickOutside || onOverlayClick}\n              ignoreClicksInsideRefs={[\n                ...(refsForExcludeClickOutside || []),\n                ref,\n              ]}\n            >\n              {children}\n            </PortalWithThemeConsumer>\n          </div>\n        </PortalWithTheme>\n      )}\n    </Transition>\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/components/Notification/helpers/defaultDateFormat.js

@@ -1,2 +1,2 @@
-import{format}from"date-fns";import formatDistanceToNow from"date-fns/formatDistanceToNow";import ruLocale from"date-fns/locale/ru";export var defaultDateFormat=function(a){var b=new Date;if(36e5>b.getTime()-a.getTime()){var c=formatDistanceToNow(a,{locale:ruLocale,addSuffix:!0});return c.charAt(0).toUpperCase()+c.slice(1)}return format(b,"dd.MM.yyyy")===format(a,"dd.MM.yyyy")?format(a,"HH:mm"):format(a,"dd.MM.yyyy HH:mm")};
+import{format,formatDistanceToNow}from"date-fns";import{ru}from"date-fns/locale";export var defaultDateFormat=function(a){var b=new Date;if(36e5>b.getTime()-a.getTime()){var c=formatDistanceToNow(a,{locale:ru,addSuffix:!0});return c.charAt(0).toUpperCase()+c.slice(1)}return format(b,"dd.MM.yyyy")===format(a,"dd.MM.yyyy")?format(a,"HH:mm"):format(a,"dd.MM.yyyy HH:mm")};
 //# sourceMappingURL=defaultDateFormat.js.map

package/__internal__/src/components/Notification/helpers/defaultDateFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultDateFormat.js","names":["format","formatDistanceToNow","ruLocale","defaultDateFormat","date","currentDate","Date","getTime","str","locale","addSuffix","charAt","toUpperCase","slice"],"sources":["../../../../../../src/components/Notification/helpers/defaultDateFormat.ts"],"sourcesContent":["import { format } from 'date-fns';\nimport formatDistanceToNow from 'date-fns/formatDistanceToNow';\nimport ruLocale from 'date-fns/locale/ru';\n\nexport const defaultDateFormat = (date: Date): string => {\n  const currentDate = new Date();\n\n  if (currentDate.getTime() - date.getTime() < 3600000) {\n    const str = formatDistanceToNow(date, {\n      locale: ruLocale,\n      addSuffix: true,\n    });\n    return str.charAt(0).toUpperCase() + str.slice(1);\n  }\n\n  if (format(currentDate, 'dd.MM.yyyy') === format(date, 'dd.MM.yyyy')) {\n    return format(date, 'HH:mm');\n  }\n\n  return format(date, 'dd.MM.yyyy HH:mm');\n};\n"],"mappings":"AAAA,OAASA,MAAT,KAAuB,UAAvB,CACA,MAAOC,oBAAP,KAAgC,8BAAhC,CACA,MAAOC,SAAP,KAAqB,oBAArB,CAEA,MAAO,IAAMC,kBAAiB,CAAG,SAACC,CAAD,CAAwB,CACvD,GAAMC,EAAW,CAAG,GAAIC,KAAxB,CAEA,GAA6C,IAAzC,CAAAD,CAAW,CAACE,OAAZ,GAAwBH,CAAI,CAACG,OAAL,EAA5B,CAAsD,CACpD,GAAMC,EAAG,CAAGP,mBAAmB,CAACG,CAAD,CAAO,CACpCK,MAAM,CAAEP,QAD4B,CAEpCQ,SAAS,GAF2B,CAAP,CAA/B,CAIA,MAAOF,EAAG,CAACG,MAAJ,CAAW,CAAX,EAAcC,WAAd,GAA8BJ,CAAG,CAACK,KAAJ,CAAU,CAAV,CACtC,CATsD,MAWnDb,OAAM,CAACK,CAAD,CAAc,YAAd,CAAN,GAAsCL,MAAM,CAACI,CAAD,CAAO,YAAP,CAXO,CAY9CJ,MAAM,CAACI,CAAD,CAAO,OAAP,CAZwC,CAehDJ,MAAM,CAACI,CAAD,CAAO,kBAAP,CACd,CAhBM"}
+{"version":3,"file":"defaultDateFormat.js","names":["format","formatDistanceToNow","ru","defaultDateFormat","date","currentDate","Date","getTime","str","locale","addSuffix","charAt","toUpperCase","slice"],"sources":["../../../../../../src/components/Notification/helpers/defaultDateFormat.ts"],"sourcesContent":["import { format, formatDistanceToNow } from 'date-fns';\nimport { ru } from 'date-fns/locale';\n\nexport const defaultDateFormat = (date: Date): string => {\n  const currentDate = new Date();\n\n  if (currentDate.getTime() - date.getTime() < 3600000) {\n    const str = formatDistanceToNow(date, {\n      locale: ru,\n      addSuffix: true,\n    });\n    return str.charAt(0).toUpperCase() + str.slice(1);\n  }\n\n  if (format(currentDate, 'dd.MM.yyyy') === format(date, 'dd.MM.yyyy')) {\n    return format(date, 'HH:mm');\n  }\n\n  return format(date, 'dd.MM.yyyy HH:mm');\n};\n"],"mappings":"AAAA,OAASA,MAAT,CAAiBC,mBAAjB,KAA4C,UAA5C,CACA,OAASC,EAAT,KAAmB,iBAAnB,CAEA,MAAO,IAAMC,kBAAiB,CAAG,SAACC,CAAD,CAAwB,CACvD,GAAMC,EAAW,CAAG,GAAIC,KAAxB,CAEA,GAA6C,IAAzC,CAAAD,CAAW,CAACE,OAAZ,GAAwBH,CAAI,CAACG,OAAL,EAA5B,CAAsD,CACpD,GAAMC,EAAG,CAAGP,mBAAmB,CAACG,CAAD,CAAO,CACpCK,MAAM,CAAEP,EAD4B,CAEpCQ,SAAS,GAF2B,CAAP,CAA/B,CAIA,MAAOF,EAAG,CAACG,MAAJ,CAAW,CAAX,EAAcC,WAAd,GAA8BJ,CAAG,CAACK,KAAJ,CAAU,CAAV,CACtC,CATsD,MAWnDb,OAAM,CAACK,CAAD,CAAc,YAAd,CAAN,GAAsCL,MAAM,CAACI,CAAD,CAAO,YAAP,CAXO,CAY9CJ,MAAM,CAACI,CAAD,CAAO,OAAP,CAZwC,CAehDJ,MAAM,CAACI,CAAD,CAAO,kBAAP,CACd,CAhBM"}

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

@@ -4,13 +4,13 @@ import { AsAttributes, AsTags } from '../../utils/types/AsTags';
 import { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';
 import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const paginationPropForm: readonly ["default", "brick", "round"];
-export type PaginationPropForm = typeof paginationPropForm[number];
+export type PaginationPropForm = (typeof paginationPropForm)[number];
 export declare const paginationPropFormDefault: PaginationPropForm;
 export declare const paginationPropSize: readonly ["m", "xs", "s", "l"];
-export type PaginationPropSize = typeof paginationPropSize[number];
+export type PaginationPropSize = (typeof paginationPropSize)[number];
 export declare const paginationPropSizeDefault: PaginationPropSize;
 export declare const paginationPropType: readonly ["default", "input"];
-export type PaginationPropType = typeof paginationPropType[number];
+export type PaginationPropType = (typeof paginationPropType)[number];
 export declare const paginationPropTypeDefault: PaginationPropType;
 export type PaginationArrowTypes = 'first' | 'previous' | 'next' | 'last';
 export type PaginationPropHotKey = {

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["paginationPropForm","paginationPropFormDefault","paginationPropSize","paginationPropSizeDefault","paginationPropType","paginationPropTypeDefault"],"sources":["../../../../../src/components/Pagination/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\nimport {\n  PropsWithHTMLAttributes,\n  PropsWithHTMLAttributesAndRef,\n} from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const paginationPropForm = ['default', 'brick', 'round'] as const;\nexport type PaginationPropForm = typeof paginationPropForm[number];\nexport const paginationPropFormDefault: PaginationPropForm =\n  paginationPropForm[0];\n\nexport const paginationPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type PaginationPropSize = typeof paginationPropSize[number];\nexport const paginationPropSizeDefault: PaginationPropSize =\n  paginationPropSize[0];\n\nexport const paginationPropType = ['default', 'input'] as const;\nexport type PaginationPropType = typeof paginationPropType[number];\nexport const paginationPropTypeDefault: PaginationPropType =\n  paginationPropType[0];\n\nexport type PaginationArrowTypes = 'first' | 'previous' | 'next' | 'last';\n\nexport type PaginationPropHotKey = { label: string; keys: string[] };\n\nexport type PaginationPropOnItemClick<ITEM> = (\n  item: ITEM,\n  params: { e: React.MouseEvent },\n) => void;\n\nexport type PaginationPropOnChange<ITEM> = (\n  value: ITEM,\n  params: { e: React.MouseEvent | KeyboardEvent },\n) => void;\n\n// ARROWS\n\nexport type PaginationPropArrow =\n  | boolean\n  | IconComponent\n  | {\n      label?: string;\n      icon?: IconComponent;\n    };\n\nexport type PaginationBasePropArrow =\n  | false\n  | {\n      label?: string;\n      disabled?: boolean;\n      icon?: IconComponent;\n      onClick?: React.MouseEventHandler;\n    };\n\ntype PaginationArrowsProps = {\n  outerMostArrows?: [PaginationPropArrow?, PaginationPropArrow?];\n} & (\n  | {\n      arrows: [PaginationPropArrow?, PaginationPropArrow?];\n      hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];\n    }\n  | {\n      arrows?: never;\n      hotKeys?: never;\n    }\n);\n\nexport type PaginationItem = {\n  key: string | number;\n  label: string;\n  clickable: boolean;\n};\n\nexport type PaginationProps<TYPE extends PaginationPropType> =\n  PropsWithHTMLAttributes<\n    {\n      type?: TYPE;\n      showFirstPage?: boolean;\n      showLastPage?: boolean;\n      visibleCount?: number;\n      form?: PaginationPropForm;\n      size?: PaginationPropSize;\n      containerEventListener?: HTMLElement | Window;\n      value?: number;\n      items?: number;\n      onChange?: PaginationPropOnChange<number>;\n      getItemAs?: PaginationPropGetItemAs<PaginationItem>;\n      getItemAttributes?: PaginationPropGetItemAttributes<PaginationItem>;\n      getItemRef?: PaginationPropGetItemRef<PaginationItem>;\n    },\n    HTMLDivElement\n  > &\n    PaginationArrowsProps &\n    (TYPE extends 'input'\n      ? { getTotalLabel?: (pages: number) => string | number }\n      : {\n          getTotalLabel?: never;\n        });\n\nexport type PaginationComponent = <TYPE extends PaginationPropType>(\n  props: PaginationProps<TYPE>,\n) => React.ReactNode | null;\n\nexport type PaginationBaseItemDefault = {\n  key: string | number;\n  label?: string;\n  as?: AsTags;\n  ref?: React.RefObject<HTMLElement>;\n  clickable?: boolean;\n  attributes?: AsAttributes;\n  onClick?: React.MouseEventHandler;\n};\n\nexport type PaginationPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['key'];\nexport type PaginationPropGetItemLabel<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['label'];\nexport type PaginationPropGetItemClickable<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['clickable'];\nexport type PaginationPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['as'];\nexport type PaginationPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['attributes'];\nexport type PaginationPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['ref'];\nexport type PaginationPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['onClick'];\n\ntype Mappers<ITEM = PaginationBaseItemDefault> = {\n  getItemLabel?: PaginationPropGetItemLabel<ITEM>;\n  getItemKey: PaginationPropGetItemKey<ITEM>;\n  getItemAs?: PaginationPropGetItemAs<ITEM>;\n  getItemAttributes?: PaginationPropGetItemAttributes<ITEM>;\n  getItemRef?: PaginationPropGetItemRef<ITEM>;\n  getItemClickable?: PaginationPropGetItemClickable<ITEM>;\n  getItemOnClick?: PaginationPropGetItemOnClick<ITEM>;\n};\n\nexport type PaginationArrowProps = PropsWithHTMLAttributes<\n  {\n    icon?: IconComponent;\n    form?: PaginationPropForm;\n    size?: PaginationPropSize;\n    disabled?: boolean;\n    orientation?: 'start' | 'end';\n    label?: string;\n    caption?: string;\n  },\n  HTMLButtonElement\n>;\n\nexport type PaginationItemProps<AS extends AsTags = 'button'> =\n  PropsWithAsAttributes<\n    {\n      form?: PaginationPropForm;\n      size?: PaginationPropSize;\n      label?: string;\n      active?: boolean;\n      clickable?: boolean;\n    },\n    AS\n  >;\n\nexport type PaginationItemComponent = <AS extends AsTags = 'button'>(\n  props: PaginationItemProps<AS>,\n) => React.ReactNode | null;\n\nexport type PaginationNumberInputProps = PropsWithHTMLAttributes<\n  {\n    value?: number;\n    onChange?: PaginationPropOnChange<number>;\n    form?: PaginationPropForm;\n    size?: PaginationPropSize;\n    total: number;\n    getTotalLabel?: (pages: number) => string | number;\n  },\n  HTMLDivElement\n>;\n\nexport type PaginationListProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    form?: PaginationPropForm;\n    size?: PaginationPropSize;\n    items: ITEM[];\n    value?: ITEM;\n    onItemClick?: PaginationPropOnItemClick<ITEM>;\n  },\n  HTMLDivElement\n> &\n  Mappers<ITEM>;\n\nexport type PaginationListComponent = <ITEM extends PaginationBaseItemDefault>(\n  props: PaginationListProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":"AAUA,MAAO,IAAMA,mBAAkB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,mBAAkB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,mBAAkB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb"}
+{"version":3,"file":"types.js","names":["paginationPropForm","paginationPropFormDefault","paginationPropSize","paginationPropSizeDefault","paginationPropType","paginationPropTypeDefault"],"sources":["../../../../../src/components/Pagination/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\nimport {\n  PropsWithHTMLAttributes,\n  PropsWithHTMLAttributesAndRef,\n} from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const paginationPropForm = ['default', 'brick', 'round'] as const;\nexport type PaginationPropForm = (typeof paginationPropForm)[number];\nexport const paginationPropFormDefault: PaginationPropForm =\n  paginationPropForm[0];\n\nexport const paginationPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type PaginationPropSize = (typeof paginationPropSize)[number];\nexport const paginationPropSizeDefault: PaginationPropSize =\n  paginationPropSize[0];\n\nexport const paginationPropType = ['default', 'input'] as const;\nexport type PaginationPropType = (typeof paginationPropType)[number];\nexport const paginationPropTypeDefault: PaginationPropType =\n  paginationPropType[0];\n\nexport type PaginationArrowTypes = 'first' | 'previous' | 'next' | 'last';\n\nexport type PaginationPropHotKey = { label: string; keys: string[] };\n\nexport type PaginationPropOnItemClick<ITEM> = (\n  item: ITEM,\n  params: { e: React.MouseEvent },\n) => void;\n\nexport type PaginationPropOnChange<ITEM> = (\n  value: ITEM,\n  params: { e: React.MouseEvent | KeyboardEvent },\n) => void;\n\n// ARROWS\n\nexport type PaginationPropArrow =\n  | boolean\n  | IconComponent\n  | {\n      label?: string;\n      icon?: IconComponent;\n    };\n\nexport type PaginationBasePropArrow =\n  | false\n  | {\n      label?: string;\n      disabled?: boolean;\n      icon?: IconComponent;\n      onClick?: React.MouseEventHandler;\n    };\n\ntype PaginationArrowsProps = {\n  outerMostArrows?: [PaginationPropArrow?, PaginationPropArrow?];\n} & (\n  | {\n      arrows: [PaginationPropArrow?, PaginationPropArrow?];\n      hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];\n    }\n  | {\n      arrows?: never;\n      hotKeys?: never;\n    }\n);\n\nexport type PaginationItem = {\n  key: string | number;\n  label: string;\n  clickable: boolean;\n};\n\nexport type PaginationProps<TYPE extends PaginationPropType> =\n  PropsWithHTMLAttributes<\n    {\n      type?: TYPE;\n      showFirstPage?: boolean;\n      showLastPage?: boolean;\n      visibleCount?: number;\n      form?: PaginationPropForm;\n      size?: PaginationPropSize;\n      containerEventListener?: HTMLElement | Window;\n      value?: number;\n      items?: number;\n      onChange?: PaginationPropOnChange<number>;\n      getItemAs?: PaginationPropGetItemAs<PaginationItem>;\n      getItemAttributes?: PaginationPropGetItemAttributes<PaginationItem>;\n      getItemRef?: PaginationPropGetItemRef<PaginationItem>;\n    },\n    HTMLDivElement\n  > &\n    PaginationArrowsProps &\n    (TYPE extends 'input'\n      ? { getTotalLabel?: (pages: number) => string | number }\n      : {\n          getTotalLabel?: never;\n        });\n\nexport type PaginationComponent = <TYPE extends PaginationPropType>(\n  props: PaginationProps<TYPE>,\n) => React.ReactNode | null;\n\nexport type PaginationBaseItemDefault = {\n  key: string | number;\n  label?: string;\n  as?: AsTags;\n  ref?: React.RefObject<HTMLElement>;\n  clickable?: boolean;\n  attributes?: AsAttributes;\n  onClick?: React.MouseEventHandler;\n};\n\nexport type PaginationPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['key'];\nexport type PaginationPropGetItemLabel<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['label'];\nexport type PaginationPropGetItemClickable<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['clickable'];\nexport type PaginationPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['as'];\nexport type PaginationPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['attributes'];\nexport type PaginationPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['ref'];\nexport type PaginationPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => PaginationBaseItemDefault['onClick'];\n\ntype Mappers<ITEM = PaginationBaseItemDefault> = {\n  getItemLabel?: PaginationPropGetItemLabel<ITEM>;\n  getItemKey: PaginationPropGetItemKey<ITEM>;\n  getItemAs?: PaginationPropGetItemAs<ITEM>;\n  getItemAttributes?: PaginationPropGetItemAttributes<ITEM>;\n  getItemRef?: PaginationPropGetItemRef<ITEM>;\n  getItemClickable?: PaginationPropGetItemClickable<ITEM>;\n  getItemOnClick?: PaginationPropGetItemOnClick<ITEM>;\n};\n\nexport type PaginationArrowProps = PropsWithHTMLAttributes<\n  {\n    icon?: IconComponent;\n    form?: PaginationPropForm;\n    size?: PaginationPropSize;\n    disabled?: boolean;\n    orientation?: 'start' | 'end';\n    label?: string;\n    caption?: string;\n  },\n  HTMLButtonElement\n>;\n\nexport type PaginationItemProps<AS extends AsTags = 'button'> =\n  PropsWithAsAttributes<\n    {\n      form?: PaginationPropForm;\n      size?: PaginationPropSize;\n      label?: string;\n      active?: boolean;\n      clickable?: boolean;\n    },\n    AS\n  >;\n\nexport type PaginationItemComponent = <AS extends AsTags = 'button'>(\n  props: PaginationItemProps<AS>,\n) => React.ReactNode | null;\n\nexport type PaginationNumberInputProps = PropsWithHTMLAttributes<\n  {\n    value?: number;\n    onChange?: PaginationPropOnChange<number>;\n    form?: PaginationPropForm;\n    size?: PaginationPropSize;\n    total: number;\n    getTotalLabel?: (pages: number) => string | number;\n  },\n  HTMLDivElement\n>;\n\nexport type PaginationListProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    form?: PaginationPropForm;\n    size?: PaginationPropSize;\n    items: ITEM[];\n    value?: ITEM;\n    onItemClick?: PaginationPropOnItemClick<ITEM>;\n  },\n  HTMLDivElement\n> &\n  Mappers<ITEM>;\n\nexport type PaginationListComponent = <ITEM extends PaginationBaseItemDefault>(\n  props: PaginationListProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":"AAUA,MAAO,IAAMA,mBAAkB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,mBAAkB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,mBAAkB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb"}

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

@@ -2,16 +2,16 @@ import './Pagination.css';
 import React from 'react';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const paginationForms: readonly ["default", "round", "brick"];
-export type PaginationPropForm = typeof paginationForms[number];
+export type PaginationPropForm = (typeof paginationForms)[number];
 export declare const paginationDefaultForm: PaginationPropForm;
 export declare const paginationSizes: readonly ["xs", "s", "m", "l"];
-export type PaginationPropSize = typeof paginationSizes[number];
+export type PaginationPropSize = (typeof paginationSizes)[number];
 export declare const paginationDefaultSize: PaginationPropSize;
 export declare const paginationTypes: readonly ["default", "input"];
-export type PaginationPropType = typeof paginationTypes[number];
+export type PaginationPropType = (typeof paginationTypes)[number];
 export declare const paginationDefaultType: PaginationPropType;
 export declare const paginationPositions: readonly ["left", "center", "right"];
-export type PaginationPropPosition = typeof paginationPositions[number];
+export type PaginationPropPosition = (typeof paginationPositions)[number];
 export declare const paginationDefaultPosition: PaginationPropPosition;
 export declare const cnPagination: import("@bem-react/classname").ClassNameFormatter;
 type HotKey = {

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationDeprecated.js","names":["IconBackward","IconForward","React","cnDeprecated","Button","Text","TextField","getPaginationInfo","paginationForms","paginationDefaultForm","paginationSizes","paginationDefaultSize","paginationTypes","paginationDefaultType","paginationPositions","paginationDefaultPosition","getDefaultLabel","totalPages","cnPagination","Pagination","forwardRef","props","ref","currentPage","onChange","getLabel","form","size","type","position","minified","hotkeys","nextPage","label","values","prevPage","containerEventListener","window","className","otherProps","currPage","isStartDots","isEndDots","pages","isEmpty","useState","keys","setKeys","changePage","page","handleClick","e","preventDefault","keyUpListener","event","key","prevState","filter","hotKey","keyDownListener","includes","newKeys","every","useEffect","addEventListener","removeEventListener","itemWidth","show","isActive","width","map","toString","handleChange","value","pageNumber","Number","isNaN"],"sources":["../../../../../src/components/PaginationDeprecated/PaginationDeprecated.tsx"],"sourcesContent":["import './Pagination.css';\n\nimport { IconBackward } from '@consta/icons/IconBackward';\nimport { IconForward } from '@consta/icons/IconForward';\nimport React from 'react';\n\nimport { cnDeprecated } from '../../utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Button } from '../Button/Button';\nimport { Text } from '../Text/Text';\nimport { TextField, TextFieldPropOnChange } from '../TextField/TextField';\nimport { getPaginationInfo } from './helpers';\n\nexport const paginationForms = ['default', 'round', 'brick'] as const;\nexport type PaginationPropForm = typeof paginationForms[number];\nexport const paginationDefaultForm: PaginationPropForm = 'default';\n\nexport const paginationSizes = ['xs', 's', 'm', 'l'] as const;\nexport type PaginationPropSize = typeof paginationSizes[number];\nexport const paginationDefaultSize: PaginationPropSize = 'm';\n\nexport const paginationTypes = ['default', 'input'] as const;\nexport type PaginationPropType = typeof paginationTypes[number];\nexport const paginationDefaultType: PaginationPropType = 'default';\n\nexport const paginationPositions = ['left', 'center', 'right'] as const;\nexport type PaginationPropPosition = typeof paginationPositions[number];\nexport const paginationDefaultPosition: PaginationPropPosition = 'center';\n\nconst getDefaultLabel = (totalPages: number): string => `из ${totalPages}`;\n\nexport const cnPagination = cnDeprecated('Pagination');\n\ntype HotKey = {\n  label: string;\n  values: string[];\n};\n\nexport type HotKeys = {\n  nextPage: HotKey;\n  prevPage: HotKey;\n};\n\ntype Props = {\n  currentPage: number;\n  totalPages: number;\n  onChange: (pageNumber: number) => void;\n  getLabel?: (totalPages: number) => string;\n  form?: PaginationPropForm;\n  size?: PaginationPropSize;\n  type?: PaginationPropType;\n  hotkeys?: HotKeys;\n  containerEventListener?: HTMLElement | Window;\n  className?: string;\n} & (\n  | {\n      minified?: true;\n      position?: never;\n    }\n  | {\n      minified?: false;\n      position?: PaginationPropPosition;\n    }\n);\n\ntype Pagination = (\n  props: PropsWithHTMLAttributesAndRef<Props, HTMLDivElement>,\n) => React.ReactNode | null;\n\nexport const Pagination: Pagination = React.forwardRef((props, ref) => {\n  const {\n    currentPage = 0,\n    totalPages = 0,\n    onChange,\n    getLabel = getDefaultLabel,\n    form = paginationDefaultForm,\n    size = paginationDefaultSize,\n    type = paginationDefaultType,\n    position = paginationDefaultPosition,\n    minified = false,\n    hotkeys = {\n      nextPage: {\n        label: 'Alt →',\n        values: ['Alt', 'ArrowRight'],\n      },\n      prevPage: {\n        label: '← Alt',\n        values: ['Alt', 'ArrowLeft'],\n      },\n    },\n    containerEventListener = window,\n    className,\n    ...otherProps\n  } = props;\n\n  const currPage = currentPage + 1;\n  const { prevPage, nextPage, isStartDots, isEndDots, pages, isEmpty } =\n    getPaginationInfo(currPage, totalPages);\n  const [keys, setKeys] = React.useState<string[]>([]);\n\n  const changePage = (page: number | null) => {\n    if (page && page !== currPage && onChange) {\n      onChange(page - 1);\n    }\n  };\n\n  const handleClick = (page: number | null) => (e: React.MouseEvent) => {\n    e.preventDefault();\n    changePage(page);\n  };\n\n  const handleChange: TextFieldPropOnChange = (value) => {\n    const pageNumber = Number(value);\n\n    if (pageNumber > totalPages || Number.isNaN(pageNumber)) return;\n\n    if (onChange) {\n      onChange(pageNumber - 1);\n    }\n  };\n\n  const keyUpListener: EventListener = (event) => {\n    const { key } = event as KeyboardEvent;\n\n    setKeys((prevState) => prevState.filter((hotKey) => hotKey !== key));\n  };\n\n  const keyDownListener: EventListener = (event) => {\n    const { key } = event as KeyboardEvent;\n\n    if (\n      hotkeys.nextPage.values.includes(key) ||\n      hotkeys.prevPage.values.includes(key)\n    ) {\n      const newKeys = [...keys, key];\n      if (hotkeys.nextPage.values.every((hotKey) => newKeys.includes(hotKey))) {\n        changePage(nextPage);\n      } else if (\n        hotkeys.prevPage.values.every((hotKey) => newKeys.includes(hotKey))\n      ) {\n        changePage(prevPage);\n      }\n      setKeys(newKeys);\n    }\n  };\n\n  React.useEffect(() => {\n    containerEventListener.addEventListener('keydown', keyDownListener);\n    containerEventListener.addEventListener('keyup', keyUpListener);\n    return () => {\n      containerEventListener.removeEventListener('keydown', keyDownListener);\n      containerEventListener.removeEventListener('keyup', keyUpListener);\n    };\n  });\n\n  const itemWidth = `var(--control-height-${size})`;\n\n  if (!totalPages) return null;\n\n  return (\n    (!isEmpty && (\n      <nav\n        className={cnPagination(\n          {\n            form,\n            size,\n            position: minified ? paginationDefaultPosition : position,\n          },\n          [className],\n        )}\n        ref={ref}\n        {...otherProps}\n      >\n        {(currPage > 1 || minified) && (\n          <div className={cnPagination('PrevPage')}>\n            <Button\n              type=\"button\"\n              className={cnPagination('ItemLeft', {\n                minified,\n                show: currPage > 1,\n              })}\n              label=\"Назад\"\n              iconLeft={IconBackward}\n              view=\"ghost\"\n              form={form}\n              size={size}\n              onClick={handleClick(prevPage)}\n            />\n            {!minified && (\n              <Text\n                className={cnPagination('TipLeft')}\n                size=\"xs\"\n                view=\"ghost\"\n                lineHeight=\"m\"\n              >\n                {hotkeys.prevPage.label}\n              </Text>\n            )}\n          </div>\n        )}\n        {type === paginationDefaultType ? (\n          <div className={cnPagination('Pages')}>\n            {isStartDots && (\n              <Button\n                type=\"button\"\n                className={cnPagination('Item', { isActive: currPage === 1 })}\n                style={{ width: itemWidth }}\n                label=\"1\"\n                title=\"1\"\n                view=\"ghost\"\n                form={form}\n                size={size}\n                onClick={handleClick(1)}\n              />\n            )}\n            {isStartDots && (\n              <Text\n                size={size}\n                view=\"linkMinor\"\n                className={cnPagination('More')}\n                style={{ width: itemWidth }}\n                lineHeight=\"m\"\n              >\n                ...\n              </Text>\n            )}\n            {pages.map((page) => (\n              <Button\n                type=\"button\"\n                key={page}\n                className={cnPagination('Item', {\n                  isActive: currPage === page,\n                })}\n                style={{ width: itemWidth }}\n                label={page}\n                title={`${page}`}\n                view=\"ghost\"\n                form={form}\n                size={size}\n                onClick={handleClick(page)}\n              />\n            ))}\n            {isEndDots && (\n              <Text\n                size={size}\n                view=\"linkMinor\"\n                className={cnPagination('More')}\n                style={{ width: itemWidth }}\n                lineHeight=\"m\"\n              >\n                ...\n              </Text>\n            )}\n            {isEndDots && (\n              <Button\n                type=\"button\"\n                className={cnPagination('Item', {\n                  isActive: currPage === totalPages,\n                })}\n                style={{ width: itemWidth }}\n                label={totalPages}\n                title={`${totalPages}`}\n                view=\"ghost\"\n                form={form}\n                size={size}\n                onClick={handleClick(totalPages)}\n              />\n            )}\n          </div>\n        ) : (\n          <div className={cnPagination('Pages')}>\n            <TextField\n              className={cnPagination('Input')}\n              form={form}\n              size={size}\n              value={currPage.toString()}\n              onChange={handleChange}\n            />\n            <Text\n              size={size}\n              view=\"linkMinor\"\n              className={cnPagination('Total')}\n              lineHeight=\"m\"\n            >\n              {getLabel(totalPages)}\n            </Text>\n          </div>\n        )}\n        {(currPage < totalPages || minified) && (\n          <div className={cnPagination('NextPage')}>\n            <Button\n              type=\"button\"\n              className={cnPagination('ItemRight', {\n                minified,\n                show: currPage < totalPages,\n              })}\n              label=\"Вперёд\"\n              iconRight={IconForward}\n              view=\"ghost\"\n              form={form}\n              size={size}\n              onClick={handleClick(nextPage)}\n            />\n            {!minified && (\n              <Text\n                className={cnPagination('TipRight')}\n                size=\"xs\"\n                view=\"ghost\"\n                lineHeight=\"m\"\n              >\n                {hotkeys.nextPage.label}\n              </Text>\n            )}\n          </div>\n        )}\n      </nav>\n    )) ||\n    null\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"PaginationDeprecated.js","names":["IconBackward","IconForward","React","cnDeprecated","Button","Text","TextField","getPaginationInfo","paginationForms","paginationDefaultForm","paginationSizes","paginationDefaultSize","paginationTypes","paginationDefaultType","paginationPositions","paginationDefaultPosition","getDefaultLabel","totalPages","cnPagination","Pagination","forwardRef","props","ref","currentPage","onChange","getLabel","form","size","type","position","minified","hotkeys","nextPage","label","values","prevPage","containerEventListener","window","className","otherProps","currPage","isStartDots","isEndDots","pages","isEmpty","useState","keys","setKeys","changePage","page","handleClick","e","preventDefault","keyUpListener","event","key","prevState","filter","hotKey","keyDownListener","includes","newKeys","every","useEffect","addEventListener","removeEventListener","itemWidth","show","isActive","width","map","toString","handleChange","value","pageNumber","Number","isNaN"],"sources":["../../../../../src/components/PaginationDeprecated/PaginationDeprecated.tsx"],"sourcesContent":["import './Pagination.css';\n\nimport { IconBackward } from '@consta/icons/IconBackward';\nimport { IconForward } from '@consta/icons/IconForward';\nimport React from 'react';\n\nimport { cnDeprecated } from '../../utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Button } from '../Button/Button';\nimport { Text } from '../Text/Text';\nimport { TextField, TextFieldPropOnChange } from '../TextField/TextField';\nimport { getPaginationInfo } from './helpers';\n\nexport const paginationForms = ['default', 'round', 'brick'] as const;\nexport type PaginationPropForm = (typeof paginationForms)[number];\nexport const paginationDefaultForm: PaginationPropForm = 'default';\n\nexport const paginationSizes = ['xs', 's', 'm', 'l'] as const;\nexport type PaginationPropSize = (typeof paginationSizes)[number];\nexport const paginationDefaultSize: PaginationPropSize = 'm';\n\nexport const paginationTypes = ['default', 'input'] as const;\nexport type PaginationPropType = (typeof paginationTypes)[number];\nexport const paginationDefaultType: PaginationPropType = 'default';\n\nexport const paginationPositions = ['left', 'center', 'right'] as const;\nexport type PaginationPropPosition = (typeof paginationPositions)[number];\nexport const paginationDefaultPosition: PaginationPropPosition = 'center';\n\nconst getDefaultLabel = (totalPages: number): string => `из ${totalPages}`;\n\nexport const cnPagination = cnDeprecated('Pagination');\n\ntype HotKey = {\n  label: string;\n  values: string[];\n};\n\nexport type HotKeys = {\n  nextPage: HotKey;\n  prevPage: HotKey;\n};\n\ntype Props = {\n  currentPage: number;\n  totalPages: number;\n  onChange: (pageNumber: number) => void;\n  getLabel?: (totalPages: number) => string;\n  form?: PaginationPropForm;\n  size?: PaginationPropSize;\n  type?: PaginationPropType;\n  hotkeys?: HotKeys;\n  containerEventListener?: HTMLElement | Window;\n  className?: string;\n} & (\n  | {\n      minified?: true;\n      position?: never;\n    }\n  | {\n      minified?: false;\n      position?: PaginationPropPosition;\n    }\n);\n\ntype Pagination = (\n  props: PropsWithHTMLAttributesAndRef<Props, HTMLDivElement>,\n) => React.ReactNode | null;\n\nexport const Pagination: Pagination = React.forwardRef((props, ref) => {\n  const {\n    currentPage = 0,\n    totalPages = 0,\n    onChange,\n    getLabel = getDefaultLabel,\n    form = paginationDefaultForm,\n    size = paginationDefaultSize,\n    type = paginationDefaultType,\n    position = paginationDefaultPosition,\n    minified = false,\n    hotkeys = {\n      nextPage: {\n        label: 'Alt →',\n        values: ['Alt', 'ArrowRight'],\n      },\n      prevPage: {\n        label: '← Alt',\n        values: ['Alt', 'ArrowLeft'],\n      },\n    },\n    containerEventListener = window,\n    className,\n    ...otherProps\n  } = props;\n\n  const currPage = currentPage + 1;\n  const { prevPage, nextPage, isStartDots, isEndDots, pages, isEmpty } =\n    getPaginationInfo(currPage, totalPages);\n  const [keys, setKeys] = React.useState<string[]>([]);\n\n  const changePage = (page: number | null) => {\n    if (page && page !== currPage && onChange) {\n      onChange(page - 1);\n    }\n  };\n\n  const handleClick = (page: number | null) => (e: React.MouseEvent) => {\n    e.preventDefault();\n    changePage(page);\n  };\n\n  const handleChange: TextFieldPropOnChange = (value) => {\n    const pageNumber = Number(value);\n\n    if (pageNumber > totalPages || Number.isNaN(pageNumber)) return;\n\n    if (onChange) {\n      onChange(pageNumber - 1);\n    }\n  };\n\n  const keyUpListener: EventListener = (event) => {\n    const { key } = event as KeyboardEvent;\n\n    setKeys((prevState) => prevState.filter((hotKey) => hotKey !== key));\n  };\n\n  const keyDownListener: EventListener = (event) => {\n    const { key } = event as KeyboardEvent;\n\n    if (\n      hotkeys.nextPage.values.includes(key) ||\n      hotkeys.prevPage.values.includes(key)\n    ) {\n      const newKeys = [...keys, key];\n      if (hotkeys.nextPage.values.every((hotKey) => newKeys.includes(hotKey))) {\n        changePage(nextPage);\n      } else if (\n        hotkeys.prevPage.values.every((hotKey) => newKeys.includes(hotKey))\n      ) {\n        changePage(prevPage);\n      }\n      setKeys(newKeys);\n    }\n  };\n\n  React.useEffect(() => {\n    containerEventListener.addEventListener('keydown', keyDownListener);\n    containerEventListener.addEventListener('keyup', keyUpListener);\n    return () => {\n      containerEventListener.removeEventListener('keydown', keyDownListener);\n      containerEventListener.removeEventListener('keyup', keyUpListener);\n    };\n  });\n\n  const itemWidth = `var(--control-height-${size})`;\n\n  if (!totalPages) return null;\n\n  return (\n    (!isEmpty && (\n      <nav\n        className={cnPagination(\n          {\n            form,\n            size,\n            position: minified ? paginationDefaultPosition : position,\n          },\n          [className],\n        )}\n        ref={ref}\n        {...otherProps}\n      >\n        {(currPage > 1 || minified) && (\n          <div className={cnPagination('PrevPage')}>\n            <Button\n              type=\"button\"\n              className={cnPagination('ItemLeft', {\n                minified,\n                show: currPage > 1,\n              })}\n              label=\"Назад\"\n              iconLeft={IconBackward}\n              view=\"ghost\"\n              form={form}\n              size={size}\n              onClick={handleClick(prevPage)}\n            />\n            {!minified && (\n              <Text\n                className={cnPagination('TipLeft')}\n                size=\"xs\"\n                view=\"ghost\"\n                lineHeight=\"m\"\n              >\n                {hotkeys.prevPage.label}\n              </Text>\n            )}\n          </div>\n        )}\n        {type === paginationDefaultType ? (\n          <div className={cnPagination('Pages')}>\n            {isStartDots && (\n              <Button\n                type=\"button\"\n                className={cnPagination('Item', { isActive: currPage === 1 })}\n                style={{ width: itemWidth }}\n                label=\"1\"\n                title=\"1\"\n                view=\"ghost\"\n                form={form}\n                size={size}\n                onClick={handleClick(1)}\n              />\n            )}\n            {isStartDots && (\n              <Text\n                size={size}\n                view=\"linkMinor\"\n                className={cnPagination('More')}\n                style={{ width: itemWidth }}\n                lineHeight=\"m\"\n              >\n                ...\n              </Text>\n            )}\n            {pages.map((page) => (\n              <Button\n                type=\"button\"\n                key={page}\n                className={cnPagination('Item', {\n                  isActive: currPage === page,\n                })}\n                style={{ width: itemWidth }}\n                label={page}\n                title={`${page}`}\n                view=\"ghost\"\n                form={form}\n                size={size}\n                onClick={handleClick(page)}\n              />\n            ))}\n            {isEndDots && (\n              <Text\n                size={size}\n                view=\"linkMinor\"\n                className={cnPagination('More')}\n                style={{ width: itemWidth }}\n                lineHeight=\"m\"\n              >\n                ...\n              </Text>\n            )}\n            {isEndDots && (\n              <Button\n                type=\"button\"\n                className={cnPagination('Item', {\n                  isActive: currPage === totalPages,\n                })}\n                style={{ width: itemWidth }}\n                label={totalPages}\n                title={`${totalPages}`}\n                view=\"ghost\"\n                form={form}\n                size={size}\n                onClick={handleClick(totalPages)}\n              />\n            )}\n          </div>\n        ) : (\n          <div className={cnPagination('Pages')}>\n            <TextField\n              className={cnPagination('Input')}\n              form={form}\n              size={size}\n              value={currPage.toString()}\n              onChange={handleChange}\n            />\n            <Text\n              size={size}\n              view=\"linkMinor\"\n              className={cnPagination('Total')}\n              lineHeight=\"m\"\n            >\n              {getLabel(totalPages)}\n            </Text>\n          </div>\n        )}\n        {(currPage < totalPages || minified) && (\n          <div className={cnPagination('NextPage')}>\n            <Button\n              type=\"button\"\n              className={cnPagination('ItemRight', {\n                minified,\n                show: currPage < totalPages,\n              })}\n              label=\"Вперёд\"\n              iconRight={IconForward}\n              view=\"ghost\"\n              form={form}\n              size={size}\n              onClick={handleClick(nextPage)}\n            />\n            {!minified && (\n              <Text\n                className={cnPagination('TipRight')}\n                size=\"xs\"\n                view=\"ghost\"\n                lineHeight=\"m\"\n              >\n                {hotkeys.nextPage.label}\n              </Text>\n            )}\n          </div>\n        )}\n      </nav>\n    )) ||\n    null\n  );\n});\n"],"mappings":"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"}

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

@@ -9,9 +9,9 @@ import { PropsWithJsxAttributes } from '../../utils/types/PropsWithJsxAttributes
 export declare const directionsStartCenter: readonly ["downCenter", "upCenter", "downRight", "downLeft", "upRight", "upLeft", "leftUp", "leftCenter", "leftDown", "rightUp", "rightCenter", "rightDown"];
 export declare const directionsStartEdge: readonly ["downStartLeft", "upStartLeft", "downStartRight", "upStartRight", "leftStartUp", "leftStartDown", "rightStartUp", "rightStartDown"];
 export declare const popoverPropOffset: readonly ["3xs", "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
-export type PopoverPropOffset = typeof popoverPropOffset[number] | number;
+export type PopoverPropOffset = (typeof popoverPropOffset)[number] | number;
 export declare const directions: ("downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown")[];
-export type Direction = typeof directions[number];
+export type Direction = (typeof directions)[number];
 export type Position = {
     x: number;
     y: number;

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","names":["React","forwardRef","useEffect","useLayoutEffect","useMemo","PortalWithTheme","PortalWithThemeConsumer","useTheme","useComponentSize","useForkRef","cn","isRenderProp","isNumber","isString","getComputedPositionAndDirection","getPointPosition","getRenderPosition","usePopoverReposition","directionsStartCenter","directionsStartEdge","popoverPropOffset","directions","getOffset","ref","propOffset","current","cssVar","getComputedStyle","getPropertyValue","test","slice","length","fontSize","parseFloat","document","documentElement","rem","em","cnPopover","Popover","props","componentRef","children","direction","passedDirection","offset","arrowOffset","possibleDirections","isInteractive","onClickOutside","spareDirection","style","className","passedPosition","position","anchorRef","equalAnchorWidth","onSetDirection","viewportRef","container","window","body","otherProps","viewportElement","useRef","theme","useState","anchorClientRect","setAnchorClientRect","width","height","anchorSize","previousDirectionRef","bannedDirections","setBannedDirections","resetBannedDirections","state","updateAnchorClientRect","getBoundingClientRect","contentSize","viewportSize","clientWidth","clientHeight","x","left","y","top","isActive","scrollAnchorRef","onRequestReposition","includes","renderPosition","notVisible"],"sources":["../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import './Popover.css';\n\nimport React, { forwardRef, useEffect, useLayoutEffect, useMemo } from 'react';\n\nimport {\n  PortalWithTheme,\n  PortalWithThemeConsumer,\n} from '##/components/PortalWithTheme';\nimport { useTheme } from '##/components/Theme/Theme';\nimport { ClickOutsideHandler } from '##/hooks/useClickOutside';\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cn } from '##/utils/bem';\nimport { isRenderProp } from '##/utils/isRenderProp';\nimport { isNumber, isString } from '##/utils/type-guards';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport {\n  getComputedPositionAndDirection,\n  getPointPosition,\n  getRenderPosition,\n} from './helpers';\nimport { usePopoverReposition } from './usePopoverReposition';\n\n/**\n * Стороны упорядочены по приоритету:\n * Используется первая сторона, в которую смог вписаться поповер.\n */\nexport const directionsStartCenter = [\n  'downCenter',\n  'upCenter',\n\n  'downRight',\n  'downLeft',\n  'upRight',\n  'upLeft',\n\n  'leftUp',\n  'leftCenter',\n  'leftDown',\n\n  'rightUp',\n  'rightCenter',\n  'rightDown',\n] as const;\n\nexport const directionsStartEdge = [\n  'downStartLeft',\n  'upStartLeft',\n\n  'downStartRight',\n  'upStartRight',\n\n  'leftStartUp',\n  'leftStartDown',\n\n  'rightStartUp',\n  'rightStartDown',\n] as const;\n\nexport const popoverPropOffset = [\n  '3xs',\n  '2xs',\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl',\n] as const;\nexport type PopoverPropOffset = typeof popoverPropOffset[number] | number;\n\nexport const directions = [...directionsStartCenter, ...directionsStartEdge];\n\nexport type Direction = typeof directions[number];\n\nexport type Position = { x: number; y: number } | undefined;\n\nexport type PositioningProps =\n  | {\n      anchorRef: React.RefObject<HTMLElement>;\n      equalAnchorWidth?: boolean;\n      position?: never;\n    }\n  | {\n      anchorRef?: never;\n      equalAnchorWidth?: never;\n      position: Position;\n    };\n\ntype ChildrenRenderProp = (direction: Direction) => React.ReactNode;\n\nexport type PopoverProps = PropsWithJsxAttributes<\n  {\n    direction?: Direction;\n    spareDirection?: Direction;\n    possibleDirections?: Direction[];\n    offset?: PopoverPropOffset;\n    arrowOffset?: number;\n    isInteractive?: boolean;\n    children?: React.ReactNode | ChildrenRenderProp;\n    onClickOutside?: ClickOutsideHandler;\n    onSetDirection?: (direction: Direction) => void;\n    viewportRef?: React.RefObject<HTMLElement>;\n    container?: Element;\n  } & PositioningProps\n>;\n\nexport type Props = PopoverProps; // удалить при мажоре\n\nconst getOffset = (\n  ref: React.RefObject<HTMLDivElement>,\n  propOffset: PopoverPropOffset,\n) => {\n  if (isNumber(propOffset)) {\n    return propOffset;\n  }\n\n  if (isString(propOffset) && ref.current) {\n    const cssVar = getComputedStyle(ref.current).getPropertyValue(\n      `--space-${propOffset}`,\n    );\n\n    if (cssVar && /px$/.test(cssVar)) {\n      return Number(cssVar.slice(0, cssVar.length - 2));\n    }\n\n    if (cssVar && /rem$/.test(cssVar)) {\n      const fontSize = parseFloat(\n        getComputedStyle(document.documentElement).fontSize,\n      );\n      const rem = Number(cssVar.slice(0, cssVar.length - 3));\n\n      return fontSize * rem;\n    }\n\n    if (cssVar && /em$/.test(cssVar)) {\n      const fontSize = parseFloat(getComputedStyle(ref.current).fontSize);\n      const em = Number(cssVar.slice(0, cssVar.length - 2));\n\n      return fontSize * em;\n    }\n\n    return 0;\n  }\n\n  return 0;\n};\n\nconst cnPopover = cn('Popover');\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n  (props, componentRef) => {\n    const {\n      children,\n      direction: passedDirection = 'upCenter',\n      offset: propOffset = 0,\n      arrowOffset,\n      possibleDirections = directions,\n      isInteractive = true,\n      onClickOutside,\n      spareDirection = 'downStartLeft',\n      style,\n      className,\n      position: passedPosition,\n      anchorRef,\n      equalAnchorWidth,\n      onSetDirection,\n      viewportRef,\n      container = window.document.body,\n      ...otherProps\n    } = props;\n\n    const viewportElement = viewportRef?.current || document.documentElement;\n\n    const ref = React.useRef<HTMLDivElement>(null);\n    const { theme } = useTheme();\n\n    const [anchorClientRect, setAnchorClientRect] = React.useState<\n      DOMRect | undefined\n    >();\n    const { width, height } = useComponentSize(ref);\n    const anchorSize = useComponentSize(anchorRef || { current: null });\n    const previousDirectionRef = React.useRef<Direction | null>(null);\n    const [bannedDirections, setBannedDirections] = React.useState<\n      readonly Direction[]\n    >([]);\n\n    const resetBannedDirections = () => {\n      setBannedDirections((state) => (state.length ? [] : state));\n      previousDirectionRef.current = null;\n    };\n\n    const updateAnchorClientRect = () =>\n      setAnchorClientRect(anchorRef?.current?.getBoundingClientRect());\n\n    const offset = useMemo(\n      () => getOffset(ref, propOffset),\n      [propOffset, Boolean(ref.current)],\n    );\n\n    const { position, direction } = getComputedPositionAndDirection({\n      contentSize: { width, height },\n      viewportSize: {\n        // Размер вьюпорта без скроллбаров\n        width: viewportElement.clientWidth,\n        height: viewportElement.clientHeight,\n      },\n      arrowOffset,\n      offset,\n      direction: passedDirection,\n      possibleDirections,\n      bannedDirections,\n      position: getPointPosition(\n        viewportElement,\n        anchorClientRect\n          ? { x: anchorClientRect.left, y: anchorClientRect.top }\n          : passedPosition,\n        !!viewportRef?.current,\n      ),\n      anchorSize,\n      spareDirection,\n    });\n\n    useEffect(() => onSetDirection?.(direction), [direction]);\n\n    useEffect(updateAnchorClientRect, [anchorSize]);\n\n    usePopoverReposition({\n      isActive: true,\n      scrollAnchorRef: anchorRef || { current: null },\n      onRequestReposition: () => {\n        resetBannedDirections();\n        updateAnchorClientRect();\n      },\n    });\n\n    /**\n     * Может возникнуть ситуация, когда перерасчет поповера всегда будет выдавать 2 направления\n     * и бесконечно зацикливать себя. Для избежания таких кейсов мы запоминаем стороны,\n     * которые не подошли, чтобы не возвращаться к ним и предотвратить бесконечный ререндер.\n     * См. PopoverBannedPositionsStory\n     */\n\n    useLayoutEffect(() => {\n      if (previousDirectionRef.current !== direction) {\n        if (\n          previousDirectionRef.current &&\n          !bannedDirections.includes(previousDirectionRef.current) &&\n          !bannedDirections.includes(direction) &&\n          direction !== spareDirection\n        ) {\n          setBannedDirections((state) =>\n            previousDirectionRef.current\n              ? [...state, previousDirectionRef.current]\n              : state,\n          );\n        }\n        previousDirectionRef.current = direction;\n      }\n    }, [direction]);\n\n    // Сбрасываем при любом изменении пропсов, чтобы заново начать перебор направлений\n    // Главное не сбрасывать при изменении размеров поповера, т.к. именно оно может вызвать бесконечный перебор\n\n    useLayoutEffect(resetBannedDirections, [props]);\n\n    const renderPosition = getRenderPosition(\n      viewportElement,\n      position,\n      !!viewportRef?.current,\n      width,\n      height,\n    );\n\n    const notVisible = !renderPosition || !height || !width;\n\n    return (\n      <PortalWithTheme\n        {...otherProps}\n        preset={theme}\n        className={cnPopover({ direction, notVisible }, [className])}\n        container={container}\n        ref={useForkRef([ref, componentRef])}\n        style={{\n          ...style,\n          ...(notVisible\n            ? {}\n            : {\n                ['--popover-left' as string]: `${renderPosition.x}px`,\n                ['--popover-top' as string]: `${renderPosition.y}px`,\n                [`--popover-width` as string]: equalAnchorWidth\n                  ? `${anchorSize.width}px`\n                  : undefined,\n                [`--popover-pointer-events` as string]: isInteractive\n                  ? undefined\n                  : 'none',\n                [`--popover-visibility` as string]: position\n                  ? undefined\n                  : 'hidden',\n              }),\n        }}\n      >\n        <PortalWithThemeConsumer\n          onClickOutside={onClickOutside}\n          ignoreClicksInsideRefs={[ref, anchorRef || { current: null }]}\n        >\n          {isRenderProp(children) ? children(direction) : children}\n        </PortalWithThemeConsumer>\n      </PortalWithTheme>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"Popover.js","names":["React","forwardRef","useEffect","useLayoutEffect","useMemo","PortalWithTheme","PortalWithThemeConsumer","useTheme","useComponentSize","useForkRef","cn","isRenderProp","isNumber","isString","getComputedPositionAndDirection","getPointPosition","getRenderPosition","usePopoverReposition","directionsStartCenter","directionsStartEdge","popoverPropOffset","directions","getOffset","ref","propOffset","current","cssVar","getComputedStyle","getPropertyValue","test","slice","length","fontSize","parseFloat","document","documentElement","rem","em","cnPopover","Popover","props","componentRef","children","direction","passedDirection","offset","arrowOffset","possibleDirections","isInteractive","onClickOutside","spareDirection","style","className","passedPosition","position","anchorRef","equalAnchorWidth","onSetDirection","viewportRef","container","window","body","otherProps","viewportElement","useRef","theme","useState","anchorClientRect","setAnchorClientRect","width","height","anchorSize","previousDirectionRef","bannedDirections","setBannedDirections","resetBannedDirections","state","updateAnchorClientRect","getBoundingClientRect","contentSize","viewportSize","clientWidth","clientHeight","x","left","y","top","isActive","scrollAnchorRef","onRequestReposition","includes","renderPosition","notVisible"],"sources":["../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import './Popover.css';\n\nimport React, { forwardRef, useEffect, useLayoutEffect, useMemo } from 'react';\n\nimport {\n  PortalWithTheme,\n  PortalWithThemeConsumer,\n} from '##/components/PortalWithTheme';\nimport { useTheme } from '##/components/Theme/Theme';\nimport { ClickOutsideHandler } from '##/hooks/useClickOutside';\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cn } from '##/utils/bem';\nimport { isRenderProp } from '##/utils/isRenderProp';\nimport { isNumber, isString } from '##/utils/type-guards';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport {\n  getComputedPositionAndDirection,\n  getPointPosition,\n  getRenderPosition,\n} from './helpers';\nimport { usePopoverReposition } from './usePopoverReposition';\n\n/**\n * Стороны упорядочены по приоритету:\n * Используется первая сторона, в которую смог вписаться поповер.\n */\nexport const directionsStartCenter = [\n  'downCenter',\n  'upCenter',\n\n  'downRight',\n  'downLeft',\n  'upRight',\n  'upLeft',\n\n  'leftUp',\n  'leftCenter',\n  'leftDown',\n\n  'rightUp',\n  'rightCenter',\n  'rightDown',\n] as const;\n\nexport const directionsStartEdge = [\n  'downStartLeft',\n  'upStartLeft',\n\n  'downStartRight',\n  'upStartRight',\n\n  'leftStartUp',\n  'leftStartDown',\n\n  'rightStartUp',\n  'rightStartDown',\n] as const;\n\nexport const popoverPropOffset = [\n  '3xs',\n  '2xs',\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl',\n] as const;\nexport type PopoverPropOffset = (typeof popoverPropOffset)[number] | number;\n\nexport const directions = [...directionsStartCenter, ...directionsStartEdge];\n\nexport type Direction = (typeof directions)[number];\n\nexport type Position = { x: number; y: number } | undefined;\n\nexport type PositioningProps =\n  | {\n      anchorRef: React.RefObject<HTMLElement>;\n      equalAnchorWidth?: boolean;\n      position?: never;\n    }\n  | {\n      anchorRef?: never;\n      equalAnchorWidth?: never;\n      position: Position;\n    };\n\ntype ChildrenRenderProp = (direction: Direction) => React.ReactNode;\n\nexport type PopoverProps = PropsWithJsxAttributes<\n  {\n    direction?: Direction;\n    spareDirection?: Direction;\n    possibleDirections?: Direction[];\n    offset?: PopoverPropOffset;\n    arrowOffset?: number;\n    isInteractive?: boolean;\n    children?: React.ReactNode | ChildrenRenderProp;\n    onClickOutside?: ClickOutsideHandler;\n    onSetDirection?: (direction: Direction) => void;\n    viewportRef?: React.RefObject<HTMLElement>;\n    container?: Element;\n  } & PositioningProps\n>;\n\nexport type Props = PopoverProps; // удалить при мажоре\n\nconst getOffset = (\n  ref: React.RefObject<HTMLDivElement>,\n  propOffset: PopoverPropOffset,\n) => {\n  if (isNumber(propOffset)) {\n    return propOffset;\n  }\n\n  if (isString(propOffset) && ref.current) {\n    const cssVar = getComputedStyle(ref.current).getPropertyValue(\n      `--space-${propOffset}`,\n    );\n\n    if (cssVar && /px$/.test(cssVar)) {\n      return Number(cssVar.slice(0, cssVar.length - 2));\n    }\n\n    if (cssVar && /rem$/.test(cssVar)) {\n      const fontSize = parseFloat(\n        getComputedStyle(document.documentElement).fontSize,\n      );\n      const rem = Number(cssVar.slice(0, cssVar.length - 3));\n\n      return fontSize * rem;\n    }\n\n    if (cssVar && /em$/.test(cssVar)) {\n      const fontSize = parseFloat(getComputedStyle(ref.current).fontSize);\n      const em = Number(cssVar.slice(0, cssVar.length - 2));\n\n      return fontSize * em;\n    }\n\n    return 0;\n  }\n\n  return 0;\n};\n\nconst cnPopover = cn('Popover');\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n  (props, componentRef) => {\n    const {\n      children,\n      direction: passedDirection = 'upCenter',\n      offset: propOffset = 0,\n      arrowOffset,\n      possibleDirections = directions,\n      isInteractive = true,\n      onClickOutside,\n      spareDirection = 'downStartLeft',\n      style,\n      className,\n      position: passedPosition,\n      anchorRef,\n      equalAnchorWidth,\n      onSetDirection,\n      viewportRef,\n      container = window.document.body,\n      ...otherProps\n    } = props;\n\n    const viewportElement = viewportRef?.current || document.documentElement;\n\n    const ref = React.useRef<HTMLDivElement>(null);\n    const { theme } = useTheme();\n\n    const [anchorClientRect, setAnchorClientRect] = React.useState<\n      DOMRect | undefined\n    >();\n    const { width, height } = useComponentSize(ref);\n    const anchorSize = useComponentSize(anchorRef || { current: null });\n    const previousDirectionRef = React.useRef<Direction | null>(null);\n    const [bannedDirections, setBannedDirections] = React.useState<\n      readonly Direction[]\n    >([]);\n\n    const resetBannedDirections = () => {\n      setBannedDirections((state) => (state.length ? [] : state));\n      previousDirectionRef.current = null;\n    };\n\n    const updateAnchorClientRect = () =>\n      setAnchorClientRect(anchorRef?.current?.getBoundingClientRect());\n\n    const offset = useMemo(\n      () => getOffset(ref, propOffset),\n      [propOffset, Boolean(ref.current)],\n    );\n\n    const { position, direction } = getComputedPositionAndDirection({\n      contentSize: { width, height },\n      viewportSize: {\n        // Размер вьюпорта без скроллбаров\n        width: viewportElement.clientWidth,\n        height: viewportElement.clientHeight,\n      },\n      arrowOffset,\n      offset,\n      direction: passedDirection,\n      possibleDirections,\n      bannedDirections,\n      position: getPointPosition(\n        viewportElement,\n        anchorClientRect\n          ? { x: anchorClientRect.left, y: anchorClientRect.top }\n          : passedPosition,\n        !!viewportRef?.current,\n      ),\n      anchorSize,\n      spareDirection,\n    });\n\n    useEffect(() => onSetDirection?.(direction), [direction]);\n\n    useEffect(updateAnchorClientRect, [anchorSize]);\n\n    usePopoverReposition({\n      isActive: true,\n      scrollAnchorRef: anchorRef || { current: null },\n      onRequestReposition: () => {\n        resetBannedDirections();\n        updateAnchorClientRect();\n      },\n    });\n\n    /**\n     * Может возникнуть ситуация, когда перерасчет поповера всегда будет выдавать 2 направления\n     * и бесконечно зацикливать себя. Для избежания таких кейсов мы запоминаем стороны,\n     * которые не подошли, чтобы не возвращаться к ним и предотвратить бесконечный ререндер.\n     * См. PopoverBannedPositionsStory\n     */\n\n    useLayoutEffect(() => {\n      if (previousDirectionRef.current !== direction) {\n        if (\n          previousDirectionRef.current &&\n          !bannedDirections.includes(previousDirectionRef.current) &&\n          !bannedDirections.includes(direction) &&\n          direction !== spareDirection\n        ) {\n          setBannedDirections((state) =>\n            previousDirectionRef.current\n              ? [...state, previousDirectionRef.current]\n              : state,\n          );\n        }\n        previousDirectionRef.current = direction;\n      }\n    }, [direction]);\n\n    // Сбрасываем при любом изменении пропсов, чтобы заново начать перебор направлений\n    // Главное не сбрасывать при изменении размеров поповера, т.к. именно оно может вызвать бесконечный перебор\n\n    useLayoutEffect(resetBannedDirections, [props]);\n\n    const renderPosition = getRenderPosition(\n      viewportElement,\n      position,\n      !!viewportRef?.current,\n      width,\n      height,\n    );\n\n    const notVisible = !renderPosition || !height || !width;\n\n    return (\n      <PortalWithTheme\n        {...otherProps}\n        preset={theme}\n        className={cnPopover({ direction, notVisible }, [className])}\n        container={container}\n        ref={useForkRef([ref, componentRef])}\n        style={{\n          ...style,\n          ...(notVisible\n            ? {}\n            : {\n                ['--popover-left' as string]: `${renderPosition.x}px`,\n                ['--popover-top' as string]: `${renderPosition.y}px`,\n                [`--popover-width` as string]: equalAnchorWidth\n                  ? `${anchorSize.width}px`\n                  : undefined,\n                [`--popover-pointer-events` as string]: isInteractive\n                  ? undefined\n                  : 'none',\n                [`--popover-visibility` as string]: position\n                  ? undefined\n                  : 'hidden',\n              }),\n        }}\n      >\n        <PortalWithThemeConsumer\n          onClickOutside={onClickOutside}\n          ignoreClicksInsideRefs={[ref, anchorRef || { current: null }]}\n        >\n          {isRenderProp(children) ? children(direction) : children}\n        </PortalWithThemeConsumer>\n      </PortalWithTheme>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/ProgressLine/ProgressLine.css

@@ -1 +1 @@
-.ProgressLine{position:relative;width:100%}.ProgressLine_size_s{--progress-line-height:var(--space-3xs)}.ProgressLine_size_m{--progress-line-height:var(--space-2xs)}.ProgressLine:after{content:"";position:absolute;top:0}.ProgressLine_mode_step{min-height:var(--progress-line-height)}.ProgressLine_mode_step:before{background:var(--color-bg-system);content:"";height:var(--progress-line-height);-webkit-mask-image:var(--progress-line-mask);mask-image:var(--progress-line-mask);position:absolute;top:0;width:100%}.ProgressLine_mode_step:after{background:var(--color-control-bg-primary);height:var(--progress-line-height);-webkit-mask-image:var(--progress-line-mask);mask-image:var(--progress-line-mask);transition:width .3s;width:var(--progress-line-background-active-width)}.ProgressLine_mode_determinate{background:var(--color-bg-system);height:var(--progress-line-height)}.ProgressLine_mode_determinate:after{background-color:var(--color-bg-brand);height:100%;transform:scaleX(var(--progress-line-value));transform-origin:left;transition:transform .3s;width:100%}.ProgressLine_mode_indeterminate{background:var(--color-bg-system);height:var(--progress-line-height);overflow-x:hidden}.ProgressLine_mode_indeterminate:after{animation:ProgressLineAnimation 2s linear infinite;background-color:var(--color-bg-brand);height:100%;transform-origin:left;transition:transform .3s;width:80%}.ProgressLine-Step{display:inline-flex;flex-direction:column;justify-content:flex-start}.ProgressLine-Steps{--progress-line-width-no-gap:calc(100% - (var(--progress-line-steps) - 1)*var(--space-3xs));grid-gap:var(--space-3xs);background:transparent;display:grid;grid-template-columns:repeat(var(--progress-line-steps),calc(var(--progress-line-width-no-gap)/var(--progress-line-steps)));height:auto;margin-top:var(--progress-line-height)}.ProgressLine-Label{margin-top:var(--space-3xs)}@keyframes ProgressLineAnimation{0%{transform:translateX(-100%)}to{transform:translateX(130%)}}
+.ProgressLine{position:relative;width:100%}.ProgressLine_size_s{--progress-line-height:var(--space-3xs)}.ProgressLine_size_m{--progress-line-height:var(--space-2xs)}.ProgressLine:after{content:"";position:absolute;top:0}.ProgressLine_mode_step{min-height:var(--progress-line-height)}.ProgressLine_mode_step:before{background:var(--color-bg-system);content:"";height:var(--progress-line-height);-webkit-mask-image:var(--progress-line-mask);mask-image:var(--progress-line-mask);position:absolute;top:0;width:100%}.ProgressLine_mode_step:after{background:var(--color-control-bg-primary);height:var(--progress-line-height);-webkit-mask-image:var(--progress-line-mask);mask-image:var(--progress-line-mask);transition:width .3s;width:var(--progress-line-background-active-width)}.ProgressLine_mode_determinate{background:var(--color-bg-system);height:var(--progress-line-height)}.ProgressLine_mode_determinate:after{background-color:var(--color-bg-brand);height:100%;transform:scaleX(var(--progress-line-value));transform-origin:left;transition:transform .3s;width:100%}.ProgressLine_mode_indeterminate{background:var(--color-bg-system);height:var(--progress-line-height);overflow-x:hidden}.ProgressLine_mode_indeterminate:after{animation:ProgressLineAnimation 2s linear infinite;background-color:var(--color-bg-brand);height:100%;transform-origin:left;transition:transform .3s;width:80%}.ProgressLine-Step{display:inline-flex;flex-direction:column;justify-content:flex-start}.ProgressLine-Steps{--progress-line-width-no-gap:calc(100% - (var(--progress-line-steps) - 1)*var(--space-3xs));background:transparent;display:grid;gap:var(--space-3xs);grid-template-columns:repeat(var(--progress-line-steps),calc(var(--progress-line-width-no-gap)/var(--progress-line-steps)));height:auto;margin-top:var(--progress-line-height)}.ProgressLine-Label{margin-top:var(--space-3xs)}@keyframes ProgressLineAnimation{0%{transform:translateX(-100%)}to{transform:translateX(130%)}}

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const progressLinePropSize: readonly ["m", "s"];
-export type ProgressLinePropSize = typeof progressLinePropSize[number];
+export type ProgressLinePropSize = (typeof progressLinePropSize)[number];
 export declare const defaultProgressLinePropSize: "m";
 export type ProgressLineItemDefault = {
     label?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["progressLinePropSize","defaultProgressLinePropSize"],"sources":["../../../../../src/components/ProgressLine/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const progressLinePropSize = ['m', 's'] as const;\nexport type ProgressLinePropSize = typeof progressLinePropSize[number];\nexport const defaultProgressLinePropSize = progressLinePropSize[0];\n\nexport type ProgressLineItemDefault = {\n  label?: string;\n};\n\nexport type ProgressLinePropGetItemLabel<ITEM> = (\n  item: ITEM,\n) => string | undefined;\n\nexport type ProgressLineProps<ITEM = ProgressLineItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      size?: ProgressLinePropSize;\n      value?: number;\n      steps?: ITEM[];\n      getItemLabel?: ProgressLinePropGetItemLabel<ITEM>;\n    },\n    HTMLDivElement\n  >;\n\nexport type ProgressLineComponent = <ITEM>(\n  props: ProgressLineProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":"AAIA,MAAO,IAAMA,qBAAoB,CAAG,CAAC,GAAD,CAAM,GAAN,CAA7B,CAEP,MAAO,IAAMC,4BAA2B,CAAGD,oBAAoB,CAAC,CAAD,CAAxD"}
+{"version":3,"file":"types.js","names":["progressLinePropSize","defaultProgressLinePropSize"],"sources":["../../../../../src/components/ProgressLine/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const progressLinePropSize = ['m', 's'] as const;\nexport type ProgressLinePropSize = (typeof progressLinePropSize)[number];\nexport const defaultProgressLinePropSize = progressLinePropSize[0];\n\nexport type ProgressLineItemDefault = {\n  label?: string;\n};\n\nexport type ProgressLinePropGetItemLabel<ITEM> = (\n  item: ITEM,\n) => string | undefined;\n\nexport type ProgressLineProps<ITEM = ProgressLineItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      size?: ProgressLinePropSize;\n      value?: number;\n      steps?: ITEM[];\n      getItemLabel?: ProgressLinePropGetItemLabel<ITEM>;\n    },\n    HTMLDivElement\n  >;\n\nexport type ProgressLineComponent = <ITEM>(\n  props: ProgressLineProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":"AAIA,MAAO,IAAMA,qBAAoB,CAAG,CAAC,GAAD,CAAM,GAAN,CAA7B,CAEP,MAAO,IAAMC,4BAA2B,CAAGD,oBAAoB,CAAC,CAAD,CAAxD"}

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

@@ -2,7 +2,7 @@ import './ProgressSpin.css';
 import React from 'react';
 import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const progressSpinPropSize: readonly ["m", "s", "l", "xl", "2xl"];
-export type ProgressSpinPropSize = typeof progressSpinPropSize[number];
+export type ProgressSpinPropSize = (typeof progressSpinPropSize)[number];
 export declare const progressSpinPropSizeDefault: ProgressSpinPropSize;
 type Props = {
     size?: ProgressSpinPropSize;

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressSpin.js","names":["React","useMemo","cn","getByMap","isNumber","progressSpinPropSize","progressSpinPropSizeDefault","cnProgressSpin","sizeMap","strokeWidthMap","getSvgParamsBySize","size","sizeOfPixels","strokeWidth","radius","strokeDasharray","Math","PI","ProgressSpin","forwardRef","props","ref","progressProp","progress","value","animation","className","otherProps","animatedProgress","spin"],"sources":["../../../../../src/components/ProgressSpin/ProgressSpin.tsx"],"sourcesContent":["import './ProgressSpin.css';\n\nimport React, { useMemo } from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { isNumber } from '../../utils/type-guards';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const progressSpinPropSize = ['m', 's', 'l', 'xl', '2xl'] as const;\nexport type ProgressSpinPropSize = typeof progressSpinPropSize[number];\nexport const progressSpinPropSizeDefault: ProgressSpinPropSize =\n  progressSpinPropSize[0];\n\ntype Props = {\n  size?: ProgressSpinPropSize;\n  className?: string;\n  progress?: number;\n  value?: number;\n  animation?: boolean;\n  children?: never;\n};\nexport type ProgressSpinProps = PropsWithHTMLAttributes<Props, SVGElement>;\n\nexport const cnProgressSpin = cn('ProgressSpin');\n\nconst sizeMap: Record<ProgressSpinPropSize, number> = {\n  's': 12,\n  'm': 20,\n  'l': 28,\n  'xl': 36,\n  '2xl': 44,\n};\n\nconst strokeWidthMap: Record<ProgressSpinPropSize, number> = {\n  's': 2,\n  'm': 2,\n  'l': 2.2,\n  'xl': 2.7,\n  '2xl': 3.5,\n};\n\nfunction getSvgParamsBySize(\n  size: ProgressSpinPropSize,\n): [number, number, number, number] {\n  const sizeOfPixels = getByMap(sizeMap, size);\n  const strokeWidth = getByMap(strokeWidthMap, size);\n  const radius = (sizeOfPixels - strokeWidth) / 2;\n  const strokeDasharray = radius * 2 * Math.PI;\n\n  return [sizeOfPixels, strokeWidth, radius, strokeDasharray];\n}\n\nexport const ProgressSpin = React.forwardRef<SVGSVGElement, ProgressSpinProps>(\n  (props, ref) => {\n    const {\n      size = progressSpinPropSizeDefault,\n      progress: progressProp,\n      value,\n      animation,\n      className,\n      ...otherProps\n    } = props;\n    const [sizeOfPixels, strokeWidth, radius, strokeDasharray] = useMemo(\n      () => getSvgParamsBySize(size),\n      [size],\n    );\n\n    const progress = value ?? progressProp;\n\n    const animatedProgress = isNumber(progress) ? progress : 50;\n    const strokeDashoffset =\n      strokeDasharray - (strokeDasharray * animatedProgress) / 100;\n\n    return (\n      <svg\n        {...otherProps}\n        className={cnProgressSpin({ spin: !isNumber(progress) }, [className])}\n        width={sizeOfPixels}\n        height={sizeOfPixels}\n        viewBox={`0 0 ${sizeOfPixels} ${sizeOfPixels}`}\n        ref={ref}\n      >\n        <circle\n          className={cnProgressSpin('Circle', { animation })}\n          cx={sizeOfPixels / 2}\n          cy={sizeOfPixels / 2}\n          r={radius}\n          strokeWidth={strokeWidth}\n          strokeDasharray={strokeDasharray}\n          strokeDashoffset={strokeDashoffset}\n        />\n      </svg>\n    );\n  },\n);\n"],"mappings":"wNAAA,2BAEA,MAAOA,MAAP,EAAgBC,OAAhB,KAA+B,OAA/B,CAEA,OAASC,EAAT,uBACA,OAASC,QAAT,4BACA,OAASC,QAAT,+BAGA,MAAO,IAAMC,qBAAoB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAgB,IAAhB,CAAsB,KAAtB,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf,CAaP,MAAO,IAAME,eAAc,CAAGL,EAAE,CAAC,cAAD,CAAzB,C,GAEDM,QAA6C,CAAG,CACpD,EAAK,EAD+C,CAEpD,EAAK,EAF+C,CAGpD,EAAK,EAH+C,CAIpD,GAAM,EAJ8C,CAKpD,MAAO,EAL6C,C,CAQhDC,cAAoD,CAAG,CAC3D,EAAK,CADsD,CAE3D,EAAK,CAFsD,CAG3D,EAAK,GAHsD,CAI3D,GAAM,GAJqD,CAK3D,MAAO,GALoD,C,CAQ7D,QAASC,mBAAT,CACEC,CADF,CAEoC,IAC5BC,EAAY,CAAGT,QAAQ,CAACK,OAAD,CAAUG,CAAV,CADK,CAE5BE,CAAW,CAAGV,QAAQ,CAACM,cAAD,CAAiBE,CAAjB,CAFM,CAG5BG,CAAM,CAAG,CAACF,CAAY,CAAGC,CAAhB,EAA+B,CAHZ,CAI5BE,CAAe,CAAY,CAAT,CAAAD,CAAM,CAAOE,IAAI,CAACC,EAJR,CAMlC,MAAO,CAACL,CAAD,CAAeC,CAAf,CAA4BC,CAA5B,CAAoCC,CAApC,CACR,CAED,MAAO,IAAMG,aAAY,CAAGlB,KAAK,CAACmB,UAAN,CAC1B,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAQVD,CARU,CAEZT,IAFY,CAEZA,CAFY,YAELL,2BAFK,GAGFgB,CAHE,CAQVF,CARU,CAGZG,QAHY,CAIZC,CAJY,CAQVJ,CARU,CAIZI,KAJY,CAKZC,CALY,CAQVL,CARU,CAKZK,SALY,CAMZC,CANY,CAQVN,CARU,CAMZM,SANY,CAOTC,CAPS,0BAQVP,CARU,cAS+CnB,OAAO,CAClE,iBAAMS,mBAAkB,CAACC,CAAD,CAAxB,CADkE,CAElE,CAACA,CAAD,CAFkE,CATtD,uBASPC,CATO,MASOC,CATP,MASoBC,CATpB,MAS4BC,CAT5B,MAcRQ,CAAQ,QAAGC,CAAH,WAAGA,CAAH,CAAGA,CAAH,CAAYF,CAdZ,CAgBRM,CAAgB,CAAGxB,QAAQ,CAACmB,CAAD,CAAR,CAAqBA,CAArB,CAAgC,EAhB3C,CAoBd,MACE,4CACMI,CADN,EAEE,SAAS,CAAEpB,cAAc,CAAC,CAAEsB,IAAI,CAAE,CAACzB,QAAQ,CAACmB,CAAD,CAAjB,CAAD,CAAgC,CAACG,CAAD,CAAhC,CAF3B,CAGE,KAAK,CAAEd,CAHT,CAIE,MAAM,CAAEA,CAJV,CAKE,OAAO,eAASA,CAAT,aAAyBA,CAAzB,CALT,CAME,GAAG,CAAES,CANP,GAQE,8BACE,SAAS,CAAEd,cAAc,CAAC,QAAD,CAAW,CAAEkB,SAAS,CAATA,CAAF,CAAX,CAD3B,CAEE,EAAE,CAAEb,CAAY,CAAG,CAFrB,CAGE,EAAE,CAAEA,CAAY,CAAG,CAHrB,CAIE,CAAC,CAAEE,CAJL,CAKE,WAAW,CAAED,CALf,CAME,eAAe,CAAEE,CANnB,CAOE,gBAAgB,CAlBpBA,CAAe,CAAIA,CAAe,CAAGa,CAAnB,CAAuC,GAWvD,EARF,CAmBH,CAzCyB,CAArB"}
+{"version":3,"file":"ProgressSpin.js","names":["React","useMemo","cn","getByMap","isNumber","progressSpinPropSize","progressSpinPropSizeDefault","cnProgressSpin","sizeMap","strokeWidthMap","getSvgParamsBySize","size","sizeOfPixels","strokeWidth","radius","strokeDasharray","Math","PI","ProgressSpin","forwardRef","props","ref","progressProp","progress","value","animation","className","otherProps","animatedProgress","spin"],"sources":["../../../../../src/components/ProgressSpin/ProgressSpin.tsx"],"sourcesContent":["import './ProgressSpin.css';\n\nimport React, { useMemo } from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { isNumber } from '../../utils/type-guards';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const progressSpinPropSize = ['m', 's', 'l', 'xl', '2xl'] as const;\nexport type ProgressSpinPropSize = (typeof progressSpinPropSize)[number];\nexport const progressSpinPropSizeDefault: ProgressSpinPropSize =\n  progressSpinPropSize[0];\n\ntype Props = {\n  size?: ProgressSpinPropSize;\n  className?: string;\n  progress?: number;\n  value?: number;\n  animation?: boolean;\n  children?: never;\n};\nexport type ProgressSpinProps = PropsWithHTMLAttributes<Props, SVGElement>;\n\nexport const cnProgressSpin = cn('ProgressSpin');\n\nconst sizeMap: Record<ProgressSpinPropSize, number> = {\n  's': 12,\n  'm': 20,\n  'l': 28,\n  'xl': 36,\n  '2xl': 44,\n};\n\nconst strokeWidthMap: Record<ProgressSpinPropSize, number> = {\n  's': 2,\n  'm': 2,\n  'l': 2.2,\n  'xl': 2.7,\n  '2xl': 3.5,\n};\n\nfunction getSvgParamsBySize(\n  size: ProgressSpinPropSize,\n): [number, number, number, number] {\n  const sizeOfPixels = getByMap(sizeMap, size);\n  const strokeWidth = getByMap(strokeWidthMap, size);\n  const radius = (sizeOfPixels - strokeWidth) / 2;\n  const strokeDasharray = radius * 2 * Math.PI;\n\n  return [sizeOfPixels, strokeWidth, radius, strokeDasharray];\n}\n\nexport const ProgressSpin = React.forwardRef<SVGSVGElement, ProgressSpinProps>(\n  (props, ref) => {\n    const {\n      size = progressSpinPropSizeDefault,\n      progress: progressProp,\n      value,\n      animation,\n      className,\n      ...otherProps\n    } = props;\n    const [sizeOfPixels, strokeWidth, radius, strokeDasharray] = useMemo(\n      () => getSvgParamsBySize(size),\n      [size],\n    );\n\n    const progress = value ?? progressProp;\n\n    const animatedProgress = isNumber(progress) ? progress : 50;\n    const strokeDashoffset =\n      strokeDasharray - (strokeDasharray * animatedProgress) / 100;\n\n    return (\n      <svg\n        {...otherProps}\n        className={cnProgressSpin({ spin: !isNumber(progress) }, [className])}\n        width={sizeOfPixels}\n        height={sizeOfPixels}\n        viewBox={`0 0 ${sizeOfPixels} ${sizeOfPixels}`}\n        ref={ref}\n      >\n        <circle\n          className={cnProgressSpin('Circle', { animation })}\n          cx={sizeOfPixels / 2}\n          cy={sizeOfPixels / 2}\n          r={radius}\n          strokeWidth={strokeWidth}\n          strokeDasharray={strokeDasharray}\n          strokeDashoffset={strokeDashoffset}\n        />\n      </svg>\n    );\n  },\n);\n"],"mappings":"wNAAA,2BAEA,MAAOA,MAAP,EAAgBC,OAAhB,KAA+B,OAA/B,CAEA,OAASC,EAAT,uBACA,OAASC,QAAT,4BACA,OAASC,QAAT,+BAGA,MAAO,IAAMC,qBAAoB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAgB,IAAhB,CAAsB,KAAtB,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf,CAaP,MAAO,IAAME,eAAc,CAAGL,EAAE,CAAC,cAAD,CAAzB,C,GAEDM,QAA6C,CAAG,CACpD,EAAK,EAD+C,CAEpD,EAAK,EAF+C,CAGpD,EAAK,EAH+C,CAIpD,GAAM,EAJ8C,CAKpD,MAAO,EAL6C,C,CAQhDC,cAAoD,CAAG,CAC3D,EAAK,CADsD,CAE3D,EAAK,CAFsD,CAG3D,EAAK,GAHsD,CAI3D,GAAM,GAJqD,CAK3D,MAAO,GALoD,C,CAQ7D,QAASC,mBAAT,CACEC,CADF,CAEoC,IAC5BC,EAAY,CAAGT,QAAQ,CAACK,OAAD,CAAUG,CAAV,CADK,CAE5BE,CAAW,CAAGV,QAAQ,CAACM,cAAD,CAAiBE,CAAjB,CAFM,CAG5BG,CAAM,CAAG,CAACF,CAAY,CAAGC,CAAhB,EAA+B,CAHZ,CAI5BE,CAAe,CAAY,CAAT,CAAAD,CAAM,CAAOE,IAAI,CAACC,EAJR,CAMlC,MAAO,CAACL,CAAD,CAAeC,CAAf,CAA4BC,CAA5B,CAAoCC,CAApC,CACR,CAED,MAAO,IAAMG,aAAY,CAAGlB,KAAK,CAACmB,UAAN,CAC1B,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAQVD,CARU,CAEZT,IAFY,CAEZA,CAFY,YAELL,2BAFK,GAGFgB,CAHE,CAQVF,CARU,CAGZG,QAHY,CAIZC,CAJY,CAQVJ,CARU,CAIZI,KAJY,CAKZC,CALY,CAQVL,CARU,CAKZK,SALY,CAMZC,CANY,CAQVN,CARU,CAMZM,SANY,CAOTC,CAPS,0BAQVP,CARU,cAS+CnB,OAAO,CAClE,iBAAMS,mBAAkB,CAACC,CAAD,CAAxB,CADkE,CAElE,CAACA,CAAD,CAFkE,CATtD,uBASPC,CATO,MASOC,CATP,MASoBC,CATpB,MAS4BC,CAT5B,MAcRQ,CAAQ,QAAGC,CAAH,WAAGA,CAAH,CAAGA,CAAH,CAAYF,CAdZ,CAgBRM,CAAgB,CAAGxB,QAAQ,CAACmB,CAAD,CAAR,CAAqBA,CAArB,CAAgC,EAhB3C,CAoBd,MACE,4CACMI,CADN,EAEE,SAAS,CAAEpB,cAAc,CAAC,CAAEsB,IAAI,CAAE,CAACzB,QAAQ,CAACmB,CAAD,CAAjB,CAAD,CAAgC,CAACG,CAAD,CAAhC,CAF3B,CAGE,KAAK,CAAEd,CAHT,CAIE,MAAM,CAAEA,CAJV,CAKE,OAAO,eAASA,CAAT,aAAyBA,CAAzB,CALT,CAME,GAAG,CAAES,CANP,GAQE,8BACE,SAAS,CAAEd,cAAc,CAAC,QAAD,CAAW,CAAEkB,SAAS,CAATA,CAAF,CAAX,CAD3B,CAEE,EAAE,CAAEb,CAAY,CAAG,CAFrB,CAGE,EAAE,CAAEA,CAAY,CAAG,CAHrB,CAIE,CAAC,CAAEE,CAJL,CAKE,WAAW,CAAED,CALf,CAME,eAAe,CAAEE,CANnB,CAOE,gBAAgB,CAlBpBA,CAAe,CAAIA,CAAe,CAAGa,CAAnB,CAAuC,GAWvD,EARF,CAmBH,CAzCyB,CAArB"}

package/__internal__/src/components/ProgressStepBar/ProgressStepBarItem/ProgressStepBarItem.css

@@ -1,9 +1,9 @@
 .ProgressStepBarItem{align-items:flex-start;display:inline-flex;flex:1;height:100%;position:relative;width:100%}.ProgressStepBarItem_direction_horizontal{flex-direction:column}.ProgressStepBarItem_direction_horizontal .ProgressStepBarItem-Point_size_xs{margin-bottom:var(--space-2xs)}.ProgressStepBarItem_direction_horizontal .ProgressStepBarItem-Point_size_m,.ProgressStepBarItem_direction_horizontal .ProgressStepBarItem-Point_size_s{margin-bottom:var(--space-xs)}.ProgressStepBarItem_direction_vertical{flex-direction:row}.ProgressStepBarItem_direction_vertical .ProgressStepBarItem-Point{margin-right:var(--space-xs)}.ProgressStepBarItem_direction_vertical .ProgressStepBarItem-Content_size_xs{margin-top:-4px}.ProgressStepBarItem::-webkit-scrollbar{display:none}.ProgressStepBarItem_size_xs{--progress-step-bar-item-point-size:var(--space-xs);--progress-step-bar-item-label-margin:var(--space-2xs)}.ProgressStepBarItem_size_s{--progress-step-bar-item-point-size:var(--space-m);--progress-step-bar-item-label-margin:var(--space-xs)}.ProgressStepBarItem_size_m{--progress-step-bar-item-point-size:var(--space-xl);--progress-step-bar-item-label-margin:var(--space-xs)}.ProgressStepBarItem_position_start.ProgressStepBarItem_direction_horizontal{align-items:flex-start;text-align:left}.ProgressStepBarItem_position_center.ProgressStepBarItem_direction_horizontal{align-items:center;text-align:center}.ProgressStepBarItem_position_end.ProgressStepBarItem_direction_horizontal{align-items:flex-end;text-align:right}.ProgressStepBarItem_status_system{--progress-step-bar-item-point-background:var(--color-bg-system);--progress-step-bar-item-point-content-color:var(--color-typo-secondary)}.ProgressStepBarItem_status_normal{--progress-step-bar-item-point-background:var(--color-bg-normal);--progress-step-bar-item-point-content-color:var(
-          --color-control-typo-primary
-        )}.ProgressStepBarItem_status_success{--progress-step-bar-item-point-background:var(--color-bg-success);--progress-step-bar-item-point-content-color:var(
-          --color-control-typo-primary
-        )}.ProgressStepBarItem_status_warning{--progress-step-bar-item-point-background:var(--color-bg-warning);--progress-step-bar-item-point-content-color:var(
-          --color-control-typo-primary
-        )}.ProgressStepBarItem_status_alert{--progress-step-bar-item-point-background:var(--color-bg-alert);--progress-step-bar-item-point-content-color:var(
-          --color-control-typo-primary
-        )}.ProgressStepBarItem .ProgressStepBarItem-PointIcon,.ProgressStepBarItem .ProgressStepBarItem-PointText{color:var(--progress-step-bar-item-point-content-color)}.ProgressStepBarItem .ProgressSpin{stroke:var(--progress-step-bar-item-point-content-color)}.ProgressStepBarItem-Point{align-items:center;background-color:var(--progress-step-bar-item-point-background);border:none;border-radius:calc(var(--progress-step-bar-item-point-size)*.5);color:var(--color-bg-default);display:flex;justify-content:center;margin:0;min-height:var(--progress-step-bar-item-point-size);min-width:var(--progress-step-bar-item-point-size);padding:0;transition:background-color .3s}.ProgressStepBarItem-Point_pointer{cursor:pointer}.ProgressStepBarItem-PointText.Text{line-height:var(--size-text-xs);transition:color .3s}.ProgressStepBarItem-Content_bottomOffset,.ProgressStepBarItem-Label{margin-bottom:var(--progress-step-bar-item-label-margin)}
+        --color-control-typo-primary
+      )}.ProgressStepBarItem_status_success{--progress-step-bar-item-point-background:var(--color-bg-success);--progress-step-bar-item-point-content-color:var(
+        --color-control-typo-primary
+      )}.ProgressStepBarItem_status_warning{--progress-step-bar-item-point-background:var(--color-bg-warning);--progress-step-bar-item-point-content-color:var(
+        --color-control-typo-primary
+      )}.ProgressStepBarItem_status_alert{--progress-step-bar-item-point-background:var(--color-bg-alert);--progress-step-bar-item-point-content-color:var(
+        --color-control-typo-primary
+      )}.ProgressStepBarItem .ProgressStepBarItem-PointIcon,.ProgressStepBarItem .ProgressStepBarItem-PointText{color:var(--progress-step-bar-item-point-content-color)}.ProgressStepBarItem .ProgressSpin{stroke:var(--progress-step-bar-item-point-content-color)}.ProgressStepBarItem-Point{align-items:center;background-color:var(--progress-step-bar-item-point-background);border:none;border-radius:calc(var(--progress-step-bar-item-point-size)*.5);color:var(--color-bg-default);display:flex;justify-content:center;margin:0;min-height:var(--progress-step-bar-item-point-size);min-width:var(--progress-step-bar-item-point-size);padding:0;transition:background-color .3s}.ProgressStepBarItem-Point_pointer{cursor:pointer}.ProgressStepBarItem-PointText.Text{line-height:var(--size-text-xs);transition:color .3s}.ProgressStepBarItem-Content_bottomOffset,.ProgressStepBarItem-Label{margin-bottom:var(--progress-step-bar-item-label-margin)}

package/__internal__/src/components/ProgressStepBar/helpers.d.ts

@@ -2,18 +2,18 @@ import { IconComponent } from '@consta/icons/Icon';
 import React from 'react';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const progressStepBarPropSize: readonly ["s", "xs", "m"];
-export type ProgressStepBarPropSize = typeof progressStepBarPropSize[number];
+export type ProgressStepBarPropSize = (typeof progressStepBarPropSize)[number];
 export declare const progressStepBarPropSizeDefault: "s";
 export declare const progressStepBarPropDirection: readonly ["horizontal", "vertical"];
-export type ProgressStepBarPropDirection = typeof progressStepBarPropDirection[number];
+export type ProgressStepBarPropDirection = (typeof progressStepBarPropDirection)[number];
 export declare const progressStepBarPropDirectionDefault: "horizontal";
 export declare const progressStepBarPropStatus: readonly ["normal", "success", "warning", "alert"];
-export type ProgressStepBarPropStatus = typeof progressStepBarPropStatus[number];
+export type ProgressStepBarPropStatus = (typeof progressStepBarPropStatus)[number];
 export declare const progressStepBarPropStatusDefault: "normal";
 export declare const progressStepBarPointNumbersMap: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
-export type ProgressStepBarPointNumbersMap = typeof progressStepBarPointNumbersMap[number];
+export type ProgressStepBarPointNumbersMap = (typeof progressStepBarPointNumbersMap)[number];
 export declare const progressStepBarPropPosition: readonly ["center", "start", "end"];
-export type ProgressStepBarPropPosition = typeof progressStepBarPropPosition[number];
+export type ProgressStepBarPropPosition = (typeof progressStepBarPropPosition)[number];
 export declare const progressStepBarPropPositionDefault: ProgressStepBarPropPosition;
 export type ProgressStepBarPropGetItemLabel<ITEM> = (item: ITEM) => string | undefined;
 export type ProgressStepBarPropGetItemKey<ITEM> = (item: ITEM) => string | number;