@iress-oss/ids-components 5.20.2 → 6.0.0-alpha.1

package/dist/components/InputCurrency/InputCurrency.js

@@ -1,8 +1,42 @@
-import "react/jsx-runtime";
-import { n as e } from "../../LoadingSuspense-BtzikVZk.js";
-import "../Text/Text.js";
-import "react";
-import "../../helpers/formatting/formatCurrency.js";
+import { jsx as e } from "react/jsx-runtime";
+import { IressInput as f } from "../Input/Input.js";
+import "../Input/Input.styles.js";
+import { IressText as u } from "../Text/Text.js";
+import { forwardRef as y } from "react";
+import { formatCurrency as C } from "../../helpers/formatting/formatCurrency.js";
+import { c as I } from "../../cx-DN21T1EH.js";
+import { GlobalCSSClass as d } from "../../enums.js";
+const O = y((t, m) => {
+  const {
+    locale: n = "en-AU",
+    currencyCode: r = "AUD",
+    withSymbol: s,
+    formatOptions: a,
+    alignRight: p = !1,
+    type: l = "number",
+    className: i,
+    ...o
+  } = t;
+  return /* @__PURE__ */ e(
+    f,
+    {
+      className: I(i, d.InputCurrency),
+      formatter: (c) => C({
+        value: c,
+        locale: n,
+        currencyCode: r,
+        withSymbol: s,
+        formatOptions: a
+      }),
+      type: l,
+      append: /* @__PURE__ */ e(u, { color: "colour.neutral.70", children: r }),
+      inline: !!o.readOnly,
+      alignRight: p,
+      ref: m,
+      ...o
+    }
+  );
+});
 export {
-  e as IressInputCurrency
+  O as IressInputCurrency
 };

package/dist/components/InputCurrency/index.js

@@ -1,4 +1,4 @@
-import { n } from "../../LoadingSuspense-BtzikVZk.js";
+import { IressInputCurrency as n } from "./InputCurrency.js";
 export {
   n as IressInputCurrency
 };

package/dist/components/Label/Label.js

@@ -1,6 +1,6 @@
-import { jsx as r } from "react/jsx-runtime";
-import { LabelBase as e } from "./LabelBase/LabelBase.js";
-const a = (o) => /* @__PURE__ */ r(e, { ...o, as: o.htmlFor ? "label" : "strong" });
+import { jsx as o } from "react/jsx-runtime";
+import { LabelBase as r } from "./LabelBase/LabelBase.js";
+const m = (e) => /* @__PURE__ */ o(r, { ...e, element: e.htmlFor ? "label" : "strong" });
 export {
-  a as IressLabel
+  m as IressLabel
 };

package/dist/components/Label/Label.styles.js

@@ -0,0 +1,34 @@
+import { s as t } from "../../sva-OmxClA9g.js";
+const e = t({
+  slots: ["root", "required", "text"],
+  base: {
+    root: {
+      display: "block"
+    },
+    required: {
+      color: "colour.system.danger.text",
+      display: "inline-block",
+      position: "relative",
+      textStyle: "typography.body.sm.strong",
+      top: "-spacing.100",
+      mr: "spacing.100"
+    },
+    text: {
+      textStyle: "typography.body.md.strong"
+    }
+  },
+  compoundVariants: [
+    {
+      hasAppend: !0,
+      hiddenLabel: !0,
+      css: {
+        root: {
+          mb: "spacing.000"
+        }
+      }
+    }
+  ]
+});
+export {
+  e as label
+};

package/dist/components/Label/LabelBase/LabelBase.js

