ics-ui-kit 0.1.0-alpha.1

package/dist/components/scheduler/Scheduler.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Scheduler } from './Scheduler';
+declare const meta: Meta<typeof Scheduler>;
+export default meta;
+type Story = StoryObj<typeof Scheduler>;
+export declare const Default: Story;
+export declare const Controlled: Story;
+export declare const Resize: Story;
+export declare const WithTooltip: Story;
+export declare const WithCustomEventComponent: Story;
+export declare const SingleDay: Story;
+export declare const WithoutDragNDrop: Story;
+export declare const ConditionalDragNDrop: Story;
+export declare const DndPg: Story;

package/dist/components/scheduler/components/day/Day.d.ts

@@ -0,0 +1,65 @@
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+declare const day: TVReturnType<{
+    holyday: {
+        true: {
+            dayOfWeek: string;
+        };
+    };
+}, {
+    wrapper: string;
+    date: string;
+    dayOfWeek: string;
+    monthName: string;
+}, undefined, TVConfig<{
+    holyday: {
+        true: {
+            dayOfWeek: string;
+        };
+    };
+}, {
+    holyday: {
+        true: {
+            dayOfWeek: string;
+        };
+    };
+}>, {
+    holyday: {
+        true: {
+            dayOfWeek: string;
+        };
+    };
+}, {
+    wrapper: string;
+    date: string;
+    dayOfWeek: string;
+    monthName: string;
+}, TVReturnType<{
+    holyday: {
+        true: {
+            dayOfWeek: string;
+        };
+    };
+}, {
+    wrapper: string;
+    date: string;
+    dayOfWeek: string;
+    monthName: string;
+}, undefined, TVConfig<{
+    holyday: {
+        true: {
+            dayOfWeek: string;
+        };
+    };
+}, {
+    holyday: {
+        true: {
+            dayOfWeek: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type DayProps = VariantProps<typeof day> & {
+    date: Date;
+};
+export declare const Day: React.FC<DayProps>;
+export {};

package/dist/components/scheduler/components/day/Day.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Day } from './Day';
+declare const meta: Meta<typeof Day>;
+export default meta;
+type Story = StoryObj<typeof Day>;
+export declare const Default: Story;

package/dist/components/scheduler/components/day-column/DayColumn.d.ts

@@ -0,0 +1,6 @@
+import { IScheduledEvent } from '../../types';
+export interface DayColumnProps {
+    day: Date;
+    events: IScheduledEvent[];
+}
+export declare const DayColumn: React.FC<DayColumnProps>;

package/dist/components/scheduler/components/day-column/DayColumn.stories.d.ts

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/react';
+import { FC } from 'react';
+import { DayColumnProps } from './DayColumn';
+declare const meta: {
+    component: FC<DayColumnProps>;
+    parameters: {
+        layout: string;
+    };
+    decorators: (((Story: React.FC) => import("react/jsx-runtime").JSX.Element) | ((story: () => React.ReactNode) => import("react/jsx-runtime").JSX.Element))[];
+    args: {
+        day: Date;
+        events: {
+            id: string;
+            title: string;
+            startDate: Date;
+            endDate: Date;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithOverlappingEvents: Story;

package/dist/components/scheduler/components/day-columns/DayColumns.d.ts

@@ -0,0 +1,5 @@
+import { IScheduledEvent } from '../../types';
+export interface DayColumnsProps {
+    events: IScheduledEvent[];
+}
+export declare const DayColumns: React.FC<DayColumnsProps>;

package/dist/components/scheduler/components/day-columns/DayColumns.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+import { FC } from 'react';
+import { DayColumnsProps } from './DayColumns';
+declare const meta: {
+    component: FC<DayColumnsProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    decorators: ((story: () => React.ReactNode) => import("react/jsx-runtime").JSX.Element)[];
+    args: {
+        events: {
+            id: number;
+            title: string;
+            startDate: Date;
+            endDate: Date;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/scheduler/components/hour-rows/HourRows.d.ts

@@ -0,0 +1 @@
+export declare const HourRows: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/scheduler/components/hour-rows/HourRows.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj, ReactRenderer } from '@storybook/react';
+import { PartialStoryFn } from '@storybook/csf';
+declare const meta: {
+    component: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    decorators: ((Story: PartialStoryFn<ReactRenderer, {}>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/scheduler/components/scheduled-event/ScheduledEvent.d.ts

@@ -0,0 +1,9 @@
+import { IScheduledEvent } from '../../types';
+export interface ScheduledEventProps<T = unknown> {
+    event: IScheduledEvent<T>;
+    top?: string;
+    left?: string;
+    width?: string;
+    onEventClick?: (event: IScheduledEvent<T>) => void;
+}
+export declare const ScheduledEvent: React.FC<ScheduledEventProps>;

package/dist/components/scheduler/components/scheduled-event/ScheduledEvent.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ScheduledEvent } from './ScheduledEvent';
+declare const meta: Meta<typeof ScheduledEvent>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Resizable: Story;

package/dist/components/scheduler/components/scheduled-event/ScheduledEventResizeHandler.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const ScheduledEventResizeHandler: React.FC;

package/dist/components/scheduler/components/time-ruler/CurrentTimeMarker.d.ts

@@ -0,0 +1,5 @@
+type CurrentTimeMarkerProps = {
+    showValue?: boolean;
+};
+export declare const CurrentTimeMarker: React.FC<CurrentTimeMarkerProps>;
+export {};

package/dist/components/scheduler/components/time-ruler/TimeRuler.d.ts

@@ -0,0 +1,5 @@
+type TimeRulerProps = {
+    showCurrentTime?: boolean;
+};
+export declare const TimeRuler: React.FC<TimeRulerProps>;
+export {};

package/dist/components/scheduler/components/time-ruler/TimeRuler.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TimeRuler } from './TimeRuler';
+declare const meta: Meta<typeof TimeRuler>;
+export default meta;
+type Story = StoryObj<typeof TimeRuler>;
+export declare const Default: Story;
+export declare const WithCurrentTime: Story;

package/dist/components/scheduler/components/week-days/WeekDays.d.ts

@@ -0,0 +1 @@
+export declare const WeekDays: React.FC;

package/dist/components/scheduler/components/week-days/WeekDays.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { FC } from 'react';
+declare const meta: {
+    component: FC<{}>;
+    parameters: {
+        layout: string;
+    };
+    args: {
+        startDate: Date;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/scheduler/context/SchedulerContext.d.ts

@@ -0,0 +1,32 @@
+import { SchedulerBaseSettings } from '../Scheduler';
+interface SchedulerContextType extends SchedulerBaseSettings {
+    dates: Date[];
+    hourHeight: number;
+    timeSnap: number;
+}
+export declare const SchedulerProvider: ({ children, value }: {
+    children: React.ReactNode;
+    value: SchedulerContextType;
+}) => import("react/jsx-runtime").JSX.Element;
+interface UseSchedulerProps {
+    /**
+     * Размер сетки для перетаскивания и ресайза события.
+     * Вычисляется из hourHeight и timeSnap.
+     */
+    gridSize: number;
+    /**
+     * Преобразование пикселей в минуты.
+     * Используется для вычисления времени при перетаскивании и ресайзе события.
+     */
+    pxToMinutes: (px: number) => number;
+    /**
+     * Округление времени до ближайшего времени с учетом timeSnap.
+     */
+    snapToTime: (time: Date) => Date;
+    /**
+     * Преобразование минут в пиксели.
+     */
+    minInPx: (min: number) => number;
+}
+export declare const useScheduler: () => UseSchedulerProps & SchedulerContextType;
+export {};

package/dist/components/scheduler/index.d.ts

@@ -0,0 +1 @@
+export { Scheduler } from './Scheduler';

package/dist/components/scheduler/story-utils/SchedulerContextDecorator.d.ts

@@ -0,0 +1 @@
+export declare const schedulerContextDecorator: (story: () => React.ReactNode) => import("react/jsx-runtime").JSX.Element;

package/dist/components/scheduler/story-utils/SchedulerStoriesData.d.ts

@@ -0,0 +1,2 @@
+import { IScheduledEvent } from '../types';
+export declare const storiesEvents: IScheduledEvent[];

package/dist/components/scheduler/types.d.ts

@@ -0,0 +1,7 @@
+export interface IScheduledEvent<T = unknown> {
+    id: string | number;
+    title: string;
+    startDate: Date;
+    endDate: Date;
+    data?: T;
+}

package/dist/components/scheduler/utils/SchedulerUtils.d.ts

@@ -0,0 +1,34 @@
+import { ClientRect } from '@dnd-kit/core';
+import { IScheduledEvent } from '../types';
+export declare const DAY_COLUMN_DATA_ATTRIBUTE = "data-day-column";
+export declare function getDateFromClick(event: React.MouseEvent<HTMLDivElement>, day: Date, timeSnap: number): Date;
+export declare function getDateFromY(positionY: number, targetRect: ClientRect, day: Date, timeSnap: number): Date;
+/**
+ * Возвращает процент времени от начала дня до текущего момента
+ */
+export declare function getCurrentTimePercentage(): string;
+/**
+ * Группирует события, которые пересекаются по времени
+ */
+export declare function groupCrossingEvents(events: IScheduledEvent[]): IScheduledEvent[][];
+/**
+ * Позиция элемента
+ */
+interface EventPosition {
+    top: string;
+    left: string;
+    width: string;
+}
+/**
+ * Возвращает данные для позиционирования событий на день
+ */
+export declare function getEventPositions(events: IScheduledEvent[], hourHeight: number): Map<string | number, EventPosition>;
+/**
+ * Возвращает высоту события в пикселях
+ */
+export declare function getEventHeight(event: IScheduledEvent, hourHeight: number): number;
+/**
+ * Возвращает количество минут, прошедших с начала дня
+ */
+export declare function getMinutesFromStartOfDay(date: Date): number;
+export {};

package/dist/components/scheduler.d.ts

@@ -0,0 +1,2 @@
+export * from './scheduler/index'
+export {}