@majoo-ui/react 1.57.4 → 1.57.6

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

@@ -587,7 +587,7 @@ export declare const SelectItem: import("@stitches/react/types/styled-component"
         backgroundColor: string;
     };
 }>>;
-export declare const SelectInputSearch: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLInputElement>>;
+export declare const SelectInputSearch: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLInputElement | HTMLButtonElement>>;
 export declare type Option = {
     value: string;
     name: string;
@@ -709,5 +709,5 @@ interface InputSelectProps extends Omit<DownshiftProps<Option>, 'initialSelected
      */
     renderFooter?: () => React.ReactNode;
 }
-export declare function InputSelect({ 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, ...props }: InputSelectProps): JSX.Element;
+declare const InputSelect: React.ForwardRefExoticComponent<InputSelectProps & React.RefAttributes<HTMLInputElement | HTMLButtonElement>>;
 export default InputSelect;

package/components/tagList/TagList.d.ts

@@ -4,14 +4,18 @@ export interface SelectedItem {
     name: string;
 }
 interface TagListProps {
+    /**
+     * List of selected item.
+     */
     selectedItems: SelectedItem[];
+    /**
+     * onRemoveItem event handler.
+     */
     onRemoveItem?: (SelectedItem: any) => void;
+    /**
+     * Custom counter label.
+     */
     counterLabel?: string;
 }
 declare function TagList({ selectedItems, onRemoveItem, counterLabel }: TagListProps): JSX.Element;
-declare namespace TagList {
-    var defaultProps: {
-        counterLabel: string;
-    };
-}
 export default TagList;

package/index.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { useState, createContext, useContext, useEffect, useRef, useCallback, cloneElement, createElement as createElement$2, forwardRef, useLayoutEffect, useReducer, useMemo, memo } from 'react';
+import React__default, { useState, createContext, useContext, useEffect, useRef, useCallback, cloneElement, forwardRef, createElement as createElement$2, useLayoutEffect, useReducer, useMemo, memo } from 'react';
 import PropTypes from 'prop-types';
 import { createStitches, styled as styled$1 } from '@stitches/react';
 import { foundations } from '@majoo-ui/core';
@@ -9125,7 +9125,7 @@ const SelectInputSearch = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
     }, void 0)]
   }), void 0);
 });
-function InputSelect(_a) {
+const InputSelect = /*#__PURE__*/forwardRef((_a, ref) => {
   var {
       option,
       onChange,
@@ -9206,7 +9206,7 @@ function InputSelect(_a) {
     setItem(generatedOption);
     setOptions(generatedOption);
   }, [option, disabledOptions, valueSelector, textSelector]);
-  const debouncedSearch = React.useRef(debounce(query => __awaiter(this, void 0, void 0, function* () {
+  const debouncedSearch = React.useRef(debounce(query => __awaiter(void 0, void 0, void 0, function* () {
     setQuery(query);
     if (onSearch) onSearch(query);
   }), 1000)).current;
@@ -9292,6 +9292,7 @@ function InputSelect(_a) {
                   }
                 }, {
                   children: jsx(SelectInputSearch, {
+                    ref: ref,
                     showLeadingIcon: showLeadingIcon,
                     showClearIcon: hideArrowicon,
                     disabled: disabled,
@@ -9316,6 +9317,7 @@ function InputSelect(_a) {
                 }), void 0) : jsx(Button$3, Object.assign({}, getToggleButtonProps({
                   disabled: disabled || readOnly
                 }), {
+                  ref: ref,
                   disabled: disabled,
                   size: size,
                   readOnly: readOnly,
@@ -9474,7 +9476,7 @@ function InputSelect(_a) {
       }), void 0);
     }
   }), void 0);
-}
+});
 
 var tryToString$3 = tryToString$5;
 
@@ -16857,7 +16859,7 @@ function InputTimePicker({
     defaultValue: defaultValue,
     onChange: () => {},
     isPicker: true,
-    autocomplete: "false"
+    autoComplete: "false"
     // tabIndex="-1"
     ,
     __self: this,
@@ -17569,7 +17571,7 @@ function InputDateRangePicker(props) {
       // eslint-disable-next-line @typescript-eslint/no-empty-function
       onChange: () => {},
       isPicker: true,
-      autocomplete: "false"
+      autoComplete: "false"
     }, void 0)]
   }), void 0);
 }
