@opengeoweb/form-fields 4.1.0 → 4.2.0

package/index.esm.js

@@ -375,9 +375,7 @@ var ReactHookFormRadioGroup = function ReactHookFormRadioGroup(_a) {
       _a$disabled = _a.disabled,
       disabled = _a$disabled === void 0 ? false : _a$disabled,
       _a$onChange = _a.onChange,
-      _onChange = _a$onChange === void 0 ? function () {
-    return null;
-  } : _a$onChange,
+      _onChange = _a$onChange === void 0 ? function () {} : _a$onChange,
       otherProps = __rest(_a, ["name", "label", "defaultValue", "children", "rules", "disabled", "onChange"]);
 
   var labelId = "".concat(name, "-label");
@@ -422,11 +420,6 @@ var ReactHookFormRadioGroup = function ReactHookFormRadioGroup(_a) {
   }));
 };
 
-var styles = {
-  textEditor: {
-    backgroundColor: 'rgba(0, 117, 169, 0.05)'
-  }
-};
 var convertTextInputValue = function convertTextInputValue(value, inCapitals) {
   return inCapitals ? value.toUpperCase() : value;
 };
@@ -446,9 +439,7 @@ var ReactHookFormTextField = function ReactHookFormTextField(_a) {
       className = _a.className,
       sx = _a.sx,
       _a$onChange = _a.onChange,
-      _onChange = _a$onChange === void 0 ? function () {
-    return null;
-  } : _a$onChange,
+      _onChange = _a$onChange === void 0 ? function () {} : _a$onChange,
       otherProps = __rest(_a, ["name", "label", "defaultValue", "rules", "disabled", "upperCase", "helperText", "className", "sx", "onChange"]);
 
   var inputRef = React.useRef(null);
@@ -467,7 +458,6 @@ var ReactHookFormTextField = function ReactHookFormTextField(_a) {
     render: function render(_props) {
       return /*#__PURE__*/React.createElement(TextField, Object.assign({
         label: label,
-        style: otherProps.multiline ? styles.textEditor : {},
         error: !!errors,
         helperText: helperText,
         value: _props.value,
@@ -581,9 +571,7 @@ var ReactHookFormNumberField = function ReactHookFormNumberField(_a) {
       className = _a.className,
       sx = _a.sx,
       _a$onChange = _a.onChange,
-      _onChange = _a$onChange === void 0 ? function () {
-    return null;
-  } : _a$onChange,
+      _onChange = _a$onChange === void 0 ? function () {} : _a$onChange,
       otherProps = __rest(_a, ["name", "label", "defaultValue", "rules", "disabled", "inputMode", "helperText", "className", "sx", "onChange"]);
 
   var inputRef = React.useRef(null);
@@ -672,9 +660,7 @@ var ReactHookKeyboardDateTimePicker = function ReactHookKeyboardDateTimePicker(_
       _a$helperText = _a.helperText,
       helperText = _a$helperText === void 0 ? '' : _a$helperText,
       _a$onChange = _a.onChange,
-      _onChange = _a$onChange === void 0 ? function () {
-    return null;
-  } : _a$onChange,
+      _onChange = _a$onChange === void 0 ? function () {} : _a$onChange,
       className = _a.className,
       sx = _a.sx,
       otherProps = __rest(_a, ["name", "rules", "disabled", "label", "format", "openTo", "defaultNullValue", "helperText", "onChange", "className", "sx"]);

package/index.umd.js

@@ -442,9 +442,7 @@
           _c = _a.disabled,
           disabled = _c === void 0 ? false : _c,
           _d = _a.onChange,
-          _onChange = _d === void 0 ? function () {
-        return null;
-      } : _d,
+          _onChange = _d === void 0 ? function () {} : _d,
           otherProps = __rest(_a, ["name", "label", "defaultValue", "children", "rules", "disabled", "onChange"]);
 
       var labelId = name + "-label";
@@ -489,11 +487,6 @@
       }));
     };
 
-    var styles = {
-      textEditor: {
-        backgroundColor: 'rgba(0, 117, 169, 0.05)'
-      }
-    };
     var convertTextInputValue = function convertTextInputValue(value, inCapitals) {
       return inCapitals ? value.toUpperCase() : value;
     };
@@ -513,9 +506,7 @@
           className = _a.className,
           sx = _a.sx,
           _f = _a.onChange,
-          _onChange = _f === void 0 ? function () {
-        return null;
-      } : _f,
+          _onChange = _f === void 0 ? function () {} : _f,
           otherProps = __rest(_a, ["name", "label", "defaultValue", "rules", "disabled", "upperCase", "helperText", "className", "sx", "onChange"]);
 
       var inputRef = React__namespace.useRef(null);
@@ -534,7 +525,6 @@
         render: function render(_props) {
           return /*#__PURE__*/React__namespace.createElement(material.TextField, __assign({
             label: label,
-            style: otherProps.multiline ? styles.textEditor : {},
             error: !!errors,
             helperText: helperText,
             value: _props.value,
@@ -619,9 +609,7 @@
           className = _a.className,
           sx = _a.sx,
           _f = _a.onChange,
-          _onChange = _f === void 0 ? function () {
-        return null;
-      } : _f,
+          _onChange = _f === void 0 ? function () {} : _f,
           otherProps = __rest(_a, ["name", "label", "defaultValue", "rules", "disabled", "inputMode", "helperText", "className", "sx", "onChange"]);
 
       var inputRef = React__namespace.useRef(null);
@@ -712,9 +700,7 @@
           _f = _a.helperText,
           helperText = _f === void 0 ? '' : _f,
           _g = _a.onChange,
-          _onChange = _g === void 0 ? function () {
-        return null;
-      } : _g,
+          _onChange = _g === void 0 ? function () {} : _g,
           className = _a.className,
           sx = _a.sx,
           otherProps = __rest(_a, ["name", "rules", "disabled", "label", "format", "openTo", "defaultNullValue", "helperText", "onChange", "className", "sx"]);

package/lib/components/ReactHookFormDateTime.d.ts

@@ -6,7 +6,7 @@ import { Rules } from './types';
 export declare const getFormattedValue: (value: Moment | string) => string | Moment;
 declare type ReactHookKeyboardDateTimePickerProps = Partial<DateTimePickerProps> & {
     rules: Rules;
-    defaultNullValue?: string;
+    defaultNullValue?: string | null;
     value?: string;
     onChange?: (value: any) => void;
     name: string;

package/lib/components/ReactHookFormHiddenInput.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
+import { RegisterOptions } from 'react-hook-form';
 interface ReactHookFormHiddenInputProps {
     name: string;
     defaultValue?: unknown;
-    rules?: unknown;
+    rules?: RegisterOptions;
 }
 declare const ReactHookFormHiddenInput: React.FC<ReactHookFormHiddenInputProps>;
 export default ReactHookFormHiddenInput;

package/lib/components/ReactHookFormNumberField.d.ts

@@ -3,7 +3,7 @@ import { TextFieldProps } from '@mui/material';
 import { Rules } from './types';
 declare type InputMode = 'numeric' | 'decimal';
 export declare const convertNumericInputValue: (value: string, inputMode: InputMode) => number | string;
-export declare const parseInput: (value: number | string) => string;
+export declare const parseInput: (value?: string | number | null | undefined) => string;
 export declare const getAllowedKeys: (inputMode?: InputMode) => string[];
 declare type ReactHookFormNumberFieldProps = Partial<TextFieldProps> & {
     rules: Rules;

package/lib/components/utils.d.ts

@@ -1,4 +1,4 @@
-import { Moment } from 'moment';
+import moment from 'moment';
 export declare const errorMessages: {
     required: string;
     isValidDate: string;
@@ -18,25 +18,25 @@ export declare const errorMessages: {
     minVisibility: string;
     maxVisibility: string;
 };
-export declare const isEmpty: (value: number | string) => boolean;
-export declare const isValidDate: (value: Moment | string) => boolean;
+export declare const isEmpty: (value?: string | number | null | undefined) => boolean;
+export declare const isValidDate: (value?: string | moment.Moment | null | undefined) => boolean;
 export declare const isBefore: (ownDate: string, referenceDate: string) => boolean;
 export declare const isAfter: (ownDate: string, otherDate: string) => boolean;
 export declare const isBetween: (ownDate: string, otherDateStart: string, otherDateEnd: string) => boolean;
 export declare const isXHoursBefore: (ownDate: string, otherDate: string, hours?: number) => boolean;
 export declare const isXHoursAfter: (ownDate: string, otherDate: string, hours?: number) => boolean;
-export declare const isLatitude: (lat: number) => boolean;
-export declare const isLongitude: (lng: number) => boolean;
+export declare const isLatitude: (lat?: number | null | undefined) => boolean;
+export declare const isLongitude: (lng?: number | null | undefined) => boolean;
 export declare const isValidMax: (value: number, maxValue: number) => boolean;
 export declare const isValidMin: (value: number, minValue: number) => boolean;
-export declare const hasValidGeometry: (geojson: GeoJSON.FeatureCollection) => boolean;
+export declare const hasValidGeometry: (geojson?: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties> | null | undefined) => boolean;
 export declare const isValidGeoJsonCoordinates: (geojson: GeoJSON.FeatureCollection) => boolean;
 export declare const isMaximumOneDrawing: (geojson: GeoJSON.FeatureCollection) => boolean;
 export declare const hasIntersectionWithFIR: (geojson: GeoJSON.FeatureCollection, intersection: GeoJSON.FeatureCollection) => boolean;
 export declare const hasMaxFeaturePoints: (geojson: GeoJSON.FeatureCollection, maxPoints?: number) => boolean;
 export declare const hasMulitpleIntersections: (geojson: GeoJSON.FeatureCollection) => boolean;
-export declare const isGeometryDirty: (geoJSON: GeoJSON.FeatureCollection, formGeoJSON: GeoJSON.FeatureCollection) => boolean;
+export declare const isGeometryDirty: (geoJSON?: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties> | null | undefined, formGeoJSON?: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties> | null | undefined) => boolean;
 export declare const isInteger: (value: number) => boolean;
 export declare const isNumeric: (value: any) => boolean;
-export declare const isNonOrBothCoordinates: (coordinate: number, otherCoordinate: number) => boolean;
+export declare const isNonOrBothCoordinates: (coordinate?: number | null | undefined, otherCoordinate?: number | null | undefined) => boolean;
 export declare const containsNoCommas: (val: string | number) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/form-fields",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "description": "GeoWeb form-fields library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -16,7 +16,7 @@
     "react": "^17.0.2",
     "@mui/material": "^5.2.8",
     "moment": "^2.29.0",
-    "@opengeoweb/theme": "4.1.0",
+    "@opengeoweb/theme": "4.2.0",
     "moment-timezone": "^0.5.31",
     "@mui/lab": "^5.0.0-alpha.64",
     "lodash": "^4.17.20"