move fullcalendar into a new example

DEPENDENCIES.md

@@ -7,7 +7,6 @@
 - es-module-shims: 1.8.0 ([MIT](https://opensource.org/licenses/MIT))
 - aggrid: 30.2.0 ([MIT](https://opensource.org/licenses/MIT))
 - echarts: 5.4.3 ([Apache-2.0](https://opensource.org/licenses/Apache-2.0))
-- fullcalendar: 6.1.10 ([MIT](https://opensource.org/licenses/MIT))
 - leaflet: 1.9.4 ([BSD-2-Clause](https://opensource.org/licenses/BSD-2-Clause))
 - leaflet-draw: 1.0.4 ([MIT](https://opensource.org/licenses/MIT))
 - mermaid: 10.5.1 ([MIT](https://opensource.org/licenses/MIT))

nicegui/elements/fullcalendar.py → examples/fullcalendar/fullcalendar.py

@@ -1,8 +1,8 @@
 from pathlib import Path
 from typing import Any, Callable, Dict, List, Optional
 
-from ..element import Element
-from ..events import handle_event
+from nicegui.element import Element
+from nicegui.events import handle_event
 
 
 class FullCalendar(Element, component='fullcalendar.js'):
@@ -16,7 +16,7 @@ class FullCalendar(Element, component='fullcalendar.js'):
         :param on_click: callback function that is called when a calendar event is clicked.
         """
         super().__init__()
-        self.add_resource(Path(__file__).parent / 'lib' / 'fullcalendar')
+        self.add_resource(Path(__file__).parent / 'lib')
         self._props['options'] = options
 
         if on_click:

examples/fullcalendar/main.py

@@ -0,0 +1,54 @@
+#!/usr/bin/env python3
+from datetime import datetime
+
+from fullcalendar import FullCalendar as fullcalendar
+
+from nicegui import events, ui
+
+options = {
+    'initialView': 'dayGridMonth',
+    'headerToolbar': {'left': 'title', 'right': ''},
+    'footerToolbar': {'right': 'prev,next today'},
+    'slotMinTime': '05:00:00',
+    'slotMaxTime': '22:00:00',
+    'allDaySlot': False,
+    'timeZone': 'local',
+    'height': 'auto',
+    'width': 'auto',
+    'events': [
+        {
+            'title': 'Math',
+            'start': datetime.now().strftime(r'%Y-%m-%d') + ' 08:00:00',
+            'end': datetime.now().strftime(r'%Y-%m-%d') + ' 10:00:00',
+            'color': 'red',
+        },
+        {
+            'title': 'Physics',
+            'start': datetime.now().strftime(r'%Y-%m-%d') + ' 10:00:00',
+            'end': datetime.now().strftime(r'%Y-%m-%d') + ' 12:00:00',
+            'color': 'green',
+        },
+        {
+            'title': 'Chemistry',
+            'start': datetime.now().strftime(r'%Y-%m-%d') + ' 13:00:00',
+            'end': datetime.now().strftime(r'%Y-%m-%d') + ' 15:00:00',
+            'color': 'blue',
+        },
+        {
+            'title': 'Biology',
+            'start': datetime.now().strftime(r'%Y-%m-%d') + ' 15:00:00',
+            'end': datetime.now().strftime(r'%Y-%m-%d') + ' 17:00:00',
+            'color': 'orange',
+        },
+    ],
+}
+
+
+def handle_click(event: events.GenericEventArguments):
+    if 'info' in event.args:
+        ui.notify(event.args['info']['event'])
+
+
+fullcalendar(options, on_click=handle_click)
+
+ui.run()

nicegui/ui.py

@@ -25,7 +25,6 @@ __all__ = [
     'echart',
     'editor',
     'expansion',
-    'fullcalendar',
     'grid',
     'highchart',
     'html',
@@ -132,7 +131,6 @@ from .elements.dialog import Dialog as dialog
 from .elements.echart import EChart as echart
 from .elements.editor import Editor as editor
 from .elements.expansion import Expansion as expansion
-from .elements.fullcalendar import FullCalendar as fullcalendar
 from .elements.grid import Grid as grid
 from .elements.highchart import highchart
 from .elements.html import Html as html

npm.json

@@ -52,13 +52,6 @@
       "package/dist/": ""
     }
   },
-  "fullcalendar": {
-    "destination": "nicegui/elements/lib",
-    "keep": ["package/index.global.min.js"],
-    "rename": {
-      "package/": ""
-    }
-  },
   "leaflet": {
     "destination": "nicegui/elements/lib/leaflet",
     "keep": [

website/documentation/content/fullcalendar_documentation.py

@@ -1,23 +0,0 @@
-from nicegui import ui
-
-from . import doc
-
-
-@doc.demo(ui.fullcalendar)
-def main_demo() -> None:
-    options = {
-        'initialView': 'dayGridMonth',
-        'headerToolbar': {'left': 'title', 'right': ''},
-        'footerToolbar': {'right': 'prev,next today'},
-        'slotMinTime': '05:00:00',
-        'slotMaxTime': '22:00:00',
-        'allDaySlot': False,
-        'timeZone': 'local',
-        'height': 'auto',
-        'width': 'auto',
-        'events': [],
-    }
-    ui.fullcalendar(options, on_click=ui.notify)
-
-
-doc.reference(ui.fullcalendar)

website/documentation/content/section_data_elements.py

@@ -1,10 +1,10 @@
 from nicegui import optional_features
 
 from . import (aggrid_documentation, circular_progress_documentation, code_documentation, doc, echart_documentation,
-               editor_documentation, fullcalendar_documentation, highchart_documentation, json_editor_documentation,
-               leaflet_documentation, line_plot_documentation, linear_progress_documentation, log_documentation,
-               plotly_documentation, pyplot_documentation, scene_documentation, spinner_documentation,
-               table_documentation, tree_documentation)
+               editor_documentation, highchart_documentation, json_editor_documentation, leaflet_documentation,
+               line_plot_documentation, linear_progress_documentation, log_documentation, plotly_documentation,
+               pyplot_documentation, scene_documentation, spinner_documentation, table_documentation,
+               tree_documentation)
 
 doc.title('*Data* Elements')
 
@@ -28,4 +28,3 @@ doc.intro(log_documentation)
 doc.intro(editor_documentation)
 doc.intro(code_documentation)
 doc.intro(json_editor_documentation)
-doc.intro(fullcalendar_documentation)