@headless-adminapp/app 0.0.17-alpha.24 → 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/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.24",
+  "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": "3280eb0e29b7a026f0251771f564b33c123c9bec"
+  "gitHead": "0a42b982d6113067cd2f9739ec646d138c1a5274"
 }

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':