@up42/up-components 5.16.0-date-pickers.0 → 5.16.0

package/dist/cjs/types/components/FormDatePickers/FormDatePicker/FormDatePicker.d.ts

@@ -2,8 +2,8 @@ import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers-pro';
 import { Dayjs } from 'dayjs';
 import React from 'react';
 import { type DatePickerWrapperProps } from '../FormDatePickerWrapper';
-export type FormDatePickerDateType = Date | Dayjs | null | undefined;
-type NonGenericMuiDatePickerProps = MuiDatePickerProps<FormDatePickerDateType>;
+export type DatePickerDateType = Dayjs | null | undefined;
+type NonGenericMuiDatePickerProps = MuiDatePickerProps<DatePickerDateType>;
 export type FormDatePickerProps = NonGenericMuiDatePickerProps & DatePickerWrapperProps;
 export declare const FormDatePicker: React.ForwardRefExoticComponent<NonGenericMuiDatePickerProps & DatePickerWrapperProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/cjs/types/components/FormDatePickers/FormDateRangePicker/FormDateRangePicker.d.ts

@@ -1,35 +1,23 @@
+import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers-pro';
 import React from 'react';
-import { DateRangePickerProps } from '@mui/x-date-pickers-pro/DateRangePicker';
-import { type DatePickerWrapperProps } from '../FormDatePickerWrapper';
-import { FormDatePickerDateType } from '../FormDatePicker/FormDatePicker';
-export type DateRange = {
-    start: FormDatePickerDateType;
-    end: FormDatePickerDateType;
+import type { MUIGlobalOmit } from '@global/utils/types';
+import { DatePickerDateType, FormDatePickerProps } from '../FormDatePicker/FormDatePicker';
+type NonGenericMuiDatePickerProps = MuiDatePickerProps<DatePickerDateType>;
+export type FormDateRangePickerProps = Omit<MUIGlobalOmit<NonGenericMuiDatePickerProps>, 'value' | 'onChange'> & {
+    start: DatePickerDateType;
+    onStartChange: (date: DatePickerDateType) => void;
+    end: DatePickerDateType;
+    onEndChange: (date: DatePickerDateType) => void;
+    label?: string;
+    startPickerProps?: {
+        slotProps: FormDatePickerProps['slotProps'];
+    };
+    endPickerProps?: {
+        slotProps: FormDatePickerProps['slotProps'];
+    };
 };
-export declare const DEFAULT_FORMAT = "YYYY\u2013MM\u2013DD";
-export type FormDateRangePickerProps = {
-    startLabel?: string;
-    startPlaceholder?: string;
-    endLabel?: string;
-    endPlaceholder?: string;
-    value: DateRange | null;
-    onChange?: (value: DateRange | null) => void;
-    disabled?: boolean;
-    /**
-     * Defines whether or not the user can input values and navigate in the calendars using the keyboard.
-     */
-    allowKeyboard?: boolean;
-    /**
-     * Defines the minimum number of days after the "start date" that the "end date" can be selected.
-     */
-    minEndDateOffset?: number;
-    /**
-     * Defines the maximum number of days after the "start date" that the "end date" can be selected.
-     */
-    maxEndDateOffset?: number;
-} & DatePickerWrapperProps & Omit<DateRangePickerProps<FormDatePickerDateType | Date>, 'value' | 'onChange'>;
 /**
- * FormDateRangePicker allows users to choose two dates (start and end) using calendar view.
- * Documentation: https://up-components.up42.com/?path=/docs-patterns-form-formdaterangepicker--docs
+ * Documentation: https://up-components.up42.com/?path=/docs/patterns-form-formdaterangepicker--docs
  */
-export declare const FormDateRangePicker: ({ value, onChange, label, helperText, error, startLabel, endLabel, disabled, minEndDateOffset, maxEndDateOffset, allowKeyboard, startPlaceholder, endPlaceholder, format, ...props }: FormDateRangePickerProps) => React.JSX.Element;
+export declare const FormDateRangePicker: ({ start, onStartChange, end, onEndChange, label, minDate, maxDate, startPickerProps, endPickerProps, ...props }: FormDateRangePickerProps) => React.JSX.Element;
+export {};

package/dist/cjs/types/components/FormDatePickers/FormDateRangePickerList/FormDateRangePickerList.d.ts

@@ -1,17 +1,36 @@
 import React from 'react';
+import { DateRangePickerProps } from '@mui/x-date-pickers-pro/DateRangePicker';
 import { type DatePickerWrapperProps } from '../FormDatePickerWrapper';
-import { FormDateRangePickerProps, DateRange } from '../FormDateRangePicker/FormDateRangePicker';
+import { DatePickerDateType } from '../FormDatePicker/FormDatePicker';
+export type DateRange = {
+    start: DatePickerDateType | Date;
+    end: DatePickerDateType | Date;
+};
 export type FormDateRangePickerListProps = {
+    startLabel?: string;
+    endLabel?: string;
     value: DateRange[];
     onChange?: (value: DateRange[]) => void;
     disabled?: boolean;
+    /**
+     * Defines whether or not the user can input values and navigate in the calendars using the keyboard.
+     */
+    allowKeyboard?: boolean;
+    /**
+     * Defines the minimum number of days after the "start date" that the "end date" can be selected.
+     */
+    minEndDateOffset?: number;
+    /**
+     * Defines the maximum number of days after the "start date" that the "end date" can be selected.
+     */
+    maxEndDateOffset?: number;
     /**
      * Defines the text to display in the action button to add a new Date Range.
      * It defaults to "Add new date".
      */
     addButtonText?: string;
-} & DatePickerWrapperProps & Omit<FormDateRangePickerProps, 'value' | 'onChange'>;
+} & DatePickerWrapperProps & Omit<DateRangePickerProps<DatePickerDateType | Date>, 'value' | 'onChange'>;
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form-formdaterangepickerlist--docs
  */
