@pushwoosh/smart-components-kit 1.0.44 → 1.0.46

package/ExportCSV/ExportCsvBanner/ExportCsvBanner.d.ts

@@ -14,6 +14,7 @@ type ExportCsvBannerProps = {
     showLastExportLocalStorageKey?: string;
     lastTasksParams?: GetLastTasksRequest;
     isKeepPageOpenWarning?: boolean;
+    onClose?: () => void;
 };
-export declare const ExportCsvBanner: ({ exportTask, updateExportTask, showLastExportLocalStorageKey, lastTasksParams, isKeepPageOpenWarning, }: ExportCsvBannerProps) => React.JSX.Element | null;
+export declare const ExportCsvBanner: ({ exportTask, updateExportTask, showLastExportLocalStorageKey, lastTasksParams, isKeepPageOpenWarning, onClose, }: ExportCsvBannerProps) => React.JSX.Element | null;
 export {};

package/ExportCSV/ExportCsvBanner/ExportCsvBanner.js

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React, { useCallback, useEffect } from 'react';
 import { ExportResult, ProgressBar, Button } from '@pushwoosh/dumb-components';
 import { Color, ShapeRadius } from '@pushwoosh/kit-constants';
 import { Horizontal } from '@pushwoosh/kit-helpers';
@@ -11,7 +11,8 @@ export const ExportCsvBanner = ({
   updateExportTask,
   showLastExportLocalStorageKey,
   lastTasksParams,
-  isKeepPageOpenWarning
+  isKeepPageOpenWarning,
+  onClose
 }) => {
   const {
     getLastTasks,
@@ -78,6 +79,10 @@ export const ExportCsvBanner = ({
       });
     }
   }, [getLastTasks, isHidden, lastTasksParams, updateExportTask]);
+  const handleClose = useCallback(() => {
+    hide();
+    onClose === null || onClose === void 0 || onClose();
+  }, [hide, onClose]);
   if (!exportTask || isHidden) return null;
   const {
     filename,
@@ -95,7 +100,7 @@ export const ExportCsvBanner = ({
     type: "success",
     title: "Exporting complete",
     subtitle: `${resultSubTitle} ${filename}`,
-    handleClose: hide,
+    handleClose: handleClose,
     rightSlot: React.createElement("a", {
       href: `/api/v2/statistics/exportMessagesStatistics/download/${filename}`,
       download: filename
@@ -126,6 +131,6 @@ export const ExportCsvBanner = ({
       size: "medium",
       view: "filled"
     }),
-    handleClose: hide
+    handleClose: handleClose
   }));
 };

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

@@ -49,5 +49,5 @@
   "engines": {
     "node": ">= 18"
   },
-  "version": "1.0.44"
+  "version": "1.0.46"
 }