@innovaccer/design-system 4.30.3 → 4.30.5

package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts

@@ -327,13 +327,13 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         outlineStyle?: "hidden" | "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "dashed" | "dotted" | "double" | "groove" | "inset" | "outset" | "ridge" | "solid" | undefined;
         outlineWidth?: string | number | undefined;
         overflowAnchor?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | undefined;
-        overflowBlock?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "clip" | "scroll" | "visible" | undefined;
+        overflowBlock?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "scroll" | "clip" | "visible" | undefined;
         overflowClipBox?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "content-box" | "padding-box" | undefined;
         overflowClipMargin?: string | number | (string & {}) | undefined;
-        overflowInline?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "clip" | "scroll" | "visible" | undefined;
+        overflowInline?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "scroll" | "clip" | "visible" | undefined;
         overflowWrap?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "anywhere" | "break-word" | undefined;
-        overflowX?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-hidden-unscrollable" | "clip" | "scroll" | "visible" | undefined;
-        overflowY?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-hidden-unscrollable" | "clip" | "scroll" | "visible" | undefined;
+        overflowX?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | undefined;
+        overflowY?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | undefined;
         overlay?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | undefined;
         overscrollBehaviorBlock?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "contain" | undefined;
         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
         transitionTimingFunction?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
         translate?: string | number | (string & {}) | undefined;
         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;
-        userSelect?: "none" | "all" | "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "contain" | "-moz-none" | "element" | undefined;
+        userSelect?: "none" | "all" | "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "element" | "contain" | "-moz-none" | undefined;
         verticalAlign?: string | number | (string & {}) | undefined;
         viewTimelineAxis?: (string & {}) | "inline" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "x" | "block" | "y" | undefined;
         viewTimelineInset?: string | number | (string & {}) | undefined;
@@ -504,7 +504,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         motion?: string | number | (string & {}) | undefined;
         offset?: string | number | (string & {}) | undefined;
         outline?: string | number | (string & {}) | undefined;
-        overflow?: "hidden" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-hidden-unscrollable" | "clip" | "scroll" | "visible" | undefined;
+        overflow?: "hidden" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | undefined;
         overscrollBehavior?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "contain" | undefined;
         padding?: string | number | (string & {}) | undefined;
         paddingBlock?: string | number | (string & {}) | undefined;
@@ -571,7 +571,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         MozTextSizeAdjust?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | undefined;
         MozUserFocus?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "select-all" | "normal" | "ignore" | "select-after" | "select-before" | "select-menu" | "select-same" | undefined;
         MozUserModify?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "read-only" | "read-write" | "write-only" | undefined;
-        MozUserSelect?: "none" | "all" | "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "contain" | "-moz-none" | "element" | undefined;
+        MozUserSelect?: "none" | "all" | "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "element" | "contain" | "-moz-none" | undefined;
         MozWindowDragging?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "drag" | "no-drag" | undefined;
         MozWindowShadow?: "default" | "menu" | "none" | "tooltip" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "sheet" | undefined;
         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
         msLineBreak?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "normal" | "strict" | "anywhere" | "loose" | undefined;
         msOrder?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | undefined;
         msOverflowStyle?: "none" | "scrollbar" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-ms-autohiding-scrollbar" | undefined;
-        msOverflowX?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-hidden-unscrollable" | "clip" | "scroll" | "visible" | undefined;
-        msOverflowY?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-hidden-unscrollable" | "clip" | "scroll" | "visible" | undefined;
+        msOverflowX?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | undefined;
+        msOverflowY?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | undefined;
         msScrollChaining?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "chained" | undefined;
         msScrollLimitXMax?: string | number | undefined;
         msScrollLimitXMin?: string | number | undefined;
@@ -742,7 +742,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         WebkitTransitionProperty?: "none" | (string & {}) | "all" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
         WebkitTransitionTimingFunction?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
         WebkitUserModify?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "read-only" | "read-write" | "read-write-plaintext-only" | undefined;
