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

package/app/AuthWrapper.d.ts

@@ -1,7 +1,7 @@
 import { FC, PropsWithChildren } from 'react';
 import { AuthProviderPlaceholderProps } from '../auth';
 interface AuthWrapperProps {
-    Placeholder: FC<AuthProviderPlaceholderProps>;
+    Placeholder?: FC<AuthProviderPlaceholderProps>;
 }
 export declare const AuthWrapper: FC<PropsWithChildren<AuthWrapperProps>>;
 export {};

package/app/AuthWrapper.js

@@ -4,7 +4,10 @@ exports.AuthWrapper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const auth_1 = require("../auth");
 const mutable_1 = require("../mutable");
-const AuthWrapper = ({ children, Placeholder, }) => {
+const DefaultPlaceHolder = () => {
+    return null;
+};
+const AuthWrapper = ({ children, Placeholder = DefaultPlaceHolder, }) => {
     const state = (0, mutable_1.useContextSelector)(auth_1.AuthContext, (state) => state);
     if (state.loadError) {
         return (0, jsx_runtime_1.jsx)(Placeholder, { loadingError: true, retry: state.loadSession });

package/app/LayoutProvider.d.ts

@@ -1,28 +1,23 @@
-import { IDataService } from '@headless-adminapp/core/transport';
+import { IDataService, IFileService } from '@headless-adminapp/core/transport';
 import { QueryClient } from '@tanstack/react-query';
-import { Dispatch, FC, PropsWithChildren, SetStateAction } from 'react';
-import { AppearanceContextState } from '../appearance';
+import { FC, PropsWithChildren } from 'react';
 import { AuthProviderPlaceholderProps, AuthProviderProps } from '../auth';
 import { LocaleProviderProps } from '../locale';
 import { MetadataProviderProps } from '../metadata/MetadataProvider';
 import { RouteProviderProps } from '../route/RouteProvider';
 export interface LayoutProviderProps {
     routeProps: RouteProviderProps;
-    queryClient: QueryClient;
-    appearanceState: [
-        AppearanceContextState,
-        Dispatch<SetStateAction<AppearanceContextState>>
-    ];
-    localeProps: LocaleProviderProps;
-    dataService: IDataService;
-    authProps: AuthProviderProps;
-    authPlaceholder: FC<AuthProviderPlaceholderProps>;
-    metadataProps: MetadataProviderProps;
+    queryClient?: QueryClient;
+    localeProps?: LocaleProviderProps;
+    dataService?: IDataService;
+    fileService?: IFileService;
+    authProps?: AuthProviderProps;
+    authPlaceholder?: FC<AuthProviderPlaceholderProps>;
+    metadataProps?: MetadataProviderProps;
     containers: {
         DialogContainer: FC;
         ProgressIndicatorContainer: FC;
         ToastNotificationContainer: FC;
     };
 }
-/** @todo: move to app */
 export declare const LayoutProvider: FC<PropsWithChildren<LayoutProviderProps>>;

package/app/LayoutProvider.js

@@ -1,10 +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 appearance_1 = require("../appearance");
 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");
@@ -13,9 +22,33 @@ const recordset_1 = require("../recordset");
 const route_1 = require("../route");
 const toast_notification_1 = require("../toast-notification");
 const transport_1 = require("../transport");
+const context_1 = require("../transport/context");
 const AuthWrapper_1 = require("./AuthWrapper");
-/** @todo: move to app */
-const LayoutProvider = ({ appearanceState, authPlaceholder, authProps, dataService, localeProps, metadataProps, 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)(appearance_1.AppearanceContext.Provider, { value: appearanceState, 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)(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 }) }) }))] }) }) }) }) })) })) }) }) })));
+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/app/index.d.ts

@@ -1,3 +1,4 @@
 export { AppContext } from './context';
 export { useAppContext } from './hooks';
 export { AppProvider } from './AppProvider';
+export { LayoutProvider } from './LayoutProvider';

