@instructure/ui-responsive 8.12.1-snapshot.7 → 8.13.1-snapshot.9

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.13.0](https://github.com/instructure/instructure-ui/compare/v8.12.0...v8.13.0) (2021-12-01)
+
+**Note:** Version bump only for package @instructure/ui-responsive
+
 # [8.12.0](https://github.com/instructure/instructure-ui/compare/v8.11.1...v8.12.0) (2021-11-17)
 
 **Note:** Version bump only for package @instructure/ui-responsive

package/es/Responsive/index.js

@@ -36,8 +36,8 @@ category: components
 **/
 
 class Responsive extends Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = /*#__PURE__*/createRef();
     this._matchListener = null;
     this.state = {
@@ -92,7 +92,8 @@ class Responsive extends Component {
     }
   }
 
-  addMatchListener(query, updateMatches, match = this.props.match) {
+  addMatchListener(query, updateMatches) {
+    let match = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : this.props.match;
     const matchListener = match === 'element' ? addElementQueryMatchListener : addMediaQueryMatchListener;
     return matchListener(query, () => findDOMNode(this), updateMatches);
   }

package/es/addElementQueryMatchListener.js

@@ -137,7 +137,9 @@ const addElementQueryMatchListener = (query, el, cb) => {
   };
 };
 
-function updateElementMatches(query, el, matches = [], size) {
+function updateElementMatches(query, el) {
+  let matches = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
+  let size = arguments.length > 3 ? arguments[3] : void 0;
   const node = findDOMNode(el);
 
   const _ref = size || getBoundingClientRect(node),

package/es/addMediaQueryMatchListener.js

@@ -76,7 +76,8 @@ import { jsonToMediaQuery } from './jsonToMediaQuery';
  * @returns {function} remove() function to call to remove the listener
  */
 
-const addMediaQueryMatchListener = (query, el, cb, matchMedia = defaultMatchMedia) => {
+const addMediaQueryMatchListener = function (query, el, cb) {
+  let matchMedia = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : defaultMatchMedia;
   const node = typeof el === 'function' ? el() : el;
 
   const updateMediaMatches = mediaQueryLists => {

package/es/parseQuery.js

@@ -1,3 +1,5 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
 /*
  * The MIT License (MIT)
  *
@@ -55,12 +57,15 @@ function parseQuery(query, el) {
       maxHeight: maxHeight && px(maxHeight, el) || Infinity
     };
   });
-  return function ({
-    width,
-    height
-  }) {
+  return function (_ref) {
+    let width = _ref.width,
+        height = _ref.height;
     const selectorMap = {};
-    Object.entries(rules).forEach(([selectorName, query]) => {
+    Object.entries(rules).forEach(_ref2 => {
+      let _ref3 = _slicedToArray(_ref2, 2),
+          selectorName = _ref3[0],
+          query = _ref3[1];
+
       const minWidth = query.minWidth,
             maxWidth = query.maxWidth,
             minHeight = query.minHeight,

package/lib/Responsive/index.js

@@ -5,7 +5,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Responsive = exports.default = void 0;
+exports.default = exports.Responsive = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -52,8 +52,8 @@ category: components
 @tsProps
 **/
 class Responsive extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = /*#__PURE__*/(0, _react.createRef)();
     this._matchListener = null;
     this.state = {
@@ -108,7 +108,8 @@ class Responsive extends _react.Component {
     }
   }
 
-  addMatchListener(query, updateMatches, match = this.props.match) {
+  addMatchListener(query, updateMatches) {
+    let match = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : this.props.match;
     const matchListener = match === 'element' ? _addElementQueryMatchListener.addElementQueryMatchListener : _addMediaQueryMatchListener.addMediaQueryMatchListener;
     return matchListener(query, () => (0, _findDOMNode.findDOMNode)(this), updateMatches);
   }

package/lib/Responsive/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 

package/lib/ResponsivePropTypes.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ResponsivePropTypes = exports.default = void 0;
+exports.default = exports.ResponsivePropTypes = void 0;
 
 var _jsonToMediaQuery = require("./jsonToMediaQuery");
 

package/lib/addElementQueryMatchListener.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = exports.addElementQueryMatchListener = void 0;
 exports.updateElementMatches = updateElementMatches;
-exports.addElementQueryMatchListener = exports.default = void 0;
 
 var _parseQuery = require("./parseQuery");
 
@@ -152,7 +152,9 @@ const addElementQueryMatchListener = (query, el, cb) => {
 
 exports.addElementQueryMatchListener = addElementQueryMatchListener;
 
-function updateElementMatches(query, el, matches = [], size) {
+function updateElementMatches(query, el) {
+  let matches = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
+  let size = arguments.length > 3 ? arguments[3] : void 0;
   const node = (0, _findDOMNode.findDOMNode)(el);
 
   const _ref = size || (0, _getBoundingClientRect.getBoundingClientRect)(node),

package/lib/addMediaQueryMatchListener.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.addMediaQueryMatchListener = exports.default = void 0;
+exports.default = exports.addMediaQueryMatchListener = void 0;
 
 var _matchMedia = require("@instructure/ui-dom-utils/lib/matchMedia.js");
 
@@ -85,7 +85,8 @@ var _jsonToMediaQuery = require("./jsonToMediaQuery");
  * @param {object} matchMedia - called with an array of the names of the currently matching queries whenever a matching query changes
  * @returns {function} remove() function to call to remove the listener
  */
-const addMediaQueryMatchListener = (query, el, cb, matchMedia = _matchMedia.matchMedia) => {
+const addMediaQueryMatchListener = function (query, el, cb) {
+  let matchMedia = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : _matchMedia.matchMedia;
   const node = typeof el === 'function' ? el() : el;
 
   const updateMediaMatches = mediaQueryLists => {

package/lib/index.js

@@ -9,22 +9,22 @@ Object.defineProperty(exports, "Responsive", {
     return _Responsive.Responsive;
   }
 });
-Object.defineProperty(exports, "addElementQueryMatchListener", {
+Object.defineProperty(exports, "ResponsivePropTypes", {
   enumerable: true,
   get: function () {
-    return _addElementQueryMatchListener.addElementQueryMatchListener;
+    return _ResponsivePropTypes.ResponsivePropTypes;
   }
 });
-Object.defineProperty(exports, "addMediaQueryMatchListener", {
+Object.defineProperty(exports, "addElementQueryMatchListener", {
   enumerable: true,
   get: function () {
-    return _addMediaQueryMatchListener.addMediaQueryMatchListener;
+    return _addElementQueryMatchListener.addElementQueryMatchListener;
   }
 });
-Object.defineProperty(exports, "parseQuery", {
+Object.defineProperty(exports, "addMediaQueryMatchListener", {
   enumerable: true,
   get: function () {
-    return _parseQuery.parseQuery;
+    return _addMediaQueryMatchListener.addMediaQueryMatchListener;
   }
 });
 Object.defineProperty(exports, "jsonToMediaQuery", {
@@ -33,10 +33,10 @@ Object.defineProperty(exports, "jsonToMediaQuery", {
     return _jsonToMediaQuery.jsonToMediaQuery;
   }
 });
-Object.defineProperty(exports, "ResponsivePropTypes", {
+Object.defineProperty(exports, "parseQuery", {
   enumerable: true,
   get: function () {
-    return _ResponsivePropTypes.ResponsivePropTypes;
+    return _parseQuery.parseQuery;
   }
 });
 

package/lib/jsonToMediaQuery.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.jsonToMediaQuery = jsonToMediaQuery;
 exports.default = void 0;
+exports.jsonToMediaQuery = jsonToMediaQuery;
 
 var _px = require("@instructure/ui-utils/lib/px.js");
 

package/lib/parseQuery.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.parseQuery = parseQuery;
 exports.default = void 0;
+exports.parseQuery = parseQuery;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _px = require("@instructure/ui-utils/lib/px.js");
 
@@ -64,12 +68,15 @@ function parseQuery(query, el) {
       maxHeight: maxHeight && (0, _px.px)(maxHeight, el) || Infinity
     };
   });
-  return function ({
-    width,
-    height
-  }) {
+  return function (_ref) {
+    let width = _ref.width,
+        height = _ref.height;
     const selectorMap = {};
-    Object.entries(rules).forEach(([selectorName, query]) => {
+    Object.entries(rules).forEach(_ref2 => {
+      let _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+          selectorName = _ref3[0],
+          query = _ref3[1];
+
       const minWidth = query.minWidth,
             maxWidth = query.maxWidth,
             minHeight = query.minHeight,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-responsive",
-  "version": "8.12.1-snapshot.7+1e7ac8219",
+  "version": "8.13.1-snapshot.9+f32ba918e",
   "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.12.1-snapshot.7+1e7ac8219",
-    "@instructure/debounce": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/shared-types": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-dom-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-react-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-testable": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-utils": "8.12.1-snapshot.7+1e7ac8219",
+    "@instructure/console": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/debounce": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/shared-types": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-dom-utils": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-react-utils": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-testable": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-utils": "8.13.1-snapshot.9+f32ba918e",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-color-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-test-utils": "8.12.1-snapshot.7+1e7ac8219"
+    "@instructure/ui-babel-preset": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-color-utils": "8.13.1-snapshot.9+f32ba918e",
+    "@instructure/ui-test-utils": "8.13.1-snapshot.9+f32ba918e"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "1e7ac821932a91fe9ef761c96f747c7ea1f3925a"
+  "gitHead": "f32ba918e4d3ce76c6ee95c856584d00a9d80958"
 }