@majoo-ui/react 1.58.8 → 1.58.9-beta.1

package/index.esm.js

@@ -9829,7 +9829,7 @@ var NumberFormat = /*@__PURE__*/function (superclass) {
 }(React__default.Component);
 NumberFormat.defaultProps = defaultProps;
 
-const _excluded$i = ["placeholder", "value", "size", "isInvalid", "readOnly", "disabled", "control", "name"];
+const _excluded$i = ["placeholder", "value", "size", "isInvalid", "readOnly", "disabled", "control", "name", "maxValueLength", "maxLength", "thousandSeparator"];
 var _jsxFileName$F = "/Users/ryanakbar20/Documents/project/majoo/majoo-ui/packages/react/src/components/form/components/InputNumber/InputNumber.js";
 const StyledInput = styled(NumberFormat, {
   // Reset
@@ -10003,6 +10003,14 @@ const StyledInput = styled(NumberFormat, {
     size: 'lg'
   }
 });
+function countThousandSeparatorsByLength(numberLength) {
+  const separatorCount = Math.floor((numberLength - 1) / 3);
+  return separatorCount;
+}
+function getMaxValueLength(maxValue, prefix = '', suffix = '', thousandSeparator) {
+  const tsLength = thousandSeparator ? countThousandSeparatorsByLength(maxValue) : 0;
+  return maxValue + (prefix === null || prefix === void 0 ? void 0 : prefix.length) + (suffix === null || suffix === void 0 ? void 0 : suffix.length) + tsLength;
+}
 const InputNumber = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   let {
       placeholder,
@@ -10012,7 +10020,10 @@ const InputNumber = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
       readOnly,
       disabled,
       control,
-      name
+      name,
+      maxValueLength,
+      maxLength,
+      thousandSeparator
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
@@ -10033,14 +10044,14 @@ const InputNumber = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$F,
-        lineNumber: 199,
+        lineNumber: 225,
         columnNumber: 9
       }
     }),
     __self: undefined,
     __source: {
       fileName: _jsxFileName$F,
-      lineNumber: 196,
+      lineNumber: 222,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(StyledInput, _extends({
@@ -10051,12 +10062,14 @@ const InputNumber = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     isInvalid: isInvalid,
     readOnly: readOnly,
     isReadOnly: readOnly && !(props !== null && props !== void 0 && props.inputGroup) && !(props !== null && props !== void 0 && props.asChild),
-    disabled: disabled
+    disabled: disabled,
+    maxLength: maxValueLength ? getMaxValueLength(maxValueLength, props === null || props === void 0 ? void 0 : props.prefix, props === null || props === void 0 ? void 0 : props.suffix, thousandSeparator) : maxLength,
+    thousandSeparator: thousandSeparator
   }, props, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$F,
-      lineNumber: 208,
+      lineNumber: 234,
       columnNumber: 7
     }
   })));
@@ -10908,7 +10921,9 @@ const Popover = ({
   const {
     getReferenceProps,
     getFloatingProps
-  } = useInteractions([useClick(floatingHook.context), useDismiss(floatingHook.context, {
+  } = useInteractions([useClick(floatingHook.context, {
+    keyboardHandlers: false
+  }), useDismiss(floatingHook.context, {
     ancestorScroll: _hideOnScroll
   })]);
   const value = {
@@ -10923,7 +10938,7 @@ const Popover = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$y,
-      lineNumber: 60,
+      lineNumber: 62,
       columnNumber: 10
     }
   }, children);
@@ -10965,14 +10980,14 @@ const PopoverContent = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$y,
-        lineNumber: 78,
+        lineNumber: 80,
         columnNumber: 65
       }
     }, child),
     __self: undefined,
     __source: {
       fileName: _jsxFileName$y,
-      lineNumber: 78,
+      lineNumber: 80,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(FloatingFocusManager, {
@@ -10983,7 +10998,7 @@ const PopoverContent = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$y,
-      lineNumber: 79,
+      lineNumber: 81,
       columnNumber: 7
     }
   }, /*#__PURE__*/React__default.createElement("div", _extends({}, getFloatingProps({
@@ -10998,7 +11013,7 @@ const PopoverContent = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$y,
-      lineNumber: 80,
+      lineNumber: 82,
       columnNumber: 9
     }
   }), children))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
