@iress-oss/ids-components 0.0.1-dev.13 → 0.0.1-dev.15

package/dist/components/Row/Row.js

@@ -0,0 +1,40 @@
+import "react/jsx-runtime";
+import "../../index-2QXL0WYc.js";
+import "./Row.types.js";
+import "../../helpers/responsive/getResponsiveLayoutModifiers.js";
+import { D as L } from "../../LoadingSuspense-fgJdyrWn.js";
+import "react";
+import "../../fuzzysort-eoXOpoo6.js";
+import "../Badge/Badge.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 "../../PopoverProvider-BqnPfQtY.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 "../../SlideoutProvider-CQh140HM.js";
+import "react-dom";
+import "../RadioGroup/RadioGroup.js";
+import "../Text/Text.js";
+import "../Skeleton/Skeleton.js";
+import "../SkipLink/SkipLink.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 {
+  L as IressRow
+};

package/dist/components/Row/Row.types.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((r) => (r.Base = "iress-u-row", r.Gutter = "iress--gutter", r.HorizontalAlign = "iress--h-align", r.VerticalAlign = "iress--v-align", r.UseColGap = "iress--use-col-gap", r))(e || {});
+export {
+  e as RowCssClass
+};

package/dist/components/Row/index.js

@@ -0,0 +1,6 @@
+import { RowCssClass as r } from "./Row.types.js";
+import { D as a } from "../../LoadingSuspense-fgJdyrWn.js";
+export {
+  a as IressRow,
+  r as RowCssClass
+};

package/dist/components/Select/Select.js

@@ -0,0 +1,14 @@
+import "react/jsx-runtime";
+import "react";
+import "../../index-2QXL0WYc.js";
+import "../../helpers/utility/propagateTestid.js";
+import "../../enums.js";
+import "../../hooks/useControlledState.js";
+import "../../hooks/useIdIfNeeded.js";
+import "../../SelectControl-IZ6Sl4ap.js";
+import { E as x } from "../../LoadingSuspense-fgJdyrWn.js";
+import "../../helpers/form/getValueAsEvent.js";
+import "../Form/hooks/useNoDefaultValueInForms.js";
+export {
+  x as IressSelect
+};

package/dist/components/Select/Select.types.js

@@ -0,0 +1 @@
+

package/dist/components/Select/SelectOption/SelectOption.js

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import { getFormControlValueAsString as e } from "../../../helpers/form/getFormControlValueAsString.js";
+const n = ({
+  value: o,
+  ...t
+}) => /* @__PURE__ */ r("option", { ...t, value: e(o) });
+export {
+  n as IressSelectOption
+};

package/dist/components/Select/components/SelectControl.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "../../../index-2QXL0WYc.js";
+import { S as l } from "../../../SelectControl-IZ6Sl4ap.js";
+import "react";
+import "../../../enums.js";
+import "../../../helpers/form/getFormControlValueAsStringIfDefined.js";
+export {
+  l as SelectControl
+};

package/dist/components/Select/components/SelectReadonly.js

@@ -0,0 +1,39 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../helpers/utility/propagateTestid.js";
+import { ab as J } from "../../../LoadingSuspense-fgJdyrWn.js";
+import "../../../helpers/form/getFormControlValueAsStringIfDefined.js";
+import "../../../fuzzysort-eoXOpoo6.js";
+import "../../Badge/Badge.js";
+import "../../../index-2QXL0WYc.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 "../../../PopoverProvider-BqnPfQtY.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 "../../../SlideoutProvider-CQh140HM.js";
+import "react-dom";
+import "../../RadioGroup/RadioGroup.js";
+import "../../Text/Text.js";
+import "../../Skeleton/Skeleton.js";
+import "../../SkipLink/SkipLink.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 {
+  J as SelectReadonly
+};

package/dist/components/Select/helpers/mapSelectOptions.js

