@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.
Files changed (39) hide show
  1. package/CHANGELOG.md +58 -0
  2. package/css/SCOPED_CSS.md +145 -0
  3. package/css/dist/index.css +36 -14
  4. package/css/dist/index.css.map +1 -1
  5. package/css/dist/mds-scoped.css +13826 -0
  6. package/css/gulpfile.js +34 -25
  7. package/css/scoped/package.json +5 -0
  8. package/css/scripts/build-scoped.mjs +313 -0
  9. package/css/scripts/css-sources.cjs +49 -0
  10. package/css/scripts/portal-roots.cjs +47 -0
  11. package/css/src/components/calendar.module.css +3 -4
  12. package/css/src/components/grid.module.css +18 -6
  13. package/css/src/components/horizontalNav.module.css +11 -0
  14. package/css/src/components/spinner.module.css +4 -4
  15. package/dist/brotli/index.js +1 -1
  16. package/dist/brotli/index.js.br +0 -0
  17. package/dist/cjs/index.js +1 -1
  18. package/dist/core/components/atoms/dropdown/DropdownButton.d.ts +1 -0
  19. package/dist/core/components/atoms/input/Input.d.ts +1 -0
  20. package/dist/core/components/organisms/calendar/Calendar.d.ts +2 -0
  21. package/dist/core/components/organisms/calendar/utils.d.ts +5 -0
  22. package/dist/core/components/organisms/datePicker/DatePicker.d.ts +4 -0
  23. package/dist/core/components/organisms/datePicker/Trigger.d.ts +2 -0
  24. package/dist/core/components/organisms/dateRangePicker/DateRangePicker.d.ts +8 -0
  25. package/dist/core/components/organisms/dateRangePicker/SingleInputTrigger.d.ts +2 -0
  26. package/dist/core/components/organisms/dateRangePicker/Trigger.d.ts +6 -0
  27. package/dist/core/components/organisms/grid/columnUtility.d.ts +1 -1
  28. package/dist/core/components/organisms/select/Select.d.ts +2 -0
  29. package/dist/core/components/organisms/select/SelectOption.d.ts +1 -0
  30. package/dist/core/components/organisms/select/SelectTrigger.d.ts +2 -0
  31. package/dist/esm/index.js +744 -375
  32. package/dist/gzip/index.js +1 -1
  33. package/dist/gzip/index.js.gz +0 -0
  34. package/dist/index.js +609 -289
  35. package/dist/index.js.map +1 -1
  36. package/dist/index.umd.css +36 -14
  37. package/dist/index.umd.js +1 -1
  38. package/dist/types/tsconfig.type.tsbuildinfo +43 -39
  39. package/package.json +3 -2
@@ -13,6 +13,7 @@ export interface TriggerProps {
13
13
  error?: boolean;
14
14
  'aria-label'?: string;
15
15
  'aria-labelledby'?: string;
16
+ 'aria-controls'?: string;
16
17
  }
17
18
  export interface DropdownButtonProps extends TriggerProps {
18
19
  children?: React.ReactText;
@@ -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;
@@ -10,6 +10,7 @@ export interface SelectOptionProps extends BaseProps {
10
10
  withCheckbox?: boolean;
11
11
  disabled?: boolean;
12
12
  'aria-label'?: string;
13
+ 'aria-labelledby'?: string;
13
14
  index?: number;
14
15
  }
15
16
  export declare const SelectOption: {
@@ -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;