@sberbusiness/triplex-next 1.2.0 → 1.3.0

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -0,0 +1,39 @@
+var i = Object.defineProperty;
+var n = (c, o, e) => o in c ? i(c, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[o] = e;
+var t = (c, o, e) => n(c, typeof o != "symbol" ? o + "" : o, e);
+import { jsx as x } from "react/jsx-runtime";
+import b from "react";
+import { Checkbox as d } from "../../Checkbox/Checkbox.js";
+import { c as m } from "../../../chunks/vendor-CehxOAkM.js";
+class N extends b.Component {
+  constructor() {
+    super(...arguments);
+    t(this, "checkboxNode");
+    t(this, "handleFocus", (e) => {
+    });
+    t(this, "setCheckboxNode", (e) => {
+      this.checkboxNode = e;
+    });
+  }
+  componentDidUpdate(e) {
+    var s, r;
+    const { active: h } = this.props, { active: a } = e;
+    h && !a && ((s = document.activeElement) != null && s.contains(this.checkboxNode) || (r = this.checkboxNode) == null || r.focus());
+  }
+  render() {
+    const { active: e, className: h, opened: a, ...s } = this.props;
+    return /* @__PURE__ */ x(
+      d,
+      {
+        className: m("cssClass[checkboxTreeCheckbox]", h),
+        ref: this.setCheckboxNode,
+        labelAttributes: { className: "cssClass[checkboxTreeCheckboxLabel]", onFocus: this.handleFocus },
+        ...s
+      }
+    );
+  }
+}
+export {
+  N as CheckboxTreeExtendedCheckbox
+};
+//# sourceMappingURL=CheckboxTreeExtendedCheckbox.js.map

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js

@@ -0,0 +1,53 @@
+var a = Object.defineProperty;
+var x = (d, r, e) => r in d ? a(d, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[r] = e;
+var o = (d, r, e) => x(d, typeof r != "symbol" ? r + "" : r, e);
+import { jsx as h, jsxs as i } from "react/jsx-runtime";
+import p from "react";
+import { CollapsableTree as l } from "../../CollapsableTree/CollapsableTree.js";
+import { isStaticCheckboxTreeExtended as b } from "../isStaticCheckboxTreeExtended.js";
+import { c as m } from "../../../chunks/vendor-CehxOAkM.js";
+import "./CheckboxTreeExtendedArrow.js";
+const N = "checkboxTreeExtendedNode__fc1bf0d9", T = "checkboxTreeExtendedNodeHeader__f14fe32c", n = {
+  checkboxTreeExtendedNode: N,
+  checkboxTreeExtendedNodeHeader: T
+};
+class C extends p.Component {
+  constructor() {
+    super(...arguments);
+    o(this, "handleHeaderMouseDown", (e) => {
+      e.target === e.currentTarget && e.preventDefault();
+    });
+    o(this, "renderHeader", ({ activeNode: e, opened: c, toggle: s }) => {
+      const { checkbox: t, children: f } = this.props;
+      return /* @__PURE__ */ i(
+        "div",
+        {
+          className: m(n.checkboxTreeExtendedNodeHeader, { opened: c }),
+          onMouseDown: this.handleHeaderMouseDown,
+          children: [
+            !b,
+            t({ active: e, opened: !0 })
+          ]
+        }
+      );
+    });
+    o(this, "renderBody", () => this.props.children);
+  }
+  render() {
+    const { children: e, checkbox: c, opened: s, ...t } = this.props;
+    return /* @__PURE__ */ h(
+      l.Node,
+      {
+        className: n.checkboxTreeExtendedNode,
+        opened: !0,
+        renderHeader: this.renderHeader,
+        renderBody: this.renderBody,
+        ...t
+      }
+    );
+  }
+}
+export {
+  C as CheckboxTreeExtendedNode
+};
+//# sourceMappingURL=CheckboxTreeExtendedNode.js.map

package/components/CheckboxTreeExtended/isStaticCheckboxTreeExtended.js

@@ -0,0 +1,5 @@
+const e = !0;
+export {
+  e as isStaticCheckboxTreeExtended
+};
+//# sourceMappingURL=isStaticCheckboxTreeExtended.js.map

package/components/Chip/Chip.js

@@ -1,86 +1,9 @@
-import { jsxs as _, jsx as n } from "react/jsx-runtime";
-import { c as a } from "../../chunks/vendor-CehxOAkM.js";
-import h from "react";
-import { EChipSize as t } from "./enums.js";
-const m = "chipGroupItem__9d1a0b22", x = "chip__3a2d4df7", u = "prefix__d8636158", b = "postfix__c1f6a2f6", w = "disabled__c451f330", z = "selected__f2666442", P = "withPrefix__a69df7e2", C = "withPostfix__3fd0436f", G = "content__5301b976", e = {
-  chipGroupItem: m,
-  chip: x,
-  "size-lg": "size-lg__7f3729a4",
-  prefix: u,
-  postfix: b,
-  "size-md": "size-md__3fd68b50",
-  "size-sm": "size-sm__524b2426",
-  disabled: w,
-  selected: z,
-  withPrefix: P,
-  withPostfix: C,
-  content: G
-}, I = (i) => {
-  switch (i) {
-    case t.LG:
-      return e["size-lg"];
-    case t.MD:
-      return e["size-md"];
-    case t.SM:
-      return e["size-sm"];
-  }
-}, N = h.forwardRef(
-  ({ children: i, className: l, disabled: s, postfix: o, prefix: c, selected: r, size: f = t.MD, ...d }, p) => /* @__PURE__ */ _(
-    "span",
-    {
-      className: a(
-        e.chip,
-        e.chipGroupItem,
-        {
-          [e.disabled]: !!s,
-          [e.selected]: !!r,
-          [e.withPostfix]: typeof o < "u",
-          [e.withPrefix]: typeof c < "u",
-          [I(f)]: f
-        },
-        l
-      ),
-      role: "button",
-      tabIndex: s ? -1 : 0,
-      ...d,
-      ref: p,
-      children: [
-        c ? /* @__PURE__ */ n(
-          "span",
-          {
-            className: a(
-              e.prefix,
-              // Для иконок.
-              "hoverable",
-              {
-                disabled: !!s
-              }
-            ),
-            children: c
-          }
-        ) : null,
-        /* @__PURE__ */ n("span", { className: e.content, children: i }),
-        o ? /* @__PURE__ */ n(
-          "span",
-          {
-            className: a(
-              e.postfix,
-              // Для иконок.
-              "hoverable",
-              {
-                // Для иконок.
-                disabled: !!s
-              }
-            ),
-            children: o
-          }
-        ) : null
-      ]
-    }
-  )
-);
-N.displayName = "Chip";
+import "react/jsx-runtime";
+import "../../chunks/vendor-CehxOAkM.js";
+import "react";
+import { C } from "../../chunks/Chip-XyednI9u.js";
+import "../../enums/EComponentSize.js";
 export {
-  N as Chip
+  C as Chip
 };
 //# sourceMappingURL=Chip.js.map

package/components/Chip/ChipClearButton.js

@@ -1,15 +1,15 @@
 import { jsx as t } from "react/jsx-runtime";
 import s from "react";
-import { CrossStrokeSrvIcon24 as l, CrossStrokeSrvIcon20 as p, CrossStrokeSrvIcon16 as i } from "@sberbusiness/icons-next";
-import { EChipSize as e } from "./enums.js";
-const u = "chipClearButton__52bc2e2e", C = {
-  chipClearButton: u
+import { CrossStrokeSrvIcon24 as l, CrossStrokeSrvIcon20 as p, CrossStrokeSrvIcon16 as u } from "@sberbusiness/icons-next";
+import { EComponentSize as e } from "../../enums/EComponentSize.js";
+const i = "chipClearButton__95ed32dc", C = {
+  chipClearButton: i
 }, m = s.forwardRef(
   ({ size: r = e.MD, ...o }, n) => {
     const a = (c) => {
       switch (c) {
         case e.SM:
-          return /* @__PURE__ */ t(i, { paletteIndex: 6 });
+          return /* @__PURE__ */ t(u, { paletteIndex: 6 });
         case e.MD:
           return /* @__PURE__ */ t(p, { paletteIndex: 6 });
         case e.LG:

package/components/Chip/ChipDropdownArrow.js

@@ -1,18 +1,18 @@
 import { jsx as t } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon20 as p } from "@sberbusiness/icons-next";
 import { c as d } from "../../chunks/vendor-CehxOAkM.js";
-const e = "chipDropdownArrow__1d4ce884", c = "rotated__304724d6", o = {
+const e = "chipDropdownArrow__22e0b55a", n = "rotated__576730df", o = {
   chipDropdownArrow: e,
-  rotated: c
-}, n = ({ rotated: r }) => /* @__PURE__ */ t(
+  rotated: n
+}, w = ({ rotated: r }) => /* @__PURE__ */ t(
   p,
   {
     paletteIndex: 0,
     className: d(o.chipDropdownArrow, { [o.rotated]: r })
   }
 );
-n.displayName = "ChipDropdownArrow";
+w.displayName = "ChipDropdownArrow";
 export {
-  n as ChipDropdownArrow
+  w as ChipDropdownArrow
 };
 //# sourceMappingURL=ChipDropdownArrow.js.map

package/components/Chip/ChipIcon.js

@@ -1,9 +1,9 @@
 import { jsx as o } from "react/jsx-runtime";
 import f from "react";
-import { Chip as t } from "./Chip.js";
-const m = f.forwardRef(({ children: p, ...r }, i) => /* @__PURE__ */ o(t, { ...r, prefix: p, postfix: /* @__PURE__ */ o("span", {}), ref: i }));
-m.displayName = "ChipIcon";
+import { C as t } from "../../chunks/Chip-XyednI9u.js";
+const a = f.forwardRef(({ children: p, ...r }, i) => /* @__PURE__ */ o(t, { ...r, prefix: p, postfix: /* @__PURE__ */ o("span", {}), ref: i }));
+a.displayName = "ChipIcon";
 export {
-  m as ChipIcon
+  a as ChipIcon
 };
 //# sourceMappingURL=ChipIcon.js.map

package/components/Chip/ChipOptions.js

@@ -1,22 +1,22 @@
 import { jsx as t } from "react/jsx-runtime";
-import a from "react";
+import s from "react";
 import { SortStrokeSrvIcon24 as i } from "@sberbusiness/icons-next";
-import { Chip as C } from "./Chip.js";
-import { ChipClearButton as c } from "./ChipClearButton.js";
-const f = "chipOptionsContent__d7cb7760", m = {
-  chipOptionsContent: f
-}, l = a.forwardRef(
+import { C } from "../../chunks/Chip-XyednI9u.js";
+import { ChipClearButton as f } from "./ChipClearButton.js";
+const m = "chipOptionsContent__edaf47f3", c = {
+  chipOptionsContent: m
+}, l = s.forwardRef(
   ({ children: o, clearSelected: e, selected: n, ...p }, r) => /* @__PURE__ */ t(
     C,
     {
       prefix: n ? /* @__PURE__ */ t(i, { paletteIndex: 6 }) : /* @__PURE__ */ t(i, { paletteIndex: 5 }),
-      postfix: n ? /* @__PURE__ */ t(c, { onClick: (s) => {
-        s.stopPropagation(), e();
+      postfix: n ? /* @__PURE__ */ t(f, { onClick: (a) => {
+        a.stopPropagation(), e();
       }, size: p.size }) : /* @__PURE__ */ t("span", {}),
       selected: n,
       ...p,
       ref: r,
-      children: typeof o < "u" ? /* @__PURE__ */ t("span", { className: m.chipOptionsContent, children: o }) : o
+      children: typeof o < "u" ? /* @__PURE__ */ t("span", { className: c.chipOptionsContent, children: o }) : o
     }
   )
 );

package/components/Chip/ChipSelect.js

@@ -0,0 +1,55 @@
+import { jsx as t } from "react/jsx-runtime";
+import w from "react";
+import { SelectExtendedField as D } from "../SelectExtendedField/SelectExtendedField.js";
+import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
+import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
+import { ChipClearButton as S } from "./ChipClearButton.js";
+import { s as b, C as k } from "../../chunks/Chip-XyednI9u.js";
+import { ChipDropdownArrow as u } from "./ChipDropdownArrow.js";
+import { SelectExtendedFieldDropdownDefault as B } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
+import { c as g } from "../../chunks/vendor-CehxOAkM.js";
+const y = w.forwardRef(
+  ({ className: p, clearSelected: m, disabled: d, size: e, label: i, displayedValue: l, onChange: n, options: c, value: r, ...a }, s) => {
+    const f = (o) => {
+      o.stopPropagation(), m();
+    }, C = ({ opened: o, setOpened: x }) => /* @__PURE__ */ t(
+      k,
+      {
+        "aria-expanded": o,
+        disabled: d,
+        size: e,
+        onClick: () => x(!0),
+        postfix: r ? /* @__PURE__ */ t(S, { onClick: f }) : /* @__PURE__ */ t(u, { rotated: o }),
+        role: "combobox",
+        ref: s,
+        selected: !!r,
+        children: r ? l ?? r.label : i
+      }
+    ), h = (o) => /* @__PURE__ */ t(
+      B,
+      {
+        ...o,
+        mobileTitle: i,
+        size: e,
+        onChange: n,
+        options: c,
+        value: r,
+        fixedWidth: !1
+      }
+    );
+    return /* @__PURE__ */ t(
+      D,
+      {
+        className: g(b.chipGroupItem, p),
+        renderTarget: C,
+        ...a,
+        children: h
+      }
+    );
+  }
+);
+y.displayName = "ChipSelect";
+export {
+  y as ChipSelect
+};
+//# sourceMappingURL=ChipSelect.js.map

package/components/Chip/index.js

@@ -1,15 +1,15 @@
-import { Chip as p } from "./Chip.js";
+import { C as p } from "../../chunks/Chip-XyednI9u.js";
 import { ChipClearButton as e } from "./ChipClearButton.js";
-import { ChipDropdownArrow as C } from "./ChipDropdownArrow.js";
+import { ChipDropdownArrow as i } from "./ChipDropdownArrow.js";
 import { ChipIcon as h } from "./ChipIcon.js";
 import { ChipOptions as x } from "./ChipOptions.js";
-import { EChipSize as w } from "./enums.js";
+import { ChipSelect as a } from "./ChipSelect.js";
 export {
   p as Chip,
   e as ChipClearButton,
-  C as ChipDropdownArrow,
+  i as ChipDropdownArrow,
   h as ChipIcon,
   x as ChipOptions,
-  w as EChipSize
+  a as ChipSelect
 };
 //# sourceMappingURL=index.js.map

package/components/ChipGroup/ChipGroup.js

@@ -1,26 +1,26 @@
 import { jsx as n } from "react/jsx-runtime";
-import p from "react";
-import { c as r } from "../../chunks/vendor-CehxOAkM.js";
-import { EComponentSize as a } from "../../enums/EComponentSize.js";
+import a from "react";
+import { c as p } from "../../chunks/vendor-CehxOAkM.js";
+import { EComponentSize as r } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
-const _ = "chipGroup__447964d5", u = "oneLine__37c43a8c", d = "multiLine__2ee7f7e6", f = "lg__8f0d0c0b", L = "md__98decfac", h = "sm__a3773540", o = {
+const _ = "chipGroup__a952397b", f = "oneLine__34ace76d", u = "multiLine__1bff0236", d = "lg__5b3c881f", L = "md__c3c95027", h = "sm__2fc1a5af", o = {
   chipGroup: _,
-  oneLine: u,
-  multiLine: d,
-  lg: f,
+  oneLine: f,
+  multiLine: u,
+  lg: d,
   md: L,
   sm: h
-}, G = l(o), C = p.forwardRef(
-  ({ children: i, className: t, oneLine: e, size: m = a.MD, ...s }, c) => /* @__PURE__ */ n(
+}, G = l(o), C = a.forwardRef(
+  ({ children: i, className: t, oneLine: e, size: m = r.MD, ...s }, c) => /* @__PURE__ */ n(
     "div",
     {
-      className: r(o.chipGroup, G[m], t, {
+      className: p(o.chipGroup, G[m], t, {
         [o.multiLine]: !e,
         [o.oneLine]: !!e
       }),
       ...s,
       ref: c,
-      "data-tx": "1.2.0",
+      "data-tx": "1.3.0",
       children: i
     }
   )