intergalactic 15.70.0-prerelease.0 → 15.71.0-prerelease.0

package/tooltip/lib/cjs/Tooltip.js

@@ -5,7 +5,9 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Tooltip = exports.Hint = exports.DescriptionTooltip = void 0;
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -25,14 +27,31 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
 var _portal = _interopRequireDefault(require("intergalactic/portal"));
 var _excluded = ["Children", "title", "offset", "forcedAdvancedMode"];
 /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STooltip_co95l_gg_{position:relative;padding:var(--intergalactic-spacing-3x, 12px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);word-wrap:break-word;max-width:250px;font-weight:400;white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STooltip_co95l_gg_._theme_default_co95l_gg_{background-color:var(--intergalactic-tooltip-default, #ffffff);border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STooltip_co95l_gg_._theme_invert_co95l_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-tooltip-invert, #191b23);border:1px solid var(--intergalactic-border-tooltip-invert, #6c6e79)}.___STooltip_co95l_gg_._theme_warning_co95l_gg_{background-color:var(--intergalactic-tooltip-warning, #ffd7df);border:1px solid var(--intergalactic-border-critical-active, #d1002f)}.___STooltip_co95l_gg_[data-popper-reference-hidden]{visibility:hidden;pointer-events:none}.___SArrow_co95l_gg_,.___SArrow_co95l_gg_:before{position:absolute;border:6px solid}.___SArrow_co95l_gg_:before{content:\"\"}.___SArrow_co95l_gg_._theme_default_co95l_gg_{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SArrow_co95l_gg_._theme_default_co95l_gg_:before{border-color:var(--intergalactic-tooltip-default, #ffffff)}.___SArrow_co95l_gg_._theme_invert_co95l_gg_{border-color:var(--intergalactic-border-tooltip-invert, #6c6e79)}.___SArrow_co95l_gg_._theme_invert_co95l_gg_::before{border-color:var(--intergalactic-tooltip-invert, #191b23)}.___SArrow_co95l_gg_._theme_warning_co95l_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SArrow_co95l_gg_._theme_warning_co95l_gg_::before{border-color:var(--intergalactic-tooltip-warning, #ffd7df)}.___STooltip_co95l_gg_[data-popper-placement^=top] .___SArrow_co95l_gg_,.___STooltip_co95l_gg_[data-popper-placement^=top] .___SArrow_co95l_gg_::before{top:100%;border-bottom:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_co95l_gg_[data-popper-placement^=top] .___SArrow_co95l_gg_::before{top:-7px;left:-6px}.___STooltip_co95l_gg_[data-popper-placement^=bottom] .___SArrow_co95l_gg_{bottom:100%;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_co95l_gg_[data-popper-placement^=bottom] .___SArrow_co95l_gg_::before{top:1px;left:-6px;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_co95l_gg_[data-popper-placement^=left] .___SArrow_co95l_gg_,.___STooltip_co95l_gg_[data-popper-placement^=left] .___SArrow_co95l_gg_::before{left:100%;border-right:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_co95l_gg_[data-popper-placement^=left] .___SArrow_co95l_gg_::before{top:-6px;left:-7px}.___STooltip_co95l_gg_[data-popper-placement^=right] .___SArrow_co95l_gg_{right:100%;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_co95l_gg_[data-popper-placement^=right] .___SArrow_co95l_gg_::before{top:-6px;left:1px;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}" /*__inner_css_end__*/, "co95l_gg_") /*__reshadow_css_end__*/, {
-  "__STooltip": "___STooltip_co95l_gg_",
-  "_theme_default": "_theme_default_co95l_gg_",
-  "_theme_invert": "_theme_invert_co95l_gg_",
-  "_theme_warning": "_theme_warning_co95l_gg_",
-  "__SArrow": "___SArrow_co95l_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STooltip_klbia_gg_{position:relative;padding:var(--intergalactic-spacing-3x, 12px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);word-wrap:break-word;max-width:250px;font-weight:400;white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STooltip_klbia_gg_._theme_default_klbia_gg_{background-color:var(--intergalactic-tooltip-default, #ffffff);border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STooltip_klbia_gg_._theme_invert_klbia_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-tooltip-invert, #191b23);border:1px solid var(--intergalactic-border-tooltip-invert, #6c6e79)}.___STooltip_klbia_gg_._theme_warning_klbia_gg_{background-color:var(--intergalactic-tooltip-warning, #ffd7df);border:1px solid var(--intergalactic-border-critical-active, #d1002f)}.___STooltip_klbia_gg_[data-popper-reference-hidden]{visibility:hidden;pointer-events:none}.___SArrow_klbia_gg_,.___SArrow_klbia_gg_:before{position:absolute;border:6px solid}.___SArrow_klbia_gg_:before{content:\"\"}.___SArrow_klbia_gg_._theme_default_klbia_gg_{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SArrow_klbia_gg_._theme_default_klbia_gg_:before{border-color:var(--intergalactic-tooltip-default, #ffffff)}.___SArrow_klbia_gg_._theme_invert_klbia_gg_{border-color:var(--intergalactic-border-tooltip-invert, #6c6e79)}.___SArrow_klbia_gg_._theme_invert_klbia_gg_::before{border-color:var(--intergalactic-tooltip-invert, #191b23)}.___SArrow_klbia_gg_._theme_warning_klbia_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SArrow_klbia_gg_._theme_warning_klbia_gg_::before{border-color:var(--intergalactic-tooltip-warning, #ffd7df)}.___STooltip_klbia_gg_[data-popper-placement^=top] .___SArrow_klbia_gg_,.___STooltip_klbia_gg_[data-popper-placement^=top] .___SArrow_klbia_gg_::before{top:100%;border-bottom:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_klbia_gg_[data-popper-placement^=top] .___SArrow_klbia_gg_::before{top:-7px;left:-6px}.___STooltip_klbia_gg_[data-popper-placement^=bottom] .___SArrow_klbia_gg_{bottom:100%;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_klbia_gg_[data-popper-placement^=bottom] .___SArrow_klbia_gg_::before{top:1px;left:-6px;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_klbia_gg_[data-popper-placement^=left] .___SArrow_klbia_gg_,.___STooltip_klbia_gg_[data-popper-placement^=left] .___SArrow_klbia_gg_::before{left:100%;border-right:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_klbia_gg_[data-popper-placement^=left] .___SArrow_klbia_gg_::before{top:-6px;left:-7px}.___STooltip_klbia_gg_[data-popper-placement^=right] .___SArrow_klbia_gg_{right:100%;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_klbia_gg_[data-popper-placement^=right] .___SArrow_klbia_gg_::before{top:-6px;left:1px;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltipPortalledWrapper_klbia_gg_{position:relative;z-index:var(--intergalactic-z-index-tooltip, 800)}.___STooltipPortalledWrapper_klbia_gg_.__zIndex_klbia_gg_{z-index:var(--zIndex_klbia)}" /*__inner_css_end__*/, "klbia_gg_") /*__reshadow_css_end__*/, {
+  "__STooltip": "___STooltip_klbia_gg_",
+  "_theme_default": "_theme_default_klbia_gg_",
+  "_theme_invert": "_theme_invert_klbia_gg_",
+  "_theme_warning": "_theme_warning_klbia_gg_",
+  "__STooltipPortalledWrapper": "___STooltipPortalledWrapper_klbia_gg_",
+  "_zIndex": "__zIndex_klbia_gg_",
+  "--zIndex": "--zIndex_klbia",
+  "__SArrow": "___SArrow_klbia_gg_"
 });
 var Popper = _popper["default"][_core.CREATE_COMPONENT]();
+var defaultProps = {
+  theme: 'default',
+  placement: 'top',
+  interaction: 'hover',
+  timeout: [100, 50],
+  offset: [0, 10],
+  flip: {
+    flipVariations: true,
+    flipVariationsByContent: true
+  },
+  defaultVisible: false,
+  focusLoop: false,
+  liveRegion: true
+};
 var TooltipRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(TooltipRoot, _Component);
   var _super = (0, _createSuper2["default"])(TooltipRoot);
@@ -46,6 +65,10 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
       popperChildren: null
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "subcomponents", [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "defaultChildren", function (title, Children, props) {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Tooltip.Trigger, props, /*#__PURE__*/_react["default"].createElement(Children, null)), /*#__PURE__*/_react["default"].createElement(Tooltip.Popper, null, title));
+    });
     return _this;
   }
   (0, _createClass2["default"])(TooltipRoot, [{
@@ -61,17 +84,17 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
       var _this$asProps = this.asProps,
         uid = _this$asProps.uid,
         visible = _this$asProps.visible,
-        interaction = _this$asProps.interaction,
-        disabled = _this$asProps.disabled;
-      var ariaHasPopup = 'true';
-      if (interaction === 'hover' || disabled) {
-        ariaHasPopup = 'false';
-      }
+        theme = _this$asProps.theme,
+        liveRegion = _this$asProps.liveRegion;
       var popperId = visible ? "igc-".concat(uid, "-popper") : undefined;
+      var ariaLive = theme === 'warning' ? 'assertive' : 'polite';
+      if (!liveRegion) {
+        ariaLive = undefined;
+      }
       return {
         'aria-describedby': popperId,
         popperId: popperId,
-        'aria-haspopup': ariaHasPopup
+        'aria-live': ariaLive
       };
     }
   }, {
@@ -90,7 +113,8 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
         disablePortal: disablePortal,
         ignorePortalsStacking: ignorePortalsStacking,
         interaction: interaction,
-        resolveColor: resolveColor
+        resolveColor: resolveColor,
+        role: 'tooltip'
       };
     }
   }, {
@@ -103,10 +127,11 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
         offset = _this$asProps3.offset,
         forcedAdvancedMode = _this$asProps3.forcedAdvancedMode,
         other = (0, _objectWithoutProperties2["default"])(_this$asProps3, _excluded);
-      var advancedMode = forcedAdvancedMode || (0, _findComponent.isAdvanceMode)(Children, [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);
+      var advancedMode = forcedAdvancedMode || (0, _findComponent.isAdvanceMode)(Children, this.subcomponents);
       _logger["default"].warn(title && advancedMode, "You can't use 'title' and '<Tooltip.Trigger/>/<Tooltip.Popper/>' at the same time", other['data-ui-name'] || Tooltip.displayName);
-      _logger["default"].warn(other.interaction !== 'hover', "You shouldn't use prop `interaction` except with `hover` value.", other['data-ui-name'] || Tooltip.displayName);
-      return /*#__PURE__*/_react["default"].createElement(Popper, (0, _core.assignProps)({}, _ref), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, null) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Tooltip.Trigger, other, /*#__PURE__*/_react["default"].createElement(Children, null)), /*#__PURE__*/_react["default"].createElement(Tooltip.Popper, null, title)));
+      return /*#__PURE__*/_react["default"].createElement(Popper, (0, _core.assignProps)({
+        "onVisibleChange": this.handlePopperVisibleChange
+      }, _ref), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, null) : this.defaultChildren(title, Children, other));
     }
   }]);
   return TooltipRoot;
