@onepercentio/one-ui 0.19.1 → 0.19.3

package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js

@@ -1,83 +1,91 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+
+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
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _MutableHamburgerButton = _interopRequireDefault(require("../MutableHamburgerButton"));
+var _ScrollAndFocusLock = _interopRequireDefault(require("../utilitary/ScrollAndFocusLock"));
+var _AdaptiveSidebarModule = _interopRequireDefault(require("./AdaptiveSidebar.module.scss"));
+var _useBreakpoint = _interopRequireDefault(require("../../hooks/ui/useBreakpoint"));
+var _reactDom = require("react-dom");
+var _OneUIProvider = require("../../context/OneUIProvider");
+const _excluded = ["open", "children", "className", "breakInto", "visibilityControlComponent"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _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 _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; }
+const DefaultVisibilityControl = function DefaultVisibilityControl(_ref) {
+  let open = _ref.open;
+  return /*#__PURE__*/_react.default.createElement(_MutableHamburgerButton.default, {
+    size: 48,
+    state: open ? "closed" : "default"
+  });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const MutableHamburgerButton_1 = __importDefault(require("../MutableHamburgerButton"));
-const ScrollAndFocusLock_1 = __importDefault(require("../utilitary/ScrollAndFocusLock"));
-const AdaptiveSidebar_module_scss_1 = __importDefault(require("./AdaptiveSidebar.module.scss"));
-const useBreakpoint_1 = __importDefault(require("../../hooks/ui/useBreakpoint"));
-const react_dom_1 = require("react-dom");
-const OneUIProvider_1 = require("../../context/OneUIProvider");
-const DefaultVisibilityControl = ({ open }) => (react_1.default.createElement(MutableHamburgerButton_1.default, { size: 48, state: open ? "closed" : "default" }));
 /**
  * A component that you can put anywhere but hides when small enough and shows the control via a fixed floating button
  **/
-function AdaptiveSidebar(_a, ref) {
-    var { open: externalOpen, children, className = "", breakInto = 640, visibilityControlComponent: VisibilityControlComponent = DefaultVisibilityControl } = _a, props = __rest(_a, ["open", "children", "className", "breakInto", "visibilityControlComponent"]);
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const containerRef = (0, react_1.useRef)(null);
-    const _open = externalOpen === undefined ? open : externalOpen;
-    const isMobile = (0, useBreakpoint_1.default)(breakInto);
-    const globalClassName = (0, OneUIProvider_1.useOneUIConfig)("component.adaptiveSidebar.className");
-    const globalControlClassName = (0, OneUIProvider_1.useOneUIConfig)("component.adaptiveSidebar.controlClassName");
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        dismiss: () => setOpen(false),
-    }), []);
-    (0, react_1.useEffect)(() => {
-        if (process.env.NODE_ENV === "test")
-            return;
-        containerRef.current.scrollTo({
-            left: 0,
-            behavior: "smooth",
-            top: 0,
-        });
-    }, [_open]);
-    const externalControl = externalOpen !== undefined;
-    const content = (react_1.default.createElement("div", Object.assign({ ref: containerRef, className: `${isMobile ? AdaptiveSidebar_module_scss_1.default.mobile : AdaptiveSidebar_module_scss_1.default.desktop} ${AdaptiveSidebar_module_scss_1.default.container} ${!externalControl &&
-            DefaultVisibilityControl === VisibilityControlComponent
-            ? AdaptiveSidebar_module_scss_1.default.defaultPadding
-            : ""} ${_open ? AdaptiveSidebar_module_scss_1.default.open : AdaptiveSidebar_module_scss_1.default.closed} ${className} ${globalClassName}` }, props),
-        react_1.default.createElement(ScrollAndFocusLock_1.default, { open: _open }, children)));
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        !externalControl && (react_1.default.createElement("div", { className: `${isMobile ? AdaptiveSidebar_module_scss_1.default.mobile : AdaptiveSidebar_module_scss_1.default.desktop} ${AdaptiveSidebar_module_scss_1.default.hamburger} ${globalControlClassName}`, onClick: () => setOpen((a) => !a) },
-            react_1.default.createElement(VisibilityControlComponent, { open: _open }))),
-        isMobile ? (0, react_dom_1.createPortal)(content, document.body) : content));
+function AdaptiveSidebar(_ref2, ref) {
+  let externalOpen = _ref2.open,
+    children = _ref2.children,
+    _ref2$className = _ref2.className,
+    className = _ref2$className === void 0 ? "" : _ref2$className,
+    _ref2$breakInto = _ref2.breakInto,
+    breakInto = _ref2$breakInto === void 0 ? 640 : _ref2$breakInto,
+    _ref2$visibilityContr = _ref2.visibilityControlComponent,
+    VisibilityControlComponent = _ref2$visibilityContr === void 0 ? DefaultVisibilityControl : _ref2$visibilityContr,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  const _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  const containerRef = (0, _react.useRef)(null);
+  const _open = externalOpen === undefined ? open : externalOpen;
+  const isMobile = (0, _useBreakpoint.default)(breakInto);
+  const globalClassName = (0, _OneUIProvider.useOneUIConfig)("component.adaptiveSidebar.className");
+  const globalControlClassName = (0, _OneUIProvider.useOneUIConfig)("component.adaptiveSidebar.controlClassName");
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      dismiss: function dismiss() {
+        return setOpen(false);
+      }
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (process.env.NODE_ENV === "test") return;
+    containerRef.current.scrollTo({
+      left: 0,
+      behavior: "smooth",
+      top: 0
+    });
+  }, [_open]);
+  const externalControl = externalOpen !== undefined;
+  const content = /*#__PURE__*/_react.default.createElement("div", _extends({
+    ref: containerRef,
+    className: "".concat(isMobile ? _AdaptiveSidebarModule.default.mobile : _AdaptiveSidebarModule.default.desktop, " ").concat(_AdaptiveSidebarModule.default.container, " ").concat(!externalControl && DefaultVisibilityControl === VisibilityControlComponent ? _AdaptiveSidebarModule.default.defaultPadding : "", " ").concat(_open ? _AdaptiveSidebarModule.default.open : _AdaptiveSidebarModule.default.closed, " ").concat(className, " ").concat(globalClassName)
+  }, props), /*#__PURE__*/_react.default.createElement(_ScrollAndFocusLock.default, {
+    open: _open
+  }, children));
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !externalControl && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(isMobile ? _AdaptiveSidebarModule.default.mobile : _AdaptiveSidebarModule.default.desktop, " ").concat(_AdaptiveSidebarModule.default.hamburger, " ").concat(globalControlClassName),
+    onClick: function onClick() {
+      return setOpen(function (a) {
+        return !a;
+      });
+    }
+  }, /*#__PURE__*/_react.default.createElement(VisibilityControlComponent, {
+    open: _open
+  })), isMobile ? /*#__PURE__*/(0, _reactDom.createPortal)(content, document.body) : content);
 }
