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

package/dist/components/CheckboxMark/CheckboxMark.js

@@ -0,0 +1,40 @@
+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-Cu0xwYjD.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

@@ -0,0 +1,16 @@
+const c = "ids-checkbox-mark-v5130", k = "ids-checkbox-mark--checked-v5130", t = "ids-checkbox-mark--indeterminate-v5130", a = {
+  checkboxMark: c,
+  checked: k,
+  indeterminate: t
+}, n = "ids-checkbox-mark-v5130", r = "ids-checkbox-mark--indeterminate-mark-v5130", i = "ids-checkbox-mark--checked-mark-v5130", s = "ids-checkbox-mark--checked-v5130", d = "ids-checkbox-mark--indeterminate-v5130", 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

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

@@ -0,0 +1,33 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as p } from "../../index-Cu0xwYjD.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
+};

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-Cu0xwYjD.js";
+import "../../ComboboxHiddenInput-BRgHrfvH.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 "../../Loading-CZ64hUvP.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-Cu0xwYjD.js";
+import "../../../ComboboxHiddenInput-BRgHrfvH.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 "../../../Loading-CZ64hUvP.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-BRgHrfvH.js";
+import "../../../helpers/utility/propagateTestid.js";
+import "../../../index-Cu0xwYjD.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 { $ as J } from "../../../Loading-CZ64hUvP.js";
+import "../../../fuzzysort-CuIReeYY.js";
+import "../../Badge/Badge.js";
+import "../../../index-Cu0xwYjD.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-BRgHrfvH.js";
+import "../../../AutocompleteNoResults-Bk7q5K89.js";
+export {
+  J as ComboboxResults
+};

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

@@ -0,0 +1,38 @@
+import "react/jsx-runtime";
+import "react";
+import { _ as I } from "../../../Loading-CZ64hUvP.js";
+import "../../../fuzzysort-CuIReeYY.js";
+import "../../Badge/Badge.js";
+import "../../../index-Cu0xwYjD.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 "../../Loading-CZ64hUvP.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-Cu0xwYjD.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-Cu0xwYjD.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-Cu0xwYjD.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-v5130", y = "ids-expander--heading-v5130", M = "ids-expander--activator-v5130", O = "ids-expander--section-v5130", $ = "ids-expander-v5130", A = "ids-expander--container-v5130", S = "ids-expander--open-v5130", T = "ids-expander--container-inner-v5130", g = "ids-expander--content-v5130", 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
+};