@instructure/ui-heading 8.10.3-snapshot.2 → 8.10.3-snapshot.25

package/es/Heading/index.js

@@ -48,10 +48,12 @@ let Heading = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
     this.ref = null;
 
     this.handleRef = el => {
-      var _this$props$elementRe, _this$props;
-
+      const elementRef = this.props.elementRef;
       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);
+
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
     };
   }
 
@@ -66,15 +68,15 @@ let Heading = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
   render() {
     var _this$props$styles;
 
-    const _this$props2 = this.props,
-          border = _this$props2.border,
-          children = _this$props2.children,
-          color = _this$props2.color,
-          level = _this$props2.level,
-          margin = _this$props2.margin,
-          elementRef = _this$props2.elementRef,
-          makeStyles = _this$props2.makeStyles,
-          props = _objectWithoutProperties(_this$props2, _excluded);
+    const _this$props = this.props,
+          border = _this$props.border,
+          children = _this$props.children,
+          color = _this$props.color,
+          level = _this$props.level,
+          margin = _this$props.margin,
+          elementRef = _this$props.elementRef,
+          makeStyles = _this$props.makeStyles,
+          props = _objectWithoutProperties(_this$props, _excluded);
 
     const ElementType = getElementType(Heading, this.props, () => {
       if (level === 'reset') {

package/lib/Heading/index.js

@@ -42,10 +42,12 @@ let Heading = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
     this.ref = null;
 
     this.handleRef = el => {
-      var _this$props$elementRe, _this$props;
-
+      const elementRef = this.props.elementRef;
       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);
+
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
     };
   }
 
@@ -60,15 +62,15 @@ let Heading = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
   render() {
     var _this$props$styles;
 
-    const _this$props2 = this.props,
-          border = _this$props2.border,
-          children = _this$props2.children,
-          color = _this$props2.color,
-          level = _this$props2.level,
-          margin = _this$props2.margin,
-          elementRef = _this$props2.elementRef,
-          makeStyles = _this$props2.makeStyles,
-          props = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
+    const _this$props = this.props,
+          border = _this$props.border,
+          children = _this$props.children,
+          color = _this$props.color,
+          level = _this$props.level,
+          margin = _this$props.margin,
+          elementRef = _this$props.elementRef,
+          makeStyles = _this$props.makeStyles,
+          props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     const ElementType = (0, _getElementType.getElementType)(Heading, this.props, () => {
       if (level === 'reset') {
         return 'span';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-heading",
-  "version": "8.10.3-snapshot.2+ccdf8f43b",
+  "version": "8.10.3-snapshot.25+ed32a6c3b",
   "description": "A component for creating typographic headings",
   "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.3-snapshot.2+ccdf8f43b",
-    "@instructure/emotion": "8.10.3-snapshot.2+ccdf8f43b",
-    "@instructure/shared-types": "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-view": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/console": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/emotion": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/shared-types": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/ui-prop-types": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/ui-react-utils": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/ui-testable": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/ui-view": "8.10.3-snapshot.25+ed32a6c3b",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "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"
+    "@instructure/ui-babel-preset": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/ui-test-locator": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/ui-test-utils": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/ui-themes": "8.10.3-snapshot.25+ed32a6c3b"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "ccdf8f43b56a8edef32600281692dfeb436d5a01"
+  "gitHead": "ed32a6c3b14ddb7fbbb5b543d9871a296f06e4c0"
 }

package/src/Heading/index.tsx

@@ -58,8 +58,13 @@ class Heading extends Component<HeadingProps> {
   ref: Element | null = null
 
   handleRef = (el: Element | null) => {
+    const { elementRef } = this.props
+
     this.ref = el
-    this.props.elementRef?.(el)
+
+    if (typeof elementRef === 'function') {
+      elementRef(el)
+    }
   }
 
   componentDidMount() {

package/src/Heading/props.ts

@@ -30,7 +30,8 @@ import { ThemeablePropTypes } from '@instructure/emotion'
 import type {
   AsElementType,
   PropValidators,
-  HeadingTheme
+  HeadingTheme,
+  OtherHTMLAttributes
 } from '@instructure/shared-types'
 import type {
   Spacing,
@@ -59,7 +60,9 @@ type PropKeys = keyof HeadingOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type HeadingProps = HeadingOwnProps & WithStyleProps<HeadingTheme, HeadingStyle>
+type HeadingProps = HeadingOwnProps &
+  WithStyleProps<HeadingTheme, HeadingStyle> &
+  OtherHTMLAttributes<HeadingOwnProps>
 
 type HeadingStyle = ComponentStyle<'heading'>
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Heading/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,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C;;;;GAIG;AACH,cAEM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,aAAY;IAEvC,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;MAKT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAED,iBAAiB;IAKjB,kBAAkB;IAKlB,MAAM;CAgCP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Heading/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,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C;;;;GAIG;AACH,cAEM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,aAAY;IAEvC,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;MAKT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAKjB,kBAAkB;IAKlB,MAAM;CAgCP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/types/Heading/props.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { AsElementType, PropValidators, HeadingTheme } from '@instructure/shared-types';
+import type { AsElementType, PropValidators, HeadingTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type HeadingLevel<U extends keyof JSX.IntrinsicElements> = U;
 declare type HeadingOwnProps = {
@@ -13,7 +13,7 @@ declare type HeadingOwnProps = {
 };
 declare type PropKeys = keyof HeadingOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type HeadingProps = HeadingOwnProps & WithStyleProps<HeadingTheme, HeadingStyle>;
+declare type HeadingProps = HeadingOwnProps & WithStyleProps<HeadingTheme, HeadingStyle> & OtherHTMLAttributes<HeadingOwnProps>;
 declare type HeadingStyle = ComponentStyle<'heading'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Heading/props.ts"],"names":[],"mappings":";AA6BA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,YAAY,EACb,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,aAAK,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,IAAI,CAAC,CAAA;AAE5D,aAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAA;IAClC,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,SAAS,CAAA;IACb,KAAK,CAAC,EAAE,YAAY,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,OAAO,CAAA;IAChE,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GAAG,cAAc,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;AAEhF,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;AAE7C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAsCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Heading/props.ts"],"names":[],"mappings":";AA6BA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,YAAY,EACZ,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,aAAK,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,IAAI,CAAC,CAAA;AAE5D,aAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAA;IAClC,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,SAAS,CAAA;IACb,KAAK,CAAC,EAAE,YAAY,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,OAAO,CAAA;IAChE,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GACjC,cAAc,CAAC,YAAY,EAAE,YAAY,CAAC,GAC1C,mBAAmB,CAAC,eAAe,CAAC,CAAA;AAEtC,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;AAE7C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAsCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}