@sps-woodland/core 8.56.2 → 8.56.4

package/lib/growler/sonner.js

@@ -1,106 +1,77 @@
-import * as t from "react";
-import { Button as E } from "@sps-woodland/core/button";
-import { Metadata as v, Spinner as b, Icon as y } from "@sps-woodland/core";
-import { Tokens as u } from "@sps-woodland/tokens";
-import { toast as a, Toaster as C } from "sonner";
-import { GrowlerIcons as x } from "./Growler.js";
-import { growlerArea as O, growler as R, growlerIconBox as B, growlerIcon as A, growlerMessageBox as G, growlerMessageBoxText as N, growlerMessageBoxTitle as T, growlerCloseButton as S } from "./Sonner.ve.js";
-import { useWoodlandLanguage as h } from "@spscommerce/i18n";
-const m = '[data-portalid="sps-growler-display-area"]', w = u.component.growler.area.top;
-function p() {
-  return typeof document > "u" ? 0 : document.querySelector(m)?.getBoundingClientRect().height ?? 0;
+import { GrowlerIcons as e } from "./Growler.js";
+import { growler as t, growlerArea as n, growlerCloseButton as r, growlerIcon as i, growlerIconBox as a, growlerMessageBox as o, growlerMessageBoxText as s, growlerMessageBoxTitle as c } from "./Sonner.ve.js";
+import { Icon as l, Metadata as u, Spinner as d } from "@sps-woodland/core";
+import * as f from "react";
+import { useWoodlandLanguage as p } from "@spscommerce/i18n";
+import { Tokens as m } from "@sps-woodland/tokens";
+import { Button as h } from "@sps-woodland/core/button";
+import { Toaster as g, toast as _ } from "sonner";
+//#region src/growler/sonner.tsx
+var v = "[data-portalid=\"sps-growler-display-area\"]", y = m.component.growler.area.top;
+function b() {
+	return typeof document > "u" ? 0 : document.querySelector(v)?.getBoundingClientRect().height ?? 0;
 }
-function D() {
-  const [o, s] = t.useState(p);
-  return t.useEffect(() => {
-    if (typeof document > "u") return;
-    let e, r = null;
-    const l = () => s(p()), d = (n) => {
-      r !== n && (r = n, e?.disconnect(), e = new ResizeObserver(l), e.observe(n), l());
-    }, f = document.querySelector(m);
-    f && d(f);
-    const g = new MutationObserver(() => {
-      const n = document.querySelector(m);
-      n && d(n);
-    });
-    return g.observe(document.body, { childList: !0 }), () => {
-      e?.disconnect(), g.disconnect();
-    };
-  }, []), o;
+function x() {
+	let [e, t] = f.useState(b);
+	return f.useEffect(() => {
+		if (typeof document > "u") return;
+		let e, n = null, r = () => t(b()), i = (t) => {
+			n !== t && (n = t, e?.disconnect(), e = new ResizeObserver(r), e.observe(t), r());
+		}, a = document.querySelector(v);
+		a && i(a);
+		let o = new MutationObserver(() => {
+			let e = document.querySelector(v);
+			e && i(e);
+		});
+		return o.observe(document.body, { childList: !0 }), () => {
+			e?.disconnect(), o.disconnect();
+		};
+	}, []), e;
 }
-function I() {
-  const o = D();
-  return /* @__PURE__ */ t.createElement(
-    C,
-    {
-      visibleToasts: 10,
-      expand: !0,
-      closeButton: !0,
-      position: "top-right",
-      className: O,
-      offset: {
-        top: o > 0 ? `calc(${w} + ${o}px)` : w
-      },
-      duration: u.component.growler.duration.visible,
-      richColors: !0,
-      toastOptions: {
-        style: {
-          outline: "none"
-        }
-      }
-    }
-  );
+function S() {
+	let e = x();
+	return /* @__PURE__ */ f.createElement(g, {
+		visibleToasts: 10,
+		expand: !0,
+		closeButton: !0,
+		position: "top-right",
+		className: n,
+		offset: { top: e > 0 ? `calc(${y} + ${e}px)` : y },
+		duration: m.component.growler.duration.visible,
+		richColors: !0,
+		toastOptions: { style: { outline: "none" } }
+	});
 }
-v.set(I, { name: "GrowlerEmitter" });
-function M({
-  children: o,
-  kind: s = "info",
-  onCloseButtonClick: e,
-  title: r
-}) {
-  const { t: l } = h();
-  return /* @__PURE__ */ t.createElement("div", { className: R({ kind: s }) }, /* @__PURE__ */ t.createElement("div", { className: B }, s === "progress" ? /* @__PURE__ */ t.createElement(b, null) : /* @__PURE__ */ t.createElement(y, { icon: x[s], className: A })), /* @__PURE__ */ t.createElement("div", { className: G }, /* @__PURE__ */ t.createElement("div", { className: N }, r ? /* @__PURE__ */ t.createElement("span", { className: T }, r) : void 0, /* @__PURE__ */ t.createElement("div", null, o)), /* @__PURE__ */ t.createElement(
-    E,
-    {
-      kind: "icon",
-      icon: "x",
-      title: l("growler.dismiss"),
-      className: S,
-      onClick: e
-    }
-  )));
+u.set(S, { name: "GrowlerEmitter" });
+function C({ children: n, kind: u = "info", onCloseButtonClick: m, title: g }) {
+	let { t: _ } = p();
+	return /* @__PURE__ */ f.createElement("div", { className: t({ kind: u }) }, /* @__PURE__ */ f.createElement("div", { className: a }, u === "progress" ? /* @__PURE__ */ f.createElement(d, null) : /* @__PURE__ */ f.createElement(l, {
+		icon: e[u],
+		className: i
+	})), /* @__PURE__ */ f.createElement("div", { className: o }, /* @__PURE__ */ f.createElement("div", { className: s }, g ? /* @__PURE__ */ f.createElement("span", { className: c }, g) : void 0, /* @__PURE__ */ f.createElement("div", null, n)), /* @__PURE__ */ f.createElement(h, {
+		kind: "icon",
+		icon: "x",
+		title: _("growler.dismiss"),
+		className: r,
+		onClick: m
+	})));
 }
-const i = (o) => (s, e) => a.custom(
-  (r) => /* @__PURE__ */ t.createElement(
-    M,
-    {
-      title: s,
-      kind: o,
-      onCloseButtonClick: () => {
-        a.dismiss(r), e?.onDismiss?.(r);
-      }
-    },
-    typeof e?.description == "function" ? e.description(r) : e?.description
-  ),
-  {
-    // An undefined property will not produce the desired behavior, so it is optionally included
-    ...e?.id ? { id: e.id } : {},
-    duration: e?.autoClose ?? !0 ? u.component.growler.duration.visible : 1 / 0,
-    onDismiss: (r) => {
-      e?.onDismiss?.(r.id);
-    },
-    onAutoClose: (r) => {
-      e?.onAutoClose?.(r.id);
-    }
-  }
-), c = (o, { kind: s, ...e }) => i(s)(o, e);
-c.success = i("success");
-c.error = i("error");
-c.info = i("info");
-c.warning = i("warning");
-c.progress = i("progress");
-c.dismiss = a.dismiss;
-export {
-  I as GrowlerEmitter,
-  c as growl
-};
+var w = (e) => (t, n) => _.custom((r) => /* @__PURE__ */ f.createElement(C, {
+	title: t,
+	kind: e,
+	onCloseButtonClick: () => {
+		_.dismiss(r), n?.onDismiss?.(r);
+	}
+}, typeof n?.description == "function" ? n.description(r) : n?.description), {
+	...n?.id ? { id: n.id } : {},
+	duration: n?.autoClose ?? !0 ? m.component.growler.duration.visible : Infinity,
+	onDismiss: (e) => {
+		n?.onDismiss?.(e.id);
+	},
+	onAutoClose: (e) => {
+		n?.onAutoClose?.(e.id);
+	}
+}), T = (e, { kind: t, ...n }) => w(t)(e, n);
+T.success = w("success"), T.error = w("error"), T.info = w("info"), T.warning = w("warning"), T.progress = w("progress"), T.dismiss = _.dismiss;
+//#endregion
+export { S as GrowlerEmitter, T as growl };

package/lib/growler/style.css

@@ -1 +1,2 @@
-@keyframes pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt450{0%{opacity:1}to{opacity:0}}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt451{border-radius:.25rem;box-shadow:0 0 .3125rem #00000040;display:flex;margin-bottom:1rem;overflow:hidden;width:25rem}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt452{background:#e9e9ea;border:.0625rem #717779ff solid}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt453{background:#007db8;border:.0625rem #007db8ff solid}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt454{background:#91467f;border:.0625rem #91467fff solid}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt455{background:#de002e;border:.0625rem #de002eff solid}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt456{background:#0b8940;border:.0625rem #0b8940ff solid}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt457{background:#e7760b;border:.0625rem #e7760bff solid}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt458{animation-name:pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt450;animation-duration:2s}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt459{opacity:1}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt45a{display:flex;flex-direction:column;position:fixed;right:1.875rem;top:5.625rem;width:25rem}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt45b{align-items:center;display:flex;flex-grow:0;flex-shrink:0;flex-basis:4.375rem;justify-content:center}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt45c{color:#fff;font-size:1.875rem}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt45d{background-color:#fff;padding:1rem 2.625rem 1rem 1rem;position:relative;display:flex;flex-grow:1}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt45e{flex-grow:1;font-size:.875rem;line-height:1.25rem}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt45f{font-weight:600}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt45g{color:#4b5356;overflow-wrap:break-word;width:16.5rem}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_1mxbt45h{position:absolute;right:.5rem;top:.5rem}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_198p00k0{border-radius:.25rem;box-shadow:0 0 .3125rem #00000040;display:flex;overflow:hidden;width:25rem;outline:none}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_198p00k0:focus{outline:none}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_198p00k1{background:#e9e9ea;border:.0625rem #717779ff solid}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_198p00k2{background:#007db8;border:.0625rem #007db8ff solid}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_198p00k3{background:#91467f;border:.0625rem #91467fff solid}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_198p00k4{background:#de002e;border:.0625rem #de002eff solid}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_198p00k5{background:#0b8940;border:.0625rem #0b8940ff solid}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_198p00k6{background:#e7760b;border:.0625rem #e7760bff solid}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_198p00k7{right:1.875rem;width:25rem}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_198p00k8{align-items:center;display:flex;flex-grow:0;flex-shrink:0;flex-basis:4.375rem;justify-content:center}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_198p00k9{color:#fff;font-size:1.875rem}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_198p00ka{background-color:#fff;padding:1rem 2.625rem 1rem 1rem;position:relative;display:flex;flex-grow:1}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_198p00kb{flex-grow:1;font-size:.875rem;line-height:1.25rem}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_198p00kc{font-weight:600}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_198p00kd{color:#4b5356;overflow-wrap:break-word;width:16.5rem}.pkg_sps-woodland_core__family_growler__version_8_56_2__hash_198p00ke{position:absolute;right:.5rem;top:.5rem}
+@keyframes pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt450{0%{opacity:1}to{opacity:0}}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt451{border-radius:.25rem;width:25rem;margin-bottom:1rem;display:flex;overflow:hidden;box-shadow:0 0 .3125rem #00000040}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt452{background:#e9e9ea;border:.0625rem solid #717779}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt453{background:#007db8;border:.0625rem solid #007db8}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt454{background:#91467f;border:.0625rem solid #91467f}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt455{background:#de002e;border:.0625rem solid #de002e}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt456{background:#0b8940;border:.0625rem solid #0b8940}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt457{background:#e7760b;border:.0625rem solid #e7760b}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt458{animation-name:pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt450;animation-duration:2s}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt459{opacity:1}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45a{flex-direction:column;width:25rem;display:flex;position:fixed;top:5.625rem;right:1.875rem}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45b{flex:0 0 4.375rem;justify-content:center;align-items:center;display:flex}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45c{color:#fff;font-size:1.875rem}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45d{background-color:#fff;flex-grow:1;padding:1rem 2.625rem 1rem 1rem;display:flex;position:relative}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45e{flex-grow:1;font-size:.875rem;line-height:1.25rem}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45f{font-weight:600}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45g{color:#4b5356;overflow-wrap:break-word;width:16.5rem}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45h{position:absolute;top:.5rem;right:.5rem}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k0{border-radius:.25rem;outline:none;width:25rem;display:flex;overflow:hidden;box-shadow:0 0 .3125rem #00000040}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k0:focus{outline:none}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k1{background:#e9e9ea;border:.0625rem solid #717779}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k2{background:#007db8;border:.0625rem solid #007db8}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k3{background:#91467f;border:.0625rem solid #91467f}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k4{background:#de002e;border:.0625rem solid #de002e}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k5{background:#0b8940;border:.0625rem solid #0b8940}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k6{background:#e7760b;border:.0625rem solid #e7760b}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k7{width:25rem;right:1.875rem}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k8{flex:0 0 4.375rem;justify-content:center;align-items:center;display:flex}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k9{color:#fff;font-size:1.875rem}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00ka{background-color:#fff;flex-grow:1;padding:1rem 2.625rem 1rem 1rem;display:flex;position:relative}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00kb{flex-grow:1;font-size:.875rem;line-height:1.25rem}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00kc{font-weight:600}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00kd{color:#4b5356;overflow-wrap:break-word;width:16.5rem}.pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00ke{position:absolute;top:.5rem;right:.5rem}
+/*$vite$:1*/