@innovaccer/design-system 4.30.4 → 4.30.5

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 (23) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/css/dist/index.css +12 -0
  3. package/css/dist/index.css.map +1 -1
  4. package/css/dist/mds-scoped.css +12 -0
  5. package/css/src/components/calendar.module.css +12 -0
  6. package/dist/brotli/index.js +1 -1
  7. package/dist/brotli/index.js.br +0 -0
  8. package/dist/cjs/index.js +1 -1
  9. package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +11 -11
  10. package/dist/core/components/organisms/calendar/Calendar.d.ts +2 -1
  11. package/dist/core/components/organisms/calendar/utils.d.ts +1 -0
  12. package/dist/core/components/organisms/datePicker/DatePicker.d.ts +8 -0
  13. package/dist/core/components/organisms/datePicker/Trigger.d.ts +1 -0
  14. package/dist/core/components/organisms/menu/utils.d.ts +1 -0
  15. package/dist/esm/index.js +780 -673
  16. package/dist/gzip/index.js +1 -1
  17. package/dist/gzip/index.js.gz +0 -0
  18. package/dist/index.js +603 -506
  19. package/dist/index.js.map +1 -1
  20. package/dist/index.umd.css +12 -0
  21. package/dist/index.umd.js +1 -1
  22. package/dist/types/tsconfig.type.tsbuildinfo +27 -24
  23. package/package.json +1 -1
package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts CHANGED
@@ -327,13 +327,13 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
327
327
  outlineStyle?: "hidden" | "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "dashed" | "dotted" | "double" | "groove" | "inset" | "outset" | "ridge" | "solid" | undefined;
328
328
  outlineWidth?: string | number | undefined;
329
329
  overflowAnchor?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | undefined;
330
- overflowBlock?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "clip" | "scroll" | "visible" | undefined;
330
+ overflowBlock?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "scroll" | "clip" | "visible" | undefined;
331
331
  overflowClipBox?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "content-box" | "padding-box" | undefined;
332
332
  overflowClipMargin?: string | number | (string & {}) | undefined;
333
- overflowInline?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "clip" | "scroll" | "visible" | undefined;
333
+ overflowInline?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "scroll" | "clip" | "visible" | undefined;
334
334
  overflowWrap?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "anywhere" | "break-word" | undefined;
335
- overflowX?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-hidden-unscrollable" | "clip" | "scroll" | "visible" | undefined;
336
- overflowY?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-hidden-unscrollable" | "clip" | "scroll" | "visible" | undefined;
335
+ overflowX?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | undefined;
336
+ overflowY?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | undefined;
337
337
  overlay?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | undefined;
338
338
  overscrollBehaviorBlock?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "contain" | undefined;
339
339
  overscrollBehaviorInline?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "contain" | undefined;
@@ -437,7 +437,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
437
437
  transitionTimingFunction?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
438
438
  translate?: string | number | (string & {}) | undefined;
439
439
  unicodeBidi?: "embed" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "isolate" | "-moz-isolate" | "-moz-isolate-override" | "-moz-plaintext" | "-webkit-isolate" | "-webkit-isolate-override" | "-webkit-plaintext" | "bidi-override" | "isolate-override" | "plaintext" | undefined;
440
- userSelect?: "none" | "all" | "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "contain" | "-moz-none" | "element" | undefined;
440
+ userSelect?: "none" | "all" | "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "element" | "contain" | "-moz-none" | undefined;
441
441
  verticalAlign?: string | number | (string & {}) | undefined;
442
442
  viewTimelineAxis?: (string & {}) | "inline" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "x" | "block" | "y" | undefined;
443
443
  viewTimelineInset?: string | number | (string & {}) | undefined;
@@ -504,7 +504,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
504
504
  motion?: string | number | (string & {}) | undefined;
505
505
  offset?: string | number | (string & {}) | undefined;
506
506
  outline?: string | number | (string & {}) | undefined;
507
- overflow?: "hidden" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-hidden-unscrollable" | "clip" | "scroll" | "visible" | undefined;
507
+ overflow?: "hidden" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | undefined;
508
508
  overscrollBehavior?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "contain" | undefined;
509
509
  padding?: string | number | (string & {}) | undefined;
510
510
  paddingBlock?: string | number | (string & {}) | undefined;
@@ -571,7 +571,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
571
571
  MozTextSizeAdjust?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | undefined;
572
572
  MozUserFocus?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "select-all" | "normal" | "ignore" | "select-after" | "select-before" | "select-menu" | "select-same" | undefined;
573
573
  MozUserModify?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "read-only" | "read-write" | "write-only" | undefined;
574
- MozUserSelect?: "none" | "all" | "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "contain" | "-moz-none" | "element" | undefined;
574
+ MozUserSelect?: "none" | "all" | "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "element" | "contain" | "-moz-none" | undefined;
575
575
  MozWindowDragging?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "drag" | "no-drag" | undefined;
576
576
  MozWindowShadow?: "default" | "menu" | "none" | "tooltip" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "sheet" | undefined;
577
577
  msAccelerator?: "false" | "true" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
@@ -598,8 +598,8 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
598
598
  msLineBreak?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "normal" | "strict" | "anywhere" | "loose" | undefined;
599
599
  msOrder?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | undefined;
600
600
  msOverflowStyle?: "none" | "scrollbar" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-ms-autohiding-scrollbar" | undefined;
601
- msOverflowX?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-hidden-unscrollable" | "clip" | "scroll" | "visible" | undefined;
602
- msOverflowY?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-hidden-unscrollable" | "clip" | "scroll" | "visible" | undefined;
601
+ msOverflowX?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | undefined;
602
+ msOverflowY?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | undefined;
603
603
  msScrollChaining?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "chained" | undefined;
