@nulogy/components 8.1.7 → 8.1.8

package/dist/main.js

@@ -23679,8 +23679,17 @@
    * http://api.jqueryui.com/category/ui-core/
    */
 
+  var DISPLAY_NONE = "none";
+  var DISPLAY_CONTENTS = "contents";
+
   var tabbableNode = /input|select|textarea|button|object|iframe/;
 
+  function isNotOverflowing(element, style) {
+    return style.getPropertyValue("overflow") !== "visible" ||
+    // if 'overflow: visible' set, check if there is actually any overflow
+    element.scrollWidth <= 0 && element.scrollHeight <= 0;
+  }
+
   function hidesContents(element) {
     var zeroSize = element.offsetWidth <= 0 && element.offsetHeight <= 0;
 
@@ -23690,9 +23699,8 @@
     try {
       // Otherwise we need to check some styles
       var style = window.getComputedStyle(element);
-      return zeroSize ? style.getPropertyValue("overflow") !== "visible" ||
-      // if 'overflow: visible' set, check if there is actually any overflow
-      element.scrollWidth <= 0 && element.scrollHeight <= 0 : style.getPropertyValue("display") == "none";
+      var displayValue = style.getPropertyValue("display");
+      return zeroSize ? displayValue !== DISPLAY_CONTENTS && isNotOverflowing(element, style) : displayValue === DISPLAY_NONE;
     } catch (exception) {
       // eslint-disable-next-line no-console
       console.warn("Failed to inspect element style");
@@ -24532,8 +24540,17 @@
     content: "ReactModal__Content"
   };
 
-  var TAB_KEY = 9;
-  var ESC_KEY = 27;
+  /**
+   * We need to support the deprecated `KeyboardEvent.keyCode` in addition to
+   * `KeyboardEvent.code` for apps that still support IE11. Can be removed when
+   * `react-modal` only supports React >18 (which dropped IE support).
+   */
+  var isTabKey = function isTabKey(event) {
+    return event.code === "Tab" || event.keyCode === 9;
+  };
+  var isEscKey = function isEscKey(event) {
+    return event.code === "Escape" || event.keyCode === 27;
+  };
 
   var ariaHiddenInstances = 0;
 
@@ -24560,13 +24577,16 @@
             appElement = _this$props.appElement,
             ariaHideApp = _this$props.ariaHideApp,
             htmlOpenClassName = _this$props.htmlOpenClassName,
-            bodyOpenClassName = _this$props.bodyOpenClassName;
+            bodyOpenClassName = _this$props.bodyOpenClassName,
+            parentSelector = _this$props.parentSelector;
 
-        // Remove classes.
 
-        bodyOpenClassName && classList$1.remove(document.body, bodyOpenClassName);
+        var parentDocument = parentSelector && parentSelector().ownerDocument || document;
+
+        // Remove classes.
+        bodyOpenClassName && classList$1.remove(parentDocument.body, bodyOpenClassName);
 
-        htmlOpenClassName && classList$1.remove(document.getElementsByTagName("html")[0], htmlOpenClassName);
+        htmlOpenClassName && classList$1.remove(parentDocument.getElementsByTagName("html")[0], htmlOpenClassName);
 
         // Reset aria-hidden attribute if all modals have been removed
         if (ariaHideApp && ariaHiddenInstances > 0) {
@@ -24648,11 +24668,11 @@
       };
 
       _this.handleKeyDown = function (event) {
-        if (event.keyCode === TAB_KEY) {
+        if (isTabKey(event)) {
           (0, _scopeTab2.default)(_this.content, event);
         }
 
-        if (_this.props.shouldCloseOnEsc && event.keyCode === ESC_KEY) {
+        if (_this.props.shouldCloseOnEsc && isEscKey(event)) {
           event.stopPropagation();
           _this.requestClose(event);
         }
@@ -24788,13 +24808,16 @@
             appElement = _props.appElement,
             ariaHideApp = _props.ariaHideApp,
             htmlOpenClassName = _props.htmlOpenClassName,
-            bodyOpenClassName = _props.bodyOpenClassName;
+            bodyOpenClassName = _props.bodyOpenClassName,
+            parentSelector = _props.parentSelector;
 
-        // Add classes.
 
-        bodyOpenClassName && classList$1.add(document.body, bodyOpenClassName);
+        var parentDocument = parentSelector && parentSelector().ownerDocument || document;
 
-        htmlOpenClassName && classList$1.add(document.getElementsByTagName("html")[0], htmlOpenClassName);
+        // Add classes.
+        bodyOpenClassName && classList$1.add(parentDocument.body, bodyOpenClassName);
+
+        htmlOpenClassName && classList$1.add(parentDocument.getElementsByTagName("html")[0], htmlOpenClassName);
 
         if (ariaHideApp) {
           ariaHiddenInstances += 1;
@@ -24874,6 +24897,7 @@
     }),
     className: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]),
     overlayClassName: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]),
+    parentSelector: _propTypes2.default.func,
     bodyOpenClassName: _propTypes2.default.string,
     htmlOpenClassName: _propTypes2.default.string,
     ariaHideApp: _propTypes2.default.bool,

package/dist/main.module.js

@@ -23653,8 +23653,17 @@ exports.default = findTabbableDescendants;
  * http://api.jqueryui.com/category/ui-core/
  */
 
