@consta/uikit 4.6.2 → 4.6.3

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { IconPropSize } from '../../icons/Icon/Icon';
+import { IconPropSize } from '@consta/icons/Icon';
 import { TextPropSize } from '../Text/Text';
 import { ContextMenuGroupDefault, ContextMenuItemDefault, ContextMenuPropGetGroupId, ContextMenuPropGetGroupLabel, ContextMenuPropGetItemAs, ContextMenuPropGetItemAttributes, ContextMenuPropGetItemDisabled, ContextMenuPropGetItemGroupId, ContextMenuPropGetItemKey, ContextMenuPropGetItemLabel, ContextMenuPropGetItemLeftIcon, ContextMenuPropGetItemLeftSide, ContextMenuPropGetItemOnClick, ContextMenuPropGetItemRightIcon, ContextMenuPropGetItemRightSide, ContextMenuPropGetItemStatus, ContextMenuPropGetItemSubMenu, ContextMenuProps, ContextMenuPropSize, GetLevelsParams, Level, MappersGroup } from './types';
 export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuProps<ITEM, GROUP>): ({
     items: ITEM[];
-    size?: "m" | "s" | "xs" | "l" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
     direction?: "downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown" | undefined;
     offset?: import("../Popover").PopoverPropOffset | undefined;
     groups?: GROUP[] | undefined;
@@ -19,7 +19,7 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuProps<
 } & import("./types").MappersItem<ITEM> & MappersGroup<GROUP> & {
     anchorRef: import("react").RefObject<HTMLElement>;
     position?: undefined;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "size" | "direction" | "offset" | "items" | "groups" | "position" | "isOpen" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "sortGroup" | "onItemClick" | "subMenuDirection" | keyof import("./types").MappersItem<ITEM_1> | keyof MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "direction" | "offset" | "size" | "css" | "items" | "groups" | "position" | "isOpen" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "sortGroup" | "onItemClick" | "subMenuDirection" | keyof import("./types").MappersItem<ITEM_1> | keyof MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
     id: unknown;
 } ? {} : {
     getGroupId: ContextMenuPropGetGroupId<GROUP>;
@@ -45,7 +45,7 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuProps<
     getGroupLabel: ContextMenuPropGetGroupLabel<ContextMenuGroupDefault> | ContextMenuPropGetGroupLabel<GROUP>;
 }) | ({
     items: ITEM[];
-    size?: "m" | "s" | "xs" | "l" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
     direction?: "downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown" | undefined;
     offset?: import("../Popover").PopoverPropOffset | undefined;
     groups?: GROUP[] | undefined;
@@ -60,7 +60,7 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuProps<
 } & import("./types").MappersItem<ITEM> & MappersGroup<GROUP> & {
     anchorRef?: undefined;
     position: import("../Popover").Position;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "size" | "direction" | "offset" | "items" | "groups" | "position" | "isOpen" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "sortGroup" | "onItemClick" | "subMenuDirection" | keyof import("./types").MappersItem<ITEM_1> | keyof MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "direction" | "offset" | "size" | "css" | "items" | "groups" | "position" | "isOpen" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "sortGroup" | "onItemClick" | "subMenuDirection" | keyof import("./types").MappersItem<ITEM_1> | keyof MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
     id: unknown;
 } ? {} : {
     getGroupId: ContextMenuPropGetGroupId<GROUP>;

package/__internal__/src/components/ContextMenu/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["isNotNil","defaultGetItemKey","item","key","label","defaultGetItemRightSide","rightSide","defaultGetItemLeftSide","leftSide","defaultGetItemRightIcon","rightIcon","defaultGetItemLeftIcon","leftIcon","defaultGetItemStatus","status","defaultGetItemDisabled","disabled","defaultGetItemLabel","defaultGetItemOnClick","onClick","defaultGetItemSubMenu","subMenu","defaultGetItemAs","as","defaultGetItemAttributes","attributes","defaultGetItemGroupId","groupId","defaultGetGroupId","group","id","defaultGetGroupLabel","withDefaultGetters","props","getItemKey","getItemLabel","getItemRightSide","getItemLeftSide","getItemRightIcon","getItemLeftIcon","getItemSubMenu","getItemStatus","getItemDisabled","getItemOnClick","getItemAs","getItemAttributes","getItemGroupId","getGroupId","getGroupLabel","getGroup","name","findItem","params","items","subItems","subItem","getLevels","levels","map","level","filter","getItemIndex","itemIndex","sizeMapHeader","xs","s","m","l","sizeMapIcon"],"sources":["../../../../../src/components/ContextMenu/helpers.ts"],"sourcesContent":["import { IconPropSize } from '../../icons/Icon/Icon';\nimport { isNotNil } from '../../utils/type-guards';\nimport { TextPropSize } from '../Text/Text';\nimport {\n  ContextMenuGroupDefault,\n  ContextMenuItemDefault,\n  ContextMenuPropGetGroupId,\n  ContextMenuPropGetGroupLabel,\n  ContextMenuPropGetItemAs,\n  ContextMenuPropGetItemAttributes,\n  ContextMenuPropGetItemDisabled,\n  ContextMenuPropGetItemGroupId,\n  ContextMenuPropGetItemKey,\n  ContextMenuPropGetItemLabel,\n  ContextMenuPropGetItemLeftIcon,\n  ContextMenuPropGetItemLeftSide,\n  ContextMenuPropGetItemOnClick,\n  ContextMenuPropGetItemRightIcon,\n  ContextMenuPropGetItemRightSide,\n  ContextMenuPropGetItemStatus,\n  ContextMenuPropGetItemSubMenu,\n  ContextMenuProps,\n  ContextMenuPropSize,\n  GetLevelsParams,\n  Level,\n  MappersGroup,\n} from './types';\n\nconst defaultGetItemKey: ContextMenuPropGetItemKey<ContextMenuItemDefault> = (\n  item,\n) => item.key || item.label;\nconst defaultGetItemRightSide: ContextMenuPropGetItemRightSide<\n  ContextMenuItemDefault\n> = (item) => item.rightSide;\nconst defaultGetItemLeftSide: ContextMenuPropGetItemLeftSide<\n  ContextMenuItemDefault\n> = (item) => item.leftSide;\nconst defaultGetItemRightIcon: ContextMenuPropGetItemRightIcon<\n  ContextMenuItemDefault\n> = (item) => item.rightIcon;\nconst defaultGetItemLeftIcon: ContextMenuPropGetItemLeftIcon<\n  ContextMenuItemDefault\n> = (item) => item.leftIcon;\nconst defaultGetItemStatus: ContextMenuPropGetItemStatus<\n  ContextMenuItemDefault\n> = (item) => item.status;\nconst defaultGetItemDisabled: ContextMenuPropGetItemDisabled<\n  ContextMenuItemDefault\n> = (item) => item.disabled;\nconst defaultGetItemLabel: ContextMenuPropGetItemLabel<\n  ContextMenuItemDefault\n> = (item) => item.label;\nconst defaultGetItemOnClick: ContextMenuPropGetItemOnClick<\n  ContextMenuItemDefault\n> = (item) => item.onClick;\nconst defaultGetItemSubMenu: ContextMenuPropGetItemSubMenu<\n  ContextMenuItemDefault\n> = (item) => item.subMenu;\nconst defaultGetItemAs: ContextMenuPropGetItemAs<ContextMenuItemDefault> = (\n  item,\n) => item.as;\nconst defaultGetItemAttributes: ContextMenuPropGetItemAttributes<\n  ContextMenuItemDefault\n> = (item) => item.attributes;\nconst defaultGetItemGroupId: ContextMenuPropGetItemGroupId<\n  ContextMenuItemDefault\n> = (item) => item.groupId;\n\nconst defaultGetGroupId: ContextMenuPropGetGroupId<ContextMenuGroupDefault> = (\n  group,\n) => group.id;\nconst defaultGetGroupLabel: ContextMenuPropGetGroupLabel<\n  ContextMenuGroupDefault\n> = (group) => group.label;\n\nexport function withDefaultGetters<ITEM, GROUP>(\n  props: ContextMenuProps<ITEM, GROUP>,\n) {\n  return {\n    ...props,\n    getItemKey: props.getItemKey || defaultGetItemKey,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemRightSide: props.getItemRightSide || defaultGetItemRightSide,\n    getItemLeftSide: props.getItemLeftSide || defaultGetItemLeftSide,\n    getItemRightIcon: props.getItemRightIcon || defaultGetItemRightIcon,\n    getItemLeftIcon: props.getItemLeftIcon || defaultGetItemLeftIcon,\n    getItemSubMenu: props.getItemSubMenu || defaultGetItemSubMenu,\n    getItemStatus: props.getItemStatus || defaultGetItemStatus,\n    getItemDisabled: props.getItemDisabled || defaultGetItemDisabled,\n    getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n    getItemAs: props.getItemAs || defaultGetItemAs,\n    getItemAttributes: props.getItemAttributes || defaultGetItemAttributes,\n    getItemGroupId: props.getItemGroupId || defaultGetItemGroupId,\n    getGroupId: props.getGroupId || defaultGetGroupId,\n    getGroupLabel: props.getGroupLabel || defaultGetGroupLabel,\n  };\n}\n\nexport const getGroup = <GROUP>(\n  group: GROUP,\n  props: Required<MappersGroup<GROUP>>,\n) => {\n  const { getGroupId, getGroupLabel } = props;\n  return {\n    id: getGroupId(group),\n    name: getGroupLabel(group),\n  };\n};\n\nconst findItem = <ITEM>(\n  params: Omit<GetLevelsParams<ITEM>, 'levels'> & {\n    key: ContextMenuItemDefault['key'];\n  },\n): ITEM | undefined => {\n  const { items, getItemKey, getItemSubMenu, key } = params;\n  for (const item of items) {\n    if (getItemKey(item) === key) {\n      return item;\n    }\n    const subItems =\n      typeof getItemSubMenu === 'function' && getItemSubMenu(item);\n    if (subItems) {\n      const subItem = findItem({\n        items: subItems,\n        key,\n        getItemKey,\n        getItemSubMenu,\n      });\n      if (subItem) {\n        return subItem;\n      }\n    }\n  }\n  return undefined;\n};\n\nexport const getLevels = <ITEM>(\n  params: GetLevelsParams<ITEM>,\n): Level<ITEM>[] => {\n  const { levels, items, getItemKey, getItemSubMenu } = params;\n\n  return levels.map((level) => ({\n    ...level,\n    items: level.items\n      .map((item) =>\n        findItem({\n          items,\n          getItemSubMenu,\n          getItemKey,\n          key: getItemKey(item),\n        }),\n      )\n      .filter(isNotNil),\n  }));\n};\n\nexport const getItemIndex = (groupId: number | string, itemIndex: number) =>\n  `${groupId}-${itemIndex}`;\n\nexport const sizeMapHeader: Record<ContextMenuPropSize, TextPropSize> = {\n  xs: '2xs',\n  s: '2xs',\n  m: 'xs',\n  l: 's',\n};\n\nexport const sizeMapIcon: Record<ContextMenuPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 's',\n  l: 's',\n};\n"],"mappings":"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"}
+{"version":3,"file":"helpers.js","names":["isNotNil","defaultGetItemKey","item","key","label","defaultGetItemRightSide","rightSide","defaultGetItemLeftSide","leftSide","defaultGetItemRightIcon","rightIcon","defaultGetItemLeftIcon","leftIcon","defaultGetItemStatus","status","defaultGetItemDisabled","disabled","defaultGetItemLabel","defaultGetItemOnClick","onClick","defaultGetItemSubMenu","subMenu","defaultGetItemAs","as","defaultGetItemAttributes","attributes","defaultGetItemGroupId","groupId","defaultGetGroupId","group","id","defaultGetGroupLabel","withDefaultGetters","props","getItemKey","getItemLabel","getItemRightSide","getItemLeftSide","getItemRightIcon","getItemLeftIcon","getItemSubMenu","getItemStatus","getItemDisabled","getItemOnClick","getItemAs","getItemAttributes","getItemGroupId","getGroupId","getGroupLabel","getGroup","name","findItem","params","items","subItems","subItem","getLevels","levels","map","level","filter","getItemIndex","itemIndex","sizeMapHeader","xs","s","m","l","sizeMapIcon"],"sources":["../../../../../src/components/ContextMenu/helpers.ts"],"sourcesContent":["import { IconPropSize } from '@consta/icons/Icon';\n\nimport { isNotNil } from '../../utils/type-guards';\nimport { TextPropSize } from '../Text/Text';\nimport {\n  ContextMenuGroupDefault,\n  ContextMenuItemDefault,\n  ContextMenuPropGetGroupId,\n  ContextMenuPropGetGroupLabel,\n  ContextMenuPropGetItemAs,\n  ContextMenuPropGetItemAttributes,\n  ContextMenuPropGetItemDisabled,\n  ContextMenuPropGetItemGroupId,\n  ContextMenuPropGetItemKey,\n  ContextMenuPropGetItemLabel,\n  ContextMenuPropGetItemLeftIcon,\n  ContextMenuPropGetItemLeftSide,\n  ContextMenuPropGetItemOnClick,\n  ContextMenuPropGetItemRightIcon,\n  ContextMenuPropGetItemRightSide,\n  ContextMenuPropGetItemStatus,\n  ContextMenuPropGetItemSubMenu,\n  ContextMenuProps,\n  ContextMenuPropSize,\n  GetLevelsParams,\n  Level,\n  MappersGroup,\n} from './types';\n\nconst defaultGetItemKey: ContextMenuPropGetItemKey<ContextMenuItemDefault> = (\n  item,\n) => item.key || item.label;\nconst defaultGetItemRightSide: ContextMenuPropGetItemRightSide<\n  ContextMenuItemDefault\n> = (item) => item.rightSide;\nconst defaultGetItemLeftSide: ContextMenuPropGetItemLeftSide<\n  ContextMenuItemDefault\n> = (item) => item.leftSide;\nconst defaultGetItemRightIcon: ContextMenuPropGetItemRightIcon<\n  ContextMenuItemDefault\n> = (item) => item.rightIcon;\nconst defaultGetItemLeftIcon: ContextMenuPropGetItemLeftIcon<\n  ContextMenuItemDefault\n> = (item) => item.leftIcon;\nconst defaultGetItemStatus: ContextMenuPropGetItemStatus<\n  ContextMenuItemDefault\n> = (item) => item.status;\nconst defaultGetItemDisabled: ContextMenuPropGetItemDisabled<\n  ContextMenuItemDefault\n> = (item) => item.disabled;\nconst defaultGetItemLabel: ContextMenuPropGetItemLabel<\n  ContextMenuItemDefault\n> = (item) => item.label;\nconst defaultGetItemOnClick: ContextMenuPropGetItemOnClick<\n  ContextMenuItemDefault\n> = (item) => item.onClick;\nconst defaultGetItemSubMenu: ContextMenuPropGetItemSubMenu<\n  ContextMenuItemDefault\n> = (item) => item.subMenu;\nconst defaultGetItemAs: ContextMenuPropGetItemAs<ContextMenuItemDefault> = (\n  item,\n) => item.as;\nconst defaultGetItemAttributes: ContextMenuPropGetItemAttributes<\n  ContextMenuItemDefault\n> = (item) => item.attributes;\nconst defaultGetItemGroupId: ContextMenuPropGetItemGroupId<\n  ContextMenuItemDefault\n> = (item) => item.groupId;\n\nconst defaultGetGroupId: ContextMenuPropGetGroupId<ContextMenuGroupDefault> = (\n  group,\n) => group.id;\nconst defaultGetGroupLabel: ContextMenuPropGetGroupLabel<\n  ContextMenuGroupDefault\n> = (group) => group.label;\n\nexport function withDefaultGetters<ITEM, GROUP>(\n  props: ContextMenuProps<ITEM, GROUP>,\n) {\n  return {\n    ...props,\n    getItemKey: props.getItemKey || defaultGetItemKey,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemRightSide: props.getItemRightSide || defaultGetItemRightSide,\n    getItemLeftSide: props.getItemLeftSide || defaultGetItemLeftSide,\n    getItemRightIcon: props.getItemRightIcon || defaultGetItemRightIcon,\n    getItemLeftIcon: props.getItemLeftIcon || defaultGetItemLeftIcon,\n    getItemSubMenu: props.getItemSubMenu || defaultGetItemSubMenu,\n    getItemStatus: props.getItemStatus || defaultGetItemStatus,\n    getItemDisabled: props.getItemDisabled || defaultGetItemDisabled,\n    getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n    getItemAs: props.getItemAs || defaultGetItemAs,\n    getItemAttributes: props.getItemAttributes || defaultGetItemAttributes,\n    getItemGroupId: props.getItemGroupId || defaultGetItemGroupId,\n    getGroupId: props.getGroupId || defaultGetGroupId,\n    getGroupLabel: props.getGroupLabel || defaultGetGroupLabel,\n  };\n}\n\nexport const getGroup = <GROUP>(\n  group: GROUP,\n  props: Required<MappersGroup<GROUP>>,\n) => {\n  const { getGroupId, getGroupLabel } = props;\n  return {\n    id: getGroupId(group),\n    name: getGroupLabel(group),\n  };\n};\n\nconst findItem = <ITEM>(\n  params: Omit<GetLevelsParams<ITEM>, 'levels'> & {\n    key: ContextMenuItemDefault['key'];\n  },\n): ITEM | undefined => {\n  const { items, getItemKey, getItemSubMenu, key } = params;\n  for (const item of items) {\n    if (getItemKey(item) === key) {\n      return item;\n    }\n    const subItems =\n      typeof getItemSubMenu === 'function' && getItemSubMenu(item);\n    if (subItems) {\n      const subItem = findItem({\n        items: subItems,\n        key,\n        getItemKey,\n        getItemSubMenu,\n      });\n      if (subItem) {\n        return subItem;\n      }\n    }\n  }\n  return undefined;\n};\n\nexport const getLevels = <ITEM>(\n  params: GetLevelsParams<ITEM>,\n): Level<ITEM>[] => {\n  const { levels, items, getItemKey, getItemSubMenu } = params;\n\n  return levels.map((level) => ({\n    ...level,\n    items: level.items\n      .map((item) =>\n        findItem({\n          items,\n          getItemSubMenu,\n          getItemKey,\n          key: getItemKey(item),\n        }),\n      )\n      .filter(isNotNil),\n  }));\n};\n\nexport const getItemIndex = (groupId: number | string, itemIndex: number) =>\n  `${groupId}-${itemIndex}`;\n\nexport const sizeMapHeader: Record<ContextMenuPropSize, TextPropSize> = {\n  xs: '2xs',\n  s: '2xs',\n  m: 'xs',\n  l: 's',\n};\n\nexport const sizeMapIcon: Record<ContextMenuPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 's',\n  l: 's',\n};\n"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import { IconComponent } from '@consta/icons/Icon';
 import { ClickOutsideHandler } from '../../hooks/useClickOutside/useClickOutside';
-import { IconComponent } from '../../icons/Icon/Icon';
 import { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 import { Direction, PopoverPropOffset, Position } from '../Popover/Popover';

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["contextMenuSizes","contextMenuDefaultSize","contextMenuStatus","contextMenuDefaultStatus","contextMenuPropSubMenuDirections","contextMenuPropDefaultSubMenuDirection"],"sources":["../../../../../src/components/ContextMenu/types.ts"],"sourcesContent":["import { ClickOutsideHandler } from '../../hooks/useClickOutside/useClickOutside';\nimport { IconComponent } from '../../icons/Icon/Icon';\nimport { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Direction, PopoverPropOffset, Position } from '../Popover/Popover';\n\nexport const contextMenuSizes = ['m', 'xs', 's', 'l'] as const;\nexport type ContextMenuPropSize = typeof contextMenuSizes[number];\nexport const contextMenuDefaultSize: ContextMenuPropSize = contextMenuSizes[0];\n\nexport const contextMenuStatus = ['alert', 'success', 'warning'] as const;\nexport type ContextMenuStatus = typeof contextMenuStatus[number];\nexport const contextMenuDefaultStatus: ContextMenuStatus = contextMenuStatus[0];\n\nexport const contextMenuPropSubMenuDirections = [\n  'rightStartUp',\n  'rightStartDown',\n  'leftStartUp',\n  'leftStartDown',\n] as const;\nexport type ContextMenuPropSubMenuDirection =\n  typeof contextMenuPropSubMenuDirections[number];\nexport const contextMenuPropDefaultSubMenuDirection: ContextMenuPropSubMenuDirection =\n  contextMenuPropSubMenuDirections[0];\n\nexport type ContextMenuPropOnClick<ITEM> = (params: {\n  e: React.MouseEvent<HTMLDivElement>;\n  item: ITEM;\n}) => void;\n\nexport type ContextMenuGroupDefault = {\n  label?: string;\n  id: number;\n};\n\nexport type ContextMenuItemDefault = {\n  label: string | number;\n  key?: string | number;\n  rightSide?: React.ReactNode;\n  rightIcon?: IconComponent;\n  leftSide?: React.ReactNode;\n  leftIcon?: IconComponent;\n  subMenu?: ContextMenuItemDefault[];\n  status?: ContextMenuStatus;\n  disabled?: boolean;\n  groupId?: number;\n  onClick?: ContextMenuPropOnClick<ContextMenuItemDefault>;\n  as?: keyof JSX.IntrinsicElements;\n  attributes?: JSX.IntrinsicElements[keyof JSX.IntrinsicElements];\n};\n\nexport type ContextMenuPropSortGroup = (\n  a: string | number,\n  b: string | number,\n) => number;\n\nexport type ContextMenuPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\nexport type ContextMenuPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\nexport type ContextMenuPropGetItemLeftSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\nexport type ContextMenuPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\nexport type ContextMenuPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => ContextMenuStatus | undefined;\nexport type ContextMenuPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type ContextMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => ContextMenuPropOnClick<ITEM> | undefined;\nexport type ContextMenuPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type ContextMenuPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => keyof JSX.IntrinsicElements | undefined;\nexport type ContextMenuPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => JSX.IntrinsicElements[keyof JSX.IntrinsicElements] | undefined;\nexport type ContextMenuPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => number | undefined;\nexport type ContextMenuPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type ContextMenuPropGetItemLeftIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ContextMenuPropGetGroupLabel<GROUP> = (\n  group: GROUP,\n) => string | undefined;\nexport type ContextMenuPropGetGroupId<GROUP> = (group: GROUP) => number;\n\ntype PositioningProps =\n  | {\n      anchorRef: React.RefObject<HTMLElement>;\n      position?: never;\n    }\n  | {\n      anchorRef?: never;\n      position: Position;\n    };\n\nexport type MappersItem<ITEM> = {\n  getItemLabel?: ContextMenuPropGetItemLabel<ITEM>;\n  getItemRightSide?: ContextMenuPropGetItemRightSide<ITEM>;\n  getItemLeftSide?: ContextMenuPropGetItemLeftSide<ITEM>;\n  getItemSubMenu?: ContextMenuPropGetItemSubMenu<ITEM>;\n  getItemStatus?: ContextMenuPropGetItemStatus<ITEM>;\n  getItemDisabled?: ContextMenuPropGetItemDisabled<ITEM>;\n  getItemKey?: ContextMenuPropGetItemKey<ITEM>;\n  getItemOnClick?: ContextMenuPropGetItemOnClick<ITEM>;\n  getItemAs?: ContextMenuPropGetItemAs<ITEM>;\n  getItemAttributes?: ContextMenuPropGetItemAttributes<ITEM>;\n  getItemGroupId?: ContextMenuPropGetItemGroupId<ITEM>;\n  getItemLeftIcon?: ContextMenuPropGetItemLeftIcon<ITEM>;\n  getItemRightIcon?: ContextMenuPropGetItemRightIcon<ITEM>;\n};\n\nexport type MappersGroup<GROUP> = {\n  getGroupLabel?: ContextMenuPropGetGroupLabel<GROUP>;\n  getGroupId?: ContextMenuPropGetGroupId<GROUP>;\n};\n\nexport type Level<ITEM> = {\n  items: ITEM[];\n  activeItem?: string;\n  direction?: Direction;\n  possibleDirections?: readonly Direction[];\n  offset?: PopoverPropOffset;\n} & PositioningProps;\n\nexport type AddLevel<ITEM> = (params: {\n  level: number;\n  items: ITEM[];\n  anchorRef?: React.RefObject<HTMLElement>;\n  activeItem: string;\n}) => void;\n\nexport type ContextMenuProps<\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    size?: ContextMenuPropSize;\n    direction?: Direction;\n    offset?: PopoverPropOffset;\n    groups?: GROUP[];\n    sortGroup?: ContextMenuPropSortGroup;\n    onItemClick?: ContextMenuPropOnClick<ITEM>;\n    possibleDirections?: readonly Direction[];\n    subMenuDirection?: ContextMenuPropSubMenuDirection;\n    spareDirection?: Direction;\n    onSetDirection?: (direction: Direction) => void;\n    onClickOutside?: ClickOutsideHandler;\n    isOpen?: boolean;\n  } & MappersItem<ITEM> &\n    MappersGroup<GROUP> &\n    PositioningProps,\n  HTMLDivElement\n> &\n  (GROUP extends { id: ContextMenuGroupDefault['id'] | unknown }\n    ? {}\n    : { getGroupId: ContextMenuPropGetGroupId<GROUP> }) &\n  (ITEM extends { label: ContextMenuItemDefault['label'] }\n    ? {}\n    : { getItemLabel: ContextMenuPropGetItemLabel<ITEM> });\n\nexport type ContextMenuComponent = <\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n>(\n  props: ContextMenuProps<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nexport type ContextMenuLevelProps<ITEM, GROUP> = Omit<\n  ContextMenuProps<ITEM, GROUP>,\n  | 'subMenuDirection'\n  | 'onClickOutside'\n  | keyof MappersItem<ITEM>\n  | keyof MappersGroup<GROUP>\n> & {\n  levelDepth: number;\n  addLevel: AddLevel<ITEM>;\n  deleteLevel: (level: number) => void;\n  activeItem?: string;\n  onSetDirection?: (direction: Direction) => void;\n  hoveredParenLevel: number;\n  setHoveredParenLevel: (level: number) => void;\n} & Required<MappersItem<ITEM>> &\n  Required<MappersGroup<GROUP>>;\n\nexport type ContextMenuLevelComponent = <ITEM, GROUP>(\n  props: ContextMenuLevelProps<ITEM, GROUP>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\nexport type ContextMenuItemProps<\n  AS extends keyof JSX.IntrinsicElements = 'div',\n> = PropsWithAsAttributes<\n  Omit<ContextMenuItemDefault, 'onClick' | 'attributes' | 'key'> & {\n    size?: ContextMenuPropSize;\n    active: boolean;\n    withSubMenu: boolean;\n  },\n  AS\n> &\n  React.RefAttributes<HTMLDivElement>;\n\nexport type ContextMenuItemComponent = <\n  AS extends keyof JSX.IntrinsicElements = 'div',\n>(\n  props: ContextMenuItemProps<AS>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\nexport type GetLevelsParams<ITEM> = {\n  levels: Level<ITEM>[];\n  items: ITEM[];\n  getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;\n  getItemKey: ContextMenuPropGetItemKey<ITEM>;\n};\n"],"mappings":"AAMA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAGD,gBAAgB,CAAC,CAAD,CAApE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,iCAAgC,CAAG,CAC9C,cAD8C,CAE9C,gBAF8C,CAG9C,aAH8C,CAI9C,eAJ8C,CAAzC,CAQP,MAAO,IAAMC,uCAAuE,CAClFD,gCAAgC,CAAC,CAAD,CAD3B"}
+{"version":3,"file":"types.js","names":["contextMenuSizes","contextMenuDefaultSize","contextMenuStatus","contextMenuDefaultStatus","contextMenuPropSubMenuDirections","contextMenuPropDefaultSubMenuDirection"],"sources":["../../../../../src/components/ContextMenu/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { ClickOutsideHandler } from '../../hooks/useClickOutside/useClickOutside';\nimport { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Direction, PopoverPropOffset, Position } from '../Popover/Popover';\n\nexport const contextMenuSizes = ['m', 'xs', 's', 'l'] as const;\nexport type ContextMenuPropSize = typeof contextMenuSizes[number];\nexport const contextMenuDefaultSize: ContextMenuPropSize = contextMenuSizes[0];\n\nexport const contextMenuStatus = ['alert', 'success', 'warning'] as const;\nexport type ContextMenuStatus = typeof contextMenuStatus[number];\nexport const contextMenuDefaultStatus: ContextMenuStatus = contextMenuStatus[0];\n\nexport const contextMenuPropSubMenuDirections = [\n  'rightStartUp',\n  'rightStartDown',\n  'leftStartUp',\n  'leftStartDown',\n] as const;\nexport type ContextMenuPropSubMenuDirection =\n  typeof contextMenuPropSubMenuDirections[number];\nexport const contextMenuPropDefaultSubMenuDirection: ContextMenuPropSubMenuDirection =\n  contextMenuPropSubMenuDirections[0];\n\nexport type ContextMenuPropOnClick<ITEM> = (params: {\n  e: React.MouseEvent<HTMLDivElement>;\n  item: ITEM;\n}) => void;\n\nexport type ContextMenuGroupDefault = {\n  label?: string;\n  id: number;\n};\n\nexport type ContextMenuItemDefault = {\n  label: string | number;\n  key?: string | number;\n  rightSide?: React.ReactNode;\n  rightIcon?: IconComponent;\n  leftSide?: React.ReactNode;\n  leftIcon?: IconComponent;\n  subMenu?: ContextMenuItemDefault[];\n  status?: ContextMenuStatus;\n  disabled?: boolean;\n  groupId?: number;\n  onClick?: ContextMenuPropOnClick<ContextMenuItemDefault>;\n  as?: keyof JSX.IntrinsicElements;\n  attributes?: JSX.IntrinsicElements[keyof JSX.IntrinsicElements];\n};\n\nexport type ContextMenuPropSortGroup = (\n  a: string | number,\n  b: string | number,\n) => number;\n\nexport type ContextMenuPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\nexport type ContextMenuPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\nexport type ContextMenuPropGetItemLeftSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\nexport type ContextMenuPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\nexport type ContextMenuPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => ContextMenuStatus | undefined;\nexport type ContextMenuPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type ContextMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => ContextMenuPropOnClick<ITEM> | undefined;\nexport type ContextMenuPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type ContextMenuPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => keyof JSX.IntrinsicElements | undefined;\nexport type ContextMenuPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => JSX.IntrinsicElements[keyof JSX.IntrinsicElements] | undefined;\nexport type ContextMenuPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => number | undefined;\nexport type ContextMenuPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type ContextMenuPropGetItemLeftIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ContextMenuPropGetGroupLabel<GROUP> = (\n  group: GROUP,\n) => string | undefined;\nexport type ContextMenuPropGetGroupId<GROUP> = (group: GROUP) => number;\n\ntype PositioningProps =\n  | {\n      anchorRef: React.RefObject<HTMLElement>;\n      position?: never;\n    }\n  | {\n      anchorRef?: never;\n      position: Position;\n    };\n\nexport type MappersItem<ITEM> = {\n  getItemLabel?: ContextMenuPropGetItemLabel<ITEM>;\n  getItemRightSide?: ContextMenuPropGetItemRightSide<ITEM>;\n  getItemLeftSide?: ContextMenuPropGetItemLeftSide<ITEM>;\n  getItemSubMenu?: ContextMenuPropGetItemSubMenu<ITEM>;\n  getItemStatus?: ContextMenuPropGetItemStatus<ITEM>;\n  getItemDisabled?: ContextMenuPropGetItemDisabled<ITEM>;\n  getItemKey?: ContextMenuPropGetItemKey<ITEM>;\n  getItemOnClick?: ContextMenuPropGetItemOnClick<ITEM>;\n  getItemAs?: ContextMenuPropGetItemAs<ITEM>;\n  getItemAttributes?: ContextMenuPropGetItemAttributes<ITEM>;\n  getItemGroupId?: ContextMenuPropGetItemGroupId<ITEM>;\n  getItemLeftIcon?: ContextMenuPropGetItemLeftIcon<ITEM>;\n  getItemRightIcon?: ContextMenuPropGetItemRightIcon<ITEM>;\n};\n\nexport type MappersGroup<GROUP> = {\n  getGroupLabel?: ContextMenuPropGetGroupLabel<GROUP>;\n  getGroupId?: ContextMenuPropGetGroupId<GROUP>;\n};\n\nexport type Level<ITEM> = {\n  items: ITEM[];\n  activeItem?: string;\n  direction?: Direction;\n  possibleDirections?: readonly Direction[];\n  offset?: PopoverPropOffset;\n} & PositioningProps;\n\nexport type AddLevel<ITEM> = (params: {\n  level: number;\n  items: ITEM[];\n  anchorRef?: React.RefObject<HTMLElement>;\n  activeItem: string;\n}) => void;\n\nexport type ContextMenuProps<\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    size?: ContextMenuPropSize;\n    direction?: Direction;\n    offset?: PopoverPropOffset;\n    groups?: GROUP[];\n    sortGroup?: ContextMenuPropSortGroup;\n    onItemClick?: ContextMenuPropOnClick<ITEM>;\n    possibleDirections?: readonly Direction[];\n    subMenuDirection?: ContextMenuPropSubMenuDirection;\n    spareDirection?: Direction;\n    onSetDirection?: (direction: Direction) => void;\n    onClickOutside?: ClickOutsideHandler;\n    isOpen?: boolean;\n  } & MappersItem<ITEM> &\n    MappersGroup<GROUP> &\n    PositioningProps,\n  HTMLDivElement\n> &\n  (GROUP extends { id: ContextMenuGroupDefault['id'] | unknown }\n    ? {}\n    : { getGroupId: ContextMenuPropGetGroupId<GROUP> }) &\n  (ITEM extends { label: ContextMenuItemDefault['label'] }\n    ? {}\n    : { getItemLabel: ContextMenuPropGetItemLabel<ITEM> });\n\nexport type ContextMenuComponent = <\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n>(\n  props: ContextMenuProps<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nexport type ContextMenuLevelProps<ITEM, GROUP> = Omit<\n  ContextMenuProps<ITEM, GROUP>,\n  | 'subMenuDirection'\n  | 'onClickOutside'\n  | keyof MappersItem<ITEM>\n  | keyof MappersGroup<GROUP>\n> & {\n  levelDepth: number;\n  addLevel: AddLevel<ITEM>;\n  deleteLevel: (level: number) => void;\n  activeItem?: string;\n  onSetDirection?: (direction: Direction) => void;\n  hoveredParenLevel: number;\n  setHoveredParenLevel: (level: number) => void;\n} & Required<MappersItem<ITEM>> &\n  Required<MappersGroup<GROUP>>;\n\nexport type ContextMenuLevelComponent = <ITEM, GROUP>(\n  props: ContextMenuLevelProps<ITEM, GROUP>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\nexport type ContextMenuItemProps<\n  AS extends keyof JSX.IntrinsicElements = 'div',\n> = PropsWithAsAttributes<\n  Omit<ContextMenuItemDefault, 'onClick' | 'attributes' | 'key'> & {\n    size?: ContextMenuPropSize;\n    active: boolean;\n    withSubMenu: boolean;\n  },\n  AS\n> &\n  React.RefAttributes<HTMLDivElement>;\n\nexport type ContextMenuItemComponent = <\n  AS extends keyof JSX.IntrinsicElements = 'div',\n>(\n  props: ContextMenuItemProps<AS>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\nexport type GetLevelsParams<ITEM> = {\n  levels: Level<ITEM>[];\n  items: ITEM[];\n  getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;\n  getItemKey: ContextMenuPropGetItemKey<ITEM>;\n};\n"],"mappings":"AAOA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAGD,gBAAgB,CAAC,CAAD,CAApE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,iCAAgC,CAAG,CAC9C,cAD8C,CAE9C,gBAF8C,CAG9C,aAH8C,CAI9C,eAJ8C,CAAzC,CAQP,MAAO,IAAMC,uCAAuE,CAClFD,gCAAgC,CAAC,CAAD,CAD3B"}

package/__internal__/src/components/ContextMenuDeprecated/ContextMenuItem/ContextMenuItem.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["label","rightSide","leftSide","size","active","withSubMenu","accent","disabled","as","className"];import"./ContextMenuItem.css";import React,{forwardRef}from"react";import{IconArrowRight}from"../../../icons/IconArrowRight/IconArrowRight";import{cn}from"../../../utils/bem";import{Text}from"../../Text/Text";import{contextMenuDefaultSize}from"../helpers";export var cnContextMenuItem=cn("ContextMenuItemDeprecated");function renderSide(a,b,c){var d=a?_toConsumableArray(Array.isArray(a)?a:[a]):[];c&&d.push(React.createElement(IconArrowRight,{size:"xs",view:"secondary"}));var e=d.map(function(a,c){return React.createElement("div",{className:cnContextMenuItem("Side",{position:b}),key:c},a)});return e}export var ContextMenuItem=forwardRef(function(a,b){var c=a.label,d=a.rightSide,e=a.leftSide,f=a.size,g=void 0===f?contextMenuDefaultSize:f,h=a.active,i=a.withSubMenu,j=a.accent,k=a.disabled,l=a.as,m=void 0===l?"div":l,n=a.className,o=_objectWithoutProperties(a,_excluded),p=(k?void 0:j)||"primary";return React.createElement(Text,Object.assign({},o,{className:cnContextMenuItem({size:g,active:h,disabled:k},[n]),ref:b,size:g,view:p,lineHeight:"xs",as:m}),renderSide(e,"left",!1),d||e||i?React.createElement("div",{className:cnContextMenuItem("Side",{position:"center"})},c):c,renderSide(d,"right",i))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["label","rightSide","leftSide","size","active","withSubMenu","accent","disabled","as","className"];import"./ContextMenuItem.css";import{IconArrowRight}from"@consta/icons/IconArrowRight";import React,{forwardRef}from"react";import{cn}from"../../../utils/bem";import{Text}from"../../Text/Text";import{contextMenuDefaultSize}from"../helpers";export var cnContextMenuItem=cn("ContextMenuItemDeprecated");function renderSide(a,b,c){var d=a?_toConsumableArray(Array.isArray(a)?a:[a]):[];c&&d.push(React.createElement(IconArrowRight,{size:"xs",view:"secondary"}));var e=d.map(function(a,c){return React.createElement("div",{className:cnContextMenuItem("Side",{position:b}),key:c},a)});return e}export var ContextMenuItem=forwardRef(function(a,b){var c=a.label,d=a.rightSide,e=a.leftSide,f=a.size,g=void 0===f?contextMenuDefaultSize:f,h=a.active,i=a.withSubMenu,j=a.accent,k=a.disabled,l=a.as,m=void 0===l?"div":l,n=a.className,o=_objectWithoutProperties(a,_excluded),p=(k?void 0:j)||"primary";return React.createElement(Text,Object.assign({},o,{className:cnContextMenuItem({size:g,active:h,disabled:k},[n]),ref:b,size:g,view:p,lineHeight:"xs",as:m}),renderSide(e,"left",!1),d||e||i?React.createElement("div",{className:cnContextMenuItem("Side",{position:"center"})},c):c,renderSide(d,"right",i))});
 //# sourceMappingURL=ContextMenuItem.js.map

package/__internal__/src/components/ContextMenuDeprecated/ContextMenuItem/ContextMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuItem.js","names":["React","forwardRef","IconArrowRight","cn","Text","contextMenuDefaultSize","cnContextMenuItem","renderSide","side","position","withArrow","sides","Array","isArray","push","sidesRender","map","item","index","ContextMenuItem","props","ref","label","rightSide","leftSide","size","active","withSubMenu","accent","disabled","as","className","otherProps","view"],"sources":["../../../../../../src/components/ContextMenuDeprecated/ContextMenuItem/ContextMenuItem.tsx"],"sourcesContent":["import './ContextMenuItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { IconArrowRight } from '../../../icons/IconArrowRight/IconArrowRight';\nimport { cn } from '../../../utils/bem';\nimport { Text } from '../../Text/Text';\nimport {\n  contextMenuDefaultSize,\n  ContextMenuItemComponent,\n  ContextMenuItemProps,\n} from '../helpers';\n\nexport const cnContextMenuItem = cn('ContextMenuItemDeprecated');\n\nfunction renderSide(\n  side: React.ReactNode,\n  position: 'left' | 'right',\n  withArrow: boolean,\n): React.ReactNode {\n  const sides = side ? [...(Array.isArray(side) ? side : [side])] : [];\n  if (withArrow) {\n    sides.push(<IconArrowRight size=\"xs\" view=\"secondary\" />);\n  }\n  const sidesRender: React.ReactNode[] = sides.map((item, index) => (\n    <div\n      className={cnContextMenuItem('Side', {\n        position,\n      })}\n      key={index}\n    >\n      {item}\n    </div>\n  ));\n\n  return sidesRender;\n}\n\nexport const ContextMenuItem: ContextMenuItemComponent = forwardRef(\n  (props: ContextMenuItemProps, ref: React.Ref<HTMLDivElement>) => {\n    const {\n      label,\n      rightSide,\n      leftSide,\n      size = contextMenuDefaultSize,\n      active,\n      withSubMenu,\n      accent,\n      disabled,\n      as = 'div',\n      className,\n      ...otherProps\n    } = props;\n    const view = (disabled ? undefined : accent) || 'primary';\n\n    return (\n      <Text\n        {...otherProps}\n        className={cnContextMenuItem({ size, active, disabled }, [className])}\n        ref={ref}\n        size={size}\n        view={view}\n        lineHeight=\"xs\"\n        as={as}\n      >\n        {renderSide(leftSide, 'left', false)}\n        {!rightSide && !leftSide && !withSubMenu ? (\n          label\n        ) : (\n          <div className={cnContextMenuItem('Side', { position: 'center' })}>\n            {label}\n          </div>\n        )}\n        {renderSide(rightSide, 'right', withSubMenu)}\n      </Text>\n    );\n  },\n) as ContextMenuItemComponent;\n"],"mappings":"gRAAA,8BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,cAAT,oDACA,OAASC,EAAT,0BACA,OAASC,IAAT,uBACA,OACEC,sBADF,kBAMA,MAAO,IAAMC,kBAAiB,CAAGH,EAAE,CAAC,2BAAD,CAA5B,CAEP,QAASI,WAAT,CACEC,CADF,CAEEC,CAFF,CAGEC,CAHF,CAImB,CACjB,GAAMC,EAAK,CAAGH,CAAI,oBAAQI,KAAK,CAACC,OAAN,CAAcL,CAAd,EAAsBA,CAAtB,CAA6B,CAACA,CAAD,CAArC,EAAgD,EAAlE,CACIE,CAFa,EAGfC,CAAK,CAACG,IAAN,CAAW,oBAAC,cAAD,EAAgB,IAAI,CAAC,IAArB,CAA0B,IAAI,CAAC,WAA/B,EAAX,CAHe,CAKjB,GAAMC,EAA8B,CAAGJ,CAAK,CAACK,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,QAC/C,4BACE,SAAS,CAAEZ,iBAAiB,CAAC,MAAD,CAAS,CACnCG,QAAQ,CAARA,CADmC,CAAT,CAD9B,CAIE,GAAG,CAAES,CAJP,EAMGD,CANH,CAD+C,CAAV,CAAvC,CAWA,MAAOF,EACR,CAED,MAAO,IAAMI,gBAAyC,CAAGlB,UAAU,CACjE,SAACmB,CAAD,CAA8BC,CAA9B,CAAiE,IAE7DC,EAF6D,CAa3DF,CAb2D,CAE7DE,KAF6D,CAG7DC,CAH6D,CAa3DH,CAb2D,CAG7DG,SAH6D,CAI7DC,CAJ6D,CAa3DJ,CAb2D,CAI7DI,QAJ6D,GAa3DJ,CAb2D,CAK7DK,IAL6D,CAK7DA,CAL6D,YAKtDpB,sBALsD,GAM7DqB,CAN6D,CAa3DN,CAb2D,CAM7DM,MAN6D,CAO7DC,CAP6D,CAa3DP,CAb2D,CAO7DO,WAP6D,CAQ7DC,CAR6D,CAa3DR,CAb2D,CAQ7DQ,MAR6D,CAS7DC,CAT6D,CAa3DT,CAb2D,CAS7DS,QAT6D,GAa3DT,CAb2D,CAU7DU,EAV6D,CAU7DA,CAV6D,YAUxD,KAVwD,GAW7DC,CAX6D,CAa3DX,CAb2D,CAW7DW,SAX6D,CAY1DC,CAZ0D,0BAa3DZ,CAb2D,YAczDa,CAAI,CAAG,CAACJ,CAAQ,QAAeD,CAAxB,GAAmC,SAde,CAgB/D,MACE,qBAAC,IAAD,kBACMI,CADN,EAEE,SAAS,CAAE1B,iBAAiB,CAAC,CAAEmB,IAAI,CAAJA,CAAF,CAAQC,MAAM,CAANA,CAAR,CAAgBG,QAAQ,CAARA,CAAhB,CAAD,CAA6B,CAACE,CAAD,CAA7B,CAF9B,CAGE,GAAG,CAAEV,CAHP,CAIE,IAAI,CAAEI,CAJR,CAKE,IAAI,CAAEQ,CALR,CAME,UAAU,CAAC,IANb,CAOE,EAAE,CAAEH,CAPN,GASGvB,UAAU,CAACiB,CAAD,CAAW,MAAX,IATb,CAUID,CAAD,EAAeC,CAAf,EAA4BG,CAA5B,CAGC,2BAAK,SAAS,CAAErB,iBAAiB,CAAC,MAAD,CAAS,CAAEG,QAAQ,CAAE,QAAZ,CAAT,CAAjC,EACGa,CADH,CAHD,CACCA,CAXJ,CAiBGf,UAAU,CAACgB,CAAD,CAAY,OAAZ,CAAqBI,CAArB,CAjBb,CAoBH,CAtCgE,CAA5D"}
+{"version":3,"file":"ContextMenuItem.js","names":["IconArrowRight","React","forwardRef","cn","Text","contextMenuDefaultSize","cnContextMenuItem","renderSide","side","position","withArrow","sides","Array","isArray","push","sidesRender","map","item","index","ContextMenuItem","props","ref","label","rightSide","leftSide","size","active","withSubMenu","accent","disabled","as","className","otherProps","view"],"sources":["../../../../../../src/components/ContextMenuDeprecated/ContextMenuItem/ContextMenuItem.tsx"],"sourcesContent":["import './ContextMenuItem.css';\n\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { Text } from '../../Text/Text';\nimport {\n  contextMenuDefaultSize,\n  ContextMenuItemComponent,\n  ContextMenuItemProps,\n} from '../helpers';\n\nexport const cnContextMenuItem = cn('ContextMenuItemDeprecated');\n\nfunction renderSide(\n  side: React.ReactNode,\n  position: 'left' | 'right',\n  withArrow: boolean,\n): React.ReactNode {\n  const sides = side ? [...(Array.isArray(side) ? side : [side])] : [];\n  if (withArrow) {\n    sides.push(<IconArrowRight size=\"xs\" view=\"secondary\" />);\n  }\n  const sidesRender: React.ReactNode[] = sides.map((item, index) => (\n    <div\n      className={cnContextMenuItem('Side', {\n        position,\n      })}\n      key={index}\n    >\n      {item}\n    </div>\n  ));\n\n  return sidesRender;\n}\n\nexport const ContextMenuItem: ContextMenuItemComponent = forwardRef(\n  (props: ContextMenuItemProps, ref: React.Ref<HTMLDivElement>) => {\n    const {\n      label,\n      rightSide,\n      leftSide,\n      size = contextMenuDefaultSize,\n      active,\n      withSubMenu,\n      accent,\n      disabled,\n      as = 'div',\n      className,\n      ...otherProps\n    } = props;\n    const view = (disabled ? undefined : accent) || 'primary';\n\n    return (\n      <Text\n        {...otherProps}\n        className={cnContextMenuItem({ size, active, disabled }, [className])}\n        ref={ref}\n        size={size}\n        view={view}\n        lineHeight=\"xs\"\n        as={as}\n      >\n        {renderSide(leftSide, 'left', false)}\n        {!rightSide && !leftSide && !withSubMenu ? (\n          label\n        ) : (\n          <div className={cnContextMenuItem('Side', { position: 'center' })}>\n            {label}\n          </div>\n        )}\n        {renderSide(rightSide, 'right', withSubMenu)}\n      </Text>\n    );\n  },\n) as ContextMenuItemComponent;\n"],"mappings":"gRAAA,8BAEA,OAASA,cAAT,KAA+B,8BAA/B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,0BACA,OAASC,IAAT,uBACA,OACEC,sBADF,kBAMA,MAAO,IAAMC,kBAAiB,CAAGH,EAAE,CAAC,2BAAD,CAA5B,CAEP,QAASI,WAAT,CACEC,CADF,CAEEC,CAFF,CAGEC,CAHF,CAImB,CACjB,GAAMC,EAAK,CAAGH,CAAI,oBAAQI,KAAK,CAACC,OAAN,CAAcL,CAAd,EAAsBA,CAAtB,CAA6B,CAACA,CAAD,CAArC,EAAgD,EAAlE,CACIE,CAFa,EAGfC,CAAK,CAACG,IAAN,CAAW,oBAAC,cAAD,EAAgB,IAAI,CAAC,IAArB,CAA0B,IAAI,CAAC,WAA/B,EAAX,CAHe,CAKjB,GAAMC,EAA8B,CAAGJ,CAAK,CAACK,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,QAC/C,4BACE,SAAS,CAAEZ,iBAAiB,CAAC,MAAD,CAAS,CACnCG,QAAQ,CAARA,CADmC,CAAT,CAD9B,CAIE,GAAG,CAAES,CAJP,EAMGD,CANH,CAD+C,CAAV,CAAvC,CAWA,MAAOF,EACR,CAED,MAAO,IAAMI,gBAAyC,CAAGjB,UAAU,CACjE,SAACkB,CAAD,CAA8BC,CAA9B,CAAiE,IAE7DC,EAF6D,CAa3DF,CAb2D,CAE7DE,KAF6D,CAG7DC,CAH6D,CAa3DH,CAb2D,CAG7DG,SAH6D,CAI7DC,CAJ6D,CAa3DJ,CAb2D,CAI7DI,QAJ6D,GAa3DJ,CAb2D,CAK7DK,IAL6D,CAK7DA,CAL6D,YAKtDpB,sBALsD,GAM7DqB,CAN6D,CAa3DN,CAb2D,CAM7DM,MAN6D,CAO7DC,CAP6D,CAa3DP,CAb2D,CAO7DO,WAP6D,CAQ7DC,CAR6D,CAa3DR,CAb2D,CAQ7DQ,MAR6D,CAS7DC,CAT6D,CAa3DT,CAb2D,CAS7DS,QAT6D,GAa3DT,CAb2D,CAU7DU,EAV6D,CAU7DA,CAV6D,YAUxD,KAVwD,GAW7DC,CAX6D,CAa3DX,CAb2D,CAW7DW,SAX6D,CAY1DC,CAZ0D,0BAa3DZ,CAb2D,YAczDa,CAAI,CAAG,CAACJ,CAAQ,QAAeD,CAAxB,GAAmC,SAde,CAgB/D,MACE,qBAAC,IAAD,kBACMI,CADN,EAEE,SAAS,CAAE1B,iBAAiB,CAAC,CAAEmB,IAAI,CAAJA,CAAF,CAAQC,MAAM,CAANA,CAAR,CAAgBG,QAAQ,CAARA,CAAhB,CAAD,CAA6B,CAACE,CAAD,CAA7B,CAF9B,CAGE,GAAG,CAAEV,CAHP,CAIE,IAAI,CAAEI,CAJR,CAKE,IAAI,CAAEQ,CALR,CAME,UAAU,CAAC,IANb,CAOE,EAAE,CAAEH,CAPN,GASGvB,UAAU,CAACiB,CAAD,CAAW,MAAX,IATb,CAUID,CAAD,EAAeC,CAAf,EAA4BG,CAA5B,CAGC,2BAAK,SAAS,CAAErB,iBAAiB,CAAC,MAAD,CAAS,CAAEG,QAAQ,CAAE,QAAZ,CAAT,CAAjC,EACGa,CADH,CAHD,CACCA,CAXJ,CAiBGf,UAAU,CAACgB,CAAD,CAAY,OAAZ,CAAqBI,CAArB,CAjBb,CAoBH,CAtCgE,CAA5D"}

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDate/DatePickerFieldTypeDate.d.ts

@@ -10,23 +10,23 @@ export declare const DatePickerFieldTypeDate: React.ForwardRefExoticComponent<{
     id?: string | undefined;
     name?: string | undefined;
     disabled?: boolean | undefined;
-    size?: "m" | "s" | "xs" | "l" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | "brickRound" | "roundBrick" | undefined;
-    status?: "alert" | "success" | "warning" | undefined;
+    status?: "alert" | "warning" | "success" | undefined;
     width?: "default" | "full" | undefined;
     onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
     autoFocus?: boolean | undefined;
     placeholder?: string | undefined;
-    leftSide?: string | import("../../../icons/Icon").IconComponent | undefined;
-    rightSide?: string | import("../../../icons/Icon").IconComponent | undefined;
+    leftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    rightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
     tabIndex?: number | undefined;
     inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
     ariaLabel?: string | undefined;
-    iconSize?: "m" | "s" | "xs" | "l" | undefined;
+    iconSize?: "s" | "m" | "xs" | "l" | undefined;
     children?: undefined;
     format?: string | undefined;
     separator?: string | undefined;
@@ -37,4 +37,4 @@ export declare const DatePickerFieldTypeDate: React.ForwardRefExoticComponent<{
     caption?: string | undefined;
     labelPosition?: "left" | "top" | undefined;
     withClearButton?: boolean | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "disabled" | "view" | "size" | "form" | "separator" | "status" | "caption" | "label" | "name" | "width" | "format" | "autoFocus" | "value" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "caption" | "form" | "label" | "view" | "className" | "id" | "name" | "width" | "tabIndex" | "format" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "placeholder" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "size" | "separator" | "status" | "css" | "inputRef" | "focused" | "ariaLabel" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDate/helpers.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
 import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView, TextFieldPropWidth } from '../../TextField/TextField';
 import { DatePickerPropOnError } from '../types';

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDate/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["format","isValid","parse","IMask","useCallback","useEffect","useRef","useMutableRef","leapYear","datePickerPropFormatTypeDate","datePickerPropSeparatorDefault","getPartsDate","datePickerErrorTypes","useImask","formatProp","separator","inputRef","stringValue","onError","handleChanhe","imaskRef","onErrorRef","handleChanheRef","current","mask","Date","pattern","blocks","yyyy","MaskedRange","from","to","MM","dd","lazy","autofix","date","string","validate","type","onAcept","e","value","on","off","updateValue"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDate/helpers.ts"],"sourcesContent":["import { format, isValid, parse } from 'date-fns';\nimport IMask from 'imask';\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { useMutableRef } from '../../../hooks/useMutableRef/useMutableRef';\nimport { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';\nimport { leapYear } from '../../../utils/date';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n  TextFieldPropWidth,\n} from '../../TextField/TextField';\nimport {\n  datePickerPropFormatTypeDate,\n  datePickerPropSeparatorDefault,\n  getPartsDate,\n} from '../helpers';\nimport { datePickerErrorTypes, DatePickerPropOnError } from '../types';\n\ntype DatePickerFieldTypeDatePropOnChange = (props: {\n  e: Event;\n  value: Date | null;\n}) => void;\n\nexport type DatePickerFieldTypeDateProps = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: Date | null;\n    onChange?: DatePickerFieldTypeDatePropOnChange;\n    onError?: DatePickerPropOnError;\n    id?: string;\n    name?: string;\n    disabled?: boolean;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    status?: TextFieldPropStatus;\n    width?: TextFieldPropWidth;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    readOnly?: boolean;\n    required?: boolean;\n    tabIndex?: number;\n    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    format?: string;\n    separator?: string;\n    minDate?: Date;\n    maxDate?: Date;\n    focused?: boolean;\n    label?: string;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n    withClearButton?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport const useImask = (\n  formatProp: string,\n  separator: string,\n  inputRef: React.RefObject<HTMLInputElement>,\n  stringValue: string | null,\n  onError: DatePickerPropOnError | undefined,\n  handleChanhe: (props: { e: Event; value: string | null }) => void,\n) => {\n  const imaskRef = useRef<IMask.InputMask<IMask.MaskedDateOptions> | null>(\n    null,\n  );\n  const onErrorRef = useMutableRef(onError);\n  const handleChanheRef = useMutableRef(handleChanhe);\n\n  // задаем маску и сохраняем обьект маски в ref\n  // обнавляем при смене формата\n  useEffect(() => {\n    if (inputRef.current) {\n      imaskRef.current = IMask(inputRef.current, {\n        mask: Date,\n        pattern: formatProp,\n        blocks: {\n          yyyy: {\n            mask: IMask.MaskedRange,\n            from: 1,\n            to: 9999,\n          },\n          MM: {\n            mask: IMask.MaskedRange,\n            from: 1,\n            to: 12,\n          },\n          dd: {\n            mask: IMask.MaskedRange,\n            from: 1,\n            to: 31,\n          },\n        },\n        lazy: true,\n        autofix: true,\n        format: (date) => format(date, formatProp),\n        parse: (string) => parse(string, formatProp, new Date()),\n        validate: (string: string) => {\n          const [dd, MM, yyyy] = getPartsDate(\n            string,\n            formatProp,\n            separator,\n            false,\n            ['dd', 'MM', 'yyyy'],\n          );\n\n          if (\n            dd &&\n            MM &&\n            !isValid(\n              parse(\n                `${dd}${datePickerPropSeparatorDefault}${MM}${datePickerPropSeparatorDefault}${leapYear}`,\n                datePickerPropFormatTypeDate,\n                new Date(),\n              ),\n            )\n          ) {\n            onErrorRef.current?.({\n              type: datePickerErrorTypes[1],\n              stringValue: string,\n              dd,\n              MM,\n              yyyy,\n            });\n\n            return false;\n          }\n\n          if (\n            dd &&\n            MM &&\n            yyyy &&\n            !isValid(\n              parse(\n                `${dd}${datePickerPropSeparatorDefault}${MM}${datePickerPropSeparatorDefault}${yyyy}`,\n                datePickerPropFormatTypeDate,\n                new Date(),\n              ),\n            )\n          ) {\n            onErrorRef.current?.({\n              type: datePickerErrorTypes[1],\n              stringValue: string,\n              dd,\n              MM,\n              yyyy,\n            });\n\n            return false;\n          }\n\n          return true;\n        },\n        // проблема в типах IMask\n      }) as unknown as IMask.InputMask<IMask.MaskedDateOptions>;\n    }\n  }, [formatProp, separator]);\n\n  // Нужно для синхранизации value c Imask,\n  // так как value мы можем задать через пропс без самого ввода,\n  // и Imask требует ручной синхронихации в этом случае\n  const onAcept = useCallback((e: Event) => {\n    handleChanheRef.current({ e, value: imaskRef.current?.value || null });\n  }, []);\n\n  useEffect(() => {\n    imaskRef.current?.on('accept', onAcept);\n    return () => {\n      imaskRef.current?.off('accept', onAcept);\n    };\n  }, []);\n\n  useEffect(() => {\n    imaskRef.current?.updateValue();\n  }, [stringValue]);\n};\n"],"mappings":"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"}
+{"version":3,"file":"helpers.js","names":["format","isValid","parse","IMask","useCallback","useEffect","useRef","useMutableRef","leapYear","datePickerPropFormatTypeDate","datePickerPropSeparatorDefault","getPartsDate","datePickerErrorTypes","useImask","formatProp","separator","inputRef","stringValue","onError","handleChanhe","imaskRef","onErrorRef","handleChanheRef","current","mask","Date","pattern","blocks","yyyy","MaskedRange","from","to","MM","dd","lazy","autofix","date","string","validate","type","onAcept","e","value","on","off","updateValue"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDate/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { format, isValid, parse } from 'date-fns';\nimport IMask from 'imask';\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { useMutableRef } from '../../../hooks/useMutableRef/useMutableRef';\nimport { leapYear } from '../../../utils/date';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n  TextFieldPropWidth,\n} from '../../TextField/TextField';\nimport {\n  datePickerPropFormatTypeDate,\n  datePickerPropSeparatorDefault,\n  getPartsDate,\n} from '../helpers';\nimport { datePickerErrorTypes, DatePickerPropOnError } from '../types';\n\ntype DatePickerFieldTypeDatePropOnChange = (props: {\n  e: Event;\n  value: Date | null;\n}) => void;\n\nexport type DatePickerFieldTypeDateProps = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: Date | null;\n    onChange?: DatePickerFieldTypeDatePropOnChange;\n    onError?: DatePickerPropOnError;\n    id?: string;\n    name?: string;\n    disabled?: boolean;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    status?: TextFieldPropStatus;\n    width?: TextFieldPropWidth;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    readOnly?: boolean;\n    required?: boolean;\n    tabIndex?: number;\n    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    format?: string;\n    separator?: string;\n    minDate?: Date;\n    maxDate?: Date;\n    focused?: boolean;\n    label?: string;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n    withClearButton?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport const useImask = (\n  formatProp: string,\n  separator: string,\n  inputRef: React.RefObject<HTMLInputElement>,\n  stringValue: string | null,\n  onError: DatePickerPropOnError | undefined,\n  handleChanhe: (props: { e: Event; value: string | null }) => void,\n) => {\n  const imaskRef = useRef<IMask.InputMask<IMask.MaskedDateOptions> | null>(\n    null,\n  );\n  const onErrorRef = useMutableRef(onError);\n  const handleChanheRef = useMutableRef(handleChanhe);\n\n  // задаем маску и сохраняем обьект маски в ref\n  // обнавляем при смене формата\n  useEffect(() => {\n    if (inputRef.current) {\n      imaskRef.current = IMask(inputRef.current, {\n        mask: Date,\n        pattern: formatProp,\n        blocks: {\n          yyyy: {\n            mask: IMask.MaskedRange,\n            from: 1,\n            to: 9999,\n          },\n          MM: {\n            mask: IMask.MaskedRange,\n            from: 1,\n            to: 12,\n          },\n          dd: {\n            mask: IMask.MaskedRange,\n            from: 1,\n            to: 31,\n          },\n        },\n        lazy: true,\n        autofix: true,\n        format: (date) => format(date, formatProp),\n        parse: (string) => parse(string, formatProp, new Date()),\n        validate: (string: string) => {\n          const [dd, MM, yyyy] = getPartsDate(\n            string,\n            formatProp,\n            separator,\n            false,\n            ['dd', 'MM', 'yyyy'],\n          );\n\n          if (\n            dd &&\n            MM &&\n            !isValid(\n              parse(\n                `${dd}${datePickerPropSeparatorDefault}${MM}${datePickerPropSeparatorDefault}${leapYear}`,\n                datePickerPropFormatTypeDate,\n                new Date(),\n              ),\n            )\n          ) {\n            onErrorRef.current?.({\n              type: datePickerErrorTypes[1],\n              stringValue: string,\n              dd,\n              MM,\n              yyyy,\n            });\n\n            return false;\n          }\n\n          if (\n            dd &&\n            MM &&\n            yyyy &&\n            !isValid(\n              parse(\n                `${dd}${datePickerPropSeparatorDefault}${MM}${datePickerPropSeparatorDefault}${yyyy}`,\n                datePickerPropFormatTypeDate,\n                new Date(),\n              ),\n            )\n          ) {\n            onErrorRef.current?.({\n              type: datePickerErrorTypes[1],\n              stringValue: string,\n              dd,\n              MM,\n              yyyy,\n            });\n\n            return false;\n          }\n\n          return true;\n        },\n        // проблема в типах IMask\n      }) as unknown as IMask.InputMask<IMask.MaskedDateOptions>;\n    }\n  }, [formatProp, separator]);\n\n  // Нужно для синхранизации value c Imask,\n  // так как value мы можем задать через пропс без самого ввода,\n  // и Imask требует ручной синхронихации в этом случае\n  const onAcept = useCallback((e: Event) => {\n    handleChanheRef.current({ e, value: imaskRef.current?.value || null });\n  }, []);\n\n  useEffect(() => {\n    imaskRef.current?.on('accept', onAcept);\n    return () => {\n      imaskRef.current?.off('accept', onAcept);\n    };\n  }, []);\n\n  useEffect(() => {\n    imaskRef.current?.updateValue();\n  }, [stringValue]);\n};\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const DatePickerFieldTypeDateRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeDate/helpers").DatePickerFieldTypeDateProps, "id" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+export declare const DatePickerFieldTypeDateRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeDate/helpers").DatePickerFieldTypeDateProps, "id" | "name" | "onFocus" | "onBlur" | "onChange" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
     onChange?: ((props: {
         e: Event;
         value: import("../../../utils/types/Date").DateRange | null;
@@ -7,10 +7,10 @@ export declare const DatePickerFieldTypeDateRange: React.ForwardRefExoticCompone
     value?: import("../../../utils/types/Date").DateRange | null | undefined;
     startFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
     endFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
-    startFieldLeftSide?: string | import("../../../icons/Icon").IconComponent | undefined;
-    startFieldRightSide?: string | import("../../../icons/Icon").IconComponent | undefined;
-    endFieldLeftSide?: string | import("../../../icons/Icon").IconComponent | undefined;
-    endFieldRightSide?: string | import("../../../icons/Icon").IconComponent | undefined;
+    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    endFieldRightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
     startFieldRef?: React.Ref<HTMLDivElement> | undefined;
     endFieldRef?: React.Ref<HTMLDivElement> | undefined;
     startFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateRange/helpers.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconComponent } from '../../../icons/Icon/Icon';
+import { IconComponent } from '@consta/icons/Icon';
 import { DateRange } from '../../../utils/types/Date';
 import { DatePickerFieldTypeDateProps } from '../DatePickerFieldTypeDate/helpers';
 declare type DatePickerFieldTypeDateRangePropOnChange = (props: {

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateRange/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '../../../icons/Icon/Icon';\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeDateProps } from '../DatePickerFieldTypeDate/helpers';\n\ntype DatePickerFieldTypeDateRangePropOnChange = (props: {\n  e: Event;\n  value: DateRange | null;\n}) => void;\n\nexport type DatePickerFieldTypeDateRangeProps = Omit<\n  DatePickerFieldTypeDateProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n> & {\n  onChange?: DatePickerFieldTypeDateRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n};\n"],"mappings":""}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeDateProps } from '../DatePickerFieldTypeDate/helpers';\n\ntype DatePickerFieldTypeDateRangePropOnChange = (props: {\n  e: Event;\n  value: DateRange | null;\n}) => void;\n\nexport type DatePickerFieldTypeDateRangeProps = Omit<\n  DatePickerFieldTypeDateProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n> & {\n  onChange?: DatePickerFieldTypeDateRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n};\n"],"mappings":""}

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime.d.ts

@@ -10,23 +10,23 @@ export declare const DatePickerFieldTypeDateTime: React.ForwardRefExoticComponen
     id?: string | undefined;
     name?: string | undefined;
     disabled?: boolean | undefined;
-    size?: "m" | "s" | "xs" | "l" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | "brickRound" | "roundBrick" | undefined;
-    status?: "alert" | "success" | "warning" | undefined;
+    status?: "alert" | "warning" | "success" | undefined;
     width?: "default" | "full" | undefined;
     onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
     autoFocus?: boolean | undefined;
     placeholder?: string | undefined;
-    leftSide?: string | import("../../../icons/Icon").IconComponent | undefined;
-    rightSide?: string | import("../../../icons/Icon").IconComponent | undefined;
+    leftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    rightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
     tabIndex?: number | undefined;
     inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
     ariaLabel?: string | undefined;
-    iconSize?: "m" | "s" | "xs" | "l" | undefined;
+    iconSize?: "s" | "m" | "xs" | "l" | undefined;
     children?: undefined;
     format?: string | undefined;
     separator?: string | undefined;
@@ -40,4 +40,4 @@ export declare const DatePickerFieldTypeDateTime: React.ForwardRefExoticComponen
     caption?: string | undefined;
     labelPosition?: "left" | "top" | undefined;
     withClearButton?: boolean | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "disabled" | "view" | "size" | "form" | "separator" | "status" | "caption" | "label" | "name" | "width" | "format" | "autoFocus" | "value" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "multiplicitySeconds" | "multiplicityMinutes" | "multiplicityHours"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "caption" | "form" | "label" | "view" | "className" | "id" | "name" | "width" | "tabIndex" | "format" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "placeholder" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "size" | "separator" | "status" | "css" | "inputRef" | "focused" | "ariaLabel" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "multiplicitySeconds" | "multiplicityMinutes" | "multiplicityHours"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTime/helpers.d.ts

@@ -1,5 +1,5 @@
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import React from 'react';
-import { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';
 import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
 import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView, TextFieldPropWidth } from '../../TextField/TextField';
 import { DatePickerPropOnError } from '../types';

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTime/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["addHours","addMinutes","addSeconds","format","isValid","parse","startOfDay","startOfHour","startOfMinute","IMask","useCallback","useEffect","useRef","useMutableRef","leapYear","getLabelHours","getLabelMinutes","getLabelSeconds","datePickerPropFormatTypeDate","datePickerPropSeparatorDefault","getPartsDate","getTimeEnum","datePickerErrorTypes","useImask","formatProp","separator","multiplicityHours","multiplicitySeconds","multiplicityMinutes","inputRef","stringValue","onError","handleChanhe","imaskRef","onErrorRef","handleChanheRef","current","mask","Date","pattern","blocks","yyyy","MaskedRange","from","to","MM","dd","HH","MaskedEnum","mm","ss","lazy","autofix","date","string","validate","type","onAcept","e","value","on","off","updateValue"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTime/helpers.ts"],"sourcesContent":["import {\n  addHours,\n  addMinutes,\n  addSeconds,\n  format,\n  isValid,\n  parse,\n  startOfDay,\n  startOfHour,\n  startOfMinute,\n} from 'date-fns';\nimport IMask from 'imask';\nimport React, { useCallback, useEffect, useRef } from 'react';\n\nimport { useMutableRef } from '../../../hooks/useMutableRef/useMutableRef';\nimport { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';\nimport { leapYear } from '../../../utils/date';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport {\n  getLabelHours,\n  getLabelMinutes,\n  getLabelSeconds,\n} from '../../DateTime/helpers';\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n  TextFieldPropWidth,\n} from '../../TextField/TextField';\nimport {\n  datePickerPropFormatTypeDate,\n  datePickerPropSeparatorDefault,\n  getPartsDate,\n  getTimeEnum,\n} from '../helpers';\nimport { datePickerErrorTypes, DatePickerPropOnError } from '../types';\n\ntype DatePickerFieldTypeDateTimePropOnChange = (props: {\n  e: Event;\n  value: Date | null;\n}) => void;\n\nexport type DatePickerFieldTypeDateTimeProps = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: Date | null;\n    onChange?: DatePickerFieldTypeDateTimePropOnChange;\n    onError?: DatePickerPropOnError;\n    id?: string;\n    name?: string;\n    disabled?: boolean;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    status?: TextFieldPropStatus;\n    width?: TextFieldPropWidth;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    readOnly?: boolean;\n    required?: boolean;\n    tabIndex?: number;\n    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    format?: string;\n    separator?: string;\n    minDate?: Date;\n    maxDate?: Date;\n    focused?: boolean;\n    multiplicitySeconds?: number;\n    multiplicityMinutes?: number;\n    multiplicityHours?: number;\n    label?: string;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n    withClearButton?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport const useImask = (\n  formatProp: string,\n  separator: string,\n  multiplicityHours: number | undefined,\n  multiplicitySeconds: number | undefined,\n  multiplicityMinutes: number | undefined,\n  inputRef: React.RefObject<HTMLInputElement>,\n  stringValue: string | null,\n  onError: DatePickerPropOnError | undefined,\n  handleChanhe: (props: { e: Event; value: string | null }) => void,\n) => {\n  const imaskRef = useRef<IMask.InputMask<IMask.MaskedDateOptions> | null>(\n    null,\n  );\n  const onErrorRef = useMutableRef(onError);\n  const handleChanheRef = useMutableRef(handleChanhe);\n\n  // задаем маску и сохраняем обьект маски в ref\n  // обнавляем при смене формата\n  useEffect(() => {\n    if (!inputRef.current) {\n      return;\n    }\n\n    imaskRef.current = IMask(inputRef.current, {\n      mask: Date,\n      pattern: formatProp,\n      blocks: {\n        yyyy: {\n          mask: IMask.MaskedRange,\n          from: 1,\n          to: 9999,\n        },\n        MM: {\n          mask: IMask.MaskedRange,\n          from: 1,\n          to: 12,\n        },\n        dd: {\n          mask: IMask.MaskedRange,\n          from: 1,\n          to: 31,\n        },\n        HH:\n          multiplicityHours && multiplicityHours > 1\n            ? {\n                mask: IMask.MaskedEnum,\n                enum: getTimeEnum(\n                  24,\n                  multiplicityHours,\n                  startOfDay,\n                  addHours,\n                  getLabelHours,\n                ),\n              }\n            : {\n                mask: IMask.MaskedRange,\n                from: 0,\n                to: 23,\n              },\n        mm:\n          multiplicityMinutes && multiplicityMinutes > 1\n            ? {\n                mask: IMask.MaskedEnum,\n                enum: getTimeEnum(\n                  60,\n                  multiplicityMinutes,\n                  startOfHour,\n                  addMinutes,\n                  getLabelMinutes,\n                ),\n              }\n            : {\n                mask: IMask.MaskedRange,\n                from: 0,\n                to: 59,\n              },\n        ss:\n          multiplicitySeconds && multiplicitySeconds > 1\n            ? {\n                mask: IMask.MaskedEnum,\n                enum: getTimeEnum(\n                  60,\n                  multiplicitySeconds,\n                  startOfMinute,\n                  addSeconds,\n                  getLabelSeconds,\n                ),\n              }\n            : {\n                mask: IMask.MaskedRange,\n                from: 0,\n                to: 59,\n              },\n      },\n      lazy: true,\n      autofix: true,\n      format: (date) => format(date, formatProp),\n      parse: (string) => parse(string, formatProp, new Date()),\n      validate: (string: string) => {\n        const [dd, MM, yyyy, HH, mm, ss] = getPartsDate(\n          string,\n          formatProp,\n          separator,\n          true,\n          ['dd', 'MM', 'yyyy', 'HH', 'mm', 'ss'],\n        );\n\n        if (\n          dd &&\n          MM &&\n          !isValid(\n            parse(\n              `${dd}${datePickerPropSeparatorDefault}${MM}${datePickerPropSeparatorDefault}${leapYear}`,\n              datePickerPropFormatTypeDate,\n              new Date(),\n            ),\n          )\n        ) {\n          onErrorRef.current?.({\n            type: datePickerErrorTypes[1],\n            stringValue: string,\n            dd,\n            MM,\n            yyyy,\n            HH,\n            mm,\n            ss,\n          });\n\n          return false;\n        }\n\n        if (\n          dd &&\n          MM &&\n          yyyy &&\n          !isValid(\n            parse(\n              `${dd}${datePickerPropSeparatorDefault}${MM}${datePickerPropSeparatorDefault}${yyyy}`,\n              datePickerPropFormatTypeDate,\n              new Date(),\n            ),\n          )\n        ) {\n          onErrorRef.current?.({\n            type: datePickerErrorTypes[1],\n            stringValue: string,\n            dd,\n            MM,\n            yyyy,\n            HH,\n            mm,\n            ss,\n          });\n\n          return false;\n        }\n\n        return true;\n      },\n      // проблема в типах IMask\n    }) as unknown as IMask.InputMask<IMask.MaskedDateOptions>;\n  }, [\n    formatProp,\n    separator,\n    multiplicityHours,\n    multiplicitySeconds,\n    multiplicityMinutes,\n  ]);\n\n  // Нужно для синхранизации value c Imask,\n  // так как value мы можем задать через пропс без самого ввода,\n  // и Imask требует ручной синхронихации в этом случае\n  const onAcept = useCallback((e: Event) => {\n    handleChanheRef.current({ e, value: imaskRef.current?.value || null });\n  }, []);\n\n  useEffect(() => {\n    imaskRef.current?.on('accept', onAcept);\n    return () => {\n      imaskRef.current?.off('accept', onAcept);\n    };\n  }, []);\n\n  useEffect(() => {\n    imaskRef.current?.updateValue();\n  }, [stringValue]);\n};\n"],"mappings":"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"}
+{"version":3,"file":"helpers.js","names":["addHours","addMinutes","addSeconds","format","isValid","parse","startOfDay","startOfHour","startOfMinute","IMask","useCallback","useEffect","useRef","useMutableRef","leapYear","getLabelHours","getLabelMinutes","getLabelSeconds","datePickerPropFormatTypeDate","datePickerPropSeparatorDefault","getPartsDate","getTimeEnum","datePickerErrorTypes","useImask","formatProp","separator","multiplicityHours","multiplicitySeconds","multiplicityMinutes","inputRef","stringValue","onError","handleChanhe","imaskRef","onErrorRef","handleChanheRef","current","mask","Date","pattern","blocks","yyyy","MaskedRange","from","to","MM","dd","HH","MaskedEnum","mm","ss","lazy","autofix","date","string","validate","type","onAcept","e","value","on","off","updateValue"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTime/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport {\n  addHours,\n  addMinutes,\n  addSeconds,\n  format,\n  isValid,\n  parse,\n  startOfDay,\n  startOfHour,\n  startOfMinute,\n} from 'date-fns';\nimport IMask from 'imask';\nimport React, { useCallback, useEffect, useRef } from 'react';\n\nimport { useMutableRef } from '../../../hooks/useMutableRef/useMutableRef';\nimport { leapYear } from '../../../utils/date';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport {\n  getLabelHours,\n  getLabelMinutes,\n  getLabelSeconds,\n} from '../../DateTime/helpers';\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n  TextFieldPropWidth,\n} from '../../TextField/TextField';\nimport {\n  datePickerPropFormatTypeDate,\n  datePickerPropSeparatorDefault,\n  getPartsDate,\n  getTimeEnum,\n} from '../helpers';\nimport { datePickerErrorTypes, DatePickerPropOnError } from '../types';\n\ntype DatePickerFieldTypeDateTimePropOnChange = (props: {\n  e: Event;\n  value: Date | null;\n}) => void;\n\nexport type DatePickerFieldTypeDateTimeProps = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: Date | null;\n    onChange?: DatePickerFieldTypeDateTimePropOnChange;\n    onError?: DatePickerPropOnError;\n    id?: string;\n    name?: string;\n    disabled?: boolean;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    status?: TextFieldPropStatus;\n    width?: TextFieldPropWidth;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    readOnly?: boolean;\n    required?: boolean;\n    tabIndex?: number;\n    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    format?: string;\n    separator?: string;\n    minDate?: Date;\n    maxDate?: Date;\n    focused?: boolean;\n    multiplicitySeconds?: number;\n    multiplicityMinutes?: number;\n    multiplicityHours?: number;\n    label?: string;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n    withClearButton?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport const useImask = (\n  formatProp: string,\n  separator: string,\n  multiplicityHours: number | undefined,\n  multiplicitySeconds: number | undefined,\n  multiplicityMinutes: number | undefined,\n  inputRef: React.RefObject<HTMLInputElement>,\n  stringValue: string | null,\n  onError: DatePickerPropOnError | undefined,\n  handleChanhe: (props: { e: Event; value: string | null }) => void,\n) => {\n  const imaskRef = useRef<IMask.InputMask<IMask.MaskedDateOptions> | null>(\n    null,\n  );\n  const onErrorRef = useMutableRef(onError);\n  const handleChanheRef = useMutableRef(handleChanhe);\n\n  // задаем маску и сохраняем обьект маски в ref\n  // обнавляем при смене формата\n  useEffect(() => {\n    if (!inputRef.current) {\n      return;\n    }\n\n    imaskRef.current = IMask(inputRef.current, {\n      mask: Date,\n      pattern: formatProp,\n      blocks: {\n        yyyy: {\n          mask: IMask.MaskedRange,\n          from: 1,\n          to: 9999,\n        },\n        MM: {\n          mask: IMask.MaskedRange,\n          from: 1,\n          to: 12,\n        },\n        dd: {\n          mask: IMask.MaskedRange,\n          from: 1,\n          to: 31,\n        },\n        HH:\n          multiplicityHours && multiplicityHours > 1\n            ? {\n                mask: IMask.MaskedEnum,\n                enum: getTimeEnum(\n                  24,\n                  multiplicityHours,\n                  startOfDay,\n                  addHours,\n                  getLabelHours,\n                ),\n              }\n            : {\n                mask: IMask.MaskedRange,\n                from: 0,\n                to: 23,\n              },\n        mm:\n          multiplicityMinutes && multiplicityMinutes > 1\n            ? {\n                mask: IMask.MaskedEnum,\n                enum: getTimeEnum(\n                  60,\n                  multiplicityMinutes,\n                  startOfHour,\n                  addMinutes,\n                  getLabelMinutes,\n                ),\n              }\n            : {\n                mask: IMask.MaskedRange,\n                from: 0,\n                to: 59,\n              },\n        ss:\n          multiplicitySeconds && multiplicitySeconds > 1\n            ? {\n                mask: IMask.MaskedEnum,\n                enum: getTimeEnum(\n                  60,\n                  multiplicitySeconds,\n                  startOfMinute,\n                  addSeconds,\n                  getLabelSeconds,\n                ),\n              }\n            : {\n                mask: IMask.MaskedRange,\n                from: 0,\n                to: 59,\n              },\n      },\n      lazy: true,\n      autofix: true,\n      format: (date) => format(date, formatProp),\n      parse: (string) => parse(string, formatProp, new Date()),\n      validate: (string: string) => {\n        const [dd, MM, yyyy, HH, mm, ss] = getPartsDate(\n          string,\n          formatProp,\n          separator,\n          true,\n          ['dd', 'MM', 'yyyy', 'HH', 'mm', 'ss'],\n        );\n\n        if (\n          dd &&\n          MM &&\n          !isValid(\n            parse(\n              `${dd}${datePickerPropSeparatorDefault}${MM}${datePickerPropSeparatorDefault}${leapYear}`,\n              datePickerPropFormatTypeDate,\n              new Date(),\n            ),\n          )\n        ) {\n          onErrorRef.current?.({\n            type: datePickerErrorTypes[1],\n            stringValue: string,\n            dd,\n            MM,\n            yyyy,\n            HH,\n            mm,\n            ss,\n          });\n\n          return false;\n        }\n\n        if (\n          dd &&\n          MM &&\n          yyyy &&\n          !isValid(\n            parse(\n              `${dd}${datePickerPropSeparatorDefault}${MM}${datePickerPropSeparatorDefault}${yyyy}`,\n              datePickerPropFormatTypeDate,\n              new Date(),\n            ),\n          )\n        ) {\n          onErrorRef.current?.({\n            type: datePickerErrorTypes[1],\n            stringValue: string,\n            dd,\n            MM,\n            yyyy,\n            HH,\n            mm,\n            ss,\n          });\n\n          return false;\n        }\n\n        return true;\n      },\n      // проблема в типах IMask\n    }) as unknown as IMask.InputMask<IMask.MaskedDateOptions>;\n  }, [\n    formatProp,\n    separator,\n    multiplicityHours,\n    multiplicitySeconds,\n    multiplicityMinutes,\n  ]);\n\n  // Нужно для синхранизации value c Imask,\n  // так как value мы можем задать через пропс без самого ввода,\n  // и Imask требует ручной синхронихации в этом случае\n  const onAcept = useCallback((e: Event) => {\n    handleChanheRef.current({ e, value: imaskRef.current?.value || null });\n  }, []);\n\n  useEffect(() => {\n    imaskRef.current?.on('accept', onAcept);\n    return () => {\n      imaskRef.current?.off('accept', onAcept);\n    };\n  }, []);\n\n  useEffect(() => {\n    imaskRef.current?.updateValue();\n  }, [stringValue]);\n};\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const DatePickerFieldTypeDateTimeRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeDateTime/helpers").DatePickerFieldTypeDateTimeProps, "id" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+export declare const DatePickerFieldTypeDateTimeRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeDateTime/helpers").DatePickerFieldTypeDateTimeProps, "id" | "name" | "onFocus" | "onBlur" | "onChange" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
     onChange?: ((props: {
         e: Event;
         value: import("../../../utils/types/Date").DateRange | null;
@@ -7,10 +7,10 @@ export declare const DatePickerFieldTypeDateTimeRange: React.ForwardRefExoticCom
     value?: import("../../../utils/types/Date").DateRange | null | undefined;
     startFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
     endFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
-    startFieldLeftSide?: string | import("../../../icons/Icon").IconComponent | undefined;
-    startFieldRightSide?: string | import("../../../icons/Icon").IconComponent | undefined;
-    endFieldLeftSide?: string | import("../../../icons/Icon").IconComponent | undefined;
-    endFieldRightSide?: string | import("../../../icons/Icon").IconComponent | undefined;
+    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    endFieldRightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
     startFieldRef?: React.Ref<HTMLDivElement> | undefined;
     endFieldRef?: React.Ref<HTMLDivElement> | undefined;
     startFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconComponent } from '../../../icons/Icon/Icon';
+import { IconComponent } from '@consta/icons/Icon';
 import { DateRange } from '../../../utils/types/Date';
 import { DatePickerFieldTypeDateTimeProps } from '../DatePickerFieldTypeDateTime/helpers';
 declare type DatePickerFieldTypeDateTimeRangePropOnChange = (props: {

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '../../../icons/Icon/Icon';\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeDateTimeProps } from '../DatePickerFieldTypeDateTime/helpers';\n\ntype DatePickerFieldTypeDateTimeRangePropOnChange = (props: {\n  e: Event;\n  value: DateRange | null;\n}) => void;\n\nexport type DatePickerFieldTypeDateTimeRangeProps = Omit<\n  DatePickerFieldTypeDateTimeProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n> & {\n  onChange?: DatePickerFieldTypeDateTimeRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n};\n"],"mappings":""}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeDateTimeProps } from '../DatePickerFieldTypeDateTime/helpers';\n\ntype DatePickerFieldTypeDateTimeRangePropOnChange = (props: {\n  e: Event;\n  value: DateRange | null;\n}) => void;\n\nexport type DatePickerFieldTypeDateTimeRangeProps = Omit<\n  DatePickerFieldTypeDateTimeProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n> & {\n  onChange?: DatePickerFieldTypeDateTimeRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n};\n"],"mappings":""}

package/__internal__/src/components/DatePicker/DatePickerFieldTypeMonth/DatePickerFieldTypeMonth.d.ts

@@ -10,23 +10,23 @@ export declare const DatePickerFieldTypeMonth: React.ForwardRefExoticComponent<{
     id?: string | undefined;
     name?: string | undefined;
     disabled?: boolean | undefined;
-    size?: "m" | "s" | "xs" | "l" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | "brickRound" | "roundBrick" | undefined;
-    status?: "alert" | "success" | "warning" | undefined;
+    status?: "alert" | "warning" | "success" | undefined;
     width?: "default" | "full" | undefined;
     onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
     autoFocus?: boolean | undefined;
     placeholder?: string | undefined;
-    leftSide?: string | import("../../../icons/Icon").IconComponent | undefined;
-    rightSide?: string | import("../../../icons/Icon").IconComponent | undefined;
+    leftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    rightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
     tabIndex?: number | undefined;
     inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
     ariaLabel?: string | undefined;
-    iconSize?: "m" | "s" | "xs" | "l" | undefined;
+    iconSize?: "s" | "m" | "xs" | "l" | undefined;
     children?: undefined;
     format?: string | undefined;
     separator?: string | undefined;
@@ -37,4 +37,4 @@ export declare const DatePickerFieldTypeMonth: React.ForwardRefExoticComponent<{
     caption?: string | undefined;
     labelPosition?: "left" | "top" | undefined;
     withClearButton?: boolean | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "disabled" | "view" | "size" | "form" | "separator" | "status" | "caption" | "label" | "name" | "width" | "format" | "autoFocus" | "value" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "caption" | "form" | "label" | "view" | "className" | "id" | "name" | "width" | "tabIndex" | "format" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "placeholder" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "size" | "separator" | "status" | "css" | "inputRef" | "focused" | "ariaLabel" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/DatePicker/DatePickerFieldTypeMonth/helpers.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
 import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView, TextFieldPropWidth } from '../../TextField/TextField';
 import { DatePickerPropOnError } from '../types';