@firecms/core 3.0.0-beta.2-pre.2 → 3.0.0-beta.2-pre.3

package/src/hooks/useFireCMSContext.tsx

@@ -10,6 +10,7 @@ import { useUserConfigurationPersistence } from "./useUserConfigurationPersisten
 import { useDialogsController } from "./useDialogsController";
 import { useCustomizationController } from "./useCustomizationController";
 import { useAnalyticsController } from "./useAnalyticsController";
+import React, { useEffect } from "react";
 
 /**
  * Hook to retrieve the {@link FireCMSContext}.
@@ -34,7 +35,7 @@ export const useFireCMSContext = <UserType extends User = User, AuthControllerTy
     const customizationController = useCustomizationController();
     const analyticsController = useAnalyticsController();
 
-    return {
+    const fireCMSContextRef = React.useRef<FireCMSContext<UserType, AuthControllerType>>({
         authController,
         sideDialogsController,
         sideEntityController,
@@ -46,6 +47,53 @@ export const useFireCMSContext = <UserType extends User = User, AuthControllerTy
         dialogsController,
         customizationController,
         analyticsController
-    };
+    });
 
-};
+    useEffect(() => {
+        fireCMSContextRef.current = {
+            authController,
+            sideDialogsController,
+            sideEntityController,
+            navigation,
+            dataSource,
+            storageSource,
+            snackbarController,
+            userConfigPersistence,
+            dialogsController,
+            customizationController,
+            analyticsController
+        };
+    }, [authController, dialogsController, navigation, sideDialogsController]);
+
+    return fireCMSContextRef.current;
+}
+
+// export const useFireCMSContext = <UserType extends User = User, AuthControllerType extends AuthController<UserType> = AuthController<UserType>>(): FireCMSContext<UserType, AuthControllerType> => {
+//
+//     const authController = useAuthController<UserType, AuthControllerType>();
+//     const sideDialogsController = useSideDialogsController();
+//     const sideEntityController = useSideEntityController();
+//     const navigation = useNavigationController();
+//     const dataSource = useDataSource();
+//     const storageSource = useStorageSource();
+//     const snackbarController = useSnackbarController();
+//     const userConfigPersistence = useUserConfigurationPersistence();
+//     const dialogsController = useDialogsController();
+//     const customizationController = useCustomizationController();
+//     const analyticsController = useAnalyticsController();
+//
+//     return {
+//         authController,
+//         sideDialogsController,
+//         sideEntityController,
+//         navigation,
+//         dataSource,
+//         storageSource,
+//         snackbarController,
+//         userConfigPersistence,
+//         dialogsController,
+//         customizationController,
+//         analyticsController
+//     };
+//
+// };

package/src/hooks/useReferenceDialog.tsx

@@ -1,5 +1,5 @@
 import { useSideDialogsController } from "./useSideDialogsController";
-import { ReferenceSelectionInner, ReferenceSelectionInnerProps } from "../components";
+import { ReferenceSelectionTable, ReferenceSelectionInnerProps } from "../components";
 import { useCallback } from "react";
 import { useNavigationController } from "./useNavigationController";
 
@@ -31,7 +31,7 @@ export function useReferenceDialog<M extends Record<string, any>>(referenceDialo
             sideDialogsController.open({
                 key: `reference_${referenceDialogProps.path}`,
                 component:
-                    <ReferenceSelectionInner
+                    <ReferenceSelectionTable
                         collection={usedCollection}
                         {...referenceDialogProps as ReferenceSelectionInnerProps<M>}/>,
                 width: "90vw",

package/src/hooks/useSnackbarController.tsx

@@ -1,5 +1,5 @@
+import React, { useCallback, useMemo } from "react";
 import { useSnackbar } from "notistack";
-import { useCallback, useMemo } from "react";
 
 /**
  * Possible snackbar types
@@ -48,7 +48,6 @@ export const useSnackbarController = () => {
 
     const open = useCallback((props: {
         type: SnackbarMessageType;
-        // title?: string;
         message: React.ReactNode;
         autoHideDuration?: number;
     }) => {

package/dist/form/components/SwitchControl.d.ts

@@ -1,8 +0,0 @@
-import { FieldProps } from "formik";
-export declare function SwitchControl({ field, form, label, tooltip, disabled, size, allowIndeterminate }: FieldProps & {
-    label: string;
-    tooltip?: string;
-    disabled?: boolean;
-    size: "small" | "medium";
-    allowIndeterminate?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/src/form/components/SwitchControl.tsx

@@ -1,39 +0,0 @@
-import React from "react";
-
-import { FieldProps } from "formik";
-import { BooleanSwitchWithLabel, Tooltip } from "@firecms/ui";
-
-export function SwitchControl({
-                                  field,
-                                  form,
-                                  label,
-                                  tooltip,
-                                  disabled,
-                                  size = "small",
-                                  allowIndeterminate
-                              }: FieldProps & {
-    label: string,
-    tooltip?: string,
-    disabled?: boolean,
-    size: "small" | "medium",
-    allowIndeterminate?: boolean
-}) {
-
-    const formControlLabel = <BooleanSwitchWithLabel
-        label={label}
-        size={size}
-        position={"start"}
-        value={field.value}
-        disabled={disabled}
-        allowIndeterminate={allowIndeterminate}
-        onValueChange={(checked:boolean | null) => form.setFieldValue(field.name, checked)}/>;
-
-    if (tooltip)
-        return (
-            <Tooltip
-                title={tooltip}>
-                {formControlLabel}
-            </Tooltip>
-        );
-    return formControlLabel;
-}