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

package/builders/CommandBuilder/SubgridCommandBuilder.js

@@ -0,0 +1,170 @@
+"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.SubgridCommandBuilder = void 0;
+const utils_1 = require("./utils");
+var SubgridCommandBuilder;
+(function (SubgridCommandBuilder) {
+    function createNewRecordCommand({ Icon, text, localizedTexts, }) {
+        return {
+            type: 'button',
+            Icon,
+            text,
+            localizedText: localizedTexts,
+            onClick: (context) => {
+                console.log('New record', context);
+            },
+            hidden: (context) => {
+                console.log(context);
+                // TODO: Implement logic to hide the button
+                return false;
+            },
+        };
+    }
+    SubgridCommandBuilder.createNewRecordCommand = createNewRecordCommand;
+    function createEditRecordCommand({ Icon, text, localizedTexts, }) {
+        return {
+            type: 'button',
+            Icon,
+            text,
+            localizedText: localizedTexts,
+            isContextMenu: true,
+            onClick: (context) => {
+                console.log('Edit record', context);
+            },
+            // hidden: (context) => context.secondaryControl.selectedIds.length !== 1, // TODO: check permissions
+            hidden: (context) => {
+                console.log('temp.', context);
+                return context.secondaryControl.selectedIds.length !== 1;
+            },
+        };
+    }
+    SubgridCommandBuilder.createEditRecordCommand = createEditRecordCommand;
+    function plurialize(count, singular, plural) {
+        if (Array.isArray(singular)) {
+            plural = singular[1];
+            singular = singular[0];
+        }
+        let msg = count === 1 ? singular : plural !== null && plural !== void 0 ? plural : singular;
+        msg = msg.replace('{count}', count.toString());
+        return msg;
+    }
+    SubgridCommandBuilder.defaultDeleteRecordStringSet = {
+        confirmation: {
+            text: [
+                'Are you sure you want to delete this record?',
+                'Are you sure you want to delete selected records?',
+            ],
+            title: ['Delete record', 'Delete records'],
+            buttonConfirm: 'Delete',
+            buttonCancel: 'Cancel',
+        },
+        status: {
+            deleting: ['Deleting record', 'Deleting records'],
+        },
+        successNotification: {
+            title: ['Record deleted', 'Records deleted'],
+            text: ['Record deleted successfully', 'Records deleted successfully'],
+        },
+        errorNotification: {
+            title: 'Error',
+        },
+    };
+    function createDeleteRecordCommand({ Icon, localizedText, text, stringSet = SubgridCommandBuilder.defaultDeleteRecordStringSet, localizedStringSet, }) {
+        return {
+            type: 'button',
+            Icon,
+            text,
+            localizedText,
+            danger: true,
+            isContextMenu: true,
+            hidden: [(context) => context.secondaryControl.selectedIds.length === 0], // TODO: check permissions
+            onClick: (context) => __awaiter(this, void 0, void 0, function* () {
+                const recordIds = context.secondaryControl.selectedIds;
+                if (!recordIds.length) {
+                    return;
+                }
+                const localizeSelector = (0, utils_1.createLocalizedSelector)(stringSet, localizedStringSet, context.locale.language);
+                try {
+                    const confirmResult = yield context.utility.openConfirmDialog({
+                        title: plurialize(recordIds.length, localizeSelector((s) => s.confirmation.title)),
+                        text: plurialize(recordIds.length, localizeSelector((s) => s.confirmation.text)),
+                        cancelButtonLabel: localizeSelector((s) => s.confirmation.buttonCancel),
+                        confirmButtonLabel: localizeSelector((s) => s.confirmation.buttonConfirm),
+                    });
+                    if (!(confirmResult === null || confirmResult === void 0 ? void 0 : confirmResult.confirmed)) {
+                        return;
+                    }
+                    context.utility.showProgressIndicator(plurialize(recordIds.length, localizeSelector((s) => s.status.deleting)) + '...');
+                    yield new Promise((resolve) => setTimeout(resolve, 2000));
+                    context.utility.showNotification({
+                        title: plurialize(recordIds.length, localizeSelector((s) => s.successNotification.title)),
+                        text: plurialize(recordIds.length, localizeSelector((s) => s.successNotification.text)),
+                        type: 'success',
+                    });
+                    yield context.primaryControl.refresh();
+                }
+                catch (error) {
+                    context.utility.showNotification({
+                        title: localizeSelector((s) => s.errorNotification.title),
+                        text: error.message,
+                        type: 'error',
+                    });
+                }
+                finally {
+                    context.utility.hideProgressIndicator();
+                }
+            }),
+        };
+    }
+    SubgridCommandBuilder.createDeleteRecordCommand = createDeleteRecordCommand;
+    function createRefreshCommand({ Icon, localizedTexts, text, }) {
+        return {
+            type: 'button',
+            Icon,
+            text,
+            localizedText: localizedTexts,
+            onClick: (context) => {
+                context.secondaryControl.refresh();
+            },
+        };
+    }
+    SubgridCommandBuilder.createRefreshCommand = createRefreshCommand;
+    function createExportCommand({ button, csv, excel, }) {
+        return {
+            type: 'menu',
+            Icon: button.Icon,
+            text: button.text,
+            localizedTexts: button.localizedTexts,
+            items: [
+                [
+                    {
+                        Icon: excel.Icon,
+                        text: excel.text,
+                        localizedTexts: excel.localizedTexts,
+                        onClick: (context) => {
+                            console.log('Export to Excel', context);
+                        },
+                    },
+                    {
+                        Icon: csv.Icon,
+                        text: csv.text,
+                        localizedTexts: csv.localizedTexts,
+                        onClick: (context) => {
+                            console.log('Export to CSV', context);
+                        },
+                    },
+                ],
+            ],
+        };
+    }
+    SubgridCommandBuilder.createExportCommand = createExportCommand;
+})(SubgridCommandBuilder || (exports.SubgridCommandBuilder = SubgridCommandBuilder = {}));

