@up42/up-components 3.1.0 → 3.3.0

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

@@ -1,5 +1,5 @@
 import { DataGridPremiumProps as MuiDataGridProps } from '@mui/x-data-grid-premium';
-export { type GridColDef, type GridRenderCellParams, type GridRowId, type GridRowSelectionModel, type GridSortModel, GridRow, GridCell, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRowCount, GridSelectedRowCount, } from '@mui/x-data-grid-premium';
+export { type GridColDef, type GridRenderCellParams, type GridRowId, type GridRowSelectionModel, type GridSortModel, GridRow, GridCell, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRowCount, GridSelectedRowCount, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, useGridApiContext, useGridSelector, } from '@mui/x-data-grid-premium';
 import React from 'react';
 import { MUIGlobalOmit } from '@global/utils/types';
 export type DataGridProps = MUIGlobalOmit<MuiDataGridProps>;

package/dist/esm/types/components/{FormDatePicker → FormDatePickers/FormDatePicker}/FormDatePicker.d.ts

@@ -1,16 +1,9 @@
-import React from 'react';
 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 FormDatePickerProps = NonGenericMuiDatePickerProps & {
-    error?: boolean;
-    label?: string;
-    helperText?: string;
-};
-export declare const FormDatePicker: React.ForwardRefExoticComponent<NonGenericMuiDatePickerProps & {
-    error?: boolean | undefined;
-    label?: string | undefined;
-    helperText?: string | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+export type FormDatePickerProps = NonGenericMuiDatePickerProps & DatePickerWrapperProps;
+export declare const FormDatePicker: React.ForwardRefExoticComponent<NonGenericMuiDatePickerProps & DatePickerWrapperProps & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -0,0 +1,3 @@
+import { IconButtonProps } from '@mui/material';
+import React from 'react';
+export declare const ClearInputAdornment: (props: IconButtonProps) => React.JSX.Element;

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

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

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DateTimePickerProps as MuiDateTimePickerProps } from '@mui/x-date-pickers-pro';
+import { Dayjs } from 'dayjs';
+import { type DatePickerWrapperProps } from '../FormDatePickerWrapper';
+type NonGenericMuiDateTimePickerProps = MuiDateTimePickerProps<Dayjs | null | undefined>;
+export type FormDateTimePickerProps = NonGenericMuiDateTimePickerProps & DatePickerWrapperProps;
+export declare const FormDateTimePicker: React.ForwardRefExoticComponent<NonGenericMuiDateTimePickerProps & DatePickerWrapperProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/esm/types/components/FormDatePickers/FormDateTimePicker/FormDateTimePicker.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -10,8 +10,9 @@ 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/FormDatePicker/FormDatePicker';
-export { FormDateRangePicker, type FormDateRangePickerProps, } from './components/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 { Radio, type RadioProps } from './components/Radio/Radio';
 export { FormRadio, type FormRadioProps } from './components/FormRadio/FormRadio';
 export { Switch, type SwitchProps } from './components/Switch/Switch';
@@ -46,7 +47,7 @@ export { DocumentationPopover, type DocumentationPopoverProps, } from './compone
 export { CodeInline, type CodeInlineProps } from './components/CodeInline/CodeInline';
 export { CodeSnippet, type CodeSnippetProps, type CodeSnippetItemProps } from './components/CodeSnippet/CodeSnippet';
 export { Table, TableBody, TableCell, TableHead, TableContainer, TableRow, TableFooter, TablePagination, TableSortLabel, type TableProps, type TableBodyProps, type TableCellProps, type TableHeadProps, type TableContainerProps, type TableRowProps, type TableFooterProps, type TablePaginationProps, type TableSortLabelProps, } from './components/Table/Table';
-export { DataGrid, GridRow, GridCell, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRowCount, GridSelectedRowCount, type DataGridProps, type GridColDef, type GridRenderCellParams, type GridRowId, type GridRowSelectionModel, type GridSortModel, } from './components/DataGrid/DataGrid';
+export { DataGrid, GridRow, GridCell, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRowCount, GridSelectedRowCount, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, useGridApiContext, useGridSelector, type DataGridProps, type GridColDef, type GridRenderCellParams, type GridRowId, type GridRowSelectionModel, type GridSortModel, } from './components/DataGrid/DataGrid';
 export { capitalize } from './utils/helpers/capitalize';
 export { copyToClipboard } from './utils/helpers/copyToClipboard';
 export { formatNumber } from './utils/helpers/formatNumber';

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
 import { TypographyProps as TypographyProps$1 } from '@mui/material/Typography';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import * as _mui_system from '@mui/system';
-import { DatePickerProps } from '@mui/x-date-pickers-pro';
+import { DatePickerProps, DateTimePickerProps } from '@mui/x-date-pickers-pro';
 import dayjs, { Dayjs } from 'dayjs';
 import { TableProps as TableProps$1 } from '@mui/material/Table';
 import { TableBodyProps as TableBodyProps$1 } from '@mui/material/TableBody';
@@ -21,7 +21,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 { GridCell, GridColDef, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRenderCellParams, GridRow, GridRowCount, GridRowId, GridRowSelectionModel, GridSelectedRowCount, GridSortModel } from '@mui/x-data-grid-premium';
+export { GridCell, GridColDef, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRenderCellParams, GridRow, GridRowCount, GridRowId, GridRowSelectionModel, GridSelectedRowCount, GridSortModel, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, useGridApiContext, useGridSelector } from '@mui/x-data-grid-premium';
 
 interface UpComponentsProviderProps extends Omit<ThemeProviderProps, 'theme'> {
     licenseKey: string;
@@ -174,18 +174,16 @@ declare const FormCheckbox: React__default.ForwardRefExoticComponent<Omit<_mui_s
     }[];
 }, "ref"> & React__default.RefAttributes<unknown>>;
 
