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

package/dataform/DataFormProvider/DataResolver.js

@@ -1,32 +1,27 @@
-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 { HttpError } from '@headless-adminapp/core/transport';
-import { keepPreviousData, useQuery } from '@tanstack/react-query';
-import { useEffect, useMemo } from 'react';
-import { useMetadata } from '../../metadata/hooks';
-import { useContextSetValue } from '../../mutable';
-import { useDataService } from '../../transport';
-import { DataFormContext } from '../context';
-import { useDataFormSchema, useRecordId, useSelectedForm } from '../hooks';
-export function getControls(form) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getControls = getControls;
+exports.getColumns = getColumns;
+exports.DataResolver = DataResolver;
+const transport_1 = require("@headless-adminapp/core/transport");
+const react_query_1 = require("@tanstack/react-query");
+const react_1 = require("react");
+const hooks_1 = require("../../metadata/hooks");
+const mutable_1 = require("../../mutable");
+const transport_2 = require("../../transport");
+const context_1 = require("../context");
+const hooks_2 = require("../hooks");
+function getControls(form) {
     const controls = form.experience.tabs
         .flatMap((tab) => tab.tabColumns)
         .flatMap((tabColumn) => tabColumn.sections)
         .flatMap((section) => section.controls);
     return controls;
 }
