@hortiview/shared-components 0.0.11155 → 0.0.11176

package/dist/components/DeleteModal/DeleteModal.d.ts

@@ -49,6 +49,10 @@ type DeleteModalProps = {
      * The function to call when the confirm button is clicked.
      */
     onDelete: () => void;
+    /**
+     * A optional function to call when the cancel button is clicked.
+     */
+    onCancel?: () => void;
     /**
      * If true, the delete button will be enabled.
      * If false, the delete button will be disabled and the {@link impossibleDeleteHeader} will be displayed.
@@ -70,8 +74,9 @@ type DeleteModalProps = {
  * @prop {boolean} open - The state of the modal.
  * @prop {function} setOpen - The function to set the state of the modal.
  * @prop {function} onDelete - The function to call when the confirm button is clicked.
+ * @prop {function} onCancel - A optional function to call when the cancel button is clicked.
  * @prop {boolean} isDeletePossible - If true, the delete button will be enabled. If false, the delete button will be disabled and the {@link impossibleDeleteHeader} will be displayed. Default is _true_.
  * @returns {ReactElement} A modal component for deleting items.
  */
-export declare const DeleteModal: ({ title, confirmButtonLabel, cancelButtonLabel, deleteHeader, deleteBody, deleteText, icon, isIconCrossedOut, impossibleDeleteHeader, open, setOpen, onDelete, isDeletePossible, }: DeleteModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DeleteModal: ({ title, confirmButtonLabel, cancelButtonLabel, deleteHeader, deleteBody, deleteText, icon, isIconCrossedOut, impossibleDeleteHeader, open, setOpen, onDelete, onCancel, isDeletePossible, }: DeleteModalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DeleteModal/DeleteModal.js

@@ -1,17 +1,17 @@
 import "../../assets/DeleteModal.css";
 import { jsx as o, jsxs as p, Fragment as c } from "react/jsx-runtime";
-import { Group as i, Button as u, Icon as D, TypoBody as l } from "@element/react-components";
-import { uniqueId as I } from "lodash";
-import { AvailableCustomIcons as O } from "../../enums/AvailableCustomIcons.js";
-import { u as N } from "../../useBreakpoints-MzTZ0tCT.js";
-import { Iconify as S } from "../Iconify/Iconify.js";
-import { Modal as x } from "../Modal/Modal.js";
-const M = "_bulletPoint_1kyg0_1", j = "_modal_1kyg0_6", z = "_colorDanger_1kyg0_10", B = "_crossedOut_1kyg0_14", t = {
-  bulletPoint: M,
-  modal: j,
-  colorDanger: z,
-  crossedOut: B
-}, R = ({
+import { Group as i, Button as u, Icon as I, TypoBody as l } from "@element/react-components";
+import { uniqueId as O } from "lodash";
+import { AvailableCustomIcons as N } from "../../enums/AvailableCustomIcons.js";
+import { u as S } from "../../useBreakpoints-MzTZ0tCT.js";
+import { Iconify as x } from "../Iconify/Iconify.js";
+import { Modal as M } from "../Modal/Modal.js";
+const j = "_bulletPoint_1kyg0_1", z = "_modal_1kyg0_6", B = "_colorDanger_1kyg0_10", P = "_crossedOut_1kyg0_14", t = {
+  bulletPoint: j,
+  modal: z,
+  colorDanger: B,
+  crossedOut: P
+}, U = ({
   title: e,
   confirmButtonLabel: r,
   cancelButtonLabel: n,
@@ -24,18 +24,19 @@ const M = "_bulletPoint_1kyg0_1", j = "_modal_1kyg0_6", z = "_colorDanger_1kyg0_
   open: b,
   setOpen: d,
   onDelete: k,
+  onCancel: _,
   isDeletePossible: m = !0
 }) => {
-  const { isDesktop: _ } = N(), v = (C) => {
-    C.detail.action === "close" && d(!1);
+  const { isDesktop: v } = S(), C = (D) => {
+    D.detail.action === "close" && d(!1);
   };
   return /* @__PURE__ */ o(
-    x,
+    M,
     {
       className: t.modal,
-      modalSize: _ ? "small" : "fullscreen",
+      modalSize: v ? "small" : "fullscreen",
       open: b,
-      onClose: v,
+      onClose: C,
       title: e,
       primaryButton: /* @__PURE__ */ o(
         u,
@@ -53,33 +54,35 @@ const M = "_bulletPoint_1kyg0_1", j = "_modal_1kyg0_6", z = "_colorDanger_1kyg0_
           "data-testid": "cancel-button",
           variant: "text",
           label: n,
-          onClick: () => d(!1)
+          onClick: () => {
+            _?.(), d(!1);
+          }
         }
       ),
       children: /* @__PURE__ */ p(i, { direction: "vertical", secondaryAlign: "center", children: [
-        /* @__PURE__ */ o(P, { element: /* @__PURE__ */ o(A, { icon: f }), isCrossedOut: h }),
+        /* @__PURE__ */ o(A, { element: /* @__PURE__ */ o(q, { icon: f }), isCrossedOut: h }),
         /* @__PURE__ */ o(i, { direction: "vertical", children: m ? /* @__PURE__ */ o(
-          q,
+          F,
           {
             deleteHeader: a,
             deleteText: g,
             deleteBody: s
           }
-        ) : /* @__PURE__ */ o(F, { impossibleDeleteHeader: y }) })
+        ) : /* @__PURE__ */ o(G, { impossibleDeleteHeader: y }) })
       ] })
     }
   );
-}, P = ({
+}, A = ({
   element: e,
   isCrossedOut: r = !1
-}) => r ? /* @__PURE__ */ o("span", { className: t.crossedOut, children: e }) : e, A = ({ icon: e }) => e ? typeof e != "string" ? e : Object.values(O).includes(e) ? /* @__PURE__ */ o(
-  S,
+}) => r ? /* @__PURE__ */ o("span", { className: t.crossedOut, children: e }) : e, q = ({ icon: e }) => e ? typeof e != "string" ? e : Object.values(N).includes(e) ? /* @__PURE__ */ o(
+  x,
   {
     icon: e,
     iconSize: "xlarge",
     className: t.colorDanger
   }
-) : /* @__PURE__ */ o(D, { icon: e, iconSize: "xlarge", className: t.colorDanger }) : /* @__PURE__ */ o(c, {}), q = ({
+) : /* @__PURE__ */ o(I, { icon: e, iconSize: "xlarge", className: t.colorDanger }) : /* @__PURE__ */ o(c, {}), F = ({
   deleteHeader: e,
   deleteText: r,
   deleteBody: n
@@ -95,11 +98,11 @@ const M = "_bulletPoint_1kyg0_1", j = "_modal_1kyg0_6", z = "_colorDanger_1kyg0_
       themeColor: "text-secondary-on-background",
       children: a
     },
-    I(s.toString())
+    O(s.toString())
   )) })
-] }), F = ({
+] }), G = ({
   impossibleDeleteHeader: e
 }) => /* @__PURE__ */ o(l, { level: 1, themeColor: "text-primary-on-background", children: e });
 export {
-  R as DeleteModal
+  U as DeleteModal
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hortiview/shared-components",
   "description": "This is a shared component library. It should used in the HortiView platform and its modules.",
-  "version": "0.0.11155",
+  "version": "0.0.11176",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",