@sberbusiness/triplex-next 1.41.1 → 1.43.0

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -1,15 +1,18 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
 import { CollapsibleTreeExtended } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
+import "../MobileView/MobileView.js";
+import { useMobileView } from "../MobileView/useMobileView.js";
+import { CheckboxTreeExtendedContext } from "./CheckboxTreeExtendedContext.js";
 import { CheckboxTreeExtendedCheckbox } from "./components/CheckboxTreeExtendedCheckbox.js";
 import { CheckboxTreeExtendedNode } from "./components/CheckboxTreeExtendedNode.js";
-import { CheckboxTreeExtendedContext } from "./CheckboxTreeExtendedContext.js";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-import { EComponentSize } from "../../enums/EComponentSize.js";
-import { useMobileView } from "../MobileView/useMobileView.js";
-import { s as styles } from "../../chunks/CheckboxTreeExtended.module-9l5Ifhk7.js";
+import { s as styles } from "../../chunks/CheckboxTreeExtended.module-3Qs071eq.js";
 const CheckboxTreeExtended = ({ className, size = EComponentSize.MD, ...rest }) => {
   const adaptive = useMobileView();
-  return /* @__PURE__ */ jsx(CheckboxTreeExtendedContext.Provider, { value: { size: adaptive ? EComponentSize.MD : size }, children: /* @__PURE__ */ jsx(CollapsibleTreeExtended, { className: clsx(styles.checkboxTreeExtended, className), ...rest }) });
+  const contextValue = React__default.useMemo(() => ({ size: adaptive ? EComponentSize.MD : size }), [adaptive, size]);
+  return /* @__PURE__ */ jsx(CheckboxTreeExtendedContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(CollapsibleTreeExtended, { className: clsx(styles.checkboxTreeExtended, className), ...rest }) });
 };
 CheckboxTreeExtended.displayName = "CheckboxTreeExtended";
 CheckboxTreeExtended.Checkbox = CheckboxTreeExtendedCheckbox;

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeExtended.js","sources":["../../../src/components/CheckboxTreeExtended/CheckboxTreeExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    CollapsibleTreeExtended,\n    ICollapsibleTreeExtendedProps,\n} from \"../CollapsibleTreeExtended/CollapsibleTreeExtended\";\nimport { CheckboxTreeExtendedCheckbox } from \"./components/CheckboxTreeExtendedCheckbox\";\nimport { CheckboxTreeExtendedNode } from \"./components/CheckboxTreeExtendedNode\";\nimport { CheckboxTreeExtendedContext } from \"./CheckboxTreeExtendedContext\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { useMobileView } from \"../MobileView\";\nimport styles from \"./styles/CheckboxTreeExtended.module.less\";\n\n/** Свойства CheckboxTreeExtended. */\nexport interface ICheckboxTreeExtendedProps extends ICollapsibleTreeExtendedProps {\n    /** Размер дерева чекбоксов. */\n    size?: EComponentSize;\n}\n\nexport interface ICheckboxTreeExtendedSFC extends React.FC<ICheckboxTreeExtendedProps> {\n    Checkbox: typeof CheckboxTreeExtendedCheckbox;\n    Node: typeof CheckboxTreeExtendedNode;\n}\n\n/**\n * Декларативное дерево чекбоксов.\n * Является оберткой над CollapsibleTreeExtended.\n */\nexport const CheckboxTreeExtended: ICheckboxTreeExtendedSFC = ({ className, size = EComponentSize.MD, ...rest }) => {\n    const adaptive = useMobileView();\n\n    return (\n        <CheckboxTreeExtendedContext.Provider value={{ size: adaptive ? EComponentSize.MD : size }}>\n            <CollapsibleTreeExtended className={clsx(styles.checkboxTreeExtended, className)} {...rest} />\n        </CheckboxTreeExtendedContext.Provider>\n    );\n};\n\nCheckboxTreeExtended.displayName = \"CheckboxTreeExtended\";\nCheckboxTreeExtended.Checkbox = CheckboxTreeExtendedCheckbox;\nCheckboxTreeExtended.Node = CheckboxTreeExtendedNode;\n"],"names":[],"mappings":";;;;;;;;;AA4BO,MAAM,uBAAiD,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,GAAG,WAAW;AAChH,QAAM,WAAW,cAAA;AAEjB,SACI,oBAAC,4BAA4B,UAA5B,EAAqC,OAAO,EAAE,MAAM,WAAW,eAAe,KAAK,KAAA,GAChF,UAAA,oBAAC,yBAAA,EAAwB,WAAW,KAAK,OAAO,sBAAsB,SAAS,GAAI,GAAG,KAAA,CAAM,EAAA,CAChG;AAER;AAEA,qBAAqB,cAAc;AACnC,qBAAqB,WAAW;AAChC,qBAAqB,OAAO;"}
+{"version":3,"file":"CheckboxTreeExtended.js","sources":["../../../src/components/CheckboxTreeExtended/CheckboxTreeExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport {\n    CollapsibleTreeExtended,\n    ICollapsibleTreeExtendedProps,\n} from \"../CollapsibleTreeExtended/CollapsibleTreeExtended\";\nimport { useMobileView } from \"../MobileView\";\nimport { CheckboxTreeExtendedContext } from \"./CheckboxTreeExtendedContext\";\nimport { CheckboxTreeExtendedCheckbox } from \"./components/CheckboxTreeExtendedCheckbox\";\nimport { CheckboxTreeExtendedNode } from \"./components/CheckboxTreeExtendedNode\";\nimport styles from \"./styles/CheckboxTreeExtended.module.less\";\n\n/** Свойства CheckboxTreeExtended. */\nexport interface ICheckboxTreeExtendedProps extends ICollapsibleTreeExtendedProps {\n    /** Размер дерева чекбоксов. По умолчанию EComponentSize.MD. В мобильном представлении всегда EComponentSize.MD. */\n    size?: EComponentSize;\n}\n\n/** CheckboxTreeExtended вместе с составными частями. */\nexport interface ICheckboxTreeExtendedSFC extends React.FC<ICheckboxTreeExtendedProps> {\n    /** Чекбокс ноды дерева. */\n    Checkbox: typeof CheckboxTreeExtendedCheckbox;\n    /** Нода дерева. */\n    Node: typeof CheckboxTreeExtendedNode;\n}\n\n/**\n * Декларативное дерево чекбоксов.\n * Является оберткой над CollapsibleTreeExtended.\n */\nexport const CheckboxTreeExtended: ICheckboxTreeExtendedSFC = ({ className, size = EComponentSize.MD, ...rest }) => {\n    const adaptive = useMobileView();\n    // В мобильном представлении размер зафиксирован, чтобы область нажатия оставалась достаточной.\n    const contextValue = React.useMemo(() => ({ size: adaptive ? EComponentSize.MD : size }), [adaptive, size]);\n\n    return (\n        <CheckboxTreeExtendedContext.Provider value={contextValue}>\n            <CollapsibleTreeExtended className={clsx(styles.checkboxTreeExtended, className)} {...rest} />\n        </CheckboxTreeExtendedContext.Provider>\n    );\n};\n\nCheckboxTreeExtended.displayName = \"CheckboxTreeExtended\";\nCheckboxTreeExtended.Checkbox = CheckboxTreeExtendedCheckbox;\nCheckboxTreeExtended.Node = CheckboxTreeExtendedNode;\n"],"names":["React"],"mappings":";;;;;;;;;;;AA+BO,MAAM,uBAAiD,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,GAAG,WAAW;AAChH,QAAM,WAAW,cAAA;AAEjB,QAAM,eAAeA,eAAM,QAAQ,OAAO,EAAE,MAAM,WAAW,eAAe,KAAK,KAAA,IAAS,CAAC,UAAU,IAAI,CAAC;AAE1G,6BACK,4BAA4B,UAA5B,EAAqC,OAAO,cACzC,UAAA,oBAAC,yBAAA,EAAwB,WAAW,KAAK,OAAO,sBAAsB,SAAS,GAAI,GAAG,MAAM,GAChG;AAER;AAEA,qBAAqB,cAAc;AACnC,qBAAqB,WAAW;AAChC,qBAAqB,OAAO;"}

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js