@@ -11019,7 +11034,7 @@ const PopoverClose = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$y,
-      lineNumber: 104,
+      lineNumber: 106,
       columnNumber: 5
     }
   }), children);

package/index.umd.js

@@ -9910,7 +9910,7 @@
   }(React__default["default"].Component);
   NumberFormat.defaultProps = defaultProps;
 
-  const _excluded$i = ["placeholder", "value", "size", "isInvalid", "readOnly", "disabled", "control", "name"];
+  const _excluded$i = ["placeholder", "value", "size", "isInvalid", "readOnly", "disabled", "control", "name", "maxValueLength", "maxLength", "thousandSeparator"];
   var _jsxFileName$F = "/Users/ryanakbar20/Documents/project/majoo/majoo-ui/packages/react/src/components/form/components/InputNumber/InputNumber.js";
   const StyledInput = styled(NumberFormat, {
     // Reset
@@ -10084,6 +10084,14 @@
       size: 'lg'
     }
   });
+  function countThousandSeparatorsByLength(numberLength) {
+    const separatorCount = Math.floor((numberLength - 1) / 3);
+    return separatorCount;
+  }
+  function getMaxValueLength(maxValue, prefix = '', suffix = '', thousandSeparator) {
+    const tsLength = thousandSeparator ? countThousandSeparatorsByLength(maxValue) : 0;
+    return maxValue + (prefix === null || prefix === void 0 ? void 0 : prefix.length) + (suffix === null || suffix === void 0 ? void 0 : suffix.length) + tsLength;
+  }
   const InputNumber = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
     let {
         placeholder,
@@ -10093,7 +10101,10 @@
         readOnly,
         disabled,
         control,
-        name
+        name,
+        maxValueLength,
+        maxLength,
+        thousandSeparator
       } = _ref,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
     return /*#__PURE__*/React__default["default"].createElement(ConditionalWrapper, {
@@ -10114,14 +10125,14 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$F,
-          lineNumber: 199,
+          lineNumber: 225,
           columnNumber: 9
         }
       }),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$F,
-        lineNumber: 196,
+        lineNumber: 222,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(StyledInput, _extends({
@@ -10132,12 +10143,14 @@
       isInvalid: isInvalid,
       readOnly: readOnly,
       isReadOnly: readOnly && !(props !== null && props !== void 0 && props.inputGroup) && !(props !== null && props !== void 0 && props.asChild),
-      disabled: disabled
+      disabled: disabled,
+      maxLength: maxValueLength ? getMaxValueLength(maxValueLength, props === null || props === void 0 ? void 0 : props.prefix, props === null || props === void 0 ? void 0 : props.suffix, thousandSeparator) : maxLength,
+      thousandSeparator: thousandSeparator
     }, props, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$F,
-        lineNumber: 208,
+        lineNumber: 234,
         columnNumber: 7
       }
     })));
@@ -10989,7 +11002,9 @@
     const {
       getReferenceProps,
       getFloatingProps
-    } = react$1.useInteractions([react$1.useClick(floatingHook.context), react$1.useDismiss(floatingHook.context, {
+    } = react$1.useInteractions([react$1.useClick(floatingHook.context, {
+      keyboardHandlers: false
+    }), react$1.useDismiss(floatingHook.context, {
       ancestorScroll: _hideOnScroll
     })]);
     const value = {
@@ -11004,7 +11019,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$y,
-        lineNumber: 60,
+        lineNumber: 62,
         columnNumber: 10
       }
     }, children);
@@ -11046,14 +11061,14 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$y,
-          lineNumber: 78,
+          lineNumber: 80,
           columnNumber: 65
         }
       }, child),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$y,
-        lineNumber: 78,
+        lineNumber: 80,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(react$1.FloatingFocusManager, {
@@ -11064,7 +11079,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$y,
-        lineNumber: 79,
+        lineNumber: 81,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", _extends({}, getFloatingProps({
@@ -11079,7 +11094,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$y,
-        lineNumber: 80,
+        lineNumber: 82,
         columnNumber: 9
       }
     }), children))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null);
@@ -11100,7 +11115,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$y,
-        lineNumber: 104,
+        lineNumber: 106,
         columnNumber: 5
       }
     }), children);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.58.8",
+  "version": "1.58.9-beta.1",
   "dependencies": {
     "@majoo-ui/core": "^1.31.3",
     "@majoo-ui/helpers": "^1.30.5",