@iress-oss/ids-components 0.0.1-dev.13 → 0.0.1-dev.15

package/dist/components/Tag/Tag.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "react";
+import "../../index-2QXL0WYc.js";
+import { K as s } from "../../LoadingSuspense-fgJdyrWn.js";
+import "../../helpers/utility/propagateTestid.js";
+export {
+  s as IressTag
+};

package/dist/components/Tag/Tag.types.js

@@ -0,0 +1 @@
+

package/dist/components/Tag/TagInput/TagInput.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../hooks/useControlledState.js";
+import { L as s } from "../../../LoadingSuspense-fgJdyrWn.js";
+import "../../../helpers/form/getValueAsEvent.js";
+export {
+  s as IressTagInput
+};

package/dist/components/Tag/TagInput/TagInput.types.js

@@ -0,0 +1 @@
+

package/dist/components/Tag/components/TagListInput/TagListInput.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "../../../../index-2QXL0WYc.js";
+import "react";
+import "../../../../helpers/utility/propagateTestid.js";
+import { a0 as a } from "../../../../LoadingSuspense-fgJdyrWn.js";
+export {
+  a as TagListInput
+};

package/dist/components/Tag/components/TagListInput/TagListInput.types.js

@@ -0,0 +1 @@
+

package/dist/components/Tag/index.js

@@ -0,0 +1,5 @@
+import { K as r, L as e } from "../../LoadingSuspense-fgJdyrWn.js";
+export {
+  r as IressTag,
+  e as IressTagInput
+};

package/dist/components/Text/Text.js

@@ -0,0 +1,34 @@
+import { jsx as x } from "react/jsx-runtime";
+import { c as d } from "../../index-2QXL0WYc.js";
+import { GlobalCSSClass as T, TextMode as c, TextElement as p, TextAlign as B, TextVariant as $ } from "../../enums.js";
+const e = ({
+  align: t,
+  children: a,
+  className: r,
+  "data-testid": i,
+  element: l = "div",
+  mode: s,
+  noGutter: n,
+  variant: o,
+  ...m
+}) => /* @__PURE__ */ x(
+  l,
+  {
+    ...m,
+    className: d(r, "iress-u-text", {
+      [`iress--${o}`]: !!o,
+      [`iress--${s}`]: !!s,
+      [`${T.TextAlignBase}--${t}`]: !!t,
+      "iress--no-gutter": n
+    }),
+    "data-testid": i,
+    children: a
+  }
+);
+e.Mode = c;
+e.Element = p;
+e.Align = B;
+e.Variant = $;
+export {
+  e as IressText
+};

package/dist/components/Text/Text.types.js

@@ -0,0 +1,19 @@
+const h = [
+  "p",
+  "div",
+  "span",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "code",
+  "blockquote",
+  "caption",
+  "cite",
+  "small"
+];
+export {
+  h as TEXT_ELEMENTS
+};

package/dist/components/Text/index.js

@@ -0,0 +1,6 @@
+import { TEXT_ELEMENTS as o } from "./Text.types.js";
+import { IressText as T } from "./Text.js";
+export {
+  T as IressText,
+  o as TEXT_ELEMENTS
+};

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

@@ -0,0 +1,13 @@
+import "react/jsx-runtime";
+import "../../../index-2QXL0WYc.js";
+import { M as f, T as x } from "../../../LoadingSuspense-fgJdyrWn.js";
+import "../../../enums.js";
+import "../../../helpers/utility/propagateTestid.js";
+import "../../Inline/Inline.types.js";
+import "../../Panel/Panel.js";
+import "react";
+import "../../HeadingWithDeprecatedFallback/HeadingWithDeprecatedFallback.js";
+export {
+  f as IressToast,
+  x as Toast
+};

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

