@oneblink/apps-react 2.2.0 → 2.3.0-beta.2

package/dist/components/messages/NoResourcesYet.js

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import LargeIconMessage from './LargeIconMessage';
-export function NoResourcesYet({ title, children, IconComponent, gutterBottom, }) {
-    return (React.createElement(LargeIconMessage, { IconComponent: IconComponent, title: title, variant: "primary", gutterBottom: gutterBottom, gutterTop: true, className: "ob-no-resources-yet-message" }, children));
-}
-export default React.memo(NoResourcesYet);
+import * as React from 'react';
+import LargeIconMessage from './LargeIconMessage';
+export function NoResourcesYet({ title, children, IconComponent, gutterBottom, }) {
+    return (React.createElement(LargeIconMessage, { IconComponent: IconComponent, title: title, variant: "primary", gutterBottom: gutterBottom, gutterTop: true, className: "ob-no-resources-yet-message" }, children));
+}
+export default React.memo(NoResourcesYet);
 //# sourceMappingURL=NoResourcesYet.js.map

package/dist/components/pickers/V4CompatibleDatePicker.d.ts

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import { MobileDatePickerProps } from '@mui/x-date-pickers';
-import { TextField, IconButton } from '@mui/material';
-declare type RemainingPickerProps = Omit<MobileDatePickerProps<string | Date, Date>, 'onError' | 'renderInput' | 'toolbarFormat' | 'rightArrowIcon' | 'leftArrowIcon' | 'maxDate' | 'minDate' | 'inputFormat'>;
-declare type TextFieldProps = React.ComponentProps<typeof TextField>;
-declare type IconButtonProps = React.ComponentProps<typeof IconButton>;
-declare type Props = RemainingPickerProps & {
-    name?: TextFieldProps['name'];
-    label?: TextFieldProps['label'];
-    maxDate?: string | Date;
-    maxDateMessage?: string;
-    minDate?: string | Date;
-    minDateMessage?: string;
-    margin?: TextFieldProps['margin'];
-    size?: TextFieldProps['size'];
-    placeholder?: TextFieldProps['placeholder'];
-    InputProps?: TextFieldProps['InputProps'];
-    inputVariant?: TextFieldProps['variant'];
-    onBlur?: TextFieldProps['onBlur'];
-    startIconButton?: boolean;
-    endIconButton?: boolean;
-    iconButtonEdge?: IconButtonProps['edge'];
-    iconButtonSize?: IconButtonProps['size'];
-    helperText?: TextFieldProps['helperText'];
-    error?: TextFieldProps['error'];
-    required?: TextFieldProps['required'];
-    showTodayButton?: boolean;
-    clearable?: boolean;
-    'data-cypress'?: string;
-};
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import * as React from 'react';
+import { MobileDatePickerProps } from '@mui/x-date-pickers';
+import { TextField, IconButton } from '@mui/material';
+declare type RemainingPickerProps = Omit<MobileDatePickerProps<string | Date, Date>, 'onError' | 'renderInput' | 'toolbarFormat' | 'rightArrowIcon' | 'leftArrowIcon' | 'maxDate' | 'minDate' | 'inputFormat'>;
+declare type TextFieldProps = React.ComponentProps<typeof TextField>;
+declare type IconButtonProps = React.ComponentProps<typeof IconButton>;
+declare type Props = RemainingPickerProps & {
+    name?: TextFieldProps['name'];
+    label?: TextFieldProps['label'];
+    maxDate?: string | Date;
+    maxDateMessage?: string;
+    minDate?: string | Date;
+    minDateMessage?: string;
+    margin?: TextFieldProps['margin'];
+    size?: TextFieldProps['size'];
+    placeholder?: TextFieldProps['placeholder'];
+    InputProps?: TextFieldProps['InputProps'];
+    inputVariant?: TextFieldProps['variant'];
+    onBlur?: TextFieldProps['onBlur'];
+    startIconButton?: boolean;
+    endIconButton?: boolean;
+    iconButtonEdge?: IconButtonProps['edge'];
+    iconButtonSize?: IconButtonProps['size'];
+    helperText?: TextFieldProps['helperText'];
+    error?: TextFieldProps['error'];
+    required?: TextFieldProps['required'];
+    showTodayButton?: boolean;
+    clearable?: boolean;
+    'data-cypress'?: string;
+};
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/components/pickers/V4CompatibleDatePicker.js

