@vkontakte/vkui 6.0.2 → 6.1.0

package/dist/cjs/components/ChipsSelect/ChipsSelect.js

@@ -12,6 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _useExternRef = require("../../hooks/useExternRef");
@@ -272,99 +273,105 @@ const ChipsSelect = (_param)=>{
         setOpened
     ]);
     (0, _useGlobalOnClickOutside.useGlobalOnClickOutside)(handleClickOutside, opened ? rootRef : null, opened ? dropdownScrollBoxRef : null);
-    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_ChipsInputBase.ChipsInputBase, _object_spread_props._(_object_spread._({}, restProps), {
-        disabled: disabled,
-        readOnly: readOnly,
-        // FormFieldProps
-        id: labelledbyId,
-        getRootRef: rootRef,
-        className: (0, _vkjs.classNames)("vkuiChipsSelect", opened && dropdownVerticalPlacement && stylesDropdownVerticalPlacement[dropdownVerticalPlacement], className),
-        status: status,
-        after: dropdownIconProp || /*#__PURE__*/ _react.createElement(_DropdownIcon.DropdownIcon, {
-            opened: opened
-        }),
-        // option
-        value: value,
-        onAddChipOption: addOptionFromInput,
-        onRemoveChipOption: removeOption,
-        renderChip: renderChip,
-        // input
-        getRef: inputRef,
-        inputValue: inputValue,
-        onInputChange: onInputChange,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        onKeyDown: handleKeyDown,
-        // a11y
-        role: "combobox",
-        "aria-expanded": opened,
-        "aria-autocomplete": "list",
-        "aria-controls": opened ? dropdownId : undefined,
-        "aria-activedescendant": opened ? dropdownCurrentItemId : undefined,
-        "aria-haspopup": "listbox"
-    })), opened && /*#__PURE__*/ _react.createElement(_CustomSelectDropdown.CustomSelectDropdown, {
-        "data-testid": dropdownTestId,
-        targetRef: rootRef,
-        placement: placementProp,
-        scrollBoxRef: dropdownScrollBoxRef,
-        onPlacementChange: onDropdownPlacementChange,
-        onMouseLeave: onDropdownMouseLeave,
-        fetching: fetching,
-        autoWidth: dropdownAutoWidth,
-        forcePortal: forceDropdownPortal,
-        noMaxHeight: noMaxHeight,
-        // a11y
-        id: dropdownId,
-        role: "listbox",
-        "aria-labelledby": labelledbyId
-    }, options.map((option, index)=>{
-        const dropdownItemId = `${dropdownId}-${index}`;
-        if ((0, _constants1.isEmptyOptionPreset)(option)) {
-            return /*#__PURE__*/ _react.createElement(_Footnote.Footnote, {
-                key: "empty-text",
-                className: "vkuiChipsSelect__empty"
-            }, option.placeholder);
-        }
-        if ((0, _constants1.isCreateNewOptionPreset)(option)) {
-            return /*#__PURE__*/ _react.createElement(_CustomSelectOption.CustomSelectOption, {
-                key: "create-new-option",
-                id: dropdownItemId,
-                hovered: focusedOptionIndex === index,
-                onMouseDown: ()=>addOptionFromInput(inputValue),
-                onMouseEnter: ()=>setFocusedOptionIndex(index)
-            }, option.actionText);
-        }
-        return /*#__PURE__*/ _react.createElement(_react.Fragment, {
-            key: `${typeof option.value}-${option.label}`
-        }, renderOption({
-            id: dropdownItemId,
-            disabled: option.disabled,
-            hovered: focusedOption ? getOptionValue(option) === getOptionValue(focusedOption) : false,
-            children: option.label,
-            selected: !!value.find((selectedOption)=>getOptionValue(selectedOption) === getOptionValue(option)),
-            getRootRef (node) {
-                if (node) {
-                    chipsSelectOptions[index] = node;
-                }
-            },
-            onMouseDown (event) {
-                if (option.disabled) {
-                    return;
-                }
-                if (onChangeStart) {
-                    onChangeStart(event, option);
-                }
-                if (!event.defaultPrevented) {
-                    closeAfterSelect && setOpened(false);
-                    addOption(option);
-                    clearInput();
-                }
-            },
-            onMouseEnter () {
-                setFocusedOptionIndex(index);
-            }
-        }, option));
-    })));
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChipsInputBase.ChipsInputBase, _object_spread_props._(_object_spread._({}, restProps), {
+                disabled: disabled,
+                readOnly: readOnly,
+                // FormFieldProps
+                id: labelledbyId,
+                getRootRef: rootRef,
+                className: (0, _vkjs.classNames)("vkuiChipsSelect", opened && dropdownVerticalPlacement && stylesDropdownVerticalPlacement[dropdownVerticalPlacement], className),
+                status: status,
+                after: dropdownIconProp || /*#__PURE__*/ (0, _jsxruntime.jsx)(_DropdownIcon.DropdownIcon, {
+                    opened: opened
+                }),
+                // option
+                value: value,
+                onAddChipOption: addOptionFromInput,
+                onRemoveChipOption: removeOption,
+                renderChip: renderChip,
+                // input
+                getRef: inputRef,
+                inputValue: inputValue,
+                onInputChange: onInputChange,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                onKeyDown: handleKeyDown,
+                // a11y
+                role: "combobox",
+                "aria-expanded": opened,
+                "aria-autocomplete": "list",
+                "aria-controls": opened ? dropdownId : undefined,
+                "aria-activedescendant": opened ? dropdownCurrentItemId : undefined,
+                "aria-haspopup": "listbox"
+            })),
+            opened && /*#__PURE__*/ (0, _jsxruntime.jsx)(_CustomSelectDropdown.CustomSelectDropdown, {
+                "data-testid": dropdownTestId,
+                targetRef: rootRef,
+                placement: placementProp,
+                scrollBoxRef: dropdownScrollBoxRef,
+                onPlacementChange: onDropdownPlacementChange,
+                onMouseLeave: onDropdownMouseLeave,
+                fetching: fetching,
+                autoWidth: dropdownAutoWidth,
+                forcePortal: forceDropdownPortal,
+                noMaxHeight: noMaxHeight,
+                // a11y
+                id: dropdownId,
+                role: "listbox",
+                "aria-labelledby": labelledbyId,
+                children: options.map((option, index)=>{
+                    const dropdownItemId = `${dropdownId}-${index}`;
+                    if ((0, _constants1.isEmptyOptionPreset)(option)) {
+                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Footnote.Footnote, {
+                            className: "vkuiChipsSelect__empty",
+                            children: option.placeholder
+                        }, "empty-text");
+                    }
+                    if ((0, _constants1.isCreateNewOptionPreset)(option)) {
+                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_CustomSelectOption.CustomSelectOption, {
+                            id: dropdownItemId,
+                            hovered: focusedOptionIndex === index,
+                            onMouseDown: ()=>addOptionFromInput(inputValue),
+                            onMouseEnter: ()=>setFocusedOptionIndex(index),
+                            children: option.actionText
+                        }, "create-new-option");
+                    }
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_react.Fragment, {
+                        children: renderOption({
+                            id: dropdownItemId,
+                            disabled: option.disabled,
+                            hovered: focusedOption ? getOptionValue(option) === getOptionValue(focusedOption) : false,
+                            children: option.label,
+                            selected: !!value.find((selectedOption)=>getOptionValue(selectedOption) === getOptionValue(option)),
+                            getRootRef (node) {
+                                if (node) {
+                                    chipsSelectOptions[index] = node;
+                                }
+                            },
+                            onMouseDown (event) {
+                                if (option.disabled) {
+                                    return;
+                                }
+                                if (onChangeStart) {
+                                    onChangeStart(event, option);
+                                }
+                                if (!event.defaultPrevented) {
+                                    closeAfterSelect && setOpened(false);
+                                    addOption(option);
+                                    clearInput();
+                                }
+                            },
+                            onMouseEnter () {
+                                setFocusedOptionIndex(index);
+                            }
+                        }, option)
+                    }, `${typeof option.value}-${option.label}`);
+                })
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=ChipsSelect.js.map

