@sunggang/ui-lib 0.1.66 → 0.1.68

package/index.esm.js

@@ -89235,7 +89235,7 @@ var moment = moment$1.exports;
 moment.locale("zh-tw");
 var localizer$1 = moment$2(moment);
 function BigCalender(props) {
-    var events = props.events, handleSelectEvent = props.handleSelectEvent, CustomEventEl = props.CustomEventEl;
+    var events = props.events, handleSelectEvent = props.handleSelectEvent, CustomEventEl = props.CustomEventEl, handleNavigate = props.handleNavigate, handleView = props.handleView;
     return /*#__PURE__*/ jsx(Calendar$1, {
         localizer: localizer$1,
         events: events,
@@ -89246,6 +89246,8 @@ function BigCalender(props) {
         },
         selectable: true,
         onSelectEvent: handleSelectEvent,
+        onNavigate: handleNavigate,
+        onView: handleView,
         components: {
             event: CustomEventEl
         },
@@ -92179,7 +92181,7 @@ moment.locale("zh-tw");
 var localizer = moment$2(moment);
 var DnDCalendarWrap = default_1(Calendar$1);
 function DnDCalendar(props) {
-    var events = props.events, setEvents = props.setEvents, handleSelectEvent = props.handleSelectEvent, CustomEventEl = props.CustomEventEl;
+    var events = props.events, setEvents = props.setEvents, handleSelectEvent = props.handleSelectEvent, CustomEventEl = props.CustomEventEl, handleNavigate = props.handleNavigate, handleView = props.handleView;
     var handleDragStart = function(event) {
         console.log("Drag start:", event);
     };
@@ -92239,6 +92241,14 @@ function DnDCalendar(props) {
     }, [
         setEvents
     ]);
+    var eventPropGetter = function(event) {
+        var backgroundColor = event.color || "#2389e1";
+        return {
+            style: {
+                backgroundColor: backgroundColor
+            }
+        };
+    };
     return /*#__PURE__*/ jsx(DnDCalendarWrap, {
         localizer: localizer,
         events: events,
@@ -92252,6 +92262,8 @@ function DnDCalendar(props) {
         },
         onEventDrop: moveEvent,
         onEventResize: resizeEvent,
+        onNavigate: handleNavigate,
+        onView: handleView,
         popup: true,
         resizable: true,
         selectable: true,
@@ -92261,6 +92273,7 @@ function DnDCalendar(props) {
         components: {
             event: CustomEventEl
         },
+        eventPropGetter: eventPropGetter,
         messages: {
             next: /*#__PURE__*/ jsx("div", {
                 className: "flex items-center h-6",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.1.66",
+  "version": "0.1.68",
   "dependencies": {
     "@iconify/react": "^4.1.1",
     "@mdx-js/react": "^3.0.1",

package/src/lib/BigCalender/index.stories.d.ts

@@ -4,6 +4,7 @@ export interface Event {
     start: Date;
     end: Date;
     id?: number;
+    color?: string;
 }
 export interface BigCalenderProps {
     events: Event[];
@@ -12,6 +13,8 @@ export interface BigCalenderProps {
         event: Event;
     }>;
     handleSelectEvent: (event: Event) => void;
+    handleNavigate: (event: string) => void;
+    handleView: (event: string) => void;
 }
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("@storybook/types").Args>;
 export default _default;