@rolster/react-components 19.8.18 → 19.8.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs +2 -2
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/es/index.mjs +2 -2
- package/dist/es/index.mjs.map +1 -1
- package/dist/esm/components/molecules/Pagination/Pagination.d.ts +2 -7
- package/dist/esm/components/molecules/Pagination/Pagination.js +2 -2
- package/dist/esm/components/molecules/Pagination/Pagination.js.map +1 -1
- package/package.json +3 -2
package/dist/es/index.mjs
CHANGED
|
@@ -1979,7 +1979,7 @@ function RlsNavbarMenuComponent({ options, onOption }) {
|
|
|
1979
1979
|
}
|
|
1980
1980
|
const RlsNavbarMenu = memo(RlsNavbarMenuComponent);
|
|
1981
1981
|
|
|
1982
|
-
function
|
|
1982
|
+
function RlsPaginationButton({ page, onSelect }) {
|
|
1983
1983
|
const className = renderClassStatus('rls-pagination__page', {
|
|
1984
1984
|
active: page.active
|
|
1985
1985
|
});
|
|
@@ -2033,7 +2033,7 @@ function RlsPaginationComponent({ suggestions, count, filter, onPagination, posi
|
|
|
2033
2033
|
const goLastPagination = useCallback(() => {
|
|
2034
2034
|
refreshPagination(controller.current?.goLastPage());
|
|
2035
2035
|
}, [refreshPagination]);
|
|
2036
|
-
return (jsxRuntimeExports.jsxs("div", { className: "rls-pagination", children: [jsxRuntimeExports.jsxs("div", { className: "rls-pagination__actions", children: [jsxRuntimeExports.jsx("button", { className: "rls-pagination__action", onClick: goFirstPagination, disabled: template?.firstPage, children: jsxRuntimeExports.jsx(RlsIcon, { value: "arrowhead-left" }) }), jsxRuntimeExports.jsx("button", { className: "rls-pagination__action", onClick: goPreviousPagination, disabled: template?.firstPage, children: jsxRuntimeExports.jsx(RlsIcon, { value: "arrow-ios-left" }) })] }), jsxRuntimeExports.jsxs("div", { className: "rls-pagination__body", children: [jsxRuntimeExports.jsx("div", { className: "rls-pagination__pages", children: template?.pages.map((page) => (jsxRuntimeExports.jsx(
|
|
2036
|
+
return (jsxRuntimeExports.jsxs("div", { className: "rls-pagination", children: [jsxRuntimeExports.jsxs("div", { className: "rls-pagination__actions", children: [jsxRuntimeExports.jsx("button", { className: "rls-pagination__action", onClick: goFirstPagination, disabled: template?.firstPage, children: jsxRuntimeExports.jsx(RlsIcon, { value: "arrowhead-left" }) }), jsxRuntimeExports.jsx("button", { className: "rls-pagination__action", onClick: goPreviousPagination, disabled: template?.firstPage, children: jsxRuntimeExports.jsx(RlsIcon, { value: "arrow-ios-left" }) })] }), jsxRuntimeExports.jsxs("div", { className: "rls-pagination__body", children: [jsxRuntimeExports.jsx("div", { className: "rls-pagination__pages", children: template?.pages.map((page) => (jsxRuntimeExports.jsx(RlsPaginationButton, { page: page, onSelect: goToPagination }, page.value))) }), jsxRuntimeExports.jsx("div", { className: "rls-pagination__description", children: template?.description }), jsxRuntimeExports.jsx("span", { className: "rls-pagination__count", children: suggestions.length })] }), jsxRuntimeExports.jsxs("div", { className: "rls-pagination__actions", children: [jsxRuntimeExports.jsx("button", { className: "rls-pagination__action", onClick: goNextPagination, disabled: template?.lastPage, children: jsxRuntimeExports.jsx(RlsIcon, { value: "arrow-ios-right" }) }), jsxRuntimeExports.jsx("button", { className: "rls-pagination__action", onClick: goLastPagination, disabled: template?.lastPage, children: jsxRuntimeExports.jsx(RlsIcon, { value: "arrowhead-right" }) })] })] }));
|
|
2037
2037
|
}
|
|
2038
2038
|
const RlsPagination = memo(RlsPaginationComponent);
|
|
2039
2039
|
|