dependabot dependency update

.babelrc

@@ -1,12 +0,0 @@
-{
-  "plugins": [
-    "transform-class-properties",
-    "transform-object-rest-spread"
-  ],
-  "presets": [
-    ["env", {
-      "modules": false
-    }],
-    "stage-0"
-  ]
-}

CHANGELOG.md

@@ -3,3 +3,7 @@
 #### 1.0.0
 
 - Intial release
+
+#### 1.1.0
+
+- Upgrade to webpack 5

package.json

@@ -21,11 +21,11 @@
     "@babel/plugin-transform-runtime": "^7.13.9",
     "@babel/runtime": "^7.13.9",
     "babel-core": "^6.26.3",
-    "babel-loader": "^7.1.5",
+    "babel-loader": "^8.2.2",
     "babel-preset-env": "^1.7.0",
     "babel-preset-stage-0": "^6.24.1",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
-    "copy-webpack-plugin": "^6.4.1",
+    "copy-webpack-plugin": "^9.0.0",
     "cross-env": "^7.0.3",
     "css-loader": "^5.2.6",
     "eslint": "^7.21.0",
@@ -50,6 +50,12 @@
     "webpack-dev-server": "^3.11.2"
   },
   "dependencies": {
+    "@fullcalendar/core": "^5.7.0",
+    "@fullcalendar/daygrid": "^5.7.0",
+    "@fullcalendar/interaction": "^5.7.0",
+    "@fullcalendar/list": "^5.7.0",
+    "@fullcalendar/timegrid": "^5.7.0",
+    "@popperjs/core": "^2.9.2",
     "babel-polyfill": "^6.26.0",
     "bootstrap": "^4.6.0",
     "bootstrap-datepicker": "^1.9.0",
@@ -58,16 +64,16 @@
     "datatables": "^1.10.18",
     "easy-pie-chart": "^2.1.7",
     "file-loader": "^6.2.0",
-    "fullcalendar": "^3.10.0",
+    "fullcalendar": "^5.7.0",
     "jquery": "^3.6.0",
     "jquery-sparkline": "^2.4.0",
     "jvectormap": "^2.0.4",
-    "load-google-maps-api": "^1.3.3",
+    "load-google-maps-api": "^2.0.2",
     "lodash": "^4.17.21",
     "masonry-layout": "^4.2.2",
     "moment": "^2.29.1",
     "perfect-scrollbar": "^1.5.0",
-    "popper.js": "^1.14.3",
+    "popper.js": "^1.16.1",
     "skycons": "^1.0.0"
   }
 }

src/assets/scripts/fullcalendar/index.js

@@ -1,59 +1,81 @@
 import * as $ from 'jquery';
-import 'fullcalendar/dist/fullcalendar.min.js';
-import 'fullcalendar/dist/fullcalendar.min.css';
+import { Calendar } from '@fullcalendar/core';
+import interactionPlugin from '@fullcalendar/interaction';
+import dayGridPlugin from '@fullcalendar/daygrid';
+import timeGridPlugin from '@fullcalendar/timegrid';
+import listPlugin from '@fullcalendar/list';
 
