@reapit/elements 5.0.0-beta.66 → 5.0.0-beta.68

package/dist/js/drawer-CN1TJt10.js

@@ -1,197 +0,0 @@
-import { jsx as s, jsxs as f } from "react/jsx-runtime";
-import { s as t } from "./index-YtxCR-9e.js";
-import { createContext as A, useContext as v, useCallback as D, useRef as x, useLayoutEffect as C, useState as B, useId as O } from "react";
-import "./button-base-BcnVjgNa.js";
-import { B as T } from "./button-DB4XETG9.js";
-import { CloseIcon as F } from "./icons/close.js";
-const N = /* @__PURE__ */ t("article")({
-  name: "ElDrawerBody",
-  class: "el-drawer-body",
-  propsAsIs: !1
-});
-function m({ children: e, ...r }) {
-  return /* @__PURE__ */ s(N, { ...r, children: e });
-}
-m.displayName = "Drawer.Body";
-const u = A(null);
-function E() {
-  const e = v(u);
-  if (!e)
-    throw new Error("DrawerContext not defined: useDrawerContext can only be used in a child of DrawerContext");
-  return e;
-}
-const R = /* @__PURE__ */ t("footer")({
-  name: "ElDrawerFooter",
-  class: "el-drawer-footer",
-  propsAsIs: !1
-});
-function h({ children: e, ...r }) {
-  return /* @__PURE__ */ s(R, { ...r, children: e });
-}
-h.displayName = "Drawer.Footer";
-function H() {
-  return /* @__PURE__ */ s("form", { children: /* @__PURE__ */ s(
-    T,
-    {
-      autoFocus: !0,
-      "aria-label": "Close",
-      formMethod: "dialog",
-      iconLeft: /* @__PURE__ */ s(F, { "aria-hidden": !0 }),
-      size: "large",
-      type: "submit",
-      variant: "tertiary"
-    }
-  ) });
-}
-H.displayName = "Drawer.HeaderCloseButton";
-const ee = "drawer-header", S = /* @__PURE__ */ t("header")({
-  name: "ElDrawerHeader",
-  class: "el-drawer-header",
-  propsAsIs: !1
-}), _ = /* @__PURE__ */ t("div")({
-  name: "ElDrawerHeaderTabsContainer",
-  class: "el-drawer-header-tabs-container",
-  propsAsIs: !1
-}), M = /* @__PURE__ */ t("div")({
-  name: "ElDrawerHeaderContentContainer",
-  class: "el-drawer-header-content-container",
-  propsAsIs: !1
-}), P = /* @__PURE__ */ t("div")({
-  name: "ElDrawerHeaderTitleContainer",
-  class: "el-drawer-header-title-container",
-  propsAsIs: !1
-}), j = /* @__PURE__ */ t("div")({
-  name: "ElDrawerHeaderAction",
-  class: "el-drawer-header-action",
-  propsAsIs: !1
-}), q = /* @__PURE__ */ t("div")({
-  name: "ElDrawerHeaderOverline",
-  class: "el-drawer-header-overline",
-  propsAsIs: !1
-}), k = /* @__PURE__ */ t("h2")({
-  name: "ElDrawerHeaderTitle",
-  class: "el-drawer-header-title",
-  propsAsIs: !1
-}), W = /* @__PURE__ */ t("div")({
-  name: "ElDrawerHeaderSupplementaryInfo",
-  class: "el-drawer-header-supplementary-info",
-  propsAsIs: !1
-});
-function i({ action: e, overline: r, children: a, supplementaryInfo: o, tabs: n, ...d }) {
-  const { titleId: c } = E() ?? {};
-  return /* @__PURE__ */ s(S, { ...d, children: /* @__PURE__ */ f(M, { children: [
-    /* @__PURE__ */ f(P, { children: [
-      e && /* @__PURE__ */ s(j, { children: e }),
-      r && /* @__PURE__ */ s(q, { children: r }),
-      /* @__PURE__ */ s(k, { id: c, children: a }),
-      o && /* @__PURE__ */ s(W, { children: o })
-    ] }),
-    n && /* @__PURE__ */ s(_, { children: n })
-  ] }) });
-}
-i.displayName = "Drawer.Header";
-i.CloseButton = H;
-const z = /* @__PURE__ */ t("dialog")({
-  name: "ElDrawer",
-  class: "el-drawer",
-  propsAsIs: !1
-});
-function L(e) {
-  return e.closest("dialog");
-}
-function G(e, r) {
-  return D(
-    (a) => {
-      a.stopPropagation(), e === "none" && a.target === a.currentTarget ? a.preventDefault() : r?.(a);
-    },
-    [e, r]
-  );
-}
-function J(e) {
-  const r = x(null);
-  return C(
-    function() {
-      !r.current || e === void 0 || (e ? r.current.showModal() : r.current.close());
-    },
-    [e]
-  ), r;
-}
-function K(e) {
-  const [r, a] = B(!1);
-  return C(() => {
-    if (!e.current) return;
-    const o = e.current;
-    a(o.open);
-    const n = new MutationObserver(() => {
-      a(o.open);
-    });
-    return n.observe(o, {
-      attributeFilter: ["open"]
-    }), () => n.disconnect();
-  }, [e, a]), r;
-}
-function Q(e) {
-  return D(
-    (r) => {
-      r.stopPropagation(), e?.(r);
-    },
-    [e]
-  );
-}
-function l({
-  "aria-label": e,
-  "aria-labelledby": r,
-  children: a,
-  closedBy: o = "closerequest",
-  isOpen: n,
-  onCancel: d,
-  onClose: c,
-  ...b
-}) {
-  const p = J(n), g = K(p), w = O(), y = G(o, d), I = Q(c);
-  return /* @__PURE__ */ s(
-    z,
-    {
-      ...b,
-      "aria-label": e,
-      "aria-labelledby": e ? void 0 : r ?? w,
-      ref: p,
-      onCancel: y,
-      onClose: I,
-      children: /* @__PURE__ */ s(u.Provider, { value: { titleId: w }, children: g && a })
-    }
-  );
-}
-l.Body = m;
-l.Footer = h;
-l.Header = i;
-l.HeaderCloseButton = i.CloseButton;
-l.Context = u;
-l.useContext = E;
-l.getClosestDialogElement = L;
-export {
-  m as D,
-  N as E,
-  u as a,
-  l as b,
-  h as c,
-  R as d,
-  H as e,
-  i as f,
-  ee as g,
-  S as h,
-  _ as i,
-  M as j,
-  P as k,
-  j as l,
-  q as m,
-  k as n,
-  W as o,
-  z as p,
-  L as q,
-  G as r,
-  J as s,
-  K as t,
-  E as u,
-  Q as v
-};

