@instructure/ui-list 8.10.1-snapshot.8 → 8.10.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-list
+
+## [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-list
+
 # [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-list

package/es/InlineList/InlineListItem/index.js

@@ -44,6 +44,18 @@ id: InlineList.Item
 ---
 **/
 let InlineListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class InlineListItem 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();
   }
@@ -53,16 +65,16 @@ let InlineListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _
   }
 
   render() {
-    const _this$props = this.props,
-          delimiter = _this$props.delimiter,
-          size = _this$props.size,
-          margin = _this$props.margin,
-          padding = _this$props.padding,
-          elementRef = _this$props.elementRef,
-          children = _this$props.children,
-          spacing = _this$props.spacing,
-          styles = _this$props.styles,
-          rest = _objectWithoutProperties(_this$props, _excluded);
+    const _this$props2 = this.props,
+          delimiter = _this$props2.delimiter,
+          size = _this$props2.size,
+          margin = _this$props2.margin,
+          padding = _this$props2.padding,
+          elementRef = _this$props2.elementRef,
+          children = _this$props2.children,
+          spacing = _this$props2.spacing,
+          styles = _this$props2.styles,
+          rest = _objectWithoutProperties(_this$props2, _excluded);
 
     return jsx(View, Object.assign({}, passthroughProps(rest), {
       css: styles === null || styles === void 0 ? void 0 : styles.inlineListItem,
@@ -71,7 +83,7 @@ let InlineListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _
       padding: padding,
       display: "inline-block",
       maxWidth: "100%",
-      elementRef: elementRef
+      elementRef: this.handleRef
     }), children, jsx("span", {
       css: styles === null || styles === void 0 ? void 0 : styles.delimiter,
       "aria-hidden": "true"

package/es/InlineList/index.js

@@ -39,6 +39,18 @@ category: components
 ---
 **/
 let InlineList = (_dec = testable(), _dec(_class = (_temp = _class2 = class InlineList 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);
+    };
+  }
+
   renderChildren() {
     return Children.map(this.props.children, child => {
       if (!child) return; // ignore null, falsy children
@@ -52,17 +64,17 @@ let InlineList = (_dec = testable(), _dec(_class = (_temp = _class2 = class Inli
   }
 
   render() {
-    const _this$props = this.props,
-          as = _this$props.as,
-          margin = _this$props.margin,
-          elementRef = _this$props.elementRef,
-          rest = _objectWithoutProperties(_this$props, _excluded);
+    const _this$props2 = this.props,
+          as = _this$props2.as,
+          margin = _this$props2.margin,
+          elementRef = _this$props2.elementRef,
+          rest = _objectWithoutProperties(_this$props2, _excluded);
 
     return /*#__PURE__*/React.createElement(View, Object.assign({}, passthroughProps(rest), {
       as: as,
       margin: margin,
       padding: "0",
-      elementRef: elementRef,
+      elementRef: this.handleRef,
       display: "block"
     }), this.renderChildren());
   }

package/es/List/ListItem/index.js

@@ -44,6 +44,18 @@ id: List.Item
 ---
 **/
 let ListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class ListItem 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();
   }
@@ -53,16 +65,16 @@ let ListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
   }
 
   render() {
-    const _this$props = this.props,
-          delimiter = _this$props.delimiter,
-          spacing = _this$props.spacing,
-          size = _this$props.size,
-          margin = _this$props.margin,
-          padding = _this$props.padding,
-          elementRef = _this$props.elementRef,
-          children = _this$props.children,
-          styles = _this$props.styles,
-          rest = _objectWithoutProperties(_this$props, _excluded);
+    const _this$props2 = this.props,
+          delimiter = _this$props2.delimiter,
+          spacing = _this$props2.spacing,
+          size = _this$props2.size,
+          margin = _this$props2.margin,
+          padding = _this$props2.padding,
+          elementRef = _this$props2.elementRef,
+          children = _this$props2.children,
+          styles = _this$props2.styles,
+          rest = _objectWithoutProperties(_this$props2, _excluded);
 
     return jsx(View, Object.assign({}, passthroughProps(rest), {
       css: styles === null || styles === void 0 ? void 0 : styles.listItem,
@@ -70,7 +82,7 @@ let ListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
       margin: margin,
       padding: padding,
       maxWidth: "100%",
-      elementRef: elementRef
+      elementRef: this.handleRef
     }), children);
   }
 

package/es/List/index.js

@@ -44,6 +44,18 @@ category: components
 ---
 **/
 let List = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class List 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();
   }
@@ -66,19 +78,19 @@ let List = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
   }
 
   render() {
-    const _this$props = this.props,
-          as = _this$props.as,
-          margin = _this$props.margin,
-          isUnstyled = _this$props.isUnstyled,
-          elementRef = _this$props.elementRef,
-          styles = _this$props.styles,
-          rest = _objectWithoutProperties(_this$props, _excluded);
+    const _this$props2 = this.props,
+          as = _this$props2.as,
+          margin = _this$props2.margin,
+          isUnstyled = _this$props2.isUnstyled,
+          elementRef = _this$props2.elementRef,
+          styles = _this$props2.styles,
+          rest = _objectWithoutProperties(_this$props2, _excluded);
 
     return jsx(View, Object.assign({}, passthroughProps(rest), {
       css: styles === null || styles === void 0 ? void 0 : styles.list,
       as: as,
       margin: margin,
-      elementRef: elementRef,
+      elementRef: this.handleRef,
       display: "block"
     }), this.renderChildren());
   }

package/lib/InlineList/InlineListItem/index.js

@@ -36,6 +36,18 @@ id: InlineList.Item
 ---
 **/
 let InlineListItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class InlineListItem 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();
   }
@@ -45,16 +57,16 @@ let InlineListItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
   }
 
   render() {
-    const _this$props = this.props,
-          delimiter = _this$props.delimiter,
-          size = _this$props.size,
-          margin = _this$props.margin,
-          padding = _this$props.padding,
-          elementRef = _this$props.elementRef,
-          children = _this$props.children,
-          spacing = _this$props.spacing,
-          styles = _this$props.styles,
-          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const _this$props2 = this.props,
+          delimiter = _this$props2.delimiter,
+          size = _this$props2.size,
+          margin = _this$props2.margin,
+          padding = _this$props2.padding,
+          elementRef = _this$props2.elementRef,
+          children = _this$props2.children,
+          spacing = _this$props2.spacing,
+          styles = _this$props2.styles,
+          rest = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
     return (0, _emotion.jsx)(_View.View, Object.assign({}, (0, _passthroughProps.passthroughProps)(rest), {
       css: styles === null || styles === void 0 ? void 0 : styles.inlineListItem,
       as: "li",
@@ -62,7 +74,7 @@ let InlineListItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
       padding: padding,
       display: "inline-block",
       maxWidth: "100%",
-      elementRef: elementRef
+      elementRef: this.handleRef
     }), children, (0, _emotion.jsx)("span", {
       css: styles === null || styles === void 0 ? void 0 : styles.delimiter,
       "aria-hidden": "true"

package/lib/InlineList/index.js

@@ -35,6 +35,18 @@ category: components
 ---
 **/
 let InlineList = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _class2 = class InlineList 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);
+    };
+  }
+
   renderChildren() {
     return _react.Children.map(this.props.children, child => {
       if (!child) return; // ignore null, falsy children
@@ -48,16 +60,16 @@ let InlineList = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _clas
   }
 
   render() {
-    const _this$props = this.props,
-          as = _this$props.as,
-          margin = _this$props.margin,
-          elementRef = _this$props.elementRef,
-          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const _this$props2 = this.props,
+          as = _this$props2.as,
+          margin = _this$props2.margin,
+          elementRef = _this$props2.elementRef,
+          rest = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
     return /*#__PURE__*/_react.default.createElement(_View.View, Object.assign({}, (0, _passthroughProps.passthroughProps)(rest), {
       as: as,
       margin: margin,
       padding: "0",
-      elementRef: elementRef,
+      elementRef: this.handleRef,
       display: "block"
     }), this.renderChildren());
   }

package/lib/List/ListItem/index.js

@@ -36,6 +36,18 @@ id: List.Item
 ---
 **/
 let ListItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class ListItem 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();
   }
@@ -45,23 +57,23 @@ let ListItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
   }
 
   render() {
-    const _this$props = this.props,
-          delimiter = _this$props.delimiter,
-          spacing = _this$props.spacing,
-          size = _this$props.size,
-          margin = _this$props.margin,
-          padding = _this$props.padding,
-          elementRef = _this$props.elementRef,
-          children = _this$props.children,
-          styles = _this$props.styles,
-          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const _this$props2 = this.props,
+          delimiter = _this$props2.delimiter,
+          spacing = _this$props2.spacing,
+          size = _this$props2.size,
+          margin = _this$props2.margin,
+          padding = _this$props2.padding,
+          elementRef = _this$props2.elementRef,
+          children = _this$props2.children,
+          styles = _this$props2.styles,
+          rest = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
     return (0, _emotion.jsx)(_View.View, Object.assign({}, (0, _passthroughProps.passthroughProps)(rest), {
       css: styles === null || styles === void 0 ? void 0 : styles.listItem,
       as: "li",
       margin: margin,
       padding: padding,
       maxWidth: "100%",
-      elementRef: elementRef
+      elementRef: this.handleRef
     }), children);
   }
 

package/lib/List/index.js

@@ -45,6 +45,18 @@ category: components
 ---
 **/
 let List = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class List 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();
   }
@@ -67,18 +79,18 @@ let List = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
   }
 
   render() {
-    const _this$props = this.props,
-          as = _this$props.as,
-          margin = _this$props.margin,
-          isUnstyled = _this$props.isUnstyled,
-          elementRef = _this$props.elementRef,
-          styles = _this$props.styles,
-          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const _this$props2 = this.props,
+          as = _this$props2.as,
+          margin = _this$props2.margin,
+          isUnstyled = _this$props2.isUnstyled,
+          elementRef = _this$props2.elementRef,
+          styles = _this$props2.styles,
+          rest = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
     return (0, _emotion.jsx)(_View.View, Object.assign({}, (0, _passthroughProps.passthroughProps)(rest), {
       css: styles === null || styles === void 0 ? void 0 : styles.list,
       as: as,
       margin: margin,
-      elementRef: elementRef,
+      elementRef: this.handleRef,
       display: "block"
     }), this.renderChildren());
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-list",
-  "version": "8.10.1-snapshot.8+21f46f4e3",
+  "version": "8.10.2",
   "description": "Components for displaying vertical or horizontal lists.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,21 +25,21 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/emotion": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/shared-types": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-prop-types": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-react-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-testable": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-view": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/console": "8.10.2",
+    "@instructure/emotion": "8.10.2",
+    "@instructure/shared-types": "8.10.2",
+    "@instructure/ui-prop-types": "8.10.2",
+    "@instructure/ui-react-utils": "8.10.2",
+    "@instructure/ui-testable": "8.10.2",
+    "@instructure/ui-view": "8.10.2",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-color-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-test-locator": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-test-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-themes": "8.10.1-snapshot.8+21f46f4e3"
+    "@instructure/ui-babel-preset": "8.10.2",
+    "@instructure/ui-color-utils": "8.10.2",
+    "@instructure/ui-test-locator": "8.10.2",
+    "@instructure/ui-test-utils": "8.10.2",
+    "@instructure/ui-themes": "8.10.2"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -47,6 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "21f46f4e342898b019ab943a7e69a455621d9576"
+  "sideEffects": false
 }

package/src/InlineList/InlineListItem/index.tsx

@@ -58,6 +58,13 @@ class InlineListItem extends Component<InlineListItemProps> {
     elementRef: (el) => {}
   }
 
+  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()
@@ -91,7 +98,7 @@ class InlineListItem extends Component<InlineListItemProps> {
         padding={padding}
         display="inline-block"
         maxWidth="100%"
-        elementRef={elementRef}
+        elementRef={this.handleRef}
       >
         {children}
         <span css={styles?.delimiter} aria-hidden="true" />

package/src/InlineList/InlineListItem/props.ts

@@ -53,7 +53,7 @@ type InlineListItemOwnProps = {
     | 'large'
     | 'x-large'
     | 'xx-large'
-  elementRef?: (...args: any[]) => any
+  elementRef?: (element: Element | null) => void
 }
 
 type PropKeys = keyof InlineListItemOwnProps

package/src/InlineList/index.tsx

@@ -54,6 +54,13 @@ class InlineList extends Component<InlineListProps> {
 
   static Item = InlineListItem
 
+  ref: Element | null = null
+
+  handleRef = (el: Element | null) => {
+    this.ref = el
+    this.props.elementRef?.(el)
+  }
+
   renderChildren() {
     return Children.map(this.props.children, (child) => {
       if (!child) return // ignore null, falsy children
@@ -75,7 +82,7 @@ class InlineList extends Component<InlineListProps> {
         as={as}
         margin={margin}
         padding="0"
-        elementRef={elementRef}
+        elementRef={this.handleRef}
         display="block"
       >
         {this.renderChildren()}

package/src/InlineList/props.ts

@@ -48,7 +48,7 @@ type InlineListOwnProps = {
     | 'large'
     | 'x-large'
     | 'xx-large'
-  elementRef?: (...args: any[]) => any
+  elementRef?: (element: Element | null) => void
 }
 
 type PropKeys = keyof InlineListOwnProps

package/src/List/ListItem/index.tsx

@@ -59,6 +59,13 @@ class ListItem extends Component<ListItemProps> {
     elementRef: (el) => {}
   }
 
+  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()
@@ -91,7 +98,7 @@ class ListItem extends Component<ListItemProps> {
         margin={margin}
         padding={padding}
         maxWidth="100%"
-        elementRef={elementRef}
+        elementRef={this.handleRef}
       >
         {children}
       </View>

package/src/List/ListItem/props.ts

@@ -50,7 +50,7 @@ type ListItemOwnProps = {
     | 'large'
     | 'x-large'
     | 'xx-large'
-  elementRef?: (...args: any[]) => any
+  elementRef?: (element: Element | null) => void
 }
 
 type PropKeys = keyof ListItemOwnProps

package/src/List/index.tsx

@@ -64,6 +64,13 @@ class List extends Component<ListProps> {
 
   static Item = ListItem
 
+  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()
@@ -97,7 +104,7 @@ class List extends Component<ListProps> {
         css={styles?.list}
         as={as}
         margin={margin}
-        elementRef={elementRef}
+        elementRef={this.handleRef}
         display="block"
       >
         {this.renderChildren()}

package/src/List/props.ts

@@ -54,7 +54,7 @@ type ListOwnProps = {
     | 'large'
     | 'x-large'
     | 'xx-large'
-  elementRef?: (...args: any[]) => any
+  elementRef?: (element: Element | null) => void
 }
 
 type PropKeys = keyof ListOwnProps

package/types/InlineList/InlineListItem/index.d.ts

@@ -22,7 +22,7 @@ declare class InlineListItem extends Component<InlineListItemProps> {
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         spacing?: "none" | "small" | "medium" | "large" | "xxx-small" | "xx-small" | "x-small" | "x-large" | "xx-large" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
     }>;
     static allowedProps: readonly (keyof {
         children: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
@@ -36,7 +36,7 @@ declare class InlineListItem extends Component<InlineListItemProps> {
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         spacing?: "none" | "small" | "medium" | "large" | "xxx-small" | "xx-small" | "x-small" | "x-large" | "xx-large" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
     })[];
     static defaultProps: {
         padding: string;
@@ -45,6 +45,8 @@ declare class InlineListItem extends Component<InlineListItemProps> {
         size: string;
         elementRef: (el: any) => void;
     };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
     componentDidMount(): void;
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
     render(): jsx.JSX.Element;

package/types/InlineList/InlineListItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/InlineList/InlineListItem/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;GAKG;AACH,cAEM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;;qEAXlB;;;;;WAKG;;;;;;OAM2B;IAC5B,MAAM,CAAC,YAAY;;qEAZrB;;;;;WAKG;;;;;;SAOiC;IAClC,MAAM,CAAC,YAAY;;;;;;MAOlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CA6BP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/InlineList/InlineListItem/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;GAKG;AACH,cAEM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;;qEAXlB;;;;;WAKG;;;;;;OAM2B;IAC5B,MAAM,CAAC,YAAY;;qEAZrB;;;;;WAKG;;;;;;SAOiC;IAClC,MAAM,CAAC,YAAY;;;;;;MAOlB;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;CA6BP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/types/InlineList/InlineListItem/props.d.ts

@@ -8,7 +8,7 @@ declare type InlineListItemOwnProps = {
     margin?: Spacing;
     padding?: Spacing;
     spacing?: 'none' | 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
-    elementRef?: (...args: any[]) => any;
+    elementRef?: (element: Element | null) => void;
 };
 declare type PropKeys = keyof InlineListItemOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;

package/types/InlineList/InlineListItem/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/InlineList/InlineListItem/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,cAAc,EACd,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,aAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACjE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;IAC/C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EACJ,MAAM,GACN,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACrC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAA;AAE1D,aAAK,mBAAmB,GAAG,cAAc,CAAC,gBAAgB,GAAG,WAAW,CAAC,CAAA;AAEzE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAkCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/InlineList/InlineListItem/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,cAAc,EACd,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,aAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACjE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;IAC/C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EACJ,MAAM,GACN,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAA;AAE1D,aAAK,mBAAmB,GAAG,cAAc,CAAC,gBAAgB,GAAG,WAAW,CAAC,CAAA;AAEzE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAkCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/InlineList/index.d.ts

@@ -19,7 +19,7 @@ declare class InlineList extends Component<InlineListProps> {
         size?: "small" | "medium" | "large" | undefined;
         delimiter?: "none" | "pipe" | "slash" | "arrow" | undefined;
         itemSpacing?: "none" | "small" | "medium" | "large" | "xxx-small" | "xx-small" | "x-small" | "x-large" | "xx-large" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
     }>;
     static allowedProps: readonly (keyof {
         /**
@@ -33,7 +33,7 @@ declare class InlineList extends Component<InlineListProps> {
         size?: "small" | "medium" | "large" | undefined;
         delimiter?: "none" | "pipe" | "slash" | "arrow" | undefined;
         itemSpacing?: "none" | "small" | "medium" | "large" | "xxx-small" | "xx-small" | "x-small" | "x-large" | "xx-large" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
     })[];
     static defaultProps: {
         children: null;
@@ -45,6 +45,8 @@ declare class InlineList extends Component<InlineListProps> {
         size: string;
     };
     static Item: typeof InlineListItem;
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
     renderChildren(): React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | null | undefined;
     render(): JSX.Element;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InlineList/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAgB,MAAM,OAAO,CAAA;AAMhE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;GAIG;AACH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,SAAS;QAPlB;;;;WAIG;;;;;;;;OAG2B;IAC5B,MAAM,CAAC,YAAY;QARrB;;;;WAIG;;;;;;;;SAIiC;IAClC,MAAM,CAAC,YAAY;;;;;;;;MASlB;IAED,MAAM,CAAC,IAAI,wBAAiB;IAE5B,cAAc;IAYd,MAAM;CAgBP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InlineList/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAgB,MAAM,OAAO,CAAA;AAMhE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;GAIG;AACH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,SAAS;QAPlB;;;;WAIG;;;;;;;;OAG2B;IAC5B,MAAM,CAAC,YAAY;QARrB;;;;WAIG;;;;;;;;SAIiC;IAClC,MAAM,CAAC,YAAY;;;;;;;;MASlB;IAED,MAAM,CAAC,IAAI,wBAAiB;IAE5B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAED,cAAc;IAYd,MAAM;CAgBP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/types/InlineList/props.d.ts

@@ -8,7 +8,7 @@ declare type InlineListOwnProps = {
     size?: 'small' | 'medium' | 'large';
     delimiter?: 'none' | 'pipe' | 'slash' | 'arrow';
     itemSpacing?: 'none' | 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
-    elementRef?: (...args: any[]) => any;
+    elementRef?: (element: Element | null) => void;
 };
 declare type PropKeys = keyof InlineListOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/InlineList/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;IAC/C,WAAW,CAAC,EACR,MAAM,GACN,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACrC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,CAAA;AAEzC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA6BvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/InlineList/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;IAC/C,WAAW,CAAC,EACR,MAAM,GACN,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,CAAA;AAEzC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA6BvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/List/ListItem/index.d.ts

@@ -17,7 +17,7 @@ declare class ListItem extends Component<ListItemProps> {
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         spacing?: "none" | "small" | "medium" | "large" | "xxx-small" | "xx-small" | "x-small" | "x-large" | "xx-large" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
     }>;
     static allowedProps: readonly (keyof {
         children: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
@@ -26,7 +26,7 @@ declare class ListItem extends Component<ListItemProps> {
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         spacing?: "none" | "small" | "medium" | "large" | "xxx-small" | "xx-small" | "x-small" | "x-large" | "xx-large" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
     })[];
     static defaultProps: {
         padding: string;
@@ -35,6 +35,8 @@ declare class ListItem extends Component<ListItemProps> {
         size: string;
         elementRef: (el: any) => void;
     };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
     componentDidMount(): void;
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
     render(): jsx.JSX.Element;

package/types/List/ListItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/List/ListItem/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C;;;;;GAKG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAOlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CA2BP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/List/ListItem/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C;;;;;GAKG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAOlB;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;CA2BP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/types/List/ListItem/props.d.ts

@@ -8,7 +8,7 @@ declare type ListItemOwnProps = {
     margin?: Spacing;
     padding?: Spacing;
     spacing?: 'none' | 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
-    elementRef?: (...args: any[]) => any;
+    elementRef?: (element: Element | null) => void;
 };
 declare type PropKeys = keyof ListItemOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;

package/types/List/ListItem/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/List/ListItem/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,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAE9E,aAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACjE,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EACJ,MAAM,GACN,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACrC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,aAAa,GAAG,gBAAgB,GACnC,cAAc,CAAC,aAAa,EAAE,aAAa,CAAC,CAAA;AAE9C,aAAK,aAAa,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;AAE/C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAkCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/List/ListItem/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,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAE9E,aAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACjE,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EACJ,MAAM,GACN,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,aAAa,GAAG,gBAAgB,GACnC,cAAc,CAAC,aAAa,EAAE,aAAa,CAAC,CAAA;AAE9C,aAAK,aAAa,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;AAE/C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAkCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/List/index.d.ts

@@ -18,7 +18,7 @@ declare class List extends Component<ListProps> {
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         size?: "small" | "medium" | "large" | undefined;
         itemSpacing?: "none" | "small" | "medium" | "large" | "xxx-small" | "xx-small" | "x-small" | "x-large" | "xx-large" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
     }>;
     static allowedProps: readonly (keyof {
         children?: import("react").ReactNode;
@@ -28,7 +28,7 @@ declare class List extends Component<ListProps> {
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         size?: "small" | "medium" | "large" | undefined;
         itemSpacing?: "none" | "small" | "medium" | "large" | "xxx-small" | "xx-small" | "x-small" | "x-large" | "xx-large" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
     })[];
     static defaultProps: {
         children: null;
@@ -40,6 +40,8 @@ declare class List extends Component<ListProps> {
         elementRef: (el: any) => void;
     };
     static Item: typeof ListItem;
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
     componentDidMount(): void;
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
     renderChildren(): ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | null | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/List/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAMzD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;GAIG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,SAAS;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MASlB;IAED,MAAM,CAAC,IAAI,kBAAW;IAEtB,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,cAAc;IAad,MAAM;CAgBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/List/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAMzD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;GAIG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,SAAS;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MASlB;IAED,MAAM,CAAC,IAAI,kBAAW;IAEtB,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,cAAc;IAad,MAAM;CAgBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAA"}

package/types/List/props.d.ts

@@ -9,7 +9,7 @@ declare type ListOwnProps = {
     margin?: Spacing;
     size?: 'small' | 'medium' | 'large';
     itemSpacing?: 'none' | 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
-    elementRef?: (...args: any[]) => any;
+    elementRef?: (element: Element | null) => void;
 };
 declare type PropKeys = keyof ListOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/List/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAE1E,aAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,WAAW,CAAC,EACR,MAAM,GACN,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACrC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,SAAS,GAAG,YAAY,GAAG,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;AAEpE,aAAK,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAEvC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAoCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eASnB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/List/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAE1E,aAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,WAAW,CAAC,EACR,MAAM,GACN,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,SAAS,GAAG,YAAY,GAAG,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;AAEpE,aAAK,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAEvC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAoCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eASnB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/LICENSE.md

@@ -1,27 +0,0 @@
----
-title: The MIT License (MIT)
-category: Getting Started
-order: 9
----
-
-# The MIT License (MIT)
-
-Copyright (c) 2015 Instructure, Inc.
-
-**Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions.**
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.