@@ -1,71 +1,71 @@
-import * as React from 'react';
-import { MobileDatePicker } from '@mui/x-date-pickers';
-import { TextField, InputAdornment, IconButton } from '@mui/material';
-import { DateRange } from '@mui/icons-material';
-import useBooleanState from '../../hooks/useBooleanState';
-import { localisationService } from '@oneblink/apps';
-const V4CompatibleDatePicker = ({ name, label, maxDate, maxDateMessage, minDate, minDateMessage, margin, size, placeholder, InputProps, onChange, inputVariant, onBlur, disabled, startIconButton, endIconButton, iconButtonEdge, iconButtonSize, helperText: helperTextProp, error, required, showTodayButton, clearable, value: valueProp, 'data-cypress': dataCypress, ...rest }) => {
-    const [value, setValue] = React.useState(null);
-    const [isOpen, setIsOpen, setIsClosed] = useBooleanState(false);
-    const [helperText, setHelperText] = React.useState(undefined);
-    const handleError = React.useCallback((error) => {
-        switch (error) {
-            case 'invalidDate': {
-                return setHelperText('Invalid Date Time');
-            }
-            case 'maxDate': {
-                return setHelperText(maxDateMessage);
-            }
-            case 'minDate': {
-                return setHelperText(minDateMessage);
-            }
-            default: {
-                return setHelperText(undefined);
-            }
-        }
-    }, [maxDateMessage, minDateMessage]);
-    const convertedMaxDate = React.useMemo(() => {
-        if (typeof maxDate === 'string') {
-            return new Date(maxDate);
-        }
-    }, [maxDate]);
-    const convertedMinDate = React.useMemo(() => {
-        if (typeof minDate === 'string') {
-            return new Date(minDate);
-        }
-    }, [minDate]);
-    const onAccept = React.useCallback((date) => {
-        const currentValue = valueProp instanceof Date ? valueProp.toISOString() : valueProp;
-        if (currentValue !== ((date === null || date === void 0 ? void 0 : date.toISOString()) || null)) {
-            onChange(date);
-        }
-    }, [onChange, valueProp]);
-    const actions = React.useMemo(() => {
-        const actions = ['cancel', 'accept'];
-        if (showTodayButton) {
-            actions.unshift('today');
-        }
-        if (clearable) {
-            actions.unshift('clear');
-        }
-        return actions;
-    }, [clearable, showTodayButton]);
-    React.useEffect(() => {
-        setValue(valueProp);
-    }, [valueProp]);
-    return (React.createElement(MobileDatePicker, { open: isOpen, onOpen: setIsOpen, onClose: setIsClosed, renderInput: (props) => (React.createElement(TextField, { ...props, name: name, label: label, required: required, helperText: helperTextProp || helperText, error: error, fullWidth: true, margin: margin, size: size, placeholder: placeholder, variant: inputVariant, onBlur: onBlur, InputProps: {
-                startAdornment: startIconButton ? (React.createElement(InputAdornment, { position: "start" },
-                    React.createElement(IconButton, { edge: iconButtonEdge, size: iconButtonSize, onClick: setIsOpen, disabled: disabled },
-                        React.createElement(DateRange, null)))) : undefined,
-                endAdornment: endIconButton ? (React.createElement(InputAdornment, { position: "end" },
-                    React.createElement(IconButton, { edge: iconButtonEdge, size: iconButtonSize, onClick: setIsOpen, disabled: disabled },
-                        React.createElement(DateRange, null)))) : undefined,
-                ...(InputProps ? InputProps : {}),
-            }, "data-cypress": dataCypress })), maxDate: convertedMaxDate, minDate: convertedMinDate, onError: handleError, onChange: setValue, value: value, onAccept: onAccept, inputFormat: localisationService.getDateFnsFormats().shortDateTime, disabled: disabled, componentsProps: {
-            actionBar: {
-                actions,
-            },
-        }, ...rest }));
-};
-export default React.memo(V4CompatibleDatePicker);
+import * as React from 'react';
+import { MobileDatePicker } from '@mui/x-date-pickers';
+import { TextField, InputAdornment, IconButton } from '@mui/material';
+import { DateRange } from '@mui/icons-material';
+import useBooleanState from '../../hooks/useBooleanState';
+import { localisationService } from '@oneblink/apps';
+const V4CompatibleDatePicker = ({ name, label, maxDate, maxDateMessage, minDate, minDateMessage, margin, size, placeholder, InputProps, onChange, inputVariant, onBlur, disabled, startIconButton, endIconButton, iconButtonEdge, iconButtonSize, helperText: helperTextProp, error, required, showTodayButton, clearable, value: valueProp, 'data-cypress': dataCypress, ...rest }) => {
+    const [value, setValue] = React.useState(null);
+    const [isOpen, setIsOpen, setIsClosed] = useBooleanState(false);
+    const [helperText, setHelperText] = React.useState(undefined);
+    const handleError = React.useCallback((error) => {
+        switch (error) {
+            case 'invalidDate': {
+                return setHelperText('Invalid Date Time');
+            }
+            case 'maxDate': {
+                return setHelperText(maxDateMessage);
+            }
+            case 'minDate': {
+                return setHelperText(minDateMessage);
+            }
+            default: {
+                return setHelperText(undefined);
+            }
+        }
+    }, [maxDateMessage, minDateMessage]);
+    const convertedMaxDate = React.useMemo(() => {
+        if (typeof maxDate === 'string') {
+            return new Date(maxDate);
+        }
+    }, [maxDate]);
+    const convertedMinDate = React.useMemo(() => {
+        if (typeof minDate === 'string') {
+            return new Date(minDate);
+        }
+    }, [minDate]);
+    const onAccept = React.useCallback((date) => {
+        const currentValue = valueProp instanceof Date ? valueProp.toISOString() : valueProp;
+        if (currentValue !== ((date === null || date === void 0 ? void 0 : date.toISOString()) || null)) {
+            onChange(date);
+        }
+    }, [onChange, valueProp]);
+    const actions = React.useMemo(() => {
+        const actions = ['cancel', 'accept'];
+        if (showTodayButton) {
+            actions.unshift('today');
+        }
+        if (clearable) {
+            actions.unshift('clear');
+        }
+        return actions;
+    }, [clearable, showTodayButton]);
+    React.useEffect(() => {
+        setValue(valueProp);
+    }, [valueProp]);
+    return (React.createElement(MobileDatePicker, { open: isOpen, onOpen: setIsOpen, onClose: setIsClosed, renderInput: (props) => (React.createElement(TextField, { ...props, name: name, label: label, required: required, helperText: helperTextProp || helperText, error: error, fullWidth: true, margin: margin, size: size, placeholder: placeholder, variant: inputVariant, onBlur: onBlur, InputProps: {
+                startAdornment: startIconButton ? (React.createElement(InputAdornment, { position: "start" },
+                    React.createElement(IconButton, { edge: iconButtonEdge, size: iconButtonSize, onClick: setIsOpen, disabled: disabled },
+                        React.createElement(DateRange, null)))) : undefined,
+                endAdornment: endIconButton ? (React.createElement(InputAdornment, { position: "end" },
+                    React.createElement(IconButton, { edge: iconButtonEdge, size: iconButtonSize, onClick: setIsOpen, disabled: disabled },
+                        React.createElement(DateRange, null)))) : undefined,
+                ...(InputProps ? InputProps : {}),
+            }, "data-cypress": dataCypress })), maxDate: convertedMaxDate, minDate: convertedMinDate, onError: handleError, onChange: setValue, value: value, onAccept: onAccept, inputFormat: localisationService.getDateFnsFormats().shortDateTime, disabled: disabled, componentsProps: {
+            actionBar: {
+                actions,
+            },
+        }, ...rest }));
+};
+export default React.memo(V4CompatibleDatePicker);
 //# sourceMappingURL=V4CompatibleDatePicker.js.map

