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

package/dataform/DataFormProvider/index.js

@@ -1,4 +1,3 @@
-"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -8,29 +7,27 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-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)({
+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({
         mode: 'all',
         defaultValues: {},
-        resolver: (0, utils_1.formValidator)({
+        resolver: formValidator({
             form: props.form,
             schemaStore,
             language,
@@ -40,7 +37,7 @@ function DataFormProvider(props) {
         }),
         shouldUnregister: false,
     });
-    const contextValue = (0, mutable_1.useCreateContextStore)({
+    const contextValue = useCreateContextStore({
         schema: props.schema,
         form: props.form,
         commands: props.commands,
@@ -52,7 +49,7 @@ function DataFormProvider(props) {
         // formInstanceRenderCount: 0,
         initialValues: {},
     });
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         contextValue.setValue({
             form: props.form,
             schema: props.schema,
@@ -68,5 +65,5 @@ function DataFormProvider(props) {
         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] })) }));
+    return (_jsx(DataFormContext.Provider, { value: contextValue, children: _jsxs(FormProvider, Object.assign({}, formInstance, { children: [_jsx(DataResolver, {}), _jsx(InitialValueResolver, {}), _jsx(ReadonlyInfoResolver, { setFormReadOnly: setFormReadOnly }), props.children] })) }));
 }

package/dataform/context.js

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

package/dataform/hooks/index.js

@@ -1,29 +1,13 @@
-"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);
+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';

package/dataform/hooks/useFormInstance.js

@@ -1,8 +1,5 @@
-"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)();
+import { useFormContext } from 'react-hook-form';
+export function useFormInstance() {
+    const formInstance = useFormContext();
     return formInstance;
 }

package/dataform/hooks/useFormIsDirty.js

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

package/dataform/hooks/useFormIsReadonly.js

@@ -1,9 +1,6 @@
-"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);
+import { useContextSelector } from '../../mutable';
+import { DataFormContext } from '../context';
+export function useFormIsReadonly() {
+    const readonly = useContextSelector(DataFormContext, (state) => state.isReadonly);
     return readonly;
 }

package/dataform/hooks/useFormNotifications.js

@@ -1,14 +1,11 @@
-"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)();
+import { useMemo } from 'react';
+import { useFormInstance } from './useFormInstance';
+import { useFormIsReadonly } from './useFormIsReadonly';
+export function useFormNotifications() {
+    const readonly = useFormIsReadonly();
+    const formInstance = useFormInstance();
     const formInstanceAvailable = !!formInstance;
-    return (0, react_1.useMemo)(() => {
+    return useMemo(() => {
         const notifications = [];
         if (readonly) {
             notifications.push({

package/dataform/hooks/useFormRecord.js

@@ -1,9 +1,6 @@
-"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);
+import { useContextSelector } from '../../mutable';
+import { DataFormContext } from '../context';
+export function useFormRecord() {
+    const record = useContextSelector(DataFormContext, (state) => state.record);
     return record;
 }

package/dataform/hooks/useFormSave.js

@@ -1,4 +1,3 @@
-"use strict";
 // Steps
 // 1. Show the loading indicator
 // 2. Extract modified fields from the form
@@ -15,37 +14,35 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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
-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)();
+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();
     function showMessageAfterSave({ isCreatedMode }) {
         // Show notification
         if (!isCreatedMode) {
@@ -73,7 +70,7 @@ function useFormSave() {
                 showProgressIndicator(undefined, 500);
             }
             try {
-                const result = yield (0, utils_1.saveRecord)({
+                const result = yield saveRecord({
                     values,
                     form: form,
                     record: record,
@@ -135,8 +132,8 @@ function useFormSave() {
             }
         }))();
     });
-    const _saveRef = (0, react_1.useRef)(_save);
+    const _saveRef = useRef(_save);
     _saveRef.current = _save;
-    const save = (0, react_1.useCallback)((mode) => _saveRef.current(mode), [_saveRef]);
+    const save = useCallback((mode) => _saveRef.current(mode), [_saveRef]);
     return save;
 }

package/dataform/hooks/useFormSchema.js

@@ -1,8 +1,5 @@
-"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);
+import { useContextSelector } from '../../mutable/context';
+import { DataFormContext } from '../context';
+export function useDataFormSchema() {
+    return useContextSelector(DataFormContext, (state) => state.schema);
 }

package/dataform/hooks/useLoadFormGridPage.js

@@ -1,4 +1,3 @@
-"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -8,23 +7,21 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-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)({
+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({
         queryKey: ['experience-schema-form', logicalName, formId],
         queryFn: () => __awaiter(this, void 0, void 0, function* () {
             return experienceStore.getForm(logicalName, formId);
         }),
-        placeholderData: react_query_1.keepPreviousData,
+        placeholderData: keepPreviousData,
     });
-    const { app: { formCommands }, } = (0, app_1.useAppContext)();
-    const { data: commands } = (0, react_query_1.useQuery)({
+    const { app: { formCommands }, } = useAppContext();
+    const { data: commands } = useQuery({
         queryKey: ['experience-schema-form-commands', logicalName],
         queryFn: () => __awaiter(this, void 0, void 0, function* () {
             let commands = yield experienceStore.getFormCommands(logicalName);

package/dataform/hooks/useMainFormCommands.js

@@ -1,32 +1,27 @@
-"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() {
+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 = (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 = (_a = (0, useFormIsReadonly_1.useFormIsReadonly)()) !== null && _a !== void 0 ? _a : false;
+    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;
     const data = formInstance.watch();
-    const router = (0, route_1.useRouter)();
-    const close = (0, react_1.useCallback)(() => {
+    const router = useRouter();
+    const close = useCallback(() => {
         router.back();
     }, [router]);
     return {
@@ -43,13 +38,13 @@ function useFormControlContext() {
         close,
     };
 }
-function useMainFormCommandHandlerContext() {
+export function useMainFormCommandHandlerContext() {
     const primaryControl = useFormControlContext();
-    const baseHandlerContext = (0, command_1.useBaseCommandHandlerContext)();
+    const baseHandlerContext = useBaseCommandHandlerContext();
     return Object.assign(Object.assign({}, baseHandlerContext), { primaryControl });
 }
-function useMainFormCommands() {
-    const commands = (0, context_1.useContextSelector)(context_2.DataFormContext, (state) => state.commands);
+export function useMainFormCommands() {
+    const commands = useContextSelector(DataFormContext, (state) => state.commands);
     const handlerContext = useMainFormCommandHandlerContext();
-    return (0, command_1.useCommands)(commands, handlerContext);
+    return useCommands(commands, handlerContext);
 }

package/dataform/hooks/useProcessFlowSteps.js

@@ -1,23 +1,20 @@
-"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");
+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';
 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 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 data = formInstance.watch();
     return {
         data,
@@ -32,12 +29,12 @@ function useFormControlContext() {
 }
 function useProcessFlowInfoContext() {
     const primaryControl = useFormControlContext();
-    const baseHandlerContext = (0, command_1.useBaseCommandHandlerContext)();
+    const baseHandlerContext = useBaseCommandHandlerContext();
     return Object.assign(Object.assign({}, baseHandlerContext), { primaryControl });
 }
-function useProcessFlowSteps() {
+export function useProcessFlowSteps() {
     var _a;
-    const formConfig = (0, useSelectedForm_1.useSelectedForm)();
+    const formConfig = useSelectedForm();
     const context = useProcessFlowInfoContext();
     const steps = (_a = formConfig.experience.processFlow) === null || _a === void 0 ? void 0 : _a.getSteps(context);
     return steps;

package/dataform/hooks/useRecordId.js

@@ -1,8 +1,5 @@
-"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);
+import { useContextSelector } from '../../mutable/context';
+import { DataFormContext } from '../context';
+export function useRecordId() {
+    return useContextSelector(DataFormContext, (state) => state.recordId);
 }

package/dataform/hooks/useRecordTitle.d.ts

@@ -1 +1,3 @@
-export declare function useRecordTitle(): any;
+type UseRecordTitleResult = [string, boolean];
+export declare function useRecordTitle(): UseRecordTitleResult;
+export {};

package/dataform/hooks/useRecordTitle.js

@@ -1,13 +1,10 @@
-"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)();
+import { useFormInstance } from './useFormInstance';
+import { useDataFormSchema } from './useFormSchema';
+import { useRecordId } from './useRecordId';
+export function useRecordTitle() {
+    const formInstance = useFormInstance();
+    const schema = useDataFormSchema();
+    const recordId = useRecordId();
     let primaryAttributeValue = formInstance.watch(schema.primaryAttribute);
     const primaryAttribute = schema.attributes[schema.primaryAttribute];
     if ((primaryAttribute === null || primaryAttribute === void 0 ? void 0 : primaryAttribute.type) === 'lookup') {
@@ -15,13 +12,13 @@ function useRecordTitle() {
         primaryAttributeValue = primaryAttributeValue === null || primaryAttributeValue === void 0 ? void 0 : primaryAttributeValue.name;
     }
     if (primaryAttributeValue && typeof primaryAttributeValue !== 'string') {
-        return String(primaryAttributeValue);
+        return [String(primaryAttributeValue), false];
     }
     if (primaryAttributeValue) {
-        return primaryAttributeValue;
+        return [primaryAttributeValue, false];
     }
     if (recordId) {
-        return '(No name)';
+        return ['(No name)', true];
     }
-    return `New ${schema.label.toLowerCase()}`;
+    return [`New ${schema.label.toLowerCase()}`, true];
 }

package/dataform/hooks/useSelectedForm.js

@@ -1,8 +1,5 @@
-"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);
+import { useContextSelector } from '../../mutable/context';
+import { DataFormContext } from '../context';
+export function useSelectedForm() {
+    return useContextSelector(DataFormContext, (state) => state.form);
 }

package/dataform/index.js

@@ -1,23 +1,4 @@
-"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; } });
+export { DataFormContext } from './context';
+export * from './hooks';
+export * from './utils';
+export { DataFormProvider } from './DataFormProvider';

package/dataform/utils/defaultParameters.js

@@ -1,9 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFormDefaultParameters = getFormDefaultParameters;
-exports.setFormDefaultParameters = setFormDefaultParameters;
 let formDefaultParameters = null;
-function getFormDefaultParameters(schema) {
+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;
     const schemaDefaultValues = Object.keys(schema.attributes).reduce((acc, key) => {
@@ -23,7 +19,7 @@ function getFormDefaultParameters(schema) {
     return schemaDefaultValues;
 }
 let defaultParamsTimeout = null;
-function setFormDefaultParameters(logicalName, values) {
+export function setFormDefaultParameters(logicalName, values) {
     formDefaultParameters = {
         logicalName,
         values,