@dmsi/wedgekit-react 0.0.236 → 0.0.238

package/dist/{chunk-KSKC53TG.js → chunk-6ZYTR6DU.js}

@@ -1,6 +1,6 @@
 import {
   InputBase
-} from "./chunk-ESXNSPIG.js";
+} from "./chunk-YCKRRAJA.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";

package/dist/{chunk-E2FXH7FO.js → chunk-MQXOQL3T.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-4RJKB7LC.js";
 import {
   ModalButtons
-} from "./chunk-UTJU4IBV.js";
+} from "./chunk-OGMN5SHL.js";
 import {
   ModalContent
 } from "./chunk-FRHPFACM.js";
 import {
   ModalHeader
-} from "./chunk-FALCLDSX.js";
+} from "./chunk-VR7X3NMG.js";
 import {
   ModalScrim
 } from "./chunk-ZFOANBWG.js";

package/dist/{chunk-3S6HGDOB.js → chunk-OP5XCT3L.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-ESXNSPIG.js";
+} from "./chunk-YCKRRAJA.js";
 import {
   __objRest,
   __spreadValues

package/dist/{chunk-QZVI635D.js → chunk-PZKWZN6V.js}

@@ -3,38 +3,41 @@ import {
 } from "./chunk-QQ5G773N.js";
 import {
   Select
-} from "./chunk-KSKC53TG.js";
+} from "./chunk-6ZYTR6DU.js";
+import {
+  Checkbox
+} from "./chunk-DXVLA32J.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "./chunk-CF7ZTPW4.js";
+} from "./chunk-VGPOI7UP.js";
 import {
   Menu
 } from "./chunk-NA3ODQCN.js";
 import {
   MenuOption
-} from "./chunk-6IXVPFYC.js";
+} from "./chunk-RJBKI53P.js";
+import {
+  useInfiniteScroll,
+  useTableLayout
+} from "./chunk-ZU2K7BD3.js";
+import {
+  formatDate
+} from "./chunk-T3F37S6Z.js";
 import {
   Search
-} from "./chunk-3S6HGDOB.js";
+} from "./chunk-OP5XCT3L.js";
 import {
   Input
-} from "./chunk-ESXNSPIG.js";
+} from "./chunk-YCKRRAJA.js";
+import {
+  formatCurrencyDisplay
+} from "./chunk-5UH6QUFB.js";
 import {
   Label
 } from "./chunk-VP7HJX24.js";
-import {
-  Checkbox
-} from "./chunk-DXVLA32J.js";
-import {
-  Button
-} from "./chunk-KNP4LUFA.js";
-import {
-  useInfiniteScroll,
-  useTableLayout
-} from "./chunk-ZU2K7BD3.js";
 import {
   Subheader
 } from "./chunk-FS2RQE55.js";
