@majoo-ui/react 1.57.20 → 1.57.21

package/components/form/components/InputSelect/InputSelect.d.ts

@@ -809,6 +809,10 @@ interface InputSelectProps extends Omit<DownshiftProps<Option>, 'initialSelected
      * Render custom footer inside option. If onClick not working on mobile, you can using both onClick and onTouchStart.
      */
     renderFooter?: () => React.ReactNode;
+    /**
+     * Custom empty data message
+     */
+    emptyDataMessage?: string;
 }
 export declare const InputSelect: React.ForwardRefExoticComponent<InputSelectProps & React.RefAttributes<HTMLInputElement>>;
 export default InputSelect;

package/index.esm.js

@@ -9534,16 +9534,17 @@ var NumberFormat = /*@__PURE__*/function (superclass) {
       const formattedWithZeroAndSuffix = formattedValue.endsWith(`0${suffix}`);
       const emptyFormattedValue = prefix || suffix || prefix + suffix || '';
       if ((formattedValueStartsWithZero || formattedWithZeroAndSuffix) && !allowLeadingZeros && !format) {
+        var _input$value;
         const isSpecialChar = /^[+-]/.test(formattedValue);
         formattedValue = formattedValue.replace(new RegExp(`^${isSpecialChar ? '\\' : ''}${prefix}0+${suffix}`), emptyFormattedValue);
         numAsString = numAsString.replace(/^0+/, '');
-        if (formattedValue === emptyFormattedValue && !numAsString && [`${prefix}00${suffix}`, `${prefix}0${suffix}`].includes(input.value)) {
+        if (formattedValue === emptyFormattedValue && !numAsString && [`${prefix}00${suffix}`, `${prefix}0${suffix}`].includes(input === null || input === void 0 ? void 0 : input.value)) {
           formattedValue = `${prefix}0${suffix}`;
           numAsString = '0';
-        } else if (input.value.includes('0,')) {
+        } else if (input !== null && input !== void 0 && (_input$value = input.value) !== null && _input$value !== void 0 && _input$value.includes('0,')) {
           cloneProps.allowLeadingZeros = true;
-          formattedValue = input.value;
-          numAsString = this.removeFormatting(input.value);
+          formattedValue = input === null || input === void 0 ? void 0 : input.value;
+          numAsString = this.removeFormatting(input === null || input === void 0 ? void 0 : input.value);
         }
       }
       //end adjustment
@@ -11346,9 +11347,10 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
       showTooltip = false,
       css,
       renderFooter,
-      optionCss
+      optionCss,
+      emptyDataMessage
     } = _a,
-    props = __rest(_a, ["option", "onChange", "value", "placeholder", "searchPlaceholder", "embedSearch", "size", "disabled", "search", "iconColor", "hideArrowicon", "showLeadingIcon", "placement", "disabledOptions", "textSelector", "valueSelector", "readOnly", "isInvalid", "noOptionIcon", "fetchData", "onSearch", "isLoading", "showTooltip", "css", "renderFooter", "optionCss"]);
+    props = __rest(_a, ["option", "onChange", "value", "placeholder", "searchPlaceholder", "embedSearch", "size", "disabled", "search", "iconColor", "hideArrowicon", "showLeadingIcon", "placement", "disabledOptions", "textSelector", "valueSelector", "readOnly", "isInvalid", "noOptionIcon", "fetchData", "onSearch", "isLoading", "showTooltip", "css", "renderFooter", "optionCss", "emptyDataMessage"]);
   const {
     t
   } = useTranslation(['MajooUI/inputSelect', 'translation']);
@@ -11660,7 +11662,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
                               verticalAlign: 'text-bottom'
                             }
                           }, void 0)
-                        }), void 0), t('noItemPlaceholder', 'Item tidak ditemukan')]
+                        }), void 0), emptyDataMessage || t('noItemPlaceholder', 'Item tidak ditemukan')]
                       }, void 0)
                     }, void 0)]
                   }), void 0)
