@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cssm/components/Checkbox/Checkbox.js

@@ -1,8 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "className", "style", "getRootRef", "getRef", "description", "indeterminate", "defaultIndeterminate", "hoverMode", "activeMode", "hasHover", "hasActive", "focusVisibleMode", "onChange"];
-var _sizeYClassNames;
 import * as React from 'react';
 import { Icon20CheckBoxIndetermanate, Icon20CheckBoxOff, Icon20CheckBoxOn, Icon24CheckBoxOff, Icon24CheckBoxOn } from '@vkontakte/icons';
 import { classNames, hasReactNode } from '@vkontakte/vkjs';
@@ -16,112 +11,106 @@ import { warnOnce } from '../../lib/warnOnce';
 import { ACTIVE_EFFECT_DELAY, Tappable } from '../Tappable/Tappable';
 import { Footnote } from '../Typography/Footnote/Footnote';
 import { VisuallyHiddenInput } from '../VisuallyHiddenInput/VisuallyHiddenInput';
-import "./Checkbox.module.css";
-var sizeYClassNames = (_sizeYClassNames = {
-  none: "vkuiCheckbox--sizeY-none"
-}, _defineProperty(_sizeYClassNames, SizeType.COMPACT, "vkuiCheckbox--sizeY-compact"), _defineProperty(_sizeYClassNames, SizeType.REGULAR, "vkuiCheckbox--sizeY-regular"), _sizeYClassNames);
-var warn = warnOnce('Checkbox');
-
+import styles from './Checkbox.module.css';
+const sizeYClassNames = {
+    none: styles['Checkbox--sizeY-none'],
+    [SizeType.COMPACT]: styles['Checkbox--sizeY-compact'],
+    [SizeType.REGULAR]: styles['Checkbox--sizeY-regular']
+};
+const warn = warnOnce('Checkbox');
 /**
  * @see https://vkcom.github.io/VKUI/#/Checkbox
- */
-export var Checkbox = function Checkbox(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    style = _ref.style,
-    getRootRef = _ref.getRootRef,
-    getRef = _ref.getRef,
-    description = _ref.description,
-    indeterminate = _ref.indeterminate,
-    defaultIndeterminate = _ref.defaultIndeterminate,
-    hoverMode = _ref.hoverMode,
-    activeMode = _ref.activeMode,
-    hasHover = _ref.hasHover,
-    hasActive = _ref.hasActive,
-    focusVisibleMode = _ref.focusVisibleMode,
-    onChange = _ref.onChange,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var inputRef = useExternRef(getRef);
-  var platform = usePlatform();
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  var _useAdaptivityConditi = useAdaptivityConditionalRender(),
-    adaptiveSizeY = _useAdaptivityConditi.sizeY;
-  React.useEffect(function () {
-    var indeterminateValue = indeterminate === undefined ? defaultIndeterminate : indeterminate;
-    if (inputRef.current) {
-      inputRef.current.indeterminate = Boolean(indeterminateValue);
-    }
-  }, [defaultIndeterminate, indeterminate, inputRef]);
-  var handleChange = React.useCallback(function (event) {
-    if (defaultIndeterminate !== undefined && indeterminate === undefined && restProps.checked === undefined && inputRef.current) {
-      inputRef.current.indeterminate = false;
-    }
-    if (indeterminate !== undefined && inputRef.current) {
-      inputRef.current.indeterminate = indeterminate;
+ */ export const Checkbox = ({ children , className , style , getRootRef , getRef , description , indeterminate , defaultIndeterminate , hoverMode , activeMode , hasHover , hasActive , focusVisibleMode , onChange , ...restProps })=>{
+    const inputRef = useExternRef(getRef);
+    const platform = usePlatform();
+    const { sizeY ='none'  } = useAdaptivity();
+    const { sizeY: adaptiveSizeY  } = useAdaptivityConditionalRender();
+    React.useEffect(()=>{
+        const indeterminateValue = indeterminate === undefined ? defaultIndeterminate : indeterminate;
+        if (inputRef.current) {
+            inputRef.current.indeterminate = Boolean(indeterminateValue);
+        }
+    }, [
+        defaultIndeterminate,
+        indeterminate,
+        inputRef
+    ]);
+    const handleChange = React.useCallback((event)=>{
+        if (defaultIndeterminate !== undefined && indeterminate === undefined && restProps.checked === undefined && inputRef.current) {
+            inputRef.current.indeterminate = false;
+        }
+        if (indeterminate !== undefined && inputRef.current) {
+            inputRef.current.indeterminate = indeterminate;
+        }
+        onChange && onChange(event);
+    }, [
+        defaultIndeterminate,
+        indeterminate,
+        restProps.checked,
+        onChange,
+        inputRef
+    ]);
+    if (process.env.NODE_ENV === 'development') {
+        if (defaultIndeterminate && restProps.defaultChecked) {
+            warn('defaultIndeterminate и defaultChecked не могут быть true одновременно', 'error');
+        }
+        if (indeterminate && restProps.checked) {
+            warn('indeterminate и checked не могут быть true одновременно', 'error');
+        }
+        if (restProps.defaultChecked && restProps.checked) {
+            warn('defaultChecked и checked не могут быть true одновременно', 'error');
+        }
     }
-    onChange && onChange(event);
-  }, [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef]);
-  if (process.env.NODE_ENV === 'development') {
-    if (defaultIndeterminate && restProps.defaultChecked) {
-      warn('defaultIndeterminate и defaultChecked не могут быть true одновременно', 'error');
-    }
-    if (indeterminate && restProps.checked) {
-      warn('indeterminate и checked не могут быть true одновременно', 'error');
-    }
-    if (restProps.defaultChecked && restProps.checked) {
-      warn('defaultChecked и checked не могут быть true одновременно', 'error');
-    }
-  }
-  return /*#__PURE__*/React.createElement(Tappable, {
-    Component: "label",
-    className: classNames("vkuiCheckbox", platform === Platform.VKCOM && "vkuiCheckbox--vkcom", sizeYClassNames[sizeY], !(hasReactNode(children) || hasReactNode(description)) && "vkuiCheckbox--simple", className),
-    style: style,
-    disabled: restProps.disabled,
-    activeEffectDelay: platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY,
-    getRootRef: getRootRef,
-    hoverMode: hoverMode,
-    activeMode: activeMode,
-    hasHover: hasHover,
-    hasActive: hasActive,
-    focusVisibleMode: focusVisibleMode
-  }, /*#__PURE__*/React.createElement(VisuallyHiddenInput, _extends({}, restProps, {
-    onChange: handleChange,
-    type: "checkbox",
-    className: "vkuiCheckbox__input",
-    getRef: inputRef
-  })), /*#__PURE__*/React.createElement("div", {
-    className: classNames("vkuiCheckbox__icon", "vkuiCheckbox__icon--on")
-  }, platform === Platform.VKCOM ? /*#__PURE__*/React.createElement(Icon20CheckBoxOn, null) : /*#__PURE__*/React.createElement(React.Fragment, null, adaptiveSizeY.compact && /*#__PURE__*/React.createElement(Icon20CheckBoxOn, {
-    className: adaptiveSizeY.compact.className
-  }), adaptiveSizeY.regular && /*#__PURE__*/React.createElement(Icon24CheckBoxOn, {
-    className: adaptiveSizeY.regular.className
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: classNames("vkuiCheckbox__icon", "vkuiCheckbox__icon--off")
-  }, platform === Platform.VKCOM ? /*#__PURE__*/React.createElement(Icon20CheckBoxOff, null) : /*#__PURE__*/React.createElement(React.Fragment, null, adaptiveSizeY.compact && /*#__PURE__*/React.createElement(Icon20CheckBoxOff, {
-    className: adaptiveSizeY.compact.className
-  }), adaptiveSizeY.regular && /*#__PURE__*/React.createElement(Icon24CheckBoxOff, {
-    className: adaptiveSizeY.regular.className
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: classNames("vkuiCheckbox__icon", "vkuiCheckbox__icon--indeterminate")
-  }, platform === Platform.VKCOM ? /*#__PURE__*/React.createElement(Icon20CheckBoxIndetermanate, {
-    width: 20,
-    height: 20
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, adaptiveSizeY.compact && /*#__PURE__*/React.createElement(Icon20CheckBoxIndetermanate, {
-    className: adaptiveSizeY.compact.className,
-    width: 20,
-    height: 20
-  }), adaptiveSizeY.regular && /*#__PURE__*/React.createElement(Icon20CheckBoxIndetermanate, {
-    className: adaptiveSizeY.regular.className,
-    width: 24,
-    height: 24
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiCheckbox__content"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "vkuiCheckbox__children"
-  }, children), hasReactNode(description) && /*#__PURE__*/React.createElement(Footnote, {
-    className: "vkuiCheckbox__description"
-  }, description)));
+    return /*#__PURE__*/ React.createElement(Tappable, {
+        Component: "label",
+        className: classNames(styles['Checkbox'], platform === Platform.VKCOM && styles['Checkbox--vkcom'], sizeYClassNames[sizeY], !(hasReactNode(children) || hasReactNode(description)) && styles['Checkbox--simple'], className),
+        style: style,
+        disabled: restProps.disabled,
+        activeEffectDelay: platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY,
+        getRootRef: getRootRef,
+        hoverMode: hoverMode,
+        activeMode: activeMode,
+        hasHover: hasHover,
+        hasActive: hasActive,
+        focusVisibleMode: focusVisibleMode
+    }, /*#__PURE__*/ React.createElement(VisuallyHiddenInput, {
+        ...restProps,
+        onChange: handleChange,
+        type: "checkbox",
+        className: styles['Checkbox__input'],
+        getRef: inputRef
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: classNames(styles['Checkbox__icon'], styles['Checkbox__icon--on'])
+    }, platform === Platform.VKCOM ? /*#__PURE__*/ React.createElement(Icon20CheckBoxOn, null) : /*#__PURE__*/ React.createElement(React.Fragment, null, adaptiveSizeY.compact && /*#__PURE__*/ React.createElement(Icon20CheckBoxOn, {
+        className: adaptiveSizeY.compact.className
+    }), adaptiveSizeY.regular && /*#__PURE__*/ React.createElement(Icon24CheckBoxOn, {
+        className: adaptiveSizeY.regular.className
+    }))), /*#__PURE__*/ React.createElement("div", {
+        className: classNames(styles['Checkbox__icon'], styles['Checkbox__icon--off'])
+    }, platform === Platform.VKCOM ? /*#__PURE__*/ React.createElement(Icon20CheckBoxOff, null) : /*#__PURE__*/ React.createElement(React.Fragment, null, adaptiveSizeY.compact && /*#__PURE__*/ React.createElement(Icon20CheckBoxOff, {
+        className: adaptiveSizeY.compact.className
+    }), adaptiveSizeY.regular && /*#__PURE__*/ React.createElement(Icon24CheckBoxOff, {
+        className: adaptiveSizeY.regular.className
+    }))), /*#__PURE__*/ React.createElement("div", {
+        className: classNames(styles['Checkbox__icon'], styles['Checkbox__icon--indeterminate'])
+    }, platform === Platform.VKCOM ? /*#__PURE__*/ React.createElement(Icon20CheckBoxIndetermanate, {
+        width: 20,
+        height: 20
+    }) : /*#__PURE__*/ React.createElement(React.Fragment, null, adaptiveSizeY.compact && /*#__PURE__*/ React.createElement(Icon20CheckBoxIndetermanate, {
+        className: adaptiveSizeY.compact.className,
+        width: 20,
+        height: 20
+    }), adaptiveSizeY.regular && /*#__PURE__*/ React.createElement(Icon20CheckBoxIndetermanate, {
+        className: adaptiveSizeY.regular.className,
+        width: 24,
+        height: 24
+    }))), /*#__PURE__*/ React.createElement("div", {
+        className: styles['Checkbox__content']
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: styles['Checkbox__children']
+    }, children), hasReactNode(description) && /*#__PURE__*/ React.createElement(Footnote, {
+        className: styles['Checkbox__description']
+    }, description)));
 };
+
 //# sourceMappingURL=Checkbox.js.map

package/dist/cssm/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["React","Icon20CheckBoxIndetermanate","Icon20CheckBoxOff","Icon20CheckBoxOn","Icon24CheckBoxOff","Icon24CheckBoxOn","classNames","hasReactNode","useAdaptivity","useAdaptivityConditionalRender","useExternRef","usePlatform","SizeType","Platform","warnOnce","ACTIVE_EFFECT_DELAY","Tappable","Footnote","VisuallyHiddenInput","sizeYClassNames","none","COMPACT","REGULAR","warn","Checkbox","children","className","style","getRootRef","getRef","description","indeterminate","defaultIndeterminate","hoverMode","activeMode","hasHover","hasActive","focusVisibleMode","onChange","restProps","inputRef","platform","sizeY","adaptiveSizeY","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","process","env","NODE_ENV","defaultChecked","VKCOM","disabled","IOS","compact","regular"],"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 { VisuallyHiddenInput } from '../VisuallyHiddenInput/VisuallyHiddenInput';\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}\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  ...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      <VisuallyHiddenInput\n        {...restProps}\n        onChange={handleChange}\n        type=\"checkbox\"\n        className={styles['Checkbox__input']}\n        getRef={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__children']}>{children}</div>\n        {hasReactNode(description) && (\n          <Footnote className={styles['Checkbox__description']}>{description}</Footnote>\n        )}\n      </div>\n    </Tappable>\n  );\n};\n"],"mappings":"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"}
+{"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 { VisuallyHiddenInput } from '../VisuallyHiddenInput/VisuallyHiddenInput';\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}\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  ...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      <VisuallyHiddenInput\n        {...restProps}\n        onChange={handleChange}\n        type=\"checkbox\"\n        className={styles['Checkbox__input']}\n        getRef={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__children']}>{children}</div>\n        {hasReactNode(description) && (\n          <Footnote className={styles['Checkbox__description']}>{description}</Footnote>\n        )}\n      </div>\n    </Tappable>\n  );\n};\n"],"names":["React","Icon20CheckBoxIndetermanate","Icon20CheckBoxOff","Icon20CheckBoxOn","Icon24CheckBoxOff","Icon24CheckBoxOn","classNames","hasReactNode","useAdaptivity","useAdaptivityConditionalRender","useExternRef","usePlatform","SizeType","Platform","warnOnce","ACTIVE_EFFECT_DELAY","Tappable","Footnote","VisuallyHiddenInput","styles","sizeYClassNames","none","COMPACT","REGULAR","warn","Checkbox","children","className","style","getRootRef","getRef","description","indeterminate","defaultIndeterminate","hoverMode","activeMode","hasHover","hasActive","focusVisibleMode","onChange","restProps","inputRef","platform","sizeY","adaptiveSizeY","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","process","env","NODE_ENV","defaultChecked","Component","VKCOM","disabled","activeEffectDelay","IOS","type","div","Fragment","compact","regular","width","height"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type ChipValue = string | number;
+export type ChipValue = string | number;
 export interface ChipOption {
     value?: ChipValue;
     label?: string;

package/dist/cssm/components/Chip/Chip.js

@@ -1,7 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["value", "option", "removable", "onRemove", "removeAriaLabel", "before", "after", "children", "className"];
 import * as React from 'react';
 import { Icon16Cancel } from '@vkontakte/icons';
 import { classNames, hasReactNode, noop } from '@vkontakte/vkjs';
@@ -10,58 +6,46 @@ import { SizeType } from '../../lib/adaptivity';
 import { getTitleFromChildren } from '../../lib/utils';
 import { Tappable } from '../Tappable/Tappable';
 import { Footnote } from '../Typography/Footnote/Footnote';
-import "./Chip.module.css";
-var sizeYClassNames = _defineProperty({
-  none: "vkuiChip--sizeY-none"
-}, SizeType.COMPACT, "vkuiChip--sizeY-compact");
+import styles from './Chip.module.css';
+const sizeYClassNames = {
+    none: styles['Chip--sizeY-none'],
+    [SizeType.COMPACT]: styles['Chip--sizeY-compact']
+};
 /**
  * @see https://vkcom.github.io/VKUI/#/Chip
- */
-export var Chip = function Chip(_ref) {
-  var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? '' : _ref$value,
-    option = _ref.option,
-    _ref$removable = _ref.removable,
-    removable = _ref$removable === void 0 ? true : _ref$removable,
-    _ref$onRemove = _ref.onRemove,
-    onRemove = _ref$onRemove === void 0 ? noop : _ref$onRemove,
-    _ref$removeAriaLabel = _ref.removeAriaLabel,
-    removeAriaLabel = _ref$removeAriaLabel === void 0 ? 'Удалить' : _ref$removeAriaLabel,
-    _ref$before = _ref.before,
-    before = _ref$before === void 0 ? null : _ref$before,
-    after = _ref.after,
-    children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  var onRemoveWrapper = React.useCallback(function (event) {
-    onRemove(event, value);
-  }, [onRemove, value]);
-  var title = getTitleFromChildren(children);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames("vkuiChip", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], removable && "vkuiChip--removable", className),
-    role: "option",
-    "aria-label": title
-  }, restProps), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiChip__in",
-    role: "presentation"
-  }, hasReactNode(before) && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiChip__before"
-  }, before), /*#__PURE__*/React.createElement(Footnote, {
-    className: "vkuiChip__content",
-    title: title,
-    "aria-hidden": true
-  }, children), hasReactNode(after) && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiChip__after"
-  }, after), removable && /*#__PURE__*/React.createElement(Tappable, {
-    Component: "button",
-    className: "vkuiChip__remove",
-    onClick: onRemoveWrapper,
-    hasHover: false,
-    hasActive: false,
-    "aria-label": "".concat(removeAriaLabel, " ").concat(title)
-  }, /*#__PURE__*/React.createElement(Icon16Cancel, null))));
+ */ export const Chip = ({ value ='' , option , removable =true , onRemove =noop , removeAriaLabel ='Удалить' , before =null , after , children , className , ...restProps })=>{
+    const { sizeY ='none'  } = useAdaptivity();
+    const onRemoveWrapper = React.useCallback((event)=>{
+        onRemove(event, value);
+    }, [
+        onRemove,
+        value
+    ]);
+    const title = getTitleFromChildren(children);
+    return /*#__PURE__*/ React.createElement("div", {
+        className: classNames(styles['Chip'], sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], removable && styles['Chip--removable'], className),
+        role: "option",
+        "aria-label": title,
+        ...restProps
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: styles['Chip__in'],
+        role: "presentation"
+    }, hasReactNode(before) && /*#__PURE__*/ React.createElement("div", {
+        className: styles['Chip__before']
+    }, before), /*#__PURE__*/ React.createElement(Footnote, {
+        className: styles['Chip__content'],
+        title: title,
+        "aria-hidden": true
+    }, children), hasReactNode(after) && /*#__PURE__*/ React.createElement("div", {
+        className: styles['Chip__after']
+    }, after), removable && /*#__PURE__*/ React.createElement(Tappable, {
+        Component: "button",
+        className: styles['Chip__remove'],
+        onClick: onRemoveWrapper,
+        hasHover: false,
+        hasActive: false,
+        "aria-label": `${removeAriaLabel} ${title}`
+    }, /*#__PURE__*/ React.createElement(Icon16Cancel, null))));
 };
