@headless-adminapp/app 0.0.14-alpha.0 → 0.0.17-alpha.0

package/command/hooks/useBaseCommandHandlerContext.js

@@ -31,7 +31,7 @@ function useBaseCommandHandlerContext() {
     const queryClient = (0, react_query_1.useQueryClient)();
     const stores = (0, hooks_2.useMetadata)();
     const utility = useUtility();
-    const [locale] = (0, locale_1.useLocale)();
+    const locale = (0, locale_1.useLocale)();
     return {
         dataService,
         queryClient,

package/dataform/DataFormProvider/index.js

@@ -24,7 +24,7 @@ const InitialValueResolver_1 = require("./InitialValueResolver");
 const ReadonlyInfoResolver_1 = require("./ReadonlyInfoResolver");
 function DataFormProvider(props) {
     const { getSchema } = (0, useMetadata_1.useMetadata)();
-    const [{ language }] = (0, useLocale_1.useLocale)();
+    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)({

package/datagrid/DataGridProvider/index.d.ts

@@ -10,7 +10,7 @@ export interface DataGridProviderProps<S extends SchemaAttributes = SchemaAttrib
     view: View<S>;
     extraFilter?: Filter;
     commands: CommandItemExperience<CommandContext>[][];
-    onChangeView: (viewId: string) => void;
+    onChangeView?: (viewId: string) => void;
     isSubGrid?: boolean;
     allowViewSelection?: boolean;
     maxRecords?: number;

package/datagrid/DataGridProvider/index.js

@@ -14,9 +14,10 @@ function DataGridProvider(props) {
     const onChangeViewRef = (0, react_1.useRef)(props.onChangeView);
     onChangeViewRef.current = props.onChangeView;
     const { schemaStore } = (0, useMetadata_1.useMetadata)();
-    const [{ language }] = (0, useLocale_1.useLocale)();
+    const { language } = (0, useLocale_1.useLocale)();
     const handleViewChange = (0, react_1.useCallback)((viewId) => {
-        onChangeViewRef.current(viewId);
+        var _a;
+        (_a = onChangeViewRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeViewRef, viewId);
     }, []);
     const contextValue = (0, context_1.useCreateContextStore)({
         schema: props.schema,

package/datagrid/hooks/useMainGridCommands.js

@@ -79,7 +79,7 @@ function useMainGridCommandHandlerContext() {
     const queryClient = (0, react_query_1.useQueryClient)();
     const { appStore, experienceStore, schemaStore } = (0, useMetadata_1.useMetadata)();
     const utility = useUtility();
-    const [locale] = (0, useLocale_1.useLocale)();
+    const locale = (0, useLocale_1.useLocale)();
     const primaryControl = useGridControlContext();
     return {
         dataService,

package/datagrid/hooks/useSubGridCommands.js

@@ -44,7 +44,7 @@ function useSubGridCommandHandlerContext() {
     const extraFilter = (0, useGridExtraFilter_1.useGridExtraFilter)();
     const refresh = (0, useGridRefresh_1.useGridRefresh)();
     const utility = (0, useMainGridCommands_1.useUtility)();
-    const [locale] = (0, useLocale_1.useLocale)();
+    const locale = (0, useLocale_1.useLocale)();
     const mainFormHandlerContext = (0, useMainFormCommands_1.useMainFormCommandHandlerContext)();
     // console.log('mainFormHandlerContext', mainFormHandlerContext);
     return {

package/locale/LocaleProvider.d.ts

@@ -0,0 +1,13 @@
+import { Locale } from '@headless-adminapp/core/experience/locale';
+import { FC, PropsWithChildren } from 'react';
+interface LocaleProviderProps {
+    locale: string;
+    options?: {
+        direction?: Locale['direction'];
+        dateFormats?: Locale['dateFormats'];
+        timeFormats?: Locale['timeFormats'];
+        currency?: Partial<Locale['currency']>;
+    };
+}
+export declare const LocaleProvider: FC<PropsWithChildren<LocaleProviderProps>>;
+export {};

package/locale/LocaleProvider.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocaleProvider = void 0;
+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, }) => {
+    const localeState = (0, react_1.useMemo)(() => {
+        return (0, locale_1.getLocale)(locale);
+    }, [locale]);
+    return ((0, jsx_runtime_1.jsx)(context_1.LocaleContext.Provider, { value: localeState, children: children }));
+};
+exports.LocaleProvider = LocaleProvider;

package/locale/context.d.ts

@@ -1,2 +1,2 @@
-import { Dispatch, SetStateAction } from 'react';
-export declare const LocaleContext: import("react").Context<[import("@headless-adminapp/core/experience/app").Locale, Dispatch<SetStateAction<import("@headless-adminapp/core/experience/app").Locale>>] | null>;
+import { Locale } from '@headless-adminapp/core/experience/locale';
+export declare const LocaleContext: import("react").Context<Locale | null>;

package/locale/index.d.ts

@@ -1,3 +1,2 @@
 export { LocaleContext } from './context';
-export * from './types';
 export * from './useLocale';

package/locale/index.js

@@ -17,5 +17,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LocaleContext = void 0;
 var context_1 = require("./context");
 Object.defineProperty(exports, "LocaleContext", { enumerable: true, get: function () { return context_1.LocaleContext; } });
-__exportStar(require("./types"), exports);
 __exportStar(require("./useLocale"), exports);

package/locale/useLocale.d.ts

@@ -1 +1 @@
-export declare function useLocale(): [import("@headless-adminapp/core/experience/app").Locale, import("react").Dispatch<import("react").SetStateAction<import("@headless-adminapp/core/experience/app").Locale>>];
+export declare function useLocale(): import("@headless-adminapp/core/experience/locale").Locale;

package/metadata/MetadataProvider.d.ts

@@ -1,9 +1,8 @@
 import { IClientAppStore, ISchemaExperienceStore, ISchemaStore } from '@headless-adminapp/core/store';
 import { FC, PropsWithChildren } from 'react';
-interface MetadataProviderProps {
+export interface MetadataProviderProps {
     schemaStore: ISchemaStore;
     experienceStore: ISchemaExperienceStore;
     appStore: IClientAppStore;
 }
 export declare const MetadataProvider: FC<PropsWithChildren<MetadataProviderProps>>;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "0.0.14-alpha.0",
+  "version": "0.0.17-alpha.0",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -33,5 +33,5 @@
     "clsx": "2.1.1",
     "react-custom-scrollbars-2": "^4.5.0"
   },
-  "gitHead": "c616c164a9e637a41465cdb887b4cc85628c8d95"
+  "gitHead": "f57583f8390f15b373fbe095c8f3391f538b94d3"
 }