@instructure/ui-responsive 8.10.1 → 8.10.3-snapshot.3

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.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-responsive
+
 ## [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-responsive

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/Responsive/index.js

@@ -21,7 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React, { Component } from 'react';
+import React, { Component, createRef } from 'react';
 import { deepEqual } from '@instructure/ui-utils';
 import { logError as error } from '@instructure/console';
 import { addElementQueryMatchListener, updateElementMatches } from '../addElementQueryMatchListener';
@@ -38,6 +38,7 @@ category: components
 class Responsive extends Component {
   constructor(...args) {
     super(...args);
+    this.ref = /*#__PURE__*/createRef();
     this._matchListener = null;
     this.state = {
       matches: [],
@@ -141,7 +142,9 @@ class Responsive extends Component {
       renderFunc = children || render;
     }
 
-    return /*#__PURE__*/React.createElement("div", null, renderFunc && renderFunc(this.mergeProps(matches, props), matches));
+    return /*#__PURE__*/React.createElement("div", {
+      ref: this.ref
+    }, renderFunc && renderFunc(this.mergeProps(matches, props), matches));
   }
 
 }

package/lib/Responsive/index.js

@@ -54,6 +54,7 @@ category: components
 class Responsive extends _react.Component {
   constructor(...args) {
     super(...args);
+    this.ref = /*#__PURE__*/(0, _react.createRef)();
     this._matchListener = null;
     this.state = {
       matches: [],
@@ -157,7 +158,9 @@ class Responsive extends _react.Component {
       renderFunc = children || render;
     }
 
-    return /*#__PURE__*/_react.default.createElement("div", null, renderFunc && renderFunc(this.mergeProps(matches, props), matches));
+    return /*#__PURE__*/_react.default.createElement("div", {
+      ref: this.ref
+    }, renderFunc && renderFunc(this.mergeProps(matches, props), matches));
   }
 
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-responsive",
-  "version": "8.10.1",
+  "version": "8.10.3-snapshot.3+2ee813492",
   "description": "A component that allows for rendering a component differently based on either the element or the viewport size",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,19 +25,19 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.10.1",
-    "@instructure/debounce": "8.10.1",
-    "@instructure/shared-types": "8.10.1",
-    "@instructure/ui-dom-utils": "8.10.1",
-    "@instructure/ui-react-utils": "8.10.1",
-    "@instructure/ui-testable": "8.10.1",
-    "@instructure/ui-utils": "8.10.1",
+    "@instructure/console": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/debounce": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/shared-types": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/ui-dom-utils": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/ui-react-utils": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/ui-testable": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/ui-utils": "8.10.3-snapshot.3+2ee813492",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.10.1",
-    "@instructure/ui-color-utils": "8.10.1",
-    "@instructure/ui-test-utils": "8.10.1"
+    "@instructure/ui-babel-preset": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/ui-color-utils": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/ui-test-utils": "8.10.3-snapshot.3+2ee813492"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -45,5 +45,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "2ee8134925b02efbc5d39662a8b1edb2c83a420d"
 }

package/src/Responsive/index.tsx

@@ -22,7 +22,7 @@
  * SOFTWARE.
  */
 
-import React, { Component } from 'react'
+import React, { Component, createRef } from 'react'
 
 import { deepEqual } from '@instructure/ui-utils'
 import { logError as error } from '@instructure/console'
@@ -56,7 +56,7 @@ class Responsive extends Component<ResponsiveProps> {
     match: 'element',
     props: null
   }
-
+  ref = createRef<HTMLDivElement>()
   _matchListener: { remove(): void } | null = null
 
   state: { matches: QueriesMatching; hasRendered: boolean } = {
@@ -116,6 +116,7 @@ class Responsive extends Component<ResponsiveProps> {
       match === 'element'
         ? addElementQueryMatchListener
         : addMediaQueryMatchListener
+
     return matchListener(query, () => findDOMNode(this) as Node, updateMatches)
   }
 
@@ -177,8 +178,9 @@ class Responsive extends Component<ResponsiveProps> {
       // both are supplied, give preference to children.
       renderFunc = children || render
     }
+
     return (
-      <div>
+      <div ref={this.ref}>
         {renderFunc && renderFunc(this.mergeProps(matches, props), matches)}
       </div>
     )

package/src/ResponsivePropTypes.ts

@@ -61,7 +61,7 @@ const ResponsivePropTypes = {
     try {
       jsonToMediaQuery(props[propName])
       return null
-    } catch (e) {
+    } catch (e: any) {
       return new Error(
         `Invalid query prop supplied to \`${componentName}\`. ${e.message}`
       )

package/types/Responsive/index.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { BreakpointQueries, QueriesMatching, UpdateMatches } from '../QueryType';
 import type { ResponsiveByBreakpointProps, ResponsiveProps, ResponsivePropsObject } from './props';
 /**
@@ -27,6 +27,7 @@ declare class Responsive extends Component<ResponsiveProps> {
         match: string;
         props: null;
     };
+    ref: React.RefObject<HTMLDivElement>;
     _matchListener: {
         remove(): void;
     } | null;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Responsive/index.tsx"],"names":[],"mappings":"AAwBA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUxC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAEhF,OAAO,KAAK,EACV,2BAA2B,EAC3B,eAAe,EACf,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAGhB;;;;;GAKG;AACH,cAAM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,YAAY;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;MAIlB;IAED,cAAc,EAAE;QAAE,MAAM,IAAI,IAAI,CAAA;KAAE,GAAG,IAAI,CAAO;IAEhD,KAAK,EAAE;QAAE,OAAO,EAAE,eAAe,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,CAGxD;IAED,iBAAiB;IA0BjB,oBAAoB;IAIpB,kBAAkB,CAAC,SAAS,EAAE,eAAe;IAa7C,gBAAgB,CACd,KAAK,EAAE,iBAAiB,EACxB,aAAa,EAAE,aAAa,EAC5B,KAAK,kCAAmB;;;IAS1B,mBAAmB;IAMnB,aAAa,EAAE,aAAa,CAM3B;IAED,UAAU,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,CAAC,EAAE,2BAA2B;IAgCxE,MAAM;CAkBP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Responsive/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAUnD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAEhF,OAAO,KAAK,EACV,2BAA2B,EAC3B,eAAe,EACf,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAGhB;;;;;GAKG;AACH,cAAM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,YAAY;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;MAIlB;IACD,GAAG,kCAA8B;IACjC,cAAc,EAAE;QAAE,MAAM,IAAI,IAAI,CAAA;KAAE,GAAG,IAAI,CAAO;IAEhD,KAAK,EAAE;QAAE,OAAO,EAAE,eAAe,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,CAGxD;IAED,iBAAiB;IA0BjB,oBAAoB;IAIpB,kBAAkB,CAAC,SAAS,EAAE,eAAe;IAa7C,gBAAgB,CACd,KAAK,EAAE,iBAAiB,EACxB,aAAa,EAAE,aAAa,EAC5B,KAAK,kCAAmB;;;IAU1B,mBAAmB;IAMnB,aAAa,EAAE,aAAa,CAM3B;IAED,UAAU,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,CAAC,EAAE,2BAA2B;IAgCxE,MAAM;CAmBP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}