@vkontakte/vkui 5.8.2 → 5.9.1

package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.d.ts

@@ -8,3 +8,4 @@ export interface CellCheckboxProps extends Pick<CellProps, 'defaultChecked' | 'c
     type?: 'auto' | 'circle' | 'square';
 }
 export declare const CellCheckbox: ({ getRootRef, getRef, className, style, type, ...restProps }: CellCheckboxProps) => React.JSX.Element;
+//# sourceMappingURL=CellCheckbox.d.ts.map

package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellCheckbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/CellCheckbox/CellCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGpD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAyBpC,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,gBAAgB,GAAG,SAAS,CAAC,EACnD,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,CAAC,eAAe,CAAC,EAC3B,MAAM,CAAC,gBAAgB,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,iEAOtB,iBAAiB,sBA6BnB,CAAC"}

package/dist/cjs/components/Cell/CellDragger/CellDragger.d.ts

@@ -4,3 +4,4 @@ import { DraggableProps } from '../useDraggable';
 type CellDraggerProps = DraggableProps & Omit<HTMLAttributesWithRootRef<HTMLElement>, keyof DraggableProps>;
 export declare const CellDragger: ({ onDragStart, onDragMove, onDragEnd, onClick, className, ...restProps }: CellDraggerProps) => React.JSX.Element;
 export {};
+//# sourceMappingURL=CellDragger.d.ts.map

package/dist/cjs/components/Cell/CellDragger/CellDragger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellDragger.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/CellDragger/CellDragger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGjD,KAAK,gBAAgB,GAAG,cAAc,GACpC,IAAI,CAAC,yBAAyB,CAAC,WAAW,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC;AAErE,eAAO,MAAM,WAAW,6EAOrB,gBAAgB,sBAsBlB,CAAC"}

package/dist/cjs/components/Cell/useDraggable.d.ts

@@ -13,3 +13,4 @@ export declare const useDraggable: <T extends HTMLElement>({ rootElRef, onDragFi
     rootElRef: React.MutableRefObject<T | null>;
 }) => UseDraggableProps;
 export {};
+//# sourceMappingURL=useDraggable.d.ts.map

package/dist/cjs/components/Cell/useDraggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggable.d.ts","sourceRoot":"","sources":["../../../../src/components/Cell/useDraggable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACrC,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACnC,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CACrC;AAED,UAAU,iBAAkB,SAAQ,cAAc;IAChD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,YAAY;;uBAiHxB,CAAC"}

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

