@laerdal/life-react-components 5.0.8-dev.1.full → 5.0.8-dev.2

package/dist/Tooltips/TooltipStyles.js

@@ -5,57 +5,13 @@ import { Size } from '../types';
 import { BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles } from '../styles';
 import { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';
 import { Z_INDEXES } from '../styles/z-indexes';
-var distanceToEdge = function distanceToEdge(size) {
+const distanceToEdge = size => {
   return size == Size.XSmall ? '8px' : !size || size == Size.Small ? '12px' : '16px';
 };
-export var Tooltip = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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 == Size.Small || props.$size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '';
-}, function (props) {
-  return props.$size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '';
-}, function (props) {
-  return props.$size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '';
-}, function (props) {
-  return props.$align == 'center' ? 'text-align: center;' : '';
-}, BOXSHADOWS.BOXSHADOW_L2, function (props) {
-  return props.$size == Size.XSmall ? '4px 8px' : props.$size == Size.Medium ? '8px 12px' : '6px 10px';
-}, function (props) {
-  return props.$width ? "width: ".concat(props.$width, ";") : 'width: max-content;';
-}, function (props) {
-  return props.$height;
-}, function (props) {
+export const Tooltip = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), props => props.$size == Size.Small || props.$size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '', props => props.$size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '', props => props.$size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '', props => props.$align == 'center' ? 'text-align: center;' : '', BOXSHADOWS.BOXSHADOW_L2, props => props.$size == Size.XSmall ? '4px 8px' : props.$size == Size.Medium ? '8px 12px' : '6px 10px', props => props.$width ? "width: ".concat(props.$width, ";") : 'width: max-content;', props => props.$height, props => {
   var _props$$maxWidth;
   return (_props$$maxWidth = props.$maxWidth) !== null && _props$$maxWidth !== void 0 ? _props$$maxWidth : '34em';
-}, function (props) {
-  return COLORS.getColor('primary_800', props.theme);
-}, Z_INDEXES.tooltip, function (props) {
-  return props.$position == 'top' ? 'bottom: 110%;' : props.$position == 'bottom' ? 'top: 110%;' : '';
-}, function (props) {
-  return props.$position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '';
-}, function (props) {
-  return props.$position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '';
-}, function (props) {
-  return props.$position == 'left' || props.$position == 'right' ? '' : props.$align == 'start' ? 'left: 0%;' : props.$align == 'end' ? 'right: 0%;' : 'left: 50%; transform: translateX(-50%);';
-}, function (props) {
-  return !props.$withArrow ? 'display: none;' : '';
-}, function (props) {
-  return props.$position == 'top' ? 'top: 100%;' : props.$position == 'bottom' ? 'bottom: 100%;' : '';
-}, function (props) {
-  return props.$position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '';
-}, function (props) {
-  return props.$position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '';
-}, function (props) {
-  return props.$position == 'left' || props.$position == 'right' ? '' : props.$align == 'start' ? "left: ".concat(distanceToEdge(props.$size), ";") : props.$align == 'end' ? "right: ".concat(distanceToEdge(props.$size), ";") : 'left: 50%;';
-}, function (props) {
-  return props.$position == 'left' ? '' : 'margin-left: -5px;';
-}, function (props) {
-  return props.$position == 'top' ? COLORS.getColor('primary_800', props.theme) : 'transparent';
-}, function (props) {
-  return props.$position == 'right' ? COLORS.getColor('primary_800', props.theme) : 'transparent';
-}, function (props) {
-  return props.$position == 'bottom' ? COLORS.getColor('primary_800', props.theme) : 'transparent';
-}, function (props) {
-  return props.$position == 'left' ? COLORS.getColor('primary_800', props.theme) : 'transparent';
-});
+}, props => COLORS.getColor('primary_800', props.theme), Z_INDEXES.tooltip, props => props.$position == 'top' ? 'bottom: 110%;' : props.$position == 'bottom' ? 'top: 110%;' : '', props => props.$position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '', props => props.$position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '', props => props.$position == 'left' || props.$position == 'right' ? '' : props.$align == 'start' ? 'left: 0%;' : props.$align == 'end' ? 'right: 0%;' : 'left: 50%; transform: translateX(-50%);', props => !props.$withArrow ? 'display: none;' : '', props => props.$position == 'top' ? 'top: 100%;' : props.$position == 'bottom' ? 'bottom: 100%;' : '', props => props.$position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '', props => props.$position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '', props => props.$position == 'left' || props.$position == 'right' ? '' : props.$align == 'start' ? "left: ".concat(distanceToEdge(props.$size), ";") : props.$align == 'end' ? "right: ".concat(distanceToEdge(props.$size), ";") : 'left: 50%;', props => props.$position == 'left' ? '' : 'margin-left: -5px;', props => props.$position == 'top' ? COLORS.getColor('primary_800', props.theme) : 'transparent', props => props.$position == 'right' ? COLORS.getColor('primary_800', props.theme) : 'transparent', props => props.$position == 'bottom' ? COLORS.getColor('primary_800', props.theme) : 'transparent', props => props.$position == 'left' ? COLORS.getColor('primary_800', props.theme) : 'transparent');
 Tooltip.defaultProps = {
   $withArrow: false,
   $size: Size.Small,
@@ -63,10 +19,6 @@ Tooltip.defaultProps = {
   $align: 'center',
   $position: 'bottom'
 };
-export var TooltipTrigger = function TooltipTrigger(triggerType, delay) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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    }"));
-};
-export var TooltipContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  position: relative;\n\n  ", "\n\n  &:focus {\n    ", "\n  }\n"])), function (props) {
-  return TooltipTrigger(props.$triggerType, props.$delay);
-}, focusStyles);
+export const TooltipTrigger = (triggerType, delay) => css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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    }"));
+export const TooltipContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  position: relative;\n\n  ", "\n\n  &:focus {\n    ", "\n  }\n"])), props => TooltipTrigger(props.$triggerType, props.$delay), focusStyles);
 //# sourceMappingURL=TooltipStyles.js.map

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","_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":";;AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,UAAU,EAAEC,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,QAAQ,WAAW;AAC/E,SAASC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,sBAAsB;AAC/F,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAsB,EAAK;EACjD,OAAOA,IAAI,IAAIV,IAAI,CAACW,MAAM,GAAG,KAAK,GAAG,CAACD,IAAI,IAAIA,IAAI,IAAIV,IAAI,CAACY,KAAK,GAAG,MAAM,GAAG,MAAM;AACpF,CAAC;AAED,OAAO,IAAMC,OAAO,GAAGf,MAAM,CAACgB,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,ipBAU7B,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACY,KAAK,IAAIK,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACmB,MAAM,GAAGb,iBAAiB,CAACH,kBAAkB,CAACiB,OAAO,EAAElB,MAAM,CAACmB,QAAQ,CAAC,OAAO,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC,GAAG,EAAE;AAAA,CAAC,EAChK,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACW,MAAM,GAAGJ,kBAAkB,CAACJ,kBAAkB,CAACiB,OAAO,EAAElB,MAAM,CAACmB,QAAQ,CAAC,OAAO,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC,GAAG,EAAE;AAAA,CAAC,EAClI,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACmB,MAAM,GAAGd,iBAAiB,CAACF,kBAAkB,CAACiB,OAAO,EAAElB,MAAM,CAACmB,QAAQ,CAAC,OAAO,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC,GAAG,EAAE;AAAA,CAAC,EACnI,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACM,MAAM,IAAI,QAAQ,GAAG,qBAAqB,GAAG,EAAE;AAAA,CAAC,EACtDtB,UAAU,CAACuB,YAAY,EAG5B,UAACP,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACW,MAAM,GAAG,SAAS,GAAGM,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACmB,MAAM,GAAG,UAAU,GAAG,UAAU;AAAA,CAAC,EAEnH,UAACF,KAAK;EAAA,OAAMA,KAAK,CAACQ,MAAM,aAAAC,MAAA,CAAaT,KAAK,CAACQ,MAAM,SAAM,qBAAqB;AAAA,CAAC,EACrE,UAACR,KAAK;EAAA,OAAKA,KAAK,CAACU,OAAO;AAAA,GACrB,UAACV,KAAK;EAAA,IAAAW,gBAAA;EAAA,QAAAA,gBAAA,GAAKX,KAAK,CAACY,SAAS,cAAAD,gBAAA,cAAAA,gBAAA,GAAI,MAAM;AAAA,GACnC,UAAAX,KAAK;EAAA,OAAIf,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC;AAAA,GAGvDd,SAAS,CAACsB,OAAO,EAC1B,UAACb,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,KAAK,GAAG,eAAe,GAAGd,KAAK,CAACc,SAAS,IAAI,QAAQ,GAAG,YAAY,GAAG,EAAE;AAAA,CAAC,EAEzG,UAACd,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,MAAM,GAAG,4DAA4D,GAAG,EAAE;AAAA,CAAC,EACxG,UAACd,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,OAAO,GAAG,qDAAqD,GAAG,EAAE;AAAA,CAAC,EAEpG,UAACd,KAAK;EAAA,OACRA,KAAK,CAACc,SAAS,IAAI,MAAM,IAAId,KAAK,CAACc,SAAS,IAAI,OAAO,GACnD,EAAE,GACFd,KAAK,CAACM,MAAM,IAAI,OAAO,GACvB,WAAW,GACXN,KAAK,CAACM,MAAM,IAAI,KAAK,GACrB,YAAY,GACZ,yCAAyC;AAAA,GAI3C,UAACN,KAAK;EAAA,OAAM,CAACA,KAAK,CAACe,UAAU,GAAG,gBAAgB,GAAG,EAAE;AAAA,CAAC,EAGtD,UAACf,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,KAAK,GAAG,YAAY,GAAGd,KAAK,CAACc,SAAS,IAAI,QAAQ,GAAG,eAAe,GAAG,EAAE;AAAA,CAAC,EAEzG,UAACd,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,OAAO,GAAG,uDAAuD,GAAG,EAAE;AAAA,CAAC,EACtG,UAACd,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,MAAM,GAAG,sDAAsD,GAAG,EAAE;AAAA,CAAC,EAEpG,UAACd,KAAK;EAAA,OACNA,KAAK,CAACc,SAAS,IAAI,MAAM,IAAId,KAAK,CAACc,SAAS,IAAI,OAAO,GACnD,EAAE,GACFd,KAAK,CAACM,MAAM,IAAI,OAAO,YAAAG,MAAA,CACdjB,cAAc,CAACQ,KAAK,CAACC,KAAK,CAAC,SACpCD,KAAK,CAACM,MAAM,IAAI,KAAK,aAAAG,MAAA,CACXjB,cAAc,CAACQ,KAAK,CAACC,KAAK,CAAC,SACrC,YAAY;AAAA,GAEhB,UAACD,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,MAAM,GAAG,EAAE,GAAG,oBAAoB;AAAA,CAAC,EAIpD,UAACd,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,KAAK,GAAG7B,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,GAAG,aAAa;AAAA,CAAC,EAAI,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,OAAO,GAAG7B,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,GAAG,aAAa;AAAA,CAAC,EACxN,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,QAAQ,GAAG7B,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,GAAG,aAAa;AAAA,CAAC,EAAI,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,MAAM,GAAG7B,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,GAAG,aAAa;AAAA,CAAC,CAOrN;AAEDT,OAAO,CAACoB,YAAY,GAAG;EACrBD,UAAU,EAAE,KAAK;EACjBd,KAAK,EAAElB,IAAI,CAACY,KAAK;EACjBe,OAAO,EAAE,MAAM;EACfJ,MAAM,EAAE,QAAQ;EAChBQ,SAAS,EAAE;AACb,CAAC;AAED,OAAO,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,WAA8B,EAAEC,KAAc;EAAA,OAAKrC,GAAG,CAAAsC,gBAAA,KAAAA,gBAAA,GAAArB,sBAAA,mBACjFmB,WAAW,IAAI,OAAO,cAAAT,MAAA,CACTb,OAAO,uBAAAa,MAAA,CAAoBb,OAAO,gBAAAa,MAAA,CAAab,OAAO,4EAAAa,MAAA,CAG/CU,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,MAAM,qBAAAV,MAAA,CAE5Bb,OAAO,2DAAAa,MAAA,CAEQU,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,IAAI,+BAAAV,MAAA,CAG1Bb,OAAO,mDAAAa,MAAA,CAIPb,OAAO,iCAEd;AAAA,CACL;AAED,OAAO,IAAMyB,gBAAgB,GAAGxC,MAAM,CAACgB,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAvB,sBAAA,oGAItC,UAACC,KAAK;EAAA,OAAKiB,cAAc,CAACjB,KAAK,CAACuB,YAAY,EAAEvB,KAAK,CAACwB,MAAM,CAAC;AAAA,GAGzDrC,WAAW,CAEhB","ignoreList":[]}
+{"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';\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":";;AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,UAAU,EAAEC,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,QAAQ,WAAW;AAC/E,SAASC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,sBAAsB;AAC/F,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,MAAMC,cAAc,GAAIC,IAAsB,IAAK;EACjD,OAAOA,IAAI,IAAIV,IAAI,CAACW,MAAM,GAAG,KAAK,GAAG,CAACD,IAAI,IAAIA,IAAI,IAAIV,IAAI,CAACY,KAAK,GAAG,MAAM,GAAG,MAAM;AACpF,CAAC;AAED,OAAO,MAAMC,OAAO,GAAGf,MAAM,CAACgB,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,ipBAU5BC,KAAK,IAAMA,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACY,KAAK,IAAIK,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACmB,MAAM,GAAGb,iBAAiB,CAACH,kBAAkB,CAACiB,OAAO,EAAElB,MAAM,CAACmB,QAAQ,CAAC,OAAO,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC,GAAG,EAAG,EAC/JL,KAAK,IAAMA,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACW,MAAM,GAAGJ,kBAAkB,CAACJ,kBAAkB,CAACiB,OAAO,EAAElB,MAAM,CAACmB,QAAQ,CAAC,OAAO,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC,GAAG,EAAG,EACjIL,KAAK,IAAMA,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACmB,MAAM,GAAGd,iBAAiB,CAACF,kBAAkB,CAACiB,OAAO,EAAElB,MAAM,CAACmB,QAAQ,CAAC,OAAO,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC,GAAG,EAAG,EAClIL,KAAK,IAAMA,KAAK,CAACM,MAAM,IAAI,QAAQ,GAAG,qBAAqB,GAAG,EAAG,EACtDtB,UAAU,CAACuB,YAAY,EAG3BP,KAAK,IAAMA,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACW,MAAM,GAAG,SAAS,GAAGM,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACmB,MAAM,GAAG,UAAU,GAAG,UAAW,EAElHF,KAAK,IAAMA,KAAK,CAACQ,MAAM,aAAAC,MAAA,CAAaT,KAAK,CAACQ,MAAM,SAAM,qBAAsB,EACpER,KAAK,IAAKA,KAAK,CAACU,OAAO,EACpBV,KAAK;EAAA,IAAAW,gBAAA;EAAA,QAAAA,gBAAA,GAAKX,KAAK,CAACY,SAAS,cAAAD,gBAAA,cAAAA,gBAAA,GAAI,MAAM;AAAA,GACnCX,KAAK,IAAIf,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,EAGvDd,SAAS,CAACsB,OAAO,EACzBb,KAAK,IAAMA,KAAK,CAACc,SAAS,IAAI,KAAK,GAAG,eAAe,GAAGd,KAAK,CAACc,SAAS,IAAI,QAAQ,GAAG,YAAY,GAAG,EAAG,EAExGd,KAAK,IAAMA,KAAK,CAACc,SAAS,IAAI,MAAM,GAAG,4DAA4D,GAAG,EAAG,EACvGd,KAAK,IAAMA,KAAK,CAACc,SAAS,IAAI,OAAO,GAAG,qDAAqD,GAAG,EAAG,EAEnGd,KAAK,IACRA,KAAK,CAACc,SAAS,IAAI,MAAM,IAAId,KAAK,CAACc,SAAS,IAAI,OAAO,GACnD,EAAE,GACFd,KAAK,CAACM,MAAM,IAAI,OAAO,GACvB,WAAW,GACXN,KAAK,CAACM,MAAM,IAAI,KAAK,GACrB,YAAY,GACZ,yCAAyC,EAI1CN,KAAK,IAAM,CAACA,KAAK,CAACe,UAAU,GAAG,gBAAgB,GAAG,EAAG,EAGrDf,KAAK,IAAMA,KAAK,CAACc,SAAS,IAAI,KAAK,GAAG,YAAY,GAAGd,KAAK,CAACc,SAAS,IAAI,QAAQ,GAAG,eAAe,GAAG,EAAG,EAExGd,KAAK,IAAMA,KAAK,CAACc,SAAS,IAAI,OAAO,GAAG,uDAAuD,GAAG,EAAG,EACrGd,KAAK,IAAMA,KAAK,CAACc,SAAS,IAAI,MAAM,GAAG,sDAAsD,GAAG,EAAG,EAEnGd,KAAK,IACNA,KAAK,CAACc,SAAS,IAAI,MAAM,IAAId,KAAK,CAACc,SAAS,IAAI,OAAO,GACnD,EAAE,GACFd,KAAK,CAACM,MAAM,IAAI,OAAO,YAAAG,MAAA,CACdjB,cAAc,CAACQ,KAAK,CAACC,KAAK,CAAC,SACpCD,KAAK,CAACM,MAAM,IAAI,KAAK,aAAAG,MAAA,CACXjB,cAAc,CAACQ,KAAK,CAACC,KAAK,CAAC,SACrC,YAAY,EAEfD,KAAK,IAAMA,KAAK,CAACc,SAAS,IAAI,MAAM,GAAG,EAAE,GAAG,oBAAqB,EAInDd,KAAK,IAAMA,KAAK,CAACc,SAAS,IAAI,KAAK,GAAG7B,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,GAAG,aAAc,EAAKL,KAAK,IAAMA,KAAK,CAACc,SAAS,IAAI,OAAO,GAAG7B,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,GAAG,aAAc,EACvNL,KAAK,IAAMA,KAAK,CAACc,SAAS,IAAI,QAAQ,GAAG7B,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,GAAG,aAAc,EAAKL,KAAK,IAAMA,KAAK,CAACc,SAAS,IAAI,MAAM,GAAG7B,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,GAAG,aAAc,CAOrN;AAEDT,OAAO,CAACoB,YAAY,GAAG;EACrBD,UAAU,EAAE,KAAK;EACjBd,KAAK,EAAElB,IAAI,CAACY,KAAK;EACjBe,OAAO,EAAE,MAAM;EACfJ,MAAM,EAAE,QAAQ;EAChBQ,SAAS,EAAE;AACb,CAAC;AAED,OAAO,MAAMG,cAAc,GAAGA,CAACC,WAA8B,EAAEC,KAAc,KAAKrC,GAAG,CAAAsC,gBAAA,KAAAA,gBAAA,GAAArB,sBAAA,mBACjFmB,WAAW,IAAI,OAAO,cAAAT,MAAA,CACTb,OAAO,uBAAAa,MAAA,CAAoBb,OAAO,gBAAAa,MAAA,CAAab,OAAO,4EAAAa,MAAA,CAG/CU,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,MAAM,qBAAAV,MAAA,CAE5Bb,OAAO,2DAAAa,MAAA,CAEQU,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,IAAI,+BAAAV,MAAA,CAG1Bb,OAAO,mDAAAa,MAAA,CAIPb,OAAO,iCAEd,CACL;AAED,OAAO,MAAMyB,gBAAgB,GAAGxC,MAAM,CAACgB,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAvB,sBAAA,oGAIrCC,KAAK,IAAKiB,cAAc,CAACjB,KAAK,CAACuB,YAAY,EAAEvB,KAAK,CAACwB,MAAM,CAAC,EAGzDrC,WAAW,CAEhB","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\";\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":[]}
+{"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":"","ignoreList":[]}

