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

package/builders/SchemaExperienceBuilder.d.ts

@@ -2,6 +2,8 @@ import { AsyncForm, AsyncQuickCreateForm, Form, FormExperience, QuickCreateForm
 import { SchemaExperience } from '@headless-adminapp/core/experience/schema';
 import { AsyncView, View, ViewExperience } from '@headless-adminapp/core/experience/view';
 import { Schema, SchemaAttributes } from '@headless-adminapp/core/schema';
+import { DefineFormExperience } from './DefineFormExperience';
+import { DefineViewExperience } from './DefineViewExperience';
 declare abstract class BaseSchemaExperienceBuilder<S extends SchemaAttributes> {
     protected readonly logicalName: string;
     protected views: View<S>[];
@@ -26,7 +28,6 @@ declare abstract class BaseSchemaExperienceBuilder<S extends SchemaAttributes> {
         defaultQuickCreateFormId: string | null;
         quickCreateForms: QuickCreateForm<S>[];
     };
-    defineFormExperience(formExperience: FormExperience<S>): FormExperience<S>;
 }
 export interface SchemaExperienceBuilderDefaults {
     localizedViewNames?: Record<string, string>;
@@ -34,14 +35,15 @@ export interface SchemaExperienceBuilderDefaults {
 interface SchemaExperienceBuilderOptions {
 }
 export declare class SchemaExperienceBuilder<S extends SchemaAttributes = SchemaAttributes> extends BaseSchemaExperienceBuilder<S> {
-    private schema;
-    private defaults?;
-    private options?;
+    private readonly schema;
+    private readonly defaults?;
+    private readonly options?;
     constructor(schema: Schema<S>, defaults?: SchemaExperienceBuilderDefaults | undefined, options?: SchemaExperienceBuilderOptions | undefined);
-    defineViewExperience(viewExperience: Pick<ViewExperience<S>, 'filter' | 'defaultSorting'> & {
-        card?: ViewExperience<S>['card'];
-        grid?: ViewExperience<S>['grid'];
+    defineViewExperience(viewExperience: Pick<DefineViewExperience.Experience<S>, 'filter' | 'defaultSorting'> & {
+        grid?: DefineViewExperience.Experience<S>['grid'];
+        card?: DefineViewExperience.Experience<S>['card'];
     }): ViewExperience<S>;
+    defineFormExperience(formExperience: DefineFormExperience.Experience<S>): FormExperience<S>;
     defineDefaultViewGrid(): ViewExperience<S>['grid'];
     defineDefaultViewCard(): ViewExperience<S>['card'];
     defineDefaultViewExperience(): ViewExperience<S>;

package/builders/SchemaExperienceBuilder.js

@@ -1,18 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SchemaExperienceBuilder = void 0;
+const DefineFormExperience_1 = require("./DefineFormExperience");
+const DefineViewExperience_1 = require("./DefineViewExperience");
 class BaseSchemaExperienceBuilder {
+    logicalName;
+    views = [];
+    forms = [];
+    lookups = [];
+    quickCreateForms = [];
+    defaultViewId = null;
+    defaultFormId = null;
+    defaultLookupId = null;
+    defaultQuickCreateFormId = null;
+    locked = false;
     constructor(logicalName) {
         this.logicalName = logicalName;
-        this.views = [];
-        this.forms = [];
-        this.lookups = [];
-        this.quickCreateForms = [];
-        this.defaultViewId = null;
-        this.defaultFormId = null;
-        this.defaultLookupId = null;
-        this.defaultQuickCreateFormId = null;
-        this.locked = false;
     }
     reset() {
         this.views = [];
@@ -36,17 +39,17 @@ class BaseSchemaExperienceBuilder {
         if (!this.defaultLookupId) {
             throw new Error('Default lookup is required');
         }
-        if (!this.views.find(v => v.id === this.defaultViewId)) {
+        if (!this.views.find((v) => v.id === this.defaultViewId)) {
             throw new Error('Default view not found');
         }
-        if (!this.forms.find(f => f.id === this.defaultFormId)) {
+        if (!this.forms.find((f) => f.id === this.defaultFormId)) {
             throw new Error('Default form not found');
         }
-        if (!this.lookups.find(l => l.id === this.defaultLookupId)) {
+        if (!this.lookups.find((l) => l.id === this.defaultLookupId)) {
             throw new Error('Default lookup not found');
         }
         if (this.defaultQuickCreateFormId &&
-            !this.quickCreateForms.find(f => f.id === this.defaultQuickCreateFormId)) {
+            !this.quickCreateForms.find((f) => f.id === this.defaultQuickCreateFormId)) {
             throw new Error('Default quick create form not found');
         }
         return {
@@ -61,11 +64,11 @@ class BaseSchemaExperienceBuilder {
             quickCreateForms: this.quickCreateForms,
         };
     }
-    defineFormExperience(formExperience) {
-        return formExperience;
-    }
 }
 class SchemaExperienceBuilder extends BaseSchemaExperienceBuilder {
+    schema;
+    defaults;
+    options;
     constructor(schema, defaults, options) {
         super(schema.logicalName);
         this.schema = schema;
@@ -73,10 +76,16 @@ class SchemaExperienceBuilder extends BaseSchemaExperienceBuilder {
         this.options = options;
     }
     defineViewExperience(viewExperience) {
-        var _a, _b;
-        const cardView = (_a = viewExperience.card) !== null && _a !== void 0 ? _a : this.defineDefaultViewCard();
-        const gridView = (_b = viewExperience.grid) !== null && _b !== void 0 ? _b : this.defineDefaultViewGrid();
-        return Object.assign(Object.assign({}, viewExperience), { grid: gridView, card: cardView });
+        const cardView = viewExperience.card ?? this.defineDefaultViewCard();
+        const gridView = viewExperience.grid ?? this.defineDefaultViewGrid();
+        return DefineViewExperience_1.DefineViewExperience.resolveExperience({
+            ...viewExperience,
+            grid: gridView,
+            card: cardView,
+        });
+    }
+    defineFormExperience(formExperience) {
+        return DefineFormExperience_1.DefineFormExperience.resolveExperience(formExperience);
     }
     defineDefaultViewGrid() {
         const columns = [];
@@ -155,16 +164,15 @@ class SchemaExperienceBuilder extends BaseSchemaExperienceBuilder {
         };
     }
     getLocalizedViewNames() {
-        var _a;
         const langugesSet = new Set();
         this.schema.localizedPluralLabels &&
-            Object.keys(this.schema.localizedPluralLabels).forEach(key => langugesSet.add(key));
-        ((_a = this.defaults) === null || _a === void 0 ? void 0 : _a.localizedViewNames) &&
-            Object.keys(this.defaults.localizedViewNames).forEach(key => langugesSet.add(key));
+            Object.keys(this.schema.localizedPluralLabels).forEach((key) => langugesSet.add(key));
+        this.defaults?.localizedViewNames &&
+            Object.keys(this.defaults.localizedViewNames).forEach((key) => langugesSet.add(key));
         const localizedLabels = Array.from(langugesSet).reduce((acc, key) => {
-            var _a, _b, _c, _d, _e, _f;
-            const localizedPluralName = (_c = (_b = (_a = this.schema.localizedPluralLabels) === null || _a === void 0 ? void 0 : _a[key]) === null || _b === void 0 ? void 0 : _b.toLowerCase()) !== null && _c !== void 0 ? _c : this.schema.pluralLabel.toLowerCase();
-            const localizedPlaceholder = (_f = (_e = (_d = this.defaults) === null || _d === void 0 ? void 0 : _d.localizedViewNames) === null || _e === void 0 ? void 0 : _e[key]) !== null && _f !== void 0 ? _f : `All {label}`;
+            const localizedPluralName = this.schema.localizedPluralLabels?.[key]?.toLowerCase() ??
+                this.schema.pluralLabel.toLowerCase();
+            const localizedPlaceholder = this.defaults?.localizedViewNames?.[key] ?? `All {label}`;
             const localeName = localizedPlaceholder.replace('{label}', localizedPluralName);
             acc[key] = localeName;
             return acc;
@@ -178,18 +186,17 @@ class SchemaExperienceBuilder extends BaseSchemaExperienceBuilder {
         if (!defaultId) {
             return data[0].id;
         }
-        if (!data.find(x => x.id === defaultId)) {
+        if (!data.find((x) => x.id === defaultId)) {
             return data[0].id;
         }
         return defaultId;
     }
     defineExperience(experience) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
         let lookups = experience.lookups;
         let views = experience.views;
         let forms = experience.forms;
         let associatedViews = experience.associatedViews;
-        if (!(lookups === null || lookups === void 0 ? void 0 : lookups.length)) {
+        if (!lookups?.length) {
             lookups = [
                 {
                     id: 'default',
@@ -198,7 +205,7 @@ class SchemaExperienceBuilder extends BaseSchemaExperienceBuilder {
                 },
             ];
         }
-        if (!(views === null || views === void 0 ? void 0 : views.length)) {
+        if (!views?.length) {
             views = [
                 {
                     id: 'default',
@@ -208,7 +215,7 @@ class SchemaExperienceBuilder extends BaseSchemaExperienceBuilder {
                 },
             ];
         }
-        if (!(associatedViews === null || associatedViews === void 0 ? void 0 : associatedViews.length)) {
+        if (!associatedViews?.length) {
             associatedViews = [
                 {
                     id: 'default',
@@ -218,7 +225,7 @@ class SchemaExperienceBuilder extends BaseSchemaExperienceBuilder {
                 },
             ];
         }
-        if (!(forms === null || forms === void 0 ? void 0 : forms.length)) {
+        if (!forms?.length) {
             forms = [
                 {
                     id: 'default',
@@ -232,8 +239,8 @@ class SchemaExperienceBuilder extends BaseSchemaExperienceBuilder {
         const defaultLookupId = this.resolveDefaultId(lookups, experience.defaultLookupId);
         const defaultAssociatedViewId = this.resolveDefaultId(associatedViews, experience.defaultAssociatedViewId);
         let defaultQuickCreateFormId = null;
-        if ((_a = experience.quickCreateForms) === null || _a === void 0 ? void 0 : _a.length) {
-            defaultQuickCreateFormId = this.resolveDefaultId((_b = experience.quickCreateForms) !== null && _b !== void 0 ? _b : [], experience.defaultQuickCreateFormId);
+        if (experience.quickCreateForms?.length) {
+            defaultQuickCreateFormId = this.resolveDefaultId(experience.quickCreateForms ?? [], experience.defaultQuickCreateFormId);
         }
         return {
             logicalName: this.logicalName,
@@ -243,11 +250,26 @@ class SchemaExperienceBuilder extends BaseSchemaExperienceBuilder {
             defaultViewId,
             defaultLookupId,
             defaultAssociatedViewId,
-            quickCreateForms: (_d = (_c = experience.quickCreateForms) === null || _c === void 0 ? void 0 : _c.map(x => (Object.assign(Object.assign({}, x), { logicalName: this.logicalName })))) !== null && _d !== void 0 ? _d : [],
-            views: (_e = views.map(x => (Object.assign(Object.assign({}, x), { logicalName: this.logicalName })))) !== null && _e !== void 0 ? _e : [],
-            forms: (_f = forms.map(x => (Object.assign(Object.assign({}, x), { logicalName: this.logicalName })))) !== null && _f !== void 0 ? _f : [],
-            lookups: (_g = lookups.map(x => (Object.assign(Object.assign({}, x), { logicalName: this.logicalName })))) !== null && _g !== void 0 ? _g : [],
-            associatedViews: (_h = associatedViews.map(x => (Object.assign(Object.assign({}, x), { logicalName: this.logicalName })))) !== null && _h !== void 0 ? _h : [],
+            quickCreateForms: experience.quickCreateForms?.map((x) => ({
+                ...x,
+                logicalName: this.logicalName,
+            })) ?? [],
+            views: views.map((x) => ({
+                ...x,
+                logicalName: this.logicalName,
+            })) ?? [],
+            forms: forms.map((x) => ({
+                ...x,
+                logicalName: this.logicalName,
+            })) ?? [],
+            lookups: lookups.map((x) => ({
+                ...x,
+                logicalName: this.logicalName,
+            })) ?? [],
+            associatedViews: associatedViews.map((x) => ({
+                ...x,
+                logicalName: this.logicalName,
+            })) ?? [],
             formCommands: experience.formCommands,
             subgridCommands: experience.subgridCommands,
             viewCommands: experience.viewCommands,

package/builders/utils.js

@@ -22,15 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-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.exportRecordsXLS = exports.exportRecordsCSV = void 0;
 exports.retriveRecords = retriveRecords;
@@ -38,14 +29,13 @@ const utils_1 = require("../datagrid/DataGridProvider/utils");
 const utils_2 = require("../utils");
 const getHeaders = (schema, gridColumns, schemaStore) => {
     const headers = gridColumns.map((column) => {
-        var _a, _b, _c;
         if (column.name.indexOf('.') !== -1) {
             const [lookup, field] = column.name.split('.');
             const entity = schema.attributes[lookup].entity;
             const lookupSchema = schemaStore.getSchema(entity);
-            return `${(_a = lookupSchema.attributes[field]) === null || _a === void 0 ? void 0 : _a.label} (${(_b = schema.attributes[lookup]) === null || _b === void 0 ? void 0 : _b.label})`;
+            return `${lookupSchema.attributes[field]?.label} (${schema.attributes[lookup]?.label})`;
         }
-        return (_c = schema.attributes[column.name]) === null || _c === void 0 ? void 0 : _c.label;
+        return schema.attributes[column.name]?.label;
     });
     return headers;
 };
@@ -64,13 +54,12 @@ function getAttribute({ column, schema, schemaStore, }) {
     return attribute;
 }
 function extractAttributeData({ column, record, schema, schemaStore, }) {
-    var _a, _b;
     const attribute = getAttribute({ column, schema, schemaStore });
     let value;
     if (column.expandedKey) {
         const lookup = column.name;
         const field = column.expandedKey;
-        value = (_b = (_a = record.$expand) === null || _a === void 0 ? void 0 : _a[lookup]) === null || _b === void 0 ? void 0 : _b[field];
+        value = record.$expand?.[lookup]?.[field];
     }
     else {
         value = record[column.name];
@@ -80,12 +69,11 @@ function extractAttributeData({ column, record, schema, schemaStore, }) {
         value,
     };
 }
-const exportRecordsCSV = (_a) => __awaiter(void 0, [_a], void 0, function* ({ schema, records, gridColumns, schemaStore, fileName, }) {
-    const csvDownload = yield Promise.resolve().then(() => __importStar(require('json-to-csv-export')));
+const exportRecordsCSV = async ({ schema, records, gridColumns, schemaStore, fileName, }) => {
+    const csvDownload = await Promise.resolve().then(() => __importStar(require('json-to-csv-export')));
     const headers = getHeaders(schema, gridColumns, schemaStore);
     const cellData = records.map((record) => {
         return gridColumns.map((column) => {
-            var _a, _b;
             const { attribute, value } = extractAttributeData({
                 column,
                 record,
@@ -93,9 +81,9 @@ const exportRecordsCSV = (_a) => __awaiter(void 0, [_a], void 0, function* ({ sc
                 schemaStore,
             });
             if (attribute.type === 'money' || attribute.type === 'number') {
-                return (_a = value === null || value === void 0 ? void 0 : value.toString()) !== null && _a !== void 0 ? _a : '';
+                return value?.toString() ?? '';
             }
-            return (_b = (0, utils_2.getAttributeFormattedValue)(attribute, value)) !== null && _b !== void 0 ? _b : '';
+            return (0, utils_2.getAttributeFormattedValue)(attribute, value) ?? '';
         });
     });
     csvDownload.default({
@@ -104,10 +92,10 @@ const exportRecordsCSV = (_a) => __awaiter(void 0, [_a], void 0, function* ({ sc
         delimiter: ',',
         filename: fileName,
     });
-});
+};
 exports.exportRecordsCSV = exportRecordsCSV;
-const exportRecordsXLS = (_a) => __awaiter(void 0, [_a], void 0, function* ({ fileName, gridColumns, records, schema, schemaStore, }) {
-    const ExcelJS = yield Promise.resolve().then(() => __importStar(require('exceljs')));
+const exportRecordsXLS = async ({ fileName, gridColumns, records, schema, schemaStore, }) => {
+    const ExcelJS = await Promise.resolve().then(() => __importStar(require('exceljs')));
     const headers = getHeaders(schema, gridColumns, schemaStore);
     const cellData = records.map((item) => {
         return gridColumns.map((column) => {
@@ -120,7 +108,7 @@ const exportRecordsXLS = (_a) => __awaiter(void 0, [_a], void 0, function* ({ fi
             if (!value) {
                 return '';
             }
-            switch (attribute === null || attribute === void 0 ? void 0 : attribute.type) {
+            switch (attribute?.type) {
                 case 'money':
                 case 'number':
                     return value;
@@ -142,8 +130,8 @@ const exportRecordsXLS = (_a) => __awaiter(void 0, [_a], void 0, function* ({ fi
     gridColumns.forEach((column, index) => {
         const attribute = getAttribute({ column, schema, schemaStore });
         const sheetColumn = worksheet.getColumn(index + 1);
-        let formatFn = (value) => { var _a; return (_a = (0, utils_2.getAttributeFormattedValue)(attribute, value)) !== null && _a !== void 0 ? _a : ''; };
-        if ((attribute === null || attribute === void 0 ? void 0 : attribute.type) === 'money') {
+        let formatFn = (value) => (0, utils_2.getAttributeFormattedValue)(attribute, value) ?? '';
+        if (attribute?.type === 'money') {
             sheetColumn.numFmt = '"₹" #,##0.00';
         }
         let maxLength = 0;
@@ -156,30 +144,28 @@ const exportRecordsXLS = (_a) => __awaiter(void 0, [_a], void 0, function* ({ fi
         sheetColumn.width = Math.max(maxLength, 10) * 1.2;
     });
     // Generate the Excel file
-    const buffer = yield workbook.xlsx.writeBuffer();
-    var blob = new Blob([buffer], {
+    const buffer = await workbook.xlsx.writeBuffer();
+    const blob = new Blob([buffer], {
         type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
     });
-    var link = document.createElement('a');
+    const link = document.createElement('a');
     link.href = window.URL.createObjectURL(blob);
     link.download = fileName;
     link.click();
-});
+};
 exports.exportRecordsXLS = exportRecordsXLS;
-function retriveRecords(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ gridColumns, dataService, schema, search, view, extraFilter, columnFilters, schemaStore, sorting, skip, limit, }) {
-        const expand = (0, utils_1.collectExpandedKeys)(gridColumns);
-        const columns = Array.from(new Set([...gridColumns.filter((x) => !x.expandedKey).map((x) => x.name)]));
-        const result = yield dataService.retriveRecords({
-            logicalName: schema.logicalName,
-            search,
-            columns: columns,
-            expand,
-            filter: (0, utils_1.mergeConditions)(schema, view.experience.filter, extraFilter, columnFilters, schemaStore),
-            skip,
-            limit,
-            sort: sorting,
-        });
-        return result;
+async function retriveRecords({ gridColumns, dataService, schema, search, view, extraFilter, columnFilters, schemaStore, sorting, skip, limit, }) {
+    const expand = (0, utils_1.collectExpandedKeys)(gridColumns);
+    const columns = Array.from(new Set([...gridColumns.filter((x) => !x.expandedKey).map((x) => x.name)]));
+    const result = await dataService.retriveRecords({
+        logicalName: schema.logicalName,
+        search,
+        columns: columns,
+        expand,
+        filter: (0, utils_1.mergeConditions)(schema, view.experience.filter, extraFilter, columnFilters, schemaStore),
+        skip,
+        limit,
+        sort: sorting,
     });
+    return result;
 }

package/calendar/baseEventAttributes.d.ts

@@ -0,0 +1,35 @@
+export declare const baseEventAttributes: {
+    id: {
+        type: "id";
+        label: string;
+        string: true;
+    };
+    title: {
+        type: "string";
+        format: "text";
+        label: string;
+        required: true;
+    };
+    start: {
+        type: "date";
+        format: "datetime";
+        label: string;
+        required: true;
+    };
+    end: {
+        type: "date";
+        format: "datetime";
+        label: string;
+        required: true;
+    };
+    allDay: {
+        type: "boolean";
+        label: string;
+    };
+    description: {
+        type: "string";
+        format: "textarea";
+        label: string;
+    };
+};
+export type BaseEventAttributes = typeof baseEventAttributes;

package/calendar/baseEventAttributes.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.baseEventAttributes = void 0;
+const utils_1 = require("@headless-adminapp/core/schema/utils");
+exports.baseEventAttributes = (0, utils_1.defineSchemaAttributes)({
+    id: {
+        type: 'id',
+        label: 'ID',
+        string: true,
+    },
+    title: {
+        type: 'string',
+        format: 'text',
+        label: 'Title',
+        required: true,
+    },
+    start: {
+        type: 'date',
+        format: 'datetime',
+        label: 'Start',
+        required: true,
+    },
+    end: {
+        type: 'date',
+        format: 'datetime',
+        label: 'End',
+        required: true,
+    },
+    allDay: {
+        type: 'boolean',
+        label: 'All day',
+    },
+    description: {
+        type: 'string',
+        format: 'textarea',
+        label: 'Description',
+    },
+});

package/calendar/context.d.ts

@@ -0,0 +1,6 @@
+import type { SchemaAttributes } from '@headless-adminapp/core/schema';
+import { CalendarConfig } from './types';
+export interface CalendarContextState<SA1 extends SchemaAttributes = SchemaAttributes, SA2 extends SchemaAttributes = SchemaAttributes, SA3 extends SchemaAttributes = SchemaAttributes> {
+    config: CalendarConfig<SA1, SA2, SA3>;
+}
+export declare const CalendarContext: import("react").Context<import("@headless-adminapp/app/mutable").ContextValue<CalendarContextState<SchemaAttributes, SchemaAttributes, SchemaAttributes>>>;

package/calendar/context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalendarContext = void 0;
+const mutable_1 = require("@headless-adminapp/app/mutable");
+exports.CalendarContext = (0, mutable_1.createContext)();

package/calendar/hooks/index.d.ts

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

package/{appearance → calendar}/hooks/index.js

@@ -14,4 +14,4 @@ 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);
+__exportStar(require("./useConfig"), exports);

package/calendar/hooks/useConfig.d.ts

@@ -0,0 +1,3 @@
+import { SchemaAttributes } from '@headless-adminapp/core/schema';
+import { CalendarConfig } from '../types';
+export declare function useConfig<SA1 extends SchemaAttributes = SchemaAttributes, SA2 extends SchemaAttributes = SchemaAttributes, SA3 extends SchemaAttributes = SchemaAttributes>(): CalendarConfig<SA1, SA2, SA3>;

package/calendar/hooks/useConfig.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useConfig = useConfig;
+const mutable_1 = require("@headless-adminapp/app/mutable");
+const context_1 = require("../context");
+function useConfig() {
+    return (0, mutable_1.useContextSelector)(context_1.CalendarContext, (state) => state.config);
+}

package/calendar/types.d.ts

@@ -0,0 +1,41 @@
+import { InferredSchemaType, SchemaAttributes } from '@headless-adminapp/core/schema';
+import { AuthSession } from '../auth';
+export interface CalendarEvent {
+    id: string;
+    title: string;
+    start?: Date | null;
+    end?: Date | null;
+    allDay?: boolean | null;
+    description?: string | null;
+}
+export type CalendarEventExtended<SA1 extends SchemaAttributes = SchemaAttributes, SA2 extends SchemaAttributes = SchemaAttributes> = CalendarEvent & InferredSchemaType<SA1> & InferredSchemaType<SA2>;
+export interface CalendarEventsResolverFnOptions<SA extends SchemaAttributes = SchemaAttributes> {
+    start: Date;
+    end: Date;
+    filter?: InferredSchemaType<SA>;
+    auth: AuthSession | null;
+}
+export type CalendarEventsResolverFn<SA extends SchemaAttributes = SchemaAttributes> = (options: CalendarEventsResolverFnOptions<SA>) => Promise<CalendarEvent[]>;
+export type CalendarEventResolverFn<T extends CalendarEvent = CalendarEvent> = (id: string) => Promise<T>;
+export type CalendarEventSaveData<SA1 extends SchemaAttributes = SchemaAttributes, SA2 extends SchemaAttributes = SchemaAttributes> = Omit<CalendarEvent, 'id'> & {
+    id?: CalendarEvent['id'];
+} & InferredSchemaType<SA1> & InferredSchemaType<SA2>;
+export interface CalendarEventSaveFnOptions<SA1 extends SchemaAttributes = SchemaAttributes, SA2 extends SchemaAttributes = SchemaAttributes> {
+    event: CalendarEventSaveData<SA1, SA2>;
+    modifiedValues: Partial<CalendarEventSaveData<SA1, SA2>>;
+}
+export type CalendarEventSaveFn<SA1 extends SchemaAttributes = SchemaAttributes, SA2 extends SchemaAttributes = SchemaAttributes> = ({ event, modifiedValues, }: CalendarEventSaveFnOptions<SA1, SA2>) => Promise<void>;
+export interface CalendarConfig<SA1 extends SchemaAttributes = SchemaAttributes, SA2 extends SchemaAttributes = SchemaAttributes, SA3 extends SchemaAttributes = SchemaAttributes> {
+    eventsResolver: CalendarEventsResolverFn<SA3>;
+    eventResolver?: CalendarEventResolverFn;
+    saveEvent: CalendarEventSaveFn<SA1, SA2>;
+    beforeDescriptionAttributes?: SA1;
+    afterDescriptionAttributes?: SA2;
+    filterAttributes?: SA3;
+    defaultFilter?: InferredSchemaType<SA3>;
+    openRecord?: (id: string) => void;
+    deleteEvent: (id: string) => Promise<void>;
+    title: string;
+    description: string;
+    eventLabel: string;
+}

package/calendar/types.js

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

package/calendar/utils.d.ts

@@ -0,0 +1,3 @@
+import { SchemaAttributes } from '@headless-adminapp/core/schema';
+import { CalendarConfig } from './types';
+export declare function defineCalendarConfig<SA1 extends SchemaAttributes = SchemaAttributes, SA2 extends SchemaAttributes = SchemaAttributes, SA3 extends SchemaAttributes = SchemaAttributes>(config: CalendarConfig<SA1, SA2, SA3>): CalendarConfig<SA1, SA2, SA3>;

package/calendar/utils.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defineCalendarConfig = defineCalendarConfig;
+function defineCalendarConfig(config) {
+    return config;
+}

package/command/hooks/useBaseCommandHandlerContext.js

@@ -4,6 +4,7 @@ exports.useUtility = useUtility;
 exports.useBaseCommandHandlerContext = useBaseCommandHandlerContext;
 const navigation_1 = require("@headless-adminapp/app/navigation");
 const react_query_1 = require("@tanstack/react-query");
+const react_1 = require("react");
 const hooks_1 = require("../../dialog/hooks");
 const locale_1 = require("../../locale");
 const hooks_2 = require("../../metadata/hooks");
@@ -17,7 +18,7 @@ function useUtility() {
     const openErrorDialog = (0, hooks_1.useOpenErrorDialog)();
     const openPromptDialog = (0, hooks_1.useOpenPromptDialog)();
     const openToastNotification = (0, useOpenToastNotification_1.useOpenToastNotification)();
-    return {
+    return (0, react_1.useMemo)(() => ({
         hideProgressIndicator,
         showProgressIndicator,
         openAlertDialog,
@@ -25,13 +26,21 @@ function useUtility() {
         openErrorDialog,
         openPromptDialog,
         showNotification: openToastNotification,
-    };
+    }), [
+        hideProgressIndicator,
+        openAlertDialog,
+        openConfirmDialog,
+        openErrorDialog,
+        openPromptDialog,
+        openToastNotification,
+        showProgressIndicator,
+    ]);
 }
 function useNavigation() {
     const openForm = (0, navigation_1.useOpenForm)();
-    return {
+    return (0, react_1.useMemo)(() => ({
         openForm,
-    };
+    }), [openForm]);
 }
 function useBaseCommandHandlerContext() {
     const dataService = (0, transport_1.useDataService)();
@@ -40,12 +49,12 @@ function useBaseCommandHandlerContext() {
     const utility = useUtility();
     const locale = (0, locale_1.useLocale)();
     const navigation = useNavigation();
-    return {
+    return (0, react_1.useMemo)(() => ({
         dataService,
         queryClient,
         utility,
         stores,
         locale,
         navigation,
-    };
+    }), [dataService, queryClient, stores, utility, locale, navigation]);
 }

package/command/hooks/useCommands.js

@@ -11,6 +11,6 @@ function useCommands(commands, handlerContext, selector) {
     const selectorRef = (0, react_1.useRef)(selector);
     selectorRef.current = selector;
     return (0, react_1.useMemo)(() => {
-        return (0, utils_1.transformCommadnGroups)(commands !== null && commands !== void 0 ? commands : [], handlerContext, selectorRef.current);
+        return (0, utils_1.transformCommadnGroups)(commands ?? [], handlerContext, selectorRef.current);
     }, [commands, handlerContext]);
 }