@vkontakte/vkui 4.35.4 → 4.37.0

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

@@ -2,228 +2,45 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.chipsInputDefaultProps = exports.ChipsInput = void 0;
+exports.ChipsInput = void 0;
 
 var _jsxRuntime = require("../../lib/jsxRuntime");
 
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var React = _interopRequireWildcard(require("react"));
-
 var _FormField = require("../FormField/FormField");
 
-var _classNames = require("../../lib/classNames");
-
-var _Chip = require("../Chip/Chip");
-
-var _utils = require("../../lib/utils");
+var _ChipsInputBase = require("../ChipsInputBase/ChipsInputBase");
 
-var _useChipsInput2 = require("./useChipsInput");
+var _excluded = ["style", "className", "getRootRef", "before", "after", "status"];
 
-var _useAdaptivity2 = require("../../hooks/useAdaptivity");
-
-var _prefixClass = require("../../lib/prefixClass");
-
-var _useExternRef = require("../../hooks/useExternRef");
-
-var _excluded = ["disabled", "value", "label"],
-    _excluded2 = ["style", "value", "onChange", "onInputChange", "onKeyDown", "onBlur", "onFocus", "children", "className", "inputValue", "getRef", "getRootRef", "placeholder", "getOptionValue", "getOptionLabel", "getNewOptionData", "renderChip", "before", "after", "inputAriaLabel"];
-var chipsInputDefaultProps = {
-  type: "text",
-  onChange: _utils.noop,
-  onInputChange: _utils.noop,
-  onKeyDown: _utils.noop,
-  onBlur: _utils.noop,
-  onFocus: _utils.noop,
-  value: [],
-  inputValue: "",
-  inputAriaLabel: "Введите ваше значение...",
-  getOptionValue: function getOptionValue(option) {
-    return option.value;
-  },
-  getOptionLabel: function getOptionLabel(option) {
-    return option.label;
-  },
-  getNewOptionData: function getNewOptionData(_, label) {
-    return {
-      value: label,
-      label: label
-    };
-  },
-  renderChip: function renderChip(props) {
-    if (!props) {
-      return null;
-    }
-
-    var disabled = props.disabled,
-        value = props.value,
-        label = props.label,
-        rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-    return (0, _jsxRuntime.createScopedElement)(_Chip.Chip, (0, _extends2.default)({
-      value: value,
-      removable: !disabled
-    }, rest), label);
-  }
-};
 /**
  * @see https://vkcom.github.io/VKUI/#/ChipsInput
  */
