Update node dependencies

gulpfile.js

@@ -9,7 +9,7 @@ const pump = require('pump');
 const removeSourcemaps = require('gulp-remove-sourcemaps');
 const sass = require('gulp-sass')(require('sass'));
 const sassGlob = require('gulp-sass-glob');
-const styleLint = require('gulp-stylelint');
+const styleLint = require('@ronilaukkarinen/gulp-stylelint');
 const spawn = require('child_process').spawn;
 
 const config = require('./gulpfile.config.js');

package.json

@@ -7,32 +7,32 @@
     "url": "https://github.com/babybuddy/babybuddy.git"
   },
   "devDependencies": {
-    "bootstrap": "4.6.1",
-    "del": "^6.0.0",
+    "@ronilaukkarinen/gulp-stylelint": "^14.0.6",
+    "bootstrap": "^4.6.1",
+    "del": "^6.1.0",
     "gulp": "^4.0.2",
     "gulp-concat": "^2.6.1",
     "gulp-csso": "^4.0.1",
     "gulp-flatten": "^0.4.0",
     "gulp-fontello": "^0.5.2",
     "gulp-remove-sourcemaps": "^1.0.4",
-    "gulp-sass": "^5.0.0",
+    "gulp-sass": "^5.1.0",
     "gulp-sass-glob": "^1.1.0",
     "gulp-spawn": "^1.0.0",
-    "gulp-stylelint": "^13.0.0",
     "gulp-uglify": "^3.0.2",
     "jquery": "^3.6.0",
-    "moment": "^2.29.1",
+    "moment": "^2.29.3",
     "moment-timezone": "^0.5.34",
-    "plotly.js": "^2.8.0",
+    "plotly.js": "^2.12.1",
     "popper.js": "^1.16.1",
     "pulltorefreshjs": "^0.1.22",
     "pump": "^3.0.0",
-    "sass": "^1.45.0",
-    "stylelint": "^14.1.0",
-    "stylelint-config-recommended-scss": "^5.0.2",
+    "sass": "^1.52.1",
+    "stylelint": "^14.8.3",
+    "stylelint-config-recommended-scss": "^6.0.0",
     "stylelint-order": "^5.0.0",
-    "stylelint-scss": "^4.0.1",
-    "tempusdominus-bootstrap-4": "5.1.2",
-    "tempusdominus-core": "5.0.3"
+    "stylelint-scss": "^4.2.0",
+    "tempusdominus-bootstrap-4": "5.39.2",
+    "tempusdominus-core": "5.19.3"
   }
 }

static/babybuddy/css/app.af8edf6b6560.css

@@ -10233,6 +10233,29 @@ h3 {
     border-color: #343a40;
   }
 }
+body.tempusdominus-bootstrap-datetimepicker-widget-day-click,
+body.tempusdominus-bootstrap-datetimepicker-widget-day-click * {
+  cursor: pointer !important;
+}
+
+body.tempusdominus-bootstrap-datetimepicker-widget-day-click {
+  position: relative !important;
+}
+
+.tempusdominus-bootstrap-datetimepicker-widget-day-click-glass-panel {
+  position: absolute;
+  z-index: 999999999999;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  cursor: pointer !important;
+}
+
+.bootstrap-datetimepicker-widget .datepicker-days tbody td {
+  cursor: pointer;
+}
+
 .bootstrap-datetimepicker-widget {
   list-style: none;
 }
@@ -10242,6 +10265,15 @@ h3 {
   padding: 4px;
   width: 14rem;
 }
+.bootstrap-datetimepicker-widget.dropdown-menu.tempusdominus-bootstrap-datetimepicker-widget-with-feather-icons {
+  width: 16rem;
+}
+.bootstrap-datetimepicker-widget.dropdown-menu.tempusdominus-bootstrap-datetimepicker-widget-with-calendar-weeks {
+  width: 16rem;
+}
+.bootstrap-datetimepicker-widget.dropdown-menu.tempusdominus-bootstrap-datetimepicker-widget-with-calendar-weeks.tempusdominus-bootstrap-datetimepicker-widget-with-feather-icons {
+  width: 17rem;
+}
 @media (min-width: 576px) {
   .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
     width: 38em;
@@ -10321,6 +10353,12 @@ h3 {
 .bootstrap-datetimepicker-widget button[data-action] {
   padding: 6px;
 }
+.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod] {
+  text-align: center;
+  font-family: Arial, sans-serif, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  width: 38px;
+  height: 38px;
+}
 .bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
   content: "Increment Hours";
 }
@@ -10366,6 +10404,10 @@ h3 {
   height: 2.5em;
   width: 100%;
 }
