@sberbusiness/triplex-next 1.45.0 → 1.46.0

package/components/IslandAccordion/IslandAccordionContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandAccordionContext.js","sources":["../../../src/components/IslandAccordion/IslandAccordionContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { EIslandType } from \"../Island\";\n\nexport interface IIslandAccordionContext {\n    size: EComponentSize;\n    type: EIslandType;\n}\n\nexport const initialIslandAccordionContext: IIslandAccordionContext = {\n    size: EComponentSize.MD,\n    type: EIslandType.TYPE_1,\n};\n\nexport const IslandAccordionContext = React.createContext<IIslandAccordionContext>(initialIslandAccordionContext);\n"],"names":["React"],"mappings":";;;;;;;AASO,MAAM,gCAAyD;AAAA,EAClE,MAAM,eAAe;AAAA,EACrB,MAAM,YAAY;AACtB;AAEO,MAAM,yBAAyBA,eAAM,cAAuC,6BAA6B;"}
+{"version":3,"file":"IslandAccordionContext.js","sources":["../../../src/components/IslandAccordion/IslandAccordionContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { EIslandType } from \"../Island\";\n\n/** Значение контекста аккордеона: оформление, которое IslandAccordion раздаёт своим элементам. */\nexport interface IIslandAccordionContext {\n    /** Размер элементов аккордеона. */\n    size: EComponentSize;\n    /** Визуальный тип острова, на котором построен элемент. */\n    type: EIslandType;\n}\n\n/** Значение контекста по умолчанию — используется, если элемент отрендерен вне IslandAccordion. */\nexport const initialIslandAccordionContext: IIslandAccordionContext = {\n    size: EComponentSize.MD,\n    type: EIslandType.TYPE_1,\n};\n\n/** Контекст, через который IslandAccordion передаёт size и type своим элементам. */\nexport const IslandAccordionContext = React.createContext<IIslandAccordionContext>(initialIslandAccordionContext);\n"],"names":["React"],"mappings":";;;;;;;AAaO,MAAM,gCAAyD;AAAA,EAClE,MAAM,eAAe;AAAA,EACrB,MAAM,YAAY;AACtB;AAGO,MAAM,yBAAyBA,eAAM,cAAuC,6BAA6B;"}

package/components/IslandAccordion/components/IslandAccordionContent.js

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

package/components/IslandAccordion/components/IslandAccordionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandAccordionContent.js","sources":["../../../../src/components/IslandAccordion/components/IslandAccordionContent.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/IslandAccordion.module.less\";\nimport { Island } from \"../../Island/\";\n\n/** Свойства компонента IslandAccordionContent. */\nexport interface IIslandAccordionContentProps {\n    children?: React.ReactNode;\n}\n\n/** Компонент содержимого элемента аккордеона. */\nexport const IslandAccordionContent: React.FC<IIslandAccordionContentProps> = ({ children }) => (\n    <Island.Body className={styles.body}>{children}</Island.Body>\n);\n\nIslandAccordionContent.displayName = \"IslandAccordionContent\";\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,yBAAiE,CAAC,EAAE,SAAA,MAC7E,oBAAC,OAAO,MAAP,EAAY,WAAW,OAAO,MAAO,SAAA,CAAS;AAGnD,uBAAuB,cAAc;"}
+{"version":3,"file":"IslandAccordionContent.js","sources":["../../../../src/components/IslandAccordion/components/IslandAccordionContent.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/IslandAccordion.module.less\";\nimport { Island } from \"../../Island\";\n\n/** Свойства компонента IslandAccordionContent. */\nexport interface IIslandAccordionContentProps {\n    /** Содержимое раскрывающейся части элемента аккордеона. */\n    children?: React.ReactNode;\n}\n\n/** Компонент содержимого элемента аккордеона. Обёртка над Island.Body с отступами аккордеона. */\nexport const IslandAccordionContent: React.FC<IIslandAccordionContentProps> = ({ children }) => (\n    <Island.Body className={styles.body}>{children}</Island.Body>\n);\n\nIslandAccordionContent.displayName = \"IslandAccordionContent\";\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,yBAAiE,CAAC,EAAE,SAAA,MAC7E,oBAAC,OAAO,MAAP,EAAY,WAAW,OAAO,MAAO,SAAA,CAAS;AAGnD,uBAAuB,cAAc;"}

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-4rzQ8p9D.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-U3t-4vJq.js";
 import { Island } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandAccordionFooter.js","sources":["../../../../src/components/IslandAccordion/components/IslandAccordionFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandAccordion.module.less\";\nimport { Island, IIslandFooterProps } from \"../../Island\";\n\n/** Свойства компонента IslandAccordionFooter. */\nexport interface IIslandAccordionFooterProps extends IIslandFooterProps {}\n\n/** Компонент подвала элемента акоордеона. */\nexport const IslandAccordionFooter: React.FC<IIslandAccordionFooterProps> = ({ className, ...rest }) => (\n    <Island.Footer className={clsx(styles.footer, className)} {...rest} />\n);\n\nIslandAccordionFooter.displayName = \"IslandAccordionFooter\";\n"],"names":[],"mappings":";;;;;;;AASO,MAAM,wBAA+D,CAAC,EAAE,WAAW,GAAG,KAAA,MACzF,oBAAC,OAAO,QAAP,EAAc,WAAW,KAAK,OAAO,QAAQ,SAAS,GAAI,GAAG,KAAA,CAAM;AAGxE,sBAAsB,cAAc;"}
+{"version":3,"file":"IslandAccordionFooter.js","sources":["../../../../src/components/IslandAccordion/components/IslandAccordionFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandAccordion.module.less\";\nimport { Island, IIslandFooterProps } from \"../../Island\";\n\n/** Свойства компонента IslandAccordionFooter. */\nexport interface IIslandAccordionFooterProps extends IIslandFooterProps {}\n\n/** Компонент подвала элемента аккордеона. Обёртка над Island.Footer с отступами аккордеона. */\nexport const IslandAccordionFooter: React.FC<IIslandAccordionFooterProps> = ({ className, ...rest }) => (\n    <Island.Footer className={clsx(styles.footer, className)} {...rest} />\n);\n\nIslandAccordionFooter.displayName = \"IslandAccordionFooter\";\n"],"names":[],"mappings":";;;;;;;AASO,MAAM,wBAA+D,CAAC,EAAE,WAAW,GAAG,KAAA,MACzF,oBAAC,OAAO,QAAP,EAAc,WAAW,KAAK,OAAO,QAAQ,SAAS,GAAI,GAAG,KAAA,CAAM;AAGxE,sBAAsB,cAAc;"}

package/components/IslandAccordion/components/IslandAccordionItem.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React__default, { useState, useContext, useRef, useEffect } from "react";
+import React__default, { useContext, useState } from "react";
 import { CaretdownStrokeSrvIcon24, CrossStrokeSrvIcon24 } from "@sberbusiness/icons-next";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { Island } from "../../Island/Island.js";
 import { ExpandAnimation } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandAccordionContent } from "./IslandAccordionContent.js";
