funuicss 3.5.4 → 3.5.5

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.5.4",
+  "version": "3.5.5",
   "name": "funuicss",
   "description": "React and Next.js component UI Library for creating Easy and good looking websites with fewer lines of code. Elevate your web development experience with our cutting-edge React/Next.js component UI Library. Craft stunning websites effortlessly, boasting both seamless functionality and aesthetic appeal—all achieved with minimal lines of code. Unleash the power of simplicity and style in your projects!",
   "main": "index.js",

package/ui/calendar/Calendar.d.ts

@@ -14,6 +14,7 @@ interface CalendarProps {
     onActivityClick?: (activity: Activity) => void;
     onDateClick?: (date: Date) => void;
     funcss?: string;
+    readonly?: boolean;
     weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     renderActivity?: (activity: Activity) => React.ReactNode;
     showAdjacentMonths?: boolean;

package/ui/calendar/Calendar.js

@@ -56,15 +56,15 @@ var Select_1 = __importDefault(require("../select/Select"));
 dayjs_1.default.extend(isSameOrAfter_1.default);
 dayjs_1.default.extend(isSameOrBefore_1.default);
 var Calendar = function (_a) {
-    var activities = _a.activities, onAdd = _a.onAdd, onActivityClick = _a.onActivityClick, onDateClick = _a.onDateClick, _b = _a.funcss, funcss = _b === void 0 ? '' : _b, _c = _a.weekStart, weekStart = _c === void 0 ? 0 : _c, renderActivity = _a.renderActivity, _d = _a.showAdjacentMonths, showAdjacentMonths = _d === void 0 ? true : _d, minDate = _a.minDate, maxDate = _a.maxDate;
-    var _e = (0, react_1.useState)((0, dayjs_1.default)()), currentMonth = _e[0], setCurrentMonth = _e[1];
-    var _f = (0, react_1.useState)(null), hoveredDate = _f[0], setHoveredDate = _f[1];
-    var _g = (0, react_1.useState)(null), selectedDate = _g[0], setSelectedDate = _g[1];
-    var _h = (0, react_1.useState)(false), showMoreActivities = _h[0], setShowMoreActivities = _h[1];
+    var activities = _a.activities, onAdd = _a.onAdd, onActivityClick = _a.onActivityClick, onDateClick = _a.onDateClick, _b = _a.funcss, funcss = _b === void 0 ? '' : _b, _c = _a.weekStart, weekStart = _c === void 0 ? 0 : _c, renderActivity = _a.renderActivity, _d = _a.showAdjacentMonths, showAdjacentMonths = _d === void 0 ? true : _d, minDate = _a.minDate, _e = _a.readonly, readonly = _e === void 0 ? false : _e, maxDate = _a.maxDate;
+    var _f = (0, react_1.useState)((0, dayjs_1.default)()), currentMonth = _f[0], setCurrentMonth = _f[1];
+    var _g = (0, react_1.useState)(null), hoveredDate = _g[0], setHoveredDate = _g[1];
+    var _h = (0, react_1.useState)(null), selectedDate = _h[0], setSelectedDate = _h[1];
+    var _j = (0, react_1.useState)(false), showMoreActivities = _j[0], setShowMoreActivities = _j[1];
     // ✅ NEW: View mode state
-    var _j = (0, react_1.useState)('month'), viewMode = _j[0], setViewMode = _j[1];
+    var _k = (0, react_1.useState)('month'), viewMode = _k[0], setViewMode = _k[1];
     var startOfWeek = currentMonth.startOf('week').add(weekStart, 'day');
-    var _k = (0, react_1.useMemo)(function () {
+    var _l = (0, react_1.useMemo)(function () {
         var days = [];
         if (viewMode === 'month') {
             var startOfMonth = currentMonth.startOf('month');
@@ -110,7 +110,7 @@ var Calendar = function (_a) {
             }
         });
         return { days: days, monthActivities: monthActivities };
-    }, [currentMonth, activities, viewMode, weekStart, showAdjacentMonths]), days = _k.days, monthActivities = _k.monthActivities;
+    }, [currentMonth, activities, viewMode, weekStart, showAdjacentMonths]), days = _l.days, monthActivities = _l.monthActivities;
     var prevPeriod = function () {
         return setCurrentMonth(currentMonth.subtract(1, viewMode === 'month' ? 'month' : 'week'));
     };
@@ -144,7 +144,7 @@ var Calendar = function (_a) {
         }
         return days;
     }, [weekStart]);
-    var _l = (0, react_1.useState)(false), isMobile = _l[0], setIsMobile = _l[1];
+    var _m = (0, react_1.useState)(false), isMobile = _m[0], setIsMobile = _m[1];
     (0, react_1.useEffect)(function () {
         var updateViewMode = function () {
             var small = window.innerWidth < 768;
@@ -159,7 +159,7 @@ var Calendar = function (_a) {
         react_1.default.createElement("div", { className: "calendar-header" },
             react_1.default.createElement(Avatar_1.default, { funcss: "border", onClick: prevPeriod },
                 react_1.default.createElement(pi_1.PiCaretLeft, null)),
-            react_1.default.createElement("div", { className: "calendar-title" },
+            react_1.default.createElement("div", { className: "col fit" },
                 react_1.default.createElement(Flex_1.default, { width: '100%', gap: 1, alignItems: "center" },
                     react_1.default.createElement(Select_1.default, { value: currentMonth.month().toString(), onChange: function (e) {
                             return setCurrentMonth(currentMonth.month(parseInt(e)));
@@ -207,7 +207,7 @@ var Calendar = function (_a) {
                         "+",
                         activitiesToday.length - 3,
                         " more"))))),
-                hoveredDate === key && !disabled && (react_1.default.createElement("div", { className: "add-icon hide-small", onClick: function (e) { return handleAdd(e, date); } },
+                hoveredDate === key && !disabled && !readonly && (react_1.default.createElement("div", { className: "add-icon hide-small", onClick: function (e) { return handleAdd(e, date); } },
                     react_1.default.createElement(Circle_1.default, { bg: 'primary' },
                         react_1.default.createElement(pi_1.PiPlus, null))))));
         })),