@headless-adminapp/app 0.0.17-alpha.28 → 0.0.17-alpha.32

package/app/LayoutProvider.d.ts

@@ -7,13 +7,13 @@ import { MetadataProviderProps } from '../metadata/MetadataProvider';
 import { RouteProviderProps } from '../route/RouteProvider';
 export interface LayoutProviderProps {
     routeProps: RouteProviderProps;
-    queryClient: QueryClient;
-    localeProps: LocaleProviderProps;
-    dataService: IDataService;
+    queryClient?: QueryClient;
+    localeProps?: LocaleProviderProps;
+    dataService?: IDataService;
     fileService?: IFileService;
     authProps?: AuthProviderProps;
     authPlaceholder?: FC<AuthProviderPlaceholderProps>;
-    metadataProps: MetadataProviderProps;
+    metadataProps?: MetadataProviderProps;
     containers: {
         DialogContainer: FC;
         ProgressIndicatorContainer: FC;

package/app/LayoutProvider.js

@@ -1,9 +1,19 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayoutProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_query_1 = require("@tanstack/react-query");
 const auth_1 = require("../auth");
+const defaults_1 = require("../defaults");
 const dialog_1 = require("../dialog");
 const locale_1 = require("../locale");
 const metadata_1 = require("../metadata");
@@ -14,7 +24,31 @@ const toast_notification_1 = require("../toast-notification");
 const transport_1 = require("../transport");
 const context_1 = require("../transport/context");
 const AuthWrapper_1 = require("./AuthWrapper");
-const LayoutProvider = ({ authPlaceholder, authProps, dataService, fileService, localeProps, metadataProps, queryClient, routeProps, children, containers: { DialogContainer, ProgressIndicatorContainer, ToastNotificationContainer, }, }) => {
+const dataServiceNotProvidedError = new Error('No data service provided');
+const defaultDataService = {
+    createRecord: () => __awaiter(void 0, void 0, void 0, function* () {
+        throw dataServiceNotProvidedError;
+    }),
+    deleteRecord: () => __awaiter(void 0, void 0, void 0, function* () {
+        throw dataServiceNotProvidedError;
+    }),
+    customAction: () => __awaiter(void 0, void 0, void 0, function* () {
+        throw dataServiceNotProvidedError;
+    }),
+    retriveAggregate: () => __awaiter(void 0, void 0, void 0, function* () {
+        throw dataServiceNotProvidedError;
+    }),
+    retriveRecord: () => __awaiter(void 0, void 0, void 0, function* () {
+        throw dataServiceNotProvidedError;
+    }),
+    retriveRecords: () => __awaiter(void 0, void 0, void 0, function* () {
+        throw dataServiceNotProvidedError;
+    }),
+    updateRecord: () => __awaiter(void 0, void 0, void 0, function* () {
+        throw dataServiceNotProvidedError;
+    }),
+};
+const LayoutProvider = ({ authPlaceholder, authProps, dataService = defaultDataService, fileService, localeProps, metadataProps, queryClient = defaults_1.queryClient, routeProps, children, containers: { DialogContainer, ProgressIndicatorContainer, ToastNotificationContainer, }, }) => {
     return ((0, jsx_runtime_1.jsx)(route_1.RouteProvider, Object.assign({}, routeProps, { children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(locale_1.LocaleProvider, Object.assign({}, localeProps, { children: (0, jsx_runtime_1.jsx)(metadata_1.MetadataProvider, Object.assign({}, metadataProps, { children: (0, jsx_runtime_1.jsx)(transport_1.DataServiceContext.Provider, { value: dataService, children: (0, jsx_runtime_1.jsx)(context_1.FileServiceContext.Provider, { value: fileService !== null && fileService !== void 0 ? fileService : context_1.noopFileService, children: (0, jsx_runtime_1.jsx)(dialog_1.DialogProvider, { children: (0, jsx_runtime_1.jsx)(progress_indicator_1.ProgressIndicatorProvider, { children: (0, jsx_runtime_1.jsxs)(toast_notification_1.ToastNotificationProvider, { children: [(0, jsx_runtime_1.jsx)(DialogContainer, {}), (0, jsx_runtime_1.jsx)(ProgressIndicatorContainer, {}), (0, jsx_runtime_1.jsx)(ToastNotificationContainer, {}), (0, jsx_runtime_1.jsx)(auth_1.AuthProvider, Object.assign({}, authProps, { children: (0, jsx_runtime_1.jsx)(AuthWrapper_1.AuthWrapper, { Placeholder: authPlaceholder, children: (0, jsx_runtime_1.jsx)(recordset_1.RecordSetProvider, { children: children }) }) }))] }) }) }) }) }) })) })) }) })));
 };
 exports.LayoutProvider = LayoutProvider;

package/auth/AuthProvider.js

@@ -11,6 +11,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AuthProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
 const context_1 = require("../mutable/context");
 const context_2 = require("./context");
@@ -24,10 +25,20 @@ const defaultSessionResolver = () => __awaiter(void 0, void 0, void 0, function*
 const AuthProvider = ({ sessionResolver = defaultSessionResolver, onUnauthenticated, children, }) => {
     const onUnauthenticatedRef = (0, react_1.useRef)(onUnauthenticated);
     onUnauthenticatedRef.current = onUnauthenticated;
+    const queryClient = (0, react_query_1.useQueryClient)();
     const onUnauthenticatedInternal = (0, react_1.useCallback)((reason) => {
         var _a;
         (_a = onUnauthenticatedRef.current) === null || _a === void 0 ? void 0 : _a.call(onUnauthenticatedRef, reason);
-    }, []);
+        queryClient.clear();
+        queryClient.removeQueries({
+            queryKey: ['data'],
+        });
+        queryClient
+            .invalidateQueries({
+            queryKey: ['data'],
+        })
+            .catch(console.error);
+    }, [queryClient]);
     const contextValue = (0, context_1.useCreateContextStore)({
         loading: true,
         loadError: false,

package/defaults.d.ts

@@ -0,0 +1,2 @@
+import { QueryClient } from '@tanstack/react-query';
+export declare const queryClient: QueryClient;

package/defaults.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.queryClient = void 0;
+const react_query_1 = require("@tanstack/react-query");
+exports.queryClient = new react_query_1.QueryClient();

package/locale/LocaleProvider.d.ts

@@ -1,8 +1,8 @@
 import { Locale } from '@headless-adminapp/core/experience/locale';
 import { FC, PropsWithChildren } from 'react';
 export interface LocaleProviderProps {
-    locale: string;
-    timezone: string;
+    locale?: string;
+    timezone?: string;
     options?: {
         direction?: Locale['direction'];
         dateFormats?: Locale['dateFormats'];

package/locale/LocaleProvider.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const locale_1 = require("@headless-adminapp/core/experience/locale");
 const react_1 = require("react");
 const context_1 = require("./context");
-const LocaleProvider = ({ children, locale, timezone, options, }) => {
+const LocaleProvider = ({ children, locale = 'en-US', timezone = 'UTC', options, }) => {
     const localeState = (0, react_1.useMemo)(() => {
         return (0, locale_1.getLocale)(locale, timezone, options);
     }, [locale, timezone, options]);

package/metadata/MetadataProvider.d.ts

@@ -1,8 +1,12 @@
-import { IClientAppStore, ISchemaExperienceStore, ISchemaStore } from '@headless-adminapp/core/store';
+import { IClientAppStore, ISchemaExperienceStore, ISchemaStore, SchemaStore } from '@headless-adminapp/core/store';
 import { FC, PropsWithChildren } from 'react';
+import { ClientAppStore, SchemaExperienceStore } from '../store';
 export interface MetadataProviderProps {
-    schemaStore: ISchemaStore;
-    experienceStore: ISchemaExperienceStore;
-    appStore: IClientAppStore;
+    schemaStore?: ISchemaStore;
+    experienceStore?: ISchemaExperienceStore;
+    appStore?: IClientAppStore;
 }
+export declare const defaultAppStore: ClientAppStore;
+export declare const defaultSchemaStore: SchemaStore<import("@headless-adminapp/core/schema").SchemaAttributes>;
+export declare const defaultExperienceStore: SchemaExperienceStore;
 export declare const MetadataProvider: FC<PropsWithChildren<MetadataProviderProps>>;

package/metadata/MetadataProvider.js

@@ -1,29 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MetadataProvider = void 0;
+exports.MetadataProvider = exports.defaultExperienceStore = exports.defaultSchemaStore = exports.defaultAppStore = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const app_1 = require("@headless-adminapp/core/experience/app");
+const store_1 = require("@headless-adminapp/core/store");
+const icons_1 = require("@headless-adminapp/icons");
 const context_1 = require("../mutable/context");
+const store_2 = require("../store");
 const context_2 = require("./context");
-const MetadataProvider = ({ children, experienceStore, schemaStore, appStore, }) => {
+exports.defaultAppStore = new store_2.ClientAppStore();
+exports.defaultSchemaStore = new store_1.SchemaStore();
+exports.defaultExperienceStore = new store_2.SchemaExperienceStore({
+    schemaStore: exports.defaultSchemaStore,
+});
+exports.defaultAppStore.register({
+    id: 'default',
+    title: 'Demo App',
+    navItems: [],
+    defaultPage: {
+        label: 'Home',
+        link: '/home',
+        type: app_1.PageType.Custom,
+        icon: icons_1.IconPlaceholder,
+    },
+    logo: {},
+});
+const MetadataProvider = ({ children, experienceStore = exports.defaultExperienceStore, schemaStore = exports.defaultSchemaStore, appStore = exports.defaultAppStore, }) => {
     const contextValue = (0, context_1.useCreateContextStore)({
-        // schemas: {},
-        // schemaLoading: true,
         experienceStore,
         schemaStore,
         appStore,
     });
-    // const [loading, setLoading] = useState(true);
-    // useEffect(() => {
-    //   const schemas = schemaStore.getSchemas();
-    //   contextValue.setValue({
-    //     schemas,
-    //     schemaLoading: false,
-    //   });
-    //   setLoading(false);
-    // }, [contextValue, schemaStore]);
-    // if (loading) {
-    //   return null;
-    // }
     return ((0, jsx_runtime_1.jsx)(context_2.MetadataContext.Provider, { value: contextValue, children: children }));
 };
 exports.MetadataProvider = MetadataProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "0.0.17-alpha.28",
+  "version": "0.0.17-alpha.32",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -39,5 +39,5 @@
     "react-hook-form": "7.52.2",
     "yup": "^1.4.0"
   },
-  "gitHead": "e25bcf7611efad55ef448866d149ff5e5d19cd64"
+  "gitHead": "ca5690cd9046cf5fff507c697cf8d9032eef837d"
 }