@@ -1,63 +1,47 @@
-import { jsxs as p, jsx as s, Fragment as S } from "react/jsx-runtime";
-import { c as t } from "../../../index-cbHCAGLB.js";
-import { GlobalCSSClass as l } from "../../../enums.js";
-import { propagateTestid as x } from "../../../helpers/utility/propagateTestid.js";
-import { useState as y } from "react";
-const q = "ids-label-v5202", R = "ids-label--hidden-v5202", g = "ids-label--has-append-v5202", A = "ids-label--required-v5202", C = "ids-label--optional-v5202", e = {
-  label: q,
-  hidden: R,
-  hasAppend: g,
-  required: A,
-  optional: C
-}, G = ({
+import { jsxs as l, jsx as a, Fragment as b } from "react/jsx-runtime";
+import { GlobalCSSClass as g } from "../../../enums.js";
+import { propagateTestid as y } from "../../../helpers/utility/propagateTestid.js";
+import { useState as C, useMemo as S } from "react";
+import { s as r } from "../../../factory-oPXoMw9H.js";
+import { label as j } from "../Label.styles.js";
+import { c as q } from "../../../cx-DN21T1EH.js";
+const R = ({
   append: o,
-  as: c = "label",
-  children: h,
-  className: u,
-  "data-testid": i,
-  hiddenLabel: a = !1,
-  optional: n,
+  children: c,
+  className: p,
+  "data-testid": m,
+  element: n,
+  hiddenLabel: t = !1,
   required: d,
-  ...b
+  ...f
 }) => {
-  const [m, f] = y(), N = (v) => {
-    const r = v?.textContent;
-    r && r !== m && f(r);
-  };
-  return /* @__PURE__ */ p(
-    c,
+  const [i, u] = C(), e = j({ hasAppend: !!o, hiddenLabel: t }), x = (h) => {
+    const s = h?.textContent;
+    s && s !== i && u(s);
+  }, N = S(
+    () => r(n ?? "label"),
+    [n]
+  );
+  return /* @__PURE__ */ l(
+    N,
     {
-      className: t(u, l.FormLabel, {
-        [e.label]: !0,
-        [e.hidden]: a,
-        [e.hasAppend]: o
-      }),
-      ...b,
-      "data-name": m,
-      "data-testid": i,
+      className: q(p, g.FormLabel, e.root),
+      "data-testid": m,
+      ...f,
+      "data-name": i,
       children: [
-        d && /* @__PURE__ */ p(S, { children: [
-          !a && /* @__PURE__ */ s("span", { className: t(e.required), "aria-hidden": "true", children: "*" }),
-          /* @__PURE__ */ s("span", { className: l.SROnly, children: "Required " })
+        d && /* @__PURE__ */ l(b, { children: [
+          !t && /* @__PURE__ */ a("span", { className: e.required, "aria-hidden": !0, children: "*" }),
+          /* @__PURE__ */ a(r.span, { srOnly: !0, children: "Required" })
         ] }),
-        /* @__PURE__ */ s(
-          "span",
-          {
-            className: t({
-              [l.SROnly]: a === !0
-            }) || void 0,
-            "data-testid": x(i, "text"),
-            ref: N,
-            children: h
-          }
-        ),
-        !d && n && /* @__PURE__ */ s(
-          "span",
+        /* @__PURE__ */ a(
+          r.span,
           {
-            className: t(e.optional, {
-              [l.SROnly]: a === !0
-            }),
-            children: typeof n == "string" ? n : "(optional)"
+            className: e.text,
+            "data-testid": y(m, "text"),
+            ref: x,
+            srOnly: t,
+            children: c
           }
         ),
         o
@@ -66,5 +50,5 @@ const q = "ids-label-v5202", R = "ids-label--hidden-v5202", g = "ids-label--has-
   );
 };
 export {
-  G as LabelBase
+  R as LabelBase
 };

package/dist/components/Label/index.js

@@ -1,4 +1,6 @@
 import { IressLabel as o } from "./Label.js";
+import { label as a } from "./Label.styles.js";
 export {
-  o as IressLabel
+  o as IressLabel,
+  a as label
 };

package/dist/components/Link/Link.js

@@ -0,0 +1,88 @@
+import { jsxs as L, Fragment as N, jsx as o } from "react/jsx-runtime";
+import { forwardRef as S, useId as P, useMemo as a, useCallback as j } from "react";
+import { IressSpinner as v } from "../Spinner/Spinner.js";
+import "../Spinner/Spinner.styles.js";
+import { s as w } from "../../is-valid-prop-Ce0wiweq.js";
+import { c as e } from "../../css-fGu_jDvv.js";
+import { c as G } from "../../cx-DN21T1EH.js";
+import { link as F } from "./Link.styles.js";
+import { GlobalCSSClass as b } from "../../enums.js";
+const M = ({
+  active: k,
+  append: n,
+  children: c,
+  className: f,
+  element: p,
+  loading: s = !1,
+  onClick: l,
+  prepend: i,
+  ...u
+}, x) => {
+  const m = P(), r = F.raw({
+    active: k,
+    loading: !!s
+  }), [d, t] = a(
+    () => w(u),
+    [u]
+  ), h = j(
+    (I) => {
+      s || l?.(I);
+    },
+    [s, l]
+  ), C = a(
+    () => ({
+      children: /* @__PURE__ */ L(N, { children: [
+        i && !s && /* @__PURE__ */ o("span", { className: e(r.prepend), children: i }),
+        !!s && /* @__PURE__ */ o(
+          v,
+          {
+            className: e(r.spinner),
+            fixedWidth: !0,
+            id: m,
+            screenreaderText: s === !0 ? "Loading" : s
+          }
+        ),
+        c && /* @__PURE__ */ o("span", { className: e(r.content), children: c }),
+        n && /* @__PURE__ */ o("span", { className: e(r.append), children: n })
+      ] }),
+      className: G(
+        f,
+        e(r.root, d),
+        b.Group,
+        b.Link
+      ),
+      onClick: h
+    }),
+    [
+      n,
+      c,
+      f,
+      h,
+      s,
+      i,
+      m,
+      d,
+      r.append,
+      r.content,
+      r.prepend,
+      r.root,
+      r.spinner
+    ]
+  ), y = a(
+    () => p ?? (t.href ? "a" : "button"),
+    [p, t.href]
+  );
+  return /* @__PURE__ */ o(
+    y,
+    {
+      "aria-describedby": s ? m : void 0,
+      type: p || !t.href ? "button" : void 0,
+      ...C,
+      ...t,
+      ref: x
+    }
+  );
+}, H = S(M);
+export {
+  H as IressLink
+};

package/dist/components/Link/Link.styles.js

@@ -0,0 +1,66 @@
+import { s as o } from "../../sva-OmxClA9g.js";
+const e = ["root", "content", "prepend", "append", "spinner"], n = o({
+  slots: e,
+  base: {
+    append: {
+      display: "contents"
+    },
+    content: {
+      cursor: "pointer",
+      textDecoration: "underline",
+      _groupHover: {
+        textDecoration: "none"
+      }
+    },
+    root: {
+      alignItems: "baseline",
+      alignSelf: "flex-start",
+      cursor: "pointer",
+      display: "inline-flex",
+      fontKerning: "none",
+      gap: "spacing.100",
+      pointerEvents: "auto",
+      textStyle: "typography.body.md",
+      whiteSpace: "normal",
+      width: "auto",
+      color: "colour.primary.text",
+      borderRadius: "radius.025",
+      _focus: {
+        outline: "[none]"
+      },
+      _focusVisible: {
+        layerStyle: "elevation.focus"
+      }
+    },
+    prepend: {
+      display: "contents"
+    }
+  },
+  variants: {
+    active: {
+      true: {
+        root: {
+          borderBottom: "[1px dashed currentColor]"
+        }
+      }
+    },
+    loading: {
+      true: {
+        content: {
+          _groupHover: {
+            textDecoration: "underline"
+          }
+        },
+        root: {
+          cursor: "not-allowed",
+          filter: "[saturate(0.25)]",
+          opacity: 0.5,
+          boxShadow: "none"
+        }
+      }
+    }
+  }
+});
+export {
+  n as link
+};

package/dist/components/Link/index.js

@@ -0,0 +1,6 @@
+import { IressLink as e } from "./Link.js";
+import { link as i } from "./Link.styles.js";
+export {
+  e as IressLink,
+  i as link
+};

package/dist/components/Menu/Menu.js

@@ -1,64 +1,95 @@
-import { jsx as e } from "react/jsx-runtime";
-import { MenuLayout as g, MenuType as x } from "./Menu.types.js";
-import { MenuProvider as P } from "./MenuProvider.js";
-import "react";
-import { idsLogger as j } from "../../helpers/utility/idsLogger.js";
-import { useIdIfNeeded as k } from "../../hooks/useIdIfNeeded.js";
-import { C as A } from "../../floating-ui.react-DYBeYtOf.js";
-import { useMenuAria as N } from "./hooks/useMenuAria.js";
-import { useMenuComposite as O } from "./hooks/useMenuComposite.js";
-import { useMenuStyles as R } from "./hooks/useMenuStyles.js";
-import { useMenuRole as b } from "./hooks/useMenuRole.js";
-const m = ({
-  changeOnBlur: d,
-  children: u,
-  className: f,
-  defaultSelected: a,
-  fluid: c,
-  id: M,
-  layout: r = "stack",
-  multiSelect: s,
-  noWrap: v,
-  onChange: l,
-  role: y,
-  selected: C,
-  type: t,
-  ...I
+import { jsx as p } from "react/jsx-runtime";
+import { createContext as w, useContext as z, useMemo as s, useCallback as E, useEffect as G } from "react";
+import { useControlledState as H } from "../../hooks/useControlledState.js";
+import { useIdIfNeeded as K } from "../../hooks/useIdIfNeeded.js";
+import { C as R } from "../../floating-ui.react-CmSaAiNF.js";
+import { s as v } from "../../factory-oPXoMw9H.js";
+import { toArray as q } from "../../helpers/formatting/toArray.js";
+import { menu as B } from "./Menu.styles.js";
+import { c as D } from "../../cx-DN21T1EH.js";
+import { PopoverContext as F } from "../Popover/hooks/usePopover.js";
+import { GlobalCSSClass as J } from "../../enums.js";
+function L() {
+  return w(void 0);
+}
+function O() {
+  return Q;
+}
+const Q = L(), to = ({
+  changeOnBlur: f,
+  className: b,
+  defaultSelected: M,
+  fluid: A,
+  id: I,
+  layout: n = "stack",
+  multiSelect: t,
+  noWrap: u,
+  onChange: N,
+  role: m = "list",
+  selected: h,
+  ...k
 }) => {
-  const i = k({ id: M }), p = y ?? t, o = b(s, p), T = N({
-    id: i,
-    layout: r,
-    multiSelect: s,
-    role: o
-  }), h = R({ className: f, fluid: c, layout: r, role: p }), L = O(o), n = {
-    ...I,
-    ...h,
-    ...T,
-    role: o,
-    id: i,
-    children: u
-  };
-  return t !== void 0 && j(
-    "IressMenu: The type prop is deprecated. Please use the role prop instead."
-  ), /* @__PURE__ */ e(
-    P,
-    {
-      changeOnBlur: d,
-      defaultSelected: a,
-      id: i,
-      layout: r,
-      multiSelect: s,
-      nav: p === "nav",
-      noWrap: v,
-      onChange: l,
-      role: o,
-      selected: C,
-      children: L ? /* @__PURE__ */ e(A, { loop: o === "menu", render: /* @__PURE__ */ e("div", { ...n }) }) : /* @__PURE__ */ e("div", { ...n })
-    }
+  const r = K({ id: I }), o = z(F), e = s(() => o?.type === "listbox" || o?.type === "menu" ? (o.setHasInnerRole(!0), o.type) : t ? "listbox" : m, [t, o, m]), P = s(() => ({
+    "aria-multiselectable": e === "listbox" && t ? !0 : void 0,
+    "aria-orientation": e === "menu" ? n === "stack" ? "vertical" : "horizontal" : void 0
+  }), [n, t, e]), i = s(
+    () => e && ["menu", "listbox"].includes(e),
+    [e]
+  ), l = s(
+    () => !o && i,
+    [o, i]
+  ), a = s(
+    () => e === "listbox" || !!t,
+    [e, t]
+  ), { toggleValue: C, value: d } = H({
+    component: "IressMenu",
+    defaultValue: M,
+    multiple: t,
+    onChange: N,
+    propName: "selected",
+    value: h
+  }), x = E(
+    (c) => !a || c === void 0 ? !1 : t ? q(d).includes(c) : d === c,
+    [t, d, a]
+  ), y = s(
+    () => ({
+      changeOnBlur: f && e === "listbox",
+      hasArrowKeyNav: i,
+      isComposite: l,
+      isSelected: x,
+      layout: n,
+      multiSelect: t,
+      noWrap: u,
+      role: e,
+      supportsSelection: a,
+      toggle: C
+    }),
+    [
+      f,
+      i,
+      l,
+      x,
+      n,
+      t,
+      u,
+      e,
+      a,
+      C
+    ]
   );
+  G(() => (o?.toggleAriaControls && r && o.toggleAriaControls(r, !0), () => {
+    o?.toggleAriaControls && r && o.toggleAriaControls(r, !1);
+  }), [r, o]);
+  const V = B({ fluid: A, layout: n, noWrap: u, insidePopover: !!o }), g = {
+    ...k,
+    ...P,
+    className: D(b, V.root, J.Menu),
+    id: r,
+    role: e
+  }, { Provider: j } = O();
+  return /* @__PURE__ */ p(j, { value: y, children: l ? /* @__PURE__ */ p(R, { loop: e === "menu", render: /* @__PURE__ */ p(v.div, { ...g }) }) : /* @__PURE__ */ p(v.div, { ...g }) });
 };
-m.Layout = g;
-m.Type = x;
 export {
-  m as IressMenu
+  to as IressMenu,
+  Q as MenuContext
 };