@@ -114,19 +139,7 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(TooltipRoot, "displayName", 'Tooltip');
 (0, _defineProperty2["default"])(TooltipRoot, "style", style);
 (0, _defineProperty2["default"])(TooltipRoot, "enhance", [(0, _uniqueID["default"])(), (0, _resolveColorEnhance["default"])()]);
-(0, _defineProperty2["default"])(TooltipRoot, "defaultProps", {
-  theme: 'default',
-  placement: 'top',
-  interaction: 'hover',
-  timeout: [100, 50],
-  offset: [0, 10],
-  flip: {
-    flipVariations: true,
-    flipVariationsByContent: true
-  },
-  defaultVisible: false,
-  focusLoop: false
-});
+(0, _defineProperty2["default"])(TooltipRoot, "defaultProps", (0, _objectSpread2["default"])({}, defaultProps));
 function TooltipTrigger(props) {
   var _ref2 = arguments[0],
     _ref4;
@@ -145,29 +158,145 @@ function TooltipPopper(props) {
     theme = props.theme,
     resolveColor = props.resolveColor,
     disablePortal = props.disablePortal,
-    ignorePortalsStacking = props.ignorePortalsStacking;
+    ignorePortalsStacking = props.ignorePortalsStacking,
+    ariaLive = props['aria-live'],
+    zIndex = props.zIndex;
   var STooltip = Popper.Popper;
   var SArrow = _flexBox.Box;
+  var STooltipPortalledWrapper = 'div';
   return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_portal["default"], _ref5.cn("Portal", {
     "disablePortal": disablePortal,
     "ignorePortalsStacking": ignorePortalsStacking
-  }), /*#__PURE__*/_react["default"].createElement("div", _ref5.cn("div", {
-    "aria-live": theme === 'warning' ? 'assertive' : 'polite'
+  }), /*#__PURE__*/_react["default"].createElement(STooltipPortalledWrapper, _ref5.cn("STooltipPortalledWrapper", {
+    "aria-live": ariaLive,
+    "zIndex": zIndex
   }), /*#__PURE__*/_react["default"].createElement(STooltip, _ref5.cn("STooltip", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "use:disablePortal": true,
-    "role": 'tooltip',
-    "use:theme": resolveColor(theme)
+    "use:theme": resolveColor(theme),
+    "use:aria-live": undefined
   }, _ref3))), /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})), /*#__PURE__*/_react["default"].createElement(SArrow, _ref5.cn("SArrow", {
     "data-popper-arrow": true,
     "use:theme": resolveColor(theme)
   })))));
 }
