@dmsi/wedgekit-react 0.0.159 → 0.0.161

package/dist/components/PaymentOnAccountModal.js

@@ -1,31 +1,31 @@
 import {
   PaymentOnAccountModal,
   calculateSurcharge
-} from "../chunk-N7EKJEYO.js";
-import "../chunk-QFSGM4MP.js";
+} from "../chunk-WFLOAGEI.js";
+import "../chunk-NT2ZKA4W.js";
 import "../chunk-WFGKIR5A.js";
 import "../chunk-BATIOCXB.js";
-import "../chunk-NRCUFAOZ.js";
+import "../chunk-FCREADUH.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-C4JGTH6G.js";
 import "../chunk-SYEJVSE4.js";
 import "../chunk-R7ELP5C5.js";
 import "../chunk-ZFOANBWG.js";
-import "../chunk-GG5JOFS6.js";
+import "../chunk-PLMGI5K5.js";
 import "../chunk-AZ7LVLOK.js";
 import "../chunk-EPQLWHCL.js";
-import "../chunk-4T7F5BZZ.js";
-import "../chunk-MVGOAMTP.js";
-import "../chunk-JWCT72WR.js";
 import "../chunk-WFQEE2OO.js";
-import "../chunk-FKMKHLQH.js";
 import "../chunk-WNQ53SVY.js";
+import "../chunk-6LN6QT6M.js";
+import "../chunk-4T3DRGLF.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-JWCT72WR.js";
 import "../chunk-CYZL57LH.js";
 import "../chunk-WSS2DFTP.js";
 import "../chunk-N6JVLYEE.js";
 import "../chunk-4LXG6QNT.js";
 import "../chunk-HVI3CL7Y.js";
+import "../chunk-FKMKHLQH.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/Search.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Search
-} from "../chunk-IDSFWKOR.js";
-import "../chunk-MVGOAMTP.js";
-import "../chunk-JWCT72WR.js";
+} from "../chunk-PMBEIP24.js";
+import "../chunk-4T3DRGLF.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-JWCT72WR.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/Select.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Select
-} from "../chunk-KADNOKNW.js";
-import "../chunk-MVGOAMTP.js";
-import "../chunk-JWCT72WR.js";
+} from "../chunk-XH65MD2C.js";
+import "../chunk-4T3DRGLF.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-JWCT72WR.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/SelectPaymentMethod.cjs

@@ -1020,7 +1020,7 @@ var Spinner = ({ size = "small", testid }) => {
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "#1D1E1E",
-      className: size === "large" ? "animate-spin" : "",
+      className: "animate-spin",
       "aria-label": "Loading",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", { cx: "12", cy: "4", r: "2", opacity: "1", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(

package/dist/components/SelectPaymentMethod.js

@@ -1,19 +1,19 @@
 "use client";
 import {
   SelectPaymentMethod
-} from "../chunk-QFSGM4MP.js";
+} from "../chunk-NT2ZKA4W.js";
 import "../chunk-WFGKIR5A.js";
 import "../chunk-BATIOCXB.js";
-import "../chunk-GG5JOFS6.js";
+import "../chunk-PLMGI5K5.js";
 import "../chunk-EPQLWHCL.js";
 import "../chunk-WFQEE2OO.js";
-import "../chunk-FKMKHLQH.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-CYZL57LH.js";
 import "../chunk-WSS2DFTP.js";
 import "../chunk-N6JVLYEE.js";
 import "../chunk-4LXG6QNT.js";
 import "../chunk-HVI3CL7Y.js";
+import "../chunk-FKMKHLQH.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/Spinner.cjs

@@ -35,7 +35,7 @@ var Spinner = ({ size = "small", testid }) => {
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "#1D1E1E",
-      className: size === "large" ? "animate-spin" : "",
+      className: "animate-spin",
       "aria-label": "Loading",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "4", r: "2", opacity: "1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/components/Spinner.js

@@ -1,6 +1,6 @@
 import {
   Spinner
-} from "../chunk-GG5JOFS6.js";
+} from "../chunk-PLMGI5K5.js";
 import "../chunk-ORMEWXMH.js";
 export {
   Spinner

package/dist/components/Stepper.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   InputBase
-} from "../chunk-MVGOAMTP.js";
+} from "../chunk-4T3DRGLF.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-JWCT72WR.js";
 import {
   Button
 } from "../chunk-FKMKHLQH.js";
