@mlopezlara90/react-scheduler 1.0.0

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@mlopezlara90/react-scheduler",
+  "version": "1.0.0",
+  "description": "React scheduler component based on Material-UI & date-fns",
+  "files": [
+    "*"
+  ],
+  "type": "module",
+  "exports": {
+    "./types": {
+      "import": "./types.d.ts"
+    },
+    ".": {
+      "import": "./index.js"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/manuel90/react-scheduler.git"
+  },
+  "keywords": [
+    "react",
+    "material-ui",
+    "calendar",
+    "scheduler"
+  ],
+  "author": "Manuel",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/manuel90/react-scheduler/issues"
+  },
+  "peerDependencies": {
+    "@mui/icons-material": ">=7.0.0",
+    "@mui/material": ">=7.0.0",
+    "@mui/x-date-pickers": ">=7.0.0 & <8.0.0",
+    "date-fns": ">=4.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "rrule": ">=2.8.1"
+  },
+  "peerDependenciesMeta": {
+    "rrule": {
+      "optional": true
+    }
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "homepage": "https://github.com/manuel90/react-scheduler#readme"
+}

package/positionManger/context.d.ts

@@ -0,0 +1,14 @@
+export type PositionManagerState = {
+    renderedSlots: {
+        [day: string]: {
+            [resourceId: string]: {
+                [eventId: string]: number;
+            };
+        };
+    };
+};
+type PositionManagerProps = {
+    setRenderedSlot(day: string, eventId: string, position: number, resourceId?: string): void;
+};
+export declare const PositionContext: import('react').Context<PositionManagerState & PositionManagerProps>;
+export {};

package/positionManger/provider.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    children: React.ReactNode;
+};
+export declare const PositionProvider: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/positionManger/usePosition.d.ts

@@ -0,0 +1,4 @@
+declare const usePosition: () => import('./context').PositionManagerState & {
+    setRenderedSlot(day: string, eventId: string, position: number, resourceId?: string): void;
+};
+export default usePosition;

package/store/context.d.ts

@@ -0,0 +1,2 @@
+import { Store } from './types';
+export declare const StoreContext: import('react').Context<Store>;

package/store/default.d.ts

