@innovaccer/design-system 4.26.1 → 4.28.0-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +58 -0
- package/css/SCOPED_CSS.md +145 -0
- package/css/dist/index.css +36 -14
- package/css/dist/index.css.map +1 -1
- package/css/dist/mds-scoped.css +13826 -0
- package/css/gulpfile.js +34 -25
- package/css/scoped/package.json +5 -0
- package/css/scripts/build-scoped.mjs +313 -0
- package/css/scripts/css-sources.cjs +49 -0
- package/css/scripts/portal-roots.cjs +47 -0
- package/css/src/components/calendar.module.css +3 -4
- package/css/src/components/grid.module.css +18 -6
- package/css/src/components/horizontalNav.module.css +11 -0
- package/css/src/components/spinner.module.css +4 -4
- package/dist/brotli/index.js +1 -1
- package/dist/brotli/index.js.br +0 -0
- package/dist/cjs/index.js +1 -1
- package/dist/core/components/atoms/dropdown/DropdownButton.d.ts +1 -0
- package/dist/core/components/atoms/input/Input.d.ts +1 -0
- package/dist/core/components/organisms/calendar/Calendar.d.ts +2 -0
- package/dist/core/components/organisms/calendar/utils.d.ts +5 -0
- package/dist/core/components/organisms/datePicker/DatePicker.d.ts +4 -0
- package/dist/core/components/organisms/datePicker/Trigger.d.ts +2 -0
- package/dist/core/components/organisms/dateRangePicker/DateRangePicker.d.ts +8 -0
- package/dist/core/components/organisms/dateRangePicker/SingleInputTrigger.d.ts +2 -0
- package/dist/core/components/organisms/dateRangePicker/Trigger.d.ts +6 -0
- package/dist/core/components/organisms/grid/columnUtility.d.ts +1 -1
- package/dist/core/components/organisms/select/Select.d.ts +2 -0
- package/dist/core/components/organisms/select/SelectOption.d.ts +1 -0
- package/dist/core/components/organisms/select/SelectTrigger.d.ts +2 -0
- package/dist/esm/index.js +744 -375
- package/dist/gzip/index.js +1 -1
- package/dist/gzip/index.js.gz +0 -0
- package/dist/index.js +609 -289
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +36 -14
- package/dist/index.umd.js +1 -1
- package/dist/types/tsconfig.type.tsbuildinfo +43 -39
- package/package.json +3 -2
|
@@ -28,6 +28,7 @@ export interface InputProps extends BaseProps, BaseHtmlProps<HTMLInputElement> {
|
|
|
28
28
|
info?: string;
|
|
29
29
|
minWidth?: string;
|
|
30
30
|
onClear?: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
|
|
31
|
+
clearButtonAriaLabel?: string;
|
|
31
32
|
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
32
33
|
onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
|
|
33
34
|
onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
@@ -39,6 +39,7 @@ export interface SharedProps extends BaseProps {
|
|
|
39
39
|
allowReverseSelection?: boolean;
|
|
40
40
|
'aria-label'?: string;
|
|
41
41
|
'aria-labelledby'?: string;
|
|
42
|
+
wrapperRef?: React.Ref<HTMLDivElement>;
|
|
42
43
|
}
|
|
43
44
|
export declare type CalendarProps = {
|
|
44
45
|
onDateChange?: (date: Date) => void;
|
|
@@ -114,6 +115,7 @@ export declare class Calendar extends React.Component<CalendarProps, CalendarSta
|
|
|
114
115
|
renderEventsIndicator(size: string, active: boolean): React.JSX.Element;
|
|
115
116
|
renderDateValues: (index: number) => React.JSX.Element[];
|
|
116
117
|
renderCalendar: (index: number) => React.JSX.Element;
|
|
118
|
+
setCalendarWrapperRef: (node: HTMLDivElement | null) => void;
|
|
117
119
|
render(): React.JSX.Element;
|
|
118
120
|
}
|
|
119
121
|
export default Calendar;
|
|
@@ -6,6 +6,11 @@ export interface FocusedCell {
|
|
|
6
6
|
row: number;
|
|
7
7
|
col: number;
|
|
8
8
|
}
|
|
9
|
+
export declare type FindFocusableCalendarCellOptions = {
|
|
10
|
+
preferredAriaLabel?: string;
|
|
11
|
+
preferredSelectedIndex?: 'first' | 'last';
|
|
12
|
+
};
|
|
13
|
+
export declare const findFocusableCalendarCell: (root: HTMLElement, options?: FindFocusableCalendarCellOptions) => HTMLElement | null;
|
|
9
14
|
export declare const focusDateCell: (container: HTMLElement, row: number, col: number, monthIndex?: number | undefined) => boolean;
|
|
10
15
|
export declare const focusMonthCell: (container: HTMLElement, monthIndex: number) => boolean;
|
|
11
16
|
export declare const focusYearCell: (container: HTMLElement, yearIndex: number) => boolean;
|
|
@@ -46,8 +46,12 @@ export declare class DatePicker extends React.Component<DatePickerProps, DatePic
|
|
|
46
46
|
firstDayOfWeek: string;
|
|
47
47
|
jumpView: boolean;
|
|
48
48
|
};
|
|
49
|
+
private inputRef;
|
|
50
|
+
private calendarContainerRef;
|
|
49
51
|
constructor(props: DatePickerProps);
|
|
50
52
|
componentDidUpdate(prevProps: DatePickerProps, prevState: DatePickerState): void;
|
|
53
|
+
focusCalendar: () => boolean;
|
|
54
|
+
onInputKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
51
55
|
getError: (date?: Date | undefined) => boolean;
|
|
52
56
|
onDateChangeHandler: (d?: Date | undefined) => void;
|
|
53
57
|
onToggleHandler: (o: boolean, type?: string | undefined) => void;
|
|
@@ -6,6 +6,8 @@ declare type TriggerProps = {
|
|
|
6
6
|
validators: DatePickerProps['validators'];
|
|
7
7
|
state: DatePickerState;
|
|
8
8
|
setState: any;
|
|
9
|
+
inputRef?: React.Ref<HTMLInputElement>;
|
|
10
|
+
onInputKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
9
11
|
};
|
|
10
12
|
export declare const Trigger: (props: TriggerProps) => React.JSX.Element;
|
|
11
13
|
export {};
|
|
@@ -87,8 +87,16 @@ export declare class DateRangePicker extends React.Component<DateRangePickerProp
|
|
|
87
87
|
jumpView: boolean;
|
|
88
88
|
};
|
|
89
89
|
monthsInView: number;
|
|
90
|
+
private startInputRef;
|
|
91
|
+
private endInputRef;
|
|
92
|
+
private singleInputRef;
|
|
93
|
+
private calendarContainerRef;
|
|
94
|
+
private lastFocusedInput;
|
|
90
95
|
constructor(props: DateRangePickerProps);
|
|
91
96
|
componentDidUpdate(prevProps: DateRangePickerProps, prevState: DateRangePickerState): void;
|
|
97
|
+
focusLastInput: () => void;
|
|
98
|
+
focusCalendar: () => boolean;
|
|
99
|
+
onInputKeyDown: (input: 'start' | 'end' | 'single') => (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
92
100
|
getDate: (startDate?: Date | undefined, endDate?: Date | undefined) => {
|
|
93
101
|
startValue: string;
|
|
94
102
|
endValue: string;
|
|
@@ -6,6 +6,8 @@ declare type TriggerProps = {
|
|
|
6
6
|
validators: DateRangePickerProps['validators'];
|
|
7
7
|
state: DateRangePickerState;
|
|
8
8
|
setState: any;
|
|
9
|
+
inputRef?: React.Ref<HTMLInputElement>;
|
|
10
|
+
onInputKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
9
11
|
};
|
|
10
12
|
export declare const SingleInputTrigger: (props: TriggerProps) => React.JSX.Element;
|
|
11
13
|
export {};
|
|
@@ -7,6 +7,12 @@ declare type TriggerProps = {
|
|
|
7
7
|
validators: DateRangePickerProps['validators'];
|
|
8
8
|
state: DateRangePickerState;
|
|
9
9
|
setState: any;
|
|
10
|
+
startInputRef?: React.Ref<HTMLInputElement>;
|
|
11
|
+
endInputRef?: React.Ref<HTMLInputElement>;
|
|
12
|
+
onStartInputKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
13
|
+
onEndInputKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
14
|
+
onStartInputActivate?: () => void;
|
|
15
|
+
onEndInputActivate?: () => void;
|
|
10
16
|
};
|
|
11
17
|
export declare const Trigger: (props: TriggerProps) => React.JSX.Element;
|
|
12
18
|
export {};
|
|
@@ -2,7 +2,7 @@ import { GridProps } from "../../../index.type";
|
|
|
2
2
|
import { ColumnSchema, Pinned, SortType, CellType, GridRef, updateColumnSchemaFunction, updateSortingListFunction } from "./Grid";
|
|
3
3
|
declare type resizeColFn = (gridInfo: {
|
|
4
4
|
updateColumnSchema: updateColumnSchemaFunction;
|
|
5
|
-
}, name: ColumnSchema['name'], el: GridRef) => void;
|
|
5
|
+
}, name: ColumnSchema['name'], el: GridRef, pointerX?: number) => void;
|
|
6
6
|
declare type sortColumnFn = (gridInfo: {
|
|
7
7
|
sortingList: GridProps['sortingList'];
|
|
8
8
|
updateSortingList: updateSortingListFunction;
|
|
@@ -25,6 +25,8 @@ export interface SelectProps extends BaseProps {
|
|
|
25
25
|
onToggle?: (open: boolean) => void;
|
|
26
26
|
trigger?: React.ReactElement;
|
|
27
27
|
triggerOptions?: SelectTriggerProps;
|
|
28
|
+
'aria-label'?: string;
|
|
29
|
+
'aria-labelledby'?: string;
|
|
28
30
|
'aria-describedby'?: string;
|
|
29
31
|
'aria-errormessage'?: string;
|
|
30
32
|
trapFocus?: boolean;
|
|
@@ -4,10 +4,12 @@ import { BaseProps } from "../../../utils/types";
|
|
|
4
4
|
export declare type SelectTriggerSize = 'small' | 'regular';
|
|
5
5
|
export interface SelectTriggerProps extends BaseProps {
|
|
6
6
|
'aria-label'?: string;
|
|
7
|
+
'aria-labelledby'?: string;
|
|
7
8
|
'aria-describedby'?: string;
|
|
8
9
|
'aria-errormessage'?: string;
|
|
9
10
|
'aria-invalid'?: boolean | 'true' | 'false' | 'grammar' | 'spelling';
|
|
10
11
|
'aria-controls'?: string;
|
|
12
|
+
clearButtonAriaLabel?: string;
|
|
11
13
|
triggerSize?: SelectTriggerSize;
|
|
12
14
|
icon?: string;
|
|
13
15
|
iconType?: IconType;
|