@up42/up-components 5.16.1 → 5.18.0

package/dist/esm/types/components/Alert/Alert.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AlertProps as MUIALertProps } from '@mui/material';
-export type AlertColor = 'info' | 'error' | 'success' | 'warning' | 'neutral';
+export type AlertColor = 'info' | 'error' | 'success' | 'warning' | 'neutral' | 'notice';
 export type AlertProps = Omit<MUIALertProps, 'color' | 'elevation' | 'iconMapping' | 'severity' | 'square' | 'variant' | 'action'> & {
     type?: AlertColor;
 };

package/dist/esm/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 DatePickerDateType = Dayjs | null | undefined;
-type NonGenericMuiDatePickerProps = MuiDatePickerProps<DatePickerDateType>;
+export type FormDatePickerDateType = Date | Dayjs | null | undefined;
+type NonGenericMuiDatePickerProps = MuiDatePickerProps<FormDatePickerDateType>;
 export type FormDatePickerProps = NonGenericMuiDatePickerProps & DatePickerWrapperProps;
 export declare const FormDatePicker: React.ForwardRefExoticComponent<NonGenericMuiDatePickerProps & DatePickerWrapperProps & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,23 +1,35 @@
-import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers-pro';
 import React from 'react';
-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'];
-    };
+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;
 };
+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'>;
 /**
- * Documentation: https://up-components.up42.com/?path=/docs/patterns-form-formdaterangepicker--docs
+ * 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
  */
-export declare const FormDateRangePicker: ({ start, onStartChange, end, onEndChange, label, minDate, maxDate, startPickerProps, endPickerProps, ...props }: FormDateRangePickerProps) => React.JSX.Element;
-export {};
+export declare const FormDateRangePicker: ({ value, onChange, label, helperText, error, startLabel, endLabel, disabled, minEndDateOffset, maxEndDateOffset, allowKeyboard, startPlaceholder, endPlaceholder, format, ...props }: FormDateRangePickerProps) => React.JSX.Element;

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

@@ -1,36 +1,17 @@
 import React from 'react';
-import { DateRangePickerProps } from '@mui/x-date-pickers-pro/DateRangePicker';
 import { type DatePickerWrapperProps } from '../FormDatePickerWrapper';
-import { DatePickerDateType } from '../FormDatePicker/FormDatePicker';
-export type DateRange = {
-    start: DatePickerDateType | Date;
-    end: DatePickerDateType | Date;
-};
+import { FormDateRangePickerProps, DateRange } from '../FormDateRangePicker/FormDateRangePicker';
 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<DateRangePickerProps<DatePickerDateType | Date>, 'value' | 'onChange'>;
+} & DatePickerWrapperProps & Omit<FormDateRangePickerProps, 'value' | 'onChange'>;
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form-formdaterangepickerlist--docs
  */
-export declare const FormDateRangePickerList: ({ value, onChange, label, helperText, error, startLabel, endLabel, disabled, minEndDateOffset, maxEndDateOffset, allowKeyboard, addButtonText, ...props }: FormDateRangePickerListProps) => React.JSX.Element;
+export declare const FormDateRangePickerList: ({ value, onChange, label, helperText, error, disabled, addButtonText, ...props }: FormDateRangePickerListProps) => React.JSX.Element;

package/dist/esm/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 DatePickerDateType, } from './components/FormDatePickers/FormDatePicker/FormDatePicker';
-export { FormDateRangePicker, type FormDateRangePickerProps, } from './components/FormDatePickers/FormDateRangePicker/FormDateRangePicker';
+export { FormDatePicker, type FormDatePickerProps, type FormDatePickerDateType, } from './components/FormDatePickers/FormDatePicker/FormDatePicker';
+export { FormDateRangePicker, type FormDateRangePickerProps, type DateRange, } from './components/FormDatePickers/FormDateRangePicker/FormDateRangePicker';
 export { FormDateTimePicker, type FormDateTimePickerProps, } from './components/FormDatePickers/FormDateTimePicker/FormDateTimePicker';
-export { FormDateRangePickerList, type FormDateRangePickerListProps, type DateRange, } from './components/FormDatePickers/FormDateRangePickerList/FormDateRangePickerList';
+export { FormDateRangePickerList, type FormDateRangePickerListProps, } 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/index.d.ts

@@ -177,43 +177,22 @@ type DatePickerWrapperProps = {
     helperText?: string;
 };
 
