@headless-adminapp/app 0.0.17-alpha.23 → 0.0.17-alpha.25

package/app/LayoutProvider.d.ts

@@ -8,7 +8,7 @@ import { RouteProviderProps } from '../route/RouteProvider';
 export interface LayoutProviderProps {
     routeProps: RouteProviderProps;
     queryClient: QueryClient;
-    localeProps?: LocaleProviderProps;
+    localeProps: LocaleProviderProps;
     dataService: IDataService;
     authProps?: AuthProviderProps;
     authPlaceholder?: FC<AuthProviderPlaceholderProps>;

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");
@@ -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) {
@@ -97,6 +101,9 @@ function useFormSave() {
                     yield client.invalidateQueries({
                         queryKey: ['data', 'retriveRecord'],
                     });
+                    if (mode === 'saveandclose') {
+                        router.back();
+                    }
                 }
                 yield client.invalidateQueries({
                     queryKey: ['data', 'retriveRecords'],

package/datagrid/DataGridProvider/DataResolver.js

@@ -32,7 +32,10 @@ function DataResolver() {
     const [columnFilters] = (0, hooks_1.useGridColumnFilter)();
     const gridColumns = (0, hooks_1.useGridColumns)();
     const maxRecords = (_a = (0, hooks_1.useMaxRecords)()) !== null && _a !== void 0 ? _a : MAX_RECORDS;
+    const [selectedIds] = (0, hooks_1.useGridSelection)();
     const { schemaStore } = (0, useMetadata_1.useMetadata)();
+    const selectedIdsRef = (0, react_1.useRef)(selectedIds);
+    selectedIdsRef.current = selectedIds;
     const setState = (0, context_1.useContextSetValue)(context_2.GridContext);
     const [search] = (0, useDebouncedValue_1.useDebouncedValue)(searchText, 500);
     const columns = (0, react_1.useMemo)(() => Array.from(new Set([
@@ -146,10 +149,12 @@ function DataResolver() {
             count: (_c = (_b = data === null || data === void 0 ? void 0 : data.pages) === null || _b === void 0 ? void 0 : _b[0].data.count) !== null && _c !== void 0 ? _c : 0,
             records: (_d = data === null || data === void 0 ? void 0 : data.pages.map((x) => x.data.records).flat()) !== null && _d !== void 0 ? _d : [],
         };
+        const selectedIds = selectedIdsRef.current.filter((x) => finalData.records.some((y) => y[schema.idAttribute] === x));
         setState({
             data: finalData,
+            selectedIds,
         });
-    }, [data, setState]);
+    }, [data, setState, schema.idAttribute]);
     (0, react_1.useEffect)(() => {
         setState({
             dataState: {

package/datagrid/DataGridProvider/DataSelectionResolve.d.ts

@@ -0,0 +1 @@
+export declare function DataSelectionResolver(): null;

package/datagrid/DataGridProvider/DataSelectionResolve.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataSelectionResolver = DataSelectionResolver;
+const react_1 = require("react");
+const hooks_1 = require("../hooks");
+function DataSelectionResolver() {
+    const data = (0, hooks_1.useGridData)();
+    const [selectedIds] = (0, hooks_1.useGridSelection)();
+    const selectedIdsRef = (0, react_1.useRef)(selectedIds);
+    selectedIdsRef.current = selectedIds;
+    (0, react_1.useEffect)(() => { }, [data]);
+    return null;
+}

package/locale/LocaleProvider.d.ts

@@ -1,7 +1,8 @@
 import { Locale } from '@headless-adminapp/core/experience/locale';
 import { FC, PropsWithChildren } from 'react';
 export interface LocaleProviderProps {
-    locale?: string;
+    locale: string;
+    timezone: string;
     options?: {
         direction?: Locale['direction'];
         dateFormats?: Locale['dateFormats'];

package/locale/LocaleProvider.js

@@ -5,10 +5,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const locale_1 = require("@headless-adminapp/core/experience/locale");
 const react_1 = require("react");
 const context_1 = require("./context");
-const LocaleProvider = ({ children, locale = 'en-US', options, }) => {
+const LocaleProvider = ({ children, locale, timezone, options, }) => {
     const localeState = (0, react_1.useMemo)(() => {
-        return (0, locale_1.getLocale)(locale, options);
-    }, [locale, options]);
+        return (0, locale_1.getLocale)(locale, timezone, options);
+    }, [locale, timezone, options]);
     return ((0, jsx_runtime_1.jsx)(context_1.LocaleContext.Provider, { value: localeState, children: children }));
 };
 exports.LocaleProvider = LocaleProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "0.0.17-alpha.23",
+  "version": "0.0.17-alpha.25",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -39,5 +39,5 @@
     "react-hook-form": "7.52.2",
     "yup": "^1.4.0"
   },
-  "gitHead": "ff177d1491eff81fa8ab0cdfc7e5e1d1b3edc18b"
+  "gitHead": "0a42b982d6113067cd2f9739ec646d138c1a5274"
 }

package/transport/RestDataService/index.d.ts

@@ -3,11 +3,11 @@ import { RetriveRecordsFnOptions, RetriveRecordsResult } from '@headless-adminap
 interface RestDataServiceOptions {
     endpoint: string;
 }
+export declare function handleResponseError(response: Response): Promise<void>;
 export declare class RestDataService implements IDataService {
     protected readonly options: RestDataServiceOptions;
     constructor(options: RestDataServiceOptions);
     protected readonly headers: Record<string, string>;
-    protected handleResponseError(response: Response): Promise<void>;
     private getHeaders;
     setHeader(name: string, value: string): void;
     removeHeader(name: string): void;

package/transport/RestDataService/index.js

@@ -10,27 +10,28 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RestDataService = void 0;
+exports.handleResponseError = handleResponseError;
 const transport_1 = require("@headless-adminapp/core/transport");
+function handleResponseError(response) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        if (response.ok) {
+            return;
+        }
+        if ((_a = response.headers.get('content-type')) === null || _a === void 0 ? void 0 : _a.includes('application/json')) {
+            const data = yield response.json();
+            if (data.error) {
+                throw new transport_1.HttpError(response.status, data.error);
+            }
+        }
+        throw new transport_1.HttpError(response.status, response.statusText);
+    });
+}
 class RestDataService {
     constructor(options) {
         this.options = options;
         this.headers = {};
     }
-    handleResponseError(response) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            if (response.ok) {
-                return;
-            }
-            if ((_a = response.headers.get('content-type')) === null || _a === void 0 ? void 0 : _a.includes('application/json')) {
-                const data = yield response.json();
-                if (data.error) {
-                    throw new transport_1.HttpError(response.status, data.error);
-                }
-            }
-            throw new transport_1.HttpError(response.status, response.statusText);
-        });
-    }
     getHeaders() {
         return Object.assign({ 'content-type': 'application/json' }, this.headers);
     }
@@ -47,7 +48,7 @@ class RestDataService {
                 method: 'POST',
                 body: JSON.stringify(data),
             });
-            yield this.handleResponseError(response);
+            yield handleResponseError(response);
             return response.json();
         });
     }

