@consta/uikit 5.14.0 → 5.15.0

package/__internal__/src/components/ListCanary/renderHeader.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { MixSpaceProps } from "../../mixs/MixSpace";
-import { ListPropSize } from './types';
-export declare const renderHeader: (label: string | undefined, first: boolean, size: ListPropSize, rightSide: React.ReactNode, labelSpace: MixSpaceProps | undefined, dividerSpase: MixSpaceProps | undefined, className: string | undefined) => React.ReactNode | null;
+import React from 'react';
+import { MixSpaceProps } from "../../mixs/MixSpace";
+import { ListPropSize } from './types';
+export declare const renderHeader: (label: string | undefined, first: boolean, size: ListPropSize, rightSide: React.ReactNode, labelSpace: MixSpaceProps | undefined, dividerSpace: MixSpaceProps | undefined, className: string | undefined) => React.ReactNode | null;

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

@@ -1 +1 @@
-{"version":3,"file":"renderHeader.js","names":["React","ListDivider","ListGroupLabel","renderHeader","label","first","size","rightSide","labelSpace","dividerSpase","className"],"sources":["../../../../../src/components/ListCanary/renderHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MixSpaceProps } from '##/mixs/MixSpace';\n\nimport { ListDivider } from './ListDivider';\nimport { ListGroupLabel } from './ListGroupLabel';\nimport { ListPropSize } from './types';\n\nexport const renderHeader = (\n  label: string | undefined,\n  first: boolean,\n  size: ListPropSize,\n  rightSide: React.ReactNode,\n  labelSpace: MixSpaceProps | undefined,\n  dividerSpase: MixSpaceProps | undefined,\n  className: string | undefined,\n): React.ReactNode | null => {\n  if (label) {\n    return (\n      <ListGroupLabel\n        size={size}\n        label={label}\n        rightSide={rightSide}\n        space={labelSpace}\n        className={className}\n      />\n    );\n  }\n\n  if (!label && !first) {\n    return (\n      <ListDivider size={size} space={dividerSpase} className={className} />\n    );\n  }\n\n  return null;\n};\n"],"mappings":"AAAA,MAAOA,MAAP,KAAkB,OAAlB,CAIA,OAASC,WAAT,qBACA,OAASC,cAAT,wBAGA,MAAO,IAAMC,aAAY,CAAG,SAC1BC,CAD0B,CAE1BC,CAF0B,CAG1BC,CAH0B,CAI1BC,CAJ0B,CAK1BC,CAL0B,CAM1BC,CAN0B,CAO1BC,CAP0B,CAQC,OACvBN,EADuB,CAGvB,oBAAC,cAAD,EACE,IAAI,CAAEE,CADR,CAEE,KAAK,CAAEF,CAFT,CAGE,SAAS,CAAEG,CAHb,CAIE,KAAK,CAAEC,CAJT,CAKE,SAAS,CAAEE,CALb,EAHuB,CAatBN,CAAD,EAAWC,CAbY,CAmBpB,IAnBoB,CAevB,oBAAC,WAAD,EAAa,IAAI,CAAEC,CAAnB,CAAyB,KAAK,CAAEG,CAAhC,CAA8C,SAAS,CAAEC,CAAzD,EAKL,CA5BM"}
+{"version":3,"file":"renderHeader.js","names":["React","ListDivider","ListGroupLabel","renderHeader","label","first","size","rightSide","labelSpace","dividerSpace","className"],"sources":["../../../../../src/components/ListCanary/renderHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MixSpaceProps } from '##/mixs/MixSpace';\n\nimport { ListDivider } from './ListDivider';\nimport { ListGroupLabel } from './ListGroupLabel';\nimport { ListPropSize } from './types';\n\nexport const renderHeader = (\n  label: string | undefined,\n  first: boolean,\n  size: ListPropSize,\n  rightSide: React.ReactNode,\n  labelSpace: MixSpaceProps | undefined,\n  dividerSpace: MixSpaceProps | undefined,\n  className: string | undefined,\n): React.ReactNode | null => {\n  if (label) {\n    return (\n      <ListGroupLabel\n        size={size}\n        label={label}\n        rightSide={rightSide}\n        space={labelSpace}\n        className={className}\n      />\n    );\n  }\n\n  if (!label && !first) {\n    return (\n      <ListDivider size={size} space={dividerSpace} className={className} />\n    );\n  }\n\n  return null;\n};\n"],"mappings":"AAAA,MAAOA,MAAP,KAAkB,OAAlB,CAIA,OAASC,WAAT,qBACA,OAASC,cAAT,wBAGA,MAAO,IAAMC,aAAY,CAAG,SAC1BC,CAD0B,CAE1BC,CAF0B,CAG1BC,CAH0B,CAI1BC,CAJ0B,CAK1BC,CAL0B,CAM1BC,CAN0B,CAO1BC,CAP0B,CAQC,OACvBN,EADuB,CAGvB,oBAAC,cAAD,EACE,IAAI,CAAEE,CADR,CAEE,KAAK,CAAEF,CAFT,CAGE,SAAS,CAAEG,CAHb,CAIE,KAAK,CAAEC,CAJT,CAKE,SAAS,CAAEE,CALb,EAHuB,CAatBN,CAAD,EAAWC,CAbY,CAmBpB,IAnBoB,CAevB,oBAAC,WAAD,EAAa,IAAI,CAAEC,CAAnB,CAAyB,KAAK,CAAEG,CAAhC,CAA8C,SAAS,CAAEC,CAAzD,EAKL,CA5BM"}

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

