@iress-oss/ids-components 0.0.1-dev.14 → 0.0.1-dev.16

package/dist/components/Autocomplete/Autocomplete.js

@@ -0,0 +1,45 @@
+import "react/jsx-runtime";
+import "../../index-2QXL0WYc.js";
+import "../../AutocompleteNoResults-CogA3XZs.js";
+import "../Popover/Popover.js";
+import "react";
+import "../../PopoverProvider-d3hhpW2k.js";
+import "../Popover/InputPopover/InputPopover.js";
+import { a as R } from "../../LoadingSuspense-BwlrIicY.js";
+import "../../hooks/useControlledState.js";
+import "../../helpers/utility/propagateTestid.js";
+import "../../helpers/formatting/toArray.js";
+import "../../helpers/form/getValueAsEvent.js";
+import "../../helpers/form/getFormControlValueAsStringIfDefined.js";
+import "./hooks/useAutocompleteSearch.js";
+import "./components/AutocompleteInstructions.js";
+import "../Badge/Badge.js";
+import "../ButtonGroup/ButtonGroupProvider.js";
+import "../Card/Card.js";
+import "../CheckboxGroup/CheckboxGroup.js";
+import "../Col/Col.js";
+import "../Expander/Expander.js";
+import "../Form/FormContext.js";
+import "../Menu/Menu.js";
+import "../Menu/MenuProvider.js";
+import "../CheckboxMark/CheckboxMark.types.js";
+import "../CheckboxMark/CheckboxMark.js";
+import "../Modal/ModalProvider.js";
+import "../Panel/Panel.js";
+import "../../SlideoutProvider-CQh140HM.js";
+import "react-dom";
+import "../RadioGroup/RadioGroup.js";
+import "../Skeleton/Skeleton.js";
+import "../SkipLink/SkipLink.js";
+import "../Stack/Stack.js";
+import "../Table/TableContext.js";
+import "../Table/TableProvider.js";
+import "../TabSet/Tab/Tab.js";
+import "../TabSet/TabSet.js";
+import "../Text/Text.js";
+import "../Toggle/Toggle.js";
+import "../Tooltip/Tooltip.js";
+import "../ValidationMessage/ValidationMessage.js";
+export {
+  R as IressAutocomplete
+};

package/dist/components/Autocomplete/Autocomplete.types.js

@@ -0,0 +1 @@
+

package/dist/components/Autocomplete/components/AutocompleteInstructions.js

@@ -0,0 +1,12 @@
+import { jsx as c } from "react/jsx-runtime";
+import { IressPanel as n } from "../../Panel/Panel.js";
+const i = ({
+  minSearchLength: t,
+  styles: r
+}) => {
+  const o = `Type at least ${t} character${t === 1 ? "" : "s"} to search`;
+  return /* @__PURE__ */ c(n, { className: (r == null ? void 0 : r.instructions) ?? "", children: o });
+};
+export {
+  i as AutocompleteInstructions
+};

package/dist/components/Autocomplete/components/AutocompleteNoResults.js

@@ -0,0 +1,5 @@
+import "react/jsx-runtime";
+import { A as m } from "../../../AutocompleteNoResults-CogA3XZs.js";
+export {
+  m as AutocompleteNoResults
+};

package/dist/components/Autocomplete/hooks/useAutocompleteSearch.js

