@instructure/ui-a11y-content 8.10.1-snapshot.4 → 8.10.2-snapshot.22

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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-a11y-content
+
 # [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-a11y-content

package/es/AccessibleContent/index.js

@@ -38,6 +38,15 @@ category: components/utilities
 @tsProps
 **/
 class AccessibleContent extends Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
+  }
+
   render() {
     const _this$props = this.props,
           alt = _this$props.alt,
@@ -45,7 +54,9 @@ class AccessibleContent extends Component {
           props = _objectWithoutProperties(_this$props, _excluded);
 
     const ElementType = getElementType(AccessibleContent, this.props);
-    return /*#__PURE__*/React.createElement(ElementType, passthroughProps(props), /*#__PURE__*/React.createElement(ScreenReaderContent, null, alt), /*#__PURE__*/React.createElement(PresentationContent, null, children));
+    return /*#__PURE__*/React.createElement(ElementType, Object.assign({}, passthroughProps(props), {
+      ref: this.handleRef
+    }), /*#__PURE__*/React.createElement(ScreenReaderContent, null, alt), /*#__PURE__*/React.createElement(PresentationContent, null, children));
   }
 
 }

package/es/PresentationContent/index.js

@@ -36,14 +36,27 @@ category: components/utilities
 @tsProps
 **/
 class PresentationContent 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);
+    };
+  }
+
   render() {
-    const _this$props = this.props,
-          children = _this$props.children,
-          props = _objectWithoutProperties(_this$props, _excluded);
+    const _this$props2 = this.props,
+          children = _this$props2.children,
+          props = _objectWithoutProperties(_this$props2, _excluded);
 
     const ElementType = getElementType(PresentationContent, this.props);
     return /*#__PURE__*/React.createElement(ElementType, Object.assign({}, passthroughProps(props), {
-      "aria-hidden": "true"
+      "aria-hidden": "true",
+      ref: this.handleRef
     }), children);
   }
 

package/es/PresentationContent/props.js

@@ -24,7 +24,8 @@
 import PropTypes from 'prop-types';
 const propTypes = {
   as: PropTypes.elementType,
-  children: PropTypes.node
+  children: PropTypes.node,
+  elementRef: PropTypes.func
 };
-const allowedProps = ['as', 'children'];
+const allowedProps = ['as', 'children', 'elementRef'];
 export { propTypes, allowedProps };

package/es/ScreenReaderContent/index.js

@@ -42,6 +42,15 @@ category: components/utilities
 @tsProps
 **/
 let ScreenReaderContent = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp = _class2 = class ScreenReaderContent extends Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
+  }
+
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -62,7 +71,8 @@ let ScreenReaderContent = (_dec = withStyle(generateStyle, null), _dec(_class =
 
     const ElementType = getElementType(ScreenReaderContent, props);
     return jsx(ElementType, Object.assign({}, passthroughProps(props), {
-      css: styles === null || styles === void 0 ? void 0 : styles.screenReaderContent
+      css: styles === null || styles === void 0 ? void 0 : styles.screenReaderContent,
+      ref: this.handleRef
     }), children);
   }
 

package/es/ScreenReaderContent/props.js

@@ -24,7 +24,8 @@
 import PropTypes from 'prop-types';
 const propTypes = {
   as: PropTypes.elementType,
-  children: PropTypes.node
+  children: PropTypes.node,
+  elementRef: PropTypes.func
 };
-const allowedProps = ['as', 'children'];
+const allowedProps = ['as', 'children', 'elementRef'];
 export { propTypes, allowedProps };

package/lib/AccessibleContent/index.js

@@ -33,13 +33,24 @@ category: components/utilities
 @tsProps
 **/
 class AccessibleContent extends _react.Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
+  }
+
   render() {
     const _this$props = this.props,
           alt = _this$props.alt,
           children = _this$props.children,
           props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     const ElementType = (0, _getElementType.getElementType)(AccessibleContent, this.props);
-    return /*#__PURE__*/_react.default.createElement(ElementType, (0, _passthroughProps.passthroughProps)(props), /*#__PURE__*/_react.default.createElement(_ScreenReaderContent.ScreenReaderContent, null, alt), /*#__PURE__*/_react.default.createElement(_PresentationContent.PresentationContent, null, children));
+    return /*#__PURE__*/_react.default.createElement(ElementType, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
+      ref: this.handleRef
+    }), /*#__PURE__*/_react.default.createElement(_ScreenReaderContent.ScreenReaderContent, null, alt), /*#__PURE__*/_react.default.createElement(_PresentationContent.PresentationContent, null, children));
   }
 
 }

package/lib/PresentationContent/index.js