+var DISPLAY_NONE = "none";
+var DISPLAY_CONTENTS = "contents";
+
 var tabbableNode = /input|select|textarea|button|object|iframe/;
 
+function isNotOverflowing(element, style) {
+  return style.getPropertyValue("overflow") !== "visible" ||
+  // if 'overflow: visible' set, check if there is actually any overflow
+  element.scrollWidth <= 0 && element.scrollHeight <= 0;
+}
+
 function hidesContents(element) {
   var zeroSize = element.offsetWidth <= 0 && element.offsetHeight <= 0;
 
@@ -23664,9 +23673,8 @@ function hidesContents(element) {
   try {
     // Otherwise we need to check some styles
     var style = window.getComputedStyle(element);
-    return zeroSize ? style.getPropertyValue("overflow") !== "visible" ||
-    // if 'overflow: visible' set, check if there is actually any overflow
-    element.scrollWidth <= 0 && element.scrollHeight <= 0 : style.getPropertyValue("display") == "none";
+    var displayValue = style.getPropertyValue("display");
+    return zeroSize ? displayValue !== DISPLAY_CONTENTS && isNotOverflowing(element, style) : displayValue === DISPLAY_NONE;
   } catch (exception) {
     // eslint-disable-next-line no-console
     console.warn("Failed to inspect element style");
@@ -24506,8 +24514,17 @@ var CLASS_NAMES = {
   content: "ReactModal__Content"
 };
 
-var TAB_KEY = 9;
-var ESC_KEY = 27;
+/**
+ * We need to support the deprecated `KeyboardEvent.keyCode` in addition to
+ * `KeyboardEvent.code` for apps that still support IE11. Can be removed when
+ * `react-modal` only supports React >18 (which dropped IE support).
+ */
+var isTabKey = function isTabKey(event) {
+  return event.code === "Tab" || event.keyCode === 9;
+};
+var isEscKey = function isEscKey(event) {
+  return event.code === "Escape" || event.keyCode === 27;
+};
 
 var ariaHiddenInstances = 0;
 
@@ -24534,13 +24551,16 @@ var ModalPortal = function (_Component) {
           appElement = _this$props.appElement,
           ariaHideApp = _this$props.ariaHideApp,
           htmlOpenClassName = _this$props.htmlOpenClassName,
-          bodyOpenClassName = _this$props.bodyOpenClassName;
+          bodyOpenClassName = _this$props.bodyOpenClassName,
+          parentSelector = _this$props.parentSelector;
 
-      // Remove classes.
 
-      bodyOpenClassName && classList$1.remove(document.body, bodyOpenClassName);
+      var parentDocument = parentSelector && parentSelector().ownerDocument || document;
+
+      // Remove classes.
+      bodyOpenClassName && classList$1.remove(parentDocument.body, bodyOpenClassName);
 
-      htmlOpenClassName && classList$1.remove(document.getElementsByTagName("html")[0], htmlOpenClassName);
+      htmlOpenClassName && classList$1.remove(parentDocument.getElementsByTagName("html")[0], htmlOpenClassName);
 
       // Reset aria-hidden attribute if all modals have been removed
       if (ariaHideApp && ariaHiddenInstances > 0) {
@@ -24622,11 +24642,11 @@ var ModalPortal = function (_Component) {
     };
 
     _this.handleKeyDown = function (event) {
-      if (event.keyCode === TAB_KEY) {
+      if (isTabKey(event)) {
         (0, _scopeTab2.default)(_this.content, event);
       }
 
-      if (_this.props.shouldCloseOnEsc && event.keyCode === ESC_KEY) {
+      if (_this.props.shouldCloseOnEsc && isEscKey(event)) {
         event.stopPropagation();
         _this.requestClose(event);
       }
@@ -24762,13 +24782,16 @@ var ModalPortal = function (_Component) {
           appElement = _props.appElement,
           ariaHideApp = _props.ariaHideApp,
           htmlOpenClassName = _props.htmlOpenClassName,
-          bodyOpenClassName = _props.bodyOpenClassName;
+          bodyOpenClassName = _props.bodyOpenClassName,
+          parentSelector = _props.parentSelector;
 
-      // Add classes.
 
-      bodyOpenClassName && classList$1.add(document.body, bodyOpenClassName);
+      var parentDocument = parentSelector && parentSelector().ownerDocument || document;
 
-      htmlOpenClassName && classList$1.add(document.getElementsByTagName("html")[0], htmlOpenClassName);
+      // Add classes.
+      bodyOpenClassName && classList$1.add(parentDocument.body, bodyOpenClassName);
+
+      htmlOpenClassName && classList$1.add(parentDocument.getElementsByTagName("html")[0], htmlOpenClassName);
 
       if (ariaHideApp) {
         ariaHiddenInstances += 1;
@@ -24848,6 +24871,7 @@ ModalPortal.propTypes = {
   }),
   className: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]),
   overlayClassName: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]),
+  parentSelector: _propTypes2.default.func,
   bodyOpenClassName: _propTypes2.default.string,
   htmlOpenClassName: _propTypes2.default.string,
   ariaHideApp: _propTypes2.default.bool,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "8.1.7",
+  "version": "8.1.8",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {