@stigg/react-sdk 5.6.0 → 5.7.0

package/dist/components/utils/onWheelBlur.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ON_WHEEL_BLUR: (e: React.WheelEvent<HTMLInputElement>) => void;

package/dist/react-sdk.cjs.development.js

@@ -1445,6 +1445,10 @@ function ContentLoadingSkeleton() {
   })))));
 }
 
+var ON_WHEEL_BLUR = function ON_WHEEL_BLUR(e) {
+  return e.target.blur();
+};
+
 function VolumePerUnitInput(_ref) {
   var width = _ref.width,
       tierUnits = _ref.tierUnits,
@@ -1452,6 +1456,7 @@ function VolumePerUnitInput(_ref) {
       handleChange = _ref.handleChange;
   return React__default.createElement(InputField, {
     type: "number",
+    onWheel: ON_WHEEL_BLUR,
     fullWidth: true,
     sx: {
       minHeight: '46px',
@@ -13026,6 +13031,7 @@ function AddonListItem(_ref) {
   }, "Undo")), isAdded && React__default.createElement(React__default.Fragment, null, React__default.createElement(InputField, {
     id: addon.id + "-input",
     type: "number",
+    onWheel: ON_WHEEL_BLUR,
     sx: {
       width: 120,
       marginX: 2
@@ -13581,6 +13587,7 @@ function PlanCharge(_ref) {
       },
       id: featureId + "-input",
       type: "number",
+      onWheel: ON_WHEEL_BLUR,
       error: !isValid,
       helperText: !isValid ? getValidationText(charge, billableFeature == null ? void 0 : billableFeature.quantity) : undefined,
       FormHelperTextProps: {
@@ -13589,10 +13596,7 @@ function PlanCharge(_ref) {
         }
       },
       value: (_billableFeature$quan = billableFeature == null ? void 0 : billableFeature.quantity) != null ? _billableFeature$quan : '',
-      onChange: handleQuantityChange,
-      onWheel: function onWheel(e) {
-        return e.target.blur();
-      }
+      onChange: handleQuantityChange
     });
   }