@am92/react-design-system 2.5.5 → 2.5.7

package/dist/x-datepicker/Locale/DsDatePickerLocaleZhCN.d.ts

@@ -0,0 +1,68 @@
+/// <reference types="date-fns" />
+export declare const DsDatePickerLocaleZhCN: {
+    components: {
+        MuiLocalizationProvider: {
+            defaultProps: {
+                adapterLocale: Locale;
+                localeText: {
+                    okButtonLabel: string;
+                    previousMonth?: string | undefined;
+                    nextMonth?: string | undefined;
+                    calendarWeekNumberHeaderLabel?: string | undefined;
+                    calendarWeekNumberHeaderText?: string | undefined;
+                    calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
+                    calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
+                    openPreviousView?: string | undefined;
+                    openNextView?: string | undefined;
+                    calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
+                    start?: string | undefined;
+                    end?: string | undefined;
+                    cancelButtonLabel?: string | undefined;
+                    clearButtonLabel?: string | undefined;
+                    todayButtonLabel?: string | undefined;
+                    clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                    hoursClockNumberText?: ((hours: string) => string) | undefined;
+                    minutesClockNumberText?: ((minutes: string) => string) | undefined;
+                    secondsClockNumberText?: ((seconds: string) => string) | undefined;
+                    selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
+                    openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                    openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
+                    timeTableLabel?: string | undefined;
+                    dateTableLabel?: string | undefined;
+                    fieldYearPlaceholder?: ((params: {
+                        digitAmount: number;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMonthPlaceholder?: ((params: {
+                        contentType: import("@mui/x-date-pickers").FieldSectionContentType;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldDayPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldWeekDayPlaceholder?: ((params: {
+                        contentType: import("@mui/x-date-pickers").FieldSectionContentType;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldHoursPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMinutesPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldSecondsPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMeridiemPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    datePickerToolbarTitle?: string | undefined;
+                    timePickerToolbarTitle?: string | undefined;
+                    dateTimePickerToolbarTitle?: string | undefined;
+                    dateRangePickerToolbarTitle?: string | undefined;
+                };
+            };
+        };
+    };
+};

package/dist/x-datepicker/Locale/DsDatePickerLocaleZhCN.js

@@ -0,0 +1,15 @@
+import { zhCN as ZhCN } from '@mui/x-date-pickers/locales';
+import zhCN from 'date-fns/locale/zh-CN';
+export const DsDatePickerLocaleZhCN = {
+    components: {
+        MuiLocalizationProvider: {
+            defaultProps: {
+                adapterLocale: zhCN,
+                localeText: {
+                    ...ZhCN.components.MuiLocalizationProvider.defaultProps.localeText,
+                    okButtonLabel: '确认'
+                }
+            }
+        }
+    }
+};

package/dist/x-datepicker/Locale/DsDatePickerLocaleZhHK.d.ts

@@ -0,0 +1,68 @@
+/// <reference types="date-fns" />
+export declare const DsDatePickerLocaleZhHK: {
+    components: {
+        MuiLocalizationProvider: {
+            defaultProps: {
+                adapterLocale: Locale;
+                localeText: {
+                    okButtonLabel: string;
+                    previousMonth?: string | undefined;
+                    nextMonth?: string | undefined;
+                    calendarWeekNumberHeaderLabel?: string | undefined;
+                    calendarWeekNumberHeaderText?: string | undefined;
+                    calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
+                    calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
+                    openPreviousView?: string | undefined;
+                    openNextView?: string | undefined;
+                    calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
+                    start?: string | undefined;
+                    end?: string | undefined;
+                    cancelButtonLabel?: string | undefined;
+                    clearButtonLabel?: string | undefined;
+                    todayButtonLabel?: string | undefined;
+                    clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                    hoursClockNumberText?: ((hours: string) => string) | undefined;
+                    minutesClockNumberText?: ((minutes: string) => string) | undefined;
+                    secondsClockNumberText?: ((seconds: string) => string) | undefined;
+                    selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
+                    openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                    openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
+                    timeTableLabel?: string | undefined;
+                    dateTableLabel?: string | undefined;
+                    fieldYearPlaceholder?: ((params: {
+                        digitAmount: number;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMonthPlaceholder?: ((params: {
+                        contentType: import("@mui/x-date-pickers").FieldSectionContentType;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldDayPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldWeekDayPlaceholder?: ((params: {
+                        contentType: import("@mui/x-date-pickers").FieldSectionContentType;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldHoursPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMinutesPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldSecondsPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMeridiemPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    datePickerToolbarTitle?: string | undefined;
+                    timePickerToolbarTitle?: string | undefined;
+                    dateTimePickerToolbarTitle?: string | undefined;
+                    dateRangePickerToolbarTitle?: string | undefined;
+                };
+            };
+        };
+    };
+};

package/dist/x-datepicker/Locale/DsDatePickerLocaleZhHK.js

@@ -0,0 +1,15 @@
+import { zhHK as ZhHK } from '@mui/x-date-pickers/locales';
+import zhHK from 'date-fns/locale/zh-HK';
+export const DsDatePickerLocaleZhHK = {
+    components: {
+        MuiLocalizationProvider: {
+            defaultProps: {
+                adapterLocale: zhHK,
+                localeText: {
+                    ...ZhHK.components.MuiLocalizationProvider.defaultProps.localeText,
+                    okButtonLabel: '確認'
+                }
+            }
+        }
+    }
+};

package/dist/x-datepicker/Locale/index.d.ts

@@ -0,0 +1,35 @@
+export { DsDatePickerLocaleBeBY } from './DsDatePickerLocaleBeBY';
+export { DsDatePickerLocaleCaES } from './DsDatePickerLocaleCaES';
+export { DsDatePickerLocaleCsCZ } from './DsDatePickerLocaleCsCZ';
+export { DsDatePickerLocaleDaDK } from './DsDatePickerLocaleDaDK';
+export { DsDatePickerLocaleDeDE } from './DsDatePickerLocaleDeDE';
+export { DsDatePickerLocaleElGR } from './DsDatePickerLocaleElGR';
+export { DsDatePickerLocaleEnUS } from './DsDatePickerLocaleEnUS';
+export { DsDatePickerLocaleEsES } from './DsDatePickerLocaleEsES';
+export { DsDatePickerLocaleEu } from './DsDatePickerLocaleEu';
+export { DsDatePickerLocaleFaIR } from './DsDatePickerLocaleFaIR';
+export { DsDatePickerLocaleFiFI } from './DsDatePickerLocaleFiFI';
+export { DsDatePickerLocaleFrFR } from './DsDatePickerLocaleFrFR';
+export { DsDatePickerLocaleHeIL } from './DsDatePickerLocaleHeIL';
+export { DsDatePickerLocaleHuHU } from './DsDatePickerLocaleHuHU';
+export { DsDatePickerLocaleIsIS } from './DsDatePickerLocaleIsIS';
+export { DsDatePickerLocaleItIT } from './DsDatePickerLocaleItIT';
+export { DsDatePickerLocaleJaJP } from './DsDatePickerLocaleJaJP';
+export { DsDatePickerLocaleKoKR } from './DsDatePickerLocaleKoKR';
+export { DsDatePickerLocaleKzKZ } from './DsDatePickerLocaleKzKZ';
+export { DsDatePickerLocaleMk } from './DsDatePickerLocaleMk';
+export { DsDatePickerLocaleNbNO } from './DsDatePickerLocaleNbNO';
+export { DsDatePickerLocaleNlNL } from './DsDatePickerLocaleNlNL';
+export { DsDatePickerLocalePlPL } from './DsDatePickerLocalePlPL';
+export { DsDatePickerLocalePtBR } from './DsDatePickerLocalePtBR';
+export { DsDatePickerLocaleRoRO } from './DsDatePickerLocaleRoRO';
+export { DsDatePickerLocaleRuRU } from './DsDatePickerLocaleRuRU';
+export { DsDatePickerLocaleSkSK } from './DsDatePickerLocaleSkSK';
+export { DsDatePickerLocaleSvSE } from './DsDatePickerLocaleSvSE';
+export { DsDatePickerLocaleTrTR } from './DsDatePickerLocaleTrTR';
+export { DsDatePickerLocaleUkUA } from './DsDatePickerLocaleUkUA';
+export { DsDatePickerLocaleUrPK } from './DsDatePickerLocaleUrPK';
+export { DsDatePickerLocaleViVN } from './DsDatePickerLocaleViVN';
+export { DsDatePickerLocaleZhCN } from './DsDatePickerLocaleZhCN';
+export { DsDatePickerLocaleZhHK } from './DsDatePickerLocaleZhHK';
+export { PickersTranslationKeys as DsPickersTranslationKeys, LocalizedComponent as DsLocalizedComponent, PickersInputComponentLocaleText as DsPickersInputComponentLocaleText } from '@mui/x-date-pickers/locales';

package/dist/x-datepicker/Locale/index.js

@@ -0,0 +1,34 @@
+export { DsDatePickerLocaleBeBY } from './DsDatePickerLocaleBeBY';
+export { DsDatePickerLocaleCaES } from './DsDatePickerLocaleCaES';
+export { DsDatePickerLocaleCsCZ } from './DsDatePickerLocaleCsCZ';
+export { DsDatePickerLocaleDaDK } from './DsDatePickerLocaleDaDK';
+export { DsDatePickerLocaleDeDE } from './DsDatePickerLocaleDeDE';
+export { DsDatePickerLocaleElGR } from './DsDatePickerLocaleElGR';
+export { DsDatePickerLocaleEnUS } from './DsDatePickerLocaleEnUS';
+export { DsDatePickerLocaleEsES } from './DsDatePickerLocaleEsES';
+export { DsDatePickerLocaleEu } from './DsDatePickerLocaleEu';
+export { DsDatePickerLocaleFaIR } from './DsDatePickerLocaleFaIR';
+export { DsDatePickerLocaleFiFI } from './DsDatePickerLocaleFiFI';
+export { DsDatePickerLocaleFrFR } from './DsDatePickerLocaleFrFR';
+export { DsDatePickerLocaleHeIL } from './DsDatePickerLocaleHeIL';
+export { DsDatePickerLocaleHuHU } from './DsDatePickerLocaleHuHU';
+export { DsDatePickerLocaleIsIS } from './DsDatePickerLocaleIsIS';
+export { DsDatePickerLocaleItIT } from './DsDatePickerLocaleItIT';
+export { DsDatePickerLocaleJaJP } from './DsDatePickerLocaleJaJP';
+export { DsDatePickerLocaleKoKR } from './DsDatePickerLocaleKoKR';
+export { DsDatePickerLocaleKzKZ } from './DsDatePickerLocaleKzKZ';
+export { DsDatePickerLocaleMk } from './DsDatePickerLocaleMk';
+export { DsDatePickerLocaleNbNO } from './DsDatePickerLocaleNbNO';
+export { DsDatePickerLocaleNlNL } from './DsDatePickerLocaleNlNL';
+export { DsDatePickerLocalePlPL } from './DsDatePickerLocalePlPL';
+export { DsDatePickerLocalePtBR } from './DsDatePickerLocalePtBR';
+export { DsDatePickerLocaleRoRO } from './DsDatePickerLocaleRoRO';
+export { DsDatePickerLocaleRuRU } from './DsDatePickerLocaleRuRU';
+export { DsDatePickerLocaleSkSK } from './DsDatePickerLocaleSkSK';
+export { DsDatePickerLocaleSvSE } from './DsDatePickerLocaleSvSE';
+export { DsDatePickerLocaleTrTR } from './DsDatePickerLocaleTrTR';
+export { DsDatePickerLocaleUkUA } from './DsDatePickerLocaleUkUA';
+export { DsDatePickerLocaleUrPK } from './DsDatePickerLocaleUrPK';
+export { DsDatePickerLocaleViVN } from './DsDatePickerLocaleViVN';
+export { DsDatePickerLocaleZhCN } from './DsDatePickerLocaleZhCN';
+export { DsDatePickerLocaleZhHK } from './DsDatePickerLocaleZhHK';

package/dist/x-datepicker/componentOverrides.d.ts

@@ -0,0 +1,289 @@
+/// <reference types="date-fns" />
+declare const XDatePickerComponentOverrides: {
+    MuiDatePicker: {
+        defaultProps: import("./Components").DsDatePickerProps<Date>;
+    };
+    MuiLocalizationProvider: {
+        defaultProps: {
+            adapterLocale: Locale;
+            localeText: {
+                okButtonLabel: string;
+                previousMonth?: string | undefined;
+                nextMonth?: string | undefined;
+                calendarWeekNumberHeaderLabel?: string | undefined;
+                calendarWeekNumberHeaderText?: string | undefined;
+                calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
+                calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
+                openPreviousView?: string | undefined;
+                openNextView?: string | undefined;
+                calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
+                start?: string | undefined;
+                end?: string | undefined;
+                cancelButtonLabel?: string | undefined;
+                clearButtonLabel?: string | undefined;
+                todayButtonLabel?: string | undefined;
+                clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                hoursClockNumberText?: ((hours: string) => string) | undefined;
+                minutesClockNumberText?: ((minutes: string) => string) | undefined;
+                secondsClockNumberText?: ((seconds: string) => string) | undefined;
+                selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
+                openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                fieldClearLabel?: string | undefined;
+                timeTableLabel?: string | undefined;
+                dateTableLabel?: string | undefined;
+                fieldYearPlaceholder?: ((params: {
+                    digitAmount: number;
+                    format: string;
+                }) => string) | undefined;
+                fieldMonthPlaceholder?: ((params: {
+                    contentType: import("@mui/x-date-pickers").FieldSectionContentType;
+                    format: string;
+                }) => string) | undefined;
+                fieldDayPlaceholder?: ((params: {
+                    format: string;
+                }) => string) | undefined;
+                fieldWeekDayPlaceholder?: ((params: {
+                    contentType: import("@mui/x-date-pickers").FieldSectionContentType;
+                    format: string;
+                }) => string) | undefined;
+                fieldHoursPlaceholder?: ((params: {
+                    format: string;
+                }) => string) | undefined;
+                fieldMinutesPlaceholder?: ((params: {
+                    format: string;
+                }) => string) | undefined;
+                fieldSecondsPlaceholder?: ((params: {
+                    format: string;
+                }) => string) | undefined;
+                fieldMeridiemPlaceholder?: ((params: {
+                    format: string;
+                }) => string) | undefined;
+                datePickerToolbarTitle?: string | undefined;
+                timePickerToolbarTitle?: string | undefined;
+                dateTimePickerToolbarTitle?: string | undefined;
+                dateRangePickerToolbarTitle?: string | undefined;
+            };
+        };
+    };
+    MuiPickersPopper: {
+        styleOverrides: {
+            root: {
+                ' &[data-popper-placement^="right"]': {
+                    marginLeft: string;
+                };
+                ' &[data-popper-placement^="bottom"]': {
+                    marginTop: string;
+                };
+                ' &[data-popper-placement^="left"]': {
+                    marginRight: string;
+                };
+                ' &[data-popper-placement^="top"]': {
+                    marginBottom: string;
+                };
+            };
+            paper: {
+                borderRadius: string;
+                boxShadow: string;
+            };
+        };
+    };
+    MuiDateCalendar: {
+        styleOverrides: {
+            root: {
+                width: string;
+                maxHeight: string;
+                height: string;
+                paddingTop: string;
+            };
+        };
+    };
+    MuiPickersCalendarHeader: {
+        styleOverrides: {
+            root: {
+                margin: string;
+                marginBottom: string;
+                padding: string;
+            };
+            labelContainer: {
+                position: string;
+                left: string;
+                transform: string;
+                cursor: string;
+                pointerEvents: string;
+            };
+            switchViewButton: {
+                display: string;
+            };
+            label: {
+                marginRight: string;
+            };
+        };
+    };
+    MuiPickersArrowSwitcher: {
+        styleOverrides: {
+            root: {
+                width: string;
+            };
+            spacer: {
+                flexGrow: number;
+            };
+        };
+    };
+    MuiPickersDay: {
+        styleOverrides: {
+            root: {
+                width: string;
+                height: string;
+                margin: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                '&.Mui-selected': {
+                    backgroundColor: string;
+                    color: string;
+                    '&:hover': {
+                        backgroundColor: string;
+                        color: string;
+                    };
+                    '&:focus': {
+                        backgroundColor: string;
+                        color: string;
+                    };
+                };
+            };
+            today: {
+                ':not(.Mui-selected)': {
+                    background: string;
+                    borderWidth: string;
+                    borderStyle: string;
+                    borderColor: string;
+                };
+            };
+        };
+    };
+    MuiPickersMonth: {
+        styleOverrides: {
+            monthButton: {
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                borderRadius: string;
+                '&.Mui-selected': {
+                    backgroundColor: string;
+                    color: string;
+                    fontWeight: string;
+                    fontSize: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                    borderRadius: string;
+                    '&:hover': {
+                        backgroundColor: string;
+                        color: string;
+                    };
+                    '&:focus': {
+                        backgroundColor: string;
+                        color: string;
+                    };
+                };
+            };
+        };
+    };
+    MuiDayCalendar: {
+        styleOverrides: {
+            root: {
+                padding: string;
+                maxHeight: string;
+            };
+            weekDayLabel: {
+                color: string;
+                width: string;
+                height: string;
+                margin: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+            weekContainer: {
+                justifyContent: string;
+            };
+            slideTransition: {
+                minHeight: string;
+            };
+            monthContainer: {
+                position: string;
+            };
+            header: {
+                marginBottom: string;
+                justifyContent: string;
+            };
+        };
+    };
+    MuiYearCalendar: {
+        styleOverrides: {
+            root: {
+                paddingLeft: string;
+                paddingRight: string;
+                marginTop: string;
+                marginBottom: string;
+                backgroundColor: string;
+            };
+        };
+    };
+    MuiMonthCalendar: {
+        styleOverrides: {
+            root: {
+                rowGap: string;
+                paddingTop: string;
+                paddingBottom: string;
+                paddingLeft: string;
+                paddingRight: string;
+            };
+        };
+    };
+    MuiPickersYear: {
+        styleOverrides: {
+            root: {
+                flexBasis: string;
+            };
+            yearButton: {
+                width: string;
+                paddingTop: string;
+                paddingBottom: string;
+                height: string;
+                borderRadius: string;
+                marginTop: string;
+                marginBottom: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                color: string;
+                '&:hover': {
+                    backgroundColor: string;
+                };
+                '&:focus': {
+                    backgroundColor: string;
+                };
+                '&.Mui-selected': {
+                    fontWeight: string;
+                    fontSize: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                    color: string;
+                    backgroundColor: string;
+                    '&:hover': {
+                        backgroundColor: string;
+                    };
+                    '&:focus': {
+                        backgroundColor: string;
+                    };
+                };
+            };
+        };
+    };
+};
+export default XDatePickerComponentOverrides;

package/dist/x-datepicker/componentOverrides.js

@@ -0,0 +1,5 @@
+import { DsDatePickerOverrides } from './Components';
+const XDatePickerComponentOverrides = {
+    ...DsDatePickerOverrides
+};
+export default XDatePickerComponentOverrides;

package/dist/x-datepicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Components';
+export * from './Locale';

package/dist/x-datepicker/index.js

@@ -0,0 +1,2 @@
+export * from './Components';
+export * from './Locale';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@am92/react-design-system",
-  "version": "2.5.5",
+  "version": "2.5.7",
   "description": "ReactJS Design System using Material UI",
   "sideEffects": false,
   "types": "dist/index.d.ts",

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

@@ -1,7 +0,0 @@
-import React, { PureComponent } from 'react';
-import { DateView, PickersCalendarHeaderProps } from '@mui/x-date-pickers';
-export declare class DateCalenderHeader extends PureComponent<PickersCalendarHeaderProps<Date>> {
-    handleMonthChange: (direction: 'left' | 'right', numberOfMonths: 1 | -1 | 12 | -12) => () => void;
-    handleViewShow: (view: DateView) => () => void;
-    render(): React.ReactNode;
-}

package/dist/Components/DsDatePicker/DateCalenderHeader.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PureComponent } from 'react';
-import { format, addMonths } from 'date-fns';
-import { DsButtonBase } from '../DsButtonBase';
-import { DsIconButton } from '../DsIconButton';
-import { DsRemixIcon } from '../DsRemixIcon';
-import { DsStack } from '../DsStack';
-import { DsTypography } from '../DsTypography';
-export class DateCalenderHeader extends PureComponent {
-    handleMonthChange = (direction, numberOfMonths) => () => {
-        const { currentMonth, onMonthChange } = this.props;
-        onMonthChange(addMonths(currentMonth, numberOfMonths), direction);
-    };
-    handleViewShow = (view) => () => {
-        const { onViewChange } = this.props;
-        onViewChange && onViewChange(view);
-    };
-    render() {
-        const { currentMonth, onMonthChange, view } = this.props;
-        const isYearNavigationDisabled = view === 'month';
-        const isMonthNavigationDisabled = view === 'year';
-        return (_jsxs(DsStack, { direction: "row", justifyContent: "space-between", 
-            // spacing='var(--ds-spacing-frostbite)'
-            sx: { p: 'var(--ds-spacing-frostbite)' }, children: [_jsxs(DsStack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: "var(--ds-spacing-frostbite)", children: [_jsx(DsIconButton, { disabled: isYearNavigationDisabled || isMonthNavigationDisabled, onClick: this.handleMonthChange('left', -1), children: _jsx(DsRemixIcon, { className: "ri-arrow-drop-left-line" }) }), _jsxs(DsButtonBase, { disabled: isMonthNavigationDisabled, onClick: this.handleViewShow('month'), children: [_jsx(DsTypography, { variant: "bodyBoldSmall", color: isMonthNavigationDisabled ? 'text.disabled' : 'text.primary', children: format(currentMonth, 'MMM') }), _jsx(DsRemixIcon, { className: "ri-arrow-drop-down-fill", color: isMonthNavigationDisabled ? 'iconDisabled' : 'iconDefault', sx: { mr: 'var(--ds-spacing-quickFreeze)' } })] }), _jsx(DsIconButton, { disabled: isYearNavigationDisabled || isMonthNavigationDisabled, onClick: this.handleMonthChange('right', 1), children: _jsx(DsRemixIcon, { className: "ri-arrow-drop-right-line" }) })] }), _jsxs(DsStack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: "var(--ds-spacing-frostbite)", children: [_jsx(DsIconButton, { disabled: isYearNavigationDisabled || isMonthNavigationDisabled, onClick: this.handleMonthChange('left', -12), children: _jsx(DsRemixIcon, { className: "ri-arrow-drop-left-line" }) }), _jsxs(DsButtonBase, { disabled: isYearNavigationDisabled, onClick: this.handleViewShow('year'), children: [_jsx(DsTypography, { variant: "bodyBoldSmall", color: isYearNavigationDisabled ? 'text.disabled' : 'text.primary', children: format(currentMonth, 'yyyy') }), _jsx(DsRemixIcon, { className: "ri-arrow-drop-down-fill", color: isYearNavigationDisabled ? 'iconDisabled' : 'iconDefault', sx: { mr: 'var(--ds-spacing-quickFreeze)' } })] }), _jsx(DsIconButton, { disabled: isYearNavigationDisabled || isMonthNavigationDisabled, onClick: this.handleMonthChange('right', 12), children: _jsx(DsRemixIcon, { className: "ri-arrow-drop-right-line" }) })] })] }));
-    }
-}

package/dist/Components/DsDatePicker/DatePickerTextField.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { DsTextField } from '../DsTextField';
-export const DatePickerTextField = React.forwardRef((props, inputRef) => {
-    const { setOpen, ref, InputProps, focused, ownerState, ...other } = props;
-    const { readOnly } = InputProps || {};
-    return _jsx(DsTextField, { readOnly: readOnly, ...other });
-});

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

@@ -1,7 +0,0 @@
-import React, { PureComponent } from 'react';
-import { PickersActionBarProps } from '@mui/x-date-pickers';
-export declare class DefaultActionBar extends PureComponent<PickersActionBarProps & {
-    ownerState?: any;
-}> {
-    render(): React.ReactNode;
-}

package/dist/Components/DsDatePicker/DefaultActionBar.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PureComponent } from 'react';
-import { DsButton } from '../DsButton';
-import { DsButtonGroup } from '../DsButtonGroup';
-export class DefaultActionBar extends PureComponent {
-    render() {
-        const { onAccept, onClear, ownerState, actions } = this.props;
-        const { value } = ownerState || {};
-        if (!actions?.length) {
-            return;
-        }
-        const isClearVisible = actions.includes('clear');
-        const isConfirmVisible = actions.includes('accept');
-        return (_jsxs(DsButtonGroup, { sx: {
-                gridArea: '3 / 1 / auto / 4',
-                backgroundColor: 'var(--ds-colour-surfaceSecondary)',
-                px: 'var(--ds-spacing-mild)',
-                borderTop: '1px solid var(--ds-colour-strokeDefault)',
-                borderRadius: '0px 0px 16px 16px '
-            }, justifyContent: "space-between", size: "medium", children: [isClearVisible && (_jsx(DsButton, { sx: {
-                        py: 'var(--ds-spacing-glacial)',
-                        px: 'var(--ds-spacing-pleasant)'
-                    }, variant: "text", size: "medium", color: "secondary", onClick: onClear, disabled: !value, children: "Clear" })), isConfirmVisible && (_jsx(DsButton, { sx: {
-                        py: 'var(--ds-spacing-glacial)',
-                        px: 'var(--ds-spacing-pleasant)'
-                    }, variant: "text", size: "medium", color: "secondary", onClick: onAccept, disabled: !value, children: "Confrim" }))] }));
-    }
-}

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

@@ -1,7 +0,0 @@
-import React, { Component } from 'react';
-import { DatePickerToolbarProps } from '@mui/x-date-pickers';
-export declare class DefaultToolbar extends Component<DatePickerToolbarProps<Date> & {
-    ownerState?: any;
-}> {
-    render(): React.ReactNode;
-}