@@ -0,0 +1,21 @@
+import { jsx as p } from "react/jsx-runtime";
+import { idsLogger as a } from "../../../helpers/utility/idsLogger.js";
+import "../../../LoadingSuspense-fgJdyrWn.js";
+import { IressSelectOption as d } from "../SelectOption/SelectOption.js";
+const l = (r) => (a(
+  "IressSelect: mapSelectOptions 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 != null && r.length ? r.map((e, t) => c(e, t)) : null), c = ({ children: r, label: e, onClick: t, testId: n, value: i }, o) => r ? /* @__PURE__ */ p("optgroup", { label: String(e), children: l(r) }, o) : /* @__PURE__ */ p(
+  d,
+  {
+    onClick: t,
+    "data-testid": n ? `${n}` : void 0,
+    value: i,
+    children: e
+  },
+  o
+);
+export {
+  l as mapSelectOptions,
+  c as renderOptionOrOptGroup
+};

package/dist/components/Select/helpers/nodesToSelectOptions.js

@@ -0,0 +1,9 @@
+import "../../../helpers/formatting/toArray.js";
+import "../../../helpers/form/getFormControlValueAsString.js";
+import { aa as e, a9 as m } from "../../../LoadingSuspense-fgJdyrWn.js";
+import "../SelectOption/SelectOption.js";
+import "react/jsx-runtime";
+export {
+  e as findValueFromStringInSelectOptions,
+  m as mapNodesToSelectOptions
+};

package/dist/components/Select/index.js

@@ -0,0 +1,9 @@
+import { E as o } from "../../LoadingSuspense-fgJdyrWn.js";
+import { IressSelectOption as p } from "./SelectOption/SelectOption.js";
+import { mapSelectOptions as O, renderOptionOrOptGroup as m } from "./helpers/mapSelectOptions.js";
+export {
+  o as IressSelect,
+  p as IressSelectOption,
+  O as mapSelectOptions,
+  m as renderOptionOrOptGroup
+};

package/dist/components/Skeleton/Skeleton.js

@@ -0,0 +1,44 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as h } from "../../index-2QXL0WYc.js";
+import { TextVariant as p } from "../../enums.js";
+import { SkeletonMode as v } from "./Skeleton.types.js";
+import { toCSSLengthValue as i } from "../../helpers/formatting/toCSSLengthValue.js";
+import { IressText as f } from "../Text/Text.js";
+const S = "ids-skeleton-v5170", g = "ids-skeleton--rect-v5170", u = "ids-skeleton--circle-v5170", T = "ids-skeleton--text-v5170", c = {
+  skeleton: S,
+  "iress-skeleton-loading": "ids-skeleton--iress-skeleton-loading-v5170",
+  rect: g,
+  circle: u,
+  text: T
+}, a = ({
+  className: l,
+  height: s,
+  width: o,
+  textVariant: d,
+  mode: n = "text",
+  style: e,
+  ...m
+}) => {
+  const t = n === "text", k = {
+    ...e,
+    width: o ? i(o) : e == null ? void 0 : e.width,
+    height: !t && s ? i(s) : e == null ? void 0 : e.height
+  }, x = h(l, c.skeleton, c[n], {
+    "iress-u-text": t
+  });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ...m,
+      className: x,
+      style: k,
+      "aria-hidden": "true",
+      children: t && /* @__PURE__ */ r(f, { variant: d, children: " " })
+    }
+  );
+};
+a.Mode = v;
+a.TextVariant = p;
+export {
+  a as IressSkeleton
+};

package/dist/components/Skeleton/Skeleton.types.js

@@ -0,0 +1,6 @@
+var r = /* @__PURE__ */ ((c) => (c.Rect = "rect", c.Circle = "circle", c.Text = "text", c))(r || {});
+const t = ["rect", "circle", "text"];
+export {
+  t as SKELETON_MODES,
+  r as SkeletonMode
+};

package/dist/components/Skeleton/index.js

@@ -0,0 +1,7 @@
+import { SKELETON_MODES as r, SkeletonMode as t } from "./Skeleton.types.js";
+import { IressSkeleton as E } from "./Skeleton.js";
+export {
+  E as IressSkeleton,
+  r as SKELETON_MODES,
+  t as SkeletonMode
+};

package/dist/components/SkipLink/SkipLink.js

@@ -0,0 +1,30 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { c as t } from "../../index-2QXL0WYc.js";
+import { idsLogger as m } from "../../helpers/utility/idsLogger.js";
+const a = "ids-skip-link-v5170", f = {
+  skipLink: a
+}, l = e(
+  ({
+    targetId: i,
+    href: s,
+    children: o = "Skip to content",
+    className: r,
+    ...p
+  }, k) => !i && !s ? (m(
+    "SkipLink: You must define other a targetId or href prop to display a skip link."
+  ), null) : /* @__PURE__ */ n(
+    "a",
+    {
+      ...p,
+      className: t(r, f.skipLink),
+      href: i ? `#${i}` : s,
+      ref: k,
+      children: o
+    }
+  )
+);
+l.displayName = "IressSkipLink";
+export {
+  l as IressSkipLink
+};

