@headless-adminapp/app 0.0.17-alpha.8 → 1.0.0

package/store/SchemaExperienceStore.js

@@ -1,13 +1,4 @@
 "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.SchemaExperienceStore = void 0;
 exports.getDefaultCardView = getDefaultCardView;
@@ -17,9 +8,10 @@ function getDefaultCardView(schema) {
     };
 }
 class SchemaExperienceStore {
+    options;
+    experiences = {};
     constructor(options) {
         this.options = options;
-        this.experiences = {};
     }
     register(experience) {
         for (const view of Object.values(experience.views)) {
@@ -35,209 +27,183 @@ class SchemaExperienceStore {
         }
         this.experiences[experience.logicalName] = experience;
     }
-    getExperience(logicalName) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const experience = this.experiences[logicalName];
-            if (!experience) {
-                throw new Error(`Experience for ${logicalName} not found`);
-            }
-            return experience;
-        });
-    }
-    getPublicViewLookup(logicalName, viewIds) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const experience = yield this.getExperience(logicalName);
-            let views = experience.views;
-            if (viewIds === null || viewIds === void 0 ? void 0 : viewIds.length) {
-                views = views.filter((view) => viewIds.includes(view.id));
-            }
-            if (!views.length) {
-                views = experience.views.filter((x) => x.id === experience.defaultViewId);
-            }
-            return views.map((view) => ({
-                id: view.id,
-                name: view.name,
-                localizedNames: view.localizedNames,
-            }));
-        });
-    }
-    getAssociatedViewLookup(logicalName, viewIds) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const experience = yield this.getExperience(logicalName);
-            let associatedViews = experience.associatedViews;
-            if (viewIds === null || viewIds === void 0 ? void 0 : viewIds.length) {
-                associatedViews = associatedViews.filter((view) => viewIds.includes(view.id));
-            }
-            if (!associatedViews.length) {
-                associatedViews = experience.associatedViews.filter((x) => x.id === experience.defaultAssociatedViewId);
-            }
-            return associatedViews.map((view) => ({
-                id: view.id,
-                name: view.name,
-                localizedNames: view.localizedNames,
-            }));
-        });
-    }
-    getPublicView(logicalName, viewId, viewIds) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const experience = yield this.getExperience(logicalName);
-            const availableViewLookup = yield this.getPublicViewLookup(logicalName, viewIds);
-            let validViewIds = availableViewLookup.map((x) => x.id);
-            if (!validViewIds.length) {
-                validViewIds = [experience.defaultViewId];
-            }
-            if (!viewId) {
-                viewId = experience.defaultViewId;
-            }
-            if (!validViewIds.includes(viewId)) {
-                viewId = validViewIds[0];
-            }
-            let view = experience.views.find((v) => v.id === viewId);
-            if (!view) {
-                throw new Error(`View ${viewId} not found`);
-            }
-            let viewExperience = view.experience;
-            if (typeof viewExperience === 'function') {
-                viewExperience = yield viewExperience();
-            }
-            if (!viewExperience.card) {
-                viewExperience.card = getDefaultCardView(this.options.schemaStore.getSchema(logicalName));
-            }
-            return {
-                id: view.id,
-                name: view.name,
-                logicalName: view.logicalName,
-                localizedNames: view.localizedNames,
-                experience: viewExperience,
-            };
-        });
-    }
-    getAssociatedView(logicalName, viewId, viewIds) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const experience = yield this.getExperience(logicalName);
-            const availableViewLookup = yield this.getAssociatedViewLookup(logicalName, viewIds);
-            let validViewIds = availableViewLookup.map((x) => x.id);
-            if (!validViewIds.length) {
-                validViewIds = [experience.defaultViewId];
-            }
-            if (!viewId) {
-                viewId = experience.defaultAssociatedViewId;
-            }
-            if (!validViewIds.includes(viewId)) {
-                viewId = validViewIds[0];
-            }
-            let view = experience.associatedViews.find((v) => v.id === viewId);
-            if (!view) {
-                throw new Error(`View ${viewId} not found`);
-            }
-            let viewExperience = view.experience;
-            if (typeof viewExperience === 'function') {
-                viewExperience = yield viewExperience();
-            }
-            if (!viewExperience.card) {
-                viewExperience.card = getDefaultCardView(this.options.schemaStore.getSchema(logicalName));
-            }
-            return {
-                id: view.id,
-                name: view.name,
-                logicalName: view.logicalName,
-                localizedNames: view.localizedNames,
-                experience: viewExperience,
-            };
-        });
-    }
-    getViewLookupV2(logicalName, viewId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const experience = yield this.getExperience(logicalName);
-            if (!viewId) {
-                viewId = experience.defaultViewId;
-            }
-            const view = experience.lookups.find((v) => v.id === viewId);
-            if (!view) {
-                throw new Error(`Lookup ${viewId} not found`);
-            }
-            let viewExperience = view.experience;
-            if (typeof viewExperience === 'function') {
-                viewExperience = yield viewExperience();
-            }
-            return {
-                id: view.id,
-                name: view.name,
-                logicalName: view.logicalName,
-                experience: viewExperience,
-            };
-        });
-    }
-    getDefaultViewId(logicalName) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const experience = yield this.getExperience(logicalName);
-            return experience.defaultViewId;
-        });
+    async getExperience(logicalName) {
+        const experience = this.experiences[logicalName];
+        if (!experience) {
+            throw new Error(`Experience for ${logicalName} not found`);
+        }
+        return experience;
     }
