@headless-adminapp/app 0.0.8-0.0.9-alpha.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 headless-adminapp
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/app/context.d.ts

@@ -0,0 +1,8 @@
+import { AppExperience } from '@headless-adminapp/core/experience/app';
+import { SchemaExperienceMetadata } from '@headless-adminapp/core/experience/schema';
+export interface AppContextState {
+    app: AppExperience;
+    schemaMetadataList: SchemaExperienceMetadata[];
+    schemaMetadataDic: Record<string, SchemaExperienceMetadata>;
+}
+export declare const AppContext: import("react").Context<AppContextState | null>;

package/dist/app/context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppContext = void 0;
+const react_1 = require("react");
+exports.AppContext = (0, react_1.createContext)(null);

package/dist/app/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useAppContext';

package/dist/app/hooks/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./useAppContext"), exports);

package/dist/app/hooks/useAppContext.d.ts

@@ -0,0 +1,2 @@
+import { AppContextState } from '../context';
+export declare function useAppContext(): AppContextState;

package/dist/app/hooks/useAppContext.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAppContext = useAppContext;
+const react_1 = require("react");
+const context_1 = require("../context");
+function useAppContext() {
+    const context = (0, react_1.useContext)(context_1.AppContext);
+    if (!context) {
+        throw new Error('useAppContext must be used within a AppContextProvider');
+    }
+    return context;
+}

package/dist/app/index.d.ts

@@ -0,0 +1,2 @@
+export { AppContext } from './context';
+export { useAppContext } from './hooks';

package/dist/app/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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; } });

package/dist/appearance/context.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction } from 'react';
+export type ColorScheme = 'system' | 'light' | 'dark';
+export interface AppearanceContextState {
+    colorScheme: ColorScheme;
+    brandColor: string;
+}
+export declare const AppearanceContext: import("react").Context<[AppearanceContextState, Dispatch<SetStateAction<AppearanceContextState>>] | null>;

package/dist/appearance/context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppearanceContext = void 0;
+const react_1 = require("react");
+exports.AppearanceContext = (0, react_1.createContext)(null);

package/dist/appearance/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useAppearanceContext';

package/dist/appearance/hooks/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./useAppearanceContext"), exports);

package/dist/appearance/hooks/useAppearanceContext.d.ts

@@ -0,0 +1 @@
+export declare function useAppearanceContext(): [import("../context").AppearanceContextState, import("react").Dispatch<import("react").SetStateAction<import("../context").AppearanceContextState>>];

package/dist/appearance/hooks/useAppearanceContext.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAppearanceContext = useAppearanceContext;
+const react_1 = require("react");
+const context_1 = require("../context");
+function useAppearanceContext() {
+    const context = (0, react_1.useContext)(context_1.AppearanceContext);
+    if (!context) {
+        throw new Error('useAppContext must be used within a AppContextProvider');
+    }
+    return context;
+}

package/dist/appearance/index.d.ts

@@ -0,0 +1,2 @@
+export { AppearanceContext, type ColorScheme, type AppearanceContextState, } from './context';
+export * from './hooks';

package/dist/appearance/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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 });
+exports.AppearanceContext = void 0;
+var context_1 = require("./context");
+Object.defineProperty(exports, "AppearanceContext", { enumerable: true, get: function () { return context_1.AppearanceContext; } });
+__exportStar(require("./hooks"), exports);

package/dist/auth/AuthProvider.d.ts

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

package/dist/auth/AuthProvider.js

