@seeqdev/qomponents 0.0.77 → 0.0.79

package/dist/index.js

@@ -6496,6 +6496,10 @@ const HTMLTip = ({ text }) => {
         dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(text) },
     });
 };
+/** Tooltips can cause SystemTests to be flaky, so we suppress them in Playwright and Protractor */
+const suppressTooltip = () => {
+    return window.navigator.userAgent === 'Playwright' || window.navigator.userAgent.includes('Protractor');
+};
 /**
  * QTip
  *
@@ -6542,9 +6546,9 @@ const QTip = () => {
         }
     }, 300, show);
     React.useEffect(() => {
-        document.body.addEventListener('mousemove', onMouseMove);
+        !suppressTooltip() && document.body.addEventListener('mousemove', onMouseMove);
         return () => {
-            document.removeEventListener('mousemove', onMouseMove);
+            !suppressTooltip() && document.removeEventListener('mousemove', onMouseMove);
         };
     }, []);
     const ttTimeout = React.useRef();
@@ -16102,6 +16106,27 @@ const ButtonWithDropdown = ({ dropdownItems, triggerIcon, id, extraClassNames, c
                 })))));
 };
 
+const NewWorkbenchItem = (item) => {
+    return (React.createElement("div", { className: "tw-flex-col tw-flex tw-p-[10px] tw-pl-5 tw-w-[600px]" },
+        React.createElement("div", { className: "tw-flex tw-flex-row tw-gap-2 tw-items-end" },
+            item.icon && (React.createElement(Icon, { icon: item.icon, type: "text", extraClassNames: 'tw-rounded-[3px] tw-h-8 tw-w-8 tw-flex tw-justify-center tw-items-center tw-bg-sq-color-dark dark:tw-text-sq-white tw-text-[22px] tw-text-sq-white ' +
+                    item.iconExtraClassNames })),
+            React.createElement("h4", { className: "tw-text-base tw-font-[600] tw-leading-[20px] mb-0" }, item.display)),
+        React.createElement("div", { className: "tw-text-[13px] tw-font-normal" }, item.text)));
+};
+const ViewWorkbench = (item) => {
+    return (React.createElement("div", { className: "tw-flex-col tw-flex tw-p-[10px]" },
+        React.createElement("div", { className: "tw-flex tw-flex-row tw-gap-2 tw-items-end" },
+            item.icon && (React.createElement(Icon, { icon: item.icon, type: "text", extraClassNames: 'tw-flex tw-justify-center tw-items-center tw-text-[20px] dark:tw-text-sq-white tw-text-sq-text-color ' +
+                    item.iconExtraClassNames })),
+            React.createElement("div", { className: "tw-text-[13px]" }, item.display))));
+};
+const InsertSeeqContent = (item) => {
+    return (React.createElement("div", { className: "tw-flex-col tw-flex tw-justify-start tw-p-[10px] tw-font-normal tw-text-left dark:tw-text-sq-white tw-text-sq-text-color" },
+        React.createElement("h5", { className: "tw-text-[15px] tw-leading-[18px]" }, item.display),
+        React.createElement("div", { className: "tw-text-[11px] tw-text-[#999] !tw-mt-1" }, item.text)));
+};
+
 const borderStyles = [
     'tw-border-solid',
     'tw-border',
@@ -16111,7 +16136,19 @@ const borderStyles = [
 ].join(' ');
 const bgStyles = ['tw-bg-sq-white', 'dark:tw-bg-sq-dark-background'].join(' ');
 const disabledClasses = ['tw-opacity-50', 'tw-cursor-not-allowed'].join(' ');
-const NewWorkbench = ({ newWorkbenchItems, trigger, id, extraClassNames, containerTestId, disabled = false, align = 'end', placement = 'bottom', placementOffset = 5, alignOffset = -35, hasArrow = false, onOpenChange, isOpen, setFocusOnTriggerOnClose = true, keepFocusInsideDropdown = true, ...tooltipProps }) => {
+const renderItem = (variant, item) => {
+    switch (variant) {
+        case 'create-workbench':
+            return React__namespace.createElement(NewWorkbenchItem, { ...item });
+        case 'view-workbench':
+            return React__namespace.createElement(ViewWorkbench, { ...item });
+        case 'insert-seeq-content':
+            return React__namespace.createElement(InsertSeeqContent, { ...item });
+        default:
+            return React__namespace.createElement(NewWorkbenchItem, { ...item });
+    }
+};
+const NewWorkbench = ({ newWorkbenchItems, trigger, id, extraClassNames, containerTestId, disabled = false, align = 'end', placement = 'bottom', placementOffset = 5, alignOffset = -35, hasArrow = false, onOpenChange, isOpen, setFocusOnTriggerOnClose = true, keepFocusInsideDropdown = true, variant, ...tooltipProps }) => {
     const tooltipData = getQTipData(tooltipProps);
     return (React__namespace.createElement($d08ef79370b62062$export$be92b6f5f03c0fe9, { defaultOpen: false, open: isOpen, onOpenChange: onOpenChange, modal: keepFocusInsideDropdown },
         React__namespace.createElement($d08ef79370b62062$export$41fb9f06171c75f4, { id: id, "data-testid": id, className: `tw-border-none focus-visible:tw-outline-none focus:tw-outline-none focus-within:tw-outline-none`, asChild: true, disabled: disabled },
@@ -16128,13 +16165,7 @@ const NewWorkbench = ({ newWorkbenchItems, trigger, id, extraClassNames, contain
                     return (React__namespace.createElement("div", { key: item.display + index },
                         React__namespace.createElement($d08ef79370b62062$export$6d08773d2e66f8f2, { onSelect: (e) => {
                                 item.action(e);
-                            }, className: `tw-cursor-pointer tw-flex dark:tw-text-sq-white hover:tw-bg-sq-gray-highlight dark:hover:tw-bg-sq-gray-highlight-dark tw-relative tw-select-none tw-outline-none data-[disabled]:tw-text-sq-disabled-gray data-[disabled]:tw-pointer-events-none`, "data-testid": item.testId, disabled: !item.enabled },
-                            React__namespace.createElement("div", { className: "tw-flex-col tw-flex tw-p-[10px] tw-pl-5 tw-w-[600px]" },
-                                React__namespace.createElement("div", { className: "tw-flex tw-flex-row tw-gap-2 tw-items-end" },
-                                    item.icon && (React__namespace.createElement(Icon, { icon: item.icon, type: "text", extraClassNames: 'tw-rounded-[3px] tw-h-8 tw-w-8 tw-flex tw-justify-center tw-items-center tw-bg-sq-color-dark dark:tw-text-sq-white tw-text-[22px] tw-text-sq-white ' +
-                                            item.iconExtraClassNames })),
-                                    React__namespace.createElement("h4", { className: "tw-text-base tw-font-[600] tw-leading-[20px] mb-0" }, item.display)),
-                                React__namespace.createElement("div", { className: "tw-text-[13px] tw-font-[400]" }, item.text))),
+                            }, className: `tw-cursor-pointer tw-flex dark:tw-text-sq-white hover:tw-bg-sq-gray-highlight dark:hover:tw-bg-sq-gray-highlight-dark tw-relative tw-select-none tw-outline-none data-[disabled]:tw-text-sq-disabled-gray data-[disabled]:tw-pointer-events-none`, "data-testid": item.testId, disabled: !item.enabled }, renderItem(variant, item)),
                         item.divider && (React__namespace.createElement($d08ef79370b62062$export$1ff3c3f08ae963c0, { "data-testid": `dropdown-divider-${index}`, className: "tw-h-[1px] tw-bg-sq-disabled-gray dark:tw-bg-gray-500 tw-my-[8px]" }))));
                 })))));
 };