@dmsi/wedgekit-react 0.0.854 → 0.0.856

package/dist/components/MobileDataGrid/index.cjs

@@ -907,30 +907,10 @@ function formatCurrencyDisplay(value) {
 }
 
 // src/utils/date.ts
-function parseInputDate(input) {
-  const match = input.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
-  if (!match) {
-    return null;
-  }
-  const [, month, day, year] = match;
-  const paddedMonth = month.padStart(2, "0");
-  const paddedDay = day.padStart(2, "0");
-  return `${year}-${paddedMonth}-${paddedDay}`;
-}
 function isValidDate(dateString) {
   const date = new Date(dateString);
   return date instanceof Date && !isNaN(date.getTime()) && dateString === date.toISOString().split("T")[0];
 }
-function formatInputValue(value) {
-  const digits = value.replace(/\D/g, "");
-  if (digits.length < 2) {
-    return digits;
-  }
-  if (digits.length >= 4) {
-    return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
-  }
-  return `${digits.slice(0, 2)}/${digits.slice(2)}`;
-}
 function isDigit(character) {
   return /\d/.test(character);
 }
@@ -3924,6 +3904,10 @@ function DataGrid({
     (0, import_core.useSensor)(import_core.KeyboardSensor)
   );
   const visibleColumns = table.getVisibleLeafColumns();
+  const nonPinnedColumnIds = table.getCenterLeafColumns().map((col) => col.id);
+  const sortableColumnOrder = columnOrder.filter(
+    (id2) => nonPinnedColumnIds.includes(id2)
+  );
   const columnVirtualizer = (0, import_react_virtual2.useVirtualizer)({
     count: visibleColumns.length,
     estimateSize: (index) => visibleColumns[index].getSize(),
@@ -3952,7 +3936,7 @@ function DataGrid({
       children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         import_sortable2.SortableContext,
         {
-          items: columnOrder,
+          items: sortableColumnOrder,
           strategy: import_sortable2.horizontalListSortingStrategy,
           children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
             "div",
@@ -5187,6 +5171,60 @@ function CalendarPane({
   ] }, month.name + month.year);
 }
 
+// src/utils/date-patch-dashes.ts
+function formatInputValueWithDashes(value, dateInDashes) {
+  const digits = value.replace(/\D/g, "");
+  if (dateInDashes) {
+    if (digits.length <= 4) return digits;
+    if (digits.length <= 6) return `${digits.slice(0, 4)}-${digits.slice(4)}`;
+    return `${digits.slice(4, 6)}-${digits.slice(6, 8)}-${digits.slice(0, 4)}`;
+  } else {
+    if (digits.length <= 2) return digits;
+    if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;
+    return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
+  }
+}
+function formatDateWithDashes(value, dateInDashes) {
+  if (!value) return "";
+  let year = "", month = "", day = "";
+  if (/^\d{4}-\d{2}-\d{2}$/.test(value)) {
+    [year, month, day] = value.split("-");
+  } else if (/^\d{2}-\d{2}-\d{4}$/.test(value)) {
+    [month, day, year] = value.split("-");
+  } else if (/^\d{2}\/\d{2}\/\d{4}$/.test(value)) {
+    [month, day, year] = value.split("/");
+  } else {
+    return value;
+  }
+  if (!year || !month || !day) return value;
+  if (dateInDashes) {
+    return `${month}-${day}-${year}`;
+  }
+  return `${month}/${day}/${year}`;
+}
+function parseInputDateWithDashes(value, dateInDashes) {
+  if (!value) return "";
+  let year = "", month = "", day = "";
+  if (dateInDashes) {
+    let match = value.match(/^(\d{2})-(\d{2})-(\d{4})$/);
+    if (match) {
+      [, month, day, year] = match;
+    } else {
+      match = value.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+      if (match) {
+        [, year, month, day] = match;
+      }
+    }
+  } else {
+    const match = value.match(/^(\d{2})\/(\d{2})\/(\d{4})$/);
+    if (match) {
+      [, month, day, year] = match;
+    }
+  }
+  if (!year || !month || !day) return "";
+  return `${month}-${day}-${year}`;
+}
+
 // src/components/DateInput.tsx
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var DateInput = (_a) => {
@@ -5200,7 +5238,8 @@ var DateInput = (_a) => {
     readOnly = false,
     label,
     isDateAvailable,
-    disableManualInput
+    disableManualInput,
+    dateInDashes = false
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -5211,7 +5250,8 @@ var DateInput = (_a) => {
     "readOnly",
     "label",
     "isDateAvailable",
-    "disableManualInput"
+    "disableManualInput",
+    "dateInDashes"
   ]);
   const [visible, setVisible] = (0, import_react21.useState)(false);
   const [inputValue, setInputValue] = (0, import_react21.useState)("");
@@ -5227,9 +5267,9 @@ var DateInput = (_a) => {
   const [from, to] = [value, ""];
   (0, import_react21.useEffect)(() => {
     if (!isTyping) {
-      setInputValue(formatDisplayValue(from));
+      setInputValue(formatDisplayValue(from, dateInDashes));
     }
-  }, [from, isTyping]);
+  }, [from, isTyping, dateInDashes]);
   (0, import_react21.useLayoutEffect)(() => {
     if (visible) {
       updatePosition();
@@ -5292,7 +5332,7 @@ var DateInput = (_a) => {
     const rawValue = event.target.value;
     const cursorPosition = event.target.selectionStart || 0;
     setIsTyping(true);
-    const formattedValue = formatInputValue(rawValue);
+    const formattedValue = formatInputValueWithDashes(rawValue, dateInDashes);
     setInputValue(formattedValue);
     requestAnimationFrame(() => {
       if (triggerRef.current) {
@@ -5304,16 +5344,16 @@ var DateInput = (_a) => {
         triggerRef.current.setSelectionRange(newPosition, newPosition);
       }
     });
-    const parsedDate = parseInputDate(formattedValue);
+    const parsedDate = parseInputDateWithDashes(formattedValue, dateInDashes);
     if (parsedDate && isValidDate(parsedDate)) {
       onChange(parsedDate);
     }
   };
   const handleBlur = () => {
     setIsTyping(false);
-    const parsedDate = parseInputDate(inputValue);
+    const parsedDate = parseInputDateWithDashes(inputValue, dateInDashes);
     if (!parsedDate || !isValidDate(parsedDate)) {
-      setInputValue(formatDisplayValue(from));
+      setInputValue(formatDisplayValue(from, dateInDashes));
     }
   };
   const handleKeyDown = (event) => {
@@ -5321,10 +5361,11 @@ var DateInput = (_a) => {
       const input = event.target;
       const cursorPosition = input.selectionStart || 0;
       const value2 = input.value;
-      if (cursorPosition > 0 && value2[cursorPosition - 1] === "/") {
+      const sep = dateInDashes ? "-" : "/";
+      if (cursorPosition > 0 && value2[cursorPosition - 1] === sep) {
         event.preventDefault();
         const newValue = value2.slice(0, cursorPosition - 2) + value2.slice(cursorPosition);
-        const formattedValue = formatInputValue(newValue);
+        const formattedValue = formatInputValueWithDashes(newValue, dateInDashes);
         setInputValue(formattedValue);
         requestAnimationFrame(() => {
           if (triggerRef.current) {
@@ -5337,7 +5378,7 @@ var DateInput = (_a) => {
       }
     }
     if (event.key === "Enter") {
-      const parsedDate = parseInputDate(inputValue);
+      const parsedDate = parseInputDateWithDashes(inputValue, dateInDashes);
       if (parsedDate && isValidDate(parsedDate)) {
         onChange(parsedDate);
         setVisible(false);
@@ -5426,14 +5467,14 @@ var DateInput = (_a) => {
   ] });
 };
 DateInput.displayName = "DateInput";
-function formatDisplayValue(from) {
+function formatDisplayValue(from, dateInDashes) {
   if (!from) {
     return "";
   }
   if (!isValidDate(from)) {
     return "";
   }
-  return formatDate(from);
+  return formatDateWithDashes(from, dateInDashes);
 }
 
 // src/components/Accordion.tsx

package/dist/components/MobileDataGrid/index.js

@@ -1,16 +1,16 @@
 import {
   MobileDataGrid
-} from "../../chunk-T7NSOCGM.js";
+} from "../../chunk-RESDUVMA.js";
 import "../../chunk-WJJB7IJZ.js";
 import "../../chunk-Q4YDNW7N.js";
 import "../../chunk-M7INAUAJ.js";
-import "../../chunk-C5DKGJ4E.js";
+import "../../chunk-Y75MQKNY.js";
+import "../../chunk-MBZ55T2D.js";
 import "../../chunk-2IKT6IHB.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-MBZ55T2D.js";
 import "../../chunk-SZ47M32R.js";
 import "../../chunk-B4AE3DCA.js";
 import "../../chunk-FP3Y5JJN.js";

package/dist/components/ProductImagePreview/index.js

@@ -1,11 +1,11 @@
 import {
   ProductImagePreview
-} from "../../chunk-C5DKGJ4E.js";
+} from "../../chunk-Y75MQKNY.js";
+import "../../chunk-MBZ55T2D.js";
 import "../../chunk-2IKT6IHB.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
-import "../../chunk-MBZ55T2D.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-BWPNXY7T.js";

package/dist/components/index.cjs

@@ -510,30 +510,10 @@ function formatCurrencyDisplay(value) {
 }
 
 // src/utils/date.ts
-function parseInputDate(input) {
-  const match = input.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
-  if (!match) {
-    return null;
-  }
-  const [, month, day, year] = match;
-  const paddedMonth = month.padStart(2, "0");
-  const paddedDay = day.padStart(2, "0");
-  return `${year}-${paddedMonth}-${paddedDay}`;
-}
 function isValidDate(dateString) {
   const date = new Date(dateString);
   return date instanceof Date && !isNaN(date.getTime()) && dateString === date.toISOString().split("T")[0];
 }
-function formatInputValue(value) {
-  const digits = value.replace(/\D/g, "");
-  if (digits.length < 2) {
-    return digits;
-  }
-  if (digits.length >= 4) {
-    return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
-  }
-  return `${digits.slice(0, 2)}/${digits.slice(2)}`;
-}
 function isDigit(character) {
   return /\d/.test(character);
 }
@@ -3527,6 +3507,10 @@ function DataGrid({
     (0, import_core.useSensor)(import_core.KeyboardSensor)
   );
   const visibleColumns = table.getVisibleLeafColumns();
+  const nonPinnedColumnIds = table.getCenterLeafColumns().map((col) => col.id);
+  const sortableColumnOrder = columnOrder.filter(
+    (id2) => nonPinnedColumnIds.includes(id2)
+  );
   const columnVirtualizer = (0, import_react_virtual2.useVirtualizer)({
     count: visibleColumns.length,
     estimateSize: (index) => visibleColumns[index].getSize(),
@@ -3555,7 +3539,7 @@ function DataGrid({
       children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         import_sortable2.SortableContext,
         {
-          items: columnOrder,
+          items: sortableColumnOrder,
           strategy: import_sortable2.horizontalListSortingStrategy,
           children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
             "div",
@@ -4914,6 +4898,60 @@ function CalendarPane({
   ] }, month.name + month.year);
 }
 
+// src/utils/date-patch-dashes.ts
+function formatInputValueWithDashes(value, dateInDashes) {
+  const digits = value.replace(/\D/g, "");
+  if (dateInDashes) {
+    if (digits.length <= 4) return digits;
+    if (digits.length <= 6) return `${digits.slice(0, 4)}-${digits.slice(4)}`;
+    return `${digits.slice(4, 6)}-${digits.slice(6, 8)}-${digits.slice(0, 4)}`;
+  } else {
+    if (digits.length <= 2) return digits;
+    if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;
+    return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
+  }
+}
+function formatDateWithDashes(value, dateInDashes) {
+  if (!value) return "";
+  let year = "", month = "", day = "";
+  if (/^\d{4}-\d{2}-\d{2}$/.test(value)) {
+    [year, month, day] = value.split("-");
+  } else if (/^\d{2}-\d{2}-\d{4}$/.test(value)) {
+    [month, day, year] = value.split("-");
+  } else if (/^\d{2}\/\d{2}\/\d{4}$/.test(value)) {
+    [month, day, year] = value.split("/");
+  } else {
+    return value;
+  }
+  if (!year || !month || !day) return value;
+  if (dateInDashes) {
+    return `${month}-${day}-${year}`;
+  }
+  return `${month}/${day}/${year}`;
+}
+function parseInputDateWithDashes(value, dateInDashes) {
+  if (!value) return "";
+  let year = "", month = "", day = "";
+  if (dateInDashes) {
+    let match = value.match(/^(\d{2})-(\d{2})-(\d{4})$/);
+    if (match) {
+      [, month, day, year] = match;
+    } else {
+      match = value.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+      if (match) {
+        [, year, month, day] = match;
+      }
+    }
+  } else {
+    const match = value.match(/^(\d{2})\/(\d{2})\/(\d{4})$/);
+    if (match) {
+      [, month, day, year] = match;
+    }
+  }
+  if (!year || !month || !day) return "";
+  return `${month}-${day}-${year}`;
+}
+
 // src/components/DateInput.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var DateInput = (_a) => {
@@ -4927,7 +4965,8 @@ var DateInput = (_a) => {
     readOnly = false,
     label,
     isDateAvailable,
-    disableManualInput
+    disableManualInput,
+    dateInDashes = false
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -4938,7 +4977,8 @@ var DateInput = (_a) => {
     "readOnly",
     "label",
     "isDateAvailable",
-    "disableManualInput"
+    "disableManualInput",
+    "dateInDashes"
   ]);
   const [visible, setVisible] = (0, import_react21.useState)(false);
   const [inputValue, setInputValue] = (0, import_react21.useState)("");
@@ -4954,9 +4994,9 @@ var DateInput = (_a) => {
   const [from, to] = [value, ""];
   (0, import_react21.useEffect)(() => {
     if (!isTyping) {
-      setInputValue(formatDisplayValue(from));
+      setInputValue(formatDisplayValue(from, dateInDashes));
     }
-  }, [from, isTyping]);
+  }, [from, isTyping, dateInDashes]);
   (0, import_react21.useLayoutEffect)(() => {
     if (visible) {
       updatePosition();
@@ -5019,7 +5059,7 @@ var DateInput = (_a) => {
     const rawValue = event.target.value;
     const cursorPosition = event.target.selectionStart || 0;
     setIsTyping(true);
-    const formattedValue = formatInputValue(rawValue);
+    const formattedValue = formatInputValueWithDashes(rawValue, dateInDashes);
     setInputValue(formattedValue);
     requestAnimationFrame(() => {
       if (triggerRef.current) {
@@ -5031,16 +5071,16 @@ var DateInput = (_a) => {
         triggerRef.current.setSelectionRange(newPosition, newPosition);
       }
     });
-    const parsedDate = parseInputDate(formattedValue);
+    const parsedDate = parseInputDateWithDashes(formattedValue, dateInDashes);
     if (parsedDate && isValidDate(parsedDate)) {
       onChange(parsedDate);
     }
   };
   const handleBlur = () => {
     setIsTyping(false);
-    const parsedDate = parseInputDate(inputValue);
+    const parsedDate = parseInputDateWithDashes(inputValue, dateInDashes);
     if (!parsedDate || !isValidDate(parsedDate)) {
-      setInputValue(formatDisplayValue(from));
+      setInputValue(formatDisplayValue(from, dateInDashes));
     }
   };
   const handleKeyDown = (event) => {
@@ -5048,10 +5088,11 @@ var DateInput = (_a) => {
       const input = event.target;
       const cursorPosition = input.selectionStart || 0;
       const value2 = input.value;
-      if (cursorPosition > 0 && value2[cursorPosition - 1] === "/") {
+      const sep = dateInDashes ? "-" : "/";
+      if (cursorPosition > 0 && value2[cursorPosition - 1] === sep) {
         event.preventDefault();
         const newValue = value2.slice(0, cursorPosition - 2) + value2.slice(cursorPosition);
-        const formattedValue = formatInputValue(newValue);
+        const formattedValue = formatInputValueWithDashes(newValue, dateInDashes);
         setInputValue(formattedValue);
         requestAnimationFrame(() => {
           if (triggerRef.current) {
@@ -5064,7 +5105,7 @@ var DateInput = (_a) => {
       }
     }
     if (event.key === "Enter") {
-      const parsedDate = parseInputDate(inputValue);
+      const parsedDate = parseInputDateWithDashes(inputValue, dateInDashes);
       if (parsedDate && isValidDate(parsedDate)) {
         onChange(parsedDate);
         setVisible(false);
@@ -5153,14 +5194,14 @@ var DateInput = (_a) => {
   ] });
 };
 DateInput.displayName = "DateInput";
-function formatDisplayValue(from) {
+function formatDisplayValue(from, dateInDashes) {
   if (!from) {
     return "";
   }
   if (!isValidDate(from)) {
     return "";
   }
-  return formatDate(from);
+  return formatDateWithDashes(from, dateInDashes);
 }
 
 // src/components/Accordion.tsx

package/dist/components/index.js

@@ -2,13 +2,14 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} from "../chunk-T7NSOCGM.js";
+} from "../chunk-RESDUVMA.js";
 import "../chunk-WJJB7IJZ.js";
 import "../chunk-Q4YDNW7N.js";
 import "../chunk-M7INAUAJ.js";
 import {
   ProductImagePreview
-} from "../chunk-C5DKGJ4E.js";
+} from "../chunk-Y75MQKNY.js";
+import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
@@ -16,7 +17,6 @@ import "../chunk-BQNPOGD5.js";
 import {
   SearchResultImage
 } from "../chunk-Y5GD2FJA.js";
-import "../chunk-MBZ55T2D.js";
 import {
   EmblaCarousel
 } from "../chunk-SZ47M32R.js";

package/package.json

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

package/dist/{chunk-C5DKGJ4E.js → chunk-Y75MQKNY.js}

@@ -1,3 +1,6 @@
+import {
+  CarouselPagination
+} from "./chunk-MBZ55T2D.js";
 import {
   MobileImageCarousel
 } from "./chunk-2IKT6IHB.js";
@@ -10,9 +13,6 @@ import {
 import {
   ZoomWindow
 } from "./chunk-BQNPOGD5.js";
-import {
-  CarouselPagination
-} from "./chunk-MBZ55T2D.js";
 import {
   Grid
 } from "./chunk-BWPNXY7T.js";