-    getDefaultViewLookupId(logicalName) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const experience = yield this.getExperience(logicalName);
-            return experience.defaultLookupId;
-        });
+    async getPublicViewLookup(logicalName, viewIds) {
+        const experience = await this.getExperience(logicalName);
+        let views = experience.views;
+        if (viewIds?.length) {
+            views = views.filter((view) => viewIds.includes(view.id));
+        }
+        if (!views.length) {
+            views = experience.views.filter((x) => x.id === experience.defaultViewId);
+        }
+        return views.map((view) => ({
+            id: view.id,
+            name: view.name,
+            localizedNames: view.localizedNames,
+        }));
     }
-    getForm(logicalName, formId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const experience = yield this.getExperience(logicalName);
-            if (!formId) {
-                formId = experience.defaultFormId;
-            }
-            const form = experience.forms.find((f) => f.id === formId);
-            if (!form) {
-                throw new Error(`Form ${formId} not found`);
-            }
-            let formExperience = form.experience;
-            if (typeof formExperience === 'function') {
-                formExperience = yield formExperience();
-            }
-            return {
-                id: form.id,
-                name: form.name,
-                logicalName: form.logicalName,
-                experience: formExperience,
-            };
-        });
+    async getAssociatedViewLookup(logicalName, viewIds) {
+        const experience = await this.getExperience(logicalName);
+        let associatedViews = experience.associatedViews;
+        if (viewIds?.length) {
+            associatedViews = associatedViews.filter((view) => viewIds.includes(view.id));
+        }
+        if (!associatedViews.length) {
+            associatedViews = experience.associatedViews.filter((x) => x.id === experience.defaultAssociatedViewId);
+        }
+        return associatedViews.map((view) => ({
+            id: view.id,
+            name: view.name,
+            localizedNames: view.localizedNames,
+        }));
     }
