@opengeoweb/form-fields 9.32.1 → 9.33.1-spike-ol.3

package/index.esm.js

@@ -3,8 +3,8 @@ import { FormControl, FormHelperText, InputLabel, Select, RadioGroup, TextField,
 import { useFormContext, useController, useForm, FormProvider } from 'react-hook-form';
 import { isEqual } from 'lodash';
 import { dateUtils } from '@opengeoweb/shared';
-import i18n from 'i18next';
-import { initReactI18next, useTranslation } from 'react-i18next';
+import 'i18next';
+import { useTranslation } from 'react-i18next';
 import * as React from 'react';
 import { DateTimePicker } from '@mui/x-date-pickers';
 import { CalendarToday } from '@opengeoweb/theme';
@@ -2335,27 +2335,6 @@ const isNonOrBothCoordinates = (coordinate, otherCoordinate) => {
 };
 
 const FORM_FIELDS_NAMESPACE = 'form-fields';
-void i18n.use(initReactI18next).init({
-  lng: 'en',
-  ns: FORM_FIELDS_NAMESPACE,
-  interpolation: {
-    escapeValue: false
-  },
-  resources: {
-    en: {
-      [FORM_FIELDS_NAMESPACE]: formFieldsTranslations.en
-    },
-    fi: {
-      [FORM_FIELDS_NAMESPACE]: formFieldsTranslations.fi
-    },
-    no: {
-      [FORM_FIELDS_NAMESPACE]: formFieldsTranslations.no
-    },
-    nl: {
-      [FORM_FIELDS_NAMESPACE]: formFieldsTranslations.nl
-    }
-  }
-});
 const ns = [FORM_FIELDS_NAMESPACE];
 const useFormFieldsTranslation = () => useTranslation(ns);
 
@@ -2538,11 +2517,16 @@ $$3({ target: 'Array', proto: true, forced: FORCED$1 }, {
 });
 
 function getDeepProperty(p, o) {
-  return p.reduce((xs, x) => xs && xs[x] ? xs[x] : null, o);
+  return p.reduce((xs, x) => {
+    if (xs && typeof xs === 'object' && x in xs) {
+      return xs[x];
+    }
+    return null;
+  }, o);
 }
 const getErrors = (name, errors) => {
   const nameAsArray = name.split('.');
-  return getDeepProperty(nameAsArray, errors);
+  return getDeepProperty(nameAsArray, errors) || undefined;
 };
 
 const _excluded$5 = ["name", "label", "defaultValue", "children", "rules", "onChange", "disabled", "className", "sx", "isReadOnly", "size"];
@@ -2597,10 +2581,10 @@ const ReactHookFormSelect = _ref => {
       label: label,
       inputRef: ref,
       name: name,
-      onChange: changeEvent => {
+      onChange: (changeEvent, child) => {
         onChangeField(changeEvent.target.value);
         // default props
-        onChange(changeEvent);
+        onChange(changeEvent, child);
       },
       value: value || '',
       variant: "filled"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/form-fields",
-  "version": "9.32.1",
+  "version": "9.33.1-spike-ol.3",
   "description": "GeoWeb form-fields library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {

package/src/lib/components/ReactHookFormSelect.d.ts

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import { SelectProps } from '@mui/material';
 import { ReactHookFormInput } from './types';
-type ReactHookFormSelectProps = Partial<SelectProps> & ReactHookFormInput<{
-    onChange?: (value: React.ChangeEvent<HTMLInputElement>) => void;
-}>;
+type ReactHookFormSelectProps = Partial<SelectProps> & ReactHookFormInput<object>;
 declare const ReactHookFormSelect: React.FC<ReactHookFormSelectProps>;
 export default ReactHookFormSelect;

package/src/lib/components/formUtils.d.ts

@@ -1,3 +1,3 @@
 import { FieldErrors } from 'react-hook-form';
-export declare function getDeepProperty<I>(p: string[], o: I): I;
-export declare const getErrors: (name: string, errors: FieldErrors) => FieldErrors;
+export declare function getDeepProperty<I>(p: string[], o: I): I | null;
+export declare const getErrors: (name: string, errors: FieldErrors) => FieldErrors | undefined;

package/src/lib/utils/i18n.d.ts

@@ -1,6 +1,7 @@
 import i18n from 'i18next';
 import { UseTranslationResponse } from 'react-i18next';
 export declare const FORM_FIELDS_NAMESPACE = "form-fields";
+export declare const initFormFieldsI18n: () => void;
 export declare const translateKeyOutsideComponents: (key: string, params?: Record<string, string | number> | undefined) => string;
 export declare const useFormFieldsTranslation: () => UseTranslationResponse<typeof FORM_FIELDS_NAMESPACE, typeof i18n>;
 export { i18n };