@elementor/editor-global-classes 3.35.0-426 → 3.35.0-428

package/dist/index.mjs

@@ -587,7 +587,7 @@ import { __dispatch as dispatch4 } from "@elementor/store";
 import {
   Alert as Alert2,
   Box as Box10,
-  Button as Button3,
+  Button as Button2,
   Chip as Chip4,
   DialogHeader as DialogHeader2,
   Divider as Divider4,
@@ -1553,16 +1553,8 @@ var InfoAlertMessage = ({ children }) => /* @__PURE__ */ React12.createElement(
 // src/components/class-manager/delete-confirmation-dialog.tsx
 import * as React13 from "react";
 import { createContext as createContext2, useContext as useContext2, useState as useState3 } from "react";
-import { AlertOctagonFilledIcon } from "@elementor/icons";
-import {
-  Button as Button2,
-  Dialog,
-  DialogActions as DialogActions2,
-  DialogContent as DialogContent2,
-  DialogContentText,
-  DialogTitle,
-  Typography as Typography5
-} from "@elementor/ui";
+import { ConfirmationDialog } from "@elementor/editor-ui";
+import { Typography as Typography5 } from "@elementor/ui";
 import { __ as __10 } from "@wordpress/i18n";
 var context = createContext2(null);
 var DeleteConfirmationProvider = ({ children }) => {
@@ -1573,15 +1565,14 @@ var DeleteConfirmationProvider = ({ children }) => {
   const closeDialog2 = () => {
     setDialogProps(null);
   };
-  return /* @__PURE__ */ React13.createElement(context.Provider, { value: { openDialog: openDialog2, closeDialog: closeDialog2, dialogProps } }, children, !!dialogProps && /* @__PURE__ */ React13.createElement(DeleteConfirmationDialog, { ...dialogProps }));
+  return /* @__PURE__ */ React13.createElement(context.Provider, { value: { openDialog: openDialog2, closeDialog: closeDialog2, dialogProps } }, children, !!dialogProps && /* @__PURE__ */ React13.createElement(DeleteClassDialog, { ...dialogProps }));
 };
-var TITLE_ID = "delete-class-dialog";
-var DeleteConfirmationDialog = ({ label, id: id2 }) => {
+var DeleteClassDialog = ({ label, id: id2 }) => {
   const { closeDialog: closeDialog2 } = useDeleteConfirmation();
   const {
     data: { total, content }
   } = useCssClassUsageByID(id2);
-  const onConfirm = () => {
+  const handleConfirm = () => {
     closeDialog2();
     deleteClass(id2);
   };
@@ -1592,16 +1583,7 @@ var DeleteConfirmationDialog = ({ label, id: id2 }) => {
     "Will permanently remove it from your project and may affect the design across all elements using it. This action cannot be undone.",
     "elementor"
   );
-  return /* @__PURE__ */ React13.createElement(Dialog, { open: true, onClose: closeDialog2, "aria-labelledby": TITLE_ID, maxWidth: "xs" }, /* @__PURE__ */ React13.createElement(DialogTitle, { id: TITLE_ID, display: "flex", alignItems: "center", gap: 1, sx: { lineHeight: 1 } }, /* @__PURE__ */ React13.createElement(AlertOctagonFilledIcon, { color: "error" }), __10("Delete this class?", "elementor")), /* @__PURE__ */ React13.createElement(DialogContent2, null, /* @__PURE__ */ React13.createElement(DialogContentText, { variant: "body2", color: "textPrimary" }, __10("Deleting", "elementor"), /* @__PURE__ */ React13.createElement(Typography5, { variant: "subtitle2", component: "span" }, "\xA0", label, "\xA0"), text)), /* @__PURE__ */ React13.createElement(DialogActions2, null, /* @__PURE__ */ React13.createElement(Button2, { color: "secondary", onClick: closeDialog2 }, __10("Not now", "elementor")), /* @__PURE__ */ React13.createElement(
-    Button2,
-    {
-      autoFocus: true,
-      variant: "contained",
-      color: "error",
-      onClick: onConfirm
-    },
-    __10("Delete", "elementor")
-  )));
+  return /* @__PURE__ */ React13.createElement(ConfirmationDialog, { open: true, onClose: closeDialog2 }, /* @__PURE__ */ React13.createElement(ConfirmationDialog.Title, null, __10("Delete this class?", "elementor")), /* @__PURE__ */ React13.createElement(ConfirmationDialog.Content, null, /* @__PURE__ */ React13.createElement(ConfirmationDialog.ContentText, null, __10("Deleting", "elementor"), /* @__PURE__ */ React13.createElement(Typography5, { variant: "subtitle2", component: "span" }, "\xA0", label, "\xA0"), text)), /* @__PURE__ */ React13.createElement(ConfirmationDialog.Actions, { onClose: closeDialog2, onConfirm: handleConfirm }));
 };
 var useDeleteConfirmation = () => {
   const contextValue = useContext2(context);
@@ -2160,7 +2142,7 @@ function ClassManagerPanel() {
       /* @__PURE__ */ React18.createElement(GlobalClassesList, { disabled: isPublishing })
     )
   ), /* @__PURE__ */ React18.createElement(PanelFooter, null, /* @__PURE__ */ React18.createElement(
-    Button3,
+    Button2,
     {
       fullWidth: true,
       size: "small",