@multiplatform.one/frappe-ui 6.0.0

package/dist/cjs/FrappeCalendar.cjs

@@ -0,0 +1,174 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FrappeCalendar_exports = {};
+__export(FrappeCalendar_exports, {
+  FrappeCalendar: () => FrappeCalendar
+});
+module.exports = __toCommonJS(FrappeCalendar_exports);
+var import_frappe = require("@multiplatform.one/frappe");
+var import_components = require("@multiplatform.one/components");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_react_i18next = require("react-i18next");
+var import_theme = require("@multiplatform.one/theme");
+var import_FrappeProvider = require("./FrappeProvider.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function parseDate(dateStr) {
+  if (!dateStr) return null;
+  if (dateStr instanceof Date) return dateStr;
+  const parsed = new Date(dateStr.replace(" ", "T"));
+  return isNaN(parsed.getTime()) ? null : parsed;
+}
+function FrappeCalendar({
+  baseURL,
+  auth,
+  syncOptions,
+  doctype,
+  fields,
+  filters,
+  dateField,
+  endDateField,
+  titleField,
+  descriptionField,
+  colorField,
+  defaultView = "month",
+  initialDate,
+  renderEvent: renderEventProp,
+  onEventClick,
+  onEventMove: _onEventMove,
+  onDateClick,
+  loading,
+  error: _error,
+  height: heightProp,
+  showNavigation = true,
+  showViewSwitcher = true,
+  firstDayOfWeek = 0,
+  ...stackProps
+}) {
+  const config = (0, import_FrappeProvider.useFrappeConfig)();
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  const height = heightProp ?? (knobProps.sizeToken === "$3" ? 480 : knobProps.sizeToken === "$5" ? 720 : 600);
+  const finalBaseURL = baseURL ?? config?.baseURL;
+  const finalAuth = auth ?? config?.auth;
+  const finalSyncOptions = syncOptions ?? config?.syncOptions;
+  if (!finalBaseURL) {
+    throw new Error("FrappeCalendar requires baseURL prop or FrappeProvider with baseURL");
+  }
+  const effectiveFields = (0, import_react.useMemo)(() => {
+    if (!fields) return void 0;
+    const fieldSet = new Set(fields);
+    fieldSet.add(dateField);
+    fieldSet.add("name");
+    if (endDateField) fieldSet.add(endDateField);
+    if (titleField) fieldSet.add(titleField);
+    if (descriptionField) fieldSet.add(descriptionField);
+    if (colorField) fieldSet.add(colorField);
+    return Array.from(fieldSet);
+  }, [fields, dateField, endDateField, titleField, descriptionField, colorField]);
+  const collection = (0, import_frappe.useFrappeCollection)({
+    baseURL: finalBaseURL,
+    socketPort: config?.socketPort,
+    auth: finalAuth,
+    syncOptions: finalSyncOptions,
+    fixtures: config?.fixtures
+  }, doctype, {
+    fields: effectiveFields,
+    filters
+  });
+  const {
+    data: rawData,
+    isLoading
+  } = (0, import_frappe.useLiveQuery)(q => collection ? q.from({
+    _list: collection
+  }) : null, [collection]);
+  const docs = (0, import_react.useMemo)(() => rawData ?? [], [rawData]);
+  const events = (0, import_react.useMemo)(() => {
+    return docs.map(doc => {
+      const startDate = parseDate(doc[dateField]);
+      if (!startDate) return null;
+      const endDate = endDateField ? parseDate(doc[endDateField]) : void 0;
+      const title = titleField ? String(doc[titleField] || doc.name) : doc.name;
+      const color = colorField ? doc[colorField] : void 0;
+      return {
+        id: doc.name,
+        title,
+        start: startDate,
+        end: endDate ?? void 0,
+        color,
+        _doc: doc
+        // Attach original doc for callbacks
+      };
+    }).filter(Boolean);
+  }, [docs, dateField, endDateField, titleField, colorField]);
+  const renderEventBridge = (0, import_react.useMemo)(() => {
+    if (!renderEventProp) return void 0;
+    return calEvent => {
+      const doc = calEvent._doc;
+      return renderEventProp(doc, null);
+    };
+  }, [renderEventProp]);
+  const handleEventClick = (0, import_react.useCallback)(event => {
+    if (onEventClick) {
+      const doc = docs.find(d => d.name === event.id);
+      if (doc) onEventClick(doc);
+    }
+  }, [onEventClick, docs]);
+  if (isLoading) {
+    if (loading) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children: loading
+    });
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      ...stackProps,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+        size: "large"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$color10",
+        marginTop: "$2",
+        children: t("Loading {{doctype}}...", {
+          doctype
+        })
+      })]
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Calendar, {
+    ...knobProps.borderRadius,
+    events,
+    onDateSelect: onDateClick,
+    onEventClick: handleEventClick,
+    renderEvent: renderEventBridge,
+    viewType: defaultView,
+    initialDate,
+    height,
+    showNavigation,
+    showViewSwitcher,
+    firstDayOfWeek,
+    ...stackProps
+  });
+}

