@instructure/ui-rating 8.10.1 → 8.10.2-snapshot.22

package/LICENSE.md

@@ -0,0 +1,27 @@
+---
+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.

package/es/Rating/index.js

@@ -41,6 +41,11 @@ category: components
 **/
 
 let Rating = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class Rating extends Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+  }
+
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -88,7 +93,10 @@ let Rating = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec(_c
     return jsx(View, Object.assign({}, passthroughProps, {
       css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.rating,
       margin: margin,
-      display: "inline-block"
+      display: "inline-block",
+      elementRef: el => {
+        this.ref = el;
+      }
     }), jsx(ScreenReaderContent, null, valueText), [...Array(this.filled)].map((x, i) => jsx(RatingIcon, {
       key: i + 1,
       filled: true,

package/es/RatingIcon/index.js

@@ -43,6 +43,7 @@ id: Rating.Icon
 let RatingIcon = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = class RatingIcon extends Component {
   constructor(props) {
     super();
+    this.ref = null;
     this._timeouts = [];
     this._animation = void 0;
 
@@ -97,7 +98,10 @@ let RatingIcon = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(
     const animateFill = this.props.animateFill;
     const Icon = this.state.filled ? IconStarSolid : IconStarLightSolid;
     return jsx("span", {
-      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.ratingIcon
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.ratingIcon,
+      ref: el => {
+        this.ref = el;
+      }
     }, jsx("span", null, this.state.filled && animateFill ? jsx(Transition, {
       in: true,
       transitionOnMount: true,

package/lib/Rating/index.js

@@ -33,6 +33,11 @@ category: components
 ---
 **/
 let Rating = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class Rating extends _react.Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+  }
+
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -82,7 +87,10 @@ let Rating = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (0,
     return (0, _emotion.jsx)(_View.View, Object.assign({}, passthroughProps, {
       css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.rating,
       margin: margin,
-      display: "inline-block"
+      display: "inline-block",
+      elementRef: el => {
+        this.ref = el;
+      }
     }), (0, _emotion.jsx)(_ScreenReaderContent.ScreenReaderContent, null, valueText), [...Array(this.filled)].map((x, i) => (0, _emotion.jsx)(_RatingIcon.RatingIcon, {
       key: i + 1,
       filled: true,

package/lib/RatingIcon/index.js

@@ -36,6 +36,7 @@ id: Rating.Icon
 let RatingIcon = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = class RatingIcon extends _react.Component {
   constructor(props) {
     super();
+    this.ref = null;
     this._timeouts = [];
     this._animation = void 0;
 
@@ -90,7 +91,10 @@ let RatingIcon = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
     const animateFill = this.props.animateFill;
     const Icon = this.state.filled ? _IconStarSolid.IconStarSolid : _IconStarLightSolid.IconStarLightSolid;
     return (0, _emotion.jsx)("span", {
-      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.ratingIcon
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.ratingIcon,
+      ref: el => {
+        this.ref = el;
+      }
     }, (0, _emotion.jsx)("span", null, this.state.filled && animateFill ? (0, _emotion.jsx)(_Transition.Transition, {
       in: true,
       transitionOnMount: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-rating",
-  "version": "8.10.1",
+  "version": "8.10.2-snapshot.22+b84160eff",
   "description": "A static rating component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,23 +25,23 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.10.1",
-    "@instructure/emotion": "8.10.1",
-    "@instructure/shared-types": "8.10.1",
-    "@instructure/ui-a11y-content": "8.10.1",
-    "@instructure/ui-dom-utils": "8.10.1",
-    "@instructure/ui-icons": "8.10.1",
-    "@instructure/ui-motion": "8.10.1",
-    "@instructure/ui-react-utils": "8.10.1",
-    "@instructure/ui-testable": "8.10.1",
-    "@instructure/ui-view": "8.10.1",
+    "@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-a11y-content": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-dom-utils": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-icons": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-motion": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-react-utils": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-testable": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-view": "8.10.2-snapshot.22+b84160eff",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.10.1",
-    "@instructure/ui-test-locator": "8.10.1",
-    "@instructure/ui-test-utils": "8.10.1",
-    "@instructure/ui-themes": "8.10.1"
+    "@instructure/ui-babel-preset": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-test-locator": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-test-utils": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-themes": "8.10.2-snapshot.22+b84160eff"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -49,5 +49,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "b84160effefb01aeb94b754f0b7a64f8dad1b7f2"
 }

package/src/Rating/index.tsx

@@ -59,6 +59,8 @@ class Rating extends Component<RatingProps> {
 
   static Icon = RatingIcon
 
+  ref: Element | null = null
+
   componentDidMount() {
     this.props.makeStyles?.()
   }
@@ -115,6 +117,9 @@ class Rating extends Component<RatingProps> {
         css={this.props.styles?.rating}
         margin={margin}
         display="inline-block"
+        elementRef={(el) => {
+          this.ref = el
+        }}
       >
         <ScreenReaderContent>{valueText}</ScreenReaderContent>
         {/* @ts-expect-error ts-migrate(6133) FIXME: 'x' is declared but its value is never read. */}

package/src/RatingIcon/index.tsx

@@ -56,6 +56,8 @@ class RatingIcon extends Component<RatingIconProps, RatingIconState> {
     size: 'medium'
   }
 
+  ref: Element | null = null
+
   // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'props' implicitly has an 'any' type.
   constructor(props) {
     // @ts-expect-error ts-migrate(2554) FIXME: Expected 1-2 arguments, but got 0.
@@ -110,7 +112,12 @@ class RatingIcon extends Component<RatingIconProps, RatingIconState> {
     const Icon = this.state.filled ? IconStarSolid : IconStarLightSolid
 
     return (
-      <span css={this.props.styles?.ratingIcon}>
+      <span
+        css={this.props.styles?.ratingIcon}
+        ref={(el) => {
+          this.ref = el
+        }}
+      >
         <span>
           {this.state.filled && animateFill ? (
             <Transition in transitionOnMount type="scale">

package/types/Rating/index.d.ts

@@ -38,6 +38,7 @@ declare class Rating extends Component<RatingProps> {
         valueNow: number;
     };
     static Icon: typeof RatingIcon;
+    ref: Element | null;
     componentDidMount(): void;
     componentDidUpdate(): void;
     get filled(): number | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Rating/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C;;;;GAIG;AACH,cAEM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;MAOlB;IAED,MAAM,CAAC,IAAI,oBAAa;IAExB,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,MAAM,uBAiBT;IAED,IAAI,KAAK,WAGR;IAED,MAAM;CA4CP;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Rating/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C;;;;GAIG;AACH,cAEM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;MAOlB;IAED,MAAM,CAAC,IAAI,oBAAa;IAExB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,MAAM,uBAiBT;IAED,IAAI,KAAK,WAGR;IAED,MAAM;CA+CP;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/types/RatingIcon/index.d.ts

@@ -29,6 +29,7 @@ declare class RatingIcon extends Component<RatingIconProps, RatingIconState> {
         filled: boolean;
         size: string;
     };
+    ref: Element | null;
     constructor(props: any);
     _timeouts: never[];
     _animation: RequestAnimationFrameType | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RatingIcon/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAG1E,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG/D;;;;;GAKG;AACH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAClE,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;MAKlB;gBAGW,KAAK,KAAA;IASjB,SAAS,UAAK;IACd,UAAU,EAAE,yBAAyB,GAAG,SAAS,CAAA;IAEjD,iBAAiB;IAQjB,kBAAkB,CAAC,SAAS,EAAE,eAAe;IAW7C,oBAAoB;IAKpB,cAAc;;MAEb;IAED,IAAI,aAMH;IAED,MAAM;CAkBP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RatingIcon/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAG1E,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG/D;;;;;GAKG;AACH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAClE,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAGd,KAAK,KAAA;IASjB,SAAS,UAAK;IACd,UAAU,EAAE,yBAAyB,GAAG,SAAS,CAAA;IAEjD,iBAAiB;IAQjB,kBAAkB,CAAC,SAAS,EAAE,eAAe;IAW7C,oBAAoB;IAKpB,cAAc;;MAEb;IAED,IAAI,aAMH;IAED,MAAM;CAuBP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}