+
 //# sourceMappingURL=Chip.js.map

package/dist/cssm/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","names":["React","Icon16Cancel","classNames","hasReactNode","noop","useAdaptivity","SizeType","getTitleFromChildren","Tappable","Footnote","sizeYClassNames","none","COMPACT","Chip","value","option","removable","onRemove","removeAriaLabel","before","after","children","className","restProps","sizeY","onRemoveWrapper","useCallback","event","title","REGULAR"],"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"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,UAAU,EAAEC,YAAY,EAAEC,IAAI,QAAQ,iBAAiB;AAChE,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,oBAAoB,QAAQ,iBAAiB;AACtD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,iCAAiC;AAAC;AAG3D,IAAMC,eAAe;EACnBC,IAAI;AAA4B,GAC/BL,QAAQ,CAACM,OAAO,4BAClB;AA0BD;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAI,OAWA;EAAA,sBAVfC,KAAK;IAALA,KAAK,2BAAG,EAAE;IACVC,MAAM,QAANA,MAAM;IAAA,sBACNC,SAAS;IAATA,SAAS,+BAAG,IAAI;IAAA,qBAChBC,QAAQ;IAARA,QAAQ,8BAAGb,IAAI;IAAA,4BACfc,eAAe;IAAfA,eAAe,qCAAG,SAAS;IAAA,mBAC3BC,MAAM;IAANA,MAAM,4BAAG,IAAI;IACbC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,qBAA2BlB,aAAa,EAAE;IAAA,sCAAlCmB,KAAK;IAALA,KAAK,qCAAG,MAAM;EACtB,IAAMC,eAAe,GAAGzB,KAAK,CAAC0B,WAAW,CACvC,UAACC,KAAuB,EAAK;IAC3BV,QAAQ,CAACU,KAAK,EAAEb,KAAK,CAAC;EACxB,CAAC,EACD,CAACG,QAAQ,EAAEH,KAAK,CAAC,CAClB;EACD,IAAMc,KAAK,GAAGrB,oBAAoB,CAACc,QAAQ,CAAC;EAE5C,oBACE;IACE,SAAS,EAAEnB,UAAU,aAEnBsB,KAAK,KAAKlB,QAAQ,CAACuB,OAAO,IAAInB,eAAe,CAACc,KAAK,CAAC,EACpDR,SAAS,yBAA6B,EACtCM,SAAS,CACT;IACF,IAAI,EAAC,QAAQ;IACb,cAAYM;EAAM,GACdL,SAAS,gBAEb;IAAK,SAAS,gBAAqB;IAAC,IAAI,EAAC;EAAc,GACpDpB,YAAY,CAACgB,MAAM,CAAC,iBAAI;IAAK,SAAS;EAAyB,GAAEA,MAAM,CAAO,eAC/E,oBAAC,QAAQ;IAAC,SAAS,qBAA0B;IAAC,KAAK,EAAES,KAAM;IAAC;EAAW,GACpEP,QAAQ,CACA,EACVlB,YAAY,CAACiB,KAAK,CAAC,iBAAI;IAAK,SAAS;EAAwB,GAAEA,KAAK,CAAO,EAE3EJ,SAAS,iBACR,oBAAC,QAAQ;IACP,SAAS,EAAC,QAAQ;IAClB,SAAS,oBAAyB;IAClC,OAAO,EAAES,eAAgB;IACzB,QAAQ,EAAE,KAAM;IAChB,SAAS,EAAE,KAAM;IACjB,wBAAeP,eAAe,cAAIU,KAAK;EAAG,gBAE1C,oBAAC,YAAY,OAAG,CAEnB,CACG,CACF;AAEV,CAAC"}
+{"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":["React","Icon16Cancel","classNames","hasReactNode","noop","useAdaptivity","SizeType","getTitleFromChildren","Tappable","Footnote","styles","sizeYClassNames","none","COMPACT","Chip","value","option","removable","onRemove","removeAriaLabel","before","after","children","className","restProps","sizeY","onRemoveWrapper","useCallback","event","title","div","REGULAR","role","aria-label","aria-hidden","Component","onClick","hasHover","hasActive"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,UAAU,EAAEC,YAAY,EAAEC,IAAI,QAAQ,kBAAkB;AACjE,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,oBAAoB,QAAQ,kBAAkB;AACvD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,OAAOC,YAAY,oBAAoB;AAEvC,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,mBAAmB;IAChC,CAACJ,SAASO,OAAO,CAAC,EAAEH,MAAM,CAAC,sBAAsB;AACnD;AA0BA;;CAEC,GACD,OAAO,MAAMI,OAAO,CAAC,EACnBC,OAAQ,GAAE,EACVC,OAAM,EACNC,WAAY,IAAI,CAAA,EAChBC,UAAWd,KAAI,EACfe,iBAAkB,UAAS,EAC3BC,QAAS,IAAI,CAAA,EACbC,MAAK,EACLC,SAAQ,EACRC,UAAS,EACT,GAAGC,WACO,GAAK;IACf,MAAM,EAAEC,OAAQ,OAAM,EAAE,GAAGpB;IAC3B,MAAMqB,kBAAkB1B,MAAM2B,WAAW,CACvC,CAACC,QAA4B;QAC3BV,SAASU,OAAOb;IAClB,GACA;QAACG;QAAUH;KAAM;IAEnB,MAAMc,QAAQtB,qBAAqBe;IAEnC,qBACE,oBAACQ;QACCP,WAAWrB,WACTQ,MAAM,CAAC,OAAO,EACde,UAAUnB,SAASyB,OAAO,IAAIpB,eAAe,CAACc,MAAM,EACpDR,aAAaP,MAAM,CAAC,kBAAkB,EACtCa;QAEFS,MAAK;QACLC,cAAYJ;QACX,GAAGL,SAAS;qBAEb,oBAACM;QAAIP,WAAWb,MAAM,CAAC,WAAW;QAAEsB,MAAK;OACtC7B,aAAaiB,yBAAW,oBAACU;QAAIP,WAAWb,MAAM,CAAC,eAAe;OAAGU,uBAClE,oBAACX;QAASc,WAAWb,MAAM,CAAC,gBAAgB;QAAEmB,OAAOA;QAAOK,eAAAA,IAAW;OACpEZ,WAEFnB,aAAakB,wBAAU,oBAACS;QAAIP,WAAWb,MAAM,CAAC,cAAc;OAAGW,QAE/DJ,2BACC,oBAACT;QACC2B,WAAU;QACVZ,WAAWb,MAAM,CAAC,eAAe;QACjC0B,SAASV;QACTW,UAAU,KAAK;QACfC,WAAW,KAAK;QAChBL,cAAY,CAAC,EAAEd,gBAAgB,CAAC,EAAEU,MAAM,CAAC;qBAEzC,oBAAC5B;AAMb,EAAE"}

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

@@ -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, ...restProps }: ChipsInputProps<Option>) => JSX.Element;
+export declare const ChipsInput: <Option extends ChipOption>({ style, className, getRootRef, before, after, status, mode, ...restProps }: ChipsInputProps<Option>) => JSX.Element;

