@majoo-ui/react 2.1.0 → 2.1.1

package/components/table/Table.esm.js

@@ -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/index.esm.css

@@ -1,7 +1,3 @@
-.recharts-pie-sector {
-  outline: none;
-}
-
 .rdw-option-wrapper {
   padding: 5px;
   min-width: 25px;
@@ -1049,6 +1045,10 @@
   counter-reset: ol4;
 }
 
+.recharts-pie-sector {
+  outline: none;
+}
+
 .ReactCrop {
   position: relative;
   display: inline-block;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "main": "./index.esm.js",
   "sideEffects": [
     "*.css",