@consta/uikit 4.23.1 → 4.25.0

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

@@ -0,0 +1,186 @@
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { PropForm, PropSize, PropStatus, PropView, RenderItemProps } from "../SelectComponentsCanary/types";
+import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
+export declare type DefaultItem = {
+    label: string;
+    id: string | number;
+    groupId?: string | number;
+    disabled?: boolean;
+};
+export declare type DefaultGroup = {
+    label: string;
+    id: string | number;
+};
+declare type RenderValueProps<ITEM> = {
+    item: ITEM;
+    handleRemove?: (e: React.SyntheticEvent) => void;
+};
+export declare type PropGetItemLabel<ITEM> = (item: ITEM) => string;
+export declare type PropGetItemKey<ITEM> = (item: ITEM) => string | number;
+export declare type PropGetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
+export declare type PropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type PropGetGroupKey<GROUP> = (group: GROUP) => string | number;
+export declare type PropGetGroupLabel<GROUP> = (group: GROUP) => string;
+declare type PropSearchFunction<ITEM> = (item: ITEM, searchValue: string) => boolean;
+declare type PropOnChange<ITEM, MULTIPLE extends boolean> = (value: (MULTIPLE extends true ? ITEM[] : ITEM) | null, props: {
+    e: React.SyntheticEvent;
+}) => void;
+declare type PropValue<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null | undefined;
+export declare type PropRenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
+export declare type PropRenderValue<ITEM> = (props: RenderValueProps<ITEM>) => React.ReactElement | null;
+export declare type ComboboxProps<ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    onChange: PropOnChange<ITEM, MULTIPLE>;
+    disabled?: boolean;
+    form?: PropForm;
+    dropdownForm?: 'default' | 'brick' | 'round';
+    size?: PropSize;
+    view?: PropView;
+    placeholder?: string;
+    ariaLabel?: string;
+    status?: PropStatus;
+    isLoading?: boolean;
+    dropdownClassName?: string;
+    dropdownRef?: React.Ref<HTMLDivElement>;
+    name?: string;
+    renderItem?: PropRenderItem<ITEM>;
+    renderValue?: PropRenderValue<ITEM>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onCreate?: (label: string, props: {
+        e: React.SyntheticEvent;
+    }) => void;
+    inputRef?: React.Ref<HTMLInputElement>;
+    labelForNotFound?: string;
+    required?: boolean;
+    labelForCreate?: string;
+    labelForEmptyItems?: string;
+    searchFunction?: PropSearchFunction<ITEM>;
+    searchValue?: string;
+    multiple?: MULTIPLE;
+    value?: PropValue<ITEM, MULTIPLE>;
+    groups?: GROUP[];
+    getItemLabel?: PropGetItemLabel<ITEM>;
+    getItemKey?: PropGetItemKey<ITEM>;
+    getItemGroupKey?: PropGetItemGroupKey<ITEM>;
+    getItemDisabled?: PropGetItemDisabled<ITEM>;
+    getGroupLabel?: PropGetGroupLabel<GROUP>;
+    getGroupKey?: PropGetGroupKey<GROUP>;
+    label?: string;
+    labelIcon?: IconComponent;
+    caption?: string;
+    labelPosition?: 'top' | 'left';
+    virtualScroll?: boolean;
+    onScrollToBottom?: () => void;
+    onSearchValueChange?: (value: string) => void;
+    onDropdownOpen?: (isOpen: boolean) => void;
+    dropdownOpen?: boolean;
+    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
+}, HTMLDivElement> & (MULTIPLE extends true ? {
+    selectAll?: boolean;
+} : {
+    selectAll?: never;
+}) & (ITEM extends {
+    label: DefaultItem['label'];
+} ? {} : {
+    getItemLabel: PropGetItemLabel<ITEM>;
+}) & (ITEM extends {
+    id: DefaultItem['id'];
+} ? {} : {
+    getItemKey: PropGetItemKey<ITEM>;
+}) & (GROUP extends {
+    label: DefaultGroup['label'];
+} ? {} : {
+    getGroupLabel: PropGetGroupLabel<GROUP>;
+}) & (GROUP extends {
+    id: DefaultGroup['id'];
+} ? {} : {
+    getGroupKey: PropGetGroupKey<GROUP>;
+});
+export declare type ComboboxComponent = <ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false>(props: ComboboxProps<ITEM, GROUP, MULTIPLE>) => React.ReactElement | null;
+export declare const defaultGetItemKey: PropGetItemKey<DefaultItem>;
+export declare const defaultGetItemLabel: PropGetItemLabel<DefaultItem>;
+export declare const defaultGetItemGroupKey: PropGetItemGroupKey<DefaultItem>;
+export declare const defaultGetItemDisabled: PropGetItemDisabled<DefaultItem>;
+export declare const defaultGetGroupKey: PropGetGroupKey<DefaultGroup>;
+export declare const defaultGetGroupLabel: PropGetGroupLabel<DefaultGroup>;
+export declare const isMultipleParams: <ITEM, GROUP>(params: ComboboxProps<ITEM, GROUP, boolean>) => params is ComboboxProps<ITEM, GROUP, true>;
+export declare const isNotMultipleParams: <ITEM, GROUP>(params: ComboboxProps<ITEM, GROUP, boolean>) => params is ComboboxProps<ITEM, GROUP, false>;
+export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false>(props: ComboboxProps<ITEM, GROUP, MULTIPLE>): {
+    items: ITEM[];
+    onChange: PropOnChange<ITEM, MULTIPLE>;
+    disabled?: boolean | undefined;
+    form?: "default" | "round" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
+    dropdownForm?: "default" | "round" | "brick" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
+    view?: "default" | "clear" | undefined;
+    placeholder?: string | undefined;
+    ariaLabel?: string | undefined;
+    status?: "alert" | "warning" | "success" | undefined;
+    isLoading?: boolean | undefined;
+    dropdownClassName?: string | undefined;
+    dropdownRef?: React.Ref<HTMLDivElement> | undefined;
+    name?: string | undefined;
+    renderItem?: PropRenderItem<ITEM> | undefined;
+    renderValue?: PropRenderValue<ITEM> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onCreate?: ((label: string, props: {
+        e: React.SyntheticEvent<Element, Event>;
+    }) => void) | undefined;
+    inputRef?: React.Ref<HTMLInputElement> | undefined;
+    labelForNotFound?: string | undefined;
+    required?: boolean | undefined;
+    labelForCreate?: string | undefined;
+    labelForEmptyItems?: string | undefined;
+    searchFunction?: PropSearchFunction<ITEM> | undefined;
+    searchValue?: string | undefined;
+    multiple?: MULTIPLE | undefined;
+    value?: PropValue<ITEM, MULTIPLE>;
+    groups?: GROUP[] | undefined;
+    getItemLabel?: PropGetItemLabel<ITEM> | undefined;
+    getItemKey?: PropGetItemKey<ITEM> | undefined;
+    getItemGroupKey?: PropGetItemGroupKey<ITEM> | undefined;
+    getItemDisabled?: PropGetItemDisabled<ITEM> | undefined;
+    getGroupLabel?: PropGetGroupLabel<GROUP> | undefined;
+    getGroupKey?: PropGetGroupKey<GROUP> | undefined;
+    label?: string | undefined;
+    labelIcon?: IconComponent<"span"> | undefined;
+    caption?: string | undefined;
+    labelPosition?: "left" | "top" | undefined;
+    virtualScroll?: boolean | undefined;
+    onScrollToBottom?: (() => void) | undefined;
+    onSearchValueChange?: ((value: string) => void) | undefined;
+    onDropdownOpen?: ((isOpen: boolean) => void) | undefined;
+    dropdownOpen?: boolean | undefined;
+    ignoreOutsideClicksRefs?: readonly React.RefObject<HTMLElement>[] | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "size" | "caption" | "form" | "label" | "view" | "status" | "name" | "disabled" | "value" | "multiple" | "required" | "inputRef" | "items" | "dropdownForm" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelIcon" | "labelPosition" | "onScrollToBottom" | "labelForCreate" | "searchFunction" | "searchValue" | "onDropdownOpen" | "onSearchValueChange" | "dropdownOpen" | "ignoreOutsideClicksRefs" | "labelForNotFound" | "virtualScroll" | "onCreate"> & React.RefAttributes<HTMLDivElement> & (MULTIPLE extends true ? {
+    selectAll?: boolean | undefined;
+} : {
+    selectAll?: undefined;
+}) & (ITEM extends {
+    label: string;
+} ? {} : {
+    getItemLabel: PropGetItemLabel<ITEM>;
+}) & (ITEM extends {
+    id: string | number;
+} ? {} : {
+    getItemKey: PropGetItemKey<ITEM>;
+}) & (GROUP extends {
+    label: string;
+} ? {} : {
+    getGroupLabel: PropGetGroupLabel<GROUP>;
+}) & (GROUP extends {
+    id: string | number;
+} ? {} : {
+    getGroupKey: PropGetGroupKey<GROUP>;
+}) & {
+    getItemLabel: PropGetItemLabel<DefaultItem> | PropGetItemLabel<ITEM>;
+    getItemKey: PropGetItemKey<DefaultItem> | PropGetItemKey<ITEM>;
+    getItemGroupKey: PropGetItemGroupKey<DefaultItem> | PropGetItemGroupKey<ITEM>;
+    getItemDisabled: PropGetItemDisabled<DefaultItem> | PropGetItemDisabled<ITEM>;
+    getGroupLabel: PropGetGroupLabel<DefaultGroup> | PropGetGroupLabel<GROUP>;
+    getGroupKey: PropGetGroupKey<DefaultGroup> | PropGetGroupKey<GROUP>;
+};
+export {};

