@iress-oss/ids-components 5.20.8 → 5.20.9

package/dist/components/Tooltip/Tooltip.js

@@ -1,77 +1,2 @@
-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-cbHCAGLB.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-DfIjfJIq.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-v5208", V = "ids-tooltip--content-v5208", r = {
-  tooltip: Q,
-  content: V
-}, X = ({
-  children: o,
-  className: u,
-  align: n = "top",
-  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, A] = P(d), { refs: t, floatingStyles: b, context: e } = E({
-    placement: i ? void 0 : n,
-    open: c,
-    onOpenChange: A,
-    middleware: [H(5), i ? L() : M(), k()]
-  }), x = q(e, {
-    move: !1,
-    delay: { open: h, close: 500 }
-  }), y = B(e), C = D(e), T = G(e, { role: "tooltip" }), { getReferenceProps: w, getFloatingProps: N } = U([
-    x,
-    y,
-    C,
-    T
-  ]);
-  return R(() => {
-    if (!o || !t.reference.current) return;
-    K(t.reference.current).length > 0 || J(
-      `IressTooltip: The content that activates the tooltip is not focusable,
-            which is a failure of WCAG Level AA Success Criterion 1.4.13 - Content on Hover or Focus.
-            To fix this warning, change the activator to either IressButton, IressMenuItem or another focusable component.`,
-      "warn"
-    );
-  }, [o, t.reference]), /* @__PURE__ */ f("div", { className: I, ...v, "data-testid": s, children: [
-    /* @__PURE__ */ a(
-      "div",
-      {
-        className: r.activator,
-        "data-testid": m(s, "activator"),
-        ref: t.setReference,
-        ...w(),
-        children: o
-      }
-    ),
-    c && /* @__PURE__ */ a(
-      "div",
-      {
-        className: r.content,
-        style: b,
-        "data-testid": m(s, "tooltip-text"),
-        ref: t.setFloating,
-        ...N(),
-        children: z(g).map((l, p, O) => /* @__PURE__ */ f(S, { children: [
-          l,
-          p < O.length - 1 && /* @__PURE__ */ a("br", {})
-        ] }, p))
-      }
-    )
-  ] });
-};
-X.Align = W;
-export {
-  X as IressTooltip
-};
+import { t as e } from "../../Tooltip-BxM_1Wtq.js";
+export { e as IressTooltip };

package/dist/components/Tooltip/Tooltip.types.js

@@ -1 +0,0 @@
-

package/dist/components/Tooltip/index.js

@@ -1,4 +1,2 @@
-import { IressTooltip as e } from "./Tooltip.js";
-export {
-  e as IressTooltip
-};
+import { t as e } from "../../Tooltip-BxM_1Wtq.js";
+export { e as IressTooltip };

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

@@ -1,51 +1,2 @@
-import { jsxs as l, jsx as n } from "react/jsx-runtime";
-import { c as r } from "../../../index-cbHCAGLB.js";
-import { capitalizeFirstLetter as g } from "../../../helpers/formatting/capitalizeFirstLetter.js";
-import { GlobalCSSClass as m } from "../../../enums.js";
-const v = "ids-validation-message-v5208", f = "ids-validation-message--prefix-v5208", x = "ids-validation-message--message-v5208", p = "ids-validation-message--danger-v5208", u = "ids-validation-message--warning-v5208", N = "ids-validation-message--success-v5208", w = "ids-validation-message--info-v5208", e = {
-  validationMessage: v,
-  prefix: f,
-  message: x,
-  danger: p,
-  warning: u,
-  success: N,
-  info: w
-}, M = ({
-  prefix: s,
-  status: a = "danger"
-}) => s || `${a === "danger" ? "Error" : g(a)}: `, y = ({
-  as: s = "div",
-  children: a,
-  className: o,
-  prefix: t,
-  status: i = "danger",
-  visiblePrefix: d,
-  ...c
-}) => /* @__PURE__ */ l(
-  s,
-  {
-    ...c,
-    className: r(
-      o,
-      e.validationMessage,
-      e[i],
-      "iress-u-text",
-      `iress--${i}`
-    ),
-    children: [
-      /* @__PURE__ */ n(
-        "div",
-        {
-          className: r(e.prefix, {
-            [m.SROnly]: !d
-          }),
-          children: /* @__PURE__ */ n(M, { prefix: t, status: i })
-        }
-      ),
-      /* @__PURE__ */ n("div", { className: e.message, children: a })
-    ]
-  }
-);
-export {
-  y as ValidationBase
-};
+import { t as e } from "../../../ValidationBase-A2Ed7iem.js";
+export { e as ValidationBase };

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