+var HintRoot = /*#__PURE__*/function (_TooltipRoot) {
+  (0, _inherits2["default"])(HintRoot, _TooltipRoot);
+  var _super2 = (0, _createSuper2["default"])(HintRoot);
+  function HintRoot() {
+    var _this2;
+    (0, _classCallCheck2["default"])(this, HintRoot);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    _this2 = _super2.call.apply(_super2, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "subcomponents", [Hint.Trigger.displayName, Hint.Popper.displayName]);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "defaultChildren", function (title, Children, props) {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Hint.Trigger, props, /*#__PURE__*/_react["default"].createElement(Children, null)), /*#__PURE__*/_react["default"].createElement(Hint.Popper, null, title));
+    });
+    return _this2;
+  }
+  (0, _createClass2["default"])(HintRoot, [{
+    key: "getTriggerProps",
+    value: function getTriggerProps() {
+      var props = (0, _get2["default"])((0, _getPrototypeOf2["default"])(HintRoot.prototype), "getTriggerProps", this).call(this);
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+        'aria-describedby': undefined,
+        'aria-label': this.asProps.title
+      });
+    }
+  }, {
+    key: "getPopperProps",
+    value: function getPopperProps() {
+      var props = (0, _get2["default"])((0, _getPrototypeOf2["default"])(HintRoot.prototype), "getPopperProps", this).call(this);
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+        'aria-hidden': true,
+        role: undefined,
+        children: this.asProps.title
+      });
+    }
+  }]);
+  return HintRoot;
+}(TooltipRoot);
+(0, _defineProperty2["default"])(HintRoot, "displayName", 'Hint');
+(0, _defineProperty2["default"])(HintRoot, "style", style);
+(0, _defineProperty2["default"])(HintRoot, "enhance", [(0, _uniqueID["default"])(), (0, _resolveColorEnhance["default"])()]);
+(0, _defineProperty2["default"])(HintRoot, "defaultProps", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defaultProps), {}, {
+  liveRegion: false
+}));
+var DescriptionTooltipRoot = /*#__PURE__*/function (_TooltipRoot2) {
+  (0, _inherits2["default"])(DescriptionTooltipRoot, _TooltipRoot2);
+  var _super3 = (0, _createSuper2["default"])(DescriptionTooltipRoot);
+  function DescriptionTooltipRoot() {
+    var _this3;
+    (0, _classCallCheck2["default"])(this, DescriptionTooltipRoot);
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    _this3 = _super3.call.apply(_super3, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "popperRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "subcomponents", [DescriptionTooltip.Trigger.displayName, DescriptionTooltip.Popper.displayName]);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "defaultChildren", function (title, Children, props) {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Hint.Trigger, props, /*#__PURE__*/_react["default"].createElement(Children, null)), /*#__PURE__*/_react["default"].createElement(Hint.Popper, null, title));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "handlePopperVisibleChange", function (visible) {
+      if (visible) {
+        setTimeout(function () {
+          _this3.popperRef.current.focus();
+        }, 0);
+      }
+    });
+    return _this3;
+  }
+  (0, _createClass2["default"])(DescriptionTooltipRoot, [{
+    key: "getTriggerProps",
+    value: function getTriggerProps() {
+      var props = (0, _get2["default"])((0, _getPrototypeOf2["default"])(DescriptionTooltipRoot.prototype), "getTriggerProps", this).call(this);
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+        'aria-haspopup': !(this.asProps.disabled || props.disabled),
+        'aria-expanded': this.asProps.visible,
+        'aria-describedby': undefined,
+        onKeyDownCapture: this.handleTriggerKeyDown
+      });
+    }
+  }, {
+    key: "getPopperProps",
+    value: function getPopperProps() {
+      var props = (0, _get2["default"])((0, _getPrototypeOf2["default"])(DescriptionTooltipRoot.prototype), "getPopperProps", this).call(this);
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+        ref: this.popperRef
+      });
+    }
+  }]);
+  return DescriptionTooltipRoot;
+}(TooltipRoot);
+(0, _defineProperty2["default"])(DescriptionTooltipRoot, "displayName", 'DescriptionTooltip');
+(0, _defineProperty2["default"])(DescriptionTooltipRoot, "style", style);
+(0, _defineProperty2["default"])(DescriptionTooltipRoot, "enhance", [(0, _uniqueID["default"])(), (0, _resolveColorEnhance["default"])()]);
+(0, _defineProperty2["default"])(DescriptionTooltipRoot, "defaultProps", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defaultProps), {}, {
+  liveRegion: false,
+  interaction: 'click'
+}));
+var Hint = (0, _core["default"])(HintRoot, {
+  Trigger: TooltipTrigger,
+  Popper: TooltipPopper
+}, {
+  parent: Popper
+});
+exports.Hint = Hint;
 var Tooltip = (0, _core["default"])(TooltipRoot, {
   Trigger: TooltipTrigger,
   Popper: TooltipPopper
 }, {
   parent: Popper
 });
