@iress-oss/ids-components 6.0.0-alpha.0 → 6.0.0-alpha.1

package/dist/components/Toaster/components/Toast/ToastAnimated.js

@@ -1,51 +1,50 @@
-import { jsx as x } from "react/jsx-runtime";
-import { useState as S, useRef as F, useEffect as c } from "react";
-import { getTransitionDuration as O } from "../../../../helpers/transition/getTransitionDuration.js";
-import { u as R, e as T } from "../../../../floating-ui.react-CPN4oQCc.js";
-import { toast as h } from "./Toast.styles.js";
-import { c as j } from "../../../../cx-DN21T1EH.js";
-import { Toast as A } from "./Toast.js";
-const v = ({
+import { jsx as T } from "react/jsx-runtime";
+import { useState as x, useRef as S, useEffect as f } from "react";
+import { getTransitionDuration as C } from "../../../../helpers/transition/getTransitionDuration.js";
+import { u as F, e as O } from "../../../../floating-ui.react-CmSaAiNF.js";
+import { toast as R } from "./Toast.styles.js";
+import { c as h } from "../../../../cx-DN21T1EH.js";
+import { Toast as j } from "./Toast.js";
+const q = ({
   animation: u,
-  className: m,
-  onClose: n,
-  onTimeout: s,
-  timeout: o = 6e3,
-  ...p
+  className: c,
+  onClose: m,
+  onTimeout: a,
+  timeout: s = 6e3,
+  ...l
 }) => {
-  const [l, f] = S(!0), a = F(240), { context: e } = R({
-    open: l,
-    onOpenChange: f
-  }), { isMounted: d, status: r } = T(e, {
-    duration: a.current
+  const [p, r] = x(!0), o = S(240), { context: t } = F({
+    open: p,
+    onOpenChange: r
+  }), { isMounted: d, status: e } = O(t, {
+    duration: o.current
   });
-  if (c(() => {
-    o && setTimeout(() => {
-      f(!1), setTimeout(() => s == null ? void 0 : s(), a.current);
-    }, o);
-  }, [s, o]), c(() => {
-    var t;
-    r === "initial" && (a.current = O(
-      e.refs.floating.current
-    )), r === "open" && ((t = e.refs.floating.current) == null || t.focus());
-  }, [r, e.refs.floating]), !d) return !1;
-  const i = r === "close" ? "closed" : r, g = h({
+  if (f(() => {
+    s && setTimeout(() => {
+      r(!1), setTimeout(() => a?.(), o.current);
+    }, s);
+  }, [a, s]), f(() => {
+    e === "initial" && (o.current = C(
+      t.refs.floating.current
+    )), e === "open" && t.refs.floating.current?.focus();
+  }, [e, t.refs.floating]), !d) return !1;
+  const i = e === "close" ? "closed" : e, g = R({
     animation: u ?? "fade",
     transitionState: i
   });
-  return /* @__PURE__ */ x(
-    A,
+  return /* @__PURE__ */ T(
+    j,
     {
-      ...p,
-      className: j(m, g.root),
+      ...l,
+      className: h(c, g.root),
       "data-state": i,
-      onClose: (t) => {
-        f(!1), setTimeout(() => n == null ? void 0 : n(t), a.current);
+      onClose: (n) => {
+        r(!1), setTimeout(() => m?.(n), o.current);
       },
-      ref: (t) => e.refs.setFloating(t)
+      ref: (n) => t.refs.setFloating(n)
     }
   );
 };
 export {
-  v as ToastAnimated
+  q as ToastAnimated
 };

package/dist/components/Toaster/hooks/useToaster.js

@@ -1,37 +1,39 @@
-import { useContext as f, useCallback as u, useMemo as a } from "react";
-import { T as h } from "../../../ToasterProvider-XqpAGfRs.js";
-import { getToaster as w } from "../helpers/toasterRegister.js";
-const l = (o) => {
-  const s = f(h);
-  if (s === void 0)
+import { createContext as w, useContext as i, useCallback as a, useMemo as T } from "react";
+import { getToaster as f } from "../helpers/toasterRegister.js";
+const h = w(
+  void 0
+), n = (o) => typeof o != "string" ? o : { content: o }, l = (o) => {
+  const t = i(h);
+  if (t === void 0)
     throw new Error("useToaster must be used within a IressToasterProvider");
-  const t = u(
-    (r, e) => {
-      const n = o ? w(o) : s;
-      if (!n && o)
+  const e = a(
+    (r, s) => {
+      const u = o ? f(o) : t;
+      if (!u && o)
         throw new Error(`Toaster with id "${o}" not found.`);
-      return (n == null ? void 0 : n.show(r, e)) ?? "";
+      return u?.show(r, s) ?? "";
     },
-    [s, o]
-  ), c = u(
+    [t, o]
+  ), c = a(
     (r) => {
-      const e = o ? w(o) : s;
-      if (!e && o)
+      const s = o ? f(o) : t;
+      if (!s && o)
         throw new Error(`Toaster with id "${o}" not found.`);
-      e == null || e.close(r);
+      s?.close(r);
     },
-    [s, o]
+    [t, o]
   );
-  return a(
+  return T(
     () => ({
-      success: (r) => t("success", r),
-      error: (r) => t("error", r),
-      info: (r) => t("info", r),
+      success: (r) => e("success", n(r)),
+      error: (r) => e("error", n(r)),
+      info: (r) => e("info", n(r)),
       close: c
     }),
-    [c, t]
+    [c, e]
   );
 };
 export {
+  h as ToasterContext,
   l as useToaster
 };

package/dist/components/Toaster/index.js

@@ -1,10 +1,11 @@
-import { I as e } from "../../ToasterProvider-XqpAGfRs.js";
-import { useToaster as s } from "./hooks/useToaster.js";
+import { IressToasterProvider as t } from "./ToasterProvider.js";
+import { ToasterContext as s, useToaster as a } from "./hooks/useToaster.js";
 import { toaster as f } from "./Toaster.styles.js";
 import { toast as p } from "./components/Toast/Toast.styles.js";
 export {
-  e as IressToasterProvider,
+  t as IressToasterProvider,
+  s as ToasterContext,
   p as toast,
   f as toaster,
-  s as useToaster
+  a as useToaster
 };

package/dist/components/Toggle/Toggle.js

@@ -1,82 +1,82 @@
-import { jsxs as N, jsx as o } from "react/jsx-runtime";
-import { useState as S, useRef as y, useId as B, useEffect as g } from "react";
+import { jsxs as v, jsx as a } from "react/jsx-runtime";
+import { useState as N, useRef as S, useId as y, useEffect as f } from "react";
 import { propagateTestid as p } from "../../helpers/utility/propagateTestid.js";
-import { IressCheckboxMark as L } from "../CheckboxMark/CheckboxMark.js";
+import { IressCheckboxMark as B } from "../CheckboxMark/CheckboxMark.js";
 import "../CheckboxMark/CheckboxMark.styles.js";
-import { toggle as k } from "./Toggle.styles.js";
-import { c as u } from "../../cva-B2x59Dph.js";
+import { toggle as h } from "./Toggle.styles.js";
+import { c as u } from "../../css-fGu_jDvv.js";
 import { c as b } from "../../cx-DN21T1EH.js";
-import { GlobalCSSClass as T } from "../../enums.js";
-import { s as _ } from "../../factory-DHLOr79I.js";
-const j = ({
-  hiddenLabel: s,
+import { GlobalCSSClass as L } from "../../enums.js";
+import { s as T } from "../../factory-oPXoMw9H.js";
+const _ = ({
+  hiddenLabel: e,
   layout: c,
   children: i,
-  "data-testid": r,
+  "data-testid": o,
   ...n
 }) => {
-  const t = k({ hiddenLabel: s, layout: c });
-  return /* @__PURE__ */ o(
+  const r = h({ hiddenLabel: e, layout: c });
+  return /* @__PURE__ */ a(
     "span",
     {
       ...n,
-      className: t.label,
-      "data-testid": p(r, "label"),
+      className: r.label,
+      "data-testid": p(o, "label"),
       children: i
     }
   );
 }, D = ({
-  checked: s = !1,
+  checked: e = !1,
   hiddenLabel: c,
   children: i,
-  layout: r = "inline",
+  layout: o = "inline",
   className: n,
-  onChange: t,
+  onChange: r,
   "data-testid": d,
-  ...x
+  ...k
 }) => {
-  const [e, m] = S(s), a = y(null), f = `toggleLabel--${B()}`, I = {
+  const [t, m] = N(e), s = S(null), g = `toggleLabel--${y()}`, x = {
     hiddenLabel: c,
-    id: f,
+    id: g,
     "data-testid": d
-  }, h = (v) => {
-    m(!e), t == null || t(!e, v);
+  }, C = (I) => {
+    m(!t), r?.(!t, I);
   };
-  g(() => {
-    m(s);
-  }, [s, t]), g(() => {
-    a.current && (a.current.classList.remove(
+  f(() => {
+    m(e);
+  }, [e, r]), f(() => {
+    s.current && (s.current.classList.remove(
       u({ _before: { animationStyle: "toggle-active" } })
-    ), a.current.offsetHeight, a.current.classList.add(
+    ), s.current.offsetHeight, s.current.classList.add(
       u({ _before: { animationStyle: "toggle-active" } })
     ));
-  }, [e]);
-  const l = k({ layout: r, checked: e });
-  return /* @__PURE__ */ N(
-    _.div,
+  }, [t]);
+  const l = h({ layout: o, checked: t });
+  return /* @__PURE__ */ v(
+    T.div,
     {
       "data-testid": d,
-      ...x,
-      className: b(n, l.toggleBase, T.Toggle),
+      ...k,
+      className: b(n, l.toggleBase, L.Toggle),
       children: [
-        /* @__PURE__ */ o(j, { ...I, layout: r, children: i }),
-        /* @__PURE__ */ o("div", { className: l.toggleButtonContainer, children: /* @__PURE__ */ o(
+        /* @__PURE__ */ a(_, { ...x, layout: o, children: i }),
+        /* @__PURE__ */ a("div", { className: l.toggleButtonContainer, children: /* @__PURE__ */ a(
           "button",
           {
             className: b(l.toggleButton),
             role: "switch",
             type: "button",
-            "aria-checked": e,
-            onClick: h,
-            "aria-labelledby": f,
+            "aria-checked": t,
+            onClick: C,
+            "aria-labelledby": g,
             "data-testid": p(d, "button__button"),
-            ref: a,
-            children: /* @__PURE__ */ o(
-              L,
+            ref: s,
+            children: /* @__PURE__ */ a(
+              B,
               {
                 className: l.checkboxMark,
                 bg: "transparent",
-                checked: e,
+                checked: t,
                 size: "sm"
               }
             )

package/dist/components/Toggle/Toggle.styles.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../sva-TRyehFkb.js";
+import { s as e } from "../../sva-OmxClA9g.js";
 const t = e({
   slots: [
     "toggleBase",

package/dist/components/Tooltip/Tooltip.js

@@ -1,13 +1,13 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import { useState as w, useEffect as j, Fragment as N } from "react";
 import { c as O } from "../../cx-DN21T1EH.js";
-import { u as P, o as R, i as E, j as G, s as H, k as L, l as k, b as B, c as D, d as M } from "../../floating-ui.react-CPN4oQCc.js";
+import { u as P, o as R, i as E, j as G, s as H, k as L, l as k, b as B, c as D, d as M } from "../../floating-ui.react-CmSaAiNF.js";
 import { propagateTestid as p } from "../../helpers/utility/propagateTestid.js";
 import { toArray as W } from "../../helpers/formatting/toArray.js";
 import { idsLogger as q } from "../../helpers/utility/idsLogger.js";
 import { focusableElements as z } from "../../helpers/dom/focusableElements.js";
 import { tooltip as J } from "./Tooltip.styles.js";
-import { s as K } from "../../factory-DHLOr79I.js";
+import { s as K } from "../../factory-oPXoMw9H.js";
 import { GlobalCSSClass as Q } from "../../enums.js";
 const re = ({
   children: o,

package/dist/components/Tooltip/Tooltip.styles.js

@@ -1,4 +1,4 @@
-import { s as o } from "../../sva-TRyehFkb.js";
+import { s as o } from "../../sva-OmxClA9g.js";
 const a = o({
   slots: ["root", "activator", "content"],
   base: {

package/dist/components/ValidationMessage/ValidationMessage.js

@@ -1,43 +1,42 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { capitalizeFirstLetter as u } from "../../helpers/formatting/capitalizeFirstLetter.js";
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { capitalizeFirstLetter as f } from "../../helpers/formatting/capitalizeFirstLetter.js";
 import { c as p } from "../../cx-DN21T1EH.js";
-import { IressText as x } from "../Text/Text.js";
-import { s as m } from "../../factory-DHLOr79I.js";
-import { GlobalCSSClass as y } from "../../enums.js";
-import { isValidFormInputElement as b } from "../../helpers/form/isValidFormInputElement.js";
-const v = ({
-  prefix: t,
-  status: r = "danger"
-}) => t || `${r === "danger" ? "Error" : u(r)}: `, j = ({
-  children: t,
-  className: r,
+import { IressText as u } from "../Text/Text.js";
+import { s as l } from "../../factory-oPXoMw9H.js";
+import { GlobalCSSClass as x } from "../../enums.js";
+import { isValidFormInputElement as y } from "../../helpers/form/isValidFormInputElement.js";
+const b = ({
+  prefix: r,
+  status: i = "danger"
+}) => r || `${i === "danger" ? "Error" : f(i)}: `, $ = ({
+  children: r,
+  className: i,
   linkToTarget: e,
-  prefix: d,
-  status: s = "danger",
-  visiblePrefix: c = !1,
+  prefix: m,
+  status: o = "danger",
+  visiblePrefix: d = !1,
   ...n
-}) => /* @__PURE__ */ f(
-  x,
+}) => /* @__PURE__ */ c(
+  u,
   {
-    color: `colour.system.${s}.text`,
+    color: `colour.system.${o}.text`,
     display: "block",
     ...n,
     element: e ? "a" : "div",
     href: e ? `#${e}` : void 0,
     onClick: (a) => {
-      var l;
-      if ((l = n.onClick) == null || l.call(n, a), !e)
+      if (n.onClick?.(a), !e)
         return;
-      const i = document.getElementById(e);
-      i && (a.preventDefault(), b(i) ? i.focus() : (i.setAttribute("tabIndex", "-1"), i.focus(), i.removeAttribute("tabIndex")));
+      const t = document.getElementById(e);
+      t && (a.preventDefault(), y(t) ? t.focus() : (t.setAttribute("tabIndex", "-1"), t.focus(), t.removeAttribute("tabIndex")));
     },
-    className: p(r, y.ValidationMessage),
+    className: p(i, x.ValidationMessage),
     children: [
-      /* @__PURE__ */ o(m.div, { srOnly: !c, display: "inline", pe: "spacing.100", children: /* @__PURE__ */ o(v, { prefix: d, status: s }) }),
-      /* @__PURE__ */ o(m.div, { display: "inline", children: t })
+      /* @__PURE__ */ s(l.div, { srOnly: !d, display: "inline", pe: "spacing.100", children: /* @__PURE__ */ s(b, { prefix: m, status: o }) }),
+      /* @__PURE__ */ s(l.div, { display: "inline", children: r })
     ]
   }
 );
 export {
-  j as IressValidationMessage
+  $ as IressValidationMessage
 };

package/dist/components/ValidationMessage/ValidationSummary/ValidationSummary.js

@@ -3,7 +3,7 @@ import { propagateTestid as p } from "../../../helpers/utility/propagateTestid.j
 import { IressValidationMessage as c } from "../ValidationMessage.js";
 import "react";
 import { useIdIfNeeded as g } from "../../../hooks/useIdIfNeeded.js";
-import { s as e } from "../../../factory-DHLOr79I.js";
+import { s as e } from "../../../factory-oPXoMw9H.js";
 import { c as S } from "../../../cx-DN21T1EH.js";
 import { GlobalCSSClass as h } from "../../../enums.js";
 const N = ({