@firecms/core 3.0.0-alpha.52 → 3.0.0-alpha.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@firecms/core",
-  "version": "3.0.0-alpha.52",
+  "version": "3.0.0-alpha.53",
   "description": "Awesome Firebase/Firestore-based headless open-source CMS",
   "funding": {
     "url": "https://github.com/sponsors/firecmsco"
@@ -46,7 +46,7 @@
   },
   "dependencies": {
     "@date-io/date-fns": "^2.17.0",
-    "@firecms/ui": "^3.0.0-alpha.52",
+    "@firecms/ui": "^3.0.0-alpha.53",
     "@fontsource/ibm-plex-mono": "^5.0.8",
     "@fontsource/roboto": "^5.0.8",
     "@hello-pangea/dnd": "^16.5.0",
@@ -116,7 +116,7 @@
     "dist",
     "src"
   ],
-  "gitHead": "347fb05aab3d2c4399ba9370f10c6d142c4721f6",
+  "gitHead": "2a6df3b8ddeeea1c82007538837e273150c54d0a",
   "publishConfig": {
     "access": "public"
   }

package/src/components/index.tsx

@@ -15,7 +15,6 @@ export * from "./EntityCollectionView/EntityCollectionView";
 export * from "./FieldConfigBadge";
 
 export * from "./EntityCollectionTable";
-export * from "./BreadcrumbUpdater";
 export * from "./NotFoundPage";
 
 export * from "./VirtualTable";

package/src/core/FireCMS.tsx

@@ -1,7 +1,6 @@
 import React, { useMemo } from "react";
 
 import { EntityCollection, FireCMSContext, FireCMSPlugin, FireCMSProps, User } from "../types";
-import { BreadcrumbsProvider } from "../contexts/BreacrumbsContext";
 import { AuthControllerContext, ModeControllerContext } from "../contexts";
 import { useBuildSideEntityController } from "../internal/useBuildSideEntityController";
 import { FireCMSContextInstance, useFireCMSContext, useModeController } from "../hooks";
@@ -114,41 +113,65 @@ export function FireCMS<UserType extends User, EC extends EntityCollection>(prop
         );
     }
 