-export default (function () {
-  const date = new Date();
-  const d    = date.getDate();
-  const m    = date.getMonth();
-  const y    = date.getFullYear();
+document.addEventListener('DOMContentLoaded', function() {
+  var calendarEl = document.getElementById('calendar');
 
-  const events = [{
-    title  : 'All Day Event',
-    start  : new Date(y, m, 1),
-    desc   : 'Meetings',
-    bullet : 'success',
-  }, {
-    title  : 'Long Event',
-    start  : new Date(y, m, d - 5),
-    end    : new Date(y, m, d - 2),
-    desc   : 'Hangouts',
-    bullet : 'success',
-  }, {
-    title  : 'Repeating Event',
-    start  : new Date(y, m, d - 3, 16, 0),
-    allDay : false,
-    desc   : 'Product Checkup',
-    bullet : 'warning',
-  }, {
-    title  : 'Repeating Event',
-    start  : new Date(y, m, d + 4, 16, 0),
-    allDay : false,
-    desc   : 'Conference',
-    bullet : 'danger',
-  }, {
-    title  : 'Birthday Party',
-    start  : new Date(y, m, d + 1, 19, 0),
-    end    : new Date(y, m, d + 1, 22, 30),
-    allDay : false,
-    desc   : 'Gathering',
-  }, {
-    title  : 'Click for Google',
-    start  : new Date(y, m, 28),
-    end    : new Date(y, m, 29),
-    url    : 'http ://google.com/',
-    desc   : 'Google',
-    bullet : 'success',
-  }];
-
-  $('#full-calendar').fullCalendar({
-    events,
-    height   : 800,
-    editable : true,
-    header: {
-      left   : 'month,agendaWeek,agendaDay',
-      center : 'title',
-      right  : 'today prev,next',
+  var calendar = new Calendar(calendarEl, {
+    plugins: [ interactionPlugin, dayGridPlugin, timeGridPlugin, listPlugin ],
+    headerToolbar: {
+      left: 'prev,next today',
+      center: 'title',
+      right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
     },
+    initialDate: '2018-01-12',
+    navLinks: true, // can click day/week names to navigate views
+    editable: true,
+    dayMaxEvents: true, // allow "more" link when too many events
+    events: [
+      {
+        title: 'All Day Event',
+        start: '2018-01-01',
+      },
+      {
+        title: 'Long Event',
+        start: '2018-01-07',
+        end: '2018-01-10'
+      },
+      {
+        groupId: 999,
+        title: 'Repeating Event',
+        start: '2018-01-09T16:00:00'
+      },
+      {
+        groupId: 999,
+        title: 'Repeating Event',
+        start: '2018-01-16T16:00:00'
+      },
+      {
+        title: 'Conference',
+        start: '2018-01-11',
+        end: '2018-01-13'
+      },
+      {
+        title: 'Meeting',
+        start: '2018-01-12T10:30:00',
+        end: '2018-01-12T12:30:00'
+      },
+      {
+        title: 'Lunch',
+        start: '2018-01-12T12:00:00'
+      },
+      {
+        title: 'Meeting',
+        start: '2018-01-12T14:30:00'
+      },
+      {
+        title: 'Happy Hour',
+        start: '2018-01-12T17:30:00'
+      },
+      {
+        title: 'Dinner',
+        start: '2018-01-12T20:00:00'
+      },
+      {
+        title: 'Birthday Party',
+        start: '2018-01-13T07:00:00'
+      },
+      {
+        title: 'Click for Google',
+        url: 'http://google.com/',
+        start: '2018-01-28'
+      }
+    ]
   });
-}())
+
+  calendar.render();
+});

src/calendar.html

@@ -637,7 +637,7 @@
                   </div>
                 </div>
                 <div class="col-md-8">
-                  <div id='full-calendar'></div>
+                  <div id='calendar'></div>
                 </div>
               </div>
               <div class="modal fade" id="calendar-edit">

webpack/manifest.js

@@ -45,7 +45,7 @@ const
 const
   paths = {
     src   : dir('../src'),
-    build : dir('../build'),
+    build : dir('../dist'),
   };
 
 

webpack/plugins/copyPlugin.js

@@ -3,9 +3,11 @@ const
   manifest          = require('../manifest'),
   CopyWebpackPlugin = require('copy-webpack-plugin');
 
-module.exports = new CopyWebpackPlugin([
+module.exports = new CopyWebpackPlugin({
+  patterns: [
   {
     from : path.join(manifest.paths.src, 'assets/static'),
     to   : path.join(manifest.paths.build, 'assets/static'),
   },
-]);
+]
+});

webpack/plugins/index.js

@@ -8,7 +8,8 @@ plugins.push(
   ...(require('./htmlPlugin')),
   ...(require('./internal')),
   require('./caseSensitivePlugin'),
-  require('./extractPlugin')
+  require('./extractPlugin'),
+  require('./copyPlugin')
 );
 
 if (manifest.IS_DEVELOPMENT) {