@@ -26,7 +26,8 @@ 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-4rzQ8p9D.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-U3t-4vJq.js";
+const INSTANCE_ID_PREFIX = "IslandAccordionItem-";
 const TYPE_TO_CLASS_NAME_MAP = {
   [EIslandType.TYPE_1]: styles.type1,
   [EIslandType.TYPE_2]: styles.type2,
@@ -55,21 +56,20 @@ const IslandAccordionItem = Object.assign(
       transitionProps,
       ...rest
     }, ref) => {
-      const [isOpen, setIsOpen] = useState(opened || false);
       const { size, type } = useContext(IslandAccordionContext);
-      const instanceId = useRef(uniqueId()).current;
-      const headerInstanceId = `${instanceId}header`;
-      const bodyInstanceId = `${instanceId}body`;
+      const [instanceId] = useState(() => uniqueId(INSTANCE_ID_PREFIX));
+      const headerInstanceId = `${instanceId}-header`;
+      const bodyInstanceId = `${instanceId}-body`;
       const adaptive = useMobileView();
-      useEffect(() => {
-        if (opened !== void 0 && isOpen !== opened) {
+      const [isOpen, setIsOpen] = useState(opened ?? false);
+      const [prevOpened, setPrevOpened] = useState(opened);
+      if (opened !== prevOpened) {
+        setPrevOpened(opened);
+        if (opened !== void 0) {
           setIsOpen(opened);
         }
-      }, [opened, isOpen]);
+      }
       const handleHeaderClick = () => {
-        if (disabled) {
-          return;
-        }
         const newOpened = !isOpen;
         onToggle == null ? void 0 : onToggle(newOpened, id);
         if (opened === void 0) {
@@ -77,9 +77,6 @@ const IslandAccordionItem = Object.assign(
         }
       };
       const handleRemoveClick = () => {
-        if (disabled) {
-          return;
-        }
         onRemove == null ? void 0 : onRemove(id);
       };
       const titleSize = adaptive ? ETitleSize.H3 : SIZE_TO_TITLE_SIZE_MAP[size];
@@ -89,7 +86,7 @@ const IslandAccordionItem = Object.assign(
         SIZE_TO_CLASS_NAME_MAP[size],
         TYPE_TO_CLASS_NAME_MAP[type],
         {
-          [styles.disabled]: !!disabled,
+          [styles.disabled]: disabled,
           [styles.opened]: isOpen
         }
       );
@@ -107,9 +104,9 @@ const IslandAccordionItem = Object.assign(
               }),
               onClick: handleHeaderClick,
               disabled,
-              "data-tx": "1.45.0",
+              "data-tx": "1.46.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 }) }),
+                status && num !== void 0 && num !== 0 ? /* @__PURE__ */ jsx("div", { className: styles.step, children: /* @__PURE__ */ jsx(Step, { step: num, status, position: EStepPosition.XFirst, size, children: disabled ? void 0 : stepHint }) }) : null,
                 /* @__PURE__ */ jsx(
                   Title,
                   {
@@ -121,7 +118,7 @@ const IslandAccordionItem = Object.assign(
                     children: title
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { className: clsx(styles.caretWrapper), children: /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx("span", { className: styles.caretWrapper, children: /* @__PURE__ */ jsx(
                   CaretdownStrokeSrvIcon24,
                   {
                     className: styles.caretIcon,

package/components/IslandAccordion/components/IslandAccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandAccordionItem.js","sources":["../../../../src/components/IslandAccordion/components/IslandAccordionItem.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useContext } from \"react\";\nimport { CaretdownStrokeSrvIcon24, CrossStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { Island } from \"../../Island/Island\";\nimport { uniqueId } from \"lodash-es\";\nimport { ExpandAnimation, IExpandAnimationProps } from \"../../ExpandAnimation\";\nimport { IslandAccordionContent } from \"./IslandAccordionContent\";\nimport { IslandAccordionFooter } from \"./IslandAccordionFooter\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { ButtonIcon } from \"../../Button\";\nimport { EIslandType } from \"../../Island\";\nimport { Step, EStepStatus, EStepPosition } from \"../../Step\";\nimport { IslandAccordionContext } from \"../IslandAccordionContext\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { ETitleSize, Title, EFontType, EFontWeightTitle } from \"../../Typography\";\nimport { useMobileView } from \"../../MobileView\";\nimport styles from \"../styles/IslandAccordion.module.less\";\n\nexport interface IIslandAccordionItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, \"title\"> {\n    /** Нода с названием заголовка. */\n    title: React.ReactNode;\n    /** Идентификатор вкладки (если не передать извне, то используется индекс. Также используется как ключ при рендере списка вкладок). */\n    id: string;\n    /** Цифра в кружке. */\n    num?: number;\n    /** Раскрыт ли элемент. */\n    opened?: boolean;\n    /** Статус шага. */\n    status?: EStepStatus;\n    /** Подсказка к шагу. */\n    stepHint?: string;\n    /** Заблокирован ли элемент. */\n    disabled?: boolean;\n    /** Вызывается при клике по вкладке. */\n    onToggle?: (newOpened: boolean, id: string) => void;\n    /** Вызывается при удалении вкладки. */\n    onRemove?: (id: string) => void;\n    /** Свойства компонента Transition (react-transition-group). */\n    transitionProps?: IExpandAnimationProps[\"transitionProps\"];\n}\n\nconst TYPE_TO_CLASS_NAME_MAP: Record<EIslandType, string> = {\n    [EIslandType.TYPE_1]: styles.type1,\n    [EIslandType.TYPE_2]: styles.type2,\n    [EIslandType.TYPE_3]: styles.type3,\n};\n\nconst SIZE_TO_TITLE_SIZE_MAP: Record<EComponentSize, ETitleSize> = {\n    [EComponentSize.SM]: ETitleSize.H3,\n    [EComponentSize.MD]: ETitleSize.H3,\n    [EComponentSize.LG]: ETitleSize.H2,\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nexport const IslandAccordionItem = Object.assign(\n    React.forwardRef<HTMLLIElement, IIslandAccordionItemProps>(\n        (\n            {\n                children,\n                title,\n                className,\n                opened,\n                disabled,\n                onRemove,\n                onToggle,\n                id,\n                num,\n                status,\n                stepHint,\n                transitionProps,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [isOpen, setIsOpen] = useState(opened || false);\n            const { size, type } = useContext(IslandAccordionContext);\n\n            // eslint-disable-next-line react-hooks/refs\n            const instanceId = useRef(uniqueId()).current;\n            const headerInstanceId = `${instanceId}header`;\n            const bodyInstanceId = `${instanceId}body`;\n\n            const adaptive = useMobileView();\n\n            useEffect(() => {\n                if (opened !== undefined && isOpen !== opened) {\n                    setIsOpen(opened);\n                }\n            }, [opened, isOpen]);\n\n            const handleHeaderClick = (): void => {\n                if (disabled) {\n                    return;\n                }\n                const newOpened = !isOpen;\n                onToggle?.(newOpened, id);\n\n                if (opened === undefined) {\n                    setIsOpen(newOpened);\n                }\n            };\n\n            const handleRemoveClick = (): void => {\n                if (disabled) {\n                    return;\n                }\n                onRemove?.(id);\n            };\n\n            const titleSize = adaptive ? ETitleSize.H3 : SIZE_TO_TITLE_SIZE_MAP[size];\n\n            const classNames = clsx(\n                className,\n                styles.item,\n                SIZE_TO_CLASS_NAME_MAP[size],\n                TYPE_TO_CLASS_NAME_MAP[type],\n                {\n                    [styles.disabled]: !!disabled,\n                    [styles.opened]: isOpen,\n                },\n            );\n\n            return (\n                <li {...rest} className={classNames} id={id} ref={ref}>\n                    <Island className={styles.island} size={size} type={type}>\n                        <Island.Header>\n                            <button\n                                id={headerInstanceId}\n                                aria-controls={bodyInstanceId}\n                                aria-expanded={isOpen}\n                                type=\"button\"\n                                className={clsx(styles.header, {\n                                    hoverable: !isOpen,\n                                })}\n                                onClick={handleHeaderClick}\n                                disabled={disabled}\n                                data-tx={process.env.npm_package_version}\n                            >\n                                {status && num && (\n                                    <div className={styles.step}>\n                                        <Step step={num} status={status} position={EStepPosition.XFirst} size={size}>\n                                            {disabled ? undefined : stepHint}\n                                        </Step>\n                                    </div>\n                                )}\n\n                                <Title\n                                    className={styles.title}\n                                    size={titleSize}\n                                    type={disabled ? EFontType.DISABLED : EFontType.PRIMARY}\n                                    tag=\"div\"\n                                    weight={EFontWeightTitle.MEDIUM}\n                                >\n                                    {title}\n                                </Title>\n\n                                <span className={clsx(styles.caretWrapper)}>\n                                    <CaretdownStrokeSrvIcon24\n                                        className={styles.caretIcon}\n                                        aria-hidden=\"true\"\n                                        paletteIndex={5}\n                                    />\n                                </span>\n                            </button>\n                        </Island.Header>\n\n                        <ExpandAnimation\n                            expanded={isOpen && !disabled}\n                            id={bodyInstanceId}\n                            role=\"region\"\n                            aria-labelledby={headerInstanceId}\n                            transitionProps={transitionProps}\n                        >\n                            {children}\n                        </ExpandAnimation>\n                    </Island>\n\n                    {onRemove && (\n                        <span className={styles.remove}>\n                            <ButtonIcon onClick={handleRemoveClick} disabled={disabled} title=\"Удалить\">\n                                <CrossStrokeSrvIcon24 paletteIndex={5} />\n                            </ButtonIcon>\n                        </span>\n                    )}\n                </li>\n            );\n        },\n    ),\n    {\n        Content: IslandAccordionContent,\n        Footer: IslandAccordionFooter,\n    },\n);\n\nIslandAccordionItem.displayName = \"IslandAccordionItem\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAM,yBAAsD;AAAA,EACxD,CAAC,YAAY,MAAM,GAAG,OAAO;AAAA,EAC7B,CAAC,YAAY,MAAM,GAAG,OAAO;AAAA,EAC7B,CAAC,YAAY,MAAM,GAAG,OAAO;AACjC;AAEA,MAAM,yBAA6D;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,WAAW;AAAA,EAChC,CAAC,eAAe,EAAE,GAAG,WAAW;AAAA,EAChC,CAAC,eAAe,EAAE,GAAG,WAAW;AACpC;AAEA,MAAM,yBAAyB,yBAAyB,MAAM;AAEvD,MAAM,sBAAsB,OAAO;AAAA,EACtCA,eAAM;AAAA,IACF,CACI;AAAA,MACI;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,GAEP,QACC;AACD,YAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,UAAU,KAAK;AACpD,YAAM,EAAE,MAAM,SAAS,WAAW,sBAAsB;AAGxD,YAAM,aAAa,OAAO,SAAA,CAAU,EAAE;AACtC,YAAM,mBAAmB,GAAG,UAAU;AACtC,YAAM,iBAAiB,GAAG,UAAU;AAEpC,YAAM,WAAW,cAAA;AAEjB,gBAAU,MAAM;AACZ,YAAI,WAAW,UAAa,WAAW,QAAQ;AAC3C,oBAAU,MAAM;AAAA,QACpB;AAAA,MACJ,GAAG,CAAC,QAAQ,MAAM,CAAC;AAEnB,YAAM,oBAAoB,MAAY;AAClC,YAAI,UAAU;AACV;AAAA,QACJ;AACA,cAAM,YAAY,CAAC;AACnB,6CAAW,WAAW;AAEtB,YAAI,WAAW,QAAW;AACtB,oBAAU,SAAS;AAAA,QACvB;AAAA,MACJ;AAEA,YAAM,oBAAoB,MAAY;AAClC,YAAI,UAAU;AACV;AAAA,QACJ;AACA,6CAAW;AAAA,MACf;AAEA,YAAM,YAAY,WAAW,WAAW,KAAK,uBAAuB,IAAI;AAExE,YAAM,aAAa;AAAA,QACf;AAAA,QACA,OAAO;AAAA,QACP,uBAAuB,IAAI;AAAA,QAC3B,uBAAuB,IAAI;AAAA,QAC3B;AAAA,UACI,CAAC,OAAO,QAAQ,GAAG,CAAC,CAAC;AAAA,UACrB,CAAC,OAAO,MAAM,GAAG;AAAA,QAAA;AAAA,MACrB;AAGJ,kCACK,MAAA,EAAI,GAAG,MAAM,WAAW,YAAY,IAAQ,KACzC,UAAA;AAAA,QAAA,qBAAC,QAAA,EAAO,WAAW,OAAO,QAAQ,MAAY,MAC1C,UAAA;AAAA,UAAA,oBAAC,OAAO,QAAP,EACG,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,IAAI;AAAA,cACJ,iBAAe;AAAA,cACf,iBAAe;AAAA,cACf,MAAK;AAAA,cACL,WAAW,KAAK,OAAO,QAAQ;AAAA,gBAC3B,WAAW,CAAC;AAAA,cAAA,CACf;AAAA,cACD,SAAS;AAAA,cACT;AAAA,cACA,WAAS;AAAA,cAER,UAAA;AAAA,gBAAA,UAAU,OACP,oBAAC,OAAA,EAAI,WAAW,OAAO,MACnB,8BAAC,MAAA,EAAK,MAAM,KAAK,QAAgB,UAAU,cAAc,QAAQ,MAC5D,UAAA,WAAW,SAAY,SAAA,CAC5B,EAAA,CACJ;AAAA,gBAGJ;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW,OAAO;AAAA,oBAClB,MAAM;AAAA,oBACN,MAAM,WAAW,UAAU,WAAW,UAAU;AAAA,oBAChD,KAAI;AAAA,oBACJ,QAAQ,iBAAiB;AAAA,oBAExB,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,oCAGJ,QAAA,EAAK,WAAW,KAAK,OAAO,YAAY,GACrC,UAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW,OAAO;AAAA,oBAClB,eAAY;AAAA,oBACZ,cAAc;AAAA,kBAAA;AAAA,gBAAA,GAEtB;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,GAER;AAAA,UAEA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,UAAU,UAAU,CAAC;AAAA,cACrB,IAAI;AAAA,cACJ,MAAK;AAAA,cACL,mBAAiB;AAAA,cACjB;AAAA,cAEC;AAAA,YAAA;AAAA,UAAA;AAAA,QACL,GACJ;AAAA,QAEC,YACG,oBAAC,QAAA,EAAK,WAAW,OAAO,QACpB,8BAAC,YAAA,EAAW,SAAS,mBAAmB,UAAoB,OAAM,WAC9D,UAAA,oBAAC,wBAAqB,cAAc,GAAG,EAAA,CAC3C,EAAA,CACJ;AAAA,MAAA,GAER;AAAA,IAER;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEhB;AAEA,oBAAoB,cAAc;"}
+{"version":3,"file":"IslandAccordionItem.js","sources":["../../../../src/components/IslandAccordion/components/IslandAccordionItem.tsx"],"sourcesContent":["import React, { useState, useContext } from \"react\";\nimport { CaretdownStrokeSrvIcon24, CrossStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { Island } from \"../../Island/Island\";\nimport { uniqueId } from \"lodash-es\";\nimport { ExpandAnimation, IExpandAnimationProps } from \"../../ExpandAnimation\";\nimport { IslandAccordionContent } from \"./IslandAccordionContent\";\nimport { IslandAccordionFooter } from \"./IslandAccordionFooter\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { ButtonIcon } from \"../../Button\";\nimport { EIslandType } from \"../../Island\";\nimport { Step, EStepStatus, EStepPosition } from \"../../Step\";\nimport { IslandAccordionContext } from \"../IslandAccordionContext\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { ETitleSize, Title, EFontType, EFontWeightTitle } from \"../../Typography\";\nimport { useMobileView } from \"../../MobileView\";\nimport styles from \"../styles/IslandAccordion.module.less\";\n\n/** Свойства компонента IslandAccordionItem. */\nexport interface IIslandAccordionItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, \"title\"> {\n    /** Нода с названием заголовка. */\n    title: React.ReactNode;\n    /** Идентификатор элемента. Проставляется на корневой `<li>` и передаётся в onToggle и onRemove. */\n    id: string;\n    /** Номер шага в кружке слева от заголовка. Кружок рендерится, только если задан вместе со status и не равен 0. */\n    num?: number;\n    /** Раскрыт ли элемент. Передан — элемент управляемый и состояние задаёт потребитель, не передан — элемент раскрывается сам. */\n    opened?: boolean;\n    /** Статус шага. Без него кружок с номером не рендерится. */\n    status?: EStepStatus;\n    /** Подсказка к шагу, показывается по наведению на кружок. Игнорируется при disabled. */\n    stepHint?: string;\n    /** Заблокирован ли элемент. Блокирует раскрытие, удаление и скрывает подсказку шага. */\n    disabled?: boolean;\n    /** Вызывается при клике по заголовку с новым состоянием раскрытия и id элемента. */\n    onToggle?: (newOpened: boolean, id: string) => void;\n    /** Вызывается при клике по кнопке удаления с id элемента. Кнопка рендерится, только если колбэк передан. */\n    onRemove?: (id: string) => void;\n    /** Свойства компонента Transition (react-transition-group), управляющего раскрытием содержимого. */\n    transitionProps?: IExpandAnimationProps[\"transitionProps\"];\n}\n\n/** Префикс автогенерируемых id заголовка и содержимого элемента. */\nconst INSTANCE_ID_PREFIX = \"IslandAccordionItem-\";\n\nconst TYPE_TO_CLASS_NAME_MAP: Record<EIslandType, string> = {\n    [EIslandType.TYPE_1]: styles.type1,\n    [EIslandType.TYPE_2]: styles.type2,\n    [EIslandType.TYPE_3]: styles.type3,\n};\n\nconst SIZE_TO_TITLE_SIZE_MAP: Record<EComponentSize, ETitleSize> = {\n    [EComponentSize.SM]: ETitleSize.H3,\n    [EComponentSize.MD]: ETitleSize.H3,\n    [EComponentSize.LG]: ETitleSize.H2,\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Раскрывающийся элемент аккордеона: кнопка-заголовок и анимированно раскрываемое содержимое. */\nexport const IslandAccordionItem = Object.assign(\n    React.forwardRef<HTMLLIElement, IIslandAccordionItemProps>(\n        (\n            {\n                children,\n                title,\n                className,\n                opened,\n                disabled,\n                onRemove,\n                onToggle,\n                id,\n                num,\n                status,\n                stepHint,\n                transitionProps,\n                ...rest\n            },\n            ref,\n        ) => {\n            const { size, type } = useContext(IslandAccordionContext);\n\n            const [instanceId] = useState(() => uniqueId(INSTANCE_ID_PREFIX));\n            const headerInstanceId = `${instanceId}-header`;\n            const bodyInstanceId = `${instanceId}-body`;\n\n            const adaptive = useMobileView();\n\n            // Гибрид controlled/uncontrolled: если opened передан, раскрытие задаёт потребитель,\n            // иначе элемент хранит его сам. Синхронизация идёт в рендере (паттерн React\n            // «adjusting state when a prop changes»), а не в useEffect: иначе между сменой opened\n            // и её применением успевает отрисоваться кадр со старым состоянием.\n            const [isOpen, setIsOpen] = useState(opened ?? false);\n            const [prevOpened, setPrevOpened] = useState(opened);\n\n            if (opened !== prevOpened) {\n                setPrevOpened(opened);\n\n                if (opened !== undefined) {\n                    setIsOpen(opened);\n                }\n            }\n\n            const handleHeaderClick = (): void => {\n                const newOpened = !isOpen;\n                onToggle?.(newOpened, id);\n\n                if (opened === undefined) {\n                    setIsOpen(newOpened);\n                }\n            };\n\n            const handleRemoveClick = (): void => {\n                onRemove?.(id);\n            };\n\n            const titleSize = adaptive ? ETitleSize.H3 : SIZE_TO_TITLE_SIZE_MAP[size];\n\n            const classNames = clsx(\n                className,\n                styles.item,\n                SIZE_TO_CLASS_NAME_MAP[size],\n                TYPE_TO_CLASS_NAME_MAP[type],\n                {\n                    [styles.disabled]: disabled,\n                    [styles.opened]: isOpen,\n                },\n            );\n\n            return (\n                <li {...rest} className={classNames} id={id} ref={ref}>\n                    <Island className={styles.island} size={size} type={type}>\n                        <Island.Header>\n                            <button\n                                id={headerInstanceId}\n                                aria-controls={bodyInstanceId}\n                                aria-expanded={isOpen}\n                                type=\"button\"\n                                // Глобальный класс @sberbusiness/icons-next \"hoverable\" — задаёт цвет\n                                // каретки при наведении. В раскрытом состоянии hover не подсвечивается.\n                                className={clsx(styles.header, {\n                                    hoverable: !isOpen,\n                                })}\n                                onClick={handleHeaderClick}\n                                disabled={disabled}\n                                data-tx={process.env.npm_package_version}\n                            >\n                                {/*\n                                    Тернарник, а не `&&`: при num === 0 выражение `status && num` вернуло бы 0,\n                                    и React отрисовал бы текст «0». Сам пропуск кружка при num === 0 —\n                                    унаследованная особенность, а не осознанный контракт; чинится отдельной\n                                    задачей, потому что это изменение наблюдаемого поведения.\n                                */}\n                                {status && num !== undefined && num !== 0 ? (\n                                    <div className={styles.step}>\n                                        <Step step={num} status={status} position={EStepPosition.XFirst} size={size}>\n                                            {disabled ? undefined : stepHint}\n                                        </Step>\n                                    </div>\n                                ) : null}\n\n                                <Title\n                                    className={styles.title}\n                                    size={titleSize}\n                                    type={disabled ? EFontType.DISABLED : EFontType.PRIMARY}\n                                    tag=\"div\"\n                                    weight={EFontWeightTitle.MEDIUM}\n                                >\n                                    {title}\n                                </Title>\n\n                                <span className={styles.caretWrapper}>\n                                    <CaretdownStrokeSrvIcon24\n                                        className={styles.caretIcon}\n                                        aria-hidden=\"true\"\n                                        paletteIndex={5}\n                                    />\n                                </span>\n                            </button>\n                        </Island.Header>\n\n                        <ExpandAnimation\n                            expanded={isOpen && !disabled}\n                            id={bodyInstanceId}\n                            role=\"region\"\n                            aria-labelledby={headerInstanceId}\n                            transitionProps={transitionProps}\n                        >\n                            {children}\n                        </ExpandAnimation>\n                    </Island>\n\n                    {onRemove && (\n                        <span className={styles.remove}>\n                            <ButtonIcon onClick={handleRemoveClick} disabled={disabled} title=\"Удалить\">\n                                <CrossStrokeSrvIcon24 paletteIndex={5} />\n                            </ButtonIcon>\n                        </span>\n                    )}\n                </li>\n            );\n        },\n    ),\n    {\n        Content: IslandAccordionContent,\n        Footer: IslandAccordionFooter,\n    },\n);\n\nIslandAccordionItem.displayName = \"IslandAccordionItem\";\n"],"names":["React"],"mappings":"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"}

package/components/IslandWidget/IslandWidget.js

@@ -1,23 +1,23 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useContext, useState } from "react";
+import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
 import { Island } from "../Island/Island.js";
 import { EIslandType } from "../Island/enums.js";
 import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
+import { ExpandAnimation } from "../ExpandAnimation/ExpandAnimation.js";
+import "../MobileView/MobileView.js";
+import { useMobileView } from "../MobileView/useMobileView.js";
 import { IslandWidgetHeader } from "./components/IslandWidgetHeader.js";
 import { IslandWidgetBody } from "./components/IslandWidgetBody.js";
 import { IslandWidgetFooter } from "./components/IslandWidgetFooter.js";
 import { IslandWidgetExtraFooter } from "./components/IslandWidgetExtraFooter.js";
-import { EComponentSize } from "../../enums/EComponentSize.js";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { IslandWidgetLayoutContext } from "./IslandWidgetLayoutContext.js";
 import { IslandWidgetContext } from "./IslandWidgetContext.js";
-import { ExpandAnimation } from "../ExpandAnimation/ExpandAnimation.js";
-import "../MobileView/MobileView.js";
-import { useMobileView } from "../MobileView/useMobileView.js";
-const islandWidget = "islandWidget__ae0864db";
-const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__b363b2ee";
+const islandWidget = "islandWidget__32917ce2";
+const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__31c596dd";
 const styles = {
   islandWidget,
   islandWidgetWithExtraFooter
@@ -37,8 +37,7 @@ const IslandWidget = Object.assign(
       const [open, setOpen] = useState(disableAdaptiveCollapsing);
       const adaptive = useMobileView();
       const handleHeaderClick = () => {
-        const newOpen = !open;
-        setOpen(newOpen);
+        setOpen((prevOpen) => !prevOpen);
       };
       const expandableContent = adaptive && !disableAdaptiveCollapsing;
       const renderContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -57,15 +56,19 @@ const IslandWidget = Object.assign(
           children: /* @__PURE__ */ jsx(
             "div",
             {
-              className: clsx(styles.islandWidget, className, {
-                [styles.islandWidgetWithExtraFooter]: hasExtraFooter
-              }),
-              "data-tx": "1.45.0",
+              className: clsx(
+                styles.islandWidget,
+                {
+                  [styles.islandWidgetWithExtraFooter]: hasExtraFooter
+                },
+                className
+              ),
               ...rest,
+              "data-tx": "1.46.0",
               ref,
               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() })
+                /* @__PURE__ */ jsx("div", { onClick: expandableContent ? handleHeaderClick : void 0, children: renderHeader({}) }),
+                expandableContent ? /* @__PURE__ */ jsx(ExpandAnimation, { expanded: open, children: renderContent() }) : 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                        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;"}
+{"version":3,"file":"IslandWidget.js","sources":["../../../src/components/IslandWidget/IslandWidget.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { Island, EIslandType } from \"../Island\";\nimport { ExpandAnimation } from \"../ExpandAnimation/ExpandAnimation\";\nimport { useMobileView } from \"../MobileView\";\nimport { IIslandWidgetHeaderProps, IslandWidgetHeader } from \"./components/IslandWidgetHeader\";\nimport { IIslandWidgetBodyProps, IslandWidgetBody } from \"./components/IslandWidgetBody\";\nimport { IIslandWidgetFooterProps, IslandWidgetFooter } from \"./components/IslandWidgetFooter\";\nimport { IslandWidgetExtraFooter } from \"./components/IslandWidgetExtraFooter\";\nimport { IslandWidgetLayoutContext } from \"./IslandWidgetLayoutContext\";\nimport { IslandWidgetContext } from \"./IslandWidgetContext\";\nimport styles from \"./styles/IslandWidget.module.less\";\n\n/** Свойства компонента IslandWidget. */\nexport interface IIslandWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер компонента. По умолчанию EComponentSize.MD. */\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    /** Отключение возможности сворачивания контента в адаптиве. По умолчанию false. */\n    disableAdaptiveCollapsing?: boolean;\n}\n\n/**\n * Виджет — карточка со сгруппированной информацией, набором связанных действий или отдельной функциональностью.\n * В адаптиве контент сворачивается по клику на шапку, если не передан disableAdaptiveCollapsing.\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                setOpen((prevOpen) => !prevOpen);\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(\n                            styles.islandWidget,\n                            {\n                                [styles.islandWidgetWithExtraFooter]: hasExtraFooter,\n                            },\n                            className,\n                        )}\n                        {...rest}\n                        data-tx={process.env.npm_package_version}\n                        ref={ref}\n                    >\n                        <Island type={EIslandType.TYPE_1} size={size} withoutPaddings={true}>\n                            <div onClick={expandableContent ? 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":";;;;;;;;;;;;;;;;;;;;;;;;AAgCO,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,gBAAQ,CAAC,aAAa,CAAC,QAAQ;AAAA,MACnC;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;AAAA,gBACP,OAAO;AAAA,gBACP;AAAA,kBACI,CAAC,OAAO,2BAA2B,GAAG;AAAA,gBAAA;AAAA,gBAE1C;AAAA,cAAA;AAAA,cAEH,GAAG;AAAA,cACJ,WAAS;AAAA,cACT;AAAA,cAEA,+BAAC,QAAA,EAAO,MAAM,YAAY,QAAQ,MAAY,iBAAiB,MAC3D,UAAA;AAAA,gBAAA,oBAAC,OAAA,EAAI,SAAS,oBAAoB,oBAAoB,QAAY,UAAA,aAAa,CAAA,CAAE,GAAE;AAAA,gBAClF,wCACI,iBAAA,EAAgB,UAAU,MAAO,UAAA,gBAAc,CAAE,IAElD,cAAA;AAAA,cAAc,GAEtB;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.map

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"IslandWidgetContext.js","sources":["../../../src/components/IslandWidget/IslandWidgetContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\n/** Значение контекста IslandWidget — состояние виджета для его составных частей. */\nexport interface IIslandWidgetContext {\n    /** Виджет отображается в адаптиве (ширина экрана мобильного устройства). */\n    adaptive: boolean;\n    /** Сворачивание контента в адаптиве отключено. */\n    disableAdaptiveCollapsing: boolean;\n    /** Контент виджета раскрыт. Значимо только в адаптиве при включённом сворачивании. */\n    open: boolean;\n    /** Размер виджета — из него части берут свои отступы и размеры текста. */\n    size: EComponentSize;\n}\n\nconst contextInitial: IIslandWidgetContext = {\n    adaptive: false,\n    disableAdaptiveCollapsing: false,\n    open: false,\n    size: EComponentSize.MD,\n};\n\n/** Контекст IslandWidget. Внутренний: в публичный barrel не экспортируется. */\nexport const IslandWidgetContext = React.createContext(contextInitial);\n"],"names":["React"],"mappings":";;AAeA,MAAM,iBAAuC;AAAA,EACzC,UAAU;AAAA,EACV,2BAA2B;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM,eAAe;AACzB;AAGO,MAAM,sBAAsBA,eAAM,cAAc,cAAc;"}

package/components/IslandWidget/IslandWidgetLayoutContext.js

@@ -1,7 +1,9 @@
 import React__default from "react";
 const contextInitial = {
   hasExtraFooter: false,
-  setHasExtraFooter: () => {
+  addOpenExtraFooter: () => {
+  },
+  removeOpenExtraFooter: () => {
   }
 };
 const IslandWidgetLayoutContext = React__default.createContext(contextInitial);

package/components/IslandWidget/IslandWidgetLayoutContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetLayoutContext.js","sources":["../../../src/components/IslandWidget/IslandWidgetLayoutContext.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface IIslandWidgetLayoutContext {\n    hasExtraFooter: boolean;\n    setHasExtraFooter: (has: boolean) => void;\n}\n\nconst contextInitial: IIslandWidgetLayoutContext = {\n    hasExtraFooter: false,\n    setHasExtraFooter: () => {},\n};\n\nexport const IslandWidgetLayoutContext = React.createContext(contextInitial);\n"],"names":["React"],"mappings":";AAOA,MAAM,iBAA6C;AAAA,EAC/C,gBAAgB;AAAA,EAChB,mBAAmB,MAAM;AAAA,EAAC;AAC9B;AAEO,MAAM,4BAA4BA,eAAM,cAAc,cAAc;"}
+{"version":3,"file":"IslandWidgetLayoutContext.js","sources":["../../../src/components/IslandWidget/IslandWidgetLayoutContext.tsx"],"sourcesContent":["import React from \"react\";\n\n/** Значение контекста IslandWidgetWrapper — связь виджета с его дополнительными подвалами. */\nexport interface IIslandWidgetLayoutContext {\n    /** Хотя бы один дополнительный подвал раскрыт — виджет рисует под собой тень. */\n    hasExtraFooter: boolean;\n    /** Сообщить обёртке, что подвал раскрылся. Считается по экземплярам, а не флагом. */\n    addOpenExtraFooter: () => void;\n    /** Сообщить обёртке, что подвал закрылся или размонтирован. */\n    removeOpenExtraFooter: () => void;\n}\n\nconst contextInitial: IIslandWidgetLayoutContext = {\n    hasExtraFooter: false,\n    addOpenExtraFooter: () => {},\n    removeOpenExtraFooter: () => {},\n};\n\n/** Контекст IslandWidgetWrapper. Внутренний: в публичный barrel не экспортируется. */\nexport const IslandWidgetLayoutContext = React.createContext(contextInitial);\n"],"names":["React"],"mappings":";AAYA,MAAM,iBAA6C;AAAA,EAC/C,gBAAgB;AAAA,EAChB,oBAAoB,MAAM;AAAA,EAAC;AAAA,EAC3B,uBAAuB,MAAM;AAAA,EAAC;AAClC;AAGO,MAAM,4BAA4BA,eAAM,cAAc,cAAc;"}

package/components/IslandWidget/components/IslandWidgetBody.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { IslandWidgetContext } from "../IslandWidgetContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const islandWidgetBody = "islandWidgetBody__9fbafb3c";
-const sm = "sm__6be7f890";
-const md = "md__bdb97ec7";
-const lg = "lg__333fe18d";
+const islandWidgetBody = "islandWidgetBody__b2bef3be";
+const sm = "sm__0b39d282";
+const md = "md__fe78b0e2";
+const lg = "lg__e0d18cd9";
 const styles = {
   islandWidgetBody,
   sm,

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

@@ -1 +1 @@
-{"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;"}
+{"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\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;AAGvD,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

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 import { ExpandAnimation } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetExtraFooter = "islandWidgetExtraFooter__2ba68229";
+const islandWidgetExtraFooter = "islandWidgetExtraFooter__b22abc9a";
 const styles = {
   islandWidgetExtraFooter
 };
@@ -13,11 +13,15 @@ const IslandWidgetExtraFooter = ({
   open = false,
   ...htmlDivAttributes
 }) => {
-  const { setHasExtraFooter } = useContext(IslandWidgetLayoutContext);
+  const { addOpenExtraFooter, removeOpenExtraFooter } = useContext(IslandWidgetLayoutContext);
   useEffect(() => {
-    setHasExtraFooter(open);
-  }, [open]);
-  return /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(className, styles.islandWidgetExtraFooter), children: /* @__PURE__ */ jsx(ExpandAnimation, { expanded: open, children }) });
+    if (!open) {
+      return;
+    }
+    addOpenExtraFooter();
+    return removeOpenExtraFooter;
+  }, [open, addOpenExtraFooter, removeOpenExtraFooter]);
+  return /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(styles.islandWidgetExtraFooter, className), children: /* @__PURE__ */ jsx(ExpandAnimation, { expanded: open, children }) });
 };
 IslandWidgetExtraFooter.displayName = "IslandWidgetExtraFooter";
 export {

package/components/IslandWidget/components/IslandWidgetExtraFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetExtraFooter.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetExtraFooter.tsx"],"sourcesContent":["import React, { useContext, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetExtraFooter.module.less\";\nimport { ExpandAnimation } from \"../../ExpandAnimation/ExpandAnimation\";\nimport { IslandWidgetLayoutContext } from \"../IslandWidgetLayoutContext\";\n\n/** Свойства компонента IslandWidgetExtraFooter. */\nexport interface IIslandWidgetExtraFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Контролируемое состояние открытости. */\n    open?: boolean;\n}\n\nexport const IslandWidgetExtraFooter: React.FC<IIslandWidgetExtraFooterProps> = ({\n    children,\n    className,\n    open = false,\n    ...htmlDivAttributes\n}) => {\n    const { setHasExtraFooter } = useContext(IslandWidgetLayoutContext);\n\n    useEffect(() => {\n        setHasExtraFooter(open);\n    }, [open]);\n\n    return (\n        <div {...htmlDivAttributes} className={clsx(className, styles.islandWidgetExtraFooter)}>\n            <ExpandAnimation expanded={open}>{children}</ExpandAnimation>\n        </div>\n    );\n};\n\nIslandWidgetExtraFooter.displayName = \"IslandWidgetExtraFooter\";\n"],"names":[],"mappings":";;;;;;;;;AAYO,MAAM,0BAAmE,CAAC;AAAA,EAC7E;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACP,MAAM;AACF,QAAM,EAAE,kBAAA,IAAsB,WAAW,yBAAyB;AAElE,YAAU,MAAM;AACZ,sBAAkB,IAAI;AAAA,EAC1B,GAAG,CAAC,IAAI,CAAC;AAET,SACI,oBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,KAAK,WAAW,OAAO,uBAAuB,GACjF,UAAA,oBAAC,iBAAA,EAAgB,UAAU,MAAO,UAAS,GAC/C;AAER;AAEA,wBAAwB,cAAc;"}
+{"version":3,"file":"IslandWidgetExtraFooter.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetExtraFooter.tsx"],"sourcesContent":["import React, { useContext, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetExtraFooter.module.less\";\nimport { ExpandAnimation } from \"../../ExpandAnimation/ExpandAnimation\";\nimport { IslandWidgetLayoutContext } from \"../IslandWidgetLayoutContext\";\n\n/** Свойства компонента IslandWidgetExtraFooter. */\nexport interface IIslandWidgetExtraFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Контролируемое состояние открытости. По умолчанию false. */\n    open?: boolean;\n}\n\n/**\n * Дополнительный подвал виджета, раскрывающийся под карточкой.\n * Рендерится вне IslandWidget — внутри общего IslandWidgetWrapper, через который сообщает виджету о своём состоянии.\n */\nexport const IslandWidgetExtraFooter: React.FC<IIslandWidgetExtraFooterProps> = ({\n    children,\n    className,\n    open = false,\n    ...htmlDivAttributes\n}) => {\n    const { addOpenExtraFooter, removeOpenExtraFooter } = useContext(IslandWidgetLayoutContext);\n\n    useEffect(() => {\n        if (!open) {\n            return;\n        }\n\n        // Регистрируемся в обёртке на всё время, пока подвал раскрыт. Cleanup срабатывает\n        // и на закрытии, и на размонтировании — иначе виджет остаётся с тенью под убранным подвалом.\n        addOpenExtraFooter();\n\n        return removeOpenExtraFooter;\n    }, [open, addOpenExtraFooter, removeOpenExtraFooter]);\n\n    return (\n        <div {...htmlDivAttributes} className={clsx(styles.islandWidgetExtraFooter, className)}>\n            <ExpandAnimation expanded={open}>{children}</ExpandAnimation>\n        </div>\n    );\n};\n\nIslandWidgetExtraFooter.displayName = \"IslandWidgetExtraFooter\";\n"],"names":[],"mappings":";;;;;;;;;AAgBO,MAAM,0BAAmE,CAAC;AAAA,EAC7E;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACP,MAAM;AACF,QAAM,EAAE,oBAAoB,0BAA0B,WAAW,yBAAyB;AAE1F,YAAU,MAAM;AACZ,QAAI,CAAC,MAAM;AACP;AAAA,IACJ;AAIA,uBAAA;AAEA,WAAO;AAAA,EACX,GAAG,CAAC,MAAM,oBAAoB,qBAAqB,CAAC;AAEpD,SACI,oBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,KAAK,OAAO,yBAAyB,SAAS,GACjF,UAAA,oBAAC,iBAAA,EAAgB,UAAU,MAAO,UAAS,GAC/C;AAER;AAEA,wBAAwB,cAAc;"}

package/components/IslandWidget/components/IslandWidgetFooter.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.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-Dxb05X44.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module--k_POM4A.js";
 const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const IslandWidgetFooter = ({ children, className, ...htmlDivAttributes }) => {
   const { size } = useContext(IslandWidgetContext);

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

@@ -1 +1 @@
-{"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;"}
+{"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\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;AAQvD,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,9 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Dxb05X44.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module--k_POM4A.js";
 const IslandWidgetFooterContent = ({
   children,
+  className,
   ...htmlDivAttributes
-}) => /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: styles.islandWidgetFooterContent, children });
+}) => /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(styles.islandWidgetFooterContent, className), children });
 IslandWidgetFooterContent.displayName = "IslandWidgetFooterContent";
 export {
   IslandWidgetFooterContent

package/components/IslandWidget/components/IslandWidgetFooterContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetFooterContent.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetFooterContent.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/IslandWidgetFooter.module.less\";\n\ninterface IIslandWidgetFooterContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const IslandWidgetFooterContent: React.FC<IIslandWidgetFooterContentProps> = ({\n    children,\n    ...htmlDivAttributes\n}) => (\n    <div {...htmlDivAttributes} className={styles.islandWidgetFooterContent}>\n        {children}\n    </div>\n);\n\nIslandWidgetFooterContent.displayName = \"IslandWidgetFooterContent\";\n"],"names":[],"mappings":";;AAKO,MAAM,4BAAuE,CAAC;AAAA,EACjF;AAAA,EACA,GAAG;AACP,0BACK,OAAA,EAAK,GAAG,mBAAmB,WAAW,OAAO,2BACzC,SAAA,CACL;AAGJ,0BAA0B,cAAc;"}
+{"version":3,"file":"IslandWidgetFooterContent.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetFooterContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetFooter.module.less\";\n\n/** Свойства компонента IslandWidgetFooterContent. */\nexport interface IIslandWidgetFooterContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Содержимое подвала виджета — занимает свободное место слева от блока управления. */\nexport const IslandWidgetFooterContent: React.FC<IIslandWidgetFooterContentProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => (\n    <div {...htmlDivAttributes} className={clsx(styles.islandWidgetFooterContent, className)}>\n        {children}\n    </div>\n);\n\nIslandWidgetFooterContent.displayName = \"IslandWidgetFooterContent\";\n"],"names":[],"mappings":";;;AAQO,MAAM,4BAAuE,CAAC;AAAA,EACjF;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI,oBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,KAAK,OAAO,2BAA2B,SAAS,GAClF,SAAA,CACL;AAGJ,0BAA0B,cAAc;"}

package/components/IslandWidget/components/IslandWidgetFooterControls.js

@@ -1,9 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Dxb05X44.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module--k_POM4A.js";
 const IslandWidgetFooterControls = ({
   children,
+  className,
   ...htmlDivAttributes
-}) => /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: styles.islandWidgetFooterControls, children });
+}) => /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(styles.islandWidgetFooterControls, className), children });
 IslandWidgetFooterControls.displayName = "IslandWidgetFooterControls";
 export {
   IslandWidgetFooterControls

package/components/IslandWidget/components/IslandWidgetFooterControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetFooterControls.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetFooterControls.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/IslandWidgetFooter.module.less\";\n\ninterface IIslandWidgetFooterControlsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const IslandWidgetFooterControls: React.FC<IIslandWidgetFooterControlsProps> = ({\n    children,\n    ...htmlDivAttributes\n}) => (\n    <div {...htmlDivAttributes} className={styles.islandWidgetFooterControls}>\n        {children}\n    </div>\n);\n\nIslandWidgetFooterControls.displayName = \"IslandWidgetFooterControls\";\n"],"names":[],"mappings":";;AAKO,MAAM,6BAAyE,CAAC;AAAA,EACnF;AAAA,EACA,GAAG;AACP,0BACK,OAAA,EAAK,GAAG,mBAAmB,WAAW,OAAO,4BACzC,SAAA,CACL;AAGJ,2BAA2B,cAAc;"}
+{"version":3,"file":"IslandWidgetFooterControls.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetFooterControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetFooter.module.less\";\n\n/** Свойства компонента IslandWidgetFooterControls. */\nexport interface IIslandWidgetFooterControlsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Блок управления подвала виджета — прижимается к правому краю, в адаптиве переносится на новую строку. */\nexport const IslandWidgetFooterControls: React.FC<IIslandWidgetFooterControlsProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => (\n    <div {...htmlDivAttributes} className={clsx(styles.islandWidgetFooterControls, className)}>\n        {children}\n    </div>\n);\n\nIslandWidgetFooterControls.displayName = \"IslandWidgetFooterControls\";\n"],"names":[],"mappings":";;;AAQO,MAAM,6BAAyE,CAAC;AAAA,EACnF;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI,oBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,KAAK,OAAO,4BAA4B,SAAS,GACnF,SAAA,CACL;AAGJ,2BAA2B,cAAc;"}

