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

package/dist/components/Menu/MenuProvider.js

@@ -0,0 +1,67 @@
+import { jsx as M } from "react/jsx-runtime";
+import { createContext as b, useMemo as s } from "react";
+import { toArray as C } from "../../helpers/formatting/toArray.js";
+import { useControlledState as A } from "../../hooks/useControlledState.js";
+const N = b(
+  void 0
+), w = ({
+  changeOnBlur: n,
+  children: x,
+  defaultSelected: f,
+  id: r,
+  layout: c,
+  multiSelect: o,
+  nav: d = !1,
+  noWrap: i,
+  onChange: l,
+  role: e,
+  selected: v
+}) => {
+  const u = s(
+    () => e && ["menu", "listbox"].includes(e),
+    [e]
+  ), p = s(
+    () => e === "listbox" || !!o,
+    [e, o]
+  ), { toggleValue: a, value: t } = A({
+    component: "IressMenu",
+    defaultValue: f,
+    multiple: o,
+    onChange: l,
+    propName: "selected",
+    value: v
+  }), g = s(
+    () => ({
+      changeOnBlur: n && e === "listbox",
+      hasArrowKeyNav: u,
+      id: r,
+      isSelected: (m) => m !== void 0 && C(t).includes(m),
+      layout: c,
+      multiSelect: o,
+      noWrap: i,
+      nav: d,
+      role: e,
+      selected: t,
+      supportsSelection: p,
+      toggle: a
+    }),
+    [
+      n,
+      u,
+      r,
+      c,
+      o,
+      d,
+      i,
+      e,
+      t,
+      p,
+      a
+    ]
+  );
+  return /* @__PURE__ */ M(N.Provider, { value: g, children: x });
+};
+export {
+  N as MenuContext,
+  w as MenuProvider
+};

package/dist/components/Menu/MenuText/MenuText.js

@@ -0,0 +1,38 @@
+import "react/jsx-runtime";
+import "../../../index-2QXL0WYc.js";
+import "../../../MenuItem.module-C1hy3JLs.js";
+import "../hooks/useMenu.js";
+import "../MenuItem/hooks/useMenuItemRole.js";
+import { q as H } from "../../../LoadingSuspense-BDiikfSh.js";
+import "react";
+import "../../../fuzzysort-eoXOpoo6.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.js";
+import "../../CheckboxMark/CheckboxMark.types.js";
+import "../../CheckboxMark/CheckboxMark.js";
+import "../../Popover/PopoverProvider.js";
+import "../../Modal/ModalProvider.js";
+import "../../Panel/Panel.js";
+import "../../Popover/Popover.js";
+import "../../Popover/InputPopover/InputPopover.js";
+import "../../RadioGroup/RadioGroup.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 {
+  H as IressMenuText
+};

package/dist/components/Menu/helpers/mapMenuItems.js

@@ -0,0 +1,47 @@
+import { jsx as i } from "react/jsx-runtime";
+import { idsLogger as c } from "../../../helpers/utility/idsLogger.js";
+import { propagateTestid as p } from "../../../helpers/utility/propagateTestid.js";
+import { p as I, r as g } from "../../../LoadingSuspense-BDiikfSh.js";
+const b = (e) => (c(
+  "IressMenu: mapMenuItems 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"
+), e != null && e.length ? e.map(
+  ({
+    label: r,
+    href: d,
+    onClick: u,
+    divider: t,
+    testId: n,
+    headingLevel: a,
+    selected: m,
+    value: s,
+    key: f
+  }, l) => {
+    const o = f ?? String(s ?? l);
+    return a ? /* @__PURE__ */ i(
+      I,
+      {
+        level: a,
+        divider: t,
+        "data-testid": p(n, "iress-text"),
+        children: r
+      },
+      o
+    ) : /* @__PURE__ */ i(
+      g,
+      {
+        onClick: u,
+        divider: t,
+        selected: m,
+        "data-testid": p(n, "iress-button"),
+        value: s,
+        href: d,
+        children: r
+      },
+      o
+    );
+  }
+) : null);
+export {
+  b as mapMenuItems
+};

package/dist/components/Menu/hooks/useMenu.js

@@ -0,0 +1,6 @@
+import { useContext as o } from "react";
+import { MenuContext as t } from "../MenuProvider.js";
+const r = () => o(t);
+export {
+  r as useMenu
+};