@@ -0,0 +1,104 @@
+"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.AuthProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const context_1 = require("../mutable/context");
+const context_2 = require("./context");
+const AuthProvider = ({ sessionResolver, onUnauthenticated, children, }) => {
+    const onUnauthenticatedRef = (0, react_1.useRef)(onUnauthenticated);
+    onUnauthenticatedRef.current = onUnauthenticated;
+    const onUnauthenticatedInternal = (0, react_1.useCallback)((reason) => {
+        var _a;
+        (_a = onUnauthenticatedRef.current) === null || _a === void 0 ? void 0 : _a.call(onUnauthenticatedRef, reason);
+    }, []);
+    const contextValue = (0, context_1.useCreateContextStore)({
+        loading: true,
+        loadError: false,
+        initialized: false,
+        loadSession: () => Promise.resolve(),
+        onUnauthenticated: onUnauthenticatedInternal,
+    });
+    const state = (0, context_1.useContextSelectorInternal)(contextValue, (state) => state);
+    const session = state.initialized && state.authenticated && state.session;
+    const sessionResolverRef = (0, react_1.useRef)(sessionResolver);
+    sessionResolverRef.current = sessionResolver;
+    const loadSession = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        contextValue.setValue({ loading: true, loadError: false });
+        try {
+            const data = yield sessionResolverRef.current();
+            if (!data) {
+                contextValue.setValue({
+                    initialized: true,
+                    authenticated: false,
+                    sessionExpired: false,
+                    session: null,
+                });
+                (_a = onUnauthenticatedRef.current) === null || _a === void 0 ? void 0 : _a.call(onUnauthenticatedRef, 'load');
+            }
+            else {
+                contextValue.setValue({
+                    initialized: true,
+                    authenticated: true,
+                    session: data,
+                });
+            }
+        }
+        catch (error) {
+            console.error('Error fetching auth session', error);
+            contextValue.setValue({ loadError: true });
+        }
+        finally {
+            contextValue.setValue({ loading: false });
+        }
+    }), [contextValue]);
+    (0, react_1.useEffect)(() => {
+        contextValue.setValue({ loadSession });
+    }, [contextValue, loadSession]);
+    (0, react_1.useEffect)(() => {
+        loadSession().catch(console.error);
+    }, [loadSession]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (!session) {
+            return;
+        }
+        const exp = session.exp * 1000;
+        const timeout = exp - Date.now();
+        if (timeout <= 0) {
+            contextValue.setValue({
+                initialized: true,
+                authenticated: false,
+                sessionExpired: true,
+                session: null,
+            });
+            (_a = onUnauthenticatedRef.current) === null || _a === void 0 ? void 0 : _a.call(onUnauthenticatedRef, 'sessionExpired');
+            return;
+        }
+        const timer = setTimeout(() => {
+            var _a;
+            contextValue.setValue({
+                initialized: true,
+                authenticated: false,
+                sessionExpired: true,
+                session: null,
+            });
+            (_a = onUnauthenticatedRef.current) === null || _a === void 0 ? void 0 : _a.call(onUnauthenticatedRef, 'sessionExpired');
+        }, timeout);
+        return () => {
+            clearTimeout(timer);
+        };
+    }, [contextValue, session]);
+    return ((0, jsx_runtime_1.jsx)(context_2.AuthContext.Provider, { value: contextValue, children: children }));
+};
+exports.AuthProvider = AuthProvider;

package/dist/auth/context.d.ts

@@ -0,0 +1,30 @@
+type UnauthorizeReason = 'sessionExpired' | 'unauthorized' | 'logout' | 'load';
+interface AuthStoreLoadingState {
+    initialized: false;
+}
+interface AuthStoreUnauthorizedState {
+    initialized: true;
+    authenticated: false;
+    sessionExpired: boolean;
+    session: null;
+}
+interface AuthStoreAuthorizedState<T extends AuthSession = AuthSession> {
+    initialized: true;
+    authenticated: true;
+    session: T;
+}
+export type AuthState = (AuthStoreLoadingState | AuthStoreUnauthorizedState | AuthStoreAuthorizedState) & {
+    loading: boolean;
+    loadError: boolean;
+    loadSession: () => Promise<void>;
+    onUnauthenticated?: (reason: UnauthorizeReason) => void;
+};
+export interface AuthSession {
+    exp: number;
+    fullName: string;
+    email: string;
+    profilePicture?: string;
+    data?: Record<string, any>;
+}
+export declare const AuthContext: import("react").Context<import("../mutable/context").ContextValue<AuthState>>;
+export {};

package/dist/auth/context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthContext = void 0;
+const context_1 = require("../mutable/context");
+exports.AuthContext = (0, context_1.createContext)();

package/dist/auth/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useAuthSession';
+export * from './useLogout';

