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

package/builders/utils.d.ts

@@ -0,0 +1,28 @@
+import { ColumnCondition, SortingState, View } from '@headless-adminapp/core/experience/view';
+import { InferredSchemaType, Schema, SchemaAttributes } from '@headless-adminapp/core/schema';
+import { ISchemaStore } from '@headless-adminapp/core/store';
+import { Filter, IDataService } from '@headless-adminapp/core/transport';
+import { TransformedViewColumn } from '../datagrid';
+type ExportFn<S extends SchemaAttributes = SchemaAttributes> = (option: {
+    schema: Schema<S>;
+    records: unknown[];
+    gridColumns: TransformedViewColumn<SchemaAttributes>[];
+    schemaStore: ISchemaStore;
+    fileName: string;
+}) => Promise<void>;
+export declare const exportRecordsCSV: ExportFn;
+export declare const exportRecordsXLS: ExportFn;
+export declare function retriveRecords<S extends SchemaAttributes = SchemaAttributes>({ gridColumns, dataService, schema, search, view, extraFilter, columnFilters, schemaStore, sorting, skip, limit, }: {
+    gridColumns: TransformedViewColumn<SchemaAttributes>[];
+    dataService: IDataService;
+    schema: Schema<S>;
+    search?: string;
+    view: View<S>;
+    extraFilter?: Filter;
+    columnFilters?: Partial<Record<string, ColumnCondition>>;
+    schemaStore: ISchemaStore;
+    sorting: SortingState<S>;
+    skip: number;
+    limit: number;
+}): Promise<import("@headless-adminapp/core/transport").RetriveRecordsResult<InferredSchemaType<S>>>;
+export {};

package/builders/utils.js

@@ -0,0 +1,185 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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;
+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 (_c = schema.attributes[column.name]) === null || _c === void 0 ? void 0 : _c.label;
+    });
+    return headers;
+};
+function getAttribute({ column, schema, schemaStore, }) {
+    let attribute;
+    if (column.expandedKey) {
+        const lookup = column.name;
+        const field = column.expandedKey;
+        const entity = schema.attributes[lookup].entity;
+        const lookupSchema = schemaStore.getSchema(entity);
+        attribute = lookupSchema.attributes[field];
+    }
+    else {
+        attribute = schema.attributes[column.name];
+    }
+    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];
+    }
+    else {
+        value = record[column.name];
+    }
+    return {
+        attribute,
+        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 headers = getHeaders(schema, gridColumns, schemaStore);
+    const cellData = records.map((record) => {
+        return gridColumns.map((column) => {
+            var _a, _b;
+            const { attribute, value } = extractAttributeData({
+                column,
+                record,
+                schema,
+                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 (_b = (0, utils_2.getAttributeFormattedValue)(attribute, value)) !== null && _b !== void 0 ? _b : '';
+        });
+    });
+    csvDownload.default({
+        headers,
+        data: cellData,
+        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 headers = getHeaders(schema, gridColumns, schemaStore);
+    const cellData = records.map((item) => {
+        return gridColumns.map((column) => {
+            const { attribute, value } = extractAttributeData({
+                column,
+                record: item,
+                schema,
+                schemaStore,
+            });
+            if (!value) {
+                return '';
+            }
+            switch (attribute === null || attribute === void 0 ? void 0 : attribute.type) {
+                case 'money':
+                case 'number':
+                    return value;
+                case 'date':
+                    return value ? new Date(value) : undefined;
+                default:
+                    return (0, utils_2.getAttributeFormattedValue)(attribute, value);
+            }
+        });
+    });
+    const workbook = new ExcelJS.Workbook();
+    const worksheet = workbook.addWorksheet('Sheet1');
+    worksheet.addRow(headers);
+    const headerRow = worksheet.getRow(1);
+    headerRow.font = { bold: true };
+    cellData.forEach((row) => {
+        worksheet.addRow(row);
+    });
+    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') {
+            sheetColumn.numFmt = '"₹" #,##0.00';
+        }
+        let maxLength = 0;
+        sheetColumn.eachCell((cell) => {
+            const length = formatFn(cell.value).length;
+            if (length > maxLength) {
+                maxLength = length;
+            }
+        });
+        sheetColumn.width = Math.max(maxLength, 10) * 1.2;
+    });
+    // Generate the Excel file
+    const buffer = yield workbook.xlsx.writeBuffer();
+    const blob = new Blob([buffer], {
+        type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+    });
+    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;
+    });
+}

