@sberbusiness/triplex-next 1.34.0 → 1.35.0

package/components/Chip/ChipMultiselect.js

@@ -1,56 +1,66 @@
-import { jsx as t } from "react/jsx-runtime";
-import y from "react";
-import { MultiselectField as x } from "../MultiselectField/MultiselectField.js";
-import { s as D, C as E } from "../../chunks/Chip-l3XTM9L_.js";
-import { ChipClearButton as K } from "./ChipClearButton.js";
-import { ChipDropdownArrow as g } from "./ChipDropdownArrow.js";
-import { isKey as i } from "../../utils/keyboard.js";
-import { c as B } from "../../chunks/vendor-D5cfSbgz.js";
-const N = y.forwardRef(
-  ({ children: c, className: p, clearSelected: m, disabled: s, label: e, displayedValue: d, selected: a, size: r, type: f, ...C }, h) => {
-    const u = (o) => {
-      (i(o.code, "ENTER") || i(o.code, "SPACE")) && o.stopPropagation();
-    }, w = (o) => {
-      o.stopPropagation(), m();
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { MultiselectField } from "../MultiselectField/MultiselectField.js";
+import { s as styles, C as Chip } from "../../chunks/Chip-CU6KmHGZ.js";
+import { ChipClearButton } from "./ChipClearButton.js";
+import { ChipDropdownArrow } from "./ChipDropdownArrow.js";
+import { isKey } from "../../utils/keyboard.js";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+const ChipMultiselect = React__default.forwardRef(
+  ({ children, className, clearSelected, disabled, label, displayedValue, selected, size, type, ...restProps }, ref) => {
+    const handleKeyDownClearButton = (event) => {
+      if (isKey(event.code, "ENTER") || isKey(event.code, "SPACE")) {
+        event.stopPropagation();
+      }
+    };
+    const handleClickClearButton = (event) => {
+      event.stopPropagation();
+      clearSelected();
+    };
+    const renderTarget = ({ opened, setOpened }) => {
+      const handleKeyDown = (event) => {
+        if (isKey(event.code, "ENTER") || isKey(event.code, "SPACE")) {
+          setOpened(!opened);
+        }
+      };
+      return /* @__PURE__ */ jsx(
+        Chip,
+        {
+          "aria-expanded": opened,
+          disabled,
+          size,
+          type,
+          onClick: () => setOpened(!opened),
+          onKeyDown: handleKeyDown,
+          postfix: selected ? /* @__PURE__ */ jsx(
+            ChipClearButton,
+            {
+              size,
+              onKeyDown: handleKeyDownClearButton,
+              onClick: handleClickClearButton
+            }
+          ) : /* @__PURE__ */ jsx(ChipDropdownArrow, { size, rotated: opened }),
+          ref,
+          role: "listbox",
+          selected: Boolean(selected),
+          children: selected ? displayedValue ?? label : label
+        }
+      );
     };
-    return /* @__PURE__ */ t(
-      x,
+    return /* @__PURE__ */ jsx(
+      MultiselectField,
       {
-        size: r,
-        renderTarget: ({ opened: o, setOpened: n }) => /* @__PURE__ */ t(
-          E,
-          {
-            "aria-expanded": o,
-            disabled: s,
-            size: r,
-            type: f,
-            onClick: () => n(!o),
-            onKeyDown: (l) => {
-              (i(l.code, "ENTER") || i(l.code, "SPACE")) && n(!o);
-            },
-            postfix: a ? /* @__PURE__ */ t(
-              K,
-              {
-                size: r,
-                onKeyDown: u,
-                onClick: w
-              }
-            ) : /* @__PURE__ */ t(g, { size: r, rotated: o }),
-            ref: h,
-            role: "listbox",
-            selected: !!a,
-            children: a ? d ?? e : e
-          }
-        ),
-        className: B(D.chipGroupItem, p),
-        ...C,
-        children: c
+        size,
+        renderTarget,
+        className: clsx(styles.chipGroupItem, className),
+        ...restProps,
+        children
       }
     );
   }
 );
-N.displayName = "ChipMultiselect";
+ChipMultiselect.displayName = "ChipMultiselect";
 export {
-  N as ChipMultiselect
+  ChipMultiselect
 };
 //# sourceMappingURL=ChipMultiselect.js.map

package/components/Chip/ChipMultiselect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipMultiselect.js","sources":["../../../src/components/Chip/ChipMultiselect.tsx"],"sourcesContent":["import React from \"react\";\nimport { IMultiselectFieldProps, MultiselectField } from \"../MultiselectField\";\nimport { Chip, IChipProps } from \"./Chip\";\nimport { ChipClearButton } from \"./ChipClearButton\";\nimport { ChipDropdownArrow } from \"./ChipDropdownArrow\";\nimport { ISelectExtendedFieldTargetProvideProps } from \"../SelectExtendedField\";\nimport { isKey } from \"../../utils/keyboard\";\nimport styles from \"./styles/Chip.module.less\";\nimport clsx from \"clsx\";\n\nexport interface IChipMultiselectProps extends Omit<IMultiselectFieldProps, \"renderTarget\">, Pick<IChipProps, \"type\"> {\n    /** Функция отмены выбора. */\n    clearSelected: () => void;\n    /** Состояние disabled. */\n    disabled?: boolean;\n    /** Флаг, выбран хоть один вариант. */\n    selected?: boolean;\n    /** Название поля или число выбранных вариантов. */\n    label: React.ReactNode;\n    /** Лейбл, отображаемый вместо выбранного значения. */\n    displayedValue?: React.ReactNode;\n}\n\n/**\n * Компонент выбора нескольких значений из списка.\n * Количество выбранных значений отображается компонентом Chip.\n */\nexport const ChipMultiselect = React.forwardRef<HTMLDivElement, IChipMultiselectProps>(\n    (\n        { children, className, clearSelected, disabled, label, displayedValue, selected, size, type, ...restProps },\n        ref,\n    ) => {\n        const handleKeyDownClearButton = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n            if (isKey(event.code, \"ENTER\") || isKey(event.code, \"SPACE\")) {\n                // Предотвращаем всплытие события до Chip\n                event.stopPropagation();\n            }\n        };\n\n        const handleClickClearButton = (event: React.MouseEvent<HTMLButtonElement>) => {\n            // Предотвращаем всплытие события до Chip\n            event.stopPropagation();\n\n            clearSelected();\n        };\n\n        const renderTarget = ({ opened, setOpened }: ISelectExtendedFieldTargetProvideProps) => {\n            const handleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n                if (isKey(event.code, \"ENTER\") || isKey(event.code, \"SPACE\")) {\n                    setOpened(!opened);\n                }\n            };\n\n            return (\n                <Chip\n                    aria-expanded={opened}\n                    disabled={disabled}\n                    size={size}\n                    type={type}\n                    onClick={() => setOpened(!opened)}\n                    onKeyDown={handleKeyDown}\n                    postfix={\n                        selected ? (\n                            <ChipClearButton\n                                size={size}\n                                onKeyDown={handleKeyDownClearButton}\n                                onClick={handleClickClearButton}\n                            />\n                        ) : (\n                            <ChipDropdownArrow size={size} rotated={opened} />\n                        )\n                    }\n                    ref={ref}\n                    role=\"listbox\"\n                    selected={Boolean(selected)}\n                >\n                    {selected ? (displayedValue ?? label) : label}\n                </Chip>\n            );\n        };\n\n        return (\n            <MultiselectField\n                size={size}\n                renderTarget={renderTarget}\n                className={clsx(styles.chipGroupItem, className)}\n                {...restProps}\n            >\n                {children}\n            </MultiselectField>\n        );\n    },\n);\n\nChipMultiselect.displayName = \"ChipMultiselect\";\n"],"names":["React"],"mappings":";;;;;;;;AA2BO,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CACI,EAAE,UAAU,WAAW,eAAe,UAAU,OAAO,gBAAgB,UAAU,MAAM,MAAM,GAAG,UAAA,GAChG,QACC;AACD,UAAM,2BAA2B,CAAC,UAAkD;AAChF,UAAI,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM,MAAM,MAAM,OAAO,GAAG;AAE1D,cAAM,gBAAA;AAAA,MACV;AAAA,IACJ;AAEA,UAAM,yBAAyB,CAAC,UAA+C;AAE3E,YAAM,gBAAA;AAEN,oBAAA;AAAA,IACJ;AAEA,UAAM,eAAe,CAAC,EAAE,QAAQ,gBAAwD;AACpF,YAAM,gBAAgB,CAAC,UAAgD;AACnE,YAAI,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM,MAAM,MAAM,OAAO,GAAG;AAC1D,oBAAU,CAAC,MAAM;AAAA,QACrB;AAAA,MACJ;AAEA,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,iBAAe;AAAA,UACf;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS,MAAM,UAAU,CAAC,MAAM;AAAA,UAChC,WAAW;AAAA,UACX,SACI,WACI;AAAA,YAAC;AAAA,YAAA;AAAA,cACG;AAAA,cACA,WAAW;AAAA,cACX,SAAS;AAAA,YAAA;AAAA,UAAA,IAGb,oBAAC,mBAAA,EAAkB,MAAY,SAAS,OAAA,CAAQ;AAAA,UAGxD;AAAA,UACA,MAAK;AAAA,UACL,UAAU,QAAQ,QAAQ;AAAA,UAEzB,UAAA,WAAY,kBAAkB,QAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAGpD;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA,WAAW,KAAK,OAAO,eAAe,SAAS;AAAA,QAC9C,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,gBAAgB,cAAc;"}

package/components/Chip/ChipOptions.js

@@ -1,27 +1,33 @@
-import { jsx as t } from "react/jsx-runtime";
-import a from "react";
-import { OptionsStrokeSrvIcon24 as i } from "@sberbusiness/icons-next";
-import { C } from "../../chunks/Chip-l3XTM9L_.js";
-import { ChipClearButton as f } from "./ChipClearButton.js";
-const m = "chipOptionsContent__44630798", c = {
-  chipOptionsContent: m
-}, l = a.forwardRef(
-  ({ children: o, clearSelected: e, selected: n, ...p }, s) => /* @__PURE__ */ t(
-    C,
-    {
-      prefix: n ? /* @__PURE__ */ t(i, { paletteIndex: 6 }) : /* @__PURE__ */ t(i, { paletteIndex: 5 }),
-      postfix: n ? /* @__PURE__ */ t(f, { onClick: (r) => {
-        r.stopPropagation(), e();
-      }, size: p.size }) : /* @__PURE__ */ t("span", {}),
-      selected: n,
-      ...p,
-      ref: s,
-      children: typeof o < "u" ? /* @__PURE__ */ t("span", { className: c.chipOptionsContent, children: o }) : o
-    }
-  )
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { OptionsStrokeSrvIcon24 } from "@sberbusiness/icons-next";
+import { C as Chip } from "../../chunks/Chip-CU6KmHGZ.js";
+import { ChipClearButton } from "./ChipClearButton.js";
+const chipOptionsContent = "chipOptionsContent__99421721";
+const styles = {
+  chipOptionsContent
+};
+const ChipOptions = React__default.forwardRef(
+  ({ children, clearSelected, selected, ...rest }, ref) => {
+    const handleClickClearButton = (event) => {
+      event.stopPropagation();
+      clearSelected();
+    };
+    return /* @__PURE__ */ jsx(
+      Chip,
+      {
+        prefix: selected ? /* @__PURE__ */ jsx(OptionsStrokeSrvIcon24, { paletteIndex: 6 }) : /* @__PURE__ */ jsx(OptionsStrokeSrvIcon24, { paletteIndex: 5 }),
+        postfix: selected ? /* @__PURE__ */ jsx(ChipClearButton, { onClick: handleClickClearButton, size: rest.size }) : /* @__PURE__ */ jsx("span", {}),
+        selected,
+        ...rest,
+        ref,
+        children: typeof children !== "undefined" ? /* @__PURE__ */ jsx("span", { className: styles.chipOptionsContent, children }) : children
+      }
+    );
+  }
 );
-l.displayName = "ChipOptions";
+ChipOptions.displayName = "ChipOptions";
 export {
-  l as ChipOptions
+  ChipOptions
 };
 //# sourceMappingURL=ChipOptions.js.map

package/components/Chip/ChipOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipOptions.js","sources":["../../../src/components/Chip/ChipOptions.tsx"],"sourcesContent":["import React from \"react\";\nimport { OptionsStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { Chip, IChipProps } from \"./Chip\";\nimport { ChipClearButton } from \"./ChipClearButton\";\nimport styles from \"./styles/ChipOptions.module.less\";\n\nexport interface IChipOptionsProps extends Omit<IChipProps, \"prefix\" | \"postfix\"> {\n    /** Функция отмены выбора. */\n    clearSelected: () => void;\n}\n\n/**\n * Chip с иконкой выбора опций.\n */\nexport const ChipOptions = React.forwardRef<HTMLSpanElement, IChipOptionsProps>(\n    ({ children, clearSelected, selected, ...rest }, ref) => {\n        const handleClickClearButton = (event: React.MouseEvent<HTMLButtonElement>) => {\n            // Предотвращение нажатия на родительский элемент Chip.\n            event.stopPropagation();\n\n            clearSelected();\n        };\n\n        return (\n            <Chip\n                prefix={\n                    selected ? <OptionsStrokeSrvIcon24 paletteIndex={6} /> : <OptionsStrokeSrvIcon24 paletteIndex={5} />\n                }\n                postfix={selected ? <ChipClearButton onClick={handleClickClearButton} size={rest.size} /> : <span />}\n                selected={selected}\n                {...rest}\n                ref={ref}\n            >\n                {typeof children !== \"undefined\" ? (\n                    <span className={styles.chipOptionsContent}>{children}</span>\n                ) : (\n                    children\n                )}\n            </Chip>\n        );\n    },\n);\n\nChipOptions.displayName = \"ChipOptions\";\n"],"names":["React"],"mappings":";;;;;;;;;AAcO,MAAM,cAAcA,eAAM;AAAA,EAC7B,CAAC,EAAE,UAAU,eAAe,UAAU,GAAG,KAAA,GAAQ,QAAQ;AACrD,UAAM,yBAAyB,CAAC,UAA+C;AAE3E,YAAM,gBAAA;AAEN,oBAAA;AAAA,IACJ;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QACI,WAAW,oBAAC,wBAAA,EAAuB,cAAc,GAAG,IAAK,oBAAC,wBAAA,EAAuB,cAAc,EAAA,CAAG;AAAA,QAEtG,SAAS,WAAW,oBAAC,iBAAA,EAAgB,SAAS,wBAAwB,MAAM,KAAK,KAAA,CAAM,IAAK,oBAAC,QAAA,CAAA,CAAK;AAAA,QAClG;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QAEC,UAAA,OAAO,aAAa,cACjB,oBAAC,UAAK,WAAW,OAAO,oBAAqB,SAAA,CAAS,IAEtD;AAAA,MAAA;AAAA,IAAA;AAAA,EAIhB;AACJ;AAEA,YAAY,cAAc;"}

package/components/Chip/ChipSelect/ChipSelect.js

@@ -1,63 +1,67 @@
-import { jsx as t } from "react/jsx-runtime";
-import C from "react";
-import { c as w } from "../../../chunks/vendor-D5cfSbgz.js";
-import { SelectExtendedField as D } from "../../SelectExtendedField/SelectExtendedField.js";
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { SelectExtendedField } from "../../SelectExtendedField/SelectExtendedField.js";
 import "../../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../../SelectExtendedField/components/SelectExtendedFieldTarget.js";
-import { SelectExtendedFieldDropdownDefault as T } from "../../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
-import { ChipSelectTarget as g } from "./ChipSelectTarget.js";
-import { s as u } from "../../../chunks/Chip-l3XTM9L_.js";
-const y = C.forwardRef(
+import { SelectExtendedFieldDropdownDefault } from "../../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
+import { ChipSelectTarget } from "./ChipSelectTarget.js";
+import { s as styles } from "../../../chunks/Chip-CU6KmHGZ.js";
+const ChipSelect = React__default.forwardRef(
   ({
-    className: m,
-    disabled: c,
-    value: e,
-    options: d,
-    onChange: p,
-    type: l,
-    size: o,
-    clearSelected: n,
-    label: i,
-    displayedValue: s,
-    ...f
-  }, a) => {
-    const h = (r) => /* @__PURE__ */ t(
-      T,
+    className,
+    disabled,
+    value,
+    options,
+    onChange,
+    type,
+    size,
+    clearSelected,
+    label,
+    displayedValue,
+    ...restProps
+  }, ref) => {
+    const renderDropdown = (props) => /* @__PURE__ */ jsx(
+      SelectExtendedFieldDropdownDefault,
       {
-        ...r,
-        mobileTitle: i,
-        size: o,
-        onChange: p,
-        options: d,
-        value: e
-      }
-    ), x = ({ opened: r, setOpened: S }) => /* @__PURE__ */ t(
-      g,
-      {
-        type: l,
-        size: o,
-        selected: e !== void 0,
-        disabled: c,
-        onClear: n,
-        opened: r,
-        setOpened: S,
-        children: e ? s ?? e.label : i
+        ...props,
+        mobileTitle: label,
+        size,
+        onChange,
+        options,
+        value
       }
     );
-    return /* @__PURE__ */ t(
-      D,
+    const renderTarget = ({ opened, setOpened }) => {
+      const selected = value !== void 0;
+      return /* @__PURE__ */ jsx(
+        ChipSelectTarget,
+        {
+          type,
+          size,
+          selected,
+          disabled,
+          onClear: clearSelected,
+          opened,
+          setOpened,
+          children: value ? displayedValue ?? value.label : label
+        }
+      );
+    };
+    return /* @__PURE__ */ jsx(
+      SelectExtendedField,
       {
-        className: w(u.chipGroupItem, m),
-        renderTarget: x,
-        ...f,
-        ref: a,
-        children: h
+        className: clsx(styles.chipGroupItem, className),
+        renderTarget,
+        ...restProps,
+        ref,
+        children: renderDropdown
       }
     );
   }
 );
-y.displayName = "ChipSelect";
+ChipSelect.displayName = "ChipSelect";
 export {
-  y as ChipSelect
+  ChipSelect
 };
 //# sourceMappingURL=ChipSelect.js.map

package/components/Chip/ChipSelect/ChipSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipSelect.js","sources":["../../../../src/components/Chip/ChipSelect/ChipSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport {\n    ISelectExtendedFieldDropdownProvideProps,\n    ISelectExtendedFieldTargetProvideProps,\n    SelectExtendedField,\n} from \"../../SelectExtendedField\";\nimport { IChipProps } from \"../Chip\";\nimport { SelectExtendedFieldDropdownDefault } from \"../../SelectExtendedField/components/SelectExtendedFieldDropdownDefault\";\nimport { ISelectFieldProps } from \"../../SelectField\";\nimport { ChipSelectTarget } from \"./ChipSelectTarget\";\nimport styles from \"../styles/Chip.module.less\";\n\nexport interface IChipSelectProps\n    extends\n        Pick<IChipProps, \"className\" | \"disabled\" | \"type\">,\n        Omit<\n            ISelectFieldProps,\n            | \"children\"\n            | \"targetProps\"\n            | \"dropdownListItemClassName\"\n            | \"mobileTitle\"\n            | \"loading\"\n            | \"status\"\n            | \"placeholder\"\n        > {\n    /* Функция отмены выбора. */\n    clearSelected: () => void;\n    /* Название поля. */\n    label?: React.ReactNode;\n    /* Лейбл, отображаемый вместо выбранного значения. */\n    displayedValue?: React.ReactNode;\n}\n\n/**\n * Компонент выбора одного значения из списка.\n * Выбранное значение отображается компонентом Chip.\n */\nexport const ChipSelect = React.forwardRef<HTMLDivElement, IChipSelectProps>(\n    (\n        {\n            className,\n            disabled,\n            value,\n            options,\n            onChange,\n            type,\n            size,\n            clearSelected,\n            label,\n            displayedValue,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const renderDropdown = (props: ISelectExtendedFieldDropdownProvideProps) => (\n            <SelectExtendedFieldDropdownDefault\n                {...props}\n                mobileTitle={label}\n                size={size}\n                onChange={onChange}\n                options={options}\n                value={value}\n            />\n        );\n\n        const renderTarget = ({ opened, setOpened }: ISelectExtendedFieldTargetProvideProps) => {\n            const selected = value !== undefined;\n\n            return (\n                <ChipSelectTarget\n                    type={type}\n                    size={size}\n                    selected={selected}\n                    disabled={disabled}\n                    onClear={clearSelected}\n                    opened={opened}\n                    setOpened={setOpened}\n                >\n                    {value ? (displayedValue ?? value.label) : label}\n                </ChipSelectTarget>\n            );\n        };\n\n        return (\n            <SelectExtendedField\n                className={clsx(styles.chipGroupItem, className)}\n                renderTarget={renderTarget}\n                {...restProps}\n                ref={ref}\n            >\n                {renderDropdown}\n            </SelectExtendedField>\n        );\n    },\n);\n\nChipSelect.displayName = \"ChipSelect\";\n"],"names":["React"],"mappings":";;;;;;;;;AAsCO,MAAM,aAAaA,eAAM;AAAA,EAC5B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,iBAAiB,CAAC,UACpB;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAIR,UAAM,eAAe,CAAC,EAAE,QAAQ,gBAAwD;AACpF,YAAM,WAAW,UAAU;AAE3B,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UAEC,UAAA,QAAS,kBAAkB,MAAM,QAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAGvD;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,eAAe,SAAS;AAAA,QAC/C;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QAEC,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,WAAW,cAAc;"}

package/components/Chip/ChipSelect/ChipSelectTarget.js

@@ -1,45 +1,66 @@
-import { jsx as s } from "react/jsx-runtime";
-import g, { useCallback as t } from "react";
-import { C as x } from "../../../chunks/Chip-l3XTM9L_.js";
-import { ChipDropdownArrow as y } from "../ChipDropdownArrow.js";
-import { ChipClearButton as D } from "../ChipClearButton.js";
-import { isKey as a } from "../../../utils/keyboard.js";
-const P = g.forwardRef((C, m) => {
-  const { children: h, selected: p, onKeyDown: i, onClick: n, onClear: c, opened: e, setOpened: r, size: l, ...u } = C, w = t(
-    (o) => {
-      !e && (a(o.code, "ENTER") || a(o.code, "SPACE")) ? (o.preventDefault(), r(!0)) : e && a(o.code, "TAB") && r(!1), i == null || i(o);
+import { jsx } from "react/jsx-runtime";
+import React__default, { useCallback } from "react";
+import { C as Chip } from "../../../chunks/Chip-CU6KmHGZ.js";
+import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
+import { ChipClearButton } from "../ChipClearButton.js";
+import { isKey } from "../../../utils/keyboard.js";
+const ChipSelectTarget = React__default.forwardRef((props, ref) => {
+  const { children, selected, onKeyDown, onClick, onClear, opened, setOpened, size, ...rest } = props;
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (!opened && (isKey(event.code, "ENTER") || isKey(event.code, "SPACE"))) {
+        event.preventDefault();
+        setOpened(true);
+      } else if (opened && isKey(event.code, "TAB")) {
+        setOpened(false);
+      }
+      onKeyDown == null ? void 0 : onKeyDown(event);
     },
-    [e, r, i]
-  ), E = t(
-    (o) => {
-      r(!e), n == null || n(o);
+    [opened, setOpened, onKeyDown]
+  );
+  const handleClick = useCallback(
+    (event) => {
+      setOpened(!opened);
+      onClick == null ? void 0 : onClick(event);
     },
-    [e, r, n]
-  ), d = t((o) => {
-    (a(o.code, "ENTER") || a(o.code, "SPACE")) && o.stopPropagation();
-  }, []), f = t(
-    (o) => {
-      o.stopPropagation(), c();
+    [opened, setOpened, onClick]
+  );
+  const handleClearButtonKeyDown = useCallback((event) => {
+    if (isKey(event.code, "ENTER") || isKey(event.code, "SPACE")) {
+      event.stopPropagation();
+    }
+  }, []);
+  const handleClearButtonClick = useCallback(
+    (event) => {
+      event.stopPropagation();
+      onClear();
     },
-    [c]
-  ), T = t(() => p ? /* @__PURE__ */ s(D, { size: l, onClick: f, onKeyDown: d }) : /* @__PURE__ */ s(y, { size: l, rotated: e }), [p, e, f, d, l]);
-  return /* @__PURE__ */ s(
-    x,
+    [onClear]
+  );
+  const renderTargetPostfix = useCallback(() => {
+    if (selected) {
+      return /* @__PURE__ */ jsx(ChipClearButton, { size, onClick: handleClearButtonClick, onKeyDown: handleClearButtonKeyDown });
+    } else {
+      return /* @__PURE__ */ jsx(ChipDropdownArrow, { size, rotated: opened });
+    }
+  }, [selected, opened, handleClearButtonClick, handleClearButtonKeyDown, size]);
+  return /* @__PURE__ */ jsx(
+    Chip,
     {
-      postfix: T(),
-      selected: p,
-      "aria-expanded": e,
-      onKeyDown: w,
-      onClick: E,
-      size: l,
-      ...u,
-      ref: m,
-      children: h
+      postfix: renderTargetPostfix(),
+      selected,
+      "aria-expanded": opened,
+      onKeyDown: handleKeyDown,
+      onClick: handleClick,
+      size,
+      ...rest,
+      ref,
+      children
     }
   );
 });
-P.displayName = "ChipSelectTarget";
+ChipSelectTarget.displayName = "ChipSelectTarget";
 export {
-  P as ChipSelectTarget
+  ChipSelectTarget
 };
 //# sourceMappingURL=ChipSelectTarget.js.map

package/components/Chip/ChipSelect/ChipSelectTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipSelectTarget.js","sources":["../../../../src/components/Chip/ChipSelect/ChipSelectTarget.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Chip, IChipProps } from \"../Chip\";\nimport { ChipDropdownArrow } from \"../ChipDropdownArrow\";\nimport { ChipClearButton } from \"../ChipClearButton\";\nimport { isKey } from \"../../../utils/keyboard\";\n\nexport interface IChipSelectTargetProps extends IChipProps {\n    onClear: () => void;\n    opened: boolean;\n    setOpened: (opened: boolean) => void;\n}\n\nexport const ChipSelectTarget = React.forwardRef<HTMLSpanElement, IChipSelectTargetProps>((props, ref) => {\n    const { children, selected, onKeyDown, onClick, onClear, opened, setOpened, size, ...rest } = props;\n\n    const handleKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLSpanElement>) => {\n            if (!opened && (isKey(event.code, \"ENTER\") || isKey(event.code, \"SPACE\"))) {\n                event.preventDefault();\n                setOpened(true);\n            } else if (opened && isKey(event.code, \"TAB\")) {\n                setOpened(false);\n            }\n\n            onKeyDown?.(event);\n        },\n        [opened, setOpened, onKeyDown],\n    );\n\n    const handleClick = useCallback(\n        (event: React.MouseEvent<HTMLSpanElement>) => {\n            setOpened(!opened);\n            onClick?.(event);\n        },\n        [opened, setOpened, onClick],\n    );\n\n    const handleClearButtonKeyDown = useCallback((event: React.KeyboardEvent<HTMLButtonElement>) => {\n        if (isKey(event.code, \"ENTER\") || isKey(event.code, \"SPACE\")) {\n            event.stopPropagation();\n        }\n    }, []);\n\n    const handleClearButtonClick = useCallback(\n        (event: React.MouseEvent<HTMLButtonElement>) => {\n            event.stopPropagation();\n            onClear();\n        },\n        [onClear],\n    );\n\n    const renderTargetPostfix = useCallback(() => {\n        if (selected) {\n            return (\n                <ChipClearButton size={size} onClick={handleClearButtonClick} onKeyDown={handleClearButtonKeyDown} />\n            );\n        } else {\n            return <ChipDropdownArrow size={size} rotated={opened} />;\n        }\n    }, [selected, opened, handleClearButtonClick, handleClearButtonKeyDown, size]);\n\n    return (\n        <Chip\n            postfix={renderTargetPostfix()}\n            selected={selected}\n            aria-expanded={opened}\n            onKeyDown={handleKeyDown}\n            onClick={handleClick}\n            size={size}\n            {...rest}\n            ref={ref}\n        >\n            {children}\n        </Chip>\n    );\n});\n\nChipSelectTarget.displayName = \"ChipSelectTarget\";\n"],"names":["React"],"mappings":";;;;;;AAYO,MAAM,mBAAmBA,eAAM,WAAoD,CAAC,OAAO,QAAQ;AACtG,QAAM,EAAE,UAAU,UAAU,WAAW,SAAS,SAAS,QAAQ,WAAW,MAAM,GAAG,KAAA,IAAS;AAE9F,QAAM,gBAAgB;AAAA,IAClB,CAAC,UAAgD;AAC7C,UAAI,CAAC,WAAW,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM,MAAM,MAAM,OAAO,IAAI;AACvE,cAAM,eAAA;AACN,kBAAU,IAAI;AAAA,MAClB,WAAW,UAAU,MAAM,MAAM,MAAM,KAAK,GAAG;AAC3C,kBAAU,KAAK;AAAA,MACnB;AAEA,6CAAY;AAAA,IAChB;AAAA,IACA,CAAC,QAAQ,WAAW,SAAS;AAAA,EAAA;AAGjC,QAAM,cAAc;AAAA,IAChB,CAAC,UAA6C;AAC1C,gBAAU,CAAC,MAAM;AACjB,yCAAU;AAAA,IACd;AAAA,IACA,CAAC,QAAQ,WAAW,OAAO;AAAA,EAAA;AAG/B,QAAM,2BAA2B,YAAY,CAAC,UAAkD;AAC5F,QAAI,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM,MAAM,MAAM,OAAO,GAAG;AAC1D,YAAM,gBAAA;AAAA,IACV;AAAA,EACJ,GAAG,CAAA,CAAE;AAEL,QAAM,yBAAyB;AAAA,IAC3B,CAAC,UAA+C;AAC5C,YAAM,gBAAA;AACN,cAAA;AAAA,IACJ;AAAA,IACA,CAAC,OAAO;AAAA,EAAA;AAGZ,QAAM,sBAAsB,YAAY,MAAM;AAC1C,QAAI,UAAU;AACV,iCACK,iBAAA,EAAgB,MAAY,SAAS,wBAAwB,WAAW,0BAA0B;AAAA,IAE3G,OAAO;AACH,aAAO,oBAAC,mBAAA,EAAkB,MAAY,SAAS,OAAA,CAAQ;AAAA,IAC3D;AAAA,EACJ,GAAG,CAAC,UAAU,QAAQ,wBAAwB,0BAA0B,IAAI,CAAC;AAE7E,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS,oBAAA;AAAA,MACT;AAAA,MACA,iBAAe;AAAA,MACf,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACC,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAED,iBAAiB,cAAc;"}

package/components/Chip/ChipSelect/index.js

@@ -1,7 +1,7 @@
-import { ChipSelect as t } from "./ChipSelect.js";
-import { ChipSelectTarget as p } from "./ChipSelectTarget.js";
+import { ChipSelect } from "./ChipSelect.js";
+import { ChipSelectTarget } from "./ChipSelectTarget.js";
 export {
-  t as ChipSelect,
-  p as ChipSelectTarget
+  ChipSelect,
+  ChipSelectTarget
 };
 //# sourceMappingURL=index.js.map

package/components/Chip/ChipSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/Chip/ChipSort.js

@@ -1,59 +1,68 @@
-import { jsx as o } from "react/jsx-runtime";
-import E, { useRef as w } from "react";
-import { u as C, l as K, c as R } from "../../chunks/vendor-D5cfSbgz.js";
-import { ChipIcon as N } from "./ChipIcon.js";
-import { SortStrokeSrvIcon24 as m } from "@sberbusiness/icons-next";
-import { SelectExtendedField as T } from "../SelectExtendedField/SelectExtendedField.js";
+import { jsx } from "react/jsx-runtime";
+import React__default, { useRef } from "react";
+import { u as uniqueId, l as lodashExports, c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { ChipIcon } from "./ChipIcon.js";
+import { SortStrokeSrvIcon24 } from "@sberbusiness/icons-next";
+import { SelectExtendedField } from "../SelectExtendedField/SelectExtendedField.js";
 import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
-import { SelectExtendedFieldDropdownDefault as b } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
-import { isKey as s } from "../../utils/keyboard.js";
-import { IconWrapper as k } from "../IconWrapper/IconWrapper.js";
-import { s as q } from "../../chunks/Chip-l3XTM9L_.js";
-const F = E.forwardRef(
-  ({ className: p, defaultValue: d, disabled: n, label: f, onChange: u, options: h, value: t, size: i, type: x, ...I }, S) => {
-    const c = w(C()), a = !!t && !K.isEqual(d, t), y = ({ opened: r, setOpened: l }) => /* @__PURE__ */ o(
-      N,
+import { SelectExtendedFieldDropdownDefault } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
+import { isKey } from "../../utils/keyboard.js";
+import { IconWrapper } from "../IconWrapper/IconWrapper.js";
+import { s as styles } from "../../chunks/Chip-CU6KmHGZ.js";
+const ChipSort = React__default.forwardRef(
+  ({ className, defaultValue, disabled, label, onChange, options, value, size, type, ...restProps }, ref) => {
+    const instanceId = useRef(uniqueId());
+    const selected = Boolean(value) && !lodashExports.isEqual(defaultValue, value);
+    const renderTarget = ({ opened, setOpened }) => {
+      const handleKeyDown = (event) => {
+        if (!opened && (isKey(event.code, "ENTER") || isKey(event.code, "SPACE"))) {
+          event.preventDefault();
+          setOpened(true);
+        }
+      };
+      return /* @__PURE__ */ jsx(
+        ChipIcon,
+        {
+          disabled,
+          selected,
+          onClick: () => setOpened(!opened),
+          onKeyDown: handleKeyDown,
+          size,
+          type,
+          role: "combobox",
+          "aria-expanded": opened,
+          "aria-controls": instanceId.current,
+          ref,
+          children: /* @__PURE__ */ jsx(IconWrapper, { active: opened, disabled, displayContents: true, children: selected ? /* @__PURE__ */ jsx(SortStrokeSrvIcon24, { paletteIndex: 6 }) : /* @__PURE__ */ jsx(SortStrokeSrvIcon24, { paletteIndex: 5 }) })
+        }
+      );
+    };
+    const renderDropdown = (props) => /* @__PURE__ */ jsx(
+      SelectExtendedFieldDropdownDefault,
       {
-        disabled: n,
-        selected: a,
-        onClick: () => l(!r),
-        onKeyDown: (e) => {
-          !r && (s(e.code, "ENTER") || s(e.code, "SPACE")) && (e.preventDefault(), l(!0));
-        },
-        size: i,
-        type: x,
-        role: "combobox",
-        "aria-expanded": r,
-        "aria-controls": c.current,
-        ref: S,
-        children: /* @__PURE__ */ o(k, { active: r, disabled: n, displayContents: !0, children: a ? /* @__PURE__ */ o(m, { paletteIndex: 6 }) : /* @__PURE__ */ o(m, { paletteIndex: 5 }) })
-      }
-    ), D = (r) => /* @__PURE__ */ o(
-      b,
-      {
-        ...r,
-        size: i,
-        mobileTitle: f,
-        onChange: u,
-        options: h,
-        value: t,
-        listId: c.current
+        ...props,
+        size,
+        mobileTitle: label,
+        onChange,
+        options,
+        value,
+        listId: instanceId.current
       }
     );
-    return /* @__PURE__ */ o(
-      T,
+    return /* @__PURE__ */ jsx(
+      SelectExtendedField,
       {
-        className: R(q.chipGroupItem, p),
-        renderTarget: y,
-        ...I,
-        children: D
+        className: clsx(styles.chipGroupItem, className),
+        renderTarget,
+        ...restProps,
+        children: renderDropdown
       }
     );
   }
 );
-F.displayName = "ChipSort";
+ChipSort.displayName = "ChipSort";
 export {
-  F as ChipSort
+  ChipSort
 };
 //# sourceMappingURL=ChipSort.js.map

package/components/Chip/ChipSort.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipSort.js","sources":["../../../src/components/Chip/ChipSort.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { isEqual } from \"lodash\";\nimport { ChipIcon } from \"./ChipIcon\";\nimport { IChipSelectProps } from \"./ChipSelect/ChipSelect\";\nimport { SortStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport {\n    ISelectExtendedFieldDropdownProvideProps,\n    ISelectExtendedFieldTargetProvideProps,\n    SelectExtendedField,\n} from \"../../components/SelectExtendedField\";\nimport { SelectExtendedFieldDropdownDefault } from \"../../components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault\";\nimport { ISelectExtendedFieldDefaultOption } from \"../../components/SelectExtendedField\";\nimport { uniqueId } from \"lodash-es\";\nimport clsx from \"clsx\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { IconWrapper } from \"../../components/IconWrapper/IconWrapper\";\nimport styles from \"./styles/Chip.module.less\";\n\nexport interface IChipSortProps extends Omit<IChipSelectProps, \"targetProps\" | \"clearSelected\" | \"defaultValue\"> {\n    /** Дефолтное значение, если текущее значение равно дефолтному, элемент не будет подсвечен как измененный. */\n    defaultValue?: ISelectExtendedFieldDefaultOption;\n}\n\n/**\n * ChipSelect с иконкой выбора сортировки.\n */\nexport const ChipSort = React.forwardRef<HTMLDivElement, IChipSortProps>(\n    ({ className, defaultValue, disabled, label, onChange, options, value, size, type, ...restProps }, ref) => {\n        const instanceId = useRef(uniqueId());\n        const selected = Boolean(value) && !isEqual(defaultValue, value);\n\n        const renderTarget = ({ opened, setOpened }: ISelectExtendedFieldTargetProvideProps) => {\n            const handleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n                if (!opened && (isKey(event.code, \"ENTER\") || isKey(event.code, \"SPACE\"))) {\n                    event.preventDefault();\n                    setOpened(true);\n                }\n            };\n\n            return (\n                <ChipIcon\n                    disabled={disabled}\n                    selected={selected}\n                    onClick={() => setOpened(!opened)}\n                    onKeyDown={handleKeyDown}\n                    size={size}\n                    type={type}\n                    role=\"combobox\"\n                    aria-expanded={opened}\n                    aria-controls={instanceId.current}\n                    ref={ref}\n                >\n                    <IconWrapper active={opened} disabled={disabled} displayContents>\n                        {selected ? <SortStrokeSrvIcon24 paletteIndex={6} /> : <SortStrokeSrvIcon24 paletteIndex={5} />}\n                    </IconWrapper>\n                </ChipIcon>\n            );\n        };\n\n        const renderDropdown = (props: ISelectExtendedFieldDropdownProvideProps) => (\n            <SelectExtendedFieldDropdownDefault\n                {...props}\n                size={size}\n                mobileTitle={label}\n                onChange={onChange}\n                options={options}\n                value={value}\n                listId={instanceId.current}\n            />\n        );\n\n        return (\n            <SelectExtendedField\n                className={clsx(styles.chipGroupItem, className)}\n                renderTarget={renderTarget}\n                {...restProps}\n            >\n                {renderDropdown}\n            </SelectExtendedField>\n        );\n    },\n);\n\nChipSort.displayName = \"ChipSort\";\n"],"names":["React","isEqual"],"mappings":";;;;;;;;;;;;AA0BO,MAAM,WAAWA,eAAM;AAAA,EAC1B,CAAC,EAAE,WAAW,cAAc,UAAU,OAAO,UAAU,SAAS,OAAO,MAAM,MAAM,GAAG,UAAA,GAAa,QAAQ;AACvG,UAAM,aAAa,OAAO,UAAU;AACpC,UAAM,WAAW,QAAQ,KAAK,KAAK,CAACC,cAAAA,QAAQ,cAAc,KAAK;AAE/D,UAAM,eAAe,CAAC,EAAE,QAAQ,gBAAwD;AACpF,YAAM,gBAAgB,CAAC,UAAgD;AACnE,YAAI,CAAC,WAAW,MAAM,MAAM,MAAM,OAAO,KAAK,MAAM,MAAM,MAAM,OAAO,IAAI;AACvE,gBAAM,eAAA;AACN,oBAAU,IAAI;AAAA,QAClB;AAAA,MACJ;AAEA,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,UACA,SAAS,MAAM,UAAU,CAAC,MAAM;AAAA,UAChC,WAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA,MAAK;AAAA,UACL,iBAAe;AAAA,UACf,iBAAe,WAAW;AAAA,UAC1B;AAAA,UAEA,8BAAC,aAAA,EAAY,QAAQ,QAAQ,UAAoB,iBAAe,MAC3D,UAAA,WAAW,oBAAC,qBAAA,EAAoB,cAAc,GAAG,wBAAM,qBAAA,EAAoB,cAAc,GAAG,EAAA,CACjG;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ;AAEA,UAAM,iBAAiB,CAAC,UACpB;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ,WAAW;AAAA,MAAA;AAAA,IAAA;AAI3B,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,eAAe,SAAS;AAAA,QAC/C;AAAA,QACC,GAAG;AAAA,QAEH,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,SAAS,cAAc;"}

package/components/Chip/ChipSuggest/ChipSuggest.js

@@ -1,21 +1,30 @@
-import { ChipSuggestTarget as R } from "./ChipSuggestTarget.js";
-import { jsxs as d, jsx as m } from "react/jsx-runtime";
-import x, { useRef as p } from "react";
-import { c as S } from "../../../chunks/vendor-D5cfSbgz.js";
+import { ChipSuggestTarget } from "./ChipSuggestTarget.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default, { useRef } from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import "../../Suggest/SuggestContext.js";
-import { Suggest as C } from "../../Suggest/Suggest.js";
-import { ChipSuggestDropdown as j } from "./ChipSuggestDropdown.js";
-import { s as w } from "../../../chunks/Chip-l3XTM9L_.js";
-const y = ({ className: u, type: c, displayedValue: g, label: r, prefix: _, targetProps: l, dropdownProps: n, ...o }, t) => {
-  const { value: s, size: f } = o, i = p(null), a = p(null), h = (e) => {
-    i.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+import { Suggest } from "../../Suggest/Suggest.js";
+import { ChipSuggestDropdown } from "./ChipSuggestDropdown.js";
+import { s as styles } from "../../../chunks/Chip-CU6KmHGZ.js";
+const ChipSuggestBase = ({ className, type, displayedValue, label, prefix, targetProps, dropdownProps, ...restProps }, ref) => {
+  const { value, size } = restProps;
+  const suggestRef = useRef(null);
+  const targetRef = useRef(null);
+  const setRef = (instance) => {
+    suggestRef.current = instance;
+    if (typeof ref === "function") {
+      ref(instance);
+    } else if (ref) {
+      ref.current = instance;
+    }
   };
-  return /* @__PURE__ */ d(C, { className: S(w.chipGroupItem, u), ...o, ref: h, children: [
-    /* @__PURE__ */ m(R, { size: f, ...l, type: c, ref: a, children: s ? g ?? s.label : r }),
-    /* @__PURE__ */ m(j, { size: f, targetRef: i, ...n, children: r })
+  return /* @__PURE__ */ jsxs(Suggest, { className: clsx(styles.chipGroupItem, className), ...restProps, ref: setRef, children: [
+    /* @__PURE__ */ jsx(ChipSuggestTarget, { size, ...targetProps, type, ref: targetRef, children: value ? displayedValue ?? value.label : label }),
+    /* @__PURE__ */ jsx(ChipSuggestDropdown, { size, targetRef: suggestRef, ...dropdownProps, children: label })
   ] });
-}, b = x.forwardRef(y);
+};
+const ChipSuggest = React__default.forwardRef(ChipSuggestBase);
 export {
-  b as ChipSuggest
+  ChipSuggest
 };
 //# sourceMappingURL=ChipSuggest.js.map