package/dist/Tooltips/TooltipTypes.d.ts

@@ -1,29 +1,29 @@
-/// <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;
-}
+/// <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\";\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":[]}
+{"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":"","ignoreList":[]}

package/dist/Tooltips/TooltipWrapper.cjs

@@ -1,84 +1,69 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-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"));
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _TooltipStyles = require("./TooltipStyles");
 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(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; }
+const _excluded = ["label", "children", "withArrow", "tabIndex", "size", "height", "delay", "align", "position", "trigger", "hideAfter"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function 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,
-    withArrow = _ref.withArrow,
-    tabIndex = _ref.tabIndex,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? _types.Size.Small : _ref$size,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 'auto' : _ref$height,
-    _ref$delay = _ref.delay,
-    delay = _ref$delay === void 0 ? undefined : _ref$delay,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'center' : _ref$align,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? 'bottom' : _ref$position,
-    _ref$trigger = _ref.trigger,
-    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);
-  var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    showTooltip = _React$useState2[0],
-    setShowTooltip = _React$useState2[1];
-  var timeoutRef = (0, React.useRef)();
-  var ref = (0, _common.useClickOutsideRef)(function () {
-    return setShowTooltip(false);
-  });
-  var handleClick = function handleClick(e) {
+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; }
+const TooltipWrapper = _ref => {
+  let {
+      label,
+      children,
+      withArrow,
+      tabIndex,
+      size = _types.Size.Small,
+      height = 'auto',
+      delay = undefined,
+      align = 'center',
+      position = 'bottom',
+      trigger = 'hover',
+      hideAfter = 5000
+    } = _ref,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  const [showTooltip, setShowTooltip] = React.useState(false);
+  const timeoutRef = (0, _react.useRef)();
+  const ref = (0, _common.useClickOutsideRef)(() => setShowTooltip(false));
+  const handleClick = e => {
     var _ref$current;
     if (ref !== null && ref !== void 0 && (_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(e === null || e === void 0 ? void 0 : e.target)) {
       setShowTooltip(true);
       timeoutRef.current && clearTimeout(timeoutRef.current);
-      timeoutRef.current = setTimeout(function () {
-        return setShowTooltip(false);
-      }, hideAfter);
+      timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);
     }
   };
-  var handleButtonDown = function handleButtonDown(e) {
+  const handleButtonDown = e => {
     if ((e === null || e === void 0 ? void 0 : e.key) === 'Enter' || (e === null || e === void 0 ? void 0 : e.key) === ' ') {
       setShowTooltip(true);
       timeoutRef.current && clearTimeout(timeoutRef.current);
-      timeoutRef.current = setTimeout(function () {
-        return setShowTooltip(false);
-      }, hideAfter);
+      timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);
     }
   };
-  (0, React.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (trigger == 'click') {
       var _ref$current2;
       document.addEventListener('mousedown', handleClick);
-      ref === null || ref === void 0 ? void 0 : (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.addEventListener('keydown', handleButtonDown);
-      return function () {
+      ref === null || ref === void 0 || (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.addEventListener('keydown', handleButtonDown);
+      return () => {
         var _ref$current3;
         document.removeEventListener('mousedown', handleClick);
-        ref === null || ref === void 0 ? void 0 : (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : _ref$current3.removeEventListener('keydown', handleButtonDown);
+        ref === null || ref === void 0 || (_ref$current3 = ref.current) === null || _ref$current3 === void 0 || _ref$current3.removeEventListener('keydown', handleButtonDown);
       };
     }
   }, [trigger]);
-  var cls = "".concat(trigger === 'click' ? showTooltip ? 'show' : 'hide' : '');
+  const cls = "".concat(trigger === 'click' ? showTooltip ? 'show' : 'hide' : '');
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TooltipStyles.TooltipContainer, {
     ref: ref,
     $delay: delay,
@@ -97,6 +82,5 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
     })), children]
   });
 };
