@vkontakte/vkui 4.22.0 → 4.24.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Chip/Chip.tsx"],"names":["React","Icon16Cancel","getTitleFromChildren","hasReactNode","noop","classNames","Caption","Tappable","Chip","value","option","removable","onRemove","removeAriaLabel","before","after","children","restProps","onRemoveWrapper","useCallback","event","title"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT,QAA6B,kBAA7B;AACA,SAASC,oBAAT,EAA+BC,YAA/B,EAA6CC,IAA7C;AACA,SAASC,UAAT;AACA,OAAOC,OAAP;AACA,OAAOC,QAAP;;AAeA,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,OAUjB;AAAA,wBATfC,KASe;AAAA,MATfA,KASe,2BATP,EASO;AAAA,MARfC,MAQe,QARfA,MAQe;AAAA,4BAPfC,SAOe;AAAA,MAPfA,SAOe,+BAPH,IAOG;AAAA,2BANfC,QAMe;AAAA,MANfA,QAMe,8BANJR,IAMI;AAAA,kCALfS,eAKe;AAAA,MALfA,eAKe,qCALG,SAKH;AAAA,yBAJfC,MAIe;AAAA,MAJfA,MAIe,4BAJN,IAIM;AAAA,MAHfC,KAGe,QAHfA,KAGe;AAAA,MAFfC,QAEe,QAFfA,QAEe;AAAA,MADZC,SACY;;AACf,MAAMC,eAAe,GAAGlB,KAAK,CAACmB,WAAN,CAAkB,UAACC,KAAD,EAA6B;AACrER,IAAAA,QAAQ,CAACQ,KAAD,EAAQX,KAAR,CAAR;AACD,GAFuB,EAErB,CAACG,QAAD,EAAWH,KAAX,CAFqB,CAAxB;AAGA,MAAMY,KAAK,GAAGnB,oBAAoB,CAACc,QAAD,CAAlC;AAEA,SACE;AACE,IAAA,SAAS,EAAEX,UAAU,CAAC,MAAD,EAAS;AAAE,yBAAmBM;AAArB,KAAT,CADvB;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,kBAAYU;AAHd,KAIMJ,SAJN,GAME;AAAK,IAAA,SAAS,EAAC,UAAf;AAA0B,IAAA,IAAI,EAAC;AAA/B,KACGd,YAAY,CAACW,MAAD,CAAZ,IAAwB;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+BA,MAA/B,CAD3B,EAEE,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC,SAA1B;AAAoC,IAAA,SAAS,EAAC,eAA9C;AAA8D,IAAA,KAAK,EAAEO,KAArE;AAA4E,mBAAY;AAAxF,KAAgGL,QAAhG,CAFF,EAGGb,YAAY,CAACY,KAAD,CAAZ,IAAuB;AAAK,IAAA,SAAS,EAAC;AAAf,KAA8BA,KAA9B,CAH1B,EAKGJ,SAAS,IACR,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,SAAS,EAAC,cAFZ;AAGE,IAAA,OAAO,EAAEO,eAHX;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,SAAS,EAAE,KALb;AAME,4BAAeL,eAAf,cAAkCQ,KAAlC;AANF,KAQE,oBAAC,YAAD;AAAc,mBAAa;AAA3B,IARF,CANJ,CANF,CADF;AA2BD,CA3CD;;AA6CA,eAAeb,IAAf","sourcesContent":["import * as React from 'react';\nimport { Icon16Cancel } from '@vkontakte/icons';\nimport { getTitleFromChildren, hasReactNode, noop } from '../../lib/utils';\nimport { classNames } from '../../lib/classNames';\nimport Caption from '../Typography/Caption/Caption';\nimport Tappable from '../Tappable/Tappable';\nimport './Chip.css';\n\ntype ChipValue = string | number;\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: ChipValue;\n  option?: { value?: ChipValue };\n  onRemove?: (event?: React.MouseEvent, value?: ChipValue) => void;\n  removable?: boolean;\n  removeAriaLabel?: string;\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n}\n\nconst Chip: React.FC<ChipProps> = ({\n  value = '',\n  option,\n  removable = true,\n  onRemove = noop,\n  removeAriaLabel = 'Удалить',\n  before = null,\n  after,\n  children,\n  ...restProps\n}: ChipProps) => {\n  const onRemoveWrapper = React.useCallback((event: React.MouseEvent) => {\n    onRemove(event, value);\n  }, [onRemove, value]);\n  const title = getTitleFromChildren(children);\n\n  return (\n    <div\n      vkuiClass={classNames('Chip', { 'Chip--removable': removable })}\n      role=\"option\"\n      aria-label={title}\n      {...restProps}\n    >\n      <div vkuiClass=\"Chip__in\" role=\"presentation\">\n        {hasReactNode(before) && <div vkuiClass=\"Chip__before\">{before}</div>}\n        <Caption level=\"1\" weight=\"regular\" vkuiClass=\"Chip__content\" title={title} aria-hidden=\"true\">{children}</Caption>\n        {hasReactNode(after) && <div vkuiClass=\"Chip__after\">{after}</div>}\n\n        {removable &&\n          <Tappable\n            Component=\"button\"\n            vkuiClass=\"Chip__remove\"\n            onClick={onRemoveWrapper}\n            hasHover={false}\n            hasActive={false}\n            aria-label={`${removeAriaLabel} ${title}`}\n          >\n            <Icon16Cancel aria-hidden={true} />\n          </Tappable>\n        }\n      </div>\n    </div>\n  );\n};\n\nexport default Chip;\n"],"file":"Chip.js"}
+{"version":3,"sources":["../../../src/components/Chip/Chip.tsx"],"names":["React","Icon16Cancel","getTitleFromChildren","hasReactNode","noop","classNames","Caption","Tappable","Chip","value","option","removable","onRemove","removeAriaLabel","before","after","children","restProps","onRemoveWrapper","useCallback","event","title"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT,QAA6B,kBAA7B;AACA,SAASC,oBAAT,EAA+BC,YAA/B,EAA6CC,IAA7C;AACA,SAASC,UAAT;AACA,OAAOC,OAAP;AACA,OAAOC,QAAP;;AAeA,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,OAUjB;AAAA,wBATfC,KASe;AAAA,MATfA,KASe,2BATP,EASO;AAAA,MARfC,MAQe,QARfA,MAQe;AAAA,4BAPfC,SAOe;AAAA,MAPfA,SAOe,+BAPH,IAOG;AAAA,2BANfC,QAMe;AAAA,MANfA,QAMe,8BANJR,IAMI;AAAA,kCALfS,eAKe;AAAA,MALfA,eAKe,qCALG,SAKH;AAAA,yBAJfC,MAIe;AAAA,MAJfA,MAIe,4BAJN,IAIM;AAAA,MAHfC,KAGe,QAHfA,KAGe;AAAA,MAFfC,QAEe,QAFfA,QAEe;AAAA,MADZC,SACY;;AACf,MAAMC,eAAe,GAAGlB,KAAK,CAACmB,WAAN,CACtB,UAACC,KAAD,EAA6B;AAC3BR,IAAAA,QAAQ,CAACQ,KAAD,EAAQX,KAAR,CAAR;AACD,GAHqB,EAItB,CAACG,QAAD,EAAWH,KAAX,CAJsB,CAAxB;AAMA,MAAMY,KAAK,GAAGnB,oBAAoB,CAACc,QAAD,CAAlC;AAEA,SACE;AACE,IAAA,SAAS,EAAEX,UAAU,CAAC,MAAD,EAAS;AAAE,yBAAmBM;AAArB,KAAT,CADvB;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,kBAAYU;AAHd,KAIMJ,SAJN,GAME;AAAK,IAAA,SAAS,EAAC,UAAf;AAA0B,IAAA,IAAI,EAAC;AAA/B,KACGd,YAAY,CAACW,MAAD,CAAZ,IAAwB;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+BA,MAA/B,CAD3B,EAEE,oBAAC,OAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAC,SAFT;AAGE,IAAA,SAAS,EAAC,eAHZ;AAIE,IAAA,KAAK,EAAEO,KAJT;AAKE,mBAAY;AALd,KAOGL,QAPH,CAFF,EAWGb,YAAY,CAACY,KAAD,CAAZ,IAAuB;AAAK,IAAA,SAAS,EAAC;AAAf,KAA8BA,KAA9B,CAX1B,EAaGJ,SAAS,IACR,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,SAAS,EAAC,cAFZ;AAGE,IAAA,OAAO,EAAEO,eAHX;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,SAAS,EAAE,KALb;AAME,4BAAeL,eAAf,cAAkCQ,KAAlC;AANF,KAQE,oBAAC,YAAD;AAAc,mBAAa;AAA3B,IARF,CAdJ,CANF,CADF;AAmCD,CAtDD;;AAwDA,eAAeb,IAAf","sourcesContent":["import * as React from \"react\";\nimport { Icon16Cancel } from \"@vkontakte/icons\";\nimport { getTitleFromChildren, hasReactNode, noop } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Tappable from \"../Tappable/Tappable\";\nimport \"./Chip.css\";\n\ntype ChipValue = string | number;\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: ChipValue;\n  option?: { value?: ChipValue };\n  onRemove?: (event?: React.MouseEvent, value?: ChipValue) => void;\n  removable?: boolean;\n  removeAriaLabel?: string;\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n}\n\nconst Chip: React.FC<ChipProps> = ({\n  value = \"\",\n  option,\n  removable = true,\n  onRemove = noop,\n  removeAriaLabel = \"Удалить\",\n  before = null,\n  after,\n  children,\n  ...restProps\n}: ChipProps) => {\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      vkuiClass={classNames(\"Chip\", { \"Chip--removable\": removable })}\n      role=\"option\"\n      aria-label={title}\n      {...restProps}\n    >\n      <div vkuiClass=\"Chip__in\" role=\"presentation\">\n        {hasReactNode(before) && <div vkuiClass=\"Chip__before\">{before}</div>}\n        <Caption\n          level=\"1\"\n          weight=\"regular\"\n          vkuiClass=\"Chip__content\"\n          title={title}\n          aria-hidden=\"true\"\n        >\n          {children}\n        </Caption>\n        {hasReactNode(after) && <div vkuiClass=\"Chip__after\">{after}</div>}\n\n        {removable && (\n          <Tappable\n            Component=\"button\"\n            vkuiClass=\"Chip__remove\"\n            onClick={onRemoveWrapper}\n            hasHover={false}\n            hasActive={false}\n            aria-label={`${removeAriaLabel} ${title}`}\n          >\n            <Icon16Cancel aria-hidden={true} />\n          </Tappable>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default Chip;\n"],"file":"Chip.js"}

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { HasAlign, HasRef, HasRootRef } from '../../types';
-import { FormFieldProps } from '../FormField/FormField';
-import { ChipProps } from '../Chip/Chip';
-import './ChipsInput.css';
+import * as React from "react";
+import { HasAlign, HasRef, HasRootRef } from "../../types";
+import { FormFieldProps } from "../FormField/FormField";
+import { ChipProps } from "../Chip/Chip";
+import "./ChipsInput.css";
 export declare type ChipsInputValue = string | number;
 export interface ChipsInputOption {
     value?: ChipsInputValue;
@@ -14,7 +14,7 @@ export interface RenderChip<Option extends ChipsInputOption> extends ChipProps {
     option: Option;
     disabled: boolean;
 }
-export interface ChipsInputProps<Option extends ChipsInputOption> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>, HasRef<HTMLInputElement>, HasRootRef<HTMLDivElement>, HasAlign, FormFieldProps {
+export interface ChipsInputProps<Option extends ChipsInputOption> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange">, HasRef<HTMLInputElement>, HasRootRef<HTMLDivElement>, HasAlign, FormFieldProps {
     value: Option[];
     inputValue?: string;
     onChange?: (o: Option[]) => void;

package/dist/components/ChipsInput/ChipsInput.js

@@ -5,7 +5,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["style", "value", "onChange", "onInputChange", "onKeyDown", "onBlur", "onFocus", "children", "className", "inputValue", "getRef", "getRootRef", "placeholder", "getOptionValue", "getOptionLabel", "getNewOptionData", "renderChip", "after", "inputAriaLabel"],
     _excluded2 = ["disabled", "value", "label"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { FormField } from "../FormField/FormField";
 import { classNames } from "../../lib/classNames";
 import Chip from "../Chip/Chip";
@@ -63,12 +63,12 @@ var ChipsInput = function ChipsInput(props) {
 
     onKeyDown(e);
 
-    if (e.key === 'Backspace' && !e.defaultPrevented && !fieldValue && selectedOptions.length) {
+    if (e.key === "Backspace" && !e.defaultPrevented && !fieldValue && selectedOptions.length) {
       removeOption(getOptionValue(selectedOptions[selectedOptions.length - 1]));
       e.preventDefault();
     }
 
-    if (e.key === 'Enter' && !e.defaultPrevented && fieldValue) {
+    if (e.key === "Enter" && !e.defaultPrevented && fieldValue) {
       addOptionFromInput();
       e.preventDefault();
     }
@@ -107,9 +107,9 @@ var ChipsInput = function ChipsInput(props) {
 
   return createScopedElement(FormField, {
     getRootRef: getRootRef,
-    vkuiClass: classNames('ChipsInput', "ChipsInput--sizeY-".concat(sizeY), {
-      'ChipsInput--focused': focused,
-      'ChipsInput--withChips': !!selectedOptions.length
+    vkuiClass: classNames("ChipsInput", "ChipsInput--sizeY-".concat(sizeY), {
+      "ChipsInput--focused": focused,
+      "ChipsInput--withChips": !!selectedOptions.length
     }),
     className: className,
     style: style,
@@ -133,7 +133,7 @@ var ChipsInput = function ChipsInput(props) {
       label: label,
       onRemove: handleChipRemove,
       disabled: restProps.disabled,
-      className: prefixClass('ChipsInput__chip')
+      className: prefixClass("ChipsInput__chip")
     }));
   }), createScopedElement("label", {
     vkuiClass: "ChipsInput__input-container",
@@ -156,15 +156,15 @@ var ChipsInput = function ChipsInput(props) {
 };
 
 export var chipsInputDefaultProps = {
-  type: 'text',
+  type: "text",
   onChange: noop,
   onInputChange: noop,
   onKeyDown: noop,
   onBlur: noop,
   onFocus: noop,
   value: [],
-  inputValue: '',
-  inputAriaLabel: 'Введите ваше значение...',
+  inputValue: "",
+  inputAriaLabel: "Введите ваше значение...",
   getOptionValue: function getOptionValue(option) {
     return option.value;
   },

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ChipsInput/ChipsInput.tsx"],"names":["React","FormField","classNames","Chip","noop","useChipsInput","useAdaptivity","prefixClass","useExternRef","ChipsInput","props","style","value","onChange","onInputChange","onKeyDown","onBlur","onFocus","children","className","inputValue","getRef","getRootRef","placeholder","getOptionValue","getOptionLabel","getNewOptionData","renderChip","after","inputAriaLabel","restProps","sizeY","useState","focused","setFocused","fieldValue","addOptionFromInput","removeOption","selectedOptions","handleInputChange","inputRef","isDisabled","disabled","readOnly","handleKeyDown","e","preventDefault","key","defaultPrevented","length","handleBlur","handleFocus","handleChipRemove","_","handleClick","current","focus","map","option","label","onRemove","chipsInputDefaultProps","type","rest","defaultProps"],"mappings":";;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,SAAT;AACA,SAASC,UAAT;AACA,OAAOC,IAAP;AACA,SAASC,IAAT;AACA,SAASC,aAAT;AACA,SAASC,aAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;;AAkCA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAAkCC,KAAlC,EAAqE;AACtF,MAAQC,KAAR,GAE0CD,KAF1C,CAAQC,KAAR;AAAA,MAAeC,KAAf,GAE0CF,KAF1C,CAAeE,KAAf;AAAA,MAAsBC,QAAtB,GAE0CH,KAF1C,CAAsBG,QAAtB;AAAA,MAAgCC,aAAhC,GAE0CJ,KAF1C,CAAgCI,aAAhC;AAAA,MAA+CC,SAA/C,GAE0CL,KAF1C,CAA+CK,SAA/C;AAAA,MAA0DC,MAA1D,GAE0CN,KAF1C,CAA0DM,MAA1D;AAAA,MAAkEC,OAAlE,GAE0CP,KAF1C,CAAkEO,OAAlE;AAAA,MAA2EC,QAA3E,GAE0CR,KAF1C,CAA2EQ,QAA3E;AAAA,MAAqFC,SAArF,GAE0CT,KAF1C,CAAqFS,SAArF;AAAA,MAAgGC,UAAhG,GAE0CV,KAF1C,CAAgGU,UAAhG;AAAA,MACEC,MADF,GAE0CX,KAF1C,CACEW,MADF;AAAA,MACUC,UADV,GAE0CZ,KAF1C,CACUY,UADV;AAAA,MACsBC,WADtB,GAE0Cb,KAF1C,CACsBa,WADtB;AAAA,MACmCC,cADnC,GAE0Cd,KAF1C,CACmCc,cADnC;AAAA,MACmDC,cADnD,GAE0Cf,KAF1C,CACmDe,cADnD;AAAA,MACmEC,gBADnE,GAE0ChB,KAF1C,CACmEgB,gBADnE;AAAA,MACqFC,UADrF,GAE0CjB,KAF1C,CACqFiB,UADrF;AAAA,MAEEC,KAFF,GAE0ClB,KAF1C,CAEEkB,KAFF;AAAA,MAESC,cAFT,GAE0CnB,KAF1C,CAESmB,cAFT;AAAA,MAE4BC,SAF5B,4BAE0CpB,KAF1C;;AAGA,uBAAkBJ,aAAa,EAA/B;AAAA,MAAQyB,KAAR,kBAAQA,KAAR;;AAEA,wBAA8B/B,KAAK,CAACgC,QAAN,CAAe,KAAf,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AACA,uBAA6F7B,aAAa,CAACK,KAAD,CAA1G;AAAA,MAAQyB,UAAR,kBAAQA,UAAR;AAAA,MAAoBC,kBAApB,kBAAoBA,kBAApB;AAAA,MAAwCC,YAAxC,kBAAwCA,YAAxC;AAAA,MAAsDC,eAAtD,kBAAsDA,eAAtD;AAAA,MAAuEC,iBAAvE,kBAAuEA,iBAAvE;;AACA,MAAMC,QAAQ,GAAGhC,YAAY,CAACa,MAAD,CAA7B;AAEA,MAAMoB,UAAU,GAAGX,SAAS,CAACY,QAAV,IAAsBZ,SAAS,CAACa,QAAnD;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,CAAD,EAA8C;AAClE,QAAIJ,UAAJ,EAAgB;AACdI,MAAAA,CAAC,CAACC,cAAF;AACA;AACD;;AAED/B,IAAAA,SAAS,CAAC8B,CAAD,CAAT;;AAEA,QAAIA,CAAC,CAACE,GAAF,KAAU,WAAV,IAAyB,CAACF,CAAC,CAACG,gBAA5B,IAAgD,CAACb,UAAjD,IAA+DG,eAAe,CAACW,MAAnF,EAA2F;AACzFZ,MAAAA,YAAY,CAACb,cAAc,CAACc,eAAe,CAACA,eAAe,CAACW,MAAhB,GAAyB,CAA1B,CAAhB,CAAf,CAAZ;AACAJ,MAAAA,CAAC,CAACC,cAAF;AACD;;AAED,QAAID,CAAC,CAACE,GAAF,KAAU,OAAV,IAAqB,CAACF,CAAC,CAACG,gBAAxB,IAA4Cb,UAAhD,EAA4D;AAC1DC,MAAAA,kBAAkB;AAClBS,MAAAA,CAAC,CAACC,cAAF;AACD;AACF,GAjBD;;AAmBA,MAAMI,UAAU,GAAG,SAAbA,UAAa,CAACL,CAAD,EAA2C;AAC5D,QAAIZ,OAAJ,EAAa;AACXC,MAAAA,UAAU,CAAC,KAAD,CAAV;AACD;;AACDlB,IAAAA,MAAM,CAAC6B,CAAD,CAAN;AACD,GALD;;AAOA,MAAMM,WAAW,GAAG,SAAdA,WAAc,CAACN,CAAD,EAA2C;AAC7D,QAAI,CAACZ,OAAL,EAAc;AACZC,MAAAA,UAAU,CAAC,IAAD,CAAV;AACD;;AACDjB,IAAAA,OAAO,CAAC4B,CAAD,CAAP;AACD,GALD;;AAOA,MAAMO,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,CAAD,EAAwCzC,KAAxC,EAAmE;AAC1FyB,IAAAA,YAAY,CAACzB,KAAD,CAAZ;AACD,GAFD;;AAIA,MAAM0C,WAAW,GAAG,SAAdA,WAAc,CAACT,CAAD,EAAyC;AAC3D,QAAIJ,UAAJ,EAAgB;AACdI,MAAAA,CAAC,CAACC,cAAF;AACA;AACD;;AAED,QAAI,CAAAN,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAEe,OAAV,MAAsB,IAAtB,IAA8B,CAACtB,OAAnC,EAA4C;AAC1CO,MAAAA,QAAQ,CAACe,OAAT,CAAiBC,KAAjB;AACD;AACF,GATD;;AAWA,SACE,oBAAC,SAAD;AACE,IAAA,UAAU,EAAElC,UADd;AAEE,IAAA,SAAS,EAAEpB,UAAU,CAAC,YAAD,8BAAoC6B,KAApC,GAA6C;AAChE,6BAAuBE,OADyC;AAEhE,+BAAyB,CAAC,CAACK,eAAe,CAACW;AAFqB,KAA7C,CAFvB;AAME,IAAA,SAAS,EAAE9B,SANb;AAOE,IAAA,KAAK,EAAER,KAPT;AAQE,IAAA,QAAQ,EAAEmB,SAAS,CAACY,QARtB;AASE,IAAA,KAAK,EAAEd,KATT;AAUE,IAAA,OAAO,EAAE0B,WAVX;AAWE,IAAA,IAAI,EAAC,aAXP;AAYE,qBAAexB,SAAS,CAACY,QAZ3B;AAaE,qBAAeZ,SAAS,CAACa;AAb3B,KAeE;AAAK,IAAA,SAAS,EAAC,uBAAf;AAAuC,IAAA,IAAI,EAAC;AAA5C,KACGL,eAAe,CAACmB,GAAhB,CAAoB,UAACC,MAAD,EAAoB;AACvC,QAAM9C,KAAK,GAAGY,cAAc,CAACkC,MAAD,CAA5B;AACA,QAAMC,KAAK,GAAGlC,cAAc,CAACiC,MAAD,CAA5B;AAEA,WACE,oBAAC,KAAD,CAAO,QAAP;AAAgB,MAAA,GAAG,oBAAY9C,KAAZ,eAAqBA,KAArB;AAAnB,OACGe,UAAU,CAAC;AAAE+B,MAAAA,MAAM,EAANA,MAAF;AAAU9C,MAAAA,KAAK,EAALA,KAAV;AAAiB+C,MAAAA,KAAK,EAALA,KAAjB;AAAwBC,MAAAA,QAAQ,EAAER,gBAAlC;AAAoDV,MAAAA,QAAQ,EAAEZ,SAAS,CAACY,QAAxE;AAAkFvB,MAAAA,SAAS,EAAEZ,WAAW,CAAC,kBAAD;AAAxG,KAAD,CADb,CADF;AAKD,GATA,CADH,EAWE;AAAO,IAAA,SAAS,EAAC,6BAAjB;AAA+C,kBAAYsB;AAA3D,KACE;AACE,IAAA,GAAG,EAAEW,QADP;AAEE,IAAA,KAAK,EAAEL,UAFT;AAGE,IAAA,cAAc,EAAC,MAHjB;AAIE,IAAA,YAAY,EAAC,KAJf;AAKE,IAAA,WAAW,EAAC,KALd;AAME,IAAA,UAAU,EAAE,KANd;AAOE,yBAAkB,MAPpB;AAQE,IAAA,SAAS,EAAC,gBARZ;AASE,IAAA,QAAQ,EAAEI,iBATZ;AAUE,IAAA,SAAS,EAAEK,aAVb;AAWE,IAAA,OAAO,EAAEO,WAXX;AAYE,IAAA,MAAM,EAAED,UAZV;AAaE,IAAA,WAAW,EAAEZ,eAAe,CAACW,MAAhB,GAAyB,IAAzB,GAAgC1B;AAb/C,KAcMO,SAdN,EADF,CAXF,CAfF,CADF;AAgDD,CA5GD;;AA8GA,OAAO,IAAM+B,sBAA4C,GAAG;AAC1DC,EAAAA,IAAI,EAAE,MADoD;AAE1DjD,EAAAA,QAAQ,EAAET,IAFgD;AAG1DU,EAAAA,aAAa,EAAEV,IAH2C;AAI1DW,EAAAA,SAAS,EAAEX,IAJ+C;AAK1DY,EAAAA,MAAM,EAAEZ,IALkD;AAM1Da,EAAAA,OAAO,EAAEb,IANiD;AAO1DQ,EAAAA,KAAK,EAAE,EAPmD;AAQ1DQ,EAAAA,UAAU,EAAE,EAR8C;AAS1DS,EAAAA,cAAc,EAAE,0BAT0C;AAU1DL,EAAAA,cAAc,EAAE,wBAACkC,MAAD;AAAA,WAA+CA,MAAM,CAAC9C,KAAtD;AAAA,GAV0C;AAW1Da,EAAAA,cAAc,EAAE,wBAACiC,MAAD;AAAA,WAAsCA,MAAM,CAACC,KAA7C;AAAA,GAX0C;AAY1DjC,EAAAA,gBAAgB,EAAE,0BAAC2B,CAAD,EAAqBM,KAArB;AAAA,WAA0D;AAAE/C,MAAAA,KAAK,EAAE+C,KAAT;AAAgBA,MAAAA,KAAK,EAALA;AAAhB,KAA1D;AAAA,GAZwC;AAa1DhC,EAAAA,UAb0D,4BAaoB;AAAA,QAAjEe,QAAiE,QAAjEA,QAAiE;AAAA,QAAvD9B,KAAuD,QAAvDA,KAAuD;AAAA,QAAhD+C,KAAgD,QAAhDA,KAAgD;AAAA,QAAtCI,IAAsC;;AAC5E,WACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAEnD,KAAb;AAAoB,MAAA,SAAS,EAAE,CAAC8B;AAAhC,OAA8CqB,IAA9C,GACGJ,KADH,CADF;AAKD;AAnByD,CAArD;AAqBPlD,UAAU,CAACuD,YAAX,GAA0BH,sBAA1B;AAEA,eAAepD,UAAf","sourcesContent":["import * as React from 'react';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport { classNames } from '../../lib/classNames';\nimport Chip, { ChipProps } from '../Chip/Chip';\nimport { noop } from '../../lib/utils';\nimport { useChipsInput } from './useChipsInput';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { prefixClass } from '../../lib/prefixClass';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport './ChipsInput.css';\n\nexport type ChipsInputValue = string | number;\n\nexport interface ChipsInputOption {\n  value?: ChipsInputValue;\n  label?: string;\n  [otherProp: string]: any;\n}\n\nexport interface RenderChip<Option extends ChipsInputOption> extends ChipProps {\n  label: string;\n  option: Option;\n  disabled: boolean;\n}\n\nexport interface ChipsInputProps<Option extends ChipsInputOption> extends\n  Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>,\n  HasRef<HTMLInputElement>,\n  HasRootRef<HTMLDivElement>,\n  HasAlign,\n  FormFieldProps {\n  value: Option[];\n  inputValue?: string;\n  onChange?: (o: Option[]) => void;\n  onInputChange?: (e?: React.ChangeEvent<HTMLInputElement>) => void;\n  getOptionValue?: (o?: Option) => ChipsInputValue;\n  getOptionLabel?: (o?: Option) => string;\n  getNewOptionData?: (v?: ChipsInputValue, l?: string) => Option;\n  renderChip?: (props?: RenderChip<Option>) => React.ReactNode;\n  inputAriaLabel?: string;\n}\n\nconst ChipsInput = <Option extends ChipsInputOption>(props: ChipsInputProps<Option>) => {\n  const { style, value, onChange, onInputChange, onKeyDown, onBlur, onFocus, children, className, inputValue,\n    getRef, getRootRef, placeholder, getOptionValue, getOptionLabel, getNewOptionData, renderChip,\n    after, inputAriaLabel, ...restProps } = props;\n  const { sizeY } = useAdaptivity();\n\n  const [focused, setFocused] = React.useState(false);\n  const { fieldValue, addOptionFromInput, removeOption, selectedOptions, handleInputChange } = useChipsInput(props);\n  const inputRef = useExternRef(getRef);\n\n  const isDisabled = restProps.disabled || restProps.readOnly;\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (isDisabled) {\n      e.preventDefault();\n      return;\n    }\n\n    onKeyDown(e);\n\n    if (e.key === 'Backspace' && !e.defaultPrevented && !fieldValue && selectedOptions.length) {\n      removeOption(getOptionValue(selectedOptions[selectedOptions.length - 1]));\n      e.preventDefault();\n    }\n\n    if (e.key === 'Enter' && !e.defaultPrevented && fieldValue) {\n      addOptionFromInput();\n      e.preventDefault();\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (focused) {\n      setFocused(false);\n    }\n    onBlur(e);\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (!focused) {\n      setFocused(true);\n    }\n    onFocus(e);\n  };\n\n  const handleChipRemove = (_: React.MouseEvent<HTMLInputElement>, value: ChipsInputValue) => {\n    removeOption(value);\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (isDisabled) {\n      e.preventDefault();\n      return;\n    }\n\n    if (inputRef?.current !== null && !focused) {\n      inputRef.current.focus();\n    }\n  };\n\n  return (\n    <FormField\n      getRootRef={getRootRef}\n      vkuiClass={classNames('ChipsInput', `ChipsInput--sizeY-${sizeY}`, {\n        'ChipsInput--focused': focused,\n        'ChipsInput--withChips': !!selectedOptions.length,\n      })}\n      className={className}\n      style={style}\n      disabled={restProps.disabled}\n      after={after}\n      onClick={handleClick}\n      role=\"application\"\n      aria-disabled={restProps.disabled}\n      aria-readonly={restProps.readOnly}\n    >\n      <div vkuiClass=\"ChipsInput__container\" role=\"presentation\">\n        {selectedOptions.map((option: Option) => {\n          const value = getOptionValue(option);\n          const label = getOptionLabel(option);\n\n          return (\n            <React.Fragment key={`${typeof value}-${value}`}>\n              {renderChip({ option, value, label, onRemove: handleChipRemove, disabled: restProps.disabled, className: prefixClass('ChipsInput__chip') })}\n            </React.Fragment>\n          );\n        })}\n        <label vkuiClass=\"ChipsInput__input-container\" aria-label={inputAriaLabel}>\n          <input\n            ref={inputRef}\n            value={fieldValue}\n            autoCapitalize=\"none\"\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            spellCheck={false}\n            aria-autocomplete=\"list\"\n            vkuiClass=\"ChipsInput__el\"\n            onChange={handleInputChange}\n            onKeyDown={handleKeyDown}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            placeholder={selectedOptions.length ? null : placeholder}\n            {...restProps}\n          />\n        </label>\n      </div>\n    </FormField>\n  );\n};\n\nexport const chipsInputDefaultProps: ChipsInputProps<any> = {\n  type: 'text',\n  onChange: noop,\n  onInputChange: noop,\n  onKeyDown: noop,\n  onBlur: noop,\n  onFocus: noop,\n  value: [],\n  inputValue: '',\n  inputAriaLabel: 'Введите ваше значение...',\n  getOptionValue: (option: ChipsInputOption): ChipsInputValue => option.value,\n  getOptionLabel: (option: ChipsInputOption): string => option.label,\n  getNewOptionData: (_: ChipsInputValue, label: string): ChipsInputOption => ({ value: label, label }),\n  renderChip({ disabled, value, label, ...rest }: RenderChip<ChipsInputOption>) {\n    return (\n      <Chip value={value} removable={!disabled} {...rest}>\n        {label}\n      </Chip>\n    );\n  },\n};\nChipsInput.defaultProps = chipsInputDefaultProps;\n\nexport default ChipsInput;\n"],"file":"ChipsInput.js"}
+{"version":3,"sources":["../../../src/components/ChipsInput/ChipsInput.tsx"],"names":["React","FormField","classNames","Chip","noop","useChipsInput","useAdaptivity","prefixClass","useExternRef","ChipsInput","props","style","value","onChange","onInputChange","onKeyDown","onBlur","onFocus","children","className","inputValue","getRef","getRootRef","placeholder","getOptionValue","getOptionLabel","getNewOptionData","renderChip","after","inputAriaLabel","restProps","sizeY","useState","focused","setFocused","fieldValue","addOptionFromInput","removeOption","selectedOptions","handleInputChange","inputRef","isDisabled","disabled","readOnly","handleKeyDown","e","preventDefault","key","defaultPrevented","length","handleBlur","handleFocus","handleChipRemove","_","handleClick","current","focus","map","option","label","onRemove","chipsInputDefaultProps","type","rest","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { classNames } from \"../../lib/classNames\";\nimport Chip, { ChipProps } from \"../Chip/Chip\";\nimport { noop } from \"../../lib/utils\";\nimport { useChipsInput } from \"./useChipsInput\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"./ChipsInput.css\";\n\nexport type ChipsInputValue = string | number;\n\nexport interface ChipsInputOption {\n  value?: ChipsInputValue;\n  label?: string;\n  [otherProp: string]: any;\n}\n\nexport interface RenderChip<Option extends ChipsInputOption> extends ChipProps {\n  label: string;\n  option: Option;\n  disabled: boolean;\n}\n\nexport interface ChipsInputProps<Option extends ChipsInputOption>\n  extends Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"value\" | \"onChange\"\n    >,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign,\n    FormFieldProps {\n  value: Option[];\n  inputValue?: string;\n  onChange?: (o: Option[]) => void;\n  onInputChange?: (e?: React.ChangeEvent<HTMLInputElement>) => void;\n  getOptionValue?: (o?: Option) => ChipsInputValue;\n  getOptionLabel?: (o?: Option) => string;\n  getNewOptionData?: (v?: ChipsInputValue, l?: string) => Option;\n  renderChip?: (props?: RenderChip<Option>) => React.ReactNode;\n  inputAriaLabel?: string;\n}\n\nconst ChipsInput = <Option extends ChipsInputOption>(\n  props: ChipsInputProps<Option>\n) => {\n  const {\n    style,\n    value,\n    onChange,\n    onInputChange,\n    onKeyDown,\n    onBlur,\n    onFocus,\n    children,\n    className,\n    inputValue,\n    getRef,\n    getRootRef,\n    placeholder,\n    getOptionValue,\n    getOptionLabel,\n    getNewOptionData,\n    renderChip,\n    after,\n    inputAriaLabel,\n    ...restProps\n  } = props;\n  const { sizeY } = useAdaptivity();\n\n  const [focused, setFocused] = React.useState(false);\n  const {\n    fieldValue,\n    addOptionFromInput,\n    removeOption,\n    selectedOptions,\n    handleInputChange,\n  } = useChipsInput(props);\n  const inputRef = useExternRef(getRef);\n\n  const isDisabled = restProps.disabled || restProps.readOnly;\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (isDisabled) {\n      e.preventDefault();\n      return;\n    }\n\n    onKeyDown(e);\n\n    if (\n      e.key === \"Backspace\" &&\n      !e.defaultPrevented &&\n      !fieldValue &&\n      selectedOptions.length\n    ) {\n      removeOption(getOptionValue(selectedOptions[selectedOptions.length - 1]));\n      e.preventDefault();\n    }\n\n    if (e.key === \"Enter\" && !e.defaultPrevented && fieldValue) {\n      addOptionFromInput();\n      e.preventDefault();\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (focused) {\n      setFocused(false);\n    }\n    onBlur(e);\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (!focused) {\n      setFocused(true);\n    }\n    onFocus(e);\n  };\n\n  const handleChipRemove = (\n    _: React.MouseEvent<HTMLInputElement>,\n    value: ChipsInputValue\n  ) => {\n    removeOption(value);\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (isDisabled) {\n      e.preventDefault();\n      return;\n    }\n\n    if (inputRef?.current !== null && !focused) {\n      inputRef.current.focus();\n    }\n  };\n\n  return (\n    <FormField\n      getRootRef={getRootRef}\n      vkuiClass={classNames(\"ChipsInput\", `ChipsInput--sizeY-${sizeY}`, {\n        \"ChipsInput--focused\": focused,\n        \"ChipsInput--withChips\": !!selectedOptions.length,\n      })}\n      className={className}\n      style={style}\n      disabled={restProps.disabled}\n      after={after}\n      onClick={handleClick}\n      role=\"application\"\n      aria-disabled={restProps.disabled}\n      aria-readonly={restProps.readOnly}\n    >\n      <div vkuiClass=\"ChipsInput__container\" role=\"presentation\">\n        {selectedOptions.map((option: Option) => {\n          const value = getOptionValue(option);\n          const label = getOptionLabel(option);\n\n          return (\n            <React.Fragment key={`${typeof value}-${value}`}>\n              {renderChip({\n                option,\n                value,\n                label,\n                onRemove: handleChipRemove,\n                disabled: restProps.disabled,\n                className: prefixClass(\"ChipsInput__chip\"),\n              })}\n            </React.Fragment>\n          );\n        })}\n        <label\n          vkuiClass=\"ChipsInput__input-container\"\n          aria-label={inputAriaLabel}\n        >\n          <input\n            ref={inputRef}\n            value={fieldValue}\n            autoCapitalize=\"none\"\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            spellCheck={false}\n            aria-autocomplete=\"list\"\n            vkuiClass=\"ChipsInput__el\"\n            onChange={handleInputChange}\n            onKeyDown={handleKeyDown}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            placeholder={selectedOptions.length ? null : placeholder}\n            {...restProps}\n          />\n        </label>\n      </div>\n    </FormField>\n  );\n};\n\nexport const chipsInputDefaultProps: ChipsInputProps<any> = {\n  type: \"text\",\n  onChange: noop,\n  onInputChange: noop,\n  onKeyDown: noop,\n  onBlur: noop,\n  onFocus: noop,\n  value: [],\n  inputValue: \"\",\n  inputAriaLabel: \"Введите ваше значение...\",\n  getOptionValue: (option: ChipsInputOption): ChipsInputValue => option.value,\n  getOptionLabel: (option: ChipsInputOption): string => option.label,\n  getNewOptionData: (_: ChipsInputValue, label: string): ChipsInputOption => ({\n    value: label,\n    label,\n  }),\n  renderChip({\n    disabled,\n    value,\n    label,\n    ...rest\n  }: RenderChip<ChipsInputOption>) {\n    return (\n      <Chip value={value} removable={!disabled} {...rest}>\n        {label}\n      </Chip>\n    );\n  },\n};\nChipsInput.defaultProps = chipsInputDefaultProps;\n\nexport default ChipsInput;\n"],"file":"ChipsInput.js"}

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

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

package/dist/components/ChipsInput/useChipsInput.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from 'react';
+import * as React from "react";
 export var useChipsInput = function useChipsInput(props) {
   var value = props.value,
       getOptionValue = props.getOptionValue,
@@ -18,10 +18,10 @@ export var useChipsInput = function useChipsInput(props) {
       setSelectedOptions = _React$useState4[1];
 
   var clearInput = React.useCallback(function () {
-    setFieldValue('');
+    setFieldValue("");
     onInputChange({
       target: {
-        value: ''
+        value: ""
       }
     });
   }, [onInputChange]);
@@ -64,7 +64,7 @@ export var useChipsInput = function useChipsInput(props) {
   React.useEffect(function () {
     setFieldValue(props.inputValue);
     return function () {
-      return setFieldValue('');
+      return setFieldValue("");
     };
   }, [props.inputValue]);
   return {

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

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

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

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

package/dist/components/ChipsSelect/ChipsSelect.js

@@ -2,15 +2,14 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["style", "onFocus", "onKeyDown", "className", "fetching", "renderOption", "emptyText", "getRef", "getRootRef", "disabled", "placeholder", "tabIndex", "getOptionValue", "getOptionLabel", "showSelected", "getNewOptionData", "renderChip", "popupDirection", "creatable", "filterFn", "inputValue", "creatableText", "sizeY", "closeAfterSelect", "onChangeStart", "after", "options"],
     _excluded2 = ["option"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { DropdownIcon } from "../DropdownIcon/DropdownIcon";
 import { classNames } from "../../lib/classNames";
-import Spinner from "../Spinner/Spinner";
-import CustomScrollView from "../CustomScrollView/CustomScrollView";
 import ChipsInput, { chipsInputDefaultProps } from "../ChipsInput/ChipsInput";
 import CustomSelectOption from "../CustomSelectOption/CustomSelectOption";
 import { useChipsSelect } from "./useChipsSelect";
@@ -22,8 +21,9 @@ import { prefixClass } from "../../lib/prefixClass";
 import { useExternRef } from "../../hooks/useExternRef";
 import { useGlobalEventListener } from "../../hooks/useGlobalEventListener";
 import { defaultFilterFn } from "../../lib/select";
-var FOCUS_ACTION_NEXT = 'next';
-var FOCUS_ACTION_PREV = 'prev';
+import { CustomSelectDropdown } from "../CustomSelectDropdown/CustomSelectDropdown";
+var FOCUS_ACTION_NEXT = "next";
+var FOCUS_ACTION_PREV = "prev";
 
 var ChipsSelect = function ChipsSelect(props) {
   var _classNames;
@@ -60,6 +60,11 @@ var ChipsSelect = function ChipsSelect(props) {
   var _useDOM = useDOM(),
       document = _useDOM.document;
 
+  var _React$useState = React.useState(undefined),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      popperPlacement = _React$useState2[0],
+      setPopperPlacement = _React$useState2[1];
+
   var scrollBoxRef = React.useRef(null);
   var rootRef = useExternRef(getRef);
 
@@ -137,7 +142,7 @@ var ChipsSelect = function ChipsSelect(props) {
   };
 
   var focusOption = function focusOption(nextIndex, type) {
-    var index = typeof nextIndex !== 'number' ? -1 : nextIndex;
+    var index = typeof nextIndex !== "number" ? -1 : nextIndex;
 
     if (type === FOCUS_ACTION_NEXT) {
       index = index + 1;
@@ -151,7 +156,7 @@ var ChipsSelect = function ChipsSelect(props) {
   var handleKeyDown = function handleKeyDown(e) {
     onKeyDown(e);
 
-    if (e.key === 'ArrowUp' && !e.defaultPrevented) {
+    if (e.key === "ArrowUp" && !e.defaultPrevented) {
       e.preventDefault();
 
       if (!opened) {
@@ -162,7 +167,7 @@ var ChipsSelect = function ChipsSelect(props) {
       }
     }
 
-    if (e.key === 'ArrowDown' && !e.defaultPrevented) {
+    if (e.key === "ArrowDown" && !e.defaultPrevented) {
       e.preventDefault();
 
       if (!opened) {
@@ -173,7 +178,7 @@ var ChipsSelect = function ChipsSelect(props) {
       }
     }
 
-    if (e.key === 'Enter' && !e.defaultPrevented && opened) {
+    if (e.key === "Enter" && !e.defaultPrevented && opened) {
       var _option = filteredOptions[focusedOptionIndex];
 
       if (_option) {
@@ -191,7 +196,7 @@ var ChipsSelect = function ChipsSelect(props) {
       }
     }
 
-    if (['Escape', 'Tab'].includes(e.key) && !e.defaultPrevented && opened) {
+    if (["Escape", "Tab"].includes(e.key) && !e.defaultPrevented && opened) {
       setOpened(false);
     }
   };
@@ -213,7 +218,7 @@ var ChipsSelect = function ChipsSelect(props) {
       setFocusedOption(filteredOptions[0]);
     }
   }, [filteredOptions, focusedOption, showCreatable, closeAfterSelect]);
-  useGlobalEventListener(document, 'click', handleClickOutside);
+  useGlobalEventListener(document, "click", handleClickOutside);
 
   var renderChipWrapper = function renderChipWrapper(renderChipProps) {
     var onRemove = renderChipProps.onRemove;
@@ -229,8 +234,15 @@ var ChipsSelect = function ChipsSelect(props) {
     }));
   };
 
+  var isPopperDirectionTop = popperPlacement === null || popperPlacement === void 0 ? void 0 : popperPlacement.includes("top");
+  var onPlacementChange = React.useCallback(function (placement) {
+    setPopperPlacement(placement);
+  }, [setPopperPlacement]);
+  var onDropdownMouseLeave = React.useCallback(function () {
+    setFocusedOptionIndex(null);
+  }, [setFocusedOptionIndex]);
   return createScopedElement("div", {
-    vkuiClass: classNames('ChipsSelect', "ChipsSelect--sizeY-".concat(sizeY)),
+    vkuiClass: classNames("ChipsSelect", "ChipsSelect--sizeY-".concat(sizeY)),
     ref: rootRef,
     style: style,
     className: className
@@ -245,23 +257,20 @@ var ChipsSelect = function ChipsSelect(props) {
     onFocus: handleFocus,
     onKeyDown: handleKeyDown,
     placeholder: placeholder,
-    vkuiClass: classNames((_classNames = {}, _defineProperty(_classNames, 'ChipsSelect__open', opened), _defineProperty(_classNames, 'ChipsSelect__open--popupDirectionTop', popupDirection === 'top'), _classNames)),
+    vkuiClass: classNames((_classNames = {}, _defineProperty(_classNames, "ChipsSelect__open", opened), _defineProperty(_classNames, "ChipsSelect__open--popupDirectionTop", isPopperDirectionTop), _classNames)),
     getRef: getRef,
     disabled: disabled,
     onInputChange: handleInputChange,
     after: createScopedElement(DropdownIcon, null)
-  })), opened && createScopedElement("div", {
-    vkuiClass: classNames('ChipsSelect__options', _defineProperty({}, 'ChipsSelect__options--popupDirectionTop', popupDirection === 'top')),
-    onMouseLeave: function onMouseLeave() {
-      return setFocusedOptionIndex(null);
-    }
-  }, createScopedElement(CustomScrollView, {
-    boxRef: scrollBoxRef
-  }, fetching ? createScopedElement("div", {
-    vkuiClass: "ChipsSelect__fetching"
-  }, createScopedElement(Spinner, {
-    size: "small"
-  })) : createScopedElement(React.Fragment, null, showCreatable && createScopedElement(CustomSelectOption, {
+  })), opened && createScopedElement(CustomSelectDropdown, {
+    targetRef: rootRef,
+    placement: popupDirection,
+    scrollBoxRef: scrollBoxRef,
+    onPlacementChange: onPlacementChange,
+    onMouseLeave: onDropdownMouseLeave,
+    fetching: fetching,
+    vkuiClass: "ChipsSelect__options"
+  }, showCreatable && createScopedElement(CustomSelectOption, {
     hovered: focusedOptionIndex === 0,
     onMouseDown: addOptionFromInput,
     onMouseEnter: function onMouseEnter() {
@@ -281,7 +290,7 @@ var ChipsSelect = function ChipsSelect(props) {
     return createScopedElement(React.Fragment, {
       key: "".concat(_typeof(value), "-").concat(value)
     }, renderOption({
-      className: prefixClass('ChipsSelect__option'),
+      className: prefixClass("ChipsSelect__option"),
       option: option,
       hovered: hovered,
       children: label,
@@ -302,12 +311,12 @@ var ChipsSelect = function ChipsSelect(props) {
         return setFocusedOptionIndex(index);
       }
     }));
-  })))));
+  })));
 };
 
 var chipsSelectDefaultProps = _objectSpread(_objectSpread({}, chipsInputDefaultProps), {}, {
-  emptyText: 'Ничего не найдено',
-  creatableText: 'Создать значение',
+  emptyText: "Ничего не найдено",
+  creatableText: "Создать значение",
   onChangeStart: noop,
   creatable: false,
   fetching: false,

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

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

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

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

package/dist/components/ChipsSelect/useChipsSelect.js

@@ -4,7 +4,7 @@ import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIterat
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["fieldValue", "selectedOptions"];
-import * as React from 'react';
+import * as React from "react";
 import { useChipsInput } from "../ChipsInput/useChipsInput";
 export var useChipsSelect = function useChipsSelect(props) {
   var options = props.options,