-        WebkitUserSelect?: "none" | "all" | "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "contain" | "-moz-none" | "element" | undefined;
+        WebkitUserSelect?: "none" | "all" | "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "element" | "contain" | "-moz-none" | undefined;
         WebkitWritingMode?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "horizontal-tb" | "sideways-lr" | "sideways-rl" | "vertical-lr" | "vertical-rl" | undefined;
         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;
         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
         KhtmlBoxPack?: "start" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "center" | "end" | "justify" | undefined;
         KhtmlLineBreak?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "normal" | "strict" | "anywhere" | "loose" | undefined;
         KhtmlOpacity?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | undefined;
-        KhtmlUserSelect?: "none" | "all" | "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "contain" | "-moz-none" | "element" | undefined;
+        KhtmlUserSelect?: "none" | "all" | "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "element" | "contain" | "-moz-none" | undefined;
         MozBackfaceVisibility?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "visible" | undefined;
         MozBackgroundClip?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "border-box" | "content-box" | "padding-box" | undefined;
         MozBackgroundInlinePolicy?: "slice" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "clone" | undefined;

package/dist/core/components/organisms/calendar/Calendar.d.ts

@@ -86,7 +86,8 @@ export declare class Calendar extends React.Component<CalendarProps, CalendarSta
     };
     calendarWrapperRef: React.RefObject<HTMLDivElement>;
     constructor(props: CalendarProps);
-    componentDidUpdate(prevProps: CalendarProps, prevState: CalendarState): void;
+    getSnapshotBeforeUpdate(_prevProps: CalendarProps, prevState: CalendarState): boolean | null;
+    componentDidUpdate(prevProps: CalendarProps, prevState: CalendarState, focusWasInside?: boolean | null): void;
     updateState: (year: number, month?: number | undefined, date?: number | undefined) => void;
     getDateValue: (year: number, month: number, date: number) => Date | undefined;
     getNavDateInfo: (index: number) => Record<string, any>;

package/dist/core/components/organisms/calendar/utils.d.ts

@@ -19,6 +19,7 @@ export declare const navigateDateGrid: (direction: 'up' | 'down' | 'left' | 'rig
     row: number;
     col: number;
 } | null;
+export declare const selectedAriaLabel: (label: string, selected?: boolean | undefined) => string;
 export declare const formatDateAriaLabel: (d: Date) => string;
 export interface HandleDateViewKeyDownParams {
     event: React.KeyboardEvent;

package/dist/core/components/organisms/datePicker/DatePicker.d.ts

@@ -48,7 +48,15 @@ export declare class DatePicker extends React.Component<DatePickerProps, DatePic
     };
     private inputRef;
     private calendarContainerRef;
+    private popupRef;
+    private focusTrapActive;
+    private popupId;
     constructor(props: DatePickerProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    onFocusTrapKeyDown: (event: KeyboardEvent) => void;
+    removeFocusTrap: () => void;
+    syncFocusTrap: () => void;
     componentDidUpdate(prevProps: DatePickerProps, prevState: DatePickerState): void;
     focusCalendar: () => boolean;
     onInputKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;

package/dist/core/components/organisms/datePicker/Trigger.d.ts

@@ -8,6 +8,7 @@ declare type TriggerProps = {
     setState: any;
     inputRef?: React.Ref<HTMLInputElement>;
     onInputKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    popupId?: string;
 };
 export declare const Trigger: (props: TriggerProps) => React.JSX.Element;
 export {};

package/dist/core/components/organisms/menu/utils.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
 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;
+export declare const MENU_LIST_ITEM_SELECTOR = "[role=\"menuitem\"], [data-test=\"DesignSystem-Menu-ListItem\"]";

package/dist/core/utils/overlayHelper.d.ts

@@ -6,6 +6,7 @@ interface elementData {
 }
 export declare const getUpdatedZIndex: (ele: elementData) => number | undefined;
 export declare const closeOnEscapeKeypress: (event: KeyboardEvent, isTopOverlay: boolean | undefined, onClose: (event: Event) => void) => void;
+export declare const hasOpenLayerAbove: (overlay: HTMLElement | null) => boolean;
 export declare const getFocusableElements: (container: HTMLElement) => HTMLElement[];
 export declare const getAllFocusableElements: (container: HTMLElement, roleHint?: string | undefined) => HTMLElement[];
 export declare const getNestedOverlayElements: (ownOverlayEl: HTMLElement | null, container: HTMLElement) => HTMLElement[];