@superdispatch/ui 0.26.1 → 0.28.0

package/dist-node/index.js

@@ -1467,30 +1467,40 @@ var DrawerTitle = /*#__PURE__*/React.forwardRef((_ref, appBarRef) => {
             className: styles.toolbar,
             children: /*#__PURE__*/jsxRuntime.jsxs(core.Grid, {
               container: true,
-              alignItems: "center",
-              children: [!!startAction && /*#__PURE__*/jsxRuntime.jsx(core.Grid, {
+              direction: "column",
+              children: [/*#__PURE__*/jsxRuntime.jsx(core.Grid, {
                 item: true,
-                className: styles.startAction,
-                children: startAction
-              }), /*#__PURE__*/jsxRuntime.jsxs(core.Grid, {
+                children: /*#__PURE__*/jsxRuntime.jsxs(core.Grid, {
+                  container: true,
+                  alignItems: "center",
+                  children: [!!startAction && /*#__PURE__*/jsxRuntime.jsx(core.Grid, {
+                    item: true,
+                    className: styles.startAction,
+                    children: startAction
+                  }), /*#__PURE__*/jsxRuntime.jsx(core.Grid, {
+                    item: true,
+                    xs: true,
+                    zeroMinWidth: true,
+                    children: /*#__PURE__*/jsxRuntime.jsx(core.Typography, _objectSpread(_objectSpread({
+                      variant: "h3",
+                      noWrap: true
+                    }, titleTypographyProps), {}, {
+                      children: title
+                    }))
+                  }), !!endAction && /*#__PURE__*/jsxRuntime.jsx(core.Grid, {
+                    item: true,
+                    className: styles.endAction,
+                    children: endAction
+                  })]
+                })
+              }), /*#__PURE__*/jsxRuntime.jsx(core.Grid, {
                 item: true,
-                xs: true,
-                zeroMinWidth: true,
-                children: [/*#__PURE__*/jsxRuntime.jsx(core.Typography, _objectSpread(_objectSpread({
-                  variant: "h3",
-                  noWrap: true
-                }, titleTypographyProps), {}, {
-                  children: title
-                })), !!subtitle && /*#__PURE__*/jsxRuntime.jsx(core.Typography, _objectSpread(_objectSpread({
+                children: !!subtitle && /*#__PURE__*/jsxRuntime.jsx(core.Typography, _objectSpread(_objectSpread({
                   variant: "body2",
                   noWrap: true
                 }, subtitleTypographyProps), {}, {
                   children: subtitle
-                }))]
-              }), !!endAction && /*#__PURE__*/jsxRuntime.jsx(core.Grid, {
-                item: true,
-                className: styles.endAction,
-                children: endAction
+                }))
               })]
             })
           })
@@ -1710,7 +1720,8 @@ var Inline = /*#__PURE__*/React.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,
@@ -1741,18 +1752,49 @@ function NumberInputComponent(_ref) {
     }
   }));
 }
-var NumberField = /*#__PURE__*/React.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__*/jsxRuntime.jsx(reactNumberFormat.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__*/React.forwardRef((_ref3, ref) => {
+  var {
+      id,
+      InputProps,
+      isText = false
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded3);
   var uid = useUID(id);
   return /*#__PURE__*/jsxRuntime.jsx(core.TextField, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,
     id: uid,
     InputProps: _objectSpread(_objectSpread({}, InputProps), {}, {
-      inputComponent: NumberInputComponent
+      inputComponent: isText ? TextInputComponent : NumberInputComponent
     })
   }));
 });