orcs-design-system 3.1.25 → 3.1.27

package/README.md

@@ -1,4 +1,4 @@
-# ORCS: Orchestrated Design System
+# ORCS: TeamForm's Design System
 
 ## featuring Styled System + Styled Components
 
@@ -79,6 +79,7 @@ npm run test
 
 In order to publish a new version, you will have to patch and push your changes.
 After your changes have been merged to master, from your master branch:
+
 ```
 npm version patch
 git push

package/es/components/Popover/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "direction", "width", "textAlign", "text", "inlineBlock", "theme", "variant", "enableSelectAll", "tabIndex"];
-import React, { useId, useState } from "react";
+import React, { useId, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import styled, { css, ThemeProvider } from "styled-components";
 import { space, layout } from "styled-system";
@@ -10,6 +10,7 @@ import { keys } from "lodash";
 import Icon from "../Icon";
 import { themeGet } from "@styled-system/theme-get";
 import { useKeepInView, directions } from "../../hooks/keepInView";
+import { commonKeys } from "../../hooks/keypress";
 var Container = styled.div.withConfig({
   displayName: "Popover__Container",
   componentId: "sc-1bwoak-0"
@@ -86,10 +87,15 @@ export default function Popover(_ref2) {
     _ref2$tabIndex = _ref2.tabIndex,
     tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex,
     props = _objectWithoutProperties(_ref2, _excluded);
+  var containerRef = useRef();
   var _useState = useState(direction),
     _useState2 = _slicedToArray(_useState, 2),
     inViewDirection = _useState2[0],
     setInViewDirection = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dismissed = _useState4[0],
+    setDismissed = _useState4[1];
   var toolTipId = useId();
   var _useKeepInView = useKeepInView({
       direction: direction,
@@ -99,13 +105,27 @@ export default function Popover(_ref2) {
     ref = _useKeepInView2[0],
     setIsShown = _useKeepInView2[1];
   var component = /*#__PURE__*/React.createElement(Container, _extends({
+    ref: containerRef,
     inlineBlock: inlineBlock
   }, props, {
     onMouseEnter: function onMouseEnter() {
-      return setIsShown(true);
+      setIsShown(true);
+      setDismissed(false);
+    },
+    onKeyDownCapture: function onKeyDownCapture(e) {
+      if ([commonKeys.ESCAPE, commonKeys.ESC].includes(e.key)) {
+        setDismissed(true);
+        if (containerRef !== null && containerRef !== void 0 && containerRef.current.contains(document.activeElement)) {
+          document.activeElement.blur();
+        }
+      }
+    },
+    onBlur: function onBlur() {
+      setDismissed(false);
     },
     onMouseLeave: function onMouseLeave() {
-      return setIsShown(false);
+      setIsShown(false);
+      setDismissed(false);
     },
     "aria-describedby": toolTipId
   }), variant === "tooltip" && /*#__PURE__*/React.createElement(TooltipControl, {
@@ -114,7 +134,7 @@ export default function Popover(_ref2) {
     transform: "grow-4",
     icon: ["fas", "question-circle"],
     fontSize: "2"
-  })), !!text && /*#__PURE__*/React.createElement(Text, {
+  })), !!text && !dismissed && /*#__PURE__*/React.createElement(Text, {
     ref: ref,
     role: "tooltip",
     className: "popoverText",

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "orcs-design-system",
-  "version": "3.1.25",
+  "version": "3.1.27",
   "engines": {
     "node": "18.17.1"
   },
-  "description": "Orchestrated's Design System, aka: ORCS",
+  "description": "TeamForm's Design System, aka: ORCS",
   "keywords": [
     "design",
     "system",