@digital-ai/dot-components 3.13.1 → 3.13.2

package/index.esm.js

@@ -7966,7 +7966,7 @@ const formatListForTooltip = words => {
     words.forEach(word => {
       elements.push(jsx("div", {
         children: word
-      }));
+      }, word));
     });
     return jsx("div", {
       children: elements
@@ -8017,7 +8017,7 @@ function DotChipList({
           children: jsxs(DotTypography, {
             children: ["+", extraItems.length]
           })
-        }));
+        }, "extra-items-tooltip"));
       }
     } else {
       itemElements = items === null || items === void 0 ? void 0 : items.map(item => jsx(DotChip, {
@@ -9538,6 +9538,7 @@ const DotMetadataApiProvider = ({
   const MOCK_API_URL = 'https://demo-mock-api';
   const retrieveMetadata = useCallback((appType, isPublishedOnly) => {
     setMetadataLoading(true);
+    setAccountIdHeader(accountId);
     return cancelablePromise(DashboardsService.getDashboardsMetadata(undefined, appType, undefined, undefined, isPublishedOnly ? 'PUBLISHED' : undefined)).then(response => {
       setMetadataLoading(false);
       setDashboardsError(null);
@@ -9555,7 +9556,7 @@ const DotMetadataApiProvider = ({
       setDashboardsError(error);
       return null;
     });
-  }, []);
+  }, [accountId]);
   const memoizedValues = useMemo(() => ({
     metadataLoading,
     dashboardsError,
@@ -9611,6 +9612,7 @@ const DotMetadataApiProvider = ({
       setAccountIdHeader(accountId);
       return cancelablePromise(DashboardsService.postDashboardsService1(dashboardId, dashboard)).then(response => {
         setDashboardsError(null);
+        setMetadata(null);
         if (dashboards) {
           dashboards.push(response);
           setDashboards(dashboards.slice());
@@ -9649,6 +9651,7 @@ const DotMetadataApiProvider = ({
       setAccountIdHeader(accountId);
       return cancelablePromise(DashboardsService.patchDashboardsService(dashboardId, dashboard, isSync)).then(response => {
         setDashboardsError(null);
+        setMetadata(null);
         setDashboards(orig => handleUpdateDashboard(orig, response));
         return response;
       }).catch(error => setDashboardsError(error));
@@ -9664,7 +9667,7 @@ const DotMetadataApiProvider = ({
       } else if (OpenAPI.BASE === MOCK_API_URL) {
         setDashboardsError(null);
         setMetadataLoading(false);
-        return Promise.resolve(appType == 'AGILITY' ? getAuthorsMock : []);
+        return Promise.resolve(appType === 'AGILITY' ? getAuthorsMock : []);
       }
       return cancelablePromise(retrieveMetadata(appType, isPublishedOnly)).then(response => {
         response.authors.sort(authorSort);
@@ -9729,7 +9732,7 @@ const DotMetadataApiProvider = ({
         });
       }
     })
-  }), [metadata, metadataLoading, dashboardsError, dashboardsLoading, openedDashboardDetails, platformConsoleUrl]);
+  }), [accountId, metadata, metadataLoading, dashboardsError, dashboardsLoading, openedDashboardDetails, platformConsoleUrl, retrieveMetadata]);
   if (apiUrl && OpenAPI.BASE !== apiUrl) {
     OpenAPI.BASE = apiUrl;
   }
@@ -10310,6 +10313,14 @@ const DotDashboardDetails = _a => {
   return null;
 };
 
+const getActionItemNode = value => {
+  return value ? jsxs("span", {
+    children: ["Create new ", jsx("strong", {
+      children: value
+    }), " category"]
+  }) : 'Enter a label to create new category';
+};
+const MINIMUM_LABEL_LENGTH = 3;
 function DashboardCategoriesAutoComplete(_a) {
   var {
       freesolo: _freesolo,
@@ -10318,30 +10329,34 @@ function DashboardCategoriesAutoComplete(_a) {
       onNewCategory
     } = _a,
     args = __rest(_a, ["freesolo", "actionItem", "onInputChange", "onNewCategory"]);
-  const getActionItemNode = value => {
-    return value ? jsxs("span", {
-      children: ["Create new ", jsx("strong", {
-        children: value
-      }), " category"]
-    }) : 'Enter a label to create new category';
-  };
   const [actionItemText, setActionItemText] = useState(getActionItemNode(''));
+  const [errorMessage, setErrorMessage] = useState(null);
   const handleActionItemClick = newItem => {
-    if (newItem && onNewCategory) {
-      onNewCategory(newItem);
+    if ((newItem === null || newItem === void 0 ? void 0 : newItem.length) >= MINIMUM_LABEL_LENGTH) {
+      if (onNewCategory) {
+        onNewCategory(newItem);
+      }
+    } else if (newItem) {
+      setErrorMessage('Length of a category label must be 3 or more characters.');
     }
   };
   const customActionItem = {
     text: actionItemText,
     onClick: handleActionItemClick
   };
+  const handleInputChange = useCallback((event, value, reason) => {
+    setActionItemText(getActionItemNode(value));
+    if ((value === null || value === void 0 ? void 0 : value.length) >= MINIMUM_LABEL_LENGTH && errorMessage) {
+      setErrorMessage(null);
+    }
+    onInputChange && onInputChange(event, value, reason);
+  }, [errorMessage]);
   return jsx(DotAutoComplete, Object.assign({}, args, {
     freesolo: false,
     actionItem: customActionItem,
-    onInputChange: (event, value, reason) => {
-      setActionItemText(getActionItemNode(value));
-      onInputChange && onInputChange(event, value, reason);
-    }
+    onInputChange: handleInputChange,
+    error: !!errorMessage,
+    helperText: errorMessage
   }));
 }
 

package/package.json

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