package/dist/components/Menu/hooks/useMenuAria.js

@@ -0,0 +1,19 @@
+import { useEffect as n } from "react";
+import { usePopover as s } from "../../Popover/hooks/usePopover.js";
+const c = ({
+  id: o,
+  layout: e = "stack",
+  multiSelect: a,
+  role: r
+}) => {
+  const t = s(), i = e === "stack" ? "vertical" : "horizontal";
+  return n(() => (t != null && t.toggleAriaControls && o && t.toggleAriaControls(o, !0), () => {
+    t != null && t.toggleAriaControls && o && t.toggleAriaControls(o, !1);
+  }), [o, t]), {
+    "aria-multiselectable": r === "listbox" && a === !0 ? !0 : void 0,
+    "aria-orientation": r === "menu" ? i : void 0
+  };
+};
+export {
+  c as useMenuAria
+};

package/dist/components/Menu/hooks/useMenuComposite.js

@@ -0,0 +1,9 @@
+import { usePopover as t } from "../../Popover/hooks/usePopover.js";
+import { useMenu as n } from "./useMenu.js";
+const i = (r) => {
+  const s = t(), o = n(), e = r ?? (o == null ? void 0 : o.role);
+  return s || !e ? !1 : ["menu", "listbox"].includes(e);
+};
+export {
+  i as useMenuComposite
+};

package/dist/components/Menu/hooks/useMenuRole.js

@@ -0,0 +1,13 @@
+import { usePopover as i } from "../../Popover/hooks/usePopover.js";
+const c = (n, s) => {
+  const t = i(), [e, l] = u(n, s, t);
+  return l && (t == null || t.setHasInnerRole(!0)), e;
+}, u = (n, s, t) => {
+  if ((t == null ? void 0 : t.type) === "listbox" || (t == null ? void 0 : t.type) === "menu")
+    return [t.type, !0];
+  let e = s ?? "list";
+  return n ? e = "listbox" : s === "nav" && (e = "list"), [e, !1];
+};
+export {
+  c as useMenuRole
+};

package/dist/components/Menu/hooks/useMenuStyles.js

@@ -0,0 +1,26 @@
+import { c as d } from "../../../index-2QXL0WYc.js";
+import { usePopover as l } from "../../Popover/hooks/usePopover.js";
+const c = "ids-menu-v5140", o = "ids-menu--inline-v5140", a = "ids-menu--stack-v5140", v = "ids-menu--fluid-v5140", e = {
+  menu: c,
+  inline: o,
+  "inline-equal-width": "ids-menu--inline-equal-width-v5140",
+  stack: a,
+  fluid: v,
+  "ids-menu-item--divider": "ids-menu-item--divider-v5140"
+}, p = ({
+  className: s,
+  fluid: t,
+  layout: u = "stack",
+  role: m
+}) => {
+  const n = l(), i = n == null ? void 0 : n.type;
+  return {
+    className: d(s, e.menu, e[u], {
+      [e.fluid]: (i && ["listbox", "menu"].includes(i)) ?? t,
+      [e.nav]: m === "nav" && e.nav
+    })
+  };
+};
+export {
+  p as useMenuStyles
+};

package/dist/components/Menu/index.js

@@ -0,0 +1,29 @@
+import { IressMenu as o } from "./Menu.js";
+import { MENU_LAYOUTS as s, MENU_ROLES as u, MenuLayout as m, MenuType as n } from "./Menu.types.js";
+import { o as p, p as I, r as x, q as f } from "../../LoadingSuspense-BDiikfSh.js";
+import { MENU_ITEM_ROLES as i, MenuItemRole as E } from "./MenuItem/MenuItem.types.js";
+import { useMenuItemAria as R } from "./MenuItem/hooks/useMenuItemAria.js";
+import { useMenuItemButtonProps as U } from "./MenuItem/hooks/useMenuItemButtonProps.js";
+import { useMenuItemComposite as N } from "./MenuItem/hooks/useMenuItemComposite.js";
+import { useMenuItemInteractions as S } from "./MenuItem/hooks/useMenuItemInteractions.js";
+import { useMenuItemRole as l } from "./MenuItem/hooks/useMenuItemRole.js";
+import { mapMenuItems as A } from "./helpers/mapMenuItems.js";
+export {
+  o as IressMenu,
+  p as IressMenuDivider,
+  I as IressMenuHeading,
+  x as IressMenuItem,
+  f as IressMenuText,
+  i as MENU_ITEM_ROLES,
+  s as MENU_LAYOUTS,
+  u as MENU_ROLES,
+  E as MenuItemRole,
+  m as MenuLayout,
+  n as MenuType,
+  A as mapMenuItems,
+  R as useMenuItemAria,
+  U as useMenuItemButtonProps,
+  N as useMenuItemComposite,
+  S as useMenuItemInteractions,
+  l as useMenuItemRole
+};

