@iress-oss/ids-components 5.14.2 → 5.15.2

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { ac as m } from "../../../LoadingSuspense-CbdTDOzY.js";
+import { a5 as m } from "../../../LoadingSuspense-BMFBqvXJ.js";
 import "../../Icon/Icon.types.js";
 export {
   m as ToastIcon

package/dist/components/Toaster/Toaster.js

@@ -2,10 +2,10 @@ import "react/jsx-runtime";
 import "react";
 import "./Toaster.types.js";
 import "../../index-2QXL0WYc.js";
-import { ae as f } from "../../LoadingSuspense-CbdTDOzY.js";
+import { a7 as f } from "../../LoadingSuspense-BMFBqvXJ.js";
 import "../../enums.js";
 import "../Stack/Stack.js";
-import "../../floating-ui.react-DfZ-vbiG.js";
+import "../../floating-ui.react-nmA48tb2.js";
 export {
   f as IressToaster
 };

package/dist/components/Toaster/ToasterProvider.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { O as s, N as a } from "../../LoadingSuspense-CbdTDOzY.js";
+import { O as s, N as a } from "../../LoadingSuspense-BMFBqvXJ.js";
 export {
   s as IressToasterProvider,
   a as ToasterContext

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

@@ -1,5 +1,26 @@
-import "react";
-import { P as s } from "../../../LoadingSuspense-CbdTDOzY.js";
+import { useContext as u, useEffect as a, useMemo as c } from "react";
+import { N as f } from "../../../LoadingSuspense-BMFBqvXJ.js";
+const w = (e) => {
+  const r = u(f);
+  if (r === void 0)
+    throw new Error("useToaster must be used within a IressToasterProvider");
+  const { show: t, setOptions: i, options: o, animateOut: n } = r;
+  return a(() => {
+    e && i({
+      ...o,
+      position: e ?? o.position
+    });
+  }, [e]), c(
+    () => ({
+      success: (s) => t({ ...s, status: "success" }),
+      error: (s) => t({ ...s, status: "error" }),
+      info: (s) => t({ ...s, status: "info" }),
+      close: n,
+      options: o
+    }),
+    [n, o, t]
+  );
+};
 export {
-  s as useToaster
+  w as useToaster
 };

package/dist/components/Toaster/index.js

@@ -1,16 +1,17 @@
-import { TOAST_ANIMATION as o, TOAST_STATUS as r } from "./Toast/Toast.types.js";
-import { TOASTER_ARIA_ATTRIBUTES as I, TOASTER_POSITION as e, TOAST_POSITION_ANIMATION_MATRIX as t, ToasterPosition as O } from "./Toaster.types.js";
-import { M as S, O as _, T as N, N as P, P as R } from "../../LoadingSuspense-CbdTDOzY.js";
+import { TOAST_ANIMATION as r, TOAST_STATUS as s } from "./Toast/Toast.types.js";
+import { TOASTER_ARIA_ATTRIBUTES as e, TOASTER_POSITION as t, TOAST_POSITION_ANIMATION_MATRIX as I, ToasterPosition as O } from "./Toaster.types.js";
+import { M as S, O as _, T as N, N as x } from "../../LoadingSuspense-BMFBqvXJ.js";
+import { useToaster as f } from "./hooks/useToaster.js";
 export {
   S as IressToast,
   _ as IressToasterProvider,
-  I as TOASTER_ARIA_ATTRIBUTES,
-  e as TOASTER_POSITION,
-  o as TOAST_ANIMATION,
-  t as TOAST_POSITION_ANIMATION_MATRIX,
-  r as TOAST_STATUS,
+  e as TOASTER_ARIA_ATTRIBUTES,
+  t as TOASTER_POSITION,
+  r as TOAST_ANIMATION,
+  I as TOAST_POSITION_ANIMATION_MATRIX,
+  s as TOAST_STATUS,
   N as Toast,
-  P as ToasterContext,
+  x as ToasterContext,
   O as ToasterPosition,
-  R as useToaster
+  f as useToaster
 };

package/dist/components/Toggle/Toggle.js

@@ -7,7 +7,7 @@ import "../CheckboxMark/CheckboxMark.types.js";
 import { IressCheckboxMark as N } from "../CheckboxMark/CheckboxMark.js";
 import { ButtonCssClass as T } from "../Button/Button.types.js";
 import { ToggleLayout as w } from "./Toggle.types.js";
-const L = "ids-toggle--toggle-base-v5142", M = "ids-toggle--checkbox-mark-v5142", S = "ids-toggle--toggle-button-v5142", j = "ids-toggle--button-checked-v5142", R = "ids-toggle--toggle-button-container-v5142", $ = "ids-toggle--label-v5142", E = "ids-toggle--layout__inline-v5142", G = "ids-toggle--layout__stack-v5142", t = {
+const L = "ids-toggle--toggle-base-v5151", M = "ids-toggle--checkbox-mark-v5151", S = "ids-toggle--toggle-button-v5151", j = "ids-toggle--button-checked-v5151", R = "ids-toggle--toggle-button-container-v5151", $ = "ids-toggle--label-v5151", E = "ids-toggle--layout__inline-v5151", G = "ids-toggle--layout__stack-v5151", t = {
   toggleBase: L,
   checkboxMark: M,
   toggleButton: S,
@@ -15,8 +15,8 @@ const L = "ids-toggle--toggle-base-v5142", M = "ids-toggle--checkbox-mark-v5142"
   toggleButtonContainer: R,
   label: $,
   layout__inline: E,
-  "layout__inline-reverse": "ids-toggle--layout__inline-reverse-v5142",
-  "layout__inline-between": "ids-toggle--layout__inline-between-v5142",
+  "layout__inline-reverse": "ids-toggle--layout__inline-reverse-v5151",
+  "layout__inline-between": "ids-toggle--layout__inline-between-v5151",
   layout__stack: G
 }, O = ({
   hiddenLabel: o,

package/dist/components/Tooltip/Tooltip.js

@@ -1,36 +1,36 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { jsxs as f, jsx as a } from "react/jsx-runtime";
 import { useState as P, useEffect as R, Fragment as S } from "react";
 import { c as j } from "../../index-2QXL0WYc.js";
-import { d as E, o as H, b as L, f as M, s as B, t as D, v as G, g as U, h as W, i as k } from "../../floating-ui.react-DfZ-vbiG.js";
-import { FloatingUIAlign as q } from "../../enums.js";
+import { i as E, o as H, p as L, h as M, q as k, r as q, t as B, k as D, l as G, m as U } from "../../floating-ui.react-nmA48tb2.js";
+import { FloatingUIAlign as W } from "../../enums.js";
 import { propagateTestid as m } from "../../helpers/utility/propagateTestid.js";
 import { toArray as z } from "../../helpers/formatting/toArray.js";
 import { idsLogger as J } from "../../helpers/utility/idsLogger.js";
 import { focusableElements as K } from "../../helpers/dom/focusableElements.js";
-const Q = "ids-tooltip-v5142", V = "ids-tooltip--content-v5142", r = {
+const Q = "ids-tooltip-v5151", V = "ids-tooltip--content-v5151", r = {
   tooltip: Q,
   content: V
 }, X = ({
   children: o,
   className: u,
   align: n = "top",
-  delay: d = 500,
-  open: h = !1,
+  delay: h = 500,
+  open: d = !1,
   tooltipText: g,
   "data-testid": s,
   ...v
 }) => {
   const F = {
     [r.tooltip]: !0
-  }, I = j(u, F), i = n === "auto", [c, b] = P(h), { refs: t, floatingStyles: A, context: e } = E({
+  }, I = j(u, F), i = n === "auto", [c, A] = P(d), { refs: t, floatingStyles: b, context: e } = E({
     placement: i ? void 0 : n,
     open: c,
-    onOpenChange: b,
-    middleware: [H(5), i ? L() : M(), B()]
-  }), x = D(e, {
+    onOpenChange: A,
+    middleware: [H(5), i ? L() : M(), k()]
+  }), x = q(e, {
     move: !1,
-    delay: { open: d, close: 500 }
-  }), y = G(e), C = U(e), T = W(e, { role: "tooltip" }), { getReferenceProps: w, getFloatingProps: N } = k([
+    delay: { open: h, close: 500 }
+  }), y = B(e), C = D(e), T = G(e, { role: "tooltip" }), { getReferenceProps: w, getFloatingProps: N } = U([
     x,
     y,
     C,
@@ -44,7 +44,7 @@ const Q = "ids-tooltip-v5142", V = "ids-tooltip--content-v5142", r = {
             To fix this warning, change the activator to either IressButton, IressMenuItem or another focusable component.`,
       "warn"
     );
-  }, [o, t.reference]), /* @__PURE__ */ p("div", { className: I, ...v, "data-testid": s, children: [
+  }, [o, t.reference]), /* @__PURE__ */ f("div", { className: I, ...v, "data-testid": s, children: [
     /* @__PURE__ */ a(
       "div",
       {
@@ -59,19 +59,19 @@ const Q = "ids-tooltip-v5142", V = "ids-tooltip--content-v5142", r = {
       "div",
       {
         className: r.content,
-        style: A,
+        style: b,
         "data-testid": m(s, "tooltip-text"),
         ref: t.setFloating,
         ...N(),
-        children: z(g).map((l, f, O) => /* @__PURE__ */ p(S, { children: [
+        children: z(g).map((l, p, O) => /* @__PURE__ */ f(S, { children: [
           l,
-          f < O.length - 1 && /* @__PURE__ */ a("br", {})
-        ] }, f))
+          p < O.length - 1 && /* @__PURE__ */ a("br", {})
+        ] }, p))
       }
     )
   ] });
 };
-X.Align = q;
+X.Align = W;
 export {
   X as IressTooltip
 };

package/dist/components/ValidationMessage/ValidationBase/ValidationBase.js

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import { c as r } from "../../../index-2QXL0WYc.js";
 import { capitalizeFirstLetter as g } from "../../../helpers/formatting/capitalizeFirstLetter.js";
 import { GlobalCSSClass as m } from "../../../enums.js";
-const v = "ids-validation-message-v5142", f = "ids-validation-message--prefix-v5142", x = "ids-validation-message--message-v5142", p = "ids-validation-message--danger-v5142", u = "ids-validation-message--warning-v5142", N = "ids-validation-message--success-v5142", w = "ids-validation-message--info-v5142", e = {
+const v = "ids-validation-message-v5151", f = "ids-validation-message--prefix-v5151", x = "ids-validation-message--message-v5151", p = "ids-validation-message--danger-v5151", u = "ids-validation-message--warning-v5151", N = "ids-validation-message--success-v5151", w = "ids-validation-message--info-v5151", e = {
   validationMessage: v,
   prefix: f,
   message: x,

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

@@ -5,7 +5,7 @@ import { IressValidationMessage as p } from "../ValidationMessage.js";
 import "react";
 import { useIdIfNeeded as c } from "../../../hooks/useIdIfNeeded.js";
 import { IressValidationLink as y } from "../ValidationLink/ValidationLink.js";
-const v = "ids-validation-summary-v5142", I = {
+const v = "ids-validation-summary-v5151", I = {
   validationSummary: v
 }, S = ({
   children: a,

package/dist/constants.js

@@ -1,4 +1,4 @@
-const t = "5.14.2", e = {
+const t = "5.15.1", e = {
   /**
    * Extra small breakpoint, for mobile devices
    */
@@ -140,35 +140,35 @@ const t = "5.14.2", e = {
   "small",
   "cite",
   "caption"
-], I = ["top", "middle", "bottom", "stretch"], _ = {
+], T = ["top", "middle", "bottom", "stretch"], I = {
   /**
    * The default z-index used for most elements. Can be combined with raised and floating elevations.
    */
-  "000": 0,
+  DEFAULT: 0,
   /**
    * Used for IressNavbar. Can be combined with overflow elevation.
    */
-  100: 100,
+  NAVBAR: 100,
   /**
    * Used for IressPopover. Can be combined with floating elevation.
    */
-  200: 200,
+  POPOVER: 200,
   /**
    * Used for IressSlideout. Can be combined with floating elevation.
    */
-  300: 300,
+  SLIDEOUT: 300,
   /**
    * Used for IressModal. Can be combined with floating elevation.
    */
-  400: 400,
+  MODAL: 400,
   /**
    * Used for IressToast. Can be combined with floating elevation.
    */
-  500: 500,
+  TOAST: 500,
   /**
    * Used for IressTooltip. Can be combined with floating elevation.
    */
-  600: 600
+  TOOLTIP: 600
 };
 export {
   n as BREAKPOINTS,
@@ -188,6 +188,6 @@ export {
   E as TEXT_ALIGNS,
   W as TEXT_MODES,
   l as TEXT_VARIANTS,
-  I as VERTICAL_ALIGNS,
-  _ as Z_INDEX
+  T as VERTICAL_ALIGNS,
+  I as Z_INDEX
 };

package/dist/{floating-ui.react-DfZ-vbiG.js → floating-ui.react-nmA48tb2.js}

@@ -3437,27 +3437,27 @@ export {
   pi as C,
   bi as F,
   gi as a,
-  mi as b,
-  di as c,
-  Ii as d,
-  Ei as e,
-  fi as f,
-  Ci as g,
-  Mi as h,
-  Oi as i,
+  et as b,
+  hi as c,
+  vi as d,
+  xi as e,
+  Lo as f,
+  wi as g,
+  fi as h,
+  Ii as i,
   ui as j,
-  et as k,
-  hi as l,
-  vi as m,
-  xi as n,
+  Ci as k,
+  Mi as l,
+  Oi as m,
+  Ai as n,
   li as o,
-  Lo as p,
-  wi as q,
-  Ai as r,
-  ai as s,
-  yi as t,
+  mi as p,
+  ai as q,
+  yi as r,
+  di as s,
+  Ti as t,
   Fo as u,
-  Ti as v,
+  Ei as v,
   Pi as w,
   Ri as x
 };

package/dist/helpers/dom/domUtils.js

@@ -0,0 +1,12 @@
+const o = (s, t) => {
+  if (!s || !("closest" in s) || typeof s.closest != "function")
+    return null;
+  try {
+    return s.closest(t);
+  } catch {
+    return null;
+  }
+};
+export {
+  o as safeClosest
+};

package/dist/helpers/formatting/formatDateTime.js

@@ -1,25 +1,30 @@
-import { getDateObj as m, formatShortDate as f } from "./formatDate.js";
+import { getDateObj as c, formatShortDate as f } from "./formatDate.js";
 const g = (o) => {
   var r;
-  const t = m(o);
+  const t = c(o);
   if (!t.getDate()) return "";
-  const c = t.toLocaleString("default", {
-    year: "numeric"
+  const m = t.toLocaleString("default", {
+    year: "numeric",
+    timeZone: "UTC"
   }), n = t.toLocaleString("default", {
-    month: "2-digit"
-  }), a = t.toLocaleString("default", {
-    day: "2-digit"
+    month: "2-digit",
+    timeZone: "UTC"
   }), i = t.toLocaleString("default", {
+    day: "2-digit",
+    timeZone: "UTC"
+  }), a = t.toLocaleString("default", {
     timeStyle: "medium",
-    hour12: !1
+    hour12: !1,
+    timeZone: "UTC"
   });
   let e = (r = t.toLocaleDateString("default", {
     day: "2-digit",
-    timeZoneName: "long"
+    timeZoneName: "long",
+    timeZone: "UTC"
   }).substring(4).match(/\b(\w)/g)) == null ? void 0 : r.join("");
-  return e === "CUT" && (e = "UTC"), `${c}-${n}-${a} ${i} (${e})`;
+  return e === "CUT" && (e = "UTC"), `${m}-${n}-${i} ${a} (${e})`;
 }, y = (o, t = "week") => {
-  const c = m(o).getTime(), n = Math.round((c - Date.now()) / 1e3), a = [
+  const m = c(o).getTime(), n = Math.round((m - Date.now()) / 1e3), i = [
     60,
     3600,
     86400,
@@ -27,7 +32,7 @@ const g = (o) => {
     86400 * 30,
     86400 * 365,
     1 / 0
-  ], i = [
+  ], a = [
     "second",
     "minute",
     "hour",
@@ -35,13 +40,13 @@ const g = (o) => {
     "week",
     "month",
     "year"
-  ], e = a.findIndex(
+  ], e = i.findIndex(
     (s) => s > Math.abs(n)
   );
-  if (e > 0 && t && e >= i.indexOf(t))
+  if (e > 0 && t && e >= a.indexOf(t))
     return f(o);
-  const r = e ? a[e - 1] : 1;
-  return new Intl.RelativeTimeFormat("default", { numeric: "auto" }).format(Math.floor(n / r), i[e]);
+  const r = e ? i[e - 1] : 1;
+  return new Intl.RelativeTimeFormat("default", { numeric: "auto" }).format(Math.floor(n / r), a[e]);
 };
 export {
   g as formatISODateTime,