-type DatePickerDateType = Dayjs | null | undefined;
-type NonGenericMuiDatePickerProps$1 = DatePickerProps<DatePickerDateType>;
-type FormDatePickerProps = NonGenericMuiDatePickerProps$1 & DatePickerWrapperProps;
-declare const FormDatePicker: React__default.ForwardRefExoticComponent<NonGenericMuiDatePickerProps$1 & DatePickerWrapperProps & React__default.RefAttributes<HTMLDivElement>>;
-
-type NonGenericMuiDatePickerProps = DatePickerProps<DatePickerDateType>;
-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'];
-    };
-};
-/**
- * Documentation: https://up-components.up42.com/?path=/docs/patterns-form-formdaterangepicker--docs
- */
-declare const FormDateRangePicker: ({ start, onStartChange, end, onEndChange, label, minDate, maxDate, startPickerProps, endPickerProps, ...props }: FormDateRangePickerProps) => React__default.JSX.Element;
-
-type NonGenericMuiDateTimePickerProps = DateTimePickerProps<Dayjs | null | undefined>;
-type FormDateTimePickerProps = NonGenericMuiDateTimePickerProps & DatePickerWrapperProps;
-declare const FormDateTimePicker: React__default.ForwardRefExoticComponent<NonGenericMuiDateTimePickerProps & DatePickerWrapperProps & React__default.RefAttributes<HTMLDivElement>>;
+type FormDatePickerDateType = Date | Dayjs | null | undefined;
+type NonGenericMuiDatePickerProps = DatePickerProps<FormDatePickerDateType>;
+type FormDatePickerProps = NonGenericMuiDatePickerProps & DatePickerWrapperProps;
+declare const FormDatePicker: React__default.ForwardRefExoticComponent<NonGenericMuiDatePickerProps & DatePickerWrapperProps & React__default.RefAttributes<HTMLDivElement>>;
 
 type DateRange = {
-    start: DatePickerDateType | Date;
-    end: DatePickerDateType | Date;
+    start: FormDatePickerDateType;
+    end: FormDatePickerDateType;
 };
-type FormDateRangePickerListProps = {
+type FormDateRangePickerProps = {
     startLabel?: string;
+    startPlaceholder?: string;
     endLabel?: string;
-    value: DateRange[];
-    onChange?: (value: DateRange[]) => void;
+    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.
@@ -227,16 +206,31 @@ type FormDateRangePickerListProps = {
      * 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
+ */
+declare const FormDateRangePicker: ({ value, onChange, label, helperText, error, startLabel, endLabel, disabled, minEndDateOffset, maxEndDateOffset, allowKeyboard, startPlaceholder, endPlaceholder, format, ...props }: FormDateRangePickerProps) => React__default.JSX.Element;
+
+type NonGenericMuiDateTimePickerProps = DateTimePickerProps<Dayjs | null | undefined>;
+type FormDateTimePickerProps = NonGenericMuiDateTimePickerProps & DatePickerWrapperProps;
+declare const FormDateTimePicker: React__default.ForwardRefExoticComponent<NonGenericMuiDateTimePickerProps & DatePickerWrapperProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type FormDateRangePickerListProps = {
+    value: DateRange[];
+    onChange?: (value: DateRange[]) => void;
+    disabled?: boolean;
     /**
      * 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<DateRangePickerProps<DatePickerDateType | Date>, 'value' | 'onChange'>;
+} & DatePickerWrapperProps & Omit<FormDateRangePickerProps, 'value' | 'onChange'>;
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form-formdaterangepickerlist--docs
  */
-declare const FormDateRangePickerList: ({ value, onChange, label, helperText, error, startLabel, endLabel, disabled, minEndDateOffset, maxEndDateOffset, allowKeyboard, addButtonText, ...props }: FormDateRangePickerListProps) => React__default.JSX.Element;
+declare const FormDateRangePickerList: ({ value, onChange, label, helperText, error, disabled, addButtonText, ...props }: FormDateRangePickerListProps) => React__default.JSX.Element;
 
 type RadioProps = MUIGlobalOmit<RadioProps$1>;
 /**
@@ -456,7 +450,7 @@ type InfoModalProps = MUIGlobalOmit<Omit<ModalProps, 'BackdropProps' | 'Backdrop
  */
 declare const InfoModal: ({ title, subtitle, children, actions, open, maxWidth, onClose, ...props }: InfoModalProps) => React__default.JSX.Element;
 
-type AlertColor = 'info' | 'error' | 'success' | 'warning' | 'neutral';
+type AlertColor = 'info' | 'error' | 'success' | 'warning' | 'neutral' | 'notice';
 type AlertProps = Omit<AlertProps$1, 'color' | 'elevation' | 'iconMapping' | 'severity' | 'square' | 'variant' | 'action'> & {
     type?: AlertColor;
 };
@@ -5949,4 +5943,4 @@ type ContextState = {
 declare const useAlert: () => ContextState;
 
 export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeBlock, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EditTagsButton, EmptyState, FeatureCard, FeatureCardHeader, FeatureCardHeaderActions, FeatureFlagCheckbox, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, Link, Loading, Logo, NotFound, PageContainer, PageHeader, PageHeaderV2, Popover, Radio, Select, Slider, StatusLight, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, TagsList, ToggleButton, Typography, UpComponentsProvider, analytics, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, generateQueryKey, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination, useToggle };
-export type { AlertProps, AnalyticsConfig, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeBlockProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EditTagsButtonProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FeatureFlagCheckboxProps, FormCheckboxProps, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PageHeaderV2Props, PaginatedResponse, PopoverProps, RadioProps, SelectProps, SliderProps, StatusLightProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagItem, TagProps, TagsListProps, ToggleButtonProps, TypographyProps, UseToggleResult };
+export type { AlertProps, AnalyticsConfig, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeBlockProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EditTagsButtonProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FeatureFlagCheckboxProps, FormCheckboxProps, FormDatePickerDateType, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PageHeaderV2Props, PaginatedResponse, PopoverProps, RadioProps, SelectProps, SliderProps, StatusLightProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagItem, TagProps, TagsListProps, ToggleButtonProps, TypographyProps, UseToggleResult };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "5.16.1",
+  "version": "5.18.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",