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

package/dist/components/Table/TableBody/TableBody.js

@@ -0,0 +1,125 @@
+import { jsx as t, jsxs as y, Fragment as V } from "react/jsx-runtime";
+import { propagateTestid as T } from "../../../helpers/utility/propagateTestid.js";
+import { c as C } from "../../../index-2QXL0WYc.js";
+import { TableEmpty as B } from "../components/TableEmpty.js";
+import { V as F } from "../../../LoadingSuspense-BDiikfSh.js";
+import { IressTableProvider as G } from "../TableProvider.js";
+import { s as f } from "../../../Table.module-CztzYVfs.js";
+import { useState as j, useEffect as k } from "react";
+import { useIdIfNeeded as w } from "../../../hooks/useIdIfNeeded.js";
+import { hasColumns as A } from "../helpers/hasColumns.js";
+import { useTable as N } from "../hooks/useTable.js";
+import { TableRows as E } from "../components/TableRows.js";
+import { useAriaRelationship as O } from "../../../hooks/useAriaRelationship.js";
+import { GlobalCSSClass as q } from "../../../enums.js";
+const z = ({
+  caption: l,
+  hiddenCaption: e,
+  onChange: i,
+  open: o,
+  setController: n,
+  tableId: a
+}) => {
+  const r = N(), m = r == null ? void 0 : r.api.getVisibleFlatColumns().length;
+  return m ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t(
+    "th",
+    {
+      "aria-expanded": e ? void 0 : o,
+      colSpan: m,
+      className: C(f.rowGroupHeader, {
+        [q.SROnly]: e
+      }),
+      id: `${a}--caption`,
+      onClick: i,
+      scope: "rowgroup",
+      ref: n,
+      children: /* @__PURE__ */ t("button", { className: f.activator, type: "button", children: l })
+    }
+  ) }) : null;
+}, D = ({
+  children: l,
+  setControlViaRef: e,
+  tableId: i
+}) => {
+  const o = N(), n = o == null ? void 0 : o.api.getVisibleFlatColumns().length;
+  if (!l) return null;
+  const a = `${i}--children`;
+  return /* @__PURE__ */ t("tr", { id: a, ref: (r) => e(a)(r), children: /* @__PURE__ */ t("td", { colSpan: n, children: l }) });
+}, et = ({
+  caption: l,
+  children: e,
+  columns: i,
+  className: o,
+  "data-testid": n,
+  empty: a,
+  hiddenCaption: r,
+  hiddenHeader: m,
+  onOpened: p,
+  onClosed: u,
+  open: b = !1,
+  rowProps: S,
+  rows: c = [],
+  scope: H,
+  ...I
+}) => {
+  const [d, g] = j(b), { setController: R, setControlViaRef: h } = O("aria-controls"), s = w({ id: I.id }), $ = e ?? (a && A(i)) ?? !!(c != null && c.length);
+  if (k(() => {
+    g(b);
+  }, [b]), !$)
+    return null;
+  const v = () => {
+    g(!d), d ? u == null || u() : p == null || p();
+  }, x = d || r;
+  return /* @__PURE__ */ t(G, { columns: i, rows: c, children: /* @__PURE__ */ y(
+    "tbody",
+    {
+      "aria-labelledby": `${s}--caption`,
+      ...I,
+      className: C(o, {
+        [f.hiddenHeader]: m
+      }),
+      children: [
+        /* @__PURE__ */ t(
+          z,
+          {
+            setController: R,
+            caption: l,
+            hiddenCaption: r,
+            onChange: v,
+            open: d,
+            tableId: s
+          }
+        ),
+        x && /* @__PURE__ */ y(V, { children: [
+          !m && /* @__PURE__ */ t(
+            F,
+            {
+              additionalHeaders: `${s}--caption`,
+              className: f.rowGroupColumnHeaders,
+              setControlViaRef: h,
+              tableId: s,
+              testId: T(n, "thead")
+            }
+          ),
+          /* @__PURE__ */ t(
+            E,
+            {
+              additionalHeaders: `${s}--caption`,
+              tableId: s,
+              rowProps: S,
+              setControlViaRef: h,
+              scope: H,
+              hiddenHeader: m,
+              testId: T(n, "tbody")
+            }
+          ),
+          /* @__PURE__ */ t(B, { children: a }),
+          /* @__PURE__ */ t(D, { setControlViaRef: h, tableId: s, children: e })
+        ] })
+      ]
+    }
+  ) });
+};
+export {
+  et as IressTableBody
+};

