@code-rhapsodie/react-scheduler 0.4.0

package/dist/locales/de.d.ts

@@ -0,0 +1,17 @@
+export declare const de: {
+    feelingEmpty: string;
+    free: string;
+    loadNext: string;
+    loadPrevious: string;
+    over: string;
+    taken: string;
+    topbar: {
+        filters: string;
+        next: string;
+        prev: string;
+        today: string;
+        view: string;
+    };
+    search: string;
+    week: string;
+};

package/dist/locales/en.d.ts

@@ -0,0 +1,17 @@
+export declare const en: {
+    feelingEmpty: string;
+    free: string;
+    loadNext: string;
+    loadPrevious: string;
+    over: string;
+    taken: string;
+    topbar: {
+        filters: string;
+        next: string;
+        prev: string;
+        today: string;
+        view: string;
+    };
+    search: string;
+    week: string;
+};

package/dist/locales/es.d.ts

@@ -0,0 +1,17 @@
+export declare const es: {
+    feelingEmpty: string;
+    free: string;
+    loadNext: string;
+    loadPrevious: string;
+    over: string;
+    taken: string;
+    topbar: {
+        filters: string;
+        next: string;
+        prev: string;
+        today: string;
+        view: string;
+    };
+    search: string;
+    week: string;
+};

package/dist/locales/fr.d.ts

@@ -0,0 +1,17 @@
+export declare const fr: {
+    feelingEmpty: string;
+    free: string;
+    loadNext: string;
+    loadPrevious: string;
+    over: string;
+    taken: string;
+    topbar: {
+        filters: string;
+        next: string;
+        prev: string;
+        today: string;
+        view: string;
+    };
+    search: string;
+    week: string;
+};

package/dist/locales/he.d.ts

@@ -0,0 +1,17 @@
+export declare const he: {
+    feelingEmpty: string;
+    free: string;
+    loadNext: string;
+    loadPrevious: string;
+    over: string;
+    taken: string;
+    topbar: {
+        filters: string;
+        next: string;
+        prev: string;
+        today: string;
+        view: string;
+    };
+    search: string;
+    week: string;
+};

package/dist/locales/index.d.ts

@@ -0,0 +1,10 @@
+export { pl } from "./pl";
+export { en } from "./en";
+export { de } from "./de";
+export { lt } from "./lt";
+export { fr } from "./fr";
+export { it } from "./it";
+export { ptBR } from "./ptBR";
+export { es } from "./es";
+export { he } from "./he";
+export { ro } from "./ro";

package/dist/locales/it.d.ts

@@ -0,0 +1,17 @@
+export declare const it: {
+    feelingEmpty: string;
+    free: string;
+    loadNext: string;
+    loadPrevious: string;
+    over: string;
+    taken: string;
+    topbar: {
+        filters: string;
+        next: string;
+        prev: string;
+        today: string;
+        view: string;
+    };
+    search: string;
+    week: string;
+};

package/dist/locales/lt.d.ts

@@ -0,0 +1,17 @@
+export declare const lt: {
+    feelingEmpty: string;
+    free: string;
+    loadNext: string;
+    loadPrevious: string;
+    over: string;
+    taken: string;
+    topbar: {
+        filters: string;
+        next: string;
+        prev: string;
+        today: string;
+        view: string;
+    };
+    search: string;
+    week: string;
+};

package/dist/locales/pl.d.ts

@@ -0,0 +1,17 @@
+export declare const pl: {
+    feelingEmpty: string;
+    free: string;
+    loadNext: string;
+    loadPrevious: string;
+    over: string;
+    taken: string;
+    topbar: {
+        filters: string;
+        next: string;
+        prev: string;
+        today: string;
+        view: string;
+    };
+    search: string;
+    week: string;
+};

package/dist/locales/ptBR.d.ts

@@ -0,0 +1,17 @@
+export declare const ptBR: {
+    feelingEmpty: string;
+    free: string;
+    loadNext: string;
+    loadPrevious: string;
+    over: string;
+    taken: string;
+    topbar: {
+        filters: string;
+        next: string;
+        prev: string;
+        today: string;
+        view: string;
+    };
+    search: string;
+    week: string;
+};

