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

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -1,72 +0,0 @@
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { c as n } from "../../index-2QXL0WYc.js";
-import { s } from "../../useIDSButtonGroupItem-Y0ZSkNW8.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 "../../LoadingSuspense-CjQp8lLW.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

@@ -1 +0,0 @@
-

package/dist/components/ButtonGroup/ButtonGroupProvider.js

@@ -1,34 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

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

package/dist/components/ButtonGroup/index.js

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

package/dist/components/Card/Card.js

@@ -1,50 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1,38 +0,0 @@
-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

@@ -1,37 +0,0 @@
-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

@@ -1,27 +0,0 @@
-import { CardCssClass as m } from "../Card.types.js";
-import { PaddingSize as d } from "../../../enums.js";
-import { c as i } from "../../../index-2QXL0WYc.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

@@ -1,33 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,15 +0,0 @@
-import "react/jsx-runtime";
-import "../../index-2QXL0WYc.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 "../../LoadingSuspense-CjQp8lLW.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

@@ -1 +0,0 @@
-

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

@@ -1,19 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { d as p } from "../../../LoadingSuspense-CjQp8lLW.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

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

package/dist/components/CheckboxGroup/CheckboxGroup.js

@@ -1,100 +0,0 @@
-import { jsx as k } from "react/jsx-runtime";
-import { c as L } from "../../index-2QXL0WYc.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-v5131", z = "ids-checkbox-group--full-v5131", B = "ids-checkbox-group--block-v5131", J = "ids-checkbox-group--stack-v5131", K = "ids-checkbox-group--inline-v5131", O = "ids-checkbox-group--readonly-v5131", u = {
-  checkboxGroup: M,
-  full: z,
-  block: B,
-  stack: J,
-  "ids-checkbox": "ids-checkbox-v5131",
-  "ids-input--readonly": "ids-input--readonly-v5131",
-  "ids-checkbox--label": "ids-checkbox--label-v5131",
-  "ids-checkbox--label-span": "ids-checkbox--label-span-v5131",
-  inline: K,
-  readonly: O,
-  "ids-input-base--readonly": "ids-input-base--readonly-v5131"
-}, 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

@@ -1,11 +0,0 @@
-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

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

package/dist/components/CheckboxGroup/index.js

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

package/dist/components/CheckboxMark/CheckboxMark.js

@@ -1,40 +0,0 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { IressCheckboxStyles as e } from "./CheckboxMark.types.js";
-import { c as n } from "../../index-2QXL0WYc.js";
-const k = ({ checked: s, indeterminate: o, className: a, ...c }, t) => /* @__PURE__ */ m(
-  "svg",
-  {
-    ref: t,
-    className: n(a, e.checkboxMark, {
-      [e.indeterminate]: o,
-      [e.checked]: s
-    }),
-    ...c,
-    version: "1.1",
-    viewBox: "0 0 200 200",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ r(
-        "line",
-        {
-          className: e.indeterminateMark,
-          x1: "30",
-          y1: "100",
-          x2: "170",
-          y2: "100"
-        }
-      ),
-      /* @__PURE__ */ r(
-        "polyline",
-        {
-          className: e.checkedMark,
-          points: "30 95 80 142 170 50"
-        }
-      )
-    ]
-  }
-), d = i(k);
-export {
-  d as IressCheckboxMark
-};

package/dist/components/CheckboxMark/CheckboxMark.types.js

@@ -1,16 +0,0 @@
-const c = "ids-checkbox-mark-v5131", k = "ids-checkbox-mark--checked-v5131", t = "ids-checkbox-mark--indeterminate-v5131", a = {
-  checkboxMark: c,
-  checked: k,
-  indeterminate: t
-}, n = "ids-checkbox-mark-v5131", r = "ids-checkbox-mark--indeterminate-mark-v5131", i = "ids-checkbox-mark--checked-mark-v5131", s = "ids-checkbox-mark--checked-v5131", d = "ids-checkbox-mark--indeterminate-v5131", e = {
-  checkboxMark: n,
-  indeterminateMark: r,
-  checkedMark: i,
-  checked: s,
-  indeterminate: d
-};
-Object.assign(a, e);
-const o = e;
-export {
-  o as IressCheckboxStyles
-};

package/dist/components/CheckboxMark/index.js

@@ -1,6 +0,0 @@
-import { IressCheckboxStyles as o } from "./CheckboxMark.types.js";
-import { IressCheckboxMark as x } from "./CheckboxMark.js";
-export {
-  x as IressCheckboxMark,
-  o as IressCheckboxStyles
-};

package/dist/components/Col/Col.js

@@ -1,33 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as p } from "../../index-2QXL0WYc.js";
-import { ColCssClass as s, ColAlignSelf as n, ColOffset as C, ColSpan as S } from "./Col.types.js";
-import { getResponsiveLayoutModifiers as f } from "../../helpers/responsive/getResponsiveLayoutModifiers.js";
-const o = ({
-  alignSelf: e,
-  children: l,
-  className: t,
-  offset: a,
-  span: r = "auto",
-  ...i
-}) => /* @__PURE__ */ m(
-  "div",
-  {
-    className: p(
-      t,
-      s.Base,
-      f(s.Span, r, "12"),
-      f(s.Offset, a),
-      {
-        [`${s.AlignSelf}--${e}`]: !!e
-      }
-    ),
-    ...i,
-    children: l
-  }
-);
-o.AlignSelf = n;
-o.Offset = C;
-o.Span = S;
-export {
-  o as IressCol
-};