@headless-adminapp/app 0.0.17-alpha.54 → 0.0.17-alpha.55

package/dataform/hooks/useFormSave.js

@@ -1,3 +1,4 @@
+"use strict";
 // Steps
 // 1. Show the loading indicator
 // 2. Extract modified fields from the form
@@ -5,44 +6,37 @@
 // 4. Perform the operations
 // 5. Handle the response (success or error, navigation, clear some cache, etc)
 // 6. Hide the loading indicator
-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.useFormSave = useFormSave;
 // Wrapper - Loader, response message
 // Core - Extract modified fields, prepare operations, perform operations
-import { useRouter } from '@headless-adminapp/app/route';
-import { useQueryClient } from '@tanstack/react-query';
-import { useCallback, useRef } from 'react';
-import { useFormContext } from 'react-hook-form';
-import { useMetadata } from '../../metadata/hooks/useMetadata';
-import { useContextSelector } from '../../mutable/context';
-import { useProgressIndicator } from '../../progress-indicator/hooks/useProgressIndicator';
-import { useOpenToastNotification } from '../../toast-notification/hooks/useOpenToastNotification';
-import { useDataService } from '../../transport';
-import { DataFormContext } from '../context';
-import { saveRecord } from '../utils';
-import { useFormRecord } from './useFormRecord';
-import { useDataFormSchema } from './useFormSchema';
-import { useSelectedForm } from './useSelectedForm';
-export function useFormSave() {
-    const form = useSelectedForm();
-    const formInstance = useFormContext();
-    const record = useFormRecord();
-    const { schemaStore } = useMetadata();
-    const schema = useDataFormSchema();
-    const initialValues = useContextSelector(DataFormContext, (state) => state.initialValues);
-    const refresh = useContextSelector(DataFormContext, (state) => state.refresh);
-    const dataService = useDataService();
-    const { showProgressIndicator, hideProgressIndicator } = useProgressIndicator();
-    const openToastNotification = useOpenToastNotification();
-    const client = useQueryClient();
-    const router = useRouter();
+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");
+const useMetadata_1 = require("../../metadata/hooks/useMetadata");
+const context_1 = require("../../mutable/context");
+const useProgressIndicator_1 = require("../../progress-indicator/hooks/useProgressIndicator");
+const useOpenToastNotification_1 = require("../../toast-notification/hooks/useOpenToastNotification");
+const transport_1 = require("../../transport");
+const context_2 = require("../context");
+const utils_1 = require("../utils");
+const useFormRecord_1 = require("./useFormRecord");
+const useFormSchema_1 = require("./useFormSchema");
+const useSelectedForm_1 = require("./useSelectedForm");
+function useFormSave() {
+    const form = (0, useSelectedForm_1.useSelectedForm)();
+    const formInstance = (0, react_hook_form_1.useFormContext)();
+    const record = (0, useFormRecord_1.useFormRecord)();
+    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);
+    const dataService = (0, transport_1.useDataService)();
+    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) {
@@ -60,8 +54,8 @@ export function useFormSave() {
             });
         }
     }
