@instructure/ui-drawer-layout 8.14.1-snapshot.7 → 8.15.1-snapshot.2

package/types/DrawerLayout/DrawerContent/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/DrawerContent/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,cAAc,EACd,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,2BAA2B,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACtC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,aAAK,wBAAwB,GAAG;IAC9B,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,2BAA2B,CAAA;AAEjD,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,wBAAwB,GAAG,2BAA2B,GACzD,cAAc,CAAC,wBAAwB,EAAE,wBAAwB,CAAC,GAClE,mBAAmB,CAAC,2BAA2B,CAAC,CAAA;AAElD,aAAK,wBAAwB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAA;AAE/D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CASvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,YAAY,EACV,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACzB,CAAA;AACD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/DrawerContent/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGvC,OAAO,KAAK,EACV,cAAc,EACd,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,iBAAiB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1D,aAAK,2BAA2B,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IACrD;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACvD,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED,aAAK,6BAA6B,GAAG;IACnC,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,2BAA2B,CAAA;AAEjD,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,wBAAwB,GAAG,2BAA2B,GACzD,cAAc,CAAC,wBAAwB,EAAE,wBAAwB,CAAC,GAClE,mBAAmB,CAAC,2BAA2B,CAAC,CAAA;AAElD,aAAK,wBAAwB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAA;AAE/D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAMvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,YAAY,EACV,wBAAwB,EACxB,6BAA6B,EAC7B,wBAAwB,EACxB,iBAAiB,EAClB,CAAA;AACD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/DrawerLayout/DrawerContent/styles.d.ts

@@ -1,5 +1,5 @@
 import type { DrawerLayoutContentTheme } from '@instructure/shared-types';
