@digital-ai/dot-components 4.11.1 → 4.13.0

package/index.esm.js

@@ -8480,12 +8480,14 @@ const DotDialog = ({
   onCancel,
   onSubmit,
   open,
+  secondaryButtonProps,
   submitButtonProps,
   title
 }) => {
   const rootClasses = useStylesWithRootClass(rootClassName$K, className);
   const cancelClasses = useStylesWithRootClass(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, 'cancel-button');
   const [isOpen, setIsOpen] = useState(open);
+  const hasSecondaryAction = !!secondaryButtonProps;
   useEffect(() => {
     setIsOpen(open);
   }, [open]);
@@ -8534,7 +8536,7 @@ const DotDialog = ({
         root: `dot-dialog-content`
       },
       children: renderNodeOrTypography(children)
-    }), (hasPrimaryAction || cancelButtonVisible) && jsxs(DialogActions, {
+    }), (hasPrimaryAction || cancelButtonVisible || hasSecondaryAction) && jsxs(DialogActions, {
       classes: {
         root: `dot-dialog-actions`
       },
@@ -8551,6 +8553,19 @@ const DotDialog = ({
         tooltip: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.tooltip,
         type: "text",
         children: (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.label) || 'Cancel'
+      }), hasSecondaryAction && jsx(DotButton, {
+        autoFocus: secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.autoFocus,
+        className: secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.className,
+        "data-pendoid": secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps['data-pendoid'],
+        "data-testid": secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps['data-testid'],
+        disableRipple: secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.disableRipple,
+        disabled: secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.disabled,
+        endIcon: secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.endIcon,
+        onClick: secondaryButtonProps.onClick,
+        startIcon: secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.startIcon,
+        tooltip: secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.tooltip,
+        type: (secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.type) || 'primary',
+        children: secondaryButtonProps.label
       }), hasPrimaryAction && jsx(DotButton, {
         autoFocus: submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.autoFocus,
         className: submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.className,
@@ -8579,6 +8594,7 @@ const DotConfirmationDialog = ({
   onCancel,
   onSubmit,
   submitButtonProps,
+  secondaryButtonProps,
   open,
   title = ''
 }) => {
@@ -8596,6 +8612,7 @@ const DotConfirmationDialog = ({
     onSubmit: onSubmit,
     open: open,
     submitButtonProps: submitButtonProps,
+    secondaryButtonProps: secondaryButtonProps,
     title: title,
     children: message
   });
@@ -53007,4 +53024,4 @@ const BoardColumnSummary = ({
   });
 };
 
-export { ApiError$1 as ApiError, BoardStatusProvider, Cell, ColumnStatusProvider, CreateUUID, CssCell, CssGrid, CssGridDebug, DashboardAppTypeOptions, DashboardView, DatePickerKeydownContext, Daytime, DotAccordion, DotActionToolbar, DotAlertBanner, DotAnnotation, DotAppLogo, DotAppSwitcher, DotAppToolbar, DotAutoComplete, DotAvatar, DotAvatarGroup, DotAvatarWithDetails, 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, DotDraggableWindow, DotDrawer, DotDynamicForm, DotEmptyFilterState, DotEmptyState, DotFileListItem, DotFileUpload, DotForm, DotFormGroup, DotHeaderRow, DotIcon, DotIconButton, DotIllustration, DotImpactDialog, DotInlineEdit, DotInputLabel, 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, useKeyPress };
+export { ApiError$1 as ApiError, BoardStatusProvider, Cell, ColumnStatusProvider, CreateUUID, CssCell, CssGrid, CssGridDebug, DashboardAppTypeOptions, DashboardView, DatePickerKeydownContext, Daytime, DotAccordion, DotActionToolbar, DotAlertBanner, DotAnnotation, DotAppLogo, DotAppSwitcher, DotAppToolbar, DotAutoComplete, DotAvatar, DotAvatarGroup, DotAvatarWithDetails, 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, DotDraggableWindow, DotDrawer, DotDynamicForm, DotEmptyFilterState, DotEmptyState, DotFileListItem, DotFileUpload, DotForm, DotFormGroup, DotHeaderRow, DotIcon, DotIconButton, DotIllustration, DotImpactDialog, DotInlineEdit, DotInputLabel, DotInputSelect, DotInputText, DotLinearProgress, DotLink, DotList, DotMenu, DotMenuList, 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, useKeyPress };

package/package.json

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

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

@@ -1,3 +1,3 @@
 import { DialogActions } from '@mui/material';
-export declare const StyledDashboardDialog: import("styled-components").StyledComponent<({ ariaLabel, cancelButtonProps, cancelButtonVisible, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, children, closeIconVisible, closeOnClickAway, closeOnSubmit, hasPrimaryAction, onCancel, onSubmit, open, submitButtonProps, title, }: import("../../dialog/Dialog").DialogProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const StyledDashboardDialog: import("styled-components").StyledComponent<({ ariaLabel, cancelButtonProps, cancelButtonVisible, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, children, closeIconVisible, closeOnClickAway, closeOnSubmit, hasPrimaryAction, onCancel, onSubmit, open, secondaryButtonProps, submitButtonProps, title, }: import("../../dialog/Dialog").DialogProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const StyledDialogActions: import("styled-components").StyledComponent<typeof DialogActions, any, {}, never>;

package/src/lib/components/confirmation-dialog/ConfirmationDialog.d.ts

@@ -1,6 +1,6 @@
 import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
 import { CommonProps } from '../CommonProps';
-import { DialogButtonProps, SubmitButtonProps } from '../dialog/Dialog';
+import { DialogButtonProps, SecondaryActionButtonProps, SubmitButtonProps } from '../dialog/Dialog';
 export interface ConfirmationDialogProps extends CommonProps {
     /** Cancel button properties */
     cancelButtonProps?: DialogButtonProps;
@@ -12,9 +12,11 @@ export interface ConfirmationDialogProps extends CommonProps {
     onSubmit?: (event: MouseEvent | KeyboardEvent) => void;
     /** If true the dialog will be visible */
     open: boolean;
+    /** The secondary action button properties */
+    secondaryButtonProps?: SecondaryActionButtonProps;
     /** Submit button properties */
     submitButtonProps?: SubmitButtonProps;
     /** The dialog title */
     title?: ReactNode;
 }
-export declare const DotConfirmationDialog: ({ ariaLabel, cancelButtonProps, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, message, onCancel, onSubmit, submitButtonProps, open, title, }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotConfirmationDialog: ({ ariaLabel, cancelButtonProps, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, message, onCancel, onSubmit, submitButtonProps, secondaryButtonProps, open, title, }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/dialog/Dialog.d.ts

@@ -9,6 +9,16 @@ export interface DialogButtonProps extends BaseButtonProps {
     /** The icon to display on the button */
     startIcon?: ReactNode;
 }
+export interface SecondaryActionButtonProps extends BaseButtonProps {
+    /** Icon placed after the children. */
+    endIcon?: ReactNode;
+    /** The text displayed on the button */
+    label: string;
+    /** Event callback */
+    onClick: (event: MouseEvent<Element> | KeyboardEvent<Element>) => void;
+    /** The icon to display on the button */
+    startIcon?: ReactNode;
+}
 export interface SubmitButtonProps extends DialogButtonProps {
     /** The type of button to be used */
     type?: 'primary' | 'destructive';
@@ -34,9 +44,11 @@ export interface DialogProps extends CommonProps {
     onSubmit?: (event: KeyboardEvent | MouseEvent) => void;
     /** if true, the dialog is visible to the user */
     open: boolean;
+    /** props passed down to the secondary action button */
+    secondaryButtonProps?: SecondaryActionButtonProps;
     /** props passed down to the submit button */
     submitButtonProps?: SubmitButtonProps;
     /** dialog heading */
     title: ReactNode;
 }
-export declare const DotDialog: ({ ariaLabel, cancelButtonProps, cancelButtonVisible, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, children, closeIconVisible, closeOnClickAway, closeOnSubmit, hasPrimaryAction, onCancel, onSubmit, open, submitButtonProps, title, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotDialog: ({ ariaLabel, cancelButtonProps, cancelButtonVisible, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, children, closeIconVisible, closeOnClickAway, closeOnSubmit, hasPrimaryAction, onCancel, onSubmit, open, secondaryButtonProps, submitButtonProps, title, }: DialogProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/impact-dialog/ImpactDialog.styles.d.ts

@@ -1,2 +1,2 @@
 export declare const rootClassName = "dot-impact-dialog";
-export declare const StyledImpactDialog: import("styled-components").StyledComponent<({ ariaLabel, cancelButtonProps, cancelButtonVisible, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, children, closeIconVisible, closeOnClickAway, closeOnSubmit, hasPrimaryAction, onCancel, onSubmit, open, submitButtonProps, title, }: import("../dialog/Dialog").DialogProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const StyledImpactDialog: import("styled-components").StyledComponent<({ ariaLabel, cancelButtonProps, cancelButtonVisible, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, children, closeIconVisible, closeOnClickAway, closeOnSubmit, hasPrimaryAction, onCancel, onSubmit, open, secondaryButtonProps, submitButtonProps, title, }: import("../dialog/Dialog").DialogProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

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

@@ -19,6 +19,7 @@ export type { InputSelectProps, InputSelectOption, OptionType, } from './input-f
 export type { LinkUnderline } from './link/Link';
 export type { LeftBorderAndArrowColor, ListItemProps } from './list';
 export type { MenuItemProps } from './menu/Menu';
+export type { MenuListProps } from './menu/MenuList';
 export type { RailItem, RailItemsPosition } from './navigation-rail';
 export type { RadioButtonProps } from './radio/RadioButton';
 export type { RadioGroupProps } from './radio/RadioGroup';
@@ -100,6 +101,7 @@ export { DotInputSelect } from './input-form-fields/InputSelect';
 export { DotLink } from './link/Link';
 export { DotList } from './list';
 export { DotMenu } from './menu/Menu';
+export { DotMenuList } from './menu/MenuList';
 export { DotMetadataApiProvider, useDotMetadataApiContext, } from './analytics/metadata-api/MetadataApiProvider';
 export { DashboardView } from './analytics/metadata-api/openapi';
 export { DotNavigationRail } from './navigation-rail';