-import "../chunk-5UH6QUFB.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.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,11 +1,11 @@
 import {
   findDocumentRoot
-} from "../chunk-4T7F5BZZ.js";
+} from "../chunk-6LN6QT6M.js";
 import {
   InputBase
-} from "../chunk-MVGOAMTP.js";
-import "../chunk-JWCT72WR.js";
+} from "../chunk-4T3DRGLF.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-JWCT72WR.js";
 import {
   Stack
 } from "../chunk-N6JVLYEE.js";

package/dist/components/Toast.js

@@ -2,12 +2,12 @@
 import {
   Heading3
 } from "../chunk-AZ7LVLOK.js";
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
 import {
   Paragraph
 } from "../chunk-HVI3CL7Y.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Upload.js

@@ -1,9 +1,9 @@
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
 import {
   Paragraph
 } from "../chunk-HVI3CL7Y.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.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;
@@ -4564,7 +4564,7 @@ var Spinner = ({ size = "small", testid }) => {
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "#1D1E1E",
-      className: size === "large" ? "animate-spin" : "",
+      className: "animate-spin",
       "aria-label": "Loading",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("circle", { cx: "12", cy: "4", r: "2", opacity: "1", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(

package/dist/components/index.js

@@ -1,58 +1,55 @@
 import {
   Tooltip
 } from "../chunk-4VTOTNKJ.js";
-import {
-  PaymentOnAccountModal
-} from "../chunk-N7EKJEYO.js";
 import {
   Select
-} from "../chunk-KADNOKNW.js";
-import "../chunk-QFSGM4MP.js";
+} from "../chunk-XH65MD2C.js";
+import {
+  PaymentOnAccountModal
+} from "../chunk-WFLOAGEI.js";
+import "../chunk-NT2ZKA4W.js";
 import "../chunk-WFGKIR5A.js";
 import "../chunk-BATIOCXB.js";
-import "../chunk-NRCUFAOZ.js";
+import "../chunk-FCREADUH.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-C4JGTH6G.js";
 import "../chunk-SYEJVSE4.js";
 import "../chunk-R7ELP5C5.js";
 import "../chunk-ZFOANBWG.js";
-import "../chunk-GG5JOFS6.js";
+import "../chunk-PLMGI5K5.js";
 import "../chunk-AZ7LVLOK.js";
 import "../chunk-EPQLWHCL.js";
+import {
+  Checkbox
+} from "../chunk-WFQEE2OO.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-WJ447JB5.js";
+} from "../chunk-SBSHZ327.js";
 import {
   Menu
-} from "../chunk-LPARJM6S.js";
+} from "../chunk-RLK4TBXR.js";
 import "../chunk-5GUW4DUY.js";
 import {
   MenuOption
-} from "../chunk-AEDEFN7A.js";
-import "../chunk-WVUIIBRR.js";
-import "../chunk-4T7F5BZZ.js";
+} from "../chunk-FFU6FB3K.js";
+import {
+  useInfiniteScroll
+} from "../chunk-WNQ53SVY.js";
+import "../chunk-6LN6QT6M.js";
 import {
   Search
-} from "../chunk-IDSFWKOR.js";
+} from "../chunk-PMBEIP24.js";
 import {
   Input
-} from "../chunk-MVGOAMTP.js";
+} from "../chunk-4T3DRGLF.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Label
 } from "../chunk-JWCT72WR.js";
-import {
-  Checkbox
-} from "../chunk-WFQEE2OO.js";
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
-import {
-  useInfiniteScroll
-} from "../chunk-WNQ53SVY.js";
-import "../chunk-5UH6QUFB.js";
+import "../chunk-WVUIIBRR.js";
 import {
   Subheader
 } from "../chunk-CYZL57LH.js";
@@ -66,6 +63,9 @@ import {
 import {
   Paragraph
 } from "../chunk-HVI3CL7Y.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.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.159",
+  "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);