@sberbusiness/triplex-next 1.33.0 → 1.35.0

package/components/EmptyView/EmptyView.js

@@ -1,78 +1,87 @@
-import { EEmptyViewSize as i } from "./enums.js";
-import { jsxs as s, jsx as e, Fragment as x } from "react/jsx-runtime";
-import N from "react";
-import { c as A } from "../../chunks/vendor-D5cfSbgz.js";
-import { Title as R } from "../Typography/Title.js";
-import { EFontWeightTitle as h, ETitleSize as p, ETextSize as _, EFontType as d, EFontWeightText as M } from "../Typography/enums.js";
-import { Text as S } from "../Typography/Text.js";
-import { Gap as n } from "../Gap/Gap.js";
-const B = "emptyView__71ef0958", D = "container__f845e19f", g = "icon__b1acea28", I = "textBlock__78d64c5b", t = {
-  emptyView: B,
-  container: D,
-  icon: g,
-  textBlock: I
-}, V = {
-  [i.SM]: t.sm,
-  [i.MD]: t.md
-}, v = {
-  [i.SM]: { size: p.H3, weight: h.MEDIUM },
-  [i.MD]: { size: p.H2, weight: h.SEMIBOLD }
-}, f = {
-  [i.SM]: _.B3,
-  [i.MD]: _.B2
-}, z = {
-  [i.SM]: 16,
-  [i.MD]: 24
-}, k = N.forwardRef(
-  ({ className: T, size: c, icon: a, title: o, description: r, caption: m, buttons: E, ...w }, y) => {
-    const l = !!(r || m);
-    return /* @__PURE__ */ s(
+import { EEmptyViewSize } from "./enums.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { Title } from "../Typography/Title.js";
+import { EFontWeightTitle, ETitleSize, ETextSize, EFontType, EFontWeightText } from "../Typography/enums.js";
+import { Text } from "../Typography/Text.js";
+import { Gap } from "../Gap/Gap.js";
+const emptyView = "emptyView__8435fdeb";
+const container = "container__7340e9a3";
+const icon = "icon__1de75ace";
+const textBlock = "textBlock__bd84486e";
+const styles = {
+  emptyView,
+  container,
+  icon,
+  textBlock
+};
+const SIZE_CLASS_MAP = {
+  [EEmptyViewSize.SM]: styles.sm,
+  [EEmptyViewSize.MD]: styles.md
+};
+const TITLE_CONFIG = {
+  [EEmptyViewSize.SM]: { size: ETitleSize.H3, weight: EFontWeightTitle.MEDIUM },
+  [EEmptyViewSize.MD]: { size: ETitleSize.H2, weight: EFontWeightTitle.SEMIBOLD }
+};
+const TEXT_SIZE_MAP = {
+  [EEmptyViewSize.SM]: ETextSize.B3,
+  [EEmptyViewSize.MD]: ETextSize.B2
+};
+const BUTTONS_GAP_MAP = {
+  [EEmptyViewSize.SM]: 16,
+  [EEmptyViewSize.MD]: 24
+};
+const EmptyView = React__default.forwardRef(
+  ({ className, size, icon: icon2, title, description, caption, buttons, ...rest }, ref) => {
+    const hasDescription = !!(description || caption);
+    return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: A(t.emptyView, V[c], { [t.hasTitle]: !!o }, T),
-        ref: y,
-        ...w,
+        className: clsx(styles.emptyView, SIZE_CLASS_MAP[size], { [styles.hasTitle]: !!title }, className),
+        ref,
+        ...rest,
         children: [
-          /* @__PURE__ */ s("div", { className: t.container, children: [
-            a && /* @__PURE__ */ e("div", { className: t.icon, children: a }),
-            a && c === i.SM && /* @__PURE__ */ e(n, { size: 8 }),
-            (o || l) && /* @__PURE__ */ s("div", { className: t.textBlock, children: [
-              o && /* @__PURE__ */ e(R, { ...v[c], children: o }),
-              o && l && /* @__PURE__ */ e(n, { size: 12 }),
-              l && /* @__PURE__ */ s("div", { className: t.descriptionBlock, children: [
-                r && /* @__PURE__ */ e(
-                  S,
+          /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
+            icon2 && /* @__PURE__ */ jsx("div", { className: styles.icon, children: icon2 }),
+            icon2 && size === EEmptyViewSize.SM && /* @__PURE__ */ jsx(Gap, { size: 8 }),
+            (title || hasDescription) && /* @__PURE__ */ jsxs("div", { className: styles.textBlock, children: [
+              title && /* @__PURE__ */ jsx(Title, { ...TITLE_CONFIG[size], children: title }),
+              title && hasDescription && /* @__PURE__ */ jsx(Gap, { size: 12 }),
+              hasDescription && /* @__PURE__ */ jsxs("div", { className: styles.descriptionBlock, children: [
+                description && /* @__PURE__ */ jsx(
+                  Text,
                   {
-                    size: f[c],
-                    weight: M.REGULAR,
-                    type: o ? d.SECONDARY : d.PRIMARY,
-                    children: r
+                    size: TEXT_SIZE_MAP[size],
+                    weight: EFontWeightText.REGULAR,
+                    type: title ? EFontType.SECONDARY : EFontType.PRIMARY,
+                    children: description
                   }
                 ),
-                r && m && /* @__PURE__ */ e(n, { size: 8 }),
-                m && /* @__PURE__ */ e(
-                  S,
+                description && caption && /* @__PURE__ */ jsx(Gap, { size: 8 }),
+                caption && /* @__PURE__ */ jsx(
+                  Text,
                   {
-                    size: f[c],
-                    weight: M.REGULAR,
-                    type: d.SECONDARY,
-                    children: m
+                    size: TEXT_SIZE_MAP[size],
+                    weight: EFontWeightText.REGULAR,
+                    type: EFontType.SECONDARY,
+                    children: caption
                   }
                 )
               ] })
             ] })
           ] }),
-          E && /* @__PURE__ */ s(x, { children: [
-            /* @__PURE__ */ e(n, { size: z[c] }),
-            /* @__PURE__ */ e("div", { className: t.buttons, children: E })
+          buttons && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Gap, { size: BUTTONS_GAP_MAP[size] }),
+            /* @__PURE__ */ jsx("div", { className: styles.buttons, children: buttons })
           ] })
         ]
       }
     );
   }
 );
-k.displayName = "EmptyView";
+EmptyView.displayName = "EmptyView";
 export {
-  k as EmptyView
+  EmptyView
 };
 //# sourceMappingURL=EmptyView.js.map

package/components/EmptyView/EmptyView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyView.js","sources":["../../../src/components/EmptyView/EmptyView.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IEmptyViewProps } from \"./types\";\nimport { EEmptyViewSize } from \"./enums\";\nimport { Title } from \"../Typography/Title\";\nimport { EFontType, EFontWeightText, EFontWeightTitle, ETextSize, ETitleSize } from \"../Typography/enums\";\nimport { Text } from \"../Typography/Text\";\nimport { Gap, TGapSize } from \"../Gap/Gap\";\nimport styles from \"./styles/EmptyView.module.less\";\n\nconst SIZE_CLASS_MAP: Record<EEmptyViewSize, string> = {\n    [EEmptyViewSize.SM]: styles.sm,\n    [EEmptyViewSize.MD]: styles.md,\n};\n\nconst TITLE_CONFIG: Record<EEmptyViewSize, { size: ETitleSize; weight: EFontWeightTitle }> = {\n    [EEmptyViewSize.SM]: { size: ETitleSize.H3, weight: EFontWeightTitle.MEDIUM },\n    [EEmptyViewSize.MD]: { size: ETitleSize.H2, weight: EFontWeightTitle.SEMIBOLD },\n};\n\nconst TEXT_SIZE_MAP: Record<EEmptyViewSize, ETextSize> = {\n    [EEmptyViewSize.SM]: ETextSize.B3,\n    [EEmptyViewSize.MD]: ETextSize.B2,\n};\n\nconst BUTTONS_GAP_MAP: Record<EEmptyViewSize, TGapSize> = {\n    [EEmptyViewSize.SM]: 16,\n    [EEmptyViewSize.MD]: 24,\n};\n\n/** Заглушка для пустых состояний. */\nexport const EmptyView = React.forwardRef<HTMLDivElement, IEmptyViewProps>(\n    ({ className, size, icon, title, description, caption, buttons, ...rest }, ref) => {\n        const hasDescription = !!(description || caption);\n\n        return (\n            <div\n                className={clsx(styles.emptyView, SIZE_CLASS_MAP[size], { [styles.hasTitle]: !!title }, className)}\n                ref={ref}\n                {...rest}\n            >\n                <div className={styles.container}>\n                    {icon && <div className={styles.icon}>{icon}</div>}\n                    {icon && size === EEmptyViewSize.SM && <Gap size={8} />}\n\n                    {(title || hasDescription) && (\n                        <div className={styles.textBlock}>\n                            {title && <Title {...TITLE_CONFIG[size]}>{title}</Title>}\n                            {title && hasDescription && <Gap size={12} />}\n\n                            {hasDescription && (\n                                <div className={styles.descriptionBlock}>\n                                    {description && (\n                                        <Text\n                                            size={TEXT_SIZE_MAP[size]}\n                                            weight={EFontWeightText.REGULAR}\n                                            type={title ? EFontType.SECONDARY : EFontType.PRIMARY}\n                                        >\n                                            {description}\n                                        </Text>\n                                    )}\n                                    {description && caption && <Gap size={8} />}\n                                    {caption && (\n                                        <Text\n                                            size={TEXT_SIZE_MAP[size]}\n                                            weight={EFontWeightText.REGULAR}\n                                            type={EFontType.SECONDARY}\n                                        >\n                                            {caption}\n                                        </Text>\n                                    )}\n                                </div>\n                            )}\n                        </div>\n                    )}\n                </div>\n\n                {buttons && (\n                    <>\n                        <Gap size={BUTTONS_GAP_MAP[size]} />\n                        <div className={styles.buttons}>{buttons}</div>\n                    </>\n                )}\n            </div>\n        );\n    },\n);\n\nEmptyView.displayName = \"EmptyView\";\n"],"names":["React","icon"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,MAAM,iBAAiD;AAAA,EACnD,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAEA,MAAM,eAAuF;AAAA,EACzF,CAAC,eAAe,EAAE,GAAG,EAAE,MAAM,WAAW,IAAI,QAAQ,iBAAiB,OAAA;AAAA,EACrE,CAAC,eAAe,EAAE,GAAG,EAAE,MAAM,WAAW,IAAI,QAAQ,iBAAiB,SAAA;AACzE;AAEA,MAAM,gBAAmD;AAAA,EACrD,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAEA,MAAM,kBAAoD;AAAA,EACtD,CAAC,eAAe,EAAE,GAAG;AAAA,EACrB,CAAC,eAAe,EAAE,GAAG;AACzB;AAGO,MAAM,YAAYA,eAAM;AAAA,EAC3B,CAAC,EAAE,WAAW,MAAM,MAAAC,OAAM,OAAO,aAAa,SAAS,SAAS,GAAG,KAAA,GAAQ,QAAQ;AAC/E,UAAM,iBAAiB,CAAC,EAAE,eAAe;AAEzC,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,WAAW,eAAe,IAAI,GAAG,EAAE,CAAC,OAAO,QAAQ,GAAG,CAAC,CAAC,MAAA,GAAS,SAAS;AAAA,QACjG;AAAA,QACC,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAW,OAAO,WAClB,UAAA;AAAA,YAAAA,SAAQ,oBAAC,OAAA,EAAI,WAAW,OAAO,MAAO,UAAAA,OAAK;AAAA,YAC3CA,SAAQ,SAAS,eAAe,MAAM,oBAAC,KAAA,EAAI,MAAM,GAAG;AAAA,aAEnD,SAAS,mBACP,qBAAC,OAAA,EAAI,WAAW,OAAO,WAClB,UAAA;AAAA,cAAA,6BAAU,OAAA,EAAO,GAAG,aAAa,IAAI,GAAI,UAAA,OAAM;AAAA,cAC/C,SAAS,kBAAkB,oBAAC,KAAA,EAAI,MAAM,IAAI;AAAA,cAE1C,kBACG,qBAAC,OAAA,EAAI,WAAW,OAAO,kBAClB,UAAA;AAAA,gBAAA,eACG;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,MAAM,cAAc,IAAI;AAAA,oBACxB,QAAQ,gBAAgB;AAAA,oBACxB,MAAM,QAAQ,UAAU,YAAY,UAAU;AAAA,oBAE7C,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGR,eAAe,WAAW,oBAAC,KAAA,EAAI,MAAM,GAAG;AAAA,gBACxC,WACG;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,MAAM,cAAc,IAAI;AAAA,oBACxB,QAAQ,gBAAgB;AAAA,oBACxB,MAAM,UAAU;AAAA,oBAEf,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACL,EAAA,CAER;AAAA,YAAA,EAAA,CAER;AAAA,UAAA,GAER;AAAA,UAEC,WACG,qBAAA,UAAA,EACI,UAAA;AAAA,YAAA,oBAAC,KAAA,EAAI,MAAM,gBAAgB,IAAI,EAAA,CAAG;AAAA,YAClC,oBAAC,OAAA,EAAI,WAAW,OAAO,SAAU,UAAA,QAAA,CAAQ;AAAA,UAAA,EAAA,CAC7C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIhB;AACJ;AAEA,UAAU,cAAc;"}

package/components/EmptyView/enums.js

@@ -1,5 +1,9 @@
-var M = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r))(M || {});
+var EEmptyViewSize = /* @__PURE__ */ ((EEmptyViewSize2) => {
+  EEmptyViewSize2["SM"] = "sm";
+  EEmptyViewSize2["MD"] = "md";
+  return EEmptyViewSize2;
+})(EEmptyViewSize || {});
 export {
-  M as EEmptyViewSize
+  EEmptyViewSize
 };
 //# sourceMappingURL=enums.js.map

package/components/EmptyView/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../src/components/EmptyView/enums.ts"],"sourcesContent":["export enum EEmptyViewSize {\n    SM = \"sm\",\n    MD = \"md\",\n}\n"],"names":["EEmptyViewSize"],"mappings":"AAAO,IAAK,mCAAAA,oBAAL;AACHA,kBAAA,IAAA,IAAK;AACLA,kBAAA,IAAA,IAAK;AAFG,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;"}

package/components/EmptyView/index.js

@@ -1,7 +1,7 @@
-import { EEmptyViewSize as o } from "./enums.js";
-import { EmptyView as r } from "./EmptyView.js";
+import { EEmptyViewSize } from "./enums.js";
+import { EmptyView } from "./EmptyView.js";
 export {
-  o as EEmptyViewSize,
-  r as EmptyView
+  EEmptyViewSize,
+  EmptyView
 };
 //# sourceMappingURL=index.js.map

package/components/EmptyView/index.js.map

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

package/components/EmptyView/types.js.map

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

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,72 +1,97 @@
-import { jsx as g } from "react/jsx-runtime";
-import U, { useRef as A } from "react";
-import { A as b, c as j } from "../../chunks/vendor-D5cfSbgz.js";
-const F = "expandAnimation__3a5f573d", I = {
-  expandAnimation: F
-}, L = 300, M = U.forwardRef(
+import { jsx } from "react/jsx-runtime";
+import React__default, { useRef } from "react";
+import { A as Transition, c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+const expandAnimation = "expandAnimation__693e4267";
+const styles = {
+  expandAnimation
+};
+const TIMEOUT_DEFAULT = 300;
+const ExpandAnimation = React__default.forwardRef(
   ({
-    children: y,
-    className: E,
-    expanded: v,
-    animationTime: x = L,
-    style: R,
-    onStart: l,
-    onEnd: h,
-    transitionProps: e,
-    ..._
-  }, f) => {
-    const m = A({
+    children,
+    className,
+    expanded,
+    animationTime = TIMEOUT_DEFAULT,
+    style,
+    onStart,
+    onEnd,
+    transitionProps,
+    ...rest
+  }, ref) => {
+    const transitionStylesRef = useRef({
       entering: { height: void 0, overflow: "hidden" },
       entered: {},
       exiting: { height: 0, overflow: "hidden" },
       exited: { height: 0, overflow: "hidden", visibility: "hidden" },
       unmounted: {}
-    }), d = A(null), w = (c) => {
-      var u;
-      d.current && (m.current.entering.height = d.current.scrollHeight), l == null || l(), (u = e == null ? void 0 : e.onEnter) == null || u.call(e, c);
-    }, H = (c) => {
-      var u;
-      h == null || h(), (u = e == null ? void 0 : e.onEntered) == null || u.call(e, c);
-    }, T = () => {
-      var c;
-      d.current && (d.current.style.height = d.current.scrollHeight + "px", d.current.scrollHeight), l == null || l(), (c = e == null ? void 0 : e.onExit) == null || c.call(e);
-    }, D = () => {
-      var c;
-      h == null || h(), (c = e == null ? void 0 : e.onExited) == null || c.call(e);
-    }, N = (c) => {
-      d.current = c, typeof f == "function" ? f(c) : f && (f.current = c);
+    });
+    const nodeRef = useRef(null);
+    const handleEnter = (appearing) => {
+      var _a;
+      if (nodeRef.current) {
+        transitionStylesRef.current["entering"].height = nodeRef.current.scrollHeight;
+      }
+      onStart == null ? void 0 : onStart();
+      (_a = transitionProps == null ? void 0 : transitionProps.onEnter) == null ? void 0 : _a.call(transitionProps, appearing);
+    };
+    const handleEntered = (appearing) => {
+      var _a;
+      onEnd == null ? void 0 : onEnd();
+      (_a = transitionProps == null ? void 0 : transitionProps.onEntered) == null ? void 0 : _a.call(transitionProps, appearing);
+    };
+    const handleExit = () => {
+      var _a;
+      if (nodeRef.current) {
+        nodeRef.current.style.height = nodeRef.current.scrollHeight + "px";
+        nodeRef.current.scrollHeight;
+      }
+      onStart == null ? void 0 : onStart();
+      (_a = transitionProps == null ? void 0 : transitionProps.onExit) == null ? void 0 : _a.call(transitionProps);
+    };
+    const handleExited = () => {
+      var _a;
+      onEnd == null ? void 0 : onEnd();
+      (_a = transitionProps == null ? void 0 : transitionProps.onExited) == null ? void 0 : _a.call(transitionProps);
+    };
+    const setRef = (instance) => {
+      nodeRef.current = instance;
+      if (typeof ref === "function") {
+        ref(instance);
+      } else if (ref) {
+        ref.current = instance;
+      }
     };
-    return /* @__PURE__ */ g(
-      b,
+    return /* @__PURE__ */ jsx(
+      Transition,
       {
-        in: v,
-        timeout: x,
-        nodeRef: d,
-        ...e,
-        onEnter: w,
-        onEntered: H,
-        onExit: T,
-        onExited: D,
-        children: (c) => /* @__PURE__ */ g(
+        in: expanded,
+        timeout: animationTime,
+        nodeRef,
+        ...transitionProps,
+        onEnter: handleEnter,
+        onEntered: handleEntered,
+        onExit: handleExit,
+        onExited: handleExited,
+        children: (state) => /* @__PURE__ */ jsx(
           "div",
           {
-            className: j(I.expandAnimation, E),
+            className: clsx(styles.expandAnimation, className),
             style: {
-              transitionDuration: x + "ms",
-              ...m.current[c],
-              ...R
+              transitionDuration: animationTime + "ms",
+              ...transitionStylesRef.current[state],
+              ...style
             },
-            ..._,
-            ref: N,
-            children: y
+            ...rest,
+            ref: setRef,
+            children
           }
         )
       }
     );
   }
 );
-M.displayName = "ExpandAnimation";
+ExpandAnimation.displayName = "ExpandAnimation";
 export {
-  M as ExpandAnimation
+  ExpandAnimation
 };
 //# sourceMappingURL=ExpandAnimation.js.map

package/components/ExpandAnimation/ExpandAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandAnimation.js","sources":["../../../src/components/ExpandAnimation/ExpandAnimation.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { Transition, TransitionStatus } from \"react-transition-group\";\nimport styles from \"./styles/ExpandAnimation.module.less\";\nimport { clsx } from \"clsx\";\n\n/** Свойства компонента ExpandAnimation. */\nexport interface IExpandAnimationProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Время анимации (мс). */\n    animationTime?: number;\n    /** Развёрнут ли компонент. */\n    expanded: boolean;\n    /** Коллбэк на начало анимации. */\n    onStart?: () => void;\n    /** Коллбэк на окончание анимации. */\n    onEnd?: () => void;\n    /** Свойства компонента Transition (react-transition-group). */\n    transitionProps?: React.ComponentProps<typeof Transition<HTMLDivElement>>;\n}\n\n// Время исполнения анимации по-умолчанию.\nconst TIMEOUT_DEFAULT = 300;\n\n/** Компонент анимации сворачивания/разворачивания контента. */\nexport const ExpandAnimation = React.forwardRef<HTMLDivElement, IExpandAnimationProps>(\n    (\n        {\n            children,\n            className,\n            expanded,\n            animationTime = TIMEOUT_DEFAULT,\n            style,\n            onStart,\n            onEnd,\n            transitionProps,\n            ...rest\n        },\n        ref,\n    ) => {\n        const transitionStylesRef = useRef<Record<TransitionStatus, React.CSSProperties>>({\n            entering: { height: undefined, overflow: \"hidden\" },\n            entered: {},\n            exiting: { height: 0, overflow: \"hidden\" },\n            exited: { height: 0, overflow: \"hidden\", visibility: \"hidden\" },\n            unmounted: {},\n        });\n        const nodeRef = useRef<HTMLDivElement | null>(null);\n\n        const handleEnter = (appearing: boolean) => {\n            if (nodeRef.current) {\n                transitionStylesRef.current[\"entering\"].height = nodeRef.current.scrollHeight;\n            }\n\n            onStart?.();\n            transitionProps?.onEnter?.(appearing);\n        };\n\n        const handleEntered = (appearing: boolean) => {\n            onEnd?.();\n            transitionProps?.onEntered?.(appearing);\n        };\n\n        const handleExit = () => {\n            if (nodeRef.current) {\n                nodeRef.current.style.height = nodeRef.current.scrollHeight + \"px\";\n                // trigger reflow\n                // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n                nodeRef.current.scrollHeight;\n            }\n\n            onStart?.();\n            transitionProps?.onExit?.();\n        };\n\n        const handleExited = () => {\n            onEnd?.();\n            transitionProps?.onExited?.();\n        };\n\n        const setRef = (instance: HTMLDivElement | null) => {\n            nodeRef.current = instance;\n\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        return (\n            <Transition\n                in={expanded}\n                timeout={animationTime}\n                nodeRef={nodeRef}\n                {...transitionProps}\n                onEnter={handleEnter}\n                onEntered={handleEntered}\n                onExit={handleExit}\n                onExited={handleExited}\n            >\n                {(state) => (\n                    <div\n                        className={clsx(styles.expandAnimation, className)}\n                        style={{\n                            transitionDuration: animationTime + \"ms\",\n                            ...transitionStylesRef.current[state],\n                            ...style,\n                        }}\n                        {...rest}\n                        ref={setRef}\n                    >\n                        {children}\n                    </div>\n                )}\n            </Transition>\n        );\n    },\n);\n\nExpandAnimation.displayName = \"ExpandAnimation\";\n"],"names":["React"],"mappings":";;;;;;;AAoBA,MAAM,kBAAkB;AAGjB,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,sBAAsB,OAAsD;AAAA,MAC9E,UAAU,EAAE,QAAQ,QAAW,UAAU,SAAA;AAAA,MACzC,SAAS,CAAA;AAAA,MACT,SAAS,EAAE,QAAQ,GAAG,UAAU,SAAA;AAAA,MAChC,QAAQ,EAAE,QAAQ,GAAG,UAAU,UAAU,YAAY,SAAA;AAAA,MACrD,WAAW,CAAA;AAAA,IAAC,CACf;AACD,UAAM,UAAU,OAA8B,IAAI;AAElD,UAAM,cAAc,CAAC,cAAuB;;AACxC,UAAI,QAAQ,SAAS;AACjB,4BAAoB,QAAQ,UAAU,EAAE,SAAS,QAAQ,QAAQ;AAAA,MACrE;AAEA;AACA,+DAAiB,YAAjB,yCAA2B;AAAA,IAC/B;AAEA,UAAM,gBAAgB,CAAC,cAAuB;;AAC1C;AACA,+DAAiB,cAAjB,yCAA6B;AAAA,IACjC;AAEA,UAAM,aAAa,MAAM;;AACrB,UAAI,QAAQ,SAAS;AACjB,gBAAQ,QAAQ,MAAM,SAAS,QAAQ,QAAQ,eAAe;AAG9D,gBAAQ,QAAQ;AAAA,MACpB;AAEA;AACA,+DAAiB,WAAjB;AAAA,IACJ;AAEA,UAAM,eAAe,MAAM;;AACvB;AACA,+DAAiB,aAAjB;AAAA,IACJ;AAEA,UAAM,SAAS,CAAC,aAAoC;AAChD,cAAQ,UAAU;AAElB,UAAI,OAAO,QAAQ,YAAY;AAC3B,YAAI,QAAQ;AAAA,MAChB,WAAW,KAAK;AACZ,YAAI,UAAU;AAAA,MAClB;AAAA,IACJ;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAI;AAAA,QACJ,SAAS;AAAA,QACT;AAAA,QACC,GAAG;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,UAAU;AAAA,QAET,WAAC,UACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW,KAAK,OAAO,iBAAiB,SAAS;AAAA,YACjD,OAAO;AAAA,cACH,oBAAoB,gBAAgB;AAAA,cACpC,GAAG,oBAAoB,QAAQ,KAAK;AAAA,cACpC,GAAG;AAAA,YAAA;AAAA,YAEN,GAAG;AAAA,YACJ,KAAK;AAAA,YAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAIhB;AACJ;AAEA,gBAAgB,cAAc;"}

package/components/ExpandAnimation/index.js

@@ -1,5 +1,5 @@
-import { ExpandAnimation as a } from "./ExpandAnimation.js";
+import { ExpandAnimation } from "./ExpandAnimation.js";
 export {
-  a as ExpandAnimation
+  ExpandAnimation
 };
 //# sourceMappingURL=index.js.map

package/components/ExpandAnimation/index.js.map

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

package/components/FocusTrapExtended/FocusTrapExtended.js

@@ -1,34 +1,42 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useRef as l } from "react";
-import { j as n } from "../../chunks/vendor-D5cfSbgz.js";
-const d = ({ focusTrapOptions: e, ...i }) => {
-  const u = l(!1);
-  return /* @__PURE__ */ s(
-    n.FocusTrap,
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { j as focusTrapReactExports } from "../../chunks/vendor-Bco_z_Yi.js";
+const FocusTrapExtended = ({ focusTrapOptions, ...restProps }) => {
+  const outsideClickRef = useRef(false);
+  return /* @__PURE__ */ jsx(
+    focusTrapReactExports.FocusTrap,
     {
-      ...i,
+      ...restProps,
       focusTrapOptions: {
-        ...e,
-        clickOutsideDeactivates: (t) => {
-          if (typeof (e == null ? void 0 : e.clickOutsideDeactivates) == "function") {
-            const r = e.clickOutsideDeactivates(t);
-            return r && (u.current = !0), r;
+        ...focusTrapOptions,
+        clickOutsideDeactivates: (event) => {
+          if (typeof (focusTrapOptions == null ? void 0 : focusTrapOptions.clickOutsideDeactivates) === "function") {
+            const deactivates = focusTrapOptions.clickOutsideDeactivates(event);
+            if (deactivates) {
+              outsideClickRef.current = true;
+            }
+            return deactivates;
           }
-          return u.current = !0, !0;
+          outsideClickRef.current = true;
+          return true;
         },
-        setReturnFocus: (t) => {
-          const r = u.current;
-          if (u.current = !1, typeof (e == null ? void 0 : e.setReturnFocus) == "function") {
-            const c = e.setReturnFocus(t);
-            return r && c === t ? !1 : c;
+        setReturnFocus: (node) => {
+          const outsideClick = outsideClickRef.current;
+          outsideClickRef.current = false;
+          if (typeof (focusTrapOptions == null ? void 0 : focusTrapOptions.setReturnFocus) === "function") {
+            const userResult = focusTrapOptions.setReturnFocus(node);
+            return outsideClick && userResult === node ? false : userResult;
           }
-          return r ? !1 : t;
+          if (outsideClick) {
+            return false;
+          }
+          return node;
         }
       }
     }
   );
 };
 export {
-  d as FocusTrapExtended
+  FocusTrapExtended
 };
 //# sourceMappingURL=FocusTrapExtended.js.map

package/components/FocusTrapExtended/FocusTrapExtended.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrapExtended.js","sources":["../../../src/components/FocusTrapExtended/FocusTrapExtended.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { FocusTrap, FocusTrapProps } from \"focus-trap-react\";\n\n/** Свойства компонента FocusTrapExtended. */\nexport interface IFocusTrapExtendedProps extends FocusTrapProps {}\n\n/**\n * Обёртка над `FocusTrap`, которая управляет возвратом фокуса в зависимости от сценария закрытия.\n *\n * **Ключевые особенности:**\n * - По умолчанию активирует опцию `clickOutsideDeactivates`.\n * - Если ловушка фокуса закрывается изнутри, фокус автоматически возвращается на элемент, который её активировал.\n * - Если деактивация происходит из-за клика снаружи, фокус не перехватывается.\n */\nexport const FocusTrapExtended: React.FC<IFocusTrapExtendedProps> = ({ focusTrapOptions, ...restProps }) => {\n    const outsideClickRef = useRef(false);\n\n    return (\n        <FocusTrap\n            {...restProps}\n            focusTrapOptions={{\n                ...focusTrapOptions,\n                clickOutsideDeactivates: (event) => {\n                    if (typeof focusTrapOptions?.clickOutsideDeactivates === \"function\") {\n                        const deactivates = focusTrapOptions.clickOutsideDeactivates(event);\n                        if (deactivates) {\n                            outsideClickRef.current = true;\n                        }\n                        return deactivates;\n                    }\n\n                    outsideClickRef.current = true;\n                    return true;\n                },\n                setReturnFocus: (node) => {\n                    const outsideClick = outsideClickRef.current;\n                    outsideClickRef.current = false;\n\n                    if (typeof focusTrapOptions?.setReturnFocus === \"function\") {\n                        const userResult = focusTrapOptions.setReturnFocus(node);\n                        // Если был внешний клик и пользователь вернул node, подавляем возврат.\n                        return outsideClick && userResult === node ? false : userResult;\n                    }\n\n                    if (outsideClick) {\n                        return false;\n                    }\n\n                    return node;\n                },\n            }}\n        />\n    );\n};\n"],"names":["FocusTrap"],"mappings":";;;AAcO,MAAM,oBAAuD,CAAC,EAAE,kBAAkB,GAAG,gBAAgB;AACxG,QAAM,kBAAkB,OAAO,KAAK;AAEpC,SACI;AAAA,IAACA,sBAAAA;AAAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,kBAAkB;AAAA,QACd,GAAG;AAAA,QACH,yBAAyB,CAAC,UAAU;AAChC,cAAI,QAAO,qDAAkB,6BAA4B,YAAY;AACjE,kBAAM,cAAc,iBAAiB,wBAAwB,KAAK;AAClE,gBAAI,aAAa;AACb,8BAAgB,UAAU;AAAA,YAC9B;AACA,mBAAO;AAAA,UACX;AAEA,0BAAgB,UAAU;AAC1B,iBAAO;AAAA,QACX;AAAA,QACA,gBAAgB,CAAC,SAAS;AACtB,gBAAM,eAAe,gBAAgB;AACrC,0BAAgB,UAAU;AAE1B,cAAI,QAAO,qDAAkB,oBAAmB,YAAY;AACxD,kBAAM,aAAa,iBAAiB,eAAe,IAAI;AAEvD,mBAAO,gBAAgB,eAAe,OAAO,QAAQ;AAAA,UACzD;AAEA,cAAI,cAAc;AACd,mBAAO;AAAA,UACX;AAEA,iBAAO;AAAA,QACX;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;"}

package/components/FocusTrapExtended/index.js

@@ -1,5 +1,5 @@
-import { FocusTrapExtended as r } from "./FocusTrapExtended.js";
+import { FocusTrapExtended } from "./FocusTrapExtended.js";
 export {
-  r as FocusTrapExtended
+  FocusTrapExtended
 };
 //# sourceMappingURL=index.js.map

package/components/FocusTrapExtended/index.js.map

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

package/components/Footer/Footer.js

@@ -1,18 +1,18 @@
-import { jsx as e } from "react/jsx-runtime";
-import i from "react";
-import { FooterDescription as m } from "./components/FooterDescription.js";
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { FooterDescription } from "./components/FooterDescription.js";
 import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
-const p = Object.assign(
-  i.forwardRef(function({ children: o, ...t }, r) {
-    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.33.0", ref: r, children: o });
+const Footer = Object.assign(
+  React__default.forwardRef(function Footer2({ children, ...rest }, ref) {
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "1.35.0", ref, children });
   }),
   {
-    Description: m
+    Description: FooterDescription
   }
 );
-p.displayName = "Footer";
+Footer.displayName = "Footer";
 export {
-  p as Footer
+  Footer
 };
 //# sourceMappingURL=Footer.js.map

package/components/Footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import React from \"react\";\nimport { FooterDescription } from \"./components/FooterDescription\";\n\n/** Свойства компонента Footer. */\nexport interface IFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Футер. */\nexport const Footer = Object.assign(\n    React.forwardRef<HTMLDivElement, IFooterProps>(function Footer({ children, ...rest }, ref) {\n        return (\n            <div {...rest} data-tx={process.env.npm_package_version} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Description: FooterDescription,\n    },\n);\n\nFooter.displayName = \"Footer\";\n"],"names":["React","Footer"],"mappings":";;;;;AAOO,MAAM,SAAS,OAAO;AAAA,EACzBA,eAAM,WAAyC,SAASC,QAAO,EAAE,UAAU,GAAG,KAAA,GAAQ,KAAK;AACvF,WACI,oBAAC,SAAK,GAAG,MAAM,WAAS,UAAiC,KACpD,UACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,aAAa;AAAA,EAAA;AAErB;AAEA,OAAO,cAAc;"}

package/components/Footer/components/FooterDescription.js

@@ -1,20 +1,20 @@
-import { jsx as i } from "react/jsx-runtime";
-import s from "react";
-import { FooterDescriptionContent as n } from "./FooterDescriptionContent.js";
-import { FooterDescriptionControls as m } from "./FooterDescriptionControls.js";
-import { c as p } from "../../../chunks/vendor-D5cfSbgz.js";
-import { s as c } from "../../../chunks/Footer.module-CV6e-B3r.js";
-const f = Object.assign(
-  s.forwardRef(function({ children: o, className: t, ...r }, e) {
-    return /* @__PURE__ */ i("div", { className: p(c.footerDescription, t), ...r, ref: e, children: o });
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { FooterDescriptionContent } from "./FooterDescriptionContent.js";
+import { FooterDescriptionControls } from "./FooterDescriptionControls.js";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../chunks/Footer.module-B1W_xrx0.js";
+const FooterDescription = Object.assign(
+  React__default.forwardRef(function FooterDescription2({ children, className, ...rest }, ref) {
+    return /* @__PURE__ */ jsx("div", { className: clsx(styles.footerDescription, className), ...rest, ref, children });
   }),
   {
-    Content: n,
-    Controls: m
+    Content: FooterDescriptionContent,
+    Controls: FooterDescriptionControls
   }
 );
-f.displayName = "FooterDescription";
+FooterDescription.displayName = "FooterDescription";
 export {
-  f as FooterDescription
+  FooterDescription
 };
 //# sourceMappingURL=FooterDescription.js.map

package/components/Footer/components/FooterDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterDescription.js","sources":["../../../../src/components/Footer/components/FooterDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport { FooterDescriptionContent } from \"./FooterDescriptionContent\";\nimport { FooterDescriptionControls } from \"./FooterDescriptionControls\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Footer.module.less\";\n\n/** Свойства компонента FooterDescription. */\nexport interface IFooterDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Футер, основная часть. */\nexport const FooterDescription = Object.assign(\n    React.forwardRef<HTMLDivElement, IFooterDescriptionProps>(function FooterDescription(\n        { children, className, ...rest },\n        ref,\n    ) {\n        return (\n            <div className={clsx(styles.footerDescription, className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Content: FooterDescriptionContent,\n        Controls: FooterDescriptionControls,\n    },\n);\n\nFooterDescription.displayName = \"FooterDescription\";\n"],"names":["React","FooterDescription"],"mappings":";;;;;;AAUO,MAAM,oBAAoB,OAAO;AAAA,EACpCA,eAAM,WAAoD,SAASC,mBAC/D,EAAE,UAAU,WAAW,GAAG,KAAA,GAC1B,KACF;AACE,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,mBAAmB,SAAS,GAAI,GAAG,MAAM,KAChE,SAAA,CACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAElB;AAEA,kBAAkB,cAAc;"}

package/components/Footer/components/FooterDescriptionContent.js

@@ -1,12 +1,12 @@
-import { jsx as s } from "react/jsx-runtime";
-import i from "react";
-import { c as m } from "../../../chunks/vendor-D5cfSbgz.js";
-import { s as n } from "../../../chunks/Footer.module-CV6e-B3r.js";
-const a = i.forwardRef(
-  ({ children: o, className: t, ...r }, e) => /* @__PURE__ */ s("div", { className: m(n.footerDescriptionContent, t), ...r, ref: e, children: o })
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../chunks/Footer.module-B1W_xrx0.js";
+const FooterDescriptionContent = React__default.forwardRef(
+  ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.footerDescriptionContent, className), ...rest, ref, children })
 );
-a.displayName = "FooterDescriptionContent";
+FooterDescriptionContent.displayName = "FooterDescriptionContent";
 export {
-  a as FooterDescriptionContent
+  FooterDescriptionContent
 };
 //# sourceMappingURL=FooterDescriptionContent.js.map

package/components/Footer/components/FooterDescriptionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterDescriptionContent.js","sources":["../../../../src/components/Footer/components/FooterDescriptionContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Footer.module.less\";\n\n/** Свойства компонента FooterDescriptionContent. */\nexport interface IFooterDescriptionContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Футер, контент основной части. */\nexport const FooterDescriptionContent = React.forwardRef<HTMLDivElement, IFooterDescriptionContentProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.footerDescriptionContent, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nFooterDescriptionContent.displayName = \"FooterDescriptionContent\";\n"],"names":["React"],"mappings":";;;;AAQO,MAAM,2BAA2BA,eAAM;AAAA,EAC1C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,0BAA0B,SAAS,GAAI,GAAG,MAAM,KACvE,SAAA,CACL;AAER;AAEA,yBAAyB,cAAc;"}

package/components/Footer/components/FooterDescriptionControls.js

@@ -1,12 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
-import i from "react";
-import { c as m } from "../../../chunks/vendor-D5cfSbgz.js";
-import { s as a } from "../../../chunks/Footer.module-CV6e-B3r.js";
-const p = i.forwardRef(
-  ({ children: o, className: r, ...t }, s) => /* @__PURE__ */ e("div", { className: m(a.footerDescriptionControls, r), ...t, ref: s, children: o })
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../chunks/Footer.module-B1W_xrx0.js";
+const FooterDescriptionControls = React__default.forwardRef(
+  ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.footerDescriptionControls, className), ...rest, ref, children })
 );
-p.displayName = "FooterDescriptionControls";
+FooterDescriptionControls.displayName = "FooterDescriptionControls";
 export {
-  p as FooterDescriptionControls
+  FooterDescriptionControls
 };
 //# sourceMappingURL=FooterDescriptionControls.js.map

package/components/Footer/components/FooterDescriptionControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterDescriptionControls.js","sources":["../../../../src/components/Footer/components/FooterDescriptionControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Footer.module.less\";\nimport { IFooterDescriptionControlsProps } from \"@sberbusiness/triplex-next/components/Table/TableBasic/types\";\n\n/** Футер, кнопки действий основной части. */\nexport const FooterDescriptionControls = React.forwardRef<HTMLDivElement, IFooterDescriptionControlsProps>(\n    ({ children, className, ...rest }, ref) => (\n        <div className={clsx(styles.footerDescriptionControls, className)} {...rest} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nFooterDescriptionControls.displayName = \"FooterDescriptionControls\";\n"],"names":["React"],"mappings":";;;;AAMO,MAAM,4BAA4BA,eAAM;AAAA,EAC3C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAC/B,oBAAC,SAAI,WAAW,KAAK,OAAO,2BAA2B,SAAS,GAAI,GAAG,MAAM,KACxE,SAAA,CACL;AAER;AAEA,0BAA0B,cAAc;"}

package/components/Footer/index.js

@@ -1,11 +1,11 @@
-import { Footer as t } from "./Footer.js";
-import { FooterDescription as p } from "./components/FooterDescription.js";
-import { FooterDescriptionControls as n } from "./components/FooterDescriptionControls.js";
-import { FooterDescriptionContent as m } from "./components/FooterDescriptionContent.js";
+import { Footer } from "./Footer.js";
+import { FooterDescription } from "./components/FooterDescription.js";
+import { FooterDescriptionControls } from "./components/FooterDescriptionControls.js";
+import { FooterDescriptionContent } from "./components/FooterDescriptionContent.js";
 export {
-  t as Footer,
-  p as FooterDescription,
-  m as FooterDescriptionContent,
-  n as FooterDescriptionControls
+  Footer,
+  FooterDescription,
+  FooterDescriptionContent,
+  FooterDescriptionControls
 };
 //# sourceMappingURL=index.js.map

package/components/Footer/index.js.map

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