-import type { DrawerLayoutContentProps, DrawerLayoutContentState, DrawerLayoutContentStyle } from './props';
+import type { DrawerLayoutContentProps, DrawerLayoutContentStyleProps, DrawerLayoutContentStyle } from './props';
 /**
  * ---
  * private: true
@@ -10,6 +10,6 @@ import type { DrawerLayoutContentProps, DrawerLayoutContentState, DrawerLayoutCo
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-declare const generateStyle: (componentTheme: DrawerLayoutContentTheme, props: DrawerLayoutContentProps, state: DrawerLayoutContentState) => DrawerLayoutContentStyle;
+declare const generateStyle: (componentTheme: DrawerLayoutContentTheme, _props: DrawerLayoutContentProps, state: DrawerLayoutContentStyleProps) => DrawerLayoutContentStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

package/types/DrawerLayout/DrawerContent/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/DrawerContent/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AACzE,OAAO,KAAK,EACV,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,SAAS,CAAA;AAEhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,wBAAwB,SAEjC,wBAAwB,SACxB,wBAAwB,KAC9B,wBAkBF,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/DrawerContent/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AACzE,OAAO,KAAK,EACV,wBAAwB,EACxB,6BAA6B,EAC7B,wBAAwB,EACzB,MAAM,SAAS,CAAA;AAEhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,wBAAwB,UAChC,wBAAwB,SACzB,6BAA6B,KACnC,wBAkBF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/DrawerLayout/DrawerLayoutLocator.d.ts

@@ -33,7 +33,7 @@ export declare const DrawerLayoutLocator: {
             debug: (maxLength?: number | undefined, options?: {
                 highlight: boolean;
             } | undefined) => void;
-            accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+            accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
             getTextContent: () => string | null;
             getParentNode: () => ParentNode | null;
             parent: () => ParentNode | null;
@@ -172,7 +172,7 @@ export declare const DrawerLayoutLocator: {
             debug: (maxLength?: number | undefined, options?: {
                 highlight: boolean;
             } | undefined) => void;
-            accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+            accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
             getTextContent: () => string | null;
             getParentNode: () => ParentNode | null;
             parent: () => ParentNode | null;
@@ -318,7 +318,7 @@ export declare const DrawerLayoutLocator: {
         debug: (maxLength?: number | undefined, options?: {
             highlight: boolean;
         } | undefined) => void;
-        accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+        accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
         getTextContent: () => string | null;
         getParentNode: () => ParentNode | null;
         parent: () => ParentNode | null;
@@ -457,7 +457,7 @@ export declare const DrawerLayoutLocator: {
             debug: (maxLength?: number | undefined, options?: {
                 highlight: boolean;
             } | undefined) => void;
-            accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+            accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
             getTextContent: () => string | null;
             getParentNode: () => ParentNode | null;
             parent: () => ParentNode | null;
@@ -596,7 +596,7 @@ export declare const DrawerLayoutLocator: {
             debug: (maxLength?: number | undefined, options?: {
                 highlight: boolean;
             } | undefined) => void;
-            accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+            accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
             getTextContent: () => string | null;
             getParentNode: () => ParentNode | null;
             parent: () => ParentNode | null;
@@ -736,7 +736,7 @@ export declare const DrawerLayoutLocator: {
         debug: (maxLength?: number | undefined, options?: {
             highlight: boolean;
         } | undefined) => void;
-        accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+        accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
         getTextContent: () => string | null;
         getParentNode: () => ParentNode | null;
         parent: () => ParentNode | null;
@@ -875,7 +875,7 @@ export declare const DrawerLayoutLocator: {
             debug: (maxLength?: number | undefined, options?: {
                 highlight: boolean;
             } | undefined) => void;
-            accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+            accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
             getTextContent: () => string | null;
             getParentNode: () => ParentNode | null;
             parent: () => ParentNode | null;
@@ -1014,7 +1014,7 @@ export declare const DrawerLayoutLocator: {
             debug: (maxLength?: number | undefined, options?: {
                 highlight: boolean;
             } | undefined) => void;
-            accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+            accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
             getTextContent: () => string | null;
             getParentNode: () => ParentNode | null;
             parent: () => ParentNode | null;
@@ -1154,7 +1154,7 @@ export declare const DrawerLayoutLocator: {
         debug: (maxLength?: number | undefined, options?: {
             highlight: boolean;
         } | undefined) => void;
-        accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+        accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
         getTextContent: () => string | null;
         getParentNode: () => ParentNode | null;
         parent: () => ParentNode | null;
@@ -1293,7 +1293,7 @@ export declare const DrawerLayoutLocator: {
             debug: (maxLength?: number | undefined, options?: {
                 highlight: boolean;
             } | undefined) => void;
-            accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+            accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
             getTextContent: () => string | null;
             getParentNode: () => ParentNode | null;
             parent: () => ParentNode | null;
@@ -1432,7 +1432,7 @@ export declare const DrawerLayoutLocator: {
             debug: (maxLength?: number | undefined, options?: {
                 highlight: boolean;
             } | undefined) => void;
-            accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+            accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
             getTextContent: () => string | null;
             getParentNode: () => ParentNode | null;
             parent: () => ParentNode | null;
@@ -1572,7 +1572,7 @@ export declare const DrawerLayoutLocator: {
         debug: (maxLength?: number | undefined, options?: {
             highlight: boolean;
         } | undefined) => void;
-        accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+        accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
         getTextContent: () => string | null;
         getParentNode: () => ParentNode | null;
         parent: () => ParentNode | null;
@@ -1711,7 +1711,7 @@ export declare const DrawerLayoutLocator: {
             debug: (maxLength?: number | undefined, options?: {
                 highlight: boolean;
             } | undefined) => void;
-            accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+            accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
             getTextContent: () => string | null;
             getParentNode: () => ParentNode | null;
             parent: () => ParentNode | null;
@@ -1850,7 +1850,7 @@ export declare const DrawerLayoutLocator: {
             debug: (maxLength?: number | undefined, options?: {
                 highlight: boolean;
             } | undefined) => void;
-            accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+            accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
             getTextContent: () => string | null;
             getParentNode: () => ParentNode | null;
             parent: () => ParentNode | null;

package/types/DrawerLayout/DrawerTray/DrawerTrayLocator.d.ts

@@ -36,7 +36,7 @@ export declare const DrawerTrayLocator: {
         debug: (maxLength?: number | undefined, options?: {
             highlight: boolean;
         } | undefined) => void;
-        accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+        accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
         getTextContent: () => string | null;
         getParentNode: () => ParentNode | null;
         parent: () => ParentNode | null;
@@ -175,7 +175,7 @@ export declare const DrawerTrayLocator: {
         debug: (maxLength?: number | undefined, options?: {
             highlight: boolean;
         } | undefined) => void;
-        accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+        accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
         getTextContent: () => string | null;
         getParentNode: () => ParentNode | null;
         parent: () => ParentNode | null;
@@ -314,7 +314,7 @@ export declare const DrawerTrayLocator: {
         debug: (maxLength?: number | undefined, options?: {
             highlight: boolean;
         } | undefined) => void;
-        accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+        accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
         getTextContent: () => string | null;
         getParentNode: () => ParentNode | null;
         parent: () => ParentNode | null;
@@ -453,7 +453,7 @@ export declare const DrawerTrayLocator: {
         debug: (maxLength?: number | undefined, options?: {
             highlight: boolean;
         } | undefined) => void;
-        accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
+        accessible: (options?: Record<string, unknown> | undefined) => Promise<true | Error>;
         getTextContent: () => string | null;
         getParentNode: () => ParentNode | null;
         parent: () => ParentNode | null;

package/types/DrawerLayout/DrawerTray/index.d.ts

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
 import { jsx } from '@instructure/emotion';
+import type { TransitionType } from '@instructure/ui-motion';
 import type { PortalNode } from '@instructure/ui-portal';
 import type { DrawerLayoutTrayProps, DrawerLayoutTrayState, DrawerLayoutTrayStyleProps, DrawerTrayPlacement } from './props';
 /**
@@ -8,45 +9,68 @@ import type { DrawerLayoutTrayProps, DrawerLayoutTrayState, DrawerLayoutTrayStyl
 parent: DrawerLayout
 id: DrawerLayout.Tray
 ---
+@tsProps
 **/
 declare class DrawerTray extends Component<DrawerLayoutTrayProps, DrawerLayoutTrayState> {
     static readonly componentId: "DrawerLayout.Tray";
     static locatorAttribute: string;
-    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<"label" | "children" | "contentRef" | "open" | "dir" | "border" | "render" | "placement" | "onOpen" | "onClose" | "shadow" | "onTransition" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "mountNode" | "defaultFocusElement" | "liveRegion" | "onDismiss" | "shouldContainFocus" | "shouldReturnFocus" | "shouldCloseOnDocumentClick" | "shouldCloseOnEscape">;
-    static allowedProps: readonly ("label" | "children" | "contentRef" | "open" | "dir" | "border" | "render" | "placement" | "onOpen" | "onClose" | "shadow" | "onTransition" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "mountNode" | "defaultFocusElement" | "liveRegion" | "onDismiss" | "shouldContainFocus" | "shouldReturnFocus" | "shouldCloseOnDocumentClick" | "shouldCloseOnEscape")[];
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<"label" | "children" | "contentRef" | "open" | "dir" | "border" | "render" | "placement" | "onOpen" | "onClose" | "shadow" | "mountNode" | keyof {
+        defaultFocusElement?: import("@instructure/shared-types").UIElement | undefined;
+        liveRegion?: import("@instructure/shared-types").LiveRegion | undefined;
+        onDismiss?: ((event: import("react").UIEvent<Element, UIEvent> | import("react").FocusEvent<Element, Element>, documentClick?: boolean | undefined) => void) | undefined;
+        shouldContainFocus?: boolean | undefined;
+        shouldReturnFocus?: boolean | undefined;
+        shouldCloseOnDocumentClick?: boolean | undefined;
+        shouldCloseOnEscape?: boolean | undefined;
+    } | keyof {
+        onTransition?: ((toState: import("@instructure/ui-motion/src/Transition/BaseTransition/props").BaseTransitionStatesType, fromState: import("@instructure/ui-motion/src/Transition/BaseTransition/props").BaseTransitionStatesType) => void) | undefined;
+        onEnter?: (() => void) | undefined;
+        onEntering?: (() => void) | undefined;
+        onEntered?: ((type?: TransitionType | undefined) => void) | undefined;
+        onExit?: (() => void) | undefined;
+        onExiting?: (() => void) | undefined;
+        onExited?: ((type?: TransitionType | undefined) => void) | undefined;
+    }>;
+    static allowedProps: readonly ("label" | "children" | "contentRef" | "open" | "dir" | "border" | "render" | "placement" | "onOpen" | "onClose" | "shadow" | "mountNode" | keyof {
+        defaultFocusElement?: import("@instructure/shared-types").UIElement | undefined;
+        liveRegion?: import("@instructure/shared-types").LiveRegion | undefined;
+        onDismiss?: ((event: import("react").UIEvent<Element, UIEvent> | import("react").FocusEvent<Element, Element>, documentClick?: boolean | undefined) => void) | undefined;
+        shouldContainFocus?: boolean | undefined;
+        shouldReturnFocus?: boolean | undefined;
+        shouldCloseOnDocumentClick?: boolean | undefined;
+        shouldCloseOnEscape?: boolean | undefined;
+    } | keyof {
+        onTransition?: ((toState: import("@instructure/ui-motion/src/Transition/BaseTransition/props").BaseTransitionStatesType, fromState: import("@instructure/ui-motion/src/Transition/BaseTransition/props").BaseTransitionStatesType) => void) | undefined;
+        onEnter?: (() => void) | undefined;
+        onEntering?: (() => void) | undefined;
+        onEntered?: ((type?: TransitionType | undefined) => void) | undefined;
+        onExit?: (() => void) | undefined;
+        onExiting?: (() => void) | undefined;
+        onExited?: ((type?: TransitionType | undefined) => void) | undefined;
+    })[];
     static defaultProps: {
-        children: null;
         shouldContainFocus: boolean;
         shouldCloseOnEscape: boolean;
         shouldCloseOnDocumentClick: boolean;
         shouldReturnFocus: boolean;
         open: boolean;
-        onOpen: () => void;
         shadow: boolean;
         border: boolean;
         placement: string;
-        mountNode: null;
-        onEnter: () => void;
-        onEntering: () => void;
-        onEntered: () => void;
-        onExit: () => void;
-        onExiting: () => void;
-        onExited: () => void;
-        contentRef: (node: any) => void;
     };
-    state: DrawerLayoutTrayState;
-    _DOMNode: PortalNode;
-    ref: Element | null;
-    get _content(): Element | null;
+    ref: HTMLDivElement | null;
+    private _DOMNode;
+    get _content(): HTMLDivElement | null;
+    constructor(props: DrawerLayoutTrayProps);
     componentDidMount(): void;
-    componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
+    componentDidUpdate(prevProps: DrawerLayoutTrayProps): void;
     makeStyleProps: () => DrawerLayoutTrayStyleProps;
     get placement(): DrawerTrayPlacement;
-    get direction(): "left" | "right";
-    get transition(): string;
-    handleContentRef: (node: Element | null) => void;
-    handleTransitionEntered: () => void;
-    handleTransitionExited: () => void;
+    get direction(): "right" | "left";
+    get transition(): TransitionType;
+    handleContentRef: (node: HTMLDivElement | null) => void;
+    handleTransitionEntered: (_transitionType?: TransitionType | undefined) => void;
+    handleTransitionExited: (_transitionType?: TransitionType | undefined) => void;
     handlePortalOpen: (DOMNode: PortalNode) => void;
     get DOMNode(): PortalNode;
     set DOMNode(el: PortalNode);

package/types/DrawerLayout/DrawerTray/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/DrawerTray/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAQxD,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAEhB;;;;;GAKG;AACH,cAGM,UAAW,SAAQ,SAAS,CAChC,qBAAqB,EACrB,qBAAqB,CACtB;IACC,MAAM,CAAC,QAAQ,CAAC,WAAW,sBAA+B;IAE1D,MAAM,CAAC,gBAAgB,SAAqB;IAE5C,MAAM,CAAC,SAAS,2cAAY;IAC5B,MAAM,CAAC,YAAY,iZAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;2BAmBE,GAAG;MACvB;IAED,KAAK,EAAE,qBAAqB,CAG3B;IAED,QAAQ,EAAE,UAAU,CAAO;IAC3B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,IAAI,QAAQ,mBAMX;IAED,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG;IAShE,cAAc,QAAO,0BAA0B,CAI9C;IAED,IAAI,SAAS,wBAMZ;IAED,IAAI,SAAS,qBAEZ;IAED,IAAI,UAAU,WAEb;IAED,gBAAgB,SAAU,OAAO,GAAG,IAAI,UAGvC;IAED,uBAAuB,aAEtB;IAED,sBAAsB,aAIrB;IAED,gBAAgB,YAAa,UAAU,UAKtC;IAED,IAAI,OAAO,IAIK,UAAU,CAFzB;IAED,IAAI,OAAO,CAAC,EAAE,EAAE,UAAU,EAEzB;IAED,aAAa;IAWb,MAAM;CAkHP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/DrawerTray/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAM5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAQxD,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAEhB;;;;;;GAMG;AACH,cAGM,UAAW,SAAQ,SAAS,CAChC,qBAAqB,EACrB,qBAAqB,CACtB;IACC,MAAM,CAAC,QAAQ,CAAC,WAAW,sBAA+B;IAE1D,MAAM,CAAC,gBAAgB,SAAqB;IAE5C,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;MASlB;IAED,GAAG,EAAE,cAAc,GAAG,IAAI,CAAO;IAEjC,OAAO,CAAC,QAAQ,CAAmB;IAEnC,IAAI,QAAQ,0BAMX;gBAEW,KAAK,EAAE,qBAAqB;IASxC,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,qBAAqB;IASnD,cAAc,QAAO,0BAA0B,CAI9C;IAED,IAAI,SAAS,wBAMZ;IAED,IAAI,SAAS,qBAEZ;IAED,IAAI,UAAU,IAAI,cAAc,CAE/B;IAED,gBAAgB,SAAU,cAAc,GAAG,IAAI,UAM9C;IAED,uBAAuB,yDAEtB;IAED,sBAAsB,yDAIrB;IAED,gBAAgB,YAAa,UAAU,UAKtC;IAED,IAAI,OAAO,IAIK,UAAU,CAFzB;IAED,IAAI,OAAO,CAAC,EAAE,EAAE,UAAU,EAEzB;IAED,aAAa;IAWb,MAAM;CAiHP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/types/DrawerLayout/DrawerTray/props.d.ts

@@ -2,35 +2,93 @@ import React from 'react';
 import type { PositionMountNode } from '@instructure/ui-position';
 import type { BidirectionalProps } from '@instructure/ui-i18n';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
-import type { PropValidators, DrawerLayoutTrayTheme, OtherHTMLAttributes, LiveRegion } from '@instructure/shared-types';
+import type { PropValidators, DrawerLayoutTrayTheme, OtherHTMLAttributes, LiveRegion, UIElement } from '@instructure/shared-types';
+import { BaseTransitionStatesType, TransitionType } from '@instructure/ui-motion/src/Transition/BaseTransition/props';
 declare type DrawerTrayPlacement = 'start' | 'end';
 declare type DrawerLayoutTrayOwnProps = {
     label: string;
-    children?: React.ReactNode | ((...args: any[]) => React.ReactNode);
-    render?: (...args: any[]) => any;
+    children?: React.ReactNode | (() => React.ReactNode);
+    render?: () => React.ReactNode;
+    /**
+     * Placement of the `<DrawerLayout.Tray />`
+     */
     placement?: DrawerTrayPlacement;
+    /**
+     * If the tray is open or closed.
+     */
     open?: boolean;
-    onOpen?: (...args: any[]) => any;
-    onClose?: (...args: any[]) => any;
+    /**
+     * Called when the `<DrawerLayout.Tray />` is opened
+     */
+    onOpen?: (transitionType?: TransitionType) => void;
+    /**
+     * Called when the `<DrawerLayout.Tray />` is closed
+     */
+    onClose?: (transitionType?: TransitionType) => void;
+    /**
+     * Should the `<DrawerLayout.Tray />` have a border
+     */
     border?: boolean;
+    /**
+     * Should the `<DrawerLayout.Tray />` have a shadow
+     */
     shadow?: boolean;
-    onTransition?: (...args: any[]) => any;
-    onEnter?: (...args: any[]) => any;
-    onEntering?: (...args: any[]) => any;
-    onEntered?: (...args: any[]) => any;
-    onExit?: (...args: any[]) => any;
-    onExiting?: (...args: any[]) => any;
-    onExited?: (...args: any[]) => any;
-    contentRef?: (...args: any[]) => any;
+    /**
+     * Ref function for the `<DrawerLayout.Tray />` content
+     */
+    contentRef?: (element: HTMLDivElement | null) => void;
+    /**
+     * An element or a function returning an element to use as the mount node
+     * for the `<DrawerLayout.Tray />` when tray is overlaying content
+     */
     mountNode?: PositionMountNode;
-    defaultFocusElement?: React.ReactElement | ((...args: any[]) => any);
+} & PropsPassedToDialog & PropsPassedToTransition & BidirectionalProps;
+declare type PropsPassedToDialog = {
+    /**
+     * An element or a function returning an element to focus by default
+     */
+    defaultFocusElement?: UIElement;
+    /**
+     * An element, function returning an element, or array of elements that will not be hidden from
+     * the screen reader when the `<DrawerLayout.Tray />` is open
+     */
     liveRegion?: LiveRegion;
-    onDismiss?: (...args: any[]) => any;
+    onDismiss?: (event: React.UIEvent | React.FocusEvent, documentClick?: boolean) => void;
     shouldContainFocus?: boolean;
     shouldReturnFocus?: boolean;
     shouldCloseOnDocumentClick?: boolean;
     shouldCloseOnEscape?: boolean;
-} & BidirectionalProps;
+};
+declare type PropsPassedToTransition = {
+    /**
+     * Callback fired when the `<DrawerLayout.Tray />` transitions in/out
+     */
+    onTransition?: (toState: BaseTransitionStatesType, fromState: BaseTransitionStatesType) => void;
+    /**
+     * Callback fired before the `<DrawerLayout.Tray />` transitions in
+     */
+    onEnter?: () => void;
+    /**
+     * Callback fired as the `<DrawerLayout.Tray />` begins to transition in
+     */
+    onEntering?: () => void;
+    /**
+     * Callback fired after the `<DrawerLayout.Tray />` finishes transitioning in
+     */
+    onEntered?: (type?: TransitionType) => void;
+    /**
+     * Callback fired right before the `<DrawerLayout.Tray />` transitions out
+     */
+    onExit?: () => void;
+    /**
+     * Callback fired as the `<DrawerLayout.Tray />` begins to transition out
+     */
+    onExiting?: () => void;
+    /**
+     * Callback fired after the `<DrawerLayout.Tray />` finishes transitioning out
+     */
+    onExited?: (type?: TransitionType) => void;
+};
 declare type DrawerLayoutTrayState = {
     transitioning: boolean;
     portalOpen: boolean;

package/types/DrawerLayout/DrawerTray/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/DrawerTray/props.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/DrawerTray/props.ts"],"names":[],"mappings":"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"}

package/types/DrawerLayout/__fixtures__/DrawerLayout.fixture.d.ts

@@ -1,6 +1,15 @@
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-export default class DrawerLayoutFixture extends Component {
+import type { DrawerLayoutProps } from '../props';
+import type { DrawerLayoutTrayProps } from '../DrawerTray/props';
+declare type DrawerLayoutFixtureProps = {
+    layoutWidth?: string | number;
+    trayWidth?: string | number;
+    placement?: DrawerLayoutTrayProps['placement'];
+    open?: DrawerLayoutTrayProps['open'];
+    onOverlayTrayChange?: DrawerLayoutProps['onOverlayTrayChange'];
+};
+export default class DrawerLayoutFixture extends Component<DrawerLayoutFixtureProps> {
     static propTypes: {
         layoutWidth: PropTypes.Requireable<string>;
         trayWidth: PropTypes.Requireable<string>;
@@ -17,4 +26,5 @@ export default class DrawerLayoutFixture extends Component {
     };
     render(): JSX.Element;
 }
+export {};
 //# sourceMappingURL=DrawerLayout.fixture.d.ts.map

package/types/DrawerLayout/__fixtures__/DrawerLayout.fixture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerLayout.fixture.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/__fixtures__/DrawerLayout.fixture.tsx"],"names":[],"mappings":"AAuBA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,SAAS,MAAM,YAAY,CAAA;AAIlC,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,SAAS;IACxD,MAAM,CAAC,SAAS;;;;;;MAMf;IAED,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,MAAM;CAqCP"}
+{"version":3,"file":"DrawerLayout.fixture.d.ts","sourceRoot":"","sources":["../../../src/DrawerLayout/__fixtures__/DrawerLayout.fixture.tsx"],"names":[],"mappings":"AAwBA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,SAAS,MAAM,YAAY,CAAA;AAGlC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AACjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAEhE,aAAK,wBAAwB,GAAG;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAA;IAC9C,IAAI,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAA;IACpC,mBAAmB,CAAC,EAAE,iBAAiB,CAAC,qBAAqB,CAAC,CAAA;CAC/D,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,SAAS,CAAC,wBAAwB,CAAC;IAClF,MAAM,CAAC,SAAS;;;;;;MAMf;IAED,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,MAAM;CA2BP"}