package/utils/getAttributeFormattedValue.d.ts

@@ -11,5 +11,6 @@ export declare function getAttributeFormattedValue<A extends Attribute = Attribu
     currency?: string;
     currencySign?: 'accounting' | 'standard';
     currencyDisplay?: 'symbol' | 'narrowSymbol' | 'code';
+    timezone?: string;
 }): string | null | undefined;
 export {};

package/utils/getAttributeFormattedValue.js

@@ -5,6 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAttributeFormattedValue = getAttributeFormattedValue;
 const dayjs_1 = __importDefault(require("dayjs"));
+const timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
+const utc_1 = __importDefault(require("dayjs/plugin/utc"));
+dayjs_1.default.extend(utc_1.default);
+dayjs_1.default.extend(timezone_1.default);
 const defaultAttributeFormattedValueStrings = {
     yes: 'Yes',
     no: 'No',
@@ -44,7 +48,9 @@ function getAttributeFormattedValue(attribute, value, options) {
             })
                 .join(', ');
         case 'date':
-            return (0, dayjs_1.default)(value).format(dateFormat);
+            return (0, dayjs_1.default)(value)
+                .tz(options === null || options === void 0 ? void 0 : options.timezone)
+                .format(dateFormat);
         case 'daterange':
             if (!value)
                 return null;
@@ -54,13 +60,15 @@ function getAttributeFormattedValue(attribute, value, options) {
                 return null;
             }
             if (from && to) {
-                return ((0, dayjs_1.default)(from).format(dateFormat) + ' - ' + (0, dayjs_1.default)(to).format(dateFormat));
+                return ((0, dayjs_1.default)(from).tz(options === null || options === void 0 ? void 0 : options.timezone).format(dateFormat) +
+                    ' - ' +
+                    (0, dayjs_1.default)(to).tz(options === null || options === void 0 ? void 0 : options.timezone).format(dateFormat));
             }
             if (from) {
-                return 'After ' + (0, dayjs_1.default)(from).format(dateFormat);
+                return 'After ' + (0, dayjs_1.default)(from).tz(options === null || options === void 0 ? void 0 : options.timezone).format(dateFormat);
             }
             if (to) {
-                return 'Before ' + (0, dayjs_1.default)(to).format(dateFormat);
+                return 'Before ' + (0, dayjs_1.default)(to).tz(options === null || options === void 0 ? void 0 : options.timezone).format(dateFormat);
             }
             return null;
         case 'lookup':