@rebasepro/admin 0.14.1 → 0.14.2-canary.gca521e9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rebasepro/admin",
   "type": "module",
-  "version": "0.14.1",
+  "version": "0.14.2-canary.gca521e9",
   "description": "Rebase CMS — content management views, forms, and routing",
   "funding": {
     "url": "https://github.com/sponsors/rebaseco"
@@ -83,14 +83,14 @@
     "react-dropzone": "^19.1.1",
     "react-use-measure": "^2.1.7",
     "zod": "^4.4.3",
-    "@rebasepro/admin-types": "0.14.1",
-    "@rebasepro/forms": "0.14.1",
-    "@rebasepro/app": "0.14.1",
-    "@rebasepro/common": "0.14.1",
-    "@rebasepro/inference": "0.14.1",
-    "@rebasepro/types": "0.14.1",
-    "@rebasepro/ui": "0.14.1",
-    "@rebasepro/utils": "0.14.1"
+    "@rebasepro/admin-types": "0.14.2-canary.gca521e9",
+    "@rebasepro/app": "0.14.2-canary.gca521e9",
+    "@rebasepro/common": "0.14.2-canary.gca521e9",
+    "@rebasepro/inference": "0.14.2-canary.gca521e9",
+    "@rebasepro/types": "0.14.2-canary.gca521e9",
+    "@rebasepro/forms": "0.14.2-canary.gca521e9",
+    "@rebasepro/utils": "0.14.2-canary.gca521e9",
+    "@rebasepro/ui": "0.14.2-canary.gca521e9"
   },
   "peerDependencies": {
     "react": ">=19.2.7",

package/src/components/CollectionEditorDialogs.tsx

@@ -1,15 +1,16 @@
-import React, { lazy, Suspense } from "react";
+import React, { Suspense } from "react";
+import { lazyChunk } from "@rebasepro/ui";
 import { useCollectionEditorDialogsState } from "../collection_editor/CollectionEditorDialogsContext";
 
 // Dynamic imports targeting the separate collection_editor_ui entry point.
 // This ensures the heavy editor UI lands in its own chunk and is only fetched
 // when a dialog is actually opened.
-const CollectionEditorDialog = lazy(() =>
+const CollectionEditorDialog = lazyChunk(() =>
     import("../collection_editor/ui/collection_editor/CollectionEditorDialog")
         .then(m => ({ default: m.CollectionEditorDialog }))
 );
 
-const PropertyFormDialog = lazy(() =>
+const PropertyFormDialog = lazyChunk(() =>
     import("../collection_editor/ui/collection_editor/PropertyEditView")
         .then(m => ({ default: m.PropertyFormDialog }))
 );

package/src/components/CollectionViewBinding/CollectionViewActions.tsx

@@ -1,16 +1,16 @@
 
 
-import React, { lazy, Suspense } from "react";
+import React, { Suspense } from "react";
 
 import { useLargeLayout, useTranslation, useSlot, resolveComponentRef } from "@rebasepro/app";
 import { CollectionActionsProps, EntityTableController, SelectionController, AdminCollection } from "@rebasepro/admin-types";
-import { Button, IconButton, Tooltip, Popover, iconSize } from "@rebasepro/ui";
+import { Button, IconButton, Tooltip, Popover, iconSize, lazyChunk } from "@rebasepro/ui";
 import { ErrorBoundary, Link2Icon, MoreVerticalIcon, PlusIcon, Trash2Icon } from "@rebasepro/ui";
 import { usePermissions } from "@rebasepro/app";
 import { toArray } from "@rebasepro/utils";
 // Lazy-load import/export — pulls in exceljs only on demand
-const ImportCollectionAction = lazy(() => import("../../data_import/import").then(m => ({ default: m.ImportCollectionAction })));
-const ExportCollectionAction = lazy(() => import("../../data_export/export").then(m => ({ default: m.ExportCollectionAction })));
+const ImportCollectionAction = lazyChunk(() => import("../../data_import/import").then(m => ({ default: m.ImportCollectionAction })));
+const ExportCollectionAction = lazyChunk(() => import("../../data_export/export").then(m => ({ default: m.ExportCollectionAction })));
 import { EditorCollectionAction } from "../../collection_editor/ui/EditorCollectionAction";
 import { useCollectionEditorController } from "../../collection_editor/useCollectionEditorController";
 import { useAdminContext } from "../../hooks/useAdminContext";

package/src/components/EntityInspector.tsx

@@ -1,7 +1,7 @@
 import type { AdminCollection } from "@rebasepro/admin-types";
 import type { Entity } from "@rebasepro/types";
 import type { FormContext } from "../types/fields";
-import React, { lazy, Suspense, useEffect } from "react";
+import React, { Suspense, useEffect } from "react";
 import {
     CircularProgressCenter,
     cls,
@@ -9,6 +9,7 @@ import {
     ErrorBoundary,
     IconButton,
     iconSize,
+    lazyChunk,
     Tab,
     Tabs,
     XIcon
@@ -16,7 +17,7 @@ import {
 import { useTranslation } from "@rebasepro/app";
 import { JsonPreviewBinding } from "./JsonPreviewBinding";
 
-const EntityHistoryView = lazy(() => import("./history").then(m => ({ default: m.EntityHistoryView })));
+const EntityHistoryView = lazyChunk(() => import("./history").then(m => ({ default: m.EntityHistoryView })));
 
 export type InspectorTab = "json" | "history";
 

package/src/components/RebaseNavigation.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useRef, useEffect, useCallback, useContext, lazy, Suspense } from "react";
+import React, { useMemo, useRef, useEffect, useCallback, useContext, Suspense } from "react";
 import {
     useRebaseRegistry,
     useRebaseContext,
@@ -16,7 +16,7 @@ import {
     RebaseDataContext
 } from "@rebasepro/app";
 import { buildRoutedRebaseData, resolveDataSource } from "@rebasepro/common";
-import { CircularProgressCenter } from "@rebasepro/ui";
+import { CircularProgressCenter, lazyChunk } from "@rebasepro/ui";
 
 import type { AppView, CollectionEditorOptions, EntityCustomView, EntityAction, RebasePlugin, AdminCollection } from "@rebasepro/admin-types";
 import type { CollectionRegistryController } from "@rebasepro/types";
@@ -41,7 +41,7 @@ import { ConfigControllerProvider } from "../collection_editor/ConfigControllerP
 import { useCollectionsConfigController } from "../collection_editor/useCollectionsConfigController";
 
 // Lazy-load the schema view — only fetched when studio schema tool is active
-const CollectionsStudioView = lazy(() =>
+const CollectionsStudioView = lazyChunk(() =>
     import("../collection_editor/ui/collection_editor/RouterCollectionsStudioView")
         .then(m => ({ default: m.RouterCollectionsStudioView }))
 );

package/src/form/field_bindings/MarkdownEditorFieldBinding.tsx

@@ -1,4 +1,4 @@
-import React, { lazy, Suspense, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import React, { Suspense, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { FieldHelperText } from "../components/FieldHelperText";
 import { LabelWithIconAndTooltip } from "../components/LabelWithIconAndTooltip";
 import { useAuthController, useStorageSource } from "@rebasepro/app";
@@ -13,6 +13,7 @@ import {
     fieldBackgroundHoverMixin,
     fieldBackgroundMixin,
     IconButton,
+    lazyChunk,
     Skeleton,
     XIcon
 } from "@rebasepro/ui";
@@ -22,7 +23,7 @@ import { randomString } from "@rebasepro/utils";
 
 // Lazy-load ProseMirror editor + markdown parser/serializer (~300KB)
 // Only fetched when a markdown field is actually rendered.
-const RichTextEditor = lazy(() => import("../../editor").then(m => ({ default: m.RichTextEditor })));
+const RichTextEditor = lazyChunk(() => import("../../editor").then(m => ({ default: m.RichTextEditor })));
 const loadMarkdownUtils = () => import("../../editor/markdown");
 let _markdownUtils: Awaited<ReturnType<typeof loadMarkdownUtils>> | null = null;
 const getMarkdownUtils = async () => {