package/command/hooks/useBaseCommandHandlerContext.js

@@ -2,7 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 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");
@@ -16,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,
@@ -24,7 +26,21 @@ function useUtility() {
         openErrorDialog,
         openPromptDialog,
         showNotification: openToastNotification,
-    };
+    }), [
+        hideProgressIndicator,
+        openAlertDialog,
+        openConfirmDialog,
+        openErrorDialog,
+        openPromptDialog,
+        openToastNotification,
+        showProgressIndicator,
+    ]);
+}
+function useNavigation() {
+    const openForm = (0, navigation_1.useOpenForm)();
+    return (0, react_1.useMemo)(() => ({
+        openForm,
+    }), [openForm]);
 }
 function useBaseCommandHandlerContext() {
     const dataService = (0, transport_1.useDataService)();
@@ -32,11 +48,13 @@ function useBaseCommandHandlerContext() {
     const stores = (0, hooks_2.useMetadata)();
     const utility = useUtility();
     const locale = (0, locale_1.useLocale)();
-    return {
+    const navigation = useNavigation();
+    return (0, react_1.useMemo)(() => ({
         dataService,
         queryClient,
         utility,
         stores,
         locale,
-    };
+        navigation,
+    }), [dataService, queryClient, stores, utility, locale, navigation]);
 }

package/command/hooks/useCommands.d.ts

@@ -4,4 +4,4 @@ import { CommandItemExperienceSelector, CommandItemState } from '../types';
  * @description Transforms the command configuration into a format that can be used by the CommandBar component
  *              and apply the necessary conditions to the commands (disabled, hidden, etc.)
  */
-export declare function useCommands<HandlerContext>(commands: CommandItemExperience<HandlerContext>[][], handlerContext: HandlerContext, selector?: CommandItemExperienceSelector<HandlerContext>): CommandItemState[][];
+export declare function useCommands<HandlerContext>(commands: CommandItemExperience<HandlerContext>[][] | undefined, handlerContext: HandlerContext, selector?: CommandItemExperienceSelector<HandlerContext>): CommandItemState[][];

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, handlerContext, selectorRef.current);
+        return (0, utils_1.transformCommadnGroups)(commands !== null && commands !== void 0 ? commands : [], handlerContext, selectorRef.current);
     }, [commands, handlerContext]);
 }

package/components/ScrollbarWithMoreDataRequest/index.d.ts

@@ -0,0 +1,9 @@
+import { FC, PropsWithChildren } from 'react';
+interface ScrollbarWithMoreDataRequest {
+    data: any;
+    hasMore: boolean;
+    onRequestMore: () => void;
+    rtl?: boolean;
+}
+export declare const ScrollbarWithMoreDataRequest: FC<PropsWithChildren<ScrollbarWithMoreDataRequest>>;
+export {};

