@laerdal/life-react-components 5.0.5-dev.3 → 5.0.5

package/dist/Tooltips/TooltipOverflow.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { TooltipProps } from './TooltipTypes';
-interface TooltipOverflowProps extends TooltipProps {
-    input?: React.MutableRefObject<HTMLInputElement | null>;
-    maxWidth?: string;
-    width?: string;
-    value?: string;
-}
-declare const TooltipOverflow: ({ label, children, input, withArrow, maxWidth, width, value, size, height, align, position, ...props }: TooltipOverflowProps) => JSX.Element;
-export default TooltipOverflow;
+import * as React from 'react';
+import { TooltipProps } from './TooltipTypes';
+interface TooltipOverflowProps extends TooltipProps {
+    input?: React.MutableRefObject<HTMLInputElement | null>;
+    maxWidth?: string;
+    width?: string;
+    value?: string;
+}
+declare const TooltipOverflow: ({ label, children, input, withArrow, maxWidth, width, value, size, height, align, position, ...props }: TooltipOverflowProps) => React.JSX.Element;
+export default TooltipOverflow;

package/dist/Tooltips/TooltipOverflow.js

@@ -3,8 +3,8 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _pt from "prop-types";
 var _excluded = ["label", "children", "input", "withArrow", "maxWidth", "width", "value", "size", "height", "align", "position"];
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import * as React from 'react';
 import { useResizeDetector } from 'react-resize-detector';
 import { Tooltip } from './TooltipStyles';

package/dist/Tooltips/TooltipOverflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipOverflow.js","names":["React","useResizeDetector","Tooltip","Size","TooltipOverflow","label","children","input","withArrow","maxWidth","width","value","size","Small","height","align","position","props","useState","textOverflowed","setTextOverflowed","focused","setFocused","targetRef","customW","customH","useEffect","checkIfOverflowed","over","current","offsetWidth","scrollWidth","onFocus","onBlur","removeEventListener","renderedCallback","useCallback","addEventListener"],"sources":["../../src/Tooltips/TooltipOverflow.tsx"],"sourcesContent":["\r\nimport * as React from 'react';\r\n\r\nimport { TooltipProps } from './TooltipTypes';\r\nimport { useResizeDetector } from 'react-resize-detector';\r\n\r\nimport { TooltipContainer, Tooltip } from './TooltipStyles';\r\nimport { Size } from '..';\r\n \r\ninterface TooltipOverflowProps extends TooltipProps {\r\n    input?: React.MutableRefObject<HTMLInputElement | null>;\r\n    maxWidth?: string;\r\n    width?: string;\r\n    value?: string;\r\n}\r\n\r\n const TooltipOverflow = ({\r\n   label, children,\r\n   input,\r\n   withArrow,\r\n   maxWidth,\r\n   width,\r\n   value,\r\n   size = Size.Small,\r\n   height = 'auto',\r\n   align = 'center', \r\n   position = 'top',\r\n   ...props } : TooltipOverflowProps) => {\r\n\r\n  const [textOverflowed, setTextOverflowed] = React.useState<boolean>(false);\r\n  const [focused, setFocused] = React.useState<boolean>(false);\r\n  const {width: customW, height: customH} = useResizeDetector({ targetRef: input });\r\n\r\n  React.useEffect(() => {\r\n    checkIfOverflowed();\r\n  }, [customW, customH]);\r\n\r\n  const checkIfOverflowed = () => {\r\n    //adding +3 offset to offsetWidth, because sometimes when there is no overflow, scrollWidth can be equal to offsetWidth + 1\r\n    const over = (input && !focused && input.current && input.current.offsetWidth + 3 < input.current.scrollWidth) ?? false;\r\n    setTextOverflowed(over);\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    checkIfOverflowed();\r\n  });\r\n\r\n  const onFocus = () => {\r\n    checkIfOverflowed();\r\n    setFocused(true);\r\n  };\r\n\r\n  const onBlur = () => {\r\n    setFocused(false);\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    return () => {\r\n      if(input?.current)\r\n      {\r\n        input?.current.removeEventListener(\"focus\", onFocus);\r\n        input?.current.removeEventListener(\"blur\", onBlur);\r\n      }\r\n    }\r\n  }, []);\r\n\r\n  const renderedCallback = React.useCallback(() => {\r\n    if(input && input.current)\r\n    {\r\n      input.current.addEventListener(\"focus\", onFocus);\r\n      input.current.addEventListener(\"blur\", onBlur);\r\n      checkIfOverflowed();\r\n    }\r\n  }, []);\r\n \r\n    return <div ref={renderedCallback}>{textOverflowed && <Tooltip $align={align}\r\n               $height={height}\r\n               role=\"tooltip\"\r\n               $maxWidth={maxWidth}\r\n               $width={width}\r\n               $size={size}\r\n               $withArrow={withArrow}\r\n               $position={position}\r\n               {...props}>\r\n                <span>\r\n               {children} </span>\r\n            </Tooltip> }</div>;\r\n };\r\n \r\n export default TooltipOverflow;\r\n"],"mappings":"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"}
+{"version":3,"file":"TooltipOverflow.js","names":["React","useResizeDetector","Tooltip","Size","jsxs","_jsxs","jsx","_jsx","TooltipOverflow","_ref","label","children","input","withArrow","maxWidth","width","value","_ref$size","size","Small","_ref$height","height","_ref$align","align","_ref$position","position","props","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","textOverflowed","setTextOverflowed","_React$useState3","_React$useState4","focused","setFocused","_useResizeDetector","targetRef","customW","customH","useEffect","checkIfOverflowed","_ref2","over","current","offsetWidth","scrollWidth","onFocus","onBlur","removeEventListener","renderedCallback","useCallback","addEventListener","ref","_objectSpread","$align","$height","role","$maxWidth","$width","$size","$withArrow","$position","propTypes","_pt","string"],"sources":["../../src/Tooltips/TooltipOverflow.tsx"],"sourcesContent":["\nimport * as React from 'react';\n\nimport { TooltipProps } from './TooltipTypes';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { TooltipContainer, Tooltip } from './TooltipStyles';\nimport { Size } from '..';\n \ninterface TooltipOverflowProps extends TooltipProps {\n    input?: React.MutableRefObject<HTMLInputElement | null>;\n    maxWidth?: string;\n    width?: string;\n    value?: string;\n}\n\n const TooltipOverflow = ({\n   label, children,\n   input,\n   withArrow,\n   maxWidth,\n   width,\n   value,\n   size = Size.Small,\n   height = 'auto',\n   align = 'center', \n   position = 'top',\n   ...props } : TooltipOverflowProps) => {\n\n  const [textOverflowed, setTextOverflowed] = React.useState<boolean>(false);\n  const [focused, setFocused] = React.useState<boolean>(false);\n  const {width: customW, height: customH} = useResizeDetector({ targetRef: input });\n\n  React.useEffect(() => {\n    checkIfOverflowed();\n  }, [customW, customH]);\n\n  const checkIfOverflowed = () => {\n    //adding +3 offset to offsetWidth, because sometimes when there is no overflow, scrollWidth can be equal to offsetWidth + 1\n    const over = (input && !focused && input.current && input.current.offsetWidth + 3 < input.current.scrollWidth) ?? false;\n    setTextOverflowed(over);\n  };\n\n  React.useEffect(() => {\n    checkIfOverflowed();\n  });\n\n  const onFocus = () => {\n    checkIfOverflowed();\n    setFocused(true);\n  };\n\n  const onBlur = () => {\n    setFocused(false);\n  };\n\n  React.useEffect(() => {\n    return () => {\n      if(input?.current)\n      {\n        input?.current.removeEventListener(\"focus\", onFocus);\n        input?.current.removeEventListener(\"blur\", onBlur);\n      }\n    }\n  }, []);\n\n  const renderedCallback = React.useCallback(() => {\n    if(input && input.current)\n    {\n      input.current.addEventListener(\"focus\", onFocus);\n      input.current.addEventListener(\"blur\", onBlur);\n      checkIfOverflowed();\n    }\n  }, []);\n \n    return <div ref={renderedCallback}>{textOverflowed && <Tooltip $align={align}\n               $height={height}\n               role=\"tooltip\"\n               $maxWidth={maxWidth}\n               $width={width}\n               $size={size}\n               $withArrow={withArrow}\n               $position={position}\n               {...props}>\n                <span>\n               {children} </span>\n            </Tooltip> }</div>;\n };\n \n export default TooltipOverflow;\n"],"mappings":"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","ignoreList":[]}

package/dist/Tooltips/TooltipStyles.cjs

@@ -13,12 +13,12 @@ var _styles = require("../styles");
 var _typography = require("../styles/typography");
 var _zIndexes = require("../styles/z-indexes");
 var _templateObject, _templateObject2, _templateObject3;
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
 var distanceToEdge = function distanceToEdge(size) {
   return size == _types.Size.XSmall ? '8px' : !size || size == _types.Size.Small ? '12px' : '16px';
 };
-var Tooltip = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  pointer-events: none;\n  ", "\n  ", "\n    ", "\n    ", "\n    box-shadow: ", ";\n  box-sizing: border-box;\n\n  padding: ", ";\n  border-radius: 2px;\n  ", "\n  height: ", ";\n  max-width: ", ";\n  background: ", ";\n  position: absolute;\n  opacity: 0;\n  z-index: ", ";\n  ", "\n\n  ", "\n    ", "\n            \n    ", "\n\n\n&::after {\n    ", "\n    content: \"\";\n    position: absolute;\n    ", "\n\n    ", "\n    ", "\n\n    ", "\n\n    ", "\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ", " ", "\n      ", " ", ";\n  }\n\n  & > span {\n    word-wrap: break-word;\n    color: white;\n  }\n"])), function (props) {
+var Tooltip = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  pointer-events: none;\n  ", "\n  ", "\n    ", "\n    ", "\n    box-shadow: ", ";\n  box-sizing: border-box;\n\n  padding: ", ";\n  border-radius: 2px;\n  ", "\n  height: ", ";\n  max-width: ", ";\n  background: ", ";\n  position: absolute;\n  opacity: 0;\n  z-index: ", ";\n  ", "\n\n  ", "\n    ", "\n            \n    ", "\n\n\n&::after {\n    ", "\n    content: \"\";\n    position: absolute;\n    ", "\n\n    ", "\n    ", "\n\n    ", "\n\n    ", "\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ", " ", "\n      ", " ", ";\n  }\n\n  & > span {\n    word-wrap: break-word;\n    color: white;\n  }\n"])), function (props) {
   return props.$size == _types.Size.Small || props.$size != _types.Size.Medium ? (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('white', props.theme)) : '';
 }, function (props) {
   return props.$size == _types.Size.XSmall ? (0, _typography.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('white', props.theme)) : '';
@@ -75,10 +75,10 @@ Tooltip.defaultProps = {
   $position: 'bottom'
 };
 var TooltipTrigger = function TooltipTrigger(triggerType, delay) {
-  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), triggerType == 'hover' ? "&:hover ".concat(Tooltip, ", &:focus-within ").concat(Tooltip, ", &:focus ").concat(Tooltip, " {\n      opacity: 1;\n      transition: 0.5s;\n    transition-delay: ").concat(delay !== null && delay !== void 0 ? delay : '0.7s', ";\n    }") : "& ".concat(Tooltip, " {\n      transition: 0.5s;\n      transition-delay: ").concat(delay !== null && delay !== void 0 ? delay : '0s', ";\n    }\n  \n    &.show ").concat(Tooltip, " {\n      opacity: 1;\n    }\n  \n    &.hide ").concat(Tooltip, " {\n      opacity: 0;\n    }"));
+  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), triggerType == 'hover' ? "&:hover ".concat(Tooltip, ", &:focus-within ").concat(Tooltip, ", &:focus ").concat(Tooltip, " {\n      opacity: 1;\n      transition: 0.5s;\n    transition-delay: ").concat(delay !== null && delay !== void 0 ? delay : '0.7s', ";\n    }") : "& ".concat(Tooltip, " {\n      transition: 0.5s;\n      transition-delay: ").concat(delay !== null && delay !== void 0 ? delay : '0s', ";\n    }\n  \n    &.show ").concat(Tooltip, " {\n      opacity: 1;\n    }\n  \n    &.hide ").concat(Tooltip, " {\n      opacity: 0;\n    }"));
 };
 exports.TooltipTrigger = TooltipTrigger;