@@ -0,0 +1,233 @@
+import { SchedulerProps } from '../types';
+export declare const defaultProps: (props: Partial<SchedulerProps>) => {
+    height: number;
+    alwaysShowAgendaDays?: boolean | undefined;
+    month: import('../types').MonthProps | null;
+    week: import('../types').WeekProps | null;
+    day: import('../types').DayProps | null;
+    navigation: boolean;
+    disableViewNavigator: boolean;
+    navigationPickerProps?: Partial<Omit<import('@mui/x-date-pickers').DateCalendarProps<Date>, "open" | "onClose" | "openTo" | "views" | "value" | "readOnly" | "onChange">> | undefined;
+    events: import('../types').ProcessedEvent[];
+    eventRenderer?: ((props: import('../types').EventRendererProps) => React.ReactNode | null) | undefined;
+    getRemoteEvents?: ((params: import('../types').RemoteQuery) => Promise<import('../types').ProcessedEvent[] | void>) | undefined;
+    fields: import('../types').FieldProps[];
+    loading: boolean;
+    loadingComponent?: import('react').ReactNode;
+    onConfirm: ((event: import('../types').ProcessedEvent, action: import('../types').EventActions) => Promise<import('../types').ProcessedEvent>) | undefined;
+    onDelete: ((deletedId: string | number) => Promise<string | number | void>) | undefined;
+    customEditor: ((scheduler: import('../types').SchedulerHelpers) => React.ReactNode) | undefined;
+    customViewer?: ((event: import('../types').ProcessedEvent, close: () => void) => React.ReactNode) | undefined;
+    viewerExtraComponent: string | number | bigint | boolean | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | ((fields: import('../types').FieldProps[], event: import('../types').ProcessedEvent) => React.ReactNode) | null | undefined;
+    viewerTitleComponent?: ((event: import('../types').ProcessedEvent) => React.ReactNode) | undefined;
+    viewerSubtitleComponent?: ((event: import('../types').ProcessedEvent) => React.ReactNode) | undefined;
+    disableViewer?: boolean | undefined;
+    resources: import('../types').DefaultResource[];
+    resourceHeaderComponent: ((resource: import('../types').DefaultResource) => React.ReactNode) | undefined;
+    onResourceChange?: ((resource: import('../types').DefaultResource) => void) | undefined;
+    locale: import('date-fns').Locale;
+    timeZone?: string | undefined;
+    onEventDrop?: ((event: import('react').DragEvent<HTMLButtonElement>, droppedOn: Date, updatedEvent: import('../types').ProcessedEvent, originalEvent: import('../types').ProcessedEvent) => Promise<import('../types').ProcessedEvent | void>) | undefined;
+    onEventClick?: ((event: import('../types').ProcessedEvent) => void) | undefined;
+    onEventEdit?: ((event: import('../types').ProcessedEvent) => void) | undefined;
+    deletable: boolean;
+    editable: boolean;
+    draggable: boolean;
+    onSelectedDateChange?: ((date: Date) => void) | undefined;
+    onViewChange?: ((view: import('../components/nav/Navigation').View, agenda?: boolean) => void) | undefined;
+    stickyNavigation?: boolean | undefined;
+    onClickMore?: ((date: Date, gotToDay: (date: Date) => void) => void) | undefined;
+    onCellClick?: ((start: Date, end: Date, resourceKey?: string, resourceVal?: string | number) => void) | undefined;
+    translations: {
+        moreEvents: string;
+        loading: string;
+        noDataToDisplay: string;
+        validation?: {
+            required?: string;
+            invalidEmail?: string;
+            onlyNumbers?: string;
+            min?: string | ((min: number) => string);
+            max?: string | ((max: number) => string);
+        } | undefined;
+        navigation: {
+            month: string;
+            week: string;
+            day: string;
+            agenda: string;
+            today: string;
+        } & Record<import('../components/nav/Navigation').View, string> & {
+            today: string;
+            agenda: string;
+        };
+        form: {
+            addTitle: string;
+            editTitle: string;
+            confirm: string;
+            delete: string;
+            cancel: string;
+        } & {
+            addTitle: string;
+            editTitle: string;
+            confirm: string;
+            delete: string;
+            cancel: string;
+        };
+        event: {
+            title: string;
+            start: string;
+            end: string;
+            allDay: string;
+        } & Record<string, string> & {
+            title: string;
+            subtitle: string;
+            start: string;
+            end: string;
+            allDay: string;
+        };
+    };
+    resourceFields: {
+        idField: string;
+        textField: string;
+        subTextField: string;
+        avatarField: string;
+        colorField: string;
+    } & {
+        idField: string;
+        textField: string;
+        subTextField?: string;
+        avatarField?: string;
+        colorField?: string;
+    } & Record<string, string>;
+    view: import('../components/nav/Navigation').View;
+    selectedDate: Date;
+    resourceViewMode: "default" | "vertical" | "tabs";
+    direction: "rtl" | "ltr";
+    dialogMaxWidth: import('@mui/system').Breakpoint;
+    hourFormat: "12" | "24";
+    agenda: boolean | undefined;
+    enableAgenda: boolean;
+    navigationSlot: import('react').ReactNode;
+};
+export declare const initialStore: {
+    setProps: () => void;
+    dialog: boolean;
+    selectedRange: undefined;
+    selectedEvent: undefined;
+    selectedResource: undefined;
+    handleState: () => void;
+    getViews: () => never[];
+    toggleAgenda: () => void;
+    triggerDialog: () => void;
+    triggerLoading: () => void;
+    handleGotoDay: () => void;
+    confirmEvent: () => void;
+    setCurrentDragged: () => void;
+    onDrop: () => void;
+    height: number;
+    alwaysShowAgendaDays?: boolean | undefined;
+    month: import('../types').MonthProps | null;
+    week: import('../types').WeekProps | null;
+    day: import('../types').DayProps | null;
+    navigation: boolean;
+    disableViewNavigator: boolean;
+    navigationPickerProps?: Partial<Omit<import('@mui/x-date-pickers').DateCalendarProps<Date>, "open" | "onClose" | "openTo" | "views" | "value" | "readOnly" | "onChange">> | undefined;
+    events: import('../types').ProcessedEvent[];
+    eventRenderer?: ((props: import('../types').EventRendererProps) => React.ReactNode | null) | undefined;
+    getRemoteEvents?: ((params: import('../types').RemoteQuery) => Promise<import('../types').ProcessedEvent[] | void>) | undefined;
+    fields: import('../types').FieldProps[];
+    loading: boolean;
+    loadingComponent?: import('react').ReactNode;
+    onConfirm: ((event: import('../types').ProcessedEvent, action: import('../types').EventActions) => Promise<import('../types').ProcessedEvent>) | undefined;
+    onDelete: ((deletedId: string | number) => Promise<string | number | void>) | undefined;
+    customEditor: ((scheduler: import('../types').SchedulerHelpers) => React.ReactNode) | undefined;
+    customViewer?: ((event: import('../types').ProcessedEvent, close: () => void) => React.ReactNode) | undefined;
+    viewerExtraComponent: string | number | bigint | boolean | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | ((fields: import('../types').FieldProps[], event: import('../types').ProcessedEvent) => React.ReactNode) | null | undefined;
+    viewerTitleComponent?: ((event: import('../types').ProcessedEvent) => React.ReactNode) | undefined;
+    viewerSubtitleComponent?: ((event: import('../types').ProcessedEvent) => React.ReactNode) | undefined;
+    disableViewer?: boolean | undefined;
+    resources: import('../types').DefaultResource[];
+    resourceHeaderComponent: ((resource: import('../types').DefaultResource) => React.ReactNode) | undefined;
+    onResourceChange?: ((resource: import('../types').DefaultResource) => void) | undefined;
+    locale: import('date-fns').Locale;
+    timeZone?: string | undefined;
+    onEventDrop?: ((event: import('react').DragEvent<HTMLButtonElement>, droppedOn: Date, updatedEvent: import('../types').ProcessedEvent, originalEvent: import('../types').ProcessedEvent) => Promise<import('../types').ProcessedEvent | void>) | undefined;
+    onEventClick?: ((event: import('../types').ProcessedEvent) => void) | undefined;
+    onEventEdit?: ((event: import('../types').ProcessedEvent) => void) | undefined;
+    deletable: boolean;
+    editable: boolean;
+    draggable: boolean;
+    onSelectedDateChange?: ((date: Date) => void) | undefined;
+    onViewChange?: ((view: import('../components/nav/Navigation').View, agenda?: boolean) => void) | undefined;
+    stickyNavigation?: boolean | undefined;
+    onClickMore?: ((date: Date, gotToDay: (date: Date) => void) => void) | undefined;
+    onCellClick?: ((start: Date, end: Date, resourceKey?: string, resourceVal?: string | number) => void) | undefined;
+    translations: {
+        moreEvents: string;
+        loading: string;
+        noDataToDisplay: string;
+        validation?: {
+            required?: string;
+            invalidEmail?: string;
+            onlyNumbers?: string;
+            min?: string | ((min: number) => string);
+            max?: string | ((max: number) => string);
+        } | undefined;
+        navigation: {
+            month: string;
+            week: string;
+            day: string;
+            agenda: string;
+            today: string;
+        } & Record<import('../components/nav/Navigation').View, string> & {
+            today: string;
+            agenda: string;
+        };
+        form: {
+            addTitle: string;
+            editTitle: string;
+            confirm: string;
+            delete: string;
+            cancel: string;
+        } & {
+            addTitle: string;
+            editTitle: string;
+            confirm: string;
+            delete: string;
+            cancel: string;
+        };
+        event: {
+            title: string;
+            start: string;
+            end: string;
+            allDay: string;
+        } & Record<string, string> & {
+            title: string;
+            subtitle: string;
+            start: string;
+            end: string;
+            allDay: string;
+        };
+    };
+    resourceFields: {
+        idField: string;
+        textField: string;
+        subTextField: string;
+        avatarField: string;
+        colorField: string;
+    } & {
+        idField: string;
+        textField: string;
+        subTextField?: string;
+        avatarField?: string;
+        colorField?: string;
+    } & Record<string, string>;
+    view: import('../components/nav/Navigation').View;
+    selectedDate: Date;
+    resourceViewMode: "default" | "vertical" | "tabs";
+    direction: "rtl" | "ltr";
+    dialogMaxWidth: import('@mui/system').Breakpoint;
+    hourFormat: "12" | "24";
+    agenda: boolean | undefined;
+    enableAgenda: boolean;
+    navigationSlot: import('react').ReactNode;
+};

