@loomhq/lens 10.33.1 → 10.34.0

package/dist/components/tooltip/tooltip.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const TooltipBoxWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TooltipBoxProps, object>;
 export declare const TooltipBox: ({ children, maxWidth, onMouseEnter, onMouseLeave, layerProps, zIndex, ...rest }: TooltipBoxProps & React.ComponentProps<typeof TooltipBoxWrapper>) => JSX.Element;
-declare function Tooltip({ children, content, placement, keepOpen, triggerOffset, maxWidth, isInline, container, zIndex, verticalAlign, ...rest }: TooltipProps): JSX.Element;
+declare function Tooltip({ children, content, placement, keepOpen, triggerOffset, maxWidth, isInline, isDisabled, container, zIndex, verticalAlign, ...rest }: TooltipProps): JSX.Element;
 export declare const availablePlacements: string[];
 declare type TooltipBoxProps = {
     children?: React.ReactNode;
@@ -12,15 +12,16 @@ declare type TooltipBoxProps = {
     zIndex?: number;
 };
 declare type TooltipProps = {
-    placement?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'leftTop' | 'leftCenter' | 'leftBottom' | 'rightTop' | 'rightCenter' | 'rightBottom';
+    children?: React.ReactNode;
+    container?: HTMLElement | (() => HTMLElement) | string;
     content?: React.ReactNode;
-    triggerOffset?: number;
+    isDisabled?: boolean;
+    isInline?: boolean;
     keepOpen?: boolean;
     maxWidth?: number | string | [];
-    isInline?: boolean;
-    container?: HTMLElement | (() => HTMLElement) | string;
-    zIndex?: number;
-    children?: React.ReactNode;
+    placement?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'leftTop' | 'leftCenter' | 'leftBottom' | 'rightTop' | 'rightCenter' | 'rightBottom';
+    triggerOffset?: number;
     verticalAlign?: string;
+    zIndex?: number;
 };
 export default Tooltip;

package/dist/components/tooltip/tooltip.js

@@ -53,7 +53,7 @@ const TooltipChildren = styled.span `
   ${props => props.verticalAlign && `vertical-align: ${props.verticalAlign}`};
 `;
 function Tooltip(_a) {
-    var { children, content, placement = 'topCenter', keepOpen, triggerOffset = 4, maxWidth = 26, isInline = true, container, zIndex = 1100, verticalAlign = 'middle' } = _a, rest = __rest(_a, ["children", "content", "placement", "keepOpen", "triggerOffset", "maxWidth", "isInline", "container", "zIndex", "verticalAlign"]);
+    var { children, content, placement = 'topCenter', keepOpen, triggerOffset = 4, maxWidth = 26, isInline = true, isDisabled, container, zIndex = 1100, verticalAlign = 'middle' } = _a, rest = __rest(_a, ["children", "content", "placement", "keepOpen", "triggerOffset", "maxWidth", "isInline", "isDisabled", "container", "zIndex", "verticalAlign"]);
     const [show, hoverProps] = useHover({
         delayEnter: 100,
         delayLeave: 100,
@@ -71,6 +71,7 @@ function Tooltip(_a) {
     return (React.createElement(React.Fragment, null,
         React.createElement(TooltipChildren, Object.assign({}, triggerProps, hoverProps, { isInline: isInline, verticalAlign: verticalAlign }), children),
         isOpen &&
+            !isDisabled &&
             renderLayer(React.createElement("div", Object.assign({}, layerProps, { style: Object.assign(Object.assign({}, layerProps.style), { zIndex }) }),
                 React.createElement(TooltipBox, Object.assign({ maxWidth: maxWidth, onMouseEnter: () => setIsOverTooltip(true), onMouseLeave: () => setIsOverTooltip(false) }, rest), content)))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loomhq/lens",
-  "version": "10.33.1",
+  "version": "10.34.0",
   "scripts": {
     "dev": "next",
     "build:next": "next build",