@@ -1,61 +1,44 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
 import { CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
-import React__default from "react";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-9l5Ifhk7.js";
-class CheckboxTreeExtendedArrow extends React__default.Component {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "arrowNode");
-    __publicField(this, "setArrowNode", (DOMNode) => {
-      this.arrowNode = DOMNode;
-    });
-    __publicField(this, "handleClick", () => {
-      const { opened, toggle } = this.props;
-      toggle(!opened);
-    });
-    /**
-     * Обработчик нажатия клавиш.
-     * Стрелка вправо - раскрыть, влево - свернуть.
-     * Enter, space - изменить состояние на противоположное.
-     */
-    __publicField(this, "handleKeyUp", (event) => {
-      const { opened, toggle } = this.props;
-      if (event.keyCode === EVENT_KEY_CODES.ARROW_RIGHT) {
-        toggle(true);
-      } else if (event.keyCode === EVENT_KEY_CODES.ARROW_LEFT) {
-        toggle(false);
-      } else if ([EVENT_KEY_CODES.ENTER, EVENT_KEY_CODES.SPACE].includes(event.keyCode)) {
-        toggle(!opened);
-      }
-    });
-  }
-  componentDidUpdate(prevProps) {
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-3Qs071eq.js";
+const CheckboxTreeExtendedArrow = ({ active, opened, toggle }) => {
+  const arrowNode = useRef(null);
+  const prevActive = useRef(active);
+  useEffect(() => {
     var _a;
-    const { active } = this.props;
-    const { active: prevActive } = prevProps;
-    if (active && !prevActive) {
-      (_a = this.arrowNode) == null ? void 0 : _a.focus();
+    if (active && !prevActive.current) {
+      (_a = arrowNode.current) == null ? void 0 : _a.focus();
+    }
+    prevActive.current = active;
+  }, [active]);
+  const handleClick = () => {
+    toggle(!opened);
+  };
+  const handleKeyUp = (event) => {
+    if (event.keyCode === EVENT_KEY_CODES.ARROW_RIGHT) {
+      toggle(true);
+    } else if (event.keyCode === EVENT_KEY_CODES.ARROW_LEFT) {
+      toggle(false);
+    } else if ([EVENT_KEY_CODES.ENTER, EVENT_KEY_CODES.SPACE].includes(event.keyCode)) {
+      toggle(!opened);
     }
-  }
-  render() {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: styles.caretIconWrapper,
-        onClick: this.handleClick,
-        onKeyUp: this.handleKeyUp,
-        ref: this.setArrowNode,
-        role: "button",
-        tabIndex: -1,
-        children: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon16, { paletteIndex: 0 })
-      }
-    );
-  }
-}
+  };
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: styles.caretIconWrapper,
+      onClick: handleClick,
+      onKeyUp: handleKeyUp,
+      ref: arrowNode,
+      role: "button",
+      tabIndex: -1,
+      children: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon16, { paletteIndex: 0 })
+    }
+  );
+};
+CheckboxTreeExtendedArrow.displayName = "CheckboxTreeExtendedArrow";
 export {
   CheckboxTreeExtendedArrow
 };

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeExtendedArrow.js","sources":["../../../../src/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.tsx"],"sourcesContent":["import { CaretdownStrokeSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport React from \"react\";\nimport styles from \"../styles/CheckboxTreeExtended.module.less\";\n\n/**\n * Свойства CheckboxTreeExtendedArrow.\n *\n * @prop {boolean} active - Текущая нода является активной при перемещении с клавиатуры.\n * @prop {boolean} opened - Текущая нода раскрыта.\n * @prop {Function} toggle - Функция смены значения opened.\n */\ninterface ICheckboxTreeExtendedArrowProps {\n    active: boolean;\n    opened: boolean;\n    toggle: (opened: boolean) => void;\n}\n\n/**\n * Стрелка раскрытия ветки CheckboxTreeExtended.\n */\nexport class CheckboxTreeExtendedArrow extends React.Component<ICheckboxTreeExtendedArrowProps> {\n    private arrowNode?: HTMLSpanElement;\n\n    public componentDidUpdate(prevProps: ICheckboxTreeExtendedArrowProps): void {\n        const { active } = this.props;\n        const { active: prevActive } = prevProps;\n\n        // Триггер фокуса на стрелке при изменении флага активности при перемещении по дереву с клавиатуры.\n        if (active && !prevActive) {\n            this.arrowNode?.focus();\n        }\n    }\n\n    public render(): JSX.Element {\n        return (\n            <span\n                className={styles.caretIconWrapper}\n                onClick={this.handleClick}\n                onKeyUp={this.handleKeyUp}\n                ref={this.setArrowNode}\n                role=\"button\"\n                tabIndex={-1}\n            >\n                <CaretdownStrokeSrvIcon16 paletteIndex={0} />\n            </span>\n        );\n    }\n\n    private setArrowNode = (DOMNode: HTMLSpanElement) => {\n        this.arrowNode = DOMNode;\n    };\n\n    private handleClick = () => {\n        const { opened, toggle } = this.props;\n\n        toggle(!opened);\n    };\n\n    /**\n     * Обработчик нажатия клавиш.\n     * Стрелка вправо - раскрыть, влево - свернуть.\n     * Enter, space - изменить состояние на противоположное.\n     */\n    private handleKeyUp = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n        const { opened, toggle } = this.props;\n\n        if (event.keyCode === EVENT_KEY_CODES.ARROW_RIGHT) {\n            toggle(true);\n        } else if (event.keyCode === EVENT_KEY_CODES.ARROW_LEFT) {\n            toggle(false);\n        } else if ([EVENT_KEY_CODES.ENTER, EVENT_KEY_CODES.SPACE].includes(event.keyCode)) {\n            toggle(!opened);\n        }\n    };\n}\n"],"names":["React"],"mappings":";;;;;;;;AAqBO,MAAM,kCAAkCA,eAAM,UAA2C;AAAA,EAAzF;AAAA;AACK;AA2BA,wCAAe,CAAC,YAA6B;AACjD,WAAK,YAAY;AAAA,IACrB;AAEQ,uCAAc,MAAM;AACxB,YAAM,EAAE,QAAQ,OAAA,IAAW,KAAK;AAEhC,aAAO,CAAC,MAAM;AAAA,IAClB;AAOQ;AAAA;AAAA;AAAA;AAAA;AAAA,uCAAc,CAAC,UAAgD;AACnE,YAAM,EAAE,QAAQ,OAAA,IAAW,KAAK;AAEhC,UAAI,MAAM,YAAY,gBAAgB,aAAa;AAC/C,eAAO,IAAI;AAAA,MACf,WAAW,MAAM,YAAY,gBAAgB,YAAY;AACrD,eAAO,KAAK;AAAA,MAChB,WAAW,CAAC,gBAAgB,OAAO,gBAAgB,KAAK,EAAE,SAAS,MAAM,OAAO,GAAG;AAC/E,eAAO,CAAC,MAAM;AAAA,MAClB;AAAA,IACJ;AAAA;AAAA,EAlDO,mBAAmB,WAAkD;;AACxE,UAAM,EAAE,WAAW,KAAK;AACxB,UAAM,EAAE,QAAQ,WAAA,IAAe;AAG/B,QAAI,UAAU,CAAC,YAAY;AACvB,iBAAK,cAAL,mBAAgB;AAAA,IACpB;AAAA,EACJ;AAAA,EAEO,SAAsB;AACzB,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO;AAAA,QAClB,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,KAAK,KAAK;AAAA,QACV,MAAK;AAAA,QACL,UAAU;AAAA,QAEV,UAAA,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGvD;AA4BJ;"}
+{"version":3,"file":"CheckboxTreeExtendedArrow.js","sources":["../../../../src/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { CaretdownStrokeSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport styles from \"../styles/CheckboxTreeExtended.module.less\";\n\n/** Свойства CheckboxTreeExtendedArrow. */\ninterface ICheckboxTreeExtendedArrowProps {\n    /** Текущая нода является активной при перемещении с клавиатуры. */\n    active: boolean;\n    /** Текущая нода раскрыта. */\n    opened: boolean;\n    /** Функция смены значения opened. */\n    toggle: (opened: boolean) => void;\n}\n\n/**\n * Стрелка раскрытия ветки CheckboxTreeExtended.\n */\nexport const CheckboxTreeExtendedArrow: React.FC<ICheckboxTreeExtendedArrowProps> = ({ active, opened, toggle }) => {\n    const arrowNode = useRef<HTMLSpanElement | null>(null);\n    const prevActive = useRef(active);\n\n    // Триггер фокуса на стрелке при изменении флага активности при перемещении по дереву с клавиатуры.\n    useEffect(() => {\n        if (active && !prevActive.current) {\n            arrowNode.current?.focus();\n        }\n\n        prevActive.current = active;\n    }, [active]);\n\n    const handleClick = () => {\n        toggle(!opened);\n    };\n\n    /**\n     * Обработчик нажатия клавиш.\n     * Стрелка вправо - раскрыть, влево - свернуть.\n     * Enter, space - изменить состояние на противоположное.\n     */\n    const handleKeyUp = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n        if (event.keyCode === EVENT_KEY_CODES.ARROW_RIGHT) {\n            toggle(true);\n        } else if (event.keyCode === EVENT_KEY_CODES.ARROW_LEFT) {\n            toggle(false);\n        } else if ([EVENT_KEY_CODES.ENTER, EVENT_KEY_CODES.SPACE].includes(event.keyCode)) {\n            toggle(!opened);\n        }\n    };\n\n    return (\n        <span\n            className={styles.caretIconWrapper}\n            onClick={handleClick}\n            onKeyUp={handleKeyUp}\n            ref={arrowNode}\n            role=\"button\"\n            tabIndex={-1}\n        >\n            <CaretdownStrokeSrvIcon16 paletteIndex={0} />\n        </span>\n    );\n};\n\nCheckboxTreeExtendedArrow.displayName = \"CheckboxTreeExtendedArrow\";\n"],"names":[],"mappings":";;;;;AAkBO,MAAM,4BAAuE,CAAC,EAAE,QAAQ,QAAQ,aAAa;AAChH,QAAM,YAAY,OAA+B,IAAI;AACrD,QAAM,aAAa,OAAO,MAAM;AAGhC,YAAU,MAAM;;AACZ,QAAI,UAAU,CAAC,WAAW,SAAS;AAC/B,sBAAU,YAAV,mBAAmB;AAAA,IACvB;AAEA,eAAW,UAAU;AAAA,EACzB,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,cAAc,MAAM;AACtB,WAAO,CAAC,MAAM;AAAA,EAClB;AAOA,QAAM,cAAc,CAAC,UAAgD;AACjE,QAAI,MAAM,YAAY,gBAAgB,aAAa;AAC/C,aAAO,IAAI;AAAA,IACf,WAAW,MAAM,YAAY,gBAAgB,YAAY;AACrD,aAAO,KAAK;AAAA,IAChB,WAAW,CAAC,gBAAgB,OAAO,gBAAgB,KAAK,EAAE,SAAS,MAAM,OAAO,GAAG;AAC/E,aAAO,CAAC,MAAM;AAAA,IAClB;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,OAAO;AAAA,MAClB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,KAAK;AAAA,MACL,MAAK;AAAA,MACL,UAAU;AAAA,MAEV,UAAA,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,IAAA;AAAA,EAAA;AAGvD;AAEA,0BAA0B,cAAc;"}

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -1,12 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef, useContext, useEffect } from "react";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-9l5Ifhk7.js";
 import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-3Qs071eq.js";
 const CheckboxTreeExtendedCheckbox = ({
   active,
   className,
+  // Исключается из checkboxProps, чтобы не попасть в атрибуты input.
   opened,
   labelAttributes,
   ...checkboxProps
@@ -27,14 +28,11 @@ const CheckboxTreeExtendedCheckbox = ({
     var _a;
     (_a = labelAttributes == null ? void 0 : labelAttributes.onFocus) == null ? void 0 : _a.call(labelAttributes, event);
   };
-  const setCheckboxNode = (DOMNode) => {
-    checkboxNode.current = DOMNode;
-  };
   return /* @__PURE__ */ jsx(
     Checkbox,
     {
       className: clsx(styles.checkboxTreeCheckbox, className),
-      ref: setCheckboxNode,
+      ref: checkboxNode,
       labelAttributes: {
         ...labelAttributes,
         className: classNamesLabel,

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeExtendedCheckbox.js","sources":["../../../../src/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef } from \"react\";\nimport { Checkbox, ICheckboxProps } from \"../../Checkbox/Checkbox\";\nimport clsx from \"clsx\";\nimport { isStaticCheckboxTreeExtended } from \"../isStaticCheckboxTreeExtended\";\nimport styles from \"../styles/CheckboxTreeExtended.module.less\";\nimport { CheckboxTreeExtendedContext } from \"../CheckboxTreeExtendedContext\";\n\n/**\n * Свойства CheckboxTreeExtendedCheckbox.\n */\ninterface ICheckboxTreeExtendedCheckboxProps extends ICheckboxProps {\n    // Текущая нода является активной при перемещении с клавиатуры.\n    active?: boolean;\n    // Текущая нода раскрыта.\n    opened?: boolean;\n}\n\n/**\n * Обертка над базовым компонентом чекбокс.\n * Используется для фокуса чекбокса при перемещении с клавиатуры.\n */\nexport const CheckboxTreeExtendedCheckbox: React.FC<ICheckboxTreeExtendedCheckboxProps> = ({\n    active,\n    className,\n    opened,\n    labelAttributes,\n    ...checkboxProps\n}) => {\n    const checkboxNode = useRef<HTMLInputElement | null>(null);\n    const { size } = useContext(CheckboxTreeExtendedContext);\n    const classNamesLabel = clsx(styles.checkboxTreeCheckboxLabel, labelAttributes?.className);\n\n    // Триггер фокуса на чекбоксе при изменении флага активности при перемещении по дереву с клавиатуры. Если нода имеет дочерние ноды, то фокус получает не чекбокс, а CheckboxTreeExtendedArrow.\n    useEffect(() => {\n        if (!active) {\n            return;\n        }\n\n        // При взаимодействии мышью триггер фокуса не нужен.\n        if (!document.activeElement?.contains(checkboxNode.current as Node)) {\n            checkboxNode.current?.focus();\n        }\n    }, [active]);\n\n    const handleLabelFocus = (event: React.FocusEvent<HTMLLabelElement>) => {\n        // Предотвращает всплытие до ноды дерева.\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n        !isStaticCheckboxTreeExtended && event.stopPropagation();\n        labelAttributes?.onFocus?.(event);\n    };\n\n    const setCheckboxNode = (DOMNode: HTMLInputElement) => {\n        checkboxNode.current = DOMNode;\n    };\n\n    return (\n        <Checkbox\n            className={clsx(styles.checkboxTreeCheckbox, className)}\n            ref={setCheckboxNode}\n            labelAttributes={{\n                ...labelAttributes,\n                className: classNamesLabel,\n                onFocus: handleLabelFocus,\n            }}\n            size={size}\n            {...checkboxProps}\n        />\n    );\n};\n\nCheckboxTreeExtendedCheckbox.displayName = \"CheckboxTreeExtendedCheckbox\";\n"],"names":[],"mappings":";;;;;;AAqBO,MAAM,+BAA6E,CAAC;AAAA,EACvF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,eAAe,OAAgC,IAAI;AACzD,QAAM,EAAE,KAAA,IAAS,WAAW,2BAA2B;AACvD,QAAM,kBAAkB,KAAK,OAAO,2BAA2B,mDAAiB,SAAS;AAGzF,YAAU,MAAM;;AACZ,QAAI,CAAC,QAAQ;AACT;AAAA,IACJ;AAGA,QAAI,GAAC,cAAS,kBAAT,mBAAwB,SAAS,aAAa,WAAkB;AACjE,yBAAa,YAAb,mBAAsB;AAAA,IAC1B;AAAA,EACJ,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,mBAAmB,CAAC,UAA8C;;AAIpE,6DAAiB,YAAjB,yCAA2B;AAAA,EAC/B;AAEA,QAAM,kBAAkB,CAAC,YAA8B;AACnD,iBAAa,UAAU;AAAA,EAC3B;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,sBAAsB,SAAS;AAAA,MACtD,KAAK;AAAA,MACL,iBAAiB;AAAA,QACb,GAAG;AAAA,QACH,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEb;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,6BAA6B,cAAc;"}
+{"version":3,"file":"CheckboxTreeExtendedCheckbox.js","sources":["../../../../src/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { Checkbox, ICheckboxProps } from \"../../Checkbox/Checkbox\";\nimport { CheckboxTreeExtendedContext } from \"../CheckboxTreeExtendedContext\";\nimport { isStaticCheckboxTreeExtended } from \"../isStaticCheckboxTreeExtended\";\nimport styles from \"../styles/CheckboxTreeExtended.module.less\";\n\n/** Свойства CheckboxTreeExtendedCheckbox. */\ninterface ICheckboxTreeExtendedCheckboxProps extends ICheckboxProps {\n    /** Текущая нода является активной при перемещении с клавиатуры. */\n    active?: boolean;\n    /** Текущая нода раскрыта. Не влияет на отрисовку, принимается из render-функции ноды. */\n    opened?: boolean;\n}\n\n/**\n * Обертка над базовым компонентом чекбокс.\n * Используется для фокуса чекбокса при перемещении с клавиатуры.\n */\nexport const CheckboxTreeExtendedCheckbox: React.FC<ICheckboxTreeExtendedCheckboxProps> = ({\n    active,\n    className,\n    // Исключается из checkboxProps, чтобы не попасть в атрибуты input.\n    opened,\n    labelAttributes,\n    ...checkboxProps\n}) => {\n    const checkboxNode = useRef<HTMLInputElement | null>(null);\n    const { size } = useContext(CheckboxTreeExtendedContext);\n    const classNamesLabel = clsx(styles.checkboxTreeCheckboxLabel, labelAttributes?.className);\n\n    // Триггер фокуса на чекбоксе при изменении флага активности при перемещении по дереву с клавиатуры. Если нода имеет дочерние ноды, то фокус получает не чекбокс, а CheckboxTreeExtendedArrow.\n    useEffect(() => {\n        if (!active) {\n            return;\n        }\n\n        // При взаимодействии мышью триггер фокуса не нужен.\n        if (!document.activeElement?.contains(checkboxNode.current)) {\n            checkboxNode.current?.focus();\n        }\n    }, [active]);\n\n    const handleLabelFocus = (event: React.FocusEvent<HTMLLabelElement>) => {\n        // Предотвращает всплытие до ноды дерева.\n        if (!isStaticCheckboxTreeExtended) {\n            event.stopPropagation();\n        }\n\n        labelAttributes?.onFocus?.(event);\n    };\n\n    return (\n        <Checkbox\n            className={clsx(styles.checkboxTreeCheckbox, className)}\n            ref={checkboxNode}\n            labelAttributes={{\n                ...labelAttributes,\n                className: classNamesLabel,\n                onFocus: handleLabelFocus,\n            }}\n            size={size}\n            {...checkboxProps}\n        />\n    );\n};\n\nCheckboxTreeExtendedCheckbox.displayName = \"CheckboxTreeExtendedCheckbox\";\n"],"names":[],"mappings":";;;;;;AAmBO,MAAM,+BAA6E,CAAC;AAAA,EACvF;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,eAAe,OAAgC,IAAI;AACzD,QAAM,EAAE,KAAA,IAAS,WAAW,2BAA2B;AACvD,QAAM,kBAAkB,KAAK,OAAO,2BAA2B,mDAAiB,SAAS;AAGzF,YAAU,MAAM;;AACZ,QAAI,CAAC,QAAQ;AACT;AAAA,IACJ;AAGA,QAAI,GAAC,cAAS,kBAAT,mBAAwB,SAAS,aAAa,WAAU;AACzD,yBAAa,YAAb,mBAAsB;AAAA,IAC1B;AAAA,EACJ,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,mBAAmB,CAAC,UAA8C;;AAMpE,6DAAiB,YAAjB,yCAA2B;AAAA,EAC/B;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,sBAAsB,SAAS;AAAA,MACtD,KAAK;AAAA,MACL,iBAAiB;AAAA,QACb,GAAG;AAAA,QACH,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEb;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,6BAA6B,cAAc;"}

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js

@@ -1,16 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useContext } from "react";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { CollapsibleTreeExtended } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
+import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
 import { isStaticCheckboxTreeExtended } from "../isStaticCheckboxTreeExtended.js";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
 import "./CheckboxTreeExtendedArrow.js";
-import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-9l5Ifhk7.js";
-import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-3Qs071eq.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const CheckboxTreeExtendedNode = ({
   children,
   checkbox,
+  className,
   opened,
   ...collapsibleTreeExtendedNodeProps
 }) => {
@@ -20,11 +21,17 @@ const CheckboxTreeExtendedNode = ({
       event.preventDefault();
     }
   };
-  const renderHeader = ({ activeNode, opened: opened2, toggle }) => {
+  const renderHeader = ({
+    activeNode,
+    opened: openedNode,
+    toggle
+  }) => {
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: clsx(styles.checkboxTreeExtendedNodeHeader, sizeToClassNameMap[size], { opened: opened2 }),
+        className: clsx(styles.checkboxTreeExtendedNodeHeader, sizeToClassNameMap[size], {
+          [styles.opened]: openedNode
+        }),
         onMouseDown: handleHeaderMouseDown,
         children: [
           !isStaticCheckboxTreeExtended,
@@ -37,7 +44,7 @@ const CheckboxTreeExtendedNode = ({
   return /* @__PURE__ */ jsx(
     CollapsibleTreeExtended.Node,
     {
-      className: styles.checkboxTreeExtendedNode,
+      className: clsx(styles.checkboxTreeExtendedNode, className),
       opened: true,
       renderHeader,
       renderBody,
@@ -45,6 +52,7 @@ const CheckboxTreeExtendedNode = ({
     }
   );
 };
+CheckboxTreeExtendedNode.displayName = "CheckboxTreeExtendedNode";
 export {
   CheckboxTreeExtendedNode
 };

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeExtendedNode.js","sources":["../../../../src/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport {\n    ICollapsibleTreeExtendedNodeHeaderProvideProps,\n    ICollapsibleTreeExtendedNodeProps,\n} from \"../../CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode\";\nimport { CollapsibleTreeExtended } from \"../../CollapsibleTreeExtended/CollapsibleTreeExtended\";\nimport { isStaticCheckboxTreeExtended } from \"../isStaticCheckboxTreeExtended\";\nimport clsx from \"clsx\";\nimport { CheckboxTreeExtendedArrow } from \"./CheckboxTreeExtendedArrow\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/CheckboxTreeExtended.module.less\";\nimport { CheckboxTreeExtendedContext } from \"../CheckboxTreeExtendedContext\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Свойства передаваемые CheckboxTreeExtendedNode в render-функцию чекбокса. */\nexport interface ICheckboxTreeExtendedCheckboxProvideProps {\n    // Текущая нода является активной при перемещении с клавиатуры.\n    active?: boolean;\n    // Текущая нода раскрыта.\n    opened?: boolean;\n}\n\n/** Свойства CheckboxTreeExtendedNode. */\ninterface ICheckboxTreeExtendedNodeProps extends Omit<\n    ICollapsibleTreeExtendedNodeProps,\n    \"children\" | \"renderBody\" | \"renderHeader\"\n> {\n    // Render-функция компонента чекбокс.\n    checkbox: (props: ICheckboxTreeExtendedCheckboxProvideProps) => JSX.Element;\n    // Массив нод CheckboxTreeNode, если имеются вложенные ноды.\n    children?: React.ReactNode;\n    // Id ноды.\n    id: string;\n}\n\n/**\n * Нода CheckboxTreeExtendedNode.\n * Является оберткой CollapsibleTreeExtended.Node.\n * Добавляет стили дерева чекбоксов.\n */\nexport const CheckboxTreeExtendedNode: React.FC<ICheckboxTreeExtendedNodeProps> = ({\n    children,\n    checkbox,\n    opened,\n    ...collapsibleTreeExtendedNodeProps\n}) => {\n    const { size } = useContext(CheckboxTreeExtendedContext);\n\n    const handleHeaderMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n        // Прерывание всплытия при клике на сам контейнер. Чтобы checkbox не выделялся фокусом при клике сбоку от него.\n        if (event.target === event.currentTarget) {\n            event.preventDefault();\n        }\n    };\n\n    const renderHeader = ({ activeNode, opened, toggle }: ICollapsibleTreeExtendedNodeHeaderProvideProps) => {\n        return (\n            <div\n                className={clsx(styles.checkboxTreeExtendedNodeHeader, sizeToClassNameMap[size], { opened: opened })}\n                onMouseDown={handleHeaderMouseDown}\n            >\n                {!isStaticCheckboxTreeExtended && children && (\n                    <CheckboxTreeExtendedArrow active={activeNode} toggle={toggle} opened={opened} />\n                )}\n\n                {/** Active передается для фокуса чекбокса при перемещении с клавиатуры. Если есть дочерние ноды, то active передается в CheckboxTreeExtendedArrow. */}\n                {isStaticCheckboxTreeExtended\n                    ? checkbox({ active: activeNode, opened: true })\n                    : checkbox({ active: !children && activeNode, opened })}\n            </div>\n        );\n    };\n\n    const renderBody = () => children;\n\n    return (\n        <CollapsibleTreeExtended.Node\n            className={styles.checkboxTreeExtendedNode}\n            opened={isStaticCheckboxTreeExtended ? true : opened}\n            renderHeader={renderHeader}\n            renderBody={renderBody}\n            {...collapsibleTreeExtendedNodeProps}\n        />\n    );\n};\n"],"names":["opened"],"mappings":";;;;;;;;;AAaA,MAAM,qBAAqB,yBAAyB,MAAM;AA4BnD,MAAM,2BAAqE,CAAC;AAAA,EAC/E;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,KAAA,IAAS,WAAW,2BAA2B;AAEvD,QAAM,wBAAwB,CAAC,UAA4C;AAEvE,QAAI,MAAM,WAAW,MAAM,eAAe;AACtC,YAAM,eAAA;AAAA,IACV;AAAA,EACJ;AAEA,QAAM,eAAe,CAAC,EAAE,YAAY,QAAAA,SAAQ,aAA6D;AACrG,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,gCAAgC,mBAAmB,IAAI,GAAG,EAAE,QAAQA,SAAQ;AAAA,QACnG,aAAa;AAAA,QAEZ,UAAA;AAAA,UAAA,CAAC;AAAA,UAMI,SAAS,EAAE,QAAQ,YAAY,QAAQ,KAAA,CAAM;AAAA,QACO;AAAA,MAAA;AAAA,IAAA;AAAA,EAGtE;AAEA,QAAM,aAAa,MAAM;AAEzB,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,WAAW,OAAO;AAAA,MAClB,QAAuC;AAAA,MACvC;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"CheckboxTreeExtendedNode.js","sources":["../../../../src/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { CollapsibleTreeExtended } from \"../../CollapsibleTreeExtended/CollapsibleTreeExtended\";\nimport {\n    ICollapsibleTreeExtendedNodeHeaderProvideProps,\n    ICollapsibleTreeExtendedNodeProps,\n} from \"../../CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode\";\nimport { CheckboxTreeExtendedContext } from \"../CheckboxTreeExtendedContext\";\nimport { isStaticCheckboxTreeExtended } from \"../isStaticCheckboxTreeExtended\";\nimport { CheckboxTreeExtendedArrow } from \"./CheckboxTreeExtendedArrow\";\nimport styles from \"../styles/CheckboxTreeExtended.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Свойства передаваемые CheckboxTreeExtendedNode в render-функцию чекбокса. */\nexport interface ICheckboxTreeExtendedCheckboxProvideProps {\n    /** Текущая нода является активной при перемещении с клавиатуры. */\n    active?: boolean;\n    /** Текущая нода раскрыта. */\n    opened?: boolean;\n}\n\n/** Свойства CheckboxTreeExtendedNode. */\nexport interface ICheckboxTreeExtendedNodeProps extends Omit<\n    ICollapsibleTreeExtendedNodeProps,\n    \"children\" | \"renderBody\" | \"renderHeader\"\n> {\n    /** Render-функция компонента чекбокс. */\n    checkbox: (props: ICheckboxTreeExtendedCheckboxProvideProps) => JSX.Element;\n    /** Массив нод CheckboxTreeExtendedNode, если имеются вложенные ноды. */\n    children?: React.ReactNode;\n    /** Id ноды. */\n    id: string;\n}\n\n/**\n * Нода CheckboxTreeExtendedNode.\n * Является оберткой CollapsibleTreeExtended.Node.\n * Добавляет стили дерева чекбоксов.\n */\nexport const CheckboxTreeExtendedNode: React.FC<ICheckboxTreeExtendedNodeProps> = ({\n    children,\n    checkbox,\n    className,\n    opened,\n    ...collapsibleTreeExtendedNodeProps\n}) => {\n    const { size } = useContext(CheckboxTreeExtendedContext);\n\n    const handleHeaderMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n        // Прерывание всплытия при клике на сам контейнер. Чтобы checkbox не выделялся фокусом при клике сбоку от него.\n        if (event.target === event.currentTarget) {\n            event.preventDefault();\n        }\n    };\n\n    const renderHeader = ({\n        activeNode,\n        opened: openedNode,\n        toggle,\n    }: ICollapsibleTreeExtendedNodeHeaderProvideProps) => {\n        return (\n            <div\n                className={clsx(styles.checkboxTreeExtendedNodeHeader, sizeToClassNameMap[size], {\n                    [styles.opened]: openedNode,\n                })}\n                onMouseDown={handleHeaderMouseDown}\n            >\n                {!isStaticCheckboxTreeExtended && children && (\n                    <CheckboxTreeExtendedArrow active={activeNode} toggle={toggle} opened={openedNode} />\n                )}\n\n                {/** Active передается для фокуса чекбокса при перемещении с клавиатуры. Если есть дочерние ноды, то active передается в CheckboxTreeExtendedArrow. */}\n                {isStaticCheckboxTreeExtended\n                    ? checkbox({ active: activeNode, opened: true })\n                    : checkbox({ active: !children && activeNode, opened: openedNode })}\n            </div>\n        );\n    };\n\n    const renderBody = () => children;\n\n    return (\n        <CollapsibleTreeExtended.Node\n            className={clsx(styles.checkboxTreeExtendedNode, className)}\n            opened={isStaticCheckboxTreeExtended ? true : opened}\n            renderHeader={renderHeader}\n            renderBody={renderBody}\n            {...collapsibleTreeExtendedNodeProps}\n        />\n    );\n};\n\nCheckboxTreeExtendedNode.displayName = \"CheckboxTreeExtendedNode\";\n"],"names":[],"mappings":";;;;;;;;;AAaA,MAAM,qBAAqB,yBAAyB,MAAM;AA4BnD,MAAM,2BAAqE,CAAC;AAAA,EAC/E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,KAAA,IAAS,WAAW,2BAA2B;AAEvD,QAAM,wBAAwB,CAAC,UAA4C;AAEvE,QAAI,MAAM,WAAW,MAAM,eAAe;AACtC,YAAM,eAAA;AAAA,IACV;AAAA,EACJ;AAEA,QAAM,eAAe,CAAC;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,EAAA,MACkD;AAClD,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,gCAAgC,mBAAmB,IAAI,GAAG;AAAA,UAC7E,CAAC,OAAO,MAAM,GAAG;AAAA,QAAA,CACpB;AAAA,QACD,aAAa;AAAA,QAEZ,UAAA;AAAA,UAAA,CAAC;AAAA,UAMI,SAAS,EAAE,QAAQ,YAAY,QAAQ,KAAA,CAAM;AAAA,QACmB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlF;AAEA,QAAM,aAAa,MAAM;AAEzB,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,WAAW,KAAK,OAAO,0BAA0B,SAAS;AAAA,MAC1D,QAAuC;AAAA,MACvC;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,yBAAyB,cAAc;"}

package/components/Chip/Chip.js

@@ -1,13 +1,13 @@
 import "react/jsx-runtime";
 import "react";
-import "../../chunks/vendor-CtuAQuEN.js";
+import "../../chunks/vendor-D4wvHis9.js";
 import "../../enums/EComponentSize.js";
 import "../../utils/classNameMaps.js";
 import "../../utils/keyboard.js";
 import "../Badge/Badge.js";
 import "../IconWrapper/IconWrapper.js";
 import "./enums.js";
-import { C } from "../../chunks/Chip-B5RNQL8v.js";
+import { C } from "../../chunks/Chip-DMOFGadD.js";
 export {
   C as Chip
 };

package/components/Chip/ChipClearButton.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { CrossStrokeSrvIcon24, CrossStrokeSrvIcon20, CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
-const chipClearButton = "chipClearButton__0db5c523";
+const chipClearButton = "chipClearButton__4e6d8785";
 const styles = {
   chipClearButton
 };

package/components/Chip/ChipDatePicker/ChipDatePicker.js

@@ -7,7 +7,7 @@ import { DatePickerExtended } from "../../DatePickerExtended/DatePickerExtended.
 import { ChipDatePickerTarget } from "./ChipDatePickerTarget.js";
 import { inputDateFormat } from "../../DateField/constants.js";
 import { DropdownMobileMaskedInput } from "../../Dropdown/mobile/DropdownMobileMaskedInput.js";
-import { s as styles } from "../../../chunks/Chip-B5RNQL8v.js";
+import { s as styles } from "../../../chunks/Chip-DMOFGadD.js";
 const ChipDatePicker = React__default.forwardRef((props, ref) => {
   const {
     size,

package/components/Chip/ChipDatePicker/ChipDatePickerTarget.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { C as Chip } from "../../../chunks/Chip-B5RNQL8v.js";
+import { C as Chip } from "../../../chunks/Chip-DMOFGadD.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { DatePickerExtendedContext } from "../../DatePickerExtended/DatePickerExtendedContext.js";

package/components/Chip/ChipDropdownArrow.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon24, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const chipDropdownArrow = "chipDropdownArrow__39b7bb95";
-const rotated = "rotated__d4421fde";
+const chipDropdownArrow = "chipDropdownArrow__fb4e7996";
+const rotated = "rotated__c66b1f5a";
 const styles = {
   chipDropdownArrow,
   rotated

package/components/Chip/ChipIcon.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { C as Chip } from "../../chunks/Chip-B5RNQL8v.js";
+import { C as Chip } from "../../chunks/Chip-DMOFGadD.js";
 const ChipIcon = React__default.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsx(Chip, { ...rest, prefix: children, postfix: /* @__PURE__ */ jsx("span", {}), ref }));
 ChipIcon.displayName = "ChipIcon";
 export {

package/components/Chip/ChipMultiselect.js

@@ -1,11 +1,11 @@
 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-B5RNQL8v.js";
+import { s as styles, C as Chip } from "../../chunks/Chip-DMOFGadD.js";
 import { ChipClearButton } from "./ChipClearButton.js";
 import { ChipDropdownArrow } from "./ChipDropdownArrow.js";
 import { isKey } from "../../utils/keyboard.js";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 const ChipMultiselect = React__default.forwardRef(
   ({ children, className, clearSelected, disabled, label, displayedValue, selected, size, type, ...restProps }, ref) => {
     const handleKeyDownClearButton = (event) => {

package/components/Chip/ChipOptions.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { OptionsStrokeSrvIcon24 } from "@sberbusiness/icons-next";
-import { C as Chip } from "../../chunks/Chip-B5RNQL8v.js";
+import { C as Chip } from "../../chunks/Chip-DMOFGadD.js";
 import { ChipClearButton } from "./ChipClearButton.js";
-const chipOptionsContent = "chipOptionsContent__e1149357";
+const chipOptionsContent = "chipOptionsContent__8057981f";
 const styles = {
   chipOptionsContent
 };

package/components/Chip/ChipSelect/ChipSelect.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { SelectExtendedField } from "../../SelectExtendedField/SelectExtendedField.js";
 import "../../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../../SelectExtendedField/components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdownDefault } from "../../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
 import { ChipSelectTarget } from "./ChipSelectTarget.js";
-import { s as styles } from "../../../chunks/Chip-B5RNQL8v.js";
+import { s as styles } from "../../../chunks/Chip-DMOFGadD.js";
 const ChipSelect = React__default.forwardRef(
   ({
     className,

package/components/Chip/ChipSelect/ChipSelectTarget.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
-import { C as Chip } from "../../../chunks/Chip-B5RNQL8v.js";
+import { C as Chip } from "../../../chunks/Chip-DMOFGadD.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { isKey } from "../../../utils/keyboard.js";

package/components/Chip/ChipSort.js

@@ -1,19 +1,19 @@
 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-CtuAQuEN.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 } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
+import { u as uniqueId, i as isEqual, c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { isKey } from "../../utils/keyboard.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-import { s as styles } from "../../chunks/Chip-B5RNQL8v.js";
+import { s as styles } from "../../chunks/Chip-DMOFGadD.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 selected = Boolean(value) && !isEqual(defaultValue, value);
     const renderTarget = ({ opened, setOpened }) => {
       const handleKeyDown = (event) => {
         if (!opened && (isKey(event.code, "ENTER") || isKey(event.code, "SPACE"))) {

package/components/Chip/ChipSort.js.map

@@ -1 +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;"}
+{"version":3,"file":"ChipSort.js","sources":["../../../src/components/Chip/ChipSort.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { isEqual } from \"lodash-es\";\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"],"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,CAAC,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,11 +1,11 @@
 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-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import "../../Suggest/SuggestContext.js";
 import { Suggest } from "../../Suggest/Suggest.js";
 import { ChipSuggestDropdown } from "./ChipSuggestDropdown.js";
-import { s as styles } from "../../../chunks/Chip-B5RNQL8v.js";
+import { s as styles } from "../../../chunks/Chip-DMOFGadD.js";
 const ChipSuggestBase = ({ className, type, displayedValue, label, prefix, targetProps, dropdownProps, ...restProps }, ref) => {
   const { value, size } = restProps;
   const suggestRef = useRef(null);

package/components/Chip/ChipSuggest/ChipSuggestDropdown.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
-import { j as focusTrapReactExports } from "../../../chunks/vendor-CtuAQuEN.js";
+import { j as focusTrapReactExports } from "../../../chunks/vendor-D4wvHis9.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { useSuggestContext } from "../../Suggest/SuggestContext.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import { D as DropdownListItem } from "../../../chunks/DropdownListItem-BVgGltGX.js";
+import { D as DropdownListItem } from "../../../chunks/DropdownListItem-hLJFQ_q0.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
 import { useSuggestContext } from "../../Suggest/SuggestContext.js";
 import "../../Suggest/Suggest.js";
-import { C as Chip } from "../../../chunks/Chip-B5RNQL8v.js";
+import { C as Chip } from "../../../chunks/Chip-DMOFGadD.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { isKey } from "../../../utils/keyboard.js";

package/components/Chip/ChipSuggest/desktop/ChipSuggestDesktopDropdownField.js

@@ -18,7 +18,7 @@ import { ETooltipSize } from "../../../Tooltip/enums.js";
 import { LoaderSmall } from "../../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../../Loader/LoaderSmall/enum.js";
 import "../../../Loader/LoaderMiddle/LoaderMiddle.js";
-const chipSuggestInputWrapper = "chipSuggestInputWrapper__19069da3";
+const chipSuggestInputWrapper = "chipSuggestInputWrapper__25ea06a9";
 const styles = {
   chipSuggestInputWrapper
 };

package/components/Chip/index.js

@@ -1,5 +1,5 @@
 import { EChipType } from "./enums.js";
-import { C } from "../../chunks/Chip-B5RNQL8v.js";
+import { C } from "../../chunks/Chip-DMOFGadD.js";
 import { ChipDatePicker } from "./ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget } from "./ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton } from "./ChipClearButton.js";

package/components/ChipGroup/ChipGroup.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const chipGroup = "chipGroup__5b2851b2";
-const oneLine = "oneLine__597d6550";
-const multiLine = "multiLine__c87cac26";
-const lg = "lg__0099892a";
-const md = "md__826316bd";
-const sm = "sm__516327c7";
+const chipGroup = "chipGroup__e7b62a42";
+const oneLine = "oneLine__56e6fcf3";
+const multiLine = "multiLine__eb873403";
+const lg = "lg__a675afbc";
+const md = "md__d688b3f0";
+const sm = "sm__c0563138";
 const styles = {
   chipGroup,
   oneLine,
@@ -17,19 +17,21 @@ const styles = {
   md,
   sm
 };
-const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const ChipGroup = React__default.forwardRef(
   ({ children, className, oneLine: oneLine2, size = EComponentSize.MD, ...rest }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
       {
-        className: clsx(styles.chipGroup, sizeToClassNameMap[size], className, {
-          [styles.multiLine]: !oneLine2,
-          [styles.oneLine]: Boolean(oneLine2)
-        }),
+        className: clsx(
+          styles.chipGroup,
+          SIZE_TO_CLASS_NAME_MAP[size],
+          oneLine2 ? styles.oneLine : styles.multiLine,
+          className
+        ),
         ...rest,
         ref,
-        "data-tx": "1.41.1",
+        "data-tx": "1.43.0",
         children
       }
     );