npm - @vkontakte/vkui - Versions diffs - 5.4.3 → 5.5.1 - Mend

@vkontakte/vkui 5.4.3 → 5.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1975) hide show

package/dist/cjs/components/Checkbox/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n Icon20CheckBoxIndetermanate,\n Icon20CheckBoxOff,\n Icon20CheckBoxOn,\n Icon24CheckBoxOff,\n Icon24CheckBoxOn,\n} from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRef, HasRootRef } from '../../types';\nimport { ACTIVE_EFFECT_DELAY, Tappable, type TappableProps } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './Checkbox.module.css';\n\nconst sizeYClassNames = {\n none: styles['Checkbox--sizeY-none'],\n [SizeType.COMPACT]: styles['Checkbox--sizeY-compact'],\n [SizeType.REGULAR]: styles['Checkbox--sizeY-regular'],\n};\n\nexport interface CheckboxProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRootRef<HTMLLabelElement>,\n HasRef<HTMLInputElement>,\n Pick<\n TappableProps,\n 'hoverMode' \| 'activeMode' \| 'hasHover' \| 'hasActive' \| 'focusVisibleMode'\n > {\n description?: React.ReactNode;\n indeterminate?: boolean;\n defaultIndeterminate?: boolean;\n titleAfter?: React.ReactNode;\n}\n\nconst warn = warnOnce('Checkbox');\n\n/*\n @see https://vkcom.github.io/VKUI/#/Checkbox\n */\nexport const Checkbox = ({\n children,\n className,\n style,\n getRootRef,\n getRef,\n description,\n indeterminate,\n defaultIndeterminate,\n hoverMode,\n activeMode,\n hasHover,\n hasActive,\n focusVisibleMode,\n onChange,\n titleAfter,\n ...restProps\n}: CheckboxProps) => {\n const inputRef = useExternRef(getRef);\n const platform = usePlatform();\n const { sizeY = 'none' } = useAdaptivity();\n const { sizeY: adaptiveSizeY } = useAdaptivityConditionalRender();\n\n React.useEffect(() => {\n const indeterminateValue = indeterminate === undefined ? defaultIndeterminate : indeterminate;\n\n if (inputRef.current) {\n inputRef.current.indeterminate = Boolean(indeterminateValue);\n }\n }, [defaultIndeterminate, indeterminate, inputRef]);\n\n const handleChange: CheckboxProps['onChange'] = React.useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n if (\n defaultIndeterminate !== undefined &&\n indeterminate === undefined &&\n restProps.checked === undefined &&\n inputRef.current\n ) {\n inputRef.current.indeterminate = false;\n }\n if (indeterminate !== undefined && inputRef.current) {\n inputRef.current.indeterminate = indeterminate;\n }\n onChange && onChange(event);\n },\n [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef],\n );\n\n if (process.env.NODE_ENV === 'development') {\n if (defaultIndeterminate && restProps.defaultChecked) {\n warn('defaultIndeterminate и defaultChecked не могут быть true одновременно', 'error');\n }\n\n if (indeterminate && restProps.checked) {\n warn('indeterminate и checked не могут быть true одновременно', 'error');\n }\n\n if (restProps.defaultChecked && restProps.checked) {\n warn('defaultChecked и checked не могут быть true одновременно', 'error');\n }\n }\n\n return (\n <Tappable\n Component=\"label\"\n className={classNames(\n styles['Checkbox'],\n platform === Platform.VKCOM && styles['Checkbox--vkcom'],\n sizeYClassNames[sizeY],\n !(hasReactNode(children) \|\| hasReactNode(description)) && styles['Checkbox--simple'],\n className,\n )}\n style={style}\n disabled={restProps.disabled}\n activeEffectDelay={platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY}\n getRootRef={getRootRef}\n hoverMode={hoverMode}\n activeMode={activeMode}\n hasHover={hasHover}\n hasActive={hasActive}\n focusVisibleMode={focusVisibleMode}\n >\n <VisuallyHidden\n {...restProps}\n Component=\"input\"\n type=\"checkbox\"\n onChange={handleChange}\n className={styles['Checkbox__input']}\n getRootRef={inputRef}\n />\n <div className={classNames(styles['Checkbox__icon'], styles['Checkbox__icon--on'])}>\n {platform === Platform.VKCOM ? (\n <Icon20CheckBoxOn />\n ) : (\n <React.Fragment>\n {adaptiveSizeY.compact && (\n <Icon20CheckBoxOn className={adaptiveSizeY.compact.className} />\n )}\n {adaptiveSizeY.regular && (\n <Icon24CheckBoxOn className={adaptiveSizeY.regular.className} />\n )}\n </React.Fragment>\n )}\n </div>\n <div className={classNames(styles['Checkbox__icon'], styles['Checkbox__icon--off'])}>\n {platform === Platform.VKCOM ? (\n <Icon20CheckBoxOff />\n ) : (\n <React.Fragment>\n {adaptiveSizeY.compact && (\n <Icon20CheckBoxOff className={adaptiveSizeY.compact.className} />\n )}\n {adaptiveSizeY.regular && (\n <Icon24CheckBoxOff className={adaptiveSizeY.regular.className} />\n )}\n </React.Fragment>\n )}\n </div>\n <div\n className={classNames(styles['Checkbox__icon'], styles['Checkbox__icon--indeterminate'])}\n >\n {platform === Platform.VKCOM ? (\n <Icon20CheckBoxIndetermanate width={20} height={20} />\n ) : (\n <React.Fragment>\n {adaptiveSizeY.compact && (\n <Icon20CheckBoxIndetermanate\n className={adaptiveSizeY.compact.className}\n width={20}\n height={20}\n />\n )}\n {adaptiveSizeY.regular && (\n <Icon20CheckBoxIndetermanate\n className={adaptiveSizeY.regular.className}\n width={24}\n height={24}\n />\n )}\n </React.Fragment>\n )}\n </div>\n <div className={styles['Checkbox__content']}>\n <div className={styles['Checkbox__title']}>\n <span>{children}</span>\n <div className={styles['Checkbox__titleAfter']}>{titleAfter}</div>\n </div>\n {hasReactNode(description) && (\n <Footnote className={styles['Checkbox__description']}>{description}</Footnote>\n )}\n </div>\n </Tappable>\n );\n};\n"],"names":["Checkbox","sizeYClassNames","none","SizeType","COMPACT","REGULAR","warn","warnOnce","children","className","style","getRootRef","getRef","description","indeterminate","defaultIndeterminate","hoverMode","activeMode","hasHover","hasActive","focusVisibleMode","onChange","titleAfter","restProps","inputRef","useExternRef","platform","usePlatform","useAdaptivity","sizeY","useAdaptivityConditionalRender","adaptiveSizeY","React","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","process","env","NODE_ENV","defaultChecked","Tappable","Component","classNames","Platform","VKCOM","hasReactNode","disabled","activeEffectDelay","IOS","ACTIVE_EFFECT_DELAY","VisuallyHidden","type","div","Icon20CheckBoxOn","Fragment","compact","regular","Icon24CheckBoxOn","Icon20CheckBoxOff","Icon24CheckBoxOff","Icon20CheckBoxIndetermanate","width","height","span","Footnote"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n Icon20CheckBoxIndetermanate,\n Icon20CheckBoxOff,\n Icon20CheckBoxOn,\n Icon24CheckBoxOff,\n Icon24CheckBoxOn,\n} from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRef, HasRootRef } from '../../types';\nimport { ACTIVE_EFFECT_DELAY, Tappable, type TappableProps } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './Checkbox.module.css';\n\nconst sizeYClassNames = {\n none: styles['Checkbox--sizeY-none'],\n [SizeType.COMPACT]: styles['Checkbox--sizeY-compact'],\n [SizeType.REGULAR]: styles['Checkbox--sizeY-regular'],\n};\n\nexport interface CheckboxProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRootRef<HTMLLabelElement>,\n HasRef<HTMLInputElement>,\n Pick<\n TappableProps,\n 'hoverMode' \| 'activeMode' \| 'hasHover' \| 'hasActive' \| 'focusVisibleMode'\n > {\n description?: React.ReactNode;\n indeterminate?: boolean;\n defaultIndeterminate?: boolean;\n titleAfter?: React.ReactNode;\n}\n\nconst warn = warnOnce('Checkbox');\n\n/*\n @see https://vkcom.github.io/VKUI/#/Checkbox\n */\nexport const Checkbox = ({\n children,\n className,\n style,\n getRootRef,\n getRef,\n description,\n indeterminate,\n defaultIndeterminate,\n hoverMode,\n activeMode,\n hasHover,\n hasActive,\n focusVisibleMode,\n onChange,\n titleAfter,\n ...restProps\n}: CheckboxProps) => {\n const inputRef = useExternRef(getRef);\n const platform = usePlatform();\n const { sizeY = 'none' } = useAdaptivity();\n const { sizeY: adaptiveSizeY } = useAdaptivityConditionalRender();\n\n React.useEffect(() => {\n const indeterminateValue = indeterminate === undefined ? defaultIndeterminate : indeterminate;\n\n if (inputRef.current) {\n inputRef.current.indeterminate = Boolean(indeterminateValue);\n }\n }, [defaultIndeterminate, indeterminate, inputRef]);\n\n const handleChange: CheckboxProps['onChange'] = React.useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n if (\n defaultIndeterminate !== undefined &&\n indeterminate === undefined &&\n restProps.checked === undefined &&\n inputRef.current\n ) {\n inputRef.current.indeterminate = false;\n }\n if (indeterminate !== undefined && inputRef.current) {\n inputRef.current.indeterminate = indeterminate;\n }\n onChange && onChange(event);\n },\n [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef],\n );\n\n if (process.env.NODE_ENV === 'development') {\n if (defaultIndeterminate && restProps.defaultChecked) {\n warn('defaultIndeterminate и defaultChecked не могут быть true одновременно', 'error');\n }\n\n if (indeterminate && restProps.checked) {\n warn('indeterminate и checked не могут быть true одновременно', 'error');\n }\n\n if (restProps.defaultChecked && restProps.checked) {\n warn('defaultChecked и checked не могут быть true одновременно', 'error');\n }\n }\n\n return (\n <Tappable\n Component=\"label\"\n className={classNames(\n styles['Checkbox'],\n platform === Platform.VKCOM && styles['Checkbox--vkcom'],\n sizeYClassNames[sizeY],\n !(hasReactNode(children) \|\| hasReactNode(description)) && styles['Checkbox--simple'],\n className,\n )}\n style={style}\n disabled={restProps.disabled}\n activeEffectDelay={platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY}\n getRootRef={getRootRef}\n hoverMode={hoverMode}\n activeMode={activeMode}\n hasHover={hasHover}\n hasActive={hasActive}\n focusVisibleMode={focusVisibleMode}\n >\n <VisuallyHidden\n {...restProps}\n Component=\"input\"\n type=\"checkbox\"\n onChange={handleChange}\n className={styles['Checkbox__input']}\n getRootRef={inputRef}\n />\n <div className={classNames(styles['Checkbox__icon'], styles['Checkbox__icon--on'])}>\n {platform === Platform.VKCOM ? (\n <Icon20CheckBoxOn />\n ) : (\n <React.Fragment>\n {adaptiveSizeY.compact && (\n <Icon20CheckBoxOn className={adaptiveSizeY.compact.className} />\n )}\n {adaptiveSizeY.regular && (\n <Icon24CheckBoxOn className={adaptiveSizeY.regular.className} />\n )}\n </React.Fragment>\n )}\n </div>\n <div className={classNames(styles['Checkbox__icon'], styles['Checkbox__icon--off'])}>\n {platform === Platform.VKCOM ? (\n <Icon20CheckBoxOff />\n ) : (\n <React.Fragment>\n {adaptiveSizeY.compact && (\n <Icon20CheckBoxOff className={adaptiveSizeY.compact.className} />\n )}\n {adaptiveSizeY.regular && (\n <Icon24CheckBoxOff className={adaptiveSizeY.regular.className} />\n )}\n </React.Fragment>\n )}\n </div>\n <div\n className={classNames(styles['Checkbox__icon'], styles['Checkbox__icon--indeterminate'])}\n >\n {platform === Platform.VKCOM ? (\n <Icon20CheckBoxIndetermanate width={20} height={20} />\n ) : (\n <React.Fragment>\n {adaptiveSizeY.compact && (\n <Icon20CheckBoxIndetermanate\n className={adaptiveSizeY.compact.className}\n width={20}\n height={20}\n />\n )}\n {adaptiveSizeY.regular && (\n <Icon20CheckBoxIndetermanate\n className={adaptiveSizeY.regular.className}\n width={24}\n height={24}\n />\n )}\n </React.Fragment>\n )}\n </div>\n <div className={styles['Checkbox__content']}>\n <div className={styles['Checkbox__title']}>\n <span>{children}</span>\n <div className={styles['Checkbox__titleAfter']}>{titleAfter}</div>\n </div>\n {hasReactNode(description) && (\n <Footnote className={styles['Checkbox__description']}>{description}</Footnote>\n )}\n </div>\n </Tappable>\n );\n};\n"],"names":["Checkbox","sizeYClassNames","none","SizeType","COMPACT","REGULAR","warn","warnOnce","children","className","style","getRootRef","getRef","description","indeterminate","defaultIndeterminate","hoverMode","activeMode","hasHover","hasActive","focusVisibleMode","onChange","titleAfter","restProps","inputRef","useExternRef","platform","usePlatform","useAdaptivity","sizeY","useAdaptivityConditionalRender","adaptiveSizeY","React","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","process","env","NODE_ENV","defaultChecked","Tappable","Component","classNames","Platform","VKCOM","hasReactNode","disabled","activeEffectDelay","IOS","ACTIVE_EFFECT_DELAY","VisuallyHidden","type","div","Icon20CheckBoxOn","Fragment","compact","regular","Icon24CheckBoxOn","Icon20CheckBoxOff","Icon24CheckBoxOff","Icon20CheckBoxIndetermanate","width","height","span","Footnote"],"mappings":"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"}

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

