@sberbusiness/triplex-next 0.32.0 → 0.33.0

package/components/IslandWidget/IslandWidget.js

@@ -1,4 +1,4 @@
-import { jsx as t, jsxs as n, Fragment as s } from "react/jsx-runtime";
+import { jsx as t, jsxs as a, Fragment as s } from "react/jsx-runtime";
 import _, { useContext as v, useState as u } from "react";
 import { Island as y } from "../Island/Island.js";
 import { EIslandType as H } from "../Island/enums.js";
@@ -15,29 +15,29 @@ import { IslandWidgetLayoutContext as O } from "./IslandWidgetLayoutContext.js";
 import { IslandWidgetContext as j } from "./IslandWidgetContext.js";
 import { ExpandAnimation as N } from "../ExpandAnimation/ExpandAnimation.js";
 import { EScreenWidth as p } from "../../helpers/breakpoints.js";
-import { useMatchMedia as b } from "../MediaWidth/useMatchMedia.js";
-const k = "islandWidget__e7a83b94", B = "islandWidgetWithExtraFooter__76149377", P = "islandWidgetHeaderWrapperAdaptive__6af4b7c5", o = {
-  islandWidget: k,
-  islandWidgetWithExtraFooter: B,
-  islandWidgetHeaderWrapperAdaptive: P
-}, R = Object.assign(
+import { useMatchMedia as k } from "../MediaWidth/useMatchMedia.js";
+const B = "islandWidget__a3948146", P = "islandWidgetWithExtraFooter__743ee2e5", R = "islandWidgetHeaderWrapperAdaptive__4e514483", o = {
+  islandWidget: B,
+  islandWidgetWithExtraFooter: P,
+  islandWidgetHeaderWrapperAdaptive: R
+}, T = Object.assign(
   _.forwardRef(
     ({
       className: l,
-      size: c = S.MD,
-      renderBody: W,
+      size: W = S.MD,
+      renderBody: c,
       renderFooter: d,
       renderHeader: g,
       disableAdaptiveCollapsing: r = !1,
-      ...f
-    }, x) => {
-      const { hasExtraFooter: h } = v(O), [i, E] = u(r), e = b(
+      ...x
+    }, f) => {
+      const { hasExtraFooter: h } = v(O), [i, E] = u(r), e = k(
         `(max-width: ${p.SM_MAX})`,
         window.innerWidth <= parseInt(p.SM_MAX)
       ), I = () => {
         E(!i);
-      }, F = e && !r, a = () => /* @__PURE__ */ n(s, { children: [
-        W({}),
+      }, F = e && !r, n = () => /* @__PURE__ */ a(s, { children: [
+        c({}),
         d ? d({}) : null
       ] });
       return /* @__PURE__ */ t(
@@ -54,10 +54,10 @@ const k = "islandWidget__e7a83b94", B = "islandWidgetWithExtraFooter__76149377",
               className: m(o.islandWidget, l, {
                 [o.islandWidgetWithExtraFooter]: h
               }),
-              "data-tx": "0.32.0",
-              ...f,
-              ref: x,
-              children: /* @__PURE__ */ n(y, { type: H.TYPE_1, size: c, children: [
+              "data-tx": "0.33.0",
+              ...x,
+              ref: f,
+              children: /* @__PURE__ */ a(y, { type: H.TYPE_1, size: W, children: [
                 /* @__PURE__ */ t(
                   "div",
                   {
@@ -68,7 +68,7 @@ const k = "islandWidget__e7a83b94", B = "islandWidgetWithExtraFooter__76149377",
                     children: g({})
                   }
                 ),
-                F ? /* @__PURE__ */ t(N, { expanded: i, children: a() }) : /* @__PURE__ */ t(s, { children: a() })
+                F ? /* @__PURE__ */ t(N, { expanded: i, children: n() }) : /* @__PURE__ */ t(s, { children: n() })
               ] })
             }
           )
@@ -83,8 +83,8 @@ const k = "islandWidget__e7a83b94", B = "islandWidgetWithExtraFooter__76149377",
     ExtraFooter: A
   }
 );
-R.displayName = "IslandWidget";
+T.displayName = "IslandWidget";
 export {
-  R as IslandWidget
+  T as IslandWidget
 };
 //# sourceMappingURL=IslandWidget.js.map

package/components/IslandWidget/components/IslandWidgetBody.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { c as t } from "../../../chunks/vendor-z35N2Tap.js";
-const a = "islandWidgetBody__cb6fb3cc", e = {
+const a = "islandWidgetBody__2123f270", e = {
   islandWidgetBody: a
 }, l = ({ children: d, className: s, ...i }) => /* @__PURE__ */ o("div", { ...i, className: t(e.islandWidgetBody, s), children: d });
 l.displayName = "IslandWidgetBody";

package/components/IslandWidget/components/IslandWidgetExtraFooter.js

@@ -3,21 +3,21 @@ import { useContext as i, useEffect as d } from "react";
 import { c as n } from "../../../chunks/vendor-z35N2Tap.js";
 import { ExpandAnimation as x } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetLayoutContext as l } from "../IslandWidgetLayoutContext.js";
-const m = "islandWidgetExtraFooter__aab96bf6", c = {
+const m = "islandWidgetExtraFooter__7451139b", c = {
   islandWidgetExtraFooter: m
-}, f = ({
+}, E = ({
   children: r,
-  className: a,
+  className: e,
   open: t = !1,
-  ...e
+  ...a
 }) => {
   const { setHasExtraFooter: s } = i(l);
   return d(() => {
     s(t);
-  }, [t]), /* @__PURE__ */ o("div", { ...e, className: n(a, c.islandWidgetExtraFooter), children: /* @__PURE__ */ o(x, { expanded: t, children: r }) });
+  }, [t]), /* @__PURE__ */ o("div", { ...a, className: n(e, c.islandWidgetExtraFooter), children: /* @__PURE__ */ o(x, { expanded: t, children: r }) });
 };
-f.displayName = "IslandWidgetExtraFooter";
+E.displayName = "IslandWidgetExtraFooter";
 export {
-  f as IslandWidgetExtraFooter
+  E as IslandWidgetExtraFooter
 };
 //# sourceMappingURL=IslandWidgetExtraFooter.js.map

package/components/IslandWidget/components/IslandWidgetFooter.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { c as i } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as n } from "../../../chunks/IslandWidgetFooter.module-DJ6DLnlZ.js";
+import { s as n } from "../../../chunks/IslandWidgetFooter.module-gs1vcAcR.js";
 import { IslandWidgetFooterContent as d } from "./IslandWidgetFooterContent.js";
 import { IslandWidgetFooterControls as m } from "./IslandWidgetFooterControls.js";
 const o = ({ children: t, className: r, ...s }) => /* @__PURE__ */ e("div", { ...s, className: i(r, n.islandWidgetFooter), children: t });

package/components/IslandWidget/components/IslandWidgetFooterContent.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { s } from "../../../chunks/IslandWidgetFooter.module-DJ6DLnlZ.js";
+import { s } from "../../../chunks/IslandWidgetFooter.module-gs1vcAcR.js";
 const n = ({
   children: t,
   ...o

package/components/IslandWidget/components/IslandWidgetFooterControls.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as r } from "../../../chunks/IslandWidgetFooter.module-DJ6DLnlZ.js";
+import { s as r } from "../../../chunks/IslandWidgetFooter.module-gs1vcAcR.js";
 const e = ({
   children: o,
   ...s

package/components/IslandWidget/components/IslandWidgetHeader.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import { useContext as p } from "react";
 import { c as a } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as e } from "../../../chunks/IslandWidgetHeader.module-Cax47StS.js";
+import { s as e } from "../../../chunks/IslandWidgetHeader.module-DCfKgbBN.js";
 import { IslandWidgetHeaderControls as c } from "./IslandWidgetHeaderControls.js";
 import { IslandWidgetHeaderDescription as f } from "./IslandWidgetHeaderDescription.js";
 import { IslandWidgetHeaderTitle as I } from "./IslandWidgetHeaderTitle.js";

package/components/IslandWidget/components/IslandWidgetHeaderContent.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { c as d } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as o } from "../../../chunks/IslandWidgetHeader.module-Cax47StS.js";
+import { s as o } from "../../../chunks/IslandWidgetHeader.module-DCfKgbBN.js";
 const n = ({
   children: e,
   className: t,

package/components/IslandWidget/components/IslandWidgetHeaderControls.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { c as r } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as n } from "../../../chunks/IslandWidgetHeader.module-Cax47StS.js";
+import { s as n } from "../../../chunks/IslandWidgetHeader.module-DCfKgbBN.js";
 const d = ({
   children: s,
   className: o,

package/components/IslandWidget/components/IslandWidgetHeaderDescription.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { c as o } from "../../../chunks/vendor-z35N2Tap.js";
-import { s } from "../../../chunks/IslandWidgetHeader.module-Cax47StS.js";
+import { s } from "../../../chunks/IslandWidgetHeader.module-DCfKgbBN.js";
 import { EFontType as m, ETextSize as p } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";

package/components/IslandWidget/components/IslandWidgetHeaderTitle.js

@@ -4,7 +4,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title as o } from "../../Typography/Title.js";
-import { s } from "../../../chunks/IslandWidgetHeader.module-Cax47StS.js";
+import { s } from "../../../chunks/IslandWidgetHeader.module-DCfKgbBN.js";
 import { c as a } from "../../../chunks/vendor-z35N2Tap.js";
 const l = ({
   children: e,

package/components/IslandWidget/components/IslandWidgetWrapper.js

@@ -2,12 +2,12 @@ import { jsx as r } from "react/jsx-runtime";
 import i, { useState as p } from "react";
 import { c as l } from "../../../chunks/vendor-z35N2Tap.js";
 import { IslandWidgetLayoutContext as n } from "../IslandWidgetLayoutContext.js";
-const W = "islandWidgetWrapper__49579c4f", c = {
+const W = "islandWidgetWrapper__a70dc2a4", c = {
   islandWidgetWrapper: W
 }, m = i.forwardRef(
-  ({ children: e, className: t, ...a }, s) => {
+  ({ children: a, className: e, ...t }, s) => {
     const [o, d] = p(!1);
-    return /* @__PURE__ */ r(n.Provider, { value: { hasExtraFooter: o, setHasExtraFooter: d }, children: /* @__PURE__ */ r("div", { className: l(c.islandWidgetWrapper, t), ...a, ref: s, children: e }) });
+    return /* @__PURE__ */ r(n.Provider, { value: { hasExtraFooter: o, setHasExtraFooter: d }, children: /* @__PURE__ */ r("div", { className: l(c.islandWidgetWrapper, e), ...t, ref: s, children: a }) });
   }
 );
 m.displayName = "IslandWidgetWrapper";

package/components/LightBox/LightBox.js

@@ -1,10 +1,11 @@
-import { jsxs as h, Fragment as F, jsx as o } from "react/jsx-runtime";
+import { jsxs as x, Fragment as A, jsx as o } from "react/jsx-runtime";
 import { useRef as n, useEffect as f } from "react";
-import { c as A, F as D } from "../../chunks/vendor-z35N2Tap.js";
-import { L as I, s as e } from "../../chunks/LightBoxContent-9n7KZhyO.js";
-import { LightBoxControls as R } from "./LightBoxControls/LightBoxControls.js";
-import { LightBoxSideOverlay as V } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
-import { Portal as T } from "../Portal/Portal.js";
+import { c as D } from "../../chunks/vendor-z35N2Tap.js";
+import { Portal as F } from "../Portal/Portal.js";
+import { FocusTrapExtended as I } from "../FocusTrapExtended/FocusTrapExtended.js";
+import { L as R, s as e } from "../../chunks/LightBoxContent-CJPhUyR3.js";
+import { LightBoxControls as V } from "./LightBoxControls/LightBoxControls.js";
+import { LightBoxSideOverlay as T } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
 import { addClassNameWithScrollbarWidth as j } from "../../utils/scroll/scrollbar.js";
 import { TopOverlay as k } from "../TopOverlay/TopOverlay.js";
 import { LightBoxViewManager as q } from "./LightBoxViewManager/LightBoxViewManager.js";
@@ -14,91 +15,91 @@ import { LightBoxLeftSidebar as $ } from "./LightBoxSidebars/LightBoxLeftSidebar
 import { LightBoxRightSidebar as H } from "./LightBoxSidebars/LightBoxRightSidebar.js";
 import { ELightBoxSize as U } from "./enums.js";
 const Z = {
-  "scroll-0": "scroll-0__fff4e925",
-  "scroll-15": "scroll-15__be12e224",
-  "scroll-16": "scroll-16__762a3ea2",
-  "scroll-17": "scroll-17__41fc0217"
-}, x = "LightBox-next-mount-node", B = "LightBox-next-view-manager-node", p = [e.bodyOverflowHidden], L = ({
-  children: N,
-  className: M,
+  "scroll-0": "scroll-0__6263e270",
+  "scroll-15": "scroll-15__d7b1018b",
+  "scroll-16": "scroll-16__045d593f",
+  "scroll-17": "scroll-17__345d1588"
+}, B = "LightBox-next-mount-node", p = "LightBox-next-view-manager-node", L = [e.bodyOverflowHidden], N = ({
+  children: M,
+  className: b,
   focusTrapProps: r,
   forwardRef: s,
   mountNode: c,
-  lightBoxViewManagerNodeId: m = B,
-  isLoading: v,
+  lightBoxViewManagerNodeId: m = p,
+  isLoading: d,
   isSideOverlayOpened: i,
-  isTopOverlayOpened: y,
-  size: b = U.MD,
+  isTopOverlayOpened: v,
+  size: y = U.MD,
   ...S
 }) => {
-  const l = n(null), d = n(null), { scopeClassName: C } = W(), E = () => {
+  const l = n(null), u = n(null), { scopeClassName: E } = W(), C = () => {
     let t = null;
-    return c ? t = c : (t = document.querySelector(`#${x}`), t || (t = document.createElement("div"), t.setAttribute("id", x), document.body.appendChild(t))), t;
+    return c ? t = c : (t = document.querySelector(`#${B}`), t || (t = document.createElement("div"), t.setAttribute("id", B), document.body.appendChild(t))), t;
   }, _ = () => {
     let t = null;
-    return m && (t = document.querySelector(`#${m}`)), t || (t = document.createElement("div"), t.setAttribute("id", B), document.body.appendChild(t)), t;
-  }, a = n(E()), u = n(_()), g = () => {
-    p.forEach((t) => document.documentElement.classList.add(t));
+    return m && (t = document.querySelector(`#${m}`)), t || (t = document.createElement("div"), t.setAttribute("id", p), document.body.appendChild(t)), t;
+  }, a = n(C()), g = n(_()), h = () => {
+    L.forEach((t) => document.documentElement.classList.add(t));
   };
-  f(() => (j(Z), g(), setTimeout(g, 100), () => p.forEach((t) => document.documentElement.classList.remove(t))), []), f(() => {
+  if (f(() => (j(Z), h(), setTimeout(h, 100), () => L.forEach((t) => document.documentElement.classList.remove(t))), []), f(() => {
     if (!i && l.current) {
       const t = Math.round(Math.random() * 100);
       l.current.style.zIndex = t.toString();
     }
-  }, [i]);
+  }, [i]), !a.current)
+    return null;
   const w = (t) => {
-    d.current = t, s && (s.current = t);
-  }, O = A(
-    C,
+    u.current = t, s && (s.current = t);
+  }, O = D(
+    E,
     e.lightBox,
-    e[b],
+    e[y],
     {
-      [e.isLoading]: !!v,
+      [e.isLoading]: !!d,
       [e.lightBoxSideOverlayActive]: !!i,
-      [e.lightBoxTopOverlayActive]: !!y
+      [e.lightBoxTopOverlayActive]: !!v
     },
-    M
+    b
   );
-  return a.current ? /* @__PURE__ */ h(F, { children: [
-    /* @__PURE__ */ o(T, { container: a.current, children: /* @__PURE__ */ o(
-      D,
+  return /* @__PURE__ */ x(A, { children: [
+    /* @__PURE__ */ o(F, { container: a.current, children: /* @__PURE__ */ o(
+      I,
       {
-        active: !1,
+        active: !d,
         ...r,
         focusTrapOptions: {
-          allowOutsideClick: !0,
-          initialFocus: () => z.getFirstInteractionElementByDataAttr(d.current),
+          initialFocus: () => z.getFirstInteractionElementByDataAttr(u.current),
           preventScroll: !0,
           ...r == null ? void 0 : r.focusTrapOptions
         },
-        children: /* @__PURE__ */ h("div", { className: O, role: "dialog", "aria-modal": "true", ...S, ref: w, children: [
+        children: /* @__PURE__ */ x("div", { className: O, role: "dialog", "aria-modal": "true", ...S, ref: w, children: [
           /* @__PURE__ */ o("div", { className: e.lightBoxBackdrop }),
-          N,
+          M,
           /* @__PURE__ */ o("span", { ref: l, className: e.tempElSafariBug })
         ] })
       }
     ) }),
-    u.current && /* @__PURE__ */ o(
+    g.current && /* @__PURE__ */ o(
       q,
       {
-        lightBoxViewManagerNode: u.current,
+        lightBoxViewManagerNode: g.current,
         lightBoxMountNode: a.current
       }
     )
-  ] }) : null;
+  ] });
 };
-L.displayName = "LightBoxBase";
-const st = Object.assign(L, {
-  Content: I,
-  SideOverlay: V,
+N.displayName = "LightBoxBase";
+const ct = Object.assign(N, {
+  Content: R,
+  SideOverlay: T,
   TopOverlay: k,
-  Controls: R,
+  Controls: V,
   LeftSidebar: $,
   RightSidebar: H
 });
 export {
-  st as LightBox,
-  x as lightBoxMountNodeIdDefault,
-  B as lightBoxViewManagerNodeIdDefault
+  ct as LightBox,
+  B as lightBoxMountNodeIdDefault,
+  p as lightBoxViewManagerNodeIdDefault
 };
 //# sourceMappingURL=LightBox.js.map

package/components/LightBox/LightBoxContent.js

@@ -3,7 +3,7 @@ import "react";
 import "../../chunks/vendor-z35N2Tap.js";
 import "../WindowResizeListener/WindowResizeListener.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L as n } from "../../chunks/LightBoxContent-9n7KZhyO.js";
+import { L as n } from "../../chunks/LightBoxContent-CJPhUyR3.js";
 export {
   n as LightBoxContent
 };

package/components/LightBox/LightBoxControls/LightBoxClose.js

@@ -7,7 +7,7 @@ import { EVENT_KEY_CODES as g } from "../../../utils/keyboard.js";
 import { EButtonTheme as i } from "../../Button/enums.js";
 import { Button as l } from "../../Button/Button.js";
 import { EComponentSize as a } from "../../../enums/EComponentSize.js";
-import { s as o } from "../../../chunks/LightBoxControls.module-CqE7tSjd.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-Dw9yTb8h.js";
 const N = ({
   className: c,
   onClick: t,

package/components/LightBox/LightBoxControls/LightBoxControls.js

@@ -3,7 +3,7 @@ import { LightBoxClose as m } from "./LightBoxClose.js";
 import { LightBoxNext as l } from "./LightBoxNext.js";
 import { LightBoxPrev as x } from "./LightBoxPrev.js";
 import { c as e } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as p } from "../../../chunks/LightBoxControls.module-CqE7tSjd.js";
+import { s as p } from "../../../chunks/LightBoxControls.module-Dw9yTb8h.js";
 const o = ({ children: t, className: r, ...s }) => /* @__PURE__ */ i("div", { className: e(r, p.lightBoxControls), ...s, "data-lightbox-component": "controls", children: t });
 o.displayName = "LightBoxControls";
 o.Close = m;

package/components/LightBox/LightBoxControls/LightBoxNext.js

@@ -7,7 +7,7 @@ import { EVENT_KEY_CODES as R } from "../../../utils/keyboard.js";
 import { Button as c } from "../../Button/Button.js";
 import { EButtonTheme as s } from "../../Button/enums.js";
 import { EComponentSize as f } from "../../../enums/EComponentSize.js";
-import { s as o } from "../../../chunks/LightBoxControls.module-CqE7tSjd.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-Dw9yTb8h.js";
 const v = ({
   className: g,
   clickByArrowRight: u,

package/components/LightBox/LightBoxControls/LightBoxPrev.js

@@ -7,7 +7,7 @@ import { TriggerClickOnKeyDownEvent as C } from "../../Triggers/TriggerClickOnKe
 import { EVENT_KEY_CODES as I } from "../../../utils/keyboard.js";
 import { Button as s } from "../../Button/Button.js";
 import { EComponentSize as v } from "../../../enums/EComponentSize.js";
-import { s as o } from "../../../chunks/LightBoxControls.module-CqE7tSjd.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-Dw9yTb8h.js";
 const N = ({
   className: u,
   clickByArrowLeft: x,