@up42/up-components 4.0.0 → 4.2.0

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

@@ -1,7 +1,7 @@
-import React, { PropsWithChildren } from 'react';
+import React, { PropsWithChildren, ReactNode } from 'react';
 export type DatePickerWrapperProps = {
     error?: boolean;
-    label?: string;
+    label?: string | ReactNode;
     helperText?: string;
 };
 export declare const FormDatePickerWrapper: ({ label, error, helperText, children, }: PropsWithChildren<DatePickerWrapperProps>) => React.JSX.Element;

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

@@ -0,0 +1,31 @@
+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;
+};
+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;
+} & 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, startLabel, endLabel, disabled, minEndDateOffset, maxEndDateOffset, allowKeyboard, ...props }: FormDateRangePickerListProps) => React.JSX.Element;

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

@@ -13,6 +13,7 @@ export { FormCheckbox, type FormCheckboxProps } from './components/FormCheckbox/
 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, 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/index.d.ts

@@ -11,6 +11,7 @@ import * as _mui_material_OverridableComponent from '@mui/material/OverridableCo
 import * as _mui_system from '@mui/system';
 import { DatePickerProps, DateTimePickerProps } from '@mui/x-date-pickers-pro';
 import dayjs, { Dayjs } from 'dayjs';
+import { DateRangePickerProps } from '@mui/x-date-pickers-pro/DateRangePicker';
 import { TableProps as TableProps$1 } from '@mui/material/Table';
 import { TableBodyProps as TableBodyProps$1 } from '@mui/material/TableBody';
 import { TableCellProps as TableCellProps$1 } from '@mui/material/TableCell';
@@ -21,8 +22,7 @@ import { TablePaginationProps as TablePaginationProps$1 } from '@mui/material/Ta
 import { TableSortLabelProps as TableSortLabelProps$1 } from '@mui/material/TableSortLabel';
 import { TableFooterProps as TableFooterProps$1 } from '@mui/material/TableFooter';
 import { DataGridPremiumProps } from '@mui/x-data-grid-premium';
-export { GRID_DETAIL_PANEL_TOGGLE_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, GridCell, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRow, GridRowCount, GridSelectedRowCount, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridRowsLookupSelector, useGridApiContext, useGridApiRef, useGridSelector } from '@mui/x-data-grid-premium';
-export type { GridColDef, GridRenderCellParams, GridRowId, GridRowParams, GridRowSelectionModel, GridRowsProp, GridSortModel } from '@mui/x-data-grid-premium';
+export { GRID_DETAIL_PANEL_TOGGLE_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, GridCell, GridColDef, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRenderCellParams, GridRow, GridRowCount, GridRowId, GridRowParams, GridRowSelectionModel, GridRowsProp, GridSelectedRowCount, GridSortModel, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridRowsLookupSelector, useGridApiContext, useGridApiRef, useGridSelector } from '@mui/x-data-grid-premium';
 
 interface UpComponentsProviderProps extends Omit<ThemeProviderProps, 'theme'> {
     licenseKey: string;
@@ -177,19 +177,15 @@ declare const FormCheckbox: React__default.ForwardRefExoticComponent<Omit<_mui_s
 
 type DatePickerWrapperProps = {
     error?: boolean;
-    label?: string;
+    label?: string | ReactNode;
     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;
@@ -209,12 +205,38 @@ type FormDateRangePickerProps = Omit<MUIGlobalOmit<NonGenericMuiDatePickerProps>
  */
 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 DateRange = {
+    start: DatePickerDateType | Date;
+    end: DatePickerDateType | Date;
+};
+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;
+} & DatePickerWrapperProps & Omit<DateRangePickerProps<DatePickerDateType | Date>, '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, ...props }: FormDateRangePickerListProps) => React__default.JSX.Element;
+
 type RadioProps = MUIGlobalOmit<RadioProps$1>;
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-entry-radio--docs
@@ -5156,14 +5178,6 @@ declare const TableSortLabel: ({ children, ...props }: TableSortLabelProps) => R
 type TableFooterProps = MUIGlobalOmit<TableFooterProps$1>;
 declare const TableFooter: ({ children, ...props }: TableFooterProps) => React__default.JSX.Element;
 
-
-
-
-
-
-
-
-
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-display-datagrid--docs
  */
@@ -5336,73 +5350,5 @@ type ContextState = {
  */
 declare const useAlert: () => ContextState;
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EmptyState, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, Link, Loading, NotFound, PageContainer, PageHeader, Radio, Select, Slider, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, Typography, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination };
-export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateTimeProps, DividerProps, DocumentationPopoverProps, EmptyStateProps, FormCheckboxProps, FormDatePickerProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, NotFoundProps, PageContainerProps, PageHeaderProps, PaginatedResponse, RadioProps, SelectProps, SliderProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagProps, TypographyProps };
+export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EmptyState, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, Link, Loading, NotFound, PageContainer, PageHeader, Radio, Select, Slider, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, Typography, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination };
+export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EmptyStateProps, FormCheckboxProps, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, NotFoundProps, PageContainerProps, PageHeaderProps, PaginatedResponse, RadioProps, SelectProps, SliderProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagProps, TypographyProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "4.0.0",
+  "version": "4.2.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",
@@ -55,13 +55,15 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-a11y": "^8.1.10",
-    "@storybook/addon-actions": "^8.1.10",
-    "@storybook/addon-essentials": "^8.1.10",
-    "@storybook/addon-links": "^8.1.10",
-    "@storybook/addon-mdx-gfm": "^8.1.10",
-    "@storybook/react": "^8.1.10",
-    "@storybook/react-vite": "^8.1.10",
+    "@storybook/addon-a11y": "^8.6.10",
+    "@storybook/addon-actions": "^8.6.10",
+    "@storybook/addon-essentials": "^8.6.10",
+    "@storybook/addon-links": "^8.6.10",
+    "@storybook/addon-mdx-gfm": "^8.6.10",
+    "@storybook/manager-api": "^8.6.10",
+    "@storybook/react": "^8.6.10",
+    "@storybook/react-vite": "^8.6.10",
+    "@storybook/theming": "^8.6.10",
     "@svgr/rollup": "^6.2.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/react-hooks": "^8.0.1",
@@ -79,7 +81,7 @@
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.28.0",
     "eslint-plugin-react-hooks": "^4.3.0",
-    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-storybook": "^0.12.0",
     "husky": "^7.0.4",
     "jest": "^27.4.7",
     "lint-staged": "^12.3.1",
@@ -90,11 +92,11 @@
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "storybook": "^8.1.10",
+    "storybook": "^8.6.10",
     "svgo": "^3.3.2",
     "typescript": "^4.5.4",
-    "vite": "^4.5.9",
-    "vite-plugin-svgr": "^3.2.0"
+    "vite": "^6.2.3",
+    "vite-plugin-svgr": "^4.2.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.7.1",
@@ -106,12 +108,6 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "overrides": {
-    "vite": {
-      "rollup": ">4.22.3",
-      "esbuild": "0.25.0"
-    }
-  },
   "lint-staged": {
     "*.{js,tsx,ts}": "eslint --cache --fix",
     "*.mdx": "prettier --write"