package/dist/components/SkipLink/SkipLink.types.js

@@ -0,0 +1 @@
+

package/dist/components/SkipLink/index.js

@@ -0,0 +1,4 @@
+import { IressSkipLink as i } from "./SkipLink.js";
+export {
+  i as IressSkipLink
+};

package/dist/components/Slideout/Slideout.js

@@ -0,0 +1,18 @@
+import "react/jsx-runtime";
+import "../../index-2QXL0WYc.js";
+import "./Slideout.types.js";
+import "../../SlideoutProvider-CQh140HM.js";
+import "react";
+import "../../floating-ui.react-nmA48tb2.js";
+import "../../helpers/transition/timeStringToNumber.js";
+import "../../enums.js";
+import "../../helpers/utility/idsLogger.js";
+import "../../helpers/utility/propagateTestid.js";
+import { F as S } from "../../LoadingSuspense-fgJdyrWn.js";
+import "../../PopoverProvider-BqnPfQtY.js";
+import "../../hooks/useIdIfNeeded.js";
+import "../Text/Text.js";
+import "./hooks/useIDSProvidedSlideout.js";
+export {
+  S as IressSlideout
+};

package/dist/components/Slideout/Slideout.types.js

@@ -0,0 +1,14 @@
+var t = /* @__PURE__ */ ((r) => (r.Overlay = "overlay", r.Push = "push", r))(t || {});
+const a = ["overlay", "push"];
+var s = /* @__PURE__ */ ((r) => (r.Right = "right", r.Left = "left", r))(s || {});
+const g = ["right", "left"];
+var O = /* @__PURE__ */ ((r) => (r.Sm = "sm", r.Md = "md", r.Lg = "lg", r))(O || {});
+const h = ["sm", "md", "lg"];
+export {
+  a as SLIDEOUT_MODES,
+  g as SLIDEOUT_POSITIONS,
+  h as SLIDEOUT_SIZES,
+  t as SlideoutMode,
+  s as SlideoutPosition,
+  O as SlideoutSize
+};

package/dist/components/Slideout/SlideoutProvider.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "react";
+import { I as s, a as m } from "../../SlideoutProvider-CQh140HM.js";
+import "../../constants.js";
+export {
+  s as IressSlideoutContext,
+  m as IressSlideoutProvider
+};

package/dist/components/Slideout/components/SlideoutInner.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "../../../index-2QXL0WYc.js";
+import "../../../helpers/utility/propagateTestid.js";
+import { a8 as e } from "../../../LoadingSuspense-fgJdyrWn.js";
+import "../../../PopoverProvider-BqnPfQtY.js";
+export {
+  e as SlideoutInner
+};

package/dist/components/Slideout/hooks/useIDSProvidedSlideout.js

@@ -0,0 +1,13 @@
+import { useContext as n } from "react";
+import { I as s } from "../../../SlideoutProvider-CQh140HM.js";
+function l(o) {
+  const t = n(s);
+  return {
+    container: t == null ? void 0 : t.container,
+    opened: o && (t == null ? void 0 : t.opened.includes(o)),
+    show: (e) => o && (t == null ? void 0 : t.showSlideout(o, e))
+  };
+}
+export {
+  l as useIDSProvidedSlideout
+};

package/dist/components/Slideout/hooks/useSlideout.js

@@ -0,0 +1,20 @@
+import { useContext as r, useMemo as s } from "react";
+import { I as i } from "../../../SlideoutProvider-CQh140HM.js";
+const n = () => {
+  const o = r(i);
+  return s(
+    () => ({
+      showSlideout: (e, t = !0) => {
+        if (o === void 0)
+          throw new Error(
+            "IressSlideout: showSlideout must be used within a IressSlideoutProvider"
+          );
+        o.showSlideout(e, t);
+      }
+    }),
+    [o]
+  );
+};
+export {
+  n as useSlideout
+};

package/dist/components/Slideout/index.js

