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

package/dist/components/Col/Col.types.js

@@ -0,0 +1,66 @@
+var r = /* @__PURE__ */ ((e) => (e.AlignSelf = "iress--align-self", e.Base = "iress-u-col", e.Offset = "iress--offset", e.Span = "iress--span", e))(r || {}), t = /* @__PURE__ */ ((e) => (e.Start = "start", e.End = "end", e.Center = "center", e.Stretch = "stretch", e))(t || {});
+const v = ["start", "end", "center", "stretch"];
+var n = /* @__PURE__ */ ((e) => (e.Auto = "auto", e.One = "1", e.Two = "2", e.Three = "3", e.Four = "4", e.Five = "5", e.Six = "6", e.Seven = "7", e.Eight = "8", e.Nine = "9", e.Ten = "10", e.Eleven = "11", e.Twelve = "12", e))(n || {});
+const u = [
+  "auto",
+  "1",
+  "2",
+  "3",
+  "4",
+  "5",
+  "6",
+  "7",
+  "8",
+  "9",
+  "10",
+  "11",
+  "12",
+  1,
+  2,
+  3,
+  4,
+  5,
+  6,
+  7,
+  8,
+  9,
+  10,
+  11,
+  12
+];
+var i = /* @__PURE__ */ ((e) => (e.None = "0", e.One = "1", e.Two = "2", e.Three = "3", e.Four = "4", e.Five = "5", e.Six = "6", e.Seven = "7", e.Eight = "8", e.Nine = "9", e.Ten = "10", e.Eleven = "11", e))(i || {});
+const c = [
+  "0",
+  "1",
+  "2",
+  "3",
+  "4",
+  "5",
+  "6",
+  "7",
+  "8",
+  "9",
+  "10",
+  "11",
+  0,
+  1,
+  2,
+  3,
+  4,
+  5,
+  6,
+  7,
+  8,
+  9,
+  10,
+  11
+];
+export {
+  v as COL_ALIGN_SELFS,
+  c as COL_OFFSETS,
+  u as COL_SPANS,
+  t as ColAlignSelf,
+  r as ColCssClass,
+  i as ColOffset,
+  n as ColSpan
+};

package/dist/components/Col/index.js

@@ -0,0 +1,12 @@
+import { COL_ALIGN_SELFS as l, COL_OFFSETS as S, COL_SPANS as s, ColAlignSelf as e, ColCssClass as f, ColOffset as r, ColSpan as L } from "./Col.types.js";
+import { IressCol as _ } from "./Col.js";
+export {
+  l as COL_ALIGN_SELFS,
+  S as COL_OFFSETS,
+  s as COL_SPANS,
+  e as ColAlignSelf,
+  f as ColCssClass,
+  r as ColOffset,
+  L as ColSpan,
+  _ as IressCol
+};

package/dist/components/Combobox/Combobox.js

@@ -0,0 +1,46 @@
+import "react/jsx-runtime";
+import "react";
+import "../../index-2QXL0WYc.js";
+import "../../ComboboxHiddenInput-Bo5hqUzo.js";
+import "../../helpers/utility/propagateTestid.js";
+import "../../helpers/formatting/toArray.js";
+import "../Popover/Popover.js";
+import "../Popover/PopoverProvider.js";
+import "../Popover/InputPopover/InputPopover.js";
+import "../../enums.js";
+import "../RichSelect/hooks/useRichSelectState.js";
+import { e as S } from "../../LoadingSuspense-BDiikfSh.js";
+import "../Autocomplete/hooks/useAutocompleteSearch.js";
+import "../Badge/Badge.js";
+import "../../hooks/useIdIfNeeded.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 "../RadioGroup/RadioGroup.js";
+import "../Skeleton/Skeleton.js";
+import "../SkipLink/SkipLink.js";
+import "../Slideout/SlideoutProvider.js";
+import "../Stack/Stack.js";
+import "../Table/TableContext.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";
+import "./hooks/useComboboxFlags.js";
+import "../../helpers/form/getValueAsEvent.js";
+import "./hooks/useComboboxInlineCompletion.js";
+import "../Form/hooks/useNoDefaultValueInForms.js";
+export {
+  S as IressCombobox
+};

package/dist/components/Combobox/Combobox.types.js

@@ -0,0 +1 @@
+