-var TooltipContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  position: relative;\n\n  ", "\n\n  &:focus {\n    ", "\n  }\n"])), function (props) {
+var TooltipContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-block;\n  position: relative;\n\n  ", "\n\n  &:focus {\n    ", "\n  }\n"])), function (props) {
   return TooltipTrigger(props.$triggerType, props.$delay);
 }, _styles.focusStyles);
 exports.TooltipContainer = TooltipContainer;

package/dist/Tooltips/TooltipStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipStyles.cjs","names":["distanceToEdge","size","Size","XSmall","Small","Tooltip","styled","div","props","$size","Medium","ComponentSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","ComponentXSStyling","ComponentMStyling","$align","BOXSHADOWS","BOXSHADOW_L2","$width","$height","$maxWidth","Z_INDEXES","tooltip","$position","$withArrow","defaultProps","TooltipTrigger","triggerType","delay","css","TooltipContainer","$triggerType","$delay","focusStyles"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { Size } from '../types';\r\nimport { BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles } from '../styles';\r\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nconst distanceToEdge = (size: Size | undefined) => {\r\n  return size == Size.XSmall ? '8px' : !size || size == Size.Small ? '12px' : '16px';\r\n};\r\n\r\nexport const Tooltip = styled.div<{\r\n  $withArrow?: boolean;\r\n  $size?: Size;\r\n  $height?: string;\r\n  $maxWidth?: string;\r\n  $align?: 'start' | 'end' | 'center' | undefined;\r\n  $position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\r\n  $width?: string;\r\n}>`\r\n  pointer-events: none;\r\n  ${(props) => (props.$size == Size.Small || props.$size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n  ${(props) => (props.$size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n    ${(props) => (props.$size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n    ${(props) => (props.$align == 'center' ? 'text-align: center;' : '')}\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n  box-sizing: border-box;\r\n\r\n  padding: ${(props) => (props.$size == Size.XSmall ? '4px 8px' : props.$size == Size.Medium ? '8px 12px' : '6px 10px')};\r\n  border-radius: 2px;\r\n  ${(props) => (props.$width ? `width: ${props.$width};` : 'width: max-content;')}\r\n  height: ${(props) => props.$height};\r\n  max-width: ${(props) => props.$maxWidth ?? '34em'};\r\n  background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  position: absolute;\r\n  opacity: 0;\r\n  z-index: ${Z_INDEXES.tooltip};\r\n  ${(props) => (props.$position == 'top' ? 'bottom: 110%;' : props.$position == 'bottom' ? 'top: 110%;' : '')}\r\n\r\n  ${(props) => (props.$position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\r\n    ${(props) => (props.$position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\r\n            \r\n    ${(props) =>\r\n    props.$position == 'left' || props.$position == 'right'\r\n      ? ''\r\n      : props.$align == 'start'\r\n      ? 'left: 0%;'\r\n      : props.$align == 'end'\r\n      ? 'right: 0%;'\r\n      : 'left: 50%; transform: translateX(-50%);'}\r\n\r\n\r\n&::after {\r\n    ${(props) => (!props.$withArrow ? 'display: none;' : '')}\r\n    content: \"\";\r\n    position: absolute;\r\n    ${(props) => (props.$position == 'top' ? 'top: 100%;' : props.$position == 'bottom' ? 'bottom: 100%;' : '')}\r\n\r\n    ${(props) => (props.$position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\r\n    ${(props) => (props.$position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\r\n\r\n    ${(props) =>\r\n      props.$position == 'left' || props.$position == 'right'\r\n        ? ''\r\n        : props.$align == 'start'\r\n        ? `left: ${distanceToEdge(props.$size)};`\r\n        : props.$align == 'end'\r\n        ? `right: ${distanceToEdge(props.$size)};`\r\n        : 'left: 50%;'}\r\n\r\n    ${(props) => (props.$position == 'left' ? '' : 'margin-left: -5px;')}\r\n    margin: -0.5px;\r\n    border-width: 4px;\r\n    border-style: solid;\r\n    border-color: ${(props) => (props.$position == 'top' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'right' ? COLORS.getColor('primary_800', props.theme) : 'transparent')}\r\n      ${(props) => (props.$position == 'bottom' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'left' ? COLORS.getColor('primary_800', props.theme) : 'transparent')};\r\n  }\r\n\r\n  & > span {\r\n    word-wrap: break-word;\r\n    color: white;\r\n  }\r\n`;\r\n\r\nTooltip.defaultProps = {\r\n  $withArrow: false,\r\n  $size: Size.Small,\r\n  $height: 'auto',\r\n  $align: 'center',\r\n  $position: 'bottom',\r\n};\r\n\r\nexport const TooltipTrigger = (triggerType: 'hover' | 'click', delay?: string) => css`\r\n  ${triggerType == 'hover'\r\n    ? `&:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\r\n      opacity: 1;\r\n      transition: 0.5s;\r\n    transition-delay: ${delay ?? '0.7s'};\r\n    }`\r\n    : `& ${Tooltip} {\r\n      transition: 0.5s;\r\n      transition-delay: ${delay ?? '0s'};\r\n    }\r\n  \r\n    &.show ${Tooltip} {\r\n      opacity: 1;\r\n    }\r\n  \r\n    &.hide ${Tooltip} {\r\n      opacity: 0;\r\n    }`}\r\n`;\r\n\r\nexport const TooltipContainer = styled.div<{ $triggerType: 'hover' | 'click', $delay?: string }>`\r\n  display: inline-block;\r\n  position: relative;\r\n\r\n  ${(props) => TooltipTrigger(props.$triggerType, props.$delay)}\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n`;\r\n"],"mappings":"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"}
+{"version":3,"file":"TooltipStyles.cjs","names":["_styledComponents","_interopRequireWildcard","require","_types","_styles","_typography","_zIndexes","_templateObject","_templateObject2","_templateObject3","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","distanceToEdge","size","Size","XSmall","Small","Tooltip","styled","div","_taggedTemplateLiteral2","props","$size","Medium","ComponentSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","ComponentXSStyling","ComponentMStyling","$align","BOXSHADOWS","BOXSHADOW_L2","$width","concat","$height","_props$$maxWidth","$maxWidth","Z_INDEXES","tooltip","$position","$withArrow","exports","defaultProps","TooltipTrigger","triggerType","delay","css","TooltipContainer","$triggerType","$delay","focusStyles"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport { BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles } from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\nimport { Z_INDEXES } from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n  return size == Size.XSmall ? '8px' : !size || size == Size.Small ? '12px' : '16px';\n};\n\nexport const Tooltip = styled.div<{\n  $withArrow?: boolean;\n  $size?: Size;\n  $height?: string;\n  $maxWidth?: string;\n  $align?: 'start' | 'end' | 'center' | undefined;\n  $position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n  $width?: string;\n}>`\n  pointer-events: none;\n  ${(props) => (props.$size == Size.Small || props.$size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\n  ${(props) => (props.$size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\n    ${(props) => (props.$size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\n    ${(props) => (props.$align == 'center' ? 'text-align: center;' : '')}\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n  box-sizing: border-box;\n\n  padding: ${(props) => (props.$size == Size.XSmall ? '4px 8px' : props.$size == Size.Medium ? '8px 12px' : '6px 10px')};\n  border-radius: 2px;\n  ${(props) => (props.$width ? `width: ${props.$width};` : 'width: max-content;')}\n  height: ${(props) => props.$height};\n  max-width: ${(props) => props.$maxWidth ?? '34em'};\n  background: ${props => COLORS.getColor('primary_800', props.theme)};\n  position: absolute;\n  opacity: 0;\n  z-index: ${Z_INDEXES.tooltip};\n  ${(props) => (props.$position == 'top' ? 'bottom: 110%;' : props.$position == 'bottom' ? 'top: 110%;' : '')}\n\n  ${(props) => (props.$position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n    ${(props) => (props.$position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n            \n    ${(props) =>\n    props.$position == 'left' || props.$position == 'right'\n      ? ''\n      : props.$align == 'start'\n      ? 'left: 0%;'\n      : props.$align == 'end'\n      ? 'right: 0%;'\n      : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n    ${(props) => (!props.$withArrow ? 'display: none;' : '')}\n    content: \"\";\n    position: absolute;\n    ${(props) => (props.$position == 'top' ? 'top: 100%;' : props.$position == 'bottom' ? 'bottom: 100%;' : '')}\n\n    ${(props) => (props.$position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n    ${(props) => (props.$position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n    ${(props) =>\n      props.$position == 'left' || props.$position == 'right'\n        ? ''\n        : props.$align == 'start'\n        ? `left: ${distanceToEdge(props.$size)};`\n        : props.$align == 'end'\n        ? `right: ${distanceToEdge(props.$size)};`\n        : 'left: 50%;'}\n\n    ${(props) => (props.$position == 'left' ? '' : 'margin-left: -5px;')}\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ${(props) => (props.$position == 'top' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'right' ? COLORS.getColor('primary_800', props.theme) : 'transparent')}\n      ${(props) => (props.$position == 'bottom' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'left' ? COLORS.getColor('primary_800', props.theme) : 'transparent')};\n  }\n\n  & > span {\n    word-wrap: break-word;\n    color: white;\n  }\n`;\n\nTooltip.defaultProps = {\n  $withArrow: false,\n  $size: Size.Small,\n  $height: 'auto',\n  $align: 'center',\n  $position: 'bottom',\n};\n\nexport const TooltipTrigger = (triggerType: 'hover' | 'click', delay?: string) => css`\n  ${triggerType == 'hover'\n    ? `&:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n      opacity: 1;\n      transition: 0.5s;\n    transition-delay: ${delay ?? '0.7s'};\n    }`\n    : `& ${Tooltip} {\n      transition: 0.5s;\n      transition-delay: ${delay ?? '0s'};\n    }\n  \n    &.show ${Tooltip} {\n      opacity: 1;\n    }\n  \n    &.hide ${Tooltip} {\n      opacity: 0;\n    }`}\n`;\n\nexport const TooltipContainer = styled.div<{ $triggerType: 'hover' | 'click', $delay?: string }>`\n  display: inline-block;\n  position: relative;\n\n  ${(props) => TooltipTrigger(props.$triggerType, props.$delay)}\n\n  &:focus {\n    ${focusStyles}\n  }\n`;\n"],"mappings":"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","ignoreList":[]}