package/builders/CommandBuilder/ViewCommandBuilder.d.ts

@@ -0,0 +1,63 @@
+import { EntityMainGridCommandItemExperience } from '@headless-adminapp/core/experience/view';
+import { Localized } from '@headless-adminapp/core/types';
+import { Icon } from '@headless-adminapp/icons';
+export declare namespace ViewCommandBuilder {
+    function createNewRecordCommand({ Icon, text, localizedTexts, }: {
+        Icon: Icon;
+        text: string;
+        localizedTexts?: Record<string, string>;
+    }): EntityMainGridCommandItemExperience;
+    function createEditRecordCommand({ Icon, text, localizedTexts, }: {
+        Icon: Icon;
+        text: string;
+        localizedTexts?: Record<string, string>;
+    }): EntityMainGridCommandItemExperience;
+    interface DeleteRecordCommandStringSet {
+        confirmation: {
+            title: string | [string, string];
+            text: string | [string, string];
+            buttonCancel: string;
+            buttonConfirm: string;
+        };
+        status: {
+            deleting: string | [string, string];
+        };
+        successNotification: {
+            title: string | [string, string];
+            text: string | [string, string];
+        };
+        errorNotification: {
+            title: string;
+        };
+    }
+    const defaultDeleteRecordStringSet: DeleteRecordCommandStringSet;
+    function createDeleteRecordCommand({ Icon, localizedText, text, stringSet, localizedStringSet, }: {
+        Icon: Icon;
+        text: string;
+        localizedText?: Record<string, string>;
+        stringSet?: DeleteRecordCommandStringSet;
+        localizedStringSet?: Localized<DeleteRecordCommandStringSet>;
+    }): EntityMainGridCommandItemExperience;
+    function createRefreshCommand({ Icon, localizedTexts, text, }: {
+        Icon: Icon;
+        text: string;
+        localizedTexts?: Record<string, string>;
+    }): EntityMainGridCommandItemExperience;
+    function createExportCommand({ button, csv, excel, }: {
+        button: {
+            Icon: Icon;
+            text: string;
+            localizedTexts?: Record<string, string>;
+        };
+        excel: {
+            Icon: Icon;
+            text: string;
+            localizedTexts?: Record<string, string>;
+        };
+        csv: {
+            Icon: Icon;
+            text: string;
+            localizedTexts?: Record<string, string>;
+        };
+    }): EntityMainGridCommandItemExperience;
+}