@@ -1,134 +1,134 @@
-import { IconComponent, IconPropSize } from '@consta/icons/Icon';
-import React from 'react';
-import { MixSpaceProps } from "../../mixs/MixSpace";
-import { Group } from "../../utils/getGroups";
-import { AsAttributes, AsTags } from "../../utils/types/AsTags";
-import { PropsWithAsAttributes } from "../../utils/types/PropsWithAsAttributes";
-import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
-export declare const listPropSize: readonly ["m", "xs", "s", "l"];
-export declare type ListPropSize = typeof listPropSize[number];
-export declare const defaultListPropSize: "m";
-export declare const listPropInnerOffset: readonly ["normal", "increased"];
-export declare type ListPropInnerOffset = typeof listPropInnerOffset[number];
-export declare const defaultListPropInnerOffset: "normal";
-export declare const listPropStatus: readonly ["alert", "success", "warning"];
-export declare type ListPropStatus = typeof listPropStatus[number];
-export declare const listPropForm: readonly ["default", "brick", "round"];
-export declare type ListPropForm = typeof listPropForm[number];
-export declare const defaultListPropForm: "default";
-export declare type DefaultListGroup = {
-    id: string | number;
-    label?: string;
-    rightSide?: React.ReactNode;
-};
-export declare type DefaultListItem = {
-    label: React.ReactNode;
-    disabled?: boolean;
-    active?: boolean;
-    checked?: boolean;
-    status?: ListPropStatus;
-    groupId?: string | number;
-    leftSide?: React.ReactNode;
-    leftIcon?: IconComponent;
-    rightSide?: React.ReactNode;
-    rightIcon?: IconComponent;
-    onClick?: React.MouseEventHandler;
-};
-export declare type ListPropOnItemClick<ITEM> = (item: ITEM, params: {
-    e: React.MouseEvent;
-    item: ITEM;
-}) => void;
-export declare type ListPropRenderItem<ITEM> = (item: ITEM) => React.ReactElement | null;
-export declare type ListPropGetItemLabel<ITEM> = (item: ITEM) => React.ReactNode;
-export declare type ListPropGetItemAdditionalClassName<ITEM> = (item: ITEM) => string;
-export declare type ListPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type ListPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type ListPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type ListPropGetItemStatus<ITEM> = (item: ITEM) => ListPropStatus | undefined;
-export declare type ListPropGetItemGroupId<ITEM> = (item: ITEM) => string | number | undefined;
-export declare type ListPropGetItemLeftSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
-export declare type ListPropGetItemLeftIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
-export declare type ListPropGetItemRightSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
-export declare type ListPropGetItemRightIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
-export declare type ListPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
-export declare type ListPropGetItemAttributes<ITEM> = (item: ITEM) => AsAttributes | undefined;
-export declare type ListPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler | undefined;
-export declare type ListPropSortGroup<ITEM, GROUP> = (a: Group<ITEM, GROUP>, b: Group<ITEM, GROUP>) => number;
-export declare type ListPropGetGroupKey<GROUP> = (item: GROUP) => string | number;
-export declare type ListPropGetGroupAdditionalClassName<GROUP> = (item: GROUP) => string;
-export declare type ListPropGetGroupLabel<GROUP> = (item: GROUP) => string | undefined;
-export declare type ListPropGetGroupRightSide<GROUP> = (item: GROUP) => React.ReactNode | undefined;
-export declare type ListPropGetItemRef<ITEM> = (item: ITEM) => React.RefObject<HTMLElement> | undefined;
-export declare type ListProps<ITEM = DefaultListItem, GROUP = DefaultListGroup> = {
-    size?: ListPropSize;
-    items: ITEM[];
-    innerOffset?: ListPropInnerOffset;
-    itemSpase?: MixSpaceProps;
-    groupLabelSpase?: MixSpaceProps;
-    dividerSpase?: MixSpaceProps;
-    onItemClick?: ListPropOnItemClick<ITEM>;
-    getItemLabel?: ListPropGetItemLabel<ITEM>;
-    getItemDisabled?: ListPropGetItemDisabled<ITEM>;
-    getItemActive?: ListPropGetItemActive<ITEM>;
-    getItemChecked?: ListPropGetItemActive<ITEM>;
-    getItemLeftSide?: ListPropGetItemLeftSide<ITEM>;
-    getItemLeftIcon?: ListPropGetItemLeftIcon<ITEM>;
-    getItemRightSide?: ListPropGetItemRightSide<ITEM>;
-    getItemRightIcon?: ListPropGetItemRightIcon<ITEM>;
-    getItemGroupKey?: ListPropGetItemGroupId<ITEM>;
-    getItemOnClick?: ListPropGetItemOnClick<ITEM>;
-    getItemStatus?: ListPropGetItemStatus<ITEM>;
-    getItemAs?: ListPropGetItemAs<ITEM>;
-    getItemAttributes?: ListPropGetItemAttributes<ITEM>;
-    getItemRef?: ListPropGetItemRef<ITEM>;
-    getItemAdditionalClassName?: ListPropGetItemAdditionalClassName<ITEM>;
-    renderItem?: ListPropRenderItem<ITEM>;
-    groups?: GROUP[];
-    getGroupKey?: ListPropGetGroupKey<GROUP>;
-    getGroupLabel?: ListPropGetGroupLabel<GROUP>;
-    getGroupRightSide?: ListPropGetGroupRightSide<GROUP>;
-    sortGroup?: ListPropSortGroup<ITEM, GROUP>;
-    getGroupAdditionalClassName?: ListPropGetGroupAdditionalClassName<GROUP>;
-    disabled?: boolean;
-} & (ITEM extends {
-    label: DefaultListItem['label'];
-} ? {} : {
-    getItemLabel: ListPropGetItemLabel<ITEM>;
-}) & (GROUP extends {
-    id: DefaultListGroup['id'];
-} ? {} : {
-    getGroupKey: ListPropGetGroupKey<GROUP>;
-});
-export declare type ListComponent = <ITEM = DefaultListItem, GROUP = DefaultListGroup>(props: ListProps<ITEM, GROUP>) => React.ReactElement | null;
-export declare type ListItemProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<Omit<DefaultListItem, 'id' | 'groupId' | 'attributes' | 'onClick'> & {
-    size?: ListPropSize;
-    innerOffset?: 'normal' | 'increased';
-    space?: MixSpaceProps;
-    iconSize?: IconPropSize;
-}, AS>;
-export declare type ListItemComponent = <AS extends AsTags = 'div'>(props: ListItemProps<AS>) => React.ReactElement | null;
-export declare type ListGroupLabelProps = PropsWithHTMLAttributesAndRef<{
-    size?: ListPropSize;
-    label: string;
-    innerOffset?: ListPropInnerOffset;
-    rightSide?: React.ReactNode;
-    space?: MixSpaceProps;
-}, HTMLDivElement>;
-export declare type ListDividerProps = PropsWithHTMLAttributesAndRef<{
-    size?: ListPropSize;
-    innerOffset?: ListPropInnerOffset;
-    space?: MixSpaceProps;
-}, HTMLDivElement>;
-export declare type ListBoxProps = PropsWithHTMLAttributesAndRef<{
-    size?: ListPropSize;
-    form?: ListPropForm;
-    border?: boolean;
-    shadow?: boolean;
-}, HTMLDivElement>;
-export declare type ListAddItemProps = PropsWithHTMLAttributesAndRef<{
-    size?: ListPropSize;
-    label: React.ReactNode;
-    innerOffset?: ListPropInnerOffset;
-    active?: boolean;
-    underLine?: boolean;
-}, HTMLDivElement>;
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import React from 'react';
+import { MixSpaceProps } from "../../mixs/MixSpace";
+import { Group } from "../../utils/getGroups";
+import { AsAttributes, AsTags } from "../../utils/types/AsTags";
+import { PropsWithAsAttributes } from "../../utils/types/PropsWithAsAttributes";
+import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
+export declare const listPropSize: readonly ["m", "xs", "s", "l"];
+export declare type ListPropSize = typeof listPropSize[number];
+export declare const defaultListPropSize: "m";
+export declare const listPropInnerOffset: readonly ["normal", "increased"];
+export declare type ListPropInnerOffset = typeof listPropInnerOffset[number];
+export declare const defaultListPropInnerOffset: "normal";
+export declare const listPropStatus: readonly ["alert", "success", "warning"];
+export declare type ListPropStatus = typeof listPropStatus[number];
+export declare const listPropForm: readonly ["default", "brick", "round"];
+export declare type ListPropForm = typeof listPropForm[number];
+export declare const defaultListPropForm: "default";
+export declare type DefaultListGroup = {
+    id: string | number;
+    label?: string;
+    rightSide?: React.ReactNode;
+};
+export declare type DefaultListItem = {
+    label: React.ReactNode;
+    disabled?: boolean;
+    active?: boolean;
+    checked?: boolean;
+    status?: ListPropStatus;
+    groupId?: string | number;
+    leftSide?: React.ReactNode;
+    leftIcon?: IconComponent;
+    rightSide?: React.ReactNode;
+    rightIcon?: IconComponent;
+    onClick?: React.MouseEventHandler;
+};
+export declare type ListPropOnItemClick<ITEM> = (item: ITEM, params: {
+    e: React.MouseEvent;
+    item: ITEM;
+}) => void;
+export declare type ListPropRenderItem<ITEM> = (item: ITEM) => React.ReactElement | null;
+export declare type ListPropGetItemLabel<ITEM> = (item: ITEM) => React.ReactNode;
+export declare type ListPropGetItemAdditionalClassName<ITEM> = (item: ITEM) => string;
+export declare type ListPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type ListPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type ListPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type ListPropGetItemStatus<ITEM> = (item: ITEM) => ListPropStatus | undefined;
+export declare type ListPropGetItemGroupId<ITEM> = (item: ITEM) => string | number | undefined;
+export declare type ListPropGetItemLeftSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
+export declare type ListPropGetItemLeftIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export declare type ListPropGetItemRightSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
+export declare type ListPropGetItemRightIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export declare type ListPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
+export declare type ListPropGetItemAttributes<ITEM> = (item: ITEM) => AsAttributes | undefined;
+export declare type ListPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler | undefined;
+export declare type ListPropSortGroup<ITEM, GROUP> = (a: Group<ITEM, GROUP>, b: Group<ITEM, GROUP>) => number;
+export declare type ListPropGetGroupKey<GROUP> = (item: GROUP) => string | number;
+export declare type ListPropGetGroupAdditionalClassName<GROUP> = (item: GROUP) => string;
+export declare type ListPropGetGroupLabel<GROUP> = (item: GROUP) => string | undefined;
+export declare type ListPropGetGroupRightSide<GROUP> = (item: GROUP) => React.ReactNode | undefined;
+export declare type ListPropGetItemRef<ITEM> = (item: ITEM) => React.RefObject<HTMLElement> | undefined;
+export declare type ListProps<ITEM = DefaultListItem, GROUP = DefaultListGroup> = {
+    size?: ListPropSize;
+    items: ITEM[];
+    innerOffset?: ListPropInnerOffset;
+    itemSpace?: MixSpaceProps;
+    groupLabelSpace?: MixSpaceProps;
+    dividerSpace?: MixSpaceProps;
+    onItemClick?: ListPropOnItemClick<ITEM>;
+    getItemLabel?: ListPropGetItemLabel<ITEM>;
+    getItemDisabled?: ListPropGetItemDisabled<ITEM>;
+    getItemActive?: ListPropGetItemActive<ITEM>;
+    getItemChecked?: ListPropGetItemActive<ITEM>;
+    getItemLeftSide?: ListPropGetItemLeftSide<ITEM>;
+    getItemLeftIcon?: ListPropGetItemLeftIcon<ITEM>;
+    getItemRightSide?: ListPropGetItemRightSide<ITEM>;
+    getItemRightIcon?: ListPropGetItemRightIcon<ITEM>;
+    getItemGroupKey?: ListPropGetItemGroupId<ITEM>;
+    getItemOnClick?: ListPropGetItemOnClick<ITEM>;
+    getItemStatus?: ListPropGetItemStatus<ITEM>;
+    getItemAs?: ListPropGetItemAs<ITEM>;
+    getItemAttributes?: ListPropGetItemAttributes<ITEM>;
+    getItemRef?: ListPropGetItemRef<ITEM>;
+    getItemAdditionalClassName?: ListPropGetItemAdditionalClassName<ITEM>;
+    renderItem?: ListPropRenderItem<ITEM>;
+    groups?: GROUP[];
+    getGroupKey?: ListPropGetGroupKey<GROUP>;
+    getGroupLabel?: ListPropGetGroupLabel<GROUP>;
+    getGroupRightSide?: ListPropGetGroupRightSide<GROUP>;
+    sortGroup?: ListPropSortGroup<ITEM, GROUP>;
+    getGroupAdditionalClassName?: ListPropGetGroupAdditionalClassName<GROUP>;
+    disabled?: boolean;
+} & (ITEM extends {
+    label: DefaultListItem['label'];
+} ? {} : {
+    getItemLabel: ListPropGetItemLabel<ITEM>;
+}) & (GROUP extends {
+    id: DefaultListGroup['id'];
+} ? {} : {
+    getGroupKey: ListPropGetGroupKey<GROUP>;
+});
+export declare type ListComponent = <ITEM = DefaultListItem, GROUP = DefaultListGroup>(props: ListProps<ITEM, GROUP>) => React.ReactElement | null;
+export declare type ListItemProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<Omit<DefaultListItem, 'id' | 'groupId' | 'attributes' | 'onClick'> & {
+    size?: ListPropSize;
+    innerOffset?: 'normal' | 'increased';
+    space?: MixSpaceProps;
+    iconSize?: IconPropSize;
+}, AS>;
+export declare type ListItemComponent = <AS extends AsTags = 'div'>(props: ListItemProps<AS>) => React.ReactElement | null;
+export declare type ListGroupLabelProps = PropsWithHTMLAttributesAndRef<{
+    size?: ListPropSize;
+    label: string;
+    innerOffset?: ListPropInnerOffset;
+    rightSide?: React.ReactNode;
+    space?: MixSpaceProps;
+}, HTMLDivElement>;
+export declare type ListDividerProps = PropsWithHTMLAttributesAndRef<{
+    size?: ListPropSize;
+    innerOffset?: ListPropInnerOffset;
+    space?: MixSpaceProps;
+}, HTMLDivElement>;
+export declare type ListBoxProps = PropsWithHTMLAttributesAndRef<{
+    size?: ListPropSize;
+    form?: ListPropForm;
+    border?: boolean;
+    shadow?: boolean;
+}, HTMLDivElement>;
+export declare type ListAddItemProps = PropsWithHTMLAttributesAndRef<{
+    size?: ListPropSize;
+    label: React.ReactNode;
+    innerOffset?: ListPropInnerOffset;
+    active?: boolean;
+    underLine?: boolean;
+}, HTMLDivElement>;

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> = (\n  item: ITEM,\n) => React.ReactElement | 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  itemSpase?: MixSpaceProps;\n  groupLabelSpase?: MixSpaceProps;\n  dividerSpase?: 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.ReactElement | 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.ReactElement | 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  },\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> = (\n  item: ITEM,\n) => React.ReactElement | 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.ReactElement | 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.ReactElement | 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  },\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/Loader/Loader.d.ts