package/app/index.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppProvider = exports.useAppContext = exports.AppContext = void 0;
+exports.LayoutProvider = exports.AppProvider = exports.useAppContext = exports.AppContext = void 0;
 var context_1 = require("./context");
 Object.defineProperty(exports, "AppContext", { enumerable: true, get: function () { return context_1.AppContext; } });
 var hooks_1 = require("./hooks");
 Object.defineProperty(exports, "useAppContext", { enumerable: true, get: function () { return hooks_1.useAppContext; } });
 var AppProvider_1 = require("./AppProvider");
 Object.defineProperty(exports, "AppProvider", { enumerable: true, get: function () { return AppProvider_1.AppProvider; } });
+var LayoutProvider_1 = require("./LayoutProvider");
+Object.defineProperty(exports, "LayoutProvider", { enumerable: true, get: function () { return LayoutProvider_1.LayoutProvider; } });

package/auth/AuthProvider.d.ts

@@ -2,6 +2,6 @@ import { FC, PropsWithChildren } from 'react';
 import { SessionResolver, UnauthorizeReason } from './types';
 export interface AuthProviderProps {
     onUnauthenticated?: (reason: UnauthorizeReason) => void;
-    sessionResolver: SessionResolver;
+    sessionResolver?: SessionResolver;
 }
 export declare const AuthProvider: FC<PropsWithChildren<AuthProviderProps>>;

package/auth/AuthProvider.js