package/dist/Tooltips/TooltipStyles.d.ts

@@ -1,15 +1,16 @@
-import { Size } from '../types';
-export declare const Tooltip: import("styled-components").StyledComponent<"div", any, {
-    $withArrow?: boolean | undefined;
-    $size?: Size | undefined;
-    $height?: string | undefined;
-    $maxWidth?: string | undefined;
-    $align?: 'start' | 'end' | 'center' | undefined;
-    $position?: 'top' | 'right' | 'bottom' | 'left' | undefined;
-    $width?: string | undefined;
-}, never>;
-export declare const TooltipTrigger: (triggerType: 'hover' | 'click', delay?: string) => import("styled-components").FlattenSimpleInterpolation;
-export declare const TooltipContainer: import("styled-components").StyledComponent<"div", any, {
-    $triggerType: 'hover' | 'click';
-    $delay?: string | undefined;
-}, never>;
+/// <reference types="react" />
+import { Size } from '../types';
+export declare const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $withArrow?: boolean | undefined;
+    $size?: Size | undefined;
+    $height?: string | undefined;
+    $maxWidth?: string | undefined;
+    $align?: 'start' | 'end' | 'center' | undefined;
+    $position?: 'top' | 'right' | 'bottom' | 'left' | undefined;
+    $width?: string | undefined;
+}>> & string;
+export declare const TooltipTrigger: (triggerType: 'hover' | 'click', delay?: string) => import("styled-components").RuleSet<object>;
+export declare const TooltipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $triggerType: 'hover' | 'click';
+    $delay?: string | undefined;
+}>> & string;

