td-stylekit 25.7.0 → 25.7.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [25.7.1](https://github.com/treasure-data/td-stylekit/compare/v25.7.0...v25.7.1) (2022-03-01)
+
+
+### Bug Fixes
+
+* Correctly set onClickOutside prop internally ([#1238](https://github.com/treasure-data/td-stylekit/issues/1238)) ([02f672c](https://github.com/treasure-data/td-stylekit/commit/02f672c))
+
 # [25.7.0](https://github.com/treasure-data/td-stylekit/compare/v25.6.0...v25.7.0) (2022-02-23)
 
 

package/dist/es/TooltipPopover/TooltipPopover.d.ts

@@ -12,8 +12,9 @@ export declare type TooltipPopoverProps = {
     show?: boolean;
     target: DOMContainer;
     escClose?: boolean;
+    overrideOnClickOutside?: () => void;
 } & Omit<TippyProps, // https://atomiks.github.io/tippyjs/v6/all-props/
-'allowHTML' | 'arrow' | 'animateFill' | 'content' | 'inlinePositioning' | 'onHide' | 'placement' | 'plugins' | 'reference' | 'singleton' | 'visible' | 'render'>;
+'allowHTML' | 'arrow' | 'animateFill' | 'content' | 'inlinePositioning' | 'onClickOutside' | 'onHide' | 'placement' | 'plugins' | 'reference' | 'singleton' | 'visible' | 'render'>;
 /**
  * A popover handler built on Tippy.js.
  * Compose with the Popover wrapper for popover content.

package/dist/es/TooltipPopover/TooltipPopover.js

@@ -17,7 +17,7 @@ var _Modal = _interopRequireDefault(require("../Modal"));
 
 var _useWaitForDOMRef = require("./useWaitForDOMRef");
 
-var _excluded = ["data-instrumentation", "arrowHidden", "children", "hideOnClick", "interactive", "onHide", "onClickOutside", "show", "showOnCreate", "target", "trigger", "escClose"];
+var _excluded = ["data-instrumentation", "arrowHidden", "children", "hideOnClick", "interactive", "onHide", "overrideOnClickOutside", "show", "showOnCreate", "target", "trigger", "escClose"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -74,7 +74,7 @@ var TooltipPopover = function TooltipPopover(props) {
       _props$interactive = props.interactive,
       interactive = _props$interactive === void 0 ? true : _props$interactive,
       onHide = props.onHide,
-      onClickOutside = props.onClickOutside,
+      overrideOnClickOutside = props.overrideOnClickOutside,
       show = props.show,
       showOnCreate = props.showOnCreate,
       target = props.target,
@@ -84,7 +84,8 @@ var TooltipPopover = function TooltipPopover(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   var triggerTarget = (0, _useWaitForDOMRef.useWaitForDOMRef)(target);
-  var tooltipRef = (0, _react.useRef)(null); // If escClose === true, then add an event listener on the document do close popover
+  var tooltipRef = (0, _react.useRef)(null);
+  var onClickOutsideBehaviour = overrideOnClickOutside || (!(show === undefined && trigger) ? onHide : undefined); // If escClose === true, then add an event listener on the document do close popover
 
   (0, _react.useEffect)(function () {
     var handleEsc = function handleEsc(e) {
@@ -140,7 +141,7 @@ var TooltipPopover = function TooltipPopover(props) {
       return setMounted(false);
     },
     reference: triggerTarget,
-    onClickOutside: onClickOutside
+    onClickOutside: onClickOutsideBehaviour
     /** Tippy is very strict about the rules of what props are allowed.
      *  An instrumentation plugin adds in `data-gs-c` and `data-gs`.
      * By defining as tippy plugins we can make these props acceptable.  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "td-stylekit",
-  "version": "25.7.0",
+  "version": "25.7.1",
   "main": "dist/es/index.js",
   "module": "dist/es/index.js",
   "types": "dist/es/index.d.ts",