@dmsi/wedgekit-react 0.0.160 → 0.0.161

package/dist/{chunk-NMVSRA5Y.js → chunk-4XA32LKR.js}

@@ -123,6 +123,7 @@ function CalendarRange({
       }
       return void 0;
     } catch (error) {
+      console.error("Invalid date format:", d, error);
       return Temporal.Now.plainDateISO();
     }
   };
@@ -224,9 +225,7 @@ function CalendarRange({
               /* @__PURE__ */ jsxs(
                 "div",
                 {
-                  className: clsx(
-                    "flex flex-col"
-                  ),
+                  className: clsx("flex flex-col"),
                   children: [
                     /* @__PURE__ */ jsxs(
                       "div",

package/dist/{chunk-4T7F5BZZ.js → chunk-6LN6QT6M.js}

@@ -8,7 +8,7 @@ function findDocumentRoot(element) {
   if (!element || !(element instanceof Node)) {
     return window.document.body;
   }
-  var currentElement = element;
+  let currentElement = element;
   while (currentElement && currentElement.parentNode) {
     if (currentElement.parentNode === document) {
       return document.body;

package/dist/{chunk-5GOJRLQO.js → chunk-FCREADUH.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk-WNQ53SVY.js";
 import {
   findDocumentRoot
-} from "./chunk-4T7F5BZZ.js";
+} from "./chunk-6LN6QT6M.js";
 
 // src/components/Modal.tsx
 import clsx from "clsx";

package/dist/{chunk-IDN3IN2A.js → chunk-M3433XEJ.js}

@@ -59,8 +59,14 @@ function findPositionAfterDigitCount(formattedValue, targetDigitCount) {
   return formattedValue.length;
 }
 function calculateCursorPosition(originalValue, formattedValue, originalPosition) {
-  const targetDigitCount = countDigitsUpToCursor(originalValue, originalPosition);
-  const newPosition = findPositionAfterDigitCount(formattedValue, targetDigitCount);
+  const targetDigitCount = countDigitsUpToCursor(
+    originalValue,
+    originalPosition
+  );
+  const newPosition = findPositionAfterDigitCount(
+    formattedValue,
+    targetDigitCount
+  );
   return Math.min(newPosition, formattedValue.length);
 }
 function parseDateParts(dateString) {
@@ -105,6 +111,7 @@ function formatDate(date) {
     }
     return formatDatePartsToDisplay(year, month, day);
   } catch (error) {
+    console.error("Error formatting date:", error);
     return "";
   }
 }

package/dist/{chunk-YR7JUKYO.js → chunk-RLK4TBXR.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-WNQ53SVY.js";
 import {
   findDocumentRoot
-} from "./chunk-4T7F5BZZ.js";
+} from "./chunk-6LN6QT6M.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-4NCDT5ZY.js → chunk-SBSHZ327.js}

@@ -1,6 +1,6 @@
 import {
   Menu
-} from "./chunk-YR7JUKYO.js";
+} from "./chunk-RLK4TBXR.js";
 import {
   useSubMenuSystem
 } from "./chunk-5GUW4DUY.js";

package/dist/{chunk-RUTYNLKS.js → chunk-WFLOAGEI.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-NT2ZKA4W.js";
 import {
   Modal
-} from "./chunk-5GOJRLQO.js";
+} from "./chunk-FCREADUH.js";
 import {
   Input
 } from "./chunk-4T3DRGLF.js";

package/dist/components/CalendarRange.cjs

@@ -336,6 +336,7 @@ function CalendarRange({
       }
       return void 0;
     } catch (error) {
+      console.error("Invalid date format:", d, error);
       return import_polyfill.Temporal.Now.plainDateISO();
     }
   };
@@ -437,9 +438,7 @@ function CalendarRange({
               /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                 "div",
                 {
-                  className: (0, import_clsx3.default)(
-                    "flex flex-col"
-                  ),
+                  className: (0, import_clsx3.default)("flex flex-col"),
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                       "div",

package/dist/components/CalendarRange.js

@@ -2,7 +2,7 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} from "../chunk-NMVSRA5Y.js";
+} from "../chunk-4XA32LKR.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/DataGridCell.cjs

@@ -1195,7 +1195,7 @@ function findDocumentRoot(element) {
   if (!element || !(element instanceof Node)) {
     return window.document.body;
   }
-  var currentElement = element;
+  let currentElement = element;
   while (currentElement && currentElement.parentNode) {
     if (currentElement.parentNode === document) {
       return document.body;

package/dist/components/DataGridCell.js

@@ -4,12 +4,12 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-4NCDT5ZY.js";
-import "../chunk-YR7JUKYO.js";
+} from "../chunk-SBSHZ327.js";
+import "../chunk-RLK4TBXR.js";
 import "../chunk-5GUW4DUY.js";
 import "../chunk-FFU6FB3K.js";
 import "../chunk-WNQ53SVY.js";
-import "../chunk-4T7F5BZZ.js";
+import "../chunk-6LN6QT6M.js";
 import "../chunk-PMBEIP24.js";
 import "../chunk-4T3DRGLF.js";
 import "../chunk-5UH6QUFB.js";

package/dist/components/DataTable.cjs

@@ -249,12 +249,11 @@ var columns = [
 var EditingContext = (0, import_react2.createContext)({
   data: [],
   setValue: (row, key, value) => {
-    console.log(row, key, value);
+    console.warn("TODO: Implement setValue logic", row, key, value);
   }
 });
 var EditingProvider = ({ data, children }) => {
   const [actual, setData] = (0, import_react2.useState)(data);
-  (0, import_react2.useEffect)(() => console.log("data changed"), [actual]);
   const context = {
     data: actual,
     setValue: (row, key, value) => {

package/dist/components/DataTable.js

@@ -11,7 +11,6 @@ import {
 import React, {
   createContext,
   useContext,
-  useEffect,
   useState
 } from "react";
 import {
@@ -178,12 +177,11 @@ var columns = [
 var EditingContext = createContext({
   data: [],
   setValue: (row, key, value) => {
-    console.log(row, key, value);
+    console.warn("TODO: Implement setValue logic", row, key, value);
   }
 });
 var EditingProvider = ({ data, children }) => {
   const [actual, setData] = useState(data);
-  useEffect(() => console.log("data changed"), [actual]);
   const context = {
     data: actual,
     setValue: (row, key, value) => {

package/dist/components/DateInput.cjs

@@ -800,6 +800,7 @@ function CalendarRange({
       }
       return void 0;
     } catch (error) {
+      console.error("Invalid date format:", d, error);
       return import_polyfill.Temporal.Now.plainDateISO();
     }
   };
@@ -901,9 +902,7 @@ function CalendarRange({
               /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                 "div",
                 {
-                  className: (0, import_clsx5.default)(
-                    "flex flex-col"
-                  ),
+                  className: (0, import_clsx5.default)("flex flex-col"),
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                       "div",
@@ -1030,7 +1029,7 @@ function findDocumentRoot(element) {
   if (!element || !(element instanceof Node)) {
     return window.document.body;
   }
-  var currentElement = element;
+  let currentElement = element;
   while (currentElement && currentElement.parentNode) {
     if (currentElement.parentNode === document) {
       return document.body;
@@ -1104,8 +1103,14 @@ function findPositionAfterDigitCount(formattedValue, targetDigitCount) {
   return formattedValue.length;
 }
 function calculateCursorPosition(originalValue, formattedValue, originalPosition) {
-  const targetDigitCount = countDigitsUpToCursor(originalValue, originalPosition);
-  const newPosition = findPositionAfterDigitCount(formattedValue, targetDigitCount);
+  const targetDigitCount = countDigitsUpToCursor(
+    originalValue,
+    originalPosition
+  );
+  const newPosition = findPositionAfterDigitCount(
+    formattedValue,
+    targetDigitCount
+  );
   return Math.min(newPosition, formattedValue.length);
 }
 function parseDateParts(dateString) {
@@ -1150,6 +1155,7 @@ function formatDate(date) {
     }
     return formatDatePartsToDisplay(year, month, day);
   } catch (error) {
+    console.error("Error formatting date:", error);
     return "";
   }
 }

package/dist/components/DateInput.js

@@ -4,10 +4,10 @@ import {
   formatInputValue,
   isValidDate,
   parseInputDate
-} from "../chunk-IDN3IN2A.js";
+} from "../chunk-M3433XEJ.js";
 import {
   findDocumentRoot
-} from "../chunk-4T7F5BZZ.js";
+} from "../chunk-6LN6QT6M.js";
 import {
   InputBase
 } from "../chunk-4T3DRGLF.js";
@@ -15,7 +15,7 @@ import "../chunk-5UH6QUFB.js";
 import "../chunk-JWCT72WR.js";
 import {
   CalendarRange
-} from "../chunk-NMVSRA5Y.js";
+} from "../chunk-4XA32LKR.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/DateRangeInput.cjs

@@ -800,6 +800,7 @@ function CalendarRange({
       }
       return void 0;
     } catch (error) {
+      console.error("Invalid date format:", d, error);
       return import_polyfill.Temporal.Now.plainDateISO();
     }
   };
@@ -901,9 +902,7 @@ function CalendarRange({
               /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                 "div",
                 {
-                  className: (0, import_clsx5.default)(
-                    "flex flex-col"
-                  ),
+                  className: (0, import_clsx5.default)("flex flex-col"),
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                       "div",
@@ -1030,7 +1029,7 @@ function findDocumentRoot(element) {
   if (!element || !(element instanceof Node)) {
     return window.document.body;
   }
-  var currentElement = element;
+  let currentElement = element;
   while (currentElement && currentElement.parentNode) {
     if (currentElement.parentNode === document) {
       return document.body;
@@ -1104,8 +1103,14 @@ function findPositionAfterDigitCount(formattedValue, targetDigitCount) {
   return formattedValue.length;
 }
 function calculateCursorPosition(originalValue, formattedValue, originalPosition) {
-  const targetDigitCount = countDigitsUpToCursor(originalValue, originalPosition);
-  const newPosition = findPositionAfterDigitCount(formattedValue, targetDigitCount);
+  const targetDigitCount = countDigitsUpToCursor(
+    originalValue,
+    originalPosition
+  );
+  const newPosition = findPositionAfterDigitCount(
+    formattedValue,
+    targetDigitCount
+  );
   return Math.min(newPosition, formattedValue.length);
 }
 function parseDateParts(dateString) {
@@ -1150,6 +1155,7 @@ function formatDate(date) {
     }
     return formatDatePartsToDisplay(year, month, day);
   } catch (error) {
+    console.error("Error formatting date:", error);
     return "";
   }
 }

package/dist/components/DateRangeInput.js

@@ -5,10 +5,10 @@ import {
   isValidDate,
   isValidDateRangeOrder,
   parseInputDate
-} from "../chunk-IDN3IN2A.js";
+} from "../chunk-M3433XEJ.js";
 import {
   findDocumentRoot
-} from "../chunk-4T7F5BZZ.js";
+} from "../chunk-6LN6QT6M.js";
 import {
   InputBase
 } from "../chunk-4T3DRGLF.js";
@@ -16,7 +16,7 @@ import "../chunk-5UH6QUFB.js";
 import "../chunk-JWCT72WR.js";
 import {
   CalendarRange
-} from "../chunk-NMVSRA5Y.js";
+} from "../chunk-4XA32LKR.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/EditingContext.cjs

@@ -46,8 +46,7 @@ var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var EditingContext = (0, import_react.createContext)({
   data: [],
-  setData: (row, key, value) => {
-    console.log(row, key, value);
+  setData: () => {
   }
 });
 var EditingProvider = ({

package/dist/components/EditingContext.js

@@ -9,8 +9,7 @@ import { createContext, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 var EditingContext = createContext({
   data: [],
-  setData: (row, key, value) => {
-    console.log(row, key, value);
+  setData: () => {
   }
 });
 var EditingProvider = ({

package/dist/components/Menu.cjs

@@ -188,7 +188,7 @@ function findDocumentRoot(element) {
   if (!element || !(element instanceof Node)) {
     return window.document.body;
   }
-  var currentElement = element;
+  let currentElement = element;
   while (currentElement && currentElement.parentNode) {
     if (currentElement.parentNode === document) {
       return document.body;

package/dist/components/Menu.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Menu
-} from "../chunk-YR7JUKYO.js";
+} from "../chunk-RLK4TBXR.js";
 import "../chunk-5GUW4DUY.js";
 import "../chunk-WNQ53SVY.js";
-import "../chunk-4T7F5BZZ.js";
+import "../chunk-6LN6QT6M.js";
 import "../chunk-ORMEWXMH.js";
 export {
   Menu

package/dist/components/MobileDataGrid.cjs

@@ -715,7 +715,11 @@ function MobileDataGrid({
     }
   );
 }
-function MobileDataGridHeader({ header, id, testid }) {
+function MobileDataGridHeader({
+  header,
+  id,
+  testid
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { id, "data-testid": testid, className: "sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Theme, { theme: "brand", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     Stack,
     {
@@ -749,7 +753,7 @@ function MobileDataGridCard({
               testid: testid ? `${testid}-docs-button` : void 0,
               iconOnly: true,
               variant: "tertiary",
-              onClick: () => console.log("Edit", data.id),
+              onClick: () => console.warn("TODO: Implement Edit", data.id),
               leftIcon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "docs" })
             }
           ),
@@ -760,7 +764,7 @@ function MobileDataGridCard({
               testid: testid ? `${testid}-swap-button` : void 0,
               iconOnly: true,
               variant: "tertiary",
-              onClick: () => console.log("Edit", data.id),
+              onClick: () => console.warn("TODO: Implement Edit", data.id),
               leftIcon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "swap_vert" })
             }
           )

package/dist/components/MobileDataGrid.js

@@ -69,7 +69,11 @@ function MobileDataGrid({
     }
   );
 }
-function MobileDataGridHeader({ header, id, testid }) {
+function MobileDataGridHeader({
+  header,
+  id,
+  testid
+}) {
   return /* @__PURE__ */ jsx("div", { id, "data-testid": testid, className: "sticky top-0", children: /* @__PURE__ */ jsx(Theme, { theme: "brand", children: /* @__PURE__ */ jsx(
     Stack,
     {
@@ -103,7 +107,7 @@ function MobileDataGridCard({
               testid: testid ? `${testid}-docs-button` : void 0,
               iconOnly: true,
               variant: "tertiary",
-              onClick: () => console.log("Edit", data.id),
+              onClick: () => console.warn("TODO: Implement Edit", data.id),
               leftIcon: /* @__PURE__ */ jsx(Icon, { name: "docs" })
             }
           ),
@@ -114,7 +118,7 @@ function MobileDataGridCard({
               testid: testid ? `${testid}-swap-button` : void 0,
               iconOnly: true,
               variant: "tertiary",
-              onClick: () => console.log("Edit", data.id),
+              onClick: () => console.warn("TODO: Implement Edit", data.id),
               leftIcon: /* @__PURE__ */ jsx(Icon, { name: "swap_vert" })
             }
           )

package/dist/components/Modal.cjs

@@ -584,7 +584,7 @@ function findDocumentRoot(element) {
   if (!element || !(element instanceof Node)) {
     return window.document.body;
   }
-  var currentElement = element;
+  let currentElement = element;
   while (currentElement && currentElement.parentNode) {
     if (currentElement.parentNode === document) {
       return document.body;

package/dist/components/Modal.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Modal
-} from "../chunk-5GOJRLQO.js";
+} from "../chunk-FCREADUH.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-C4JGTH6G.js";
 import "../chunk-SYEJVSE4.js";
@@ -9,7 +9,7 @@ import "../chunk-R7ELP5C5.js";
 import "../chunk-ZFOANBWG.js";
 import "../chunk-AZ7LVLOK.js";
 import "../chunk-WNQ53SVY.js";
-import "../chunk-4T7F5BZZ.js";
+import "../chunk-6LN6QT6M.js";
 import "../chunk-FKMKHLQH.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";

package/dist/components/NavigationTabs.cjs

@@ -463,14 +463,14 @@ var NavigationTabs = ({
   onTabChange,
   colorPrimitives = "dmsi"
 }) => {
-  var _a, _b, _c;
-  const [selectedTab, setSelectedTab] = (0, import_react.useState)((_a = tabs[0]) == null ? void 0 : _a.id);
+  var _a, _b, _c, _d;
+  const [selectedTab, setSelectedTab] = (0, import_react.useState)((_b = (_a = tabs[0]) == null ? void 0 : _a.id) != null ? _b : "");
   const handleTabClick = (id2) => {
     setSelectedTab(id2);
     onTabChange == null ? void 0 : onTabChange(id2);
   };
-  const selectedContent = (_b = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _b.content;
-  const selectedTabHasHref = (_c = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _c.href;
+  const selectedContent = (_c = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _c.content;
+  const selectedTabHasHref = (_d = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _d.href;
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { id, "data-testid": testid, children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "div",

package/dist/components/NavigationTabs.js

@@ -20,14 +20,14 @@ var NavigationTabs = ({
   onTabChange,
   colorPrimitives = "dmsi"
 }) => {
-  var _a, _b, _c;
-  const [selectedTab, setSelectedTab] = useState((_a = tabs[0]) == null ? void 0 : _a.id);
+  var _a, _b, _c, _d;
+  const [selectedTab, setSelectedTab] = useState((_b = (_a = tabs[0]) == null ? void 0 : _a.id) != null ? _b : "");
   const handleTabClick = (id2) => {
     setSelectedTab(id2);
     onTabChange == null ? void 0 : onTabChange(id2);
   };
-  const selectedContent = (_b = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _b.content;
-  const selectedTabHasHref = (_c = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _c.href;
+  const selectedContent = (_c = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _c.content;
+  const selectedTabHasHref = (_d = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _d.href;
   return /* @__PURE__ */ jsxs("div", { id, "data-testid": testid, children: [
     /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
       "div",

package/dist/components/PDFViewer.cjs

@@ -588,7 +588,7 @@ function findDocumentRoot(element) {
   if (!element || !(element instanceof Node)) {
     return window.document.body;
   }
-  var currentElement = element;
+  let currentElement = element;
   while (currentElement && currentElement.parentNode) {
     if (currentElement.parentNode === document) {
       return document.body;

package/dist/components/PDFViewer.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Modal
-} from "../chunk-5GOJRLQO.js";
+} from "../chunk-FCREADUH.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-C4JGTH6G.js";
 import "../chunk-SYEJVSE4.js";
@@ -15,7 +15,7 @@ import {
   Caption
 } from "../chunk-E7D24OHM.js";
 import "../chunk-WNQ53SVY.js";
-import "../chunk-4T7F5BZZ.js";
+import "../chunk-6LN6QT6M.js";
 import {
   Stack
 } from "../chunk-N6JVLYEE.js";

package/dist/components/PaymentOnAccountModal.cjs

@@ -586,7 +586,7 @@ function findDocumentRoot(element) {
   if (!element || !(element instanceof Node)) {
     return window.document.body;
   }
-  var currentElement = element;
+  let currentElement = element;
   while (currentElement && currentElement.parentNode) {
     if (currentElement.parentNode === document) {
       return document.body;

package/dist/components/PaymentOnAccountModal.js

@@ -1,11 +1,11 @@
 import {
   PaymentOnAccountModal,
   calculateSurcharge
-} from "../chunk-RUTYNLKS.js";
+} from "../chunk-WFLOAGEI.js";
 import "../chunk-NT2ZKA4W.js";
 import "../chunk-WFGKIR5A.js";
 import "../chunk-BATIOCXB.js";
-import "../chunk-5GOJRLQO.js";
+import "../chunk-FCREADUH.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-C4JGTH6G.js";
 import "../chunk-SYEJVSE4.js";
@@ -16,7 +16,7 @@ import "../chunk-AZ7LVLOK.js";
 import "../chunk-EPQLWHCL.js";
 import "../chunk-WFQEE2OO.js";
 import "../chunk-WNQ53SVY.js";
-import "../chunk-4T7F5BZZ.js";
+import "../chunk-6LN6QT6M.js";
 import "../chunk-4T3DRGLF.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-JWCT72WR.js";

package/dist/components/Time.cjs

@@ -706,7 +706,7 @@ function findDocumentRoot(element) {
   if (!element || !(element instanceof Node)) {
     return window.document.body;
   }
-  var currentElement = element;
+  let currentElement = element;
   while (currentElement && currentElement.parentNode) {
     if (currentElement.parentNode === document) {
       return document.body;

package/dist/components/Time.js

@@ -1,6 +1,6 @@
 import {
   findDocumentRoot
-} from "../chunk-4T7F5BZZ.js";
+} from "../chunk-6LN6QT6M.js";
 import {
   InputBase
 } from "../chunk-4T3DRGLF.js";

package/dist/components/index.cjs

@@ -1238,7 +1238,7 @@ function findDocumentRoot(element) {
   if (!element || !(element instanceof Node)) {
     return window.document.body;
   }
-  var currentElement = element;
+  let currentElement = element;
   while (currentElement && currentElement.parentNode) {
     if (currentElement.parentNode === document) {
       return document.body;

package/dist/components/index.js

@@ -6,11 +6,11 @@ import {
 } from "../chunk-XH65MD2C.js";
 import {
   PaymentOnAccountModal
-} from "../chunk-RUTYNLKS.js";
+} from "../chunk-WFLOAGEI.js";
 import "../chunk-NT2ZKA4W.js";
 import "../chunk-WFGKIR5A.js";
 import "../chunk-BATIOCXB.js";
-import "../chunk-5GOJRLQO.js";
+import "../chunk-FCREADUH.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-C4JGTH6G.js";
 import "../chunk-SYEJVSE4.js";
@@ -27,10 +27,10 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-4NCDT5ZY.js";
+} from "../chunk-SBSHZ327.js";
 import {
   Menu
-} from "../chunk-YR7JUKYO.js";
+} from "../chunk-RLK4TBXR.js";
 import "../chunk-5GUW4DUY.js";
 import {
   MenuOption
@@ -38,7 +38,7 @@ import {
 import {
   useInfiniteScroll
 } from "../chunk-WNQ53SVY.js";
-import "../chunk-4T7F5BZZ.js";
+import "../chunk-6LN6QT6M.js";
 import {
   Search
 } from "../chunk-PMBEIP24.js";

package/dist/utils/index.cjs

@@ -133,8 +133,14 @@ function findPositionAfterDigitCount(formattedValue, targetDigitCount) {
   return formattedValue.length;
 }
 function calculateCursorPosition(originalValue, formattedValue, originalPosition) {
-  const targetDigitCount = countDigitsUpToCursor(originalValue, originalPosition);
-  const newPosition = findPositionAfterDigitCount(formattedValue, targetDigitCount);
+  const targetDigitCount = countDigitsUpToCursor(
+    originalValue,
+    originalPosition
+  );
+  const newPosition = findPositionAfterDigitCount(
+    formattedValue,
+    targetDigitCount
+  );
   return Math.min(newPosition, formattedValue.length);
 }
 function parseDateParts(dateString) {
@@ -179,6 +185,7 @@ function formatDate(date) {
     }
     return formatDatePartsToDisplay(year, month, day);
   } catch (error) {
+    console.error("Error formatting date:", error);
     return "";
   }
 }

package/dist/utils/index.js

@@ -12,7 +12,7 @@ import {
   isValidDateRangeOrder,
   parseDateParts,
   parseInputDate
-} from "../chunk-IDN3IN2A.js";
+} from "../chunk-M3433XEJ.js";
 import {
   formatCurrencyDisplay,
   formatDecimalValue,

package/package.json

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

package/src/components/CalendarRange.tsx

@@ -1,7 +1,6 @@
 import clsx from "clsx";
 import {
   typography,
-  componentGap,
   componentPadding,
   layoutPaddding,
   layoutGap,
@@ -154,7 +153,7 @@ export function CalendarRange({
     if (!d) {
       return undefined;
     }
-    
+
     try {
       if (typeof d === "number") {
         return Temporal.PlainDate.from(new Date(d).toISOString().slice(0, 10));
@@ -167,6 +166,7 @@ export function CalendarRange({
       return undefined;
     } catch (error) {
       // If parsing fails, return current date instead of throwing
+      console.error("Invalid date format:", d, error);
       return Temporal.Now.plainDateISO();
     }
   };
@@ -305,9 +305,7 @@ export function CalendarRange({
             <React.Fragment key={month.name + month.year}>
               <div
                 // key={month.name + month.year}
-                className={clsx(
-                  "flex flex-col",
-                )}
+                className={clsx("flex flex-col")}
               >
                 <div
                   className={clsx(
@@ -319,7 +317,9 @@ export function CalendarRange({
                   {idx === 0 ? (
                     <button
                       id={id ? `${id}-prev-month-button` : undefined}
-                      data-testid={testid ? `${testid}-prev-month-button` : undefined}
+                      data-testid={
+                        testid ? `${testid}-prev-month-button` : undefined
+                      }
                       type="button"
                       className={clsx(
                         "flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
@@ -346,7 +346,9 @@ export function CalendarRange({
                   {(mode === "double" ? idx === 1 : true) ? (
                     <button
                       id={id ? `${id}-next-month-button` : undefined}
-                      data-testid={testid ? `${testid}-next-month-button` : undefined}
+                      data-testid={
+                        testid ? `${testid}-next-month-button` : undefined
+                      }
                       type="button"
                       className={clsx(
                         "flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
@@ -368,7 +370,7 @@ export function CalendarRange({
                       className={clsx(
                         typography.caption,
                         "text-text-secondary-normal text-center",
-                        "w-10"
+                        "w-10",
                       )}
                     >
                       {d}
@@ -427,7 +429,11 @@ export function CalendarRange({
                       <DateCell
                         key={i}
                         id={id ? `${id}-date-${date.toString()}` : undefined}
-                        testid={testid ? `${testid}-date-${date.toString()}` : undefined}
+                        testid={
+                          testid
+                            ? `${testid}-date-${date.toString()}`
+                            : undefined
+                        }
                         date={date}
                         isInMonth={!!isInMonth}
                         isToday={!!isToday}

package/src/components/DataTable.tsx

@@ -5,7 +5,6 @@ import React, {
   PropsWithChildren,
   ReactNode,
   useContext,
-  useEffect,
   useState,
 } from "react";
 
@@ -218,7 +217,7 @@ const EditingContext = createContext<{
 }>({
   data: [],
   setValue: (row: number, key: string, value: string) => {
-    console.log(row, key, value);
+    console.warn("TODO: Implement setValue logic", row, key, value);
   },
 });
 
@@ -226,7 +225,6 @@ type EditingProviderProps = PropsWithChildren<{ data: OrderRow[] }>;
 
 export const EditingProvider = ({ data, children }: EditingProviderProps) => {
   const [actual, setData] = useState(data);
-  useEffect(() => console.log("data changed"), [actual]);
   const context = {
     data: actual,
     setValue: (row: number, key: string, value: string) => {

package/src/components/EditingContext.tsx

@@ -8,10 +8,11 @@ type EditingContextType<T> = {
 };
 
 // TODO: Update "any" we shouldn't have this for typesafe devx
-export const EditingContext = createContext<EditingContextType<any>>({
+export const EditingContext = createContext<EditingContextType<unknown>>({
   data: [],
-  setData: (row: number, key: string, value: string) => {
-    console.log(row, key, value);
+  setData: (/**row: number, key: string, value: string */) => {
+    // console.log(row, key, value);
+    // TODO: Implement setData logic
   },
 });
 

package/src/components/MobileDataGrid.tsx

@@ -68,7 +68,15 @@ export function MobileDataGrid<T extends RowData>({
   );
 }
 
-function MobileDataGridHeader({ header, id, testid }: { header: string; id?: string; testid?: string }) {
+function MobileDataGridHeader({
+  header,
+  id,
+  testid,
+}: {
+  header: string;
+  id?: string;
+  testid?: string;
+}) {
   return (
     <div id={id} data-testid={testid} className="sticky top-0">
       <Theme theme="brand">
@@ -95,7 +103,7 @@ function MobileDataGridCard<T extends RowData>({
   renderLink,
   renderChevron,
   id,
-  testid
+  testid,
 }: {
   data: T;
   columns: MobileColumnDef<T>[];
@@ -115,7 +123,7 @@ function MobileDataGridCard<T extends RowData>({
               testid={testid ? `${testid}-docs-button` : undefined}
               iconOnly
               variant="tertiary"
-              onClick={() => console.log("Edit", data.id)}
+              onClick={() => console.warn("TODO: Implement Edit", data.id)}
               leftIcon={<Icon name="docs" />}
             ></Button>
             <Button
@@ -123,7 +131,7 @@ function MobileDataGridCard<T extends RowData>({
               testid={testid ? `${testid}-swap-button` : undefined}
               iconOnly
               variant="tertiary"
-              onClick={() => console.log("Edit", data.id)}
+              onClick={() => console.warn("TODO: Implement Edit", data.id)}
               leftIcon={<Icon name="swap_vert" />}
             ></Button>
           </Stack>

package/src/components/NavigationTabs.tsx

@@ -27,7 +27,7 @@ export const NavigationTabs = ({
   onTabChange,
   colorPrimitives = "dmsi",
 }: NavigationTabsProps) => {
-  const [selectedTab, setSelectedTab] = useState<string>(tabs[0]?.id!);
+  const [selectedTab, setSelectedTab] = useState<string>(tabs[0]?.id ?? "");
 
   const handleTabClick = (id: string) => {
     setSelectedTab(id);

package/src/utils/date.ts

@@ -10,13 +10,13 @@ export function parseInputDate(input: string): string | null {
   if (!match) {
     return null;
   }
-  
+
   const [, month, day, year] = match;
-  
+
   // Pad with zeros if necessary
   const paddedMonth = month.padStart(2, "0");
   const paddedDay = day.padStart(2, "0");
-  
+
   return `${year}-${paddedMonth}-${paddedDay}`;
 }
 
@@ -25,7 +25,11 @@ export function parseInputDate(input: string): string | null {
  */
 export function isValidDate(dateString: string): boolean {
   const date = new Date(dateString);
-  return date instanceof Date && !isNaN(date.getTime()) && dateString === date.toISOString().split("T")[0];
+  return (
+    date instanceof Date &&
+    !isNaN(date.getTime()) &&
+    dateString === date.toISOString().split("T")[0]
+  );
 }
 
 /**
@@ -34,17 +38,17 @@ export function isValidDate(dateString: string): boolean {
 export function formatInputValue(value: string): string {
   // Remove all non-digits
   const digits = value.replace(/\D/g, "");
-  
+
   // Return digits as-is if less than 2
   if (digits.length < 2) {
     return digits;
   }
-  
+
   // Format with full MM/DD/YYYY pattern if 4 or more digits
   if (digits.length >= 4) {
     return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
   }
-  
+
   // Format with MM/DD pattern for 2-3 digits
   return `${digits.slice(0, 2)}/${digits.slice(2)}`;
 }
@@ -66,9 +70,12 @@ export function isSlash(character: string): boolean {
 /**
  * Count digits up to cursor position
  */
-export function countDigitsUpToCursor(value: string, cursorPosition: number): number {
+export function countDigitsUpToCursor(
+  value: string,
+  cursorPosition: number,
+): number {
   let digitCount = 0;
-  
+
   for (let i = 0; i < cursorPosition && i < value.length; i++) {
     if (!isDigit(value[i])) {
       continue;
@@ -76,69 +83,84 @@ export function countDigitsUpToCursor(value: string, cursorPosition: number): nu
 
     digitCount++;
   }
-  
+
   return digitCount;
 }
 
 /**
  * Find position after specific digit count
  */
-export function findPositionAfterDigitCount(formattedValue: string, targetDigitCount: number): number {
+export function findPositionAfterDigitCount(
+  formattedValue: string,
+  targetDigitCount: number,
+): number {
   let currentDigitCount = 0;
-  
+
   for (let i = 0; i < formattedValue.length; i++) {
     if (!isDigit(formattedValue[i])) {
       continue;
     }
-    
+
     currentDigitCount++;
-    
+
     if (currentDigitCount !== targetDigitCount) {
       continue;
     }
-    
+
     const positionAfterDigit = i + 1;
     const nextCharacter = formattedValue[positionAfterDigit];
-    
+
     // Place cursor after slash if it follows the target digit
     if (nextCharacter && isSlash(nextCharacter)) {
       return positionAfterDigit + 1;
     }
-    
+
     return positionAfterDigit;
   }
-  
+
   return formattedValue.length;
 }
 
 /**
  * Calculate cursor position after formatting
  */
-export function calculateCursorPosition(originalValue: string, formattedValue: string, originalPosition: number): number {
-  const targetDigitCount = countDigitsUpToCursor(originalValue, originalPosition);
-  const newPosition = findPositionAfterDigitCount(formattedValue, targetDigitCount);
-  
+export function calculateCursorPosition(
+  originalValue: string,
+  formattedValue: string,
+  originalPosition: number,
+): number {
+  const targetDigitCount = countDigitsUpToCursor(
+    originalValue,
+    originalPosition,
+  );
+  const newPosition = findPositionAfterDigitCount(
+    formattedValue,
+    targetDigitCount,
+  );
+
   return Math.min(newPosition, formattedValue.length);
 }
 
 /**
  * Parse date parts from YYYY-MM-DD format
  */
-export function parseDateParts(dateString: string): { year: number; month: number; day: number } | null {
+export function parseDateParts(
+  dateString: string,
+): { year: number; month: number; day: number } | null {
   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 };
 }
 
@@ -158,10 +180,14 @@ export function isValidDateRange(month: number, day: number): boolean {
 /**
  * Format date parts to display format (MM/DD/YYYY)
  */
-export function formatDatePartsToDisplay(year: number, month: number, day: number): string {
+export function formatDatePartsToDisplay(
+  year: number,
+  month: number,
+  day: number,
+): string {
   const paddedMonth = month.toString().padStart(2, "0");
   const paddedDay = day.toString().padStart(2, "0");
-  
+
   return `${paddedMonth}/${paddedDay}/${year}`;
 }
 
@@ -172,21 +198,22 @@ export function formatDate(date: string): string {
   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 "";
   }
 }
@@ -194,11 +221,14 @@ export function formatDate(date: string): string {
 /**
  * Validate if date range is valid (to >= from)
  */
-export function isValidDateRangeOrder(fromDate: string, toDate: string): boolean {
+export function isValidDateRangeOrder(
+  fromDate: string,
+  toDate: string,
+): boolean {
   if (!fromDate || !toDate || !isValidDate(fromDate) || !isValidDate(toDate)) {
     return false;
   }
-  
+
   // Check if 'to' date is not earlier than 'from' date
   const from = new Date(fromDate);
   const to = new Date(toDate);

package/src/utils.ts

@@ -9,7 +9,7 @@ export function findDocumentRoot(
   if (!element || !(element instanceof Node)) {
     return window.document.body;
   }
-  var currentElement = element;
+  let currentElement = element;
   while (currentElement && currentElement.parentNode) {
     if (currentElement.parentNode === document) {
       return document.body;