@majoo-ui/react 1.55.15 → 1.55.16

package/index.esm.js

@@ -8726,8 +8726,8 @@ function InputSelect(_a) {
       option,
       onChange,
       value,
-      placeholder = 'Select Item',
-      searchPlaceholder = 'Cari..',
+      placeholder,
+      searchPlaceholder,
       embedSearch = false,
       size = 'lg',
       disabled = false,
@@ -8880,7 +8880,7 @@ function InputSelect(_a) {
                 showLeadingIcon: showLeadingIcon,
                 showClearIcon: hideArrowicon,
                 disabled: disabled,
-                placeholder: placeholder,
+                placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t('placeholder', 'Pilih Item'),
                 readOnly: readOnly,
                 handleInputValue: !fetchData ? handleInputValue : query => {
                   if (onSearch) onSearch(query);
@@ -8915,7 +8915,7 @@ function InputSelect(_a) {
                 color: "disable",
                 css: StyledText$1
               }, {
-                children: placeholder
+                children: placeholder !== null && placeholder !== void 0 ? placeholder : t('placeholder', 'Pilih Item')
               }), void 0)
             }), void 0), handleDownOption()]
           }), void 0)
@@ -8980,7 +8980,7 @@ function InputSelect(_a) {
               children: jsx(InputSearchbox, {
                 size: 'sm',
                 onChange: handleInputValue,
-                placeholder: searchPlaceholder
+                placeholder: searchPlaceholder !== null && searchPlaceholder !== void 0 ? searchPlaceholder : t('searchPlaceholder', 'Cari ...')
               }, void 0)
             }), void 0), item.length > 0 || isLoading ? jsx(ConditionalWrapper, Object.assign({
               condition: !!fetchData && item.length > 0,
@@ -9892,7 +9892,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, {
     suppressRefError: true
   }), {
-    placeholder: placeholder,
+    placeholder: placeholder != null ? placeholder : t('placeholder', 'Pilih Item'),
     disabled: disabled || readOnly,
     hiddden: !search,
     __self: undefined,
@@ -9914,7 +9914,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       lineNumber: 541,
       columnNumber: 13
     }
-  }), placeholder)), /*#__PURE__*/React__default.createElement(IconWrapper, _extends({}, getToggleButtonProps({
+  }), placeholder != null ? placeholder : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default.createElement(IconWrapper, _extends({}, getToggleButtonProps({
     disabled: disabled || readOnly
   }), {
     disabled: disabled,
@@ -10248,7 +10248,6 @@ InputSelectCheck.propTypes = {
   collapsible: PropTypes.bool
 };
 InputSelectCheck.defaultProps = {
-  placeholder: 'Select Item',
   size: 'lg',
   disabled: false,
   readOnly: false,
@@ -10300,7 +10299,6 @@ InputSelectTag.propTypes = {
   collapsible: PropTypes.bool
 };
 InputSelectTag.defaultProps = {
-  placeholder: 'Select Item',
   size: 'lg',
   disabled: false,
   readOnly: false,
@@ -10312,7 +10310,6 @@ InputSelectTag.defaultProps = {
   unremovableTags: [],
   sortBy: 'name',
   showCounter: false,
-  labelCounter: 'Item terpilih',
   collapsible: true
 };
 

package/index.umd.js

@@ -8802,58 +8802,56 @@
     var option = _a.option,
       onChange = _a.onChange,
       value = _a.value,
-      _b = _a.placeholder,
-      placeholder = _b === void 0 ? 'Select Item' : _b,
-      _c = _a.searchPlaceholder,
-      searchPlaceholder = _c === void 0 ? 'Cari..' : _c,
-      _d = _a.embedSearch,
-      embedSearch = _d === void 0 ? false : _d,
-      _e = _a.size,
-      size = _e === void 0 ? 'lg' : _e,
-      _f = _a.disabled,
-      disabled = _f === void 0 ? false : _f,
-      _g = _a.search,
-      search = _g === void 0 ? false : _g,
-      _h = _a.iconColor,
-      iconColor = _h === void 0 ? 'currentColor' : _h,
-      _j = _a.hideArrowicon,
-      hideArrowicon = _j === void 0 ? false : _j,
+      placeholder = _a.placeholder,
+      searchPlaceholder = _a.searchPlaceholder,
+      _b = _a.embedSearch,
+      embedSearch = _b === void 0 ? false : _b,
+      _c = _a.size,
+      size = _c === void 0 ? 'lg' : _c,
+      _d = _a.disabled,
+      disabled = _d === void 0 ? false : _d,
+      _e = _a.search,
+      search = _e === void 0 ? false : _e,
+      _f = _a.iconColor,
+      iconColor = _f === void 0 ? 'currentColor' : _f,
+      _g = _a.hideArrowicon,
+      hideArrowicon = _g === void 0 ? false : _g,
       showLeadingIcon = _a.showLeadingIcon,
-      _k = _a.placement,
-      placement = _k === void 0 ? 'bottom' : _k,
+      _h = _a.placement,
+      placement = _h === void 0 ? 'bottom' : _h,
       disabledOptions = _a.disabledOptions,
-      _l = _a.textSelector,
-      textSelector = _l === void 0 ? 'name' : _l,
-      _m = _a.valueSelector,
-      valueSelector = _m === void 0 ? 'value' : _m,
-      _o = _a.readOnly,
-      readOnly = _o === void 0 ? false : _o,
-      _p = _a.isInvalid,
-      isInvalid = _p === void 0 ? false : _p,
-      _q = _a.noOptionIcon,
-      noOptionIcon = _q === void 0 ? false : _q,
+      _j = _a.textSelector,
+      textSelector = _j === void 0 ? 'name' : _j,
+      _k = _a.valueSelector,
+      valueSelector = _k === void 0 ? 'value' : _k,
+      _l = _a.readOnly,
+      readOnly = _l === void 0 ? false : _l,
+      _m = _a.isInvalid,
+      isInvalid = _m === void 0 ? false : _m,
+      _o = _a.noOptionIcon,
+      noOptionIcon = _o === void 0 ? false : _o,
       fetchData = _a.fetchData,
       onSearch = _a.onSearch,
-      _r = _a.isLoading,
-      isLoading = _r === void 0 ? false : _r,
-      _s = _a.showTooltip,
-      showTooltip = _s === void 0 ? false : _s,
+      _p = _a.isLoading,
+      isLoading = _p === void 0 ? false : _p,
+      _q = _a.showTooltip,
+      showTooltip = _q === void 0 ? false : _q,
       css = _a.css,
       renderFooter = _a.renderFooter,
       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"]);
     var t = reactI18next.useTranslation(['MajooUI/inputSelect', 'translation']).t;
-    var _t = React.useState([]),
-      options = _t[0],
-      setOptions = _t[1];
-    var _u = React.useState([]),
-      item = _u[0],
-      setItem = _u[1];
-    var _v = React.useState(value),
-      selectedValue = _v[0],
-      setSelectedValue = _v[1];
-    var _w = React.useState(),
-      query = _w[0],
-      setQuery = _w[1];
+    var _r = React.useState([]),
+      options = _r[0],
+      setOptions = _r[1];
+    var _s = React.useState([]),
+      item = _s[0],
+      setItem = _s[1];
+    var _t = React.useState(value),
+      selectedValue = _t[0],
+      setSelectedValue = _t[1];
+    var _u = React.useState(),
+      query = _u[0],
+      setQuery = _u[1];
     var scrollerRef = React.useRef(null);
     React.useEffect(function () {
       var _a;
@@ -8998,7 +8996,7 @@
                   showLeadingIcon: showLeadingIcon,
                   showClearIcon: hideArrowicon,
                   disabled: disabled,
-                  placeholder: placeholder,
+                  placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t('placeholder', 'Pilih Item'),
                   readOnly: readOnly,
                   handleInputValue: !fetchData ? handleInputValue : function (query) {
                     if (onSearch) onSearch(query);
@@ -9033,7 +9031,7 @@
                   color: "disable",
                   css: StyledText$1
                 }, {
-                  children: placeholder
+                  children: placeholder !== null && placeholder !== void 0 ? placeholder : t('placeholder', 'Pilih Item')
                 }), void 0)
               }), void 0), handleDownOption()]
             }), void 0)