package/dist/cssm/components/ChipsInput/ChipsInput.js

@@ -1,32 +1,24 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["style", "className", "getRootRef", "before", "after", "status"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { ChipsInputBase } from '../ChipsInputBase/ChipsInputBase';
 import { FormField } from '../FormField/FormField';
-import "./ChipsInput.module.css";
+import styles from './ChipsInput.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/ChipsInput
- */
-export var ChipsInput = function ChipsInput(_ref) {
-  var style = _ref.style,
-    className = _ref.className,
-    getRootRef = _ref.getRootRef,
-    before = _ref.before,
-    after = _ref.after,
-    status = _ref.status,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(FormField, {
-    getRootRef: getRootRef,
-    className: classNames("vkuiChipsInput", className),
-    style: style,
-    disabled: restProps.disabled,
-    before: before,
-    after: after,
-    role: "application",
-    "aria-disabled": restProps.disabled,
-    "aria-readonly": restProps.readOnly,
-    status: status
-  }, /*#__PURE__*/React.createElement(ChipsInputBase, restProps));
+ */ export const ChipsInput = ({ style , className , getRootRef , before , after , status , mode , ...restProps })=>{
+    return /*#__PURE__*/ React.createElement(FormField, {
+        getRootRef: getRootRef,
+        className: classNames(styles['ChipsInput'], 'vkuiInternalChipsInput', className),
+        style: style,
+        disabled: restProps.disabled,
+        before: before,
+        after: after,
+        role: "application",
+        "aria-disabled": restProps.disabled,
+        "aria-readonly": restProps.readOnly,
+        status: status,
+        mode: mode
+    }, /*#__PURE__*/ React.createElement(ChipsInputBase, restProps));
 };
+
 //# sourceMappingURL=ChipsInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChipsInput.js","names":["React","classNames","ChipsInputBase","FormField","ChipsInput","style","className","getRootRef","before","after","status","restProps","disabled","readOnly"],"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  ...restProps\n}: ChipsInputProps<Option>) => {\n  return (\n    <FormField\n      getRootRef={getRootRef}\n      className={classNames(styles['ChipsInput'], 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    >\n      <ChipsInputBase {...restProps} />\n    </FormField>\n  );\n};\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAE5C,SAASC,cAAc,QAA6B,kCAAkC;AACtF,SAASC,SAAS,QAAwB,wBAAwB;AAAC;AAOnE;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAU,OAQQ;EAAA,IAP7BC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACHC,SAAS;EAEZ,oBACE,oBAAC,SAAS;IACR,UAAU,EAAEJ,UAAW;IACvB,SAAS,EAAEN,UAAU,mBAAuBK,SAAS,CAAE;IACvD,KAAK,EAAED,KAAM;IACb,QAAQ,EAAEM,SAAS,CAACC,QAAS;IAC7B,MAAM,EAAEJ,MAAO;IACf,KAAK,EAAEC,KAAM;IACb,IAAI,EAAC,aAAa;IAClB,iBAAeE,SAAS,CAACC,QAAS;IAClC,iBAAeD,SAAS,CAACE,QAAS;IAClC,MAAM,EAAEH;EAAO,gBAEf,oBAAC,cAAc,EAAKC,SAAS,CAAI,CACvB;AAEhB,CAAC"}
+{"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":["React","classNames","ChipsInputBase","FormField","styles","ChipsInput","style","className","getRootRef","before","after","status","mode","restProps","disabled","role","aria-disabled","aria-readonly","readOnly"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,cAAc,QAA6B,mCAAmC;AACvF,SAASC,SAAS,QAAwB,yBAAyB;AACnE,OAAOC,YAAY,0BAA0B;AAM7C;;CAEC,GACD,OAAO,MAAMC,aAAa,CAA4B,EACpDC,MAAK,EACLC,UAAS,EACTC,WAAU,EACVC,OAAM,EACNC,MAAK,EACLC,OAAM,EACNC,KAAI,EACJ,GAAGC,WACqB,GAAK;IAC7B,qBACE,oBAACV;QACCK,YAAYA;QACZD,WAAWN,WAAWG,MAAM,CAAC,aAAa,EAAE,0BAA0BG;QACtED,OAAOA;QACPQ,UAAUD,UAAUC,QAAQ;QAC5BL,QAAQA;QACRC,OAAOA;QACPK,MAAK;QACLC,iBAAeH,UAAUC,QAAQ;QACjCG,iBAAeJ,UAAUK,QAAQ;QACjCP,QAAQA;QACRC,MAAMA;qBAEN,oBAACV,gBAAmBW;AAG1B,EAAE"}