@@ -1 +0,0 @@
-

package/dist/components/ValidationMessage/ValidationLink/ValidationLink.js

@@ -1,21 +1,15 @@
-import { jsx as i } from "react/jsx-runtime";
-import { isValidFormInputElement as n } from "../../../helpers/form/isValidFormInputElement.js";
-import { ValidationBase as s } from "../ValidationBase/ValidationBase.js";
-const u = ({
-  linkToTarget: e,
-  ...o
-}) => /* @__PURE__ */ i(
-  s,
-  {
-    ...o,
-    as: "a",
-    href: `#${e}`,
-    onClick: (r) => {
-      const t = document.getElementById(e);
-      t && (r.preventDefault(), n(t) ? t.focus() : (t.setAttribute("tabIndex", "-1"), t.focus(), t.removeAttribute("tabIndex")));
-    }
-  }
-);
-export {
-  u as IressValidationLink
-};
+import { t as e } from "../../../ValidationBase-A2Ed7iem.js";
+import { isValidFormInputElement as t } from "../../../helpers/form/isValidFormInputElement.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ValidationMessage/ValidationLink/ValidationLink.tsx
+var r = ({ linkToTarget: r, ...i }) => /* @__PURE__ */ n(e, {
+	...i,
+	as: "a",
+	href: `#${r}`,
+	onClick: (e) => {
+		let n = document.getElementById(r);
+		n && (e.preventDefault(), t(n) ? n.focus() : (n.setAttribute("tabIndex", "-1"), n.focus(), n.removeAttribute("tabIndex")));
+	}
+});
+//#endregion
+export { r as IressValidationLink };

package/dist/components/ValidationMessage/ValidationLink/ValidationLink.types.js

@@ -1 +0,0 @@
-

package/dist/components/ValidationMessage/ValidationMessage.js

@@ -1,8 +1,11 @@
-import { jsx as a } from "react/jsx-runtime";
-import { SystemValidationStatus as o } from "../../enums.js";
-import { ValidationBase as s } from "./ValidationBase/ValidationBase.js";
-const i = (t) => /* @__PURE__ */ a(s, { ...t, as: "div" });
-i.Status = o;
-export {
-  i as IressValidationMessage
-};
+import { SystemValidationStatus as e } from "../../enums.js";
+import { t } from "../../ValidationBase-A2Ed7iem.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ValidationMessage/ValidationMessage.tsx
+var r = (e) => /* @__PURE__ */ n(t, {
+	...e,
+	as: "div"
+});
+r.Status = e;
+//#endregion
+export { r as IressValidationMessage };

package/dist/components/ValidationMessage/ValidationMessage.types.js

@@ -1 +0,0 @@
-

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

