@caseparts-org/caseblocks 0.0.116 → 0.0.118

package/dist/atoms/Popover/Popover.js

@@ -9,18 +9,18 @@ import '../../assets/Popover.css';const W = "_popover_vlr81_1", q = "_content_vl
 function D(r) {
   return r ? r.includes(" ") ? r : `${r} center` : "top center";
 }
-function U(r) {
+function T(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 $(r, d, s, c, p = 8) {
+function U(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 - l.height - 4, a)), u = Math.max(4, Math.min(w - l.width - 4, u)), { top: a, left: u };
 }
-const K = ({
+const J = ({
   trigger: r,
   children: d,
   position: s,
@@ -32,7 +32,7 @@ const K = ({
   open: u,
   onOpenChange: w
 }) => {
-  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 { side: h, align: y } = T(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);
   }, _ = () => {
@@ -59,7 +59,7 @@ const K = ({
     const t = b.current, e = v.current;
     if (!t || !e) return;
     const i = () => {
-      R($(t, e, h, y, 8));
+      R(U(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);
@@ -78,7 +78,7 @@ const K = ({
     const e = (i) => {
       const g = i.target;
       if (!g) return;
-      g.closest('[data-popover-close="true"]') && E();
+      g.closest('[data-popover-close="true"]') && setTimeout(() => E(), 0);
     };
     return t.addEventListener("click", e), () => t.removeEventListener("click", e);
   }, [o, a]), f.useEffect(() => {
@@ -122,5 +122,5 @@ const K = ({
   ] });
 };
 export {
-  K as Popover
+  J as Popover
 };

package/dist/molecules/Modal/Modal.d.ts

@@ -6,7 +6,8 @@ export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
     caption?: string;
     onClose: () => void;
     closeOnOverlayClick?: boolean;
+    contentWrapperClassName?: string;
     headerSize?: ModalHeaderSize;
     headerVariant?: ModalHeaderVariant;
 }
-export declare function Modal({ isOpen, caption, onClose, closeOnOverlayClick, headerSize, headerVariant, className, children, ...otherProps }: ModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Modal({ isOpen, caption, onClose, closeOnOverlayClick, headerSize, headerVariant, className, contentWrapperClassName, children, ...otherProps }: ModalProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/molecules/Modal/Modal.js

@@ -1,53 +1,54 @@
 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,
-  content: T,
-  headerPlain: k
-}, z = {
+import { c as t } from "../../clsx-OuTLNxxd.js";
+import { Text as p } from "../../atoms/Text/Text.js";
+import { Icon as y } from "../../atoms/Icon/Icon.js";
+import '../../assets/Modal.css';const g = "_overlay_1du2l_1", x = "_container_1du2l_11", N = "_header_1du2l_30", T = "_closeButton_1du2l_43", k = "_content_1du2l_56", z = "_headerPlain_1du2l_64", e = {
+  overlay: g,
+  container: x,
+  header: N,
+  closeButton: T,
+  content: k,
+  headerPlain: z
+}, B = {
   sm: "sm",
   md: "md",
   lg: "lg"
-}, B = {
+}, C = {
   sm: "sm",
   md: "md",
   lg: "md"
 };
-function j({
+function I({
   isOpen: i,
   caption: o,
   onClose: l,
   closeOnOverlayClick: d = !0,
-  headerSize: t = "md",
+  headerSize: n = "md",
   headerVariant: r = "default",
   className: m,
-  children: u,
-  ..._
+  contentWrapperClassName: u,
+  children: _,
+  ...h
 }) {
   if (!i) return null;
-  const h = (c) => {
+  const f = (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: [
+  }, v = r === "default" && !!o;
+  return /* @__PURE__ */ a("div", { className: t(e.overlay), onClick: f, children: /* @__PURE__ */ s("div", { className: t(e.container, m), role: "dialog", "aria-modal": "true", ...h, children: [
     /* @__PURE__ */ s(
       "div",
       {
-        className: n(
+        className: t(
           e.header,
-          e[`header-${t}`],
+          e[`header-${n}`],
           r === "plain" && e.headerPlain
         ),
         children: [
-          f ? /* @__PURE__ */ a(
-            v,
+          v ? /* @__PURE__ */ a(
+            p,
             {
               as: "div",
-              size: z[t],
+              size: B[n],
               variant: "display",
               className: e.caption,
               children: o
@@ -60,15 +61,15 @@ function j({
               className: e.closeButton,
               "aria-label": "Close",
               onClick: l,
-              children: /* @__PURE__ */ a(p, { iconKey: "fa-regular fa-xmark", size: B[t] })
+              children: /* @__PURE__ */ a(y, { iconKey: "fa-regular fa-xmark", size: C[n] })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ a("div", { className: e.content, children: u })
+    /* @__PURE__ */ a("div", { className: t(e.content, u), children: _ })
   ] }) });
 }
 export {
-  j as Modal
+  I as Modal
 };

package/package.json

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