@consta/uikit 4.7.1 → 4.9.0

package/__internal__/src/components/Breadcrumbs/useElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"useElements.js","names":["useMemo","useHideElementsInLine","useRefs","useResizeObserved","useReadyToHideItems","items","returnedItems","first","shift","last","pop","getLastWidth","wrapperWidth","fistWidth","itemsDimensions","hiddenItems","widthExceptLast","reduce","previous","current","currentIndex","getCompression","componentWidth","useElements","firstItem","readyToHideItems","lastItem","noHideElementsRef","noHideElementsSize","el","parseInt","getComputedStyle","marginRight","marginLeft","offsetWidth","noHideElementsSizeSum","hideElementsInLineResult","elementsSizeSum","lastWidth","compression","firstItemRef","lastItemRef"],"sources":["../../../../../src/components/Breadcrumbs/useElements.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useHideElementsInLine } from '../../hooks/useHideElementsInLine/useHideElementsInLine';\nimport { useRefs } from '../../hooks/useRefs/useRefs';\nimport { useResizeObserved } from '../../hooks/useResizeObserved/useResizeObserved';\n\nconst useReadyToHideItems = <ITEM>(items: ITEM[]) =>\n  useMemo(() => {\n    const returnedItems = [...items];\n    const first = returnedItems.shift();\n    const last = returnedItems.pop();\n    return [first, returnedItems, last] as const;\n  }, [items]);\n\nconst getLastWidth = (\n  wrapperWidth: number,\n  fistWidth: number,\n  itemsDimensions: number[],\n  hiddenItems: unknown[],\n) => {\n  const widthExceptLast =\n    fistWidth +\n    itemsDimensions.reduce(\n      (previous, current, currentIndex) =>\n        previous + (hiddenItems[currentIndex] ? 0 : current),\n      0,\n    );\n\n  const lastWidthCalculate = wrapperWidth - widthExceptLast;\n\n  return `${lastWidthCalculate}px`;\n};\n\nconst getCompression = (componentWidth: number) => {\n  if (componentWidth <= 380) {\n    return 's';\n  }\n  if (componentWidth <= 900) {\n    return 'm';\n  }\n  if (componentWidth <= 1200) {\n    return 'l';\n  }\n  return 'xl';\n};\n\nexport const useElements = <ITEM>(items: ITEM[]) => {\n  const [firstItem, readyToHideItems, lastItem] = useReadyToHideItems(items);\n\n  const noHideElementsRef = useRefs<HTMLLIElement>(2);\n\n  const noHideElementsSize = useResizeObserved(noHideElementsRef, (el) =>\n    el\n      ? parseInt(getComputedStyle(el).marginRight, 10) +\n        parseInt(getComputedStyle(el).marginLeft, 10) +\n        el.offsetWidth\n      : 0,\n  );\n\n  const noHideElementsSizeSum = noHideElementsSize.reduce(\n    (previous, current) => previous + current,\n    0,\n  );\n\n  const { itemsDimensions, wrapperWidth, ...hideElementsInLineResult } =\n    useHideElementsInLine<ITEM, HTMLLIElement, HTMLUListElement>(\n      readyToHideItems,\n      noHideElementsSizeSum,\n      true,\n    );\n\n  const elementsSizeSum =\n    noHideElementsSizeSum +\n    itemsDimensions.reduce((previous, current) => previous + current, 0);\n\n  const lastWidth = getLastWidth(\n    wrapperWidth,\n    noHideElementsSize[0],\n    itemsDimensions,\n    hideElementsInLineResult.hiddenItems,\n  );\n\n  const compression = getCompression(wrapperWidth);\n\n  return {\n    firstItem,\n    lastItem,\n    readyToHideItems,\n    firstItemRef: noHideElementsRef[0],\n    lastItemRef: noHideElementsRef[1],\n    lastWidth,\n    compression,\n    elementsSizeSum,\n    ...hideElementsInLineResult,\n  };\n};\n"],"mappings":"q7BAAA,OAASA,OAAT,KAAwB,OAAxB,CAEA,OAASC,qBAAT,+DACA,OAASC,OAAT,mCACA,OAASC,iBAAT,uD,GAEMC,oBAAmB,CAAG,SAAOC,CAAP,QAC1BL,QAAO,CAAC,UAAM,IACNM,EAAa,oBAAOD,CAAP,CADP,CAENE,CAAK,CAAGD,CAAa,CAACE,KAAd,EAFF,CAGNC,CAAI,CAAGH,CAAa,CAACI,GAAd,EAHD,CAIZ,MAAO,CAACH,CAAD,CAAQD,CAAR,CAAuBG,CAAvB,CACR,CALM,CAKJ,CAACJ,CAAD,CALI,CADmB,C,CAQtBM,YAAY,CAAG,SACnBC,CADmB,CAEnBC,CAFmB,CAGnBC,CAHmB,CAInBC,CAJmB,CAKhB,IACGC,EAAe,CACnBH,CAAS,CACTC,CAAe,CAACG,MAAhB,CACE,SAACC,CAAD,CAAWC,CAAX,CAAoBC,CAApB,QACEF,EAAQ,EAAIH,CAAW,CAACK,CAAD,CAAX,CAA4B,CAA5B,CAAgCD,CAApC,CADV,CADF,CAGE,CAHF,CAHC,CAWH,gBAF2BP,CAAY,CAAGI,CAE1C,MACD,C,CAEKK,cAAc,CAAG,SAACC,CAAD,CAA4B,OAC3B,IAAlB,EAAAA,CAD6C,CAExC,GAFwC,CAI3B,GAAlB,EAAAA,CAJ6C,CAKxC,GALwC,CAO3B,IAAlB,EAAAA,CAP6C,CAQxC,GARwC,CAU1C,IACR,C,CAED,MAAO,IAAMC,YAAW,CAAG,SAAOlB,CAAP,CAAyB,OACFD,mBAAmB,CAACC,CAAD,CADjB,uBAC3CmB,CAD2C,MAChCC,CADgC,MACdC,CADc,MAG5CC,CAAiB,CAAGzB,OAAO,CAAgB,CAAhB,CAHiB,CAK5C0B,CAAkB,CAAGzB,iBAAiB,CAACwB,CAAD,CAAoB,SAACE,CAAD,QAC9DA,EAAE,CACEC,QAAQ,CAACC,gBAAgB,CAACF,CAAD,CAAhB,CAAqBG,WAAtB,CAAmC,EAAnC,CAAR,CACAF,QAAQ,CAACC,gBAAgB,CAACF,CAAD,CAAhB,CAAqBI,UAAtB,CAAkC,EAAlC,CADR,CAEAJ,CAAE,CAACK,WAHL,CAIE,CAL0D,CAApB,CALM,CAa5CC,CAAqB,CAAGP,CAAkB,CAACX,MAAnB,CAC5B,SAACC,CAAD,CAAWC,CAAX,QAAuBD,EAAQ,CAAGC,CAAlC,CAD4B,CAE5B,CAF4B,CAboB,GAmBhDlB,qBAAqB,CACnBwB,CADmB,CAEnBU,CAFmB,IAnB2B,CAkB1CrB,CAlB0C,GAkB1CA,eAlB0C,CAkBzBF,CAlByB,GAkBzBA,YAlByB,CAkBRwB,CAlBQ,uCAyB5CC,CAAe,CACnBF,CAAqB,CACrBrB,CAAe,CAACG,MAAhB,CAAuB,SAACC,CAAD,CAAWC,CAAX,QAAuBD,EAAQ,CAAGC,CAAlC,CAAvB,CAAkE,CAAlE,CA3BgD,CA6B5CmB,CAAS,CAAG3B,YAAY,CAC5BC,CAD4B,CAE5BgB,CAAkB,CAAC,CAAD,CAFU,CAG5Bd,CAH4B,CAI5BsB,CAAwB,CAACrB,WAJG,CA7BoB,CAoC5CwB,CAAW,CAAGlB,cAAc,CAACT,CAAD,CApCgB,CAsClD,sBACEY,SAAS,CAATA,CADF,CAEEE,QAAQ,CAARA,CAFF,CAGED,gBAAgB,CAAhBA,CAHF,CAIEe,YAAY,CAAEb,CAAiB,CAAC,CAAD,CAJjC,CAKEc,WAAW,CAAEd,CAAiB,CAAC,CAAD,CALhC,CAMEW,SAAS,CAATA,CANF,CAOEC,WAAW,CAAXA,CAPF,CAQEF,eAAe,CAAfA,CARF,EASKD,CATL,CAWD,CAjDM"}
+{"version":3,"file":"useElements.js","names":["useMemo","useHideElementsInLine","useRefs","useResizeObserved","useReadyToHideItems","items","returnedItems","first","shift","last","pop","getLastWidth","wrapperWidth","fistWidth","itemsDimensions","visibleMap","widthExceptLast","reduce","previous","current","currentIndex","getCompression","componentWidth","useElements","firstItem","readyToHideItems","lastItem","noHideElementsRef","noHideElementsSize","el","parseInt","getComputedStyle","marginRight","marginLeft","offsetWidth","noHideElementsSizeSum","length","elementsSizes","parentSize","parentRef","elementsRefs","lastWidth","compression","hiddenItems","map","element","index","filter","item","firstItemRef","lastItemRef"],"sources":["../../../../../src/components/Breadcrumbs/useElements.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useHideElementsInLine } from '##/hooks/useHideElementsInLineCanary';\nimport { useRefs } from '##/hooks/useRefs';\nimport { useResizeObserved } from '##/hooks/useResizeObserved';\n\nconst useReadyToHideItems = <ITEM>(items: ITEM[]) =>\n  useMemo(() => {\n    const returnedItems = [...items];\n    const first = returnedItems.shift();\n    const last = returnedItems.pop();\n    return [first, returnedItems, last] as const;\n  }, [items]);\n\nconst getLastWidth = (\n  wrapperWidth: number,\n  fistWidth: number,\n  itemsDimensions: number[],\n  visibleMap: boolean[],\n) => {\n  const widthExceptLast =\n    fistWidth +\n    itemsDimensions.reduce(\n      (previous, current, currentIndex) =>\n        previous + (!visibleMap[currentIndex] ? 0 : current),\n      0,\n    );\n\n  const lastWidthCalculate = wrapperWidth - widthExceptLast;\n\n  return `${lastWidthCalculate}px`;\n};\n\nconst getCompression = (componentWidth: number) => {\n  if (componentWidth <= 380) {\n    return 's';\n  }\n  if (componentWidth <= 900) {\n    return 'm';\n  }\n  if (componentWidth <= 1200) {\n    return 'l';\n  }\n  return 'xl';\n};\n\nexport const useElements = <ITEM>(items: ITEM[]) => {\n  const [firstItem, readyToHideItems, lastItem] = useReadyToHideItems(items);\n\n  const noHideElementsRef = useRefs<HTMLLIElement>(2);\n\n  const noHideElementsSize = useResizeObserved(noHideElementsRef, (el) =>\n    el\n      ? parseInt(getComputedStyle(el).marginRight, 10) +\n        parseInt(getComputedStyle(el).marginLeft, 10) +\n        el.offsetWidth\n      : 0,\n  );\n\n  const noHideElementsSizeSum = noHideElementsSize.reduce(\n    (previous, current) => previous + current,\n    0,\n  );\n\n  const { elementsSizes, parentSize, visibleMap, parentRef, elementsRefs } =\n    useHideElementsInLine<HTMLLIElement, HTMLUListElement>(\n      readyToHideItems.length + 1,\n      0,\n      noHideElementsSizeSum,\n    );\n\n  const lastWidth = getLastWidth(\n    parentSize,\n    noHideElementsSize[0],\n    elementsSizes,\n    visibleMap,\n  );\n\n  const compression = getCompression(parentSize);\n\n  const hiddenItems = visibleMap\n    .map((element, index) => {\n      if (!element && index !== 0) {\n        return items[index];\n      }\n    })\n    .filter((item) => Boolean(item)) as ITEM[];\n\n  return {\n    firstItem,\n    lastItem,\n    readyToHideItems,\n    hiddenItems,\n    visibleMap,\n    firstItemRef: noHideElementsRef[0],\n    lastItemRef: noHideElementsRef[1],\n    lastWidth,\n    compression,\n    parentRef,\n    elementsRefs,\n  };\n};\n"],"mappings":"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"}