package/dist/components/Table/TableBody/TableBody.types.js

@@ -0,0 +1 @@
+

package/dist/components/Table/TableContext.js

@@ -0,0 +1,11 @@
+import { createContext as t } from "react";
+function e() {
+  return t(void 0);
+}
+function r() {
+  return n;
+}
+const n = e();
+export {
+  r as getTableContext
+};

package/dist/components/Table/TableFormattedValue/TableFormattedValue.js

@@ -0,0 +1,17 @@
+import { formatPercentage as o } from "../../../helpers/formatting/formatPercentage.js";
+import { formatDate as f, formatShortDate as m } from "../../../helpers/formatting/formatDate.js";
+import { formatCurrency as p } from "../../../helpers/formatting/formatCurrency.js";
+import { formatISODateTime as c, formatRelativeTime as u } from "../../../helpers/formatting/formatDateTime.js";
+const y = ({
+  currencyCode: t = "$",
+  currencyFormatOptions: i,
+  format: e,
+  row: n,
+  value: r
+}) => e ? typeof e == "function" ? e(r, n) : e === "currency" ? `${t}${p({
+  value: r,
+  ...i
+})}` : e === "number" ? typeof r == "number" ? r : Number(r) : e === "date" ? f(r) : e === "shortDate" ? m(r) : e === "isoDateTime" ? c(r) : e === "relativeTime" ? u(r) : e === "percent" ? o(r) : r : r;
+export {
+  y as IressTableFormattedValue
+};

package/dist/components/Table/TableFormattedValue/TableFormattedValue.types.js

@@ -0,0 +1 @@
+

package/dist/components/Table/TableProvider.js

