@firecms/core 3.0.0-beta.2 → 3.0.0-beta.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@firecms/core",
   "type": "module",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.4",
   "description": "Awesome Firebase/Firestore-based headless open-source CMS",
   "funding": {
     "url": "https://github.com/sponsors/firecmsco"
@@ -37,16 +37,24 @@
     "clean": "rm -rf dist && find ./src -name '*.js' -type f | xargs rm -f",
     "generateIcons": "ts-node --esm src/icons/generateIcons.ts"
   },
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
   "dependencies": {
-    "@firecms/formex": "^3.0.0-beta.2",
-    "@firecms/ui": "^3.0.0-beta.2",
-    "@fontsource/ibm-plex-mono": "^5.0.8",
-    "@fontsource/roboto": "^5.0.8",
+    "@firecms/formex": "^3.0.0-beta.4",
+    "@firecms/ui": "^3.0.0-beta.4",
+    "@fontsource/ibm-plex-mono": "^5.0.12",
+    "@fontsource/roboto": "^5.0.12",
     "@hello-pangea/dnd": "^16.5.0",
-    "date-fns": "^3.3.1",
+    "date-fns": "^3.6.0",
     "history": "^5.3.0",
     "js-search": "^2.0.1",
-    "markdown-it": "^14.0.0",
+    "markdown-it": "^14.1.0",
     "notistack": "^3.0.1",
     "object-hash": "^3.0.0",
     "react-image-file-resizer": "^0.4.8",
@@ -61,8 +69,8 @@
     "firebase": "^10.5.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router": "^6.2.0",
-    "react-router-dom": "^6.2.0"
+    "react-router": "^6.22.0",
+    "react-router-dom": "^6.22.0"
   },
   "eslintConfig": {
     "extends": [
@@ -72,42 +80,42 @@
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
-    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.12",
-    "@types/node": "^20.11.16",
+    "@types/node": "^20.11.30",
     "@types/object-hash": "^3.0.6",
-    "@types/react": "^18.2.54",
-    "@types/react-dom": "^18.2.18",
+    "@types/react": "^18.2.67",
+    "@types/react-dom": "^18.2.22",
     "@types/react-measure": "^2.0.12",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^5.62.0",
+    "@typescript-eslint/eslint-plugin": "^7.3.1",
+    "@typescript-eslint/parser": "^7.3.1",
     "@vitejs/plugin-react": "^4.2.1",
     "cross-env": "^7.0.3",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-config-standard": "^17.1.0",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-n": "^15.7.0",
+    "eslint-plugin-n": "^16.6.2",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "firebase": "^10.8.0",
+    "firebase": "^10.9.0",
     "jest": "^29.7.0",
     "npm-run-all": "^4.1.5",
     "react-router": "^6.22.0",
     "react-router-dom": "^6.22.0",
     "ts-jest": "^29.1.2",
     "ts-node": "^10.9.2",
-    "tsd": "^0.30.4",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.1"
+    "tsd": "^0.30.7",
+    "typescript": "^5.4.2",
+    "vite": "^5.2.3"
   },
   "files": [
     "dist",
     "src"
   ],
-  "gitHead": "9c3561bc09311f2339bb6fa224c88a62d3b19617",
+  "gitHead": "fb4310807b061e7837804d969829dc485c2f349d",
   "publishConfig": {
     "access": "public"
   }

package/src/components/DeleteEntityDialog.tsx

@@ -9,7 +9,7 @@ import {
     useSnackbarController
 } from "../hooks";
 import { resolveCollection } from "../util";
-import { EntityPreview } from "./EntityPreview";
+import { EntityView } from "./EntityView";
 
 export interface DeleteEntityDialogProps<M extends Record<string, any>> {
     entityOrEntitiesToDelete?: Entity<M> | Entity<M>[],
@@ -35,7 +35,7 @@ export function DeleteEntityDialog<M extends Record<string, any>>({
                                                                       path
                                                                   }: DeleteEntityDialogProps<M>) {
 
-    const dataSource = useDataSource();
+    const dataSource = useDataSource(collection);
     const customizationController = useCustomizationController();
     const snackbarController = useSnackbarController();
     const [loading, setLoading] = useState(false);
@@ -163,7 +163,7 @@ export function DeleteEntityDialog<M extends Record<string, any>>({
     } else {
         const entity = entityOrEntities as Entity<M> | undefined;
         content = entity
-            ? <EntityPreview
+            ? <EntityView
                 entity={entity}
                 collection={collection}
                 path={path}/>
@@ -176,7 +176,7 @@ export function DeleteEntityDialog<M extends Record<string, any>>({
 
     return (
         <Dialog
-            maxWidth={"2xl"}
+            maxWidth={multipleEntities ? "lg" : "2xl"}
             aria-labelledby="delete-dialog"
             open={open}
             onOpenChange={(open) => !open ? onClose() : undefined}

package/src/components/EntityCollectionTable/EntityCollectionRowActions.tsx

@@ -1,5 +1,4 @@
 import React, { MouseEvent, useCallback } from "react";
-import equal from "react-fast-compare"
 
 import { CollectionSize, Entity, EntityAction, EntityCollection, SelectionController } from "../../types";
 import { Checkbox, cn, IconButton, Menu, MenuItem, MoreVertIcon, Skeleton, Tooltip, Typography } from "@firecms/ui";
@@ -14,46 +13,43 @@ import { useFireCMSContext, useLargeLayout } from "../../hooks";
  * @param selectionEnabled
  * @param size
  * @param toggleEntitySelection
- * @param onCopyClicked
- * @param onEditClicked
- * @param onDeleteClicked
  * @param hideId
  * @constructor
  *
  * @group Collection components
  */
-export const EntityCollectionRowActions = React.memo(function EntityCollectionRowActions({
-                                                                                             entity,
-                                                                                             collection,
-                                                                                             fullPath,
-                                                                                             width,
-                                                                                             frozen,
-                                                                                             isSelected,
-                                                                                             selectionEnabled,
-                                                                                             size,
-                                                                                             highlightEntity,
-                                                                                             onCollectionChange,
-                                                                                             unhighlightEntity,
-                                                                                             actions = [],
-                                                                                             hideId,
-                                                                                             selectionController,
-                                                                                         }:
-                                                                                             {
-                                                                                                 entity: Entity<any>,
-                                                                                                 collection?: EntityCollection<any>,
-                                                                                                 fullPath?: string,
-                                                                                                 width: number,
-                                                                                                 frozen?: boolean,
-                                                                                                 size: CollectionSize,
-                                                                                                 isSelected?: boolean,
-                                                                                                 selectionEnabled?: boolean,
-                                                                                                 actions?: EntityAction[],
-                                                                                                 hideId?: boolean,
-                                                                                                 onCollectionChange?: () => void,
-                                                                                                 selectionController?: SelectionController;
-                                                                                                 highlightEntity?: (entity: Entity<any>) => void;
-                                                                                                 unhighlightEntity?: (entity: Entity<any>) => void;
-                                                                                             }) {
+export const EntityCollectionRowActions = function EntityCollectionRowActions({
+                                                                                  entity,
+                                                                                  collection,
+                                                                                  fullPath,
+                                                                                  width,
+                                                                                  frozen,
+                                                                                  isSelected,
+                                                                                  selectionEnabled,
+                                                                                  size,
+                                                                                  highlightEntity,
+                                                                                  onCollectionChange,
+                                                                                  unhighlightEntity,
+                                                                                  actions = [],
+                                                                                  hideId,
+                                                                                  selectionController,
+                                                                              }:
+                                                                                  {
+                                                                                      entity: Entity<any>,
+                                                                                      collection?: EntityCollection<any>,
+                                                                                      fullPath?: string,
+                                                                                      width: number,
+                                                                                      frozen?: boolean,
+                                                                                      size: CollectionSize,
+                                                                                      isSelected?: boolean,
+                                                                                      selectionEnabled?: boolean,
+                                                                                      actions?: EntityAction[],
+                                                                                      hideId?: boolean,
+                                                                                      onCollectionChange?: () => void,
+                                                                                      selectionController?: SelectionController;
+                                                                                      highlightEntity?: (entity: Entity<any>) => void;
+                                                                                      unhighlightEntity?: (entity: Entity<any>) => void;
+                                                                                  }) {
 
     const largeLayout = useLargeLayout();
 
@@ -103,7 +99,7 @@ export const EntityCollectionRowActions = React.memo(function EntityCollectionRo
                                         selectionController,
                                         highlightEntity,
                                         unhighlightEntity,
-                                        onCollectionChange
+                                        onCollectionChange,
                                     });
                                 }}
                                 size={largeLayout ? "medium" : "small"}>
@@ -131,7 +127,7 @@ export const EntityCollectionRowActions = React.memo(function EntityCollectionRo
                                             selectionController,
                                             highlightEntity,
                                             unhighlightEntity,
-                                            onCollectionChange
+                                            onCollectionChange,
                                         });
                                     }}>
                                     {action.icon}
@@ -171,4 +167,4 @@ export const EntityCollectionRowActions = React.memo(function EntityCollectionRo
         </div>
     );
 
-}, equal);
+};