package/dist/Tooltips/TooltipStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipStyles.js","names":["styled","css","Size","BOXSHADOWS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","distanceToEdge","size","XSmall","Small","Tooltip","div","props","$size","Medium","Regular","getColor","theme","$align","BOXSHADOW_L2","$width","$height","$maxWidth","tooltip","$position","$withArrow","defaultProps","TooltipTrigger","triggerType","delay","TooltipContainer","$triggerType","$delay"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { Size } from '../types';\r\nimport { BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles } from '../styles';\r\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nconst distanceToEdge = (size: Size | undefined) => {\r\n  return size == Size.XSmall ? '8px' : !size || size == Size.Small ? '12px' : '16px';\r\n};\r\n\r\nexport const Tooltip = styled.div<{\r\n  $withArrow?: boolean;\r\n  $size?: Size;\r\n  $height?: string;\r\n  $maxWidth?: string;\r\n  $align?: 'start' | 'end' | 'center' | undefined;\r\n  $position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\r\n  $width?: string;\r\n}>`\r\n  pointer-events: none;\r\n  ${(props) => (props.$size == Size.Small || props.$size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n  ${(props) => (props.$size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n    ${(props) => (props.$size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n    ${(props) => (props.$align == 'center' ? 'text-align: center;' : '')}\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n  box-sizing: border-box;\r\n\r\n  padding: ${(props) => (props.$size == Size.XSmall ? '4px 8px' : props.$size == Size.Medium ? '8px 12px' : '6px 10px')};\r\n  border-radius: 2px;\r\n  ${(props) => (props.$width ? `width: ${props.$width};` : 'width: max-content;')}\r\n  height: ${(props) => props.$height};\r\n  max-width: ${(props) => props.$maxWidth ?? '34em'};\r\n  background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  position: absolute;\r\n  opacity: 0;\r\n  z-index: ${Z_INDEXES.tooltip};\r\n  ${(props) => (props.$position == 'top' ? 'bottom: 110%;' : props.$position == 'bottom' ? 'top: 110%;' : '')}\r\n\r\n  ${(props) => (props.$position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\r\n    ${(props) => (props.$position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\r\n            \r\n    ${(props) =>\r\n    props.$position == 'left' || props.$position == 'right'\r\n      ? ''\r\n      : props.$align == 'start'\r\n      ? 'left: 0%;'\r\n      : props.$align == 'end'\r\n      ? 'right: 0%;'\r\n      : 'left: 50%; transform: translateX(-50%);'}\r\n\r\n\r\n&::after {\r\n    ${(props) => (!props.$withArrow ? 'display: none;' : '')}\r\n    content: \"\";\r\n    position: absolute;\r\n    ${(props) => (props.$position == 'top' ? 'top: 100%;' : props.$position == 'bottom' ? 'bottom: 100%;' : '')}\r\n\r\n    ${(props) => (props.$position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\r\n    ${(props) => (props.$position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\r\n\r\n    ${(props) =>\r\n      props.$position == 'left' || props.$position == 'right'\r\n        ? ''\r\n        : props.$align == 'start'\r\n        ? `left: ${distanceToEdge(props.$size)};`\r\n        : props.$align == 'end'\r\n        ? `right: ${distanceToEdge(props.$size)};`\r\n        : 'left: 50%;'}\r\n\r\n    ${(props) => (props.$position == 'left' ? '' : 'margin-left: -5px;')}\r\n    margin: -0.5px;\r\n    border-width: 4px;\r\n    border-style: solid;\r\n    border-color: ${(props) => (props.$position == 'top' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'right' ? COLORS.getColor('primary_800', props.theme) : 'transparent')}\r\n      ${(props) => (props.$position == 'bottom' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'left' ? COLORS.getColor('primary_800', props.theme) : 'transparent')};\r\n  }\r\n\r\n  & > span {\r\n    word-wrap: break-word;\r\n    color: white;\r\n  }\r\n`;\r\n\r\nTooltip.defaultProps = {\r\n  $withArrow: false,\r\n  $size: Size.Small,\r\n  $height: 'auto',\r\n  $align: 'center',\r\n  $position: 'bottom',\r\n};\r\n\r\nexport const TooltipTrigger = (triggerType: 'hover' | 'click', delay?: string) => css`\r\n  ${triggerType == 'hover'\r\n    ? `&:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\r\n      opacity: 1;\r\n      transition: 0.5s;\r\n    transition-delay: ${delay ?? '0.7s'};\r\n    }`\r\n    : `& ${Tooltip} {\r\n      transition: 0.5s;\r\n      transition-delay: ${delay ?? '0s'};\r\n    }\r\n  \r\n    &.show ${Tooltip} {\r\n      opacity: 1;\r\n    }\r\n  \r\n    &.hide ${Tooltip} {\r\n      opacity: 0;\r\n    }`}\r\n`;\r\n\r\nexport const TooltipContainer = styled.div<{ $triggerType: 'hover' | 'click', $delay?: string }>`\r\n  display: inline-block;\r\n  position: relative;\r\n\r\n  ${(props) => TooltipTrigger(props.$triggerType, props.$delay)}\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n`;\r\n"],"mappings":"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"}
+{"version":3,"file":"TooltipStyles.js","names":["styled","css","Size","BOXSHADOWS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","distanceToEdge","size","XSmall","Small","Tooltip","div","_templateObject","_taggedTemplateLiteral","props","$size","Medium","Regular","getColor","theme","$align","BOXSHADOW_L2","$width","concat","$height","_props$$maxWidth","$maxWidth","tooltip","$position","$withArrow","defaultProps","TooltipTrigger","triggerType","delay","_templateObject2","TooltipContainer","_templateObject3","$triggerType","$delay"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport { BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles } from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\nimport { Z_INDEXES } from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n  return size == Size.XSmall ? '8px' : !size || size == Size.Small ? '12px' : '16px';\n};\n\nexport const Tooltip = styled.div<{\n  $withArrow?: boolean;\n  $size?: Size;\n  $height?: string;\n  $maxWidth?: string;\n  $align?: 'start' | 'end' | 'center' | undefined;\n  $position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n  $width?: string;\n}>`\n  pointer-events: none;\n  ${(props) => (props.$size == Size.Small || props.$size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\n  ${(props) => (props.$size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\n    ${(props) => (props.$size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\n    ${(props) => (props.$align == 'center' ? 'text-align: center;' : '')}\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n  box-sizing: border-box;\n\n  padding: ${(props) => (props.$size == Size.XSmall ? '4px 8px' : props.$size == Size.Medium ? '8px 12px' : '6px 10px')};\n  border-radius: 2px;\n  ${(props) => (props.$width ? `width: ${props.$width};` : 'width: max-content;')}\n  height: ${(props) => props.$height};\n  max-width: ${(props) => props.$maxWidth ?? '34em'};\n  background: ${props => COLORS.getColor('primary_800', props.theme)};\n  position: absolute;\n  opacity: 0;\n  z-index: ${Z_INDEXES.tooltip};\n  ${(props) => (props.$position == 'top' ? 'bottom: 110%;' : props.$position == 'bottom' ? 'top: 110%;' : '')}\n\n  ${(props) => (props.$position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n    ${(props) => (props.$position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n            \n    ${(props) =>\n    props.$position == 'left' || props.$position == 'right'\n      ? ''\n      : props.$align == 'start'\n      ? 'left: 0%;'\n      : props.$align == 'end'\n      ? 'right: 0%;'\n      : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n    ${(props) => (!props.$withArrow ? 'display: none;' : '')}\n    content: \"\";\n    position: absolute;\n    ${(props) => (props.$position == 'top' ? 'top: 100%;' : props.$position == 'bottom' ? 'bottom: 100%;' : '')}\n\n    ${(props) => (props.$position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n    ${(props) => (props.$position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n    ${(props) =>\n      props.$position == 'left' || props.$position == 'right'\n        ? ''\n        : props.$align == 'start'\n        ? `left: ${distanceToEdge(props.$size)};`\n        : props.$align == 'end'\n        ? `right: ${distanceToEdge(props.$size)};`\n        : 'left: 50%;'}\n\n    ${(props) => (props.$position == 'left' ? '' : 'margin-left: -5px;')}\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ${(props) => (props.$position == 'top' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'right' ? COLORS.getColor('primary_800', props.theme) : 'transparent')}\n      ${(props) => (props.$position == 'bottom' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'left' ? COLORS.getColor('primary_800', props.theme) : 'transparent')};\n  }\n\n  & > span {\n    word-wrap: break-word;\n    color: white;\n  }\n`;\n\nTooltip.defaultProps = {\n  $withArrow: false,\n  $size: Size.Small,\n  $height: 'auto',\n  $align: 'center',\n  $position: 'bottom',\n};\n\nexport const TooltipTrigger = (triggerType: 'hover' | 'click', delay?: string) => css`\n  ${triggerType == 'hover'\n    ? `&:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n      opacity: 1;\n      transition: 0.5s;\n    transition-delay: ${delay ?? '0.7s'};\n    }`\n    : `& ${Tooltip} {\n      transition: 0.5s;\n      transition-delay: ${delay ?? '0s'};\n    }\n  \n    &.show ${Tooltip} {\n      opacity: 1;\n    }\n  \n    &.hide ${Tooltip} {\n      opacity: 0;\n    }`}\n`;\n\nexport const TooltipContainer = styled.div<{ $triggerType: 'hover' | 'click', $delay?: string }>`\n  display: inline-block;\n  position: relative;\n\n  ${(props) => TooltipTrigger(props.$triggerType, props.$delay)}\n\n  &:focus {\n    ${focusStyles}\n  }\n`;\n"],"mappings":"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","ignoreList":[]}

