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

package/dist/InputPopover-BWWuoQZ2.js

@@ -0,0 +1,132 @@
+import { jsx as i, jsxs as E } from "react/jsx-runtime";
+import { forwardRef as O, useContext as q } from "react";
+import { g as R } from "./_commonjsHelpers-C6fGbg64.js";
+import { GlobalCSSClass as u } from "./enums.js";
+import { propagateTestid as x } from "./helpers/utility/propagateTestid.js";
+import { PopoverContent as S } from "./components/Popover/components/PopoverContent.js";
+import { InputPopoverActivator as D } from "./components/Popover/InputPopover/InputPopoverActivator.js";
+import { usePopoverImperativeHandle as G } from "./components/Popover/hooks/usePopoverImperativeHandle.js";
+import { s as H } from "./factory-DHLOr79I.js";
+import { usePopover as T, PopoverContext as h } from "./components/Popover/hooks/usePopover.js";
+import { c as V } from "./cx-DN21T1EH.js";
+import { popover as W } from "./components/Popover/Popover.styles.js";
+import { NestedPopoverActivator as g } from "./components/Popover/components/NestedPopoverActivator.js";
+var f = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var P;
+function z() {
+  return P || (P = 1, function(s) {
+    (function() {
+      var n = {}.hasOwnProperty;
+      function e() {
+        for (var t = "", r = 0; r < arguments.length; r++) {
+          var o = arguments[r];
+          o && (t = a(t, p(o)));
+        }
+        return t;
+      }
+      function p(t) {
+        if (typeof t == "string" || typeof t == "number")
+          return t;
+        if (typeof t != "object")
+          return "";
+        if (Array.isArray(t))
+          return e.apply(null, t);
+        if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+          return t.toString();
+        var r = "";
+        for (var o in t)
+          n.call(t, o) && t[o] && (r = a(r, o));
+        return r;
+      }
+      function a(t, r) {
+        return r ? t ? t + " " + r : t + r : t;
+      }
+      s.exports ? (e.default = e, s.exports = e) : window.classNames = e;
+    })();
+  }(f)), f.exports;
+}
+var B = z();
+const J = /* @__PURE__ */ R(B), K = ({
+  activator: s,
+  align: n = "auto",
+  autoHighlight: e = !0,
+  children: p,
+  className: a,
+  container: t,
+  contentClassName: r,
+  contentStyle: o,
+  defaultShow: I,
+  displayMode: v = "overlay",
+  focusStartIndex: N,
+  minLength: A,
+  onActivated: C,
+  onDeactivated: b,
+  onNavigate: j,
+  show: F,
+  type: w = "listbox",
+  ...c
+}, y) => {
+  const l = v === "overlay", m = W({ hasInputActivator: !0, matchActivatorWidth: l }), d = T({
+    align: n,
+    autoHighlight: e,
+    defaultShow: I,
+    focusStartIndex: N,
+    hasInputActivator: !0,
+    matchActivatorWidth: l,
+    onActivated: C,
+    onDeactivated: b,
+    onNavigate: j,
+    show: F,
+    type: w,
+    virtualFocus: !0
+  });
+  return G(y, d), /* @__PURE__ */ i(h.Provider, { value: d, children: /* @__PURE__ */ E(
+    H.div,
+    {
+      ...c,
+      className: J(
+        a,
+        u.FormElement,
+        m.root,
+        u.Popover,
+        u.InputPopover
+      ),
+      children: [
+        /* @__PURE__ */ i(g, { parentPopover: q(h), children: /* @__PURE__ */ i(
+          D,
+          {
+            className: m.activator,
+            "data-testid": x(c["data-testid"], "activator"),
+            minLength: A,
+            children: s
+          }
+        ) }),
+        /* @__PURE__ */ i(
+          S,
+          {
+            className: V(
+              r,
+              o == null ? void 0 : o.className,
+              m.content
+            ),
+            container: t,
+            "data-testid": x(c["data-testid"], "content"),
+            displayMode: v,
+            virtualFocus: !0,
+            ...o,
+            children: p
+          }
+        )
+      ]
+    }
+  ) });
+}, et = O(K);
+export {
+  et as I,
+  J as c
+};