+.bootstrap-datetimepicker-widget .picker-switch.picker-switch-with-feathers-icons td span {
+  line-height: 2.8;
+  height: 2.8em;
+}
 .bootstrap-datetimepicker-widget table {
   width: 100%;
   margin: 0;
@@ -10409,6 +10451,7 @@ h3 {
   height: 20px;
   line-height: 20px;
   color: #6c757d;
+  cursor: default;
 }
 .bootstrap-datetimepicker-widget table td.day {
   height: 20px;
@@ -10454,7 +10497,8 @@ h3 {
   width: 54px;
   height: 54px;
   line-height: 54px;
-  margin: 2px 1.5px;
+  margin-top: 2px;
+  margin-bottom: 2px;
   cursor: pointer;
   border-radius: 0.25rem;
 }
@@ -10478,6 +10522,28 @@ h3 {
   height: 27px;
   line-height: 27px;
 }
+.bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn {
+  color: #007bff;
+  color: var(--blue, #007bff);
+}
+.bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn:hover {
+  color: #0056b3;
+}
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.day, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.hour, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.minute, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.second,
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementHours], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementMinutes], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementSeconds],
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementHours], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementMinutes], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementSeconds],
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showHours], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showMinutes], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showSeconds],
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=togglePeriod] {
+  pointer-events: none;
+  cursor: default;
+}
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.day:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.hour:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.minute:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.second:hover,
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementHours]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementMinutes]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementSeconds]:hover,
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementHours]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementMinutes]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementSeconds]:hover,
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showHours]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showMinutes]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showSeconds]:hover,
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=togglePeriod]:hover {
+  background: none;
+}
 
 .input-group [data-toggle=datetimepicker] {
   cursor: pointer;

static/babybuddy/css/app.css

@@ -10233,6 +10233,29 @@ h3 {
     border-color: #343a40;
   }
 }
+body.tempusdominus-bootstrap-datetimepicker-widget-day-click,
+body.tempusdominus-bootstrap-datetimepicker-widget-day-click * {
+  cursor: pointer !important;
+}
+
+body.tempusdominus-bootstrap-datetimepicker-widget-day-click {
+  position: relative !important;
+}
+
+.tempusdominus-bootstrap-datetimepicker-widget-day-click-glass-panel {
+  position: absolute;
+  z-index: 999999999999;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  cursor: pointer !important;
+}
+
+.bootstrap-datetimepicker-widget .datepicker-days tbody td {
+  cursor: pointer;
+}
+
 .bootstrap-datetimepicker-widget {
   list-style: none;
 }
@@ -10242,6 +10265,15 @@ h3 {
   padding: 4px;
   width: 14rem;
 }
+.bootstrap-datetimepicker-widget.dropdown-menu.tempusdominus-bootstrap-datetimepicker-widget-with-feather-icons {
+  width: 16rem;
+}
+.bootstrap-datetimepicker-widget.dropdown-menu.tempusdominus-bootstrap-datetimepicker-widget-with-calendar-weeks {
+  width: 16rem;
+}
+.bootstrap-datetimepicker-widget.dropdown-menu.tempusdominus-bootstrap-datetimepicker-widget-with-calendar-weeks.tempusdominus-bootstrap-datetimepicker-widget-with-feather-icons {
+  width: 17rem;
+}
 @media (min-width: 576px) {
   .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
     width: 38em;
@@ -10321,6 +10353,12 @@ h3 {
 .bootstrap-datetimepicker-widget button[data-action] {
   padding: 6px;
 }
+.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod] {
+  text-align: center;
+  font-family: Arial, sans-serif, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  width: 38px;
+  height: 38px;
+}
 .bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
   content: "Increment Hours";
 }
@@ -10366,6 +10404,10 @@ h3 {
   height: 2.5em;
   width: 100%;
 }
+.bootstrap-datetimepicker-widget .picker-switch.picker-switch-with-feathers-icons td span {
+  line-height: 2.8;
+  height: 2.8em;
+}
 .bootstrap-datetimepicker-widget table {
   width: 100%;
   margin: 0;
@@ -10409,6 +10451,7 @@ h3 {
   height: 20px;
   line-height: 20px;
   color: #6c757d;
+  cursor: default;
 }
 .bootstrap-datetimepicker-widget table td.day {
   height: 20px;
@@ -10454,7 +10497,8 @@ h3 {
   width: 54px;
   height: 54px;
   line-height: 54px;
-  margin: 2px 1.5px;
+  margin-top: 2px;
+  margin-bottom: 2px;
   cursor: pointer;
   border-radius: 0.25rem;
 }
@@ -10478,6 +10522,28 @@ h3 {
   height: 27px;
   line-height: 27px;
 }
+.bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn {
+  color: #007bff;
+  color: var(--blue, #007bff);
+}
+.bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn:hover {
+  color: #0056b3;
+}
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.day, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.hour, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.minute, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.second,
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementHours], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementMinutes], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementSeconds],
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementHours], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementMinutes], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementSeconds],
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showHours], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showMinutes], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showSeconds],
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=togglePeriod] {
+  pointer-events: none;
+  cursor: default;
+}
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.day:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.hour:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.minute:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.second:hover,
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementHours]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementMinutes]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementSeconds]:hover,
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementHours]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementMinutes]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementSeconds]:hover,
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showHours]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showMinutes]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showSeconds]:hover,
+.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=togglePeriod]:hover {
+  background: none;
+}
 
 .input-group [data-toggle=datetimepicker] {
   cursor: pointer;