package/dist/auth/hooks/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./useAuthSession"), exports);
+__exportStar(require("./useLogout"), exports);

package/dist/auth/hooks/useAuthSession.d.ts

@@ -0,0 +1,2 @@
+import { AuthSession } from '../context';
+export declare function useAuthSession<T extends AuthSession = AuthSession>(): T | null;

package/dist/auth/hooks/useAuthSession.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAuthSession = useAuthSession;
+const mutable_1 = require("../../mutable");
+const context_1 = require("../context");
+function useAuthSession() {
+    return (0, mutable_1.useContextSelector)(context_1.AuthContext, (state) => {
+        if (!state.initialized) {
+            return null;
+        }
+        if (!state.authenticated) {
+            return null;
+        }
+        return state.session;
+    });
+}

package/dist/auth/hooks/useLogout.d.ts

@@ -0,0 +1 @@
+export declare function useLogout(): () => void;

package/dist/auth/hooks/useLogout.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogout = useLogout;
+const react_1 = require("react");
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useLogout() {
+    const setValue = (0, context_1.useContextSetValue)(context_2.AuthContext);
+    const onUnauthenticated = (0, context_1.useContextSelector)(context_2.AuthContext, (state) => state.onUnauthenticated);
+    const logout = (0, react_1.useCallback)(() => {
+        setValue({
+            initialized: true,
+            authenticated: false,
+            session: null,
+        });
+        onUnauthenticated === null || onUnauthenticated === void 0 ? void 0 : onUnauthenticated('logout');
+    }, [setValue, onUnauthenticated]);
+    return logout;
+}

package/dist/auth/index.d.ts

@@ -0,0 +1,4 @@
+export { AuthContext, type AuthSession, type AuthState } from './context';
+export { AuthProvider, type AuthProviderProps } from './AuthProvider';
+export * from './types';
+export * from './hooks';

package/dist/auth/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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 });
+exports.AuthProvider = exports.AuthContext = void 0;
+var context_1 = require("./context");
+Object.defineProperty(exports, "AuthContext", { enumerable: true, get: function () { return context_1.AuthContext; } });
+var AuthProvider_1 = require("./AuthProvider");
+Object.defineProperty(exports, "AuthProvider", { enumerable: true, get: function () { return AuthProvider_1.AuthProvider; } });
+__exportStar(require("./types"), exports);
+__exportStar(require("./hooks"), exports);

package/dist/auth/types.d.ts

@@ -0,0 +1,10 @@
+import { AuthSession } from './context';
+export type UnauthorizeReason = 'sessionExpired' | 'unauthorized' | 'logout' | 'load';
+export interface AuthProviderPlaceholderProps {
+    loading?: boolean;
+    loadingError?: boolean;
+    unauthorized?: boolean;
+    sessionExpired?: boolean;
+    retry: () => void;
+}
+export type SessionResolver = () => Promise<AuthSession | null>;

package/dist/auth/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/builders/CommandBuilder.d.ts

