react-timelane 1.2.3 → 1.2.5

package/README.md

@@ -40,7 +40,7 @@ import type Allocation from "../models/Allocation";
 import type Resource from "../models/Resource";
 import AllocationComponent from "./AllocationComponent";
 
-import { Timelane as TL } from "react-timelane";
+import { Timelane } from "react-timelane";
 
 interface MyTimelaneProps {
   resources: Resource[];
@@ -86,8 +86,8 @@ function MyTimelane({
   }
 
   return (
-    <TL.Container>
-      <TL.Header
+    <Timelane>
+      <Timelane.Header
         onDayClick={({ day }) => {
           console.log("day clicked", day);
         }}
@@ -98,16 +98,17 @@ function MyTimelane({
           console.log("week clicked", firstDay);
         }}
       />
-      <TL.Body
+      <Timelane.Body
         onSelect={(selection) => {
           setSelection(selection);
         }}
       >
-        {lanes.map((lane) => (
-          <TL.Lane
-            key={lane.id}
-            lane={lane}
-            items={items.filter((item) => item.laneId === lane.id)}
+        {lanes.map(({id, capacity}) => (
+          <Timelane.Lane
+            key={id}
+            id={id}
+            capacity={capacity}
+            items={items.filter((item) => item.laneId === id)}
             onItemUpdate={handleItemUpdate}
             renderItem={(item, isDragged) => (
               <AllocationComponent
@@ -118,14 +119,14 @@ function MyTimelane({
             )}
           />
         ))}
-      </TL.Body>
-      <TL.Background />
-      <TL.Aside
+      </Timelane.Body>
+      <Timelane.Background />
+      <Timelane.Aside
         lanes={lanes}
         renderLaneHeader={(lane) => <div>{lane.id}</div>}
       />
-      <TL.Layout.Corner />
-    </TL.Container>
+      <Timelane.Layout.Corner />
+    </Timelane.Container>
   );
 }
 ```

package/dist/_virtual/index2.js

@@ -1,5 +1,4 @@
-import { __require as r } from "../node_modules/react-dom/index.js";
-var o = r();
+var r = {};
 export {
-  o as r
+  r as __exports
 };

package/dist/_virtual/index3.js

@@ -1,4 +1,5 @@
-var r = {};
+import { __require as r } from "../node_modules/react-dom/index.js";
+var o = r();
 export {
-  r as __exports
+  o as r
 };

package/dist/components/TimelaneAside/TimelaneAside.d.ts

@@ -1,7 +1,7 @@
 import { MouseEvent, ReactElement } from 'react';
 import { Lane } from '../../types';
-export interface TimelaneAsideProps {
-    lanes: Lane[];
+export interface TimelaneAsideProps<T = unknown> {
+    lanes: Lane<T>[];
     /**
      * the width in px
      */
@@ -10,15 +10,15 @@ export interface TimelaneAsideProps {
     /**
      * deprecated
      */
-    focusedLane?: Lane | null;
+    focusedLane?: Lane<T> | null;
     /**
      * deprecated
      */
-    setFocusedLane?: (lane: Lane | null) => void;
-    onLaneHeaderClick?: (lane: Lane, e: MouseEvent) => void;
-    onLaneHeaderDoubleClick?: (lane: Lane, e: MouseEvent) => void;
-    onLaneHeaderContextMenu?: (lane: Lane, e: MouseEvent) => void;
-    renderLaneHeader?: (lane: Lane) => ReactElement;
+    setFocusedLane?: (lane: Lane<T> | null) => void;
+    onLaneHeaderClick?: (lane: Lane<T>, e: MouseEvent) => void;
+    onLaneHeaderDoubleClick?: (lane: Lane<T>, e: MouseEvent) => void;
+    onLaneHeaderContextMenu?: (lane: Lane<T>, e: MouseEvent) => void;
+    renderLaneHeader?: (lane: Lane<T>) => ReactElement;
 }
 /**
  * `<TimelaneAside>` renders lane headers. The lane header height is determined
@@ -27,4 +27,4 @@ export interface TimelaneAsideProps {
  *
  * It must be a child component of `<Timelane>`.
  */
-export declare function TimelaneAside({ lanes, width, side, focusedLane, setFocusedLane, onLaneHeaderClick, onLaneHeaderDoubleClick, onLaneHeaderContextMenu, renderLaneHeader, }: TimelaneAsideProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimelaneAside<T = unknown>({ lanes, width, side, focusedLane, setFocusedLane, onLaneHeaderClick, onLaneHeaderDoubleClick, onLaneHeaderContextMenu, renderLaneHeader, }: TimelaneAsideProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/TimelaneItem/TimelaneItem.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { Item, Position, Lane, TimelaneSettings } from '../../types';
-interface TimelaneItemProps<T> {
+interface TimelaneItemProps<T = unknown> {
     item: Item<T>;
     lane: Lane;
     settings: TimelaneSettings;

package/dist/components/TimelaneLane/AvailableSpaceIndicator.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { Item, Pixels, Lane, TimeRange } from '../../types';
-interface AvailableSpaceIndicatorProps<T> {
+interface AvailableSpaceIndicatorProps<T = unknown> {
     pixels: Pixels;
     range: TimeRange;
     lane: Lane;

package/dist/components/TimelaneLane/TimelaneLane.d.ts

@@ -1,6 +1,6 @@
 import { MouseEvent, ReactElement } from 'react';
 import { AvailableSpace, Item, LaneId } from '../../types';
-export interface TimelaneLaneProps<T> {
+export interface TimelaneLaneProps<T = unknown> {
     id: LaneId;
     capacity?: number;
     items?: Item<T>[];
@@ -11,7 +11,7 @@ export interface TimelaneLaneProps<T> {
     onDoubleClick?: (when: Date, availableSpace: AvailableSpace | null, e: MouseEvent) => void;
     onContextMenu?: (when: Date, e: MouseEvent) => void;
     renderItem?: (item: Item<T>, isDragged: boolean) => ReactElement;
-    onResizeStart?: (data: T) => void;
+    onResizeStart?: (data?: T) => void;
 }
 /**
  * `<TimelaneLane>` (or `<Timelane.Lane>`) is a container for items. It takes care of

package/dist/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/adapter/element-adapter.js

@@ -11,10 +11,10 @@ import { getInput as S } from "../util/get-input.js";
 import { textMediaType as h } from "../util/media-types/text-media-type.js";
 import { URLMediaType as V } from "../util/media-types/url-media-type.js";
 import { elementAdapterNativeDataKey as K } from "./element-adapter-native-data-key.js";
-var i = /* @__PURE__ */ new WeakMap();
+var l = /* @__PURE__ */ new WeakMap();
 function L(t) {
-  return i.set(t.element, t), function() {
-    i.delete(t.element);
+  return l.set(t.element, t), function() {
+    l.delete(t.element);
   };
 }
 var b = w(), v = A({
@@ -24,7 +24,7 @@ var b = w(), v = A({
     return H(b.bindEvents(), k.bind(document, {
       type: "dragstart",
       listener: function(e) {
-        var l, o, d, u, m, s;
+        var i, o, d, m, s, u;
         if (r.canStart(e) && !e.defaultPrevented) {
           if (!e.dataTransfer) {
             process.env.NODE_ENV !== "production" && console.warn(`
@@ -39,53 +39,57 @@ var b = w(), v = A({
             return;
           }
           var y = e.target;
-          if (!(y instanceof HTMLElement))
-            return null;
-          var a = i.get(y);
-          if (!a)
-            return null;
-          var g = S(e), p = {
-            element: a.element,
-            dragHandle: (l = a.dragHandle) !== null && l !== void 0 ? l : null,
-            input: g
-          };
-          if (a.canDrag && !a.canDrag(p))
-            return e.preventDefault(), null;
-          if (a.dragHandle) {
-            var I = _({
-              x: g.clientX,
-              y: g.clientY
-            });
-            if (!a.dragHandle.contains(I))
-              return e.preventDefault(), null;
-          }
-          var D = (o = (d = a.getInitialDataForExternal) === null || d === void 0 ? void 0 : d.call(a, p)) !== null && o !== void 0 ? o : null;
-          if (D)
-            for (var c = 0, E = Object.entries(D); c < E.length; c++) {
-              var T = P(E[c], 2), N = T[0], f = T[1];
-              e.dataTransfer.setData(N, f ?? "");
+          if (y instanceof HTMLElement) {
+            var a = l.get(y);
+            if (a) {
+              var g = S(e), p = {
+                element: a.element,
+                dragHandle: (i = a.dragHandle) !== null && i !== void 0 ? i : null,
+                input: g
+              };
+              if (a.canDrag && !a.canDrag(p)) {
+                e.preventDefault();
+                return;
+              }
+              if (a.dragHandle) {
+                var I = _({
+                  x: g.clientX,
+                  y: g.clientY
+                });
+                if (!a.dragHandle.contains(I)) {
+                  e.preventDefault();
+                  return;
+                }
+              }
+              var D = (o = (d = a.getInitialDataForExternal) === null || d === void 0 ? void 0 : d.call(a, p)) !== null && o !== void 0 ? o : null;
+              if (D)
+                for (var c = 0, E = Object.entries(D); c < E.length; c++) {
+                  var T = P(E[c], 2), N = T[0], f = T[1];
+                  e.dataTransfer.setData(N, f ?? "");
+                }
+              M() && !e.dataTransfer.types.includes(h) && !e.dataTransfer.types.includes(V) && e.dataTransfer.setData(h, O), e.dataTransfer.setData(K, "");
+              var x = {
+                element: a.element,
+                dragHandle: (m = a.dragHandle) !== null && m !== void 0 ? m : null,
+                data: (s = (u = a.getInitialData) === null || u === void 0 ? void 0 : u.call(a, p)) !== null && s !== void 0 ? s : {}
+              }, F = {
+                type: "element",
+                payload: x,
+                startedFrom: "internal"
+              };
+              r.start({
+                event: e,
+                dragType: F
+              });
             }
-          M() && !e.dataTransfer.types.includes(h) && !e.dataTransfer.types.includes(V) && e.dataTransfer.setData(h, O), e.dataTransfer.setData(K, "");
-          var x = {
-            element: a.element,
-            dragHandle: (u = a.dragHandle) !== null && u !== void 0 ? u : null,
-            data: (m = (s = a.getInitialData) === null || s === void 0 ? void 0 : s.call(a, p)) !== null && m !== void 0 ? m : {}
-          }, F = {
-            type: "element",
-            payload: x,
-            startedFrom: "internal"
-          };
-          r.start({
-            event: e,
-            dragType: F
-          });
+          }
         }
       }
     }));
   },
   dispatchEventToSource: function(r) {
-    var n, e, l = r.eventName, o = r.payload;
-    (n = i.get(o.source.element)) === null || n === void 0 || (e = n[l]) === null || e === void 0 || e.call(
+    var n, e, i = r.eventName, o = r.payload;
+    (n = l.get(o.source.element)) === null || n === void 0 || (e = n[i]) === null || e === void 0 || e.call(
       n,
       // I cannot seem to get the types right here.
       // TS doesn't seem to like that one event can need `nativeSetDragImage`
@@ -100,7 +104,7 @@ function ae(t) {
     element: t.element,
     dragHandle: t.dragHandle
   }), process.env.NODE_ENV !== "production") {
-    var r = i.get(t.element);
+    var r = l.get(t.element);
     r && console.warn("You have already registered a `draggable` on the same element", {
       existing: r,
       proposed: t

package/dist/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledger/dispatch-consumer-event.js

@@ -1,7 +1,7 @@
 import p from "../../../../../raf-schd/dist/raf-schd.esm.js";
 var s = p(function(a) {
   return a();
-}), d = /* @__PURE__ */ function() {
+}), d = /* @__PURE__ */ (function() {
   var a = null;
   function n(l) {
     var o = requestAnimationFrame(function() {
@@ -19,7 +19,7 @@ var s = p(function(a) {
     schedule: n,
     flush: t
   };
-}();
+})();
 function g(a) {
   var n = a.source, t = a.initial, l = a.dispatchEvent, o = {
     dropTargets: []

package/dist/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/detect-broken-drag.js

@@ -21,7 +21,7 @@ function o(e) {
     // The most I've seen is 3
     {
       type: "pointermove",
-      listener: /* @__PURE__ */ function() {
+      listener: /* @__PURE__ */ (function() {
         var r = 0;
         return function() {
           if (r < 20) {
@@ -30,7 +30,7 @@ function o(e) {
           }
           n();
         };
-      }()
+      })()
     },
     // ### Second detection: "pointerdown" events
     // If we receive this event then we know that a drag operation has finished

package/dist/node_modules/bind-event-listener/dist/index.js

@@ -1,9 +1,9 @@
-import { __exports as r } from "../../../_virtual/index3.js";
+import { __exports as r } from "../../../_virtual/index2.js";
 import { __require as u } from "./bind.js";
 import { __require as d } from "./bind-all.js";
 var i;
 function _() {
-  return i ? r : (i = 1, function(e) {
+  return i ? r : (i = 1, (function(e) {
     Object.defineProperty(e, "__esModule", { value: !0 }), e.bindAll = e.bind = void 0;
     var n = /* @__PURE__ */ u();
     Object.defineProperty(e, "bind", { enumerable: !0, get: function() {
@@ -13,7 +13,7 @@ function _() {
     Object.defineProperty(e, "bindAll", { enumerable: !0, get: function() {
       return t.bindAll;
     } });
-  }(r), r);
+  })(r), r);
 }
 export {
   _ as __require

package/dist/node_modules/re-resizable/lib/index.js

@@ -1,8 +1,8 @@
 import { jsx as A, jsxs as V } from "react/jsx-runtime";
 import { PureComponent as Z } from "react";
-import { r as q } from "../../../_virtual/index2.js";
+import { r as q } from "../../../_virtual/index3.js";
 import { Resizer as J } from "./resizer.js";
-var K = /* @__PURE__ */ function() {
+var K = /* @__PURE__ */ (function() {
   var r = function(o, t) {
     return r = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, i) {
       e.__proto__ = i;
@@ -19,7 +19,7 @@ var K = /* @__PURE__ */ function() {
     }
     o.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
   };
-}(), z = function() {
+})(), z = function() {
   return z = Object.assign || function(r) {
     for (var o, t = 1, e = arguments.length; t < e; t++) {
       o = arguments[t];
@@ -110,7 +110,7 @@ var K = /* @__PURE__ */ function() {
   "snapGap"
 ], F = "__resizable_base__", ht = (
   /** @class */
-  function(r) {
+  (function(r) {
     K(o, r);
     function o(t) {
       var e, i, n, a, s = r.call(this, t) || this;
@@ -417,7 +417,7 @@ var K = /* @__PURE__ */ function() {
       resizeRatio: 1,
       snapGap: 0
     }, o;
-  }(Z)
+  })(Z)
 );
 export {
   ht as Resizable

package/dist/node_modules/react-dom/cjs/react-dom.development.js

@@ -11,7 +11,7 @@ import _ from "react";
  */
 var p;
 function S() {
-  return p ? n : (p = 1, process.env.NODE_ENV !== "production" && function() {
+  return p ? n : (p = 1, process.env.NODE_ENV !== "production" && (function() {
     function s() {
     }
     function g(t) {
@@ -219,8 +219,8 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
       return y().useFormState(t, e, r);
     }, n.useFormStatus = function() {
       return y().useHostTransitionStatus();
-    }, n.version = "19.1.0", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  }(), n);
+    }, n.version = "19.2.3", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })(), n);
 }
 export {
   S as __require

package/dist/node_modules/react-dom/cjs/react-dom.production.js

@@ -140,7 +140,7 @@ function O() {
     return c.H.useFormState(e, r, t);
   }, i.useFormStatus = function() {
     return c.H.useHostTransitionStatus();
-  }, i.version = "19.1.0", i;
+  }, i.version = "19.2.3", i;
 }
 export {
   O as __require

package/dist/types/Item.d.ts

@@ -1,6 +1,6 @@
 import { ItemId } from './ItemId';
 import { LaneId } from './LaneId';
-export type Item<T = void> = {
+export type Item<T = unknown> = {
     id: ItemId;
     laneId: LaneId;
     start: Date;

package/dist/types/Lane.d.ts

@@ -1,5 +1,6 @@
 import { LaneId } from './LaneId';
-export interface Lane {
+export interface Lane<T = unknown> {
     id: LaneId;
     capacity: number;
+    payload?: T;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-timelane",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "type": "module",
   "scripts": {
     "dev": "vite",