@majoo-ui/react 2.1.0-rc.1 → 2.1.1

package/components/table/Table.esm.js

@@ -500,7 +500,7 @@ function HeaderMenuOption(props) {
                 id: `idx-${index}`,
                 label: item.Header,
                 value: item.id,
-                disabled: index === 0
+                disabled: index === 0 || item.disableShowHide
               }, index), row.length !== index + 1 && jsx(Separator, {})]
             }, index))
           })
@@ -541,7 +541,7 @@ function HeaderMenuOption(props) {
               id: `idx-${index}`,
               label: item.Header,
               value: item.id,
-              disabled: index === 0
+              disabled: index === 0 || item.disableShowHide
             }), row.length !== index + 1 && jsx(Separator, {})]
           }, index))
         })
@@ -609,6 +609,7 @@ function Table({
   showDuplicatedData,
   onRowClick,
   hidePagination = false,
+  paginationLabel,
   searchQuery,
   additionalExceptionIds = [],
   expanded: controlledExpanded = {},
@@ -736,36 +737,56 @@ function Table({
     });
     if (fetchData) fetchData(fetchParams);
   };
-  const renderFooter = () => jsx(Pagination, {
-    hidePagination: hidePagination || isExpandableTree,
-    hideInputPageSection: false,
-    limit: pageSize,
-    currentPage: pageIndex + 1,
-    totalData: totalData,
-    totalPage: totalPage,
-    onLimitChange: selectedItem => {
-      if (selectedItem) {
-        // always reset page when limit changed
-        gotoPage(0);
-        doFetchData(0, selectedItem);
-        setPageSize(selectedItem);
-        setLimit(selectedItem);
-      }
-    },
-    hideDataInfo: hideDataInfo || isExpandableTree,
-    onPageChange: page => {
-      doFetchData(page - 1, pageSize);
-      gotoPage(page - 1);
-    },
-    rowsPerPageOptions: rowsPerPageOptions,
-    css: {
-      backgroundColor: '$bgWhite',
-      padding: '$spacing-04 0',
-      '@md': {
-        padding: '$spacing-06 $spacing-03'
+  const renderFooter = () => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    return jsx(Pagination, {
+      hidePagination: hidePagination || isExpandableTree,
+      hideInputPageSection: false,
+      limit: pageSize,
+      currentPage: pageIndex + 1,
+      totalData: totalData,
+      totalPage: totalPage,
+      onLimitChange: selectedItem => {
+        if (selectedItem) {
+          // always reset page when limit changed
+          gotoPage(0);
+          doFetchData(0, selectedItem);
+          setPageSize(selectedItem);
+          setLimit(selectedItem);
+        }
+      },
+      hideDataInfo: hideDataInfo || isExpandableTree,
+      onPageChange: page => {
+        doFetchData(page - 1, pageSize);
+        gotoPage(page - 1);
+      },
+      rowsPerPageOptions: rowsPerPageOptions,
+      showingText: (_a = paginationLabel === null || paginationLabel === void 0 ? void 0 : paginationLabel.showingText) !== null && _a !== void 0 ? _a : t('pagination.showingText', 'Tampilkan:'),
+      showingCountText: (_b = paginationLabel === null || paginationLabel === void 0 ? void 0 : paginationLabel.showingCountText) !== null && _b !== void 0 ? _b : ({
+        from,
+        to,
+        total
+      }) => t('pagination.showingCountText', `Ditampilkan ${from} - ${to} dari ${total} data`, {
+        from,
+        to,
+        total
+      }),
+      dialogShowingText: (_c = paginationLabel === null || paginationLabel === void 0 ? void 0 : paginationLabel.dialogShowingText) !== null && _c !== void 0 ? _c : t('pagination.dialogShowingText', 'Tampilkan Data'),
+      previousButton: (_d = paginationLabel === null || paginationLabel === void 0 ? void 0 : paginationLabel.previousButton) !== null && _d !== void 0 ? _d : t('pagination.previousButton', 'Sebelumnya'),
+      nextButton: (_e = paginationLabel === null || paginationLabel === void 0 ? void 0 : paginationLabel.nextButton) !== null && _e !== void 0 ? _e : t('pagination.nextButton', 'Selanjutnya'),
+      gotoPageText: (_f = paginationLabel === null || paginationLabel === void 0 ? void 0 : paginationLabel.gotoPageText) !== null && _f !== void 0 ? _f : t('pagination.gotoPageText', 'Ke Halaman'),
+      goToPagePlaceholder: (_g = paginationLabel === null || paginationLabel === void 0 ? void 0 : paginationLabel.goToPagePlaceholder) !== null && _g !== void 0 ? _g : t('pagination.goToPagePlaceholder', 'Contoh: 10'),
+      btnCancelText: (_h = paginationLabel === null || paginationLabel === void 0 ? void 0 : paginationLabel.btnCancelText) !== null && _h !== void 0 ? _h : t('pagination.btnCancelText', 'Batal'),
+      btnSubmitText: (_j = paginationLabel === null || paginationLabel === void 0 ? void 0 : paginationLabel.btnSubmitText) !== null && _j !== void 0 ? _j : t('pagination.btnSubmitText', 'Lanjutkan'),
+      css: {
+        backgroundColor: '$bgWhite',
+        padding: '$spacing-04 0',
+        '@md': {
+          padding: '$spacing-06 $spacing-03'
+        }
       }
-    }
-  });
+    });
+  };
   const renderInfiniteScrollWrapper = children => jsx(ConditionalWrapper, {
     condition: isInfiniteScroll && rawData.length > 0,
     wrapper: children => jsx(InfiniteScroll, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "2.1.0-rc.1",
+  "version": "2.1.1",
   "main": "./index.esm.js",
   "sideEffects": [
     "*.css",
@@ -37,7 +37,7 @@
     "@floating-ui/react": "^0.19.2",
     "@majoo-ui/core": "1.32.0",
     "@majoo-ui/helpers": "1.30.9",
-    "@majoo-ui/icons": "1.40.2",
+    "@majoo-ui/icons": "1.40.3",
     "@monsonjeremy/react-leaflet": "^3.2.2",
     "@radix-ui/react-accordion": "^1.0.0",
     "@radix-ui/react-alert-dialog": "^1.0.3",