@@ -9100,7 +9098,7 @@
                 children: jsxRuntime.jsx(InputSearchbox, {
                   size: 'sm',
                   onChange: handleInputValue,
-                  placeholder: searchPlaceholder
+                  placeholder: searchPlaceholder !== null && searchPlaceholder !== void 0 ? searchPlaceholder : t('searchPlaceholder', 'Cari ...')
                 }, void 0)
               }), void 0), item.length > 0 || isLoading ? jsxRuntime.jsx(ConditionalWrapper, __assign({
                 condition: !!fetchData && item.length > 0,
@@ -10014,7 +10012,7 @@
     }, {
       suppressRefError: true
     }), {
-      placeholder: placeholder,
+      placeholder: placeholder != null ? placeholder : t('placeholder', 'Pilih Item'),
       disabled: disabled || readOnly,
       hiddden: !search,
       __self: undefined,
@@ -10036,7 +10034,7 @@
         lineNumber: 541,
         columnNumber: 13
       }
-    }), placeholder)), /*#__PURE__*/React__default["default"].createElement(IconWrapper, _extends({}, getToggleButtonProps({
+    }), placeholder != null ? placeholder : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default["default"].createElement(IconWrapper, _extends({}, getToggleButtonProps({
       disabled: disabled || readOnly
     }), {
       disabled: disabled,
@@ -10370,7 +10368,6 @@
     collapsible: PropTypes__default["default"].bool
   };
   InputSelectCheck.defaultProps = {
-    placeholder: 'Select Item',
     size: 'lg',
     disabled: false,
     readOnly: false,
@@ -10422,7 +10419,6 @@
     collapsible: PropTypes__default["default"].bool
   };
   InputSelectTag.defaultProps = {
-    placeholder: 'Select Item',
     size: 'lg',
     disabled: false,
     readOnly: false,
@@ -10434,7 +10430,6 @@
     unremovableTags: [],
     sortBy: 'name',
     showCounter: false,
-    labelCounter: 'Item terpilih',
     collapsible: true
   };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.55.15",
+  "version": "1.55.16",
   "dependencies": {
     "@majoo-ui/core": "^1.31.1",
     "@majoo-ui/helpers": "^1.30.5",