@digital-ai/dot-components 3.23.0 → 3.24.1

package/index.esm.js

@@ -6645,6 +6645,7 @@ const DotAutoComplete = ({
   persistentLabel,
   placeholder,
   popperClassName,
+  popperPlacement,
   preserveGroupOrder = false,
   readOnly = false,
   renderGroup,
@@ -6739,6 +6740,7 @@ const DotAutoComplete = ({
       className: popperClasses,
       disablePortal: disablePortal,
       "$maxHeight": maxHeight,
+      placement: popperPlacement,
       children: jsxs(Paper, Object.assign({}, paperProps, {
         children: [paperChildren, jsx("div", {
           className: "dot-action-item",
@@ -10665,7 +10667,9 @@ function DashboardCategoriesAutoComplete(_a) {
     actionItem: customActionItem,
     onInputChange: handleInputChange,
     error: !!errorMessage,
-    helperText: errorMessage
+    helperText: errorMessage,
+    popperPlacement: "top",
+    maxHeight: 110
   }));
 }
 
@@ -11791,7 +11795,7 @@ function DotDashboardOptionsMenu({
   }
   // If this is a published dashboard, with in-progress changes, and the user is the author of the changes,
   // show the republish, revert, and view original options.
-  if (isEdit && isPublished && currentUser && dashboard.is_being_modified && dashboard.modified_author_id === currentUser.id) {
+  if (isPublished && currentUser && dashboard.is_being_modified && dashboard.modified_author_id === currentUser.id) {
     const handlePublishChangesClick = () => {
       handleMenuClose();
       onStartStatusChange && onStartStatusChange(dashboard, DashboardView.lifecycle_state.PUBLISHED);
@@ -12049,7 +12053,7 @@ function DotDashboardActions({
     onStatusChanged && onStatusChanged(publishedDashboard);
     // Move to View Mode after publishing
     onViewMode && onViewMode(publishedDashboard, 'view');
-  }, [onStatusChanged]);
+  }, [onStatusChanged, onViewMode]);
   const handlePublishConfirmClose = useCallback(() => {
     setDashboardToPublish(null);
     setDashboardToUnpublish(null);
@@ -12330,7 +12334,7 @@ function DotDashboardHeader({
     onStatusChanged && onStatusChanged(publishedDashboard);
     // Navigate to View Mode after publishing changes
     onViewMode && onViewMode(publishedDashboard, 'view');
-  }, [onStatusChanged]);
+  }, [onStatusChanged, onViewMode]);
   useEnqueueErrorMessage(!applicationsLoading && applicationsError);
   useEnqueueErrorMessage(!metadataLoading && dashboardsError);
   useEffect(() => {

package/package.json

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

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

@@ -4,6 +4,7 @@ import { UserModel } from '../../core-api/openapi';
 interface DashboardOptionsMenuProps {
     currentUser?: UserModel;
     dashboard: DashboardView;
+    /** True if the embedded dashboard is in Edit mode. **/
     isEdit?: boolean;
     menuPlacement?: PopperPlacement;
     onDetails?: (dashboard: DashboardView) => void;

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

@@ -2,5 +2,5 @@ export declare const dashboardCategoriesContainerClassName = "dashboard-categori
 export declare const InlineMessage: import("styled-components").StyledComponent<({ ariaLabel, ariaLevel, ariaRole, className, "data-testid": dataTestId, children, component, noMarginBottom, noWrap, variant, }: import("../../typography/Typography").TypographyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const StyledPublishConfirmDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledAppSelectDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledAppSelectDotAutoComplete: import("styled-components").StyledComponent<(<T extends import("../..").AutoCompleteOption>({ ListboxComponent, actionItem, ariaLabel, autoFocus, autoHighlight, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, popperClassName, preserveGroupOrder, readOnly, renderGroup, renderOption, renderTags, required, size, value, warning, }: import("../../auto-complete/AutoComplete").AutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element), any, {}, never>;
+export declare const StyledAppSelectDotAutoComplete: import("styled-components").StyledComponent<(<T extends import("../..").AutoCompleteOption>({ ListboxComponent, actionItem, ariaLabel, autoFocus, autoHighlight, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, popperClassName, popperPlacement, preserveGroupOrder, readOnly, renderGroup, renderOption, renderTags, required, size, value, warning, }: import("../../auto-complete/AutoComplete").AutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element), any, {}, never>;
 export declare const StyledAppSelectAutoCompleteOption: import("styled-components").StyledComponent<"li", any, {}, never>;

package/src/lib/components/auto-complete/AutoComplete.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, FocusEvent, HTMLAttributes, JSXElementConstructor, ReactNode, Ref } from 'react';
-import { AutocompleteCloseReason, AutocompleteGetTagProps, AutocompleteRenderGroupParams, AutocompleteRenderOptionState, FilterOptionsState } from '@mui/material';
+import { AutocompleteCloseReason, AutocompleteGetTagProps, AutocompleteRenderGroupParams, AutocompleteRenderOptionState, FilterOptionsState, type PopperPlacementType } from '@mui/material';
 import { CommonProps } from '../CommonProps';
 import { inputSizeOptions } from '../input-form-fields/InputFormFields.propTypes';
 import { ActionItem, AutoCompleteOption, AutoCompleteValue } from './utils/interface';
@@ -75,6 +75,8 @@ export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOp
     placeholder?: string;
     /** Classname to be included in the autocomplete popper **/
     popperClassName?: string;
+    /** Placement of the popper */
+    popperPlacement?: PopperPlacementType;
     /** If true, group order (as specified by the consumer) will be preserved. Default group sorting is used when not specified. */
     preserveGroupOrder?: boolean;
     /** If true: popper cannot be opened, TextField is in read only mode, change is not allowed  */
@@ -94,4 +96,4 @@ export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOp
     /** If true, the label will be displayed in a warning state. */
     warning?: boolean;
 }
-export declare const DotAutoComplete: <T extends AutoCompleteOption>({ ListboxComponent, actionItem, ariaLabel, autoFocus, autoHighlight, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, popperClassName, preserveGroupOrder, readOnly, renderGroup, renderOption, renderTags, required, size, value, warning, }: AutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DotAutoComplete: <T extends AutoCompleteOption>({ ListboxComponent, actionItem, ariaLabel, autoFocus, autoHighlight, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, popperClassName, popperPlacement, preserveGroupOrder, readOnly, renderGroup, renderOption, renderTags, required, size, value, warning, }: AutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element;