@@ -29,13 +29,26 @@ category: components/utilities
 @tsProps
 **/
 class PresentationContent 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);
+    };
+  }
+
   render() {
-    const _this$props = this.props,
-          children = _this$props.children,
-          props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const _this$props2 = this.props,
+          children = _this$props2.children,
+          props = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
     const ElementType = (0, _getElementType.getElementType)(PresentationContent, this.props);
     return /*#__PURE__*/_react.default.createElement(ElementType, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
-      "aria-hidden": "true"
+      "aria-hidden": "true",
+      ref: this.handleRef
     }), children);
   }
 

package/lib/PresentationContent/props.js

@@ -34,8 +34,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  */
 const propTypes = {
   as: _propTypes.default.elementType,
-  children: _propTypes.default.node
+  children: _propTypes.default.node,
+  elementRef: _propTypes.default.func
 };
 exports.propTypes = propTypes;
-const allowedProps = ['as', 'children'];
+const allowedProps = ['as', 'children', 'elementRef'];
 exports.allowedProps = allowedProps;

package/lib/ScreenReaderContent/index.js

@@ -33,6 +33,15 @@ category: components/utilities
 @tsProps
 **/
 let ScreenReaderContent = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_temp = _class2 = class ScreenReaderContent extends _react.Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
+  }
+
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -52,7 +61,8 @@ let ScreenReaderContent = (_dec = (0, _emotion.withStyle)(_styles.default, null)
           props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
     const ElementType = (0, _getElementType.getElementType)(ScreenReaderContent, props);
     return (0, _emotion.jsx)(ElementType, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
-      css: styles === null || styles === void 0 ? void 0 : styles.screenReaderContent
+      css: styles === null || styles === void 0 ? void 0 : styles.screenReaderContent,
+      ref: this.handleRef
     }), children);
   }
 

package/lib/ScreenReaderContent/props.js

@@ -34,8 +34,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  */
 const propTypes = {
   as: _propTypes.default.elementType,
-  children: _propTypes.default.node
+  children: _propTypes.default.node,
+  elementRef: _propTypes.default.func
 };
 exports.propTypes = propTypes;
-const allowedProps = ['as', 'children'];
+const allowedProps = ['as', 'children', 'elementRef'];
 exports.allowedProps = allowedProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-a11y-content",
-  "version": "8.10.1-snapshot.4+6c5c9e653",
+  "version": "8.10.2-snapshot.22+b84160eff",
   "description": "Utility components that enhance the user experience of those that navigate the web with a screen reader or keyboard.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,20 +25,20 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/emotion": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/shared-types": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-dom-utils": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-prop-types": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-react-utils": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-utils": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/uid": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/console": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/emotion": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/shared-types": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-dom-utils": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-prop-types": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-react-utils": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-utils": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/uid": "8.10.2-snapshot.22+b84160eff",
     "keycode": "^2",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-test-utils": "8.10.1-snapshot.4+6c5c9e653"
+    "@instructure/ui-babel-preset": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-test-utils": "8.10.2-snapshot.22+b84160eff"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "6c5c9e653f7ce3d239296f4ed19c5679fdddcd5b"
+  "gitHead": "b84160effefb01aeb94b754f0b7a64f8dad1b7f2"
 }

package/src/AccessibleContent/index.tsx

@@ -50,12 +50,21 @@ class AccessibleContent extends Component<
     children: null
   } as const
 
