@digital-ai/dot-components 3.16.0 → 3.17.1

package/index.esm.js

@@ -9715,7 +9715,9 @@ const DotMetadataApiProvider = ({
       setAccountIdHeader(accountId);
       return cancelablePromise(DashboardsService.deleteDashboardsService(dashboardId)).then(() => {
         setDashboardsError(null);
-        setDashboards(dashboards.filter(dashboard => dashboard.id !== dashboardId));
+        if (dashboards) {
+          setDashboards(dashboards.filter(dashboard => dashboard.id !== dashboardId));
+        }
         return true;
       }).catch(error => {
         setDashboardsError(error);
@@ -9923,6 +9925,7 @@ const DotSnackbar = ({
   anchorOrigin = DEFAULT_ANCHOR_ORIGIN,
   anchorOriginTop = 108,
   ariaLabel,
+  autoCloseOnAction = false,
   autoHideDuration,
   children,
   className,
@@ -9943,6 +9946,17 @@ const DotSnackbar = ({
       onClose();
     }
   };
+  const handlePrimaryActionClick = () => {
+    primaryAction === null || primaryAction === void 0 ? void 0 : primaryAction.onClick();
+    if (autoCloseOnAction) {
+      onClose();
+    }
+  };
+  const handleSecondaryActionClick = () => {
+    if (autoCloseOnAction) {
+      onClose();
+    }
+  };
   return jsx(StyledSnackbar, {
     anchorOrigin: anchorOrigin,
     "$anchorOriginTop": anchorOriginTop,
@@ -9978,14 +9992,15 @@ const DotSnackbar = ({
             children: [primaryAction && jsx(DotButton, {
               className: "primary-action-btn",
               "data-testid": "primary-action-btn",
-              onClick: primaryAction.onClick,
+              onClick: handlePrimaryActionClick,
               size: "small",
               type: "outlined",
               children: primaryAction.label
             }), secondaryAction && jsx(DotLink, {
+              color: "inherit",
               "data-testid": "secondary-action-link",
               href: secondaryAction.href,
-              color: "inherit",
+              onClick: handleSecondaryActionClick,
               children: secondaryAction.label
             })]
           })]
@@ -10017,6 +10032,7 @@ const DotSnackbarContext = createContext({
   removeMessage: _id => null
 });
 const DotSnackbarContainer = ({
+  autoCloseOnAction,
   hideOnClickAway
 }) => {
   const {
@@ -10035,6 +10051,7 @@ const DotSnackbarContainer = ({
       "data-testid": rootClassName$F,
       children: alerts.slice().reverse().map(alert => {
         return jsx(DotSnackbar, {
+          autoCloseOnAction: autoCloseOnAction,
           autoHideDuration: alert.autoHideDuration,
           hideOnClickAway: hideOnClickAway,
           onClose: handleClose(alert.id),
@@ -10049,6 +10066,7 @@ const DotSnackbarContainer = ({
   });
 };
 const DotSnackbarProvider = ({
+  autoCloseOnAction = false,
   children,
   hideOnClickAway = true
 }) => {
@@ -10087,6 +10105,7 @@ const DotSnackbarProvider = ({
   return jsxs(DotSnackbarContext.Provider, {
     value: memoizedValues,
     children: [jsx(DotSnackbarContainer, {
+      autoCloseOnAction: autoCloseOnAction,
       hideOnClickAway: hideOnClickAway
     }), children]
   });
@@ -10875,7 +10894,7 @@ function HighImpact({
   const defaultMessage = useMemo(() => jsxs(DotTypography, {
     className: "high-impact-default-content",
     variant: "body1",
-    children: ["This action cannot be undone. This will permanently", ' ', action.toUpperCase(), objectType && ' the ', jsx("span", {
+    children: ["This action cannot be undone. This will permanently", ' ', action.toUpperCase(), objectType ? ' the ' : ' ', jsx("span", {
       className: "item-name",
       children: record
     }), objectType && ` ${objectType}`, ". Some data may be lost."]
@@ -11440,6 +11459,7 @@ const StyledDotMenu = styled(DotMenu)`
 function DotDashboardOptionsMenu({
   dashboard,
   isEdit = false,
+  menuPlacement,
   onStartDelete,
   onStartDuplicate,
   onStartStatusChange,
@@ -11560,6 +11580,16 @@ function DotDashboardOptionsMenu({
       onClick: () => onDetails(dashboard)
     });
   }
+  // useful since most of the screen is generally an iframe
+  const blurHandler = useCallback(() => {
+    setOpen(false);
+  }, []);
+  useEffect(() => {
+    window.addEventListener('blur', blurHandler);
+    return () => {
+      window.removeEventListener('blur', blurHandler);
+    };
+  }, []);
   return menuItems.length > 0 ? jsxs(Fragment, {
     children: [jsx(DotIconButton, {
       className: "expand-button",
@@ -11574,6 +11604,7 @@ function DotDashboardOptionsMenu({
       id: "card-header-action-menu",
       menuItemHeight: "auto",
       menuItems: menuItems,
+      menuPlacement: menuPlacement,
       open: open,
       onLeave: handleMenuClose
     })]
@@ -11760,7 +11791,8 @@ function DotDashboardActions({
     }), dashboardToDelete && jsx(DotImpactDialog, {
       onCancel: handleDeleteClose,
       onSubmit: handleDeleteSubmit,
-      record: dashboardToDelete === null || dashboardToDelete === void 0 ? void 0 : dashboardToDelete.name,
+      record: dashboardToDelete.name,
+      impact: dashboardToDelete.lifecycle_state === DashboardView.lifecycle_state.PUBLISHED ? 'high' : 'medium',
       open: true
     }), jsx(HelpButton, {
       dashboard: dashboard
@@ -11770,6 +11802,7 @@ function DotDashboardActions({
     }), canEdit && jsx(DotDashboardOptionsMenu, {
       dashboard: dashboard,
       isEdit: isEdit,
+      menuPlacement: "bottom-start",
       onViewMode: onViewMode,
       onStartStatusChange: handleStartStatusChangeIfConfig,
       onStartDuplicate: handleStartDuplicateIfConfig,
@@ -13448,34 +13481,25 @@ const getWarningAdornment = () => {
 };
 const applyBindings = (bindings, inlineEditText) => {
   if (!bindings || !bindings.length || !inlineEditText) return;
-  let text = inlineEditText;
-  let boundNode = [];
-  bindings.forEach((binding, index) => {
-    const {
-      binding: stringBinding,
-      className = null,
-      value
-    } = binding;
-    let bindingStringIndex = text.indexOf(stringBinding);
-    let key = 0;
-    while (bindingStringIndex >= 0) {
-      // Since key is needed only for bindings with className,
-      // increment key value only if className value is defined
-      className && key++;
-      const nextStartingIndex = bindingStringIndex + stringBinding.length;
-      const previousText = text.substring(0, bindingStringIndex);
-      text = text.substring(nextStartingIndex, text.length);
-      bindingStringIndex = text.indexOf(stringBinding);
-      // Add nodes to array
-      boundNode = [boundNode, previousText, className ? jsx("span", {
-        className: className,
-        children: value
-      }, `${index}-${key}`) : value];
-    }
+  let result = [inlineEditText];
+  const getBoundSpan = (value, className, key) => className ? jsx("span", {
+    className: className,
+    children: value
+  }, key) : value;
+  bindings.forEach(({
+    binding,
+    className,
+    value
+  }, index) => {
+    result = result.flatMap((part, i) => {
+      if (typeof part === 'string') {
+        // Split the text by the binding and interleave with the replacement value
+        return part.split(binding).flatMap((textPart, j, arr) => [textPart, j < arr.length - 1 ? getBoundSpan(value, className, `${index}-${i}-${j}`) : null]);
+      }
+      return part;
+    });
   });
-  // Add remainder of the text to the node
-  boundNode = [boundNode, text];
-  return boundNode;
+  return result;
 };
 const checkIfEmptyValue = inputValue => inputValue.trim() === '';
 

package/package.json

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

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

@@ -1,12 +1,14 @@
+import { PopperPlacement } from '../../menu/Menu';
 import { DashboardView } from '../metadata-api/openapi';
 interface DashboardOptionsMenuProps {
     dashboard: DashboardView;
     isEdit?: boolean;
+    menuPlacement?: PopperPlacement;
     onDetails?: (dashboard: DashboardView) => void;
     onStartDelete?: (dashboard: DashboardView) => void;
     onStartDuplicate?: (dashboard: DashboardView) => void;
     onStartStatusChange?: (dashboard: DashboardView, status: DashboardView.lifecycle_state) => void;
     onViewMode?: (dashboard: DashboardView, mode: string) => void;
 }
-export declare function DotDashboardOptionsMenu({ dashboard, isEdit, onStartDelete, onStartDuplicate, onStartStatusChange, onViewMode, onDetails, }: DashboardOptionsMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function DotDashboardOptionsMenu({ dashboard, isEdit, menuPlacement, onStartDelete, onStartDuplicate, onStartStatusChange, onViewMode, onDetails, }: DashboardOptionsMenuProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/src/lib/components/snackbar/Snackbar.d.ts

@@ -15,6 +15,8 @@ export interface SnackbarProps extends CommonProps {
     anchorOrigin?: SnackbarOrigin;
     /** When specified, will set `top` property (in pixels) only for the vertical top origins  */
     anchorOriginTop?: number;
+    /** Automatically triggers onClose handler when primary or secondary action has been clicked */
+    autoCloseOnAction?: boolean;
     /** The number of milliseconds to wait before automatically closing the snackbar. If null is passed, then the snackbar never automatically closes. If the prop is not passed at all, then snackbars close after 10 seconds (except error snackbar which never closes automatically). */
     autoHideDuration?: number | null;
     /** The message the user sees once the alert displays. */
@@ -34,4 +36,4 @@ export interface SnackbarProps extends CommonProps {
     /** Width of the encapsulated Alert component. */
     width?: string;
 }
-export declare const DotSnackbar: ({ anchorOrigin, anchorOriginTop, ariaLabel, autoHideDuration, children, className, "data-testid": dataTestId, hideOnClickAway, onClose, open, primaryAction, secondaryAction, severity, width, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotSnackbar: ({ anchorOrigin, anchorOriginTop, ariaLabel, autoCloseOnAction, autoHideDuration, children, className, "data-testid": dataTestId, hideOnClickAway, onClose, open, primaryAction, secondaryAction, severity, width, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/snackbar/SnackbarProvider.d.ts

@@ -11,11 +11,13 @@ declare const initialState: {
     secondaryAction: SnackbarSecondaryAction;
 }[];
 export interface SnackbarProviderProps {
+    autoCloseOnAction?: boolean;
     /** The components or string that load inside the snackbar provider. */
     children: ReactNode;
     hideOnClickAway?: boolean;
 }
 interface SnackbarContainerProps {
+    autoCloseOnAction?: boolean;
     hideOnClickAway?: boolean;
 }
 interface DotSnackbarProps {
@@ -24,8 +26,8 @@ interface DotSnackbarProps {
     removeMessage: (id: string) => void;
 }
 export declare const DotSnackbarContext: import("react").Context<DotSnackbarProps>;
-export declare const DotSnackbarContainer: ({ hideOnClickAway, }: SnackbarContainerProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DotSnackbarProvider: ({ children, hideOnClickAway, }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotSnackbarContainer: ({ autoCloseOnAction, hideOnClickAway, }: SnackbarContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotSnackbarProvider: ({ autoCloseOnAction, children, hideOnClickAway, }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useDotSnackbarContext: () => DotSnackbarProps;
 export declare const useEnqueueErrorMessage: (error: GenericApiError | Error) => void;
 export {};