package/dist/cjs/components/ChipsSelect/ChipsSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChipsSelect/ChipsSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalOnClickOutside } from '../../hooks/useGlobalOnClickOutside';\nimport { Keys } from '../../lib/accessibility';\nimport type { Placement } from '../../lib/floating';\nimport { defaultFilterFn } from '../../lib/select';\nimport { ChipsInputBase } from '../ChipsInputBase/ChipsInputBase';\nimport {\n  getNewOptionDataDefault,\n  getOptionLabelDefault,\n  getOptionValueDefault,\n  renderChipDefault,\n} from '../ChipsInputBase/constants';\nimport type { ChipOption, ChipsInputBaseProps } from '../ChipsInputBase/types';\nimport { CustomSelectDropdown } from '../CustomSelectDropdown/CustomSelectDropdown';\nimport {\n  CustomSelectOption,\n  type CustomSelectOptionProps,\n} from '../CustomSelectOption/CustomSelectOption';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport type { FormFieldProps } from '../FormField/FormField';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport {\n  DEFAULT_EMPTY_TEXT,\n  DEFAULT_SELECTED_BEHAVIOR,\n  FOCUS_ACTION_NEXT,\n  FOCUS_ACTION_PREV,\n  isCreateNewOptionPreset,\n  isEmptyOptionPreset,\n  isNotServicePreset,\n  renderOptionDefault,\n} from './constants';\nimport type { FocusActionType, OptionPreset } from './types';\nimport { useChipsSelect, type UseChipsSelectProps } from './useChipsSelect';\nimport styles from './ChipsSelect.module.css';\n\nconst stylesDropdownVerticalPlacement = {\n  top: styles['ChipsSelect--pop-up'],\n  bottom: styles['ChipsSelect--pop-down'],\n} as const;\n\nconst findIndexAfter = <O extends ChipOption>(\n  options: Array<OptionPreset<O>> = [],\n  startIndex = -1,\n) => {\n  if (startIndex >= options.length - 1) {\n    return -1;\n  }\n  return options.findIndex(\n    (option, i) => i > startIndex && (!isNotServicePreset(option) || !option.disabled),\n  );\n};\n\nconst findIndexBefore = <O extends ChipOption>(\n  options: Array<OptionPreset<O>> = [],\n  endIndex: number = options.length,\n) => {\n  let result = -1;\n  if (endIndex <= 0) {\n    return result;\n  }\n  for (let i = endIndex - 1; i >= 0; i--) {\n    let option = options[i];\n\n    if (!isNotServicePreset(option) || !option.disabled) {\n      result = i;\n      break;\n    }\n  }\n  return result;\n};\n\nexport interface ChipsSelectProps<O extends ChipOption>\n  extends ChipsInputBaseProps<O>,\n    UseChipsSelectProps<O>,\n    Pick<FormFieldProps, 'status' | 'mode' | 'before'> {\n  placement?: 'top' | 'bottom';\n  /**\n   * Отрисовка Spinner вместо списка опций в выпадающем списке\n   */\n  fetching?: boolean;\n  /**\n   * Закрытие выпадающего списка после выбора элемента\n   */\n  closeAfterSelect?: boolean;\n  /**\n   * Ширина раскрывающегося списка зависит от контента\n   */\n  dropdownAutoWidth?: boolean;\n  /**\n   * Принудительно использовать портал.\n   */\n  forceDropdownPortal?: boolean;\n  /**\n   * Передача `data-testid`.\n   */\n  dropdownTestId?: string;\n  /**\n   * Иконка раскрывающегося списка\n   */\n  icon?: React.ReactNode;\n  /**\n   * Добавляет значение в список на событие `onBlur` (использовать вместе с `creatable`)\n   */\n  addOnBlur?: boolean;\n  /**\n   * Отключает максимальную высоту по умолчанию\n   */\n  noMaxHeight?: boolean;\n\n  renderOption?(props: CustomSelectOptionProps, option: O): React.ReactNode;\n  /**\n   * Событие срабатывающее перед onChange\n   */\n  onChangeStart?(event: React.MouseEvent | React.KeyboardEvent, option: O): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ChipsSelect\n */\nexport const ChipsSelect = <Option extends ChipOption>({\n  // FormFieldProps\n  id: labelledbyId,\n  getRootRef,\n  className,\n  status = 'default',\n  icon: dropdownIconProp,\n  onChangeStart,\n\n  // CustomSelectDropdownProps\n  options: optionsProp,\n  placement: placementProp = 'bottom',\n  closeAfterSelect = true,\n  selectedBehavior = DEFAULT_SELECTED_BEHAVIOR,\n  emptyText = DEFAULT_EMPTY_TEXT,\n  creatable = false,\n  fetching = false,\n  dropdownAutoWidth,\n  forceDropdownPortal,\n  noMaxHeight = false,\n  filterFn = defaultFilterFn,\n  dropdownTestId,\n\n  // ChipsInputProps\n  getRef,\n  value: valueProp,\n  defaultValue,\n  inputValue: inputValueProp,\n  defaultInputValue,\n  disabled,\n  readOnly,\n  getOptionValue = getOptionValueDefault,\n  getOptionLabel = getOptionLabelDefault,\n  getNewOptionData = getNewOptionDataDefault,\n  renderChip = renderChipDefault,\n  renderOption = renderOptionDefault,\n  onChange,\n  onFocus: onFocusProp,\n  onInputChange: onInputChangeProp,\n  onBlur: onBlurProp,\n  onKeyDown: onKeyDownProp,\n  ...restProps\n}: ChipsSelectProps<Option>) => {\n  const {\n    // Связано с ChipsInputProps\n    // option\n    value,\n    addOptionFromInput,\n    addOption,\n    removeOption,\n    // input\n    inputRef: inputRefHook,\n    inputValue,\n    clearInput,\n    onInputChange,\n\n    // Связано с CustomSelectDropdownProps\n    options,\n    opened,\n    setOpened,\n    focusedOption,\n    focusedOptionIndex,\n    setFocusedOption,\n    setFocusedOptionIndex,\n  } = useChipsSelect({\n    // option\n    value: valueProp,\n    defaultValue,\n    onChange,\n    getOptionValue,\n    getOptionLabel,\n    getNewOptionData,\n\n    // input\n    inputValue: inputValueProp,\n    defaultInputValue,\n    onInputChange: onInputChangeProp,\n\n    // dropdown\n    options: optionsProp,\n    emptyText,\n    creatable,\n    filterFn,\n    selectedBehavior,\n\n    // other\n    disabled,\n  });\n\n  // Связано с ChipsInputProps\n  const rootRef = useExternRef(getRootRef);\n  const inputRef = useExternRef(getRef, inputRefHook);\n\n  // Связано с CustomSelectDropdownProps\n  const [dropdownVerticalPlacement, setDropdownVerticalPlacement] = React.useState<\n    Extract<Placement, 'top' | 'bottom'> | undefined\n  >(placementProp);\n  const dropdownId = React.useId();\n  const dropdownCurrentItemId =\n    focusedOptionIndex !== null ? `${dropdownId}-${focusedOptionIndex}` : undefined;\n  const dropdownScrollBoxRef = React.useRef<HTMLDivElement>(null);\n\n  const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (onFocusProp) {\n      onFocusProp(event);\n    }\n\n    if (!readOnly) {\n      setOpened(true);\n      setFocusedOptionIndex(null);\n    }\n  };\n\n  const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (onBlurProp) {\n      onBlurProp(event);\n    }\n\n    // Не добавляем значение, если его нужно выбрать строго из списка\n    if (!readOnly && !event.defaultPrevented && !creatable) {\n      event.preventDefault();\n    }\n  };\n\n  const chipsSelectOptions = React.useRef<HTMLElement[]>([]).current;\n\n  const scrollToElement = (index: number, center = false) => {\n    const dropdown = dropdownScrollBoxRef.current;\n    const item = chipsSelectOptions[index];\n\n    /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */\n    if (!item || !dropdown) {\n      return;\n    }\n\n    const dropdownHeight = dropdown.offsetHeight;\n    const scrollTop = dropdown.scrollTop;\n    const itemTop = item.offsetTop;\n    const itemHeight = item.offsetHeight;\n\n    /* istanbul ignore next: нет представления как воспроизвести */\n    if (center) {\n      dropdown.scrollTop = itemTop - dropdownHeight / 2 + itemHeight / 2;\n    } else if (itemTop + itemHeight > dropdownHeight + scrollTop) {\n      dropdown.scrollTop = itemTop - dropdownHeight + itemHeight;\n    } else if (itemTop < scrollTop) {\n      dropdown.scrollTop = itemTop;\n    }\n  };\n\n  const focusOptionByIndex = (index: number, oldIndex: number | null) => {\n    const length = options.length;\n\n    if (index < 0) {\n      index = length - 1;\n    } else if (index >= length) {\n      index = 0;\n    }\n\n    if (index === oldIndex) {\n      /* istanbul ignore next: нет представления как воспроизвести */\n      return;\n    }\n\n    const option = options[index];\n\n    if (isNotServicePreset(option) && option.disabled) {\n      return;\n    }\n\n    scrollToElement(index);\n    setFocusedOptionIndex(index);\n  };\n\n  const focusOption = (nextIndex: number | null, type: FocusActionType) => {\n    let index = nextIndex === null ? -1 : nextIndex;\n\n    if (type === FOCUS_ACTION_NEXT) {\n      const nextIndex = findIndexAfter(options, index);\n      index = nextIndex === -1 ? findIndexAfter(options) : nextIndex; // Следующий за index или первый валидный до index\n    } else if (type === FOCUS_ACTION_PREV) {\n      const beforeIndex = findIndexBefore(options, index);\n      index = beforeIndex === -1 ? findIndexBefore(options) : beforeIndex; // Предшествующий index или последний валидный после index\n    }\n\n    focusOptionByIndex(index, focusedOptionIndex);\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (onKeyDownProp) {\n      onKeyDownProp(event);\n    }\n\n    if (event.defaultPrevented || readOnly) {\n      return;\n    }\n\n    switch (event.key) {\n      case Keys.ARROW_UP:\n      case Keys.ARROW_DOWN:\n        event.preventDefault();\n\n        if (!opened) {\n          setOpened(true);\n          focusOption(null, FOCUS_ACTION_NEXT);\n        } else {\n          focusOption(\n            focusedOptionIndex,\n            event.key === Keys.ARROW_UP ? FOCUS_ACTION_PREV : FOCUS_ACTION_NEXT,\n          );\n        }\n        break;\n      case Keys.ENTER: {\n        if (!opened) {\n          break;\n        }\n        if (focusedOptionIndex != null) {\n          const foundOption = options[focusedOptionIndex];\n          if (foundOption && isNotServicePreset(foundOption)) {\n            event.preventDefault();\n\n            if (onChangeStart) {\n              onChangeStart(event, foundOption);\n            }\n\n            addOption(foundOption);\n            setFocusedOptionIndex(null);\n            clearInput();\n            if (closeAfterSelect) {\n              setOpened(false);\n            }\n\n            break;\n          }\n        }\n\n        if (!creatable) {\n          event.preventDefault();\n        }\n        break;\n      }\n      case Keys.ESCAPE:\n      case Keys.TAB:\n        if (opened) {\n          setOpened(false);\n        }\n    }\n  };\n\n  React.useEffect(() => {\n    if (focusedOptionIndex === null) {\n      setFocusedOption(null);\n    } else {\n      const foundFocusedOptionIndex = options[focusedOptionIndex];\n\n      if (foundFocusedOptionIndex && isNotServicePreset(foundFocusedOptionIndex)) {\n        setFocusedOption(foundFocusedOptionIndex);\n      }\n    }\n  }, [options, focusedOptionIndex, setFocusedOption]);\n\n  const onDropdownPlacementChange = React.useCallback((placement: Placement) => {\n    /* istanbul ignore next:  */\n    if (placement.startsWith('top')) {\n      setDropdownVerticalPlacement('top');\n    } else if (placement.startsWith('bottom')) {\n      setDropdownVerticalPlacement('bottom');\n    }\n  }, []);\n\n  const onDropdownMouseLeave = React.useCallback(() => {\n    setFocusedOptionIndex(null);\n  }, [setFocusedOptionIndex]);\n\n  const handleClickOutside = React.useCallback(() => {\n    setOpened(false);\n  }, [setOpened]);\n\n  useGlobalOnClickOutside(\n    handleClickOutside,\n    opened ? rootRef : null,\n    opened ? dropdownScrollBoxRef : null,\n  );\n\n  return (\n    <>\n      <ChipsInputBase\n        {...restProps}\n        disabled={disabled}\n        readOnly={readOnly}\n        // FormFieldProps\n        id={labelledbyId}\n        getRootRef={rootRef}\n        className={classNames(\n          styles['ChipsSelect'],\n          opened &&\n            dropdownVerticalPlacement &&\n            stylesDropdownVerticalPlacement[dropdownVerticalPlacement],\n          className,\n        )}\n        status={status}\n        after={dropdownIconProp || <DropdownIcon opened={opened} />}\n        // option\n        value={value}\n        onAddChipOption={addOptionFromInput}\n        onRemoveChipOption={removeOption}\n        renderChip={renderChip}\n        // input\n        getRef={inputRef}\n        inputValue={inputValue}\n        onInputChange={onInputChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        // a11y\n        role=\"combobox\"\n        aria-expanded={opened}\n        aria-autocomplete=\"list\"\n        aria-controls={opened ? dropdownId : undefined}\n        aria-activedescendant={opened ? dropdownCurrentItemId : undefined}\n        aria-haspopup=\"listbox\"\n      />\n      {opened && (\n        <CustomSelectDropdown\n          data-testid={dropdownTestId}\n          targetRef={rootRef}\n          placement={placementProp}\n          scrollBoxRef={dropdownScrollBoxRef}\n          onPlacementChange={onDropdownPlacementChange}\n          onMouseLeave={onDropdownMouseLeave}\n          fetching={fetching}\n          autoWidth={dropdownAutoWidth}\n          forcePortal={forceDropdownPortal}\n          noMaxHeight={noMaxHeight}\n          // a11y\n          id={dropdownId}\n          role=\"listbox\"\n          aria-labelledby={labelledbyId}\n        >\n          {options.map((option, index) => {\n            const dropdownItemId = `${dropdownId}-${index}`;\n\n            if (isEmptyOptionPreset(option)) {\n              return (\n                <Footnote key=\"empty-text\" className={styles['ChipsSelect__empty']}>\n                  {option.placeholder}\n                </Footnote>\n              );\n            }\n            if (isCreateNewOptionPreset(option)) {\n              return (\n                <CustomSelectOption\n                  key=\"create-new-option\"\n                  id={dropdownItemId}\n                  hovered={focusedOptionIndex === index}\n                  onMouseDown={() => addOptionFromInput(inputValue)}\n                  onMouseEnter={() => setFocusedOptionIndex(index)}\n                >\n                  {option.actionText}\n                </CustomSelectOption>\n              );\n            }\n            return (\n              <React.Fragment key={`${typeof option.value}-${option.label}`}>\n                {renderOption(\n                  {\n                    id: dropdownItemId,\n                    disabled: option.disabled,\n                    hovered: focusedOption\n                      ? getOptionValue(option) === getOptionValue(focusedOption)\n                      : false,\n                    children: option.label,\n                    selected: !!value.find(\n                      (selectedOption: Option) =>\n                        getOptionValue(selectedOption) === getOptionValue(option),\n                    ),\n                    getRootRef(node) {\n                      if (node) {\n                        chipsSelectOptions[index] = node;\n                      }\n                    },\n                    onMouseDown(event: React.MouseEvent<HTMLDivElement>) {\n                      if (option.disabled) {\n                        return;\n                      }\n                      if (onChangeStart) {\n                        onChangeStart(event, option);\n                      }\n\n                      if (!event.defaultPrevented) {\n                        closeAfterSelect && setOpened(false);\n                        addOption(option);\n                        clearInput();\n                      }\n                    },\n                    onMouseEnter() {\n                      setFocusedOptionIndex(index);\n                    },\n                  },\n                  option,\n                )}\n              </React.Fragment>\n            );\n          })}\n        </CustomSelectDropdown>\n      )}\n    </>\n  );\n};\n"],"names":["ChipsSelect","stylesDropdownVerticalPlacement","top","bottom","findIndexAfter","options","startIndex","length","findIndex","option","i","isNotServicePreset","disabled","findIndexBefore","endIndex","result","id","labelledbyId","getRootRef","className","status","icon","dropdownIconProp","onChangeStart","optionsProp","placement","placementProp","closeAfterSelect","selectedBehavior","DEFAULT_SELECTED_BEHAVIOR","emptyText","DEFAULT_EMPTY_TEXT","creatable","fetching","dropdownAutoWidth","forceDropdownPortal","noMaxHeight","filterFn","defaultFilterFn","dropdownTestId","getRef","value","valueProp","defaultValue","inputValue","inputValueProp","defaultInputValue","readOnly","getOptionValue","getOptionValueDefault","getOptionLabel","getOptionLabelDefault","getNewOptionData","getNewOptionDataDefault","renderChip","renderChipDefault","renderOption","renderOptionDefault","onChange","onFocus","onFocusProp","onInputChange","onInputChangeProp","onBlur","onBlurProp","onKeyDown","onKeyDownProp","restProps","addOptionFromInput","addOption","removeOption","inputRef","inputRefHook","clearInput","opened","setOpened","focusedOption","focusedOptionIndex","setFocusedOption","setFocusedOptionIndex","useChipsSelect","rootRef","useExternRef","dropdownVerticalPlacement","setDropdownVerticalPlacement","React","useState","dropdownId","useId","dropdownCurrentItemId","undefined","dropdownScrollBoxRef","useRef","handleFocus","event","handleBlur","defaultPrevented","preventDefault","chipsSelectOptions","current","scrollToElement","index","center","dropdown","item","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","focusOptionByIndex","oldIndex","focusOption","nextIndex","type","FOCUS_ACTION_NEXT","FOCUS_ACTION_PREV","beforeIndex","handleKeyDown","key","Keys","ARROW_UP","ARROW_DOWN","ENTER","foundOption","ESCAPE","TAB","useEffect","foundFocusedOptionIndex","onDropdownPlacementChange","useCallback","startsWith","onDropdownMouseLeave","handleClickOutside","useGlobalOnClickOutside","ChipsInputBase","classNames","after","DropdownIcon","onAddChipOption","onRemoveChipOption","role","aria-expanded","aria-autocomplete","aria-controls","aria-activedescendant","aria-haspopup","CustomSelectDropdown","data-testid","targetRef","scrollBoxRef","onPlacementChange","onMouseLeave","autoWidth","forcePortal","aria-labelledby","map","dropdownItemId","isEmptyOptionPreset","Footnote","placeholder","isCreateNewOptionPreset","CustomSelectOption","hovered","onMouseDown","onMouseEnter","actionText","Fragment","label","children","selected","find","selectedOption","node"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/ChipsSelect/ChipsSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalOnClickOutside } from '../../hooks/useGlobalOnClickOutside';\nimport { Keys } from '../../lib/accessibility';\nimport type { Placement } from '../../lib/floating';\nimport { defaultFilterFn } from '../../lib/select';\nimport { ChipsInputBase } from '../ChipsInputBase/ChipsInputBase';\nimport {\n  getNewOptionDataDefault,\n  getOptionLabelDefault,\n  getOptionValueDefault,\n  renderChipDefault,\n} from '../ChipsInputBase/constants';\nimport type { ChipOption, ChipsInputBaseProps } from '../ChipsInputBase/types';\nimport { CustomSelectDropdown } from '../CustomSelectDropdown/CustomSelectDropdown';\nimport {\n  CustomSelectOption,\n  type CustomSelectOptionProps,\n} from '../CustomSelectOption/CustomSelectOption';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport type { FormFieldProps } from '../FormField/FormField';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport {\n  DEFAULT_EMPTY_TEXT,\n  DEFAULT_SELECTED_BEHAVIOR,\n  FOCUS_ACTION_NEXT,\n  FOCUS_ACTION_PREV,\n  isCreateNewOptionPreset,\n  isEmptyOptionPreset,\n  isNotServicePreset,\n  renderOptionDefault,\n} from './constants';\nimport type { FocusActionType, OptionPreset } from './types';\nimport { useChipsSelect, type UseChipsSelectProps } from './useChipsSelect';\nimport styles from './ChipsSelect.module.css';\n\nconst stylesDropdownVerticalPlacement = {\n  top: styles['ChipsSelect--pop-up'],\n  bottom: styles['ChipsSelect--pop-down'],\n} as const;\n\nconst findIndexAfter = <O extends ChipOption>(\n  options: Array<OptionPreset<O>> = [],\n  startIndex = -1,\n) => {\n  if (startIndex >= options.length - 1) {\n    return -1;\n  }\n  return options.findIndex(\n    (option, i) => i > startIndex && (!isNotServicePreset(option) || !option.disabled),\n  );\n};\n\nconst findIndexBefore = <O extends ChipOption>(\n  options: Array<OptionPreset<O>> = [],\n  endIndex: number = options.length,\n) => {\n  let result = -1;\n  if (endIndex <= 0) {\n    return result;\n  }\n  for (let i = endIndex - 1; i >= 0; i--) {\n    let option = options[i];\n\n    if (!isNotServicePreset(option) || !option.disabled) {\n      result = i;\n      break;\n    }\n  }\n  return result;\n};\n\nexport interface ChipsSelectProps<O extends ChipOption>\n  extends ChipsInputBaseProps<O>,\n    UseChipsSelectProps<O>,\n    Pick<FormFieldProps, 'status' | 'mode' | 'before'> {\n  placement?: 'top' | 'bottom';\n  /**\n   * Отрисовка Spinner вместо списка опций в выпадающем списке\n   */\n  fetching?: boolean;\n  /**\n   * Закрытие выпадающего списка после выбора элемента\n   */\n  closeAfterSelect?: boolean;\n  /**\n   * Ширина раскрывающегося списка зависит от контента\n   */\n  dropdownAutoWidth?: boolean;\n  /**\n   * Принудительно использовать портал.\n   */\n  forceDropdownPortal?: boolean;\n  /**\n   * Передача `data-testid`.\n   */\n  dropdownTestId?: string;\n  /**\n   * Иконка раскрывающегося списка\n   */\n  icon?: React.ReactNode;\n  /**\n   * Добавляет значение в список на событие `onBlur` (использовать вместе с `creatable`)\n   */\n  addOnBlur?: boolean;\n  /**\n   * Отключает максимальную высоту по умолчанию\n   */\n  noMaxHeight?: boolean;\n\n  renderOption?: (props: CustomSelectOptionProps, option: O) => React.ReactNode;\n  /**\n   * Событие срабатывающее перед onChange\n   */\n  onChangeStart?: (event: React.MouseEvent | React.KeyboardEvent, option: O) => void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ChipsSelect\n */\nexport const ChipsSelect = <Option extends ChipOption>({\n  // FormFieldProps\n  id: labelledbyId,\n  getRootRef,\n  className,\n  status = 'default',\n  icon: dropdownIconProp,\n  onChangeStart,\n\n  // CustomSelectDropdownProps\n  options: optionsProp,\n  placement: placementProp = 'bottom',\n  closeAfterSelect = true,\n  selectedBehavior = DEFAULT_SELECTED_BEHAVIOR,\n  emptyText = DEFAULT_EMPTY_TEXT,\n  creatable = false,\n  fetching = false,\n  dropdownAutoWidth,\n  forceDropdownPortal,\n  noMaxHeight = false,\n  filterFn = defaultFilterFn,\n  dropdownTestId,\n\n  // ChipsInputProps\n  getRef,\n  value: valueProp,\n  defaultValue,\n  inputValue: inputValueProp,\n  defaultInputValue,\n  disabled,\n  readOnly,\n  getOptionValue = getOptionValueDefault,\n  getOptionLabel = getOptionLabelDefault,\n  getNewOptionData = getNewOptionDataDefault,\n  renderChip = renderChipDefault,\n  renderOption = renderOptionDefault,\n  onChange,\n  onFocus: onFocusProp,\n  onInputChange: onInputChangeProp,\n  onBlur: onBlurProp,\n  onKeyDown: onKeyDownProp,\n  ...restProps\n}: ChipsSelectProps<Option>) => {\n  const {\n    // Связано с ChipsInputProps\n    // option\n    value,\n    addOptionFromInput,\n    addOption,\n    removeOption,\n    // input\n    inputRef: inputRefHook,\n    inputValue,\n    clearInput,\n    onInputChange,\n\n    // Связано с CustomSelectDropdownProps\n    options,\n    opened,\n    setOpened,\n    focusedOption,\n    focusedOptionIndex,\n    setFocusedOption,\n    setFocusedOptionIndex,\n  } = useChipsSelect({\n    // option\n    value: valueProp,\n    defaultValue,\n    onChange,\n    getOptionValue,\n    getOptionLabel,\n    getNewOptionData,\n\n    // input\n    inputValue: inputValueProp,\n    defaultInputValue,\n    onInputChange: onInputChangeProp,\n\n    // dropdown\n    options: optionsProp,\n    emptyText,\n    creatable,\n    filterFn,\n    selectedBehavior,\n\n    // other\n    disabled,\n  });\n\n  // Связано с ChipsInputProps\n  const rootRef = useExternRef(getRootRef);\n  const inputRef = useExternRef(getRef, inputRefHook);\n\n  // Связано с CustomSelectDropdownProps\n  const [dropdownVerticalPlacement, setDropdownVerticalPlacement] = React.useState<\n    Extract<Placement, 'top' | 'bottom'> | undefined\n  >(placementProp);\n  const dropdownId = React.useId();\n  const dropdownCurrentItemId =\n    focusedOptionIndex !== null ? `${dropdownId}-${focusedOptionIndex}` : undefined;\n  const dropdownScrollBoxRef = React.useRef<HTMLDivElement>(null);\n\n  const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (onFocusProp) {\n      onFocusProp(event);\n    }\n\n    if (!readOnly) {\n      setOpened(true);\n      setFocusedOptionIndex(null);\n    }\n  };\n\n  const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (onBlurProp) {\n      onBlurProp(event);\n    }\n\n    // Не добавляем значение, если его нужно выбрать строго из списка\n    if (!readOnly && !event.defaultPrevented && !creatable) {\n      event.preventDefault();\n    }\n  };\n\n  const chipsSelectOptions = React.useRef<HTMLElement[]>([]).current;\n\n  const scrollToElement = (index: number, center = false) => {\n    const dropdown = dropdownScrollBoxRef.current;\n    const item = chipsSelectOptions[index];\n\n    /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */\n    if (!item || !dropdown) {\n      return;\n    }\n\n    const dropdownHeight = dropdown.offsetHeight;\n    const scrollTop = dropdown.scrollTop;\n    const itemTop = item.offsetTop;\n    const itemHeight = item.offsetHeight;\n\n    /* istanbul ignore next: нет представления как воспроизвести */\n    if (center) {\n      dropdown.scrollTop = itemTop - dropdownHeight / 2 + itemHeight / 2;\n    } else if (itemTop + itemHeight > dropdownHeight + scrollTop) {\n      dropdown.scrollTop = itemTop - dropdownHeight + itemHeight;\n    } else if (itemTop < scrollTop) {\n      dropdown.scrollTop = itemTop;\n    }\n  };\n\n  const focusOptionByIndex = (index: number, oldIndex: number | null) => {\n    const length = options.length;\n\n    if (index < 0) {\n      index = length - 1;\n    } else if (index >= length) {\n      index = 0;\n    }\n\n    if (index === oldIndex) {\n      /* istanbul ignore next: нет представления как воспроизвести */\n      return;\n    }\n\n    const option = options[index];\n\n    if (isNotServicePreset(option) && option.disabled) {\n      return;\n    }\n\n    scrollToElement(index);\n    setFocusedOptionIndex(index);\n  };\n\n  const focusOption = (nextIndex: number | null, type: FocusActionType) => {\n    let index = nextIndex === null ? -1 : nextIndex;\n\n    if (type === FOCUS_ACTION_NEXT) {\n      const nextIndex = findIndexAfter(options, index);\n      index = nextIndex === -1 ? findIndexAfter(options) : nextIndex; // Следующий за index или первый валидный до index\n    } else if (type === FOCUS_ACTION_PREV) {\n      const beforeIndex = findIndexBefore(options, index);\n      index = beforeIndex === -1 ? findIndexBefore(options) : beforeIndex; // Предшествующий index или последний валидный после index\n    }\n\n    focusOptionByIndex(index, focusedOptionIndex);\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (onKeyDownProp) {\n      onKeyDownProp(event);\n    }\n\n    if (event.defaultPrevented || readOnly) {\n      return;\n    }\n\n    switch (event.key) {\n      case Keys.ARROW_UP:\n      case Keys.ARROW_DOWN:\n        event.preventDefault();\n\n        if (!opened) {\n          setOpened(true);\n          focusOption(null, FOCUS_ACTION_NEXT);\n        } else {\n          focusOption(\n            focusedOptionIndex,\n            event.key === Keys.ARROW_UP ? FOCUS_ACTION_PREV : FOCUS_ACTION_NEXT,\n          );\n        }\n        break;\n      case Keys.ENTER: {\n        if (!opened) {\n          break;\n        }\n        if (focusedOptionIndex != null) {\n          const foundOption = options[focusedOptionIndex];\n          if (foundOption && isNotServicePreset(foundOption)) {\n            event.preventDefault();\n\n            if (onChangeStart) {\n              onChangeStart(event, foundOption);\n            }\n\n            addOption(foundOption);\n            setFocusedOptionIndex(null);\n            clearInput();\n            if (closeAfterSelect) {\n              setOpened(false);\n            }\n\n            break;\n          }\n        }\n\n        if (!creatable) {\n          event.preventDefault();\n        }\n        break;\n      }\n      case Keys.ESCAPE:\n      case Keys.TAB:\n        if (opened) {\n          setOpened(false);\n        }\n    }\n  };\n\n  React.useEffect(() => {\n    if (focusedOptionIndex === null) {\n      setFocusedOption(null);\n    } else {\n      const foundFocusedOptionIndex = options[focusedOptionIndex];\n\n      if (foundFocusedOptionIndex && isNotServicePreset(foundFocusedOptionIndex)) {\n        setFocusedOption(foundFocusedOptionIndex);\n      }\n    }\n  }, [options, focusedOptionIndex, setFocusedOption]);\n\n  const onDropdownPlacementChange = React.useCallback((placement: Placement) => {\n    /* istanbul ignore next:  */\n    if (placement.startsWith('top')) {\n      setDropdownVerticalPlacement('top');\n    } else if (placement.startsWith('bottom')) {\n      setDropdownVerticalPlacement('bottom');\n    }\n  }, []);\n\n  const onDropdownMouseLeave = React.useCallback(() => {\n    setFocusedOptionIndex(null);\n  }, [setFocusedOptionIndex]);\n\n  const handleClickOutside = React.useCallback(() => {\n    setOpened(false);\n  }, [setOpened]);\n\n  useGlobalOnClickOutside(\n    handleClickOutside,\n    opened ? rootRef : null,\n    opened ? dropdownScrollBoxRef : null,\n  );\n\n  return (\n    <>\n      <ChipsInputBase\n        {...restProps}\n        disabled={disabled}\n        readOnly={readOnly}\n        // FormFieldProps\n        id={labelledbyId}\n        getRootRef={rootRef}\n        className={classNames(\n          styles['ChipsSelect'],\n          opened &&\n            dropdownVerticalPlacement &&\n            stylesDropdownVerticalPlacement[dropdownVerticalPlacement],\n          className,\n        )}\n        status={status}\n        after={dropdownIconProp || <DropdownIcon opened={opened} />}\n        // option\n        value={value}\n        onAddChipOption={addOptionFromInput}\n        onRemoveChipOption={removeOption}\n        renderChip={renderChip}\n        // input\n        getRef={inputRef}\n        inputValue={inputValue}\n        onInputChange={onInputChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        // a11y\n        role=\"combobox\"\n        aria-expanded={opened}\n        aria-autocomplete=\"list\"\n        aria-controls={opened ? dropdownId : undefined}\n        aria-activedescendant={opened ? dropdownCurrentItemId : undefined}\n        aria-haspopup=\"listbox\"\n      />\n      {opened && (\n        <CustomSelectDropdown\n          data-testid={dropdownTestId}\n          targetRef={rootRef}\n          placement={placementProp}\n          scrollBoxRef={dropdownScrollBoxRef}\n          onPlacementChange={onDropdownPlacementChange}\n          onMouseLeave={onDropdownMouseLeave}\n          fetching={fetching}\n          autoWidth={dropdownAutoWidth}\n          forcePortal={forceDropdownPortal}\n          noMaxHeight={noMaxHeight}\n          // a11y\n          id={dropdownId}\n          role=\"listbox\"\n          aria-labelledby={labelledbyId}\n        >\n          {options.map((option, index) => {\n            const dropdownItemId = `${dropdownId}-${index}`;\n\n            if (isEmptyOptionPreset(option)) {\n              return (\n                <Footnote key=\"empty-text\" className={styles['ChipsSelect__empty']}>\n                  {option.placeholder}\n                </Footnote>\n              );\n            }\n            if (isCreateNewOptionPreset(option)) {\n              return (\n                <CustomSelectOption\n                  key=\"create-new-option\"\n                  id={dropdownItemId}\n                  hovered={focusedOptionIndex === index}\n                  onMouseDown={() => addOptionFromInput(inputValue)}\n                  onMouseEnter={() => setFocusedOptionIndex(index)}\n                >\n                  {option.actionText}\n                </CustomSelectOption>\n              );\n            }\n            return (\n              <React.Fragment key={`${typeof option.value}-${option.label}`}>\n                {renderOption(\n                  {\n                    id: dropdownItemId,\n                    disabled: option.disabled,\n                    hovered: focusedOption\n                      ? getOptionValue(option) === getOptionValue(focusedOption)\n                      : false,\n                    children: option.label,\n                    selected: !!value.find(\n                      (selectedOption: Option) =>\n                        getOptionValue(selectedOption) === getOptionValue(option),\n                    ),\n                    getRootRef(node) {\n                      if (node) {\n                        chipsSelectOptions[index] = node;\n                      }\n                    },\n                    onMouseDown(event: React.MouseEvent<HTMLDivElement>) {\n                      if (option.disabled) {\n                        return;\n                      }\n                      if (onChangeStart) {\n                        onChangeStart(event, option);\n                      }\n\n                      if (!event.defaultPrevented) {\n                        closeAfterSelect && setOpened(false);\n                        addOption(option);\n                        clearInput();\n                      }\n                    },\n                    onMouseEnter() {\n                      setFocusedOptionIndex(index);\n                    },\n                  },\n                  option,\n                )}\n              </React.Fragment>\n            );\n          })}\n        </CustomSelectDropdown>\n      )}\n    </>\n  );\n};\n"],"names":["ChipsSelect","stylesDropdownVerticalPlacement","top","bottom","findIndexAfter","options","startIndex","length","findIndex","option","i","isNotServicePreset","disabled","findIndexBefore","endIndex","result","id","labelledbyId","getRootRef","className","status","icon","dropdownIconProp","onChangeStart","optionsProp","placement","placementProp","closeAfterSelect","selectedBehavior","DEFAULT_SELECTED_BEHAVIOR","emptyText","DEFAULT_EMPTY_TEXT","creatable","fetching","dropdownAutoWidth","forceDropdownPortal","noMaxHeight","filterFn","defaultFilterFn","dropdownTestId","getRef","value","valueProp","defaultValue","inputValue","inputValueProp","defaultInputValue","readOnly","getOptionValue","getOptionValueDefault","getOptionLabel","getOptionLabelDefault","getNewOptionData","getNewOptionDataDefault","renderChip","renderChipDefault","renderOption","renderOptionDefault","onChange","onFocus","onFocusProp","onInputChange","onInputChangeProp","onBlur","onBlurProp","onKeyDown","onKeyDownProp","restProps","addOptionFromInput","addOption","removeOption","inputRef","inputRefHook","clearInput","opened","setOpened","focusedOption","focusedOptionIndex","setFocusedOption","setFocusedOptionIndex","useChipsSelect","rootRef","useExternRef","dropdownVerticalPlacement","setDropdownVerticalPlacement","React","useState","dropdownId","useId","dropdownCurrentItemId","undefined","dropdownScrollBoxRef","useRef","handleFocus","event","handleBlur","defaultPrevented","preventDefault","chipsSelectOptions","current","scrollToElement","index","center","dropdown","item","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","focusOptionByIndex","oldIndex","focusOption","nextIndex","type","FOCUS_ACTION_NEXT","FOCUS_ACTION_PREV","beforeIndex","handleKeyDown","key","Keys","ARROW_UP","ARROW_DOWN","ENTER","foundOption","ESCAPE","TAB","useEffect","foundFocusedOptionIndex","onDropdownPlacementChange","useCallback","startsWith","onDropdownMouseLeave","handleClickOutside","useGlobalOnClickOutside","ChipsInputBase","classNames","after","DropdownIcon","onAddChipOption","onRemoveChipOption","role","aria-expanded","aria-autocomplete","aria-controls","aria-activedescendant","aria-haspopup","CustomSelectDropdown","data-testid","targetRef","scrollBoxRef","onPlacementChange","onMouseLeave","autoWidth","forcePortal","aria-labelledby","map","dropdownItemId","isEmptyOptionPreset","Footnote","placeholder","isCreateNewOptionPreset","CustomSelectOption","hovered","onMouseDown","onMouseEnter","actionText","Fragment","children","label","selected","find","selectedOption","node"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/cjs/components/ChipsSelect/constants.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import type { ChipOption } from '../ChipsInputBase/types';
 import { type CustomSelectOptionProps } from '../CustomSelectOption/CustomSelectOption';
 import type { CreateNewOptionPreset, FocusActionType, OptionPreset, PlaceholderPreset } from './types';
@@ -6,7 +5,7 @@ export declare const DEFAULT_SELECTED_BEHAVIOR = "highlight";
 export declare const DEFAULT_EMPTY_TEXT = "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E";
 export declare const FOCUS_ACTION_NEXT: FocusActionType;
 export declare const FOCUS_ACTION_PREV: FocusActionType;
-export declare const renderOptionDefault: (props: CustomSelectOptionProps) => React.JSX.Element;
+export declare const renderOptionDefault: (props: CustomSelectOptionProps) => import("react/jsx-runtime").JSX.Element;
 export declare const isCreateNewOptionPreset: <O extends ChipOption>(option: OptionPreset<O>) => option is CreateNewOptionPreset;
 export declare const isEmptyOptionPreset: <O extends ChipOption>(option: OptionPreset<O>) => option is PlaceholderPreset;
 export declare const isNotServicePreset: <O extends ChipOption>(option: OptionPreset<O>) => option is O;

package/dist/cjs/components/ChipsSelect/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/ChipsSelect/constants.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EACV,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,yBAAyB,cAAc,CAAC;AAErD,eAAO,MAAM,kBAAkB,iGAAsB,CAAC;AAEtD,eAAO,MAAM,iBAAiB,EAAE,eAAwB,CAAC;AAEzD,eAAO,MAAM,iBAAiB,EAAE,eAAwB,CAAC;AAEzD,eAAO,MAAM,mBAAmB,UAAW,uBAAuB,sBAEjE,CAAC;AAEF,eAAO,MAAM,uBAAuB,oFAEkC,CAAC;AAEvE,eAAO,MAAM,mBAAmB,gFAEmC,CAAC;AAEpE,eAAO,MAAM,kBAAkB,gEACmC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/ChipsSelect/constants.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EACV,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,yBAAyB,cAAc,CAAC;AAErD,eAAO,MAAM,kBAAkB,iGAAsB,CAAC;AAEtD,eAAO,MAAM,iBAAiB,EAAE,eAAwB,CAAC;AAEzD,eAAO,MAAM,iBAAiB,EAAE,eAAwB,CAAC;AAEzD,eAAO,MAAM,mBAAmB,UAAW,uBAAuB,4CAEjE,CAAC;AAEF,eAAO,MAAM,uBAAuB,iCAC1B,aAAa,CAAC,CAAC,oCAC6C,CAAC;AAEvE,eAAO,MAAM,mBAAmB,iCACtB,aAAa,CAAC,CAAC,gCAC0C,CAAC;AAEpE,eAAO,MAAM,kBAAkB,iCAAkC,aAAa,CAAC,CAAC,gBACd,CAAC"}

package/dist/cjs/components/ChipsSelect/constants.js

@@ -34,14 +34,14 @@ _export(exports, {
         return renderOptionDefault;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _object_spread = require("@swc/helpers/_/_object_spread");
+const _jsxruntime = require("react/jsx-runtime");
 const _CustomSelectOption = require("../CustomSelectOption/CustomSelectOption");
 const DEFAULT_SELECTED_BEHAVIOR = 'highlight';
 const DEFAULT_EMPTY_TEXT = 'Ничего не найдено';
 const FOCUS_ACTION_NEXT = 'next';
 const FOCUS_ACTION_PREV = 'prev';
-const renderOptionDefault = (props)=>/*#__PURE__*/ _react.createElement(_CustomSelectOption.CustomSelectOption, props);
+const renderOptionDefault = (props)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_CustomSelectOption.CustomSelectOption, _object_spread._({}, props));
 const isCreateNewOptionPreset = (option)=>option && 'actionText' in option;
 const isEmptyOptionPreset = (option)=>option && 'placeholder' in option;
 const isNotServicePreset = (option)=>!isCreateNewOptionPreset(option) && !isEmptyOptionPreset(option);

package/dist/cjs/components/ChipsSelect/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChipsSelect/constants.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ChipOption } from '../ChipsInputBase/types';\nimport {\n  CustomSelectOption,\n  type CustomSelectOptionProps,\n} from '../CustomSelectOption/CustomSelectOption';\nimport type {\n  CreateNewOptionPreset,\n  FocusActionType,\n  OptionPreset,\n  PlaceholderPreset,\n} from './types';\n\nexport const DEFAULT_SELECTED_BEHAVIOR = 'highlight';\n\nexport const DEFAULT_EMPTY_TEXT = 'Ничего не найдено';\n\nexport const FOCUS_ACTION_NEXT: FocusActionType = 'next';\n\nexport const FOCUS_ACTION_PREV: FocusActionType = 'prev';\n\nexport const renderOptionDefault = (props: CustomSelectOptionProps) => (\n  <CustomSelectOption {...props} />\n);\n\nexport const isCreateNewOptionPreset = <O extends ChipOption>(\n  option: OptionPreset<O>,\n): option is CreateNewOptionPreset => option && 'actionText' in option;\n\nexport const isEmptyOptionPreset = <O extends ChipOption>(\n  option: OptionPreset<O>,\n): option is PlaceholderPreset => option && 'placeholder' in option;\n\nexport const isNotServicePreset = <O extends ChipOption>(option: OptionPreset<O>): option is O =>\n  !isCreateNewOptionPreset(option) && !isEmptyOptionPreset(option);\n"],"names":["DEFAULT_EMPTY_TEXT","DEFAULT_SELECTED_BEHAVIOR","FOCUS_ACTION_NEXT","FOCUS_ACTION_PREV","isCreateNewOptionPreset","isEmptyOptionPreset","isNotServicePreset","renderOptionDefault","props","CustomSelectOption","option"],"mappings":";;;;;;;;;;;IAeaA,kBAAkB;eAAlBA;;IAFAC,yBAAyB;eAAzBA;;IAIAC,iBAAiB;eAAjBA;;IAEAC,iBAAiB;eAAjBA;;IAMAC,uBAAuB;eAAvBA;;IAIAC,mBAAmB;eAAnBA;;IAIAC,kBAAkB;eAAlBA;;IAZAC,mBAAmB;eAAnBA;;;;iEArBU;oCAKhB;AAQA,MAAMN,4BAA4B;AAElC,MAAMD,qBAAqB;AAE3B,MAAME,oBAAqC;AAE3C,MAAMC,oBAAqC;AAE3C,MAAMI,sBAAsB,CAACC,sBAClC,qBAACC,sCAAkB,EAAKD;AAGnB,MAAMJ,0BAA0B,CACrCM,SACoCA,UAAU,gBAAgBA;AAEzD,MAAML,sBAAsB,CACjCK,SACgCA,UAAU,iBAAiBA;AAEtD,MAAMJ,qBAAqB,CAAuBI,SACvD,CAACN,wBAAwBM,WAAW,CAACL,oBAAoBK"}
+{"version":3,"sources":["../../../../src/components/ChipsSelect/constants.tsx"],"sourcesContent":["import type { ChipOption } from '../ChipsInputBase/types';\nimport {\n  CustomSelectOption,\n  type CustomSelectOptionProps,\n} from '../CustomSelectOption/CustomSelectOption';\nimport type {\n  CreateNewOptionPreset,\n  FocusActionType,\n  OptionPreset,\n  PlaceholderPreset,\n} from './types';\n\nexport const DEFAULT_SELECTED_BEHAVIOR = 'highlight';\n\nexport const DEFAULT_EMPTY_TEXT = 'Ничего не найдено';\n\nexport const FOCUS_ACTION_NEXT: FocusActionType = 'next';\n\nexport const FOCUS_ACTION_PREV: FocusActionType = 'prev';\n\nexport const renderOptionDefault = (props: CustomSelectOptionProps) => (\n  <CustomSelectOption {...props} />\n);\n\nexport const isCreateNewOptionPreset = <O extends ChipOption>(\n  option: OptionPreset<O>,\n): option is CreateNewOptionPreset => option && 'actionText' in option;\n\nexport const isEmptyOptionPreset = <O extends ChipOption>(\n  option: OptionPreset<O>,\n): option is PlaceholderPreset => option && 'placeholder' in option;\n\nexport const isNotServicePreset = <O extends ChipOption>(option: OptionPreset<O>): option is O =>\n  !isCreateNewOptionPreset(option) && !isEmptyOptionPreset(option);\n"],"names":["DEFAULT_EMPTY_TEXT","DEFAULT_SELECTED_BEHAVIOR","FOCUS_ACTION_NEXT","FOCUS_ACTION_PREV","isCreateNewOptionPreset","isEmptyOptionPreset","isNotServicePreset","renderOptionDefault","props","CustomSelectOption","option"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAcaA,kBAAkB;eAAlBA;;IAFAC,yBAAyB;eAAzBA;;IAIAC,iBAAiB;eAAjBA;;IAEAC,iBAAiB;eAAjBA;;IAMAC,uBAAuB;eAAvBA;;IAIAC,mBAAmB;eAAnBA;;IAIAC,kBAAkB;eAAlBA;;IAZAC,mBAAmB;eAAnBA;;;;;oCAhBN;AAQA,MAAMN,4BAA4B;AAElC,MAAMD,qBAAqB;AAE3B,MAAME,oBAAqC;AAE3C,MAAMC,oBAAqC;AAE3C,MAAMI,sBAAsB,CAACC,sBAClC,qBAACC,sCAAkB,uBAAKD;AAGnB,MAAMJ,0BAA0B,CACrCM,SACoCA,UAAU,gBAAgBA;AAEzD,MAAML,sBAAsB,CACjCK,SACgCA,UAAU,iBAAiBA;AAEtD,MAAMJ,qBAAqB,CAAuBI,SACvD,CAACN,wBAAwBM,WAAW,CAACL,oBAAoBK"}

package/dist/cjs/components/ChipsSelect/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChipsSelect/types.ts"],"names":[],"mappings":""}
+{"version":3,"sources":["../../../../src/components/ChipsSelect/types.ts"],"names":[],"rangeMappings":"","mappings":""}

package/dist/cjs/components/ChipsSelect/useChipsSelect.d.ts

@@ -24,7 +24,10 @@ export interface UseChipsSelectProps<O extends ChipOption = ChipOption> extends
     filterFn?: false | FilterFn<O>;
 }
 export declare const useChipsSelect: <O extends ChipOption>({ disabled, value: valueProp, defaultValue, onChange, getOptionLabel, getOptionValue, getNewOptionData, inputValue: inputValueProp, defaultInputValue, onInputChange: onInputChangeProp, creatable, emptyText, filterFn, selectedBehavior, options: optionsProp, }: UseChipsSelectProps<O>) => {
-    value: O[];
+    value: (O & {
+        label: import("../ChipsInputBase/types").ChipOptionLabel;
+        value: import("../ChipsInputBase/types").ChipOptionValue;
+    })[];
     inputValue: string;
     onInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     options: OptionPreset<O>[];

package/dist/cjs/components/ChipsSelect/useChipsSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChipsSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/ChipsSelect/useChipsSelect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAmB,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElE,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,6BAA6B,CAAC;AAQrC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,CACpE,SAAQ,kBAAkB,CAAC,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;IACd;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACxC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,cAAc;;;2BA+Df,MAAM,WAAW,CAAC,gBAAgB,CAAC;;;;;;;;;;;;;CAqE9C,CAAC"}
+{"version":3,"file":"useChipsSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/ChipsSelect/useChipsSelect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAmB,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElE,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,6BAA6B,CAAC;AAQrC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,CACpE,SAAQ,kBAAkB,CAAC,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;IACd;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACxC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,cAAc,6RAuBxB,oBAAoB,CAAC,CAAC;;;;;;2BAwCb,MAAM,WAAW,CAAC,gBAAgB,CAAC;;;;;;;;;;;;;CAqE9C,CAAC"}

package/dist/cjs/components/ChipsSelect/useChipsSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChipsSelect/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { isEqual } from '@vkontakte/vkjs';\nimport { defaultFilterFn, type FilterFn } from '../../lib/select';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport {\n  transformValue,\n  useChipsInput,\n  type UseChipsInputProps,\n} from '../ChipsInput/useChipsInput';\nimport {\n  DEFAULT_INPUT_VALUE,\n  DEFAULT_VALUE,\n  getNewOptionDataDefault,\n  getOptionLabelDefault,\n  getOptionValueDefault,\n} from '../ChipsInputBase/constants';\nimport type { ChipOption } from '../ChipsInputBase/types';\nimport { DEFAULT_EMPTY_TEXT, DEFAULT_SELECTED_BEHAVIOR, isNotServicePreset } from './constants';\nimport type { OptionPreset } from './types';\n\nexport interface UseChipsSelectProps<O extends ChipOption = ChipOption>\n  extends UseChipsInputProps<O> {\n  options?: O[];\n  /**\n   * Возможность создавать чипы которых нет в списке:\n   * - `true` – добавление по кнопке Enter;\n   * - `<текст>` – помимо возможности добавления через Enter, в пункте меню появится кнопка с текстом.\n   * Текст для пункта, создающего чипы при клике, также отвечает за то, будет ли показан этот пункт\n   * (показывается после того как в списке не останется опций).\n   */\n  creatable?: boolean | string;\n  /**\n   * Текст, который показывается если список опций пуст\n   */\n  emptyText?: string;\n  /**\n   * Показывать или скрывать уже выбранные опции.\n   */\n  selectedBehavior?: 'hide' | 'highlight';\n  filterFn?: false | FilterFn<O>;\n}\n\nexport const useChipsSelect = <O extends ChipOption>({\n  // common\n  disabled,\n\n  // option\n  value: valueProp,\n  defaultValue,\n  onChange,\n  getOptionLabel = getOptionLabelDefault,\n  getOptionValue = getOptionValueDefault,\n  getNewOptionData = getNewOptionDataDefault,\n\n  // input\n  inputValue: inputValueProp,\n  defaultInputValue = DEFAULT_INPUT_VALUE,\n  onInputChange: onInputChangeProp,\n\n  // dropdown\n  creatable = false,\n  emptyText = DEFAULT_EMPTY_TEXT,\n  filterFn = defaultFilterFn,\n  selectedBehavior = DEFAULT_SELECTED_BEHAVIOR,\n  options: optionsProp = DEFAULT_VALUE,\n}: UseChipsSelectProps<O>) => {\n  const { value, inputValue, onInputChange, ...restChipsInputProps } = useChipsInput({\n    // option\n    value: valueProp,\n    defaultValue,\n    onChange,\n    getOptionValue,\n    getOptionLabel,\n    getNewOptionData,\n\n    // input\n    inputValue: inputValueProp,\n    defaultInputValue,\n    onInputChange: onInputChangeProp,\n\n    // other\n    disabled,\n  });\n\n  // dropdown\n  const [opened, setOpened] = React.useState(false);\n  const [options, setOptions] = React.useState<Array<OptionPreset<O>>>(() =>\n    opened\n      ? transformOptions({\n          value,\n          getOptionValue,\n          getOptionLabel,\n          inputValue,\n          emptyText,\n          creatable,\n          filterFn,\n          options: optionsProp,\n          selectedBehavior,\n        })\n      : [],\n  );\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number | null>(0);\n  const [focusedOption, setFocusedOption] = React.useState<O | null>(null);\n\n  const handleInputChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onInputChange(event);\n\n      if (!opened) {\n        setOpened(true);\n        setFocusedOptionIndex(0);\n      }\n    },\n    [onInputChange, opened],\n  );\n\n  useIsomorphicLayoutEffect(\n    function handleDropdownOpen() {\n      if (!opened) {\n        return;\n      }\n\n      setOptions((prevOptions) => {\n        const nextOptions = transformOptions({\n          value,\n          getOptionValue,\n          getOptionLabel,\n          inputValue,\n          emptyText,\n          creatable,\n          filterFn,\n          options: optionsProp,\n          selectedBehavior,\n        });\n\n        if (isEqual(prevOptions, nextOptions)) {\n          return prevOptions;\n        }\n\n        return nextOptions;\n      });\n    },\n    [\n      opened,\n      value,\n      getOptionLabel,\n      getOptionValue,\n      inputValue,\n      optionsProp,\n      creatable,\n      selectedBehavior,\n      filterFn,\n    ],\n  );\n\n  return {\n    ...restChipsInputProps,\n\n    // options\n    value,\n\n    // input\n    inputValue,\n    onInputChange: handleInputChange,\n\n    // dropdown states\n    options,\n    opened,\n    setOpened,\n    focusedOption,\n    focusedOptionIndex,\n    setFocusedOption,\n    setFocusedOptionIndex,\n  };\n};\n\nfunction transformOptions<O extends ChipOption>({\n  value,\n  getOptionValue = getOptionValueDefault,\n  getOptionLabel = getOptionLabelDefault,\n  inputValue = DEFAULT_INPUT_VALUE,\n  emptyText = DEFAULT_EMPTY_TEXT,\n  creatable = false,\n  filterFn = defaultFilterFn,\n  options: optionsProp = DEFAULT_VALUE,\n  selectedBehavior = DEFAULT_SELECTED_BEHAVIOR,\n}: Required<Pick<UseChipsSelectProps<O>, 'value'>> &\n  Pick<\n    UseChipsSelectProps<O>,\n    | 'getOptionValue'\n    | 'getOptionLabel'\n    | 'inputValue'\n    | 'emptyText'\n    | 'creatable'\n    | 'filterFn'\n    | 'options'\n    | 'selectedBehavior'\n  >) {\n  const filteredOptionsProp = filterFn\n    ? optionsProp.filter((option) => filterFn(inputValue, option, getOptionLabel))\n    : optionsProp;\n\n  if (filteredOptionsProp.length === 0) {\n    if (inputValue !== DEFAULT_INPUT_VALUE && typeof creatable === 'string') {\n      return [{ actionText: creatable }];\n    }\n    return [{ placeholder: emptyText }];\n  }\n\n  const parsedOptions = transformValue(filteredOptionsProp, getOptionValue, getOptionLabel);\n\n  if (selectedBehavior === 'hide') {\n    const selected = value.map((item) => item.value);\n    return parsedOptions.filter((item) =>\n      isNotServicePreset(item) ? !selected.includes(item.value) : false,\n    );\n  }\n  return parsedOptions;\n}\n"],"names":["useChipsSelect","disabled","value","valueProp","defaultValue","onChange","getOptionLabel","getOptionLabelDefault","getOptionValue","getOptionValueDefault","getNewOptionData","getNewOptionDataDefault","inputValue","inputValueProp","defaultInputValue","DEFAULT_INPUT_VALUE","onInputChange","onInputChangeProp","creatable","emptyText","DEFAULT_EMPTY_TEXT","filterFn","defaultFilterFn","selectedBehavior","DEFAULT_SELECTED_BEHAVIOR","options","optionsProp","DEFAULT_VALUE","useChipsInput","restChipsInputProps","opened","setOpened","React","useState","setOptions","transformOptions","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","handleInputChange","useCallback","event","useIsomorphicLayoutEffect","handleDropdownOpen","prevOptions","nextOptions","isEqual","filteredOptionsProp","filter","option","length","actionText","placeholder","parsedOptions","transformValue","selected","map","item","isNotServicePreset","includes"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/ChipsSelect/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { isEqual } from '@vkontakte/vkjs';\nimport { defaultFilterFn, type FilterFn } from '../../lib/select';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport {\n  transformValue,\n  useChipsInput,\n  type UseChipsInputProps,\n} from '../ChipsInput/useChipsInput';\nimport {\n  DEFAULT_INPUT_VALUE,\n  DEFAULT_VALUE,\n  getNewOptionDataDefault,\n  getOptionLabelDefault,\n  getOptionValueDefault,\n} from '../ChipsInputBase/constants';\nimport type { ChipOption } from '../ChipsInputBase/types';\nimport { DEFAULT_EMPTY_TEXT, DEFAULT_SELECTED_BEHAVIOR, isNotServicePreset } from './constants';\nimport type { OptionPreset } from './types';\n\nexport interface UseChipsSelectProps<O extends ChipOption = ChipOption>\n  extends UseChipsInputProps<O> {\n  options?: O[];\n  /**\n   * Возможность создавать чипы которых нет в списке:\n   * - `true` – добавление по кнопке Enter;\n   * - `<текст>` – помимо возможности добавления через Enter, в пункте меню появится кнопка с текстом.\n   * Текст для пункта, создающего чипы при клике, также отвечает за то, будет ли показан этот пункт\n   * (показывается после того как в списке не останется опций).\n   */\n  creatable?: boolean | string;\n  /**\n   * Текст, который показывается если список опций пуст\n   */\n  emptyText?: string;\n  /**\n   * Показывать или скрывать уже выбранные опции.\n   */\n  selectedBehavior?: 'hide' | 'highlight';\n  filterFn?: false | FilterFn<O>;\n}\n\nexport const useChipsSelect = <O extends ChipOption>({\n  // common\n  disabled,\n\n  // option\n  value: valueProp,\n  defaultValue,\n  onChange,\n  getOptionLabel = getOptionLabelDefault,\n  getOptionValue = getOptionValueDefault,\n  getNewOptionData = getNewOptionDataDefault,\n\n  // input\n  inputValue: inputValueProp,\n  defaultInputValue = DEFAULT_INPUT_VALUE,\n  onInputChange: onInputChangeProp,\n\n  // dropdown\n  creatable = false,\n  emptyText = DEFAULT_EMPTY_TEXT,\n  filterFn = defaultFilterFn,\n  selectedBehavior = DEFAULT_SELECTED_BEHAVIOR,\n  options: optionsProp = DEFAULT_VALUE,\n}: UseChipsSelectProps<O>) => {\n  const { value, inputValue, onInputChange, ...restChipsInputProps } = useChipsInput({\n    // option\n    value: valueProp,\n    defaultValue,\n    onChange,\n    getOptionValue,\n    getOptionLabel,\n    getNewOptionData,\n\n    // input\n    inputValue: inputValueProp,\n    defaultInputValue,\n    onInputChange: onInputChangeProp,\n\n    // other\n    disabled,\n  });\n\n  // dropdown\n  const [opened, setOpened] = React.useState(false);\n  const [options, setOptions] = React.useState<Array<OptionPreset<O>>>(() =>\n    opened\n      ? transformOptions({\n          value,\n          getOptionValue,\n          getOptionLabel,\n          inputValue,\n          emptyText,\n          creatable,\n          filterFn,\n          options: optionsProp,\n          selectedBehavior,\n        })\n      : [],\n  );\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number | null>(0);\n  const [focusedOption, setFocusedOption] = React.useState<O | null>(null);\n\n  const handleInputChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onInputChange(event);\n\n      if (!opened) {\n        setOpened(true);\n        setFocusedOptionIndex(0);\n      }\n    },\n    [onInputChange, opened],\n  );\n\n  useIsomorphicLayoutEffect(\n    function handleDropdownOpen() {\n      if (!opened) {\n        return;\n      }\n\n      setOptions((prevOptions) => {\n        const nextOptions = transformOptions({\n          value,\n          getOptionValue,\n          getOptionLabel,\n          inputValue,\n          emptyText,\n          creatable,\n          filterFn,\n          options: optionsProp,\n          selectedBehavior,\n        });\n\n        if (isEqual(prevOptions, nextOptions)) {\n          return prevOptions;\n        }\n\n        return nextOptions;\n      });\n    },\n    [\n      opened,\n      value,\n      getOptionLabel,\n      getOptionValue,\n      inputValue,\n      optionsProp,\n      creatable,\n      selectedBehavior,\n      filterFn,\n    ],\n  );\n\n  return {\n    ...restChipsInputProps,\n\n    // options\n    value,\n\n    // input\n    inputValue,\n    onInputChange: handleInputChange,\n\n    // dropdown states\n    options,\n    opened,\n    setOpened,\n    focusedOption,\n    focusedOptionIndex,\n    setFocusedOption,\n    setFocusedOptionIndex,\n  };\n};\n\nfunction transformOptions<O extends ChipOption>({\n  value,\n  getOptionValue = getOptionValueDefault,\n  getOptionLabel = getOptionLabelDefault,\n  inputValue = DEFAULT_INPUT_VALUE,\n  emptyText = DEFAULT_EMPTY_TEXT,\n  creatable = false,\n  filterFn = defaultFilterFn,\n  options: optionsProp = DEFAULT_VALUE,\n  selectedBehavior = DEFAULT_SELECTED_BEHAVIOR,\n}: Required<Pick<UseChipsSelectProps<O>, 'value'>> &\n  Pick<\n    UseChipsSelectProps<O>,\n    | 'getOptionValue'\n    | 'getOptionLabel'\n    | 'inputValue'\n    | 'emptyText'\n    | 'creatable'\n    | 'filterFn'\n    | 'options'\n    | 'selectedBehavior'\n  >) {\n  const filteredOptionsProp = filterFn\n    ? optionsProp.filter((option) => filterFn(inputValue, option, getOptionLabel))\n    : optionsProp;\n\n  if (filteredOptionsProp.length === 0) {\n    if (inputValue !== DEFAULT_INPUT_VALUE && typeof creatable === 'string') {\n      return [{ actionText: creatable }];\n    }\n    return [{ placeholder: emptyText }];\n  }\n\n  const parsedOptions = transformValue(filteredOptionsProp, getOptionValue, getOptionLabel);\n\n  if (selectedBehavior === 'hide') {\n    const selected = value.map((item) => item.value);\n    return parsedOptions.filter((item) =>\n      isNotServicePreset(item) ? !selected.includes(item.value) : false,\n    );\n  }\n  return parsedOptions;\n}\n"],"names":["useChipsSelect","disabled","value","valueProp","defaultValue","onChange","getOptionLabel","getOptionLabelDefault","getOptionValue","getOptionValueDefault","getNewOptionData","getNewOptionDataDefault","inputValue","inputValueProp","defaultInputValue","DEFAULT_INPUT_VALUE","onInputChange","onInputChangeProp","creatable","emptyText","DEFAULT_EMPTY_TEXT","filterFn","defaultFilterFn","selectedBehavior","DEFAULT_SELECTED_BEHAVIOR","options","optionsProp","DEFAULT_VALUE","useChipsInput","restChipsInputProps","opened","setOpened","React","useState","setOptions","transformOptions","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","handleInputChange","useCallback","event","useIsomorphicLayoutEffect","handleDropdownOpen","prevOptions","nextOptions","isEqual","filteredOptionsProp","filter","option","length","actionText","placeholder","parsedOptions","transformValue","selected","map","item","isNotServicePreset","includes"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/cjs/components/Clickable/Clickable.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { FocusVisibleModeProps } from '../../hooks/useFocusVisibleClassName';
 import { RootComponentProps } from '../RootComponent/RootComponent';
 import { StateProps } from './useState';
@@ -20,5 +19,5 @@ export declare function checkClickable<T>(props: ClickableProps<T>): boolean;
  * - стейты наведения и нажатия
  * - a11y компонентов
  */
-export declare const Clickable: <T>({ focusVisibleMode, baseClassName: baseClassNameProp, ...restProps }: ClickableProps<T>) => React.JSX.Element;
+export declare const Clickable: <T>({ focusVisibleMode, baseClassName: baseClassNameProp, ...restProps }: ClickableProps<T>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Clickable.d.ts.map

package/dist/cjs/components/Clickable/Clickable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Clickable.d.ts","sourceRoot":"","sources":["../../../../src/components/Clickable/Clickable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,qBAAqB,EAEtB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAiB,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEnF,OAAO,EAGL,UAAU,EAEX,MAAM,YAAY,CAAC;AAGpB,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,WAAW,CAC7C,SAAQ,kBAAkB,CAAC,CAAC,CAAC,EAC3B,qBAAqB,EACrB,UAAU;CAAG;AAuFjB;;GAEG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,OAAO,CAQnE;AAiCD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS,mHAqBrB,CAAC"}
+{"version":3,"file":"Clickable.d.ts","sourceRoot":"","sources":["../../../../src/components/Clickable/Clickable.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,qBAAqB,EAEtB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAiB,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEnF,OAAO,EAGL,UAAU,EAEX,MAAM,YAAY,CAAC;AAGpB,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,WAAW,CAC7C,SAAQ,kBAAkB,CAAC,CAAC,CAAC,EAC3B,qBAAqB,EACrB,UAAU;CAAG;AAuFjB;;GAEG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,OAAO,CAQnE;AA2CD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS,4EAInB,eAAe,CAAC,CAAC,4CAqBnB,CAAC"}

package/dist/cjs/components/Clickable/Clickable.js

@@ -16,10 +16,10 @@ _export(exports, {
         return checkClickable;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _object_spread = require("@swc/helpers/_/_object_spread");
+const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _jsxruntime = require("react/jsx-runtime");
 const _vkjs = require("@vkontakte/vkjs");
 const _useFocusVisible = require("../../hooks/useFocusVisible");
 const _useFocusVisibleClassName = require("../../hooks/useFocusVisibleClassName");
@@ -42,7 +42,7 @@ const _useState = require("./useState");
         "activated",
         "activeEffectDelay"
     ]);
-    return /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, restProps);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RootComponent.RootComponent, _object_spread._({}, restProps));
 };
 /**
  * Кликабельный компонент. Добавляем кучу обвесов
@@ -97,11 +97,14 @@ const _useState = require("./useState");
         onFocus,
         onKeyDown
     });
-    return /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({
         baseClassName: (0, _vkjs.classNames)(baseClassName, "vkuiClickable__realClickable", focusVisibleClassNames, stateClassName)
-    }, handlers, restProps), /*#__PURE__*/ _react.createElement(_useState.ClickableLockStateContext.Provider, {
-        value: setLockBubblingImmediate
-    }, children));
+    }, handlers, restProps), {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_useState.ClickableLockStateContext.Provider, {
+            value: setLockBubblingImmediate,
+            children: children
+        })
+    }));
 };
 function checkClickable(props) {
     return (props.href !== undefined || props.onClick !== undefined || props.onClickCapture !== undefined || props.Component === 'label') && !props.disabled;
@@ -133,6 +136,15 @@ function checkClickable(props) {
     }
     return {};
 }