package/dist/cjs/FrappeCalendar.native.js

@@ -0,0 +1,203 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FrappeCalendar_exports = {};
+__export(FrappeCalendar_exports, {
+  FrappeCalendar: () => FrappeCalendar
+});
+module.exports = __toCommonJS(FrappeCalendar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_frappe = require("@multiplatform.one/frappe");
+var import_components = require("@multiplatform.one/components");
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+var import_react_i18next = require("react-i18next");
+var import_theme = require("@multiplatform.one/theme");
+var import_FrappeProvider = require("./FrappeProvider.native.js");
+function _instanceof(left, right) {
+  "@swc/helpers - instanceof";
+
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
+}
+function parseDate(dateStr) {
+  if (!dateStr) return null;
+  if (_instanceof(dateStr, Date)) return dateStr;
+  var parsed = new Date(dateStr.replace(" ", "T"));
+  return isNaN(parsed.getTime()) ? null : parsed;
+}
+function FrappeCalendar(param) {
+  var {
+    baseURL,
+    auth,
+    syncOptions,
+    doctype,
+    fields,
+    filters,
+    dateField,
+    endDateField,
+    titleField,
+    descriptionField,
+    colorField,
+    defaultView = "month",
+    initialDate,
+    renderEvent: renderEventProp,
+    onEventClick,
+    onEventMove: _onEventMove,
+    onDateClick,
+    loading,
+    error: _error,
+    height: heightProp,
+    showNavigation = true,
+    showViewSwitcher = true,
+    firstDayOfWeek = 0,
+    ...stackProps
+  } = param;
+  var config = (0, import_FrappeProvider.useFrappeConfig)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var height = heightProp !== null && heightProp !== void 0 ? heightProp : knobProps.sizeToken === "$3" ? 480 : knobProps.sizeToken === "$5" ? 720 : 600;
+  var finalBaseURL = baseURL !== null && baseURL !== void 0 ? baseURL : config === null || config === void 0 ? void 0 : config.baseURL;
+  var finalAuth = auth !== null && auth !== void 0 ? auth : config === null || config === void 0 ? void 0 : config.auth;
+  var finalSyncOptions = syncOptions !== null && syncOptions !== void 0 ? syncOptions : config === null || config === void 0 ? void 0 : config.syncOptions;
+  if (!finalBaseURL) {
+    throw new Error("FrappeCalendar requires baseURL prop or FrappeProvider with baseURL");
+  }
+  var effectiveFields = (0, import_react.useMemo)(function () {
+    if (!fields) return void 0;
+    var fieldSet = new Set(fields);
+    fieldSet.add(dateField);
+    fieldSet.add("name");
+    if (endDateField) fieldSet.add(endDateField);
+    if (titleField) fieldSet.add(titleField);
+    if (descriptionField) fieldSet.add(descriptionField);
+    if (colorField) fieldSet.add(colorField);
+    return Array.from(fieldSet);
+  }, [fields, dateField, endDateField, titleField, descriptionField, colorField]);
+  var collection = (0, import_frappe.useFrappeCollection)({
+    baseURL: finalBaseURL,
+    socketPort: config === null || config === void 0 ? void 0 : config.socketPort,
+    auth: finalAuth,
+    syncOptions: finalSyncOptions,
+    fixtures: config === null || config === void 0 ? void 0 : config.fixtures
+  }, doctype, {
+    fields: effectiveFields,
+    filters
+  });
+  var {
+    data: rawData,
+    isLoading
+  } = (0, import_frappe.useLiveQuery)(function (q) {
+    return collection ? q.from({
+      _list: collection
+    }) : null;
+  }, [collection]);
+  var docs = (0, import_react.useMemo)(function () {
+    return rawData !== null && rawData !== void 0 ? rawData : [];
+  }, [rawData]);
+  var events = (0, import_react.useMemo)(function () {
+    return docs.map(function (doc) {
+      var startDate = parseDate(doc[dateField]);
+      if (!startDate) return null;
+      var endDate = endDateField ? parseDate(doc[endDateField]) : void 0;
+      var title = titleField ? String(doc[titleField] || doc.name) : doc.name;
+      var color = colorField ? doc[colorField] : void 0;
+      return {
+        id: doc.name,
+        title,
+        start: startDate,
+        end: endDate !== null && endDate !== void 0 ? endDate : void 0,
+        color,
+        _doc: doc
+      };
+    }).filter(Boolean);
+  }, [docs, dateField, endDateField, titleField, colorField]);
+  var renderEventBridge = (0, import_react.useMemo)(function () {
+    if (!renderEventProp) return void 0;
+    return function (calEvent) {
+      var doc = calEvent._doc;
+      return renderEventProp(doc, null);
+    };
+  }, [renderEventProp]);
+  var handleEventClick = (0, import_react.useCallback)(function (event) {
+    if (onEventClick) {
+      var doc = docs.find(function (d) {
+        return d.name === event.id;
+      });
+      if (doc) onEventClick(doc);
+    }
+  }, [onEventClick, docs]);
+  if (isLoading) {
+    if (loading) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children: loading
+    });
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      ...stackProps,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+        size: "large"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$color10",
+        marginTop: "$2",
+        children: t("Loading {{doctype}}...", {
+          doctype
+        })
+      })]
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Calendar, {
+    ...knobProps.borderRadius,
+    events,
+    onDateSelect: onDateClick,
+    onEventClick: handleEventClick,
+    renderEvent: renderEventBridge,
+    viewType: defaultView,
+    initialDate,
+    height,
+    showNavigation,
+    showViewSwitcher,
+    firstDayOfWeek,
+    ...stackProps
+  });
+}
+//# sourceMappingURL=FrappeCalendar.native.js.map

