@pushwoosh/smart-components-kit 1.0.43 → 1.0.45

package/Table/components/DataTable/DataTable.js

@@ -18,7 +18,8 @@ export function DataTable(props) {
     context,
     renderTableTop,
     renderAfter,
-    hidePagination
+    hidePagination,
+    hidePageSizeSelector
   } = props;
   const {
     data,
@@ -35,7 +36,8 @@ export function DataTable(props) {
     renderItem: props.renderItem
   }), !hidePagination && React.createElement(DataTablePagination, {
     allLimits: [10, 20, 50, 100],
-    padding: paginationPadding
+    padding: paginationPadding,
+    hidePageSizeSelector: hidePageSizeSelector
   }, data.loading && React.createElement(Horizontal, {
     "$alignItems": "center",
     "$gap": 4

package/Table/components/DataTable/types.d.ts

@@ -6,6 +6,7 @@ export type DataTableListProps<I, P extends DataTableParams> = {
     isBordered?: boolean;
     context: DataTableContextType<I, P>;
     hidePagination?: boolean;
+    hidePageSizeSelector?: boolean;
     paginationPadding?: string;
     renderTableTop?: (ctxValue: DataTableContextType<I, P>) => ReactNode;
     renderList: (ctxValue: DataTableContextType<I, P>) => ReactNode;
@@ -17,6 +18,7 @@ export type DataTableItemProps<I, P extends DataTableParams> = {
     isBordered?: boolean;
     context: DataTableContextType<I, P>;
     hidePagination?: boolean;
+    hidePageSizeSelector?: boolean;
     paginationPadding?: string;
     renderTableTop?: (ctxValue: DataTableContextType<I, P>) => ReactNode;
     renderHead: () => ReactNode;

package/Table/components/DataTablePagination/DataTablePagination.d.ts

@@ -1,3 +1,3 @@
 import { type ReactElement } from 'react';
 import type { DataTablePaginationProps } from './types';
-export declare function DataTablePagination({ allLimits, padding, children }: DataTablePaginationProps): ReactElement;
+export declare function DataTablePagination({ allLimits, padding, children, hidePageSizeSelector }: DataTablePaginationProps): ReactElement;

package/Table/components/DataTablePagination/DataTablePagination.js

@@ -4,7 +4,8 @@ import { TablePagination } from '../TablePagination';
 export function DataTablePagination({
   allLimits,
   padding,
-  children
+  children,
+  hidePageSizeSelector
 }) {
   var _data$value;
   const {
@@ -30,6 +31,7 @@ export function DataTablePagination({
         page: 1,
         perPage
       });
-    }
+    },
+    hidePageSizeSelector: hidePageSizeSelector
   }, children);
 }

package/Table/components/DataTablePagination/types.d.ts

@@ -2,4 +2,5 @@ import type { PropsWithChildren } from 'react';
 export type DataTablePaginationProps = PropsWithChildren<{
     allLimits: number[];
     padding?: string;
+    hidePageSizeSelector?: boolean;
 }>;

package/Table/components/TablePagination/TablePagination.d.ts

@@ -1,3 +1,3 @@
 import { type ReactElement } from 'react';
 import type { TablePaginationProps } from './types';
-export declare function TablePagination({ activePage, totalPages, limit, allLimits, padding, onChangePage, onChangeLimit, children, }: TablePaginationProps): ReactElement;
+export declare function TablePagination({ activePage, totalPages, limit, allLimits, padding, hidePageSizeSelector, onChangePage, onChangeLimit, children, }: TablePaginationProps): ReactElement;

package/Table/components/TablePagination/TablePagination.js

@@ -7,6 +7,7 @@ export function TablePagination({
   limit,
   allLimits,
   padding = 24,
+  hidePageSizeSelector = false,
   onChangePage,
   onChangeLimit,
   children
@@ -22,7 +23,7 @@ export function TablePagination({
     activePage: activePage,
     totalPages: totalPages,
     onChangePage: onChangePage
-  }), children), React.createElement(Horizontal, {
+  }), children), !hidePageSizeSelector && React.createElement(Horizontal, {
     "$gap": 8,
     "$alignItems": "center"
   }, React.createElement("span", null, "Show on page:"), React.createElement(NativeSelect, {

package/Table/components/TablePagination/types.d.ts

@@ -5,6 +5,7 @@ export type TablePaginationProps = PropsWithChildren<{
     limit: number;
     allLimits: number[];
     padding?: string | number;
+    hidePageSizeSelector?: boolean;
     onChangePage: (page: number) => void;
     onChangeLimit: (limit: number) => void;
 }>;

package/package.json

@@ -21,7 +21,8 @@
     "@pushwoosh/kit-constants": "^1.6.9",
     "@pushwoosh/kit-helpers": "^4.8.1",
     "@pushwoosh/kit-icons": "^2.1.6",
-    "@pushwoosh/kit-typography": "^1.7.3"
+    "@pushwoosh/kit-typography": "^1.7.3",
+    "react-router-dom": "^5.3.4"
   },
   "devDependencies": {
     "@pushwoosh/frontend-builder-engine": "^1.0.18",
@@ -35,7 +36,6 @@
     "pre-commit": "^1.2.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router-dom": "^5.3.4",
     "styled-components": "^5.3.11"
   },
   "peerDependencies": {
@@ -49,5 +49,5 @@
   "engines": {
     "node": ">= 18"
   },
-  "version": "1.0.43"
+  "version": "1.0.45"
 }