@digital-ai/dot-components 3.15.0 → 3.15.3

package/index.esm.js

@@ -50,6 +50,8 @@ const DotTooltip = ({
   className,
   'data-testid': dataTestId,
   disablePortal = false,
+  followCursor = false,
+  enterDelay = 0,
   hoverVisibility = 'always',
   leaveDelay,
   onClose,
@@ -87,6 +89,7 @@ const DotTooltip = ({
     "data-testid": dataTestId,
     disableHoverListener: hoverVisibility === 'never' || hoverVisibility === 'overflow' && !hasTooltipOnHover,
     leaveDelay: leaveDelay,
+    enterDelay: enterDelay,
     onClose: onClose,
     open: open,
     placement: placement,
@@ -96,6 +99,7 @@ const DotTooltip = ({
     },
     role: ariaRole,
     title: title,
+    followCursor: followCursor,
     children: jsx("span", {
       ref: childrenWrapperRef,
       tabIndex: -1,
@@ -3121,7 +3125,7 @@ const StyledPopper = styled(Popper)`
       z-index: ${levelSecond};
     }
     &.${rootClassName$18}, &.${rootClassName$19} {
-      .MuiPaper-root {
+      .MuiPaper-root:not(:empty) {
         border: 1px solid ${theme.palette.layer.n100};
       }
 
@@ -6745,6 +6749,7 @@ const DotAutoComplete = ({
     };
     return jsxs(Fragment, {
       children: [loading && jsx(DotProgress, {
+        ariaLabel: "loading autocomplete data",
         color: "inherit",
         size: 20
       }), getInputAdornment(), nativeEndAdornment]
@@ -10696,6 +10701,12 @@ function DotDashboardDialog({
       validateName(newName);
     }
   }, [validateName]);
+  const validateRequiredFields = () => {
+    if (!formValues.name) {
+      return false;
+    }
+    return true;
+  };
   return jsxs(StyledDashboardDialog, {
     cancelButtonProps: {
       'data-testid': 'cancel-create-dashboard-button'
@@ -10777,13 +10788,13 @@ function DotDashboardDialog({
           children: "Cancel"
         }), jsx(DotButton, {
           "data-testid": "save-edit-exit-dashboard-button",
-          disabled: isLoadingSubmit || !isDirty,
+          disabled: isLoadingSubmit || !isDirty || !validateRequiredFields(),
           onClick: handleSubmitEditExit,
           type: "outlined",
           children: "Save and exit"
         }), jsx(DotButton, {
           "data-testid": "save-edit-continue-dashboard-button",
-          disabled: isLoadingSubmit,
+          disabled: isLoadingSubmit || !validateRequiredFields(),
           onClick: handleSubmitEditContinue,
           type: "primary",
           children: isDirty ? 'Save and continue' : 'Continue'
@@ -15959,18 +15970,24 @@ const StyledTabs = styled(Tabs)`
         width: 100%;
       }
 
-      .dot-tab-label-container {
-        display: flex;
-        .dot-tab-label {
-          padding-top: ${theme.spacing(0.5)};
-        }
-      }
-
       .MuiTab-root {
-        box-shadow: inset 0px -1px 0px ${theme.palette.figma.border.default};
-        color: ${theme.palette.figma.primary.elevated};
+        box-shadow: inset 0 -1px 0 ${theme.palette.figma.border.default};
         max-width: 360px;
         min-width: 0;
+        color: ${theme.palette.figma.typography.black};
+
+        .dot-icon {
+          color: ${theme.palette.figma.typography.black};
+          display: inline;
+          padding-right: ${theme.spacing(0.5)};
+        }
+
+        &.Mui-selected {
+          &,
+          .dot-icon {
+            color: ${theme.palette.figma.primary.elevated};
+          }
+        }
 
         &.Mui-disabled {
           color: ${theme.palette.figma.typography.disabled};
@@ -15979,18 +15996,20 @@ const StyledTabs = styled(Tabs)`
             color: ${theme.palette.figma.typography.disabled};
           }
         }
+
+        .dot-tab-label-container {
+          display: flex;
+
+          .dot-tab-label {
+            padding-top: ${theme.spacing(0.5)};
+          }
+        }
       }
 
       .MuiTabs-indicator {
         background: ${theme.palette.figma.border.inputActive};
         height: 3px;
       }
-
-      .dot-icon {
-        color: ${theme.palette.figma.primary.elevated};
-        display: inline;
-        padding-right: ${theme.spacing(0.5)};
-      }
     }
   `}
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "3.15.0",
+  "version": "3.15.3",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [

package/src/lib/components/tooltip/Tooltip.d.ts

@@ -8,6 +8,8 @@ export interface TooltipProps extends CommonProps {
     children: ReactElement;
     /** Disable the portal behavior. If true, children stay within parent DOM hierarchy. */
     disablePortal?: boolean;
+    enterDelay?: number;
+    followCursor?: boolean;
     hoverVisibility?: TooltipHoverVisibility;
     leaveDelay?: number;
     onClose?: (event: ChangeEvent) => void;
@@ -16,4 +18,4 @@ export interface TooltipProps extends CommonProps {
     popperClassName?: string;
     title?: ReactNode | string | number;
 }
-export declare const DotTooltip: ({ ariaLabel, ariaRole, arrow, children, className, "data-testid": dataTestId, disablePortal, hoverVisibility, leaveDelay, onClose, open, placement, popperClassName, title, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotTooltip: ({ ariaLabel, ariaRole, arrow, children, className, "data-testid": dataTestId, disablePortal, followCursor, enterDelay, hoverVisibility, leaveDelay, onClose, open, placement, popperClassName, title, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;