calendarkit-prov2 2.0.7 → 2.0.9

package/README.md

@@ -318,6 +318,7 @@ const sidebarMenus: SidebarMenuItem[] = [
 - [Documentation](https://react-calendarkit-prov2.vercel.app/)
 - [GitHub Repository](https://github.com/Sayzera/calendarkit-prov2)
 - [npm Package](https://www.npmjs.com/package/calendarkit-prov2)
+- [Publishing to npm](PUBLISHING.md)
 - [Issues](https://github.com/Sayzera/calendarkit-prov2/issues)
 
 ---

package/dist/index.d.mts

@@ -264,6 +264,17 @@ interface CalendarProps {
     isDarkMode?: boolean;
     onThemeToggle?: () => void;
     hideViewSwitcher?: boolean;
+    /**
+     * When true, hides the mobile floating action button (FAB) used to create events.
+     * Defaults to false (FAB is shown on viewports under 768px when not read-only).
+     */
+    hideFab?: boolean;
+    /**
+     * When true (default), short timed events hide secondary details (time range, description)
+     * to fit the card: Week under 60 min, Day under 45 min.
+     * Set to false to always show title + time (+ description when space allows).
+     */
+    compactShortEvents?: boolean;
     /**
      * Hour (0–23) the Day and Week views initially scroll to on mount.
      * Defaults to 8 (08:00 AM).

package/dist/index.d.ts

@@ -264,6 +264,17 @@ interface CalendarProps {
     isDarkMode?: boolean;
     onThemeToggle?: () => void;
     hideViewSwitcher?: boolean;
+    /**
+     * When true, hides the mobile floating action button (FAB) used to create events.
+     * Defaults to false (FAB is shown on viewports under 768px when not read-only).
+     */
+    hideFab?: boolean;
+    /**
+     * When true (default), short timed events hide secondary details (time range, description)
+     * to fit the card: Week under 60 min, Day under 45 min.
+     * Set to false to always show title + time (+ description when space allows).
+     */
+    compactShortEvents?: boolean;
     /**
      * Hour (0–23) the Day and Week views initially scroll to on mount.
      * Defaults to 8 (08:00 AM).

package/dist/index.js

@@ -2480,7 +2480,8 @@ var WeekView = ({
   readonly,
   language = "tr",
   initialScrollHour = 8,
-  reverseTime = false
+  reverseTime = false,
+  compactShortEvents = true
 }) => {
   const start = dateFns.startOfWeek(currentDate, { weekStartsOn: 1 });
   const end = dateFns.endOfWeek(currentDate, { weekStartsOn: 1 });
@@ -2616,7 +2617,7 @@ var WeekView = ({
           const durationMinutes = dateFns.differenceInMinutes(zonedEventEnd, zonedEventStart);
           const height = durationMinutes / 60 * hourHeight;
           const top = reverseTime ? (1440 - startMinutes - durationMinutes) / 60 * hourHeight : startMinutes / 60 * hourHeight;
-          const isShortEvent = durationMinutes < 60;
+          const isShortEvent = compactShortEvents && durationMinutes < 60;
           const resolvedBadge = resolveEventBadge(event, language);
           const hasBadge = Boolean(resolvedBadge);
           return /* @__PURE__ */ React17__namespace.default.createElement(
@@ -2721,7 +2722,8 @@ var DayView = ({
   readonly,
   language = "tr",
   initialScrollHour = 8,
-  reverseTime = false
+  reverseTime = false,
+  compactShortEvents = true
 }) => {
   const hours = reverseTime ? Array.from({ length: 24 }, (_, i) => 23 - i) : Array.from({ length: 24 }, (_, i) => i);
   const hourHeight = 80;
@@ -2820,7 +2822,7 @@ var DayView = ({
     const durationMinutes = dateFns.differenceInMinutes(zonedEnd, zonedStart);
     const height = durationMinutes / 60 * hourHeight;
     const top = reverseTime ? (1440 - startMinutes - durationMinutes) / 60 * hourHeight : startMinutes / 60 * hourHeight;
-    const isShortEvent = durationMinutes < 45;
+    const isShortEvent = compactShortEvents && durationMinutes < 45;
     return /* @__PURE__ */ React17__namespace.default.createElement(
       DraggableEvent,
       {
@@ -4325,6 +4327,8 @@ var Scheduler = ({
   translations,
   hideViewSwitcher,
   hideLanguageSwitcher,
+  hideFab = false,
+  compactShortEvents = true,
   initialScrollHour = 8,
   reverseTime: reverseTimeProp = false,
   language = "tr",
@@ -4736,7 +4740,8 @@ var Scheduler = ({
               readonly: readOnly,
               language,
               initialScrollHour,
-              reverseTime
+              reverseTime,
+              compactShortEvents
             }
           ),
           view === "day" && /* @__PURE__ */ React17__namespace.default.createElement(
@@ -4752,7 +4757,8 @@ var Scheduler = ({
               readonly: readOnly,
               language,
               initialScrollHour,
-              reverseTime
+              reverseTime,
+              compactShortEvents
             }
           ),
           view === "agenda" && /* @__PURE__ */ React17__namespace.default.createElement(
@@ -4866,7 +4872,7 @@ var Scheduler = ({
         ), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "pl-2" }, /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "font-semibold truncate text-sm" }, activeDragEvent.title), (view === "week" || view === "day") && getDragHeight() && getDragHeight() > 40 && /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "text-xs opacity-80 mt-0.5 flex items-center gap-1" }, /* @__PURE__ */ React17__namespace.default.createElement("svg", { className: "w-3 h-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, /* @__PURE__ */ React17__namespace.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React17__namespace.default.createElement("path", { d: "M12 6v6l4 2" })), dateFns.format(activeDragEvent.start, getTimeFormatFull(language)), " - ", dateFns.format(activeDragEvent.end, getTimeFormatFull(language)))), /* @__PURE__ */ React17__namespace.default.createElement("div", { className: "absolute bottom-1.5 right-1.5 opacity-60" }, /* @__PURE__ */ React17__namespace.default.createElement("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React17__namespace.default.createElement("circle", { cx: "9", cy: "5", r: "1.5" }), /* @__PURE__ */ React17__namespace.default.createElement("circle", { cx: "15", cy: "5", r: "1.5" }), /* @__PURE__ */ React17__namespace.default.createElement("circle", { cx: "9", cy: "12", r: "1.5" }), /* @__PURE__ */ React17__namespace.default.createElement("circle", { cx: "15", cy: "12", r: "1.5" }), /* @__PURE__ */ React17__namespace.default.createElement("circle", { cx: "9", cy: "19", r: "1.5" }), /* @__PURE__ */ React17__namespace.default.createElement("circle", { cx: "15", cy: "19", r: "1.5" }))))
       ) : null)
     )
-  ), isMounted && isMobile && !readOnly && reactDom.createPortal(
+  ), isMounted && isMobile && !readOnly && !hideFab && reactDom.createPortal(
     /* @__PURE__ */ React17__namespace.default.createElement(
       "div",
       {