package/dist/components/pickers/V4CompatibleDateTimePicker.d.ts

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import { MobileDateTimePickerProps } from '@mui/x-date-pickers';
-import { TextField, IconButton } from '@mui/material';
-declare type RemainingPickerProps = Omit<MobileDateTimePickerProps<string | Date, Date>, 'onError' | 'renderInput' | 'toolbarFormat' | 'timeIcon' | 'dateRangeIcon' | 'rightArrowIcon' | 'leftArrowIcon' | 'maxDate' | 'minDate' | 'inputFormat'>;
-declare type TextFieldProps = React.ComponentProps<typeof TextField>;
-declare type IconButtonProps = React.ComponentProps<typeof IconButton>;
-declare type Props = RemainingPickerProps & {
-    name?: TextFieldProps['name'];
-    label?: TextFieldProps['label'];
-    maxDate?: string | Date;
-    maxDateMessage?: string;
-    minDate?: string | Date;
-    minDateMessage?: string;
-    margin?: TextFieldProps['margin'];
-    size?: TextFieldProps['size'];
-    placeholder?: TextFieldProps['placeholder'];
-    InputProps?: TextFieldProps['InputProps'];
-    inputVariant?: TextFieldProps['variant'];
-    onBlur?: TextFieldProps['onBlur'];
-    startIconButton?: boolean;
-    endIconButton?: boolean;
-    iconButtonEdge?: IconButtonProps['edge'];
-    iconButtonSize?: IconButtonProps['size'];
-    helperText?: TextFieldProps['helperText'];
-    error?: TextFieldProps['error'];
-    required?: TextFieldProps['required'];
-    showTodayButton?: boolean;
-    clearable?: boolean;
-    'data-cypress'?: string;
-};
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import * as React from 'react';
+import { MobileDateTimePickerProps } from '@mui/x-date-pickers';
+import { TextField, IconButton } from '@mui/material';
+declare type RemainingPickerProps = Omit<MobileDateTimePickerProps<string | Date, Date>, 'onError' | 'renderInput' | 'toolbarFormat' | 'timeIcon' | 'dateRangeIcon' | 'rightArrowIcon' | 'leftArrowIcon' | 'maxDate' | 'minDate' | 'inputFormat'>;
+declare type TextFieldProps = React.ComponentProps<typeof TextField>;
+declare type IconButtonProps = React.ComponentProps<typeof IconButton>;
+declare type Props = RemainingPickerProps & {
+    name?: TextFieldProps['name'];
+    label?: TextFieldProps['label'];
+    maxDate?: string | Date;
+    maxDateMessage?: string;
+    minDate?: string | Date;
+    minDateMessage?: string;
+    margin?: TextFieldProps['margin'];
+    size?: TextFieldProps['size'];
+    placeholder?: TextFieldProps['placeholder'];
+    InputProps?: TextFieldProps['InputProps'];
+    inputVariant?: TextFieldProps['variant'];
+    onBlur?: TextFieldProps['onBlur'];
+    startIconButton?: boolean;
+    endIconButton?: boolean;
+    iconButtonEdge?: IconButtonProps['edge'];
+    iconButtonSize?: IconButtonProps['size'];
+    helperText?: TextFieldProps['helperText'];
+    error?: TextFieldProps['error'];
+    required?: TextFieldProps['required'];
+    showTodayButton?: boolean;
+    clearable?: boolean;
+    'data-cypress'?: string;
+};
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/components/pickers/V4CompatibleDateTimePicker.js