@@ -0,0 +1,10 @@
+const s = ["success", "error", "info"], t = [
+  "start-x",
+  "end-x",
+  "start-y",
+  "end-y"
+];
+export {
+  t as TOAST_ANIMATION,
+  s as TOAST_STATUS
+};

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

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../index-2QXL0WYc.js";
+import { a6 as s } from "../../../LoadingSuspense-fgJdyrWn.js";
+import "../../../helpers/transition/getTransitionDuration.js";
+import "../../../floating-ui.react-nmA48tb2.js";
+export {
+  s as IressToastAnimated
+};

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

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import { a5 as m } from "../../../LoadingSuspense-fgJdyrWn.js";
+import "../../Icon/Icon.types.js";
+export {
+  m as ToastIcon
+};

package/dist/components/Toaster/Toaster.js

@@ -0,0 +1,11 @@
+import "react/jsx-runtime";
+import "react";
+import "./Toaster.types.js";
+import "../../index-2QXL0WYc.js";
+import { a7 as f } from "../../LoadingSuspense-fgJdyrWn.js";
+import "../../enums.js";
+import "../Stack/Stack.js";
+import "../../floating-ui.react-nmA48tb2.js";
+export {
+  f as IressToaster
+};

package/dist/components/Toaster/Toaster.types.js

@@ -0,0 +1,26 @@
+var e = /* @__PURE__ */ ((t) => (t.BottomStart = "bottom-start", t.BottomCenter = "bottom-center", t.BottomEnd = "bottom-end", t.TopStart = "top-start", t.TopCenter = "top-center", t.TopEnd = "top-end", t))(e || {});
+const o = [
+  "bottom-center",
+  "bottom-end",
+  "bottom-start",
+  "top-center",
+  "top-end",
+  "top-start"
+], r = {
+  "bottom-end": "end-x",
+  "bottom-start": "start-x",
+  "bottom-center": "end-y",
+  "top-end": "end-x",
+  "top-start": "start-x",
+  "top-center": "start-y"
+}, n = {
+  role: "alert",
+  "aria-relevant": "additions",
+  "aria-live": "assertive"
+};
+export {
+  n as TOASTER_ARIA_ATTRIBUTES,
+  o as TOASTER_POSITION,
+  r as TOAST_POSITION_ANIMATION_MATRIX,
+  e as ToasterPosition
+};

package/dist/components/Toaster/ToasterProvider.js

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

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

@@ -0,0 +1,26 @@
+import { useContext as u, useEffect as a, useMemo as c } from "react";
+import { N as f } from "../../../LoadingSuspense-fgJdyrWn.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 {
+  w as useToaster
+};

package/dist/components/Toaster/index.js

@@ -0,0 +1,17 @@
+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-fgJdyrWn.js";
+import { useToaster as f } from "./hooks/useToaster.js";
+export {
+  S as IressToast,
+  _ as IressToasterProvider,
+  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,
+  x as ToasterContext,
+  O as ToasterPosition,
+  f as useToaster
+};

package/dist/components/Toggle/Toggle.js