@@ -0,0 +1,34 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useMemo as r } from "react";
+import { composeIDSTableColumnDefs as p } from "./helpers/composeIDSTableColumnDefs.js";
+import { u as f } from "../../index-CtOScEKX.js";
+import { composeIDSTableInitialSorting as g } from "./helpers/composeIDSTableInitialSorting.js";
+import { getTableContext as d } from "./TableContext.js";
+import { findColumnByKey as c } from "./helpers/findColumnByKey.js";
+import { g as u, a as S } from "../../index-CmsyHM_3.js";
+const I = ({
+  children: i,
+  columns: o,
+  rows: e
+}) => {
+  const m = r(() => p(e, o), [o, e]), t = f({
+    columns: m,
+    data: e,
+    getCoreRowModel: S(),
+    getSortedRowModel: u(),
+    initialState: {
+      sorting: g(o)
+    }
+  }), a = r(
+    () => ({
+      api: t,
+      getColumnByKey: (l) => c(l, o)
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- only update when columns and rows change
+    [e, o, t.getState().sorting]
+  ), { Provider: n } = d();
+  return /* @__PURE__ */ s(n, { value: a, children: i });
+};
+export {
+  I as IressTableProvider
+};

package/dist/components/Table/components/TableBodyCell.js

@@ -0,0 +1,31 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useIDSTableColumnStyles as h } from "../hooks/useIDSTableColumnStyles.js";
+const f = ({
+  additionalHeaders: t,
+  cellApi: o,
+  children: m,
+  hiddenHeader: u,
+  index: i,
+  scope: r = "row",
+  tableId: e,
+  ...d
+}) => {
+  const l = h({
+    columnKey: o.column.id
+  }), s = i === 0 && r === "row", n = u ? [] : [`${e}__${o.column.id}`];
+  return !s && r === "row" && n.push(`${e}__${o.row.getVisibleCells()[0].id}`), t && n.push(t), /* @__PURE__ */ c(
+    s ? "th" : "td",
+    {
+      ...d,
+      "data-column": o.column.id,
+      headers: n.length ? n.join(" ") : void 0,
+      id: `${e}__${o.id}`,
+      scope: s ? "row" : void 0,
+      ...l,
+      children: m
+    }
+  );
+};
+export {
+  f as TableBodyCell
+};

package/dist/components/Table/components/TableEmpty.js

@@ -0,0 +1,12 @@
+import { jsx as n } from "react/jsx-runtime";
+import { s } from "../../../Table.module-CztzYVfs.js";
+import { useTable as l } from "../hooks/useTable.js";
+const u = ({ children: r }) => {
+  const t = l(), o = t == null ? void 0 : t.api.getSortedRowModel().rows;
+  if (o != null && o.length || !r) return null;
+  const e = t == null ? void 0 : t.api.getVisibleFlatColumns().length;
+  return e ? /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", { className: s.empty, colSpan: e, children: r }) }) : null;
+};
+export {
+  u as TableEmpty
+};

package/dist/components/Table/components/TableHeader.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "../../../helpers/utility/propagateTestid.js";
+import "../../../index-CtOScEKX.js";
+import { V as i } from "../../../LoadingSuspense-BDiikfSh.js";
+import "../hooks/useTable.js";
+export {
+  i as TableHeader
+};

package/dist/components/Table/components/TableHeaderCell.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "../hooks/useIDSTableColumnStyles.js";
+import "../hooks/useIDSTableColumnSort.js";
+import { ab as a } from "../../../LoadingSuspense-BDiikfSh.js";
+import "../hooks/useTable.js";
+export {
+  a as TableHeaderCell
+};

package/dist/components/Table/components/TableRows.js

@@ -0,0 +1,49 @@
+import { jsx as d } from "react/jsx-runtime";
+import { f as $ } from "../../../index-CtOScEKX.js";
+import { TableBodyCell as g } from "./TableBodyCell.js";
+import { useTable as x } from "../hooks/useTable.js";
+import { propagateTestid as y } from "../../../helpers/utility/propagateTestid.js";
+const j = ({
+  additionalHeaders: a,
+  hiddenHeader: f,
+  rowProps: n = {},
+  setControlViaRef: p,
+  scope: u = "row",
+  tableId: c,
+  testId: o
+}) => {
+  const e = x(), m = e == null ? void 0 : e.api.getSortedRowModel().rows;
+  return m != null && m.length ? m.map((r) => /* @__PURE__ */ d(
+    "tr",
+    {
+      "data-testid": o == null ? void 0 : o.replace("tbody", "row"),
+      id: `${c}--rows--${r.id}`,
+      ref: (i) => {
+        const l = `${c}--rows--${r.id}`;
+        p == null || p(l)(i);
+      },
+      ...typeof n == "function" ? n(r) : n,
+      children: r.getVisibleCells().map((i, l) => /* @__PURE__ */ d(
+        g,
+        {
+          additionalHeaders: a,
+          "data-testid": y(
+            o == null ? void 0 : o.replace("tbody", "cell"),
+            `row_${r.id}__col_${i.column.id}`
+          ),
+          cellApi: i,
+          hiddenHeader: f,
+          index: l,
+          scope: u,
+          tableId: c,
+          children: $(i.column.columnDef.cell, i.getContext())
+        },
+        i.id
+      ))
+    },
+    r.id
+  )) : null;
+};
+export {
+  j as TableRows
+};

package/dist/components/Table/components/TableSortButton.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import { aa as p } from "../../../LoadingSuspense-BDiikfSh.js";
+import "../../../Table.module-CztzYVfs.js";
+import "../../../index-2QXL0WYc.js";
+export {
+  p as TableSortButton
+};

package/dist/components/Table/helpers/composeIDSTableColumnDefs.js

@@ -0,0 +1,42 @@
+import { jsx as b } from "react/jsx-runtime";
+import { IressTableFormattedValue as o } from "../TableFormattedValue/TableFormattedValue.js";
+import { formatObjectKey as g } from "../../../helpers/formatting/formatObjectKey.js";
+import { getFormatFromValue as d } from "./getFormatFromValue.js";
+import { b as F } from "../../../index-CmsyHM_3.js";
+const h = (p, a) => {
+  const s = F();
+  return a ? (Array.isArray(a) ? a.map((e) => [
+    e.key,
+    e
+  ]) : Object.entries(a)).map(([e, r]) => {
+    const f = !!(r != null && r.sort) || !!(r != null && r.sortFn), i = {
+      id: e,
+      cell: (t) => /* @__PURE__ */ b(
+        o,
+        {
+          currencyCode: r == null ? void 0 : r.currencyCode,
+          format: (r == null ? void 0 : r.format) ?? d(t.getValue()),
+          value: t.getValue(),
+          row: t.row.original
+        }
+      ),
+      header: () => r == null ? void 0 : r.label,
+      enableSorting: f
+    };
+    return r != null && r.sortFn && (i.sortingFn = r.sortFn), s.accessor(
+      (t) => t[e],
+      i
+      // The typing is weird, cannot get it to work without the never cast, its typed properly above anyway
+    );
+  }) : Object.keys(p[0] ?? {}).map(
+    (e) => s.accessor((r) => r[e], {
+      id: e,
+      cell: (r) => r.getValue(),
+      header: () => g(e),
+      enableSorting: !1
+    })
+  );
+};
+export {
+  h as composeIDSTableColumnDefs
+};

package/dist/components/Table/helpers/composeIDSTableInitialSorting.js

@@ -0,0 +1,10 @@
+const s = (t) => t ? (Array.isArray(t) ? t.map((r) => [
+  r.key,
+  r
+]) : Object.entries(t)).filter(([, r]) => typeof (r == null ? void 0 : r.sort) == "string").map(([r, e]) => ({
+  id: r,
+  desc: (e == null ? void 0 : e.sort) === "desc"
+})) : [];
+export {
+  s as composeIDSTableInitialSorting
+};

package/dist/components/Table/helpers/findColumnByKey.js

@@ -0,0 +1,4 @@
+const n = (e, r = []) => Array.isArray(r) ? r.find((i) => i.key === e) : r[e];
+export {
+  n as findColumnByKey
+};

package/dist/components/Table/helpers/getFormatFromValue.js

@@ -0,0 +1,11 @@
+const t = (r) => {
+  if (typeof r == "number")
+    return "number";
+  if (typeof r == "string")
+    return "string";
+  if (r instanceof Date)
+    return "date";
+};
+export {
+  t as getFormatFromValue
+};

package/dist/components/Table/helpers/hasColumns.js

@@ -0,0 +1,4 @@
+const e = (r) => r ? Array.isArray(r) ? r.length > 0 : Object.keys(r).length > 0 : !1;
+export {
+  e as hasColumns
+};

package/dist/components/Table/hooks/useIDSTableColumnSort.js

@@ -0,0 +1,24 @@
+import { useTable as i } from "./useTable.js";
+const S = ({
+  columnApi: r,
+  columnKey: s
+}) => {
+  const e = i(), t = e == null ? void 0 : e.getColumnByKey(s), n = (t == null ? void 0 : t.sort) ?? (t == null ? void 0 : t.sortFn);
+  if (!t || !n || !(r != null && r.getCanSort())) return;
+  const o = e.api.getState().sorting.find((g) => g.id === s), a = o != null && o.desc ? "descending" : "ascending";
+  return {
+    buttonProps: {
+      label: t.sortableText,
+      sort: o,
+      toggleSorting: () => {
+        r.toggleSorting();
+      }
+    },
+    columnProps: {
+      "aria-sort": o ? a : "none"
+    }
+  };
+};
+export {
+  S as useIDSTableColumnSort
+};

package/dist/components/Table/hooks/useIDSTableColumnStyles.js

@@ -0,0 +1,25 @@
+import { s as r } from "../../../Table.module-CztzYVfs.js";
+import { c as s } from "../../../index-2QXL0WYc.js";
+import { useTable as a } from "./useTable.js";
+const b = ({
+  columnKey: i
+}) => {
+  var t;
+  const e = (t = a()) == null ? void 0 : t.getColumnByKey(i);
+  if (e)
+    return {
+      className: s({
+        [r[`cell--${e == null ? void 0 : e.align}`]]: e == null ? void 0 : e.align,
+        [r.divider]: e == null ? void 0 : e.divider,
+        [r["cell--number"]]: (e == null ? void 0 : e.format) === "number",
+        [r["cell--currency"]]: (e == null ? void 0 : e.format) === "currency"
+      }),
+      style: {
+        width: e == null ? void 0 : e.width,
+        minWidth: e == null ? void 0 : e.width
+      }
+    };
+};
+export {
+  b as useIDSTableColumnStyles
+};

package/dist/components/Table/hooks/useTable.js

@@ -0,0 +1,6 @@
+import { useContext as t } from "react";
+import { getTableContext as e } from "../TableContext.js";
+const m = () => t(e());
+export {
+  m as useTable
+};

package/dist/components/Table/index.js

@@ -0,0 +1,15 @@
+import { TABLE_CELL_FORMATS as r, TABLE_COLUMN_ALIGN as l, TABLE_SCOPES as a, TableCellFormat as T, TableColumnAlign as m, TableScope as s } from "./Table.types.js";
+import { J as L } from "../../LoadingSuspense-BDiikfSh.js";
+import { IressTableFormattedValue as A } from "./TableFormattedValue/TableFormattedValue.js";
+import { IressTableBody as C } from "./TableBody/TableBody.js";
+export {
+  L as IressTable,
+  C as IressTableBody,
+  A as IressTableFormattedValue,
+  r as TABLE_CELL_FORMATS,
+  l as TABLE_COLUMN_ALIGN,
+  a as TABLE_SCOPES,
+  T as TableCellFormat,
+  m as TableColumnAlign,
+  s as TableScope
+};

package/dist/components/Tag/Tag.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "react";
+import "../../index-2QXL0WYc.js";
+import { K as s } from "../../LoadingSuspense-BDiikfSh.js";
+import "../../helpers/utility/propagateTestid.js";
+export {
+  s as IressTag
+};

package/dist/components/Tag/Tag.types.js

@@ -0,0 +1 @@
+

package/dist/components/Tag/TagInput/TagInput.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../hooks/useControlledState.js";
+import { L as s } from "../../../LoadingSuspense-BDiikfSh.js";
+import "../../../helpers/form/getValueAsEvent.js";
+export {
+  s as IressTagInput
+};

package/dist/components/Tag/TagInput/TagInput.types.js

@@ -0,0 +1 @@
+

package/dist/components/Tag/components/TagListInput/TagListInput.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "../../../../index-2QXL0WYc.js";
+import "react";
+import "../../../../helpers/utility/propagateTestid.js";
+import { a1 as a } from "../../../../LoadingSuspense-BDiikfSh.js";
+export {
+  a as TagListInput
+};

package/dist/components/Tag/components/TagListInput/TagListInput.types.js

@@ -0,0 +1 @@
+

package/dist/components/Tag/index.js

@@ -0,0 +1,5 @@
+import { K as r, L as e } from "../../LoadingSuspense-BDiikfSh.js";
+export {
+  r as IressTag,
+  e as IressTagInput
+};

package/dist/components/Text/Text.js

@@ -0,0 +1,34 @@
+import { jsx as x } from "react/jsx-runtime";
+import { c as d } from "../../index-2QXL0WYc.js";
+import { GlobalCSSClass as T, TextMode as c, TextElement as p, TextAlign as B, TextVariant as $ } from "../../enums.js";
+const e = ({
+  align: t,
+  children: a,
+  className: r,
+  "data-testid": i,
+  element: l = "div",
+  mode: s,
+  noGutter: n,
+  variant: o,
+  ...m
+}) => /* @__PURE__ */ x(
+  l,
+  {
+    ...m,
+    className: d(r, "iress-u-text", {
+      [`iress--${o}`]: !!o,
+      [`iress--${s}`]: !!s,
+      [`${T.TextAlignBase}--${t}`]: !!t,
+      "iress--no-gutter": n
+    }),
+    "data-testid": i,
+    children: a
+  }
+);
+e.Mode = c;
+e.Element = p;
+e.Align = B;
+e.Variant = $;
+export {
+  e as IressText
+};

package/dist/components/Text/Text.types.js

@@ -0,0 +1,19 @@
+const h = [
+  "p",
+  "div",
+  "span",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "code",
+  "blockquote",
+  "caption",
+  "cite",
+  "small"
+];
+export {
+  h as TEXT_ELEMENTS
+};

package/dist/components/Text/index.js

@@ -0,0 +1,6 @@
+import { TEXT_ELEMENTS as o } from "./Text.types.js";
+import { IressText as T } from "./Text.js";
+export {
+  T as IressText,
+  o as TEXT_ELEMENTS
+};

package/dist/components/Toaster/Toast/Toast.js

@@ -0,0 +1,13 @@
+import "react/jsx-runtime";
+import "../../../index-2QXL0WYc.js";
+import { M as f, T as x } from "../../../LoadingSuspense-BDiikfSh.js";
+import "../../../enums.js";
+import "../../../helpers/utility/propagateTestid.js";
+import "../../Inline/Inline.types.js";
+import "../../Panel/Panel.js";
+import "react";
+import "../../HeadingWithDeprecatedFallback/HeadingWithDeprecatedFallback.js";
+export {
+  f as IressToast,
+  x as Toast
+};

package/dist/components/Toaster/Toast/Toast.types.js

@@ -0,0 +1,10 @@
+const s = ["success", "error", "info"], t = [
+  "start-x",
+  "end-x",
+  "start-y",
+  "end-y"
+];
+export {
+  t as TOAST_ANIMATION,
+  s as TOAST_STATUS
+};

package/dist/components/Toaster/Toast/ToastAnimated.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../index-2QXL0WYc.js";
+import { ad as s } from "../../../LoadingSuspense-BDiikfSh.js";
+import "../../../helpers/transition/getTransitionDuration.js";
+import "../../../floating-ui.react-RKRjRgyj.js";
+export {
+  s as IressToastAnimated
+};

package/dist/components/Toaster/Toast/ToastIcon.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import { ac as m } from "../../../LoadingSuspense-BDiikfSh.js";
+import "../../Icon/Icon.types.js";
+export {
+  m as ToastIcon
+};

package/dist/components/Toaster/Toaster.js

@@ -0,0 +1,11 @@
+import "react/jsx-runtime";
+import "react";
+import "./Toaster.types.js";
+import "../../index-2QXL0WYc.js";
+import { ae as f } from "../../LoadingSuspense-BDiikfSh.js";
+import "../../enums.js";
+import "../Stack/Stack.js";
+import "../../floating-ui.react-RKRjRgyj.js";
+export {
+  f as IressToaster
+};