+exports.Tooltip = Tooltip;
+var DescriptionTooltip = (0, _core["default"])(DescriptionTooltipRoot, {
+  Trigger: TooltipTrigger,
+  Popper: TooltipPopper
+}, {
+  parent: Popper
+});
+exports.DescriptionTooltip = DescriptionTooltip;
 var _default = Tooltip;
 exports["default"] = _default;
 //# sourceMappingURL=Tooltip.js.map

package/tooltip/lib/cjs/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_popper","_flexBox","_resolveColorEnhance","_findComponent","_logger","_uniqueID","_portal","_excluded","style","sstyled","insert","Popper","PopperOrigin","CREATE_COMPONENT","TooltipRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","popperChildren","_createClass2","key","value","uncontrolledProps","visible","getTriggerProps","_this$asProps","asProps","uid","interaction","disabled","ariaHasPopup","popperId","undefined","getPopperProps","_this$asProps2","theme","disablePortal","ignorePortalsStacking","resolveColor","id","render","_ref","_this$asProps3","Children","title","offset","forcedAdvancedMode","other","_objectWithoutProperties2","advancedMode","isAdvanceMode","Tooltip","Trigger","displayName","logger","warn","createElement","assignProps","Fragment","Component","uniqueIDEnhancement","resolveColorEnhance","placement","timeout","flip","flipVariations","flipVariationsByContent","defaultVisible","focusLoop","TooltipTrigger","props","_ref2","arguments[0]","_ref4","styles","STrigger","cn","_objectSpread2","TooltipPopper","_ref3","_ref5","STooltip","SArrow","Box","createComponent","parent","_default","exports"],"sources":["../../src/Tooltip.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CREATE_COMPONENT, sstyled, Root } from '@semcore/core';\nimport PopperOrigin from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport logger from '@semcore/utils/lib/logger';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport Portal from '@semcore/portal';\n\nimport style from './style/tooltip.shadow.css';\n\nconst Popper = PopperOrigin[CREATE_COMPONENT]();\n\nclass TooltipRoot extends Component {\n  static displayName = 'Tooltip';\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), resolveColorEnhance()];\n  static defaultProps = {\n    theme: 'default',\n    placement: 'top',\n    interaction: 'hover',\n    timeout: [100, 50],\n    offset: [0, 10],\n    flip: {\n      flipVariations: true,\n      flipVariationsByContent: true,\n    },\n    defaultVisible: false,\n    focusLoop: false,\n  };\n  state = { popperChildren: null };\n\n  uncontrolledProps() {\n    return {\n      visible: null,\n    };\n  }\n\n  getTriggerProps() {\n    const { uid, visible, interaction, disabled } = this.asProps;\n\n    let ariaHasPopup = 'true';\n\n    if (interaction === 'hover' || disabled) {\n      ariaHasPopup = 'false';\n    }\n\n    const popperId = visible ? `igc-${uid}-popper` : undefined;\n\n    return {\n      'aria-describedby': popperId,\n      popperId,\n      'aria-haspopup': ariaHasPopup,\n    };\n  }\n\n  getPopperProps() {\n    const { theme, uid, disablePortal, ignorePortalsStacking, interaction, resolveColor } =\n      this.asProps;\n    return {\n      id: `igc-${uid}-popper`,\n      theme,\n      disablePortal,\n      ignorePortalsStacking,\n      interaction,\n      resolveColor,\n    };\n  }\n\n  render() {\n    const { Children, title, offset, forcedAdvancedMode, ...other } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);\n\n    logger.warn(\n      title && advancedMode,\n      \"You can't use 'title' and '<Tooltip.Trigger/>/<Tooltip.Popper/>' at the same time\",\n      other['data-ui-name'] || Tooltip.displayName,\n    );\n\n    logger.warn(\n      other.interaction !== 'hover',\n      \"You shouldn't use prop `interaction` except with `hover` value.\",\n      other['data-ui-name'] || Tooltip.displayName,\n    );\n\n    return (\n      <Root render={Popper}>\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <>\n            <Tooltip.Trigger {...other}>\n              <Children />\n            </Tooltip.Trigger>\n            <Tooltip.Popper>{title}</Tooltip.Popper>\n          </>\n        )}\n      </Root>\n    );\n  }\n}\n\nfunction TooltipTrigger(props) {\n  const { Children, styles } = props;\n  const STrigger = Root;\n\n  return sstyled(styles)(\n    <STrigger render={Popper.Trigger} role={undefined}>\n      <Children />\n    </STrigger>,\n  );\n}\n\nfunction TooltipPopper(props) {\n  const { Children, styles, theme, resolveColor, disablePortal, ignorePortalsStacking } = props;\n  const STooltip = Root;\n  const SArrow = Box;\n\n  return sstyled(styles)(\n    <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n      <div aria-live={theme === 'warning' ? 'assertive' : 'polite'}>\n        <STooltip\n          render={Popper.Popper}\n          use:disablePortal\n          role='tooltip'\n          use:theme={resolveColor(theme)}\n        >\n          <Children />\n          <SArrow data-popper-arrow use:theme={resolveColor(theme)} />\n        </STooltip>\n      </div>\n    </Portal>,\n  );\n}\n\nconst Tooltip = createComponent(\n  TooltipRoot,\n  {\n    Trigger: TooltipTrigger,\n    Popper: TooltipPopper,\n  },\n  {\n    parent: Popper,\n  },\n);\n\nexport default Tooltip;\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_popper","_flexBox","_resolveColorEnhance","_findComponent","_logger","_uniqueID","_portal","_excluded","style","sstyled","insert","Popper","PopperOrigin","CREATE_COMPONENT","defaultProps","theme","placement","interaction","timeout","offset","flip","flipVariations","flipVariationsByContent","defaultVisible","focusLoop","liveRegion","TooltipRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","popperChildren","Tooltip","Trigger","displayName","title","Children","props","createElement","Fragment","_createClass2","key","value","uncontrolledProps","visible","getTriggerProps","_this$asProps","asProps","uid","popperId","undefined","ariaLive","getPopperProps","_this$asProps2","disablePortal","ignorePortalsStacking","resolveColor","id","role","render","_ref","_this$asProps3","forcedAdvancedMode","other","_objectWithoutProperties2","advancedMode","isAdvanceMode","subcomponents","logger","warn","assignProps","handlePopperVisibleChange","defaultChildren","Component","uniqueIDEnhancement","resolveColorEnhance","_objectSpread2","TooltipTrigger","_ref2","arguments[0]","_ref4","styles","STrigger","cn","TooltipPopper","_ref3","_ref5","zIndex","STooltip","SArrow","Box","STooltipPortalledWrapper","HintRoot","_TooltipRoot","_super2","_this2","_len2","_key2","Hint","_get2","_getPrototypeOf2","prototype","children","DescriptionTooltipRoot","_TooltipRoot2","_super3","_this3","_len3","_key3","React","createRef","DescriptionTooltip","setTimeout","popperRef","current","focus","disabled","onKeyDownCapture","handleTriggerKeyDown","ref","createComponent","parent","exports","_default"],"sources":["../../src/Tooltip.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CREATE_COMPONENT, sstyled, Root } from '@semcore/core';\nimport PopperOrigin from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport logger from '@semcore/utils/lib/logger';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport Portal from '@semcore/portal';\n\nimport style from './style/tooltip.shadow.css';\n\nconst Popper = PopperOrigin[CREATE_COMPONENT]();\n\nconst defaultProps = {\n  theme: 'default',\n  placement: 'top',\n  interaction: 'hover',\n  timeout: [100, 50],\n  offset: [0, 10],\n  flip: {\n    flipVariations: true,\n    flipVariationsByContent: true,\n  },\n  defaultVisible: false,\n  focusLoop: false,\n  liveRegion: true,\n};\n\nclass TooltipRoot extends Component {\n  static displayName = 'Tooltip';\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), resolveColorEnhance()];\n  static defaultProps = { ...defaultProps };\n  state = { popperChildren: null };\n  subcomponents = [Tooltip.Trigger.displayName, Tooltip.Popper.displayName];\n  defaultChildren = (title, Children, props) => (\n    <>\n      <Tooltip.Trigger {...props}>\n        <Children />\n      </Tooltip.Trigger>\n      <Tooltip.Popper>{title}</Tooltip.Popper>\n    </>\n  );\n\n  uncontrolledProps() {\n    return {\n      visible: null,\n    };\n  }\n\n  getTriggerProps() {\n    const { uid, visible, theme, liveRegion } = this.asProps;\n\n    const popperId = visible ? `igc-${uid}-popper` : undefined;\n    let ariaLive = theme === 'warning' ? 'assertive' : 'polite';\n    if (!liveRegion) {\n      ariaLive = undefined;\n    }\n\n    return {\n      'aria-describedby': popperId,\n      popperId,\n      'aria-live': ariaLive,\n    };\n  }\n\n  getPopperProps() {\n    const { theme, uid, disablePortal, ignorePortalsStacking, interaction, resolveColor } =\n      this.asProps;\n    return {\n      id: `igc-${uid}-popper`,\n      theme,\n      disablePortal,\n      ignorePortalsStacking,\n      interaction,\n      resolveColor,\n      role: 'tooltip',\n    };\n  }\n\n  render() {\n    const { Children, title, offset, forcedAdvancedMode, ...other } = this.asProps;\n\n    const advancedMode = forcedAdvancedMode || isAdvanceMode(Children, this.subcomponents);\n\n    logger.warn(\n      title && advancedMode,\n      \"You can't use 'title' and '<Tooltip.Trigger/>/<Tooltip.Popper/>' at the same time\",\n      other['data-ui-name'] || Tooltip.displayName,\n    );\n\n    return (\n      <Root render={Popper} onVisibleChange={this.handlePopperVisibleChange}>\n        {advancedMode ? <Children /> : this.defaultChildren(title, Children, other)}\n      </Root>\n    );\n  }\n}\n\nfunction TooltipTrigger(props) {\n  const { Children, styles } = props;\n  const STrigger = Root;\n\n  return sstyled(styles)(\n    <STrigger render={Popper.Trigger} role={undefined}>\n      <Children />\n    </STrigger>,\n  );\n}\n\nfunction TooltipPopper(props) {\n  const {\n    Children,\n    styles,\n    theme,\n    resolveColor,\n    disablePortal,\n    ignorePortalsStacking,\n    'aria-live': ariaLive,\n    zIndex,\n  } = props;\n  const STooltip = Root;\n  const SArrow = Box;\n  const STooltipPortalledWrapper = 'div';\n\n  return sstyled(styles)(\n    <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n      <STooltipPortalledWrapper aria-live={ariaLive} zIndex={zIndex}>\n        <STooltip\n          render={Popper.Popper}\n          use:disablePortal\n          use:theme={resolveColor(theme)}\n          use:aria-live={undefined}\n        >\n          <Children />\n          <SArrow data-popper-arrow use:theme={resolveColor(theme)} />\n        </STooltip>\n      </STooltipPortalledWrapper>\n    </Portal>,\n  );\n}\n\nclass HintRoot extends TooltipRoot {\n  static displayName = 'Hint';\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), resolveColorEnhance()];\n  static defaultProps = {\n    ...defaultProps,\n    liveRegion: false,\n  };\n  subcomponents = [Hint.Trigger.displayName, Hint.Popper.displayName];\n  defaultChildren = (title, Children, props) => (\n    <>\n      <Hint.Trigger {...props}>\n        <Children />\n      </Hint.Trigger>\n      <Hint.Popper>{title}</Hint.Popper>\n    </>\n  );\n\n  getTriggerProps() {\n    const props = super.getTriggerProps();\n    return {\n      ...props,\n      'aria-describedby': undefined,\n      'aria-label': this.asProps.title,\n    };\n  }\n\n  getPopperProps() {\n    const props = super.getPopperProps();\n    return {\n      ...props,\n      'aria-hidden': true,\n      role: undefined,\n      children: this.asProps.title,\n    };\n  }\n}\n\nclass DescriptionTooltipRoot extends TooltipRoot {\n  static displayName = 'DescriptionTooltip';\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), resolveColorEnhance()];\n  static defaultProps = {\n    ...defaultProps,\n    liveRegion: false,\n    interaction: 'click',\n  };\n  popperRef = React.createRef();\n  subcomponents = [DescriptionTooltip.Trigger.displayName, DescriptionTooltip.Popper.displayName];\n  defaultChildren = (title, Children, props) => (\n    <>\n      <Hint.Trigger {...props}>\n        <Children />\n      </Hint.Trigger>\n      <Hint.Popper>{title}</Hint.Popper>\n    </>\n  );\n  handlePopperVisibleChange = (visible) => {\n    if (visible) {\n      setTimeout(() => {\n        this.popperRef.current.focus();\n      }, 0);\n    }\n  };\n\n  getTriggerProps() {\n    const props = super.getTriggerProps();\n    return {\n      ...props,\n      'aria-haspopup': !(this.asProps.disabled || props.disabled),\n      'aria-expanded': this.asProps.visible,\n      'aria-describedby': undefined,\n      onKeyDownCapture: this.handleTriggerKeyDown,\n    };\n  }\n\n  getPopperProps() {\n    const props = super.getPopperProps();\n    return {\n      ...props,\n      ref: this.popperRef,\n    };\n  }\n}\n\nexport const Hint = createComponent(\n  HintRoot,\n  {\n    Trigger: TooltipTrigger,\n    Popper: TooltipPopper,\n  },\n  {\n    parent: Popper,\n  },\n);\n\nexport const Tooltip = createComponent(\n  TooltipRoot,\n  {\n    Trigger: TooltipTrigger,\n    Popper: TooltipPopper,\n  },\n  {\n    parent: Popper,\n  },\n);\n\nexport const DescriptionTooltip = createComponent(\n  DescriptionTooltipRoot,\n  {\n    Trigger: TooltipTrigger,\n    Popper: TooltipPopper,\n  },\n  {\n    parent: Popper,\n  },\n);\n\nexport default Tooltip;\n"],"mappings":"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"}

