@hortiview/shared-components 2.12.2 → 2.14.0

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.d.ts

@@ -1,5 +1,11 @@
 import { HVPermissions, PermissionsByEntity } from '../../types/Permission';
 
+type EntityIdType = 'General' | 'Plattform' | (string & Record<never, never>);
+export type IsAllowedProps = {
+    neededPermissions: HVPermissions[];
+    entityIds: EntityIdType | EntityIdType[];
+    areAllPermissionsNeeded?: boolean;
+};
 /**
  * Hook to check if the current user has the required permissions.
  * Must be used within a PermissionProvider.
@@ -7,18 +13,18 @@ import { HVPermissions, PermissionsByEntity } from '../../types/Permission';
  * @example
  * ```tsx
  * const isAllowed = useIsAllowed();
- * const canEdit = isAllowed([Permission.BlocksUpdate], farmId);
+ * const canEdit = isAllowed({ neededPermissions: [Permission.BlocksUpdate], entityIds: farmId });
+ * const canEditMultiple = isAllowed({ neededPermissions: [Permission.BlocksUpdate], entityIds: [farmId1, farmId2] });
  * ```
  *
- * If the given entity id not matches with an userpermissions object entry, false is returned.
- * Otherwise it checks the given neededPermission against the users permissions for the found entity.
- * @param neededPermissions the permissions needed at the point the method is called
- * @param entityId - the entity id, the permission is for (FarmOrganizationId, VendorOrganizationId or FarmId)
- * @param needAllPermissions a flag to determine if all given permissions are needed (AND) or only one of them (OR)
- * @param currentUserPermissions - optional parameter to pass the user permissions directly, e.g. after a permission update
+ * If the given entity ids do not match any user permissions object entry, false is returned.
+ * Otherwise it checks the given neededPermissions against the user's permissions for the found entities.
+ * @param neededPermissions - the permissions needed at the point the method is called
+ * @param entityIds - the entity id(s), the permission is for (FarmOrganizationId, VendorOrganizationId or FarmId)
+ * @param areAllPermissionsNeeded - a flag to determine if all given permissions are needed (AND) or only one of them (OR)
  * @returns true if the user has one of the (OR) or all (AND) needed permissions, false otherwise
  */
