@superdispatch/ui 0.26.1 → 0.28.0

package/dist-src/drawer/DrawerTitle.js

@@ -75,30 +75,40 @@ export var DrawerTitle = /*#__PURE__*/forwardRef((_ref, appBarRef) => {
             className: styles.toolbar,
             children: /*#__PURE__*/_jsxs(Grid, {
               container: true,
-              alignItems: "center",
-              children: [!!startAction && /*#__PURE__*/_jsx(Grid, {
+              direction: "column",
+              children: [/*#__PURE__*/_jsx(Grid, {
                 item: true,
-                className: styles.startAction,
-                children: startAction
-              }), /*#__PURE__*/_jsxs(Grid, {
+                children: /*#__PURE__*/_jsxs(Grid, {
+                  container: true,
+                  alignItems: "center",
+                  children: [!!startAction && /*#__PURE__*/_jsx(Grid, {
+                    item: true,
+                    className: styles.startAction,
+                    children: startAction
+                  }), /*#__PURE__*/_jsx(Grid, {
+                    item: true,
+                    xs: true,
+                    zeroMinWidth: true,
+                    children: /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
+                      variant: "h3",
+                      noWrap: true
+                    }, titleTypographyProps), {}, {
+                      children: title
+                    }))
+                  }), !!endAction && /*#__PURE__*/_jsx(Grid, {
+                    item: true,
+                    className: styles.endAction,
+                    children: endAction
+                  })]
+                })
+              }), /*#__PURE__*/_jsx(Grid, {
                 item: true,
-                xs: true,
-                zeroMinWidth: true,
-                children: [/*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
-                  variant: "h3",
-                  noWrap: true
-                }, titleTypographyProps), {}, {
-                  children: title
-                })), !!subtitle && /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
+                children: !!subtitle && /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
                   variant: "body2",
                   noWrap: true
                 }, subtitleTypographyProps), {}, {
                   children: subtitle
-                }))]
-              }), !!endAction && /*#__PURE__*/_jsx(Grid, {
-                item: true,
-                className: styles.endAction,
-                children: endAction
+                }))
               })]
             })
           })

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';
@@ -37,18 +38,49 @@ function NumberInputComponent(_ref) {
     }
   }));
 }
-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

@@ -1461,30 +1461,40 @@ var DrawerTitle = /*#__PURE__*/forwardRef((_ref, appBarRef) => {
             className: styles.toolbar,
             children: /*#__PURE__*/jsxs(Grid, {
               container: true,
-              alignItems: "center",
-              children: [!!startAction && /*#__PURE__*/jsx(Grid, {
+              direction: "column",
+              children: [/*#__PURE__*/jsx(Grid, {
                 item: true,
-                className: styles.startAction,
-                children: startAction
-              }), /*#__PURE__*/jsxs(Grid, {
+                children: /*#__PURE__*/jsxs(Grid, {
+                  container: true,
+                  alignItems: "center",
+                  children: [!!startAction && /*#__PURE__*/jsx(Grid, {
+                    item: true,
+                    className: styles.startAction,
+                    children: startAction
+                  }), /*#__PURE__*/jsx(Grid, {
+                    item: true,
+                    xs: true,
+                    zeroMinWidth: true,
+                    children: /*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
+                      variant: "h3",
+                      noWrap: true
+                    }, titleTypographyProps), {}, {
+                      children: title
+                    }))
+                  }), !!endAction && /*#__PURE__*/jsx(Grid, {
+                    item: true,
+                    className: styles.endAction,
+                    children: endAction
+                  })]
+                })
+              }), /*#__PURE__*/jsx(Grid, {
                 item: true,
-                xs: true,
-                zeroMinWidth: true,
-                children: [/*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
-                  variant: "h3",
-                  noWrap: true
-                }, titleTypographyProps), {}, {
-                  children: title
-                })), !!subtitle && /*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
+                children: !!subtitle && /*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
                   variant: "body2",
                   noWrap: true
                 }, subtitleTypographyProps), {}, {
                   children: subtitle
-                }))]
-              }), !!endAction && /*#__PURE__*/jsx(Grid, {
-                item: true,
-                className: styles.endAction,
-                children: endAction
+                }))
               })]
             })
           })
@@ -1704,7 +1714,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,
@@ -1735,18 +1746,49 @@ function NumberInputComponent(_ref) {
     }
   }));
 }
-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
     })
   }));
 });