@sberbusiness/triplex-next 1.33.0 → 1.35.0

package/components/OrderedList/OrderedListItem.js

@@ -1,28 +1,30 @@
-import { jsx as o } from "react/jsx-runtime";
-import m from "react";
-import { c as i } from "../../chunks/vendor-D5cfSbgz.js";
-import { ETextSize as s } from "../Typography/enums.js";
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
-import { Text as d } from "../Typography/Text.js";
+import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const a = "orderedListItem__8acfe302", p = {
-  orderedListItem: a
-}, f = m.forwardRef(
-  ({ className: t, ...e }, r) => /* @__PURE__ */ o(
-    d,
+const orderedListItem = "orderedListItem__bf4490ba";
+const styles = {
+  orderedListItem
+};
+const OrderedListItem = React__default.forwardRef(
+  ({ className, ...restProps }, ref) => /* @__PURE__ */ jsx(
+    Text,
     {
-      className: i(p.orderedListItem, t),
-      size: s.B3,
+      className: clsx(styles.orderedListItem, className),
+      size: ETextSize.B3,
       tag: "li",
-      ...e,
-      "data-tx": "1.33.0",
-      ref: r
+      ...restProps,
+      "data-tx": "1.35.0",
+      ref
     }
   )
 );
-f.displayName = "OrderedListItem";
+OrderedListItem.displayName = "OrderedListItem";
 export {
-  f as OrderedListItem
+  OrderedListItem
 };
 //# sourceMappingURL=OrderedListItem.js.map

package/components/OrderedList/OrderedListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedListItem.js","sources":["../../../src/components/OrderedList/OrderedListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IOrderedListItemProps } from \"@sberbusiness/triplex-next/components/OrderedList/types\";\nimport { Text, ETextSize } from \"@sberbusiness/triplex-next/components/Typography\";\nimport styles from \"./styles/OrderedListItem.module.less\";\n\n/** Элемент нумерованного списка. */\nexport const OrderedListItem = React.forwardRef<HTMLLIElement, IOrderedListItemProps>(\n    ({ className, ...restProps }, ref) => (\n        <Text\n            className={clsx(styles.orderedListItem, className)}\n            size={ETextSize.B3}\n            tag=\"li\"\n            {...restProps}\n            data-tx={process.env.npm_package_version}\n            ref={ref}\n        />\n    ),\n);\n\nOrderedListItem.displayName = \"OrderedListItem\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAOO,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CAAC,EAAE,WAAW,GAAG,UAAA,GAAa,QAC1B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,iBAAiB,SAAS;AAAA,MACjD,MAAM,UAAU;AAAA,MAChB,KAAI;AAAA,MACH,GAAG;AAAA,MACJ,WAAS;AAAA,MACT;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,gBAAgB,cAAc;"}

package/components/OrderedList/index.js

@@ -1,7 +1,7 @@
-import { OrderedList as t } from "./OrderedList.js";
-import { OrderedListItem as o } from "./OrderedListItem.js";
+import { OrderedList } from "./OrderedList.js";
+import { OrderedListItem } from "./OrderedListItem.js";
 export {
-  t as OrderedList,
-  o as OrderedListItem
+  OrderedList,
+  OrderedListItem
 };
 //# sourceMappingURL=index.js.map

package/components/OrderedList/index.js.map

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

package/components/OrderedList/types.js.map

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

package/components/Overlay/Overlay.js

@@ -1,57 +1,57 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useState as h } from "react";
-import { c as u } from "../../chunks/vendor-D5cfSbgz.js";
-import { OverlayBase as k } from "./OverlayBase.js";
-import { OverlayMask as B } from "./OverlayMask.js";
-import { OverlayPanel as M } from "./OverlayPanel.js";
-import { s as r } from "../../chunks/Overlay.module-DOk5L_-8.js";
-const s = ({
-  children: o,
-  className: i,
-  direction: c,
-  fixed: f,
-  onClose: a,
-  onClosing: e,
-  onOpening: p,
-  onOpen: y,
-  opened: t,
-  setOpened: v,
-  ...d
-}) => {
-  const [n, l] = h(!1), O = () => {
-    l(!0), e == null || e();
-  }, x = () => {
-    l(!1), a == null || a();
-  };
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      className: u(r.overlay, i, {
-        [r.closing]: n,
-        [r.fixed]: !!f,
-        [r.opened]: t
-      }),
-      ...d,
-      children: /* @__PURE__ */ m(
-        k,
-        {
-          direction: c,
-          onClose: x,
-          onClosing: O,
-          onOpening: p,
-          onOpen: y,
-          opened: t,
-          setOpened: v,
-          children: o
-        }
-      )
-    }
-  );
-};
-s.displayName = "Overlay";
-s.Mask = B;
-s.Panel = M;
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { OverlayBase } from "./OverlayBase.js";
+import { OverlayMask } from "./OverlayMask.js";
+import { OverlayPanel } from "./OverlayPanel.js";
+import { s as styles } from "../../chunks/Overlay.module-CFcU5DhG.js";
+const Overlay = Object.assign(
+  React__default.forwardRef(
+    ({
+      children,
+      className,
+      direction,
+      fixed,
+      onClose,
+      onClosing,
+      onOpening,
+      onOpen,
+      opened,
+      setOpened,
+      ...htmlDivAttributes
+    }, ref) => /* @__PURE__ */ jsx(
+      OverlayBase,
+      {
+        direction,
+        onClose,
+        onClosing,
+        onOpening,
+        onOpen,
+        opened,
+        setOpened,
+        children: (provideProps) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(styles.overlay, className, {
+              [styles.closing]: provideProps.closing,
+              [styles.fixed]: Boolean(fixed),
+              [styles.opened]: opened
+            }),
+            ref,
+            ...htmlDivAttributes,
+            children: children(provideProps)
+          }
+        )
+      }
+    )
+  ),
+  {
+    Mask: OverlayMask,
+    Panel: OverlayPanel
+  }
+);
+Overlay.displayName = "Overlay";
 export {
-  s as Overlay
+  Overlay
 };
 //# sourceMappingURL=Overlay.js.map

