@sberbusiness/triplex-next 0.33.0 → 0.35.0

package/components/CollapsibleTree/components/CollapsibleTreeBranchNode.js

@@ -1,37 +1,38 @@
-import { jsx as o } from "react/jsx-runtime";
-import N from "react";
-import { CollapsibleTreeExtended as b } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
-import { isCollapsibleTreeNodeLeaf as c } from "../types.js";
-import { CollapsibleTreeNodeHeader as C } from "./CollapsibleTreeNodeHeader.js";
-import { CollapsibleTreeLeafNode as T } from "./CollapsibleTreeLeafNode.js";
-const i = ({
-  node: r,
-  prevNodeId: s,
-  nextNodeId: n
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { CollapsibleTreeExtended } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
+import { isCollapsibleTreeNodeLeaf } from "../types.js";
+import { CollapsibleTreeNodeHeader } from "./CollapsibleTreeNodeHeader.js";
+import { CollapsibleTreeLeafNode } from "./CollapsibleTreeLeafNode.js";
+const CollapsibleTreeBranchNode = ({
+  node,
+  prevNodeId,
+  nextNodeId
 }) => {
-  const [m, f] = N.useState(r.defaultOpened ?? !1), d = r.children ?? [];
-  return /* @__PURE__ */ o(
-    b.Node,
+  const [opened, setOpened] = React.useState(node.defaultOpened ?? false);
+  const children = node.children ?? [];
+  return /* @__PURE__ */ jsx(
+    CollapsibleTreeExtended.Node,
     {
-      id: r.id,
-      opened: m,
-      toggle: f,
-      prevNodeId: s,
-      nextNodeId: n,
-      renderHeader: (e) => /* @__PURE__ */ o(C, { ...e, children: r.label }),
-      renderBody: () => d.map((e, l) => {
-        var a, p;
-        const t = {
-          prevNodeId: (a = d[l - 1]) == null ? void 0 : a.id,
-          nextNodeId: (p = d[l + 1]) == null ? void 0 : p.id
+      id: node.id,
+      opened,
+      toggle: setOpened,
+      prevNodeId,
+      nextNodeId,
+      renderHeader: (headerProps) => /* @__PURE__ */ jsx(CollapsibleTreeNodeHeader, { ...headerProps, children: node.label }),
+      renderBody: () => children.map((child, index) => {
+        var _a, _b;
+        const childProps = {
+          prevNodeId: (_a = children[index - 1]) == null ? void 0 : _a.id,
+          nextNodeId: (_b = children[index + 1]) == null ? void 0 : _b.id
         };
-        return c(e) ? /* @__PURE__ */ o(T, { node: e, ...t }, e.id) : /* @__PURE__ */ o(i, { node: e, ...t }, e.id);
+        return isCollapsibleTreeNodeLeaf(child) ? /* @__PURE__ */ jsx(CollapsibleTreeLeafNode, { node: child, ...childProps }, child.id) : /* @__PURE__ */ jsx(CollapsibleTreeBranchNode, { node: child, ...childProps }, child.id);
       })
     }
   );
 };
-i.displayName = "CollapsibleTreeBranchNode";
+CollapsibleTreeBranchNode.displayName = "CollapsibleTreeBranchNode";
 export {
-  i as CollapsibleTreeBranchNode
+  CollapsibleTreeBranchNode
 };
 //# sourceMappingURL=CollapsibleTreeBranchNode.js.map

package/components/CollapsibleTree/components/CollapsibleTreeBranchNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleTreeBranchNode.js","sources":["../../../../src/components/CollapsibleTree/components/CollapsibleTreeBranchNode.tsx"],"sourcesContent":["import React from \"react\";\nimport { CollapsibleTreeExtended } from \"../../CollapsibleTreeExtended/CollapsibleTreeExtended\";\nimport { ICollapsibleTreeNodeBranch, TCollapsibleTreeNode, isCollapsibleTreeNodeLeaf } from \"../types\";\nimport { CollapsibleTreeNodeHeader } from \"./CollapsibleTreeNodeHeader\";\nimport { CollapsibleTreeLeafNode } from \"./CollapsibleTreeLeafNode\";\n\n/** Свойства CollapsibleTreeBranchNode. */\nexport interface ICollapsibleTreeBranchNodeProps {\n    /** Данные ветки. */\n    node: ICollapsibleTreeNodeBranch;\n    /** Идентификатор предыдущего соседнего узла (для клавиатурной навигации). */\n    prevNodeId?: string;\n    /** Идентификатор следующего соседнего узла (для клавиатурной навигации). */\n    nextNodeId?: string;\n}\n\n/**\n * Ветка CollapsibleTree.\n * Хранит локальное состояние раскрытия и рекурсивно рендерит дочерние узлы — ветки через себя же, листья через CollapsibleTreeLeafNode.\n */\nexport const CollapsibleTreeBranchNode: React.FC<ICollapsibleTreeBranchNodeProps> = ({\n    node,\n    prevNodeId,\n    nextNodeId,\n}) => {\n    const [opened, setOpened] = React.useState<boolean>(node.defaultOpened ?? false);\n    const children: TCollapsibleTreeNode[] = node.children ?? [];\n\n    return (\n        <CollapsibleTreeExtended.Node\n            id={node.id}\n            opened={opened}\n            toggle={setOpened}\n            prevNodeId={prevNodeId}\n            nextNodeId={nextNodeId}\n            renderHeader={(headerProps) => (\n                <CollapsibleTreeNodeHeader {...headerProps}>{node.label}</CollapsibleTreeNodeHeader>\n            )}\n            renderBody={() =>\n                children.map((child, index) => {\n                    const childProps = {\n                        prevNodeId: children[index - 1]?.id,\n                        nextNodeId: children[index + 1]?.id,\n                    };\n                    return isCollapsibleTreeNodeLeaf(child) ? (\n                        <CollapsibleTreeLeafNode key={child.id} node={child} {...childProps} />\n                    ) : (\n                        <CollapsibleTreeBranchNode key={child.id} node={child} {...childProps} />\n                    );\n                })\n            }\n        />\n    );\n};\n\nCollapsibleTreeBranchNode.displayName = \"CollapsibleTreeBranchNode\";\n"],"names":[],"mappings":";;;;;;AAoBO,MAAM,4BAAuE,CAAC;AAAA,EACjF;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAkB,KAAK,iBAAiB,KAAK;AAC/E,QAAM,WAAmC,KAAK,YAAY,CAAA;AAE1D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,IAAI,KAAK;AAAA,MACT;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,cAAc,CAAC,gBACX,oBAAC,6BAA2B,GAAG,aAAc,eAAK,OAAM;AAAA,MAE5D,YAAY,MACR,SAAS,IAAI,CAAC,OAAO,UAAU;;AAC3B,cAAM,aAAa;AAAA,UACf,aAAY,cAAS,QAAQ,CAAC,MAAlB,mBAAqB;AAAA,UACjC,aAAY,cAAS,QAAQ,CAAC,MAAlB,mBAAqB;AAAA,QAAA;AAErC,eAAO,0BAA0B,KAAK,wBACjC,yBAAA,EAAuC,MAAM,OAAQ,GAAG,cAA3B,MAAM,EAAiC,wBAEpE,2BAAA,EAAyC,MAAM,OAAQ,GAAG,WAAA,GAA3B,MAAM,EAAiC;AAAA,MAE/E,CAAC;AAAA,IAAA;AAAA,EAAA;AAIjB;AAEA,0BAA0B,cAAc;"}

package/components/CollapsibleTree/components/CollapsibleTreeLeafContent.js

@@ -1,13 +1,15 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { c as n } from "../../../chunks/vendor-z35N2Tap.js";
-const r = "collapsibleTreeLeafContent__c701efef", f = {
-  collapsibleTreeLeafContent: r
-}, c = s(
-  ({ children: e, className: o, ...l }, t) => /* @__PURE__ */ a("div", { ref: t, className: n(f.collapsibleTreeLeafContent, o), ...l, children: e })
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__9320c327";
+const styles = {
+  collapsibleTreeLeafContent
+};
+const CollapsibleTreeLeafContent = forwardRef(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: clsx(styles.collapsibleTreeLeafContent, className), ...props, children })
 );
-c.displayName = "CollapsibleTreeLeafContent";
+CollapsibleTreeLeafContent.displayName = "CollapsibleTreeLeafContent";
 export {
-  c as CollapsibleTreeLeafContent
+  CollapsibleTreeLeafContent
 };
 //# sourceMappingURL=CollapsibleTreeLeafContent.js.map

package/components/CollapsibleTree/components/CollapsibleTreeLeafContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleTreeLeafContent.js","sources":["../../../../src/components/CollapsibleTree/components/CollapsibleTreeLeafContent.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/CollapsibleTreeLeafContent.module.less\";\n\n/** Свойства CollapsibleTreeLeafContent. */\nexport interface ICollapsibleTreeLeafContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Контейнер контента листа CollapsibleTree.\n * Рендерит произвольный контент с отступами, согласованными с заголовками веток, без интерактивных стилей.\n */\nexport const CollapsibleTreeLeafContent = forwardRef<HTMLDivElement, ICollapsibleTreeLeafContentProps>(\n    ({ children, className, ...props }, ref) => (\n        <div ref={ref} className={clsx(styles.collapsibleTreeLeafContent, className)} {...props}>\n            {children}\n        </div>\n    ),\n);\n\nCollapsibleTreeLeafContent.displayName = \"CollapsibleTreeLeafContent\";\n"],"names":[],"mappings":";;;;;;;AAWO,MAAM,6BAA6B;AAAA,EACtC,CAAC,EAAE,UAAU,WAAW,GAAG,MAAA,GAAS,QAChC,oBAAC,SAAI,KAAU,WAAW,KAAK,OAAO,4BAA4B,SAAS,GAAI,GAAG,OAC7E,SAAA,CACL;AAER;AAEA,2BAA2B,cAAc;"}

package/components/CollapsibleTree/components/CollapsibleTreeLeafNode.js

@@ -1,24 +1,26 @@
-import { jsx as o } from "react/jsx-runtime";
-import { CollapsibleTreeExtended as a } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
-import { CollapsibleTreeLeafContent as d } from "./CollapsibleTreeLeafContent.js";
-import { x as s } from "../../../chunks/vendor-z35N2Tap.js";
-const i = "collapsibleTreeLeafNode__3dbe149d", p = {
-  collapsibleTreeLeafNode: i
-}, t = ({ node: e, prevNodeId: l, nextNodeId: r }) => /* @__PURE__ */ o(
-  a.Node,
+import { jsx } from "react/jsx-runtime";
+import { CollapsibleTreeExtended } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
+import { CollapsibleTreeLeafContent } from "./CollapsibleTreeLeafContent.js";
+import { x as noop } from "../../../chunks/vendor-BtZO8a0z.js";
+const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__5af599eb";
+const styles = {
+  collapsibleTreeLeafNode
+};
+const CollapsibleTreeLeafNode = ({ node, prevNodeId, nextNodeId }) => /* @__PURE__ */ jsx(
+  CollapsibleTreeExtended.Node,
   {
-    className: p.collapsibleTreeLeafNode,
-    id: e.id,
-    opened: !0,
-    toggle: s,
-    prevNodeId: l,
-    nextNodeId: r,
-    renderHeader: () => /* @__PURE__ */ o(d, { children: e.content }),
+    className: styles.collapsibleTreeLeafNode,
+    id: node.id,
+    opened: true,
+    toggle: noop,
+    prevNodeId,
+    nextNodeId,
+    renderHeader: () => /* @__PURE__ */ jsx(CollapsibleTreeLeafContent, { children: node.content }),
     renderBody: () => null
   }
 );
-t.displayName = "CollapsibleTreeLeafNode";
+CollapsibleTreeLeafNode.displayName = "CollapsibleTreeLeafNode";
 export {
-  t as CollapsibleTreeLeafNode
+  CollapsibleTreeLeafNode
 };
 //# sourceMappingURL=CollapsibleTreeLeafNode.js.map

package/components/CollapsibleTree/components/CollapsibleTreeLeafNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleTreeLeafNode.js","sources":["../../../../src/components/CollapsibleTree/components/CollapsibleTreeLeafNode.tsx"],"sourcesContent":["import React from \"react\";\nimport { noop } from \"lodash-es\";\nimport { CollapsibleTreeExtended } from \"../../CollapsibleTreeExtended/CollapsibleTreeExtended\";\nimport { ICollapsibleTreeNodeLeaf } from \"../types\";\nimport { CollapsibleTreeLeafContent } from \"./CollapsibleTreeLeafContent\";\nimport styles from \"../styles/CollapsibleTreeLeafNode.module.less\";\n\n/** Свойства CollapsibleTreeLeafNode. */\nexport interface ICollapsibleTreeLeafNodeProps {\n    /** Данные листа. */\n    node: ICollapsibleTreeNodeLeaf;\n    /** Идентификатор предыдущего соседнего узла (для клавиатурной навигации). */\n    prevNodeId?: string;\n    /** Идентификатор следующего соседнего узла (для клавиатурной навигации). */\n    nextNodeId?: string;\n}\n\n/**\n * Лист CollapsibleTree.\n * Конечный узел дерева, не имеет шеврона и не раскрывается. Рендерит произвольный контент через CollapsibleTreeLeafContent.\n */\nexport const CollapsibleTreeLeafNode: React.FC<ICollapsibleTreeLeafNodeProps> = ({ node, prevNodeId, nextNodeId }) => (\n    <CollapsibleTreeExtended.Node\n        className={styles.collapsibleTreeLeafNode}\n        id={node.id}\n        opened\n        toggle={noop}\n        prevNodeId={prevNodeId}\n        nextNodeId={nextNodeId}\n        renderHeader={() => <CollapsibleTreeLeafContent>{node.content}</CollapsibleTreeLeafContent>}\n        renderBody={() => null}\n    />\n);\n\nCollapsibleTreeLeafNode.displayName = \"CollapsibleTreeLeafNode\";\n"],"names":[],"mappings":";;;;;;;;AAqBO,MAAM,0BAAmE,CAAC,EAAE,MAAM,YAAY,iBACjG;AAAA,EAAC,wBAAwB;AAAA,EAAxB;AAAA,IACG,WAAW,OAAO;AAAA,IAClB,IAAI,KAAK;AAAA,IACT,QAAM;AAAA,IACN,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA,cAAc,MAAM,oBAAC,4BAAA,EAA4B,eAAK,SAAQ;AAAA,IAC9D,YAAY,MAAM;AAAA,EAAA;AACtB;AAGJ,wBAAwB,cAAc;"}