-export declare const useIsAllowed: () => (neededPermissions: HVPermissions[], entityId: string | undefined, needAllPermissions?: boolean, currentUserPermissions?: PermissionsByEntity) => boolean;
+export declare const useIsAllowed: () => ({ neededPermissions, entityIds, areAllPermissionsNeeded }: IsAllowedProps) => boolean;
 /**
  * Extracts and parses permissions from a module permission token.
  *
@@ -33,3 +39,4 @@ export declare const useIsAllowed: () => (neededPermissions: HVPermissions[], en
 export declare const getPermissionsFromModulePermissionToken: ({ permissionToken, }: {
     permissionToken?: string;
 }) => PermissionsByEntity;
+export {};

package/dist/components/PermissionChecks/PermissionService.js

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

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

@@ -1,10 +1,10 @@
-import { r as m } from "../../react.esm-Bm0cAgpZ.js";
-import { createPermissionWrapper as l } from "../../test-utils.js";
+import { r as d } from "../../react.esm-Bm0cAgpZ.js";
+import { createPermissionWrapper as m } from "../../test-utils.js";
 import { HVMainPermissions as i } from "../../types/Permission.js";
-import { useIsAllowed as u, getPermissionsFromModulePermissionToken as a } from "./PermissionService.js";
-import { d, t, g as o } from "../../vi.bdSIJ99Y-B308Q-4w.js";
-d("Test PermissionService", () => {
-  d("Test isAllowed", () => {
+import { useIsAllowed as l, getPermissionsFromModulePermissionToken as a } from "./PermissionService.js";
+import { d as u, t, g as o } from "../../vi.bdSIJ99Y-B308Q-4w.js";
+u("Test PermissionService", () => {
+  u("Test isAllowed", () => {
     const n = [
       i.FarmOrganizationsRead,
       i.FarmOrganizationsUpdate
@@ -12,8 +12,8 @@ d("Test PermissionService", () => {
     t("should return true if the user has all (AND) needed permissions", () => {
       const {
         result: { current: s }
-      } = m(() => u(), {
-        wrapper: l({
+      } = d(() => l(), {
+        wrapper: m({
           userPermissions: {
             [e]: [
               i.FarmOrganizationsRead,
@@ -21,43 +21,51 @@ d("Test PermissionService", () => {
             ]
           }
         })
-      }), r = s(n, e, !0);
+      }), r = s({
+        neededPermissions: n,
+        entityIds: e,
+        areAllPermissionsNeeded: !0
+      });
       o(r).toBe(!0);
     }), t("should return true if the user has one of the (OR) needed permissions", () => {
       const {
         result: { current: s }
-      } = m(() => u(), {
-        wrapper: l({
+      } = d(() => l(), {
+        wrapper: m({
           userPermissions: {
             [e]: [i.BlocksCreate, i.FarmOrganizationsRead]
           }
         })
-      }), r = s(n, e);
+      }), r = s({ neededPermissions: n, entityIds: e });
       o(r).toBe(!0);
     }), t("should return true if neededPermissions array is empty", () => {
       const {
         result: { current: s }
-      } = m(() => u(), {
-        wrapper: l({
+      } = d(() => l(), {
+        wrapper: m({
           userPermissions: {
             [e]: []
           }
         })
-      }), r = s([], e, !0);
+      }), r = s({
+        neededPermissions: [],
+        entityIds: e,
+        areAllPermissionsNeeded: !0
+      });
       o(r).toBe(!0);
     }), t("should return false if given entity id not matching with any userPermissions entry", () => {
       const {
         result: { current: s }
-      } = m(() => u(), {
-        wrapper: l({
+      } = d(() => l(), {
+        wrapper: m({
           userPermissions: {
             456: [i.BlocksCreate]
           }
         })
-      }), r = s(n, e);
+      }), r = s({ neededPermissions: n, entityIds: e });
       o(r).toBe(!1);
     });
-  }), d("Test getPermissionsFromModulePermissionToken", () => {
+  }), u("Test getPermissionsFromModulePermissionToken", () => {
     const n = `
 eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJNb2R1bGVSb2xlc0FuZFBlcm1pc3Npb25zIjp7IkZhcm1Pcmdhbml6YXRpb25JZCI6IjJmZDJjMGIwLTUwNjEtNGQ0NS1hYzI1LWQxY2E0YWNkNzMzOCIsIlVzZXJJZCI6Ijc5M2IxZmFlLTg0ODItNGVkMy1hYjczLTQ1NzFhMDViYjEyYiIsIk1vZHVsZUlkIjoiMTIzNDUtNjc4OTAtYWJjZGUtZWZnaGkiLCJSb2xlTmFtZXMiOlsiRmFybSBNYW5hZ2VyIiwiRmFybSBXb3JrZXIiXSwiRXhlY3V0ZUVuZHBvaW50UGVybWlzc2lvbk5hbWVzIjpbImJsb2Nrcy1yZWFkIiwiYmxvY2tzLXVwZGF0ZSIsImZhcm1zLXJlYWQiXX19.test-signature
     `;

package/dist/main.d.ts

@@ -62,6 +62,7 @@ export { Allowed } from './components/Allowed/Allowed';
 export { AllowedButton } from './components/AllowedButton/AllowedButton';
 export { AllowedIconButton } from './components/AllowedIconButton/AllowedIconButton';
 export { getPermissionsFromModulePermissionToken, useIsAllowed, } from './components/PermissionChecks/PermissionService';
+export type { IsAllowedProps } from './components/PermissionChecks/PermissionService';
 export { SharedComponentsPermissionProvider } from './components/SharedComponentsPermissionProvider/SharedComponentsPermissionProvider';
 export { createPermissionWrapper, renderWithPermissions } from './test-utils';
 export { HVMainPermissions } from './types/Permission';

package/dist/types/ListElement.d.ts

@@ -80,6 +80,7 @@ export type BaseListElement = {
     value?: string;
     /**
      * the list element is disabled if this is true
+     * If the user does not have the required permissions the element please use the `permissions` property instead
      */
     disabled?: boolean;
     /**
@@ -104,6 +105,10 @@ export type BaseListElement = {
      * a custom class name for the list item
      */
     listItemClassName?: string;
+    /**
+     * whether the user has the permission to view this element, if false the element will not be shown
+     */
+    isAllowed?: boolean;
 };
 /**
  * The list element to use with BaseView and ListArea, it is an extension of the BaseListElement to handle grouped lists

package/dist/types/Permission.d.ts

@@ -25,9 +25,9 @@ export type ModulePermissionTokenParsed = {
     };
 };
 /**
- * Type representing all possible permissions in the system.
+ * Type representing all possible permissions in the system.p
  */
-export type HVPermissions = HVMainPermissions | `${string}`;
+export type HVPermissions = `${HVMainPermissions}` | (string & Record<never, never>);
 /**
  * Enum for all main permissions available in the HortiView platform.
  */

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