@@ -11,16 +11,34 @@ 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");
-const AuthProvider = ({ sessionResolver, onUnauthenticated, children, }) => {
+const defaultSessionResolver = () => __awaiter(void 0, void 0, void 0, function* () {
+    return {
+        email: 'demo@example.com',
+        fullName: 'Demo User',
+        exp: Date.now() / 1000 + 60 * 60 * 24,
+    };
+});
+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/builders/CommandBuilder/CommandBuilder.d.ts

@@ -0,0 +1,10 @@
+import { DefaultCommandBuilder } from './DefaultCommandBuilder';
+import { FormCommandBuilder } from './FormCommandBuilder';
+import { SubgridCommandBuilder } from './SubgridCommandBuilder';
+import { ViewCommandBuilder } from './ViewCommandBuilder';
+export declare namespace CommandBuilder {
+    const View: typeof ViewCommandBuilder;
+    const Form: typeof FormCommandBuilder;
+    const Subgrid: typeof SubgridCommandBuilder;
+    const Default: typeof DefaultCommandBuilder;
+}

package/builders/CommandBuilder/CommandBuilder.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommandBuilder = void 0;
+const DefaultCommandBuilder_1 = require("./DefaultCommandBuilder");
+const FormCommandBuilder_1 = require("./FormCommandBuilder");
+const SubgridCommandBuilder_1 = require("./SubgridCommandBuilder");
+const ViewCommandBuilder_1 = require("./ViewCommandBuilder");
+var CommandBuilder;
+(function (CommandBuilder) {
+    CommandBuilder.View = ViewCommandBuilder_1.ViewCommandBuilder;
+    CommandBuilder.Form = FormCommandBuilder_1.FormCommandBuilder;
+    CommandBuilder.Subgrid = SubgridCommandBuilder_1.SubgridCommandBuilder;
+    CommandBuilder.Default = DefaultCommandBuilder_1.DefaultCommandBuilder;
+})(CommandBuilder || (exports.CommandBuilder = CommandBuilder = {}));

package/builders/CommandBuilder/DefaultCommandBuilder.d.ts

@@ -0,0 +1,88 @@
+import { EntityMainFormCommandItemExperience } from '@headless-adminapp/core/experience/form';
+import { EntityMainGridCommandItemExperience, SubGridCommandItemExperience } from '@headless-adminapp/core/experience/view';
+import { Localized } from '@headless-adminapp/core/types';
+import { Icon } from '@headless-adminapp/icons';
+import { FormCommandBuilder } from './FormCommandBuilder';
+import { ViewCommandBuilder } from './ViewCommandBuilder';
+export declare namespace DefaultCommandBuilder {
+    interface CreateDefaultViewCommandStrings {
+        new: string;
+        edit: string;
+        delete: string;
+        refresh: string;
+        export: string;
+        exportCsv: string;
+        exportExcel: string;
+        deleteRecordCommandStringSet: ViewCommandBuilder.DeleteRecordCommandStringSet;
+    }
+    export const defaultViewCommandStrings: CreateDefaultViewCommandStrings;
+    interface CreateDefaultViewCommandOptions {
+        icons: {
+            New: Icon;
+            Edit: Icon;
+            Delete: Icon;
+            Refresh: Icon;
+            Export: Icon;
+            ExportCsv: Icon;
+            ExportExcel: Icon;
+        };
+        strings?: CreateDefaultViewCommandStrings;
+        localizedSrings?: Localized<CreateDefaultViewCommandStrings>;
+    }
+    export function createDefaultViewCommands({ icons, strings, localizedSrings, }: CreateDefaultViewCommandOptions): EntityMainGridCommandItemExperience[][];
+    interface CreateDefaultFormCommandStrings {
+        save: string;
+        saveAndClose: string;
+        refresh: string;
+        delete: string;
+        deleteRecordCommandStringSet: FormCommandBuilder.DeleteRecordCommandStringSet;
+    }
+    interface CreateDefaultFormCommandOptions {
+        icons: {
+            Save: Icon;
+            SaveAndClose: Icon;
+            Refresh: Icon;
+            Delete: Icon;
+        };
+        strings?: CreateDefaultFormCommandStrings;
+        localizedSrings?: Localized<CreateDefaultFormCommandStrings>;
+    }
+    export const defaultFormCommandStrings: CreateDefaultFormCommandStrings;
+    export function createDefaultFormCommands({ icons, strings, localizedSrings, }: CreateDefaultFormCommandOptions): EntityMainFormCommandItemExperience[][];
+    interface CreateDefaultSubgridCommandStrings {
+        new: string;
+        edit: string;
+        delete: string;
+        refresh: string;
+        export: string;
+        exportCsv: string;
+        exportExcel: string;
+        deleteRecordCommandStringSet: ViewCommandBuilder.DeleteRecordCommandStringSet;
+    }
+    interface CreateDefaultSubgridCommandOptions {
+        icons: {
+            New: Icon;
+            Edit: Icon;
+            Delete: Icon;
+            Refresh: Icon;
+            Export: Icon;
+            ExportCsv: Icon;
+            ExportExcel: Icon;
+        };
+        strings?: CreateDefaultSubgridCommandStrings;
+        localizedSrings?: Localized<CreateDefaultSubgridCommandStrings>;
+    }
+    export function createDefaultSubgridCommands({ icons, strings, localizedSrings, }: CreateDefaultSubgridCommandOptions): SubGridCommandItemExperience[][];
+    type CreateDefaultCommandStrings = CreateDefaultViewCommandStrings & CreateDefaultFormCommandStrings & CreateDefaultSubgridCommandStrings;
+    interface CreateDefaultCommandOptions {
+        icons: CreateDefaultViewCommandOptions['icons'] & CreateDefaultFormCommandOptions['icons'] & CreateDefaultSubgridCommandOptions['icons'];
+        strings?: CreateDefaultCommandStrings;
+        localizedSrings?: Localized<CreateDefaultCommandStrings>;
+    }
+    export function createDefaultCommands({ icons, strings, localizedSrings, }: CreateDefaultCommandOptions): {
+        view: EntityMainGridCommandItemExperience[][];
+        form: EntityMainFormCommandItemExperience[][];
+        subgrid: SubGridCommandItemExperience[][];
+    };
+    export {};
+}

package/builders/CommandBuilder/DefaultCommandBuilder.js

@@ -0,0 +1,191 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultCommandBuilder = void 0;
+const FormCommandBuilder_1 = require("./FormCommandBuilder");
+const SubgridCommandBuilder_1 = require("./SubgridCommandBuilder");
+const ViewCommandBuilder_1 = require("./ViewCommandBuilder");
+var DefaultCommandBuilder;
+(function (DefaultCommandBuilder) {
+    DefaultCommandBuilder.defaultViewCommandStrings = {
+        new: 'New',
+        edit: 'Edit',
+        delete: 'Delete',
+        deleteRecordCommandStringSet: ViewCommandBuilder_1.ViewCommandBuilder.defaultDeleteRecordStringSet,
+        refresh: 'Refresh',
+        export: 'Export',
+        exportCsv: 'CSV',
+        exportExcel: 'Excel',
+    };
+    function extractLocalizedStrings(localizedStrings, selector) {
+        if (!localizedStrings) {
+            return;
+        }
+        return Object.keys(localizedStrings).reduce((p, key) => {
+            p[key] = selector(localizedStrings[key]);
+            return p;
+        }, {});
+    }
+    function createDefaultViewCommands({ icons, strings = DefaultCommandBuilder.defaultViewCommandStrings, localizedSrings, }) {
+        return [
+            [
+                ViewCommandBuilder_1.ViewCommandBuilder.createNewRecordCommand({
+                    Icon: icons.New,
+                    text: strings.new,
+                    localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.new),
+                }),
+                ViewCommandBuilder_1.ViewCommandBuilder.createEditRecordCommand({
+                    Icon: icons.Edit,
+                    text: strings.edit,
+                    localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.edit),
+                }),
+                ViewCommandBuilder_1.ViewCommandBuilder.createDeleteRecordCommand({
+                    Icon: icons.Delete,
+                    text: strings.delete,
+                    localizedText: extractLocalizedStrings(localizedSrings, (x) => x.delete),
+                    stringSet: strings.deleteRecordCommandStringSet,
+                    localizedStringSet: extractLocalizedStrings(localizedSrings, (x) => x.deleteRecordCommandStringSet),
+                }),
+                ViewCommandBuilder_1.ViewCommandBuilder.createRefreshCommand({
+                    Icon: icons.Refresh,
+                    text: strings.refresh,
+                    localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.refresh),
+                }),
+            ],
+            [
+                ViewCommandBuilder_1.ViewCommandBuilder.createExportCommand({
+                    button: {
+                        Icon: icons.Export,
+                        text: strings.export,
+                        localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.export),
+                    },
+                    csv: {
+                        Icon: icons.ExportCsv,
+                        text: strings.exportCsv,
+                        localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.exportCsv),
+                    },
+                    excel: {
+                        Icon: icons.ExportExcel,
+                        text: strings.exportExcel,
+                        localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.exportExcel),
+                    },
+                }),
+            ],
+        ];
+    }
+    DefaultCommandBuilder.createDefaultViewCommands = createDefaultViewCommands;
+    DefaultCommandBuilder.defaultFormCommandStrings = {
+        save: 'Save',
+        saveAndClose: 'Save & Close',
+        refresh: 'Refresh',
+        delete: 'Delete',
+        deleteRecordCommandStringSet: FormCommandBuilder_1.FormCommandBuilder.defaultDeleteRecordStringSet,
+    };
+    function createDefaultFormCommands({ icons, strings = DefaultCommandBuilder.defaultFormCommandStrings, localizedSrings, }) {
+        return [
+            [
+                FormCommandBuilder_1.FormCommandBuilder.createSaveCommand({
+                    Icon: icons.Save,
+                    text: strings.save,
+                    localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.save),
+                }),
+                FormCommandBuilder_1.FormCommandBuilder.createSaveAndCloseCommand({
+                    Icon: icons.SaveAndClose,
+                    text: strings.saveAndClose,
+                    localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.saveAndClose),
+                }),
+                FormCommandBuilder_1.FormCommandBuilder.createRefreshCommand({
+                    Icon: icons.Refresh,
+                    text: strings.refresh,
+                    localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.refresh),
+                }),
+                FormCommandBuilder_1.FormCommandBuilder.createDeleteCommand({
+                    Icon: icons.Delete,
+                    text: 'Delete',
+                    localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.delete),
+                    stringSet: strings.deleteRecordCommandStringSet,
+                    localizedStringSet: extractLocalizedStrings(localizedSrings, (x) => x.deleteRecordCommandStringSet),
+                }),
+            ],
+        ];
+    }
+    DefaultCommandBuilder.createDefaultFormCommands = createDefaultFormCommands;
+    const defaultSubgridCommandStrings = {
+        new: 'New',
+        edit: 'Edit',
+        delete: 'Delete',
+        refresh: 'Refresh',
+        export: 'Export',
+        exportCsv: 'CSV',
+        exportExcel: 'Excel',
+        deleteRecordCommandStringSet: ViewCommandBuilder_1.ViewCommandBuilder.defaultDeleteRecordStringSet,
+    };
+    function createDefaultSubgridCommands({ icons, strings = defaultSubgridCommandStrings, localizedSrings, }) {
+        return [
+            [
+                SubgridCommandBuilder_1.SubgridCommandBuilder.createNewRecordCommand({
+                    Icon: icons.New,
+                    text: strings.new,
+                    localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.new),
+                }),
+                SubgridCommandBuilder_1.SubgridCommandBuilder.createEditRecordCommand({
+                    Icon: icons.Edit,
+                    text: strings.edit,
+                    localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.edit),
+                }),
+                SubgridCommandBuilder_1.SubgridCommandBuilder.createDeleteRecordCommand({
+                    Icon: icons.Delete,
+                    text: strings.delete,
+                    localizedText: extractLocalizedStrings(localizedSrings, (x) => x.delete),
+                    stringSet: strings.deleteRecordCommandStringSet,
+                    localizedStringSet: extractLocalizedStrings(localizedSrings, (x) => x.deleteRecordCommandStringSet),
+                }),
+                SubgridCommandBuilder_1.SubgridCommandBuilder.createRefreshCommand({
+                    Icon: icons.Refresh,
+                    text: strings.refresh,
+                    localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.refresh),
+                }),
+            ],
+            [
+                SubgridCommandBuilder_1.SubgridCommandBuilder.createExportCommand({
+                    button: {
+                        Icon: icons.Export,
+                        text: strings.export,
+                        localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.export),
+                    },
+                    csv: {
+                        Icon: icons.ExportCsv,
+                        text: strings.exportCsv,
+                        localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.exportCsv),
+                    },
+                    excel: {
+                        Icon: icons.ExportExcel,
+                        text: strings.exportExcel,
+                        localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.exportExcel),
+                    },
+                }),
+            ],
+        ];
+    }
+    DefaultCommandBuilder.createDefaultSubgridCommands = createDefaultSubgridCommands;
+    const defaultCreateCommandStrings = Object.assign(Object.assign(Object.assign({}, DefaultCommandBuilder.defaultViewCommandStrings), DefaultCommandBuilder.defaultFormCommandStrings), defaultSubgridCommandStrings);
+    function createDefaultCommands({ icons, strings = defaultCreateCommandStrings, localizedSrings, }) {
+        return {
+            view: createDefaultViewCommands({
+                icons,
+                strings,
+                localizedSrings,
+            }),
+            form: createDefaultFormCommands({
+                icons,
+                strings,
+                localizedSrings,
+            }),
+            subgrid: createDefaultSubgridCommands({
+                icons,
+                strings,
+                localizedSrings,
+            }),
+        };
+    }
+    DefaultCommandBuilder.createDefaultCommands = createDefaultCommands;
+})(DefaultCommandBuilder || (exports.DefaultCommandBuilder = DefaultCommandBuilder = {}));

