@caseparts-org/caseblocks 0.0.114 → 0.0.116

package/dist/assets/Modal.css

@@ -1 +1 @@
-._overlay_vmpn5_1{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}._container_vmpn5_11{background-color:var(--surface-surface-primary);color:var(--text-text-primary);border-radius:var(--border-radius-sm);box-shadow:0 4px 6px #0000001a;width:min(800px,92vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}@media (max-width:767px){._container_vmpn5_11{border-radius:0;width:100%;box-shadow:none;height:100dvh;max-height:100dvh}}._header_vmpn5_30{position:sticky;top:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--surface-surface-secondary);border-bottom:1px solid var(--border-border-secondary-btn);padding:var(--spacing-spacing-2xs);z-index:1}._closeButton_vmpn5_53{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:var(--spacing-spacing-4xs);cursor:pointer;display:flex;align-items:center;justify-content:center;color:inherit;padding:0}._content_vmpn5_69{overflow:auto;padding:var(--spacing-spacing-default)}@media (max-width:767px){._content_vmpn5_69{padding:var(--spacing-spacing-2xs)}}._headerPlain_vmpn5_77{background-color:transparent;border-bottom:none}
+._overlay_1du2l_1{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}._container_1du2l_11{background-color:var(--surface-surface-primary);color:var(--text-text-primary);border-radius:var(--border-radius-sm);box-shadow:0 4px 6px #0000001a;width:min(800px,92vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}@media (max-width:767px){._container_1du2l_11{border-radius:0;width:100%;box-shadow:none;height:100dvh;max-height:100dvh}}._header_1du2l_30{position:sticky;top:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--surface-surface-secondary);border-bottom:1px solid var(--border-border-secondary-btn);padding:var(--spacing-spacing-2xs);z-index:1}._closeButton_1du2l_43{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:var(--spacing-spacing-4xs);cursor:pointer;display:flex;align-items:center;justify-content:center;color:inherit;padding:0}._content_1du2l_56{overflow:auto;padding:var(--spacing-spacing-default)}@media (max-width:767px){._content_1du2l_56{padding:var(--spacing-spacing-2xs)}}._headerPlain_1du2l_64{background-color:transparent;border-bottom:none}

package/dist/atoms/Popover/Popover.d.ts

@@ -1,15 +1,14 @@
 import * as React from "react";
-type PositionKeyword = "top" | "right" | "bottom" | "left";
-type Position = "top left" | "top center" | "top right" | "right top" | "right center" | "right bottom" | "bottom left" | "bottom center" | "bottom right" | "left top" | "left center" | "left bottom" | PositionKeyword;
-type PopoverAPI = {
+export type PopoverAPI = {
     close: () => void;
     open: () => void;
     toggle: () => void;
 };
-export declare function usePopover(): PopoverAPI;
+type PositionKeyword = "top" | "right" | "bottom" | "left";
+type Position = "top left" | "top center" | "top right" | "right top" | "right center" | "right bottom" | "bottom left" | "bottom center" | "bottom right" | "left top" | "left center" | "left bottom" | PositionKeyword;
 export type PopoverProps = {
     trigger: React.ReactElement;
-    children: React.ReactNode | ((api: PopoverAPI) => React.ReactNode);
+    children: React.ReactNode | ((_api: PopoverAPI) => React.ReactNode);
     position?: Position;
     popoverClassName?: string;
     contentClassName?: string;

package/dist/atoms/Popover/Popover.js

@@ -1,85 +1,79 @@
-import { jsxs as H, jsx as k } from "react/jsx-runtime";
-import * as s from "react";
+import { jsxs as F, Fragment as H, jsx as k } from "react/jsx-runtime";
+import * as f from "react";
 import { r as N } from "../../index-B4KbmMH3.js";
 import { c as z } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Popover.css';const W = "_popover_vlr81_1", q = "_content_vlr81_7", M = {
+import '../../assets/Popover.css';const W = "_popover_vlr81_1", q = "_content_vlr81_7", P = {
   popover: W,
   content: q
-}, S = s.createContext(null);
-function K() {
-  const o = s.useContext(S);
-  if (!o)
-    throw new Error("usePopover must be used within a Popover");
-  return o;
-}
-function D(o) {
-  return o ? o.includes(" ") ? o : `${o} center` : "top center";
+};
+function D(r) {
+  return r ? r.includes(" ") ? r : `${r} center` : "top center";
 }
-function F(o) {
-  const p = D(o).toLowerCase(), [c, l] = p.split(" ");
-  return { side: ["top", "right", "bottom", "left"].includes(c) ? c : "top", align: l === "left" || l === "top" ? "start" : l === "right" || l === "bottom" ? "end" : "center" };
+function U(r) {
+  const d = D(r).toLowerCase(), [s, c] = d.split(" ");
+  return { side: ["top", "right", "bottom", "left"].includes(s) ? s : "top", align: c === "left" || c === "top" ? "start" : c === "right" || c === "bottom" ? "end" : "center" };
 }
-function U(o, p, c, l, d = 8) {
-  const n = o.getBoundingClientRect(), u = p.getBoundingClientRect();
-  let a = 0, f = 0;
-  c === "top" ? a = n.top - u.height - d : c === "bottom" ? a = n.bottom + d : c === "left" ? f = n.left - u.width - d : c === "right" && (f = n.right + d), c === "top" || c === "bottom" ? l === "start" ? f = n.left : l === "end" ? f = n.right - u.width : f = n.left + n.width / 2 - u.width / 2 : l === "start" ? a = n.top : l === "end" ? a = n.bottom - u.height : a = n.top + n.height / 2 - u.height / 2;
+function $(r, d, s, c, p = 8) {
+  const n = r.getBoundingClientRect(), l = d.getBoundingClientRect();
+  let a = 0, u = 0;
+  s === "top" ? a = n.top - l.height - p : s === "bottom" ? a = n.bottom + p : s === "left" ? u = n.left - l.width - p : s === "right" && (u = n.right + p), s === "top" || s === "bottom" ? c === "start" ? u = n.left : c === "end" ? u = n.right - l.width : u = n.left + n.width / 2 - l.width / 2 : c === "start" ? a = n.top : c === "end" ? a = n.bottom - l.height : a = n.top + n.height / 2 - l.height / 2;
   const w = window.innerWidth, h = window.innerHeight;
-  return a = Math.max(4, Math.min(h - u.height - 4, a)), f = Math.max(4, Math.min(w - u.width - 4, f)), { top: a, left: f };
+  return a = Math.max(4, Math.min(h - l.height - 4, a)), u = Math.max(4, Math.min(w - l.width - 4, u)), { top: a, left: u };
 }
-const Q = ({
-  trigger: o,
-  children: p,
-  position: c,
-  popoverClassName: l,
-  contentClassName: d,
+const K = ({
+  trigger: r,
+  children: d,
+  position: s,
+  popoverClassName: c,
+  contentClassName: p,
   disabled: n,
-  closeOnOutsideClick: u = !0,
+  closeOnOutsideClick: l = !0,
   closeOnInsideClickAttr: a = !0,
-  open: f,
+  open: u,
   onOpenChange: w
 }) => {
-  const { side: h, align: y } = F(c), [C, j] = s.useState(!1), P = typeof f == "boolean", r = P ? f : C, [v, R] = s.useState(null), b = s.useRef(null), m = s.useRef(null), x = (t) => {
-    const e = typeof t == "function" ? t(r) : t;
-    P ? w == null || w(e) : j(e);
-  }, L = () => {
-    n || x((t) => !t);
-  }, E = () => x(!1), _ = () => x(!0), B = s.cloneElement(o, {
+  const { side: h, align: y } = U(s), [M, S] = f.useState(!1), x = typeof u == "boolean", o = x ? u : M, [m, R] = f.useState(null), b = f.useRef(null), v = f.useRef(null), L = (t) => {
+    const e = typeof t == "function" ? t(o) : t;
+    x ? w == null || w(e) : S(e);
+  }, _ = () => {
+    n || L((t) => !t);
+  }, E = () => L(!1), j = () => L(!0), B = f.cloneElement(r, {
     ref: (t) => {
-      const { ref: e } = o;
+      const { ref: e } = r;
       typeof e == "function" ? e(t) : e && (e.current = t), b.current = t;
     },
     onClick: (t) => {
       var e, i;
-      (i = (e = o.props).onClick) == null || i.call(e, t), L();
+      (i = (e = r.props).onClick) == null || i.call(e, t), _();
     },
     "aria-haspopup": "dialog",
-    "aria-expanded": r || void 0,
-    "aria-controls": r ? "popover-panel" : void 0,
-    style: { ...o.props.style || {}, outline: "none" }
+    "aria-expanded": o || void 0,
+    "aria-controls": o ? "popover-panel" : void 0,
+    style: { ...r.props.style || {}, outline: "none" }
   });
-  return s.useLayoutEffect(() => {
-    if (!r) {
+  return f.useLayoutEffect(() => {
+    if (!o) {
       R(null);
       return;
     }
-    const t = b.current, e = m.current;
+    const t = b.current, e = v.current;
     if (!t || !e) return;
     const i = () => {
-      R(U(t, e, h, y, 8));
+      R($(t, e, h, y, 8));
     };
     return i(), window.addEventListener("resize", i), window.addEventListener("scroll", i, !0), () => {
       window.removeEventListener("resize", i), window.removeEventListener("scroll", i, !0);
     };
-  }, [r, h, y, p]), s.useEffect(() => {
-    if (!r || !u) return;
+  }, [o, h, y, d]), f.useEffect(() => {
+    if (!o || !l) return;
     const t = (e) => {
-      const i = m.current, g = b.current;
+      const i = v.current, g = b.current;
       !i || !g || i.contains(e.target) || g.contains(e.target) || E();
     };
     return window.addEventListener("mousedown", t), () => window.removeEventListener("mousedown", t);
-  }, [r, u]), s.useEffect(() => {
-    if (!r || !a) return;
-    const t = m.current;
+  }, [o, l]), f.useEffect(() => {
+    if (!o || !a) return;
+    const t = v.current;
     if (!t) return;
     const e = (i) => {
       const g = i.target;
@@ -87,40 +81,40 @@ const Q = ({
       g.closest('[data-popover-close="true"]') && E();
     };
     return t.addEventListener("click", e), () => t.removeEventListener("click", e);
-  }, [r, a]), s.useEffect(() => {
-    if (!r) return;
+  }, [o, a]), f.useEffect(() => {
+    if (!o) return;
     const t = (e) => {
       e.key === "Escape" && E();
     };
     return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
-  }, [r]), s.useEffect(() => {
-    if (r && m.current) {
-      const t = m.current.querySelector(
+  }, [o]), f.useEffect(() => {
+    if (o && v.current) {
+      const t = v.current.querySelector(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
       );
       t == null || t.focus();
     }
-  }, [r]), /* @__PURE__ */ H(S.Provider, { value: { close: E, open: _, toggle: L }, children: [
+  }, [o]), /* @__PURE__ */ F(H, { children: [
     B,
-    r && typeof document < "u" && N.createPortal(
+    o && typeof document < "u" && N.createPortal(
       /* @__PURE__ */ k(
         "div",
         {
           id: "popover-panel",
-          ref: m,
+          ref: v,
           role: "dialog",
           "aria-modal": "false",
-          className: z(M.popover, l),
+          className: z(P.popover, c),
           "data-side": h,
           "data-align": y,
           style: {
             position: "absolute",
-            top: (v == null ? void 0 : v.top) ?? 0,
-            left: (v == null ? void 0 : v.left) ?? 0,
-            visibility: v ? "visible" : "hidden",
+            top: (m == null ? void 0 : m.top) ?? 0,
+            left: (m == null ? void 0 : m.left) ?? 0,
+            visibility: m ? "visible" : "hidden",
             zIndex: 20
           },
-          children: /* @__PURE__ */ k("div", { className: z(M.content, d), children: typeof p == "function" ? p({ close: E, open: _, toggle: L }) : p })
+          children: /* @__PURE__ */ k("div", { className: z(P.content, p), children: typeof d == "function" ? d({ close: E, open: j, toggle: _ }) : d })
         }
       ),
       document.body
@@ -128,6 +122,5 @@ const Q = ({
   ] });
 };
 export {
-  Q as Popover,
-  K as usePopover
+  K as Popover
 };

package/dist/molecules/Modal/Modal.js

@@ -1,13 +1,12 @@
-import { jsx as n, jsxs as s } from "react/jsx-runtime";
-import { c as t } from "../../clsx-OuTLNxxd.js";
-import { Text as h } from "../../atoms/Text/Text.js";
-import { Icon as f } from "../../atoms/Icon/Icon.js";
-import '../../assets/Modal.css';const y = "_overlay_vmpn5_1", g = "_container_vmpn5_11", x = "_header_vmpn5_30", N = "_closeButton_vmpn5_53", S = "_captionSpacer_vmpn5_66", T = "_content_vmpn5_69", k = "_headerPlain_vmpn5_77", e = {
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { c as n } from "../../clsx-OuTLNxxd.js";
+import { Text as v } from "../../atoms/Text/Text.js";
+import { Icon as p } from "../../atoms/Icon/Icon.js";
+import '../../assets/Modal.css';const y = "_overlay_1du2l_1", g = "_container_1du2l_11", x = "_header_1du2l_30", N = "_closeButton_1du2l_43", T = "_content_1du2l_56", k = "_headerPlain_1du2l_64", e = {
   overlay: y,
   container: g,
   header: x,
   closeButton: N,
-  captionSpacer: S,
   content: T,
   headerPlain: k
 }, z = {
@@ -19,57 +18,57 @@ import '../../assets/Modal.css';const y = "_overlay_vmpn5_1", g = "_container_vm
   md: "md",
   lg: "md"
 };
-function I({
+function j({
   isOpen: i,
   caption: o,
-  onClose: c,
-  closeOnOverlayClick: m = !0,
-  headerSize: a = "md",
+  onClose: l,
+  closeOnOverlayClick: d = !0,
+  headerSize: t = "md",
   headerVariant: r = "default",
-  className: d,
-  children: p,
+  className: m,
+  children: u,
   ..._
 }) {
   if (!i) return null;
-  const v = (l) => {
-    m && l.target === l.currentTarget && c();
-  }, u = r === "default" && !!o;
-  return /* @__PURE__ */ n("div", { className: t(e.overlay), onClick: v, children: /* @__PURE__ */ s("div", { className: t(e.container, d), role: "dialog", "aria-modal": "true", ..._, children: [
+  const h = (c) => {
+    d && c.target === c.currentTarget && l();
+  }, f = r === "default" && !!o;
+  return /* @__PURE__ */ a("div", { className: n(e.overlay), onClick: h, children: /* @__PURE__ */ s("div", { className: n(e.container, m), role: "dialog", "aria-modal": "true", ..._, children: [
     /* @__PURE__ */ s(
       "div",
       {
-        className: t(
+        className: n(
           e.header,
-          e[`header-${a}`],
+          e[`header-${t}`],
           r === "plain" && e.headerPlain
         ),
         children: [
-          u ? /* @__PURE__ */ n(
-            h,
+          f ? /* @__PURE__ */ a(
+            v,
             {
               as: "div",
-              size: z[a],
+              size: z[t],
               variant: "display",
               className: e.caption,
               children: o
             }
-          ) : /* @__PURE__ */ n("div", { className: e.captionSpacer }),
-          /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ a("div", { className: e.captionSpacer }),
+          /* @__PURE__ */ a(
             "button",
             {
               type: "button",
               className: e.closeButton,
               "aria-label": "Close",
-              onClick: c,
-              children: /* @__PURE__ */ n(f, { iconKey: "fa-regular fa-xmark", size: B[a] })
+              onClick: l,
+              children: /* @__PURE__ */ a(p, { iconKey: "fa-regular fa-xmark", size: B[t] })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ n("div", { className: e.content, children: p })
+    /* @__PURE__ */ a("div", { className: e.content, children: u })
   ] }) });
 }
 export {
-  I as Modal
+  j as Modal
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.114",
+  "version": "0.0.116",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",