package/dist/components/Modal/Modal.js

@@ -0,0 +1,16 @@
+import "react/jsx-runtime";
+import "../../index-2QXL0WYc.js";
+import { s as M } from "../../LoadingSuspense-BDiikfSh.js";
+import "react";
+import "../../enums.js";
+import "../../helpers/responsive/getResponsiveLayoutModifiers.js";
+import "../../floating-ui.react-RKRjRgyj.js";
+import "../../helpers/transition/timeStringToNumber.js";
+import "../../helpers/utility/idsLogger.js";
+import "../../helpers/utility/propagateTestid.js";
+import "../../hooks/useIdIfNeeded.js";
+import "../Text/Text.js";
+import "./hooks/useIDSProvidedModal.js";
+export {
+  M as IressModal
+};

package/dist/components/Modal/Modal.types.js

@@ -0,0 +1,4 @@
+const l = ["sm", "md", "lg", "fullpage"];
+export {
+  l as MODAL_SIZES
+};

package/dist/components/Modal/ModalProvider.js

@@ -0,0 +1,32 @@
+import { jsx as m } from "react/jsx-runtime";
+import { createContext as f, useState as x, useCallback as t, useMemo as M } from "react";
+const p = f(void 0), P = ({
+  children: a,
+  container: s
+}) => {
+  const [n, r] = x([]), c = t((o) => {
+    r((e) => e.includes(o) ? [...e] : [...e, o]);
+  }, []), l = t((o) => {
+    r(
+      (e) => e.includes(o) ? e.filter((i) => i !== o) : [...e]
+    );
+  }, []), u = t(
+    (o, e = !0) => {
+      if (e) return c(o);
+      l(o);
+    },
+    [l, c]
+  ), d = M(
+    () => ({
+      opened: n,
+      container: s,
+      showModal: u
+    }),
+    [s, n, u]
+  );
+  return /* @__PURE__ */ m(p.Provider, { value: d, children: a });
+};
+export {
+  p as IressModalContext,
+  P as IressModalProvider
+};

package/dist/components/Modal/hooks/useIDSProvidedModal.js

@@ -0,0 +1,13 @@
+import { useContext as e } from "react";
+import { IressModalContext as s } from "../ModalProvider.js";
+function u(n) {
+  const o = e(s);
+  return {
+    opened: n && (o == null ? void 0 : o.opened.includes(n)),
+    container: o == null ? void 0 : o.container,
+    show: (t) => n && (o == null ? void 0 : o.showModal(n, t))
+  };
+}
+export {
+  u as useIDSProvidedModal
+};

package/dist/components/Modal/hooks/useModal.js

@@ -0,0 +1,20 @@
+import { useContext as s, useMemo as t } from "react";
+import { IressModalContext as d } from "../ModalProvider.js";
+const u = () => {
+  const o = s(d);
+  return t(
+    () => ({
+      showModal: (e, r = !0) => {
+        if (o === void 0)
+          throw new Error(
+            "IressModal: useModal must be used within a IressModalProvider"
+          );
+        o.showModal(e, r);
+      }
+    }),
+    [o]
+  );
+};
+export {
+  u as useModal
+};

package/dist/components/Modal/index.js

@@ -0,0 +1,11 @@
+import { MODAL_SIZES as e } from "./Modal.types.js";
+import { s as t } from "../../LoadingSuspense-BDiikfSh.js";
+import { IressModalContext as d, IressModalProvider as x } from "./ModalProvider.js";
+import { useModal as f } from "./hooks/useModal.js";
+export {
+  t as IressModal,
+  d as IressModalContext,
+  x as IressModalProvider,
+  e as MODAL_SIZES,
+  f as useModal
+};

package/dist/components/Navbar/Navbar.js