-var _default = TooltipWrapper;
-exports["default"] = _default;
+var _default = exports.default = TooltipWrapper;
 //# sourceMappingURL=TooltipWrapper.cjs.map

package/dist/Tooltips/TooltipWrapper.cjs.map

@@ -1 +1 @@
-{"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":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAA8B,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,SAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,QAAAnB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAS,IAAA,CAAApB,CAAA,OAAAW,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAArB,CAAA,GAAAE,CAAA,KAAAoB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAArB,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAsB,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAC,KAAA,CAAAvB,CAAA,EAAAmB,CAAA,YAAAnB,CAAA;AAAA,SAAAwB,cAAA3B,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA0B,SAAA,CAAAC,MAAA,EAAA3B,CAAA,UAAAC,CAAA,WAAAyB,SAAA,CAAA1B,CAAA,IAAA0B,SAAA,CAAA1B,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAR,MAAA,CAAAR,CAAA,OAAA2B,OAAA,WAAA5B,CAAA,QAAA6B,gBAAA,aAAA/B,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAjC,CAAA,EAAAW,MAAA,CAAAqB,yBAAA,CAAA7B,CAAA,KAAAgB,OAAA,CAAAR,MAAA,CAAAR,CAAA,GAAA2B,OAAA,WAAA5B,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAE9B,IAAMkC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAYwB;EAAA,IAXlBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACfC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAAC,SAAA,GAAAL,IAAA,CACRM,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGE,WAAI,CAACC,KAAK,GAAAH,SAAA;IAAAI,WAAA,GAAAT,IAAA,CACjBU,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;IAAAE,UAAA,GAAAX,IAAA,CACfY,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAGE,SAAS,GAAAF,UAAA;IAAAG,UAAA,GAAAd,IAAA,CACjBe,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,QAAQ,GAAAA,UAAA;IAAAE,aAAA,GAAAhB,IAAA,CAChBiB,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,QAAQ,GAAAA,aAAA;IAAAE,YAAA,GAAAlB,IAAA,CACnBmB,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,OAAO,GAAAA,YAAA;IAAAE,cAAA,GAAApB,IAAA,CACjBqB,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,IAAI,GAAAA,cAAA;IACbE,KAAK,OAAAC,yBAAA,aAAAvB,IAAA,EAAArC,SAAA;EAGhC,IAAA6D,eAAA,GAAsCpE,KAAK,CAACqE,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAH,eAAA;IAApDI,WAAW,GAAAF,gBAAA;IAAEG,cAAc,GAAAH,gBAAA;EAClC,IAAMI,UAAU,GAAG,IAAAC,YAAM,EAAM,CAAC;EAEhC,IAAMC,GAAG,GAAG,IAAAC,0BAAkB,EAAC;IAAA,OAAMJ,cAAc,CAAC,KAAK,CAAC;EAAA,EAAC;EAE3D,IAAMK,WAAW,GAAG,SAAdA,WAAWA,CAAIrE,CAAc,EAAK;IAAA,IAAAsE,YAAA;IACtC,IAAIH,GAAG,aAAHA,GAAG,gBAAAG,YAAA,GAAHH,GAAG,CAAEI,OAAO,cAAAD,YAAA,eAAZA,YAAA,CAAcE,QAAQ,CAACxE,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEyE,MAAc,CAAC,EAAE;MAC7CT,cAAc,CAAC,IAAI,CAAC;MACpBC,UAAU,CAACM,OAAO,IAAIG,YAAY,CAACT,UAAU,CAACM,OAAO,CAAC;MACtDN,UAAU,CAACM,OAAO,GAAGI,UAAU,CAAC;QAAA,OAAMX,cAAc,CAAC,KAAK,CAAC;MAAA,GAAER,SAAS,CAAC;IACzE;EACF,CAAC;EACD,IAAMoB,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAI5E,CAAiB,EAAK;IAC9C,IAAI,CAAAA,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAE6E,GAAG,MAAK,OAAO,IAAI,CAAA7E,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAE6E,GAAG,MAAK,GAAG,EAAE;MACxCb,cAAc,CAAC,IAAI,CAAC;MACpBC,UAAU,CAACM,OAAO,IAAIG,YAAY,CAACT,UAAU,CAACM,OAAO,CAAC;MACtDN,UAAU,CAACM,OAAO,GAAGI,UAAU,CAAC;QAAA,OAAMX,cAAc,CAAC,KAAK,CAAC;MAAA,GAAER,SAAS,CAAC;IACzE;EACF,CAAC;EAED,IAAAsB,eAAS,EAAC,YAAM;IACd,IAAIxB,OAAO,IAAI,OAAO,EAAE;MAAA,IAAAyB,aAAA;MACtBC,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEZ,WAAW,CAAC;MACnDF,GAAG,aAAHA,GAAG,wBAAAY,aAAA,GAAHZ,GAAG,CAAEI,OAAO,cAAAQ,aAAA,uBAAZA,aAAA,CAAcE,gBAAgB,CAAC,SAAS,EAAEL,gBAAgB,CAAC;MAE3D,OAAO,YAAM;QAAA,IAAAM,aAAA;QACXF,QAAQ,CAACG,mBAAmB,CAAC,WAAW,EAAEd,WAAW,CAAC;QACtDF,GAAG,aAAHA,GAAG,wBAAAe,aAAA,GAAHf,GAAG,CAAEI,OAAO,cAAAW,aAAA,uBAAZA,aAAA,CAAcC,mBAAmB,CAAC,SAAS,EAAEP,gBAAgB,CAAC;MAChE,CAAC;IACH;EACF,CAAC,EAAE,CAACtB,OAAO,CAAC,CAAC;EAEb,IAAM8B,GAAG,MAAAC,MAAA,CAAM/B,OAAO,KAAK,OAAO,GAAGS,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,EAAE,CAAE;EACzE,oBAAO,IAAAlE,WAAA,CAAAyF,IAAA,EAAC5F,cAAA,CAAA6F,gBAAgB;IAACpB,GAAG,EAAEA,GAAI;IACTqB,MAAM,EAAEzC,KAAM;IACdR,QAAQ,EAAEA,QAAS;IACnBkD,YAAY,EAAEnC,OAAQ;IACtBoC,SAAS,EAAEN,GAAI;IAAA/C,QAAA,gBACtC,IAAAxC,WAAA,CAAA8F,GAAA,EAACjG,cAAA,CAAAkG,OAAO,EAAAjE,aAAA,CAAAA,aAAA;MAACkE,MAAM,EAAE3C,KAAM;MACd4C,OAAO,EAAEjD,MAAO;MAChBkD,IAAI,EAAC,SAAS;MACdC,KAAK,EAAEvD,IAAK;MACZwD,UAAU,EAAE3D,SAAU;MACtB4D,SAAS,EAAE9C;IAAS,GAChBK,KAAK;MAAApB,QAAA,EACfD;IAAK,EACC,CAAC,EACTC,QAAQ;EAAA,CACO,CAAC;AACrB,CAAC;AAAC,IAAA8D,QAAA,GAEajE,cAAc;AAAAkE,OAAA,cAAAD,QAAA","ignoreList":[]}
+{"version":3,"file":"TooltipWrapper.cjs","names":["_react","_interopRequireWildcard","require","React","_TooltipStyles","_common","_types","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","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","size","Size","Small","height","delay","undefined","align","position","trigger","hideAfter","props","_objectWithoutProperties2","showTooltip","setShowTooltip","useState","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';\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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","ignoreList":[]}

package/dist/Tooltips/TooltipWrapper.d.ts

@@ -1,4 +1,4 @@
-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;
+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

@@ -1,7 +1,6 @@
 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"];
+const _excluded = ["label", "children", "withArrow", "tabIndex", "size", "height", "delay", "align", "position", "trigger", "hideAfter"];
 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';
@@ -9,68 +8,53 @@ import { TooltipContainer, Tooltip } from './TooltipStyles';
 import { useClickOutsideRef } from '../common';
 import { useEffect, useRef } from "react";
 import { Size } from "../types";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var TooltipWrapper = function TooltipWrapper(_ref) {
-  var label = _ref.label,
-    children = _ref.children,
-    withArrow = _ref.withArrow,
-    tabIndex = _ref.tabIndex,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? Size.Small : _ref$size,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 'auto' : _ref$height,
-    _ref$delay = _ref.delay,
-    delay = _ref$delay === void 0 ? undefined : _ref$delay,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'center' : _ref$align,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? 'bottom' : _ref$position,
-    _ref$trigger = _ref.trigger,
-    trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
-    _ref$hideAfter = _ref.hideAfter,
-    hideAfter = _ref$hideAfter === void 0 ? 5000 : _ref$hideAfter,
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TooltipWrapper = _ref => {
+  let {
+      label,
+      children,
+      withArrow,
+      tabIndex,
+      size = Size.Small,
+      height = 'auto',
+      delay = undefined,
+      align = 'center',
+      position = 'bottom',
+      trigger = 'hover',
+      hideAfter = 5000
+    } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    showTooltip = _React$useState2[0],
-    setShowTooltip = _React$useState2[1];
-  var timeoutRef = useRef();
-  var ref = useClickOutsideRef(function () {
-    return setShowTooltip(false);
-  });
-  var handleClick = function handleClick(e) {
+  const [showTooltip, setShowTooltip] = React.useState(false);
+  const timeoutRef = useRef();
+  const ref = useClickOutsideRef(() => setShowTooltip(false));
+  const handleClick = e => {
     var _ref$current;
     if (ref !== null && ref !== void 0 && (_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(e === null || e === void 0 ? void 0 : e.target)) {
       setShowTooltip(true);
       timeoutRef.current && clearTimeout(timeoutRef.current);
-      timeoutRef.current = setTimeout(function () {
-        return setShowTooltip(false);
-      }, hideAfter);
+      timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);
     }
   };
-  var handleButtonDown = function handleButtonDown(e) {
+  const handleButtonDown = e => {
     if ((e === null || e === void 0 ? void 0 : e.key) === 'Enter' || (e === null || e === void 0 ? void 0 : e.key) === ' ') {
       setShowTooltip(true);
       timeoutRef.current && clearTimeout(timeoutRef.current);
-      timeoutRef.current = setTimeout(function () {
-        return setShowTooltip(false);
-      }, hideAfter);
+      timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);
     }
   };
-  useEffect(function () {
+  useEffect(() => {
     if (trigger == 'click') {
       var _ref$current2;
       document.addEventListener('mousedown', handleClick);
-      ref === null || ref === void 0 ? void 0 : (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.addEventListener('keydown', handleButtonDown);
-      return function () {
+      ref === null || ref === void 0 || (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.addEventListener('keydown', handleButtonDown);
+      return () => {
         var _ref$current3;
         document.removeEventListener('mousedown', handleClick);
-        ref === null || ref === void 0 ? void 0 : (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : _ref$current3.removeEventListener('keydown', handleButtonDown);
+        ref === null || ref === void 0 || (_ref$current3 = ref.current) === null || _ref$current3 === void 0 || _ref$current3.removeEventListener('keydown', handleButtonDown);
       };
     }
   }, [trigger]);
-  var cls = "".concat(trigger === 'click' ? showTooltip ? 'show' : 'hide' : '');
+  const cls = "".concat(trigger === 'click' ? showTooltip ? 'show' : 'hide' : '');
   return /*#__PURE__*/_jsxs(TooltipContainer, {
     ref: ref,
     $delay: delay,

package/dist/Tooltips/TooltipWrapper.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"TooltipWrapper.js","names":["React","TooltipContainer","Tooltip","useClickOutsideRef","useEffect","useRef","Size","jsx","_jsx","jsxs","_jsxs","TooltipWrapper","_ref","label","children","withArrow","tabIndex","size","Small","height","delay","undefined","align","position","trigger","hideAfter","props","_objectWithoutProperties","_excluded","showTooltip","setShowTooltip","useState","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';\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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","ignoreList":[]}