+  ref: Element | null = null
+
+  handleRef = (el: Element | null) => {
+    this.ref = el
+  }
+
   render() {
     const { alt, children, ...props } = this.props
     const ElementType = getElementType(AccessibleContent, this.props)
 
     return (
-      <ElementType {...passthroughProps(props)}>
+      <ElementType
+        {...passthroughProps(props as AccessibleContentProps)}
+        ref={this.handleRef}
+      >
         <ScreenReaderContent>{alt}</ScreenReaderContent>
         <PresentationContent>{children}</PresentationContent>
       </ElementType>

package/src/PresentationContent/index.tsx

@@ -47,12 +47,24 @@ class PresentationContent extends Component<
     children: null
   } as const
 
+  ref: Element | null = null
+
+  handleRef = (el: Element | null) => {
+    this.ref = el
+    this.props.elementRef?.(el)
+  }
+
   render() {
     const { children, ...props } = this.props
     const ElementType = getElementType(PresentationContent, this.props)
 
     return (
-      <ElementType {...passthroughProps(props)} aria-hidden="true">
+      <ElementType
+        // @ts-expect-error TODO: `ref` prop causes: "Expression produces a union type that is too complex to represent.ts(2590)"
+        {...passthroughProps(props)}
+        aria-hidden="true"
+        ref={this.handleRef}
+      >
         {children}
       </ElementType>
     )

package/src/PresentationContent/props.ts

@@ -34,6 +34,7 @@ type PresentationContentOwnProps = {
   as: AsElementType
 
   children?: React.ReactNode
+  elementRef?: (element: Element | null) => void
 }
 
 type PropKeys = keyof PresentationContentOwnProps
@@ -44,10 +45,11 @@ type PresentationContentProps = PresentationContentOwnProps
 
 const propTypes: PropValidators<PropKeys> = {
   as: PropTypes.elementType,
-  children: PropTypes.node
+  children: PropTypes.node,
+  elementRef: PropTypes.func
 }
 
-const allowedProps: AllowedPropKeys = ['as', 'children']
+const allowedProps: AllowedPropKeys = ['as', 'children', 'elementRef']
 
 export type { PresentationContentProps }
 export { propTypes, allowedProps }

package/src/ScreenReaderContent/index.tsx

@@ -54,6 +54,12 @@ class ScreenReaderContent extends Component<ScreenReaderContentProps> {
     children: null
   } as const
 
+  ref: Element | null = null
+
+  handleRef = (el: Element | null) => {
+    this.ref = el
+  }
+
   componentDidMount() {
     this.props.makeStyles?.()
   }
@@ -70,6 +76,7 @@ class ScreenReaderContent extends Component<ScreenReaderContentProps> {
       <ElementType
         {...passthroughProps(props)}
         css={styles?.screenReaderContent}
+        ref={this.handleRef}
       >
         {children}
       </ElementType>

package/src/ScreenReaderContent/props.ts

@@ -42,6 +42,11 @@ type ScreenReaderContentOwnProps = {
    * content meant for screen readers only
    */
   children?: ReactNode
+
+  /**
+   * provides a reference to the underlying html root element
+   */
+  elementRef?: (element: Element | null) => void
 }
 
 type PropKeys = keyof ScreenReaderContentOwnProps
@@ -56,10 +61,11 @@ type ScreenReaderContentStyle = ComponentStyle<'screenReaderContent'>
 
 const propTypes: PropValidators<PropKeys> = {
   as: PropTypes.elementType,
-  children: PropTypes.node
+  children: PropTypes.node,
+  elementRef: PropTypes.func
 }
 
-const allowedProps: AllowedPropKeys = ['as', 'children']
+const allowedProps: AllowedPropKeys = ['as', 'children', 'elementRef']
 
 export type { ScreenReaderContentProps, ScreenReaderContentStyle }
 export { propTypes, allowedProps }

package/types/AccessibleContent/index.d.ts

@@ -23,6 +23,8 @@ declare class AccessibleContent extends Component<AccessibleContentProps & Other
         readonly as: "span";
         readonly children: null;
     };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
     render(): JSX.Element;
 }
 export default AccessibleContent;

package/types/AccessibleContent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AccessibleContent/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAMpE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD;;;;;;GAMG;AACH,cAAM,iBAAkB,SAAQ,SAAS,CACvC,sBAAsB,GAAG,mBAAmB,CAAC,sBAAsB,CAAC,CACrE;IACC,MAAM,CAAC,SAAS;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGT;IAEV,MAAM;CAWP;AAED,eAAe,iBAAiB,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AccessibleContent/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAMpE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD;;;;;;GAMG;AACH,cAAM,iBAAkB,SAAQ,SAAS,CACvC,sBAAsB,GAAG,mBAAmB,CAAC,sBAAsB,CAAC,CACrE;IACC,MAAM,CAAC,SAAS;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,MAAM;CAcP;AAED,eAAe,iBAAiB,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/types/PresentationContent/index.d.ts

@@ -12,15 +12,19 @@ declare class PresentationContent extends Component<PresentationContentProps & O
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
         as: import("@instructure/shared-types/types/CommonProps").AsElementType;
         children?: React.ReactNode;
+        elementRef?: ((element: Element | null) => void) | undefined;
     }>;
     static allowedProps: readonly (keyof {
         as: import("@instructure/shared-types/types/CommonProps").AsElementType;
         children?: React.ReactNode;
+        elementRef?: ((element: Element | null) => void) | undefined;
     })[];
     static defaultProps: {
         readonly as: "span";
         readonly children: null;
     };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
     render(): JSX.Element;
 }
 export default PresentationContent;

