@leafygreen-ui/tooltip - npm Package Compare versions

Comparing version 10.0.5 to 10.0.6

CHANGELOG.md

 # @leafygreen-ui/tooltip
 
+## 10.0.6
+
+### Patch Changes
+
+- c15ee2ac: Fixes missing documentation file
+- Updated dependencies [f73807cf]
+- Updated dependencies [31c09354]
+- Updated dependencies [c15ee2ac]
+  - @leafygreen-ui/icon@11.22.0
+  - @leafygreen-ui/emotion@4.0.6
+  - @leafygreen-ui/hooks@7.7.7
+  - @leafygreen-ui/leafygreen-provider@3.1.5
+  - @leafygreen-ui/lib@10.4.2
+  - @leafygreen-ui/palette@4.0.6
+  - @leafygreen-ui/popover@11.0.14
+  - @leafygreen-ui/tokens@2.1.3
+  - @leafygreen-ui/typography@16.5.3
+
 ## 10.0.5
@@ -4,0 +22,0 @@

dist/index.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("lodash/debounce"),require("prop-types"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/icon"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/popover"),require("@leafygreen-ui/typography"),require("polished"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/palette"),require("@leafygreen-ui/tokens"),require("lodash/clamp")):"function"==typeof define&&define.amd?define(["exports","react","lodash/debounce","prop-types","@leafygreen-ui/emotion","@leafygreen-ui/hooks","@leafygreen-ui/icon","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/popover","@leafygreen-ui/typography","polished","@leafygreen-ui/lib","@leafygreen-ui/palette","@leafygreen-ui/tokens","lodash/clamp"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/tooltip"]={},e.React,e.debounce,e.PropTypes,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/hooks"],e["@leafygreen-ui/icon"],e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/popover"],e["@leafygreen-ui/typography"],e.polished,e["@leafygreen-ui/lib"],e["@leafygreen-ui/palette"],e["@leafygreen-ui/tokens"],e.clamp)}(this,(function(e,t,n,r,o,i,a,l,c,s,u,f,p,d,g){"use strict";function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var b=h(t),m=y(n),v=y(r),x=y(l),O=y(c),w=y(g);function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function E(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},C.apply(this,arguments)}function P(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function S(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function T(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return A(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return A(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function M(e){return b.createElement("svg",C({width:26,height:8,fill:"#001E2B",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 26 8"},e),b.createElement("path",{d:"M27 0H-1v1h.699a10 10 0 017.26 3.123l1.685 1.78a6 6 0 008.712 0l1.686-1.78A10 10 0 0126.302 1H27V0z"}))}var N,q,F,J,z,I,B,D,L,R,H,U,G,X,Y=8,Z=26,K=16,_=o.css(N||(N=S(["\n  margin: unset;\n  font-family: ",";\n  color: ",";\n  font-weight: ",";\n  width: 100%;\n  overflow-wrap: anywhere;\n"])),d.fontFamilies.default,p.palette.gray.light1,d.fontWeights.regular),V=o.css(q||(q=S(["\n  display: flex;\n  align-items: center;\n  border-radius: ","px;\n  padding: 12px ","px;\n  box-shadow: 0px 2px 4px -1px ",";\n  cursor: default;\n  width: fit-content;\n  max-width: 256px;\n"])),K,K,u.transparentize(.85,p.palette.black)),W=o.css(F||(F=S(["\n  position: relative;\n"]))),$=(E(D={},f.Theme.Light,{tooltip:o.css(J||(J=S(["\n      background-color: ",";\n      color: ",";\n    "])),p.palette.black,p.palette.gray.light1),children:o.css(z||(z=S(["\n      color: inherit;\n    "]))),notchFill:p.palette.black}),E(D,f.Theme.Dark,{tooltip:o.css(I||(I=S(["\n      background-color: ",";\n      color: ",";\n    "])),p.palette.gray.light2,p.palette.black),children:o.css(B||(B=S(["\n      color: inherit;\n    "]))),notchFill:p.palette.gray.light2}),D),Q=Z+2*K,ee=o.css(L||(L=S(["\n  min-height: ","px;\n"])),Q),te=o.css(R||(R=S(["\n  transition-delay: ","ms;\n"])),d.transitionDuration.slowest),ne={Hover:"hover",Click:"click"},re={Top:c.Align.Top,Bottom:c.Align.Bottom,Left:c.Align.Left,Right:c.Align.Right};var oe=["open","setOpen","darkMode","baseFontSize","triggerEvent","enabled","align","justify","spacing","usePortal","onClose","id","shouldClose","portalClassName","portalContainer","scrollContainer","popoverZIndex","refEl","className","children","trigger"],ie=function(e){e.stopPropagation()};function ae(e){var n,r=e.open,u=e.setOpen,f=e.darkMode,p=e.baseFontSize,d=e.triggerEvent,g=void 0===d?ne.Hover:d,y=e.enabled,h=void 0===y||y,v=e.align,j=void 0===v?"top":v,A=e.justify,N=void 0===A?"start":A,q=e.spacing,F=void 0===q?12:q,J=e.usePortal,z=void 0===J||J,I=e.onClose,B=void 0===I?function(){}:I,D=e.id,L=e.shouldClose,R=e.portalClassName,Q=e.portalContainer,re=e.scrollContainer,ae=e.popoverZIndex,le=e.refEl,ce=e.className,se=e.children,ue=e.trigger,fe=P(e,oe),pe="boolean"==typeof r,de=T(t.useState(!1),2),ge=de[0],ye=de[1],he=s.useUpdatedBaseFontSize(p),be=pe?r:ge,me=pe&&u?u:ye,ve=t.useRef(null),xe=null!=D?D:null===(n=ve.current)||void 0===n?void 0:n.id,Oe=i.useIdAllocator({prefix:"tooltip",id:xe}),we=l.useDarkMode(f),je=we.darkMode,ke=we.theme;t.useEffect((function(){ue&&a.isComponentGlyph(ue)&&console.warn("Using a LeafyGreenUI Icon or Glyph component as a trigger will not render a Tooltip, as these components do not render their children. To use, please wrap your trigger element in another HTML tag.")}),[ue]);var Ee=t.useCallback((function(){("function"!=typeof L||L())&&(B(),me(!1))}),[me,L,B]),Ce=t.useCallback((function(e,t){return e===ne.Hover?{onMouseEnter:m.default((function(e){n("onMouseEnter",e),me(!0)}),35),onMouseLeave:m.default((function(e){n("onMouseLeave",e),Ee()}),35),onFocus:function(e){n("onFocus",e),me(!0)},onBlur:function(e){n("onBlur",e),Ee()}}:{onClick:function(e){e.target!==ve.current&&(n("onClick",e),me((function(e){return!e})))}};function n(e,n){t&&t[e]&&"function"==typeof t[e]&&t[e](n)}}),[Ee,me,ve]);i.useEscapeKey(Ee,{enabled:be}),i.useBackdropClick(Ee,[ve],be&&"click"===g);var Pe=k({refEl:le,popoverZIndex:ae},z?{spacing:F,usePortal:z,portalClassName:R,portalContainer:Q,scrollContainer:re}:{spacing:F,usePortal:z}),Se=h&&be,Te=["left","right"].includes(j),Ae=b.default.createElement(O.default,C({key:"tooltip",active:Se,align:j,justify:N,adjustOnMutation:!0,onClick:ie,className:o.cx(te,E({},o.css(X||(X=S(["\n          // Try to fit all the content on one line (until it hits max-width)\n          // Overrides default behavior, which is to set width to size of the trigger.\n          // Except when justify is set to fit because the width should be the size of the trigger.\n          // Another exception is when justify is set to fit and the alignment is either left or right. In this case only the height should be the size of the trigger so we still want the width to fit the max content.\n          width: max-content;\n        "]))),N!==c.Justify.Fit||N===c.Justify.Fit&&(j===c.Align.Left||j===c.Align.Right)))},Pe),(function(e){var t=function(e){var t=e.align,n=e.justify,r=e.triggerRect;if(!t||!n||!r)return{notchContainer:"",notch:"",tooltip:""};var i,a,l=Z,s=-(l-Y)/2,u={},f={},p=K,d=2*p,g=0,y="";switch(t){case"top":case"bottom":switch(d=3*p,i=r.width/2-l/2,g=w.default(i,p,d),a=i<=p,u.left="0px",u.right="0px","top"===t?(f.top="calc(100% - 1px)",u.top="".concat(s,"px")):(f.bottom="calc(100% - 1px)",u.bottom="".concat(s,"px"),u.transform="rotate(180deg)"),n){case c.Justify.Start:f.left="".concat(g,"px"),a&&(y="translateX(-".concat(p-i,"px)"));break;case c.Justify.Middle:f.left="0px",f.right="0px";break;case c.Justify.Fit:f.left="".concat(g,"px"),a&&(y="translateX(-".concat(p-i,"px)"));break;case c.Justify.End:f.right="".concat(g,"px"),a&&(y="translateX(".concat(p-i,"px)"))}break;case"left":case"right":switch(d=2*p,i=r.height/2-l/2,g=w.default(i,p,d),a=i<=p,u.top="0px",u.bottom="0px","left"===t?(f.left="calc(100% - 1px)",u.left="".concat(s,"px"),u.transform="rotate(-90deg)"):(f.right="calc(100% - 1px)",u.right="".concat(s,"px"),u.transform="rotate(90deg)"),n){case c.Justify.Start:f.top="".concat(g,"px"),a&&(y="translateY(-".concat(p-i,"px)"));break;case c.Justify.Middle:f.top="0px",f.bottom="0px";break;case c.Justify.Fit:f.top="".concat(g,"px"),a&&(y="translateY(-".concat(p-i,"px)"));break;case c.Justify.End:f.bottom="".concat(g,"px"),a&&(y="translateY(".concat(p-i,"px)"))}}return{notchContainer:o.css(H||(H=S(["\n      position: absolute;\n      width: ","px;\n      height: ","px;\n      overflow: hidden;\n      margin: auto;\n      pointer-events: none;\n      ",";\n    "])),l,l,o.css(f)),notch:o.css(U||(U=S(["\n      ",";\n      position: absolute;\n      width: ","px;\n      height: ","px; // Keep it square. Rotating is simpler\n      margin: 0;\n    "])),o.css(u),Z,Z),tooltip:o.css(G||(G=S(["\n      min-width: ","px;\n      transform: ",";\n    "])),2*g+l,y)}}({align:e.align,justify:e.justify,triggerRect:e.referenceElPos}),n=t.notchContainer,r=t.notch,i=t.tooltip;return b.default.createElement(x.default,{darkMode:!je},b.default.createElement("div",C({role:"tooltip"},fe,{id:Oe,className:o.cx(V,i,$[ke].tooltip,E({},ee,Te),ce),ref:ve}),b.default.createElement("div",{className:o.cx(_,s.bodyTypeScaleStyles[he],$[ke].children)},se),b.default.createElement("div",{className:n},b.default.createElement(M,{className:o.cx(r),fill:$[ke].notchFill}))))}));return ue?"function"==typeof ue?ue(k(k({},Ce(g)),{},{className:W,"aria-describedby":Se?Oe:void 0,children:Ae})):b.default.cloneElement(ue,k(k({},Ce(g,ue.props)),{},{"aria-describedby":Se?Oe:void 0,children:b.default.createElement(b.default.Fragment,null,ue.props.children,Ae),className:o.cx(W,ue.props.className)})):Ae}ae.displayName="Tooltip",ae.propTypes={children:v.default.node,className:v.default.string,align:v.default.oneOf(Object.values(c.Align)),justify:v.default.oneOf(Object.values(c.Justify)),trigger:v.default.oneOfType([v.default.node,v.default.func]),triggerEvent:v.default.oneOf(Object.values(ne)),darkMode:v.default.bool,enabled:v.default.bool,open:v.default.bool,setOpen:v.default.func,id:v.default.string,shouldClose:v.default.func,usePortal:v.default.bool,portalClassName:v.default.string},Object.defineProperty(e,"Justify",{enumerable:!0,get:function(){return c.Justify}}),e.Align=re,e.TriggerEvent=ne,e.default=ae,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("lodash/debounce"),require("prop-types"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/icon"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/popover"),require("@leafygreen-ui/typography"),require("polished"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/palette"),require("@leafygreen-ui/tokens"),require("lodash/clamp")):"function"==typeof define&&define.amd?define(["exports","react","lodash/debounce","prop-types","@leafygreen-ui/emotion","@leafygreen-ui/hooks","@leafygreen-ui/icon","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/popover","@leafygreen-ui/typography","polished","@leafygreen-ui/lib","@leafygreen-ui/palette","@leafygreen-ui/tokens","lodash/clamp"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/tooltip"]={},e.React,e["/debounce"],e.PropTypes,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/hooks"],e["@leafygreen-ui/icon"],e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/popover"],e["@leafygreen-ui/typography"],e.polished,e["@leafygreen-ui/lib"],e["@leafygreen-ui/palette"],e["@leafygreen-ui/tokens"],e["/clamp"])}(this,(function(e,t,n,r,o,i,a,l,c,s,u,f,p,d,g){"use strict";function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var b=h(t),m=y(n),v=y(r),x=y(l),O=y(c),w=y(g);function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function E(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},C.apply(this,arguments)}function P(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function S(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function T(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return A(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return A(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function M(e){return b.createElement("svg",C({width:26,height:8,fill:"#001E2B",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 26 8"},e),b.createElement("path",{d:"M27 0H-1v1h.699a10 10 0 017.26 3.123l1.685 1.78a6 6 0 008.712 0l1.686-1.78A10 10 0 0126.302 1H27V0z"}))}var N,q,F,J,z,I,B,D,L,R,H,U,G,X,Y=8,Z=26,K=16,_=o.css(N||(N=S(["\n  margin: unset;\n  font-family: ",";\n  color: ",";\n  font-weight: ",";\n  width: 100%;\n  overflow-wrap: anywhere;\n"])),d.fontFamilies.default,p.palette.gray.light1,d.fontWeights.regular),V=o.css(q||(q=S(["\n  display: flex;\n  align-items: center;\n  border-radius: ","px;\n  padding: 12px ","px;\n  box-shadow: 0px 2px 4px -1px ",";\n  cursor: default;\n  width: fit-content;\n  max-width: 256px;\n"])),K,K,u.transparentize(.85,p.palette.black)),W=o.css(F||(F=S(["\n  position: relative;\n"]))),$=(E(D={},f.Theme.Light,{tooltip:o.css(J||(J=S(["\n      background-color: ",";\n      color: ",";\n    "])),p.palette.black,p.palette.gray.light1),children:o.css(z||(z=S(["\n      color: inherit;\n    "]))),notchFill:p.palette.black}),E(D,f.Theme.Dark,{tooltip:o.css(I||(I=S(["\n      background-color: ",";\n      color: ",";\n    "])),p.palette.gray.light2,p.palette.black),children:o.css(B||(B=S(["\n      color: inherit;\n    "]))),notchFill:p.palette.gray.light2}),D),Q=Z+2*K,ee=o.css(L||(L=S(["\n  min-height: ","px;\n"])),Q),te=o.css(R||(R=S(["\n  transition-delay: ","ms;\n"])),d.transitionDuration.slowest),ne={Hover:"hover",Click:"click"},re={Top:c.Align.Top,Bottom:c.Align.Bottom,Left:c.Align.Left,Right:c.Align.Right};var oe=["open","setOpen","darkMode","baseFontSize","triggerEvent","enabled","align","justify","spacing","usePortal","onClose","id","shouldClose","portalClassName","portalContainer","scrollContainer","popoverZIndex","refEl","className","children","trigger"],ie=function(e){e.stopPropagation()};function ae(e){var n,r=e.open,u=e.setOpen,f=e.darkMode,p=e.baseFontSize,d=e.triggerEvent,g=void 0===d?ne.Hover:d,y=e.enabled,h=void 0===y||y,v=e.align,j=void 0===v?"top":v,A=e.justify,N=void 0===A?"start":A,q=e.spacing,F=void 0===q?12:q,J=e.usePortal,z=void 0===J||J,I=e.onClose,B=void 0===I?function(){}:I,D=e.id,L=e.shouldClose,R=e.portalClassName,Q=e.portalContainer,re=e.scrollContainer,ae=e.popoverZIndex,le=e.refEl,ce=e.className,se=e.children,ue=e.trigger,fe=P(e,oe),pe="boolean"==typeof r,de=T(t.useState(!1),2),ge=de[0],ye=de[1],he=s.useUpdatedBaseFontSize(p),be=pe?r:ge,me=pe&&u?u:ye,ve=t.useRef(null),xe=null!=D?D:null===(n=ve.current)||void 0===n?void 0:n.id,Oe=i.useIdAllocator({prefix:"tooltip",id:xe}),we=l.useDarkMode(f),je=we.darkMode,ke=we.theme;t.useEffect((function(){ue&&a.isComponentGlyph(ue)&&console.warn("Using a LeafyGreenUI Icon or Glyph component as a trigger will not render a Tooltip, as these components do not render their children. To use, please wrap your trigger element in another HTML tag.")}),[ue]);var Ee=t.useCallback((function(){("function"!=typeof L||L())&&(B(),me(!1))}),[me,L,B]),Ce=t.useCallback((function(e,t){return e===ne.Hover?{onMouseEnter:m.default((function(e){n("onMouseEnter",e),me(!0)}),35),onMouseLeave:m.default((function(e){n("onMouseLeave",e),Ee()}),35),onFocus:function(e){n("onFocus",e),me(!0)},onBlur:function(e){n("onBlur",e),Ee()}}:{onClick:function(e){e.target!==ve.current&&(n("onClick",e),me((function(e){return!e})))}};function n(e,n){t&&t[e]&&"function"==typeof t[e]&&t[e](n)}}),[Ee,me,ve]);i.useEscapeKey(Ee,{enabled:be}),i.useBackdropClick(Ee,[ve],be&&"click"===g);var Pe=k({refEl:le,popoverZIndex:ae},z?{spacing:F,usePortal:z,portalClassName:R,portalContainer:Q,scrollContainer:re}:{spacing:F,usePortal:z}),Se=h&&be,Te=["left","right"].includes(j),Ae=b.default.createElement(O.default,C({key:"tooltip",active:Se,align:j,justify:N,adjustOnMutation:!0,onClick:ie,className:o.cx(te,E({},o.css(X||(X=S(["\n          // Try to fit all the content on one line (until it hits max-width)\n          // Overrides default behavior, which is to set width to size of the trigger.\n          // Except when justify is set to fit because the width should be the size of the trigger.\n          // Another exception is when justify is set to fit and the alignment is either left or right. In this case only the height should be the size of the trigger so we still want the width to fit the max content.\n          width: max-content;\n        "]))),N!==c.Justify.Fit||N===c.Justify.Fit&&(j===c.Align.Left||j===c.Align.Right)))},Pe),(function(e){var t=function(e){var t=e.align,n=e.justify,r=e.triggerRect;if(!t||!n||!r)return{notchContainer:"",notch:"",tooltip:""};var i,a,l=Z,s=-(l-Y)/2,u={},f={},p=K,d=2*p,g=0,y="";switch(t){case"top":case"bottom":switch(d=3*p,i=r.width/2-l/2,g=w.default(i,p,d),a=i<=p,u.left="0px",u.right="0px","top"===t?(f.top="calc(100% - 1px)",u.top="".concat(s,"px")):(f.bottom="calc(100% - 1px)",u.bottom="".concat(s,"px"),u.transform="rotate(180deg)"),n){case c.Justify.Start:f.left="".concat(g,"px"),a&&(y="translateX(-".concat(p-i,"px)"));break;case c.Justify.Middle:f.left="0px",f.right="0px";break;case c.Justify.Fit:f.left="".concat(g,"px"),a&&(y="translateX(-".concat(p-i,"px)"));break;case c.Justify.End:f.right="".concat(g,"px"),a&&(y="translateX(".concat(p-i,"px)"))}break;case"left":case"right":switch(d=2*p,i=r.height/2-l/2,g=w.default(i,p,d),a=i<=p,u.top="0px",u.bottom="0px","left"===t?(f.left="calc(100% - 1px)",u.left="".concat(s,"px"),u.transform="rotate(-90deg)"):(f.right="calc(100% - 1px)",u.right="".concat(s,"px"),u.transform="rotate(90deg)"),n){case c.Justify.Start:f.top="".concat(g,"px"),a&&(y="translateY(-".concat(p-i,"px)"));break;case c.Justify.Middle:f.top="0px",f.bottom="0px";break;case c.Justify.Fit:f.top="".concat(g,"px"),a&&(y="translateY(-".concat(p-i,"px)"));break;case c.Justify.End:f.bottom="".concat(g,"px"),a&&(y="translateY(".concat(p-i,"px)"))}}return{notchContainer:o.css(H||(H=S(["\n      position: absolute;\n      width: ","px;\n      height: ","px;\n      overflow: hidden;\n      margin: auto;\n      pointer-events: none;\n      ",";\n    "])),l,l,o.css(f)),notch:o.css(U||(U=S(["\n      ",";\n      position: absolute;\n      width: ","px;\n      height: ","px; // Keep it square. Rotating is simpler\n      margin: 0;\n    "])),o.css(u),Z,Z),tooltip:o.css(G||(G=S(["\n      min-width: ","px;\n      transform: ",";\n    "])),2*g+l,y)}}({align:e.align,justify:e.justify,triggerRect:e.referenceElPos}),n=t.notchContainer,r=t.notch,i=t.tooltip;return b.default.createElement(x.default,{darkMode:!je},b.default.createElement("div",C({role:"tooltip"},fe,{id:Oe,className:o.cx(V,i,$[ke].tooltip,E({},ee,Te),ce),ref:ve}),b.default.createElement("div",{className:o.cx(_,s.bodyTypeScaleStyles[he],$[ke].children)},se),b.default.createElement("div",{className:n},b.default.createElement(M,{className:o.cx(r),fill:$[ke].notchFill}))))}));return ue?"function"==typeof ue?ue(k(k({},Ce(g)),{},{className:W,"aria-describedby":Se?Oe:void 0,children:Ae})):b.default.cloneElement(ue,k(k({},Ce(g,ue.props)),{},{"aria-describedby":Se?Oe:void 0,children:b.default.createElement(b.default.Fragment,null,ue.props.children,Ae),className:o.cx(W,ue.props.className)})):Ae}ae.displayName="Tooltip",ae.propTypes={children:v.default.node,className:v.default.string,align:v.default.oneOf(Object.values(c.Align)),justify:v.default.oneOf(Object.values(c.Justify)),trigger:v.default.oneOfType([v.default.node,v.default.func]),triggerEvent:v.default.oneOf(Object.values(ne)),darkMode:v.default.bool,enabled:v.default.bool,open:v.default.bool,setOpen:v.default.func,id:v.default.string,shouldClose:v.default.func,usePortal:v.default.bool,portalClassName:v.default.string},Object.defineProperty(e,"Justify",{enumerable:!0,get:function(){return c.Justify}}),e.Align=re,e.TriggerEvent=ne,e.default=ae,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@leafygreen-ui/tooltip",
-  "version": "10.0.5",
+  "version": "10.0.6",
   "description": "LeafyGreen UI Kit Tooltip",
@@ -25,13 +25,13 @@ "main": "./dist/index.js",
   "devDependencies": {
-    "@leafygreen-ui/button": "^20.3.1"
+    "@leafygreen-ui/button": "^21.0.2"
   },
   "dependencies": {
-    "@leafygreen-ui/emotion": "^4.0.5",
-    "@leafygreen-ui/hooks": "^7.7.6",
-    "@leafygreen-ui/icon": "^11.20.1",
-    "@leafygreen-ui/lib": "^10.4.1",
-    "@leafygreen-ui/palette": "^4.0.5",
-    "@leafygreen-ui/popover": "^11.0.13",
-    "@leafygreen-ui/tokens": "^2.1.2",
-    "@leafygreen-ui/typography": "^16.5.2",
+    "@leafygreen-ui/emotion": "^4.0.6",
+    "@leafygreen-ui/hooks": "^7.7.7",
+    "@leafygreen-ui/icon": "^11.22.0",
+    "@leafygreen-ui/lib": "^10.4.2",
+    "@leafygreen-ui/palette": "^4.0.6",
+    "@leafygreen-ui/popover": "^11.0.14",
+    "@leafygreen-ui/tokens": "^2.1.3",
+    "@leafygreen-ui/typography": "^16.5.3",
     "lodash": "^4.17.21",
@@ -41,3 +41,3 @@ "polished": "^4.2.2"
   "peerDependencies": {
-    "@leafygreen-ui/leafygreen-provider": "^3.1.4"
+    "@leafygreen-ui/leafygreen-provider": "^3.1.5"
   },
@@ -44,0 +44,0 @@ "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/tooltip",

No alert changes

Worsened metrics

Total package byte prevSize

187023

decreased by-37.92%

Number of package files

37

decreased by-13.95%

Lines of code

1839

decreased by-20.46%

Dependency changes

• Updated@leafygreen-ui/emotion@^4.0.6

• Updated@leafygreen-ui/hooks@^7.7.7

• Updated@leafygreen-ui/icon@^11.22.0

• Updated@leafygreen-ui/lib@^10.4.2

• Updated@leafygreen-ui/palette@^4.0.6

• Updated@leafygreen-ui/popover@^11.0.14

• Updated@leafygreen-ui/tokens@^2.1.3

• Updated@leafygreen-ui/typography@^16.5.3