@consta/uikit 5.21.0 → 5.23.0

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

@@ -132,8 +132,8 @@ export type ContextMenuLevelsProps<ITEM = ContextMenuItemDefault, GROUP = Contex
     disableAnimationBack: () => void;
     enableAnimationBack: () => void;
 };
-export type ContextMenuLevelsComponent = <ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault>(props: ContextMenuLevelsProps<ITEM, GROUP>) => React.ReactElement | null;
-export type ContextMenuComponent = <ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault>(props: ContextMenuProps<ITEM, GROUP>) => React.ReactElement | null;
+export type ContextMenuLevelsComponent = <ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault>(props: ContextMenuLevelsProps<ITEM, GROUP>) => React.ReactNode | null;
+export type ContextMenuComponent = <ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault>(props: ContextMenuProps<ITEM, GROUP>) => React.ReactNode | null;
 export type ContextMenuLevelProps<ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault> = Omit<ContextMenuProps<ITEM, GROUP>, 'subMenuDirection' | 'onClickOutside' | 'setComponentSize' | 'animationBack' | 'disableAnimationBack' | 'enableAnimationBack' | keyof MappersItem<ITEM> | keyof MappersGroup<GROUP>> & {
     parent?: ITEM;
     activeLevelDepth: number;
@@ -147,13 +147,13 @@ export type ContextMenuLevelProps<ITEM = ContextMenuItemDefault, GROUP = Context
     onEsc?: React.KeyboardEventHandler;
     animate: Animate;
 } & Required<MappersItem<ITEM>> & Required<MappersGroup<GROUP>>;