package/components/Overlay/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.js","sources":["../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IOverlayBaseProps, OverlayBase } from \"./OverlayBase\";\nimport { OverlayMask } from \"./OverlayMask\";\nimport { OverlayPanel } from \"./OverlayPanel\";\nimport styles from \"./styles/Overlay.module.less\";\n\nexport interface IOverlayProps extends IOverlayBaseProps, Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /**\n     * Оверлей с фиксированным позиционированием на всю страницу, иначе с абсолютным поверх родителя.\n     */\n    fixed?: boolean;\n}\n\n/**\n * Оверлей элемента/страницы с выезжающей панелью.\n */\nexport const Overlay = Object.assign(\n    React.forwardRef<HTMLDivElement, IOverlayProps>(\n        (\n            {\n                children,\n                className,\n                direction,\n                fixed,\n                onClose,\n                onClosing,\n                onOpening,\n                onOpen,\n                opened,\n                setOpened,\n                ...htmlDivAttributes\n            },\n            ref,\n        ) => (\n            <OverlayBase\n                direction={direction}\n                onClose={onClose}\n                onClosing={onClosing}\n                onOpening={onOpening}\n                onOpen={onOpen}\n                opened={opened}\n                setOpened={setOpened}\n            >\n                {(provideProps) => (\n                    <div\n                        className={clsx(styles.overlay, className, {\n                            [styles.closing]: provideProps.closing,\n                            [styles.fixed]: Boolean(fixed),\n                            [styles.opened]: opened,\n                        })}\n                        ref={ref}\n                        {...htmlDivAttributes}\n                    >\n                        {children(provideProps)}\n                    </div>\n                )}\n            </OverlayBase>\n        ),\n    ),\n    {\n        Mask: OverlayMask,\n        Panel: OverlayPanel,\n    },\n);\n\nOverlay.displayName = \"Overlay\";\n"],"names":["React"],"mappings":";;;;;;;AAiBO,MAAM,UAAU,OAAO;AAAA,EAC1BA,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,GAAG;AAAA,IAAA,GAEP,QAEA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEC,WAAC,iBACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW,KAAK,OAAO,SAAS,WAAW;AAAA,cACvC,CAAC,OAAO,OAAO,GAAG,aAAa;AAAA,cAC/B,CAAC,OAAO,KAAK,GAAG,QAAQ,KAAK;AAAA,cAC7B,CAAC,OAAO,MAAM,GAAG;AAAA,YAAA,CACpB;AAAA,YACD;AAAA,YACC,GAAG;AAAA,YAEH,mBAAS,YAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1B;AAAA,IAAA;AAAA,EAER;AAAA,EAGR;AAAA,IACI,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAEf;AAEA,QAAQ,cAAc;"}

package/components/Overlay/OverlayBase.js