@@ -44,6 +47,9 @@ import {
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";
+import {
+  Button
+} from "./chunk-KNP4LUFA.js";
 import {
   componentGap,
   componentPadding
@@ -112,6 +118,13 @@ import clsx2 from "clsx";
 import { flexRender } from "@tanstack/react-table";
 import React from "react";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var valueFormatters = {
+  date: (value) => typeof value === "string" ? formatDate(value) : "",
+  currency: (value) => formatCurrencyDisplay(value)
+};
+function isValueFormatterKey(value) {
+  return typeof value === "string" && value in valueFormatters;
+}
 function TableBodyRow({
   id,
   testid,
@@ -161,14 +174,15 @@ function TableBodyRow({
           /* @__PURE__ */ jsx2("td", { style: { display: "flex", width: virtualPaddingLeft } })
         ) : null,
         columns.map((column) => {
-          var _a2, _b;
+          var _a2, _b, _c;
           const cell = locked ? column : visibleCells[column.index];
           if (!cell) {
             return;
           }
-          const cellAlignment = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.align;
-          const cellValue = cell.getValue();
-          return ((_b = cell.column.columnDef.meta) == null ? void 0 : _b.useCustomRenderer) ? /* @__PURE__ */ jsx2(React.Fragment, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ jsx2(
+          const cellFormat = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.format;
+          const cellAlignment = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align;
+          const cellValue = cellFormat && isValueFormatterKey(cellFormat) ? valueFormatters[cellFormat](cell.getValue()) : cell.getValue();
+          return ((_c = cell.column.columnDef.meta) == null ? void 0 : _c.useCustomRenderer) ? /* @__PURE__ */ jsx2(React.Fragment, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ jsx2(
             CellElement,
             {
               id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,

package/dist/{chunk-CF7ZTPW4.js → chunk-VGPOI7UP.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk-VP36B2MM.js";
 import {
   MenuOption
-} from "./chunk-6IXVPFYC.js";
+} from "./chunk-RJBKI53P.js";
+import {
+  Search
+} from "./chunk-OP5XCT3L.js";
 import {
   CSS
 } from "./chunk-WVUIIBRR.js";
-import {
-  Search
-} from "./chunk-3S6HGDOB.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";

package/dist/{chunk-7UWREFWU.js → chunk-X73BO77J.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-NA3ODQCN.js";
 import {
   MenuOption
-} from "./chunk-6IXVPFYC.js";
+} from "./chunk-RJBKI53P.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";

package/dist/components/CalendarRange.cjs

@@ -472,6 +472,54 @@ function formatCurrencyDisplay(value) {
   return decimalPart !== void 0 ? `${formattedInteger}.${decimalPart}` : formattedInteger;
 }
 
+// src/utils/date.ts
+function parseDateParts(dateString) {
+  const [yearStr, monthStr, dayStr] = dateString.split("-");
+  if (!yearStr || !monthStr || !dayStr) {
+    return null;
+  }
+  const year = parseInt(yearStr, 10);
+  const month = parseInt(monthStr, 10);
+  const day = parseInt(dayStr, 10);
+  if (isNaN(year) || isNaN(month) || isNaN(day)) {
+    return null;
+  }
+  return { year, month, day };
+}
+function isValidDateRange(month, day) {
+  if (month < 1 || month > 12) {
+    return false;
+  }
+  if (day < 1 || day > 31) {
+    return false;
+  }
+  return true;
+}
+function formatDatePartsToDisplay(year, month, day) {
+  const paddedMonth = month.toString().padStart(2, "0");
+  const paddedDay = day.toString().padStart(2, "0");
+  return `${paddedMonth}/${paddedDay}/${year}`;
+}
+function formatDate(date) {
+  if (!date) {
+    return "";
+  }
+  try {
+    const dateParts = parseDateParts(date);
+    if (!dateParts) {
+      return "";
+    }
+    const { year, month, day } = dateParts;
+    if (!isValidDateRange(month, day)) {
+      return "";
+    }
+    return formatDatePartsToDisplay(year, month, day);
+  } catch (error) {
+    console.error("Error formatting date:", error);
+    return "";
+  }
+}
+
 // src/utils/mergeObjectArrays.ts
 function mergeObjectArrays(arr1, arr2) {
   const maxLength = Math.max(arr1.length, arr2.length);
@@ -2322,6 +2370,13 @@ var import_clsx10 = __toESM(require("clsx"), 1);
 var import_react_table = require("@tanstack/react-table");
 var import_react12 = __toESM(require("react"), 1);
 var import_jsx_runtime10 = require("react/jsx-runtime");
+var valueFormatters = {
+  date: (value) => typeof value === "string" ? formatDate(value) : "",
+  currency: (value) => formatCurrencyDisplay(value)
+};
+function isValueFormatterKey(value) {
+  return typeof value === "string" && value in valueFormatters;
+}
 function TableBodyRow({
   id,
   testid,
@@ -2371,14 +2426,15 @@ function TableBodyRow({
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { style: { display: "flex", width: virtualPaddingLeft } })
         ) : null,
         columns.map((column) => {
-          var _a2, _b;
+          var _a2, _b, _c;
           const cell = locked ? column : visibleCells[column.index];
           if (!cell) {
             return;
           }
-          const cellAlignment = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.align;
-          const cellValue = cell.getValue();
-          return ((_b = cell.column.columnDef.meta) == null ? void 0 : _b.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          const cellFormat = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.format;
+          const cellAlignment = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align;
+          const cellValue = cellFormat && isValueFormatterKey(cellFormat) ? valueFormatters[cellFormat](cell.getValue()) : cell.getValue();
+          return ((_c = cell.column.columnDef.meta) == null ? void 0 : _c.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             CellElement,
             {
               id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,

package/dist/components/CalendarRange.js

@@ -2,30 +2,30 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} from "../chunk-7UWREFWU.js";
-import "../chunk-QZVI635D.js";
+} from "../chunk-X73BO77J.js";
+import "../chunk-PZKWZN6V.js";
 import "../chunk-QQ5G773N.js";
-import "../chunk-KSKC53TG.js";
-import "../chunk-CF7ZTPW4.js";
+import "../chunk-6ZYTR6DU.js";
+import "../chunk-DXVLA32J.js";
+import "../chunk-VGPOI7UP.js";
 import "../chunk-NA3ODQCN.js";
 import "../chunk-VP36B2MM.js";
-import "../chunk-6IXVPFYC.js";
-import "../chunk-WVUIIBRR.js";
-import "../chunk-3S6HGDOB.js";
-import "../chunk-ESXNSPIG.js";
-import "../chunk-VP7HJX24.js";
-import "../chunk-DXVLA32J.js";
-import "../chunk-KNP4LUFA.js";
+import "../chunk-RJBKI53P.js";
 import "../chunk-ZU2K7BD3.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-T3F37S6Z.js";
+import "../chunk-OP5XCT3L.js";
+import "../chunk-YCKRRAJA.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-VP7HJX24.js";
+import "../chunk-WVUIIBRR.js";
 import "../chunk-FS2RQE55.js";
 import "../chunk-NWELJDBW.js";
 import "../chunk-QA3KMRA6.js";
 import "../chunk-TJWGFGWX.js";
 import "../chunk-7KLALK3J.js";
 import "../chunk-UAPWR2KE.js";
+import "../chunk-KNP4LUFA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-BBZEL7EG.js";
 export {

package/dist/components/DataGridCell.js

@@ -4,18 +4,18 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-CF7ZTPW4.js";
+} from "../chunk-VGPOI7UP.js";
 import "../chunk-NA3ODQCN.js";
 import "../chunk-VP36B2MM.js";
-import "../chunk-6IXVPFYC.js";
-import "../chunk-WVUIIBRR.js";
-import "../chunk-3S6HGDOB.js";
-import "../chunk-ESXNSPIG.js";
-import "../chunk-VP7HJX24.js";
+import "../chunk-RJBKI53P.js";
 import "../chunk-ZU2K7BD3.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-T3F37S6Z.js";
+import "../chunk-OP5XCT3L.js";
+import "../chunk-YCKRRAJA.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-VP7HJX24.js";
+import "../chunk-WVUIIBRR.js";
 import "../chunk-7KLALK3J.js";
 import "../chunk-UAPWR2KE.js";
 import "../chunk-6CTCHYIS.js";

package/dist/components/DateInput.cjs

@@ -2440,6 +2440,13 @@ var import_clsx10 = __toESM(require("clsx"), 1);
 var import_react_table = require("@tanstack/react-table");
 var import_react12 = __toESM(require("react"), 1);
 var import_jsx_runtime10 = require("react/jsx-runtime");
+var valueFormatters = {
+  date: (value) => typeof value === "string" ? formatDate(value) : "",
+  currency: (value) => formatCurrencyDisplay(value)
+};
+function isValueFormatterKey(value) {
+  return typeof value === "string" && value in valueFormatters;
+}
 function TableBodyRow({
   id,
   testid,
@@ -2489,14 +2496,15 @@ function TableBodyRow({
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { style: { display: "flex", width: virtualPaddingLeft } })
         ) : null,
         columns.map((column) => {
-          var _a2, _b;
+          var _a2, _b, _c;
           const cell = locked ? column : visibleCells[column.index];
           if (!cell) {
             return;
           }
-          const cellAlignment = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.align;
-          const cellValue = cell.getValue();
-          return ((_b = cell.column.columnDef.meta) == null ? void 0 : _b.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          const cellFormat = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.format;
+          const cellAlignment = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align;
+          const cellValue = cellFormat && isValueFormatterKey(cellFormat) ? valueFormatters[cellFormat](cell.getValue()) : cell.getValue();
+          return ((_c = cell.column.columnDef.meta) == null ? void 0 : _c.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             CellElement,
             {
               id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,

package/dist/components/DateInput.js

@@ -1,21 +1,14 @@
 import {
   CalendarRange
-} from "../chunk-7UWREFWU.js";
-import "../chunk-QZVI635D.js";
+} from "../chunk-X73BO77J.js";
+import "../chunk-PZKWZN6V.js";
 import "../chunk-QQ5G773N.js";
-import "../chunk-KSKC53TG.js";
-import "../chunk-CF7ZTPW4.js";
+import "../chunk-6ZYTR6DU.js";
+import "../chunk-DXVLA32J.js";
+import "../chunk-VGPOI7UP.js";
 import "../chunk-NA3ODQCN.js";
 import "../chunk-VP36B2MM.js";
-import "../chunk-6IXVPFYC.js";
-import "../chunk-WVUIIBRR.js";
-import "../chunk-3S6HGDOB.js";
-import {
-  InputBase
-} from "../chunk-ESXNSPIG.js";
-import "../chunk-VP7HJX24.js";
-import "../chunk-DXVLA32J.js";
-import "../chunk-KNP4LUFA.js";
+import "../chunk-RJBKI53P.js";
 import "../chunk-ZU2K7BD3.js";
 import {
   findDocumentRoot
@@ -27,7 +20,13 @@ import {
   isValidDate,
   parseInputDate
 } from "../chunk-T3F37S6Z.js";
+import "../chunk-OP5XCT3L.js";
+import {
+  InputBase
+} from "../chunk-YCKRRAJA.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-VP7HJX24.js";
+import "../chunk-WVUIIBRR.js";
 import "../chunk-FS2RQE55.js";
 import "../chunk-NWELJDBW.js";
 import "../chunk-QA3KMRA6.js";
@@ -36,6 +35,7 @@ import "../chunk-7KLALK3J.js";
 import {
   Icon
 } from "../chunk-UAPWR2KE.js";
+import "../chunk-KNP4LUFA.js";
 import "../chunk-6CTCHYIS.js";
 import {
   __objRest,

package/dist/components/DateRangeInput.cjs

@@ -2448,6 +2448,13 @@ var import_clsx10 = __toESM(require("clsx"), 1);
 var import_react_table = require("@tanstack/react-table");
 var import_react12 = __toESM(require("react"), 1);
 var import_jsx_runtime10 = require("react/jsx-runtime");
+var valueFormatters = {
+  date: (value) => typeof value === "string" ? formatDate(value) : "",
+  currency: (value) => formatCurrencyDisplay(value)
+};
+function isValueFormatterKey(value) {
+  return typeof value === "string" && value in valueFormatters;
+}
 function TableBodyRow({
   id,
   testid,
@@ -2497,14 +2504,15 @@ function TableBodyRow({
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { style: { display: "flex", width: virtualPaddingLeft } })
         ) : null,
         columns.map((column) => {
-          var _a2, _b;
+          var _a2, _b, _c;
           const cell = locked ? column : visibleCells[column.index];
           if (!cell) {
             return;
           }
-          const cellAlignment = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.align;
-          const cellValue = cell.getValue();
-          return ((_b = cell.column.columnDef.meta) == null ? void 0 : _b.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          const cellFormat = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.format;
+          const cellAlignment = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align;
+          const cellValue = cellFormat && isValueFormatterKey(cellFormat) ? valueFormatters[cellFormat](cell.getValue()) : cell.getValue();
+          return ((_c = cell.column.columnDef.meta) == null ? void 0 : _c.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             CellElement,
             {
               id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,

package/dist/components/DateRangeInput.js

@@ -1,21 +1,14 @@
 import {
   CalendarRange
-} from "../chunk-7UWREFWU.js";
-import "../chunk-QZVI635D.js";
+} from "../chunk-X73BO77J.js";
+import "../chunk-PZKWZN6V.js";
 import "../chunk-QQ5G773N.js";
-import "../chunk-KSKC53TG.js";
-import "../chunk-CF7ZTPW4.js";
+import "../chunk-6ZYTR6DU.js";
+import "../chunk-DXVLA32J.js";
+import "../chunk-VGPOI7UP.js";
 import "../chunk-NA3ODQCN.js";
 import "../chunk-VP36B2MM.js";
-import "../chunk-6IXVPFYC.js";
-import "../chunk-WVUIIBRR.js";
-import "../chunk-3S6HGDOB.js";
-import {
-  InputBase
-} from "../chunk-ESXNSPIG.js";
-import "../chunk-VP7HJX24.js";
-import "../chunk-DXVLA32J.js";
-import "../chunk-KNP4LUFA.js";
+import "../chunk-RJBKI53P.js";
 import "../chunk-ZU2K7BD3.js";
 import {
   findDocumentRoot
@@ -28,7 +21,13 @@ import {
   isValidDateRangeOrder,
   parseInputDate
 } from "../chunk-T3F37S6Z.js";
+import "../chunk-OP5XCT3L.js";
+import {
+  InputBase
+} from "../chunk-YCKRRAJA.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-VP7HJX24.js";
+import "../chunk-WVUIIBRR.js";
 import "../chunk-FS2RQE55.js";
 import "../chunk-NWELJDBW.js";
 import "../chunk-QA3KMRA6.js";
@@ -37,6 +36,7 @@ import "../chunk-7KLALK3J.js";
 import {
   Icon
 } from "../chunk-UAPWR2KE.js";
+import "../chunk-KNP4LUFA.js";
 import "../chunk-6CTCHYIS.js";
 import {
   __objRest,

package/dist/components/FilterGroup.js

@@ -1,26 +1,26 @@
 "use client";
 import {
   OptionPill
-} from "../chunk-JYPV4HT6.js";
+} from "../chunk-UVG2TKTG.js";
 import {
-  Search
-} from "../chunk-3S6HGDOB.js";
-import "../chunk-ESXNSPIG.js";
-import {
-  Label
-} from "../chunk-VP7HJX24.js";
+  Link
+} from "../chunk-3BCGS6VO.js";
 import {
   Checkbox
 } from "../chunk-DXVLA32J.js";
-import "../chunk-KNP4LUFA.js";
+import {
+  Search
+} from "../chunk-OP5XCT3L.js";
+import "../chunk-YCKRRAJA.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-7KLALK3J.js";
 import {
-  Link
-} from "../chunk-3BCGS6VO.js";
+  Label
+} from "../chunk-VP7HJX24.js";
+import "../chunk-7KLALK3J.js";
 import {
   Icon
 } from "../chunk-UAPWR2KE.js";
+import "../chunk-KNP4LUFA.js";
 import {
   baseTransition,
   componentGap,

package/dist/components/Input.js

@@ -6,9 +6,9 @@ import {
   InputBase,
   Percentage,
   UOM
-} from "../chunk-ESXNSPIG.js";
-import "../chunk-VP7HJX24.js";
+} from "../chunk-YCKRRAJA.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-VP7HJX24.js";
 import "../chunk-UAPWR2KE.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-BBZEL7EG.js";

package/dist/components/MenuOption.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-6IXVPFYC.js";
-import "../chunk-VP7HJX24.js";
+} from "../chunk-RJBKI53P.js";
 import "../chunk-ZU2K7BD3.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-T3F37S6Z.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-VP7HJX24.js";
 import "../chunk-7KLALK3J.js";
 import "../chunk-UAPWR2KE.js";
 import "../chunk-6CTCHYIS.js";

package/dist/components/MobileDataGrid.js

@@ -4,9 +4,6 @@ import {
 import {
   Heading3
 } from "../chunk-KEDK5EWD.js";
-import {
-  Button
-} from "../chunk-KNP4LUFA.js";
 import {
   Stack
 } from "../chunk-QA3KMRA6.js";
@@ -16,6 +13,9 @@ import {
 import {
   Icon
 } from "../chunk-UAPWR2KE.js";
+import {
+  Button
+} from "../chunk-KNP4LUFA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-BBZEL7EG.js";
 

package/dist/components/Modal.js

@@ -1,19 +1,19 @@
 "use client";
 import {
   Modal
-} from "../chunk-E2FXH7FO.js";
+} from "../chunk-MQXOQL3T.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-UTJU4IBV.js";
+import "../chunk-OGMN5SHL.js";
 import "../chunk-FRHPFACM.js";
-import "../chunk-FALCLDSX.js";
+import "../chunk-VR7X3NMG.js";
 import "../chunk-ZFOANBWG.js";
 import "../chunk-KEDK5EWD.js";
-import "../chunk-KNP4LUFA.js";
 import "../chunk-ZU2K7BD3.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-T3F37S6Z.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-UAPWR2KE.js";
+import "../chunk-KNP4LUFA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-BBZEL7EG.js";
 export {

package/dist/components/ModalButtons.js

@@ -1,8 +1,8 @@
 import {
   ModalButtons
-} from "../chunk-UTJU4IBV.js";
-import "../chunk-KNP4LUFA.js";
+} from "../chunk-OGMN5SHL.js";
 import "../chunk-UAPWR2KE.js";
+import "../chunk-KNP4LUFA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-BBZEL7EG.js";
 export {

package/dist/components/ModalHeader.js

@@ -1,9 +1,9 @@
 import {
   ModalHeader
-} from "../chunk-FALCLDSX.js";
+} from "../chunk-VR7X3NMG.js";
 import "../chunk-KEDK5EWD.js";
-import "../chunk-KNP4LUFA.js";
 import "../chunk-UAPWR2KE.js";
+import "../chunk-KNP4LUFA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-BBZEL7EG.js";
 export {

package/dist/components/NavigationTab.js

@@ -1,8 +1,8 @@
 import {
   NavigationTab
-} from "../chunk-SXUQUQQH.js";
-import "../chunk-KNP4LUFA.js";
+} from "../chunk-3FOAGRIY.js";
 import "../chunk-UAPWR2KE.js";
+import "../chunk-KNP4LUFA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-BBZEL7EG.js";
 export {

package/dist/components/NavigationTabs.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   NavigationTab
-} from "../chunk-SXUQUQQH.js";
-import "../chunk-KNP4LUFA.js";
+} from "../chunk-3FOAGRIY.js";
 import "../chunk-UAPWR2KE.js";
+import "../chunk-KNP4LUFA.js";
 import {
   componentGap
 } from "../chunk-6CTCHYIS.js";

package/dist/components/NestedMenu.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-6IXVPFYC.js";
-import "../chunk-VP7HJX24.js";
+} from "../chunk-RJBKI53P.js";
 import {
   useKeydown
 } from "../chunk-ZU2K7BD3.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-T3F37S6Z.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-VP7HJX24.js";
 import "../chunk-7KLALK3J.js";
 import {
   Icon

package/dist/components/Notification.js

@@ -2,9 +2,6 @@
 import {
   Heading3
 } from "../chunk-KEDK5EWD.js";
-import {
-  Button
-} from "../chunk-KNP4LUFA.js";
 import {
   Stack
 } from "../chunk-QA3KMRA6.js";
@@ -14,6 +11,9 @@ import {
 import {
   Icon
 } from "../chunk-UAPWR2KE.js";
+import {
+  Button
+} from "../chunk-KNP4LUFA.js";
 import "../chunk-6CTCHYIS.js";
 import {
   __objRest,

package/dist/components/OptionPill.js

@@ -1,9 +1,9 @@
 import {
   OptionPill
-} from "../chunk-JYPV4HT6.js";
+} from "../chunk-UVG2TKTG.js";
 import "../chunk-VP7HJX24.js";
-import "../chunk-KNP4LUFA.js";
 import "../chunk-UAPWR2KE.js";
+import "../chunk-KNP4LUFA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-BBZEL7EG.js";
 export {

package/dist/components/PDFViewer.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Modal
-} from "../chunk-E2FXH7FO.js";
+} from "../chunk-MQXOQL3T.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-UTJU4IBV.js";
+import "../chunk-OGMN5SHL.js";
 import "../chunk-FRHPFACM.js";
-import "../chunk-FALCLDSX.js";
+import "../chunk-VR7X3NMG.js";
 import "../chunk-ZFOANBWG.js";
 import {
   Spinner
@@ -13,9 +13,6 @@ import {
 import {
   Heading3
 } from "../chunk-KEDK5EWD.js";
-import {
-  Button
-} from "../chunk-KNP4LUFA.js";
 import "../chunk-ZU2K7BD3.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-T3F37S6Z.js";
@@ -29,6 +26,9 @@ import {
 import {
   Icon
 } from "../chunk-UAPWR2KE.js";
+import {
+  Button
+} from "../chunk-KNP4LUFA.js";
 import "../chunk-6CTCHYIS.js";
 import {
   __async

package/dist/components/Password.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   InputBase
-} from "../chunk-ESXNSPIG.js";
-import "../chunk-VP7HJX24.js";
+} from "../chunk-YCKRRAJA.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-VP7HJX24.js";
 import {
   Icon
 } from "../chunk-UAPWR2KE.js";

package/dist/components/Search.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Search
-} from "../chunk-3S6HGDOB.js";
-import "../chunk-ESXNSPIG.js";
-import "../chunk-VP7HJX24.js";
+} from "../chunk-OP5XCT3L.js";
+import "../chunk-YCKRRAJA.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-VP7HJX24.js";
 import "../chunk-UAPWR2KE.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-BBZEL7EG.js";

package/dist/components/Select.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Select
-} from "../chunk-KSKC53TG.js";
-import "../chunk-ESXNSPIG.js";
-import "../chunk-VP7HJX24.js";
+} from "../chunk-6ZYTR6DU.js";
+import "../chunk-YCKRRAJA.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-VP7HJX24.js";
 import "../chunk-UAPWR2KE.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-BBZEL7EG.js";

package/dist/components/Stepper.js

@@ -1,15 +1,15 @@
 "use client";
 import {
   InputBase
-} from "../chunk-ESXNSPIG.js";
-import "../chunk-VP7HJX24.js";
-import {
-  Button
-} from "../chunk-KNP4LUFA.js";
+} from "../chunk-YCKRRAJA.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-VP7HJX24.js";
 import {
   Icon
 } from "../chunk-UAPWR2KE.js";
+import {
+  Button
+} from "../chunk-KNP4LUFA.js";
 import {
   componentGap
 } from "../chunk-6CTCHYIS.js";

package/dist/components/Time.js

@@ -1,12 +1,12 @@
-import {
-  InputBase
-} from "../chunk-ESXNSPIG.js";
-import "../chunk-VP7HJX24.js";
 import {
   findDocumentRoot
 } from "../chunk-VXWSAIB5.js";
 import "../chunk-T3F37S6Z.js";
+import {
+  InputBase
+} from "../chunk-YCKRRAJA.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-VP7HJX24.js";
 import {
   Stack
 } from "../chunk-QA3KMRA6.js";

package/dist/components/Toast.js

@@ -2,15 +2,15 @@
 import {
   Heading3
 } from "../chunk-KEDK5EWD.js";
-import {
-  Button
-} from "../chunk-KNP4LUFA.js";
 import {
   Paragraph
 } from "../chunk-7KLALK3J.js";
 import {
   Icon
 } from "../chunk-UAPWR2KE.js";
+import {
+  Button
+} from "../chunk-KNP4LUFA.js";
 import {
   componentGap,
   componentPadding,

package/dist/components/Upload.js

@@ -1,9 +1,6 @@
 import {
   Spinner
 } from "../chunk-PLMGI5K5.js";
-import {
-  Button
-} from "../chunk-KNP4LUFA.js";
 import {
   Stack
 } from "../chunk-QA3KMRA6.js";
@@ -13,6 +10,9 @@ import {
 import {
   Icon
 } from "../chunk-UAPWR2KE.js";
+import {
+  Button
+} from "../chunk-KNP4LUFA.js";
 import {
   componentGap
 } from "../chunk-6CTCHYIS.js";

package/dist/components/index.cjs

@@ -483,6 +483,54 @@ function formatCurrencyDisplay(value) {
   return decimalPart !== void 0 ? `${formattedInteger}.${decimalPart}` : formattedInteger;
 }
 
+// src/utils/date.ts
+function parseDateParts(dateString) {
+  const [yearStr, monthStr, dayStr] = dateString.split("-");
+  if (!yearStr || !monthStr || !dayStr) {
+    return null;
+  }
+  const year = parseInt(yearStr, 10);
+  const month = parseInt(monthStr, 10);
+  const day = parseInt(dayStr, 10);
+  if (isNaN(year) || isNaN(month) || isNaN(day)) {
+    return null;
+  }
+  return { year, month, day };
+}
+function isValidDateRange(month, day) {
+  if (month < 1 || month > 12) {
+    return false;
+  }
+  if (day < 1 || day > 31) {
+    return false;
+  }
+  return true;
+}
+function formatDatePartsToDisplay(year, month, day) {
+  const paddedMonth = month.toString().padStart(2, "0");
+  const paddedDay = day.toString().padStart(2, "0");
+  return `${paddedMonth}/${paddedDay}/${year}`;
+}
+function formatDate(date) {
+  if (!date) {
+    return "";
+  }
+  try {
+    const dateParts = parseDateParts(date);
+    if (!dateParts) {
+      return "";
+    }
+    const { year, month, day } = dateParts;
+    if (!isValidDateRange(month, day)) {
+      return "";
+    }
+    return formatDatePartsToDisplay(year, month, day);
+  } catch (error) {
+    console.error("Error formatting date:", error);
+    return "";
+  }
+}
+
 // src/utils/mergeObjectArrays.ts
 function mergeObjectArrays(arr1, arr2) {
   const maxLength = Math.max(arr1.length, arr2.length);
@@ -2333,6 +2381,13 @@ var import_clsx10 = __toESM(require("clsx"), 1);
 var import_react_table = require("@tanstack/react-table");
 var import_react12 = __toESM(require("react"), 1);
 var import_jsx_runtime10 = require("react/jsx-runtime");
+var valueFormatters = {
+  date: (value) => typeof value === "string" ? formatDate(value) : "",
+  currency: (value) => formatCurrencyDisplay(value)
+};
+function isValueFormatterKey(value) {
+  return typeof value === "string" && value in valueFormatters;
+}
 function TableBodyRow({
   id,
   testid,
@@ -2382,14 +2437,15 @@ function TableBodyRow({
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { style: { display: "flex", width: virtualPaddingLeft } })
         ) : null,
         columns.map((column) => {
-          var _a2, _b;
+          var _a2, _b, _c;
           const cell = locked ? column : visibleCells[column.index];
           if (!cell) {
             return;
           }
-          const cellAlignment = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.align;
-          const cellValue = cell.getValue();
-          return ((_b = cell.column.columnDef.meta) == null ? void 0 : _b.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          const cellFormat = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.format;
+          const cellAlignment = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align;
+          const cellValue = cellFormat && isValueFormatterKey(cellFormat) ? valueFormatters[cellFormat](cell.getValue()) : cell.getValue();
+          return ((_c = cell.column.columnDef.meta) == null ? void 0 : _c.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             CellElement,
             {
               id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,

package/dist/components/index.js

@@ -1,45 +1,42 @@
 import {
   DataGrid
-} from "../chunk-QZVI635D.js";
+} from "../chunk-PZKWZN6V.js";
 import {
   Tooltip
 } from "../chunk-QQ5G773N.js";
 import {
   Select
-} from "../chunk-KSKC53TG.js";
+} from "../chunk-6ZYTR6DU.js";
+import {
+  Checkbox
+} from "../chunk-DXVLA32J.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-CF7ZTPW4.js";
+} from "../chunk-VGPOI7UP.js";
 import {
   Menu
 } from "../chunk-NA3ODQCN.js";
 import "../chunk-VP36B2MM.js";
 import {
   MenuOption
-} from "../chunk-6IXVPFYC.js";
-import "../chunk-WVUIIBRR.js";
+} from "../chunk-RJBKI53P.js";
+import "../chunk-ZU2K7BD3.js";
+import "../chunk-VXWSAIB5.js";
+import "../chunk-T3F37S6Z.js";
 import {
   Search
-} from "../chunk-3S6HGDOB.js";
+} from "../chunk-OP5XCT3L.js";
 import {
   Input
-} from "../chunk-ESXNSPIG.js";
+} from "../chunk-YCKRRAJA.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Label
 } from "../chunk-VP7HJX24.js";
-import {
-  Checkbox
-} from "../chunk-DXVLA32J.js";
-import {
-  Button
-} from "../chunk-KNP4LUFA.js";
-import "../chunk-ZU2K7BD3.js";
-import "../chunk-VXWSAIB5.js";
-import "../chunk-T3F37S6Z.js";
-import "../chunk-5UH6QUFB.js";
+import "../chunk-WVUIIBRR.js";
 import {
   Subheader
 } from "../chunk-FS2RQE55.js";
@@ -56,6 +53,9 @@ import {
 import {
   Icon
 } from "../chunk-UAPWR2KE.js";
+import {
+  Button
+} from "../chunk-KNP4LUFA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-BBZEL7EG.js";
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.236",
+  "version": "0.0.238",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/src/components/DataGrid/TableBody/TableBodyRow.tsx

@@ -3,6 +3,19 @@ import { Cell, flexRender, Row } from "@tanstack/react-table";
 import { VirtualItem, Virtualizer } from "@tanstack/react-virtual";
 import React from "react";
 import { DataGridCell, DragAlongCell, Paragraph, Tooltip } from "../..";
+import { formatCurrencyDisplay, formatDate } from "../../../utils";
+
+const valueFormatters = {
+  date: (value: unknown) =>
+    typeof value === "string" ? formatDate(value) : "",
+  currency: (value: unknown) => formatCurrencyDisplay(value as string),
+};
+
+type ValueFormatterKey = keyof typeof valueFormatters;
+
+function isValueFormatterKey(value: unknown): value is ValueFormatterKey {
+  return typeof value === "string" && value in valueFormatters;
+}
 
 interface TableBodyRowProps<T> {
   id?: string;
@@ -90,8 +103,13 @@ export function TableBodyRow<T>({
         if (!cell) {
           return;
         }
+        const cellFormat = cell.column.columnDef.meta?.format;
         const cellAlignment = cell.column.columnDef.meta?.align;
-        const cellValue = cell.getValue();
+
+        const cellValue =
+          cellFormat && isValueFormatterKey(cellFormat)
+            ? valueFormatters[cellFormat](cell.getValue())
+            : cell.getValue();
 
         return cell.column.columnDef.meta?.useCustomRenderer ? (
           <React.Fragment key={cell.id}>

package/src/components/DataGrid/types.ts

@@ -85,5 +85,6 @@ declare module "@tanstack/react-table" {
       table: Table<TData>;
     }) => ReactNode;
     align?: "left" | "right";
+    format?: string;
   }
 }

package/dist/{chunk-SXUQUQQH.js → chunk-3FOAGRIY.js}

@@ -1,9 +1,9 @@
-import {
-  Button
-} from "./chunk-KNP4LUFA.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";
+import {
+  Button
+} from "./chunk-KNP4LUFA.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-UTJU4IBV.js → chunk-OGMN5SHL.js}

@@ -1,9 +1,9 @@
-import {
-  Button
-} from "./chunk-KNP4LUFA.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";
+import {
+  Button
+} from "./chunk-KNP4LUFA.js";
 import {
   layoutGroupGap,
   layoutPaddding

package/dist/{chunk-6IXVPFYC.js → chunk-RJBKI53P.js}

@@ -1,9 +1,9 @@
-import {
-  Label
-} from "./chunk-VP7HJX24.js";
 import {
   useMatchesMobile
 } from "./chunk-ZU2K7BD3.js";
+import {
+  Label
+} from "./chunk-VP7HJX24.js";
 import {
   Paragraph
 } from "./chunk-7KLALK3J.js";

package/dist/{chunk-JYPV4HT6.js → chunk-UVG2TKTG.js}

@@ -1,12 +1,12 @@
 import {
   Label
 } from "./chunk-VP7HJX24.js";
-import {
-  Button
-} from "./chunk-KNP4LUFA.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";
+import {
+  Button
+} from "./chunk-KNP4LUFA.js";
 import {
   baseTransition,
   componentGap,

package/dist/{chunk-FALCLDSX.js → chunk-VR7X3NMG.js}

@@ -1,12 +1,12 @@
 import {
   Heading2
 } from "./chunk-KEDK5EWD.js";
-import {
-  Button
-} from "./chunk-KNP4LUFA.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";
+import {
+  Button
+} from "./chunk-KNP4LUFA.js";
 import {
   layoutGroupGap,
   layoutPaddding

package/dist/{chunk-ESXNSPIG.js → chunk-YCKRRAJA.js}

@@ -1,11 +1,11 @@
-import {
-  Label
-} from "./chunk-VP7HJX24.js";
 import {
   formatCurrencyDisplay,
   formatDecimalValue,
   getDecimalPlaceholder
 } from "./chunk-5UH6QUFB.js";
+import {
+  Label
+} from "./chunk-VP7HJX24.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";