package/dist/Tooltips/TooltipTypes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTypes.cjs","names":[],"sources":["../../src/Tooltips/TooltipTypes.tsx"],"sourcesContent":["import { Size } from \"../types\";\r\n\r\n/**\r\n * Types for the table.\r\n */\r\n export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\r\n\r\n    label?: string;\r\n    /** Optional. If set, then there will be an arrow at the edge closest to children components */\r\n    withArrow?: boolean;\r\n    /** Optional.  */\r\n    width?: string;\r\n    /** Optional. Defaults to 'Small'. */\r\n    size?: Size;\r\n    /** Optional. Delay in appearance of the tooltip. Defaults to 0.7s for 'hover' trigger type. */\r\n    delay?: string;\r\n    /** Optional. TabIndex property set to TooltipContainer  */\r\n    tabIndex?: number;\r\n    /** Optional. Defaults to 'auto'. */\r\n    height?: string;\r\n    /** Optional. To which edge of wrapped components tooltip will be aligned. Defaults to 'center'.  */\r\n    align? : 'start' | 'end' | 'center' | undefined;\r\n    /** Optional. Defaults to 'bottom'.  */\r\n    position? : 'top' | 'right' | 'bottom' | 'left' | undefined;\r\n    children?: React.ReactNode;\r\n    /** Optional. What should trigger the appearance of the tooltip - hover or click event. */\r\n    trigger?: 'hover' | 'click';\r\n    /** Optional. How long tooltip will be visible after appearing to the user in milliseconds. Works only for trigger type 'click'. Defaults to '5000' */\r\n    hideAfter?: number;\r\n  }\r\n"],"mappings":""}
+{"version":3,"file":"TooltipTypes.cjs","names":[],"sources":["../../src/Tooltips/TooltipTypes.tsx"],"sourcesContent":["import { Size } from \"../types\";\n\n/**\n * Types for the table.\n */\n export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n\n    label?: string;\n    /** Optional. If set, then there will be an arrow at the edge closest to children components */\n    withArrow?: boolean;\n    /** Optional.  */\n    width?: string;\n    /** Optional. Defaults to 'Small'. */\n    size?: Size;\n    /** Optional. Delay in appearance of the tooltip. Defaults to 0.7s for 'hover' trigger type. */\n    delay?: string;\n    /** Optional. TabIndex property set to TooltipContainer  */\n    tabIndex?: number;\n    /** Optional. Defaults to 'auto'. */\n    height?: string;\n    /** Optional. To which edge of wrapped components tooltip will be aligned. Defaults to 'center'.  */\n    align? : 'start' | 'end' | 'center' | undefined;\n    /** Optional. Defaults to 'bottom'.  */\n    position? : 'top' | 'right' | 'bottom' | 'left' | undefined;\n    children?: React.ReactNode;\n    /** Optional. What should trigger the appearance of the tooltip - hover or click event. */\n    trigger?: 'hover' | 'click';\n    /** Optional. How long tooltip will be visible after appearing to the user in milliseconds. Works only for trigger type 'click'. Defaults to '5000' */\n    hideAfter?: number;\n  }\n"],"mappings":"","ignoreList":[]}

package/dist/Tooltips/TooltipTypes.d.ts