package/builders/CommandBuilder/FormCommandBuilder.d.ts

@@ -0,0 +1,46 @@
+import { EntityMainFormCommandItemExperience } from '@headless-adminapp/core/experience/form';
+import { Localized } from '@headless-adminapp/core/types';
+import { Icon } from '@headless-adminapp/icons';
+export declare namespace FormCommandBuilder {
+    function createSaveCommand({ Icon, text, localizedTexts, }: {
+        Icon: Icon;
+        text: string;
+        localizedTexts?: Record<string, string>;
+    }): EntityMainFormCommandItemExperience;
+    function createSaveAndCloseCommand({ Icon, text, localizedTexts, }: {
+        Icon: Icon;
+        text: string;
+        localizedTexts?: Record<string, string>;
+    }): EntityMainFormCommandItemExperience;
+    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 createDeleteCommand({ Icon, text, localizedTexts, stringSet, localizedStringSet, }: {
+        Icon: Icon;
+        text: string;
+        localizedTexts?: Record<string, string>;
+        stringSet: DeleteRecordCommandStringSet;
+        localizedStringSet?: Localized<DeleteRecordCommandStringSet>;
+    }): EntityMainFormCommandItemExperience;
+    function createRefreshCommand({ Icon, text, localizedTexts, }: {
+        Icon: Icon;
+        text: string;
+        localizedTexts?: Record<string, string>;
+    }): EntityMainFormCommandItemExperience;
+}