@event-calendar/resource-time-grid - npm Package Compare versions

Comparing version 0.3.3 to 0.4.0

index.js

@@ -45,3 +45,3 @@ import { SvelteComponent, init, safe_not_equal, create_component, space, mount_component, insert, transition_in, transition_out, destroy_component, detach, component_subscribe, element, text, attr, append, set_data, destroy_each, empty, group_outros, check_outros } from 'svelte/internal';
 
-/* packages/resource-time-grid/src/View.svelte generated by Svelte v3.42.3 */
+/* packages/resource-time-grid/src/View.svelte generated by Svelte v3.42.4 */
 
@@ -48,0 +48,0 @@ function get_each_context(ctx, list, i) {

package.json

 {
   "name": "@event-calendar/resource-time-grid",
-  "version": "0.3.3",
+  "version": "0.4.0",
   "title": "Event Calendar ResourceTimeGrid plugin",
@@ -20,5 +20,5 @@ "description": "Full-sized drag & drop event calendar with resource view",
   "dependencies": {
-    "@event-calendar/time-grid": "~0.3.3",
-    "svelte": "^3.42.3"
+    "@event-calendar/time-grid": "~0.4.0",
+    "svelte": "^3.42.4"
   }
 }

README.md

@@ -26,2 +26,3 @@ # Event Calendar [![](https://data.jsdelivr.com/v1/package/npm/@event-calendar/build/badge)](https://www.jsdelivr.com/package/npm/@event-calendar/build)
   - [datesAboveResources](#datesaboveresources)
+  - [datesSet](#datesset)
   - [dayHeaderFormat](#dayheaderformat)
@@ -39,5 +40,5 @@ - [displayEventEnd](#displayeventend)
   - [eventDragMinDistance](#eventdragmindistance)
-  - [eventDragStart](#eventdragstart)
   </td><td>
 
+  - [eventDragStart](#eventdragstart)
   - [eventDragStop](#eventdragstop)
@@ -59,5 +60,5 @@ - [eventDrop](#eventdrop)
   - [listDayFormat](#listdayformat)
-  - [listDaySideFormat](#listdaysideformat)
   </td><td>
 
+  - [listDaySideFormat](#listdaysideformat)
   - [loading](#loading)
@@ -129,12 +130,12 @@ - [locale](#locale)
 <script>
-  import Calendar from '@event-calendar/core';
-  import TimeGrid from '@event-calendar/time-grid';
+    import Calendar from '@event-calendar/core';
+    import TimeGrid from '@event-calendar/time-grid';
 
-  let plugins = [TimeGrid];
-  let options = {
-    view: 'timeGridWeek',
-    events: [
-      // your list of events
-    ]
-  };
+    let plugins = [TimeGrid];
+    let options = {
+        view: 'timeGridWeek',
+        events: [
+            // your list of events
+        ]
+    };
 </script>
@@ -150,12 +151,12 @@
 let ec = new Calendar({
-  target: document.getElementById('ec'),
-  props: {
-    plugins: [TimeGrid],
-    options: {
-      view: 'timeGridWeek',
-      events: [
-        // your list of events
-      ]
+    target: document.getElementById('ec'),
+    props: {
+        plugins: [TimeGrid],
+        options: {
+            view: 'timeGridWeek',
+            events: [
+                // your list of events
+            ]
+        }
     }
-  }
 });
@@ -175,6 +176,6 @@ ```
 let ec = new EventCalendar(document.getElementById('ec'), {
-  view: 'timeGridWeek',
-  events: [
-    // your list of events
-  ]
+    view: 'timeGridWeek',
+    events: [
+        // your list of events
+    ]
 });
@@ -191,13 +192,13 @@ ```
 <script>
-  import Calendar from '@event-calendar/core';
-  import TimeGrid from '@event-calendar/time-grid';
+    import Calendar from '@event-calendar/core';
+    import TimeGrid from '@event-calendar/time-grid';
 
-  let plugins = [TimeGrid];
-  let options = {
-    view: 'timeGridWeek'
-  };
+    let plugins = [TimeGrid];
+    let options = {
+        view: 'timeGridWeek'
+    };
 
-  function updateOptions() {
-    options.slotDuration = '01:00';
-  }
+    function updateOptions() {
+        options.slotDuration = '01:00';
+    }
 </script>
@@ -246,2 +247,16 @@
 
+`dateStr`
+</td>
+<td>ISO8601 string representation of the date</td>
+</tr>
+<tr>
+<td>
+
+`dayEl`
+</td>
+<td>HTML element that represents the whole-day that was clicked on</td>
+</tr>
+<tr>
+<td>
+
 `jsEvent`
@@ -279,2 +294,53 @@ </td>
 
+### datesSet
+- Type `function`
+- Default `undefined`
+
+Callback function that is triggered when the date range of the calendar was originally set or changed by clicking the previous/next buttons, changing the view, manipulating the current date via the API, etc.
+
+```js
+function (info) {}
+```
+`info` is an object with the following properties:
+<table>
+<tr>
+<td>
+
+`start`
+</td>
+<td>JavaScript Date object for the beginning of the range the calendar needs events for</td>
+</tr>
+<tr>
+<td>
+
+`end`
+</td>
+<td>JavaScript Date object for the end of the range the calendar needs events for. Note: This value is exclusive</td>
+</tr>
+<tr>
+<td>
+
+`startStr`
+</td>
+<td>ISO8601 string representation of the start date</td>
+</tr>
+<tr>
+<td>
+
+`endStr`
+</td>
+<td>ISO8601 string representation of the end date</td>
+</tr>
+<tr>
+<td>
+
+`view`
+</td>
+<td>
+
+The current [View](#view-object) object
+</td>
+</tr>
+</table>
+
 ### dayHeaderFormat
@@ -293,3 +359,3 @@ - Type `object` or `function`
 function (date) {
-  // return formatted date string
+    // return formatted date string
 }
@@ -426,3 +492,3 @@ ```
 function (eventInfo) {
-  // return string or object
+    // return string or object
 }
@@ -856,2 +922,16 @@ ```
 </tr>
+<tr>
+<td>
+
+`startStr`
+</td>
+<td>ISO8601 string representation of the start date</td>
+</tr>
+<tr>
+<td>
+
+`endStr`
+</td>
+<td>ISO8601 string representation of the end date</td>
+</tr>
 </table>
@@ -884,3 +964,3 @@
 function (time) {
-  // return formatted time string
+    // return formatted time string
 }
@@ -1282,18 +1362,18 @@ ```
 <script>
-  import Calendar from '@event-calendar/core';
-  import TimeGrid from '@event-calendar/time-grid';
+    import Calendar from '@event-calendar/core';
+    import TimeGrid from '@event-calendar/time-grid';
 
-  let ec;
-  let plugins = [TimeGrid];
-  let options = {
-    view: 'timeGridWeek',
-    eventSources: [{events: function() {
-        console.log('fetching...');
-        return [];
-      }}]
-  };
+    let ec;
+    let plugins = [TimeGrid];
+    let options = {
+        view: 'timeGridWeek',
+        eventSources: [{events: function() {
+            console.log('fetching...');
+            return [];
+        }}]
+    };
 
-  function invokeMethod() {
-    ec.refetchEvents();
-  }
+    function invokeMethod() {
+        ec.refetchEvents();
+    }
 </script>
@@ -1300,0 +1380,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

57212

increased by2.57%

Number of lines in readme file

1768

increased by4.74%

Dependency changes

• + Added@event-calendar/common@0.4.0(transitive)

• + Added@event-calendar/time-grid@0.4.0(transitive)

• - Removed@event-calendar/common@0.3.3(transitive)

• - Removed@event-calendar/time-grid@0.3.3(transitive)

• Updated@event-calendar/time-grid@~0.4.0

• Updatedsvelte@^3.42.4