@stenajs-webui/grid 20.14.1 → 20.15.0

package/dist/index.es.js

@@ -1,11 +1,11 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._tableRow_1cphw_1:focus-within{background:var(--focus-within-background, var(--lhds-color-blue-50))}._standardTable_1iok0_1{--swui-standard-table-height: 40px;--swui-sticky-header-shadow: 2px 4px 4px 0 rgba(0, 0, 0, .05);--swui-sticky-header-shadow-and-right: var(--swui-sticky-header-shadow), var(--swui-sticky-column-shadow-right);--swui-sticky-header-shadow-and-left: var(--swui-sticky-header-shadow), var(--swui-sticky-column-shadow-left);--swui-sticky-column-shadow-right: 4px 2px 4px 0 rgba(0, 0, 0, .05);--swui-sticky-column-shadow-left: -4px 2px 4px 0 rgba(0, 0, 0, .05);--swui-sticky-header-z-index: 10;--swui-sticky-column-z-index: 20;--swui-sticky-group-group-z-index: 25;--swui-sticky-group-header-z-index: 26;--swui-sticky-header-column-group-z-index: 30;--swui-sticky-column-group-label-z-index: 40;--swui-sticky-header-in-sticky-column-z-index: 50;--swui-sticky-popover-z-index: 60;--swui-expand-cell-width: 45px;--swui-checkbox-cell-width: 45px;--swui-expand-highlight-border-width: 2px;--current-row-height: var(--swui-standard-table-height);--current-left-offset: 0px;border-spacing:0}._standardTable_1iok0_1 td{border-top:1px solid var(--lhds-color-ui-300);padding:0}._standardTable_1iok0_1 th{padding:0}._standardTable_1iok0_1._relaxed_1iok0_37{--current-row-height: 48px}._standardTable_1iok0_1._condensed_1iok0_41{--current-row-height: 32px}._standardTable_1iok0_1._compact_1iok0_45{--current-row-height: 24px}._standardTableCell_1xzcm_1{outline:none}._textCell_1yv6v_1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._summaryRow_12x8k_1 td{border-top:1px solid var(--lhds-color-ui-400)}._standardTableHeadTh_swsxb_8{height:1px}@-moz-document url-prefix(){._standardTableHeadTh_swsxb_8{height:100%}}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
-import { jsx as a, Fragment as R, jsxs as C } from "react/jsx-runtime";
+import { jsx as a, Fragment as R, jsxs as v } from "react/jsx-runtime";
 import * as G from "react";
 import { useMemo as y, useRef as ce, useState as ke, useCallback as P, useEffect as ht, useContext as Y, createContext as z, useReducer as Zt, useId as en } from "react";
 import { InputSpinner as We, Icon as X, stenaExclamationTriangle as Pe, stenaArrowRight as mt, stenaInfoCircle as tn, FlatButton as Ne, stenaDotsVertical as nn, stenaAngleDown as ft, stenaAngleRight as pt, ResultListBanner as rn, Banner as Ke } from "@stenajs-webui/elements";
 import { cssColor as V } from "@stenajs-webui/theme";
 import { Tooltip as we, Popover as on } from "@stenajs-webui/tooltip";
-import { Text as U, Indent as B, Space as N, Row as T, Box as le, exhaustSwitchCaseElseThrow as sn, Heading as wt, booleanOrNumberToNumber as an, useArraySet as gt, useOnScreen as cn, Spacing as Me } from "@stenajs-webui/core";
+import { Text as U, Indent as L, Space as N, Row as T, Box as le, exhaustSwitchCaseElseThrow as sn, Heading as wt, booleanOrNumberToNumber as an, useArraySet as gt, useOnScreen as cn, Spacing as Me } from "@stenajs-webui/core";
 import { faSortAlphaDown as ln } from "@fortawesome/free-solid-svg-icons/faSortAlphaDown";
 import { faSortAlphaUp as un } from "@fortawesome/free-solid-svg-icons/faSortAlphaUp";
 import { faSortAmountDownAlt as dn } from "@fortawesome/free-solid-svg-icons/faSortAmountDownAlt";
@@ -13,7 +13,7 @@ import { faSortAmountUpAlt as hn } from "@fortawesome/free-solid-svg-icons/faSor
 import { faSortNumericDown as mn } from "@fortawesome/free-solid-svg-icons/faSortNumericDown";
 import { faSortNumericUp as fn } from "@fortawesome/free-solid-svg-icons/faSortNumericUp";
 import yt from "classnames";
-import { TextInput as Be, Checkbox as Le } from "@stenajs-webui/forms";
+import { TextInput as Le, Checkbox as Be } from "@stenajs-webui/forms";
 import { useDispatch as pn, useSelector as Qe } from "react-redux";
 import { createSortOrderActions as wn, createSelectedIdsActions as Xe, createEntityActions as gn, createSortOrderReducerInitialState as yn, createSelectedIdsReducerInitialState as Ue, reducerIdGate as xe, createSortOrderReducer as bn, createSelectedIdsReducer as Je, createEntityReducer as vn, reducerIdGateAction as ne } from "@stenajs-webui/redux";
 import { combineReducers as Cn } from "redux";