@@ -1,28 +1,68 @@
-import { useState as h, useRef as x, useEffect as B, useLayoutEffect as F } from "react";
-var G = /* @__PURE__ */ ((t) => (t.BOTTOM = "bottom", t.LEFT = "left", t.RIGHT = "right", t.TOP = "top", t))(G || {});
-const P = ({
-  children: t,
-  direction: L = "right",
-  opened: r,
-  onClose: s,
-  onClosing: f,
-  onOpen: c,
-  onOpening: u,
-  setOpened: R
+import { useState, useRef, useLayoutEffect, useEffect } from "react";
+var EOverlayDirection = /* @__PURE__ */ ((EOverlayDirection2) => {
+  EOverlayDirection2["BOTTOM"] = "bottom";
+  EOverlayDirection2["LEFT"] = "left";
+  EOverlayDirection2["RIGHT"] = "right";
+  EOverlayDirection2["TOP"] = "top";
+  return EOverlayDirection2;
+})(EOverlayDirection || {});
+const OverlayBase = ({
+  children,
+  direction = "right",
+  opened,
+  onClose,
+  onClosing,
+  onOpen,
+  onOpening,
+  setOpened
 }) => {
-  const [I, b] = h(!1), [e, a] = h(!1), [T, m] = h(!1), M = x(r);
-  return B(() => {
-    b(!0);
-  }, []), F(() => {
-    M.current && !r ? (m(!1), a(!0), f == null || f()) : !M.current && r && (a(!1), m(!0), u == null || u()), M.current = r;
-  }, [r]), B(() => {
-    I && (e ? f == null || f() : s == null || s());
-  }, [e]), B(() => {
-    I && (T ? u == null || u() : c == null || c());
-  }, [T]), t({ closing: e, direction: L, opened: r, opening: T, setClosing: a, setOpened: R, setOpening: m });
+  const [closing, setClosing] = useState(false);
+  const [opening, setOpening] = useState(false);
+  const prevOpened = useRef(opened);
+  const isFirstRender = useRef(true);
+  const callbacks = useRef({ onClose, onClosing, onOpen, onOpening });
+  useLayoutEffect(() => {
+    callbacks.current = { onClose, onClosing, onOpen, onOpening };
+  });
+  useLayoutEffect(() => {
+    if (prevOpened.current && !opened) {
+      setOpening(false);
+      setClosing(true);
+    } else if (!prevOpened.current && opened) {
+      setClosing(false);
+      setOpening(true);
+    }
+    prevOpened.current = opened;
+  }, [opened]);
+  useEffect(() => {
+    var _a, _b, _c, _d;
+    if (isFirstRender.current) {
+      return;
+    }
+    if (closing) {
+      (_b = (_a = callbacks.current).onClosing) == null ? void 0 : _b.call(_a);
+    } else {
+      (_d = (_c = callbacks.current).onClose) == null ? void 0 : _d.call(_c);
+    }
+  }, [closing]);
+  useEffect(() => {
+    var _a, _b, _c, _d;
+    if (isFirstRender.current) {
+      return;
+    }
+    if (opening) {
+      (_b = (_a = callbacks.current).onOpening) == null ? void 0 : _b.call(_a);
+    } else {
+      (_d = (_c = callbacks.current).onOpen) == null ? void 0 : _d.call(_c);
+    }
+  }, [opening]);
+  useEffect(() => {
+    isFirstRender.current = false;
+  }, []);
+  return children({ closing, direction, opened, opening, setClosing, setOpened, setOpening });
 };
 export {
-  G as EOverlayDirection,
-  P as OverlayBase
+  EOverlayDirection,
+  OverlayBase
 };
 //# sourceMappingURL=OverlayBase.js.map

package/components/Overlay/OverlayBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayBase.js","sources":["../../../src/components/Overlay/OverlayBase.tsx"],"sourcesContent":["import React from \"react\";\nimport { useState, useEffect, useRef, useLayoutEffect } from \"react\";\n\nexport enum EOverlayDirection {\n    BOTTOM = \"bottom\",\n    LEFT = \"left\",\n    RIGHT = \"right\",\n    TOP = \"top\",\n}\n\nexport interface IOverlayBaseProps {\n    /**\n     * Render-функция контента оверлея. Получает свойства состояния оверлея.\n     */\n    children: (props: IOverlayChildrenProvideProps) => React.ReactElement;\n    /**\n     * Расположение панели с контентом.\n     */\n    direction: EOverlayDirection;\n    /**\n     * Оверлей открыт.\n     */\n    opened: boolean;\n    /**\n     * Обработчик закрытия оверлея.\n     */\n    onClose?: () => void;\n    /**\n     * Обработчик события closing, вызывается перед закрытием.\n     */\n    onClosing?: () => void;\n    /**\n     * Обработчик открытия оверлея.\n     */\n    onOpen?: () => void;\n    /**\n     * Обработчик события opening, вызывается перед открытием.\n     */\n    onOpening?: () => void;\n    /**\n     * Устанавливает флаг opened.\n     */\n    setOpened: (opened: boolean) => void;\n}\n\n/**\n * Свойства, передаваемые в render-функцию панели оверлея.\n */\nexport interface IOverlayChildrenProvideProps extends Pick<IOverlayBaseProps, \"direction\" | \"opened\" | \"setOpened\"> {\n    /**\n     * Оверлей закрывается в текущий момент.\n     */\n    closing: boolean;\n    /**\n     * Оверлей открывается в текущий момент.\n     */\n    opening: boolean;\n    /**\n     * Устанавливает флаг closing.\n     */\n    setClosing: (closing: boolean) => void;\n    /**\n     * Устанавливает флаг opening.\n     */\n    setOpening: (opening: boolean) => void;\n}\n\n/**\n * Базовый функциональный компонент оверлея.\n */\nexport const OverlayBase: React.FC<IOverlayBaseProps> = ({\n    children,\n    direction = EOverlayDirection.RIGHT,\n    opened,\n    onClose,\n    onClosing,\n    onOpen,\n    onOpening,\n    setOpened,\n}) => {\n    // Флаг, в текущий момент оверлей закрывается.\n    const [closing, setClosing] = useState(false);\n    // Флаг, в текущий момент оверлей открывается.\n    const [opening, setOpening] = useState(false);\n    // Предыдущее состояние opened.\n    const prevOpened = useRef(opened);\n    // Флаг первого рендера. Эффекты по [closing]/[opening] не должны срабатывать на маунте.\n    const isFirstRender = useRef(true);\n    // Актуальные колбэки. Хранятся в ref, чтобы эффекты зависели только от своих state-триггеров.\n    const callbacks = useRef({ onClose, onClosing, onOpen, onOpening });\n\n    // Обновление ref с колбэками выполняется в layout-фазе до эффектов, читающих callbacks.current.\n    useLayoutEffect(() => {\n        callbacks.current = { onClose, onClosing, onOpen, onOpening };\n    });\n\n    // Здесь намеренно используется useLayoutEffect, а не useEffect, иначе в браузере может быть мерцание при закрытии.\n    useLayoutEffect(() => {\n        if (prevOpened.current && !opened) {\n            setOpening(false); // opened меняется в процессе анимации открытия.\n            setClosing(true);\n        } else if (!prevOpened.current && opened) {\n            setClosing(false); // opened меняется в процессе анимации закрытия.\n            setOpening(true);\n        }\n\n        prevOpened.current = opened;\n    }, [opened]);\n\n    useEffect(() => {\n        if (isFirstRender.current) {\n            return;\n        }\n\n        if (closing) {\n            callbacks.current.onClosing?.();\n        } else {\n            callbacks.current.onClose?.();\n        }\n    }, [closing]);\n\n    useEffect(() => {\n        if (isFirstRender.current) {\n            return;\n        }\n\n        if (opening) {\n            callbacks.current.onOpening?.();\n        } else {\n            callbacks.current.onOpen?.();\n        }\n    }, [opening]);\n\n    useEffect(() => {\n        isFirstRender.current = false;\n    }, []);\n\n    return children({ closing, direction, opened, opening, setClosing, setOpened, setOpening });\n};\n"],"names":["EOverlayDirection"],"mappings":";AAGO,IAAK,sCAAAA,uBAAL;AACHA,qBAAA,QAAA,IAAS;AACTA,qBAAA,MAAA,IAAO;AACPA,qBAAA,OAAA,IAAQ;AACRA,qBAAA,KAAA,IAAM;AAJE,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAmEL,MAAM,cAA2C,CAAC;AAAA,EACrD;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AAEF,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,aAAa,OAAO,MAAM;AAEhC,QAAM,gBAAgB,OAAO,IAAI;AAEjC,QAAM,YAAY,OAAO,EAAE,SAAS,WAAW,QAAQ,WAAW;AAGlE,kBAAgB,MAAM;AAClB,cAAU,UAAU,EAAE,SAAS,WAAW,QAAQ,UAAA;AAAA,EACtD,CAAC;AAGD,kBAAgB,MAAM;AAClB,QAAI,WAAW,WAAW,CAAC,QAAQ;AAC/B,iBAAW,KAAK;AAChB,iBAAW,IAAI;AAAA,IACnB,WAAW,CAAC,WAAW,WAAW,QAAQ;AACtC,iBAAW,KAAK;AAChB,iBAAW,IAAI;AAAA,IACnB;AAEA,eAAW,UAAU;AAAA,EACzB,GAAG,CAAC,MAAM,CAAC;AAEX,YAAU,MAAM;;AACZ,QAAI,cAAc,SAAS;AACvB;AAAA,IACJ;AAEA,QAAI,SAAS;AACT,4BAAU,SAAQ,cAAlB;AAAA,IACJ,OAAO;AACH,4BAAU,SAAQ,YAAlB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;;AACZ,QAAI,cAAc,SAAS;AACvB;AAAA,IACJ;AAEA,QAAI,SAAS;AACT,4BAAU,SAAQ,cAAlB;AAAA,IACJ,OAAO;AACH,4BAAU,SAAQ,WAAlB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;AACZ,kBAAc,UAAU;AAAA,EAC5B,GAAG,CAAA,CAAE;AAEL,SAAO,SAAS,EAAE,SAAS,WAAW,QAAQ,SAAS,YAAY,WAAW,YAAY;AAC9F;"}

