@addsign/moje-agenda-shared-lib 0.0.29 → 0.0.30

package/dist/components/Button.js

@@ -1,30 +1,33 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import '../assets/tailwind.css';/* empty css                   */
-const n = " py-2 px-4 leading-[25px] ", s = {
-  primary: "bg-primary text-gray-100 hover:bg-gray w-fit rounded-lg whitespace-nowrap font-medium disabled:opacity-50",
-  secondary: "bg-white text-gray-800 hover:bg-gray-100 rounded-lg border border-gray-300 shadow whitespace-nowrap font-medium disabled:opacity-50",
-  transparent: "bg-transparent border border-transparent hover:bg-gray-100 hover:border-gray-200 rounded-lg text-primary font-medium text-gray-800 w-fit disabled:opacity-50",
-  success: "bg-gray-500 hover:bg-gray-700 text-white rounded-lg disabled:opacity-50",
-  danger: "bg-gray-500 hover:bg-gray-700 text-white rounded-lg disabled:opacity-50",
+const commonStyles = " py-2 px-4 leading-[25px] ";
+const buttonStyles = {
+  primary: "!bg-primary text-gray-100 hover:bg-gray w-fit rounded-lg whitespace-nowrap font-medium disabled:opacity-50",
+  secondary: "!bg-white text-gray-800 hover:bg-gray-100 rounded-lg border border-gray-300 shadow whitespace-nowrap font-medium disabled:opacity-50",
+  transparent: "!bg-transparent border border-transparent hover:bg-gray-100 hover:border-gray-200 rounded-lg text-primary font-medium text-gray-800 w-fit disabled:opacity-50",
+  success: "!bg-gray-500 hover:bg-gray-700 text-white rounded-lg disabled:opacity-50",
+  danger: "!bg-gray-500 hover:bg-gray-700 text-white rounded-lg disabled:opacity-50",
   icon: "text-primary font-medium rounded-full text-sm text-center inline-flex items-center ml-4 h-full disabled:opacity-50"
-}, b = ({
-  variant: e = "primary",
-  children: r,
-  onClick: t,
-  className: a,
-  ...o
+};
+const Button = ({
+  variant = "primary",
+  children,
+  onClick,
+  className,
+  ...props
 }) => {
-  const d = n + s[e];
-  return /* @__PURE__ */ i(
+  const classNames = commonStyles + buttonStyles[variant];
+  return /* @__PURE__ */ jsx(
     "button",
     {
-      className: d + " " + (a || " sharedLibraryource "),
-      onClick: t,
-      ...o,
-      children: r
+      className: classNames + " " + (className || " sharedLibraryource "),
+      onClick,
+      ...props,
+      children
     }
   );
 };
 export {
-  b as default
+  Button as default
 };
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../lib/components/Button.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport \"../css/tailwind.css\";\r\n\r\ntype ButtonVariant =\r\n  | \"primary\"\r\n  | \"secondary\"\r\n  | \"transparent\"\r\n  | \"success\"\r\n  | \"danger\"\r\n  | \"icon\";\r\n\r\ninterface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  variant?: ButtonVariant;\r\n}\r\nconst commonStyles = \" py-2 px-4 leading-[25px] \";\r\nconst buttonStyles: { [key in ButtonVariant]: string } = {\r\n  primary:\r\n    \"!bg-primary text-gray-100 hover:bg-gray w-fit rounded-lg whitespace-nowrap font-medium disabled:opacity-50\",\r\n  secondary:\r\n    \"!bg-white text-gray-800 hover:bg-gray-100 rounded-lg border border-gray-300 shadow whitespace-nowrap font-medium disabled:opacity-50\",\r\n  transparent:\r\n    \"!bg-transparent border border-transparent hover:bg-gray-100 hover:border-gray-200 rounded-lg text-primary font-medium text-gray-800 w-fit disabled:opacity-50\",\r\n  success:\r\n    \"!bg-gray-500 hover:bg-gray-700 text-white rounded-lg disabled:opacity-50\",\r\n  danger:\r\n    \"!bg-gray-500 hover:bg-gray-700 text-white rounded-lg disabled:opacity-50\",\r\n  icon: \"text-primary font-medium rounded-full text-sm text-center inline-flex items-center ml-4 h-full disabled:opacity-50\",\r\n};\r\nconst Button: React.FC<IButtonProps> = ({\r\n  variant = \"primary\",\r\n  children,\r\n  onClick,\r\n  className,\r\n  ...props\r\n}) => {\r\n  const classNames = commonStyles + buttonStyles[variant];\r\n\r\n  return (\r\n    <button\r\n      className={classNames + \" \" + (className || \" sharedLibraryource \")}\r\n      onClick={onClick}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </button>\r\n  );\r\n};\r\n\r\nexport default Button;\r\n"],"names":[],"mappings":";;AAcA,MAAM,eAAe;AACrB,MAAM,eAAmD;AAAA,EACvD,SACE;AAAA,EACF,WACE;AAAA,EACF,aACE;AAAA,EACF,SACE;AAAA,EACF,QACE;AAAA,EACF,MAAM;AACR;AACA,MAAM,SAAiC,CAAC;AAAA,EACtC,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,aAAa,eAAe,aAAa,OAAO;AAGpD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,aAAa,OAAO,aAAa;AAAA,MAC5C;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Calendar.js

@@ -1,11 +1,14 @@
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import j, { useState as h, useCallback as x, useEffect as P } from "react";
-const Y = ({ items: b }) => {
-  const [l, f] = h(
+import { jsxs, jsx } from "react/jsx-runtime";
+import React, { useState, useCallback, useEffect } from "react";
+const Calendar = ({ items }) => {
+  const [currentMonth, setCurrentMonth] = useState(
     (/* @__PURE__ */ new Date()).getMonth()
-  ), [d, g] = h(
+  );
+  const [currentYear, setCurrentYear] = useState(
     (/* @__PURE__ */ new Date()).getFullYear()
-  ), [y, v] = h([]), N = [
+  );
+  const [calendarData, setCalendarData] = useState([]);
+  const monthNames = [
     "Leden",
     "Únor",
     "Březen",
@@ -18,7 +21,8 @@ const Y = ({ items: b }) => {
     "Říjen",
     "Listopad",
     "Prosinec"
-  ], D = [
+  ];
+  const dayNames = [
     "Pondělí",
     "Úterý",
     "Středa",
@@ -26,94 +30,122 @@ const Y = ({ items: b }) => {
     "Pátek",
     "Sobota",
     "Neděle"
-  ], k = (e) => e % 4 === 0 && e % 100 !== 0 || e % 400 === 0, m = x((e, t) => e === 1 ? k(t) ? 29 : 28 : [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : 30, []), p = x(
-    (e, t) => {
-      const a = [];
-      let r = new Date(t, e, 1).getDay() - 1;
-      r === -1 && (r = 6);
-      let o = 1;
-      for (let n = 0; n < 6; n++) {
-        const c = [];
-        for (let u = 0; u < 7; u++)
-          n === 0 && u < r || o > m(e, t) ? c.push("") : c.push(o++);
-        a.push(c);
+  ];
+  const isLeapYear = (year) => year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;
+  const daysInMonth = useCallback((month, year) => {
+    if (month === 1) {
+      return isLeapYear(year) ? 29 : 28;
+    }
+    if ([0, 2, 4, 6, 7, 9, 11].includes(month)) {
+      return 31;
+    }
+    return 30;
+  }, []);
+  const generateMonthDays = useCallback(
+    (month, year) => {
+      const days = [];
+      let firstDayOfMonth = new Date(year, month, 1).getDay() - 1;
+      if (firstDayOfMonth === -1)
+        firstDayOfMonth = 6;
+      let dayCounter = 1;
+      for (let week = 0; week < 6; week++) {
+        const weekDays = [];
+        for (let day = 0; day < 7; day++) {
+          if (week === 0 && day < firstDayOfMonth) {
+            weekDays.push("");
+          } else if (dayCounter > daysInMonth(month, year)) {
+            weekDays.push("");
+          } else {
+            weekDays.push(dayCounter++);
+          }
+        }
+        days.push(weekDays);
       }
-      return a;
+      return days;
     },
-    [m]
+    [daysInMonth]
   );
-  P(() => {
-    v(p(l, d));
-  }, [l, d, p]);
-  const w = () => {
-    f((e) => e === 11 ? 0 : e + 1), l === 11 && g((e) => e + 1);
-  }, C = () => {
-    f((e) => e === 0 ? 11 : e - 1), l === 0 && g((e) => e - 1);
-  }, M = (e, t, a) => {
-    const r = new Date(a, t, e);
-    return b.filter((o) => r >= o.from && r <= o.to);
+  useEffect(() => {
+    setCalendarData(generateMonthDays(currentMonth, currentYear));
+  }, [currentMonth, currentYear, generateMonthDays]);
+  const goToNextMonth = () => {
+    setCurrentMonth((prev) => prev === 11 ? 0 : prev + 1);
+    if (currentMonth === 11) {
+      setCurrentYear((prev) => prev + 1);
+    }
+  };
+  const goToPreviousMonth = () => {
+    setCurrentMonth((prev) => prev === 0 ? 11 : prev - 1);
+    if (currentMonth === 0) {
+      setCurrentYear((prev) => prev - 1);
+    }
+  };
+  const findItemsForDay = (day, month, year) => {
+    const date = new Date(year, month, day);
+    return items.filter((item) => date >= item.from && date <= item.to);
   };
-  return /* @__PURE__ */ s("div", { className: "flex flex-col bg-white  shadow-lg  flex-grow text-xs", children: [
-    /* @__PURE__ */ s("div", { className: "flex justify-between items-center bg-gray-200 text-black p-4", children: [
-      /* @__PURE__ */ s("h2", { className: "font-semibold text-xl", children: [
-        N[l],
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col bg-white  shadow-lg  flex-grow text-xs", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center bg-gray-200 text-black p-4", children: [
+      /* @__PURE__ */ jsxs("h2", { className: "font-semibold text-xl", children: [
+        monthNames[currentMonth],
         " ",
-        d
+        currentYear
       ] }),
-      /* @__PURE__ */ s("div", { children: [
-        /* @__PURE__ */ i(
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(
           "button",
           {
-            onClick: C,
+            onClick: goToPreviousMonth,
             className: "mx-1 px-3 py-2  text-black bg-gray-400 hover:bg-gray-500",
             children: "Předchozí"
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ jsx(
           "button",
           {
-            onClick: w,
+            onClick: goToNextMonth,
             className: "mx-1 px-3 py-2  text-black bg-gray-400 hover:bg-gray-500",
             children: "Následující"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ s("div", { className: "grid grid-cols-7 divide-x divide-y", children: [
-      D.map((e, t) => /* @__PURE__ */ i("div", { className: "p-4 text-center font-semibold", children: e }, t)),
-      y.map((e, t) => /* @__PURE__ */ i(j.Fragment, { children: e.map((a, r) => {
-        const o = a ? M(a, l, d) : [];
-        return /* @__PURE__ */ s(
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-7 divide-x divide-y", children: [
+      dayNames.map((day, index) => /* @__PURE__ */ jsx("div", { className: "p-4 text-center font-semibold", children: day }, index)),
+      calendarData.map((week, weekIndex) => /* @__PURE__ */ jsx(React.Fragment, { children: week.map((day, dayIndex) => {
+        const itemsForDay = day ? findItemsForDay(day, currentMonth, currentYear) : [];
+        return /* @__PURE__ */ jsxs(
           "div",
           {
             className: "p-0 align-middle justify-center text-center",
             children: [
-              /* @__PURE__ */ s("div", { className: "py-1 font-bold", children: [
-                a,
+              /* @__PURE__ */ jsxs("div", { className: "py-1 font-bold", children: [
+                day,
                 " "
               ] }),
-              o.map((n, c) => /* @__PURE__ */ i(
+              itemsForDay.map((item, itemIndex) => /* @__PURE__ */ jsx(
                 "div",
                 {
                   className: "dataItem w-full py-1 bg-primary text-white text-center mt-0",
                   style: {
-                    backgroundColor: n.background,
-                    color: n.color
+                    backgroundColor: item.background,
+                    color: item.color
                   },
-                  "data-tooltip-target": "tooltip-" + n.id,
-                  title: n.tooltip,
-                  children: n.label
+                  "data-tooltip-target": "tooltip-" + item.id,
+                  title: item.tooltip,
+                  children: item.label
                 },
-                c
+                itemIndex
               ))
             ]
           },
-          r
+          dayIndex
         );
-      }) }, t))
+      }) }, weekIndex))
     ] })
   ] });
 };
 export {
-  Y as default
+  Calendar as default
 };
+//# sourceMappingURL=Calendar.js.map

package/dist/components/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sources":["../../lib/components/Calendar.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\n\nexport interface ICalendarItem {\n  id: number;\n  label: string;\n  from: Date;\n  to: Date;\n  background?: string;\n  color?: string;\n  tooltip?: string;\n}\n\ntype ICalendarProps = {\n  items: ICalendarItem[];\n};\n\n// Check if a day is within any item's date range\n\nconst Calendar: React.FunctionComponent<ICalendarProps> = ({ items }) => {\n  const [currentMonth, setCurrentMonth] = useState<number>(\n    new Date().getMonth()\n  );\n  const [currentYear, setCurrentYear] = useState<number>(\n    new Date().getFullYear()\n  );\n  const [calendarData, setCalendarData] = useState<(string | number)[][]>([]);\n\n  const monthNames: string[] = [\n    \"Leden\",\n    \"Únor\",\n    \"Březen\",\n    \"Duben\",\n    \"Květen\",\n    \"Červen\",\n    \"Červenec\",\n    \"Srpen\",\n    \"Září\",\n    \"Říjen\",\n    \"Listopad\",\n    \"Prosinec\",\n  ];\n  const dayNames: string[] = [\n    \"Pondělí\",\n    \"Úterý\",\n    \"Středa\",\n    \"Čtvrtek\",\n    \"Pátek\",\n    \"Sobota\",\n    \"Neděle\",\n  ];\n\n  // Leap year check\n  const isLeapYear = (year: number) =>\n    (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;\n\n  // Days in each month\n  const daysInMonth = useCallback((month: number, year: number) => {\n    if (month === 1) {\n      // February\n      return isLeapYear(year) ? 29 : 28;\n    }\n    if ([0, 2, 4, 6, 7, 9, 11].includes(month)) {\n      // Months with 31 days\n\n      return 31;\n    }\n\n    return 30; // Months with 30 days\n  }, []);\n\n  // Generate days for a month\n  const generateMonthDays = useCallback(\n    (month: number, year: number) => {\n      const days = [];\n      //  const firstDayOfMonth = new Date(year, month, 1).getDay()\n\n      // Adjusted to make week start from Monday\n      let firstDayOfMonth = new Date(year, month, 1).getDay() - 1;\n      if (firstDayOfMonth === -1) firstDayOfMonth = 6; // Sunday becomes 6 instead of -1\n\n      let dayCounter = 1;\n\n      for (let week = 0; week < 6; week++) {\n        const weekDays = [];\n        for (let day = 0; day < 7; day++) {\n          if (week === 0 && day < firstDayOfMonth) {\n            weekDays.push(\"\");\n          } else if (dayCounter > daysInMonth(month, year)) {\n            weekDays.push(\"\");\n          } else {\n            weekDays.push(dayCounter++);\n          }\n        }\n        days.push(weekDays);\n      }\n      return days;\n    },\n    [daysInMonth]\n  );\n\n  useEffect(() => {\n    setCalendarData(generateMonthDays(currentMonth, currentYear));\n  }, [currentMonth, currentYear, generateMonthDays]);\n\n  // Navigation handlers\n  const goToNextMonth = () => {\n    setCurrentMonth((prev) => (prev === 11 ? 0 : prev + 1));\n    if (currentMonth === 11) {\n      setCurrentYear((prev) => prev + 1);\n    }\n  };\n\n  const goToPreviousMonth = () => {\n    setCurrentMonth((prev) => (prev === 0 ? 11 : prev - 1));\n    if (currentMonth === 0) {\n      setCurrentYear((prev) => prev - 1);\n    }\n  };\n  const findItemsForDay = (\n    day: number,\n    month: number,\n    year: number\n  ): ICalendarItem[] => {\n    const date = new Date(year, month, day);\n    return items.filter((item) => date >= item.from && date <= item.to);\n  };\n  return (\n    <div className=\"flex flex-col bg-white  shadow-lg  flex-grow text-xs\">\n      <div className=\"flex justify-between items-center bg-gray-200 text-black p-4\">\n        <h2 className=\"font-semibold text-xl\">\n          {monthNames[currentMonth]} {currentYear}\n        </h2>\n        <div>\n          <button\n            onClick={goToPreviousMonth}\n            className=\"mx-1 px-3 py-2  text-black bg-gray-400 hover:bg-gray-500\"\n          >\n            Předchozí\n          </button>\n          <button\n            onClick={goToNextMonth}\n            className=\"mx-1 px-3 py-2  text-black bg-gray-400 hover:bg-gray-500\"\n          >\n            Následující\n          </button>\n        </div>\n      </div>\n      <div className=\"grid grid-cols-7 divide-x divide-y\">\n        {dayNames.map((day, index) => (\n          <div key={index} className=\"p-4 text-center font-semibold\">\n            {day}\n          </div>\n        ))}\n        {calendarData.map((week, weekIndex) => (\n          <React.Fragment key={weekIndex}>\n            {week.map((day, dayIndex) => {\n              const itemsForDay = day\n                ? findItemsForDay(day as number, currentMonth, currentYear)\n                : [];\n              return (\n                <div\n                  key={dayIndex}\n                  className=\"p-0 align-middle justify-center text-center\"\n                >\n                  <div className=\"py-1 font-bold\">{day} </div>\n                  {itemsForDay.map((item, itemIndex) => (\n                    <div\n                      key={itemIndex}\n                      className=\"dataItem w-full py-1 bg-primary text-white text-center mt-0\"\n                      style={{\n                        backgroundColor: item.background,\n                        color: item.color,\n                      }}\n                      data-tooltip-target={\"tooltip-\" + item.id}\n                      title={item.tooltip}\n                    >\n                      {item.label}\n                    </div>\n                  ))}\n                </div>\n              );\n            })}\n          </React.Fragment>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Calendar;\n"],"names":[],"mappings":"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"}

package/dist/components/ConfirmationModalDialog.js

@@ -1,91 +1,95 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { useEffect as h } from "react";
-import { G as l } from "../iconBase-DkR9t2l_.js";
-function f(r) {
-  return l({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z" }, child: [] }] })(r);
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { G as GenIcon } from "../iconBase-BY_L6Cb_.js";
+function FaRegTrashAlt(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 448 512" }, "child": [{ "tag": "path", "attr": { "d": "M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z" }, "child": [] }] })(props);
 }
-function m(r) {
-  return l({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "32", d: "M368 368 144 144m224 0L144 368" }, child: [] }] })(r);
+function IoCloseOutline(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 512 512" }, "child": [{ "tag": "path", "attr": { "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round", "strokeWidth": "32", "d": "M368 368 144 144m224 0L144 368" }, "child": [] }] })(props);
 }
-function b({
-  title: r,
-  confirmAction: i,
-  cancelAction: s,
-  description: d,
-  agreeeText: o,
-  cancelText: n
+function ConfirmationModalDialog({
+  title,
+  confirmAction,
+  cancelAction,
+  description,
+  agreeeText,
+  cancelText
 }) {
-  return h(() => {
-    const a = (c) => {
-      c.key === "Escape" && s();
+  useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        cancelAction();
+      }
     };
-    return window.addEventListener("keydown", a), () => {
-      window.removeEventListener("keydown", a);
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
     };
-  }, [s]), /* @__PURE__ */ e(
+  }, [cancelAction]);
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: "fixed inset-0 bg-black bg-opacity-25 flex items-center justify-center p-4",
       style: { zIndex: 50 },
-      children: /* @__PURE__ */ t("div", { className: "w-96 h-64 bg-white rounded-xl shadow flex-col justify-start items-center inline-flex relative overflow-hidden", children: [
-        /* @__PURE__ */ e(
+      children: /* @__PURE__ */ jsxs("div", { className: "w-96 h-64 bg-white rounded-xl shadow flex-col justify-start items-center inline-flex relative overflow-hidden", children: [
+        /* @__PURE__ */ jsx(
           "div",
           {
             id: "graphics",
             className: "w-80 h-80 left-[-120px] top-[-120px] absolute ",
-            children: /* @__PURE__ */ t("div", { className: "w-80 h-80 left-0 top-0 absolute", children: [
-              /* @__PURE__ */ e("div", { className: "w-24 h-24 left-[120px] top-[120px] absolute rounded-full border border-gray-150" }),
-              /* @__PURE__ */ e("div", { className: "w-36 h-36 left-[96px] top-[96px] absolute rounded-full border border-gray-100  " }),
-              /* @__PURE__ */ e("div", { className: "w-48 h-48 left-[72px] top-[72px] absolute rounded-full border border-gray-100  " }),
-              /* @__PURE__ */ e("div", { className: "w-60 h-60 left-[48px] top-[48px] absolute rounded-full border border-gray-50   " }),
-              /* @__PURE__ */ e("div", { className: "w-72 h-72 left-[24px] top-[24px] absolute rounded-full border border-gray-50" })
+            children: /* @__PURE__ */ jsxs("div", { className: "w-80 h-80 left-0 top-0 absolute", children: [
+              /* @__PURE__ */ jsx("div", { className: "w-24 h-24 left-[120px] top-[120px] absolute rounded-full border border-gray-150" }),
+              /* @__PURE__ */ jsx("div", { className: "w-36 h-36 left-[96px] top-[96px] absolute rounded-full border border-gray-100  " }),
+              /* @__PURE__ */ jsx("div", { className: "w-48 h-48 left-[72px] top-[72px] absolute rounded-full border border-gray-100  " }),
+              /* @__PURE__ */ jsx("div", { className: "w-60 h-60 left-[48px] top-[48px] absolute rounded-full border border-gray-50   " }),
+              /* @__PURE__ */ jsx("div", { className: "w-72 h-72 left-[24px] top-[24px] absolute rounded-full border border-gray-50" })
             ] })
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ jsxs(
           "div",
           {
             id: "header",
             className: "self-stretch h-40 flex-col justify-start items-center flex z-40",
             children: [
-              /* @__PURE__ */ t("div", { className: "self-stretch h-40 px-6 pt-6 flex-col justify-start items-start gap-4 flex", children: [
-                /* @__PURE__ */ e("div", { className: "w-12 h-12 relative bg-red-100 rounded-full", children: /* @__PURE__ */ e(f, { className: "w-6 h-6 left-[12px] top-[12px] absolute" }) }),
-                /* @__PURE__ */ t("div", { className: "self-stretch h-16 flex-col justify-start items-start gap-1 flex", children: [
-                  /* @__PURE__ */ e("div", { className: "self-stretch text-gray-900 text-lg font-semibold font-['Inter'] leading-7", children: r }),
-                  /* @__PURE__ */ e("div", { className: "self-stretch text-slate-600 text-sm font-normal font-['Open Sans'] leading-tight", children: d })
+              /* @__PURE__ */ jsxs("div", { className: "self-stretch h-40 px-6 pt-6 flex-col justify-start items-start gap-4 flex", children: [
+                /* @__PURE__ */ jsx("div", { className: "w-12 h-12 relative bg-red-100 rounded-full", children: /* @__PURE__ */ jsx(FaRegTrashAlt, { className: "w-6 h-6 left-[12px] top-[12px] absolute" }) }),
+                /* @__PURE__ */ jsxs("div", { className: "self-stretch h-16 flex-col justify-start items-start gap-1 flex", children: [
+                  /* @__PURE__ */ jsx("div", { className: "self-stretch text-gray-900 text-lg font-semibold font-['Inter'] leading-7", children: title }),
+                  /* @__PURE__ */ jsx("div", { className: "self-stretch text-slate-600 text-sm font-normal font-['Open Sans'] leading-tight", children: description })
                 ] })
               ] }),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ jsx(
                 "div",
                 {
                   className: "w-11 h-11 p-2 right-0 top-[16px] absolute rounded-full justify-center items-center inline-flex mr-4 hover:bg-gray-100",
-                  onClick: s,
-                  children: /* @__PURE__ */ e(m, { className: "w-6 h-6 relative text-gray-400" })
+                  onClick: cancelAction,
+                  children: /* @__PURE__ */ jsx(IoCloseOutline, { className: "w-6 h-6 relative text-gray-400" })
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ jsx(
           "div",
           {
             id: "actions",
             className: "self-stretch h-24 pt-8 flex-col justify-start items-start flex z-40",
-            children: /* @__PURE__ */ t("div", { className: "self-stretch px-6 pb-6 justify-start items-start gap-3 inline-flex", children: [
-              /* @__PURE__ */ e(
+            children: /* @__PURE__ */ jsxs("div", { className: "self-stretch px-6 pb-6 justify-start items-start gap-3 inline-flex", children: [
+              /* @__PURE__ */ jsx(
                 "div",
                 {
                   className: "grow shrink basis-0 h-11 px-4 py-2.5 bg-white rounded-lg shadow border border-gray-300 justify-center items-center gap-1.5 flex cursor-pointer",
-                  onClick: s,
-                  children: /* @__PURE__ */ e("div", { className: "px-0.5 justify-center items-center flex", children: /* @__PURE__ */ e("button", { className: "text-slate-700 text-base font-semibold font-['Inter'] leading-normal", children: n || "Zrušit" }) })
+                  onClick: cancelAction,
+                  children: /* @__PURE__ */ jsx("div", { className: "px-0.5 justify-center items-center flex", children: /* @__PURE__ */ jsx("button", { className: "text-slate-700 text-base font-semibold font-['Inter'] leading-normal", children: cancelText || "Zrušit" }) })
                 }
               ),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ jsx(
                 "div",
                 {
                   className: "grow shrink basis-0 h-11 px-4 py-2.5 bg-red-600 rounded-lg shadow border border-red-600 justify-center items-center gap-1.5 flex cursor-pointer",
-                  onClick: i,
-                  children: /* @__PURE__ */ e("div", { className: "px-0.5 justify-center items-center flex", children: /* @__PURE__ */ e("button", { className: "text-white text-base font-semibold font-['Inter'] leading-normal", children: o || "OK" }) })
+                  onClick: confirmAction,
+                  children: /* @__PURE__ */ jsx("div", { className: "px-0.5 justify-center items-center flex", children: /* @__PURE__ */ jsx("button", { className: "text-white text-base font-semibold font-['Inter'] leading-normal", children: agreeeText || "OK" }) })
                 }
               )
             ] })
@@ -96,6 +100,7 @@ function b({
   );
 }
 export {
-  b as ConfirmationModalDialog,
-  b as default
+  ConfirmationModalDialog,
+  ConfirmationModalDialog as default
 };
+//# sourceMappingURL=ConfirmationModalDialog.js.map