-export declare const FormDateRangePickerList: ({ value, onChange, label, helperText, error, disabled, addButtonText, ...props }: FormDateRangePickerListProps) => React.JSX.Element;
+export declare const FormDateRangePickerList: ({ value, onChange, label, helperText, error, startLabel, endLabel, disabled, minEndDateOffset, maxEndDateOffset, allowKeyboard, addButtonText, ...props }: FormDateRangePickerListProps) => React.JSX.Element;

package/dist/cjs/types/index.d.ts

@@ -10,10 +10,10 @@ export { GridContainer, type GridContainerProps, GridItem, type GridItemProps }
 export { PageContainer, type PageContainerProps } from './components/PageContainer/PageContainer';
 export { Checkbox, type CheckboxProps } from './components/Checkbox/Checkbox';
 export { FormCheckbox, type FormCheckboxProps } from './components/FormCheckbox/FormCheckbox';
-export { FormDatePicker, type FormDatePickerProps, type FormDatePickerDateType, } from './components/FormDatePickers/FormDatePicker/FormDatePicker';
-export { FormDateRangePicker, type FormDateRangePickerProps, type DateRange, } from './components/FormDatePickers/FormDateRangePicker/FormDateRangePicker';
+export { FormDatePicker, type FormDatePickerProps, type DatePickerDateType, } from './components/FormDatePickers/FormDatePicker/FormDatePicker';
+export { FormDateRangePicker, type FormDateRangePickerProps, } from './components/FormDatePickers/FormDateRangePicker/FormDateRangePicker';
 export { FormDateTimePicker, type FormDateTimePickerProps, } from './components/FormDatePickers/FormDateTimePicker/FormDateTimePicker';
-export { FormDateRangePickerList, type FormDateRangePickerListProps, } from './components/FormDatePickers/FormDateRangePickerList/FormDateRangePickerList';
+export { FormDateRangePickerList, type FormDateRangePickerListProps, type DateRange, } from './components/FormDatePickers/FormDateRangePickerList/FormDateRangePickerList';
 export { Radio, type RadioProps } from './components/Radio/Radio';
 export { FormRadio, type FormRadioProps } from './components/FormRadio/FormRadio';
 export { Switch, type SwitchProps } from './components/Switch/Switch';

package/dist/cjs/types/utils/hooks/useCursorPagination.d.ts

@@ -3,6 +3,9 @@ export interface CursorPaginatedResponse<T> {
     nextCursor: number | null;
     prevCursor: number | null;
 }
+export interface UseCursorPaginationOptions {
+    defaultPageSize?: number;
+}
 type UseCursorPaginationResponse = {
     pageSize: number;
     page: number;
@@ -30,5 +33,5 @@ export declare const useCursorPagination: (fetchingHook: ({ params }: {
     isRefetching: boolean;
 }, searchParams?: {
     [paramName: string]: string;
-} | undefined) => UseCursorPaginationResponse;
+} | undefined, options?: UseCursorPaginationOptions) => UseCursorPaginationResponse;
 export {};