package/store/provider.d.ts

@@ -0,0 +1,7 @@
+import { SchedulerProps } from '../types';
+type Props = {
+    children: React.ReactNode;
+    initial: Partial<SchedulerProps>;
+};
+export declare const StoreProvider: ({ children, initial }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/store/types.d.ts

@@ -0,0 +1,27 @@
+import { DragEvent } from 'react';
+import { View } from '../components/nav/Navigation';
+import { DefaultResource, EventActions, ProcessedEvent, SchedulerProps } from '../types';
+export type SelectedRange = {
+    start: Date;
+    end: Date;
+};
+export interface SchedulerState extends SchedulerProps {
+    dialog: boolean;
+    selectedRange?: SelectedRange;
+    selectedEvent?: ProcessedEvent;
+    selectedResource?: DefaultResource["assignee"] | DefaultResource["assignee"][];
+    selectedTab?: DefaultResource["assignee"];
+    currentDragged?: ProcessedEvent;
+    enableAgenda?: boolean;
+}
+export interface Store extends SchedulerState {
+    handleState(value: SchedulerState[keyof SchedulerState], name: keyof SchedulerState): void;
+    getViews(): View[];
+    toggleAgenda: () => void;
+    triggerDialog(status: boolean, event?: SelectedRange | ProcessedEvent): void;
+    triggerLoading(status: boolean): void;
+    handleGotoDay(day: Date): void;
+    confirmEvent(event: ProcessedEvent | ProcessedEvent[], action: EventActions): void;
+    setCurrentDragged(event?: ProcessedEvent): void;
+    onDrop(event: DragEvent<HTMLButtonElement>, eventId: string, droppedStartTime: Date, resourceKey?: string, resourceVal?: string | number): void;
+}

package/styles/styles.d.ts

@@ -0,0 +1,22 @@
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    dialog: number;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Table: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    resource_count: number;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NavigationDiv: import('@emotion/styled').StyledComponent<import('@mui/material').PaperOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "classes" | "className" | "sx" | "style" | "square" | "elevation" | "variant"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    sticky?: string;
+}, {}, {}>;
+export declare const AgendaDiv: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TableGrid: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    days: number;
+    sticky?: string;
+    stickyNavigation?: boolean;
+    indent?: string;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const EventItemPaper: import('@emotion/styled').StyledComponent<import('@mui/material').PaperOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "classes" | "className" | "sx" | "style" | "square" | "elevation" | "variant"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    disabled?: boolean;
+}, {}, {}>;
+export declare const PopperInner: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const EventActions: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimeIndicatorBar: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;