@pismo/marola 0.0.1-alpha.32 → 0.0.1-alpha.5

package/dist/components/Dialog/CloseIconButton.js

@@ -1,20 +1,132 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Icon as r } from "../Icon/Icon.js";
-import { s as t } from "../../Dialog.module-DFEmFdYT.js";
-import { B as a } from "../../Button-2b1peDFT.js";
-const d = ({ handleOnClose: i, className: o }) => {
-  const l = o != null ? t["dialog__close-icon "] + o : t["dialog__close-icon"];
-  return /* @__PURE__ */ s(
-    a,
+import { jsx as j } from "react/jsx-runtime";
+import { d as C, e as W } from "../../index-BvA1HyDs.js";
+import I from "react";
+import { s as O } from "../../Dialog.module-BKWFakxu.js";
+import { B as P } from "../../Button-D--uN90N.js";
+var N = { exports: {} };
+(function(w, b) {
+  (function(x, y) {
+    w.exports = y(I);
+  })(C, (x) => (() => {
+    var y = { 639: (t) => {
+      t.exports = x;
+    } }, E = {};
+    function s(t) {
+      var o = E[t];
+      if (o !== void 0)
+        return o.exports;
+      var c = E[t] = { exports: {} };
+      return y[t](c, c.exports, s), c.exports;
+    }
+    s.n = (t) => {
+      var o = t && t.__esModule ? () => t.default : () => t;
+      return s.d(o, { a: o }), o;
+    }, s.d = (t, o) => {
+      for (var c in o)
+        s.o(o, c) && !s.o(t, c) && Object.defineProperty(t, c, { enumerable: !0, get: o[c] });
+    }, s.o = (t, o) => Object.prototype.hasOwnProperty.call(t, o), s.r = (t) => {
+      typeof Symbol < "u" && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(t, "__esModule", { value: !0 });
+    };
+    var _ = {};
+    return (() => {
+      s.r(_), s.d(_, { default: () => B });
+      var t = s(639), o = s.n(t), c = function(i, a, l, r) {
+        return new (l || (l = Promise))(function(p, u) {
+          function h(n) {
+            try {
+              d(r.next(n));
+            } catch (e) {
+              u(e);
+            }
+          }
+          function f(n) {
+            try {
+              d(r.throw(n));
+            } catch (e) {
+              u(e);
+            }
+          }
+          function d(n) {
+            var e;
+            n.done ? p(n.value) : (e = n.value, e instanceof l ? e : new l(function(m) {
+              m(e);
+            })).then(h, f);
+          }
+          d((r = r.apply(i, a || [])).next());
+        });
+      };
+      function T() {
+        return typeof globalThis < "u" && globalThis.WAVES_ICONS_BASE_URL ? globalThis.WAVES_ICONS_BASE_URL : typeof window < "u" && window.WAVES_ICONS_BASE_URL ? window.WAVES_ICONS_BASE_URL : "https://waves-icons.pismolabs.io/bin";
+      }
+      function A(i, a, l) {
+        const r = a && Number.isNaN(Number(a)) ? a : a ? `${a}px` : "1em", p = l || "currentColor", u = { fill: p, color: p, width: r, height: r };
+        return i && Object.keys(u).forEach((h) => {
+          i.setAttribute(h, u[h]);
+        }), i && Object.assign(i.style, u), i;
+      }
+      const B = ({ icon: i, color: a, size: l }) => {
+        const r = (0, t.useRef)(null), [p, u] = (0, t.useState)(null), h = (f) => {
+          const d = A(f, `${l || ""}`, a);
+          r != null && r.current && (r.current.innerHTML = "", r.current.append(d)), u(d);
+        };
+        return (0, t.useEffect)(() => {
+          (function(f, d = !1) {
+            return c(this, void 0, void 0, function* () {
+              return function(n) {
+                return c(this, void 0, void 0, function* () {
+                  return fetch(n, { cache: "force-cache" }).then((e) => e.status >= 200 && e.status <= 299 ? e.text() : Promise.resolve(`
+    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
+    <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
+      <!-- Waves Icon Not Found -->
+    </svg>
+  `)).catch(console.error);
+                });
+              }(f.startsWith("http") ? f : function(n, e = "svg", m) {
+                return m || (m = T()), `${m}/${n}.${e}`;
+              }(f)).then((n) => {
+                try {
+                  const e = d ? n : function(m, S) {
+                    S || (S = `
+    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
+    <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
+      <!-- Waves Icon Not Found -->
+    </svg>
+  `);
+                    const g = Object.assign(document.createElement("template"), { innerHTML: S }).content.querySelector("svg");
+                    return Array.from(g.attributes).map(({ name: v }) => v).find((v) => {
+                      v.startsWith("on") && g.removeAttribute(v);
+                    }), g.querySelectorAll(["a", "animate", "color-profile", "cursor", "discard", "fedropshadow", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"].join(",")).forEach((v) => {
+                      v.remove();
+                    }), g.setAttribute("data-waves-icon", m), g;
+                  }(f, n);
+                  return Promise.resolve(e);
+                } catch (e) {
+                  return Promise.reject(e);
+                }
+              }).catch(console.error);
+            });
+          })(i).then(h).catch(console.error);
+        }, [i]), (0, t.useEffect)(() => {
+          A(p, `${l || ""}`, a);
+        }, [l, a]), o().createElement("span", { ref: r });
+      };
+    })(), _;
+  })());
+})(N);
+var L = N.exports;
+const R = /* @__PURE__ */ W(L), V = ({ handleOnClose: w, className: b }) => {
+  const x = b != null ? O["dialog__close-icon "] + b : O["dialog__close-icon"];
+  return /* @__PURE__ */ j(
+    P,
     {
-      className: l,
+      className: x,
       "aria-description": "Close dialog",
-      onClick: i,
+      onClick: w,
       "data-testid": "dialog-close-button",
-      children: /* @__PURE__ */ s(r, { icon: "circle-xmark", size: 32, color: "var(--gray-75)" })
+      children: /* @__PURE__ */ j(R, { icon: "fa/duotone/circle-xmark", size: 32, color: "var(--gray-75)" })
     }
   );
 };
 export {
-  d as default
+  V as default
 };

package/dist/components/Dialog/Dialog.d.ts

@@ -1,4 +1,4 @@
-import { default as DialogTitle } from './DialogTitle';
+import { default as DialogTitle } from './Title';
 import { default as Content } from './Content';
 import { default as Actions } from './Actions';
 import { ModalProps } from '@mui/base';
@@ -6,7 +6,7 @@ import { JSXElementConstructor, ReactElement, ReactNode } from 'react';
 
 export type CloseReason = 'backdropClick' | 'escapeKeyDown' | 'closeButtonClick';
 export interface DialogProps extends ModalProps {
-    /** main content */
+    /** main children content */
     children: ReactElement<unknown, string | JSXElementConstructor<unknown>>;
     /** display title label */
     dialogTitle: ReactNode;
@@ -14,8 +14,7 @@ export interface DialogProps extends ModalProps {
     dialogSubtitle?: ReactNode;
     /** if true, show skeleton */
     isLoading?: boolean;
-    /** callback for when close is clicked */
-    onClose?: () => void;
+    onClose: () => void;
 }
 declare const Dialog: ({ children, dialogTitle, dialogSubtitle, isLoading, onClose, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
 export { Dialog, DialogTitle, Content, Actions };