package/components/CollapsibleTree/components/CollapsibleTreeNodeHeader.js

@@ -1,44 +1,52 @@
-import { jsxs as b, jsx as m } from "react/jsx-runtime";
-import { forwardRef as v } from "react";
-import { CaretrightStrokeSrvIcon24 as _ } from "@sberbusiness/icons-next";
-import { c as a } from "../../../chunks/vendor-z35N2Tap.js";
-const f = "collapsibleTreeNodeHeader__0d669503", x = "interactive__1814e4e8", H = "chevron__9a05782b", T = "opened__1b984d20", r = {
-  collapsibleTreeNodeHeader: f,
-  interactive: x,
-  chevron: H,
-  opened: T
-}, N = v(
-  ({ children: c, className: n, opened: o, toggle: i, onClick: t, hasChildNodes: e, ...l }, d) => {
-    const s = (p) => {
-      e && i(!o), t == null || t(p);
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__8f28b120";
+const interactive = "interactive__93856d81";
+const chevron = "chevron__12e8324b";
+const opened = "opened__679083ef";
+const styles = {
+  collapsibleTreeNodeHeader,
+  interactive,
+  chevron,
+  opened
+};
+const CollapsibleTreeNodeHeader = forwardRef(
+  ({ children, className, opened: opened2, toggle, onClick, hasChildNodes, ...props }, ref) => {
+    const handleClick = (event) => {
+      if (hasChildNodes) {
+        toggle(!opened2);
+      }
+      onClick == null ? void 0 : onClick(event);
     };
-    return /* @__PURE__ */ b(
+    return /* @__PURE__ */ jsxs(
       "button",
       {
-        ...l,
-        ref: d,
+        ...props,
+        ref,
         type: "button",
-        className: a(r.collapsibleTreeNodeHeader, n, { [r.interactive]: e }),
-        onClick: s,
-        "aria-expanded": e ? o : void 0,
-        disabled: !e,
+        className: clsx(styles.collapsibleTreeNodeHeader, className, { [styles.interactive]: hasChildNodes }),
+        onClick: handleClick,
+        "aria-expanded": hasChildNodes ? opened2 : void 0,
+        disabled: !hasChildNodes,
         children: [
-          e && /* @__PURE__ */ m(
-            _,
+          hasChildNodes && /* @__PURE__ */ jsx(
+            CaretrightStrokeSrvIcon24,
             {
               paletteIndex: 5,
-              className: a(r.chevron, { [r.opened]: o }),
-              "aria-hidden": !0
+              className: clsx(styles.chevron, { [styles.opened]: opened2 }),
+              "aria-hidden": true
             }
           ),
-          c
+          children
         ]
       }
     );
   }
 );
-N.displayName = "CollapsibleTreeNodeHeader";
+CollapsibleTreeNodeHeader.displayName = "CollapsibleTreeNodeHeader";
 export {
-  N as CollapsibleTreeNodeHeader
+  CollapsibleTreeNodeHeader
 };
 //# sourceMappingURL=CollapsibleTreeNodeHeader.js.map

package/components/CollapsibleTree/components/CollapsibleTreeNodeHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleTreeNodeHeader.js","sources":["../../../../src/components/CollapsibleTree/components/CollapsibleTreeNodeHeader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { CaretrightStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { ICollapsibleTreeExtendedNodeHeaderProvideProps } from \"../../CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode\";\nimport styles from \"../styles/CollapsibleTreeNodeHeader.module.less\";\n\n/** Свойства CollapsibleTreeNodeHeader. */\nexport interface ICollapsibleTreeNodeHeaderProps\n    extends ICollapsibleTreeExtendedNodeHeaderProvideProps, React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\n/**\n * Заголовок ноды CollapsibleTree.\n * Рендерит кнопку с шевроном-индикатором раскрытия для нод с детьми\n * и неактивную кнопку без шеврона для леаф-нод. Типографику заголовка задавай\n * через {@link CollapsibleTreeNodeLabel} в `children`.\n */\nexport const CollapsibleTreeNodeHeader = forwardRef<HTMLButtonElement, ICollapsibleTreeNodeHeaderProps>(\n    ({ children, className, opened, toggle, onClick, hasChildNodes, ...props }, ref) => {\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            if (hasChildNodes) {\n                toggle(!opened);\n            }\n            onClick?.(event);\n        };\n\n        return (\n            <button\n                {...props}\n                ref={ref}\n                type=\"button\"\n                className={clsx(styles.collapsibleTreeNodeHeader, className, { [styles.interactive]: hasChildNodes })}\n                onClick={handleClick}\n                aria-expanded={hasChildNodes ? opened : undefined}\n                disabled={!hasChildNodes}\n            >\n                {hasChildNodes && (\n                    <CaretrightStrokeSrvIcon24\n                        paletteIndex={5}\n                        className={clsx(styles.chevron, { [styles.opened]: opened })}\n                        aria-hidden\n                    />\n                )}\n                {children}\n            </button>\n        );\n    },\n);\n\nCollapsibleTreeNodeHeader.displayName = \"CollapsibleTreeNodeHeader\";\n"],"names":["opened"],"mappings":";;;;;;;;;;;;;;AAgBO,MAAM,4BAA4B;AAAA,EACrC,CAAC,EAAE,UAAU,WAAW,QAAAA,SAAQ,QAAQ,SAAS,eAAe,GAAG,MAAA,GAAS,QAAQ;AAChF,UAAM,cAAc,CAAC,UAA+C;AAChE,UAAI,eAAe;AACf,eAAO,CAACA,OAAM;AAAA,MAClB;AACA,yCAAU;AAAA,IACd;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,MAAK;AAAA,QACL,WAAW,KAAK,OAAO,2BAA2B,WAAW,EAAE,CAAC,OAAO,WAAW,GAAG,eAAe;AAAA,QACpG,SAAS;AAAA,QACT,iBAAe,gBAAgBA,UAAS;AAAA,QACxC,UAAU,CAAC;AAAA,QAEV,UAAA;AAAA,UAAA,iBACG;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,cAAc;AAAA,cACd,WAAW,KAAK,OAAO,SAAS,EAAE,CAAC,OAAO,MAAM,GAAGA,SAAQ;AAAA,cAC3D,eAAW;AAAA,YAAA;AAAA,UAAA;AAAA,UAGlB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,0BAA0B,cAAc;"}

package/components/CollapsibleTree/components/CollapsibleTreeNodeLabel.js

@@ -1,12 +1,12 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { EFontWeightText as m, ETextSize as p } from "../../Typography/enums.js";
-import { Text as f } from "../../Typography/Text.js";
-const s = l(
-  ({ size: e = p.B1, weight: o = m.SEMIBOLD, children: r, ...t }, a) => /* @__PURE__ */ i(f, { ref: a, tag: "span", size: e, weight: o, ...t, children: r })
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { EFontWeightText, ETextSize } from "../../Typography/enums.js";
+import { Text } from "../../Typography/Text.js";
+const CollapsibleTreeNodeLabel = forwardRef(
+  ({ size = ETextSize.B1, weight = EFontWeightText.SEMIBOLD, children, ...props }, ref) => /* @__PURE__ */ jsx(Text, { ref, tag: "span", size, weight, ...props, children })
 );
-s.displayName = "CollapsibleTreeNodeLabel";
+CollapsibleTreeNodeLabel.displayName = "CollapsibleTreeNodeLabel";
 export {
-  s as CollapsibleTreeNodeLabel
+  CollapsibleTreeNodeLabel
 };
 //# sourceMappingURL=CollapsibleTreeNodeLabel.js.map

package/components/CollapsibleTree/components/CollapsibleTreeNodeLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleTreeNodeLabel.js","sources":["../../../../src/components/CollapsibleTree/components/CollapsibleTreeNodeLabel.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { EFontWeightText, ETextSize } from \"../../Typography/enums\";\nimport { Text, TTextProps } from \"../../Typography/Text\";\n\n/** Свойства CollapsibleTreeNodeLabel. */\nexport type TCollapsibleTreeNodeLabelProps = Omit<TTextProps<\"span\">, \"tag\" | \"size\"> & {\n    /** Размер текста. По умолчанию `B1`. */\n    size?: ETextSize;\n};\n\n/**\n * Лейбл ноды CollapsibleTree.\n * Обёртка над {@link Text} с дефолтами `size=B1` и `weight=SEMIBOLD`.\n * Используй как `label` в {@link ICollapsibleTreeNodeBranch} или внутри `CollapsibleTreeNodeHeader`,\n * когда нужно переопределить размер/толщину шрифта (например, в кастомном `renderHeader` у `CollapsibleTreeExtended`).\n */\nexport const CollapsibleTreeNodeLabel = forwardRef<HTMLSpanElement, TCollapsibleTreeNodeLabelProps>(\n    ({ size = ETextSize.B1, weight = EFontWeightText.SEMIBOLD, children, ...props }, ref) => (\n        <Text ref={ref} tag=\"span\" size={size} weight={weight} {...props}>\n            {children}\n        </Text>\n    ),\n);\n\nCollapsibleTreeNodeLabel.displayName = \"CollapsibleTreeNodeLabel\";\n"],"names":[],"mappings":";;;;AAgBO,MAAM,2BAA2B;AAAA,EACpC,CAAC,EAAE,OAAO,UAAU,IAAI,SAAS,gBAAgB,UAAU,UAAU,GAAG,MAAA,GAAS,QAC7E,oBAAC,QAAK,KAAU,KAAI,QAAO,MAAY,QAAiB,GAAG,OACtD,SAAA,CACL;AAER;AAEA,yBAAyB,cAAc;"}

package/components/CollapsibleTree/index.js

@@ -1,11 +1,11 @@
-import { CollapsibleTree as l } from "./CollapsibleTree.js";
-import { CollapsibleTreeNodeHeader as p } from "./components/CollapsibleTreeNodeHeader.js";
-import { CollapsibleTreeNodeLabel as b } from "./components/CollapsibleTreeNodeLabel.js";
-import { isCollapsibleTreeNodeLeaf as i } from "./types.js";
+import { CollapsibleTree } from "./CollapsibleTree.js";
+import { CollapsibleTreeNodeHeader } from "./components/CollapsibleTreeNodeHeader.js";
+import { CollapsibleTreeNodeLabel } from "./components/CollapsibleTreeNodeLabel.js";
+import { isCollapsibleTreeNodeLeaf } from "./types.js";
 export {
-  l as CollapsibleTree,
-  p as CollapsibleTreeNodeHeader,
-  b as CollapsibleTreeNodeLabel,
-  i as isCollapsibleTreeNodeLeaf
+  CollapsibleTree,
+  CollapsibleTreeNodeHeader,
+  CollapsibleTreeNodeLabel,
+  isCollapsibleTreeNodeLeaf
 };
 //# sourceMappingURL=index.js.map

package/components/CollapsibleTree/index.js.map

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

package/components/CollapsibleTree/types.js

@@ -1,5 +1,5 @@
-const o = (e) => "content" in e;
+const isCollapsibleTreeNodeLeaf = (node) => "content" in node;
 export {
-  o as isCollapsibleTreeNodeLeaf
+  isCollapsibleTreeNodeLeaf
 };
 //# sourceMappingURL=types.js.map

package/components/CollapsibleTree/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/CollapsibleTree/types.ts"],"sourcesContent":["import React from \"react\";\n\n/** Ветка дерева CollapsibleTree — раскрывающийся узел с заголовком и дочерними узлами. */\nexport interface ICollapsibleTreeNodeBranch {\n    /** Уникальный идентификатор узла в дереве. */\n    id: string;\n    /** Содержимое заголовка ветки. Для типовой типографики оборачивай в `CollapsibleTreeNodeLabel`. */\n    label: React.ReactNode;\n    /** Начальное состояние раскрытия ветки. */\n    defaultOpened?: boolean;\n    /** Дочерние узлы — другие ветки или листья. Если массив пуст или не передан — ветка отображается без шеврона и не раскрывается. */\n    children?: TCollapsibleTreeNode[];\n}\n\n/** Лист дерева CollapsibleTree — конечный узел с произвольным контентом, не раскрывается. */\nexport interface ICollapsibleTreeNodeLeaf {\n    /** Уникальный идентификатор узла в дереве. */\n    id: string;\n    /** Произвольный контент листа. */\n    content: React.ReactNode;\n}\n\n/** Узел дерева CollapsibleTree — ветка или лист. */\nexport type TCollapsibleTreeNode = ICollapsibleTreeNodeBranch | ICollapsibleTreeNodeLeaf;\n\n/** Type guard: проверяет, что узел — лист. */\nexport const isCollapsibleTreeNodeLeaf = (node: TCollapsibleTreeNode): node is ICollapsibleTreeNodeLeaf =>\n    \"content\" in node;\n"],"names":[],"mappings":"AA0BO,MAAM,4BAA4B,CAAC,SACtC,aAAa;"}

package/components/CollapsibleTreeExtended/CollapsibleTreeExtended.js

@@ -1,10 +1,10 @@
-import { jsx as r } from "react/jsx-runtime";
-import { TreeView as l } from "../TreeView/TreeView.js";
-import { CollapsibleTreeExtendedNode as d } from "./components/CollapsibleTreeExtendedNode.js";
-const e = (o) => /* @__PURE__ */ r(l, { ...o });
-e.displayName = "CollapsibleTreeExtended";
-e.Node = d;
+import { jsx } from "react/jsx-runtime";
+import { TreeView } from "../TreeView/TreeView.js";
+import { CollapsibleTreeExtendedNode } from "./components/CollapsibleTreeExtendedNode.js";
+const CollapsibleTreeExtended = (props) => /* @__PURE__ */ jsx(TreeView, { ...props });
+CollapsibleTreeExtended.displayName = "CollapsibleTreeExtended";
+CollapsibleTreeExtended.Node = CollapsibleTreeExtendedNode;
 export {
-  e as CollapsibleTreeExtended
+  CollapsibleTreeExtended
 };
 //# sourceMappingURL=CollapsibleTreeExtended.js.map

package/components/CollapsibleTreeExtended/CollapsibleTreeExtended.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleTreeExtended.js","sources":["../../../src/components/CollapsibleTreeExtended/CollapsibleTreeExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport { ITreeViewProps, TreeView } from \"../TreeView/TreeView\";\nimport { CollapsibleTreeExtendedNode } from \"./components/CollapsibleTreeExtendedNode\";\n\n/** Свойства CollapsibleTreeExtended. */\nexport interface ICollapsibleTreeExtendedProps extends ITreeViewProps {}\n\nexport interface ICollapsibleTreeExtendedSFC extends React.FC<ICollapsibleTreeExtendedProps> {\n    Node: typeof CollapsibleTreeExtendedNode;\n}\n\n/**\n * Низкоуровневое декларативное дерево с раскрывающимися узлами. Обёртка над TreeView, добавляющая accordion-логику\n * (анимация раскрытия, контролируемое/неконтролируемое состояние) для каждого узла.\n *\n * Каждый узел рендерится через `CollapsibleTreeExtended.Node` с двумя render-функциями:\n * - `renderHeader` — видимая часть узла (любая разметка: кнопка с шевроном, текст, иконка-toggle и т.п.);\n * - `renderBody` — раскрываемое содержимое (обычно дочерние узлы, но может быть любым контентом).\n *\n * Используй этот компонент, когда нужен нестандартный UI узла: своя иконка раскрытия, кастомный header, нестандартное\n * поведение клика. Для типового UI (готовый шеврон, hover, focus-visible) используй обёртку {@link CollapsibleTree}.\n *\n * @see CollapsibleTree — готовая обёртка с типовым UI узла.\n */\nconst CollapsibleTreeExtended: ICollapsibleTreeExtendedSFC = (props) => <TreeView {...props} />;\n\nCollapsibleTreeExtended.displayName = \"CollapsibleTreeExtended\";\nCollapsibleTreeExtended.Node = CollapsibleTreeExtendedNode;\n\nexport { CollapsibleTreeExtended };\n"],"names":[],"mappings":";;;AAwBA,MAAM,0BAAuD,CAAC,UAAU,oBAAC,UAAA,EAAU,GAAG,MAAA,CAAO;AAE7F,wBAAwB,cAAc;AACtC,wBAAwB,OAAO;"}

