@hortiview/shared-components 2.12.1 → 2.13.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [2.13.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.12.2...v2.13.0) (2026-02-06)
+
+### Features
+
+* add isDeletePending prop to DeleteModal for loading state ([d513159](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/d51315909b7de18462ca79da88fd36260f621780))
+
+## [2.12.2](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.12.1...v2.12.2) (2026-02-03)
+
+### Code Refactoring
+
+* return permissions instead of roles ([2e41e46](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/2e41e4668b3cf24cd4c5c2481f0d1871d753b236))
+
 ## [2.12.1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.12.0...v2.12.1) (2026-02-03)
 
 ### Code Refactoring

package/README.md

@@ -205,6 +205,12 @@ const actions = [
 
 A modal to confirm a deletion.
 
+It provides a loading state for the delete button to prevent multiple deletion attempts in a row. In this case, the button is disabled and a spinner is shown in the button.
+
+If a deletion is not possible, the button is also disabled and the specified `impossibleDeleteHeader` is shown.
+
+The button is also disabled when the user is offline, indicated by the `isOnline` prop. In this case, the [OfflineView](#offlineview) is shown.
+
 ```jsx
 import { DeleteModal } from '@hortiview/shared-components';
 
@@ -222,9 +228,11 @@ const onDelete = () => {
   confirmButtonLabel={'Remove'}
   cancelButtonLabel={'Cancel'}
   deleteHeader={'Delete my block'}
-  impossibleDeleteHeader={'block cant be deleted'}
+  impossibleDeleteHeader={'Block cannot be deleted'}
   deleteBody={['block 1', 'block 2', 'block 3']}
   isDeletePossible
+  isDeletePending={isDeleteRequestPending}
+  isOnline={isOnline}
 />;
 ```
 

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

@@ -60,6 +60,10 @@ type DeleteModalProps = {
      * Default is _true_.
      */
     isDeletePossible?: boolean;
+    /**
+     * Whether the delete action is pending; shows a loading state on the confirm button when true.
+     */
+    isDeletePending?: boolean;
     /**
      * Whether the user is online; shows OfflineView when false.
      */
@@ -85,9 +89,10 @@ type DeleteModalProps = {
  * @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_.
+ * @prop {boolean} isDeletePending - Whether the delete action is pending; shows a loading state on the confirm button when true.
  * @prop {boolean} isOnline - Whether the user is online; shows OfflineView when false.
  * @prop {Partial} offlineViewProps - Props forwarded to OfflineView when offline.
  * @returns {ReactElement} A modal component for deleting items.
  */
-export declare const DeleteModal: ({ title, confirmButtonLabel, cancelButtonLabel, deleteHeader, deleteBody, deleteText, icon, isIconCrossedOut, impossibleDeleteHeader, open, setOpen, onDelete, onCancel, isDeletePossible, isOnline, offlineViewProps, }: 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, isDeletePending, isOnline, offlineViewProps, }: DeleteModalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DeleteModal/DeleteModal.js

@@ -1,112 +1,127 @@
-import { jsx as o, jsxs as f, Fragment as c } from "react/jsx-runtime";
-import { B as p } from "../../index.es-B8p8KCdj.js";
-import { G as i } from "../../index.es-oxil0uFe.js";
-import { I } from "../../index.es-Dgxrk6xW.js";
+import { jsx as o, jsxs as b, Fragment as c } from "react/jsx-runtime";
+import { B as f } from "../../index.es-B8p8KCdj.js";
+import { G as m } from "../../index.es-oxil0uFe.js";
+import { I as S } from "../../index.es-Dgxrk6xW.js";
 import { T as l } from "../../index.es-SjZ_-d7U.js";
-import { u as N } from "../../uniqueId-BNVTeImh.js";
-import { AvailableCustomIcons as S } from "../../enums/AvailableCustomIcons.js";
-import { u as x } from "../../useBreakpoints-MzTZ0tCT.js";
-import { Iconify as B } from "../Iconify/Iconify.js";
+import { u as x } from "../../uniqueId-BNVTeImh.js";
+import { AvailableCustomIcons as N } from "../../enums/AvailableCustomIcons.js";
+import { u as O } from "../../useBreakpoints-MzTZ0tCT.js";
+import { Iconify as z } from "../Iconify/Iconify.js";
+import "react";
+import "../../react-tooltip.min-CVsI--2Y.js";
+import "../../orderBy-DLBJlgdL.js";
+import { LoadingSpinner as B } from "../LoadingSpinner/Default/LoadingSpinner.js";
 import { Modal as M } from "../Modal/Modal.js";
-import '../../assets/DeleteModal.css';const O = "_bulletPoint_bd412_1", j = "_modal_bd412_7", z = "_colorDanger_bd412_11", P = "_crossedOut_bd412_15", t = {
-  bulletPoint: O,
-  modal: j,
-  colorDanger: z,
-  crossedOut: P
-}, V = ({
+import "react-hook-form";
+import "../../get-D8IXqiys.js";
+import "../../isArray-BjSPDQ4v.js";
+import "../../isString-DVA49FEo.js";
+import "../../omit-CYY_mIYv.js";
+import "../../types/Time.js";
+import "../../index-CuHybtft.js";
+import "../SharedComponentsPermissionProvider/PermissionContext.js";
+import "../../react.esm-Bm0cAgpZ.js";
+import '../../assets/DeleteModal.css';const j = "_bulletPoint_bd412_1", A = "_modal_bd412_7", G = "_colorDanger_bd412_11", q = "_crossedOut_bd412_15", e = {
+  bulletPoint: j,
+  modal: A,
+  colorDanger: G,
+  crossedOut: q
+}, co = ({
   title: r,
-  confirmButtonLabel: e,
+  confirmButtonLabel: t,
   cancelButtonLabel: n,
   deleteHeader: a,
-  deleteBody: s,
-  deleteText: b,
-  icon: g,
-  isIconCrossedOut: h,
-  impossibleDeleteHeader: v,
+  deleteBody: i,
+  deleteText: g,
+  icon: h,
+  isIconCrossedOut: v,
+  impossibleDeleteHeader: y,
   open: _,
   setOpen: d,
-  onDelete: y,
-  onCancel: C,
-  isDeletePossible: m = !0,
-  isOnline: u = !0,
-  offlineViewProps: D
+  onDelete: C,
+  onCancel: I,
+  isDeletePossible: u = !0,
+  isDeletePending: s = !1,
+  isOnline: p = !0,
+  offlineViewProps: k
 }) => {
-  const { isDesktop: k } = x();
+  const { isDesktop: D } = O();
   return /* @__PURE__ */ o(
     M,
     {
-      isOnline: u,
-      offlineViewProps: D,
-      className: `${t.modal}`,
-      modalSize: k ? "small" : "fullscreen",
+      isOnline: p,
+      offlineViewProps: k,
+      className: `${e.modal}`,
+      modalSize: D ? "small" : "fullscreen",
       open: _,
       title: r,
       onClose: () => d(!1),
       actionButton: /* @__PURE__ */ o(
-        p,
+        f,
         {
           "data-testid": "delete-button",
           variant: "danger",
-          label: e,
-          onClick: y,
-          disabled: !m || !u
+          label: s ? "" : t,
+          onClick: C,
+          disabled: !u || s || !p,
+          trailingIcon: s ? /* @__PURE__ */ o(B, { size: "sm", text: "", spinnerOnly: !0 }) : null
         }
       ),
       footerSupplemental: /* @__PURE__ */ o(
-        p,
+        f,
         {
           "data-testid": "cancel-button",
           variant: "text",
           label: n,
           onClick: () => {
-            C?.(), d(!1);
+            I?.(), d(!1);
           }
         }
       ),
-      children: /* @__PURE__ */ f(i, { direction: "vertical", secondaryAlign: "center", children: [
-        /* @__PURE__ */ o(A, { element: /* @__PURE__ */ o(G, { icon: g }), isCrossedOut: h }),
-        /* @__PURE__ */ o(i, { direction: "vertical", children: m ? /* @__PURE__ */ o(
-          q,
+      children: /* @__PURE__ */ b(m, { direction: "vertical", secondaryAlign: "center", children: [
+        /* @__PURE__ */ o(F, { element: /* @__PURE__ */ o(H, { icon: h }), isCrossedOut: v }),
+        /* @__PURE__ */ o(m, { direction: "vertical", children: u ? /* @__PURE__ */ o(
+          L,
           {
             deleteHeader: a,
-            deleteText: b,
-            deleteBody: s
+            deleteText: g,
+            deleteBody: i
           }
-        ) : /* @__PURE__ */ o(F, { impossibleDeleteHeader: v }) })
+        ) : /* @__PURE__ */ o(P, { impossibleDeleteHeader: y }) })
       ] })
     }
   );
-}, A = ({
+}, F = ({
   element: r,
-  isCrossedOut: e = !1
-}) => e ? /* @__PURE__ */ o("span", { className: t.crossedOut, children: r }) : r, G = ({ icon: r }) => r ? typeof r != "string" ? r : Object.values(S).includes(r) ? /* @__PURE__ */ o(
-  B,
+  isCrossedOut: t = !1
+}) => t ? /* @__PURE__ */ o("span", { className: e.crossedOut, children: r }) : r, H = ({ icon: r }) => r ? typeof r != "string" ? r : Object.values(N).includes(r) ? /* @__PURE__ */ o(
+  z,
   {
     icon: r,
     iconSize: "xlarge",
-    className: t.colorDanger
+    className: e.colorDanger
   }
-) : /* @__PURE__ */ o(I, { icon: r, iconSize: "xlarge", className: t.colorDanger }) : /* @__PURE__ */ o(c, {}), q = ({
+) : /* @__PURE__ */ o(S, { icon: r, iconSize: "xlarge", className: e.colorDanger }) : /* @__PURE__ */ o(c, {}), L = ({
   deleteHeader: r,
-  deleteText: e,
+  deleteText: t,
   deleteBody: n
-}) => /* @__PURE__ */ f(c, { children: [
+}) => /* @__PURE__ */ b(c, { children: [
   /* @__PURE__ */ o(l, { level: 1, themeColor: "text-primary-on-background", children: r }),
-  e && typeof e == "string" && /* @__PURE__ */ o(l, { level: 2, themeColor: "text-secondary-on-background", children: e }),
-  e && typeof e != "string" && /* @__PURE__ */ o(c, { children: e }),
-  n && e === void 0 && /* @__PURE__ */ o(i, { direction: "vertical", gap: "none", children: n.map((a, s) => /* @__PURE__ */ o(
+  t && typeof t == "string" && /* @__PURE__ */ o(l, { level: 2, themeColor: "text-secondary-on-background", children: t }),
+  t && typeof t != "string" && /* @__PURE__ */ o(c, { children: t }),
+  n && t === void 0 && /* @__PURE__ */ o(m, { direction: "vertical", gap: "none", children: n.map((a, i) => /* @__PURE__ */ o(
     l,
     {
       level: 2,
-      className: t.bulletPoint,
+      className: e.bulletPoint,
       themeColor: "text-secondary-on-background",
       children: a
     },
-    N(s.toString())
+    x(i.toString())
   )) })
-] }), F = ({
+] }), P = ({
   impossibleDeleteHeader: r
 }) => /* @__PURE__ */ o(l, { level: 1, themeColor: "text-primary-on-background", children: r });
 export {
-  V as DeleteModal
+  co as DeleteModal
 };

package/dist/components/DeleteModal/DeleteModal.test.js

@@ -1,12 +1,12 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as c, s as e } from "../../react.esm-Bm0cAgpZ.js";
-import { DeleteModal as a } from "./DeleteModal.js";
-import { d, t as b, a as o, g as t } from "../../vi.bdSIJ99Y-B308Q-4w.js";
-d("DeleteModal Test", () => {
-  b("should render the DeleteModal properly", () => {
+import { a as c, s as t } from "../../react.esm-Bm0cAgpZ.js";
+import { DeleteModal as b } from "./DeleteModal.js";
+import { d as a, t as s, a as o, g as e } from "../../vi.bdSIJ99Y-B308Q-4w.js";
+a("DeleteModal Test", () => {
+  s("should render the DeleteModal properly", () => {
     c(
       /* @__PURE__ */ n(
-        a,
+        b,
         {
           icon: "block",
           open: !0,
@@ -21,11 +21,11 @@ d("DeleteModal Test", () => {
           isDeletePossible: !0
         }
       )
-    ), t(e.getByText("DELETE")).toBeInTheDocument(), t(e.getByTestId("block")).toBeInTheDocument(), t(e.getByText("block 1")).toBeInTheDocument(), t(e.getByText("block 2")).toBeInTheDocument(), t(e.getByText("block 3")).toBeInTheDocument(), t(e.getByText("Remove")).toBeInTheDocument(), t(e.getByText("Cancel")).toBeInTheDocument(), t(e.queryByText("block cant be deleted")).not.toBeInTheDocument();
-  }), b("should render the DeleteModal properly when isDeletePossible = false", () => {
+    ), e(t.getByText("DELETE")).toBeInTheDocument(), e(t.getByTestId("block")).toBeInTheDocument(), e(t.getByText("block 1")).toBeInTheDocument(), e(t.getByText("block 2")).toBeInTheDocument(), e(t.getByText("block 3")).toBeInTheDocument(), e(t.getByText("Remove")).toBeInTheDocument(), e(t.getByText("Cancel")).toBeInTheDocument(), e(t.queryByText("block cant be deleted")).not.toBeInTheDocument();
+  }), s("should render the DeleteModal properly when isDeletePossible = false", () => {
     c(
       /* @__PURE__ */ n(
-        a,
+        b,
         {
           icon: "block",
           open: !0,
@@ -40,12 +40,12 @@ d("DeleteModal Test", () => {
           isDeletePossible: !1
         }
       )
-    ), t(e.getByText("DELETE")).toBeInTheDocument(), t(e.getByTestId("block")).toBeInTheDocument(), t(e.queryByText("block 1")).not.toBeInTheDocument(), t(e.queryByText("block 2")).not.toBeInTheDocument(), t(e.queryByText("block 3")).not.toBeInTheDocument(), t(e.getByText("Remove")).toBeInTheDocument(), t(e.getByText("Remove").parentElement).toBeDisabled(), t(e.getByText("Cancel")).toBeInTheDocument(), t(e.queryByText("block cant be deleted")).toBeInTheDocument();
-  }), b("should call setOpen with false when clicking on cancel button", () => {
+    ), e(t.getByText("DELETE")).toBeInTheDocument(), e(t.getByTestId("block")).toBeInTheDocument(), e(t.queryByText("block 1")).not.toBeInTheDocument(), e(t.queryByText("block 2")).not.toBeInTheDocument(), e(t.queryByText("block 3")).not.toBeInTheDocument(), e(t.getByText("Remove")).toBeInTheDocument(), e(t.getByText("Remove").parentElement).toBeDisabled(), e(t.getByText("Cancel")).toBeInTheDocument(), e(t.queryByText("block cant be deleted")).toBeInTheDocument();
+  }), s("should call setOpen with false when clicking on cancel button", () => {
     const l = o.fn();
     c(
       /* @__PURE__ */ n(
-        a,
+        b,
         {
           icon: "block",
           open: !0,
@@ -60,12 +60,12 @@ d("DeleteModal Test", () => {
           isDeletePossible: !0
         }
       )
-    ), e.getByText("Cancel").click(), t(l).toHaveBeenCalledWith(!1);
-  }), b("should call onDelete when clicking on delete button", () => {
+    ), t.getByText("Cancel").click(), e(l).toHaveBeenCalledWith(!1);
+  }), s("should call onDelete when clicking on delete button", () => {
     const l = o.fn();
     c(
       /* @__PURE__ */ n(
-        a,
+        b,
         {
           icon: "block",
           open: !0,
@@ -80,12 +80,12 @@ d("DeleteModal Test", () => {
           isDeletePossible: !0
         }
       )
-    ), e.getByText("Remove").click(), t(l).toHaveBeenCalled();
-  }), b("render DeleteModal with OfflineView", () => {
+    ), t.getByText("Remove").click(), e(l).toHaveBeenCalled();
+  }), s("render DeleteModal with OfflineView", () => {
     const l = o.fn();
     c(
       /* @__PURE__ */ n(
-        a,
+        b,
         {
           icon: "block",
           open: !0,
@@ -104,6 +104,29 @@ d("DeleteModal Test", () => {
           }
         }
       )
-    ), e.getByText("Remove").click(), t(l).not.toHaveBeenCalled(), t(e.getByTestId("offline-test")).toBeInTheDocument();
+    ), t.getByText("Remove").click(), e(l).not.toHaveBeenCalled(), e(t.getByTestId("offline-test")).toBeInTheDocument();
+  }), s("should disable delete button when isDeletePending is true", () => {
+    const l = o.fn();
+    c(
+      /* @__PURE__ */ n(
+        b,
+        {
+          icon: "block",
+          open: !0,
+          setOpen: o.fn(),
+          onDelete: l,
+          title: "DELETE",
+          confirmButtonLabel: "Remove",
+          cancelButtonLabel: "Cancel",
+          deleteHeader: "Delete my block",
+          impossibleDeleteHeader: "block cant be deleted",
+          deleteBody: ["block 1", "block 2", "block 3"],
+          isDeletePossible: !0,
+          isDeletePending: !0
+        }
+      )
+    );
+    const d = t.getByTestId("delete-button");
+    e(d).toBeDisabled(), e(t.getByTestId("loading-spinner")).toBeInTheDocument(), d.click(), e(l).not.toHaveBeenCalled();
   });
 });

package/dist/components/PermissionChecks/PermissionService.js

@@ -1,17 +1,17 @@
-import { j as u } from "../../index-CuHybtft.js";
+import { j as l } from "../../index-CuHybtft.js";
 import { useCallback as a } from "react";
 import { usePermissionContext as c } from "../SharedComponentsPermissionProvider/PermissionContext.js";
-const p = () => {
+const y = () => {
   const { userPermissions: s, activeOrganizationId: e } = c();
   return a(
-    (t, o, l = !1, m) => {
+    (t, o, m = !1, u) => {
       if (t.length === 0) return !0;
-      const r = m ?? s, n = [
+      const r = u ?? s, n = [
         ...r?.[o ?? e ?? ""] ?? [],
         ...r?.General ?? [],
         ...r?.Plattform ?? []
       ];
-      return n ? l ? t.every((i) => n.includes(i)) : t.some((i) => n.includes(i)) : !1;
+      return n ? m ? t.every((i) => n.includes(i)) : t.some((i) => n.includes(i)) : !1;
     },
     [e, s]
   );
@@ -19,10 +19,10 @@ const p = () => {
   permissionToken: s
 }) => {
   if (!s || s === "") return;
-  const e = u(s), t = e.ModuleRolesAndPermissions.FarmOrganizationId, o = e.ModuleRolesAndPermissions.RoleNames;
+  const e = l(s), t = e.ModuleRolesAndPermissions.FarmOrganizationId, o = e.ModuleRolesAndPermissions.ExecuteEndpointPermissionNames;
   return { [t]: [...o] };
 };
 export {
   I as getPermissionsFromModulePermissionToken,
-  p as useIsAllowed
+  y as useIsAllowed
 };

package/dist/components/PermissionChecks/PermissionService.test.js

@@ -66,7 +66,7 @@ eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJNb2R1bGVSb2xlc0FuZFBlcm1pc3Npb25zIjp7IkZ
         permissionToken: n
       });
       o(e).toEqual({
-        "2fd2c0b0-5061-4d45-ac25-d1ca4acd7338": ["Farm Manager", "Farm Worker"]
+        "2fd2c0b0-5061-4d45-ac25-d1ca4acd7338": ["blocks-read", "blocks-update", "farms-read"]
       });
     }), t("should return undefined when permission token is empty", () => {
       const e = a({

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": "2.12.1",
+  "version": "2.13.0",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",