@panneau/core 4.0.78 → 4.1.0

package/dist/contexts.d.ts

@@ -1,39 +1,9 @@
 import * as react from 'react';
-import { ElementType, ReactNode, ComponentType } from 'react';
-import { MessageDescriptor } from 'react-intl';
+import { ElementType, ReactNode, ComponentProps, MouseEvent, ComponentType } from 'react';
+import { MessageDescriptor, FormattedMessage } from 'react-intl';
 export { RoutesContext, RoutesProvider, useRoutes, useUrlGenerator } from '@folklore/routes';
 export { TrackingContext } from '@folklore/tracking';
 
-declare class ComponentsManager {
-    components: Record<string, ElementType>;
-    constructor(components?: Record<string, ElementType>);
-    addComponent(name: string, component: ElementType, namespace?: string | null): this;
-    addComponents(components: Record<string, ElementType>, namespace?: string | null): this;
-    merge(manager: ComponentsManager, namespace?: string | null): this;
-    addNamespace(namespace: string | null): this;
-    getComponent(name: string | ElementType, namespace?: string | null): ElementType | null;
-    getComponents(namespace?: string | null): Record<string, ElementType> | null;
-    hasComponent(name: string, namespace?: string | null): boolean;
-}
-
-interface Definition$1 {
-    id: string;
-    component?: unknown;
-    [key: string]: unknown;
-}
-declare class DefinitionsManager<T extends Definition$1 = Definition$1> {
-    definitions: T[];
-    constructor(definitions?: T[]);
-    addDefinition(definition: T | T[]): this;
-    addDefinitions(definitions: T[]): this;
-    merge(manager: DefinitionsManager<T>): this;
-    getDefinition(id: string | null): T | null;
-    getDefinitions(): T[];
-    hasDefinition(id: string): boolean;
-    getComponent(id: string): unknown;
-    getComponents(): Record<string, unknown>;
-}
-
 /**
  * Core UI Types
  */