@@ -1,69 +1,2 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as u } from "../../../index-cbHCAGLB.js";
-import { propagateTestid as f } from "../../../helpers/utility/propagateTestid.js";
-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-v5208", I = {
-  validationSummary: v
-}, S = ({
-  children: a,
-  "data-testid": r,
-  linkToTarget: e,
-  prefix: o,
-  status: d,
-  visiblePrefix: s
-}) => e ? /* @__PURE__ */ i(
-  y,
-  {
-    linkToTarget: e,
-    status: d,
-    prefix: o,
-    visiblePrefix: s,
-    "data-testid": r,
-    children: a
-  }
-) : /* @__PURE__ */ i(
-  p,
-  {
-    status: d,
-    prefix: o,
-    visiblePrefix: s,
-    "data-testid": r,
-    children: a
-  }
-), b = ({
-  messages: a = [],
-  linkToTarget: r,
-  prefix: e,
-  visiblePrefix: o,
-  status: d = "danger",
-  className: s,
-  "data-testid": n,
-  ...m
-}) => {
-  const l = c({ id: m.id });
-  return a.length ? /* @__PURE__ */ i(
-    "ul",
-    {
-      ...m,
-      className: u(s, I.validationSummary),
-      "data-testid": n,
-      children: a.map((t) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-        S,
-        {
-          linkToTarget: t.linkToTarget ?? r,
-          status: t.status ?? d,
-          prefix: t.prefix ?? e,
-          visiblePrefix: t.visiblePrefix ?? o,
-          "data-testid": t.dataTestId ?? f(n, "error"),
-          children: t.message
-        }
-      ) }, `${l}-${t.linkToTarget}-${t.message}`))
-    }
-  ) : null;
-};
-export {
-  b as IressValidationSummary
-};
+import { t as e } from "../../../ValidationSummary-D6Wa4vOf.js";
+export { e as IressValidationSummary };

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

@@ -1 +0,0 @@
-

package/dist/components/ValidationMessage/index.js

@@ -1,8 +1,4 @@
-import { IressValidationMessage as a } from "./ValidationMessage.js";
-import { IressValidationLink as s } from "./ValidationLink/ValidationLink.js";
-import { IressValidationSummary as t } from "./ValidationSummary/ValidationSummary.js";
-export {
-  s as IressValidationLink,
-  a as IressValidationMessage,
-  t as IressValidationSummary
-};
+import { IressValidationMessage as e } from "./ValidationMessage.js";
+import { IressValidationLink as t } from "./ValidationLink/ValidationLink.js";
+import { t as n } from "../../ValidationSummary-D6Wa4vOf.js";
+export { t as IressValidationLink, e as IressValidationMessage, n as IressValidationSummary };

package/dist/constants-C4s0aMXs.js

@@ -0,0 +1,161 @@
+//#region package.json
+var e = "5.20.9", t = {
+	xs: {
+		mediaQuery: "(min-width: 0) and (max-width: 575px)",
+		screenWidthRange: "0 - 575px",
+		minScreenWidth: "0px",
+		maxScreenWidth: "575px",
+		containerMaxWidth: "100%",
+		viewportWidth: 360
+	},
+	sm: {
+		mediaQuery: "(min-width: 576px) and (max-width: 767px)",
+		screenWidthRange: "576px - 767px",
+		minScreenWidth: "576px",
+		maxScreenWidth: "767px",
+		containerMaxWidth: "520px",
+		viewportWidth: 767
+	},
+	md: {
+		mediaQuery: "(min-width: 768px) and (max-width: 1023px)",
+		screenWidthRange: "768px - 1023px",
+		minScreenWidth: "768px",
+		maxScreenWidth: "1023px",
+		containerMaxWidth: "740px",
+		viewportWidth: 962
+	},
+	lg: {
+		mediaQuery: "(min-width: 1024px) and (max-width: 1199px)",
+		screenWidthRange: "1024px - 1199px",
+		minScreenWidth: "1024px",
+		maxScreenWidth: "1199px",
+		containerMaxWidth: "960px",
+		viewportWidth: 1180
+	},
+	xl: {
+		mediaQuery: "(min-width: 1200px) and (max-width: 1499px)",
+		screenWidthRange: "1200px - 1499px",
+		minScreenWidth: "1200px",
+		maxScreenWidth: "1499px",
+		containerMaxWidth: "1160px",
+		viewportWidth: 1366
+	},
+	xxl: {
+		mediaQuery: "(min-width: 1500px)",
+		screenWidthRange: "1500px and above",
+		minScreenWidth: "1500px",
+		containerMaxWidth: "1160px",
+		viewportWidth: 1920
+	}
+}, n = Object.keys(t), r = `v${e.replace(/\./g, "")}`, i = ["inline", "overlay"], a = [
+	"auto",
+	"bottom-start",
+	"bottom",
+	"bottom-end",
+	"top-start",
+	"top",
+	"top-end",
+	"left-start",
+	"left",
+	"left-end",
+	"right-start",
+	"right",
+	"right-end"
+], o = "button, a[href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])", s = [
+	"2",
+	"4",
+	"6",
+	"8",
+	"10",
+	"12",
+	"16",
+	"25perc",
+	"50perc",
+	"75perc",
+	"100perc"
+], c = 12, l = [
+	"none",
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl"
+], u = [
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6"
+], d = [
+	"around",
+	"between",
+	"center",
+	"evenly",
+	"left",
+	"right"
+], f = [
+	"log",
+	"warn",
+	"error"
+], p = [
+	"none",
+	"sm",
+	"md",
+	"lg"
+], m = [
+	"danger",
+	"info",
+	"success",
+	"warning"
+], h = [
+	"inherit",
+	"left",
+	"center",
+	"right",
+	"justify"
+], g = [
+	"danger",
+	"info",
+	"muted",
+	"primary",
+	"success",
+	"warning",
+	"positive",
+	"negative"
+], _ = [
+	"blockquote",
+	"body",
+	"bold",
+	"code",
+	"display",
+	"display1",
+	"display2",
+	"display3",
+	"display4",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6",
+	"italic",
+	"lead",
+	"small",
+	"cite",
+	"caption"
+], v = [
+	"top",
+	"middle",
+	"bottom",
+	"stretch"
+], y = {
+	DEFAULT: 0,
+	NAVBAR: 100,
+	POPOVER: 200,
+	SLIDEOUT: 300,
+	MODAL: 400,
+	TOAST: 500,
+	TOOLTIP: 600
+};
+//#endregion
+export { _, a, c, d, f, g, h, i, l, m, t as n, o, p, r, s, n as t, u, v, y };