package/dist/locales/ro.d.ts

@@ -0,0 +1,17 @@
+export declare const ro: {
+    feelingEmpty: string;
+    free: string;
+    loadNext: string;
+    loadPrevious: string;
+    over: string;
+    taken: string;
+    topbar: {
+        filters: string;
+        next: string;
+        prev: string;
+        today: string;
+        view: string;
+    };
+    search: string;
+    week: string;
+};

package/dist/main.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/mock/appMock.d.ts

@@ -0,0 +1,5 @@
+import { SchedulerData, SchedulerProjectData } from "@/types/global";
+import { ParsedDatesRange } from "@/utils/getDatesRange";
+export declare const mockedOnRangeChange: (range: ParsedDatesRange, data: SchedulerData) => void;
+export declare const generateProjects: (years: number, maxProjectsPerYear: number, amountOfDscWords: number | undefined, title: string) => SchedulerProjectData[];
+export declare const createMockData: (amountOfPeople: number, years: number, maxProjectsPerYear: number, amountOfDscWords?: number) => SchedulerData;

package/dist/styles.d.ts

@@ -0,0 +1,15 @@
+import { type DefaultTheme, IStyledComponent } from "styled-components";
+import { NamedExoticComponent } from "react";
+export declare const prefixId = "reactSchedulerOutsideWrapper";
+export declare const GlobalStyle: NamedExoticComponent;
+export type ColorType = "background" | "gridBackground" | "primary" | "secondary" | "tertiary" | "textPrimary" | "textSecondary" | "accent" | "disabled" | "border" | "placeholder" | "warning" | "button" | "tooltip" | "defaultTile" | "hover";
+export type Theme = {
+    colors: Record<ColorType, string>;
+    navHeight: string;
+    mode: "light" | "dark";
+};
+export declare const theme: DefaultTheme;
+export declare const darkTheme: Theme;
+export declare const marginPaddingReset = "\nmargin: 0;\npadding: 0;\n";
+export declare const truncate = "\noverflow: hidden;\ntext-overflow: ellipsis;\nwhite-space: nowrap;\n";
+export declare const StyledSchedulerFrame: IStyledComponent<any, any>;

package/dist/types/global.d.ts

