@khanacademy/wonder-blocks-popover 5.0.7 → 5.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Khan Academy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/es/index.js

@@ -145,7 +145,7 @@ class PopoverEventListener extends React.Component {
         });
         return;
       }
-      const node = ReactDOM.findDOMNode((_this$props$contentRe = this.props.contentRef) == null ? void 0 : _this$props$contentRe.current);
+      const node = ReactDOM.findDOMNode((_this$props$contentRe = this.props.contentRef) == null ? undefined : _this$props$contentRe.current);
       if (node && !node.contains(e.target)) {
         e.preventDefault();
         e.stopPropagation();
@@ -211,8 +211,8 @@ class InitialFocus extends React.Component {
 class FocusManager extends React.Component {
   constructor(...args) {
     super(...args);
-    this.nextElementAfterPopover = void 0;
-    this.rootNode = void 0;
+    this.nextElementAfterPopover = undefined;
+    this.rootNode = undefined;
     this.elementsThatCanBeFocusableInsidePopover = [];
     this.firstFocusableElementInPopover = null;
     this.lastFocusableElementInPopover = null;
@@ -248,14 +248,14 @@ class FocusManager extends React.Component {
       if (e.key === "Tab" && e.shiftKey) {
         var _this$props$anchorEle;
         e.preventDefault();
-        (_this$props$anchorEle = this.props.anchorElement) == null ? void 0 : _this$props$anchorEle.focus();
+        (_this$props$anchorEle = this.props.anchorElement) == null || _this$props$anchorEle.focus();
       }
     };
     this.handleKeydownLastFocusableElement = e => {
       if (this.nextElementAfterPopover && e.key === "Tab" && !e.shiftKey) {
         var _this$nextElementAfte;
         e.preventDefault();
-        (_this$nextElementAfte = this.nextElementAfterPopover) == null ? void 0 : _this$nextElementAfte.focus();
+        (_this$nextElementAfte = this.nextElementAfterPopover) == null || _this$nextElementAfte.focus();
       }
     };
     this.getNextFocusableElement = () => {
@@ -307,14 +307,14 @@ class FocusManager extends React.Component {
       if (e.key === "Tab" && !e.shiftKey) {
         var _this$firstFocusableE;
         e.preventDefault();
-        (_this$firstFocusableE = this.firstFocusableElementInPopover) == null ? void 0 : _this$firstFocusableE.focus();
+        (_this$firstFocusableE = this.firstFocusableElementInPopover) == null || _this$firstFocusableE.focus();
       }
     };
     this.handleKeydownNextFocusableElement = e => {
       if (e.key === "Tab" && e.shiftKey) {
         var _this$lastFocusableEl;
         e.preventDefault();
-        (_this$lastFocusableEl = this.lastFocusableElementInPopover) == null ? void 0 : _this$lastFocusableEl.focus();
+        (_this$lastFocusableEl = this.lastFocusableElementInPopover) == null || _this$lastFocusableEl.focus();
       }
     };
   }
@@ -389,7 +389,7 @@ class Popover extends React.Component {
       } = this.props;
       if (closedFocusId) {
         const focusElement = ReactDOM.findDOMNode(document.getElementById(closedFocusId));
-        focusElement == null ? void 0 : focusElement.focus();
+        focusElement == null || focusElement.focus();
         return;
       }
       if (anchorElement) {
@@ -401,7 +401,7 @@ class Popover extends React.Component {
         opened: false
       }, () => {
         var _this$props$onClose, _this$props;
-        (_this$props$onClose = (_this$props = this.props).onClose) == null ? void 0 : _this$props$onClose.call(_this$props);
+        (_this$props$onClose = (_this$props = this.props).onClose) == null || _this$props$onClose.call(_this$props);
         if (shouldReturnFocus) {
           this.maybeReturnFocus();
         }
@@ -478,9 +478,10 @@ class Popover extends React.Component {
         initialFocusId: initialFocusId
       }, popperContent);
     } else {
-      return React.createElement(InitialFocus, {
-        initialFocusId: initialFocusId
-      }, popperContent);
+      return (React.createElement(InitialFocus, {
+          initialFocusId: initialFocusId
+        }, popperContent)
+      );
     }
   }
   getHost() {
@@ -621,7 +622,7 @@ const styles$1 = StyleSheet.create({
   }
 });
 
-const StyledImage = addStyle("img");
+const StyledImg = addStyle("img");
 class PopoverContent extends React.Component {
   constructor(...args) {
     super(...args);
@@ -647,7 +648,7 @@ class PopoverContent extends React.Component {
       }
       return React.createElement(View, {
         style: styles.iconContainer
-      }, typeof icon !== "string" ? icon : React.createElement(StyledImage, {
+      }, typeof icon !== "string" ? icon : React.createElement(StyledImg, {
         src: icon,
         style: styles.icon
       }));

package/dist/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var ReactDOM = require('react-dom');
@@ -14,10 +12,7 @@ var wonderBlocksTypography = require('@khanacademy/wonder-blocks-typography');
 var xIcon = require('@phosphor-icons/core/regular/x.svg');
 var IconButton = require('@khanacademy/wonder-blocks-icon-button');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -30,15 +25,12 @@ function _interopNamespace(e) {
             }
         });
     }
-    n["default"] = e;
+    n.default = e;
     return Object.freeze(n);
 }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
-var xIcon__default = /*#__PURE__*/_interopDefaultLegacy(xIcon);
-var IconButton__default = /*#__PURE__*/_interopDefaultLegacy(IconButton);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
 
 const defaultContext = {
   close: undefined,
@@ -73,7 +65,7 @@ class PopoverAnchor extends React__namespace.Component {
       });
       return React__namespace.cloneElement(renderedChildren, sharedProps);
     } else {
-      return React__namespace.cloneElement(children, _extends__default["default"]({}, children.props, sharedProps, {
+      return React__namespace.cloneElement(children, _extends({}, children.props, sharedProps, {
         onClick: children.props.onClick ? e => {
           e.stopPropagation();
           children.props.onClick();
@@ -175,7 +167,7 @@ class PopoverEventListener extends React__namespace.Component {
         });
         return;
       }
-      const node = ReactDOM__namespace.findDOMNode((_this$props$contentRe = this.props.contentRef) == null ? void 0 : _this$props$contentRe.current);
+      const node = ReactDOM__namespace.findDOMNode((_this$props$contentRe = this.props.contentRef) == null ? undefined : _this$props$contentRe.current);
       if (node && !node.contains(e.target)) {
         e.preventDefault();
         e.stopPropagation();
@@ -241,8 +233,8 @@ class InitialFocus extends React__namespace.Component {
 class FocusManager extends React__namespace.Component {
   constructor(...args) {
     super(...args);
-    this.nextElementAfterPopover = void 0;
-    this.rootNode = void 0;
+    this.nextElementAfterPopover = undefined;
+    this.rootNode = undefined;
     this.elementsThatCanBeFocusableInsidePopover = [];
     this.firstFocusableElementInPopover = null;
     this.lastFocusableElementInPopover = null;
@@ -278,14 +270,14 @@ class FocusManager extends React__namespace.Component {
       if (e.key === "Tab" && e.shiftKey) {
         var _this$props$anchorEle;
         e.preventDefault();
-        (_this$props$anchorEle = this.props.anchorElement) == null ? void 0 : _this$props$anchorEle.focus();
+        (_this$props$anchorEle = this.props.anchorElement) == null || _this$props$anchorEle.focus();
       }
     };
     this.handleKeydownLastFocusableElement = e => {
       if (this.nextElementAfterPopover && e.key === "Tab" && !e.shiftKey) {
         var _this$nextElementAfte;
         e.preventDefault();
-        (_this$nextElementAfte = this.nextElementAfterPopover) == null ? void 0 : _this$nextElementAfte.focus();
+        (_this$nextElementAfte = this.nextElementAfterPopover) == null || _this$nextElementAfte.focus();
       }
     };
     this.getNextFocusableElement = () => {
@@ -337,14 +329,14 @@ class FocusManager extends React__namespace.Component {
       if (e.key === "Tab" && !e.shiftKey) {
         var _this$firstFocusableE;
         e.preventDefault();
-        (_this$firstFocusableE = this.firstFocusableElementInPopover) == null ? void 0 : _this$firstFocusableE.focus();
+        (_this$firstFocusableE = this.firstFocusableElementInPopover) == null || _this$firstFocusableE.focus();
       }
     };
     this.handleKeydownNextFocusableElement = e => {
       if (e.key === "Tab" && e.shiftKey) {
         var _this$lastFocusableEl;
         e.preventDefault();
-        (_this$lastFocusableEl = this.lastFocusableElementInPopover) == null ? void 0 : _this$lastFocusableEl.focus();
+        (_this$lastFocusableEl = this.lastFocusableElementInPopover) == null || _this$lastFocusableEl.focus();
       }
     };
   }
@@ -419,7 +411,7 @@ class Popover extends React__namespace.Component {
       } = this.props;
       if (closedFocusId) {
         const focusElement = ReactDOM__namespace.findDOMNode(document.getElementById(closedFocusId));
-        focusElement == null ? void 0 : focusElement.focus();
+        focusElement == null || focusElement.focus();
         return;
       }
       if (anchorElement) {
@@ -431,7 +423,7 @@ class Popover extends React__namespace.Component {
         opened: false
       }, () => {
         var _this$props$onClose, _this$props;
-        (_this$props$onClose = (_this$props = this.props).onClose) == null ? void 0 : _this$props$onClose.call(_this$props);
+        (_this$props$onClose = (_this$props = this.props).onClose) == null || _this$props$onClose.call(_this$props);
         if (shouldReturnFocus) {
           this.maybeReturnFocus();
         }
@@ -492,7 +484,7 @@ class Popover extends React__namespace.Component {
       placement: placement,
       rootBoundary: rootBoundary,
       viewportPadding: viewportPadding
-    }, props => React__namespace.createElement(PopoverDialog, _extends__default["default"]({}, props, {
+    }, props => React__namespace.createElement(PopoverDialog, _extends({}, props, {
       "aria-label": ariaLabel,
       "aria-describedby": describedBy,
       "aria-labelledby": ariaLabelledBy,
@@ -508,9 +500,10 @@ class Popover extends React__namespace.Component {
         initialFocusId: initialFocusId
       }, popperContent);
     } else {
-      return React__namespace.createElement(InitialFocus, {
-        initialFocusId: initialFocusId
-      }, popperContent);
+      return (React__namespace.createElement(InitialFocus, {
+          initialFocusId: initialFocusId
+        }, popperContent)
+      );
     }
   }
   getHost() {
@@ -576,8 +569,8 @@ class CloseButton extends React__namespace.Component {
     return React__namespace.createElement(PopoverContext.Consumer, null, ({
       close
     }) => {
-      return React__namespace.createElement(IconButton__default["default"], {
-        icon: xIcon__default["default"],
+      return React__namespace.createElement(IconButton, {
+        icon: xIcon,
         "aria-label": ariaLabel,
         onClick: close,
         kind: light ? "primary" : "tertiary",
@@ -651,7 +644,7 @@ const styles$1 = aphrodite.StyleSheet.create({
   }
 });
 
-const StyledImage = wonderBlocksCore.addStyle("img");
+const StyledImg = wonderBlocksCore.addStyle("img");
 class PopoverContent extends React__namespace.Component {
   constructor(...args) {
     super(...args);
@@ -677,7 +670,7 @@ class PopoverContent extends React__namespace.Component {
       }
       return React__namespace.createElement(wonderBlocksCore.View, {
         style: styles.iconContainer
-      }, typeof icon !== "string" ? icon : React__namespace.createElement(StyledImage, {
+      }, typeof icon !== "string" ? icon : React__namespace.createElement(StyledImg, {
         src: icon,
         style: styles.icon
       }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-popover",
-  "version": "5.0.7",
+  "version": "5.1.0",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -9,20 +9,16 @@
   "main": "dist/index.js",
   "module": "dist/es/index.js",
   "types": "dist/index.d.ts",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "prepublishOnly": "../../utils/publish/package-pre-publish-check.sh"
-  },
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-core": "^11.1.0",
-    "@khanacademy/wonder-blocks-icon-button": "^6.0.8",
-    "@khanacademy/wonder-blocks-modal": "^7.0.6",
-    "@khanacademy/wonder-blocks-tokens": "^4.1.0",
-    "@khanacademy/wonder-blocks-tooltip": "^4.0.6",
-    "@khanacademy/wonder-blocks-typography": "^3.0.5"
+    "@babel/runtime": "^7.24.5",
+    "@khanacademy/wonder-blocks-core": "12.1.0",
+    "@khanacademy/wonder-blocks-icon-button": "6.1.0",
+    "@khanacademy/wonder-blocks-modal": "7.1.0",
+    "@khanacademy/wonder-blocks-tokens": "4.2.0",
+    "@khanacademy/wonder-blocks-tooltip": "4.1.0",
+    "@khanacademy/wonder-blocks-typography": "3.1.0"
   },
   "peerDependencies": {
     "@phosphor-icons/core": "^2.0.2",
@@ -33,6 +29,9 @@
     "react-popper": "^2.0.0"
   },
   "devDependencies": {
-    "@khanacademy/wb-dev-build-settings": "^2.0.0"
+    "@khanacademy/wb-dev-build-settings": "2.1.0"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
   }
 }