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

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-fgJdyrWn.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-fgJdyrWn.js";
+import "../Panel/Panel.js";
+import "../../LogoFromSrc-Dr3xwNJa.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 { a3 as e } from "../../../LoadingSuspense-fgJdyrWn.js";
+import "../../../LogoFromSrc-Dr3xwNJa.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-Dr3xwNJa.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 { a4 as i } from "../../../LoadingSuspense-fgJdyrWn.js";
+import "../../../LogoFromSrc-Dr3xwNJa.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-fgJdyrWn.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-v5170", u = "ids-placeholder--transparent-v5170", 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-BzjyEvrY.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 @@
+

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

@@ -0,0 +1,62 @@
+import { jsx as E } from "react/jsx-runtime";
+import { s as R } from "../../../Popover.module-BzjyEvrY.js";
+import { usePopover as k } from "../hooks/usePopover.js";
+import { useCallback as f, cloneElement as F } from "react";
+import { hasFocus as S } from "../helpers/hasFocus.js";
+import { usePopoverActivatorInteractions as W } from "../hooks/usePopoverActivatorInteractions.js";
+const M = ({
+  children: c,
+  disabledAutoToggle: o,
+  minLength: m,
+  ...h
+}) => {
+  const t = k(), n = c == null ? void 0 : c.props, e = m ?? n.minLength ?? 1, i = "focus", v = f(
+    (s) => {
+      var r;
+      const a = s.currentTarget.value;
+      if (!o) {
+        const u = a.length >= e;
+        u && (t == null ? void 0 : t.show) === !1 ? t.setShowWithReason(!0, s.nativeEvent, i) : !u && (t != null && t.show) && t.setShowWithReason(!1, s.nativeEvent, i);
+      }
+      (r = n.onChange) == null || r.call(n, s, a);
+    },
+    [n, o, e, t]
+  ), l = f(
+    (s) => {
+      var r;
+      const a = s.currentTarget.value;
+      (r = n.onClick) == null || r.call(n, s), !o && (t == null ? void 0 : t.show) === !1 && S(s.currentTarget) && a.length >= e && t.setShowWithReason(!0, s.nativeEvent, i);
+    },
+    [n, o, e, t]
+  ), w = f(
+    (s) => {
+      var a;
+      (a = n.onFocus) == null || a.call(n, s), !o && (!e || s.currentTarget.value.length >= e) && (t == null ? void 0 : t.show) === !1 && t.setShowWithReason(!0, s.nativeEvent, "focus");
+    },
+    [n, o, e, t]
+  ), C = W(
+    t,
+    n
+  );
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      ...h,
+      className: R.activator,
+      ref: t == null ? void 0 : t.api.refs.setReference,
+      children: c && t && F(
+        c,
+        t.interactions.getReferenceProps({
+          ...C,
+          "aria-autocomplete": "list",
+          onChange: v,
+          onClick: l,
+          onFocus: w
+        })
+      )
+    }
+  );
+};
+export {
+  M as InputPopoverActivator
+};

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

@@ -0,0 +1,103 @@
+import { jsx as N } from "react/jsx-runtime";
+import { forwardRef as V, useRef as _, useMemo as h } from "react";
+import { o as q, h as y, s as U, i as $, j as k, k as z, l as G, m as K } from "../../../floating-ui.react-nmA48tb2.js";
+import { POPOVER_USE_MAX_HEIGHT as X } from "../Popover.types.js";
+import { usePopoverState as B } from "../hooks/usePopoverState.js";
+import { usePopoverNavigation as J } from "../hooks/usePopoverNavigation.js";
+import { usePopoverAria as L } from "../hooks/usePopoverAria.js";
+import { a as Q } from "../../../PopoverProvider-BqnPfQtY.js";
+import { usePopoverImperativeHandle as W } from "../hooks/usePopoverImperativeHandle.js";
+import { focusableElements as Y } from "../../../helpers/dom/focusableElements.js";
+const Z = V(
+  ({
+    align: c,
+    autoHighlight: v,
+    children: w,
+    defaultShow: I,
+    disabledAutoToggle: a,
+    focusStartIndex: O,
+    matchActivatorWidth: l = !0,
+    onActivated: u,
+    onDeactivated: m,
+    onNavigate: g,
+    show: F,
+    type: n
+  }, E) => {
+    const R = c === "auto", f = _(null), r = B({
+      defaultShow: I,
+      show: F
+    }), S = h(() => {
+      const e = [q(5), y({ padding: 5 })];
+      return l && e.push(
+        U({
+          apply({ rects: t, availableHeight: s, elements: H }) {
+            requestAnimationFrame(() => {
+              Object.assign(H.floating.style, {
+                width: `${t.reference.width}px`,
+                maxHeight: s > X ? `${s}px` : void 0
+              });
+            });
+          },
+          padding: 5
+        })
+      ), e;
+    }, [l]), o = $({
+      open: r.show,
+      onOpenChange: (e, t, s) => {
+        r.setShow(e), e ? u == null || u(t, s, i) : m == null || m(t, s, i);
+      },
+      middleware: S,
+      placement: R ? void 0 : c,
+      whileElementsMounted: k
+    }), M = z(o.context, {
+      enabled: !a,
+      escapeKey: !1
+    }), b = G(o.context, {
+      role: n
+    }), { activeIndex: i, list: x, listNav: j, setActiveIndex: P } = J(
+      o.context,
+      n,
+      {
+        focusItemOnOpen: v,
+        virtual: !0
+      },
+      g,
+      O
+    ), d = K([M, b, j]), p = L(), C = h(
+      () => ({
+        ...p,
+        ...r,
+        activeIndex: i,
+        api: o,
+        disabledAutoToggle: a,
+        getFocusableActivator: () => {
+          const e = o.elements.reference;
+          return (e == null ? void 0 : e.querySelector("[role=combobox]")) ?? Y(e)[0];
+        },
+        getVirtualFocus: () => f.current,
+        interactions: d,
+        list: x,
+        setActiveIndex: P,
+        setShowWithReason: (e, t, s) => o.context.onOpenChange(e, t, s),
+        setVirtualFocus: (e) => f.current = e,
+        type: n
+      }),
+      [
+        i,
+        o,
+        p,
+        a,
+        d,
+        x,
+        P,
+        r,
+        n
+      ]
+    );
+    return W(E, o, p, r), /* @__PURE__ */ N(Q.Provider, { value: C, children: w });
+  }
+);
+Z.displayName = "InputPopoverProvider";
+export {
+  Z as InputPopoverProvider
+};

