@iress-oss/ids-components 5.17.0 → 6.0.0-alpha.0

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

@@ -1,47 +0,0 @@
-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-BjzbePWa.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

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

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

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

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

@@ -1,26 +0,0 @@
-import { c as d } from "../../../index-2QXL0WYc.js";
-import { usePopover as l } from "../../Popover/hooks/usePopover.js";
-const c = "ids-menu-v5170", o = "ids-menu--inline-v5170", a = "ids-menu--stack-v5170", v = "ids-menu--fluid-v5170", e = {
-  menu: c,
-  inline: o,
-  "inline-equal-width": "ids-menu--inline-equal-width-v5170",
-  stack: a,
-  fluid: v,
-  "ids-menu-item--divider": "ids-menu-item--divider-v5170"
-}, 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/Modal/Modal.types.js

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

package/dist/components/Navbar/Navbar.js

@@ -1,13 +0,0 @@
-import "react/jsx-runtime";
-import "react";
-import "../../index-2QXL0WYc.js";
-import "./Navbar.types.js";
-import "../../enums.js";
-import { t as v } from "../../LoadingSuspense-BjzbePWa.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

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

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

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

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

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

package/dist/components/Navbar/index.js

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

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

@@ -1,12 +0,0 @@
-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/Placeholder/Placeholder.types.js

@@ -1 +0,0 @@
-

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

@@ -1 +0,0 @@
-

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

@@ -1,103 +0,0 @@
-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.types.js

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

@@ -1,15 +0,0 @@
-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/helpers/composePopoverWidth.js

@@ -1,4 +0,0 @@
-const t = (e, o = !1) => o ? { maxWidth: "none" } : e ? { maxWidth: e, width: "100%" } : {};
-export {
-  t as composePopoverWidth
-};

package/dist/components/Popover/hooks/usePopoverState.js

@@ -1,29 +0,0 @@
-import { useRef as a } from "react";
-import { useControlledState as u } from "../../../hooks/useControlledState.js";
-const c = ({
-  defaultShow: o,
-  show: r
-}) => {
-  const e = a(!1), {
-    isControlled: s,
-    setValue: t,
-    value: n
-  } = u({
-    component: "IressPopover",
-    defaultValue: o,
-    propName: "show",
-    value: r
-  });
-  return {
-    hasInnerRole: () => e.current,
-    isControlled: s,
-    setShow: t,
-    setHasInnerRole: (l) => {
-      e.current = l;
-    },
-    show: !!n
-  };
-};
-export {
-  c as usePopoverState
-};

package/dist/components/Progress/Progress.types.js

@@ -1 +0,0 @@
-

package/dist/components/Radio/Radio.types.js

@@ -1 +0,0 @@
-

package/dist/components/Radio/helpers/mapRadioGroupOptions.js

@@ -1,19 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { u as t } from "../../../LoadingSuspense-BjzbePWa.js";
-import { idsLogger as p } from "../../../helpers/utility/idsLogger.js";
-import { getFormControlValueAsString as d } from "../../../helpers/form/getFormControlValueAsString.js";
-const f = (r) => r != null && r.length ? (p(
-  "IressRadioGroup: mapRadioGroupOptions 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.map(({ label: o, testId: e, value: a }, n) => /* @__PURE__ */ i(
-  t,
-  {
-    value: a,
-    "data-testid": e,
-    children: o
-  },
-  o || d(a) || n
-))) : null;
-export {
-  f as mapRadioGroupOptions
-};

package/dist/components/RadioGroup/RadioGroup.types.js

@@ -1,12 +0,0 @@
-var l = /* @__PURE__ */ ((n) => (n.Stack = "stack", n.Block = "block", n.Inline = "inline", n.InlineFlex = "inlineFlex", n.InlineEqualWidth = "inlineEqualWidth", n))(l || {});
-const e = [
-  "stack",
-  "block",
-  "inline",
-  "inlineFlex",
-  "inlineEqualWidth"
-];
-export {
-  e as RADIO_GROUP_LAYOUTS,
-  l as RadioGroupLayout
-};

package/dist/components/RadioGroup/RadioGroupContext.js

@@ -1,5 +0,0 @@
-import { createContext as o } from "react";
-const e = o({});
-export {
-  e as RadioGroupContext
-};

package/dist/components/Readonly/Readonly.types.js

@@ -1 +0,0 @@
-

package/dist/components/RichSelect/RichSelect.types.js

@@ -1 +0,0 @@
-

package/dist/components/RichSelect/SelectBody/SelectBody.types.js

@@ -1 +0,0 @@
-

package/dist/components/RichSelect/SelectCreate/SelectCreate.types.js

