@instructure/ui-responsive 8.25.1-snapshot-10 → 8.25.1-snapshot-13

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.25.1-snapshot-10](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-10) (2022-06-20)
+## [8.25.1-snapshot-13](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-13) (2022-06-22)
 
 **Note:** Version bump only for package @instructure/ui-responsive
 

package/es/Responsive/index.js

@@ -36,20 +36,25 @@ category: components
 **/
 
 class Responsive extends Component {
-  static displayName = "Responsive";
-  static allowedProps = allowedProps;
-  static propTypes = propTypes;
-  static defaultProps = {
-    children: null,
-    match: 'element',
-    props: null
-  };
-  ref = /*#__PURE__*/createRef();
-  _matchListener = null;
-  state = {
-    matches: [],
-    hasRendered: false
-  };
+  constructor() {
+    super(...arguments);
+    this.ref = /*#__PURE__*/createRef();
+    this._matchListener = null;
+    this.state = {
+      matches: [],
+      hasRendered: false
+    };
+
+    this.updateMatches = (matches, cb) => {
+      this.setState({
+        matches
+      }, () => {
+        if (typeof cb === 'function') {
+          cb();
+        }
+      });
+    };
+  }
 
   componentDidMount() {
     error(!!(this.props.render || this.props.children), `[Responsive] must have either a \`render\` prop or \`children\` prop.`);
@@ -99,16 +104,6 @@ class Responsive extends Component {
     }
   }
 
-  updateMatches = (matches, cb) => {
-    this.setState({
-      matches
-    }, () => {
-      if (typeof cb === 'function') {
-        cb();
-      }
-    });
-  };
-
   mergeProps(matches, props) {
     if (!props) {
       return null;
@@ -155,5 +150,13 @@ class Responsive extends Component {
 
 }
 
+Responsive.displayName = "Responsive";
+Responsive.allowedProps = allowedProps;
+Responsive.propTypes = propTypes;
+Responsive.defaultProps = {
+  children: null,
+  match: 'element',
+  props: null
+};
 export default Responsive;
 export { Responsive };

package/lib/QueryType.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/Responsive/index.js

@@ -52,20 +52,25 @@ category: components
 @tsProps
 **/
 class Responsive extends _react.Component {
-  static displayName = "Responsive";
-  static allowedProps = _props.allowedProps;
-  static propTypes = _props.propTypes;
-  static defaultProps = {
-    children: null,
-    match: 'element',
-    props: null
-  };
-  ref = /*#__PURE__*/(0, _react.createRef)();
-  _matchListener = null;
-  state = {
-    matches: [],
-    hasRendered: false
-  };
+  constructor() {
+    super(...arguments);
+    this.ref = /*#__PURE__*/(0, _react.createRef)();
+    this._matchListener = null;
+    this.state = {
+      matches: [],
+      hasRendered: false
+    };
+
+    this.updateMatches = (matches, cb) => {
+      this.setState({
+        matches
+      }, () => {
+        if (typeof cb === 'function') {
+          cb();
+        }
+      });
+    };
+  }
 
   componentDidMount() {
     (0, _console.logError)(!!(this.props.render || this.props.children), `[Responsive] must have either a \`render\` prop or \`children\` prop.`);
@@ -115,16 +120,6 @@ class Responsive extends _react.Component {
     }
   }
 
-  updateMatches = (matches, cb) => {
-    this.setState({
-      matches
-    }, () => {
-      if (typeof cb === 'function') {
-        cb();
-      }
-    });
-  };
-
   mergeProps(matches, props) {
     if (!props) {
       return null;
@@ -172,5 +167,13 @@ class Responsive extends _react.Component {
 }
 
 exports.Responsive = Responsive;
+Responsive.displayName = "Responsive";
+Responsive.allowedProps = _props.allowedProps;
+Responsive.propTypes = _props.propTypes;
+Responsive.defaultProps = {
+  children: null,
+  match: 'element',
+  props: null
+};
 var _default = Responsive;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-responsive",
-  "version": "8.25.1-snapshot-10",
+  "version": "8.25.1-snapshot-13",
   "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",
   "module": "./es/index.js",
@@ -24,19 +24,19 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.25.1-snapshot-10",
-    "@instructure/debounce": "8.25.1-snapshot-10",
-    "@instructure/shared-types": "8.25.1-snapshot-10",
-    "@instructure/ui-dom-utils": "8.25.1-snapshot-10",
-    "@instructure/ui-react-utils": "8.25.1-snapshot-10",
-    "@instructure/ui-testable": "8.25.1-snapshot-10",
-    "@instructure/ui-utils": "8.25.1-snapshot-10",
+    "@instructure/console": "8.25.1-snapshot-13",
+    "@instructure/debounce": "8.25.1-snapshot-13",
+    "@instructure/shared-types": "8.25.1-snapshot-13",
+    "@instructure/ui-dom-utils": "8.25.1-snapshot-13",
+    "@instructure/ui-react-utils": "8.25.1-snapshot-13",
+    "@instructure/ui-testable": "8.25.1-snapshot-13",
+    "@instructure/ui-utils": "8.25.1-snapshot-13",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.25.1-snapshot-10",
-    "@instructure/ui-color-utils": "8.25.1-snapshot-10",
-    "@instructure/ui-test-utils": "8.25.1-snapshot-10"
+    "@instructure/ui-babel-preset": "8.25.1-snapshot-13",
+    "@instructure/ui-color-utils": "8.25.1-snapshot-13",
+    "@instructure/ui-test-utils": "8.25.1-snapshot-13"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"