package/components/ScrollbarWithMoreDataRequest/index.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollbarWithMoreDataRequest = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ScrollView_1 = require("../ScrollView");
+function getReaminingSpace(div) {
+    return div.scrollHeight - div.scrollTop - div.clientHeight;
+}
+const ScrollbarWithMoreDataRequest = ({ data, onRequestMore, hasMore, children, rtl }) => {
+    const divRef = (0, react_1.useRef)(null);
+    const onRequestMoreRef = (0, react_1.useRef)(onRequestMore);
+    onRequestMoreRef.current = onRequestMore;
+    (0, react_1.useEffect)(() => {
+        var _a;
+        const div = (_a = divRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+        if (!div) {
+            return;
+        }
+        const remainingSpace = getReaminingSpace(div);
+        if (remainingSpace <= 0 && hasMore) {
+            onRequestMoreRef.current();
+        }
+    }, [data, hasMore]);
+    return ((0, jsx_runtime_1.jsx)(ScrollView_1.ScrollView, { autoHide: true, rtl: rtl, onScroll: (e) => {
+            const div = e.target;
+            const remainingSpace = getReaminingSpace(div);
+            if (remainingSpace <= 0 && hasMore) {
+                onRequestMoreRef.current();
+            }
+        }, children: (0, jsx_runtime_1.jsx)("div", { ref: divRef, children: children }) }));
+};
+exports.ScrollbarWithMoreDataRequest = ScrollbarWithMoreDataRequest;

package/dataform/DataFormProvider/DataResolver.js

@@ -28,10 +28,10 @@ function getControls(form) {
     return controls;
 }
 function getColumns(form) {
-    var _a;
+    var _a, _b;
     const columns = Array.from(new Set([
         ...((_a = form.experience.includeAttributes) !== null && _a !== void 0 ? _a : []),
-        ...form.experience.headerControls,
+        ...((_b = form.experience.headerControls) !== null && _b !== void 0 ? _b : []),
         ...getControls(form)
             .filter((control) => control.type === 'standard')
             .map((control) => control.attributeName),
@@ -39,7 +39,7 @@ function getColumns(form) {
     return columns;
 }
 function getRecord(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ recordId, dataService, form, schema, columns, getSchema, }) {
+    return __awaiter(this, arguments, void 0, function* ({ recordId, dataService, form, schema, columns, schemaStore, }) {
         var _b;
         let record = null;
         try {
@@ -60,7 +60,7 @@ function getRecord(_a) {
             if (control.type !== 'editablegrid') {
                 continue;
             }
-            const controlSchema = getSchema(control.logicalName);
+            const controlSchema = schemaStore.getSchema(control.logicalName);
             const records = yield dataService.retriveRecords({
                 logicalName: controlSchema.logicalName,
                 filter: {
@@ -97,7 +97,7 @@ function DataResolver() {
     const form = (0, hooks_2.useSelectedForm)();
     const dataService = (0, transport_2.useDataService)();
     const recordId = (0, hooks_2.useRecordId)();
-    const { getSchema } = (0, hooks_1.useMetadata)();
+    const { schemaStore } = (0, hooks_1.useMetadata)();
     const setState = (0, mutable_1.useContextSetValue)(context_1.DataFormContext);
     const columns = (0, react_1.useMemo)(() => getColumns(form), [form]);
     const queryKey = (0, react_1.useMemo)(() => ['data', 'retriveRecord', schema.logicalName, recordId, columns], [columns, recordId, schema.logicalName]);
@@ -113,7 +113,7 @@ function DataResolver() {
                 form,
                 recordId,
                 schema,
-                getSchema,
+                schemaStore,
             });
             return record;
         }),

package/dataform/DataFormProvider/InitialValueResolver.js

@@ -6,6 +6,7 @@ const mutable_1 = require("../../mutable");
 const context_1 = require("../context");
 const hooks_1 = require("../hooks");
 const utils_1 = require("../utils");
+const defaultParameters_1 = require("../utils/defaultParameters");
 function InitialValueResolver() {
     const formConfig = (0, hooks_1.useSelectedForm)();
     const schema = (0, hooks_1.useDataFormSchema)();
@@ -13,14 +14,15 @@ function InitialValueResolver() {
     const record = (0, mutable_1.useContextSelector)(context_1.DataFormContext, (state) => state.record);
     const formInstance = (0, hooks_1.useFormInstance)();
     const initialValues = (0, react_1.useMemo)(() => {
+        var _a;
+        const defaultParameters = (_a = (0, defaultParameters_1.getFormDefaultParameters)(schema)) !== null && _a !== void 0 ? _a : {};
         return (0, utils_1.getInitialValues)({
             cloneRecord: undefined,
             form: formConfig,
             record: record,
             recordId: recordId,
             schema: schema,
-            defaultParameters: {},
-            // defaultParameters,
+            defaultParameters,
         });
     }, [formConfig, record, recordId, schema]);
     const setValue = (0, mutable_1.useContextSetValue)(context_1.DataFormContext);

package/dataform/DataFormProvider/index.js

@@ -23,7 +23,7 @@ const DataResolver_1 = require("./DataResolver");
 const InitialValueResolver_1 = require("./InitialValueResolver");
 const ReadonlyInfoResolver_1 = require("./ReadonlyInfoResolver");
 function DataFormProvider(props) {
-    const { getSchema } = (0, useMetadata_1.useMetadata)();
+    const { schemaStore } = (0, useMetadata_1.useMetadata)();
     const { language } = (0, useLocale_1.useLocale)();
     const formValidationStrings = (0, FormValidationStringContext_1.useFormValidationStrings)();
     const [formReadOnly, setFormReadOnly] = (0, react_1.useState)(false); // A trick to provide readOnly info to formInstance
@@ -32,7 +32,7 @@ function DataFormProvider(props) {
         defaultValues: {},
         resolver: (0, utils_1.formValidator)({
             form: props.form,
-            getSchema,
+            schemaStore,
             language,
             schema: props.schema,
             strings: formValidationStrings,
@@ -65,7 +65,7 @@ function DataFormProvider(props) {
         props.schema,
         props.recordId,
         contextValue,
-        getSchema,
+        schemaStore,
         props.commands,
     ]);
     return ((0, jsx_runtime_1.jsx)(context_1.DataFormContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsxs)(react_hook_form_1.FormProvider, Object.assign({}, formInstance, { children: [(0, jsx_runtime_1.jsx)(DataResolver_1.DataResolver, {}), (0, jsx_runtime_1.jsx)(InitialValueResolver_1.InitialValueResolver, {}), (0, jsx_runtime_1.jsx)(ReadonlyInfoResolver_1.ReadonlyInfoResolver, { setFormReadOnly: setFormReadOnly }), props.children] })) }));

package/dataform/hooks/index.d.ts

@@ -10,3 +10,4 @@ export * from './useRecordId';
 export * from './useRecordTitle';
 export * from './useSelectedForm';
 export * from './useLoadFormGridPage';
+export * from './useProcessFlowSteps';

package/dataform/hooks/index.js

@@ -26,3 +26,4 @@ __exportStar(require("./useRecordId"), exports);
 __exportStar(require("./useRecordTitle"), exports);
 __exportStar(require("./useSelectedForm"), exports);
 __exportStar(require("./useLoadFormGridPage"), exports);
+__exportStar(require("./useProcessFlowSteps"), exports);

package/dataform/hooks/useFormSave.js

@@ -17,6 +17,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFormSave = useFormSave;
+// Wrapper - Loader, response message
+// Core - Extract modified fields, prepare operations, perform operations
+const route_1 = require("@headless-adminapp/app/route");
 const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
@@ -34,7 +37,7 @@ function useFormSave() {
     const form = (0, useSelectedForm_1.useSelectedForm)();
     const formInstance = (0, react_hook_form_1.useFormContext)();
     const record = (0, useFormRecord_1.useFormRecord)();
-    const { getSchema } = (0, useMetadata_1.useMetadata)();
+    const { schemaStore } = (0, useMetadata_1.useMetadata)();
     const schema = (0, useFormSchema_1.useDataFormSchema)();
     const initialValues = (0, context_1.useContextSelector)(context_2.DataFormContext, (state) => state.initialValues);
     const refresh = (0, context_1.useContextSelector)(context_2.DataFormContext, (state) => state.refresh);
@@ -42,6 +45,7 @@ function useFormSave() {
     const { showProgressIndicator, hideProgressIndicator } = (0, useProgressIndicator_1.useProgressIndicator)();
     const openToastNotification = (0, useOpenToastNotification_1.useOpenToastNotification)();
     const client = (0, react_query_1.useQueryClient)();
+    const router = (0, route_1.useRouter)();
     function showMessageAfterSave({ isCreatedMode }) {
         // Show notification
         if (!isCreatedMode) {
@@ -76,7 +80,7 @@ function useFormSave() {
                     initialValues: initialValues,
                     dataService,
                     schema: schema,
-                    getSchema,
+                    schemaStore,
                 });
                 if (!result.success) {
                     openToastNotification({
@@ -97,6 +101,9 @@ function useFormSave() {
                     yield client.invalidateQueries({
                         queryKey: ['data', 'retriveRecord'],
                     });
+                    if (mode === 'saveandclose') {
+                        router.back();
+                    }
                 }
                 yield client.invalidateQueries({
                     queryKey: ['data', 'retriveRecords'],

package/dataform/hooks/useLoadFormGridPage.js

@@ -10,6 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLoadFormGridPage = useLoadFormGridPage;
+const app_1 = require("@headless-adminapp/app/app");
 const react_query_1 = require("@tanstack/react-query");
 const hooks_1 = require("../../metadata/hooks");
 function useLoadFormGridPage(logicalName, formId) {
@@ -22,10 +23,15 @@ function useLoadFormGridPage(logicalName, formId) {
         }),
         placeholderData: react_query_1.keepPreviousData,
     });
+    const { app: { formCommands }, } = (0, app_1.useAppContext)();
     const { data: commands } = (0, react_query_1.useQuery)({
         queryKey: ['experience-schema-form-commands', logicalName],
         queryFn: () => __awaiter(this, void 0, void 0, function* () {
-            return experienceStore.getFormCommands(logicalName);
+            let commands = yield experienceStore.getFormCommands(logicalName);
+            if (!commands) {
+                commands = formCommands;
+            }
+            return commands !== null && commands !== void 0 ? commands : [];
         }),
         initialData: [],
     });
@@ -34,7 +40,7 @@ function useLoadFormGridPage(logicalName, formId) {
             loading: false,
             error: true,
             title: 'Schema not found',
-            message: 'The schema was not found',
+            message: `The schema "${logicalName}" was not found`,
         };
     }
     if (!form) {

package/dataform/hooks/useMainFormCommands.d.ts

@@ -1,16 +1,5 @@
 import { EntityFormCommandContext } from '@headless-adminapp/core/experience/form';
 import { CommandItemState } from '../../command';
-export declare function useFormControlContext(): {
-    data: any;
-    logicalName: string;
-    schema: import("@headless-adminapp/core/schema").Schema<import("@headless-adminapp/core/schema").SchemaAttributes>;
-    form: import("@headless-adminapp/core/experience/form").Form<import("@headless-adminapp/core/schema").SchemaAttributes>;
-    formId: string;
-    originalData: import("@headless-adminapp/core/transport").Data<import("@headless-adminapp/core/schema").InferredSchemaType<import("@headless-adminapp/core/schema").SchemaAttributes>> | null;
-    recordId: string | number;
-    refresh: () => Promise<void>;
-    save: (mode?: import("@headless-adminapp/core/experience/form").SaveMode) => Promise<void>;
-    readonly: boolean | undefined;
-};
+export declare function useFormControlContext(): EntityFormCommandContext['primaryControl'];
 export declare function useMainFormCommandHandlerContext(): EntityFormCommandContext;
 export declare function useMainFormCommands(): CommandItemState[][];

package/dataform/hooks/useMainFormCommands.js

@@ -3,6 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFormControlContext = useFormControlContext;
 exports.useMainFormCommandHandlerContext = useMainFormCommandHandlerContext;
 exports.useMainFormCommands = useMainFormCommands;
+const route_1 = require("@headless-adminapp/app/route");
+const react_1 = require("react");
 const command_1 = require("../../command");
 const context_1 = require("../../mutable/context");
 const context_2 = require("../context");
@@ -13,6 +15,7 @@ const useFormSave_1 = require("./useFormSave");
 const useFormSchema_1 = require("./useFormSchema");
 const useRecordId_1 = require("./useRecordId");
 function useFormControlContext() {
+    var _a;
     const schema = (0, useFormSchema_1.useDataFormSchema)();
     const form = (0, context_1.useContextSelector)(context_2.DataFormContext, (state) => state.form);
     const originalData = (0, useFormRecord_1.useFormRecord)();
@@ -20,8 +23,12 @@ function useFormControlContext() {
     const save = (0, useFormSave_1.useFormSave)();
     const refresh = (0, context_1.useContextSelector)(context_2.DataFormContext, (state) => state.refresh);
     const formInstance = (0, useFormInstance_1.useFormInstance)();
-    const readonly = (0, useFormIsReadonly_1.useFormIsReadonly)();
+    const readonly = (_a = (0, useFormIsReadonly_1.useFormIsReadonly)()) !== null && _a !== void 0 ? _a : false;
     const data = formInstance.watch();
+    const router = (0, route_1.useRouter)();
+    const close = (0, react_1.useCallback)(() => {
+        router.back();
+    }, [router]);
     return {
         data,
         logicalName: schema.logicalName,
@@ -33,6 +40,7 @@ function useFormControlContext() {
         refresh,
         save,
         readonly,
+        close,
     };
 }
 function useMainFormCommandHandlerContext() {

package/dataform/hooks/useProcessFlowSteps.d.ts

@@ -0,0 +1 @@
+export declare function useProcessFlowSteps(): import("@headless-adminapp/core/experience/form/ProcessFlowInfo").ProcessFlowStep[] | null | undefined;

package/dataform/hooks/useProcessFlowSteps.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useProcessFlowSteps = useProcessFlowSteps;
+const command_1 = require("@headless-adminapp/app/command");
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+const useFormInstance_1 = require("./useFormInstance");
+const useFormIsReadonly_1 = require("./useFormIsReadonly");
+const useFormRecord_1 = require("./useFormRecord");
+const useFormSchema_1 = require("./useFormSchema");
+const useRecordId_1 = require("./useRecordId");
+const useSelectedForm_1 = require("./useSelectedForm");
+function useFormControlContext() {
+    var _a;
+    const schema = (0, useFormSchema_1.useDataFormSchema)();
+    const form = (0, context_1.useContextSelector)(context_2.DataFormContext, (state) => state.form);
+    const originalData = (0, useFormRecord_1.useFormRecord)();
+    const recordId = (0, useRecordId_1.useRecordId)();
+    const formInstance = (0, useFormInstance_1.useFormInstance)();
+    const readonly = (_a = (0, useFormIsReadonly_1.useFormIsReadonly)()) !== null && _a !== void 0 ? _a : false;
+    const data = formInstance.watch();
+    return {
+        data,
+        logicalName: schema.logicalName,
+        schema,
+        form,
+        formId: form.id,
+        originalData: originalData !== null && originalData !== void 0 ? originalData : null,
+        recordId,
+        readonly,
+    };
+}
+function useProcessFlowInfoContext() {
+    const primaryControl = useFormControlContext();
+    const baseHandlerContext = (0, command_1.useBaseCommandHandlerContext)();
+    return Object.assign(Object.assign({}, baseHandlerContext), { primaryControl });
+}
+function useProcessFlowSteps() {
+    var _a;
+    const formConfig = (0, useSelectedForm_1.useSelectedForm)();
+    const context = useProcessFlowInfoContext();
+    const steps = (_a = formConfig.experience.processFlow) === null || _a === void 0 ? void 0 : _a.getSteps(context);
+    return steps;
+}

package/dataform/hooks/useRecordTitle.d.ts

@@ -1 +1 @@
-export declare function useRecordTitle(): string;
+export declare function useRecordTitle(): any;

package/dataform/hooks/useRecordTitle.js

@@ -5,11 +5,18 @@ const useFormInstance_1 = require("./useFormInstance");
 const useFormSchema_1 = require("./useFormSchema");
 const useRecordId_1 = require("./useRecordId");
 function useRecordTitle() {
-    var _a;
     const formInstance = (0, useFormInstance_1.useFormInstance)();
     const schema = (0, useFormSchema_1.useDataFormSchema)();
     const recordId = (0, useRecordId_1.useRecordId)();
-    const primaryAttributeValue = (_a = formInstance.watch(schema.primaryAttribute)) !== null && _a !== void 0 ? _a : '';
+    let primaryAttributeValue = formInstance.watch(schema.primaryAttribute);
+    const primaryAttribute = schema.attributes[schema.primaryAttribute];
+    if ((primaryAttribute === null || primaryAttribute === void 0 ? void 0 : primaryAttribute.type) === 'lookup') {
+        // Handle lookup attribute as primary
+        primaryAttributeValue = primaryAttributeValue === null || primaryAttributeValue === void 0 ? void 0 : primaryAttributeValue.name;
+    }
+    if (primaryAttributeValue && typeof primaryAttributeValue !== 'string') {
+        return String(primaryAttributeValue);
+    }
     if (primaryAttributeValue) {
         return primaryAttributeValue;
     }