package/dist/components/Combobox/MultiCombobox/MultiCombobox.js

@@ -0,0 +1,44 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../index-2QXL0WYc.js";
+import "../../../ComboboxHiddenInput-Bo5hqUzo.js";
+import "../../../helpers/utility/propagateTestid.js";
+import "../../../helpers/formatting/toArray.js";
+import "../../Popover/Popover.js";
+import "../../Popover/PopoverProvider.js";
+import "../../Popover/InputPopover/InputPopover.js";
+import "../../RichSelect/hooks/useRichSelectState.js";
+import { f as Q } from "../../../LoadingSuspense-BDiikfSh.js";
+import "../../Autocomplete/hooks/useAutocompleteSearch.js";
+import "../../Badge/Badge.js";
+import "../../../hooks/useIdIfNeeded.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 "../../RadioGroup/RadioGroup.js";
+import "../../Skeleton/Skeleton.js";
+import "../../SkipLink/SkipLink.js";
+import "../../Slideout/SlideoutProvider.js";
+import "../../Stack/Stack.js";
+import "../../Table/TableContext.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";
+import "../hooks/useComboboxFlags.js";
+import "../../../helpers/form/getValueAsEvent.js";
+import "../../Form/hooks/useNoDefaultValueInForms.js";
+export {
+  Q as IressMultiCombobox
+};

package/dist/components/Combobox/MultiCombobox/MultiCombobox.types.js

@@ -0,0 +1 @@
+

package/dist/components/Combobox/components/ComboboxHiddenInput.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import { C as b } from "../../../ComboboxHiddenInput-Bo5hqUzo.js";
+import "../../../helpers/utility/propagateTestid.js";
+import "../../../index-2QXL0WYc.js";
+import "react";
+export {
+  b as ComboboxHiddenInput
+};

package/dist/components/Combobox/components/ComboboxResults.js

@@ -0,0 +1,39 @@
+import "react/jsx-runtime";
+import "react";
+import { a0 as K } from "../../../LoadingSuspense-BDiikfSh.js";
+import "../../../fuzzysort-eoXOpoo6.js";
+import "../../Badge/Badge.js";
+import "../../../index-2QXL0WYc.js";
+import "../../ButtonGroup/ButtonGroupProvider.js";
+import "../../../helpers/utility/propagateTestid.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 "../../Popover/PopoverProvider.js";
+import "../../CheckboxMark/CheckboxMark.types.js";
+import "../../CheckboxMark/CheckboxMark.js";
+import "../../Modal/ModalProvider.js";
+import "../../Panel/Panel.js";
+import "../../Popover/Popover.js";
+import "../../Popover/InputPopover/InputPopover.js";
+import "../../RadioGroup/RadioGroup.js";
+import "../../Skeleton/Skeleton.js";
+import "../../SkipLink/SkipLink.js";
+import "../../Slideout/SlideoutProvider.js";
+import "../../Stack/Stack.js";
+import "../../Table/TableContext.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";
+import "../../../ComboboxHiddenInput-Bo5hqUzo.js";
+import "../../../AutocompleteNoResults-D-7ik_op.js";
+export {
+  K as ComboboxResults
+};

package/dist/components/Combobox/components/ComboboxResultsDescriptor.js

@@ -0,0 +1,38 @@
+import "react/jsx-runtime";
+import "react";
+import { $ as I } from "../../../LoadingSuspense-BDiikfSh.js";
+import "../../../fuzzysort-eoXOpoo6.js";
+import "../../Badge/Badge.js";
+import "../../../index-2QXL0WYc.js";
+import "../../ButtonGroup/ButtonGroupProvider.js";
+import "../../../enums.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 "../../Popover/PopoverProvider.js";
+import "../../CheckboxMark/CheckboxMark.types.js";
+import "../../CheckboxMark/CheckboxMark.js";
+import "../../Modal/ModalProvider.js";
+import "../../Panel/Panel.js";
+import "../../Popover/Popover.js";
+import "../../Popover/InputPopover/InputPopover.js";
+import "../../RadioGroup/RadioGroup.js";
+import "../../../helpers/label-value/composeLabelValueDescriptor.js";
+import "../../Text/Text.js";
+import "../../Skeleton/Skeleton.js";
+import "../../SkipLink/SkipLink.js";
+import "../../Slideout/SlideoutProvider.js";
+import "../../Stack/Stack.js";
+import "../../Table/TableContext.js";
+import "../../TabSet/Tab/Tab.js";
+import "../../TabSet/TabSet.js";
+import "../../Toggle/Toggle.js";
+import "../../Tooltip/Tooltip.js";
+import "../../ValidationMessage/ValidationMessage.js";
+export {
+  I as ComboboxResultsDescriptor
+};