@@ -0,0 +1,13 @@
+import "react/jsx-runtime";
+import "react";
+import "../../index-2QXL0WYc.js";
+import "./Navbar.types.js";
+import "../../enums.js";
+import { t as v } from "../../LoadingSuspense-BDiikfSh.js";
+import "../Panel/Panel.js";
+import "../../LogoFromSrc-RCkIBALM.js";
+import "../../helpers/utility/idsLogger.js";
+import "../../helpers/utility/propagateTestid.js";
+export {
+  v as IressNavbar
+};

package/dist/components/Navbar/Navbar.types.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((e) => (e.Between = "between", e.End = "end", e.Start = "start", e))(t || {});
+export {
+  t as NavbarHorizontalAlign
+};

package/dist/components/Navbar/components/HomeLinkContent.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import { a4 as e } from "../../../LoadingSuspense-BDiikfSh.js";
+import "../../../LogoFromSrc-RCkIBALM.js";
+export {
+  e as HomeLinkContent
+};

package/dist/components/Navbar/components/LogoFromSrc.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import "../../../helpers/utility/propagateTestid.js";
+import { L as t } from "../../../LogoFromSrc-RCkIBALM.js";
+export {
+  t as LogoFromSrc
+};

package/dist/components/Navbar/components/NavbarLogo.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "../../../index-2QXL0WYc.js";
+import "../../../helpers/utility/propagateTestid.js";
+import { a5 as i } from "../../../LoadingSuspense-BDiikfSh.js";
+import "../../../LogoFromSrc-RCkIBALM.js";
+export {
+  i as NavbarLogo
+};

package/dist/components/Navbar/index.js

@@ -0,0 +1,6 @@
+import { NavbarHorizontalAlign as o } from "./Navbar.types.js";
+import { t as e } from "../../LoadingSuspense-BDiikfSh.js";
+export {
+  e as IressNavbar,
+  o as NavbarHorizontalAlign
+};

package/dist/components/Panel/Panel.js

@@ -0,0 +1,36 @@
+import { jsx as p } from "react/jsx-runtime";
+import { c as u } from "../../index-2QXL0WYc.js";
+import { PanelCssClass as s, PanelBackground as f } from "./Panel.types.js";
+import { GlobalCSSClass as B, PaddingSize as C, TextAlign as P } from "../../enums.js";
+import { getResponsivePaddingClasses as x } from "../../helpers/responsive/getResponsivePaddingClasses.js";
+const a = ({
+  children: e,
+  background: o = "default",
+  noBorderRadius: r,
+  noGutter: t,
+  padding: n = "md",
+  stretch: i,
+  textAlign: l = "inherit",
+  className: d,
+  ...m
+}) => {
+  const c = {
+    [s.Stretch]: i,
+    [s.NoBorderRadius]: r,
+    [s.NoGutter]: t
+  }, g = u(
+    d,
+    s.Base,
+    `${B.TextAlignBase}--${l}`,
+    `${s.Background}--${o}`,
+    x(n),
+    c
+  );
+  return /* @__PURE__ */ p("div", { className: g, ...m, children: e });
+};
+a.Background = f;
+a.Padding = C;
+a.TextAlign = P;
+export {
+  a as IressPanel
+};

package/dist/components/Panel/Panel.types.js

@@ -0,0 +1,12 @@
+var t = /* @__PURE__ */ ((r) => (r.Background = "iress--background", r.Base = "iress-u-panel", r.NoBorderRadius = "iress--no-border-radius", r.NoGutter = "iress--no-gutter", r.Stretch = "iress--stretch", r))(t || {}), e = /* @__PURE__ */ ((r) => (r.Default = "default", r.Alt = "alt", r.Page = "page", r.Transparent = "transparent", r))(e || {});
+const u = [
+  "default",
+  "alt",
+  "page",
+  "transparent"
+];
+export {
+  u as PANEL_BACKGROUNDS,
+  e as PanelBackground,
+  t as PanelCssClass
+};

package/dist/components/Panel/index.js

@@ -0,0 +1,8 @@
+import { PANEL_BACKGROUNDS as s, PanelBackground as a, PanelCssClass as o } from "./Panel.types.js";
+import { IressPanel as n } from "./Panel.js";
+export {
+  n as IressPanel,
+  s as PANEL_BACKGROUNDS,
+  a as PanelBackground,
+  o as PanelCssClass
+};

package/dist/components/Placeholder/Placeholder.js