package/dist/constants.js

@@ -1,193 +1,2 @@
-const t = "5.20.8", e = {
-  /**
-   * Extra small breakpoint, for mobile devices
-   */
-  xs: {
-    mediaQuery: "(min-width: 0) and (max-width: 575px)",
-    screenWidthRange: "0 - 575px",
-    minScreenWidth: "0px",
-    maxScreenWidth: "575px",
-    containerMaxWidth: "100%",
-    viewportWidth: 360
-  },
-  /**
-   * Small breakpoint, for larger mobile devices and tablets
-   */
-  sm: {
-    mediaQuery: "(min-width: 576px) and (max-width: 767px)",
-    screenWidthRange: "576px - 767px",
-    minScreenWidth: "576px",
-    maxScreenWidth: "767px",
-    containerMaxWidth: "520px",
-    viewportWidth: 767
-  },
-  /**
-   * Medium breakpoint for tablets and small desktops
-   */
-  md: {
-    mediaQuery: "(min-width: 768px) and (max-width: 1023px)",
-    screenWidthRange: "768px - 1023px",
-    minScreenWidth: "768px",
-    maxScreenWidth: "1023px",
-    containerMaxWidth: "740px",
-    viewportWidth: 962
-  },
-  /**
-   * Large breakpoint for desktops
-   */
-  lg: {
-    mediaQuery: "(min-width: 1024px) and (max-width: 1199px)",
-    screenWidthRange: "1024px - 1199px",
-    minScreenWidth: "1024px",
-    maxScreenWidth: "1199px",
-    containerMaxWidth: "960px",
-    viewportWidth: 1180
-  },
-  /**
-   * Extra large breakpoint for large desktops
-   */
-  xl: {
-    mediaQuery: "(min-width: 1200px) and (max-width: 1499px)",
-    screenWidthRange: "1200px - 1499px",
-    minScreenWidth: "1200px",
-    maxScreenWidth: "1499px",
-    containerMaxWidth: "1160px",
-    viewportWidth: 1366
-  },
-  /**
-   * Extra extra large breakpoint for extra large desktops (32inch)
-   */
-  xxl: {
-    mediaQuery: "(min-width: 1500px)",
-    screenWidthRange: "1500px and above",
-    minScreenWidth: "1500px",
-    containerMaxWidth: "1160px",
-    viewportWidth: 1920
-  }
-}, n = Object.keys(
-  e
-), i = `v${t.replace(/\./g, "")}`, d = ["inline", "overlay"], a = [
-  "auto",
-  "bottom-start",
-  "bottom",
-  "bottom-end",
-  "top-start",
-  "top",
-  "top-end",
-  "left-start",
-  "left",
-  "left-end",
-  "right-start",
-  "right",
-  "right-end"
-], r = 'button, a[href], input, select, textarea, [tabindex]:not([tabindex="-1"])', o = [
-  "2",
-  "4",
-  "6",
-  "8",
-  "10",
-  "12",
-  "16",
-  "25perc",
-  "50perc",
-  "75perc",
-  "100perc"
-], c = 12, x = ["none", "xs", "sm", "md", "lg", "xl"], p = ["h2", "h3", "h4", "h5", "h6"], h = [
-  "around",
-  "between",
-  "center",
-  "evenly",
-  "left",
-  "right"
-], s = ["log", "warn", "error"], m = ["none", "sm", "md", "lg"], S = [
-  "danger",
-  "info",
-  "success",
-  "warning"
-], E = [
-  "inherit",
-  "left",
-  "center",
-  "right",
-  "justify"
-], W = [
-  "danger",
-  "info",
-  "muted",
-  "primary",
-  "success",
-  "warning",
-  "positive",
-  "negative"
-], l = [
-  "blockquote",
-  "body",
-  "bold",
-  "code",
-  "display",
-  "display1",
-  "display2",
-  "display3",
-  "display4",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "italic",
-  "lead",
-  "small",
-  "cite",
-  "caption"
-], T = ["top", "middle", "bottom", "stretch"], I = {
-  /**
-   * The default z-index used for most elements. Can be combined with raised and floating elevations.
-   */
-  DEFAULT: 0,
-  /**
-   * Used for IressNavbar. Can be combined with overflow elevation.
-   */
-  NAVBAR: 100,
-  /**
-   * Used for IressPopover. Can be combined with floating elevation.
-   */
-  POPOVER: 200,
-  /**
-   * Used for IressSlideout. Can be combined with floating elevation.
-   */
-  SLIDEOUT: 300,
-  /**
-   * Used for IressModal. Can be combined with floating elevation.
-   */
-  MODAL: 400,
-  /**
-   * Used for IressToast. Can be combined with floating elevation.
-   */
-  TOAST: 500,
-  /**
-   * Used for IressTooltip. Can be combined with floating elevation.
-   */
-  TOOLTIP: 600
-};
-export {
-  n as BREAKPOINTS,
-  e as BREAKPOINT_DETAILS,
-  i as CSS_IDS_VERSION,
-  d as DISPLAY_MODES,
-  a as FLOATING_UI_ALIGNS,
-  r as FOCUSABLE_QUERY_SELECTOR,
-  o as FORM_ELEMENT_WIDTHS,
-  c as GRID_SIZE,
-  x as GUTTER_SIZES,
-  p as HEADING_LEVELS,
-  h as HORIZONTAL_ALIGNS,
-  s as LOGGER_LEVELS,
-  m as PADDING_SIZES,
-  S as SYSTEM_VALIDATION_STATUSES,
-  E as TEXT_ALIGNS,
-  W as TEXT_MODES,
-  l as TEXT_VARIANTS,
-  T as VERTICAL_ALIGNS,
-  I as Z_INDEX
-};
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _, y as v } from "./constants-C4s0aMXs.js";
+export { h as BREAKPOINTS, u as BREAKPOINT_DETAILS, p as CSS_IDS_VERSION, s as DISPLAY_MODES, t as FLOATING_UI_ALIGNS, d as FOCUSABLE_QUERY_SELECTOR, m as FORM_ELEMENT_WIDTHS, n as GRID_SIZE, c as GUTTER_SIZES, g as HEADING_LEVELS, r as HORIZONTAL_ALIGNS, i as LOGGER_LEVELS, f as PADDING_SIZES, l as SYSTEM_VALIDATION_STATUSES, o as TEXT_ALIGNS, a as TEXT_MODES, e as TEXT_VARIANTS, _ as VERTICAL_ALIGNS, v as Z_INDEX };