@@ -1,28 +1,29 @@
-import { Size } from "../types";
-/**
- * Types for the table.
- */
-export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
-    label?: string;
-    /** Optional. If set, then there will be an arrow at the edge closest to children components */
-    withArrow?: boolean;
-    /** Optional.  */
-    width?: string;
-    /** Optional. Defaults to 'Small'. */
-    size?: Size;
-    /** Optional. Delay in appearance of the tooltip. Defaults to 0.7s for 'hover' trigger type. */
-    delay?: string;
-    /** Optional. TabIndex property set to TooltipContainer  */
-    tabIndex?: number;
-    /** Optional. Defaults to 'auto'. */
-    height?: string;
-    /** Optional. To which edge of wrapped components tooltip will be aligned. Defaults to 'center'.  */
-    align?: 'start' | 'end' | 'center' | undefined;
-    /** Optional. Defaults to 'bottom'.  */
-    position?: 'top' | 'right' | 'bottom' | 'left' | undefined;
-    children?: React.ReactNode;
-    /** Optional. What should trigger the appearance of the tooltip - hover or click event. */
-    trigger?: 'hover' | 'click';
-    /** Optional. How long tooltip will be visible after appearing to the user in milliseconds. Works only for trigger type 'click'. Defaults to '5000' */
-    hideAfter?: number;
-}
+/// <reference types="react" />
+import { Size } from "../types";
+/**
+ * Types for the table.
+ */
+export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    /** Optional. If set, then there will be an arrow at the edge closest to children components */
+    withArrow?: boolean;
+    /** Optional.  */
+    width?: string;
+    /** Optional. Defaults to 'Small'. */
+    size?: Size;
+    /** Optional. Delay in appearance of the tooltip. Defaults to 0.7s for 'hover' trigger type. */
+    delay?: string;
+    /** Optional. TabIndex property set to TooltipContainer  */
+    tabIndex?: number;
+    /** Optional. Defaults to 'auto'. */
+    height?: string;
+    /** Optional. To which edge of wrapped components tooltip will be aligned. Defaults to 'center'.  */
+    align?: 'start' | 'end' | 'center' | undefined;
+    /** Optional. Defaults to 'bottom'.  */
+    position?: 'top' | 'right' | 'bottom' | 'left' | undefined;
+    children?: React.ReactNode;
+    /** Optional. What should trigger the appearance of the tooltip - hover or click event. */
+    trigger?: 'hover' | 'click';
+    /** Optional. How long tooltip will be visible after appearing to the user in milliseconds. Works only for trigger type 'click'. Defaults to '5000' */
+    hideAfter?: number;
+}

package/dist/Tooltips/TooltipTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTypes.js","names":[],"sources":["../../src/Tooltips/TooltipTypes.tsx"],"sourcesContent":["import { Size } from \"../types\";\r\n\r\n/**\r\n * Types for the table.\r\n */\r\n export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\r\n\r\n    label?: string;\r\n    /** Optional. If set, then there will be an arrow at the edge closest to children components */\r\n    withArrow?: boolean;\r\n    /** Optional.  */\r\n    width?: string;\r\n    /** Optional. Defaults to 'Small'. */\r\n    size?: Size;\r\n    /** Optional. Delay in appearance of the tooltip. Defaults to 0.7s for 'hover' trigger type. */\r\n    delay?: string;\r\n    /** Optional. TabIndex property set to TooltipContainer  */\r\n    tabIndex?: number;\r\n    /** Optional. Defaults to 'auto'. */\r\n    height?: string;\r\n    /** Optional. To which edge of wrapped components tooltip will be aligned. Defaults to 'center'.  */\r\n    align? : 'start' | 'end' | 'center' | undefined;\r\n    /** Optional. Defaults to 'bottom'.  */\r\n    position? : 'top' | 'right' | 'bottom' | 'left' | undefined;\r\n    children?: React.ReactNode;\r\n    /** Optional. What should trigger the appearance of the tooltip - hover or click event. */\r\n    trigger?: 'hover' | 'click';\r\n    /** Optional. How long tooltip will be visible after appearing to the user in milliseconds. Works only for trigger type 'click'. Defaults to '5000' */\r\n    hideAfter?: number;\r\n  }\r\n"],"mappings":""}
+{"version":3,"file":"TooltipTypes.js","names":[],"sources":["../../src/Tooltips/TooltipTypes.tsx"],"sourcesContent":["import { Size } from \"../types\";\n\n/**\n * Types for the table.\n */\n export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n\n    label?: string;\n    /** Optional. If set, then there will be an arrow at the edge closest to children components */\n    withArrow?: boolean;\n    /** Optional.  */\n    width?: string;\n    /** Optional. Defaults to 'Small'. */\n    size?: Size;\n    /** Optional. Delay in appearance of the tooltip. Defaults to 0.7s for 'hover' trigger type. */\n    delay?: string;\n    /** Optional. TabIndex property set to TooltipContainer  */\n    tabIndex?: number;\n    /** Optional. Defaults to 'auto'. */\n    height?: string;\n    /** Optional. To which edge of wrapped components tooltip will be aligned. Defaults to 'center'.  */\n    align? : 'start' | 'end' | 'center' | undefined;\n    /** Optional. Defaults to 'bottom'.  */\n    position? : 'top' | 'right' | 'bottom' | 'left' | undefined;\n    children?: React.ReactNode;\n    /** Optional. What should trigger the appearance of the tooltip - hover or click event. */\n    trigger?: 'hover' | 'click';\n    /** Optional. How long tooltip will be visible after appearing to the user in milliseconds. Works only for trigger type 'click'. Defaults to '5000' */\n    hideAfter?: number;\n  }\n"],"mappings":"","ignoreList":[]}

package/dist/Tooltips/TooltipWrapper.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -15,10 +15,10 @@ var _common = require("../common");
 var _types = require("../types");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["label", "children", "withArrow", "tabIndex", "size", "height", "delay", "align", "position", "trigger", "hideAfter"];
-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 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) { (0, _defineProperty2.default)(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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TooltipWrapper = function TooltipWrapper(_ref) {
   var label = _ref.label,
     children = _ref.children,
@@ -38,9 +38,9 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
     trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
     _ref$hideAfter = _ref.hideAfter,
     hideAfter = _ref$hideAfter === void 0 ? 5000 : _ref$hideAfter,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     showTooltip = _React$useState2[0],
     setShowTooltip = _React$useState2[1];
   var timeoutRef = (0, React.useRef)();
@@ -98,5 +98,5 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
   });
 };
 var _default = TooltipWrapper;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=TooltipWrapper.cjs.map