package/__internal__/src/components/ComboboxCanary/helpers.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var defaultGetItemKey=function(a){return a.id};export var defaultGetItemLabel=function(a){return a.label};export var defaultGetItemGroupKey=function(a){return a.groupId};export var defaultGetItemDisabled=function(a){return a.disabled};export var defaultGetGroupKey=function(a){return a.id};export var defaultGetGroupLabel=function(a){return a.label};export var isMultipleParams=function(a){return!!a.multiple};export var isNotMultipleParams=function(a){return!a.multiple};export function withDefaultGetters(a){return _objectSpread(_objectSpread({},a),{},{getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemKey:a.getItemKey||defaultGetItemKey,getItemGroupKey:a.getItemGroupKey||defaultGetItemGroupKey,getItemDisabled:a.getItemDisabled||defaultGetItemDisabled,getGroupLabel:a.getGroupLabel||defaultGetGroupLabel,getGroupKey:a.getGroupKey||defaultGetGroupKey})}
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["defaultGetItemKey","item","id","defaultGetItemLabel","label","defaultGetItemGroupKey","groupId","defaultGetItemDisabled","disabled","defaultGetGroupKey","group","defaultGetGroupLabel","isMultipleParams","params","multiple","isNotMultipleParams","withDefaultGetters","props","getItemLabel","getItemKey","getItemGroupKey","getItemDisabled","getGroupLabel","getGroupKey"],"sources":["../../../../../src/components/ComboboxCanary/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport {\n  PropForm,\n  PropSize,\n  PropStatus,\n  PropView,\n  RenderItemProps,\n} from '##/components/SelectComponentsCanary/types';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type DefaultItem = {\n  label: string;\n  id: string | number;\n  groupId?: string | number;\n  disabled?: boolean;\n};\n\nexport type DefaultGroup = {\n  label: string;\n  id: string | number;\n};\n\ntype RenderValueProps<ITEM> = {\n  item: ITEM;\n  handleRemove?: (e: React.SyntheticEvent) => void;\n};\n\nexport type PropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type PropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type PropGetItemGroupKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type PropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;\nexport type PropGetGroupKey<GROUP> = (group: GROUP) => string | number;\nexport type PropGetGroupLabel<GROUP> = (group: GROUP) => string;\ntype PropSearchFunction<ITEM> = (item: ITEM, searchValue: string) => boolean;\ntype PropOnChange<ITEM, MULTIPLE extends boolean> = (\n  value: (MULTIPLE extends true ? ITEM[] : ITEM) | null,\n  props: {\n    e: React.SyntheticEvent;\n  },\n) => void;\ntype PropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null\n  | undefined;\n\nexport type PropRenderItem<ITEM> = (\n  props: RenderItemProps<ITEM>,\n) => React.ReactElement | null;\nexport type PropRenderValue<ITEM> = (\n  props: RenderValueProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type ComboboxProps<\n  ITEM = DefaultItem,\n  GROUP = DefaultGroup,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    onChange: PropOnChange<ITEM, MULTIPLE>;\n    disabled?: boolean;\n    form?: PropForm;\n    dropdownForm?: 'default' | 'brick' | 'round';\n    size?: PropSize;\n    view?: PropView;\n    placeholder?: string;\n    ariaLabel?: string;\n    status?: PropStatus;\n    isLoading?: boolean;\n    dropdownClassName?: string;\n    dropdownRef?: React.Ref<HTMLDivElement>;\n    name?: string;\n    renderItem?: PropRenderItem<ITEM>;\n    renderValue?: PropRenderValue<ITEM>;\n    onFocus?: React.FocusEventHandler<HTMLInputElement>;\n    onBlur?: React.FocusEventHandler<HTMLInputElement>;\n    onCreate?: (label: string, props: { e: React.SyntheticEvent }) => void;\n    inputRef?: React.Ref<HTMLInputElement>;\n    labelForNotFound?: string;\n    required?: boolean;\n    labelForCreate?: string;\n    labelForEmptyItems?: string;\n    searchFunction?: PropSearchFunction<ITEM>;\n    searchValue?: string;\n    multiple?: MULTIPLE;\n    value?: PropValue<ITEM, MULTIPLE>;\n    groups?: GROUP[];\n    getItemLabel?: PropGetItemLabel<ITEM>;\n    getItemKey?: PropGetItemKey<ITEM>;\n    getItemGroupKey?: PropGetItemGroupKey<ITEM>;\n    getItemDisabled?: PropGetItemDisabled<ITEM>;\n    getGroupLabel?: PropGetGroupLabel<GROUP>;\n    getGroupKey?: PropGetGroupKey<GROUP>;\n    label?: string;\n    labelIcon?: IconComponent;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n    virtualScroll?: boolean;\n    onScrollToBottom?: () => void;\n    onSearchValueChange?: (value: string) => void;\n    onDropdownOpen?: (isOpen: boolean) => void;\n    dropdownOpen?: boolean;\n    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n  },\n  HTMLDivElement\n> &\n  (MULTIPLE extends true\n    ? {\n        selectAll?: boolean;\n      }\n    : {\n        selectAll?: never;\n      }) &\n  (ITEM extends { label: DefaultItem['label'] }\n    ? {}\n    : { getItemLabel: PropGetItemLabel<ITEM> }) &\n  (ITEM extends { id: DefaultItem['id'] }\n    ? {}\n    : { getItemKey: PropGetItemKey<ITEM> }) &\n  (GROUP extends { label: DefaultGroup['label'] }\n    ? {}\n    : { getGroupLabel: PropGetGroupLabel<GROUP> }) &\n  (GROUP extends { id: DefaultGroup['id'] }\n    ? {}\n    : { getGroupKey: PropGetGroupKey<GROUP> });\n\nexport type ComboboxComponent = <\n  ITEM = DefaultItem,\n  GROUP = DefaultGroup,\n  MULTIPLE extends boolean = false,\n>(\n  props: ComboboxProps<ITEM, GROUP, MULTIPLE>,\n) => React.ReactElement | null;\n\nexport const defaultGetItemKey: PropGetItemKey<DefaultItem> = (item) => item.id;\nexport const defaultGetItemLabel: PropGetItemLabel<DefaultItem> = (item) =>\n  item.label;\nexport const defaultGetItemGroupKey: PropGetItemGroupKey<DefaultItem> = (\n  item,\n) => item.groupId;\nexport const defaultGetItemDisabled: PropGetItemDisabled<DefaultItem> = (\n  item,\n) => item.disabled;\n\nexport const defaultGetGroupKey: PropGetGroupKey<DefaultGroup> = (group) =>\n  group.id;\nexport const defaultGetGroupLabel: PropGetGroupLabel<DefaultGroup> = (group) =>\n  group.label;\n\nexport const isMultipleParams = <ITEM, GROUP>(\n  params: ComboboxProps<ITEM, GROUP, boolean>,\n): params is ComboboxProps<ITEM, GROUP, true> => {\n  return !!params.multiple;\n};\n\nexport const isNotMultipleParams = <ITEM, GROUP>(\n  params: ComboboxProps<ITEM, GROUP, boolean>,\n): params is ComboboxProps<ITEM, GROUP, false> => {\n  return !params.multiple;\n};\n\nexport function withDefaultGetters<\n  ITEM = DefaultItem,\n  GROUP = DefaultGroup,\n  MULTIPLE extends boolean = false,\n>(props: ComboboxProps<ITEM, GROUP, MULTIPLE>) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemKey: props.getItemKey || defaultGetItemKey,\n    getItemGroupKey: props.getItemGroupKey || defaultGetItemGroupKey,\n    getItemDisabled: props.getItemDisabled || defaultGetItemDisabled,\n    getGroupLabel: props.getGroupLabel || defaultGetGroupLabel,\n    getGroupKey: props.getGroupKey || defaultGetGroupKey,\n  };\n}\n"],"mappings":"qqBA0IA,MAAO,IAAMA,kBAA8C,CAAG,SAACC,CAAD,QAAUA,EAAI,CAACC,EAAf,CAAvD,CACP,MAAO,IAAMC,oBAAkD,CAAG,SAACF,CAAD,QAChEA,EAAI,CAACG,KAD2D,CAA3D,CAEP,MAAO,IAAMC,uBAAwD,CAAG,SACtEJ,CADsE,QAEnEA,EAAI,CAACK,OAF8D,CAAjE,CAGP,MAAO,IAAMC,uBAAwD,CAAG,SACtEN,CADsE,QAEnEA,EAAI,CAACO,QAF8D,CAAjE,CAIP,MAAO,IAAMC,mBAAiD,CAAG,SAACC,CAAD,QAC/DA,EAAK,CAACR,EADyD,CAA1D,CAEP,MAAO,IAAMS,qBAAqD,CAAG,SAACD,CAAD,QACnEA,EAAK,CAACN,KAD6D,CAA9D,CAGP,MAAO,IAAMQ,iBAAgB,CAAG,SAC9BC,CAD8B,CAEiB,CAC/C,MAAO,CAAC,CAACA,CAAM,CAACC,QACjB,CAJM,CAMP,MAAO,IAAMC,oBAAmB,CAAG,SACjCF,CADiC,CAEe,CAChD,MAAO,CAACA,CAAM,CAACC,QAChB,CAJM,CAMP,MAAO,SAASE,mBAAT,CAILC,CAJK,CAIwC,CAC7C,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBf,mBAFtC,CAGEgB,UAAU,CAAEF,CAAK,CAACE,UAAN,EAAoBnB,iBAHlC,CAIEoB,eAAe,CAAEH,CAAK,CAACG,eAAN,EAAyBf,sBAJ5C,CAKEgB,eAAe,CAAEJ,CAAK,CAACI,eAAN,EAAyBd,sBAL5C,CAMEe,aAAa,CAAEL,CAAK,CAACK,aAAN,EAAuBX,oBANxC,CAOEY,WAAW,CAAEN,CAAK,CAACM,WAAN,EAAqBd,kBAPpC,EASD"}

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

