@sberbusiness/triplex-next 1.33.0 → 1.35.0

package/components/IslandWidget/components/IslandWidgetHeaderTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IslandWidgetHeaderTitle.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { Title } from \"@sberbusiness/triplex-next/components/Typography\";\nimport { ETitleSize } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\nimport clsx from \"clsx\";\n\ninterface IIslandWidgetHeaderTitleProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const IslandWidgetHeaderTitle: React.FC<IIslandWidgetHeaderTitleProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => (\n    <Title size={ETitleSize.H3} {...htmlDivAttributes} className={clsx(styles.islandWidgetHeaderTitle, className)}>\n        {children}\n    </Title>\n);\n\nIslandWidgetHeaderTitle.displayName = \"IslandWidgetHeaderTitle\";\n"],"names":[],"mappings":";;;;;;;;AAQO,MAAM,0BAAmE,CAAC;AAAA,EAC7E;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI,oBAAC,OAAA,EAAM,MAAM,WAAW,IAAK,GAAG,mBAAmB,WAAW,KAAK,OAAO,yBAAyB,SAAS,GACvG,SAAA,CACL;AAGJ,wBAAwB,cAAc;"}

package/components/IslandWidget/components/IslandWidgetWrapper.js

@@ -1,17 +1,19 @@
-import { jsx as e } from "react/jsx-runtime";
-import i, { useState as p } from "react";
-import { c as l } from "../../../chunks/vendor-D5cfSbgz.js";
-import { IslandWidgetLayoutContext as n } from "../IslandWidgetLayoutContext.js";
-const W = "islandWidgetWrapper__796cb4e0", c = {
-  islandWidgetWrapper: W
-}, m = i.forwardRef(
-  ({ children: r, className: t, ...a }, s) => {
-    const [o, d] = p(!1);
-    return /* @__PURE__ */ e(n.Provider, { value: { hasExtraFooter: o, setHasExtraFooter: d }, children: /* @__PURE__ */ e("div", { className: l(c.islandWidgetWrapper, t), ...a, ref: s, children: r }) });
+import { jsx } from "react/jsx-runtime";
+import React__default, { useState } from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
+const islandWidgetWrapper = "islandWidgetWrapper__b051591d";
+const styles = {
+  islandWidgetWrapper
+};
+const IslandWidgetWrapper = React__default.forwardRef(
+  ({ children, className, ...rest }, ref) => {
+    const [hasExtraFooter, setHasExtraFooter] = useState(false);
+    return /* @__PURE__ */ jsx(IslandWidgetLayoutContext.Provider, { value: { hasExtraFooter, setHasExtraFooter }, children: /* @__PURE__ */ jsx("div", { className: clsx(styles.islandWidgetWrapper, className), ...rest, ref, children }) });
   }
 );
-m.displayName = "IslandWidgetWrapper";
+IslandWidgetWrapper.displayName = "IslandWidgetWrapper";
 export {
-  m as IslandWidgetWrapper
+  IslandWidgetWrapper
 };
 //# sourceMappingURL=IslandWidgetWrapper.js.map

package/components/IslandWidget/components/IslandWidgetWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IslandWidgetWrapper.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetWrapper.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetWrapper.module.less\";\nimport { IslandWidgetLayoutContext } from \"../IslandWidgetLayoutContext\";\n\nexport interface IIslandWidgetWrapperProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const IslandWidgetWrapper = React.forwardRef<HTMLDivElement, IIslandWidgetWrapperProps>(\n    ({ children, className, ...rest }, ref) => {\n        const [hasExtraFooter, setHasExtraFooter] = useState(false);\n\n        return (\n            <IslandWidgetLayoutContext.Provider value={{ hasExtraFooter, setHasExtraFooter }}>\n                <div className={clsx(styles.islandWidgetWrapper, className)} {...rest} ref={ref}>\n                    {children}\n                </div>\n            </IslandWidgetLayoutContext.Provider>\n        );\n    },\n);\n\nIslandWidgetWrapper.displayName = \"IslandWidgetWrapper\";\n"],"names":["React"],"mappings":";;;;;;;;AAOO,MAAM,sBAAsBA,eAAM;AAAA,EACrC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AACvC,UAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAE1D,WACI,oBAAC,0BAA0B,UAA1B,EAAmC,OAAO,EAAE,gBAAgB,qBACzD,UAAA,oBAAC,SAAI,WAAW,KAAK,OAAO,qBAAqB,SAAS,GAAI,GAAG,MAAM,KAClE,SAAA,CACL,GACJ;AAAA,EAER;AACJ;AAEA,oBAAoB,cAAc;"}

package/components/IslandWidget/components/index.js

@@ -1,15 +1,15 @@
-import { IslandWidgetHeader as o } from "./IslandWidgetHeader.js";
-import { IslandWidgetHeaderContent as t } from "./IslandWidgetHeaderContent.js";
-import { IslandWidgetHeaderDescription as n } from "./IslandWidgetHeaderDescription.js";
-import { IslandWidgetBody as i } from "./IslandWidgetBody.js";
-import { IslandWidgetFooter as W } from "./IslandWidgetFooter.js";
-import { IslandWidgetWrapper as g } from "./IslandWidgetWrapper.js";
+import { IslandWidgetHeader } from "./IslandWidgetHeader.js";
+import { IslandWidgetHeaderContent } from "./IslandWidgetHeaderContent.js";
+import { IslandWidgetHeaderDescription } from "./IslandWidgetHeaderDescription.js";
+import { IslandWidgetBody } from "./IslandWidgetBody.js";
+import { IslandWidgetFooter } from "./IslandWidgetFooter.js";
+import { IslandWidgetWrapper } from "./IslandWidgetWrapper.js";
 export {
-  i as IslandWidgetBody,
-  W as IslandWidgetFooter,
-  o as IslandWidgetHeader,
-  t as IslandWidgetHeaderContent,
-  n as IslandWidgetHeaderDescription,
-  g as IslandWidgetWrapper
+  IslandWidgetBody,
+  IslandWidgetFooter,
+  IslandWidgetHeader,
+  IslandWidgetHeaderContent,
+  IslandWidgetHeaderDescription,
+  IslandWidgetWrapper
 };
 //# sourceMappingURL=index.js.map