-
-exports.chipsInputDefaultProps = chipsInputDefaultProps;
-
-var ChipsInput = function ChipsInput(props) {
-  var propsWithDefault = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, chipsInputDefaultProps), props);
-  var style = propsWithDefault.style,
-      value = propsWithDefault.value,
-      onChange = propsWithDefault.onChange,
-      onInputChange = propsWithDefault.onInputChange,
-      onKeyDown = propsWithDefault.onKeyDown,
-      onBlur = propsWithDefault.onBlur,
-      onFocus = propsWithDefault.onFocus,
-      children = propsWithDefault.children,
-      className = propsWithDefault.className,
-      inputValue = propsWithDefault.inputValue,
-      getRef = propsWithDefault.getRef,
-      getRootRef = propsWithDefault.getRootRef,
-      placeholder = propsWithDefault.placeholder,
-      getOptionValue = propsWithDefault.getOptionValue,
-      getOptionLabel = propsWithDefault.getOptionLabel,
-      getNewOptionData = propsWithDefault.getNewOptionData,
-      renderChip = propsWithDefault.renderChip,
-      before = propsWithDefault.before,
-      after = propsWithDefault.after,
-      inputAriaLabel = propsWithDefault.inputAriaLabel,
-      restProps = (0, _objectWithoutProperties2.default)(propsWithDefault, _excluded2);
-
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-      sizeY = _useAdaptivity.sizeY;
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      focused = _React$useState2[0],
-      setFocused = _React$useState2[1];
-
-  var _useChipsInput = (0, _useChipsInput2.useChipsInput)(propsWithDefault),
-      fieldValue = _useChipsInput.fieldValue,
-      addOptionFromInput = _useChipsInput.addOptionFromInput,
-      removeOption = _useChipsInput.removeOption,
-      selectedOptions = _useChipsInput.selectedOptions,
-      handleInputChange = _useChipsInput.handleInputChange;
-
-  var inputRef = (0, _useExternRef.useExternRef)(getRef);
-  var isDisabled = restProps.disabled || restProps.readOnly;
-
-  var handleKeyDown = function handleKeyDown(e) {
-    if (isDisabled) {
-      e.preventDefault();
-      return;
-    }
-
-    onKeyDown(e);
-
-    if (e.key === "Backspace" && !e.defaultPrevented && !fieldValue && selectedOptions.length) {
-      removeOption(getOptionValue(selectedOptions[selectedOptions.length - 1]));
-      e.preventDefault();
-    }
-
-    if (e.key === "Enter" && !e.defaultPrevented && fieldValue) {
-      addOptionFromInput();
-      e.preventDefault();
-    }
-  };
-
-  var handleBlur = function handleBlur(e) {
-    if (focused) {
-      setFocused(false);
-    }
-
-    onBlur(e);
-  };
-
-  var handleFocus = function handleFocus(e) {
-    if (!focused) {
-      setFocused(true);
-    }
-
-    onFocus(e);
-  };
-
-  var handleChipRemove = function handleChipRemove(_, value) {
-    if (value !== undefined) {
-      removeOption(value);
-    }
-  };
-
-  var handleClick = function handleClick(e) {
-    if (isDisabled) {
-      e.preventDefault();
-      return;
-    }
-
-    if ((inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) !== null && !focused) {
-      inputRef.current.focus();
-    }
-  };
-
+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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _jsxRuntime.createScopedElement)(_FormField.FormField, {
     getRootRef: getRootRef,
-    vkuiClass: (0, _classNames.classNames)("ChipsInput", "ChipsInput--sizeY-".concat(sizeY), focused && "ChipsInput--focused", !!selectedOptions.length && "ChipsInput--withChips"),
+    vkuiClass: "ChipsInput",
     className: className,
     style: style,
     disabled: restProps.disabled,
     before: before,
     after: after,
-    onClick: handleClick,
     role: "application",
     "aria-disabled": restProps.disabled,
-    "aria-readonly": restProps.readOnly
-  }, (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "ChipsInput__container",
-    role: "presentation"
-  }, selectedOptions.map(function (option) {
-    var value = getOptionValue(option);
-    var label = getOptionLabel(option);
-    return (0, _jsxRuntime.createScopedElement)(React.Fragment, {
-      key: "".concat((0, _typeof2.default)(value), "-").concat(value)
-    }, renderChip({
-      option: option,
-      value: value,
-      label: label,
-      onRemove: handleChipRemove,
-      disabled: Boolean(restProps.disabled),
-      className: (0, _prefixClass.prefixClass)("ChipsInput__chip")
-    }));
-  }), (0, _jsxRuntime.createScopedElement)("label", {
-    vkuiClass: "ChipsInput__input-container",
-    "aria-label": inputAriaLabel
-  }, (0, _jsxRuntime.createScopedElement)("input", (0, _extends2.default)({
-    ref: inputRef,
-    value: fieldValue,
-    autoCapitalize: "none",
-    autoComplete: "off",
-    autoCorrect: "off",
-    spellCheck: false,
-    "aria-autocomplete": "list",
-    vkuiClass: "ChipsInput__el",
-    onChange: handleInputChange,
-    onKeyDown: handleKeyDown,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    placeholder: selectedOptions.length ? undefined : placeholder
-  }, restProps)))));
+    "aria-readonly": restProps.readOnly,
+    status: status
+  }, (0, _jsxRuntime.createScopedElement)(_ChipsInputBase.ChipsInputBase, restProps));
 };
 
 exports.ChipsInput = ChipsInput;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChipsInput/ChipsInput.tsx"],"names":["chipsInputDefaultProps","type","onChange","noop","onInputChange","onKeyDown","onBlur","onFocus","value","inputValue","inputAriaLabel","getOptionValue","option","getOptionLabel","label","getNewOptionData","_","renderChip","props","disabled","rest","ChipsInput","propsWithDefault","style","children","className","getRef","getRootRef","placeholder","before","after","restProps","sizeY","React","useState","focused","setFocused","fieldValue","addOptionFromInput","removeOption","selectedOptions","handleInputChange","inputRef","isDisabled","readOnly","handleKeyDown","e","preventDefault","key","defaultPrevented","length","handleBlur","handleFocus","handleChipRemove","undefined","handleClick","current","focus","map","onRemove","Boolean"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Chip, ChipProps } from \"../Chip/Chip\";\nimport { noop } from \"../../lib/utils\";\nimport { useChipsInput } from \"./useChipsInput\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"./ChipsInput.css\";\n\nexport type ChipsInputValue = string | number;\n\nexport interface ChipsInputOption {\n  value?: ChipsInputValue;\n  label?: string;\n  [otherProp: string]: any;\n}\n\nexport interface RenderChip<Option extends ChipsInputOption> extends ChipProps {\n  label: string;\n  option: Option;\n  disabled: boolean;\n}\n\nexport interface ChipsInputProps<Option extends ChipsInputOption>\n  extends Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"value\" | \"onChange\"\n    >,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign,\n    FormFieldProps {\n  value: Option[];\n  inputValue?: string;\n  onChange?: (o: Option[]) => void;\n  onInputChange?: (e?: React.ChangeEvent<HTMLInputElement>) => void;\n  getOptionValue?: (o?: Option) => ChipsInputValue;\n  getOptionLabel?: (o?: Option) => string;\n  getNewOptionData?: (v?: ChipsInputValue, l?: string) => Option;\n  renderChip?: (props?: RenderChip<Option>) => React.ReactNode;\n  inputAriaLabel?: string;\n}\n\nexport const chipsInputDefaultProps: ChipsInputProps<any> = {\n  type: \"text\",\n  onChange: noop,\n  onInputChange: noop,\n  onKeyDown: noop,\n  onBlur: noop,\n  onFocus: noop,\n  value: [],\n  inputValue: \"\",\n  inputAriaLabel: \"Введите ваше значение...\",\n  getOptionValue: (option) => 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\n/**\n * @see https://vkcom.github.io/VKUI/#/ChipsInput\n */\nexport const ChipsInput = <Option extends ChipsInputOption>(\n  props: ChipsInputProps<Option>\n) => {\n  const propsWithDefault = { ...chipsInputDefaultProps, ...props };\n  const {\n    style,\n    value,\n    onChange,\n    onInputChange,\n    onKeyDown,\n    onBlur,\n    onFocus,\n    children,\n    className,\n    inputValue,\n    getRef,\n    getRootRef,\n    placeholder,\n    getOptionValue,\n    getOptionLabel,\n    getNewOptionData,\n    renderChip,\n    before,\n    after,\n    inputAriaLabel,\n    ...restProps\n  } = propsWithDefault;\n  const { sizeY } = useAdaptivity();\n\n  const [focused, setFocused] = React.useState(false);\n  const {\n    fieldValue,\n    addOptionFromInput,\n    removeOption,\n    selectedOptions,\n    handleInputChange,\n  } = useChipsInput(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 (\n      e.key === \"Backspace\" &&\n      !e.defaultPrevented &&\n      !fieldValue &&\n      selectedOptions.length\n    ) {\n      removeOption(\n        getOptionValue!(selectedOptions[selectedOptions.length - 1])\n      );\n      e.preventDefault();\n    }\n\n    if (e.key === \"Enter\" && !e.defaultPrevented && fieldValue) {\n      addOptionFromInput();\n      e.preventDefault();\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (focused) {\n      setFocused(false);\n    }\n    onBlur!(e);\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (!focused) {\n      setFocused(true);\n    }\n    onFocus!(e);\n  };\n\n  const handleChipRemove = (\n    _: React.MouseEvent | undefined,\n    value: ChipsInputValue | undefined\n  ) => {\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    <FormField\n      getRootRef={getRootRef}\n      vkuiClass={classNames(\n        \"ChipsInput\",\n        `ChipsInput--sizeY-${sizeY}`,\n        focused && \"ChipsInput--focused\",\n        !!selectedOptions.length && \"ChipsInput--withChips\"\n      )}\n      className={className}\n      style={style}\n      disabled={restProps.disabled}\n      before={before}\n      after={after}\n      onClick={handleClick}\n      role=\"application\"\n      aria-disabled={restProps.disabled}\n      aria-readonly={restProps.readOnly}\n    >\n      <div vkuiClass=\"ChipsInput__container\" role=\"presentation\">\n        {selectedOptions.map((option: Option) => {\n          const value = getOptionValue!(option);\n          const label = getOptionLabel!(option);\n\n          return (\n            <React.Fragment key={`${typeof value}-${value}`}>\n              {renderChip!({\n                option,\n                value,\n                label,\n                onRemove: handleChipRemove,\n                disabled: Boolean(restProps.disabled),\n                className: prefixClass(\"ChipsInput__chip\"),\n              })}\n            </React.Fragment>\n          );\n        })}\n        <label\n          vkuiClass=\"ChipsInput__input-container\"\n          aria-label={inputAriaLabel}\n        >\n          <input\n            ref={inputRef}\n            value={fieldValue}\n            autoCapitalize=\"none\"\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            spellCheck={false}\n            aria-autocomplete=\"list\"\n            vkuiClass=\"ChipsInput__el\"\n            onChange={handleInputChange}\n            onKeyDown={handleKeyDown}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            placeholder={selectedOptions.length ? undefined : placeholder}\n            {...restProps}\n          />\n        </label>\n      </div>\n    </FormField>\n  );\n};\n"],"file":"ChipsInput.js"}
