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

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

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

package/dist/components/Table/TableProvider.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import { a as m, T as p, g as T } from "../../TableProvider-D8SQKIG8.js";
+import { a as m, T as p, g as T } from "../../TableProvider-_4Whj6P5.js";
 import "./helpers/composeTableInitialSorting.js";
-import "../../composeTableColumnDefs-CeWqgpKW.js";
+import "../../composeTableColumnDefs-Hmd6yfdj.js";
 export {
   m as TableContext,
   p as TableProvider,

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

@@ -1,12 +1,12 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useContext as l } from "react";
-import { a as m } from "../../../TableProvider-D8SQKIG8.js";
-const p = ({ children: n }) => {
-  const t = l(m), o = t == null ? void 0 : t.api.getSortedRowModel().rows;
-  if (o != null && o.length || !n) return null;
-  const r = t == null ? void 0 : t.api.getVisibleFlatColumns().length;
-  return r ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: r, children: n }) }) : null;
+import { useContext as n } from "react";
+import { a as l } from "../../../TableProvider-_4Whj6P5.js";
+const u = ({ children: t }) => {
+  const o = n(l);
+  if (o?.api.getSortedRowModel().rows?.length || !t) return null;
+  const r = o?.api.getVisibleFlatColumns().length;
+  return r ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: r, children: t }) }) : null;
 };
 export {
-  p as TableEmpty
+  u as TableEmpty
 };

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