@@ -0,0 +1,16 @@
+import { SLIDEOUT_MODES as S, SLIDEOUT_POSITIONS as t, SLIDEOUT_SIZES as r, SlideoutMode as i, SlideoutPosition as s, SlideoutSize as I } from "./Slideout.types.js";
+import { F as u } from "../../LoadingSuspense-fgJdyrWn.js";
+import { I as O, a as x } from "../../SlideoutProvider-CQh140HM.js";
+import { useSlideout as a } from "./hooks/useSlideout.js";
+export {
+  u as IressSlideout,
+  O as IressSlideoutContext,
+  x as IressSlideoutProvider,
+  S as SLIDEOUT_MODES,
+  t as SLIDEOUT_POSITIONS,
+  r as SLIDEOUT_SIZES,
+  i as SlideoutMode,
+  s as SlideoutPosition,
+  I as SlideoutSize,
+  a as useSlideout
+};

package/dist/components/Slider/Slider.js

@@ -0,0 +1,12 @@
+import "react/jsx-runtime";
+import "../../index-2QXL0WYc.js";
+import "../../SliderTicks-8ffd5McY.js";
+import "react";
+import "../../helpers/utility/propagateTestid.js";
+import "../../hooks/useControlledState.js";
+import "../../hooks/useIdIfNeeded.js";
+import { G as f } from "../../LoadingSuspense-fgJdyrWn.js";
+import "../Form/hooks/useNoDefaultValueInForms.js";
+export {
+  f as IressSlider
+};

package/dist/components/Slider/Slider.types.js

@@ -0,0 +1 @@
+

package/dist/components/Slider/components/SliderTicks.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import { S } from "../../../SliderTicks-8ffd5McY.js";
+import "../../../index-2QXL0WYc.js";
+import "react";
+import "../../../enums.js";
+import "../../../helpers/utility/propagateTestid.js";
+import "../../../constants.js";
+export {
+  S as SliderTicks
+};

package/dist/components/Slider/index.js

@@ -0,0 +1,4 @@
+import { G as s } from "../../LoadingSuspense-fgJdyrWn.js";
+export {
+  s as IressSlider
+};

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import "../../index-2QXL0WYc.js";
+import { H as i } from "../../LoadingSuspense-fgJdyrWn.js";
+export {
+  i as IressSpinner
+};

package/dist/components/Spinner/Spinner.types.js

@@ -0,0 +1 @@
+

package/dist/components/Spinner/index.js

@@ -0,0 +1,4 @@
+import { H as s } from "../../LoadingSuspense-fgJdyrWn.js";
+export {
+  s as IressSpinner
+};

package/dist/components/Stack/Stack.js

@@ -0,0 +1,26 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as a } from "../../index-2QXL0WYc.js";
+import { StackCssClass as s } from "./Stack.types.js";
+import { getResponsiveLayoutModifiers as i } from "../../helpers/responsive/getResponsiveLayoutModifiers.js";
+import { GutterSize as p } from "../../enums.js";
+const c = ({
+  children: o,
+  className: t,
+  gutter: r = "none",
+  ...e
+}) => /* @__PURE__ */ m(
+  "div",
+  {
+    className: a(
+      t,
+      s.Base,
+      i(s.Gutter, r, "none")
+    ),
+    ...e,
+    children: o
+  }
+);
+c.Gutter = p;
+export {
+  c as IressStack
+};

package/dist/components/Stack/Stack.types.js

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

package/dist/components/Stack/index.js

@@ -0,0 +1,6 @@
+import { StackCssClass as o } from "./Stack.types.js";
+import { IressStack as a } from "./Stack.js";
+export {
+  a as IressStack,
+  o as StackCssClass
+};

package/dist/components/TabSet/Tab/Tab.js

