@opengeoweb/form-fields 13.2.1 → 14.0.0

package/index.esm.js

@@ -1,15 +1,15 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { FormControl, FormHelperText, InputLabel, Select, RadioGroup, TextField, InputAdornment } from '@mui/material';
 import { useFormContext, useController, useForm, FormProvider } from 'react-hook-form';
-import { dateUtils } from '@opengeoweb/shared';
 import { isEqual } from 'lodash';
+import { dateUtils } from '@opengeoweb/shared';
 import 'i18next';
 import { useTranslation } from 'react-i18next';
-import * as React from 'react';
+import React from 'react';
 import { DateTimePicker } from '@mui/x-date-pickers';
 import { CalendarToday } from '@opengeoweb/theme';
-import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 
 var en = {
 	"form-fields-error-required": "This field is required",
@@ -96,23 +96,20 @@ function _objectWithoutPropertiesLoose(r, e) {
   return t;
 }
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2021 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
+function getDeepProperty(property, state) {
+  return property.reduce(function (xs, x) {
+    if (xs && typeof xs === 'object' && x in xs) {
+      return xs[x];
+    }
+    return null;
+  }, state);
+}
+var getErrors = function getErrors(name, errors) {
+  var _getDeepProperty;
+  var nameAsArray = name.split('.');
+  return (_getDeepProperty = getDeepProperty(nameAsArray, errors)) != null ? _getDeepProperty : undefined;
+};
+
 var defaultProps = {
   shouldUnregister: false
 };
@@ -187,10 +184,11 @@ var isValidMin = function isValidMin(value, minValue) {
   return !(value < minValue);
 };
 var hasValidGeometry = function hasValidGeometry(geojson) {
-  if (!geojson || !geojson.features || !geojson.features.length || !geojson.features[0].geometry ||
+  var _geojson$features, _geojson$features$0$g;
+  if (!(geojson != null && (_geojson$features = geojson.features) != null && _geojson$features.length) ||
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
-  !geojson.features[0].geometry.coordinates || !geojson.features[0].geometry.type) {
+  !((_geojson$features$0$g = geojson.features[0].geometry) != null && _geojson$features$0$g.coordinates) || !geojson.features[0].geometry.type) {
     return false;
   }
   return true;
@@ -202,9 +200,9 @@ var isValidGeoJsonCoordinates = function isValidGeoJsonCoordinates(geojson) {
   }
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
-  var _geojson$features$0$g = geojson.features[0].geometry,
-    coordinates = _geojson$features$0$g.coordinates,
-    type = _geojson$features$0$g.type;
+  var _geojson$features$0$g2 = geojson.features[0].geometry,
+    coordinates = _geojson$features$0$g2.coordinates,
+    type = _geojson$features$0$g2.type;
   // For type POINT coordinates is an array of 2
   if (coordinates.length === 2 && type === 'Point') {
     return true;
@@ -222,9 +220,9 @@ var isMaximumOneDrawing = function isMaximumOneDrawing(geojson) {
   }
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
-  var _geojson$features$0$g2 = geojson.features[0].geometry,
-    coordinates = _geojson$features$0$g2.coordinates,
-    type = _geojson$features$0$g2.type;
+  var _geojson$features$0$g3 = geojson.features[0].geometry,
+    coordinates = _geojson$features$0$g3.coordinates,
+    type = _geojson$features$0$g3.type;
   // For type POLYGON only one array of coordinates is allowed
   if (type === 'Polygon' && coordinates.length > 1) {
     return false;
@@ -262,17 +260,17 @@ var hasMulitpleIntersections = function hasMulitpleIntersections(geojson) {
   }
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
-  var _geojson$features$0$g3 = geojson.features[0].geometry,
-    coordinates = _geojson$features$0$g3.coordinates,
-    type = _geojson$features$0$g3.type;
+  var _geojson$features$0$g4 = geojson.features[0].geometry,
+    coordinates = _geojson$features$0$g4.coordinates,
+    type = _geojson$features$0$g4.type;
   if (type === 'MultiPolygon' || coordinates.length > 1 && type !== 'Point') {
     return true;
   }
   return false;
 };
 var countIntersectionPoints = function countIntersectionPoints(geojson, intersection) {
-  var _geojson$features$3, _intersection$feature3;
-  if (!(geojson != null && geojson.features) || !((_geojson$features$3 = geojson.features[0]) != null && _geojson$features$3.geometry) || !(intersection != null && intersection.features) || !((_intersection$feature3 = intersection.features[0]) != null && _intersection$feature3.geometry)) {
+  var _geojson$features2, _intersection$feature3;
+  if (!(geojson != null && (_geojson$features2 = geojson.features) != null && (_geojson$features2 = _geojson$features2[0]) != null && _geojson$features2.geometry) || !(intersection != null && (_intersection$feature3 = intersection.features) != null && (_intersection$feature3 = _intersection$feature3[0]) != null && _intersection$feature3.geometry)) {
     return 0;
   }
   var geojsonGeometry = geojson.features[0].geometry;
@@ -398,9 +396,9 @@ var ReactHookFormFormControl = function ReactHookFormFormControl(_ref) {
   var _useFormFieldsTransla = useFormFieldsTranslation(),
     t = _useFormFieldsTransla.t;
   return jsxs(FormControl, Object.assign({
-    fullWidth: true,
-    error: !!errors,
     className: (isReadOnly ? 'is-read-only' : '') + " " + className,
+    error: !!errors,
+    fullWidth: true,
     size: size,
     sx: Object.assign({}, isReadOnly && {
       // Radio input
@@ -421,29 +419,16 @@ var ReactHookFormFormControl = function ReactHookFormFormControl(_ref) {
       '.Mui-disabled:before': {
         border: 'transparent'
       }
-    }, sx)
+    }, Array.isArray(sx) ? Object.assign.apply(Object, [{}].concat(sx)) : sx)
   }, props, {
-    children: [children, errors && jsx(FormHelperText, {
-      variant: "filled",
+    children: [children, errors ? jsx(FormHelperText, {
       role: "alert",
+      variant: "filled",
       children: getErrorMessage(t, errors)
-    })]
+    }) : null]
   }));
 };
 
-function getDeepProperty(property, state) {
-  return property.reduce(function (xs, x) {
-    if (xs && typeof xs === 'object' && x in xs) {
-      return xs[x];
-    }
-    return null;
-  }, state);
-}
-var getErrors = function getErrors(name, errors) {
-  var nameAsArray = name.split('.');
-  return getDeepProperty(nameAsArray, errors) || undefined;
-};
-
 var _excluded$5 = ["name", "label", "defaultValue", "children", "rules", "onChange", "disabled", "className", "sx", "isReadOnly", "size"];
 var ReactHookFormSelect = function ReactHookFormSelect(_ref) {
   var name = _ref.name,
@@ -478,25 +463,26 @@ var ReactHookFormSelect = function ReactHookFormSelect(_ref) {
   var errors = getErrors(name, formErrors);
   return jsxs(ReactHookFormFormControl, {
     className: className,
-    sx: sx,
     disabled: disabled,
     errors: errors,
     isReadOnly: isReadOnly,
     size: size,
+    sx: sx,
     children: [jsx(InputLabel, {
-      variant: "filled",
       id: labelId,
+      variant: "filled",
       children: label
     }), jsx(Select, Object.assign({
-      labelId: labelId,
-      label: label,
       inputRef: ref,
+      label: label,
+      labelId: labelId,
       name: name,
       onChange: function onChange(changeEvent, child) {
         onChangeField(changeEvent.target.value);
         // default props
         _onChange(changeEvent, child);
       },
+      // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
       value: value || '',
       variant: "filled"
     }, otherProps, {
@@ -554,13 +540,13 @@ var ReactHookFormRadioGroup = function ReactHookFormRadioGroup(_ref) {
       id: labelId,
       children: label
     }), jsx(RadioGroup, Object.assign({
-      value: value,
+      name: name,
       onChange: function onChange(changeEvent) {
         onChangeField(changeEvent.target.value);
         _onChange(changeEvent, changeEvent.target.value);
       },
       ref: ref,
-      name: name
+      value: value
     }, otherProps, {
       children: children
     }))]
@@ -606,17 +592,16 @@ var ReactHookFormTextField = function ReactHookFormTextField(_ref) {
   var errors = getErrors(name, formErrors);
   return jsx(ReactHookFormFormControl, {
     className: className,
-    sx: sx,
     disabled: disabled,
     errors: errors,
     isReadOnly: isReadOnly,
+    sx: sx,
     children: jsx(TextField, Object.assign({
-      label: label,
+      disabled: disabled,
       error: !!errors,
       helperText: helperText,
-      value: value,
-      variant: "filled",
-      type: "text",
+      inputRef: ref,
+      label: label,
       name: name,
       onChange: function onChange(evt) {
         var value = evt.target.value;
@@ -624,8 +609,9 @@ var ReactHookFormTextField = function ReactHookFormTextField(_ref) {
         onChangeField(convertedValue);
         _onChange(null);
       },
-      disabled: disabled,
-      inputRef: ref
+      type: "text",
+      value: value,
+      variant: "filled"
     }, otherProps, {
       slotProps: Object.assign({}, otherProps.slotProps, {
         input: Object.assign({}, inputSlotProps, isReadOnly && {
@@ -693,11 +679,11 @@ var ReactHookFormNumberField = function ReactHookFormNumberField(_ref) {
     var after = inputElement.value.slice(inputElement.selectionEnd);
     var newValue = before + clipboardText + after;
     // eslint-disable-next-line no-useless-escape
-    if (inputMode === 'numeric' && !newValue.match(/^\-?[0-9]+$/)) {
+    if (inputMode === 'numeric' && !/^\-?[0-9]+$/.exec(newValue)) {
       event.preventDefault();
     }
     // eslint-disable-next-line no-useless-escape
-    if (inputMode === 'decimal' && !newValue.match(/^\-?[0-9]*(\.[0-9]+)?$/)) {
+    if (inputMode === 'decimal' && !/^\-?[0-9]*(\.[0-9]+)?$/.exec(newValue)) {
       event.preventDefault();
     }
   };
@@ -721,20 +707,18 @@ var ReactHookFormNumberField = function ReactHookFormNumberField(_ref) {
     setDisplayValue = _React$useState[1];
   return jsx(ReactHookFormFormControl, {
     className: className,
-    sx: sx,
     disabled: disabled,
     errors: errors,
     isReadOnly: isReadOnly,
+    sx: sx,
     children: jsx(TextField, Object.assign({
-      label: label,
+      disabled: disabled,
       error: !!errors,
       helperText: helperText,
       inputMode: inputMode,
-      value: displayValue,
-      variant: "filled",
-      type: "text",
+      inputRef: ref,
+      label: label,
       name: name,
-      size: size,
       onChange: function onChange(evt) {
         var value = evt.target.value;
         setDisplayValue(value);
@@ -742,8 +726,10 @@ var ReactHookFormNumberField = function ReactHookFormNumberField(_ref) {
         _onChange(null);
       },
       onKeyDown: onKeyDown,
-      disabled: disabled,
-      inputRef: ref
+      size: size,
+      type: "text",
+      value: displayValue,
+      variant: "filled"
     }, otherProps, {
       slotProps: Object.assign({}, otherProps.slotProps, {
         input: Object.assign({}, isReadOnly && {
@@ -836,19 +822,20 @@ var ReactHookKeyboardDateTimePicker = function ReactHookKeyboardDateTimePicker(_
   var minDateTime = disablePast ? now : null;
   var maxDateTime = disableFuture ? now : null;
   return jsx(ReactHookFormFormControl, {
+    className: className,
     disabled: disabled,
     errors: errors,
-    className: className,
-    sx: sx,
     isReadOnly: isReadOnly,
+    sx: sx,
     children: jsx(DateTimePicker, Object.assign({
-      desktopModeMediaQuery: "@media (min-width: 720px)",
       ampm: false,
+      desktopModeMediaQuery: "@media (min-width: 720px)",
+      disabled: disabled,
       format: format,
+      inputRef: ref,
       label: label,
-      value: dateValue,
-      openTo: openTo,
-      disabled: disabled,
+      maxDateTime: maxDateTime,
+      minDateTime: minDateTime,
       onChange: function onChange(value) {
         if (!value) {
           _onChange(null);
@@ -859,7 +846,7 @@ var ReactHookKeyboardDateTimePicker = function ReactHookKeyboardDateTimePicker(_
         onChangeField(formattedDate);
         _onChange(formattedDate);
       },
-      inputRef: ref,
+      openTo: openTo,
       slotProps: {
         textField: Object.assign({
           variant: 'filled',
@@ -869,10 +856,10 @@ var ReactHookKeyboardDateTimePicker = function ReactHookKeyboardDateTimePicker(_
           placeholder: disabled ? '' : format.toLowerCase(),
           InputProps: Object.assign({}, !shouldHideUTC && {
             endAdornment: jsx(InputAdornment, {
+              position: "end",
               style: {
                 paddingTop: '16px'
               },
-              position: "end",
               children: "UTC"
             })
           }),
@@ -898,8 +885,7 @@ var ReactHookKeyboardDateTimePicker = function ReactHookKeyboardDateTimePicker(_
       timeSteps: {
         minutes: 1
       },
-      minDateTime: minDateTime,
-      maxDateTime: maxDateTime
+      value: dateValue
     }, otherProps))
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/form-fields",
-  "version": "13.2.1",
+  "version": "14.0.0",
   "description": "GeoWeb form-fields library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,11 +8,11 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/theme": "13.2.1",
+    "@opengeoweb/theme": "14.0.0",
     "react-hook-form": "^7.50.1",
     "@mui/x-date-pickers": "^8.11.2",
     "lodash": "^4.17.21",
-    "@opengeoweb/shared": "13.2.1",
+    "@opengeoweb/shared": "14.0.0",
     "react-i18next": "^15.1.1",
     "@mui/material": "^7.0.1",
     "i18next": "^25.0.1",

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UseFormProps } from 'react-hook-form';
+import type { UseFormProps } from 'react-hook-form';
 export declare const zeplinLinks: {
     name: string;
     link: string;

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { SxProps, Theme } from '@mui/material';
-import { DateTimePickerProps, DateTimePickerSlotProps } from '@mui/x-date-pickers';
-import { ReactHookFormInput } from './types';
+import type { SxProps, Theme } from '@mui/material';
+import type { DateTimePickerProps, DateTimePickerSlotProps } from '@mui/x-date-pickers';
+import React from 'react';
+import type { ReactHookFormInput } from './types';
 /**
  * Should return an isostring in the form "YYYY-MM-DDThh:mmZ";
  * The milli seconds section should not be included, strictly YYYY-MM-DDThh:mm:ssZ is important

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { FormControlProps } from '@mui/material';
-import { FieldErrors } from 'react-hook-form';
-import { TFunction } from 'i18next';
+import type { FormControlProps } from '@mui/material';
+import type { TFunction } from 'i18next';
+import React from 'react';
+import type { FieldErrors } from 'react-hook-form';
 interface ReactHookFormFormControlProps extends FormControlProps {
     children?: React.ReactNode;
     errors?: FieldErrors;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ReactHookFormInput } from './types';
+import React from 'react';
+import type { ReactHookFormInput } from './types';
 type ReactHookFormHiddenInputProps = ReactHookFormInput<{
     defaultValue?: unknown;
 }>;

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { TextFieldProps } from '@mui/material';
-import { ReactHookFormInput } from './types';
+import type { TextFieldProps } from '@mui/material';
+import React from 'react';
+import type { ReactHookFormInput } from './types';
 type InputMode = 'numeric' | 'decimal';
 export declare const convertNumericInputValue: (value: string, inputMode: InputMode) => number | null;
 export declare const getAllowedKeys: (inputMode?: InputMode) => string[];

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UseFormProps } from 'react-hook-form';
+import type { UseFormProps } from 'react-hook-form';
 interface WrapperProps {
     children: React.ReactNode;
     options?: UseFormProps;

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { RadioGroupProps } from '@mui/material';
-import { ReactHookFormInput } from './types';
+import type { RadioGroupProps } from '@mui/material';
+import React from 'react';
+import type { ReactHookFormInput } from './types';
 type ReactHookFormRadioGroupProps = Partial<RadioGroupProps> & ReactHookFormInput<{
     disabled?: boolean;
     children?: React.ReactNode;

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

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

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { BaseTextFieldProps, FilledInputProps, SlotCommonProps, SlotProps, TextFieldProps } from '@mui/material';
-import { ReactHookFormInput } from './types';
+import type { BaseTextFieldProps, FilledInputProps, SlotCommonProps, SlotProps, TextFieldProps } from '@mui/material';
+import React from 'react';
+import type { ReactHookFormInput } from './types';
 export declare const convertTextInputValue: (value: string, inCapitals: boolean) => number | string;
 type ReactHookFormTextFieldProps = Partial<TextFieldProps> & ReactHookFormInput<{
     upperCase?: boolean;

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

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

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

@@ -1,4 +1,4 @@
-import { RegisterOptions } from 'react-hook-form';
+import type { RegisterOptions } from 'react-hook-form';
 export type ReactHookFormInput<T> = T & {
     name: string;
     label?: string;

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

@@ -1,4 +1,4 @@
-import { Polygon } from 'geojson';
+import type { Polygon } from 'geojson';
 export declare const defaultProps: {
     shouldUnregister: boolean;
 };

package/src/lib/hooks/useDraftFormHelpers/useDraftFormHelpers.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export declare const HIDDEN_INPUT_HELPER_IS_DRAFT = "IS_DRAFT";
 export declare const useDraftFormHelpers: (isDefaultDraft?: boolean) => {
     isRequired: (value: string) => boolean | string;

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

@@ -1,5 +1,5 @@
 import i18n from 'i18next';
-import { UseTranslationResponse } from 'react-i18next';
+import type { 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;