@@ -0,0 +1,177 @@
+import { useRef as d, useState as S, useCallback as p, useEffect as M, useMemo as U } from "react";
+import { searchLabelValues as I } from "../../../helpers/label-value/searchLabelValues.js";
+import { highlightQueryInLabelValue as L } from "../../../helpers/label-value/highlightQueryInLabelValue.js";
+function V(e, n, u, c) {
+  var o = this, t = d(null), a = d(0), s = d(0), r = d(null), i = d([]), h = d(), E = d(), T = d(e), m = d(!0);
+  T.current = e;
+  var v = typeof window < "u", g = !n && n !== 0 && v;
+  if (typeof e != "function") throw new TypeError("Expected a function");
+  n = +n || 0;
+  var R = !!(u = u || {}).leading, y = !("trailing" in u) || !!u.trailing, w = "maxWait" in u, H = "debounceOnServer" in u && !!u.debounceOnServer, b = w ? Math.max(+u.maxWait || 0, n) : null;
+  M(function() {
+    return m.current = !0, function() {
+      m.current = !1;
+    };
+  }, []);
+  var N = U(function() {
+    var x = function(l) {
+      var f = i.current, W = h.current;
+      return i.current = h.current = null, a.current = l, s.current = s.current || l, E.current = T.current.apply(W, f);
+    }, A = function(l, f) {
+      g && cancelAnimationFrame(r.current), r.current = g ? requestAnimationFrame(l) : setTimeout(l, f);
+    }, Q = function(l) {
+      if (!m.current) return !1;
+      var f = l - t.current;
+      return !t.current || f >= n || f < 0 || w && l - a.current >= b;
+    }, _ = function(l) {
+      return r.current = null, y && i.current ? x(l) : (i.current = h.current = null, E.current);
+    }, F = function l() {
+      var f = Date.now();
+      if (R && s.current === a.current && O(), Q(f)) return _(f);
+      if (m.current) {
+        var W = n - (f - t.current), k = w ? Math.min(W, b - (f - a.current)) : W;
+        A(l, k);
+      }
+    }, O = function() {
+      c && c({});
+    }, D = function() {
+      if (v || H) {
+        var l = Date.now(), f = Q(l);
+        if (i.current = [].slice.call(arguments), h.current = o, t.current = l, f) {
+          if (!r.current && m.current) return a.current = t.current, A(F, n), R ? x(t.current) : E.current;
+          if (w) return A(F, n), x(t.current);
+        }
+        return r.current || A(F, n), E.current;
+      }
+    };
+    return D.cancel = function() {
+      r.current && (g ? cancelAnimationFrame(r.current) : clearTimeout(r.current)), a.current = 0, i.current = t.current = h.current = r.current = null;
+    }, D.isPending = function() {
+      return !!r.current;
+    }, D.flush = function() {
+      return r.current ? _(Date.now()) : E.current;
+    }, D;
+  }, [R, w, n, b, y, g, v, H, c]);
+  return N;
+}
+function B(e, n) {
+  return e === n;
+}
+function C(e, n, u) {
+  var c = B, o = d(e), t = S({})[1], a = V(p(function(r) {
+    o.current = r, t({});
+  }, [t]), n, u, t), s = d(e);
+  return c(s.current, e) || (a(e), s.current = e), [o.current, a];
+}
+const G = 500, P = 1, j = (e) => e instanceof Error && e.message ? e.message : typeof e == "string" ? e : !0, z = () => {
+  const [e, n] = S(!1), [u, c] = S(!1), [o, t] = S([]), [a, s] = S(!1), r = p(() => {
+    t([]), n(!1), c(!1), s(!1);
+  }, []), i = p(
+    (g, R) => {
+      t(
+        g.map(
+          (y) => L(y, R)
+        )
+      ), c(!1), n(!1);
+    },
+    []
+  ), h = p((g) => {
+    t([]), c(g), n(!1);
+  }, []), E = p(() => {
+    c(!1);
+  }, []), T = p((g) => {
+    n(g);
+  }, []), m = p((g) => {
+    s(g);
+  }, []), v = p(() => {
+    c(!1);
+  }, []);
+  return {
+    loading: e,
+    error: u,
+    results: o,
+    hasSearched: a,
+    reset: r,
+    updateWithResults: i,
+    updateWithError: h,
+    clearError: E,
+    setLoadingState: T,
+    setSearched: m,
+    clearErrorState: v
+  };
+}, J = (e, n) => {
+  const u = d(""), c = p((s) => u.current === s, []), o = p((s) => {
+    u.current = s;
+  }, []), t = p(
+    async (s, r, i) => {
+      if (c(r)) return;
+      const h = ++n.current;
+      if (o(r), r.length >= i) {
+        e.setLoadingState(!0), e.clearErrorState();
+        try {
+          const E = await s(r);
+          if (h !== n.current) return;
+          e.setSearched(!0), e.updateWithResults(E, r);
+        } catch (E) {
+          if (h !== n.current) return;
+          e.setSearched(!0), e.updateWithError(
+            j(E)
+          );
+        }
+      } else
+        e.reset();
+    },
+    [e, c, o, n]
+  ), a = p(
+    (s, r, i) => {
+      if (!c(r))
+        if (o(r), r.length >= i) {
+          e.setSearched(!0);
+          const h = I(r, s);
+          e.updateWithResults(h, r);
+        } else
+          e.reset();
+    },
+    [e, c, o]
+  );
+  return {
+    handleAsync: t,
+    handleSync: a
+  };
+}, Z = ({
+  debounceThreshold: e = G,
+  initialOptions: n = [],
+  minSearchLength: u = P,
+  options: c = [],
+  query: o = ""
+}) => {
+  const t = z(), a = d(0), s = J(t, a), [r] = C(o, e);
+  M(() => {
+    if (typeof c == "function") {
+      s.handleAsync(
+        c,
+        r,
+        u
+      );
+      return;
+    }
+    s.handleSync(c, r, u);
+  }, [r, c, u, s]);
+  const i = () => r.length < u ? n ?? [] : t.hasSearched ? t.results : n ?? [];
+  return {
+    clearError: t.clearError,
+    debouncedQuery: r,
+    error: t.error,
+    loading: t.loading,
+    shouldShowInstructions: o.length < u,
+    shouldShowDebounceWaiting: o.length >= u && r.length < u && !t.loading && !t.hasSearched,
+    shouldShowNoResults: t.hasSearched && !t.loading && t.results.length === 0 && r.length >= u,
+    displayResults: i(),
+    // Backward compatibility
+    results: r ? t.results : n ?? [],
+    stopSearch: t.reset
+  };
+};
+export {
+  Z as useAutocompleteSearch
+};