-    getQuickCreateForm(logicalName, formId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const experience = yield this.getExperience(logicalName);
-            const form = experience.quickCreateForms.find((f) => f.id === formId);
-            if (!form) {
-                throw new Error(`Quick create form ${formId} not found`);
-            }
-            let formExperience = form.experience;
-            if (typeof formExperience === 'function') {
-                formExperience = yield formExperience();
-            }
-            return {
-                id: form.id,
-                name: form.name,
-                logicalName: form.logicalName,
-                experience: formExperience,
-            };
-        });
+    async getPublicView(logicalName, viewId, viewIds) {
+        const experience = await this.getExperience(logicalName);
+        const availableViewLookup = await this.getPublicViewLookup(logicalName, viewIds);
+        let validViewIds = availableViewLookup.map((x) => x.id);
+        if (!validViewIds.length) {
+            validViewIds = [experience.defaultViewId];
+        }
+        if (!viewId) {
+            viewId = experience.defaultViewId;
+        }
+        if (!validViewIds.includes(viewId)) {
+            viewId = validViewIds[0];
+        }
+        let view = experience.views.find((v) => v.id === viewId);
+        if (!view) {
+            throw new Error(`View ${viewId} not found`);
+        }
+        let viewExperience = view.experience;
+        if (typeof viewExperience === 'function') {
+            viewExperience = await viewExperience();
+        }
+        if (!viewExperience.card) {
+            viewExperience.card = getDefaultCardView(this.options.schemaStore.getSchema(logicalName));
+        }
+        return {
+            id: view.id,
+            name: view.name,
+            logicalName: view.logicalName,
+            localizedNames: view.localizedNames,
+            experience: viewExperience,
+        };
+    }
+    async getAssociatedView(logicalName, viewId, viewIds) {
+        const experience = await this.getExperience(logicalName);
+        const availableViewLookup = await this.getAssociatedViewLookup(logicalName, viewIds);
+        let validViewIds = availableViewLookup.map((x) => x.id);
+        if (!validViewIds.length) {
+            validViewIds = [experience.defaultViewId];
+        }
+        if (!viewId) {
+            viewId = experience.defaultAssociatedViewId;
+        }
+        if (!validViewIds.includes(viewId)) {
+            viewId = validViewIds[0];
+        }
+        let view = experience.associatedViews.find((v) => v.id === viewId);
+        if (!view) {
+            throw new Error(`View ${viewId} not found`);
+        }
+        let viewExperience = view.experience;
+        if (typeof viewExperience === 'function') {
+            viewExperience = await viewExperience();
+        }
+        if (!viewExperience.card) {
+            viewExperience.card = getDefaultCardView(this.options.schemaStore.getSchema(logicalName));
+        }
+        return {
+            id: view.id,
+            name: view.name,
+            logicalName: view.logicalName,
+            localizedNames: view.localizedNames,
+            experience: viewExperience,
+        };
+    }
+    async getViewLookupV2(logicalName, viewId) {
+        const experience = await this.getExperience(logicalName);
+        if (!viewId) {
+            viewId = experience.defaultViewId;
+        }
+        const view = experience.lookups.find((v) => v.id === viewId);
+        if (!view) {
+            throw new Error(`Lookup ${viewId} not found`);
+        }
+        let viewExperience = view.experience;
+        if (typeof viewExperience === 'function') {
+            viewExperience = await viewExperience();
+        }
+        return {
+            id: view.id,
+            name: view.name,
+            logicalName: view.logicalName,
+            experience: viewExperience,
+        };
+    }
+    async getDefaultViewId(logicalName) {
+        const experience = await this.getExperience(logicalName);
+        return experience.defaultViewId;
+    }
+    async getDefaultViewLookupId(logicalName) {
+        const experience = await this.getExperience(logicalName);
+        return experience.defaultLookupId;
+    }
+    async getForm(logicalName, formId) {
+        const experience = await this.getExperience(logicalName);
+        if (!formId) {
+            formId = experience.defaultFormId;
+        }
+        const form = experience.forms.find((f) => f.id === formId);
+        if (!form) {
+            throw new Error(`Form ${formId} not found`);
+        }
+        let formExperience = form.experience;
+        if (typeof formExperience === 'function') {
+            formExperience = await formExperience();
+        }
+        return {
+            id: form.id,
+            name: form.name,
+            logicalName: form.logicalName,
+            experience: formExperience,
+        };
+    }
+    async getQuickCreateForm(logicalName, formId) {
+        const experience = await this.getExperience(logicalName);
+        const form = experience.quickCreateForms.find((f) => f.id === formId);
+        if (!form) {
+            throw new Error(`Quick create form ${formId} not found`);
+        }
+        let formExperience = form.experience;
+        if (typeof formExperience === 'function') {
+            formExperience = await formExperience();
+        }
+        return {
+            id: form.id,
+            name: form.name,
+            logicalName: form.logicalName,
+            experience: formExperience,
+        };
     }
-    getViewCommands(logicalName) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const experience = yield this.getExperience(logicalName);
-            return experience.viewCommands;
-        });
+    async getViewCommands(logicalName) {
+        const experience = await this.getExperience(logicalName);
+        return experience.viewCommands;
     }
-    getFormCommands(logicalName) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const experience = yield this.getExperience(logicalName);
-            return experience.formCommands;
-        });
+    async getFormCommands(logicalName) {
+        const experience = await this.getExperience(logicalName);
+        return experience.formCommands;
     }