@@ -0,0 +1,172 @@
+import { LocaleType } from "@/context/LocaleProvider/types";
+import { ColorType } from "@/styles";
+export declare const allZoomLevel: readonly [0, 1, 2];
+export type FilterButtonState = -1 | 0 | 1;
+type ZoomLevelTuple = typeof allZoomLevel;
+export type ZoomLevel = ZoomLevelTuple[number];
+export type LangCodes = "en" | "es" | "pl" | "de" | "lt" | "fr" | "it" | "pt-BR" | "he" | "ro";
+export type Config = {
+    zoom: ZoomLevel;
+    /**
+     * Dictates filter button behavior
+     * - `< 0` - filter button is hidden
+     * - `0` - filter button is visible, no filter had been applied
+     * - `> 0` - filter button visible - filters had been applied
+     */
+    filterButtonState?: number;
+    /**
+     * Language code: "en" | "es" | "pl" | "de" | "lt" | "fr" | "it" | "pt-BR" | "he" | "ro"
+     */
+    lang?: LangCodes | string;
+    isFiltersButtonVisible?: boolean;
+    maxRecordsPerPage?: number;
+    /**
+     * property for changing behavior of showing tooltip hours
+     * true - will show taken hours same as business days
+     * false - will always show 0 taken hours on weekends in day view
+     * @default false
+     */
+    includeTakenHoursOnWeekendsInDayView?: boolean;
+    /**
+     * show tooltip when hovering over tiles items
+     * @default true
+     */
+    showTooltip?: boolean;
+    translations?: LocaleType[];
+    /**
+     * show toggle button for changing theme (light/dark)
+     */
+    showThemeToggle?: boolean;
+    /**
+     * default theme (light/dark)
+     * when theme toggle is displayed - this is a default value of the toggle
+     * @default "light"
+     */
+    defaultTheme?: "light" | "dark";
+    theme?: Theme;
+};
+export type Theme = {
+    light?: Partial<Record<ColorType, string>>;
+    dark?: Partial<Record<ColorType, string>>;
+};
+export type SchedulerData = SchedulerRow[];
+export type SchedulerRow = {
+    id: string;
+    label: SchedulerRowLabel;
+    data: SchedulerProjectData[];
+};
+export type SchedulerItemClickData = Omit<SchedulerRow, "data">;
+export type PaginatedSchedulerData = PaginatedSchedulerRow[];
+export type PaginatedSchedulerRow = {
+    id: string;
+    label: SchedulerRowLabel;
+    data: SchedulerProjectData[][];
+};
+export type SchedulerRowLabel = {
+    icon: string;
+    title: string;
+    subtitle: string;
+};
+export type SchedulerProjectData = {
+    /**
+     * Unique Id of item
+     */
+    id: string;
+    /**
+     * Represents start date of from which tile will render
+     */
+    startDate: Date;
+    /**
+     * Represents end date to which tile will render
+     */
+    endDate: Date;
+    /**
+     * Indicates how much time is spent per day. Given in seconds and converted by Scheduler to hours/minutes
+     */
+    occupancy: number;
+    /**
+     * Title of item
+     */
+    title: string;
+    /**
+     * Subtitle of item. Optional
+     */
+    subtitle?: string;
+    /**
+     * Short description displayed on tile. Optional
+     */
+    description?: string;
+    /**
+     * Background color of the tile, given in rgb color model. If not given, default color (rgb(114, 141,226 )) is set. Optional
+     */
+    bgColor?: string;
+};
+export type Day = {
+    hour: number;
+    dayName: string;
+    dayOfMonth: number;
+    weekOfYear: number;
+    month: number;
+    monthName: string;
+    isBusinessDay: boolean;
+    isCurrentDay: boolean;
+    year: number;
+};
+export type TextAndBoxStyleConfig = {
+    isCurrent: boolean;
+    isBusinessDay?: boolean;
+    variant?: "yearView" | "bottomRow";
+};
+type BottomRowText = {
+    y: number;
+    label: string;
+    font: string;
+    color: string;
+};
+export type DrawRowConfig = {
+    ctx: CanvasRenderingContext2D;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    textYPos?: number;
+    label?: string;
+    font?: string;
+    isBottomRow?: boolean;
+    fillStyle?: string;
+    topText?: BottomRowText;
+    bottomText?: BottomRowText;
+    labelBetweenCells?: boolean;
+};
+export type TileProperties = {
+    x: number;
+    y: number;
+    width: number;
+};
+export type ConfigFormValues = {
+    peopleCount: number;
+    projectsPerYear: number;
+    yearsCovered: number;
+    maxRecordsPerPage: number;
+    isFullscreen: boolean;
+    startDate?: string;
+};
+export type Coords = {
+    x: number;
+    y: number;
+};
+export type TimeUnits = {
+    hours: number;
+    minutes: number;
+};
+export type OccupancyData = {
+    taken: TimeUnits;
+    free: TimeUnits;
+    overtime: TimeUnits;
+};
+export type TooltipData = {
+    coords: Coords;
+    resourceIndex: number;
+    disposition: OccupancyData;
+};
+export {};

package/dist/types/guards.d.ts

@@ -0,0 +1,2 @@
+import { ZoomLevel } from "./global";
+export declare const isAvailableZoom: (value: number) => value is ZoomLevel;

package/dist/utils/dates.d.ts

@@ -0,0 +1,6 @@
+import dayjs from "dayjs";
+import { Day } from "@/types/global";
+export declare const daysInYear: (year: number) => 365 | 366;
+export declare const getIsBusinessDay: (date: dayjs.Dayjs) => boolean;
+export declare const getDaysInMonths: (date: Day, iterator: number) => number;
+export declare const parseDay: (data: dayjs.Dayjs) => Day;

package/dist/utils/drawDashedLine.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from "@/styles";
+export declare const drawDashedLine: (ctx: CanvasRenderingContext2D, startPos: number, lineLength: number, theme: Theme) => void;

