@consta/uikit 5.30.0 → 5.32.0

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","names":["IconClear","IconSelect","React","forwardRef","useRef","usePropsHandler","cnSelect","defaultLabelForCreate","defaultLabelForEmptyItems","defaultLabelForNotFound","getInputWidth","SelectContainer","SelectDropdown","SelectItem","SelectValueTag","defaultPropForm","defaultPropSize","defaultPropView","useSelect","useForkRef","isNotNil","Text","clearSizeMap","iconSizeMap","isMultipleParams","isNotMultipleParams","withDefaultGetters","COMPONENT_NAME","ComboboxRender","props","ref","defaultDropdownRef","controlInnerRef","helperInputFakeElement","controlRef","placeholder","onBlur","onFocus","items","onChange","value","disabled","ariaLabel","id","required","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemLabel","getItemKey","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","allSelectedAllLabel","searchValueProp","searchValue","renderValueProp","renderValue","onCreate","inputRefProp","inputRef","labelForNotFound","labelForCreate","labelForEmptyItems","searchFunction","selectAll","isLoading","multiple","style","dropdownForm","virtualScroll","onScrollToBottom","onDropdownOpen","onSearchValueChange","dropdownOpen","ignoreOutsideClicksRefs","dropdownViewportRef","otherProps","getKeyProps","getOptionProps","isOpen","visibleItems","isFocused","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","handleInputChange","clearValue","getHandleRemoveValue","notFound","hasItems","optionsRefs","allItemsSelected","inputId","renderValueDefaultMultiple","item","handleRemove","renderValueDefaultNotMultiple","valueLabel","inputRefForRender","renderControlValue","width","Array","isArray","map","length","hide","isClearButtonVisible","hasInput","renderValueList","renderItemDefault","active","hovered","onClick","onMouseEnter","zIndex","Combobox"],"sources":["../../../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import '##/components/SelectComponents/Select.css';\n\nimport { IconClear } from '@consta/icons/IconClear';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport { cnSelect } from '##/components/SelectComponents/cnSelect';\nimport {\n  defaultLabelForCreate,\n  defaultLabelForEmptyItems,\n  defaultLabelForNotFound,\n  getInputWidth,\n} from '##/components/SelectComponents/helpers';\nimport { SelectContainer } from '##/components/SelectComponents/SelectContainer';\nimport { SelectDropdown } from '##/components/SelectComponents/SelectDropdown';\nimport { SelectItem } from '##/components/SelectComponents/SelectItem';\nimport { SelectValueTag } from '##/components/SelectComponents/SelectValueTag';\nimport {\n  defaultPropForm,\n  defaultPropSize,\n  defaultPropView,\n} from '##/components/SelectComponents/types';\nimport { useSelect } from '##/components/SelectComponents/useSelect';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { Text } from '../Text';\nimport {\n  clearSizeMap,\n  ComboboxComponent,\n  ComboboxGroupDefault,\n  ComboboxItemDefault,\n  ComboboxPropRenderItem,\n  ComboboxPropRenderValue,\n  ComboboxProps,\n  iconSizeMap,\n  isMultipleParams,\n  isNotMultipleParams,\n  withDefaultGetters,\n} from './helpers';\n\nexport const COMPONENT_NAME = 'Combobox' as const;\n\nconst ComboboxRender = <\n  ITEM = ComboboxItemDefault,\n  GROUP = ComboboxGroupDefault,\n  MULTIPLE extends boolean = false,\n>(\n  props: ComboboxProps<ITEM, GROUP, MULTIPLE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const defaultDropdownRef = useRef<HTMLDivElement | null>(null);\n  const controlInnerRef = useRef<HTMLDivElement>(null);\n  const helperInputFakeElement = useRef<HTMLDivElement>(null);\n  const controlRef = useRef<HTMLDivElement | null>(null);\n\n  const {\n    placeholder,\n    onBlur,\n    onFocus,\n    items,\n    onChange,\n    value,\n    disabled,\n    ariaLabel,\n    id,\n    required,\n    dropdownRef,\n    form = defaultPropForm,\n    view = defaultPropView,\n    size = defaultPropSize,\n    dropdownClassName,\n    name,\n    groups = [],\n    getItemLabel,\n    getItemKey,\n    getItemGroupKey,\n    getItemDisabled,\n    getGroupKey,\n    getGroupLabel,\n    renderItem,\n    allSelectedAllLabel = 'Все',\n    searchValue: searchValueProp,\n    renderValue: renderValueProp,\n    onCreate,\n    inputRef: inputRefProp,\n    labelForNotFound = defaultLabelForNotFound,\n    labelForCreate = defaultLabelForCreate,\n    labelForEmptyItems = defaultLabelForEmptyItems,\n    searchFunction,\n    selectAll,\n    isLoading,\n    multiple = false,\n    style,\n    dropdownForm = 'default',\n    virtualScroll,\n    onScrollToBottom,\n    onDropdownOpen,\n    onSearchValueChange,\n    dropdownOpen,\n    ignoreOutsideClicksRefs,\n    dropdownViewportRef,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), controlRef);\n\n  const {\n    getKeyProps,\n    getOptionProps,\n    isOpen,\n    visibleItems,\n    isFocused,\n    handleInputFocus,\n    handleInputBlur,\n    handleToggleDropdown,\n    inputRef,\n    handleInputClick,\n    handleInputChange,\n    searchValue,\n    clearValue,\n    getHandleRemoveValue,\n    notFound,\n    hasItems,\n    optionsRefs,\n    allItemsSelected,\n  } = useSelect({\n    items,\n    groups,\n    value,\n    onChange,\n    selectAll,\n    dropdownRef: defaultDropdownRef,\n    controlRef,\n    disabled,\n    getItemLabel,\n    getItemKey,\n    getGroupKey,\n    searchValue: searchValueProp,\n    getItemGroupKey,\n    getItemDisabled,\n    multiple,\n    onBlur,\n    onFocus,\n    onCreate,\n    searchFunction,\n    onDropdownOpen,\n    onSearchValueChange,\n    dropdownOpen,\n    ignoreOutsideClicksRefs,\n  });\n\n  const inputId = id ? `${id}-input` : id;\n\n  const renderItemDefault: ComboboxPropRenderItem<ITEM> = (props) => {\n    const { item, active, hovered, onClick, onMouseEnter, ref } = props;\n\n    return (\n      <SelectItem\n        label={getItemLabel(item)}\n        active={active}\n        hovered={hovered}\n        multiple={multiple}\n        size={size}\n        indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        disabled={getItemDisabled(item)}\n        ref={ref}\n      />\n    );\n  };\n\n  const renderValueDefaultMultiple: ComboboxPropRenderValue<ITEM> = ({\n    item,\n    handleRemove,\n  }) => {\n    return (\n      <SelectValueTag\n        label={getItemLabel(item)}\n        key={getItemKey(item)}\n        size={size}\n        disabled={disabled || getItemDisabled(item)}\n        handleRemove={handleRemove}\n      />\n    );\n  };\n\n  const renderValueDefaultNotMultiple: ComboboxPropRenderValue<ITEM> = (\n    props,\n  ) => {\n    const valueLabel = getItemLabel(props.item);\n\n    return (\n      <span className={cnSelect('ControlValue')} title={valueLabel}>\n        {valueLabel}\n      </span>\n    );\n  };\n\n  const renderValue =\n    renderValueProp ||\n    (multiple ? renderValueDefaultMultiple : renderValueDefaultNotMultiple);\n\n  const inputRefForRender = useForkRef([inputRef, inputRefProp]);\n\n  const renderControlValue = () => {\n    const width = multiple\n      ? getInputWidth(controlInnerRef, helperInputFakeElement)\n      : undefined;\n    return (\n      <>\n        {isMultipleParams(props) &&\n          Array.isArray(props.value) &&\n          props.value.map((item) =>\n            renderValue({ item, handleRemove: getHandleRemoveValue(item) }),\n          )}\n        {isNotMultipleParams(props) &&\n          isNotNil(props.value) &&\n          renderValue({ item: props.value })}\n        {(!isNotNil(value) || (Array.isArray(value) && value.length === 0)) &&\n          !searchValue &&\n          placeholder && (\n            <span className={cnSelect('Placeholder')} title=\"placeholder\">\n              {placeholder}\n            </span>\n          )}\n        <input\n          {...getKeyProps()}\n          type=\"text\"\n          name={name}\n          id={inputId}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          aria-label={ariaLabel}\n          onChange={handleInputChange}\n          ref={inputRefForRender}\n          className={cnSelect('Input', {\n            size,\n            hide: !multiple && isNotNil(value),\n            multiple,\n          })}\n          value={searchValue}\n          style={{ width }}\n        />\n      </>\n    );\n  };\n\n  const renderValueList = () => {\n    if (allItemsSelected) {\n      return (\n        <Text\n          view=\"primary\"\n          size={size}\n          className={cnSelect('SelectAll')}\n          lineHeight=\"m\"\n        >\n          {allSelectedAllLabel}\n        </Text>\n      );\n    }\n    if (multiple) {\n      return (\n        <div className={cnSelect('ControlValue')}>{renderControlValue()}</div>\n      );\n    }\n    return renderControlValue();\n  };\n\n  const isClearButtonVisible = isMultipleParams(props)\n    ? isNotNil(props.value) && props.value.length > 0\n    : isNotNil(props.value);\n\n  return (\n    <>\n      <SelectContainer\n        focused={isFocused}\n        disabled={disabled}\n        size={size}\n        view={view}\n        required={required}\n        form={form}\n        multiple={multiple}\n        ref={ref}\n        type=\"combobox\"\n        style={style}\n        id={inputId}\n        {...otherProps}\n      >\n        <div\n          className={cnSelect('Control', { hasInput: true })}\n          ref={controlRef}\n          aria-expanded={isOpen}\n          aria-haspopup=\"listbox\"\n          id={id}\n        >\n          <div\n            className={cnSelect('ControlInner')}\n            onClick={handleInputClick}\n            role=\"button\"\n            ref={controlInnerRef}\n            aria-hidden=\"true\"\n          >\n            <div className={cnSelect('ControlValueContainer')}>\n              {renderValueList()}\n            </div>\n          </div>\n          <span className={cnSelect('Indicators')}>\n            {isClearButtonVisible && (\n              <button\n                type=\"button\"\n                onClick={clearValue}\n                tabIndex={-1}\n                className={cnSelect('ClearIndicator')}\n              >\n                <IconClear\n                  size={clearSizeMap[size]}\n                  className={cnSelect('ClearIndicatorIcon')}\n                />\n              </button>\n            )}\n            <span className={cnSelect('Delimiter')} />\n            <button\n              type=\"button\"\n              className={cnSelect('IndicatorsDropdown')}\n              tabIndex={-1}\n              onClick={handleToggleDropdown}\n            >\n              <IconSelect\n                size={iconSizeMap[size]}\n                className={cnSelect('DropdownIndicatorIcon')}\n              />\n            </button>\n          </span>\n        </div>\n        <div\n          className={cnSelect('HelperInputFakeElement')}\n          ref={helperInputFakeElement}\n        >\n          {searchValue}\n        </div>\n      </SelectContainer>\n      <SelectDropdown\n        viewportRef={dropdownViewportRef}\n        isOpen={isOpen}\n        size={size}\n        controlRef={controlRef}\n        getOptionProps={getOptionProps}\n        dropdownRef={useForkRef([dropdownRef, defaultDropdownRef])}\n        form={dropdownForm}\n        className={dropdownClassName}\n        renderItem={renderItem || renderItemDefault}\n        getGroupLabel={getGroupLabel}\n        visibleItems={visibleItems}\n        labelForNotFound={labelForNotFound}\n        labelForCreate={labelForCreate}\n        isLoading={isLoading}\n        labelForEmptyItems={labelForEmptyItems}\n        notFound={notFound}\n        hasItems={hasItems}\n        itemsRefs={optionsRefs}\n        virtualScroll={virtualScroll}\n        onScrollToBottom={onScrollToBottom}\n        style={\n          typeof style?.zIndex === 'number'\n            ? { zIndex: style.zIndex + 1 }\n            : undefined\n        }\n      />\n    </>\n  );\n};\n\nexport const Combobox = forwardRef(ComboboxRender) as ComboboxComponent;\n"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","names":["IconClear","IconSelect","React","forwardRef","useRef","usePropsHandler","cnSelect","defaultLabelForCreate","defaultLabelForEmptyItems","defaultLabelForNotFound","getInputWidth","SelectContainer","SelectDropdown","SelectItem","SelectValueTag","defaultPropForm","defaultPropSize","defaultPropView","useSelect","useForkRef","isNotNil","Text","clearSizeMap","iconSizeMap","isMultipleParams","isNotMultipleParams","withDefaultGetters","COMPONENT_NAME","ComboboxRender","props","ref","defaultDropdownRef","controlInnerRef","helperInputFakeElement","controlRef","placeholder","onBlur","onFocus","items","onChange","value","disabled","ariaLabel","id","required","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemLabel","getItemKey","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","allSelectedAllLabel","searchValueProp","searchValue","renderValueProp","renderValue","onCreate","inputRefProp","inputRef","labelForNotFound","labelForCreate","labelForEmptyItems","searchFunction","selectAll","isLoading","multiple","style","dropdownForm","virtualScroll","onScrollToBottom","onDropdownOpen","onSearchValueChange","dropdownOpen","ignoreOutsideClicksRefs","dropdownViewportRef","dropdownContainer","otherProps","getKeyProps","getOptionProps","isOpen","visibleItems","isFocused","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","handleInputChange","clearValue","getHandleRemoveValue","notFound","hasItems","optionsRefs","allItemsSelected","inputId","renderValueDefaultMultiple","item","handleRemove","renderValueDefaultNotMultiple","valueLabel","inputRefForRender","renderControlValue","width","Array","isArray","map","length","hide","isClearButtonVisible","hasInput","renderValueList","renderItemDefault","active","hovered","onClick","onMouseEnter","zIndex","Combobox"],"sources":["../../../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import '##/components/SelectComponents/Select.css';\n\nimport { IconClear } from '@consta/icons/IconClear';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport { cnSelect } from '##/components/SelectComponents/cnSelect';\nimport {\n  defaultLabelForCreate,\n  defaultLabelForEmptyItems,\n  defaultLabelForNotFound,\n  getInputWidth,\n} from '##/components/SelectComponents/helpers';\nimport { SelectContainer } from '##/components/SelectComponents/SelectContainer';\nimport { SelectDropdown } from '##/components/SelectComponents/SelectDropdown';\nimport { SelectItem } from '##/components/SelectComponents/SelectItem';\nimport { SelectValueTag } from '##/components/SelectComponents/SelectValueTag';\nimport {\n  defaultPropForm,\n  defaultPropSize,\n  defaultPropView,\n} from '##/components/SelectComponents/types';\nimport { useSelect } from '##/components/SelectComponents/useSelect';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { Text } from '../Text';\nimport {\n  clearSizeMap,\n  ComboboxComponent,\n  ComboboxGroupDefault,\n  ComboboxItemDefault,\n  ComboboxPropRenderItem,\n  ComboboxPropRenderValue,\n  ComboboxProps,\n  iconSizeMap,\n  isMultipleParams,\n  isNotMultipleParams,\n  withDefaultGetters,\n} from './helpers';\n\nexport const COMPONENT_NAME = 'Combobox' as const;\n\nconst ComboboxRender = <\n  ITEM = ComboboxItemDefault,\n  GROUP = ComboboxGroupDefault,\n  MULTIPLE extends boolean = false,\n>(\n  props: ComboboxProps<ITEM, GROUP, MULTIPLE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const defaultDropdownRef = useRef<HTMLDivElement | null>(null);\n  const controlInnerRef = useRef<HTMLDivElement>(null);\n  const helperInputFakeElement = useRef<HTMLDivElement>(null);\n  const controlRef = useRef<HTMLDivElement | null>(null);\n\n  const {\n    placeholder,\n    onBlur,\n    onFocus,\n    items,\n    onChange,\n    value,\n    disabled,\n    ariaLabel,\n    id,\n    required,\n    dropdownRef,\n    form = defaultPropForm,\n    view = defaultPropView,\n    size = defaultPropSize,\n    dropdownClassName,\n    name,\n    groups = [],\n    getItemLabel,\n    getItemKey,\n    getItemGroupKey,\n    getItemDisabled,\n    getGroupKey,\n    getGroupLabel,\n    renderItem,\n    allSelectedAllLabel = 'Все',\n    searchValue: searchValueProp,\n    renderValue: renderValueProp,\n    onCreate,\n    inputRef: inputRefProp,\n    labelForNotFound = defaultLabelForNotFound,\n    labelForCreate = defaultLabelForCreate,\n    labelForEmptyItems = defaultLabelForEmptyItems,\n    searchFunction,\n    selectAll,\n    isLoading,\n    multiple = false,\n    style,\n    dropdownForm = 'default',\n    virtualScroll,\n    onScrollToBottom,\n    onDropdownOpen,\n    onSearchValueChange,\n    dropdownOpen,\n    ignoreOutsideClicksRefs,\n    dropdownViewportRef,\n    dropdownContainer,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), controlRef);\n\n  const {\n    getKeyProps,\n    getOptionProps,\n    isOpen,\n    visibleItems,\n    isFocused,\n    handleInputFocus,\n    handleInputBlur,\n    handleToggleDropdown,\n    inputRef,\n    handleInputClick,\n    handleInputChange,\n    searchValue,\n    clearValue,\n    getHandleRemoveValue,\n    notFound,\n    hasItems,\n    optionsRefs,\n    allItemsSelected,\n  } = useSelect({\n    items,\n    groups,\n    value,\n    onChange,\n    selectAll,\n    dropdownRef: defaultDropdownRef,\n    controlRef,\n    disabled,\n    getItemLabel,\n    getItemKey,\n    getGroupKey,\n    searchValue: searchValueProp,\n    getItemGroupKey,\n    getItemDisabled,\n    multiple,\n    onBlur,\n    onFocus,\n    onCreate,\n    searchFunction,\n    onDropdownOpen,\n    onSearchValueChange,\n    dropdownOpen,\n    ignoreOutsideClicksRefs,\n  });\n\n  const inputId = id ? `${id}-input` : id;\n\n  const renderItemDefault: ComboboxPropRenderItem<ITEM> = (props) => {\n    const { item, active, hovered, onClick, onMouseEnter, ref } = props;\n\n    return (\n      <SelectItem\n        label={getItemLabel(item)}\n        active={active}\n        hovered={hovered}\n        multiple={multiple}\n        size={size}\n        indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        disabled={getItemDisabled(item)}\n        ref={ref}\n      />\n    );\n  };\n\n  const renderValueDefaultMultiple: ComboboxPropRenderValue<ITEM> = ({\n    item,\n    handleRemove,\n  }) => {\n    return (\n      <SelectValueTag\n        label={getItemLabel(item)}\n        key={getItemKey(item)}\n        size={size}\n        disabled={disabled || getItemDisabled(item)}\n        handleRemove={handleRemove}\n      />\n    );\n  };\n\n  const renderValueDefaultNotMultiple: ComboboxPropRenderValue<ITEM> = (\n    props,\n  ) => {\n    const valueLabel = getItemLabel(props.item);\n\n    return (\n      <span className={cnSelect('ControlValue')} title={valueLabel}>\n        {valueLabel}\n      </span>\n    );\n  };\n\n  const renderValue =\n    renderValueProp ||\n    (multiple ? renderValueDefaultMultiple : renderValueDefaultNotMultiple);\n\n  const inputRefForRender = useForkRef([inputRef, inputRefProp]);\n\n  const renderControlValue = () => {\n    const width = multiple\n      ? getInputWidth(controlInnerRef, helperInputFakeElement)\n      : undefined;\n    return (\n      <>\n        {isMultipleParams(props) &&\n          Array.isArray(props.value) &&\n          props.value.map((item) =>\n            renderValue({ item, handleRemove: getHandleRemoveValue(item) }),\n          )}\n        {isNotMultipleParams(props) &&\n          isNotNil(props.value) &&\n          renderValue({ item: props.value })}\n        {(!isNotNil(value) || (Array.isArray(value) && value.length === 0)) &&\n          !searchValue &&\n          placeholder && (\n            <span className={cnSelect('Placeholder')} title=\"placeholder\">\n              {placeholder}\n            </span>\n          )}\n        <input\n          {...getKeyProps()}\n          type=\"text\"\n          name={name}\n          id={inputId}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          aria-label={ariaLabel}\n          onChange={handleInputChange}\n          ref={inputRefForRender}\n          className={cnSelect('Input', {\n            size,\n            hide: !multiple && isNotNil(value),\n            multiple,\n          })}\n          value={searchValue}\n          style={{ width }}\n        />\n      </>\n    );\n  };\n\n  const renderValueList = () => {\n    if (allItemsSelected) {\n      return (\n        <Text\n          view=\"primary\"\n          size={size}\n          className={cnSelect('SelectAll')}\n          lineHeight=\"m\"\n        >\n          {allSelectedAllLabel}\n        </Text>\n      );\n    }\n    if (multiple) {\n      return (\n        <div className={cnSelect('ControlValue')}>{renderControlValue()}</div>\n      );\n    }\n    return renderControlValue();\n  };\n\n  const isClearButtonVisible = isMultipleParams(props)\n    ? isNotNil(props.value) && props.value.length > 0\n    : isNotNil(props.value);\n\n  return (\n    <>\n      <SelectContainer\n        focused={isFocused}\n        disabled={disabled}\n        size={size}\n        view={view}\n        required={required}\n        form={form}\n        multiple={multiple}\n        ref={ref}\n        type=\"combobox\"\n        style={style}\n        id={inputId}\n        {...otherProps}\n      >\n        <div\n          className={cnSelect('Control', { hasInput: true })}\n          ref={controlRef}\n          aria-expanded={isOpen}\n          aria-haspopup=\"listbox\"\n          id={id}\n        >\n          <div\n            className={cnSelect('ControlInner')}\n            onClick={handleInputClick}\n            role=\"button\"\n            ref={controlInnerRef}\n            aria-hidden=\"true\"\n          >\n            <div className={cnSelect('ControlValueContainer')}>\n              {renderValueList()}\n            </div>\n          </div>\n          <span className={cnSelect('Indicators')}>\n            {isClearButtonVisible && (\n              <button\n                type=\"button\"\n                onClick={clearValue}\n                tabIndex={-1}\n                className={cnSelect('ClearIndicator')}\n              >\n                <IconClear\n                  size={clearSizeMap[size]}\n                  className={cnSelect('ClearIndicatorIcon')}\n                />\n              </button>\n            )}\n            <span className={cnSelect('Delimiter')} />\n            <button\n              type=\"button\"\n              className={cnSelect('IndicatorsDropdown')}\n              tabIndex={-1}\n              onClick={handleToggleDropdown}\n            >\n              <IconSelect\n                size={iconSizeMap[size]}\n                className={cnSelect('DropdownIndicatorIcon')}\n              />\n            </button>\n          </span>\n        </div>\n        <div\n          className={cnSelect('HelperInputFakeElement')}\n          ref={helperInputFakeElement}\n        >\n          {searchValue}\n        </div>\n      </SelectContainer>\n      <SelectDropdown\n        viewportRef={dropdownViewportRef}\n        isOpen={isOpen}\n        size={size}\n        controlRef={controlRef}\n        getOptionProps={getOptionProps}\n        dropdownRef={useForkRef([dropdownRef, defaultDropdownRef])}\n        form={dropdownForm}\n        className={dropdownClassName}\n        renderItem={renderItem || renderItemDefault}\n        getGroupLabel={getGroupLabel}\n        visibleItems={visibleItems}\n        labelForNotFound={labelForNotFound}\n        labelForCreate={labelForCreate}\n        isLoading={isLoading}\n        labelForEmptyItems={labelForEmptyItems}\n        notFound={notFound}\n        hasItems={hasItems}\n        itemsRefs={optionsRefs}\n        virtualScroll={virtualScroll}\n        onScrollToBottom={onScrollToBottom}\n        container={dropdownContainer}\n        style={\n          typeof style?.zIndex === 'number'\n            ? { zIndex: style.zIndex + 1 }\n            : undefined\n        }\n      />\n    </>\n  );\n};\n\nexport const Combobox = forwardRef(ComboboxRender) as ComboboxComponent;\n"],"mappings":"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"}

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

@@ -78,6 +78,7 @@ export type ComboboxProps<ITEM = ComboboxItemDefault, GROUP = ComboboxGroupDefau
     onDropdownOpen?: (isOpen: boolean) => void;
     dropdownOpen?: boolean;
     dropdownViewportRef?: React.RefObject<HTMLElement>;
+    dropdownContainer?: Element;
     ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
 }, HTMLDivElement> & (MULTIPLE extends true ? {
     selectAll?: boolean;
@@ -157,8 +158,9 @@ export declare function withDefaultGetters<ITEM = ComboboxItemDefault, GROUP = C
     onDropdownOpen?: (isOpen: boolean) => void;
     dropdownOpen?: boolean;
     dropdownViewportRef?: React.RefObject<HTMLElement>;
+    dropdownContainer?: Element;
     ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "onFocus" | "onBlur" | "onChange" | "size" | "view" | "form" | "status" | "caption" | "label" | "name" | "disabled" | "value" | "multiple" | "placeholder" | "required" | "inputRef" | "items" | "dropdownForm" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelIcon" | "labelPosition" | "onScrollToBottom" | "labelForCreate" | "searchFunction" | "searchValue" | "onDropdownOpen" | "onSearchValueChange" | "dropdownOpen" | "ignoreOutsideClicksRefs" | "labelForNotFound" | "virtualScroll" | "dropdownViewportRef" | "onCreate"> & React.RefAttributes<HTMLDivElement> & (MULTIPLE extends true ? {
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "onFocus" | "onBlur" | "onChange" | "size" | "view" | "form" | "status" | "caption" | "label" | "name" | "disabled" | "value" | "multiple" | "placeholder" | "required" | "inputRef" | "items" | "dropdownForm" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelIcon" | "labelPosition" | "onScrollToBottom" | "labelForCreate" | "searchFunction" | "searchValue" | "onDropdownOpen" | "onSearchValueChange" | "dropdownOpen" | "ignoreOutsideClicksRefs" | "labelForNotFound" | "virtualScroll" | "dropdownViewportRef" | "dropdownContainer" | "onCreate"> & React.RefAttributes<HTMLDivElement> & (MULTIPLE extends true ? {
     selectAll?: boolean;
     allSelectedAllLabel?: string;
 } : {

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["defaultGetItemKey","item","id","defaultGetItemLabel","label","defaultGetItemGroupKey","groupId","defaultGetItemDisabled","disabled","defaultGetGroupKey","group","defaultGetGroupLabel","isMultipleParams","params","multiple","isNotMultipleParams","withDefaultGetters","props","getItemLabel","getItemKey","getItemGroupKey","getItemDisabled","getGroupLabel","getGroupKey","clearSizeMap","xs","s","m","l","iconSizeMap"],"sources":["../../../../../src/components/Combobox/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport {\n  PropForm,\n  PropSize,\n  PropStatus,\n  PropView,\n  RenderItemProps,\n} from '##/components/SelectComponents/types';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type ComboboxItemDefault = {\n  label: string;\n  id: string | number;\n  groupId?: string | number;\n  disabled?: boolean;\n};\n\nexport type ComboboxGroupDefault = {\n  label: string;\n  id: string | number;\n};\n\ntype RenderValueProps<ITEM> = {\n  item: ITEM;\n  handleRemove?: (e: React.SyntheticEvent) => void;\n};\n\nexport type ComboboxPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type ComboboxPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type ComboboxPropGetItemGroupKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type ComboboxPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type ComboboxPropGetGroupKey<GROUP> = (group: GROUP) => string | number;\nexport type ComboboxPropGetGroupLabel<GROUP> = (group: GROUP) => string;\ntype ComboboxPropSearchFunction<ITEM> = (\n  item: ITEM,\n  searchValue: string,\n) => boolean;\ntype ComboboxPropOnChange<ITEM, MULTIPLE extends boolean> = (\n  value: (MULTIPLE extends true ? ITEM[] : ITEM) | null,\n  props: {\n    e: React.SyntheticEvent;\n  },\n) => void;\ntype ComboboxPropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null\n  | undefined;\n\nexport type ComboboxPropRenderItem<ITEM> = (\n  props: RenderItemProps<ITEM>,\n) => React.ReactNode | null;\nexport type ComboboxPropRenderValue<ITEM> = (\n  props: RenderValueProps<ITEM>,\n) => React.ReactNode | null;\n\ntype ComboboxPropOnCreate = (\n  label: string,\n  props: { e: React.SyntheticEvent },\n) => void;\n\nexport type ComboboxProps<\n  ITEM = ComboboxItemDefault,\n  GROUP = ComboboxGroupDefault,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    onChange: ComboboxPropOnChange<ITEM, MULTIPLE>;\n    disabled?: boolean;\n    form?: PropForm;\n    dropdownForm?: 'default' | 'brick' | 'round';\n    size?: PropSize;\n    view?: PropView;\n    placeholder?: string;\n    ariaLabel?: string;\n    status?: PropStatus;\n    isLoading?: boolean;\n    dropdownClassName?: string;\n    dropdownRef?: React.Ref<HTMLDivElement>;\n    name?: string;\n    renderItem?: ComboboxPropRenderItem<ITEM>;\n    renderValue?: ComboboxPropRenderValue<ITEM>;\n    onFocus?: React.FocusEventHandler<HTMLInputElement>;\n    onBlur?: React.FocusEventHandler<HTMLInputElement>;\n    onCreate?: ComboboxPropOnCreate;\n    inputRef?: React.Ref<HTMLInputElement>;\n    labelForNotFound?: string;\n    required?: boolean;\n    labelForCreate?: string;\n    labelForEmptyItems?: string;\n    searchFunction?: ComboboxPropSearchFunction<ITEM>;\n    searchValue?: string;\n    multiple?: MULTIPLE;\n    value?: ComboboxPropValue<ITEM, MULTIPLE>;\n    groups?: GROUP[];\n    getItemLabel?: ComboboxPropGetItemLabel<ITEM>;\n    getItemKey?: ComboboxPropGetItemKey<ITEM>;\n    getItemGroupKey?: ComboboxPropGetItemGroupKey<ITEM>;\n    getItemDisabled?: ComboboxPropGetItemDisabled<ITEM>;\n    getGroupLabel?: ComboboxPropGetGroupLabel<GROUP>;\n    getGroupKey?: ComboboxPropGetGroupKey<GROUP>;\n    label?: string;\n    labelIcon?: IconComponent;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n    virtualScroll?: boolean;\n    onScrollToBottom?: (length: number) => void;\n    onSearchValueChange?: (value: string) => void;\n    onDropdownOpen?: (isOpen: boolean) => void;\n    dropdownOpen?: boolean;\n    dropdownViewportRef?: React.RefObject<HTMLElement>;\n    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n  },\n  HTMLDivElement\n> &\n  (MULTIPLE extends true\n    ? {\n        selectAll?: boolean;\n        allSelectedAllLabel?: string;\n      }\n    : {\n        selectAll?: never;\n        allSelectedAllLabel?: never;\n      }) &\n  (ITEM extends { label: ComboboxItemDefault['label'] }\n    ? {}\n    : { getItemLabel: ComboboxPropGetItemLabel<ITEM> }) &\n  (ITEM extends { id: ComboboxItemDefault['id'] }\n    ? {}\n    : { getItemKey: ComboboxPropGetItemKey<ITEM> }) &\n  (GROUP extends { label: ComboboxGroupDefault['label'] }\n    ? {}\n    : { getGroupLabel: ComboboxPropGetGroupLabel<GROUP> }) &\n  (GROUP extends { id: ComboboxGroupDefault['id'] }\n    ? {}\n    : { getGroupKey: ComboboxPropGetGroupKey<GROUP> });\n\nexport type ComboboxComponent = <\n  ITEM = ComboboxItemDefault,\n  GROUP = ComboboxGroupDefault,\n  MULTIPLE extends boolean = false,\n>(\n  props: ComboboxProps<ITEM, GROUP, MULTIPLE>,\n) => React.ReactNode | null;\n\nexport const defaultGetItemKey: ComboboxPropGetItemKey<ComboboxItemDefault> = (\n  item,\n) => item.id;\nexport const defaultGetItemLabel: ComboboxPropGetItemLabel<\n  ComboboxItemDefault\n> = (item) => item.label;\nexport const defaultGetItemGroupKey: ComboboxPropGetItemGroupKey<\n  ComboboxItemDefault\n> = (item) => item.groupId;\nexport const defaultGetItemDisabled: ComboboxPropGetItemDisabled<\n  ComboboxItemDefault\n> = (item) => item.disabled;\n\nexport const defaultGetGroupKey: ComboboxPropGetGroupKey<\n  ComboboxGroupDefault\n> = (group) => group.id;\nexport const defaultGetGroupLabel: ComboboxPropGetGroupLabel<\n  ComboboxGroupDefault\n> = (group) => group.label;\n\nexport const isMultipleParams = <ITEM, GROUP>(\n  params: ComboboxProps<ITEM, GROUP, boolean>,\n): params is ComboboxProps<ITEM, GROUP, true> => {\n  return !!params.multiple;\n};\n\nexport const isNotMultipleParams = <ITEM, GROUP>(\n  params: ComboboxProps<ITEM, GROUP, boolean>,\n): params is ComboboxProps<ITEM, GROUP, false> => {\n  return !params.multiple;\n};\n\nexport function withDefaultGetters<\n  ITEM = ComboboxItemDefault,\n  GROUP = ComboboxGroupDefault,\n  MULTIPLE extends boolean = false,\n>(props: ComboboxProps<ITEM, GROUP, MULTIPLE>) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemKey: props.getItemKey || defaultGetItemKey,\n    getItemGroupKey: props.getItemGroupKey || defaultGetItemGroupKey,\n    getItemDisabled: props.getItemDisabled || defaultGetItemDisabled,\n    getGroupLabel: props.getGroupLabel || defaultGetGroupLabel,\n    getGroupKey: props.getGroupKey || defaultGetGroupKey,\n  };\n}\n\nexport const clearSizeMap: Record<PropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 's',\n  l: 'm',\n};\n\nexport const iconSizeMap: Record<PropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 'm',\n  l: 'm',\n};\n"],"mappings":"qqBAuJA,MAAO,IAAMA,kBAA8D,CAAG,SAC5EC,CAD4E,QAEzEA,EAAI,CAACC,EAFoE,CAAvE,CAGP,MAAO,IAAMC,oBAEZ,CAAG,SAACF,CAAD,QAAUA,EAAI,CAACG,KAAf,CAFG,CAGP,MAAO,IAAMC,uBAEZ,CAAG,SAACJ,CAAD,QAAUA,EAAI,CAACK,OAAf,CAFG,CAGP,MAAO,IAAMC,uBAEZ,CAAG,SAACN,CAAD,QAAUA,EAAI,CAACO,QAAf,CAFG,CAIP,MAAO,IAAMC,mBAEZ,CAAG,SAACC,CAAD,QAAWA,EAAK,CAACR,EAAjB,CAFG,CAGP,MAAO,IAAMS,qBAEZ,CAAG,SAACD,CAAD,QAAWA,EAAK,CAACN,KAAjB,CAFG,CAIP,MAAO,IAAMQ,iBAAgB,CAAG,SAC9BC,CAD8B,CAEiB,CAC/C,MAAO,CAAC,CAACA,CAAM,CAACC,QACjB,CAJM,CAMP,MAAO,IAAMC,oBAAmB,CAAG,SACjCF,CADiC,CAEe,CAChD,MAAO,CAACA,CAAM,CAACC,QAChB,CAJM,CAMP,MAAO,SAASE,mBAAT,CAILC,CAJK,CAIwC,CAC7C,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBf,mBAFtC,CAGEgB,UAAU,CAAEF,CAAK,CAACE,UAAN,EAAoBnB,iBAHlC,CAIEoB,eAAe,CAAEH,CAAK,CAACG,eAAN,EAAyBf,sBAJ5C,CAKEgB,eAAe,CAAEJ,CAAK,CAACI,eAAN,EAAyBd,sBAL5C,CAMEe,aAAa,CAAEL,CAAK,CAACK,aAAN,EAAuBX,oBANxC,CAOEY,WAAW,CAAEN,CAAK,CAACM,WAAN,EAAqBd,kBAPpC,EASD,CAED,MAAO,IAAMe,aAA4C,CAAG,CAC1DC,EAAE,CAAE,IADsD,CAE1DC,CAAC,CAAE,GAFuD,CAG1DC,CAAC,CAAE,GAHuD,CAI1DC,CAAC,CAAE,GAJuD,CAArD,CAOP,MAAO,IAAMC,YAA2C,CAAG,CACzDJ,EAAE,CAAE,IADqD,CAEzDC,CAAC,CAAE,GAFsD,CAGzDC,CAAC,CAAE,GAHsD,CAIzDC,CAAC,CAAE,GAJsD,CAApD"}
+{"version":3,"file":"helpers.js","names":["defaultGetItemKey","item","id","defaultGetItemLabel","label","defaultGetItemGroupKey","groupId","defaultGetItemDisabled","disabled","defaultGetGroupKey","group","defaultGetGroupLabel","isMultipleParams","params","multiple","isNotMultipleParams","withDefaultGetters","props","getItemLabel","getItemKey","getItemGroupKey","getItemDisabled","getGroupLabel","getGroupKey","clearSizeMap","xs","s","m","l","iconSizeMap"],"sources":["../../../../../src/components/Combobox/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport {\n  PropForm,\n  PropSize,\n  PropStatus,\n  PropView,\n  RenderItemProps,\n} from '##/components/SelectComponents/types';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type ComboboxItemDefault = {\n  label: string;\n  id: string | number;\n  groupId?: string | number;\n  disabled?: boolean;\n};\n\nexport type ComboboxGroupDefault = {\n  label: string;\n  id: string | number;\n};\n\ntype RenderValueProps<ITEM> = {\n  item: ITEM;\n  handleRemove?: (e: React.SyntheticEvent) => void;\n};\n\nexport type ComboboxPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type ComboboxPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type ComboboxPropGetItemGroupKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type ComboboxPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type ComboboxPropGetGroupKey<GROUP> = (group: GROUP) => string | number;\nexport type ComboboxPropGetGroupLabel<GROUP> = (group: GROUP) => string;\ntype ComboboxPropSearchFunction<ITEM> = (\n  item: ITEM,\n  searchValue: string,\n) => boolean;\ntype ComboboxPropOnChange<ITEM, MULTIPLE extends boolean> = (\n  value: (MULTIPLE extends true ? ITEM[] : ITEM) | null,\n  props: {\n    e: React.SyntheticEvent;\n  },\n) => void;\ntype ComboboxPropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null\n  | undefined;\n\nexport type ComboboxPropRenderItem<ITEM> = (\n  props: RenderItemProps<ITEM>,\n) => React.ReactNode | null;\nexport type ComboboxPropRenderValue<ITEM> = (\n  props: RenderValueProps<ITEM>,\n) => React.ReactNode | null;\n\ntype ComboboxPropOnCreate = (\n  label: string,\n  props: { e: React.SyntheticEvent },\n) => void;\n\nexport type ComboboxProps<\n  ITEM = ComboboxItemDefault,\n  GROUP = ComboboxGroupDefault,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    onChange: ComboboxPropOnChange<ITEM, MULTIPLE>;\n    disabled?: boolean;\n    form?: PropForm;\n    dropdownForm?: 'default' | 'brick' | 'round';\n    size?: PropSize;\n    view?: PropView;\n    placeholder?: string;\n    ariaLabel?: string;\n    status?: PropStatus;\n    isLoading?: boolean;\n    dropdownClassName?: string;\n    dropdownRef?: React.Ref<HTMLDivElement>;\n    name?: string;\n    renderItem?: ComboboxPropRenderItem<ITEM>;\n    renderValue?: ComboboxPropRenderValue<ITEM>;\n    onFocus?: React.FocusEventHandler<HTMLInputElement>;\n    onBlur?: React.FocusEventHandler<HTMLInputElement>;\n    onCreate?: ComboboxPropOnCreate;\n    inputRef?: React.Ref<HTMLInputElement>;\n    labelForNotFound?: string;\n    required?: boolean;\n    labelForCreate?: string;\n    labelForEmptyItems?: string;\n    searchFunction?: ComboboxPropSearchFunction<ITEM>;\n    searchValue?: string;\n    multiple?: MULTIPLE;\n    value?: ComboboxPropValue<ITEM, MULTIPLE>;\n    groups?: GROUP[];\n    getItemLabel?: ComboboxPropGetItemLabel<ITEM>;\n    getItemKey?: ComboboxPropGetItemKey<ITEM>;\n    getItemGroupKey?: ComboboxPropGetItemGroupKey<ITEM>;\n    getItemDisabled?: ComboboxPropGetItemDisabled<ITEM>;\n    getGroupLabel?: ComboboxPropGetGroupLabel<GROUP>;\n    getGroupKey?: ComboboxPropGetGroupKey<GROUP>;\n    label?: string;\n    labelIcon?: IconComponent;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n    virtualScroll?: boolean;\n    onScrollToBottom?: (length: number) => void;\n    onSearchValueChange?: (value: string) => void;\n    onDropdownOpen?: (isOpen: boolean) => void;\n    dropdownOpen?: boolean;\n    dropdownViewportRef?: React.RefObject<HTMLElement>;\n    dropdownContainer?: Element;\n    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n  },\n  HTMLDivElement\n> &\n  (MULTIPLE extends true\n    ? {\n        selectAll?: boolean;\n        allSelectedAllLabel?: string;\n      }\n    : {\n        selectAll?: never;\n        allSelectedAllLabel?: never;\n      }) &\n  (ITEM extends { label: ComboboxItemDefault['label'] }\n    ? {}\n    : { getItemLabel: ComboboxPropGetItemLabel<ITEM> }) &\n  (ITEM extends { id: ComboboxItemDefault['id'] }\n    ? {}\n    : { getItemKey: ComboboxPropGetItemKey<ITEM> }) &\n  (GROUP extends { label: ComboboxGroupDefault['label'] }\n    ? {}\n    : { getGroupLabel: ComboboxPropGetGroupLabel<GROUP> }) &\n  (GROUP extends { id: ComboboxGroupDefault['id'] }\n    ? {}\n    : { getGroupKey: ComboboxPropGetGroupKey<GROUP> });\n\nexport type ComboboxComponent = <\n  ITEM = ComboboxItemDefault,\n  GROUP = ComboboxGroupDefault,\n  MULTIPLE extends boolean = false,\n>(\n  props: ComboboxProps<ITEM, GROUP, MULTIPLE>,\n) => React.ReactNode | null;\n\nexport const defaultGetItemKey: ComboboxPropGetItemKey<ComboboxItemDefault> = (\n  item,\n) => item.id;\nexport const defaultGetItemLabel: ComboboxPropGetItemLabel<\n  ComboboxItemDefault\n> = (item) => item.label;\nexport const defaultGetItemGroupKey: ComboboxPropGetItemGroupKey<\n  ComboboxItemDefault\n> = (item) => item.groupId;\nexport const defaultGetItemDisabled: ComboboxPropGetItemDisabled<\n  ComboboxItemDefault\n> = (item) => item.disabled;\n\nexport const defaultGetGroupKey: ComboboxPropGetGroupKey<\n  ComboboxGroupDefault\n> = (group) => group.id;\nexport const defaultGetGroupLabel: ComboboxPropGetGroupLabel<\n  ComboboxGroupDefault\n> = (group) => group.label;\n\nexport const isMultipleParams = <ITEM, GROUP>(\n  params: ComboboxProps<ITEM, GROUP, boolean>,\n): params is ComboboxProps<ITEM, GROUP, true> => {\n  return !!params.multiple;\n};\n\nexport const isNotMultipleParams = <ITEM, GROUP>(\n  params: ComboboxProps<ITEM, GROUP, boolean>,\n): params is ComboboxProps<ITEM, GROUP, false> => {\n  return !params.multiple;\n};\n\nexport function withDefaultGetters<\n  ITEM = ComboboxItemDefault,\n  GROUP = ComboboxGroupDefault,\n  MULTIPLE extends boolean = false,\n>(props: ComboboxProps<ITEM, GROUP, MULTIPLE>) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemKey: props.getItemKey || defaultGetItemKey,\n    getItemGroupKey: props.getItemGroupKey || defaultGetItemGroupKey,\n    getItemDisabled: props.getItemDisabled || defaultGetItemDisabled,\n    getGroupLabel: props.getGroupLabel || defaultGetGroupLabel,\n    getGroupKey: props.getGroupKey || defaultGetGroupKey,\n  };\n}\n\nexport const clearSizeMap: Record<PropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 's',\n  l: 'm',\n};\n\nexport const iconSizeMap: Record<PropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 'm',\n  l: 'm',\n};\n"],"mappings":"qqBAwJA,MAAO,IAAMA,kBAA8D,CAAG,SAC5EC,CAD4E,QAEzEA,EAAI,CAACC,EAFoE,CAAvE,CAGP,MAAO,IAAMC,oBAEZ,CAAG,SAACF,CAAD,QAAUA,EAAI,CAACG,KAAf,CAFG,CAGP,MAAO,IAAMC,uBAEZ,CAAG,SAACJ,CAAD,QAAUA,EAAI,CAACK,OAAf,CAFG,CAGP,MAAO,IAAMC,uBAEZ,CAAG,SAACN,CAAD,QAAUA,EAAI,CAACO,QAAf,CAFG,CAIP,MAAO,IAAMC,mBAEZ,CAAG,SAACC,CAAD,QAAWA,EAAK,CAACR,EAAjB,CAFG,CAGP,MAAO,IAAMS,qBAEZ,CAAG,SAACD,CAAD,QAAWA,EAAK,CAACN,KAAjB,CAFG,CAIP,MAAO,IAAMQ,iBAAgB,CAAG,SAC9BC,CAD8B,CAEiB,CAC/C,MAAO,CAAC,CAACA,CAAM,CAACC,QACjB,CAJM,CAMP,MAAO,IAAMC,oBAAmB,CAAG,SACjCF,CADiC,CAEe,CAChD,MAAO,CAACA,CAAM,CAACC,QAChB,CAJM,CAMP,MAAO,SAASE,mBAAT,CAILC,CAJK,CAIwC,CAC7C,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBf,mBAFtC,CAGEgB,UAAU,CAAEF,CAAK,CAACE,UAAN,EAAoBnB,iBAHlC,CAIEoB,eAAe,CAAEH,CAAK,CAACG,eAAN,EAAyBf,sBAJ5C,CAKEgB,eAAe,CAAEJ,CAAK,CAACI,eAAN,EAAyBd,sBAL5C,CAMEe,aAAa,CAAEL,CAAK,CAACK,aAAN,EAAuBX,oBANxC,CAOEY,WAAW,CAAEN,CAAK,CAACM,WAAN,EAAqBd,kBAPpC,EASD,CAED,MAAO,IAAMe,aAA4C,CAAG,CAC1DC,EAAE,CAAE,IADsD,CAE1DC,CAAC,CAAE,GAFuD,CAG1DC,CAAC,CAAE,GAHuD,CAI1DC,CAAC,CAAE,GAJuD,CAArD,CAOP,MAAO,IAAMC,YAA2C,CAAG,CACzDJ,EAAE,CAAE,IADqD,CAEzDC,CAAC,CAAE,GAFsD,CAGzDC,CAAC,CAAE,GAHsD,CAIzDC,CAAC,CAAE,GAJsD,CAApD"}

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuLevel.js","names":["IconArrowLeft","IconArrowRight","React","forwardRef","useEffect","useMemo","cnListBox","List","ListDivider","ListItem","mapIconSize","mapVerticalSpace","useFlag","useForkRef","cnMixPopoverAnimate","cnMixSpace","cn","ContextMenuLevelWrapper","contextMenuDefaultSize","useMenuNavigation","cnContextMenuLevel","timers","clearTimers","timer","clearTimeout","closeDelay","ContextMenuLevelRender","props","ref","size","items","groupsProp","groups","className","form","animate","levelDepth","activeLevelDepth","activeItem","addLevel","deleteLevel","setHoveredParenLevel","hoveredParenLevel","sortGroup","onItemClickProp","onItemClick","onEsc","isOpen","parent","isMobile","viewportRef","direction","possibleDirections","offset","onSetDirection","spareDirection","anchorRef","getItemLabel","getItemRightSideProp","getItemRightSide","getItemLeftSide","getItemSubMenu","getItemStatus","getItemDisabled","getItemKey","getItemOnClickProp","getItemOnClick","getItemAs","getItemAttributesProp","getItemAttributes","getItemGroupId","getItemLeftIcon","getItemRightIcon","getGroupLabel","getGroupId","otherProps","firstLevel","hovered","setHovered","getKey","item","toString","addCurrentLevel","subMenu","disabled","Array","isArray","key","level","itemsRefs","active","handleEscClick","e","current","focus","refs","onKeyDown","activeIndex","setActiveIndex","setDirection","parentRef","containerRef","map","reduce","a","v","index","activeKey","onMouseEnter","indexOf","setTimeout","border","shadow","pV","on","onMouseLeave","off","mV","b","tabIndex","side","sides","push","getItemActive","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, useMemo } from 'react';\n\nimport {\n  cnListBox,\n  List,\n  ListDivider,\n  ListItem,\n  ListPropOnItemClick,\n  mapIconSize,\n  mapVerticalSpace,\n} from '##/components/ListCanary';\nimport { useFlag } from '##/hooks/useFlag/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\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';\nimport { useMenuNavigation } from '../useMenuNavigation';\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    activeLevelDepth,\n    activeItem,\n    addLevel,\n    deleteLevel,\n    setHoveredParenLevel,\n    hoveredParenLevel,\n    sortGroup,\n    onItemClick: onItemClickProp,\n    onEsc,\n    isOpen,\n    parent,\n    isMobile,\n    viewportRef,\n    // Свойства для поповера\n    direction,\n    possibleDirections,\n    offset,\n    onSetDirection,\n    spareDirection,\n    anchorRef,\n    // Геттеры для ITEM\n    getItemLabel,\n    getItemRightSide: getItemRightSideProp,\n    getItemLeftSide,\n    getItemSubMenu,\n    getItemStatus,\n    getItemDisabled,\n    getItemKey,\n    getItemOnClick: getItemOnClickProp,\n    getItemAs,\n    getItemAttributes: getItemAttributesProp,\n    getItemGroupId,\n    getItemLeftIcon,\n    getItemRightIcon,\n    // Геттеры для GROUP\n    getGroupLabel,\n    getGroupId,\n    ...otherProps\n  } = props;\n\n  const firstLevel = levelDepth === 0;\n\n  const [hovered, setHovered] = useFlag(false);\n\n  const getKey = (item: ContextMenuItemDefault) =>\n    (getItemKey(item) || getItemLabel(item)).toString();\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 handleEscClick: React.KeyboardEventHandler = (e) => {\n    onEsc?.(e);\n    anchorRef?.current?.focus();\n  };\n\n  const {\n    refs,\n    onKeyDown,\n    activeIndex,\n    setActiveIndex,\n    setDirection,\n    parentRef,\n    containerRef,\n  } = useMenuNavigation({\n    items,\n    getItemSubMenu,\n    addLevel: addCurrentLevel,\n    active: activeLevelDepth === levelDepth,\n    deleteLevel: () => deleteLevel(levelDepth),\n    onEsc: handleEscClick,\n    level: levelDepth,\n    isMobile,\n  });\n\n  const itemsRefs = useMemo(() => {\n    return items\n      .map((item) => getKey(item))\n      .reduce((a, v, index) => ({ ...a, [v]: refs[index] }), {}) as Record<\n      string,\n      React.RefObject<HTMLDivElement>\n    >;\n  }, [groupsProp, refs]);\n\n  const activeKey = useMemo(() => {\n    const item = items[activeIndex];\n    return item ? getKey(item) : undefined;\n  }, [items, activeIndex]);\n\n  const onMouseEnter = isMobile\n    ? undefined\n    : (item: ContextMenuItemDefault): AsTagAttribute<'div'>['onMouseEnter'] =>\n        (e) => {\n          addCurrentLevel(item);\n          const onMouseEnter = getItemAttributesProp(item)\n            ?.onMouseEnter as AsTagAttribute<'div'>['onMouseEnter'];\n          setActiveIndex(items.indexOf(item));\n          onMouseEnter?.(e);\n        };\n\n  // GETTERS\n\n  const getItemOnClick = getItemOnClickProp\n    ? (item: ContextMenuItemDefault) => (e: React.MouseEvent) =>\n        getItemOnClickProp(item)?.(e as React.MouseEvent<HTMLDivElement>)\n    : undefined;\n\n  const getItemAttributes = (item: ContextMenuItemDefault) =>\n    ({\n      ...getItemAttributesProp(item),\n      tabIndex: 0,\n      onMouseEnter: onMouseEnter?.(item),\n    } as AsAttributes);\n\n  const getItemActive = (item: ContextMenuItemDefault) => {\n    const key = getKey(item);\n    return key === activeItem || key === activeKey;\n  };\n\n  const getItemRightSide = (item: ContextMenuItemDefault) => {\n    const side = getItemRightSideProp(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\n  const onMouseLeave: React.MouseEventHandler = () => {\n    setHovered.off();\n    setActiveIndex(-1);\n  };\n\n  const onItemClick: ListPropOnItemClick<ContextMenuItemDefault> = (\n    item,\n    { e },\n  ) => {\n    if (isMobile) {\n      addCurrentLevel(item);\n      setActiveIndex(items.indexOf(item));\n    }\n    onItemClickProp?.(item, {\n      e: e as React.MouseEvent<HTMLDivElement>,\n    });\n  };\n\n  // EFFECTS\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  return (\n    <ContextMenuLevelWrapper\n      anchorRef={anchorRef}\n      className={\n        isMobile\n          ? cnContextMenuLevel(\n              'Mobile',\n              { animate, firstLevel, level: levelDepth.toString() },\n              [className],\n            )\n          : cnContextMenuLevel(\n              'Desktop',\n              { firstLevel, level: levelDepth.toString() },\n              [\n                cnListBox({ size, form, border: true, shadow: true }),\n                cnMixSpace({\n                  pV: mapVerticalSpace[size],\n                }),\n                cnMixPopoverAnimate({ animate }),\n                className,\n              ],\n            )\n      }\n      possibleDirections={possibleDirections}\n      spareDirection={spareDirection}\n      direction={direction}\n      offset={offset}\n      tabIndex={0}\n      onKeyDown={onKeyDown}\n      onSetDirection={(direction) => {\n        onSetDirection?.(direction);\n        setDirection(direction);\n      }}\n      onMouseEnter={setHovered.on}\n      onMouseLeave={onMouseLeave}\n      ref={useForkRef([ref, containerRef])}\n      isMobile={isMobile}\n      viewportRef={viewportRef}\n      {...otherProps}\n    >\n      {parent && (\n        <>\n          <ListItem\n            label={getItemLabel(parent)}\n            size={size}\n            tabIndex={0}\n            ref={parentRef}\n            leftIcon={IconArrowLeft}\n            onClick={() => deleteLevel(levelDepth)}\n            active={activeIndex === -1}\n            className={cnContextMenuLevel('Item', {\n              active: activeIndex === -1,\n            })}\n          />\n          <ListDivider size={size} space={{ mV: mapVerticalSpace[size] }} />\n        </>\n      )}\n      <List\n        size={size}\n        items={items}\n        getItemLabel={getItemLabel}\n        onItemClick={onItemClick}\n        sortGroup={sortGroup ? (a, b) => sortGroup(a.key, b.key) : undefined}\n        getItemOnClick={getItemOnClick}\n        getItemAs={getItemAs}\n        getItemAttributes={getItemAttributes}\n        getItemGroupKey={getItemGroupId}\n        getItemLeftIcon={getItemLeftIcon}\n        getItemRightIcon={getItemRightIcon}\n        getItemLeftSide={getItemLeftSide}\n        getItemRightSide={getItemRightSide}\n        getGroupKey={getGroupId}\n        getGroupLabel={getGroupLabel}\n        getItemDisabled={getItemDisabled}\n        getItemStatus={getItemStatus}\n        getItemActive={getItemActive}\n        getItemAdditionalClassName={(item) =>\n          cnContextMenuLevel('Item', {\n            active: getKey(item) === activeItem,\n          })\n        }\n        getItemRef={(item) => itemsRefs[getKey(item)]}\n        groups={groupsProp}\n        innerOffset={form === 'round' ? 'increased' : 'normal'}\n      />\n    </ContextMenuLevelWrapper>\n  );\n};\n\nexport const ContextMenuLevel = forwardRef(\n  ContextMenuLevelRender,\n) as ContextMenuLevelComponent;\n"],"mappings":"miFAAA,+BAEA,OAASA,aAAT,KAA8B,6BAA9B,CACA,OAASC,cAAT,KAA+B,8BAA/B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,CAA4BC,SAA5B,CAAuCC,OAAvC,KAAsD,OAAtD,CAEA,OACEC,SADF,CAEEC,IAFF,CAGEC,WAHF,CAIEC,QAJF,CAMEC,WANF,CAOEC,gBAPF,wBASA,OAASC,OAAT,sCACA,OAASC,UAAT,iCACA,OAASC,mBAAT,uCACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAGA,OAASC,uBAAT,kCACA,OACEC,sBADF,gBAMA,OAASC,iBAAT,4BAEA,MAAO,IAAMC,mBAAkB,CAAGJ,EAAE,CAAC,kBAAD,CAA7B,CAEP,GAAIK,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,OAgDCD,CAhDD,CAEDE,IAFC,CAEDA,CAFC,YAEMX,sBAFN,GAGDY,CAHC,CAgDCH,CAhDD,CAGDG,KAHC,CAIOC,CAJP,CAgDCJ,CAhDD,CAIDK,MAJC,CAKDC,CALC,CAgDCN,CAhDD,CAKDM,SALC,GAgDCN,CAhDD,CAMDO,IANC,CAMDA,CANC,YAMM,SANN,GAODC,CAPC,CAgDCR,CAhDD,CAODQ,OAPC,CASDC,CATC,CAgDCT,CAhDD,CASDS,UATC,CAUDC,CAVC,CAgDCV,CAhDD,CAUDU,gBAVC,CAWDC,CAXC,CAgDCX,CAhDD,CAWDW,UAXC,CAYDC,CAZC,CAgDCZ,CAhDD,CAYDY,QAZC,CAaDC,CAbC,CAgDCb,CAhDD,CAaDa,WAbC,CAcDC,CAdC,CAgDCd,CAhDD,CAcDc,oBAdC,CAeDC,CAfC,CAgDCf,CAhDD,CAeDe,iBAfC,CAgBDC,CAhBC,CAgDChB,CAhDD,CAgBDgB,SAhBC,CAiBYC,CAjBZ,CAgDCjB,CAhDD,CAiBDkB,WAjBC,CAkBDC,CAlBC,CAgDCnB,CAhDD,CAkBDmB,KAlBC,CAmBDC,CAnBC,CAgDCpB,CAhDD,CAmBDoB,MAnBC,CAoBDC,CApBC,CAgDCrB,CAhDD,CAoBDqB,MApBC,CAqBDC,CArBC,CAgDCtB,CAhDD,CAqBDsB,QArBC,CAsBDC,CAtBC,CAgDCvB,CAhDD,CAsBDuB,WAtBC,CAwBDC,CAxBC,CAgDCxB,CAhDD,CAwBDwB,SAxBC,CAyBDC,CAzBC,CAgDCzB,CAhDD,CAyBDyB,kBAzBC,CA0BDC,CA1BC,CAgDC1B,CAhDD,CA0BD0B,MA1BC,CA2BDC,CA3BC,CAgDC3B,CAhDD,CA2BD2B,cA3BC,CA4BDC,CA5BC,CAgDC5B,CAhDD,CA4BD4B,cA5BC,CA6BDC,CA7BC,CAgDC7B,CAhDD,CA6BD6B,SA7BC,CA+BDC,CA/BC,CAgDC9B,CAhDD,CA+BD8B,YA/BC,CAgCiBC,CAhCjB,CAgDC/B,CAhDD,CAgCDgC,gBAhCC,CAiCDC,CAjCC,CAgDCjC,CAhDD,CAiCDiC,eAjCC,CAkCDC,CAlCC,CAgDClC,CAhDD,CAkCDkC,cAlCC,CAmCDC,CAnCC,CAgDCnC,CAhDD,CAmCDmC,aAnCC,CAoCDC,CApCC,CAgDCpC,CAhDD,CAoCDoC,eApCC,CAqCDC,CArCC,CAgDCrC,CAhDD,CAqCDqC,UArCC,CAsCeC,CAtCf,CAgDCtC,CAhDD,CAsCDuC,cAtCC,CAuCDC,CAvCC,CAgDCxC,CAhDD,CAuCDwC,SAvCC,CAwCkBC,CAxClB,CAgDCzC,CAhDD,CAwCD0C,iBAxCC,CAyCDC,CAzCC,CAgDC3C,CAhDD,CAyCD2C,cAzCC,CA0CDC,CA1CC,CAgDC5C,CAhDD,CA0CD4C,eA1CC,CA2CDC,CA3CC,CAgDC7C,CAhDD,CA2CD6C,gBA3CC,CA6CDC,CA7CC,CAgDC9C,CAhDD,CA6CD8C,aA7CC,CA8CDC,CA9CC,CAgDC/C,CAhDD,CA8CD+C,UA9CC,CA+CEC,CA/CF,0BAgDChD,CAhDD,YAkDGiD,CAAU,CAAkB,CAAf,GAAAxC,CAlDhB,GAoD2BxB,OAAO,IApDlC,uBAoDIiE,CApDJ,MAoDaC,CApDb,MAsDGC,CAAM,CAAG,SAACC,CAAD,QACb,CAAChB,CAAU,CAACgB,CAAD,CAAV,EAAoBvB,CAAY,CAACuB,CAAD,CAAjC,EAAyCC,QAAzC,EADa,CAtDZ,CAyDGC,CAAe,CAAG,SAACF,CAAD,CAAkC,IAClDG,EAAO,CAAGtB,CAAc,CAACmB,CAAD,CAD0B,CAElDI,CAAQ,CAAGrB,CAAe,CAACiB,CAAD,CAFwB,CAIxD,GAAIK,KAAK,CAACC,OAAN,CAAcH,CAAd,GAA0B,CAACC,CAA/B,CAAyC,CACvC,GAAMG,EAAG,CAAGR,CAAM,CAACC,CAAD,CAAlB,CACAzC,CAAQ,CAAC,CACPiD,KAAK,CAAEpD,CAAU,CAAG,CADb,CAEPN,KAAK,CAAEqD,CAFA,CAGP3B,SAAS,CAAEiC,EAAS,CAACF,CAAD,CAHb,CAIPjD,UAAU,CAAEiD,CAJL,CAKPvC,MAAM,CAAEgC,CALD,CAAD,CAF+B,CASvCvC,CAAoB,CAACL,CAAU,CAAG,CAAd,CACrB,CAVD,IAWEK,EAAoB,CAACL,CAAD,CAEvB,CA1EE,IAyFCjB,iBAAiB,CAAC,CACpBW,KAAK,CAALA,CADoB,CAEpB+B,cAAc,CAAdA,CAFoB,CAGpBtB,QAAQ,CAAE2C,CAHU,CAIpBQ,MAAM,CAAErD,CAAgB,GAAKD,CAJT,CAKpBI,WAAW,CAAE,6BAAMA,EAAW,CAACJ,CAAD,CAAjB,CALO,CAMpBU,KAAK,CAnB4C,QAA7C6C,eAA6C,CAACC,CAAD,CAAO,cACxD9C,CADwD,WACxDA,CADwD,QACxDA,CAAK,CAAG8C,CAAH,CADmD,QAExDpC,CAFwD,WAExDA,CAFwD,YAExDA,CAAS,CAAEqC,OAF6C,qBAExD,EAAoBC,KAApB,EACD,CAUqB,CAOpBN,KAAK,CAAEpD,CAPa,CAQpBa,QAAQ,CAARA,CARoB,CAAD,CAzFlB,CAkFD8C,EAlFC,IAkFDA,IAlFC,CAmFDC,EAnFC,IAmFDA,SAnFC,CAoFDC,EApFC,IAoFDA,WApFC,CAqFDC,EArFC,IAqFDA,cArFC,CAsFDC,EAtFC,IAsFDA,YAtFC,CAuFDC,EAvFC,IAuFDA,SAvFC,CAwFDC,EAxFC,IAwFDA,YAxFC,CAoGGZ,EAAS,CAAGpF,OAAO,CAAC,UAAM,CAC9B,MAAOyB,EAAK,CACTwE,GADI,CACA,SAACtB,CAAD,QAAUD,EAAM,CAACC,CAAD,CAAhB,CADA,EAEJuB,MAFI,CAEG,SAACC,CAAD,CAAIC,CAAJ,CAAOC,CAAP,wCAAuBF,CAAvB,wBAA2BC,CAA3B,CAA+BV,EAAI,CAACW,CAAD,CAAnC,GAFH,CAEkD,EAFlD,CAMR,CAPwB,CAOtB,CAAC3E,CAAD,CAAagE,EAAb,CAPsB,CApGtB,CA6GGY,EAAS,CAAGtG,OAAO,CAAC,UAAM,CAC9B,GAAM2E,EAAI,CAAGlD,CAAK,CAACmE,EAAD,CAAlB,CACA,MAAOjB,EAAI,CAAGD,CAAM,CAACC,CAAD,CAAT,OACZ,CAHwB,CAGtB,CAAClD,CAAD,CAAQmE,EAAR,CAHsB,CA7GtB,CAkHGW,EAAY,CAAG3D,CAAQ,QAEzB,SAAC+B,CAAD,QACE,UAACY,CAAD,CAAO,OACLV,CAAe,CAACF,CAAD,CADV,CAEL,GAAM4B,EAAY,WAAGxC,CAAqB,CAACY,CAAD,CAAxB,qBAAG,EACjB4B,YADJ,CAEAV,EAAc,CAACpE,CAAK,CAAC+E,OAAN,CAAc7B,CAAd,CAAD,CAJT,QAKL4B,CALK,WAKLA,CALK,QAKLA,CAAY,CAAGhB,CAAH,CACb,CAPH,CApHD,CA+HG1B,EAAc,CAAGD,CAAkB,CACrC,SAACe,CAAD,QAAkC,UAACY,CAAD,yBAChC3B,CAAkB,CAACe,CAAD,CADc,qBAChC,EAA2BY,CAA3B,CADgC,CAAlC,CADqC,OA/HtC,CAgMH,MAjBAxF,UAAS,CAAC,UAAM,CAQd,MAPmB,EAAf,GAAAgC,CAAU,EAAU,CAACyC,CAArB,EAAgCnC,CAAiB,CAAGN,CAOxD,GANEZ,YAAY,CAACH,MAAM,CAACe,CAAD,CAAP,CAMd,CALEf,MAAM,CAACe,CAAD,CAAN,CAAqB0E,UAAU,CAC7B,iBAAMtE,EAAW,CAACJ,CAAD,CAAjB,CAD6B,CAE7BX,UAF6B,CAKjC,EAAO,iBAAMD,aAAY,CAACH,MAAM,CAACe,CAAD,CAAP,CAAlB,CACR,CATQ,CASN,CAACyC,CAAD,CAAUnC,CAAV,CATM,CAiBT,CANAtC,SAAS,CAAC,UAAM,CACT2C,CADS,EAEZvB,YAAY,CAACH,MAAM,CAACe,CAAD,CAAP,CAEf,CAJQ,CAIN,CAACW,CAAD,CAJM,CAMT,CACE,oBAAC,uBAAD,gBACE,SAAS,CAAES,CADb,CAEE,SAAS,CACPP,CAAQ,CACJ7B,kBAAkB,CAChB,QADgB,CAEhB,CAAEe,OAAO,CAAPA,CAAF,CAAWyC,UAAU,CAAVA,CAAX,CAAuBY,KAAK,CAAEpD,CAAU,CAAC6C,QAAX,EAA9B,CAFgB,CAGhB,CAAChD,CAAD,CAHgB,CADd,CAMJb,kBAAkB,CAChB,SADgB,CAEhB,CAAEwD,UAAU,CAAVA,CAAF,CAAcY,KAAK,CAAEpD,CAAU,CAAC6C,QAAX,EAArB,CAFgB,CAGhB,CACE3E,SAAS,CAAC,CAAEuB,IAAI,CAAJA,CAAF,CAAQK,IAAI,CAAJA,CAAR,CAAc6E,MAAM,GAApB,CAA4BC,MAAM,GAAlC,CAAD,CADX,CAEEjG,UAAU,CAAC,CACTkG,EAAE,CAAEtG,gBAAgB,CAACkB,CAAD,CADX,CAAD,CAFZ,CAKEf,mBAAmB,CAAC,CAAEqB,OAAO,CAAPA,CAAF,CAAD,CALrB,CAMEF,CANF,CAHgB,CAT1B,CAsBE,kBAAkB,CAAEmB,CAtBtB,CAuBE,cAAc,CAAEG,CAvBlB,CAwBE,SAAS,CAAEJ,CAxBb,CAyBE,MAAM,CAAEE,CAzBV,CA0BE,QAAQ,CAAE,CA1BZ,CA2BE,SAAS,CAAE2C,EA3Bb,CA4BE,cAAc,CAAE,wBAAC7C,CAAD,CAAe,QAC7BG,CAD6B,WAC7BA,CAD6B,QAC7BA,CAAc,CAAGH,CAAH,CADe,CAE7BgD,EAAY,CAAChD,CAAD,CACb,CA/BH,CAgCE,YAAY,CAAE2B,CAAU,CAACoC,EAhC3B,CAiCE,YAAY,CAvE8B,QAAxCC,aAAwC,EAAM,CAClDrC,CAAU,CAACsC,GAAX,EADkD,CAElDlB,EAAc,CAAC,CAAC,CAAF,CACf,CAmCC,CAkCE,GAAG,CAAErF,UAAU,CAAC,CAACe,CAAD,CAAMyE,EAAN,CAAD,CAlCjB,CAmCE,QAAQ,CAAEpD,CAnCZ,CAoCE,WAAW,CAAEC,CApCf,EAqCMyB,CArCN,EAuCG3B,CAAM,EACL,wCACE,oBAAC,QAAD,EACE,KAAK,CAAES,CAAY,CAACT,CAAD,CADrB,CAEE,IAAI,CAAEnB,CAFR,CAGE,QAAQ,CAAE,CAHZ,CAIE,GAAG,CAAEuE,EAJP,CAKE,QAAQ,CAAEpG,aALZ,CAME,OAAO,CAAE,yBAAMwC,EAAW,CAACJ,CAAD,CAAjB,CANX,CAOE,MAAM,CAAkB,CAAC,CAAjB,GAAA6D,EAPV,CAQE,SAAS,CAAE7E,kBAAkB,CAAC,MAAD,CAAS,CACpCsE,MAAM,CAAkB,CAAC,CAAjB,GAAAO,EAD4B,CAAT,CAR/B,EADF,CAaE,oBAAC,WAAD,EAAa,IAAI,CAAEpE,CAAnB,CAAyB,KAAK,CAAE,CAAEwF,EAAE,CAAE1G,gBAAgB,CAACkB,CAAD,CAAtB,CAAhC,EAbF,CAxCJ,CAwDE,oBAAC,IAAD,EACE,IAAI,CAAEA,CADR,CAEE,KAAK,CAAEC,CAFT,CAGE,YAAY,CAAE2B,CAHhB,CAIE,WAAW,CA7FgD,QAA3DZ,YAA2D,CAC/DmC,CAD+D,GAG5D,IADDY,EACC,GADDA,CACC,CACC3C,CADD,GAEDiC,CAAe,CAACF,CAAD,CAFd,CAGDkB,EAAc,CAACpE,CAAK,CAAC+E,OAAN,CAAc7B,CAAd,CAAD,CAHb,SAKHpC,CALG,WAKHA,CALG,QAKHA,CAAe,CAAGoC,CAAH,CAAS,CACtBY,CAAC,CAAEA,CADmB,CAAT,CAGhB,CA8EG,CAKE,SAAS,CAAEjD,CAAS,CAAG,SAAC6D,CAAD,CAAIc,CAAJ,QAAU3E,EAAS,CAAC6D,CAAC,CAACjB,GAAH,CAAQ+B,CAAC,CAAC/B,GAAV,CAAnB,CAAH,OALtB,CAME,cAAc,CAAErB,EANlB,CAOE,SAAS,CAAEC,CAPb,CAQE,iBAAiB,CA7HG,QAApBE,kBAAoB,CAACW,CAAD,wCAEnBZ,CAAqB,CAACY,CAAD,CAFF,MAGtBuC,QAAQ,CAAE,CAHY,CAItBX,YAAY,QAAEA,EAAF,WAAEA,EAAF,QAAEA,EAAY,CAAG5B,CAAH,CAJJ,GAqHtB,CASE,eAAe,CAAEV,CATnB,CAUE,eAAe,CAAEC,CAVnB,CAWE,gBAAgB,CAAEC,CAXpB,CAYE,eAAe,CAAEZ,CAZnB,CAaE,gBAAgB,CAtHG,QAAnBD,iBAAmB,CAACqB,CAAD,CAAkC,CACzD,GAAMwC,EAAI,CAAG9D,CAAoB,CAACsB,CAAD,CAAjC,CACA,GAAI,CAACnB,CAAc,CAACmB,CAAD,CAAnB,CACE,MAAOwC,EAAP,CAGF,GAAMC,EAAwB,CAAGpC,KAAK,CAACC,OAAN,CAAckC,CAAd,EAAsBA,CAAtB,CAA6B,CAACA,CAAD,CAA9D,CAEA,MADAC,EAAK,CAACC,IAAN,CAAW,oBAAC,cAAD,EAAgB,IAAI,CAAEhH,WAAW,CAACmB,CAAD,CAAjC,EAAX,CACA,CAAO4F,CACR,CAgGG,CAcE,WAAW,CAAE/C,CAdf,CAeE,aAAa,CAAED,CAfjB,CAgBE,eAAe,CAAEV,CAhBnB,CAiBE,aAAa,CAAED,CAjBjB,CAkBE,aAAa,CAhIG,QAAhB6D,cAAgB,CAAC3C,CAAD,CAAkC,CACtD,GAAMO,EAAG,CAAGR,CAAM,CAACC,CAAD,CAAlB,CACA,MAAOO,EAAG,GAAKjD,CAAR,EAAsBiD,CAAG,GAAKoB,EACtC,CA2GG,CAmBE,0BAA0B,CAAE,oCAAC3B,CAAD,QAC1B5D,mBAAkB,CAAC,MAAD,CAAS,CACzBsE,MAAM,CAAEX,CAAM,CAACC,CAAD,CAAN,GAAiB1C,CADA,CAAT,CADQ,CAnB9B,CAwBE,UAAU,CAAE,oBAAC0C,CAAD,QAAUS,GAAS,CAACV,CAAM,CAACC,CAAD,CAAP,CAAnB,CAxBd,CAyBE,MAAM,CAAEjD,CAzBV,CA0BE,WAAW,CAAW,OAAT,GAAAG,CAAI,CAAe,WAAf,CAA6B,QA1BhD,EAxDF,CAsFH,C,CAED,MAAO,IAAM0F,iBAAgB,CAAGzH,UAAU,CACxCuB,sBADwC,CAAnC"}
+{"version":3,"file":"ContextMenuLevel.js","names":["IconArrowLeft","IconArrowRight","React","forwardRef","useEffect","useMemo","cnListBox","List","ListDivider","ListItem","mapIconSize","mapVerticalSpace","useFlag","useForkRef","cnMixPopoverAnimate","cnMixSpace","cn","ContextMenuLevelWrapper","contextMenuDefaultSize","useMenuNavigation","cnContextMenuLevel","timers","clearTimers","timer","clearTimeout","closeDelay","ContextMenuLevelRender","props","ref","size","items","groupsProp","groups","className","form","animate","levelDepth","activeLevelDepth","activeItem","addLevel","deleteLevel","setHoveredParenLevel","hoveredParenLevel","sortGroup","onItemClickProp","onItemClick","onEsc","isOpen","parent","isMobile","viewportRef","direction","possibleDirections","offset","onSetDirection","spareDirection","anchorRef","getItemLabel","getItemRightSideProp","getItemRightSide","getItemLeftSide","getItemSubMenu","getItemStatus","getItemDisabled","getItemKey","getItemOnClickProp","getItemOnClick","getItemAs","getItemAttributesProp","getItemAttributes","getItemGroupId","getItemLeftIcon","getItemRightIcon","getGroupLabel","getGroupId","otherProps","firstLevel","hovered","setHovered","getKey","item","toString","addCurrentLevel","subMenu","disabled","Array","isArray","key","level","itemsRefs","active","handleEscClick","e","current","focus","refs","onKeyDown","activeIndex","setActiveIndex","setDirection","parentRef","containerRef","map","reduce","a","v","index","activeKey","onMouseEnter","indexOf","setTimeout","border","shadow","pV","on","onMouseLeave","off","mV","b","tabIndex","side","sides","push","getItemActive","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, useMemo } from 'react';\n\nimport {\n  cnListBox,\n  List,\n  ListDivider,\n  ListItem,\n  ListPropOnItemClick,\n  mapIconSize,\n  mapVerticalSpace,\n} from '##/components/ListCanary';\nimport { useFlag } from '##/hooks/useFlag/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\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';\nimport { useMenuNavigation } from '../useMenuNavigation';\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    activeLevelDepth,\n    activeItem,\n    addLevel,\n    deleteLevel,\n    setHoveredParenLevel,\n    hoveredParenLevel,\n    sortGroup,\n    onItemClick: onItemClickProp,\n    onEsc,\n    isOpen,\n    parent,\n    isMobile,\n    viewportRef,\n    // Свойства для поповера\n    direction,\n    possibleDirections,\n    offset,\n    onSetDirection,\n    spareDirection,\n    anchorRef,\n    // Геттеры для ITEM\n    getItemLabel,\n    getItemRightSide: getItemRightSideProp,\n    getItemLeftSide,\n    getItemSubMenu,\n    getItemStatus,\n    getItemDisabled,\n    getItemKey,\n    getItemOnClick: getItemOnClickProp,\n    getItemAs,\n    getItemAttributes: getItemAttributesProp,\n    getItemGroupId,\n    getItemLeftIcon,\n    getItemRightIcon,\n    // Геттеры для GROUP\n    getGroupLabel,\n    getGroupId,\n    ...otherProps\n  } = props;\n\n  const firstLevel = levelDepth === 0;\n\n  const [hovered, setHovered] = useFlag(false);\n\n  const getKey = (item: ContextMenuItemDefault) =>\n    (getItemKey(item) || getItemLabel(item)).toString();\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 handleEscClick: React.KeyboardEventHandler = (e) => {\n    onEsc?.(e);\n    anchorRef?.current?.focus();\n  };\n\n  const {\n    refs,\n    onKeyDown,\n    activeIndex,\n    setActiveIndex,\n    setDirection,\n    parentRef,\n    containerRef,\n  } = useMenuNavigation({\n    items,\n    getItemSubMenu,\n    addLevel: addCurrentLevel,\n    active: activeLevelDepth === levelDepth,\n    deleteLevel: () => deleteLevel(levelDepth),\n    onEsc: handleEscClick,\n    level: levelDepth,\n    isMobile,\n  });\n\n  const itemsRefs = useMemo(() => {\n    return items\n      .map((item) => getKey(item))\n      .reduce((a, v, index) => ({ ...a, [v]: refs[index] }), {}) as Record<\n      string,\n      React.RefObject<HTMLDivElement>\n    >;\n  }, [groupsProp, refs]);\n\n  const activeKey = useMemo(() => {\n    const item = items[activeIndex];\n    return item ? getKey(item) : undefined;\n  }, [items, activeIndex]);\n\n  const onMouseEnter = isMobile\n    ? undefined\n    : (item: ContextMenuItemDefault): AsTagAttribute<'div'>['onMouseEnter'] =>\n        (e) => {\n          addCurrentLevel(item);\n          const onMouseEnter = getItemAttributesProp(item)\n            ?.onMouseEnter as AsTagAttribute<'div'>['onMouseEnter'];\n          setActiveIndex(items.indexOf(item));\n          onMouseEnter?.(e);\n        };\n\n  // GETTERS\n\n  const getItemOnClick = getItemOnClickProp\n    ? (item: ContextMenuItemDefault) => (e: React.MouseEvent) =>\n        getItemOnClickProp(item)?.(e as React.MouseEvent<HTMLDivElement>)\n    : undefined;\n\n  const getItemAttributes = (item: ContextMenuItemDefault) =>\n    ({\n      ...getItemAttributesProp(item),\n      tabIndex: 0,\n      onMouseEnter: onMouseEnter?.(item),\n    }) as AsAttributes;\n\n  const getItemActive = (item: ContextMenuItemDefault) => {\n    const key = getKey(item);\n    return key === activeItem || key === activeKey;\n  };\n\n  const getItemRightSide = (item: ContextMenuItemDefault) => {\n    const side = getItemRightSideProp(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\n  const onMouseLeave: React.MouseEventHandler = () => {\n    setHovered.off();\n    setActiveIndex(-1);\n  };\n\n  const onItemClick: ListPropOnItemClick<ContextMenuItemDefault> = (\n    item,\n    { e },\n  ) => {\n    if (isMobile) {\n      addCurrentLevel(item);\n      setActiveIndex(items.indexOf(item));\n    }\n    onItemClickProp?.(item, {\n      e: e as React.MouseEvent<HTMLDivElement>,\n    });\n  };\n\n  // EFFECTS\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  return (\n    <ContextMenuLevelWrapper\n      anchorRef={anchorRef}\n      className={\n        isMobile\n          ? cnContextMenuLevel(\n              'Mobile',\n              { animate, firstLevel, level: levelDepth.toString() },\n              [className],\n            )\n          : cnContextMenuLevel(\n              'Desktop',\n              { firstLevel, level: levelDepth.toString() },\n              [\n                cnListBox({ size, form, border: true, shadow: true }),\n                cnMixSpace({\n                  pV: mapVerticalSpace[size],\n                }),\n                cnMixPopoverAnimate({ animate }),\n                className,\n              ],\n            )\n      }\n      possibleDirections={possibleDirections}\n      spareDirection={spareDirection}\n      direction={direction}\n      offset={offset}\n      tabIndex={0}\n      onKeyDown={onKeyDown}\n      onSetDirection={(direction) => {\n        onSetDirection?.(direction);\n        setDirection(direction);\n      }}\n      onMouseEnter={setHovered.on}\n      onMouseLeave={onMouseLeave}\n      ref={useForkRef([ref, containerRef])}\n      isMobile={isMobile}\n      viewportRef={viewportRef}\n      {...otherProps}\n    >\n      {parent && (\n        <>\n          <ListItem\n            label={getItemLabel(parent)}\n            size={size}\n            tabIndex={0}\n            ref={parentRef}\n            leftIcon={IconArrowLeft}\n            onClick={() => deleteLevel(levelDepth)}\n            active={activeIndex === -1}\n            className={cnContextMenuLevel('Item', {\n              active: activeIndex === -1,\n            })}\n          />\n          <ListDivider size={size} space={{ mV: mapVerticalSpace[size] }} />\n        </>\n      )}\n      <List\n        size={size}\n        items={items}\n        getItemLabel={getItemLabel}\n        onItemClick={onItemClick}\n        sortGroup={sortGroup ? (a, b) => sortGroup(a.key, b.key) : undefined}\n        getItemOnClick={getItemOnClick}\n        getItemAs={getItemAs}\n        getItemAttributes={getItemAttributes}\n        getItemGroupKey={getItemGroupId}\n        getItemLeftIcon={getItemLeftIcon}\n        getItemRightIcon={getItemRightIcon}\n        getItemLeftSide={getItemLeftSide}\n        getItemRightSide={getItemRightSide}\n        getGroupKey={getGroupId}\n        getGroupLabel={getGroupLabel}\n        getItemDisabled={getItemDisabled}\n        getItemStatus={getItemStatus}\n        getItemActive={getItemActive}\n        getItemAdditionalClassName={(item) =>\n          cnContextMenuLevel('Item', {\n            active: getKey(item) === activeItem,\n          })\n        }\n        getItemRef={(item) => itemsRefs[getKey(item)]}\n        groups={groupsProp}\n        innerOffset={form === 'round' ? 'increased' : 'normal'}\n      />\n    </ContextMenuLevelWrapper>\n  );\n};\n\nexport const ContextMenuLevel = forwardRef(\n  ContextMenuLevelRender,\n) as ContextMenuLevelComponent;\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["isMobile","children","className","size","onClickOutside","spareDirection","possibleDirections","direction","offset","anchorRef","position","onSetDirection","viewportRef"];import"./ContextMenuLevelWrapper.css";import React,{forwardRef}from"react";import{mapVerticalSpace}from"../../ListCanary";import{Popover}from"../../Popover";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{contextMenuDefaultSize}from"../types";var cnContextMenuLevelWrapper=cn("ContextMenuLevelWrapper");export var ContextMenuLevelWrapper=forwardRef(function(a,b){var c=a.isMobile,d=a.children,e=a.className,f=a.size,g=void 0===f?contextMenuDefaultSize:f,h=a.onClickOutside,i=a.spareDirection,j=a.possibleDirections,k=a.direction,l=a.offset,m=a.anchorRef,n=a.position,o=a.onSetDirection,p=a.viewportRef,q=_objectWithoutProperties(a,_excluded);return c?React.createElement("div",{className:e},React.createElement("div",Object.assign({className:cnContextMenuLevelWrapper("Mobile",[cnMixSpace({pV:mapVerticalSpace[g]})]),ref:b},q),d)):React.createElement(Popover,Object.assign({},q,{viewportRef:p,ref:b,className:e,onClickOutside:h,spareDirection:i,possibleDirections:j,direction:k,offset:l,anchorRef:m,position:n,onSetDirection:o}),d)});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["isMobile","children","className","size","onClickOutside","spareDirection","possibleDirections","direction","offset","anchorRef","position","onSetDirection","viewportRef","container"];import"./ContextMenuLevelWrapper.css";import React,{forwardRef}from"react";import{mapVerticalSpace}from"../../ListCanary";import{Popover}from"../../Popover";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{contextMenuDefaultSize}from"../types";var cnContextMenuLevelWrapper=cn("ContextMenuLevelWrapper");export var ContextMenuLevelWrapper=forwardRef(function(a,b){var c=a.isMobile,d=a.children,e=a.className,f=a.size,g=void 0===f?contextMenuDefaultSize:f,h=a.onClickOutside,i=a.spareDirection,j=a.possibleDirections,k=a.direction,l=a.offset,m=a.anchorRef,n=a.position,o=a.onSetDirection,p=a.viewportRef,q=a.container,r=_objectWithoutProperties(a,_excluded);return c?React.createElement("div",{className:e},React.createElement("div",Object.assign({className:cnContextMenuLevelWrapper("Mobile",[cnMixSpace({pV:mapVerticalSpace[g]})]),ref:b},r),d)):React.createElement(Popover,Object.assign({},r,{viewportRef:p,ref:b,className:e,onClickOutside:h,spareDirection:i,possibleDirections:j,direction:k,offset:l,anchorRef:m,position:n,onSetDirection:o,container:q}),d)});
 //# sourceMappingURL=ContextMenuLevelWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuLevelWrapper.js","names":["React","forwardRef","mapVerticalSpace","Popover","cnMixSpace","cn","contextMenuDefaultSize","cnContextMenuLevelWrapper","ContextMenuLevelWrapper","props","ref","isMobile","children","className","size","onClickOutside","spareDirection","possibleDirections","direction","offset","anchorRef","position","onSetDirection","viewportRef","otherProps","pV"],"sources":["../../../../../../src/components/ContextMenu/ContextMenuLevelWrapper/ContextMenuLevelWrapper.tsx"],"sourcesContent":["import './ContextMenuLevelWrapper.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { mapVerticalSpace } from '##/components/ListCanary';\nimport { Popover } from '##/components/Popover';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport { contextMenuDefaultSize, ContextMenuLevelWrapperProps } from '../types';\n\nconst cnContextMenuLevelWrapper = cn('ContextMenuLevelWrapper');\n\nexport const ContextMenuLevelWrapper = forwardRef(\n  (props: ContextMenuLevelWrapperProps, ref: React.Ref<HTMLDivElement>) => {\n    const {\n      isMobile,\n      children,\n      className,\n      size = contextMenuDefaultSize,\n      onClickOutside,\n      spareDirection,\n      possibleDirections,\n      direction,\n      offset,\n      anchorRef,\n      position,\n      onSetDirection,\n      viewportRef,\n      ...otherProps\n    } = props;\n\n    if (isMobile) {\n      return (\n        <div className={className}>\n          <div\n            className={cnContextMenuLevelWrapper('Mobile', [\n              cnMixSpace({\n                pV: mapVerticalSpace[size],\n              }),\n            ])}\n            ref={ref}\n            {...otherProps}\n          >\n            {children}\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <Popover\n        {...otherProps}\n        viewportRef={viewportRef}\n        ref={ref}\n        className={className}\n        onClickOutside={onClickOutside}\n        spareDirection={spareDirection}\n        possibleDirections={possibleDirections}\n        direction={direction}\n        offset={offset}\n        anchorRef={anchorRef}\n        position={position}\n        onSetDirection={onSetDirection}\n      >\n        {children}\n      </Popover>\n    );\n  },\n);\n"],"mappings":"gRAAA,sCAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,gBAAT,wBACA,OAASC,OAAT,qBACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAEA,OAASC,sBAAT,gBAEA,GAAMC,0BAAyB,CAAGF,EAAE,CAAC,yBAAD,CAApC,CAEA,MAAO,IAAMG,wBAAuB,CAAGP,UAAU,CAC/C,SAACQ,CAAD,CAAsCC,CAAtC,CAAyE,CACvE,GACEC,EADF,CAeIF,CAfJ,CACEE,QADF,CAEEC,CAFF,CAeIH,CAfJ,CAEEG,QAFF,CAGEC,CAHF,CAeIJ,CAfJ,CAGEI,SAHF,GAeIJ,CAfJ,CAIEK,IAJF,CAIEA,CAJF,YAISR,sBAJT,GAKES,CALF,CAeIN,CAfJ,CAKEM,cALF,CAMEC,CANF,CAeIP,CAfJ,CAMEO,cANF,CAOEC,CAPF,CAeIR,CAfJ,CAOEQ,kBAPF,CAQEC,CARF,CAeIT,CAfJ,CAQES,SARF,CASEC,CATF,CAeIV,CAfJ,CASEU,MATF,CAUEC,CAVF,CAeIX,CAfJ,CAUEW,SAVF,CAWEC,CAXF,CAeIZ,CAfJ,CAWEY,QAXF,CAYEC,CAZF,CAeIb,CAfJ,CAYEa,cAZF,CAaEC,CAbF,CAeId,CAfJ,CAaEc,WAbF,CAcKC,CAdL,0BAeIf,CAfJ,YADuE,MAkBnEE,EAlBmE,CAoBnE,2BAAK,SAAS,CAAEE,CAAhB,EACE,yCACE,SAAS,CAAEN,yBAAyB,CAAC,QAAD,CAAW,CAC7CH,UAAU,CAAC,CACTqB,EAAE,CAAEvB,gBAAgB,CAACY,CAAD,CADX,CAAD,CADmC,CAAX,CADtC,CAME,GAAG,CAAEJ,CANP,EAOMc,CAPN,EASGZ,CATH,CADF,CApBmE,CAqCrE,oBAAC,OAAD,kBACMY,CADN,EAEE,WAAW,CAAED,CAFf,CAGE,GAAG,CAAEb,CAHP,CAIE,SAAS,CAAEG,CAJb,CAKE,cAAc,CAAEE,CALlB,CAME,cAAc,CAAEC,CANlB,CAOE,kBAAkB,CAAEC,CAPtB,CAQE,SAAS,CAAEC,CARb,CASE,MAAM,CAAEC,CATV,CAUE,SAAS,CAAEC,CAVb,CAWE,QAAQ,CAAEC,CAXZ,CAYE,cAAc,CAAEC,CAZlB,GAcGV,CAdH,CAiBH,CAvD8C,CAA1C"}
+{"version":3,"file":"ContextMenuLevelWrapper.js","names":["React","forwardRef","mapVerticalSpace","Popover","cnMixSpace","cn","contextMenuDefaultSize","cnContextMenuLevelWrapper","ContextMenuLevelWrapper","props","ref","isMobile","children","className","size","onClickOutside","spareDirection","possibleDirections","direction","offset","anchorRef","position","onSetDirection","viewportRef","container","otherProps","pV"],"sources":["../../../../../../src/components/ContextMenu/ContextMenuLevelWrapper/ContextMenuLevelWrapper.tsx"],"sourcesContent":["import './ContextMenuLevelWrapper.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { mapVerticalSpace } from '##/components/ListCanary';\nimport { Popover } from '##/components/Popover';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport { contextMenuDefaultSize, ContextMenuLevelWrapperProps } from '../types';\n\nconst cnContextMenuLevelWrapper = cn('ContextMenuLevelWrapper');\n\nexport const ContextMenuLevelWrapper = forwardRef(\n  (props: ContextMenuLevelWrapperProps, ref: React.Ref<HTMLDivElement>) => {\n    const {\n      isMobile,\n      children,\n      className,\n      size = contextMenuDefaultSize,\n      onClickOutside,\n      spareDirection,\n      possibleDirections,\n      direction,\n      offset,\n      anchorRef,\n      position,\n      onSetDirection,\n      viewportRef,\n      container,\n      ...otherProps\n    } = props;\n\n    if (isMobile) {\n      return (\n        <div className={className}>\n          <div\n            className={cnContextMenuLevelWrapper('Mobile', [\n              cnMixSpace({\n                pV: mapVerticalSpace[size],\n              }),\n            ])}\n            ref={ref}\n            {...otherProps}\n          >\n            {children}\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <Popover\n        {...otherProps}\n        viewportRef={viewportRef}\n        ref={ref}\n        className={className}\n        onClickOutside={onClickOutside}\n        spareDirection={spareDirection}\n        possibleDirections={possibleDirections}\n        direction={direction}\n        offset={offset}\n        anchorRef={anchorRef}\n        position={position}\n        onSetDirection={onSetDirection}\n        container={container}\n      >\n        {children}\n      </Popover>\n    );\n  },\n);\n"],"mappings":"4RAAA,sCAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,gBAAT,wBACA,OAASC,OAAT,qBACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAEA,OAASC,sBAAT,gBAEA,GAAMC,0BAAyB,CAAGF,EAAE,CAAC,yBAAD,CAApC,CAEA,MAAO,IAAMG,wBAAuB,CAAGP,UAAU,CAC/C,SAACQ,CAAD,CAAsCC,CAAtC,CAAyE,CACvE,GACEC,EADF,CAgBIF,CAhBJ,CACEE,QADF,CAEEC,CAFF,CAgBIH,CAhBJ,CAEEG,QAFF,CAGEC,CAHF,CAgBIJ,CAhBJ,CAGEI,SAHF,GAgBIJ,CAhBJ,CAIEK,IAJF,CAIEA,CAJF,YAISR,sBAJT,GAKES,CALF,CAgBIN,CAhBJ,CAKEM,cALF,CAMEC,CANF,CAgBIP,CAhBJ,CAMEO,cANF,CAOEC,CAPF,CAgBIR,CAhBJ,CAOEQ,kBAPF,CAQEC,CARF,CAgBIT,CAhBJ,CAQES,SARF,CASEC,CATF,CAgBIV,CAhBJ,CASEU,MATF,CAUEC,CAVF,CAgBIX,CAhBJ,CAUEW,SAVF,CAWEC,CAXF,CAgBIZ,CAhBJ,CAWEY,QAXF,CAYEC,CAZF,CAgBIb,CAhBJ,CAYEa,cAZF,CAaEC,CAbF,CAgBId,CAhBJ,CAaEc,WAbF,CAcEC,CAdF,CAgBIf,CAhBJ,CAcEe,SAdF,CAeKC,CAfL,0BAgBIhB,CAhBJ,YADuE,MAmBnEE,EAnBmE,CAqBnE,2BAAK,SAAS,CAAEE,CAAhB,EACE,yCACE,SAAS,CAAEN,yBAAyB,CAAC,QAAD,CAAW,CAC7CH,UAAU,CAAC,CACTsB,EAAE,CAAExB,gBAAgB,CAACY,CAAD,CADX,CAAD,CADmC,CAAX,CADtC,CAME,GAAG,CAAEJ,CANP,EAOMe,CAPN,EASGb,CATH,CADF,CArBmE,CAsCrE,oBAAC,OAAD,kBACMa,CADN,EAEE,WAAW,CAAEF,CAFf,CAGE,GAAG,CAAEb,CAHP,CAIE,SAAS,CAAEG,CAJb,CAKE,cAAc,CAAEE,CALlB,CAME,cAAc,CAAEC,CANlB,CAOE,kBAAkB,CAAEC,CAPtB,CAQE,SAAS,CAAEC,CARb,CASE,MAAM,CAAEC,CATV,CAUE,SAAS,CAAEC,CAVb,CAWE,QAAQ,CAAEC,CAXZ,CAYE,cAAc,CAAEC,CAZlB,CAaE,SAAS,CAAEE,CAbb,GAeGZ,CAfH,CAkBH,CAzD8C,CAA1C"}

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

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

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

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./ContextMenuWrapper.css";import React,{Fragment,useCallback,useRef,useState}from"react";import{Transition}from"react-transition-group";import{cnListBox,mapVerticalSpace}from"../../ListCanary";import{Popover}from"../../Popover";import{useFlag}from"../../../hooks/useFlag";import{useMutableRef}from"../../../hooks/useMutableRef";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{contextMenuDefaultSize,defaultContextMenuForm}from"../types";var cnContextMenuWrapper=cn("ContextMenuWrapper");export var ContextMenuWrapper=function(a){var b=a.isMobile,c=a.children,d=a.form,e=void 0===d?defaultContextMenuForm:d,f=a.isOpen,g=a.size,h=void 0===g?contextMenuDefaultSize:g,i=a.anchorRef,j=a.possibleDirections,k=a.position,l=a.direction,m=a.spareDirection,n=a.onClickOutside,o=a.offset,p=a.onSetDirection,q=a.className,r=a.animationBack,s=a.style,t=useFlag(b),u=_slicedToArray(t,2),v=u[0],w=u[1],x=useState(l),y=_slicedToArray(x,2),z=y[0],A=y[1],B=useMutableRef(p),C=useRef(null),D=useCallback(function(a){var b;A(a),null===(b=B.current)||void 0===b?void 0:b.call(B,a)},[]);return b?React.createElement(Transition,{timeout:animateTimeout,in:f,unmountOnExit:!0,onEntered:w.on,onExit:w.off,nodeRef:C},function(a){return React.createElement(Popover,{className:cnContextMenuWrapper({animationBack:r,innerAnimation:v},[cnListBox({size:h,form:e,border:!0,shadow:!0}),cnMixSpace({pV:mapVerticalSpace[h]}),cnMixPopoverAnimate({animate:a}),q]),ref:C,anchorRef:i,possibleDirections:j,position:k,direction:z,spareDirection:m,onClickOutside:n,offset:o,onSetDirection:D,style:s},c)}):React.createElement(Fragment,{key:ContextMenuWrapper.name},c)};
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./ContextMenuWrapper.css";import React,{Fragment,useCallback,useRef,useState}from"react";import{Transition}from"react-transition-group";import{cnListBox,mapVerticalSpace}from"../../ListCanary";import{Popover}from"../../Popover";import{useFlag}from"../../../hooks/useFlag";import{useMutableRef}from"../../../hooks/useMutableRef";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{contextMenuDefaultSize,defaultContextMenuForm}from"../types";var cnContextMenuWrapper=cn("ContextMenuWrapper");export var ContextMenuWrapper=function(a){var b=a.isMobile,c=a.children,d=a.form,e=void 0===d?defaultContextMenuForm:d,f=a.isOpen,g=a.size,h=void 0===g?contextMenuDefaultSize:g,i=a.anchorRef,j=a.possibleDirections,k=a.position,l=a.direction,m=a.spareDirection,n=a.onClickOutside,o=a.offset,p=a.onSetDirection,q=a.className,r=a.animationBack,s=a.container,t=a.style,u=useFlag(b),v=_slicedToArray(u,2),w=v[0],x=v[1],y=useState(l),z=_slicedToArray(y,2),A=z[0],B=z[1],C=useMutableRef(p),D=useRef(null),E=useCallback(function(a){var b;B(a),null===(b=C.current)||void 0===b?void 0:b.call(C,a)},[]);return b?React.createElement(Transition,{timeout:animateTimeout,in:f,unmountOnExit:!0,onEntered:x.on,onExit:x.off,nodeRef:D},function(a){return React.createElement(Popover,{className:cnContextMenuWrapper({animationBack:r,innerAnimation:w},[cnListBox({size:h,form:e,border:!0,shadow:!0}),cnMixSpace({pV:mapVerticalSpace[h]}),cnMixPopoverAnimate({animate:a}),q]),ref:D,anchorRef:i,possibleDirections:j,position:k,direction:A,spareDirection:m,onClickOutside:n,offset:o,onSetDirection:E,container:s,style:t},c)}):React.createElement(Fragment,{key:ContextMenuWrapper.name},c)};
 //# sourceMappingURL=ContextMenuWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuWrapper.js","names":["React","Fragment","useCallback","useRef","useState","Transition","cnListBox","mapVerticalSpace","Popover","useFlag","useMutableRef","animateTimeout","cnMixPopoverAnimate","cnMixSpace","cn","contextMenuDefaultSize","defaultContextMenuForm","cnContextMenuWrapper","ContextMenuWrapper","props","isMobile","children","form","isOpen","size","anchorRef","possibleDirections","position","directionProp","direction","spareDirection","onClickOutside","offset","onSetDirectionProp","onSetDirection","className","animationBack","style","innerAnimation","setInnerAnimation","setDirection","onSetDirectionRef","rootRef","current","on","off","animate","border","shadow","pV","name"],"sources":["../../../../../../src/components/ContextMenu/ContextMenuWrapper/ContextMenuWrapper.tsx"],"sourcesContent":["import './ContextMenuWrapper.css';\n\nimport React, { Fragment, useCallback, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { cnListBox, mapVerticalSpace } from '##/components/ListCanary';\nimport { Direction, Popover } from '##/components/Popover';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport {\n  contextMenuDefaultSize,\n  ContextMenuWrapperProps,\n  defaultContextMenuForm,\n} from '../types';\n\nconst cnContextMenuWrapper = cn('ContextMenuWrapper');\n\nexport const ContextMenuWrapper = (props: ContextMenuWrapperProps) => {\n  const {\n    isMobile,\n    children,\n    form = defaultContextMenuForm,\n    isOpen,\n    size = contextMenuDefaultSize,\n    anchorRef,\n    possibleDirections,\n    position,\n    direction: directionProp,\n    spareDirection,\n    onClickOutside,\n    offset,\n    onSetDirection: onSetDirectionProp,\n    className,\n    animationBack,\n    style,\n  } = props;\n\n  const [innerAnimation, setInnerAnimation] = useFlag(isMobile);\n  // запоминаем позицию последнего удовлетворяющего разворота,\n  // для того чтоб следующий экран разворачивался в эту же строну.\n  const [direction, setDirection] = useState(directionProp);\n\n  const onSetDirectionRef = useMutableRef(onSetDirectionProp);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const onSetDirection = useCallback((direction: Direction) => {\n    setDirection(direction);\n    onSetDirectionRef.current?.(direction);\n  }, []);\n\n  if (isMobile) {\n    return (\n      <Transition\n        timeout={animateTimeout}\n        in={isOpen}\n        unmountOnExit\n        onEntered={setInnerAnimation.on}\n        onExit={setInnerAnimation.off}\n        nodeRef={rootRef}\n      >\n        {(animate) => (\n          <Popover\n            className={cnContextMenuWrapper({ animationBack, innerAnimation }, [\n              cnListBox({ size, form, border: true, shadow: true }),\n              cnMixSpace({\n                pV: mapVerticalSpace[size],\n              }),\n              cnMixPopoverAnimate({ animate }),\n              className,\n            ])}\n            ref={rootRef}\n            anchorRef={anchorRef}\n            possibleDirections={possibleDirections}\n            position={position}\n            direction={direction}\n            spareDirection={spareDirection}\n            onClickOutside={onClickOutside}\n            offset={offset}\n            onSetDirection={onSetDirection}\n            style={style}\n          >\n            {children}\n          </Popover>\n        )}\n      </Transition>\n    );\n  }\n\n  return <Fragment key={ContextMenuWrapper.name}>{children}</Fragment>;\n};\n"],"mappings":"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"}
+{"version":3,"file":"ContextMenuWrapper.js","names":["React","Fragment","useCallback","useRef","useState","Transition","cnListBox","mapVerticalSpace","Popover","useFlag","useMutableRef","animateTimeout","cnMixPopoverAnimate","cnMixSpace","cn","contextMenuDefaultSize","defaultContextMenuForm","cnContextMenuWrapper","ContextMenuWrapper","props","isMobile","children","form","isOpen","size","anchorRef","possibleDirections","position","directionProp","direction","spareDirection","onClickOutside","offset","onSetDirectionProp","onSetDirection","className","animationBack","container","style","innerAnimation","setInnerAnimation","setDirection","onSetDirectionRef","rootRef","current","on","off","animate","border","shadow","pV","name"],"sources":["../../../../../../src/components/ContextMenu/ContextMenuWrapper/ContextMenuWrapper.tsx"],"sourcesContent":["import './ContextMenuWrapper.css';\n\nimport React, { Fragment, useCallback, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { cnListBox, mapVerticalSpace } from '##/components/ListCanary';\nimport { Direction, Popover } from '##/components/Popover';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport {\n  contextMenuDefaultSize,\n  ContextMenuWrapperProps,\n  defaultContextMenuForm,\n} from '../types';\n\nconst cnContextMenuWrapper = cn('ContextMenuWrapper');\n\nexport const ContextMenuWrapper = (props: ContextMenuWrapperProps) => {\n  const {\n    isMobile,\n    children,\n    form = defaultContextMenuForm,\n    isOpen,\n    size = contextMenuDefaultSize,\n    anchorRef,\n    possibleDirections,\n    position,\n    direction: directionProp,\n    spareDirection,\n    onClickOutside,\n    offset,\n    onSetDirection: onSetDirectionProp,\n    className,\n    animationBack,\n    container,\n    style,\n  } = props;\n\n  const [innerAnimation, setInnerAnimation] = useFlag(isMobile);\n  // запоминаем позицию последнего удовлетворяющего разворота,\n  // для того чтоб следующий экран разворачивался в эту же строну.\n  const [direction, setDirection] = useState(directionProp);\n\n  const onSetDirectionRef = useMutableRef(onSetDirectionProp);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const onSetDirection = useCallback((direction: Direction) => {\n    setDirection(direction);\n    onSetDirectionRef.current?.(direction);\n  }, []);\n\n  if (isMobile) {\n    return (\n      <Transition\n        timeout={animateTimeout}\n        in={isOpen}\n        unmountOnExit\n        onEntered={setInnerAnimation.on}\n        onExit={setInnerAnimation.off}\n        nodeRef={rootRef}\n      >\n        {(animate) => (\n          <Popover\n            className={cnContextMenuWrapper({ animationBack, innerAnimation }, [\n              cnListBox({ size, form, border: true, shadow: true }),\n              cnMixSpace({\n                pV: mapVerticalSpace[size],\n              }),\n              cnMixPopoverAnimate({ animate }),\n              className,\n            ])}\n            ref={rootRef}\n            anchorRef={anchorRef}\n            possibleDirections={possibleDirections}\n            position={position}\n            direction={direction}\n            spareDirection={spareDirection}\n            onClickOutside={onClickOutside}\n            offset={offset}\n            onSetDirection={onSetDirection}\n            container={container}\n            style={style}\n          >\n            {children}\n          </Popover>\n        )}\n      </Transition>\n    );\n  }\n\n  return <Fragment key={ContextMenuWrapper.name}>{children}</Fragment>;\n};\n"],"mappings":"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"}

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

@@ -17,10 +17,11 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuLevels
     isMobile?: boolean;
     onEsc?: React.KeyboardEventHandler;
     viewportRef?: React.RefObject<HTMLElement>;
+    container?: Element;
 } & import("./types").MappersItem<ITEM> & import("./types").MappersGroup<GROUP> & {
     anchorRef: React.RefObject<HTMLElement>;
     position?: never;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "size" | "form" | "items" | "groups" | "direction" | "position" | "offset" | "onItemClick" | "sortGroup" | "onClickOutside" | "possibleDirections" | "spareDirection" | "onSetDirection" | "viewportRef" | "anchorRef" | "isOpen" | "subMenuDirection" | "isMobile" | "onEsc" | 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" | "position" | "offset" | "onItemClick" | "sortGroup" | "container" | "onClickOutside" | "possibleDirections" | "spareDirection" | "onSetDirection" | "viewportRef" | "anchorRef" | "isOpen" | "subMenuDirection" | "isMobile" | "onEsc" | keyof import("./types").MappersItem<ITEM_1> | keyof import("./types").MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
     id: ContextMenuGroupDefault["id"] | unknown;
 } ? {} : {
     getGroupId: ContextMenuPropGetGroupId<GROUP>;
@@ -65,10 +66,11 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuLevels
     isMobile?: boolean;
     onEsc?: React.KeyboardEventHandler;
     viewportRef?: React.RefObject<HTMLElement>;
+    container?: Element;
 } & import("./types").MappersItem<ITEM> & import("./types").MappersGroup<GROUP> & {
     anchorRef?: never;
     position: import("../Popover").Position;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "size" | "form" | "items" | "groups" | "direction" | "position" | "offset" | "onItemClick" | "sortGroup" | "onClickOutside" | "possibleDirections" | "spareDirection" | "onSetDirection" | "viewportRef" | "anchorRef" | "isOpen" | "subMenuDirection" | "isMobile" | "onEsc" | 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" | "position" | "offset" | "onItemClick" | "sortGroup" | "container" | "onClickOutside" | "possibleDirections" | "spareDirection" | "onSetDirection" | "viewportRef" | "anchorRef" | "isOpen" | "subMenuDirection" | "isMobile" | "onEsc" | keyof import("./types").MappersItem<ITEM_1> | keyof import("./types").MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
     id: ContextMenuGroupDefault["id"] | unknown;
 } ? {} : {
     getGroupId: ContextMenuPropGetGroupId<GROUP>;

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

@@ -8,16 +8,16 @@ import { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';
 import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 import { Direction, PopoverPropOffset, Position } from '../Popover/Popover';
 export declare const contextMenuSizes: readonly ["m", "xs", "s", "l"];
-export type ContextMenuPropSize = typeof contextMenuSizes[number];
+export type ContextMenuPropSize = (typeof contextMenuSizes)[number];
 export declare const contextMenuDefaultSize: ContextMenuPropSize;
 export declare const contextMenuStatus: readonly ["alert", "success", "warning"];
-export type ContextMenuStatus = typeof contextMenuStatus[number];
+export type ContextMenuStatus = (typeof contextMenuStatus)[number];
 export declare const contextMenuDefaultStatus: ContextMenuStatus;
 export declare const contextMenuForm: readonly ["default", "brick", "round"];
 export type ContextMenuForm = ListPropForm;
 export declare const defaultContextMenuForm: "default";
 export declare const contextMenuPropSubMenuDirections: Direction[];
-export type ContextMenuPropSubMenuDirection = typeof contextMenuPropSubMenuDirections[number];
+export type ContextMenuPropSubMenuDirection = (typeof contextMenuPropSubMenuDirections)[number];
 export declare const contextMenuPropDefaultSubMenuDirection: ContextMenuPropSubMenuDirection;
 export type ContextMenuPropOnItemClick<ITEM> = (item: ITEM, params: {
     e: React.MouseEvent;
@@ -119,6 +119,7 @@ export type ContextMenuProps<ITEM = ContextMenuItemDefault, GROUP = ContextMenuG
     isMobile?: boolean;
     onEsc?: React.KeyboardEventHandler;
     viewportRef?: React.RefObject<HTMLElement>;
+    container?: Element;
 } & MappersItem<ITEM> & MappersGroup<GROUP> & PositioningProps, HTMLDivElement> & (GROUP extends {
     id: ContextMenuGroupDefault['id'] | unknown;
 } ? {} : {
@@ -177,6 +178,7 @@ export type ContextMenuWrapperProps = PropsWithHTMLAttributes<{
     onSetDirection?: (direction: Direction) => void;
     className?: string;
     animationBack?: boolean;
+    container?: Element;
 }, HTMLDivElement>;
 export type ContextMenuLevelWrapperProps = PropsWithHTMLAttributesAndRef<{
     children: React.ReactNode;
@@ -191,5 +193,6 @@ export type ContextMenuLevelWrapperProps = PropsWithHTMLAttributesAndRef<{
     position?: Position;
     onSetDirection?: (direction: Direction) => void;
     viewportRef?: React.RefObject<HTMLElement>;
+    container?: Element;
 }, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["defaultListPropForm","listPropForm","contextMenuSizes","contextMenuDefaultSize","contextMenuStatus","contextMenuDefaultStatus","contextMenuForm","defaultContextMenuForm","contextMenuPropSubMenuDirections","contextMenuPropDefaultSubMenuDirection"],"sources":["../../../../../src/components/ContextMenu/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport {\n  defaultListPropForm,\n  ListPropForm,\n  listPropForm,\n} from '##/components/ListCanary';\nimport { ComponentSize } from '##/hooks/useComponentSize';\nimport { Animate } from '##/mixs/MixPopoverAnimate';\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\n\nimport { ClickOutsideHandler } from '../../hooks/useClickOutside/useClickOutside';\nimport { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';\nimport {\n  PropsWithHTMLAttributes,\n  PropsWithHTMLAttributesAndRef,\n} from '../../utils/types/PropsWithHTMLAttributes';\nimport { Direction, PopoverPropOffset, Position } from '../Popover/Popover';\n\nexport const contextMenuSizes = ['m', 'xs', 's', 'l'] as const;\nexport type ContextMenuPropSize = typeof contextMenuSizes[number];\nexport const contextMenuDefaultSize: ContextMenuPropSize = contextMenuSizes[0];\n\nexport const contextMenuStatus = ['alert', 'success', 'warning'] as const;\nexport type ContextMenuStatus = typeof contextMenuStatus[number];\nexport const contextMenuDefaultStatus: ContextMenuStatus = contextMenuStatus[0];\n\nexport const contextMenuForm = listPropForm;\nexport type ContextMenuForm = ListPropForm;\nexport const defaultContextMenuForm = defaultListPropForm;\n\nexport const contextMenuPropSubMenuDirections: Direction[] = [\n  'rightStartUp',\n  'rightStartDown',\n  'leftStartUp',\n  'leftStartDown',\n];\nexport type ContextMenuPropSubMenuDirection =\n  typeof contextMenuPropSubMenuDirections[number];\nexport const contextMenuPropDefaultSubMenuDirection: ContextMenuPropSubMenuDirection =\n  contextMenuPropSubMenuDirections[0];\n\nexport type ContextMenuPropOnItemClick<ITEM> = (\n  item: ITEM,\n  params: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type ContextMenuGroupDefault = {\n  label?: string;\n  id: number;\n};\n\nexport type ContextMenuItemDefault = {\n  label: string | number;\n  key?: string | number;\n  rightSide?: React.ReactNode;\n  rightIcon?: IconComponent;\n  leftSide?: React.ReactNode;\n  leftIcon?: IconComponent;\n  subMenu?: ContextMenuItemDefault[];\n  status?: ContextMenuStatus;\n  disabled?: boolean;\n  groupId?: number;\n  onClick?: React.MouseEventHandler;\n  as?: AsTags;\n  attributes?: AsAttributes;\n};\n\nexport type ContextMenuPropSortGroup = (\n  a: string | number,\n  b: string | number,\n) => number;\n\nexport type ContextMenuPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\n\nexport type ContextMenuPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ContextMenuPropGetItemLeftSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ContextMenuPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\n\nexport type ContextMenuPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => ContextMenuStatus | undefined;\n\nexport type ContextMenuPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\n\nexport type ContextMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\n\nexport type ContextMenuPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\n\nexport type ContextMenuPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;\n\nexport type ContextMenuPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type ContextMenuPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => number | undefined;\n\nexport type ContextMenuPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ContextMenuPropGetItemLeftIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ContextMenuPropGetGroupLabel<GROUP> = (\n  group: GROUP,\n) => string | undefined;\nexport type ContextMenuPropGetGroupId<GROUP> = (group: GROUP) => number;\n\ntype PositioningProps =\n  | {\n      anchorRef: React.RefObject<HTMLElement>;\n      position?: never;\n    }\n  | {\n      anchorRef?: never;\n      position: Position;\n    };\n\nexport type MappersItem<ITEM> = {\n  getItemLabel?: ContextMenuPropGetItemLabel<ITEM>;\n  getItemRightSide?: ContextMenuPropGetItemRightSide<ITEM>;\n  getItemLeftSide?: ContextMenuPropGetItemLeftSide<ITEM>;\n  getItemSubMenu?: ContextMenuPropGetItemSubMenu<ITEM>;\n  getItemStatus?: ContextMenuPropGetItemStatus<ITEM>;\n  getItemDisabled?: ContextMenuPropGetItemDisabled<ITEM>;\n  getItemKey?: ContextMenuPropGetItemKey<ITEM>;\n  getItemOnClick?: ContextMenuPropGetItemOnClick<ITEM>;\n  getItemAs?: ContextMenuPropGetItemAs<ITEM>;\n  getItemAttributes?: ContextMenuPropGetItemAttributes<ITEM>;\n  getItemGroupId?: ContextMenuPropGetItemGroupId<ITEM>;\n  getItemLeftIcon?: ContextMenuPropGetItemLeftIcon<ITEM>;\n  getItemRightIcon?: ContextMenuPropGetItemRightIcon<ITEM>;\n};\n\nexport type MappersGroup<GROUP> = {\n  getGroupLabel?: ContextMenuPropGetGroupLabel<GROUP>;\n  getGroupId?: ContextMenuPropGetGroupId<GROUP>;\n};\n\nexport type Level<ITEM> = {\n  items: ITEM[];\n  activeItem?: string;\n  direction?: Direction;\n  possibleDirections?: Direction[];\n  offset?: PopoverPropOffset;\n  parent?: ITEM;\n  anchorRef?: React.RefObject<HTMLElement>;\n  position?: Position;\n};\n\nexport type AddLevel<ITEM> = (params: {\n  level: number;\n  items: ITEM[];\n  parent?: ITEM;\n  anchorRef?: React.RefObject<HTMLElement>;\n  position?: Position;\n  activeItem: string;\n}) => void;\n\nexport type ContextMenuProps<\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    size?: ContextMenuPropSize;\n    direction?: Direction;\n    offset?: PopoverPropOffset;\n    groups?: GROUP[];\n    sortGroup?: ContextMenuPropSortGroup;\n    onItemClick?: ContextMenuPropOnItemClick<ITEM>;\n    possibleDirections?: Direction[];\n    subMenuDirection?: ContextMenuPropSubMenuDirection;\n    spareDirection?: Direction;\n    onSetDirection?: (direction: Direction) => void;\n    onClickOutside?: ClickOutsideHandler;\n    isOpen?: boolean;\n    form?: ContextMenuForm;\n    isMobile?: boolean;\n    onEsc?: React.KeyboardEventHandler;\n    viewportRef?: React.RefObject<HTMLElement>;\n  } & MappersItem<ITEM> &\n    MappersGroup<GROUP> &\n    PositioningProps,\n  HTMLDivElement\n> &\n  (GROUP extends { id: ContextMenuGroupDefault['id'] | unknown }\n    ? {}\n    : { getGroupId: ContextMenuPropGetGroupId<GROUP> }) &\n  (ITEM extends { label: ContextMenuItemDefault['label'] }\n    ? {}\n    : { getItemLabel: ContextMenuPropGetItemLabel<ITEM> });\n\nexport type ContextMenuLevelsProps<\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n> = ContextMenuProps<ITEM, GROUP> & {\n  setComponentSize: React.Dispatch<React.SetStateAction<ComponentSize>>;\n  disableAnimationBack: () => void;\n  enableAnimationBack: () => void;\n};\n\nexport type ContextMenuLevelsComponent = <\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n>(\n  props: ContextMenuLevelsProps<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nexport type ContextMenuComponent = <\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n>(\n  props: ContextMenuProps<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nexport type ContextMenuLevelProps<\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n> = Omit<\n  ContextMenuProps<ITEM, GROUP>,\n  | 'subMenuDirection'\n  | 'onClickOutside'\n  | 'setComponentSize'\n  | 'animationBack'\n  | 'disableAnimationBack'\n  | 'enableAnimationBack'\n  | keyof MappersItem<ITEM>\n  | keyof MappersGroup<GROUP>\n> & {\n  parent?: ITEM;\n  activeLevelDepth: number;\n  levelDepth: number;\n  addLevel: AddLevel<ITEM>;\n  deleteLevel: (level: number) => void;\n  activeItem?: string;\n  onSetDirection?: (direction: Direction) => void;\n  hoveredParenLevel: number;\n  setHoveredParenLevel: (level: number) => void;\n  onEsc?: React.KeyboardEventHandler;\n  animate: Animate;\n} & Required<MappersItem<ITEM>> &\n  Required<MappersGroup<GROUP>>;\n\nexport type ContextMenuLevelComponent = <ITEM, GROUP>(\n  props: ContextMenuLevelProps<ITEM, GROUP>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactNode | null;\n\nexport type ContextMenuItemProps<AS extends AsTags = 'div'> =\n  PropsWithAsAttributes<\n    Omit<ContextMenuItemDefault, 'onClick' | 'attributes' | 'key'> & {\n      size?: ContextMenuPropSize;\n      active: boolean;\n      withSubMenu: boolean;\n    },\n    AS\n  > &\n    React.RefAttributes<HTMLDivElement>;\n\nexport type ContextMenuItemComponent = <AS extends AsTags = 'div'>(\n  props: ContextMenuItemProps<AS>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactNode | null;\n\nexport type GetLevelsParams<ITEM> = {\n  levels: Level<ITEM>[];\n  items: ITEM[];\n  getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;\n  getItemKey: ContextMenuPropGetItemKey<ITEM>;\n};\n\nexport type ContextMenuWrapperProps = PropsWithHTMLAttributes<\n  {\n    children: React.ReactNode;\n    isOpen?: boolean;\n    isMobile?: boolean;\n    form?: ContextMenuForm;\n    onClickOutside?: ClickOutsideHandler;\n    spareDirection?: Direction;\n    possibleDirections?: Direction[];\n    size?: ContextMenuPropSize;\n    direction?: Direction;\n    offset?: PopoverPropOffset;\n    anchorRef?: React.RefObject<HTMLElement>;\n    position?: Position;\n    onSetDirection?: (direction: Direction) => void;\n    className?: string;\n    animationBack?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport type ContextMenuLevelWrapperProps = PropsWithHTMLAttributesAndRef<\n  {\n    children: React.ReactNode;\n    isMobile?: boolean;\n    onClickOutside?: ClickOutsideHandler;\n    spareDirection?: Direction;\n    possibleDirections?: Direction[];\n    size?: ContextMenuPropSize;\n    direction?: Direction;\n    offset?: PopoverPropOffset;\n    anchorRef?: React.RefObject<HTMLElement>;\n    position?: Position;\n    onSetDirection?: (direction: Direction) => void;\n    viewportRef?: React.RefObject<HTMLElement>;\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,iCAA6C,CAAG,CAC3D,cAD2D,CAE3D,gBAF2D,CAG3D,aAH2D,CAI3D,eAJ2D,CAAtD,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: Direction[] = [\n  'rightStartUp',\n  'rightStartDown',\n  'leftStartUp',\n  'leftStartDown',\n];\nexport type ContextMenuPropSubMenuDirection =\n  (typeof contextMenuPropSubMenuDirections)[number];\nexport const contextMenuPropDefaultSubMenuDirection: ContextMenuPropSubMenuDirection =\n  contextMenuPropSubMenuDirections[0];\n\nexport type ContextMenuPropOnItemClick<ITEM> = (\n  item: ITEM,\n  params: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type ContextMenuGroupDefault = {\n  label?: string;\n  id: number;\n};\n\nexport type ContextMenuItemDefault = {\n  label: string | number;\n  key?: string | number;\n  rightSide?: React.ReactNode;\n  rightIcon?: IconComponent;\n  leftSide?: React.ReactNode;\n  leftIcon?: IconComponent;\n  subMenu?: ContextMenuItemDefault[];\n  status?: ContextMenuStatus;\n  disabled?: boolean;\n  groupId?: number;\n  onClick?: React.MouseEventHandler;\n  as?: AsTags;\n  attributes?: AsAttributes;\n};\n\nexport type ContextMenuPropSortGroup = (\n  a: string | number,\n  b: string | number,\n) => number;\n\nexport type ContextMenuPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\n\nexport type ContextMenuPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ContextMenuPropGetItemLeftSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ContextMenuPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\n\nexport type ContextMenuPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => ContextMenuStatus | undefined;\n\nexport type ContextMenuPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\n\nexport type ContextMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\n\nexport type ContextMenuPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\n\nexport type ContextMenuPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;\n\nexport type ContextMenuPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type ContextMenuPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => number | undefined;\n\nexport type ContextMenuPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ContextMenuPropGetItemLeftIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ContextMenuPropGetGroupLabel<GROUP> = (\n  group: GROUP,\n) => string | undefined;\nexport type ContextMenuPropGetGroupId<GROUP> = (group: GROUP) => number;\n\ntype PositioningProps =\n  | {\n      anchorRef: React.RefObject<HTMLElement>;\n      position?: never;\n    }\n  | {\n      anchorRef?: never;\n      position: Position;\n    };\n\nexport type MappersItem<ITEM> = {\n  getItemLabel?: ContextMenuPropGetItemLabel<ITEM>;\n  getItemRightSide?: ContextMenuPropGetItemRightSide<ITEM>;\n  getItemLeftSide?: ContextMenuPropGetItemLeftSide<ITEM>;\n  getItemSubMenu?: ContextMenuPropGetItemSubMenu<ITEM>;\n  getItemStatus?: ContextMenuPropGetItemStatus<ITEM>;\n  getItemDisabled?: ContextMenuPropGetItemDisabled<ITEM>;\n  getItemKey?: ContextMenuPropGetItemKey<ITEM>;\n  getItemOnClick?: ContextMenuPropGetItemOnClick<ITEM>;\n  getItemAs?: ContextMenuPropGetItemAs<ITEM>;\n  getItemAttributes?: ContextMenuPropGetItemAttributes<ITEM>;\n  getItemGroupId?: ContextMenuPropGetItemGroupId<ITEM>;\n  getItemLeftIcon?: ContextMenuPropGetItemLeftIcon<ITEM>;\n  getItemRightIcon?: ContextMenuPropGetItemRightIcon<ITEM>;\n};\n\nexport type MappersGroup<GROUP> = {\n  getGroupLabel?: ContextMenuPropGetGroupLabel<GROUP>;\n  getGroupId?: ContextMenuPropGetGroupId<GROUP>;\n};\n\nexport type Level<ITEM> = {\n  items: ITEM[];\n  activeItem?: string;\n  direction?: Direction;\n  possibleDirections?: Direction[];\n  offset?: PopoverPropOffset;\n  parent?: ITEM;\n  anchorRef?: React.RefObject<HTMLElement>;\n  position?: Position;\n};\n\nexport type AddLevel<ITEM> = (params: {\n  level: number;\n  items: ITEM[];\n  parent?: ITEM;\n  anchorRef?: React.RefObject<HTMLElement>;\n  position?: Position;\n  activeItem: string;\n}) => void;\n\nexport type ContextMenuProps<\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    size?: ContextMenuPropSize;\n    direction?: Direction;\n    offset?: PopoverPropOffset;\n    groups?: GROUP[];\n    sortGroup?: ContextMenuPropSortGroup;\n    onItemClick?: ContextMenuPropOnItemClick<ITEM>;\n    possibleDirections?: Direction[];\n    subMenuDirection?: ContextMenuPropSubMenuDirection;\n    spareDirection?: Direction;\n    onSetDirection?: (direction: Direction) => void;\n    onClickOutside?: ClickOutsideHandler;\n    isOpen?: boolean;\n    form?: ContextMenuForm;\n    isMobile?: boolean;\n    onEsc?: React.KeyboardEventHandler;\n    viewportRef?: React.RefObject<HTMLElement>;\n    container?: Element;\n  } & MappersItem<ITEM> &\n    MappersGroup<GROUP> &\n    PositioningProps,\n  HTMLDivElement\n> &\n  (GROUP extends { id: ContextMenuGroupDefault['id'] | unknown }\n    ? {}\n    : { getGroupId: ContextMenuPropGetGroupId<GROUP> }) &\n  (ITEM extends { label: ContextMenuItemDefault['label'] }\n    ? {}\n    : { getItemLabel: ContextMenuPropGetItemLabel<ITEM> });\n\nexport type ContextMenuLevelsProps<\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n> = ContextMenuProps<ITEM, GROUP> & {\n  setComponentSize: React.Dispatch<React.SetStateAction<ComponentSize>>;\n  disableAnimationBack: () => void;\n  enableAnimationBack: () => void;\n};\n\nexport type ContextMenuLevelsComponent = <\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n>(\n  props: ContextMenuLevelsProps<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nexport type ContextMenuComponent = <\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n>(\n  props: ContextMenuProps<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nexport type ContextMenuLevelProps<\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n> = Omit<\n  ContextMenuProps<ITEM, GROUP>,\n  | 'subMenuDirection'\n  | 'onClickOutside'\n  | 'setComponentSize'\n  | 'animationBack'\n  | 'disableAnimationBack'\n  | 'enableAnimationBack'\n  | keyof MappersItem<ITEM>\n  | keyof MappersGroup<GROUP>\n> & {\n  parent?: ITEM;\n  activeLevelDepth: number;\n  levelDepth: number;\n  addLevel: AddLevel<ITEM>;\n  deleteLevel: (level: number) => void;\n  activeItem?: string;\n  onSetDirection?: (direction: Direction) => void;\n  hoveredParenLevel: number;\n  setHoveredParenLevel: (level: number) => void;\n  onEsc?: React.KeyboardEventHandler;\n  animate: Animate;\n} & Required<MappersItem<ITEM>> &\n  Required<MappersGroup<GROUP>>;\n\nexport type ContextMenuLevelComponent = <ITEM, GROUP>(\n  props: ContextMenuLevelProps<ITEM, GROUP>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactNode | null;\n\nexport type ContextMenuItemProps<AS extends AsTags = 'div'> =\n  PropsWithAsAttributes<\n    Omit<ContextMenuItemDefault, 'onClick' | 'attributes' | 'key'> & {\n      size?: ContextMenuPropSize;\n      active: boolean;\n      withSubMenu: boolean;\n    },\n    AS\n  > &\n    React.RefAttributes<HTMLDivElement>;\n\nexport type ContextMenuItemComponent = <AS extends AsTags = 'div'>(\n  props: ContextMenuItemProps<AS>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactNode | null;\n\nexport type GetLevelsParams<ITEM> = {\n  levels: Level<ITEM>[];\n  items: ITEM[];\n  getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;\n  getItemKey: ContextMenuPropGetItemKey<ITEM>;\n};\n\nexport type ContextMenuWrapperProps = PropsWithHTMLAttributes<\n  {\n    children: React.ReactNode;\n    isOpen?: boolean;\n    isMobile?: boolean;\n    form?: ContextMenuForm;\n    onClickOutside?: ClickOutsideHandler;\n    spareDirection?: Direction;\n    possibleDirections?: 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    container?: Element;\n  },\n  HTMLDivElement\n>;\n\nexport type ContextMenuLevelWrapperProps = PropsWithHTMLAttributesAndRef<\n  {\n    children: React.ReactNode;\n    isMobile?: boolean;\n    onClickOutside?: ClickOutsideHandler;\n    spareDirection?: Direction;\n    possibleDirections?: Direction[];\n    size?: ContextMenuPropSize;\n    direction?: Direction;\n    offset?: PopoverPropOffset;\n    anchorRef?: React.RefObject<HTMLElement>;\n    position?: Position;\n    onSetDirection?: (direction: Direction) => void;\n    viewportRef?: React.RefObject<HTMLElement>;\n    container?: Element;\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,iCAA6C,CAAG,CAC3D,cAD2D,CAE3D,gBAF2D,CAG3D,aAH2D,CAI3D,eAJ2D,CAAtD,CAQP,MAAO,IAAMC,uCAAuE,CAClFD,gCAAgC,CAAC,CAAD,CAD3B"}

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

@@ -1,4 +1,5 @@
 import './DatePickerDropdown.css';
+import { Locale } from 'date-fns';
 import React from 'react';
 import { DateTimePropOnChange, DateTimePropType } from '../../DateTime';
 import { DateTimePropDisableDates, TimeOptions } from '../../DateTime/helpers/types';
@@ -27,6 +28,7 @@ export type DatePickerDropdownProps = PropsWithHTMLAttributesAndRef<{
     timeFor?: 'start' | 'end';
     disableDates?: DateTimePropDisableDates;
     viewportRef?: React.RefObject<HTMLElement>;
+    container?: Element;
 }, HTMLDivElement>;
 type DatePickerDropdownComponent = (props: DatePickerDropdownProps) => React.ReactNode | null;
 export declare const DatePickerDropdown: DatePickerDropdownComponent;