@digital-ai/dot-components 4.20.0 → 4.20.1

package/index.esm.js

@@ -2956,6 +2956,7 @@ const DotButton = forwardRef(({
   isSubmit = false,
   onClick,
   onKeyDown,
+  onMouseDown,
   size = 'medium',
   startIcon,
   tabIndex,
@@ -3013,6 +3014,7 @@ const DotButton = forwardRef(({
       fullWidth: fullWidth,
       onClick: event => onClick && onClick(event),
       onKeyDown: onKeyDown,
+      onMouseDown: onMouseDown,
       ref: ref,
       role: ariaRole,
       size: size,
@@ -11789,6 +11791,7 @@ function DotDashboardDialog({
     description,
     name
   } = formValues;
+  const isSubmittingRef = useRef(false);
   const {
     dashboardSearchLoading,
     searchDashboards
@@ -11831,6 +11834,23 @@ function DotDashboardDialog({
       onClose(false);
     };
   }, []);
+  const validateName = useCallback(nameToValidate => __awaiter(this, void 0, void 0, function* () {
+    return cancelablePromise(searchDashboards({
+      name: nameToValidate
+    })).then(response => {
+      if (response === null || 'error' in response) {
+        setNameError('Could not check existing names due to a server error.');
+        return false;
+      } else if (response.length > 0) {
+        const matchingNames = response.filter(dashboard => dashboard.name.toLowerCase() === nameToValidate.toLowerCase() && (!editDashboard || dashboard.name !== editDashboard.name));
+        if (matchingNames.length > 0) {
+          setNameError(`Cannot use duplicate name '${name}'`);
+          return false;
+        }
+      }
+      return true;
+    });
+  }), [editDashboard, name]);
   const handleSubmit = useCallback(isDone => __awaiter(this, void 0, void 0, function* () {
     setIsLoadingSubmit(true);
     // If this dashboard has a parent_id set, it means we are in an in-progress state and we need to use the ID
@@ -11843,8 +11863,12 @@ function DotDashboardDialog({
     if (validName) {
       yield onSubmit(useFormValues, isDone);
     }
+    isSubmittingRef.current = false;
     setIsLoadingSubmit(false);
-  }), [formValues, editDashboard]);
+  }), [formValues, editDashboard, validateName]);
+  const handleMouseDown = () => {
+    isSubmittingRef.current = true;
+  };
   const handleSubmitCreate = useCallback(() => {
     handleSubmit(true);
   }, [handleSubmit]);
@@ -11859,7 +11883,7 @@ function DotDashboardDialog({
       [targetName]: value
     }));
     setIsDirty(true);
-  }, [formValues]);
+  }, []);
   const handleChangeCategories = useCallback((_event, options, _reason) => {
     const values = options.map(option => option.title);
     setFormValues(orig => Object.assign(Object.assign({}, orig), {
@@ -11889,24 +11913,10 @@ function DotDashboardDialog({
     }
     return availableCategoryOptions;
   }, [availableCategories, categories]);
-  const validateName = nameToValidate => __awaiter(this, void 0, void 0, function* () {
-    return cancelablePromise(searchDashboards({
-      name: nameToValidate
-    })).then(response => {
-      if (response === null || 'error' in response) {
-        setNameError('Could not check existing names due to a server error.');
-        return false;
-      } else if (response.length > 0) {
-        const matchingNames = response.filter(dashboard => dashboard.name.toLowerCase() === nameToValidate.toLowerCase() && (!editDashboard || dashboard.name !== editDashboard.name));
-        if (matchingNames.length > 0) {
-          setNameError(`Cannot use duplicate name '${name}'`);
-          return false;
-        }
-      }
-      return true;
-    });
-  });
   const handleNameBlur = useCallback(event => {
+    if (isSubmittingRef.current) {
+      return;
+    }
     const newName = event.target.value;
     if (newName) {
       validateName(newName);
@@ -12009,6 +12019,7 @@ function DotDashboardDialog({
           "data-testid": "save-edit-exit-dashboard-button",
           disabled: dashboardSearchLoading || isLoadingSubmit || !isDirty || !validateFields(),
           onClick: handleSubmitEdit,
+          onMouseDown: handleMouseDown,
           type: "primary",
           children: "Save"
         })]

package/package.json

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

package/src/lib/components/button/Button.d.ts

@@ -1,4 +1,4 @@
-import { KeyboardEventHandler, ReactNode } from 'react';
+import { KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
 import { BaseButtonProps } from '../BaseButtonProps';
 export interface ButtonProps extends BaseButtonProps {
     /** The text for the button. Button text should be in sentence case. */
@@ -6,6 +6,7 @@ export interface ButtonProps extends BaseButtonProps {
     /** Icon placed after the children. */
     endIcon?: ReactNode;
     onKeyDown?: KeyboardEventHandler;
+    onMouseDown?: MouseEventHandler;
     /** Icon placed before the children. */
     startIcon?: ReactNode;
 }