package/__internal__/src/components/CalendarDeprecated/CalendarDay/CalendarDay.d.ts

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

package/__internal__/src/components/CheckboxGroup/helper.d.ts

@@ -11,18 +11,53 @@ export declare const withDefaultGetters: (props: CheckboxGroupProps) => {
     }) => void;
     name?: string | undefined;
     direction?: "row" | "column" | undefined;
-    size?: "s" | "m" | "xs" | "l" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
     view?: "primary" | "ghost" | undefined;
     disabled?: boolean | undefined;
     className?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    placeholder?: string | undefined;
     slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
     style?: import("react").CSSProperties | undefined;
+    tabIndex?: number | undefined;
     title?: string | undefined;
-    color?: string | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
-    tabIndex?: number | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
@@ -32,7 +67,7 @@ export declare const withDefaultGetters: (props: CheckboxGroupProps) => {
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
+    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -41,7 +76,7 @@ export declare const withDefaultGetters: (props: CheckboxGroupProps) => {
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -234,41 +269,6 @@ export declare const withDefaultGetters: (props: CheckboxGroupProps) => {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    translate?: "no" | "yes" | undefined;
-    radioGroup?: string | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    resource?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
     ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
 };

package/__internal__/src/components/ChoiceGroup/helper.d.ts

@@ -4,12 +4,12 @@ export declare const withDefaultGetters: (props: ChoiceGroupProps) => {
     getItemLabel: ChoiceGroupPropGetItemLabel<ChoiceGroupDefaultItem>;
     getItemIcon: ChoiceGroupPropGetItemIcon<ChoiceGroupDefaultItem>;
     getItemDisabled: ChoiceGroupPropGetItemDisabled<ChoiceGroupDefaultItem>;
-    size?: "s" | "m" | "xs" | "l" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
     form?: "default" | "round" | "brick" | undefined;
     view?: "primary" | "ghost" | "secondary" | undefined;
     width?: "default" | "full" | undefined;
     onlyIcon?: boolean | undefined;
-    iconSize?: "s" | "m" | "xs" | "l" | undefined;
+    iconSize?: "m" | "s" | "xs" | "l" | undefined;
     items: ChoiceGroupDefaultItem[];
     name: string;
     disabled?: boolean | undefined;
@@ -18,15 +18,50 @@ export declare const withDefaultGetters: (props: ChoiceGroupProps) => {
     multiple?: false | undefined;
     truncate?: boolean | undefined;
     children?: undefined;
-    slot?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
     className?: string | undefined;
-    color?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
-    role?: import("react").AriaRole | undefined;
+    placeholder?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
@@ -36,7 +71,7 @@ export declare const withDefaultGetters: (props: ChoiceGroupProps) => {
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
+    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -45,7 +80,7 @@ export declare const withDefaultGetters: (props: ChoiceGroupProps) => {
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -237,41 +272,6 @@ export declare const withDefaultGetters: (props: ChoiceGroupProps) => {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    translate?: "no" | "yes" | undefined;
-    radioGroup?: string | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    resource?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
     ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
 };

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

@@ -63,9 +63,9 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
     children?: undefined;
     icon?: IconComponent | undefined;
     divider?: boolean | undefined;
-    size?: "s" | "m" | "xs" | "l" | "2xs" | undefined;
+    size?: "m" | "s" | "xs" | "l" | "2xs" | undefined;
     view?: "primary" | "secondary" | undefined;
-    horizontalSpace?: "s" | "m" | "xs" | "l" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "3xs" | undefined;
+    horizontalSpace?: "m" | "s" | "xs" | "l" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "3xs" | undefined;
     hoverEffect?: boolean | undefined;
     onOpen?: CollapseGroupPropOnOpen<IS_ACCORDION> | undefined;
     opened?: CollapseGroupPropOpened<IS_ACCORDION>;
@@ -78,7 +78,7 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
 } & {
     iconPosition?: "left" | undefined;
     getItemRightSide?: CollapseGroupPropGetItemRightSide<ITEM> | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "view" | "children" | "size" | "css" | "items" | "getItemLabel" | "icon" | "getItemRightSide" | "horizontalSpace" | "closeIcon" | "divider" | "hoverEffect" | "directionIcon" | "closeDirectionIcon" | "iconPosition" | "isAccordion" | "onOpen" | "opened" | "getItemContent"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "children" | "size" | "view" | "items" | "getItemLabel" | "icon" | "getItemRightSide" | "horizontalSpace" | "closeIcon" | "divider" | "hoverEffect" | "directionIcon" | "closeDirectionIcon" | "iconPosition" | "isAccordion" | "onOpen" | "opened" | "getItemContent"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
     label: React.ReactNode;
 } ? {} : {
     getItemLabel: CollapseGroupPropGetItemLabel<ITEM>;
@@ -96,9 +96,9 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
     children?: undefined;
     icon?: IconComponent | undefined;
     divider?: boolean | undefined;
-    size?: "s" | "m" | "xs" | "l" | "2xs" | undefined;
+    size?: "m" | "s" | "xs" | "l" | "2xs" | undefined;
     view?: "primary" | "secondary" | undefined;
-    horizontalSpace?: "s" | "m" | "xs" | "l" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "3xs" | undefined;
+    horizontalSpace?: "m" | "s" | "xs" | "l" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "3xs" | undefined;
     hoverEffect?: boolean | undefined;
     onOpen?: CollapseGroupPropOnOpen<IS_ACCORDION> | undefined;
     opened?: CollapseGroupPropOpened<IS_ACCORDION>;
@@ -111,7 +111,7 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
 } & {
     iconPosition?: "left" | undefined;
     getItemRightSide?: CollapseGroupPropGetItemRightSide<ITEM> | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "view" | "children" | "size" | "css" | "items" | "getItemLabel" | "icon" | "getItemRightSide" | "horizontalSpace" | "closeIcon" | "divider" | "hoverEffect" | "directionIcon" | "closeDirectionIcon" | "iconPosition" | "isAccordion" | "onOpen" | "opened" | "getItemContent"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "children" | "size" | "view" | "items" | "getItemLabel" | "icon" | "getItemRightSide" | "horizontalSpace" | "closeIcon" | "divider" | "hoverEffect" | "directionIcon" | "closeDirectionIcon" | "iconPosition" | "isAccordion" | "onOpen" | "opened" | "getItemContent"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
     label: React.ReactNode;
 } ? {} : {
     getItemLabel: CollapseGroupPropGetItemLabel<ITEM>;

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

@@ -104,7 +104,7 @@ export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGr
     disabled?: boolean | undefined;
     form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | undefined;
     dropdownForm?: "default" | "round" | "brick" | undefined;
-    size?: "s" | "m" | "l" | undefined;
+    size?: "m" | "s" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     placeholder?: string | undefined;
     ariaLabel?: string | undefined;
@@ -140,7 +140,7 @@ export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGr
     label?: string | undefined;
     caption?: string | undefined;
     labelPosition?: "left" | "top" | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "caption" | "form" | "label" | "view" | "name" | "onFocus" | "onBlur" | "onChange" | "placeholder" | "disabled" | "value" | "multiple" | "required" | "size" | "status" | "css" | "inputRef" | "items" | "dropdownForm" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelPosition" | "searchFunction" | "labelForCreate" | "labelForNotFound" | "onCreate" | "onInputChange"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "size" | "caption" | "form" | "label" | "view" | "status" | "name" | "disabled" | "value" | "multiple" | "required" | "inputRef" | "items" | "dropdownForm" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelPosition" | "searchFunction" | "labelForCreate" | "labelForNotFound" | "onCreate" | "onInputChange"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: PropGetItemLabel<ITEM>;

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

@@ -1,4 +1,3 @@
-import './ContextMenu.css';
 import { ContextMenuComponent } from './types';
 export declare const COMPONENT_NAME: "ContextMenu";
 export declare const ContextMenu: ContextMenuComponent;

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

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["isOpen","className","onSetDirection"];import"./ContextMenu.css";import React,{useRef,useState}from"react";import{Transition}from"react-transition-group";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{useFlag}from"../../hooks/useFlag";import{useForkRef}from"../../hooks/useForkRef";import{animateTimeout,cnMixPopoverAnimate}from"../../mixs/MixPopoverAnimate";import{cn}from"../../utils/bem";import{ContextMenuLevels}from"./ContextMenuLevels";var cnContextMenu=cn("ContextMenuCanary");export var COMPONENT_NAME="ContextMenu";var ContextMenuRender=function(a,b){var c=useRef(null),d=useForkRef([b,c]),e=usePropsHandler(COMPONENT_NAME,a,d),f=e.isOpen,g=e.className,h=e.onSetDirection,i=_objectWithoutProperties(e,_excluded),j=useFlag(),k=_slicedToArray(j,2),l=k[0],m=k[1],n=useFlag(!0),o=_slicedToArray(n,2),p=o[0],q=o[1],r=useState(a.direction),s=_slicedToArray(r,2),t=s[0],u=s[1],v=function(a){u(a),null===h||void 0===h?void 0:h(a)};return React.createElement(Transition,{in:f,unmountOnExit:!0,timeout:animateTimeout,onEntered:q.off,onEnter:m.off,onExit:function onExit(){m.on(),q.on()},nodeRef:c},function(a){return React.createElement(ContextMenuLevels,Object.assign({},i,{ref:d,onSetDirection:v,className:cnContextMenu("Level",{playAnimation:l,eventsNone:p},[g,cnMixPopoverAnimate({animate:a,direction:t})])}))})};export var ContextMenu=React.forwardRef(ContextMenuRender);export*from"./types";
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{useState}from"react";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{useDebounce}from"../../hooks/useDebounce";import{useFlag}from"../../hooks/useFlag";import{animateTimeout}from"../../mixs/MixPopoverAnimate";import{ContextMenuLevels}from"./ContextMenuLevels";import{ContextMenuWrapper}from"./ContextMenuWrapper";export var COMPONENT_NAME="ContextMenu";var ContextMenuRender=function(a,b){var c=usePropsHandler(COMPONENT_NAME,a,b),d=useState({width:240,height:100}),e=_slicedToArray(d,2),f=e[0],g=e[1],h=useFlag(),i=_slicedToArray(h,2),j=i[0],k=i[1],l=useDebounce(k.off,animateTimeout);return React.createElement(ContextMenuWrapper,Object.assign({},c,{animationBack:j,style:_objectSpread(_objectSpread({},null===c||void 0===c?void 0:c.style),f)}),React.createElement(ContextMenuLevels,Object.assign({},c,{setComponentSize:g,ref:b,enableAnimationBack:k.on,disableAnimationBack:l})))};export var ContextMenu=React.forwardRef(ContextMenuRender);export*from"./types";
 //# sourceMappingURL=ContextMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","names":["React","useRef","useState","Transition","usePropsHandler","useFlag","useForkRef","animateTimeout","cnMixPopoverAnimate","cn","ContextMenuLevels","cnContextMenu","COMPONENT_NAME","ContextMenuRender","props","ref","nodeRef","levelRef","isOpen","className","onSetDirection","otherProps","playAnimation","setPlayAnimation","eventsNone","setEventsNone","direction","setDirection","handleSetDirection","d","off","on","animate","ContextMenu","forwardRef"],"sources":["../../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import './ContextMenu.css';\n\nimport React, { useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport { Direction } from '##/components/Popover';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cn } from '##/utils/bem';\n\nimport { ContextMenuLevels } from './ContextMenuLevels';\nimport { ContextMenuComponent, ContextMenuProps } from './types';\n\nconst cnContextMenu = cn('ContextMenuCanary');\n\nexport const COMPONENT_NAME = 'ContextMenu' as const;\n\nconst ContextMenuRender = (\n  props: ContextMenuProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const levelRef = useForkRef([ref, nodeRef]);\n\n  const { isOpen, className, onSetDirection, ...otherProps } = usePropsHandler(\n    COMPONENT_NAME,\n    props,\n    levelRef,\n  );\n  const [playAnimation, setPlayAnimation] = useFlag();\n  const [eventsNone, setEventsNone] = useFlag(true);\n  const [direction, setDirection] = useState<Direction | undefined>(\n    props.direction,\n  );\n\n  const handleSetDirection = (d: Direction) => {\n    setDirection(d);\n    onSetDirection?.(d);\n  };\n\n  return (\n    <Transition\n      in={isOpen}\n      unmountOnExit\n      timeout={animateTimeout}\n      onEntered={setEventsNone.off}\n      onEnter={setPlayAnimation.off}\n      onExit={() => {\n        setPlayAnimation.on();\n        setEventsNone.on();\n      }}\n      nodeRef={nodeRef}\n    >\n      {(animate) => (\n        <ContextMenuLevels\n          {...otherProps}\n          ref={levelRef}\n          onSetDirection={handleSetDirection}\n          className={cnContextMenu('Level', { playAnimation, eventsNone }, [\n            className,\n            cnMixPopoverAnimate({ animate, direction }),\n          ])}\n        />\n      )}\n    </Transition>\n  );\n};\n\nexport const ContextMenu = React.forwardRef(\n  ContextMenuRender,\n) as ContextMenuComponent;\n\nexport * from './types';\n"],"mappings":"4MAAA,0BAEA,MAAOA,MAAP,EAAgBC,MAAhB,CAAwBC,QAAxB,KAAwC,OAAxC,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OAASC,eAAT,2CAEA,OAASC,OAAT,2BACA,OAASC,UAAT,8BACA,OAASC,cAAT,CAAyBC,mBAAzB,oCACA,OAASC,EAAT,uBAEA,OAASC,iBAAT,2BAGA,GAAMC,cAAa,CAAGF,EAAE,CAAC,mBAAD,CAAxB,CAEA,MAAO,IAAMG,eAAc,CAAG,aAAvB,CAEP,GAAMC,kBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGrB,IACGC,EAAO,CAAGf,MAAM,CAAiB,IAAjB,CADnB,CAEGgB,CAAQ,CAAGX,UAAU,CAAC,CAACS,CAAD,CAAMC,CAAN,CAAD,CAFxB,GAI0DZ,eAAe,CAC1EQ,cAD0E,CAE1EE,CAF0E,CAG1EG,CAH0E,CAJzE,CAIKC,CAJL,GAIKA,MAJL,CAIaC,CAJb,GAIaA,SAJb,CAIwBC,CAJxB,GAIwBA,cAJxB,CAI2CC,CAJ3C,yCASuChB,OAAO,EAT9C,uBASIiB,CATJ,MASmBC,CATnB,QAUiClB,OAAO,IAVxC,uBAUImB,CAVJ,MAUgBC,CAVhB,QAW+BvB,QAAQ,CACxCY,CAAK,CAACY,SADkC,CAXvC,uBAWIA,CAXJ,MAWeC,CAXf,MAeGC,CAAkB,CAAG,SAACC,CAAD,CAAkB,CAC3CF,CAAY,CAACE,CAAD,CAD+B,QAE3CT,CAF2C,WAE3CA,CAF2C,QAE3CA,CAAc,CAAGS,CAAH,CACf,CAlBE,CAoBH,MACE,qBAAC,UAAD,EACE,GAAIX,CADN,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEX,cAHX,CAIE,SAAS,CAAEkB,CAAa,CAACK,GAJ3B,CAKE,OAAO,CAAEP,CAAgB,CAACO,GAL5B,CAME,MAAM,CAAE,iBAAM,CACZP,CAAgB,CAACQ,EAAjB,EADY,CAEZN,CAAa,CAACM,EAAd,EACD,CATH,CAUE,OAAO,CAAEf,CAVX,EAYG,SAACgB,CAAD,QACC,qBAAC,iBAAD,kBACMX,CADN,EAEE,GAAG,CAAEJ,CAFP,CAGE,cAAc,CAAEW,CAHlB,CAIE,SAAS,CAAEjB,aAAa,CAAC,OAAD,CAAU,CAAEW,aAAa,CAAbA,CAAF,CAAiBE,UAAU,CAAVA,CAAjB,CAAV,CAAyC,CAC/DL,CAD+D,CAE/DX,mBAAmB,CAAC,CAAEwB,OAAO,CAAPA,CAAF,CAAWN,SAAS,CAATA,CAAX,CAAD,CAF4C,CAAzC,CAJ1B,GADD,CAZH,CAyBH,CAjDD,CAmDA,MAAO,IAAMO,YAAW,CAAGjC,KAAK,CAACkC,UAAN,CACzBrB,iBADyB,CAApB,CAIP"}
+{"version":3,"file":"ContextMenu.js","names":["React","useState","usePropsHandler","useDebounce","useFlag","animateTimeout","ContextMenuLevels","ContextMenuWrapper","COMPONENT_NAME","ContextMenuRender","props","ref","rest","width","height","componentSize","setComponentSize","animationBack","setAnimationBack","disableAnimationBack","off","style","on","ContextMenu","forwardRef"],"sources":["../../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport { ComponentSize } from '##/hooks/useComponentSize';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag';\nimport { animateTimeout } from '##/mixs/MixPopoverAnimate';\n\nimport { ContextMenuLevels } from './ContextMenuLevels';\nimport { ContextMenuWrapper } from './ContextMenuWrapper';\nimport { ContextMenuComponent, ContextMenuProps } from './types';\n\nexport const COMPONENT_NAME = 'ContextMenu' as const;\n\nconst ContextMenuRender = (\n  props: ContextMenuProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const rest = usePropsHandler(COMPONENT_NAME, props, ref);\n\n  const [componentSize, setComponentSize] = useState<ComponentSize>({\n    width: 240,\n    height: 100,\n  });\n\n  const [animationBack, setAnimationBack] = useFlag();\n  const disableAnimationBack = useDebounce(\n    setAnimationBack.off,\n    animateTimeout,\n  );\n\n  return (\n    <ContextMenuWrapper\n      {...rest}\n      animationBack={animationBack}\n      style={{ ...rest?.style, ...componentSize }}\n    >\n      <ContextMenuLevels\n        {...rest}\n        setComponentSize={setComponentSize}\n        ref={ref}\n        enableAnimationBack={setAnimationBack.on}\n        disableAnimationBack={disableAnimationBack}\n      />\n    </ContextMenuWrapper>\n  );\n};\n\nexport const ContextMenu = React.forwardRef(\n  ContextMenuRender,\n) as ContextMenuComponent;\n\nexport * from './types';\n"],"mappings":"suBAAA,MAAOA,MAAP,EAAgBC,QAAhB,KAAgC,OAAhC,CAEA,OAASC,eAAT,2CAEA,OAASC,WAAT,+BACA,OAASC,OAAT,2BACA,OAASC,cAAT,oCAEA,OAASC,iBAAT,2BACA,OAASC,kBAAT,4BAGA,MAAO,IAAMC,eAAc,CAAG,aAAvB,CAEP,GAAMC,kBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGrB,IACGC,EAAI,CAAGV,eAAe,CAACM,cAAD,CAAiBE,CAAjB,CAAwBC,CAAxB,CADzB,GAGuCV,QAAQ,CAAgB,CAChEY,KAAK,CAAE,GADyD,CAEhEC,MAAM,CAAE,GAFwD,CAAhB,CAH/C,uBAGIC,CAHJ,MAGmBC,CAHnB,QAQuCZ,OAAO,EAR9C,uBAQIa,CARJ,MAQmBC,CARnB,MASGC,CAAoB,CAAGhB,WAAW,CACtCe,CAAgB,CAACE,GADqB,CAEtCf,cAFsC,CATrC,CAcH,MACE,qBAAC,kBAAD,kBACMO,CADN,EAEE,aAAa,CAAEK,CAFjB,CAGE,KAAK,uCAAOL,CAAP,WAAOA,CAAP,QAAOA,CAAI,CAAES,KAAb,EAAuBN,CAAvB,CAHP,GAKE,oBAAC,iBAAD,kBACMH,CADN,EAEE,gBAAgB,CAAEI,CAFpB,CAGE,GAAG,CAAEL,CAHP,CAIE,mBAAmB,CAAEO,CAAgB,CAACI,EAJxC,CAKE,oBAAoB,CAAEH,CALxB,GALF,CAcH,CAhCD,CAkCA,MAAO,IAAMI,YAAW,CAAGvB,KAAK,CAACwB,UAAN,CACzBf,iBADyB,CAApB,CAIP"}

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

@@ -1 +1 @@
-.ContextMenuLevelCanary{visibility:hidden;width:240px}.ContextMenuLevelCanary:not(.ContextMenuLevelCanary_firstLevel).ContextMenuLevelCanary_direction_leftStartUp,.ContextMenuLevelCanary:not(.ContextMenuLevelCanary_firstLevel).ContextMenuLevelCanary_direction_rightStartUp{transform:translateY(calc((var(--space-xs) + 1px)*-1))}.ContextMenuLevelCanary:not(.ContextMenuLevelCanary_firstLevel).ContextMenuLevelCanary_direction_leftStartDown,.ContextMenuLevelCanary:not(.ContextMenuLevelCanary_firstLevel).ContextMenuLevelCanary_direction_rightStartDown{transform:translateY(calc(var(--space-xs) + 1px))}.ContextMenuLevelCanary_visible{visibility:visible}
+.Popover.ContextMenuLevel-Desktop{visibility:hidden;width:240px}.Popover.ContextMenuLevel-Desktop:not(.Popover.ContextMenuLevel-Desktop_firstLevel).Popover.ContextMenuLevel-Desktop:not(.Popover.ContextMenuLevel-Desktop_isMobile).MixPopoverAnimate_animate_entered.Popover_direction_leftStartUp,.Popover.ContextMenuLevel-Desktop:not(.Popover.ContextMenuLevel-Desktop_firstLevel).Popover.ContextMenuLevel-Desktop:not(.Popover.ContextMenuLevel-Desktop_isMobile).MixPopoverAnimate_animate_entered.Popover_direction_rightStartUp,.Popover.ContextMenuLevel-Desktop:not(.Popover.ContextMenuLevel-Desktop_firstLevel).Popover.ContextMenuLevel-Desktop:not(.Popover.ContextMenuLevel-Desktop_isMobile).MixPopoverAnimate_animate_entering.Popover_direction_leftStartUp,.Popover.ContextMenuLevel-Desktop:not(.Popover.ContextMenuLevel-Desktop_firstLevel).Popover.ContextMenuLevel-Desktop:not(.Popover.ContextMenuLevel-Desktop_isMobile).MixPopoverAnimate_animate_entering.Popover_direction_rightStartUp{transform:translateY(calc((var(--space-xs) + 1px)*-1))}.Popover.ContextMenuLevel-Desktop:not(.Popover.ContextMenuLevel-Desktop_firstLevel).Popover.ContextMenuLevel-Desktop:not(.Popover.ContextMenuLevel-Desktop_isMobile).MixPopoverAnimate_animate_entered.Popover_direction_leftStartDown,.Popover.ContextMenuLevel-Desktop:not(.Popover.ContextMenuLevel-Desktop_firstLevel).Popover.ContextMenuLevel-Desktop:not(.Popover.ContextMenuLevel-Desktop_isMobile).MixPopoverAnimate_animate_entered.Popover_direction_rightStartDown,.Popover.ContextMenuLevel-Desktop:not(.Popover.ContextMenuLevel-Desktop_firstLevel).Popover.ContextMenuLevel-Desktop:not(.Popover.ContextMenuLevel-Desktop_isMobile).MixPopoverAnimate_animate_entering.Popover_direction_leftStartDown,.Popover.ContextMenuLevel-Desktop:not(.Popover.ContextMenuLevel-Desktop_firstLevel).Popover.ContextMenuLevel-Desktop:not(.Popover.ContextMenuLevel-Desktop_isMobile).MixPopoverAnimate_animate_entering.Popover_direction_rightStartDown{transform:translateY(calc(var(--space-xs) + 1px))}.Popover.ContextMenuLevel-Desktop_visible{visibility:visible}.ContextMenuLevel-Mobile{bottom:0;left:0;position:absolute;right:0;top:0;width:240px}.ContextMenuWrapper_innerAnimation .ContextMenuLevel-Mobile_animate_entered,.ContextMenuWrapper_innerAnimation .ContextMenuLevel-Mobile_animate_entering,.ContextMenuWrapper_innerAnimation .ContextMenuLevel-Mobile_animate_exited,.ContextMenuWrapper_innerAnimation .ContextMenuLevel-Mobile_animate_exiting{pointer-events:none;transition:transform .2s,opacity .2s}.ContextMenuWrapper_innerAnimation .ContextMenuLevel-Mobile_animate_entered{pointer-events:all}.ContextMenuWrapper_innerAnimation .ContextMenuLevel-Mobile_animate_entered,.ContextMenuWrapper_innerAnimation .ContextMenuLevel-Mobile_animate_entering{opacity:1;transform:translate(0)}.ContextMenuWrapper_innerAnimation .ContextMenuLevel-Mobile_animate_exited{opacity:0;transform:translate(100%)}.ContextMenuWrapper_innerAnimation .ContextMenuLevel-Mobile_animate_exiting{opacity:0;transform:translate(-100%)}.ContextMenuWrapper_innerAnimation.ContextMenuWrapper_animationBack .ContextMenuLevel-Mobile_animate_exited{transform:translate(-100%)}.ContextMenuWrapper_innerAnimation.ContextMenuWrapper_animationBack .ContextMenuLevel-Mobile_animate_exiting{transform:translate(100%)}

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

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","items","groups","className","form","levelDepth","activeItem","addLevel","deleteLevel","setHoveredParenLevel","hoveredParenLevel","sortGroup","onItemClick","direction","possibleDirections","offset","onSetDirection","spareDirection","anchorRef","getItemLabel","getItemRightSide","getItemLeftSide","getItemSubMenu","getItemStatus","getItemDisabled","getItemKey","getItemOnClick","getItemAs","getItemAttributes","getItemGroupId","getItemLeftIcon","getItemRightIcon","getGroupLabel","getGroupId"];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}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{IconArrowRight}from"@consta/icons/IconArrowRight";import React,{forwardRef,useEffect}from"react";import{cnListBox,List,mapIconSize}from"../../ListCanary";import{Popover}from"../../Popover";import{useDebounce}from"../../../hooks/useDebounce";import{useFlag}from"../../../hooks/useFlag/useFlag";import{useRefs}from"../../../hooks/useRefs/useRefs";import{cn}from"../../../utils/bem";import{contextMenuDefaultSize}from"../types";export var cnContextMenuLevel=cn("ContextMenuLevelCanary");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,ContextMenuLevelRender=function(a,b){var c=a.size,d=void 0===c?contextMenuDefaultSize:c,e=a.items,f=a.groups,g=a.className,h=a.form,i=void 0===h?"default":h,j=a.levelDepth,k=a.activeItem,l=a.addLevel,m=a.deleteLevel,n=a.setHoveredParenLevel,o=a.hoveredParenLevel,p=a.sortGroup,q=a.onItemClick,r=a.direction,s=a.possibleDirections,t=a.offset,u=a.onSetDirection,v=a.spareDirection,w=a.anchorRef,x=a.getItemLabel,y=a.getItemRightSide,z=a.getItemLeftSide,A=a.getItemSubMenu,B=a.getItemStatus,C=a.getItemDisabled,D=a.getItemKey,E=a.getItemOnClick,F=a.getItemAs,G=a.getItemAttributes,H=a.getItemGroupId,I=a.getItemLeftIcon,J=a.getItemRightIcon,K=a.getGroupLabel,L=a.getGroupId,M=_objectWithoutProperties(a,_excluded),N=useFlag(!1),O=_slicedToArray(N,2),P=O[0],Q=O[1],R=useFlag(!1),S=_slicedToArray(R,2),T=S[0],U=S[1],V=useDebounce(U.on,20),W=function(a){return(D(a)||x(a)).toString()},X=useRefs(e.map(function(a){return W(a)}),[f]);useEffect(function(){return 0!==j&&!P&&o<j&&(clearTimeout(timers[j]),timers[j]=setTimeout(function(){return m(j)},closeDelay)),function(){return clearTimeout(timers[j])}},[P,o]);var Y=function(a){return function(b){var c,d=A(a),e=C(a),f=null===(c=G(a))||void 0===c?void 0:c.onMouseEnter;if(null===f||void 0===f?void 0:f(b),Array.isArray(d)&&!e){var g=W(a);l({level:j+1,items:d,anchorRef:X[g],activeItem:g}),n(j+1)}else n(j)}};return React.createElement(Popover,Object.assign({anchorRef:w,className:cnContextMenuLevel({firstLevel:0===j,direction:r,visible:T},[cnListBox({size:d,form:i,border:!0,shadow:!0}),g]),possibleDirections:s,spareDirection:v,direction:r,offset:t,onSetDirection:function onSetDirection(a){V(),null===u||void 0===u?void 0:u(a)},onMouseEnter:Q.on,onMouseLeave:Q.off,ref:b},M),React.createElement(List,{size:d,items:e,getItemLabel:x,onItemClick:q?function(a,b){var c=b.e;return q({item:a,e:c})}:void 0,sortGroup:p?function(c,a){return p(c.key,a.key)}:void 0,getItemOnClick:E?function(a){return function(b){var c;return null===(c=E(a))||void 0===c?void 0:c({e:b,item:a})}}:void 0,getItemAs:F,getItemAttributes:function getItemAttributes(a){return _objectSpread(_objectSpread({},G(a)),{},{onMouseEnter:Y(a)})},getItemGroupKey:H,getItemLeftIcon:I,getItemRightIcon:J,getItemLeftSide:z,getItemRightSide:function getItemRightSide(a){var b=y(a);if(!A(a))return b;var c=Array.isArray(b)?b:[b];return c.push(React.createElement(IconArrowRight,{size:mapIconSize[d]})),c},getGroupKey:L,getGroupLabel:K,getItemDisabled:C,getItemStatus:B,getItemRef:function getItemRef(a){return X[W(a)]},groups:f,getItemActive:function getItemActive(a){return W(a)===k},innerOffset:"round"===i?"increased":"normal"}))};export var ContextMenuLevel=forwardRef(ContextMenuLevelRender);
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","items","groups","className","form","animate","levelDepth","activeItem","addLevel","deleteLevel","setHoveredParenLevel","hoveredParenLevel","sortGroup","onItemClick","isOpen","parent","isMobile","direction","possibleDirections","offset","onSetDirection","spareDirection","anchorRef","getItemLabel","getItemRightSide","getItemLeftSide","getItemSubMenu","getItemStatus","getItemDisabled","getItemKey","getItemOnClick","getItemAs","getItemAttributes","getItemGroupId","getItemLeftIcon","getItemRightIcon","getGroupLabel","getGroupId"];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}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{IconArrowLeft}from"@consta/icons/IconArrowLeft";import{IconArrowRight}from"@consta/icons/IconArrowRight";import React,{forwardRef,useEffect}from"react";import{cnListBox,List,ListDivider,ListItem,mapIconSize,mapVerticalSpase}from"../../ListCanary";import{useDebounce}from"../../../hooks/useDebounce";import{useFlag}from"../../../hooks/useFlag/useFlag";import{useRefs}from"../../../hooks/useRefs/useRefs";import{cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{ContextMenuLevelWrapper}from"../ContextMenuLevelWrapper";import{contextMenuDefaultSize}from"../types";export var cnContextMenuLevel=cn("ContextMenuLevel");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,ContextMenuLevelRender=function(a,b){var c=a.size,d=void 0===c?contextMenuDefaultSize:c,e=a.items,f=a.groups,g=a.className,h=a.form,i=void 0===h?"default":h,j=a.animate,k=a.levelDepth,l=a.activeItem,m=a.addLevel,n=a.deleteLevel,o=a.setHoveredParenLevel,p=a.hoveredParenLevel,q=a.sortGroup,r=a.onItemClick,s=a.isOpen,t=a.parent,u=a.isMobile,v=a.direction,w=a.possibleDirections,x=a.offset,y=a.onSetDirection,z=a.spareDirection,A=a.anchorRef,B=a.getItemLabel,C=a.getItemRightSide,D=a.getItemLeftSide,E=a.getItemSubMenu,F=a.getItemStatus,G=a.getItemDisabled,H=a.getItemKey,I=a.getItemOnClick,J=a.getItemAs,K=a.getItemAttributes,L=a.getItemGroupId,M=a.getItemLeftIcon,N=a.getItemRightIcon,O=a.getGroupLabel,P=a.getGroupId,Q=_objectWithoutProperties(a,_excluded),R=useFlag(!1),S=_slicedToArray(R,2),T=S[0],U=S[1],V=useFlag(!1),W=_slicedToArray(V,2),X=W[0],Y=W[1],Z=useDebounce(Y.on,20),$=function(a){return(H(a)||B(a)).toString()},_=useRefs(e.map(function(a){return $(a)}),[f]);useEffect(function(){return 0!==k&&!T&&p<k&&(clearTimeout(timers[k]),timers[k]=setTimeout(function(){return n(k)},closeDelay)),function(){return clearTimeout(timers[k])}},[T,p]),useEffect(function(){s||clearTimeout(timers[k])},[s]);var aa=function(a){var b=E(a),c=G(a);if(Array.isArray(b)&&!c){var d=$(a);m({level:k+1,items:b,anchorRef:_[d],activeItem:d,parent:a}),o(k+1)}else o(k)},ba=u?void 0:function(a){return function(b){var c;aa(a);var d=null===(c=K(a))||void 0===c?void 0:c.onMouseEnter;null===d||void 0===d?void 0:d(b)}},ca=0===k;return React.createElement(ContextMenuLevelWrapper,Object.assign({anchorRef:A,className:u?cnContextMenuLevel("Mobile",{animate:j},[g]):cnContextMenuLevel("Desktop",{firstLevel:ca,visible:X},[cnListBox({size:d,form:i,border:!0,shadow:!0}),cnMixSpace({pV:mapVerticalSpase[d]}),cnMixPopoverAnimate({animate:j}),ca?g:void 0]),possibleDirections:w,spareDirection:z,direction:v,offset:x,onSetDirection:function onSetDirection(a){Z(),null===y||void 0===y?void 0:y(a)},onMouseEnter:U.on,onMouseLeave:U.off,ref:b,isMobile:u},Q),t&&React.createElement(React.Fragment,null,React.createElement(ListItem,{label:B(t),size:d,leftIcon:IconArrowLeft,onClick:function onClick(){return n(k)}}),React.createElement(ListDivider,{size:d,space:{mV:mapVerticalSpase[d]}})),React.createElement(List,{size:d,items:e,getItemLabel:B,onItemClick:function onItemClick(a,b){var c=b.e;u&&aa(a),null===r||void 0===r?void 0:r({item:a,e:c})},sortGroup:q?function(c,a){return q(c.key,a.key)}:void 0,getItemOnClick:I?function(a){return function(b){var c;return null===(c=I(a))||void 0===c?void 0:c({e:b,item:a})}}:void 0,getItemAs:J,getItemAttributes:ba?function(a){return _objectSpread(_objectSpread({},K(a)),{},{onMouseEnter:ba(a)})}:K,getItemGroupKey:L,getItemLeftIcon:M,getItemRightIcon:N,getItemLeftSide:D,getItemRightSide:function getItemRightSide(a){var b=C(a);if(!E(a))return b;var c=Array.isArray(b)?b:[b];return c.push(React.createElement(IconArrowRight,{size:mapIconSize[d]})),c},getGroupKey:P,getGroupLabel:O,getItemDisabled:G,getItemStatus:F,getItemRef:function getItemRef(a){return _[$(a)]},groups:f,getItemActive:function getItemActive(a){return $(a)===l},innerOffset:"round"===i?"increased":"normal"}))};export var ContextMenuLevel=forwardRef(ContextMenuLevelRender);
 //# sourceMappingURL=ContextMenuLevel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuLevel.js","names":["IconArrowRight","React","forwardRef","useEffect","cnListBox","List","mapIconSize","Popover","useDebounce","useFlag","useRefs","cn","contextMenuDefaultSize","cnContextMenuLevel","timers","clearTimers","timer","clearTimeout","closeDelay","ContextMenuLevelRender","props","ref","size","items","groupsProp","groups","className","form","levelDepth","activeItem","addLevel","deleteLevel","setHoveredParenLevel","hoveredParenLevel","sortGroup","onItemClick","direction","possibleDirections","offset","onSetDirection","spareDirection","anchorRef","getItemLabel","getItemRightSide","getItemLeftSide","getItemSubMenu","getItemStatus","getItemDisabled","getItemKey","getItemOnClick","getItemAs","getItemAttributes","getItemGroupId","getItemLeftIcon","getItemRightIcon","getGroupLabel","getGroupId","otherProps","hovered","setHovered","visible","setVisible","setVisibleTrue","on","getKey","item","toString","itemsRefs","map","setTimeout","onMouseEnter","e","subMenu","disabled","Array","isArray","key","level","firstLevel","border","shadow","off","a","b","side","sides","push","ContextMenuLevel"],"sources":["../../../../../../src/components/ContextMenu/ContextMenuLevel/ContextMenuLevel.tsx"],"sourcesContent":["import './ContextMenuLevel.css';\n\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, { forwardRef, useEffect } from 'react';\n\nimport { cnListBox, List, mapIconSize } from '##/components/ListCanary';\nimport { Popover } from '##/components/Popover';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag/useFlag';\nimport { useRefs } from '##/hooks/useRefs/useRefs';\nimport { cn } from '##/utils/bem';\n\nimport {\n  contextMenuDefaultSize,\n  ContextMenuItemDefault,\n  ContextMenuLevelComponent,\n  ContextMenuLevelProps,\n} from '../types';\n\nexport const cnContextMenuLevel = cn('ContextMenuLevelCanary');\n\nlet timers: ReturnType<typeof setTimeout>[] = [];\nexport function clearTimers() {\n  for (const timer of timers) {\n    clearTimeout(timer);\n  }\n  timers = [];\n}\n\nconst closeDelay = 300;\n\nconst ContextMenuLevelRender = (\n  props: ContextMenuLevelProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    size = contextMenuDefaultSize,\n    items,\n    groups: groupsProp,\n    className,\n    form = 'default',\n    // Свойства относящиеся к меню\n    levelDepth,\n    activeItem,\n    addLevel,\n    deleteLevel,\n    setHoveredParenLevel,\n    hoveredParenLevel,\n    sortGroup,\n    onItemClick,\n    // Свойства для поповера\n    direction,\n    possibleDirections,\n    offset,\n    onSetDirection,\n    spareDirection,\n    anchorRef,\n    // Геттеры для ITEM\n    getItemLabel,\n    getItemRightSide,\n    getItemLeftSide,\n    getItemSubMenu,\n    getItemStatus,\n    getItemDisabled,\n    getItemKey,\n    getItemOnClick,\n    getItemAs,\n    getItemAttributes,\n    getItemGroupId,\n    getItemLeftIcon,\n    getItemRightIcon,\n    // Геттеры для GROUP\n    getGroupLabel,\n    getGroupId,\n\n    ...otherProps\n  } = props;\n\n  const [hovered, setHovered] = useFlag(false);\n  // скрываем блок пока не найдем тоную позицию для оображения\n  const [visible, setVisible] = useFlag(false);\n\n  const setVisibleTrue = useDebounce(setVisible.on, 20);\n\n  const getKey = (item: ContextMenuItemDefault) =>\n    (getItemKey(item) || getItemLabel(item)).toString();\n\n  const itemsRefs = useRefs<HTMLDivElement, string[]>(\n    items.map((item) => getKey(item)),\n    [groupsProp],\n  );\n\n  useEffect(() => {\n    if (levelDepth !== 0 && !hovered && hoveredParenLevel < levelDepth) {\n      clearTimeout(timers[levelDepth]);\n      timers[levelDepth] = setTimeout(\n        () => deleteLevel(levelDepth),\n        closeDelay,\n      );\n    }\n    return () => clearTimeout(timers[levelDepth]);\n  }, [hovered, hoveredParenLevel]);\n\n  const onMouseEnter =\n    (\n      item: ContextMenuItemDefault,\n    ): JSX.IntrinsicElements['div']['onMouseEnter'] =>\n    (e) => {\n      const subMenu = getItemSubMenu(item);\n      const disabled = getItemDisabled(item);\n      const onMouseEnter = getItemAttributes(item)\n        ?.onMouseEnter as JSX.IntrinsicElements['div']['onMouseEnter'];\n\n      onMouseEnter?.(e);\n\n      if (Array.isArray(subMenu) && !disabled) {\n        const key = getKey(item);\n        addLevel({\n          level: levelDepth + 1,\n          items: subMenu,\n          anchorRef: itemsRefs[key],\n          activeItem: key,\n        });\n        setHoveredParenLevel(levelDepth + 1);\n      } else {\n        setHoveredParenLevel(levelDepth);\n      }\n    };\n\n  return (\n    <Popover\n      anchorRef={anchorRef}\n      className={cnContextMenuLevel(\n        { firstLevel: levelDepth === 0, direction, visible },\n        [cnListBox({ size, form, border: true, shadow: true }), className],\n      )}\n      possibleDirections={possibleDirections}\n      spareDirection={spareDirection}\n      direction={direction}\n      offset={offset}\n      onSetDirection={(item) => {\n        setVisibleTrue();\n        onSetDirection?.(item);\n      }}\n      onMouseEnter={setHovered.on}\n      onMouseLeave={setHovered.off}\n      ref={ref}\n      {...otherProps}\n    >\n      <List\n        size={size}\n        items={items}\n        getItemLabel={getItemLabel}\n        onItemClick={\n          onItemClick\n            ? (item, { e }) =>\n                onItemClick({ item, e: e as React.MouseEvent<HTMLDivElement> })\n            : undefined\n        }\n        sortGroup={sortGroup ? (a, b) => sortGroup(a.key, b.key) : undefined}\n        getItemOnClick={\n          getItemOnClick\n            ? (item) => (e) =>\n                getItemOnClick(item)?.({\n                  e: e as React.MouseEvent<HTMLDivElement>,\n                  item,\n                })\n            : undefined\n        }\n        getItemAs={getItemAs}\n        getItemAttributes={(item) =>\n          ({\n            ...getItemAttributes(item),\n            onMouseEnter: onMouseEnter(item),\n          } as JSX.IntrinsicElements[keyof JSX.IntrinsicElements])\n        }\n        getItemGroupKey={getItemGroupId}\n        getItemLeftIcon={getItemLeftIcon}\n        getItemRightIcon={getItemRightIcon}\n        getItemLeftSide={getItemLeftSide}\n        getItemRightSide={(item) => {\n          const side = getItemRightSide(item);\n          if (!getItemSubMenu(item)) {\n            return side;\n          }\n\n          const sides: React.ReactNode[] = Array.isArray(side) ? side : [side];\n          sides.push(<IconArrowRight size={mapIconSize[size]} />);\n          return sides;\n        }}\n        getGroupKey={getGroupId}\n        getGroupLabel={getGroupLabel}\n        getItemDisabled={getItemDisabled}\n        getItemStatus={getItemStatus}\n        getItemRef={(item) => itemsRefs[getKey(item)]}\n        groups={groupsProp}\n        getItemActive={(item) => getKey(item) === activeItem}\n        innerOffset={form === 'round' ? 'increased' : 'normal'}\n      />\n    </Popover>\n  );\n};\n\nexport const ContextMenuLevel = forwardRef(\n  ContextMenuLevelRender,\n) as ContextMenuLevelComponent;\n"],"mappings":"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"}
+{"version":3,"file":"ContextMenuLevel.js","names":["IconArrowLeft","IconArrowRight","React","forwardRef","useEffect","cnListBox","List","ListDivider","ListItem","mapIconSize","mapVerticalSpase","useDebounce","useFlag","useRefs","cnMixPopoverAnimate","cnMixSpace","cn","ContextMenuLevelWrapper","contextMenuDefaultSize","cnContextMenuLevel","timers","clearTimers","timer","clearTimeout","closeDelay","ContextMenuLevelRender","props","ref","size","items","groupsProp","groups","className","form","animate","levelDepth","activeItem","addLevel","deleteLevel","setHoveredParenLevel","hoveredParenLevel","sortGroup","onItemClick","isOpen","parent","isMobile","direction","possibleDirections","offset","onSetDirection","spareDirection","anchorRef","getItemLabel","getItemRightSide","getItemLeftSide","getItemSubMenu","getItemStatus","getItemDisabled","getItemKey","getItemOnClick","getItemAs","getItemAttributes","getItemGroupId","getItemLeftIcon","getItemRightIcon","getGroupLabel","getGroupId","otherProps","hovered","setHovered","visible","setVisible","setVisibleTrue","on","getKey","item","toString","itemsRefs","map","setTimeout","addCurrentLevel","subMenu","disabled","Array","isArray","key","level","onMouseEnter","e","firstLevel","border","shadow","pV","off","mV","a","b","side","sides","push","ContextMenuLevel"],"sources":["../../../../../../src/components/ContextMenu/ContextMenuLevel/ContextMenuLevel.tsx"],"sourcesContent":["import './ContextMenuLevel.css';\n\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, { forwardRef, useEffect } from 'react';\n\nimport {\n  cnListBox,\n  List,\n  ListDivider,\n  ListItem,\n  mapIconSize,\n  mapVerticalSpase,\n} from '##/components/ListCanary';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag/useFlag';\nimport { useRefs } from '##/hooks/useRefs/useRefs';\nimport { cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport { ContextMenuLevelWrapper } from '../ContextMenuLevelWrapper';\nimport {\n  contextMenuDefaultSize,\n  ContextMenuItemDefault,\n  ContextMenuLevelComponent,\n  ContextMenuLevelProps,\n} from '../types';\n\nexport const cnContextMenuLevel = cn('ContextMenuLevel');\n\nlet timers: ReturnType<typeof setTimeout>[] = [];\nexport function clearTimers() {\n  for (const timer of timers) {\n    clearTimeout(timer);\n  }\n  timers = [];\n}\n\nconst closeDelay = 300;\n\nconst ContextMenuLevelRender = (\n  props: ContextMenuLevelProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    size = contextMenuDefaultSize,\n    items,\n    groups: groupsProp,\n    className,\n    form = 'default',\n    animate,\n    // Свойства относящиеся к меню\n    levelDepth,\n    activeItem,\n    addLevel,\n    deleteLevel,\n    setHoveredParenLevel,\n    hoveredParenLevel,\n    sortGroup,\n    onItemClick,\n    isOpen,\n    parent,\n    isMobile,\n\n    // Свойства для поповера\n    direction,\n    possibleDirections,\n    offset,\n    onSetDirection,\n    spareDirection,\n    anchorRef,\n    // Геттеры для ITEM\n    getItemLabel,\n    getItemRightSide,\n    getItemLeftSide,\n    getItemSubMenu,\n    getItemStatus,\n    getItemDisabled,\n    getItemKey,\n    getItemOnClick,\n    getItemAs,\n    getItemAttributes,\n    getItemGroupId,\n    getItemLeftIcon,\n    getItemRightIcon,\n    // Геттеры для GROUP\n    getGroupLabel,\n    getGroupId,\n    ...otherProps\n  } = props;\n\n  const [hovered, setHovered] = useFlag(false);\n\n  const [visible, setVisible] = useFlag(false);\n  const setVisibleTrue = useDebounce(setVisible.on, 20);\n\n  const getKey = (item: ContextMenuItemDefault) =>\n    (getItemKey(item) || getItemLabel(item)).toString();\n\n  const itemsRefs = useRefs<HTMLDivElement, string[]>(\n    items.map((item) => getKey(item)),\n    [groupsProp],\n  );\n\n  useEffect(() => {\n    if (levelDepth !== 0 && !hovered && hoveredParenLevel < levelDepth) {\n      clearTimeout(timers[levelDepth]);\n      timers[levelDepth] = setTimeout(\n        () => deleteLevel(levelDepth),\n        closeDelay,\n      );\n    }\n    return () => clearTimeout(timers[levelDepth]);\n  }, [hovered, hoveredParenLevel]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      clearTimeout(timers[levelDepth]);\n    }\n  }, [isOpen]);\n\n  const addCurrentLevel = (item: ContextMenuItemDefault) => {\n    const subMenu = getItemSubMenu(item);\n    const disabled = getItemDisabled(item);\n\n    if (Array.isArray(subMenu) && !disabled) {\n      const key = getKey(item);\n      addLevel({\n        level: levelDepth + 1,\n        items: subMenu,\n        anchorRef: itemsRefs[key],\n        activeItem: key,\n        parent: item,\n      });\n      setHoveredParenLevel(levelDepth + 1);\n    } else {\n      setHoveredParenLevel(levelDepth);\n    }\n  };\n\n  const onMouseEnter = isMobile\n    ? undefined\n    : (\n          item: ContextMenuItemDefault,\n        ): JSX.IntrinsicElements['div']['onMouseEnter'] =>\n        (e) => {\n          addCurrentLevel(item);\n          const onMouseEnter = getItemAttributes(item)\n            ?.onMouseEnter as JSX.IntrinsicElements['div']['onMouseEnter'];\n\n          onMouseEnter?.(e);\n        };\n\n  const firstLevel = levelDepth === 0;\n\n  return (\n    <ContextMenuLevelWrapper\n      anchorRef={anchorRef}\n      className={\n        isMobile\n          ? cnContextMenuLevel('Mobile', { animate }, [className])\n          : cnContextMenuLevel('Desktop', { firstLevel, visible }, [\n              cnListBox({ size, form, border: true, shadow: true }),\n              cnMixSpace({\n                pV: mapVerticalSpase[size],\n              }),\n              cnMixPopoverAnimate({ animate }),\n              firstLevel ? className : undefined,\n            ])\n      }\n      possibleDirections={possibleDirections}\n      spareDirection={spareDirection}\n      direction={direction}\n      offset={offset}\n      onSetDirection={(item) => {\n        // скрываем блок пока не найдем точную позицию для оображения\n        setVisibleTrue();\n        onSetDirection?.(item);\n      }}\n      onMouseEnter={setHovered.on}\n      onMouseLeave={setHovered.off}\n      ref={ref}\n      isMobile={isMobile}\n      {...otherProps}\n    >\n      {parent && (\n        <>\n          <ListItem\n            label={getItemLabel(parent)}\n            size={size}\n            leftIcon={IconArrowLeft}\n            onClick={() => deleteLevel(levelDepth)}\n          />\n          <ListDivider size={size} space={{ mV: mapVerticalSpase[size] }} />\n        </>\n      )}\n      <List\n        size={size}\n        items={items}\n        getItemLabel={getItemLabel}\n        onItemClick={(item, { e }) => {\n          isMobile && addCurrentLevel(item);\n          onItemClick?.({\n            item,\n            e: e as React.MouseEvent<HTMLDivElement>,\n          });\n        }}\n        sortGroup={sortGroup ? (a, b) => sortGroup(a.key, b.key) : undefined}\n        getItemOnClick={\n          getItemOnClick\n            ? (item) => (e) =>\n                getItemOnClick(item)?.({\n                  e: e as React.MouseEvent<HTMLDivElement>,\n                  item,\n                })\n            : undefined\n        }\n        getItemAs={getItemAs}\n        getItemAttributes={\n          onMouseEnter\n            ? (item) =>\n                ({\n                  ...getItemAttributes(item),\n                  onMouseEnter: onMouseEnter(item),\n                } as JSX.IntrinsicElements[keyof JSX.IntrinsicElements])\n            : getItemAttributes\n        }\n        getItemGroupKey={getItemGroupId}\n        getItemLeftIcon={getItemLeftIcon}\n        getItemRightIcon={getItemRightIcon}\n        getItemLeftSide={getItemLeftSide}\n        getItemRightSide={(item) => {\n          const side = getItemRightSide(item);\n          if (!getItemSubMenu(item)) {\n            return side;\n          }\n\n          const sides: React.ReactNode[] = Array.isArray(side) ? side : [side];\n          sides.push(<IconArrowRight size={mapIconSize[size]} />);\n          return sides;\n        }}\n        getGroupKey={getGroupId}\n        getGroupLabel={getGroupLabel}\n        getItemDisabled={getItemDisabled}\n        getItemStatus={getItemStatus}\n        getItemRef={(item) => itemsRefs[getKey(item)]}\n        groups={groupsProp}\n        getItemActive={(item) => getKey(item) === activeItem}\n        innerOffset={form === 'round' ? 'increased' : 'normal'}\n      />\n    </ContextMenuLevelWrapper>\n  );\n};\n\nexport const ContextMenuLevel = forwardRef(\n  ContextMenuLevelRender,\n) as ContextMenuLevelComponent;\n"],"mappings":"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"}

package/__internal__/src/components/ContextMenu/ContextMenuLevelWrapper/ContextMenuLevelWrapper.css

@@ -0,0 +1 @@
+.ContextMenuLevelWrapper-Mobile{position:relative;width:240px}

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

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