@@ -1,45 +1,44 @@
-import { jsx as l } from "react/jsx-runtime";
-import { propagateTestid as d } from "../../../helpers/utility/propagateTestid.js";
-import { a as u, f as x } from "../../../TableProvider-D8SQKIG8.js";
-import { TableHeaderCell as g } from "./TableHeaderCell.js";
-import { useContext as s } from "react";
-const w = ({
-  additionalHeaders: p,
-  className: t,
-  setControlViaRef: n,
-  tableId: o,
-  testId: m
+import { jsx as i } from "react/jsx-runtime";
+import { propagateTestid as l } from "../../../helpers/utility/propagateTestid.js";
+import { a as c, f } from "../../../TableProvider-_4Whj6P5.js";
+import { TableHeaderCell as u } from "./TableHeaderCell.js";
+import { useContext as x } from "react";
+const $ = ({
+  additionalHeaders: n,
+  className: d,
+  setControlViaRef: m,
+  tableId: r,
+  testId: o
 }) => {
-  var c;
-  const i = s(u), a = i == null ? void 0 : i.api.getHeaderGroups();
-  return (c = i == null ? void 0 : i.api.getFlatHeaders()) != null && c.length ? a == null ? void 0 : a.map((e) => /* @__PURE__ */ l(
+  const a = x(c), s = a?.api.getHeaderGroups();
+  return a?.api.getFlatHeaders()?.length ? s?.map((t) => /* @__PURE__ */ i(
     "tr",
     {
-      "data-testid": d(m, "row", "-"),
-      className: t,
-      id: `${o}--header--${e.id}`,
-      ref: (r) => {
-        const f = `${o}--header--${e.id}`;
-        n == null || n(f)(r);
+      "data-testid": l(o, "row", "-"),
+      className: d,
+      id: `${r}--header--${t.id}`,
+      ref: (e) => {
+        const p = `${r}--header--${t.id}`;
+        m?.(p)(e);
       },
-      children: e.headers.map((r) => /* @__PURE__ */ l(
-        g,
+      children: t.headers.map((e) => /* @__PURE__ */ i(
+        u,
         {
-          additionalHeaders: p,
-          columnApi: r.column,
-          tableId: o,
-          "data-testid": d(
-            m == null ? void 0 : m.replace("thead", "header"),
-            r.id
+          additionalHeaders: n,
+          columnApi: e.column,
+          tableId: r,
+          "data-testid": l(
+            o?.replace("thead", "header"),
+            e.id
           ),
-          children: r.isPlaceholder ? null : x(r.column.columnDef.header, r.getContext())
+          children: e.isPlaceholder ? null : f(e.column.columnDef.header, e.getContext())
         },
-        r.id
+        e.id
       ))
     },
-    e.id
+    t.id
   )) : null;
 };
 export {
-  w as TableHeader
+  $ as TableHeader
 };

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

@@ -1,35 +1,34 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useTableColumnStyles as C } from "../hooks/useTableColumnStyles.js";
-import { useTableColumnSort as b } from "../hooks/useTableColumnSort.js";
-import { TableSortButton as f } from "./TableSortButton.js";
-import { useContext as i } from "react";
-import { a as u } from "../../../TableProvider-D8SQKIG8.js";
-const h = ({
+import { jsx as e } from "react/jsx-runtime";
+import { useTableColumnStyles as u } from "../hooks/useTableColumnStyles.js";
+import { useTableColumnSort as d } from "../hooks/useTableColumnSort.js";
+import { TableSortButton as p } from "./TableSortButton.js";
+import { useContext as C } from "react";
+import { a as b } from "../../../TableProvider-_4Whj6P5.js";
+const x = ({
   additionalHeaders: m,
-  children: e,
-  columnApi: t,
+  children: r,
+  columnApi: o,
   tableId: n,
-  ...l
+  ...s
 }) => {
-  var r, s;
-  const o = b({
-    columnApi: t,
-    columnKey: t.id
-  }), d = C({ columnKey: t.id }), p = (s = (r = i(u)) == null ? void 0 : r.getColumnByKey(
-    t.id
-  )) == null ? void 0 : s.noWrap;
-  return /* @__PURE__ */ a(
+  const t = d({
+    columnApi: o,
+    columnKey: o.id
+  }), a = u({ columnKey: o.id }), l = C(b)?.getColumnByKey(
+    o.id
+  )?.noWrap;
+  return /* @__PURE__ */ e(
     "th",
     {
-      ...l,
-      id: `${n}__${t.id}`,
+      ...s,
+      id: `${n}__${o.id}`,
       headers: m,
-      ...o == null ? void 0 : o.columnProps,
-      ...d,
-      children: t.getCanSort() && o ? /* @__PURE__ */ a(f, { ...o == null ? void 0 : o.buttonProps, noWrap: p, children: e }) : e
+      ...t?.columnProps,
+      ...a,
+      children: o.getCanSort() && t ? /* @__PURE__ */ e(p, { ...t?.buttonProps, noWrap: l, children: r }) : r
     }
   );
 };
 export {
-  h as TableHeaderCell
+  x as TableHeaderCell
 };

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

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

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

@@ -3,13 +3,13 @@ import { IressIcon as l } from "../../Icon/Icon.js";
 import "../../Icon/Icon.styles.js";
 import { table as p } from "../Table.styles.js";
 const x = ({
-  children: e,
-  label: r = "sortable",
-  noWrap: s = !0,
+  children: r,
+  label: s = "sortable",
+  noWrap: e = !0,
   sort: o,
   toggleSorting: n
 }) => {
-  const c = o != null && o.desc ? "sort-down" : "sort-up", t = p({ sortButtonNoWrap: s });
+  const c = o?.desc ? "sort-down" : "sort-up", t = p({ sortButtonNoWrap: e });
   return /* @__PURE__ */ a(
     "button",
     {
@@ -17,13 +17,13 @@ const x = ({
       className: t.sortHeader,
       onClick: n,
       children: [
-        e,
+        r,
         /* @__PURE__ */ m(
           l,
           {
             name: o ? c : "sort",
             className: t.sortIcon,
-            screenreaderText: r
+            screenreaderText: s
           }
         )
       ]

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../TableFormattedValue/TableFormattedValue.js";
 import "../../../helpers/formatting/formatObjectKey.js";
-import { a as t } from "../../../composeTableColumnDefs-CeWqgpKW.js";
+import { a as t } from "../../../composeTableColumnDefs-Hmd6yfdj.js";
 export {
   t as composeTableColumnDefs
 };

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

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

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

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

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

@@ -1,29 +1,28 @@
-import { tableCell as a } from "../Table.styles.js";
+import { tableCell as i } from "../Table.styles.js";
 import { useContext as m } from "react";
-import { a as d } from "../../../TableProvider-D8SQKIG8.js";
-import { c as n } from "../../../cva-B2x59Dph.js";
-import { s as f } from "../../../is-valid-prop-DFFvE05x.js";
-const w = ({
+import { a } from "../../../TableProvider-_4Whj6P5.js";
+import { c as n } from "../../../css-fGu_jDvv.js";
+import { s as l } from "../../../is-valid-prop-Ce0wiweq.js";
+const h = ({
   columnKey: o
 }) => {
-  var r;
-  const t = (r = m(d)) == null ? void 0 : r.getColumnByKey(o);
+  const t = m(a)?.getColumnByKey(o);
   if (!t) return;
-  const e = t.format === "number" || t.format === "currency" ? t.format : "default", [s] = f(t), { width: l, ...i } = s;
+  const r = t.format === "number" || t.format === "currency" ? t.format : "default", [e] = l(t), { width: d, ...s } = e;
   return {
     className: n(
-      a.raw({
-        format: t.textAlign ? void 0 : e,
+      i.raw({
+        format: t.textAlign ? void 0 : r,
         divider: t.divider
       }),
-      i
+      s
     ),
     style: {
-      width: t == null ? void 0 : t.width,
-      minWidth: t == null ? void 0 : t.width
+      width: t?.width,
+      minWidth: t?.width
     }
   };
 };
 export {
-  w as useTableColumnStyles
+  h as useTableColumnStyles
 };

package/dist/components/Table/index.js

@@ -1,12 +1,11 @@
 import { IressTable as o } from "./Table.js";
 import { table as t, tableCell as a } from "./Table.styles.js";
 import { IressTableBody as b } from "./TableBody/TableBody.js";
-import { IressTableFormattedValue as T, TABLE_CELL_FORMATS as f } from "./TableFormattedValue/TableFormattedValue.js";
+import { IressTableFormattedValue as f } from "./TableFormattedValue/TableFormattedValue.js";
 export {
   o as IressTable,
   b as IressTableBody,
-  T as IressTableFormattedValue,
-  f as TABLE_CELL_FORMATS,
+  f as IressTableFormattedValue,
   t as table,
   a as tableCell
 };

package/dist/components/Tag/Tag.js

@@ -1,42 +1,39 @@
-import { jsxs as u, jsx as s } from "react/jsx-runtime";
-import { useRef as d } from "react";
-import { propagateTestid as x } from "../../helpers/utility/propagateTestid.js";
-import "../../Button-BXzmntRi.js";
-import { IressCloseButton as C } from "../Button/CloseButton/CloseButton.js";
-import { IressText as g } from "../Text/Text.js";
-import { tag as T } from "./Tag.styles.js";
-import { c as b } from "../../cx-DN21T1EH.js";
-import { GlobalCSSClass as B } from "../../enums.js";
-const G = ({
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { useRef as u } from "react";
+import { propagateTestid as d } from "../../helpers/utility/propagateTestid.js";
+import "../../Button-D6AL0bia.js";
+import { IressCloseButton as x } from "../Button/CloseButton/CloseButton.js";
+import { IressText as C } from "../Text/Text.js";
+import { tag as g } from "./Tag.styles.js";
+import { c as T } from "../../cx-DN21T1EH.js";
+import { GlobalCSSClass as b } from "../../enums.js";
+const k = ({
   children: n,
-  className: c,
+  className: a,
   "data-testid": o,
-  deleteButton: e,
-  deleteButtonText: i = "Delete",
-  onDelete: t,
-  onDeleteButtonBlur: p,
-  ...l
+  deleteButton: r,
+  deleteButtonText: m = "Delete",
+  onDelete: l,
+  onDeleteButtonBlur: c,
+  ...i
 }) => {
-  const a = d(null), r = T({ customDeleteButton: !!e });
-  return /* @__PURE__ */ u(
-    g,
+  const s = u(null), t = g({ customDeleteButton: !!r });
+  return /* @__PURE__ */ f(
+    C,
     {
-      className: b(c, r.root, B.Tag),
+      className: T(a, t.root, b.Tag),
       "data-testid": o,
       element: "span",
-      ...l,
+      ...i,
       children: [
-        /* @__PURE__ */ s("span", { ref: a, className: r.content, children: n }),
-        /* @__PURE__ */ s("span", { className: r.deleteButton, children: e ?? /* @__PURE__ */ s(
-          C,
+        /* @__PURE__ */ e("span", { ref: s, className: t.content, children: n }),
+        /* @__PURE__ */ e("span", { className: t.deleteButton, children: r ?? /* @__PURE__ */ e(
+          x,
           {
-            "data-testid": x(o, "delete-button__button"),
-            onBlur: p,
-            onClick: (f) => {
-              var m;
-              return t == null ? void 0 : t(((m = a.current) == null ? void 0 : m.textContent) ?? "", f);
-            },
-            screenreaderText: i
+            "data-testid": d(o, "delete-button__button"),
+            onBlur: c,
+            onClick: (p) => l?.(s.current?.textContent ?? "", p),
+            screenreaderText: m
           }
         ) })
       ]
@@ -44,5 +41,5 @@ const G = ({
   );
 };
 export {
-  G as IressTag
+  k as IressTag
 };

package/dist/components/Tag/Tag.styles.js

@@ -1,4 +1,4 @@
-import { s as o } from "../../sva-TRyehFkb.js";
+import { s as o } from "../../sva-OmxClA9g.js";
 const t = o({
   slots: ["root", "content", "deleteButton"],
   base: {
@@ -10,7 +10,6 @@ const t = o({
       display: "inline-flex",
       gap: "spacing.100",
       px: "xs",
-      py: "spacing.050",
       transition: "colors"
     },
     content: {