@@ -0,0 +1,176 @@
+import { EntityFormCommandContext, 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';
+export declare function localizedLabel<T extends {
+    label: string;
+    localizedLabels?: Localized<string>;
+}>(language: string, value: T, fallback?: T): string;
+export declare function createLocalizedSelector<T>(stringSet: T, localizedStringSet: Localized<T> | undefined, language: string): <U>(selector: (stringSet: T) => U) => U;
+export declare namespace CommandBuilder {
+    namespace View {
+        export function createNewRecordCommand({ Icon, text, localizedTexts, }: {
+            Icon: Icon;
+            text: string;
+            localizedTexts?: Record<string, string>;
+        }): EntityMainGridCommandItemExperience;
+        export function createEditRecordCommand({ Icon, text, localizedTexts, }: {
+            Icon: Icon;
+            text: string;
+            localizedTexts?: Record<string, string>;
+        }): EntityMainGridCommandItemExperience;
+        interface DeleteRecordCommandStringSet {
+            confirmation: {
+                title: string | string[];
+                text: string | string[];
+                buttonCancel: string;
+                buttonConfirm: string;
+            };
+            status: {
+                deleting: string | string[];
+            };
+            successNotification: {
+                title: string | string[];
+                text: string | string[];
+            };
+            errorNotification: {
+                title: string;
+            };
+        }
+        export const defaultDeleteRecordStringSet: DeleteRecordCommandStringSet;
+        export function createDeleteRecordCommand({ Icon, localizedText, text, stringSet, localizedStringSet, }: {
+            Icon: Icon;
+            text: string;
+            localizedText?: Record<string, string>;
+            stringSet?: DeleteRecordCommandStringSet;
+            localizedStringSet?: Localized<DeleteRecordCommandStringSet>;
+        }): EntityMainGridCommandItemExperience;
+        export function createRefreshCommand({ Icon, localizedTexts, text, }: {
+            Icon: Icon;
+            text: string;
+            localizedTexts?: Record<string, string>;
+        }): EntityMainGridCommandItemExperience;
+        export 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;
+        export {};
+    }
+    namespace Form {
+        export function createSaveCommand({ Icon, text, localizedTexts, }: {
+            Icon: Icon;
+            text: string;
+            localizedTexts?: Record<string, string>;
+        }): EntityMainFormCommandItemExperience;
+        export function createSaveAndCloseCommand({ Icon, text, localizedTexts, }: {
+            Icon: Icon;
+            text: string;
+            localizedTexts?: Record<string, string>;
+        }): EntityMainFormCommandItemExperience;
+        interface DeleteRecordCommandStringSet {
+            confirmation: {
+                title: string;
+                text: string;
+                buttonCancel: string;
+                buttonConfirm: string;
+            };
+            status: {
+                deleting: string;
+            };
+            successNotification: {
+                title: string;
+                text: string;
+            };
+            errorNotification: {
+                title: string;
+            };
+        }
+        export const defaultDeleteRecordStringSet: DeleteRecordCommandStringSet;
+        export function createDeleteCommand({ Icon, text, localizedTexts, stringSet, }: {
+            Icon: Icon;
+            text: string;
+            localizedTexts?: Record<string, string>;
+            stringSet: DeleteRecordCommandStringSet | ((context: EntityFormCommandContext) => DeleteRecordCommandStringSet);
+        }): EntityMainFormCommandItemExperience;
+        export function createRefreshCommand({ Icon, text, localizedTexts, }: {
+            Icon: Icon;
+            text: string;
+            localizedTexts?: Record<string, string>;
+        }): EntityMainFormCommandItemExperience;
+        export {};
+    }
+    namespace Subgrid {
+        export function createNewRecordCommand({ Icon, text, localizedTexts, }: {
+            Icon: Icon;
+            text: string;
+            localizedTexts?: Record<string, string>;
+        }): SubGridCommandItemExperience;
+        export function createEditRecordCommand({ Icon, text, localizedTexts, }: {
+            Icon: Icon;
+            text: string;
+            localizedTexts?: Record<string, string>;
+        }): SubGridCommandItemExperience;
+        interface DeleteRecordCommandStringSet {
+            confirmation: {
+                title: string | string[];
+                text: string | string[];
+                buttonCancel: string;
+                buttonConfirm: string;
+            };
+            status: {
+                deleting: string | string[];
+            };
+            successNotification: {
+                title: string | string[];
+                text: string | string[];
+            };
+            errorNotification: {
+                title: string;
+            };
+        }
+        export const defaultDeleteRecordStringSet: DeleteRecordCommandStringSet;
+        export function createDeleteRecordCommand({ Icon, localizedText, text, stringSet, localizedStringSet, }: {
+            Icon: Icon;
+            text: string;
+            localizedText?: Record<string, string>;
+            stringSet?: DeleteRecordCommandStringSet;
+            localizedStringSet?: Localized<DeleteRecordCommandStringSet>;
+        }): SubGridCommandItemExperience;
+        export function createRefreshCommand({ Icon, localizedTexts, text, }: {
+            Icon: Icon;
+            text: string;
+            localizedTexts?: Record<string, string>;
+        }): SubGridCommandItemExperience;
+        export 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>;
+            };
+        }): SubGridCommandItemExperience;
+        export {};
+    }
+}