@@ -42,10 +12,40 @@ declare class DefinitionsManager<T extends Definition$1 = Definition$1> {
  * Internationalization message definition
  */
 type Message = MessageDescriptor;
+/**
+ * Values that can be interpolated in an internationalization message
+ * (the `values` prop of FormattedMessage)
+ */
+type MessageValues = NonNullable<ComponentProps<typeof FormattedMessage>['values']>;
+type MessageValue = MessageValues[string];
 /**
  * Label can be either a message object or any React node
  */
 type Label = Message | ReactNode;
+/**
+ * Map of components, can be nested by namespace (ex: { fields: { text: TextField } })
+ */
+interface ComponentsMap {
+    [name: string]: ElementType | ComponentsMap;
+}
+/**
+ * Menu item definition
+ */
+interface MenuItem {
+    id?: number | string;
+    label?: Label;
+    url?: string;
+    href?: string | null;
+    external?: boolean;
+    active?: boolean;
+    type?: string;
+    component?: string;
+    className?: string | null;
+    linkClassName?: string | null;
+    onClick?: ((e: MouseEvent) => void) | null;
+    items?: MenuItem[] | null;
+    dropdown?: MenuItem[] | null;
+}
 /**
  * Form control size
  */
@@ -59,7 +59,7 @@ interface Font {
 /**
  * Generic definition
  */
-interface Definition {
+interface Definition$1 {
     id: string;
     component?: string | ElementType;
     [key: string]: unknown;
@@ -90,7 +90,7 @@ interface Field {
     size?: ControlSize;
     [key: string]: unknown;
 }
-interface FieldDefinition extends Omit<Field, 'component'>, Definition {
+interface FieldDefinition extends Omit<Field, 'component'>, Definition$1 {
 }
 /**
  * Form definition
@@ -103,109 +103,8 @@ interface Form {
     submitButtonLabel?: Label | null;
     [key: string]: unknown;
 }
-interface FormDefinition extends Form, Definition {
-}
-
-declare class FieldsManager extends DefinitionsManager<FieldDefinition> {
-}
-
-declare class FormsManager extends DefinitionsManager<FormDefinition> {
-}
-
-declare const MODALS_NAMESPACE = "modals";
-declare const FIELDS_NAMESPACE = "fields";
-declare const FORMS_NAMESPACE = "forms";
-declare const FILTERS_NAMESPACE = "filters";
-declare const LISTS_NAMESPACE = "lists";
-declare const DISPLAYS_NAMESPACE = "displays";
-declare const ACTIONS_NAMESPACE = "actions";
-declare const BUTTONS_NAMESPACE = "buttons";
-declare const PAGES_NAMESPACE = "pages";
-declare const PREVIEWS_NAMESPACE = "previews";
-declare const APP_NAMESPACE = "app";
-declare const ComponentsContext: react.Context<ComponentsManager>;
-/**
- * Hooks
- */
-declare function useComponentsManager(namespace?: string | null): ComponentsManager;
-declare function useComponents(namespace?: string | null, defaultComponents?: Record<string, ElementType>): Record<string, ElementType>;
-declare function useComponent(name: string | ElementType | null, defaultComponent?: ElementType | null, namespace?: string | null): ElementType | null;
-/**
- * Fields hooks
- */
-declare function useFieldsComponentsManager(): ComponentsManager;
-declare function useFieldsComponents(defaultComponents?: {}): Record<string, ElementType>;
-declare function useFieldComponent(name: any, defaultComponent?: any): ElementType;
-/**
- * Forms hooks
- */
-declare function useFormsComponentsManager(): ComponentsManager;
-declare function useFormsComponents(defaultComponents?: {}): Record<string, ElementType>;
-declare function useFormComponent(name: any, defaultComponent?: any): ElementType;
-/**
- * Modals hooks
- */
-declare function useModalsComponentsManager(): ComponentsManager;
-declare function useModalsComponents(defaultComponents?: {}): Record<string, ElementType>;
-declare function useModalComponent(name: any, defaultComponent?: any): ElementType;
-/**
- * Filters hooks
- */
-declare function useFiltersComponentsManager(): ComponentsManager;
-declare function useFiltersComponents(defaultComponents?: {}): Record<string, ElementType>;
-declare function useFilterComponent(name: any, defaultComponent?: any): ElementType;
-/**
- * Lists hooks
- */
-declare function useListsComponentsManager(): ComponentsManager;
-declare function useListsComponents(defaultComponents?: {}): Record<string, ElementType>;
-declare function useListComponent(name: any, defaultComponent?: any): ElementType;
-/**
- * Displays hooks
- */
-declare function useDisplaysComponentsManager(): ComponentsManager;
-declare function useDisplaysComponents(defaultComponents?: {}): Record<string, ElementType>;
-declare function useDisplayComponent(name: any, defaultComponent?: any): ElementType;
-/**
- * Actions hooks
- */
-declare function useActionsComponentsManager(): ComponentsManager;
-declare function useActionsComponents(defaultComponents?: {}): Record<string, ElementType>;
-declare function useActionComponent(name: any, defaultComponent?: any): ElementType;
-/**
- * Buttons hooks
- */
-declare function useButtonsComponentsManager(): ComponentsManager;
-declare function useButtonsComponents(defaultComponents?: {}): Record<string, ElementType>;
-declare function useButtonComponent(name: any, defaultComponent?: any): ElementType;
-/**
- * Pages hooks
- */
-declare function usePagesComponentsManager(): ComponentsManager;
-declare function usePagesComponents(defaultComponents?: {}): Record<string, ElementType>;
-declare function usePageComponent(name: any, defaultComponent?: any): ElementType;
-/**
- * Previews hooks
- */
-declare function usePreviewsComponentsManager(): ComponentsManager;
-declare function usePreviewsComponents(defaultComponents?: {}): Record<string, ElementType>;
-declare function usePreviewComponent(name: any, defaultComponent?: any): ElementType;
-/**
- * App hooks
- */
-declare function useAppComponentsManager(): ComponentsManager;
-declare function useAppComponents(defaultComponents?: {}): Record<string, ElementType>;
-declare function useAppComponent(name: any, defaultComponent?: any): ElementType;
-/**
- * Provider
- */
-interface ComponentsProviderProps {
-    children: ReactNode;
-    namespace?: string | null;
-    manager?: ComponentsManager | null;
-    components?: Record<string, ElementType>;
+interface FormDefinition extends Form, Definition$1 {
 }
-declare function ComponentsProvider({ components, manager, namespace, children, }: ComponentsProviderProps): react.JSX.Element;
 
 /**
  * Resource Types
@@ -218,6 +117,7 @@ declare function ComponentsProvider({ components, manager, namespace, children,
 type TableColumn = string | Column;
 interface Column extends Record<string, unknown> {
     id?: string | null;
+    name?: string | null;
     label?: unknown;
     path?: string;
     valueKey?: string;
@@ -243,7 +143,7 @@ type ActionDefinition = string | Action;
 interface ResourceIntlValues {
     a_singular?: string;
     a_plural?: string;
-    [key: string]: unknown;
+    [key: string]: MessageValue;
 }
 /**
  * Internationalization configuration
@@ -271,13 +171,32 @@ interface ResourcePages {
     duplicate?: PageDefinition;
     [key: string]: PageDefinition | undefined;
 }
+/**
+ * Form definition of a resource (the id is optional, the form is identified by its key)
+ */
+interface ResourceForm extends Form {
+    id?: string;
+    component?: string | ElementType;
+}
 interface ResourceForms {
-    default: FormDefinition | null;
-    create: FormDefinition | null;
-    edit: FormDefinition | null;
-    delete: FormDefinition | null;
-    modal: FormDefinition | null;
-    [key: string]: FormDefinition | null;
+    default?: ResourceForm | null;
+    create?: ResourceForm | null;
+    edit?: ResourceForm | null;
+    delete?: ResourceForm | null;
+    modal?: ResourceForm | null;
+    [key: string]: ResourceForm | null | undefined;
+}
+/**
+ * Resource type (sub-type of a resource, ex: page types)
+ */
+interface ResourceType {
+    id?: string;
+    name?: string;
+    fields?: Field[];
+    settings?: {
+        canCreate?: boolean;
+        [key: string]: unknown;
+    };
 }
 interface Resource {
     id: string;
@@ -289,6 +208,7 @@ interface Resource {
     settings?: Record<string, unknown>;
     extraRoutes?: RouteDefinition[];
     pages?: ResourcePages;
+    types?: ResourceType[];
 }
 /**
  * Filter definition
@@ -308,17 +228,17 @@ interface Filter {
  * Panneau route configuration
  */
 interface Routes {
-    'resources.index': RouteDefinition | string;
-    'resources.create': RouteDefinition | string;
-    'resources.store': RouteDefinition | string;
-    'resources.show': RouteDefinition | string;
-    'resources.edit': RouteDefinition | string;
-    'resources.update': RouteDefinition | string;
-    'resources.delete': RouteDefinition | string;
-    'resources.destroy': RouteDefinition | string;
-    'resources.duplicate': RouteDefinition | string;
-    'resources.clone': RouteDefinition | string;
-    'resources.restore': RouteDefinition | string;
+    'resources.index'?: RouteDefinition | string;
+    'resources.create'?: RouteDefinition | string;
+    'resources.store'?: RouteDefinition | string;
+    'resources.show'?: RouteDefinition | string;
+    'resources.edit'?: RouteDefinition | string;
+    'resources.update'?: RouteDefinition | string;
+    'resources.delete'?: RouteDefinition | string;
+    'resources.destroy'?: RouteDefinition | string;
+    'resources.duplicate'?: RouteDefinition | string;
+    'resources.clone'?: RouteDefinition | string;
+    'resources.restore'?: RouteDefinition | string;
     [key: string]: RouteDefinition | string;
 }
 interface PanneauTheme {
@@ -346,6 +266,21 @@ interface PanneauPages extends ResourcePages {
     account?: PageDefinition;
     error?: PageDefinition;
 }
+/**
+ * Menu item in a Panneau menu: a menu item definition or a special item id
+ * (ex: 'resources', 'account', 'separator')
+ */
+type PanneauMenuItem = MenuItem | string;
+interface PanneauMenus {
+    main?: PanneauMenuItem[] | null;
+    guest?: PanneauMenuItem[] | null;
+    [key: string]: PanneauMenuItem[] | null | undefined;
+}
+interface PanneauAuth {
+    forgotPassword?: boolean;
+    register?: boolean;
+    [key: string]: unknown;
+}
 /**
  * Panneau definition (main configuration)
  */
@@ -360,16 +295,149 @@ interface PanneauDefinition {
     settings?: Record<string, unknown>;
     forms?: FormDefinition[];
     fields?: FieldDefinition[];
+    menus?: PanneauMenus;
+    auth?: PanneauAuth;
 }
 /**
  * Tracking variables
  */
 type TrackingVariables = Record<string, unknown>;
 
-declare function useDefinitionContext(): Definition | null;
-declare function useDefinition(): Definition | null;
+declare class ComponentsManager {
+    components: Record<string, ElementType>;
+    constructor(components?: ComponentsMap);
+    addComponent(name: string, component: ElementType, namespace?: string | null): this;
+    addComponents(components: Record<string, ElementType>, namespace?: string | null): this;
+    merge(manager: ComponentsManager, namespace?: string | null): this;
+    addNamespace(namespace: string | null): this;
+    getComponent(name: string | ElementType, namespace?: string | null): ElementType | null;
+    getComponents(namespace?: string | null): Record<string, ElementType> | null;
+    hasComponent(name: string, namespace?: string | null): boolean;
+}
+
+interface Definition {
+    id: string;
+    component?: unknown;
+    [key: string]: unknown;
+}
+declare class DefinitionsManager<T extends Definition = Definition> {
+    definitions: T[];
+    constructor(definitions?: T[]);
+    addDefinition(definition: T | T[]): this;
+    addDefinitions(definitions: T[]): this;
+    merge(manager: DefinitionsManager<T>): this;
+    getDefinition(id: string | null): T | null;
+    getDefinitions(): T[];
+    hasDefinition(id: string): boolean;
+    getComponent(id: string): unknown;
+    getComponents(): Record<string, unknown>;
+}
+
+declare class FieldsManager extends DefinitionsManager<FieldDefinition> {
+}
+
+declare class FormsManager extends DefinitionsManager<FormDefinition> {
+}
+
+declare const MODALS_NAMESPACE = "modals";
+declare const FIELDS_NAMESPACE = "fields";
+declare const FORMS_NAMESPACE = "forms";
+declare const FILTERS_NAMESPACE = "filters";
+declare const LISTS_NAMESPACE = "lists";
+declare const DISPLAYS_NAMESPACE = "displays";
+declare const ACTIONS_NAMESPACE = "actions";
+declare const BUTTONS_NAMESPACE = "buttons";
+declare const PAGES_NAMESPACE = "pages";
+declare const PREVIEWS_NAMESPACE = "previews";
+declare const APP_NAMESPACE = "app";
+declare const ComponentsContext: react.Context<ComponentsManager>;
+/**
+ * Hooks
+ */
+declare function useComponentsManager(namespace?: string | null): ComponentsManager;
+declare function useComponents(namespace?: string | null, defaultComponents?: Record<string, ElementType>): Record<string, ElementType>;
+declare function useComponent(name: string | ElementType | null, defaultComponent?: ElementType | null, namespace?: string | null): ElementType | null;
+/**
+ * Fields hooks
+ */
+declare function useFieldsComponentsManager(): ComponentsManager;
+declare function useFieldsComponents(defaultComponents?: {}): Record<string, ElementType>;
+declare function useFieldComponent(name: any, defaultComponent?: any): ElementType;
+/**
+ * Forms hooks
+ */
+declare function useFormsComponentsManager(): ComponentsManager;
+declare function useFormsComponents(defaultComponents?: {}): Record<string, ElementType>;
+declare function useFormComponent(name: any, defaultComponent?: any): ElementType;
+/**
+ * Modals hooks
+ */
+declare function useModalsComponentsManager(): ComponentsManager;
+declare function useModalsComponents(defaultComponents?: {}): Record<string, ElementType>;
+declare function useModalComponent(name: any, defaultComponent?: any): ElementType;
+/**
+ * Filters hooks
+ */
+declare function useFiltersComponentsManager(): ComponentsManager;
+declare function useFiltersComponents(defaultComponents?: {}): Record<string, ElementType>;
+declare function useFilterComponent(name: any, defaultComponent?: any): ElementType;
+/**
+ * Lists hooks
+ */
+declare function useListsComponentsManager(): ComponentsManager;
+declare function useListsComponents(defaultComponents?: {}): Record<string, ElementType>;
+declare function useListComponent(name: any, defaultComponent?: any): ElementType;
+/**
+ * Displays hooks
+ */
+declare function useDisplaysComponentsManager(): ComponentsManager;
+declare function useDisplaysComponents(defaultComponents?: {}): Record<string, ElementType>;
+declare function useDisplayComponent(name: any, defaultComponent?: any): ElementType;
+/**
+ * Actions hooks
+ */
+declare function useActionsComponentsManager(): ComponentsManager;
+declare function useActionsComponents(defaultComponents?: {}): Record<string, ElementType>;
+declare function useActionComponent(name: any, defaultComponent?: any): ElementType;
+/**
+ * Buttons hooks
+ */
+declare function useButtonsComponentsManager(): ComponentsManager;
+declare function useButtonsComponents(defaultComponents?: {}): Record<string, ElementType>;
+declare function useButtonComponent(name: any, defaultComponent?: any): ElementType;
+/**
+ * Pages hooks
+ */
+declare function usePagesComponentsManager(): ComponentsManager;
+declare function usePagesComponents(defaultComponents?: {}): Record<string, ElementType>;
+declare function usePageComponent(name: any, defaultComponent?: any): ElementType;
+/**
+ * Previews hooks
+ */
+declare function usePreviewsComponentsManager(): ComponentsManager;
+declare function usePreviewsComponents(defaultComponents?: {}): Record<string, ElementType>;
+declare function usePreviewComponent(name: any, defaultComponent?: any): ElementType;
+/**
+ * App hooks
+ */
+declare function useAppComponentsManager(): ComponentsManager;
+declare function useAppComponents(defaultComponents?: {}): Record<string, ElementType>;
+declare function useAppComponent(name: any, defaultComponent?: any): ElementType;
+/**
+ * Provider
+ */
+interface ComponentsProviderProps {
+    children: ReactNode;
+    namespace?: string | null;
+    manager?: ComponentsManager | null;
+    components?: ComponentsMap;
+}
+declare function ComponentsProvider({ components, manager, namespace, children, }: ComponentsProviderProps): react.JSX.Element;
+
+declare function useDefinitionContext(): Definition$1 | null;
+declare function useDefinition(): Definition$1 | null;
 interface DefinitionProviderProps {
-    definition: Definition;
+    definition: Definition$1;
     children: ReactNode;
 }
 declare function DefinitionProvider({ definition, children }: DefinitionProviderProps): react.JSX.Element;
@@ -386,9 +454,9 @@ interface FieldsProviderProps {
 declare function FieldsProvider({ fields, manager, children }: FieldsProviderProps): react.JSX.Element;
 
 interface FontsContextValue {
-    systemFonts: Font[] | null;
-    googleFonts: Font[] | null;
-    customFonts: Font[] | null;
+    systemFonts: (Font | string)[] | null;
+    googleFonts: (Font | string)[] | null;
+    customFonts: (Font | string)[] | null;
     setGoogleFonts?: ((fonts: Font[]) => void) | null;
 }
 declare const FontsContext: react.Context<FontsContextValue>;
@@ -485,10 +553,11 @@ interface ModalData {
     withoutBackdrop?: boolean;
     [key: string]: unknown;
 }
+type ModalContainer = Element | DocumentFragment;
 interface ModalContextValue {
     modals: ModalData[];
-    container: unknown | null;
-    setContainer: (container: unknown) => void;
+    container: ModalContainer | null;
+    setContainer: (container: ModalContainer | null) => void;
     register: (id: string, data?: Record<string, unknown> | null) => void;
     unregister: (id?: string | null) => void;
     closeModal: (id: string) => void;
@@ -499,7 +568,7 @@ declare const ModalContext: react.Context<ModalContextValue>;
 declare function useModal(): ModalContextValue;
 interface ModalProviderProps {
     children: ReactNode;
-    container?: unknown | null;
+    container?: ModalContainer | null;
 }
 declare function ModalProvider({ children, container: initialContainer }: ModalProviderProps): react.JSX.Element;
 
@@ -531,13 +600,13 @@ declare function usePanneauResources(): Resource[];
 declare function usePanneauResource(id: Resource | string | null): Resource | null;
 declare function usePanneauColorScheme(): {
     theme: string;
-    background: string | null;
-    text: string | null;
+    background: 'light' | 'dark' | null;
+    text: 'light' | 'dark' | null;
     sidebarPosition?: string | null;
 };
 declare function usePanneauComponents(): Record<string, unknown>;
 declare function usePanneauComponent(namespace: string | null, name: string): string | null;
-declare function usePanneauAuth(): Record<string, unknown>;
+declare function usePanneauAuth(): PanneauAuth;
 declare function usePanneauSettings(): Record<string, unknown>;
 interface PanneauProviderProps {
     definition: PanneauDefinition;
@@ -555,7 +624,7 @@ declare function ResourceProvider({ resource, children }: ResourceProviderProps)
 declare function useRoutePush(): (route: string | {
     pathname?: string | null;
     search?: string | null;
-}, data?: unknown, ...args: unknown[]) => void;
+}, data?: Record<string, unknown> | null, ...args: unknown[]) => void;
 declare function useRouteBack(): () => void;
 
 declare function useTracking(): any;
@@ -566,4 +635,4 @@ interface TrackingProviderProps {
 declare function TrackingProvider({ variables, children }: TrackingProviderProps): react.JSX.Element;
 
 export { ACTIONS_NAMESPACE, APP_NAMESPACE, BUTTONS_NAMESPACE, ComponentsContext, ComponentsProvider, DISPLAYS_NAMESPACE, DefinitionProvider, FIELDS_NAMESPACE, FILTERS_NAMESPACE, FORMS_NAMESPACE, FieldsContext, FieldsProvider, FontsContext, FontsProvider, FormProvider, FormsContext, FormsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, LISTS_NAMESPACE, LocalesContext, LocalesProvider, MODALS_NAMESPACE, ModalContext, ModalProvider, PAGES_NAMESPACE, PREVIEWS_NAMESPACE, PanelsContext, PanelsProvider, PanneauProvider, ResourceProvider, TrackingProvider, useActionComponent, useActionsComponents, useActionsComponentsManager, useAppComponent, useAppComponents, useAppComponentsManager, useButtonComponent, useButtonsComponents, useButtonsComponentsManager, useComponent, useComponents, useComponentsManager, useDefinition, useDefinitionContext, useDisplayComponent, useDisplaysComponents, useDisplaysComponentsManager, useFieldComponent, useFieldDefinition, useFieldDefinitions, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFilterComponent, useFiltersComponents, useFiltersComponentsManager, useFonts, useFormComponent, useFormContext, useFormDefinition, useFormDefinitions, useFormSetValue, useFormValue, useFormsComponents, useFormsComponentsManager, useFormsManager, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useListComponent, useListsComponents, useListsComponentsManager, useLocales, useLocalesContext, useModal, useModalComponent, useModalsComponents, useModalsComponentsManager, useOtherLocales, usePageComponent, usePagesComponents, usePagesComponentsManager, usePanels, usePanneau, usePanneauAuth, usePanneauColorScheme, usePanneauComponent, usePanneauComponents, usePanneauResource, usePanneauResources, usePanneauSettings, usePreviewComponent, usePreviewsComponents, usePreviewsComponentsManager, useResource, useRouteBack, useRoutePush, useTracking, withGoogleApiClient, withGoogleMapsClient, withPanels };
-export type { ModalContextValue, ModalData };
+export type { ModalContainer, ModalContextValue, ModalData };

package/dist/contexts.js

@@ -37,7 +37,7 @@ function useComponentsManager(t0) {
   const manager = useContext(ComponentsContext);
   let t1;
   if ($[0] !== manager || $[1] !== namespace) {
-    t1 = namespace !== null ? new ComponentsManager(manager.getComponents(namespace)) : manager;
+    t1 = namespace !== null ? new ComponentsManager(manager?.getComponents(namespace) ?? {}) : manager;
     $[0] = manager;
     $[1] = namespace;
     $[2] = t1;
@@ -62,7 +62,7 @@ function useComponents(t0, t1) {
   const manager = useComponentsManager();
   let t3;
   if ($[2] !== defaultComponents || $[3] !== manager || $[4] !== namespace) {
-    t3 = manager.getComponents(namespace) || defaultComponents;
+    t3 = manager?.getComponents(namespace) || defaultComponents;
     $[2] = defaultComponents;
     $[3] = manager;
     $[4] = namespace;
@@ -85,7 +85,7 @@ function useComponent(name, t0, t1) {
     }
     let t3;
     if ($[0] !== defaultComponent || $[1] !== manager || $[2] !== name) {
-      t3 = manager.getComponent(name) || defaultComponent;
+      t3 = manager?.getComponent(name) || defaultComponent;
       $[0] = defaultComponent;
       $[1] = manager;
       $[2] = name;
@@ -482,7 +482,7 @@ function FieldsProvider(t0) {
   const previousManager = useFieldsManager() || null;
   let t3;
   if ($[0] !== fields || $[1] !== manager || $[2] !== previousManager) {
-    const newFields = uniqBy([...(fields || []), ...(manager !== null ? manager.getDefinitions() : []), ...(previousManager !== null ? previousManager.getDefinitions() : [])], _temp$2).reverse();
+    const newFields = uniqBy([...(fields || []), ...(manager !== null ? manager.getDefinitions() : []), ...(previousManager !== null ? previousManager.getDefinitions() : [])], _temp$3).reverse();
     t3 = new FieldsManager(newFields);
     $[0] = fields;
     $[1] = manager;
@@ -535,7 +535,7 @@ function FieldsProvider(t0) {
   }
   return t6;
 }
-function _temp$2(t0) {
+function _temp$3(t0) {
   const {
     id
   } = t0;
@@ -622,7 +622,7 @@ function useGoogleFonts(t0) {
           } = t6;
           const items = t7 === undefined ? [] : t7;
           if (!canceled) {
-            const newFonts = items.map(_temp$1);
+            const newFonts = items.map(_temp$2);
             if (setFonts !== null) {
               setFonts(newFonts);
             } else {
@@ -648,7 +648,7 @@ function useGoogleFonts(t0) {
   useEffect(t4, t5);
   return googleFonts;
 }
-function _temp$1(it) {
+function _temp$2(it) {
   return {
     type: "google",
     name: it.family,
@@ -890,7 +890,7 @@ function FormsProvider(t0) {
   const previousManager = useFormsManager() || null;
   let t3;
   if ($[0] !== forms || $[1] !== manager || $[2] !== previousManager) {
-    const newForms = uniqBy([...(forms || []), ...(manager !== null ? manager.getDefinitions() : []), ...(previousManager !== null ? previousManager.getDefinitions() : [])], _temp).reverse();
+    const newForms = uniqBy([...(forms || []), ...(manager !== null ? manager.getDefinitions() : []), ...(previousManager !== null ? previousManager.getDefinitions() : [])], _temp$1).reverse();
     t3 = new FormsManager(newForms);
     $[0] = forms;
     $[1] = manager;
@@ -943,7 +943,7 @@ function FormsProvider(t0) {
   }
   return t6;
 }
-function _temp(t0) {
+function _temp$1(t0) {
   const {
     id
   } = t0;
@@ -981,6 +981,9 @@ function withGoogleApiClient(WrappedComponent) {
   WithGoogleApiClientComponent.displayName = `WithGoogleApiClient(${getDisplayName(WrappedComponent)})`;
   return WithGoogleApiClientComponent;
 }
+
+// Minimal shape of the Google API (gapi) object used here, @folklore/services types it as unknown
+
 function GoogleApiClientProvider(t0) {
   const $ = c(6);
   const {
@@ -1039,7 +1042,7 @@ function withGoogleMapsClient(WrappedComponent) {
     if ($[0] !== props) {
       t0 = /*#__PURE__*/jsx(GoogleMapsClientContext.Consumer, {
         children: client => /*#__PURE__*/jsx(WrappedComponent, {
-          googleApiClient: client,
+          googleMapsClient: client,
           ...props
         })
       });
@@ -1342,7 +1345,7 @@ const PanelsContext = /*#__PURE__*/createContext({
   unregister: () => {}
 });
 function usePanels() {
-  return useContext(PanelsContext) || {};
+  return useContext(PanelsContext);
 }
 function withPanels(WrappedComponent) {
   function WithPanelsComponent(props) {
@@ -1693,20 +1696,14 @@ function useRoutePush() {
   return push;
 }
 function useRouteBack() {
-  const $ = c(2);
-  useUrlGenerator();
-  const [, navigate] = useLocation();
-  let t0;
-  if ($[0] !== navigate) {
-    t0 = () => navigate(-1);
-    $[0] = navigate;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const back = t0;
+  const back = _temp;
   return back;
 }
+function _temp() {
+  if (typeof window !== "undefined") {
+    window.history.back();
+  }
+}
 
 function useTracking() {
   return useContext(TrackingContext);