package/builders/CommandBuilder/ViewCommandBuilder.js

@@ -0,0 +1,250 @@
+"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.ViewCommandBuilder = void 0;
+const utils_1 = require("../utils");
+const utils_2 = require("./utils");
+var EnabledRules;
+(function (EnabledRules) {
+    function HasCreatePermisssion(context) {
+        var _a;
+        return !((_a = context.primaryControl.schema.restrictions) === null || _a === void 0 ? void 0 : _a.disableCreate);
+    }
+    EnabledRules.HasCreatePermisssion = HasCreatePermisssion;
+    function HasUpdatePermission(context) {
+        var _a;
+        return !((_a = context.primaryControl.schema.restrictions) === null || _a === void 0 ? void 0 : _a.disableUpdate);
+    }
+    EnabledRules.HasUpdatePermission = HasUpdatePermission;
+    function HasDeletePermission(context) {
+        var _a;
+        return !((_a = context.primaryControl.schema.restrictions) === null || _a === void 0 ? void 0 : _a.disableDelete);
+    }
+    EnabledRules.HasDeletePermission = HasDeletePermission;
+    function HasSingleRecordSelected(context) {
+        return context.primaryControl.selectedIds.length === 1;
+    }
+    EnabledRules.HasSingleRecordSelected = HasSingleRecordSelected;
+    function HasAtLeastOneRecordSelected(context) {
+        return context.primaryControl.selectedIds.length > 0;
+    }
+    EnabledRules.HasAtLeastOneRecordSelected = HasAtLeastOneRecordSelected;
+})(EnabledRules || (EnabledRules = {}));
+var ViewCommandBuilder;
+(function (ViewCommandBuilder) {
+    function createNewRecordCommand({ Icon, text, localizedTexts, }) {
+        return {
+            type: 'button',
+            Icon,
+            text,
+            localizedText: localizedTexts,
+            onClick: context => {
+                context.navigation.openForm({
+                    logicalName: context.primaryControl.schema.logicalName,
+                });
+            },
+            hidden: context => {
+                if (!EnabledRules.HasCreatePermisssion(context)) {
+                    return true;
+                }
+                return false;
+            },
+        };
+    }
+    ViewCommandBuilder.createNewRecordCommand = createNewRecordCommand;
+    function createEditRecordCommand({ Icon, text, localizedTexts, }) {
+        return {
+            type: 'button',
+            Icon,
+            text,
+            localizedText: localizedTexts,
+            isContextMenu: true,
+            onClick: context => {
+                context.primaryControl.openRecord(context.primaryControl.selectedIds[0]);
+            },
+            hidden: context => {
+                if (!EnabledRules.HasUpdatePermission(context)) {
+                    return true;
+                }
+                if (!EnabledRules.HasSingleRecordSelected(context)) {
+                    return true;
+                }
+                return false;
+            },
+        };
+    }
+    ViewCommandBuilder.createEditRecordCommand = createEditRecordCommand;
+    ViewCommandBuilder.defaultDeleteRecordStringSet = {
+        confirmation: {
+            text: [
+                'Are you sure you want to delete this record?',
+                'Are you sure you want to delete selected records?',
+            ],
+            title: ['Delete record', 'Delete records'],
+            buttonConfirm: 'Delete',
+            buttonCancel: 'Cancel',
+        },
+        status: {
+            deleting: ['Deleting record', 'Deleting records'],
+        },
+        successNotification: {
+            title: ['Record deleted', 'Records deleted'],
+            text: ['Record deleted successfully', 'Records deleted successfully'],
+        },
+        errorNotification: {
+            title: 'Error',
+        },
+    };
+    function createDeleteRecordCommand({ Icon, localizedText, text, stringSet = ViewCommandBuilder.defaultDeleteRecordStringSet, localizedStringSet, }) {
+        return {
+            type: 'button',
+            Icon,
+            text,
+            localizedText,
+            danger: true,
+            isContextMenu: true,
+            onClick: (context) => __awaiter(this, void 0, void 0, function* () {
+                const recordIds = context.primaryControl.selectedIds;
+                if (!recordIds.length) {
+                    return;
+                }
+                const localizeSelector = (0, utils_2.createLocalizedSelector)(stringSet, localizedStringSet, context.locale.language);
+                try {
+                    const confirmResult = yield context.utility.openConfirmDialog({
+                        title: (0, utils_2.plurialize)(recordIds.length, localizeSelector(s => s.confirmation.title)),
+                        text: (0, utils_2.plurialize)(recordIds.length, localizeSelector(s => s.confirmation.text)),
+                        cancelButtonLabel: localizeSelector(s => s.confirmation.buttonCancel),
+                        confirmButtonLabel: localizeSelector(s => s.confirmation.buttonConfirm),
+                    });
+                    if (!(confirmResult === null || confirmResult === void 0 ? void 0 : confirmResult.confirmed)) {
+                        return;
+                    }
+                    context.utility.showProgressIndicator((0, utils_2.plurialize)(recordIds.length, localizeSelector(s => s.status.deleting)) + '...');
+                    for (const recordId of recordIds) {
+                        yield context.dataService.deleteRecord(context.primaryControl.logicalName, recordId);
+                    }
+                    context.utility.showNotification({
+                        title: (0, utils_2.plurialize)(recordIds.length, localizeSelector(s => s.successNotification.title)),
+                        text: (0, utils_2.plurialize)(recordIds.length, localizeSelector(s => s.successNotification.text)),
+                        type: 'success',
+                    });
+                    context.primaryControl.refresh();
+                }
+                catch (error) {
+                    context.utility.showNotification({
+                        title: localizeSelector(s => s.errorNotification.title),
+                        text: error.message,
+                        type: 'error',
+                    });
+                }
+                finally {
+                    context.utility.hideProgressIndicator();
+                }
+            }),
+            hidden: [
+                context => !EnabledRules.HasAtLeastOneRecordSelected(context),
+                context => !EnabledRules.HasDeletePermission(context),
+            ],
+        };
+    }
+    ViewCommandBuilder.createDeleteRecordCommand = createDeleteRecordCommand;
+    function createRefreshCommand({ Icon, localizedTexts, text, }) {
+        return {
+            type: 'button',
+            Icon,
+            text,
+            localizedText: localizedTexts,
+            onClick: context => {
+                context.primaryControl.refresh();
+            },
+        };
+    }
+    ViewCommandBuilder.createRefreshCommand = createRefreshCommand;
+    function createExportCommand({ button, csv, excel, }) {
+        return {
+            type: 'menu',
+            Icon: button.Icon,
+            text: button.text,
+            localizedTexts: button.localizedTexts,
+            items: [
+                [
+                    {
+                        Icon: excel.Icon,
+                        text: excel.text,
+                        localizedTexts: excel.localizedTexts,
+                        onClick: (context) => __awaiter(this, void 0, void 0, function* () {
+                            context.utility.showProgressIndicator('Exporting to Excel...');
+                            try {
+                                const result = yield (0, utils_1.retriveRecords)({
+                                    columnFilters: context.primaryControl.columnFilter,
+                                    dataService: context.dataService,
+                                    gridColumns: context.primaryControl.gridColumns,
+                                    schema: context.primaryControl.schema,
+                                    schemaStore: context.stores.schemaStore,
+                                    view: context.primaryControl.view,
+                                    search: context.primaryControl.searchText,
+                                    extraFilter: context.primaryControl.extraFilter,
+                                    sorting: context.primaryControl.sorting,
+                                    skip: 0,
+                                    limit: 5000,
+                                });
+                                yield (0, utils_1.exportRecordsXLS)({
+                                    fileName: context.primaryControl.view.name + '.xlsx',
+                                    gridColumns: context.primaryControl.gridColumns,
+                                    records: result.records,
+                                    schema: context.primaryControl.schema,
+                                    schemaStore: context.stores.schemaStore,
+                                });
+                            }
+                            finally {
+                                context.utility.hideProgressIndicator();
+                            }
+                        }),
+                    },
+                    {
+                        Icon: csv.Icon,
+                        text: csv.text,
+                        localizedTexts: csv.localizedTexts,
+                        onClick: (context) => __awaiter(this, void 0, void 0, function* () {
+                            context.utility.showProgressIndicator('Exporting to Excel...');
+                            try {
+                                const result = yield (0, utils_1.retriveRecords)({
+                                    columnFilters: context.primaryControl.columnFilter,
+                                    dataService: context.dataService,
+                                    gridColumns: context.primaryControl.gridColumns,
+                                    schema: context.primaryControl.schema,
+                                    schemaStore: context.stores.schemaStore,
+                                    view: context.primaryControl.view,
+                                    search: context.primaryControl.searchText,
+                                    extraFilter: context.primaryControl.extraFilter,
+                                    sorting: context.primaryControl.sorting,
+                                    skip: 0,
+                                    limit: 5000,
+                                });
+                                yield (0, utils_1.exportRecordsCSV)({
+                                    fileName: context.primaryControl.view.name + '.csv',
+                                    gridColumns: context.primaryControl.gridColumns,
+                                    records: result.records,
+                                    schema: context.primaryControl.schema,
+                                    schemaStore: context.stores.schemaStore,
+                                });
+                            }
+                            finally {
+                                context.utility.hideProgressIndicator();
+                            }
+                        }),
+                    },
+                ],
+            ],
+        };
+    }
+    ViewCommandBuilder.createExportCommand = createExportCommand;
+})(ViewCommandBuilder || (exports.ViewCommandBuilder = ViewCommandBuilder = {}));