@@ -1 +0,0 @@
-

package/dist/components/RichSelect/SelectHeading/SelectHeading.types.js

@@ -1 +0,0 @@
-

package/dist/components/RichSelect/SelectLabel/SelectLabel.types.js

@@ -1 +0,0 @@
-

package/dist/components/RichSelect/SelectMenu/SelectMenu.types.js

@@ -1 +0,0 @@
-

package/dist/components/RichSelect/SelectSearch/SelectSearch.types.js

@@ -1 +0,0 @@
-

package/dist/components/RichSelect/SelectSearchInput/SelectSearchInput.types.js

@@ -1 +0,0 @@
-

package/dist/components/RichSelect/SelectTags/SelectTags.types.js

@@ -1 +0,0 @@
-

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

@@ -1,4 +0,0 @@
-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/Select/Select.types.js

@@ -1 +0,0 @@
-

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

@@ -1,21 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import { idsLogger as a } from "../../../helpers/utility/idsLogger.js";
-import "../../../LoadingSuspense-BjzbePWa.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/Skeleton/Skeleton.types.js

@@ -1,6 +0,0 @@
-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/SkipLink/SkipLink.types.js

@@ -1 +0,0 @@
-

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

@@ -1,14 +0,0 @@
-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/hooks/useIDSProvidedSlideout.js

@@ -1,13 +0,0 @@
-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/Slider/Slider.types.js

@@ -1 +0,0 @@
-

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

@@ -1 +0,0 @@
-

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

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

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

@@ -1 +0,0 @@
-

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

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

package/dist/components/TabSet/components/TabSetItem.js

@@ -1,45 +0,0 @@
-import { jsx as u } from "react/jsx-runtime";
-import { s as A } from "../../../TabSet.module-p87tRckl.js";
-import { a as d } from "../../../floating-ui.react-nmA48tb2.js";
-import { focusableElements as f } from "../../../helpers/dom/focusableElements.js";
-const m = (i, t, e, a) => {
-  var o;
-  const r = i.querySelector("[id]"), b = r == null ? void 0 : r.getAttribute("id");
-  r == null || r.removeAttribute("id"), i.removeAttribute("tabindex"), i.removeAttribute("data-active"), i.removeAttribute("aria-selected"), (o = e.ref) == null || o.call(e, t), t.tabIndex = a ? 0 : -1, a ? t.setAttribute("data-active", "") : t.removeAttribute("data-active"), b && t.setAttribute("id", b), t.setAttribute("aria-selected", String(a));
-}, x = ({
-  children: i,
-  handleSelection: t,
-  index: e,
-  selected: a,
-  value: r,
-  ...b
-}) => /* @__PURE__ */ u(
-  d,
-  {
-    render: (o) => /* @__PURE__ */ u(
-      "div",
-      {
-        ...b,
-        ...o,
-        "aria-selected": a,
-        className: A.listItem,
-        onClick: () => t(e, r),
-        onKeyDown: (s) => ["Space", "Enter"].includes(s.key) && t(e, r),
-        ref: (s) => {
-          if (!s) return;
-          const c = f(s)[0];
-          c && m(
-            s,
-            c,
-            o,
-            a
-          );
-        },
-        children: i
-      }
-    )
-  }
-);
-export {
-  x as TabSetItem
-};

package/dist/components/TabSet/helpers/mapTabs.js

@@ -1,33 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { idsLogger as s } from "../../../helpers/utility/idsLogger.js";
-import { LoggerLevels as t } from "../../../enums.js";
-import { IressTab as c } from "../Tab/Tab.js";
-import "../TabSet.js";
-const y = (r) => (s(
-  "IressTabs: mapTabs 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.",
-  t.Warn
-), r != null && r.length ? r.map(
-  ({
-    tabName: e,
-    active: d,
-    tabButtonText: m,
-    tabButtonTestId: n,
-    tabButtonOnClick: p,
-    tabPanelContent: i,
-    tabPanelTestId: o
-  }, l) => /* @__PURE__ */ a(
-    c,
-    {
-      value: e,
-      active: d,
-      "data-testid": n,
-      onClick: p,
-      label: m,
-      children: o ? /* @__PURE__ */ a("div", { "data-testid": o, children: i }) : i
-    },
-    e || l
-  )
-) : null);
-export {
-  y as mapTabs
-};

package/dist/components/TabSet/hooks/useTabSetItems.js

@@ -1,6 +0,0 @@
-import { useContext as t } from "react";
-import { TabSetItemsContext as e } from "../TabSetProvider.js";
-const r = () => t(e);
-export {
-  r as useTabSetItems
-};