package/dist/components/Autocomplete/index.js

@@ -0,0 +1,6 @@
+import { a as r } from "../../LoadingSuspense-BwlrIicY.js";
+import { useAutocompleteSearch as m } from "./hooks/useAutocompleteSearch.js";
+export {
+  r as IressAutocomplete,
+  m as useAutocompleteSearch
+};

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-2QXL0WYc.js";
+import { propagateTestid as p } from "../../helpers/utility/propagateTestid.js";
+const u = "ids-badge--base-v5200", m = "ids-badge--pill-v5200", f = "ids-badge--success-v5200", h = "ids-badge--warning-v5200", k = "ids-badge--danger-v5200", N = "ids-badge--info-v5200", w = "ids-badge--positive-v5200", x = "ids-badge--negative-v5200", B = "ids-badge-v5200", M = "ids-badge--host-v5200", s = {
+  base: u,
+  pill: m,
+  success: f,
+  warning: h,
+  danger: k,
+  info: N,
+  positive: w,
+  negative: x,
+  "background-default": "ids-badge--background-default-v5200",
+  "background-alt": "ids-badge--background-alt-v5200",
+  badge: B,
+  "ids-icon": "ids-icon-v5200",
+  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-2QXL0WYc.js";
+import "./Button.types.js";
+import { b as a } from "../../LoadingSuspense-BwlrIicY.js";
+import "../../enums.js";
+import "../../useIDSButtonGroupItem-VfKx4O-O.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-2QXL0WYc.js";
+import { c as s } from "../../../LoadingSuspense-BwlrIicY.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 "../../LoadingSuspense-BwlrIicY.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-2QXL0WYc.js";
+import { s } from "../../useIDSButtonGroupItem-VfKx4O-O.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-BwlrIicY.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-VfKx4O-O.js";
+import "../../../index-2QXL0WYc.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-VfKx4O-O.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
+};