-type DatePickerDateType = Dayjs | null | undefined;
-type NonGenericMuiDatePickerProps$1 = DatePickerProps<DatePickerDateType>;
-type FormDatePickerProps = NonGenericMuiDatePickerProps$1 & {
+type DatePickerWrapperProps = {
     error?: boolean;
     label?: string;
     helperText?: string;
 };
-declare const FormDatePicker: React__default.ForwardRefExoticComponent<NonGenericMuiDatePickerProps$1 & {
-    error?: boolean | undefined;
-    label?: string | undefined;
-    helperText?: string | undefined;
-} & React__default.RefAttributes<HTMLDivElement>>;
+
+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'> & {
@@ -206,6 +204,10 @@ 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 RadioProps = MUIGlobalOmit<RadioProps$1>;
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-entry-radio--docs
@@ -5118,4 +5120,4 @@ type ContextState = {
  */
 declare const useAlert: () => ContextState;
 
-export { Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Button, type ButtonProps, Checkbox, type CheckboxProps, CodeInline, type CodeInlineProps, CodeSnippet, type CodeSnippetItemProps, type CodeSnippetProps, ContactBox, type ContactBoxProps, ControlButton, type ControlButtonProps, CopyButton, type CopyButtonProps, type CreateAlertProps, type CreateSnackbarProps, type CursorPaginatedResponse, DataGrid, type DataGridProps, type DatePickerDateType, DateTime, type DateTimeProps, Divider, type DividerProps, DocumentationPopover, type DocumentationPopoverProps, EmptyState, type EmptyStateProps, FormCheckbox, type FormCheckboxProps, FormDatePicker, type FormDatePickerProps, FormDateRangePicker, type FormDateRangePickerProps, FormInput, type FormInputProps, FormRadio, type FormRadioProps, FormSelect, type FormSelectProps, FormSwitch, type FormSwitchProps, GridContainer, type GridContainerProps, GridItem, type GridItemProps, Icon, type IconProps, Illustration, type IllustrationProps, InfoCard, type InfoCardProps, InfoModal, type InfoModalProps, InfoPopover, type InfoPopoverProps, Input, type InputProps, Link, type LinkProps, Loading, type LoadingProps, NotFound, type NotFoundProps, PageContainer, type PageContainerProps, PageHeader, type PageHeaderProps, type PaginatedResponse, Radio, type RadioProps, Select, type SelectProps, Slider, type SliderProps, Switch, type SwitchProps, Tab, TabGroup, type TabGroupProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, TableSortLabel, type TableSortLabelProps, Tabs, type TabsProps, Tag, type TagProps, Typography, type TypographyProps, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination };
+export { Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Button, type ButtonProps, Checkbox, type CheckboxProps, CodeInline, type CodeInlineProps, CodeSnippet, type CodeSnippetItemProps, type CodeSnippetProps, ContactBox, type ContactBoxProps, ControlButton, type ControlButtonProps, CopyButton, type CopyButtonProps, type CreateAlertProps, type CreateSnackbarProps, type CursorPaginatedResponse, DataGrid, type DataGridProps, type DatePickerDateType, DateTime, type DateTimeProps, Divider, type DividerProps, DocumentationPopover, type DocumentationPopoverProps, EmptyState, type EmptyStateProps, FormCheckbox, type FormCheckboxProps, FormDatePicker, type FormDatePickerProps, FormDateRangePicker, type FormDateRangePickerProps, FormDateTimePicker, type FormDateTimePickerProps, FormInput, type FormInputProps, FormRadio, type FormRadioProps, FormSelect, type FormSelectProps, FormSwitch, type FormSwitchProps, GridContainer, type GridContainerProps, GridItem, type GridItemProps, Icon, type IconProps, Illustration, type IllustrationProps, InfoCard, type InfoCardProps, InfoModal, type InfoModalProps, InfoPopover, type InfoPopoverProps, Input, type InputProps, Link, type LinkProps, Loading, type LoadingProps, NotFound, type NotFoundProps, PageContainer, type PageContainerProps, PageHeader, type PageHeaderProps, type PaginatedResponse, Radio, type RadioProps, Select, type SelectProps, Slider, type SliderProps, Switch, type SwitchProps, Tab, TabGroup, type TabGroupProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, TableSortLabel, type TableSortLabelProps, Tabs, type TabsProps, Tag, type TagProps, Typography, type TypographyProps, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "3.1.0",
+  "version": "3.3.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",
@@ -93,7 +93,7 @@
     "storybook": "^8.1.10",
     "svgo": "^3.3.2",
     "typescript": "^4.5.4",
-    "vite": "^4.5.5",
+    "vite": "^4.5.9",
     "vite-plugin-svgr": "^3.2.0"
   },
   "peerDependencies": {
@@ -107,11 +107,9 @@
     "react-dom": "^17.0.2"
   },
   "overrides": {
-    "@storybook/addon-essentials": {
-      "markdown-to-jsx": ">7.4.0"
-    },
     "vite": {
-      "rollup": ">4.22.3"
+      "rollup": ">4.22.3",
+      "esbuild": "0.25.0"
     }
   },
   "lint-staged": {

package/dist/cjs/types/components/{FormDateRangePicker → FormDatePickers/FormDateRangePicker}/FormDateRangePicker.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 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>;

package/dist/esm/types/components/{FormDateRangePicker → FormDatePickers/FormDateRangePicker}/FormDateRangePicker.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 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>;