package/dist/cjs/FrappeCalendar.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","FrappeCalendar_exports","__export","FrappeCalendar","module","exports","import_jsx_runtime","require","import_frappe","import_components","import_react","import_tamagui","import_react_i18next","import_theme","import_FrappeProvider","_instanceof","left","right","Symbol","hasInstance","parseDate","dateStr","Date","parsed","replace","isNaN","getTime","param","baseURL","auth","syncOptions","doctype","fields","filters","dateField","endDateField","titleField","descriptionField","colorField","defaultView","initialDate","renderEvent","renderEventProp","onEventClick","onEventMove","_onEventMove","onDateClick","loading","error","_error","height","heightProp","showNavigation","showViewSwitcher","firstDayOfWeek","stackProps","config","useFrappeConfig","knobProps","useResolvedKnobs","t","useTranslation","sizeToken","finalBaseURL","finalAuth","finalSyncOptions","Error","effectiveFields","useMemo","fieldSet","Set","add","Array","from","collection","useFrappeCollection","socketPort","fixtures","data","rawData","isLoading","useLiveQuery","q","_list","docs","events","map","doc","startDate","endDate","title","String","name","color","id","start","end","_doc","filter","Boolean","renderEventBridge","calEvent","handleEventClick","useCallback","event","find","d","jsx","Fragment","children","jsxs","YStack","panelPadding","alignItems"],"sources":["../../src/FrappeCalendar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/FrappeCalendar.stories.cjs