package/components/IslandWidget/components/index.js.map

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

package/components/IslandWidget/index.js

@@ -1,17 +1,17 @@
-import { IslandWidget as o } from "./IslandWidget.js";
-import { IslandWidgetHeader as t } from "./components/IslandWidgetHeader.js";
-import { IslandWidgetHeaderContent as n } from "./components/IslandWidgetHeaderContent.js";
-import { IslandWidgetHeaderDescription as i } from "./components/IslandWidgetHeaderDescription.js";
-import { IslandWidgetBody as W } from "./components/IslandWidgetBody.js";
-import { IslandWidgetFooter as g } from "./components/IslandWidgetFooter.js";
-import { IslandWidgetWrapper as m } from "./components/IslandWidgetWrapper.js";
+import { IslandWidget } from "./IslandWidget.js";
+import { IslandWidgetHeader } from "./components/IslandWidgetHeader.js";
+import { IslandWidgetHeaderContent } from "./components/IslandWidgetHeaderContent.js";
+import { IslandWidgetHeaderDescription } from "./components/IslandWidgetHeaderDescription.js";
+import { IslandWidgetBody } from "./components/IslandWidgetBody.js";
+import { IslandWidgetFooter } from "./components/IslandWidgetFooter.js";
+import { IslandWidgetWrapper } from "./components/IslandWidgetWrapper.js";
 export {
-  o as IslandWidget,
-  W as IslandWidgetBody,
-  g as IslandWidgetFooter,
-  t as IslandWidgetHeader,
-  n as IslandWidgetHeaderContent,
-  i as IslandWidgetHeaderDescription,
-  m as IslandWidgetWrapper
+  IslandWidget,
+  IslandWidgetBody,
+  IslandWidgetFooter,
+  IslandWidgetHeader,
+  IslandWidgetHeaderContent,
+  IslandWidgetHeaderDescription,
+  IslandWidgetWrapper
 };
 //# sourceMappingURL=index.js.map

package/components/IslandWidget/index.js.map

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

package/components/KeyDownListener/ComposedKeyDownListener.js

@@ -1,13 +1,15 @@
-import { KeyDownListener as r } from "./KeyDownListener.js";
-import { jsx as l } from "react/jsx-runtime";
-const d = ({ keyDownListeners: e, children: n }) => {
-  let o = n;
-  if (e.length)
-    for (let t = 0; t < e.length; t++)
-      o = /* @__PURE__ */ l(r, { onMatch: e[t].onMatch, eventKeyCode: e[t].eventKeyCode, children: o });
-  return o;
+import { KeyDownListener } from "./KeyDownListener.js";
+import { jsx } from "react/jsx-runtime";
+const ComposedKeyDownListener = ({ keyDownListeners, children }) => {
+  let accumulatedElement = children;
+  if (keyDownListeners.length) {
+    for (let i = 0; i < keyDownListeners.length; i++) {
+      accumulatedElement = /* @__PURE__ */ jsx(KeyDownListener, { onMatch: keyDownListeners[i].onMatch, eventKeyCode: keyDownListeners[i].eventKeyCode, children: accumulatedElement });
+    }
+  }
+  return accumulatedElement;
 };
 export {
-  d as ComposedKeyDownListener
+  ComposedKeyDownListener
 };
 //# sourceMappingURL=ComposedKeyDownListener.js.map

package/components/KeyDownListener/ComposedKeyDownListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposedKeyDownListener.js","sources":["../../../src/components/KeyDownListener/ComposedKeyDownListener.tsx"],"sourcesContent":["import React from \"react\";\nimport { IKeyDownListenerProps, KeyDownListener } from \"./KeyDownListener\";\n\n/** Свойства компонента ComposedKeyDownListener. */\ninterface IKeyDownListenerManagerProps {\n    children?: React.ReactNode;\n    /** Массив-конфигуратор keydown слушателей. */\n    keyDownListeners: IKeyDownListenerProps[];\n}\n\n/** Композитор слушателей нажатия клавиш. */\nexport const ComposedKeyDownListener: React.FC<IKeyDownListenerManagerProps> = ({ keyDownListeners, children }) => {\n    let accumulatedElement = children as JSX.Element;\n\n    if (keyDownListeners.length) {\n        for (let i = 0; i < keyDownListeners.length; i++) {\n            accumulatedElement = (\n                <KeyDownListener onMatch={keyDownListeners[i].onMatch} eventKeyCode={keyDownListeners[i].eventKeyCode}>\n                    {accumulatedElement}\n                </KeyDownListener>\n            );\n        }\n    }\n\n    return accumulatedElement;\n};\n"],"names":[],"mappings":";;AAWO,MAAM,0BAAkE,CAAC,EAAE,kBAAkB,eAAe;AAC/G,MAAI,qBAAqB;AAEzB,MAAI,iBAAiB,QAAQ;AACzB,aAAS,IAAI,GAAG,IAAI,iBAAiB,QAAQ,KAAK;AAC9C,2BACI,oBAAC,iBAAA,EAAgB,SAAS,iBAAiB,CAAC,EAAE,SAAS,cAAc,iBAAiB,CAAC,EAAE,cACpF,UAAA,oBACL;AAAA,IAER;AAAA,EACJ;AAEA,SAAO;AACX;"}