@@ -17674,7 +17676,7 @@ function InputDatePicker({
           // eslint-disable-next-line @typescript-eslint/no-empty-function
           onChange: () => {},
           isPicker: true,
-          autocomplete: "false"
+          autoComplete: "false"
         }, void 0)]
       }), void 0);
     } else {
@@ -20718,6 +20720,8 @@ const PageDialog = props => {
     }, void 0)
   }), void 0);
   return jsxs(Dialog, Object.assign({}, rest, {
+    modal: false
+  }, {
     children: [pageDialogTrigger && jsx(DialogTrigger, Object.assign({}, pageDialogTrigger.props), void 0), jsx(ConditionalWrapper, Object.assign({
       condition: withPortal,
       wrapper: _child => jsx(DialogPortal, {
@@ -50176,6 +50180,9 @@ function TagList({
   onRemoveItem,
   counterLabel
 }) {
+  const {
+    t
+  } = useTranslation(['MajooUI/inputSelectCheck', 'translation']);
   const [showAllTags, setShowAllTags] = useState(false);
   return jsxs(React__default.Fragment, {
     children: [jsx(TagWrapper, {
@@ -50224,7 +50231,7 @@ function TagList({
           },
           color: "secondary"
         }, {
-          children: showAllTags ? 'Tampilkan Sebagian' : 'Tampilkan Semua'
+          children: showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua')
         }), void 0)]
       }), void 0), jsx(Separator$2, {}, void 0)]
     }), void 0), jsxs(Text$1, Object.assign({
@@ -50234,13 +50241,10 @@ function TagList({
         marginTop: '$spacing-03 !important'
       }
     }, {
-      children: [selectedItems.length, " ", counterLabel]
+      children: [selectedItems.length, " ", counterLabel || t('labelCounterText', 'Item terpilih')]
     }), void 0)]
   }, void 0);
 }
-TagList.defaultProps = {
-  counterLabel: 'produk dipilih'
-};
 
 const {
   colors: colors$1
@@ -50689,6 +50693,7 @@ const PieChartComponent = ({
               setActiveIndex(formattedData.findIndex(y => y.name === x.name));
               activeRef.current = true;
             },
+            onMouseLeave: () => activeRef.current = false,
             blendStroke: true
           }, (label === null || label === void 0 ? void 0 : label.show) && (label === null || label === void 0 ? void 0 : label.render) && {
             label: e => {

package/index.umd.js

@@ -9197,8 +9197,7 @@
       }, void 0)]
     }), void 0);
   });
-  function InputSelect(_a) {
-    var _this = this;
+  var InputSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     var option = _a.option,
       onChange = _a.onChange,
       value = _a.value,
@@ -9311,7 +9310,7 @@
       setOptions(generatedOption);
     }, [option, disabledOptions, valueSelector, textSelector]);
     var debouncedSearch = React__namespace.useRef(debounce__default["default"](function (query) {
-      return __awaiter(_this, void 0, void 0, function () {
+      return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
           setQuery(query);
           if (onSearch) onSearch(query);
@@ -9406,6 +9405,7 @@
                     }
                   }, {
                     children: jsxRuntime.jsx(SelectInputSearch, {
+                      ref: ref,
                       showLeadingIcon: showLeadingIcon,
                       showClearIcon: hideArrowicon,
                       disabled: disabled,
@@ -9430,6 +9430,7 @@
                   }), void 0) : jsxRuntime.jsx(Button$3, __assign({}, getToggleButtonProps({
                     disabled: disabled || readOnly
                   }), {
+                    ref: ref,
                     disabled: disabled,
                     size: size,
                     readOnly: readOnly,
@@ -9592,7 +9593,7 @@
         }), void 0);
       }
     }), void 0);
-  }
+  });
 
   var tryToString$3 = tryToString$5;
 
@@ -17106,7 +17107,7 @@
       defaultValue: defaultValue,
       onChange: () => {},
       isPicker: true,
-      autocomplete: "false"
+      autoComplete: "false"
       // tabIndex="-1"
       ,
       __self: this,
@@ -17826,7 +17827,7 @@
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         onChange: function () {},
         isPicker: true,
-        autocomplete: "false"
+        autoComplete: "false"
       }, void 0)]
     }), void 0);
   }
@@ -17939,7 +17940,7 @@
             // eslint-disable-next-line @typescript-eslint/no-empty-function
             onChange: function () {},
             isPicker: true,
-            autocomplete: "false"
+            autoComplete: "false"
           }, void 0)]
         }), void 0);
       } else {
@@ -21094,6 +21095,8 @@
       }), void 0);
     };
     return jsxRuntime.jsxs(Dialog, __assign({}, rest, {
+      modal: false
+    }, {
       children: [pageDialogTrigger && jsxRuntime.jsx(DialogTrigger, __assign({}, pageDialogTrigger.props), void 0), jsxRuntime.jsx(ConditionalWrapper, __assign({
         condition: withPortal,
         wrapper: function (_child) {
@@ -50690,6 +50693,7 @@
     var selectedItems = _a.selectedItems,
       onRemoveItem = _a.onRemoveItem,
       counterLabel = _a.counterLabel;
+    var t = reactI18next.useTranslation(['MajooUI/inputSelectCheck', 'translation']).t;
     var _b = React.useState(false),
       showAllTags = _b[0],
       setShowAllTags = _b[1];
@@ -50748,7 +50752,7 @@
             },
             color: "secondary"
           }, {
-            children: showAllTags ? 'Tampilkan Sebagian' : 'Tampilkan Semua'
+            children: showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua')
           }), void 0)]
         }), void 0), jsxRuntime.jsx(Separator$2, {}, void 0)]
       }), void 0), jsxRuntime.jsxs(Text$1, __assign({
@@ -50758,13 +50762,10 @@
           marginTop: '$spacing-03 !important'
         }
       }, {
-        children: [selectedItems.length, " ", counterLabel]
+        children: [selectedItems.length, " ", counterLabel || t('labelCounterText', 'Item terpilih')]
       }), void 0)]
     }, void 0);
   }
-  TagList.defaultProps = {
-    counterLabel: 'produk dipilih'
-  };
 
   var colors$1 = core.foundations.colors;
   var renderLegend$1 = function renderLegend(formattedData, legend, subtitle, tickFormatter) {
@@ -51219,6 +51220,9 @@
                 }));
                 activeRef.current = true;
               },
+              onMouseLeave: function () {
+                return activeRef.current = false;
+              },
               blendStroke: true
             }, (label === null || label === void 0 ? void 0 : label.show) && (label === null || label === void 0 ? void 0 : label.render) && {
               label: function (e) {

package/package.json

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