@sberbusiness/triplex-next 1.34.0 → 1.35.0

package/components/SegmentedControl/SegmentedControl.js

@@ -1,64 +1,82 @@
-import { ESegmentedControlTheme as o, ESegmentedControlType as c } from "./enums.js";
-import { SegmentedControlSegment as y } from "./SegmentedControlSegment.js";
-import { jsx as m } from "react/jsx-runtime";
-import E from "react";
-import { c as b } from "../../chunks/vendor-D5cfSbgz.js";
-import { SegmentedControlContext as R } from "./SegmentedControlContext.js";
-import { createSizeToClassNameMap as T } from "../../utils/classNameMaps.js";
-const h = "segmentedControl__452cf44c", x = "general1__53c51acc", L = "secondary1__a3d09bbf", A = "general2__4aab598a", M = "secondary2__8fc28c5e", G = "sm__22421c5e", O = "md__154c6b2a", j = "lg__75f4a8a2", e = {
-  segmentedControl: h,
-  general1: x,
-  secondary1: L,
-  general2: A,
-  secondary2: M,
-  sm: G,
-  md: O,
-  lg: j
-}, v = {
-  [o.GENERAL_1]: e.general1,
-  [o.GENERAL_2]: e.general2,
-  [o.SECONDARY_1]: e.secondary1,
-  [o.SECONDARY_2]: e.secondary2
-}, z = T(e), D = Object.assign(
-  E.forwardRef(
-    ({ children: l, className: d, value: n, theme: g, type: a, size: _, disabled: i, onSelect: t, ...f }, C) => {
-      const p = b(
-        e.segmentedControl,
-        v[g],
-        z[_],
-        d
-      ), S = ({
-        selected: r,
-        value: s
+import { ESegmentedControlTheme, ESegmentedControlType } from "./enums.js";
+import { SegmentedControlSegment } from "./SegmentedControlSegment.js";
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { SegmentedControlContext } from "./SegmentedControlContext.js";
+import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
+const segmentedControl = "segmentedControl__6f828599";
+const general1 = "general1__95bb4efa";
+const secondary1 = "secondary1__8464ecb2";
+const general2 = "general2__e4bfd17e";
+const secondary2 = "secondary2__20e99189";
+const sm = "sm__37ed122c";
+const md = "md__4b4d8625";
+const lg = "lg__4ea9bdc8";
+const styles = {
+  segmentedControl,
+  general1,
+  secondary1,
+  general2,
+  secondary2,
+  sm,
+  md,
+  lg
+};
+const themeToClassNameMap = {
+  [ESegmentedControlTheme.GENERAL_1]: styles.general1,
+  [ESegmentedControlTheme.GENERAL_2]: styles.general2,
+  [ESegmentedControlTheme.SECONDARY_1]: styles.secondary1,
+  [ESegmentedControlTheme.SECONDARY_2]: styles.secondary2
+};
+const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const SegmentedControl = Object.assign(
+  React__default.forwardRef(
+    ({ children, className, value, theme, type, size, disabled, onSelect, ...rest }, ref) => {
+      const classNames = clsx(
+        styles.segmentedControl,
+        themeToClassNameMap[theme],
+        sizeToClassNameMap[size],
+        className
+      );
+      const handleSegmentSelect = ({
+        selected,
+        value: newSegmentValue
       }) => {
-        switch (a) {
-          case c.SINGLE:
-            r && t(s);
+        switch (type) {
+          case ESegmentedControlType.SINGLE:
+            if (selected) {
+              onSelect(newSegmentValue);
+            }
             break;
-          case c.MULTIPLE:
-            t(r ? [...n, s] : [...n].filter((N) => N !== s));
+          case ESegmentedControlType.MULTIPLE:
+            if (selected) {
+              onSelect([...value, newSegmentValue]);
+            } else {
+              onSelect([...value].filter((segmentValue) => segmentValue !== newSegmentValue));
+            }
         }
       };
-      return /* @__PURE__ */ m(
-        R.Provider,
+      return /* @__PURE__ */ jsx(
+        SegmentedControlContext.Provider,
         {
           value: {
-            type: a,
-            value: n,
-            disabled: !!i,
-            onSegmentSelect: S
+            type,
+            value,
+            disabled: Boolean(disabled),
+            onSegmentSelect: handleSegmentSelect
           },
-          children: /* @__PURE__ */ m("div", { className: p, ...f, "data-tx": "1.34.0", ref: C, children: l })
+          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "1.35.0", ref, children })
         }
       );
     }
   ),
   {
-    Segment: y
+    Segment: SegmentedControlSegment
   }
 );
-D.displayName = "SegmentedControl";
+SegmentedControl.displayName = "SegmentedControl";
 export {
-  D as SegmentedControl
+  SegmentedControl
 };
 //# sourceMappingURL=SegmentedControl.js.map

package/components/SegmentedControl/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { SegmentedControlSegment } from \"@sberbusiness/triplex-next/components/SegmentedControl/SegmentedControlSegment\";\nimport { TSegmentedControlProps } from \"@sberbusiness/triplex-next/components/SegmentedControl/types\";\nimport {\n    ESegmentedControlTheme,\n    ESegmentedControlType,\n} from \"@sberbusiness/triplex-next/components/SegmentedControl/enums\";\nimport {\n    ISegmentedControlContextType,\n    SegmentedControlContext,\n} from \"@sberbusiness/triplex-next/components/SegmentedControl/SegmentedControlContext\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/SegmentedControl.module.less\";\n\n/** Соответствие темы имени класса. */\nconst themeToClassNameMap = {\n    [ESegmentedControlTheme.GENERAL_1]: styles.general1,\n    [ESegmentedControlTheme.GENERAL_2]: styles.general2,\n    [ESegmentedControlTheme.SECONDARY_1]: styles.secondary1,\n    [ESegmentedControlTheme.SECONDARY_2]: styles.secondary2,\n};\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Набор опций для выбора одного или нескольких вариантов. */\nexport const SegmentedControl = Object.assign(\n    React.forwardRef<HTMLDivElement, TSegmentedControlProps>(\n        ({ children, className, value, theme, type, size, disabled, onSelect, ...rest }, ref) => {\n            const classNames = clsx(\n                styles.segmentedControl,\n                themeToClassNameMap[theme],\n                sizeToClassNameMap[size],\n                className,\n            );\n\n            const handleSegmentSelect: ISegmentedControlContextType[\"onSegmentSelect\"] = ({\n                selected,\n                value: newSegmentValue,\n            }) => {\n                switch (type) {\n                    case ESegmentedControlType.SINGLE:\n                        if (selected) {\n                            onSelect(newSegmentValue);\n                        }\n                        break;\n                    case ESegmentedControlType.MULTIPLE:\n                        if (selected) {\n                            onSelect([...value, newSegmentValue]);\n                        } else {\n                            onSelect([...value].filter((segmentValue) => segmentValue !== newSegmentValue));\n                        }\n                }\n            };\n\n            return (\n                <SegmentedControlContext.Provider\n                    value={{\n                        type,\n                        value,\n                        disabled: Boolean(disabled),\n                        onSegmentSelect: handleSegmentSelect,\n                    }}\n                >\n                    <div className={classNames} {...rest} data-tx={process.env.npm_package_version} ref={ref}>\n                        {children}\n                    </div>\n                </SegmentedControlContext.Provider>\n            );\n        },\n    ),\n    {\n        Segment: SegmentedControlSegment,\n    },\n);\n\nSegmentedControl.displayName = \"SegmentedControl\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,sBAAsB;AAAA,EACxB,CAAC,uBAAuB,SAAS,GAAG,OAAO;AAAA,EAC3C,CAAC,uBAAuB,SAAS,GAAG,OAAO;AAAA,EAC3C,CAAC,uBAAuB,WAAW,GAAG,OAAO;AAAA,EAC7C,CAAC,uBAAuB,WAAW,GAAG,OAAO;AACjD;AAEA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,mBAAmB,OAAO;AAAA,EACnCA,eAAM;AAAA,IACF,CAAC,EAAE,UAAU,WAAW,OAAO,OAAO,MAAM,MAAM,UAAU,UAAU,GAAG,KAAA,GAAQ,QAAQ;AACrF,YAAM,aAAa;AAAA,QACf,OAAO;AAAA,QACP,oBAAoB,KAAK;AAAA,QACzB,mBAAmB,IAAI;AAAA,QACvB;AAAA,MAAA;AAGJ,YAAM,sBAAuE,CAAC;AAAA,QAC1E;AAAA,QACA,OAAO;AAAA,MAAA,MACL;AACF,gBAAQ,MAAA;AAAA,UACJ,KAAK,sBAAsB;AACvB,gBAAI,UAAU;AACV,uBAAS,eAAe;AAAA,YAC5B;AACA;AAAA,UACJ,KAAK,sBAAsB;AACvB,gBAAI,UAAU;AACV,uBAAS,CAAC,GAAG,OAAO,eAAe,CAAC;AAAA,YACxC,OAAO;AACH,uBAAS,CAAC,GAAG,KAAK,EAAE,OAAO,CAAC,iBAAiB,iBAAiB,eAAe,CAAC;AAAA,YAClF;AAAA,QAAA;AAAA,MAEZ;AAEA,aACI;AAAA,QAAC,wBAAwB;AAAA,QAAxB;AAAA,UACG,OAAO;AAAA,YACH;AAAA,YACA;AAAA,YACA,UAAU,QAAQ,QAAQ;AAAA,YAC1B,iBAAiB;AAAA,UAAA;AAAA,UAGrB,UAAA,oBAAC,OAAA,EAAI,WAAW,YAAa,GAAG,MAAM,WAAS,UAAiC,KAC3E,SAAA,CACL;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,EAAA;AAEjB;AAEA,iBAAiB,cAAc;"}

package/components/SegmentedControl/SegmentedControlContext.js

@@ -1,13 +1,13 @@
-import e from "react";
-import { ESegmentedControlType as t } from "./enums.js";
-const r = e.createContext({
-  type: t.SINGLE,
+import React__default from "react";
+import { ESegmentedControlType } from "./enums.js";
+const SegmentedControlContext = React__default.createContext({
+  type: ESegmentedControlType.SINGLE,
   value: "",
-  disabled: !1,
+  disabled: false,
   onSegmentSelect: () => {
   }
 });
 export {
-  r as SegmentedControlContext
+  SegmentedControlContext
 };
 //# sourceMappingURL=SegmentedControlContext.js.map

package/components/SegmentedControl/SegmentedControlContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlContext.js","sources":["../../../src/components/SegmentedControl/SegmentedControlContext.ts"],"sourcesContent":["import React from \"react\";\nimport { ESegmentedControlType } from \"./enums\";\n\n/** Тип контекста компонента SegmentedControl. */\nexport interface ISegmentedControlContextType {\n    type: ESegmentedControlType;\n    value: string | string[];\n    disabled: boolean;\n    onSegmentSelect: (props: { selected: boolean; value: string }) => void;\n}\n\n/** Контекст компонента SegmentedControl. */\nexport const SegmentedControlContext = React.createContext<ISegmentedControlContextType>({\n    type: ESegmentedControlType.SINGLE,\n    value: \"\",\n    disabled: false,\n    onSegmentSelect: () => {},\n});\n"],"names":["React"],"mappings":";;AAYO,MAAM,0BAA0BA,eAAM,cAA4C;AAAA,EACrF,MAAM,sBAAsB;AAAA,EAC5B,OAAO;AAAA,EACP,UAAU;AAAA,EACV,iBAAiB,MAAM;AAAA,EAAC;AAC5B,CAAC;"}

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -1,66 +1,77 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useContext as b } from "react";
-import { c as y } from "../../chunks/vendor-D5cfSbgz.js";
-import { ButtonBase as L } from "../Button/ButtonBase.js";
-import { ESegmentedControlType as n } from "./enums.js";
-import { SegmentedControlContext as N } from "./SegmentedControlContext.js";
-import { IconWrapper as _ } from "../IconWrapper/IconWrapper.js";
-const E = "segmentedControlSegment__200dfd89", I = "selected__7def39a5", T = "content__b21744f8", c = {
-  segmentedControlSegment: E,
-  selected: I,
-  content: T
-}, h = ({
-  children: s,
-  className: p,
-  value: e,
-  title: m,
-  disabled: d,
-  onClick: o,
-  ...S
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { ButtonBase } from "../Button/ButtonBase.js";
+import { ESegmentedControlType } from "./enums.js";
+import { SegmentedControlContext } from "./SegmentedControlContext.js";
+import { IconWrapper } from "../IconWrapper/IconWrapper.js";
+const segmentedControlSegment = "segmentedControlSegment__1a6b8736";
+const selected = "selected__80242b4c";
+const content = "content__19201070";
+const styles = {
+  segmentedControlSegment,
+  selected,
+  content
+};
+const SegmentedControlSegment = ({
+  children,
+  className,
+  value,
+  title,
+  disabled,
+  onClick,
+  ...rest
 }) => {
   const {
-    type: l,
-    value: a,
-    disabled: i,
-    onSegmentSelect: g
-  } = b(N), t = (() => {
-    switch (l) {
-      case n.SINGLE:
-        return e === a;
-      case n.MULTIPLE:
-        return a.includes(e);
+    type,
+    value: valueFromContext,
+    disabled: disabledFromContext,
+    onSegmentSelect
+  } = useContext(SegmentedControlContext);
+  const isSelected = () => {
+    switch (type) {
+      case ESegmentedControlType.SINGLE:
+        return value === valueFromContext;
+      case ESegmentedControlType.MULTIPLE:
+        return valueFromContext.includes(value);
+    }
+  };
+  const selected2 = isSelected();
+  const classNames = clsx(styles.segmentedControlSegment, { [styles.selected]: selected2 }, className);
+  const getTitle = () => {
+    if (title) {
+      return title;
     }
-  })(), f = y(c.segmentedControlSegment, { [c.selected]: t }, p), C = () => {
-    if (m)
-      return m;
-    if (typeof s == "string")
-      return s;
-  }, u = (x) => {
-    switch (l) {
-      case n.SINGLE:
-        g({ value: e, selected: !0 });
+    if (typeof children === "string") {
+      return children;
+    }
+  };
+  const handleClick = (event) => {
+    switch (type) {
+      case ESegmentedControlType.SINGLE:
+        onSegmentSelect({ value, selected: true });
         break;
-      case n.MULTIPLE:
-        g({ value: e, selected: !t });
+      case ESegmentedControlType.MULTIPLE:
+        onSegmentSelect({ value, selected: !selected2 });
         break;
     }
-    o == null || o(x);
+    onClick == null ? void 0 : onClick(event);
   };
-  return /* @__PURE__ */ r(_, { displayContents: !0, disabled: d || i, active: t, children: /* @__PURE__ */ r(
-    L,
+  return /* @__PURE__ */ jsx(IconWrapper, { displayContents: true, disabled: disabled || disabledFromContext, active: selected2, children: /* @__PURE__ */ jsx(
+    ButtonBase,
     {
-      className: f,
-      title: C(),
-      disabled: d || i,
-      "aria-pressed": t,
-      onClick: u,
-      ...S,
-      children: /* @__PURE__ */ r("span", { className: c.content, children: s })
+      className: classNames,
+      title: getTitle(),
+      disabled: disabled || disabledFromContext,
+      "aria-pressed": selected2,
+      onClick: handleClick,
+      ...rest,
+      children: /* @__PURE__ */ jsx("span", { className: styles.content, children })
     }
   ) });
 };
-h.displayName = "SegmentedControlSegment";
+SegmentedControlSegment.displayName = "SegmentedControlSegment";
 export {
-  h as SegmentedControlSegment
+  SegmentedControlSegment
 };
 //# sourceMappingURL=SegmentedControlSegment.js.map

package/components/SegmentedControl/SegmentedControlSegment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlSegment.js","sources":["../../../src/components/SegmentedControl/SegmentedControlSegment.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { ButtonBase } from \"../Button/ButtonBase\";\nimport { ISegmentedControlSegmentProps } from \"./types\";\nimport { ESegmentedControlType } from \"./enums\";\nimport { SegmentedControlContext } from \"./SegmentedControlContext\";\nimport { IconWrapper } from \"../IconWrapper\";\nimport styles from \"./styles/SegmentedControlSegment.module.less\";\n\n/** Элемент SegmentedControl, представляет собой опцию для выбора. */\nexport const SegmentedControlSegment: React.FC<ISegmentedControlSegmentProps> = ({\n    children,\n    className,\n    value,\n    title,\n    disabled,\n    onClick,\n    ...rest\n}) => {\n    const {\n        type,\n        value: valueFromContext,\n        disabled: disabledFromContext,\n        onSegmentSelect,\n    } = useContext(SegmentedControlContext);\n\n    const isSelected = (): boolean => {\n        switch (type) {\n            case ESegmentedControlType.SINGLE:\n                return value === valueFromContext;\n            case ESegmentedControlType.MULTIPLE:\n                return valueFromContext.includes(value);\n        }\n    };\n\n    const selected = isSelected();\n    const classNames = clsx(styles.segmentedControlSegment, { [styles.selected]: selected }, className);\n\n    const getTitle = () => {\n        if (title) {\n            return title;\n        }\n\n        if (typeof children === \"string\") {\n            return children;\n        }\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        switch (type) {\n            case ESegmentedControlType.SINGLE:\n                onSegmentSelect({ value, selected: true });\n                break;\n            case ESegmentedControlType.MULTIPLE:\n                onSegmentSelect({ value, selected: !selected });\n                break;\n        }\n\n        onClick?.(event);\n    };\n\n    return (\n        <IconWrapper displayContents disabled={disabled || disabledFromContext} active={selected}>\n            <ButtonBase\n                className={classNames}\n                title={getTitle()}\n                disabled={disabled || disabledFromContext}\n                aria-pressed={selected}\n                onClick={handleClick}\n                {...rest}\n            >\n                <span className={styles.content}>{children}</span>\n            </ButtonBase>\n        </IconWrapper>\n    );\n};\n\nSegmentedControlSegment.displayName = \"SegmentedControlSegment\";\n"],"names":["selected"],"mappings":";;;;;;;;;;;;;;;AAUO,MAAM,0BAAmE,CAAC;AAAA,EAC7E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM;AAAA,IACF;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,EAAA,IACA,WAAW,uBAAuB;AAEtC,QAAM,aAAa,MAAe;AAC9B,YAAQ,MAAA;AAAA,MACJ,KAAK,sBAAsB;AACvB,eAAO,UAAU;AAAA,MACrB,KAAK,sBAAsB;AACvB,eAAO,iBAAiB,SAAS,KAAK;AAAA,IAAA;AAAA,EAElD;AAEA,QAAMA,YAAW,WAAA;AACjB,QAAM,aAAa,KAAK,OAAO,yBAAyB,EAAE,CAAC,OAAO,QAAQ,GAAGA,UAAA,GAAY,SAAS;AAElG,QAAM,WAAW,MAAM;AACnB,QAAI,OAAO;AACP,aAAO;AAAA,IACX;AAEA,QAAI,OAAO,aAAa,UAAU;AAC9B,aAAO;AAAA,IACX;AAAA,EACJ;AAEA,QAAM,cAAc,CAAC,UAA+C;AAChE,YAAQ,MAAA;AAAA,MACJ,KAAK,sBAAsB;AACvB,wBAAgB,EAAE,OAAO,UAAU,KAAA,CAAM;AACzC;AAAA,MACJ,KAAK,sBAAsB;AACvB,wBAAgB,EAAE,OAAO,UAAU,CAACA,WAAU;AAC9C;AAAA,IAAA;AAGR,uCAAU;AAAA,EACd;AAEA,SACI,oBAAC,eAAY,iBAAe,MAAC,UAAU,YAAY,qBAAqB,QAAQA,WAC5E,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX,OAAO,SAAA;AAAA,MACP,UAAU,YAAY;AAAA,MACtB,gBAAcA;AAAA,MACd,SAAS;AAAA,MACR,GAAG;AAAA,MAEJ,UAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,SAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA,GAEnD;AAER;AAEA,wBAAwB,cAAc;"}

package/components/SegmentedControl/enums.js

@@ -1,7 +1,24 @@
-var _ = /* @__PURE__ */ ((r) => (r.SINGLE = "single", r.MULTIPLE = "multiple", r))(_ || {}), a = /* @__PURE__ */ ((r) => (r.GENERAL_1 = "general_1", r.GENERAL_2 = "general_2", r.SECONDARY_1 = "secondary_1", r.SECONDARY_2 = "secondary_2", r))(a || {}), L = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r.LG = "lg", r))(L || {});
+var ESegmentedControlType = /* @__PURE__ */ ((ESegmentedControlType2) => {
+  ESegmentedControlType2["SINGLE"] = "single";
+  ESegmentedControlType2["MULTIPLE"] = "multiple";
+  return ESegmentedControlType2;
+})(ESegmentedControlType || {});
+var ESegmentedControlTheme = /* @__PURE__ */ ((ESegmentedControlTheme2) => {
+  ESegmentedControlTheme2["GENERAL_1"] = "general_1";
+  ESegmentedControlTheme2["GENERAL_2"] = "general_2";
+  ESegmentedControlTheme2["SECONDARY_1"] = "secondary_1";
+  ESegmentedControlTheme2["SECONDARY_2"] = "secondary_2";
+  return ESegmentedControlTheme2;
+})(ESegmentedControlTheme || {});
+var ESegmentedControlSize = /* @__PURE__ */ ((ESegmentedControlSize2) => {
+  ESegmentedControlSize2["SM"] = "sm";
+  ESegmentedControlSize2["MD"] = "md";
+  ESegmentedControlSize2["LG"] = "lg";
+  return ESegmentedControlSize2;
+})(ESegmentedControlSize || {});
 export {
-  L as ESegmentedControlSize,
-  a as ESegmentedControlTheme,
-  _ as ESegmentedControlType
+  ESegmentedControlSize,
+  ESegmentedControlTheme,
+  ESegmentedControlType
 };
 //# sourceMappingURL=enums.js.map

package/components/SegmentedControl/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../src/components/SegmentedControl/enums.ts"],"sourcesContent":["/** Типы компонента SegmentedControl. */\nexport enum ESegmentedControlType {\n    SINGLE = \"single\",\n    MULTIPLE = \"multiple\",\n}\n\n/** Темы компонента SegmentedControl. */\nexport enum ESegmentedControlTheme {\n    GENERAL_1 = \"general_1\",\n    GENERAL_2 = \"general_2\",\n    SECONDARY_1 = \"secondary_1\",\n    SECONDARY_2 = \"secondary_2\",\n}\n\n/** Размеры компонента SegmentedControl. */\nexport enum ESegmentedControlSize {\n    SM = \"sm\",\n    MD = \"md\",\n    LG = \"lg\",\n}\n"],"names":["ESegmentedControlType","ESegmentedControlTheme","ESegmentedControlSize"],"mappings":"AACO,IAAK,0CAAAA,2BAAL;AACHA,yBAAA,QAAA,IAAS;AACTA,yBAAA,UAAA,IAAW;AAFH,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;AAML,IAAK,2CAAAC,4BAAL;AACHA,0BAAA,WAAA,IAAY;AACZA,0BAAA,WAAA,IAAY;AACZA,0BAAA,aAAA,IAAc;AACdA,0BAAA,aAAA,IAAc;AAJN,SAAAA;AAAA,GAAA,0BAAA,CAAA,CAAA;AAQL,IAAK,0CAAAC,2BAAL;AACHA,yBAAA,IAAA,IAAK;AACLA,yBAAA,IAAA,IAAK;AACLA,yBAAA,IAAA,IAAK;AAHG,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;"}

package/components/SegmentedControl/index.js

@@ -1,11 +1,11 @@
-import { ESegmentedControlSize as t, ESegmentedControlTheme as n, ESegmentedControlType as r } from "./enums.js";
-import { SegmentedControlSegment as S } from "./SegmentedControlSegment.js";
-import { SegmentedControl as d } from "./SegmentedControl.js";
+import { ESegmentedControlSize, ESegmentedControlTheme, ESegmentedControlType } from "./enums.js";
+import { SegmentedControlSegment } from "./SegmentedControlSegment.js";
+import { SegmentedControl } from "./SegmentedControl.js";
 export {
-  t as ESegmentedControlSize,
-  n as ESegmentedControlTheme,
-  r as ESegmentedControlType,
-  d as SegmentedControl,
-  S as SegmentedControlSegment
+  ESegmentedControlSize,
+  ESegmentedControlTheme,
+  ESegmentedControlType,
+  SegmentedControl,
+  SegmentedControlSegment
 };
 //# sourceMappingURL=index.js.map

package/components/SegmentedControl/index.js.map

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

package/components/SegmentedControl/types.js.map

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

package/components/SelectExtendedField/SelectExtendedField.js

@@ -1,72 +1,108 @@
-import { jsx as K, jsxs as R } from "react/jsx-runtime";
-import b, { useState as L, useRef as o, useLayoutEffect as N, useCallback as l, useEffect as F } from "react";
-import { isKey as j, EVENT_KEY_CODES as k } from "../../utils/keyboard.js";
-import { KeyDownListener as v } from "../KeyDownListener/KeyDownListener.js";
-import { c as A } from "../../chunks/vendor-D5cfSbgz.js";
-import { SelectExtendedFieldTarget as M } from "./components/SelectExtendedFieldTarget.js";
-import { SelectExtendedFieldDropdown as B } from "./components/SelectExtendedFieldDropdown.js";
-const P = "selectExtendedField__92670f93", V = {
-  selectExtendedField: P
-}, Y = Object.assign(
-  b.forwardRef((S, r) => {
-    const { className: g, onKeyDown: s, children: h, renderTarget: O, closeOnTab: m, onClose: p, onOpen: E, ...T } = S, [t, i] = L(!1), u = o(null), x = o(null), d = o(E), c = o(p), w = o(!1);
-    N(() => {
-      d.current = E, c.current = p;
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default, { useState, useRef, useLayoutEffect, useCallback, useEffect } from "react";
+import { isKey, EVENT_KEY_CODES } from "../../utils/keyboard.js";
+import { KeyDownListener } from "../KeyDownListener/KeyDownListener.js";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { SelectExtendedFieldTarget } from "./components/SelectExtendedFieldTarget.js";
+import { SelectExtendedFieldDropdown } from "./components/SelectExtendedFieldDropdown.js";
+const selectExtendedField = "selectExtendedField__0d051050";
+const styles = {
+  selectExtendedField
+};
+const SelectExtendedField = Object.assign(
+  React__default.forwardRef((props, ref) => {
+    const { className, onKeyDown, children, renderTarget, closeOnTab, onClose, onOpen, ...htmlDivAttributes } = props;
+    const [opened, setOpened] = useState(false);
+    const targetRef = useRef(null);
+    const dropdownRef = useRef(null);
+    const onOpenRef = useRef(onOpen);
+    const onCloseRef = useRef(onClose);
+    const isMountedRef = useRef(false);
+    useLayoutEffect(() => {
+      onOpenRef.current = onOpen;
+      onCloseRef.current = onClose;
     });
-    const _ = (e) => {
-      u.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
-    }, y = l((e) => {
-      i(e);
-    }, []), a = l(
-      (e) => {
-        var n, D;
-        t && !((n = u.current) != null && n.contains(e.target)) && !((D = x.current) != null && D.contains(e.target)) && i(!1);
+    const setRef = (instance) => {
+      targetRef.current = instance;
+      if (typeof ref === "function") {
+        ref(instance);
+      } else if (ref) {
+        ref.current = instance;
+      }
+    };
+    const handleSetOpened = useCallback((newOpened) => {
+      setOpened(newOpened);
+    }, []);
+    const listenMouseDown = useCallback(
+      (event) => {
+        var _a, _b;
+        if (opened) {
+          if (!((_a = targetRef.current) == null ? void 0 : _a.contains(event.target)) && !((_b = dropdownRef.current) == null ? void 0 : _b.contains(event.target))) {
+            setOpened(false);
+          }
+        }
       },
-      [t]
-    ), f = l(() => {
-      t && i(!1);
-    }, [t]), C = l(
-      (e) => {
-        const n = e.code || e.keyCode;
-        m && j(n, "TAB") && f(), s == null || s(e);
+      [opened]
+    );
+    const closeDropdown = useCallback(() => {
+      if (opened) {
+        setOpened(false);
+      }
+    }, [opened]);
+    const handleKeyDown = useCallback(
+      (event) => {
+        const key = event.code || event.keyCode;
+        if (closeOnTab && isKey(key, "TAB")) {
+          closeDropdown();
+        }
+        onKeyDown == null ? void 0 : onKeyDown(event);
       },
-      [m, f, s]
+      [closeOnTab, closeDropdown, onKeyDown]
     );
-    return F(() => (document.addEventListener("mousedown", a), () => {
-      document.removeEventListener("mousedown", a);
-    }), [a]), F(() => {
-      var e, n;
-      if (!w.current) {
-        w.current = !0;
+    useEffect(() => {
+      document.addEventListener("mousedown", listenMouseDown);
+      return () => {
+        document.removeEventListener("mousedown", listenMouseDown);
+      };
+    }, [listenMouseDown]);
+    useEffect(() => {
+      var _a, _b;
+      if (!isMountedRef.current) {
+        isMountedRef.current = true;
         return;
       }
-      t ? (e = d.current) == null || e.call(d) : (n = c.current) == null || n.call(c);
-    }, [t]), /* @__PURE__ */ K(v, { onMatch: f, eventKeyCode: k.ESCAPE, children: /* @__PURE__ */ R(
+      if (opened) {
+        (_a = onOpenRef.current) == null ? void 0 : _a.call(onOpenRef);
+      } else {
+        (_b = onCloseRef.current) == null ? void 0 : _b.call(onCloseRef);
+      }
+    }, [opened]);
+    return /* @__PURE__ */ jsx(KeyDownListener, { onMatch: closeDropdown, eventKeyCode: EVENT_KEY_CODES.ESCAPE, children: /* @__PURE__ */ jsxs(
       "div",
       {
-        className: A(V.selectExtendedField, g),
-        onKeyDown: C,
-        ref: _,
-        ...T,
+        className: clsx(styles.selectExtendedField, className),
+        onKeyDown: handleKeyDown,
+        ref: setRef,
+        ...htmlDivAttributes,
         children: [
-          O({ opened: t, setOpened: y }),
-          h({
-            dropdownRef: x,
-            opened: t,
-            setOpened: y,
-            targetRef: u
+          renderTarget({ opened, setOpened: handleSetOpened }),
+          children({
+            dropdownRef,
+            opened,
+            setOpened: handleSetOpened,
+            targetRef
           })
         ]
       }
     ) });
   }),
   {
-    Target: M,
-    Dropdown: B
+    Target: SelectExtendedFieldTarget,
+    Dropdown: SelectExtendedFieldDropdown
   }
 );
-Y.displayName = "SelectExtendedField";
+SelectExtendedField.displayName = "SelectExtendedField";
 export {
-  Y as SelectExtendedField
+  SelectExtendedField
 };
 //# sourceMappingURL=SelectExtendedField.js.map

package/components/SelectExtendedField/SelectExtendedField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectExtendedField.js","sources":["../../../src/components/SelectExtendedField/SelectExtendedField.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useLayoutEffect, useCallback } from \"react\";\nimport { isKey, EVENT_KEY_CODES } from \"../../utils/keyboard\";\nimport { KeyDownListener } from \"../KeyDownListener\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/SelectExtendedField.module.less\";\nimport { SelectExtendedFieldTarget } from \"./components/SelectExtendedFieldTarget\";\nimport { SelectExtendedFieldDropdown } from \"./components/SelectExtendedFieldDropdown\";\nimport { IDropdownListItemProps } from \"../Dropdown\";\n\n/* Свойства опции списка. */\nexport interface ISelectExtendedFieldDefaultOption extends Omit<\n    IDropdownListItemProps,\n    \"active\" | \"onSelect\" | \"selected\" | \"keyCodesForSelection\" | \"className\" | \"key\"\n> {\n    /* Значение опции. */\n    value: string;\n    /* Название опции. */\n    label: React.ReactNode;\n}\n\n/* Свойства, передаваемые из Select в функцию рендера target - renderTarget. */\nexport interface ISelectExtendedFieldTargetProvideProps {\n    /* Флаг открытости выпадающего списка. */\n    opened: boolean;\n    /* Функция открытия/закрытия Select. */\n    setOpened: (opened: boolean) => void;\n}\n\n/* Свойства, передаваемые из Select в функцию рендера dropdown - children. */\nexport interface ISelectExtendedFieldDropdownProvideProps {\n    /* Флаг открытости выпадающего списка. */\n    opened: boolean;\n    /* Функция открытия/закрытия Select. */\n    setOpened: (opened: boolean) => void;\n    targetRef: React.RefObject<HTMLDivElement>;\n    dropdownRef: React.RefObject<HTMLDivElement>;\n}\n\n/* Свойства компонента SelectExtendedField. */\nexport interface ISelectExtendedFieldProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Рендер-функция поля выбора. */\n    renderTarget: (props: ISelectExtendedFieldTargetProvideProps) => React.ReactNode;\n    /** Рендер-функция выпадающего блока. */\n    children: (props: ISelectExtendedFieldDropdownProvideProps) => React.ReactNode;\n    /** Функция, срабатывающая при закрытии выпадающего блока. */\n    onClose?: () => void;\n    /** Функция, срабатывающая при открытии выпадающего блока. */\n    onOpen?: () => void;\n    /** Закрытие выпадающего блока при нажатии клавиши Tab. */\n    closeOnTab?: boolean;\n}\n\n/* Базовый компонент Select. На его основе могут строиться Selects с любыми value, options и target. */\nexport const SelectExtendedField = Object.assign(\n    React.forwardRef<HTMLDivElement, ISelectExtendedFieldProps>((props, ref) => {\n        const { className, onKeyDown, children, renderTarget, closeOnTab, onClose, onOpen, ...htmlDivAttributes } =\n            props;\n\n        const [opened, setOpened] = useState(false);\n        const targetRef = useRef<HTMLDivElement | null>(null);\n        const dropdownRef = useRef<HTMLDivElement>(null);\n        // Stable event handler pattern: колбэки хранятся в рефах, чтобы эффект\n        // не перезапускался при смене ссылок на функции между рендерами.\n        const onOpenRef = useRef(onOpen);\n        const onCloseRef = useRef(onClose);\n        // Флаг для пропуска первого срабатывания эффекта при маунте.\n        const isMountedRef = useRef(false);\n\n        // useLayoutEffect без зависимостей синхронизирует рефы после каждого коммита,\n        // гарантируя актуальность колбэков до запуска useEffect.\n        useLayoutEffect(() => {\n            onOpenRef.current = onOpen;\n            onCloseRef.current = onClose;\n        });\n\n        const setRef = (instance: HTMLDivElement | null) => {\n            targetRef.current = instance;\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        const handleSetOpened = useCallback((newOpened: boolean) => {\n            setOpened(newOpened);\n        }, []);\n\n        const listenMouseDown = useCallback(\n            (event: Event) => {\n                if (opened) {\n                    if (\n                        !targetRef.current?.contains(event.target as Node) &&\n                        !dropdownRef.current?.contains(event.target as Node)\n                    ) {\n                        setOpened(false);\n                    }\n                }\n            },\n            [opened],\n        );\n\n        const closeDropdown = useCallback(() => {\n            if (opened) {\n                setOpened(false);\n            }\n        }, [opened]);\n\n        const handleKeyDown = useCallback(\n            (event: React.KeyboardEvent<HTMLDivElement>) => {\n                const key = event.code || event.keyCode;\n\n                if (closeOnTab && isKey(key, \"TAB\")) {\n                    closeDropdown();\n                }\n\n                onKeyDown?.(event);\n            },\n            [closeOnTab, closeDropdown, onKeyDown],\n        );\n\n        useEffect(() => {\n            document.addEventListener(\"mousedown\", listenMouseDown);\n            return () => {\n                document.removeEventListener(\"mousedown\", listenMouseDown);\n            };\n        }, [listenMouseDown]);\n\n        // Вызываем onOpen/onClose только при реальных переходах opened,\n        // пропуская первое срабатывание при маунте (opened = false по умолчанию).\n        useEffect(() => {\n            if (!isMountedRef.current) {\n                isMountedRef.current = true;\n                return;\n            }\n\n            if (opened) {\n                onOpenRef.current?.();\n            } else {\n                onCloseRef.current?.();\n            }\n        }, [opened]);\n\n        return (\n            <KeyDownListener onMatch={closeDropdown} eventKeyCode={EVENT_KEY_CODES.ESCAPE}>\n                <div\n                    className={clsx(styles.selectExtendedField, className)}\n                    onKeyDown={handleKeyDown}\n                    ref={setRef}\n                    {...htmlDivAttributes}\n                >\n                    {renderTarget({ opened, setOpened: handleSetOpened })}\n                    {children({\n                        dropdownRef,\n                        opened,\n                        setOpened: handleSetOpened,\n                        targetRef,\n                    })}\n                </div>\n            </KeyDownListener>\n        );\n    }),\n    {\n        Target: SelectExtendedFieldTarget,\n        Dropdown: SelectExtendedFieldDropdown,\n    },\n);\n\nSelectExtendedField.displayName = \"SelectExtendedField\";\n"],"names":["React"],"mappings":";;;;;;;;;;;AAqDO,MAAM,sBAAsB,OAAO;AAAA,EACtCA,eAAM,WAAsD,CAAC,OAAO,QAAQ;AACxE,UAAM,EAAE,WAAW,WAAW,UAAU,cAAc,YAAY,SAAS,QAAQ,GAAG,kBAAA,IAClF;AAEJ,UAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,UAAM,YAAY,OAA8B,IAAI;AACpD,UAAM,cAAc,OAAuB,IAAI;AAG/C,UAAM,YAAY,OAAO,MAAM;AAC/B,UAAM,aAAa,OAAO,OAAO;AAEjC,UAAM,eAAe,OAAO,KAAK;AAIjC,oBAAgB,MAAM;AAClB,gBAAU,UAAU;AACpB,iBAAW,UAAU;AAAA,IACzB,CAAC;AAED,UAAM,SAAS,CAAC,aAAoC;AAChD,gBAAU,UAAU;AACpB,UAAI,OAAO,QAAQ,YAAY;AAC3B,YAAI,QAAQ;AAAA,MAChB,WAAW,KAAK;AACZ,YAAI,UAAU;AAAA,MAClB;AAAA,IACJ;AAEA,UAAM,kBAAkB,YAAY,CAAC,cAAuB;AACxD,gBAAU,SAAS;AAAA,IACvB,GAAG,CAAA,CAAE;AAEL,UAAM,kBAAkB;AAAA,MACpB,CAAC,UAAiB;;AACd,YAAI,QAAQ;AACR,cACI,GAAC,eAAU,YAAV,mBAAmB,SAAS,MAAM,YACnC,GAAC,iBAAY,YAAZ,mBAAqB,SAAS,MAAM,UACvC;AACE,sBAAU,KAAK;AAAA,UACnB;AAAA,QACJ;AAAA,MACJ;AAAA,MACA,CAAC,MAAM;AAAA,IAAA;AAGX,UAAM,gBAAgB,YAAY,MAAM;AACpC,UAAI,QAAQ;AACR,kBAAU,KAAK;AAAA,MACnB;AAAA,IACJ,GAAG,CAAC,MAAM,CAAC;AAEX,UAAM,gBAAgB;AAAA,MAClB,CAAC,UAA+C;AAC5C,cAAM,MAAM,MAAM,QAAQ,MAAM;AAEhC,YAAI,cAAc,MAAM,KAAK,KAAK,GAAG;AACjC,wBAAA;AAAA,QACJ;AAEA,+CAAY;AAAA,MAChB;AAAA,MACA,CAAC,YAAY,eAAe,SAAS;AAAA,IAAA;AAGzC,cAAU,MAAM;AACZ,eAAS,iBAAiB,aAAa,eAAe;AACtD,aAAO,MAAM;AACT,iBAAS,oBAAoB,aAAa,eAAe;AAAA,MAC7D;AAAA,IACJ,GAAG,CAAC,eAAe,CAAC;AAIpB,cAAU,MAAM;;AACZ,UAAI,CAAC,aAAa,SAAS;AACvB,qBAAa,UAAU;AACvB;AAAA,MACJ;AAEA,UAAI,QAAQ;AACR,wBAAU,YAAV;AAAA,MACJ,OAAO;AACH,yBAAW,YAAX;AAAA,MACJ;AAAA,IACJ,GAAG,CAAC,MAAM,CAAC;AAEX,+BACK,iBAAA,EAAgB,SAAS,eAAe,cAAc,gBAAgB,QACnE,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,qBAAqB,SAAS;AAAA,QACrD,WAAW;AAAA,QACX,KAAK;AAAA,QACJ,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,aAAa,EAAE,QAAQ,WAAW,gBAAA,CAAiB;AAAA,UACnD,SAAS;AAAA,YACN;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX;AAAA,UAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,EAAA;AAElB;AAEA,oBAAoB,cAAc;"}

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

@@ -1,8 +1,8 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as m } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-Db1_Qf-T.js";
+import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
+import "../../../chunks/DropdownListItem-Bar1VVOv.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -14,15 +14,15 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { Dropdown as e } from "../../Dropdown/Dropdown.js";
-const d = ({
-  forwardedRef: o,
-  children: r,
-  targetRef: t,
-  ...p
-}) => /* @__PURE__ */ i(e, { ...p, ref: o, targetRef: t, children: r });
-d.List = m;
+import { Dropdown } from "../../Dropdown/Dropdown.js";
+const SelectExtendedFieldDropdown = ({
+  forwardedRef,
+  children,
+  targetRef,
+  ...rest
+}) => /* @__PURE__ */ jsx(Dropdown, { ...rest, ref: forwardedRef, targetRef, children });
+SelectExtendedFieldDropdown.List = DropdownList;
 export {
-  d as SelectExtendedFieldDropdown
+  SelectExtendedFieldDropdown
 };
 //# sourceMappingURL=SelectExtendedFieldDropdown.js.map

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectExtendedFieldDropdown.js","sources":["../../../../src/components/SelectExtendedField/components/SelectExtendedFieldDropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dropdown, IDropdownProps } from \"../../Dropdown\";\nimport { DropdownList } from \"../../Dropdown/desktop/DropdownList\";\n\n/* Свойства SelectExtendedFieldDropdown. */\nexport interface ISelectExtendedFieldDropdownProps extends Omit<IDropdownProps, \"forwardedRef\"> {\n    /* Ссылка на контейнер Dropdown. */\n    forwardedRef: React.RefObject<HTMLDivElement>;\n    /* Дочерние элементы. */\n    children?: React.ReactNode;\n    /* Открыт. */\n    opened: boolean;\n    /* Ссылка на управляющий элемент. */\n    targetRef: React.RefObject<HTMLElement>;\n}\n\nexport interface ISelectExtendedFieldDropdownFC extends React.FC<ISelectExtendedFieldDropdownProps> {\n    List: typeof DropdownList;\n}\n\nexport const SelectExtendedFieldDropdown: ISelectExtendedFieldDropdownFC = ({\n    forwardedRef,\n    children,\n    targetRef,\n    ...rest\n}) => (\n    <Dropdown {...rest} ref={forwardedRef} targetRef={targetRef}>\n        {children}\n    </Dropdown>\n);\n\nSelectExtendedFieldDropdown.List = DropdownList;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAoBO,MAAM,8BAA8D,CAAC;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,0BACK,UAAA,EAAU,GAAG,MAAM,KAAK,cAAc,WAClC,SAAA,CACL;AAGJ,4BAA4B,OAAO;"}