package/components/KeyDownListener/KeyDownListener.js

@@ -1,14 +1,18 @@
-var r = Object.defineProperty;
-var s = (o, n, e) => n in o ? r(o, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[n] = e;
-var i = (o, n, e) => s(o, typeof n != "symbol" ? n + "" : n, e);
-import l from "react";
-class y extends l.Component {
+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 React__default from "react";
+class KeyDownListener extends React__default.Component {
   constructor() {
     super(...arguments);
     /** Обработчик для нажатия клавиш. */
-    i(this, "handleKeyDown", (e) => {
-      const { eventKeyCode: t, onMatch: d } = this.props;
-      typeof t == "number" ? t === e.keyCode && d(e) : t.includes(e.keyCode) && d(e);
+    __publicField(this, "handleKeyDown", (event) => {
+      const { eventKeyCode, onMatch } = this.props;
+      if (typeof eventKeyCode === "number") {
+        eventKeyCode === event.keyCode && onMatch(event);
+      } else if (eventKeyCode.includes(event.keyCode)) {
+        onMatch(event);
+      }
     });
   }
   componentDidMount() {
@@ -22,6 +26,6 @@ class y extends l.Component {
   }
 }
 export {
-  y as KeyDownListener
+  KeyDownListener
 };
 //# sourceMappingURL=KeyDownListener.js.map

package/components/KeyDownListener/KeyDownListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyDownListener.js","sources":["../../../src/components/KeyDownListener/KeyDownListener.tsx"],"sourcesContent":["import { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport React from \"react\";\n\ntype keyCode = (typeof EVENT_KEY_CODES)[keyof typeof EVENT_KEY_CODES];\n\nexport interface IKeyDownListenerProps {\n    children?: React.ReactNode;\n    eventKeyCode: keyCode | keyCode[];\n    /** Обработчик совпадения нужной клавиши. */\n    onMatch: (event: KeyboardEvent) => void;\n}\n\n/** Слушатель нажатия клавиш. При совпадении нужной клавиши вызывает onMatch. */\nexport class KeyDownListener extends React.Component<IKeyDownListenerProps> {\n    public componentDidMount(): void {\n        window.addEventListener(\"keydown\", this.handleKeyDown);\n    }\n\n    public componentWillUnmount(): void {\n        window.removeEventListener(\"keydown\", this.handleKeyDown);\n    }\n\n    /** Обработчик для нажатия клавиш. */\n    public handleKeyDown = (event: KeyboardEvent): void => {\n        const { eventKeyCode, onMatch } = this.props;\n\n        if (typeof eventKeyCode === \"number\") {\n            // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n            eventKeyCode === event.keyCode && onMatch(event);\n        } else if (eventKeyCode.includes(event.keyCode)) {\n            onMatch(event);\n        }\n    };\n\n    public render(): React.ReactNode {\n        return this.props.children || null;\n    }\n}\n"],"names":["React"],"mappings":";;;;AAaO,MAAM,wBAAwBA,eAAM,UAAiC;AAAA,EAArE;AAAA;AAUI;AAAA,yCAAgB,CAAC,UAA+B;AACnD,YAAM,EAAE,cAAc,QAAA,IAAY,KAAK;AAEvC,UAAI,OAAO,iBAAiB,UAAU;AAElC,yBAAiB,MAAM,WAAW,QAAQ,KAAK;AAAA,MACnD,WAAW,aAAa,SAAS,MAAM,OAAO,GAAG;AAC7C,gBAAQ,KAAK;AAAA,MACjB;AAAA,IACJ;AAAA;AAAA,EAlBO,oBAA0B;AAC7B,WAAO,iBAAiB,WAAW,KAAK,aAAa;AAAA,EACzD;AAAA,EAEO,uBAA6B;AAChC,WAAO,oBAAoB,WAAW,KAAK,aAAa;AAAA,EAC5D;AAAA,EAcO,SAA0B;AAC7B,WAAO,KAAK,MAAM,YAAY;AAAA,EAClC;AACJ;"}

package/components/KeyDownListener/index.js

@@ -1,7 +1,7 @@
-import { KeyDownListener as r } from "./KeyDownListener.js";
-import { ComposedKeyDownListener as t } from "./ComposedKeyDownListener.js";
+import { KeyDownListener } from "./KeyDownListener.js";
+import { ComposedKeyDownListener } from "./ComposedKeyDownListener.js";
 export {
-  t as ComposedKeyDownListener,
-  r as KeyDownListener
+  ComposedKeyDownListener,
+  KeyDownListener
 };
 //# sourceMappingURL=index.js.map

package/components/KeyDownListener/index.js.map

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

package/components/LightBox/LightBox.js

@@ -1,105 +1,146 @@
-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 D } from "../../chunks/vendor-D5cfSbgz.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-Dzx47lKv.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";
-import { FocusTrapUtils as z } from "../../utils/focus/FocusTrapUtils.js";
-import { useToken as W } from "../ThemeProvider/useToken.js";
-import { LightBoxLeftSidebar as $ } from "./LightBoxSidebars/LightBoxLeftSidebar.js";
-import { LightBoxRightSidebar as H } from "./LightBoxSidebars/LightBoxRightSidebar.js";
-import { ELightBoxSize as U } from "./enums.js";
-const Z = {
-  "scroll-0": "scroll-0__2937070a",
-  "scroll-15": "scroll-15__4a86ac22",
-  "scroll-16": "scroll-16__10b49afc",
-  "scroll-17": "scroll-17__7a72de1c"
-}, B = "LightBox-next-mount-node", p = "LightBox-next-view-manager-node", L = [e.bodyOverflowHidden], N = ({
-  children: M,
-  className: v,
-  focusTrapProps: r,
-  forwardRef: c,
-  mountNode: s,
-  lightBoxViewManagerNodeId: m = p,
-  isLoading: d,
-  isSideOverlayOpened: i,
-  isTopOverlayOpened: y,
-  size: b = U.MD,
-  ...S
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { Portal } from "../Portal/Portal.js";
+import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
+import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-ZM-dMDke.js";
+import { LightBoxControls } from "./LightBoxControls/LightBoxControls.js";
+import { LightBoxSideOverlay } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
+import { addClassNameWithScrollbarWidth } from "../../utils/scroll/scrollbar.js";
+import { TopOverlay } from "../TopOverlay/TopOverlay.js";
+import { LightBoxViewManager } from "./LightBoxViewManager/LightBoxViewManager.js";
+import { FocusTrapUtils } from "../../utils/focus/FocusTrapUtils.js";
+import { useToken } from "../ThemeProvider/useToken.js";
+import { LightBoxLeftSidebar } from "./LightBoxSidebars/LightBoxLeftSidebar.js";
+import { LightBoxRightSidebar } from "./LightBoxSidebars/LightBoxRightSidebar.js";
+import { ELightBoxSize } from "./enums.js";
+const scrollStyles = {
+  "scroll-0": "scroll-0__9b539866",
+  "scroll-15": "scroll-15__9a9f0dbe",
+  "scroll-16": "scroll-16__768114d3",
+  "scroll-17": "scroll-17__647e6d39"
+};
+const lightBoxMountNodeIdDefault = "LightBox-next-mount-node";
+const lightBoxViewManagerNodeIdDefault = "LightBox-next-view-manager-node";
+const bodyClassNamesIsLightBoxOpen = [styles.bodyOverflowHidden];
+const LightBoxBase = ({
+  children,
+  className,
+  focusTrapProps,
+  forwardRef,
+  mountNode,
+  lightBoxViewManagerNodeId = lightBoxViewManagerNodeIdDefault,
+  isLoading,
+  isSideOverlayOpened,
+  isTopOverlayOpened,
+  size = ELightBoxSize.MD,
+  ...htmlDivAttributes
 }) => {
-  const l = n(null), u = n(null), { scopeClassName: E } = W(), C = () => {
-    let t = null;
-    return s ? t = s : (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", p), document.body.appendChild(t)), t;
-  }, a = n(C()), g = n(_()), h = () => {
-    L.forEach((t) => document.documentElement.classList.add(t));
+  const tempButtonRef = useRef(null);
+  const containerRef = useRef(null);
+  const { scopeClassName } = useToken();
+  const getLightBoxMountNode = () => {
+    let lightBoxMountNode2 = null;
+    if (mountNode) {
+      lightBoxMountNode2 = mountNode;
+    } else {
+      lightBoxMountNode2 = document.querySelector(`#${lightBoxMountNodeIdDefault}`);
+      if (!lightBoxMountNode2) {
+        lightBoxMountNode2 = document.createElement("div");
+        lightBoxMountNode2.setAttribute("id", lightBoxMountNodeIdDefault);
+        document.body.appendChild(lightBoxMountNode2);
+      }
+    }
+    return lightBoxMountNode2;
   };
-  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();
+  const getLightBoxViewManagerMountNode = () => {
+    let lightBoxViewManagerMountNode = null;
+    if (lightBoxViewManagerNodeId) {
+      lightBoxViewManagerMountNode = document.querySelector(`#${lightBoxViewManagerNodeId}`);
     }
-  }, [i]), !a.current)
+    if (!lightBoxViewManagerMountNode) {
+      lightBoxViewManagerMountNode = document.createElement("div");
+      lightBoxViewManagerMountNode.setAttribute("id", lightBoxViewManagerNodeIdDefault);
+      document.body.appendChild(lightBoxViewManagerMountNode);
+    }
+    return lightBoxViewManagerMountNode;
+  };
+  const lightBoxMountNode = useRef(getLightBoxMountNode());
+  const lightBoxViewManagerNode = useRef(getLightBoxViewManagerMountNode());
+  const addClassNamesToDocumentElement = () => {
+    bodyClassNamesIsLightBoxOpen.forEach((className2) => document.documentElement.classList.add(className2));
+  };
+  useEffect(() => {
+    addClassNameWithScrollbarWidth(scrollStyles);
+    addClassNamesToDocumentElement();
+    setTimeout(addClassNamesToDocumentElement, 100);
+    return () => bodyClassNamesIsLightBoxOpen.forEach((className2) => document.documentElement.classList.remove(className2));
+  }, []);
+  useEffect(() => {
+    if (!isSideOverlayOpened && tempButtonRef.current) {
+      const nextZIndex = Math.round(Math.random() * 100);
+      tempButtonRef.current.style.zIndex = nextZIndex.toString();
+    }
+  }, [isSideOverlayOpened]);
+  if (!lightBoxMountNode.current) {
     return null;
-  const w = (t) => {
-    u.current = t, c && (c.current = t);
-  }, O = D(
-    E,
-    e.lightBox,
-    e[b],
+  }
+  const setRef = (instance) => {
+    containerRef.current = instance;
+    if (forwardRef) {
+      forwardRef.current = instance;
+    }
+  };
+  const classNames = clsx(
+    scopeClassName,
+    styles.lightBox,
+    styles[size],
     {
-      [e.isLoading]: !!d,
-      [e.lightBoxSideOverlayActive]: !!i,
-      [e.lightBoxTopOverlayActive]: !!y
+      [styles.isLoading]: Boolean(isLoading),
+      [styles.lightBoxSideOverlayActive]: Boolean(isSideOverlayOpened),
+      [styles.lightBoxTopOverlayActive]: Boolean(isTopOverlayOpened)
     },
-    v
+    className
   );
-  return /* @__PURE__ */ x(A, { children: [
-    /* @__PURE__ */ o(F, { container: a.current, children: /* @__PURE__ */ o(
-      I,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Portal, { container: lightBoxMountNode.current, children: /* @__PURE__ */ jsx(
+      FocusTrapExtended,
       {
-        active: !d,
-        ...r,
+        active: !isLoading,
+        ...focusTrapProps,
         focusTrapOptions: {
-          initialFocus: () => z.getFirstInteractionElementByDataAttr(u.current),
-          preventScroll: !0,
-          ...r == null ? void 0 : r.focusTrapOptions
+          initialFocus: () => FocusTrapUtils.getFirstInteractionElementByDataAttr(containerRef.current),
+          preventScroll: true,
+          ...focusTrapProps == null ? void 0 : focusTrapProps.focusTrapOptions
         },
-        children: /* @__PURE__ */ x("div", { className: O, role: "dialog", "aria-modal": "true", ...S, ref: w, children: [
-          /* @__PURE__ */ o("div", { className: e.lightBoxBackdrop }),
-          M,
-          /* @__PURE__ */ o("span", { ref: l, className: e.tempElSafariBug })
+        children: /* @__PURE__ */ jsxs("div", { className: classNames, role: "dialog", "aria-modal": "true", ...htmlDivAttributes, ref: setRef, children: [
+          /* @__PURE__ */ jsx("div", { className: styles.lightBoxBackdrop }),
+          children,
+          /* @__PURE__ */ jsx("span", { ref: tempButtonRef, className: styles.tempElSafariBug })
         ] })
       }
     ) }),
-    g.current && /* @__PURE__ */ o(
-      q,
+    lightBoxViewManagerNode.current && /* @__PURE__ */ jsx(
+      LightBoxViewManager,
       {
-        lightBoxViewManagerNode: g.current,
-        lightBoxMountNode: a.current
+        lightBoxViewManagerNode: lightBoxViewManagerNode.current,
+        lightBoxMountNode: lightBoxMountNode.current
       }
     )
   ] });
 };
-N.displayName = "LightBoxBase";
-const st = Object.assign(N, {
-  Content: R,
-  SideOverlay: T,
-  TopOverlay: k,
-  Controls: V,
-  LeftSidebar: $,
-  RightSidebar: H
+LightBoxBase.displayName = "LightBoxBase";
+const LightBox = Object.assign(LightBoxBase, {
+  Content: LightBoxContent,
+  SideOverlay: LightBoxSideOverlay,
+  TopOverlay,
+  Controls: LightBoxControls,
+  LeftSidebar: LightBoxLeftSidebar,
+  RightSidebar: LightBoxRightSidebar
 });
 export {
-  st as LightBox,
-  B as lightBoxMountNodeIdDefault,
-  p as lightBoxViewManagerNodeIdDefault
+  LightBox,
+  lightBoxMountNodeIdDefault,
+  lightBoxViewManagerNodeIdDefault
 };
 //# sourceMappingURL=LightBox.js.map

package/components/LightBox/LightBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightBox.js","sources":["../../../src/components/LightBox/LightBox.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { Portal } from \"../Portal\";\nimport { FocusTrapExtended, IFocusTrapExtendedProps } from \"../FocusTrapExtended\";\nimport { LightBoxContent } from \"./LightBoxContent\";\nimport { LightBoxControls } from \"./LightBoxControls/LightBoxControls\";\nimport { LightBoxSideOverlay } from \"./LightBoxSideOverlay/LightBoxSideOverlay\";\nimport { addClassNameWithScrollbarWidth } from \"../../utils/scroll/scrollbar\";\nimport { TopOverlay } from \"../TopOverlay/TopOverlay\";\nimport { LightBoxViewManager } from \"./LightBoxViewManager/LightBoxViewManager\";\nimport { FocusTrapUtils } from \"../../utils/focus/FocusTrapUtils\";\nimport { useToken } from \"../ThemeProvider/useToken\";\nimport { LightBoxLeftSidebar } from \"./LightBoxSidebars/LightBoxLeftSidebar\";\nimport { LightBoxRightSidebar } from \"./LightBoxSidebars/LightBoxRightSidebar\";\nimport { ELightBoxSize } from \"./enums\";\nimport styles from \"./styles/LightBox.module.less\";\nimport scrollStyles from \"./styles/LightBoxScroll.module.less\";\n\n// Идентификатор DOM-элемента, в который рендерится лайтбокс. При отсутствии элемента в DOM – создается в body.\nexport const lightBoxMountNodeIdDefault = \"LightBox-next-mount-node\";\n\n// Идентификатор DOM-элемента, в визуальных границах (левая и правая координата) которого рендерится лайтбокс.\nexport const lightBoxViewManagerNodeIdDefault = \"LightBox-next-view-manager-node\";\n\n/** Свойства компонента LightBox. */\nexport interface ILightBoxProps extends React.HTMLAttributes<HTMLDivElement> {\n    children: React.ReactElement[];\n    /** Свойства компонента FocusTrapExtended. */\n    focusTrapProps?: IFocusTrapExtendedProps;\n    /** Ref на контейнер LightBox. */\n    forwardRef?: React.MutableRefObject<HTMLElement | null>;\n    /** DOM-нода в которую будет рендерится лайтбокс. */\n    mountNode?: HTMLDivElement;\n    /** Идентификатор DOM-элемента, в визуальных границах (левая и правая координата) которого рендерится лайтбокс. */\n    lightBoxViewManagerNodeId?: string;\n    /** Флаг состояния загрузки. */\n    isLoading?: boolean;\n    /** Флаг открытия боковой панели. */\n    isSideOverlayOpened?: boolean;\n    /** Флаг открытия верхней панели. */\n    isTopOverlayOpened?: boolean;\n    /** Размер контента LightBox. */\n    size?: ELightBoxSize;\n}\n\nconst bodyClassNamesIsLightBoxOpen = [styles.bodyOverflowHidden];\n\nconst LightBoxBase: React.FC<ILightBoxProps> = ({\n    children,\n    className,\n    focusTrapProps,\n    forwardRef,\n    mountNode,\n    lightBoxViewManagerNodeId = lightBoxViewManagerNodeIdDefault,\n    isLoading,\n    isSideOverlayOpened,\n    isTopOverlayOpened,\n    size = ELightBoxSize.MD,\n    ...htmlDivAttributes\n}) => {\n    // Скрытый элемент для вызова ререндера при закрытии оверлея, фикс бага в Safari - DCBSWT-2866.\n    const tempButtonRef = useRef<HTMLSpanElement>(null);\n    const containerRef = useRef<HTMLDivElement | null>(null);\n\n    const { scopeClassName } = useToken();\n\n    const getLightBoxMountNode = () => {\n        let lightBoxMountNode: HTMLDivElement | null = null;\n        if (mountNode) {\n            lightBoxMountNode = mountNode;\n        } else {\n            lightBoxMountNode = document.querySelector(`#${lightBoxMountNodeIdDefault}`);\n\n            if (!lightBoxMountNode) {\n                lightBoxMountNode = document.createElement(\"div\");\n                lightBoxMountNode.setAttribute(\"id\", lightBoxMountNodeIdDefault);\n                document.body.appendChild(lightBoxMountNode);\n            }\n        }\n\n        return lightBoxMountNode;\n    };\n\n    const getLightBoxViewManagerMountNode = () => {\n        let lightBoxViewManagerMountNode: HTMLDivElement | null = null;\n        if (lightBoxViewManagerNodeId) {\n            lightBoxViewManagerMountNode = document.querySelector(`#${lightBoxViewManagerNodeId}`);\n        }\n\n        if (!lightBoxViewManagerMountNode) {\n            lightBoxViewManagerMountNode = document.createElement(\"div\");\n            lightBoxViewManagerMountNode.setAttribute(\"id\", lightBoxViewManagerNodeIdDefault);\n            document.body.appendChild(lightBoxViewManagerMountNode);\n        }\n\n        return lightBoxViewManagerMountNode;\n    };\n\n    /** DOM node, в которую рендерится лайтбокс. */\n    const lightBoxMountNode = useRef<HTMLDivElement | null>(getLightBoxMountNode());\n    /**\n     * DOM node, в визуальных границах которой рендерится лайтбокс.\n     * Левая и правая граница LightBox будут соответствовать левой и правой границе lightBoxViewManagerNode.\n     */\n    const lightBoxViewManagerNode = useRef<HTMLDivElement | null>(getLightBoxViewManagerMountNode());\n\n    const addClassNamesToDocumentElement = () => {\n        bodyClassNamesIsLightBoxOpen.forEach((className) => document.documentElement.classList.add(className));\n    };\n\n    useEffect(() => {\n        addClassNameWithScrollbarWidth(scrollStyles);\n        addClassNamesToDocumentElement();\n        // Фикс бага в роутере - при переключении между лайтбоксами иногда сначала происходит componentDidMount 2го и затем componentWillUnmount первого, css классы удаляются.\n        setTimeout(addClassNamesToDocumentElement, 100);\n\n        return () =>\n            bodyClassNamesIsLightBoxOpen.forEach((className) => document.documentElement.classList.remove(className));\n    }, []);\n\n    useEffect(() => {\n        if (!isSideOverlayOpened && tempButtonRef.current) {\n            // Изменение z-index у скрытого элемента вызывает repaint. Фикс бага в Safari - DCBSWT-2866.\n            const nextZIndex = Math.round(Math.random() * 100);\n            tempButtonRef.current.style.zIndex = nextZIndex.toString();\n        }\n    }, [isSideOverlayOpened]);\n\n    if (!lightBoxMountNode.current) {\n        return null;\n    }\n\n    /** Функция для хранения ссылки. */\n    const setRef = (instance: HTMLDivElement | null) => {\n        containerRef.current = instance;\n\n        if (forwardRef) {\n            forwardRef.current = instance;\n        }\n    };\n\n    const classNames = clsx(\n        scopeClassName,\n        styles.lightBox,\n        styles[size],\n        {\n            [styles.isLoading]: Boolean(isLoading),\n            [styles.lightBoxSideOverlayActive]: Boolean(isSideOverlayOpened),\n            [styles.lightBoxTopOverlayActive]: Boolean(isTopOverlayOpened),\n        },\n        className,\n    );\n\n    return (\n        <>\n            <Portal container={lightBoxMountNode.current}>\n                <FocusTrapExtended\n                    active={!isLoading}\n                    {...focusTrapProps}\n                    focusTrapOptions={{\n                        initialFocus: () => FocusTrapUtils.getFirstInteractionElementByDataAttr(containerRef.current),\n                        preventScroll: true,\n                        ...focusTrapProps?.focusTrapOptions,\n                    }}\n                >\n                    <div className={classNames} role=\"dialog\" aria-modal=\"true\" {...htmlDivAttributes} ref={setRef}>\n                        <div className={styles.lightBoxBackdrop} />\n                        {children}\n                        <span ref={tempButtonRef} className={styles.tempElSafariBug} />\n                    </div>\n                </FocusTrapExtended>\n            </Portal>\n\n            {lightBoxViewManagerNode.current && (\n                <LightBoxViewManager\n                    lightBoxViewManagerNode={lightBoxViewManagerNode.current}\n                    lightBoxMountNode={lightBoxMountNode.current}\n                />\n            )}\n        </>\n    );\n};\n\nLightBoxBase.displayName = \"LightBoxBase\";\n\nexport const LightBox = Object.assign(LightBoxBase, {\n    Content: LightBoxContent,\n    SideOverlay: LightBoxSideOverlay,\n    TopOverlay,\n    Controls: LightBoxControls,\n    LeftSidebar: LightBoxLeftSidebar,\n    RightSidebar: LightBoxRightSidebar,\n});\n"],"names":["lightBoxMountNode","className"],"mappings":"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"}

package/components/LightBox/LightBoxContent.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
 import "../WindowResizeListener/WindowResizeListener.js";
-import "../../chunks/vendor-D5cfSbgz.js";
+import "../../chunks/vendor-Bco_z_Yi.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L as n } from "../../chunks/LightBoxContent-Dzx47lKv.js";
+import { L } from "../../chunks/LightBoxContent-ZM-dMDke.js";
 export {
-  n as LightBoxContent
+  L as LightBoxContent
 };
 //# sourceMappingURL=LightBoxContent.js.map

package/components/LightBox/LightBoxContent.js.map

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

package/components/LightBox/LightBoxControls/LightBoxClose.js

@@ -1,53 +1,54 @@
-import { jsxs as n, jsx as e, Fragment as f } from "react/jsx-runtime";
-import { useRef as h } from "react";
-import { c as u } from "../../../chunks/vendor-D5cfSbgz.js";
-import { CrossStrokeSrvIcon32 as x, CrossStrokeSrvIcon20 as C } from "@sberbusiness/icons-next";
-import { TriggerClickOnKeyDownEvent as E } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
-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-RG62wDXb.js";
-const N = ({
-  className: c,
-  onClick: t,
-  title: r = "Закрыть",
-  ...d
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useRef } from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { CrossStrokeSrvIcon32, CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
+import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
+import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
+import { EButtonTheme } from "../../Button/enums.js";
+import { Button } from "../../Button/Button.js";
+import { EComponentSize } from "../../../enums/EComponentSize.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-DgcHB1jn.js";
+const LightBoxClose = ({
+  className,
+  onClick,
+  title = "Закрыть",
+  ...htmlDivAttributes
 }) => {
-  const s = h(null), m = (p) => /* @__PURE__ */ n(f, { children: [
-    /* @__PURE__ */ e(
-      l,
+  const ref = useRef(null);
+  const renderButton = (buttonRef) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
       {
-        className: o.lightBoxControlsDesktop,
-        onClick: t,
-        title: r,
-        "data-exclude-modal-focus": !0,
-        ref: p,
-        icon: /* @__PURE__ */ e(x, { paletteIndex: 0 }),
-        size: a.LG,
-        theme: i.SECONDARY_LIGHT
+        className: styles.lightBoxControlsDesktop,
+        onClick,
+        title,
+        "data-exclude-modal-focus": true,
+        ref: buttonRef,
+        icon: /* @__PURE__ */ jsx(CrossStrokeSrvIcon32, { paletteIndex: 0 }),
+        size: EComponentSize.LG,
+        theme: EButtonTheme.SECONDARY_LIGHT
       }
     ),
-    /* @__PURE__ */ e(
-      l,
+    /* @__PURE__ */ jsx(
+      Button,
       {
-        className: o.lightBoxControlsMobile,
-        onClick: t,
-        title: r,
-        "data-exclude-modal-focus": !0,
-        icon: /* @__PURE__ */ e(C, { paletteIndex: 0 }),
-        size: a.MD,
-        theme: i.SECONDARY_LIGHT
+        className: styles.lightBoxControlsMobile,
+        onClick,
+        title,
+        "data-exclude-modal-focus": true,
+        icon: /* @__PURE__ */ jsx(CrossStrokeSrvIcon20, { paletteIndex: 0 }),
+        size: EComponentSize.MD,
+        theme: EButtonTheme.SECONDARY_LIGHT
       }
     )
   ] });
-  return /* @__PURE__ */ n("div", { className: u(c, o.lightBoxClose), ...d, children: [
-    /* @__PURE__ */ e("span", { className: o.withKeyboardEvent, children: /* @__PURE__ */ e(E, { eventKeyCode: g.ESCAPE, targetRef: s, children: m(s) }) }),
-    /* @__PURE__ */ e("span", { className: o.withoutKeyboardEvent, children: m() })
+  return /* @__PURE__ */ jsxs("div", { className: clsx(className, styles.lightBoxClose), ...htmlDivAttributes, children: [
+    /* @__PURE__ */ jsx("span", { className: styles.withKeyboardEvent, children: /* @__PURE__ */ jsx(TriggerClickOnKeyDownEvent, { eventKeyCode: EVENT_KEY_CODES.ESCAPE, targetRef: ref, children: renderButton(ref) }) }),
+    /* @__PURE__ */ jsx("span", { className: styles.withoutKeyboardEvent, children: renderButton() })
   ] });
 };
-N.displayName = "LightBoxClose";
+LightBoxClose.displayName = "LightBoxClose";
 export {
-  N as LightBoxClose
+  LightBoxClose
 };
 //# sourceMappingURL=LightBoxClose.js.map

package/components/LightBox/LightBoxControls/LightBoxClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightBoxClose.js","sources":["../../../../src/components/LightBox/LightBoxControls/LightBoxClose.tsx"],"sourcesContent":["import React, { Ref, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { CrossStrokeSrvIcon32, CrossStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport { TriggerClickOnKeyDownEvent } from \"../../Triggers/TriggerClickOnKeyDownEvent\";\nimport { EVENT_KEY_CODES } from \"../../../utils/keyboard\";\nimport { EButtonTheme } from \"../../Button/enums\";\nimport { Button } from \"../../Button/Button\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport styles from \"../styles/LightBoxControls.module.less\";\n\n/** Свойства LightBoxClose. */\ninterface ILightBoxCloseProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Обработчик закрытия лайтбокса. */\n    onClick: () => void;\n}\n\n/** Кнопка закрытия лайтбокса. */\nexport const LightBoxClose: React.FC<ILightBoxCloseProps> = ({\n    className,\n    onClick,\n    title = \"Закрыть\",\n    ...htmlDivAttributes\n}) => {\n    const ref = useRef<HTMLButtonElement>(null);\n\n    const renderButton = (buttonRef?: Ref<HTMLButtonElement>) => (\n        <>\n            {/* Кнопка для экранов шире 1024px */}\n            <Button\n                className={styles.lightBoxControlsDesktop}\n                onClick={onClick}\n                title={title}\n                data-exclude-modal-focus\n                ref={buttonRef}\n                icon={<CrossStrokeSrvIcon32 paletteIndex={0} />}\n                size={EComponentSize.LG}\n                theme={EButtonTheme.SECONDARY_LIGHT}\n            />\n            {/* Кнопка для экранов менее 1024px */}\n            <Button\n                className={styles.lightBoxControlsMobile}\n                onClick={onClick}\n                title={title}\n                data-exclude-modal-focus\n                icon={<CrossStrokeSrvIcon20 paletteIndex={0} />}\n                size={EComponentSize.MD}\n                theme={EButtonTheme.SECONDARY_LIGHT}\n            />\n        </>\n    );\n\n    return (\n        <div className={clsx(className, styles.lightBoxClose)} {...htmlDivAttributes}>\n            {/* Кнопка с триггером по Esc. */}\n            <span className={styles.withKeyboardEvent}>\n                <TriggerClickOnKeyDownEvent eventKeyCode={EVENT_KEY_CODES.ESCAPE} targetRef={ref}>\n                    {renderButton(ref)}\n                </TriggerClickOnKeyDownEvent>\n            </span>\n\n            {/* Кнопка без триггера по Esc. Отображается, когда открыт SideOverlay. */}\n            <span className={styles.withoutKeyboardEvent}>{renderButton()}</span>\n        </div>\n    );\n};\n\nLightBoxClose.displayName = \"LightBoxClose\";\n"],"names":[],"mappings":";;;;;;;;;;AAiBO,MAAM,gBAA+C,CAAC;AAAA,EACzD;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACP,MAAM;AACF,QAAM,MAAM,OAA0B,IAAI;AAE1C,QAAM,eAAe,CAAC,cAClB,qBAAA,UAAA,EAEI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO;AAAA,QAClB;AAAA,QACA;AAAA,QACA,4BAAwB;AAAA,QACxB,KAAK;AAAA,QACL,MAAM,oBAAC,sBAAA,EAAqB,cAAc,EAAA,CAAG;AAAA,QAC7C,MAAM,eAAe;AAAA,QACrB,OAAO,aAAa;AAAA,MAAA;AAAA,IAAA;AAAA,IAGxB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO;AAAA,QAClB;AAAA,QACA;AAAA,QACA,4BAAwB;AAAA,QACxB,MAAM,oBAAC,sBAAA,EAAqB,cAAc,EAAA,CAAG;AAAA,QAC7C,MAAM,eAAe;AAAA,QACrB,OAAO,aAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EACxB,GACJ;AAGJ,SACI,qBAAC,SAAI,WAAW,KAAK,WAAW,OAAO,aAAa,GAAI,GAAG,mBAEvD,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,mBACpB,8BAAC,4BAAA,EAA2B,cAAc,gBAAgB,QAAQ,WAAW,KACxE,UAAA,aAAa,GAAG,GACrB,GACJ;AAAA,wBAGC,QAAA,EAAK,WAAW,OAAO,sBAAuB,yBAAa,CAAE;AAAA,EAAA,GAClE;AAER;AAEA,cAAc,cAAc;"}