-export type ContextMenuLevelComponent = <ITEM, GROUP>(props: ContextMenuLevelProps<ITEM, GROUP>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
+export type ContextMenuLevelComponent = <ITEM, GROUP>(props: ContextMenuLevelProps<ITEM, GROUP>, ref: React.Ref<HTMLElement>) => React.ReactNode | null;
 export type ContextMenuItemProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<Omit<ContextMenuItemDefault, 'onClick' | 'attributes' | 'key'> & {
     size?: ContextMenuPropSize;
     active: boolean;
     withSubMenu: boolean;
 }, AS> & React.RefAttributes<HTMLDivElement>;
-export type ContextMenuItemComponent = <AS extends AsTags = 'div'>(props: ContextMenuItemProps<AS>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
+export type ContextMenuItemComponent = <AS extends AsTags = 'div'>(props: ContextMenuItemProps<AS>, ref: React.Ref<HTMLElement>) => React.ReactNode | null;
 export type GetLevelsParams<ITEM> = {
     levels: Level<ITEM>[];
     items: ITEM[];

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["defaultListPropForm","listPropForm","contextMenuSizes","contextMenuDefaultSize","contextMenuStatus","contextMenuDefaultStatus","contextMenuForm","defaultContextMenuForm","contextMenuPropSubMenuDirections","contextMenuPropDefaultSubMenuDirection"],"sources":["../../../../../src/components/ContextMenu/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport {\n  defaultListPropForm,\n  ListPropForm,\n  listPropForm,\n} from '##/components/ListCanary';\nimport { ComponentSize } from '##/hooks/useComponentSize';\nimport { Animate } from '##/mixs/MixPopoverAnimate';\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\n\nimport { ClickOutsideHandler } from '../../hooks/useClickOutside/useClickOutside';\nimport { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';\nimport {\n  PropsWithHTMLAttributes,\n  PropsWithHTMLAttributesAndRef,\n} 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 contextMenuForm = listPropForm;\nexport type ContextMenuForm = ListPropForm;\nexport const defaultContextMenuForm = defaultListPropForm;\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 ContextMenuPropOnItemClick<ITEM> = (\n  item: ITEM,\n  params: {\n    e: React.MouseEvent;\n  },\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?: React.MouseEventHandler;\n  as?: AsTags;\n  attributes?: AsAttributes;\n};\n\nexport type ContextMenuPropSortGroup = (\n  a: string | number,\n  b: string | number,\n) => number;\n\nexport type ContextMenuPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\n\nexport type ContextMenuPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ContextMenuPropGetItemLeftSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ContextMenuPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\n\nexport type ContextMenuPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => ContextMenuStatus | undefined;\n\nexport type ContextMenuPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\n\nexport type ContextMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\n\nexport type ContextMenuPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\n\nexport type ContextMenuPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;\n\nexport type ContextMenuPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type ContextMenuPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => number | undefined;\n\nexport type ContextMenuPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\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  parent?: ITEM;\n  anchorRef?: React.RefObject<HTMLElement>;\n  position?: Position;\n};\n\nexport type AddLevel<ITEM> = (params: {\n  level: number;\n  items: ITEM[];\n  parent?: ITEM;\n  anchorRef?: React.RefObject<HTMLElement>;\n  position?: Position;\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?: ContextMenuPropOnItemClick<ITEM>;\n    possibleDirections?: readonly Direction[];\n    subMenuDirection?: ContextMenuPropSubMenuDirection;\n    spareDirection?: Direction;\n    onSetDirection?: (direction: Direction) => void;\n    onClickOutside?: ClickOutsideHandler;\n    isOpen?: boolean;\n    form?: ContextMenuForm;\n    isMobile?: boolean;\n    onEsc?: React.KeyboardEventHandler;\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 ContextMenuLevelsProps<\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n> = ContextMenuProps<ITEM, GROUP> & {\n  setComponentSize: React.Dispatch<React.SetStateAction<ComponentSize>>;\n  disableAnimationBack: () => void;\n  enableAnimationBack: () => void;\n};\n\nexport type ContextMenuLevelsComponent = <\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n>(\n  props: ContextMenuLevelsProps<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nexport type ContextMenuComponent = <\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n>(\n  props: ContextMenuProps<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nexport type ContextMenuLevelProps<\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n> = Omit<\n  ContextMenuProps<ITEM, GROUP>,\n  | 'subMenuDirection'\n  | 'onClickOutside'\n  | 'setComponentSize'\n  | 'animationBack'\n  | 'disableAnimationBack'\n  | 'enableAnimationBack'\n  | keyof MappersItem<ITEM>\n  | keyof MappersGroup<GROUP>\n> & {\n  parent?: ITEM;\n  activeLevelDepth: number;\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  onEsc?: React.KeyboardEventHandler;\n  animate: Animate;\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<AS extends AsTags = '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 = <AS extends AsTags = 'div'>(\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\nexport type ContextMenuWrapperProps = PropsWithHTMLAttributes<\n  {\n    children: React.ReactNode;\n    isOpen?: boolean;\n    isMobile?: boolean;\n    form?: ContextMenuForm;\n    onClickOutside?: ClickOutsideHandler;\n    spareDirection?: Direction;\n    possibleDirections?: readonly Direction[];\n    size?: ContextMenuPropSize;\n    direction?: Direction;\n    offset?: PopoverPropOffset;\n    anchorRef?: React.RefObject<HTMLElement>;\n    position?: Position;\n    onSetDirection?: (direction: Direction) => void;\n    className?: string;\n    animationBack?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport type ContextMenuLevelWrapperProps = PropsWithHTMLAttributesAndRef<\n  {\n    children: React.ReactNode;\n    isMobile?: boolean;\n    onClickOutside?: ClickOutsideHandler;\n    spareDirection?: Direction;\n    possibleDirections?: readonly Direction[];\n    size?: ContextMenuPropSize;\n    direction?: Direction;\n    offset?: PopoverPropOffset;\n    anchorRef?: React.RefObject<HTMLElement>;\n    position?: Position;\n    onSetDirection?: (direction: Direction) => void;\n  },\n  HTMLDivElement\n>;\n"],"mappings":"AAEA,OACEA,mBADF,CAGEC,YAHF,qBAiBA,MAAO,IAAMC,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,gBAAe,CAAGL,YAAxB,CAEP,MAAO,IAAMM,uBAAsB,CAAGP,mBAA/B,CAEP,MAAO,IAAMQ,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":["defaultListPropForm","listPropForm","contextMenuSizes","contextMenuDefaultSize","contextMenuStatus","contextMenuDefaultStatus","contextMenuForm","defaultContextMenuForm","contextMenuPropSubMenuDirections","contextMenuPropDefaultSubMenuDirection"],"sources":["../../../../../src/components/ContextMenu/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport {\n  defaultListPropForm,\n  ListPropForm,\n  listPropForm,\n} from '##/components/ListCanary';\nimport { ComponentSize } from '##/hooks/useComponentSize';\nimport { Animate } from '##/mixs/MixPopoverAnimate';\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\n\nimport { ClickOutsideHandler } from '../../hooks/useClickOutside/useClickOutside';\nimport { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';\nimport {\n  PropsWithHTMLAttributes,\n  PropsWithHTMLAttributesAndRef,\n} 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 contextMenuForm = listPropForm;\nexport type ContextMenuForm = ListPropForm;\nexport const defaultContextMenuForm = defaultListPropForm;\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 ContextMenuPropOnItemClick<ITEM> = (\n  item: ITEM,\n  params: {\n    e: React.MouseEvent;\n  },\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?: React.MouseEventHandler;\n  as?: AsTags;\n  attributes?: AsAttributes;\n};\n\nexport type ContextMenuPropSortGroup = (\n  a: string | number,\n  b: string | number,\n) => number;\n\nexport type ContextMenuPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\n\nexport type ContextMenuPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ContextMenuPropGetItemLeftSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ContextMenuPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\n\nexport type ContextMenuPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => ContextMenuStatus | undefined;\n\nexport type ContextMenuPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\n\nexport type ContextMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\n\nexport type ContextMenuPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\n\nexport type ContextMenuPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;\n\nexport type ContextMenuPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type ContextMenuPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => number | undefined;\n\nexport type ContextMenuPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\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  parent?: ITEM;\n  anchorRef?: React.RefObject<HTMLElement>;\n  position?: Position;\n};\n\nexport type AddLevel<ITEM> = (params: {\n  level: number;\n  items: ITEM[];\n  parent?: ITEM;\n  anchorRef?: React.RefObject<HTMLElement>;\n  position?: Position;\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?: ContextMenuPropOnItemClick<ITEM>;\n    possibleDirections?: readonly Direction[];\n    subMenuDirection?: ContextMenuPropSubMenuDirection;\n    spareDirection?: Direction;\n    onSetDirection?: (direction: Direction) => void;\n    onClickOutside?: ClickOutsideHandler;\n    isOpen?: boolean;\n    form?: ContextMenuForm;\n    isMobile?: boolean;\n    onEsc?: React.KeyboardEventHandler;\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 ContextMenuLevelsProps<\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n> = ContextMenuProps<ITEM, GROUP> & {\n  setComponentSize: React.Dispatch<React.SetStateAction<ComponentSize>>;\n  disableAnimationBack: () => void;\n  enableAnimationBack: () => void;\n};\n\nexport type ContextMenuLevelsComponent = <\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n>(\n  props: ContextMenuLevelsProps<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nexport type ContextMenuComponent = <\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n>(\n  props: ContextMenuProps<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nexport type ContextMenuLevelProps<\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n> = Omit<\n  ContextMenuProps<ITEM, GROUP>,\n  | 'subMenuDirection'\n  | 'onClickOutside'\n  | 'setComponentSize'\n  | 'animationBack'\n  | 'disableAnimationBack'\n  | 'enableAnimationBack'\n  | keyof MappersItem<ITEM>\n  | keyof MappersGroup<GROUP>\n> & {\n  parent?: ITEM;\n  activeLevelDepth: number;\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  onEsc?: React.KeyboardEventHandler;\n  animate: Animate;\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.ReactNode | null;\n\nexport type ContextMenuItemProps<AS extends AsTags = '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 = <AS extends AsTags = 'div'>(\n  props: ContextMenuItemProps<AS>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactNode | null;\n\nexport type GetLevelsParams<ITEM> = {\n  levels: Level<ITEM>[];\n  items: ITEM[];\n  getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;\n  getItemKey: ContextMenuPropGetItemKey<ITEM>;\n};\n\nexport type ContextMenuWrapperProps = PropsWithHTMLAttributes<\n  {\n    children: React.ReactNode;\n    isOpen?: boolean;\n    isMobile?: boolean;\n    form?: ContextMenuForm;\n    onClickOutside?: ClickOutsideHandler;\n    spareDirection?: Direction;\n    possibleDirections?: readonly Direction[];\n    size?: ContextMenuPropSize;\n    direction?: Direction;\n    offset?: PopoverPropOffset;\n    anchorRef?: React.RefObject<HTMLElement>;\n    position?: Position;\n    onSetDirection?: (direction: Direction) => void;\n    className?: string;\n    animationBack?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport type ContextMenuLevelWrapperProps = PropsWithHTMLAttributesAndRef<\n  {\n    children: React.ReactNode;\n    isMobile?: boolean;\n    onClickOutside?: ClickOutsideHandler;\n    spareDirection?: Direction;\n    possibleDirections?: readonly Direction[];\n    size?: ContextMenuPropSize;\n    direction?: Direction;\n    offset?: PopoverPropOffset;\n    anchorRef?: React.RefObject<HTMLElement>;\n    position?: Position;\n    onSetDirection?: (direction: Direction) => void;\n  },\n  HTMLDivElement\n>;\n"],"mappings":"AAEA,OACEA,mBADF,CAGEC,YAHF,qBAiBA,MAAO,IAAMC,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,gBAAe,CAAGL,YAAxB,CAEP,MAAO,IAAMM,uBAAsB,CAAGP,mBAA/B,CAEP,MAAO,IAAMQ,iCAAgC,CAAG,CAC9C,cAD8C,CAE9C,gBAF8C,CAG9C,aAH8C,CAI9C,eAJ8C,CAAzC,CAQP,MAAO,IAAMC,uCAAuE,CAClFD,gCAAgC,CAAC,CAAD,CAD3B"}

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

@@ -29,6 +29,6 @@ export type DatePickerDropdownProps = PropsWithHTMLAttributesAndRef<{
     timeFor?: 'start' | 'end';
     disableDates?: DateTimePropDisableDates;
 }, HTMLDivElement>;
-type DatePickerDropdownComponent = (props: DatePickerDropdownProps) => React.ReactElement | null;
+type DatePickerDropdownComponent = (props: DatePickerDropdownProps) => React.ReactNode | null;
 export declare const DatePickerDropdown: DatePickerDropdownComponent;
 export {};

package/__internal__/src/components/DatePicker/DatePickerDropdown/DatePickerDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerDropdown.js","names":["React","forwardRef","useCallback","useRef","useState","Transition","DateTime","Popover","useFlag","useForkRef","animateTimeout","cnMixPopoverAnimate","cn","DatePickerAdditionalControls","datePickerPropDropdownFormDefault","moveMap","cnDatePickerDropdown","DatePickerDropdown","props","componentRef","form","anchorRef","isOpen","className","zIndex","renderAdditionalControls","otherProps","rootRef","direction","setDirection","visibleAdditionalControls","setVisibleAdditionalControls","onMove","to","type","on","off","ref","animate","currentVisibleDate","view"],"sources":["../../../../../../src/components/DatePicker/DatePickerDropdown/DatePickerDropdown.tsx"],"sourcesContent":["import './DatePickerDropdown.css';\n\nimport React, { forwardRef, useCallback, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n  DateTime,\n  DateTimePropOnChange,\n  DateTimePropType,\n  MoveType,\n} from '##/components/DateTime';\nimport { DateTimePropDisableDates } from '##/components/DateTime/helpers/types';\nimport { Direction, Popover } from '##/components/Popover';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cn } from '##/utils/bem';\nimport { DateRange } from '##/utils/types/Date';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { DatePickerAdditionalControls } from '../DatePickerAdditionalControls/DatePickerAdditionalControls';\nimport {\n  DatePickerAdditionalControlRenderProp,\n  DatePickerPropDateTimeView,\n  DatePickerPropDropdownForm,\n  datePickerPropDropdownFormDefault,\n} from '../types';\n\nexport type DatePickerDropdownPropOnChange = DateTimePropOnChange;\n\nexport type DatePickerDropdownProps = PropsWithHTMLAttributesAndRef<\n  {\n    anchorRef: React.RefObject<HTMLElement>;\n    currentVisibleDate?: Date;\n    type: DateTimePropType;\n    value?: Date | DateRange;\n    onChange?: DatePickerDropdownPropOnChange;\n    minDate?: Date;\n    maxDate?: Date;\n    events?: Date[];\n    view: DatePickerPropDateTimeView;\n    locale?: Locale;\n    children?: never;\n    form?: DatePickerPropDropdownForm;\n    isOpen?: boolean;\n    onChangeCurrentVisibleDate?: (date: Date) => void;\n    zIndex?: number;\n    renderAdditionalControls?: DatePickerAdditionalControlRenderProp;\n    multiplicitySeconds?: number;\n    multiplicityMinutes?: number;\n    multiplicityHours?: number;\n    timeFor?: 'start' | 'end';\n    disableDates?: DateTimePropDisableDates;\n  },\n  HTMLDivElement\n>;\n\ntype DatePickerDropdownComponent = (\n  props: DatePickerDropdownProps,\n) => React.ReactElement | null;\n\nconst moveMap: Record<DateTimePropType, MoveType> = {\n  'year': 'year',\n  'month': 'month',\n  'date': 'day',\n  'time': 'time',\n  'date-time': 'day',\n};\n\nconst cnDatePickerDropdown = cn('DatePickerDropdown');\n\nexport const DatePickerDropdown: DatePickerDropdownComponent = forwardRef(\n  (props, componentRef) => {\n    const {\n      form = datePickerPropDropdownFormDefault,\n      anchorRef,\n      isOpen,\n      className,\n      zIndex,\n      renderAdditionalControls,\n      ...otherProps\n    } = props;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const [direction, setDirection] = useState<Direction>();\n\n    const [visibleAdditionalControls, setVisibleAdditionalControls] =\n      useFlag(true);\n\n    const onMove = useCallback(\n      (to: MoveType) => {\n        to === moveMap[props.type]\n          ? setVisibleAdditionalControls.on()\n          : setVisibleAdditionalControls.off();\n      },\n      [props.type],\n    );\n\n    const ref = useForkRef([componentRef, rootRef]);\n\n    return (\n      <Transition\n        in={isOpen}\n        unmountOnExit\n        timeout={animateTimeout}\n        nodeRef={rootRef}\n      >\n        {(animate) => {\n          return (\n            <Popover\n              ref={ref}\n              anchorRef={anchorRef}\n              className={cnDatePickerDropdown({ form }, [\n                className,\n                cnMixPopoverAnimate({ direction, animate }),\n              ])}\n              direction=\"downStartLeft\"\n              spareDirection=\"downStartLeft\"\n              possibleDirections={[\n                'downStartLeft',\n                'upStartLeft',\n                'downStartRight',\n                'upStartRight',\n              ]}\n              style={{ zIndex }}\n              role=\"listbox\"\n              onSetDirection={setDirection}\n            >\n              <DateTime {...otherProps} onMove={onMove} />\n              {visibleAdditionalControls && (\n                <DatePickerAdditionalControls\n                  currentVisibleDate={props.currentVisibleDate}\n                  renderAdditionalControls={renderAdditionalControls}\n                  type={props.type}\n                  view={props.view}\n                />\n              )}\n            </Popover>\n          );\n        }}\n      </Transition>\n    );\n  },\n);\n"],"mappings":"kPAAA,iCAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,WAA5B,CAAyCC,MAAzC,CAAiDC,QAAjD,KAAiE,OAAjE,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OACEC,QADF,sBAOA,OAAoBC,OAApB,qBACA,OAASC,OAAT,8BACA,OAASC,UAAT,iCACA,OAASC,cAAT,CAAyBC,mBAAzB,uCACA,OAASC,EAAT,0BAIA,OAASC,4BAAT,oEACA,OAIEC,iCAJF,gB,GAwCMC,QAA2C,CAAG,CAClD,KAAQ,MAD0C,CAElD,MAAS,OAFyC,CAGlD,KAAQ,KAH0C,CAIlD,KAAQ,MAJ0C,CAKlD,YAAa,KALqC,C,CAQ9CC,oBAAoB,CAAGJ,EAAE,CAAC,oBAAD,C,CAE/B,MAAO,IAAMK,mBAA+C,CAAGhB,UAAU,CACvE,SAACiB,CAAD,CAAQC,CAAR,CAAyB,OASnBD,CATmB,CAErBE,IAFqB,CAErBA,CAFqB,YAEdN,iCAFc,GAGrBO,CAHqB,CASnBH,CATmB,CAGrBG,SAHqB,CAIrBC,CAJqB,CASnBJ,CATmB,CAIrBI,MAJqB,CAKrBC,CALqB,CASnBL,CATmB,CAKrBK,SALqB,CAMrBC,CANqB,CASnBN,CATmB,CAMrBM,MANqB,CAOrBC,CAPqB,CASnBP,CATmB,CAOrBO,wBAPqB,CAQlBC,CARkB,0BASnBR,CATmB,YAWjBS,CAAO,CAAGxB,MAAM,CAAiB,IAAjB,CAXC,GAYWC,QAAQ,EAZnB,uBAYhBwB,CAZgB,MAYLC,CAZK,QAerBrB,OAAO,IAfc,uBAchBsB,CAdgB,MAcWC,CAdX,MAiBjBC,CAAM,CAAG9B,WAAW,CACxB,SAAC+B,CAAD,CAAkB,CAChBA,CAAE,GAAKlB,OAAO,CAACG,CAAK,CAACgB,IAAP,CAAd,CACIH,CAA4B,CAACI,EAA7B,EADJ,CAEIJ,CAA4B,CAACK,GAA7B,EACL,CALuB,CAMxB,CAAClB,CAAK,CAACgB,IAAP,CANwB,CAjBH,CA0BjBG,CAAG,CAAG5B,UAAU,CAAC,CAACU,CAAD,CAAeQ,CAAf,CAAD,CA1BC,CA4BvB,MACE,qBAAC,UAAD,EACE,GAAIL,CADN,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEZ,cAHX,CAIE,OAAO,CAAEiB,CAJX,EAMG,SAACW,CAAD,CAAa,CACZ,MACE,qBAAC,OAAD,EACE,GAAG,CAAED,CADP,CAEE,SAAS,CAAEhB,CAFb,CAGE,SAAS,CAAEL,oBAAoB,CAAC,CAAEI,IAAI,CAAJA,CAAF,CAAD,CAAW,CACxCG,CADwC,CAExCZ,mBAAmB,CAAC,CAAEiB,SAAS,CAATA,CAAF,CAAaU,OAAO,CAAPA,CAAb,CAAD,CAFqB,CAAX,CAHjC,CAOE,SAAS,CAAC,eAPZ,CAQE,cAAc,CAAC,eARjB,CASE,kBAAkB,CAAE,CAClB,eADkB,CAElB,aAFkB,CAGlB,gBAHkB,CAIlB,cAJkB,CATtB,CAeE,KAAK,CAAE,CAAEd,MAAM,CAANA,CAAF,CAfT,CAgBE,IAAI,CAAC,SAhBP,CAiBE,cAAc,CAAEK,CAjBlB,EAmBE,oBAAC,QAAD,kBAAcH,CAAd,EAA0B,MAAM,CAAEM,CAAlC,GAnBF,CAoBGF,CAAyB,EACxB,oBAAC,4BAAD,EACE,kBAAkB,CAAEZ,CAAK,CAACqB,kBAD5B,CAEE,wBAAwB,CAAEd,CAF5B,CAGE,IAAI,CAAEP,CAAK,CAACgB,IAHd,CAIE,IAAI,CAAEhB,CAAK,CAACsB,IAJd,EArBJ,CA8BH,CAtCH,CAyCH,CAvEsE,CAAlE"}
+{"version":3,"file":"DatePickerDropdown.js","names":["React","forwardRef","useCallback","useRef","useState","Transition","DateTime","Popover","useFlag","useForkRef","animateTimeout","cnMixPopoverAnimate","cn","DatePickerAdditionalControls","datePickerPropDropdownFormDefault","moveMap","cnDatePickerDropdown","DatePickerDropdown","props","componentRef","form","anchorRef","isOpen","className","zIndex","renderAdditionalControls","otherProps","rootRef","direction","setDirection","visibleAdditionalControls","setVisibleAdditionalControls","onMove","to","type","on","off","ref","animate","currentVisibleDate","view"],"sources":["../../../../../../src/components/DatePicker/DatePickerDropdown/DatePickerDropdown.tsx"],"sourcesContent":["import './DatePickerDropdown.css';\n\nimport React, { forwardRef, useCallback, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n  DateTime,\n  DateTimePropOnChange,\n  DateTimePropType,\n  MoveType,\n} from '##/components/DateTime';\nimport { DateTimePropDisableDates } from '##/components/DateTime/helpers/types';\nimport { Direction, Popover } from '##/components/Popover';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cn } from '##/utils/bem';\nimport { DateRange } from '##/utils/types/Date';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { DatePickerAdditionalControls } from '../DatePickerAdditionalControls/DatePickerAdditionalControls';\nimport {\n  DatePickerAdditionalControlRenderProp,\n  DatePickerPropDateTimeView,\n  DatePickerPropDropdownForm,\n  datePickerPropDropdownFormDefault,\n} from '../types';\n\nexport type DatePickerDropdownPropOnChange = DateTimePropOnChange;\n\nexport type DatePickerDropdownProps = PropsWithHTMLAttributesAndRef<\n  {\n    anchorRef: React.RefObject<HTMLElement>;\n    currentVisibleDate?: Date;\n    type: DateTimePropType;\n    value?: Date | DateRange;\n    onChange?: DatePickerDropdownPropOnChange;\n    minDate?: Date;\n    maxDate?: Date;\n    events?: Date[];\n    view: DatePickerPropDateTimeView;\n    locale?: Locale;\n    children?: never;\n    form?: DatePickerPropDropdownForm;\n    isOpen?: boolean;\n    onChangeCurrentVisibleDate?: (date: Date) => void;\n    zIndex?: number;\n    renderAdditionalControls?: DatePickerAdditionalControlRenderProp;\n    multiplicitySeconds?: number;\n    multiplicityMinutes?: number;\n    multiplicityHours?: number;\n    timeFor?: 'start' | 'end';\n    disableDates?: DateTimePropDisableDates;\n  },\n  HTMLDivElement\n>;\n\ntype DatePickerDropdownComponent = (\n  props: DatePickerDropdownProps,\n) => React.ReactNode | null;\n\nconst moveMap: Record<DateTimePropType, MoveType> = {\n  'year': 'year',\n  'month': 'month',\n  'date': 'day',\n  'time': 'time',\n  'date-time': 'day',\n};\n\nconst cnDatePickerDropdown = cn('DatePickerDropdown');\n\nexport const DatePickerDropdown: DatePickerDropdownComponent = forwardRef(\n  (props, componentRef) => {\n    const {\n      form = datePickerPropDropdownFormDefault,\n      anchorRef,\n      isOpen,\n      className,\n      zIndex,\n      renderAdditionalControls,\n      ...otherProps\n    } = props;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const [direction, setDirection] = useState<Direction>();\n\n    const [visibleAdditionalControls, setVisibleAdditionalControls] =\n      useFlag(true);\n\n    const onMove = useCallback(\n      (to: MoveType) => {\n        to === moveMap[props.type]\n          ? setVisibleAdditionalControls.on()\n          : setVisibleAdditionalControls.off();\n      },\n      [props.type],\n    );\n\n    const ref = useForkRef([componentRef, rootRef]);\n\n    return (\n      <Transition\n        in={isOpen}\n        unmountOnExit\n        timeout={animateTimeout}\n        nodeRef={rootRef}\n      >\n        {(animate) => {\n          return (\n            <Popover\n              ref={ref}\n              anchorRef={anchorRef}\n              className={cnDatePickerDropdown({ form }, [\n                className,\n                cnMixPopoverAnimate({ direction, animate }),\n              ])}\n              direction=\"downStartLeft\"\n              spareDirection=\"downStartLeft\"\n              possibleDirections={[\n                'downStartLeft',\n                'upStartLeft',\n                'downStartRight',\n                'upStartRight',\n              ]}\n              style={{ zIndex }}\n              role=\"listbox\"\n              onSetDirection={setDirection}\n            >\n              <DateTime {...otherProps} onMove={onMove} />\n              {visibleAdditionalControls && (\n                <DatePickerAdditionalControls\n                  currentVisibleDate={props.currentVisibleDate}\n                  renderAdditionalControls={renderAdditionalControls}\n                  type={props.type}\n                  view={props.view}\n                />\n              )}\n            </Popover>\n          );\n        }}\n      </Transition>\n    );\n  },\n);\n"],"mappings":"kPAAA,iCAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,WAA5B,CAAyCC,MAAzC,CAAiDC,QAAjD,KAAiE,OAAjE,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OACEC,QADF,sBAOA,OAAoBC,OAApB,qBACA,OAASC,OAAT,8BACA,OAASC,UAAT,iCACA,OAASC,cAAT,CAAyBC,mBAAzB,uCACA,OAASC,EAAT,0BAIA,OAASC,4BAAT,oEACA,OAIEC,iCAJF,gB,GAwCMC,QAA2C,CAAG,CAClD,KAAQ,MAD0C,CAElD,MAAS,OAFyC,CAGlD,KAAQ,KAH0C,CAIlD,KAAQ,MAJ0C,CAKlD,YAAa,KALqC,C,CAQ9CC,oBAAoB,CAAGJ,EAAE,CAAC,oBAAD,C,CAE/B,MAAO,IAAMK,mBAA+C,CAAGhB,UAAU,CACvE,SAACiB,CAAD,CAAQC,CAAR,CAAyB,OASnBD,CATmB,CAErBE,IAFqB,CAErBA,CAFqB,YAEdN,iCAFc,GAGrBO,CAHqB,CASnBH,CATmB,CAGrBG,SAHqB,CAIrBC,CAJqB,CASnBJ,CATmB,CAIrBI,MAJqB,CAKrBC,CALqB,CASnBL,CATmB,CAKrBK,SALqB,CAMrBC,CANqB,CASnBN,CATmB,CAMrBM,MANqB,CAOrBC,CAPqB,CASnBP,CATmB,CAOrBO,wBAPqB,CAQlBC,CARkB,0BASnBR,CATmB,YAWjBS,CAAO,CAAGxB,MAAM,CAAiB,IAAjB,CAXC,GAYWC,QAAQ,EAZnB,uBAYhBwB,CAZgB,MAYLC,CAZK,QAerBrB,OAAO,IAfc,uBAchBsB,CAdgB,MAcWC,CAdX,MAiBjBC,CAAM,CAAG9B,WAAW,CACxB,SAAC+B,CAAD,CAAkB,CAChBA,CAAE,GAAKlB,OAAO,CAACG,CAAK,CAACgB,IAAP,CAAd,CACIH,CAA4B,CAACI,EAA7B,EADJ,CAEIJ,CAA4B,CAACK,GAA7B,EACL,CALuB,CAMxB,CAAClB,CAAK,CAACgB,IAAP,CANwB,CAjBH,CA0BjBG,CAAG,CAAG5B,UAAU,CAAC,CAACU,CAAD,CAAeQ,CAAf,CAAD,CA1BC,CA4BvB,MACE,qBAAC,UAAD,EACE,GAAIL,CADN,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEZ,cAHX,CAIE,OAAO,CAAEiB,CAJX,EAMG,SAACW,CAAD,CAAa,CACZ,MACE,qBAAC,OAAD,EACE,GAAG,CAAED,CADP,CAEE,SAAS,CAAEhB,CAFb,CAGE,SAAS,CAAEL,oBAAoB,CAAC,CAAEI,IAAI,CAAJA,CAAF,CAAD,CAAW,CACxCG,CADwC,CAExCZ,mBAAmB,CAAC,CAAEiB,SAAS,CAATA,CAAF,CAAaU,OAAO,CAAPA,CAAb,CAAD,CAFqB,CAAX,CAHjC,CAOE,SAAS,CAAC,eAPZ,CAQE,cAAc,CAAC,eARjB,CASE,kBAAkB,CAAE,CAClB,eADkB,CAElB,aAFkB,CAGlB,gBAHkB,CAIlB,cAJkB,CATtB,CAeE,KAAK,CAAE,CAAEd,MAAM,CAANA,CAAF,CAfT,CAgBE,IAAI,CAAC,SAhBP,CAiBE,cAAc,CAAEK,CAjBlB,EAmBE,oBAAC,QAAD,kBAAcH,CAAd,EAA0B,MAAM,CAAEM,CAAlC,GAnBF,CAoBGF,CAAyB,EACxB,oBAAC,4BAAD,EACE,kBAAkB,CAAEZ,CAAK,CAACqB,kBAD5B,CAEE,wBAAwB,CAAEd,CAF5B,CAGE,IAAI,CAAEP,CAAK,CAACgB,IAHd,CAIE,IAAI,CAAEhB,CAAK,CAACsB,IAJd,EArBJ,CA8BH,CAtCH,CAyCH,CAvEsE,CAAlE"}

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

@@ -36,4 +36,4 @@ export declare const DatePickerFieldTypeDate: React.ForwardRefExoticComponent<{
     caption?: string;
     labelPosition?: "top" | "left";
     withClearButton?: boolean;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "caption" | "form" | "label" | "separator" | "status" | "name" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "format"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "autoFocus" | "className" | "id" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "form" | "separator" | "status" | "caption" | "label" | "name" | "disabled" | "value" | "placeholder" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "format"> & React.RefAttributes<HTMLDivElement>>;

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" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+export declare const DatePickerFieldTypeDateRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeDate/helpers").DatePickerFieldTypeDateProps, "id" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "placeholder" | "inputRef" | "leftSide" | "rightSide"> & {
     onChange?: (value: import("../../../utils/types/Date").DateRange | null, props: {
         e: Event;
     }) => void;

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

@@ -39,4 +39,4 @@ export declare const DatePickerFieldTypeDateTime: React.ForwardRefExoticComponen
     caption?: string;
     labelPosition?: "top" | "left";
     withClearButton?: boolean;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "caption" | "form" | "label" | "separator" | "status" | "name" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "multiplicitySeconds" | "multiplicityMinutes" | "multiplicityHours" | "format"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "autoFocus" | "className" | "id" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "form" | "separator" | "status" | "caption" | "label" | "name" | "disabled" | "value" | "placeholder" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "multiplicitySeconds" | "multiplicityMinutes" | "multiplicityHours" | "format"> & React.RefAttributes<HTMLDivElement>>;

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" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+export declare const DatePickerFieldTypeDateTimeRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeDateTime/helpers").DatePickerFieldTypeDateTimeProps, "id" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "placeholder" | "inputRef" | "leftSide" | "rightSide"> & {
     onChange?: (value: import("../../../utils/types/Date").DateRange | null, props: {
         e: Event;
     }) => void;

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

@@ -36,4 +36,4 @@ export declare const DatePickerFieldTypeMonth: React.ForwardRefExoticComponent<{
     caption?: string;
     labelPosition?: "top" | "left";
     withClearButton?: boolean;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "caption" | "form" | "label" | "separator" | "status" | "name" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "format"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "autoFocus" | "className" | "id" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "form" | "separator" | "status" | "caption" | "label" | "name" | "disabled" | "value" | "placeholder" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "format"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const DatePickerFieldTypeMonthRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeMonth/helpers").DatePickerFieldTypeMonthProps, "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+export declare const DatePickerFieldTypeMonthRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeMonth/helpers").DatePickerFieldTypeMonthProps, "id" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "placeholder" | "inputRef" | "leftSide" | "rightSide"> & {
     onChange?: (value: import("../../../utils/types/Date").DateRange | null, props: {
         e: Event;
     }) => void;

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

@@ -39,4 +39,4 @@ export declare const DatePickerFieldTypeTime: React.ForwardRefExoticComponent<{
     caption?: string;
     labelPosition?: "top" | "left";
     withClearButton?: boolean;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "caption" | "form" | "label" | "separator" | "status" | "name" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "multiplicitySeconds" | "multiplicityMinutes" | "multiplicityHours" | "format"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "autoFocus" | "className" | "id" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "form" | "separator" | "status" | "caption" | "label" | "name" | "disabled" | "value" | "placeholder" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "multiplicitySeconds" | "multiplicityMinutes" | "multiplicityHours" | "format"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -36,4 +36,4 @@ export declare const DatePickerFieldTypeYear: React.ForwardRefExoticComponent<{
     caption?: string;
     labelPosition?: "top" | "left";
     withClearButton?: boolean;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "caption" | "form" | "label" | "separator" | "status" | "name" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "format"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "autoFocus" | "className" | "id" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "form" | "separator" | "status" | "caption" | "label" | "name" | "disabled" | "value" | "placeholder" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "format"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const DatePickerFieldTypeYearRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeYear/helpers").DatePickerFieldTypeYearProps, "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+export declare const DatePickerFieldTypeYearRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeYear/helpers").DatePickerFieldTypeYearProps, "id" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "placeholder" | "inputRef" | "leftSide" | "rightSide"> & {
     onChange?: (value: import("../../../utils/types/Date").DateRange | null, props: {
         e: Event;
     }) => void;

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

@@ -82,8 +82,8 @@ export type DatePickerProps<TYPE extends DatePickerPropType = 'date'> = PropsWit
     dropdownOpen?: boolean;
     ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
 }, HTMLDivElement>;
-export type DatePickerComponent = <TYPE extends DatePickerPropType = 'date'>(props: DatePickerProps<TYPE>) => React.ReactElement | null;
-export type DatePickerTypeComponent<TYPE extends DatePickerPropType> = (props: Omit<DatePickerProps<TYPE>, 'type'>) => React.ReactElement | null;
+export type DatePickerComponent = <TYPE extends DatePickerPropType = 'date'>(props: DatePickerProps<TYPE>) => React.ReactNode | null;
+export type DatePickerTypeComponent<TYPE extends DatePickerPropType> = (props: Omit<DatePickerProps<TYPE>, 'type'>) => React.ReactNode | null;
 export type DatePickerPropOnError = (props: {
     type: typeof datePickerErrorTypes[0];
     stringValue: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["dateTimePropViewDefault","datePickerPropType","datePickerPropTypeDefault","datePickerPropDateTimeViewDefault","datePickerErrorTypes","datePickerPropDropdownForm","datePickerPropDropdownFormDefault"],"sources":["../../../../../src/components/DatePicker/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { Locale } from 'date-fns';\n\nimport { DateRange } from '../../utils/types/Date';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport {\n  DateTimePropDisableDates,\n  DateTimePropView,\n  dateTimePropViewDefault,\n} from '../DateTime/helpers';\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n} from '../TextField/TextField';\n\nexport const datePickerPropType = [\n  'date',\n  'date-range',\n  'date-time',\n  'date-time-range',\n  'time',\n  'year',\n  'year-range',\n  'month',\n  'month-range',\n] as const;\n\nexport type DatePickerPropType = typeof datePickerPropType[number];\nexport const datePickerPropTypeDefault = datePickerPropType[0];\n\nexport type DatePickerPropDateTimeView = DateTimePropView;\nexport const datePickerPropDateTimeViewDefault = dateTimePropViewDefault;\n\ntype Range = 'date-range' | 'date-time-range' | 'year-range' | 'month-range';\n\nexport const datePickerErrorTypes = [\n  'outOfRange',\n  'invalidInputAttempt',\n  'startDateIsGreaterThanEndDate',\n] as const;\n\nexport type DatePickerPropValue<TYPE extends DatePickerPropType> =\n  | (TYPE extends Range ? DateRange : Date)\n  | null;\n\nexport type DatePickerPropPlaceholder<TYPE> = TYPE extends Range\n  ? [string?, string?] | string\n  : string;\n\nexport type DatePickerPropOnChange<TYPE extends DatePickerPropType> = (\n  value: DatePickerPropValue<TYPE>,\n  props: {\n    e: React.MouseEvent<HTMLButtonElement, MouseEvent> | Event;\n  },\n) => void;\n\nexport const datePickerPropDropdownForm = [\n  'default',\n  'brick',\n  'round',\n] as const;\nexport type DatePickerPropDropdownForm =\n  typeof datePickerPropDropdownForm[number];\nexport const datePickerPropDropdownFormDefault = datePickerPropDropdownForm[0];\n\ntype DatePickerPropInputRef<TYPE> = TYPE extends Range\n  ? [React.Ref<HTMLInputElement>?, React.Ref<HTMLInputElement>?]\n  : React.Ref<HTMLInputElement>;\n\ntype DatePickerPropSide<TYPE> = TYPE extends Range\n  ?\n      | [(string | IconComponent)?, (string | IconComponent)?]\n      | string\n      | IconComponent\n  : string | IconComponent;\n\ntype DatePickerPropOnFocus<TYPE> = TYPE extends Range\n  ?\n      | [\n          React.FocusEventHandler<HTMLElement>?,\n          React.FocusEventHandler<HTMLElement>?,\n        ]\n      | React.FocusEventHandler<HTMLElement>\n  : React.FocusEventHandler<HTMLElement>;\n\ntype DatePickerPropName<TYPE> = TYPE extends Range\n  ? [string?, string?] | string\n  : string;\n\nexport type DatePickerAdditionalControlRenderFn = (props: {\n  currentVisibleDate?: Date;\n}) => React.ReactNode | React.ReactNode[];\n\nexport type DatePickerAdditionalControlRenderProp =\n  | React.ReactNode\n  | DatePickerAdditionalControlRenderFn;\n\nexport type DatePickerProps<TYPE extends DatePickerPropType = 'date'> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      type?: TYPE;\n      value?: DatePickerPropValue<TYPE>;\n      onChange?: DatePickerPropOnChange<TYPE>;\n      minDate?: Date;\n      maxDate?: Date;\n      renderAdditionalControls?: DatePickerAdditionalControlRenderProp;\n      events?: Date[];\n      dateTimeView?: DatePickerPropDateTimeView;\n      locale?: Locale;\n      children?: never;\n      onError?: DatePickerPropOnError;\n      id?: string;\n      name?: DatePickerPropName<TYPE>;\n      disabled?: boolean;\n      disableDates?: DateTimePropDisableDates;\n      dropdownClassName?: string;\n      dropdownRef?: React.Ref<HTMLDivElement>;\n      size?: TextFieldPropSize;\n      view?: TextFieldPropView;\n      form?: TextFieldPropForm;\n      status?: TextFieldPropStatus;\n      onFocus?: DatePickerPropOnFocus<TYPE>;\n      onBlur?: DatePickerPropOnFocus<TYPE>;\n      autoFocus?: boolean;\n      placeholder?: DatePickerPropPlaceholder<TYPE>;\n      readOnly?: boolean;\n      required?: boolean;\n      tabIndex?: number;\n      inputRef?: DatePickerPropInputRef<TYPE>;\n      ariaLabel?: string;\n      iconSize?: IconPropSize;\n      format?: string;\n      separator?: string;\n      dropdownForm?: DatePickerPropDropdownForm;\n      leftSide?: DatePickerPropSide<TYPE>;\n      rightSide?: DatePickerPropSide<TYPE>;\n      label?: string;\n      labelIcon?: IconComponent;\n      caption?: string;\n      labelPosition?: 'top' | 'left';\n      onChangeCurrentVisibleDate?: (date: Date) => void;\n      currentVisibleDate?: Date;\n      multiplicitySeconds?: number;\n      multiplicityMinutes?: number;\n      multiplicityHours?: number;\n      isMobile?: number;\n      withClearButton?: boolean;\n      onDropdownOpen?: (isOpen: boolean) => void;\n      dropdownOpen?: boolean;\n      ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n    },\n    HTMLDivElement\n  >;\n\nexport type DatePickerComponent = <TYPE extends DatePickerPropType = 'date'>(\n  props: DatePickerProps<TYPE>,\n) => React.ReactElement | null;\n\nexport type DatePickerTypeComponent<TYPE extends DatePickerPropType> = (\n  props: Omit<DatePickerProps<TYPE>, 'type'>,\n) => React.ReactElement | null;\n\nexport type DatePickerPropOnError = (\n  props:\n    | {\n        type: typeof datePickerErrorTypes[0];\n        stringValue: string;\n        dd?: string;\n        MM?: string;\n        yyyy?: string;\n        ss?: string;\n        mm?: string;\n        HH?: string;\n        date: Date;\n      }\n    | {\n        type: typeof datePickerErrorTypes[1];\n        stringValue: string;\n        dd?: string;\n        MM?: string;\n        yyyy?: string;\n        ss?: string;\n        mm?: string;\n        HH?: string;\n      }\n    | {\n        type: typeof datePickerErrorTypes[2];\n        date: [Date, Date];\n      },\n) => void;\n"],"mappings":"AAKA,OAGEA,uBAHF,2BAYA,MAAO,IAAMC,mBAAkB,CAAG,CAChC,MADgC,CAEhC,YAFgC,CAGhC,WAHgC,CAIhC,iBAJgC,CAKhC,MALgC,CAMhC,MANgC,CAOhC,YAPgC,CAQhC,OARgC,CAShC,aATgC,CAA3B,CAaP,MAAO,IAAMC,0BAAyB,CAAGD,kBAAkB,CAAC,CAAD,CAApD,CAGP,MAAO,IAAME,kCAAiC,CAAGH,uBAA1C,CAIP,MAAO,IAAMI,qBAAoB,CAAG,CAClC,YADkC,CAElC,qBAFkC,CAGlC,+BAHkC,CAA7B,CAqBP,MAAO,IAAMC,2BAA0B,CAAG,CACxC,SADwC,CAExC,OAFwC,CAGxC,OAHwC,CAAnC,CAOP,MAAO,IAAMC,kCAAiC,CAAGD,0BAA0B,CAAC,CAAD,CAApE"}
+{"version":3,"file":"types.js","names":["dateTimePropViewDefault","datePickerPropType","datePickerPropTypeDefault","datePickerPropDateTimeViewDefault","datePickerErrorTypes","datePickerPropDropdownForm","datePickerPropDropdownFormDefault"],"sources":["../../../../../src/components/DatePicker/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { Locale } from 'date-fns';\n\nimport { DateRange } from '../../utils/types/Date';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport {\n  DateTimePropDisableDates,\n  DateTimePropView,\n  dateTimePropViewDefault,\n} from '../DateTime/helpers';\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n} from '../TextField/TextField';\n\nexport const datePickerPropType = [\n  'date',\n  'date-range',\n  'date-time',\n  'date-time-range',\n  'time',\n  'year',\n  'year-range',\n  'month',\n  'month-range',\n] as const;\n\nexport type DatePickerPropType = typeof datePickerPropType[number];\nexport const datePickerPropTypeDefault = datePickerPropType[0];\n\nexport type DatePickerPropDateTimeView = DateTimePropView;\nexport const datePickerPropDateTimeViewDefault = dateTimePropViewDefault;\n\ntype Range = 'date-range' | 'date-time-range' | 'year-range' | 'month-range';\n\nexport const datePickerErrorTypes = [\n  'outOfRange',\n  'invalidInputAttempt',\n  'startDateIsGreaterThanEndDate',\n] as const;\n\nexport type DatePickerPropValue<TYPE extends DatePickerPropType> =\n  | (TYPE extends Range ? DateRange : Date)\n  | null;\n\nexport type DatePickerPropPlaceholder<TYPE> = TYPE extends Range\n  ? [string?, string?] | string\n  : string;\n\nexport type DatePickerPropOnChange<TYPE extends DatePickerPropType> = (\n  value: DatePickerPropValue<TYPE>,\n  props: {\n    e: React.MouseEvent<HTMLButtonElement, MouseEvent> | Event;\n  },\n) => void;\n\nexport const datePickerPropDropdownForm = [\n  'default',\n  'brick',\n  'round',\n] as const;\nexport type DatePickerPropDropdownForm =\n  typeof datePickerPropDropdownForm[number];\nexport const datePickerPropDropdownFormDefault = datePickerPropDropdownForm[0];\n\ntype DatePickerPropInputRef<TYPE> = TYPE extends Range\n  ? [React.Ref<HTMLInputElement>?, React.Ref<HTMLInputElement>?]\n  : React.Ref<HTMLInputElement>;\n\ntype DatePickerPropSide<TYPE> = TYPE extends Range\n  ?\n      | [(string | IconComponent)?, (string | IconComponent)?]\n      | string\n      | IconComponent\n  : string | IconComponent;\n\ntype DatePickerPropOnFocus<TYPE> = TYPE extends Range\n  ?\n      | [\n          React.FocusEventHandler<HTMLElement>?,\n          React.FocusEventHandler<HTMLElement>?,\n        ]\n      | React.FocusEventHandler<HTMLElement>\n  : React.FocusEventHandler<HTMLElement>;\n\ntype DatePickerPropName<TYPE> = TYPE extends Range\n  ? [string?, string?] | string\n  : string;\n\nexport type DatePickerAdditionalControlRenderFn = (props: {\n  currentVisibleDate?: Date;\n}) => React.ReactNode | React.ReactNode[];\n\nexport type DatePickerAdditionalControlRenderProp =\n  | React.ReactNode\n  | DatePickerAdditionalControlRenderFn;\n\nexport type DatePickerProps<TYPE extends DatePickerPropType = 'date'> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      type?: TYPE;\n      value?: DatePickerPropValue<TYPE>;\n      onChange?: DatePickerPropOnChange<TYPE>;\n      minDate?: Date;\n      maxDate?: Date;\n      renderAdditionalControls?: DatePickerAdditionalControlRenderProp;\n      events?: Date[];\n      dateTimeView?: DatePickerPropDateTimeView;\n      locale?: Locale;\n      children?: never;\n      onError?: DatePickerPropOnError;\n      id?: string;\n      name?: DatePickerPropName<TYPE>;\n      disabled?: boolean;\n      disableDates?: DateTimePropDisableDates;\n      dropdownClassName?: string;\n      dropdownRef?: React.Ref<HTMLDivElement>;\n      size?: TextFieldPropSize;\n      view?: TextFieldPropView;\n      form?: TextFieldPropForm;\n      status?: TextFieldPropStatus;\n      onFocus?: DatePickerPropOnFocus<TYPE>;\n      onBlur?: DatePickerPropOnFocus<TYPE>;\n      autoFocus?: boolean;\n      placeholder?: DatePickerPropPlaceholder<TYPE>;\n      readOnly?: boolean;\n      required?: boolean;\n      tabIndex?: number;\n      inputRef?: DatePickerPropInputRef<TYPE>;\n      ariaLabel?: string;\n      iconSize?: IconPropSize;\n      format?: string;\n      separator?: string;\n      dropdownForm?: DatePickerPropDropdownForm;\n      leftSide?: DatePickerPropSide<TYPE>;\n      rightSide?: DatePickerPropSide<TYPE>;\n      label?: string;\n      labelIcon?: IconComponent;\n      caption?: string;\n      labelPosition?: 'top' | 'left';\n      onChangeCurrentVisibleDate?: (date: Date) => void;\n      currentVisibleDate?: Date;\n      multiplicitySeconds?: number;\n      multiplicityMinutes?: number;\n      multiplicityHours?: number;\n      isMobile?: number;\n      withClearButton?: boolean;\n      onDropdownOpen?: (isOpen: boolean) => void;\n      dropdownOpen?: boolean;\n      ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n    },\n    HTMLDivElement\n  >;\n\nexport type DatePickerComponent = <TYPE extends DatePickerPropType = 'date'>(\n  props: DatePickerProps<TYPE>,\n) => React.ReactNode | null;\n\nexport type DatePickerTypeComponent<TYPE extends DatePickerPropType> = (\n  props: Omit<DatePickerProps<TYPE>, 'type'>,\n) => React.ReactNode | null;\n\nexport type DatePickerPropOnError = (\n  props:\n    | {\n        type: typeof datePickerErrorTypes[0];\n        stringValue: string;\n        dd?: string;\n        MM?: string;\n        yyyy?: string;\n        ss?: string;\n        mm?: string;\n        HH?: string;\n        date: Date;\n      }\n    | {\n        type: typeof datePickerErrorTypes[1];\n        stringValue: string;\n        dd?: string;\n        MM?: string;\n        yyyy?: string;\n        ss?: string;\n        mm?: string;\n        HH?: string;\n      }\n    | {\n        type: typeof datePickerErrorTypes[2];\n        date: [Date, Date];\n      },\n) => void;\n"],"mappings":"AAKA,OAGEA,uBAHF,2BAYA,MAAO,IAAMC,mBAAkB,CAAG,CAChC,MADgC,CAEhC,YAFgC,CAGhC,WAHgC,CAIhC,iBAJgC,CAKhC,MALgC,CAMhC,MANgC,CAOhC,YAPgC,CAQhC,OARgC,CAShC,aATgC,CAA3B,CAaP,MAAO,IAAMC,0BAAyB,CAAGD,kBAAkB,CAAC,CAAD,CAApD,CAGP,MAAO,IAAME,kCAAiC,CAAGH,uBAA1C,CAIP,MAAO,IAAMI,qBAAoB,CAAG,CAClC,YADkC,CAElC,qBAFkC,CAGlC,+BAHkC,CAA7B,CAqBP,MAAO,IAAMC,2BAA0B,CAAG,CACxC,SADwC,CAExC,OAFwC,CAGxC,OAHwC,CAAnC,CAOP,MAAO,IAAMC,kCAAiC,CAAGD,0BAA0B,CAAC,CAAD,CAApE"}

package/__internal__/src/components/DateTime/DateTimeCell/DateTimeCell.d.ts

@@ -7,4 +7,4 @@ export type DateTimeCellProps = PropsWithJsxAttributes<{
     range?: DateTimeCellPropRange;
 }, 'div'>;
 export declare const cnDateTimeCell: import("@bem-react/classname").ClassNameFormatter;
-export declare const DateTimeCell: React.ForwardRefExoticComponent<Pick<DateTimeCellProps, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "range"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DateTimeCell: React.ForwardRefExoticComponent<Omit<DateTimeCellProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/DateTime/DateTimeItem/DateTimeItem.d.ts

@@ -11,4 +11,4 @@ export type DateTimeItemProps = PropsWithJsxAttributes<{
     children?: never;
 }, 'button'>;
 export declare const cnDateTimeItem: import("@bem-react/classname").ClassNameFormatter;
-export declare const DateTimeItem: React.ForwardRefExoticComponent<Pick<DateTimeItemProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "type" | "form" | "label" | "key" | "name" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "selected" | "current" | "event"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const DateTimeItem: React.ForwardRefExoticComponent<Omit<DateTimeItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/__internal__/src/components/DateTime/helpers/types.d.ts

@@ -46,8 +46,8 @@ export type DateTimeProps<TYPE extends DateTimePropType = 'date'> = PropsWithHTM
     onMove?: (type: MoveType) => void;
     timeFor?: DateTimePropTimeFor<TYPE>;
 }, HTMLDivElement>;
-export type DateTimeComponent = <TYPE extends DateTimePropType = 'date'>(props: DateTimeProps<TYPE>) => React.ReactElement | null;
-export type DateTimeTypeComponent<TYPE extends DateTimePropType> = (props: Omit<DateTimeProps<TYPE>, 'type'>) => React.ReactElement | null;
+export type DateTimeComponent = <TYPE extends DateTimePropType = 'date'>(props: DateTimeProps<TYPE>) => React.ReactNode | null;
+export type DateTimeTypeComponent<TYPE extends DateTimePropType> = (props: Omit<DateTimeProps<TYPE>, 'type'>) => React.ReactNode | null;
 export type HandleSelectDate = (value: Date, props: {
     value: Date;
     e: React.MouseEvent<HTMLButtonElement>;

package/__internal__/src/components/DateTime/helpers/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["dateTimePropView","dateTimePropViewDefault","dateTimePropType","dateTimePropTypeDefault","moveTypes"],"sources":["../../../../../../src/components/DateTime/helpers/types.ts"],"sourcesContent":["import { DateRange } from '../../../utils/types/Date';\nimport { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';\n\nexport const dateTimePropView = ['classic', 'book', 'slider'] as const;\nexport type DateTimePropView = typeof dateTimePropView[number];\nexport const dateTimePropViewDefault = dateTimePropView[0];\n\nexport const dateTimePropType = [\n  'date',\n  'month',\n  'year',\n  'time',\n  'date-time',\n] as const;\nexport type DateTimePropType = typeof dateTimePropType[number];\nexport const dateTimePropTypeDefault = dateTimePropType[0];\n\nexport type DateTimePropDisableDates = Array<Date | [Date, Date]>;\n\nexport type CapableRangeType = 'date' | 'month' | 'year' | 'date-time';\n\nexport type DateTimePropValue<TYPE> = TYPE extends CapableRangeType\n  ? Date | DateRange\n  : Date;\n\nexport type DateTimePropOnChange = (\n  value: Date,\n  props: {\n    e: React.MouseEvent<HTMLButtonElement>;\n  },\n) => void;\n\nexport type DateTimePropOnChangeRange<TYPE> = TYPE extends CapableRangeType\n  ? (\n      value: DateRange,\n      props: {\n        e: React.MouseEvent<HTMLButtonElement>;\n      },\n    ) => void\n  : never;\n\ntype LocaleWords = {\n  words?: {\n    hours?: string;\n    minutes?: string;\n    seconds?: string;\n  };\n};\n\nexport type DateTimePropLocale = Locale & LocaleWords;\n\nexport const moveTypes = ['year', 'month', 'day', 'time'] as const;\nexport type MoveType = typeof moveTypes[number];\n\ntype DateTimePropTimeFor<TYPE> = TYPE extends 'date-time'\n  ? 'start' | 'end'\n  : never;\n\nexport type DateTimeProps<TYPE extends DateTimePropType = 'date'> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      currentVisibleDate?: Date;\n      type?: TYPE;\n      value?: DateTimePropValue<TYPE>;\n      onChange?: DateTimePropOnChange;\n      onChangeRange?: DateTimePropOnChangeRange<TYPE>;\n      minDate?: Date;\n      maxDate?: Date;\n      events?: Date[];\n      view?: TYPE extends CapableRangeType ? DateTimePropView : 'classic';\n      locale?: DateTimePropLocale;\n      children?: never;\n      disableDates?: DateTimePropDisableDates;\n      onChangeCurrentVisibleDate?: (date: Date) => void;\n      multiplicitySeconds?: number;\n      multiplicityMinutes?: number;\n      multiplicityHours?: number;\n      onMove?: (type: MoveType) => void;\n      timeFor?: DateTimePropTimeFor<TYPE>;\n    },\n    HTMLDivElement\n  >;\n\nexport type DateTimeComponent = <TYPE extends DateTimePropType = 'date'>(\n  props: DateTimeProps<TYPE>,\n) => React.ReactElement | null;\n\nexport type DateTimeTypeComponent<TYPE extends DateTimePropType> = (\n  props: Omit<DateTimeProps<TYPE>, 'type'>,\n) => React.ReactElement | null;\n\nexport type HandleSelectDate = (\n  value: Date,\n  props: {\n    value: Date;\n    e: React.MouseEvent<HTMLButtonElement>;\n  },\n) => void;\n"],"mappings":"AAGA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,SAAD,CAAY,MAAZ,CAAoB,QAApB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,iBAAgB,CAAG,CAC9B,MAD8B,CAE9B,OAF8B,CAG9B,MAH8B,CAI9B,MAJ8B,CAK9B,WAL8B,CAAzB,CAQP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAoCP,MAAO,IAAME,UAAS,CAAG,CAAC,MAAD,CAAS,OAAT,CAAkB,KAAlB,CAAyB,MAAzB,CAAlB"}
+{"version":3,"file":"types.js","names":["dateTimePropView","dateTimePropViewDefault","dateTimePropType","dateTimePropTypeDefault","moveTypes"],"sources":["../../../../../../src/components/DateTime/helpers/types.ts"],"sourcesContent":["import { DateRange } from '../../../utils/types/Date';\nimport { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';\n\nexport const dateTimePropView = ['classic', 'book', 'slider'] as const;\nexport type DateTimePropView = typeof dateTimePropView[number];\nexport const dateTimePropViewDefault = dateTimePropView[0];\n\nexport const dateTimePropType = [\n  'date',\n  'month',\n  'year',\n  'time',\n  'date-time',\n] as const;\nexport type DateTimePropType = typeof dateTimePropType[number];\nexport const dateTimePropTypeDefault = dateTimePropType[0];\n\nexport type DateTimePropDisableDates = Array<Date | [Date, Date]>;\n\nexport type CapableRangeType = 'date' | 'month' | 'year' | 'date-time';\n\nexport type DateTimePropValue<TYPE> = TYPE extends CapableRangeType\n  ? Date | DateRange\n  : Date;\n\nexport type DateTimePropOnChange = (\n  value: Date,\n  props: {\n    e: React.MouseEvent<HTMLButtonElement>;\n  },\n) => void;\n\nexport type DateTimePropOnChangeRange<TYPE> = TYPE extends CapableRangeType\n  ? (\n      value: DateRange,\n      props: {\n        e: React.MouseEvent<HTMLButtonElement>;\n      },\n    ) => void\n  : never;\n\ntype LocaleWords = {\n  words?: {\n    hours?: string;\n    minutes?: string;\n    seconds?: string;\n  };\n};\n\nexport type DateTimePropLocale = Locale & LocaleWords;\n\nexport const moveTypes = ['year', 'month', 'day', 'time'] as const;\nexport type MoveType = typeof moveTypes[number];\n\ntype DateTimePropTimeFor<TYPE> = TYPE extends 'date-time'\n  ? 'start' | 'end'\n  : never;\n\nexport type DateTimeProps<TYPE extends DateTimePropType = 'date'> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      currentVisibleDate?: Date;\n      type?: TYPE;\n      value?: DateTimePropValue<TYPE>;\n      onChange?: DateTimePropOnChange;\n      onChangeRange?: DateTimePropOnChangeRange<TYPE>;\n      minDate?: Date;\n      maxDate?: Date;\n      events?: Date[];\n      view?: TYPE extends CapableRangeType ? DateTimePropView : 'classic';\n      locale?: DateTimePropLocale;\n      children?: never;\n      disableDates?: DateTimePropDisableDates;\n      onChangeCurrentVisibleDate?: (date: Date) => void;\n      multiplicitySeconds?: number;\n      multiplicityMinutes?: number;\n      multiplicityHours?: number;\n      onMove?: (type: MoveType) => void;\n      timeFor?: DateTimePropTimeFor<TYPE>;\n    },\n    HTMLDivElement\n  >;\n\nexport type DateTimeComponent = <TYPE extends DateTimePropType = 'date'>(\n  props: DateTimeProps<TYPE>,\n) => React.ReactNode | null;\n\nexport type DateTimeTypeComponent<TYPE extends DateTimePropType> = (\n  props: Omit<DateTimeProps<TYPE>, 'type'>,\n) => React.ReactNode | null;\n\nexport type HandleSelectDate = (\n  value: Date,\n  props: {\n    value: Date;\n    e: React.MouseEvent<HTMLButtonElement>;\n  },\n) => void;\n"],"mappings":"AAGA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,SAAD,CAAY,MAAZ,CAAoB,QAApB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,iBAAgB,CAAG,CAC9B,MAD8B,CAE9B,OAF8B,CAG9B,MAH8B,CAI9B,MAJ8B,CAK9B,WAL8B,CAAzB,CAQP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAoCP,MAAO,IAAME,UAAS,CAAG,CAAC,MAAD,CAAS,OAAT,CAAkB,KAAlB,CAAyB,MAAzB,CAAlB"}

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

@@ -18,6 +18,6 @@ declare const EventInterceptorProvider: ({ children, eventHandler, map, }: {
     children: React.ReactNode;
     eventHandler: EventInterceptorHandler;
     map: EventInterceptorMap;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export { EventInterceptorContext, EventInterceptorProvider };
 export * from './eventInterceptorMap';

package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/types.d.ts

@@ -25,4 +25,4 @@ export type FieldArrayValueInlineControlProps<ITEM> = PropsWithHTMLAttributesAnd
     onWheel?: React.WheelEventHandler<HTMLInputElement>;
     disableInput?: boolean;
 }, HTMLDivElement>;
-export type FieldArrayValueInlineControlComponent = <ITEM>(props: FieldArrayValueInlineControlProps<ITEM>) => React.ReactElement | null;
+export type FieldArrayValueInlineControlComponent = <ITEM>(props: FieldArrayValueInlineControlProps<ITEM>) => React.ReactNode | null;

package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { FieldPropSize } from '../types';\n\nexport type FieldArrayValueInlineControlProps<ITEM> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      children?: never;\n      value?: ITEM[];\n      renderValue: (items: ITEM[]) => React.ReactNode;\n      inputMaxLength?: number;\n      inputValue?: string;\n      inputDefaultValue?: string;\n      inputRef?: React.Ref<HTMLInputElement>;\n      onInputFocus?: React.FocusEventHandler<HTMLInputElement>;\n      onBlur?: React.FocusEventHandler<HTMLInputElement>;\n      onChange?: React.ChangeEventHandler<HTMLInputElement>;\n      autoFocus?: boolean;\n      inputTabIndex?: number;\n      inputAriaLabel?: string;\n      onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n      onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n      onKeyUp?: React.KeyboardEventHandler<HTMLInputElement>;\n      onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n      disabled?: boolean;\n      placeholder?: string;\n      size?: FieldPropSize;\n      onWheel?: React.WheelEventHandler<HTMLInputElement>;\n      disableInput?: boolean;\n    },\n    HTMLDivElement\n  >;\n\nexport type FieldArrayValueInlineControlComponent = <ITEM>(\n  props: FieldArrayValueInlineControlProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { FieldPropSize } from '../types';\n\nexport type FieldArrayValueInlineControlProps<ITEM> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      children?: never;\n      value?: ITEM[];\n      renderValue: (items: ITEM[]) => React.ReactNode;\n      inputMaxLength?: number;\n      inputValue?: string;\n      inputDefaultValue?: string;\n      inputRef?: React.Ref<HTMLInputElement>;\n      onInputFocus?: React.FocusEventHandler<HTMLInputElement>;\n      onBlur?: React.FocusEventHandler<HTMLInputElement>;\n      onChange?: React.ChangeEventHandler<HTMLInputElement>;\n      autoFocus?: boolean;\n      inputTabIndex?: number;\n      inputAriaLabel?: string;\n      onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n      onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n      onKeyUp?: React.KeyboardEventHandler<HTMLInputElement>;\n      onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n      disabled?: boolean;\n      placeholder?: string;\n      size?: FieldPropSize;\n      onWheel?: React.WheelEventHandler<HTMLInputElement>;\n      disableInput?: boolean;\n    },\n    HTMLDivElement\n  >;\n\nexport type FieldArrayValueInlineControlComponent = <ITEM>(\n  props: FieldArrayValueInlineControlProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":""}

package/__internal__/src/components/FieldComponents/FieldButton/FieldButton.d.ts

@@ -3,5 +3,5 @@ import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTM
 type FieldButtonProps = PropsWithHTMLAttributesAndRef<{
     children: React.ReactNode;
 }, HTMLButtonElement>;
-export declare const FieldButton: React.ForwardRefExoticComponent<Pick<FieldButtonProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const FieldButton: React.ForwardRefExoticComponent<Omit<FieldButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export {};

package/__internal__/src/components/FieldComponents/FieldClearButton/FieldClearButton.d.ts

@@ -7,5 +7,5 @@ type FieldClearButtonProps = PropsWithHTMLAttributesAndRef<{
     children?: never;
     icon?: IconComponent;
 }, HTMLButtonElement>;
-export declare const FieldClearButton: React.ForwardRefExoticComponent<Pick<FieldClearButtonProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "key" | "icon"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const FieldClearButton: React.ForwardRefExoticComponent<Omit<FieldClearButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export {};

package/__internal__/src/components/FieldComponents/FieldControlLayout/FieldControlLayout.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { FieldControlLayoutProps } from './types';
-export declare const FieldControlLayout: React.ForwardRefExoticComponent<Pick<FieldControlLayoutProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "view" | "form" | "status" | "key" | "disabled" | "focused" | "leftSide" | "rightSide" | "leftSlotsRefs" | "rightSlotsRefs" | "alignSlots"> & React.RefAttributes<HTMLDivElement>>;
+export declare const FieldControlLayout: React.ForwardRefExoticComponent<Omit<FieldControlLayoutProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/FieldComponents/FieldControlLayout/helpers.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties } from 'react';
 import { FieldPropForm, FieldPropStatus, FieldPropView } from '../types';
-export declare const getSlots: (side: React.ReactNode | JSX.Element[]) => React.ReactNode[];
+export declare const getSlots: (side: React.ReactNode | React.ReactNode[]) => React.ReactNode[];
 export declare const getBorderStyle: (form: FieldPropForm, view: FieldPropView) => string;
 export declare const getPadding: (form: FieldPropForm, view: FieldPropView) => string;
 export declare const getBorderRadius: (form: FieldPropForm, view: FieldPropView) => string;

package/__internal__/src/components/FieldComponents/FieldControlLayout/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["isNotNil","borderRadiusMap","borderWidthMap","paddingMap","getSlots","side","Array","isArray","filter","item","borderToCss","value","getBorderStyle","form","view","paddingToCss","getPadding","borderRadiusToCss","getBorderRadius","map","join","getBorderColor","focused","hovered","status","disabled","getBgColor","getSlotsWidthStyles","sizes","postfix","style","index","length","reduce","a","b","formGuard","from"],"sources":["../../../../../../src/components/FieldComponents/FieldControlLayout/helpers.ts"],"sourcesContent":["import React, { CSSProperties } from 'react';\n\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { FieldPropForm, FieldPropStatus, FieldPropView } from '../types';\nimport {\n  borderRadiusMap,\n  borderWidthMap,\n  FieldControlLayoutBorderRadiusNode,\n  FieldControlLayoutBorderWidthNode,\n  FieldControlLayoutPaddingNode,\n  paddingMap,\n} from './maps';\n\nexport const getSlots = (\n  side: React.ReactNode | JSX.Element[],\n): React.ReactNode[] => {\n  return ((Array.isArray(side) ? side : [side]) as []).filter(\n    (item) => isNotNil(item) && item !== false,\n  );\n};\n\nconst borderToCss = (value: FieldControlLayoutBorderWidthNode) => {\n  return value ? 'solid' : 'none';\n};\n\nexport const getBorderStyle = (\n  form: FieldPropForm,\n  view: FieldPropView,\n): string => {\n  return view === 'default'\n    ? `solid ${borderToCss(borderWidthMap[form][1])} solid ${borderToCss(\n        borderWidthMap[form][0],\n      )}`\n    : `none`;\n};\n\nconst paddingToCss = (value: FieldControlLayoutPaddingNode): string => {\n  return value === 'increased'\n    ? 'calc(var(--field-control-layout-space) * 1.6)'\n    : 'var(--field-control-layout-space)';\n};\n\nexport const getPadding = (\n  form: FieldPropForm,\n  view: FieldPropView,\n): string => {\n  return view === 'default'\n    ? `0px ${paddingToCss(paddingMap[form][1])} 0px ${paddingToCss(\n        paddingMap[form][0],\n      )}`\n    : `1px 0px 1px 0px`;\n};\n\nconst borderRadiusToCss = (\n  value: FieldControlLayoutBorderRadiusNode,\n): string => {\n  if (value === 'default') {\n    return 'var(--control-radius)';\n  }\n  if (value === 'round') {\n    return 'calc(var(--field-control-layout-height) / 2)';\n  }\n  return '0px';\n};\n\nexport const getBorderRadius = (\n  form: FieldPropForm,\n  view: FieldPropView,\n): string => {\n  return view === 'default'\n    ? borderRadiusMap[form].map(borderRadiusToCss).join(' ')\n    : `0px 0px 0px 0px`;\n};\n\nexport const getBorderColor = (\n  focused?: boolean,\n  hovered?: boolean,\n  status?: FieldPropStatus,\n  disabled?: boolean,\n) => {\n  if (disabled) {\n    return 'transparent';\n  }\n  if (focused) {\n    return 'var(--color-control-bg-border-focus)';\n  }\n  if (hovered) {\n    return 'var(--color-control-bg-border-default-hover)';\n  }\n  if (status) {\n    return `var(--color-bg-${status})`;\n  }\n  return 'var(--color-control-bg-border-default)';\n};\n\nexport const getBgColor = (view: FieldPropView, disabled?: boolean) => {\n  if (view === 'default' && disabled) {\n    return 'var(--color-control-bg-disable)';\n  }\n  if (view === 'default') {\n    return 'var(--color-bg-default)';\n  }\n};\n\nexport const getSlotsWidthStyles = (\n  sizes: number[],\n  postfix: string,\n): CSSProperties => {\n  const style: CSSProperties = {};\n  for (let index = 0; index < sizes.length; index++) {\n    style[\n      `--field-control-layout-${postfix}-slot-content-width-${index}` as 'width'\n    ] = `${sizes[index]}px`;\n  }\n\n  style[\n    `--field-control-layout-${postfix}-slot-contents-width` as 'width'\n  ] = `${sizes.length ? sizes.reduce((a, b) => a + b) : 0}px`;\n\n  style[\n    `--field-control-layout-${postfix}-slots-length` as 'width'\n  ] = `${sizes.length}`;\n\n  return style;\n};\n\n// ToDo: Удалить после того как удалим из всех компонентов \"clearClear\"\nexport const formGuard = (from: FieldPropForm | 'clearClear'): FieldPropForm =>\n  from === 'clearClear' ? 'clear' : from;\n"],"mappings":"AAEA,OAASA,QAAT,kCAGA,OACEC,eADF,CAEEC,cAFF,CAMEC,UANF,cASA,MAAO,IAAMC,SAAQ,CAAG,SACtBC,CADsB,CAEA,CACtB,MAAO,CAAEC,KAAK,CAACC,OAAN,CAAcF,CAAd,EAAsBA,CAAtB,CAA6B,CAACA,CAAD,CAA/B,EAA8CG,MAA9C,CACL,SAACC,CAAD,QAAUT,SAAQ,CAACS,CAAD,CAAR,EAAkB,KAAAA,CAA5B,CADK,CAGR,CANM,CAQP,GAAMC,YAAW,CAAG,SAACC,CAAD,CAA8C,CAChE,MAAOA,EAAK,CAAG,OAAH,CAAa,MAC1B,CAFD,CAIA,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAGjB,CACX,MAAgB,SAAT,GAAAA,CAAI,iBACEJ,WAAW,CAACR,cAAc,CAACW,CAAD,CAAd,CAAqB,CAArB,CAAD,CADb,mBACgDH,WAAW,CAChER,cAAc,CAACW,CAAD,CAAd,CAAqB,CAArB,CADgE,CAD3D,QAKZ,CATM,CAWP,GAAME,aAAY,CAAG,SAACJ,CAAD,CAAkD,CACrE,MAAiB,WAAV,GAAAA,CAAK,CACR,+CADQ,CAER,mCACL,CAJD,CAMA,MAAO,IAAMK,WAAU,CAAG,SACxBH,CADwB,CAExBC,CAFwB,CAGb,CACX,MAAgB,SAAT,GAAAA,CAAI,eACAC,YAAY,CAACZ,UAAU,CAACU,CAAD,CAAV,CAAiB,CAAjB,CAAD,CADZ,iBACyCE,YAAY,CAC1DZ,UAAU,CAACU,CAAD,CAAV,CAAiB,CAAjB,CAD0D,CADrD,mBAKZ,CATM,CAWP,GAAMI,kBAAiB,CAAG,SACxBN,CADwB,CAEb,OACG,SAAV,GAAAA,CADO,CAEF,uBAFE,CAIG,OAAV,GAAAA,CAJO,CAKF,8CALE,CAOJ,KACR,CAVD,CAYA,MAAO,IAAMO,gBAAe,CAAG,SAC7BL,CAD6B,CAE7BC,CAF6B,CAGlB,CACX,MAAgB,SAAT,GAAAA,CAAI,CACPb,eAAe,CAACY,CAAD,CAAf,CAAsBM,GAAtB,CAA0BF,iBAA1B,EAA6CG,IAA7C,CAAkD,GAAlD,CADO,kBAGZ,CAPM,CASP,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAG5BC,CAH4B,CAI5BC,CAJ4B,CAKzB,OACCA,EADD,CAEM,aAFN,CAICH,CAJD,CAKM,sCALN,CAOCC,CAPD,CAQM,8CARN,CAUCC,CAVD,0BAWwBA,CAXxB,MAaI,wCACR,CAnBM,CAqBP,MAAO,IAAME,WAAU,CAAG,SAACZ,CAAD,CAAsBW,CAAtB,CAA6C,OACxD,SAAT,GAAAX,CAAI,EAAkBW,CAD2C,CAE5D,iCAF4D,CAIxD,SAAT,GAAAX,CAJiE,CAK5D,yBAL4D,OAOtE,CAPM,CASP,MAAO,IAAMa,oBAAmB,CAAG,SACjCC,CADiC,CAEjCC,CAFiC,CAGf,CAElB,OADMC,EAAoB,CAAG,EAC7B,CAASC,CAAK,CAAG,CAAjB,CAAoBA,CAAK,CAAGH,CAAK,CAACI,MAAlC,CAA0CD,CAAK,EAA/C,CACED,CAAK,kCACuBD,CADvB,gCACqDE,CADrD,EAAL,WAEOH,CAAK,CAACG,CAAD,CAFZ,OAaF,MARAD,EAAK,kCACuBD,CADvB,yBAAL,WAEOD,CAAK,CAACI,MAAN,CAAeJ,CAAK,CAACK,MAAN,CAAa,SAACC,CAAD,CAAIC,CAAJ,QAAUD,EAAC,CAAGC,CAAd,CAAb,CAAf,CAA+C,CAFtD,MAQA,CAJAL,CAAK,kCACuBD,CADvB,kBAAL,WAEOD,CAAK,CAACI,MAFb,CAIA,CAAOF,CACR,CApBM,CAuBP,MAAO,IAAMM,UAAS,CAAG,SAACC,CAAD,QACd,YAAT,GAAAA,CAAI,CAAoB,OAApB,CAA8BA,CADX,CAAlB"}
+{"version":3,"file":"helpers.js","names":["isNotNil","borderRadiusMap","borderWidthMap","paddingMap","getSlots","side","Array","isArray","filter","item","borderToCss","value","getBorderStyle","form","view","paddingToCss","getPadding","borderRadiusToCss","getBorderRadius","map","join","getBorderColor","focused","hovered","status","disabled","getBgColor","getSlotsWidthStyles","sizes","postfix","style","index","length","reduce","a","b","formGuard","from"],"sources":["../../../../../../src/components/FieldComponents/FieldControlLayout/helpers.ts"],"sourcesContent":["import React, { CSSProperties } from 'react';\n\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { FieldPropForm, FieldPropStatus, FieldPropView } from '../types';\nimport {\n  borderRadiusMap,\n  borderWidthMap,\n  FieldControlLayoutBorderRadiusNode,\n  FieldControlLayoutBorderWidthNode,\n  FieldControlLayoutPaddingNode,\n  paddingMap,\n} from './maps';\n\nexport const getSlots = (\n  side: React.ReactNode | React.ReactNode[],\n): React.ReactNode[] => {\n  return ((Array.isArray(side) ? side : [side]) as []).filter(\n    (item) => isNotNil(item) && item !== false,\n  );\n};\n\nconst borderToCss = (value: FieldControlLayoutBorderWidthNode) => {\n  return value ? 'solid' : 'none';\n};\n\nexport const getBorderStyle = (\n  form: FieldPropForm,\n  view: FieldPropView,\n): string => {\n  return view === 'default'\n    ? `solid ${borderToCss(borderWidthMap[form][1])} solid ${borderToCss(\n        borderWidthMap[form][0],\n      )}`\n    : `none`;\n};\n\nconst paddingToCss = (value: FieldControlLayoutPaddingNode): string => {\n  return value === 'increased'\n    ? 'calc(var(--field-control-layout-space) * 1.6)'\n    : 'var(--field-control-layout-space)';\n};\n\nexport const getPadding = (\n  form: FieldPropForm,\n  view: FieldPropView,\n): string => {\n  return view === 'default'\n    ? `0px ${paddingToCss(paddingMap[form][1])} 0px ${paddingToCss(\n        paddingMap[form][0],\n      )}`\n    : `1px 0px 1px 0px`;\n};\n\nconst borderRadiusToCss = (\n  value: FieldControlLayoutBorderRadiusNode,\n): string => {\n  if (value === 'default') {\n    return 'var(--control-radius)';\n  }\n  if (value === 'round') {\n    return 'calc(var(--field-control-layout-height) / 2)';\n  }\n  return '0px';\n};\n\nexport const getBorderRadius = (\n  form: FieldPropForm,\n  view: FieldPropView,\n): string => {\n  return view === 'default'\n    ? borderRadiusMap[form].map(borderRadiusToCss).join(' ')\n    : `0px 0px 0px 0px`;\n};\n\nexport const getBorderColor = (\n  focused?: boolean,\n  hovered?: boolean,\n  status?: FieldPropStatus,\n  disabled?: boolean,\n) => {\n  if (disabled) {\n    return 'transparent';\n  }\n  if (focused) {\n    return 'var(--color-control-bg-border-focus)';\n  }\n  if (hovered) {\n    return 'var(--color-control-bg-border-default-hover)';\n  }\n  if (status) {\n    return `var(--color-bg-${status})`;\n  }\n  return 'var(--color-control-bg-border-default)';\n};\n\nexport const getBgColor = (view: FieldPropView, disabled?: boolean) => {\n  if (view === 'default' && disabled) {\n    return 'var(--color-control-bg-disable)';\n  }\n  if (view === 'default') {\n    return 'var(--color-bg-default)';\n  }\n};\n\nexport const getSlotsWidthStyles = (\n  sizes: number[],\n  postfix: string,\n): CSSProperties => {\n  const style: CSSProperties = {};\n  for (let index = 0; index < sizes.length; index++) {\n    style[\n      `--field-control-layout-${postfix}-slot-content-width-${index}` as 'width'\n    ] = `${sizes[index]}px`;\n  }\n\n  style[\n    `--field-control-layout-${postfix}-slot-contents-width` as 'width'\n  ] = `${sizes.length ? sizes.reduce((a, b) => a + b) : 0}px`;\n\n  style[\n    `--field-control-layout-${postfix}-slots-length` as 'width'\n  ] = `${sizes.length}`;\n\n  return style;\n};\n\n// ToDo: Удалить после того как удалим из всех компонентов \"clearClear\"\nexport const formGuard = (from: FieldPropForm | 'clearClear'): FieldPropForm =>\n  from === 'clearClear' ? 'clear' : from;\n"],"mappings":"AAEA,OAASA,QAAT,kCAGA,OACEC,eADF,CAEEC,cAFF,CAMEC,UANF,cASA,MAAO,IAAMC,SAAQ,CAAG,SACtBC,CADsB,CAEA,CACtB,MAAO,CAAEC,KAAK,CAACC,OAAN,CAAcF,CAAd,EAAsBA,CAAtB,CAA6B,CAACA,CAAD,CAA/B,EAA8CG,MAA9C,CACL,SAACC,CAAD,QAAUT,SAAQ,CAACS,CAAD,CAAR,EAAkB,KAAAA,CAA5B,CADK,CAGR,CANM,CAQP,GAAMC,YAAW,CAAG,SAACC,CAAD,CAA8C,CAChE,MAAOA,EAAK,CAAG,OAAH,CAAa,MAC1B,CAFD,CAIA,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAGjB,CACX,MAAgB,SAAT,GAAAA,CAAI,iBACEJ,WAAW,CAACR,cAAc,CAACW,CAAD,CAAd,CAAqB,CAArB,CAAD,CADb,mBACgDH,WAAW,CAChER,cAAc,CAACW,CAAD,CAAd,CAAqB,CAArB,CADgE,CAD3D,QAKZ,CATM,CAWP,GAAME,aAAY,CAAG,SAACJ,CAAD,CAAkD,CACrE,MAAiB,WAAV,GAAAA,CAAK,CACR,+CADQ,CAER,mCACL,CAJD,CAMA,MAAO,IAAMK,WAAU,CAAG,SACxBH,CADwB,CAExBC,CAFwB,CAGb,CACX,MAAgB,SAAT,GAAAA,CAAI,eACAC,YAAY,CAACZ,UAAU,CAACU,CAAD,CAAV,CAAiB,CAAjB,CAAD,CADZ,iBACyCE,YAAY,CAC1DZ,UAAU,CAACU,CAAD,CAAV,CAAiB,CAAjB,CAD0D,CADrD,mBAKZ,CATM,CAWP,GAAMI,kBAAiB,CAAG,SACxBN,CADwB,CAEb,OACG,SAAV,GAAAA,CADO,CAEF,uBAFE,CAIG,OAAV,GAAAA,CAJO,CAKF,8CALE,CAOJ,KACR,CAVD,CAYA,MAAO,IAAMO,gBAAe,CAAG,SAC7BL,CAD6B,CAE7BC,CAF6B,CAGlB,CACX,MAAgB,SAAT,GAAAA,CAAI,CACPb,eAAe,CAACY,CAAD,CAAf,CAAsBM,GAAtB,CAA0BF,iBAA1B,EAA6CG,IAA7C,CAAkD,GAAlD,CADO,kBAGZ,CAPM,CASP,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAG5BC,CAH4B,CAI5BC,CAJ4B,CAKzB,OACCA,EADD,CAEM,aAFN,CAICH,CAJD,CAKM,sCALN,CAOCC,CAPD,CAQM,8CARN,CAUCC,CAVD,0BAWwBA,CAXxB,MAaI,wCACR,CAnBM,CAqBP,MAAO,IAAME,WAAU,CAAG,SAACZ,CAAD,CAAsBW,CAAtB,CAA6C,OACxD,SAAT,GAAAX,CAAI,EAAkBW,CAD2C,CAE5D,iCAF4D,CAIxD,SAAT,GAAAX,CAJiE,CAK5D,yBAL4D,OAOtE,CAPM,CASP,MAAO,IAAMa,oBAAmB,CAAG,SACjCC,CADiC,CAEjCC,CAFiC,CAGf,CAElB,OADMC,EAAoB,CAAG,EAC7B,CAASC,CAAK,CAAG,CAAjB,CAAoBA,CAAK,CAAGH,CAAK,CAACI,MAAlC,CAA0CD,CAAK,EAA/C,CACED,CAAK,kCACuBD,CADvB,gCACqDE,CADrD,EAAL,WAEOH,CAAK,CAACG,CAAD,CAFZ,OAaF,MARAD,EAAK,kCACuBD,CADvB,yBAAL,WAEOD,CAAK,CAACI,MAAN,CAAeJ,CAAK,CAACK,MAAN,CAAa,SAACC,CAAD,CAAIC,CAAJ,QAAUD,EAAC,CAAGC,CAAd,CAAb,CAAf,CAA+C,CAFtD,MAQA,CAJAL,CAAK,kCACuBD,CADvB,kBAAL,WAEOD,CAAK,CAACI,MAFb,CAIA,CAAOF,CACR,CApBM,CAuBP,MAAO,IAAMM,UAAS,CAAG,SAACC,CAAD,QACd,YAAT,GAAAA,CAAI,CAAoB,OAApB,CAA8BA,CADX,CAAlB"}

package/__internal__/src/components/FieldComponents/FieldControlLayout/types.d.ts

@@ -7,8 +7,8 @@ export type FieldControlLayoutProps = PropsWithHTMLAttributesAndRef<{
     disabled?: boolean;
     view?: FieldPropView;
     status?: FieldPropStatus;
-    leftSide?: React.ReactNode | JSX.Element[];
-    rightSide?: React.ReactNode | JSX.Element[];
+    leftSide?: React.ReactNode | React.ReactNode[];
+    rightSide?: React.ReactNode | React.ReactNode[];
     children?: React.ReactNode;
     focused?: boolean;
     leftSlotsRefs?: React.Ref<HTMLDivElement>[];

package/__internal__/src/components/FieldComponents/FieldControlLayout/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/FieldComponents/FieldControlLayout/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport {\n  FieldPropForm,\n  FieldPropSize,\n  FieldPropStatus,\n  FieldPropView,\n} from '../types';\n\nexport type FieldControlLayoutProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: FieldPropSize;\n    form?: FieldPropForm;\n    disabled?: boolean;\n    view?: FieldPropView;\n    status?: FieldPropStatus;\n    leftSide?: React.ReactNode | JSX.Element[];\n    rightSide?: React.ReactNode | JSX.Element[];\n    children?: React.ReactNode;\n    focused?: boolean;\n    leftSlotsRefs?: React.Ref<HTMLDivElement>[];\n    rightSlotsRefs?: React.Ref<HTMLDivElement>[];\n    alignSlots?: 'top' | 'center';\n  },\n  HTMLDivElement\n>;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/FieldComponents/FieldControlLayout/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport {\n  FieldPropForm,\n  FieldPropSize,\n  FieldPropStatus,\n  FieldPropView,\n} from '../types';\n\nexport type FieldControlLayoutProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: FieldPropSize;\n    form?: FieldPropForm;\n    disabled?: boolean;\n    view?: FieldPropView;\n    status?: FieldPropStatus;\n    leftSide?: React.ReactNode | React.ReactNode[];\n    rightSide?: React.ReactNode | React.ReactNode[];\n    children?: React.ReactNode;\n    focused?: boolean;\n    leftSlotsRefs?: React.Ref<HTMLDivElement>[];\n    rightSlotsRefs?: React.Ref<HTMLDivElement>[];\n    alignSlots?: 'top' | 'center';\n  },\n  HTMLDivElement\n>;\n"],"mappings":""}

package/__internal__/src/components/FieldComponents/FieldCounter/FieldCounter.d.ts

@@ -7,5 +7,5 @@ type FieldCounterProps = PropsWithHTMLAttributesAndRef<{
     onIncrementFocus?: React.FocusEventHandler<HTMLButtonElement>;
     onDecrementFocus?: React.FocusEventHandler<HTMLButtonElement>;
 }, HTMLDivElement>;
-export declare const FieldCounter: React.ForwardRefExoticComponent<Pick<FieldCounterProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "onIncrementClick" | "onDecrementClick" | "onIncrementFocus" | "onDecrementFocus"> & React.RefAttributes<HTMLDivElement>>;
+export declare const FieldCounter: React.ForwardRefExoticComponent<Omit<FieldCounterProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/__internal__/src/components/FieldComponents/FieldInput/FieldInput.d.ts

@@ -3,5 +3,5 @@ import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttribu
 type FieldInputProps = PropsWithJsxAttributes<{
     children?: never;
 }, 'input'>;
-export declare const FieldInput: React.ForwardRefExoticComponent<Pick<FieldInputProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "type" | "form" | "pattern" | "list" | "step" | "key" | "height" | "name" | "width" | "crossOrigin" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required"> & React.RefAttributes<HTMLInputElement>>;
+export declare const FieldInput: React.ForwardRefExoticComponent<Omit<FieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};