@@ -61,7 +61,7 @@ const bt = G.createContext({}), Zs = ({
   crudStatus: o
 }) => {
   const s = t && (r == null ? void 0 : r.modified) && (r == null ? void 0 : r.newValue) === "", i = o && Ae(o), c = s || i;
-  return /* @__PURE__ */ C(R, { children: [
+  return /* @__PURE__ */ v(R, { children: [
     /* @__PURE__ */ a(
       U,
       {
@@ -70,8 +70,8 @@ const bt = G.createContext({}), Zs = ({
         children: n
       }
     ),
-    (r == null ? void 0 : r.newValue) !== void 0 && /* @__PURE__ */ C(R, { children: [
-      /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(X, { icon: mt, size: 12 }) }),
+    (r == null ? void 0 : r.newValue) !== void 0 && /* @__PURE__ */ v(R, { children: [
+      /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(X, { icon: mt, size: 12 }) }),
       /* @__PURE__ */ a(U, { color: "var(--swui-primary-action-color)", variant: "bold", children: r.newValue })
     ] }),
     c && /* @__PURE__ */ a(N, {}),
@@ -145,7 +145,7 @@ const bt = G.createContext({}), Zs = ({
     ...p
   }) => {
     const f = ce(null), w = n ? { cursor: "pointer", userSelect: "none" } : void 0, h = !e && !t && !c;
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ v(
       T,
       {
         height: "100%",
@@ -157,18 +157,18 @@ const bt = G.createContext({}), Zs = ({
         borderBottom: `2px solid ${o ? V("--lhds-color-blue-500") : "transparent"}`,
         ...p,
         children: [
-          /* @__PURE__ */ C(T, { alignItems: "center", indent: !0, children: [
-            !t && d && /* @__PURE__ */ C(R, { children: [
+          /* @__PURE__ */ v(T, { alignItems: "center", indent: !0, children: [
+            !t && d && /* @__PURE__ */ v(R, { children: [
               /* @__PURE__ */ a(N, {}),
               /* @__PURE__ */ a(le, { width: "14px" }),
               /* @__PURE__ */ a(N, { num: 0.5 })
             ] }),
-            (r || e) && /* @__PURE__ */ C(T, { onClick: n, style: w, alignItems: "center", children: [
-              r && /* @__PURE__ */ C(R, { children: [
+            (r || e) && /* @__PURE__ */ v(T, { onClick: n, style: w, alignItems: "center", children: [
+              r && /* @__PURE__ */ v(R, { children: [
                 r,
                 !h && /* @__PURE__ */ a(N, { num: 0.5 })
               ] }),
-              t && d && /* @__PURE__ */ C(R, { children: [
+              t && d && /* @__PURE__ */ v(R, { children: [
                 /* @__PURE__ */ a(N, {}),
                 /* @__PURE__ */ a(
                   Ze,
@@ -180,7 +180,7 @@ const bt = G.createContext({}), Zs = ({
                 /* @__PURE__ */ a(N, { num: 0.5 })
               ] }),
               e && /* @__PURE__ */ a(wt, { variant: "h6", style: { textAlign: "left" }, children: e }),
-              t && !d && /* @__PURE__ */ C(R, { children: [
+              t && !d && /* @__PURE__ */ v(R, { children: [
                 /* @__PURE__ */ a(N, { num: 0.5 }),
                 /* @__PURE__ */ a(
                   Ze,
@@ -192,9 +192,9 @@ const bt = G.createContext({}), Zs = ({
                 /* @__PURE__ */ a(N, {})
               ] })
             ] }),
-            c && /* @__PURE__ */ C(R, { children: [
+            c && /* @__PURE__ */ v(R, { children: [
               /* @__PURE__ */ a(N, {}),
-              /* @__PURE__ */ C(T, { onClick: (g) => g.stopPropagation(), children: [
+              /* @__PURE__ */ v(T, { onClick: (g) => g.stopPropagation(), children: [
                 /* @__PURE__ */ a(
                   we,
                   {
@@ -225,7 +225,7 @@ const bt = G.createContext({}), Zs = ({
               children: /* @__PURE__ */ a(Ne, { leftIcon: nn, size: "small" })
             }
           ) : null }),
-          !t && !d && /* @__PURE__ */ C(R, { children: [
+          !t && !d && /* @__PURE__ */ v(R, { children: [
             /* @__PURE__ */ a(N, {}),
             /* @__PURE__ */ a(le, { width: "14px" }),
             /* @__PURE__ */ a(N, { num: 0.5 })
@@ -249,7 +249,7 @@ const bt = G.createContext({}), Zs = ({
   height: o = ze
 }) => /* @__PURE__ */ a(Ye, { width: n, flex: t, height: o, children: /* @__PURE__ */ a(le, { indent: r, spacing: !0, children: /* @__PURE__ */ a(U, { variant: "bold", children: e }) }) }), ra = G.memo(
   ({ style: e, height: t = ze, ...n }) => /* @__PURE__ */ a(T, { style: e, height: t, ...n })
-), Nn = "_tableRow_1cphw_1", Bn = {
+), Nn = "_tableRow_1cphw_1", Ln = {
   tableRow: Nn
 }, oa = ({
   hideBorderTop: e,
@@ -261,10 +261,10 @@ const bt = G.createContext({}), Zs = ({
   {
     borderTop: e ? Gn : fe,
     height: t,
-    className: yt(Bn.tableRow, n),
+    className: yt(Ln.tableRow, n),
     ...r
   }
-), Ln = (e) => {
+), Bn = (e) => {
   const [t, n] = ke(e), r = ce(e), o = ce(e), s = P(
     (u) => {
       n(u), o.current = u;
@@ -315,7 +315,7 @@ const bt = G.createContext({}), Zs = ({
 }) => {
   const [c, l] = ke(!1), [d, u] = ke(
     void 0
-  ), m = Ln(e), { getValue: p, revert: f, setValue: w, setRevertValue: h } = m, g = P(
+  ), m = Bn(e), { getValue: p, revert: f, setValue: w, setRevertValue: h } = m, g = P(
     (S) => {
       t && (w(e), h(e), l(!0), o && o(S));
     },
@@ -577,7 +577,7 @@ const bt = G.createContext({}), Zs = ({
     setEditorValue: M,
     stopEditingAndRevert: W,
     stopEditingAndMove: x,
-    lastKeyEvent: L,
+    lastKeyEvent: B,
     requiredProps: { onKeyDown: A, ...ee }
   } = Oe(n, {
     rowIndex: d,
@@ -605,7 +605,7 @@ const bt = G.createContext({}), Zs = ({
       i.actions
     ]
   );
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ v(
     T,
     {
       height: He,
@@ -614,7 +614,7 @@ const bt = G.createContext({}), Zs = ({
       hoverBackground: "var(--ui7)",
       alignItems: "center",
       children: [
-        s && /* @__PURE__ */ a(B, { num: s }),
+        s && /* @__PURE__ */ a(L, { num: s }),
         /* @__PURE__ */ a(
           T,
           {
@@ -628,18 +628,18 @@ const bt = G.createContext({}), Zs = ({
             hoverBorder: O ? void 0 : "var(--ui5) solid 1px;",
             onKeyDown: _,
             ...ee,
-            children: /* @__PURE__ */ a(B, { row: !0, alignItems: "center", children: O ? /* @__PURE__ */ a(
-              Be,
+            children: /* @__PURE__ */ a(L, { row: !0, alignItems: "center", children: O ? /* @__PURE__ */ a(
+              Le,
               {
                 onValueChange: M,
                 value: D,
                 onDone: S,
                 onEsc: W,
                 autoFocus: !0,
-                selectAllOnMount: !L,
+                selectAllOnMount: !B,
                 onMove: x
               }
-            ) : /* @__PURE__ */ C(R, { children: [
+            ) : /* @__PURE__ */ v(R, { children: [
               /* @__PURE__ */ a(
                 U,
                 {
@@ -648,8 +648,8 @@ const bt = G.createContext({}), Zs = ({
                   children: n
                 }
               ),
-              (g == null ? void 0 : g.newValue) !== void 0 && /* @__PURE__ */ C(R, { children: [
-                /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(X, { icon: mt, size: 12 }) }),
+              (g == null ? void 0 : g.newValue) !== void 0 && /* @__PURE__ */ v(R, { children: [
+                /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(X, { icon: mt, size: 12 }) }),
                 /* @__PURE__ */ a(
                   U,
                   {
@@ -671,7 +671,7 @@ const bt = G.createContext({}), Zs = ({
             ] }) })
           }
         ),
-        s && /* @__PURE__ */ a(B, { num: s })
+        s && /* @__PURE__ */ a(L, { num: s })
       ]
     }
   );
@@ -716,7 +716,7 @@ const bt = G.createContext({}), Zs = ({
     () => t.map((r) => r.groupConfig.columnOrder.length).reduce((r, o) => r + o, 0),
     [t]
   );
-}, Wt = z(void 0), sr = () => Y(Wt), Nt = z(void 0), ar = () => Y(Nt), Bt = z(void 0), ir = z(!1), cr = () => Y(Bt), lr = z("standard"), Lt = z({}), _e = () => Y(Lt), At = z(0), je = () => Y(At), Ft = (e, t, n) => e ? Sn(
+}, Wt = z(void 0), sr = () => Y(Wt), Nt = z(void 0), ar = () => Y(Nt), Lt = z(void 0), ir = z(!1), cr = () => Y(Lt), lr = z("standard"), Bt = z({}), _e = () => Y(Bt), At = z(0), je = () => Y(At), Ft = (e, t, n) => e ? Sn(
   (t == null ? void 0 : t.map((r) => {
     const o = e == null ? void 0 : e[r];
     return {
@@ -765,7 +765,7 @@ const bt = G.createContext({}), Zs = ({
   isFirstGroup: s,
   isLastGroup: i
 }) {
-  const { label: c, render: l, contentLeft: d, contentRight: u, loading: m, error: p } = n, { width: f, minWidth: w, zIndex: h, borderLeft: g } = ye(t), b = I(), { stickyHeader: k, headerRowOffsetTop: O } = b, S = "columnGroupOrder" in b ? b.stickyColumnGroups : void 0, D = mr(r, g), M = s && (S === "first" || S === "both"), W = i && (S === "last" || S === "both"), x = M || W || k, L = M || W;
+  const { label: c, render: l, contentLeft: d, contentRight: u, loading: m, error: p } = n, { width: f, minWidth: w, zIndex: h, borderLeft: g } = ye(t), b = I(), { stickyHeader: k, headerRowOffsetTop: O } = b, S = "columnGroupOrder" in b ? b.stickyColumnGroups : void 0, D = mr(r, g), M = s && (S === "first" || S === "both"), W = i && (S === "last" || S === "both"), x = M || W || k, B = M || W;
   return /* @__PURE__ */ a(
     "th",
     {
@@ -780,21 +780,21 @@ const bt = G.createContext({}), Zs = ({
         right: W ? "0px" : void 0,
         top: k ? O ?? "0px" : void 0,
         borderLeft: D,
-        zIndex: k && L ? "var(--swui-sticky-column-group-label-z-index)" : L ? "var(--swui-sticky-group-group-z-index)" : k ? h ?? "var(--swui-sticky-header-column-group-z-index)" : h ?? 1,
+        zIndex: k && B ? "var(--swui-sticky-column-group-label-z-index)" : B ? "var(--swui-sticky-group-group-z-index)" : k ? h ?? "var(--swui-sticky-header-column-group-z-index)" : h ?? 1,
         boxShadow: M ? "var(--swui-sticky-column-shadow-right)" : W ? "var(--swui-sticky-column-shadow-left)" : void 0
       },
-      children: /* @__PURE__ */ a(T, { alignItems: "center", children: /* @__PURE__ */ C(R, { children: [
-        d && /* @__PURE__ */ C(R, { children: [
+      children: /* @__PURE__ */ a(T, { alignItems: "center", children: /* @__PURE__ */ v(R, { children: [
+        d && /* @__PURE__ */ v(R, { children: [
           /* @__PURE__ */ a(N, {}),
           d,
           /* @__PURE__ */ a(N, { num: 0.5 })
         ] }),
-        l ? l(n) : /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(wt, { variant: "h5", whiteSpace: "nowrap", children: c }) }),
-        u && /* @__PURE__ */ C(R, { children: [
+        l ? l(n) : /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(wt, { variant: "h5", whiteSpace: "nowrap", children: c }) }),
+        u && /* @__PURE__ */ v(R, { children: [
           /* @__PURE__ */ a(N, { num: 0.5 }),
           u
         ] }),
-        (p || m) && /* @__PURE__ */ a(B, {}),
+        (p || m) && /* @__PURE__ */ a(L, {}),
         m ? /* @__PURE__ */ a(We, {}) : p ? /* @__PURE__ */ a(
           we,
           {
@@ -849,7 +849,7 @@ const bt = G.createContext({}), Zs = ({
     u,
     c
   ), p = l ? "var(--swui-sticky-column-group-label-z-index)" : "var(--swui-sticky-group-group-z-index)";
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ v(
     "tr",
     {
       style: {
@@ -1075,14 +1075,14 @@ const bt = G.createContext({}), Zs = ({
   }, 0) : ((t = e.columnOrder) == null ? void 0 : t.length) ?? 0;
 }, Rr = () => {
   const e = I(), t = Z(), n = e.enableExpandCollapse || e.showRowCheckbox, r = an(e.rowIndent);
-  return /* @__PURE__ */ C(R, { children: [
+  return /* @__PURE__ */ v(R, { children: [
     r ? /* @__PURE__ */ a("colgroup", { children: /* @__PURE__ */ a(
       "col",
       {
         style: { width: `calc(var(--swui-metrics-indent) * ${r})` }
       }
     ) }) : null,
-    n && /* @__PURE__ */ C("colgroup", { children: [
+    n && /* @__PURE__ */ v("colgroup", { children: [
       e.enableExpandCollapse && /* @__PURE__ */ a("col", { style: { width: "var(--swui-expand-cell-width)" } }),
       e.showRowCheckbox && /* @__PURE__ */ a("col", { style: { width: "var(--swui-checkbox-cell-width)" } })
     ] }),
@@ -1103,12 +1103,12 @@ const bt = G.createContext({}), Zs = ({
       }
     ) }) : null
   ] });
-}, Gr = "_standardTable_1iok0_1", Wr = "_relaxed_1iok0_37", Nr = "_condensed_1iok0_41", Br = "_compact_1iok0_45", rt = {
+}, Gr = "_standardTable_1iok0_1", Wr = "_relaxed_1iok0_37", Nr = "_condensed_1iok0_41", Lr = "_compact_1iok0_45", rt = {
   standardTable: Gr,
   relaxed: Wr,
   condensed: Nr,
-  compact: Br
-}, Lr = (e, t) => e != null && t == null ? -1 : e == null && t != null ? 1 : Re(e, t, "number") ? Number(e) - Number(t) : Re(e, t, "boolean") ? Number(t) - Number(e) : Re(e, t, "string") ? String(e).localeCompare(String(t)) : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : 0, Re = (e, t, n) => typeof e === n && typeof t === n, Ar = (e) => {
+  compact: Lr
+}, Br = (e, t) => e != null && t == null ? -1 : e == null && t != null ? 1 : Re(e, t, "number") ? Number(e) - Number(t) : Re(e, t, "boolean") ? Number(t) - Number(e) : Re(e, t, "string") ? String(e).localeCompare(String(t)) : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : 0, Re = (e, t, n) => typeof e === n && typeof t === n, Ar = (e) => {
   const { columns: t } = I();
   if (!e)
     return;
@@ -1139,7 +1139,7 @@ const bt = G.createContext({}), Zs = ({
       [n, c, l]
     );
     return /* @__PURE__ */ a(
-      Le,
+      Be,
       {
         size: "small",
         disabled: i,
@@ -1298,7 +1298,7 @@ const bt = G.createContext({}), Zs = ({
   size: n,
   color: r
 }) {
-  return /* @__PURE__ */ a(B, { overflow: "hidden", children: /* @__PURE__ */ a(U, { className: Ur.textCell, title: t, size: n, color: r, children: t }) });
+  return /* @__PURE__ */ a(L, { overflow: "hidden", children: /* @__PURE__ */ a(U, { className: Ur.textCell, title: t, size: n, color: r, children: t }) });
 }), Zr = ({
   label: e,
   textSize: t
@@ -1321,7 +1321,7 @@ const bt = G.createContext({}), Zs = ({
     width: M,
     minWidth: W,
     justifyContentCell: x = "flex-start",
-    borderLeft: L,
+    borderLeft: B,
     renderCell: A = k,
     gridCellOptions: ee,
     isEditable: _,
@@ -1375,7 +1375,7 @@ const bt = G.createContext({}), Zs = ({
   ), Ut = Ve(
     i,
     c,
-    L
+    B
   ), Jt = H.sticky && H.type === "last-group" && H.isFirstColumnInLastGroup || H.sticky && H.type === "column" && H.right ? "var(--swui-sticky-column-shadow-left)" : H.sticky ? "var(--swui-sticky-column-shadow-right)" : void 0;
   return /* @__PURE__ */ a(
     "td",
@@ -1451,7 +1451,7 @@ const bt = G.createContext({}), Zs = ({
   }), x = y(
     () => w == null ? void 0 : w(t, S),
     [S, t, w]
-  ), L = ro(
+  ), B = ro(
     x,
     S,
     O
@@ -1473,14 +1473,14 @@ const bt = G.createContext({}), Zs = ({
     De,
     t
   ), ve = y(
-    () => /* @__PURE__ */ a(R, { children: /* @__PURE__ */ C(R, { children: [
+    () => /* @__PURE__ */ a(R, { children: /* @__PURE__ */ v(R, { children: [
       b && /* @__PURE__ */ a(
         "td",
         {
           style: {
             background: $
           },
-          children: /* @__PURE__ */ a(B, { num: b })
+          children: /* @__PURE__ */ a(L, { num: b })
         }
       ),
       k && /* @__PURE__ */ a(
@@ -1571,7 +1571,7 @@ const bt = G.createContext({}), Zs = ({
           style: {
             background: be
           },
-          children: /* @__PURE__ */ a(B, { num: b })
+          children: /* @__PURE__ */ a(L, { num: b })
         }
       ),
       /* @__PURE__ */ a("td", {})
@@ -1597,12 +1597,12 @@ const bt = G.createContext({}), Zs = ({
       D
     ]
   );
-  return /* @__PURE__ */ C(R, { children: [
+  return /* @__PURE__ */ v(R, { children: [
     /* @__PURE__ */ a(
       qt,
       {
         hoverBackground: A,
-        background: L,
+        background: B,
         focusBackground: ee,
         borderLeft: O ? xt : Fe,
         ref: l,
@@ -1669,7 +1669,7 @@ const bt = G.createContext({}), Zs = ({
           overflow: "hidden",
           justifyContent: f,
           alignItems: "center",
-          children: c ? O : /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(U, { variant: "bold", children: k }) })
+          children: c ? O : /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(U, { variant: "bold", children: k }) })
         }
       )
     }
@@ -1691,8 +1691,8 @@ const bt = G.createContext({}), Zs = ({
     items: t
   }) {
     const n = Z(), { showRowCheckbox: r, enableExpandCollapse: o, columns: s, rowIndent: i } = I();
-    return /* @__PURE__ */ C("tr", { className: lo.summaryRow, children: [
-      i && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(B, { num: i }) }),
+    return /* @__PURE__ */ v("tr", { className: lo.summaryRow, children: [
+      i && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(L, { num: i }) }),
       o && /* @__PURE__ */ a("td", {}),
       r && /* @__PURE__ */ a("td", {}),
       n.map(({ groupConfig: c, groupId: l }, d) => /* @__PURE__ */ a(G.Fragment, { children: ho(c.columnOrder, s).map(
@@ -1712,7 +1712,7 @@ const bt = G.createContext({}), Zs = ({
           u
         )
       ) }, l)),
-      i && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(B, { num: i }) }),
+      i && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(L, { num: i }) }),
       /* @__PURE__ */ a("td", {})
     ] });
   }
@@ -1740,7 +1740,7 @@ const bt = G.createContext({}), Zs = ({
       return t;
     const h = [...t];
     return h.sort(
-      (g, b) => Lr(
+      (g, b) => Br(
         p(g),
         p(b)
       )
@@ -1758,7 +1758,7 @@ const bt = G.createContext({}), Zs = ({
     return document.addEventListener("keyup", h), document.addEventListener("keydown", g), () => {
       document.removeEventListener("keyup", h), document.removeEventListener("keydown", g);
     };
-  }, []), /* @__PURE__ */ C(G.Fragment, { children: [
+  }, []), /* @__PURE__ */ v(G.Fragment, { children: [
     f.map((h, g) => /* @__PURE__ */ a(
       no,
       {
@@ -1786,16 +1786,18 @@ const bt = G.createContext({}), Zs = ({
   colIndexOffset: d,
   rowIndexOffset: u,
   variant: m,
-  errorLabel: p
+  errorLabel: p,
+  renderExtraRowTop: f,
+  renderExtraRowBottom: w
 }) {
-  const f = je();
-  return n ? /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: f, children: /* @__PURE__ */ a(Me, { num: 4, justifyContent: "center", children: /* @__PURE__ */ a(le, { alignItems: "center", children: /* @__PURE__ */ a(rn, { bannerState: n, variant: "error" }) }) }) }) }) }) : t || p ? /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: f, children: /* @__PURE__ */ a(Me, { num: 4, justifyContent: "center", children: /* @__PURE__ */ a(le, { alignItems: "center", children: /* @__PURE__ */ a(
+  const h = je();
+  return n ? /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: h, children: /* @__PURE__ */ a(Me, { num: 4, justifyContent: "center", children: /* @__PURE__ */ a(le, { alignItems: "center", children: /* @__PURE__ */ a(rn, { bannerState: n, variant: "error" }) }) }) }) }) }) : t || p ? /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: h, children: /* @__PURE__ */ a(Me, { num: 4, justifyContent: "center", children: /* @__PURE__ */ a(le, { alignItems: "center", children: /* @__PURE__ */ a(
     Ke,
     {
       headerText: (t ? t.message : p) ?? "Unknown error",
       variant: "error"
     }
-  ) }) }) }) }) }) : r ? /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: f, children: /* @__PURE__ */ a(Me, { num: 4, children: /* @__PURE__ */ a(xn, {}) }) }) }) }) : !o || !o.length ? /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: f, children: /* @__PURE__ */ a(T, { spacing: 4, justifyContent: "center", children: /* @__PURE__ */ a(
+  ) }) }) }) }) }) : r ? /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: h, children: /* @__PURE__ */ a(Me, { num: 4, children: /* @__PURE__ */ a(xn, {}) }) }) }) }) : !o || !o.length ? /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: h, children: /* @__PURE__ */ a(T, { spacing: 4, justifyContent: "center", children: /* @__PURE__ */ a(
     Ke,
     {
       text: s,
@@ -1804,15 +1806,19 @@ const bt = G.createContext({}), Zs = ({
       variant: "info",
       children: c
     }
-  ) }) }) }) }) : /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a(
-    po,
-    {
-      variant: m,
-      items: o,
-      colIndexOffset: d,
-      rowIndexOffset: u
-    }
-  ) });
+  ) }) }) }) }) : /* @__PURE__ */ v("tbody", { children: [
+    f == null ? void 0 : f(),
+    /* @__PURE__ */ a(
+      po,
+      {
+        variant: m,
+        items: o,
+        colIndexOffset: d,
+        rowIndexOffset: u
+      }
+    ),
+    w == null ? void 0 : w()
+  ] });
 }), go = (e) => {
   const { keyResolver: t, checkboxDisabledResolver: n } = I(), {
     selectedIds: { selectedIds: r }
@@ -1975,7 +1981,7 @@ const bt = G.createContext({}), Zs = ({
     position: m || p ? "sticky" : void 0,
     boxShadow: m && p ? "var(--swui-sticky-header-shadow-and-right)" : p ? "var(--swui-sticky-column-shadow-right)" : m ? "var(--swui-sticky-header-shadow)" : void 0
   };
-  return /* @__PURE__ */ C(qt, { height: r, borderLeft: Fe, children: [
+  return /* @__PURE__ */ v(qt, { height: r, borderLeft: Fe, children: [
     l && /* @__PURE__ */ a("th", { style: D, children: /* @__PURE__ */ a(T, { indent: l }) }),
     c && /* @__PURE__ */ a(
       "th",
@@ -2020,7 +2026,7 @@ const bt = G.createContext({}), Zs = ({
             alignItems: "center",
             justifyContent: "center",
             children: s && /* @__PURE__ */ a(
-              Le,
+              Be,
               {
                 size: "small",
                 disabled: S,
@@ -2033,10 +2039,10 @@ const bt = G.createContext({}), Zs = ({
         )
       }
     ),
-    o.map(({ groupConfig: M, groupId: W }, x) => /* @__PURE__ */ a(G.Fragment, { children: M.columnOrder.map((L, A) => /* @__PURE__ */ a(
+    o.map(({ groupConfig: M, groupId: W }, x) => /* @__PURE__ */ a(G.Fragment, { children: M.columnOrder.map((B, A) => /* @__PURE__ */ a(
       xo,
       {
-        columnId: L,
+        columnId: B,
         borderFromGroup: Ie(
           x,
           A,
@@ -2047,7 +2053,7 @@ const bt = G.createContext({}), Zs = ({
         top: D.top,
         appendTooltipTo: n
       },
-      L
+      B
     )) }, W)),
     l && /* @__PURE__ */ a("th", { style: D, children: /* @__PURE__ */ a(T, { indent: l }) }),
     /* @__PURE__ */ a("th", { style: D })
@@ -2077,7 +2083,7 @@ const bt = G.createContext({}), Zs = ({
       dispatch: O
     }),
     [k, O]
-  ), D = !!(r ?? "columnGroupOrder" in n), M = "columnGroups" in n ? n.columnGroups : void 0, W = "columnGroupOrder" in n ? n.columnGroupOrder : void 0, x = "columnOrder" in n ? n.columnOrder : void 0, L = y(
+  ), D = !!(r ?? "columnGroupOrder" in n), M = "columnGroups" in n ? n.columnGroups : void 0, W = "columnGroupOrder" in n ? n.columnGroupOrder : void 0, x = "columnOrder" in n ? n.columnOrder : void 0, B = y(
     () => Ft(
       M,
       W,
@@ -2107,14 +2113,14 @@ const bt = G.createContext({}), Zs = ({
         isolation: "isolate",
         "--current-left-offset": f && w ? "calc(var(--swui-expand-cell-width) + var(--swui-checkbox-cell-width))" : w ? "var(--swui-checkbox-cell-width)" : f ? "var(--swui-expand-cell-width)" : "0px"
       },
-      children: /* @__PURE__ */ a(Lt.Provider, { value: _, children: /* @__PURE__ */ a(At.Provider, { value: ee, children: /* @__PURE__ */ a(lr.Provider, { value: s, children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ a(Bt.Provider, { value: _, children: /* @__PURE__ */ a(At.Provider, { value: ee, children: /* @__PURE__ */ a(lr.Provider, { value: s, children: /* @__PURE__ */ a(
         It.Provider,
         {
           value: o ?? u,
           children: /* @__PURE__ */ a(Tt.Provider, { value: b, children: /* @__PURE__ */ a(Dt.Provider, { value: S, children: /* @__PURE__ */ a(Et.Provider, { value: n, children: /* @__PURE__ */ a(
             Rt.Provider,
             {
-              value: L,
+              value: B,
               children: /* @__PURE__ */ a(
                 Ht.Provider,
                 {
@@ -2123,18 +2129,18 @@ const bt = G.createContext({}), Zs = ({
                     ir.Provider,
                     {
                       value: D,
-                      children: /* @__PURE__ */ C(
-                        Bt.Provider,
+                      children: /* @__PURE__ */ v(
+                        Lt.Provider,
                         {
                           value: "columnGroupOrder" in n ? r ?? n.columnGroupOrder : r,
                           children: [
                             /* @__PURE__ */ a(Rr, {}),
-                            /* @__PURE__ */ a(Wt.Provider, { value: i, children: /* @__PURE__ */ C(
+                            /* @__PURE__ */ a(Wt.Provider, { value: i, children: /* @__PURE__ */ v(
                               Nt.Provider,
                               {
                                 value: c,
                                 children: [
-                                  /* @__PURE__ */ C("thead", { children: [
+                                  /* @__PURE__ */ v("thead", { children: [
                                     (r || "columnGroupOrder" in n) && /* @__PURE__ */ a(
                                       wr,
                                       {
@@ -2188,7 +2194,7 @@ const bt = G.createContext({}), Zs = ({
     stopEditingAndMove: l
   }
 }) => r ? /* @__PURE__ */ a(
-  Be,
+  Le,
   {
     onValueChange: o,
     value: n,
@@ -2198,7 +2204,7 @@ const bt = G.createContext({}), Zs = ({
     selectAllOnMount: !i,
     onMove: l
   }
-) : /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(U, { color: "var(--swui-primary-action-color)", size: e, children: t }) }), ia = (e, t, n) => ({
+) : /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(U, { color: "var(--swui-primary-action-color)", size: e, children: t }) }), ia = (e, t, n) => ({
   label: r,
   item: o,
   gridCell: {
@@ -2214,7 +2220,7 @@ const bt = G.createContext({}), Zs = ({
 }) => {
   const f = typeof e == "function" ? e(o) : e, w = t ? t(o) : void 0, h = n ? n(o) : void 0;
   return p && i ? /* @__PURE__ */ a(
-    Be,
+    Le,
     {
       onValueChange: c,
       value: s,
@@ -2224,7 +2230,7 @@ const bt = G.createContext({}), Zs = ({
       selectAllOnMount: !d,
       onMove: m
     }
-  ) : /* @__PURE__ */ a(B, { row: !0, alignItems: "center", children: /* @__PURE__ */ a(
+  ) : /* @__PURE__ */ a(L, { row: !0, alignItems: "center", children: /* @__PURE__ */ a(
     Tn,
     {
       value: r,
@@ -2384,12 +2390,12 @@ const No = {
   long: "MMMM do, y",
   medium: "MMM d, y",
   short: "MM/dd/yyyy"
-}, Bo = {
+}, Lo = {
   full: "h:mm:ss a zzzz",
   long: "h:mm:ss a z",
   medium: "h:mm:ss a",
   short: "h:mm a"
-}, Lo = {
+}, Bo = {
   full: "{{date}} 'at' {{time}}",
   long: "{{date}} 'at' {{time}}",
   medium: "{{date}}, {{time}}",
@@ -2400,11 +2406,11 @@ const No = {
     defaultWidth: "full"
   }),
   time: Ge({
-    formats: Bo,
+    formats: Lo,
     defaultWidth: "full"
   }),
   dateTime: Ge({
-    formats: Lo,
+    formats: Bo,
     defaultWidth: "full"
   })
 }, Fo = {
@@ -2765,7 +2771,7 @@ function ps(e, t) {
   const n = q(e), r = +pe(n, t) - +fs(n, t);
   return Math.round(r / jt) + 1;
 }
-function v(e, t) {
+function C(e, t) {
   const n = e < 0 ? "-" : "", r = Math.abs(e).toString().padStart(t, "0");
   return n + r;
 }
@@ -2773,16 +2779,16 @@ const Q = {
   // Year
   y(e, t) {
     const n = e.getFullYear(), r = n > 0 ? n : 1 - n;
-    return v(t === "yy" ? r % 100 : r, t.length);
+    return C(t === "yy" ? r % 100 : r, t.length);
   },
   // Month
   M(e, t) {
     const n = e.getMonth();
-    return t === "M" ? String(n + 1) : v(n + 1, 2);
+    return t === "M" ? String(n + 1) : C(n + 1, 2);
   },
   // Day of the month
   d(e, t) {
-    return v(e.getDate(), t.length);
+    return C(e.getDate(), t.length);
   },
   // AM or PM
   a(e, t) {
@@ -2802,26 +2808,26 @@ const Q = {
   },
   // Hour [1-12]
   h(e, t) {
-    return v(e.getHours() % 12 || 12, t.length);
+    return C(e.getHours() % 12 || 12, t.length);
   },
   // Hour [0-23]
   H(e, t) {
-    return v(e.getHours(), t.length);
+    return C(e.getHours(), t.length);
   },
   // Minute
   m(e, t) {
-    return v(e.getMinutes(), t.length);
+    return C(e.getMinutes(), t.length);
   },
   // Second
   s(e, t) {
-    return v(e.getSeconds(), t.length);
+    return C(e.getSeconds(), t.length);
   },
   // Fraction of second
   S(e, t) {
     const n = t.length, r = e.getMilliseconds(), o = Math.trunc(
       r * Math.pow(10, n - 3)
     );
-    return v(o, t.length);
+    return C(o, t.length);
   }
 }, ie = {
   am: "am",
@@ -2861,14 +2867,14 @@ const Q = {
     const o = $t(e, r), s = o > 0 ? o : 1 - o;
     if (t === "YY") {
       const i = s % 100;
-      return v(i, 2);
+      return C(i, 2);
     }
-    return t === "Yo" ? n.ordinalNumber(s, { unit: "year" }) : v(s, t.length);
+    return t === "Yo" ? n.ordinalNumber(s, { unit: "year" }) : C(s, t.length);
   },
   // ISO week-numbering year
   R: function(e, t) {
     const n = Vt(e);
-    return v(n, t.length);
+    return C(n, t.length);
   },
   // Extended year. This is a single number designating the year of this calendar system.
   // The main difference between `y` and `u` localizers are B.C. years:
@@ -2881,7 +2887,7 @@ const Q = {
   // while `uu` pads single digit years to 2 characters and returns other years unchanged.
   u: function(e, t) {
     const n = e.getFullYear();
-    return v(n, t.length);
+    return C(n, t.length);
   },
   // Quarter
   Q: function(e, t, n) {
@@ -2890,7 +2896,7 @@ const Q = {
       case "Q":
         return String(r);
       case "QQ":
-        return v(r, 2);
+        return C(r, 2);
       case "Qo":
         return n.ordinalNumber(r, { unit: "quarter" });
       case "QQQ":
@@ -2918,7 +2924,7 @@ const Q = {
       case "q":
         return String(r);
       case "qq":
-        return v(r, 2);
+        return C(r, 2);
       case "qo":
         return n.ordinalNumber(r, { unit: "quarter" });
       case "qqq":
@@ -2970,7 +2976,7 @@ const Q = {
       case "L":
         return String(r + 1);
       case "LL":
-        return v(r + 1, 2);
+        return C(r + 1, 2);
       case "Lo":
         return n.ordinalNumber(r + 1, { unit: "month" });
       case "LLL":
@@ -2991,12 +2997,12 @@ const Q = {
   // Local week of year
   w: function(e, t, n, r) {
     const o = ps(e, r);
-    return t === "wo" ? n.ordinalNumber(o, { unit: "week" }) : v(o, t.length);
+    return t === "wo" ? n.ordinalNumber(o, { unit: "week" }) : C(o, t.length);
   },
   // ISO week of year
   I: function(e, t, n) {
     const r = ms(e);
-    return t === "Io" ? n.ordinalNumber(r, { unit: "week" }) : v(r, t.length);
+    return t === "Io" ? n.ordinalNumber(r, { unit: "week" }) : C(r, t.length);
   },
   // Day of the month
   d: function(e, t, n) {
@@ -3005,7 +3011,7 @@ const Q = {
   // Day of year
   D: function(e, t, n) {
     const r = hs(e);
-    return t === "Do" ? n.ordinalNumber(r, { unit: "dayOfYear" }) : v(r, t.length);
+    return t === "Do" ? n.ordinalNumber(r, { unit: "dayOfYear" }) : C(r, t.length);
   },
   // Day of week
   E: function(e, t, n) {
@@ -3043,7 +3049,7 @@ const Q = {
       case "e":
         return String(s);
       case "ee":
-        return v(s, 2);
+        return C(s, 2);
       case "eo":
         return n.ordinalNumber(s, { unit: "day" });
       case "eee":
@@ -3076,7 +3082,7 @@ const Q = {
       case "c":
         return String(s);
       case "cc":
-        return v(s, t.length);
+        return C(s, t.length);
       case "co":
         return n.ordinalNumber(s, { unit: "day" });
       case "ccc":
@@ -3109,7 +3115,7 @@ const Q = {
       case "i":
         return String(o);
       case "ii":
-        return v(o, t.length);
+        return C(o, t.length);
       case "io":
         return n.ordinalNumber(o, { unit: "day" });
       case "iii":
@@ -3232,12 +3238,12 @@ const Q = {
   // Hour [0-11]
   K: function(e, t, n) {
     const r = e.getHours() % 12;
-    return t === "Ko" ? n.ordinalNumber(r, { unit: "hour" }) : v(r, t.length);
+    return t === "Ko" ? n.ordinalNumber(r, { unit: "hour" }) : C(r, t.length);
   },
   // Hour [1-24]
   k: function(e, t, n) {
     let r = e.getHours();
-    return r === 0 && (r = 24), t === "ko" ? n.ordinalNumber(r, { unit: "hour" }) : v(r, t.length);
+    return r === 0 && (r = 24), t === "ko" ? n.ordinalNumber(r, { unit: "hour" }) : C(r, t.length);
   },
   // Minute
   m: function(e, t, n) {
@@ -3312,23 +3318,23 @@ const Q = {
   // Seconds timestamp
   t: function(e, t, n) {
     const r = Math.trunc(e.getTime() / 1e3);
-    return v(r, t.length);
+    return C(r, t.length);
   },
   // Milliseconds timestamp
   T: function(e, t, n) {
     const r = e.getTime();
-    return v(r, t.length);
+    return C(r, t.length);
   }
 };
 function ct(e, t = "") {
   const n = e > 0 ? "-" : "+", r = Math.abs(e), o = Math.trunc(r / 60), s = r % 60;
-  return s === 0 ? n + String(o) : n + String(o) + t + v(s, 2);
+  return s === 0 ? n + String(o) : n + String(o) + t + C(s, 2);
 }
 function lt(e, t) {
-  return e % 60 === 0 ? (e > 0 ? "-" : "+") + v(Math.abs(e) / 60, 2) : re(e, t);
+  return e % 60 === 0 ? (e > 0 ? "-" : "+") + C(Math.abs(e) / 60, 2) : re(e, t);
 }
 function re(e, t = "") {
-  const n = e > 0 ? "-" : "+", r = Math.abs(e), o = v(Math.trunc(r / 60), 2), s = v(r % 60, 2);
+  const n = e > 0 ? "-" : "+", r = Math.abs(e), o = C(Math.trunc(r / 60), 2), s = C(r % 60, 2);
   return n + o + t + s;
 }
 const ut = (e, t) => {
@@ -3621,7 +3627,7 @@ const Rs = () => [
     }),
     active: ae((e) => e.active, {
       disableGridCellFocus: !0,
-      renderCell: ({ item: e, gridCell: { requiredProps: t } }) => /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(Le, { value: e.active, ...t }) }),
+      renderCell: ({ item: e, gridCell: { requiredProps: t } }) => /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(Be, { value: e.active, ...t }) }),
       infoIconTooltipText: "Active means out on the sea."
     }),
     name: ae((e) => e.name, {
@@ -3717,7 +3723,7 @@ export {
   jr as formatValueLabel,
   Ae as hasIndicatorContent,
   la as mockedItems,
-  Lr as multitypeComparator,
+  Br as multitypeComparator,
   dt as setListItemFields,
   kt as smallTableRowWidth,
   ca as standardTableConfigForStories,
@@ -3741,7 +3747,7 @@ export {
   dr as useLastColumnConfig,
   ua as useListState,
   Dr as useLocalStateTableContext,
-  Ln as useRevertableValue,
+  Bn as useRevertableValue,
   zr as useRowCheckbox,
   ge as useStandardTableActions,
   I as useStandardTableConfig,