@vkontakte/vkui 4.22.0 → 4.24.0

package/dist/cjs/components/ChipsInput/ChipsInput.js

@@ -88,12 +88,12 @@ var ChipsInput = function ChipsInput(props) {
 
     onKeyDown(e);
 
-    if (e.key === 'Backspace' && !e.defaultPrevented && !fieldValue && selectedOptions.length) {
+    if (e.key === "Backspace" && !e.defaultPrevented && !fieldValue && selectedOptions.length) {
       removeOption(getOptionValue(selectedOptions[selectedOptions.length - 1]));
       e.preventDefault();
     }
 
-    if (e.key === 'Enter' && !e.defaultPrevented && fieldValue) {
+    if (e.key === "Enter" && !e.defaultPrevented && fieldValue) {
       addOptionFromInput();
       e.preventDefault();
     }
@@ -132,9 +132,9 @@ var ChipsInput = function ChipsInput(props) {
 
   return (0, _jsxRuntime.createScopedElement)(_FormField.FormField, {
     getRootRef: getRootRef,
-    vkuiClass: (0, _classNames.classNames)('ChipsInput', "ChipsInput--sizeY-".concat(sizeY), {
-      'ChipsInput--focused': focused,
-      'ChipsInput--withChips': !!selectedOptions.length
+    vkuiClass: (0, _classNames.classNames)("ChipsInput", "ChipsInput--sizeY-".concat(sizeY), {
+      "ChipsInput--focused": focused,
+      "ChipsInput--withChips": !!selectedOptions.length
     }),
     className: className,
     style: style,
@@ -158,7 +158,7 @@ var ChipsInput = function ChipsInput(props) {
       label: label,
       onRemove: handleChipRemove,
       disabled: restProps.disabled,
-      className: (0, _prefixClass.prefixClass)('ChipsInput__chip')
+      className: (0, _prefixClass.prefixClass)("ChipsInput__chip")
     }));
   }), (0, _jsxRuntime.createScopedElement)("label", {
     vkuiClass: "ChipsInput__input-container",
@@ -181,15 +181,15 @@ var ChipsInput = function ChipsInput(props) {
 };
 
 var chipsInputDefaultProps = {
-  type: 'text',
+  type: "text",
   onChange: _utils.noop,
   onInputChange: _utils.noop,
   onKeyDown: _utils.noop,
   onBlur: _utils.noop,
   onFocus: _utils.noop,
   value: [],
-  inputValue: '',
-  inputAriaLabel: 'Введите ваше значение...',
+  inputValue: "",
+  inputAriaLabel: "Введите ваше значение...",
   getOptionValue: function getOptionValue(option) {
     return option.value;
   },

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChipsInput/ChipsInput.tsx"],"names":["ChipsInput","props","style","value","onChange","onInputChange","onKeyDown","onBlur","onFocus","children","className","inputValue","getRef","getRootRef","placeholder","getOptionValue","getOptionLabel","getNewOptionData","renderChip","after","inputAriaLabel","restProps","sizeY","React","useState","focused","setFocused","fieldValue","addOptionFromInput","removeOption","selectedOptions","handleInputChange","inputRef","isDisabled","disabled","readOnly","handleKeyDown","e","preventDefault","key","defaultPrevented","length","handleBlur","handleFocus","handleChipRemove","_","handleClick","current","focus","map","option","label","onRemove","chipsInputDefaultProps","type","noop","rest","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport { classNames } from '../../lib/classNames';\nimport Chip, { ChipProps } from '../Chip/Chip';\nimport { noop } from '../../lib/utils';\nimport { useChipsInput } from './useChipsInput';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { prefixClass } from '../../lib/prefixClass';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport './ChipsInput.css';\n\nexport type ChipsInputValue = string | number;\n\nexport interface ChipsInputOption {\n  value?: ChipsInputValue;\n  label?: string;\n  [otherProp: string]: any;\n}\n\nexport interface RenderChip<Option extends ChipsInputOption> extends ChipProps {\n  label: string;\n  option: Option;\n  disabled: boolean;\n}\n\nexport interface ChipsInputProps<Option extends ChipsInputOption> extends\n  Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>,\n  HasRef<HTMLInputElement>,\n  HasRootRef<HTMLDivElement>,\n  HasAlign,\n  FormFieldProps {\n  value: Option[];\n  inputValue?: string;\n  onChange?: (o: Option[]) => void;\n  onInputChange?: (e?: React.ChangeEvent<HTMLInputElement>) => void;\n  getOptionValue?: (o?: Option) => ChipsInputValue;\n  getOptionLabel?: (o?: Option) => string;\n  getNewOptionData?: (v?: ChipsInputValue, l?: string) => Option;\n  renderChip?: (props?: RenderChip<Option>) => React.ReactNode;\n  inputAriaLabel?: string;\n}\n\nconst ChipsInput = <Option extends ChipsInputOption>(props: ChipsInputProps<Option>) => {\n  const { style, value, onChange, onInputChange, onKeyDown, onBlur, onFocus, children, className, inputValue,\n    getRef, getRootRef, placeholder, getOptionValue, getOptionLabel, getNewOptionData, renderChip,\n    after, inputAriaLabel, ...restProps } = props;\n  const { sizeY } = useAdaptivity();\n\n  const [focused, setFocused] = React.useState(false);\n  const { fieldValue, addOptionFromInput, removeOption, selectedOptions, handleInputChange } = useChipsInput(props);\n  const inputRef = useExternRef(getRef);\n\n  const isDisabled = restProps.disabled || restProps.readOnly;\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (isDisabled) {\n      e.preventDefault();\n      return;\n    }\n\n    onKeyDown(e);\n\n    if (e.key === 'Backspace' && !e.defaultPrevented && !fieldValue && selectedOptions.length) {\n      removeOption(getOptionValue(selectedOptions[selectedOptions.length - 1]));\n      e.preventDefault();\n    }\n\n    if (e.key === 'Enter' && !e.defaultPrevented && fieldValue) {\n      addOptionFromInput();\n      e.preventDefault();\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (focused) {\n      setFocused(false);\n    }\n    onBlur(e);\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (!focused) {\n      setFocused(true);\n    }\n    onFocus(e);\n  };\n\n  const handleChipRemove = (_: React.MouseEvent<HTMLInputElement>, value: ChipsInputValue) => {\n    removeOption(value);\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (isDisabled) {\n      e.preventDefault();\n      return;\n    }\n\n    if (inputRef?.current !== null && !focused) {\n      inputRef.current.focus();\n    }\n  };\n\n  return (\n    <FormField\n      getRootRef={getRootRef}\n      vkuiClass={classNames('ChipsInput', `ChipsInput--sizeY-${sizeY}`, {\n        'ChipsInput--focused': focused,\n        'ChipsInput--withChips': !!selectedOptions.length,\n      })}\n      className={className}\n      style={style}\n      disabled={restProps.disabled}\n      after={after}\n      onClick={handleClick}\n      role=\"application\"\n      aria-disabled={restProps.disabled}\n      aria-readonly={restProps.readOnly}\n    >\n      <div vkuiClass=\"ChipsInput__container\" role=\"presentation\">\n        {selectedOptions.map((option: Option) => {\n          const value = getOptionValue(option);\n          const label = getOptionLabel(option);\n\n          return (\n            <React.Fragment key={`${typeof value}-${value}`}>\n              {renderChip({ option, value, label, onRemove: handleChipRemove, disabled: restProps.disabled, className: prefixClass('ChipsInput__chip') })}\n            </React.Fragment>\n          );\n        })}\n        <label vkuiClass=\"ChipsInput__input-container\" aria-label={inputAriaLabel}>\n          <input\n            ref={inputRef}\n            value={fieldValue}\n            autoCapitalize=\"none\"\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            spellCheck={false}\n            aria-autocomplete=\"list\"\n            vkuiClass=\"ChipsInput__el\"\n            onChange={handleInputChange}\n            onKeyDown={handleKeyDown}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            placeholder={selectedOptions.length ? null : placeholder}\n            {...restProps}\n          />\n        </label>\n      </div>\n    </FormField>\n  );\n};\n\nexport const chipsInputDefaultProps: ChipsInputProps<any> = {\n  type: 'text',\n  onChange: noop,\n  onInputChange: noop,\n  onKeyDown: noop,\n  onBlur: noop,\n  onFocus: noop,\n  value: [],\n  inputValue: '',\n  inputAriaLabel: 'Введите ваше значение...',\n  getOptionValue: (option: ChipsInputOption): ChipsInputValue => option.value,\n  getOptionLabel: (option: ChipsInputOption): string => option.label,\n  getNewOptionData: (_: ChipsInputValue, label: string): ChipsInputOption => ({ value: label, label }),\n  renderChip({ disabled, value, label, ...rest }: RenderChip<ChipsInputOption>) {\n    return (\n      <Chip value={value} removable={!disabled} {...rest}>\n        {label}\n      </Chip>\n    );\n  },\n};\nChipsInput.defaultProps = chipsInputDefaultProps;\n\nexport default ChipsInput;\n"],"file":"ChipsInput.js"}
+{"version":3,"sources":["../../../../src/components/ChipsInput/ChipsInput.tsx"],"names":["ChipsInput","props","style","value","onChange","onInputChange","onKeyDown","onBlur","onFocus","children","className","inputValue","getRef","getRootRef","placeholder","getOptionValue","getOptionLabel","getNewOptionData","renderChip","after","inputAriaLabel","restProps","sizeY","React","useState","focused","setFocused","fieldValue","addOptionFromInput","removeOption","selectedOptions","handleInputChange","inputRef","isDisabled","disabled","readOnly","handleKeyDown","e","preventDefault","key","defaultPrevented","length","handleBlur","handleFocus","handleChipRemove","_","handleClick","current","focus","map","option","label","onRemove","chipsInputDefaultProps","type","noop","rest","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { classNames } from \"../../lib/classNames\";\nimport Chip, { ChipProps } from \"../Chip/Chip\";\nimport { noop } from \"../../lib/utils\";\nimport { useChipsInput } from \"./useChipsInput\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"./ChipsInput.css\";\n\nexport type ChipsInputValue = string | number;\n\nexport interface ChipsInputOption {\n  value?: ChipsInputValue;\n  label?: string;\n  [otherProp: string]: any;\n}\n\nexport interface RenderChip<Option extends ChipsInputOption> extends ChipProps {\n  label: string;\n  option: Option;\n  disabled: boolean;\n}\n\nexport interface ChipsInputProps<Option extends ChipsInputOption>\n  extends Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"value\" | \"onChange\"\n    >,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign,\n    FormFieldProps {\n  value: Option[];\n  inputValue?: string;\n  onChange?: (o: Option[]) => void;\n  onInputChange?: (e?: React.ChangeEvent<HTMLInputElement>) => void;\n  getOptionValue?: (o?: Option) => ChipsInputValue;\n  getOptionLabel?: (o?: Option) => string;\n  getNewOptionData?: (v?: ChipsInputValue, l?: string) => Option;\n  renderChip?: (props?: RenderChip<Option>) => React.ReactNode;\n  inputAriaLabel?: string;\n}\n\nconst ChipsInput = <Option extends ChipsInputOption>(\n  props: ChipsInputProps<Option>\n) => {\n  const {\n    style,\n    value,\n    onChange,\n    onInputChange,\n    onKeyDown,\n    onBlur,\n    onFocus,\n    children,\n    className,\n    inputValue,\n    getRef,\n    getRootRef,\n    placeholder,\n    getOptionValue,\n    getOptionLabel,\n    getNewOptionData,\n    renderChip,\n    after,\n    inputAriaLabel,\n    ...restProps\n  } = props;\n  const { sizeY } = useAdaptivity();\n\n  const [focused, setFocused] = React.useState(false);\n  const {\n    fieldValue,\n    addOptionFromInput,\n    removeOption,\n    selectedOptions,\n    handleInputChange,\n  } = useChipsInput(props);\n  const inputRef = useExternRef(getRef);\n\n  const isDisabled = restProps.disabled || restProps.readOnly;\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (isDisabled) {\n      e.preventDefault();\n      return;\n    }\n\n    onKeyDown(e);\n\n    if (\n      e.key === \"Backspace\" &&\n      !e.defaultPrevented &&\n      !fieldValue &&\n      selectedOptions.length\n    ) {\n      removeOption(getOptionValue(selectedOptions[selectedOptions.length - 1]));\n      e.preventDefault();\n    }\n\n    if (e.key === \"Enter\" && !e.defaultPrevented && fieldValue) {\n      addOptionFromInput();\n      e.preventDefault();\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (focused) {\n      setFocused(false);\n    }\n    onBlur(e);\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (!focused) {\n      setFocused(true);\n    }\n    onFocus(e);\n  };\n\n  const handleChipRemove = (\n    _: React.MouseEvent<HTMLInputElement>,\n    value: ChipsInputValue\n  ) => {\n    removeOption(value);\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (isDisabled) {\n      e.preventDefault();\n      return;\n    }\n\n    if (inputRef?.current !== null && !focused) {\n      inputRef.current.focus();\n    }\n  };\n\n  return (\n    <FormField\n      getRootRef={getRootRef}\n      vkuiClass={classNames(\"ChipsInput\", `ChipsInput--sizeY-${sizeY}`, {\n        \"ChipsInput--focused\": focused,\n        \"ChipsInput--withChips\": !!selectedOptions.length,\n      })}\n      className={className}\n      style={style}\n      disabled={restProps.disabled}\n      after={after}\n      onClick={handleClick}\n      role=\"application\"\n      aria-disabled={restProps.disabled}\n      aria-readonly={restProps.readOnly}\n    >\n      <div vkuiClass=\"ChipsInput__container\" role=\"presentation\">\n        {selectedOptions.map((option: Option) => {\n          const value = getOptionValue(option);\n          const label = getOptionLabel(option);\n\n          return (\n            <React.Fragment key={`${typeof value}-${value}`}>\n              {renderChip({\n                option,\n                value,\n                label,\n                onRemove: handleChipRemove,\n                disabled: restProps.disabled,\n                className: prefixClass(\"ChipsInput__chip\"),\n              })}\n            </React.Fragment>\n          );\n        })}\n        <label\n          vkuiClass=\"ChipsInput__input-container\"\n          aria-label={inputAriaLabel}\n        >\n          <input\n            ref={inputRef}\n            value={fieldValue}\n            autoCapitalize=\"none\"\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            spellCheck={false}\n            aria-autocomplete=\"list\"\n            vkuiClass=\"ChipsInput__el\"\n            onChange={handleInputChange}\n            onKeyDown={handleKeyDown}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            placeholder={selectedOptions.length ? null : placeholder}\n            {...restProps}\n          />\n        </label>\n      </div>\n    </FormField>\n  );\n};\n\nexport const chipsInputDefaultProps: ChipsInputProps<any> = {\n  type: \"text\",\n  onChange: noop,\n  onInputChange: noop,\n  onKeyDown: noop,\n  onBlur: noop,\n  onFocus: noop,\n  value: [],\n  inputValue: \"\",\n  inputAriaLabel: \"Введите ваше значение...\",\n  getOptionValue: (option: ChipsInputOption): ChipsInputValue => option.value,\n  getOptionLabel: (option: ChipsInputOption): string => option.label,\n  getNewOptionData: (_: ChipsInputValue, label: string): ChipsInputOption => ({\n    value: label,\n    label,\n  }),\n  renderChip({\n    disabled,\n    value,\n    label,\n    ...rest\n  }: RenderChip<ChipsInputOption>) {\n    return (\n      <Chip value={value} removable={!disabled} {...rest}>\n        {label}\n      </Chip>\n    );\n  },\n};\nChipsInput.defaultProps = chipsInputDefaultProps;\n\nexport default ChipsInput;\n"],"file":"ChipsInput.js"}

package/dist/cjs/components/ChipsInput/useChipsInput.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ChipsInputOption, ChipsInputProps } from './ChipsInput';
+import * as React from "react";
+import { ChipsInputOption, ChipsInputProps } from "./ChipsInput";
 export declare const useChipsInput: <Option extends ChipsInputOption>(props: Partial<ChipsInputProps<Option>>) => {
     fieldValue: string;
     setFieldValue: React.Dispatch<React.SetStateAction<string>>;

package/dist/cjs/components/ChipsInput/useChipsInput.js

@@ -31,10 +31,10 @@ var useChipsInput = function useChipsInput(props) {
       setSelectedOptions = _React$useState4[1];
 
   var clearInput = React.useCallback(function () {
-    setFieldValue('');
+    setFieldValue("");
     onInputChange({
       target: {
-        value: ''
+        value: ""
       }
     });
   }, [onInputChange]);
@@ -77,7 +77,7 @@ var useChipsInput = function useChipsInput(props) {
   React.useEffect(function () {
     setFieldValue(props.inputValue);
     return function () {
-      return setFieldValue('');
+      return setFieldValue("");
     };
   }, [props.inputValue]);
   return {

package/dist/cjs/components/ChipsInput/useChipsInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChipsInput/useChipsInput.ts"],"names":["useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","React","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { ChipsInputOption, ChipsInputProps, ChipsInputValue } from './ChipsInput';\n\nexport const useChipsInput = <Option extends ChipsInputOption>(props: Partial<ChipsInputProps<Option>>) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } = props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue('');\n    onInputChange({ target: { value: '' } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    setFieldValue(e.target.value);\n    onInputChange(e);\n  }, [onInputChange]);\n\n  const toggleOption = React.useCallback((newOption: Option, value?: boolean) => {\n    const newSelectedOptions = selectedOptions.filter((option: Option) => getOptionValue(newOption) !== getOptionValue(option));\n\n    if (value === true) {\n      newSelectedOptions.push(newOption);\n    }\n\n    setSelectedOptions(newSelectedOptions);\n    onChange(newSelectedOptions);\n  }, [selectedOptions, getOptionValue, onChange]);\n\n  const addOption = React.useCallback((newOption: Option) => toggleOption(newOption, true), [toggleOption]);\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback((value: ChipsInputValue) => {\n    toggleOption(getNewOptionData(undefined, value as string), false);\n  }, [toggleOption, getNewOptionData]);\n\n  React.useEffect(() => {\n    setSelectedOptions(value);\n\n    return () => setSelectedOptions([]);\n  }, [props.value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue('');\n  }, [props.inputValue]);\n\n  return { fieldValue, setFieldValue, selectedOptions, setSelectedOptions, clearInput, toggleOption, addOption, addOptionFromInput, removeOption, handleInputChange };\n};\n"],"file":"useChipsInput.js"}
+{"version":3,"sources":["../../../../src/components/ChipsInput/useChipsInput.ts"],"names":["useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","React","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  ChipsInputOption,\n  ChipsInputProps,\n  ChipsInputValue,\n} from \"./ChipsInput\";\n\nexport const useChipsInput = <Option extends ChipsInputOption>(\n  props: Partial<ChipsInputProps<Option>>\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } =\n    props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue(\"\");\n    onInputChange({ target: { value: \"\" } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange(e);\n    },\n    [onInputChange]\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) => getOptionValue(newOption) !== getOptionValue(option)\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange]\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption]\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value: ChipsInputValue) => {\n      toggleOption(getNewOptionData(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData]\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value);\n\n    return () => setSelectedOptions([]);\n  }, [props.value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue(\"\");\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"file":"useChipsInput.js"}

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

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { ChipsInputOption, ChipsInputProps } from '../ChipsInput/ChipsInput';
-import { CustomSelectOptionProps } from '../CustomSelectOption/CustomSelectOption';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import './ChipsSelect.css';
+import * as React from "react";
+import { ChipsInputOption, ChipsInputProps } from "../ChipsInput/ChipsInput";
+import { CustomSelectOptionProps } from "../CustomSelectOption/CustomSelectOption";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./ChipsSelect.css";
 export interface ChipsSelectProps<Option extends ChipsInputOption> extends ChipsInputProps<Option>, AdaptivityProps {
-    popupDirection?: 'top' | 'bottom';
+    popupDirection?: "top" | "bottom";
     options?: Option[];
-    filterFn?: false | ((value?: string, option?: Option, getOptionLabel?: Pick<ChipsInputProps<ChipsInputOption>, 'getOptionLabel'>['getOptionLabel']) => boolean);
+    filterFn?: false | ((value?: string, option?: Option, getOptionLabel?: Pick<ChipsInputProps<ChipsInputOption>, "getOptionLabel">["getOptionLabel"]) => boolean);
     /**
      * Возможность создавать чипы которых нет в списке (по enter или с помощью пункта в меню, см creatableText)
      */

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

@@ -19,17 +19,15 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var React = _interopRequireWildcard(require("react"));
 
 var _DropdownIcon = require("../DropdownIcon/DropdownIcon");
 
-var _classNames3 = require("../../lib/classNames");
-
-var _Spinner = _interopRequireDefault(require("../Spinner/Spinner"));
-
-var _CustomScrollView = _interopRequireDefault(require("../CustomScrollView/CustomScrollView"));
+var _classNames2 = require("../../lib/classNames");
 
 var _ChipsInput = _interopRequireWildcard(require("../ChipsInput/ChipsInput"));
 
@@ -53,10 +51,12 @@ var _useGlobalEventListener = require("../../hooks/useGlobalEventListener");
 
 var _select = require("../../lib/select");
 
+var _CustomSelectDropdown = require("../CustomSelectDropdown/CustomSelectDropdown");
+
 var _excluded = ["style", "onFocus", "onKeyDown", "className", "fetching", "renderOption", "emptyText", "getRef", "getRootRef", "disabled", "placeholder", "tabIndex", "getOptionValue", "getOptionLabel", "showSelected", "getNewOptionData", "renderChip", "popupDirection", "creatable", "filterFn", "inputValue", "creatableText", "sizeY", "closeAfterSelect", "onChangeStart", "after", "options"],
     _excluded2 = ["option"];
-var FOCUS_ACTION_NEXT = 'next';
-var FOCUS_ACTION_PREV = 'prev';
+var FOCUS_ACTION_NEXT = "next";
+var FOCUS_ACTION_PREV = "prev";
 
 var ChipsSelect = function ChipsSelect(props) {
   var _classNames;
@@ -93,6 +93,11 @@ var ChipsSelect = function ChipsSelect(props) {
   var _useDOM = (0, _dom.useDOM)(),
       document = _useDOM.document;
 
+  var _React$useState = React.useState(undefined),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      popperPlacement = _React$useState2[0],
+      setPopperPlacement = _React$useState2[1];
+
   var scrollBoxRef = React.useRef(null);
   var rootRef = (0, _useExternRef.useExternRef)(getRef);
 
@@ -170,7 +175,7 @@ var ChipsSelect = function ChipsSelect(props) {
   };
 
   var focusOption = function focusOption(nextIndex, type) {
-    var index = typeof nextIndex !== 'number' ? -1 : nextIndex;
+    var index = typeof nextIndex !== "number" ? -1 : nextIndex;
 
     if (type === FOCUS_ACTION_NEXT) {
       index = index + 1;
@@ -184,7 +189,7 @@ var ChipsSelect = function ChipsSelect(props) {
   var handleKeyDown = function handleKeyDown(e) {
     onKeyDown(e);
 
-    if (e.key === 'ArrowUp' && !e.defaultPrevented) {
+    if (e.key === "ArrowUp" && !e.defaultPrevented) {
       e.preventDefault();
 
       if (!opened) {
@@ -195,7 +200,7 @@ var ChipsSelect = function ChipsSelect(props) {
       }
     }
 
-    if (e.key === 'ArrowDown' && !e.defaultPrevented) {
+    if (e.key === "ArrowDown" && !e.defaultPrevented) {
       e.preventDefault();
 
       if (!opened) {
@@ -206,7 +211,7 @@ var ChipsSelect = function ChipsSelect(props) {
       }
     }
 
-    if (e.key === 'Enter' && !e.defaultPrevented && opened) {
+    if (e.key === "Enter" && !e.defaultPrevented && opened) {
       var _option = filteredOptions[focusedOptionIndex];
 
       if (_option) {
@@ -224,7 +229,7 @@ var ChipsSelect = function ChipsSelect(props) {
       }
     }
 
-    if (['Escape', 'Tab'].includes(e.key) && !e.defaultPrevented && opened) {
+    if (["Escape", "Tab"].includes(e.key) && !e.defaultPrevented && opened) {
       setOpened(false);
     }
   };
@@ -246,7 +251,7 @@ var ChipsSelect = function ChipsSelect(props) {
       setFocusedOption(filteredOptions[0]);
     }
   }, [filteredOptions, focusedOption, showCreatable, closeAfterSelect]);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'click', handleClickOutside);
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, "click", handleClickOutside);
 
   var renderChipWrapper = function renderChipWrapper(renderChipProps) {
     var onRemove = renderChipProps.onRemove;
@@ -262,8 +267,15 @@ var ChipsSelect = function ChipsSelect(props) {
     }));
   };
 
+  var isPopperDirectionTop = popperPlacement === null || popperPlacement === void 0 ? void 0 : popperPlacement.includes("top");
+  var onPlacementChange = React.useCallback(function (placement) {
+    setPopperPlacement(placement);
+  }, [setPopperPlacement]);
+  var onDropdownMouseLeave = React.useCallback(function () {
+    setFocusedOptionIndex(null);
+  }, [setFocusedOptionIndex]);
   return (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames3.classNames)('ChipsSelect', "ChipsSelect--sizeY-".concat(sizeY)),
+    vkuiClass: (0, _classNames2.classNames)("ChipsSelect", "ChipsSelect--sizeY-".concat(sizeY)),
     ref: rootRef,
     style: style,
     className: className
@@ -278,23 +290,20 @@ var ChipsSelect = function ChipsSelect(props) {
     onFocus: handleFocus,
     onKeyDown: handleKeyDown,
     placeholder: placeholder,
-    vkuiClass: (0, _classNames3.classNames)((_classNames = {}, (0, _defineProperty2.default)(_classNames, 'ChipsSelect__open', opened), (0, _defineProperty2.default)(_classNames, 'ChipsSelect__open--popupDirectionTop', popupDirection === 'top'), _classNames)),
+    vkuiClass: (0, _classNames2.classNames)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "ChipsSelect__open", opened), (0, _defineProperty2.default)(_classNames, "ChipsSelect__open--popupDirectionTop", isPopperDirectionTop), _classNames)),
     getRef: getRef,
     disabled: disabled,
     onInputChange: handleInputChange,
     after: (0, _jsxRuntime.createScopedElement)(_DropdownIcon.DropdownIcon, null)
-  })), opened && (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames3.classNames)('ChipsSelect__options', (0, _defineProperty2.default)({}, 'ChipsSelect__options--popupDirectionTop', popupDirection === 'top')),
-    onMouseLeave: function onMouseLeave() {
-      return setFocusedOptionIndex(null);
-    }
-  }, (0, _jsxRuntime.createScopedElement)(_CustomScrollView.default, {
-    boxRef: scrollBoxRef
-  }, fetching ? (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "ChipsSelect__fetching"
-  }, (0, _jsxRuntime.createScopedElement)(_Spinner.default, {
-    size: "small"
-  })) : (0, _jsxRuntime.createScopedElement)(React.Fragment, null, showCreatable && (0, _jsxRuntime.createScopedElement)(_CustomSelectOption.default, {
+  })), opened && (0, _jsxRuntime.createScopedElement)(_CustomSelectDropdown.CustomSelectDropdown, {
+    targetRef: rootRef,
+    placement: popupDirection,
+    scrollBoxRef: scrollBoxRef,
+    onPlacementChange: onPlacementChange,
+    onMouseLeave: onDropdownMouseLeave,
+    fetching: fetching,
+    vkuiClass: "ChipsSelect__options"
+  }, showCreatable && (0, _jsxRuntime.createScopedElement)(_CustomSelectOption.default, {
     hovered: focusedOptionIndex === 0,
     onMouseDown: addOptionFromInput,
     onMouseEnter: function onMouseEnter() {
@@ -314,7 +323,7 @@ var ChipsSelect = function ChipsSelect(props) {
     return (0, _jsxRuntime.createScopedElement)(React.Fragment, {
       key: "".concat((0, _typeof2.default)(value), "-").concat(value)
     }, renderOption({
-      className: (0, _prefixClass.prefixClass)('ChipsSelect__option'),
+      className: (0, _prefixClass.prefixClass)("ChipsSelect__option"),
       option: option,
       hovered: hovered,
       children: label,
@@ -335,12 +344,12 @@ var ChipsSelect = function ChipsSelect(props) {
         return setFocusedOptionIndex(index);
       }
     }));
-  })))));
+  })));
 };
 
 var chipsSelectDefaultProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _ChipsInput.chipsInputDefaultProps), {}, {
-  emptyText: 'Ничего не найдено',
-  creatableText: 'Создать значение',
+  emptyText: "Ничего не найдено",
+  creatableText: "Создать значение",
   onChangeStart: _utils.noop,
   creatable: false,
   fetching: false,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChipsSelect/ChipsSelect.tsx"],"names":["FOCUS_ACTION_NEXT","FOCUS_ACTION_PREV","ChipsSelect","props","style","onFocus","onKeyDown","className","fetching","renderOption","emptyText","getRef","getRootRef","disabled","placeholder","tabIndex","getOptionValue","getOptionLabel","showSelected","getNewOptionData","renderChip","popupDirection","creatable","filterFn","inputValue","creatableText","sizeY","closeAfterSelect","onChangeStart","after","options","restProps","document","scrollBoxRef","React","useRef","rootRef","fieldValue","selectedOptions","opened","setOpened","addOptionFromInput","filteredOptions","addOption","handleInputChange","clearInput","focusedOption","setFocusedOption","focusedOptionIndex","setFocusedOptionIndex","showCreatable","Boolean","length","handleFocus","e","handleClickOutside","rootNode","current","target","contains","chipsSelectOptions","scrollToElement","index","center","dropdown","item","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","focusOptionByIndex","oldIndex","focusOption","nextIndex","type","handleKeyDown","key","defaultPrevented","preventDefault","option","includes","useEffect","findIndex","value","renderChipWrapper","renderChipProps","onRemove","onRemoveWrapper","stopPropagation","map","label","hovered","selected","find","selectedOption","children","onMouseDown","onMouseEnter","chipsSelectDefaultProps","chipsInputDefaultProps","noop","defaultFilterFn","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { classNames } from '../../lib/classNames';\nimport Spinner from '../Spinner/Spinner';\nimport CustomScrollView from '../CustomScrollView/CustomScrollView';\nimport ChipsInput, { ChipsInputOption, ChipsInputProps, ChipsInputValue, RenderChip, chipsInputDefaultProps } from '../ChipsInput/ChipsInput';\nimport CustomSelectOption, { CustomSelectOptionProps } from '../CustomSelectOption/CustomSelectOption';\nimport { useChipsSelect } from './useChipsSelect';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { noop } from '../../lib/utils';\nimport { useDOM } from '../../lib/dom';\nimport Caption from '../Typography/Caption/Caption';\nimport { prefixClass } from '../../lib/prefixClass';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { defaultFilterFn } from '../../lib/select';\nimport './ChipsSelect.css';\n\nexport interface ChipsSelectProps<Option extends ChipsInputOption> extends ChipsInputProps<Option>, AdaptivityProps {\n  popupDirection?: 'top' | 'bottom';\n  options?: Option[];\n  filterFn?: false | ((value?: string, option?: Option, getOptionLabel?: Pick<ChipsInputProps<ChipsInputOption>, 'getOptionLabel'>['getOptionLabel']) => boolean);\n  /**\n   * Возможность создавать чипы которых нет в списке (по enter или с помощью пункта в меню, см creatableText)\n   */\n  creatable?: boolean;\n  /**\n   * Отрисовка лоадера вместо списка опций в выпадающем списке\n   */\n  fetching?: boolean;\n  renderOption?: (props: CustomSelectOptionProps) => React.ReactNode;\n  /**\n   * Показывать или скрывать уже выбранные опции\n   */\n  showSelected?: boolean;\n  /**\n   * Текст для пункта создающего чипы при клике, так же отвечает за то будет ли показан этот пункт (показывается после того как в списке не отсанется опций)\n   */\n  creatableText?: string;\n  /**\n   * Текст который показывается если список опций пуст\n   */\n  emptyText?: string;\n  /**\n   * Событие срабатывающее перед onChange\n   */\n  onChangeStart?: (e: React.MouseEvent | React.KeyboardEvent, option: Option) => void;\n  /**\n   * Закрытие выпадающиего списка после выбора элемента\n   */\n  closeAfterSelect?: boolean;\n}\n\ntype focusActionType = 'next' | 'prev';\n\nconst FOCUS_ACTION_NEXT: focusActionType = 'next';\nconst FOCUS_ACTION_PREV: focusActionType = 'prev';\n\nconst ChipsSelect = <Option extends ChipsInputOption>(props: ChipsSelectProps<Option>) => {\n  const {\n    style, onFocus, onKeyDown, className, fetching, renderOption, emptyText,\n    getRef, getRootRef, disabled, placeholder, tabIndex, getOptionValue, getOptionLabel, showSelected,\n    getNewOptionData, renderChip, popupDirection, creatable, filterFn, inputValue, creatableText, sizeY,\n    closeAfterSelect, onChangeStart, after, options, ...restProps\n  } = props;\n\n  const { document } = useDOM();\n\n  const scrollBoxRef = React.useRef<HTMLDivElement>(null);\n  const rootRef = useExternRef(getRef);\n  const {\n    fieldValue, selectedOptions, opened, setOpened, addOptionFromInput,\n    filteredOptions, addOption, handleInputChange, clearInput,\n    focusedOption, setFocusedOption, focusedOptionIndex, setFocusedOptionIndex,\n  } = useChipsSelect(props);\n\n  const showCreatable = Boolean(creatable && creatableText && !filteredOptions.length && fieldValue);\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    setOpened(true);\n    setFocusedOptionIndex(0);\n    onFocus(e);\n  };\n\n  const handleClickOutside = (e: MouseEvent) => {\n    const { current: rootNode } = rootRef;\n    if (rootNode && e.target !== rootNode && !rootNode.contains(e.target as Node)) {\n      setOpened(false);\n    }\n  };\n\n  const chipsSelectOptions = React.useRef<HTMLElement[]>([]).current;\n\n  const scrollToElement = (index: number, center = false) => {\n    const dropdown = scrollBoxRef.current;\n    const item = chipsSelectOptions[index];\n\n    if (!item) {\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    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) => {\n    const { length } = filteredOptions;\n\n    if (index < 0) {\n      index = length - 1;\n    } else if (index >= length) {\n      index = 0;\n    }\n\n    if (index === oldIndex) {\n      return;\n    }\n\n    scrollToElement(index);\n    setFocusedOptionIndex(index);\n  };\n\n  const focusOption = (nextIndex: number|null, type: focusActionType) => {\n    let index = typeof nextIndex !== 'number' ? -1 : nextIndex;\n\n    if (type === FOCUS_ACTION_NEXT) {\n      index = index + 1;\n    } else if (type === FOCUS_ACTION_PREV) {\n      index = index - 1;\n    }\n\n    focusOptionByIndex(index, focusedOptionIndex);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown(e);\n\n    if (e.key === 'ArrowUp' && !e.defaultPrevented) {\n      e.preventDefault();\n\n      if (!opened) {\n        setOpened(true);\n        setFocusedOptionIndex(0);\n      } else {\n        focusOption(focusedOptionIndex, FOCUS_ACTION_PREV);\n      }\n    }\n\n    if (e.key === 'ArrowDown' && !e.defaultPrevented) {\n      e.preventDefault();\n\n      if (!opened) {\n        setOpened(true);\n        setFocusedOptionIndex(0);\n      } else {\n        focusOption(focusedOptionIndex, FOCUS_ACTION_NEXT);\n      }\n    }\n\n    if (e.key === 'Enter' && !e.defaultPrevented && opened) {\n      const option = filteredOptions[focusedOptionIndex];\n\n      if (option) {\n        onChangeStart(e, option);\n\n        if (!e.defaultPrevented) {\n          addOption(option);\n          setFocusedOptionIndex(null);\n          clearInput();\n          closeAfterSelect && setOpened(false);\n          e.preventDefault();\n        }\n      } else if (!creatable) {\n        e.preventDefault();\n      }\n    }\n\n    if (['Escape', 'Tab'].includes(e.key) && !e.defaultPrevented && opened) {\n      setOpened(false);\n    }\n  };\n\n  React.useEffect(() => {\n    if (filteredOptions[focusedOptionIndex]) {\n      setFocusedOption(filteredOptions[focusedOptionIndex]);\n    } else if (focusedOptionIndex === null || focusedOptionIndex === 0) {\n      setFocusedOption(null);\n    }\n  }, [focusedOptionIndex, filteredOptions]);\n\n  React.useEffect(() => {\n    const index = focusedOption ? filteredOptions.findIndex(({ value }) => value === focusedOption.value) : -1;\n\n    if (index === -1 && !!filteredOptions.length && !showCreatable && closeAfterSelect) {\n      setFocusedOption(filteredOptions[0]);\n    }\n  }, [filteredOptions, focusedOption, showCreatable, closeAfterSelect]);\n\n  useGlobalEventListener(document, 'click', handleClickOutside);\n\n  const renderChipWrapper = (renderChipProps: RenderChip<Option>) => {\n    const { onRemove } = renderChipProps;\n\n    const onRemoveWrapper = (e: React.MouseEvent, value: ChipsInputValue) => {\n      e.preventDefault();\n      e.stopPropagation();\n\n      onRemove(e, value);\n    };\n\n    return renderChip({ ...renderChipProps, onRemove: onRemoveWrapper });\n  };\n\n  return (\n    <div\n      vkuiClass={classNames('ChipsSelect', `ChipsSelect--sizeY-${sizeY}`)}\n      ref={rootRef}\n      style={style}\n      className={className}\n    >\n      <ChipsInput\n        {...restProps}\n        tabIndex={tabIndex}\n        value={selectedOptions}\n        inputValue={fieldValue}\n        getNewOptionData={getNewOptionData}\n        getOptionLabel={getOptionLabel}\n        getOptionValue={getOptionValue}\n        renderChip={renderChipWrapper}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        vkuiClass={classNames({\n          ['ChipsSelect__open']: opened,\n          ['ChipsSelect__open--popupDirectionTop']: popupDirection === 'top',\n        })}\n        getRef={getRef}\n        disabled={disabled}\n        onInputChange={handleInputChange}\n        after={<DropdownIcon />}\n      />\n      {opened &&\n        <div\n          vkuiClass={classNames('ChipsSelect__options', {\n            ['ChipsSelect__options--popupDirectionTop']: popupDirection === 'top',\n          })}\n          onMouseLeave={() => setFocusedOptionIndex(null)}\n        >\n          <CustomScrollView boxRef={scrollBoxRef}>\n            {fetching ? (\n              <div vkuiClass=\"ChipsSelect__fetching\">\n                <Spinner size=\"small\" />\n              </div>\n            ) : (\n              <React.Fragment>\n                {showCreatable && (\n                  <CustomSelectOption\n                    hovered={focusedOptionIndex === 0}\n                    onMouseDown={addOptionFromInput}\n                    onMouseEnter={() => setFocusedOptionIndex(0)}\n                  >\n                    {creatableText}\n                  </CustomSelectOption>\n                )}\n                {!filteredOptions?.length && !showCreatable && emptyText ? (\n                  <Caption level=\"1\" weight=\"regular\" vkuiClass=\"ChipsSelect__empty\">{emptyText}</Caption>\n                ) :\n                  filteredOptions.map((option: Option, index: number) => {\n                    const label = getOptionLabel(option);\n                    const hovered = focusedOption && getOptionValue(option) === getOptionValue(focusedOption);\n                    const selected = selectedOptions.find((selectedOption: Option) => {\n                      return getOptionValue(selectedOption) === getOptionValue(option);\n                    });\n                    const value = getOptionValue(option);\n\n                    return (\n                      <React.Fragment key={`${typeof value}-${value}`}>\n                        {renderOption({\n                          className: prefixClass('ChipsSelect__option'),\n                          option,\n                          hovered,\n                          children: label,\n                          selected: !!selected,\n                          getRootRef: (e) => chipsSelectOptions[index] = e,\n                          onMouseDown: (e: React.MouseEvent<HTMLDivElement>) => {\n                            onChangeStart(e, option);\n\n                            if (!e.defaultPrevented) {\n                              closeAfterSelect && setOpened(false);\n                              addOption(option);\n                              clearInput();\n                            }\n                          },\n                          onMouseEnter: () => setFocusedOptionIndex(index),\n                        })}\n                      </React.Fragment>\n                    );\n                  })\n                }\n              </React.Fragment>\n            )}\n          </CustomScrollView>\n        </div>\n      }\n    </div>\n  );\n};\n\nconst chipsSelectDefaultProps: ChipsSelectProps<any> = {\n  ...chipsInputDefaultProps,\n  emptyText: 'Ничего не найдено',\n  creatableText: 'Создать значение',\n  onChangeStart: noop,\n  creatable: false,\n  fetching: false,\n  showSelected: true,\n  closeAfterSelect: true,\n  options: [],\n  filterFn: defaultFilterFn,\n  renderOption({ option, ...restProps }: CustomSelectOptionProps): React.ReactNode {\n    return (\n      <CustomSelectOption {...restProps} />\n    );\n  },\n};\n\nChipsSelect.defaultProps = chipsSelectDefaultProps;\n\nexport default withAdaptivity(ChipsSelect, { sizeY: true });\n"],"file":"ChipsSelect.js"}
+{"version":3,"sources":["../../../../src/components/ChipsSelect/ChipsSelect.tsx"],"names":["FOCUS_ACTION_NEXT","FOCUS_ACTION_PREV","ChipsSelect","props","style","onFocus","onKeyDown","className","fetching","renderOption","emptyText","getRef","getRootRef","disabled","placeholder","tabIndex","getOptionValue","getOptionLabel","showSelected","getNewOptionData","renderChip","popupDirection","creatable","filterFn","inputValue","creatableText","sizeY","closeAfterSelect","onChangeStart","after","options","restProps","document","React","useState","undefined","popperPlacement","setPopperPlacement","scrollBoxRef","useRef","rootRef","fieldValue","selectedOptions","opened","setOpened","addOptionFromInput","filteredOptions","addOption","handleInputChange","clearInput","focusedOption","setFocusedOption","focusedOptionIndex","setFocusedOptionIndex","showCreatable","Boolean","length","handleFocus","e","handleClickOutside","rootNode","current","target","contains","chipsSelectOptions","scrollToElement","index","center","dropdown","item","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","focusOptionByIndex","oldIndex","focusOption","nextIndex","type","handleKeyDown","key","defaultPrevented","preventDefault","option","includes","useEffect","findIndex","value","renderChipWrapper","renderChipProps","onRemove","onRemoveWrapper","stopPropagation","isPopperDirectionTop","onPlacementChange","useCallback","placement","onDropdownMouseLeave","map","label","hovered","selected","find","selectedOption","children","onMouseDown","onMouseEnter","chipsSelectDefaultProps","chipsInputDefaultProps","noop","defaultFilterFn","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { classNames } from \"../../lib/classNames\";\nimport ChipsInput, {\n  ChipsInputOption,\n  ChipsInputProps,\n  ChipsInputValue,\n  RenderChip,\n  chipsInputDefaultProps,\n} from \"../ChipsInput/ChipsInput\";\nimport CustomSelectOption, {\n  CustomSelectOptionProps,\n} from \"../CustomSelectOption/CustomSelectOption\";\nimport { useChipsSelect } from \"./useChipsSelect\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { noop } from \"../../lib/utils\";\nimport { useDOM } from \"../../lib/dom\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { defaultFilterFn } from \"../../lib/select\";\nimport { Placement } from \"../Popper/Popper\";\nimport { CustomSelectDropdown } from \"../CustomSelectDropdown/CustomSelectDropdown\";\nimport \"./ChipsSelect.css\";\n\nexport interface ChipsSelectProps<Option extends ChipsInputOption>\n  extends ChipsInputProps<Option>,\n    AdaptivityProps {\n  popupDirection?: \"top\" | \"bottom\";\n  options?: Option[];\n  filterFn?:\n    | false\n    | ((\n        value?: string,\n        option?: Option,\n        getOptionLabel?: Pick<\n          ChipsInputProps<ChipsInputOption>,\n          \"getOptionLabel\"\n        >[\"getOptionLabel\"]\n      ) => boolean);\n  /**\n   * Возможность создавать чипы которых нет в списке (по enter или с помощью пункта в меню, см creatableText)\n   */\n  creatable?: boolean;\n  /**\n   * Отрисовка лоадера вместо списка опций в выпадающем списке\n   */\n  fetching?: boolean;\n  renderOption?: (props: CustomSelectOptionProps) => React.ReactNode;\n  /**\n   * Показывать или скрывать уже выбранные опции\n   */\n  showSelected?: boolean;\n  /**\n   * Текст для пункта создающего чипы при клике, так же отвечает за то будет ли показан этот пункт (показывается после того как в списке не отсанется опций)\n   */\n  creatableText?: string;\n  /**\n   * Текст который показывается если список опций пуст\n   */\n  emptyText?: string;\n  /**\n   * Событие срабатывающее перед onChange\n   */\n  onChangeStart?: (\n    e: React.MouseEvent | React.KeyboardEvent,\n    option: Option\n  ) => void;\n  /**\n   * Закрытие выпадающиего списка после выбора элемента\n   */\n  closeAfterSelect?: boolean;\n}\n\ntype focusActionType = \"next\" | \"prev\";\n\nconst FOCUS_ACTION_NEXT: focusActionType = \"next\";\nconst FOCUS_ACTION_PREV: focusActionType = \"prev\";\n\nconst ChipsSelect = <Option extends ChipsInputOption>(\n  props: ChipsSelectProps<Option>\n) => {\n  const {\n    style,\n    onFocus,\n    onKeyDown,\n    className,\n    fetching,\n    renderOption,\n    emptyText,\n    getRef,\n    getRootRef,\n    disabled,\n    placeholder,\n    tabIndex,\n    getOptionValue,\n    getOptionLabel,\n    showSelected,\n    getNewOptionData,\n    renderChip,\n    popupDirection,\n    creatable,\n    filterFn,\n    inputValue,\n    creatableText,\n    sizeY,\n    closeAfterSelect,\n    onChangeStart,\n    after,\n    options,\n    ...restProps\n  } = props;\n\n  const { document } = useDOM();\n\n  const [popperPlacement, setPopperPlacement] =\n    React.useState<Placement>(undefined);\n\n  const scrollBoxRef = React.useRef<HTMLDivElement>(null);\n  const rootRef = useExternRef(getRef);\n  const {\n    fieldValue,\n    selectedOptions,\n    opened,\n    setOpened,\n    addOptionFromInput,\n    filteredOptions,\n    addOption,\n    handleInputChange,\n    clearInput,\n    focusedOption,\n    setFocusedOption,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n  } = useChipsSelect(props);\n\n  const showCreatable = Boolean(\n    creatable && creatableText && !filteredOptions.length && fieldValue\n  );\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    setOpened(true);\n    setFocusedOptionIndex(0);\n    onFocus(e);\n  };\n\n  const handleClickOutside = (e: MouseEvent) => {\n    const { current: rootNode } = rootRef;\n    if (\n      rootNode &&\n      e.target !== rootNode &&\n      !rootNode.contains(e.target as Node)\n    ) {\n      setOpened(false);\n    }\n  };\n\n  const chipsSelectOptions = React.useRef<HTMLElement[]>([]).current;\n\n  const scrollToElement = (index: number, center = false) => {\n    const dropdown = scrollBoxRef.current;\n    const item = chipsSelectOptions[index];\n\n    if (!item) {\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    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) => {\n    const { length } = filteredOptions;\n\n    if (index < 0) {\n      index = length - 1;\n    } else if (index >= length) {\n      index = 0;\n    }\n\n    if (index === oldIndex) {\n      return;\n    }\n\n    scrollToElement(index);\n    setFocusedOptionIndex(index);\n  };\n\n  const focusOption = (nextIndex: number | null, type: focusActionType) => {\n    let index = typeof nextIndex !== \"number\" ? -1 : nextIndex;\n\n    if (type === FOCUS_ACTION_NEXT) {\n      index = index + 1;\n    } else if (type === FOCUS_ACTION_PREV) {\n      index = index - 1;\n    }\n\n    focusOptionByIndex(index, focusedOptionIndex);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown(e);\n\n    if (e.key === \"ArrowUp\" && !e.defaultPrevented) {\n      e.preventDefault();\n\n      if (!opened) {\n        setOpened(true);\n        setFocusedOptionIndex(0);\n      } else {\n        focusOption(focusedOptionIndex, FOCUS_ACTION_PREV);\n      }\n    }\n\n    if (e.key === \"ArrowDown\" && !e.defaultPrevented) {\n      e.preventDefault();\n\n      if (!opened) {\n        setOpened(true);\n        setFocusedOptionIndex(0);\n      } else {\n        focusOption(focusedOptionIndex, FOCUS_ACTION_NEXT);\n      }\n    }\n\n    if (e.key === \"Enter\" && !e.defaultPrevented && opened) {\n      const option = filteredOptions[focusedOptionIndex];\n\n      if (option) {\n        onChangeStart(e, option);\n\n        if (!e.defaultPrevented) {\n          addOption(option);\n          setFocusedOptionIndex(null);\n          clearInput();\n          closeAfterSelect && setOpened(false);\n          e.preventDefault();\n        }\n      } else if (!creatable) {\n        e.preventDefault();\n      }\n    }\n\n    if ([\"Escape\", \"Tab\"].includes(e.key) && !e.defaultPrevented && opened) {\n      setOpened(false);\n    }\n  };\n\n  React.useEffect(() => {\n    if (filteredOptions[focusedOptionIndex]) {\n      setFocusedOption(filteredOptions[focusedOptionIndex]);\n    } else if (focusedOptionIndex === null || focusedOptionIndex === 0) {\n      setFocusedOption(null);\n    }\n  }, [focusedOptionIndex, filteredOptions]);\n\n  React.useEffect(() => {\n    const index = focusedOption\n      ? filteredOptions.findIndex(({ value }) => value === focusedOption.value)\n      : -1;\n\n    if (\n      index === -1 &&\n      !!filteredOptions.length &&\n      !showCreatable &&\n      closeAfterSelect\n    ) {\n      setFocusedOption(filteredOptions[0]);\n    }\n  }, [filteredOptions, focusedOption, showCreatable, closeAfterSelect]);\n\n  useGlobalEventListener(document, \"click\", handleClickOutside);\n\n  const renderChipWrapper = (renderChipProps: RenderChip<Option>) => {\n    const { onRemove } = renderChipProps;\n\n    const onRemoveWrapper = (e: React.MouseEvent, value: ChipsInputValue) => {\n      e.preventDefault();\n      e.stopPropagation();\n\n      onRemove(e, value);\n    };\n\n    return renderChip({ ...renderChipProps, onRemove: onRemoveWrapper });\n  };\n\n  const isPopperDirectionTop = popperPlacement?.includes(\"top\");\n\n  const onPlacementChange = React.useCallback(\n    (placement?: Placement) => {\n      setPopperPlacement(placement);\n    },\n    [setPopperPlacement]\n  );\n\n  const onDropdownMouseLeave = React.useCallback(() => {\n    setFocusedOptionIndex(null);\n  }, [setFocusedOptionIndex]);\n\n  return (\n    <div\n      vkuiClass={classNames(\"ChipsSelect\", `ChipsSelect--sizeY-${sizeY}`)}\n      ref={rootRef}\n      style={style}\n      className={className}\n    >\n      <ChipsInput\n        {...restProps}\n        tabIndex={tabIndex}\n        value={selectedOptions}\n        inputValue={fieldValue}\n        getNewOptionData={getNewOptionData}\n        getOptionLabel={getOptionLabel}\n        getOptionValue={getOptionValue}\n        renderChip={renderChipWrapper}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        vkuiClass={classNames({\n          [\"ChipsSelect__open\"]: opened,\n          [\"ChipsSelect__open--popupDirectionTop\"]: isPopperDirectionTop,\n        })}\n        getRef={getRef}\n        disabled={disabled}\n        onInputChange={handleInputChange}\n        after={<DropdownIcon />}\n      />\n      {opened && (\n        <CustomSelectDropdown\n          targetRef={rootRef}\n          placement={popupDirection}\n          scrollBoxRef={scrollBoxRef}\n          onPlacementChange={onPlacementChange}\n          onMouseLeave={onDropdownMouseLeave}\n          fetching={fetching}\n          vkuiClass=\"ChipsSelect__options\"\n        >\n          {showCreatable && (\n            <CustomSelectOption\n              hovered={focusedOptionIndex === 0}\n              onMouseDown={addOptionFromInput}\n              onMouseEnter={() => setFocusedOptionIndex(0)}\n            >\n              {creatableText}\n            </CustomSelectOption>\n          )}\n          {!filteredOptions?.length && !showCreatable && emptyText ? (\n            <Caption level=\"1\" weight=\"regular\" vkuiClass=\"ChipsSelect__empty\">\n              {emptyText}\n            </Caption>\n          ) : (\n            filteredOptions.map((option: Option, index: number) => {\n              const label = getOptionLabel(option);\n              const hovered =\n                focusedOption &&\n                getOptionValue(option) === getOptionValue(focusedOption);\n              const selected = selectedOptions.find(\n                (selectedOption: Option) => {\n                  return (\n                    getOptionValue(selectedOption) === getOptionValue(option)\n                  );\n                }\n              );\n              const value = getOptionValue(option);\n\n              return (\n                <React.Fragment key={`${typeof value}-${value}`}>\n                  {renderOption({\n                    className: prefixClass(\"ChipsSelect__option\"),\n                    option,\n                    hovered,\n                    children: label,\n                    selected: !!selected,\n                    getRootRef: (e) => (chipsSelectOptions[index] = e),\n                    onMouseDown: (e: React.MouseEvent<HTMLDivElement>) => {\n                      onChangeStart(e, option);\n\n                      if (!e.defaultPrevented) {\n                        closeAfterSelect && setOpened(false);\n                        addOption(option);\n                        clearInput();\n                      }\n                    },\n                    onMouseEnter: () => setFocusedOptionIndex(index),\n                  })}\n                </React.Fragment>\n              );\n            })\n          )}\n        </CustomSelectDropdown>\n      )}\n    </div>\n  );\n};\n\nconst chipsSelectDefaultProps: ChipsSelectProps<any> = {\n  ...chipsInputDefaultProps,\n  emptyText: \"Ничего не найдено\",\n  creatableText: \"Создать значение\",\n  onChangeStart: noop,\n  creatable: false,\n  fetching: false,\n  showSelected: true,\n  closeAfterSelect: true,\n  options: [],\n  filterFn: defaultFilterFn,\n  renderOption({\n    option,\n    ...restProps\n  }: CustomSelectOptionProps): React.ReactNode {\n    return <CustomSelectOption {...restProps} />;\n  },\n};\n\nChipsSelect.defaultProps = chipsSelectDefaultProps;\n\nexport default withAdaptivity(ChipsSelect, { sizeY: true });\n"],"file":"ChipsSelect.js"}

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { ChipsInputOption } from '../ChipsInput/ChipsInput';
-import { ChipsSelectProps } from './ChipsSelect';
+import * as React from "react";
+import { ChipsInputOption } from "../ChipsInput/ChipsInput";
+import { ChipsSelectProps } from "./ChipsSelect";
 export declare const useChipsSelect: <Option extends ChipsInputOption>(props: Partial<ChipsSelectProps<Option>>) => {
     fieldValue: string;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChipsSelect/useChipsSelect.ts"],"names":["useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","showSelected","React","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { ChipsInputOption } from '../ChipsInput/ChipsInput';\nimport { useChipsInput } from '../ChipsInput/useChipsInput';\nimport { ChipsSelectProps } from './ChipsSelect';\n\nexport const useChipsSelect = <Option extends ChipsInputOption>(props: Partial<ChipsSelectProps<Option>>) => {\n  const { options, filterFn, getOptionLabel, getOptionValue, showSelected } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number>(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } = useChipsInput(props);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn ? options.filter((option: Option) => filterFn(fieldValue, option, getOptionLabel)) : options;\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [showSelected, filteredOptions, selectedOptions]);\n\n  return {\n    ...chipsInputState, fieldValue, handleInputChange, opened, setOpened, filteredOptions,\n    focusedOptionIndex, setFocusedOptionIndex, focusedOption, setFocusedOption, selectedOptions,\n  };\n};\n"],"file":"useChipsSelect.js"}
+{"version":3,"sources":["../../../../src/components/ChipsSelect/useChipsSelect.ts"],"names":["useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","showSelected","React","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { ChipsInputOption } from \"../ChipsInput/ChipsInput\";\nimport { useChipsInput } from \"../ChipsInput/useChipsInput\";\nimport { ChipsSelectProps } from \"./ChipsSelect\";\n\nexport const useChipsSelect = <Option extends ChipsInputOption>(\n  props: Partial<ChipsSelectProps<Option>>\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue, showSelected } =\n    props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number>(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } =\n    useChipsInput(props);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options.filter((option: Option) =>\n          filterFn(fieldValue, option, getOptionLabel)\n        )\n      : options;\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [showSelected, filteredOptions, selectedOptions]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"file":"useChipsSelect.js"}

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

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { PopperCommonProps } from "../Popper/Popper";
+export interface ClickPopperProps extends PopperCommonProps {
+    /**
+     * Содержимое `ClickPopper`
+     */
+    content?: React.ReactNode;
+    /**
+     * Если передан, то тултип будет показыван/скрыт в зависимости от значения свойства
+     */
+    shown?: boolean;
+    /**
+     * Вызывается при каждом изменении видимости тултипа
+     */
+    onShownChange?: (shown: boolean) => void;
+    /**
+     * Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элемнету компонента
+     */
+    children?: React.ReactElement;
+}
+export declare const ClickPopper: React.FC<ClickPopperProps>;