package/components/Overlay/OverlayMask.js

@@ -1,21 +1,21 @@
-import { jsx as m } from "react/jsx-runtime";
-import l from "react";
-import { c as t } from "../../chunks/vendor-D5cfSbgz.js";
-import { s as a } from "../../chunks/Overlay.module-DOk5L_-8.js";
-const f = l.forwardRef(
-  ({ className: r, opened: s, ...e }, o) => /* @__PURE__ */ m(
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../chunks/Overlay.module-CFcU5DhG.js";
+const OverlayMask = React__default.forwardRef(
+  ({ className, opened, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
-      className: t(a.overlayMask, r, {
-        [a.overlayOpened]: s
+      className: clsx(styles.overlayMask, className, {
+        [styles.overlayOpened]: opened
       }),
-      ref: o,
-      ...e
+      ref,
+      ...htmlDivAttributes
     }
   )
 );
-f.displayName = "OverlayMask";
+OverlayMask.displayName = "OverlayMask";
 export {
-  f as OverlayMask
+  OverlayMask
 };
 //# sourceMappingURL=OverlayMask.js.map

package/components/Overlay/OverlayMask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayMask.js","sources":["../../../src/components/Overlay/OverlayMask.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IOverlayChildrenProvideProps } from \"@sberbusiness/triplex-next/components/Overlay/OverlayBase\";\nimport styles from \"./styles/Overlay.module.less\";\n\nexport interface IOverlayMaskProps\n    extends Pick<IOverlayChildrenProvideProps, \"opened\">, React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Область с полупрозрачным фоном между контейнером оверлея и OverlayPanel.\n */\nexport const OverlayMask = React.forwardRef<HTMLDivElement, IOverlayMaskProps>(\n    ({ className, opened, ...htmlDivAttributes }, ref) => (\n        <div\n            className={clsx(styles.overlayMask, className, {\n                [styles.overlayOpened]: opened,\n            })}\n            ref={ref}\n            {...htmlDivAttributes}\n        />\n    ),\n);\n\nOverlayMask.displayName = \"OverlayMask\";\n"],"names":["React"],"mappings":";;;;AAWO,MAAM,cAAcA,eAAM;AAAA,EAC7B,CAAC,EAAE,WAAW,QAAQ,GAAG,kBAAA,GAAqB,QAC1C;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,aAAa,WAAW;AAAA,QAC3C,CAAC,OAAO,aAAa,GAAG;AAAA,MAAA,CAC3B;AAAA,MACD;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,YAAY,cAAc;"}

package/components/Overlay/OverlayPanel.js

@@ -1,46 +1,50 @@
-import { jsx as o } from "react/jsx-runtime";
-import n from "react";
-import { c as d } from "../../chunks/vendor-D5cfSbgz.js";
-import { EOverlayDirection as r } from "./OverlayBase.js";
-import { s as e } from "../../chunks/Overlay.module-DOk5L_-8.js";
-const P = n.forwardRef(
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { EOverlayDirection } from "./OverlayBase.js";
+import { s as styles } from "../../chunks/Overlay.module-CFcU5DhG.js";
+const OverlayPanel = React__default.forwardRef(
   ({
-    children: s,
-    className: m,
-    closing: T,
-    direction: a,
-    onTransitionEnd: l,
-    opened: f,
-    opening: h,
-    setClosing: p,
-    setOpened: u,
-    setOpening: c,
-    ...y
-  }, O) => {
-    const v = (t) => {
-      const { target: g, currentTarget: i } = t;
-      g === i && (p(!1), c(!1)), l == null || l(t);
+    children,
+    className,
+    closing,
+    direction,
+    onTransitionEnd,
+    opened,
+    opening,
+    setClosing,
+    setOpened,
+    setOpening,
+    ...htmlDivAttributes
+  }, ref) => {
+    const handleTransitionEnd = (event) => {
+      const { target, currentTarget } = event;
+      if (target === currentTarget) {
+        setClosing(false);
+        setOpening(false);
+      }
+      onTransitionEnd == null ? void 0 : onTransitionEnd(event);
     };
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ jsx(
       "div",
       {
-        className: d(e.overlayPanel, m, {
-          [e.bottom]: a === r.BOTTOM,
-          [e.left]: a === r.LEFT,
-          [e.opened]: f,
-          [e.right]: a === r.RIGHT,
-          [e.top]: a === r.TOP
+        className: clsx(styles.overlayPanel, className, {
+          [styles.bottom]: direction === EOverlayDirection.BOTTOM,
+          [styles.left]: direction === EOverlayDirection.LEFT,
+          [styles.opened]: opened,
+          [styles.right]: direction === EOverlayDirection.RIGHT,
+          [styles.top]: direction === EOverlayDirection.TOP
         }),
-        onTransitionEnd: v,
-        ref: O,
-        ...y,
-        children: /* @__PURE__ */ o("div", { className: e.overlayContent, children: s })
+        onTransitionEnd: handleTransitionEnd,
+        ref,
+        ...htmlDivAttributes,
+        children: /* @__PURE__ */ jsx("div", { className: styles.overlayContent, children })
       }
     );
   }
 );
-P.displayName = "OverlayPanel";
+OverlayPanel.displayName = "OverlayPanel";
 export {
-  P as OverlayPanel
+  OverlayPanel
 };
 //# sourceMappingURL=OverlayPanel.js.map

package/components/Overlay/OverlayPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayPanel.js","sources":["../../../src/components/Overlay/OverlayPanel.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EOverlayDirection, IOverlayChildrenProvideProps } from \"./OverlayBase\";\nimport styles from \"./styles/Overlay.module.less\";\n\n/** Свойства компонента OverlayPanel. */\nexport interface IOverlayPanelProps extends React.HTMLAttributes<HTMLDivElement>, IOverlayChildrenProvideProps {\n    /**\n     * Контент панели оверлея.\n     */\n    children?: React.ReactNode;\n}\n\n/** Выезжающая с контентом панель оверлея. */\nexport const OverlayPanel = React.forwardRef<HTMLDivElement, IOverlayPanelProps>(\n    (\n        {\n            children,\n            className,\n            closing,\n            direction,\n            onTransitionEnd,\n            opened,\n            opening,\n            setClosing,\n            setOpened,\n            setOpening,\n            ...htmlDivAttributes\n        },\n        ref,\n    ) => {\n        const handleTransitionEnd = (event: React.TransitionEvent<HTMLDivElement>) => {\n            const { target, currentTarget } = event;\n\n            if (target === currentTarget) {\n                setClosing(false);\n                setOpening(false);\n            }\n\n            onTransitionEnd?.(event);\n        };\n\n        return (\n            <div\n                className={clsx(styles.overlayPanel, className, {\n                    [styles.bottom]: direction === EOverlayDirection.BOTTOM,\n                    [styles.left]: direction === EOverlayDirection.LEFT,\n                    [styles.opened]: opened,\n                    [styles.right]: direction === EOverlayDirection.RIGHT,\n                    [styles.top]: direction === EOverlayDirection.TOP,\n                })}\n                onTransitionEnd={handleTransitionEnd}\n                ref={ref}\n                {...htmlDivAttributes}\n            >\n                <div className={styles.overlayContent}>{children}</div>\n            </div>\n        );\n    },\n);\n\nOverlayPanel.displayName = \"OverlayPanel\";\n"],"names":["React"],"mappings":";;;;;AAcO,MAAM,eAAeA,eAAM;AAAA,EAC9B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,sBAAsB,CAAC,UAAiD;AAC1E,YAAM,EAAE,QAAQ,cAAA,IAAkB;AAElC,UAAI,WAAW,eAAe;AAC1B,mBAAW,KAAK;AAChB,mBAAW,KAAK;AAAA,MACpB;AAEA,yDAAkB;AAAA,IACtB;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,cAAc,WAAW;AAAA,UAC5C,CAAC,OAAO,MAAM,GAAG,cAAc,kBAAkB;AAAA,UACjD,CAAC,OAAO,IAAI,GAAG,cAAc,kBAAkB;AAAA,UAC/C,CAAC,OAAO,MAAM,GAAG;AAAA,UACjB,CAAC,OAAO,KAAK,GAAG,cAAc,kBAAkB;AAAA,UAChD,CAAC,OAAO,GAAG,GAAG,cAAc,kBAAkB;AAAA,QAAA,CACjD;AAAA,QACD,iBAAiB;AAAA,QACjB;AAAA,QACC,GAAG;AAAA,QAEJ,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,gBAAiB,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAG7D;AACJ;AAEA,aAAa,cAAc;"}

package/components/Overlay/index.js

@@ -1,12 +1,12 @@
-import { Overlay as o } from "./Overlay.js";
-import { EOverlayDirection as l, OverlayBase as t } from "./OverlayBase.js";
-import { OverlayMask as y } from "./OverlayMask.js";
-import { OverlayPanel as f } from "./OverlayPanel.js";
+import { Overlay } from "./Overlay.js";
+import { EOverlayDirection, OverlayBase } from "./OverlayBase.js";
+import { OverlayMask } from "./OverlayMask.js";
+import { OverlayPanel } from "./OverlayPanel.js";
 export {
-  l as EOverlayDirection,
-  o as Overlay,
-  t as OverlayBase,
-  y as OverlayMask,
-  f as OverlayPanel
+  EOverlayDirection,
+  Overlay,
+  OverlayBase,
+  OverlayMask,
+  OverlayPanel
 };
 //# sourceMappingURL=index.js.map

package/components/Overlay/index.js.map

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

package/components/Page/Page.js

@@ -1,23 +1,23 @@
-import { jsx as m } from "react/jsx-runtime";
-import s from "react";
-import { c as i } from "../../chunks/vendor-D5cfSbgz.js";
-import { BodyPage as p } from "./components/BodyPage.js";
-import { HeaderPage as f } from "./components/HeaderPage.js";
-import { FooterPage as g } from "./components/FooterPage.js";
-import { s as o } from "../../chunks/Page.module-TORdWU5G.js";
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { BodyPage } from "./components/BodyPage.js";
+import { HeaderPage } from "./components/HeaderPage.js";
+import { FooterPage } from "./components/FooterPage.js";
+import { s as styles } from "../../chunks/Page.module-DF058wvL.js";
 import "./components/enums.js";
-const d = Object.assign(
-  s.forwardRef(function({ children: r, className: e, ...a }, t) {
-    return /* @__PURE__ */ m("div", { className: i(o.page, o["global-page"], e), ...a, ref: t, children: r });
+const Page = Object.assign(
+  React__default.forwardRef(function Page2({ children, className, ...rest }, ref) {
+    return /* @__PURE__ */ jsx("div", { className: clsx(styles.page, styles["global-page"], className), ...rest, ref, children });
   }),
   {
-    Body: p,
-    Header: f,
-    Footer: g
+    Body: BodyPage,
+    Header: HeaderPage,
+    Footer: FooterPage
   }
 );
-d.displayName = "Page";
+Page.displayName = "Page";
 export {
-  d as Page
+  Page
 };
 //# sourceMappingURL=Page.js.map

package/components/Page/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sources":["../../../src/components/Page/Page.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { BodyPage } from \"./components/BodyPage\";\nimport { HeaderPage } from \"./components/HeaderPage\";\nimport { FooterPage } from \"./components/FooterPage\";\nimport styles from \"./styles/Page.module.less\";\n\n/** Свойства компонента Page. */\nexport interface IPageProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Страница. Может содержать только Body, Header и Footer. */\nexport const Page = Object.assign(\n    React.forwardRef<HTMLDivElement, IPageProps>(function Page({ children, className, ...rest }, ref) {\n        return (\n            <div className={clsx(styles.page, styles[\"global-page\"], className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Body: BodyPage,\n        Header: HeaderPage,\n        Footer: FooterPage,\n    },\n);\n\nPage.displayName = \"Page\";\n"],"names":["React","Page"],"mappings":";;;;;;;;AAWO,MAAM,OAAO,OAAO;AAAA,EACvBA,eAAM,WAAuC,SAASC,MAAK,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,KAAK;AAC9F,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,MAAM,OAAO,aAAa,GAAG,SAAS,GAAI,GAAG,MAAM,KAC1E,UACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAEhB;AAEA,KAAK,cAAc;"}

package/components/Page/components/BodyPage.js

@@ -1,25 +1,30 @@
-import { jsx as a } from "react/jsx-runtime";
-import m from "react";
-import { Body as c } from "../../Body/Body.js";
-import { c as d } from "../../../chunks/vendor-D5cfSbgz.js";
-import { EBodyPageVerticalMargin as r, EBodyPageType as y } from "./enums.js";
-import { Island as p } from "../../Island/Island.js";
-import { EIslandType as M } from "../../Island/enums.js";
-const f = "bodyPage__d5377754", P = "verticalMargin24__e906ef33", v = "verticalMargin16__c98d8ebb", e = {
-  bodyPage: f,
-  verticalMargin24: P,
-  verticalMargin16: v
-}, _ = {
-  [r.LARGE]: e.verticalMargin24,
-  [r.SMALL]: e.verticalMargin16
-}, b = m.forwardRef(
-  ({ className: s, type: l, size: n, verticalMargin: g = r.LARGE, ...o }, i) => {
-    const t = d(s, e.bodyPage, _[g]);
-    return l === y.FIRST ? /* @__PURE__ */ a(p, { className: t, type: M.TYPE_1, ref: i, size: n, children: /* @__PURE__ */ a(c, { ...o }) }) : /* @__PURE__ */ a(c, { ref: i, className: t, ...o });
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { Body } from "../../Body/Body.js";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
+import { Island } from "../../Island/Island.js";
+import { EIslandType } from "../../Island/enums.js";
+const bodyPage = "bodyPage__09eeecb9";
+const verticalMargin24 = "verticalMargin24__24f65bba";
+const verticalMargin16 = "verticalMargin16__a4157a60";
+const styles = {
+  bodyPage,
+  verticalMargin24,
+  verticalMargin16
+};
+const verticalMarginToClassNameMap = {
+  [EBodyPageVerticalMargin.LARGE]: styles.verticalMargin24,
+  [EBodyPageVerticalMargin.SMALL]: styles.verticalMargin16
+};
+const BodyPage = React__default.forwardRef(
+  ({ className, type, size, verticalMargin = EBodyPageVerticalMargin.LARGE, ...rest }, ref) => {
+    const bodyPageClassNames = clsx(styles.bodyPage, verticalMarginToClassNameMap[verticalMargin], className);
+    return type === EBodyPageType.FIRST ? /* @__PURE__ */ jsx(Island, { className: bodyPageClassNames, type: EIslandType.TYPE_1, ref, size, children: /* @__PURE__ */ jsx(Body, { ...rest }) }) : /* @__PURE__ */ jsx(Body, { ref, className: bodyPageClassNames, ...rest });
   }
 );
-b.displayName = "BodyPage";
+BodyPage.displayName = "BodyPage";
 export {
-  b as BodyPage
+  BodyPage
 };
 //# sourceMappingURL=BodyPage.js.map

package/components/Page/components/BodyPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BodyPage.js","sources":["../../../../src/components/Page/components/BodyPage.tsx"],"sourcesContent":["import React from \"react\";\nimport { Body, IBodyProps } from \"@sberbusiness/triplex-next/components/Body/Body\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport { EBodyPageType, EBodyPageVerticalMargin } from \"./enums\";\nimport { Island } from \"@sberbusiness/triplex-next/components/Island/Island\";\nimport { EIslandType } from \"@sberbusiness/triplex-next/components/Island/enums\";\nimport styles from \"../styles/BodyPage.module.less\";\n\nconst verticalMarginToClassNameMap: Record<EBodyPageVerticalMargin, string> = {\n    [EBodyPageVerticalMargin.LARGE]: styles.verticalMargin24,\n    [EBodyPageVerticalMargin.SMALL]: styles.verticalMargin16,\n};\n\nexport interface IBodyPageTypeFirstProps extends IBodyProps {\n    /** Контент тела страницы. */\n    children: React.ReactNode;\n    /** Тип компонента BodyPage. FIRST оборачивает контент в Island (карточку). */\n    type: EBodyPageType.FIRST;\n    /** Размер острова (Island). */\n    size?: EComponentSize;\n    /**\n     * Вертикальные отступы (сверху и снизу).\n     * По умолчанию LARGE (24px); в LightBox следует использовать SMALL (16px).\n     */\n    verticalMargin?: EBodyPageVerticalMargin;\n}\n\nexport interface IBodyPageTypeSecondProps extends IBodyProps {\n    /** Контент тела страницы. */\n    children: React.ReactNode;\n    /** Тип компонента BodyPage. SECOND рендерит контент без карточки. */\n    type: EBodyPageType.SECOND;\n    /** Размер острова недоступен для типа SECOND, так как контент не оборачивается в Island. */\n    size?: never;\n    /**\n     * Вертикальные отступы (сверху и снизу).\n     * По умолчанию LARGE (24px); в LightBox следует использовать SMALL (16px).\n     */\n    verticalMargin?: EBodyPageVerticalMargin;\n}\n\n/** Тело компонента Page. Контейнер для основного контента страницы. */\nexport const BodyPage = React.forwardRef<HTMLDivElement, IBodyPageTypeFirstProps | IBodyPageTypeSecondProps>(\n    ({ className, type, size, verticalMargin = EBodyPageVerticalMargin.LARGE, ...rest }, ref) => {\n        const bodyPageClassNames = clsx(styles.bodyPage, verticalMarginToClassNameMap[verticalMargin], className);\n\n        return type === EBodyPageType.FIRST ? (\n            <Island className={bodyPageClassNames} type={EIslandType.TYPE_1} ref={ref} size={size}>\n                <Body {...rest} />\n            </Island>\n        ) : (\n            <Body ref={ref} className={bodyPageClassNames} {...rest} />\n        );\n    },\n);\n\nBodyPage.displayName = \"BodyPage\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AASA,MAAM,+BAAwE;AAAA,EAC1E,CAAC,wBAAwB,KAAK,GAAG,OAAO;AAAA,EACxC,CAAC,wBAAwB,KAAK,GAAG,OAAO;AAC5C;AA+BO,MAAM,WAAWA,eAAM;AAAA,EAC1B,CAAC,EAAE,WAAW,MAAM,MAAM,iBAAiB,wBAAwB,OAAO,GAAG,KAAA,GAAQ,QAAQ;AACzF,UAAM,qBAAqB,KAAK,OAAO,UAAU,6BAA6B,cAAc,GAAG,SAAS;AAExG,WAAO,SAAS,cAAc,QAC1B,oBAAC,QAAA,EAAO,WAAW,oBAAoB,MAAM,YAAY,QAAQ,KAAU,MACvE,8BAAC,MAAA,EAAM,GAAG,KAAA,CAAM,EAAA,CACpB,IAEA,oBAAC,QAAK,KAAU,WAAW,oBAAqB,GAAG,KAAA,CAAM;AAAA,EAEjE;AACJ;AAEA,SAAS,cAAc;"}