@@ -13683,7 +13685,8 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     placement: placement,
     css: {
       display: isOpen && disabled === false ? 'block' : 'none',
-      top: size === 'lg' ? '45px' : '35px'
+      top: size === 'lg' ? '45px' : '35px',
+      minHeight: isLoading ? 40 : 0
     },
     __self: undefined,
     __source: {
@@ -13698,9 +13701,10 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       position: 'absolute',
       inset: 0,
       zIndex: '$tooltip',
-      top: items.length > 0 ? '0px' : placement === 'top' ? '-20px' : '20px',
+      top: items.length > 0 ? '0px' : placement === 'top' ? '-20px' : '0px',
       // bottom: '80px',
       width: '100%',
+      minHeight: 40,
       height: scrollerRef.current ? scrollerRef.current.clientHeight : '40px',
       backgroundColor: '$bgWhite',
       opacity: 0.8,
@@ -13709,7 +13713,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 760,
+      lineNumber: 764,
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(Text$1, {
@@ -13717,7 +13721,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 776,
+      lineNumber: 781,
       columnNumber: 15
     }
   }, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default.createElement(Option, _extends({}, getMenuProps({
@@ -13728,7 +13732,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 782,
+      lineNumber: 787,
       columnNumber: 13
     }
   }), /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
@@ -13743,14 +13747,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 786,
+        lineNumber: 791,
         columnNumber: 19
       }
     }, child),
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 783,
+      lineNumber: 788,
       columnNumber: 15
     }
   }, isOpen && items.map((item, index) => {
@@ -13770,7 +13774,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 798,
+        lineNumber: 803,
         columnNumber: 21
       }
     }), /*#__PURE__*/React__default.createElement(IconWrapper, {
@@ -13783,7 +13787,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 811,
+        lineNumber: 816,
         columnNumber: 23
       }
     }, !(item !== null && item !== void 0 && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -13791,7 +13795,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 821,
+        lineNumber: 826,
         columnNumber: 29
       }
     }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -13799,21 +13803,21 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 825,
+        lineNumber: 830,
         columnNumber: 31
       }
     })), isShowSelectAll && (item === null || item === void 0 ? void 0 : item.id) === '!all' && selectedValue !== null && selectedValue !== void 0 && selectedValue.length && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) < (items === null || items === void 0 ? void 0 : items.length) ? /*#__PURE__*/React__default.createElement(IndeterminateFilled, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 832,
+        lineNumber: 837,
         columnNumber: 27
       }
     }, "-") : /*#__PURE__*/React__default.createElement("div", {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 834,
+        lineNumber: 839,
         columnNumber: 27
       }
     })), /*#__PURE__*/React__default.createElement(Item$3, {
@@ -13824,7 +13828,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 837,
+        lineNumber: 842,
         columnNumber: 23
       }
     }, item.render ? (_item$render = item.render) === null || _item$render === void 0 ? void 0 : _item$render.call(item, item.name) : item.name));
@@ -13838,14 +13842,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 845,
+      lineNumber: 850,
       columnNumber: 13
     }
   }), /*#__PURE__*/React__default.createElement(StyledDiv, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 846,
+      lineNumber: 851,
       columnNumber: 15
     }
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -13855,7 +13859,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 847,
+      lineNumber: 852,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
@@ -13867,7 +13871,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 848,
+      lineNumber: 853,
       columnNumber: 19
     }
   })), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));

package/index.umd.js

@@ -9617,16 +9617,17 @@
         const formattedWithZeroAndSuffix = formattedValue.endsWith(`0${suffix}`);
         const emptyFormattedValue = prefix || suffix || prefix + suffix || '';
         if ((formattedValueStartsWithZero || formattedWithZeroAndSuffix) && !allowLeadingZeros && !format) {
+          var _input$value;
           const isSpecialChar = /^[+-]/.test(formattedValue);
           formattedValue = formattedValue.replace(new RegExp(`^${isSpecialChar ? '\\' : ''}${prefix}0+${suffix}`), emptyFormattedValue);
           numAsString = numAsString.replace(/^0+/, '');
-          if (formattedValue === emptyFormattedValue && !numAsString && [`${prefix}00${suffix}`, `${prefix}0${suffix}`].includes(input.value)) {
+          if (formattedValue === emptyFormattedValue && !numAsString && [`${prefix}00${suffix}`, `${prefix}0${suffix}`].includes(input === null || input === void 0 ? void 0 : input.value)) {
             formattedValue = `${prefix}0${suffix}`;
             numAsString = '0';
-          } else if (input.value.includes('0,')) {
+          } else if (input !== null && input !== void 0 && (_input$value = input.value) !== null && _input$value !== void 0 && _input$value.includes('0,')) {
             cloneProps.allowLeadingZeros = true;
-            formattedValue = input.value;
-            numAsString = this.removeFormatting(input.value);
+            formattedValue = input === null || input === void 0 ? void 0 : input.value;
+            numAsString = this.removeFormatting(input === null || input === void 0 ? void 0 : input.value);
           }
         }
         //end adjustment
@@ -11441,7 +11442,8 @@
       css = _a.css,
       renderFooter = _a.renderFooter,
       optionCss = _a.optionCss,
-      props = __rest(_a, ["option", "onChange", "value", "placeholder", "searchPlaceholder", "embedSearch", "size", "disabled", "search", "iconColor", "hideArrowicon", "showLeadingIcon", "placement", "disabledOptions", "textSelector", "valueSelector", "readOnly", "isInvalid", "noOptionIcon", "fetchData", "onSearch", "isLoading", "showTooltip", "css", "renderFooter", "optionCss"]);
+      emptyDataMessage = _a.emptyDataMessage,
+      props = __rest(_a, ["option", "onChange", "value", "placeholder", "searchPlaceholder", "embedSearch", "size", "disabled", "search", "iconColor", "hideArrowicon", "showLeadingIcon", "placement", "disabledOptions", "textSelector", "valueSelector", "readOnly", "isInvalid", "noOptionIcon", "fetchData", "onSearch", "isLoading", "showTooltip", "css", "renderFooter", "optionCss", "emptyDataMessage"]);
     var t = reactI18next.useTranslation(['MajooUI/inputSelect', 'translation']).t;
     var _r = React.useState([]),
       options = _r[0],
@@ -11786,7 +11788,7 @@
                                 verticalAlign: 'text-bottom'
                               }
                             }, void 0)