package/components/IslandWidget/components/IslandWidgetHeader.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.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-K8SbMdcg.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-D6j13jwR.js";
 const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const IslandWidgetHeader = ({ children, className, ...htmlDivAttributes }) => {
   const { adaptive, disableAdaptiveCollapsing, open, size } = useContext(IslandWidgetContext);
@@ -15,13 +15,18 @@ const IslandWidgetHeader = ({ children, className, ...htmlDivAttributes }) => {
     "div",
     {
       ...htmlDivAttributes,
-      className: clsx(styles.islandWidgetHeader, SIZE_TO_CLASS_NAME_MAP[size], className, {
-        [styles.open]: open,
-        [styles.disableAdaptiveCollapsing]: adaptive && disableAdaptiveCollapsing
-      }),
+      className: clsx(
+        styles.islandWidgetHeader,
+        SIZE_TO_CLASS_NAME_MAP[size],
+        {
+          [styles.open]: open,
+          [styles.disableAdaptiveCollapsing]: adaptive && disableAdaptiveCollapsing
+        },
+        className
+      ),
       children: [
         children,
-        adaptive && !disableAdaptiveCollapsing && /* @__PURE__ */ jsx("span", { className: clsx(styles.caretWrapper), children: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon24, { className: styles.caretIcon, "aria-hidden": "true", paletteIndex: 5 }) })
+        adaptive && !disableAdaptiveCollapsing && /* @__PURE__ */ jsx("span", { className: styles.caretWrapper, children: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon24, { className: styles.caretIcon, "aria-hidden": "true", paletteIndex: 5 }) })
       ]
     }
   );

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 { 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;"}
+{"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\n/**\n * Шапка виджета. В адаптиве, если сворачивание не отключено, дополняется индикатором раскрытия.\n * Клик по шапке обрабатывает IslandWidget — сама шапка обработчик не вешает.\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(\n                styles.islandWidgetHeader,\n                SIZE_TO_CLASS_NAME_MAP[size],\n                {\n                    [styles.open]: open,\n                    [styles.disableAdaptiveCollapsing]: adaptive && disableAdaptiveCollapsing,\n                },\n                className,\n            )}\n        >\n            {children}\n            {adaptive && !disableAdaptiveCollapsing && (\n                <span className={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;AAMvD,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;AAAA,QACP,OAAO;AAAA,QACP,uBAAuB,IAAI;AAAA,QAC3B;AAAA,UACI,CAAC,OAAO,IAAI,GAAG;AAAA,UACf,CAAC,OAAO,yBAAyB,GAAG,YAAY;AAAA,QAAA;AAAA,QAEpD;AAAA,MAAA;AAAA,MAGH,UAAA;AAAA,QAAA;AAAA,QACA,YAAY,CAAC,6BACV,oBAAC,QAAA,EAAK,WAAW,OAAO,cACpB,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,11 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-K8SbMdcg.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
 const IslandWidgetHeaderContent = ({
   children,
   className,
   ...htmlDivAttributes
-}) => /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(styles.islandWidgetHeaderContent, className), children });
+}) => /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(className), children });
 IslandWidgetHeaderContent.displayName = "IslandWidgetHeaderContent";
 export {
   IslandWidgetHeaderContent

package/components/IslandWidget/components/IslandWidgetHeaderContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetHeaderContent.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\n\n/** Свойства компонента IslandWidgetHeaderContent. */\ninterface IIslandWidgetHeaderContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const IslandWidgetHeaderContent: React.FC<IIslandWidgetHeaderContentProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => (\n    <div {...htmlDivAttributes} className={clsx(styles.islandWidgetHeaderContent, className)}>\n        {children}\n    </div>\n);\n\nIslandWidgetHeaderContent.displayName = \"IslandWidgetHeaderContent\";\n"],"names":[],"mappings":";;;AAOO,MAAM,4BAAuE,CAAC;AAAA,EACjF;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI,oBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,KAAK,OAAO,2BAA2B,SAAS,GAClF,SAAA,CACL;AAGJ,0BAA0B,cAAc;"}
+{"version":3,"file":"IslandWidgetHeaderContent.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\n\n/** Свойства компонента IslandWidgetHeaderContent. */\nexport interface IIslandWidgetHeaderContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Обёртка содержимого шапки виджета.\n * Собственных стилей не несёт — раскладку задаёт родительская шапка, а оформление приходит через className.\n */\nexport const IslandWidgetHeaderContent: React.FC<IIslandWidgetHeaderContentProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => (\n    <div {...htmlDivAttributes} className={clsx(className)}>\n        {children}\n    </div>\n);\n\nIslandWidgetHeaderContent.displayName = \"IslandWidgetHeaderContent\";\n"],"names":[],"mappings":";;AAUO,MAAM,4BAAuE,CAAC;AAAA,EACjF;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI,oBAAC,SAAK,GAAG,mBAAmB,WAAW,KAAK,SAAS,GAChD,SAAA,CACL;AAGJ,0BAA0B,cAAc;"}

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-K8SbMdcg.js";
+import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-D6j13jwR.js";
 const IslandWidgetHeaderControls = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetHeaderControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetHeaderControls.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\n\n/** Свойства компонента IslandWidgetHeaderControls. */\ninterface IIslandWidgetHeaderControlsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const IslandWidgetHeaderControls: React.FC<IIslandWidgetHeaderControlsProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => {\n    const classNames = clsx(styles.islandWidgetHeaderControls, className);\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        event.stopPropagation();\n    };\n\n    return (\n        <div {...htmlDivAttributes} className={classNames} onClick={handleClick}>\n            {children}\n        </div>\n    );\n};\n\nIslandWidgetHeaderControls.displayName = \"IslandWidgetHeaderControls\";\n"],"names":[],"mappings":";;;AAOO,MAAM,6BAAyE,CAAC;AAAA,EACnF;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,aAAa,KAAK,OAAO,4BAA4B,SAAS;AAEpE,QAAM,cAAc,CAAC,UAA4C;AAC7D,UAAM,gBAAA;AAAA,EACV;AAEA,SACI,oBAAC,SAAK,GAAG,mBAAmB,WAAW,YAAY,SAAS,aACvD,UACL;AAER;AAEA,2BAA2B,cAAc;"}
