react-timelane 0.0.1 → 0.0.3

package/dist/types/Item.d.ts

@@ -0,0 +1,12 @@
+import { ItemId } from './ItemId';
+import { LaneId } from './LaneId';
+export type Item<T = void> = {
+    id: ItemId;
+    swimlaneId: LaneId;
+    start: Date;
+    end: Date;
+    size: number;
+    offset: number;
+    payload: T;
+};
+export declare function isItem(a: object): a is Item;

package/dist/types/Lane.d.ts

@@ -0,0 +1,5 @@
+import { LaneId } from './LaneId';
+export interface Lane {
+    id: LaneId;
+    capacity: number;
+}

package/dist/types/LaneId.d.ts

@@ -0,0 +1 @@
+export type LaneId = number;

package/dist/types/{TimelineSettings.d.ts → TimelaneSettings.d.ts}

@@ -1,4 +1,4 @@
-export interface TimelineSettings {
+export interface TimelaneSettings {
     start: Date;
     end: Date;
     pixelsPerDay: number;

package/dist/types/index.d.ts

@@ -5,11 +5,11 @@ export { type Position } from './Position';
 export { type Grid } from './Grid';
 export { type ItemId } from './ItemId';
 export { type AvailableSpace } from './AvailableSpace';
-export { type CoreItem, isCoreItem } from './CoreItem';
+export { type Item, isItem } from './Item';
 export { type Dimensions } from './Dimensions';
 export { type GrabInfo } from './GrabInfo';
-export { type SwimlaneId } from './SwimlaneId';
-export { type SwimlaneT } from './SwimlaneT';
+export { type LaneId } from './LaneId';
+export { type Lane } from './Lane';
 export { type DateBounds } from './DateBounds';
 export { type OffsetBounds } from './OffsetBounds';
-export { type TimelineSettings } from './TimelineSettings';
+export { type TimelaneSettings } from './TimelaneSettings';

package/package.json

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

package/vite.config.ts

@@ -24,7 +24,7 @@ export default defineConfig({
   //   preprocessorOptions: {
   //     scss: {
   //       additionalData: `
-  //         @import "TimelineV3/layout/layout.scss";
+  //         @import "TimelaneV3/layout/layout.scss";
   //       `,
   //     },
   //   },

package/dist/components/TimelineAside.d.ts

@@ -1,13 +0,0 @@
-import { MouseEvent, ReactElement } from 'react';
-import { SwimlaneT } from '../types';
-interface TimelineAsideProps {
-    swimlanes: SwimlaneT[];
-    focusedSwimlane?: SwimlaneT | null;
-    setFocusedSwimlane?: (lane: SwimlaneT | null) => void;
-    onSwimlaneHeaderClick?: (lane: SwimlaneT, e: MouseEvent) => void;
-    onSwimlaneHeaderDoubleClick?: (lane: SwimlaneT, e: MouseEvent) => void;
-    onSwimlaneHeaderContextMenu?: (lane: SwimlaneT, e: MouseEvent) => void;
-    renderSwimlaneHeader?: (lane: SwimlaneT) => ReactElement;
-}
-export default function TimelineAside({ swimlanes, focusedSwimlane, setFocusedSwimlane, onSwimlaneHeaderClick, onSwimlaneHeaderDoubleClick, onSwimlaneHeaderContextMenu, renderSwimlaneHeader, }: TimelineAsideProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/TimelineBackground.d.ts

@@ -1,5 +0,0 @@
-interface TimelineBackgroundProps {
-    focusedDay?: Date | null;
-}
-export default function TimelineBackground({ focusedDay, }: TimelineBackgroundProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/TimelineBody.d.ts

@@ -1,13 +0,0 @@
-import { MouseEvent, ReactElement } from 'react';
-import { AvailableSpace, CoreItem, SwimlaneT } from '../types';
-interface TimelineBodyProps<T> {
-    lanes: SwimlaneT[];
-    items: CoreItem<T>[];
-    renderItem?: (item: CoreItem<T>, isDragged: boolean) => ReactElement;
-    onItemUpdate?: (item: CoreItem<T>) => void;
-    onLaneClick?: (lane: SwimlaneT, when: Date, availableSpace: AvailableSpace | null, e: MouseEvent) => void;
-    onLaneDoubleClick?: (lane: SwimlaneT, when: Date, availableSpace: AvailableSpace | null, e: MouseEvent) => void;
-    onLaneContextMenu?: (lane: SwimlaneT, when: Date, e: MouseEvent) => void;
-}
-export declare function TimelineBody<T>({ lanes, items, renderItem, onItemUpdate, onLaneClick, onLaneDoubleClick, onLaneContextMenu, }: TimelineBodyProps<T>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/TimelineSelectionLayer.d.ts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from 'react';
-interface TimelineSelectionLayerProps {
-    onSelect: (selection: number[]) => void;
-}
-export declare function TimelineSelectionLayer({ children, onSelect, }: PropsWithChildren<TimelineSelectionLayerProps>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/TimelineSettingsContext.d.ts

@@ -1,7 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-import { TimelineSettings } from '../types/TimelineSettings';
-export interface TimelineContextOuter {
-    settings: TimelineSettings;
-    setSettings: Dispatch<SetStateAction<TimelineSettings>>;
-}
-export declare const TimelineSettingsContext: import('react').Context<TimelineContextOuter>;

package/dist/components/TimelineSettingsProvider.d.ts

@@ -1,7 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { TimelineSettings } from '../types/TimelineSettings';
-interface TimelineSettingsProviderProps {
-    settings: TimelineSettings;
-}
-export declare const TimelineSettingsProvider: ({ settings: _settings, children, }: PropsWithChildren<TimelineSettingsProviderProps>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/core/CoreItem/CoreItemComponent.d.ts

@@ -1,14 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { CoreItem, Position, SwimlaneT, TimelineSettings } from '../../../types';
-interface CoreItemComponentProps<T> {
-    item: CoreItem<T>;
-    swimlane: SwimlaneT;
-    settings: TimelineSettings;
-    onDragStart: (grabPosition: Position, relativeGrabPosition: Position) => void;
-    onDrop: () => void;
-    onDrag: () => void;
-    onUpdate: (updatedItem: CoreItem<T>) => void;
-    onResizeStart: () => void;
-}
-export default function CoreItemComponent<T>({ swimlane, item, settings, children, onDragStart, onDrag, onDrop, onUpdate, onResizeStart, }: PropsWithChildren<CoreItemComponentProps<T>>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/core/CoreSwimlane/utils.d.ts

@@ -1,13 +0,0 @@
-import { AvailableSpace, CoreItem, Dimensions, GrabInfo, Grid, Pixels, Position, Rectangle, SwimlaneT, TimeRange } from '../../../types';
-export declare function getDropPreviewRectangle<S, T>(swimlane: SwimlaneT, items: CoreItem<T>[], item: CoreItem<S>, mousePosition: Position | null, grabInfo: GrabInfo, pixels: Pixels, grid: Grid, range: TimeRange, allowOverlaps: boolean): Rectangle | null;
-/**
- * Returns true if two rectangles (l1, r1) and (l2, r2) overlap
- * @param el1
- * @param el2
- * @returns
- */
-export declare function doOverlap(el1: Rectangle, el2: Rectangle): boolean;
-export declare function getOverlap(rect1: Rectangle, rect2: Rectangle): Rectangle | null;
-export declare function itemsDoOverlap<T>(a: CoreItem<T>, b: CoreItem<T>): boolean;
-export declare function isWithinTargetDimensions(item: Rectangle, targetDimensions: Dimensions): boolean;
-export declare function getAvailableSpace<T>(clickedDate: Date, clickedOffset: number, swimlane: SwimlaneT, items: CoreItem<T>[], range: TimeRange): AvailableSpace | null;

package/dist/components/core/utils.d.ts

@@ -1,15 +0,0 @@
-import { DragLocationHistory, ElementDragPayload } from '@atlaskit/pragmatic-drag-and-drop/dist/types/internal-types';
-import { CoreItem, Dimensions, Pixels, Position, Rectangle, SwimlaneT, TimeRange } from '../../types';
-export declare function getDropTargetDimensions(swimlane: SwimlaneT, pixels: Pixels, range: TimeRange): Dimensions;
-export declare function getDropTargetHeight(swimlane: SwimlaneT, pixels: Pixels): number;
-export declare function getDropTargetWidth(swimlane: SwimlaneT, pixels: Pixels, range: TimeRange): number;
-export declare function getItemRectangle<T>(item: CoreItem<T>, swimlane: SwimlaneT, range: TimeRange, pixels: Pixels): Rectangle;
-export declare function getItemDimensions<T>(item: CoreItem<T>, swimlane: SwimlaneT, pixels: Pixels): Dimensions;
-export declare function dateToPixel(date: Date, start: Date, pixels: Pixels): number;
-export declare function offsetToPixel(offset: number, capacity: number, pixels: Pixels): number;
-export declare function getItemPosition<T>(item: CoreItem<T>, swimlane: SwimlaneT, start: Date, pixels: Pixels): Position;
-export declare function getGrabPosition(source: ElementDragPayload, location: DragLocationHistory): {
-    absolute: Position;
-    relative: Position;
-};
-export declare function getUpdatedItem<T>(oldItem: CoreItem<T>, swimlane: SwimlaneT, dropPreviewRect: Rectangle, pixels: Pixels, range: TimeRange): CoreItem<T>;

package/dist/components/layout/TimelineLayout.d.ts

@@ -1,23 +0,0 @@
-import { PropsWithChildren } from 'react';
-declare function TimelineLayout({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
-declare namespace TimelineLayout {
-    var Header: typeof TimelineLayoutHeader;
-    var Body: typeof TimelineLayoutBody;
-    var Background: typeof TimelineLayoutBackground;
-    var Footer: typeof TimelineLayoutFooter;
-    var Aside: typeof TimelineLayoutAside;
-    var Corner: typeof TimelineLayoutCorner;
-}
-declare function TimelineLayoutHeader({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
-declare function TimelineLayoutBackground({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
-declare function TimelineLayoutBody({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
-declare function TimelineLayoutFooter({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
-interface TimelineLayoutAsideProps {
-    side?: "left" | "right";
-}
-declare function TimelineLayoutAside({ side, children, }: PropsWithChildren<TimelineLayoutAsideProps>): import("react/jsx-runtime").JSX.Element;
-interface TimelineLayoutCornerProps {
-    corner?: "top left" | "top right" | "bottom left" | "bottom right";
-}
-declare function TimelineLayoutCorner({ corner, children, }: PropsWithChildren<TimelineLayoutCornerProps>): import("react/jsx-runtime").JSX.Element;
-export default TimelineLayout;

package/dist/hooks/useTimelineContext.d.ts

@@ -1 +0,0 @@
-export declare const useTimelineContext: () => import('../components/TimelineSettingsContext').TimelineContextOuter;

package/dist/types/CoreItem.d.ts

@@ -1,12 +0,0 @@
-import { ItemId } from './ItemId';
-import { SwimlaneId } from './SwimlaneId';
-export type CoreItem<T = void> = {
-    id: ItemId;
-    swimlaneId: SwimlaneId;
-    start: Date;
-    end: Date;
-    size: number;
-    offset: number;
-    payload: T;
-};
-export declare function isCoreItem(a: object): a is CoreItem;

package/dist/types/SwimlaneId.d.ts

@@ -1 +0,0 @@
-export type SwimlaneId = number;

package/dist/types/SwimlaneT.d.ts

@@ -1,5 +0,0 @@
-import { SwimlaneId } from './SwimlaneId';
-export interface SwimlaneT {
-    id: SwimlaneId;
-    capacity: number;
-}