@@ -1,71 +1,71 @@
-import * as React from 'react';
-import { MobileDateTimePicker, } from '@mui/x-date-pickers';
-import { TextField, InputAdornment, IconButton } from '@mui/material';
-import { AccessTime, DateRange } from '@mui/icons-material';
-import useBooleanState from '../../hooks/useBooleanState';
-import { localisationService } from '@oneblink/apps';
-const V4CompatibleDateTimePicker = ({ name, label, maxDate, maxDateMessage, minDate, minDateMessage, margin, size, placeholder, InputProps, onChange, inputVariant, onBlur, disabled, startIconButton, endIconButton, iconButtonEdge, iconButtonSize, helperText: helperTextProp, error, required, showTodayButton, clearable, value: valueProp, 'data-cypress': dataCypress, ...rest }) => {
-    const [value, setValue] = React.useState(null);
-    const [isOpen, setIsOpen, setIsClosed] = useBooleanState(false);
-    const [helperText, setHelperText] = React.useState(undefined);
-    const handleError = React.useCallback((error) => {
-        switch (error) {
-            case 'invalidDate': {
-                return setHelperText('Invalid Date Time');
-            }
-            case 'maxDate': {
-                return setHelperText(maxDateMessage);
-            }
-            case 'minDate': {
-                return setHelperText(minDateMessage);
-            }
-            default: {
-                return setHelperText(undefined);
-            }
-        }
-    }, [maxDateMessage, minDateMessage]);
-    const convertedMaxDate = React.useMemo(() => {
-        if (typeof maxDate === 'string') {
-            return new Date(maxDate);
-        }
-    }, [maxDate]);
-    const convertedMinDate = React.useMemo(() => {
-        if (typeof minDate === 'string') {
-            return new Date(minDate);
-        }
-    }, [minDate]);
-    const onAccept = React.useCallback((date) => {
-        const currentValue = valueProp instanceof Date ? valueProp.toISOString() : valueProp;
-        if (currentValue !== ((date === null || date === void 0 ? void 0 : date.toISOString()) || null)) {
-            onChange(date);
-        }
-    }, [onChange, valueProp]);
-    const actions = React.useMemo(() => {
-        const actions = ['cancel', 'accept'];
-        if (showTodayButton) {
-            actions.unshift('today');
-        }
-        if (clearable) {
-            actions.unshift('clear');
-        }
-        return actions;
-    }, [clearable, showTodayButton]);
-    React.useEffect(() => {
-        setValue(valueProp);
-    }, [valueProp]);
-    return (React.createElement(MobileDateTimePicker, { open: isOpen, onOpen: setIsOpen, onClose: setIsClosed, renderInput: (props) => (React.createElement(TextField, { ...props, name: name, label: label, required: required, helperText: helperTextProp || helperText, error: error, fullWidth: true, margin: margin, size: size, placeholder: placeholder, variant: inputVariant, onBlur: onBlur, InputProps: {
-                startAdornment: startIconButton ? (React.createElement(InputAdornment, { position: "start" },
-                    React.createElement(IconButton, { edge: iconButtonEdge, size: iconButtonSize, onClick: setIsOpen, disabled: disabled },
-                        React.createElement(DateRange, null)))) : undefined,
-                endAdornment: endIconButton ? (React.createElement(InputAdornment, { position: "end" },
-                    React.createElement(IconButton, { edge: iconButtonEdge, size: iconButtonSize, onClick: setIsOpen, disabled: disabled },
-                        React.createElement(DateRange, null)))) : undefined,
-                ...(InputProps ? InputProps : {}),
-            }, "data-cypress": dataCypress })), maxDate: convertedMaxDate, minDate: convertedMinDate, onError: handleError, timeIcon: React.createElement(AccessTime, null), dateRangeIcon: React.createElement(DateRange, null), onChange: setValue, value: value, onAccept: onAccept, inputFormat: localisationService.getDateFnsFormats().shortDateTime, disabled: disabled, componentsProps: {
-            actionBar: {
-                actions,
-            },
-        }, ...rest }));
-};
-export default React.memo(V4CompatibleDateTimePicker);
+import * as React from 'react';
+import { MobileDateTimePicker, } from '@mui/x-date-pickers';
+import { TextField, InputAdornment, IconButton } from '@mui/material';
+import { AccessTime, DateRange } from '@mui/icons-material';
+import useBooleanState from '../../hooks/useBooleanState';
+import { localisationService } from '@oneblink/apps';
+const V4CompatibleDateTimePicker = ({ name, label, maxDate, maxDateMessage, minDate, minDateMessage, margin, size, placeholder, InputProps, onChange, inputVariant, onBlur, disabled, startIconButton, endIconButton, iconButtonEdge, iconButtonSize, helperText: helperTextProp, error, required, showTodayButton, clearable, value: valueProp, 'data-cypress': dataCypress, ...rest }) => {
+    const [value, setValue] = React.useState(null);
+    const [isOpen, setIsOpen, setIsClosed] = useBooleanState(false);
+    const [helperText, setHelperText] = React.useState(undefined);
+    const handleError = React.useCallback((error) => {
+        switch (error) {
+            case 'invalidDate': {
+                return setHelperText('Invalid Date Time');
+            }
+            case 'maxDate': {
+                return setHelperText(maxDateMessage);
+            }
+            case 'minDate': {
+                return setHelperText(minDateMessage);
+            }
+            default: {
+                return setHelperText(undefined);
+            }
+        }
+    }, [maxDateMessage, minDateMessage]);
+    const convertedMaxDate = React.useMemo(() => {
+        if (typeof maxDate === 'string') {
+            return new Date(maxDate);
+        }
+    }, [maxDate]);
+    const convertedMinDate = React.useMemo(() => {
+        if (typeof minDate === 'string') {
+            return new Date(minDate);
+        }
+    }, [minDate]);
+    const onAccept = React.useCallback((date) => {
+        const currentValue = valueProp instanceof Date ? valueProp.toISOString() : valueProp;
+        if (currentValue !== ((date === null || date === void 0 ? void 0 : date.toISOString()) || null)) {
+            onChange(date);
+        }
+    }, [onChange, valueProp]);
+    const actions = React.useMemo(() => {
+        const actions = ['cancel', 'accept'];
+        if (showTodayButton) {
+            actions.unshift('today');
+        }
+        if (clearable) {
+            actions.unshift('clear');
+        }
+        return actions;
+    }, [clearable, showTodayButton]);
+    React.useEffect(() => {
+        setValue(valueProp);
+    }, [valueProp]);
+    return (React.createElement(MobileDateTimePicker, { open: isOpen, onOpen: setIsOpen, onClose: setIsClosed, renderInput: (props) => (React.createElement(TextField, { ...props, name: name, label: label, required: required, helperText: helperTextProp || helperText, error: error, fullWidth: true, margin: margin, size: size, placeholder: placeholder, variant: inputVariant, onBlur: onBlur, InputProps: {
+                startAdornment: startIconButton ? (React.createElement(InputAdornment, { position: "start" },
+                    React.createElement(IconButton, { edge: iconButtonEdge, size: iconButtonSize, onClick: setIsOpen, disabled: disabled },
+                        React.createElement(DateRange, null)))) : undefined,
+                endAdornment: endIconButton ? (React.createElement(InputAdornment, { position: "end" },
+                    React.createElement(IconButton, { edge: iconButtonEdge, size: iconButtonSize, onClick: setIsOpen, disabled: disabled },
+                        React.createElement(DateRange, null)))) : undefined,
+                ...(InputProps ? InputProps : {}),
+            }, "data-cypress": dataCypress })), maxDate: convertedMaxDate, minDate: convertedMinDate, onError: handleError, timeIcon: React.createElement(AccessTime, null), dateRangeIcon: React.createElement(DateRange, null), onChange: setValue, value: value, onAccept: onAccept, inputFormat: localisationService.getDateFnsFormats().shortDateTime, disabled: disabled, componentsProps: {
+            actionBar: {
+                actions,
+            },
+        }, ...rest }));
+};
+export default React.memo(V4CompatibleDateTimePicker);
 //# sourceMappingURL=V4CompatibleDateTimePicker.js.map

