@consta/uikit 4.28.1 → 4.30.0

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuLevel.js","names":["IconArrowLeft","IconArrowRight","React","forwardRef","useEffect","cnListBox","List","ListDivider","ListItem","mapIconSize","mapVerticalSpase","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","getKey","item","toString","itemsRefs","map","setTimeout","addCurrentLevel","subMenu","disabled","Array","isArray","key","level","onMouseEnter","e","firstLevel","border","shadow","pV","on","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 { 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 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 }, [\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={onSetDirection}\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":"0/EAAA,+BAEA,OAASA,aAAT,KAA8B,6BAA9B,CACA,OAASC,cAAT,KAA+B,8BAA/B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,CAA4BC,SAA5B,KAA6C,OAA7C,CAEA,OACEC,SADF,CAEEC,IAFF,CAGEC,WAHF,CAIEC,QAJF,CAKEC,WALF,CAMEC,gBANF,wBAQA,OAASC,OAAT,sCACA,OAASC,OAAT,sCACA,OAASC,mBAAT,uCACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAEA,OAASC,uBAAT,kCACA,OACEC,sBADF,gBAOA,MAAO,IAAMC,mBAAkB,CAAGH,EAAE,CAAC,kBAAD,CAA7B,CAEP,GAAII,OAAuC,CAAG,EAA9C,CACA,MAAO,SAASC,YAAT,EAAuB,oCACRD,MADQ,MAC5B,2BAA4B,IAAjBE,EAAiB,SAC1BC,YAAY,CAACD,CAAD,CACb,CAH2B,+BAI5BF,MAAM,CAAG,EACV,C,GAEKI,WAAU,CAAG,G,CAEbC,sBAAsB,CAAG,SAC7BC,CAD6B,CAE7BC,CAF6B,CAG1B,OA8CCD,CA9CD,CAEDE,IAFC,CAEDA,CAFC,YAEMV,sBAFN,GAGDW,CAHC,CA8CCH,CA9CD,CAGDG,KAHC,CAIOC,CAJP,CA8CCJ,CA9CD,CAIDK,MAJC,CAKDC,CALC,CA8CCN,CA9CD,CAKDM,SALC,GA8CCN,CA9CD,CAMDO,IANC,CAMDA,CANC,YAMM,SANN,GAODC,CAPC,CA8CCR,CA9CD,CAODQ,OAPC,CASDC,CATC,CA8CCT,CA9CD,CASDS,UATC,CAUDC,CAVC,CA8CCV,CA9CD,CAUDU,UAVC,CAWDC,CAXC,CA8CCX,CA9CD,CAWDW,QAXC,CAYDC,CAZC,CA8CCZ,CA9CD,CAYDY,WAZC,CAaDC,CAbC,CA8CCb,CA9CD,CAaDa,oBAbC,CAcDC,CAdC,CA8CCd,CA9CD,CAcDc,iBAdC,CAeDC,CAfC,CA8CCf,CA9CD,CAeDe,SAfC,CAgBDC,CAhBC,CA8CChB,CA9CD,CAgBDgB,WAhBC,CAiBDC,CAjBC,CA8CCjB,CA9CD,CAiBDiB,MAjBC,CAkBDC,CAlBC,CA8CClB,CA9CD,CAkBDkB,MAlBC,CAmBDC,CAnBC,CA8CCnB,CA9CD,CAmBDmB,QAnBC,CAsBDC,CAtBC,CA8CCpB,CA9CD,CAsBDoB,SAtBC,CAuBDC,CAvBC,CA8CCrB,CA9CD,CAuBDqB,kBAvBC,CAwBDC,CAxBC,CA8CCtB,CA9CD,CAwBDsB,MAxBC,CAyBDC,CAzBC,CA8CCvB,CA9CD,CAyBDuB,cAzBC,CA0BDC,CA1BC,CA8CCxB,CA9CD,CA0BDwB,cA1BC,CA2BDC,CA3BC,CA8CCzB,CA9CD,CA2BDyB,SA3BC,CA6BDC,CA7BC,CA8CC1B,CA9CD,CA6BD0B,YA7BC,CA8BDC,CA9BC,CA8CC3B,CA9CD,CA8BD2B,gBA9BC,CA+BDC,CA/BC,CA8CC5B,CA9CD,CA+BD4B,eA/BC,CAgCDC,CAhCC,CA8CC7B,CA9CD,CAgCD6B,cAhCC,CAiCDC,CAjCC,CA8CC9B,CA9CD,CAiCD8B,aAjCC,CAkCDC,CAlCC,CA8CC/B,CA9CD,CAkCD+B,eAlCC,CAmCDC,CAnCC,CA8CChC,CA9CD,CAmCDgC,UAnCC,CAoCDC,CApCC,CA8CCjC,CA9CD,CAoCDiC,cApCC,CAqCDC,CArCC,CA8CClC,CA9CD,CAqCDkC,SArCC,CAsCDC,CAtCC,CA8CCnC,CA9CD,CAsCDmC,iBAtCC,CAuCDC,CAvCC,CA8CCpC,CA9CD,CAuCDoC,cAvCC,CAwCDC,CAxCC,CA8CCrC,CA9CD,CAwCDqC,eAxCC,CAyCDC,CAzCC,CA8CCtC,CA9CD,CAyCDsC,gBAzCC,CA2CDC,CA3CC,CA8CCvC,CA9CD,CA2CDuC,aA3CC,CA4CDC,CA5CC,CA8CCxC,CA9CD,CA4CDwC,UA5CC,CA6CEC,CA7CF,0BA8CCzC,CA9CD,cAgD2Bd,OAAO,IAhDlC,uBAgDIwD,CAhDJ,MAgDaC,CAhDb,MAkDGC,CAAM,CAAG,SAACC,CAAD,QACb,CAACb,CAAU,CAACa,CAAD,CAAV,EAAoBnB,CAAY,CAACmB,CAAD,CAAjC,EAAyCC,QAAzC,EADa,CAlDZ,CAqDGC,CAAS,CAAG5D,OAAO,CACvBgB,CAAK,CAAC6C,GAAN,CAAU,SAACH,CAAD,QAAUD,EAAM,CAACC,CAAD,CAAhB,CAAV,CADuB,CAEvB,CAACzC,CAAD,CAFuB,CArDtB,CA0DHzB,SAAS,CAAC,UAAM,CAQd,MAPmB,EAAf,GAAA8B,CAAU,EAAU,CAACiC,CAArB,EAAgC5B,CAAiB,CAAGL,CAOxD,GANEZ,YAAY,CAACH,MAAM,CAACe,CAAD,CAAP,CAMd,CALEf,MAAM,CAACe,CAAD,CAAN,CAAqBwC,UAAU,CAC7B,iBAAMrC,EAAW,CAACH,CAAD,CAAjB,CAD6B,CAE7BX,UAF6B,CAKjC,EAAO,iBAAMD,aAAY,CAACH,MAAM,CAACe,CAAD,CAAP,CAAlB,CACR,CATQ,CASN,CAACiC,CAAD,CAAU5B,CAAV,CATM,CA1DN,CAqEHnC,SAAS,CAAC,UAAM,CACTsC,CADS,EAEZpB,YAAY,CAACH,MAAM,CAACe,CAAD,CAAP,CAEf,CAJQ,CAIN,CAACQ,CAAD,CAJM,CArEN,IA2EGiC,EAAe,CAAG,SAACL,CAAD,CAAkC,IAClDM,EAAO,CAAGtB,CAAc,CAACgB,CAAD,CAD0B,CAElDO,CAAQ,CAAGrB,CAAe,CAACc,CAAD,CAFwB,CAIxD,GAAIQ,KAAK,CAACC,OAAN,CAAcH,CAAd,GAA0B,CAACC,CAA/B,CAAyC,CACvC,GAAMG,EAAG,CAAGX,CAAM,CAACC,CAAD,CAAlB,CACAlC,CAAQ,CAAC,CACP6C,KAAK,CAAE/C,CAAU,CAAG,CADb,CAEPN,KAAK,CAAEgD,CAFA,CAGP1B,SAAS,CAAEsB,CAAS,CAACQ,CAAD,CAHb,CAIP7C,UAAU,CAAE6C,CAJL,CAKPrC,MAAM,CAAE2B,CALD,CAAD,CAF+B,CASvChC,CAAoB,CAACJ,CAAU,CAAG,CAAd,CACrB,CAVD,IAWEI,EAAoB,CAACJ,CAAD,CAEvB,CA5FE,CA8FGgD,CAAY,CAAGtC,CAAQ,QAEzB,SACI0B,CADJ,QAGE,UAACa,CAAD,CAAO,OACLR,CAAe,CAACL,CAAD,CADV,CAEL,GAAMY,EAAY,WAAGtB,CAAiB,CAACU,CAAD,CAApB,qBAAG,EACjBY,YADJ,CAFK,OAKLA,CALK,WAKLA,CALK,QAKLA,CAAY,CAAGC,CAAH,CACb,CATH,CAhGD,CA2GGC,CAAU,CAAkB,CAAf,GAAAlD,CA3GhB,CA6GH,MACE,qBAAC,uBAAD,gBACE,SAAS,CAAEgB,CADb,CAEE,SAAS,CACPN,CAAQ,CACJ1B,kBAAkB,CAAC,QAAD,CAAW,CAAEe,OAAO,CAAPA,CAAF,CAAX,CAAwB,CAACF,CAAD,CAAxB,CADd,CAEJb,kBAAkB,CAAC,SAAD,CAAY,CAAEkE,UAAU,CAAVA,CAAF,CAAZ,CAA4B,CAC5C/E,SAAS,CAAC,CAAEsB,IAAI,CAAJA,CAAF,CAAQK,IAAI,CAAJA,CAAR,CAAcqD,MAAM,GAApB,CAA4BC,MAAM,GAAlC,CAAD,CADmC,CAE5CxE,UAAU,CAAC,CACTyE,EAAE,CAAE7E,gBAAgB,CAACiB,CAAD,CADX,CAAD,CAFkC,CAK5Cd,mBAAmB,CAAC,CAAEoB,OAAO,CAAPA,CAAF,CAAD,CALyB,CAM5CmD,CAAU,CAAGrD,CAAH,OANkC,CAA5B,CAL1B,CAcE,kBAAkB,CAAEe,CAdtB,CAeE,cAAc,CAAEG,CAflB,CAgBE,SAAS,CAAEJ,CAhBb,CAiBE,MAAM,CAAEE,CAjBV,CAkBE,cAAc,CAAEC,CAlBlB,CAmBE,YAAY,CAAEoB,CAAU,CAACoB,EAnB3B,CAoBE,YAAY,CAAEpB,CAAU,CAACqB,GApB3B,CAqBE,GAAG,CAAE/D,CArBP,CAsBE,QAAQ,CAAEkB,CAtBZ,EAuBMsB,CAvBN,EAyBGvB,CAAM,EACL,wCACE,oBAAC,QAAD,EACE,KAAK,CAAEQ,CAAY,CAACR,CAAD,CADrB,CAEE,IAAI,CAAEhB,CAFR,CAGE,QAAQ,CAAE3B,aAHZ,CAIE,OAAO,CAAE,yBAAMqC,EAAW,CAACH,CAAD,CAAjB,CAJX,EADF,CAOE,oBAAC,WAAD,EAAa,IAAI,CAAEP,CAAnB,CAAyB,KAAK,CAAE,CAAE+D,EAAE,CAAEhF,gBAAgB,CAACiB,CAAD,CAAtB,CAAhC,EAPF,CA1BJ,CAoCE,oBAAC,IAAD,EACE,IAAI,CAAEA,CADR,CAEE,KAAK,CAAEC,CAFT,CAGE,YAAY,CAAEuB,CAHhB,CAIE,WAAW,CAAE,qBAACmB,CAAD,GAAiB,IAARa,EAAQ,GAARA,CAAQ,CAC5BvC,CAAQ,EAAI+B,CAAe,CAACL,CAAD,CADC,QAE5B7B,CAF4B,WAE5BA,CAF4B,QAE5BA,CAAW,CAAG,CACZ6B,IAAI,CAAJA,CADY,CAEZa,CAAC,CAAEA,CAFS,CAAH,CAIZ,CAVH,CAWE,SAAS,CAAE3C,CAAS,CAAG,SAACmD,CAAD,CAAIC,CAAJ,QAAUpD,EAAS,CAACmD,CAAC,CAACX,GAAH,CAAQY,CAAC,CAACZ,GAAV,CAAnB,CAAH,OAXtB,CAYE,cAAc,CACZtB,CAAc,CACV,SAACY,CAAD,QAAU,UAACa,CAAD,yBACRzB,CAAc,CAACY,CAAD,CADN,qBACR,EAAuB,CACrBa,CAAC,CAAEA,CADkB,CAErBb,IAAI,CAAJA,CAFqB,CAAvB,CADQ,CAAV,CADU,OAblB,CAqBE,SAAS,CAAEX,CArBb,CAsBE,iBAAiB,CACfuB,CAAY,CACR,SAACZ,CAAD,wCAEOV,CAAiB,CAACU,CAAD,CAFxB,MAGIY,YAAY,CAAEA,CAAY,CAACZ,CAAD,CAH9B,GADQ,CAMRV,CA7BR,CA+BE,eAAe,CAAEC,CA/BnB,CAgCE,eAAe,CAAEC,CAhCnB,CAiCE,gBAAgB,CAAEC,CAjCpB,CAkCE,eAAe,CAAEV,CAlCnB,CAmCE,gBAAgB,CAAE,0BAACiB,CAAD,CAAU,CAC1B,GAAMuB,EAAI,CAAGzC,CAAgB,CAACkB,CAAD,CAA7B,CACA,GAAI,CAAChB,CAAc,CAACgB,CAAD,CAAnB,CACE,MAAOuB,EAAP,CAGF,GAAMC,EAAwB,CAAGhB,KAAK,CAACC,OAAN,CAAcc,CAAd,EAAsBA,CAAtB,CAA6B,CAACA,CAAD,CAA9D,CAEA,MADAC,EAAK,CAACC,IAAN,CAAW,oBAAC,cAAD,EAAgB,IAAI,CAAEtF,WAAW,CAACkB,CAAD,CAAjC,EAAX,CACA,CAAOmE,CACR,CA5CH,CA6CE,WAAW,CAAE7B,CA7Cf,CA8CE,aAAa,CAAED,CA9CjB,CA+CE,eAAe,CAAER,CA/CnB,CAgDE,aAAa,CAAED,CAhDjB,CAiDE,UAAU,CAAE,oBAACe,CAAD,QAAUE,EAAS,CAACH,CAAM,CAACC,CAAD,CAAP,CAAnB,CAjDd,CAkDE,MAAM,CAAEzC,CAlDV,CAmDE,aAAa,CAAE,uBAACyC,CAAD,QAAUD,EAAM,CAACC,CAAD,CAAN,GAAiBnC,CAA3B,CAnDjB,CAoDE,WAAW,CAAW,OAAT,GAAAH,CAAI,CAAe,WAAf,CAA6B,QApDhD,EApCF,CA4FH,C,CAED,MAAO,IAAMgE,iBAAgB,CAAG7F,UAAU,CACxCqB,sBADwC,CAAnC"}
+{"version":3,"file":"ContextMenuLevel.js","names":["IconArrowLeft","IconArrowRight","React","forwardRef","useEffect","cnListBox","List","ListDivider","ListItem","mapIconSize","mapVerticalSpase","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","getKey","item","toString","itemsRefs","map","setTimeout","addCurrentLevel","subMenu","disabled","Array","isArray","key","level","onMouseEnter","e","firstLevel","border","shadow","pV","on","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 { 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';\nimport { AsAttributes, AsTagAttribute } from '##/utils/types/AsTags';\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 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    : (item: ContextMenuItemDefault): AsTagAttribute<'div'>['onMouseEnter'] =>\n        (e) => {\n          addCurrentLevel(item);\n          const onMouseEnter = getItemAttributes(item)\n            ?.onMouseEnter as AsTagAttribute<'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 }, [\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={onSetDirection}\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 AsAttributes)\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":"0/EAAA,+BAEA,OAASA,aAAT,KAA8B,6BAA9B,CACA,OAASC,cAAT,KAA+B,8BAA/B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,CAA4BC,SAA5B,KAA6C,OAA7C,CAEA,OACEC,SADF,CAEEC,IAFF,CAGEC,WAHF,CAIEC,QAJF,CAKEC,WALF,CAMEC,gBANF,wBAQA,OAASC,OAAT,sCACA,OAASC,OAAT,sCACA,OAASC,mBAAT,uCACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAGA,OAASC,uBAAT,kCACA,OACEC,sBADF,gBAOA,MAAO,IAAMC,mBAAkB,CAAGH,EAAE,CAAC,kBAAD,CAA7B,CAEP,GAAII,OAAuC,CAAG,EAA9C,CACA,MAAO,SAASC,YAAT,EAAuB,oCACRD,MADQ,MAC5B,2BAA4B,IAAjBE,EAAiB,SAC1BC,YAAY,CAACD,CAAD,CACb,CAH2B,+BAI5BF,MAAM,CAAG,EACV,C,GAEKI,WAAU,CAAG,G,CAEbC,sBAAsB,CAAG,SAC7BC,CAD6B,CAE7BC,CAF6B,CAG1B,OA8CCD,CA9CD,CAEDE,IAFC,CAEDA,CAFC,YAEMV,sBAFN,GAGDW,CAHC,CA8CCH,CA9CD,CAGDG,KAHC,CAIOC,CAJP,CA8CCJ,CA9CD,CAIDK,MAJC,CAKDC,CALC,CA8CCN,CA9CD,CAKDM,SALC,GA8CCN,CA9CD,CAMDO,IANC,CAMDA,CANC,YAMM,SANN,GAODC,CAPC,CA8CCR,CA9CD,CAODQ,OAPC,CASDC,CATC,CA8CCT,CA9CD,CASDS,UATC,CAUDC,CAVC,CA8CCV,CA9CD,CAUDU,UAVC,CAWDC,CAXC,CA8CCX,CA9CD,CAWDW,QAXC,CAYDC,CAZC,CA8CCZ,CA9CD,CAYDY,WAZC,CAaDC,CAbC,CA8CCb,CA9CD,CAaDa,oBAbC,CAcDC,CAdC,CA8CCd,CA9CD,CAcDc,iBAdC,CAeDC,CAfC,CA8CCf,CA9CD,CAeDe,SAfC,CAgBDC,CAhBC,CA8CChB,CA9CD,CAgBDgB,WAhBC,CAiBDC,CAjBC,CA8CCjB,CA9CD,CAiBDiB,MAjBC,CAkBDC,CAlBC,CA8CClB,CA9CD,CAkBDkB,MAlBC,CAmBDC,CAnBC,CA8CCnB,CA9CD,CAmBDmB,QAnBC,CAsBDC,CAtBC,CA8CCpB,CA9CD,CAsBDoB,SAtBC,CAuBDC,CAvBC,CA8CCrB,CA9CD,CAuBDqB,kBAvBC,CAwBDC,CAxBC,CA8CCtB,CA9CD,CAwBDsB,MAxBC,CAyBDC,CAzBC,CA8CCvB,CA9CD,CAyBDuB,cAzBC,CA0BDC,CA1BC,CA8CCxB,CA9CD,CA0BDwB,cA1BC,CA2BDC,CA3BC,CA8CCzB,CA9CD,CA2BDyB,SA3BC,CA6BDC,CA7BC,CA8CC1B,CA9CD,CA6BD0B,YA7BC,CA8BDC,CA9BC,CA8CC3B,CA9CD,CA8BD2B,gBA9BC,CA+BDC,CA/BC,CA8CC5B,CA9CD,CA+BD4B,eA/BC,CAgCDC,CAhCC,CA8CC7B,CA9CD,CAgCD6B,cAhCC,CAiCDC,CAjCC,CA8CC9B,CA9CD,CAiCD8B,aAjCC,CAkCDC,CAlCC,CA8CC/B,CA9CD,CAkCD+B,eAlCC,CAmCDC,CAnCC,CA8CChC,CA9CD,CAmCDgC,UAnCC,CAoCDC,CApCC,CA8CCjC,CA9CD,CAoCDiC,cApCC,CAqCDC,CArCC,CA8CClC,CA9CD,CAqCDkC,SArCC,CAsCDC,CAtCC,CA8CCnC,CA9CD,CAsCDmC,iBAtCC,CAuCDC,CAvCC,CA8CCpC,CA9CD,CAuCDoC,cAvCC,CAwCDC,CAxCC,CA8CCrC,CA9CD,CAwCDqC,eAxCC,CAyCDC,CAzCC,CA8CCtC,CA9CD,CAyCDsC,gBAzCC,CA2CDC,CA3CC,CA8CCvC,CA9CD,CA2CDuC,aA3CC,CA4CDC,CA5CC,CA8CCxC,CA9CD,CA4CDwC,UA5CC,CA6CEC,CA7CF,0BA8CCzC,CA9CD,cAgD2Bd,OAAO,IAhDlC,uBAgDIwD,CAhDJ,MAgDaC,CAhDb,MAkDGC,CAAM,CAAG,SAACC,CAAD,QACb,CAACb,CAAU,CAACa,CAAD,CAAV,EAAoBnB,CAAY,CAACmB,CAAD,CAAjC,EAAyCC,QAAzC,EADa,CAlDZ,CAqDGC,CAAS,CAAG5D,OAAO,CACvBgB,CAAK,CAAC6C,GAAN,CAAU,SAACH,CAAD,QAAUD,EAAM,CAACC,CAAD,CAAhB,CAAV,CADuB,CAEvB,CAACzC,CAAD,CAFuB,CArDtB,CA0DHzB,SAAS,CAAC,UAAM,CAQd,MAPmB,EAAf,GAAA8B,CAAU,EAAU,CAACiC,CAArB,EAAgC5B,CAAiB,CAAGL,CAOxD,GANEZ,YAAY,CAACH,MAAM,CAACe,CAAD,CAAP,CAMd,CALEf,MAAM,CAACe,CAAD,CAAN,CAAqBwC,UAAU,CAC7B,iBAAMrC,EAAW,CAACH,CAAD,CAAjB,CAD6B,CAE7BX,UAF6B,CAKjC,EAAO,iBAAMD,aAAY,CAACH,MAAM,CAACe,CAAD,CAAP,CAAlB,CACR,CATQ,CASN,CAACiC,CAAD,CAAU5B,CAAV,CATM,CA1DN,CAqEHnC,SAAS,CAAC,UAAM,CACTsC,CADS,EAEZpB,YAAY,CAACH,MAAM,CAACe,CAAD,CAAP,CAEf,CAJQ,CAIN,CAACQ,CAAD,CAJM,CArEN,IA2EGiC,EAAe,CAAG,SAACL,CAAD,CAAkC,IAClDM,EAAO,CAAGtB,CAAc,CAACgB,CAAD,CAD0B,CAElDO,CAAQ,CAAGrB,CAAe,CAACc,CAAD,CAFwB,CAIxD,GAAIQ,KAAK,CAACC,OAAN,CAAcH,CAAd,GAA0B,CAACC,CAA/B,CAAyC,CACvC,GAAMG,EAAG,CAAGX,CAAM,CAACC,CAAD,CAAlB,CACAlC,CAAQ,CAAC,CACP6C,KAAK,CAAE/C,CAAU,CAAG,CADb,CAEPN,KAAK,CAAEgD,CAFA,CAGP1B,SAAS,CAAEsB,CAAS,CAACQ,CAAD,CAHb,CAIP7C,UAAU,CAAE6C,CAJL,CAKPrC,MAAM,CAAE2B,CALD,CAAD,CAF+B,CASvChC,CAAoB,CAACJ,CAAU,CAAG,CAAd,CACrB,CAVD,IAWEI,EAAoB,CAACJ,CAAD,CAEvB,CA5FE,CA8FGgD,CAAY,CAAGtC,CAAQ,QAEzB,SAAC0B,CAAD,QACE,UAACa,CAAD,CAAO,OACLR,CAAe,CAACL,CAAD,CADV,CAEL,GAAMY,EAAY,WAAGtB,CAAiB,CAACU,CAAD,CAApB,qBAAG,EACjBY,YADJ,CAFK,OAKLA,CALK,WAKLA,CALK,QAKLA,CAAY,CAAGC,CAAH,CACb,CAPH,CAhGD,CAyGGC,CAAU,CAAkB,CAAf,GAAAlD,CAzGhB,CA2GH,MACE,qBAAC,uBAAD,gBACE,SAAS,CAAEgB,CADb,CAEE,SAAS,CACPN,CAAQ,CACJ1B,kBAAkB,CAAC,QAAD,CAAW,CAAEe,OAAO,CAAPA,CAAF,CAAX,CAAwB,CAACF,CAAD,CAAxB,CADd,CAEJb,kBAAkB,CAAC,SAAD,CAAY,CAAEkE,UAAU,CAAVA,CAAF,CAAZ,CAA4B,CAC5C/E,SAAS,CAAC,CAAEsB,IAAI,CAAJA,CAAF,CAAQK,IAAI,CAAJA,CAAR,CAAcqD,MAAM,GAApB,CAA4BC,MAAM,GAAlC,CAAD,CADmC,CAE5CxE,UAAU,CAAC,CACTyE,EAAE,CAAE7E,gBAAgB,CAACiB,CAAD,CADX,CAAD,CAFkC,CAK5Cd,mBAAmB,CAAC,CAAEoB,OAAO,CAAPA,CAAF,CAAD,CALyB,CAM5CmD,CAAU,CAAGrD,CAAH,OANkC,CAA5B,CAL1B,CAcE,kBAAkB,CAAEe,CAdtB,CAeE,cAAc,CAAEG,CAflB,CAgBE,SAAS,CAAEJ,CAhBb,CAiBE,MAAM,CAAEE,CAjBV,CAkBE,cAAc,CAAEC,CAlBlB,CAmBE,YAAY,CAAEoB,CAAU,CAACoB,EAnB3B,CAoBE,YAAY,CAAEpB,CAAU,CAACqB,GApB3B,CAqBE,GAAG,CAAE/D,CArBP,CAsBE,QAAQ,CAAEkB,CAtBZ,EAuBMsB,CAvBN,EAyBGvB,CAAM,EACL,wCACE,oBAAC,QAAD,EACE,KAAK,CAAEQ,CAAY,CAACR,CAAD,CADrB,CAEE,IAAI,CAAEhB,CAFR,CAGE,QAAQ,CAAE3B,aAHZ,CAIE,OAAO,CAAE,yBAAMqC,EAAW,CAACH,CAAD,CAAjB,CAJX,EADF,CAOE,oBAAC,WAAD,EAAa,IAAI,CAAEP,CAAnB,CAAyB,KAAK,CAAE,CAAE+D,EAAE,CAAEhF,gBAAgB,CAACiB,CAAD,CAAtB,CAAhC,EAPF,CA1BJ,CAoCE,oBAAC,IAAD,EACE,IAAI,CAAEA,CADR,CAEE,KAAK,CAAEC,CAFT,CAGE,YAAY,CAAEuB,CAHhB,CAIE,WAAW,CAAE,qBAACmB,CAAD,GAAiB,IAARa,EAAQ,GAARA,CAAQ,CAC5BvC,CAAQ,EAAI+B,CAAe,CAACL,CAAD,CADC,QAE5B7B,CAF4B,WAE5BA,CAF4B,QAE5BA,CAAW,CAAG,CACZ6B,IAAI,CAAJA,CADY,CAEZa,CAAC,CAAEA,CAFS,CAAH,CAIZ,CAVH,CAWE,SAAS,CAAE3C,CAAS,CAAG,SAACmD,CAAD,CAAIC,CAAJ,QAAUpD,EAAS,CAACmD,CAAC,CAACX,GAAH,CAAQY,CAAC,CAACZ,GAAV,CAAnB,CAAH,OAXtB,CAYE,cAAc,CACZtB,CAAc,CACV,SAACY,CAAD,QAAU,UAACa,CAAD,yBACRzB,CAAc,CAACY,CAAD,CADN,qBACR,EAAuB,CACrBa,CAAC,CAAEA,CADkB,CAErBb,IAAI,CAAJA,CAFqB,CAAvB,CADQ,CAAV,CADU,OAblB,CAqBE,SAAS,CAAEX,CArBb,CAsBE,iBAAiB,CACfuB,CAAY,CACR,SAACZ,CAAD,wCAEOV,CAAiB,CAACU,CAAD,CAFxB,MAGIY,YAAY,CAAEA,CAAY,CAACZ,CAAD,CAH9B,GADQ,CAMRV,CA7BR,CA+BE,eAAe,CAAEC,CA/BnB,CAgCE,eAAe,CAAEC,CAhCnB,CAiCE,gBAAgB,CAAEC,CAjCpB,CAkCE,eAAe,CAAEV,CAlCnB,CAmCE,gBAAgB,CAAE,0BAACiB,CAAD,CAAU,CAC1B,GAAMuB,EAAI,CAAGzC,CAAgB,CAACkB,CAAD,CAA7B,CACA,GAAI,CAAChB,CAAc,CAACgB,CAAD,CAAnB,CACE,MAAOuB,EAAP,CAGF,GAAMC,EAAwB,CAAGhB,KAAK,CAACC,OAAN,CAAcc,CAAd,EAAsBA,CAAtB,CAA6B,CAACA,CAAD,CAA9D,CAEA,MADAC,EAAK,CAACC,IAAN,CAAW,oBAAC,cAAD,EAAgB,IAAI,CAAEtF,WAAW,CAACkB,CAAD,CAAjC,EAAX,CACA,CAAOmE,CACR,CA5CH,CA6CE,WAAW,CAAE7B,CA7Cf,CA8CE,aAAa,CAAED,CA9CjB,CA+CE,eAAe,CAAER,CA/CnB,CAgDE,aAAa,CAAED,CAhDjB,CAiDE,UAAU,CAAE,oBAACe,CAAD,QAAUE,EAAS,CAACH,CAAM,CAACC,CAAD,CAAP,CAAnB,CAjDd,CAkDE,MAAM,CAAEzC,CAlDV,CAmDE,aAAa,CAAE,uBAACyC,CAAD,QAAUD,EAAM,CAACC,CAAD,CAAN,GAAiBnC,CAA3B,CAnDjB,CAoDE,WAAW,CAAW,OAAT,GAAAH,CAAI,CAAe,WAAf,CAA6B,QApDhD,EApCF,CA4FH,C,CAED,MAAO,IAAMgE,iBAAgB,CAAG7F,UAAU,CACxCqB,sBADwC,CAAnC"}

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

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

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

@@ -3,6 +3,7 @@ import { IconComponent } from '@consta/icons/Icon';
 import { ListPropForm } from "../ListCanary";
 import { ComponentSize } from "../../hooks/useComponentSize";
 import { Animate } from "../../mixs/MixPopoverAnimate";
+import { AsAttributes, AsTags } from "../../utils/types/AsTags";
 import { ClickOutsideHandler } from '../../hooks/useClickOutside/useClickOutside';
 import { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';
 import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
@@ -39,8 +40,8 @@ export declare type ContextMenuItemDefault = {
     disabled?: boolean;
     groupId?: number;
     onClick?: ContextMenuPropOnClick<ContextMenuItemDefault>;
-    as?: keyof JSX.IntrinsicElements;
-    attributes?: JSX.IntrinsicElements[keyof JSX.IntrinsicElements];
+    as?: AsTags;
+    attributes?: AsAttributes;
 };
 export declare type ContextMenuPropSortGroup = (a: string | number, b: string | number) => number;
 export declare type ContextMenuPropGetItemLabel<ITEM> = (item: ITEM) => string | number;
@@ -51,8 +52,8 @@ export declare type ContextMenuPropGetItemStatus<ITEM> = (item: ITEM) => Context
 export declare type ContextMenuPropGetItemKey<ITEM> = (item: ITEM) => string | number | undefined;
 export declare type ContextMenuPropGetItemOnClick<ITEM> = (item: ITEM) => ContextMenuPropOnClick<ITEM> | undefined;
 export declare type ContextMenuPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type ContextMenuPropGetItemAs<ITEM> = (item: ITEM) => keyof JSX.IntrinsicElements | undefined;
-export declare type ContextMenuPropGetItemAttributes<ITEM> = (item: ITEM) => JSX.IntrinsicElements[keyof JSX.IntrinsicElements] | undefined;
+export declare type ContextMenuPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
+export declare type ContextMenuPropGetItemAttributes<ITEM> = (item: ITEM) => AsAttributes | undefined;
 export declare type ContextMenuPropGetItemGroupId<ITEM> = (item: ITEM) => number | undefined;
 export declare type ContextMenuPropGetItemRightIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
 export declare type ContextMenuPropGetItemLeftIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
@@ -146,12 +147,12 @@ export declare type ContextMenuLevelProps<ITEM = ContextMenuItemDefault, GROUP =
     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'> & {
+export declare type ContextMenuItemProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<Omit<ContextMenuItemDefault, 'onClick' | 'attributes' | 'key'> & {
     size?: ContextMenuPropSize;
     active: boolean;
     withSubMenu: boolean;
 }, AS> & React.RefAttributes<HTMLDivElement>;
-export declare type ContextMenuItemComponent = <AS extends keyof JSX.IntrinsicElements = 'div'>(props: ContextMenuItemProps<AS>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
+export declare type ContextMenuItemComponent = <AS extends AsTags = 'div'>(props: ContextMenuItemProps<AS>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
 export declare type GetLevelsParams<ITEM> = {
     levels: Level<ITEM>[];
     items: ITEM[];

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["defaultListPropForm","listPropForm","contextMenuSizes","contextMenuDefaultSize","contextMenuStatus","contextMenuDefaultStatus","contextMenuForm","defaultContextMenuForm","contextMenuPropSubMenuDirections","contextMenuPropDefaultSubMenuDirection"],"sources":["../../../../../src/components/ContextMenu/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport {\n  defaultListPropForm,\n  ListPropForm,\n  listPropForm,\n} from '##/components/ListCanary';\nimport { ComponentSize } from '##/hooks/useComponentSize';\nimport { Animate } from '##/mixs/MixPopoverAnimate';\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"}
+{"version":3,"file":"types.js","names":["defaultListPropForm","listPropForm","contextMenuSizes","contextMenuDefaultSize","contextMenuStatus","contextMenuDefaultStatus","contextMenuForm","defaultContextMenuForm","contextMenuPropSubMenuDirections","contextMenuPropDefaultSubMenuDirection"],"sources":["../../../../../src/components/ContextMenu/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport {\n  defaultListPropForm,\n  ListPropForm,\n  listPropForm,\n} from '##/components/ListCanary';\nimport { ComponentSize } from '##/hooks/useComponentSize';\nimport { Animate } from '##/mixs/MixPopoverAnimate';\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\n\nimport { ClickOutsideHandler } from '../../hooks/useClickOutside/useClickOutside';\nimport { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';\nimport {\n  PropsWithHTMLAttributes,\n  PropsWithHTMLAttributesAndRef,\n} from '../../utils/types/PropsWithHTMLAttributes';\nimport { Direction, PopoverPropOffset, Position } from '../Popover/Popover';\n\nexport const contextMenuSizes = ['m', 'xs', 's', 'l'] as const;\nexport type ContextMenuPropSize = typeof contextMenuSizes[number];\nexport const contextMenuDefaultSize: ContextMenuPropSize = contextMenuSizes[0];\n\nexport const contextMenuStatus = ['alert', 'success', 'warning'] as const;\nexport type ContextMenuStatus = typeof contextMenuStatus[number];\nexport const contextMenuDefaultStatus: ContextMenuStatus = contextMenuStatus[0];\n\nexport const contextMenuForm = listPropForm;\nexport type ContextMenuForm = ListPropForm;\nexport const defaultContextMenuForm = defaultListPropForm;\n\nexport const contextMenuPropSubMenuDirections = [\n  'rightStartUp',\n  'rightStartDown',\n  'leftStartUp',\n  'leftStartDown',\n] as const;\nexport type ContextMenuPropSubMenuDirection =\n  typeof contextMenuPropSubMenuDirections[number];\nexport const contextMenuPropDefaultSubMenuDirection: ContextMenuPropSubMenuDirection =\n  contextMenuPropSubMenuDirections[0];\n\nexport type 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?: AsTags;\n  attributes?: AsAttributes;\n};\n\nexport type ContextMenuPropSortGroup = (\n  a: string | number,\n  b: string | number,\n) => number;\n\nexport type ContextMenuPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\n\nexport type ContextMenuPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ContextMenuPropGetItemLeftSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ContextMenuPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\n\nexport type ContextMenuPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => ContextMenuStatus | undefined;\n\nexport type ContextMenuPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\n\nexport type ContextMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => ContextMenuPropOnClick<ITEM> | undefined;\n\nexport type ContextMenuPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\n\nexport type ContextMenuPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;\n\nexport type ContextMenuPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type ContextMenuPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => number | undefined;\n\nexport type ContextMenuPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ContextMenuPropGetItemLeftIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ContextMenuPropGetGroupLabel<GROUP> = (\n  group: GROUP,\n) => string | undefined;\nexport type ContextMenuPropGetGroupId<GROUP> = (group: GROUP) => number;\n\ntype PositioningProps =\n  | {\n      anchorRef: React.RefObject<HTMLElement>;\n      position?: never;\n    }\n  | {\n      anchorRef?: never;\n      position: Position;\n    };\n\nexport type MappersItem<ITEM> = {\n  getItemLabel?: ContextMenuPropGetItemLabel<ITEM>;\n  getItemRightSide?: ContextMenuPropGetItemRightSide<ITEM>;\n  getItemLeftSide?: ContextMenuPropGetItemLeftSide<ITEM>;\n  getItemSubMenu?: ContextMenuPropGetItemSubMenu<ITEM>;\n  getItemStatus?: ContextMenuPropGetItemStatus<ITEM>;\n  getItemDisabled?: ContextMenuPropGetItemDisabled<ITEM>;\n  getItemKey?: ContextMenuPropGetItemKey<ITEM>;\n  getItemOnClick?: ContextMenuPropGetItemOnClick<ITEM>;\n  getItemAs?: ContextMenuPropGetItemAs<ITEM>;\n  getItemAttributes?: ContextMenuPropGetItemAttributes<ITEM>;\n  getItemGroupId?: ContextMenuPropGetItemGroupId<ITEM>;\n  getItemLeftIcon?: ContextMenuPropGetItemLeftIcon<ITEM>;\n  getItemRightIcon?: ContextMenuPropGetItemRightIcon<ITEM>;\n};\n\nexport type MappersGroup<GROUP> = {\n  getGroupLabel?: ContextMenuPropGetGroupLabel<GROUP>;\n  getGroupId?: ContextMenuPropGetGroupId<GROUP>;\n};\n\nexport type Level<ITEM> = {\n  items: ITEM[];\n  activeItem?: string;\n  direction?: Direction;\n  possibleDirections?: readonly Direction[];\n  offset?: PopoverPropOffset;\n  parent?: ITEM;\n  anchorRef?: React.RefObject<HTMLElement>;\n  position?: Position;\n};\n\nexport type AddLevel<ITEM> = (params: {\n  level: number;\n  items: ITEM[];\n  parent?: ITEM;\n  anchorRef?: React.RefObject<HTMLElement>;\n  position?: Position;\n  activeItem: string;\n}) => void;\n\nexport type ContextMenuProps<\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    size?: ContextMenuPropSize;\n    direction?: Direction;\n    offset?: PopoverPropOffset;\n    groups?: GROUP[];\n    sortGroup?: ContextMenuPropSortGroup;\n    onItemClick?: 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<AS extends AsTags = 'div'> =\n  PropsWithAsAttributes<\n    Omit<ContextMenuItemDefault, 'onClick' | 'attributes' | 'key'> & {\n      size?: ContextMenuPropSize;\n      active: boolean;\n      withSubMenu: boolean;\n    },\n    AS\n  > &\n    React.RefAttributes<HTMLDivElement>;\n\nexport type ContextMenuItemComponent = <AS extends AsTags = 'div'>(\n  props: ContextMenuItemProps<AS>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\nexport type GetLevelsParams<ITEM> = {\n  levels: Level<ITEM>[];\n  items: ITEM[];\n  getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;\n  getItemKey: ContextMenuPropGetItemKey<ITEM>;\n};\n\nexport type ContextMenuWrapperProps = PropsWithHTMLAttributes<\n  {\n    children: React.ReactNode;\n    isOpen?: boolean;\n    isMobile?: boolean;\n    form?: ContextMenuForm;\n    onClickOutside?: ClickOutsideHandler;\n    spareDirection?: Direction;\n    possibleDirections?: readonly Direction[];\n    size?: ContextMenuPropSize;\n    direction?: Direction;\n    offset?: PopoverPropOffset;\n    anchorRef?: React.RefObject<HTMLElement>;\n    position?: Position;\n    onSetDirection?: (direction: Direction) => void;\n    className?: string;\n    animationBack?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport type ContextMenuLevelWrapperProps = PropsWithHTMLAttributesAndRef<\n  {\n    children: React.ReactNode;\n    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,qBAiBA,MAAO,IAAMC,iBAAgB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAGD,gBAAgB,CAAC,CAAD,CAApE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,gBAAe,CAAGL,YAAxB,CAEP,MAAO,IAAMM,uBAAsB,CAAGP,mBAA/B,CAEP,MAAO,IAAMQ,iCAAgC,CAAG,CAC9C,cAD8C,CAE9C,gBAF8C,CAG9C,aAH8C,CAI9C,eAJ8C,CAAzC,CAQP,MAAO,IAAMC,uCAAuE,CAClFD,gCAAgC,CAAC,CAAD,CAD3B"}

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { AsAttributes, AsTags } from "../../utils/types/AsTags";
 import { ClickOutsideHandler } from '../../hooks/useClickOutside/useClickOutside';
 import { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
@@ -18,8 +19,8 @@ export declare type ContextMenuPropGetDisable<ITEM> = (item: ITEM) => boolean |
 export declare type ContextMenuPropGetGroupLabel = (id: string | number | undefined) => string | number | undefined;
 export declare type ContextMenuPropSortGroup = (a: string | number, b: string | number) => number;
 export declare type ContextMenuPropGetItemOnClick<ITEM> = (item: ITEM) => React.EventHandler<React.MouseEvent> | undefined;
-export declare type ContextMenuPropGetItemAs<ITEM> = (item: ITEM) => keyof JSX.IntrinsicElements;
-export declare type ContextMenuPropGetItemHTMLAttributes<ITEM> = (item: ITEM) => JSX.IntrinsicElements[keyof JSX.IntrinsicElements];
+export declare type ContextMenuPropGetItemAs<ITEM> = (item: ITEM) => AsTags;
+export declare type ContextMenuPropGetItemHTMLAttributes<ITEM> = (item: ITEM) => AsAttributes;
 export declare const contextMenuPropSubMenuDirections: readonly ["rightStartUp", "rightStartDown", "leftStartUp", "leftStartDown"];
 export declare type ContextMenuPropSubMenuDirection = typeof contextMenuPropSubMenuDirections[number];
 export declare const contextMenuPropDefaultSubMenuDirection: ContextMenuPropSubMenuDirection;
@@ -70,7 +71,7 @@ declare type ContextMenuLevelProps<ITEM> = Omit<ContextMenuProps<ITEM> & {
     hoveredParenLevel: number;
     setHoveredParenLevel: (level: number) => void;
 }, 'subMenuDirection' | 'getKey' | 'onClickOutside' | 'isOpen'>;
-export declare type ContextMenuItemProps<AS extends keyof JSX.IntrinsicElements = 'div'> = PropsWithAsAttributes<{
+export declare type ContextMenuItemProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<{
     label: string | number;
     rightSide?: React.ReactNode;
     leftSide?: React.ReactNode;
@@ -87,7 +88,7 @@ export declare type Level<ITEM> = {
     possibleDirections?: readonly Direction[];
     offset?: PopoverPropOffset;
 } & PositioningProps;
-export declare type ContextMenuItemComponent = <AS extends keyof JSX.IntrinsicElements = 'div'>(props: ContextMenuItemProps<AS>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
+export declare type ContextMenuItemComponent = <AS extends AsTags = 'div'>(props: ContextMenuItemProps<AS>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
 export declare type ContextMenuComponent = <ITEM>(props: ContextMenuProps<ITEM>) => React.ReactElement | null;
 export declare type ContextMenuLevelType = <ITEM>(props: ContextMenuLevelProps<ITEM>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["contextMenuSizes","contextMenuDefaultSize","contextMenuAccent","contextMenuPropSubMenuDirections","contextMenuPropDefaultSubMenuDirection"],"sources":["../../../../../src/components/ContextMenuDeprecated/helpers.tsx"],"sourcesContent":["import { 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', 's', 'l'] as const;\nexport type ContextMenuPropSize = typeof contextMenuSizes[number];\nexport const contextMenuDefaultSize: ContextMenuPropSize = contextMenuSizes[0];\n\nexport const contextMenuAccent = ['alert', 'warning', 'success'] as const;\nexport type ContextMenuAccent = typeof contextMenuAccent[number];\n\nexport type ContextMenuPropGetLabel<ITEM> = (item: ITEM) => string | number;\nexport type ContextMenuPropGetSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | null;\nexport type ContextMenuPropGetSubItems<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\nexport type ContextMenuPropGetAccent<ITEM> = (\n  item: ITEM,\n) => ContextMenuAccent | undefined;\nexport type ContextMenuPropGetGroupId<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type ContextMenuPropGetKey<ITEM> = (item: ITEM) => string | number;\nexport type ContextMenuPropGetDisable<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type ContextMenuPropGetGroupLabel = (\n  id: string | number | undefined,\n) => string | number | undefined;\nexport type ContextMenuPropSortGroup = (\n  a: string | number,\n  b: string | number,\n) => number;\nexport type ContextMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.EventHandler<React.MouseEvent> | undefined;\nexport type ContextMenuPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => keyof JSX.IntrinsicElements;\nexport type ContextMenuPropGetItemHTMLAttributes<ITEM> = (\n  item: ITEM,\n) => JSX.IntrinsicElements[keyof JSX.IntrinsicElements];\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\ntype PositioningProps =\n  | {\n      anchorRef: React.RefObject<HTMLElement>;\n      position?: never;\n    }\n  | {\n      anchorRef?: never;\n      position: Position;\n    };\n\nexport type ContextMenuProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    getLabel: ContextMenuPropGetLabel<ITEM>;\n    getLeftSideBar?: ContextMenuPropGetSide<ITEM>;\n    getRightSideBar?: ContextMenuPropGetSide<ITEM>;\n    getSubItems?: ContextMenuPropGetSubItems<ITEM>;\n    getGroupId?: ContextMenuPropGetGroupId<ITEM>;\n    getGroupLabel?: ContextMenuPropGetGroupLabel;\n    getAccent?: ContextMenuPropGetAccent<ITEM>;\n    size?: ContextMenuPropSize;\n    sortGroup?: ContextMenuPropSortGroup;\n    getOnClick?: ContextMenuPropGetItemOnClick<ITEM>;\n    getItemOnClick?: ContextMenuPropGetItemOnClick<ITEM>;\n    direction?: Direction;\n    possibleDirections?: readonly Direction[];\n    subMenuDirection?: ContextMenuPropSubMenuDirection;\n    getKey?: ContextMenuPropGetKey<ITEM>;\n    getDisabled?: ContextMenuPropGetDisable<ITEM>;\n    offset?: PopoverPropOffset;\n    onItemClick?: (props: { e: React.MouseEvent; item: ITEM }) => void;\n    onClickOutside?: ClickOutsideHandler;\n    spareDirection?: Direction;\n    getItemAs?: ContextMenuPropGetItemAs<ITEM>;\n    getItemHTMLAttributes?: ContextMenuPropGetItemHTMLAttributes<ITEM>;\n    onSetDirection?: (direction: Direction) => void;\n  } & PositioningProps,\n  HTMLDivElement\n>;\n\nexport type AddLevel<ITEM> = (\n  level: number,\n  items: ITEM[],\n  anchorRef: React.RefObject<HTMLElement>,\n  activeItem: string,\n) => void;\n\nexport type DeleteLevel = (level: number) => void;\n\ntype ContextMenuLevelProps<ITEM> = Omit<\n  ContextMenuProps<ITEM> & {\n    level: number;\n    addLevel: AddLevel<ITEM>;\n    deleteLevel: DeleteLevel;\n    activeItem?: string;\n    onSetDirection?: (direction: Direction) => void;\n    hoveredParenLevel: number;\n    setHoveredParenLevel: (level: number) => void;\n  },\n  'subMenuDirection' | 'getKey' | 'onClickOutside' | 'isOpen'\n>;\n\nexport type ContextMenuItemProps<\n  AS extends keyof JSX.IntrinsicElements = 'div',\n> = PropsWithAsAttributes<\n  {\n    label: string | number;\n    rightSide?: React.ReactNode;\n    leftSide?: React.ReactNode;\n    size?: ContextMenuPropSize;\n    active?: boolean;\n    withSubMenu: boolean;\n    accent?: ContextMenuAccent;\n    disabled?: boolean;\n  },\n  AS\n> &\n  React.RefAttributes<HTMLDivElement>;\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 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 ContextMenuComponent = <ITEM>(\n  props: ContextMenuProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type ContextMenuLevelType = <ITEM>(\n  props: ContextMenuLevelProps<ITEM>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n"],"mappings":"AAKA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAGD,gBAAgB,CAAC,CAAD,CAApE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAA1B,CAqCP,MAAO,IAAMC,iCAAgC,CAAG,CAC9C,cAD8C,CAE9C,gBAF8C,CAG9C,aAH8C,CAI9C,eAJ8C,CAAzC,CAQP,MAAO,IAAMC,uCAAuE,CAClFD,gCAAgC,CAAC,CAAD,CAD3B"}
+{"version":3,"file":"helpers.js","names":["contextMenuSizes","contextMenuDefaultSize","contextMenuAccent","contextMenuPropSubMenuDirections","contextMenuPropDefaultSubMenuDirection"],"sources":["../../../../../src/components/ContextMenuDeprecated/helpers.tsx"],"sourcesContent":["import { AsAttributes, AsTags } from '##/utils/types/AsTags';\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', 's', 'l'] as const;\nexport type ContextMenuPropSize = typeof contextMenuSizes[number];\nexport const contextMenuDefaultSize: ContextMenuPropSize = contextMenuSizes[0];\n\nexport const contextMenuAccent = ['alert', 'warning', 'success'] as const;\nexport type ContextMenuAccent = typeof contextMenuAccent[number];\n\nexport type ContextMenuPropGetLabel<ITEM> = (item: ITEM) => string | number;\nexport type ContextMenuPropGetSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | null;\nexport type ContextMenuPropGetSubItems<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\nexport type ContextMenuPropGetAccent<ITEM> = (\n  item: ITEM,\n) => ContextMenuAccent | undefined;\nexport type ContextMenuPropGetGroupId<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type ContextMenuPropGetKey<ITEM> = (item: ITEM) => string | number;\nexport type ContextMenuPropGetDisable<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type ContextMenuPropGetGroupLabel = (\n  id: string | number | undefined,\n) => string | number | undefined;\nexport type ContextMenuPropSortGroup = (\n  a: string | number,\n  b: string | number,\n) => number;\nexport type ContextMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.EventHandler<React.MouseEvent> | undefined;\nexport type ContextMenuPropGetItemAs<ITEM> = (item: ITEM) => AsTags;\nexport type ContextMenuPropGetItemHTMLAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes;\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\ntype PositioningProps =\n  | {\n      anchorRef: React.RefObject<HTMLElement>;\n      position?: never;\n    }\n  | {\n      anchorRef?: never;\n      position: Position;\n    };\n\nexport type ContextMenuProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    getLabel: ContextMenuPropGetLabel<ITEM>;\n    getLeftSideBar?: ContextMenuPropGetSide<ITEM>;\n    getRightSideBar?: ContextMenuPropGetSide<ITEM>;\n    getSubItems?: ContextMenuPropGetSubItems<ITEM>;\n    getGroupId?: ContextMenuPropGetGroupId<ITEM>;\n    getGroupLabel?: ContextMenuPropGetGroupLabel;\n    getAccent?: ContextMenuPropGetAccent<ITEM>;\n    size?: ContextMenuPropSize;\n    sortGroup?: ContextMenuPropSortGroup;\n    getOnClick?: ContextMenuPropGetItemOnClick<ITEM>;\n    getItemOnClick?: ContextMenuPropGetItemOnClick<ITEM>;\n    direction?: Direction;\n    possibleDirections?: readonly Direction[];\n    subMenuDirection?: ContextMenuPropSubMenuDirection;\n    getKey?: ContextMenuPropGetKey<ITEM>;\n    getDisabled?: ContextMenuPropGetDisable<ITEM>;\n    offset?: PopoverPropOffset;\n    onItemClick?: (props: { e: React.MouseEvent; item: ITEM }) => void;\n    onClickOutside?: ClickOutsideHandler;\n    spareDirection?: Direction;\n    getItemAs?: ContextMenuPropGetItemAs<ITEM>;\n    getItemHTMLAttributes?: ContextMenuPropGetItemHTMLAttributes<ITEM>;\n    onSetDirection?: (direction: Direction) => void;\n  } & PositioningProps,\n  HTMLDivElement\n>;\n\nexport type AddLevel<ITEM> = (\n  level: number,\n  items: ITEM[],\n  anchorRef: React.RefObject<HTMLElement>,\n  activeItem: string,\n) => void;\n\nexport type DeleteLevel = (level: number) => void;\n\ntype ContextMenuLevelProps<ITEM> = Omit<\n  ContextMenuProps<ITEM> & {\n    level: number;\n    addLevel: AddLevel<ITEM>;\n    deleteLevel: DeleteLevel;\n    activeItem?: string;\n    onSetDirection?: (direction: Direction) => void;\n    hoveredParenLevel: number;\n    setHoveredParenLevel: (level: number) => void;\n  },\n  'subMenuDirection' | 'getKey' | 'onClickOutside' | 'isOpen'\n>;\n\nexport type ContextMenuItemProps<AS extends AsTags = 'div'> =\n  PropsWithAsAttributes<\n    {\n      label: string | number;\n      rightSide?: React.ReactNode;\n      leftSide?: React.ReactNode;\n      size?: ContextMenuPropSize;\n      active?: boolean;\n      withSubMenu: boolean;\n      accent?: ContextMenuAccent;\n      disabled?: boolean;\n    },\n    AS\n  > &\n    React.RefAttributes<HTMLDivElement>;\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 ContextMenuItemComponent = <AS extends AsTags = 'div'>(\n  props: ContextMenuItemProps<AS>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\nexport type ContextMenuComponent = <ITEM>(\n  props: ContextMenuProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type ContextMenuLevelType = <ITEM>(\n  props: ContextMenuLevelProps<ITEM>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n"],"mappings":"AAOA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAGD,gBAAgB,CAAC,CAAD,CAApE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAA1B,CAmCP,MAAO,IAAMC,iCAAgC,CAAG,CAC9C,cAD8C,CAE9C,gBAF8C,CAG9C,aAH8C,CAI9C,eAJ8C,CAAzC,CAQP,MAAO,IAAMC,uCAAuE,CAClFD,gCAAgC,CAAC,CAAD,CAD3B"}

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

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

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

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

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

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

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

@@ -12,7 +12,7 @@ export declare const DatePickerFieldTypeTime: React.ForwardRefExoticComponent<{
     disabled?: boolean | undefined;
     size?: "m" | "s" | "xs" | "l" | undefined;
     view?: "default" | "clear" | undefined;
-    form?: "default" | "round" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
+    form?: "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
     status?: "alert" | "warning" | "success" | undefined;
     width?: "default" | "full" | undefined;
     onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
@@ -41,4 +41,4 @@ export declare const DatePickerFieldTypeTime: React.ForwardRefExoticComponent<{
     caption?: string | undefined;
     labelPosition?: "left" | "top" | undefined;
     withClearButton?: boolean | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "caption" | "form" | "label" | "view" | "separator" | "status" | "name" | "width" | "format" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "multiplicitySeconds" | "multiplicityMinutes" | "multiplicityHours"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "caption" | "form" | "label" | "view" | "separator" | "status" | "name" | "width" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "format" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "multiplicitySeconds" | "multiplicityMinutes" | "multiplicityHours"> & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,9 +1,10 @@
 import './FileField.css';
 import React from 'react';
+import { AsTags } from "../../utils/types/AsTags";
 import { PropsWithJsxAttributes } from '../../utils/types/PropsWithJsxAttributes';
 declare type ComponentProps = {
     role: string;
-    as: keyof JSX.IntrinsicElements;
+    as: AsTags;
 };
 declare type RenderFn = (props: ComponentProps) => React.ReactNode;
 export declare type FileFieldProps = PropsWithJsxAttributes<{

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

@@ -1 +1 @@
-{"version":3,"file":"FileField.js","names":["React","useRef","useForkRef","cnMixVisuallyHidden","cn","usePropsHandler","COMPONENT_NAME","isRenderFn","fn","call","cnFileField","FileField","props","fileFieldRef","className","children","id","inputRef","ariaLabel","inputProps","content","role","as"],"sources":["../../../../../src/components/FileField/FileField.tsx"],"sourcesContent":["import './FileField.css';\n\nimport React, { useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixVisuallyHidden } from '../../mixs/MixVisuallyHidden/MixVisuallyHidden';\nimport { cn } from '../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../utils/types/PropsWithJsxAttributes';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\n\ntype ComponentProps = { role: string; as: keyof JSX.IntrinsicElements };\n\ntype RenderFn = (props: ComponentProps) => React.ReactNode;\n\nexport type FileFieldProps = PropsWithJsxAttributes<\n  {\n    id: string;\n    onChange?: (e: DragEvent | React.ChangeEvent) => void;\n    children?: RenderFn | React.ReactNode;\n    inputRef?: React.Ref<HTMLInputElement>;\n  },\n  'input'\n>;\n\nexport const COMPONENT_NAME = 'FileField' as const;\n\nfunction isRenderFn(fn: RenderFn | React.ReactNode): fn is RenderFn {\n  return (fn as RenderFn).call !== undefined;\n}\n\nexport const cnFileField = cn('FileField');\n\nexport const FileField: React.FC<FileFieldProps> = (props) => {\n  const fileFieldRef = useRef<HTMLInputElement>(null);\n\n  const {\n    className,\n    children,\n    id,\n    inputRef,\n    'aria-label': ariaLabel = 'File input',\n    ...inputProps\n  } = usePropsHandler(COMPONENT_NAME, props, fileFieldRef);\n\n  const content = isRenderFn(children)\n    ? children({ role: 'button', as: 'span' })\n    : children;\n\n  return (\n    <label htmlFor={id} className={cnFileField(null, [className])}>\n      <input\n        {...inputProps}\n        className={cnFileField('Input', [cnMixVisuallyHidden()])}\n        id={id}\n        type=\"file\"\n        aria-label={ariaLabel}\n        ref={useForkRef([inputRef, fileFieldRef])}\n      />\n      {content}\n    </label>\n  );\n};\n"],"mappings":"yJAAA,wBAEA,MAAOA,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CAEA,OAASC,UAAT,yCACA,OAASC,mBAAT,sDACA,OAASC,EAAT,uBAEA,OAASC,eAAT,2CAgBA,MAAO,IAAMC,eAAc,CAAG,WAAvB,CAEP,QAASC,WAAT,CAAoBC,CAApB,CAAoE,CAClE,MAAQA,EAAD,CAAiBC,IAAjB,SACR,CAED,MAAO,IAAMC,YAAW,CAAGN,EAAE,CAAC,WAAD,CAAtB,CAEP,MAAO,IAAMO,UAAmC,CAAG,SAACC,CAAD,CAAW,IACtDC,EAAY,CAAGZ,MAAM,CAAmB,IAAnB,CADiC,GAUxDI,eAAe,CAACC,cAAD,CAAiBM,CAAjB,CAAwBC,CAAxB,CAVyC,CAI1DC,CAJ0D,GAI1DA,SAJ0D,CAK1DC,CAL0D,GAK1DA,QAL0D,CAM1DC,CAN0D,GAM1DA,EAN0D,CAO1DC,CAP0D,GAO1DA,QAP0D,KAQ1D,YAR0D,EAQ5CC,CAR4C,YAQhC,YARgC,GASvDC,CATuD,uCAYtDC,CAAO,CAAGb,UAAU,CAACQ,CAAD,CAAV,CACZA,CAAQ,CAAC,CAAEM,IAAI,CAAE,QAAR,CAAkBC,EAAE,CAAE,MAAtB,CAAD,CADI,CAEZP,CAdwD,CAgB5D,MACE,8BAAO,OAAO,CAAEC,CAAhB,CAAoB,SAAS,CAAEN,WAAW,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAA1C,EACE,6CACMK,CADN,EAEE,SAAS,CAAET,WAAW,CAAC,OAAD,CAAU,CAACP,mBAAmB,EAApB,CAAV,CAFxB,CAGE,EAAE,CAAEa,CAHN,CAIE,IAAI,CAAC,MAJP,CAKE,aAAYE,CALd,CAME,GAAG,CAAEhB,UAAU,CAAC,CAACe,CAAD,CAAWJ,CAAX,CAAD,CANjB,GADF,CASGO,CATH,CAYH,CA7BM"}
+{"version":3,"file":"FileField.js","names":["React","useRef","useForkRef","cnMixVisuallyHidden","cn","usePropsHandler","COMPONENT_NAME","isRenderFn","fn","call","cnFileField","FileField","props","fileFieldRef","className","children","id","inputRef","ariaLabel","inputProps","content","role","as"],"sources":["../../../../../src/components/FileField/FileField.tsx"],"sourcesContent":["import './FileField.css';\n\nimport React, { useRef } from 'react';\n\nimport { AsTags } from '##/utils/types/AsTags';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixVisuallyHidden } from '../../mixs/MixVisuallyHidden/MixVisuallyHidden';\nimport { cn } from '../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../utils/types/PropsWithJsxAttributes';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\n\ntype ComponentProps = { role: string; as: AsTags };\n\ntype RenderFn = (props: ComponentProps) => React.ReactNode;\n\nexport type FileFieldProps = PropsWithJsxAttributes<\n  {\n    id: string;\n    onChange?: (e: DragEvent | React.ChangeEvent) => void;\n    children?: RenderFn | React.ReactNode;\n    inputRef?: React.Ref<HTMLInputElement>;\n  },\n  'input'\n>;\n\nexport const COMPONENT_NAME = 'FileField' as const;\n\nfunction isRenderFn(fn: RenderFn | React.ReactNode): fn is RenderFn {\n  return (fn as RenderFn).call !== undefined;\n}\n\nexport const cnFileField = cn('FileField');\n\nexport const FileField: React.FC<FileFieldProps> = (props) => {\n  const fileFieldRef = useRef<HTMLInputElement>(null);\n\n  const {\n    className,\n    children,\n    id,\n    inputRef,\n    'aria-label': ariaLabel = 'File input',\n    ...inputProps\n  } = usePropsHandler(COMPONENT_NAME, props, fileFieldRef);\n\n  const content = isRenderFn(children)\n    ? children({ role: 'button', as: 'span' })\n    : children;\n\n  return (\n    <label htmlFor={id} className={cnFileField(null, [className])}>\n      <input\n        {...inputProps}\n        className={cnFileField('Input', [cnMixVisuallyHidden()])}\n        id={id}\n        type=\"file\"\n        aria-label={ariaLabel}\n        ref={useForkRef([inputRef, fileFieldRef])}\n      />\n      {content}\n    </label>\n  );\n};\n"],"mappings":"yJAAA,wBAEA,MAAOA,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CAIA,OAASC,UAAT,yCACA,OAASC,mBAAT,sDACA,OAASC,EAAT,uBAEA,OAASC,eAAT,2CAgBA,MAAO,IAAMC,eAAc,CAAG,WAAvB,CAEP,QAASC,WAAT,CAAoBC,CAApB,CAAoE,CAClE,MAAQA,EAAD,CAAiBC,IAAjB,SACR,CAED,MAAO,IAAMC,YAAW,CAAGN,EAAE,CAAC,WAAD,CAAtB,CAEP,MAAO,IAAMO,UAAmC,CAAG,SAACC,CAAD,CAAW,IACtDC,EAAY,CAAGZ,MAAM,CAAmB,IAAnB,CADiC,GAUxDI,eAAe,CAACC,cAAD,CAAiBM,CAAjB,CAAwBC,CAAxB,CAVyC,CAI1DC,CAJ0D,GAI1DA,SAJ0D,CAK1DC,CAL0D,GAK1DA,QAL0D,CAM1DC,CAN0D,GAM1DA,EAN0D,CAO1DC,CAP0D,GAO1DA,QAP0D,KAQ1D,YAR0D,EAQ5CC,CAR4C,YAQhC,YARgC,GASvDC,CATuD,uCAYtDC,CAAO,CAAGb,UAAU,CAACQ,CAAD,CAAV,CACZA,CAAQ,CAAC,CAAEM,IAAI,CAAE,QAAR,CAAkBC,EAAE,CAAE,MAAtB,CAAD,CADI,CAEZP,CAdwD,CAgB5D,MACE,8BAAO,OAAO,CAAEC,CAAhB,CAAoB,SAAS,CAAEN,WAAW,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAA1C,EACE,6CACMK,CADN,EAEE,SAAS,CAAET,WAAW,CAAC,OAAD,CAAU,CAACP,mBAAmB,EAApB,CAAV,CAFxB,CAGE,EAAE,CAAEa,CAHN,CAIE,IAAI,CAAC,MAJP,CAKE,aAAYE,CALd,CAME,GAAG,CAAEhB,UAAU,CAAC,CAACe,CAAD,CAAWJ,CAAX,CAAD,CANjB,GADF,CASGO,CATH,CAYH,CA7BM"}

package/__internal__/src/components/Header/Logo/HeaderLogo.d.ts

@@ -1,6 +1,7 @@
 import './HeaderLogo.css';
 import React from 'react';
+import { AsTags } from "../../../utils/types/AsTags";
 import { PropsWithAsAttributes } from '../../../utils/types/PropsWithAsAttributes';
 export declare const cnHeaderLogo: import("@bem-react/classname").ClassNameFormatter;
-export declare type HeaderProps<As extends keyof JSX.IntrinsicElements> = PropsWithAsAttributes<{}, As>;
-export declare const HeaderLogo: <As extends keyof JSX.IntrinsicElements = "div">(props: HeaderProps<As>) => React.ReactElement;
+export declare type HeaderProps<As extends AsTags> = PropsWithAsAttributes<{}, As>;
+export declare const HeaderLogo: <As extends AsTags = "div">(props: HeaderProps<As>) => React.ReactElement;

package/__internal__/src/components/Header/Logo/HeaderLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLogo.js","names":["React","cn","cnHeaderLogo","HeaderLogo","props","children","as","className","otherProps"],"sources":["../../../../../../src/components/Header/Logo/HeaderLogo.tsx"],"sourcesContent":["import './HeaderLogo.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { PropsWithAsAttributes } from '../../../utils/types/PropsWithAsAttributes';\n\nexport const cnHeaderLogo = cn('HeaderLogo');\n\nexport type HeaderProps<As extends keyof JSX.IntrinsicElements> =\n  PropsWithAsAttributes<{}, As>;\n\nexport const HeaderLogo = <As extends keyof JSX.IntrinsicElements = 'div'>(\n  props: HeaderProps<As>,\n): React.ReactElement => {\n  const { children, as = 'div', className, ...otherProps } = props;\n  const Tag = as as string;\n  return (\n    <Tag className={cnHeaderLogo(null, [className])} {...otherProps}>\n      {children}\n    </Tag>\n  );\n};\n"],"mappings":"iIAAA,yBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAGA,MAAO,IAAMC,aAAY,CAAGD,EAAE,CAAC,YAAD,CAAvB,CAKP,MAAO,IAAME,WAAU,CAAG,SACxBC,CADwB,CAED,IACfC,EADe,CACoCD,CADpC,CACfC,QADe,GACoCD,CADpC,CACLE,EADK,CACLA,CADK,YACA,KADA,GACOC,CADP,CACoCH,CADpC,CACOG,SADP,CACqBC,CADrB,0BACoCJ,CADpC,YAGvB,MACE,qBAFUE,CAEV,gBAAK,SAAS,CAAEJ,YAAY,CAAC,IAAD,CAAO,CAACK,CAAD,CAAP,CAA5B,EAAqDC,CAArD,EACGH,CADH,CAIH,CAVM"}
+{"version":3,"file":"HeaderLogo.js","names":["React","cn","cnHeaderLogo","HeaderLogo","props","children","as","className","otherProps"],"sources":["../../../../../../src/components/Header/Logo/HeaderLogo.tsx"],"sourcesContent":["import './HeaderLogo.css';\n\nimport React from 'react';\n\nimport { AsTags } from '##/utils/types/AsTags';\n\nimport { cn } from '../../../utils/bem';\nimport { PropsWithAsAttributes } from '../../../utils/types/PropsWithAsAttributes';\n\nexport const cnHeaderLogo = cn('HeaderLogo');\n\nexport type HeaderProps<As extends AsTags> = PropsWithAsAttributes<{}, As>;\n\nexport const HeaderLogo = <As extends AsTags = 'div'>(\n  props: HeaderProps<As>,\n): React.ReactElement => {\n  const { children, as = 'div', className, ...otherProps } = props;\n  const Tag = as as string;\n  return (\n    <Tag className={cnHeaderLogo(null, [className])} {...otherProps}>\n      {children}\n    </Tag>\n  );\n};\n"],"mappings":"iIAAA,yBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAIA,OAASC,EAAT,0BAGA,MAAO,IAAMC,aAAY,CAAGD,EAAE,CAAC,YAAD,CAAvB,CAIP,MAAO,IAAME,WAAU,CAAG,SACxBC,CADwB,CAED,IACfC,EADe,CACoCD,CADpC,CACfC,QADe,GACoCD,CADpC,CACLE,EADK,CACLA,CADK,YACA,KADA,GACOC,CADP,CACoCH,CADpC,CACOG,SADP,CACqBC,CADrB,0BACoCJ,CADpC,YAGvB,MACE,qBAFUE,CAEV,gBAAK,SAAS,CAAEJ,YAAY,CAAC,IAAD,CAAO,CAACK,CAAD,CAAP,CAA5B,EAAqDC,CAArD,EACGH,CADH,CAIH,CAVM"}

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

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","active","label","innerOffset","disabled","className","leftSide","rightSide","rightIcon","leftIcon","as","checked","onClick","status","space","iconSize"];import"./ListItem.css";import React,{forwardRef}from"react";import{Text}from"../../Text";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{cnListItemGrid,renderSlot}from"../ListItemGrid";import{mapHorisontalSpase,mapHorisontalSpaseIncreased,mapItemVerticalPadding}from"../maps";import{defaultListPropSize}from"../types";export var cnListItem=cn("ListItem");var ListItemRender=function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.active,f=a.label,g=a.innerOffset,h=a.disabled,i=a.className,j=a.leftSide,k=a.rightSide,l=a.rightIcon,m=a.leftIcon,n=a.as,o=a.checked,p=a.onClick,q=a.status,r=a.space,s=a.iconSize,t=_objectWithoutProperties(a,_excluded),u=p&&!h?p:void 0;return React.createElement(Text,Object.assign({},t,{className:cnListItem({active:e,disabled:h,checked:o,interactive:!!u},[cnMixSpace(r||{pH:"increased"===g?mapHorisontalSpaseIncreased[d]:mapHorisontalSpase[d],pV:mapItemVerticalPadding[d]}),cnListItemGrid(),i]),as:n,onClick:u,lineHeight:"xs",size:d,ref:b,view:q}),renderSlot(j,"left",d,m,s),l||k||j||m?f&&React.createElement("span",{className:cnListItemGrid("Slot",{position:"center"})},f):f,renderSlot(k,"right",d,l,s))};export var ListItem=forwardRef(ListItemRender);
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","active","label","innerOffset","disabled","className","leftSide","rightSide","rightIcon","leftIcon","as","checked","onClick","status","space","iconSize"];import"./ListItem.css";import React,{forwardRef}from"react";import{cnText}from"../../Text";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{cnListItemGrid,renderSlot}from"../ListItemGrid";import{mapHorisontalSpase,mapHorisontalSpaseIncreased,mapItemVerticalPadding}from"../maps";import{defaultListPropSize}from"../types";export var cnListItem=cn("ListItem");var ListItemRender=function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.active,f=a.label,g=a.innerOffset,h=a.disabled,i=a.className,j=a.leftSide,k=a.rightSide,l=a.rightIcon,m=a.leftIcon,n=a.as,o=void 0===n?"div":n,p=a.checked,q=a.onClick,r=a.status,s=a.space,t=a.iconSize,u=_objectWithoutProperties(a,_excluded),v=q&&!h?q:void 0;return React.createElement(o,Object.assign({},u,{className:cnListItem({active:e,disabled:h,checked:p,interactive:!!v},[cnText({lineHeight:"xs",size:d,view:r}),cnMixSpace(s||{pH:"increased"===g?mapHorisontalSpaseIncreased[d]:mapHorisontalSpase[d],pV:mapItemVerticalPadding[d]}),cnListItemGrid(),i]),onClick:v,ref:b}),renderSlot(j,"left",d,m,t),l||k||j||m?f&&React.createElement("span",{className:cnListItemGrid("Slot",{position:"center"})},f):f,renderSlot(k,"right",d,l,t))};export var ListItem=forwardRef(ListItemRender);
 //# sourceMappingURL=ListItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","names":["React","forwardRef","Text","cnMixSpace","cn","cnListItemGrid","renderSlot","mapHorisontalSpase","mapHorisontalSpaseIncreased","mapItemVerticalPadding","defaultListPropSize","cnListItem","ListItemRender","props","ref","size","active","label","innerOffset","disabled","className","leftSide","rightSide","rightIcon","leftIcon","as","checked","onClick","status","space","iconSize","otherProps","handleClick","interactive","pH","pV","position","ListItem"],"sources":["../../../../../../src/components/ListCanary/ListItem/ListItem.tsx"],"sourcesContent":["import './ListItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Text } from '##/components/Text';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport { cnListItemGrid, renderSlot } from '../ListItemGrid';\nimport {\n  mapHorisontalSpase,\n  mapHorisontalSpaseIncreased,\n  mapItemVerticalPadding,\n} from '../maps';\nimport {\n  defaultListPropSize,\n  ListItemComponent,\n  ListItemProps,\n} from '../types';\n\nexport const cnListItem = cn('ListItem');\n\nconst ListItemRender = (\n  props: ListItemProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    size = defaultListPropSize,\n    active,\n    label,\n    innerOffset,\n    disabled,\n    className,\n    leftSide,\n    rightSide,\n    rightIcon,\n    leftIcon,\n    as,\n    checked,\n    onClick,\n    status,\n    space,\n    iconSize,\n    ...otherProps\n  } = props;\n\n  const handleClick: React.MouseEventHandler<HTMLDivElement> | undefined =\n    onClick && !disabled ? onClick : undefined;\n\n  return (\n    <Text\n      {...otherProps}\n      className={cnListItem(\n        { active, disabled, checked, interactive: !!handleClick },\n        [\n          cnMixSpace(\n            space || {\n              pH:\n                innerOffset === 'increased'\n                  ? mapHorisontalSpaseIncreased[size]\n                  : mapHorisontalSpase[size],\n              pV: mapItemVerticalPadding[size],\n            },\n          ),\n          cnListItemGrid(),\n          className,\n        ],\n      )}\n      as={as}\n      onClick={handleClick}\n      lineHeight=\"xs\"\n      size={size}\n      ref={ref}\n      view={status}\n    >\n      {renderSlot(leftSide, 'left', size, leftIcon, iconSize)}\n      {!rightIcon && !rightSide && !leftSide && !leftIcon\n        ? label\n        : label && (\n            <span className={cnListItemGrid('Slot', { position: 'center' })}>\n              {label}\n            </span>\n          )}\n      {renderSlot(rightSide, 'right', size, rightIcon, iconSize)}\n    </Text>\n  );\n};\n\nexport const ListItem = forwardRef(ListItemRender) as ListItemComponent;\n"],"mappings":"qQAAA,uBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,IAAT,kBACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAEA,OAASC,cAAT,CAAyBC,UAAzB,uBACA,OACEC,kBADF,CAEEC,2BAFF,CAGEC,sBAHF,eAKA,OACEC,mBADF,gBAMA,MAAO,IAAMC,WAAU,CAAGP,EAAE,CAAC,UAAD,CAArB,CAEP,GAAMQ,eAAc,CAAG,SACrBC,CADqB,CAErBC,CAFqB,CAGlB,OAmBCD,CAnBD,CAEDE,IAFC,CAEDA,CAFC,YAEML,mBAFN,GAGDM,CAHC,CAmBCH,CAnBD,CAGDG,MAHC,CAIDC,CAJC,CAmBCJ,CAnBD,CAIDI,KAJC,CAKDC,CALC,CAmBCL,CAnBD,CAKDK,WALC,CAMDC,CANC,CAmBCN,CAnBD,CAMDM,QANC,CAODC,CAPC,CAmBCP,CAnBD,CAODO,SAPC,CAQDC,CARC,CAmBCR,CAnBD,CAQDQ,QARC,CASDC,CATC,CAmBCT,CAnBD,CASDS,SATC,CAUDC,CAVC,CAmBCV,CAnBD,CAUDU,SAVC,CAWDC,CAXC,CAmBCX,CAnBD,CAWDW,QAXC,CAYDC,CAZC,CAmBCZ,CAnBD,CAYDY,EAZC,CAaDC,CAbC,CAmBCb,CAnBD,CAaDa,OAbC,CAcDC,CAdC,CAmBCd,CAnBD,CAcDc,OAdC,CAeDC,CAfC,CAmBCf,CAnBD,CAeDe,MAfC,CAgBDC,CAhBC,CAmBChB,CAnBD,CAgBDgB,KAhBC,CAiBDC,CAjBC,CAmBCjB,CAnBD,CAiBDiB,QAjBC,CAkBEC,CAlBF,0BAmBClB,CAnBD,YAqBGmB,CAAgE,CACpEL,CAAO,EAAI,CAACR,CAAZ,CAAuBQ,CAAvB,OAtBC,CAwBH,MACE,qBAAC,IAAD,kBACMI,CADN,EAEE,SAAS,CAAEpB,UAAU,CACnB,CAAEK,MAAM,CAANA,CAAF,CAAUG,QAAQ,CAARA,CAAV,CAAoBO,OAAO,CAAPA,CAApB,CAA6BO,WAAW,CAAE,CAAC,CAACD,CAA5C,CADmB,CAEnB,CACE7B,UAAU,CACR0B,CAAK,EAAI,CACPK,EAAE,CACgB,WAAhB,GAAAhB,CAAW,CACPV,2BAA2B,CAACO,CAAD,CADpB,CAEPR,kBAAkB,CAACQ,CAAD,CAJjB,CAKPoB,EAAE,CAAE1B,sBAAsB,CAACM,CAAD,CALnB,CADD,CADZ,CAUEV,cAAc,EAVhB,CAWEe,CAXF,CAFmB,CAFvB,CAkBE,EAAE,CAAEK,CAlBN,CAmBE,OAAO,CAAEO,CAnBX,CAoBE,UAAU,CAAC,IApBb,CAqBE,IAAI,CAAEjB,CArBR,CAsBE,GAAG,CAAED,CAtBP,CAuBE,IAAI,CAAEc,CAvBR,GAyBGtB,UAAU,CAACe,CAAD,CAAW,MAAX,CAAmBN,CAAnB,CAAyBS,CAAzB,CAAmCM,CAAnC,CAzBb,CA0BIP,CAAD,EAAeD,CAAf,EAA6BD,CAA7B,EAA0CG,CAA1C,CAEGP,CAAK,EACH,4BAAM,SAAS,CAAEZ,cAAc,CAAC,MAAD,CAAS,CAAE+B,QAAQ,CAAE,QAAZ,CAAT,CAA/B,EACGnB,CADH,CAHL,CACGA,CA3BN,CAiCGX,UAAU,CAACgB,CAAD,CAAY,OAAZ,CAAqBP,CAArB,CAA2BQ,CAA3B,CAAsCO,CAAtC,CAjCb,CAoCH,CAhED,CAkEA,MAAO,IAAMO,SAAQ,CAAGpC,UAAU,CAACW,cAAD,CAA3B"}
+{"version":3,"file":"ListItem.js","names":["React","forwardRef","cnText","cnMixSpace","cn","cnListItemGrid","renderSlot","mapHorisontalSpase","mapHorisontalSpaseIncreased","mapItemVerticalPadding","defaultListPropSize","cnListItem","ListItemRender","props","ref","size","active","label","innerOffset","disabled","className","leftSide","rightSide","rightIcon","leftIcon","as","Tag","checked","onClick","status","space","iconSize","otherProps","handleClick","interactive","lineHeight","view","pH","pV","position","ListItem"],"sources":["../../../../../../src/components/ListCanary/ListItem/ListItem.tsx"],"sourcesContent":["import './ListItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cnText } from '##/components/Text';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport { cnListItemGrid, renderSlot } from '../ListItemGrid';\nimport {\n  mapHorisontalSpase,\n  mapHorisontalSpaseIncreased,\n  mapItemVerticalPadding,\n} from '../maps';\nimport {\n  defaultListPropSize,\n  ListItemComponent,\n  ListItemProps,\n} from '../types';\n\nexport const cnListItem = cn('ListItem');\n\nconst ListItemRender = (\n  props: ListItemProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    size = defaultListPropSize,\n    active,\n    label,\n    innerOffset,\n    disabled,\n    className,\n    leftSide,\n    rightSide,\n    rightIcon,\n    leftIcon,\n    as: Tag = 'div',\n    checked,\n    onClick,\n    status,\n    space,\n    iconSize,\n    ...otherProps\n  } = props;\n\n  const handleClick: React.MouseEventHandler<HTMLDivElement> | undefined =\n    onClick && !disabled ? onClick : undefined;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnListItem(\n        { active, disabled, checked, interactive: !!handleClick },\n        [\n          cnText({\n            lineHeight: 'xs',\n            size,\n            view: status,\n          }),\n          cnMixSpace(\n            space || {\n              pH:\n                innerOffset === 'increased'\n                  ? mapHorisontalSpaseIncreased[size]\n                  : mapHorisontalSpase[size],\n              pV: mapItemVerticalPadding[size],\n            },\n          ),\n          cnListItemGrid(),\n          className,\n        ],\n      )}\n      onClick={handleClick}\n      ref={ref}\n    >\n      {renderSlot(leftSide, 'left', size, leftIcon, iconSize)}\n      {!rightIcon && !rightSide && !leftSide && !leftIcon\n        ? label\n        : label && (\n            <span className={cnListItemGrid('Slot', { position: 'center' })}>\n              {label}\n            </span>\n          )}\n      {renderSlot(rightSide, 'right', size, rightIcon, iconSize)}\n    </Tag>\n  );\n};\n\nexport const ListItem = forwardRef(ListItemRender) as ListItemComponent;\n"],"mappings":"qQAAA,uBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,MAAT,kBACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAEA,OAASC,cAAT,CAAyBC,UAAzB,uBACA,OACEC,kBADF,CAEEC,2BAFF,CAGEC,sBAHF,eAKA,OACEC,mBADF,gBAMA,MAAO,IAAMC,WAAU,CAAGP,EAAE,CAAC,UAAD,CAArB,CAEP,GAAMQ,eAAc,CAAG,SACrBC,CADqB,CAErBC,CAFqB,CAGlB,OAmBCD,CAnBD,CAEDE,IAFC,CAEDA,CAFC,YAEML,mBAFN,GAGDM,CAHC,CAmBCH,CAnBD,CAGDG,MAHC,CAIDC,CAJC,CAmBCJ,CAnBD,CAIDI,KAJC,CAKDC,CALC,CAmBCL,CAnBD,CAKDK,WALC,CAMDC,CANC,CAmBCN,CAnBD,CAMDM,QANC,CAODC,CAPC,CAmBCP,CAnBD,CAODO,SAPC,CAQDC,CARC,CAmBCR,CAnBD,CAQDQ,QARC,CASDC,CATC,CAmBCT,CAnBD,CASDS,SATC,CAUDC,CAVC,CAmBCV,CAnBD,CAUDU,SAVC,CAWDC,CAXC,CAmBCX,CAnBD,CAWDW,QAXC,GAmBCX,CAnBD,CAYDY,EAZC,CAYGC,CAZH,YAYS,KAZT,GAaDC,CAbC,CAmBCd,CAnBD,CAaDc,OAbC,CAcDC,CAdC,CAmBCf,CAnBD,CAcDe,OAdC,CAeDC,CAfC,CAmBChB,CAnBD,CAeDgB,MAfC,CAgBDC,CAhBC,CAmBCjB,CAnBD,CAgBDiB,KAhBC,CAiBDC,CAjBC,CAmBClB,CAnBD,CAiBDkB,QAjBC,CAkBEC,CAlBF,0BAmBCnB,CAnBD,YAqBGoB,CAAgE,CACpEL,CAAO,EAAI,CAACT,CAAZ,CAAuBS,CAAvB,OAtBC,CAwBH,MACE,qBAAC,CAAD,kBACMI,CADN,EAEE,SAAS,CAAErB,UAAU,CACnB,CAAEK,MAAM,CAANA,CAAF,CAAUG,QAAQ,CAARA,CAAV,CAAoBQ,OAAO,CAAPA,CAApB,CAA6BO,WAAW,CAAE,CAAC,CAACD,CAA5C,CADmB,CAEnB,CACE/B,MAAM,CAAC,CACLiC,UAAU,CAAE,IADP,CAELpB,IAAI,CAAJA,CAFK,CAGLqB,IAAI,CAAEP,CAHD,CAAD,CADR,CAME1B,UAAU,CACR2B,CAAK,EAAI,CACPO,EAAE,CACgB,WAAhB,GAAAnB,CAAW,CACPV,2BAA2B,CAACO,CAAD,CADpB,CAEPR,kBAAkB,CAACQ,CAAD,CAJjB,CAKPuB,EAAE,CAAE7B,sBAAsB,CAACM,CAAD,CALnB,CADD,CANZ,CAeEV,cAAc,EAfhB,CAgBEe,CAhBF,CAFmB,CAFvB,CAuBE,OAAO,CAAEa,CAvBX,CAwBE,GAAG,CAAEnB,CAxBP,GA0BGR,UAAU,CAACe,CAAD,CAAW,MAAX,CAAmBN,CAAnB,CAAyBS,CAAzB,CAAmCO,CAAnC,CA1Bb,CA2BIR,CAAD,EAAeD,CAAf,EAA6BD,CAA7B,EAA0CG,CAA1C,CAEGP,CAAK,EACH,4BAAM,SAAS,CAAEZ,cAAc,CAAC,MAAD,CAAS,CAAEkC,QAAQ,CAAE,QAAZ,CAAT,CAA/B,EACGtB,CADH,CAHL,CACGA,CA5BN,CAkCGX,UAAU,CAACgB,CAAD,CAAY,OAAZ,CAAqBP,CAArB,CAA2BQ,CAA3B,CAAsCQ,CAAtC,CAlCb,CAqCH,CAjED,CAmEA,MAAO,IAAMS,SAAQ,CAAGvC,UAAU,CAACW,cAAD,CAA3B"}

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

@@ -3,4 +3,4 @@ import React from 'react';
 import { IconComponent, IconPropSize } from "../../../icons/Icon";
 import { ListPropSize } from '../types';
 export declare const cnListItemGrid: import("@bem-react/classname").ClassNameFormatter;
-export declare const renderSlot: (side: React.ReactNode, position: 'left' | 'right', size: ListPropSize, icon?: IconComponent, iconSize?: IconPropSize) => JSX.Element[];
+export declare const renderSlot: (side: React.ReactNode, position: 'left' | 'right', size: ListPropSize, Icon?: IconComponent, iconSize?: IconPropSize) => React.ReactNode[];

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

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import"./ListItemGrid.css";import React from"react";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{mapIconSize}from"../maps";export var cnListItemGrid=cn("ListItemGrid");export var renderSlot=function(a,b,c,d,e){var f=a?_toConsumableArray(Array.isArray(a)?a:[a]):[];if(d){var g=React.createElement(d,{size:getByMap(mapIconSize,c,e)});"left"===b&&f.push(g),"right"===b&&f.unshift(g)}return f.map(function(a,c){return React.createElement("div",{className:cnListItemGrid("Slot",{position:b}),key:cnListItemGrid("Slot",{position:b,index:c})},a)})};
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import"./ListItemGrid.css";import React from"react";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{isNotNil}from"../../../utils/type-guards";import{mapIconSize}from"../maps";export var cnListItemGrid=cn("ListItemGrid");export var renderSlot=function(a,b,c,d,e){var f=a?_toConsumableArray(Array.isArray(a)?a:[a]):[];if(d){var g=React.createElement(d,{size:getByMap(mapIconSize,c,e)});"left"===b&&f.push(g),"right"===b&&f.unshift(g)}return f.map(function(a,c){if(isNotNil(a))return React.createElement("div",{className:cnListItemGrid("Slot",{position:b}),key:cnListItemGrid("Slot",{position:b,index:c})},a)})};
 //# sourceMappingURL=ListItemGrid.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemGrid.js","names":["React","cn","getByMap","mapIconSize","cnListItemGrid","renderSlot","side","position","size","icon","iconSize","sides","Array","isArray","render","push","unshift","map","item","index"],"sources":["../../../../../../src/components/ListCanary/ListItemGrid/ListItemGrid.tsx"],"sourcesContent":["import './ListItemGrid.css';\n\nimport React from 'react';\n\nimport { IconComponent, IconPropSize } from '##/icons/Icon';\nimport { cn } from '##/utils/bem';\nimport { getByMap } from '##/utils/getByMap';\n\nimport { mapIconSize } from '../maps';\nimport { ListPropSize } from '../types';\n\nexport const cnListItemGrid = cn('ListItemGrid');\n\nexport const renderSlot = (\n  side: React.ReactNode,\n  position: 'left' | 'right',\n  size: ListPropSize,\n  icon?: IconComponent,\n  iconSize?: IconPropSize,\n) => {\n  const sides: React.ReactNode[] = side\n    ? [...(Array.isArray(side) ? side : [side])]\n    : [];\n  if (icon) {\n    const Icon = icon;\n    const render = <Icon size={getByMap(mapIconSize, size, iconSize)} />;\n    if (position === 'left') {\n      sides.push(render);\n    }\n    if (position === 'right') {\n      sides.unshift(render);\n    }\n  }\n  return sides.map((item, index) => (\n    <div\n      className={cnListItemGrid('Slot', {\n        position,\n      })}\n      key={cnListItemGrid('Slot', {\n        position,\n        index,\n      })}\n    >\n      {item}\n    </div>\n  ));\n};\n"],"mappings":"yEAAA,2BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAGA,OAASC,EAAT,0BACA,OAASC,QAAT,+BAEA,OAASC,WAAT,eAGA,MAAO,IAAMC,eAAc,CAAGH,EAAE,CAAC,cAAD,CAAzB,CAEP,MAAO,IAAMI,WAAU,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGxBC,CAHwB,CAIxBC,CAJwB,CAKxBC,CALwB,CAMrB,CACH,GAAMC,EAAwB,CAAGL,CAAI,oBAC5BM,KAAK,CAACC,OAAN,CAAcP,CAAd,EAAsBA,CAAtB,CAA6B,CAACA,CAAD,CADD,EAEjC,EAFJ,CAGA,GAAIG,CAAJ,CAAU,IAEFK,EAAM,CAAG,oBADFL,CACE,EAAM,IAAI,CAAEP,QAAQ,CAACC,WAAD,CAAcK,CAAd,CAAoBE,CAApB,CAApB,EAFP,CAGS,MAAb,GAAAH,CAHI,EAINI,CAAK,CAACI,IAAN,CAAWD,CAAX,CAJM,CAMS,OAAb,GAAAP,CANI,EAONI,CAAK,CAACK,OAAN,CAAcF,CAAd,CAEH,CACD,MAAOH,EAAK,CAACM,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,QACf,4BACE,SAAS,CAAEf,cAAc,CAAC,MAAD,CAAS,CAChCG,QAAQ,CAARA,CADgC,CAAT,CAD3B,CAIE,GAAG,CAAEH,cAAc,CAAC,MAAD,CAAS,CAC1BG,QAAQ,CAARA,CAD0B,CAE1BY,KAAK,CAALA,CAF0B,CAAT,CAJrB,EASGD,CATH,CADe,CAAV,CAaR,CAjCM"}
+{"version":3,"file":"ListItemGrid.js","names":["React","cn","getByMap","isNotNil","mapIconSize","cnListItemGrid","renderSlot","side","position","size","Icon","iconSize","sides","Array","isArray","render","push","unshift","map","item","index"],"sources":["../../../../../../src/components/ListCanary/ListItemGrid/ListItemGrid.tsx"],"sourcesContent":["import './ListItemGrid.css';\n\nimport React from 'react';\n\nimport { IconComponent, IconPropSize } from '##/icons/Icon';\nimport { cn } from '##/utils/bem';\nimport { getByMap } from '##/utils/getByMap';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { mapIconSize } from '../maps';\nimport { ListPropSize } from '../types';\n\nexport const cnListItemGrid = cn('ListItemGrid');\n\nexport const renderSlot = (\n  side: React.ReactNode,\n  position: 'left' | 'right',\n  size: ListPropSize,\n  Icon?: IconComponent,\n  iconSize?: IconPropSize,\n): React.ReactNode[] => {\n  const sides: React.ReactNode[] = side\n    ? [...(Array.isArray(side) ? side : [side])]\n    : [];\n  if (Icon) {\n    const render = <Icon size={getByMap(mapIconSize, size, iconSize)} />;\n    if (position === 'left') {\n      sides.push(render);\n    }\n    if (position === 'right') {\n      sides.unshift(render);\n    }\n  }\n  return sides.map((item, index) => {\n    if (isNotNil(item)) {\n      return (\n        <div\n          className={cnListItemGrid('Slot', {\n            position,\n          })}\n          key={cnListItemGrid('Slot', {\n            position,\n            index,\n          })}\n        >\n          {item}\n        </div>\n      );\n    }\n  });\n};\n"],"mappings":"yEAAA,2BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAGA,OAASC,EAAT,0BACA,OAASC,QAAT,+BACA,OAASC,QAAT,kCAEA,OAASC,WAAT,eAGA,MAAO,IAAMC,eAAc,CAAGJ,EAAE,CAAC,cAAD,CAAzB,CAEP,MAAO,IAAMK,WAAU,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGxBC,CAHwB,CAIxBC,CAJwB,CAKxBC,CALwB,CAMF,CACtB,GAAMC,EAAwB,CAAGL,CAAI,oBAC5BM,KAAK,CAACC,OAAN,CAAcP,CAAd,EAAsBA,CAAtB,CAA6B,CAACA,CAAD,CADD,EAEjC,EAFJ,CAGA,GAAIG,CAAJ,CAAU,CACR,GAAMK,EAAM,CAAG,oBAAC,CAAD,EAAM,IAAI,CAAEb,QAAQ,CAACE,WAAD,CAAcK,CAAd,CAAoBE,CAApB,CAApB,EAAf,CACiB,MAAb,GAAAH,CAFI,EAGNI,CAAK,CAACI,IAAN,CAAWD,CAAX,CAHM,CAKS,OAAb,GAAAP,CALI,EAMNI,CAAK,CAACK,OAAN,CAAcF,CAAd,CAEH,CACD,MAAOH,EAAK,CAACM,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,CAAiB,CAChC,GAAIjB,QAAQ,CAACgB,CAAD,CAAZ,CACE,MACE,4BACE,SAAS,CAAEd,cAAc,CAAC,MAAD,CAAS,CAChCG,QAAQ,CAARA,CADgC,CAAT,CAD3B,CAIE,GAAG,CAAEH,cAAc,CAAC,MAAD,CAAS,CAC1BG,QAAQ,CAARA,CAD0B,CAE1BY,KAAK,CAALA,CAF0B,CAAT,CAJrB,EASGD,CATH,CAaL,CAhBM,CAiBR,CApCM"}

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

@@ -2,6 +2,7 @@ import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import React from 'react';
 import { MixSpaceProps } from "../../mixs/MixSpace";
 import { Group } from "../../utils/getGroups";
+import { AsAttributes, AsTags } from "../../utils/types/AsTags";
 import { PropsWithAsAttributes } from "../../utils/types/PropsWithAsAttributes";
 import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
 export declare const listPropSize: readonly ["m", "xs", "s", "l"];
@@ -49,8 +50,8 @@ export declare type ListPropGetItemLeftSide<ITEM> = (item: ITEM) => React.ReactN
 export declare type ListPropGetItemLeftIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
 export declare type ListPropGetItemRightSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
 export declare type ListPropGetItemRightIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
-export declare type ListPropGetItemAs<ITEM> = (item: ITEM) => keyof JSX.IntrinsicElements | undefined;
-export declare type ListPropGetItemAttributes<ITEM> = (item: ITEM) => JSX.IntrinsicElements[keyof JSX.IntrinsicElements] | undefined;
+export declare type ListPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
+export declare type ListPropGetItemAttributes<ITEM> = (item: ITEM) => AsAttributes | undefined;
 export declare type ListPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler | undefined;
 export declare type ListPropSortGroup<ITEM, GROUP> = (a: Group<ITEM, GROUP>, b: Group<ITEM, GROUP>) => number;
 export declare type ListPropGetGroupKey<GROUP> = (item: GROUP) => string | number;
@@ -99,13 +100,13 @@ export declare type ListProps<ITEM = DefaultListItem, GROUP = DefaultListGroup>
     getGroupKey: ListPropGetGroupKey<GROUP>;
 });
 export declare type ListComponent = <ITEM = DefaultListItem, GROUP = DefaultListGroup>(props: ListProps<ITEM, GROUP>) => React.ReactElement | null;
-export declare type ListItemProps<AS extends keyof JSX.IntrinsicElements = 'div'> = PropsWithAsAttributes<Omit<DefaultListItem, 'id' | 'groupId' | 'attributes' | 'onClick'> & {
+export declare type ListItemProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<Omit<DefaultListItem, 'id' | 'groupId' | 'attributes' | 'onClick'> & {
     size?: ListPropSize;
     innerOffset?: 'normal' | 'increased';
     space?: MixSpaceProps;
     iconSize?: IconPropSize;
 }, AS>;
-export declare type ListItemComponent = <AS extends keyof JSX.IntrinsicElements = 'div'>(props: ListItemProps<AS>) => React.ReactElement | null;
+export declare type ListItemComponent = <AS extends AsTags = 'div'>(props: ListItemProps<AS>) => React.ReactElement | null;
 export declare type ListGroupLabelProps = PropsWithHTMLAttributesAndRef<{
     size?: ListPropSize;
     label: string;