@up42/up-components 4.1.0 → 4.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,6 +12,10 @@ export type FormDateRangePickerListProps = {
12
12
  value: DateRange[];
13
13
  onChange?: (value: DateRange[]) => void;
14
14
  disabled?: boolean;
15
+ /**
16
+ * Defines whether or not the user can input values and navigate in the calendars using the keyboard.
17
+ */
18
+ allowKeyboard?: boolean;
15
19
  /**
16
20
  * Defines the minimum number of days after the "start date" that the "end date" can be selected.
17
21
  */
@@ -20,8 +24,8 @@ export type FormDateRangePickerListProps = {
20
24
  * Defines the maximum number of days after the "start date" that the "end date" can be selected.
21
25
  */
22
26
  maxEndDateOffset?: number;
23
- } & DatePickerWrapperProps & Omit<DateRangePickerProps<DatePickerDateType | Date>, 'value'>;
27
+ } & DatePickerWrapperProps & Omit<DateRangePickerProps<DatePickerDateType | Date>, 'value' | 'onChange'>;
24
28
  /**
25
29
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form-formdaterangepickerlist--docs
26
30
  */
27
- export declare const FormDateRangePickerList: ({ value, onChange, label, helperText, error, startLabel, endLabel, disabled, minEndDateOffset, maxEndDateOffset, ...props }: FormDateRangePickerListProps) => React.JSX.Element;
31
+ export declare const FormDateRangePickerList: ({ value, onChange, label, helperText, error, startLabel, endLabel, disabled, minEndDateOffset, maxEndDateOffset, allowKeyboard, ...props }: FormDateRangePickerListProps) => React.JSX.Element;
package/dist/index.d.ts CHANGED
@@ -22,8 +22,7 @@ import { TablePaginationProps as TablePaginationProps$1 } from '@mui/material/Ta
22
22
  import { TableSortLabelProps as TableSortLabelProps$1 } from '@mui/material/TableSortLabel';
23
23
  import { TableFooterProps as TableFooterProps$1 } from '@mui/material/TableFooter';
24
24
  import { DataGridPremiumProps } from '@mui/x-data-grid-premium';
25
- 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';
26
- export type { GridColDef, GridRenderCellParams, GridRowId, GridRowParams, GridRowSelectionModel, GridRowsProp, GridSortModel } from '@mui/x-data-grid-premium';
25
+ 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';
27
26
 