package/dist/components/pickers/V4CompatibleTimePicker.d.ts

@@ -1,28 +1,28 @@
-import * as React from 'react';
-import { MobileTimePickerProps } from '@mui/x-date-pickers';
-import { TextField, IconButton } from '@mui/material';
-declare type RemainingPickerProps = Omit<MobileTimePickerProps<string | Date, Date>, 'onError' | 'renderInput' | 'toolbarFormat' | 'rightArrowIcon' | 'leftArrowIcon' | 'maxDate' | 'minDate' | 'inputFormat'>;
-declare type TextFieldProps = React.ComponentProps<typeof TextField>;
-declare type IconButtonProps = React.ComponentProps<typeof IconButton>;
-declare type Props = RemainingPickerProps & {
-    name?: TextFieldProps['name'];
-    label?: TextFieldProps['label'];
-    margin?: TextFieldProps['margin'];
-    size?: TextFieldProps['size'];
-    placeholder?: TextFieldProps['placeholder'];
-    InputProps?: TextFieldProps['InputProps'];
-    inputVariant?: TextFieldProps['variant'];
-    onBlur?: TextFieldProps['onBlur'];
-    startIconButton?: boolean;
-    endIconButton?: boolean;
-    iconButtonEdge?: IconButtonProps['edge'];
-    iconButtonSize?: IconButtonProps['size'];
-    helperText?: TextFieldProps['helperText'];
-    error?: TextFieldProps['error'];
-    required?: TextFieldProps['required'];
-    showTodayButton?: boolean;
-    clearable?: boolean;
-    'data-cypress'?: string;
-};
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import * as React from 'react';
+import { MobileTimePickerProps } from '@mui/x-date-pickers';
+import { TextField, IconButton } from '@mui/material';
+declare type RemainingPickerProps = Omit<MobileTimePickerProps<string | Date, Date>, 'onError' | 'renderInput' | 'toolbarFormat' | 'rightArrowIcon' | 'leftArrowIcon' | 'maxDate' | 'minDate' | 'inputFormat'>;
+declare type TextFieldProps = React.ComponentProps<typeof TextField>;
+declare type IconButtonProps = React.ComponentProps<typeof IconButton>;
+declare type Props = RemainingPickerProps & {
+    name?: TextFieldProps['name'];
+    label?: TextFieldProps['label'];
+    margin?: TextFieldProps['margin'];
+    size?: TextFieldProps['size'];
+    placeholder?: TextFieldProps['placeholder'];
+    InputProps?: TextFieldProps['InputProps'];
+    inputVariant?: TextFieldProps['variant'];
+    onBlur?: TextFieldProps['onBlur'];
+    startIconButton?: boolean;
+    endIconButton?: boolean;
+    iconButtonEdge?: IconButtonProps['edge'];
+    iconButtonSize?: IconButtonProps['size'];
+    helperText?: TextFieldProps['helperText'];
+    error?: TextFieldProps['error'];
+    required?: TextFieldProps['required'];
+    showTodayButton?: boolean;
+    clearable?: boolean;
+    'data-cypress'?: string;
+};
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/components/pickers/V4CompatibleTimePicker.js