@@ -0,0 +1,42 @@
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import { c as m } from "../../index-2QXL0WYc.js";
+import { toCSSLengthValue as s } from "../../helpers/formatting/toCSSLengthValue.js";
+const x = "ids-placeholder-v5140", u = "ids-placeholder--transparent-v5140", n = {
+  placeholder: x,
+  transparent: u
+}, H = ({
+  children: l,
+  className: c,
+  height: r = "auto",
+  stretch: p,
+  style: e,
+  transparent: d,
+  width: t = "auto",
+  ...h
+}) => {
+  const i = r === "auto" ? p ? "100%" : r : s(r);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: m(c, n.placeholder, {
+        [n.transparent]: d
+      }),
+      ...h,
+      style: {
+        ...e,
+        width: t ? s(t) : e == null ? void 0 : e.width,
+        height: i
+      },
+      children: [
+        /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ a("line", { x1: "0", y1: "0", x2: "100%", y2: "100%" }),
+          /* @__PURE__ */ a("line", { x1: "100%", y1: "0", x2: "0", y2: "100%" })
+        ] }),
+        l
+      ]
+    }
+  );
+};
+export {
+  H as IressPlaceholder
+};

package/dist/components/Placeholder/Placeholder.types.js

@@ -0,0 +1 @@
+

package/dist/components/Placeholder/index.js

@@ -0,0 +1,4 @@
+import { IressPlaceholder as o } from "./Placeholder.js";
+export {
+  o as IressPlaceholder
+};

package/dist/components/Popover/InputPopover/InputPopover.js

@@ -0,0 +1,87 @@
+import { jsx as o, jsxs as j } from "react/jsx-runtime";
+import { forwardRef as F } from "react";
+import { c as i } from "../../../index-2QXL0WYc.js";
+import { GlobalCSSClass as S } from "../../../enums.js";
+import { propagateTestid as m } from "../../../helpers/utility/propagateTestid.js";
+import { s as r } from "../../../Popover.module-BVuEALLH.js";
+import { InputPopoverProvider as W } from "./InputPopoverProvider.js";
+import { PopoverContent as b } from "../components/PopoverContent.js";
+import { InputPopoverActivator as w } from "./InputPopoverActivator.js";
+import { composePopoverWidth as E } from "../helpers/composePopoverWidth.js";
+import { NestedPopoverActivator as G } from "../components/NestedPopoverActivator.js";
+import { usePopover as R } from "../hooks/usePopover.js";
+const k = ({
+  activator: p,
+  align: s = "auto",
+  autoHighlight: v = !0,
+  children: c,
+  className: n,
+  container: d,
+  contentClassName: l,
+  defaultShow: f,
+  disabledAutoToggle: e,
+  displayMode: a = "overlay",
+  focusStartIndex: u,
+  minLength: P,
+  onActivated: h,
+  onDeactivated: I,
+  onNavigate: x,
+  show: A,
+  type: N = "listbox",
+  width: y,
+  ...t
+}, C) => /* @__PURE__ */ o(
+  W,
+  {
+    align: s,
+    autoHighlight: v,
+    defaultShow: f,
+    disabledAutoToggle: e,
+    matchActivatorWidth: a === "overlay",
+    onActivated: h,
+    onDeactivated: I,
+    onNavigate: x,
+    ref: C,
+    type: N,
+    show: A,
+    focusStartIndex: u,
+    children: /* @__PURE__ */ j(
+      "div",
+      {
+        ...t,
+        className: i(
+          n,
+          S.FormElement,
+          r.popover,
+          r.hasInputActivator
+        ),
+        children: [
+          /* @__PURE__ */ o(G, { parentPopover: R(), children: /* @__PURE__ */ o(
+            w,
+            {
+              "data-testid": m(t["data-testid"], "activator"),
+              disabledAutoToggle: e,
+              minLength: P,
+              children: p
+            }
+          ) }),
+          /* @__PURE__ */ o(
+            b,
+            {
+              className: i(r.inputActivatorPortal, l),
+              container: d,
+              "data-testid": m(t["data-testid"], "content"),
+              displayMode: a,
+              style: E(y),
+              virtualFocus: !0,
+              children: c
+            }
+          )
+        ]
+      }
+    )
+  }
+), V = F(k);
+export {
+  V as IressInputPopover
+};

package/dist/components/Popover/InputPopover/InputPopover.types.js

@@ -0,0 +1 @@
+