@instructure/ui-dialog 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-dialog
+
+
+
+
+
 ## [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-dialog

package/lib/Dialog/index.js

@@ -8,12 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Dialog = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
-var _findDOMNode = require("@instructure/ui-dom-utils/lib/findDOMNode.js");
-var _requestAnimationFrame = require("@instructure/ui-dom-utils/lib/requestAnimationFrame.js");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 var _console = require("@instructure/console");
-var _FocusRegionManager = require("@instructure/ui-a11y-utils/lib/FocusRegionManager.js");
+var _uiA11yUtils = require("@instructure/ui-a11y-utils");
 var _props = require("./props");
 const _excluded = ["open", "contentElement"],
   _excluded2 = ["open", "contentElement"];
@@ -94,8 +92,8 @@ class Dialog extends _react.Component {
       open = _this$props2.open,
       contentElement = _this$props2.contentElement,
       options = (0, _objectWithoutProperties2.default)(_this$props2, _excluded2);
-    this._raf.push((0, _requestAnimationFrame.requestAnimationFrame)(() => {
-      this._focusRegion = _FocusRegionManager.FocusRegionManager.activateRegion(this.contentElement, {
+    this._raf.push((0, _uiDomUtils.requestAnimationFrame)(() => {
+      this._focusRegion = _uiA11yUtils.FocusRegionManager.activateRegion(this.contentElement, {
         ...options
       });
     }));
@@ -105,7 +103,7 @@ class Dialog extends _react.Component {
       contentElement = this.contentElement;
     // setTimeout is used here to delay the blur after the mousedown event in FocusRegion for correct execution order
     if (_focusRegion) {
-      _FocusRegionManager.FocusRegionManager.blurRegion(contentElement, _focusRegion.id);
+      _uiA11yUtils.FocusRegionManager.blurRegion(contentElement, _focusRegion.id);
     }
   }
   focus() {
@@ -114,7 +112,7 @@ class Dialog extends _react.Component {
       return;
     }
     if (this._focusRegion) {
-      _FocusRegionManager.FocusRegionManager.focusRegion(this.contentElement, this._focusRegion.id);
+      _uiA11yUtils.FocusRegionManager.focusRegion(this.contentElement, this._focusRegion.id);
     }
   }
   blur() {
@@ -125,21 +123,21 @@ class Dialog extends _react.Component {
     this.close();
   }
   get contentElement() {
-    let contentElement = (0, _findDOMNode.findDOMNode)(this.props.contentElement);
+    let contentElement = (0, _uiDomUtils.findDOMNode)(this.props.contentElement);
     if (!contentElement) {
-      contentElement = (0, _findDOMNode.findDOMNode)(this.ref);
+      contentElement = (0, _uiDomUtils.findDOMNode)(this.ref);
     }
     return contentElement;
   }
   get focused() {
-    return this.contentElement && this._focusRegion && _FocusRegionManager.FocusRegionManager.isFocused(this.contentElement, this._focusRegion.id);
+    return this.contentElement && this._focusRegion && _uiA11yUtils.FocusRegionManager.isFocused(this.contentElement, this._focusRegion.id);
   }
   render() {
-    const ElementType = (0, _getElementType.getElementType)(Dialog, this.props);
+    const ElementType = (0, _uiReactUtils.getElementType)(Dialog, this.props);
 
     // In case the HTML role attribute is explicitly passed, use props.role
     const role = this.props.role || (this.props.label ? 'dialog' : void 0);
-    return this.props.open ? /*#__PURE__*/_react.default.createElement(ElementType, Object.assign({}, (0, _omitProps.omitProps)(this.props, Dialog.allowedProps), {
+    return this.props.open ? /*#__PURE__*/_react.default.createElement(ElementType, Object.assign({}, (0, _uiReactUtils.omitProps)(this.props, Dialog.allowedProps), {
       role: role,
       "aria-label": this.props.label,
       className: this.props.className // eslint-disable-line react/prop-types

package/lib/Dialog/props.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _element = require("@instructure/ui-prop-types/lib/element.js");
+var _uiPropTypes = require("@instructure/ui-prop-types");
 /*
  * The MIT License (MIT)
  *
@@ -63,7 +63,7 @@ const propTypes = exports.propTypes = {
    * An element, function returning an element, or array of elements that will not be hidden from
    * the screen reader when the focus region is active
    */
-  liveRegion: _propTypes.default.oneOfType([_element.element, _propTypes.default.arrayOf(_element.element), _propTypes.default.func]),
+  liveRegion: _propTypes.default.oneOfType([_uiPropTypes.element, _propTypes.default.arrayOf(_uiPropTypes.element), _propTypes.default.func]),
   /**
    * When set to true, or it is an array that includes the 'keyboard' string,
    * the keyboard and screenreader focus is trapped; when set to 'screenreader'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-dialog",
-  "version": "8.56.1",
+  "version": "8.56.2-pr-snapshot-1721749364069",
   "description": "A utility component for managing keyboard accessibility and screen reader behavior",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,17 +24,17 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/shared-types": "8.56.1",
-    "@instructure/ui-a11y-utils": "8.56.1",
-    "@instructure/ui-dom-utils": "8.56.1",
-    "@instructure/ui-react-utils": "8.56.1",
-    "@instructure/ui-testable": "8.56.1",
+    "@instructure/shared-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-a11y-utils": "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",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/console": "8.56.1",
-    "@instructure/ui-babel-preset": "8.56.1",
-    "@instructure/ui-prop-types": "8.56.1",
+    "@instructure/console": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-prop-types": "8.56.2-pr-snapshot-1721749364069",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.5.1"