package/dist/utils/drawGrid/drawCell.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from "@/styles";
+export declare const drawCell: (ctx: CanvasRenderingContext2D, x: number, y: number, width: number, isBusinessDay: boolean, isCurrentDay: boolean, theme: Theme) => void;

package/dist/utils/drawGrid/drawGrid.d.ts

@@ -0,0 +1,3 @@
+import { Day } from "@/types/global";
+import { Theme } from "@/styles";
+export declare const drawGrid: (ctx: CanvasRenderingContext2D, zoom: number, rows: number, cols: number, parsedStartDate: Day, theme: Theme) => void;

package/dist/utils/drawGrid/drawHourlyView.d.ts

@@ -0,0 +1,3 @@
+import { Day } from "@/types/global";
+import { Theme } from "@/styles";
+export declare const drawHourlyView: (ctx: CanvasRenderingContext2D, rows: number, cols: number, startDate: Day, theme: Theme) => void;

package/dist/utils/drawGrid/drawMonthlyView.d.ts

@@ -0,0 +1,3 @@
+import { Day } from "@/types/global";
+import { Theme } from "@/styles";
+export declare const drawMonthlyView: (ctx: CanvasRenderingContext2D, rows: number, cols: number, startDate: Day, theme: Theme) => void;

package/dist/utils/drawGrid/drawYearlyView.d.ts

@@ -0,0 +1,3 @@
+import { Day } from "@/types/global";
+import { Theme } from "@/styles";
+export declare const drawYearlyView: (ctx: CanvasRenderingContext2D, rows: number, cols: number, startDate: Day, theme: Theme) => void;

package/dist/utils/drawHeader/drawHeader.d.ts

@@ -0,0 +1,3 @@
+import { Day } from "@/types/global";
+import { Theme } from "@/styles";
+export declare const drawHeader: (ctx: CanvasRenderingContext2D, zoom: number, cols: number, startDate: Day, weekLabel: string, dayOfYear: number, theme: Theme) => void;

package/dist/utils/drawHeader/drawRows/DrawZoom2MonthsOnTop.d.ts

@@ -0,0 +1,3 @@
+import { Day } from "@/types/global";
+import { Theme } from "@/styles";
+export declare const drawZoom2MonthsOnTop: (ctx: CanvasRenderingContext2D, cols: number, startDate: Day, theme: Theme) => void;

package/dist/utils/drawHeader/drawRows/drawDaysOnBottom.d.ts

@@ -0,0 +1,3 @@
+import { Day } from "@/types/global";
+import { Theme } from "@/styles";
+export declare const drawDaysOnBottom: (ctx: CanvasRenderingContext2D, cols: number, startDate: Day, theme: Theme) => void;

package/dist/utils/drawHeader/drawRows/drawMonthsInMiddle.d.ts

@@ -0,0 +1,3 @@
+import { Day } from "@/types/global";
+import { Theme } from "@/styles";
+export declare const drawMonthsInMiddle: (ctx: CanvasRenderingContext2D, cols: number, startDate: Day, theme: Theme) => void;

package/dist/utils/drawHeader/drawRows/drawMonthsOnTop.d.ts

@@ -0,0 +1,3 @@
+import { Day } from "@/types/global";
+import { Theme } from "@/styles";
+export declare const drawMonthsOnTop: (ctx: CanvasRenderingContext2D, startDate: Day, theme: Theme) => void;

package/dist/utils/drawHeader/drawRows/drawWeeksInMiddle.d.ts

@@ -0,0 +1,3 @@
+import { Day } from "@/types/global";
+import { Theme } from "@/styles";
+export declare const drawWeeksInMiddle: (ctx: CanvasRenderingContext2D, startDate: Day, weekLabel: string, theme: Theme) => void;

package/dist/utils/drawHeader/drawRows/drawWeeksOnBottom.d.ts

@@ -0,0 +1,3 @@
+import { Day } from "@/types/global";
+import { Theme } from "@/styles";
+export declare const drawWeeksOnBottom: (ctx: CanvasRenderingContext2D, cols: number, startDate: Day, weekLabel: string, theme: Theme) => void;