@@ -0,0 +1,2 @@
+export * from './ComboboxCanary';
+export * from './helpers';

package/__internal__/src/components/ComboboxCanary/index.js

@@ -0,0 +1,2 @@
+export*from"./ComboboxCanary";export*from"./helpers";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/ComboboxCanary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/ComboboxCanary/index.ts"],"sourcesContent":["export * from './ComboboxCanary';\nexport * from './helpers';\n"],"mappings":"AAAA,8BACA"}

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

@@ -1,4 +1,4 @@
 import './ContextMenuLevelWrapper.css';
 import React from 'react';
 import { ContextMenuLevelWrapperProps } from '../types';
-export declare const ContextMenuLevelWrapper: React.ForwardRefExoticComponent<Pick<ContextMenuLevelWrapperProps, "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" | "form" | "key" | "direction" | "offset" | "position" | "isOpen" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "isMobile" | "classname"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuLevelWrapper: React.ForwardRefExoticComponent<Pick<ContextMenuLevelWrapperProps, "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" | "form" | "key" | "direction" | "offset" | "position" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "isOpen" | "isMobile" | "classname"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/ContextMenu/ContextMenuLevels/ContextMenuLevels.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","anchorRef","position","direction","possibleDirections","offset","onClickOutside","getItemKey","getItemLabel","getItemSubMenu","style","spareDirection","subMenuDirection","isMobile","isOpen","setComponentSize","enableAnimationBack","disableAnimationBack"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{Fragment,useEffect,useState}from"react";import{Transition,TransitionGroup}from"react-transition-group";import{useClickOutside}from"../../../hooks/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{useMutableRef}from"../../../hooks/useMutableRef";import{useRefs}from"../../../hooks/useRefs";import{animateTimeout}from"../../../mixs/MixPopoverAnimate";import{clearTimers,ContextMenuLevel}from"../ContextMenuLevel";import{getLevels,withDefaultGetters}from"../helpers";import{contextMenuPropDefaultSubMenuDirection,contextMenuPropSubMenuDirections}from"../types";import{useSize}from"./useSize";var ContextMenuLevelsRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=c.anchorRef,f=c.position,g=c.direction,h=c.possibleDirections,i=c.offset,j=c.onClickOutside,k=c.getItemKey,l=c.getItemLabel,m=c.getItemSubMenu,n=c.style,o=c.spareDirection,p=c.subMenuDirection,q=void 0===p?contextMenuPropDefaultSubMenuDirection:p,r=c.isMobile,s=c.isOpen,t=c.setComponentSize,u=c.enableAnimationBack,v=c.disableAnimationBack,w=_objectWithoutProperties(c,_excluded),x=useMutableRef(s),y=[{items:d,anchorRef:e,position:f,direction:g,possibleDirections:h,offset:i}],z=useState(r?y:[]),A=_slicedToArray(z,2),B=A[0],C=A[1],D=useState(q),E=_slicedToArray(D,2),F=E[0],G=E[1],H=useState(-1),I=_slicedToArray(H,2),J=I[0],K=I[1],L=useRefs(B.length),M=function(a){var b=a.level,d=a.items,e=a.anchorRef,f=a.activeItem,g=a.parent,h=_toConsumableArray(B),i=h[b]&&1<h.length-b?h[b].direction:void 0;h[b]&&1<h.length-b&&i&&G(i),h[b-1].activeItem=f,h.splice(b),h.push({items:d,anchorRef:r?c.anchorRef:e,direction:r?c.direction:i||F,possibleDirections:r?c.possibleDirections:contextMenuPropSubMenuDirections,position:r?c.position:void 0,offset:r?c.offset:void 0,parent:g}),x.current?C(h):C([])},N=function(a){u();var b=_toConsumableArray(B);b.splice(a),b[a-1]=_objectSpread(_objectSpread({},b[a-1]),{},{activeItem:void 0}),C(b),v()};useClickOutside({isActive:!!j,ignoreClicksInsideRefs:[].concat(_toConsumableArray(L),[e||{current:null}]),handler:function handler(a){return null===j||void 0===j?void 0:j(a)}}),useEffect(function(){return clearTimers(),C(getLevels({levels:B,items:d,getItemKey:k,getItemSubMenu:m})),function(){return clearTimers()}},[d]);var O=useForkRef([L[0],b]);return useEffect(function(){C(y)},[f]),useEffect(function(){C(s?y:[])},[s]),useSize(L,t,r),React.createElement(TransitionGroup,{component:Fragment},B.map(function(a,b){var d="".concat(b,"-").concat(a.parent?k(a.parent):""),e=b!==B.length-1;return r&&e?React.createElement(Fragment,{key:b}):React.createElement(Transition,{key:d,timeout:animateTimeout,nodeRef:L[b]},function(d){return React.createElement(ContextMenuLevel,Object.assign({},w,a,{key:"".concat(b,"-").concat(a.parent?k(a.parent):""),isMobile:r,isOpen:s,style:_objectSpread(_objectSpread({},n),{zIndex:"number"==typeof(null===n||void 0===n?void 0:n.zIndex)?n.zIndex+1:void 0}),levelDepth:b,getItemLabel:l,addLevel:M,deleteLevel:N,onSetDirection:0<b?G:c.onSetDirection,hoveredParenLevel:J,setHoveredParenLevel:K,getItemSubMenu:m,getItemKey:k,ref:0===b?O:L[b],spareDirection:0===b?o:"rightStartUp",parent:r?a.parent:void 0,animate:d}))})}))};export var ContextMenuLevels=React.forwardRef(ContextMenuLevelsRender);
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","anchorRef","position","direction","possibleDirections","offset","onClickOutside","getItemKey","getItemLabel","getItemSubMenu","style","spareDirection","subMenuDirection","isMobile","isOpen","setComponentSize","enableAnimationBack","disableAnimationBack"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{Fragment,useEffect,useState}from"react";import{Transition,TransitionGroup}from"react-transition-group";import{useClickOutside}from"../../../hooks/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{useMutableRef}from"../../../hooks/useMutableRef";import{useRefs}from"../../../hooks/useRefs";import{animateTimeout}from"../../../mixs/MixPopoverAnimate";import{clearTimers,ContextMenuLevel}from"../ContextMenuLevel";import{getLevels,withDefaultGetters}from"../helpers";import{contextMenuPropDefaultSubMenuDirection,contextMenuPropSubMenuDirections}from"../types";import{useSize}from"./useSize";var ContextMenuLevelsRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=c.anchorRef,f=c.position,g=c.direction,h=c.possibleDirections,i=c.offset,j=c.onClickOutside,k=c.getItemKey,l=c.getItemLabel,m=c.getItemSubMenu,n=c.style,o=c.spareDirection,p=c.subMenuDirection,q=void 0===p?contextMenuPropDefaultSubMenuDirection:p,r=c.isMobile,s=c.isOpen,t=c.setComponentSize,u=c.enableAnimationBack,v=c.disableAnimationBack,w=_objectWithoutProperties(c,_excluded),x=useMutableRef(s),y=[{items:d,anchorRef:e,position:f,direction:g,possibleDirections:h,offset:i}],z=useState(r?y:[]),A=_slicedToArray(z,2),B=A[0],C=A[1],D=useState(q),E=_slicedToArray(D,2),F=E[0],G=E[1],H=useState(-1),I=_slicedToArray(H,2),J=I[0],K=I[1],L=useRefs(B.length),M=function(a){var b=a.level,d=a.items,e=a.anchorRef,f=a.activeItem,g=a.parent,h=_toConsumableArray(B),i=h[b]&&1<h.length-b?h[b].direction:void 0;h[b]&&1<h.length-b&&i&&G(i),h[b-1].activeItem=f,h.splice(b),h.push({items:d,anchorRef:r?c.anchorRef:e,direction:r?c.direction:i||F,possibleDirections:r?c.possibleDirections:contextMenuPropSubMenuDirections,position:r?c.position:void 0,offset:r?c.offset:void 0,parent:g}),x.current?C(h):C([])},N=function(a){u();var b=_toConsumableArray(B);b.splice(a),b[a-1]=_objectSpread(_objectSpread({},b[a-1]),{},{activeItem:void 0}),C(b),v()};useClickOutside({isActive:j&&s,ignoreClicksInsideRefs:[].concat(_toConsumableArray(L),[e||{current:null}]),handler:j}),useEffect(function(){return clearTimers(),C(getLevels({levels:B,items:d,getItemKey:k,getItemSubMenu:m})),function(){return clearTimers()}},[d]);var O=useForkRef([L[0],b]);return useEffect(function(){C(y)},[f]),useEffect(function(){C(s?y:[])},[s]),useSize(L,t,r),React.createElement(TransitionGroup,{component:Fragment},B.map(function(a,b){var d="".concat(b,"-").concat(a.parent?k(a.parent):""),e=b!==B.length-1;return r&&e?React.createElement(Fragment,{key:b}):React.createElement(Transition,{key:d,timeout:animateTimeout,nodeRef:L[b]},function(d){return React.createElement(ContextMenuLevel,Object.assign({},w,a,{key:"".concat(b,"-").concat(a.parent?k(a.parent):""),isMobile:r,isOpen:s,style:_objectSpread(_objectSpread({},n),{zIndex:"number"==typeof(null===n||void 0===n?void 0:n.zIndex)?n.zIndex+1:void 0}),levelDepth:b,getItemLabel:l,addLevel:M,deleteLevel:N,onSetDirection:0<b?G:c.onSetDirection,hoveredParenLevel:J,setHoveredParenLevel:K,getItemSubMenu:m,getItemKey:k,ref:0===b?O:L[b],spareDirection:0===b?o:"rightStartUp",parent:r?a.parent:void 0,animate:d}))})}))};export var ContextMenuLevels=React.forwardRef(ContextMenuLevelsRender);
 //# sourceMappingURL=ContextMenuLevels.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuLevels.js","names":["React","Fragment","useEffect","useState","Transition","TransitionGroup","useClickOutside","useForkRef","useMutableRef","useRefs","animateTimeout","clearTimers","ContextMenuLevel","getLevels","withDefaultGetters","contextMenuPropDefaultSubMenuDirection","contextMenuPropSubMenuDirections","useSize","ContextMenuLevelsRender","propsComponent","ref","props","items","anchorRef","position","direction","possibleDirections","offset","onClickOutside","getItemKey","getItemLabel","getItemSubMenu","style","spareDirection","subMenuDirection","subMenuDirectionProp","isMobile","isOpen","setComponentSize","enableAnimationBack","disableAnimationBack","otherProps","isOpenRef","defaultLevels","levels","setLevels","setSubMenuDirection","hoveredParenLevel","setHoveredParenLevel","levelsRefs","length","addLevel","level","activeItem","parent","newLevels","oldDirection","splice","push","current","deleteLevel","isActive","ignoreClicksInsideRefs","handler","e","firstLevelRef","map","index","key","last","animate","zIndex","onSetDirection","ContextMenuLevels","forwardRef"],"sources":["../../../../../../src/components/ContextMenu/ContextMenuLevels/ContextMenuLevels.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useState } from 'react';\nimport { Transition, TransitionGroup } from 'react-transition-group';\n\nimport { Direction } from '##/components/Popover';\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { animateTimeout } from '##/mixs/MixPopoverAnimate';\n\nimport { clearTimers, ContextMenuLevel } from '../ContextMenuLevel';\nimport { getLevels, withDefaultGetters } from '../helpers';\nimport {\n  AddLevel,\n  ContextMenuItemDefault,\n  ContextMenuLevelsComponent,\n  ContextMenuLevelsProps,\n  contextMenuPropDefaultSubMenuDirection,\n  contextMenuPropSubMenuDirections,\n  Level,\n} from '../types';\nimport { useSize } from './useSize';\n\nconst ContextMenuLevelsRender = (\n  propsComponent: ContextMenuLevelsProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const props = withDefaultGetters(propsComponent);\n  const {\n    items,\n    anchorRef,\n    position,\n    direction,\n    possibleDirections,\n    offset,\n    onClickOutside,\n    getItemKey,\n    getItemLabel,\n    getItemSubMenu,\n    style,\n    spareDirection,\n    subMenuDirection:\n      subMenuDirectionProp = contextMenuPropDefaultSubMenuDirection,\n    isMobile,\n    isOpen,\n    setComponentSize,\n    enableAnimationBack,\n    disableAnimationBack,\n    ...otherProps\n  } = props;\n\n  const isOpenRef = useMutableRef(isOpen);\n\n  type Item = typeof items[number];\n\n  const defaultLevels: Level<ContextMenuItemDefault>[] = [\n    {\n      items,\n      anchorRef,\n      position,\n      direction,\n      possibleDirections,\n      offset,\n    },\n  ];\n\n  const [levels, setLevels] = useState<\n    Level<ContextMenuItemDefault & { isParent?: boolean }>[]\n  >(isMobile ? defaultLevels : []);\n  const [subMenuDirection, setSubMenuDirection] =\n    useState<Direction>(subMenuDirectionProp);\n  const [hoveredParenLevel, setHoveredParenLevel] = useState<number>(-1);\n\n  const levelsRefs = useRefs<HTMLDivElement>(levels.length);\n\n  const addLevel: AddLevel<Item> = ({\n    level,\n    items,\n    anchorRef,\n    activeItem,\n    parent,\n  }) => {\n    const newLevels: Level<ContextMenuItemDefault & { isParent?: boolean }>[] =\n      [...levels];\n    const oldDirection =\n      newLevels[level] && newLevels.length - level > 1\n        ? newLevels[level].direction\n        : undefined;\n\n    if (newLevels[level] && newLevels.length - level > 1 && oldDirection) {\n      setSubMenuDirection(oldDirection);\n    }\n\n    newLevels[level - 1].activeItem = activeItem;\n    newLevels.splice(level);\n    newLevels.push({\n      items,\n      anchorRef: isMobile ? props.anchorRef : anchorRef,\n      direction: isMobile ? props.direction : oldDirection || subMenuDirection,\n      possibleDirections: isMobile\n        ? props.possibleDirections\n        : contextMenuPropSubMenuDirections,\n      position: isMobile ? props.position : undefined,\n      offset: isMobile ? props.offset : undefined,\n      parent,\n    });\n\n    isOpenRef.current ? setLevels(newLevels) : setLevels([]);\n  };\n\n  const deleteLevel = (level: number) => {\n    enableAnimationBack();\n    const newLevels = [...levels];\n    newLevels.splice(level);\n    newLevels[level - 1] = { ...newLevels[level - 1], activeItem: undefined };\n    setLevels(newLevels);\n    disableAnimationBack();\n  };\n\n  useClickOutside({\n    isActive: !!onClickOutside,\n    ignoreClicksInsideRefs: [...levelsRefs, anchorRef || { current: null }],\n    handler: (e) => onClickOutside?.(e),\n  });\n\n  useEffect(() => {\n    clearTimers();\n    setLevels(\n      getLevels({\n        levels,\n        items,\n        getItemKey,\n        getItemSubMenu,\n      }),\n    );\n    return () => clearTimers();\n  }, [items]);\n\n  const firstLevelRef = useForkRef([levelsRefs[0], ref]);\n\n  useEffect(() => {\n    setLevels(defaultLevels);\n  }, [position]);\n\n  useEffect(() => {\n    setLevels(isOpen ? defaultLevels : []);\n  }, [isOpen]);\n\n  useSize(levelsRefs, setComponentSize, isMobile);\n\n  return (\n    <TransitionGroup component={Fragment}>\n      {levels.map((level, index) => {\n        const key = `${index}-${level.parent ? getItemKey(level.parent) : ''}`;\n\n        const last = index !== levels.length - 1;\n\n        if (isMobile && last) {\n          return <Fragment key={index} />;\n        }\n\n        return (\n          <Transition\n            key={key}\n            timeout={animateTimeout}\n            nodeRef={levelsRefs[index]}\n          >\n            {(animate) => (\n              <ContextMenuLevel\n                {...otherProps}\n                {...level}\n                key={`${index}-${level.parent ? getItemKey(level.parent) : ''}`}\n                isMobile={isMobile}\n                isOpen={isOpen}\n                style={{\n                  ...style,\n                  ...{\n                    zIndex:\n                      typeof style?.zIndex === 'number'\n                        ? style.zIndex + 1\n                        : undefined,\n                  },\n                }}\n                levelDepth={index}\n                getItemLabel={getItemLabel}\n                addLevel={addLevel}\n                deleteLevel={deleteLevel}\n                onSetDirection={\n                  index > 0 ? setSubMenuDirection : props.onSetDirection\n                }\n                hoveredParenLevel={hoveredParenLevel}\n                setHoveredParenLevel={setHoveredParenLevel}\n                getItemSubMenu={getItemSubMenu}\n                getItemKey={getItemKey}\n                ref={index === 0 ? firstLevelRef : levelsRefs[index]}\n                spareDirection={index === 0 ? spareDirection : 'rightStartUp'}\n                parent={isMobile ? level.parent : undefined}\n                animate={animate}\n              />\n            )}\n          </Transition>\n        );\n      })}\n    </TransitionGroup>\n  );\n};\n\nexport const ContextMenuLevels = React.forwardRef(\n  ContextMenuLevelsRender,\n) as ContextMenuLevelsComponent;\n"],"mappings":"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"}
