@consta/uikit 4.7.0 → 4.8.0

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

@@ -1,8 +1,6 @@
 /// <reference types="react" />
-import { IconPropSize } from '@consta/icons/Icon';
-import { TextPropSize } from '../Text/Text';
-import { ContextMenuGroupDefault, ContextMenuItemDefault, ContextMenuPropGetGroupId, ContextMenuPropGetGroupLabel, ContextMenuPropGetItemAs, ContextMenuPropGetItemAttributes, ContextMenuPropGetItemDisabled, ContextMenuPropGetItemGroupId, ContextMenuPropGetItemKey, ContextMenuPropGetItemLabel, ContextMenuPropGetItemLeftIcon, ContextMenuPropGetItemLeftSide, ContextMenuPropGetItemOnClick, ContextMenuPropGetItemRightIcon, ContextMenuPropGetItemRightSide, ContextMenuPropGetItemStatus, ContextMenuPropGetItemSubMenu, ContextMenuProps, ContextMenuPropSize, GetLevelsParams, Level, MappersGroup } from './types';
-export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuProps<ITEM, GROUP>): ({
+import { ContextMenuGroupDefault, ContextMenuItemDefault, ContextMenuLevelsProps, ContextMenuPropGetGroupId, ContextMenuPropGetGroupLabel, ContextMenuPropGetItemAs, ContextMenuPropGetItemAttributes, ContextMenuPropGetItemDisabled, ContextMenuPropGetItemGroupId, ContextMenuPropGetItemKey, ContextMenuPropGetItemLabel, ContextMenuPropGetItemLeftIcon, ContextMenuPropGetItemLeftSide, ContextMenuPropGetItemOnClick, ContextMenuPropGetItemRightIcon, ContextMenuPropGetItemRightSide, ContextMenuPropGetItemStatus, ContextMenuPropGetItemSubMenu, GetLevelsParams, Level } from './types';
+export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuLevelsProps<ITEM, GROUP>): ({
     items: ITEM[];
     size?: "s" | "m" | "xs" | "l" | undefined;
     direction?: "downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown" | undefined;
@@ -16,10 +14,12 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuProps<
     onSetDirection?: ((direction: "downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown") => void) | undefined;
     onClickOutside?: import("../../hooks/useClickOutside").ClickOutsideHandler | undefined;
     isOpen?: boolean | undefined;
-} & import("./types").MappersItem<ITEM> & MappersGroup<GROUP> & {
+    form?: "default" | "round" | "brick" | undefined;
+    isMobile?: boolean | undefined;
+} & import("./types").MappersItem<ITEM> & import("./types").MappersGroup<GROUP> & {
     anchorRef: import("react").RefObject<HTMLElement>;
     position?: undefined;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "direction" | "offset" | "size" | "css" | "items" | "groups" | "position" | "isOpen" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "sortGroup" | "onItemClick" | "subMenuDirection" | keyof import("./types").MappersItem<ITEM_1> | keyof MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "form" | "direction" | "offset" | "size" | "css" | "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 {
     id: unknown;
 } ? {} : {
     getGroupId: ContextMenuPropGetGroupId<GROUP>;
@@ -43,6 +43,9 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuProps<
     getItemGroupId: ContextMenuPropGetItemGroupId<ContextMenuItemDefault> | ContextMenuPropGetItemGroupId<ITEM>;
     getGroupId: ContextMenuPropGetGroupId<ContextMenuGroupDefault> | ContextMenuPropGetGroupId<GROUP>;
     getGroupLabel: ContextMenuPropGetGroupLabel<ContextMenuGroupDefault> | ContextMenuPropGetGroupLabel<GROUP>;
+    setComponentSize: import("react").Dispatch<import("react").SetStateAction<import("../../hooks/useComponentSize").ComponentSize>>;
+    disableAnimationBack: () => void;
+    enableAnimationBack: () => void;
 }) | ({
     items: ITEM[];
     size?: "s" | "m" | "xs" | "l" | undefined;
@@ -57,10 +60,12 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuProps<
     onSetDirection?: ((direction: "downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown") => void) | undefined;
     onClickOutside?: import("../../hooks/useClickOutside").ClickOutsideHandler | undefined;
     isOpen?: boolean | undefined;
-} & import("./types").MappersItem<ITEM> & MappersGroup<GROUP> & {
+    form?: "default" | "round" | "brick" | undefined;
+    isMobile?: boolean | undefined;
+} & import("./types").MappersItem<ITEM> & import("./types").MappersGroup<GROUP> & {
     anchorRef?: undefined;
     position: import("../Popover").Position;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "direction" | "offset" | "size" | "css" | "items" | "groups" | "position" | "isOpen" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "sortGroup" | "onItemClick" | "subMenuDirection" | keyof import("./types").MappersItem<ITEM_1> | keyof MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "form" | "direction" | "offset" | "size" | "css" | "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 {
     id: unknown;
 } ? {} : {
     getGroupId: ContextMenuPropGetGroupId<GROUP>;
@@ -84,12 +89,8 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuProps<
     getItemGroupId: ContextMenuPropGetItemGroupId<ContextMenuItemDefault> | ContextMenuPropGetItemGroupId<ITEM>;
     getGroupId: ContextMenuPropGetGroupId<ContextMenuGroupDefault> | ContextMenuPropGetGroupId<GROUP>;
     getGroupLabel: ContextMenuPropGetGroupLabel<ContextMenuGroupDefault> | ContextMenuPropGetGroupLabel<GROUP>;
+    setComponentSize: import("react").Dispatch<import("react").SetStateAction<import("../../hooks/useComponentSize").ComponentSize>>;
+    disableAnimationBack: () => void;
+    enableAnimationBack: () => void;
 });
-export declare const getGroup: <GROUP>(group: GROUP, props: Required<MappersGroup<GROUP>>) => {
-    id: number;
-    name: string | undefined;
-};
 export declare const getLevels: <ITEM>(params: GetLevelsParams<ITEM>) => Level<ITEM>[];
-export declare const getItemIndex: (groupId: number | string, itemIndex: number) => string;
-export declare const sizeMapHeader: Record<ContextMenuPropSize, TextPropSize>;
-export declare const sizeMapIcon: Record<ContextMenuPropSize, IconPropSize>;

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

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";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{isNotNil}from"../../utils/type-guards";var defaultGetItemKey=function(a){return a.key||a.label},defaultGetItemRightSide=function(a){return a.rightSide},defaultGetItemLeftSide=function(a){return a.leftSide},defaultGetItemRightIcon=function(a){return a.rightIcon},defaultGetItemLeftIcon=function(a){return a.leftIcon},defaultGetItemStatus=function(a){return a.status},defaultGetItemDisabled=function(a){return a.disabled},defaultGetItemLabel=function(a){return a.label},defaultGetItemOnClick=function(a){return a.onClick},defaultGetItemSubMenu=function(a){return a.subMenu},defaultGetItemAs=function(a){return a.as},defaultGetItemAttributes=function(a){return a.attributes},defaultGetItemGroupId=function(a){return a.groupId},defaultGetGroupId=function(a){return a.id},defaultGetGroupLabel=function(a){return a.label};export function withDefaultGetters(a){return _objectSpread(_objectSpread({},a),{},{getItemKey:a.getItemKey||defaultGetItemKey,getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemRightSide:a.getItemRightSide||defaultGetItemRightSide,getItemLeftSide:a.getItemLeftSide||defaultGetItemLeftSide,getItemRightIcon:a.getItemRightIcon||defaultGetItemRightIcon,getItemLeftIcon:a.getItemLeftIcon||defaultGetItemLeftIcon,getItemSubMenu:a.getItemSubMenu||defaultGetItemSubMenu,getItemStatus:a.getItemStatus||defaultGetItemStatus,getItemDisabled:a.getItemDisabled||defaultGetItemDisabled,getItemOnClick:a.getItemOnClick||defaultGetItemOnClick,getItemAs:a.getItemAs||defaultGetItemAs,getItemAttributes:a.getItemAttributes||defaultGetItemAttributes,getItemGroupId:a.getItemGroupId||defaultGetItemGroupId,getGroupId:a.getGroupId||defaultGetGroupId,getGroupLabel:a.getGroupLabel||defaultGetGroupLabel})}export var getGroup=function(a,b){var c=b.getGroupId,d=b.getGroupLabel;return{id:c(a),name:d(a)}};var findItem=function(a){var b,c=a.items,d=a.getItemKey,e=a.getItemSubMenu,f=a.key,g=_createForOfIteratorHelper(c);try{for(g.s();!(b=g.n()).done;){var h=b.value;if(d(h)===f)return h;var i="function"==typeof e&&e(h);if(i){var j=findItem({items:i,key:f,getItemKey:d,getItemSubMenu:e});if(j)return j}}}catch(a){g.e(a)}finally{g.f()}};export var getLevels=function(a){var b=a.levels,c=a.items,d=a.getItemKey,e=a.getItemSubMenu;return b.map(function(a){return _objectSpread(_objectSpread({},a),{},{items:a.items.map(function(a){return findItem({items:c,getItemSubMenu:e,getItemKey:d,key:d(a)})}).filter(isNotNil)})})};export var getItemIndex=function(a,b){return"".concat(a,"-").concat(b)};export var sizeMapHeader={xs:"2xs",s:"2xs",m:"xs",l:"s"};export var sizeMapIcon={xs:"xs",s:"s",m:"s",l:"s"};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";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{isNotNil}from"../../utils/type-guards";var defaultGetItemKey=function(a){return a.key||a.label},defaultGetItemRightSide=function(a){return a.rightSide},defaultGetItemLeftSide=function(a){return a.leftSide},defaultGetItemRightIcon=function(a){return a.rightIcon},defaultGetItemLeftIcon=function(a){return a.leftIcon},defaultGetItemStatus=function(a){return a.status},defaultGetItemDisabled=function(a){return a.disabled},defaultGetItemLabel=function(a){return a.label},defaultGetItemOnClick=function(a){return a.onClick},defaultGetItemSubMenu=function(a){return a.subMenu},defaultGetItemAs=function(a){return a.as},defaultGetItemAttributes=function(a){return a.attributes},defaultGetItemGroupId=function(a){return a.groupId},defaultGetGroupId=function(a){return a.id},defaultGetGroupLabel=function(a){return a.label};export function withDefaultGetters(a){return _objectSpread(_objectSpread({},a),{},{getItemKey:a.getItemKey||defaultGetItemKey,getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemRightSide:a.getItemRightSide||defaultGetItemRightSide,getItemLeftSide:a.getItemLeftSide||defaultGetItemLeftSide,getItemRightIcon:a.getItemRightIcon||defaultGetItemRightIcon,getItemLeftIcon:a.getItemLeftIcon||defaultGetItemLeftIcon,getItemSubMenu:a.getItemSubMenu||defaultGetItemSubMenu,getItemStatus:a.getItemStatus||defaultGetItemStatus,getItemDisabled:a.getItemDisabled||defaultGetItemDisabled,getItemOnClick:a.getItemOnClick||defaultGetItemOnClick,getItemAs:a.getItemAs||defaultGetItemAs,getItemAttributes:a.getItemAttributes||defaultGetItemAttributes,getItemGroupId:a.getItemGroupId||defaultGetItemGroupId,getGroupId:a.getGroupId||defaultGetGroupId,getGroupLabel:a.getGroupLabel||defaultGetGroupLabel})}var findItem=function(a){var b,c=a.items,d=a.getItemKey,e=a.getItemSubMenu,f=a.key,g=_createForOfIteratorHelper(c);try{for(g.s();!(b=g.n()).done;){var h=b.value;if(d(h)===f)return h;var i="function"==typeof e&&e(h);if(i){var j=findItem({items:i,key:f,getItemKey:d,getItemSubMenu:e});if(j)return j}}}catch(a){g.e(a)}finally{g.f()}};export var getLevels=function(a){var b=a.levels,c=a.items,d=a.getItemKey,e=a.getItemSubMenu;return b.map(function(a){return _objectSpread(_objectSpread({},a),{},{items:a.items.map(function(a){return findItem({items:c,getItemSubMenu:e,getItemKey:d,key:d(a)})}).filter(isNotNil)})})};
 //# sourceMappingURL=helpers.js.map

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

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

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

@@ -1,8 +1,11 @@
 /// <reference types="react" />
 import { IconComponent } from '@consta/icons/Icon';
+import { ListPropForm } from "../ListCanary";
+import { ComponentSize } from "../../hooks/useComponentSize";
+import { Animate } from "../../mixs/MixPopoverAnimate";
 import { ClickOutsideHandler } from '../../hooks/useClickOutside/useClickOutside';
 import { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';
-import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 import { Direction, PopoverPropOffset, Position } from '../Popover/Popover';
 export declare const contextMenuSizes: readonly ["m", "xs", "s", "l"];
 export declare type ContextMenuPropSize = typeof contextMenuSizes[number];
@@ -10,6 +13,9 @@ export declare const contextMenuDefaultSize: ContextMenuPropSize;
 export declare const contextMenuStatus: readonly ["alert", "success", "warning"];
 export declare type ContextMenuStatus = typeof contextMenuStatus[number];
 export declare const contextMenuDefaultStatus: ContextMenuStatus;
+export declare const contextMenuForm: readonly ["default", "brick", "round"];
+export declare type ContextMenuForm = ListPropForm;
+export declare const defaultContextMenuForm: "default";
 export declare const contextMenuPropSubMenuDirections: readonly ["rightStartUp", "rightStartDown", "leftStartUp", "leftStartDown"];
 export declare type ContextMenuPropSubMenuDirection = typeof contextMenuPropSubMenuDirections[number];
 export declare const contextMenuPropDefaultSubMenuDirection: ContextMenuPropSubMenuDirection;
@@ -84,11 +90,16 @@ export declare type Level<ITEM> = {
     direction?: Direction;
     possibleDirections?: readonly Direction[];
     offset?: PopoverPropOffset;
-} & PositioningProps;
+    parent?: ITEM;
+    anchorRef?: React.RefObject<HTMLElement>;
+    position?: Position;
+};
 export declare type AddLevel<ITEM> = (params: {
     level: number;
     items: ITEM[];
+    parent?: ITEM;
     anchorRef?: React.RefObject<HTMLElement>;
+    position?: Position;
     activeItem: string;
 }) => void;
 export declare type ContextMenuProps<ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault> = PropsWithHTMLAttributesAndRef<{
@@ -105,6 +116,8 @@ export declare type ContextMenuProps<ITEM = ContextMenuItemDefault, GROUP = Cont
     onSetDirection?: (direction: Direction) => void;
     onClickOutside?: ClickOutsideHandler;
     isOpen?: boolean;
+    form?: ContextMenuForm;
+    isMobile?: boolean;
 } & MappersItem<ITEM> & MappersGroup<GROUP> & PositioningProps, HTMLDivElement> & (GROUP extends {
     id: ContextMenuGroupDefault['id'] | unknown;
 } ? {} : {
@@ -114,8 +127,15 @@ export declare type ContextMenuProps<ITEM = ContextMenuItemDefault, GROUP = Cont
 } ? {} : {
     getItemLabel: ContextMenuPropGetItemLabel<ITEM>;
 });
+export declare type ContextMenuLevelsProps<ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault> = ContextMenuProps<ITEM, GROUP> & {
+    setComponentSize: React.Dispatch<React.SetStateAction<ComponentSize>>;
+    disableAnimationBack: () => void;
+    enableAnimationBack: () => void;
+};
+export declare type ContextMenuLevelsComponent = <ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault>(props: ContextMenuLevelsProps<ITEM, GROUP>) => React.ReactElement | null;
 export declare type ContextMenuComponent = <ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault>(props: ContextMenuProps<ITEM, GROUP>) => React.ReactElement | null;
-export declare type ContextMenuLevelProps<ITEM, GROUP> = Omit<ContextMenuProps<ITEM, GROUP>, 'subMenuDirection' | 'onClickOutside' | keyof MappersItem<ITEM> | keyof MappersGroup<GROUP>> & {
+export declare type ContextMenuLevelProps<ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault> = Omit<ContextMenuProps<ITEM, GROUP>, 'subMenuDirection' | 'onClickOutside' | 'setComponentSize' | 'animationBack' | 'disableAnimationBack' | 'enableAnimationBack' | keyof MappersItem<ITEM> | keyof MappersGroup<GROUP>> & {
+    parent?: ITEM;
     levelDepth: number;
     addLevel: AddLevel<ITEM>;
     deleteLevel: (level: number) => void;
@@ -123,6 +143,7 @@ export declare type ContextMenuLevelProps<ITEM, GROUP> = Omit<ContextMenuProps<I
     onSetDirection?: (direction: Direction) => void;
     hoveredParenLevel: number;
     setHoveredParenLevel: (level: number) => void;
+    animate: Animate;
 } & Required<MappersItem<ITEM>> & Required<MappersGroup<GROUP>>;
 export declare type ContextMenuLevelComponent = <ITEM, GROUP>(props: ContextMenuLevelProps<ITEM, GROUP>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
 export declare type ContextMenuItemProps<AS extends keyof JSX.IntrinsicElements = 'div'> = PropsWithAsAttributes<Omit<ContextMenuItemDefault, 'onClick' | 'attributes' | 'key'> & {
@@ -137,4 +158,37 @@ export declare type GetLevelsParams<ITEM> = {
     getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;
     getItemKey: ContextMenuPropGetItemKey<ITEM>;
 };
+export declare type ContextMenuWrapperProps = PropsWithHTMLAttributes<{
+    children: React.ReactNode;
+    isOpen?: boolean;
+    isMobile?: boolean;
+    form?: ContextMenuForm;
+    onClickOutside?: ClickOutsideHandler;
+    spareDirection?: Direction;
+    possibleDirections?: readonly Direction[];
+    size?: ContextMenuPropSize;
+    direction?: Direction;
+    offset?: PopoverPropOffset;
+    anchorRef?: React.RefObject<HTMLElement>;
+    position?: Position;
+    onSetDirection?: (direction: Direction) => void;
+    className?: string;
+    animationBack?: boolean;
+}, HTMLDivElement>;
+export declare type ContextMenuLevelWrapperProps = PropsWithHTMLAttributesAndRef<{
+    children: React.ReactNode;
+    isOpen?: boolean;
+    isMobile?: boolean;
+    form?: ContextMenuForm;
+    onClickOutside?: ClickOutsideHandler;
+    spareDirection?: Direction;
+    possibleDirections?: readonly Direction[];
+    size?: ContextMenuPropSize;
+    direction?: Direction;
+    offset?: PopoverPropOffset;
+    anchorRef?: React.RefObject<HTMLElement>;
+    position?: Position;
+    onSetDirection?: (direction: Direction) => void;
+    classname?: string;
+}, HTMLDivElement>;
 export {};

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

@@ -1,2 +1,2 @@
-export var contextMenuSizes=["m","xs","s","l"];export var contextMenuDefaultSize=contextMenuSizes[0];export var contextMenuStatus=["alert","success","warning"];export var contextMenuDefaultStatus=contextMenuStatus[0];export var contextMenuPropSubMenuDirections=["rightStartUp","rightStartDown","leftStartUp","leftStartDown"];export var contextMenuPropDefaultSubMenuDirection=contextMenuPropSubMenuDirections[0];
+import{defaultListPropForm,listPropForm}from"../ListCanary";export var contextMenuSizes=["m","xs","s","l"];export var contextMenuDefaultSize=contextMenuSizes[0];export var contextMenuStatus=["alert","success","warning"];export var contextMenuDefaultStatus=contextMenuStatus[0];export var contextMenuForm=listPropForm;export var defaultContextMenuForm=defaultListPropForm;export var contextMenuPropSubMenuDirections=["rightStartUp","rightStartDown","leftStartUp","leftStartDown"];export var contextMenuPropDefaultSubMenuDirection=contextMenuPropSubMenuDirections[0];
 //# sourceMappingURL=types.js.map

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

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

@@ -1 +1 @@
-.ContextMenuDivider{--vertical-space:0;background:var(--color-control-bg-border-default);height:var(--control-border-width);margin:var(--vertical-space) var(--space-s)}.ContextMenuDivider_size_l{--vertical-space:var(--space-xs)}.ContextMenuDivider_size_m,.ContextMenuDivider_size_s{--vertical-space:var(--space-2xs)}
+.ContextMenuDividerDeprecated{--vertical-space:0;background:var(--color-control-bg-border-default);height:var(--control-border-width);margin:var(--vertical-space) var(--space-s)}.ContextMenuDividerDeprecated_size_l{--vertical-space:var(--space-xs)}.ContextMenuDividerDeprecated_size_m,.ContextMenuDividerDeprecated_size_s{--vertical-space:var(--space-2xs)}

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

@@ -1,2 +1,2 @@
-import"./ContextMenuDivider.css";import React from"react";import{cn}from"../../../utils/bem";import{contextMenuDefaultSize}from"../helpers";var cnContextMenuDivider=cn("ContextMenuDivider");export var ContextMenuDivider=function(a){var b=a.size,c=void 0===b?contextMenuDefaultSize:b;return React.createElement("div",{className:cnContextMenuDivider({size:c})})};
+import"./ContextMenuDivider.css";import React from"react";import{cn}from"../../../utils/bem";import{contextMenuDefaultSize}from"../helpers";var cnContextMenuDivider=cn("ContextMenuDividerDeprecated");export var ContextMenuDivider=function(a){var b=a.size,c=void 0===b?contextMenuDefaultSize:b;return React.createElement("div",{className:cnContextMenuDivider({size:c})})};
 //# sourceMappingURL=ContextMenuDivider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuDivider.js","names":["React","cn","contextMenuDefaultSize","cnContextMenuDivider","ContextMenuDivider","props","size"],"sources":["../../../../../../src/components/ContextMenuDeprecated/ContextMenuDivider/ContextMenuDivider.tsx"],"sourcesContent":["import './ContextMenuDivider.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { contextMenuDefaultSize, ContextMenuPropSize } from '../helpers';\n\nconst cnContextMenuDivider = cn('ContextMenuDivider');\n\nexport const ContextMenuDivider: React.FC<{\n  size?: ContextMenuPropSize;\n  children?: never;\n}> = (props) => {\n  const { size = contextMenuDefaultSize } = props;\n  return <div className={cnContextMenuDivider({ size })} />;\n};\n"],"mappings":"AAAA,iCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,sBAAT,kBAEA,GAAMC,qBAAoB,CAAGF,EAAE,CAAC,oBAAD,CAA/B,CAEA,MAAO,IAAMG,mBAGX,CAAG,SAACC,CAAD,CAAW,CACd,MAA0CA,CAA1C,CAAQC,IAAR,CAAQA,CAAR,YAAeJ,sBAAf,GACA,MAAO,4BAAK,SAAS,CAAEC,oBAAoB,CAAC,CAAEG,IAAI,CAAJA,CAAF,CAAD,CAApC,EACR,CANM"}
+{"version":3,"file":"ContextMenuDivider.js","names":["React","cn","contextMenuDefaultSize","cnContextMenuDivider","ContextMenuDivider","props","size"],"sources":["../../../../../../src/components/ContextMenuDeprecated/ContextMenuDivider/ContextMenuDivider.tsx"],"sourcesContent":["import './ContextMenuDivider.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { contextMenuDefaultSize, ContextMenuPropSize } from '../helpers';\n\nconst cnContextMenuDivider = cn('ContextMenuDividerDeprecated');\n\nexport const ContextMenuDivider: React.FC<{\n  size?: ContextMenuPropSize;\n  children?: never;\n}> = (props) => {\n  const { size = contextMenuDefaultSize } = props;\n  return <div className={cnContextMenuDivider({ size })} />;\n};\n"],"mappings":"AAAA,iCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,sBAAT,kBAEA,GAAMC,qBAAoB,CAAGF,EAAE,CAAC,8BAAD,CAA/B,CAEA,MAAO,IAAMG,mBAGX,CAAG,SAACC,CAAD,CAAW,CACd,MAA0CA,CAA1C,CAAQC,IAAR,CAAQA,CAAR,YAAeJ,sBAAf,GACA,MAAO,4BAAK,SAAS,CAAEC,oBAAoB,CAAC,CAAEG,IAAI,CAAJA,CAAF,CAAD,CAApC,EACR,CANM"}

package/__internal__/src/components/ContextMenuDeprecated/ContextMenuGroupHeader/ContextMenuGroupHeader.css

@@ -1 +1 @@
-.ContextMenuGroupHeader{--top-space:0;--bottom-space:0;border-bottom:solid var(--control-border-width) var(--color-control-bg-border-default);letter-spacing:.05em;margin:0 var(--space-s);padding:var(--top-space) 0 var(--bottom-space) 0}.ContextMenuGroupHeader_size_s{--top-space:var(--space-xs);--bottom-space:var(--space-2xs)}.ContextMenuGroupHeader_size_m{--top-space:var(--space-s);--bottom-space:var(--space-xs)}.ContextMenuGroupHeader_size_l{--top-space:var(--space-s);--bottom-space:var(--space-s)}.ContextMenuGroupHeader_first{padding:calc(var(--top-space) - var(--space-xs)) 0 var(--bottom-space) 0}
+.ContextMenuGroupHeaderDeprecated{--top-space:0;--bottom-space:0;border-bottom:solid var(--control-border-width) var(--color-control-bg-border-default);letter-spacing:.05em;margin:0 var(--space-s);padding:var(--top-space) 0 var(--bottom-space) 0}.ContextMenuGroupHeaderDeprecated_size_s{--top-space:var(--space-xs);--bottom-space:var(--space-2xs)}.ContextMenuGroupHeaderDeprecated_size_m{--top-space:var(--space-s);--bottom-space:var(--space-xs)}.ContextMenuGroupHeaderDeprecated_size_l{--top-space:var(--space-s);--bottom-space:var(--space-s)}.ContextMenuGroupHeaderDeprecated_first{padding:calc(var(--top-space) - var(--space-xs)) 0 var(--bottom-space) 0}

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

@@ -1,2 +1,2 @@
-import"./ContextMenuGroupHeader.css";import React from"react";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{Text}from"../../Text/Text";import{contextMenuDefaultSize}from"../helpers";export var cnContextMenuGroupHeader=cn("ContextMenuGroupHeader");var sizeMap={s:"2xs",m:"xs",l:"s"};export var ContextMenuGroupHeader=function(a){var b=a.label,c=a.size,d=void 0===c?contextMenuDefaultSize:c,e=a.first;return React.createElement(Text,{view:"secondary",transform:"uppercase",className:cnContextMenuGroupHeader({size:d,first:e}),size:getByMap(sizeMap,d)},b)};
+import"./ContextMenuGroupHeader.css";import React from"react";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{Text}from"../../Text/Text";import{contextMenuDefaultSize}from"../helpers";export var cnContextMenuGroupHeader=cn("ContextMenuGroupHeaderDeprecated");var sizeMap={s:"2xs",m:"xs",l:"s"};export var ContextMenuGroupHeader=function(a){var b=a.label,c=a.size,d=void 0===c?contextMenuDefaultSize:c,e=a.first;return React.createElement(Text,{view:"secondary",transform:"uppercase",className:cnContextMenuGroupHeader({size:d,first:e}),size:getByMap(sizeMap,d)},b)};
 //# sourceMappingURL=ContextMenuGroupHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuGroupHeader.js","names":["React","cn","getByMap","Text","contextMenuDefaultSize","cnContextMenuGroupHeader","sizeMap","s","m","l","ContextMenuGroupHeader","label","size","first"],"sources":["../../../../../../src/components/ContextMenuDeprecated/ContextMenuGroupHeader/ContextMenuGroupHeader.tsx"],"sourcesContent":["import './ContextMenuGroupHeader.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { Text, TextPropSize } from '../../Text/Text';\nimport { contextMenuDefaultSize, ContextMenuPropSize } from '../helpers';\n\nexport const cnContextMenuGroupHeader = cn('ContextMenuGroupHeader');\n\nconst sizeMap: Record<ContextMenuPropSize, TextPropSize> = {\n  s: '2xs',\n  m: 'xs',\n  l: 's',\n};\n\nexport const ContextMenuGroupHeader: React.FC<{\n  label: string | number;\n  size?: ContextMenuPropSize;\n  children?: never;\n  first: boolean;\n}> = ({ label, size = contextMenuDefaultSize, first }) => (\n  <Text\n    view=\"secondary\"\n    transform=\"uppercase\"\n    className={cnContextMenuGroupHeader({ size, first })}\n    size={getByMap(sizeMap, size)}\n  >\n    {label}\n  </Text>\n);\n"],"mappings":"AAAA,qCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,QAAT,+BACA,OAASC,IAAT,uBACA,OAASC,sBAAT,kBAEA,MAAO,IAAMC,yBAAwB,CAAGJ,EAAE,CAAC,wBAAD,CAAnC,CAEP,GAAMK,QAAkD,CAAG,CACzDC,CAAC,CAAE,KADsD,CAEzDC,CAAC,CAAE,IAFsD,CAGzDC,CAAC,CAAE,GAHsD,CAA3D,CAMA,MAAO,IAAMC,uBAKX,CAAG,eAAGC,EAAH,GAAGA,KAAH,KAAUC,IAAV,CAAUA,CAAV,YAAiBR,sBAAjB,GAAyCS,CAAzC,GAAyCA,KAAzC,OACH,qBAAC,IAAD,EACE,IAAI,CAAC,WADP,CAEE,SAAS,CAAC,WAFZ,CAGE,SAAS,CAAER,wBAAwB,CAAC,CAAEO,IAAI,CAAJA,CAAF,CAAQC,KAAK,CAALA,CAAR,CAAD,CAHrC,CAIE,IAAI,CAAEX,QAAQ,CAACI,OAAD,CAAUM,CAAV,CAJhB,EAMGD,CANH,CADG,CALE"}
+{"version":3,"file":"ContextMenuGroupHeader.js","names":["React","cn","getByMap","Text","contextMenuDefaultSize","cnContextMenuGroupHeader","sizeMap","s","m","l","ContextMenuGroupHeader","label","size","first"],"sources":["../../../../../../src/components/ContextMenuDeprecated/ContextMenuGroupHeader/ContextMenuGroupHeader.tsx"],"sourcesContent":["import './ContextMenuGroupHeader.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { Text, TextPropSize } from '../../Text/Text';\nimport { contextMenuDefaultSize, ContextMenuPropSize } from '../helpers';\n\nexport const cnContextMenuGroupHeader = cn('ContextMenuGroupHeaderDeprecated');\n\nconst sizeMap: Record<ContextMenuPropSize, TextPropSize> = {\n  s: '2xs',\n  m: 'xs',\n  l: 's',\n};\n\nexport const ContextMenuGroupHeader: React.FC<{\n  label: string | number;\n  size?: ContextMenuPropSize;\n  children?: never;\n  first: boolean;\n}> = ({ label, size = contextMenuDefaultSize, first }) => (\n  <Text\n    view=\"secondary\"\n    transform=\"uppercase\"\n    className={cnContextMenuGroupHeader({ size, first })}\n    size={getByMap(sizeMap, size)}\n  >\n    {label}\n  </Text>\n);\n"],"mappings":"AAAA,qCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,QAAT,+BACA,OAASC,IAAT,uBACA,OAASC,sBAAT,kBAEA,MAAO,IAAMC,yBAAwB,CAAGJ,EAAE,CAAC,kCAAD,CAAnC,CAEP,GAAMK,QAAkD,CAAG,CACzDC,CAAC,CAAE,KADsD,CAEzDC,CAAC,CAAE,IAFsD,CAGzDC,CAAC,CAAE,GAHsD,CAA3D,CAMA,MAAO,IAAMC,uBAKX,CAAG,eAAGC,EAAH,GAAGA,KAAH,KAAUC,IAAV,CAAUA,CAAV,YAAiBR,sBAAjB,GAAyCS,CAAzC,GAAyCA,KAAzC,OACH,qBAAC,IAAD,EACE,IAAI,CAAC,WADP,CAEE,SAAS,CAAC,WAFZ,CAGE,SAAS,CAAER,wBAAwB,CAAC,CAAEO,IAAI,CAAJA,CAAF,CAAQC,KAAK,CAALA,CAAR,CAAD,CAHrC,CAIE,IAAI,CAAEX,QAAQ,CAACI,OAAD,CAAUM,CAAV,CAJhB,EAMGD,CANH,CADG,CALE"}

package/__internal__/src/components/ContextMenuDeprecated/ContextMenuLevel/ContextMenuLevel.css

@@ -1 +1 @@
-.ContextMenuLevel{background:var(--color-bg-default);border:var(--control-border-width) solid var(--color-control-bg-border-default);border-radius:var(--control-radius);box-shadow:var(--shadow-layer);box-sizing:border-box;padding:var(--space-xs) 0;width:240px;z-index:9999}.ContextMenuLevel:not(.ContextMenuLevel_firstLevel).ContextMenuLevel_direction_leftStartUp,.ContextMenuLevel:not(.ContextMenuLevel_firstLevel).ContextMenuLevel_direction_rightStartUp{transform:translateY(calc((var(--space-xs) + 1px)*-1))}.ContextMenuLevel:not(.ContextMenuLevel_firstLevel).ContextMenuLevel_direction_leftStartDown,.ContextMenuLevel:not(.ContextMenuLevel_firstLevel).ContextMenuLevel_direction_rightStartDown{transform:translateY(calc(var(--space-xs) + 1px))}
+.ContextMenuLevelDeprecated{background:var(--color-bg-default);border:var(--control-border-width) solid var(--color-control-bg-border-default);border-radius:var(--control-radius);box-shadow:var(--shadow-layer);box-sizing:border-box;padding:var(--space-xs) 0;width:240px;z-index:9999}.ContextMenuLevelDeprecated:not(.ContextMenuLevelDeprecated_firstLevel).ContextMenuLevelDeprecated_direction_leftStartUp,.ContextMenuLevelDeprecated:not(.ContextMenuLevelDeprecated_firstLevel).ContextMenuLevelDeprecated_direction_rightStartUp{transform:translateY(calc((var(--space-xs) + 1px)*-1))}.ContextMenuLevelDeprecated:not(.ContextMenuLevelDeprecated_firstLevel).ContextMenuLevelDeprecated_direction_leftStartDown,.ContextMenuLevelDeprecated:not(.ContextMenuLevelDeprecated_firstLevel).ContextMenuLevelDeprecated_direction_rightStartDown{transform:translateY(calc(var(--space-xs) + 1px))}

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

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","level","activeItem","addLevel","className","deleteLevel","items","setHoveredParenLevel","getLabel","getRightSideBar","getLeftSideBar","getSubItems","getGroupId","getAccent","getDisabled","getOnClick","getItemOnClick","onItemClick","getItemHTMLAttributes","getItemAs","sortGroup","getGroupLabel","direction","possibleDirections","offset","onSetDirection","hoveredParenLevel","spareDirection","anchorRef"];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}import"./ContextMenuLevel.css";import React,{createRef,useEffect,useMemo,useState}from"react";import{cn}from"../../../utils/bem";import{getGroups}from"../../../utils/getGroups";import{Popover}from"../../Popover/Popover";import{ContextMenuDivider}from"../ContextMenuDivider/ContextMenuDivider";import{ContextMenuGroupHeader}from"../ContextMenuGroupHeader/ContextMenuGroupHeader";import{ContextMenuItem}from"../ContextMenuItem/ContextMenuItem";import{contextMenuDefaultSize}from"../helpers";export var cnContextMenuLevel=cn("ContextMenuLevel");function renderHeader(a,b,c,d){return a?React.createElement(ContextMenuGroupHeader,{label:a,first:b,size:d}):b?null:React.createElement(ContextMenuDivider,{size:d})}var timers=[];export function clearTimers(){var a,b=_createForOfIteratorHelper(timers);try{for(b.s();!(a=b.n()).done;){var c=a.value;clearTimeout(c)}}catch(a){b.e(a)}finally{b.f()}timers=[]}var closeDelay=300;export var ContextMenuLevel=React.forwardRef(function(a,b){var c=a.size,d=void 0===c?contextMenuDefaultSize:c,e=a.level,f=a.activeItem,g=a.addLevel,h=a.className,i=a.deleteLevel,j=a.items,k=a.setHoveredParenLevel,l=a.getLabel,m=a.getRightSideBar,n=a.getLeftSideBar,o=a.getSubItems,p=a.getGroupId,q=a.getAccent,r=a.getDisabled,s=a.getOnClick,t=a.getItemOnClick,u=a.onItemClick,v=a.getItemHTMLAttributes,w=a.getItemAs,x=a.sortGroup,y=a.getGroupLabel,z=a.direction,A=a.possibleDirections,B=a.offset,C=a.onSetDirection,D=a.hoveredParenLevel,E=a.spareDirection,F=a.anchorRef,G=_objectWithoutProperties(a,_excluded),H=useState(!1),I=_slicedToArray(H,2),J=I[0],K=I[1],L=getGroups(j,p,void 0,void 0,x&&function(c,a){return x(c.key,a.key)}),M=function(a,b){return"".concat(a,"-").concat(b)},N=useMemo(function constructItemRefs(){var a,b={},c=_createForOfIteratorHelper(L);try{for(c.s();!(a=c.n()).done;)for(var d=a.value,e=0;e<j.length;e++)b[M(d.key,e)]=createRef()}catch(a){c.e(a)}finally{c.f()}return b},[j]);return useEffect(function(){return 0!==e&&!J&&D<e&&(clearTimeout(timers[e]),timers[e]=setTimeout(function(){return i(e)},closeDelay)),function(){clearTimeout(timers[e])}},[J,D]),React.createElement(Popover,Object.assign({},G,{anchorRef:F,className:cnContextMenuLevel({firstLevel:0===e,direction:z},[h]),possibleDirections:A,spareDirection:E,direction:z,offset:B,onSetDirection:C,onMouseEnter:function onMouseEnter(){return K(!0)},onMouseLeave:function onMouseLeave(){return K(!1)},ref:b}),L.map(function(a,b){var c="function"==typeof y?y(a.key):void 0;return React.createElement("div",{className:cnContextMenuLevel("Group"),key:a.key},renderHeader(c,0===b,L.length,d),a.items.map(function(b,c){var h=M(a.key,c),i=N[h],j="function"==typeof r&&r(b),p=l(b),x="function"==typeof n?n(b):void 0,y="function"==typeof m?m(b):void 0,z="function"==typeof o?o(b):void 0,A=z&&!j?function(){g(e+1,z,i,h),k(e+1)}:function(){k(e)},B="function"==typeof q?q(b):void 0,C="function"==typeof v?v(b):{},D="function"==typeof w?w(b):void 0;return React.createElement(ContextMenuItem,Object.assign({},C,{ref:i,label:p,leftSide:x,rightSide:y,size:d,key:h,onMouseEnter:A,onClick:function onClick(a){if(!j){if("function"==typeof t){var c;null===(c=t(b))||void 0===c?void 0:c(a)}if("function"==typeof s){var d;null===(d=s(b))||void 0===d?void 0:d(a)}"function"==typeof u&&(null===u||void 0===u?void 0:u({e:a,item:b}))}},active:f===h,withSubMenu:!!z,accent:B,disabled:j,as:D}))}))}))});
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","level","activeItem","addLevel","className","deleteLevel","items","setHoveredParenLevel","getLabel","getRightSideBar","getLeftSideBar","getSubItems","getGroupId","getAccent","getDisabled","getOnClick","getItemOnClick","onItemClick","getItemHTMLAttributes","getItemAs","sortGroup","getGroupLabel","direction","possibleDirections","offset","onSetDirection","hoveredParenLevel","spareDirection","anchorRef"];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}import"./ContextMenuLevel.css";import React,{createRef,useEffect,useMemo,useState}from"react";import{cn}from"../../../utils/bem";import{getGroups}from"../../../utils/getGroups";import{Popover}from"../../Popover/Popover";import{ContextMenuDivider}from"../ContextMenuDivider/ContextMenuDivider";import{ContextMenuGroupHeader}from"../ContextMenuGroupHeader/ContextMenuGroupHeader";import{ContextMenuItem}from"../ContextMenuItem/ContextMenuItem";import{contextMenuDefaultSize}from"../helpers";export var cnContextMenuLevel=cn("ContextMenuLevelDeprecated");function renderHeader(a,b,c,d){return a?React.createElement(ContextMenuGroupHeader,{label:a,first:b,size:d}):b?null:React.createElement(ContextMenuDivider,{size:d})}var timers=[];export function clearTimers(){var a,b=_createForOfIteratorHelper(timers);try{for(b.s();!(a=b.n()).done;){var c=a.value;clearTimeout(c)}}catch(a){b.e(a)}finally{b.f()}timers=[]}var closeDelay=300;export var ContextMenuLevel=React.forwardRef(function(a,b){var c=a.size,d=void 0===c?contextMenuDefaultSize:c,e=a.level,f=a.activeItem,g=a.addLevel,h=a.className,i=a.deleteLevel,j=a.items,k=a.setHoveredParenLevel,l=a.getLabel,m=a.getRightSideBar,n=a.getLeftSideBar,o=a.getSubItems,p=a.getGroupId,q=a.getAccent,r=a.getDisabled,s=a.getOnClick,t=a.getItemOnClick,u=a.onItemClick,v=a.getItemHTMLAttributes,w=a.getItemAs,x=a.sortGroup,y=a.getGroupLabel,z=a.direction,A=a.possibleDirections,B=a.offset,C=a.onSetDirection,D=a.hoveredParenLevel,E=a.spareDirection,F=a.anchorRef,G=_objectWithoutProperties(a,_excluded),H=useState(!1),I=_slicedToArray(H,2),J=I[0],K=I[1],L=getGroups(j,p,void 0,void 0,x&&function(c,a){return x(c.key,a.key)}),M=function(a,b){return"".concat(a,"-").concat(b)},N=useMemo(function constructItemRefs(){var a,b={},c=_createForOfIteratorHelper(L);try{for(c.s();!(a=c.n()).done;)for(var d=a.value,e=0;e<j.length;e++)b[M(d.key,e)]=createRef()}catch(a){c.e(a)}finally{c.f()}return b},[j]);return useEffect(function(){return 0!==e&&!J&&D<e&&(clearTimeout(timers[e]),timers[e]=setTimeout(function(){return i(e)},closeDelay)),function(){clearTimeout(timers[e])}},[J,D]),React.createElement(Popover,Object.assign({},G,{anchorRef:F,className:cnContextMenuLevel({firstLevel:0===e,direction:z},[h]),possibleDirections:A,spareDirection:E,direction:z,offset:B,onSetDirection:C,onMouseEnter:function onMouseEnter(){return K(!0)},onMouseLeave:function onMouseLeave(){return K(!1)},ref:b}),L.map(function(a,b){var c="function"==typeof y?y(a.key):void 0;return React.createElement("div",{className:cnContextMenuLevel("Group"),key:a.key},renderHeader(c,0===b,L.length,d),a.items.map(function(b,c){var h=M(a.key,c),i=N[h],j="function"==typeof r&&r(b),p=l(b),x="function"==typeof n?n(b):void 0,y="function"==typeof m?m(b):void 0,z="function"==typeof o?o(b):void 0,A=z&&!j?function(){g(e+1,z,i,h),k(e+1)}:function(){k(e)},B="function"==typeof q?q(b):void 0,C="function"==typeof v?v(b):{},D="function"==typeof w?w(b):void 0;return React.createElement(ContextMenuItem,Object.assign({},C,{ref:i,label:p,leftSide:x,rightSide:y,size:d,key:h,onMouseEnter:A,onClick:function onClick(a){if(!j){if("function"==typeof t){var c;null===(c=t(b))||void 0===c?void 0:c(a)}if("function"==typeof s){var d;null===(d=s(b))||void 0===d?void 0:d(a)}"function"==typeof u&&(null===u||void 0===u?void 0:u({e:a,item:b}))}},active:f===h,withSubMenu:!!z,accent:B,disabled:j,as:D}))}))}))});
 //# sourceMappingURL=ContextMenuLevel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuLevel.js","names":["React","createRef","useEffect","useMemo","useState","cn","getGroups","Popover","ContextMenuDivider","ContextMenuGroupHeader","ContextMenuItem","contextMenuDefaultSize","cnContextMenuLevel","renderHeader","groupLabel","first","length","size","timers","clearTimers","timer","clearTimeout","closeDelay","ContextMenuLevel","forwardRef","props","ref","level","activeItem","addLevel","className","deleteLevel","items","setHoveredParenLevel","getLabel","getRightSideBar","getLeftSideBar","getSubItems","getGroupId","getAccent","getDisabled","getOnClick","getItemOnClick","onItemClick","getItemHTMLAttributes","getItemAs","sortGroup","getGroupLabel","direction","possibleDirections","offset","onSetDirection","hoveredParenLevel","spareDirection","anchorRef","otherProps","hovered","setHovered","groups","a","b","key","getItemIndex","groupId","itemIndex","itemsRefs","constructItemRefs","refs","group","i","setTimeout","firstLevel","map","groupIndex","item","index","disabled","label","leftSide","rightSide","subItems","onMouseEnter","accent","atributes","as","onClick","e"],"sources":["../../../../../../src/components/ContextMenuDeprecated/ContextMenuLevel/ContextMenuLevel.tsx"],"sourcesContent":["import './ContextMenuLevel.css';\n\nimport React, { createRef, useEffect, useMemo, useState } from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { getGroups } from '../../../utils/getGroups';\nimport { Popover } from '../../Popover/Popover';\nimport { ContextMenuDivider } from '../ContextMenuDivider/ContextMenuDivider';\nimport { ContextMenuGroupHeader } from '../ContextMenuGroupHeader/ContextMenuGroupHeader';\nimport { ContextMenuItem } from '../ContextMenuItem/ContextMenuItem';\nimport {\n  contextMenuDefaultSize,\n  ContextMenuLevelType,\n  ContextMenuPropSize,\n} from '../helpers';\n\nexport const cnContextMenuLevel = cn('ContextMenuLevel');\n\nfunction renderHeader(\n  groupLabel: string | number | undefined,\n  first: boolean,\n  length: number,\n  size?: ContextMenuPropSize,\n): React.ReactNode | null {\n  if (!groupLabel) {\n    if (first) {\n      return null;\n    }\n    return <ContextMenuDivider size={size} />;\n  }\n  return (\n    <ContextMenuGroupHeader label={groupLabel} first={first} size={size} />\n  );\n}\n\nlet timers: ReturnType<typeof setTimeout>[] = [];\nexport function clearTimers() {\n  for (const timer of timers) {\n    clearTimeout(timer);\n  }\n  timers = [];\n}\nconst closeDelay = 300;\n\nexport const ContextMenuLevel: ContextMenuLevelType = React.forwardRef(\n  (props, ref: React.Ref<HTMLDivElement>) => {\n    const {\n      // props относящиеся к уровню меню\n      size = contextMenuDefaultSize,\n      level,\n      activeItem,\n      addLevel,\n      className,\n      deleteLevel,\n      items,\n      setHoveredParenLevel,\n\n      // props относящиеся к пунктам меню\n      getLabel,\n      getRightSideBar,\n      getLeftSideBar,\n      getSubItems,\n      getGroupId,\n      getAccent,\n      getDisabled,\n      getOnClick,\n      getItemOnClick,\n      onItemClick,\n      getItemHTMLAttributes,\n      getItemAs,\n\n      // props относящиеся к группам меню\n      sortGroup,\n      getGroupLabel,\n\n      // props относящиеся к поповеру\n      direction,\n      possibleDirections,\n      offset,\n      onSetDirection,\n      hoveredParenLevel,\n      spareDirection,\n      anchorRef,\n      ...otherProps\n    } = props;\n\n    const [hovered, setHovered] = useState<boolean>(false);\n\n    const groups = getGroups(\n      items,\n      getGroupId,\n      undefined,\n      undefined,\n      sortGroup && ((a, b) => sortGroup(a.key, b.key)),\n    );\n\n    const getItemIndex = (groupId: number | string, itemIndex: number) =>\n      `${groupId}-${itemIndex}`;\n\n    const constructItemRefs: () => Record<\n      string,\n      React.RefObject<HTMLDivElement>\n    > = () => {\n      const refs: Record<string, React.RefObject<HTMLDivElement>> = {};\n\n      for (const group of groups) {\n        for (let i = 0; i < items.length; i++) {\n          refs[getItemIndex(group.key, i)] = createRef<HTMLDivElement>();\n        }\n      }\n      return refs;\n    };\n\n    const itemsRefs = useMemo(constructItemRefs, [items]);\n\n    useEffect(() => {\n      if (level !== 0 && !hovered && hoveredParenLevel < level) {\n        clearTimeout(timers[level]);\n        timers[level] = setTimeout(() => deleteLevel(level), closeDelay);\n      }\n      return () => {\n        clearTimeout(timers[level]);\n      };\n    }, [hovered, hoveredParenLevel]);\n\n    return (\n      <Popover\n        {...otherProps}\n        anchorRef={anchorRef}\n        className={cnContextMenuLevel({ firstLevel: level === 0, direction }, [\n          className,\n        ])}\n        possibleDirections={possibleDirections}\n        spareDirection={spareDirection}\n        direction={direction}\n        offset={offset}\n        onSetDirection={onSetDirection}\n        onMouseEnter={() => setHovered(true)}\n        onMouseLeave={() => setHovered(false)}\n        ref={ref}\n      >\n        {groups.map((group, groupIndex) => {\n          const groupLabel =\n            typeof getGroupLabel === 'function'\n              ? getGroupLabel(group.key)\n              : undefined;\n          return (\n            <div className={cnContextMenuLevel('Group')} key={group.key}>\n              {renderHeader(groupLabel, groupIndex === 0, groups.length, size)}\n              {group.items.map((item, index) => {\n                const itemIndex = getItemIndex(group.key, index);\n                const ref = itemsRefs[itemIndex];\n                const disabled =\n                  typeof getDisabled === 'function' ? getDisabled(item) : false;\n                const label = getLabel(item);\n                const leftSide =\n                  typeof getLeftSideBar === 'function'\n                    ? getLeftSideBar(item)\n                    : undefined;\n                const rightSide =\n                  typeof getRightSideBar === 'function'\n                    ? getRightSideBar(item)\n                    : undefined;\n                const subItems =\n                  typeof getSubItems === 'function'\n                    ? getSubItems(item)\n                    : undefined;\n                const onClick = (\n                  e: React.MouseEvent<HTMLDivElement, MouseEvent>,\n                ) => {\n                  if (!disabled) {\n                    if (typeof getItemOnClick === 'function') {\n                      getItemOnClick(item)?.(e);\n                    }\n                    if (typeof getOnClick === 'function') {\n                      getOnClick(item)?.(e);\n                    }\n                    if (typeof onItemClick === 'function') {\n                      onItemClick?.({ e, item });\n                    }\n                  }\n                };\n                const onMouseEnter =\n                  subItems && !disabled\n                    ? () => {\n                        addLevel(level + 1, subItems, ref, itemIndex);\n                        setHoveredParenLevel(level + 1);\n                      }\n                    : () => {\n                        setHoveredParenLevel(level);\n                      };\n                const accent =\n                  typeof getAccent === 'function' ? getAccent(item) : undefined;\n                const atributes =\n                  typeof getItemHTMLAttributes === 'function'\n                    ? getItemHTMLAttributes(item)\n                    : {};\n                const as =\n                  typeof getItemAs === 'function' ? getItemAs(item) : undefined;\n\n                return (\n                  <ContextMenuItem\n                    {...atributes}\n                    ref={ref}\n                    label={label}\n                    leftSide={leftSide}\n                    rightSide={rightSide}\n                    size={size}\n                    key={itemIndex}\n                    onMouseEnter={onMouseEnter}\n                    onClick={onClick}\n                    active={activeItem === itemIndex}\n                    withSubMenu={Boolean(subItems)}\n                    accent={accent}\n                    disabled={disabled}\n                    as={as}\n                  />\n                );\n              })}\n            </div>\n          );\n        })}\n      </Popover>\n    );\n  },\n);\n"],"mappings":"stDAAA,+BAEA,MAAOA,MAAP,EAAgBC,SAAhB,CAA2BC,SAA3B,CAAsCC,OAAtC,CAA+CC,QAA/C,KAA+D,OAA/D,CAEA,OAASC,EAAT,0BACA,OAASC,SAAT,gCACA,OAASC,OAAT,6BACA,OAASC,kBAAT,gDACA,OAASC,sBAAT,wDACA,OAASC,eAAT,0CACA,OACEC,sBADF,kBAMA,MAAO,IAAMC,mBAAkB,CAAGP,EAAE,CAAC,kBAAD,CAA7B,CAEP,QAASQ,aAAT,CACEC,CADF,CAEEC,CAFF,CAGEC,CAHF,CAIEC,CAJF,CAK0B,OACnBH,EADmB,CAQtB,oBAAC,sBAAD,EAAwB,KAAK,CAAEA,CAA/B,CAA2C,KAAK,CAAEC,CAAlD,CAAyD,IAAI,CAAEE,CAA/D,EARsB,CAElBF,CAFkB,CAGb,IAHa,CAKf,oBAAC,kBAAD,EAAoB,IAAI,CAAEE,CAA1B,EAKV,CAED,GAAIC,OAAuC,CAAG,EAA9C,CACA,MAAO,SAASC,YAAT,EAAuB,oCACRD,MADQ,MAC5B,2BAA4B,IAAjBE,EAAiB,SAC1BC,YAAY,CAACD,CAAD,CACb,CAH2B,+BAI5BF,MAAM,CAAG,EACV,CACD,GAAMI,WAAU,CAAG,GAAnB,CAEA,MAAO,IAAMC,iBAAsC,CAAGvB,KAAK,CAACwB,UAAN,CACpD,SAACC,CAAD,CAAQC,CAAR,CAA2C,OAuCrCD,CAvCqC,CAGvCR,IAHuC,CAGvCA,CAHuC,YAGhCN,sBAHgC,GAIvCgB,CAJuC,CAuCrCF,CAvCqC,CAIvCE,KAJuC,CAKvCC,CALuC,CAuCrCH,CAvCqC,CAKvCG,UALuC,CAMvCC,CANuC,CAuCrCJ,CAvCqC,CAMvCI,QANuC,CAOvCC,CAPuC,CAuCrCL,CAvCqC,CAOvCK,SAPuC,CAQvCC,CARuC,CAuCrCN,CAvCqC,CAQvCM,WARuC,CASvCC,CATuC,CAuCrCP,CAvCqC,CASvCO,KATuC,CAUvCC,CAVuC,CAuCrCR,CAvCqC,CAUvCQ,oBAVuC,CAavCC,CAbuC,CAuCrCT,CAvCqC,CAavCS,QAbuC,CAcvCC,CAduC,CAuCrCV,CAvCqC,CAcvCU,eAduC,CAevCC,CAfuC,CAuCrCX,CAvCqC,CAevCW,cAfuC,CAgBvCC,CAhBuC,CAuCrCZ,CAvCqC,CAgBvCY,WAhBuC,CAiBvCC,CAjBuC,CAuCrCb,CAvCqC,CAiBvCa,UAjBuC,CAkBvCC,CAlBuC,CAuCrCd,CAvCqC,CAkBvCc,SAlBuC,CAmBvCC,CAnBuC,CAuCrCf,CAvCqC,CAmBvCe,WAnBuC,CAoBvCC,CApBuC,CAuCrChB,CAvCqC,CAoBvCgB,UApBuC,CAqBvCC,CArBuC,CAuCrCjB,CAvCqC,CAqBvCiB,cArBuC,CAsBvCC,CAtBuC,CAuCrClB,CAvCqC,CAsBvCkB,WAtBuC,CAuBvCC,CAvBuC,CAuCrCnB,CAvCqC,CAuBvCmB,qBAvBuC,CAwBvCC,CAxBuC,CAuCrCpB,CAvCqC,CAwBvCoB,SAxBuC,CA2BvCC,CA3BuC,CAuCrCrB,CAvCqC,CA2BvCqB,SA3BuC,CA4BvCC,CA5BuC,CAuCrCtB,CAvCqC,CA4BvCsB,aA5BuC,CA+BvCC,CA/BuC,CAuCrCvB,CAvCqC,CA+BvCuB,SA/BuC,CAgCvCC,CAhCuC,CAuCrCxB,CAvCqC,CAgCvCwB,kBAhCuC,CAiCvCC,CAjCuC,CAuCrCzB,CAvCqC,CAiCvCyB,MAjCuC,CAkCvCC,CAlCuC,CAuCrC1B,CAvCqC,CAkCvC0B,cAlCuC,CAmCvCC,CAnCuC,CAuCrC3B,CAvCqC,CAmCvC2B,iBAnCuC,CAoCvCC,CApCuC,CAuCrC5B,CAvCqC,CAoCvC4B,cApCuC,CAqCvCC,CArCuC,CAuCrC7B,CAvCqC,CAqCvC6B,SArCuC,CAsCpCC,CAtCoC,0BAuCrC9B,CAvCqC,cAyCXrB,QAAQ,IAzCG,uBAyClCoD,CAzCkC,MAyCzBC,CAzCyB,MA2CnCC,CAAM,CAAGpD,SAAS,CACtB0B,CADsB,CAEtBM,CAFsB,eAKtBQ,CAAS,EAAK,SAACa,CAAD,CAAIC,CAAJ,QAAUd,EAAS,CAACa,CAAC,CAACE,GAAH,CAAQD,CAAC,CAACC,GAAV,CAAnB,CALQ,CA3CiB,CAmDnCC,CAAY,CAAG,SAACC,CAAD,CAA2BC,CAA3B,kBAChBD,CADgB,aACLC,CADK,EAnDoB,CAoEnCC,CAAS,CAAG9D,OAAO,CAXrB,QAHE+D,kBAGF,EAAM,OACFC,CAAqD,CAAG,EADtD,8BAGYT,CAHZ,MAGR,2BACE,OADSU,EACT,SAASC,CAAC,CAAG,CAAb,CAAgBA,CAAC,CAAGrC,CAAK,CAAChB,MAA1B,CAAkCqD,CAAC,EAAnC,CACEF,CAAI,CAACL,CAAY,CAACM,CAAK,CAACP,GAAP,CAAYQ,CAAZ,CAAb,CAAJ,CAAmCpE,SAAS,EALxC,+BAQR,MAAOkE,EACR,CAEwB,CAAoB,CAACnC,CAAD,CAApB,CApEgB,CAgFzC,MAVA9B,UAAS,CAAC,UAAM,CAKd,MAJc,EAAV,GAAAyB,CAAK,EAAU,CAAC6B,CAAhB,EAA2BJ,CAAiB,CAAGzB,CAInD,GAHEN,YAAY,CAACH,MAAM,CAACS,CAAD,CAAP,CAGd,CAFET,MAAM,CAACS,CAAD,CAAN,CAAgB2C,UAAU,CAAC,iBAAMvC,EAAW,CAACJ,CAAD,CAAjB,CAAD,CAA2BL,UAA3B,CAE5B,EAAO,UAAM,CACXD,YAAY,CAACH,MAAM,CAACS,CAAD,CAAP,CACb,CACF,CARQ,CAQN,CAAC6B,CAAD,CAAUJ,CAAV,CARM,CAUT,CACE,oBAAC,OAAD,kBACMG,CADN,EAEE,SAAS,CAAED,CAFb,CAGE,SAAS,CAAE1C,kBAAkB,CAAC,CAAE2D,UAAU,CAAY,CAAV,GAAA5C,CAAd,CAA2BqB,SAAS,CAATA,CAA3B,CAAD,CAAyC,CACpElB,CADoE,CAAzC,CAH/B,CAME,kBAAkB,CAAEmB,CANtB,CAOE,cAAc,CAAEI,CAPlB,CAQE,SAAS,CAAEL,CARb,CASE,MAAM,CAAEE,CATV,CAUE,cAAc,CAAEC,CAVlB,CAWE,YAAY,CAAE,8BAAMM,EAAU,IAAhB,CAXhB,CAYE,YAAY,CAAE,8BAAMA,EAAU,IAAhB,CAZhB,CAaE,GAAG,CAAE/B,CAbP,GAeGgC,CAAM,CAACc,GAAP,CAAW,SAACJ,CAAD,CAAQK,CAAR,CAAuB,CACjC,GAAM3D,EAAU,CACW,UAAzB,QAAOiC,EAAP,CACIA,CAAa,CAACqB,CAAK,CAACP,GAAP,CADjB,OADF,CAIA,MACE,4BAAK,SAAS,CAAEjD,kBAAkB,CAAC,OAAD,CAAlC,CAA6C,GAAG,CAAEwD,CAAK,CAACP,GAAxD,EACGhD,YAAY,CAACC,CAAD,CAA4B,CAAf,GAAA2D,CAAb,CAA+Bf,CAAM,CAAC1C,MAAtC,CAA8CC,CAA9C,CADf,CAEGmD,CAAK,CAACpC,KAAN,CAAYwC,GAAZ,CAAgB,SAACE,CAAD,CAAOC,CAAP,CAAiB,IAC1BX,EAAS,CAAGF,CAAY,CAACM,CAAK,CAACP,GAAP,CAAYc,CAAZ,CADE,CAE1BjD,CAAG,CAAGuC,CAAS,CAACD,CAAD,CAFW,CAG1BY,CAAQ,CACW,UAAvB,QAAOpC,EADK,EACwBA,CAAW,CAACkC,CAAD,CAJjB,CAK1BG,CAAK,CAAG3C,CAAQ,CAACwC,CAAD,CALU,CAM1BI,CAAQ,CACc,UAA1B,QAAO1C,EAAP,CACIA,CAAc,CAACsC,CAAD,CADlB,OAP8B,CAU1BK,CAAS,CACc,UAA3B,QAAO5C,EAAP,CACIA,CAAe,CAACuC,CAAD,CADnB,OAX8B,CAc1BM,CAAQ,CACW,UAAvB,QAAO3C,EAAP,CACIA,CAAW,CAACqC,CAAD,CADf,OAf8B,CAiC1BO,CAAY,CAChBD,CAAQ,EAAI,CAACJ,CAAb,CACI,UAAM,CACJ/C,CAAQ,CAACF,CAAK,CAAG,CAAT,CAAYqD,CAAZ,CAAsBtD,CAAtB,CAA2BsC,CAA3B,CADJ,CAEJ/B,CAAoB,CAACN,CAAK,CAAG,CAAT,CACrB,CAJL,CAKI,UAAM,CACJM,CAAoB,CAACN,CAAD,CACrB,CAzCyB,CA0C1BuD,CAAM,CACW,UAArB,QAAO3C,EAAP,CAAkCA,CAAS,CAACmC,CAAD,CAA3C,OA3C8B,CA4C1BS,CAAS,CACoB,UAAjC,QAAOvC,EAAP,CACIA,CAAqB,CAAC8B,CAAD,CADzB,CAEI,EA/C0B,CAgD1BU,CAAE,CACe,UAArB,QAAOvC,EAAP,CAAkCA,CAAS,CAAC6B,CAAD,CAA3C,OAjD8B,CAmDhC,MACE,qBAAC,eAAD,kBACMS,CADN,EAEE,GAAG,CAAEzD,CAFP,CAGE,KAAK,CAAEmD,CAHT,CAIE,QAAQ,CAAEC,CAJZ,CAKE,SAAS,CAAEC,CALb,CAME,IAAI,CAAE9D,CANR,CAOE,GAAG,CAAE+C,CAPP,CAQE,YAAY,CAAEiB,CARhB,CASE,OAAO,CA3CK,QAAVI,QAAU,CACdC,CADc,CAEX,CACH,GAAI,CAACV,CAAL,CAAe,CACb,GAA8B,UAA1B,QAAOlC,EAAX,CAA0C,iBACxCA,CAAc,CAACgC,CAAD,CAD0B,qBACxC,EAAuBY,CAAvB,CACD,CACD,GAA0B,UAAtB,QAAO7C,EAAX,CAAsC,iBACpCA,CAAU,CAACiC,CAAD,CAD0B,qBACpC,EAAmBY,CAAnB,CACD,CAC0B,UAAvB,QAAO3C,EAPE,UAQXA,CARW,WAQXA,CARW,QAQXA,CAAW,CAAG,CAAE2C,CAAC,CAADA,CAAF,CAAKZ,IAAI,CAAJA,CAAL,CAAH,CARA,CAUd,CACF,CAoBC,CAUE,MAAM,CAAE9C,CAAU,GAAKoC,CAVzB,CAWE,WAAW,GAAUgB,CAXvB,CAYE,MAAM,CAAEE,CAZV,CAaE,QAAQ,CAAEN,CAbZ,CAcE,EAAE,CAAEQ,CAdN,GAiBH,CArEA,CAFH,CA0EH,CAhFA,CAfH,CAkGH,CApLmD,CAA/C"}
+{"version":3,"file":"ContextMenuLevel.js","names":["React","createRef","useEffect","useMemo","useState","cn","getGroups","Popover","ContextMenuDivider","ContextMenuGroupHeader","ContextMenuItem","contextMenuDefaultSize","cnContextMenuLevel","renderHeader","groupLabel","first","length","size","timers","clearTimers","timer","clearTimeout","closeDelay","ContextMenuLevel","forwardRef","props","ref","level","activeItem","addLevel","className","deleteLevel","items","setHoveredParenLevel","getLabel","getRightSideBar","getLeftSideBar","getSubItems","getGroupId","getAccent","getDisabled","getOnClick","getItemOnClick","onItemClick","getItemHTMLAttributes","getItemAs","sortGroup","getGroupLabel","direction","possibleDirections","offset","onSetDirection","hoveredParenLevel","spareDirection","anchorRef","otherProps","hovered","setHovered","groups","a","b","key","getItemIndex","groupId","itemIndex","itemsRefs","constructItemRefs","refs","group","i","setTimeout","firstLevel","map","groupIndex","item","index","disabled","label","leftSide","rightSide","subItems","onMouseEnter","accent","atributes","as","onClick","e"],"sources":["../../../../../../src/components/ContextMenuDeprecated/ContextMenuLevel/ContextMenuLevel.tsx"],"sourcesContent":["import './ContextMenuLevel.css';\n\nimport React, { createRef, useEffect, useMemo, useState } from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { getGroups } from '../../../utils/getGroups';\nimport { Popover } from '../../Popover/Popover';\nimport { ContextMenuDivider } from '../ContextMenuDivider/ContextMenuDivider';\nimport { ContextMenuGroupHeader } from '../ContextMenuGroupHeader/ContextMenuGroupHeader';\nimport { ContextMenuItem } from '../ContextMenuItem/ContextMenuItem';\nimport {\n  contextMenuDefaultSize,\n  ContextMenuLevelType,\n  ContextMenuPropSize,\n} from '../helpers';\n\nexport const cnContextMenuLevel = cn('ContextMenuLevelDeprecated');\n\nfunction renderHeader(\n  groupLabel: string | number | undefined,\n  first: boolean,\n  length: number,\n  size?: ContextMenuPropSize,\n): React.ReactNode | null {\n  if (!groupLabel) {\n    if (first) {\n      return null;\n    }\n    return <ContextMenuDivider size={size} />;\n  }\n  return (\n    <ContextMenuGroupHeader label={groupLabel} first={first} size={size} />\n  );\n}\n\nlet timers: ReturnType<typeof setTimeout>[] = [];\nexport function clearTimers() {\n  for (const timer of timers) {\n    clearTimeout(timer);\n  }\n  timers = [];\n}\nconst closeDelay = 300;\n\nexport const ContextMenuLevel: ContextMenuLevelType = React.forwardRef(\n  (props, ref: React.Ref<HTMLDivElement>) => {\n    const {\n      // props относящиеся к уровню меню\n      size = contextMenuDefaultSize,\n      level,\n      activeItem,\n      addLevel,\n      className,\n      deleteLevel,\n      items,\n      setHoveredParenLevel,\n\n      // props относящиеся к пунктам меню\n      getLabel,\n      getRightSideBar,\n      getLeftSideBar,\n      getSubItems,\n      getGroupId,\n      getAccent,\n      getDisabled,\n      getOnClick,\n      getItemOnClick,\n      onItemClick,\n      getItemHTMLAttributes,\n      getItemAs,\n\n      // props относящиеся к группам меню\n      sortGroup,\n      getGroupLabel,\n\n      // props относящиеся к поповеру\n      direction,\n      possibleDirections,\n      offset,\n      onSetDirection,\n      hoveredParenLevel,\n      spareDirection,\n      anchorRef,\n      ...otherProps\n    } = props;\n\n    const [hovered, setHovered] = useState<boolean>(false);\n\n    const groups = getGroups(\n      items,\n      getGroupId,\n      undefined,\n      undefined,\n      sortGroup && ((a, b) => sortGroup(a.key, b.key)),\n    );\n\n    const getItemIndex = (groupId: number | string, itemIndex: number) =>\n      `${groupId}-${itemIndex}`;\n\n    const constructItemRefs: () => Record<\n      string,\n      React.RefObject<HTMLDivElement>\n    > = () => {\n      const refs: Record<string, React.RefObject<HTMLDivElement>> = {};\n\n      for (const group of groups) {\n        for (let i = 0; i < items.length; i++) {\n          refs[getItemIndex(group.key, i)] = createRef<HTMLDivElement>();\n        }\n      }\n      return refs;\n    };\n\n    const itemsRefs = useMemo(constructItemRefs, [items]);\n\n    useEffect(() => {\n      if (level !== 0 && !hovered && hoveredParenLevel < level) {\n        clearTimeout(timers[level]);\n        timers[level] = setTimeout(() => deleteLevel(level), closeDelay);\n      }\n      return () => {\n        clearTimeout(timers[level]);\n      };\n    }, [hovered, hoveredParenLevel]);\n\n    return (\n      <Popover\n        {...otherProps}\n        anchorRef={anchorRef}\n        className={cnContextMenuLevel({ firstLevel: level === 0, direction }, [\n          className,\n        ])}\n        possibleDirections={possibleDirections}\n        spareDirection={spareDirection}\n        direction={direction}\n        offset={offset}\n        onSetDirection={onSetDirection}\n        onMouseEnter={() => setHovered(true)}\n        onMouseLeave={() => setHovered(false)}\n        ref={ref}\n      >\n        {groups.map((group, groupIndex) => {\n          const groupLabel =\n            typeof getGroupLabel === 'function'\n              ? getGroupLabel(group.key)\n              : undefined;\n          return (\n            <div className={cnContextMenuLevel('Group')} key={group.key}>\n              {renderHeader(groupLabel, groupIndex === 0, groups.length, size)}\n              {group.items.map((item, index) => {\n                const itemIndex = getItemIndex(group.key, index);\n                const ref = itemsRefs[itemIndex];\n                const disabled =\n                  typeof getDisabled === 'function' ? getDisabled(item) : false;\n                const label = getLabel(item);\n                const leftSide =\n                  typeof getLeftSideBar === 'function'\n                    ? getLeftSideBar(item)\n                    : undefined;\n                const rightSide =\n                  typeof getRightSideBar === 'function'\n                    ? getRightSideBar(item)\n                    : undefined;\n                const subItems =\n                  typeof getSubItems === 'function'\n                    ? getSubItems(item)\n                    : undefined;\n                const onClick = (\n                  e: React.MouseEvent<HTMLDivElement, MouseEvent>,\n                ) => {\n                  if (!disabled) {\n                    if (typeof getItemOnClick === 'function') {\n                      getItemOnClick(item)?.(e);\n                    }\n                    if (typeof getOnClick === 'function') {\n                      getOnClick(item)?.(e);\n                    }\n                    if (typeof onItemClick === 'function') {\n                      onItemClick?.({ e, item });\n                    }\n                  }\n                };\n                const onMouseEnter =\n                  subItems && !disabled\n                    ? () => {\n                        addLevel(level + 1, subItems, ref, itemIndex);\n                        setHoveredParenLevel(level + 1);\n                      }\n                    : () => {\n                        setHoveredParenLevel(level);\n                      };\n                const accent =\n                  typeof getAccent === 'function' ? getAccent(item) : undefined;\n                const atributes =\n                  typeof getItemHTMLAttributes === 'function'\n                    ? getItemHTMLAttributes(item)\n                    : {};\n                const as =\n                  typeof getItemAs === 'function' ? getItemAs(item) : undefined;\n\n                return (\n                  <ContextMenuItem\n                    {...atributes}\n                    ref={ref}\n                    label={label}\n                    leftSide={leftSide}\n                    rightSide={rightSide}\n                    size={size}\n                    key={itemIndex}\n                    onMouseEnter={onMouseEnter}\n                    onClick={onClick}\n                    active={activeItem === itemIndex}\n                    withSubMenu={Boolean(subItems)}\n                    accent={accent}\n                    disabled={disabled}\n                    as={as}\n                  />\n                );\n              })}\n            </div>\n          );\n        })}\n      </Popover>\n    );\n  },\n);\n"],"mappings":"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"}

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

@@ -1,4 +1,3 @@
-import './ListAddItem.css';
 import React from 'react';
 import { ListAddItemProps } from '../types';
-export declare const ListAddItem: React.ForwardRefExoticComponent<Pick<ListAddItemProps, "label" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "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" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "disabled" | "size" | "indent"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ListAddItem: React.ForwardRefExoticComponent<Pick<ListAddItemProps, "label" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "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" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "active" | "innerOffset" | "underLine"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/ListCanary/ListAddItem/ListAddItem.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","className","disabled","label"];import"./ListAddItem.css";import React,{forwardRef}from"react";import{IconAdd}from"../../../icons/IconAdd";import{cn}from"../../../utils/bem";import{defaultListPropSize}from"../types";var cnListAddItem=cn("ListAddItem"),iconSizeMap={xs:"xs",s:"xs",m:"s",l:"s"};export var ListAddItem=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.className,f=a.disabled,g=a.label,h=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({className:cnListAddItem({size:d,disabled:f},[e]),ref:b},h),React.createElement(IconAdd,{className:cnListAddItem("AddIcon"),size:iconSizeMap[d]}),g)});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","innerOffset","underLine"];import{IconAdd}from"@consta/icons/IconAdd";import React,{forwardRef}from"react";import{ListDivider,ListItem}from"..";import{mapGroupVerticalSpaseBottom,mapHorisontalSpase,mapHorisontalSpaseIncreased}from"../maps";import{defaultListPropSize}from"../types";export var ListAddItem=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.innerOffset,f=a.underLine,g=_objectWithoutProperties(a,_excluded),h="increased"===e?mapHorisontalSpaseIncreased[d]:mapHorisontalSpase[d];return React.createElement(React.Fragment,null,React.createElement(ListItem,Object.assign({},g,{size:d,ref:b,leftIcon:IconAdd,space:{pH:h,pV:mapGroupVerticalSpaseBottom[d]}})),f&&React.createElement(ListDivider,{size:d,space:{mH:h}}))});
 //# sourceMappingURL=ListAddItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListAddItem.js","names":["React","forwardRef","IconAdd","cn","defaultListPropSize","cnListAddItem","iconSizeMap","xs","s","m","l","ListAddItem","props","ref","size","className","disabled","label","otherProps"],"sources":["../../../../../../src/components/ListCanary/ListAddItem/ListAddItem.tsx"],"sourcesContent":["import './ListAddItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { IconPropSize } from '##/icons/Icon';\nimport { IconAdd } from '##/icons/IconAdd';\nimport { cn } from '##/utils/bem';\n\nimport { defaultListPropSize, ListAddItemProps, ListPropSize } from '../types';\n\nconst cnListAddItem = cn('ListAddItem');\n\nconst iconSizeMap: Record<ListPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 's',\n};\n\nexport const ListAddItem = forwardRef<HTMLDivElement, ListAddItemProps>(\n  (props, ref) => {\n    const {\n      size = defaultListPropSize,\n      className,\n      disabled,\n      label,\n      ...otherProps\n    } = props;\n    return (\n      <div\n        className={cnListAddItem({ size, disabled }, [className])}\n        ref={ref}\n        {...otherProps}\n      >\n        <IconAdd\n          className={cnListAddItem('AddIcon')}\n          size={iconSizeMap[size]}\n        />\n        {label}\n      </div>\n    );\n  },\n);\n"],"mappings":"2IAAA,0BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAGA,OAASC,OAAT,8BACA,OAASC,EAAT,0BAEA,OAASC,mBAAT,gB,GAEMC,cAAa,CAAGF,EAAE,CAAC,aAAD,C,CAElBG,WAA+C,CAAG,CACtDC,EAAE,CAAE,IADkD,CAEtDC,CAAC,CAAE,IAFmD,CAGtDC,CAAC,CAAE,GAHmD,CAItDC,CAAC,CAAE,GAJmD,C,CAOxD,MAAO,IAAMC,YAAW,CAAGV,UAAU,CACnC,SAACW,CAAD,CAAQC,CAAR,CAAgB,CACd,MAMID,CANJ,CACEE,IADF,CACEA,CADF,YACSV,mBADT,GAEEW,CAFF,CAMIH,CANJ,CAEEG,SAFF,CAGEC,CAHF,CAMIJ,CANJ,CAGEI,QAHF,CAIEC,CAJF,CAMIL,CANJ,CAIEK,KAJF,CAKKC,CALL,0BAMIN,CANJ,YAOA,MACE,0CACE,SAAS,CAAEP,aAAa,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQE,QAAQ,CAARA,CAAR,CAAD,CAAqB,CAACD,CAAD,CAArB,CAD1B,CAEE,GAAG,CAAEF,CAFP,EAGMK,CAHN,EAKE,oBAAC,OAAD,EACE,SAAS,CAAEb,aAAa,CAAC,SAAD,CAD1B,CAEE,IAAI,CAAEC,WAAW,CAACQ,CAAD,CAFnB,EALF,CASGG,CATH,CAYH,CAtBkC,CAA9B"}
+{"version":3,"file":"ListAddItem.js","names":["IconAdd","React","forwardRef","ListDivider","ListItem","mapGroupVerticalSpaseBottom","mapHorisontalSpase","mapHorisontalSpaseIncreased","defaultListPropSize","ListAddItem","props","ref","size","innerOffset","underLine","otherProps","horisontalSpase","pH","pV","mH"],"sources":["../../../../../../src/components/ListCanary/ListAddItem/ListAddItem.tsx"],"sourcesContent":["import { IconAdd } from '@consta/icons/IconAdd';\nimport React, { forwardRef } from 'react';\n\nimport { ListDivider, ListItem } from '..';\nimport {\n  mapGroupVerticalSpaseBottom,\n  mapHorisontalSpase,\n  mapHorisontalSpaseIncreased,\n} from '../maps';\nimport { defaultListPropSize, ListAddItemProps } from '../types';\n\nexport const ListAddItem = forwardRef<HTMLDivElement, ListAddItemProps>(\n  (props, ref) => {\n    const {\n      size = defaultListPropSize,\n      innerOffset,\n      underLine,\n      ...otherProps\n    } = props;\n\n    const horisontalSpase =\n      innerOffset === 'increased'\n        ? mapHorisontalSpaseIncreased[size]\n        : mapHorisontalSpase[size];\n\n    return (\n      <>\n        <ListItem\n          {...otherProps}\n          size={size}\n          ref={ref}\n          leftIcon={IconAdd}\n          space={{\n            pH: horisontalSpase,\n            pV: mapGroupVerticalSpaseBottom[size],\n          }}\n        />\n        {underLine && (\n          <ListDivider size={size} space={{ mH: horisontalSpase }} />\n        )}\n      </>\n    );\n  },\n);\n"],"mappings":"sIAAA,OAASA,OAAT,KAAwB,uBAAxB,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,WAAT,CAAsBC,QAAtB,KAAsC,IAAtC,CACA,OACEC,2BADF,CAEEC,kBAFF,CAGEC,2BAHF,eAKA,OAASC,mBAAT,gBAEA,MAAO,IAAMC,YAAW,CAAGP,UAAU,CACnC,SAACQ,CAAD,CAAQC,CAAR,CAAgB,OAMVD,CANU,CAEZE,IAFY,CAEZA,CAFY,YAELJ,mBAFK,GAGZK,CAHY,CAMVH,CANU,CAGZG,WAHY,CAIZC,CAJY,CAMVJ,CANU,CAIZI,SAJY,CAKTC,CALS,0BAMVL,CANU,YAQRM,CAAe,CACH,WAAhB,GAAAH,CAAW,CACPN,2BAA2B,CAACK,CAAD,CADpB,CAEPN,kBAAkB,CAACM,CAAD,CAXV,CAad,MACE,yCACE,oBAAC,QAAD,kBACMG,CADN,EAEE,IAAI,CAAEH,CAFR,CAGE,GAAG,CAAED,CAHP,CAIE,QAAQ,CAAEX,OAJZ,CAKE,KAAK,CAAE,CACLiB,EAAE,CAAED,CADC,CAELE,EAAE,CAAEb,2BAA2B,CAACO,CAAD,CAF1B,CALT,GADF,CAWGE,CAAS,EACR,oBAAC,WAAD,EAAa,IAAI,CAAEF,CAAnB,CAAyB,KAAK,CAAE,CAAEO,EAAE,CAAEH,CAAN,CAAhC,EAZJ,CAgBH,CA/BkC,CAA9B"}

package/__internal__/src/components/ListCanary/ListAddItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ListCanary/ListAddItem/index.tsx"],"sourcesContent":["export * from './ListAddItem';\n"],"mappings":"AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ListCanary/ListAddItem/index.ts"],"sourcesContent":["export * from './ListAddItem';\n"],"mappings":"AAAA"}

package/__internal__/src/components/ListCanary/ListBox/ListBox.css

@@ -0,0 +1 @@
+.ListBox{background:var(--color-bg-default);box-sizing:border-box;overflow:auto}.ListBox_size_xs{--list-box-control-height:var(--control-height-xs)}.ListBox_size_s{--list-box-control-height:var(--control-height-s)}.ListBox_size_m{--list-box-control-height:var(--control-height-m)}.ListBox_size_l{--list-box-control-height:var(--control-height-l)}.ListBox_form_default{border-radius:var(--control-radius)}.ListBox_form_brick{border-radius:0}.ListBox_form_round{border-radius:calc(var(--list-box-control-height)*.5)}.ListBox_border{border:var(--control-border-width) solid var(--color-control-bg-border-default)}.ListBox_shadow{box-shadow:var(--shadow-layer)}