@addsign/moje-agenda-shared-lib 0.0.53 → 0.0.57

package/dist/assets/tailwind.css

@@ -593,8 +593,8 @@ video {
 .right-0 {
   right: 0px;
 }
-.right-10 {
-  right: 2.5rem;
+.right-6 {
+  right: 1.5rem;
 }
 .top-0 {
   top: 0px;
@@ -626,12 +626,18 @@ video {
 .top-\[96px\] {
   top: 96px;
 }
+.top-auto {
+  top: auto;
+}
 .z-40 {
   z-index: 40;
 }
 .z-50 {
   z-index: 50;
 }
+.z-\[100000\] {
+  z-index: 100000;
+}
 .col-span-12 {
   grid-column: span 12 / span 12;
 }
@@ -692,6 +698,9 @@ video {
 .mt-0 {
   margin-top: 0px;
 }
+.mt-\[4px\] {
+  margin-top: 4px;
+}
 .mt-auto {
   margin-top: auto;
 }
@@ -767,6 +776,9 @@ video {
 .max-h-96 {
   max-height: 24rem;
 }
+.max-h-\[390px\] {
+  max-height: 390px;
+}
 .max-h-full {
   max-height: 100%;
 }
@@ -818,6 +830,9 @@ video {
 .w-96 {
   width: 24rem;
 }
+.w-\[calc\(100\%-40px\)\] {
+  width: calc(100% - 40px);
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -825,6 +840,9 @@ video {
 .w-full {
   width: 100%;
 }
+.min-w-32 {
+  min-width: 8rem;
+}
 .min-w-\[100px\] {
   min-width: 100px;
 }
@@ -891,6 +909,9 @@ video {
 .justify-between {
   justify-content: space-between;
 }
+.gap-0 {
+  gap: 0px;
+}
 .gap-1 {
   gap: 0.25rem;
 }
@@ -937,6 +958,12 @@ video {
 .overflow-y-auto {
   overflow-y: auto;
 }
+.overflow-ellipsis {
+  text-overflow: ellipsis;
+}
+.text-ellipsis {
+  text-overflow: ellipsis;
+}
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1051,6 +1078,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
+.bg-gray-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
+}
 .bg-gray-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
@@ -1339,6 +1370,10 @@ video {
 .text-secondary-text {
   color: var(--color-secondary-text);
 }
+.text-slate-400 {
+  --tw-text-opacity: 1;
+  color: rgb(148 163 184 / var(--tw-text-opacity));
+}
 .text-slate-600 {
   --tw-text-opacity: 1;
   color: rgb(71 85 105 / var(--tw-text-opacity));
@@ -1363,6 +1398,9 @@ video {
 .opacity-25 {
   opacity: 0.25;
 }
+.opacity-50 {
+  opacity: 0.5;
+}
 .opacity-75 {
   opacity: 0.75;
 }

package/dist/components/Calendar.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React, { useState, useEffect, useCallback } from "react";
-import { F as FaChevronLeft, a as FaChevronRight } from "../index-DPrqKh-7.js";
+import React__default, { useState, useEffect, useCallback } from "react";
+import { F as FaChevronLeft, a as FaChevronRight } from "../index-DUTU8Jwr.js";
 const Calendar = ({
   items,
   startingDate
@@ -12,6 +12,11 @@ const Calendar = ({
     startingDate ? startingDate.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
   );
   useEffect(() => {
+    console.log(
+      "%clibcomponentsCalendar.tsx:36 startingDate",
+      "color: #007acc;",
+      startingDate
+    );
     if (startingDate) {
       setCurrentMonth(startingDate.getMonth());
       setCurrentYear(startingDate.getFullYear());
@@ -127,7 +132,7 @@ const Calendar = ({
         },
         index
       )),
-      calendarData.map((week, weekIndex) => /* @__PURE__ */ jsx(React.Fragment, { children: week.map((day, dayIndex) => {
+      calendarData.map((week, weekIndex) => /* @__PURE__ */ jsx(React__default.Fragment, { children: week.map((day, dayIndex) => {
         const itemsForDay = day ? findItemsForDay(day, currentMonth, currentYear) : [];
         return /* @__PURE__ */ jsxs(
           "div",
@@ -150,7 +155,7 @@ const Calendar = ({
                   title: item.tooltip,
                   children: item.label
                 },
-                item.id + "_" + itemIndex
+                itemIndex
               ))
             ]
           },

package/dist/components/Calendar.js.map

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

package/dist/components/ConfirmationModalDialog.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
-import { b as FaRegTrashAlt } from "../index-DPrqKh-7.js";
-import { G as GenIcon } from "../iconBase-BY_L6Cb_.js";
+import { b as FaRegTrashAlt } from "../index-DUTU8Jwr.js";
+import { G as GenIcon } from "../iconBase-B8_TsgYI.js";
 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);
 }

package/dist/components/datatable/DataTable.js

@@ -2,7 +2,7 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import '../../assets/tailwind.css';/* empty css                      */
 import Button from "../Button.js";
-import { M as MdOutlineFilterAlt, a as MdOutlineFilterAltOff, b as MdSearch, c as MdClose, d as MdArrowBack, e as MdArrowForward, f as MdArrowUpward, g as MdArrowDownward } from "../../index-ZA1ctELQ.js";
+import { c as MdOutlineFilterAlt, d as MdOutlineFilterAltOff, e as MdSearch, b as MdClose, f as MdArrowBack, g as MdArrowForward, h as MdArrowUpward, i as MdArrowDownward } from "../../index-BDqNIr_C.js";
 import FormField from "../form/FormField.js";
 import Spinner from "../Spinner.js";
 import "../../contexts/FederationContext.js";