tycho-components 0.0.17-SNAPSHOT-4 → 0.0.17-SNAPSHOT-6

package/dist/AppPagination/AppPagination.d.ts

@@ -5,6 +5,7 @@ type Props<TData> = {
     pagination: PaginationState;
     setPagination: (p: PaginationState) => void;
     hideItensPage?: boolean;
+    numItens?: number[];
 };
-export default function AppPagination<TData>({ totalElements, pagination, setPagination, hideItensPage, }: Props<TData>): import("react/jsx-runtime").JSX.Element;
+export default function AppPagination<TData>({ totalElements, pagination, setPagination, hideItensPage, numItens, }: Props<TData>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/AppPagination/AppPagination.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MenuItem, Select } from '@mui/material';
+import { Select, MenuItem } from '@mui/material';
 import { Trans, useTranslation } from 'react-i18next';
 import { IconButton } from 'tycho-storybook';
 import './styles.scss';
-export default function AppPagination({ totalElements, pagination, setPagination, hideItensPage, }) {
+export default function AppPagination({ totalElements, pagination, setPagination, hideItensPage, numItens = [10, 25, 50], }) {
     const { t } = useTranslation('common');
     const numPages = Math.ceil(totalElements / pagination.pageSize);
     const currentPage = pagination.pageIndex + 1;
@@ -15,9 +15,16 @@ export default function AppPagination({ totalElements, pagination, setPagination
     const setPageIndex = (p) => {
         setPagination({ ...pagination, pageIndex: p });
     };
-    return (_jsxs("div", { className: "app-table-pagination", children: [!hideItensPage && (_jsxs("div", { className: "itens-page", children: [_jsx("span", { children: t('table.label.rows-page') }), _jsx(Select, { value: pagination.pageSize, onChange: (e) => setPageSize(e.target.value), children: [10, 25, 50].map((size) => (_jsx(MenuItem, { value: size, children: size }, size))) })] })), _jsx("div", { className: "itens-total", children: _jsx("span", { children: _jsx(Trans, { t: t, i18nKey: "table.label.items", values: {
+    return (_jsxs("div", { className: "app-table-pagination", children: [!hideItensPage && (_jsxs("div", { className: "itens-page", children: [_jsx("span", { children: t('table.label.rows-page') }), _jsx(Select, { value: pagination.pageSize, onChange: (e) => setPageSize(e.target.value), MenuProps: menuProps, children: numItens.map((size) => (_jsx(MenuItem, { value: size, children: size }, size))) })] })), _jsx("div", { className: "itens-total", children: _jsx("span", { children: _jsx(Trans, { t: t, i18nKey: "table.label.items", values: {
                             first: getFirstElementNumber(),
                             last: getLastElementNumber(),
                             total: totalElements,
-                        } }) }) }), _jsxs("div", { className: "pages-total", children: [_jsx(Select, { value: currentPage, onChange: (e) => setPageIndex(e.target.value - 1), children: Array.from({ length: numPages }, (_, index) => (_jsx(MenuItem, { value: index + 1, children: index + 1 }, index + 1))) }), _jsx("span", { children: _jsx(Trans, { t: t, i18nKey: "table.label.pages", values: { value: numPages } }) })] }), _jsxs("div", { className: "pages-navigation", children: [_jsx(IconButton, { size: "medium", mode: "tonal", onClick: () => setPageIndex(pagination.pageIndex - 1), disabled: pagination.pageIndex === 0, name: "chevron_backward" }), _jsx(IconButton, { size: "medium", mode: "tonal", onClick: () => setPageIndex(pagination.pageIndex + 1), disabled: pagination.pageIndex >= numPages - 1, name: "chevron_forward" })] })] }));
+                        } }) }) }), _jsxs("div", { className: "pages-total", children: [_jsx(Select, { value: currentPage, onChange: (e) => setPageIndex(e.target.value - 1), MenuProps: menuProps, children: Array.from({ length: numPages }, (_, index) => (_jsx(MenuItem, { value: index + 1, children: index + 1 }, index + 1))) }), _jsx("span", { children: _jsx(Trans, { t: t, i18nKey: "table.label.pages", values: { value: numPages } }) })] }), _jsxs("div", { className: "pages-navigation", children: [_jsx(IconButton, { size: "medium", mode: "tonal", onClick: () => setPageIndex(pagination.pageIndex - 1), disabled: pagination.pageIndex === 0, name: "chevron_backward" }), _jsx(IconButton, { size: "medium", mode: "tonal", onClick: () => setPageIndex(pagination.pageIndex + 1), disabled: pagination.pageIndex >= numPages - 1, name: "chevron_forward" })] })] }));
 }
+const menuProps = {
+    PaperProps: {
+        style: {
+            maxHeight: 400,
+        },
+    },
+};

package/dist/AppPagination/styles.scss

@@ -3,6 +3,7 @@
   height: 56px;
   border-top: none;
   justify-content: right;
+  width: 100%;
 
   .itens-page {
     display: flex;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.0.17-SNAPSHOT-4",
+  "version": "0.0.17-SNAPSHOT-6",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -49,7 +49,7 @@
     "react-hook-form": "^7.45.2",
     "react-i18next": "^13.0.2",
     "react-router-dom": "^6.14.2",
-    "tycho-storybook": "0.1.7-r2",
+    "tycho-storybook": "0.1.7-r3",
     "yup": "^1.2.0"
   },
   "devDependencies": {