@@ -22,4 +22,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, className, ...restProps }: ChipProps) => JSX.Element;
+export declare const Chip: ({ value, option, removable, onRemove, removeAriaLabel, before, after, children, className, ...restProps }: ChipProps) => React.JSX.Element;

package/dist/cjs/components/Chip/Chip.js CHANGED Viewed

@@ -8,23 +8,23 @@ Object.defineProperty(exports, "Chip", {
         return Chip;
     }
 });
-var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _define_property = require("@swc/helpers/_/_define_property");
+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 _icons = require("@vkontakte/icons");
 var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _adaptivity = require("../../lib/adaptivity");
 var _utils = require("../../lib/utils");
-var _tappable = require("../Tappable/Tappable");
-var _footnote = require("../Typography/Footnote/Footnote");
-var sizeYClassNames = _defineProperty({
+var _Tappable = require("../Tappable/Tappable");
+var _Footnote = require("../Typography/Footnote/Footnote");
+var sizeYClassNames = _define_property._({
     none: "vkuiChip--sizeY-none"
 }, _adaptivity.SizeType.COMPACT, "vkuiChip--sizeY-compact");
 var Chip = function(_param) {
-    var _param_value = _param.value, value = _param_value === void 0 ? "" : _param_value, option = _param.option, _param_removable = _param.removable, removable = _param_removable === void 0 ? true : _param_removable, _param_onRemove = _param.onRemove, onRemove = _param_onRemove === void 0 ? _vkjs.noop : _param_onRemove, _param_removeAriaLabel = _param.removeAriaLabel, removeAriaLabel = _param_removeAriaLabel === void 0 ? "Удалить" : _param_removeAriaLabel, _param_before = _param.before, before = _param_before === void 0 ? null : _param_before, after = _param.after, children = _param.children, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var _param_value = _param.value, value = _param_value === void 0 ? "" : _param_value, option = _param.option, _param_removable = _param.removable, removable = _param_removable === void 0 ? true : _param_removable, _param_onRemove = _param.onRemove, onRemove = _param_onRemove === void 0 ? _vkjs.noop : _param_onRemove, _param_removeAriaLabel = _param.removeAriaLabel, removeAriaLabel = _param_removeAriaLabel === void 0 ? "Удалить" : _param_removeAriaLabel, _param_before = _param.before, before = _param_before === void 0 ? null : _param_before, after = _param.after, children = _param.children, className = _param.className, restProps = _object_without_properties._(_param, [
         "value",
         "option",
         "removable",
@@ -43,7 +43,7 @@ var Chip = function(_param) {
         value
     ]);
     var title = (0, _utils.getTitleFromChildren)(children);
-    return /*#__PURE__*/ _react.createElement("div", _objectSpread({
+    return /*#__PURE__*/ _react.createElement("div", _object_spread._({
         className: (0, _vkjs.classNames)("vkuiChip", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], removable && "vkuiChip--removable", className),
         role: "option",
         "aria-label": title
@@ -52,13 +52,13 @@ var Chip = function(_param) {
         role: "presentation"
     }, (0, _vkjs.hasReactNode)(before) && /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiChip__before"
-    }, before), /*#__PURE__*/ _react.createElement(_footnote.Footnote, {
+    }, before), /*#__PURE__*/ _react.createElement(_Footnote.Footnote, {
         className: "vkuiChip__content",
         title: title,
         "aria-hidden": true
     }, children), (0, _vkjs.hasReactNode)(after) && /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiChip__after"
-    }, after), removable && /*#__PURE__*/ _react.createElement(_tappable.Tappable, {
+    }, after), removable && /*#__PURE__*/ _react.createElement(_Tappable.Tappable, {
         Component: "button",
         className: "vkuiChip__remove",
         onClick: onRemoveWrapper,

package/dist/cjs/components/Chip/Chip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './Chip.module.css';\n\nconst sizeYClassNames = {\n none: styles['Chip--sizeY-none'],\n [SizeType.COMPACT]: styles['Chip--sizeY-compact'],\n};\n\nexport type ChipValue = string \| number;\n\nexport interface ChipOption {\n value?: ChipValue;\n label?: string;\n [otherProp: string]: any;\n}\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {\n value: ChipValue;\n option?: ChipOption;\n onRemove?: (event?: React.MouseEvent, value?: ChipValue) => void;\n removable?: boolean;\n removeAriaLabel?: string;\n before?: React.ReactNode;\n after?: React.ReactNode;\n}\n\nexport interface RenderChip<T extends ChipOption> extends ChipProps {\n label: string;\n option: T;\n disabled: boolean;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Chip\n */\nexport const Chip = ({\n value = '',\n option,\n removable = true,\n onRemove = noop,\n removeAriaLabel = 'Удалить',\n before = null,\n after,\n children,\n className,\n ...restProps\n}: ChipProps) => {\n const { sizeY = 'none' } = useAdaptivity();\n const onRemoveWrapper = React.useCallback(\n (event: React.MouseEvent) => {\n onRemove(event, value);\n },\n [onRemove, value],\n );\n const title = getTitleFromChildren(children);\n\n return (\n <div\n className={classNames(\n styles['Chip'],\n sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n removable && styles['Chip--removable'],\n className,\n )}\n role=\"option\"\n aria-label={title}\n {...restProps}\n >\n <div className={styles['Chip__in']} role=\"presentation\">\n {hasReactNode(before) && <div className={styles['Chip__before']}>{before}</div>}\n <Footnote className={styles['Chip__content']} title={title} aria-hidden>\n {children}\n </Footnote>\n {hasReactNode(after) && <div className={styles['Chip__after']}>{after}</div>}\n\n {removable && (\n <Tappable\n Component=\"button\"\n className={styles['Chip__remove']}\n onClick={onRemoveWrapper}\n hasHover={false}\n hasActive={false}\n aria-label={`${removeAriaLabel} ${title}`}\n >\n <Icon16Cancel />\n </Tappable>\n )}\n </div>\n </div>\n );\n};\n"],"names":["Chip","sizeYClassNames","none","SizeType","COMPACT","value","option","removable","onRemove","noop","removeAriaLabel","before","after","children","className","restProps","useAdaptivity","sizeY","onRemoveWrapper","React","useCallback","event","title","getTitleFromChildren","div","classNames","REGULAR","role","aria-label","hasReactNode","Footnote","aria-hidden","Tappable","Component","onClick","hasHover","hasActive","Icon16Cancel"],"mappings":";;;;+BA0CaA;;;eAAAA~~;;;;;;;2DA1CU~~;qBACM;oBACkB;6BACjB;0BACL;qBACY;wBACZ;wBACA;AAGzB,IAAMC;IACJC,IAAI;GACHC,~~oBAAQ,CAACC,OAAO~~;~~AA8BZ~~,IAAMJ,OAAO~~,iBAWH~~;~~8BAVfK~~,OAAAA,kCAAQ,mBACRC,gBAAAA,kCACAC,WAAAA,0CAAY,~~IAAI~~,~~8CAChBC,~~UAAAA,wCAAWC,~~UAAI~~,~~oDACfC,~~iBAAAA,sDAAkB,2DAClBC,QAAAA,oCAAS,~~IAAI~~,~~kBACbC,~~eAAAA,OACAC,kBAAAA,UACAC,mBAAAA,WACGC;QATHV;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;;IAGA,IAA2BE,kBAAAA,IAAAA,~~4BAAa~~,~~4BAAbA,~~gBAAnBC,OAAAA,0CAAQ;IAChB,IAAMC,kBAAkBC,OAAMC,~~WAAW~~,~~CACvC,~~SAACC~~,OAA4B~~;~~QAC3Bb~~,SAASa,OAAOhB;IAClB,GACA;QAACG;QAAUH;KAAM;IAEnB,IAAMiB,QAAQC,IAAAA,~~2BAAoB,EAACV~~;IAEnC,qBACE,qBAACW;QACCV,WAAWW,IAAAA,~~gBAAU~~,~~cAEnBR,~~UAAUd,~~oBAAQ~~,~~CAACuB~~,~~OAAO,IAAIzB,~~eAAe,CAACgB,MAAM,EACpDV,oCACAO;QAEFa,MAAK;QACLC,cAAYN;OACRP,0BAEJ,qBAACS;QAAIV,SAAS;QAAsBa,MAAK;OACtCE,IAAAA,~~kBAAY~~,~~EAAClB,~~yBAAW,qBAACa;QAAIV,SAAS;OAA2BH,uBAClE,qBAACmB~~,kBAAQ~~;~~QAAChB~~,SAAS;QAA2BQ,OAAOA;QAAOS,eAAAA~~,IAAW~~;~~OACpElB~~,WAEFgB,IAAAA,~~kBAAY~~,~~EAACjB,~~wBAAU,qBAACY;QAAIV,SAAS;OAA0BF,QAE/DL,2BACC,qBAACyB~~,kBAAQ~~;~~QACPC~~,WAAU;QACVnB,SAAS;QACToB,SAAShB;QACTiB,UAAU~~,KAAK~~;~~QACfC~~,WAAW~~,KAAK~~;~~QAChBR~~,cAAY,AAAC,GAAqBN,OAAnBZ,iBAAgB,KAAS,OAANY;qBAElC,qBAACe~~,mBAAY~~;~~AAMzB~~"}
1	+ {"version":3,"sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './Chip.module.css';\n\nconst sizeYClassNames = {\n none: styles['Chip--sizeY-none'],\n [SizeType.COMPACT]: styles['Chip--sizeY-compact'],\n};\n\nexport type ChipValue = string \| number;\n\nexport interface ChipOption {\n value?: ChipValue;\n label?: string;\n [otherProp: string]: any;\n}\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {\n value: ChipValue;\n option?: ChipOption;\n onRemove?: (event?: React.MouseEvent, value?: ChipValue) => void;\n removable?: boolean;\n removeAriaLabel?: string;\n before?: React.ReactNode;\n after?: React.ReactNode;\n}\n\nexport interface RenderChip<T extends ChipOption> extends ChipProps {\n label: string;\n option: T;\n disabled: boolean;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Chip\n */\nexport const Chip = ({\n value = '',\n option,\n removable = true,\n onRemove = noop,\n removeAriaLabel = 'Удалить',\n before = null,\n after,\n children,\n className,\n ...restProps\n}: ChipProps) => {\n const { sizeY = 'none' } = useAdaptivity();\n const onRemoveWrapper = React.useCallback(\n (event: React.MouseEvent) => {\n onRemove(event, value);\n },\n [onRemove, value],\n );\n const title = getTitleFromChildren(children);\n\n return (\n <div\n className={classNames(\n styles['Chip'],\n sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n removable && styles['Chip--removable'],\n className,\n )}\n role=\"option\"\n aria-label={title}\n {...restProps}\n >\n <div className={styles['Chip__in']} role=\"presentation\">\n {hasReactNode(before) && <div className={styles['Chip__before']}>{before}</div>}\n <Footnote className={styles['Chip__content']} title={title} aria-hidden>\n {children}\n </Footnote>\n {hasReactNode(after) && <div className={styles['Chip__after']}>{after}</div>}\n\n {removable && (\n <Tappable\n Component=\"button\"\n className={styles['Chip__remove']}\n onClick={onRemoveWrapper}\n hasHover={false}\n hasActive={false}\n aria-label={`${removeAriaLabel} ${title}`}\n >\n <Icon16Cancel />\n </Tappable>\n )}\n </div>\n </div>\n );\n};\n"],"names":["Chip","sizeYClassNames","none","SizeType","COMPACT","value","option","removable","onRemove","noop","removeAriaLabel","before","after","children","className","restProps","useAdaptivity","sizeY","onRemoveWrapper","React","useCallback","event","title","getTitleFromChildren","div","classNames","REGULAR","role","aria-label","hasReactNode","Footnote","aria-hidden","Tappable","Component","onClick","hasHover","hasActive","Icon16Cancel"],"mappings":";;;;+BA0CaA;;;eAAAA;;;;;;;+DA1CU;qBACM;oBACkB;6BACjB;0BACL;qBACY;wBACZ;wBACA;AAGzB,IAAMC;IACJC,IAAI;GACHC,qBAASC;AA8BL,IAAMJ,OAAO;8BAClBK,OAAAA,kCAAQ,mBACRC,gBAAAA,kCACAC,WAAAA,0CAAY,kDACZC,UAAAA,wCAAWC,8DACXC,iBAAAA,sDAAkB,2DAClBC,QAAAA,oCAAS,sBACTC,eAAAA,OACAC,kBAAAA,UACAC,mBAAAA,WACGC;QATHV;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;;IAGA,IAA2BE,kBAAAA,IAAAA,wDAAAA,gBAAnBC,OAAAA,0CAAQ;IAChB,IAAMC,kBAAkBC,OAAMC,YAC5B,SAACC;QACCb,SAASa,OAAOhB;IAClB,GACA;QAACG;QAAUH;KAAM;IAEnB,IAAMiB,QAAQC,IAAAA,6BAAqBV;IAEnC,qBACE,qBAACW;QACCV,WAAWW,IAAAA,8BAETR,UAAUd,qBAASuB,WAAWzB,eAAe,CAACgB,MAAM,EACpDV,oCACAO;QAEFa,MAAK;QACLC,cAAYN;OACRP,0BAEJ,qBAACS;QAAIV,SAAS;QAAsBa,MAAK;OACtCE,IAAAA,oBAAalB,yBAAW,qBAACa;QAAIV,SAAS;OAA2BH,uBAClE,qBAACmB;QAAShB,SAAS;QAA2BQ,OAAOA;QAAOS,eAAAA;OACzDlB,WAEFgB,IAAAA,oBAAajB,wBAAU,qBAACY;QAAIV,SAAS;OAA0BF,QAE/DL,2BACC,qBAACyB;QACCC,WAAU;QACVnB,SAAS;QACToB,SAAShB;QACTiB,UAAU;QACVC,WAAW;QACXR,cAAY,AAAC,GAAqBN,OAAnBZ,iBAAgB,KAAS,OAANY;qBAElC,qBAACe;AAMb"}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { ChipOption } from '../Chip/Chip';
 import { ChipsInputBaseProps } from '../ChipsInputBase/ChipsInputBase';
 import { FormFieldProps } from '../FormField/FormField';
@@ -7,4 +7,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>) => JSX.Element;
+export declare const ChipsInput: <Option extends ChipOption>({ style, className, getRootRef, before, after, status, mode, ...restProps }: ChipsInputProps<Option>) => React.JSX.Element;

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

@@ -8,14 +8,14 @@ Object.defineProperty(exports, "ChipsInput", {
         return ChipsInput;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _chipsInputBase = require("../ChipsInputBase/ChipsInputBase");
-var _formField = require("../FormField/FormField");
+var _ChipsInputBase = require("../ChipsInputBase/ChipsInputBase");
+var _FormField = require("../FormField/FormField");
 var ChipsInput = function(_param) {
-    var style = _param.style, className = _param.className, getRootRef = _param.getRootRef, before = _param.before, after = _param.after, status = _param.status, mode = _param.mode, restProps = _objectWithoutProperties(_param, [
+    var style = _param.style, className = _param.className, getRootRef = _param.getRootRef, before = _param.before, after = _param.after, status = _param.status, mode = _param.mode, restProps = _object_without_properties._(_param, [
         "style",
         "className",
         "getRootRef",
@@ -24,7 +24,7 @@ var ChipsInput = function(_param) {
         "status",
         "mode"
     ]);
-    return /*#__PURE__*/ _react.createElement(_formField.FormField, {
+    return /*#__PURE__*/ _react.createElement(_FormField.FormField, {
         getRootRef: getRootRef,
         className: (0, _vkjs.classNames)("vkuiChipsInput", "vkuiInternalChipsInput", className),
         style: style,
@@ -36,7 +36,7 @@ var ChipsInput = function(_param) {
         "aria-readonly": restProps.readOnly,
         status: status,
         mode: mode
-    }, /*#__PURE__*/ _react.createElement(_chipsInputBase.ChipsInputBase, restProps));
+    }, /*#__PURE__*/ _react.createElement(_ChipsInputBase.ChipsInputBase, restProps));
 };
 //# sourceMappingURL=ChipsInput.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ChipsInput/ChipsInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ChipOption } from '../Chip/Chip';\nimport { ChipsInputBase, ChipsInputBaseProps } from '../ChipsInputBase/ChipsInputBase';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport styles from './ChipsInput.module.css';\n\nexport interface ChipsInputProps<Option extends ChipOption>\n extends ChipsInputBaseProps<Option>,\n FormFieldProps {}\n\n/*\n @see https://vkcom.github.io/VKUI/#/ChipsInput\n */\nexport const ChipsInput = <Option extends ChipOption>({\n style,\n className,\n getRootRef,\n before,\n after,\n status,\n mode,\n ...restProps\n}: ChipsInputProps<Option>) => {\n return (\n <FormField\n getRootRef={getRootRef}\n className={classNames(styles['ChipsInput'], 'vkuiInternalChipsInput', className)}\n style={style}\n disabled={restProps.disabled}\n before={before}\n after={after}\n role=\"application\"\n aria-disabled={restProps.disabled}\n aria-readonly={restProps.readOnly}\n status={status}\n mode={mode}\n >\n <ChipsInputBase {...restProps} />\n </FormField>\n );\n};\n"],"names":["ChipsInput","style","className","getRootRef","before","after","status","mode","restProps","FormField","classNames","disabled","role","aria-disabled","aria-readonly","readOnly","ChipsInputBase"],"mappings":";;;;+BAcaA;;;eAAAA~~;;;;;2DAdU~~;oBACI;8BAEyB;yBACV;AAUnC,IAAMA,aAAa~~,iBASK~~;~~QAR7BC~~,eAAAA,OACAC,mBAAAA,WACAC,oBAAAA,YACAC,gBAAAA,QACAC,eAAAA,OACAC,gBAAAA,QACAC,cAAAA,MACGC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE~~,oBAAS~~;~~QACRN~~,YAAYA;QACZD,WAAWQ,IAAAA,~~gBAAU~~,~~oBAAuB,~~0BAA0BR;QACtED,OAAOA;QACPU,UAAUH,UAAUG~~,QAAQ~~;~~QAC5BP~~,QAAQA;QACRC,OAAOA;QACPO,MAAK;QACLC,iBAAeL,UAAUG~~,QAAQ~~;~~QACjCG~~,iBAAeN,UAAUO~~,QAAQ~~;~~QACjCT~~,QAAQA;QACRC,MAAMA;qBAEN,qBAACS,~~8BAAc,EAAKR~~;AAG1B"}
1	+ {"version":3,"sources":["../../../../src/components/ChipsInput/ChipsInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ChipOption } from '../Chip/Chip';\nimport { ChipsInputBase, ChipsInputBaseProps } from '../ChipsInputBase/ChipsInputBase';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport styles from './ChipsInput.module.css';\n\nexport interface ChipsInputProps<Option extends ChipOption>\n extends ChipsInputBaseProps<Option>,\n FormFieldProps {}\n\n/*\n @see https://vkcom.github.io/VKUI/#/ChipsInput\n */\nexport const ChipsInput = <Option extends ChipOption>({\n style,\n className,\n getRootRef,\n before,\n after,\n status,\n mode,\n ...restProps\n}: ChipsInputProps<Option>) => {\n return (\n <FormField\n getRootRef={getRootRef}\n className={classNames(styles['ChipsInput'], 'vkuiInternalChipsInput', className)}\n style={style}\n disabled={restProps.disabled}\n before={before}\n after={after}\n role=\"application\"\n aria-disabled={restProps.disabled}\n aria-readonly={restProps.readOnly}\n status={status}\n mode={mode}\n >\n <ChipsInputBase {...restProps} />\n </FormField>\n );\n};\n"],"names":["ChipsInput","style","className","getRootRef","before","after","status","mode","restProps","FormField","classNames","disabled","role","aria-disabled","aria-readonly","readOnly","ChipsInputBase"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;+DAdU;oBACI;8BAEyB;yBACV;AAUnC,IAAMA,aAAa;QACxBC,eAAAA,OACAC,mBAAAA,WACAC,oBAAAA,YACAC,gBAAAA,QACAC,eAAAA,OACAC,gBAAAA,QACAC,cAAAA,MACGC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE;QACCN,YAAYA;QACZD,WAAWQ,IAAAA,oCAAiC,0BAA0BR;QACtED,OAAOA;QACPU,UAAUH,UAAUG;QACpBP,QAAQA;QACRC,OAAOA;QACPO,MAAK;QACLC,iBAAeL,UAAUG;QACzBG,iBAAeN,UAAUO;QACzBT,QAAQA;QACRC,MAAMA;qBAEN,qBAACS,gCAAmBR;AAG1B"}

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

@@ -13,4 +13,4 @@ export interface ChipsInputBaseProps<Option extends ChipOption> extends Omit<Rea
     inputAriaLabel?: string;
 }
 export declare const chipsInputDefaultProps: ChipsInputBaseProps<any>;
-export declare const ChipsInputBase: <Option extends ChipOption>(props: ChipsInputBaseProps<Option>) => JSX.Element;
+export declare const ChipsInputBase: <Option extends ChipOption>(props: ChipsInputBaseProps<Option>) => React.JSX.Element;

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

@@ -16,19 +16,19 @@ _export(exports, {
         return ChipsInputBase;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _typeOf = require("@swc/helpers/lib/_type_of.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _type_of = require("@swc/helpers/_/_type_of");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _useChipsInput = require("../../hooks/useChipsInput");
 var _useExternRef = require("../../hooks/useExternRef");
 var _adaptivity = require("../../lib/adaptivity");
-var _chip = require("../Chip/Chip");
+var _Chip = require("../Chip/Chip");
 var chipsInputDefaultProps = {
     onChange: _vkjs.noop,
     onInputChange: _vkjs.noop,
@@ -54,20 +54,20 @@ var chipsInputDefaultProps = {
         if (!props) {
             return null;
         }
-        var disabled = props.disabled, value = props.value, label = props.label, rest = _objectWithoutProperties(props, [
+        var disabled = props.disabled, value = props.value, label = props.label, rest = _object_without_properties._(props, [
             "disabled",
             "value",
             "label"
         ]);
-        return /*#__PURE__*/ _react.createElement(_chip.Chip, _objectSpread({
+        return /*#__PURE__*/ _react.createElement(_Chip.Chip, _object_spread._({
             value: value,
             removable: !disabled
         }, rest), label);
     }
 };
 var ChipsInputBase = function(props) {
-    var propsWithDefault = _objectSpread({}, chipsInputDefaultProps, props);
-    var style = propsWithDefault.style, className = propsWithDefault.className, getRootRef = propsWithDefault.getRootRef, value = propsWithDefault.value, onChange = propsWithDefault.onChange, onInputChange = propsWithDefault.onInputChange, onKeyDown = propsWithDefault.onKeyDown, onBlur = propsWithDefault.onBlur, onFocus = propsWithDefault.onFocus, children = propsWithDefault.children, inputValue = propsWithDefault.inputValue, getRef = propsWithDefault.getRef, placeholder = propsWithDefault.placeholder, getOptionValue = propsWithDefault.getOptionValue, getOptionLabel = propsWithDefault.getOptionLabel, getNewOptionData = propsWithDefault.getNewOptionData, renderChip = propsWithDefault.renderChip, inputAriaLabel = propsWithDefault.inputAriaLabel, restProps = _objectWithoutProperties(propsWithDefault, [
+    var propsWithDefault = _object_spread._({}, chipsInputDefaultProps, props);
+    var style = propsWithDefault.style, className = propsWithDefault.className, getRootRef = propsWithDefault.getRootRef, value = propsWithDefault.value, onChange = propsWithDefault.onChange, onInputChange = propsWithDefault.onInputChange, onKeyDown = propsWithDefault.onKeyDown, onBlur = propsWithDefault.onBlur, onFocus = propsWithDefault.onFocus, children = propsWithDefault.children, inputValue = propsWithDefault.inputValue, getRef = propsWithDefault.getRef, placeholder = propsWithDefault.placeholder, getOptionValue = propsWithDefault.getOptionValue, getOptionLabel = propsWithDefault.getOptionLabel, getNewOptionData = propsWithDefault.getNewOptionData, renderChip = propsWithDefault.renderChip, inputAriaLabel = propsWithDefault.inputAriaLabel, restProps = _object_without_properties._(propsWithDefault, [
         "style",
         "className",
         "getRootRef",
@@ -88,7 +88,7 @@ var ChipsInputBase = function(props) {
         "inputAriaLabel"
     ]);
     var sizeY = (0, _useAdaptivity.useAdaptivity)().sizeY;
-    var _React_useState = _slicedToArray(_react.useState(false), 2), focused = _React_useState[0], setFocused = _React_useState[1];
+    var _React_useState = _sliced_to_array._(_react.useState(false), 2), focused = _React_useState[0], setFocused = _React_useState[1];
     var _useChipsInput1 = (0, _useChipsInput.useChipsInput)(propsWithDefault), fieldValue = _useChipsInput1.fieldValue, addOptionFromInput = _useChipsInput1.addOptionFromInput, removeOption = _useChipsInput1.removeOption, selectedOptions = _useChipsInput1.selectedOptions, handleInputChange = _useChipsInput1.handleInputChange;
     var inputRef = (0, _useExternRef.useExternRef)(getRef);
     var isDisabled = restProps.disabled || restProps.readOnly;
@@ -143,7 +143,7 @@ var ChipsInputBase = function(props) {
         var value = getOptionValue(option);
         var label = getOptionLabel(option);
         return /*#__PURE__*/ _react.createElement(_react.Fragment, {
-            key: "".concat(typeof value === "undefined" ? "undefined" : _typeOf(value), "-").concat(value)
+            key: "".concat(typeof value === "undefined" ? "undefined" : _type_of._(value), "-").concat(value)
         }, renderChip({
             option: option,
             value: value,
@@ -155,7 +155,7 @@ var ChipsInputBase = function(props) {
     }), /*#__PURE__*/ _react.createElement("label", {
         className: "vkuiChipsInputBase__label",
         "aria-label": inputAriaLabel
-    }, /*#__PURE__*/ _react.createElement("input", _objectSpreadProps(_objectSpread({
+    }, /*#__PURE__*/ _react.createElement("input", _object_spread_props._(_object_spread._({
         type: "text",
         autoCapitalize: "none",
         autoComplete: "off",

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

	@@ -1 +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 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\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};\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 ...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\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 <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 ref={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","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","input","type","autoCapitalize","autoComplete","autoCorrect","spellCheck","aria-autocomplete"],"mappings":";;;;;;;;;;;IA0BaA,sBAAsB;eAAtBA;;IA6BAC,cAAc;eAAdA~~;;;;;;;;;2DAvDU~~;oBACU;6BACH;6BACA;4BACD;0BACJ;oBAE+B;AAmBjD,IAAMD,yBAAmD;IAC9DE,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~~,EAAE~~;~~QAChB~~,IAAI,CAACA,OAAO;YACV,OAAO~~,IAAI~~;~~QACb,CAAC~~;~~QAED~~,IAAQC,WAAoCD,MAApCC,UAAUX,QAA0BU,MAA1BV,OAAOM,QAAmBI,MAAnBJ,OAAUM,~~gCAASF~~;YAApCC;YAAUX;YAAOM;;QACzB,qBACE,qBAACO~~,UAAI~~;~~YAACb~~,OAAOA;YAAOc,WAAW,CAACH;WAAcC,OAC3CN;IAGP;AACF;AAEO,IAAMb,iBAAiB,SAA4BiB~~,OAAuC~~;~~IAC/F~~,IAAMK,mBAAmB,~~kBAAKvB~~,wBAA2BkB;IACzD,IACEM,QAmBED,iBAnBFC,OACAC,YAkBEF,iBAlBFE,WACAC,aAiBEH,iBAjBFG,YACAlB,QAgBEe,iBAhBFf,OACAN,WAeEqB,iBAfFrB,UACAE,gBAcEmB,iBAdFnB,eACAC,YAaEkB,iBAbFlB,WACAC,SAYEiB,iBAZFjB,QACAC,UAWEgB,iBAXFhB,SACAoB,WAUEJ,iBAVFI,UACAlB,aASEc,iBATFd,YACAmB,SAQEL,iBARFK,QACAC,cAOEN,iBAPFM,aACAlB,iBAMEY,iBANFZ,gBACAE,iBAKEU,iBALFV,gBACAE,mBAIEQ,iBAJFR,kBACAE,aAGEM,iBAHFN,YACAP,iBAEEa,iBAFFb,gBACGoB,~~qCACDP~~;QAnBFC;QACAC;QACAC;QACAlB;QACAN;QACAE;QACAC;QACAC;QACAC;QACAoB;QACAlB;QACAmB;QACAC;QACAlB;QACAE;QACAE;QACAE;QACAP;;IAGF,IAAM,AAAEqB,QAAUC,IAAAA,~~4BAAa,IAAvBD~~;IAER,IAA8BE,~~iCAAAA~~,OAAMC,~~QAAQ~~,~~CAAC~~,~~KAAK,OAA3CC,~~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,UAAUX,~~QAAQ~~,~~IAAIW,~~UAAUgB~~,QAAQ~~;~~IAE3D~~,IAAMC,gBAAgB,SAACC~~,GAA6C~~;~~QAClE~~,IAAIH,YAAY;YACdG,EAAEC~~,cAAc~~;~~YAChB~~;QACF~~,CAAC~~;~~QAED5C~~,UAAW2C;QAEX,IAAIA,EAAEE,~~GAAG~~,~~KAAK,~~eAAe,CAACF,EAAEG,~~gBAAgB~~,~~IAAI,~~CAACb,cAAcG,gBAAgBW,~~MAAM,EAAE~~;YACzFZ,aAAa7B,eAAgB8B,eAAe,CAACA,gBAAgBW,~~MAAM~~,~~GAAG,~~EAAE;YACxEJ,EAAEC~~,cAAc~~;~~QAClB,CAAC~~;~~QAED~~,IAAID,EAAEE,~~GAAG~~,~~KAAK,~~WAAW,CAACF,EAAEG,~~gBAAgB~~,~~IAAIb,~~YAAY;YAC1DC;YACAS,EAAEC~~,cAAc~~;~~QAClB,CAAC~~;~~IACH~~;IAEA,IAAMI,aAAa,SAACL~~,GAA0C~~;~~QAC5D~~,IAAIb,SAAS;YACXC,WAAW~~,KAAK~~;~~QAClB,CAAC~~;~~QACD9B~~,OAAQ0C;IACV;IAEA,IAAMM,cAAc,SAACN~~,GAA0C~~;~~QAC7D~~,IAAI,CAACb,SAAS;YACZC,WAAW~~,IAAI~~;~~QACjB,CAAC~~;~~QACD7B~~,QAASyC;IACX;IAEA,IAAMO,mBAAmB,SAACvC,GAAiCR~~,OAAiC~~;~~QAC1F~~,IAAIA,UAAUgD,WAAW;YACvBhB,aAAahC;QACf~~,CAAC~~;~~IACH~~;IAEA,IAAMiD,cAAc,SAACT~~,GAAwC~~;~~QAC3D~~,IAAIH,YAAY;YACdG,EAAEC~~,cAAc~~;~~YAChB~~;QACF~~,CAAC~~;~~QAED~~,IAAIN,CAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAUe,~~OAAO~~,~~AAAD,~~MAAM,~~IAAI~~,~~IAAI,~~CAACvB,SAAS;YAC1CQ,SAASe,~~OAAO,CAACC,KAAK~~;~~QACxB,CAAC~~;~~IACH~~;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,~~SAACvD~~,QAAmB~~;~~QACvC~~,IAAMJ,QAAQG,eAAgBC;QAC9B,IAAME,QAAQD,eAAgBD;QAE9B,qBACE,qBAACqB,OAAMmC~~,QAAQ~~;~~YAAClB~~,KAAK,AAAC,GAAkB1C,OAAhB,OAAOA,sCAAP,~~QAAOA~~,~~MAAK~~,~~EAAC,~~KAAS,OAANA;WACrCS,WAAY;YACXL,QAAAA;YACAJ,OAAAA;YACAM,OAAAA;YACAuD,UAAUd;YACVpC,UAAUmD,QAAQxC,UAAUX~~,QAAQ~~;~~YACpCM~~,SAAS;QACX;IAGN,kBACA,qBAACX;QAAMW,SAAS;QAAmC8C,cAAY7D;qBAC7D,qBAAC8D;QACCC,MAAK;QACLC,gBAAe;QACfC,cAAa;QACbC,aAAY;QACZC,YAAY~~,KAAK~~;~~QACjBC~~,qBAAkB;QAClBrD,SAAS;OACLK;QACJoC,KAAKvB;QACLnC,OAAO8B;QACPpC,UAAUwC;QACVrC,WAAW0C;QACXxC,SAAS+C;QACThD,QAAQ+C;QACRxB,aAAaY,gBAAgBW,~~MAAM~~,~~GAAGI,~~YAAY3B~~,WAAW~~;;~~AAKvE~~"}
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 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\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};\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 ...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\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 <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 ref={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","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","input","type","autoCapitalize","autoComplete","autoCorrect","spellCheck","aria-autocomplete"],"mappings":"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"}

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

@@ -45,4 +45,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>) => JSX.Element;
+export declare const ChipsSelect: <Option extends ChipOption>(props: ChipsSelectProps<Option>) => React.JSX.Element;

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

@@ -8,29 +8,29 @@ Object.defineProperty(exports, "ChipsSelect", {
         return ChipsSelect;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _typeOf = require("@swc/helpers/lib/_type_of.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _type_of = require("@swc/helpers/_/_type_of");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useChipsSelect = require("../../hooks/useChipsSelect");
 var _useExternRef = require("../../hooks/useExternRef");
 var _useGlobalEventListener = require("../../hooks/useGlobalEventListener");
 var _dom = require("../../lib/dom");
 var _select = require("../../lib/select");
-var _chipsInputBase = require("../ChipsInputBase/ChipsInputBase");
-var _customSelectDropdown = require("../CustomSelectDropdown/CustomSelectDropdown");
-var _customSelectOption = require("../CustomSelectOption/CustomSelectOption");
-var _dropdownIcon = require("../DropdownIcon/DropdownIcon");
-var _formField = require("../FormField/FormField");
-var _iconButton = require("../IconButton/IconButton");
-var _footnote = require("../Typography/Footnote/Footnote");
+var _ChipsInputBase = require("../ChipsInputBase/ChipsInputBase");
+var _CustomSelectDropdown = require("../CustomSelectDropdown/CustomSelectDropdown");
+var _CustomSelectOption = require("../CustomSelectOption/CustomSelectOption");
+var _DropdownIcon = require("../DropdownIcon/DropdownIcon");
+var _FormField = require("../FormField/FormField");
+var _IconButton = require("../IconButton/IconButton");
+var _Footnote = require("../Typography/Footnote/Footnote");
 var FOCUS_ACTION_NEXT = "next";
 var FOCUS_ACTION_PREV = "prev";
-var chipsSelectDefaultProps = _objectSpreadProps(_objectSpread({}, _chipsInputBase.chipsInputDefaultProps), {
+var chipsSelectDefaultProps = _object_spread_props._(_object_spread._({}, _ChipsInputBase.chipsInputDefaultProps), {
     emptyText: "Ничего не найдено",
     creatableText: "Создать значение",
     onChangeStart: _vkjs.noop,
@@ -41,12 +41,12 @@ var chipsSelectDefaultProps = _objectSpreadProps(_objectSpread({}, _chipsInputBa
     options: [],
     filterFn: _select.defaultFilterFn,
     renderOption: function renderOption(props) {
-        return /*#__PURE__*/ _react.createElement(_customSelectOption.CustomSelectOption, props);
+        return /*#__PURE__*/ _react.createElement(_CustomSelectOption.CustomSelectOption, props);
     }
 });
 var ChipsSelect = function(props) {
-    var propsWithDefault = _objectSpread({}, chipsSelectDefaultProps, props);
-    var style = propsWithDefault.style, onFocus = propsWithDefault.onFocus, 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 = _objectWithoutProperties(propsWithDefault, [
+    var propsWithDefault = _object_spread._({}, chipsSelectDefaultProps, props);
+    var style = propsWithDefault.style, onFocus = propsWithDefault.onFocus, 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",
         "onFocus",
         "onKeyDown",
@@ -78,7 +78,7 @@ var ChipsSelect = function(props) {
         "forceDropdownPortal"
     ]);
     var document = (0, _dom.useDOM)().document;
-    var _React_useState = _slicedToArray(_react.useState(undefined), 2), popperPlacement = _React_useState[0], setPopperPlacement = _React_useState[1];
+    var _React_useState = _sliced_to_array._(_react.useState(undefined), 2), popperPlacement = _React_useState[0], setPopperPlacement = _React_useState[1];
     var scrollBoxRef = _react.useRef(null);
     var rootRef = (0, _useExternRef.useExternRef)(getRef);
     var _useChipsSelect1 = (0, _useChipsSelect.useChipsSelect)(propsWithDefault), fieldValue = _useChipsSelect1.fieldValue, _useChipsSelect_selectedOptions = _useChipsSelect1.selectedOptions, selectedOptions = _useChipsSelect_selectedOptions === void 0 ? [] : _useChipsSelect_selectedOptions, opened = _useChipsSelect1.opened, setOpened = _useChipsSelect1.setOpened, addOptionFromInput = _useChipsSelect1.addOptionFromInput, filteredOptions = _useChipsSelect1.filteredOptions, addOption = _useChipsSelect1.addOption, handleInputChange = _useChipsSelect1.handleInputChange, clearInput = _useChipsSelect1.clearInput, focusedOption = _useChipsSelect1.focusedOption, setFocusedOption = _useChipsSelect1.setFocusedOption, focusedOptionIndex = _useChipsSelect1.focusedOptionIndex, setFocusedOptionIndex = _useChipsSelect1.setFocusedOptionIndex;
@@ -200,7 +200,7 @@ var ChipsSelect = function(props) {
             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(_objectSpreadProps(_objectSpread({}, renderChipProps), {
+        return renderChip(_object_spread_props._(_object_spread._({}, renderChipProps), {
             onRemove: onRemoveWrapper
         }));
     };
@@ -220,7 +220,7 @@ var ChipsSelect = function(props) {
             return !prevOpened;
         });
     };
-    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_formField.FormField, {
+    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_FormField.FormField, {
         getRootRef: rootRef,
         style: style,
         className: (0, _vkjs.classNames)("vkuiChipsSelect", opened && (isPopperDirectionTop ? "vkuiChipsSelect--pop-up" : "vkuiChipsSelect--pop-down"), className),
@@ -228,19 +228,19 @@ var ChipsSelect = function(props) {
         role: "application",
         "aria-disabled": disabled,
         "aria-readonly": restProps.readOnly,
-        after: /*#__PURE__*/ _react.createElement(_iconButton.IconButton, {
+        after: /*#__PURE__*/ _react.createElement(_IconButton.IconButton, {
             className: "vkuiChipsSelect__dropdown",
             activeMode: "",
             hoverMode: "",
             // TODO: add label customization
             "aria-label": opened ? "Скрыть" : "Развернуть",
             onClick: toggleOpened
-        }, icon !== null && icon !== void 0 ? icon : /*#__PURE__*/ _react.createElement(_dropdownIcon.DropdownIcon, {
+        }, icon !== null && icon !== void 0 ? icon : /*#__PURE__*/ _react.createElement(_DropdownIcon.DropdownIcon, {
             className: "vkuiChipsSelect__icon",
             opened: opened
         })),
         before: before
-    }, /*#__PURE__*/ _react.createElement(_chipsInputBase.ChipsInputBase, _objectSpreadProps(_objectSpread({}, restProps), {
+    }, /*#__PURE__*/ _react.createElement(_ChipsInputBase.ChipsInputBase, _object_spread_props._(_object_spread._({}, restProps), {
         tabIndex: tabIndex,
         value: selectedOptions,
         inputValue: fieldValue,
@@ -254,7 +254,7 @@ var ChipsSelect = function(props) {
         getRef: getRef,
         disabled: disabled,
         onInputChange: handleInputChange
-    }))), opened && /*#__PURE__*/ _react.createElement(_customSelectDropdown.CustomSelectDropdown, {
+    }))), opened && /*#__PURE__*/ _react.createElement(_CustomSelectDropdown.CustomSelectDropdown, {
         targetRef: rootRef,
         placement: popupDirection,
         scrollBoxRef: scrollBoxRef,
@@ -263,13 +263,13 @@ var ChipsSelect = function(props) {
         fetching: fetching,
         sameWidth: fixDropdownWidth,
         forcePortal: forceDropdownPortal
-    }, showCreatable && /*#__PURE__*/ _react.createElement(_customSelectOption.CustomSelectOption, {
+    }, showCreatable && /*#__PURE__*/ _react.createElement(_CustomSelectOption.CustomSelectOption, {
         hovered: focusedOptionIndex === 0,
         onMouseDown: addOptionFromInput,
         onMouseEnter: function() {
             return setFocusedOptionIndex(0);
         }
-    }, creatableText), !(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);
@@ -279,7 +279,7 @@ var ChipsSelect = function(props) {
         });
         var value = getOptionValue(option);
         return /*#__PURE__*/ _react.createElement(_react.Fragment, {
-            key: "".concat(typeof value === "undefined" ? "undefined" : _typeOf(value), "-").concat(value)
+            key: "".concat(typeof value === "undefined" ? "undefined" : _type_of._(value), "-").concat(value)
         }, renderOption({
             option: option,
             hovered: Boolean(hovered),