@instructure/ui-responsive 8.56.1 → 8.56.2-pr-snapshot-1721749364069

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.56.2-pr-snapshot-1721749364069](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2-pr-snapshot-1721749364069) (2024-07-23)
+
+**Note:** Version bump only for package @instructure/ui-responsive
+
+
+
+
+
 ## [8.56.1](https://github.com/instructure/instructure-ui/compare/v8.56.0...v8.56.1) (2024-06-13)
 
 **Note:** Version bump only for package @instructure/ui-responsive

package/lib/Responsive/index.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Responsive = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _deepEqual = require("@instructure/ui-utils/lib/deepEqual.js");
+var _uiUtils = require("@instructure/ui-utils");
 var _console = require("@instructure/console");
 var _addElementQueryMatchListener = require("../addElementQueryMatchListener");
 var _addMediaQueryMatchListener = require("../addMediaQueryMatchListener");
-var _findDOMNode = require("@instructure/ui-dom-utils/lib/findDOMNode.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 var _props = require("./props");
 /*
  * The MIT License (MIT)
@@ -93,14 +93,14 @@ class Responsive extends _react.Component {
     const _this$props = this.props,
       match = _this$props.match,
       query = _this$props.query;
-    if (match !== prevProps.match || !(0, _deepEqual.deepEqual)(query, prevProps.query)) {
+    if (match !== prevProps.match || !(0, _uiUtils.deepEqual)(query, prevProps.query)) {
       this.removeMatchListener();
       this._matchListener = this.addMatchListener(query, this.updateMatches, match);
     }
   }
   addMatchListener(query, updateMatches, match = this.props.match) {
     const matchListener = match === 'element' ? _addElementQueryMatchListener.addElementQueryMatchListener : _addMediaQueryMatchListener.addMediaQueryMatchListener;
-    return matchListener(query, () => (0, _findDOMNode.findDOMNode)(this), updateMatches);
+    return matchListener(query, () => (0, _uiDomUtils.findDOMNode)(this), updateMatches);
   }
   removeMatchListener() {
     if (this._matchListener) {

package/lib/addElementQueryMatchListener.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.addElementQueryMatchListener = void 0;
 exports.updateElementMatches = updateElementMatches;
 var _parseQuery = require("./parseQuery");
-var _findDOMNode = require("@instructure/ui-dom-utils/lib/findDOMNode.js");
-var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 var _debounce = require("@instructure/debounce");
 /*
  * The MIT License (MIT)
@@ -90,7 +89,7 @@ var _debounce = require("@instructure/debounce");
  */
 const addElementQueryMatchListener = (query, el, cb) => {
   const node = typeof el === 'function' ? el() : el;
-  const _getBoundingClientRec = (0, _getBoundingClientRect.getBoundingClientRect)(node),
+  const _getBoundingClientRec = (0, _uiDomUtils.getBoundingClientRect)(node),
     width = _getBoundingClientRec.width,
     height = _getBoundingClientRec.height;
   let matches = [];
@@ -137,8 +136,8 @@ const addElementQueryMatchListener = (query, el, cb) => {
 };
 exports.addElementQueryMatchListener = addElementQueryMatchListener;
 function updateElementMatches(query, el, matches = [], size) {
-  const node = (0, _findDOMNode.findDOMNode)(el);
-  let _ref = size || (0, _getBoundingClientRect.getBoundingClientRect)(node),
+  const node = (0, _uiDomUtils.findDOMNode)(el);
+  let _ref = size || (0, _uiDomUtils.getBoundingClientRect)(node),
     width = _ref.width,
     height = _ref.height;
 

package/lib/addMediaQueryMatchListener.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.addMediaQueryMatchListener = void 0;
-var _matchMedia = require("@instructure/ui-dom-utils/lib/matchMedia.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 var _jsonToMediaQuery = require("./jsonToMediaQuery");
 /*
  * The MIT License (MIT)
@@ -82,7 +82,7 @@ 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 = (query, el, cb, matchMedia = _uiDomUtils.matchMedia) => {
   const node = typeof el === 'function' ? el() : el;
   const updateMediaMatches = mediaQueryLists => {
     const matches = Object.keys(mediaQueryLists).filter(key => mediaQueryLists[key].matches).map(key => key);

package/lib/jsonToMediaQuery.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.jsonToMediaQuery = jsonToMediaQuery;
-var _px = require("@instructure/ui-utils/lib/px.js");
+var _uiUtils = require("@instructure/ui-utils");
 /*
  * The MIT License (MIT)
  *
@@ -75,7 +75,7 @@ function jsonToMediaQuery(query, el) {
     if (!value) {
       throw new Error('No value supplied for query object');
     }
-    mediaQuery += `(${hyphenateQueryKey(key)}: ${(0, _px.px)(value, el)}px) ${QUERY_SEPARATOR} `;
+    mediaQuery += `(${hyphenateQueryKey(key)}: ${(0, _uiUtils.px)(value, el)}px) ${QUERY_SEPARATOR} `;
   }
   return mediaQuery.slice(0, -QUERY_SEPARATOR.length - 2);
 }

package/lib/parseQuery.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.parseQuery = parseQuery;
-var _px = require("@instructure/ui-utils/lib/px.js");
+var _uiUtils = require("@instructure/ui-utils");
 /*
  * The MIT License (MIT)
  *
@@ -61,10 +61,10 @@ function parseQuery(query, el) {
       minHeight = _query$selectorName.minHeight,
       maxHeight = _query$selectorName.maxHeight;
     rules[selectorName] = {
-      minWidth: minWidth && (0, _px.px)(minWidth, el) || 0,
-      maxWidth: maxWidth && (0, _px.px)(maxWidth, el) || Infinity,
-      minHeight: minHeight && (0, _px.px)(minHeight, el) || 0,
-      maxHeight: maxHeight && (0, _px.px)(maxHeight, el) || Infinity
+      minWidth: minWidth && (0, _uiUtils.px)(minWidth, el) || 0,
+      maxWidth: maxWidth && (0, _uiUtils.px)(maxWidth, el) || Infinity,
+      minHeight: minHeight && (0, _uiUtils.px)(minHeight, el) || 0,
+      maxHeight: maxHeight && (0, _uiUtils.px)(maxHeight, el) || Infinity
     };
   });
   return function ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-responsive",
-  "version": "8.56.1",
+  "version": "8.56.2-pr-snapshot-1721749364069",
   "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.23.2",
-    "@instructure/console": "8.56.1",
-    "@instructure/debounce": "8.56.1",
-    "@instructure/shared-types": "8.56.1",
-    "@instructure/ui-dom-utils": "8.56.1",
-    "@instructure/ui-react-utils": "8.56.1",
-    "@instructure/ui-testable": "8.56.1",
-    "@instructure/ui-utils": "8.56.1",
+    "@instructure/console": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/debounce": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/shared-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-dom-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-react-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-testable": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-utils": "8.56.2-pr-snapshot-1721749364069",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.56.1",
-    "@instructure/ui-color-utils": "8.56.1",
-    "@instructure/ui-test-utils": "8.56.1"
+    "@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-color-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-utils": "8.56.2-pr-snapshot-1721749364069"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18"