@headless-adminapp/app 1.4.6 → 1.4.9

package/builders/CommandBuilder/FormCommandBuilder.js

@@ -119,9 +119,6 @@ var FormCommandBuilder;
                 if (!recordId) {
                     return;
                 }
-                // if (typeof stringSet === 'function') {
-                //   stringSet = stringSet(context);
-                // }
                 const localizeSelector = (0, utils_1.createLocalizedSelector)(stringSet, localizedStringSet, context.locale.language);
                 try {
                     const confirmResult = await context.utility.openConfirmDialog({

package/dataform/DataFormProvider/utils.js

@@ -76,7 +76,7 @@ function getIsFieldDisabled({ attribute, isFormReadonly, disabledFields, control
         else if ('disabled' in control && control.disabled !== undefined) {
             disabled = control.disabled;
         }
-        else if (attribute && attribute.readonly !== undefined) {
+        else if (attribute?.readonly !== undefined) {
             disabled = attribute.readonly;
         }
     }

package/dataform/hooks/useFormSave.js

@@ -39,21 +39,23 @@ function useFormSave() {
     const saveRecord = (0, context_1.useContextSelector)(context_2.DataFormContext, (state) => state.saveRecordFn);
     const client = (0, react_query_1.useQueryClient)();
     const router = (0, route_1.useRouter)();
-    function showMessageAfterSave({ isCreatedMode }) {
+    function showMessageAfterSave({ mode }) {
         // Show notification
-        if (!isCreatedMode) {
-            openToastNotification({
-                type: 'success',
-                title: 'Record updated',
-                text: 'Record updated successfully',
-            });
-        }
-        else {
-            openToastNotification({
-                type: 'success',
-                title: 'Record created',
-                text: 'Record created successfully',
-            });
+        switch (mode) {
+            case 'create':
+                openToastNotification({
+                    type: 'success',
+                    title: 'Record created',
+                    text: 'Record created successfully',
+                });
+                break;
+            case 'update':
+                openToastNotification({
+                    type: 'success',
+                    title: 'Record updated',
+                    text: 'Record updated successfully',
+                });
+                break;
         }
     }
     const _save = async (mode) => {
@@ -107,7 +109,7 @@ function useFormSave() {
                     queryKey: ['data', 'retriveRecords'],
                 });
                 showMessageAfterSave({
-                    isCreatedMode: !record,
+                    mode: record ? 'update' : 'create',
                 });
             }
             catch (err) {

package/dataform/hooks/useLoadFormGridPage.js

@@ -19,9 +19,7 @@ function useLoadFormGridPage(logicalName, formId) {
         queryKey: ['experience-schema-form-commands', logicalName],
         queryFn: async () => {
             let commands = await experienceStore.getFormCommands(logicalName);
-            if (!commands) {
-                commands = formCommands;
-            }
+            commands ??= formCommands;
             return commands ?? [];
         },
         initialData: [],

package/dataform/utils/saveRecord.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getModifiedValues = getModifiedValues;
 exports.saveRecord = saveRecord;
 exports.saveEditableGridControl = saveEditableGridControl;
-const utils_1 = require("../../dataform/DataFormProvider/utils");
+const utils_1 = require("../DataFormProvider/utils");
 function getModifiedValues(initialValues, values, exclude) {
     const keys = Object.keys(values);
     return keys.reduce((p, c) => {

package/hooks/useDebouncedValue.js

@@ -3,22 +3,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDebouncedValue = useDebouncedValue;
 const react_1 = require("react");
 function useDebouncedValue(value, wait, options = { leading: false }) {
-    const [_value, setValue] = (0, react_1.useState)(value);
+    const [internalValue, setInternalValue] = (0, react_1.useState)(value);
     const mountedRef = (0, react_1.useRef)(false);
-    const timeoutRef = (0, react_1.useRef)(null);
+    const timeoutRef = (0, react_1.useRef)();
     const cooldownRef = (0, react_1.useRef)(false);
     const cancel = () => window.clearTimeout(timeoutRef.current);
     (0, react_1.useEffect)(() => {
         if (mountedRef.current) {
             if (!cooldownRef.current && options.leading) {
                 cooldownRef.current = true;
-                setValue(value);
+                setInternalValue(value);
             }
             else {
                 cancel();
                 timeoutRef.current = window.setTimeout(() => {
                     cooldownRef.current = false;
-                    setValue(value);
+                    setInternalValue(value);
                 }, wait);
             }
         }
@@ -27,5 +27,5 @@ function useDebouncedValue(value, wait, options = { leading: false }) {
         mountedRef.current = true;
         return cancel;
     }, []);
-    return [_value, cancel];
+    return [internalValue, cancel];
 }

package/hooks/useIsMobile.js

@@ -8,7 +8,7 @@ exports.useIsTablet = useIsTablet;
 const debounce_1 = __importDefault(require("lodash/debounce"));
 const react_1 = require("react");
 function useIsMobile() {
-    const [isMobile, setIsMobile] = (0, react_1.useState)(false);
+    const [isMobile, setIsMobile] = (0, react_1.useState)(window.innerWidth < 768);
     (0, react_1.useLayoutEffect)(() => {
         const updateSize = () => {
             setIsMobile(window.innerWidth < 768);

package/metadata/MetadataProvider.js

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const app_1 = require("@headless-adminapp/core/experience/app");
 const store_1 = require("@headless-adminapp/core/store");
 const icons_1 = require("@headless-adminapp/icons");
+const react_1 = require("react");
 const context_1 = require("../mutable/context");
 const store_2 = require("../store");
 const context_2 = require("./context");
@@ -32,6 +33,13 @@ const MetadataProvider = ({ children, experienceStore = exports.defaultExperienc
         appExperience,
         recentItemStore,
     });
+    (0, react_1.useEffect)(() => {
+        contextValue.setValue({
+            appExperience,
+            experienceStore,
+            schemaStore,
+        });
+    }, [contextValue, appExperience, experienceStore, schemaStore]);
     return ((0, jsx_runtime_1.jsx)(context_2.MetadataContext.Provider, { value: contextValue, children: children }));
 };
 exports.MetadataProvider = MetadataProvider;

package/metadata/hooks/useExperienceViewCommands.js

@@ -12,9 +12,7 @@ function useExperienceViewCommands(logicalName) {
         queryKey: ['experience-schema-view-commands', logicalName],
         queryFn: async () => {
             let commands = await experienceStore.getViewCommands(logicalName);
-            if (!commands) {
-                commands = viewCommands;
-            }
+            commands ??= viewCommands;
             return commands ?? [];
         },
         initialData: [],

package/metadata/hooks/useExperienceViewSubgridCommands.js

@@ -12,9 +12,7 @@ function useExperienceViewSubgridCommands(logicalName) {
         queryKey: ['experience-schema-view-subgrid-commands', logicalName],
         queryFn: async () => {
             let commands = await experienceStore.getSubgridCommands(logicalName);
-            if (!commands) {
-                commands = subgridCommands;
-            }
+            commands ??= subgridCommands;
             return commands ?? [];
         },
         initialData: [],

package/navigation/hooks/useOpenForm.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOpenForm = useOpenForm;
 const app_1 = require("@headless-adminapp/core/experience/app");
 const react_1 = require("react");
-const hooks_1 = require("../../route/hooks/");
+const hooks_1 = require("../../route/hooks");
 const useRouteResolver_1 = require("../../route/hooks/useRouteResolver");
 function useOpenForm() {
     const routeResolver = (0, useRouteResolver_1.useRouteResolver)();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "1.4.6",
+  "version": "1.4.9",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -38,5 +38,5 @@
     "uuid": "11.0.3",
     "yup": "^1.4.0"
   },
-  "gitHead": "89d91fe63da3aae42fc34482cc90c1e12963810b"
+  "gitHead": "39e62181f5436c5ceeaca2aa88d132593d53607a"
 }

package/progress-indicator/ProgressIndicatorProvider.js

@@ -13,12 +13,10 @@ const ProgressIndicatorProvider = ({ children, }) => {
         setOverlayVisible(true);
         setMessage(message);
         if (delay) {
-            if (!showTimeoutRef.current) {
-                showTimeoutRef.current = setTimeout(() => {
-                    setVisible(true);
-                    showTimeoutRef.current = undefined;
-                }, delay);
-            }
+            showTimeoutRef.current ??= setTimeout(() => {
+                setVisible(true);
+                showTimeoutRef.current = undefined;
+            }, delay);
         }
         else {
             if (showTimeoutRef.current) {

package/recordset/hooks/useRecordSetResult.d.ts

@@ -1,7 +1,7 @@
-import { SchemaAttributes } from '@headless-adminapp/core/schema';
+import { InferredSchemaType, SchemaAttributes } from '@headless-adminapp/core/schema';
 export declare function useRecordSetResult(): {
     isLoading: boolean;
-    data: import("@headless-adminapp/core/transport").Data<SchemaAttributes>[] | undefined;
+    data: import("@headless-adminapp/core/transport").Data<InferredSchemaType<SchemaAttributes>>[] | undefined;
     cardView: import("@headless-adminapp/core/experience/view").CardView | null;
     schema: import("@headless-adminapp/core/schema").Schema<SchemaAttributes> | null;
 };

package/store/SchemaExperienceStore.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SchemaExperienceStore = void 0;
 exports.getDefaultCardView = getDefaultCardView;
+const utils_1 = require("@headless-adminapp/core/utils");
 function getDefaultCardView(schema) {
     return {
         primaryColumn: schema.primaryAttribute,
@@ -71,9 +72,7 @@ class SchemaExperienceStore {
         if (!validViewIds.length) {
             validViewIds = [experience.defaultViewId];
         }
-        if (!viewId) {
-            viewId = experience.defaultViewId;
-        }
+        viewId = (0, utils_1.stringWithDefault)(viewId, experience.defaultViewId);
         if (!validViewIds.includes(viewId)) {
             viewId = validViewIds[0];
         }
@@ -103,9 +102,7 @@ class SchemaExperienceStore {
         if (!validViewIds.length) {
             validViewIds = [experience.defaultViewId];
         }
-        if (!viewId) {
-            viewId = experience.defaultAssociatedViewId;
-        }
+        viewId = (0, utils_1.stringWithDefault)(viewId, experience.defaultAssociatedViewId);
         if (!validViewIds.includes(viewId)) {
             viewId = validViewIds[0];
         }
@@ -130,9 +127,7 @@ class SchemaExperienceStore {
     }
     async getViewLookupV2(logicalName, viewId) {
         const experience = await this.getExperience(logicalName);
-        if (!viewId) {
-            viewId = experience.defaultLookupId;
-        }
+        viewId = (0, utils_1.stringWithDefault)(viewId, experience.defaultLookupId);
         const view = experience.lookups.find((v) => v.id === viewId);
         if (!view) {
             throw new Error(`Lookup ${viewId} not found`);

package/transport/context.js

@@ -3,9 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileServiceContext = exports.DataServiceContext = void 0;
 const react_1 = require("react");
 exports.DataServiceContext = (0, react_1.createContext)(undefined);
-// export const noopFileService = {
-//   uploadFile: async () => {
-//     throw new Error('File service not implemented');
-//   },
-// } as IFileService;
 exports.FileServiceContext = (0, react_1.createContext)(null);

package/utils/phone.js

@@ -21,7 +21,7 @@ function parsePhoneNumber(input, defaultCountry) {
             uri: phoneNumber.getURI(),
         };
     }
-    catch (error) {
+    catch {
         return {
             formattedInternationalValue: input,
             formattedNationalValue: input,