@superdispatch/ui 0.26.0 → 0.27.0

package/dist-src/number-field/NumberField.js

@@ -1,7 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["value", "inputRef", "onChange", "valueIsNumericString", "thousandSeparator", "disableValueParsing"],
-  _excluded2 = ["id", "InputProps"];
+  _excluded2 = ["value", "inputRef", "onChange", "valueIsNumericString", "thousandSeparator", "disableValueParsing"],
+  _excluded3 = ["id", "InputProps", "isText"];
 import { TextField } from '@material-ui/core';
 import { forwardRef } from 'react';
 import { NumericFormat } from 'react-number-format';
@@ -25,31 +26,61 @@ function NumberInputComponent(_ref) {
     thousandSeparator: thousandSeparator,
     allowedDecimalSeparators: ['.', ','],
     onValueChange: (values, sourceInfo) => {
-      var inputValue = values.value;
       var {
         event
       } = sourceInfo;
       // eslint-disable-next-line @typescript-eslint/no-unsafe-call
       onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, event), {}, {
         target: _objectSpread(_objectSpread({}, event === null || event === void 0 ? void 0 : event.target), {}, {
-          value: inputValue
+          value: disableValueParsing ? values.value : values.floatValue
         })
       }));
     }
   }));
 }
-export var NumberField = /*#__PURE__*/forwardRef((_ref2, ref) => {
+function TextInputComponent(_ref2) {
   var {
-      id,
-      InputProps
+      value,
+      inputRef,
+      onChange,
+      valueIsNumericString = true,
+      thousandSeparator = true,
+      disableValueParsing
     } = _ref2,
     props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/_jsx(NumericFormat, _objectSpread(_objectSpread({}, props), {}, {
+    value: value !== null && value !== void 0 ? value : '',
+    inputMode: "decimal",
+    getInputRef: inputRef,
+    valueIsNumericString: valueIsNumericString,
+    thousandSeparator: thousandSeparator,
+    allowedDecimalSeparators: ['.', ','],
+    onValueChange: (values, sourceInfo) => {
+      var {
+        event
+      } = sourceInfo;
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, event), {}, {
+        target: _objectSpread(_objectSpread({}, event === null || event === void 0 ? void 0 : event.target), {}, {
+          value: values.value
+        })
+      }));
+    }
+  }));
+}
+export var NumberField = /*#__PURE__*/forwardRef((_ref3, ref) => {
+  var {
+      id,
+      InputProps,
+      isText = false
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded3);
   var uid = useUID(id);
   return /*#__PURE__*/_jsx(TextField, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,
     id: uid,
     InputProps: _objectSpread(_objectSpread({}, InputProps), {}, {
-      inputComponent: NumberInputComponent
+      inputComponent: isText ? TextInputComponent : NumberInputComponent
     })
   }));
 });

package/dist-types/index.d.ts

@@ -253,6 +253,7 @@ interface NumberFormatCustomProps extends Omit<SafeNumberFormatProps, 'getInputR
 interface NumberFieldProps extends Omit<StandardTextFieldProps, 'InputProps' | 'inputProps'>, Omit<SafeNumberFormatProps, keyof StandardTextFieldProps> {
     InputProps?: Partial<Omit<InputProps, 'inputComponent'>>;
     inputProps?: NumberFormatCustomProps & StandardTextFieldProps['inputProps'];
+    isText?: boolean;
 }
 declare const NumberField: ForwardRefExoticComponent<NumberFieldProps>;
 

package/dist-web/index.js

@@ -1704,7 +1704,8 @@ var Inline = /*#__PURE__*/forwardRef((_ref2, ref) => {
 if (process.env.NODE_ENV !== "production") Inline.displayName = "Inline";
 
 var _excluded$i = ["value", "inputRef", "onChange", "valueIsNumericString", "thousandSeparator", "disableValueParsing"],
-  _excluded2$3 = ["id", "InputProps"];
+  _excluded2$3 = ["value", "inputRef", "onChange", "valueIsNumericString", "thousandSeparator", "disableValueParsing"],
+  _excluded3 = ["id", "InputProps", "isText"];
 function NumberInputComponent(_ref) {
   var {
       value,
@@ -1723,31 +1724,61 @@ function NumberInputComponent(_ref) {
     thousandSeparator: thousandSeparator,
     allowedDecimalSeparators: ['.', ','],
     onValueChange: (values, sourceInfo) => {
-      var inputValue = values.value;
       var {
         event
       } = sourceInfo;
       // eslint-disable-next-line @typescript-eslint/no-unsafe-call
       onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, event), {}, {
         target: _objectSpread(_objectSpread({}, event === null || event === void 0 ? void 0 : event.target), {}, {
-          value: inputValue
+          value: disableValueParsing ? values.value : values.floatValue
         })
       }));
     }
   }));
 }
-var NumberField = /*#__PURE__*/forwardRef((_ref2, ref) => {
+function TextInputComponent(_ref2) {
   var {
-      id,
-      InputProps
+      value,
+      inputRef,
+      onChange,
+      valueIsNumericString = true,
+      thousandSeparator = true,
+      disableValueParsing
     } = _ref2,
     props = _objectWithoutProperties(_ref2, _excluded2$3);
+  return /*#__PURE__*/jsx(NumericFormat, _objectSpread(_objectSpread({}, props), {}, {
+    value: value !== null && value !== void 0 ? value : '',
+    inputMode: "decimal",
+    getInputRef: inputRef,
+    valueIsNumericString: valueIsNumericString,
+    thousandSeparator: thousandSeparator,
+    allowedDecimalSeparators: ['.', ','],
+    onValueChange: (values, sourceInfo) => {
+      var {
+        event
+      } = sourceInfo;
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, event), {}, {
+        target: _objectSpread(_objectSpread({}, event === null || event === void 0 ? void 0 : event.target), {}, {
+          value: values.value
+        })
+      }));
+    }
+  }));
+}
+var NumberField = /*#__PURE__*/forwardRef((_ref3, ref) => {
+  var {
+      id,
+      InputProps,
+      isText = false
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded3);
   var uid = useUID(id);
   return /*#__PURE__*/jsx(TextField, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,
     id: uid,
     InputProps: _objectSpread(_objectSpread({}, InputProps), {}, {
-      inputComponent: NumberInputComponent
+      inputComponent: isText ? TextInputComponent : NumberInputComponent
     })
   }));
 });