28
27
  interface UpComponentsProviderProps extends Omit<ThemeProviderProps, 'theme'> {
29
28
  licenseKey: string;
@@ -182,15 +181,11 @@ type DatePickerWrapperProps = {
182
181
  helperText?: string;
183
182
  };
184
183
 
185
-
186
-
187
184
  type DatePickerDateType = Dayjs | null | undefined;
188
185
  type NonGenericMuiDatePickerProps$1 = DatePickerProps<DatePickerDateType>;
189
186
  type FormDatePickerProps = NonGenericMuiDatePickerProps$1 & DatePickerWrapperProps;
190
187
  declare const FormDatePicker: React__default.ForwardRefExoticComponent<NonGenericMuiDatePickerProps$1 & DatePickerWrapperProps & React__default.RefAttributes<HTMLDivElement>>;
191
188
 
192
-
193
-
194
189
  type NonGenericMuiDatePickerProps = DatePickerProps<DatePickerDateType>;
195
190
  type FormDateRangePickerProps = Omit<MUIGlobalOmit<NonGenericMuiDatePickerProps>, 'value' | 'onChange'> & {
196
191
  start: DatePickerDateType;
@@ -210,14 +205,10 @@ type FormDateRangePickerProps = Omit<MUIGlobalOmit<NonGenericMuiDatePickerProps>
210
205
  */
211
206
  declare const FormDateRangePicker: ({ start, onStartChange, end, onEndChange, label, minDate, maxDate, startPickerProps, endPickerProps, ...props }: FormDateRangePickerProps) => React__default.JSX.Element;
212
207
 
213
-
214
-
215
208
  type NonGenericMuiDateTimePickerProps = DateTimePickerProps<Dayjs | null | undefined>;
216
209
  type FormDateTimePickerProps = NonGenericMuiDateTimePickerProps & DatePickerWrapperProps;
217
210
  declare const FormDateTimePicker: React__default.ForwardRefExoticComponent<NonGenericMuiDateTimePickerProps & DatePickerWrapperProps & React__default.RefAttributes<HTMLDivElement>>;
218
211
 
219
-
220
-
221
212
  type DateRange = {
222
213
  start: DatePickerDateType | Date;
223
214
  end: DatePickerDateType | Date;
@@ -228,6 +219,10 @@ type FormDateRangePickerListProps = {
228
219
  value: DateRange[];
229
220
  onChange?: (value: DateRange[]) => void;
230
221
  disabled?: boolean;
222
+ /**
223
+ * Defines whether or not the user can input values and navigate in the calendars using the keyboard.
224
+ */
225
+ allowKeyboard?: boolean;
231
226
  /**
232
227
  * Defines the minimum number of days after the "start date" that the "end date" can be selected.
233
228
  */
@@ -236,11 +231,11 @@ type FormDateRangePickerListProps = {
236
231
  * Defines the maximum number of days after the "start date" that the "end date" can be selected.
237
232
  */
238
233
  maxEndDateOffset?: number;
239
- } & DatePickerWrapperProps & Omit<DateRangePickerProps<DatePickerDateType | Date>, 'value'>;
234
+ } & DatePickerWrapperProps & Omit<DateRangePickerProps<DatePickerDateType | Date>, 'value' | 'onChange'>;
240
235
  /**
241
236
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form-formdaterangepickerlist--docs
242
237
  */
243
- declare const FormDateRangePickerList: ({ value, onChange, label, helperText, error, startLabel, endLabel, disabled, minEndDateOffset, maxEndDateOffset, ...props }: FormDateRangePickerListProps) => React__default.JSX.Element;
238
+ declare const FormDateRangePickerList: ({ value, onChange, label, helperText, error, startLabel, endLabel, disabled, minEndDateOffset, maxEndDateOffset, allowKeyboard, ...props }: FormDateRangePickerListProps) => React__default.JSX.Element;
244
239
 
245
240
  type RadioProps = MUIGlobalOmit<RadioProps$1>;
246
241
  /**
@@ -5183,14 +5178,6 @@ declare const TableSortLabel: ({ children, ...props }: TableSortLabelProps) => R
5183
5178
  type TableFooterProps = MUIGlobalOmit<TableFooterProps$1>;
5184
5179
  declare const TableFooter: ({ children, ...props }: TableFooterProps) => React__default.JSX.Element;
5185
5180
 
5186
-
5187
-
5188
-
5189
-
5190
-
5191
-
5192
-
5193
-
5194
5181
  /**
5195
5182
  * Documentation: https://up-components.up42.com/?path=/docs/data-display-datagrid--docs
5196
5183
  */
@@ -5363,75 +5350,5 @@ type ContextState = {
5363
5350
  */
5364
5351
  declare const useAlert: () => ContextState;
5365
5352
 
5366
-
5367
-
5368
-
5369
-
5370
-
5371
-
5372
-
5373
-
5374
-
5375
-
5376
-
5377
-
5378
-
5379
-
5380
-
5381
-
5382
-
5383
-
5384
-
5385
-
5386
-
5387
-
5388
-
5389
-
5390
-
5391
-
5392
-
5393
-
5394
-
5395
-
5396
-
5397
-
5398
-
5399
-
5400
-
5401
-
5402
-
5403
-
5404
-
5405
-
5406
-
5407
-
5408
-
5409
-
5410
-
5411
-
5412
-
5413
-
5414
-
5415
-
5416
-
5417
-
5418
-
5419
-
5420
-
5421
-
5422
-
5423
-
5424
-
5425
-
5426
-
5427
-
5428
-
5429
-
5430
-
5431
-
5432
-
5433
-
5434
-
5435
-
5436
5353
  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 };
5437
5354
  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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@up42/up-components",
3
- "version": "4.1.0",
3
+ "version": "4.2.0",
4
4
  "description": "UP42 Component Library",
5
5
  "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
6
6
  "license": "ISC",
@@ -55,13 +55,15 @@
55
55
  "@rollup/plugin-node-resolve": "^15.2.3",
56
56
  "@rollup/plugin-terser": "^0.4.4",
57
57
  "@rollup/plugin-typescript": "^11.1.6",
58
- "@storybook/addon-a11y": "^8.1.10",
59
- "@storybook/addon-actions": "^8.1.10",
60
- "@storybook/addon-essentials": "^8.1.10",
61
- "@storybook/addon-links": "^8.1.10",
62
- "@storybook/addon-mdx-gfm": "^8.1.10",
63
- "@storybook/react": "^8.1.10",
64
- "@storybook/react-vite": "^8.1.10",
58
+ "@storybook/addon-a11y": "^8.6.10",
59
+ "@storybook/addon-actions": "^8.6.10",
60
+ "@storybook/addon-essentials": "^8.6.10",
61
+ "@storybook/addon-links": "^8.6.10",
62
+ "@storybook/addon-mdx-gfm": "^8.6.10",
63
+ "@storybook/manager-api": "^8.6.10",
64
+ "@storybook/react": "^8.6.10",
65
+ "@storybook/react-vite": "^8.6.10",
66
+ "@storybook/theming": "^8.6.10",
65
67
  "@svgr/rollup": "^6.2.1",
66
68
  "@testing-library/react": "^12.1.2",
67
69
  "@testing-library/react-hooks": "^8.0.1",
@@ -79,7 +81,7 @@
79
81
  "eslint-plugin-prettier": "^4.0.0",
80
82
  "eslint-plugin-react": "^7.28.0",
81
83
  "eslint-plugin-react-hooks": "^4.3.0",
82
- "eslint-plugin-storybook": "^0.8.0",
84
+ "eslint-plugin-storybook": "^0.12.0",
83
85
  "husky": "^7.0.4",
84
86
  "jest": "^27.4.7",
85
87
  "lint-staged": "^12.3.1",
@@ -90,11 +92,11 @@
90
92
  "rollup-plugin-delete": "^2.0.0",
91
93
  "rollup-plugin-dts": "^6.1.0",
92
94
  "rollup-plugin-peer-deps-external": "^2.2.4",
93
- "storybook": "^8.1.10",
95
+ "storybook": "^8.6.10",
94
96
  "svgo": "^3.3.2",
95
97
  "typescript": "^4.5.4",
96
- "vite": "^4.5.9",
97
- "vite-plugin-svgr": "^3.2.0"
98
+ "vite": "^6.2.3",
99
+ "vite-plugin-svgr": "^4.2.0"
98
100
  },
99
101
  "peerDependencies": {
100
102
  "@emotion/react": "^11.7.1",
@@ -106,12 +108,6 @@
106
108
  "react": "^17.0.2",
107
109
  "react-dom": "^17.0.2"
108
110
  },
109
- "overrides": {
110
- "vite": {
111
- "rollup": ">4.22.3",
112
- "esbuild": "0.25.0"
113
- }
114
- },
115
111
  "lint-staged": {
116
112
  "*.{js,tsx,ts}": "eslint --cache --fix",
117
113
  "*.mdx": "prettier --write"