+{"version":3,"file":"ChipsInput.js","names":["ChipsInput","style","className","getRootRef","before","after","status","restProps","disabled","readOnly"],"sources":["../../../../src/components/ChipsInput/ChipsInput.tsx"],"sourcesContent":["import { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { ChipOption } from \"../Chip/Chip\";\nimport {\n  ChipsInputBase,\n  ChipsInputBaseProps,\n} from \"../ChipsInputBase/ChipsInputBase\";\nimport \"./ChipsInput.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      vkuiClass=\"ChipsInput\"\n      className={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;;AAEA;;;;AAUA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAQK;EAAA,IAP7BC,KAO6B,QAP7BA,KAO6B;EAAA,IAN7BC,SAM6B,QAN7BA,SAM6B;EAAA,IAL7BC,UAK6B,QAL7BA,UAK6B;EAAA,IAJ7BC,MAI6B,QAJ7BA,MAI6B;EAAA,IAH7BC,KAG6B,QAH7BA,KAG6B;EAAA,IAF7BC,MAE6B,QAF7BA,MAE6B;EAAA,IAD1BC,SAC0B;EAC7B,OACE,qCAAC,oBAAD;IACE,UAAU,EAAEJ,UADd;IAEE,SAAS,EAAC,YAFZ;IAGE,SAAS,EAAED,SAHb;IAIE,KAAK,EAAED,KAJT;IAKE,QAAQ,EAAEM,SAAS,CAACC,QALtB;IAME,MAAM,EAAEJ,MANV;IAOE,KAAK,EAAEC,KAPT;IAQE,IAAI,EAAC,aARP;IASE,iBAAeE,SAAS,CAACC,QAT3B;IAUE,iBAAeD,SAAS,CAACE,QAV3B;IAWE,MAAM,EAAEH;EAXV,GAaE,qCAAC,8BAAD,EAAoBC,SAApB,CAbF,CADF;AAiBD,CA1BM"}

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

@@ -0,0 +1,215 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.chipsInputDefaultProps = exports.ChipsInputBase = void 0;
+
+var _jsxRuntime = require("../../lib/jsxRuntime");
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _classNames = require("../../lib/classNames");
+
+var _Chip = require("../Chip/Chip");
+
+var _utils = require("../../lib/utils");
+
+var _useChipsInput2 = require("../../hooks/useChipsInput");
+
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+
+var _prefixClass = require("../../lib/prefixClass");
+
+var _useExternRef = require("../../hooks/useExternRef");
+
+var _excluded = ["disabled", "value", "label"],
+    _excluded2 = ["style", "className", "getRootRef", "value", "onChange", "onInputChange", "onKeyDown", "onBlur", "onFocus", "children", "inputValue", "getRef", "placeholder", "getOptionValue", "getOptionLabel", "getNewOptionData", "renderChip", "inputAriaLabel"];
+var chipsInputDefaultProps = {
+  onChange: _utils.noop,
+  onInputChange: _utils.noop,
+  onKeyDown: _utils.noop,
+  onBlur: _utils.noop,
+  onFocus: _utils.noop,
+  value: [],
+  inputValue: "",
+  inputAriaLabel: "Введите ваше значение...",
+  getOptionValue: function getOptionValue(option) {
+    return option.value;
+  },
+  getOptionLabel: function getOptionLabel(option) {
+    return option.label;
+  },
+  getNewOptionData: function getNewOptionData(_, label) {
+    return {
+      value: label,
+      label: label
+    };
+  },
+  renderChip: function renderChip(props) {
+    if (!props) {
+      return null;
+    }
+
+    var disabled = props.disabled,
+        value = props.value,
+        label = props.label,
+        rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+    return (0, _jsxRuntime.createScopedElement)(_Chip.Chip, (0, _extends2.default)({
+      value: value,
+      removable: !disabled
+    }, rest), label);
+  }
+};
+exports.chipsInputDefaultProps = chipsInputDefaultProps;
+
+var ChipsInputBase = function ChipsInputBase(props) {
+  var propsWithDefault = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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 = (0, _objectWithoutProperties2.default)(propsWithDefault, _excluded2);
+
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeY = _useAdaptivity.sizeY;
+
+  var _React$useState = React.useState(false),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      focused = _React$useState2[0],
+      setFocused = _React$useState2[1];
+
+  var _useChipsInput = (0, _useChipsInput2.useChipsInput)(propsWithDefault),
+      fieldValue = _useChipsInput.fieldValue,
+      addOptionFromInput = _useChipsInput.addOptionFromInput,
+      removeOption = _useChipsInput.removeOption,
+      selectedOptions = _useChipsInput.selectedOptions,
+      handleInputChange = _useChipsInput.handleInputChange;
+
+  var inputRef = (0, _useExternRef.useExternRef)(getRef);
+  var isDisabled = restProps.disabled || restProps.readOnly;
+
+  var handleKeyDown = function handleKeyDown(e) {
+    if (isDisabled) {
+      e.preventDefault();
+      return;
+    }
+
+    onKeyDown(e);
+
+    if (e.key === "Backspace" && !e.defaultPrevented && !fieldValue && selectedOptions.length) {
+      removeOption(getOptionValue(selectedOptions[selectedOptions.length - 1]));
+      e.preventDefault();
+    }
+
+    if (e.key === "Enter" && !e.defaultPrevented && fieldValue) {
+      addOptionFromInput();
+      e.preventDefault();
+    }
+  };
+
+  var handleBlur = function handleBlur(e) {
+    if (focused) {
+      setFocused(false);
+    }
+
+    onBlur(e);
+  };
+
+  var handleFocus = function handleFocus(e) {
+    if (!focused) {
+      setFocused(true);
+    }
+
+    onFocus(e);
+  };
+
+  var handleChipRemove = function handleChipRemove(_, value) {
+    if (value !== undefined) {
+      removeOption(value);
+    }
+  };
+
+  var handleClick = function handleClick(e) {
+    if (isDisabled) {
+      e.preventDefault();
+      return;
+    }
+
+    if ((inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) !== null && !focused) {
+      inputRef.current.focus();
+    }
+  };
+
+  return (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: (0, _classNames.classNames)("ChipsInputBase", "ChipsInputBase--sizeY-".concat(sizeY)),
+    onClick: handleClick,
+    role: "presentation",
+    style: style,
+    className: className,
+    ref: getRootRef
+  }, selectedOptions.map(function (option) {
+    var value = getOptionValue(option);
+    var label = getOptionLabel(option);
+    return (0, _jsxRuntime.createScopedElement)(React.Fragment, {
+      key: "".concat((0, _typeof2.default)(value), "-").concat(value)
+    }, renderChip({
+      option: option,
+      value: value,
+      label: label,
+      onRemove: handleChipRemove,
+      disabled: Boolean(restProps.disabled),
+      className: (0, _prefixClass.prefixClass)("ChipsInputBase__chip")
+    }));
+  }), (0, _jsxRuntime.createScopedElement)("label", {
+    vkuiClass: "ChipsInputBase__label",
+    "aria-label": inputAriaLabel
+  }, (0, _jsxRuntime.createScopedElement)("input", (0, _extends2.default)({
+    type: "text",
+    autoCapitalize: "none",
+    autoComplete: "off",
+    autoCorrect: "off",
+    spellCheck: false,
+    "aria-autocomplete": "list",
+    vkuiClass: "ChipsInputBase__el"
+  }, restProps, {
+    ref: inputRef,
+    value: fieldValue,
+    onChange: handleInputChange,
+    onKeyDown: handleKeyDown,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    placeholder: selectedOptions.length ? undefined : placeholder
+  }))));
+};
+
+exports.ChipsInputBase = ChipsInputBase;
+//# sourceMappingURL=ChipsInputBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipsInputBase.js","names":["chipsInputDefaultProps","onChange","noop","onInputChange","onKeyDown","onBlur","onFocus","value","inputValue","inputAriaLabel","getOptionValue","option","getOptionLabel","label","getNewOptionData","_","renderChip","props","disabled","rest","ChipsInputBase","propsWithDefault","style","className","getRootRef","children","getRef","placeholder","restProps","useAdaptivity","sizeY","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","classNames","map","onRemove","Boolean","prefixClass"],"sources":["../../../../src/components/ChipsInputBase/ChipsInputBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Chip, ChipOption, ChipValue, RenderChip } from \"../Chip/Chip\";\nimport { noop } from \"../../lib/utils\";\nimport { useChipsInput } from \"../../hooks/useChipsInput\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"./ChipsInputBase.css\";\n\nexport interface ChipsInputBaseProps<Option extends ChipOption>\n  extends Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"value\" | \"onChange\"\n    >,\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>(\n  props: ChipsInputBaseProps<Option>\n) => {\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 {\n    fieldValue,\n    addOptionFromInput,\n    removeOption,\n    selectedOptions,\n    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 (\n      e.key === \"Backspace\" &&\n      !e.defaultPrevented &&\n      !fieldValue &&\n      selectedOptions.length\n    ) {\n      removeOption(\n        getOptionValue!(selectedOptions[selectedOptions.length - 1])\n      );\n      e.preventDefault();\n    }\n\n    if (e.key === \"Enter\" && !e.defaultPrevented && fieldValue) {\n      addOptionFromInput();\n      e.preventDefault();\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (focused) {\n      setFocused(false);\n    }\n    onBlur!(e);\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (!focused) {\n      setFocused(true);\n    }\n    onFocus!(e);\n  };\n\n  const handleChipRemove = (\n    _: React.MouseEvent | undefined,\n    value: ChipValue | undefined\n  ) => {\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      vkuiClass={classNames(\"ChipsInputBase\", `ChipsInputBase--sizeY-${sizeY}`)}\n      onClick={handleClick}\n      role=\"presentation\"\n      style={style}\n      className={className}\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: prefixClass(\"ChipsInputBase__chip\"),\n            })}\n          </React.Fragment>\n        );\n      })}\n      <label vkuiClass=\"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          vkuiClass=\"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"],"mappings":"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"}