tp-react-elements 3.0.14 → 3.0.15

package/dist/_virtual/index.esm6.js

@@ -1,3 +1,3 @@
-var DefinedRange = {};
+var DateRange = {};
 
-export { DefinedRange as __exports };
+export { DateRange as __exports };

package/dist/_virtual/index.esm7.js

@@ -1,3 +1,3 @@
-var DateRange = {};
+var DefinedRange = {};
 
-export { DateRange as __exports };
+export { DefinedRange as __exports };

package/dist/components/Form/FormRender.esm.js

@@ -1,13 +1,6 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
 import require$$0__default, { lazy, Suspense } from 'react';
 import FormCheckBox from '../FormComponents/FormCheckBox/FormCheckBox.esm.js';
-import FormCheckBoxGroup from '../FormComponents/FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
-import FormNumberField from '../FormComponents/FormNumberField/FormNumberField.esm.js';
-import FormNumberFieldDecimal from '../FormComponents/FormNumberField/FormNumberFieldDecimal.esm.js';
-import FormRadioGroup from '../FormComponents/FormRadioGroup/FormRadioGroup.esm.js';
-import FormTextAreaField from '../FormComponents/FormTextAreaField/FormTextAreaField.esm.js';
-import FormTextField from '../FormComponents/FormTextField/FormTextField.esm.js';
-import PasswordField from '../FormComponents/PasswordField/PasswordField.esm.js';
 import SingleSelect from '../FormComponents/Select/SingleSelect.esm.js';
 import MultiSelectAutocomplete from '../FormComponents/Select/MultiSelectAutocomplete.esm.js';
 import SingleSelectNonAutoComplete from '../FormComponents/Select/SingleSelectNonAutoComplete.esm.js';
@@ -18,6 +11,13 @@ import DateRangePickerComponent from '../DateRangePicker/DateRangePicker.esm.js'
 import RichTextEditorWrapper from '../FormComponents/RichTextEditor/RichTextEditorWrapper.esm.js';
 import SingleSelectSearchApi from '../FormComponents/Select/SingleSelectSearchApi.esm.js';
 import DatetimepickerWrapper from '../FormComponents/DatePicker/DatetimepickerWrapper.esm.js';
+import FormTextAreaField from '../FormComponents/FormTextAreaField/FormTextAreaField.esm.js';
+import FormRadioGroup from '../FormComponents/FormRadioGroup/FormRadioGroup.esm.js';
+import FormCheckBoxGroup from '../FormComponents/FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
+import FormNumberFieldDecimal from '../FormComponents/FormNumberField/FormNumberFieldDecimal.esm.js';
+import FormNumberField from '../FormComponents/FormNumberField/FormNumberField.esm.js';
+import PasswordField from '../FormComponents/PasswordField/PasswordField.esm.js';
+import FormTextField from '../FormComponents/FormTextField/FormTextField.esm.js';
 
 // Lazy-loaded heavy components
 // const RichTextEditorWrapper = lazy(() =>

package/dist/components/FormComponents/index.esm.js

@@ -1,8 +1,3 @@
-export { default as FormNumberField } from './FormNumberField/FormNumberField.esm.js';
-export { default as FormNumberFieldDecimal } from './FormNumberField/FormNumberFieldDecimal.esm.js';
-export { default as FormTextAreaField } from './FormTextAreaField/FormTextAreaField.esm.js';
-export { default as FormTextField } from './FormTextField/FormTextField.esm.js';
-export { default as PasswordField } from './PasswordField/PasswordField.esm.js';
 export { default as FormCheckBox } from './FormCheckBox/FormCheckBox.esm.js';
 export { default as SingleSelect } from './Select/SingleSelect.esm.js';
 export { default as SingleSelectNonAutoComplete } from './Select/SingleSelectNonAutoComplete.esm.js';
@@ -10,33 +5,21 @@ export { default as SingleSelectSearchApi } from './Select/SingleSelectSearchApi
 export { default as MultiSelectV1 } from './Select/MultiSelectv1.esm.js';
 export { default as MultiSelectTable } from './Select/MultiSelectTable.esm.js';
 export { default as SearchableSelect } from './Select/SearchableSelect.esm.js';
-export { default as FormCheckBoxGroup } from './FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
-export { default as FormRadioGroup } from './FormRadioGroup/FormRadioGroup.esm.js';
 export { default as DatepickerWrapperV2 } from './DatePicker/DatepickerWrapperV2.esm.js';
-export { default as Monthpickerrender } from './DatePicker/Monthpickerrender.esm.js';
-import 'react/jsx-runtime';
-import 'react';
-import '@mui/material';
-import '@mui/icons-material/CalendarToday';
-import '@mui/icons-material/ChevronLeft';
-import '@mui/icons-material/ChevronRight';
-import 'react-hook-form';
 export { default as FormBottomField } from './FormBottomField/FormBottomField.esm.js';
-import 'dayjs';
-export { default as YearPickerField } from './YearPickerField/YearPickerField.esm.js';
-export { default as TimePicker } from './TimePicker/TimePicker.esm.js';
+export { default as FormCheckBoxGroup } from './FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
+export { default as FormErrorField } from './FormErrorField/FormErrorField.esm.js';
+export { default as FormNumberField } from './FormNumberField/FormNumberField.esm.js';
+export { default as FormNumberFieldDecimal } from './FormNumberField/FormNumberFieldDecimal.esm.js';
+export { default as FormRadioGroup } from './FormRadioGroup/FormRadioGroup.esm.js';
 export { default as FormRenderFileUpload } from './FileUpload/FormRenderFileUpload.esm.js';
 export { default as FormRenderMultiFileUpload } from './FileUpload/FormRenderMultiFileUpload.esm.js';