package/dist/utils/drawHeader/drawRows/drawYearsOnTop.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from "@/styles";
+import { Day } from "@/types/global";
+export declare const drawYearsOnTop: (ctx: CanvasRenderingContext2D, startDate: Day, dayOfYear: number, theme: Theme) => void;

package/dist/utils/drawHeader/drawRows/drawZoom2DaysInMiddle.d.ts

@@ -0,0 +1,3 @@
+import { Day } from "@/types/global";
+import { Theme } from "@/styles";
+export declare const drawZoom2DaysInMiddle: (ctx: CanvasRenderingContext2D, cols: number, startDate: Day, theme: Theme) => void;

package/dist/utils/drawHeader/drawRows/drawZoom2HoursOnBottom.d.ts

@@ -0,0 +1,3 @@
+import { Day } from "@/types/global";
+import { Theme } from "@/styles";
+export declare const drawZoom2HoursOnBottom: (ctx: CanvasRenderingContext2D, cols: number, startDate: Day, theme: Theme) => void;

package/dist/utils/drawRow.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from "@/styles";
+import { DrawRowConfig } from "@/types/global";
+export declare const drawRow: (config: DrawRowConfig, theme: Theme) => void;

package/dist/utils/getBoxFillStyle.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from "@/styles";
+import { TextAndBoxStyleConfig } from "@/types/global";
+export declare const getBoxFillStyle: (config: TextAndBoxStyleConfig, theme: Theme) => string;

package/dist/utils/getCanvasWidth.d.ts

@@ -0,0 +1 @@
+export declare const getCanvasWidth: () => number;

package/dist/utils/getCols.d.ts

@@ -0,0 +1,2 @@
+export declare const getCols: (zoom: number) => number;
+export declare const getVisibleCols: (zoom: number) => number;

package/dist/utils/getDatesRange.d.ts

@@ -0,0 +1,11 @@
+import dayjs from "dayjs";
+export type DatesRange = {
+    startDate: dayjs.Dayjs;
+    endDate: dayjs.Dayjs;
+};
+export type ParsedDatesRange = {
+    startDate: Date;
+    endDate: Date;
+};
+export declare const getDatesRange: (date: dayjs.Dayjs, zoom: number) => DatesRange;
+export declare const getParsedDatesRange: (date: dayjs.Dayjs, zoom: number) => ParsedDatesRange;

package/dist/utils/getDayOccupancy.d.ts

@@ -0,0 +1,3 @@
+import dayjs from "dayjs";
+import { OccupancyData, SchedulerProjectData } from "@/types/global";
+export declare const getDayOccupancy: (occupancy: SchedulerProjectData[], focusedDate: dayjs.Dayjs, zoom: number, includeTakenHoursOnWeekendsInDayView: boolean) => OccupancyData;

package/dist/utils/getDuration.d.ts

@@ -0,0 +1,2 @@
+import { TimeUnits } from "@/types/global";
+export declare const getDuration: (seconds: number) => TimeUnits;

package/dist/utils/getHourOccupancy.d.ts

@@ -0,0 +1,3 @@
+import dayjs from "dayjs";
+import { OccupancyData, SchedulerProjectData } from "@/types/global";
+export declare const getHourOccupancy: (occupancy: SchedulerProjectData[], focusedDate: dayjs.Dayjs) => OccupancyData;

package/dist/utils/getOccupancy.d.ts

@@ -0,0 +1,3 @@
+import dayjs from "dayjs";
+import { SchedulerProjectData, OccupancyData, ZoomLevel } from "@/types/global";
+export declare const getOccupancy: (resource: SchedulerProjectData[][], resourceIndex: number, focusedDate: dayjs.Dayjs, zoom: ZoomLevel, includeTakenHoursOnWeekendsInDayView?: boolean) => OccupancyData;

package/dist/utils/getProjectsOnGrid.d.ts

@@ -0,0 +1,5 @@
+import { SchedulerData, SchedulerProjectData, ZoomLevel } from "@/types/global";
+export declare const projectsOnGrid: (data: SchedulerData, zoomLevel?: ZoomLevel) => {
+    projectsPerPerson: SchedulerProjectData[][][];
+    rowsPerPerson: number[];
+};