package/components/CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode.js

@@ -1,15 +1,16 @@
-var C = Object.defineProperty;
-var b = (c, d, e) => d in c ? C(c, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[d] = e;
-var a = (c, d, e) => b(c, typeof d != "symbol" ? d + "" : d, e);
-import { jsx as g } from "react/jsx-runtime";
-import f from "react";
-import { TreeView as h } from "../../TreeView/TreeView.js";
-import { AccordionBase as x } from "../../AccordionBase/protected/AccordionBase.js";
-import { c as y } from "../../../chunks/vendor-z35N2Tap.js";
-const u = "collapsibleTreeExtendedNodeContent__b8e04b63", T = {
-  collapsibleTreeExtendedNodeContent: u
+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 React from "react";
+import { TreeView } from "../../TreeView/TreeView.js";
+import { AccordionBase } from "../../AccordionBase/protected/AccordionBase.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__3967acee";
+const styles = {
+  collapsibleTreeExtendedNodeContent
 };
-class B extends f.Component {
+class CollapsibleTreeExtendedNode extends React.Component {
   constructor() {
     super(...arguments);
     /**
@@ -17,55 +18,77 @@ class B extends f.Component {
      * В controlled-режиме делегирует в `props.toggle`, в uncontrolled — переключает внутреннее состояние TreeView.
      * Эта функция передается дочерним компонентам и вызывается из них.
      */
-    a(this, "toggle", ({ openedNode: e, setOpenedNode: s }) => (t) => {
-      const { opened: l, toggle: o } = this.props, r = l !== void 0;
-      (r ? l : e) !== t && (r ? o == null || o(t) : s(t));
+    __publicField(this, "toggle", ({ openedNode, setOpenedNode }) => (nextOpened) => {
+      const { opened: openedProps, toggle } = this.props;
+      const controlled = openedProps !== void 0;
+      const opened = controlled ? openedProps : openedNode;
+      if (opened === nextOpened) {
+        return;
+      }
+      if (controlled) {
+        toggle == null ? void 0 : toggle(nextOpened);
+      } else {
+        setOpenedNode(nextOpened);
+      }
     });
     /** Рендер-функция для передачи дочерних нод. */
-    a(this, "renderBody", (e) => (s) => {
-      const { activeNode: t, openedNode: l, hasChildNodes: o } = e, { animating: r } = s, { opened: p, renderBody: n } = this.props, m = {
-        activeNode: t,
-        animating: r,
-        hasChildNodes: o,
-        opened: p !== void 0 ? p : l,
-        toggle: this.toggle(e)
+    __publicField(this, "renderBody", (treeViewNodeProvideProps) => (accordionBodyProvideProps) => {
+      const { activeNode, openedNode, hasChildNodes } = treeViewNodeProvideProps;
+      const { animating } = accordionBodyProvideProps;
+      const { opened: openedProps, renderBody } = this.props;
+      const controlled = openedProps !== void 0;
+      const opened = controlled ? openedProps : openedNode;
+      const bodyProps = {
+        activeNode,
+        animating,
+        hasChildNodes,
+        opened,
+        toggle: this.toggle(treeViewNodeProvideProps)
       };
-      return o ? /* @__PURE__ */ g(h.Group, { children: n(m) }) : n(m);
+      if (hasChildNodes) {
+        return /* @__PURE__ */ jsx(TreeView.Group, { children: renderBody(bodyProps) });
+      }
+      return renderBody(bodyProps);
     });
     /** Рендер-функция не сворачиваемой части ноды. */
-    a(this, "renderHeader", (e) => (s) => {
-      const { activeNode: t, openedNode: l, hasChildNodes: o, isLastNode: r } = e, { animating: p } = s, { opened: n, renderHeader: i } = this.props;
-      return i({
-        activeNode: t,
-        animating: p,
-        hasChildNodes: o,
-        isLastNode: r,
-        opened: n !== void 0 ? n : l,
-        toggle: this.toggle(e)
+    __publicField(this, "renderHeader", (treeViewNodeProvideProps) => (accordionHeaderProvideProps) => {
+      const { activeNode, openedNode, hasChildNodes, isLastNode } = treeViewNodeProvideProps;
+      const { animating } = accordionHeaderProvideProps;
+      const { opened: openedProps, renderHeader } = this.props;
+      const controlled = openedProps !== void 0;
+      const opened = controlled ? openedProps : openedNode;
+      return renderHeader({
+        activeNode,
+        animating,
+        hasChildNodes,
+        isLastNode,
+        opened,
+        toggle: this.toggle(treeViewNodeProvideProps)
       });
     });
   }
   render() {
-    const { opened: e, onToggle: s, renderBody: t, renderHeader: l, toggle: o, ...r } = this.props, p = e !== void 0;
-    return /* @__PURE__ */ g(h.Node, { opened: e, ...r, children: (n) => {
-      const i = p ? e : n.openedNode;
-      return /* @__PURE__ */ g(
-        x,
+    const { opened: openedProps, onToggle, renderBody, renderHeader, toggle, ...treeNodeProps } = this.props;
+    const controlled = openedProps !== void 0;
+    return /* @__PURE__ */ jsx(TreeView.Node, { opened: openedProps, ...treeNodeProps, children: (treeViewNodeProps) => {
+      const opened = controlled ? openedProps : treeViewNodeProps.openedNode;
+      return /* @__PURE__ */ jsx(
+        AccordionBase,
         {
-          expandAnimationClassName: y(T.collapsibleTreeExtendedNodeContent, {
-            collapsed: !i
+          expandAnimationClassName: clsx(styles.collapsibleTreeExtendedNodeContent, {
+            collapsed: !opened
           }),
-          renderBody: this.renderBody(n),
-          renderHeader: this.renderHeader(n),
-          isOpen: i,
-          onToggle: s
+          renderBody: this.renderBody(treeViewNodeProps),
+          renderHeader: this.renderHeader(treeViewNodeProps),
+          isOpen: opened,
+          onToggle
         }
       );
     } });
   }
 }
-a(B, "displayName", "CollapsibleTreeExtendedNode");
+__publicField(CollapsibleTreeExtendedNode, "displayName", "CollapsibleTreeExtendedNode");
 export {
-  B as CollapsibleTreeExtendedNode
+  CollapsibleTreeExtendedNode
 };
 //# sourceMappingURL=CollapsibleTreeExtendedNode.js.map

package/components/CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleTreeExtendedNode.js","sources":["../../../../src/components/CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode.tsx"],"sourcesContent":["import React from \"react\";\nimport { ITreeViewNodeProps, ITreeViewNodeProvideProps } from \"../../TreeView/components/TreeViewNode\";\nimport {\n    IAccordionBaseProps,\n    IAccordionBodyProvideProps,\n    IAccordionHeaderProvideProps,\n} from \"../../AccordionBase/types\";\nimport { TreeView } from \"../../TreeView/TreeView\";\nimport { AccordionBase } from \"../../AccordionBase/protected/AccordionBase\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/CollapsibleTreeExtended.module.less\";\n\n/** Свойства, передаваемые CollapsibleTreeExtendedNode в рендер-функцию renderBody. */\nexport interface ICollapsibleTreeExtendedNodeBodyProvideProps\n    extends\n        Pick<IAccordionBodyProvideProps, \"animating\">,\n        Pick<ITreeViewNodeProvideProps, \"activeNode\" | \"hasChildNodes\"> {\n    /** Текущая нода раскрыта. */\n    opened: boolean;\n    /** Функция смены значения opened. */\n    toggle: (opened: boolean) => void;\n}\n\n/** Свойства, передаваемые CollapsibleTreeExtendedNode в рендер-функцию renderHeader. */\nexport interface ICollapsibleTreeExtendedNodeHeaderProvideProps\n    extends\n        Pick<IAccordionHeaderProvideProps, \"animating\">,\n        Pick<ITreeViewNodeProvideProps, \"activeNode\" | \"hasChildNodes\" | \"isLastNode\"> {\n    /** Текущая нода раскрыта. */\n    opened: boolean;\n    /** Функция смены значения opened. */\n    toggle: (opened: boolean) => void;\n}\n\n/** Свойства CollapsibleTreeExtendedNode. */\nexport interface ICollapsibleTreeExtendedNodeProps\n    extends Omit<ITreeViewNodeProps, \"children\">, Pick<IAccordionBaseProps, \"onToggle\" | \"toggle\"> {\n    children?: never;\n    /** Рендер-функция раскрываемого содержимого ноды (обычно дочерние ноды). */\n    renderBody: (props: ICollapsibleTreeExtendedNodeBodyProvideProps) => React.ReactNode;\n    /** Рендер-функция видимой (не сворачиваемой) части ноды. */\n    renderHeader: (props: ICollapsibleTreeExtendedNodeHeaderProvideProps) => React.ReactNode;\n}\n\n/**\n * Нода дерева CollapsibleTreeExtended.\n * Является оберткой TreeView.Node.\n * Сворачиваться/разворачиваться может только если есть дочерние ноды. Они передаются в renderBody.\n *\n * Поддерживает controlled и uncontrolled режим:\n * - если `opened` передан (`!== undefined`) — нода контролируемая, состояние раскрытия читается из props,\n *   а toggle делегируется в `props.toggle`;\n * - если `opened === undefined` — нода неконтролируемая, состояние раскрытия хранит TreeView через `setOpenedNode`.\n *\n * Режим вычисляется на каждом рендере, поэтому переход controlled ↔ uncontrolled во время жизни ноды поддерживается.\n */\nexport class CollapsibleTreeExtendedNode extends React.Component<ICollapsibleTreeExtendedNodeProps> {\n    public static displayName = \"CollapsibleTreeExtendedNode\";\n\n    public render(): JSX.Element {\n        const { opened: openedProps, onToggle, renderBody, renderHeader, toggle, ...treeNodeProps } = this.props;\n        const controlled = openedProps !== undefined;\n\n        return (\n            <TreeView.Node opened={openedProps} {...treeNodeProps}>\n                {(treeViewNodeProps) => {\n                    const opened = controlled ? openedProps : treeViewNodeProps.openedNode;\n                    return (\n                        <AccordionBase\n                            expandAnimationClassName={clsx(styles.collapsibleTreeExtendedNodeContent, {\n                                collapsed: !opened,\n                            })}\n                            renderBody={this.renderBody(treeViewNodeProps)}\n                            renderHeader={this.renderHeader(treeViewNodeProps)}\n                            isOpen={opened}\n                            onToggle={onToggle}\n                        />\n                    );\n                }}\n            </TreeView.Node>\n        );\n    }\n\n    /**\n     * Изменяет состояние ноды — раскрыта/свернута.\n     * В controlled-режиме делегирует в `props.toggle`, в uncontrolled — переключает внутреннее состояние TreeView.\n     * Эта функция передается дочерним компонентам и вызывается из них.\n     */\n    private toggle =\n        ({ openedNode, setOpenedNode }: ITreeViewNodeProvideProps) =>\n        (nextOpened: boolean) => {\n            const { opened: openedProps, toggle } = this.props;\n            const controlled = openedProps !== undefined;\n            const opened = controlled ? openedProps : openedNode;\n\n            if (opened === nextOpened) {\n                return;\n            }\n\n            if (controlled) {\n                toggle?.(nextOpened);\n            } else {\n                setOpenedNode(nextOpened);\n            }\n        };\n\n    /** Рендер-функция для передачи дочерних нод. */\n    private renderBody =\n        (treeViewNodeProvideProps: ITreeViewNodeProvideProps) =>\n        (accordionBodyProvideProps: IAccordionBodyProvideProps) => {\n            const { activeNode, openedNode, hasChildNodes } = treeViewNodeProvideProps;\n            const { animating } = accordionBodyProvideProps;\n            const { opened: openedProps, renderBody } = this.props;\n            const controlled = openedProps !== undefined;\n            const opened = controlled ? openedProps : openedNode;\n\n            const bodyProps: ICollapsibleTreeExtendedNodeBodyProvideProps = {\n                activeNode,\n                animating,\n                hasChildNodes,\n                opened,\n                toggle: this.toggle(treeViewNodeProvideProps),\n            };\n\n            // Внутренние ноды оборачиваются дополнительным тегом.\n            if (hasChildNodes) {\n                return <TreeView.Group>{renderBody(bodyProps)}</TreeView.Group>;\n            }\n\n            return renderBody(bodyProps);\n        };\n\n    /** Рендер-функция не сворачиваемой части ноды. */\n    private renderHeader =\n        (treeViewNodeProvideProps: ITreeViewNodeProvideProps) =>\n        (accordionHeaderProvideProps: IAccordionHeaderProvideProps) => {\n            const { activeNode, openedNode, hasChildNodes, isLastNode } = treeViewNodeProvideProps;\n            const { animating } = accordionHeaderProvideProps;\n            const { opened: openedProps, renderHeader } = this.props;\n            const controlled = openedProps !== undefined;\n            const opened = controlled ? openedProps : openedNode;\n\n            return renderHeader({\n                activeNode,\n                animating,\n                hasChildNodes,\n                isLastNode,\n                opened,\n                toggle: this.toggle(treeViewNodeProvideProps),\n            });\n        };\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAwDO,MAAM,oCAAoC,MAAM,UAA6C;AAAA,EAA7F;AAAA;AAgCK;AAAA;AAAA;AAAA;AAAA;AAAA,kCACJ,CAAC,EAAE,YAAY,cAAA,MACf,CAAC,eAAwB;AACrB,YAAM,EAAE,QAAQ,aAAa,OAAA,IAAW,KAAK;AAC7C,YAAM,aAAa,gBAAgB;AACnC,YAAM,SAAS,aAAa,cAAc;AAE1C,UAAI,WAAW,YAAY;AACvB;AAAA,MACJ;AAEA,UAAI,YAAY;AACZ,yCAAS;AAAA,MACb,OAAO;AACH,sBAAc,UAAU;AAAA,MAC5B;AAAA,IACJ;AAGI;AAAA,sCACJ,CAAC,6BACD,CAAC,8BAA0D;AACvD,YAAM,EAAE,YAAY,YAAY,cAAA,IAAkB;AAClD,YAAM,EAAE,cAAc;AACtB,YAAM,EAAE,QAAQ,aAAa,WAAA,IAAe,KAAK;AACjD,YAAM,aAAa,gBAAgB;AACnC,YAAM,SAAS,aAAa,cAAc;AAE1C,YAAM,YAA0D;AAAA,QAC5D;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ,KAAK,OAAO,wBAAwB;AAAA,MAAA;AAIhD,UAAI,eAAe;AACf,mCAAQ,SAAS,OAAT,EAAgB,UAAA,WAAW,SAAS,GAAE;AAAA,MAClD;AAEA,aAAO,WAAW,SAAS;AAAA,IAC/B;AAGI;AAAA,wCACJ,CAAC,6BACD,CAAC,gCAA8D;AAC3D,YAAM,EAAE,YAAY,YAAY,eAAe,eAAe;AAC9D,YAAM,EAAE,cAAc;AACtB,YAAM,EAAE,QAAQ,aAAa,aAAA,IAAiB,KAAK;AACnD,YAAM,aAAa,gBAAgB;AACnC,YAAM,SAAS,aAAa,cAAc;AAE1C,aAAO,aAAa;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ,KAAK,OAAO,wBAAwB;AAAA,MAAA,CAC/C;AAAA,IACL;AAAA;AAAA,EA3FG,SAAsB;AACzB,UAAM,EAAE,QAAQ,aAAa,UAAU,YAAY,cAAc,QAAQ,GAAG,kBAAkB,KAAK;AACnG,UAAM,aAAa,gBAAgB;AAEnC,WACI,oBAAC,SAAS,MAAT,EAAc,QAAQ,aAAc,GAAG,eACnC,UAAA,CAAC,sBAAsB;AACpB,YAAM,SAAS,aAAa,cAAc,kBAAkB;AAC5D,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,0BAA0B,KAAK,OAAO,oCAAoC;AAAA,YACtE,WAAW,CAAC;AAAA,UAAA,CACf;AAAA,UACD,YAAY,KAAK,WAAW,iBAAiB;AAAA,UAC7C,cAAc,KAAK,aAAa,iBAAiB;AAAA,UACjD,QAAQ;AAAA,UACR;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,GACJ;AAAA,EAER;AAsEJ;AA9FI,cADS,6BACK,eAAc;"}

package/components/CollapsibleTreeExtended/index.js

@@ -1,7 +1,7 @@
-import { CollapsibleTreeExtended as l } from "./CollapsibleTreeExtended.js";
-import { CollapsibleTreeExtendedNode as d } from "./components/CollapsibleTreeExtendedNode.js";
+import { CollapsibleTreeExtended } from "./CollapsibleTreeExtended.js";
+import { CollapsibleTreeExtendedNode } from "./components/CollapsibleTreeExtendedNode.js";
 export {
-  l as CollapsibleTreeExtended,
-  d as CollapsibleTreeExtendedNode
+  CollapsibleTreeExtended,
+  CollapsibleTreeExtendedNode
 };
 //# sourceMappingURL=index.js.map

package/components/CollapsibleTreeExtended/index.js.map

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

package/components/Confirm/Confirm.js

@@ -1,41 +1,42 @@
-import { jsx as i } from "react/jsx-runtime";
-import { ConfirmClose as p } from "./components/ConfirmClose.js";
-import { ConfirmContent as l } from "./components/ConfirmContent.js";
-import { ConfirmControls as f } from "./components/ConfirmControls.js";
-import { c as C } from "../../chunks/vendor-z35N2Tap.js";
-import { Island as t } from "../Island/Island.js";
-import { EIslandType as I } from "../Island/enums.js";
+import { jsx } from "react/jsx-runtime";
+import { ConfirmClose } from "./components/ConfirmClose.js";
+import { ConfirmContent } from "./components/ConfirmContent.js";
+import { ConfirmControls } from "./components/ConfirmControls.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { Island } from "../Island/Island.js";
+import { EIslandType } from "../Island/enums.js";
 import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
-import { EConfirmParentComponent as o } from "./enums.js";
-import { s as r } from "../../chunks/Confirm.module-Bek5Y_d5.js";
-const d = {
-  [o.LIGHTBOX]: r.isInLightBox,
-  [o.SIDE_OVERLAY_SM]: r.isInSideOverlaySM,
-  [o.SIDE_OVERLAY_MD]: r.isInSideOverlayMD,
-  [o.SIDE_OVERLAY_LG]: r.isInSideOverlayLG
-}, m = ({
-  children: n,
-  className: e,
-  parentComponent: s = o.LIGHTBOX,
-  ...a
-}) => /* @__PURE__ */ i(
-  t,
+import { EConfirmParentComponent } from "./enums.js";
+import { s as styles } from "../../chunks/Confirm.module-CtJK7Yvk.js";
+const parentComponentToClassNameMap = {
+  [EConfirmParentComponent.LIGHTBOX]: styles.isInLightBox,
+  [EConfirmParentComponent.SIDE_OVERLAY_SM]: styles.isInSideOverlaySM,
+  [EConfirmParentComponent.SIDE_OVERLAY_MD]: styles.isInSideOverlayMD,
+  [EConfirmParentComponent.SIDE_OVERLAY_LG]: styles.isInSideOverlayLG
+};
+const Confirm = ({
+  children,
+  className,
+  parentComponent = EConfirmParentComponent.LIGHTBOX,
+  ...htmlDivAttributes
+}) => /* @__PURE__ */ jsx(
+  Island,
   {
-    type: I.TYPE_1,
-    className: C(e, r.confirm, d[s]),
+    type: EIslandType.TYPE_1,
+    className: clsx(className, styles.confirm, parentComponentToClassNameMap[parentComponent]),
     role: "dialog",
     "aria-modal": "true",
-    ...a,
-    children: /* @__PURE__ */ i(t.Body, { children: n })
+    ...htmlDivAttributes,
+    children: /* @__PURE__ */ jsx(Island.Body, { children })
   }
 );
-m.displayName = "Confirm";
-m.Close = p;
-m.Content = l;
-m.Controls = f;
+Confirm.displayName = "Confirm";
+Confirm.Close = ConfirmClose;
+Confirm.Content = ConfirmContent;
+Confirm.Controls = ConfirmControls;
 export {
-  m as Confirm
+  Confirm
 };
 //# sourceMappingURL=Confirm.js.map

package/components/Confirm/Confirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Confirm.js","sources":["../../../src/components/Confirm/Confirm.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConfirmClose } from \"./components/ConfirmClose\";\nimport { ConfirmContent } from \"./components/ConfirmContent\";\nimport { ConfirmControls } from \"./components/ConfirmControls\";\nimport clsx from \"clsx\";\nimport { EIslandType, IIslandProps, Island } from \"../Island\";\nimport { EConfirmParentComponent } from \"./enums\";\nimport styles from \"./styles/Confirm.module.less\";\n\n/** Свойства компонента Confirm. */\nexport interface IConfirmProps extends IIslandProps {\n    /** Компонент, в котором используется Confirm.\n     *  От этого зависит максимальная ширина контента Confirm.\n     */\n    parentComponent?: EConfirmParentComponent;\n}\n\nexport interface IConfirmFC extends React.FC<IConfirmProps> {\n    Close: typeof ConfirmClose;\n    Content: typeof ConfirmContent;\n    Controls: typeof ConfirmControls;\n}\n\nconst parentComponentToClassNameMap = {\n    [EConfirmParentComponent.LIGHTBOX]: styles.isInLightBox,\n    [EConfirmParentComponent.SIDE_OVERLAY_SM]: styles.isInSideOverlaySM,\n    [EConfirmParentComponent.SIDE_OVERLAY_MD]: styles.isInSideOverlayMD,\n    [EConfirmParentComponent.SIDE_OVERLAY_LG]: styles.isInSideOverlayLG,\n};\n\n/** Компонент предупреждения, о закрытии лайтбокса / боковой панели лайтбокса. */\nexport const Confirm: IConfirmFC = ({\n    children,\n    className,\n    parentComponent = EConfirmParentComponent.LIGHTBOX,\n    ...htmlDivAttributes\n}) => (\n    <Island\n        type={EIslandType.TYPE_1}\n        className={clsx(className, styles.confirm, parentComponentToClassNameMap[parentComponent])}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        {...htmlDivAttributes}\n    >\n        <Island.Body>{children}</Island.Body>\n    </Island>\n);\n\nConfirm.displayName = \"Confirm\";\nConfirm.Close = ConfirmClose;\nConfirm.Content = ConfirmContent;\nConfirm.Controls = ConfirmControls;\n"],"names":[],"mappings":";;;;;;;;;;;;AAuBA,MAAM,gCAAgC;AAAA,EAClC,CAAC,wBAAwB,QAAQ,GAAG,OAAO;AAAA,EAC3C,CAAC,wBAAwB,eAAe,GAAG,OAAO;AAAA,EAClD,CAAC,wBAAwB,eAAe,GAAG,OAAO;AAAA,EAClD,CAAC,wBAAwB,eAAe,GAAG,OAAO;AACtD;AAGO,MAAM,UAAsB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA,kBAAkB,wBAAwB;AAAA,EAC1C,GAAG;AACP,MACI;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,MAAM,YAAY;AAAA,IAClB,WAAW,KAAK,WAAW,OAAO,SAAS,8BAA8B,eAAe,CAAC;AAAA,IACzF,MAAK;AAAA,IACL,cAAW;AAAA,IACV,GAAG;AAAA,IAEJ,UAAA,oBAAC,OAAO,MAAP,EAAa,SAAA,CAAS;AAAA,EAAA;AAC3B;AAGJ,QAAQ,cAAc;AACtB,QAAQ,QAAQ;AAChB,QAAQ,UAAU;AAClB,QAAQ,WAAW;"}