package/types/PresentationContent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/PresentationContent/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAGpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvD;;;;;;GAMG;AACH,cAAM,mBAAoB,SAAQ,SAAS,CACzC,wBAAwB,GAAG,mBAAmB,CAAC,wBAAwB,CAAC,CACzE;IACC,MAAM,CAAC,SAAS;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGT;IAEV,MAAM;CAUP;AAED,eAAe,mBAAmB,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/PresentationContent/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAGpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvD;;;;;;GAMG;AACH,cAAM,mBAAoB,SAAQ,SAAS,CACzC,wBAAwB,GAAG,mBAAmB,CAAC,wBAAwB,CAAC,CACzE;IACC,MAAM,CAAC,SAAS;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAED,MAAM;CAeP;AAED,eAAe,mBAAmB,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/types/PresentationContent/props.d.ts

@@ -6,6 +6,7 @@ declare type PresentationContentOwnProps = {
      */
     as: AsElementType;
     children?: React.ReactNode;
+    elementRef?: (element: Element | null) => void;
 };
 declare type PropKeys = keyof PresentationContentOwnProps;
 declare type AllowedPropKeys = Readonly<PropKeys[]>;

package/types/PresentationContent/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/PresentationContent/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE9E,aAAK,2BAA2B,GAAG;IACjC;;OAEG;IACH,EAAE,EAAE,aAAa,CAAA;IAEjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,2BAA2B,CAAA;AAEjD,aAAK,eAAe,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA;AAE3C,aAAK,wBAAwB,GAAG,2BAA2B,CAAA;AAE3D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAoC,CAAA;AAExD,YAAY,EAAE,wBAAwB,EAAE,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/PresentationContent/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE9E,aAAK,2BAA2B,GAAG;IACjC;;OAEG;IACH,EAAE,EAAE,aAAa,CAAA;IAEjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,2BAA2B,CAAA;AAEjD,aAAK,eAAe,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA;AAE3C,aAAK,wBAAwB,GAAG,2BAA2B,CAAA;AAE3D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAIvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAkD,CAAA;AAEtE,YAAY,EAAE,wBAAwB,EAAE,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/ScreenReaderContent/index.d.ts

@@ -14,15 +14,19 @@ declare class ScreenReaderContent extends Component<ScreenReaderContentProps> {
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         children?: import("react").ReactNode;
+        elementRef?: ((element: Element | null) => void) | undefined;
     }>;
     static allowedProps: readonly (keyof {
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         children?: import("react").ReactNode;
+        elementRef?: ((element: Element | null) => void) | undefined;
     })[];
     static defaultProps: {
         readonly as: "span";
         readonly children: null;
     };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
     componentDidMount(): void;
     componentDidUpdate(): void;
     render(): jsx.JSX.Element;

package/types/ScreenReaderContent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ScreenReaderContent/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,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvD;;;;;;GAMG;AACH,cACM,mBAAoB,SAAQ,SAAS,CAAC,wBAAwB,CAAC;IACnE,MAAM,CAAC,QAAQ,CAAC,WAAW,yBAAwB;IAEnD,MAAM,CAAC,SAAS;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;SAAe;IAElC,MAAM,CAAC,YAAY;;;MAGT;IAEV,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CAaP;AAED,eAAe,mBAAmB,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ScreenReaderContent/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,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvD;;;;;;GAMG;AACH,cACM,mBAAoB,SAAQ,SAAS,CAAC,wBAAwB,CAAC;IACnE,MAAM,CAAC,QAAQ,CAAC,WAAW,yBAAwB;IAEnD,MAAM,CAAC,SAAS;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;SAAe;IAElC,MAAM,CAAC,YAAY;;;MAGT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CAcP;AAED,eAAe,mBAAmB,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/types/ScreenReaderContent/props.d.ts

@@ -10,6 +10,10 @@ declare type ScreenReaderContentOwnProps = {
      * content meant for screen readers only
      */
     children?: ReactNode;
+    /**
+     * provides a reference to the underlying html root element
+     */
+    elementRef?: (element: Element | null) => void;
 };
 declare type PropKeys = keyof ScreenReaderContentOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;

package/types/ScreenReaderContent/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ScreenReaderContent/props.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,2BAA2B,GAAG;IACjC;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,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,mBAAmB,CAAC,2BAA2B,CAAC,GAChD,cAAc,CAAC,IAAI,EAAE,wBAAwB,CAAC,CAAA;AAEhD,aAAK,wBAAwB,GAAG,cAAc,CAAC,qBAAqB,CAAC,CAAA;AAErE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAoC,CAAA;AAExD,YAAY,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ScreenReaderContent/props.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,2BAA2B,GAAG;IACjC;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,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,mBAAmB,CAAC,2BAA2B,CAAC,GAChD,cAAc,CAAC,IAAI,EAAE,wBAAwB,CAAC,CAAA;AAEhD,aAAK,wBAAwB,GAAG,cAAc,CAAC,qBAAqB,CAAC,CAAA;AAErE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAIvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAkD,CAAA;AAEtE,YAAY,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}