npm - @pibit.ai/cure-design-system - Versions diffs - 0.6.33 → 0.6.35 - Mend

@pibit.ai/cure-design-system 0.6.33 → 0.6.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/patterns/confirm-dialog/confirm-dialog.d.ts CHANGED Viewed

@@ -26,8 +26,10 @@ export interface ConfirmDialogProps {
     testIdPrefix?: string;
     /** When false, neither overlay clicks nor Escape close the dialog. Default true. */
     isDismissable?: boolean;
+    /** When true, clicks on this dialog won't trigger parent ClickAwayListener handlers. */
+    ignoreClickAway?: boolean;
     /** Lands on the dialog element, as in {@link ModalWrapper}. */
     "data-testid"?: string;
 }
-export declare const ConfirmDialog: ({ isOpen, onClose, title, description, confirmLabel, cancelLabel, onConfirm, isLoading, tone, icon, secondaryAction, testIdPrefix, isDismissable, "data-testid": dataTestId, }: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConfirmDialog: ({ isOpen, onClose, title, description, confirmLabel, cancelLabel, onConfirm, isLoading, tone, icon, secondaryAction, testIdPrefix, isDismissable, ignoreClickAway, "data-testid": dataTestId, }: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=confirm-dialog.d.ts.map

package/dist/patterns/confirm-dialog/confirm-dialog.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../../src/patterns/confirm-dialog/confirm-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBvC,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AA0BtE,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,2EAA2E;IAC3E,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uEAAuE;IACvE,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,kEAAkE;IAClE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,4BAA4B,CAAC;IAC/C,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oFAAoF;IACpF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,GAAI,~~gLAe3B~~,kBAAkB,~~4CAuFpB~~,CAAC"}
1	+ {"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../../src/patterns/confirm-dialog/confirm-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBvC,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AA0BtE,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,2EAA2E;IAC3E,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uEAAuE;IACvE,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,kEAAkE;IAClE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,4BAA4B,CAAC;IAC/C,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oFAAoF;IACpF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wFAAwF;IACxF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,GAAI,iMAgB3B,kBAAkB,4CA+FpB,CAAC"}

package/dist/patterns/confirm-dialog/confirm-dialog.js CHANGED Viewed

@@ -1,30 +1,30 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useRef as I, useEffect as j } from "react";
-import { InfoCircle as q, AlertTriangle as A, AlertCircle as F, XClose as R } from "@untitledui/icons";
-import { ButtonUtility as $ } from "../../primitives/button/button-utility.js";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { useRef as j, useEffect as q } from "react";
+import { InfoCircle as A, AlertTriangle as F, AlertCircle as R, XClose as $ } from "@untitledui/icons";
+import { ButtonUtility as E } from "../../primitives/button/button-utility.js";
 import { cx as b } from "../../utils/cn.js";
-import { ModalWrapper as E } from "../modal/modal-wrapper.js";
+import { ModalWrapper as M } from "../modal/modal-wrapper.js";
 import { Button as c } from "../../primitives/button/button.js";
-const M = {
+const S = {
   destructive: {
-    Icon: F,
+    Icon: R,
     iconBox: "bg-warning-secondary",
     icon: "text-featured-icon-light-fg-warning",
     confirmColor: "primary-destructive"
   },
   warning: {
-    Icon: A,
+    Icon: F,
     iconBox: "bg-warning-secondary",
     icon: "text-fg-warning-primary",
     confirmColor: "primary"
   },
   primary: {
-    Icon: q,
+    Icon: A,
     iconBox: "bg-brand-secondary",
     icon: "text-fg-brand-secondary",
     confirmColor: "primary"
   }
-}, J = ({
+}, K = ({
   isOpen: a,
   onClose: n,
   title: s,
@@ -35,93 +35,104 @@ const M = {
   isLoading: r = !1,
   tone: m = "primary",
   icon: v,
-  secondaryAction: o,
+  secondaryAction: i,
   testIdPrefix: f,
   isDismissable: N = !0,
-  "data-testid": w
+  ignoreClickAway: w = !1,
+  "data-testid": D
 }) => {
-  const { Icon: z, iconBox: B, icon: D, confirmColor: k } = M[m], t = (l) => f ? `${f}-${l}` : void 0, x = () => n(!1), u = I(null);
-  return j(() => {
+  const { Icon: z, iconBox: B, icon: k, confirmColor: I } = S[m], t = (l) => f ? `${f}-${l}` : void 0, x = () => n(!1), u = j(null);
+  return q(() => {
     if (!a) return;
     const l = requestAnimationFrame(() => {
       var p, y;
       (y = (p = u.current) == null ? void 0 : p.querySelector("[data-confirm-dialog-cancel]")) == null || y.focus();
     });
     return () => cancelAnimationFrame(l);
-  }, [a]), /* @__PURE__ */ e(E, { isOpen: a, onClose: n, isDismissable: N, "data-testid": w, children: /* @__PURE__ */ i(
-    "div",
+  }, [a]), /* @__PURE__ */ e(
+    M,
     {
-      ref: u,
-      className: b(
-        "relative max-w-[90vw] rounded-2xl bg-primary p-5",
-        o ? "w-[520px]" : "w-[400px]"
-      ),
-      children: [
-        /* @__PURE__ */ e(
-          $,
-          {
-            color: "tertiary",
-            className: "absolute right-2 top-2",
-            icon: /* @__PURE__ */ e(R, { size: 24 }),
-            isDisabled: r,
-            onClick: x,
-            "data-testid": t("close")
-          }
-        ),
-        /* @__PURE__ */ i("div", { className: "flex flex-col gap-5", children: [
-          /* @__PURE__ */ e("div", { className: b("flex size-12 shrink-0 items-center justify-center rounded-xl p-3", B), children: v ?? /* @__PURE__ */ e(z, { size: 24, "aria-label": s, className: D }) }),
-          /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-primary", children: s }),
-            d != null && /* @__PURE__ */ e("div", { className: "text-sm leading-6 text-tertiary", children: d })
-          ] }),
-          /* @__PURE__ */ i("div", { className: "flex gap-3", children: [
+      isOpen: a,
+      onClose: n,
+      isDismissable: N && !r,
+      ignoreClickAway: w,
+      "data-testid": D,
+      children: /* @__PURE__ */ o(
+        "div",
+        {
+          ref: u,
+          className: b(
+            "relative max-w-[90vw] rounded-2xl bg-primary p-5",
+            i ? "w-[520px]" : "w-[400px]"
+          ),
+          children: [
             /* @__PURE__ */ e(
-              c,
+              E,
               {
-                type: "button",
-                size: "md",
-                color: "secondary",
-                className: "flex-1",
+                color: "tertiary",
+                className: "absolute right-2 top-2",
+                icon: /* @__PURE__ */ e($, { size: 24 }),
                 isDisabled: r,
                 onClick: x,
-                "data-testid": t("cancel"),
-                "data-confirm-dialog-cancel": !0,
-                children: h
-              }
-            ),
-            o && /* @__PURE__ */ e(
-              c,
-              {
-                type: "button",
-                size: "md",
-                color: "secondary",
-                className: "flex-1",
-                isDisabled: r,
-                onClick: o.onAction,
-                "data-testid": t("secondary"),
-                children: o.label
+                "data-testid": t("close")
               }
             ),
-            /* @__PURE__ */ e(
-              c,
-              {
-                type: "button",
-                size: "md",
-                color: k,
-                className: "flex-1",
-                isLoading: r,
-                isDisabled: r,
-                onClick: () => void C(),
-                "data-testid": t("submit"),
-                children: g ?? (m === "destructive" ? "Delete" : "Confirm")
-              }
-            )
-          ] })
-        ] })
-      ]
+            /* @__PURE__ */ o("div", { className: "flex flex-col gap-5", children: [
+              /* @__PURE__ */ e("div", { className: b("flex size-12 shrink-0 items-center justify-center rounded-xl p-3", B), children: v ?? /* @__PURE__ */ e(z, { size: 24, "aria-label": s, className: k }) }),
+              /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-primary", children: s }),
+                d != null && /* @__PURE__ */ e("div", { className: "text-sm leading-6 text-tertiary", children: d })
+              ] }),
+              /* @__PURE__ */ o("div", { className: "flex gap-3", children: [
+                /* @__PURE__ */ e(
+                  c,
+                  {
+                    type: "button",
+                    size: "md",
+                    color: "secondary",
+                    className: "flex-1",
+                    isDisabled: r,
+                    onClick: x,
+                    "data-testid": t("cancel"),
+                    "data-confirm-dialog-cancel": !0,
+                    children: h
+                  }
+                ),
+                i && /* @__PURE__ */ e(
+                  c,
+                  {
+                    type: "button",
+                    size: "md",
+                    color: "secondary",
+                    className: "flex-1",
+                    isDisabled: r,
+                    onClick: i.onAction,
+                    "data-testid": t("secondary"),
+                    children: i.label
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  c,
+                  {
+                    type: "button",
+                    size: "md",
+                    color: I,
+                    className: "flex-1",
+                    isLoading: r,
+                    isDisabled: r,
+                    onClick: () => void C(),
+                    "data-testid": t("submit"),
+                    children: g ?? (m === "destructive" ? "Delete" : "Confirm")
+                  }
+                )
+              ] })
+            ] })
+          ]
+        }
+      )
     }
-  ) });
+  );
 };
 export {
-  J as ConfirmDialog
+  K as ConfirmDialog
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pibit.ai/cure-design-system",
-  "version": "0.6.33",
+  "version": "0.6.35",
   "description": "CURE Design System - React component library",
   "author": "Pibit",
   "license": "MIT",