-    getSubgridCommands(logicalName) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const experience = yield this.getExperience(logicalName);
-            return experience.subgridCommands;
-        });
+    async getSubgridCommands(logicalName) {
+        const experience = await this.getExperience(logicalName);
+        return experience.subgridCommands;
     }
     getSchemaMetadataList() {
         const schemas = this.options.schemaStore.getAllSchema();
@@ -251,14 +217,12 @@ class SchemaExperienceStore {
             localizedPluralLabels: schema.localizedPluralLabels,
         }));
     }
-    getExperienceSchemaMetadatList() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const schemaMetadatas = this.getSchemaMetadataList();
-            return schemaMetadatas.map((schemaMetadata) => {
-                var _a;
-                return (Object.assign(Object.assign({}, schemaMetadata), { icon: (_a = this.experiences[schemaMetadata.logicalName]) === null || _a === void 0 ? void 0 : _a.icon }));
-            });
-        });
+    async getExperienceSchemaMetadatList() {
+        const schemaMetadatas = this.getSchemaMetadataList();
+        return schemaMetadatas.map((schemaMetadata) => ({
+            ...schemaMetadata,
+            icon: this.experiences[schemaMetadata.logicalName]?.icon,
+        }));
     }
 }
 exports.SchemaExperienceStore = SchemaExperienceStore;

package/store/index.d.ts

@@ -1,4 +1,3 @@
-export * from './ClientAppStore';
 export * from './ComponentStore';
 export * from './EventManager';
 export * from './SchemaExperienceStore';

package/store/index.js

@@ -14,7 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ClientAppStore"), exports);
 __exportStar(require("./ComponentStore"), exports);
 __exportStar(require("./EventManager"), exports);
 __exportStar(require("./SchemaExperienceStore"), exports);

package/toast-notification/hooks/useCloseToastNotification.js

@@ -4,26 +4,28 @@ exports.useCloseToastNotification = useCloseToastNotification;
 const react_1 = require("react");
 const context_1 = require("../../mutable/context");
 const context_2 = require("../context");
+function markToastNotificationAsClosed(items, id) {
+    return items.map((item) => {
+        if (item.id === id) {
+            return { ...item, isOpen: false };
+        }
+        return item;
+    });
+}
+function excludeToastNotificationItemById(items, id) {
+    return items.filter((item) => item.id !== id);
+}
 function useCloseToastNotification() {
     const setValue = (0, context_1.useContextSetValue)(context_2.ToastNotificationContext);
     const closeDialog = (0, react_1.useCallback)((id) => {
-        setValue((state) => {
-            return {
-                items: state.items.map((item) => {
-                    if (item.id === id) {
-                        return Object.assign(Object.assign({}, item), { isOpen: false });
-                    }
-                    return item;
-                }),
-            };
-        });
+        setValue((state) => ({
+            items: markToastNotificationAsClosed(state.items, id),
+        }));
         // Simulate a delay to show the dialog closing animation
         setTimeout(() => {
-            setValue((state) => {
-                return {
-                    items: state.items.filter((item) => item.id !== id),
-                };
-            });
+            setValue((state) => ({
+                items: excludeToastNotificationItemById(state.items, id),
+            }));
         }, 1000);
     }, [setValue]);
     return closeDialog;

package/toast-notification/hooks/useOpenToastNotification.js

@@ -2,22 +2,24 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOpenToastNotification = useOpenToastNotification;
 const react_1 = require("react");
+const uuid_1 = require("uuid");
 const context_1 = require("../../mutable/context");
 const context_2 = require("../context");
 const useCloseToastNotification_1 = require("./useCloseToastNotification");
-function randomId() {
-    return Math.random().toString(36).substring(2);
-}
 function useOpenToastNotification() {
     const setValue = (0, context_1.useContextSetValue)(context_2.ToastNotificationContext);
     const closeDialog = (0, useCloseToastNotification_1.useCloseToastNotification)();
     const openToastNotification = (0, react_1.useCallback)((options) => {
-        const id = randomId();
+        const id = (0, uuid_1.v4)();
         setValue((state) => {
             return {
                 items: [
                     ...state.items,
-                    Object.assign({ id, isOpen: true }, options),
+                    {
+                        id,
+                        isOpen: true,
+                        ...options,
+                    },
                 ],
             };
         });