-                          }), void 0), t('noItemPlaceholder', 'Item tidak ditemukan')]
+                          }), void 0), emptyDataMessage || t('noItemPlaceholder', 'Item tidak ditemukan')]
                         }, void 0)
                       }, void 0)]
                     }), void 0)
@@ -13831,7 +13833,8 @@
       placement: placement,
       css: {
         display: isOpen && disabled === false ? 'block' : 'none',
-        top: size === 'lg' ? '45px' : '35px'
+        top: size === 'lg' ? '45px' : '35px',
+        minHeight: isLoading ? 40 : 0
       },
       __self: undefined,
       __source: {
@@ -13846,9 +13849,10 @@
         position: 'absolute',
         inset: 0,
         zIndex: '$tooltip',
-        top: items.length > 0 ? '0px' : placement === 'top' ? '-20px' : '20px',
+        top: items.length > 0 ? '0px' : placement === 'top' ? '-20px' : '0px',
         // bottom: '80px',
         width: '100%',
+        minHeight: 40,
         height: scrollerRef.current ? scrollerRef.current.clientHeight : '40px',
         backgroundColor: '$bgWhite',
         opacity: 0.8,
@@ -13857,7 +13861,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 760,
+        lineNumber: 764,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
@@ -13865,7 +13869,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 776,
+        lineNumber: 781,
         columnNumber: 15
       }
     }, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default["default"].createElement(Option, _extends({}, getMenuProps({
@@ -13876,7 +13880,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 782,
+        lineNumber: 787,
         columnNumber: 13
       }
     }), /*#__PURE__*/React__default["default"].createElement(ConditionalWrapper, {
@@ -13891,14 +13895,14 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 786,
+          lineNumber: 791,
           columnNumber: 19
         }
       }, child),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 783,
+        lineNumber: 788,
         columnNumber: 15
       }
     }, isOpen && items.map((item, index) => {
@@ -13918,7 +13922,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 798,
+          lineNumber: 803,
           columnNumber: 21
         }
       }), /*#__PURE__*/React__default["default"].createElement(IconWrapper, {
@@ -13931,7 +13935,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 811,
+          lineNumber: 816,
           columnNumber: 23
         }
       }, !(item !== null && item !== void 0 && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -13939,7 +13943,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 821,
+          lineNumber: 826,
           columnNumber: 29
         }
       }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -13947,21 +13951,21 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 825,
+          lineNumber: 830,
           columnNumber: 31
         }
       })), isShowSelectAll && (item === null || item === void 0 ? void 0 : item.id) === '!all' && selectedValue !== null && selectedValue !== void 0 && selectedValue.length && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) < (items === null || items === void 0 ? void 0 : items.length) ? /*#__PURE__*/React__default["default"].createElement(IndeterminateFilled, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 832,
+          lineNumber: 837,
           columnNumber: 27
         }
       }, "-") : /*#__PURE__*/React__default["default"].createElement("div", {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 834,
+          lineNumber: 839,
           columnNumber: 27
         }
       })), /*#__PURE__*/React__default["default"].createElement(Item$3, {
@@ -13972,7 +13976,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 837,
+          lineNumber: 842,
           columnNumber: 23
         }
       }, item.render ? (_item$render = item.render) === null || _item$render === void 0 ? void 0 : _item$render.call(item, item.name) : item.name));
@@ -13986,14 +13990,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 845,
+        lineNumber: 850,
         columnNumber: 13
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledDiv, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 846,
+        lineNumber: 851,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -14003,7 +14007,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 847,
+        lineNumber: 852,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CircleInfoOutline, {
@@ -14015,7 +14019,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 848,
+        lineNumber: 853,
         columnNumber: 19
       }
     })), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.57.20",
+  "version": "1.57.21",
   "dependencies": {
     "@majoo-ui/core": "^1.31.3",
     "@majoo-ui/helpers": "^1.30.5",