package/dist/components/Popover/Popover.js

@@ -0,0 +1,97 @@
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import { forwardRef as I, useRef as W } from "react";
+import { c as j } from "../../index-2QXL0WYc.js";
+import { PopoverType as R } from "./Popover.types.js";
+import { FloatingUIAlign as S, GlobalCSSClass as b } from "../../enums.js";
+import { idsLogger as k } from "../../helpers/utility/idsLogger.js";
+import { propagateTestid as a } from "../../helpers/utility/propagateTestid.js";
+import { s as E } from "../../Popover.module-BzjyEvrY.js";
+import { P as F } from "../../PopoverProvider-BqnPfQtY.js";
+import { PopoverActivator as G } from "./components/PopoverActivator.js";
+import { PopoverContent as L } from "./components/PopoverContent.js";
+import { composePopoverWidth as U } from "./helpers/composePopoverWidth.js";
+import { usePopover as q } from "./hooks/usePopover.js";
+import { NestedPopoverActivator as z } from "./components/NestedPopoverActivator.js";
+const B = ({
+  activator: p,
+  align: d = "auto",
+  children: n,
+  className: c,
+  container: l,
+  contentClassName: v,
+  defaultShow: f,
+  disabledAutoToggle: h,
+  displayMode: e = "overlay",
+  focusStartIndex: P,
+  matchActivatorWidth: g,
+  onActivated: y,
+  onDeactivated: A,
+  onNavigate: u,
+  type: x,
+  show: N,
+  width: r,
+  virtualFocus: i,
+  ...o
+}, T) => {
+  const w = W(null), s = g && e === "overlay";
+  return r !== void 0 && k(
+    "IressPopover: The width prop is deprecated. Please use the --iress-width and --iress-max-width design token instead."
+  ), /* @__PURE__ */ t(
+    F,
+    {
+      align: d,
+      defaultShow: f,
+      disabledAutoToggle: h,
+      focusStartIndex: P,
+      matchActivatorWidth: s,
+      onActivated: y,
+      onDeactivated: A,
+      onNavigate: u,
+      ref: T,
+      show: N,
+      type: x,
+      virtualFocus: i,
+      children: /* @__PURE__ */ C(
+        "div",
+        {
+          ...o,
+          className: j(
+            c,
+            b.FormElement,
+            E.popover
+          ),
+          ref: w,
+          children: [
+            /* @__PURE__ */ t(z, { parentPopover: q(), children: /* @__PURE__ */ t(
+              G,
+              {
+                "data-testid": a(o["data-testid"], "activator"),
+                children: p
+              }
+            ) }),
+            /* @__PURE__ */ t(
+              L,
+              {
+                className: v,
+                container: l,
+                "data-testid": a(o["data-testid"], "content"),
+                displayMode: e,
+                style: {
+                  ...U(r, s),
+                  ...o.style
+                },
+                virtualFocus: i,
+                children: n
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}, m = I(B);
+m.Align = S;
+m.Type = R;
+export {
+  m as IressPopover
+};

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

@@ -0,0 +1,15 @@
+var t = /* @__PURE__ */ ((i) => (i.Menu = "menu", i.Listbox = "listbox", i.Tree = "tree", i.Grid = "grid", i.Dialog = "dialog", i))(t || {});
+const e = [
+  "menu",
+  "listbox",
+  "tree",
+  "grid",
+  "dialog"
+], n = 200;
+var r = /* @__PURE__ */ ((i) => (i.Active = "iress--popover-active", i))(r || {});
+export {
+  e as POPOVER_TYPES,
+  n as POPOVER_USE_MAX_HEIGHT,
+  r as PopoverCssClass,
+  t as PopoverType
+};

package/dist/components/Popover/PopoverProvider.js

@@ -0,0 +1,15 @@
+import "react/jsx-runtime";
+import "react";
+import "../../floating-ui.react-nmA48tb2.js";
+import "./Popover.types.js";
+import "./hooks/usePopoverState.js";
+import "./hooks/usePopoverNavigation.js";
+import "./hooks/usePopoverAria.js";
+import "./hooks/usePopoverImperativeHandle.js";
+import "../../helpers/dom/focusableElements.js";
+import { a as d, P as f } from "../../PopoverProvider-BqnPfQtY.js";
+import "../../helpers/dom/closestCrossShadow.js";
+export {
+  d as PopoverContext,
+  f as PopoverProvider
+};

package/dist/components/Popover/components/NestedPopoverActivator.js

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import { f as e } from "../../../floating-ui.react-nmA48tb2.js";
+const f = ({
+  children: t,
+  parentPopover: o
+}) => o ? /* @__PURE__ */ r(e, { elementsRef: o.list, children: t }) : t;
+export {
+  f as NestedPopoverActivator
+};