@digital-ai/dot-components 4.20.2 → 4.20.3

package/index.esm.js

@@ -7035,6 +7035,9 @@ const getTextFieldRootClassNames = (textFieldWarningClassName, isReadOnly) => us
 const getInputRootClassNames = isDense => useStylesWithRootClass(inputRootClassName, !isDense && inputMediumClassName);
 const getDefaultAutoCompleteValue = (hasMultiple, defaultValue) => hasMultiple && isString$2(defaultValue) ? [defaultValue] : defaultValue;
 const getAutoCompleteGroupBy = group => group ? option => option.group : undefined;
+const isTitleEqual = (option, value) => {
+  return typeof value === 'string' ? option.title === value : option.title === (value === null || value === void 0 ? void 0 : value.title);
+};
 
 function ariaLabelOrAlternates(ariaLabel, label, placeholder) {
   return ariaLabel || label || placeholder;
@@ -7067,7 +7070,7 @@ const DotAutoComplete = ({
   inputId,
   inputRef,
   inputValue,
-  isOptionEqualToValue,
+  isOptionEqualToValue = isTitleEqual,
   label,
   loading,
   maxHeight,
@@ -8994,6 +8997,7 @@ const Grid = ({
   return jsxs("div", {
     className: rootClasses,
     children: [children, isLoading && jsx(DotProgress, {
+      ariaLabel: "Loading more data",
       className: "loading-more-data",
       color: "inherit",
       size: 20
@@ -11782,6 +11786,7 @@ function DotDashboardDialog({
   onContinue,
   title
 }) {
+  var _a;
   const [isDirty, setIsDirty] = useState(false);
   const [isLoadingSubmit, setIsLoadingSubmit] = useState(false);
   const [nameError, setNameError] = useState(null);
@@ -11858,13 +11863,19 @@ function DotDashboardDialog({
     const useFormValues = Object.assign(Object.assign({}, formValues), {
       id: (editDashboard === null || editDashboard === void 0 ? void 0 : editDashboard.parent_id) ? editDashboard === null || editDashboard === void 0 ? void 0 : editDashboard.parent_id : editDashboard === null || editDashboard === void 0 ? void 0 : editDashboard.id
     });
-    const validName = yield validateName(useFormValues.name);
-    // If we fail name validation, set the nameError and don't call the submit function because it will fail.
-    if (validName) {
-      yield onSubmit(useFormValues, isDone);
-    }
-    isSubmittingRef.current = false;
-    setIsLoadingSubmit(false);
+    yield cancelablePromise(validateName(useFormValues.name)).then(validName => {
+      // If we fail name validation, set the nameError and don't call
+      // the submit function because it will fail.
+      if (validName) {
+        cancelablePromise(onSubmit(useFormValues, isDone)).then(() => {
+          isSubmittingRef.current = false;
+          setIsLoadingSubmit(false);
+        });
+      } else {
+        isSubmittingRef.current = false;
+        setIsLoadingSubmit(false);
+      }
+    });
   }), [formValues, editDashboard, validateName]);
   const handleMouseDown = () => {
     isSubmittingRef.current = true;
@@ -11904,11 +11915,9 @@ function DotDashboardDialog({
     const availableCategoryOptions = [];
     if (availableCategories) {
       availableCategories.forEach(category => {
-        if (!categories.includes(category)) {
-          availableCategoryOptions.push({
-            title: category
-          });
-        }
+        availableCategoryOptions.push({
+          title: category
+        });
       });
     }
     return availableCategoryOptions;
@@ -11953,7 +11962,7 @@ function DotDashboardDialog({
     }, message)), jsx(DotInputText, {
       autoFocus: true,
       "data-testid": "dashboard-dialog-name-input",
-      error: nameError || name.length > DASHBOARD_NAME_MAX_LENGTH,
+      error: !!nameError || name.length > DASHBOARD_NAME_MAX_LENGTH,
       helperText: nameError || name.length > DASHBOARD_NAME_MAX_LENGTH && `Name must be ${DASHBOARD_NAME_MAX_LENGTH} characters or less`,
       id: "name",
       label: "Dashboard name",
@@ -11987,7 +11996,7 @@ function DotDashboardDialog({
         "data-testid": "dashboard-dialog-apptype-input",
         name: "Select application",
         disabled: isDisabled('apptype'),
-        value: editDashboard.target_apps[0]
+        value: ((_a = editDashboard.target_apps) === null || _a === void 0 ? void 0 : _a.length) > 0 ? editDashboard.target_apps[0] : undefined
       })]
     }), jsx(DotTypography, {
       variant: "h3",
@@ -12751,8 +12760,7 @@ function DotDashboardOptionsMenu({
     return updateDashboard(dashboard, {
       name: data.name,
       description: data.description,
-      categories: data.categories,
-      target_apps: data.target_apps
+      categories: data.categories
     }).then(result => {
       if (result && 'id' in result) {
         setIsEditPropertiesDialogOpen(false);

package/package.json

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

package/src/lib/components/auto-complete/utils/helpers.d.ts

@@ -17,3 +17,4 @@ export declare const getTextFieldRootClassNames: (textFieldWarningClassName: str
 export declare const getInputRootClassNames: (isDense: boolean) => string;
 export declare const getDefaultAutoCompleteValue: (hasMultiple: boolean, defaultValue: AutoCompleteValue) => string | AutoCompleteOption | AutoCompleteValue[];
 export declare const getAutoCompleteGroupBy: (group: boolean) => (option: AutoCompleteOption) => string;
+export declare const isTitleEqual: (option: AutoCompleteOption, value: AutoCompleteOption | string) => boolean;