@iress-oss/ids-components 0.0.1-dev.9 → 5.13.1

package/dist/components/Badge/Badge.js

@@ -0,0 +1,49 @@
+import { jsx as r, jsxs as b } from "react/jsx-runtime";
+import { BadgeMode as l } from "./Badge.types.js";
+import { c as v } from "../../index-Cu0xwYjD.js";
+import { propagateTestid as p } from "../../helpers/utility/propagateTestid.js";
+const u = "ids-badge--base-v5130", m = "ids-badge--pill-v5130", f = "ids-badge--success-v5130", h = "ids-badge--warning-v5130", k = "ids-badge--danger-v5130", N = "ids-badge--info-v5130", w = "ids-badge--positive-v5130", x = "ids-badge--negative-v5130", B = "ids-badge-v5130", M = "ids-badge--host-v5130", s = {
+  base: u,
+  pill: m,
+  success: f,
+  warning: h,
+  danger: k,
+  info: N,
+  positive: w,
+  negative: x,
+  "background-default": "ids-badge--background-default-v5130",
+  "background-alt": "ids-badge--background-alt-v5130",
+  badge: B,
+  "ids-icon": "ids-icon-v5130",
+  host: M
+}, t = ({
+  children: i,
+  mode: o = "background-default",
+  pill: n,
+  className: g,
+  host: a,
+  ...e
+}) => {
+  const c = {
+    [s.badge]: !0,
+    [s.base]: !0,
+    [s[o]]: !0,
+    [s.pill]: n
+  }, d = /* @__PURE__ */ r("span", { className: v(c, g), ...e, children: i });
+  return a ? /* @__PURE__ */ b(
+    "div",
+    {
+      className: s.host,
+      "data-testid": p(e["data-testid"], "host"),
+      children: [
+        a,
+        d
+      ]
+    }
+  ) : d;
+};
+t.displayName = "IressBadge";
+t.Mode = l;
+export {
+  t as IressBadge
+};

package/dist/components/Badge/Badge.types.js

@@ -0,0 +1,15 @@
+var r = /* @__PURE__ */ ((n) => (n.Success = "success", n.Warning = "warning", n.Danger = "danger", n.Info = "info", n.Positive = "positive", n.Negative = "negative", n.BackgroundAlt = "background-alt", n.BackgroundDefault = "background-default", n))(r || {});
+const t = [
+  "success",
+  "warning",
+  "danger",
+  "info",
+  "positive",
+  "negative",
+  "background-alt",
+  "background-default"
+];
+export {
+  t as BADGE_MODES,
+  r as BadgeMode
+};

package/dist/components/Badge/index.js

@@ -0,0 +1,7 @@
+import { IressBadge as r } from "./Badge.js";
+import { BADGE_MODES as B, BadgeMode as a } from "./Badge.types.js";
+export {
+  B as BADGE_MODES,
+  a as BadgeMode,
+  r as IressBadge
+};

package/dist/components/Button/Button.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "react";
+import "../../index-Cu0xwYjD.js";
+import "./Button.types.js";
+import { b as a } from "../../Loading-CZ64hUvP.js";
+import "../../enums.js";
+import "../../useIDSButtonGroupItem-Dzgv35ni.js";
+export {
+  a as IressButton
+};

package/dist/components/Button/Button.types.js

@@ -0,0 +1,20 @@
+var e = /* @__PURE__ */ ((r) => (r.Primary = "primary", r.Secondary = "secondary", r.Tertiary = "tertiary", r.Link = "link", r.Danger = "danger", r.Positive = "positive", r.Negative = "negative", r))(e || {});
+const n = [
+  "primary",
+  "secondary",
+  "tertiary",
+  "link",
+  "danger",
+  "positive",
+  "negative"
+];
+var i = /* @__PURE__ */ ((r) => (r.Button = "button", r.Reset = "reset", r.Submit = "submit", r))(i || {});
+const v = ["button", "reset", "submit"];
+var a = /* @__PURE__ */ ((r) => (r.Active = "iress--active", r.Base = "iress-u-button", r.Fluid = "iress--fluid", r.Loading = "iress--loading", r.Mode = "iress--mode", r.NoWrap = "iress--no-wrap", r.Prepend = "iress-u-button__prepend", r))(a || {});
+export {
+  n as BUTTON_MODES,
+  v as BUTTON_TYPES,
+  a as ButtonCssClass,
+  e as ButtonMode,
+  i as ButtonType
+};

