@sberbusiness/triplex-next 1.5.0 → 1.6.1

package/components/LightBox/LightBoxTopOverlay/LightBoxTopOverlay.js

@@ -1,86 +0,0 @@
-import { jsx as l, jsxs as I, Fragment as b } from "react/jsx-runtime";
-import { useState as v, useRef as d, useEffect as C } from "react";
-import { c as R, F as S } from "../../../chunks/vendor-9KVE23Ri.js";
-import { EOverlayDirection as j } from "../../Overlay/OverlayBase.js";
-import { Overlay as y } from "../../Overlay/Overlay.js";
-const D = "lightBoxTopOverlayMask__8781ea4a", E = "lightBoxTopOverlayWrapper__82000b44", L = "closing__5780974d", A = "opened__b3683801", V = "lightBoxTopOverlayPanel__e3dd5f29", $ = "lightBoxTopOverlay__a349d4fe", t = {
-  lightBoxTopOverlayMask: D,
-  lightBoxTopOverlayWrapper: E,
-  closing: L,
-  opened: A,
-  lightBoxTopOverlayPanel: V,
-  lightBoxTopOverlay: $
-}, q = ({
-  children: B,
-  focusTrapProps: r,
-  opened: e,
-  onClose: s,
-  onOpen: i,
-  ...u
-}) => {
-  const [m, h] = v(!1), [f, O] = v(!1), [x, n] = v(0), c = d(e), a = d(null), T = () => {
-    if (a.current) {
-      const o = getComputedStyle(a.current).getPropertyValue("--lightBox-screen-top") || "0", p = a.current.getBoundingClientRect();
-      p.top < 0 ? n(
-        (g) => parseInt(g, 10) + Math.abs(p.top) + parseInt(o, 10)
-      ) : n(
-        // Оверлей расположен ниже, чем нужно.
-        (g) => parseInt(g, 10) - p.top + parseInt(o, 10)
-      );
-    }
-  }, _ = () => {
-    T(), O(!0), i == null || i();
-  };
-  C(() => {
-    c.current && !e ? h(!0) : !c.current && e && T(), c.current = e;
-  }, [e]);
-  const W = () => {
-    h(!1), n(0), s == null || s();
-  }, k = () => O(!1), M = (o) => /* @__PURE__ */ I(b, { children: [
-    /* @__PURE__ */ l(y.Mask, { opened: o.opened, className: t.lightBoxTopOverlayMask }),
-    /* @__PURE__ */ l(y.Panel, { className: t.lightBoxTopOverlayPanel, ...o, children: B })
-  ] }), N = () => {
-  }, F = R(t.lightBoxTopOverlayWrapper, {
-    [t.closing]: m,
-    [t.opened]: e
-  }), P = /* @__PURE__ */ l(
-    y,
-    {
-      onClose: W,
-      onClosing: k,
-      onOpen: _,
-      opened: e,
-      setOpened: N,
-      ...u,
-      className: t.lightBoxTopOverlay,
-      direction: j.TOP,
-      children: M
-    }
-  );
-  return /* @__PURE__ */ l(
-    S,
-    {
-      active: f,
-      ...r,
-      focusTrapOptions: {
-        clickOutsideDeactivates: !0,
-        preventScroll: !0,
-        ...r == null ? void 0 : r.focusTrapOptions
-      },
-      children: /* @__PURE__ */ l(
-        "div",
-        {
-          className: F,
-          ref: a,
-          style: x ? { top: `${x}px` } : void 0,
-          children: P
-        }
-      )
-    }
-  );
-};
-q.displayName = "LightBoxTopOverlay";
-export {
-  q as LightBoxTopOverlay
-};
-//# sourceMappingURL=LightBoxTopOverlay.js.map