-    return (
-        <ModeControllerContext.Provider value={modeController}>
-            <FireCMSContextInstance.Provider value={context}>
-                <UserConfigurationPersistenceContext.Provider
-                    value={userConfigPersistence}>
-                    <StorageSourceContext.Provider
-                        value={storageSource}>
-                        <DataSourceContext.Provider
-                            value={dataSource}>
-                            <AuthControllerContext.Provider
-                                value={authController}>
-                                <SideDialogsControllerContext.Provider
-                                    value={sideDialogsController}>
-                                    <SideEntityControllerContext.Provider
-                                        value={sideEntityController}>
-                                        <NavigationContext.Provider
-                                            value={navigationController}>
-                                            <BreadcrumbsProvider>
-                                                <DialogsProvider>
-                                                    <FireCMSInternal
-                                                        loading={loading}>
-                                                        {children}
-                                                    </FireCMSInternal>
-                                                </DialogsProvider>
-                                            </BreadcrumbsProvider>
-                                        </NavigationContext.Provider>
-                                    </SideEntityControllerContext.Provider>
-                                </SideDialogsControllerContext.Provider>
-                            </AuthControllerContext.Provider>
-                        </DataSourceContext.Provider>
-                    </StorageSourceContext.Provider>
-                </UserConfigurationPersistenceContext.Provider>
-            </FireCMSContextInstance.Provider>
-        </ModeControllerContext.Provider>
-    );
+    const providers: {
+        context: React.Context<any>;
+        value?: any;
+    }[] = [
+        { context: ModeControllerContext, value: modeController },
+        { context: FireCMSContextInstance, value: context },
+        { context: UserConfigurationPersistenceContext, value: userConfigPersistence },
+        { context: StorageSourceContext, value: storageSource },
+        { context: DataSourceContext, value: dataSource },
+        { context: AuthControllerContext, value: authController },
+        { context: SideDialogsControllerContext, value: sideDialogsController },
+        { context: SideEntityControllerContext, value: sideEntityController },
+        { context: NavigationContext, value: navigationController }
+        // { context: DialogsProvider }
+    ];
+
+    return providers.reduce((children, provider) => {
+        const { context: Context, value } = provider;
+        return (
+            <Context.Provider value={value}>{children}</Context.Provider>
+        )
+    }, <FireCMSInternal
+        loading={loading}>
+        {children}
+    </FireCMSInternal>);
+
+    // return (
+    //     <ModeControllerContext.Provider value={modeController}>
+    //         <FireCMSContextInstance.Provider value={context}>
+    //             <UserConfigurationPersistenceContext.Provider
+    //                 value={userConfigPersistence}>
+    //                 <StorageSourceContext.Provider
+    //                     value={storageSource}>
+    //                     <DataSourceContext.Provider
+    //                         value={dataSource}>
+    //                         <AuthControllerContext.Provider
+    //                             value={authController}>
+    //                             <SideDialogsControllerContext.Provider
+    //                                 value={sideDialogsController}>
+    //                                 <SideEntityControllerContext.Provider
+    //                                     value={sideEntityController}>
+    //                                     <NavigationContext.Provider
+    //                                         value={navigationController}>
+    //                                         <DialogsProvider>
+    //                                             <FireCMSInternal
+    //                                                 loading={loading}>
+    //                                                 {children}
+    //                                             </FireCMSInternal>
+    //                                         </DialogsProvider>
+    //                                     </NavigationContext.Provider>
+    //                                 </SideEntityControllerContext.Provider>
+    //                             </SideDialogsControllerContext.Provider>
+    //                         </AuthControllerContext.Provider>
+    //                     </DataSourceContext.Provider>
+    //                 </StorageSourceContext.Provider>
+    //             </UserConfigurationPersistenceContext.Provider>
+    //         </FireCMSContextInstance.Provider>
+    //     </ModeControllerContext.Provider>
+    // );
 }
 
 function FireCMSInternal({

package/src/core/NavigationRoutes.tsx

@@ -1,11 +1,10 @@
-import React, { PropsWithChildren } from "react";
+import React from "react";
 
 import { Route, Routes, useLocation } from "react-router-dom";
 import { CMSView } from "../types";
 import { DefaultHomePage, EntityCollectionView, NotFoundPage } from "../components";
-import { useBreadcrumbsContext, useNavigationController } from "../hooks";
+import { useNavigationController } from "../hooks";
 import { toArray } from "../util/arrays";
-import equal from "react-fast-compare"
 
 /**
  * @group Components
@@ -71,33 +70,20 @@ export const NavigationRoutes = React.memo<NavigationRoutesProps>(
                     return <Route path={urlPath + "/*"}
                                   key={`navigation_${collection.id ?? collection.path}`}
                                   element={
-                                      <RouteWrapper
-                                          path={urlPath}
-                                          title={collection.name}
-                                          type={"collection"}>
-                                          <EntityCollectionView
-                                              key={`collection_view_${collection.id ?? collection.path}`}
-                                              isSubCollection={false}
-                                              parentCollectionIds={[]}
-                                              fullPath={collection.id ?? collection.path}
-                                              {...collection}
-                                              Actions={toArray(collection.Actions)}/>
-                                      </RouteWrapper>
+                                      <EntityCollectionView
+                                          key={`collection_view_${collection.id ?? collection.path}`}
+                                          isSubCollection={false}
+                                          parentCollectionIds={[]}
+                                          fullPath={collection.id ?? collection.path}
+                                          {...collection}
+                                          Actions={toArray(collection.Actions)}/>
                                   }/>;
                 }
             );
 
         const homeRoute = (
             <Route path={"/"}
-                   element={
-                       <RouteWrapper
-                           path={navigation.homeUrl}
-                           key={"navigation_home"}
-                           title={"Home"}
-                           type={"home"}>
-                           <HomePage/>
-                       </RouteWrapper>
-                   }/>
+                   element={<HomePage/>}/>
         );
 
         const notFoundRoute = <Route path={"*"}
@@ -126,52 +112,7 @@ const buildCMSViewRoute = (path: string, cmsView: CMSView) => {
     return <Route
         key={"navigation_view_" + path}
         path={path}
-        element={
-            <RouteWrapper
-                path={path}
-                key={`navigation_${path}`}
-                title={cmsView.name}
-                type={"view"}>
-                {cmsView.view}
-            </RouteWrapper>}
+        element={cmsView.view}
     />;
 };
 
-interface RouteWrapperProps {
-    title: string;
-    path: string;
-    type: "collection" | "view" | "home";
-}
-
-/**
- * This component updates the breadcrumb in the app bar when rendered
- * @param children
- * @param title
- * @param path
- * @param type
- * @constructor
- * @group Components
- */
-
-export const RouteWrapper = React.memo<PropsWithChildren<RouteWrapperProps>>(
-    function RouteWrapper({
-                              children,
-                              title,
-                              path,
-                              type
-                          }
-                              : PropsWithChildren<RouteWrapperProps>) {
-
-        const breadcrumbsContext = useBreadcrumbsContext();
-
-        React.useEffect(() => {
-            breadcrumbsContext.set({
-                breadcrumbs: [{
-                    title,
-                    url: path
-                }]
-            });
-        }, [path, title]);
-
-        return <>{children}</>;
-    }, equal);

package/src/hooks/index.tsx

@@ -17,7 +17,6 @@ export * from "./useFireCMSContext";
 export * from "./useSnackbarController";
 export * from "./useModeController";
 export * from "./useClipboard";
-export * from "./useBreadcrumbsContext";
 export * from "./useLargeLayout";
 
 export * from "./useReferenceDialog";

package/dist/components/BreadcrumbUpdater.d.ts

@@ -1,14 +0,0 @@
-import { PropsWithChildren } from "react";
-export interface BreadcrumbUpdaterProps {
-    title: string;
-    path: string;
-}
-/**
- * This component updates the breadcrumb in the app bar when rendered
- * @param children
- * @param title
- * @param path
- * @constructor
- * @group Components
- */
-export declare function BreadcrumbUpdater({ children, title, path }: PropsWithChildren<BreadcrumbUpdaterProps>): import("react/jsx-runtime").JSX.Element;

package/dist/contexts/BreacrumbsContext.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { BreadcrumbsController } from "../hooks/useBreadcrumbsContext";
-export declare const BreadcrumbContext: React.Context<BreadcrumbsController>;
-interface BreadcrumbsProviderProps {
-    children: React.ReactNode;
-}
-export declare const BreadcrumbsProvider: React.FC<BreadcrumbsProviderProps>;
-export {};

package/dist/hooks/useBreadcrumbsContext.d.ts

@@ -1,26 +0,0 @@
-/**
- * @group Hooks and utilities
- */
-export interface BreadcrumbsController {
-    breadcrumbs: BreadcrumbEntry[];
-    set: (props: {
-        breadcrumbs: BreadcrumbEntry[];
-    }) => void;
-}
-/**
- * @group Hooks and utilities
- */
-export interface BreadcrumbEntry {
-    title: string;
-    url: string;
-}
-/**
- * Hook to retrieve the BreadcrumbContext.
- *
- * Consider that in order to use this hook you need to have a parent
- * `FireCMS`
- *
- * @see BreadcrumbsController
- * @group Hooks and utilities
- */
-export declare const useBreadcrumbsContext: () => BreadcrumbsController;

package/src/components/BreadcrumbUpdater.tsx

@@ -1,35 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { useBreadcrumbsContext } from "../hooks";
-
-export interface BreadcrumbUpdaterProps {
-    title: string;
-    path: string;
-}
-
-/**
- * This component updates the breadcrumb in the app bar when rendered
- * @param children
- * @param title
- * @param path
- * @constructor
- * @group Components
- */
-export function BreadcrumbUpdater({
-                                      children,
-                                      title,
-                                      path
-                                  }
-                                      : PropsWithChildren<BreadcrumbUpdaterProps>) {
-
-    const breadcrumbsContext = useBreadcrumbsContext();
-    React.useEffect(() => {
-        breadcrumbsContext.set({
-            breadcrumbs: [{
-                title: title,
-                url: path
-            }]
-        });
-    }, [path, title]);
-
-    return <>{children}</>;
-}

package/src/contexts/BreacrumbsContext.tsx

@@ -1,38 +0,0 @@
-import React, { useState } from "react";
-import { BreadcrumbEntry, BreadcrumbsController } from "../hooks/useBreadcrumbsContext";
-
-const DEFAULT_BREADCRUMBS_CONTROLLER = {
-    breadcrumbs: [],
-    set: (props: {
-        breadcrumbs: BreadcrumbEntry[];
-    }) => {
-    }
-};
-
-export const BreadcrumbContext = React.createContext<BreadcrumbsController>(DEFAULT_BREADCRUMBS_CONTROLLER);
-
-interface BreadcrumbsProviderProps {
-    children: React.ReactNode;
-}
-
-export const BreadcrumbsProvider: React.FC<BreadcrumbsProviderProps> = ({ children }) => {
-
-    const [breadcrumbs, setBreadcrumbs] = useState<BreadcrumbEntry[]>([]);
-
-    const set = (props: {
-        breadcrumbs: BreadcrumbEntry[];
-    }) => {
-        setBreadcrumbs(props.breadcrumbs);
-    };
-
-    return (
-        <BreadcrumbContext.Provider
-            value={{
-                breadcrumbs,
-                set
-            }}
-        >
-            {children}
-        </BreadcrumbContext.Provider>
-    );
-};

package/src/hooks/useBreadcrumbsContext.tsx

@@ -1,31 +0,0 @@
-import { useContext } from "react";
-import { BreadcrumbContext } from "../contexts/BreacrumbsContext";
-
-/**
- * @group Hooks and utilities
- */
-export interface BreadcrumbsController {
-    breadcrumbs: BreadcrumbEntry[];
-    set: (props: {
-        breadcrumbs: BreadcrumbEntry[];
-    }) => void;
-}
-
-/**
- * @group Hooks and utilities
- */
-export interface BreadcrumbEntry {
-    title: string;
-    url: string;
-}
-
-/**
- * Hook to retrieve the BreadcrumbContext.
- *
- * Consider that in order to use this hook you need to have a parent
- * `FireCMS`
- *
- * @see BreadcrumbsController
- * @group Hooks and utilities
- */
-export const useBreadcrumbsContext = (): BreadcrumbsController => useContext(BreadcrumbContext);