@digital-ai/dot-components 4.1.0 → 4.2.0

package/index.esm.js

@@ -9543,7 +9543,7 @@ function DotDashboardStatusPill({
           label: "Edit in progress",
           size: "small",
           variant: "outlined",
-          status: "success"
+          status: "warning"
         })
       });
     } else {
@@ -9832,7 +9832,7 @@ const categorySort = (a, b) => a.localeCompare(b);
 const metadataKey = isPublishedOnly => isPublishedOnly ? 'published' : 'all';
 const handleUpdateDashboard = (dashboards, updatedDashboard) => {
   updateItemInArray(dashboards, updatedDashboard, ID);
-  return dashboards;
+  return dashboards ? [...dashboards] : dashboards;
 };
 const DotMetadataApiContext = createContext(null);
 const accountHeaderKey = 'X-Digitalai-Account-ID';
@@ -9860,6 +9860,7 @@ const DotMetadataApiProvider = ({
   const [accountId, setAccountId] = useState(accountOverrideId);
   const [dashboards, setDashboards] = useState();
   const [dashboardsLoading, setDashboardsLoading] = useState(true);
+  const [dashboardSearchLoading, setDashboardSearchLoading] = useState(false);
   const [metadata, setMetadata] = useState(null);
   const [metadataLoading, setMetadataLoading] = useState(true);
   const [helpContentLoading, setHelpContentLoading] = useState(true);
@@ -9892,6 +9893,7 @@ const DotMetadataApiProvider = ({
     metadataLoading,
     dashboardsError,
     dashboardsLoading,
+    dashboardSearchLoading,
     helpContentLoading,
     openedDashboardDetails,
     platformConsoleUrl,
@@ -9921,14 +9923,16 @@ const DotMetadataApiProvider = ({
       favorite,
       returnErrors = false
     }) => {
+      if (OpenAPI.BASE === MOCK_API_URL) {
+        setDashboardsError(null);
+        return Promise.resolve([]);
+      }
       setAccountIdHeader(accountId);
-      setDashboardsLoading(true);
+      setDashboardSearchLoading(true);
       return cancelablePromise(DashboardsService.getDashboardsService(start, count, sort, filter, favorite, q, authorFullname, authorId, biType, description, id, isOotbDashboard, lifecycleState, name, targetApp)).then(response => {
         setDashboardsError(null);
-        setDashboardsLoading(false);
         return response.results;
       }).catch(error => {
-        setDashboardsLoading(false);
         if (returnErrors) {
           return {
             error: error.message
@@ -9937,7 +9941,7 @@ const DotMetadataApiProvider = ({
           setDashboardsError(error);
           return null;
         }
-      });
+      }).finally(() => setDashboardSearchLoading(false));
     },
     deleteDashboard: dashboardId => {
       setAccountIdHeader(accountId);
@@ -10015,6 +10019,12 @@ const DotMetadataApiProvider = ({
       }
     },
     updateDashboard: (dashboardId, dashboard, isSync = false) => __awaiter(void 0, void 0, void 0, function* () {
+      if (OpenAPI.BASE === MOCK_API_URL) {
+        setDashboardsError(null);
+        return Promise.resolve(Object.assign(Object.assign({}, dashboard), {
+          id: dashboardId
+        }));
+      }
       setAccountIdHeader(accountId);
       return cancelablePromise(DashboardsService.patchDashboardsService(dashboardId, dashboard, isSync)).then(response => {
         setDashboardsError(null);
@@ -10029,6 +10039,7 @@ const DotMetadataApiProvider = ({
         const appTypeMetadata = metadata[appType];
         if (key in appTypeMetadata) {
           appTypeMetadata[key]['authors'].sort(authorSort);
+          setMetadataLoading(false);
           return Promise.resolve(appTypeMetadata[key]['authors']);
         }
       } else if (OpenAPI.BASE === MOCK_API_URL) {
@@ -10047,6 +10058,7 @@ const DotMetadataApiProvider = ({
         const appTypeMetadata = metadata[appType];
         if (key in appTypeMetadata) {
           appTypeMetadata[key]['categories'].sort(categorySort);
+          setMetadataLoading(false);
           return Promise.resolve(appTypeMetadata[key]['categories']);
         }
       } else if (OpenAPI.BASE === MOCK_API_URL) {
@@ -10077,7 +10089,7 @@ const DotMetadataApiProvider = ({
         });
       }
     })
-  }), [accountId, metadata, metadataLoading, dashboardsError, dashboardsLoading, openedDashboardDetails, platformConsoleUrl, retrieveMetadata]);
+  }), [accountId, metadata, metadataLoading, dashboardsError, dashboardsLoading, dashboardSearchLoading, openedDashboardDetails, platformConsoleUrl, retrieveMetadata]);
   if (apiUrl && OpenAPI.BASE !== apiUrl) {
     OpenAPI.BASE = apiUrl;
   }
@@ -10864,6 +10876,9 @@ const StyledDashboardDialog = styled(DotDialog)`
     .dot-input-select {
       margin-bottom: ${theme.spacing(2)};
     }
+    .disabled-fields-banner {
+      margin-bottom: ${theme.spacing(2)};
+    }
   `}
 `;
 const StyledDialogActions = styled(DialogActions)`
@@ -10905,6 +10920,10 @@ function DotDashboardDialog({
   availableCategories,
   copyDashboard,
   editDashboard,
+  fieldConfig = {
+    apptype: 'disabled'
+  },
+  messages,
   open,
   onClose,
   onSubmit,
@@ -10921,11 +10940,28 @@ function DotDashboardDialog({
     name
   } = formValues;
   const {
+    dashboardSearchLoading,
     searchDashboards
   } = useDotMetadataApiContext();
   const {
     cancelablePromise
   } = useCancelablePromise();
+  const fieldConfigWithDefault = useMemo(() => {
+    let config = fieldConfig;
+    if (!config) {
+      config = {
+        apptype: 'disabled'
+      };
+    } else if (!('apptype' in config)) {
+      config = Object.assign(Object.assign({}, config), {
+        apptype: 'disabled'
+      });
+    }
+    return config;
+  }, [fieldConfig]);
+  const isDisabled = useCallback((key, b = true) => {
+    return b && key in fieldConfigWithDefault && fieldConfigWithDefault[key] === 'disabled';
+  }, [fieldConfigWithDefault]);
   useEffect(() => {
     if (copyDashboard) {
       setFormValues(orig => Object.assign(Object.assign({}, orig), {
@@ -10945,30 +10981,23 @@ function DotDashboardDialog({
       onClose(false);
     };
   }, []);
-  const handleSubmit = useCallback(returnToList => __awaiter(this, void 0, void 0, function* () {
+  const handleSubmit = useCallback(isDone => __awaiter(this, void 0, void 0, function* () {
     setIsLoadingSubmit(true);
     const useFormValues = Object.assign(Object.assign({}, formValues), {
       id: editDashboard === null || editDashboard === void 0 ? void 0 : editDashboard.id
     });
     const validName = yield validateName(useFormValues.name);
     if (validName) {
-      yield onSubmit(useFormValues, returnToList);
+      yield onSubmit(useFormValues, isDone);
     }
     setIsLoadingSubmit(false);
   }), [formValues, editDashboard]);
   const handleSubmitCreate = useCallback(() => {
-    handleSubmit(false);
-  }, [handleSubmit]);
-  const handleSubmitEditExit = useCallback(() => {
     handleSubmit(true);
   }, [handleSubmit]);
-  const handleSubmitEditContinue = useCallback(() => {
-    if (isDirty || !onContinue) {
-      handleSubmit(false);
-    } else {
-      onContinue();
-    }
-  }, [isDirty, handleSubmit, onContinue]);
+  const handleSubmitEdit = useCallback(() => {
+    handleSubmit(false);
+  }, [handleSubmit]);
   const handleChange = useCallback(event => {
     const targetName = event.target.name;
     const value = event.target.value;
@@ -11030,12 +11059,9 @@ function DotDashboardDialog({
       validateName(newName);
     }
   }, [validateName]);
-  const validateRequiredFields = () => {
-    if (!formValues.name) {
-      return false;
-    }
-    return true;
-  };
+  const validateRequiredFields = useCallback(() => {
+    return !!formValues.name && !nameError;
+  }, [formValues.name, nameError]);
   return jsxs(StyledDashboardDialog, {
     cancelButtonProps: {
       'data-testid': 'cancel-create-dashboard-button'
@@ -11053,7 +11079,14 @@ function DotDashboardDialog({
       label: 'Continue'
     },
     title: title || 'Create dashboard',
-    children: [jsx(DotInputText, {
+    children: [messages === null || messages === void 0 ? void 0 : messages.map(message => jsx(DotAlertBanner, {
+      severity: "info",
+      className: "disabled-fields-banner",
+      "data-testid": "disabled-fields-banner",
+      children: jsx(DotTypography, {
+        children: message
+      })
+    }, message)), jsx(DotInputText, {
       autoFocus: true,
       "data-testid": "dashboard-dialog-name-input",
       error: nameError || name.length > DASHBOARD_NAME_MAX_LENGTH,
@@ -11061,6 +11094,7 @@ function DotDashboardDialog({
       id: "name",
       label: "Dashboard name",
       name: "name",
+      disabled: isDisabled('name'),
       onBlur: handleNameBlur,
       onChange: handleChange,
       required: true,
@@ -11075,6 +11109,7 @@ function DotDashboardDialog({
       minRows: 4,
       maxRows: 4,
       name: "description",
+      disabled: isDisabled('description'),
       onChange: handleChange,
       value: description
     }), editDashboard && jsxs(Fragment, {
@@ -11087,7 +11122,7 @@ function DotDashboardDialog({
         id: "dashboard-apptype-select",
         "data-testid": "dashboard-dialog-apptype-input",
         name: "Select application",
-        disabled: true,
+        disabled: isDisabled('apptype'),
         value: editDashboard.target_apps[0]
       })]
     }), jsx(DotTypography, {
@@ -11106,6 +11141,7 @@ function DotDashboardDialog({
       placeholder: "Select categories",
       label: "Category",
       required: editDashboard && editDashboard.lifecycle_state === DashboardView.lifecycle_state.PUBLISHED,
+      disabled: isDisabled('categories'),
       value: getCategoryValues()
     }), editDashboard && jsx(Fragment, {
       children: jsxs(StyledDialogActions, {
@@ -11117,16 +11153,10 @@ function DotDashboardDialog({
           children: "Cancel"
         }), jsx(DotButton, {
           "data-testid": "save-edit-exit-dashboard-button",
-          disabled: isLoadingSubmit || !isDirty || !validateRequiredFields(),
-          onClick: handleSubmitEditExit,
-          type: "outlined",
-          children: "Save and exit"
-        }), jsx(DotButton, {
-          "data-testid": "save-edit-continue-dashboard-button",
-          disabled: isLoadingSubmit || !validateRequiredFields(),
-          onClick: handleSubmitEditContinue,
+          disabled: dashboardSearchLoading || isLoadingSubmit || !isDirty || !validateRequiredFields(),
+          onClick: handleSubmitEdit,
           type: "primary",
-          children: isDirty ? 'Save and continue' : 'Continue'
+          children: "Save"
         })]
       })
     })]
@@ -11752,6 +11782,8 @@ const StyledDotMenu = styled(DotMenu)`
   `}
 `;
 
+const disabledFieldsMessage = 'Dashboard name and description cannot be modified while the dashboard editor is active. Please save your changes and close the editor, if you need to make a name or description change.';
+const inProgressEditMessage = 'This is a published dashboard; changes will not be visible to other users until you publish the updated dashboard.';
 function DotDashboardOptionsMenu({
   dashboard,
   currentUser,
@@ -11761,12 +11793,19 @@ function DotDashboardOptionsMenu({
   onStartDuplicate,
   onStartStatusChange,
   onStartRevert,
+  onUpdatedProperties,
   onViewOriginal,
   onViewMode,
   onDetails
 }) {
   const [anchorEl, setAnchorEl] = useState(null);
   const [open, setOpen] = useState(false);
+  const [isEditPropertiesDialogOpen, setIsEditPropertiesDialogOpen] = useState(false);
+  const [categoryOptions, setCategoryOptions] = useState();
+  const {
+    getCategories,
+    updateDashboard
+  } = useDotMetadataApiContext();
   const handleMenuClick = useCallback(event => {
     setAnchorEl(event.currentTarget);
     setOpen(orig => !orig);
@@ -11779,6 +11818,34 @@ function DotDashboardOptionsMenu({
     handleMenuClose();
     onViewMode(dashboard, 'edit');
   }, [dashboard, onViewMode]);
+  const handleEditPropertiesClick = useCallback(() => {
+    var _a;
+    handleMenuClose();
+    setIsEditPropertiesDialogOpen(true);
+    if (((_a = dashboard === null || dashboard === void 0 ? void 0 : dashboard.target_apps) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+      getCategories(dashboard.target_apps[0]).then(retrievedCategories => {
+        // group categories for all app types associated with this dashboard
+        const categoryOptionSet = new Set();
+        retrievedCategories.forEach(categoryOptionSet.add, categoryOptionSet);
+        setCategoryOptions(Array.from(categoryOptionSet));
+      });
+    } else {
+      setCategoryOptions([]);
+    }
+  }, [dashboard]);
+  const handleSubmitEditProperties = useCallback((data, isDone) => __awaiter(this, void 0, void 0, function* () {
+    return updateDashboard(dashboard.id, {
+      name: data.name,
+      description: data.description,
+      categories: data.categories,
+      target_apps: data.target_apps
+    }).then(result => {
+      if (result && 'id' in result) {
+        setIsEditPropertiesDialogOpen(false);
+        onUpdatedProperties(result, isDone);
+      }
+    });
+  }), [dashboard]);
   const isDraft = dashboard.lifecycle_state === DashboardView.lifecycle_state.DRAFT;
   const isPublished = dashboard.lifecycle_state === DashboardView.lifecycle_state.PUBLISHED;
   const dashboardLocked = isPublished && currentUser && dashboard.is_being_modified && dashboard.modified_author_id !== currentUser.id;
@@ -11796,6 +11863,19 @@ function DotDashboardOptionsMenu({
       key: 'edit'
     });
   }
+  if (onUpdatedProperties && !dashboard.is_ootb_dashboard) {
+    menuItems.push({
+      children: jsx(DotButton, {
+        ariaLabel: "Edit dashboard properties",
+        type: "text",
+        startIcon: jsx(DotIcon, {
+          iconId: "edit"
+        }),
+        children: "Edit properties"
+      }),
+      key: 'edit-props'
+    });
+  }
   if (onStartStatusChange && !dashboard.is_ootb_dashboard && isDraft) {
     menuItems.push({
       key: 'publish',
@@ -11911,6 +11991,9 @@ function DotDashboardOptionsMenu({
       case 'edit':
         handleEditClick();
         break;
+      case 'edit-props':
+        handleEditPropertiesClick();
+        break;
       case 'duplicate':
         onStartDuplicate(dashboard);
         break;
@@ -11933,8 +12016,30 @@ function DotDashboardOptionsMenu({
     }
     handleMenuClose();
   }, [menuItems, handleMenuClose]);
+  const handleCloseEditProperties = useCallback(_isDone => {
+    setIsEditPropertiesDialogOpen(false);
+  }, []);
+  const messages = [];
+  if (dashboard.is_being_modified || dashboard.lifecycle_state === DashboardView.lifecycle_state.PUBLISHED) {
+    messages.push(inProgressEditMessage);
+  }
+  if (isEdit) {
+    messages.push(disabledFieldsMessage);
+  }
   return menuItems.length > 0 ? jsxs(Fragment, {
-    children: [jsx(DotIconButton, {
+    children: [jsx(DotDashboardDialog, {
+      title: "Edit dashboard properties",
+      availableCategories: categoryOptions,
+      fieldConfig: isEdit ? {
+        name: 'disabled',
+        description: 'disabled'
+      } : undefined,
+      messages: messages,
+      open: isEditPropertiesDialogOpen,
+      onClose: handleCloseEditProperties,
+      onSubmit: handleSubmitEditProperties,
+      editDashboard: dashboard
+    }), jsx(DotIconButton, {
       className: "expand-button",
       "data-testid": "card-header-action-button",
       iconId: "options",
@@ -12064,6 +12169,7 @@ function DotDashboardActions({
   onDeleted,
   onDuplicated,
   onToggleFullscreen,
+  onUpdatedProperties,
   onViewMode,
   onViewOriginal,
   onRevertChanges,
@@ -12215,6 +12321,7 @@ function DotDashboardActions({
       onStartDuplicate: handleStartDuplicateIfConfig,
       onStartDelete: handleStartDeleteIfConfig,
       onStartRevert: handleRevertChangesIfConfig,
+      onUpdatedProperties: onUpdatedProperties,
       onDetails: () => setOpenedDashboardDetails(dashboard),
       currentUser: currentUser ? currentUser : null
     }), onToggleFullscreen && jsx(FullscreenButton, {
@@ -12294,24 +12401,20 @@ function DotDashboardBanner({
   });
 }
 function getDashboardBanner(dashboard, isEdit, onExitEditMode, onPublishChanges, currentUser, modifiedAuthorUser) {
-  if (isEdit) {
-    if (dashboard.is_being_modified) {
-      if (dashboard.modified_author_id === currentUser.id) {
-        // We're in Edit mode for a published dashboard, and the dashboard is being modified by the current user.
-        return jsx(DotDashboardBanner, {
-          bannerSeverity: "warning",
-          bannerText: jsx(DotTypography, {
-            children: "The Dashboard is currently in edit mode and only you can make changes. Publish the changes for other users to see the updated dashboard."
-          }),
-          buttonText: "Publish changes",
-          buttonAction: () => {
-            onPublishChanges(dashboard);
-          }
-        });
-      }
-    }
-  } else {
-    if (currentUser && dashboard.is_being_modified && dashboard.modified_author_id !== currentUser.id && modifiedAuthorUser) {
+  if (dashboard.is_being_modified && currentUser) {
+    if (dashboard.modified_author_id === currentUser.id) {
+      // We're in Edit mode for a published dashboard, and the dashboard is being modified by the current user.
+      return jsx(DotDashboardBanner, {
+        bannerSeverity: "warning",
+        bannerText: jsx(DotTypography, {
+          children: "The Dashboard is currently locked and only you can make changes. Publish the changes for other users to see the updated dashboard."
+        }),
+        buttonText: "Publish changes",
+        buttonAction: () => {
+          onPublishChanges(dashboard);
+        }
+      });
+    } else if (dashboard.modified_author_id !== currentUser.id && modifiedAuthorUser) {
       // We're in View mode for a published dashboard that is being edited by someone else.
       const bannerText = jsx(DotTypography, {
         children: jsxs("div", {
@@ -12343,6 +12446,7 @@ function DotDashboardHeader({
   onRevertChanges,
   onViewOriginal,
   onToggleFullscreen,
+  onUpdatedProperties,
   onViewMode,
   showStatus = false,
   modifiedAuthorUser = null
@@ -12416,6 +12520,7 @@ function DotDashboardHeader({
         onDeleted: onDeleted,
         onDuplicated: onDuplicated,
         onToggleFullscreen: onToggleFullscreen,
+        onUpdatedProperties: onUpdatedProperties,
         onViewMode: onViewMode,
         onViewOriginal: onViewOriginal,
         currentUser: currentUser ? currentUser : null

package/package.json

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

package/src/lib/components/analytics/dashboard-actions/DashboardActions.d.ts

@@ -13,11 +13,12 @@ interface DashboardActionsCommonProps {
     onRevertChanges?: (dashboard: DashboardView) => void;
     onStatusChanged?: (dashboard: DashboardView) => void;
     onToggleFullscreen?: (newValue: boolean) => void;
+    onUpdatedProperties?: (dashboard: DashboardView, isReload: boolean) => void;
     onViewMode?: (dashboard: DashboardView, mode: string) => void;
     onViewOriginal?: (dashboard: DashboardView) => void;
 }
 interface DashboardActionsProps extends DashboardActionsCommonProps {
     applications: ApplicationModel[];
 }
-declare function DotDashboardActions({ applications, dashboard, isEdit, canEdit, isFullscreen, onClose, onFavorite, onStatusChanged, onDeleted, onDuplicated, onToggleFullscreen, onViewMode, onViewOriginal, onRevertChanges, currentUser, }: DashboardActionsProps): import("react/jsx-runtime").JSX.Element;
+declare function DotDashboardActions({ applications, dashboard, isEdit, canEdit, isFullscreen, onClose, onFavorite, onStatusChanged, onDeleted, onDuplicated, onToggleFullscreen, onUpdatedProperties, onViewMode, onViewOriginal, onRevertChanges, currentUser, }: DashboardActionsProps): import("react/jsx-runtime").JSX.Element;
 export { DashboardActionsCommonProps, DotDashboardActions, DashboardActionsProps, };

package/src/lib/components/analytics/dashboard-actions/DashboardOptionsMenu.d.ts

@@ -12,8 +12,9 @@ interface DashboardOptionsMenuProps {
     onStartDuplicate?: (dashboard: DashboardView) => void;
     onStartRevert?: (dashboard: DashboardView) => void;
     onStartStatusChange?: (dashboard: DashboardView, status: DashboardView.lifecycle_state) => void;
+    onUpdatedProperties?: (dashboard: DashboardView, isDone: boolean) => void;
     onViewMode?: (dashboard: DashboardView, mode: string) => void;
     onViewOriginal?: (dashboard: DashboardView) => void;
 }
-export declare function DotDashboardOptionsMenu({ dashboard, currentUser, isEdit, menuPlacement, onStartDelete, onStartDuplicate, onStartStatusChange, onStartRevert, onViewOriginal, onViewMode, onDetails, }: DashboardOptionsMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function DotDashboardOptionsMenu({ dashboard, currentUser, isEdit, menuPlacement, onStartDelete, onStartDuplicate, onStartStatusChange, onStartRevert, onUpdatedProperties, onViewOriginal, onViewMode, onDetails, }: DashboardOptionsMenuProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/src/lib/components/analytics/dashboard-dialog/DashboardDialog.d.ts

@@ -8,6 +8,9 @@ interface DashboardData {
 }
 export declare const DASHBOARD_NAME_MAX_LENGTH = 250;
 export declare const DASHBOARD_DESCRIPTION_MAX_LENGTH = 250;
+interface FieldConfig {
+    [key: string]: string;
+}
 interface DashboardDialogProps {
     /** Categories for dashboard publishing **/
     availableCategories: string[];
@@ -15,6 +18,10 @@ interface DashboardDialogProps {
     copyDashboard?: DashboardView;
     /** Dashboard to edit **/
     editDashboard?: DashboardView;
+    /** config object which can be used to disable certain fields **/
+    fieldConfig?: FieldConfig;
+    /** An optional info messages **/
+    messages?: string[];
     /** When the confirmation is closed (canceled, finished, or clicked away) this function is called **/
     onClose: (returnToList?: boolean) => void;
     /** When the form is submitted with no changes, this function is called **/
@@ -26,5 +33,5 @@ interface DashboardDialogProps {
     /** Dialog title **/
     title?: string;
 }
-declare function DotDashboardDialog({ availableCategories, copyDashboard, editDashboard, open, onClose, onSubmit, onContinue, title, }: Readonly<DashboardDialogProps>): import("react/jsx-runtime").JSX.Element;
+declare function DotDashboardDialog({ availableCategories, copyDashboard, editDashboard, fieldConfig, messages, open, onClose, onSubmit, onContinue, title, }: Readonly<DashboardDialogProps>): import("react/jsx-runtime").JSX.Element;
 export { DotDashboardDialog, DashboardData };

package/src/lib/components/analytics/dashboard-header/DashboardHeader.d.ts

@@ -6,5 +6,5 @@ interface DashboardHeaderProps extends DashboardActionsCommonProps {
     onBack?: (dashboardId?: string) => void;
     showStatus?: boolean;
 }
-declare function DotDashboardHeader({ accountId, dashboard, currentUser, isEdit, canEdit, isFullscreen, onBack, onClose, onFavorite, onStatusChanged, onDeleted, onDuplicated, onRevertChanges, onViewOriginal, onToggleFullscreen, onViewMode, showStatus, modifiedAuthorUser, }: DashboardHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function DotDashboardHeader({ accountId, dashboard, currentUser, isEdit, canEdit, isFullscreen, onBack, onClose, onFavorite, onStatusChanged, onDeleted, onDuplicated, onRevertChanges, onViewOriginal, onToggleFullscreen, onUpdatedProperties, onViewMode, showStatus, modifiedAuthorUser, }: DashboardHeaderProps): import("react/jsx-runtime").JSX.Element;
 export { DashboardHeaderProps, DotDashboardHeader };

package/src/lib/components/analytics/metadata-api/MetadataApiProvider.d.ts

@@ -7,6 +7,7 @@ export interface MetadataApiProviderProps {
     token?: string;
 }
 interface DotMetadataApiContextProps {
+    dashboardSearchLoading: boolean;
     dashboardsError: ApiError;
     dashboardsLoading: boolean;
     deleteDashboard: (dashboardId: string) => Promise<boolean>;