package/tooltip/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport Popper, {\n  PopperContext,\n  PopperProps,\n  PopperTriggerProps,\n  eventInteraction,\n} from '@semcore/popper';\n\n/** @deprecated */\nexport interface ITooltipProps extends TooltipProps, UnknownProperties {}\nexport type TooltipProps = Intergalactic.InternalTypings.EfficientOmit<PopperProps, 'interaction'> &\n  PopperTriggerProps & {\n    /**\n     * Tooltip text\n     */\n    title?: React.ReactNode;\n    /**\n     * Tooltip theme. You can use the default themes or create your own\n     * @default default\n     */\n    theme?: 'default' | 'warning' | 'invert';\n\n    /**\n     * Tooltip should have only one interaction - `hover`. You shouldn't use it with another interactions.\n     * We'll delete this prop in next major release.\n     */\n    interaction?:\n      | 'hover'\n      | 'click' /** @deprecated */\n      | 'focus' /** @deprecated */\n      | 'none' /** @deprecated */\n      | eventInteraction /** @deprecated */;\n  };\n\nexport type TooltipTriggerContext = PopperContext & {\n  popperId?: string;\n};\n/** @deprecated */\nexport interface ITooltipContext extends TooltipContext, UnknownProperties {}\nexport type TooltipContext = PopperContext & {};\n\ndeclare const Tooltip: Intergalactic.Component<'div', TooltipProps, TooltipContext> & {\n  Trigger: Intergalactic.Component<'div', PopperTriggerProps, TooltipTriggerContext>;\n  Popper: Intergalactic.Component<'div', TooltipProps, TooltipContext>;\n};\n\nexport default Tooltip;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport Popper, {\n  PopperContext,\n  PopperProps,\n  PopperTriggerProps,\n  eventInteraction,\n} from '@semcore/popper';\n\n/** @deprecated */\nexport interface ITooltipProps extends TooltipProps, UnknownProperties {}\nexport type TooltipProps = Intergalactic.InternalTypings.EfficientOmit<PopperProps, 'interaction'> &\n  PopperTriggerProps & {\n    /**\n     * Tooltip text\n     */\n    title?: React.ReactNode;\n    /**\n     * Tooltip theme. You can use the default themes or create your own\n     * @default default\n     */\n    theme?: 'default' | 'warning' | 'invert';\n\n    /**\n     * Tooltip should have only one interaction - `hover`. You shouldn't use it with another interactions.\n     * We'll delete this prop in next major release.\n     */\n    interaction?:\n      | 'hover'\n      | 'click' /** @deprecated */\n      | 'focus' /** @deprecated */\n      | 'none' /** @deprecated */\n      | eventInteraction /** @deprecated */;\n  };\n\nexport type TooltipTriggerContext = PopperContext & {\n  popperId?: string;\n};\n/** @deprecated */\nexport interface ITooltipContext extends TooltipContext, UnknownProperties {}\nexport type TooltipContext = PopperContext & {};\n\ndeclare const Tooltip: Intergalactic.Component<'div', TooltipProps, TooltipContext> & {\n  Trigger: Intergalactic.Component<'div', PopperTriggerProps, TooltipTriggerContext>;\n  Popper: Intergalactic.Component<'div', TooltipProps, TooltipContext>;\n};\n\nexport type HintProps = Intergalactic.InternalTypings.EfficientOmit<PopperProps, 'interaction'> &\n  PopperTriggerProps & {\n    /**\n     * Tooltip text\n     */\n    title?: string;\n    /**\n     * Tooltip theme. You can use the default themes or create your own\n     * @default default\n     */\n    theme?: 'default' | 'warning' | 'invert';\n\n    /**\n     * Tooltip should have only one interaction - `hover`. You shouldn't use it with another interactions.\n     * We'll delete this prop in next major release.\n     */\n    interaction?: 'hover' | 'focus';\n  };\nexport type HintPopperProps = Intergalactic.InternalTypings.EfficientOmit<HintProps, 'title'>;\n\ndeclare const Hint: Intergalactic.Component<'div', HintProps, TooltipTriggerContext> & {\n  Trigger: Intergalactic.Component<'div', PopperTriggerProps, TooltipTriggerContext>;\n  Popper: Intergalactic.Component<'div', HintPopperProps, TooltipContext>;\n};\n\nexport type DescriptionTooltipProps = Intergalactic.InternalTypings.EfficientOmit<\n  PopperProps,\n  'interaction'\n> &\n  PopperTriggerProps & {\n    /**\n     * Tooltip theme. You can use the default themes or create your own\n     * @default default\n     */\n    theme?: 'default' | 'warning' | 'invert';\n\n    /**\n     * Tooltip should have only one interaction - `hover`. You shouldn't use it with another interactions.\n     * We'll delete this prop in next major release.\n     */\n    interaction?: 'hover' | 'click';\n  };\n\ndeclare const DescriptionTooltip: Intergalactic.Component<\n  'div',\n  DescriptionTooltipProps,\n  TooltipTriggerContext\n> & {\n  Trigger: Intergalactic.Component<'div', PopperTriggerProps, TooltipTriggerContext>;\n  Popper: Intergalactic.Component<'div', DescriptionTooltipProps, TooltipContext>;\n};\n\nexport default Tooltip;\nexport { Hint, DescriptionTooltip };\n"],"mappings":""}

