@majoo-ui/react 1.57.5 → 1.57.6

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

@@ -20720,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, {
@@ -50178,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, {
@@ -50226,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({
@@ -50236,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
@@ -50691,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

@@ -21095,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) {
@@ -50691,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];
@@ -50749,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({
@@ -50759,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) {
@@ -51220,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.5",
+  "version": "1.57.6",
   "dependencies": {
     "@majoo-ui/core": "^1.31.3",
     "@majoo-ui/helpers": "^1.30.5",