@@ -1,54 +1,54 @@
-import * as React from 'react';
-import { MobileTimePicker } from '@mui/x-date-pickers';
-import { TextField, InputAdornment, IconButton } from '@mui/material';
-import { AccessTime } from '@mui/icons-material';
-import useBooleanState from '../../hooks/useBooleanState';
-const V4CompatibleTimePicker = ({ name, label, margin, size, placeholder, InputProps, onChange, inputVariant, onBlur, disabled, startIconButton, endIconButton, iconButtonEdge, iconButtonSize, helperText: helperTextProp, error, required, showTodayButton, clearable, value: valueProp, 'data-cypress': dataCypress, ...rest }) => {
-    const [value, setValue] = React.useState(null);
-    const [isOpen, setIsOpen, setIsClosed] = useBooleanState(false);
-    const [helperText, setHelperText] = React.useState(undefined);
-    const handleError = React.useCallback((error) => {
-        switch (error) {
-            case 'invalidDate': {
-                return setHelperText('Invalid Date Time');
-            }
-            default: {
-                return setHelperText(undefined);
-            }
-        }
-    }, []);
-    const onAccept = React.useCallback((date) => {
-        const currentValue = valueProp instanceof Date ? valueProp.toISOString() : valueProp;
-        if (currentValue !== ((date === null || date === void 0 ? void 0 : date.toISOString()) || null)) {
-            onChange(date);
-        }
-    }, [onChange, valueProp]);
-    const actions = React.useMemo(() => {
-        const actions = ['cancel', 'accept'];
-        if (showTodayButton) {
-            actions.unshift('today');
-        }
-        if (clearable) {
-            actions.unshift('clear');
-        }
-        return actions;
-    }, [clearable, showTodayButton]);
-    React.useEffect(() => {
-        setValue(valueProp);
-    }, [valueProp]);
-    return (React.createElement(MobileTimePicker, { open: isOpen, onOpen: setIsOpen, onClose: setIsClosed, renderInput: (props) => (React.createElement(TextField, { ...props, name: name, label: label, required: required, helperText: helperTextProp || helperText, error: error, fullWidth: true, margin: margin, size: size, placeholder: placeholder, variant: inputVariant, onBlur: onBlur, InputProps: {
-                startAdornment: startIconButton ? (React.createElement(InputAdornment, { position: "start" },
-                    React.createElement(IconButton, { edge: iconButtonEdge, size: iconButtonSize, onClick: setIsOpen, disabled: disabled },
-                        React.createElement(AccessTime, null)))) : undefined,
-                endAdornment: endIconButton ? (React.createElement(InputAdornment, { position: "end" },
-                    React.createElement(IconButton, { edge: iconButtonEdge, size: iconButtonSize, onClick: setIsOpen, disabled: disabled },
-                        React.createElement(AccessTime, null)))) : undefined,
-                ...(InputProps ? InputProps : {}),
-            }, "data-cypress": dataCypress })), onError: handleError, onChange: setValue, value: value, onAccept: onAccept, disabled: disabled, componentsProps: {
-            actionBar: {
-                actions,
-            },
-        }, ...rest }));
-};
-export default React.memo(V4CompatibleTimePicker);
+import * as React from 'react';
+import { MobileTimePicker } from '@mui/x-date-pickers';
+import { TextField, InputAdornment, IconButton } from '@mui/material';
+import { AccessTime } from '@mui/icons-material';
+import useBooleanState from '../../hooks/useBooleanState';
+const V4CompatibleTimePicker = ({ name, label, margin, size, placeholder, InputProps, onChange, inputVariant, onBlur, disabled, startIconButton, endIconButton, iconButtonEdge, iconButtonSize, helperText: helperTextProp, error, required, showTodayButton, clearable, value: valueProp, 'data-cypress': dataCypress, ...rest }) => {
+    const [value, setValue] = React.useState(null);
+    const [isOpen, setIsOpen, setIsClosed] = useBooleanState(false);
+    const [helperText, setHelperText] = React.useState(undefined);
+    const handleError = React.useCallback((error) => {
+        switch (error) {
+            case 'invalidDate': {
+                return setHelperText('Invalid Date Time');
+            }
+            default: {
+                return setHelperText(undefined);
+            }
+        }
+    }, []);
+    const onAccept = React.useCallback((date) => {
+        const currentValue = valueProp instanceof Date ? valueProp.toISOString() : valueProp;
+        if (currentValue !== ((date === null || date === void 0 ? void 0 : date.toISOString()) || null)) {
+            onChange(date);
+        }
+    }, [onChange, valueProp]);
+    const actions = React.useMemo(() => {
+        const actions = ['cancel', 'accept'];
+        if (showTodayButton) {
+            actions.unshift('today');
+        }
+        if (clearable) {
+            actions.unshift('clear');
+        }
+        return actions;
+    }, [clearable, showTodayButton]);
+    React.useEffect(() => {
+        setValue(valueProp);
+    }, [valueProp]);
+    return (React.createElement(MobileTimePicker, { open: isOpen, onOpen: setIsOpen, onClose: setIsClosed, renderInput: (props) => (React.createElement(TextField, { ...props, name: name, label: label, required: required, helperText: helperTextProp || helperText, error: error, fullWidth: true, margin: margin, size: size, placeholder: placeholder, variant: inputVariant, onBlur: onBlur, InputProps: {
+                startAdornment: startIconButton ? (React.createElement(InputAdornment, { position: "start" },
+                    React.createElement(IconButton, { edge: iconButtonEdge, size: iconButtonSize, onClick: setIsOpen, disabled: disabled },
+                        React.createElement(AccessTime, null)))) : undefined,
+                endAdornment: endIconButton ? (React.createElement(InputAdornment, { position: "end" },
+                    React.createElement(IconButton, { edge: iconButtonEdge, size: iconButtonSize, onClick: setIsOpen, disabled: disabled },
+                        React.createElement(AccessTime, null)))) : undefined,
+                ...(InputProps ? InputProps : {}),
+            }, "data-cypress": dataCypress })), onError: handleError, onChange: setValue, value: value, onAccept: onAccept, disabled: disabled, componentsProps: {
+            actionBar: {
+                actions,
+            },
+        }, ...rest }));
+};
+export default React.memo(V4CompatibleTimePicker);
 //# sourceMappingURL=V4CompatibleTimePicker.js.map

package/dist/components/renderer/AnnotationModal.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-declare function AnnotationModal({ imageSrc, onClose, onSave, }: {
-    imageSrc: string;
-    onClose: () => void;
-    onSave: (newValue: string) => void;
-}): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof AnnotationModal>;
-export default _default;
+import * as React from 'react';
+declare function AnnotationModal({ imageSrc, onClose, onSave, }: {
+    imageSrc: string;
+    onClose: () => void;
+    onSave: (newValue: string) => void;
+}): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof AnnotationModal>;
+export default _default;