package/builders/CommandBuilder/index.d.ts

@@ -0,0 +1 @@
+export { CommandBuilder } from './CommandBuilder';

package/builders/CommandBuilder/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommandBuilder = void 0;
+var CommandBuilder_1 = require("./CommandBuilder");
+Object.defineProperty(exports, "CommandBuilder", { enumerable: true, get: function () { return CommandBuilder_1.CommandBuilder; } });

package/builders/CommandBuilder/utils.d.ts

@@ -0,0 +1,3 @@
+import { Localized } from '@headless-adminapp/core/types';
+export declare function createLocalizedSelector<T>(stringSet: T, localizedStringSet: Localized<T> | undefined, language: string): <U>(selector: (stringSet: T) => U) => U;
+export declare function plurialize(count: number, singular: string | [string, string], plural?: string): string;

package/builders/CommandBuilder/utils.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createLocalizedSelector = createLocalizedSelector;
+exports.plurialize = plurialize;
+function createLocalizedSelector(stringSet, localizedStringSet, language) {
+    return function selectLocalized(selector) {
+        if (localizedStringSet && localizedStringSet[language]) {
+            return selector(localizedStringSet[language]);
+        }
+        return selector(stringSet);
+    };
+}
+function plurialize(count, singular, plural) {
+    if (Array.isArray(singular)) {
+        plural = singular[1];
+        singular = singular[0];
+    }
+    let msg = count === 1 ? singular : plural !== null && plural !== void 0 ? plural : singular;
+    msg = msg.replace('{count}', count.toString());
+    return msg;
+}