@opengeoweb/form-fields 19.6.0 → 19.6.1-nightly-20260912

package/dist/index.esm.js

@@ -1,13 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { FormControl, FormHelperText, InputLabel, Select, RadioGroup, TextField, InputAdornment } from '@mui/material';
+import { FormControl, FormHelperText, InputLabel, Select, RadioGroup, TextField } from '@mui/material';
 import { useFormContext, useController, useForm, FormProvider, Controller } from 'react-hook-form';
 import { isEqual } from 'lodash';
-import { dateUtils } from '@opengeoweb/shared';
+import { dateUtils, getAllowedKeys, convertNumericInputValue, DateTimePicker } from '@opengeoweb/shared';
 import 'i18next';
 import { useTranslation } from 'react-i18next';
 import React, { useState } from 'react';
-import { DateTimePicker } from '@mui/x-date-pickers';
-import { CalendarToday } from '@opengeoweb/theme';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 
@@ -638,19 +636,6 @@ var ReactHookFormTextField = function ReactHookFormTextField(_ref) {
 };
 
 var _excluded$2 = ["name", "label", "defaultValue", "rules", "disabled", "inputMode", "helperText", "className", "size", "sx", "onBeforeChange", "onChange", "isReadOnly"];
-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 = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '-', 'Backspace', 'ArrowRight', 'ArrowLeft', 'Tab', 'Home', 'End', 'PageDown', 'PageUp', 'Delete'].concat(inputMode === 'decimal' ? ['.'] : []);
-  return allowedKeys;
-};
 var ReactHookFormNumberField = function ReactHookFormNumberField(_ref) {
   var _otherProps$slotProps;
   var name = _ref.name,
@@ -821,18 +806,6 @@ var ReactHookFormNumberField = function ReactHookFormNumberField(_ref) {
 };
 
 var _excluded$1 = ["name", "rules", "disabled", "label", "format", "openTo", "defaultNullValue", "helperText", "onChange", "className", "sx", "isReadOnly", "shouldHideUTC", "disablePast", "disableFuture"];
-var OpenPicker = function OpenPicker() {
-  return jsx(CalendarToday, {});
-};
-var getTimezoneOffset = function getTimezoneOffset(value) {
-  return value.getTimezoneOffset() * 60000;
-};
-var makeLocalAppearUTC = function makeLocalAppearUTC(value) {
-  return new Date(value.getTime() + getTimezoneOffset(value));
-};
-var localToUTC = function localToUTC(dateTime) {
-  return new Date(dateTime.getTime() - getTimezoneOffset(dateTime));
-};
 /**
  * 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
@@ -846,9 +819,9 @@ var getFormattedValueForDatePicker = function getFormattedValueForDatePicker(val
 var getDateValue = function getDateValue(value) {
   if (value) {
     var _ref, _dateUtils$stringToDa;
-    var dateValue = (_ref = (_dateUtils$stringToDa = dateUtils.stringToDate(value, 'yyyy/MM/dd HH:mm', false)) != null ? _dateUtils$stringToDa : dateUtils.isoStringToDate(value, false)) != null ? _ref : null;
+    var dateValue = (_ref = (_dateUtils$stringToDa = dateUtils.stringToDate(value, 'yyyy/MM/dd HH:mm', true)) != null ? _dateUtils$stringToDa : dateUtils.isoStringToDate(value, false)) != null ? _ref : null;
     if (dateValue) {
-      return makeLocalAppearUTC(dateUtils.setSeconds(dateValue, 0));
+      return dateUtils.setSeconds(dateValue, 0);
     }
     return null;
   }
@@ -893,7 +866,7 @@ var ReactHookKeyboardDateTimePicker = function ReactHookKeyboardDateTimePicker(_
   var errors = getErrors(name, formErrors);
   // Ensure value is a Date object
   var dateValue = getDateValue(value);
-  var now = makeLocalAppearUTC(dateUtils.utc());
+  var now = dateUtils.utc();
   var minDateTime = disablePast ? now : null;
   var maxDateTime = disableFuture ? now : null;
   return jsx(ReactHookFormFormControl, {
@@ -903,8 +876,6 @@ var ReactHookKeyboardDateTimePicker = function ReactHookKeyboardDateTimePicker(_
     isReadOnly: isReadOnly,
     sx: sx,
     children: jsx(DateTimePicker, Object.assign({
-      ampm: false,
-      desktopModeMediaQuery: "@media (min-width: 720px)",
       disabled: disabled,
       format: format,
       inputRef: ref,
@@ -917,52 +888,28 @@ var ReactHookKeyboardDateTimePicker = function ReactHookKeyboardDateTimePicker(_
           onChangeField(null);
           return;
         }
-        var formattedDate = getFormattedValueForDatePicker(localToUTC(value));
+        var formattedDate = getFormattedValueForDatePicker(value);
         onChangeField(formattedDate);
         _onChange(formattedDate);
       },
       openTo: openTo,
+      showUTCAdornment: !shouldHideUTC,
       slotProps: {
         textField: Object.assign({
-          variant: 'filled',
           helperText: helperText,
           error: !!errors,
           name: name,
           slotProps: {
             htmlInput: {
               placeholder: disabled ? '' : format.toLowerCase()
-            },
-            input: Object.assign({}, !shouldHideUTC && {
-              endAdornment: jsx(InputAdornment, {
-                position: "end",
-                style: {
-                  paddingTop: '16px'
-                },
-                children: "UTC"
-              })
-            })
+            }
           },
           // eslint-disable-next-line @typescript-eslint/ban-ts-comment
           // @ts-ignore
           'data-testid': otherProps['data-testid']
         }, isReadOnly && {
           readOnly: true
-        }),
-        field: {
-          openPickerButtonPosition: 'start'
-        },
-        openPickerButton: {
-          size: 'small',
-          sx: {
-            padding: 0
-          }
-        }
-      },
-      slots: {
-        openPickerIcon: OpenPicker
-      },
-      timeSteps: {
-        minutes: 1
+        })
       },
       value: dateValue
     }, otherProps))

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

@@ -1,11 +1,9 @@
 import type { TextFieldProps } from '@mui/material';
 import React from 'react';
+import type { NumberInputMode } from '@opengeoweb/shared';
 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[];
 type ReactHookFormNumberFieldProps = Partial<TextFieldProps> & ReactHookFormInput<{
-    inputMode?: InputMode;
+    inputMode?: NumberInputMode;
     onBeforeChange?: () => void;
 }>;
 declare const ReactHookFormNumberField: React.FC<ReactHookFormNumberFieldProps>;

package/package.json

@@ -1,47 +1,47 @@
 {
-  "name": "@opengeoweb/form-fields",
-  "version": "19.6.0",
-  "description": "GeoWeb form-fields library for the opengeoweb project",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
-  },
-  "main": "./dist/index.esm.js",
-  "module": "./dist/index.esm.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    "./package.json": "./package.json",
-    ".": {
-      "@opengeoweb/source": "./src/index.ts",
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "default": "./dist/index.esm.js"
-    }
-  },
-  "dependencies": {
-    "@opengeoweb/theme": "*",
-    "react-hook-form": "^7.50.1",
-    "@mui/x-date-pickers": "^9.3.0",
-    "lodash": "^4.18.1",
-    "@opengeoweb/shared": "*",
-    "react-i18next": "^15.1.1",
-    "@mui/material": "^9.0.1",
-    "i18next": "^25.0.1",
-    "@types/geojson": "^7946.0.14"
-  },
-  "peerDependencies": {
-    "react": "19",
-    "@emotion/react": "*",
-    "@emotion/styled": "*"
-  },
-  "devDependencies": {
-    "eslint-plugin-storybook": "10.3.3"
-  },
-  "files": [
-    "dist",
-    "!dist/package.json",
-    "README.md",
-    "package.json"
-  ]
-}
+    "name": "@opengeoweb/form-fields",
+    "version": "19.6.1-nightly-20260912",
+    "description": "GeoWeb form-fields library for the opengeoweb project",
+    "license": "Apache-2.0",
+    "repository": {
+        "type": "git",
+        "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
+    },
+    "main": "./dist/index.esm.js",
+    "module": "./dist/index.esm.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        "./package.json": "./package.json",
+        ".": {
+            "@opengeoweb/source": "./src/index.ts",
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.esm.js",
+            "default": "./dist/index.esm.js"
+        }
+    },
+    "dependencies": {
+        "@opengeoweb/theme": "19.6.1-nightly-20260912",
+        "react-hook-form": "^7.50.1",
+        "@mui/x-date-pickers": "^9.3.0",
+        "lodash": "^4.18.1",
+        "@opengeoweb/shared": "19.6.1-nightly-20260912",
+        "react-i18next": "^15.1.1",
+        "@mui/material": "^9.0.1",
+        "i18next": "^25.0.1",
+        "@types/geojson": "^7946.0.14"
+    },
+    "peerDependencies": {
+        "react": "19",
+        "@emotion/react": "*",
+        "@emotion/styled": "*"
+    },
+    "devDependencies": {
+        "eslint-plugin-storybook": "10.3.3"
+    },
+    "files": [
+        "dist",
+        "!dist/package.json",
+        "README.md",
+        "package.json"
+    ]
+}