react-timelane 0.0.4 → 0.0.6

package/storybook-static/components/TimelaneAside/TimelaneAside.d.ts

@@ -0,0 +1,12 @@
+import { MouseEvent, ReactElement } from '../../../node_modules/react';
+import { Lane } from '../../types';
+export interface TimelaneAsideProps {
+    lanes: Lane[];
+    focusedLane?: Lane | null;
+    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;
+}
+export declare function TimelaneAside({ lanes, focusedLane, setFocusedLane, onLaneHeaderClick, onLaneHeaderDoubleClick, onLaneHeaderContextMenu, renderLaneHeader, }: TimelaneAsideProps): import("react/jsx-runtime").JSX.Element;

package/storybook-static/components/TimelaneBackground/TimelaneBackground.d.ts

@@ -0,0 +1,4 @@
+export interface TimelaneBackgroundProps {
+    focusedDay?: Date | null;
+}
+export declare function TimelaneBackground({ focusedDay }: TimelaneBackgroundProps): import("react/jsx-runtime").JSX.Element;

package/storybook-static/components/TimelaneBody/TimelaneBody.d.ts

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

package/storybook-static/components/TimelaneBody/TimelaneBodyInner.d.ts

@@ -0,0 +1,16 @@
+import { MouseEvent, ReactElement } from '../../../node_modules/react';
+import { AvailableSpace, Item, Lane } from '../../types';
+interface TimelaneBodyInnerProps<T> {
+    lanes: Lane[];
+    items: Item<T>[];
+    renderItem?: (item: Item<T>, isDragged: boolean) => ReactElement;
+    onItemUpdate?: (item: Item<T>) => void;
+    onLaneClick?: (lane: Lane, when: Date, availableSpace: AvailableSpace | null, e: MouseEvent) => void;
+    onLaneDoubleClick?: (lane: Lane, when: Date, availableSpace: AvailableSpace | null, e: MouseEvent) => void;
+    onLaneContextMenu?: (lane: Lane, when: Date, e: MouseEvent) => void;
+}
+/**
+ * @deprecated The component should not be used
+ */
+export declare function TimelaneBodyInner<T>({ lanes, items, renderItem, onItemUpdate, onLaneClick, onLaneDoubleClick, onLaneContextMenu, }: TimelaneBodyInnerProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/storybook-static/components/TimelaneBody/TimelaneSelectionLayer.d.ts

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

package/storybook-static/components/TimelaneHeader/DaysHeader.d.ts

@@ -0,0 +1,14 @@
+import { MouseEvent, ReactElement } from '../../../node_modules/react';
+import { Pixels, TimeRange } from '../../types';
+export interface DaysHeaderProps {
+    range: TimeRange;
+    pixels: Pixels;
+    focusedDay?: Date | null;
+    setFocusedDay?: (day: Date | null) => void;
+    render?: (day: Date) => ReactElement;
+    onDayClick?: (_: {
+        day: Date;
+        e: MouseEvent;
+    }) => void;
+}
+export declare function DaysHeader({ range, pixels, focusedDay, setFocusedDay, render, onDayClick, }: DaysHeaderProps): import("react/jsx-runtime").JSX.Element;

package/storybook-static/components/TimelaneHeader/MonthsHeader.d.ts

@@ -0,0 +1,14 @@
+import { MouseEvent, ReactElement } from '../../../node_modules/react';
+import { Pixels, TimeRange } from '../../types';
+export interface MonthsHeaderProps {
+    range: TimeRange;
+    pixels: Pixels;
+    setFocusedDay?: (day: Date | null) => void;
+    render?: (firstDay: Date, lastDay: Date) => ReactElement;
+    onMonthClick?: (params: {
+        firstDay: Date;
+        lastDay: Date;
+        e: MouseEvent;
+    }) => void;
+}
+export declare function MonthsHeader({ range, pixels, setFocusedDay, render, onMonthClick, }: MonthsHeaderProps): import("react/jsx-runtime").JSX.Element;

package/storybook-static/components/TimelaneHeader/TimelaneHeader.d.ts

@@ -0,0 +1,23 @@
+import { MouseEvent, ReactElement } from '../../../node_modules/react';
+export interface TimelaneHeaderProps {
+    focusedDay?: Date | null;
+    setFocusedDay?: (day: Date | null) => void;
+    renderMonthHeader?: (firstDay: Date, lastDay: Date) => ReactElement;
+    renderWeekHeader?: (firstDay: Date, lastDay: Date) => ReactElement;
+    renderDayHeader?: (day: Date) => ReactElement;
+    onMonthClick?: (_: {
+        firstDay: Date;
+        lastDay: Date;
+        e: MouseEvent;
+    }) => void;
+    onWeekClick?: (_: {
+        firstDay: Date;
+        lastDay: Date;
+        e: MouseEvent;
+    }) => void;
+    onDayClick?: (_: {
+        day: Date;
+        e: MouseEvent;
+    }) => void;
+}
+export declare function TimelaneHeader({ focusedDay, setFocusedDay, renderMonthHeader, renderWeekHeader, renderDayHeader, onMonthClick, onDayClick, onWeekClick, }: TimelaneHeaderProps): import("react/jsx-runtime").JSX.Element;

package/storybook-static/components/TimelaneHeader/WeeksHeader.d.ts

@@ -0,0 +1,14 @@
+import { MouseEvent, ReactElement } from '../../../node_modules/react';
+import { Pixels, TimeRange } from '../../types';
+export interface WeeksHeaderProps {
+    range: TimeRange;
+    pixels: Pixels;
+    setFocusedDay?: (day: Date | null) => void;
+    render?: (firstDay: Date, lastDay: Date) => ReactElement;
+    onWeekClick?: (params: {
+        firstDay: Date;
+        lastDay: Date;
+        e: MouseEvent;
+    }) => void;
+}
+export declare function WeeksHeader({ range, pixels, setFocusedDay, render, onWeekClick, }: WeeksHeaderProps): import("react/jsx-runtime").JSX.Element;

package/storybook-static/components/TimelaneHeader/index.d.ts

@@ -0,0 +1,5 @@
+export { DaysHeader, type DaysHeaderProps } from './DaysHeader';
+export { WeeksHeader, type WeeksHeaderProps } from './WeeksHeader';
+export { MonthsHeader, type MonthsHeaderProps } from './MonthsHeader';
+export { TimelaneHeader, type TimelaneHeaderProps } from './TimelaneHeader';
+export { renderDayHeader, renderMonthHeader, renderWeekHeader, } from './renderingUtils';

package/storybook-static/components/TimelaneHeader/renderingUtils.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from '../../../node_modules/react';
+export declare function renderMonthHeader(firstDay: Date, lastDay: Date): ReactElement;
+export declare function renderWeekHeader(firstDay: Date, lastDay: Date): ReactElement;
+export declare function renderDayHeader(day: Date): ReactElement;

package/storybook-static/components/TimelaneItem/DragResizeComponent.d.ts

@@ -0,0 +1,20 @@
+import { PropsWithChildren } from '../../../node_modules/react';
+import { Position, Rectangle, Dimensions, Item } from '../../types';
+interface DragResizeComponentProps<T> {
+    item: Item<T>;
+    rectangle: Rectangle;
+    boundingRectangle: Dimensions;
+    onDragStart: (grabPosition: Position, relativeGrabPosition: Position) => void;
+    onDrag: () => void;
+    onDrop: () => void;
+    onUpdate: (rectangle: Rectangle) => void;
+    onResizeStart: () => void;
+}
+/**
+ * takes care of pixel-level drag-and-drop and resizing.
+ * will emit every event through event handlers.
+ * @param param0 t
+ * @returns
+ */
+export default function DragResizeComponent<T>({ item, rectangle, boundingRectangle, children, onDrag, onDragStart, onDrop, onUpdate, onResizeStart, }: PropsWithChildren<DragResizeComponentProps<T>>): import("react/jsx-runtime").JSX.Element;
+export {};

package/storybook-static/components/TimelaneItem/TimelaneItem.d.ts

@@ -0,0 +1,14 @@
+import { PropsWithChildren } from '../../../node_modules/react';
+import { Item, Position, Lane, TimelaneSettings } from '../../types';
+interface TimelaneItemProps<T> {
+    item: Item<T>;
+    lane: Lane;
+    settings: TimelaneSettings;
+    onDragStart: (grabPosition: Position, relativeGrabPosition: Position) => void;
+    onDrop: () => void;
+    onDrag: () => void;
+    onUpdate: (updatedItem: Item<T>) => void;
+    onResizeStart: () => void;
+}
+export default function TimelaneItem<T>({ lane, item, settings, children, onDragStart, onDrag, onDrop, onUpdate, onResizeStart, }: PropsWithChildren<TimelaneItemProps<T>>): import("react/jsx-runtime").JSX.Element;
+export {};

package/storybook-static/components/TimelaneLane/AvailableSpaceIndicator.d.ts

@@ -0,0 +1,21 @@
+import { PropsWithChildren } from '../../../node_modules/react';
+import { Item, Pixels, Lane, TimeRange } from '../../types';
+interface AvailableSpaceIndicatorProps<T> {
+    pixels: Pixels;
+    range: TimeRange;
+    lane: Lane;
+    debug: boolean;
+    items: Item<T>[];
+}
+/**
+ * A component that displays the available space at the mouse cursor position.
+ * The available space is a rectangle that does not overlap with it's surrounding items.
+ * It is determined by some heuristics.
+ *
+ * Only used for debugging purposes.
+ *
+ * @param param0
+ * @returns
+ */
+export default function AvailableSpaceIndicator<T>({ pixels, range, lane, items, debug, children, }: PropsWithChildren<AvailableSpaceIndicatorProps<T>>): import("react/jsx-runtime").JSX.Element;
+export {};

package/storybook-static/components/TimelaneLane/DropPreview.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from '../../../node_modules/react';
+interface DropPreviewProps {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export default function DropPreview({ x, y, width, height, children, }: PropsWithChildren<DropPreviewProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/storybook-static/components/TimelaneLane/DropTarget.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from '../../../node_modules/react';
+import { GrabInfo, Position } from '../../types';
+interface DropTargetProps {
+    onDragStart?: (mousePos: Position, grabInfo: GrabInfo, data: any) => void;
+    onDrag?: (mousePos: Position, grabInfo: GrabInfo, data: any) => void;
+    onDrop?: (mousePos: Position, grabInfo: GrabInfo, data: any) => void;
+    onDragEnter?: (mousePos: Position, grabInfo: GrabInfo, data: any) => void;
+    onDragLeave?: (grabInfo: GrabInfo, data: any) => void;
+}
+export default function DropTarget({ children, onDragStart, onDrag, onDrop, onDragEnter, onDragLeave, }: PropsWithChildren<DropTargetProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/storybook-static/components/TimelaneLane/OverlapIndicator.d.ts

@@ -0,0 +1,6 @@
+import { Rectangle } from '../../types';
+interface OverlapIndicatorProps {
+    overlap: Rectangle;
+}
+export default function OverlapIndicator({ overlap }: OverlapIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/storybook-static/components/TimelaneLane/TimelaneLane.d.ts

@@ -0,0 +1,15 @@
+import { MouseEvent, ReactElement } from '../../../node_modules/react';
+import { AvailableSpace, Item, Lane } from '../../types';
+export interface TimelaneLaneProps<T> {
+    lane: Lane;
+    items: Item<T>[];
+    focused?: boolean;
+    onItemUpdate?: (item: Item<T>) => void;
+    onMouseUp?: (e: MouseEvent) => void;
+    onClick?: (when: Date, availableSpace: AvailableSpace | null, e: MouseEvent) => void;
+    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;
+}
+export declare function TimelaneLane<T>({ lane, items, focused, onItemUpdate, onMouseUp, onClick, onDoubleClick, onContextMenu, renderItem, onResizeStart, }: TimelaneLaneProps<T>): import("react/jsx-runtime").JSX.Element;

package/storybook-static/components/TimelaneLane/TimelaneLane.stories.d.ts

@@ -0,0 +1,9 @@
+import { StoryObj } from '@storybook/react-vite';
+import { TimelaneLane } from '../TimelaneLane/TimelaneLane';
+declare const meta: {
+    component: typeof TimelaneLane;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/storybook-static/components/TimelaneLayout/TimelaneLayout.d.ts

@@ -0,0 +1,23 @@
+import { PropsWithChildren } from '../../../node_modules/react';
+export declare function TimelaneLayout({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
+export declare namespace TimelaneLayout {
+    var Header: typeof TimelaneLayoutHeader;
+    var Body: typeof TimelaneLayoutBody;
+    var Background: typeof TimelaneLayoutBackground;
+    var Footer: typeof TimelaneLayoutFooter;
+    var Aside: typeof TimelaneLayoutAside;
+    var Corner: typeof TimelaneLayoutCorner;
+}
+declare function TimelaneLayoutHeader({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
+declare function TimelaneLayoutBackground({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
+declare function TimelaneLayoutBody({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
+declare function TimelaneLayoutFooter({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
+interface TimelaneLayoutAsideProps {
+    side?: "left" | "right";
+}
+declare function TimelaneLayoutAside({ side, children, }: PropsWithChildren<TimelaneLayoutAsideProps>): import("react/jsx-runtime").JSX.Element;
+interface TimelaneLayoutCornerProps {
+    corner?: "top left" | "top right" | "bottom left" | "bottom right";
+}
+declare function TimelaneLayoutCorner({ corner, children, }: PropsWithChildren<TimelaneLayoutCornerProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/storybook-static/components/TimelaneSettingsProvider/TimelaneSettingsContext.d.ts

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

package/storybook-static/components/TimelaneSettingsProvider/TimelaneSettingsProvider.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from '../../../node_modules/react';
+import { TimelaneSettings } from '../../types/TimelaneSettings';
+export interface TimelaneSettingsProviderProps {
+    settings: TimelaneSettings;
+}
+/**
+ * this is an example docstring
+ * @param param0
+ * @returns
+ */
+export declare function TimelaneSettingsProvider({ settings: _settings, children, }: PropsWithChildren<TimelaneSettingsProviderProps>): import("react/jsx-runtime").JSX.Element;

package/storybook-static/components/TimelaneSettingsProvider/TimelaneSettingsProvider.stories.d.ts

@@ -0,0 +1,9 @@
+import { StoryObj } from '@storybook/react-vite';
+import { TimelaneSettingsProvider } from './TimelaneSettingsProvider';
+declare const meta: {
+    component: typeof TimelaneSettingsProvider;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/storybook-static/components/utils.d.ts

@@ -0,0 +1,27 @@
+import { DragLocationHistory, ElementDragPayload } from '@atlaskit/pragmatic-drag-and-drop/dist/types/internal-types';
+import { Item, Dimensions, Pixels, Position, Rectangle, Lane, TimeRange, AvailableSpace, GrabInfo, Grid } from '../types';
+export declare function getDropTargetDimensions(lane: Lane, pixels: Pixels, range: TimeRange): Dimensions;
+export declare function getDropTargetHeight(lane: Lane, pixels: Pixels): number;
+export declare function getDropTargetWidth(lane: Lane, pixels: Pixels, range: TimeRange): number;
+export declare function getItemRectangle<T>(item: Item<T>, lane: Lane, range: TimeRange, pixels: Pixels): Rectangle;
+export declare function getItemDimensions<T>(item: Item<T>, lane: Lane, 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: Item<T>, lane: Lane, start: Date, pixels: Pixels): Position;
+export declare function getGrabPosition(source: ElementDragPayload, location: DragLocationHistory): {
+    absolute: Position;
+    relative: Position;
+};
+export declare function getUpdatedItem<T>(oldItem: Item<T>, lane: Lane, dropPreviewRect: Rectangle, pixels: Pixels, range: TimeRange): Item<T>;
+export declare function getDropPreviewRectangle<S, T>(lane: Lane, items: Item<T>[], item: Item<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 a
+ * @param b
+ * @returns
+ */
+export declare function doOverlap(a: Rectangle, b: Rectangle): boolean;
+export declare function getOverlap(a: Rectangle, b: Rectangle): Rectangle | null;
+export declare function itemsDoOverlap<T>(a: Item<T>, b: Item<T>): boolean;
+export declare function isWithinTargetDimensions(item: Rectangle, targetDimensions: Dimensions): boolean;
+export declare function getAvailableSpace<T>(clickedDate: Date, clickedOffset: number, lane: Lane, items: Item<T>[], range: TimeRange): AvailableSpace | null;

package/storybook-static/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:svgjs="http://svgjs.com/svgjs" xmlns:xlink="http://www.w3.org/1999/xlink" width="164" height="164" version="1.1"><svg xmlns="http://www.w3.org/2000/svg" width="164" height="164" fill="none" viewBox="0 0 164 164"><path fill="#FF4785" d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z"/><path fill="#fff" fill-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" clip-rule="evenodd"/></svg><style>@media (prefers-color-scheme:light){:root{filter:none}}</style></svg>

package/storybook-static/hooks/useScroll.d.ts

@@ -0,0 +1,10 @@
+import { ItemId, LaneId } from '../types';
+export declare const useScroll: () => {
+    scrollTo: (destination: {
+        horz?: Date;
+        vert?: LaneId;
+    } | ItemId) => void;
+    scrollToDate: (date: Date) => void;
+    scrollToItem: (itemId: ItemId) => void;
+    scrollToLane: (laneId: LaneId) => void;
+};

package/storybook-static/hooks/useTimelaneContext.d.ts

@@ -0,0 +1 @@
+export declare const useTimelaneContext: () => import('../components/TimelaneSettingsProvider/TimelaneSettingsContext').TimelaneContextOuter;