package/dist/Tooltips/TooltipWrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipWrapper.cjs","names":["TooltipWrapper","label","children","withArrow","tabIndex","size","Size","Small","height","delay","undefined","align","position","trigger","hideAfter","props","React","useState","showTooltip","setShowTooltip","timeoutRef","useRef","ref","useClickOutsideRef","handleClick","e","current","contains","target","clearTimeout","setTimeout","handleButtonDown","key","useEffect","document","addEventListener","removeEventListener","cls"],"sources":["../../src/Tooltips/TooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {TooltipProps} from './TooltipTypes';\r\n\r\nimport {TooltipContainer, Tooltip} from './TooltipStyles';\r\nimport {useClickOutsideRef} from '../common';\r\nimport {useEffect, useRef} from \"react\";\r\nimport {Size} from \"../types\";\r\n\r\nconst TooltipWrapper = ({\r\n                          label, children,\r\n                          withArrow,\r\n                          tabIndex,\r\n                          size = Size.Small,\r\n                          height = 'auto',\r\n                          delay = undefined,\r\n                          align = 'center',\r\n                          position = 'bottom',\r\n                          trigger = 'hover',\r\n                          hideAfter = 5000,\r\n                          ...props\r\n                        }: TooltipProps) => {\r\n\r\n  const [showTooltip, setShowTooltip] = React.useState(false);\r\n  const timeoutRef = useRef<any>();\r\n\r\n  const ref = useClickOutsideRef(() => setShowTooltip(false));\r\n\r\n  const handleClick = (e?: MouseEvent) => {\r\n    if (ref?.current?.contains(e?.target as Node)) {\r\n      setShowTooltip(true)\r\n      timeoutRef.current && clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n    }\r\n  }\r\n  const handleButtonDown = (e?: KeyboardEvent) => {\r\n    if (e?.key === 'Enter' || e?.key === ' ') {\r\n      setShowTooltip(true);\r\n      timeoutRef.current && clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (trigger == 'click') {\r\n      document.addEventListener('mousedown', handleClick);\r\n      ref?.current?.addEventListener('keydown', handleButtonDown);\r\n\r\n      return () => {\r\n        document.removeEventListener('mousedown', handleClick);\r\n        ref?.current?.removeEventListener('keydown', handleButtonDown);\r\n      };\r\n    }\r\n  }, [trigger])\r\n\r\n  const cls = `${trigger === 'click' ? showTooltip ? 'show' : 'hide' : ''}`;\r\n  return <TooltipContainer ref={ref}\r\n                           $delay={delay}\r\n                           tabIndex={tabIndex}\r\n                           $triggerType={trigger}\r\n                           className={cls}>\r\n    <Tooltip $align={align}\r\n             $height={height}\r\n             role=\"tooltip\"\r\n             $size={size}\r\n             $withArrow={withArrow}\r\n             $position={position}\r\n             {...props}>\r\n      {label}\r\n    </Tooltip>\r\n    {children}\r\n  </TooltipContainer>;\r\n};\r\n\r\nexport default TooltipWrapper;\r\n"],"mappings":"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"}
+{"version":3,"file":"TooltipWrapper.cjs","names":["React","_interopRequireWildcard","require","_TooltipStyles","_common","_types","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","TooltipWrapper","_ref","label","children","withArrow","tabIndex","_ref$size","size","Size","Small","_ref$height","height","_ref$delay","delay","undefined","_ref$align","align","_ref$position","position","_ref$trigger","trigger","_ref$hideAfter","hideAfter","props","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","showTooltip","setShowTooltip","timeoutRef","useRef","ref","useClickOutsideRef","handleClick","_ref$current","current","contains","target","clearTimeout","setTimeout","handleButtonDown","key","useEffect","_ref$current2","document","addEventListener","_ref$current3","removeEventListener","cls","concat","jsxs","TooltipContainer","$delay","$triggerType","className","jsx","Tooltip","$align","$height","role","$size","$withArrow","$position","_default","exports"],"sources":["../../src/Tooltips/TooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {TooltipProps} from './TooltipTypes';\n\nimport {TooltipContainer, Tooltip} from './TooltipStyles';\nimport {useClickOutsideRef} from '../common';\nimport {useEffect, useRef} from \"react\";\nimport {Size} from \"../types\";\n\nconst TooltipWrapper = ({\n                          label, children,\n                          withArrow,\n                          tabIndex,\n                          size = Size.Small,\n                          height = 'auto',\n                          delay = undefined,\n                          align = 'center',\n                          position = 'bottom',\n                          trigger = 'hover',\n                          hideAfter = 5000,\n                          ...props\n                        }: TooltipProps) => {\n\n  const [showTooltip, setShowTooltip] = React.useState(false);\n  const timeoutRef = useRef<any>();\n\n  const ref = useClickOutsideRef(() => setShowTooltip(false));\n\n  const handleClick = (e?: MouseEvent) => {\n    if (ref?.current?.contains(e?.target as Node)) {\n      setShowTooltip(true)\n      timeoutRef.current && clearTimeout(timeoutRef.current);\n      timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\n    }\n  }\n  const handleButtonDown = (e?: KeyboardEvent) => {\n    if (e?.key === 'Enter' || e?.key === ' ') {\n      setShowTooltip(true);\n      timeoutRef.current && clearTimeout(timeoutRef.current);\n      timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\n    }\n  }\n\n  useEffect(() => {\n    if (trigger == 'click') {\n      document.addEventListener('mousedown', handleClick);\n      ref?.current?.addEventListener('keydown', handleButtonDown);\n\n      return () => {\n        document.removeEventListener('mousedown', handleClick);\n        ref?.current?.removeEventListener('keydown', handleButtonDown);\n      };\n    }\n  }, [trigger])\n\n  const cls = `${trigger === 'click' ? showTooltip ? 'show' : 'hide' : ''}`;\n  return <TooltipContainer ref={ref}\n                           $delay={delay}\n                           tabIndex={tabIndex}\n                           $triggerType={trigger}\n                           className={cls}>\n    <Tooltip $align={align}\n             $height={height}\n             role=\"tooltip\"\n             $size={size}\n             $withArrow={withArrow}\n             $position={position}\n             {...props}>\n      {label}\n    </Tooltip>\n    {children}\n  </TooltipContainer>;\n};\n\nexport default TooltipWrapper;\n"],"mappings":"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","ignoreList":[]}

package/dist/Tooltips/TooltipWrapper.d.ts

@@ -1,3 +1,4 @@
-import { TooltipProps } from './TooltipTypes';
-declare const TooltipWrapper: ({ label, children, withArrow, tabIndex, size, height, delay, align, position, trigger, hideAfter, ...props }: TooltipProps) => JSX.Element;
-export default TooltipWrapper;
+import * as React from 'react';
+import { TooltipProps } from './TooltipTypes';
+declare const TooltipWrapper: ({ label, children, withArrow, tabIndex, size, height, delay, align, position, trigger, hideAfter, ...props }: TooltipProps) => React.JSX.Element;
+export default TooltipWrapper;

package/dist/Tooltips/TooltipWrapper.js

@@ -2,8 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["label", "children", "withArrow", "tabIndex", "size", "height", "delay", "align", "position", "trigger", "hideAfter"];
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import * as React from 'react';
 import { TooltipContainer, Tooltip } from './TooltipStyles';
 import { useClickOutsideRef } from '../common';

