funuicss 3.5.3 → 3.5.5

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.5.3",
+  "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/ActivityCard.js

@@ -12,7 +12,7 @@ var ActivityCard = function (_a) {
             e.stopPropagation();
             onClick === null || onClick === void 0 ? void 0 : onClick(activity);
         } },
-        react_1.default.createElement(Text_1.default, { text: activity.title, size: "xs", block: true, truncate: 2 }),
+        react_1.default.createElement(Text_1.default, { text: activity.title, size: "sm", block: true, truncate: 2 }),
         activity.footer && react_1.default.createElement("div", null, activity.footer)));
 };
 exports.default = ActivityCard;

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

@@ -45,25 +45,26 @@ var pi_1 = require("react-icons/pi");
 var Avatar_1 = __importDefault(require("../avatar/Avatar"));
 var Circle_1 = __importDefault(require("../specials/Circle"));
 var RowFlex_1 = __importDefault(require("../specials/RowFlex"));
-var Input_1 = __importDefault(require("../input/Input"));
 var Button_1 = __importDefault(require("../button/Button"));
 var Text_1 = __importDefault(require("../text/Text"));
 var ActivityCard_1 = __importDefault(require("./ActivityCard"));
 var View_1 = __importDefault(require("../view/View"));
 var Dropdown_1 = __importDefault(require("../drop/Dropdown"));
 var hi_1 = require("react-icons/hi");
+var Flex_1 = __importDefault(require("../flex/Flex"));
+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');
@@ -109,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'));
     };
@@ -143,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;
@@ -158,16 +159,16 @@ 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(RowFlex_1.default, { gap: 1, align: "center" },
-                    react_1.default.createElement(Input_1.default, { type: "text", select: true, value: currentMonth.month().toString(), onChange: function (e) {
-                            return setCurrentMonth(currentMonth.month(parseInt(e.target.value)));
+            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)));
                         }, options: Array.from({ length: 12 }, function (_, i) { return ({
                             value: i.toString(),
                             text: (0, dayjs_1.default)().month(i).format('MMMM'),
                         }); }), borderless: true, funcss: "round-edge" }),
-                    react_1.default.createElement(Input_1.default, { type: "text", select: true, value: currentMonth.year().toString(), onChange: function (e) {
-                            return setCurrentMonth(currentMonth.year(parseInt(e.target.value)));
+                    react_1.default.createElement(Select_1.default, { value: currentMonth.year().toString(), onChange: function (e) {
+                            return setCurrentMonth(currentMonth.year(parseInt(e)));
                         }, options: Array.from({ length: 21 }, function (_, i) {
                             var year = (0, dayjs_1.default)().year() - 10 + i;
                             return { value: year.toString(), text: year.toString() };
@@ -206,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))))));
         })),