-export function getColumns(form, schema) {
-    var _a, _b;
+function getColumns(form, schema) {
     const set = new Set([
-        ...((_a = form.experience.includeAttributes) !== null && _a !== void 0 ? _a : []),
-        ...((_b = form.experience.headerControls) !== null && _b !== void 0 ? _b : []),
+        ...(form.experience.includeAttributes ?? []),
+        ...(form.experience.headerControls ?? []),
         ...getControls(form)
             .filter((control) => control.type === 'standard')
             .map((control) => control.attributeName),
@@ -37,72 +32,69 @@ export function getColumns(form, schema) {
     const columns = Array.from(set);
     return columns;
 }
-function getRecord(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ recordId, dataService, form, schema, columns, schemaStore, }) {
-        var _b;
-        let record = null;
-        try {
-            record = yield dataService.retriveRecord(schema.logicalName, recordId, columns);
-        }
-        catch (error) {
-            if (error instanceof HttpError && error.status === 404) {
-                return null;
-            }
-            throw error;
-        }
-        if (!record) {
+async function getRecord({ recordId, dataService, form, schema, columns, schemaStore, }) {
+    let record = null;
+    try {
+        record = await dataService.retriveRecord(schema.logicalName, recordId, columns);
+    }
+    catch (error) {
+        if (error instanceof transport_1.HttpError && error.status === 404) {
             return null;
         }
-        const controls = getControls(form);
-        const editableGridControls = controls.filter((control) => control.type === 'editablegrid');
-        for (const control of editableGridControls) {
-            if (control.type !== 'editablegrid') {
-                continue;
-            }
-            const controlSchema = schemaStore.getSchema(control.logicalName);
-            const records = yield dataService.retriveRecords({
-                logicalName: controlSchema.logicalName,
-                filter: {
-                    type: 'and',
-                    conditions: [
-                        {
-                            field: control.referenceAttribute,
-                            operator: 'eq',
-                            value: recordId,
-                        },
-                    ],
-                },
-                sort: [
+        throw error;
+    }
+    if (!record) {
+        return null;
+    }
+    const controls = getControls(form);
+    const editableGridControls = controls.filter((control) => control.type === 'editablegrid');
+    for (const control of editableGridControls) {
+        if (control.type !== 'editablegrid') {
+            continue;
+        }
+        const controlSchema = schemaStore.getSchema(control.logicalName);
+        const records = await dataService.retriveRecords({
+            logicalName: controlSchema.logicalName,
+            filter: {
+                type: 'and',
+                conditions: [
                     {
-                        field: (_b = controlSchema.createdAtAttribute) !== null && _b !== void 0 ? _b : controlSchema.idAttribute,
-                        order: 'asc',
+                        field: control.referenceAttribute,
+                        operator: 'eq',
+                        value: recordId,
                     },
                 ],
-                limit: 5000,
-                search: '',
-                columns: [
-                    controlSchema.idAttribute,
-                    control.referenceAttribute,
-                    ...control.attributes,
-                ],
-            });
-            record[control.attributeName] = records.records;
-        }
-        return record;
-    });
+            },
+            sort: [
+                {
+                    field: controlSchema.createdAtAttribute ?? controlSchema.idAttribute,
+                    order: 'asc',
+                },
+            ],
+            limit: 5000,
+            search: '',
+            columns: [
+                controlSchema.idAttribute,
+                control.referenceAttribute,
+                ...control.attributes,
+            ],
+        });
+        record[control.attributeName] = records.records;
+    }
+    return record;
 }
-export function DataResolver() {
-    const schema = useDataFormSchema();
-    const form = useSelectedForm();
-    const dataService = useDataService();
-    const recordId = useRecordId();
-    const { schemaStore } = useMetadata();
-    const setState = useContextSetValue(DataFormContext);
-    const columns = useMemo(() => getColumns(form, schema), [form, schema]);
-    const queryKey = useMemo(() => ['data', 'retriveRecord', schema.logicalName, recordId, columns], [columns, recordId, schema.logicalName]);
-    const { data, refetch, isPending } = useQuery({
+function DataResolver() {
+    const schema = (0, hooks_2.useDataFormSchema)();
+    const form = (0, hooks_2.useSelectedForm)();
+    const dataService = (0, transport_2.useDataService)();
+    const recordId = (0, hooks_2.useRecordId)();
+    const { schemaStore } = (0, hooks_1.useMetadata)();
+    const setState = (0, mutable_1.useContextSetValue)(context_1.DataFormContext);
+    const columns = (0, react_1.useMemo)(() => getColumns(form, schema), [form, schema]);
+    const queryKey = (0, react_1.useMemo)(() => ['data', 'retriveRecord', schema.logicalName, recordId, columns], [columns, recordId, schema.logicalName]);
+    const { data, refetch, isPending } = (0, react_query_1.useQuery)({
         queryKey,
-        queryFn: () => __awaiter(this, void 0, void 0, function* () {
+        queryFn: async () => {
             if (!recordId) {
                 return null;
             }
@@ -115,27 +107,27 @@ export function DataResolver() {
                 schemaStore,
             });
             return record;
-        }),
-        placeholderData: keepPreviousData,
+        },
+        placeholderData: react_query_1.keepPreviousData,
         staleTime: 1000 * 60 * 5, // 5 minutes
     });
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         setState({
             record: data,
         });
     }, [data, setState]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         setState({
             dataState: {
                 isFetching: isPending,
             },
         });
     }, [isPending, setState]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         setState({
-            refresh: () => __awaiter(this, void 0, void 0, function* () {
-                yield refetch();
-            }),
+            refresh: async () => {
+                await refetch();
+            },
         });
     }, [refetch, setState]);
     return null;

package/dataform/DataFormProvider/InitialValueResolver.js

@@ -1,19 +1,21 @@
-import { useEffect, useMemo, useRef } from 'react';
-import { useContextSelector, useContextSetValue } from '../../mutable';
-import { DataFormContext } from '../context';
-import { useDataFormSchema, useFormInstance, useRecordId, useSelectedForm, } from '../hooks';
-import { getInitialValues } from '../utils';
-import { getFormDefaultParameters } from '../utils/defaultParameters';
-export function InitialValueResolver() {
-    const formConfig = useSelectedForm();
-    const schema = useDataFormSchema();
-    const recordId = useRecordId();
-    const record = useContextSelector(DataFormContext, (state) => state.record);
-    const formInstance = useFormInstance();
-    const initialValues = useMemo(() => {
-        var _a;
-        const defaultParameters = (_a = getFormDefaultParameters(schema)) !== null && _a !== void 0 ? _a : {};
-        return getInitialValues({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InitialValueResolver = InitialValueResolver;
+const react_1 = require("react");
+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)();
+    const recordId = (0, hooks_1.useRecordId)();
+    const record = (0, mutable_1.useContextSelector)(context_1.DataFormContext, (state) => state.record);
+    const formInstance = (0, hooks_1.useFormInstance)();
+    const initialValues = (0, react_1.useMemo)(() => {
+        const defaultParameters = (0, defaultParameters_1.getFormDefaultParameters)(schema) ?? {};
+        return (0, utils_1.getInitialValues)({
             cloneRecord: undefined,
             form: formConfig,
             record: record,
@@ -22,15 +24,15 @@ export function InitialValueResolver() {
             defaultParameters,
         });
     }, [formConfig, record, recordId, schema]);
-    const setValue = useContextSetValue(DataFormContext);
-    useEffect(() => {
+    const setValue = (0, mutable_1.useContextSetValue)(context_1.DataFormContext);
+    (0, react_1.useEffect)(() => {
         setValue({
             initialValues,
         });
     }, [setValue, initialValues]);
-    const formInstanceRef = useRef(formInstance);
+    const formInstanceRef = (0, react_1.useRef)(formInstance);
     formInstanceRef.current = formInstance;
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const timer = setTimeout(() => {
             formInstanceRef.current.reset(initialValues);
         });

package/dataform/DataFormProvider/ReadonlyInfoResolver.js

@@ -1,20 +1,22 @@
-import { useEffect } from 'react';
-import { useContextSetValue } from '../../mutable';
-import { DataFormContext } from '../context';
-import { useDataFormSchema, useRecordId } from '../hooks';
-export function ReadonlyInfoResolver({ setFormReadOnly, }) {
-    var _a, _b;
-    const schema = useDataFormSchema();
-    const recordId = useRecordId();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReadonlyInfoResolver = ReadonlyInfoResolver;
+const react_1 = require("react");
+const mutable_1 = require("../../mutable");
+const context_1 = require("../context");
+const hooks_1 = require("../hooks");
+function ReadonlyInfoResolver({ setFormReadOnly, }) {
+    const schema = (0, hooks_1.useDataFormSchema)();
+    const recordId = (0, hooks_1.useRecordId)();
     let readonly = false;
-    if (((_a = schema.restrictions) === null || _a === void 0 ? void 0 : _a.disableCreate) && !recordId) {
+    if (schema.restrictions?.disableCreate && !recordId) {
         readonly = true;
     }
-    if (((_b = schema.restrictions) === null || _b === void 0 ? void 0 : _b.disableUpdate) && recordId) {
+    if (schema.restrictions?.disableUpdate && recordId) {
         readonly = true;
     }
-    const setValue = useContextSetValue(DataFormContext);
-    useEffect(() => {
+    const setValue = (0, mutable_1.useContextSetValue)(context_1.DataFormContext);
+    (0, react_1.useEffect)(() => {
         setValue({
             isReadonly: readonly,
         });

package/dataform/DataFormProvider/index.js

@@ -1,33 +1,27 @@
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { FormProvider, useForm } from 'react-hook-form';
-import { useFormValidationStrings } from '../../form/FormValidationStringContext';
-import { useLocale } from '../../locale/useLocale';
-import { useMetadata } from '../../metadata/hooks/useMetadata';
-import { useCreateContextStore } from '../../mutable';
-import { DataFormContext } from '../context';
-import { formValidator } from '../utils';
-import { DataResolver } from './DataResolver';
-import { InitialValueResolver } from './InitialValueResolver';
-import { ReadonlyInfoResolver } from './ReadonlyInfoResolver';
-export function DataFormProvider(props) {
-    const { schemaStore } = useMetadata();
-    const { language } = useLocale();
-    const formValidationStrings = useFormValidationStrings();
-    const [formReadOnly, setFormReadOnly] = useState(false); // A trick to provide readOnly info to formInstance
-    const formInstance = useForm({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataFormProvider = DataFormProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_hook_form_1 = require("react-hook-form");
+const FormValidationStringContext_1 = require("../../form/FormValidationStringContext");
+const useLocale_1 = require("../../locale/useLocale");
+const useMetadata_1 = require("../../metadata/hooks/useMetadata");
+const mutable_1 = require("../../mutable");
+const context_1 = require("../context");
+const utils_1 = require("../utils");
+const DataResolver_1 = require("./DataResolver");
+const InitialValueResolver_1 = require("./InitialValueResolver");
+const ReadonlyInfoResolver_1 = require("./ReadonlyInfoResolver");
+function DataFormProvider(props) {
+    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
+    const formInstance = (0, react_hook_form_1.useForm)({
         mode: 'all',
         defaultValues: {},
-        resolver: formValidator({
+        resolver: (0, utils_1.formValidator)({
             form: props.form,
             schemaStore,
             language,
@@ -37,19 +31,19 @@ export function DataFormProvider(props) {
         }),
         shouldUnregister: false,
     });
-    const contextValue = useCreateContextStore({
+    const contextValue = (0, mutable_1.useCreateContextStore)({
         schema: props.schema,
         form: props.form,
         commands: props.commands,
         dataState: { isFetching: false },
         recordId: props.recordId,
-        refresh: () => __awaiter(this, void 0, void 0, function* () { }), // Initial value, will be overridden
+        refresh: async () => { }, // Initial value, will be overridden
         cloneId: undefined,
         // formInstance,
         // formInstanceRenderCount: 0,
         initialValues: {},
     });
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         contextValue.setValue({
             form: props.form,
             schema: props.schema,
@@ -65,5 +59,5 @@ export function DataFormProvider(props) {
         schemaStore,
         props.commands,
     ]);
-    return (_jsx(DataFormContext.Provider, { value: contextValue, children: _jsxs(FormProvider, Object.assign({}, formInstance, { children: [_jsx(DataResolver, {}), _jsx(InitialValueResolver, {}), _jsx(ReadonlyInfoResolver, { setFormReadOnly: setFormReadOnly }), props.children] })) }));
+    return ((0, jsx_runtime_1.jsx)(context_1.DataFormContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsxs)(react_hook_form_1.FormProvider, { ...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/context.js

@@ -1,2 +1,5 @@
-import { createContext } from '../mutable';
-export const DataFormContext = createContext();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataFormContext = void 0;
+const mutable_1 = require("../mutable");
+exports.DataFormContext = (0, mutable_1.createContext)();

package/dataform/hooks/index.js

@@ -1,13 +1,29 @@
-export * from './useFormInstance';
-export * from './useFormIsDirty';
-export * from './useFormIsReadonly';
-export * from './useFormNotifications';
-export * from './useFormRecord';
-export * from './useFormSave';
-export * from './useFormSchema';
-export * from './useMainFormCommands';
-export * from './useRecordId';
-export * from './useRecordTitle';
-export * from './useSelectedForm';
-export * from './useLoadFormGridPage';
-export * from './useProcessFlowSteps';
+"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("./useFormInstance"), exports);
+__exportStar(require("./useFormIsDirty"), exports);
+__exportStar(require("./useFormIsReadonly"), exports);
+__exportStar(require("./useFormNotifications"), exports);
+__exportStar(require("./useFormRecord"), exports);
+__exportStar(require("./useFormSave"), exports);
+__exportStar(require("./useFormSchema"), exports);
+__exportStar(require("./useMainFormCommands"), exports);
+__exportStar(require("./useRecordId"), exports);
+__exportStar(require("./useRecordTitle"), exports);
+__exportStar(require("./useSelectedForm"), exports);
+__exportStar(require("./useLoadFormGridPage"), exports);
+__exportStar(require("./useProcessFlowSteps"), exports);

package/dataform/hooks/useFormInstance.js

@@ -1,5 +1,8 @@
-import { useFormContext } from 'react-hook-form';
-export function useFormInstance() {
-    const formInstance = useFormContext();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormInstance = useFormInstance;
+const react_hook_form_1 = require("react-hook-form");
+function useFormInstance() {
+    const formInstance = (0, react_hook_form_1.useFormContext)();
     return formInstance;
 }

package/dataform/hooks/useFormIsDirty.js

@@ -1,5 +1,8 @@
-import { useFormInstance } from './useFormInstance';
-export function useFormIsDirty() {
-    const formInstance = useFormInstance();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormIsDirty = useFormIsDirty;
+const useFormInstance_1 = require("./useFormInstance");
+function useFormIsDirty() {
+    const formInstance = (0, useFormInstance_1.useFormInstance)();
     return Object.keys(formInstance.formState.dirtyFields).length > 0;
 }

package/dataform/hooks/useFormIsReadonly.js

@@ -1,6 +1,9 @@
-import { useContextSelector } from '../../mutable';
-import { DataFormContext } from '../context';
-export function useFormIsReadonly() {
-    const readonly = useContextSelector(DataFormContext, (state) => state.isReadonly);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormIsReadonly = useFormIsReadonly;
+const mutable_1 = require("../../mutable");
+const context_1 = require("../context");
+function useFormIsReadonly() {
+    const readonly = (0, mutable_1.useContextSelector)(context_1.DataFormContext, (state) => state.isReadonly);
     return readonly;
 }

package/dataform/hooks/useFormNotifications.js

@@ -1,11 +1,14 @@
-import { useMemo } from 'react';
-import { useFormInstance } from './useFormInstance';
-import { useFormIsReadonly } from './useFormIsReadonly';
-export function useFormNotifications() {
-    const readonly = useFormIsReadonly();
-    const formInstance = useFormInstance();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormNotifications = useFormNotifications;
+const react_1 = require("react");
+const useFormInstance_1 = require("./useFormInstance");
+const useFormIsReadonly_1 = require("./useFormIsReadonly");
+function useFormNotifications() {
+    const readonly = (0, useFormIsReadonly_1.useFormIsReadonly)();
+    const formInstance = (0, useFormInstance_1.useFormInstance)();
     const formInstanceAvailable = !!formInstance;
-    return useMemo(() => {
+    return (0, react_1.useMemo)(() => {
         const notifications = [];
         if (readonly) {
             notifications.push({
@@ -24,8 +27,8 @@ export function useFormNotifications() {
         return notifications;
     }, [
         formInstanceAvailable,
-        formInstance === null || formInstance === void 0 ? void 0 : formInstance.formState.errors,
-        formInstance === null || formInstance === void 0 ? void 0 : formInstance.formState.isSubmitted,
+        formInstance?.formState.errors,
+        formInstance?.formState.isSubmitted,
         readonly,
     ]);
 }

package/dataform/hooks/useFormRecord.js

@@ -1,6 +1,9 @@
-import { useContextSelector } from '../../mutable';
-import { DataFormContext } from '../context';
-export function useFormRecord() {
-    const record = useContextSelector(DataFormContext, (state) => state.record);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormRecord = useFormRecord;
+const mutable_1 = require("../../mutable");
+const context_1 = require("../context");
+function useFormRecord() {
+    const record = (0, mutable_1.useContextSelector)(context_1.DataFormContext, (state) => state.record);
     return record;
 }