@@ -0,0 +1,99 @@
+import { jsx as r, jsxs as A, Fragment as h } from "react/jsx-runtime";
+import { c as l } from "../../../index-2QXL0WYc.js";
+import { forwardRef as w, useEffect as x } from "react";
+import { useIdIfNeeded as g } from "../../../hooks/useIdIfNeeded.js";
+import { useTabSetItems as k } from "../hooks/useTabSetItems.js";
+import { TabSetItem as u } from "../components/TabSetItem.js";
+import { createPortal as N } from "react-dom";
+const T = "ids-tab-v5170", I = "ids-tab--active-v5170", f = {
+  tab: T,
+  active: I
+}, v = w(
+  ({ className: d, type: o = "button", ...s }, n) => /* @__PURE__ */ r(
+    "button",
+    {
+      className: l(d, f.tab),
+      ...s,
+      type: o,
+      ref: n
+    }
+  )
+), $ = ({
+  active: d,
+  children: o,
+  className: s,
+  "data-testid": n,
+  label: p,
+  value: a,
+  ...m
+}, b) => {
+  const e = g(m), t = k();
+  x(() => {
+    t == null || t.register({
+      id: e,
+      value: a
+    });
+  }, [e, t, a]);
+  const c = t ? t.isActive(e, a) : d;
+  if (t) {
+    const y = o && c;
+    return /* @__PURE__ */ A(h, { children: [
+      /* @__PURE__ */ r(
+        u,
+        {
+          index: t.indexOf(e, a),
+          handleSelection: t.activate,
+          selected: c,
+          value: a,
+          children: /* @__PURE__ */ r(
+            v,
+            {
+              className: l(s, {
+                [f.active]: c
+              }),
+              "aria-controls": o ? `${e}--panel` : void 0,
+              role: "tab",
+              "data-testid": n,
+              ...m,
+              id: e,
+              ref: b,
+              children: p
+            }
+          )
+        }
+      ),
+      y && t.panel && N(
+        /* @__PURE__ */ r(
+          "div",
+          {
+            "aria-labelledby": e,
+            id: `${e}--panel`,
+            role: "tabpanel",
+            onKeyDown: (i) => {
+              (i.key === "ArrowLeft" || i.key === "ArrowRight" || i.key === "ArrowUp" || i.key === "ArrowDown") && i.stopPropagation();
+            },
+            children: o
+          }
+        ),
+        t.panel,
+        `${e}--panel`
+      )
+    ] });
+  }
+  return /* @__PURE__ */ r(
+    v,
+    {
+      className: l(s, {
+        [f.active]: c
+      }),
+      "data-testid": n,
+      ...m,
+      id: e,
+      ref: b,
+      children: p
+    }
+  );
+}, K = w($);
+export {
+  K as IressTab
+};

package/dist/components/TabSet/Tab/Tab.types.js

@@ -0,0 +1 @@
+

package/dist/components/TabSet/TabSet.js

@@ -0,0 +1,59 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { c as n } from "../../index-2QXL0WYc.js";
+import { s as e } from "../../TabSet.module-p87tRckl.js";
+import { C as c } from "../../floating-ui.react-nmA48tb2.js";
+import { propagateTestid as b } from "../../helpers/utility/propagateTestid.js";
+import { TabSetLayout as u } from "./TabSet.types.js";
+import { TabSetProvider as S } from "./TabSetProvider.js";
+import { useState as v } from "react";
+const N = ({
+  children: o,
+  className: s,
+  defaultSelected: i,
+  layout: m = "top-left",
+  onChange: l,
+  selected: r,
+  ...t
+}) => {
+  const [p, f] = v(null);
+  return /* @__PURE__ */ a(
+    S,
+    {
+      onChange: l,
+      defaultSelected: i,
+      panel: p,
+      selected: r,
+      children: /* @__PURE__ */ d(
+        "div",
+        {
+          className: n(s, e.tabSet, {
+            [e[`layout--${m}`]]: !!m
+          }),
+          ...t,
+          children: [
+            o && /* @__PURE__ */ a(
+              c,
+              {
+                render: /* @__PURE__ */ a("div", { className: e.list, role: "tablist" }),
+                loop: !1,
+                children: o
+              }
+            ),
+            o && /* @__PURE__ */ a(
+              "div",
+              {
+                className: e.panel,
+                "data-testid": b(t == null ? void 0 : t["data-testid"], "panel"),
+                ref: f
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+N.Layout = u;
+export {
+  N as IressTabSet
+};

package/dist/components/TabSet/TabSet.types.js

@@ -0,0 +1,6 @@
+var p = /* @__PURE__ */ ((t) => (t.TopLeft = "top-left", t.TopCenter = "top-center", t.TopRight = "top-right", t))(p || {});
+const e = ["top-left", "top-center", "top-right"];
+export {
+  e as TAB_SET_LAYOUTS,
+  p as TabSetLayout
+};