@hortiview/shared-components 0.0.4539 → 0.0.4624

package/dist/components/BlockView/BlockView.js

@@ -1,73 +1,63 @@
-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";
-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,
-  blockLayout: E,
-  blockRow: S,
-  block: V,
-  active: M,
-  error: j,
-  empty: q,
-  blockText: F
-}, O = ({
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { useState as B, useEffect as C, useMemo as A } from "react";
+import { s as e } from "../../BlockView.module-8kbPxxc4.js";
+import { getBlockNumberByDto as D } from "../../services/BlockService.js";
+import { a as E, c as S } from "../../index.es-Cm4X20_S.js";
+const R = ({
   rows: s,
   columns: t,
-  hideText: u = !1,
-  errorBlocks: p = [],
+  hideText: n = !1,
+  errorBlocks: k = [],
   showNumbers: y = !0,
-  clickable: h = !0,
-  size: b = 15,
-  onClick: m = null,
-  currentBlock: i,
-  blocks: _,
+  clickable: N = !0,
+  size: d = 15,
+  onClick: u = null,
+  currentBlock: c,
+  blocks: b,
   blockViewTitle: v,
-  blockLabel: f
+  blockLabel: $
 }) => {
-  const [k, d] = x(0);
-  T(() => {
-    if (!i)
+  const [p, h] = B(0);
+  C(() => {
+    if (!c)
       return;
-    const c = R(i, t);
-    d(c);
-  }, [i, t]);
-  const N = L(() => s * t, [s, t]), $ = (c) => {
-    m && m(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) => {
-      const e = t * r + n + 1;
-      return /* @__PURE__ */ l(
+    const o = D(c, t);
+    h(o);
+  }, [c, t]);
+  const g = A(() => s * t, [s, t]), w = (o) => {
+    u && u(o, c ?? void 0);
+  }, x = ({ row: o, column: l }) => b.length === 0 ? !0 : b.some((a) => a.position?.row === o && a.position?.column === l);
+  return /* @__PURE__ */ f("div", { className: e.grid, children: [
+    !n && /* @__PURE__ */ i(E, { level: 1, bold: !0, className: e.black, children: v }),
+    /* @__PURE__ */ i("div", { className: e.blockLayout, style: { width: `${d}rem`, height: `${d}rem` }, children: Array.from({ length: s }).map((o, l) => /* @__PURE__ */ i("div", { className: e.blockRow, children: Array.from({ length: t }).map((a, m) => {
+      const r = t * l + m + 1;
+      return /* @__PURE__ */ i(
         "div",
         {
           "data-testid": "blockViewBlock",
-          className: `${o.block} ${k === e ? o.active : ""} ${w({ row: r + 1, column: n + 1 }) ? "" : o.empty} ${p.includes(e) ? o.error : ""}`,
-          id: `block${e}`,
-          onClick: h ? () => {
-            d(e), $({ row: r + 1, column: n + 1 });
+          className: `${e.block} ${p === r ? e.active : ""} ${x({ row: l + 1, column: m + 1 }) ? "" : e.empty} ${k.includes(r) ? e.error : ""}`,
+          id: `block${r}`,
+          onClick: N ? () => {
+            h(r), w({ row: l + 1, column: m + 1 });
           } : void 0,
-          children: y && /* @__PURE__ */ l(
+          children: y && /* @__PURE__ */ i(
             "div",
             {
-              className: `${o.blockText} ${k === e ? o.black : ""}`,
-              children: e
+              className: `${e.blockText} ${p === r ? e.black : ""}`,
+              children: r
             }
           )
         },
-        e
+        r
       );
-    }) }, r)) }),
-    !u && /* @__PURE__ */ g(C, { themeColor: "primary", level: 6, children: [
-      N,
+    }) }, l)) }),
+    !n && /* @__PURE__ */ f(S, { themeColor: "primary", level: 6, children: [
+      g,
       " ",
-      f
+      $
     ] })
   ] });
 };
 export {
-  O as BlockView
+  R as BlockView
 };

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 {};