package/dist/utils/getTextStyle.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from "@/styles";
+import { TextAndBoxStyleConfig } from "@/types/global";
+export declare const getTextStyle: (config: TextAndBoxStyleConfig, theme: Theme) => string;

package/dist/utils/getTileProperties.d.ts

@@ -0,0 +1,3 @@
+import dayjs from "dayjs";
+import { TileProperties } from "@/types/global";
+export declare const getTileProperties: (row: number, startDate: dayjs.Dayjs, endDate: dayjs.Dayjs, resourceStartDate: Date, resourceEndDate: Date, zoom: number) => TileProperties;

package/dist/utils/getTileTextColor.d.ts

@@ -0,0 +1,13 @@
+/**
+ * calculates whether or not text on given hex color should be black or white
+ * based on WCAG 2.0 recommendations
+ * @param hexColor - color of the background on which font will be placed
+ * @returns font color that matches contrast recommended by WCAG 2.0 (black or white)
+ * @example
+ * // returns "black"
+ * getTextColor("#FFFFFF")
+ * @example
+ * // returns "white"
+ * getTextColor("#000000");
+ */
+export declare const getTileTextColor: (hexColor: string) => "black" | "white";

package/dist/utils/getTileXAndWidth.d.ts

@@ -0,0 +1,5 @@
+import { DatesRange } from "./getDatesRange";
+export declare const getTileXAndWidth: (item: DatesRange, range: DatesRange, zoom: number) => {
+    x: number;
+    width: number;
+};

package/dist/utils/getTimeOccupancy.d.ts

@@ -0,0 +1,2 @@
+import { OccupancyData, TimeUnits } from "@/types/global";
+export declare const getTimeOccupancy: (timeUnits: TimeUnits, zoom: number) => Omit<OccupancyData, "taken">;

package/dist/utils/getTooltipData.d.ts

@@ -0,0 +1,2 @@
+import { Day, Coords, SchedulerProjectData, TooltipData, ZoomLevel } from "@/types/global";
+export declare const getTooltipData: (startDate: Day, cursorPosition: Coords, rowsPerPerson: number[], resourcesData: SchedulerProjectData[][][], zoom: ZoomLevel, includeTakenHoursOnWeekendsInDayView?: boolean) => TooltipData;

package/dist/utils/getTotalHoursAndMinutes.d.ts

@@ -0,0 +1,5 @@
+import { TimeUnits } from "@/types/global";
+export declare const getTotalHoursAndMinutes: (item: TimeUnits[]) => {
+    hours: number;
+    minutes: number;
+};

package/dist/utils/getTotalRowsPerPage.d.ts

@@ -0,0 +1,2 @@
+import { PaginatedSchedulerData } from "@/types/global";
+export declare const getTotalRowsPerPage: (page: PaginatedSchedulerData) => number;

package/dist/utils/getWeekOccupancy.d.ts

@@ -0,0 +1,3 @@
+import dayjs from "dayjs";
+import { OccupancyData, SchedulerProjectData, ZoomLevel } from "@/types/global";
+export declare const getWeekOccupancy: (occupancy: SchedulerProjectData[], focusedDate: dayjs.Dayjs, zoom: ZoomLevel) => OccupancyData;

package/dist/utils/resizeCanvas.d.ts

@@ -0,0 +1 @@
+export declare const resizeCanvas: (ctx: CanvasRenderingContext2D, width: number, height: number) => void;

package/dist/utils/setProjectsInRows.d.ts

@@ -0,0 +1,2 @@
+import { SchedulerProjectData, ZoomLevel } from "@/types/global";
+export declare const setProjectsInRows: (projects: SchedulerProjectData[], zoomLevel?: ZoomLevel) => SchedulerProjectData[][];

package/dist/utils/splitToPages.d.ts

@@ -0,0 +1,2 @@
+import { PaginatedSchedulerData, SchedulerData, SchedulerProjectData } from "@/types/global";
+export declare const splitToPages: (data: SchedulerData, projectsPerPerson: SchedulerProjectData[][][], rowsPerPerson: number[], recordsThreshold: number) => PaginatedSchedulerData[];