@medusajs/dashboard 3.0.0-snapshot-20251214110905 → 3.0.0-snapshot-20251215162333

package/dist/{chunk-FEB3ZGTL.mjs → chunk-DNUVCBN7.mjs}

@@ -265,7 +265,7 @@ var useDataGridCell = ({
   }, [type]);
   useEffect(() => {
     if (isAnchor && !containerRef.current?.contains(document.activeElement)) {
-      containerRef.current?.focus();
+      containerRef.current?.focus({ preventScroll: true });
     }
   }, [isAnchor]);
   const renderProps = {
@@ -2637,8 +2637,13 @@ var DataGridRoot = ({
   getSubRows,
   onEditingChange,
   disableInteractions,
-  multiColumnSelection = false
+  multiColumnSelection = false,
+  totalRowCount,
+  onFetchMore,
+  isFetchingMore,
+  hasNextPage
 }) => {
+  const isLazyMode = totalRowCount !== void 0;
   const containerRef = useRef3(null);
   const { redo, undo, execute } = useCommandHistory();
   const {
@@ -2684,8 +2689,9 @@ var DataGridRoot = ({
     [flatRows, rowVisibility]
   );
   const visibleColumns = grid.getVisibleLeafColumns();
+  const effectiveRowCount = isLazyMode ? totalRowCount : visibleRows.length;
   const rowVirtualizer = useVirtualizer({
-    count: visibleRows.length,
+    count: effectiveRowCount,
     estimateSize: () => ROW_HEIGHT,
     getScrollElement: () => containerRef.current,
     overscan: 5,
@@ -2706,6 +2712,56 @@ var DataGridRoot = ({
     }
   });
   const virtualRows = rowVirtualizer.getVirtualItems();
+  const lazyLoadingRefs = useRef3({
+    onFetchMore,
+    hasNextPage,
+    isFetchingMore,
+    loadedRowCount: visibleRows.length
+  });
+  useEffect5(() => {
+    lazyLoadingRefs.current = {
+      onFetchMore,
+      hasNextPage,
+      isFetchingMore,
+      loadedRowCount: visibleRows.length
+    };
+  }, [onFetchMore, hasNextPage, isFetchingMore, visibleRows.length]);
+  const hasData = visibleRows.length > 0;
+  const handleScroll = useCallback14(() => {
+    const { onFetchMore: onFetchMore2, hasNextPage: hasNextPage2, isFetchingMore: isFetchingMore2, loadedRowCount } = lazyLoadingRefs.current;
+    if (!onFetchMore2 || !hasNextPage2 || isFetchingMore2) {
+      return;
+    }
+    const scrollElement = containerRef.current;
+    const { scrollTop, clientHeight } = scrollElement;
+    const loadedHeight = loadedRowCount * ROW_HEIGHT;
+    const viewportBottom = scrollTop + clientHeight;
+    const fetchThreshold = loadedHeight - ROW_HEIGHT * 10;
+    if (viewportBottom >= fetchThreshold) {
+      onFetchMore2();
+    }
+  }, [lazyLoadingRefs, containerRef]);
+  useEffect5(() => {
+    if (!isLazyMode || !hasData) {
+      return;
+    }
+    const container = containerRef.current;
+    if (!container) {
+      return;
+    }
+    const timeoutId = setTimeout(() => {
+      const scrollElement = containerRef.current;
+      if (!scrollElement) {
+        return;
+      }
+      scrollElement.addEventListener("scroll", handleScroll);
+    }, 100);
+    return () => {
+      clearTimeout(timeoutId);
+      const scrollElement = containerRef.current;
+      scrollElement?.removeEventListener("scroll", handleScroll);
+    };
+  }, [isLazyMode, hasData]);
   const columnVirtualizer = useVirtualizer({
     count: visibleColumns.length,
     estimateSize: (index) => visibleColumns[index].getSize(),
@@ -3097,6 +3153,18 @@ var DataGridRoot = ({
               },
               children: virtualRows.map((virtualRow) => {
                 const row = visibleRows[virtualRow.index];
+                if (!row) {
+                  return /* @__PURE__ */ jsx9(
+                    DataGridRowSkeleton,
+                    {
+                      virtualRow,
+                      virtualColumns,
+                      virtualPaddingLeft,
+                      virtualPaddingRight
+                    },
+                    `skeleton-${virtualRow.index}`
+                  );
+                }
                 const rowIndex = flatRows.findIndex((r) => r.id === row.id);
                 return /* @__PURE__ */ jsx9(
                   DataGridRow,
@@ -3354,6 +3422,72 @@ var DataGridRow = ({
     }
   );
 };
+var DataGridRowSkeleton = ({
+  virtualRow,
+  virtualPaddingLeft,
+  virtualPaddingRight,
+  virtualColumns
+}) => {
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      role: "row",
+      "aria-rowindex": virtualRow.index,
+      style: {
+        transform: `translateY(${virtualRow.start}px)`
+      },
+      className: "bg-ui-bg-subtle txt-compact-small absolute flex h-10 w-full",
+      children: [
+        virtualPaddingLeft ? /* @__PURE__ */ jsx9(
+          "div",
+          {
+            role: "presentation",
+            style: { display: "flex", width: virtualPaddingLeft }
+          }
+        ) : null,
+        virtualColumns.map((vc, index, array) => {
+          const previousVC = array[index - 1];
+          const elements = [];
+          if (previousVC && vc.index !== previousVC.index + 1) {
+            elements.push(
+              /* @__PURE__ */ jsx9(
+                "div",
+                {
+                  role: "presentation",
+                  style: {
+                    display: "flex",
+                    width: `${vc.start - previousVC.end}px`
+                  }
+                },
+                `padding-${previousVC.index}-${vc.index}`
+              )
+            );
+          }
+          elements.push(
+            /* @__PURE__ */ jsx9(
+              "div",
+              {
+                role: "gridcell",
+                style: { width: vc.size },
+                className: "relative flex items-center border-b border-r p-0 outline-none",
+                children: /* @__PURE__ */ jsx9("div", { className: "flex h-full w-full items-center px-4", children: /* @__PURE__ */ jsx9("div", { className: "bg-ui-bg-component h-4 w-3/4 animate-pulse rounded" }) })
+              },
+              `skeleton-cell-${vc.index}`
+            )
+          );
+          return elements;
+        }),
+        virtualPaddingRight ? /* @__PURE__ */ jsx9(
+          "div",
+          {
+            role: "presentation",
+            style: { display: "flex", width: virtualPaddingRight }
+          }
+        ) : null
+      ]
+    }
+  );
+};
 
 // src/components/data-grid/components/data-grid-text-cell.tsx
 import { clx as clx6 } from "@medusajs/ui";
@@ -3613,6 +3747,11 @@ var Inner5 = ({
 import { jsx as jsx12 } from "react/jsx-runtime";
 var _DataGrid = ({
   isLoading,
+  // Lazy loading props - passed through to DataGridRoot
+  totalRowCount,
+  onFetchMore,
+  isFetchingMore,
+  hasNextPage,
   ...props
 }) => {
   return isLoading ? /* @__PURE__ */ jsx12(
@@ -3621,7 +3760,16 @@ var _DataGrid = ({
       columns: props.columns,
       rows: props.data?.length && props.data.length > 0 ? props.data.length : 10
     }
-  ) : /* @__PURE__ */ jsx12(DataGridRoot, { ...props });
+  ) : /* @__PURE__ */ jsx12(
+    DataGridRoot,
+    {
+      ...props,
+      totalRowCount,
+      onFetchMore,
+      isFetchingMore,
+      hasNextPage
+    }
+  );
 };
 var DataGrid = Object.assign(_DataGrid, {
   BooleanCell: DataGridBooleanCell,
@@ -3646,12 +3794,18 @@ function createDataGridHelper() {
       cell,
       disableHiding = false,
       field,
-      type
+      type,
+      size,
+      minSize,
+      maxSize
     }) => columnHelper.display({
       id,
       header,
       cell,
       enableHiding: !disableHiding,
+      size,
+      minSize,
+      maxSize,
       meta: {
         name,
         field,

package/dist/{chunk-N4O5FAUC.mjs → chunk-FYWHE3W5.mjs}

@@ -1,7 +1,7 @@
 import {
   inventoryItemLevelsQueryKeys,
   inventoryItemsQueryKeys
-} from "./chunk-LEJUZW3P.mjs";
+} from "./chunk-Z6BFNHEO.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";

package/dist/{chunk-HKKZJTRO.mjs → chunk-GRZSG4EP.mjs}

@@ -1,22 +1,25 @@
 import {
   productTypesQueryKeys,
-  useProductTypes
-} from "./chunk-HKIF5HVL.mjs";
+  useInfiniteProductTypes
+} from "./chunk-UJ2TMPV4.mjs";
 import {
   collectionsQueryKeys,
-  useCollections
-} from "./chunk-NHDFPGQ3.mjs";
+  useInfiniteCollections
+} from "./chunk-UWY5ZV66.mjs";
 import {
   ordersQueryKeys
-} from "./chunk-RU4ZS47V.mjs";
+} from "./chunk-4JQR6QNW.mjs";
 import {
   categoriesQueryKeys,
-  useProductCategories
-} from "./chunk-7AX6R6G6.mjs";
+  useInfiniteCategories
+} from "./chunk-OSHH5GAS.mjs";
 import {
   productsQueryKeys,
-  useProducts
-} from "./chunk-LEJUZW3P.mjs";
+  useInfiniteProducts
+} from "./chunk-Z6BFNHEO.mjs";
+import {
+  useInfiniteList
+} from "./chunk-HGRIOEAR.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";
@@ -41,7 +44,9 @@ var usePlugins = (options) => {
 };
 
 // src/hooks/api/product-variants.tsx
-import { useQuery as useQuery2 } from "@tanstack/react-query";
+import {
+  useQuery as useQuery2
+} from "@tanstack/react-query";
 var PRODUCT_VARIANT_QUERY_KEY = "product_variant";
 var productVariantQueryKeys = queryKeysFactory(
   PRODUCT_VARIANT_QUERY_KEY
@@ -54,6 +59,16 @@ var useVariants = (query, options) => {
   });
   return { ...data, ...rest };
 };
+var useInfiniteVariants = (query, options) => {
+  return useInfiniteList({
+    queryKey: (params) => productVariantQueryKeys.list(params),
+    queryFn: async (params) => {
+      return await sdk.admin.productVariant.list(params);
+    },
+    query,
+    options
+  });
+};
 
 // src/hooks/api/refund-reasons.tsx
 import {
@@ -212,6 +227,14 @@ var useProductTags = (query, options) => {
   });
   return { ...data, ...rest };
 };
+var useInfiniteProductTags = (query, options) => {
+  return useInfiniteList({
+    queryKey: (params) => productTagsQueryKeys.list(params),
+    queryFn: (params) => sdk.admin.productTag.list(params),
+    query,
+    options
+  });
+};
 var useCreateProductTag = (query, options) => {
   return useMutation3({
     mutationFn: async (data) => sdk.admin.productTag.create(data, query),
@@ -262,23 +285,31 @@ import {
 } from "@tanstack/react-query";
 var TRANSLATIONS_QUERY_KEY = "translations";
 var translationsQueryKeys = queryKeysFactory(TRANSLATIONS_QUERY_KEY);
-var useReferenceTranslations = (reference, referenceId, options) => {
+var TRANSLATION_SETTINGS_QUERY_KEY = "translation_settings";
+var translationSettingsQueryKeys = queryKeysFactory(
+  TRANSLATION_SETTINGS_QUERY_KEY
+);
+var TRANSLATION_STATISTICS_QUERY_KEY = "translation_statistics";
+var translationStatisticsQueryKeys = queryKeysFactory(
+  TRANSLATION_STATISTICS_QUERY_KEY
+);
+var useReferenceTranslations = (reference, translatableFields, referenceId, options) => {
   const referenceHookMap = /* @__PURE__ */ new Map([
     [
       "product",
       () => {
-        const translatableFields = ["title", "description"];
         const fields = translatableFields.concat(["translations.*"]).join(",");
-        const { products, ...rest2 } = useProducts(
-          { id: referenceId ?? [], fields },
+        const { data: data2, ...rest2 } = useInfiniteProducts(
+          { fields, id: referenceId ?? [] },
           options
         );
+        const products = data2?.pages.flatMap((page) => page.products) ?? [];
         return {
           ...rest2,
           data: {
             translations: products?.flatMap((product) => product.translations ?? []) ?? [],
             references: products ?? [],
-            translatableFields
+            count: data2?.pages[0]?.count ?? 0
           }
         };
       }
@@ -286,18 +317,19 @@ var useReferenceTranslations = (reference, referenceId, options) => {
     [
       "product_variant",
       () => {
-        const translatableFields = ["title"];
         const fields = translatableFields.concat(["translations.*"]).join(",");
-        const { variants, ...rest2 } = useVariants(
+        const { data: data2, ...rest2 } = useInfiniteVariants(
           { id: referenceId ?? [], fields },
           options
         );
+        const variants = data2?.pages.flatMap((page) => page.variants) ?? [];
         return {
           ...rest2,
           data: {
             translations: variants?.flatMap((variant) => variant.translations ?? []) ?? [],
             references: variants ?? [],
-            translatableFields
+            translatableFields,
+            count: data2?.pages[0]?.count ?? 0
           }
         };
       }
@@ -305,20 +337,19 @@ var useReferenceTranslations = (reference, referenceId, options) => {
     [
       "product_category",
       () => {
-        const translatableFields = ["name", "description"];
         const fields = translatableFields.concat(["translations.*"]).join(",");
-        const { product_categories, ...rest2 } = useProductCategories(
+        const { data: data2, ...rest2 } = useInfiniteCategories(
           { id: referenceId ?? [], fields },
           options
         );
+        const categories = data2?.pages.flatMap((page) => page.product_categories) ?? [];
         return {
           ...rest2,
           data: {
-            translations: product_categories?.flatMap(
-              (category) => category.translations ?? []
-            ) ?? [],
-            references: product_categories ?? [],
-            translatableFields
+            translations: categories?.flatMap((category) => category.translations ?? []) ?? [],
+            references: categories ?? [],
+            translatableFields,
+            count: data2?.pages[0]?.count ?? 0
           }
         };
       }
@@ -326,12 +357,12 @@ var useReferenceTranslations = (reference, referenceId, options) => {
     [
       "product_collection",
       () => {
-        const translatableFields = ["title"];
         const fields = translatableFields.concat(["translations.*"]).join(",");
-        const { collections, ...rest2 } = useCollections(
+        const { data: data2, ...rest2 } = useInfiniteCollections(
           { id: referenceId ?? [], fields },
           options
         );
+        const collections = data2?.pages.flatMap((page) => page.collections) ?? [];
         return {
           ...rest2,
           data: {
@@ -339,7 +370,8 @@ var useReferenceTranslations = (reference, referenceId, options) => {
               (collection) => collection.translations ?? []
             ) ?? [],
             references: collections ?? [],
-            translatableFields
+            translatableFields,
+            count: data2?.pages[0]?.count ?? 0
           }
         };
       }
@@ -347,17 +379,18 @@ var useReferenceTranslations = (reference, referenceId, options) => {
     [
       "product_type",
       () => {
-        const translatableFields = ["value"];
         const fields = translatableFields.concat(["translations.*"]).join(",");
-        const { product_types, ...rest2 } = useProductTypes(
+        const { data: data2, ...rest2 } = useInfiniteProductTypes(
           { id: referenceId ?? [], fields },
           options
         );
+        const product_types = data2?.pages.flatMap((page) => page.product_types) ?? [];
         return {
           ...rest2,
           data: {
             translations: product_types?.flatMap((type) => type.translations ?? []) ?? [],
             references: product_types ?? [],
+            count: data2?.pages[0]?.count ?? 0,
             translatableFields
           }
         };
@@ -366,18 +399,19 @@ var useReferenceTranslations = (reference, referenceId, options) => {
     [
       "product_tag",
       () => {
-        const translatableFields = ["value"];
         const fields = translatableFields.concat(["translations.*"]).join(",");
-        const { product_tags, ...rest2 } = useProductTags(
+        const { data: data2, ...rest2 } = useInfiniteProductTags(
           { id: referenceId ?? [], fields },
           options
         );
+        const product_tags = data2?.pages.flatMap((page) => page.product_tags) ?? [];
         return {
           ...rest2,
           data: {
             translations: product_tags?.flatMap((tag) => tag.translations ?? []) ?? [],
             references: product_tags ?? [],
-            translatableFields
+            translatableFields,
+            count: data2?.pages[0]?.count ?? 0
           }
         };
       }
@@ -406,11 +440,30 @@ var useBatchTranslations = (reference, options) => {
       queryClient.invalidateQueries({
         queryKey: referenceInvalidationKeysMap.get(reference)
       });
+      queryClient.invalidateQueries({
+        queryKey: translationStatisticsQueryKeys.lists()
+      });
       options?.onSuccess?.(data, variables, context);
     },
     ...options
   });
 };
+var useTranslationSettings = (query, options) => {
+  const { data, ...rest } = useQuery6({
+    queryKey: translationSettingsQueryKeys.list(query),
+    queryFn: () => sdk.admin.translation.settings(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useTranslationStatistics = (query, options) => {
+  const { data, ...rest } = useQuery6({
+    queryKey: translationStatisticsQueryKeys.list(query),
+    queryFn: () => sdk.admin.translation.statistics(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
 
 // src/hooks/api/fulfillment.tsx
 import { useMutation as useMutation5 } from "@tanstack/react-query";
@@ -539,5 +592,7 @@ export {
   useUpdateProductTag,
   useDeleteProductTag,
   useReferenceTranslations,
-  useBatchTranslations
+  useBatchTranslations,
+  useTranslationSettings,
+  useTranslationStatistics
 };

package/dist/chunk-HGRIOEAR.mjs

@@ -0,0 +1,32 @@
+// src/hooks/use-infinite-list.tsx
+import {
+  useInfiniteQuery
+} from "@tanstack/react-query";
+var useInfiniteList = ({
+  queryKey,
+  queryFn,
+  query,
+  options
+}) => {
+  const { limit = 50, offset: _, ..._query } = query ?? {};
+  const resolvedQueryKey = typeof queryKey === "function" ? queryKey(_query) : queryKey;
+  const infiniteQueryKey = resolvedQueryKey[resolvedQueryKey.length - 1] === "__infinite" ? resolvedQueryKey : [...resolvedQueryKey, "__infinite"];
+  return useInfiniteQuery({
+    // Infinite queries must not share the exact same queryKey as non-infinite queries,
+    // since the cached data shape differs (InfiniteData<T> vs T).
+    queryKey: infiniteQueryKey,
+    queryFn: ({ pageParam = 0 }) => {
+      return queryFn({ ..._query, limit, offset: pageParam });
+    },
+    initialPageParam: 0,
+    getNextPageParam: (lastPage) => {
+      const moreItemsExist = lastPage.count > lastPage.offset + lastPage.limit;
+      return moreItemsExist ? lastPage.offset + lastPage.limit : void 0;
+    },
+    ...options
+  });
+};
+
+export {
+  useInfiniteList
+};

package/dist/{chunk-Y5UO73CH.mjs → chunk-HTCYX4VD.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5AFMB7XQ.mjs";
 import {
   productsQueryKeys
-} from "./chunk-LEJUZW3P.mjs";
+} from "./chunk-Z6BFNHEO.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";

package/dist/{chunk-34KFHPN6.mjs → chunk-IAV7IKJ6.mjs}

@@ -1,6 +1,6 @@
 import {
   useDeleteProductCategory
-} from "./chunk-7AX6R6G6.mjs";
+} from "./chunk-OSHH5GAS.mjs";
 
 // src/routes/categories/common/hooks/use-delete-product-category-action.tsx
 import { toast, usePrompt } from "@medusajs/ui";

package/dist/{chunk-3BJLNORD.mjs → chunk-KQ4LC2YV.mjs}

@@ -5,7 +5,7 @@ import {
   DataGrid,
   createDataGridHelper,
   createDataGridPriceColumns
-} from "./chunk-FEB3ZGTL.mjs";
+} from "./chunk-DNUVCBN7.mjs";
 import {
   Thumbnail
 } from "./chunk-MNXC6Q4F.mjs";

package/dist/{chunk-GC3QXC6D.mjs → chunk-OHY2N2Q4.mjs}

@@ -1,9 +1,9 @@
 import {
   DISPLAY_OVERRIDE_ITEMS_LIMIT
-} from "./chunk-BBTE6VKD.mjs";
+} from "./chunk-RL5EYTP6.mjs";
 import {
   TaxRateRuleReferenceType
-} from "./chunk-67KHYLIQ.mjs";
+} from "./chunk-DK7IWUMK.mjs";
 import {
   LocalizedTablePagination,
   useDeleteTaxRateAction
@@ -29,13 +29,13 @@ import {
 } from "./chunk-OZPB6JBL.mjs";
 import {
   useProductTypes
-} from "./chunk-HKIF5HVL.mjs";
+} from "./chunk-UJ2TMPV4.mjs";
 import {
   useShippingOptions
 } from "./chunk-HBXV7ENS.mjs";
 import {
   useProducts
-} from "./chunk-LEJUZW3P.mjs";
+} from "./chunk-Z6BFNHEO.mjs";
 
 // src/routes/tax-regions/common/components/tax-rate-line/tax-rate-line.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";

package/dist/{chunk-7AX6R6G6.mjs → chunk-OSHH5GAS.mjs}

@@ -1,6 +1,9 @@
 import {
   productsQueryKeys
-} from "./chunk-LEJUZW3P.mjs";
+} from "./chunk-Z6BFNHEO.mjs";
+import {
+  useInfiniteList
+} from "./chunk-HGRIOEAR.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";
@@ -34,6 +37,14 @@ var useProductCategories = (query, options) => {
   });
   return { ...data, ...rest };
 };
+var useInfiniteCategories = (query, options) => {
+  return useInfiniteList({
+    queryKey: (params) => categoriesQueryKeys.list(params),
+    queryFn: (params) => sdk.admin.productCategory.list(params),
+    query,
+    options
+  });
+};
 var useCreateProductCategory = (options) => {
   return useMutation({
     mutationFn: (payload) => sdk.admin.productCategory.create(payload),
@@ -94,6 +105,7 @@ export {
   categoriesQueryKeys,
   useProductCategory,
   useProductCategories,
+  useInfiniteCategories,
   useCreateProductCategory,
   useUpdateProductCategory,
   useDeleteProductCategory,

package/dist/{chunk-PXZEQZ6Q.mjs → chunk-PHLCT2HA.mjs}

@@ -1,6 +1,6 @@
 import {
   useDeleteShippingOptionType
-} from "./chunk-HKKZJTRO.mjs";
+} from "./chunk-GRZSG4EP.mjs";
 
 // src/routes/shipping-option-types/common/hooks/use-delete-shipping-option-type-action.tsx
 import { useNavigate } from "react-router-dom";

package/dist/{chunk-35LSPN2U.mjs → chunk-QKALAT7P.mjs}

@@ -1,6 +1,6 @@
 import {
   useSalesChannels
-} from "./chunk-N3FCYZV6.mjs";
+} from "./chunk-2XTBDCGE.mjs";
 import {
   useRegions
 } from "./chunk-HP2JH45P.mjs";

package/dist/{chunk-BBTE6VKD.mjs → chunk-RL5EYTP6.mjs}

@@ -3,7 +3,7 @@ import {
   TargetItem,
   TaxRateRuleReferenceSchema,
   createTaxRulePayload
-} from "./chunk-67KHYLIQ.mjs";
+} from "./chunk-DK7IWUMK.mjs";
 import {
   PercentageInput
 } from "./chunk-KEQOAJC2.mjs";

package/dist/{chunk-B3AOQW2B.mjs → chunk-U6G4M5LP.mjs}

@@ -1,6 +1,6 @@
 import {
   ordersQueryKeys
-} from "./chunk-RU4ZS47V.mjs";
+} from "./chunk-4JQR6QNW.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";