+{"version":3,"file":"ContextMenuLevels.js","names":["React","Fragment","useEffect","useState","Transition","TransitionGroup","useClickOutside","useForkRef","useMutableRef","useRefs","animateTimeout","clearTimers","ContextMenuLevel","getLevels","withDefaultGetters","contextMenuPropDefaultSubMenuDirection","contextMenuPropSubMenuDirections","useSize","ContextMenuLevelsRender","propsComponent","ref","props","items","anchorRef","position","direction","possibleDirections","offset","onClickOutside","getItemKey","getItemLabel","getItemSubMenu","style","spareDirection","subMenuDirection","subMenuDirectionProp","isMobile","isOpen","setComponentSize","enableAnimationBack","disableAnimationBack","otherProps","isOpenRef","defaultLevels","levels","setLevels","setSubMenuDirection","hoveredParenLevel","setHoveredParenLevel","levelsRefs","length","addLevel","level","activeItem","parent","newLevels","oldDirection","splice","push","current","deleteLevel","isActive","ignoreClicksInsideRefs","handler","firstLevelRef","map","index","key","last","animate","zIndex","onSetDirection","ContextMenuLevels","forwardRef"],"sources":["../../../../../../src/components/ContextMenu/ContextMenuLevels/ContextMenuLevels.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useState } from 'react';\nimport { Transition, TransitionGroup } from 'react-transition-group';\n\nimport { Direction } from '##/components/Popover';\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { animateTimeout } from '##/mixs/MixPopoverAnimate';\n\nimport { clearTimers, ContextMenuLevel } from '../ContextMenuLevel';\nimport { getLevels, withDefaultGetters } from '../helpers';\nimport {\n  AddLevel,\n  ContextMenuItemDefault,\n  ContextMenuLevelsComponent,\n  ContextMenuLevelsProps,\n  contextMenuPropDefaultSubMenuDirection,\n  contextMenuPropSubMenuDirections,\n  Level,\n} from '../types';\nimport { useSize } from './useSize';\n\nconst ContextMenuLevelsRender = (\n  propsComponent: ContextMenuLevelsProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const props = withDefaultGetters(propsComponent);\n  const {\n    items,\n    anchorRef,\n    position,\n    direction,\n    possibleDirections,\n    offset,\n    onClickOutside,\n    getItemKey,\n    getItemLabel,\n    getItemSubMenu,\n    style,\n    spareDirection,\n    subMenuDirection:\n      subMenuDirectionProp = contextMenuPropDefaultSubMenuDirection,\n    isMobile,\n    isOpen,\n    setComponentSize,\n    enableAnimationBack,\n    disableAnimationBack,\n    ...otherProps\n  } = props;\n\n  const isOpenRef = useMutableRef(isOpen);\n\n  type Item = typeof items[number];\n\n  const defaultLevels: Level<ContextMenuItemDefault>[] = [\n    {\n      items,\n      anchorRef,\n      position,\n      direction,\n      possibleDirections,\n      offset,\n    },\n  ];\n\n  const [levels, setLevels] = useState<\n    Level<ContextMenuItemDefault & { isParent?: boolean }>[]\n  >(isMobile ? defaultLevels : []);\n  const [subMenuDirection, setSubMenuDirection] =\n    useState<Direction>(subMenuDirectionProp);\n  const [hoveredParenLevel, setHoveredParenLevel] = useState<number>(-1);\n\n  const levelsRefs = useRefs<HTMLDivElement>(levels.length);\n\n  const addLevel: AddLevel<Item> = ({\n    level,\n    items,\n    anchorRef,\n    activeItem,\n    parent,\n  }) => {\n    const newLevels: Level<ContextMenuItemDefault & { isParent?: boolean }>[] =\n      [...levels];\n    const oldDirection =\n      newLevels[level] && newLevels.length - level > 1\n        ? newLevels[level].direction\n        : undefined;\n\n    if (newLevels[level] && newLevels.length - level > 1 && oldDirection) {\n      setSubMenuDirection(oldDirection);\n    }\n\n    newLevels[level - 1].activeItem = activeItem;\n    newLevels.splice(level);\n    newLevels.push({\n      items,\n      anchorRef: isMobile ? props.anchorRef : anchorRef,\n      direction: isMobile ? props.direction : oldDirection || subMenuDirection,\n      possibleDirections: isMobile\n        ? props.possibleDirections\n        : contextMenuPropSubMenuDirections,\n      position: isMobile ? props.position : undefined,\n      offset: isMobile ? props.offset : undefined,\n      parent,\n    });\n\n    isOpenRef.current ? setLevels(newLevels) : setLevels([]);\n  };\n\n  const deleteLevel = (level: number) => {\n    enableAnimationBack();\n    const newLevels = [...levels];\n    newLevels.splice(level);\n    newLevels[level - 1] = { ...newLevels[level - 1], activeItem: undefined };\n    setLevels(newLevels);\n    disableAnimationBack();\n  };\n\n  useClickOutside({\n    isActive: onClickOutside && isOpen,\n    ignoreClicksInsideRefs: [...levelsRefs, anchorRef || { current: null }],\n    handler: onClickOutside,\n  });\n\n  useEffect(() => {\n    clearTimers();\n    setLevels(\n      getLevels({\n        levels,\n        items,\n        getItemKey,\n        getItemSubMenu,\n      }),\n    );\n    return () => clearTimers();\n  }, [items]);\n\n  const firstLevelRef = useForkRef([levelsRefs[0], ref]);\n\n  useEffect(() => {\n    setLevels(defaultLevels);\n  }, [position]);\n\n  useEffect(() => {\n    setLevels(isOpen ? defaultLevels : []);\n  }, [isOpen]);\n\n  useSize(levelsRefs, setComponentSize, isMobile);\n\n  return (\n    <TransitionGroup component={Fragment}>\n      {levels.map((level, index) => {\n        const key = `${index}-${level.parent ? getItemKey(level.parent) : ''}`;\n\n        const last = index !== levels.length - 1;\n\n        if (isMobile && last) {\n          return <Fragment key={index} />;\n        }\n\n        return (\n          <Transition\n            key={key}\n            timeout={animateTimeout}\n            nodeRef={levelsRefs[index]}\n          >\n            {(animate) => (\n              <ContextMenuLevel\n                {...otherProps}\n                {...level}\n                key={`${index}-${level.parent ? getItemKey(level.parent) : ''}`}\n                isMobile={isMobile}\n                isOpen={isOpen}\n                style={{\n                  ...style,\n                  ...{\n                    zIndex:\n                      typeof style?.zIndex === 'number'\n                        ? style.zIndex + 1\n                        : undefined,\n                  },\n                }}\n                levelDepth={index}\n                getItemLabel={getItemLabel}\n                addLevel={addLevel}\n                deleteLevel={deleteLevel}\n                onSetDirection={\n                  index > 0 ? setSubMenuDirection : props.onSetDirection\n                }\n                hoveredParenLevel={hoveredParenLevel}\n                setHoveredParenLevel={setHoveredParenLevel}\n                getItemSubMenu={getItemSubMenu}\n                getItemKey={getItemKey}\n                ref={index === 0 ? firstLevelRef : levelsRefs[index]}\n                spareDirection={index === 0 ? spareDirection : 'rightStartUp'}\n                parent={isMobile ? level.parent : undefined}\n                animate={animate}\n              />\n            )}\n          </Transition>\n        );\n      })}\n    </TransitionGroup>\n  );\n};\n\nexport const ContextMenuLevels = React.forwardRef(\n  ContextMenuLevelsRender,\n) as ContextMenuLevelsComponent;\n"],"mappings":"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"}

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