@@ -1,10 +1,10 @@
-import './Loader.css';
-import React from 'react';
-export declare const cnLoader: import("@bem-react/classname").ClassNameFormatter;
-export declare const Loader: React.ForwardRefExoticComponent<{
-    size?: "s" | "m" | "xs" | undefined;
-    children?: undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | keyof {
-    size?: "s" | "m" | "xs" | undefined;
-    children?: undefined;
-}> & React.RefAttributes<HTMLDivElement>>;
+import './Loader.css';
+import React from 'react';
+export declare const cnLoader: import("@bem-react/classname").ClassNameFormatter;
+export declare const Loader: React.ForwardRefExoticComponent<{
+    size?: "s" | "m" | "xs" | undefined;
+    children?: undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | keyof {
+    size?: "s" | "m" | "xs" | undefined;
+    children?: undefined;
+}> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/Loader/index.d.ts

@@ -1 +1 @@
-export * from './Loader';
+export * from './Loader';

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

@@ -1,10 +1,10 @@
-import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
-export declare const loaderPropSize: readonly ["m", "s", "xs"];
-export declare type LoaderPropSize = typeof loaderPropSize[number];
-export declare const loaderPropSizeDefault: LoaderPropSize;
-declare type Props = {
-    size?: LoaderPropSize;
-    children?: never;
-};
-export declare type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
-export {};
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+export declare const loaderPropSize: readonly ["m", "s", "xs"];
+export declare type LoaderPropSize = typeof loaderPropSize[number];
+export declare const loaderPropSizeDefault: LoaderPropSize;
+declare type Props = {
+    size?: LoaderPropSize;
+    children?: never;
+};
+export declare type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
+export {};

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

@@ -1,14 +1,14 @@
-import './Loader.css';
-import React from 'react';
-import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
-export declare const loaderPropSize: readonly ["m", "s", "xs"];
-export declare type LoaderPropSize = typeof loaderPropSize[number];
-export declare const loaderPropSizeDefault: LoaderPropSize;
-declare type Props = {
-    size?: LoaderPropSize;
-    children?: never;
-};
-export declare type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
-export declare const cnLoader: import("@bem-react/classname").ClassNameFormatter;
-export declare const Loader: React.ForwardRefExoticComponent<Props & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | keyof Props> & React.RefAttributes<HTMLDivElement>>;
-export {};
+import './Loader.css';
+import React from 'react';
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+export declare const loaderPropSize: readonly ["m", "s", "xs"];
+export declare type LoaderPropSize = typeof loaderPropSize[number];
+export declare const loaderPropSizeDefault: LoaderPropSize;
+declare type Props = {
+    size?: LoaderPropSize;
+    children?: never;
+};
+export declare type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
+export declare const cnLoader: import("@bem-react/classname").ClassNameFormatter;
+export declare const Loader: React.ForwardRefExoticComponent<Props & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | keyof Props> & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -1 +1 @@
-export * from './LoaderDeprecated';
+export * from './LoaderDeprecated';

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

@@ -1,26 +1,26 @@
-import './Modal.css';
-import React from 'react';
-import { PropsWithHTMLAttributes } from "../../utils/types/PropsWithHTMLAttributes";
-declare const modalPropWidth: readonly ["auto"];
-declare type ModalPropWidth = typeof modalPropWidth[number];
-declare const modalPropPosition: readonly ["center", "top"];
-declare type ModalPropPosition = typeof modalPropPosition[number];
-declare type ModalProps = PropsWithHTMLAttributes<{
-    isOpen?: boolean;
-    onClose?: () => void;
-    onOpen?: () => void;
-    hasOverlay?: boolean;
-    /** @deprecated use onClickOutside */
-    onOverlayClick?: (event: MouseEvent) => void;
-    onClickOutside?: (event: MouseEvent) => void;
-    onEsc?: (event: KeyboardEvent) => void;
-    rootClassName?: string;
-    width?: ModalPropWidth;
-    position?: ModalPropPosition;
-    children?: React.ReactNode;
-    container?: HTMLDivElement | undefined;
-    afterClose?: () => void;
-    refsForExcludeClickOutside?: React.RefObject<HTMLElement>[];
-}, HTMLDivElement>;
-export declare const Modal: React.FC<ModalProps>;
-export {};
+import './Modal.css';
+import React from 'react';
+import { PropsWithHTMLAttributes } from "../../utils/types/PropsWithHTMLAttributes";
+declare const modalPropWidth: readonly ["auto"];
+declare type ModalPropWidth = typeof modalPropWidth[number];
+declare const modalPropPosition: readonly ["center", "top"];
+declare type ModalPropPosition = typeof modalPropPosition[number];
+declare type ModalProps = PropsWithHTMLAttributes<{
+    isOpen?: boolean;
+    onClose?: () => void;
+    onOpen?: () => void;
+    hasOverlay?: boolean;
+    /** @deprecated use onClickOutside */
+    onOverlayClick?: (event: MouseEvent) => void;
+    onClickOutside?: (event: MouseEvent) => void;
+    onEsc?: (event: KeyboardEvent) => void;
+    rootClassName?: string;
+    width?: ModalPropWidth;
+    position?: ModalPropPosition;
+    children?: React.ReactNode;
+    container?: HTMLDivElement | undefined;
+    afterClose?: () => void;
+    refsForExcludeClickOutside?: React.RefObject<HTMLElement>[];
+}, HTMLDivElement>;
+export declare const Modal: React.FC<ModalProps>;
+export {};

package/__internal__/src/components/Modal/index.d.ts

@@ -1 +1 @@
-export * from './Modal';
+export * from './Modal';

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

@@ -1,3 +1,3 @@
-import './Pagination.css';
-import { PaginationComponent } from './types';
-export declare const Pagination: PaginationComponent;
+import './Pagination.css';
+import { PaginationComponent } from './types';
+export declare const Pagination: PaginationComponent;

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["React","forwardRef","useCallback","useForkRef","useMutableRef","cn","defaultGetItemClickable","defaultGetItemKey","guardCurrentPage","paginationArrowIconsMap","PaginationArrow","PaginationList","PaginationNumberInput","PaginationSizeCalculateHelper","paginationPropFormDefault","paginationPropSizeDefault","paginationPropTypeDefault","usePaginationItems","cnPagination","PaginationRender","props","ref","items","valueProp","value","onChange","size","form","type","containerEventListener","window","getTotalLabel","outerMostArrows","arrows","hotKeys","showFirstPage","showLastPage","visibleCount","className","style","getItemAs","getItemAttributes","getItemRef","otherProps","valueRef","onChangeRef","onItemClick","key","e","current","handleNext","Math","min","handlePrevious","max","handlefirst","handleLast","pages","refs","symbolSize","rootRef","renderArrow","item","hotKey","onClick","flag","orientation","label","icon","toString","clickable","Pagination"],"sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import './Pagination.css';\n\nimport React, { forwardRef, useCallback } from 'react';\n\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { cn } from '##/utils/bem';\n\nimport {\n  defaultGetItemClickable,\n  defaultGetItemKey,\n  guardCurrentPage,\n  paginationArrowIconsMap,\n} from './helpers';\nimport { PaginationArrow } from './PaginationArrow';\nimport { PaginationList } from './PaginationList';\nimport { PaginationNumberInput } from './PaginationNumberInput';\nimport { PaginationSizeCalculateHelper } from './PaginationSizeCalculateHelper';\nimport {\n  PaginationArrowTypes,\n  PaginationComponent,\n  PaginationItem,\n  PaginationPropArrow,\n  paginationPropFormDefault,\n  PaginationPropHotKey,\n  PaginationPropOnItemClick,\n  PaginationProps,\n  paginationPropSizeDefault,\n  PaginationPropType,\n  paginationPropTypeDefault,\n} from './types';\nimport { usePaginationItems } from './usePaginationItems';\n\nconst cnPagination = cn('Pagination');\n\nconst PaginationRender = <TYPE extends PaginationPropType>(\n  props: PaginationProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = 0,\n    value: valueProp,\n    onChange,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    type = paginationPropTypeDefault,\n    containerEventListener = window,\n    getTotalLabel,\n    outerMostArrows,\n    arrows,\n    hotKeys,\n    showFirstPage,\n    showLastPage,\n    visibleCount,\n    className,\n    style,\n    getItemAs,\n    getItemAttributes,\n    getItemRef,\n    ...otherProps\n  } = props;\n\n  const valueRef = useMutableRef(guardCurrentPage(valueProp, items));\n  const onChangeRef = useMutableRef(onChange);\n\n  const onItemClick: PaginationPropOnItemClick<PaginationItem> = useCallback(\n    ({ key }, { e }) => {\n      if (key !== valueRef.current && typeof key === 'number') {\n        onChangeRef.current?.(key, { e });\n      }\n    },\n    [],\n  );\n\n  const handleNext = useCallback(\n    (e: React.MouseEvent | KeyboardEvent) => {\n      onChangeRef.current?.(Math.min(valueRef.current + 1, items), { e });\n    },\n    [items],\n  );\n\n  const handlePrevious = useCallback((e: React.MouseEvent | KeyboardEvent) => {\n    onChangeRef.current?.(Math.max(valueRef.current - 1, 1), { e });\n  }, []);\n\n  const handlefirst = useCallback((e: React.MouseEvent | KeyboardEvent) => {\n    onChangeRef.current?.(1, { e });\n  }, []);\n\n  const handleLast = useCallback(\n    (e: React.MouseEvent | KeyboardEvent) => {\n      onChangeRef.current?.(items, { e });\n    },\n    [items],\n  );\n\n  const [pages, refs, symbolSize] = usePaginationItems({\n    showFirstPage,\n    showLastPage,\n    items,\n    visibleCount,\n    size,\n    value: valueRef.current,\n    containerEventListener,\n    hotKeys,\n    outerMostArrows,\n    type,\n    arrows,\n    handleNext,\n    handlePrevious,\n  });\n\n  const rootRef = useForkRef([refs[4], ref]);\n\n  const renderArrow = (\n    item: PaginationPropArrow,\n    type: PaginationArrowTypes,\n    ref: React.Ref<HTMLButtonElement> | undefined,\n    hotKey: PaginationPropHotKey | undefined,\n    onClick?: React.MouseEventHandler,\n  ) => {\n    const flag =\n      type === 'first' || type === 'previous'\n        ? valueRef.current > 1\n        : valueRef.current < items;\n    const orientation =\n      type === 'first' || type === 'previous' ? 'start' : 'end';\n    if (typeof item === 'object') {\n      const { label, icon = paginationArrowIconsMap[type] } = item;\n\n      return (\n        <PaginationArrow\n          label={label}\n          icon={icon}\n          disabled={!flag}\n          size={size}\n          form={form}\n          ref={ref}\n          orientation={orientation}\n          caption={hotKey?.label}\n          onClick={onClick}\n        />\n      );\n    }\n    return (\n      <PaginationArrow\n        orientation={orientation}\n        icon={typeof item === 'function' ? item : paginationArrowIconsMap[type]}\n        disabled={!flag}\n        size={size}\n        form={form}\n        ref={ref}\n        onClick={onClick}\n      />\n    );\n  };\n\n  if (items <= 0) {\n    return null;\n  }\n\n  return (\n    <nav\n      {...otherProps}\n      className={cnPagination({ type }, [className])}\n      ref={rootRef}\n      style={{\n        ['--pagination-symbol-size' as string]: `${symbolSize}px`,\n        ...style,\n      }}\n    >\n      {(outerMostArrows?.[0] || arrows?.[0]) && (\n        <>\n          {outerMostArrows?.[0] &&\n            renderArrow(\n              outerMostArrows[0],\n              'first',\n              refs[0] as unknown as React.RefObject<HTMLButtonElement>,\n              undefined,\n              handlefirst,\n            )}\n          {arrows?.[0] &&\n            renderArrow(\n              arrows[0],\n              'previous',\n              refs[1] as unknown as React.RefObject<HTMLButtonElement>,\n              hotKeys?.[0],\n              handlePrevious,\n            )}\n        </>\n      )}\n\n      {type === 'default' ? (\n        <PaginationList\n          items={pages}\n          form={form}\n          size={size}\n          onItemClick={onItemClick}\n          value={{\n            key: valueRef.current,\n            label: valueRef.current.toString(),\n            clickable: true,\n          }}\n          getItemKey={defaultGetItemKey}\n          getItemClickable={defaultGetItemClickable}\n          getItemAs={getItemAs}\n          getItemAttributes={getItemAttributes}\n          getItemRef={getItemRef}\n        />\n      ) : (\n        <PaginationNumberInput\n          form={form}\n          size={size}\n          total={items}\n          value={valueRef.current}\n          onChange={onChange}\n          getTotalLabel={getTotalLabel}\n        />\n      )}\n      {(arrows?.[1] || outerMostArrows?.[1]) && (\n        <>\n          {arrows?.[1] &&\n            renderArrow(\n              arrows[1],\n              'next',\n              refs[2] as unknown as React.RefObject<HTMLButtonElement>,\n              hotKeys?.[1],\n              handleNext,\n            )}\n          {outerMostArrows?.[1] &&\n            renderArrow(\n              outerMostArrows[1],\n              'last',\n              refs[3] as unknown as React.RefObject<HTMLButtonElement>,\n              undefined,\n              handleLast,\n            )}\n        </>\n      )}\n      {type === 'default' && (\n        <PaginationSizeCalculateHelper refs={refs} size={size} />\n      )}\n    </nav>\n  );\n};\n\nexport const Pagination = forwardRef(PaginationRender) as PaginationComponent;\n"],"mappings":"wjCAAA,yBAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,WAA5B,KAA+C,OAA/C,CAEA,OAASC,UAAT,8BACA,OAASC,aAAT,iCACA,OAASC,EAAT,uBAEA,OACEC,uBADF,CAEEC,iBAFF,CAGEC,gBAHF,CAIEC,uBAJF,iBAMA,OAASC,eAAT,yBACA,OAASC,cAAT,wBACA,OAASC,qBAAT,+BACA,OAASC,6BAAT,uCACA,OAKEC,yBALF,CASEC,yBATF,CAWEC,yBAXF,eAaA,OAASC,kBAAT,4B,GAEMC,aAAY,CAAGb,EAAE,CAAC,YAAD,C,CAEjBc,gBAAgB,CAAG,SACvBC,CADuB,CAEvBC,CAFuB,CAGpB,OAsBCD,CAtBD,CAEDE,KAFC,CAEDA,CAFC,YAEO,CAFP,GAGMC,CAHN,CAsBCH,CAtBD,CAGDI,KAHC,CAIDC,CAJC,CAsBCL,CAtBD,CAIDK,QAJC,GAsBCL,CAtBD,CAKDM,IALC,CAKDA,CALC,YAKMX,yBALN,KAsBCK,CAtBD,CAMDO,IANC,CAMDA,CANC,YAMMb,yBANN,KAsBCM,CAtBD,CAODQ,IAPC,CAODA,CAPC,YAOMZ,yBAPN,KAsBCI,CAtBD,CAQDS,sBARC,CAQDA,CARC,YAQwBC,MARxB,GASDC,CATC,CAsBCX,CAtBD,CASDW,aATC,CAUDC,CAVC,CAsBCZ,CAtBD,CAUDY,eAVC,CAWDC,CAXC,CAsBCb,CAtBD,CAWDa,MAXC,CAYDC,CAZC,CAsBCd,CAtBD,CAYDc,OAZC,CAaDC,CAbC,CAsBCf,CAtBD,CAaDe,aAbC,CAcDC,CAdC,CAsBChB,CAtBD,CAcDgB,YAdC,CAeDC,CAfC,CAsBCjB,CAtBD,CAeDiB,YAfC,CAgBDC,CAhBC,CAsBClB,CAtBD,CAgBDkB,SAhBC,CAiBDC,CAjBC,CAsBCnB,CAtBD,CAiBDmB,KAjBC,CAkBDC,CAlBC,CAsBCpB,CAtBD,CAkBDoB,SAlBC,CAmBDC,CAnBC,CAsBCrB,CAtBD,CAmBDqB,iBAnBC,CAoBDC,CApBC,CAsBCtB,CAtBD,CAoBDsB,UApBC,CAqBEC,CArBF,0BAsBCvB,CAtBD,YAwBGwB,CAAQ,CAAGxC,aAAa,CAACI,gBAAgB,CAACe,CAAD,CAAYD,CAAZ,CAAjB,CAxB3B,CAyBGuB,CAAW,CAAGzC,aAAa,CAACqB,CAAD,CAzB9B,CA2BGqB,CAAsD,CAAG5C,WAAW,CACxE,aAAoB,IAAjB6C,EAAiB,GAAjBA,GAAiB,CAARC,CAAQ,GAARA,CAAQ,CAClB,GAAID,CAAG,GAAKH,CAAQ,CAACK,OAAjB,EAA2C,QAAf,QAAOF,EAAvC,CAAyD,iBACvDF,CAAW,CAACI,OAD2C,qBACvD,OAAAJ,CAAW,CAAWE,CAAX,CAAgB,CAAEC,CAAC,CAADA,CAAF,CAAhB,CACZ,CACF,CALuE,CAMxE,EANwE,CA3BvE,CAoCGE,CAAU,CAAGhD,WAAW,CAC5B,SAAC8C,CAAD,CAAyC,iBACvCH,CAAW,CAACI,OAD2B,qBACvC,OAAAJ,CAAW,CAAWM,IAAI,CAACC,GAAL,CAASR,CAAQ,CAACK,OAAT,CAAmB,CAA5B,CAA+B3B,CAA/B,CAAX,CAAkD,CAAE0B,CAAC,CAADA,CAAF,CAAlD,CACZ,CAH2B,CAI5B,CAAC1B,CAAD,CAJ4B,CApC3B,CA2CG+B,CAAc,CAAGnD,WAAW,CAAC,SAAC8C,CAAD,CAAyC,iBAC1EH,CAAW,CAACI,OAD8D,qBAC1E,OAAAJ,CAAW,CAAWM,IAAI,CAACG,GAAL,CAASV,CAAQ,CAACK,OAAT,CAAmB,CAA5B,CAA+B,CAA/B,CAAX,CAA8C,CAAED,CAAC,CAADA,CAAF,CAA9C,CACZ,CAFiC,CAE/B,EAF+B,CA3C/B,CA+CGO,CAAW,CAAGrD,WAAW,CAAC,SAAC8C,CAAD,CAAyC,iBACvEH,CAAW,CAACI,OAD2D,qBACvE,OAAAJ,CAAW,CAAW,CAAX,CAAc,CAAEG,CAAC,CAADA,CAAF,CAAd,CACZ,CAF8B,CAE5B,EAF4B,CA/C5B,CAmDGQ,CAAU,CAAGtD,WAAW,CAC5B,SAAC8C,CAAD,CAAyC,iBACvCH,CAAW,CAACI,OAD2B,qBACvC,OAAAJ,CAAW,CAAWvB,CAAX,CAAkB,CAAE0B,CAAC,CAADA,CAAF,CAAlB,CACZ,CAH2B,CAI5B,CAAC1B,CAAD,CAJ4B,CAnD3B,GA0D+BL,kBAAkB,CAAC,CACnDkB,aAAa,CAAbA,CADmD,CAEnDC,YAAY,CAAZA,CAFmD,CAGnDd,KAAK,CAALA,CAHmD,CAInDe,YAAY,CAAZA,CAJmD,CAKnDX,IAAI,CAAJA,CALmD,CAMnDF,KAAK,CAAEoB,CAAQ,CAACK,OANmC,CAOnDpB,sBAAsB,CAAtBA,CAPmD,CAQnDK,OAAO,CAAPA,CARmD,CASnDF,eAAe,CAAfA,CATmD,CAUnDJ,IAAI,CAAJA,CAVmD,CAWnDK,MAAM,CAANA,CAXmD,CAYnDiB,UAAU,CAAVA,CAZmD,CAanDG,cAAc,CAAdA,CAbmD,CAAD,CA1DjD,uBA0DII,CA1DJ,MA0DWC,CA1DX,MA0DiBC,CA1DjB,MA0EGC,CAAO,CAAGzD,UAAU,CAAC,CAACuD,CAAI,CAAC,CAAD,CAAL,CAAUrC,CAAV,CAAD,CA1EvB,CA4EGwC,CAAW,CAAG,SAClBC,CADkB,CAElBlC,CAFkB,CAGlBP,CAHkB,CAIlB0C,CAJkB,CAKlBC,CALkB,CAMf,IACGC,EAAI,CACC,OAAT,GAAArC,CAAI,EAAyB,UAAT,GAAAA,CAApB,CACuB,CAAnB,CAAAgB,CAAQ,CAACK,OADb,CAEIL,CAAQ,CAACK,OAAT,CAAmB3B,CAJtB,CAKG4C,CAAW,CACN,OAAT,GAAAtC,CAAI,EAAyB,UAAT,GAAAA,CAApB,CAA0C,OAA1C,CAAoD,KANnD,CAOH,GAAoB,QAAhB,QAAOkC,EAAX,CAA8B,CAC5B,GAAQK,EAAR,CAAwDL,CAAxD,CAAQK,KAAR,GAAwDL,CAAxD,CAAeM,IAAf,CAAeA,CAAf,YAAsB3D,uBAAuB,CAACmB,CAAD,CAA7C,GAEA,MACE,qBAAC,eAAD,EACE,KAAK,CAAEuC,CADT,CAEE,IAAI,CAAEC,CAFR,CAGE,QAAQ,CAAE,CAACH,CAHb,CAIE,IAAI,CAAEvC,CAJR,CAKE,IAAI,CAAEC,CALR,CAME,GAAG,CAAEN,CANP,CAOE,WAAW,CAAE6C,CAPf,CAQE,OAAO,QAAEH,CAAF,WAAEA,CAAF,QAAEA,CAAM,CAAEI,KARnB,CASE,OAAO,CAAEH,CATX,EAYH,CACD,MACE,qBAAC,eAAD,EACE,WAAW,CAAEE,CADf,CAEE,IAAI,CAAkB,UAAhB,QAAOJ,EAAP,CAA6BA,CAA7B,CAAoCrD,uBAAuB,CAACmB,CAAD,CAFnE,CAGE,QAAQ,CAAE,CAACqC,CAHb,CAIE,IAAI,CAAEvC,CAJR,CAKE,IAAI,CAAEC,CALR,CAME,GAAG,CAAEN,CANP,CAOE,OAAO,CAAE2C,CAPX,EAUH,CArHE,OAuHU,EAAT,EAAA1C,CAvHD,CAwHM,IAxHN,CA4HD,2CACMqB,CADN,EAEE,SAAS,CAAEzB,YAAY,CAAC,CAAEU,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACU,CAAD,CAAX,CAFzB,CAGE,GAAG,CAAEsB,CAHP,CAIE,KAAK,kCACF,0BADE,WACwCD,CADxC,QAEApB,CAFA,CAJP,GASG,CAAC,QAAAP,CAAe,WAAfA,CAAA,QAAAA,CAAe,CAAG,CAAH,CAAf,WAAwBC,CAAxB,WAAwBA,CAAxB,QAAwBA,CAAM,CAAG,CAAH,CAA9B,CAAD,GACC,wCACG,QAAAD,CAAe,WAAfA,CAAA,QAAAA,CAAe,CAAG,CAAH,CAAf,GACC6B,CAAW,CACT7B,CAAe,CAAC,CAAD,CADN,CAET,OAFS,CAGT0B,CAAI,CAAC,CAAD,CAHK,QAKTH,CALS,CAFf,CASG,QAAAtB,CAAM,WAANA,CAAA,QAAAA,CAAM,CAAG,CAAH,CAAN,GACC4B,CAAW,CACT5B,CAAM,CAAC,CAAD,CADG,CAET,UAFS,CAGTyB,CAAI,CAAC,CAAD,CAHK,QAITxB,CAJS,WAITA,CAJS,QAITA,CAAO,CAAG,CAAH,CAJE,CAKTmB,CALS,CAVf,CAVJ,CA8BY,SAAT,GAAAzB,CAAI,CACH,oBAAC,cAAD,EACE,KAAK,CAAE6B,CADT,CAEE,IAAI,CAAE9B,CAFR,CAGE,IAAI,CAAED,CAHR,CAIE,WAAW,CAAEoB,CAJf,CAKE,KAAK,CAAE,CACLC,GAAG,CAAEH,CAAQ,CAACK,OADT,CAELkB,KAAK,CAAEvB,CAAQ,CAACK,OAAT,CAAiBoB,QAAjB,EAFF,CAGLC,SAAS,GAHJ,CALT,CAUE,UAAU,CAAE/D,iBAVd,CAWE,gBAAgB,CAAED,uBAXpB,CAYE,SAAS,CAAEkC,CAZb,CAaE,iBAAiB,CAAEC,CAbrB,CAcE,UAAU,CAAEC,CAdd,EADG,CAkBH,oBAAC,qBAAD,EACE,IAAI,CAAEf,CADR,CAEE,IAAI,CAAED,CAFR,CAGE,KAAK,CAAEJ,CAHT,CAIE,KAAK,CAAEsB,CAAQ,CAACK,OAJlB,CAKE,QAAQ,CAAExB,CALZ,CAME,aAAa,CAAEM,CANjB,EAhDJ,CAyDG,CAAC,QAAAE,CAAM,WAANA,CAAA,QAAAA,CAAM,CAAG,CAAH,CAAN,WAAeD,CAAf,WAAeA,CAAf,QAAeA,CAAe,CAAG,CAAH,CAA9B,CAAD,GACC,wCACG,QAAAC,CAAM,WAANA,CAAA,QAAAA,CAAM,CAAG,CAAH,CAAN,GACC4B,CAAW,CACT5B,CAAM,CAAC,CAAD,CADG,CAET,MAFS,CAGTyB,CAAI,CAAC,CAAD,CAHK,QAITxB,CAJS,WAITA,CAJS,QAITA,CAAO,CAAG,CAAH,CAJE,CAKTgB,CALS,CAFf,CASG,QAAAlB,CAAe,WAAfA,CAAA,QAAAA,CAAe,CAAG,CAAH,CAAf,GACC6B,CAAW,CACT7B,CAAe,CAAC,CAAD,CADN,CAET,MAFS,CAGT0B,CAAI,CAAC,CAAD,CAHK,QAKTF,CALS,CAVf,CA1DJ,CA6EY,SAAT,GAAA5B,CAAI,EACH,oBAAC,6BAAD,EAA+B,IAAI,CAAE8B,CAArC,CAA2C,IAAI,CAAEhC,CAAjD,EA9EJ,CAkFH,C,CAED,MAAO,IAAM6C,WAAU,CAAGtE,UAAU,CAACkB,gBAAD,CAA7B"}
+{"version":3,"file":"Pagination.js","names":["React","forwardRef","useCallback","useForkRef","useMutableRef","cn","defaultGetItemClickable","defaultGetItemKey","guardCurrentPage","paginationArrowIconsMap","PaginationArrow","PaginationList","PaginationNumberInput","PaginationSizeCalculateHelper","paginationPropFormDefault","paginationPropSizeDefault","paginationPropTypeDefault","usePaginationItems","cnPagination","PaginationRender","props","ref","items","valueProp","value","onChange","size","form","type","containerEventListener","window","getTotalLabel","outerMostArrows","arrows","hotKeys","showFirstPage","showLastPage","visibleCount","className","style","getItemAs","getItemAttributes","getItemRef","otherProps","valueRef","onChangeRef","onItemClick","key","e","current","handleNext","Math","min","handlePrevious","max","handleFirst","handleLast","pages","refs","symbolSize","rootRef","renderArrow","item","hotKey","onClick","flag","orientation","label","icon","toString","clickable","Pagination"],"sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import './Pagination.css';\n\nimport React, { forwardRef, useCallback } from 'react';\n\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { cn } from '##/utils/bem';\n\nimport {\n  defaultGetItemClickable,\n  defaultGetItemKey,\n  guardCurrentPage,\n  paginationArrowIconsMap,\n} from './helpers';\nimport { PaginationArrow } from './PaginationArrow';\nimport { PaginationList } from './PaginationList';\nimport { PaginationNumberInput } from './PaginationNumberInput';\nimport { PaginationSizeCalculateHelper } from './PaginationSizeCalculateHelper';\nimport {\n  PaginationArrowTypes,\n  PaginationComponent,\n  PaginationItem,\n  PaginationPropArrow,\n  paginationPropFormDefault,\n  PaginationPropHotKey,\n  PaginationPropOnItemClick,\n  PaginationProps,\n  paginationPropSizeDefault,\n  PaginationPropType,\n  paginationPropTypeDefault,\n} from './types';\nimport { usePaginationItems } from './usePaginationItems';\n\nconst cnPagination = cn('Pagination');\n\nconst PaginationRender = <TYPE extends PaginationPropType>(\n  props: PaginationProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = 0,\n    value: valueProp,\n    onChange,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    type = paginationPropTypeDefault,\n    containerEventListener = window,\n    getTotalLabel,\n    outerMostArrows,\n    arrows,\n    hotKeys,\n    showFirstPage,\n    showLastPage,\n    visibleCount,\n    className,\n    style,\n    getItemAs,\n    getItemAttributes,\n    getItemRef,\n    ...otherProps\n  } = props;\n\n  const valueRef = useMutableRef(guardCurrentPage(valueProp, items));\n  const onChangeRef = useMutableRef(onChange);\n\n  const onItemClick: PaginationPropOnItemClick<PaginationItem> = useCallback(\n    ({ key }, { e }) => {\n      if (key !== valueRef.current && typeof key === 'number') {\n        onChangeRef.current?.(key, { e });\n      }\n    },\n    [],\n  );\n\n  const handleNext = useCallback(\n    (e: React.MouseEvent | KeyboardEvent) => {\n      onChangeRef.current?.(Math.min(valueRef.current + 1, items), { e });\n    },\n    [items],\n  );\n\n  const handlePrevious = useCallback((e: React.MouseEvent | KeyboardEvent) => {\n    onChangeRef.current?.(Math.max(valueRef.current - 1, 1), { e });\n  }, []);\n\n  const handleFirst = useCallback((e: React.MouseEvent | KeyboardEvent) => {\n    onChangeRef.current?.(1, { e });\n  }, []);\n\n  const handleLast = useCallback(\n    (e: React.MouseEvent | KeyboardEvent) => {\n      onChangeRef.current?.(items, { e });\n    },\n    [items],\n  );\n\n  const [pages, refs, symbolSize] = usePaginationItems({\n    showFirstPage,\n    showLastPage,\n    items,\n    visibleCount,\n    size,\n    value: valueRef.current,\n    containerEventListener,\n    hotKeys,\n    outerMostArrows,\n    type,\n    arrows,\n    handleNext,\n    handlePrevious,\n  });\n\n  const rootRef = useForkRef([refs[4], ref]);\n\n  const renderArrow = (\n    item: PaginationPropArrow,\n    type: PaginationArrowTypes,\n    ref: React.Ref<HTMLButtonElement> | undefined,\n    hotKey: PaginationPropHotKey | undefined,\n    onClick?: React.MouseEventHandler,\n  ) => {\n    const flag =\n      type === 'first' || type === 'previous'\n        ? valueRef.current > 1\n        : valueRef.current < items;\n    const orientation =\n      type === 'first' || type === 'previous' ? 'start' : 'end';\n    if (typeof item === 'object') {\n      const { label, icon = paginationArrowIconsMap[type] } = item;\n\n      return (\n        <PaginationArrow\n          label={label}\n          icon={icon}\n          disabled={!flag}\n          size={size}\n          form={form}\n          ref={ref}\n          orientation={orientation}\n          caption={hotKey?.label}\n          onClick={onClick}\n        />\n      );\n    }\n    return (\n      <PaginationArrow\n        orientation={orientation}\n        icon={typeof item === 'function' ? item : paginationArrowIconsMap[type]}\n        disabled={!flag}\n        size={size}\n        form={form}\n        ref={ref}\n        onClick={onClick}\n      />\n    );\n  };\n\n  if (items <= 0) {\n    return null;\n  }\n\n  return (\n    <nav\n      {...otherProps}\n      className={cnPagination({ type }, [className])}\n      ref={rootRef}\n      style={{\n        ['--pagination-symbol-size' as string]: `${symbolSize}px`,\n        ...style,\n      }}\n    >\n      {(outerMostArrows?.[0] || arrows?.[0]) && (\n        <>\n          {outerMostArrows?.[0] &&\n            renderArrow(\n              outerMostArrows[0],\n              'first',\n              refs[0] as unknown as React.RefObject<HTMLButtonElement>,\n              undefined,\n              handleFirst,\n            )}\n          {arrows?.[0] &&\n            renderArrow(\n              arrows[0],\n              'previous',\n              refs[1] as unknown as React.RefObject<HTMLButtonElement>,\n              hotKeys?.[0],\n              handlePrevious,\n            )}\n        </>\n      )}\n\n      {type === 'default' ? (\n        <PaginationList\n          items={pages}\n          form={form}\n          size={size}\n          onItemClick={onItemClick}\n          value={{\n            key: valueRef.current,\n            label: valueRef.current.toString(),\n            clickable: true,\n          }}\n          getItemKey={defaultGetItemKey}\n          getItemClickable={defaultGetItemClickable}\n          getItemAs={getItemAs}\n          getItemAttributes={getItemAttributes}\n          getItemRef={getItemRef}\n        />\n      ) : (\n        <PaginationNumberInput\n          form={form}\n          size={size}\n          total={items}\n          value={valueRef.current}\n          onChange={onChange}\n          getTotalLabel={getTotalLabel}\n        />\n      )}\n      {(arrows?.[1] || outerMostArrows?.[1]) && (\n        <>\n          {arrows?.[1] &&\n            renderArrow(\n              arrows[1],\n              'next',\n              refs[2] as unknown as React.RefObject<HTMLButtonElement>,\n              hotKeys?.[1],\n              handleNext,\n            )}\n          {outerMostArrows?.[1] &&\n            renderArrow(\n              outerMostArrows[1],\n              'last',\n              refs[3] as unknown as React.RefObject<HTMLButtonElement>,\n              undefined,\n              handleLast,\n            )}\n        </>\n      )}\n      {type === 'default' && (\n        <PaginationSizeCalculateHelper refs={refs} size={size} />\n      )}\n    </nav>\n  );\n};\n\nexport const Pagination = forwardRef(PaginationRender) as PaginationComponent;\n"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
-import './PaginationArrow.css';
-import React from 'react';
-export declare const PaginationArrow: React.ForwardRefExoticComponent<{
-    icon?: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    form?: "default" | "brick" | "round" | undefined;
-    size?: "s" | "m" | "xs" | "l" | undefined;
-    disabled?: boolean | undefined;
-    orientation?: "start" | "end" | undefined;
-    label?: string | undefined;
-    caption?: string | undefined;
-} & Omit<React.HTMLAttributes<HTMLButtonElement>, "caption" | "form" | "label" | "disabled" | "size" | "css" | "icon" | "orientation"> & React.RefAttributes<HTMLButtonElement>>;
+import './PaginationArrow.css';
+import React from 'react';
+export declare const PaginationArrow: React.ForwardRefExoticComponent<{
+    icon?: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    form?: "default" | "brick" | "round" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
+    disabled?: boolean | undefined;
+    orientation?: "start" | "end" | undefined;
+    label?: string | undefined;
+    caption?: string | undefined;
+} & Omit<React.HTMLAttributes<HTMLButtonElement>, "caption" | "form" | "label" | "disabled" | "size" | "css" | "icon" | "orientation"> & React.RefAttributes<HTMLButtonElement>>;

package/__internal__/src/components/Pagination/PaginationArrow/index.d.ts

@@ -1 +1 @@
-export * from './PaginationArrow';
+export * from './PaginationArrow';

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

@@ -1,4 +1,4 @@
-import './PaginationItem.css';
-import { PaginationItemComponent } from '../types';
-export declare const cnPaginationItem: import("@bem-react/classname").ClassNameFormatter;
-export declare const PaginationItem: PaginationItemComponent;
+import './PaginationItem.css';
+import { PaginationItemComponent } from '../types';
+export declare const cnPaginationItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const PaginationItem: PaginationItemComponent;

package/__internal__/src/components/Pagination/PaginationItem/index.d.ts

@@ -1 +1 @@
-export * from './PaginationItem';
+export * from './PaginationItem';

package/__internal__/src/components/Pagination/PaginationList/PaginationList.css

@@ -1 +1 @@
-.PaginationList{display:flex;gap:var(--pagination-gap);width:-moz-max-content;width:max-content}.PaginationList-Item.Button.PaginationItem{width:calc(var(--pagination-item-label-lenght)*var(--pagination-symbol-size) + var(--pagination-item-ph)*2)}
+.PaginationList{display:flex;gap:var(--pagination-gap);width:-moz-max-content;width:max-content}.PaginationList-Item.Button.PaginationItem{width:calc(var(--pagination-item-label-length)*var(--pagination-symbol-size) + var(--pagination-item-ph)*2)}

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

@@ -1,3 +1,3 @@
-import './PaginationList.css';
-import { PaginationListComponent } from '../types';
-export declare const PaginationList: PaginationListComponent;
+import './PaginationList.css';
+import { PaginationListComponent } from '../types';
+export declare const PaginationList: PaginationListComponent;