@digital-ai/dot-components 3.13.0 → 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
   }));
 }
 
@@ -18038,4 +18053,4 @@ const BoardColumnSummary = ({
   });
 };
 
-export { ApiError$1 as ApiError, BoardStatusProvider, Cell, ColumnStatusProvider, CreateUUID, CssCell, CssGrid, CssGridDebug, DashboardAppTypeOptions, DatePickerKeydownContext, Daytime, DotAccordion, DotActionToolbar, DotAlertBanner, DotAppLogo, DotAppSwitcher, DotAppToolbar, DotAutoComplete, DotAvatar, DotAvatarGroup, DotBadge, Board as DotBoard, BoardColumn as DotBoardColumn, BoardColumnActionBar as DotBoardColumnActionBar, BoardColumnCollapse as DotBoardColumnCollapse, BoardColumnExpand as DotBoardColumnExpand, BoardColumnHeader as DotBoardColumnHeader, BoardColumnItems as DotBoardColumnItems, BoardColumnSummary as DotBoardColumnSummary, DotBreadcrumbs, DotButton, DotButtonToggle, DotCard, DotCardContent, DotCardFooter, DotCardHeader, DotCarousel, DotCheckbox, DotCheckboxGroup, DotChip, DotChipList, DotClickAwayListener, DotConfirmationDialog, DotCopyButton, DotCoreApiProvider, DotDashboardActions, DotDashboardDetails, DotDashboardDialog, DotDashboardHeader, DotDashboardOptionsMenu, DotDashboardPublishConfirm, DotDashboardStatusPill, DotDatePicker, DotDialog, DotDivider, DotDraggableList, DotDrawer, DotDynamicForm, DotEmptyFilterState, DotEmptyState, DotFileListItem, DotFileUpload, DotForm, DotFormGroup, DotHeaderRow, DotIcon, DotIconButton, DotIllustration, DotInlineEdit, DotInputSelect, DotInputText, DotLinearProgress, DotLink, DotList, DotMenu, DotMetadataApiProvider, DotNavigationRail, DotPill, DotPopper, DotProgress, DotProgressButton, DotRadioButton, DotRadioGroup, DotSidebar, DotSkeleton, DotSnackbar, DotSnackbarContainer, DotSnackbarProvider, DotSplitButton, DotStepper, DotStickyWithBorder, DotSwitch, DotTable, DotTableAction, DotTableActions, DotTablePagination, DotTabs, DotThemeProvider, DotTimePicker, DotTooltip, DotTruncateWithTooltip, DotTypography, avatarColors, breakpointOptions, checkIfValidDate, darkFigmaColors, lightThemeColors as lightColors, lightFigmaColors, mockScrollIntoView, parseAutoCompleteValue, variables as themeVariables, typographyOptions, useBoardStatus, useColumnStatus, useDotCoreApiContext, useDotMetadataApiContext, useDotSnackbarContext, useEnqueueErrorMessage };
+export { ApiError$1 as ApiError, BoardStatusProvider, Cell, ColumnStatusProvider, CreateUUID, CssCell, CssGrid, CssGridDebug, DashboardAppTypeOptions, DashboardView, DatePickerKeydownContext, Daytime, DotAccordion, DotActionToolbar, DotAlertBanner, DotAppLogo, DotAppSwitcher, DotAppToolbar, DotAutoComplete, DotAvatar, DotAvatarGroup, DotBadge, Board as DotBoard, BoardColumn as DotBoardColumn, BoardColumnActionBar as DotBoardColumnActionBar, BoardColumnCollapse as DotBoardColumnCollapse, BoardColumnExpand as DotBoardColumnExpand, BoardColumnHeader as DotBoardColumnHeader, BoardColumnItems as DotBoardColumnItems, BoardColumnSummary as DotBoardColumnSummary, DotBreadcrumbs, DotButton, DotButtonToggle, DotCard, DotCardContent, DotCardFooter, DotCardHeader, DotCarousel, DotCheckbox, DotCheckboxGroup, DotChip, DotChipList, DotClickAwayListener, DotConfirmationDialog, DotCopyButton, DotCoreApiProvider, DotDashboardActions, DotDashboardDetails, DotDashboardDialog, DotDashboardHeader, DotDashboardOptionsMenu, DotDashboardPublishConfirm, DotDashboardStatusPill, DotDatePicker, DotDialog, DotDivider, DotDraggableList, DotDrawer, DotDynamicForm, DotEmptyFilterState, DotEmptyState, DotFileListItem, DotFileUpload, DotForm, DotFormGroup, DotHeaderRow, DotIcon, DotIconButton, DotIllustration, DotInlineEdit, DotInputSelect, DotInputText, DotLinearProgress, DotLink, DotList, DotMenu, DotMetadataApiProvider, DotNavigationRail, DotPill, DotPopper, DotProgress, DotProgressButton, DotRadioButton, DotRadioGroup, DotSidebar, DotSkeleton, DotSnackbar, DotSnackbarContainer, DotSnackbarProvider, DotSplitButton, DotStepper, DotStickyWithBorder, DotSwitch, DotTable, DotTableAction, DotTableActions, DotTablePagination, DotTabs, DotThemeProvider, DotTimePicker, DotTooltip, DotTruncateWithTooltip, DotTypography, avatarColors, breakpointOptions, checkIfValidDate, darkFigmaColors, lightThemeColors as lightColors, lightFigmaColors, mockScrollIntoView, parseAutoCompleteValue, variables as themeVariables, typographyOptions, useBoardStatus, useColumnStatus, useDotCoreApiContext, useDotMetadataApiContext, useDotSnackbarContext, useEnqueueErrorMessage };

package/package.json

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

package/src/lib/components/index.d.ts

@@ -94,6 +94,7 @@ export { DotLink } from './link/Link';
 export { DotList } from './list';
 export { DotMenu } from './menu/Menu';
 export { DotMetadataApiProvider, useDotMetadataApiContext, } from './analytics/metadata-api/MetadataApiProvider';
+export { DashboardView } from './analytics/metadata-api/openapi';
 export { DotNavigationRail } from './navigation-rail';
 export { DotPill } from './pill/Pill';
 export { DotProgress } from './progress';