+const getUserAgentResetClassName = (Component)=>{
+    if (Component === 'a') {
+        return "vkuiClickable__resetLinkStyle";
+    }
+    if (Component === 'button') {
+        return "vkuiClickable__resetButtonStyle";
+    }
+    return;
+};
 const Clickable = (_param)=>{
     var { focusVisibleMode = 'inside', baseClassName: baseClassNameProp } = _param, restProps = _object_without_properties._(_param, [
         "focusVisibleMode",
@@ -140,14 +152,14 @@ const Clickable = (_param)=>{
     ]);
     const commonProps = component(restProps);
     const isClickable = checkClickable(restProps);
-    const baseClassName = (0, _vkjs.classNames)(baseClassNameProp, "vkuiClickable__host");
+    const baseClassName = (0, _vkjs.classNames)(baseClassNameProp, getUserAgentResetClassName(commonProps.Component), "vkuiClickable__host");
     if (isClickable) {
-        return /*#__PURE__*/ _react.createElement(RealClickable, _object_spread._({
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(RealClickable, _object_spread._({
             baseClassName: baseClassName,
             focusVisibleMode: focusVisibleMode
         }, commonProps, restProps));
     }
-    return /*#__PURE__*/ _react.createElement(NonClickable, _object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(NonClickable, _object_spread._({
         baseClassName: baseClassName
     }, commonProps, restProps));
 };