@instructure/ui-modal 8.10.1-snapshot.9 → 8.10.3-snapshot.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.10.2](https://github.com/instructure/instructure-ui/compare/v8.10.1...v8.10.2) (2021-10-01)
+
+**Note:** Version bump only for package @instructure/ui-modal
+
+## [8.10.1](https://github.com/instructure/instructure-ui/compare/v8.10.0...v8.10.1) (2021-10-01)
+
+**Note:** Version bump only for package @instructure/ui-modal
+
 # [8.10.0](https://github.com/instructure/instructure-ui/compare/v8.9.1...v8.10.0) (2021-09-28)
 
 **Note:** Version bump only for package @instructure/ui-modal

package/es/Modal/ModalBody/index.js

@@ -44,6 +44,18 @@ id: Modal.Body
 ---
 **/
 let ModalBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class ModalBody extends Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+
+    this.handleRef = el => {
+      var _this$props$elementRe, _this$props;
+
+      this.ref = el;
+      (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
+    };
+  }
+
   componentDidMount() {
     this.props.makeStyles();
   }
@@ -55,14 +67,14 @@ let ModalBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
   render() {
     var _this$props$styles;
 
-    const _this$props = this.props,
-          as = _this$props.as,
-          elementRef = _this$props.elementRef,
-          overflow = _this$props.overflow,
-          variant = _this$props.variant,
-          padding = _this$props.padding,
-          children = _this$props.children,
-          rest = _objectWithoutProperties(_this$props, _excluded);
+    const _this$props2 = this.props,
+          as = _this$props2.as,
+          elementRef = _this$props2.elementRef,
+          overflow = _this$props2.overflow,
+          variant = _this$props2.variant,
+          padding = _this$props2.padding,
+          children = _this$props2.children,
+          rest = _objectWithoutProperties(_this$props2, _excluded);
 
     const passthroughProps = View.omitViewProps(omitProps(rest, ModalBody.allowedProps), ModalBody);
     const isFit = overflow === 'fit';
@@ -70,7 +82,7 @@ let ModalBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
       display: "block",
       width: isFit ? '100%' : void 0,
       height: isFit ? '100%' : void 0,
-      elementRef: elementRef,
+      elementRef: this.handleRef,
       as: as,
       css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.modalBody,
       padding: padding,

package/es/Modal/ModalFooter/index.js

@@ -43,6 +43,15 @@ id: Modal.Footer
 ---
 **/
 let ModalFooter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class ModalFooter extends Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
+  }
+
   componentDidMount() {
     this.props.makeStyles();
   }
@@ -60,7 +69,9 @@ let ModalFooter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
 
     return jsx("div", Object.assign({
       css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.modalFooter
-    }, passthroughProps(rest)), children);
+    }, passthroughProps(rest), {
+      ref: this.handleRef
+    }), children);
   }
 
 }, _class2.displayName = "ModalFooter", _class2.componentId = 'Modal.Footer', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {

package/es/Modal/ModalHeader/index.js

@@ -46,6 +46,11 @@ id: Modal.Header
 let ModalHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class ModalHeader extends Component {
   constructor(...args) {
     super(...args);
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
 
     this.makeStyleProps = () => {
       return {
@@ -80,7 +85,9 @@ let ModalHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
 
     return jsx("div", Object.assign({
       css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.modalHeader
-    }, passthroughProps(rest)), children);
+    }, passthroughProps(rest), {
+      ref: this.handleRef
+    }), children);
   }
 
 }, _class2.displayName = "ModalHeader", _class2.componentId = 'Modal.Header', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {

package/es/Modal/index.js

@@ -54,6 +54,11 @@ let Modal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = te
   constructor(props) {
     super(props);
     this._DOMNode = null;
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
 
     this.handlePortalOpen = DOMNode => {
       this.DOMNode = DOMNode;
@@ -197,7 +202,8 @@ let Modal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = te
       insertAt: insertAt,
       open: portalIsOpen,
       onOpen: createChainedFunction(this.handlePortalOpen, onOpen),
-      onClose: onClose
+      onClose: onClose,
+      elementRef: this.handleRef
     }, portalIsOpen && jsx(Transition, {
       in: open,
       transitionOnMount: true,

package/lib/Modal/ModalBody/index.js

@@ -36,6 +36,18 @@ id: Modal.Body
 ---
 **/
 let ModalBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class ModalBody extends _react.Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+
+    this.handleRef = el => {
+      var _this$props$elementRe, _this$props;
+
+      this.ref = el;
+      (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
+    };
+  }
+
   componentDidMount() {
     this.props.makeStyles();
   }
@@ -47,14 +59,14 @@ let ModalBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
   render() {
     var _this$props$styles;
 
-    const _this$props = this.props,
-          as = _this$props.as,
-          elementRef = _this$props.elementRef,
-          overflow = _this$props.overflow,
-          variant = _this$props.variant,
-          padding = _this$props.padding,
-          children = _this$props.children,
-          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const _this$props2 = this.props,
+          as = _this$props2.as,
+          elementRef = _this$props2.elementRef,
+          overflow = _this$props2.overflow,
+          variant = _this$props2.variant,
+          padding = _this$props2.padding,
+          children = _this$props2.children,
+          rest = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
 
     const passthroughProps = _View.View.omitViewProps((0, _omitProps.omitProps)(rest, ModalBody.allowedProps), ModalBody);
 
@@ -63,7 +75,7 @@ let ModalBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
       display: "block",
       width: isFit ? '100%' : void 0,
       height: isFit ? '100%' : void 0,
-      elementRef: elementRef,
+      elementRef: this.handleRef,
       as: as,
       css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.modalBody,
       padding: padding,

package/lib/Modal/ModalFooter/index.js

@@ -34,6 +34,15 @@ id: Modal.Footer
 ---
 **/
 let ModalFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class ModalFooter extends _react.Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
+  }
+
   componentDidMount() {
     this.props.makeStyles();
   }
@@ -50,7 +59,9 @@ let ModalFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
           rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     return (0, _emotion.jsx)("div", Object.assign({
       css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.modalFooter
-    }, (0, _passthroughProps.passthroughProps)(rest)), children);
+    }, (0, _passthroughProps.passthroughProps)(rest), {
+      ref: this.handleRef
+    }), children);
   }
 
 }, _class2.displayName = "ModalFooter", _class2.componentId = 'Modal.Footer', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {

package/lib/Modal/ModalHeader/index.js

@@ -42,6 +42,11 @@ id: Modal.Header
 let ModalHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class ModalHeader extends _react.Component {
   constructor(...args) {
     super(...args);
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
 
     this.makeStyleProps = () => {
       return {
@@ -76,7 +81,9 @@ let ModalHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
           rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     return (0, _emotion.jsx)("div", Object.assign({
       css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.modalHeader
-    }, (0, _passthroughProps.passthroughProps)(rest)), children);
+    }, (0, _passthroughProps.passthroughProps)(rest), {
+      ref: this.handleRef
+    }), children);
   }
 
 }, _class2.displayName = "ModalHeader", _class2.componentId = 'Modal.Header', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {

package/lib/Modal/index.js

@@ -75,6 +75,11 @@ let Modal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
   constructor(props) {
     super(props);
     this._DOMNode = null;
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
 
     this.handlePortalOpen = DOMNode => {
       this.DOMNode = DOMNode;
@@ -217,7 +222,8 @@ let Modal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
       insertAt: insertAt,
       open: portalIsOpen,
       onOpen: (0, _createChainedFunction.createChainedFunction)(this.handlePortalOpen, onOpen),
-      onClose: onClose
+      onClose: onClose,
+      elementRef: this.handleRef
     }, portalIsOpen && (0, _emotion.jsx)(_Transition.Transition, {
       in: open,
       transitionOnMount: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-modal",
-  "version": "8.10.1-snapshot.9+93b506fe0",
+  "version": "8.10.3-snapshot.2+ccdf8f43b",
   "description": "A component for displaying content in a dialog overlay",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,35 +25,35 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/emotion": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/shared-types": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-buttons": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-dialog": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-motion": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-overlays": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-portal": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-prop-types": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-react-utils": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-testable": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-utils": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-view": "8.10.1-snapshot.9+93b506fe0",
+    "@instructure/console": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/emotion": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/shared-types": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-buttons": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-dialog": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-motion": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-overlays": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-portal": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-prop-types": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-react-utils": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-testable": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-utils": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-view": "8.10.3-snapshot.2+ccdf8f43b",
     "prop-types": "^15"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-color-utils": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-position": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-test-locator": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-test-utils": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-themes": "8.10.1-snapshot.9+93b506fe0"
+    "@instructure/ui-babel-preset": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-color-utils": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-position": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-test-locator": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-test-utils": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-themes": "8.10.3-snapshot.2+ccdf8f43b"
   },
   "publishConfig": {
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "93b506fe0860718ebe2cc2729fd023e3e7489231"
+  "gitHead": "ccdf8f43b56a8edef32600281692dfeb436d5a01"
 }

package/src/Modal/ModalBody/index.tsx

@@ -56,6 +56,13 @@ class ModalBody extends Component<ModalBodyProps> {
     children: null
   }
 
+  ref: Element | null = null
+
+  handleRef = (el: Element | null) => {
+    this.ref = el
+    this.props.elementRef?.(el)
+  }
+
   componentDidMount() {
     // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
     this.props.makeStyles()
@@ -90,7 +97,7 @@ class ModalBody extends Component<ModalBodyProps> {
         display="block"
         width={isFit ? '100%' : undefined}
         height={isFit ? '100%' : undefined}
-        elementRef={elementRef}
+        elementRef={this.handleRef}
         as={as}
         css={this.props.styles?.modalBody}
         padding={padding}

package/src/Modal/ModalBody/props.ts

@@ -41,7 +41,7 @@ import type {
 type ModalBodyOwnProps = {
   children?: React.ReactNode
   padding?: Spacing
-  elementRef?: (...args: any[]) => any
+  elementRef?: (element: Element | null) => void
   as?: AsElementType
   variant?: 'default' | 'inverse'
   overflow?: 'scroll' | 'fit'

package/src/Modal/ModalFooter/index.tsx

@@ -52,6 +52,12 @@ class ModalFooter extends Component<ModalFooterProps> {
     children: null
   }
 
+  ref: Element | null = null
+
+  handleRef = (el: Element | null) => {
+    this.ref = el
+  }
+
   componentDidMount() {
     // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
     this.props.makeStyles()
@@ -67,7 +73,11 @@ class ModalFooter extends Component<ModalFooterProps> {
     const { children, ...rest } = this.props
 
     return (
-      <div css={this.props.styles?.modalFooter} {...passthroughProps(rest)}>
+      <div
+        css={this.props.styles?.modalFooter}
+        {...passthroughProps(rest)}
+        ref={this.handleRef}
+      >
         {children}
       </div>
     )

package/src/Modal/ModalHeader/index.tsx

@@ -57,6 +57,12 @@ class ModalHeader extends Component<ModalHeaderProps> {
     variant: 'default'
   }
 
+  ref: Element | null = null
+
+  handleRef = (el: Element | null) => {
+    this.ref = el
+  }
+
   componentDidMount() {
     // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
     this.props.makeStyles(this.makeStyleProps())
@@ -88,7 +94,11 @@ class ModalHeader extends Component<ModalHeaderProps> {
     const { children, ...rest } = this.props
 
     return (
-      <div css={this.props.styles?.modalHeader} {...passthroughProps(rest)}>
+      <div
+        css={this.props.styles?.modalHeader}
+        {...passthroughProps(rest)}
+        ref={this.handleRef}
+      >
         {children}
       </div>
     )

package/src/Modal/index.tsx

@@ -107,6 +107,12 @@ class Modal extends Component<ModalProps> {
 
   _DOMNode: PortalNode = null
 
+  ref?: Element | null = null
+
+  handleRef = (el?: Element | null) => {
+    this.ref = el
+  }
+
   componentDidMount() {
     // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
     this.props.makeStyles()
@@ -261,6 +267,7 @@ class Modal extends Component<ModalProps> {
         open={portalIsOpen}
         onOpen={createChainedFunction(this.handlePortalOpen, onOpen)}
         onClose={onClose}
+        elementRef={this.handleRef}
       >
         {portalIsOpen && (
           <Transition

package/types/Modal/ModalBody/index.d.ts

@@ -13,7 +13,13 @@ declare class ModalBody extends Component<ModalBodyProps> {
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
         children?: import("react").ReactNode;
         padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
+        /**
+        ---
+        parent: Modal
+        id: Modal.Body
+        ---
+        **/
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         variant?: "default" | "inverse" | undefined;
         overflow?: "scroll" | "fit" | undefined;
@@ -21,7 +27,13 @@ declare class ModalBody extends Component<ModalBodyProps> {
     static allowedProps: readonly (keyof {
         children?: import("react").ReactNode;
         padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
+        /**
+        ---
+        parent: Modal
+        id: Modal.Body
+        ---
+        **/
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         variant?: "default" | "inverse" | undefined;
         overflow?: "scroll" | "fit" | undefined;
@@ -32,6 +44,8 @@ declare class ModalBody extends Component<ModalBodyProps> {
         variant: string;
         children: null;
     };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
     componentDidMount(): void;
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
     render(): jsx.JSX.Element;

package/types/Modal/ModalBody/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalBody/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;GAKG;AACH,cAEM,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAiCP;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalBody/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;GAKG;AACH,cAEM,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS;;;;QAXlB;;;;;WAKG;;;;OAM2B;IAC5B,MAAM,CAAC,YAAY;;;;QAZrB;;;;;WAKG;;;;SAOiC;IAClC,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAiCP;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/types/Modal/ModalBody/props.d.ts

@@ -4,7 +4,7 @@ import type { AsElementType, PropValidators, ModalBodyTheme } from '@instructure
 declare type ModalBodyOwnProps = {
     children?: React.ReactNode;
     padding?: Spacing;
-    elementRef?: (...args: any[]) => any;
+    elementRef?: (element: Element | null) => void;
     as?: AsElementType;
     variant?: 'default' | 'inverse';
     overflow?: 'scroll' | 'fit';

package/types/Modal/ModalBody/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalBody/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;CAC5B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,cAAc,GAAG,iBAAiB,GACrC,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,CAAA;AAEhD,aAAK,cAAc,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAEjD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAOvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalBody/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;CAC5B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,cAAc,GAAG,iBAAiB,GACrC,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,CAAA;AAEhD,aAAK,cAAc,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAEjD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAOvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Modal/ModalFooter/index.d.ts

@@ -22,6 +22,8 @@ declare class ModalFooter extends Component<ModalFooterProps> {
         variant: string;
         children: null;
     };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
     componentDidMount(): void;
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
     render(): jsx.JSX.Element;

package/types/Modal/ModalFooter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalFooter/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;;GAKG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,SAAS;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CASP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalFooter/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;;GAKG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,SAAS;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAaP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/types/Modal/ModalHeader/index.d.ts

@@ -22,6 +22,8 @@ declare class ModalHeader extends Component<ModalHeaderProps> {
         children: null;
         variant: string;
     };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
     componentDidMount(): void;
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
     makeStyleProps: () => ModalHeaderStyleProps;

package/types/Modal/ModalHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalHeader/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQxC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEtE;;;;;GAKG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,SAAS;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,cAAc,QAAO,qBAAqB,CAIzC;IAED,IAAI,eAAe,YAQlB;IAED,MAAM;CASP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalHeader/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQxC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEtE;;;;;GAKG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,SAAS;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,cAAc,QAAO,qBAAqB,CAIzC;IAED,IAAI,eAAe,YAQlB;IAED,MAAM;CAaP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}