@comitor/ui 2.0.0 → 3.0.0

package/dist/data-grid/use-data-grid.js

@@ -8,11 +8,11 @@ import {
 } from "@tanstack/react-table";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import * as React from "react";
-import { getDataGridMessages } from "./messages.js";
+import { useAsRef } from "../lib/use-as-ref.js";
+import { useIsomorphicLayoutEffect } from "../lib/use-isomorphic-layout-effect.js";
+import { useLazyRef } from "../lib/use-lazy-ref.js";
+import { useResolvedDataGridLocale } from "./data-grid-locale.js";
 import { toastError, toastSuccess } from "./toast.js";
-import { useAsRef } from "./use-as-ref.js";
-import { useIsomorphicLayoutEffect } from "./use-isomorphic-layout-effect.js";
-import { useLazyRef } from "./use-lazy-ref.js";
 import {
   formatDate,
   getCellKey,
@@ -23,6 +23,7 @@ import {
   getScrollDirection,
   matchSelectOption,
   parseCellKey,
+  parseDateInput,
   parseTsv,
   readClipboardText,
   scrollCellIntoView,
@@ -60,8 +61,9 @@ function useDataGrid({
   locale,
   ...props
 }) {
-  const msg = React.useMemo(() => getDataGridMessages(locale), [locale]);
+  const { messages: msg, dateLocale } = useResolvedDataGridLocale(locale);
   const msgRef = useAsRef(msg);
+  const dateLocaleRef = useAsRef(dateLocale);
   const dir = useDirection(dirProp);
   const dataGridRef = React.useRef(null);
   const tableRef = React.useRef(null);
@@ -610,8 +612,8 @@ function useDataGrid({
                 if (!pastedValue) {
                   processedValue = null;
                 } else {
-                  const date = new Date(pastedValue);
-                  if (Number.isNaN(date.getTime())) shouldSkip = true;
+                  const date = parseDateInput(pastedValue, dateLocaleRef.current);
+                  if (!date) shouldSkip = true;
                   else processedValue = date;
                 }
                 break;
@@ -698,7 +700,7 @@ function useDataGrid({
                 if (ISO_DATE_REGEX.test(pastedValue)) {
                   const date = new Date(pastedValue);
                   if (!Number.isNaN(date.getTime())) {
-                    processedValue = formatDate(date);
+                    processedValue = formatDate(date, dateLocaleRef.current);
                     break;
                   }
                 }
@@ -787,7 +789,7 @@ function useDataGrid({
         toastError(msgRef.current.toast.pasteFailed);
       }
     },
-    [store, navigableColumnIds, propsRef, onDataUpdate, selectRange, restoreFocus, msgRef]
+    [store, navigableColumnIds, propsRef, onDataUpdate, selectRange, restoreFocus, msgRef, dateLocaleRef]
   );
   const releaseFocusGuard = React.useCallback((immediate = false) => {
     if (immediate) {