+{"version":3,"file":"IslandWidgetHeaderControls.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\n\n/** Свойства компонента IslandWidgetHeaderControls. */\nexport interface IIslandWidgetHeaderControlsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Блок управления в шапке виджета.\n * Гасит всплытие клика, чтобы взаимодействие с контролами не сворачивало виджет в адаптиве.\n */\nexport const IslandWidgetHeaderControls: React.FC<IIslandWidgetHeaderControlsProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => {\n    const classNames = clsx(styles.islandWidgetHeaderControls, className);\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        event.stopPropagation();\n    };\n\n    return (\n        <div {...htmlDivAttributes} className={classNames} onClick={handleClick}>\n            {children}\n        </div>\n    );\n};\n\nIslandWidgetHeaderControls.displayName = \"IslandWidgetHeaderControls\";\n"],"names":[],"mappings":";;;AAWO,MAAM,6BAAyE,CAAC;AAAA,EACnF;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,aAAa,KAAK,OAAO,4BAA4B,SAAS;AAEpE,QAAM,cAAc,CAAC,UAA4C;AAC7D,UAAM,gBAAA;AAAA,EACV;AAEA,SACI,oBAAC,SAAK,GAAG,mBAAmB,WAAW,YAAY,SAAS,aACvD,UACL;AAER;AAEA,2BAA2B,cAAc;"}