@@ -19,7 +19,7 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuLevels
 } & import("./types").MappersItem<ITEM> & import("./types").MappersGroup<GROUP> & {
     anchorRef: import("react").RefObject<HTMLElement>;
     position?: undefined;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "size" | "form" | "direction" | "offset" | "items" | "groups" | "position" | "isOpen" | "onItemClick" | "sortGroup" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "subMenuDirection" | "isMobile" | keyof import("./types").MappersItem<ITEM_1> | keyof import("./types").MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "size" | "form" | "direction" | "offset" | "items" | "groups" | "position" | "onItemClick" | "sortGroup" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "isOpen" | "subMenuDirection" | "isMobile" | keyof import("./types").MappersItem<ITEM_1> | keyof import("./types").MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
     id: unknown;
 } ? {} : {
     getGroupId: ContextMenuPropGetGroupId<GROUP>;
@@ -65,7 +65,7 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuLevels
 } & import("./types").MappersItem<ITEM> & import("./types").MappersGroup<GROUP> & {
     anchorRef?: undefined;
     position: import("../Popover").Position;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "size" | "form" | "direction" | "offset" | "items" | "groups" | "position" | "isOpen" | "onItemClick" | "sortGroup" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "subMenuDirection" | "isMobile" | keyof import("./types").MappersItem<ITEM_1> | keyof import("./types").MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "size" | "form" | "direction" | "offset" | "items" | "groups" | "position" | "onItemClick" | "sortGroup" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "isOpen" | "subMenuDirection" | "isMobile" | keyof import("./types").MappersItem<ITEM_1> | keyof import("./types").MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
     id: unknown;
 } ? {} : {
     getGroupId: ContextMenuPropGetGroupId<GROUP>;

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

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","anchorRef","position","direction","possibleDirections","offset","getKey","getSubItems","subMenuDirection","getLabel","onClickOutside","spareDirection","style"];function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function e(a){throw a},f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function e(a){h=!0,f=a},f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{createRef,forwardRef,useEffect,useMemo,useState}from"react";import{useClickOutside}from"../../hooks/useClickOutside/useClickOutside";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{directions}from"../Popover/Popover";import{clearTimers,ContextMenuLevel}from"./ContextMenuLevel/ContextMenuLevel";import{contextMenuPropDefaultSubMenuDirection,contextMenuPropSubMenuDirections}from"./helpers";export var ContextMenu=forwardRef(function(a,b){var c=a.items,d=a.anchorRef,e=a.position,f=a.direction,g=a.possibleDirections,h=void 0===g?directions:g,i=a.offset,j=a.getKey,k=a.getSubItems,l=a.subMenuDirection,m=void 0===l?contextMenuPropDefaultSubMenuDirection:l,n=a.getLabel,o=a.onClickOutside,p=a.spareDirection,q=a.style,r=_objectWithoutProperties(a,_excluded),s=j||n,t=useState([{items:c,anchorRef:d,position:e,direction:f,possibleDirections:h,offset:i}]),u=_slicedToArray(t,2),v=u[0],w=u[1],x=useState(m),y=_slicedToArray(x,2),z=y[0],A=y[1],B=useState(-1),C=_slicedToArray(B,2),D=C[0],E=C[1],F=function(a,b,c,d){var e,f=Array.from(v);f[a]&&1<f.length-a&&(e=f[a].direction,e&&A(e)),f[a-1].activeItem=d,f.splice(a),f.push({items:b,anchorRef:c,direction:e||z,possibleDirections:contextMenuPropSubMenuDirections}),w(f)},G=function(a){var b=Array.from(v);b.splice(a),b[a-1]=_objectSpread(_objectSpread({},b[a-1]),{},{activeItem:void 0}),w(b)},H=useMemo(function constructItemRefs(){for(var a=[],b=0;b<v.length;b++)a[b]=createRef();return a},[v]),I=useForkRef([H[0],b]);return useClickOutside({isActive:!!o,ignoreClicksInsideRefs:[].concat(_toConsumableArray(H),[d||{current:null}]),handler:function handler(a){return o&&o(a)}}),useEffect(function(){function b(a,c){var d,e=_createForOfIteratorHelper(a);try{for(e.s();!(d=e.n()).done;){var f=d.value;if(s(f)===c)return f;var g="function"==typeof k&&k(f);if(g){var h=b(g,c);if(h)return h}}}catch(a){e.e(a)}finally{e.f()}}clearTimers();var c=v.map(function(c){return _objectSpread(_objectSpread({},c),{},{items:c.items.map(function(c){return b(a.items,s(c))})})});return w(c),function(){return clearTimers()}},[a.items,k,s]),React.createElement(React.Fragment,null,v.map(function(b,c){var d=0<c?A:a.onSetDirection;return React.createElement(ContextMenuLevel,Object.assign({},r,{style:_objectSpread(_objectSpread({},q),"number"==typeof(null===q||void 0===q?void 0:q.zIndex)&&{zIndex:q.zIndex+c}),offset:b.offset,key:c,items:b.items,level:c,addLevel:F,deleteLevel:G,anchorRef:b.anchorRef,position:b.position,activeItem:b.activeItem,direction:b.direction,possibleDirections:b.possibleDirections,onSetDirection:d,hoveredParenLevel:D,setHoveredParenLevel:E,getSubItems:k,getLabel:n,ref:0===c?I:H[c],spareDirection:0===c?p:"rightStartUp"}))}))});
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","anchorRef","position","direction","possibleDirections","offset","getKey","getSubItems","subMenuDirection","getLabel","onClickOutside","spareDirection","style"];function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function e(a){throw a},f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function e(a){h=!0,f=a},f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{createRef,forwardRef,useEffect,useMemo,useState}from"react";import{useClickOutside}from"../../hooks/useClickOutside/useClickOutside";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{directions}from"../Popover/Popover";import{clearTimers,ContextMenuLevel}from"./ContextMenuLevel/ContextMenuLevel";import{contextMenuPropDefaultSubMenuDirection,contextMenuPropSubMenuDirections}from"./helpers";export var ContextMenu=forwardRef(function(a,b){var c=a.items,d=a.anchorRef,e=a.position,f=a.direction,g=a.possibleDirections,h=void 0===g?directions:g,i=a.offset,j=a.getKey,k=a.getSubItems,l=a.subMenuDirection,m=void 0===l?contextMenuPropDefaultSubMenuDirection:l,n=a.getLabel,o=a.onClickOutside,p=a.spareDirection,q=a.style,r=_objectWithoutProperties(a,_excluded),s=j||n,t=useState([{items:c,anchorRef:d,position:e,direction:f,possibleDirections:h,offset:i}]),u=_slicedToArray(t,2),v=u[0],w=u[1],x=useState(m),y=_slicedToArray(x,2),z=y[0],A=y[1],B=useState(-1),C=_slicedToArray(B,2),D=C[0],E=C[1],F=function(a,b,c,d){var e,f=Array.from(v);f[a]&&1<f.length-a&&(e=f[a].direction,e&&A(e)),f[a-1].activeItem=d,f.splice(a),f.push({items:b,anchorRef:c,direction:e||z,possibleDirections:contextMenuPropSubMenuDirections}),w(f)},G=function(a){var b=Array.from(v);b.splice(a),b[a-1]=_objectSpread(_objectSpread({},b[a-1]),{},{activeItem:void 0}),w(b)},H=useMemo(function constructItemRefs(){for(var a=[],b=0;b<v.length;b++)a[b]=createRef();return a},[v]),I=useForkRef([H[0],b]);return useClickOutside({isActive:!!o,ignoreClicksInsideRefs:[].concat(_toConsumableArray(H),[d||{current:null}]),handler:o}),useEffect(function(){function b(a,c){var d,e=_createForOfIteratorHelper(a);try{for(e.s();!(d=e.n()).done;){var f=d.value;if(s(f)===c)return f;var g="function"==typeof k&&k(f);if(g){var h=b(g,c);if(h)return h}}}catch(a){e.e(a)}finally{e.f()}}clearTimers();var c=v.map(function(c){return _objectSpread(_objectSpread({},c),{},{items:c.items.map(function(c){return b(a.items,s(c))})})});return w(c),function(){return clearTimers()}},[a.items,k,s]),React.createElement(React.Fragment,null,v.map(function(b,c){var d=0<c?A:a.onSetDirection;return React.createElement(ContextMenuLevel,Object.assign({},r,{style:_objectSpread(_objectSpread({},q),"number"==typeof(null===q||void 0===q?void 0:q.zIndex)&&{zIndex:q.zIndex+c}),offset:b.offset,key:c,items:b.items,level:c,addLevel:F,deleteLevel:G,anchorRef:b.anchorRef,position:b.position,activeItem:b.activeItem,direction:b.direction,possibleDirections:b.possibleDirections,onSetDirection:d,hoveredParenLevel:D,setHoveredParenLevel:E,getSubItems:k,getLabel:n,ref:0===c?I:H[c],spareDirection:0===c?p:"rightStartUp"}))}))});
 //# sourceMappingURL=ContextMenuDeprecated.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuDeprecated.js","names":["React","createRef","forwardRef","useEffect","useMemo","useState","useClickOutside","useForkRef","directions","clearTimers","ContextMenuLevel","contextMenuPropDefaultSubMenuDirection","contextMenuPropSubMenuDirections","ContextMenu","props","ref","items","anchorRef","position","direction","possibleDirections","offset","getKeyProp","getKey","getSubItems","subMenuDirection","propSubMenuDirection","getLabel","onClickOutside","spareDirection","style","otherProps","levels","setLevels","setSubMenuDirection","hoveredParenLevel","setHoveredParenLevel","addLevel","level","activeItem","oldDirection","newLevels","Array","from","length","splice","push","deleteLevel","levelsRefs","constructItemRefs","refs","i","firstLevelRef","isActive","ignoreClicksInsideRefs","current","handler","e","find","key","item","subItems","subItem","map","index","onSetDirection","zIndex"],"sources":["../../../../../src/components/ContextMenuDeprecated/ContextMenuDeprecated.tsx"],"sourcesContent":["import React, {\n  createRef,\n  forwardRef,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { useClickOutside } from '../../hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { Direction, directions } from '../Popover/Popover';\nimport {\n  clearTimers,\n  ContextMenuLevel,\n} from './ContextMenuLevel/ContextMenuLevel';\nimport {\n  AddLevel,\n  ContextMenuComponent,\n  contextMenuPropDefaultSubMenuDirection,\n  contextMenuPropSubMenuDirections,\n  DeleteLevel,\n  Level,\n} from './helpers';\n\nexport const ContextMenu: ContextMenuComponent = forwardRef((props, ref) => {\n  const {\n    items,\n    anchorRef,\n    position,\n    direction,\n    possibleDirections = directions,\n    offset,\n    getKey: getKeyProp,\n    getSubItems,\n    subMenuDirection:\n      propSubMenuDirection = contextMenuPropDefaultSubMenuDirection,\n    getLabel,\n    onClickOutside,\n    spareDirection,\n    style,\n    ...otherProps\n  } = props;\n\n  type Item = typeof items[number];\n\n  const getKey = getKeyProp || getLabel;\n\n  const defaultLevels = [\n    {\n      items,\n      anchorRef,\n      position,\n      direction,\n      possibleDirections,\n      offset,\n    },\n  ] as Level<Item>[];\n\n  const [levels, setLevels] = useState<Level<Item>[]>(defaultLevels);\n  const [subMenuDirection, setSubMenuDirection] =\n    useState<Direction>(propSubMenuDirection);\n  const [hoveredParenLevel, setHoveredParenLevel] = useState<number>(-1);\n\n  const addLevel: AddLevel<Item> = (level, items, anchorRef, activeItem) => {\n    const newLevels = Array.from(levels);\n\n    let oldDirection: Direction | undefined;\n\n    if (newLevels[level] && newLevels.length - level > 1) {\n      oldDirection = newLevels[level].direction;\n\n      if (oldDirection) {\n        setSubMenuDirection(oldDirection);\n      }\n    }\n\n    newLevels[level - 1].activeItem = activeItem;\n    newLevels.splice(level);\n    newLevels.push({\n      items,\n      anchorRef,\n      direction: oldDirection || subMenuDirection,\n      possibleDirections: contextMenuPropSubMenuDirections,\n    });\n    setLevels(newLevels);\n  };\n\n  const deleteLevel: DeleteLevel = (level) => {\n    const newLevels = Array.from(levels);\n    newLevels.splice(level);\n    newLevels[level - 1] = { ...newLevels[level - 1], activeItem: undefined };\n    setLevels(newLevels);\n  };\n\n  const constructItemRefs: () => React.RefObject<HTMLDivElement>[] = () => {\n    const refs: React.RefObject<HTMLDivElement>[] = [];\n\n    for (let i = 0; i < levels.length; i++) {\n      refs[i] = createRef<HTMLDivElement>();\n    }\n\n    return refs;\n  };\n\n  const levelsRefs = useMemo(constructItemRefs, [levels]);\n\n  const firstLevelRef = useForkRef([levelsRefs[0], ref]);\n\n  useClickOutside({\n    isActive: !!onClickOutside,\n    ignoreClicksInsideRefs: [...levelsRefs, anchorRef || { current: null }],\n    handler: (e) => onClickOutside && onClickOutside(e),\n  });\n\n  useEffect(() => {\n    // из-за отложенного рендера закрытия подпунктов меню\n    // может возникнуть ситуация когда таймер еще не успел отработать и вызвать рендер на закрытие меню,\n    // и если в этот изменяется props.items в компоненте, то сразу после рендера который вызван сменой props.items\n    // вызовется отложенный что приведет к неверному рендеру, который должен был вызваться до изменения props.items\n    // По этому останавливаем отложенный перерендр закрытия, чтобы избежать ошибки\n    clearTimers();\n    // пересобираем levels при изменении пропсов\n    function find(items: Item[], key: string | number): Item | undefined {\n      for (const item of items) {\n        if (getKey(item) === key) {\n          return item;\n        }\n        const subItems = typeof getSubItems === 'function' && getSubItems(item);\n        if (subItems) {\n          const subItem = find(subItems, key);\n          if (subItem) {\n            return subItem;\n          }\n        }\n      }\n      return undefined;\n    }\n\n    const newLevels = levels.map((level) => {\n      return {\n        ...level,\n        items: level.items.map((item) => find(props.items, getKey(item))),\n      };\n    });\n\n    // привел к типа м так как TS не понимает что по ключу всегда найдется нужный нам item\n    setLevels(newLevels as Level<Item>[]);\n    return () => clearTimers();\n  }, [props.items, getSubItems, getKey]);\n\n  return (\n    <>\n      {levels.map((level, index) => {\n        const onSetDirection =\n          index > 0 ? setSubMenuDirection : props.onSetDirection;\n\n        return (\n          <ContextMenuLevel\n            {...otherProps}\n            style={{\n              ...style,\n              ...(typeof style?.zIndex === 'number' && {\n                zIndex: style.zIndex + index,\n              }),\n            }}\n            offset={level.offset}\n            key={index}\n            items={level.items}\n            level={index}\n            addLevel={addLevel}\n            deleteLevel={deleteLevel}\n            anchorRef={level.anchorRef}\n            position={level.position}\n            activeItem={level.activeItem}\n            direction={level.direction}\n            possibleDirections={level.possibleDirections}\n            onSetDirection={onSetDirection}\n            hoveredParenLevel={hoveredParenLevel}\n            setHoveredParenLevel={setHoveredParenLevel}\n            getSubItems={getSubItems}\n            getLabel={getLabel}\n            ref={index === 0 ? firstLevelRef : levelsRefs[index]}\n            spareDirection={index === 0 ? spareDirection : 'rightStartUp'}\n          />\n        );\n      })}\n    </>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"ContextMenuDeprecated.js","names":["React","createRef","forwardRef","useEffect","useMemo","useState","useClickOutside","useForkRef","directions","clearTimers","ContextMenuLevel","contextMenuPropDefaultSubMenuDirection","contextMenuPropSubMenuDirections","ContextMenu","props","ref","items","anchorRef","position","direction","possibleDirections","offset","getKeyProp","getKey","getSubItems","subMenuDirection","propSubMenuDirection","getLabel","onClickOutside","spareDirection","style","otherProps","levels","setLevels","setSubMenuDirection","hoveredParenLevel","setHoveredParenLevel","addLevel","level","activeItem","oldDirection","newLevels","Array","from","length","splice","push","deleteLevel","levelsRefs","constructItemRefs","refs","i","firstLevelRef","isActive","ignoreClicksInsideRefs","current","handler","find","key","item","subItems","subItem","map","index","onSetDirection","zIndex"],"sources":["../../../../../src/components/ContextMenuDeprecated/ContextMenuDeprecated.tsx"],"sourcesContent":["import React, {\n  createRef,\n  forwardRef,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { useClickOutside } from '../../hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { Direction, directions } from '../Popover/Popover';\nimport {\n  clearTimers,\n  ContextMenuLevel,\n} from './ContextMenuLevel/ContextMenuLevel';\nimport {\n  AddLevel,\n  ContextMenuComponent,\n  contextMenuPropDefaultSubMenuDirection,\n  contextMenuPropSubMenuDirections,\n  DeleteLevel,\n  Level,\n} from './helpers';\n\nexport const ContextMenu: ContextMenuComponent = forwardRef((props, ref) => {\n  const {\n    items,\n    anchorRef,\n    position,\n    direction,\n    possibleDirections = directions,\n    offset,\n    getKey: getKeyProp,\n    getSubItems,\n    subMenuDirection:\n      propSubMenuDirection = contextMenuPropDefaultSubMenuDirection,\n    getLabel,\n    onClickOutside,\n    spareDirection,\n    style,\n    ...otherProps\n  } = props;\n\n  type Item = typeof items[number];\n\n  const getKey = getKeyProp || getLabel;\n\n  const defaultLevels = [\n    {\n      items,\n      anchorRef,\n      position,\n      direction,\n      possibleDirections,\n      offset,\n    },\n  ] as Level<Item>[];\n\n  const [levels, setLevels] = useState<Level<Item>[]>(defaultLevels);\n  const [subMenuDirection, setSubMenuDirection] =\n    useState<Direction>(propSubMenuDirection);\n  const [hoveredParenLevel, setHoveredParenLevel] = useState<number>(-1);\n\n  const addLevel: AddLevel<Item> = (level, items, anchorRef, activeItem) => {\n    const newLevels = Array.from(levels);\n\n    let oldDirection: Direction | undefined;\n\n    if (newLevels[level] && newLevels.length - level > 1) {\n      oldDirection = newLevels[level].direction;\n\n      if (oldDirection) {\n        setSubMenuDirection(oldDirection);\n      }\n    }\n\n    newLevels[level - 1].activeItem = activeItem;\n    newLevels.splice(level);\n    newLevels.push({\n      items,\n      anchorRef,\n      direction: oldDirection || subMenuDirection,\n      possibleDirections: contextMenuPropSubMenuDirections,\n    });\n    setLevels(newLevels);\n  };\n\n  const deleteLevel: DeleteLevel = (level) => {\n    const newLevels = Array.from(levels);\n    newLevels.splice(level);\n    newLevels[level - 1] = { ...newLevels[level - 1], activeItem: undefined };\n    setLevels(newLevels);\n  };\n\n  const constructItemRefs: () => React.RefObject<HTMLDivElement>[] = () => {\n    const refs: React.RefObject<HTMLDivElement>[] = [];\n\n    for (let i = 0; i < levels.length; i++) {\n      refs[i] = createRef<HTMLDivElement>();\n    }\n\n    return refs;\n  };\n\n  const levelsRefs = useMemo(constructItemRefs, [levels]);\n\n  const firstLevelRef = useForkRef([levelsRefs[0], ref]);\n\n  useClickOutside({\n    isActive: !!onClickOutside,\n    ignoreClicksInsideRefs: [...levelsRefs, anchorRef || { current: null }],\n    handler: onClickOutside,\n  });\n\n  useEffect(() => {\n    // из-за отложенного рендера закрытия подпунктов меню\n    // может возникнуть ситуация когда таймер еще не успел отработать и вызвать рендер на закрытие меню,\n    // и если в этот изменяется props.items в компоненте, то сразу после рендера который вызван сменой props.items\n    // вызовется отложенный что приведет к неверному рендеру, который должен был вызваться до изменения props.items\n    // По этому останавливаем отложенный перерендр закрытия, чтобы избежать ошибки\n    clearTimers();\n    // пересобираем levels при изменении пропсов\n    function find(items: Item[], key: string | number): Item | undefined {\n      for (const item of items) {\n        if (getKey(item) === key) {\n          return item;\n        }\n        const subItems = typeof getSubItems === 'function' && getSubItems(item);\n        if (subItems) {\n          const subItem = find(subItems, key);\n          if (subItem) {\n            return subItem;\n          }\n        }\n      }\n      return undefined;\n    }\n\n    const newLevels = levels.map((level) => {\n      return {\n        ...level,\n        items: level.items.map((item) => find(props.items, getKey(item))),\n      };\n    });\n\n    // привел к типа м так как TS не понимает что по ключу всегда найдется нужный нам item\n    setLevels(newLevels as Level<Item>[]);\n    return () => clearTimers();\n  }, [props.items, getSubItems, getKey]);\n\n  return (\n    <>\n      {levels.map((level, index) => {\n        const onSetDirection =\n          index > 0 ? setSubMenuDirection : props.onSetDirection;\n\n        return (\n          <ContextMenuLevel\n            {...otherProps}\n            style={{\n              ...style,\n              ...(typeof style?.zIndex === 'number' && {\n                zIndex: style.zIndex + index,\n              }),\n            }}\n            offset={level.offset}\n            key={index}\n            items={level.items}\n            level={index}\n            addLevel={addLevel}\n            deleteLevel={deleteLevel}\n            anchorRef={level.anchorRef}\n            position={level.position}\n            activeItem={level.activeItem}\n            direction={level.direction}\n            possibleDirections={level.possibleDirections}\n            onSetDirection={onSetDirection}\n            hoveredParenLevel={hoveredParenLevel}\n            setHoveredParenLevel={setHoveredParenLevel}\n            getSubItems={getSubItems}\n            getLabel={getLabel}\n            ref={index === 0 ? firstLevelRef : levelsRefs[index]}\n            spareDirection={index === 0 ? spareDirection : 'rightStartUp'}\n          />\n        );\n      })}\n    </>\n  );\n});\n"],"mappings":"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"}

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

@@ -19,8 +19,8 @@ export declare const DatePickerFieldTypeDate: React.ForwardRefExoticComponent<{
     onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
     autoFocus?: boolean | undefined;
     placeholder?: string | undefined;
-    leftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
-    rightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    leftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    rightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
     tabIndex?: number | undefined;
@@ -34,7 +34,7 @@ export declare const DatePickerFieldTypeDate: React.ForwardRefExoticComponent<{
     maxDate?: Date | undefined;
     focused?: boolean | undefined;
     label?: string | undefined;
-    labelIcon?: import("@consta/icons/Icon").IconComponent | undefined;
+    labelIcon?: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
     caption?: string | undefined;
     labelPosition?: "left" | "top" | undefined;
     withClearButton?: boolean | undefined;

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

@@ -7,10 +7,10 @@ export declare const DatePickerFieldTypeDateRange: React.ForwardRefExoticCompone
     value?: import("../../../utils/types/Date").DateRange | null | undefined;
     startFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
     endFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
-    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
-    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
-    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
-    endFieldRightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    endFieldRightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
     startFieldRef?: React.Ref<HTMLDivElement> | undefined;
     endFieldRef?: React.Ref<HTMLDivElement> | undefined;
     startFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;

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

@@ -19,8 +19,8 @@ export declare const DatePickerFieldTypeDateTime: React.ForwardRefExoticComponen
     onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
     autoFocus?: boolean | undefined;
     placeholder?: string | undefined;
-    leftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
-    rightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    leftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    rightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
     tabIndex?: number | undefined;
@@ -37,7 +37,7 @@ export declare const DatePickerFieldTypeDateTime: React.ForwardRefExoticComponen
     multiplicityMinutes?: number | undefined;
     multiplicityHours?: number | undefined;
     label?: string | undefined;
-    labelIcon?: import("@consta/icons/Icon").IconComponent | undefined;
+    labelIcon?: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
     caption?: string | undefined;
     labelPosition?: "left" | "top" | undefined;
     withClearButton?: boolean | undefined;

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

@@ -7,10 +7,10 @@ export declare const DatePickerFieldTypeDateTimeRange: React.ForwardRefExoticCom
     value?: import("../../../utils/types/Date").DateRange | null | undefined;
     startFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
     endFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
-    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
-    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
-    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
-    endFieldRightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    endFieldRightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
     startFieldRef?: React.Ref<HTMLDivElement> | undefined;
     endFieldRef?: React.Ref<HTMLDivElement> | undefined;
     startFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;

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

@@ -19,8 +19,8 @@ export declare const DatePickerFieldTypeMonth: React.ForwardRefExoticComponent<{
     onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
     autoFocus?: boolean | undefined;
     placeholder?: string | undefined;
-    leftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
-    rightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    leftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    rightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
     tabIndex?: number | undefined;
@@ -34,7 +34,7 @@ export declare const DatePickerFieldTypeMonth: React.ForwardRefExoticComponent<{
     maxDate?: Date | undefined;
     focused?: boolean | undefined;
     label?: string | undefined;
-    labelIcon?: import("@consta/icons/Icon").IconComponent | undefined;
+    labelIcon?: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
     caption?: string | undefined;
     labelPosition?: "left" | "top" | undefined;
     withClearButton?: boolean | undefined;

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

@@ -7,10 +7,10 @@ export declare const DatePickerFieldTypeMonthRange: React.ForwardRefExoticCompon
     value?: import("../../../utils/types/Date").DateRange | null | undefined;
     startFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
     endFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
-    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
-    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
-    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
-    endFieldRightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    endFieldRightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
     startFieldRef?: React.Ref<HTMLDivElement> | undefined;
     endFieldRef?: React.Ref<HTMLDivElement> | undefined;
     startFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;

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

@@ -19,8 +19,8 @@ export declare const DatePickerFieldTypeTime: React.ForwardRefExoticComponent<{
     onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
     autoFocus?: boolean | undefined;
     placeholder?: string | undefined;
-    leftSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
-    rightSide?: string | import("@consta/icons/Icon").IconComponent | undefined;
+    leftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    rightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
     tabIndex?: number | undefined;
@@ -37,7 +37,7 @@ export declare const DatePickerFieldTypeTime: React.ForwardRefExoticComponent<{
     multiplicityMinutes?: number | undefined;
     multiplicityHours?: number | undefined;
     label?: string | undefined;
-    labelIcon?: import("@consta/icons/Icon").IconComponent | undefined;
+    labelIcon?: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
     caption?: string | undefined;
     labelPosition?: "left" | "top" | undefined;
     withClearButton?: boolean | undefined;