-exports.default = (0, react_1.forwardRef)(AdaptiveSidebar);
-//# sourceMappingURL=AdaptiveSidebar.js.map
+var _default = /*#__PURE__*/(0, _react.forwardRef)(AdaptiveSidebar);
+exports.default = _default;

package/dist/components/AdaptiveSidebar/index.js

@@ -1,9 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var AdaptiveSidebar_1 = require("./AdaptiveSidebar");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AdaptiveSidebar_1).default; } });
-//# sourceMappingURL=index.js.map
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _AdaptiveSidebar.default;
+  }
+});
+var _AdaptiveSidebar = _interopRequireDefault(require("./AdaptiveSidebar"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/AnchoredTooltip/AnchoredTooltip.js

@@ -1,171 +1,166 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+
+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
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateTooltipPosition = exports.AnchoredTooltipAlignment = void 0;
-const react_1 = __importStar(require("react"));
-const OneUIProvider_1 = require("../../context/OneUIProvider");
-const FadeIn_1 = __importDefault(require("../FadeIn"));
-const AnchoredTooltip_module_scss_1 = __importDefault(require("./AnchoredTooltip.module.scss"));
-const react_dom_1 = __importDefault(require("react-dom"));
+exports.default = exports.AnchoredTooltipAlignment = void 0;
+exports.updateTooltipPosition = updateTooltipPosition;
+var _react = _interopRequireWildcard(require("react"));
+var _OneUIProvider = require("../../context/OneUIProvider");
+var _FadeIn = _interopRequireDefault(require("../FadeIn"));
+var _AnchoredTooltipModule = _interopRequireDefault(require("./AnchoredTooltip.module.scss"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+const _excluded = ["containInViewport", "alignment"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _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; }
 function getPositionOnViewport(element) {
-    return element.getBoundingClientRect();
+  return element.getBoundingClientRect();
 }
-var AnchoredTooltipAlignment;
-(function (AnchoredTooltipAlignment) {
-    AnchoredTooltipAlignment[AnchoredTooltipAlignment["LEFT"] = 0] = "LEFT";
-    AnchoredTooltipAlignment[AnchoredTooltipAlignment["CENTER"] = 1] = "CENTER";
-    AnchoredTooltipAlignment[AnchoredTooltipAlignment["RIGHT"] = 2] = "RIGHT";
-})(AnchoredTooltipAlignment = exports.AnchoredTooltipAlignment || (exports.AnchoredTooltipAlignment = {}));
-function calculateTooltipFromAnchor(anchorRef, tooltipRef, containInViewport, alignTo = AnchoredTooltipAlignment.CENTER) {
-    const anchorPosition = getPositionOnViewport(anchorRef);
-    const shouldAnchorToBottom = tooltipRef.clientHeight > anchorPosition.top;
-    let top = anchorPosition.top - tooltipRef.clientHeight;
-    /**
-     * The terms mean:
-     * anchorPosition.left    = The left to get to the left border of the anchor (visible element)
-     * anchorPosition.width   = The width of the anchor (visible element)
-     * tooltipRef.clientWidth = The width of the content
-     */
-    let left = (() => {
-        switch (alignTo) {
-            case AnchoredTooltipAlignment.CENTER:
-                return (anchorPosition.left +
-                    anchorPosition.width / 2 -
-                    tooltipRef.clientWidth / 2);
-            case AnchoredTooltipAlignment.LEFT:
-                return anchorPosition.left;
-            case AnchoredTooltipAlignment.RIGHT:
-                return (anchorPosition.left + anchorPosition.width - tooltipRef.clientWidth);
-        }
-    })();
-    if (shouldAnchorToBottom)
-        top += tooltipRef.clientHeight + anchorRef.clientHeight;
-    if (containInViewport && top < 0)
-        top = 0;
-    const offset = top + tooltipRef.clientHeight - window.innerHeight;
-    if (containInViewport && offset > 0) {
-        top -= offset;
-    }
-    const offsetLeft = left + tooltipRef.clientWidth - window.innerWidth;
-    if (containInViewport && offsetLeft > 0) {
-        left -= offsetLeft;
-    }
-    if (containInViewport && left < 0) {
-        left = 0;
+let AnchoredTooltipAlignment = /*#__PURE__*/function (AnchoredTooltipAlignment) {
+  AnchoredTooltipAlignment[AnchoredTooltipAlignment["LEFT"] = 0] = "LEFT";
+  AnchoredTooltipAlignment[AnchoredTooltipAlignment["CENTER"] = 1] = "CENTER";
+  AnchoredTooltipAlignment[AnchoredTooltipAlignment["RIGHT"] = 2] = "RIGHT";
+  return AnchoredTooltipAlignment;
+}({});
+exports.AnchoredTooltipAlignment = AnchoredTooltipAlignment;
+function calculateTooltipFromAnchor(anchorRef, tooltipRef, containInViewport) {
+  let alignTo = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : AnchoredTooltipAlignment.CENTER;
+  const anchorPosition = getPositionOnViewport(anchorRef);
+  const shouldAnchorToBottom = tooltipRef.clientHeight > anchorPosition.top;
+  let top = anchorPosition.top - tooltipRef.clientHeight;
+
+  /**
+   * The terms mean:
+   * anchorPosition.left    = The left to get to the left border of the anchor (visible element)
+   * anchorPosition.width   = The width of the anchor (visible element)
+   * tooltipRef.clientWidth = The width of the content
+   */
+  let left = function () {
+    switch (alignTo) {
+      case AnchoredTooltipAlignment.CENTER:
+        return anchorPosition.left + anchorPosition.width / 2 - tooltipRef.clientWidth / 2;
+      case AnchoredTooltipAlignment.LEFT:
+        return anchorPosition.left;
+      case AnchoredTooltipAlignment.RIGHT:
+        return anchorPosition.left + anchorPosition.width - tooltipRef.clientWidth;
     }
-    const maxLeftOffsetIndicator = tooltipRef.clientWidth / 2 - 60;
-    const tooltipCenter = tooltipRef.clientWidth / 2 + left;
-    const anchorPositionCenter = anchorPosition.left + anchorPosition.width / 2;
-    const offsetTooltip = anchorPositionCenter - tooltipCenter;
-    const minOffsetTooltip = -(tooltipRef.clientWidth / 2) + 60;
-    const offsetIndicatorLeft = offsetLeft > 0
-        ? offsetLeft > maxLeftOffsetIndicator
-            ? maxLeftOffsetIndicator
-            : offsetLeft
-        : offsetTooltip < 0
-            ? offsetTooltip < minOffsetTooltip
-                ? minOffsetTooltip
-                : offsetTooltip
-            : 0;
-    return {
-        offset,
-        offsetIndicatorLeft,
-        top,
-        left,
-        shouldAnchorToBottom,
-    };
+  }();
+  if (shouldAnchorToBottom) top += tooltipRef.clientHeight + anchorRef.clientHeight;
+  if (containInViewport && top < 0) top = 0;
+  const offset = top + tooltipRef.clientHeight - window.innerHeight;
+  if (containInViewport && offset > 0) {
+    top -= offset;
+  }
+  const offsetLeft = left + tooltipRef.clientWidth - window.innerWidth;
+  if (containInViewport && offsetLeft > 0) {
+    left -= offsetLeft;
+  }
+  if (containInViewport && left < 0) {
+    left = 0;
+  }
+  const maxLeftOffsetIndicator = tooltipRef.clientWidth / 2 - 60;
+  const tooltipCenter = tooltipRef.clientWidth / 2 + left;
+  const anchorPositionCenter = anchorPosition.left + anchorPosition.width / 2;
+  const offsetTooltip = anchorPositionCenter - tooltipCenter;
+  const minOffsetTooltip = -(tooltipRef.clientWidth / 2) + 60;
+  const offsetIndicatorLeft = offsetLeft > 0 ? offsetLeft > maxLeftOffsetIndicator ? maxLeftOffsetIndicator : offsetLeft : offsetTooltip < 0 ? offsetTooltip < minOffsetTooltip ? minOffsetTooltip : offsetTooltip : 0;
+  return {
+    offset: offset,
+    offsetIndicatorLeft: offsetIndicatorLeft,
+    top: top,
+    left: left,
+    shouldAnchorToBottom: shouldAnchorToBottom
+  };
 }
-function updateTooltipPosition(tooltipRef, anchorRef, limitToViewport = true, alignment = AnchoredTooltipAlignment.CENTER) {
-    const { top, left, shouldAnchorToBottom, offsetIndicatorLeft } = calculateTooltipFromAnchor(anchorRef, tooltipRef, limitToViewport, alignment);
-    if (limitToViewport) {
-        const maxHeight = window.innerHeight - top;
-        tooltipRef.style.maxHeight = `${maxHeight - 32}px`;
-    }
-    tooltipRef.style.top = `${top}px`;
-    tooltipRef.style.left = `${left}px`;
-    tooltipRef.style.setProperty("--anchor-indicator-offset-left", `${offsetIndicatorLeft}px`);
-    if (shouldAnchorToBottom) {
-        tooltipRef.classList.remove(AnchoredTooltip_module_scss_1.default.anchoredTop);
-        tooltipRef.classList.add(AnchoredTooltip_module_scss_1.default.anchoredBottom);
-    }
-    else {
-        tooltipRef.classList.add(AnchoredTooltip_module_scss_1.default.anchoredTop);
-        tooltipRef.classList.remove(AnchoredTooltip_module_scss_1.default.anchoredBottom);
-    }
-    return { shouldAnchorToBottom };
+function updateTooltipPosition(tooltipRef, anchorRef) {
+  let limitToViewport = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  let alignment = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : AnchoredTooltipAlignment.CENTER;
+  const _calculateTooltipFrom = calculateTooltipFromAnchor(anchorRef, tooltipRef, limitToViewport, alignment),
+    top = _calculateTooltipFrom.top,
+    left = _calculateTooltipFrom.left,
+    shouldAnchorToBottom = _calculateTooltipFrom.shouldAnchorToBottom,
+    offsetIndicatorLeft = _calculateTooltipFrom.offsetIndicatorLeft;
+  if (limitToViewport) {
+    const maxHeight = window.innerHeight - top;
+    tooltipRef.style.maxHeight = "".concat(maxHeight - 32, "px");
+  }
+  tooltipRef.style.top = "".concat(top, "px");
+  tooltipRef.style.left = "".concat(left, "px");
+  tooltipRef.style.setProperty("--anchor-indicator-offset-left", "".concat(offsetIndicatorLeft, "px"));
+  if (shouldAnchorToBottom) {
+    tooltipRef.classList.remove(_AnchoredTooltipModule.default.anchoredTop);
+    tooltipRef.classList.add(_AnchoredTooltipModule.default.anchoredBottom);
+  } else {
+    tooltipRef.classList.add(_AnchoredTooltipModule.default.anchoredTop);
+    tooltipRef.classList.remove(_AnchoredTooltipModule.default.anchoredBottom);
+  }
+  return {
+    shouldAnchorToBottom: shouldAnchorToBottom
+  };
 }
-exports.updateTooltipPosition = updateTooltipPosition;
+
 /**
  * This tooltip anchors itself to an element and handles positioning relative to the anchored element
  **/
-function AnchoredTooltip(_a, ref) {
-    var { containInViewport = true, alignment } = _a, props = __rest(_a, ["containInViewport", "alignment"]);
-    const { open, children, anchorRef } = props;
-    const tooltipRef = (0, react_1.useRef)(null);
-    const className = (0, OneUIProvider_1.useOneUIConfig)("component.tooltip.className");
-    const [realClosed, setRealClosed] = (0, react_1.useState)(!open);
-    (0, react_1.useEffect)(() => {
-        if (open)
-            setRealClosed(false);
-    }, [open]);
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        updatePosition: () => {
-            updateTooltipPosition(tooltipRef.current, anchorRef.current, containInViewport, alignment);
-        },
-    }), [containInViewport]);
-    (0, react_1.useEffect)(() => {
-        if (open && !realClosed) {
-            if (anchorRef.current && tooltipRef.current)
-                updateTooltipPosition(tooltipRef.current, anchorRef.current, containInViewport, alignment);
-            const scrollHandler = () => {
-                if (anchorRef.current && tooltipRef.current)
-                    updateTooltipPosition(tooltipRef.current, anchorRef.current, containInViewport, alignment);
-            };
-            window.addEventListener("scroll", scrollHandler, {
-                passive: true,
-            });
-            return () => {
-                window.removeEventListener("scroll", scrollHandler);
-            };
-        }
-    }, [open, anchorRef, realClosed]);
-    return !realClosed || open ? (react_1.default.createElement(react_1.default.Fragment, null, react_dom_1.default.createPortal(react_1.default.createElement(FadeIn_1.default, { onClick: (e) => e.stopPropagation(), ref: tooltipRef, className: `${AnchoredTooltip_module_scss_1.default.tooltipContainer} ${open ? AnchoredTooltip_module_scss_1.default.open : ""} ${props.className || ""} ${className}`, style: props.style, onHidden: () => setRealClosed(true) }, open && !realClosed ? react_1.default.createElement("div", null, children) : undefined), document.body))) : null;
+function AnchoredTooltip(_ref, ref) {
+  let _ref$containInViewpor = _ref.containInViewport,
+    containInViewport = _ref$containInViewpor === void 0 ? true : _ref$containInViewpor,
+    alignment = _ref.alignment,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const open = props.open,
+    children = props.children,
+    anchorRef = props.anchorRef;
+  const tooltipRef = (0, _react.useRef)(null);
+  const className = (0, _OneUIProvider.useOneUIConfig)("component.tooltip.className");
+  const _useState = (0, _react.useState)(!open),
+    _useState2 = _slicedToArray(_useState, 2),
+    realClosed = _useState2[0],
+    setRealClosed = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (open) setRealClosed(false);
+  }, [open]);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      updatePosition: function updatePosition() {
+        updateTooltipPosition(tooltipRef.current, anchorRef.current, containInViewport, alignment);
+      }
+    };
+  }, [containInViewport]);
+  (0, _react.useEffect)(function () {
+    if (open && !realClosed) {
+      if (anchorRef.current && tooltipRef.current) updateTooltipPosition(tooltipRef.current, anchorRef.current, containInViewport, alignment);
+      const scrollHandler = function scrollHandler() {
+        if (anchorRef.current && tooltipRef.current) updateTooltipPosition(tooltipRef.current, anchorRef.current, containInViewport, alignment);
+      };
+      window.addEventListener("scroll", scrollHandler, {
+        passive: true
+      });
+      return function () {
+        window.removeEventListener("scroll", scrollHandler);
+      };
+    }
+  }, [open, anchorRef, realClosed]);
+  return !realClosed || open ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_FadeIn.default, {
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    },
+    ref: tooltipRef,
+    className: "".concat(_AnchoredTooltipModule.default.tooltipContainer, " ").concat(open ? _AnchoredTooltipModule.default.open : "", " ").concat(props.className || "", " ").concat(className),
+    style: props.style,
+    onHidden: function onHidden() {
+      return setRealClosed(true);
+    }
+  }, open && !realClosed ? /*#__PURE__*/_react.default.createElement("div", null, children) : undefined), document.body)) : null;
 }
-exports.default = (0, react_1.forwardRef)(AnchoredTooltip);
-//# sourceMappingURL=AnchoredTooltip.js.map
+var _default = /*#__PURE__*/(0, _react.forwardRef)(AnchoredTooltip);
+exports.default = _default;

package/dist/components/AnchoredTooltip/index.js

@@ -1,9 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var AnchoredTooltip_1 = require("./AnchoredTooltip");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AnchoredTooltip_1).default; } });
-//# sourceMappingURL=index.js.map
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _AnchoredTooltip.default;
+  }
+});
+var _AnchoredTooltip = _interopRequireDefault(require("./AnchoredTooltip"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }