@am92/react-design-system 2.5.5 → 2.5.7

package/dist/Components/DsDatePicker/DefaultToolbar.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Component } from 'react';
-import { DsIconButton } from '../DsIconButton';
-import { DsRemixIcon } from '../DsRemixIcon';
-import { DsStack } from '../DsStack';
-import { DsTypography } from '../DsTypography';
-export class DefaultToolbar extends Component {
-    render() {
-        const { value, ownerState } = this.props;
-        const { onCancel } = ownerState;
-        const formatOptions = {
-            day: 'numeric',
-            month: 'short',
-            year: 'numeric'
-        };
-        const currentDateAndDay = value && value.toLocaleDateString('en-GB', formatOptions);
-        return (_jsx(DsStack, { sx: {
-                backgroundColor: 'var(--ds-colour-surfaceSecondary)',
-                padding: 'var(--ds-spacing-cool) var(--ds-spacing-bitterCold)',
-                gridArea: '1 / 2 / auto / 4',
-                borderRadius: '16px 16px 0px 0px',
-                borderBottom: '1px solid var(--ds-colour-strokeDefault)'
-            }, children: _jsxs(DsTypography, { sx: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'space-between'
-                }, variant: "headingBoldExtraSmall", children: [value ? `Selected date: ${currentDateAndDay}` : 'Select a date', _jsx(DsIconButton, { onClick: onCancel, children: _jsx(DsRemixIcon, { className: "ri-close-line" }) })] }) }));
-    }
-}

package/dist/Components/DsDatePicker/DsDatePicker.Component.d.ts

@@ -1,16 +0,0 @@
-import React, { PureComponent } from 'react';
-import { DateValidationError, DateView } from '@mui/x-date-pickers';
-import { DsDatePickerProps, DsDatePickerState } from './DsDatePicker.Types';
-import { PickerChangeHandlerContext } from '@mui/x-date-pickers/models';
-export declare class DsDatePicker extends PureComponent<DsDatePickerProps<Date>, DsDatePickerState> {
-    static defaultProps: DsDatePickerProps<Date>;
-    state: DsDatePickerState;
-    ref: React.RefObject<HTMLInputElement>;
-    setOpen: (open: boolean) => void;
-    onOpen: () => void;
-    onClose: () => void;
-    handleChange: (value: Date | null, context: PickerChangeHandlerContext<DateValidationError>) => void;
-    handleError: (error: DateValidationError, value: Date | null) => void;
-    handleViewChange: (value: DateView) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}

package/dist/Components/DsDatePicker/DsDatePicker.Component.js

