@quintoandar-tokko/tooltip 1.0.129

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 One Loop
+
+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/lib/index.js

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tooltip = exports.ParentTooltip = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _core = require("@popperjs/core");
+var _box = require("@quintoandar-tokko/box");
+var _hooks = require("@quintoandar-tokko/hooks");
+var _excluded = ["children", "setHover", "hover", "placement", "offset"],
+  _excluded2 = ["parentId", "childrenId", "variant", "txVariant", "placement", "offset", "arrow"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var ParentTooltip = exports.ParentTooltip = function ParentTooltip(_ref) {
+  var children = _ref.children,
+    setHover = _ref.setHover,
+    hover = _ref.hover,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'right' : _ref$placement,
+    _ref$offset = _ref.offset,
+    offset = _ref$offset === void 0 ? 8 : _ref$offset,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var styles = {
+    position: 'absolute',
+    width: offset + 'px'
+  };
+  if ((typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object' && document !== undefined && document.getElementById(props.id) !== null) {
+    var values = document.getElementById(props.id).getBoundingClientRect();
+    if (placement === 'right') {
+      styles = {
+        position: 'fixed',
+        width: offset + 'px',
+        height: values.height,
+        marginLeft: values.width
+      };
+    } else if (placement === 'bottom') {
+      styles = {
+        position: 'fixed',
+        width: values.width,
+        height: offset + 'px',
+        marginTop: values.width
+      };
+    } else if (placement === 'left') {
+      styles = {
+        position: 'fixed',
+        width: offset + 'px',
+        height: values.height,
+        marginLeft: -offset + 'px'
+      };
+    } else if (placement === 'top') {
+      styles = {
+        position: 'fixed',
+        width: values.width,
+        height: offset + 'px',
+        marginTop: -offset + 'px'
+      };
+    }
+  }
+  return /*#__PURE__*/_react["default"].createElement(_box.Box, {
+    sx: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_box.Box, _extends({}, props, {
+    __css: {
+      display: 'flex',
+      width: 'fit-content'
+    }
+  }), children, hover && /*#__PURE__*/_react["default"].createElement("div", {
+    id: 'join' + props.id,
+    role: 'join' + props.id,
+    onMouseOut: function onMouseOut(e) {
+      return setHover((0, _hooks.isMouseOutJoin)(e, 'join' + props.id, placement));
+    },
+    style: styles
+  })));
+};
+var Tooltip = exports.Tooltip = function Tooltip(_ref2) {
+  var parentId = _ref2.parentId,
+    childrenId = _ref2.childrenId,
+    _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? 'tooltip' : _ref2$variant,
+    _ref2$txVariant = _ref2.txVariant,
+    txVariant = _ref2$txVariant === void 0 ? 'arrowTooltip' : _ref2$txVariant,
+    _ref2$placement = _ref2.placement,
+    placement = _ref2$placement === void 0 ? 'right' : _ref2$placement,
+    _ref2$offset = _ref2.offset,
+    offset = _ref2$offset === void 0 ? 8 : _ref2$offset,
+    arrow = _ref2.arrow,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  var popcorn = (typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object' && document !== undefined ? document.querySelector('#' + parentId) : null;
+  var tooltip = (typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object' && document !== undefined ? document.querySelector('#' + childrenId) : null;
+  if (popcorn != null && tooltip != null) {
+    (0, _core.createPopper)(popcorn, tooltip, {
+      placement: placement,
+      modifiers: [{
+        name: 'offset',
+        options: {
+          offset: [0, offset]
+        }
+      }]
+    });
+  }
+  return /*#__PURE__*/_react["default"].createElement(_box.Box, {
+    sx: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_box.Box, _extends({
+    tx: "panelTooltip",
+    variant: variant
+  }, props, {
+    __css: {
+      appearance: 'none',
+      display: 'flex',
+      alignItems: 'flex-start',
+      border: 'none',
+      fontFamily: 'Nunito Sans',
+      justifyContent: 'center'
+    }
+  })), arrow && /*#__PURE__*/_react["default"].createElement(_box.Box, {
+    tx: txVariant,
+    variant: placement,
+    id: "arrow",
+    __css: {
+      position: 'absolute',
+      background: 'inherit',
+      transform: 'translate(-50%)'
+    },
+    "data-popper-arrow": true
+  }));
+};

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@quintoandar-tokko/tooltip",
+  "version": "1.0.129",
+  "main": "lib/index.js",
+  "module": "src/index.js",
+  "files": [
+    "lib"
+  ],
+  "dependencies": {
+    "@popperjs/core": "^2.11.5",
+    "@quintoandar-tokko/box": "^1.2.286",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "d33e426a17c29e62c8ea591ae6afa96300d55ad9"
+}