package/tooltip/lib/cjs/index.js

@@ -1,14 +1,26 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "DescriptionTooltip", {
+  enumerable: true,
+  get: function get() {
+    return _Tooltip.DescriptionTooltip;
+  }
+});
+Object.defineProperty(exports, "Hint", {
+  enumerable: true,
+  get: function get() {
+    return _Tooltip.Hint;
+  }
+});
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _Tooltip["default"];
   }
 });
-var _Tooltip = _interopRequireDefault(require("./Tooltip"));
+var _Tooltip = _interopRequireWildcard(require("./Tooltip"));
 //# sourceMappingURL=index.js.map

package/tooltip/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Tooltip","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Tooltip';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA"}
+{"version":3,"file":"index.js","names":["_Tooltip","_interopRequireWildcard","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default, Hint, DescriptionTooltip } from './Tooltip';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,uBAAA,CAAAC,OAAA"}

package/tooltip/lib/cjs/style/tooltip.shadow.css

@@ -135,4 +135,13 @@ STooltip[data-popper-placement^='right'] SArrow {
     border-top-color: transparent !important;
     border-bottom-color: transparent !important;
   }
+}
+
+STooltipPortalledWrapper {
+  position: relative;
+  z-index: var(--intergalactic-z-index-tooltip, 800);
+}
+
+STooltipPortalledWrapper[zIndex] {
+  z-index: var(--zIndex);
 }