604
604
  msScrollLimitXMax?: string | number | undefined;
605
605
  msScrollLimitXMin?: string | number | undefined;
@@ -742,7 +742,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
742
742
  WebkitTransitionProperty?: "none" | (string & {}) | "all" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
743
743
  WebkitTransitionTimingFunction?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
744
744
  WebkitUserModify?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "read-only" | "read-write" | "read-write-plaintext-only" | undefined;
745
- WebkitUserSelect?: "none" | "all" | "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "contain" | "-moz-none" | "element" | undefined;
745
+ WebkitUserSelect?: "none" | "all" | "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "element" | "contain" | "-moz-none" | undefined;
746
746
  WebkitWritingMode?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "horizontal-tb" | "sideways-lr" | "sideways-rl" | "vertical-lr" | "vertical-rl" | undefined;
747
747
  MozAnimation?: "none" | (string & {}) | "both" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
748
748
  MozBorderImage?: "repeat" | "none" | (string & {}) | "round" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "stretch" | "space" | undefined;
@@ -805,7 +805,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
805
805
  KhtmlBoxPack?: "start" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "center" | "end" | "justify" | undefined;
806
806
  KhtmlLineBreak?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "normal" | "strict" | "anywhere" | "loose" | undefined;
807
807
  KhtmlOpacity?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | undefined;
808
- KhtmlUserSelect?: "none" | "all" | "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "contain" | "-moz-none" | "element" | undefined;
808
+ KhtmlUserSelect?: "none" | "all" | "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "element" | "contain" | "-moz-none" | undefined;
809
809
  MozBackfaceVisibility?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "visible" | undefined;
810
810
  MozBackgroundClip?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "border-box" | "content-box" | "padding-box" | undefined;
811
811
  MozBackgroundInlinePolicy?: "slice" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "clone" | undefined;
package/dist/core/components/organisms/calendar/Calendar.d.ts CHANGED
@@ -86,7 +86,8 @@ export declare class Calendar extends React.Component<CalendarProps, CalendarSta
86
86
  };
87
87
  calendarWrapperRef: React.RefObject<HTMLDivElement>;
88
88
  constructor(props: CalendarProps);
89
- componentDidUpdate(prevProps: CalendarProps, prevState: CalendarState): void;
89
+ getSnapshotBeforeUpdate(_prevProps: CalendarProps, prevState: CalendarState): boolean | null;
90
+ componentDidUpdate(prevProps: CalendarProps, prevState: CalendarState, focusWasInside?: boolean | null): void;
90
91
  updateState: (year: number, month?: number | undefined, date?: number | undefined) => void;
91
92
  getDateValue: (year: number, month: number, date: number) => Date | undefined;
92
93
  getNavDateInfo: (index: number) => Record<string, any>;
package/dist/core/components/organisms/calendar/utils.d.ts CHANGED
@@ -19,6 +19,7 @@ export declare const navigateDateGrid: (direction: 'up' | 'down' | 'left' | 'rig
19
19
  row: number;
20
20
  col: number;
21
21
  } | null;
22
+ export declare const selectedAriaLabel: (label: string, selected?: boolean | undefined) => string;
22
23
  export declare const formatDateAriaLabel: (d: Date) => string;
23
24
  export interface HandleDateViewKeyDownParams {
24
25
  event: React.KeyboardEvent;
package/dist/core/components/organisms/datePicker/DatePicker.d.ts CHANGED
@@ -48,7 +48,15 @@ export declare class DatePicker extends React.Component<DatePickerProps, DatePic
48
48
  };
49
49
  private inputRef;
50
50
  private calendarContainerRef;
51
+ private popupRef;
52
+ private focusTrapActive;
53
+ private popupId;
51
54
  constructor(props: DatePickerProps);
55
+ componentDidMount(): void;
56
+ componentWillUnmount(): void;
57
+ onFocusTrapKeyDown: (event: KeyboardEvent) => void;
58
+ removeFocusTrap: () => void;
59
+ syncFocusTrap: () => void;
52
60
  componentDidUpdate(prevProps: DatePickerProps, prevState: DatePickerState): void;
53
61
  focusCalendar: () => boolean;
54
62
  onInputKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
package/dist/core/components/organisms/datePicker/Trigger.d.ts CHANGED
@@ -8,6 +8,7 @@ declare type TriggerProps = {
8
8
  setState: any;
9
9
  inputRef?: React.Ref<HTMLInputElement>;
10
10
  onInputKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
11
+ popupId?: string;
11
12
  };
12
13
  export declare const Trigger: (props: TriggerProps) => React.JSX.Element;
13
14
  export {};
package/dist/core/components/organisms/menu/utils.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  import React from 'react';
2
2
  export declare const handleKeyDown: (event: React.KeyboardEvent, focusedOption: Element | undefined, setFocusedOption?: React.Dispatch<React.SetStateAction<HTMLElement | undefined>> | undefined, setOpenPopover?: React.Dispatch<React.SetStateAction<boolean | undefined>> | undefined, menuTriggerRef?: React.RefObject<HTMLButtonElement> | undefined, listRef?: React.RefObject<HTMLDivElement> | undefined, subListRef?: React.RefObject<HTMLDivElement> | null | undefined, isSubMenuTrigger?: boolean | undefined, triggerRef?: React.RefObject<HTMLDivElement> | React.MutableRefObject<HTMLDivElement> | undefined, menuID?: string | undefined, triggerID?: string | undefined, parentListRef?: React.RefObject<HTMLDivElement> | null | undefined) => void;
3
+ export declare const MENU_LIST_ITEM_SELECTOR = "[role=\"menuitem\"], [data-test=\"DesignSystem-Menu-ListItem\"]";