package/dist/TableProvider-D8SQKIG8.js

@@ -0,0 +1,91 @@
+import { jsx as u } from "react/jsx-runtime";
+import * as s from "react";
+import { createContext as g, useMemo as c } from "react";
+import { c as d, a as p, g as b, b as C } from "./composeTableColumnDefs-CeWqgpKW.js";
+import { composeTableInitialSorting as y } from "./components/Table/helpers/composeTableInitialSorting.js";
+/**
+   * react-table
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */
+function P(t, e) {
+  return t ? S(t) ? /* @__PURE__ */ s.createElement(t, e) : t : null;
+}
+function S(t) {
+  return R(t) || typeof t == "function" || m(t);
+}
+function R(t) {
+  return typeof t == "function" && (() => {
+    const e = Object.getPrototypeOf(t);
+    return e.prototype && e.prototype.isReactComponent;
+  })();
+}
+function m(t) {
+  return typeof t == "object" && typeof t.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(t.$$typeof.description);
+}
+function x(t) {
+  const e = {
+    state: {},
+    // Dummy state
+    onStateChange: () => {
+    },
+    // noop
+    renderFallbackValue: null,
+    ...t
+  }, [o] = s.useState(() => ({
+    current: d(e)
+  })), [a, n] = s.useState(() => o.current.initialState);
+  return o.current.setOptions((i) => ({
+    ...i,
+    ...t,
+    state: {
+      ...a,
+      ...t.state
+    },
+    // Similarly, we'll maintain both our internal state and any user-provided
+    // state.
+    onStateChange: (r) => {
+      n(r), t.onStateChange == null || t.onStateChange(r);
+    }
+  })), o.current;
+}
+function T() {
+  return g(void 0);
+}
+function v() {
+  return M;
+}
+const M = T(), k = ({
+  children: t,
+  columns: e,
+  rows: o
+}) => {
+  const a = c(() => p(o, e), [e, o]), n = x({
+    columns: a,
+    data: o,
+    getCoreRowModel: C(),
+    getSortedRowModel: b(),
+    initialState: {
+      sorting: y(e)
+    }
+  }), i = c(
+    () => ({
+      api: n,
+      getColumnByKey: (f) => e == null ? void 0 : e.find((l) => l.key === f)
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- only update when columns and rows change
+    [o, e, n.getState().sorting]
+  ), { Provider: r } = v();
+  return /* @__PURE__ */ u(r, { value: i, children: t });
+};
+export {
+  k as T,
+  M as a,
+  P as f,
+  v as g
+};

package/dist/ToasterProvider-XqpAGfRs.js

@@ -0,0 +1,112 @@
+import { jsx as d, jsxs as S, Fragment as E } from "react/jsx-runtime";
+import { useContext as I, useRef as P, useEffect as k, createElement as j, createContext as w, useState as F, useCallback as C, useMemo as M } from "react";
+import "./components/Stack/Stack.styles.js";
+import { IressStack as O } from "./components/Stack/Stack.js";
+import { g as B } from "./floating-ui.react-CPN4oQCc.js";
+import { toaster as D } from "./components/Toaster/Toaster.styles.js";
+import { c as G } from "./cx-DN21T1EH.js";
+import { ToastAnimated as H } from "./components/Toaster/components/Toast/ToastAnimated.js";
+import { s as A } from "./factory-DHLOr79I.js";
+import { GlobalCSSClass as L } from "./enums.js";
+import { registerToaster as N, unregisterToaster as R } from "./components/Toaster/helpers/toasterRegister.js";
+const V = {
+  "bottom-end": "end-x",
+  "bottom-start": "start-x",
+  "bottom-center": "end-y",
+  "top-end": "end-x",
+  "top-start": "start-x",
+  "top-center": "start-y"
+}, h = {
+  role: "alert",
+  "aria-relevant": "additions",
+  "aria-live": "assertive"
+}, $ = ({
+  className: b,
+  container: e,
+  position: n = "bottom-end",
+  toasts: u = [],
+  ...g
+}) => {
+  const o = I(y), l = P(null), f = D({ position: n });
+  return k(() => {
+    if (!e)
+      return;
+    const r = e instanceof HTMLElement ? e : e.current;
+    Object.entries(h).forEach(([i, m]) => {
+      r == null || r.setAttribute(i, String(m));
+    });
+  }, [e]), u.length ? /* @__PURE__ */ S(E, { children: [
+    !e && /* @__PURE__ */ d(A.div, { ref: l, ...h }),
+    /* @__PURE__ */ d(B, { root: e ?? l, children: /* @__PURE__ */ d(
+      O,
+      {
+        className: G(f.root, b, L.Toaster),
+        gap: "md",
+        ...g,
+        children: u.map((r) => /* @__PURE__ */ j(
+          H,
+          {
+            ...r,
+            animation: V[n],
+            key: r.id,
+            onClose: (i) => o == null ? void 0 : o.remove(r.id, i),
+            onTimeout: () => o == null ? void 0 : o.remove(r.id)
+          }
+        ))
+      }
+    ) })
+  ] }) : e ? null : /* @__PURE__ */ d(A.div, { ref: l, ...h });
+}, y = w(
+  void 0
+), Z = ({
+  children: b,
+  id: e,
+  position: n,
+  ...u
+}) => {
+  const [g, o] = F([]), l = C(
+    (m, s) => {
+      o((t) => {
+        var c;
+        const a = t == null ? void 0 : t.find((x) => x.id === m);
+        return (c = a == null ? void 0 : a.onClose) == null || c.call(a, s), t == null ? void 0 : t.filter((x) => x.id !== m);
+      });
+    },
+    []
+  ), f = C(
+    (m, s) => {
+      const t = s.id ?? `${(/* @__PURE__ */ new Date()).getTime()}`, a = n == null ? void 0 : n.includes("top");
+      return o((c = []) => [
+        ...a ? [] : c,
+        { ...s, id: t, status: m },
+        ...a ? c : []
+      ]), t;
+    },
+    [n]
+  ), r = C((m) => {
+    o(
+      (s) => s == null ? void 0 : s.map(
+        (t) => t.id === m ? { ...t, timeout: 100 } : t
+      )
+    );
+  }, []), i = M(
+    () => ({
+      close: r,
+      remove: l,
+      show: f
+    }),
+    [r, l, f]
+  );
+  return k(() => {
+    if (e)
+      return N(e, i), () => R(e);
+  }, [e, i]), /* @__PURE__ */ S(y.Provider, { value: i, children: [
+    b,
+    /* @__PURE__ */ d($, { id: e, position: n, ...u, toasts: g })
+  ] });
+};
+export {
+  Z as I,
+  y as T,
+  $ as a
+};

package/dist/components/Alert/Alert.js

@@ -1,11 +1,110 @@
-import "react/jsx-runtime";
-import "../../index-2QXL0WYc.js";
-import "./Alert.types.js";
-import "../../enums.js";
-import { I as a } from "../../LoadingSuspense-BjzbePWa.js";
-import "../Text/Text.js";
-import "../../helpers/utility/propagateTestid.js";
-import "../HeadingWithDeprecatedFallback/HeadingWithDeprecatedFallback.js";
+import { jsx as l, jsxs as o } from "react/jsx-runtime";
+import { useMemo as k, createElement as y } from "react";
+import { IressIcon as j } from "../Icon/Icon.js";
+import "../Icon/Icon.styles.js";
+import { IressText as u } from "../Text/Text.js";
+import { propagateTestid as h } from "../../helpers/utility/propagateTestid.js";
+import { alert as w } from "./Alert.styles.js";
+import { c as N } from "../../cx-DN21T1EH.js";
+import { GlobalCSSClass as B } from "../../enums.js";
+import { I as E } from "../../Button-BXzmntRi.js";
+import { IressCloseButton as V } from "../Button/CloseButton/CloseButton.js";
+import "../Inline/Inline.styles.js";
+import { IressInline as $ } from "../Inline/Inline.js";
+import { useControlledState as q } from "../../hooks/useControlledState.js";
+const F = {
+  danger: "ban",
+  info: "info-square",
+  success: "check",
+  warning: "exclamation-triangle"
+}, Y = ({
+  actions: r,
+  children: I,
+  className: x,
+  defaultDismissed: g,
+  dismissed: b,
+  footer: n,
+  heading: a,
+  icon: i,
+  onDismiss: m,
+  status: t = "info",
+  variant: c,
+  ...d
+}) => {
+  const C = !!m, e = w({ status: t, variant: c }), p = !!(r != null && r.length), A = !!n || p, { value: v, setValue: S } = q({
+    component: "IressAlert",
+    defaultValue: g,
+    propName: "dismissed",
+    value: b
+  }), f = k(() => {
+    if (i === !1)
+      return null;
+    const s = i ?? F[t];
+    return /* @__PURE__ */ l(
+      j,
+      {
+        name: s,
+        screenreaderText: `${t}: `,
+        fixedWidth: !0,
+        className: e.icon
+      }
+    );
+  }, [e.icon, i, t]);
+  return v ? null : /* @__PURE__ */ o(
+    u,
+    {
+      className: N(x, e.alert, B.Alert),
+      ...d,
+      children: [
+        c !== "sidebar" && f,
+        /* @__PURE__ */ o("div", { className: e.wrapper, children: [
+          a && /* @__PURE__ */ l(
+            "div",
+            {
+              className: e.heading,
+              "data-testid": h(d["data-testid"], "heading"),
+              children: typeof a == "string" ? /* @__PURE__ */ o(u, { element: "h2", className: e.heading, children: [
+                c === "sidebar" && f,
+                " ",
+                a
+              ] }) : a
+            }
+          ),
+          /* @__PURE__ */ l("div", { className: e.children, children: I }),
+          A && /* @__PURE__ */ o(
+            "div",
+            {
+              className: e.footer,
+              "data-testid": h(d["data-testid"], "footer"),
+              children: [
+                p && /* @__PURE__ */ l($, { gap: "sm", pb: "spacing.050", children: r == null ? void 0 : r.map((s, T) => /* @__PURE__ */ y(
+                  E,
+                  {
+                    ...s,
+                    className: N(s.className, e.action),
+                    color: `colour.system.${t}.text`,
+                    key: T
+                  }
+                )) }),
+                n
+              ]
+            }
+          )
+        ] }),
+        C && /* @__PURE__ */ l(
+          V,
+          {
+            className: e.dismiss,
+            onClick: (s) => {
+              m == null || m(s), S(!0);
+            }
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  a as IressAlert
+  F as ALERT_ICONS,
+  Y as IressAlert
 };

package/dist/components/Alert/Alert.styles.js

@@ -0,0 +1,211 @@
+import { s as o } from "../../sva-TRyehFkb.js";
+const e = o({
+  slots: [
+    "alert",
+    "icon",
+    "wrapper",
+    "heading",
+    "children",
+    "footer",
+    "action",
+    "dismiss"
+  ],
+  base: {
+    alert: {
+      display: "flex",
+      flexWrap: "nowrap",
+      gap: "spacing.200",
+      boxSizing: "border-box",
+      marginBottom: "spacing.400",
+      borderRadius: "radius.system.form",
+      paddingBlock: "spacing.200",
+      paddingInline: "spacing.300",
+      textStyle: "typography.body.md",
+      border: "alert",
+      height: "auto",
+      justifyContent: "flex-start",
+      alignItems: "flex-start"
+    },
+    wrapper: {
+      noGutter: !0
+    },
+    icon: {
+      lineHeight: "inherit !important"
+      // Needs important as the line-height is set inside the icon CSS file
+    },
+    heading: {
+      display: "inline-block",
+      marginRight: "spacing.100",
+      _empty: {
+        display: "none"
+      },
+      _directNestedHeadings: {
+        marginBlock: "spacing.000",
+        textStyle: "typography.body.md.strong"
+      }
+    },
+    children: {
+      marginBlock: "spacing.000",
+      "& > p": { marginBlock: "spacing.000" }
+    },
+    footer: {
+      paddingBlockStart: "spacing.100"
+    },
+    action: {
+      minHeight: "[0]",
+      py: "spacing.100",
+      _before: {
+        bg: "transparent",
+        border: "divider",
+        borderRadius: "radius.system.badge"
+      },
+      _after: {
+        transform: "translateZ(-1px)",
+        opacity: 0,
+        borderRadius: "radius.system.badge"
+      },
+      _hover: {
+        _after: {
+          opacity: 1
+        }
+      }
+    },
+    dismiss: {
+      marginLeft: "auto",
+      marginTop: "-spacing.200",
+      marginRight: "-spacing.300",
+      marginBottom: "-spacing.200"
+    }
+  },
+  variants: {
+    status: {
+      danger: {
+        alert: {
+          backgroundColor: "colour.system.danger.surface",
+          color: "colour.neutral.80",
+          borderColor: "colour.system.danger.fill"
+        },
+        heading: {
+          color: "colour.system.danger.text"
+        },
+        icon: {
+          color: "colour.system.danger.text"
+        },
+        action: {
+          color: "colour.system.danger.text",
+          _before: {
+            borderColor: "colour.system.danger.text"
+          },
+          _after: {
+            bg: "colour.system.danger.fill"
+          },
+          _hover: {
+            color: "colour.system.danger.onFill"
+          }
+        }
+      },
+      info: {
+        alert: {
+          backgroundColor: "colour.system.info.surface",
+          color: "colour.neutral.80",
+          borderColor: "colour.system.info.fill"
+        },
+        heading: {
+          color: "colour.system.info.text"
+        },
+        icon: {
+          color: "colour.system.info.text"
+        },
+        action: {
+          color: "colour.system.info.text",
+          _before: {
+            borderColor: "colour.system.info.text"
+          },
+          _after: {
+            bg: "colour.system.info.fill"
+          },
+          _hover: {
+            color: "colour.system.info.onFill"
+          }
+        }
+      },
+      success: {
+        alert: {
+          backgroundColor: "colour.system.success.surface",
+          color: "colour.neutral.80",
+          borderColor: "colour.system.success.fill"
+        },
+        heading: {
+          color: "colour.system.success.text"
+        },
+        icon: {
+          color: "colour.system.success.text"
+        },
+        action: {
+          color: "colour.system.success.text",
+          _before: {
+            borderColor: "colour.system.success.text"
+          },
+          _after: {
+            bg: "colour.system.success.fill"
+          },
+          _hover: {
+            color: "colour.system.success.onFill"
+          }
+        }
+      },
+      warning: {
+        alert: {
+          backgroundColor: "colour.system.warning.surface",
+          color: "colour.neutral.80",
+          borderColor: "colour.system.warning.fill"
+        },
+        heading: {
+          color: "colour.system.warning.text"
+        },
+        icon: {
+          color: "colour.system.warning.text"
+        },
+        action: {
+          color: "colour.system.warning.text",
+          _before: {
+            borderColor: "colour.system.warning.text"
+          },
+          _after: {
+            bg: "colour.system.warning.fill"
+          },
+          _hover: {
+            color: "colour.system.warning.onFill"
+          }
+        }
+      }
+    },
+    variant: {
+      sidebar: {
+        alert: {
+          borderTopLeftRadius: "radius.000",
+          borderBottomLeftRadius: "radius.000",
+          borderWidth: "[0]",
+          borderLeftWidth: "[2.5px]",
+          paddingBlock: "spacing.400"
+        }
+      },
+      "site-wide": {
+        alert: {
+          borderRadius: "radius.000",
+          borderWidth: "[0]",
+          borderBottomWidth: "[0.5px]"
+        },
+        heading: {
+          display: "inline"
+        },
+        children: {
+          display: "inline"
+        }
+      }
+    }
+  }
+});
+export {
+  e as alert
+};

package/dist/components/Alert/index.js

@@ -1,6 +1,7 @@
-import { ALERT_ICONS as o } from "./Alert.types.js";
-import { I as t } from "../../LoadingSuspense-BjzbePWa.js";
+import { ALERT_ICONS as o, IressAlert as t } from "./Alert.js";
+import { alert as l } from "./Alert.styles.js";
 export {
   o as ALERT_ICONS,
-  t as IressAlert
+  t as IressAlert,
+  l as alert
 };