@@ -0,0 +1,101 @@
+import { jsxs as f, jsx as l } from "react/jsx-runtime";
+import { c as a } from "../../index-2QXL0WYc.js";
+import { forwardRef as h, useState as B, useId as C, useEffect as x } from "react";
+import { GlobalCSSClass as I } from "../../enums.js";
+import { propagateTestid as u } from "../../helpers/utility/propagateTestid.js";
+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-v5170", M = "ids-toggle--checkbox-mark-v5170", S = "ids-toggle--toggle-button-v5170", j = "ids-toggle--button-checked-v5170", R = "ids-toggle--toggle-button-container-v5170", $ = "ids-toggle--label-v5170", E = "ids-toggle--layout__inline-v5170", G = "ids-toggle--layout__stack-v5170", t = {
+  toggleBase: L,
+  checkboxMark: M,
+  toggleButton: S,
+  buttonChecked: j,
+  toggleButtonContainer: R,
+  label: $,
+  layout__inline: E,
+  "layout__inline-reverse": "ids-toggle--layout__inline-reverse-v5170",
+  "layout__inline-between": "ids-toggle--layout__inline-between-v5170",
+  layout__stack: G
+}, O = ({
+  hiddenLabel: o,
+  children: i,
+  "data-testid": n,
+  ...g
+}) => /* @__PURE__ */ l(
+  "span",
+  {
+    ...g,
+    className: a(t.label, {
+      [I.SROnly]: o
+    }),
+    "data-testid": u(n, "label"),
+    children: i
+  }
+), b = h(
+  ({
+    checked: o = !1,
+    hiddenLabel: i,
+    children: n,
+    layout: g = "inline",
+    className: m,
+    onChange: s,
+    "data-testid": c,
+    ..._
+  }, k) => {
+    const [e, r] = B(o), d = `toggleLabel--${C()}`, y = {
+      hiddenLabel: i,
+      id: d,
+      "data-testid": c
+    }, v = (p) => {
+      r(!e), s == null || s(!e, p);
+    };
+    return x(() => {
+      r(o);
+    }, [o, s]), /* @__PURE__ */ f(
+      "div",
+      {
+        "data-testid": c,
+        ..._,
+        className: a(
+          m,
+          t.toggleBase,
+          t[`layout__${g}`]
+        ),
+        ref: k,
+        children: [
+          /* @__PURE__ */ l(O, { ...y, children: n }),
+          /* @__PURE__ */ l("div", { className: t.toggleButtonContainer, children: /* @__PURE__ */ l(
+            "button",
+            {
+              className: a(T.Base, t.toggleButton, {
+                [t.buttonChecked]: e
+              }),
+              role: "switch",
+              type: "button",
+              "aria-checked": e,
+              onClick: v,
+              "aria-labelledby": d,
+              "data-testid": u(c, "button__button"),
+              children: /* @__PURE__ */ l(
+                N,
+                {
+                  className: a(t.checkboxMark, {
+                    "visibility-hidden": !e
+                  }),
+                  checked: e
+                }
+              )
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+b.displayName = "IressToggle";
+b.Layout = w;
+export {
+  b as IressToggle
+};

package/dist/components/Toggle/Toggle.types.js

@@ -0,0 +1,11 @@
+var n = /* @__PURE__ */ ((e) => (e.Inline = "inline", e.InlineBetween = "inline-between", e.InlineReverse = "inline-reverse", e.Stack = "stack", e))(n || {});
+const i = [
+  "inline",
+  "inline-between",
+  "inline-reverse",
+  "stack"
+];
+export {
+  i as TOGGLE_LAYOUTS,
+  n as ToggleLayout
+};

package/dist/components/Toggle/index.js

@@ -0,0 +1,7 @@
+import { TOGGLE_LAYOUTS as r, ToggleLayout as g } from "./Toggle.types.js";
+import { IressToggle as t } from "./Toggle.js";
+export {
+  t as IressToggle,
+  r as TOGGLE_LAYOUTS,
+  g as ToggleLayout
+};

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,77 @@
+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 { 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-v5170", V = "ids-tooltip--content-v5170", 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
+};

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

@@ -0,0 +1 @@
+

package/dist/components/Tooltip/index.js

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

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

@@ -0,0 +1,51 @@
+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-v5170", f = "ids-validation-message--prefix-v5170", x = "ids-validation-message--message-v5170", p = "ids-validation-message--danger-v5170", u = "ids-validation-message--warning-v5170", N = "ids-validation-message--success-v5170", w = "ids-validation-message--info-v5170", 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
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,21 @@
+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
+};

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

@@ -0,0 +1 @@
+

package/dist/components/ValidationMessage/ValidationMessage.js

@@ -0,0 +1,8 @@
+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
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,69 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as u } from "../../../index-2QXL0WYc.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-v5170", 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
+};

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

@@ -0,0 +1 @@
+

package/dist/components/ValidationMessage/index.js

@@ -0,0 +1,8 @@
+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
+};

package/dist/constants/index.css

@@ -0,0 +1 @@
+@value ids-version: v554;

package/dist/constants/index.scss

@@ -0,0 +1,2 @@
+// TODO: Fix this so its not hard coded.
+$ids-version: 'v554';