-    const _save = (mode) => __awaiter(this, void 0, void 0, function* () {
-        yield formInstance.handleSubmit((values) => __awaiter(this, void 0, void 0, function* () {
+    const _save = async (mode) => {
+        await formInstance.handleSubmit(async (values) => {
             if (mode === 'background' && !record) {
                 // Background save should not be triggered if there is no record
                 return;
@@ -70,7 +64,7 @@ export function useFormSave() {
                 showProgressIndicator(undefined, 500);
             }
             try {
-                const result = yield saveRecord({
+                const result = await (0, utils_1.saveRecord)({
                     values,
                     form: form,
                     record: record,
@@ -91,18 +85,18 @@ export function useFormSave() {
                 //   client,
                 // });
                 if (mode === 'save' && record) {
-                    yield refresh();
+                    await refresh();
                     // client.invalidateQueries({ queryKey: ['data', 'retriveRecord'] });
                 }
                 else {
-                    yield client.invalidateQueries({
+                    await client.invalidateQueries({
                         queryKey: ['data', 'retriveRecord'],
                     });
                     if (mode === 'saveandclose') {
                         router.back();
                     }
                 }
-                yield client.invalidateQueries({
+                await client.invalidateQueries({
                     queryKey: ['data', 'retriveRecords'],
                 });
                 // redirectAfterSave({
@@ -130,10 +124,10 @@ export function useFormSave() {
                     hideProgressIndicator();
                 }
             }
-        }))();
-    });
-    const _saveRef = useRef(_save);
+        })();
+    };
+    const _saveRef = (0, react_1.useRef)(_save);
     _saveRef.current = _save;
-    const save = useCallback((mode) => _saveRef.current(mode), [_saveRef]);
+    const save = (0, react_1.useCallback)((mode) => _saveRef.current(mode), [_saveRef]);
     return save;
 }

package/dataform/hooks/useFormSchema.js

@@ -1,5 +1,8 @@
-import { useContextSelector } from '../../mutable/context';
-import { DataFormContext } from '../context';
-export function useDataFormSchema() {
-    return useContextSelector(DataFormContext, (state) => state.schema);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDataFormSchema = useDataFormSchema;
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useDataFormSchema() {
+    return (0, context_1.useContextSelector)(context_2.DataFormContext, (state) => state.schema);
 }

package/dataform/hooks/useLoadFormGridPage.js

@@ -1,35 +1,29 @@
-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());
-    });
-};
-import { useAppContext } from '@headless-adminapp/app/app';
-import { keepPreviousData, useQuery } from '@tanstack/react-query';
-import { useExperienceStore, useSchema } from '../../metadata/hooks';
-export function useLoadFormGridPage(logicalName, formId) {
-    const schema = useSchema(logicalName);
-    const experienceStore = useExperienceStore();
-    const { data: form, isFetching: isFetchingForm } = useQuery({
+"use strict";
+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) {
+    const schema = (0, hooks_1.useSchema)(logicalName);
+    const experienceStore = (0, hooks_1.useExperienceStore)();
+    const { data: form, isFetching: isFetchingForm } = (0, react_query_1.useQuery)({
         queryKey: ['experience-schema-form', logicalName, formId],
-        queryFn: () => __awaiter(this, void 0, void 0, function* () {
+        queryFn: async () => {
             return experienceStore.getForm(logicalName, formId);
-        }),
-        placeholderData: keepPreviousData,
+        },
+        placeholderData: react_query_1.keepPreviousData,
     });
-    const { app: { formCommands }, } = useAppContext();
-    const { data: commands } = useQuery({
+    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* () {
-            let commands = yield experienceStore.getFormCommands(logicalName);
+        queryFn: async () => {
+            let commands = await experienceStore.getFormCommands(logicalName);
             if (!commands) {
                 commands = formCommands;
             }
-            return commands !== null && commands !== void 0 ? commands : [];
-        }),
+            return commands ?? [];
+        },
         initialData: [],
     });
     if (!schema) {

package/dataform/hooks/useMainFormCommands.js

@@ -1,27 +1,31 @@
-import { useRouter } from '@headless-adminapp/app/route';
-import { useCallback } from 'react';
-import { useBaseCommandHandlerContext, useCommands, } from '../../command';
-import { useContextSelector } from '../../mutable/context';
-import { DataFormContext } from '../context';
-import { useFormInstance } from './useFormInstance';
-import { useFormIsReadonly } from './useFormIsReadonly';
-import { useFormRecord } from './useFormRecord';
-import { useFormSave } from './useFormSave';
-import { useDataFormSchema } from './useFormSchema';
-import { useRecordId } from './useRecordId';
-export function useFormControlContext() {
-    var _a;
-    const schema = useDataFormSchema();
-    const form = useContextSelector(DataFormContext, (state) => state.form);
-    const originalData = useFormRecord();
-    const recordId = useRecordId();
-    const save = useFormSave();
-    const refresh = useContextSelector(DataFormContext, (state) => state.refresh);
-    const formInstance = useFormInstance();
-    const readonly = (_a = useFormIsReadonly()) !== null && _a !== void 0 ? _a : false;
+"use strict";
+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");
+const useFormInstance_1 = require("./useFormInstance");
+const useFormIsReadonly_1 = require("./useFormIsReadonly");
+const useFormRecord_1 = require("./useFormRecord");
+const useFormSave_1 = require("./useFormSave");
+const useFormSchema_1 = require("./useFormSchema");
+const useRecordId_1 = require("./useRecordId");
+function useFormControlContext() {
+    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 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)() ?? false;
     const data = formInstance.watch();
-    const router = useRouter();
-    const close = useCallback(() => {
+    const router = (0, route_1.useRouter)();
+    const close = (0, react_1.useCallback)(() => {
         router.back();
     }, [router]);
     return {
@@ -30,7 +34,7 @@ export function useFormControlContext() {
         schema,
         form,
         formId: form.id,
-        originalData: originalData !== null && originalData !== void 0 ? originalData : null,
+        originalData: originalData ?? null,
         recordId,
         refresh,
         save,
@@ -38,13 +42,16 @@ export function useFormControlContext() {
         close,
     };
 }
-export function useMainFormCommandHandlerContext() {
+function useMainFormCommandHandlerContext() {
     const primaryControl = useFormControlContext();
-    const baseHandlerContext = useBaseCommandHandlerContext();
-    return Object.assign(Object.assign({}, baseHandlerContext), { primaryControl });
+    const baseHandlerContext = (0, command_1.useBaseCommandHandlerContext)();
+    return {
+        ...baseHandlerContext,
+        primaryControl,
+    };
 }
-export function useMainFormCommands() {
-    const commands = useContextSelector(DataFormContext, (state) => state.commands);
+function useMainFormCommands() {
+    const commands = (0, context_1.useContextSelector)(context_2.DataFormContext, (state) => state.commands);
     const handlerContext = useMainFormCommandHandlerContext();
-    return useCommands(commands, handlerContext);
+    return (0, command_1.useCommands)(commands, handlerContext);
 }

package/dataform/hooks/useProcessFlowSteps.js

@@ -1,20 +1,22 @@
-import { useBaseCommandHandlerContext } from '@headless-adminapp/app/command';
-import { useContextSelector } from '../../mutable/context';
-import { DataFormContext } from '../context';
-import { useFormInstance } from './useFormInstance';
-import { useFormIsReadonly } from './useFormIsReadonly';
-import { useFormRecord } from './useFormRecord';
-import { useDataFormSchema } from './useFormSchema';
-import { useRecordId } from './useRecordId';
-import { useSelectedForm } from './useSelectedForm';
+"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 = useDataFormSchema();
-    const form = useContextSelector(DataFormContext, (state) => state.form);
-    const originalData = useFormRecord();
-    const recordId = useRecordId();
-    const formInstance = useFormInstance();
-    const readonly = (_a = useFormIsReadonly()) !== null && _a !== void 0 ? _a : false;
+    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 = (0, useFormIsReadonly_1.useFormIsReadonly)() ?? false;
     const data = formInstance.watch();
     return {
         data,
@@ -22,20 +24,22 @@ function useFormControlContext() {
         schema,
         form,
         formId: form.id,
-        originalData: originalData !== null && originalData !== void 0 ? originalData : null,
+        originalData: originalData ?? null,
         recordId,
         readonly,
     };
 }
 function useProcessFlowInfoContext() {
     const primaryControl = useFormControlContext();
-    const baseHandlerContext = useBaseCommandHandlerContext();
-    return Object.assign(Object.assign({}, baseHandlerContext), { primaryControl });
+    const baseHandlerContext = (0, command_1.useBaseCommandHandlerContext)();
+    return {
+        ...baseHandlerContext,
+        primaryControl,
+    };
 }
-export function useProcessFlowSteps() {
-    var _a;
-    const formConfig = useSelectedForm();
+function useProcessFlowSteps() {
+    const formConfig = (0, useSelectedForm_1.useSelectedForm)();
     const context = useProcessFlowInfoContext();
-    const steps = (_a = formConfig.experience.processFlow) === null || _a === void 0 ? void 0 : _a.getSteps(context);
+    const steps = formConfig.experience.processFlow?.getSteps(context);
     return steps;
 }

package/dataform/hooks/useRecordId.js

@@ -1,5 +1,8 @@
-import { useContextSelector } from '../../mutable/context';
-import { DataFormContext } from '../context';
-export function useRecordId() {
-    return useContextSelector(DataFormContext, (state) => state.recordId);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRecordId = useRecordId;
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useRecordId() {
+    return (0, context_1.useContextSelector)(context_2.DataFormContext, (state) => state.recordId);
 }

package/dataform/hooks/useRecordTitle.js

@@ -1,15 +1,18 @@
-import { useFormInstance } from './useFormInstance';
-import { useDataFormSchema } from './useFormSchema';
-import { useRecordId } from './useRecordId';
-export function useRecordTitle() {
-    const formInstance = useFormInstance();
-    const schema = useDataFormSchema();
-    const recordId = useRecordId();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRecordTitle = useRecordTitle;
+const useFormInstance_1 = require("./useFormInstance");
+const useFormSchema_1 = require("./useFormSchema");
+const useRecordId_1 = require("./useRecordId");
+function useRecordTitle() {
+    const formInstance = (0, useFormInstance_1.useFormInstance)();
+    const schema = (0, useFormSchema_1.useDataFormSchema)();
+    const recordId = (0, useRecordId_1.useRecordId)();
     let primaryAttributeValue = formInstance.watch(schema.primaryAttribute);
     const primaryAttribute = schema.attributes[schema.primaryAttribute];
-    if ((primaryAttribute === null || primaryAttribute === void 0 ? void 0 : primaryAttribute.type) === 'lookup') {
+    if (primaryAttribute?.type === 'lookup') {
         // Handle lookup attribute as primary
-        primaryAttributeValue = primaryAttributeValue === null || primaryAttributeValue === void 0 ? void 0 : primaryAttributeValue.name;
+        primaryAttributeValue = primaryAttributeValue?.name;
     }
     if (primaryAttributeValue && typeof primaryAttributeValue !== 'string') {
         return [String(primaryAttributeValue), false];

package/dataform/hooks/useSelectedForm.js

@@ -1,5 +1,8 @@
-import { useContextSelector } from '../../mutable/context';
-import { DataFormContext } from '../context';
-export function useSelectedForm() {
-    return useContextSelector(DataFormContext, (state) => state.form);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSelectedForm = useSelectedForm;
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useSelectedForm() {
+    return (0, context_1.useContextSelector)(context_2.DataFormContext, (state) => state.form);
 }

package/dataform/index.js

@@ -1,4 +1,23 @@
-export { DataFormContext } from './context';
-export * from './hooks';
-export * from './utils';
-export { DataFormProvider } from './DataFormProvider';
+"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.DataFormProvider = exports.DataFormContext = void 0;
+var context_1 = require("./context");
+Object.defineProperty(exports, "DataFormContext", { enumerable: true, get: function () { return context_1.DataFormContext; } });
+__exportStar(require("./hooks"), exports);
+__exportStar(require("./utils"), exports);
+var DataFormProvider_1 = require("./DataFormProvider");
+Object.defineProperty(exports, "DataFormProvider", { enumerable: true, get: function () { return DataFormProvider_1.DataFormProvider; } });

package/dataform/utils/defaultParameters.js

@@ -1,7 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFormDefaultParameters = getFormDefaultParameters;
+exports.setFormDefaultParameters = setFormDefaultParameters;
 let formDefaultParameters = null;
-export function getFormDefaultParameters(schema) {
-    const _values = formDefaultParameters === null || formDefaultParameters === void 0 ? void 0 : formDefaultParameters.values;
-    const _logicalName = formDefaultParameters === null || formDefaultParameters === void 0 ? void 0 : formDefaultParameters.logicalName;
+function getFormDefaultParameters(schema) {
+    const _values = formDefaultParameters?.values;
+    const _logicalName = formDefaultParameters?.logicalName;
     const schemaDefaultValues = Object.keys(schema.attributes).reduce((acc, key) => {
         const attribute = schema.attributes[key];
         let defaultValue = attribute.default;
@@ -11,15 +15,21 @@ export function getFormDefaultParameters(schema) {
         if (defaultValue instanceof Date) {
             defaultValue = defaultValue.toISOString();
         }
-        return Object.assign(Object.assign({}, acc), { [key]: defaultValue });
+        return {
+            ...acc,
+            [key]: defaultValue,
+        };
     }, {});
     if (_logicalName === schema.logicalName) {
-        return Object.assign(Object.assign({}, schemaDefaultValues), _values);
+        return {
+            ...schemaDefaultValues,
+            ..._values,
+        };
     }
     return schemaDefaultValues;
 }
 let defaultParamsTimeout = null;
-export function setFormDefaultParameters(logicalName, values) {
+function setFormDefaultParameters(logicalName, values) {
     formDefaultParameters = {
         logicalName,
         values,