@mirai/ui 2.0.43 → 2.1.2

package/build/components/Tooltip/Tooltip.js

@@ -1,115 +1,94 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Tooltip = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-var _helpers = require("../../helpers");
-var _primitives = require("../../primitives");
-var _helpers2 = require("./helpers");
+var _helpers = require("./helpers");
 var _TooltipModule = _interopRequireDefault(require("./Tooltip.module.css"));
-var _excluded = ["children", "left", "pressable", "right", "Template", "text", "timestamp", "top", "visible", "onPress"],
-  _excluded2 = ["fixed", "testId"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var Tooltip = function Tooltip(_ref) {
-  var children = _ref.children,
-    propLeft = _ref.left,
-    _ref$pressable = _ref.pressable,
-    pressable = _ref$pressable === void 0 ? false : _ref$pressable,
-    propRight = _ref.right,
-    Template = _ref.Template,
-    text = _ref.text,
-    timestamp = _ref.timestamp,
-    propTop = _ref.top,
-    _ref$visible = _ref.visible,
-    propVisible = _ref$visible === void 0 ? false : _ref$visible,
-    _ref$onPress = _ref.onPress,
-    onPress = _ref$onPress === void 0 ? function () {} : _ref$onPress,
-    inherit = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(propVisible),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var _useState3 = (0, _react.useState)({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    position = _useState4[0],
-    setPosition = _useState4[1];
-  var contentRef = (0, _react.useRef)();
-  var ref = (0, _react.useRef)();
-  var fixed = inherit.fixed,
-    testId = inherit.testId,
-    others = _objectWithoutProperties(inherit, _excluded2);
-  var left = position.left,
-    right = position.right,
-    _position$top = position.top,
-    top = _position$top === void 0 ? propTop : _position$top;
-  (0, _react.useEffect)(function () {
+var _helpers2 = require("../../helpers");
+var _primitives = require("../../primitives");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
+const Tooltip = _ref => {
+  let {
+    children,
+    left: propLeft,
+    pressable = false,
+    right: propRight,
+    Template,
+    text,
+    timestamp,
+    top: propTop,
+    visible: propVisible = false,
+    onPress = () => {},
+    ...inherit
+  } = _ref;
+  const [visible, setVisible] = (0, _react.useState)(propVisible);
+  const [position, setPosition] = (0, _react.useState)({});
+  const contentRef = (0, _react.useRef)();
+  const ref = (0, _react.useRef)();
+  const {
+    fixed,
+    testId,
+    ...others
+  } = inherit;
+  const {
+    left,
+    right,
+    top = propTop
+  } = position;
+  (0, _react.useEffect)(() => {
     if (!pressable || !visible) return;
-    var handleClickOutside = function handleClickOutside() {
-      var _contentRef$current, _ref$current;
-      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        target = _ref2.target;
-      return !((_contentRef$current = contentRef.current) !== null && _contentRef$current !== void 0 && _contentRef$current.contains(target)) && !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(target)) && setVisible(false);
+    const handleClickOutside = function () {
+      let {
+        target
+      } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      return !contentRef.current?.contains(target) && !ref.current?.contains(target) && setVisible(false);
     };
     document.addEventListener('click', handleClickOutside, true);
-    return function () {
-      return document.removeEventListener('click', handleClickOutside, true);
-    };
+    return () => document.removeEventListener('click', handleClickOutside, true);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [visible]);
   return text || Template ? /*#__PURE__*/_react.default.createElement(_primitives.Layer, {
-    fixed: fixed,
-    testId: testId,
-    timestamp: timestamp,
-    top: top,
-    visible: visible,
+    fixed,
+    testId,
+    timestamp,
+    top,
+    visible,
     centered: true,
     forceRender: false,
     left: propLeft,
     right: propRight,
     tag: "tooltip",
     onPosition: setPosition
-  }, /*#__PURE__*/_react.default.createElement(pressable ? _primitives.View : _react.default.Fragment, _objectSpread({}, pressable ? {
-    ref: ref
-  } : undefined), _react.default.Children.map(children, function (child, index) {
-    var _objectSpread2;
-    return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread(_objectSpread({
-      key: index
-    }, child.props), {}, (_objectSpread2 = {
-      onClick: pressable ? function (event) {
+  }, /*#__PURE__*/_react.default.createElement(pressable ? _primitives.View : _react.default.Fragment, {
+    ...(pressable ? {
+      ref
+    } : undefined)
+  }, _react.default.Children.map(children, (child, index) => {
+    return /*#__PURE__*/_react.default.cloneElement(child, {
+      key: index,
+      ...child.props,
+      onClick: pressable ? event => {
         event.stopPropagation();
         setVisible(!visible);
         onPress(event, !visible);
-      } : undefined
-    }, _defineProperty(_objectSpread2, (0, _helpers2.isPressableInstance)(child) ? 'onEnter' : 'onMouseEnter', !pressable ? function () {
-      return setVisible(true);
-    } : undefined), _defineProperty(_objectSpread2, (0, _helpers2.isPressableInstance)(child) ? 'onLeave' : 'onMouseLeave', !pressable ? function () {
-      return setVisible(false);
-    } : undefined), _defineProperty(_objectSpread2, "className", (0, _helpers.styles)(_TooltipModule.default.dispatcher, child.props.className)), _defineProperty(_objectSpread2, "testId", testId ? "".concat(testId, "-dispatcher") : undefined), _objectSpread2)));
+      } : undefined,
+      [(0, _helpers.isPressableInstance)(child) ? 'onEnter' : 'onMouseEnter']: !pressable ? () => setVisible(true) : undefined,
+      [(0, _helpers.isPressableInstance)(child) ? 'onLeave' : 'onMouseLeave']: !pressable ? () => setVisible(false) : undefined,
+      className: (0, _helpers2.styles)(_TooltipModule.default.dispatcher, child.props.className),
+      testId: testId ? `${testId}-dispatcher` : undefined
+    });
   })), /*#__PURE__*/_react.default.createElement(_primitives.LayerContent, null, /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, pressable ? {
     ref: contentRef
   } : undefined, {
-    className: (0, _helpers.styles)(_TooltipModule.default.tooltip, (propLeft || propRight) && _TooltipModule.default.align, left && _TooltipModule.default.left, right && _TooltipModule.default.right, top ? _TooltipModule.default.top : _TooltipModule.default.bottom, others.className)
+    className: (0, _helpers2.styles)(_TooltipModule.default.tooltip, (propLeft || propRight) && _TooltipModule.default.align, left && _TooltipModule.default.left, right && _TooltipModule.default.right, top ? _TooltipModule.default.top : _TooltipModule.default.bottom, others.className)
   }), Template ? /*#__PURE__*/_react.default.createElement(Template, null) : /*#__PURE__*/_react.default.createElement(_primitives.Text, {
     bold: true,
     small: true,

package/build/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["Tooltip","children","propLeft","left","pressable","propRight","right","Template","text","timestamp","propTop","top","visible","propVisible","onPress","inherit","useState","setVisible","position","setPosition","contentRef","useRef","ref","fixed","testId","others","useEffect","handleClickOutside","target","current","contains","document","addEventListener","removeEventListener","React","createElement","View","Fragment","undefined","Children","map","child","index","cloneElement","key","props","onClick","event","stopPropagation","isPressableInstance","styles","style","dispatcher","className","tooltip","align","bottom","displayName","propTypes","PropTypes","node","isRequired","bool","oneOfType","func","string","number"],"sources":["../../../src/components/Tooltip/Tooltip.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState, useRef } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Layer, LayerContent, Text, View } from '../../primitives';\nimport { isPressableInstance } from './helpers';\nimport style from './Tooltip.module.css';\n\nconst Tooltip = ({\n  children,\n  left: propLeft,\n  pressable = false,\n  right: propRight,\n  Template,\n  text,\n  timestamp,\n  top: propTop,\n  visible: propVisible = false,\n  onPress = () => {},\n  ...inherit\n}) => {\n  const [visible, setVisible] = useState(propVisible);\n  const [position, setPosition] = useState({});\n  const contentRef = useRef();\n  const ref = useRef();\n\n  const { fixed, testId, ...others } = inherit;\n  const { left, right, top = propTop } = position;\n\n  useEffect(() => {\n    if (!pressable || !visible) return;\n\n    const handleClickOutside = ({ target } = {}) =>\n      !contentRef.current?.contains(target) && !ref.current?.contains(target) && setVisible(false);\n\n    document.addEventListener('click', handleClickOutside, true);\n\n    return () => document.removeEventListener('click', handleClickOutside, true);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [visible]);\n\n  return text || Template ? (\n    <Layer\n      {...{ fixed, testId, timestamp, top, visible }}\n      centered\n      forceRender={false}\n      left={propLeft}\n      right={propRight}\n      tag=\"tooltip\"\n      onPosition={setPosition}\n    >\n      {React.createElement(\n        pressable ? View : React.Fragment,\n        { ...(pressable ? { ref } : undefined) },\n        React.Children.map(children, (child, index) => {\n          return React.cloneElement(child, {\n            key: index,\n            ...child.props,\n            onClick: pressable\n              ? (event) => {\n                  event.stopPropagation();\n                  setVisible(!visible);\n                  onPress(event, !visible);\n                }\n              : undefined,\n            [isPressableInstance(child) ? 'onEnter' : 'onMouseEnter']: !pressable ? () => setVisible(true) : undefined,\n            [isPressableInstance(child) ? 'onLeave' : 'onMouseLeave']: !pressable ? () => setVisible(false) : undefined,\n            className: styles(style.dispatcher, child.props.className),\n            testId: testId ? `${testId}-dispatcher` : undefined,\n          });\n        }),\n      )}\n\n      <LayerContent>\n        <View\n          {...others}\n          {...(pressable ? { ref: contentRef } : undefined)}\n          className={styles(\n            style.tooltip,\n            (propLeft || propRight) && style.align,\n            left && style.left,\n            right && style.right,\n            top ? style.top : style.bottom,\n            others.className,\n          )}\n        >\n          {Template ? (\n            <Template />\n          ) : (\n            <Text bold small className={style.text}>\n              {text}\n            </Text>\n          )}\n        </View>\n      </LayerContent>\n    </Layer>\n  ) : (\n    <>{children}</>\n  );\n};\n\nTooltip.displayName = 'Component:Tooltip';\n\nTooltip.propTypes = {\n  children: PropTypes.node.isRequired,\n  left: PropTypes.bool,\n  pressable: PropTypes.bool,\n  right: PropTypes.bool,\n  Template: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  text: PropTypes.string,\n  timestamp: PropTypes.number,\n  top: PropTypes.bool,\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n};\n\nexport { Tooltip };\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_helpers","_TooltipModule","_helpers2","_primitives","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Tooltip","_ref","children","left","propLeft","pressable","right","propRight","Template","text","timestamp","top","propTop","visible","propVisible","onPress","inherit","setVisible","useState","position","setPosition","contentRef","useRef","ref","fixed","testId","others","useEffect","handleClickOutside","target","undefined","current","contains","document","addEventListener","removeEventListener","createElement","Layer","centered","forceRender","tag","onPosition","React","View","Fragment","Children","map","child","index","cloneElement","key","props","onClick","event","stopPropagation","isPressableInstance","className","styles","style","dispatcher","LayerContent","tooltip","align","bottom","Text","bold","small","exports","displayName","propTypes","PropTypes","node","isRequired","bool","oneOfType","func","string","number"],"sources":["../../../src/components/Tooltip/Tooltip.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState, useRef } from 'react';\n\nimport { isPressableInstance } from './helpers';\nimport style from './Tooltip.module.css';\nimport { styles } from '../../helpers';\nimport { Layer, LayerContent, Text, View } from '../../primitives';\n\nconst Tooltip = ({\n  children,\n  left: propLeft,\n  pressable = false,\n  right: propRight,\n  Template,\n  text,\n  timestamp,\n  top: propTop,\n  visible: propVisible = false,\n  onPress = () => {},\n  ...inherit\n}) => {\n  const [visible, setVisible] = useState(propVisible);\n  const [position, setPosition] = useState({});\n  const contentRef = useRef();\n  const ref = useRef();\n\n  const { fixed, testId, ...others } = inherit;\n  const { left, right, top = propTop } = position;\n\n  useEffect(() => {\n    if (!pressable || !visible) return;\n\n    const handleClickOutside = ({ target } = {}) =>\n      !contentRef.current?.contains(target) && !ref.current?.contains(target) && setVisible(false);\n\n    document.addEventListener('click', handleClickOutside, true);\n\n    return () => document.removeEventListener('click', handleClickOutside, true);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [visible]);\n\n  return text || Template ? (\n    <Layer\n      {...{ fixed, testId, timestamp, top, visible }}\n      centered\n      forceRender={false}\n      left={propLeft}\n      right={propRight}\n      tag=\"tooltip\"\n      onPosition={setPosition}\n    >\n      {React.createElement(\n        pressable ? View : React.Fragment,\n        { ...(pressable ? { ref } : undefined) },\n        React.Children.map(children, (child, index) => {\n          return React.cloneElement(child, {\n            key: index,\n            ...child.props,\n            onClick: pressable\n              ? (event) => {\n                  event.stopPropagation();\n                  setVisible(!visible);\n                  onPress(event, !visible);\n                }\n              : undefined,\n            [isPressableInstance(child) ? 'onEnter' : 'onMouseEnter']: !pressable ? () => setVisible(true) : undefined,\n            [isPressableInstance(child) ? 'onLeave' : 'onMouseLeave']: !pressable ? () => setVisible(false) : undefined,\n            className: styles(style.dispatcher, child.props.className),\n            testId: testId ? `${testId}-dispatcher` : undefined,\n          });\n        }),\n      )}\n\n      <LayerContent>\n        <View\n          {...others}\n          {...(pressable ? { ref: contentRef } : undefined)}\n          className={styles(\n            style.tooltip,\n            (propLeft || propRight) && style.align,\n            left && style.left,\n            right && style.right,\n            top ? style.top : style.bottom,\n            others.className,\n          )}\n        >\n          {Template ? (\n            <Template />\n          ) : (\n            <Text bold small className={style.text}>\n              {text}\n            </Text>\n          )}\n        </View>\n      </LayerContent>\n    </Layer>\n  ) : (\n    <>{children}</>\n  );\n};\n\nTooltip.displayName = 'Component:Tooltip';\n\nTooltip.propTypes = {\n  children: PropTypes.node.isRequired,\n  left: PropTypes.bool,\n  pressable: PropTypes.bool,\n  right: PropTypes.bool,\n  Template: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  text: PropTypes.string,\n  timestamp: PropTypes.number,\n  top: PropTypes.bool,\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n};\n\nexport { Tooltip };\n"],"mappings":"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","ignoreList":[]}

package/build/components/Tooltip/Tooltip.stories.js

@@ -7,108 +7,95 @@ exports.default = exports.Story = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ = require("../../");
 var _Tooltip = require("./Tooltip");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var _default = {
+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); }
+var _default = exports.default = {
   title: 'Components'
 };
-exports.default = _default;
-var INSTANCES = Array.from(Array(3).keys());
-var Template = function Template() {
-  return /*#__PURE__*/_react.default.createElement(_.View, {
-    row: true,
-    style: {
-      padding: 4
-    }
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    style: {
-      marginRight: 12,
-      height: 32,
-      width: 32,
-      borderRadius: '50%',
-      backgroundColor: 'grey',
-      backgroundImage: 'url(https://raw.githubusercontent.com/soyjavi/site/master/public/soyjavi.jpg)',
-      backgroundSize: 'cover',
-      border: 'none'
-    }
-  }), /*#__PURE__*/_react.default.createElement(_.View, null, /*#__PURE__*/_react.default.createElement(_.Text, {
-    bold: true,
-    action: true,
-    style: {
-      color: 'white'
-    }
-  }, "Javi Jimenez Villar"), /*#__PURE__*/_react.default.createElement(_.Text, {
-    small: true,
-    style: {
-      color: 'white'
-    }
-  }, "@soyjavi")));
-};
-var Story = function Story(props) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.View, {
-    row: true,
-    style: {
-      justifyContent: 'space-between'
-    }
-  }, INSTANCES.map(function (number) {
-    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, _extends({}, props, {
-      key: number,
-      top: true
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "children",
-      style: {
-        margin: 'var(--mirai-ui-space-XS)'
-      }
-    }, "hover:text"));
-  })), /*#__PURE__*/_react.default.createElement(_.View, {
-    row: true,
-    style: {
-      justifyContent: 'space-between'
-    }
-  }, INSTANCES.map(function (number) {
-    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, _extends({}, props, {
-      key: number,
-      right: true
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "children",
-      style: {
-        margin: 'var(--mirai-ui-space-XS)'
-      }
-    }, "hover:text:right"));
-  })), /*#__PURE__*/_react.default.createElement(_.View, {
-    row: true,
-    style: {
-      justifyContent: 'space-between'
-    }
-  }, INSTANCES.map(function (number) {
-    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, _extends({}, props, {
-      key: number,
-      left: true,
-      text: "Lorem ipsum dolor sit"
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "children",
-      style: {
-        margin: 'var(--mirai-ui-space-XS)'
-      }
-    }, "hover:text:left"));
-  })), /*#__PURE__*/_react.default.createElement(_.View, {
-    row: true,
-    style: {
-      justifyContent: 'space-between'
-    }
-  }, INSTANCES.map(function (number) {
-    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, _extends({}, props, {
-      bottom: true,
-      key: number,
-      Template: Template
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "children",
-      style: {
-        margin: 'var(--mirai-ui-space-XS)'
-      }
-    }, "hover:node"));
-  })));
-};
+const INSTANCES = Array.from(Array(3).keys());
+const Template = () => /*#__PURE__*/_react.default.createElement(_.View, {
+  row: true,
+  style: {
+    padding: 4
+  }
+}, /*#__PURE__*/_react.default.createElement("img", {
+  style: {
+    marginRight: 12,
+    height: 32,
+    width: 32,
+    borderRadius: '50%',
+    backgroundColor: 'grey',
+    backgroundImage: 'url(https://raw.githubusercontent.com/soyjavi/site/master/public/soyjavi.jpg)',
+    backgroundSize: 'cover',
+    border: 'none'
+  }
+}), /*#__PURE__*/_react.default.createElement(_.View, null, /*#__PURE__*/_react.default.createElement(_.Text, {
+  bold: true,
+  action: true,
+  style: {
+    color: 'white'
+  }
+}, "Javi Jimenez Villar"), /*#__PURE__*/_react.default.createElement(_.Text, {
+  small: true,
+  style: {
+    color: 'white'
+  }
+}, "@soyjavi")));
+const Story = props => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.View, {
+  row: true,
+  style: {
+    justifyContent: 'space-between'
+  }
+}, INSTANCES.map(number => /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, _extends({}, props, {
+  key: number,
+  top: true
+}), /*#__PURE__*/_react.default.createElement("span", {
+  className: "children",
+  style: {
+    margin: 'var(--mirai-ui-space-XS)'
+  }
+}, "hover:text")))), /*#__PURE__*/_react.default.createElement(_.View, {
+  row: true,
+  style: {
+    justifyContent: 'space-between'
+  }
+}, INSTANCES.map(number => /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, _extends({}, props, {
+  key: number,
+  right: true
+}), /*#__PURE__*/_react.default.createElement("span", {
+  className: "children",
+  style: {
+    margin: 'var(--mirai-ui-space-XS)'
+  }
+}, "hover:text:right")))), /*#__PURE__*/_react.default.createElement(_.View, {
+  row: true,
+  style: {
+    justifyContent: 'space-between'
+  }
+}, INSTANCES.map(number => /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, _extends({}, props, {
+  key: number,
+  left: true,
+  text: "Lorem ipsum dolor sit"
+}), /*#__PURE__*/_react.default.createElement("span", {
+  className: "children",
+  style: {
+    margin: 'var(--mirai-ui-space-XS)'
+  }
+}, "hover:text:left")))), /*#__PURE__*/_react.default.createElement(_.View, {
+  row: true,
+  style: {
+    justifyContent: 'space-between'
+  }
+}, INSTANCES.map(number => /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, _extends({}, props, {
+  bottom: true,
+  key: number,
+  Template: Template
+}), /*#__PURE__*/_react.default.createElement("span", {
+  className: "children",
+  style: {
+    margin: 'var(--mirai-ui-space-XS)'
+  }
+}, "hover:node")))));
 exports.Story = Story;
 Story.storyName = 'Tooltip';
 Story.args = {

package/build/components/Tooltip/Tooltip.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.js","names":["title","INSTANCES","Array","from","keys","Template","padding","marginRight","height","width","borderRadius","backgroundColor","backgroundImage","backgroundSize","border","color","Story","props","justifyContent","map","number","margin","storyName","args","pressable","text","visible","testId","style","argTypes","onClose","action"],"sources":["../../../src/components/Tooltip/Tooltip.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Text, View } from '../../';\nimport { Tooltip } from './Tooltip';\n\nexport default { title: 'Components' };\n\nconst INSTANCES = Array.from(Array(3).keys());\n\nconst Template = () => (\n  <View row style={{ padding: 4 }}>\n    <img\n      style={{\n        marginRight: 12,\n        height: 32,\n        width: 32,\n        borderRadius: '50%',\n        backgroundColor: 'grey',\n        backgroundImage: 'url(https://raw.githubusercontent.com/soyjavi/site/master/public/soyjavi.jpg)',\n        backgroundSize: 'cover',\n        border: 'none',\n      }}\n    />\n    <View>\n      <Text bold action style={{ color: 'white' }}>\n        Javi Jimenez Villar\n      </Text>\n      <Text small style={{ color: 'white' }}>\n        @soyjavi\n      </Text>\n    </View>\n  </View>\n);\n\nexport const Story = (props) => (\n  <>\n    <View row style={{ justifyContent: 'space-between' }}>\n      {INSTANCES.map((number) => (\n        <Tooltip {...props} key={number} top>\n          <span className=\"children\" style={{ margin: 'var(--mirai-ui-space-XS)' }}>\n            hover:text\n          </span>\n        </Tooltip>\n      ))}\n    </View>\n\n    <View row style={{ justifyContent: 'space-between' }}>\n      {INSTANCES.map((number) => (\n        <Tooltip {...props} key={number} right>\n          <span className=\"children\" style={{ margin: 'var(--mirai-ui-space-XS)' }}>\n            hover:text:right\n          </span>\n        </Tooltip>\n      ))}\n    </View>\n    <View row style={{ justifyContent: 'space-between' }}>\n      {INSTANCES.map((number) => (\n        <Tooltip {...props} key={number} left text=\"Lorem ipsum dolor sit\">\n          <span className=\"children\" style={{ margin: 'var(--mirai-ui-space-XS)' }}>\n            hover:text:left\n          </span>\n        </Tooltip>\n      ))}\n    </View>\n\n    <View row style={{ justifyContent: 'space-between' }}>\n      {INSTANCES.map((number) => (\n        <Tooltip {...props} bottom key={number} Template={Template}>\n          <span className=\"children\" style={{ margin: 'var(--mirai-ui-space-XS)' }}>\n            hover:node\n          </span>\n        </Tooltip>\n      ))}\n    </View>\n  </>\n);\n\nStory.storyName = 'Tooltip';\n\nStory.args = {\n  pressable: false,\n  text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi nemo adipisci consequatur et tenetur natus',\n  visible: false,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  onClose: { action: 'onClose' },\n};\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.stories.js","names":["_react","_interopRequireDefault","require","_","_Tooltip","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_default","exports","title","INSTANCES","Array","from","keys","Template","createElement","View","row","style","padding","marginRight","height","width","borderRadius","backgroundColor","backgroundImage","backgroundSize","border","Text","bold","action","color","small","Story","props","Fragment","justifyContent","map","number","Tooltip","key","top","className","margin","right","left","text","bottom","storyName","args","pressable","visible","testId","argTypes","onClose"],"sources":["../../../src/components/Tooltip/Tooltip.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Text, View } from '../../';\nimport { Tooltip } from './Tooltip';\n\nexport default { title: 'Components' };\n\nconst INSTANCES = Array.from(Array(3).keys());\n\nconst Template = () => (\n  <View row style={{ padding: 4 }}>\n    <img\n      style={{\n        marginRight: 12,\n        height: 32,\n        width: 32,\n        borderRadius: '50%',\n        backgroundColor: 'grey',\n        backgroundImage: 'url(https://raw.githubusercontent.com/soyjavi/site/master/public/soyjavi.jpg)',\n        backgroundSize: 'cover',\n        border: 'none',\n      }}\n    />\n    <View>\n      <Text bold action style={{ color: 'white' }}>\n        Javi Jimenez Villar\n      </Text>\n      <Text small style={{ color: 'white' }}>\n        @soyjavi\n      </Text>\n    </View>\n  </View>\n);\n\nexport const Story = (props) => (\n  <>\n    <View row style={{ justifyContent: 'space-between' }}>\n      {INSTANCES.map((number) => (\n        <Tooltip {...props} key={number} top>\n          <span className=\"children\" style={{ margin: 'var(--mirai-ui-space-XS)' }}>\n            hover:text\n          </span>\n        </Tooltip>\n      ))}\n    </View>\n\n    <View row style={{ justifyContent: 'space-between' }}>\n      {INSTANCES.map((number) => (\n        <Tooltip {...props} key={number} right>\n          <span className=\"children\" style={{ margin: 'var(--mirai-ui-space-XS)' }}>\n            hover:text:right\n          </span>\n        </Tooltip>\n      ))}\n    </View>\n    <View row style={{ justifyContent: 'space-between' }}>\n      {INSTANCES.map((number) => (\n        <Tooltip {...props} key={number} left text=\"Lorem ipsum dolor sit\">\n          <span className=\"children\" style={{ margin: 'var(--mirai-ui-space-XS)' }}>\n            hover:text:left\n          </span>\n        </Tooltip>\n      ))}\n    </View>\n\n    <View row style={{ justifyContent: 'space-between' }}>\n      {INSTANCES.map((number) => (\n        <Tooltip {...props} bottom key={number} Template={Template}>\n          <span className=\"children\" style={{ margin: 'var(--mirai-ui-space-XS)' }}>\n            hover:node\n          </span>\n        </Tooltip>\n      ))}\n    </View>\n  </>\n);\n\nStory.storyName = 'Tooltip';\n\nStory.args = {\n  pressable: false,\n  text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi nemo adipisci consequatur et tenetur natus',\n  visible: false,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  onClose: { action: 'onClose' },\n};\n"],"mappings":"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","ignoreList":[]}

package/build/components/Tooltip/helpers/index.js

@@ -9,7 +9,7 @@ Object.keys(_isPressableInstance).forEach(function (key) {
   if (key in exports && exports[key] === _isPressableInstance[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _isPressableInstance[key];
     }
   });

package/build/components/Tooltip/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Tooltip/helpers/index.js"],"sourcesContent":["export * from './isPressableInstance';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_isPressableInstance","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Tooltip/helpers/index.js"],"sourcesContent":["export * from './isPressableInstance';\n"],"mappings":";;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,oBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,oBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,oBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/build/components/Tooltip/helpers/isPressableInstance.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isPressableInstance = void 0;
 var _primitives = require("../../../primitives");
-var isPressableInstance = function isPressableInstance() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _ref$type = _ref.type;
-  _ref$type = _ref$type === void 0 ? {} : _ref$type;
-  var displayName = _ref$type.displayName;
+const isPressableInstance = function () {
+  let {
+    type: {
+      displayName
+    } = {}
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return displayName === _primitives.Pressable.displayName;
 };
 exports.isPressableInstance = isPressableInstance;

package/build/components/Tooltip/helpers/isPressableInstance.js.map

@@ -1 +1 @@
-{"version":3,"file":"isPressableInstance.js","names":["isPressableInstance","type","displayName","Pressable"],"sources":["../../../../src/components/Tooltip/helpers/isPressableInstance.js"],"sourcesContent":["import { Pressable } from '../../../primitives';\n\nexport const isPressableInstance = ({ type: { displayName } = {} } = {}) => displayName === Pressable.displayName;\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB;EAAA,+EAAqC,CAAC,CAAC;IAAA,iBAAjCC,IAAI;EAAA,mCAAoB,CAAC,CAAC;EAAA,IAAlBC,WAAW,aAAXA,WAAW;EAAA,OAAmBA,WAAW,KAAKC,qBAAS,CAACD,WAAW;AAAA;AAAC"}
+{"version":3,"file":"isPressableInstance.js","names":["_primitives","require","isPressableInstance","type","displayName","arguments","length","undefined","Pressable","exports"],"sources":["../../../../src/components/Tooltip/helpers/isPressableInstance.js"],"sourcesContent":["import { Pressable } from '../../../primitives';\n\nexport const isPressableInstance = ({ type: { displayName } = {} } = {}) => displayName === Pressable.displayName;\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAEO,MAAMC,mBAAmB,GAAG,SAAAA,CAAA;EAAA,IAAC;IAAEC,IAAI,EAAE;MAAEC;IAAY,CAAC,GAAG,CAAC;EAAE,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAAA,OAAKD,WAAW,KAAKI,qBAAS,CAACJ,WAAW;AAAA;AAACK,OAAA,CAAAP,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/build/components/Tooltip/index.js

@@ -9,7 +9,7 @@ Object.keys(_Tooltip).forEach(function (key) {
   if (key in exports && exports[key] === _Tooltip[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Tooltip[key];
     }
   });

package/build/components/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Tooltip/index.js"],"sourcesContent":["export * from './Tooltip';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_Tooltip","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../src/components/Tooltip/index.js"],"sourcesContent":["export * from './Tooltip';\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/build/components/components.customElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.customElements.js","names":["CustomElement","HTMLButtonElement","HTMLLabelElement"],"sources":["../../src/components/components.customElements.js"],"sourcesContent":["import { CustomElement } from '../helpers';\n\nCustomElement('ui-button', HTMLButtonElement, 'button');\nCustomElement('ui-label', HTMLLabelElement, 'label');\n"],"mappings":";;AAAA;AAEA,IAAAA,sBAAa,EAAC,WAAW,EAAEC,iBAAiB,EAAE,QAAQ,CAAC;AACvD,IAAAD,sBAAa,EAAC,UAAU,EAAEE,gBAAgB,EAAE,OAAO,CAAC"}
+{"version":3,"file":"components.customElements.js","names":["_helpers","require","CustomElement","HTMLButtonElement","HTMLLabelElement"],"sources":["../../src/components/components.customElements.js"],"sourcesContent":["import { CustomElement } from '../helpers';\n\nCustomElement('ui-button', HTMLButtonElement, 'button');\nCustomElement('ui-label', HTMLLabelElement, 'label');\n"],"mappings":";;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAa,EAAC,WAAW,EAAEC,iBAAiB,EAAE,QAAQ,CAAC;AACvD,IAAAD,sBAAa,EAAC,UAAU,EAAEE,gBAAgB,EAAE,OAAO,CAAC","ignoreList":[]}