@max-ts/components 1.3.2 → 1.4.1

package/lib/components/Calendar/Calendar.d.ts

@@ -0,0 +1,7 @@
+import { PropsBase, PropsMulti, PropsMultiRequired, PropsRange, PropsRangeRequired, PropsSingle, PropsSingleRequired } from 'react-day-picker';
+export type { PropsBase, PropsMulti, PropsMultiRequired, PropsRange, PropsRangeRequired, PropsSingle, PropsSingleRequired, };
+export type CalendarProps = PropsBase & (PropsSingle | PropsSingleRequired | PropsMulti | PropsMultiRequired | PropsRange | PropsRangeRequired | {
+    mode?: undefined;
+    required?: undefined;
+});
+export declare const Calendar: ({ className, classNames, showOutsideDays, ...props }: CalendarProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Calendar/index.d.ts

@@ -0,0 +1 @@
+export * from './Calendar';

package/lib/components/Calendar/styles.d.ts

@@ -0,0 +1,21 @@
+export declare const StyledNav: import('@emotion/styled').StyledComponent<{
+    onPreviousClick?: import('react').MouseEventHandler<HTMLButtonElement>;
+    onNextClick?: import('react').MouseEventHandler<HTMLButtonElement>;
+    previousMonth?: Date | undefined;
+    nextMonth?: Date | undefined;
+} & import('react').HTMLAttributes<HTMLElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const MonthButton: import('@emotion/styled').StyledComponent<Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
+    variant?: `${import('../Button').ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import('react').ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import('../Button').ButtonColors}`;
+    selected?: boolean;
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledMonths: import('@emotion/styled').StyledComponent<import('react').HTMLAttributes<HTMLDivElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledMonthCaption: import('@emotion/styled').StyledComponent<{
+    calendarMonth: import('react-day-picker').CalendarMonth;
+    displayIndex: number;
+} & import('react').HTMLAttributes<HTMLDivElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const Dropdowns: import('@emotion/styled').StyledComponent<import('react').HTMLAttributes<HTMLDivElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/DatePicker/DatePicker.d.ts

@@ -1,7 +1,11 @@
-import { PropsBase, PropsMulti, PropsMultiRequired, PropsRange, PropsRangeRequired, PropsSingle, PropsSingleRequired } from 'react-day-picker';
-export type { PropsBase, PropsMulti, PropsMultiRequired, PropsRange, PropsRangeRequired, PropsSingle, PropsSingleRequired, };
-export type DatePickerProps = PropsBase & (PropsSingle | PropsSingleRequired | PropsMulti | PropsMultiRequired | PropsRange | PropsRangeRequired | {
-    mode?: undefined;
-    required?: undefined;
-});
-export declare const DatePicker: ({ className, classNames, showOutsideDays, ...props }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+import { PropsSingle } from '../Calendar';
+import { TextFieldProps } from '../TextField';
+export type DatePickerProps = Omit<PropsSingle, 'onSelect' | 'mode'> & {
+    label?: string;
+    disabled?: boolean;
+    onSelect?: (date: Date | undefined) => void;
+    selectMonth?: boolean;
+    selectYear?: boolean;
+    calendarClassName?: string;
+} & Pick<TextFieldProps, 'error' | 'helperText' | 'className'>;
+export declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/DatePicker/styles.d.ts

@@ -1,21 +1 @@
-export declare const StyledNav: import('@emotion/styled').StyledComponent<{
-    onPreviousClick?: import('react').MouseEventHandler<HTMLButtonElement>;
-    onNextClick?: import('react').MouseEventHandler<HTMLButtonElement>;
-    previousMonth?: Date | undefined;
-    nextMonth?: Date | undefined;
-} & import('react').HTMLAttributes<HTMLElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const MonthButton: import('@emotion/styled').StyledComponent<Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
-    variant?: `${import('../Button').ButtonVariants}`;
-    loading?: boolean;
-    loadingIndicator?: import('react').ReactNode;
-    loadingPosition?: "start" | "end" | "center";
-    color?: `${import('../Button').ButtonColors}`;
-    selected?: boolean;
-    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const StyledMonths: import('@emotion/styled').StyledComponent<import('react').HTMLAttributes<HTMLDivElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const StyledMonthCaption: import('@emotion/styled').StyledComponent<{
-    calendarMonth: import('react-day-picker').CalendarMonth;
-    displayIndex: number;
-} & import('react').HTMLAttributes<HTMLDivElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const Dropdowns: import('@emotion/styled').StyledComponent<import('react').HTMLAttributes<HTMLDivElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const DatePickerWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/DialogActions/styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledDialogActions: import('@emotion/styled').StyledComponent<import('@mui/material').DialogActionsProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/PeriodPicker/PeriodPicker.d.ts

@@ -0,0 +1,10 @@
+import { TextFieldProps } from '../TextField';
+export type PeriodPickerProps = {
+    disabled?: boolean;
+    value?: Date | null;
+    min?: Date;
+    max?: Date;
+    onSelect?: (date: Date | null) => void;
+    type?: 'month' | 'quarter';
+} & Pick<TextFieldProps, 'error' | 'helperText' | 'label' | 'disabled' | 'placeholder' | 'className'>;
+export declare const PeriodPicker: (props: PeriodPickerProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/PeriodPicker/YearsDropdown/YearsDropdown.d.ts

@@ -0,0 +1,9 @@
+type YearsDropdownProps = {
+    value: Date;
+    onSelect?: (date: Date) => void;
+    minDate: Date;
+    maxDate: Date;
+    disabled?: boolean;
+};
+export declare function YearsDropdown({ value, onSelect, minDate, maxDate, disabled, }: YearsDropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/PeriodPicker/YearsDropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './YearsDropdown';

package/lib/components/PeriodPicker/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const MONTHS: string[];
+export declare const QUARTERS: string[];

package/lib/components/PeriodPicker/index.d.ts

@@ -0,0 +1 @@
+export * from './PeriodPicker';

package/lib/components/PeriodPicker/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MonthsWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const QuartersWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/PeriodPicker/utils.d.ts

@@ -0,0 +1,3 @@
+export declare const getQuarter: (month: number) => number;
+export declare const getMonth: (quarter: number) => number;
+export declare const getQuarterLabel: (date?: Date | null) => string;

package/lib/components/index.d.ts

@@ -30,8 +30,8 @@ export * from './DashboardLayout';
 export * from './DataGrid';
 export * from './DataGridActionCell';
 export * from './DataGridPagination';
-export * from './DateField';
 export * from './DatePicker';
+export * from './Calendar';
 export * from './Description';
 export * from './DescriptionList';
 export * from './DescriptionTooltip';
@@ -71,6 +71,7 @@ export * from './OverflowTypography';
 export * from './PageLayout';
 export * from './Pagination';
 export * from './Paper';
+export * from './PeriodPicker';
 export * from './Placeholder';
 export * from './Popover';
 export * from './Profile';