package/dist/components/Button/CloseButton/CloseButton.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "../../../index-Cu0xwYjD.js";
+import { c as s } from "../../../Loading-CZ64hUvP.js";
+import "react";
+export {
+  s as IressCloseButton
+};

package/dist/components/Button/CloseButton/CloseButton.types.js

@@ -0,0 +1 @@
+

package/dist/components/Button/index.js

@@ -0,0 +1,11 @@
+import { BUTTON_MODES as s, BUTTON_TYPES as e, ButtonCssClass as B, ButtonMode as r, ButtonType as T } from "./Button.types.js";
+import { b as u, c as a } from "../../Loading-CZ64hUvP.js";
+export {
+  s as BUTTON_MODES,
+  e as BUTTON_TYPES,
+  B as ButtonCssClass,
+  r as ButtonMode,
+  T as ButtonType,
+  u as IressButton,
+  a as IressCloseButton
+};

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,72 @@
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { c as n } from "../../index-Cu0xwYjD.js";
+import { s } from "../../useIDSButtonGroupItem-Dzgv35ni.js";
+import G, { useMemo as _ } from "react";
+import { toArray as g } from "../../helpers/formatting/toArray.js";
+import { useIdIfNeeded as x } from "../../hooks/useIdIfNeeded.js";
+import { IressButtonGroupProvider as B } from "./ButtonGroupProvider.js";
+import { propagateTestid as u } from "../../helpers/utility/propagateTestid.js";
+import { b as I } from "../../Loading-CZ64hUvP.js";
+import { GlobalCSSClass as S } from "../../enums.js";
+const w = ({
+  children: c,
+  className: f,
+  "data-testid": t,
+  defaultSelected: p,
+  hiddenLabel: i,
+  label: r,
+  multiple: b,
+  onChange: v,
+  options: y,
+  selected: N,
+  ...a
+}) => {
+  const l = x({ id: a.id }), e = `${l}--label`, h = _(() => typeof r == "string" ? /* @__PURE__ */ o(
+    "div",
+    {
+      id: e,
+      className: n(s.label, {
+        [S.SROnly]: i
+      }),
+      "data-testid": u(t, "label"),
+      children: r
+    }
+  ) : G.cloneElement(r, {
+    id: e
+  }), [t, i, e, r]);
+  return /* @__PURE__ */ o(
+    B,
+    {
+      defaultSelected: p,
+      multiple: b,
+      onChange: v,
+      selected: N,
+      children: /* @__PURE__ */ d(
+        "div",
+        {
+          className: n(f, s.buttonGroup),
+          id: l,
+          "data-testid": t,
+          ...a,
+          children: [
+            h,
+            /* @__PURE__ */ d("div", { role: "group", "aria-labelledby": e, className: s.values, children: [
+              c,
+              g(y).map((m) => /* @__PURE__ */ o(
+                I,
+                {
+                  "data-testid": u(t, "button__button"),
+                  children: m
+                },
+                m
+              ))
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  w as IressButtonGroup
+};

package/dist/components/ButtonGroup/ButtonGroup.types.js

@@ -0,0 +1 @@
+

package/dist/components/ButtonGroup/ButtonGroupProvider.js

@@ -0,0 +1,34 @@
+import { jsx as m } from "react/jsx-runtime";
+import { createContext as i, useMemo as n } from "react";
+import { toArray as s } from "../../helpers/formatting/toArray.js";
+import { useControlledState as a } from "../../hooks/useControlledState.js";
+const v = i(void 0), A = ({
+  children: l,
+  defaultSelected: u,
+  multiple: c,
+  onChange: t,
+  selected: d
+}) => {
+  const { value: o, toggleValue: r } = a({
+    component: "IressButtonGroup",
+    defaultValue: u,
+    multiple: c,
+    onChange: (e) => {
+      t == null || t({ selected: e });
+    },
+    propName: "selected",
+    value: d
+  }), p = n(
+    () => ({
+      isActive: (e) => !!(e && s(o).includes(e)),
+      toggle: r,
+      selected: s(o)
+    }),
+    [r, o]
+  );
+  return /* @__PURE__ */ m(v.Provider, { value: p, children: l });
+};
+export {
+  v as ButtonGroupContext,
+  A as IressButtonGroupProvider
+};

package/dist/components/ButtonGroup/hooks/useButtonGroup.js

@@ -0,0 +1,6 @@
+import { useContext as o } from "react";
+import { ButtonGroupContext as t } from "../ButtonGroupProvider.js";
+const e = () => o(t);
+export {
+  e as useButtonGroup
+};

package/dist/components/ButtonGroup/hooks/useIDSButtonGroupItem.js

@@ -0,0 +1,6 @@
+import "./useButtonGroup.js";
+import { u as p } from "../../../useIDSButtonGroupItem-Dzgv35ni.js";
+import "../../../index-Cu0xwYjD.js";
+export {
+  p as useIDSButtonGroupItem
+};

package/dist/components/ButtonGroup/index.js

@@ -0,0 +1,6 @@
+import { IressButtonGroup as t } from "./ButtonGroup.js";
+import { u as e } from "../../useIDSButtonGroupItem-Dzgv35ni.js";
+export {
+  t as IressButtonGroup,
+  e as useIDSButtonGroupItem
+};

package/dist/components/Card/Card.js

@@ -0,0 +1,50 @@
+import { jsx as a } from "react/jsx-runtime";
+import { PaddingSize as i, HeadingLevel as r } from "../../enums.js";
+import { composeIDSCard as h } from "./helpers/composeIDSCard.js";
+import { composeIDSCardSlots as k } from "./helpers/composeIDSCardSlots.js";
+import { HeadingWithDeprecatedFallback as D } from "../HeadingWithDeprecatedFallback/HeadingWithDeprecatedFallback.js";
+const t = ({
+  className: n,
+  padding: c = i.Md,
+  selected: m,
+  stretch: s,
+  children: l,
+  footer: p,
+  heading: d,
+  headingLevel: g = r.H2,
+  headingText: e,
+  media: f,
+  prepend: C,
+  topRight: H,
+  ...o
+}) => {
+  const v = d || e ? /* @__PURE__ */ a(
+    D,
+    {
+      component: "IressCard",
+      heading: d,
+      headingText: e,
+      HeadingTag: g
+    }
+  ) : void 0, I = h({
+    className: n,
+    clickable: !!o.onClick,
+    padding: c,
+    selected: m,
+    stretch: s
+  }), S = k({
+    children: l,
+    "data-testid": o["data-testid"],
+    footer: p,
+    heading: v,
+    media: f,
+    prepend: C,
+    topRight: H
+  });
+  return /* @__PURE__ */ a("div", { ...o, ...I, children: S });
+};
+t.HeadingLevel = r;
+t.Padding = i;
+export {
+  t as IressCard
+};

package/dist/components/Card/Card.types.js

@@ -0,0 +1,5 @@
+var r = /* @__PURE__ */ ((e) => (e.Base = "iress-u-card", e.Padding = "iress--padding", e.Clickable = "iress--clickable", e.Selected = "iress--selected", e.Stretch = "iress--stretch", e))(r || {}), i = /* @__PURE__ */ ((e) => (e.Prepend = "iress-u-card__prepend", e.Heading = "iress-u-card__heading", e.TopRight = "iress-u-card__top-right", e.Media = "iress-u-card__media", e.Children = "iress-u-card__body", e.Footer = "iress-u-card__footer", e))(i || {});
+export {
+  r as CardCssClass,
+  i as CardSlotClass
+};

package/dist/components/Card/components/ButtonCard.js

@@ -0,0 +1,38 @@
+import { jsx as f } from "react/jsx-runtime";
+import { PaddingSize as S } from "../../../enums.js";
+import { composeIDSCard as b } from "../helpers/composeIDSCard.js";
+import { composeIDSCardSlots as C } from "../helpers/composeIDSCardSlots.js";
+const h = ({
+  className: o,
+  padding: r = S.Md,
+  selected: s,
+  stretch: d,
+  children: e,
+  footer: a,
+  heading: i,
+  media: m,
+  prepend: n,
+  topRight: p,
+  type: c = "button",
+  ...t
+}) => {
+  const l = b({
+    className: o,
+    clickable: !0,
+    padding: r,
+    selected: s,
+    stretch: d
+  }), u = C({
+    children: e,
+    "data-testid": t["data-testid"],
+    footer: a,
+    heading: i,
+    media: m,
+    prepend: n,
+    topRight: p
+  });
+  return /* @__PURE__ */ f("button", { ...t, ...l, type: c, children: u });
+};
+export {
+  h as IressButtonCard
+};

package/dist/components/Card/components/LinkCard.js

@@ -0,0 +1,37 @@
+import { jsx as f } from "react/jsx-runtime";
+import { PaddingSize as S } from "../../../enums.js";
+import { composeIDSCard as C } from "../helpers/composeIDSCard.js";
+import { composeIDSCardSlots as I } from "../helpers/composeIDSCardSlots.js";
+const b = ({
+  className: r,
+  padding: t = S.Md,
+  selected: s,
+  stretch: a,
+  children: d,
+  footer: e,
+  heading: i,
+  media: m,
+  prepend: p,
+  topRight: c,
+  ...o
+}) => {
+  const n = C({
+    className: r,
+    clickable: !0,
+    padding: t,
+    selected: s,
+    stretch: a
+  }), l = I({
+    children: d,
+    "data-testid": o["data-testid"],
+    footer: e,
+    heading: i,
+    media: m,
+    prepend: p,
+    topRight: c
+  });
+  return /* @__PURE__ */ f("a", { ...o, ...n, children: l });
+};
+export {
+  b as IressLinkCard
+};

package/dist/components/Card/helpers/composeIDSCard.js

@@ -0,0 +1,27 @@
+import { CardCssClass as m } from "../Card.types.js";
+import { PaddingSize as d } from "../../../enums.js";
+import { c as i } from "../../../index-Cu0xwYjD.js";
+function p({
+  className: a,
+  clickable: e,
+  padding: r = d.Md,
+  selected: o,
+  stretch: c
+} = {}, t = {}) {
+  const s = { ...m, ...t };
+  return {
+    className: i(
+      s.Base,
+      a,
+      `${s.Padding}--${r}`,
+      {
+        [s.Stretch]: c,
+        [s.Clickable]: e,
+        [s.Selected]: o
+      }
+    )
+  };
+}
+export {
+  p as composeIDSCard
+};

package/dist/components/Card/helpers/composeIDSCardSlots.js

@@ -0,0 +1,33 @@
+import { jsx as a } from "react/jsx-runtime";
+import { CardSlotClass as C } from "../Card.types.js";
+import { propagateTestid as S } from "../../../helpers/utility/propagateTestid.js";
+function x({
+  children: s,
+  "data-testid": d,
+  footer: i,
+  heading: e,
+  media: n,
+  prepend: p,
+  topRight: l
+} = {}, m = {}) {
+  const c = typeof e == "string" ? /* @__PURE__ */ a("h2", { children: e }) : e, f = { ...C, ...m }, r = [
+    [p, "prepend", "Prepend"],
+    [l, "topRight", "TopRight"],
+    [n, "media", "Media"],
+    [c, "heading", "Heading"],
+    [s, "body", "Children"],
+    [i, "footer", "Footer"]
+  ];
+  return r.some(([t, o]) => o !== "body" && t) ? r.filter(([t]) => !!t).map(([t, o, h]) => /* @__PURE__ */ a(
+    "div",
+    {
+      className: f[h],
+      "data-testid": S(d, o),
+      children: t
+    },
+    o
+  )) : s;
+}
+export {
+  x as composeIDSCardSlots
+};

package/dist/components/Card/index.js

@@ -0,0 +1,15 @@
+import { CardCssClass as s, CardSlotClass as e } from "./Card.types.js";
+import { IressCard as C } from "./Card.js";
+import { IressButtonCard as m } from "./components/ButtonCard.js";
+import { IressLinkCard as d } from "./components/LinkCard.js";
+import { composeIDSCard as x } from "./helpers/composeIDSCard.js";
+import { composeIDSCardSlots as l } from "./helpers/composeIDSCardSlots.js";
+export {
+  s as CardCssClass,
+  e as CardSlotClass,
+  m as IressButtonCard,
+  C as IressCard,
+  d as IressLinkCard,
+  x as composeIDSCard,
+  l as composeIDSCardSlots
+};

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,15 @@
+import "react/jsx-runtime";
+import "../../index-Cu0xwYjD.js";
+import "react";
+import "../../enums.js";
+import "../../helpers/form/getFormControlValueAsString.js";
+import "../CheckboxMark/CheckboxMark.types.js";
+import "../CheckboxMark/CheckboxMark.js";
+import { d as f } from "../../Loading-CZ64hUvP.js";
+import "../../hooks/useControlledState.js";
+import "../Form/hooks/useNoDefaultValueInForms.js";
+import "../CheckboxGroup/CheckboxGroupContext.js";
+import "../../helpers/formatting/toArray.js";
+export {
+  f as IressCheckbox
+};

package/dist/components/Checkbox/Checkbox.types.js

@@ -0,0 +1 @@
+

package/dist/components/Checkbox/helpers/mapCheckboxGroupOptions.js

@@ -0,0 +1,19 @@
+import { jsx as a } from "react/jsx-runtime";
+import { d as p } from "../../../Loading-CZ64hUvP.js";
+import { idsLogger as i } from "../../../helpers/utility/idsLogger.js";
+import { getFormControlValueAsString as d } from "../../../helpers/form/getFormControlValueAsString.js";
+const h = (r) => r != null && r.length ? (i(
+  "IressCheckboxGroup: mapCheckboxGroupOptions has been deprecated and will be removed in a future version of IDS, please map and render the items array directly in your application instead",
+  "warn"
+), r.map(({ label: o, testId: n, value: e }, t) => /* @__PURE__ */ a(
+  p,
+  {
+    value: e,
+    "data-testid": n,
+    children: o
+  },
+  o || d(e) || t
+))) : null;
+export {
+  h as mapCheckboxGroupOptions
+};

package/dist/components/Checkbox/index.js

@@ -0,0 +1,4 @@
+import { d as r } from "../../Loading-CZ64hUvP.js";
+export {
+  r as IressCheckbox
+};

package/dist/components/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,100 @@
+import { jsx as k } from "react/jsx-runtime";
+import { c as L } from "../../index-Cu0xwYjD.js";
+import { forwardRef as S, useRef as V, useImperativeHandle as j, useMemo as q } from "react";
+import { toArray as x } from "../../helpers/formatting/toArray.js";
+import { CheckboxGroupLayout as w } from "./CheckboxGroup.types.js";
+import { useControlledState as A } from "../../hooks/useControlledState.js";
+import { useNoDefaultValueInForms as D } from "../Form/hooks/useNoDefaultValueInForms.js";
+import { CheckboxGroupContext as H } from "./CheckboxGroupContext.js";
+const M = "ids-checkbox-group-v5130", z = "ids-checkbox-group--full-v5130", B = "ids-checkbox-group--block-v5130", J = "ids-checkbox-group--stack-v5130", K = "ids-checkbox-group--inline-v5130", O = "ids-checkbox-group--readonly-v5130", u = {
+  checkboxGroup: M,
+  full: z,
+  block: B,
+  stack: J,
+  "ids-checkbox": "ids-checkbox-v5130",
+  "ids-input--readonly": "ids-input--readonly-v5130",
+  "ids-checkbox--label": "ids-checkbox--label-v5130",
+  "ids-checkbox--label-span": "ids-checkbox--label-span-v5130",
+  inline: K,
+  readonly: O,
+  "ids-input-base--readonly": "ids-input-base--readonly-v5130"
+}, h = S(
+  ({
+    className: v,
+    value: a,
+    defaultValue: r,
+    children: m,
+    layout: f = "stack",
+    onChange: g,
+    onFocus: t,
+    hiddenCheckbox: n,
+    name: p,
+    role: y = "group",
+    readonly: i,
+    touch: d,
+    ...C
+  }, G) => {
+    D({
+      component: "IressCheckboxGroup",
+      defaultValue: r
+    });
+    const { value: b, setValue: I, toggleValue: l } = A({
+      component: "IressCheckbox",
+      defaultValue: r === void 0 ? void 0 : x(r),
+      multiple: !0,
+      onChange: g,
+      value: a === void 0 ? void 0 : x(a)
+    }), c = V(null), o = c.current;
+    j(G, () => ({
+      // React hook form requires the focus, blur, input
+      focus: () => o == null ? void 0 : o.focus(),
+      blur: () => o == null ? void 0 : o.blur(),
+      input: o,
+      check: (e) => {
+        l(e, !0);
+      },
+      reset: () => {
+        I([]);
+      }
+    }));
+    const N = q(
+      () => ({
+        hiddenCheckbox: n,
+        name: p,
+        onChange: (e, s) => {
+          l(s, e.target.checked);
+        },
+        readonly: i,
+        touch: d,
+        value: b
+      }),
+      [p, b, n, i, d, l]
+    ), R = (e) => {
+      var s;
+      t == null || t(e), e.target === c.current && ((s = c.current.querySelector("input")) == null || s.focus());
+    };
+    return /* @__PURE__ */ k(H.Provider, { value: N, children: /* @__PURE__ */ k(
+      "div",
+      {
+        ...C,
+        role: y,
+        ref: c,
+        className: L(
+          v,
+          u.checkboxGroup,
+          u[f],
+          {
+            [u.readonly]: i
+          }
+        ),
+        onFocus: R,
+        children: m
+      }
+    ) });
+  }
+);
+h.displayName = "IressCheckboxGroup";
+h.Layout = w;
+export {
+  h as IressCheckboxGroup
+};

package/dist/components/CheckboxGroup/CheckboxGroup.types.js

@@ -0,0 +1,11 @@
+var n = /* @__PURE__ */ ((l) => (l.Block = "block", l.Full = "full", l.Stack = "stack", l.Inline = "inline", l))(n || {});
+const i = [
+  "stack",
+  "block",
+  "inline",
+  "full"
+];
+export {
+  i as CHECKBOX_GROUP_LAYOUTS,
+  n as CheckboxGroupLayout
+};

package/dist/components/CheckboxGroup/CheckboxGroupContext.js

@@ -0,0 +1,5 @@
+import { createContext as o } from "react";
+const e = o(void 0);
+export {
+  e as CheckboxGroupContext
+};

package/dist/components/CheckboxGroup/index.js

@@ -0,0 +1,7 @@
+import { CHECKBOX_GROUP_LAYOUTS as e, CheckboxGroupLayout as p } from "./CheckboxGroup.types.js";
+import { IressCheckboxGroup as C } from "./CheckboxGroup.js";
+export {
+  e as CHECKBOX_GROUP_LAYOUTS,
+  p as CheckboxGroupLayout,
+  C as IressCheckboxGroup
+};