@@ -1,94 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { PureComponent } from 'react';
-import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
-import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import { DatePicker } from '@mui/x-date-pickers';
-import { DefaultActionBar } from './DefaultActionBar';
-import { DefaultToolbar } from './DefaultToolbar';
-import { DsDatePickerDefaultProps, DsDatePickerDefaultState } from './DsDatePicker.Types';
-import { DateCalenderHeader } from './DateCalenderHeader';
-import { DsIconButton } from '../DsIconButton';
-import { DsInputAdornment } from '../DsInputAdornment';
-import { DsRemixIcon } from '../DsRemixIcon';
-import { DatePickerTextField } from './DatePickerTextField';
-import { getDateFromValue, getErrorFromErrorMap, getValueTypeFromValue } from './utils';
-export class DsDatePicker extends PureComponent {
-    static defaultProps = DsDatePickerDefaultProps;
-    state = DsDatePickerDefaultState;
-    ref = React.createRef();
-    setOpen = (open) => this.setState({ open });
-    onOpen = () => this.setOpen(true);
-    onClose = () => this.setOpen(false);
-    handleChange = (value, context) => {
-        const { onChange, onError, errorMap, name, valueType, format: formatType, views } = this.props;
-        if (!views)
-            this.setState({ views: ['day'] });
-        if (context.validationError && typeof onError === 'function') {
-            const error = getErrorFromErrorMap(errorMap, context.validationError, value);
-            onError(name, error, context.validationError, getValueTypeFromValue(value, valueType, formatType));
-            return;
-        }
-        if (typeof onChange === 'function' && formatType) {
-            onChange(name, getValueTypeFromValue(value, valueType, formatType));
-        }
-    };
-    handleError = (error, value) => {
-        const { onError, errorMap, name } = this.props;
-        if (error && typeof onError === 'function') {
-            const errorMsg = getErrorFromErrorMap(errorMap, error, value);
-            onError(name, errorMsg, error, value);
-        }
-    };
-    handleViewChange = (value) => {
-        this.setState({ views: [value, 'day'] });
-    };
-    render() {
-        const { onChange, onError, defaultValue, value, valueType, format, onViewChange, views: propViews, disabled, readOnly = false, required, fullWidth, onBlur, onFocus, label, InputLabelProps, labelSupportText, helperText, HelperTextProps, FormControlProps, success, error, ...restProps } = this.props;
-        const { open, views } = this.state;
-        return (_jsx(LocalizationProvider, { dateAdapter: AdapterDateFns, children: _jsx(DatePicker, { ...restProps, slots: {
-                    actionBar: DefaultActionBar,
-                    toolbar: DefaultToolbar,
-                    textField: DatePickerTextField,
-                    calendarHeader: DateCalenderHeader,
-                    ...this.props.slots
-                }, slotProps: {
-                    ...this.props.slotProps,
-                    day: {
-                        //commented to show current day border highlight
-                        // disableHighlightToday: true,
-                        ...this.props.slotProps?.day
-                    },
-                    textField: {
-                        required,
-                        fullWidth,
-                        onBlur,
-                        onFocus,
-                        label,
-                        InputLabelProps,
-                        labelSupportText,
-                        helperText,
-                        HelperTextProps,
-                        FormControlProps,
-                        success,
-                        error,
-                        readOnly,
-                        ...this.props.slotProps?.textField,
-                        endAdornment: (_jsx(DsInputAdornment, { position: "end", disablePointerEvents: disabled, children: _jsx(DsIconButton, { disabled: disabled, onClick: this.onOpen, children: _jsx(DsRemixIcon, { className: "ri-calendar-line", fontSize: "bitterCold" }) }) }))
-                    },
-                    actionBar: ownerState => ({
-                        actions: ownerState.view === 'day' ? ['clear', 'accept'] : [],
-                        ...this.props.slotProps?.actionBar
-                    }),
-                    popper: {
-                        anchorEl: this.ref.current,
-                        //style to unset fixed width
-                        sx: {
-                            '.MuiMonthCalendar-root': {
-                                width: '100%'
-                            }
-                        },
-                        ...this.props.slotProps?.popper
-                    }
-                }, readOnly: readOnly, disabled: disabled, format: format, open: open, reduceAnimations: true, onOpen: this.onOpen, onClose: this.onClose, onChange: this.handleChange, onViewChange: this.handleViewChange, onError: this.handleError, views: propViews || views, value: getDateFromValue(value, valueType, format), defaultValue: getDateFromValue(defaultValue, valueType, format), inputRef: this.ref }) }));
-    }
-}

package/dist/Components/DsDatePicker/DsDatePicker.Types.d.ts

@@ -1,20 +0,0 @@
-import { DatePickerProps, DateValidationError, DateView } from '@mui/x-date-pickers';
-import { DsTextFieldProps } from '../DsTextField';
-export type TErrorMapKeys = Exclude<DateValidationError, null>;
-export type TValue = string | Date | undefined | null;
-export type TValueType = 'date' | 'formattedValue' | 'ISO' | undefined;
-export interface DsDatePickerProps<TDate> extends Omit<DatePickerProps<TDate>, 'open' | 'onOpen' | 'onClose' | 'yearsPerRow' | 'monthsPerRow' | 'onChange' | 'onError' | 'value' | 'defaultValue'>, Pick<DsTextFieldProps, 'required' | 'fullWidth' | 'label' | 'InputLabelProps' | 'labelSupportText' | 'helperText' | 'HelperTextProps' | 'FormControlProps' | 'success' | 'error' | 'onFocus' | 'onBlur'> {
-    onChange?: (name: string, value: TValue) => void;
-    onError?: (name: string, error: string, errorCode: DateValidationError, value: TValue | null) => void;
-    name: string;
-    value?: TValue;
-    defaultValue?: TValue;
-    valueType?: TValueType;
-    errorMap?: Partial<Record<TErrorMapKeys, string>>;
-}
-export declare const DsDatePickerDefaultProps: DsDatePickerProps<Date>;
-export interface DsDatePickerState {
-    open: boolean;
-    views: readonly DateView[];
-}
-export declare const DsDatePickerDefaultState: DsDatePickerState;