package/dist/components/Combobox/hooks/useComboboxFlags.js

@@ -0,0 +1,15 @@
+import { useMemo as e } from "react";
+const m = ({
+  debouncedQuery: t,
+  loading: n,
+  results: o
+}) => {
+  const s = e(() => !!o.length, [o]), h = e(() => !!(o.length === 0 && !n && t), [t, n, o.length]);
+  return {
+    showResults: s,
+    showNoResults: h
+  };
+};
+export {
+  m as useComboboxFlags
+};

package/dist/components/Combobox/hooks/useComboboxInlineCompletion.js

@@ -0,0 +1,63 @@
+import { getValueAsEvent as g } from "../../../helpers/form/getValueAsEvent.js";
+import { getQueryRangeExclusive as k } from "../../../helpers/label-value/getQueryRangeExclusive.js";
+import { useRef as l, useCallback as E, useEffect as A } from "react";
+const q = ({
+  autoSelect: u = !0,
+  debouncedQuery: t,
+  debounceThreshold: r = 500,
+  onChange: e,
+  queryRef: i,
+  results: n,
+  setTypedQuery: f,
+  setValue: m
+}) => {
+  const p = l(), x = l(""), a = l([]), o = E(
+    (c) => {
+      const s = B(
+        t,
+        c,
+        n,
+        u
+      );
+      !s || p.current === "Backspace" || (m(s.result), e == null || e(g(s.result), s.result), f(s.result.label), setTimeout(
+        () => {
+          var v, y;
+          return (y = (v = i.current) == null ? void 0 : v.input) == null ? void 0 : y.setSelectionRange(...s.queryIndex);
+        },
+        Math.max(r * 0.2, 10)
+      ));
+    },
+    [
+      t,
+      n,
+      u,
+      f,
+      m,
+      e,
+      r,
+      i
+    ]
+  ), R = E((c) => {
+    p.current = c == null ? void 0 : c.key;
+  }, []);
+  return A(() => {
+    x.current === t && a.current === n || (x.current = t, a.current = n, t && o(0));
+  }, [t, o, n]), {
+    highlightQueryByActiveIndex: o,
+    setKeyPressed: R
+  };
+}, B = (u, t, r = [], e) => {
+  if (typeof t != "number" || !e || !r[t])
+    return;
+  const i = k(
+    u,
+    r[t].label
+  );
+  return i ? {
+    queryIndex: i,
+    result: r[t]
+  } : void 0;
+};
+export {
+  q as useComboboxInlineCompletion
+};

package/dist/components/Combobox/index.js

@@ -0,0 +1,5 @@
+import { e as b, f as e } from "../../LoadingSuspense-BDiikfSh.js";
+export {
+  b as IressCombobox,
+  e as IressMultiCombobox
+};

package/dist/components/Container/Container.js

@@ -0,0 +1,21 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as i } from "../../index-2QXL0WYc.js";
+import { ContainerCssClass as s } from "./Container.types.js";
+const l = ({
+  children: o,
+  className: r,
+  fluid: a,
+  ...m
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    ...m,
+    className: i(r, s.Base, {
+      [s.Fluid]: a
+    }),
+    children: o
+  }
+);
+export {
+  l as IressContainer
+};

package/dist/components/Container/Container.types.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((r) => (r.Base = "iress-u-container", r.Fluid = "iress--fluid", r))(e || {});
+export {
+  e as ContainerCssClass
+};

package/dist/components/Container/index.js

@@ -0,0 +1,6 @@
+import { ContainerCssClass as s } from "./Container.types.js";
+import { IressContainer as n } from "./Container.js";
+export {
+  s as ContainerCssClass,
+  n as IressContainer
+};

package/dist/components/Divider/Divider.js

