@opengeoweb/form-fields 4.21.0 → 4.22.0

package/index.umd.js

@@ -1,945 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@mui/material'), require('react-hook-form'), require('moment'), require('lodash'), require('moment-timezone'), require('@mui/x-date-pickers'), require('@mui/x-date-pickers/AdapterMoment'), require('@mui/x-date-pickers/LocalizationProvider')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react', '@mui/material', 'react-hook-form', 'moment', 'lodash', 'moment-timezone', '@mui/x-date-pickers', '@mui/x-date-pickers/AdapterMoment', '@mui/x-date-pickers/LocalizationProvider'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.FormFields = {}, global.React, global.material, global.reactHookForm, global.moment, global.lodash, global.moment$1, global.xDatePickers, global.AdapterMoment, global.LocalizationProvider));
-})(this, (function (exports, React, material, reactHookForm, moment, lodash, moment$1, xDatePickers, AdapterMoment, LocalizationProvider) { 'use strict';
-
-    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var React__namespace = /*#__PURE__*/_interopNamespace(React);
-    var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-    var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-    var moment__default$1 = /*#__PURE__*/_interopDefaultLegacy(moment$1);
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m) return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-        }
-        catch (error) { e = { error: error }; }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"])) m.call(i);
-            }
-            finally { if (e) throw e.error; }
-        }
-        return ar;
-    }
-
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-            if (ar || !(i in from)) {
-                if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-                ar[i] = from[i];
-            }
-        }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
-
-    /* *
-     * 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)
-     * */
-    var defaultProps = {
-      shouldUnregister: false
-    };
-    var errorMessages = {
-      required: 'This field is required',
-      isValidDate: 'Not a valid date',
-      isAfter: 'Date should not be before',
-      isXHoursBefore: 'Date is too far in the past',
-      isXHoursAfter: 'Date is too far in the future',
-      isBefore: 'Timestamp too late',
-      minLevel: 'The minimum level is 1',
-      isLatitude: 'Invalid latitude, expected number with maximum two decimal degrees between -90.00 and 90.00',
-      isLongitude: 'Invalid longitude, expected number with maximum two decimal degrees between -180.00 and 180.00',
-      isValidMax: 'The maximum value is exceeded',
-      isLevelLower: 'The lower level has to be below the upper level',
-      isNonOrBothCoordinates: 'Please enter both coordinates',
-      isInteger: 'Invalid entry, enter a non-decimal number',
-      isNumeric: 'Invalid entry, enter a numeric value'
-    };
-    var regexMaxTwoDecimals = /^\s*-?\d+(\.\d{1,2})?\s*$/; // validations
-
-    var isEmpty = function isEmpty(value) {
-      if (typeof value === 'string' && !value.trim().length || value === null || value === undefined) {
-        return true;
-      }
-
-      return false;
-    };
-    var isValidDate = function isValidDate(value) {
-      return value ? moment__default["default"](value).isValid() : true;
-    };
-    var isBefore = function isBefore(ownDate, referenceDate) {
-      return ownDate ? moment__default["default"].utc(ownDate) < moment__default["default"].utc(referenceDate) : true;
-    };
-    var isAfter = function isAfter(ownDate, otherDate) {
-      return ownDate ? moment__default["default"].utc(ownDate).isAfter(moment__default["default"].utc(otherDate)) : true;
-    };
-    var isBetween = function isBetween(ownDate, otherDateStart, otherDateEnd) {
-      return moment__default["default"].utc(ownDate) >= moment__default["default"].utc(otherDateStart) && moment__default["default"].utc(ownDate) <= moment__default["default"].utc(otherDateEnd);
-    };
-    var isXHoursBefore = function isXHoursBefore(ownDate, otherDate, hours) {
-      if (hours === void 0) {
-        hours = 4;
-      }
-
-      if (isEmpty(ownDate) || isEmpty(otherDate)) {
-        return true;
-      }
-
-      var duration = moment__default["default"].duration(moment__default["default"].utc(ownDate).diff(otherDate));
-      var inHours = duration.asHours();
-      return inHours >= -hours;
-    };
-    var isXHoursAfter = function isXHoursAfter(ownDate, otherDate, hours) {
-      if (hours === void 0) {
-        hours = 4;
-      }
-
-      if (isEmpty(ownDate) || isEmpty(otherDate)) {
-        return true;
-      }
-
-      var duration = moment__default["default"].duration(moment__default["default"].utc(ownDate).diff(otherDate));
-      var inHours = duration.asHours();
-      return inHours <= hours;
-    };
-    var isLatitude = function isLatitude(lat) {
-      if (!lat) {
-        return true;
-      }
-
-      return isFinite(lat) && Math.abs(lat) <= 90 && regexMaxTwoDecimals.test(lat.toString());
-    };
-    var isLongitude = function isLongitude(lng) {
-      if (!lng) {
-        return true;
-      }
-
-      return isFinite(lng) && Math.abs(lng) <= 180 && lng >= -180 && regexMaxTwoDecimals.test(lng.toString());
-    }; // Pass null if no maxValue
-
-    var isValidMax = function isValidMax(value, maxValue) {
-      if (isEmpty(value) || maxValue === null) {
-        return true;
-      }
-
-      return !(value > maxValue);
-    }; // Pass null if no minValue
-
-    var isValidMin = function isValidMin(value, minValue) {
-      if (isEmpty(value) || minValue === null) {
-        return true;
-      }
-
-      return !(value < minValue);
-    };
-    var hasValidGeometry = function hasValidGeometry(geojson) {
-      if (!geojson || !geojson.features || !geojson.features.length || !geojson.features[0].geometry || // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      !geojson.features[0].geometry.coordinates || !geojson.features[0].geometry.type) {
-        return false;
-      }
-
-      return true;
-    };
-    var isValidGeoJsonCoordinates = function isValidGeoJsonCoordinates(geojson) {
-      var hasGeometry = hasValidGeometry(geojson);
-
-      if (!hasGeometry) {
-        return false;
-      } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-
-
-      var _a = geojson.features[0].geometry,
-          coordinates = _a.coordinates,
-          type = _a.type; // For type POINT coordinates is an array of 2
-
-      if (coordinates.length === 2 && type === 'Point') {
-        return true;
-      } // For type POLYGON coordinates is an array of arrays
-
-
-      if (coordinates.length === 1 && coordinates[0].length > 0 && type === 'Polygon') {
-        return true;
-      }
-
-      return false;
-    };
-    var isMaximumOneDrawing = function isMaximumOneDrawing(geojson) {
-      var hasGeometry = hasValidGeometry(geojson);
-
-      if (!hasGeometry) {
-        return true; // no need to check further when there is no drawing yet
-      } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-
-
-      var _a = geojson.features[0].geometry,
-          coordinates = _a.coordinates,
-          type = _a.type; // For type POLYGON only one array of coordinates is allowed
-
-      if (type === 'Polygon' && coordinates.length > 1) {
-        return false;
-      }
-
-      return true;
-    };
-    var hasIntersectionWithFIR = function hasIntersectionWithFIR(geojson, intersection) {
-      if (!hasValidGeometry(geojson) || // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      !geojson.features[0].geometry.coordinates.length || geojson.features[0].geometry.type === 'Polygon' && !geojson.features[0].geometry.coordinates[0].length) {
-        return true; // no need to check further when there is no drawing yet
-      } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-
-
-      var coordinates = intersection.features[0].geometry.coordinates;
-
-      if (coordinates.length > 0 && coordinates[0].length === 0) {
-        return false;
-      }
-
-      return true;
-    };
-    var hasMaxFeaturePoints = function hasMaxFeaturePoints(geojson, maxPoints) {
-      if (maxPoints === void 0) {
-        maxPoints = 7;
-      }
-
-      var hasGeometry = hasValidGeometry(geojson);
-
-      if (!hasGeometry) {
-        return false;
-      } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-
-
-      var _a = geojson.features[0].geometry,
-          coordinates = _a.coordinates,
-          type = _a.type;
-
-      if (type === 'Polygon' && coordinates[0].length > maxPoints) {
-        return true;
-      }
-
-      return false;
-    };
-    var hasMulitpleIntersections = function hasMulitpleIntersections(geojson) {
-      var hasGeometry = hasValidGeometry(geojson);
-
-      if (!hasGeometry) {
-        return false;
-      } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-
-
-      var _a = geojson.features[0].geometry,
-          coordinates = _a.coordinates,
-          type = _a.type;
-
-      if (type === 'MultiPolygon' || coordinates.length > 1 && type !== 'Point') {
-        return true;
-      }
-
-      return false;
-    };
-    var isGeometryDirty = function isGeometryDirty(geoJSON, formGeoJSON) {
-      if (geoJSON === (undefined) || formGeoJSON === (undefined) || !hasValidGeometry(geoJSON) || !hasValidGeometry(formGeoJSON)) {
-        return false;
-      }
-
-      return !lodash.isEqual( // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      geoJSON.features[0].geometry.coordinates, // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      formGeoJSON.features[0].geometry.coordinates);
-    };
-    var isInteger = function isInteger(value) {
-      if (isEmpty(value)) {
-        return true;
-      }
-
-      return Number.isInteger(value);
-    }; // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
-    var isNonOrBothCoordinates = function isNonOrBothCoordinates(coordinate, otherCoordinate) {
-      if (typeof coordinate === 'number' && typeof otherCoordinate === 'number' || coordinate === null && otherCoordinate === null || coordinate === undefined && otherCoordinate === undefined) {
-        return true;
-      }
-
-      if (typeof coordinate === 'number') {
-        return true;
-      }
-
-      return false;
-    };
-
-    var radioCheckboxStyle = {
-      // hides unchecked values
-      display: 'none',
-      '&+.MuiFormControlLabel-label': {
-        display: 'none'
-      },
-      // shows checked value
-      '&.Mui-checked': {
-        display: 'inherit',
-        '&+.MuiFormControlLabel-label': {
-          display: 'inherit'
-        }
-      },
-      '&.Mui-checked+.MuiFormControlLabel-label': {
-        color: 'geowebColors.typographyAndIcons.text'
-      },
-      '&.Mui-disabled.Mui-checked': {
-        color: 'geowebColors.typographyAndIcons.iconLinkActive'
-      }
-    };
-    var getErrorMessage = function getErrorMessage(errors) {
-      if (errors && errors.message && typeof errors.message === 'string') {
-        return errors.message;
-      }
-
-      if (errors && errors.type && typeof errors.type === 'string') {
-        return errorMessages[errors.type];
-      }
-
-      return '';
-    };
-
-    var ReactHookFormFormControl = function ReactHookFormFormControl(_a) {
-      var children = _a.children,
-          errors = _a.errors,
-          isReadOnly = _a.isReadOnly,
-          _b = _a.sx,
-          sx = _b === void 0 ? {} : _b,
-          _c = _a.className,
-          className = _c === void 0 ? '' : _c,
-          props = __rest(_a, ["children", "errors", "isReadOnly", "sx", "className"]);
-
-      return /*#__PURE__*/React__namespace.createElement(material.FormControl, __assign({
-        fullWidth: true,
-        error: !!errors,
-        className: (isReadOnly ? 'is-read-only' : '') + " " + className,
-        sx: __assign(__assign({}, isReadOnly && {
-          // Radio input
-          '.MuiRadio-root': radioCheckboxStyle,
-          // Checkbox input
-          '.MuiCheckbox-root': radioCheckboxStyle,
-          // Select input
-          '.MuiSelect-select.Mui-disabled': {
-            color: 'geowebColors.typographyAndIcons.text',
-            WebkitTextFillColor: 'inherit',
-            '&:before': {
-              borderColor: 'transparent'
-            }
-          },
-          '.MuiSelect-nativeInput+.MuiSvgIcon-root': {
-            display: 'none'
-          },
-          '.Mui-disabled:before': {
-            border: 'transparent'
-          }
-        }), sx)
-      }, props), children, errors && /*#__PURE__*/React__namespace.createElement(material.FormHelperText, {
-        variant: "filled"
-      }, getErrorMessage(errors)));
-    };
-
-    function getDeepProperty(p, o) {
-      return p.reduce(function (xs, x) {
-        return xs && xs[x] ? xs[x] : null;
-      }, o);
-    }
-    var getErrors = function getErrors(name, errors) {
-      var nameAsArray = name.split('.');
-      return getDeepProperty(nameAsArray, errors);
-    };
-
-    var ReactHookFormSelect = function ReactHookFormSelect(_a) {
-      var name = _a.name,
-          label = _a.label,
-          _b = _a.defaultValue,
-          defaultValue = _b === void 0 ? '' : _b,
-          children = _a.children,
-          rules = _a.rules,
-          _c = _a.onChange,
-          _onChange = _c === void 0 ? function () {} : _c,
-          disabled = _a.disabled,
-          className = _a.className,
-          sx = _a.sx,
-          isReadOnly = _a.isReadOnly,
-          otherProps = __rest(_a, ["name", "label", "defaultValue", "children", "rules", "onChange", "disabled", "className", "sx", "isReadOnly"]);
-
-      var labelId = name + "-label";
-      var control = reactHookForm.useFormContext().control;
-
-      var _d = reactHookForm.useController(__assign({
-        name: name,
-        control: control,
-        rules: rules,
-        defaultValue: defaultValue
-      }, defaultProps)),
-          _e = _d.field,
-          onChangeField = _e.onChange,
-          value = _e.value,
-          ref = _e.ref,
-          formErrors = _d.formState.errors;
-
-      var errors = getErrors(name, formErrors);
-      return /*#__PURE__*/React__namespace.createElement(ReactHookFormFormControl, {
-        className: className,
-        sx: sx,
-        disabled: disabled,
-        errors: errors,
-        isReadOnly: isReadOnly
-      }, /*#__PURE__*/React__namespace.createElement(material.InputLabel, {
-        variant: "filled",
-        id: labelId
-      }, label), /*#__PURE__*/React__namespace.createElement(material.Select, __assign({
-        labelId: labelId,
-        label: label,
-        inputRef: ref,
-        name: name,
-        onChange: function onChange(changeEvent) {
-          onChangeField(changeEvent.target.value); // default props
-
-          _onChange(changeEvent);
-        },
-        value: value || '',
-        variant: "filled"
-      }, otherProps), children));
-    };
-
-    var ReactHookFormRadioGroup = function ReactHookFormRadioGroup(_a) {
-      var name = _a.name,
-          label = _a.label,
-          _b = _a.defaultValue,
-          defaultValue = _b === void 0 ? '' : _b,
-          children = _a.children,
-          rules = _a.rules,
-          _c = _a.disabled,
-          disabled = _c === void 0 ? false : _c,
-          _d = _a.onChange,
-          _onChange = _d === void 0 ? function () {} : _d,
-          isReadOnly = _a.isReadOnly,
-          otherProps = __rest(_a, ["name", "label", "defaultValue", "children", "rules", "disabled", "onChange", "isReadOnly"]);
-
-      var labelId = name + "-label";
-      var control = reactHookForm.useFormContext().control;
-
-      var _e = reactHookForm.useController(__assign({
-        name: name,
-        control: control,
-        rules: rules,
-        defaultValue: defaultValue
-      }, defaultProps)),
-          _f = _e.field,
-          onChangeField = _f.onChange,
-          value = _f.value,
-          ref = _f.ref,
-          formErrors = _e.formState.errors;
-
-      var errors = getErrors(name, formErrors);
-      React__namespace.useEffect(function () {
-        if (errors) {
-          var firstError = Object.keys(formErrors)[0];
-
-          if (firstError === name) {
-            // if first error in form is same, focus on that input
-            var inputNode = document.querySelector("[name=\"" + name + "\"]");
-
-            if (inputNode !== null) {
-              inputNode.focus();
-            }
-          }
-        }
-      }, [errors, formErrors, name]);
-      return /*#__PURE__*/React__namespace.createElement(ReactHookFormFormControl, {
-        disabled: disabled,
-        errors: errors,
-        isReadOnly: isReadOnly
-      }, /*#__PURE__*/React__namespace.createElement(material.InputLabel, {
-        id: labelId
-      }, label), /*#__PURE__*/React__namespace.createElement(material.RadioGroup, __assign({
-        value: value,
-        onChange: function onChange(changeEvent) {
-          onChangeField(changeEvent.target.value);
-
-          _onChange(changeEvent, changeEvent.target.value);
-        },
-        ref: ref,
-        name: name
-      }, otherProps), children));
-    };
-
-    var convertTextInputValue = function convertTextInputValue(value, inCapitals) {
-      return inCapitals ? value.toUpperCase() : value;
-    };
-
-    var ReactHookFormTextField = function ReactHookFormTextField(_a) {
-      var name = _a.name,
-          label = _a.label,
-          _b = _a.defaultValue,
-          defaultValue = _b === void 0 ? '' : _b,
-          rules = _a.rules,
-          _c = _a.disabled,
-          disabled = _c === void 0 ? false : _c,
-          _d = _a.upperCase,
-          upperCase = _d === void 0 ? false : _d,
-          _e = _a.helperText,
-          helperText = _e === void 0 ? '' : _e,
-          className = _a.className,
-          sx = _a.sx,
-          _f = _a.onChange,
-          _onChange = _f === void 0 ? function () {} : _f,
-          isReadOnly = _a.isReadOnly,
-          InputProps = _a.InputProps,
-          otherProps = __rest(_a, ["name", "label", "defaultValue", "rules", "disabled", "upperCase", "helperText", "className", "sx", "onChange", "isReadOnly", "InputProps"]);
-
-      var control = reactHookForm.useFormContext().control;
-
-      var _g = reactHookForm.useController(__assign({
-        name: name,
-        control: control,
-        rules: rules,
-        defaultValue: defaultValue
-      }, defaultProps)),
-          _h = _g.field,
-          onChangeField = _h.onChange,
-          value = _h.value,
-          ref = _h.ref,
-          formErrors = _g.formState.errors;
-
-      var errors = getErrors(name, formErrors);
-      return /*#__PURE__*/React__namespace.createElement(ReactHookFormFormControl, {
-        className: className,
-        sx: sx,
-        disabled: disabled,
-        errors: errors,
-        isReadOnly: isReadOnly
-      }, /*#__PURE__*/React__namespace.createElement(material.TextField, __assign({
-        label: label,
-        error: !!errors,
-        helperText: helperText,
-        value: value,
-        variant: "filled",
-        type: "text",
-        name: name,
-        onChange: function onChange(evt) {
-          var value = evt.target.value;
-          var convertedValue = convertTextInputValue(value, upperCase);
-          onChangeField(convertedValue);
-
-          _onChange(null);
-        },
-        disabled: disabled,
-        inputRef: ref,
-        InputProps: __assign(__assign({}, InputProps), isReadOnly && {
-          readOnly: true
-        })
-      }, otherProps)));
-    };
-
-    var convertNumericInputValue = function convertNumericInputValue(value, inputMode) {
-      if (value !== '' && !isNaN(parseFloat(value))) {
-        return inputMode === 'numeric' ? parseInt(value, 10) : parseFloat(value);
-      }
-
-      return null;
-    };
-    var getAllowedKeys = function getAllowedKeys(inputMode) {
-      if (inputMode === void 0) {
-        inputMode = 'numeric';
-      }
-
-      var allowedKeys = __spreadArray(['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '-', 'Backspace', 'ArrowRight', 'ArrowLeft', 'Tab', 'Home', 'End', 'PageDown', 'PageUp', 'Delete'], __read(inputMode === 'decimal' ? ['.'] : []));
-
-      return allowedKeys;
-    };
-
-    var ReactHookFormNumberField = function ReactHookFormNumberField(_a) {
-      var name = _a.name,
-          label = _a.label,
-          _b = _a.defaultValue,
-          defaultValue = _b === void 0 ? null : _b,
-          rules = _a.rules,
-          _c = _a.disabled,
-          disabled = _c === void 0 ? false : _c,
-          _d = _a.inputMode,
-          inputMode = _d === void 0 ? 'numeric' : _d,
-          _e = _a.helperText,
-          helperText = _e === void 0 ? '' : _e,
-          className = _a.className,
-          sx = _a.sx,
-          _f = _a.onChange,
-          _onChange = _f === void 0 ? function () {} : _f,
-          isReadOnly = _a.isReadOnly,
-          otherProps = __rest(_a, ["name", "label", "defaultValue", "rules", "disabled", "inputMode", "helperText", "className", "sx", "onChange", "isReadOnly"]);
-
-      var control = reactHookForm.useFormContext().control;
-
-      var _g = reactHookForm.useController(__assign({
-        name: name,
-        control: control,
-        rules: rules,
-        defaultValue: defaultValue
-      }, defaultProps)),
-          _h = _g.field,
-          onChangeField = _h.onChange,
-          value = _h.value,
-          ref = _h.ref,
-          formErrors = _g.formState.errors;
-
-      var errors = getErrors(name, formErrors);
-      var allowedKeyes = getAllowedKeys(inputMode);
-
-      var onKeyDown = function onKeyDown(event) {
-        if (!allowedKeyes.includes(event.key) || // only allow one seperator
-        event.key === '.' && event.target.value.includes('.') || // only allow one -
-        event.key === '-' && event.target.value.includes('-')) {
-          event.preventDefault();
-        }
-      };
-
-      var _j = __read(React__namespace.useState(value === null || isNaN(value) ? '' : value), 2),
-          displayValue = _j[0],
-          setDisplayValue = _j[1];
-
-      return /*#__PURE__*/React__namespace.createElement(ReactHookFormFormControl, {
-        className: className,
-        sx: sx,
-        disabled: disabled,
-        errors: errors,
-        isReadOnly: isReadOnly
-      }, /*#__PURE__*/React__namespace.createElement(material.TextField, __assign({
-        label: label,
-        error: !!errors,
-        helperText: helperText,
-        inputMode: inputMode,
-        value: displayValue,
-        variant: "filled",
-        type: "text",
-        inputProps: {
-          inputMode: inputMode
-        },
-        name: name,
-        onChange: function onChange(evt) {
-          var value = evt.target.value;
-          setDisplayValue(value);
-          onChangeField(convertNumericInputValue(value, inputMode));
-
-          _onChange(null);
-        },
-        onKeyDown: onKeyDown,
-        disabled: disabled,
-        inputRef: ref,
-        // eslint-disable-next-line react/jsx-no-duplicate-props
-        InputProps: __assign(__assign({}, isReadOnly && {
-          readOnly: true
-        }), otherProps.InputProps)
-      }, otherProps)));
-    };
-
-    moment__default$1["default"].tz.setDefault('Etc/GMT-0'); // TODO: remove when issue is fixed in upcoming release https://github.com/mui/mui-x/issues/8150
-
-    var temporaryStripChineseCharacters = function temporaryStripChineseCharacters(dirtyString) {
-      return dirtyString.replace(/[\u2066\u2067\u2068\u2069\u200e]/g, '');
-    };
-    var getFormattedValue = function getFormattedValue(value) {
-      var isMoment = moment__default$1["default"](value).isValid();
-      return isMoment ? moment__default$1["default"].utc(value).format() : value;
-    };
-
-    var ReactHookKeyboardDateTimePicker = function ReactHookKeyboardDateTimePicker(_a) {
-      var name = _a.name,
-          rules = _a.rules,
-          disabled = _a.disabled,
-          _b = _a.label,
-          label = _b === void 0 ? 'Select date and time' : _b,
-          _c = _a.format,
-          format = _c === void 0 ? 'YYYY/MM/DD HH:mm' : _c,
-          _d = _a.openTo,
-          openTo = _d === void 0 ? 'hours' : _d,
-          _e = _a.defaultNullValue,
-          defaultNullValue = _e === void 0 ? null : _e,
-          _f = _a.helperText,
-          helperText = _f === void 0 ? '' : _f,
-          _g = _a.onChange,
-          _onChange = _g === void 0 ? function () {} : _g,
-          className = _a.className,
-          sx = _a.sx,
-          isReadOnly = _a.isReadOnly,
-          inputAdornment = _a.inputAdornment,
-          otherProps = __rest(_a, ["name", "rules", "disabled", "label", "format", "openTo", "defaultNullValue", "helperText", "onChange", "className", "sx", "isReadOnly", "inputAdornment"]);
-
-      var control = reactHookForm.useFormContext().control;
-
-      var _h = reactHookForm.useController(__assign({
-        name: name,
-        control: control,
-        rules: rules,
-        defaultValue: defaultNullValue
-      }, defaultProps)),
-          _j = _h.field,
-          onChangeField = _j.onChange,
-          value = _j.value,
-          ref = _j.ref,
-          formErrors = _h.formState.errors;
-
-      var errors = getErrors(name, formErrors); // Ensure value is a Moment object
-
-      var dateValue = value ? moment__default$1["default"](value) : null;
-      return /*#__PURE__*/React__namespace.createElement(ReactHookFormFormControl, {
-        disabled: disabled,
-        errors: errors,
-        className: className,
-        sx: sx,
-        isReadOnly: isReadOnly
-      }, /*#__PURE__*/React__namespace.createElement(xDatePickers.DateTimePicker, __assign({
-        desktopModeMediaQuery: "@media (min-width: 720px)",
-        ampm: false,
-        format: format,
-        label: label,
-        value: dateValue,
-        openTo: openTo,
-        disabled: disabled,
-        onChange: function onChange(value) {
-          onChangeField(getFormattedValue(value));
-
-          _onChange(getFormattedValue(value));
-        },
-        inputRef: ref,
-        slotProps: {
-          textField: {
-            variant: 'filled',
-            helperText: helperText,
-            error: !!errors,
-            name: name,
-            placeholder: disabled ? '' : format.toLowerCase(),
-            InputProps: __assign({
-              endAdornment: /*#__PURE__*/React__namespace.createElement(material.InputAdornment, {
-                style: {
-                  paddingTop: '16px'
-                },
-                position: "end"
-              }, "UTC")
-            }, isReadOnly && {
-              readOnly: true
-            }),
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            'data-testid': otherProps['data-testid']
-          },
-          inputAdornment: __assign({}, inputAdornment || {
-            position: 'start'
-          }),
-          tabs: {
-            hidden: false
-          }
-        }
-      }, otherProps)));
-    };
-
-    var defaultFormOptions = {
-      mode: 'onChange',
-      reValidateMode: 'onChange'
-    };
-
-    var ReactHookFormProvider = function ReactHookFormProvider(_a) {
-      var children = _a.children,
-          _b = _a.options,
-          options = _b === void 0 ? defaultFormOptions : _b;
-      var formMethods = reactHookForm.useForm(options); // added this ignore as the build is failing otherwise on: Type instantiation is excessively deep and possibly infinite.
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-
-      return /*#__PURE__*/React__default["default"].createElement(reactHookForm.FormProvider, __assign({}, formMethods), children);
-    };
-
-    var ReactHookFormProviderWrapper = function ReactHookFormProviderWrapper(_a) {
-      var children = _a.children,
-          _b = _a.options,
-          options = _b === void 0 ? defaultFormOptions : _b;
-      return /*#__PURE__*/React__default["default"].createElement(LocalizationProvider.LocalizationProvider, {
-        dateAdapter: AdapterMoment.AdapterMoment
-      }, /*#__PURE__*/React__default["default"].createElement(ReactHookFormProvider, {
-        options: options
-      }, children));
-    };
-
-    var ReactHookFormHiddenInput = function ReactHookFormHiddenInput(_a) {
-      var name = _a.name,
-          _b = _a.defaultValue,
-          defaultValue = _b === void 0 ? null : _b,
-          rules = _a.rules;
-      var control = reactHookForm.useFormContext().control;
-      var field = reactHookForm.useController(__assign({
-        name: name,
-        control: control,
-        rules: rules,
-        defaultValue: defaultValue
-      }, defaultProps)).field;
-      return field.value !== null ? /*#__PURE__*/React__namespace.createElement("input", __assign({}, field, {
-        type: "hidden"
-      })) : null;
-    };
-
-    var HIDDEN_INPUT_HELPER_IS_DRAFT = 'IS_DRAFT';
-    var useDraftFormHelpers = function useDraftFormHelpers(isDefaultDraft) {
-      if (isDefaultDraft === void 0) {
-        isDefaultDraft = false;
-      }
-
-      var _a = reactHookForm.useFormContext(),
-          getValues = _a.getValues,
-          setValue = _a.setValue,
-          register = _a.register;
-
-      React__namespace.useEffect(function () {
-        setValue(HIDDEN_INPUT_HELPER_IS_DRAFT, isDefaultDraft, {
-          shouldDirty: false
-        }); // eslint-disable-next-line react-hooks/exhaustive-deps
-      }, []);
-
-      var isDraft = function isDraft() {
-        return getValues(HIDDEN_INPUT_HELPER_IS_DRAFT) === true;
-      };
-
-      var isRequired = function isRequired(value) {
-        if (!isDraft() && isEmpty(value)) {
-          return errorMessages.required;
-        }
-
-        return true;
-      };
-
-      var toggleIsDraft = function toggleIsDraft(isDraft) {
-        return setValue(HIDDEN_INPUT_HELPER_IS_DRAFT, isDraft, {
-          shouldDirty: false
-        });
-      };
-
-      var DraftFieldHelper = function DraftFieldHelper() {
-        return /*#__PURE__*/React__namespace.createElement("input", __assign({}, register(HIDDEN_INPUT_HELPER_IS_DRAFT), {
-          type: "hidden"
-        }));
-      };
-
-      return {
-        isRequired: isRequired,
-        toggleIsDraft: toggleIsDraft,
-        isDraft: isDraft,
-        DraftFieldHelper: DraftFieldHelper
-      };
-    };
-
-    exports.HIDDEN_INPUT_HELPER_IS_DRAFT = HIDDEN_INPUT_HELPER_IS_DRAFT;
-    exports.ReactHookFormDateTime = ReactHookKeyboardDateTimePicker;
-    exports.ReactHookFormFormControl = ReactHookFormFormControl;
-    exports.ReactHookFormHiddenInput = ReactHookFormHiddenInput;
-    exports.ReactHookFormNumberField = ReactHookFormNumberField;
-    exports.ReactHookFormProvider = ReactHookFormProviderWrapper;
-    exports.ReactHookFormRadioGroup = ReactHookFormRadioGroup;
-    exports.ReactHookFormSelect = ReactHookFormSelect;
-    exports.ReactHookFormTextField = ReactHookFormTextField;
-    exports.defaultFormOptions = defaultFormOptions;
-    exports.errorMessages = errorMessages;
-    exports.getDeepProperty = getDeepProperty;
-    exports.hasIntersectionWithFIR = hasIntersectionWithFIR;
-    exports.hasMaxFeaturePoints = hasMaxFeaturePoints;
-    exports.hasMulitpleIntersections = hasMulitpleIntersections;
-    exports.isAfter = isAfter;
-    exports.isBefore = isBefore;
-    exports.isBetween = isBetween;
-    exports.isEmpty = isEmpty;
-    exports.isGeometryDirty = isGeometryDirty;
-    exports.isInteger = isInteger;
-    exports.isLatitude = isLatitude;
-    exports.isLongitude = isLongitude;
-    exports.isMaximumOneDrawing = isMaximumOneDrawing;
-    exports.isNonOrBothCoordinates = isNonOrBothCoordinates;
-    exports.isValidDate = isValidDate;
-    exports.isValidGeoJsonCoordinates = isValidGeoJsonCoordinates;
-    exports.isValidMax = isValidMax;
-    exports.isValidMin = isValidMin;
-    exports.isXHoursAfter = isXHoursAfter;
-    exports.isXHoursBefore = isXHoursBefore;
-    exports.temporaryStripChineseCharacters = temporaryStripChineseCharacters;
-    exports.useDraftFormHelpers = useDraftFormHelpers;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));