@sberbusiness/triplex-next 1.43.0 → 1.44.0

package/components/Island/Island.js

@@ -5,7 +5,7 @@ import { EIslandType } from "./enums.js";
 import { IslandBody } from "./components/IslandBody.js";
 import { IslandHeader } from "./components/IslandHeader.js";
 import { IslandFooter } from "./components/IslandFooter.js";
-import { s as styles, m as mapTypeToClassName } from "../../chunks/utils-DjmAjzcV.js";
+import { s as styles, m as mapTypeToClassName } from "../../chunks/utils-C8wwfWT9.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
@@ -19,12 +19,19 @@ const Island = Object.assign(
       loaderScreenProps,
       className,
       children,
+      withoutPaddings,
       ...rest
     }, ref) => {
       return /* @__PURE__ */ jsxs(
         "div",
         {
-          className: clsx(styles.island, mapTypeToClassName(type), SIZE_TO_CLASS_NAME_MAP[size], className),
+          className: clsx(
+            styles.island,
+            { [styles.withoutPaddings]: Boolean(withoutPaddings) },
+            mapTypeToClassName(type),
+            SIZE_TO_CLASS_NAME_MAP[size],
+            className
+          ),
           ref,
           ...rest,
           children: [

package/components/Island/Island.js.map

@@ -1 +1 @@
-{"version":3,"file":"Island.js","sources":["../../../src/components/Island/Island.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EIslandType } from \"./enums\";\nimport { IslandBody } from \"./components/IslandBody\";\nimport { IslandHeader } from \"./components/IslandHeader\";\nimport { IslandFooter } from \"./components/IslandFooter\";\nimport { mapTypeToClassName } from \"./utils\";\nimport {\n    ILoaderScreenMiddleProps,\n    LoaderScreen,\n} from \"@sberbusiness/triplex-next/components/LoaderScreen/LoaderScreen\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/Island.module.less\";\n\n/** Свойства компонента Island. */\nexport interface IIslandProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Тип. Отличаются цвет фона и тень. По умолчанию EIslandType.TYPE_1. */\n    type?: EIslandType;\n    /** Размер. Задаёт скругление, внутренние отступы и отступы между Header, Body и Footer. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Флаг состояния загрузки. */\n    loading?: boolean;\n    /** Свойства компонента LoaderScreen. */\n    loaderScreenProps?: ILoaderScreenMiddleProps;\n}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Контейнер-карточка. Составные части — Island.Header, Island.Body, Island.Footer. */\nexport const Island = Object.assign(\n    React.forwardRef<HTMLDivElement, IIslandProps>(\n        (\n            {\n                type = EIslandType.TYPE_1,\n                size = EComponentSize.MD,\n                loading,\n                loaderScreenProps,\n                className,\n                children,\n                ...rest\n            },\n            ref,\n        ) => {\n            return (\n                <div\n                    className={clsx(styles.island, mapTypeToClassName(type), SIZE_TO_CLASS_NAME_MAP[size], className)}\n                    ref={ref}\n                    {...rest}\n                >\n                    {children}\n\n                    {loading && (\n                        <LoaderScreen\n                            {...loaderScreenProps}\n                            className={clsx(styles.islandLoaderScreen, loaderScreenProps?.className)}\n                            type=\"middle\"\n                        />\n                    )}\n                </div>\n            );\n        },\n    ),\n    {\n        Body: IslandBody,\n        Header: IslandHeader,\n        Footer: IslandFooter,\n    },\n);\n\nIsland.displayName = \"Island\";\n"],"names":["React"],"mappings":";;;;;;;;;;;AA2BA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,SAAS,OAAO;AAAA,EACzBA,eAAM;AAAA,IACF,CACI;AAAA,MACI,OAAO,YAAY;AAAA,MACnB,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,GAEP,QACC;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,KAAK,OAAO,QAAQ,mBAAmB,IAAI,GAAG,uBAAuB,IAAI,GAAG,SAAS;AAAA,UAChG;AAAA,UACC,GAAG;AAAA,UAEH,UAAA;AAAA,YAAA;AAAA,YAEA,WACG;AAAA,cAAC;AAAA,cAAA;AAAA,gBACI,GAAG;AAAA,gBACJ,WAAW,KAAK,OAAO,oBAAoB,uDAAmB,SAAS;AAAA,gBACvE,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACT;AAAA,QAAA;AAAA,MAAA;AAAA,IAIhB;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAEhB;AAEA,OAAO,cAAc;"}
+{"version":3,"file":"Island.js","sources":["../../../src/components/Island/Island.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EIslandType } from \"./enums\";\nimport { IslandBody } from \"./components/IslandBody\";\nimport { IslandHeader } from \"./components/IslandHeader\";\nimport { IslandFooter } from \"./components/IslandFooter\";\nimport { mapTypeToClassName } from \"./utils\";\nimport {\n    ILoaderScreenMiddleProps,\n    LoaderScreen,\n} from \"@sberbusiness/triplex-next/components/LoaderScreen/LoaderScreen\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/Island.module.less\";\n\n/** Свойства компонента Island. */\nexport interface IIslandProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Тип. Отличаются цвет фона и тень. По умолчанию EIslandType.TYPE_1. */\n    type?: EIslandType;\n    /** Размер. Задаёт скругление, внутренние отступы и отступы между Header, Body и Footer. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Флаг состояния загрузки. */\n    loading?: boolean;\n    /** Свойства компонента LoaderScreen. */\n    loaderScreenProps?: ILoaderScreenMiddleProps;\n    /** Свойство, отключающее внутренние отступы. */\n    withoutPaddings?: boolean;\n}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Контейнер-карточка. Составные части — Island.Header, Island.Body, Island.Footer. */\nexport const Island = Object.assign(\n    React.forwardRef<HTMLDivElement, IIslandProps>(\n        (\n            {\n                type = EIslandType.TYPE_1,\n                size = EComponentSize.MD,\n                loading,\n                loaderScreenProps,\n                className,\n                children,\n                withoutPaddings,\n                ...rest\n            },\n            ref,\n        ) => {\n            return (\n                <div\n                    className={clsx(\n                        styles.island,\n                        { [styles.withoutPaddings]: Boolean(withoutPaddings) },\n                        mapTypeToClassName(type),\n                        SIZE_TO_CLASS_NAME_MAP[size],\n                        className,\n                    )}\n                    ref={ref}\n                    {...rest}\n                >\n                    {children}\n\n                    {loading && (\n                        <LoaderScreen\n                            {...loaderScreenProps}\n                            className={clsx(styles.islandLoaderScreen, loaderScreenProps?.className)}\n                            type=\"middle\"\n                        />\n                    )}\n                </div>\n            );\n        },\n    ),\n    {\n        Body: IslandBody,\n        Header: IslandHeader,\n        Footer: IslandFooter,\n    },\n);\n\nIsland.displayName = \"Island\";\n"],"names":["React"],"mappings":";;;;;;;;;;;AA6BA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,SAAS,OAAO;AAAA,EACzBA,eAAM;AAAA,IACF,CACI;AAAA,MACI,OAAO,YAAY;AAAA,MACnB,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,GAEP,QACC;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,YACP,OAAO;AAAA,YACP,EAAE,CAAC,OAAO,eAAe,GAAG,QAAQ,eAAe,EAAA;AAAA,YACnD,mBAAmB,IAAI;AAAA,YACvB,uBAAuB,IAAI;AAAA,YAC3B;AAAA,UAAA;AAAA,UAEJ;AAAA,UACC,GAAG;AAAA,UAEH,UAAA;AAAA,YAAA;AAAA,YAEA,WACG;AAAA,cAAC;AAAA,cAAA;AAAA,gBACI,GAAG;AAAA,gBACJ,WAAW,KAAK,OAAO,oBAAoB,uDAAmB,SAAS;AAAA,gBACvE,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACT;AAAA,QAAA;AAAA,MAAA;AAAA,IAIhB;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAEhB;AAEA,OAAO,cAAc;"}

package/components/Island/components/IslandBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const islandBody = "islandBody__809d4943";
+const islandBody = "islandBody__51b9256f";
 const styles = {
   islandBody
 };

package/components/Island/components/IslandFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const islandFooter = "islandFooter__3ddf4685";
+const islandFooter = "islandFooter__07d33581";
 const styles = {
   islandFooter
 };

package/components/Island/components/IslandHeader.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const islandHeader = "islandHeader__4e514983";
+const islandHeader = "islandHeader__a91a947f";
 const styles = {
   islandHeader
 };

package/components/Island/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { m } from "../../chunks/utils-DjmAjzcV.js";
+import { m } from "../../chunks/utils-C8wwfWT9.js";
 export {
   m as mapTypeToClassName
 };

package/components/IslandAccordion/IslandAccordion.js

@@ -9,14 +9,14 @@ import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../chunks/IslandAccordion.module-BSKYPAWV.js";
+import { s as styles } from "../../chunks/IslandAccordion.module-BFj1LZrN.js";
 import "./components/IslandAccordionContent.js";
 import "./components/IslandAccordionFooter.js";
 const IslandAccordion = Object.assign(
   React__default.forwardRef(
     ({ className, children, size = EComponentSize.MD, type = EIslandType.TYPE_1, ...rest }, ref) => {
       const classNames = clsx(className, styles.islandAccordion);
-      return /* @__PURE__ */ jsx(IslandAccordionContext.Provider, { value: { size, type }, children: /* @__PURE__ */ jsx("ul", { ...rest, className: classNames, "data-tx": "1.43.0", ref, children }) });
+      return /* @__PURE__ */ jsx(IslandAccordionContext.Provider, { value: { size, type }, children: /* @__PURE__ */ jsx("ul", { ...rest, className: classNames, "data-tx": "1.44.0", ref, children }) });
     }
   ),
   {

package/components/IslandAccordion/components/IslandAccordionContent.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/IslandAccordion.module-BSKYPAWV.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-BFj1LZrN.js";
 import { Island } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/IslandAccordion.module-BSKYPAWV.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-BFj1LZrN.js";
 import { Island } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionItem.js

@@ -26,7 +26,7 @@ import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
 import "../../MobileView/MobileView.js";
 import { useMobileView } from "../../MobileView/useMobileView.js";
-import { s as styles } from "../../../chunks/IslandAccordion.module-BSKYPAWV.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-BFj1LZrN.js";
 const TYPE_TO_CLASS_NAME_MAP = {
   [EIslandType.TYPE_1]: styles.type1,
   [EIslandType.TYPE_2]: styles.type2,
@@ -107,7 +107,7 @@ const IslandAccordionItem = Object.assign(
               }),
               onClick: handleHeaderClick,
               disabled,
-              "data-tx": "1.43.0",
+              "data-tx": "1.44.0",
               children: [
                 status && num && /* @__PURE__ */ jsx("div", { className: styles.step, children: /* @__PURE__ */ jsx(Step, { step: num, status, position: EStepPosition.XFirst, size, children: disabled ? void 0 : stepHint }) }),
                 /* @__PURE__ */ jsx(

package/components/IslandWidget/IslandWidget.js

@@ -16,13 +16,11 @@ import { IslandWidgetContext } from "./IslandWidgetContext.js";
 import { ExpandAnimation } from "../ExpandAnimation/ExpandAnimation.js";
 import "../MobileView/MobileView.js";
 import { useMobileView } from "../MobileView/useMobileView.js";
-const islandWidget = "islandWidget__345dd512";
-const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__8f912b9f";
-const islandWidgetHeaderWrapperAdaptive = "islandWidgetHeaderWrapperAdaptive__7c3df030";
+const islandWidget = "islandWidget__97a3a293";
+const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__5ab8be48";
 const styles = {
   islandWidget,
-  islandWidgetWithExtraFooter,
-  islandWidgetHeaderWrapperAdaptive
+  islandWidgetWithExtraFooter
 };
 const IslandWidget = Object.assign(
   React__default.forwardRef(
@@ -53,7 +51,8 @@ const IslandWidget = Object.assign(
           value: {
             adaptive,
             disableAdaptiveCollapsing,
-            open
+            open,
+            size
           },
           children: /* @__PURE__ */ jsx(
             "div",
@@ -61,20 +60,11 @@ const IslandWidget = Object.assign(
               className: clsx(styles.islandWidget, className, {
                 [styles.islandWidgetWithExtraFooter]: hasExtraFooter
               }),
-              "data-tx": "1.43.0",
+              "data-tx": "1.44.0",
               ...rest,
               ref,
-              children: /* @__PURE__ */ jsxs(Island, { type: EIslandType.TYPE_1, size, children: [
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: clsx({
-                      [styles.islandWidgetHeaderWrapperAdaptive]: adaptive
-                    }),
-                    onClick: adaptive ? handleHeaderClick : void 0,
-                    children: renderHeader({})
-                  }
-                ),
+              children: /* @__PURE__ */ jsxs(Island, { type: EIslandType.TYPE_1, size, withoutPaddings: true, children: [
+                /* @__PURE__ */ jsx("div", { onClick: adaptive ? handleHeaderClick : void 0, children: renderHeader({}) }),
                 expandableContent ? /* @__PURE__ */ jsx(ExpandAnimation, { expanded: open, children: renderContent() }) : /* @__PURE__ */ jsx(Fragment, { children: renderContent() })
               ] })
             }

package/components/IslandWidget/IslandWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidget.js","sources":["../../../src/components/IslandWidget/IslandWidget.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport { Island, EIslandType } from \"../Island\";\nimport { IIslandWidgetHeaderProps, IslandWidgetHeader } from \"./components/IslandWidgetHeader\";\nimport { IIslandWidgetBodyProps, IslandWidgetBody } from \"./components/IslandWidgetBody\";\nimport { IIslandWidgetFooterProps, IslandWidgetFooter } from \"./components/IslandWidgetFooter\";\nimport { IslandWidgetExtraFooter } from \"./components/IslandWidgetExtraFooter\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/IslandWidget.module.less\";\nimport { IslandWidgetLayoutContext } from \"./IslandWidgetLayoutContext\";\nimport { IslandWidgetContext } from \"./IslandWidgetContext\";\nimport { ExpandAnimation } from \"../ExpandAnimation/ExpandAnimation\";\nimport { useMobileView } from \"../MobileView\";\n\nexport interface IIslandWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер компонента. */\n    size?: EComponentSize;\n    /** Рендер-функция Body. */\n    renderBody: (props: IIslandWidgetBodyProps) => React.ReactNode;\n    /** Рендер-функция Footer. */\n    renderFooter?: (props: IIslandWidgetFooterProps) => React.ReactNode;\n    /** Рендер-функция Header. */\n    renderHeader: (props: IIslandWidgetHeaderProps) => React.ReactNode;\n    /** Отключение возможности сворачивания контента в адаптиве. */\n    disableAdaptiveCollapsing?: boolean;\n}\n\nexport const IslandWidget = Object.assign(\n    React.forwardRef<HTMLDivElement, IIslandWidgetProps>(\n        (\n            {\n                className,\n                size = EComponentSize.MD,\n                renderBody,\n                renderFooter,\n                renderHeader,\n                disableAdaptiveCollapsing = false,\n                ...rest\n            },\n            ref,\n        ) => {\n            const { hasExtraFooter } = useContext(IslandWidgetLayoutContext);\n            const [open, setOpen] = useState(disableAdaptiveCollapsing);\n\n            const adaptive = useMobileView();\n\n            const handleHeaderClick = (): void => {\n                const newOpen = !open;\n                setOpen(newOpen);\n            };\n\n            const expandableContent = adaptive && !disableAdaptiveCollapsing;\n\n            const renderContent = () => (\n                <>\n                    {renderBody({})}\n                    {renderFooter ? renderFooter({}) : null}\n                </>\n            );\n\n            return (\n                <IslandWidgetContext.Provider\n                    value={{\n                        adaptive,\n                        disableAdaptiveCollapsing,\n                        open,\n                    }}\n                >\n                    <div\n                        className={clsx(styles.islandWidget, className, {\n                            [styles.islandWidgetWithExtraFooter]: hasExtraFooter,\n                        })}\n                        data-tx={process.env.npm_package_version}\n                        {...rest}\n                        ref={ref}\n                    >\n                        <Island type={EIslandType.TYPE_1} size={size}>\n                            <div\n                                className={clsx({\n                                    [styles.islandWidgetHeaderWrapperAdaptive]: adaptive,\n                                })}\n                                onClick={adaptive ? handleHeaderClick : undefined}\n                            >\n                                {renderHeader({})}\n                            </div>\n                            {expandableContent ? (\n                                <ExpandAnimation expanded={open}>{renderContent()}</ExpandAnimation>\n                            ) : (\n                                <>{renderContent()}</>\n                            )}\n                        </Island>\n                    </div>\n                </IslandWidgetContext.Provider>\n            );\n        },\n    ),\n    {\n        Header: IslandWidgetHeader,\n        Body: IslandWidgetBody,\n        Footer: IslandWidgetFooter,\n        ExtraFooter: IslandWidgetExtraFooter,\n    },\n);\n\nIslandWidget.displayName = \"IslandWidget\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2BO,MAAM,eAAe,OAAO;AAAA,EAC/BA,eAAM;AAAA,IACF,CACI;AAAA,MACI;AAAA,MACA,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA,4BAA4B;AAAA,MAC5B,GAAG;AAAA,IAAA,GAEP,QACC;AACD,YAAM,EAAE,eAAA,IAAmB,WAAW,yBAAyB;AAC/D,YAAM,CAAC,MAAM,OAAO,IAAI,SAAS,yBAAyB;AAE1D,YAAM,WAAW,cAAA;AAEjB,YAAM,oBAAoB,MAAY;AAClC,cAAM,UAAU,CAAC;AACjB,gBAAQ,OAAO;AAAA,MACnB;AAEA,YAAM,oBAAoB,YAAY,CAAC;AAEvC,YAAM,gBAAgB,MAClB,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA,WAAW,CAAA,CAAE;AAAA,QACb,eAAe,aAAa,CAAA,CAAE,IAAI;AAAA,MAAA,GACvC;AAGJ,aACI;AAAA,QAAC,oBAAoB;AAAA,QAApB;AAAA,UACG,OAAO;AAAA,YACH;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGJ,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,KAAK,OAAO,cAAc,WAAW;AAAA,gBAC5C,CAAC,OAAO,2BAA2B,GAAG;AAAA,cAAA,CACzC;AAAA,cACD,WAAS;AAAA,cACR,GAAG;AAAA,cACJ;AAAA,cAEA,+BAAC,QAAA,EAAO,MAAM,YAAY,QAAQ,MAC9B,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW,KAAK;AAAA,sBACZ,CAAC,OAAO,iCAAiC,GAAG;AAAA,oBAAA,CAC/C;AAAA,oBACD,SAAS,WAAW,oBAAoB;AAAA,oBAEvC,UAAA,aAAa,CAAA,CAAE;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEnB,oBACG,oBAAC,iBAAA,EAAgB,UAAU,MAAO,0BAAc,CAAE,IAElD,oBAAA,UAAA,EAAG,UAAA,cAAA,GAAgB;AAAA,cAAA,GAE3B;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IAGZ;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAErB;AAEA,aAAa,cAAc;"}
+{"version":3,"file":"IslandWidget.js","sources":["../../../src/components/IslandWidget/IslandWidget.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport { Island, EIslandType } from \"../Island\";\nimport { IIslandWidgetHeaderProps, IslandWidgetHeader } from \"./components/IslandWidgetHeader\";\nimport { IIslandWidgetBodyProps, IslandWidgetBody } from \"./components/IslandWidgetBody\";\nimport { IIslandWidgetFooterProps, IslandWidgetFooter } from \"./components/IslandWidgetFooter\";\nimport { IslandWidgetExtraFooter } from \"./components/IslandWidgetExtraFooter\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/IslandWidget.module.less\";\nimport { IslandWidgetLayoutContext } from \"./IslandWidgetLayoutContext\";\nimport { IslandWidgetContext } from \"./IslandWidgetContext\";\nimport { ExpandAnimation } from \"../ExpandAnimation/ExpandAnimation\";\nimport { useMobileView } from \"../MobileView\";\n\nexport interface IIslandWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер компонента. */\n    size?: EComponentSize;\n    /** Рендер-функция Body. */\n    renderBody: (props: IIslandWidgetBodyProps) => React.ReactNode;\n    /** Рендер-функция Footer. */\n    renderFooter?: (props: IIslandWidgetFooterProps) => React.ReactNode;\n    /** Рендер-функция Header. */\n    renderHeader: (props: IIslandWidgetHeaderProps) => React.ReactNode;\n    /** Отключение возможности сворачивания контента в адаптиве. */\n    disableAdaptiveCollapsing?: boolean;\n}\n\nexport const IslandWidget = Object.assign(\n    React.forwardRef<HTMLDivElement, IIslandWidgetProps>(\n        (\n            {\n                className,\n                size = EComponentSize.MD,\n                renderBody,\n                renderFooter,\n                renderHeader,\n                disableAdaptiveCollapsing = false,\n                ...rest\n            },\n            ref,\n        ) => {\n            const { hasExtraFooter } = useContext(IslandWidgetLayoutContext);\n            const [open, setOpen] = useState(disableAdaptiveCollapsing);\n\n            const adaptive = useMobileView();\n\n            const handleHeaderClick = (): void => {\n                const newOpen = !open;\n                setOpen(newOpen);\n            };\n\n            const expandableContent = adaptive && !disableAdaptiveCollapsing;\n\n            const renderContent = () => (\n                <>\n                    {renderBody({})}\n                    {renderFooter ? renderFooter({}) : null}\n                </>\n            );\n\n            return (\n                <IslandWidgetContext.Provider\n                    value={{\n                        adaptive,\n                        disableAdaptiveCollapsing,\n                        open,\n                        size,\n                    }}\n                >\n                    <div\n                        className={clsx(styles.islandWidget, className, {\n                            [styles.islandWidgetWithExtraFooter]: hasExtraFooter,\n                        })}\n                        data-tx={process.env.npm_package_version}\n                        {...rest}\n                        ref={ref}\n                    >\n                        <Island type={EIslandType.TYPE_1} size={size} withoutPaddings={true}>\n                            <div onClick={adaptive ? handleHeaderClick : undefined}>{renderHeader({})}</div>\n                            {expandableContent ? (\n                                <ExpandAnimation expanded={open}>{renderContent()}</ExpandAnimation>\n                            ) : (\n                                <>{renderContent()}</>\n                            )}\n                        </Island>\n                    </div>\n                </IslandWidgetContext.Provider>\n            );\n        },\n    ),\n    {\n        Header: IslandWidgetHeader,\n        Body: IslandWidgetBody,\n        Footer: IslandWidgetFooter,\n        ExtraFooter: IslandWidgetExtraFooter,\n    },\n);\n\nIslandWidget.displayName = \"IslandWidget\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA2BO,MAAM,eAAe,OAAO;AAAA,EAC/BA,eAAM;AAAA,IACF,CACI;AAAA,MACI;AAAA,MACA,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA,4BAA4B;AAAA,MAC5B,GAAG;AAAA,IAAA,GAEP,QACC;AACD,YAAM,EAAE,eAAA,IAAmB,WAAW,yBAAyB;AAC/D,YAAM,CAAC,MAAM,OAAO,IAAI,SAAS,yBAAyB;AAE1D,YAAM,WAAW,cAAA;AAEjB,YAAM,oBAAoB,MAAY;AAClC,cAAM,UAAU,CAAC;AACjB,gBAAQ,OAAO;AAAA,MACnB;AAEA,YAAM,oBAAoB,YAAY,CAAC;AAEvC,YAAM,gBAAgB,MAClB,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA,WAAW,CAAA,CAAE;AAAA,QACb,eAAe,aAAa,CAAA,CAAE,IAAI;AAAA,MAAA,GACvC;AAGJ,aACI;AAAA,QAAC,oBAAoB;AAAA,QAApB;AAAA,UACG,OAAO;AAAA,YACH;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGJ,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,KAAK,OAAO,cAAc,WAAW;AAAA,gBAC5C,CAAC,OAAO,2BAA2B,GAAG;AAAA,cAAA,CACzC;AAAA,cACD,WAAS;AAAA,cACR,GAAG;AAAA,cACJ;AAAA,cAEA,+BAAC,QAAA,EAAO,MAAM,YAAY,QAAQ,MAAY,iBAAiB,MAC3D,UAAA;AAAA,gBAAA,oBAAC,OAAA,EAAI,SAAS,WAAW,oBAAoB,QAAY,UAAA,aAAa,CAAA,CAAE,GAAE;AAAA,gBACzE,oBACG,oBAAC,iBAAA,EAAgB,UAAU,MAAO,0BAAc,CAAE,IAElD,oBAAA,UAAA,EAAG,UAAA,cAAA,GAAgB;AAAA,cAAA,GAE3B;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IAGZ;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAErB;AAEA,aAAa,cAAc;"}

package/components/IslandWidget/IslandWidgetContext.js

@@ -1,8 +1,10 @@
 import React__default from "react";
+import { EComponentSize } from "../../enums/EComponentSize.js";
 const contextInitial = {
   adaptive: false,
   disableAdaptiveCollapsing: false,
-  open: false
+  open: false,
+  size: EComponentSize.MD
 };
 const IslandWidgetContext = React__default.createContext(contextInitial);
 export {

package/components/IslandWidget/IslandWidgetContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetContext.js","sources":["../../../src/components/IslandWidget/IslandWidgetContext.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface IIslandWidgetContext {\n    adaptive: boolean;\n    disableAdaptiveCollapsing: boolean;\n    open: boolean;\n}\n\nconst contextInitial: IIslandWidgetContext = {\n    adaptive: false,\n    disableAdaptiveCollapsing: false,\n    open: false,\n};\n\nexport const IslandWidgetContext = React.createContext(contextInitial);\n"],"names":["React"],"mappings":";AAQA,MAAM,iBAAuC;AAAA,EACzC,UAAU;AAAA,EACV,2BAA2B;AAAA,EAC3B,MAAM;AACV;AAEO,MAAM,sBAAsBA,eAAM,cAAc,cAAc;"}
+{"version":3,"file":"IslandWidgetContext.js","sources":["../../../src/components/IslandWidget/IslandWidgetContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\nexport interface IIslandWidgetContext {\n    adaptive: boolean;\n    disableAdaptiveCollapsing: boolean;\n    open: boolean;\n    size: EComponentSize;\n}\n\nconst contextInitial: IIslandWidgetContext = {\n    adaptive: false,\n    disableAdaptiveCollapsing: false,\n    open: false,\n    size: EComponentSize.MD,\n};\n\nexport const IslandWidgetContext = React.createContext(contextInitial);\n"],"names":["React"],"mappings":";;AAUA,MAAM,iBAAuC;AAAA,EACzC,UAAU;AAAA,EACV,2BAA2B;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM,eAAe;AACzB;AAEO,MAAM,sBAAsBA,eAAM,cAAc,cAAc;"}

package/components/IslandWidget/components/IslandWidgetBody.js

@@ -1,11 +1,22 @@
 import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const islandWidgetBody = "islandWidgetBody__674f0883";
+import { IslandWidgetContext } from "../IslandWidgetContext.js";
+import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
+const islandWidgetBody = "islandWidgetBody__3a6db6f6";
+const sm = "sm__a2131e85";
+const md = "md__cca8df3a";
+const lg = "lg__4517bc92";
 const styles = {
-  islandWidgetBody
+  islandWidgetBody,
+  sm,
+  md,
+  lg
 };
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const IslandWidgetBody = ({ children, className, ...htmlDivAttributes }) => {
-  return /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(styles.islandWidgetBody, className), children });
+  const { size } = useContext(IslandWidgetContext);
+  return /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(styles.islandWidgetBody, SIZE_TO_CLASS_NAME_MAP[size], className), children });
 };
 IslandWidgetBody.displayName = "IslandWidgetBody";
 export {

package/components/IslandWidget/components/IslandWidgetBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetBody.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetBody.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetBody.module.less\";\n\n/** Свойства компонента IslandWidgetBody. */\nexport interface IIslandWidgetBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const IslandWidgetBody: React.FC<IIslandWidgetBodyProps> = ({ children, className, ...htmlDivAttributes }) => {\n    return (\n        <div {...htmlDivAttributes} className={clsx(styles.islandWidgetBody, className)}>\n            {children}\n        </div>\n    );\n};\n\nIslandWidgetBody.displayName = \"IslandWidgetBody\";\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,mBAAqD,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACjH,SACI,oBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,KAAK,OAAO,kBAAkB,SAAS,GACzE,SAAA,CACL;AAER;AAEA,iBAAiB,cAAc;"}
+{"version":3,"file":"IslandWidgetBody.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetBody.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/IslandWidgetBody.module.less\";\n\n/** Свойства компонента IslandWidgetBody. */\nexport interface IIslandWidgetBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nexport const IslandWidgetBody: React.FC<IIslandWidgetBodyProps> = ({ children, className, ...htmlDivAttributes }) => {\n    const { size } = useContext(IslandWidgetContext);\n\n    return (\n        <div {...htmlDivAttributes} className={clsx(styles.islandWidgetBody, SIZE_TO_CLASS_NAME_MAP[size], className)}>\n            {children}\n        </div>\n    );\n};\n\nIslandWidgetBody.displayName = \"IslandWidgetBody\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AASA,MAAM,yBAAyB,yBAAyB,MAAM;AAEvD,MAAM,mBAAqD,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACjH,QAAM,EAAE,KAAA,IAAS,WAAW,mBAAmB;AAE/C,SACI,oBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,KAAK,OAAO,kBAAkB,uBAAuB,IAAI,GAAG,SAAS,GACvG,SAAA,CACL;AAER;AAEA,iBAAiB,cAAc;"}

package/components/IslandWidget/components/IslandWidgetExtraFooter.js

@@ -3,7 +3,7 @@ import { useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { ExpandAnimation } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetExtraFooter = "islandWidgetExtraFooter__12350441";
+const islandWidgetExtraFooter = "islandWidgetExtraFooter__cfa79e92";
 const styles = {
   islandWidgetExtraFooter
 };

package/components/IslandWidget/components/IslandWidgetFooter.js

@@ -1,10 +1,22 @@
 import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Iynlil69.js";
+import { IslandWidgetContext } from "../IslandWidgetContext.js";
+import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { IslandWidgetFooterContent } from "./IslandWidgetFooterContent.js";
 import { IslandWidgetFooterControls } from "./IslandWidgetFooterControls.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-DVKw7F37.js";
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const IslandWidgetFooter = ({ children, className, ...htmlDivAttributes }) => {
-  return /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(className, styles.islandWidgetFooter), children });
+  const { size } = useContext(IslandWidgetContext);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...htmlDivAttributes,
+      className: clsx(styles.islandWidgetFooter, SIZE_TO_CLASS_NAME_MAP[size], className),
+      children
+    }
+  );
 };
 IslandWidgetFooter.Content = IslandWidgetFooterContent;
 IslandWidgetFooter.Controls = IslandWidgetFooterControls;

package/components/IslandWidget/components/IslandWidgetFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetFooter.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetFooter.module.less\";\nimport { IslandWidgetFooterContent } from \"./IslandWidgetFooterContent\";\nimport { IslandWidgetFooterControls } from \"./IslandWidgetFooterControls\";\n\n/** Свойства компонента IslandWidgetFooter. */\nexport interface IIslandWidgetFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport type TIslandWidgetFooter = React.FC<IIslandWidgetFooterProps> & {\n    Content: typeof IslandWidgetFooterContent;\n    Controls: typeof IslandWidgetFooterControls;\n};\n\nexport const IslandWidgetFooter: TIslandWidgetFooter = ({ children, className, ...htmlDivAttributes }) => {\n    return (\n        <div {...htmlDivAttributes} className={clsx(className, styles.islandWidgetFooter)}>\n            {children}\n        </div>\n    );\n};\n\nIslandWidgetFooter.Content = IslandWidgetFooterContent;\nIslandWidgetFooter.Controls = IslandWidgetFooterControls;\nIslandWidgetFooter.displayName = \"IslandWidgetFooter\";\n"],"names":[],"mappings":";;;;;AAcO,MAAM,qBAA0C,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACtG,SACI,oBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,KAAK,WAAW,OAAO,kBAAkB,GAC3E,SAAA,CACL;AAER;AAEA,mBAAmB,UAAU;AAC7B,mBAAmB,WAAW;AAC9B,mBAAmB,cAAc;"}
+{"version":3,"file":"IslandWidgetFooter.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetFooter.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { IslandWidgetFooterContent } from \"./IslandWidgetFooterContent\";\nimport { IslandWidgetFooterControls } from \"./IslandWidgetFooterControls\";\nimport styles from \"../styles/IslandWidgetFooter.module.less\";\n\n/** Свойства компонента IslandWidgetFooter. */\nexport interface IIslandWidgetFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nexport type TIslandWidgetFooter = React.FC<IIslandWidgetFooterProps> & {\n    Content: typeof IslandWidgetFooterContent;\n    Controls: typeof IslandWidgetFooterControls;\n};\n\nexport const IslandWidgetFooter: TIslandWidgetFooter = ({ children, className, ...htmlDivAttributes }) => {\n    const { size } = useContext(IslandWidgetContext);\n\n    return (\n        <div\n            {...htmlDivAttributes}\n            className={clsx(styles.islandWidgetFooter, SIZE_TO_CLASS_NAME_MAP[size], className)}\n        >\n            {children}\n        </div>\n    );\n};\n\nIslandWidgetFooter.Content = IslandWidgetFooterContent;\nIslandWidgetFooter.Controls = IslandWidgetFooterControls;\nIslandWidgetFooter.displayName = \"IslandWidgetFooter\";\n"],"names":[],"mappings":";;;;;;;;AAWA,MAAM,yBAAyB,yBAAyB,MAAM;AAOvD,MAAM,qBAA0C,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACtG,QAAM,EAAE,KAAA,IAAS,WAAW,mBAAmB;AAE/C,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,KAAK,OAAO,oBAAoB,uBAAuB,IAAI,GAAG,SAAS;AAAA,MAEjF;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,mBAAmB,UAAU;AAC7B,mBAAmB,WAAW;AAC9B,mBAAmB,cAAc;"}

package/components/IslandWidget/components/IslandWidgetFooterContent.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Iynlil69.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-DVKw7F37.js";
 const IslandWidgetFooterContent = ({
   children,
   ...htmlDivAttributes

package/components/IslandWidget/components/IslandWidgetFooterControls.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Iynlil69.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-DVKw7F37.js";
 const IslandWidgetFooterControls = ({
   children,
   ...htmlDivAttributes

package/components/IslandWidget/components/IslandWidgetHeader.js

@@ -1,20 +1,23 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DhLpsPi3.js";
 import { IslandWidgetHeaderControls } from "./IslandWidgetHeaderControls.js";
 import { IslandWidgetHeaderDescription } from "./IslandWidgetHeaderDescription.js";
 import { IslandWidgetHeaderTitle } from "./IslandWidgetHeaderTitle.js";
 import { CaretdownStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { IslandWidgetContext } from "../IslandWidgetContext.js";
+import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DHAKalQf.js";
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const IslandWidgetHeader = ({ children, className, ...htmlDivAttributes }) => {
-  const { adaptive, disableAdaptiveCollapsing, open } = useContext(IslandWidgetContext);
+  const { adaptive, disableAdaptiveCollapsing, open, size } = useContext(IslandWidgetContext);
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ...htmlDivAttributes,
-      className: clsx(className, styles.islandWidgetHeader, {
-        [styles.open]: open
+      className: clsx(styles.islandWidgetHeader, SIZE_TO_CLASS_NAME_MAP[size], className, {
+        [styles.open]: open,
+        [styles.disableAdaptiveCollapsing]: adaptive && disableAdaptiveCollapsing
       }),
       children: [
         children,

package/components/IslandWidget/components/IslandWidgetHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetHeader.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeader.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\nimport { IslandWidgetHeaderControls } from \"./IslandWidgetHeaderControls\";\nimport { IslandWidgetHeaderDescription } from \"./IslandWidgetHeaderDescription\";\nimport { IslandWidgetHeaderTitle } from \"./IslandWidgetHeaderTitle\";\nimport { CaretdownStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\n\n/** Свойства компонента IslandWidgetHeader. */\nexport interface IIslandWidgetHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport type TIslandWidgetHeader = React.FC<IIslandWidgetHeaderProps> & {\n    Title: typeof IslandWidgetHeaderTitle;\n    Controls: typeof IslandWidgetHeaderControls;\n    Description: typeof IslandWidgetHeaderDescription;\n};\n\nexport const IslandWidgetHeader: TIslandWidgetHeader = ({ children, className, ...htmlDivAttributes }) => {\n    const { adaptive, disableAdaptiveCollapsing, open } = useContext(IslandWidgetContext);\n\n    return (\n        <div\n            {...htmlDivAttributes}\n            className={clsx(className, styles.islandWidgetHeader, {\n                [styles.open]: open,\n            })}\n        >\n            {children}\n            {adaptive && !disableAdaptiveCollapsing && (\n                <span className={clsx(styles.caretWrapper)}>\n                    <CaretdownStrokeSrvIcon24 className={styles.caretIcon} aria-hidden=\"true\" paletteIndex={5} />\n                </span>\n            )}\n        </div>\n    );\n};\n\nIslandWidgetHeader.Title = IslandWidgetHeaderTitle;\nIslandWidgetHeader.Controls = IslandWidgetHeaderControls;\nIslandWidgetHeader.Description = IslandWidgetHeaderDescription;\nIslandWidgetHeader.displayName = \"IslandWidgetHeader\";\n"],"names":[],"mappings":";;;;;;;;;AAkBO,MAAM,qBAA0C,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACtG,QAAM,EAAE,UAAU,2BAA2B,KAAA,IAAS,WAAW,mBAAmB;AAEpF,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,KAAK,WAAW,OAAO,oBAAoB;AAAA,QAClD,CAAC,OAAO,IAAI,GAAG;AAAA,MAAA,CAClB;AAAA,MAEA,UAAA;AAAA,QAAA;AAAA,QACA,YAAY,CAAC,iDACT,QAAA,EAAK,WAAW,KAAK,OAAO,YAAY,GACrC,UAAA,oBAAC,0BAAA,EAAyB,WAAW,OAAO,WAAW,eAAY,QAAO,cAAc,GAAG,EAAA,CAC/F;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEA,mBAAmB,QAAQ;AAC3B,mBAAmB,WAAW;AAC9B,mBAAmB,cAAc;AACjC,mBAAmB,cAAc;"}
+{"version":3,"file":"IslandWidgetHeader.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeader.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { IslandWidgetHeaderControls } from \"./IslandWidgetHeaderControls\";\nimport { IslandWidgetHeaderDescription } from \"./IslandWidgetHeaderDescription\";\nimport { IslandWidgetHeaderTitle } from \"./IslandWidgetHeaderTitle\";\nimport { CaretdownStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\n\n/** Свойства компонента IslandWidgetHeader. */\nexport interface IIslandWidgetHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport type TIslandWidgetHeader = React.FC<IIslandWidgetHeaderProps> & {\n    Title: typeof IslandWidgetHeaderTitle;\n    Controls: typeof IslandWidgetHeaderControls;\n    Description: typeof IslandWidgetHeaderDescription;\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nexport const IslandWidgetHeader: TIslandWidgetHeader = ({ children, className, ...htmlDivAttributes }) => {\n    const { adaptive, disableAdaptiveCollapsing, open, size } = useContext(IslandWidgetContext);\n\n    return (\n        <div\n            {...htmlDivAttributes}\n            className={clsx(styles.islandWidgetHeader, SIZE_TO_CLASS_NAME_MAP[size], className, {\n                [styles.open]: open,\n                [styles.disableAdaptiveCollapsing]: adaptive && disableAdaptiveCollapsing,\n            })}\n        >\n            {children}\n            {adaptive && !disableAdaptiveCollapsing && (\n                <span className={clsx(styles.caretWrapper)}>\n                    <CaretdownStrokeSrvIcon24 className={styles.caretIcon} aria-hidden=\"true\" paletteIndex={5} />\n                </span>\n            )}\n        </div>\n    );\n};\n\nIslandWidgetHeader.Title = IslandWidgetHeaderTitle;\nIslandWidgetHeader.Controls = IslandWidgetHeaderControls;\nIslandWidgetHeader.Description = IslandWidgetHeaderDescription;\nIslandWidgetHeader.displayName = \"IslandWidgetHeader\";\n"],"names":[],"mappings":";;;;;;;;;;AAmBA,MAAM,yBAAyB,yBAAyB,MAAM;AAEvD,MAAM,qBAA0C,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACtG,QAAM,EAAE,UAAU,2BAA2B,MAAM,KAAA,IAAS,WAAW,mBAAmB;AAE1F,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,KAAK,OAAO,oBAAoB,uBAAuB,IAAI,GAAG,WAAW;AAAA,QAChF,CAAC,OAAO,IAAI,GAAG;AAAA,QACf,CAAC,OAAO,yBAAyB,GAAG,YAAY;AAAA,MAAA,CACnD;AAAA,MAEA,UAAA;AAAA,QAAA;AAAA,QACA,YAAY,CAAC,iDACT,QAAA,EAAK,WAAW,KAAK,OAAO,YAAY,GACrC,UAAA,oBAAC,0BAAA,EAAyB,WAAW,OAAO,WAAW,eAAY,QAAO,cAAc,GAAG,EAAA,CAC/F;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEA,mBAAmB,QAAQ;AAC3B,mBAAmB,WAAW;AAC9B,mBAAmB,cAAc;AACjC,mBAAmB,cAAc;"}

package/components/IslandWidget/components/IslandWidgetHeaderContent.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DhLpsPi3.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DHAKalQf.js";
 const IslandWidgetHeaderContent = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetHeaderControls.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DhLpsPi3.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DHAKalQf.js";
 const IslandWidgetHeaderControls = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetHeaderDescription.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DhLpsPi3.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DHAKalQf.js";
 import { EFontType, ETextSize } 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 } from "../../Typography/Title.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DhLpsPi3.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DHAKalQf.js";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 const IslandWidgetHeaderTitle = ({
   children,

package/components/IslandWidget/components/IslandWidgetWrapper.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useState } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetWrapper = "islandWidgetWrapper__eddb3c8e";
+const islandWidgetWrapper = "islandWidgetWrapper__ead781eb";
 const styles = {
   islandWidgetWrapper
 };

package/components/LightBox/LightBox.js

@@ -3,7 +3,7 @@ import { useRef, useState, useEffect } from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { Portal } from "../Portal/Portal.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
-import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-D9EyEoR0.js";
+import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-DmLo1lK3.js";
 import { LightBoxControls } from "./LightBoxControls/LightBoxControls.js";
 import { LightBoxSideOverlay } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
 import { addClassNameWithScrollbarWidth } from "../../utils/scroll/scrollbar.js";
@@ -15,10 +15,10 @@ import { LightBoxLeftSidebar } from "./LightBoxSidebars/LightBoxLeftSidebar.js";
 import { LightBoxRightSidebar } from "./LightBoxSidebars/LightBoxRightSidebar.js";
 import { ELightBoxSize } from "./enums.js";
 const scrollStyles = {
-  "scroll-0": "scroll-0__3b90c288",
-  "scroll-15": "scroll-15__1e60f29e",
-  "scroll-16": "scroll-16__147bb9be",
-  "scroll-17": "scroll-17__2bd80b38"
+  "scroll-0": "scroll-0__3dbf25f1",
+  "scroll-15": "scroll-15__e53374d4",
+  "scroll-16": "scroll-16__87870d0d",
+  "scroll-17": "scroll-17__caf2ebfc"
 };
 const lightBoxMountNodeIdDefault = "LightBox-next-mount-node";
 const lightBoxViewManagerNodeIdDefault = "LightBox-next-view-manager-node";
@@ -100,6 +100,7 @@ const LightBoxBase = ({
     styles.lightBox,
     styles[size],
     {
+      [styles.isLoading]: Boolean(isLoading),
       [styles.lightBoxSideOverlayActive]: Boolean(isSideOverlayOpened),
       [styles.lightBoxTopOverlayActive]: Boolean(isTopOverlayOpened)
     },

package/components/LightBox/LightBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"LightBox.js","sources":["../../../src/components/LightBox/LightBox.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } 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    /** Содержимое лайтбокса. */\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\n/** CSS-классы, добавляемые на корневой элемент документа, пока лайтбокс открыт. */\nconst bodyClassNamesIsLightBoxOpen = [styles.bodyOverflowHidden];\n\n/** Добавляет CSS-классы открытого лайтбокса на корневой элемент документа. */\nconst addClassNamesToDocumentElement = () => {\n    bodyClassNamesIsLightBoxOpen.forEach((className) => document.documentElement.classList.add(className));\n};\n\n/** Удаляет CSS-классы открытого лайтбокса с корневого элемента документа. */\nconst removeClassNamesFromDocumentElement = () => {\n    bodyClassNamesIsLightBoxOpen.forEach((className) => document.documentElement.classList.remove(className));\n};\n\n/**\n * Количество смонтированных лайтбоксов. При переключении между лайтбоксами через роутер второй может\n * смонтироваться раньше, чем размонтируется первый, поэтому классы с documentElement снимаются только\n * при размонтировании последнего лайтбокса.\n */\nlet mountedLightBoxCount = 0;\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 = (): HTMLDivElement => {\n        if (mountNode) {\n            return mountNode;\n        }\n\n        let lightBoxMountNode = document.querySelector<HTMLDivElement>(`#${lightBoxMountNodeIdDefault}`);\n\n        if (!lightBoxMountNode) {\n            lightBoxMountNode = document.createElement(\"div\");\n            lightBoxMountNode.setAttribute(\"id\", lightBoxMountNodeIdDefault);\n            document.body.appendChild(lightBoxMountNode);\n        }\n\n        return lightBoxMountNode;\n    };\n\n    const getLightBoxViewManagerMountNode = (): HTMLDivElement => {\n        let lightBoxViewManagerMountNode: HTMLDivElement | null = null;\n\n        if (lightBoxViewManagerNodeId) {\n            lightBoxViewManagerMountNode = document.querySelector<HTMLDivElement>(`#${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] = useState<HTMLDivElement>(getLightBoxMountNode);\n    /**\n     * DOM node, в визуальных границах которой рендерится лайтбокс.\n     * Левая и правая граница LightBox будут соответствовать левой и правой границе lightBoxViewManagerNode.\n     */\n    const [lightBoxViewManagerNode] = useState<HTMLDivElement>(getLightBoxViewManagerMountNode);\n\n    useEffect(() => {\n        addClassNameWithScrollbarWidth(scrollStyles);\n        mountedLightBoxCount += 1;\n        addClassNamesToDocumentElement();\n\n        return () => {\n            mountedLightBoxCount -= 1;\n\n            if (mountedLightBoxCount === 0) {\n                removeClassNamesFromDocumentElement();\n            }\n        };\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    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.lightBoxSideOverlayActive]: Boolean(isSideOverlayOpened),\n            [styles.lightBoxTopOverlayActive]: Boolean(isTopOverlayOpened),\n        },\n        className,\n    );\n\n    return (\n        <>\n            <Portal container={lightBoxMountNode}>\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            <LightBoxViewManager\n                lightBoxViewManagerNode={lightBoxViewManagerNode}\n                lightBoxMountNode={lightBoxMountNode}\n            />\n        </>\n    );\n};\n\nLightBoxBase.displayName = \"LightBoxBase\";\n\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"],"mappings":"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"}
+{"version":3,"file":"LightBox.js","sources":["../../../src/components/LightBox/LightBox.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } 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    /** Содержимое лайтбокса. */\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\n/** CSS-классы, добавляемые на корневой элемент документа, пока лайтбокс открыт. */\nconst bodyClassNamesIsLightBoxOpen = [styles.bodyOverflowHidden];\n\n/** Добавляет CSS-классы открытого лайтбокса на корневой элемент документа. */\nconst addClassNamesToDocumentElement = () => {\n    bodyClassNamesIsLightBoxOpen.forEach((className) => document.documentElement.classList.add(className));\n};\n\n/** Удаляет CSS-классы открытого лайтбокса с корневого элемента документа. */\nconst removeClassNamesFromDocumentElement = () => {\n    bodyClassNamesIsLightBoxOpen.forEach((className) => document.documentElement.classList.remove(className));\n};\n\n/**\n * Количество смонтированных лайтбоксов. При переключении между лайтбоксами через роутер второй может\n * смонтироваться раньше, чем размонтируется первый, поэтому классы с documentElement снимаются только\n * при размонтировании последнего лайтбокса.\n */\nlet mountedLightBoxCount = 0;\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 = (): HTMLDivElement => {\n        if (mountNode) {\n            return mountNode;\n        }\n\n        let lightBoxMountNode = document.querySelector<HTMLDivElement>(`#${lightBoxMountNodeIdDefault}`);\n\n        if (!lightBoxMountNode) {\n            lightBoxMountNode = document.createElement(\"div\");\n            lightBoxMountNode.setAttribute(\"id\", lightBoxMountNodeIdDefault);\n            document.body.appendChild(lightBoxMountNode);\n        }\n\n        return lightBoxMountNode;\n    };\n\n    const getLightBoxViewManagerMountNode = (): HTMLDivElement => {\n        let lightBoxViewManagerMountNode: HTMLDivElement | null = null;\n\n        if (lightBoxViewManagerNodeId) {\n            lightBoxViewManagerMountNode = document.querySelector<HTMLDivElement>(`#${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] = useState<HTMLDivElement>(getLightBoxMountNode);\n    /**\n     * DOM node, в визуальных границах которой рендерится лайтбокс.\n     * Левая и правая граница LightBox будут соответствовать левой и правой границе lightBoxViewManagerNode.\n     */\n    const [lightBoxViewManagerNode] = useState<HTMLDivElement>(getLightBoxViewManagerMountNode);\n\n    useEffect(() => {\n        addClassNameWithScrollbarWidth(scrollStyles);\n        mountedLightBoxCount += 1;\n        addClassNamesToDocumentElement();\n\n        return () => {\n            mountedLightBoxCount -= 1;\n\n            if (mountedLightBoxCount === 0) {\n                removeClassNamesFromDocumentElement();\n            }\n        };\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    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}>\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            <LightBoxViewManager\n                lightBoxViewManagerNode={lightBoxViewManagerNode}\n                lightBoxMountNode={lightBoxMountNode}\n            />\n        </>\n    );\n};\n\nLightBoxBase.displayName = \"LightBoxBase\";\n\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"],"mappings":"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"}

package/components/LightBox/LightBoxContent.js

@@ -3,7 +3,7 @@ import "react";
 import "../WindowResizeListener/WindowResizeListener.js";
 import "../../chunks/vendor-D4wvHis9.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L } from "../../chunks/LightBoxContent-D9EyEoR0.js";
+import { L } from "../../chunks/LightBoxContent-DmLo1lK3.js";
 export {
   L as LightBoxContent
 };

package/components/LightBox/LightBoxControls/LightBoxArrow.js

@@ -5,7 +5,7 @@ import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDown
 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-DrWaO0Tw.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-BfIgufzK.js";
 const LightBoxArrow = ({
   buttonClassName,
   className,

package/components/LightBox/LightBoxControls/LightBoxClose.js

@@ -7,7 +7,7 @@ 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-DrWaO0Tw.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-BfIgufzK.js";
 const LightBoxClose = ({
   className,
   onClick,

package/components/LightBox/LightBoxControls/LightBoxControls.js

@@ -3,7 +3,7 @@ import { LightBoxClose } from "./LightBoxClose.js";
 import { LightBoxNext } from "./LightBoxNext.js";
 import { LightBoxPrev } from "./LightBoxPrev.js";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-DrWaO0Tw.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-BfIgufzK.js";
 const LightBoxControls = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.lightBoxControls), ...htmlDivAttributes, "data-lightbox-component": "controls", children });
 LightBoxControls.displayName = "LightBoxControls";
 LightBoxControls.Close = LightBoxClose;

package/components/LightBox/LightBoxControls/LightBoxNext.js

@@ -3,7 +3,7 @@ import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { CaretrightStrokeSrvIcon20, CaretrightStrokeSrvIcon32 } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { LightBoxArrow } from "./LightBoxArrow.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-DrWaO0Tw.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-BfIgufzK.js";
 const LightBoxNext = ({ className, clickByArrowRight, ...rest }) => /* @__PURE__ */ jsx(
   LightBoxArrow,
   {