package/dist/js/drawer-D5SIlpKa.cjs

@@ -1 +0,0 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("./index-Dmlb2--K.cjs"),o=require("react");require("./button-base-tw0zLUCC.cjs");const P=require("./button-Ccwmxlgv.cjs"),W=require("./icons/close.cjs"),y=s.styled_default("article")({name:"ElDrawerBody",class:"el-drawer-body",propsAsIs:!1});function D({children:e,...r}){return a.jsx(y,{...r,children:e})}D.displayName="Drawer.Body";const u=o.createContext(null);function f(){const e=o.useContext(u);if(!e)throw new Error("DrawerContext not defined: useDrawerContext can only be used in a child of DrawerContext");return e}const x=s.styled_default("footer")({name:"ElDrawerFooter",class:"el-drawer-footer",propsAsIs:!1});function C({children:e,...r}){return a.jsx(x,{...r,children:e})}C.displayName="Drawer.Footer";function E(){return a.jsx("form",{children:a.jsx(P.Button,{autoFocus:!0,"aria-label":"Close",formMethod:"dialog",iconLeft:a.jsx(W.CloseIcon,{"aria-hidden":!0}),size:"large",type:"submit",variant:"tertiary"})})}E.displayName="Drawer.HeaderCloseButton";const k="drawer-header",h=s.styled_default("header")({name:"ElDrawerHeader",class:"el-drawer-header",propsAsIs:!1}),m=s.styled_default("div")({name:"ElDrawerHeaderTabsContainer",class:"el-drawer-header-tabs-container",propsAsIs:!1}),g=s.styled_default("div")({name:"ElDrawerHeaderContentContainer",class:"el-drawer-header-content-container",propsAsIs:!1}),A=s.styled_default("div")({name:"ElDrawerHeaderTitleContainer",class:"el-drawer-header-title-container",propsAsIs:!1}),b=s.styled_default("div")({name:"ElDrawerHeaderAction",class:"el-drawer-header-action",propsAsIs:!1}),I=s.styled_default("div")({name:"ElDrawerHeaderOverline",class:"el-drawer-header-overline",propsAsIs:!1}),_=s.styled_default("h2")({name:"ElDrawerHeaderTitle",class:"el-drawer-header-title",propsAsIs:!1}),j=s.styled_default("div")({name:"ElDrawerHeaderSupplementaryInfo",class:"el-drawer-header-supplementary-info",propsAsIs:!1});function i({action:e,overline:r,children:t,supplementaryInfo:n,tabs:d,...c}){const{titleId:w}=f()??{};return a.jsx(h,{...c,children:a.jsxs(g,{children:[a.jsxs(A,{children:[e&&a.jsx(b,{children:e}),r&&a.jsx(I,{children:r}),a.jsx(_,{id:w,children:t}),n&&a.jsx(j,{children:n})]}),d&&a.jsx(m,{children:d})]})})}i.displayName="Drawer.Header";i.CloseButton=E;const v=s.styled_default("dialog")({name:"ElDrawer",class:"el-drawer",propsAsIs:!1});function B(e){return e.closest("dialog")}function R(e,r){return o.useCallback(t=>{t.stopPropagation(),e==="none"&&t.target===t.currentTarget?t.preventDefault():r?.(t)},[e,r])}function T(e){const r=o.useRef(null);return o.useLayoutEffect(function(){!r.current||e===void 0||(e?r.current.showModal():r.current.close())},[e]),r}function O(e){const[r,t]=o.useState(!1);return o.useLayoutEffect(()=>{if(!e.current)return;const n=e.current;t(n.open);const d=new MutationObserver(()=>{t(n.open)});return d.observe(n,{attributeFilter:["open"]}),()=>d.disconnect()},[e,t]),r}function N(e){return o.useCallback(r=>{r.stopPropagation(),e?.(r)},[e])}function l({"aria-label":e,"aria-labelledby":r,children:t,closedBy:n="closerequest",isOpen:d,onCancel:c,onClose:w,...S}){const p=T(d),q=O(p),H=o.useId(),F=R(n,c),M=N(w);return a.jsx(v,{...S,"aria-label":e,"aria-labelledby":e?void 0:r??H,ref:p,onCancel:F,onClose:M,children:a.jsx(u.Provider,{value:{titleId:H},children:q&&t})})}l.Body=D;l.Footer=C;l.Header=i;l.HeaderCloseButton=i.CloseButton;l.Context=u;l.useContext=f;l.getClosestDialogElement=B;exports.DRAWER_HEADER_CSS_CONTAINER_NAME=k;exports.Drawer=l;exports.DrawerBody=D;exports.DrawerContext=u;exports.DrawerFooter=C;exports.DrawerHeader=i;exports.DrawerHeaderCloseButton=E;exports.ElDrawer=v;exports.ElDrawerBody=y;exports.ElDrawerFooter=x;exports.ElDrawerHeader=h;exports.ElDrawerHeaderAction=b;exports.ElDrawerHeaderContentContainer=g;exports.ElDrawerHeaderOverline=I;exports.ElDrawerHeaderSupplementaryInfo=j;exports.ElDrawerHeaderTabsContainer=m;exports.ElDrawerHeaderTitle=_;exports.ElDrawerHeaderTitleContainer=A;exports.getClosestDialogElement=B;exports.useCancelCloseRequests=R;exports.useDialogController=T;exports.useDialogObserver=O;exports.useDrawerContext=f;exports.useWithStopPropagation=N;