@@ -0,0 +1,252 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FrappeCalendar_stories_exports = {};
+__export(FrappeCalendar_stories_exports, {
+  DayView: () => DayView,
+  MondayFirstDay: () => MondayFirstDay,
+  MonthView: () => MonthView,
+  WeekView: () => WeekView,
+  WithCustomEventRenderer: () => WithCustomEventRenderer,
+  WithEventMove: () => WithEventMove,
+  default: () => FrappeCalendar_stories_default
+});
+module.exports = __toCommonJS(FrappeCalendar_stories_exports);
+var import_frappe = require("@multiplatform.one/frappe");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_tamagui = require("tamagui");
+var import_FrappeCalendar = require("./FrappeCalendar.cjs");
+var import_FrappeProvider = require("./FrappeProvider.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var FrappeCalendar_stories_default = {
+  title: "FrappeUI/FrappeCalendar",
+  component: import_FrappeCalendar.FrappeCalendar,
+  tags: ["!test"],
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A calendar component with month, week, and day views for displaying and managing events from Frappe doctypes."
+      }
+    }
+  }
+};
+const today = /* @__PURE__ */new Date();
+const formatDate = date => date.toISOString().split("T")[0];
+const eventFixtures = [{
+  name: "EVENT-001",
+  doctype: "CalEvent",
+  subject: "Team Meeting",
+  starts_on: `${formatDate(today)} 09:00:00`,
+  ends_on: `${formatDate(today)} 10:00:00`,
+  color: "#3B82F6",
+  description: "Weekly team sync"
+}, {
+  name: "EVENT-002",
+  doctype: "CalEvent",
+  subject: "Client Call",
+  starts_on: `${formatDate(today)} 14:00:00`,
+  ends_on: `${formatDate(today)} 15:00:00`,
+  color: "#10B981",
+  description: "Project review with client"
+}, {
+  name: "EVENT-003",
+  doctype: "CalEvent",
+  subject: "Training Session",
+  starts_on: `${formatDate(new Date(today.getTime() + 864e5))} 10:00:00`,
+  ends_on: `${formatDate(new Date(today.getTime() + 864e5))} 12:00:00`,
+  color: "#F59E0B",
+  description: "New employee onboarding"
+}, {
+  name: "EVENT-004",
+  doctype: "CalEvent",
+  subject: "Product Launch",
+  starts_on: `${formatDate(new Date(today.getTime() + 1728e5))} 09:00:00`,
+  ends_on: `${formatDate(new Date(today.getTime() + 1728e5))} 18:00:00`,
+  color: "#8B5CF6",
+  description: "Major release event"
+}, {
+  name: "EVENT-005",
+  doctype: "CalEvent",
+  subject: "Review Meeting",
+  starts_on: `${formatDate(new Date(today.getTime() + 3456e5))} 15:00:00`,
+  ends_on: `${formatDate(new Date(today.getTime() + 3456e5))} 16:00:00`,
+  color: "#EF4444",
+  description: "Quarterly review"
+}];
+const MonthView = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new import_frappe.InMemoryFixtureProvider({
+    CalEvent: eventFixtures
+  }),
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeCalendar.FrappeCalendar, {
+    doctype: "CalEvent",
+    dateField: "starts_on",
+    endDateField: "ends_on",
+    titleField: "subject",
+    descriptionField: "description",
+    colorField: "color",
+    defaultView: "month",
+    onEventClick: (0, import_storybook.action)("onEventClick"),
+    onDateClick: (0, import_storybook.action)("onDateClick"),
+    height: 600
+  })
+});
+MonthView.parameters = {
+  docs: {
+    description: {
+      story: "Calendar in month view showing events across multiple days."
+    }
+  }
+};
+MonthView.storyName = "Main";
+const WeekView = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new import_frappe.InMemoryFixtureProvider({
+    CalEvent: eventFixtures
+  }),
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeCalendar.FrappeCalendar, {
+    doctype: "CalEvent",
+    dateField: "starts_on",
+    endDateField: "ends_on",
+    titleField: "subject",
+    colorField: "color",
+    defaultView: "week",
+    onEventClick: (0, import_storybook.action)("onEventClick"),
+    onDateClick: (0, import_storybook.action)("onDateClick"),
+    height: 600
+  })
+});
+WeekView.parameters = {
+  docs: {
+    description: {
+      story: "Calendar in week view for detailed scheduling."
+    }
+  }
+};
+const DayView = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new import_frappe.InMemoryFixtureProvider({
+    CalEvent: eventFixtures
+  }),
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeCalendar.FrappeCalendar, {
+    doctype: "CalEvent",
+    dateField: "starts_on",
+    endDateField: "ends_on",
+    titleField: "subject",
+    descriptionField: "description",
+    colorField: "color",
+    defaultView: "day",
+    onEventClick: (0, import_storybook.action)("onEventClick"),
+    height: 600
+  })
+});
+DayView.parameters = {
+  docs: {
+    description: {
+      story: "Calendar in day view showing hour-by-hour schedule."
+    }
+  }
+};
+const WithCustomEventRenderer = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new import_frappe.InMemoryFixtureProvider({
+    CalEvent: eventFixtures
+  }),
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeCalendar.FrappeCalendar, {
+    doctype: "CalEvent",
+    dateField: "starts_on",
+    endDateField: "ends_on",
+    titleField: "subject",
+    colorField: "color",
+    defaultView: "month",
+    renderEvent: event => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontWeight: "600",
+        children: event.subject
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontSize: "$1",
+        color: "$gray11",
+        children: event.description
+      })]
+    }),
+    onEventClick: (0, import_storybook.action)("onEventClick"),
+    height: 600
+  })
+});
+WithCustomEventRenderer.parameters = {
+  docs: {
+    description: {
+      story: "Calendar with custom event rendering showing additional details."
+    }
+  }
+};
+const MondayFirstDay = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new import_frappe.InMemoryFixtureProvider({
+    CalEvent: eventFixtures
+  }),
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeCalendar.FrappeCalendar, {
+    doctype: "CalEvent",
+    dateField: "starts_on",
+    endDateField: "ends_on",
+    titleField: "subject",
+    colorField: "color",
+    defaultView: "month",
+    firstDayOfWeek: 1,
+    onEventClick: (0, import_storybook.action)("onEventClick"),
+    height: 600
+  })
+});
+MondayFirstDay.parameters = {
+  docs: {
+    description: {
+      story: "Calendar with Monday as the first day of the week."
+    }
+  }
+};
+const WithEventMove = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new import_frappe.InMemoryFixtureProvider({
+    CalEvent: eventFixtures
+  }),
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeCalendar.FrappeCalendar, {
+    doctype: "CalEvent",
+    dateField: "starts_on",
+    endDateField: "ends_on",
+    titleField: "subject",
+    colorField: "color",
+    defaultView: "week",
+    onEventMove: (0, import_storybook.action)("onEventMove"),
+    onEventClick: (0, import_storybook.action)("onEventClick"),
+    height: 600
+  })
+});
+WithEventMove.parameters = {
+  docs: {
+    description: {
+      story: "Calendar with drag-and-drop to reschedule events."
+    }
+  }
+};