@addsign/moje-agenda-shared-lib 0.0.95 → 0.0.97

package/dist/assets/tailwind.css

@@ -828,6 +828,9 @@ video {
 .h-80 {
   height: 20rem;
 }
+.h-\[300px\] {
+  height: 300px;
+}
 .h-\[400px\] {
   height: 400px;
 }
@@ -909,6 +912,9 @@ video {
 .w-\[20px\] {
   width: 20px;
 }
+.w-\[500px\] {
+  width: 500px;
+}
 .w-\[calc\(100\%-40px\)\] {
   width: calc(100% - 40px);
 }
@@ -1667,9 +1673,6 @@ video {
 .pl-2 {
   padding-left: 0.5rem;
 }
-.pl-3 {
-  padding-left: 0.75rem;
-}
 .pl-4 {
   padding-left: 1rem;
 }

package/dist/components/Calendar.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useCallback } from "react";
-import { F as FaChevronLeft, a as FaChevronRight } from "../index-DUTU8Jwr.js";
+import { a as FaChevronLeft, b as FaChevronRight } from "../index-DaPOQQEd.js";
 const Calendar = ({
   items,
   startingDate,

package/dist/components/ConfirmationModalDialog.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
-import { b as FaRegTrashAlt } from "../index-DUTU8Jwr.js";
+import { F as FaRegTrashAlt } from "../index-DaPOQQEd.js";
 import { G as GenIcon } from "../iconBase-B8_TsgYI.js";
 import Button from "./Button.js";
 function IoCloseOutline(props) {

package/dist/components/Modal.d.ts

@@ -0,0 +1,8 @@
+export interface IConfirmationModalDialogProps {
+    title: string;
+    confirmAction: () => void;
+    description?: string;
+    agreeeText?: string;
+}
+export declare function Modal({ title, confirmAction, description, agreeeText, }: IConfirmationModalDialogProps): import("react/jsx-runtime").JSX.Element;
+export default Modal;

package/dist/components/Modal.js

@@ -0,0 +1,72 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { F as FaRegTrashAlt } from "../index-DaPOQQEd.js";
+import Button from "./Button.js";
+function Modal({
+  title,
+  confirmAction,
+  description,
+  agreeeText = "OK"
+}) {
+  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__ */ jsxs("div", { className: "w-[500px] h-[300px] 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__ */ 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__ */ jsx(
+          "div",
+          {
+            id: "header",
+            className: "self-stretch h-40 flex-col justify-start items-center flex z-40",
+            children: /* @__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__ */ jsx(
+          "div",
+          {
+            id: "actions",
+            className: "self-stretch h-24 pt-8 flex-col justify-start items-start flex z-40",
+            children: /* @__PURE__ */ jsx("div", { className: "self-stretch px-6 pb-6 justify-start items-start gap-3  flex", children: /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "primary",
+                onClick: confirmAction,
+                className: "flex-1",
+                children: [
+                  agreeeText || "OK",
+                  " "
+                ]
+              }
+            ) })
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  Modal,
+  Modal as default
+};
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../lib/components/Modal.tsx"],"sourcesContent":["import { FaRegTrashAlt } from \"react-icons/fa\";\nimport Button from \"./Button\";\n\nexport interface IConfirmationModalDialogProps {\n  title: string;\n  confirmAction: () => void;\n  description?: string;\n  agreeeText?: string;\n}\n\nexport function Modal({\n  title,\n  confirmAction,\n  description,\n  agreeeText = \"OK\",\n}: IConfirmationModalDialogProps) {\n  return (\n    <div\n      className=\"fixed inset-0 bg-black bg-opacity-25 flex items-center justify-center p-4\"\n      style={{ zIndex: 50 }}\n    >\n      <div className=\"w-[500px] h-[300px] bg-white rounded-xl shadow flex-col justify-start items-center inline-flex relative overflow-hidden\">\n        <div\n          id=\"graphics\"\n          className=\"w-80 h-80 left-[-120px] top-[-120px] absolute \"\n        >\n          <div className=\"w-80 h-80 left-0 top-0 absolute\">\n            <div className=\"w-24 h-24 left-[120px] top-[120px] absolute rounded-full border border-gray-150\" />\n            <div className=\"w-36 h-36 left-[96px] top-[96px] absolute rounded-full border border-gray-100  \" />\n            <div className=\"w-48 h-48 left-[72px] top-[72px] absolute rounded-full border border-gray-100  \" />\n            <div className=\"w-60 h-60 left-[48px] top-[48px] absolute rounded-full border border-gray-50   \" />\n            <div className=\"w-72 h-72 left-[24px] top-[24px] absolute rounded-full border border-gray-50\" />\n          </div>\n        </div>\n        <div\n          id=\"header\"\n          className=\"self-stretch h-40 flex-col justify-start items-center flex z-40\"\n        >\n          <div className=\"self-stretch h-40 px-6 pt-6 flex-col justify-start items-start gap-4 flex\">\n            <div className=\"w-12 h-12 relative bg-red-100 rounded-full\">\n              <FaRegTrashAlt className=\"w-6 h-6 left-[12px] top-[12px] absolute\" />\n            </div>\n            <div className=\"self-stretch h-16 flex-col justify-start items-start gap-1 flex\">\n              <div className=\"self-stretch text-gray-900 text-lg font-semibold font-['Inter'] leading-7\">\n                {title}\n              </div>\n              <div className=\"self-stretch text-slate-600 text-sm font-normal font-['Open Sans'] leading-tight\">\n                {description}\n              </div>\n            </div>\n          </div>\n        </div>\n        <div\n          id=\"actions\"\n          className=\"self-stretch h-24 pt-8 flex-col justify-start items-start flex z-40\"\n        >\n          <div className=\"self-stretch px-6 pb-6 justify-start items-start gap-3  flex\">\n            <Button\n              type=\"button\"\n              variant=\"primary\"\n              onClick={confirmAction}\n              className=\"flex-1\"\n            >\n              {agreeeText || \"OK\"}{\" \"}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Modal;\n"],"names":[],"mappings":";;;AAUO,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,GAAkC;AAE9B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,QAAQ,GAAG;AAAA,MAEpB,UAAA,qBAAC,OAAI,EAAA,WAAU,2HACb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,WAAU;AAAA,YAEV,UAAA,qBAAC,OAAI,EAAA,WAAU,mCACb,UAAA;AAAA,cAAC,oBAAA,OAAA,EAAI,WAAU,kFAAkF,CAAA;AAAA,cACjG,oBAAC,OAAI,EAAA,WAAU,kFAAkF,CAAA;AAAA,cACjG,oBAAC,OAAI,EAAA,WAAU,kFAAkF,CAAA;AAAA,cACjG,oBAAC,OAAI,EAAA,WAAU,kFAAkF,CAAA;AAAA,cACjG,oBAAC,OAAI,EAAA,WAAU,+EAA+E,CAAA;AAAA,YAAA,GAChG;AAAA,UAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,WAAU;AAAA,YAEV,UAAA,qBAAC,OAAI,EAAA,WAAU,6EACb,UAAA;AAAA,cAAA,oBAAC,SAAI,WAAU,8CACb,8BAAC,eAAc,EAAA,WAAU,2CAA0C,EACrE,CAAA;AAAA,cACA,qBAAC,OAAI,EAAA,WAAU,mEACb,UAAA;AAAA,gBAAC,oBAAA,OAAA,EAAI,WAAU,6EACZ,UACH,OAAA;AAAA,gBACC,oBAAA,OAAA,EAAI,WAAU,oFACZ,UACH,aAAA;AAAA,cAAA,GACF;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,WAAU;AAAA,YAEV,UAAA,oBAAC,OAAI,EAAA,WAAU,gEACb,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,WAAU;AAAA,gBAET,UAAA;AAAA,kBAAc,cAAA;AAAA,kBAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA,GAEzB;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/datatable/DataTableServer.js

@@ -22062,7 +22062,7 @@ function DataTableServer({
                           options: filterOptions[String(filterParam)] || [],
                           value: (columnFilters == null ? void 0 : columnFilters[String(filterParam)]) || "",
                           clearable: true,
-                          className: "pl-3"
+                          className: "px-1"
                         }
                       ),
                       filterType && filterType !== "select" && /* @__PURE__ */ jsx(
@@ -22077,7 +22077,7 @@ function DataTableServer({
                           type: filterType,
                           value: (columnFilters == null ? void 0 : columnFilters[String(filterParam)]) || "",
                           clearable: true,
-                          className: "max-w-[300px] min-w-[100px] pl-3"
+                          className: "max-w-[300px] min-w-[100px] px-1"
                         }
                       )
                     ]
@@ -22152,7 +22152,7 @@ function DataTableServer({
                     "td",
                     {
                       onClick: rowAction ? () => rowAction(item) : void 0,
-                      className: `px-3 py-2 cursor-pointer ${colIndex === 0 ? "font-medium text-gray-900" : "text-gray-700"} ${classes || ""}`,
+                      className: `px-3 py-2 ${rowAction ? "cursor-pointer" : ""}  ${colIndex === 0 ? "font-medium text-gray-900" : "text-gray-700"} ${classes || ""}`,
                       children: [
                         render ? render(item) : "",
                         actions && actions.filter((it) => {