@@ -0,0 +1,21 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as o } from "../../index-2QXL0WYc.js";
+import { DividerCssClass as s } from "./Divider.types.js";
+const p = ({
+  className: a,
+  gutter: r,
+  vertical: e,
+  ...i
+}) => /* @__PURE__ */ m(
+  "hr",
+  {
+    className: o(a, s.Base, {
+      [`${s.Gutter}--${r}`]: r,
+      [s.Vertical]: e
+    }),
+    ...i
+  }
+);
+export {
+  p as IressDivider
+};

package/dist/components/Divider/Divider.types.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((r) => (r.Base = "iress-u-divider", r.Gutter = "iress--gutter", r.Vertical = "iress--vertical", r))(e || {});
+export {
+  e as DividerCssClass
+};

package/dist/components/Divider/index.js

@@ -0,0 +1,6 @@
+import { DividerCssClass as e } from "./Divider.types.js";
+import { IressDivider as o } from "./Divider.js";
+export {
+  e as DividerCssClass,
+  o as IressDivider
+};

package/dist/components/Expander/Expander.js

@@ -0,0 +1,80 @@
+import { jsxs as k, jsx as t } from "react/jsx-runtime";
+import { c } from "../../index-2QXL0WYc.js";
+import { useState as h, useEffect as _ } from "react";
+import { propagateTestid as d } from "../../helpers/utility/propagateTestid.js";
+import { ExpanderMode as E } from "./Expander.types.js";
+import { useIdIfNeeded as b } from "../../hooks/useIdIfNeeded.js";
+const j = "ids-expander--link-v5140", y = "ids-expander--heading-v5140", M = "ids-expander--activator-v5140", O = "ids-expander--section-v5140", $ = "ids-expander-v5140", A = "ids-expander--container-v5140", S = "ids-expander--open-v5140", T = "ids-expander--container-inner-v5140", g = "ids-expander--content-v5140", e = {
+  link: j,
+  heading: y,
+  activator: M,
+  section: O,
+  expander: $,
+  container: A,
+  open: S,
+  containerInner: T,
+  content: g
+}, q = ({
+  activator: p,
+  children: l,
+  className: m,
+  "data-testid": a,
+  onChange: s,
+  id: v,
+  mode: x = "section",
+  open: i = !1,
+  ...f
+}) => {
+  const [n, r] = h(i), o = b({ id: v }), N = c(
+    m,
+    e.expander,
+    e[x],
+    {
+      [e.open]: n
+    }
+  ), I = c(e.container, {
+    [e.open]: n
+  });
+  _(() => {
+    r(i);
+  }, [i]);
+  const u = () => {
+    r(!n), s == null || s({ open: !n });
+  };
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      className: N,
+      ...f,
+      "data-testid": a,
+      id: o,
+      children: [
+        /* @__PURE__ */ t(
+          "button",
+          {
+            className: e.activator,
+            "aria-expanded": n,
+            "aria-controls": `${o}__container`,
+            onClick: u,
+            type: "button",
+            "data-testid": d(a, "activator"),
+            children: p
+          }
+        ),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            id: `${o}__container`,
+            className: I,
+            "data-testid": d(a, "container"),
+            children: /* @__PURE__ */ t("div", { className: e.containerInner, children: /* @__PURE__ */ t("div", { className: e.content, children: l }) })
+          }
+        )
+      ]
+    }
+  );
+};
+q.Mode = E;
+export {
+  q as IressExpander
+};

package/dist/components/Expander/Expander.types.js

@@ -0,0 +1,6 @@
+const t = ["section", "heading", "link"];
+var n = /* @__PURE__ */ ((i) => (i.Section = "section", i.Heading = "heading", i.Link = "link", i))(n || {});
+export {
+  t as EXPANDER_MODES,
+  n as ExpanderMode
+};

package/dist/components/Expander/index.js

@@ -0,0 +1,7 @@
+import { EXPANDER_MODES as o, ExpanderMode as E } from "./Expander.types.js";
+import { IressExpander as x } from "./Expander.js";
+export {
+  o as EXPANDER_MODES,
+  E as ExpanderMode,
+  x as IressExpander
+};

package/dist/components/Field/Field.js