@@ -8,3 +8,4 @@ export interface CellButtonProps extends SimpleCellProps {
  * @see https://vkcom.github.io/VKUI/#/CellButton
  */
 export declare const CellButton: ({ centered, mode, className, ...restProps }: CellButtonProps) => React.JSX.Element;
+//# sourceMappingURL=CellButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CellButton/CellButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGvE,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,gDAKpB,eAAe,sBAajB,CAAC"}

package/dist/cjs/components/CellButton/CellButton.js

@@ -24,7 +24,7 @@ var CellButton = function(_param) {
     return /*#__PURE__*/ _react.createElement(_SimpleCell.SimpleCell, _object_spread_props._(_object_spread._({
         stopPropagation: true
     }, restProps), {
-        className: (0, _vkjs.classNames)("vkuiCellButton", "vkuiInternalCellButton", mode === "danger" && (0, _vkjs.classNames)("vkuiCellButton--mode-danger", "vkuiInternalCellButton--mode-danger"), centered && "vkuiCellButton--centered", className)
+        className: (0, _vkjs.classNames)("vkuiCellButton", mode === "danger" && "vkuiCellButton--mode-danger", centered && "vkuiCellButton--centered", className)
     }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CellButton/CellButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { SimpleCell, SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport styles from './CellButton.module.css';\n\nexport interface CellButtonProps extends SimpleCellProps {\n  mode?: 'primary' | 'danger';\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CellButton\n */\nexport const CellButton = ({\n  centered = false,\n  mode = 'primary',\n  className,\n  ...restProps\n}: CellButtonProps) => {\n  return (\n    <SimpleCell\n      stopPropagation={true}\n      {...restProps}\n      className={classNames(\n        styles['CellButton'],\n        'vkuiInternalCellButton',\n        mode === 'danger' &&\n          classNames(styles['CellButton--mode-danger'], 'vkuiInternalCellButton--mode-danger'),\n        centered && styles['CellButton--centered'],\n        className,\n      )}\n    />\n  );\n};\n"],"names":["CellButton","centered","mode","className","restProps","SimpleCell","stopPropagation","classNames"],"mappings":";;;;+BAaaA;;;eAAAA;;;;;;;+DAbU;oBACI;0BACiB;AAWrC,IAAMA,aAAa;iCACxBC,UAAAA,wCAAW,8CACXC,MAAAA,gCAAO,yBACPC,mBAAAA,WACGC;QAHHH;QACAC;QACAC;;IAGA,qBACE,qBAACE,sBAAU;QACTC,iBAAiB;OACbF;QACJD,WAAWI,IAAAA,gBAAU,oBAEnB,0BACAL,SAAS,YACPK,IAAAA,gBAAU,iCAAoC,wCAChDN,wCACAE;;AAIR"}
+{"version":3,"sources":["../../../../src/components/CellButton/CellButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { SimpleCell, SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport styles from './CellButton.module.css';\n\nexport interface CellButtonProps extends SimpleCellProps {\n  mode?: 'primary' | 'danger';\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CellButton\n */\nexport const CellButton = ({\n  centered = false,\n  mode = 'primary',\n  className,\n  ...restProps\n}: CellButtonProps) => {\n  return (\n    <SimpleCell\n      stopPropagation={true}\n      {...restProps}\n      className={classNames(\n        styles['CellButton'],\n        mode === 'danger' && styles['CellButton--mode-danger'],\n        centered && styles['CellButton--centered'],\n        className,\n      )}\n    />\n  );\n};\n"],"names":["CellButton","centered","mode","className","restProps","SimpleCell","stopPropagation","classNames"],"mappings":";;;;+BAaaA;;;eAAAA;;;;;;;+DAbU;oBACI;0BACiB;AAWrC,IAAMA,aAAa;iCACxBC,UAAAA,wCAAW,8CACXC,MAAAA,gCAAO,yBACPC,mBAAAA,WACGC;QAHHH;QACAC;QACAC;;IAGA,qBACE,qBAACE,sBAAU;QACTC,iBAAiB;OACbF;QACJD,WAAWI,IAAAA,gBAAU,oBAEnBL,SAAS,2CACTD,wCACAE;;AAIR"}

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

@@ -11,3 +11,4 @@ export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElemen
  * @see https://vkcom.github.io/VKUI/#/Checkbox
  */
 export declare const Checkbox: ({ children, className, style, getRootRef, getRef, description, indeterminate, defaultIndeterminate, hoverMode, activeMode, hasHover, hasActive, focusVisibleMode, onChange, titleAfter, ...restProps }: CheckboxProps) => React.JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAiC,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAWzF,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,UAAU,CAAC,gBAAgB,CAAC,EAC5B,MAAM,CAAC,gBAAgB,CAAC,EACxB,IAAI,CACF,aAAa,EACb,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,kBAAkB,CAC3E;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAID;;GAEG;AACH,eAAO,MAAM,QAAQ,2MAiBlB,aAAa,sBAwIf,CAAC"}

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

@@ -24,3 +24,4 @@ export interface RenderChip<T extends ChipOption> extends ChipProps {
  * @see https://vkcom.github.io/VKUI/#/Chip
  */
 export declare const Chip: ({ value, option, removable, onRemove, removeAriaLabel, before, after, children, ...restProps }: ChipProps) => React.JSX.Element;
+//# sourceMappingURL=Chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAUxD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAExC,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,SAAS,EAAE,MAAM,GAAG,GAAG,CAAC;CAC1B;AAED,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC1E,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,UAAU,CAAE,SAAQ,SAAS;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,mGAUd,SAAS,sBA2CX,CAAC"}

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

@@ -8,3 +8,4 @@ export interface ChipsInputProps<Option extends ChipOption> extends ChipsInputBa
  * @see https://vkcom.github.io/VKUI/#/ChipsInput
  */
 export declare const ChipsInput: <Option extends ChipOption>({ style, className, getRootRef, before, after, status, mode, ...restProps }: ChipsInputProps<Option>) => React.JSX.Element;
+//# sourceMappingURL=ChipsInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipsInput.d.ts","sourceRoot":"","sources":["../../../../src/components/ChipsInput/ChipsInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvF,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGnE,MAAM,WAAW,eAAe,CAAC,MAAM,SAAS,UAAU,CACxD,SAAQ,mBAAmB,CAAC,MAAM,CAAC,EACjC,cAAc;CAAG;AAErB;;GAEG;AACH,eAAO,MAAM,UAAU,wJA2BtB,CAAC"}

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

@@ -18,3 +18,4 @@ export interface ChipsInputBaseProps<Option extends ChipOption> extends Omit<Rea
 }
 export declare const chipsInputDefaultProps: ChipsInputBaseProps<any>;
 export declare const ChipsInputBase: <Option extends ChipOption>(props: ChipsInputBaseProps<Option>) => React.JSX.Element;
+//# sourceMappingURL=ChipsInputBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipsInputBase.d.ts","sourceRoot":"","sources":["../../../../src/components/ChipsInputBase/ChipsInputBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAQ,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAIvE,MAAM,WAAW,mBAAmB,CAAC,MAAM,SAAS,UAAU,CAC5D,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,EAC7E,MAAM,CAAC,gBAAgB,CAAC,EACxB,UAAU,CAAC,cAAc,CAAC,EAC1B,QAAQ;IACV,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,SAAS,CAAC;IAC3C,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACzD,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,EAAE,mBAAmB,CAAC,GAAG,CA4B3D,CAAC;AAEF,eAAO,MAAM,cAAc,sFA2I1B,CAAC"}

package/dist/cjs/components/ChipsInputBase/ChipsInputBase.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    chipsInputDefaultProps: function() {
-        return chipsInputDefaultProps;
-    },
     ChipsInputBase: function() {
         return ChipsInputBase;
+    },
+    chipsInputDefaultProps: function() {
+        return chipsInputDefaultProps;
     }
 });
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
@@ -131,12 +131,11 @@ var ChipsInputBase = function(props) {
         }
     };
     var handleClick = function(e) {
-        var _inputRef;
         if (isDisabled) {
             e.preventDefault();
             return;
         }
-        if (((_inputRef = inputRef) === null || _inputRef === void 0 ? void 0 : _inputRef.current) !== null && !focused) {
+        if ((inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) !== null && !focused) {
             inputRef.current.focus();
         }
     };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChipsInputBase/ChipsInputBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useChipsInput } from '../../hooks/useChipsInput';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { SizeType } from '../../lib/adaptivity';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { Chip, ChipOption, ChipValue, RenderChip } from '../Chip/Chip';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './ChipsInputBase.module.css';\n\nexport interface ChipsInputBaseProps<Option extends ChipOption>\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign {\n  value: Option[];\n  inputValue?: string;\n  onChange?: (o: Option[]) => void;\n  onInputChange?: (e?: React.ChangeEvent<HTMLInputElement>) => void;\n  getOptionValue?: (o?: Option) => ChipValue;\n  getOptionLabel?: (o?: Option) => string;\n  getNewOptionData?: (v?: ChipValue, l?: string) => Option;\n  renderChip?: (props?: RenderChip<Option>) => React.ReactNode;\n  inputAriaLabel?: string;\n  /**\n   * Добавляет значение в список на событие `onBlur`\n   */\n  addOnBlur?: boolean;\n}\n\nexport const chipsInputDefaultProps: ChipsInputBaseProps<any> = {\n  onChange: noop,\n  onInputChange: noop,\n  onKeyDown: noop,\n  onBlur: noop,\n  onFocus: noop,\n  value: [],\n  inputValue: '',\n  inputAriaLabel: 'Введите ваше значение...',\n  getOptionValue: (option) => option.value,\n  getOptionLabel: (option) => option.label,\n  getNewOptionData: (_, label) => ({\n    value: label,\n    label,\n  }),\n  renderChip(props) {\n    if (!props) {\n      return null;\n    }\n\n    const { disabled, value, label, ...rest } = props;\n    return (\n      <Chip value={value} removable={!disabled} {...rest}>\n        {label}\n      </Chip>\n    );\n  },\n  addOnBlur: false,\n};\n\nexport const ChipsInputBase = <Option extends ChipOption>(props: ChipsInputBaseProps<Option>) => {\n  const propsWithDefault = { ...chipsInputDefaultProps, ...props };\n  const {\n    style,\n    className,\n    getRootRef,\n    value,\n    onChange,\n    onInputChange,\n    onKeyDown,\n    onBlur,\n    onFocus,\n    children,\n    inputValue,\n    getRef,\n    placeholder,\n    getOptionValue,\n    getOptionLabel,\n    getNewOptionData,\n    renderChip,\n    inputAriaLabel,\n    addOnBlur,\n    ...restProps\n  } = propsWithDefault;\n  const { sizeY } = useAdaptivity();\n\n  const [focused, setFocused] = React.useState(false);\n  const { fieldValue, addOptionFromInput, removeOption, selectedOptions, handleInputChange } =\n    useChipsInput(propsWithDefault);\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    if (addOnBlur && !e.defaultPrevented) {\n      addOptionFromInput();\n    }\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 | undefined, value: ChipValue | undefined) => {\n    if (value !== undefined) {\n      removeOption(value);\n    }\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    <div\n      onClick={handleClick}\n      role=\"presentation\"\n      style={style}\n      className={classNames(\n        styles['ChipsInputBase'],\n        sizeY === SizeType.COMPACT && styles['ChipsInputBase--sizeY-compact'],\n        !selectedOptions.length && styles['ChipsInputBase--hasPlaceholder'],\n        className,\n      )}\n      ref={getRootRef}\n    >\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: Boolean(restProps.disabled),\n              className: styles['ChipsInputBase__chip'],\n            })}\n          </React.Fragment>\n        );\n      })}\n      <label className={styles['ChipsInputBase__label']} aria-label={inputAriaLabel}>\n        <Text\n          Component=\"input\"\n          type=\"text\"\n          autoCapitalize=\"none\"\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          spellCheck={false}\n          aria-autocomplete=\"list\"\n          className={styles['ChipsInputBase__el']}\n          {...restProps}\n          getRootRef={inputRef}\n          value={fieldValue}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          placeholder={selectedOptions.length ? undefined : placeholder}\n        />\n      </label>\n    </div>\n  );\n};\n"],"names":["chipsInputDefaultProps","ChipsInputBase","onChange","noop","onInputChange","onKeyDown","onBlur","onFocus","value","inputValue","inputAriaLabel","getOptionValue","option","getOptionLabel","label","getNewOptionData","_","renderChip","props","disabled","rest","Chip","removable","addOnBlur","propsWithDefault","style","className","getRootRef","children","getRef","placeholder","restProps","sizeY","useAdaptivity","React","useState","focused","setFocused","useChipsInput","fieldValue","addOptionFromInput","removeOption","selectedOptions","handleInputChange","inputRef","useExternRef","isDisabled","readOnly","handleKeyDown","e","preventDefault","key","defaultPrevented","length","handleBlur","handleFocus","handleChipRemove","undefined","handleClick","current","focus","div","onClick","role","classNames","SizeType","COMPACT","ref","map","Fragment","onRemove","Boolean","aria-label","Text","Component","type","autoCapitalize","autoComplete","autoCorrect","spellCheck","aria-autocomplete"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/ChipsInputBase/ChipsInputBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useChipsInput } from '../../hooks/useChipsInput';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { SizeType } from '../../lib/adaptivity';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { Chip, ChipOption, ChipValue, RenderChip } from '../Chip/Chip';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './ChipsInputBase.module.css';\n\nexport interface ChipsInputBaseProps<Option extends ChipOption>\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign {\n  value: Option[];\n  inputValue?: string;\n  onChange?: (o: Option[]) => void;\n  onInputChange?: (e?: React.ChangeEvent<HTMLInputElement>) => void;\n  getOptionValue?: (o?: Option) => ChipValue;\n  getOptionLabel?: (o?: Option) => string;\n  getNewOptionData?: (v?: ChipValue, l?: string) => Option;\n  renderChip?: (props?: RenderChip<Option>) => React.ReactNode;\n  inputAriaLabel?: string;\n  /**\n   * Добавляет значение в список на событие `onBlur`\n   */\n  addOnBlur?: boolean;\n}\n\nexport const chipsInputDefaultProps: ChipsInputBaseProps<any> = {\n  onChange: noop,\n  onInputChange: noop,\n  onKeyDown: noop,\n  onBlur: noop,\n  onFocus: noop,\n  value: [],\n  inputValue: '',\n  inputAriaLabel: 'Введите ваше значение...',\n  getOptionValue: (option) => option.value,\n  getOptionLabel: (option) => option.label,\n  getNewOptionData: (_, label) => ({\n    value: label,\n    label,\n  }),\n  renderChip(props) {\n    if (!props) {\n      return null;\n    }\n\n    const { disabled, value, label, ...rest } = props;\n    return (\n      <Chip value={value} removable={!disabled} {...rest}>\n        {label}\n      </Chip>\n    );\n  },\n  addOnBlur: false,\n};\n\nexport const ChipsInputBase = <Option extends ChipOption>(props: ChipsInputBaseProps<Option>) => {\n  const propsWithDefault = { ...chipsInputDefaultProps, ...props };\n  const {\n    style,\n    className,\n    getRootRef,\n    value,\n    onChange,\n    onInputChange,\n    onKeyDown,\n    onBlur,\n    onFocus,\n    children,\n    inputValue,\n    getRef,\n    placeholder,\n    getOptionValue,\n    getOptionLabel,\n    getNewOptionData,\n    renderChip,\n    inputAriaLabel,\n    addOnBlur,\n    ...restProps\n  } = propsWithDefault;\n  const { sizeY } = useAdaptivity();\n\n  const [focused, setFocused] = React.useState(false);\n  const { fieldValue, addOptionFromInput, removeOption, selectedOptions, handleInputChange } =\n    useChipsInput(propsWithDefault);\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    if (addOnBlur && !e.defaultPrevented) {\n      addOptionFromInput();\n    }\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 | undefined, value: ChipValue | undefined) => {\n    if (value !== undefined) {\n      removeOption(value);\n    }\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    <div\n      onClick={handleClick}\n      role=\"presentation\"\n      style={style}\n      className={classNames(\n        styles['ChipsInputBase'],\n        sizeY === SizeType.COMPACT && styles['ChipsInputBase--sizeY-compact'],\n        !selectedOptions.length && styles['ChipsInputBase--hasPlaceholder'],\n        className,\n      )}\n      ref={getRootRef}\n    >\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: Boolean(restProps.disabled),\n              className: styles['ChipsInputBase__chip'],\n            })}\n          </React.Fragment>\n        );\n      })}\n      <label className={styles['ChipsInputBase__label']} aria-label={inputAriaLabel}>\n        <Text\n          Component=\"input\"\n          type=\"text\"\n          autoCapitalize=\"none\"\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          spellCheck={false}\n          aria-autocomplete=\"list\"\n          className={styles['ChipsInputBase__el']}\n          {...restProps}\n          getRootRef={inputRef}\n          value={fieldValue}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          placeholder={selectedOptions.length ? undefined : placeholder}\n        />\n      </label>\n    </div>\n  );\n};\n"],"names":["ChipsInputBase","chipsInputDefaultProps","onChange","noop","onInputChange","onKeyDown","onBlur","onFocus","value","inputValue","inputAriaLabel","getOptionValue","option","getOptionLabel","label","getNewOptionData","_","renderChip","props","disabled","rest","Chip","removable","addOnBlur","propsWithDefault","style","className","getRootRef","children","getRef","placeholder","restProps","sizeY","useAdaptivity","React","useState","focused","setFocused","useChipsInput","fieldValue","addOptionFromInput","removeOption","selectedOptions","handleInputChange","inputRef","useExternRef","isDisabled","readOnly","handleKeyDown","e","preventDefault","key","defaultPrevented","length","handleBlur","handleFocus","handleChipRemove","undefined","handleClick","current","focus","div","onClick","role","classNames","SizeType","COMPACT","ref","map","Fragment","onRemove","Boolean","aria-label","Text","Component","type","autoCapitalize","autoComplete","autoCorrect","spellCheck","aria-autocomplete"],"mappings":";;;;;;;;;;;IA6DaA,cAAc;eAAdA;;IA9BAC,sBAAsB;eAAtBA;;;;;;;;;+DA/BU;oBACU;6BACH;6BACA;4BACD;0BACJ;oBAE+B;oBACnC;AAuBd,IAAMA,yBAAmD;IAC9DC,UAAUC,UAAI;IACdC,eAAeD,UAAI;IACnBE,WAAWF,UAAI;IACfG,QAAQH,UAAI;IACZI,SAASJ,UAAI;IACbK,OAAO,EAAE;IACTC,YAAY;IACZC,gBAAgB;IAChBC,gBAAgB,SAACC;eAAWA,OAAOJ,KAAK;;IACxCK,gBAAgB,SAACD;eAAWA,OAAOE,KAAK;;IACxCC,kBAAkB,SAACC,GAAGF;eAAW;YAC/BN,OAAOM;YACPA,OAAAA;QACF;;IACAG,YAAAA,SAAAA,WAAWC,KAAK;QACd,IAAI,CAACA,OAAO;YACV,OAAO;QACT;QAEA,IAAQC,WAAoCD,MAApCC,UAAUX,QAA0BU,MAA1BV,OAAOM,QAAmBI,MAAnBJ,OAAUM,oCAASF;YAApCC;YAAUX;YAAOM;;QACzB,qBACE,qBAACO,UAAI;YAACb,OAAOA;YAAOc,WAAW,CAACH;WAAcC,OAC3CN;IAGP;IACAS,WAAW;AACb;AAEO,IAAMvB,iBAAiB,SAA4BkB;IACxD,IAAMM,mBAAmB,qBAAKvB,wBAA2BiB;IACzD,IACEO,QAoBED,iBApBFC,OACAC,YAmBEF,iBAnBFE,WACAC,aAkBEH,iBAlBFG,YACAnB,QAiBEgB,iBAjBFhB,OACAN,WAgBEsB,iBAhBFtB,UACAE,gBAeEoB,iBAfFpB,eACAC,YAcEmB,iBAdFnB,WACAC,SAaEkB,iBAbFlB,QACAC,UAYEiB,iBAZFjB,SACAqB,WAWEJ,iBAXFI,UACAnB,aAUEe,iBAVFf,YACAoB,SASEL,iBATFK,QACAC,cAQEN,iBARFM,aACAnB,iBAOEa,iBAPFb,gBACAE,iBAMEW,iBANFX,gBACAE,mBAKES,iBALFT,kBACAE,aAIEO,iBAJFP,YACAP,iBAGEc,iBAHFd,gBACAa,YAEEC,iBAFFD,WACGQ,yCACDP;QApBFC;QACAC;QACAC;QACAnB;QACAN;QACAE;QACAC;QACAC;QACAC;QACAqB;QACAnB;QACAoB;QACAC;QACAnB;QACAE;QACAE;QACAE;QACAP;QACAa;;IAGF,IAAM,AAAES,QAAUC,IAAAA,4BAAa,IAAvBD;IAER,IAA8BE,qCAAAA,OAAMC,QAAQ,CAAC,YAAtCC,UAAuBF,oBAAdG,aAAcH;IAC9B,IACEI,kBAAAA,IAAAA,4BAAa,EAACd,mBADRe,aACND,gBADMC,YAAYC,qBAClBF,gBADkBE,oBAAoBC,eACtCH,gBADsCG,cAAcC,kBACpDJ,gBADoDI,iBAAiBC,oBACrEL,gBADqEK;IAEvE,IAAMC,WAAWC,IAAAA,0BAAY,EAAChB;IAE9B,IAAMiB,aAAaf,UAAUZ,QAAQ,IAAIY,UAAUgB,QAAQ;IAE3D,IAAMC,gBAAgB,SAACC;QACrB,IAAIH,YAAY;YACdG,EAAEC,cAAc;YAChB;QACF;QAEA7C,UAAW4C;QAEX,IAAIA,EAAEE,GAAG,KAAK,eAAe,CAACF,EAAEG,gBAAgB,IAAI,CAACb,cAAcG,gBAAgBW,MAAM,EAAE;YACzFZ,aAAa9B,eAAgB+B,eAAe,CAACA,gBAAgBW,MAAM,GAAG,EAAE;YACxEJ,EAAEC,cAAc;QAClB;QAEA,IAAID,EAAEE,GAAG,KAAK,WAAW,CAACF,EAAEG,gBAAgB,IAAIb,YAAY;YAC1DC;YACAS,EAAEC,cAAc;QAClB;IACF;IAEA,IAAMI,aAAa,SAACL;QAClB,IAAIb,SAAS;YACXC,WAAW;QACb;QACA/B,OAAQ2C;QAER,IAAI1B,aAAa,CAAC0B,EAAEG,gBAAgB,EAAE;YACpCZ;QACF;IACF;IAEA,IAAMe,cAAc,SAACN;QACnB,IAAI,CAACb,SAAS;YACZC,WAAW;QACb;QACA9B,QAAS0C;IACX;IAEA,IAAMO,mBAAmB,SAACxC,GAAiCR;QACzD,IAAIA,UAAUiD,WAAW;YACvBhB,aAAajC;QACf;IACF;IAEA,IAAMkD,cAAc,SAACT;QACnB,IAAIH,YAAY;YACdG,EAAEC,cAAc;YAChB;QACF;QAEA,IAAIN,CAAAA,qBAAAA,+BAAAA,SAAUe,OAAO,MAAK,QAAQ,CAACvB,SAAS;YAC1CQ,SAASe,OAAO,CAACC,KAAK;QACxB;IACF;IAEA,qBACE,qBAACC;QACCC,SAASJ;QACTK,MAAK;QACLtC,OAAOA;QACPC,WAAWsC,IAAAA,gBAAU,wBAEnBhC,UAAUiC,oBAAQ,CAACC,OAAO,yCAC1B,CAACxB,gBAAgBW,MAAM,0CACvB3B;QAEFyC,KAAKxC;OAEJe,gBAAgB0B,GAAG,CAAC,SAACxD;QACpB,IAAMJ,QAAQG,eAAgBC;QAC9B,IAAME,QAAQD,eAAgBD;QAE9B,qBACE,qBAACsB,OAAMmC,QAAQ;YAAClB,KAAK,AAAC,GAAkB3C,OAAhB,OAAOA,sCAAP,UAAY,CAALA,QAAM,KAAS,OAANA;WACrCS,WAAY;YACXL,QAAAA;YACAJ,OAAAA;YACAM,OAAAA;YACAwD,UAAUd;YACVrC,UAAUoD,QAAQxC,UAAUZ,QAAQ;YACpCO,SAAS;QACX;IAGN,kBACA,qBAACZ;QAAMY,SAAS;QAAmC8C,cAAY9D;qBAC7D,qBAAC+D,UAAI;QACHC,WAAU;QACVC,MAAK;QACLC,gBAAe;QACfC,cAAa;QACbC,aAAY;QACZC,YAAY;QACZC,qBAAkB;QAClBtD,SAAS;OACLK;QACJJ,YAAYiB;QACZpC,OAAO+B;QACPrC,UAAUyC;QACVtC,WAAW2C;QACXzC,SAASgD;QACTjD,QAAQgD;QACRxB,aAAaY,gBAAgBW,MAAM,GAAGI,YAAY3B;;AAK5D"}

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

@@ -50,3 +50,4 @@ export interface ChipsSelectProps<Option extends ChipOption> extends Omit<ChipsI
  * @see https://vkcom.github.io/VKUI/#/ChipsSelect
  */
 export declare const ChipsSelect: <Option extends ChipOption>(props: ChipsSelectProps<Option>) => React.JSX.Element;
+//# sourceMappingURL=ChipsSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipsSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/ChipsSelect/ChipsSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,UAAU,EAAyB,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAG3D,OAAO,EAEL,uBAAuB,EACxB,MAAM,0CAA0C,CAAC;AAOlD,MAAM,WAAW,gBAAgB,CAAC,MAAM,SAAS,UAAU,CACzD,SAAQ,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC9C,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EACL,KAAK,GACL,CAAC,CACC,KAAK,CAAC,EAAE,MAAM,EACd,MAAM,CAAC,EAAE,MAAM,EACf,cAAc,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,KAC/E,OAAO,CAAC,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC;IACnE;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpF;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAuBD;;GAEG;AACH,eAAO,MAAM,WAAW,mFA4VvB,CAAC"}

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

@@ -45,7 +45,6 @@ var chipsSelectDefaultProps = _object_spread_props._(_object_spread._({}, _Chips
     }
 });
 var ChipsSelect = function(props) {
-    var _popperPlacement, _filteredOptions;
     var propsWithDefault = _object_spread._({}, chipsSelectDefaultProps, props);
     var style = propsWithDefault.style, onFocus = propsWithDefault.onFocus, onBlur = propsWithDefault.onBlur, onKeyDown = propsWithDefault.onKeyDown, className = propsWithDefault.className, fetching = propsWithDefault.fetching, renderOption = propsWithDefault.renderOption, emptyText = propsWithDefault.emptyText, getRef = propsWithDefault.getRef, getRootRef = propsWithDefault.getRootRef, disabled = propsWithDefault.disabled, placeholder = propsWithDefault.placeholder, tabIndex = propsWithDefault.tabIndex, getOptionValue = propsWithDefault.getOptionValue, getOptionLabel = propsWithDefault.getOptionLabel, showSelected = propsWithDefault.showSelected, getNewOptionData = propsWithDefault.getNewOptionData, renderChip = propsWithDefault.renderChip, popupDirection = propsWithDefault.popupDirection, creatable = propsWithDefault.creatable, filterFn = propsWithDefault.filterFn, inputValue = propsWithDefault.inputValue, creatableText = propsWithDefault.creatableText, closeAfterSelect = propsWithDefault.closeAfterSelect, onChangeStart = propsWithDefault.onChangeStart, before = propsWithDefault.before, icon = propsWithDefault.icon, options = propsWithDefault.options, fixDropdownWidth = propsWithDefault.fixDropdownWidth, forceDropdownPortal = propsWithDefault.forceDropdownPortal, restProps = _object_without_properties._(propsWithDefault, [
         "style",
@@ -210,16 +209,16 @@ var ChipsSelect = function(props) {
             return null;
         }
         var onRemoveWrapper = function(e, value) {
-            var _e, _e1, _renderChipProps_onRemove, _renderChipProps;
-            (_e = e) === null || _e === void 0 ? void 0 : _e.preventDefault();
-            (_e1 = e) === null || _e1 === void 0 ? void 0 : _e1.stopPropagation();
-            (_renderChipProps_onRemove = (_renderChipProps = renderChipProps).onRemove) === null || _renderChipProps_onRemove === void 0 ? void 0 : _renderChipProps_onRemove.call(_renderChipProps, e, value);
+            var _renderChipProps_onRemove;
+            e === null || e === void 0 ? void 0 : e.preventDefault();
+            e === null || e === void 0 ? void 0 : e.stopPropagation();
+            (_renderChipProps_onRemove = renderChipProps.onRemove) === null || _renderChipProps_onRemove === void 0 ? void 0 : _renderChipProps_onRemove.call(renderChipProps, e, value);
         };
         return renderChip(_object_spread_props._(_object_spread._({}, renderChipProps), {
             onRemove: onRemoveWrapper
         }));
     };
-    var isPopperDirectionTop = (_popperPlacement = popperPlacement) === null || _popperPlacement === void 0 ? void 0 : _popperPlacement.includes("top");
+    var isPopperDirectionTop = popperPlacement === null || popperPlacement === void 0 ? void 0 : popperPlacement.includes("top");
     var onPlacementChange = _react.useCallback(function(placement) {
         setPopperPlacement(placement);
     }, [
@@ -285,7 +284,7 @@ var ChipsSelect = function(props) {
         onMouseEnter: function() {
             return setFocusedOptionIndex(0);
         }
-    }, creatableText), !((_filteredOptions = filteredOptions) === null || _filteredOptions === void 0 ? void 0 : _filteredOptions.length) && !showCreatable && emptyText ? /*#__PURE__*/ _react.createElement(_Footnote.Footnote, {
+    }, creatableText), !(filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.length) && !showCreatable && emptyText ? /*#__PURE__*/ _react.createElement(_Footnote.Footnote, {
         className: "vkuiChipsSelect__empty"
     }, emptyText) : filteredOptions.map(function(option, index) {
         var label = getOptionLabel(option);
@@ -308,8 +307,7 @@ var ChipsSelect = function(props) {
                 return undefined;
             },
             onMouseDown: function(e) {
-                var _onChangeStart;
-                (_onChangeStart = onChangeStart) === null || _onChangeStart === void 0 ? void 0 : _onChangeStart(e, option);
+                onChangeStart === null || onChangeStart === void 0 ? void 0 : onChangeStart(e, option);
                 if (!e.defaultPrevented) {
                     closeAfterSelect && setOpened(false);
                     addOption(option);

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, noop } from '@vkontakte/vkjs';\nimport { useChipsSelect } from '../../hooks/useChipsSelect';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useDOM } from '../../lib/dom';\nimport type { Placement } from '../../lib/floating';\nimport { defaultFilterFn } from '../../lib/select';\nimport { ChipOption, ChipValue, RenderChip } from '../Chip/Chip';\nimport { ChipsInputProps } from '../ChipsInput/ChipsInput';\nimport { ChipsInputBase, chipsInputDefaultProps } from '../ChipsInputBase/ChipsInputBase';\nimport { CustomSelectDropdown } from '../CustomSelectDropdown/CustomSelectDropdown';\nimport {\n  CustomSelectOption,\n  CustomSelectOptionProps,\n} from '../CustomSelectOption/CustomSelectOption';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField } from '../FormField/FormField';\nimport { IconButton } from '../IconButton/IconButton';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './ChipsSelect.module.css';\n\nexport interface ChipsSelectProps<Option extends ChipOption>\n  extends Omit<ChipsInputProps<Option>, 'after'> {\n  popupDirection?: 'top' | 'bottom';\n  options?: Option[];\n  filterFn?:\n    | false\n    | ((\n        value?: string,\n        option?: Option,\n        getOptionLabel?: Pick<ChipsInputProps<Option>, 'getOptionLabel'>['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?: (e: React.MouseEvent | React.KeyboardEvent, option: Option) => void;\n  /**\n   * Закрытие выпадающего списка после выбора элемента\n   */\n  closeAfterSelect?: boolean;\n  fixDropdownWidth?: boolean;\n  forceDropdownPortal?: boolean;\n  /**\n   * Иконка раскрывающегося списка\n   */\n  icon?: React.ReactNode;\n  /**\n   * Добавляет значение в список на событие `onBlur` (использовать вместе с `creatable`)\n   */\n  addOnBlur?: boolean;\n}\n\ntype FocusActionType = 'next' | 'prev';\n\nconst FOCUS_ACTION_NEXT: FocusActionType = 'next';\nconst FOCUS_ACTION_PREV: FocusActionType = 'prev';\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(props) {\n    return <CustomSelectOption {...props} />;\n  },\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ChipsSelect\n */\nexport const ChipsSelect = <Option extends ChipOption>(props: ChipsSelectProps<Option>) => {\n  const propsWithDefault = { ...chipsSelectDefaultProps, ...props };\n  const {\n    style,\n    onFocus,\n    onBlur,\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    closeAfterSelect,\n    onChangeStart,\n    before,\n    icon,\n    options,\n    fixDropdownWidth,\n    forceDropdownPortal,\n    ...restProps\n  } = propsWithDefault;\n\n  const { document } = useDOM();\n\n  const [popperPlacement, setPopperPlacement] = React.useState<Placement | undefined>(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(propsWithDefault);\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(null);\n    onFocus!(e);\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    onBlur!(e);\n\n    // Не добавляем значение, если его нужно выбрать строго из списка\n    if (!e.defaultPrevented && !creatable) {\n      e.preventDefault();\n    }\n  };\n\n  const handleClickOutside = (e: MouseEvent) => {\n    const isClickOutsideFormField = !rootRef.current?.contains(e.target as Node);\n    const isClickOutsideDropdown = !scrollBoxRef.current?.contains(e.target as Node);\n\n    if (isClickOutsideFormField && isClickOutsideDropdown) {\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 || !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    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 } = 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 = nextIndex === null ? -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      if (focusedOptionIndex != null) {\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      } 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 (focusedOptionIndex != null && filteredOptions[focusedOptionIndex]) {\n      setFocusedOption(filteredOptions[focusedOptionIndex]);\n    } else if (focusedOptionIndex === null || focusedOptionIndex === 0) {\n      setFocusedOption(null);\n    }\n  }, [focusedOptionIndex, filteredOptions, setFocusedOption]);\n\n  useGlobalEventListener(document, 'click', handleClickOutside);\n\n  const renderChipWrapper = (renderChipProps: RenderChip<Option> | undefined) => {\n    if (renderChipProps === undefined) {\n      return null;\n    }\n    const onRemoveWrapper = (e: React.MouseEvent | undefined, value: ChipValue | undefined) => {\n      e?.preventDefault();\n      e?.stopPropagation();\n\n      renderChipProps.onRemove?.(e, value);\n    };\n\n    return renderChip!({\n      ...renderChipProps,\n      onRemove: onRemoveWrapper,\n    });\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  const toggleOpened = () => {\n    setOpened((prevOpened) => !prevOpened);\n  };\n\n  return (\n    <>\n      <FormField\n        getRootRef={rootRef}\n        style={style}\n        className={classNames(\n          styles['ChipsSelect'],\n          opened &&\n            (isPopperDirectionTop\n              ? styles['ChipsSelect--pop-up']\n              : styles['ChipsSelect--pop-down']),\n          className,\n        )}\n        disabled={disabled}\n        role=\"application\"\n        aria-disabled={disabled}\n        aria-readonly={restProps.readOnly}\n        after={\n          <IconButton\n            className={styles['ChipsSelect__dropdown']}\n            activeMode=\"\"\n            hoverMode=\"\"\n            // TODO [>=6]: add label customization\n            aria-label={opened ? 'Скрыть' : 'Развернуть'}\n            onClick={toggleOpened}\n          >\n            {icon ?? <DropdownIcon className={styles['ChipsSelect__icon']} opened={opened} />}\n          </IconButton>\n        }\n        before={before}\n      >\n        <ChipsInputBase\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          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          getRef={getRef}\n          disabled={disabled}\n          onInputChange={handleInputChange}\n        />\n      </FormField>\n      {opened && (\n        <CustomSelectDropdown\n          targetRef={rootRef}\n          placement={popupDirection}\n          scrollBoxRef={scrollBoxRef}\n          onPlacementChange={onPlacementChange}\n          onMouseLeave={onDropdownMouseLeave}\n          fetching={fetching}\n          sameWidth={fixDropdownWidth}\n          forcePortal={forceDropdownPortal}\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            <Footnote className={styles['ChipsSelect__empty']}>{emptyText}</Footnote>\n          ) : (\n            filteredOptions.map((option: Option, index: number) => {\n              const label = getOptionLabel!(option);\n              const hovered =\n                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                    option,\n                    hovered: Boolean(hovered),\n                    children: label,\n                    selected: !!selected,\n                    getRootRef: (e) => {\n                      if (e) {\n                        return (chipsSelectOptions[index] = e);\n                      }\n                      return undefined;\n                    },\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    </>\n  );\n};\n"],"names":["ChipsSelect","FOCUS_ACTION_NEXT","FOCUS_ACTION_PREV","chipsSelectDefaultProps","chipsInputDefaultProps","emptyText","creatableText","onChangeStart","noop","creatable","fetching","showSelected","closeAfterSelect","options","filterFn","defaultFilterFn","renderOption","props","CustomSelectOption","popperPlacement","filteredOptions","propsWithDefault","style","onFocus","onBlur","onKeyDown","className","getRef","getRootRef","disabled","placeholder","tabIndex","getOptionValue","getOptionLabel","getNewOptionData","renderChip","popupDirection","inputValue","before","icon","fixDropdownWidth","forceDropdownPortal","restProps","document","useDOM","React","useState","undefined","setPopperPlacement","scrollBoxRef","useRef","rootRef","useExternRef","useChipsSelect","fieldValue","selectedOptions","opened","setOpened","addOptionFromInput","addOption","handleInputChange","clearInput","focusedOption","setFocusedOption","focusedOptionIndex","setFocusedOptionIndex","showCreatable","Boolean","length","handleFocus","e","handleBlur","defaultPrevented","preventDefault","handleClickOutside","isClickOutsideFormField","current","contains","target","isClickOutsideDropdown","chipsSelectOptions","scrollToElement","index","center","dropdown","item","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","focusOptionByIndex","oldIndex","focusOption","nextIndex","type","handleKeyDown","key","option","includes","useEffect","useGlobalEventListener","renderChipWrapper","renderChipProps","onRemoveWrapper","value","stopPropagation","onRemove","isPopperDirectionTop","onPlacementChange","useCallback","placement","onDropdownMouseLeave","toggleOpened","prevOpened","FormField","classNames","role","aria-disabled","aria-readonly","readOnly","after","IconButton","activeMode","hoverMode","aria-label","onClick","DropdownIcon","ChipsInputBase","onInputChange","CustomSelectDropdown","targetRef","onMouseLeave","sameWidth","forcePortal","hovered","onMouseDown","onMouseEnter","Footnote","map","label","selected","find","selectedOption","Fragment","children"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/ChipsSelect/ChipsSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useChipsSelect } from '../../hooks/useChipsSelect';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useDOM } from '../../lib/dom';\nimport type { Placement } from '../../lib/floating';\nimport { defaultFilterFn } from '../../lib/select';\nimport { ChipOption, ChipValue, RenderChip } from '../Chip/Chip';\nimport { ChipsInputProps } from '../ChipsInput/ChipsInput';\nimport { ChipsInputBase, chipsInputDefaultProps } from '../ChipsInputBase/ChipsInputBase';\nimport { CustomSelectDropdown } from '../CustomSelectDropdown/CustomSelectDropdown';\nimport {\n  CustomSelectOption,\n  CustomSelectOptionProps,\n} from '../CustomSelectOption/CustomSelectOption';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField } from '../FormField/FormField';\nimport { IconButton } from '../IconButton/IconButton';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './ChipsSelect.module.css';\n\nexport interface ChipsSelectProps<Option extends ChipOption>\n  extends Omit<ChipsInputProps<Option>, 'after'> {\n  popupDirection?: 'top' | 'bottom';\n  options?: Option[];\n  filterFn?:\n    | false\n    | ((\n        value?: string,\n        option?: Option,\n        getOptionLabel?: Pick<ChipsInputProps<Option>, 'getOptionLabel'>['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?: (e: React.MouseEvent | React.KeyboardEvent, option: Option) => void;\n  /**\n   * Закрытие выпадающего списка после выбора элемента\n   */\n  closeAfterSelect?: boolean;\n  fixDropdownWidth?: boolean;\n  forceDropdownPortal?: boolean;\n  /**\n   * Иконка раскрывающегося списка\n   */\n  icon?: React.ReactNode;\n  /**\n   * Добавляет значение в список на событие `onBlur` (использовать вместе с `creatable`)\n   */\n  addOnBlur?: boolean;\n}\n\ntype FocusActionType = 'next' | 'prev';\n\nconst FOCUS_ACTION_NEXT: FocusActionType = 'next';\nconst FOCUS_ACTION_PREV: FocusActionType = 'prev';\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(props) {\n    return <CustomSelectOption {...props} />;\n  },\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ChipsSelect\n */\nexport const ChipsSelect = <Option extends ChipOption>(props: ChipsSelectProps<Option>) => {\n  const propsWithDefault = { ...chipsSelectDefaultProps, ...props };\n  const {\n    style,\n    onFocus,\n    onBlur,\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    closeAfterSelect,\n    onChangeStart,\n    before,\n    icon,\n    options,\n    fixDropdownWidth,\n    forceDropdownPortal,\n    ...restProps\n  } = propsWithDefault;\n\n  const { document } = useDOM();\n\n  const [popperPlacement, setPopperPlacement] = React.useState<Placement | undefined>(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(propsWithDefault);\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(null);\n    onFocus!(e);\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    onBlur!(e);\n\n    // Не добавляем значение, если его нужно выбрать строго из списка\n    if (!e.defaultPrevented && !creatable) {\n      e.preventDefault();\n    }\n  };\n\n  const handleClickOutside = (e: MouseEvent) => {\n    const isClickOutsideFormField = !rootRef.current?.contains(e.target as Node);\n    const isClickOutsideDropdown = !scrollBoxRef.current?.contains(e.target as Node);\n\n    if (isClickOutsideFormField && isClickOutsideDropdown) {\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 || !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    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 } = 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 = nextIndex === null ? -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      if (focusedOptionIndex != null) {\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      } 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 (focusedOptionIndex != null && filteredOptions[focusedOptionIndex]) {\n      setFocusedOption(filteredOptions[focusedOptionIndex]);\n    } else if (focusedOptionIndex === null || focusedOptionIndex === 0) {\n      setFocusedOption(null);\n    }\n  }, [focusedOptionIndex, filteredOptions, setFocusedOption]);\n\n  useGlobalEventListener(document, 'click', handleClickOutside);\n\n  const renderChipWrapper = (renderChipProps: RenderChip<Option> | undefined) => {\n    if (renderChipProps === undefined) {\n      return null;\n    }\n    const onRemoveWrapper = (e: React.MouseEvent | undefined, value: ChipValue | undefined) => {\n      e?.preventDefault();\n      e?.stopPropagation();\n\n      renderChipProps.onRemove?.(e, value);\n    };\n\n    return renderChip!({\n      ...renderChipProps,\n      onRemove: onRemoveWrapper,\n    });\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  const toggleOpened = () => {\n    setOpened((prevOpened) => !prevOpened);\n  };\n\n  return (\n    <>\n      <FormField\n        getRootRef={rootRef}\n        style={style}\n        className={classNames(\n          styles['ChipsSelect'],\n          opened &&\n            (isPopperDirectionTop\n              ? styles['ChipsSelect--pop-up']\n              : styles['ChipsSelect--pop-down']),\n          className,\n        )}\n        disabled={disabled}\n        role=\"application\"\n        aria-disabled={disabled}\n        aria-readonly={restProps.readOnly}\n        after={\n          <IconButton\n            className={styles['ChipsSelect__dropdown']}\n            activeMode=\"\"\n            hoverMode=\"\"\n            // TODO [>=6]: add label customization\n            aria-label={opened ? 'Скрыть' : 'Развернуть'}\n            onClick={toggleOpened}\n          >\n            {icon ?? <DropdownIcon className={styles['ChipsSelect__icon']} opened={opened} />}\n          </IconButton>\n        }\n        before={before}\n      >\n        <ChipsInputBase\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          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          getRef={getRef}\n          disabled={disabled}\n          onInputChange={handleInputChange}\n        />\n      </FormField>\n      {opened && (\n        <CustomSelectDropdown\n          targetRef={rootRef}\n          placement={popupDirection}\n          scrollBoxRef={scrollBoxRef}\n          onPlacementChange={onPlacementChange}\n          onMouseLeave={onDropdownMouseLeave}\n          fetching={fetching}\n          sameWidth={fixDropdownWidth}\n          forcePortal={forceDropdownPortal}\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            <Footnote className={styles['ChipsSelect__empty']}>{emptyText}</Footnote>\n          ) : (\n            filteredOptions.map((option: Option, index: number) => {\n              const label = getOptionLabel!(option);\n              const hovered =\n                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                    option,\n                    hovered: Boolean(hovered),\n                    children: label,\n                    selected: !!selected,\n                    getRootRef: (e) => {\n                      if (e) {\n                        return (chipsSelectOptions[index] = e);\n                      }\n                      return undefined;\n                    },\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    </>\n  );\n};\n"],"names":["ChipsSelect","FOCUS_ACTION_NEXT","FOCUS_ACTION_PREV","chipsSelectDefaultProps","chipsInputDefaultProps","emptyText","creatableText","onChangeStart","noop","creatable","fetching","showSelected","closeAfterSelect","options","filterFn","defaultFilterFn","renderOption","props","CustomSelectOption","propsWithDefault","style","onFocus","onBlur","onKeyDown","className","getRef","getRootRef","disabled","placeholder","tabIndex","getOptionValue","getOptionLabel","getNewOptionData","renderChip","popupDirection","inputValue","before","icon","fixDropdownWidth","forceDropdownPortal","restProps","document","useDOM","React","useState","undefined","popperPlacement","setPopperPlacement","scrollBoxRef","useRef","rootRef","useExternRef","useChipsSelect","fieldValue","selectedOptions","opened","setOpened","addOptionFromInput","filteredOptions","addOption","handleInputChange","clearInput","focusedOption","setFocusedOption","focusedOptionIndex","setFocusedOptionIndex","showCreatable","Boolean","length","handleFocus","e","handleBlur","defaultPrevented","preventDefault","handleClickOutside","isClickOutsideFormField","current","contains","target","isClickOutsideDropdown","chipsSelectOptions","scrollToElement","index","center","dropdown","item","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","focusOptionByIndex","oldIndex","focusOption","nextIndex","type","handleKeyDown","key","option","includes","useEffect","useGlobalEventListener","renderChipWrapper","renderChipProps","onRemoveWrapper","value","stopPropagation","onRemove","isPopperDirectionTop","onPlacementChange","useCallback","placement","onDropdownMouseLeave","toggleOpened","prevOpened","FormField","classNames","role","aria-disabled","aria-readonly","readOnly","after","IconButton","activeMode","hoverMode","aria-label","onClick","DropdownIcon","ChipsInputBase","onInputChange","CustomSelectDropdown","targetRef","onMouseLeave","sameWidth","forcePortal","hovered","onMouseDown","onMouseEnter","Footnote","map","label","selected","find","selectedOption","Fragment","children"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { FocusVisibleMode } from '../FocusVisible/FocusVisible';
+import { RootComponentProps } from '../RootComponent/RootComponent';
+export interface ClickableProps<T> extends RootComponentProps<T> {
+    baseClassName?: string;
+    focusVisibleMode?: FocusVisibleMode;
+}
+/**
+ * Базовый кликабельный корневой компонент.
+ *
+ * - при передаче `href` превратится в `a`,
+ * - при передаче `onClick` превратится в `div` c `role="button"` и `tabIndex="0"`.
+ * - иначе используется `div`.
+ */
+export declare const Clickable: <T>({ focusVisibleMode, ...restProps }: ClickableProps<T>) => React.JSX.Element;
+//# sourceMappingURL=Clickable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Clickable.d.ts","sourceRoot":"","sources":["../../../../src/components/Clickable/Clickable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAiB,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGnF,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,kBAAkB,CAAC,CAAC,CAAC;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AA+ED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,iFASrB,CAAC"}

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

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Clickable", {
+    enumerable: true,
+    get: function() {
+        return Clickable;
+    }
+});
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _vkjs = require("@vkontakte/vkjs");
+var _useFocusVisible = require("../../hooks/useFocusVisible");
+var _callMultiple = require("../../lib/callMultiple");
+var _FocusVisible = require("../FocusVisible/FocusVisible");
+var _RootComponent = require("../RootComponent/RootComponent");
+/**
+ * Некликабельный компонент. Отключаем возможность нажимать на компонент.
+ */ var NonClickable = function(_param) /*#__PURE__*/ {
+    var href = _param.href, onClick = _param.onClick, onClickCapture = _param.onClickCapture, restProps = _object_without_properties._(_param, [
+        "href",
+        "onClick",
+        "onClickCapture"
+    ]);
+    return _react.createElement(_RootComponent.RootComponent, restProps);
+};
+/**
+ * Кликабельный компонент. Добавляем кучу обвесов
+ */ var RealClickable = function(_param) {
+    var baseClassName = _param.baseClassName, children = _param.children, _param_focusVisibleMode = _param.focusVisibleMode, focusVisibleMode = _param_focusVisibleMode === void 0 ? "inside" : _param_focusVisibleMode, restProps = _object_without_properties._(_param, [
+        "baseClassName",
+        "children",
+        "focusVisibleMode"
+    ]);
+    var _useFocusVisible1 = (0, _useFocusVisible.useFocusVisible)(), focusVisible = _useFocusVisible1.focusVisible, onBlur = _useFocusVisible1.onBlur, onFocus = _useFocusVisible1.onFocus;
+    return /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread._({
+        baseClassName: (0, _vkjs.classNames)(baseClassName, "vkuiClickable__host"),
+        onBlur: (0, _callMultiple.callMultiple)(onBlur, restProps.onBlur),
+        onFocus: (0, _callMultiple.callMultiple)(onFocus, restProps.onFocus)
+    }, restProps), children, /*#__PURE__*/ _react.createElement(_FocusVisible.FocusVisible, {
+        visible: focusVisible,
+        mode: focusVisibleMode
+    }));
+};
+/**
+ * Проверяем, является ли компонент кликабельным
+ */ function checkClickable(props) {
+    return (props.href !== undefined || props.onClick !== undefined || props.onClickCapture !== undefined) && !props.disabled;
+}
+/**
+ * Определяет правильный компонент и его свойства
+ *
+ * - если передан Component, используем его
+ * - при передаче `href` превратится в `a`,
+ * - при передаче `onClick` превратится в `div` c `role="button"` и `tabIndex="0"`.
+ * - иначе используется `div`.
+ */ function component(param) {
+    var Component = param.Component, onClick = param.onClick, onClickCapture = param.onClickCapture, href = param.href, disabled = param.disabled;
+    if (Component !== undefined) {
+        return {
+            Component: Component
+        };
+    } else if (href !== undefined) {
+        return {
+            "Component": "a",
+            "role": "link",
+            "aria-disabled": disabled
+        };
+    } else if (onClick !== undefined || onClickCapture !== undefined) {
+        return {
+            "Component": "div",
+            "role": "button",
+            "tabIndex": disabled ? undefined : 0,
+            "aria-disabled": disabled
+        };
+    }
+    return {};
+}
+var Clickable = function(_param) {
+    var _param_focusVisibleMode = _param.focusVisibleMode, focusVisibleMode = _param_focusVisibleMode === void 0 ? "inside" : _param_focusVisibleMode, restProps = _object_without_properties._(_param, [
+        "focusVisibleMode"
+    ]);
+    var commonProps = component(restProps);
+    var isClickable = checkClickable(restProps);
+    if (isClickable) {
+        return /*#__PURE__*/ _react.createElement(RealClickable, _object_spread._({
+            focusVisibleMode: focusVisibleMode
+        }, commonProps, restProps));
+    }
+    return /*#__PURE__*/ _react.createElement(NonClickable, _object_spread._({}, commonProps, restProps));
+};
+
+//# sourceMappingURL=Clickable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Clickable/Clickable.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useFocusVisible } from '../../hooks/useFocusVisible';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { FocusVisible, FocusVisibleMode } from '../FocusVisible/FocusVisible';\nimport { RootComponent, RootComponentProps } from '../RootComponent/RootComponent';\nimport styles from './Clickable.module.css';\n\nexport interface ClickableProps<T> extends RootComponentProps<T> {\n  baseClassName?: string;\n  focusVisibleMode?: FocusVisibleMode;\n}\n\n/**\n * Некликабельный компонент. Отключаем возможность нажимать на компонент.\n */\nconst NonClickable = <T,>({\n  href,\n  onClick,\n  onClickCapture,\n  ...restProps\n}: RootComponentProps<T>) => <RootComponent {...restProps} />;\n\n/**\n * Кликабельный компонент. Добавляем кучу обвесов\n */\nconst RealClickable = <T,>({\n  baseClassName,\n  children,\n  focusVisibleMode = 'inside',\n  ...restProps\n}: ClickableProps<T>) => {\n  const { focusVisible, onBlur, onFocus } = useFocusVisible();\n\n  return (\n    <RootComponent\n      baseClassName={classNames(baseClassName, styles['Clickable__host'])}\n      onBlur={callMultiple(onBlur, restProps.onBlur)}\n      onFocus={callMultiple(onFocus, restProps.onFocus)}\n      {...restProps}\n    >\n      {children}\n      <FocusVisible visible={focusVisible} mode={focusVisibleMode} />\n    </RootComponent>\n  );\n};\n\n/**\n * Проверяем, является ли компонент кликабельным\n */\nfunction checkClickable<T>(props: ClickableProps<T>): boolean {\n  return (\n    (props.href !== undefined ||\n      props.onClick !== undefined ||\n      props.onClickCapture !== undefined) &&\n    !props.disabled\n  );\n}\n\n/**\n * Определяет правильный компонент и его свойства\n *\n * - если передан Component, используем его\n * - при передаче `href` превратится в `a`,\n * - при передаче `onClick` превратится в `div` c `role=\"button\"` и `tabIndex=\"0\"`.\n * - иначе используется `div`.\n */\nfunction component<T>({\n  Component,\n  onClick,\n  onClickCapture,\n  href,\n  disabled,\n}: RootComponentProps<T>): RootComponentProps<T> {\n  if (Component !== undefined) {\n    return { Component };\n  } else if (href !== undefined) {\n    return { 'Component': 'a', 'role': 'link', 'aria-disabled': disabled };\n  } else if (onClick !== undefined || onClickCapture !== undefined) {\n    return {\n      'Component': 'div',\n      'role': 'button',\n      'tabIndex': disabled ? undefined : 0,\n      'aria-disabled': disabled,\n    };\n  }\n\n  return {};\n}\n\n/**\n * Базовый кликабельный корневой компонент.\n *\n * - при передаче `href` превратится в `a`,\n * - при передаче `onClick` превратится в `div` c `role=\"button\"` и `tabIndex=\"0\"`.\n * - иначе используется `div`.\n */\nexport const Clickable = <T,>({ focusVisibleMode = 'inside', ...restProps }: ClickableProps<T>) => {\n  const commonProps = component(restProps);\n  const isClickable = checkClickable(restProps);\n\n  if (isClickable) {\n    return <RealClickable focusVisibleMode={focusVisibleMode} {...commonProps} {...restProps} />;\n  }\n\n  return <NonClickable {...commonProps} {...restProps} />;\n};\n"],"names":["Clickable","NonClickable","href","onClick","onClickCapture","restProps","RootComponent","RealClickable","baseClassName","children","focusVisibleMode","useFocusVisible","focusVisible","onBlur","onFocus","classNames","callMultiple","FocusVisible","visible","mode","checkClickable","props","undefined","disabled","component","Component","commonProps","isClickable"],"mappings":";;;;+BAiGaA;;;eAAAA;;;;;;+DAjGU;oBACI;+BACK;4BACH;4BACkB;6BACG;AAQlD;;CAEC,GACD,IAAMC,eAAe;QACnBC,cAAAA,MACAC,iBAAAA,SACAC,wBAAAA,gBACGC;QAHHH;QACAC;QACAC;;WAE2B,qBAACE,4BAAa,EAAKD;AAAY;AAE5D;;CAEC,GACD,IAAME,gBAAgB;QACpBC,uBAAAA,eACAC,kBAAAA,2CACAC,kBAAAA,wDAAmB,oCAChBL;QAHHG;QACAC;QACAC;;IAGA,IAA0CC,oBAAAA,IAAAA,gCAAe,KAAjDC,eAAkCD,kBAAlCC,cAAcC,SAAoBF,kBAApBE,QAAQC,UAAYH,kBAAZG;IAE9B,qBACE,qBAACR,4BAAa;QACZE,eAAeO,IAAAA,gBAAU,EAACP;QAC1BK,QAAQG,IAAAA,0BAAY,EAACH,QAAQR,UAAUQ,MAAM;QAC7CC,SAASE,IAAAA,0BAAY,EAACF,SAAST,UAAUS,OAAO;OAC5CT,YAEHI,wBACD,qBAACQ,0BAAY;QAACC,SAASN;QAAcO,MAAMT;;AAGjD;AAEA;;CAEC,GACD,SAASU,eAAkBC,KAAwB;IACjD,OACE,AAACA,CAAAA,MAAMnB,IAAI,KAAKoB,aACdD,MAAMlB,OAAO,KAAKmB,aAClBD,MAAMjB,cAAc,KAAKkB,SAAQ,KACnC,CAACD,MAAME,QAAQ;AAEnB;AAEA;;;;;;;CAOC,GACD,SAASC,UAAa,KAME;QALtBC,YADoB,MACpBA,WACAtB,UAFoB,MAEpBA,SACAC,iBAHoB,MAGpBA,gBACAF,OAJoB,MAIpBA,MACAqB,WALoB,MAKpBA;IAEA,IAAIE,cAAcH,WAAW;QAC3B,OAAO;YAAEG,WAAAA;QAAU;IACrB,OAAO,IAAIvB,SAASoB,WAAW;QAC7B,OAAO;YAAE,aAAa;YAAK,QAAQ;YAAQ,iBAAiBC;QAAS;IACvE,OAAO,IAAIpB,YAAYmB,aAAalB,mBAAmBkB,WAAW;QAChE,OAAO;YACL,aAAa;YACb,QAAQ;YACR,YAAYC,WAAWD,YAAY;YACnC,iBAAiBC;QACnB;IACF;IAEA,OAAO,CAAC;AACV;AASO,IAAMvB,YAAY;yCAAOU,kBAAAA,wDAAmB,oCAAaL;QAAhCK;;IAC9B,IAAMgB,cAAcF,UAAUnB;IAC9B,IAAMsB,cAAcP,eAAef;IAEnC,IAAIsB,aAAa;QACf,qBAAO,qBAACpB;YAAcG,kBAAkBA;WAAsBgB,aAAiBrB;IACjF;IAEA,qBAAO,qBAACJ,mCAAiByB,aAAiBrB;AAC5C"}

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

@@ -15,3 +15,4 @@ export interface ConfigProviderProps extends Partial<ConfigProviderContextInterf
  * @see https://vkcom.github.io/VKUI/#/ConfigProvider
  */
 export declare const ConfigProvider: (props: ConfigProviderProps) => React.JSX.Element;
+//# sourceMappingURL=ConfigProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfigProvider/ConfigProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAEL,8BAA8B,EAG/B,MAAM,yBAAyB,CAAC;AAIjC,MAAM,WAAW,mBAAoB,SAAQ,OAAO,CAAC,8BAA8B,CAAC;IAClF;;;;;;OAMG;IACH,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,UAAW,mBAAmB,sBAoFxD,CAAC"}

package/dist/cjs/components/ConfigProvider/ConfigProviderContext.d.ts

@@ -78,3 +78,4 @@ export interface ConfigProviderContextInterface {
 }
 export declare const ConfigProviderContext: React.Context<ConfigProviderContextInterface>;
 export declare const useConfigProvider: () => ConfigProviderContextInterface;
+//# sourceMappingURL=ConfigProviderContext.d.ts.map

package/dist/cjs/components/ConfigProvider/ConfigProviderContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigProviderContext.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfigProvider/ConfigProviderContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAY,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE5D;;;;GAIG;AACH,oBAAY,WAAW;IACrB,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,8BAA8B;IAC7C;;;;;;;;;;;;;OAaG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;;;OAYG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC;IACxD;;;;;;;;OAQG;IACH,yBAAyB,EAAE,OAAO,CAAC;IACnC;;;;;;;OAOG;IACH,8BAA8B,EAAE,MAAM,GAAG,MAAM,CAAC;IAChD;;OAEG;IACH,UAAU,EAAE,cAAc,GAAG,SAAS,CAAC;IACvC;;OAEG;IACH,uBAAuB,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,qBAAqB,+CAYhC,CAAC;AAEH,eAAO,MAAM,iBAAiB,sCAAgD,CAAC"}

package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js

@@ -9,12 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    WebviewType: function() {
-        return WebviewType;
-    },
     ConfigProviderContext: function() {
         return ConfigProviderContext;
     },
+    WebviewType: function() {
+        return WebviewType;
+    },
     useConfigProvider: function() {
         return useConfigProvider;
     }

package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProviderContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport vkBridge from '@vkontakte/vk-bridge';\nimport type { AppearanceType } from '../../lib/appearance';\nimport { platform, PlatformType } from '../../lib/platform';\n\n/**\n * TODO [>=6]: удалить enum (#5049).\n *\n * @deprecated v5.8.0\n */\nexport enum WebviewType {\n  VKAPPS = 'vkapps',\n  INTERNAL = 'internal',\n}\n\nexport interface ConfigProviderContextInterface {\n  /**\n   * Подсказывает приложению, обёрнутому в `ConfigProvider`, где открыто приложение: внутри webview или в мобильном браузере.\n   *\n   * В условиях когда:\n   * - `isWebView={true}`\n   * - platform=\"ios\"\n   *\n   * для компонента `View` включается возможность навигации через смахивание.\n   *\n   * По умолчанию определяется через `bridge.isWebView()`.\n   *\n   * > ⚠️ В **v6** будет удалена завязка на `@vkontakte/vk-bridge` (см. https://github.com/VKCOM/VKUI/issues/5049).\n   * > Если вы используете `@vkontakte/vk-bridge`, то передавать `bridge.isWebView()` необходимо самостоятельно.\n   */\n  isWebView: boolean; // TODO [>=6]: удалить коммент про v6 @vkontakte/vk-bridge выше\n  /**\n   * Тип вебвью.<br>\n   * В случае `WebviewType.VKAPPS` интерфейс будет адаптирован для отображения в вебвью Mini Apps (системные контролы в правой части шапки)\n   *\n   * > ⚠️ В **v6** свойство будет удалено (см. https://github.com/VKCOM/VKUI/issues/5049).\n   * >\n   * > Используйте вместо него новые свойства:\n   * >\n   * > - `webviewType={WebviewType.INTERNAL}` -> `hasCustomPanelHeaderAfter={false}`.\n   * > - `webviewType={WebviewType.VKAPPS}` -> `hasCustomPanelHeaderAfter={true}`. При необходимости передайте `customPanelHeaderAfterMinWidth={<value>}` (по умолчанию равен `90`).\n   *\n   * @deprecated v5.8.0\n   */\n  webviewType?: WebviewType.INTERNAL | WebviewType.VKAPPS;\n  /**\n   * При `true` слот `after` у `PanelHeader` игнорируется под размещение пользовательского\n   * \"плавающего\" элемента (например, панель управления webview).\n   *\n   * > Note: Правило не распространяется на `PanelHeader` внутри модальных окон, предоставляемых\n   * > библиотекой.\n   *\n   * > ⚠️ В **v6** свойство будет по умолчанию `false` (см. https://github.com/VKCOM/VKUI/issues/5049).\n   */\n  hasCustomPanelHeaderAfter: boolean;\n  /**\n   * Задаёт необходимый минимальную ширину слота `after` в `PanelHeader` под пользовательский\n   * \"плавающий\" элемент (например, ширина панели управления webview).\n   *\n   * Учитывается только при `hasCustomPanelHeaderAfter={true}` (см. документацию `hasCustomPanelHeaderAfter`).\n   *\n   * @default 90\n   */\n  customPanelHeaderAfterMinWidth: number | string;\n  /**\n   * Тип цветовой схемы – `light` или `dark`\n   */\n  appearance: AppearanceType | undefined;\n  /**\n   * Включена ли анимация переходов между экранами в `Root` и `View`\n   */\n  transitionMotionEnabled: boolean;\n  /**\n   * Платформа\n   */\n  platform: PlatformType;\n  /**\n   * Строка с языковой меткой BCP 47\n   */\n  locale: string;\n}\n\nexport const ConfigProviderContext = React.createContext<ConfigProviderContextInterface>({\n  // TODO [>=6]: удалить свойство (#5049).\n  webviewType: undefined,\n  // TODO [>=6]: сделать по умолчанию `false` (#5049).\n  hasCustomPanelHeaderAfter: true,\n  customPanelHeaderAfterMinWidth: 90,\n  // TODO [>=6]: удалить использование vkBridge. Использовать `false` вместо него (#5049).\n  isWebView: vkBridge.isWebView(),\n  transitionMotionEnabled: true,\n  platform: platform(),\n  appearance: undefined, // undefined обозначает что тема должна определиться автоматически\n  locale: 'ru',\n});\n\nexport const useConfigProvider = () => React.useContext(ConfigProviderContext);\n"],"names":["ConfigProviderContext","useConfigProvider","WebviewType","VKAPPS","INTERNAL","React","createContext","webviewType","undefined","hasCustomPanelHeaderAfter","customPanelHeaderAfterMinWidth","isWebView","vkBridge","transitionMotionEnabled","platform","appearance","locale","useContext"],"mappings":";;;;;;;;;;;;;;IAkFaA,qBAAqB;eAArBA;;IAcAC,iBAAiB;eAAjBA;;;;;+DAhGU;iEACF;wBAEkB;IAOhC;UAAKC,WAAW;IAAXA,YACVC,YAAS;IADCD,YAEVE,cAAW;GAFDF,gBAAAA;AAwEL,IAAMF,sCAAwBK,OAAMC,aAAa,CAAiC;IACvF,wCAAwC;IACxCC,aAAaC;IACb,oDAAoD;IACpDC,2BAA2B;IAC3BC,gCAAgC;IAChC,wFAAwF;IACxFC,WAAWC,iBAAQ,CAACD,SAAS;IAC7BE,yBAAyB;IACzBC,UAAUA,IAAAA,kBAAQ;IAClBC,YAAYP;IACZQ,QAAQ;AACV;AAEO,IAAMf,oBAAoB;WAAMI,OAAMY,UAAU,CAACjB"}
+{"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProviderContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport vkBridge from '@vkontakte/vk-bridge';\nimport type { AppearanceType } from '../../lib/appearance';\nimport { platform, PlatformType } from '../../lib/platform';\n\n/**\n * TODO [>=6]: удалить enum (#5049).\n *\n * @deprecated v5.8.0\n */\nexport enum WebviewType {\n  VKAPPS = 'vkapps',\n  INTERNAL = 'internal',\n}\n\nexport interface ConfigProviderContextInterface {\n  /**\n   * Подсказывает приложению, обёрнутому в `ConfigProvider`, где открыто приложение: внутри webview или в мобильном браузере.\n   *\n   * В условиях когда:\n   * - `isWebView={true}`\n   * - platform=\"ios\"\n   *\n   * для компонента `View` включается возможность навигации через смахивание.\n   *\n   * По умолчанию определяется через `bridge.isWebView()`.\n   *\n   * > ⚠️ В **v6** будет удалена завязка на `@vkontakte/vk-bridge` (см. https://github.com/VKCOM/VKUI/issues/5049).\n   * > Если вы используете `@vkontakte/vk-bridge`, то передавать `bridge.isWebView()` необходимо самостоятельно.\n   */\n  isWebView: boolean; // TODO [>=6]: удалить коммент про v6 @vkontakte/vk-bridge выше\n  /**\n   * Тип вебвью.<br>\n   * В случае `WebviewType.VKAPPS` интерфейс будет адаптирован для отображения в вебвью Mini Apps (системные контролы в правой части шапки)\n   *\n   * > ⚠️ В **v6** свойство будет удалено (см. https://github.com/VKCOM/VKUI/issues/5049).\n   * >\n   * > Используйте вместо него новые свойства:\n   * >\n   * > - `webviewType={WebviewType.INTERNAL}` -> `hasCustomPanelHeaderAfter={false}`.\n   * > - `webviewType={WebviewType.VKAPPS}` -> `hasCustomPanelHeaderAfter={true}`. При необходимости передайте `customPanelHeaderAfterMinWidth={<value>}` (по умолчанию равен `90`).\n   *\n   * @deprecated v5.8.0\n   */\n  webviewType?: WebviewType.INTERNAL | WebviewType.VKAPPS;\n  /**\n   * При `true` слот `after` у `PanelHeader` игнорируется под размещение пользовательского\n   * \"плавающего\" элемента (например, панель управления webview).\n   *\n   * > Note: Правило не распространяется на `PanelHeader` внутри модальных окон, предоставляемых\n   * > библиотекой.\n   *\n   * > ⚠️ В **v6** свойство будет по умолчанию `false` (см. https://github.com/VKCOM/VKUI/issues/5049).\n   */\n  hasCustomPanelHeaderAfter: boolean;\n  /**\n   * Задаёт необходимый минимальную ширину слота `after` в `PanelHeader` под пользовательский\n   * \"плавающий\" элемент (например, ширина панели управления webview).\n   *\n   * Учитывается только при `hasCustomPanelHeaderAfter={true}` (см. документацию `hasCustomPanelHeaderAfter`).\n   *\n   * @default 90\n   */\n  customPanelHeaderAfterMinWidth: number | string;\n  /**\n   * Тип цветовой схемы – `light` или `dark`\n   */\n  appearance: AppearanceType | undefined;\n  /**\n   * Включена ли анимация переходов между экранами в `Root` и `View`\n   */\n  transitionMotionEnabled: boolean;\n  /**\n   * Платформа\n   */\n  platform: PlatformType;\n  /**\n   * Строка с языковой меткой BCP 47\n   */\n  locale: string;\n}\n\nexport const ConfigProviderContext = React.createContext<ConfigProviderContextInterface>({\n  // TODO [>=6]: удалить свойство (#5049).\n  webviewType: undefined,\n  // TODO [>=6]: сделать по умолчанию `false` (#5049).\n  hasCustomPanelHeaderAfter: true,\n  customPanelHeaderAfterMinWidth: 90,\n  // TODO [>=6]: удалить использование vkBridge. Использовать `false` вместо него (#5049).\n  isWebView: vkBridge.isWebView(),\n  transitionMotionEnabled: true,\n  platform: platform(),\n  appearance: undefined, // undefined обозначает что тема должна определиться автоматически\n  locale: 'ru',\n});\n\nexport const useConfigProvider = () => React.useContext(ConfigProviderContext);\n"],"names":["ConfigProviderContext","useConfigProvider","WebviewType","React","createContext","webviewType","undefined","hasCustomPanelHeaderAfter","customPanelHeaderAfterMinWidth","isWebView","vkBridge","transitionMotionEnabled","platform","appearance","locale","useContext"],"mappings":";;;;;;;;;;;IAkFaA,qBAAqB;eAArBA;;;;;IAcAC,iBAAiB;eAAjBA;;;;;+DAhGU;iEACF;wBAEkB;;UAO3BC;;;GAAAA,gBAAAA;AAwEL,IAAMF,sCAAwBG,OAAMC,aAAa,CAAiC;IACvF,wCAAwC;IACxCC,aAAaC;IACb,oDAAoD;IACpDC,2BAA2B;IAC3BC,gCAAgC;IAChC,wFAAwF;IACxFC,WAAWC,iBAAQ,CAACD,SAAS;IAC7BE,yBAAyB;IACzBC,UAAUA,IAAAA,kBAAQ;IAClBC,YAAYP;IACZQ,QAAQ;AACV;AAEO,IAAMb,oBAAoB;WAAME,OAAMY,UAAU,CAACf"}

package/dist/cjs/components/ConfigProvider/ConfigProviderOverride.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ConfigProviderContextInterface } from './ConfigProviderContext';
 export interface ConfigProviderOverrideProps extends Partial<ConfigProviderContextInterface> {
     children: React.ReactNode;
@@ -7,3 +7,4 @@ export interface ConfigProviderOverrideProps extends Partial<ConfigProviderConte
  * Компонент предназначен для перебивания одного из значений контекста
  */
 export declare function ConfigProviderOverride({ children, ...contextValue }: ConfigProviderOverrideProps): React.JSX.Element;
+//# sourceMappingURL=ConfigProviderOverride.d.ts.map