-import '@mui/icons-material/Visibility';
-import '@mui/icons-material/Close';
-import '@mui/icons-material/NavigateBefore';
-import '@mui/icons-material/NavigateNext';
-import '@mui/icons-material/Delete';
-import '@mui/icons-material/UploadFile';
-import '@mui/icons-material/PictureAsPdf';
-import '@mui/icons-material/TableChart';
-import '@mui/icons-material/Description';
-export { default as FormErrorField } from './FormErrorField/FormErrorField.esm.js';
+export { default as FormTextAreaField } from './FormTextAreaField/FormTextAreaField.esm.js';
+export { default as FormTextField } from './FormTextField/FormTextField.esm.js';
 export { default as HelperText } from './HelperText/HelperText.esm.js';
+export { default as Monthpickerrender } from './DatePicker/Monthpickerrender.esm.js';
+export { default as PasswordField } from './PasswordField/PasswordField.esm.js';
 export { default as RichTextEditor } from './RichTextEditor/RichTextEditor.esm.js';
 export { default as RichTextEditorWrapper } from './RichTextEditor/RichTextEditorWrapper.esm.js';
+export { default as TimePicker } from './TimePicker/TimePicker.esm.js';
+export { default as YearPickerField } from './YearPickerField/YearPickerField.esm.js';

package/dist/components/PaginatedGrid/GenericPaginatedGrid.d.ts

@@ -37,10 +37,15 @@ export interface GenericPaginatedGridProps<TData extends object> {
      */
     columns: TPColumnDef<TData>[];
     /**
-     * Async function called on every page/filter change.
-     * Receives the current flat filter map and the 0-based page index.
+     * Async function called on every page/filter/page-size change.
+     * Receives the current flat filter map, the 0-based page index, and the
+     * current `pageSize` (whatever `pageSize`/`pageSizeOptions`/`batchSize`
+     * resolved to, including the user's latest "Rows per page" selection) so
+     * the request can ask the backend for exactly that many rows. Existing
+     * implementations that only declare the first two parameters keep working
+     * unchanged — the third argument is simply ignored by them, same as before.
      */
-    fetchPage: (filters: Record<string, string>, pageIndex: number) => Promise<PagedResult<TData>>;
+    fetchPage: (filters: Record<string, string>, pageIndex: number, pageSize: number) => Promise<PagedResult<TData>>;
     /** Base react-query cache key. */
     queryKey: unknown[];
     /** Server-side filter chip definitions. */
@@ -123,12 +128,15 @@ export interface GenericPaginatedGridProps<TData extends object> {
      * Initial "Rows per page" value, shown in the footer before the user touches the dropdown.
      *
      * The grid never slices rows client-side (`manualPagination: true`, no row model) — whatever
-     * `fetchPage` resolves with for a page **is** that page, shown in full. `pageSize` only feeds
-     * the footer's count text and the Next-page button's math, so it must match how many rows
-     * `fetchPage` actually returns per call, same as `batchSize` always had to. The two exist
-     * separately only because `batchSize` doubles as "rows per fetch" documentation elsewhere;
-     * use `pageSize` when you want the initial dropdown value to be authoritative without
-     * reinterpreting `batchSize`'s meaning at every call site.
+     * `fetchPage` resolves with for a page **is** that page, shown in full. The current value
+     * (initial `pageSize`, or whatever the user picks from the footer dropdown afterward) is
+     * passed to `fetchPage` as its third argument and is part of the react-query cache key, so
+     * picking a new value re-fetches that page at the new size — `fetchPage` should ask the
+     * backend for that many rows per call. Implementations written before this argument existed
+     * simply ignore it and keep behaving exactly as before. The two exist separately only because
+     * `batchSize` doubles as "rows per fetch" documentation elsewhere; use `pageSize` when you
+     * want the initial dropdown value to be authoritative without reinterpreting `batchSize`'s
+     * meaning at every call site.
      *
      * Default: `batchSize` (unchanged behaviour — identical to how the initial page size worked
      * before this prop existed). If this value isn't already in `pageSizeOptions`, it's folded in

package/dist/components/PaginatedGrid/GenericPaginatedGrid.esm.js

@@ -466,8 +466,8 @@ function GenericPaginatedGrid({ columns, fetchPage, queryKey, serverFilterDefs,
     const resolvedHeight = tableHeight || (shouldAutoFill ? autoHeight : undefined) || tableMinHeight;
     // ── Data fetching ──────────────────────────────────────────────────────────
     const { data, isLoading, isError, isFetching, refetch } = useQuery({
-        queryKey: [...queryKey, filterValues, pagination.pageIndex],
-        queryFn: () => fetchPage(filterValues, pagination.pageIndex),
+        queryKey: [...queryKey, filterValues, pagination.pageIndex, pagination.pageSize],
+        queryFn: () => fetchPage(filterValues, pagination.pageIndex, pagination.pageSize),
         placeholderData: keepPreviousData,
         staleTime: 30000,
     });

package/dist/node_modules/react-date-range/dist/components/DateRange/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as DateRange } from '../../../../../_virtual/index.esm7.js';
+import { __exports as DateRange } from '../../../../../_virtual/index.esm6.js';
 import require$$0__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireCalendar } from '../Calendar/index.esm.js';

package/dist/node_modules/react-date-range/dist/components/DefinedRange/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as DefinedRange } from '../../../../../_virtual/index.esm6.js';
+import { __exports as DefinedRange } from '../../../../../_virtual/index.esm7.js';
 import require$$0__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireStyles } from '../../styles.esm.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tp-react-elements",
-  "version": "3.0.14",
+  "version": "3.0.15",
   "private": false,
   "type": "module",
   "description": "React form components library built with React Hook Form and Yup",