@@ -0,0 +1,71 @@
+import { jsx as c, jsxs as y } from "react/jsx-runtime";
+import { c as A } from "../../index-2QXL0WYc.js";
+import { F as E, s as p } from "../../FieldAppendToLabel-kSkgzhQp.js";
+import { useMemo as o, isValidElement as q } from "react";
+import { IressLabel as V } from "../Label/Label.js";
+import { propagateTestid as k } from "../../helpers/utility/propagateTestid.js";
+import { toArray as w } from "../../helpers/formatting/toArray.js";
+const K = ({
+  children: d,
+  className: a,
+  "data-testid": m,
+  error: l,
+  errorMessages: t,
+  hiddenLabel: i,
+  hint: f,
+  htmlFor: u,
+  label: F,
+  optional: v,
+  required: x,
+  readOnly: N,
+  ...b
+}) => {
+  const h = o(
+    () => !!l || (t == null ? void 0 : t.length),
+    [l, t == null ? void 0 : t.length]
+  ), j = o(
+    () => !f && !l && !(t != null && t.length) ? null : /* @__PURE__ */ c(
+      E,
+      {
+        hint: f,
+        error: l,
+        errorMessages: t,
+        hiddenLabel: i,
+        "data-parent-testid": m
+      }
+    ),
+    [m, l, t, i, f]
+  );
+  let n = u;
+  return n === void 0 && q(d) && (n = w(d)[0].props.id), /* @__PURE__ */ y(
+    "div",
+    {
+      className: A(a, {
+        [p.field]: !0,
+        [p.invalid]: h,
+        [p.hiddenLabel]: i === !0
+      }),
+      "data-testid": m,
+      ...b,
+      children: [
+        /* @__PURE__ */ c(
+          V,
+          {
+            append: j,
+            className: p.label,
+            "data-testid": k(m, "label"),
+            hiddenLabel: i,
+            htmlFor: n,
+            optional: v,
+            required: N ? !1 : !!x,
+            children: F
+          }
+        ),
+        d
+      ]
+    }
+  );
+};
+export {
+  K as IressField
+};

package/dist/components/Field/Field.types.js

@@ -0,0 +1 @@
+

package/dist/components/Field/FieldGroup/FieldGroup.js

@@ -0,0 +1,77 @@
+import { jsx as o, jsxs as N } from "react/jsx-runtime";
+import { c as x } from "../../../index-2QXL0WYc.js";
+import { useMemo as f } from "react";
+import { propagateTestid as b } from "../../../helpers/utility/propagateTestid.js";
+import { F as L } from "../../../FieldAppendToLabel-kSkgzhQp.js";
+import { FieldLegend as g } from "../components/FieldLegend.js";
+const y = "ids-field-group-v5140", A = "ids-field-group--invalid-v5140", E = "ids-field-group--hidden-label-v5140", k = "ids-field-group--legend-v5140", q = "ids-field-group--fields-v5140", w = "ids-field-group--inline-v5140", z = "ids-field-group--join-v5140", l = {
+  fieldGroup: y,
+  invalid: A,
+  hiddenLabel: E,
+  legend: k,
+  fields: q,
+  inline: w,
+  join: z
+}, O = ({
+  children: c,
+  className: m,
+  "data-testid": n,
+  error: d,
+  errorMessages: i,
+  hiddenLabel: t,
+  hint: p,
+  inline: u,
+  join: v,
+  label: a,
+  optional: e,
+  required: j,
+  ...h
+}) => {
+  const F = f(
+    () => !!d || (i == null ? void 0 : i.length),
+    [d, i == null ? void 0 : i.length]
+  ), G = f(
+    () => !p && !d && !(i != null && i.length) ? null : /* @__PURE__ */ o(
+      L,
+      {
+        hint: p,
+        error: d,
+        errorMessages: i,
+        hiddenLabel: t,
+        "data-parent-testid": n
+      }
+    ),
+    [n, d, i, t, p]
+  );
+  return /* @__PURE__ */ N(
+    "fieldset",
+    {
+      className: x(m, l.fieldGroup, {
+        [l.inline]: u,
+        [l.invalid]: F,
+        [l.hiddenLabel]: t,
+        [l.join]: v
+      }),
+      "data-testid": n,
+      ...h,
+      children: [
+        /* @__PURE__ */ o(
+          g,
+          {
+            append: G,
+            className: l.legend,
+            "data-testid": b(n, "legend"),
+            hiddenLabel: t,
+            optional: e,
+            required: j,
+            children: a
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: l.fields, children: c })
+      ]
+    }
+  );
+};
+export {
+  O as IressFieldGroup
+};