@hortiview/shared-components 0.0.4540 → 0.0.4721

package/dist/components/BasicHeading/BasicHeading.test.js

@@ -1,336 +1,36 @@
-import { jsx as g, Fragment as st } from "react/jsx-runtime";
-import { BasicHeading as w } from "./BasicHeading.js";
-import { d as ut, t as T, r as k, s as p, g as a } from "../../vi.JYQecGiw-8gz0k16C.js";
-import { d as s, P as t, b as ct, e as W, _ as J, c as X } from "../../index.es-WZ1mqvGz.js";
-import m, { forwardRef as F, useRef as mt, useImperativeHandle as bt, useCallback as G } from "react";
-import { R as ft } from "../../index.es-mBp_Btvi.js";
-import { I as z } from "../../index.es-Cv6meSAn.js";
-const pt = {
-  /**
-   * @deprecated _Use `themeColor='secondary'` instead._
-   *
-   * Preview feature, this may change. Apply alternative button color scheme (defined by the individual theme).
-   *
-   * Defaults to **undefined**.
-   */
-  altColor: s(t.bool, "Button", 'Use `themeColor="secondary"` instead.'),
-  /**
-   * One of 'xsmall', 'small', 'medium', 'large' and 'xlarge' will change the size of the button. Defaults according to your theme.
-   *
-   * Defaults to **'themeDefault'**.
-   */
-  buttonSize: t.oneOf(["xsmall", "small", "medium", "large", "xlarge", "themeDefault"]),
-  /**
-   * Content to be rendered inside the button. Can be used instead `label` of to provide more flexibility. Accepts any valid markup. _Warning, if Label is set, it will be used instead of child content._
-   *
-   * Defaults to **null**.
-   */
-  children: t.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: t.string,
-  /**
-   * @deprecated _forwardRef has been implemented for Button._
-   *
-   * Reference to the DOM button. This enables a greater level of integration.
-   *
-   * Defaults to **undefined**.
-   */
-  customRef: s(t.oneOfType([
-    t.func,
-    // eslint-disable-next-line react/forbid-prop-types
-    t.shape({
-      current: t.any
-    })
-  ]), "Button", "forwardRef has been implemented for Button."),
-  /**
-   * @deprecated _Use `variant='danger'` instead._
-   *
-   * Apply danger style to the button.
-   *
-   * Defaults to **undefined**.
-   */
-  danger: s(t.bool, "Button", 'Use `variant="danger"` instead.'),
-  /**
-   * Prevent the user from interacting with the component.
-   *
-   * Defaults to **false**.
-   */
-  disabled: t.bool,
-  /**
-   * Sets elevation of the button. Default will be the theme default.
-   *
-   * Defaults to **'default'**.
-   */
-  elevation: t.oneOf(["default", "elevated", "flat"]),
-  /**
-   * @deprecated _Use `variant='filled'` instead._
-   *
-   * Apply a filled-in style. Previously called `primary`.
-   *
-   * Defaults to **undefined**.
-   */
-  filled: s(t.bool, "Button", 'Use `variant="filled"` instead.'),
-  /**
-   * Applies a full-width style where the textfield will fill it's container.
-   *
-   * Defaults to **false**.
-   */
-  fullWidth: t.bool,
-  /**
-   * The button will render as an anchor tag. If the tag prop is set, that prop will take precedence.
-   *
-   * Defaults to **null**.
-   */
-  href: t.string,
-  /**
-   * The displayed text. Expects a valid string. If label and children are both set, label will take priority.
-   *
-   * Defaults to **null**.
-   */
-  label: t.string,
-  /**
-   * Adds the given Icon to the left of the button text. May not be used with `trailingIcon` - if `leadingIcon` and `trailingIcon` are both set, `leadingIcon` will take priority. Expects the name of a valid Material.io icon, however an icon component may be passed in instead for more control,
-   *
-   * Defaults to **undefined**.
-   */
-  leadingIcon: t.oneOfType([t.string, t.func, t.node]),
-  /**
-   * The primary interaction event for button.
-   *
-   * Defaults to **null**.
-   */
-  onClick: t.func,
-  /**
-   * @deprecated _Use `variant='outlined'`._
-   *
-   * Apply outlined style to the button. Previously called `secondary`.
-   *
-   * Defaults to **undefined**.
-   */
-  outlined: s(t.bool, "Button", 'Use `variant="outlined"`.'),
-  /**
-   * @deprecated _Use `variant='filled'` instead._
-   *
-   * Apply primary style to the Button.
-   *
-   * Defaults to **undefined**.
-   */
-  primary: s(t.bool, "Button", 'Use `variant="filled"` instead.'),
-  /**
-   * @deprecated _Use `'variant=outlined'` instead._
-   *
-   * Apply secondary style to the Button.
-   *
-   * Defaults to **undefined**.
-   */
-  secondary: s(t.bool, "Button", 'Use `"variant=outlined"` instead.'),
-  /**
-   * By default a button or anchor tag will be rendered, this allows another tag/component to be used instead. A block type element/component is suggested.
-   *
-   * Defaults to **null**.
-   */
-  tag: t.oneOfType([t.string, t.elementType, t.instanceOf(m.Component)]),
-  /**
-   * @deprecated _Use `variant='embedded'` instead._
-   *
-   * Apply tertiary style to the Button.
-   *
-   * Defaults to **undefined**.
-   */
-  tertiary: s(t.bool, "Button", 'Use `variant="embedded"` instead.'),
-  /**
-   * @deprecated _Use `variant='text'` instead._
-   *
-   * Apply unfilled, un-outlined style to the Button. Previously called `tertiary`.
-   *
-   * Defaults to **undefined**.
-   */
-  text: s(t.bool, "Button", 'Use `variant="text"` instead.'),
-  /**
-   * Sets the theme color for the button. Most commonly used when the control is placed on a darker surface.
-   *
-   * Defaults to **'primary'**.
-   */
-  themeColor: ct(t.oneOf(["primary", "secondary", "danger", "success", "on-unknown-black", "on-unknown-white", "on-primary", "on-secondary", "on-success", "on-danger"]), ["onUnknownBlack", "onUnknownWhite"], "Button", "Please use one of 'primary','secondary','danger','success','on-unknown-black','on-unknown-white','on-primary','on-secondary','on-success','on-danger'."),
-  /**
-   * Adds the given Icon to the right of the button text. May not be used with `leadingIcon` - if `leadingIcon` and `trailingIcon` are both set, `leadingIcon` will take priority. Expects the name of a valid Material.io icon, however an icon component may be passed in instead for more control.
-   *
-   * Defaults to **undefined**.
-   */
-  trailingIcon: t.oneOfType([t.string, t.func, t.node]),
-  /**
-   * This applies the html button type (button, submit, reset) or the anchor media type when used with the href property.
-   *
-   * Defaults to **'button'**.
-   */
-  type: t.oneOf(["button", "submit", "reset"]),
-  /**
-   * @deprecated _Use `elevation='flat' instead._
-   *
-   * Remove elevation.
-   *
-   * Defaults to **undefined**.
-   */
-  unelevated: s(t.bool, "Button", 'Use `elevation="flat" instead.'),
-  /**
-   * Applies the selected style to the button. `rounded-small` and `rounded-micro` are only available on select themes.
-   *
-   * Defaults to **'filled'**.
-   */
-  variant: t.oneOf(["filled", "outlined", "danger", "text", "success", "rounded-small", "rounded-micro"])
-}, yt = {
-  altColor: void 0,
-  buttonSize: "themeDefault",
-  children: null,
-  className: void 0,
-  customRef: void 0,
-  danger: void 0,
-  disabled: !1,
-  elevation: "default",
-  filled: void 0,
-  fullWidth: !1,
-  href: null,
-  label: null,
-  leadingIcon: void 0,
-  outlined: void 0,
-  primary: void 0,
-  secondary: void 0,
-  tag: null,
-  tertiary: void 0,
-  text: void 0,
-  themeColor: "primary",
-  trailingIcon: void 0,
-  type: "button",
-  unelevated: void 0,
-  variant: "filled"
-}, gt = {
-  /**
-   * Children to be rendered. Expects multiple Element Buttons
-   *
-   * Defaults to **null**.
-   */
-  children: t.node,
-  /**
-   * How much spacing between buttons. Dense is 8p, standard is 16px and airy is 24px.
-   *
-   * Defaults to **'standard'**.
-   */
-  variant: t.oneOf(["dense", "standard", "airy"])
-}, ht = {
-  children: null,
-  variant: "standard"
-}, C = /* @__PURE__ */ F((r, u) => {
-  const {
-    altColor: b,
-    buttonSize: P,
-    children: x,
-    className: O,
-    customRef: L,
-    disabled: j,
-    elevation: H,
-    primary: q,
-    secondary: M,
-    tertiary: $,
-    text: A,
-    danger: K,
-    filled: Q,
-    fullWidth: V,
-    href: R,
-    label: Y,
-    leadingIcon: d,
-    onClick: Z,
-    outlined: tt,
-    tag: nt,
-    themeColor: e,
-    trailingIcon: h,
-    type: et,
-    unelevated: n,
-    variant: c,
-    ...ot
-  } = r, N = mt(L || null);
-  bt(u, () => N.current, []);
-  const at = Y || x, rt = nt || (R ? "a" : "button"), l = c === "outlined" || tt || M, S = c === "rounded-small" || c === "rounded-micro", i = c === "text" || A || $, y = c === "danger" || K || e === "danger", _ = c === "success" || e === "success", o = !l && !i && (c === "filled" || Q || q), B = b || e === "secondary", f = e === "primary", dt = h && !d, v = e === "onUnknownBlack" || e === "on-unknown-black", I = e === "onUnknownWhite" || e === "on-unknown-white", U = e === "onPrimary" || e === "on-primary", E = e === "onSecondary" || e === "on-secondary", lt = G(() => typeof d == "string" ? /* @__PURE__ */ m.createElement(z, {
-    tabIndex: 0,
-    role: "button",
-    className: "mdc-button__icon lmnt-button__icon--leading",
-    icon: d
-  }) : typeof d == "function" ? d({
-    className: "mdc-button__icon lmnt-button__icon--leading"
-  }) : W(d, "mdc-button__icon lmnt-button__icon--leading"), [d]), it = G(() => typeof h == "string" ? /* @__PURE__ */ m.createElement(z, {
-    tabIndex: 0,
-    role: "button",
-    className: "mdc-button__icon lmnt-button__icon--trailing",
-    icon: h
-  }) : typeof d == "function" ? h({
-    className: "mdc-button__icon lmnt-button__icon--trailing"
-  }) : W(h, "mdc-button__icon lmnt-button__icon--trailing"), [d, h]);
-  return /* @__PURE__ */ m.createElement(ft, {
-    componentRef: N
-  }, /* @__PURE__ */ m.createElement(rt, J({
-    ref: N,
-    href: R,
-    onClick: Z,
-    type: et,
-    disabled: j,
-    className: X("lmnt", "mdc-button", "lmnt-button", o && n && f && "lmnt-button--filled-primary", o && y && "lmnt-button--filled-danger", o && _ && "lmnt-button--filled-success", o && n && B && "lmnt-button--filled-secondary", o && !n && f && ["lmnt-button--filled-primary", "mdc-button--raised"], o && !n && B && ["lmnt-button--filled-secondary", "mdc-button--raised"], o && !n && e === "on-primary" && ["lmnt-button--filled-on-primary", "mdc-button--raised"], o && !n && e === "on-secondary" && ["lmnt-button--filled-on-secondary", "mdc-button--raised"], o && !n && e === "on-success" && ["lmnt-button--filled-on-success", "mdc-button--raised"], o && !n && e === "on-danger" && ["lmnt-button--filled-on-danger", "mdc-button--raised"], o && !n && v && ["lmnt-button--filled-on-unknown-black", "mdc-button--raised"], o && !n && I && ["lmnt-button--filled-on-unknown-white", "mdc-button--raised"], l && f && ["lmnt-button--outlined-primary", "mdc-button--outlined"], o && !n && U && ["lmnt-button--filled-on-primary", "mdc-button--raised"], l && B && ["lmnt-button--outlined-secondary", "mdc-button--outlined"], l && U && "lmnt-button--outlined-on-primary mdc-button--outlined", l && E && "lmnt-button--outlined-on-secondary mdc-button--outlined", l && I && "lmnt-button--outlined-on-unknown-white mdc-button--outlined", l && v && "lmnt-button--outlined-on-unknown-black mdc-button--outlined", i && U && "lmnt-button--text-on-primary mdc-button__text", i && E && "lmnt-button--text-on-secondary mdc-button__text", i && I && "lmnt-button--text-on-unknown-white mdc-button__text", i && v && "lmnt-button--text-on-unknown-black mdc-button__text", S && I && "lmnt-button--text-on-unknown-white mdc-button__text", S && v && "lmnt-button--text-on-unknown-black mdc-button__text", i && f && "lmnt-button--text-primary", i && B && "lmnt-button--text-secondary", i && y && "lmnt-button--text-danger", i && _ && "lmnt-button--text-success", y && n && B && "lmnt-button--danger-secondary", y && !n && B && ["lmnt-button--danger-secondary", "mdc-button--raised"], y && n && f && "lmnt-button--danger-primary", y && !n && f && ["lmnt-button--danger-primary", "mdc-button--raised"], y && l && ["lmnt-button--danger-primary", "mdc-button--outlined"], _ && n && f && "lmnt-button--success-primary", _ && !n && f && ["lmnt-button--success-primary", "mdc-button--raised"], _ && l && ["lmnt-button--success-primary", "mdc-button--outlined"], _ && l && ["lmnt-button--success-primary", "mdc-button--outlined"], V && "lmnt-button--full-width", n && !i && "mdc-button--unelevated", H === "flat" && "lmnt-button--flat", H === "elevated" && "lmnt-button--elevated", `lmnt-button--${P}`, c === "rounded-small" && "lmnt-button--rounded lmnt-button--rounded-small mdc-button__text lmnt-button--text-primary", c === "rounded-micro" && "lmnt-button--rounded lmnt-button--rounded-micro mdc-button__text lmnt-button--text-primary", O, "mdc-touch-target-wrapper")
-  }, ot), /* @__PURE__ */ m.createElement("span", {
-    className: "mdc-button__ripple"
-  }), d && lt(), /* @__PURE__ */ m.createElement("span", {
-    className: "mdc-button__label"
-  }, at), dt && it(), /* @__PURE__ */ m.createElement("span", {
-    className: "mdc-button__touch"
-  })));
-});
-C.displayName = "Button";
-C.propTypes = pt;
-C.defaultProps = yt;
-const D = /* @__PURE__ */ F((r, u) => {
-  const {
-    children: b,
-    className: P,
-    variant: x,
-    ...O
-  } = r;
-  return /* @__PURE__ */ m.createElement("div", J({
-    ref: u,
-    className: X("lmnt", "lmnt-button-group", x === "dense" && "lmnt-button-group--dense", x === "standard" && "lmnt-button-group--standard", x === "airy" && "lmnt-button-group--airy", P)
-  }, O), b);
-});
-D.displayName = "ButtonGroup";
-D.propTypes = gt;
-D.defaultProps = ht;
-ut("BasicHeading-Test", () => {
-  T("render small container without content", () => {
-    k(/* @__PURE__ */ g(w, { heading: "Test" }));
-    const r = p.getByTestId("HeaderContainer");
-    a(r).toBeDefined(), a(r).toHaveClass(/pageHeader/);
-    const u = p.getByTestId("Header");
-    a(u).toBeDefined(), a(u).toHaveTextContent("Test");
-    const b = p.getByTestId("RightPart");
-    a(b).toBeDefined();
-  }), T("render large container with children", () => {
-    k(
-      /* @__PURE__ */ g(w, { heading: "Test", marginBottom: "large", children: /* @__PURE__ */ g(C, { children: "Extracontent" }) })
+import { jsx as o, Fragment as c } from "react/jsx-runtime";
+import { BasicHeading as a } from "./BasicHeading.js";
+import { r as i, s as n } from "../../react.esm-BeDwcQWb.js";
+import { d as g, t as s, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
+import { B as h } from "../../index.es-C3EKMb0J.js";
+g("BasicHeading-Test", () => {
+  s("render small container without content", () => {
+    i(/* @__PURE__ */ o(a, { heading: "Test" }));
+    const t = n.getByTestId("HeaderContainer");
+    e(t).toBeDefined(), e(t).toHaveClass(/pageHeader/);
+    const r = n.getByTestId("Header");
+    e(r).toBeDefined(), e(r).toHaveTextContent("Test");
+    const d = n.getByTestId("RightPart");
+    e(d).toBeDefined();
+  }), s("render large container with children", () => {
+    i(
+      /* @__PURE__ */ o(a, { heading: "Test", marginBottom: "large", children: /* @__PURE__ */ o(h, { children: "Extracontent" }) })
     );
-    const r = p.getByTestId("HeaderContainer");
-    a(r).toBeDefined();
-    const u = p.getByTestId("Header");
-    a(u).toBeDefined(), a(u).toHaveTextContent("Test");
-    const b = p.getByTestId("RightPart");
-    a(b).toBeDefined(), a(b).toContainHTML("<button");
-  }), T("render with available custom icon", () => {
-    k(/* @__PURE__ */ g(w, { heading: "Test", icon: "farm" }));
-    const r = p.getByTestId("farm");
-    a(r).toBeInTheDocument();
-  }), T("render with JSX element as icon", () => {
-    k(/* @__PURE__ */ g(w, { heading: "Test", icon: /* @__PURE__ */ g(st, { children: "JSX" }) })), a(p.getByText("JSX")).toBeInTheDocument();
-  }), T("render with other icon", () => {
-    k(/* @__PURE__ */ g(w, { heading: "Test", icon: "contact_support" }));
-    const r = document.querySelector("i");
-    a(r).toHaveTextContent("contact_support");
+    const t = n.getByTestId("HeaderContainer");
+    e(t).toBeDefined();
+    const r = n.getByTestId("Header");
+    e(r).toBeDefined(), e(r).toHaveTextContent("Test");
+    const d = n.getByTestId("RightPart");
+    e(d).toBeDefined(), e(d).toContainHTML("<button");
+  }), s("render with available custom icon", () => {
+    i(/* @__PURE__ */ o(a, { heading: "Test", icon: "farm" }));
+    const t = n.getByTestId("farm");
+    e(t).toBeInTheDocument();
+  }), s("render with JSX element as icon", () => {
+    i(/* @__PURE__ */ o(a, { heading: "Test", icon: /* @__PURE__ */ o(c, { children: "JSX" }) })), e(n.getByText("JSX")).toBeInTheDocument();
+  }), s("render with other icon", () => {
+    i(/* @__PURE__ */ o(a, { heading: "Test", icon: "contact_support" }));
+    const t = document.querySelector("i");
+    e(t).toHaveTextContent("contact_support");
   });
 });

package/dist/components/BlockView/BlockView.js

@@ -2,7 +2,7 @@ import "../../assets/BlockView.css";
 import { jsxs as g, jsx as l } from "react/jsx-runtime";
 import { useState as x, useEffect as T, useMemo as L } from "react";
 import { getBlockNumberByDto as R } from "../../services/BlockService.js";
-import { a as B, b as C } from "../../index.es-BD4kFWFx.js";
+import { a as B, c as C } from "../../index.es-z8RCxF8n.js";
 const A = "_grid_g18cu_1", D = "_black_g18cu_11", E = "_blockLayout_g18cu_15", S = "_blockRow_g18cu_27", V = "_block_g18cu_15", M = "_active_g18cu_46", j = "_error_g18cu_52", q = "_empty_g18cu_58", F = "_blockText_g18cu_65", o = {
   grid: A,
   black: D,
@@ -20,8 +20,8 @@ const A = "_grid_g18cu_1", D = "_black_g18cu_11", E = "_blockLayout_g18cu_15", S
   errorBlocks: p = [],
   showNumbers: y = !0,
   clickable: h = !0,
-  size: b = 15,
-  onClick: m = null,
+  size: m = 15,
+  onClick: b = null,
   currentBlock: i,
   blocks: _,
   blockViewTitle: v,
@@ -35,11 +35,11 @@ const A = "_grid_g18cu_1", D = "_black_g18cu_11", E = "_blockLayout_g18cu_15", S
     d(c);
   }, [i, t]);
   const N = L(() => s * t, [s, t]), $ = (c) => {
-    m && m(c, i ?? void 0);
+    b && b(c, i ?? void 0);
   }, w = ({ row: c, column: r }) => _.length === 0 ? !0 : _.some((a) => a.position?.row === c && a.position?.column === r);
   return /* @__PURE__ */ g("div", { className: o.grid, children: [
     !u && /* @__PURE__ */ l(B, { level: 1, bold: !0, className: o.black, children: v }),
-    /* @__PURE__ */ l("div", { className: o.blockLayout, style: { width: `${b}rem`, height: `${b}rem` }, children: Array.from({ length: s }).map((c, r) => /* @__PURE__ */ l("div", { className: o.blockRow, children: Array.from({ length: t }).map((a, n) => {
+    /* @__PURE__ */ l("div", { className: o.blockLayout, style: { width: `${m}rem`, height: `${m}rem` }, children: Array.from({ length: s }).map((c, r) => /* @__PURE__ */ l("div", { className: o.blockRow, children: Array.from({ length: t }).map((a, n) => {
       const e = t * r + n + 1;
       return /* @__PURE__ */ l(
         "div",

package/dist/components/BlockView/BlockView.test.js

@@ -1,8 +1,9 @@
 import { jsx as l } from "react/jsx-runtime";
-import { d as n, v as B, t as s, r as i, g as o, s as t, f as a } from "../../vi.JYQecGiw-8gz0k16C.js";
-import { BlockView as k } from "./BlockView.js";
-n("BlockView Test", () => {
-  const c = B.fn(), e = {
+import { r as s, s as o, f as n } from "../../react.esm-BeDwcQWb.js";
+import { BlockView as r } from "./BlockView.js";
+import { d as B, v as a, t as i, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
+B("BlockView Test", () => {
+  const c = a.fn(), e = {
     id: "1",
     fieldId: "2",
     position: {
@@ -10,10 +11,10 @@ n("BlockView Test", () => {
       column: 2
     }
   };
-  s("renders BlockView correctly with 2x3 blocks", () => {
-    i(
+  i("renders BlockView correctly with 2x3 blocks", () => {
+    s(
       /* @__PURE__ */ l(
-        k,
+        r,
         {
           blocks: [e],
           columns: 2,
@@ -23,13 +24,13 @@ n("BlockView Test", () => {
           blockLabel: "Block"
         }
       )
-    ), o(t.getByText("Layout")).toBeInTheDocument(), o(t.getByText("6 Block")).toBeInTheDocument();
-    const r = t.getAllByTestId("blockViewBlock");
-    o(r.length).toBe(6);
-  }), s("executes onClick method", () => {
-    i(
+    ), t(o.getByText("Layout")).toBeInTheDocument(), t(o.getByText("6 Block")).toBeInTheDocument();
+    const k = o.getAllByTestId("blockViewBlock");
+    t(k.length).toBe(6);
+  }), i("executes onClick method", () => {
+    s(
       /* @__PURE__ */ l(
-        k,
+        r,
         {
           blocks: [e],
           columns: 2,
@@ -41,6 +42,6 @@ n("BlockView Test", () => {
           blockLabel: "Block"
         }
       )
-    ), a.click(t.getByText("6")), o(c).toHaveBeenCalled();
+    ), n.click(o.getByText("6")), t(c).toHaveBeenCalled();
   });
 });

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

@@ -0,0 +1,65 @@
+type DeleteModalProps = {
+    /**
+     * The title of the modal.
+     */
+    title: string;
+    /**
+     * The label of the confirm button.
+     */
+    confirmButtonLabel: string;
+    /**
+     * The label of the cancel button.
+     */
+    cancelButtonLabel: string;
+    /**
+     * The header text of the delete modal.
+     */
+    deleteHeader: string;
+    /**
+     * The body text of the delete modal. Each entry will be displayed as a bullet point.
+     */
+    deleteBody?: string[];
+    /**
+     * The header to display in the modal if the {@link isDeletePossible} is false.
+     */
+    impossibleDeleteHeader: string;
+    /**
+     * The icon to display in the modal.
+     */
+    icon?: string;
+    /**
+     * The state of the modal.
+     */
+    open: boolean;
+    /**
+     * The function to set the state of the modal.
+     */
+    setOpen: (open: boolean) => void;
+    /**
+     * The function to call when the confirm button is clicked.
+     */
+    onDelete: () => void;
+    /**
+     * 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_.
+     */
+    isDeletePossible?: boolean;
+};
+/**
+ * A modal component for deleting items.
+ * @prop {string} title - The title of the modal.
+ * @prop {string} confirmButtonLabel - The label of the confirm button.
+ * @prop {string} cancelButtonLabel - The label of the cancel button.
+ * @prop {string} deleteHeader - The header text of the delete modal.
+ * @prop {string[]} deleteBody - The body text of the delete modal. Each entry will be displayed as a bullet point.
+ * @prop {string} impossibleDeleteHeader - The header to display in the modal if the {@link isDeletePossible} is false.
+ * @prop {string} icon - The icon to display in the modal.
+ * @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 {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, icon, impossibleDeleteHeader, open, setOpen, onDelete, isDeletePossible, }: DeleteModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};