package/dist/Tooltips/TooltipWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipWrapper.js","names":["React","TooltipContainer","Tooltip","useClickOutsideRef","useEffect","useRef","Size","TooltipWrapper","label","children","withArrow","tabIndex","size","Small","height","delay","undefined","align","position","trigger","hideAfter","props","useState","showTooltip","setShowTooltip","timeoutRef","ref","handleClick","e","current","contains","target","clearTimeout","setTimeout","handleButtonDown","key","document","addEventListener","removeEventListener","cls"],"sources":["../../src/Tooltips/TooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {TooltipProps} from './TooltipTypes';\r\n\r\nimport {TooltipContainer, Tooltip} from './TooltipStyles';\r\nimport {useClickOutsideRef} from '../common';\r\nimport {useEffect, useRef} from \"react\";\r\nimport {Size} from \"../types\";\r\n\r\nconst TooltipWrapper = ({\r\n                          label, children,\r\n                          withArrow,\r\n                          tabIndex,\r\n                          size = Size.Small,\r\n                          height = 'auto',\r\n                          delay = undefined,\r\n                          align = 'center',\r\n                          position = 'bottom',\r\n                          trigger = 'hover',\r\n                          hideAfter = 5000,\r\n                          ...props\r\n                        }: TooltipProps) => {\r\n\r\n  const [showTooltip, setShowTooltip] = React.useState(false);\r\n  const timeoutRef = useRef<any>();\r\n\r\n  const ref = useClickOutsideRef(() => setShowTooltip(false));\r\n\r\n  const handleClick = (e?: MouseEvent) => {\r\n    if (ref?.current?.contains(e?.target as Node)) {\r\n      setShowTooltip(true)\r\n      timeoutRef.current && clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n    }\r\n  }\r\n  const handleButtonDown = (e?: KeyboardEvent) => {\r\n    if (e?.key === 'Enter' || e?.key === ' ') {\r\n      setShowTooltip(true);\r\n      timeoutRef.current && clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (trigger == 'click') {\r\n      document.addEventListener('mousedown', handleClick);\r\n      ref?.current?.addEventListener('keydown', handleButtonDown);\r\n\r\n      return () => {\r\n        document.removeEventListener('mousedown', handleClick);\r\n        ref?.current?.removeEventListener('keydown', handleButtonDown);\r\n      };\r\n    }\r\n  }, [trigger])\r\n\r\n  const cls = `${trigger === 'click' ? showTooltip ? 'show' : 'hide' : ''}`;\r\n  return <TooltipContainer ref={ref}\r\n                           $delay={delay}\r\n                           tabIndex={tabIndex}\r\n                           $triggerType={trigger}\r\n                           className={cls}>\r\n    <Tooltip $align={align}\r\n             $height={height}\r\n             role=\"tooltip\"\r\n             $size={size}\r\n             $withArrow={withArrow}\r\n             $position={position}\r\n             {...props}>\r\n      {label}\r\n    </Tooltip>\r\n    {children}\r\n  </TooltipContainer>;\r\n};\r\n\r\nexport default TooltipWrapper;\r\n"],"mappings":"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"}
+{"version":3,"file":"TooltipWrapper.js","names":["React","TooltipContainer","Tooltip","useClickOutsideRef","useEffect","useRef","Size","jsx","_jsx","jsxs","_jsxs","TooltipWrapper","_ref","label","children","withArrow","tabIndex","_ref$size","size","Small","_ref$height","height","_ref$delay","delay","undefined","_ref$align","align","_ref$position","position","_ref$trigger","trigger","_ref$hideAfter","hideAfter","props","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","showTooltip","setShowTooltip","timeoutRef","ref","handleClick","e","_ref$current","current","contains","target","clearTimeout","setTimeout","handleButtonDown","key","_ref$current2","document","addEventListener","_ref$current3","removeEventListener","cls","concat","$delay","$triggerType","className","_objectSpread","$align","$height","role","$size","$withArrow","$position"],"sources":["../../src/Tooltips/TooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {TooltipProps} from './TooltipTypes';\n\nimport {TooltipContainer, Tooltip} from './TooltipStyles';\nimport {useClickOutsideRef} from '../common';\nimport {useEffect, useRef} from \"react\";\nimport {Size} from \"../types\";\n\nconst TooltipWrapper = ({\n                          label, children,\n                          withArrow,\n                          tabIndex,\n                          size = Size.Small,\n                          height = 'auto',\n                          delay = undefined,\n                          align = 'center',\n                          position = 'bottom',\n                          trigger = 'hover',\n                          hideAfter = 5000,\n                          ...props\n                        }: TooltipProps) => {\n\n  const [showTooltip, setShowTooltip] = React.useState(false);\n  const timeoutRef = useRef<any>();\n\n  const ref = useClickOutsideRef(() => setShowTooltip(false));\n\n  const handleClick = (e?: MouseEvent) => {\n    if (ref?.current?.contains(e?.target as Node)) {\n      setShowTooltip(true)\n      timeoutRef.current && clearTimeout(timeoutRef.current);\n      timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\n    }\n  }\n  const handleButtonDown = (e?: KeyboardEvent) => {\n    if (e?.key === 'Enter' || e?.key === ' ') {\n      setShowTooltip(true);\n      timeoutRef.current && clearTimeout(timeoutRef.current);\n      timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\n    }\n  }\n\n  useEffect(() => {\n    if (trigger == 'click') {\n      document.addEventListener('mousedown', handleClick);\n      ref?.current?.addEventListener('keydown', handleButtonDown);\n\n      return () => {\n        document.removeEventListener('mousedown', handleClick);\n        ref?.current?.removeEventListener('keydown', handleButtonDown);\n      };\n    }\n  }, [trigger])\n\n  const cls = `${trigger === 'click' ? showTooltip ? 'show' : 'hide' : ''}`;\n  return <TooltipContainer ref={ref}\n                           $delay={delay}\n                           tabIndex={tabIndex}\n                           $triggerType={trigger}\n                           className={cls}>\n    <Tooltip $align={align}\n             $height={height}\n             role=\"tooltip\"\n             $size={size}\n             $withArrow={withArrow}\n             $position={position}\n             {...props}>\n      {label}\n    </Tooltip>\n    {children}\n  </TooltipContainer>;\n};\n\nexport default TooltipWrapper;\n"],"mappings":"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","ignoreList":[]}

package/dist/Tooltips/index.cjs

@@ -25,7 +25,7 @@ Object.defineProperty(exports, "TooltipTrigger", {
 Object.defineProperty(exports, "TooltipWrapper", {
   enumerable: true,
   get: function get() {
-    return _TooltipWrapper.default;
+    return _TooltipWrapper["default"];
   }
 });
 var _TooltipWrapper = _interopRequireDefault(require("./TooltipWrapper"));

package/dist/Tooltips/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Tooltips/index.ts"],"sourcesContent":["import TooltipWrapper from './TooltipWrapper';\r\nimport {TooltipTrigger, TooltipContainer, Tooltip} from './TooltipStyles';\r\n\r\nexport { TooltipWrapper, TooltipTrigger, TooltipContainer, Tooltip };\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA"}
+{"version":3,"file":"index.cjs","names":["_TooltipWrapper","_interopRequireDefault","require","_TooltipStyles"],"sources":["../../src/Tooltips/index.ts"],"sourcesContent":["import TooltipWrapper from './TooltipWrapper';\nimport {TooltipTrigger, TooltipContainer, Tooltip} from './TooltipStyles';\n\nexport { TooltipWrapper, TooltipTrigger, TooltipContainer, Tooltip };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA","ignoreList":[]}

package/dist/Tooltips/index.d.ts

@@ -1,3 +1,3 @@
-import TooltipWrapper from './TooltipWrapper';
-import { TooltipTrigger, TooltipContainer, Tooltip } from './TooltipStyles';
-export { TooltipWrapper, TooltipTrigger, TooltipContainer, Tooltip };
+import TooltipWrapper from './TooltipWrapper';
+import { TooltipTrigger, TooltipContainer, Tooltip } from './TooltipStyles';
+export { TooltipWrapper, TooltipTrigger, TooltipContainer, Tooltip };

package/dist/Tooltips/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TooltipWrapper","TooltipTrigger","TooltipContainer","Tooltip"],"sources":["../../src/Tooltips/index.ts"],"sourcesContent":["import TooltipWrapper from './TooltipWrapper';\r\nimport {TooltipTrigger, TooltipContainer, Tooltip} from './TooltipStyles';\r\n\r\nexport { TooltipWrapper, TooltipTrigger, TooltipContainer, Tooltip };\r\n"],"mappings":"AAAA,OAAOA,cAAc,MAAM,kBAAkB;AAC7C,SAAQC,cAAc,EAAEC,gBAAgB,EAAEC,OAAO,QAAO,iBAAiB;AAEzE,SAASH,cAAc,EAAEC,cAAc,EAAEC,gBAAgB,EAAEC,OAAO"}
+{"version":3,"file":"index.js","names":["TooltipWrapper","TooltipTrigger","TooltipContainer","Tooltip"],"sources":["../../src/Tooltips/index.ts"],"sourcesContent":["import TooltipWrapper from './TooltipWrapper';\nimport {TooltipTrigger, TooltipContainer, Tooltip} from './TooltipStyles';\n\nexport { TooltipWrapper, TooltipTrigger, TooltipContainer, Tooltip };\n"],"mappings":"AAAA,OAAOA,cAAc,MAAM,kBAAkB;AAC7C,SAAQC,cAAc,EAAEC,gBAAgB,EAAEC,OAAO,QAAO,iBAAiB;AAEzE,SAASH,cAAc,EAAEC,cAAc,EAAEC,gBAAgB,EAAEC,OAAO","ignoreList":[]}