josenanodev-react-components-library 0.2.18 → 1.0.0

package/dist/cjs/components/Multicalendar/Multicalendar.js

@@ -1,369 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const Funciones = __importStar(require("./MulticalendarOwnFunctions"));
-require("./Multicalendar.css");
-//Assets
-const bs_1 = require("react-icons/bs");
-//Componentes
-const DatesRow_1 = __importDefault(require("./subcomponents/individuals/DatesRow/DatesRow"));
-const ListElementsColumn_1 = __importDefault(require("./subcomponents/composites/ListElementsColumn/ListElementsColumn"));
-const DatesGrid_1 = __importDefault(require("./subcomponents/composites/DatesGrid/DatesGrid"));
-const DropdownMonthNavigation_1 = __importDefault(require("./subcomponents/individuals/DropdownMonthNavigation/DropdownMonthNavigation"));
-//Hooks
-const useWindowsSize_1 = __importDefault(require("../../hooks/useWindowsSize"));
-//Utils
-const sqlToJsDate_1 = __importDefault(require("../../utils/sqlToJsDate"));
-//Services
-const MulticalendarStatesAndSettings_1 = require("../../Services/MulticalendarStatesAndSettings");
-const Multicalendar = ({ multicalendarId, ReactCellChildren, ReactListElementChildren, listElementsIdsArray, language, pastDatesVisible = true, cellsWidth = 120, cellsHeight = 80, verticalAxisWidth = 280, pastDaysInitialQuantity = 365, futureDaysInitialQuantity = 365, chunkRenderX = 0, chunkRenderY = 0, dynamicDaysQuantity = false, authomaticScrollOnDraggingOverEdges = false, waitTimeForCalls = 500, callsOnInitialView, callsOnScrollingStops, aditionalControlsComponents, upperLeftComponent, autoSavePosition, onScrollTopChanges, onScrollLeftChanges, }) => {
-    var _a, _b;
-    //Constantes del componente
-    const initialDateOffset = 1 + chunkRenderX;
-    //Refs
-    const datesRowRef = (0, react_1.useRef)(null);
-    const destiniesColumnRef = (0, react_1.useRef)(null);
-    const gridWrapperRef = (0, react_1.useRef)(null);
-    const controlsWrapperRef = (0, react_1.useRef)(null);
-    const horizontalAxisWrapperRef = (0, react_1.useRef)(null);
-    //Estados
-    const [firtsCallOnInitialViewDone, setFirtsCallOnInitialViewDone] = (0, react_1.useState)(false);
-    const [windowWidth, windowHeight] = (0, useWindowsSize_1.default)();
-    const [futureDaysQuantity, setFutureDaysQuantity] = (0, react_1.useState)(Math.ceil(futureDaysInitialQuantity));
-    const [pastDaysQuantity, setPastDaysQuantity] = (0, react_1.useState)(pastDatesVisible ? Math.ceil(pastDaysInitialQuantity) : 0);
-    const [paginationWidth, setPaginationWidth] = (0, react_1.useState)(0);
-    const [paginationHeight, setPaginationHeight] = (0, react_1.useState)(0);
-    const [xOffset, setXOffset] = (0, react_1.useState)(1);
-    const [yOffset, setYOffset] = (0, react_1.useState)(0);
-    const [visibleDates, setVisibleDates] = (0, react_1.useState)([]);
-    const [visibleListElementsIds, setVisibleListElementsIds] = (0, react_1.useState)([]);
-    const [updateList, setUpdateList] = (0, react_1.useState)(false);
-    const [origin, setOrigin] = (0, react_1.useState)({
-        x: (0, MulticalendarStatesAndSettings_1.getMulticalendarScrollLeftPosition)(multicalendarId)
-            ? Number((0, MulticalendarStatesAndSettings_1.getMulticalendarScrollLeftPosition)(multicalendarId))
-            : pastDatesVisible
-                ? Math.ceil(pastDaysInitialQuantity) * cellsWidth
-                : 0,
-        y: (0, MulticalendarStatesAndSettings_1.getMulticalendarScrollTopPosition)(multicalendarId)
-            ? Number((0, MulticalendarStatesAndSettings_1.getMulticalendarScrollTopPosition)(multicalendarId))
-            : 0,
-    });
-    const [xPosition, setXPosition] = (0, react_1.useState)(origin.x);
-    const [yPosition, setYPosition] = (0, react_1.useState)(origin.y);
-    const [renderCoordinates, setRenderCoordinates] = (0, react_1.useState)({
-        x: origin.x,
-        y: origin.y,
-    });
-    const [initialPositioningDone, setInitialPositioningDone] = (0, react_1.useState)(false);
-    const [minimumVisibleDate, setMinimumVisibleDate] = (0, react_1.useState)(new Date());
-    const [idTimeoutForCalls, setIdTimeoutForCalls] = (0, react_1.useState)(undefined);
-    const [clientXPositionOnGrid, setClientXPositionOnGrid] = (0, react_1.useState)(undefined);
-    const [clientYPositionOnGrid, setClientYPositionOnGrid] = (0, react_1.useState)(undefined);
-    const [scrollingOnCourse, setScrollingOnCourse] = (0, react_1.useState)(false);
-    const [controlsWrapperHeight, setControlsWrapperHeight] = (0, react_1.useState)(((_a = controlsWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) ? controlsWrapperRef.current.clientHeight : 0);
-    const [horizontalAxisWrapperHeight, setHorizontalAxisWrapperHeight] = (0, react_1.useState)(((_b = horizontalAxisWrapperRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight)
-        ? horizontalAxisWrapperRef.current.clientHeight
-        : 0);
-    const [userIsHoldingMouseDown, setUserIsHoldingMouseDown] = (0, react_1.useState)(false);
-    //UseEffect
-    (0, react_1.useEffect)(() => {
-        setOrigin({
-            x: pastDatesVisible ? Math.ceil(pastDaysInitialQuantity) * cellsWidth : 0,
-            y: 0,
-        });
-    }, [pastDatesVisible, pastDaysInitialQuantity, cellsWidth]);
-    (0, react_1.useEffect)(() => {
-        //Cached positions
-        if (gridWrapperRef.current && initialPositioningDone === false) {
-            gridWrapperRef.current.scrollTop = origin.y;
-            gridWrapperRef.current.scrollLeft = origin.x;
-            setInitialPositioningDone(true);
-        }
-    }, [origin.y, origin.x, initialPositioningDone]);
-    (0, react_1.useEffect)(() => {
-        if (onScrollLeftChanges) {
-            onScrollLeftChanges(xPosition);
-        }
-        if (onScrollTopChanges) {
-            onScrollTopChanges(yPosition);
-        }
-        return () => {
-            if (autoSavePosition) {
-                if (yPosition !== origin.y) {
-                    (0, MulticalendarStatesAndSettings_1.setMulticalendarScrollTopPosition)(multicalendarId, String(yPosition));
-                }
-                if (xPosition !== origin.x) {
-                    (0, MulticalendarStatesAndSettings_1.setMulticalendarScrollLeftPosition)(multicalendarId, String(xPosition));
-                }
-            }
-        };
-    }, [autoSavePosition, yPosition, xPosition, origin.y, origin.x]);
-    (0, react_1.useEffect)(() => {
-        if (pastDatesVisible) {
-            setPastDaysQuantity(Math.ceil(pastDaysInitialQuantity));
-        }
-        else {
-            setPastDaysQuantity(0);
-        }
-    }, [pastDatesVisible, pastDaysInitialQuantity]);
-    (0, react_1.useEffect)(() => {
-        if (!firtsCallOnInitialViewDone &&
-            visibleListElementsIds.length > 0 &&
-            visibleDates.length > 0 &&
-            callsOnInitialView) {
-            setFirtsCallOnInitialViewDone(true);
-            callsOnInitialView(visibleListElementsIds, visibleDates);
-        }
-    }, [
-        firtsCallOnInitialViewDone,
-        visibleListElementsIds,
-        visibleDates,
-        callsOnInitialView,
-    ]);
-    (0, react_1.useEffect)(() => {
-        var _a, _b;
-        const localConstControlsWrapperHeight = ((_a = controlsWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight)
-            ? controlsWrapperRef.current.clientHeight
-            : 0;
-        const localConstHorizontalAxisWrapperHeight = ((_b = horizontalAxisWrapperRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight)
-            ? horizontalAxisWrapperRef.current.clientHeight
-            : 0;
-        setControlsWrapperHeight(localConstControlsWrapperHeight);
-        setHorizontalAxisWrapperHeight(localConstHorizontalAxisWrapperHeight);
-        setUpdateList(true);
-        // Dimensiones de paginacion, requiere agregar 1 para no ver espacios en blanco
-        setPaginationWidth(Math.ceil((windowWidth - verticalAxisWidth) / cellsWidth) + 1);
-        setPaginationHeight(Math.ceil((windowHeight -
-            localConstControlsWrapperHeight -
-            localConstHorizontalAxisWrapperHeight) /
-            cellsHeight) + 1);
-        // Redefinicion de posicion X ante cambios en el tamaño de la ventana
-        if (gridWrapperRef.current !== null) {
-            setXPosition(gridWrapperRef.current.scrollLeft);
-            setRenderCoordinates({
-                x: gridWrapperRef.current.scrollLeft,
-                y: gridWrapperRef.current.scrollTop,
-            });
-            setXOffset(Math.floor(gridWrapperRef.current.scrollLeft / cellsWidth) - chunkRenderX);
-        }
-    }, [
-        windowWidth,
-        windowHeight,
-        verticalAxisWidth,
-        cellsHeight,
-        cellsWidth,
-        chunkRenderX,
-    ]);
-    (0, react_1.useEffect)(() => {
-        // Definicion de visibilidad y renderizacion del Eje Y
-        if ((renderCoordinates.x === origin.x && renderCoordinates.y === origin.y) ||
-            Math.abs(renderCoordinates.y - yPosition) / cellsHeight > chunkRenderY ||
-            updateList) {
-            if (!(renderCoordinates.x === origin.x && renderCoordinates.y === origin.y)) {
-                if (gridWrapperRef.current !== null)
-                    setRenderCoordinates({
-                        x: gridWrapperRef.current.scrollLeft,
-                        y: gridWrapperRef.current.scrollTop,
-                    });
-            }
-            let desfase = Funciones.defineYOffset(yPosition, cellsHeight, chunkRenderY);
-            setYOffset(desfase);
-            setVisibleListElementsIds(Funciones.defineListElementsArrayVisibleList(paginationHeight, chunkRenderY, desfase, listElementsIdsArray));
-            if (updateList)
-                setUpdateList(false);
-        }
-    }, [
-        updateList,
-        yPosition,
-        cellsHeight,
-        chunkRenderY,
-        origin.x,
-        origin.y,
-        paginationHeight,
-        renderCoordinates.x,
-        renderCoordinates.y,
-        listElementsIdsArray,
-    ]);
-    (0, react_1.useEffect)(() => {
-        // Definicion de visibilidad y renderizacion del Eje X
-        if ((renderCoordinates.x === origin.x && renderCoordinates.y === origin.y) ||
-            xPosition < cellsWidth ||
-            Math.abs(renderCoordinates.x - xPosition) / cellsWidth > chunkRenderX ||
-            updateList) {
-            setVisibleDates([]);
-            if (!(renderCoordinates.x === origin.x && renderCoordinates.y === origin.y)) {
-                if (gridWrapperRef.current !== null)
-                    setRenderCoordinates({
-                        x: gridWrapperRef.current.scrollLeft,
-                        y: gridWrapperRef.current.scrollTop,
-                    });
-            }
-            setXOffset(Funciones.defineXOffset(xPosition, cellsWidth, chunkRenderX));
-            const fechaMinimaMilisegundos = Funciones.minimalDateMilliseconds(xPosition, cellsWidth, pastDaysQuantity, initialDateOffset);
-            setMinimumVisibleDate(Funciones.defineMinimalVisibleDate(fechaMinimaMilisegundos, initialDateOffset));
-            if (updateList)
-                setUpdateList(false);
-            setVisibleDates(Funciones.defineVisibleDatesArray(paginationWidth, chunkRenderX, fechaMinimaMilisegundos));
-        }
-    }, [
-        updateList,
-        paginationWidth,
-        xPosition,
-        chunkRenderX,
-        cellsWidth,
-        initialDateOffset,
-        pastDaysQuantity,
-        renderCoordinates.x,
-        renderCoordinates.y,
-        origin.x,
-        origin.y,
-    ]);
-    (0, react_1.useEffect)(() => {
-        setScrollingOnCourse(true);
-        clearTimeout(idTimeoutForCalls);
-        setIdTimeoutForCalls(undefined);
-        // eslint-disable-next-line
-    }, [xPosition, yPosition]);
-    (0, react_1.useEffect)(() => {
-        if (idTimeoutForCalls === undefined) {
-            let _id = setTimeout(() => setScrollingOnCourse(false), waitTimeForCalls);
-            setIdTimeoutForCalls(_id);
-        }
-    }, [xPosition, yPosition, idTimeoutForCalls, waitTimeForCalls]);
-    (0, react_1.useEffect)(() => {
-        if (!scrollingOnCourse && callsOnScrollingStops) {
-            callsOnScrollingStops(visibleListElementsIds, visibleDates);
-        }
-        // eslint-disable-next-line
-    }, [scrollingOnCourse, visibleListElementsIds, visibleDates]);
-    //Cancelar idIntervalo Autoscroll de rango cuando se deja de seleccionar
-    (0, react_1.useEffect)(() => {
-        if (!authomaticScrollOnDraggingOverEdges) {
-            if (clientXPositionOnGrid !== undefined)
-                setClientXPositionOnGrid(undefined);
-            if (clientYPositionOnGrid !== undefined)
-                setClientYPositionOnGrid(undefined);
-        }
-    }, [authomaticScrollOnDraggingOverEdges, clientXPositionOnGrid, clientYPositionOnGrid]);
-    (0, react_1.useEffect)(() => {
-        document.body.addEventListener("mousedown", () => {
-            setUserIsHoldingMouseDown(true);
-        });
-        document.body.addEventListener("mouseup", () => {
-            setUserIsHoldingMouseDown(false);
-        });
-        return () => {
-            document.body.removeEventListener("mousedown", () => {
-                setUserIsHoldingMouseDown(true);
-            });
-            document.body.removeEventListener("mouseup", () => {
-                setUserIsHoldingMouseDown(false);
-            });
-        };
-    }, [authomaticScrollOnDraggingOverEdges]);
-    //Render
-    return (react_1.default.createElement("div", { key: multicalendarId, id: multicalendarId, "data-testid": multicalendarId, className: "multicalendar", style: {
-            gridTemplateColumns: `${verticalAxisWidth}px`,
-            gridTemplateRows: `auto auto calc(100% - ${controlsWrapperHeight + horizontalAxisWrapperHeight}px`,
-        } },
-        react_1.default.createElement("div", { ref: controlsWrapperRef, className: "controls" },
-            react_1.default.createElement("div", { className: "div-dates-navigation" },
-                react_1.default.createElement(DropdownMonthNavigation_1.default, { minimumVisibleDate: minimumVisibleDate, onChangeAction: (valorDeOpcion) => {
-                        Funciones.scrollByDate(new Date(Number(Date.parse((0, sqlToJsDate_1.default)(valorDeOpcion).toString()))), gridWrapperRef, pastDaysQuantity, cellsWidth);
-                    }, options: Funciones.defineMonthsArray(pastDaysQuantity, futureDaysQuantity, language) }),
-                react_1.default.createElement("button", { onClick: () => Funciones.scrollByDate(new Date(), gridWrapperRef, pastDaysQuantity, cellsWidth) }, language["Today"])),
-            aditionalControlsComponents && (react_1.default.createElement("div", { className: "div-aditional-controls-components" }, aditionalControlsComponents))),
-        react_1.default.createElement("div", { className: "div-upper-left-component" }, upperLeftComponent),
-        react_1.default.createElement("div", { className: "vertical-axis" },
-            react_1.default.createElement("div", { ref: destiniesColumnRef, className: "div-list-element-column", onScroll: (e) => {
-                    // Se puede hacer funcion
-                    if (gridWrapperRef.current !== null)
-                        gridWrapperRef.current.scrollTop = e.target.scrollTop;
-                } },
-                react_1.default.createElement(ListElementsColumn_1.default, { listHeight: cellsHeight * listElementsIdsArray.length, yOffset: yOffset, elementsHeight: cellsHeight, idsArray: visibleListElementsIds, ReactListElementChildren: ReactListElementChildren }))),
-        react_1.default.createElement("div", { ref: horizontalAxisWrapperRef, className: "horizontal-axis" },
-            react_1.default.createElement("div", { className: "div-weeks-buttons" },
-                react_1.default.createElement("button", { className: "past-week-button", onClick: () => {
-                        // Se puede hacer funcion
-                        if (datesRowRef.current !== null)
-                            datesRowRef.current.scroll({
-                                left: datesRowRef.current.scrollLeft - cellsWidth * 7,
-                            });
-                    } },
-                    react_1.default.createElement(bs_1.BsChevronLeft, null)),
-                react_1.default.createElement("button", { onClick: () => {
-                        // Se puede hacer funcion
-                        if (datesRowRef.current !== null)
-                            datesRowRef.current.scroll({
-                                left: datesRowRef.current.scrollLeft + cellsWidth * 7,
-                            });
-                    }, className: "next-week-button" },
-                    react_1.default.createElement(bs_1.BsChevronRight, null))),
-            react_1.default.createElement("div", { ref: datesRowRef, className: "div-dates-row", onScroll: (e) => {
-                    if (gridWrapperRef.current !== null)
-                        gridWrapperRef.current.scrollLeft = e.target.scrollLeft;
-                } },
-                react_1.default.createElement(DatesRow_1.default, { visibleDates: visibleDates, width: (pastDaysQuantity + futureDaysQuantity) * cellsWidth, height: 74, cellsWidth: cellsWidth, cellsHeight: 74, offset: xOffset, language: language }))),
-        react_1.default.createElement("div", { className: "div-main-container" },
-            react_1.default.createElement("div", { ref: gridWrapperRef, className: "main-container", onScroll: (e) => {
-                    if (datesRowRef.current !== null) {
-                        const scrollLeft = e.target.scrollLeft;
-                        datesRowRef.current.scrollLeft = scrollLeft;
-                        setXPosition(scrollLeft);
-                    }
-                    if (destiniesColumnRef.current !== null) {
-                        const scrollTop = e.target.scrollTop;
-                        destiniesColumnRef.current.scrollTop = scrollTop;
-                        setYPosition(scrollTop);
-                    }
-                    if (dynamicDaysQuantity &&
-                        e.target.scrollLeft +
-                            e.target.offsetWidth >
-                            (pastDaysQuantity + futureDaysQuantity) * cellsWidth - cellsWidth) {
-                        setFutureDaysQuantity(futureDaysQuantity + 1);
-                    }
-                    if (pastDatesVisible &&
-                        dynamicDaysQuantity &&
-                        e.target.scrollLeft < cellsWidth) {
-                        setPastDaysQuantity(pastDaysQuantity + 1);
-                        e.target.scrollLeft = cellsWidth * 3;
-                    }
-                    Funciones.authomaticScrollInGrid(userIsHoldingMouseDown, clientXPositionOnGrid, clientYPositionOnGrid, cellsWidth * 0.8, cellsHeight * 0.8, e.target);
-                }, onMouseMove: (e) => {
-                    if (gridWrapperRef.current !== null && userIsHoldingMouseDown) {
-                        let x = e.clientX - gridWrapperRef.current.getBoundingClientRect().left;
-                        let y = e.clientY - gridWrapperRef.current.getBoundingClientRect().top;
-                        setClientXPositionOnGrid(x);
-                        setClientYPositionOnGrid(y);
-                        Funciones.startAuthomaticScrollInGrid(userIsHoldingMouseDown, x, y, cellsWidth * 0.8, cellsHeight * 0.8, gridWrapperRef);
-                    }
-                } },
-                react_1.default.createElement(DatesGrid_1.default, { gridWidth: (pastDaysQuantity + futureDaysQuantity) * cellsWidth, gridHeight: cellsHeight * listElementsIdsArray.length, xOffset: xOffset, yOffset: yOffset, cellsWidth: cellsWidth, cellsHeight: cellsHeight, visibleListElementsIdsArray: visibleListElementsIds, visibleDates: visibleDates, ReactCellChildren: ReactCellChildren })))));
-};
-exports.default = Multicalendar;

package/dist/cjs/components/Multicalendar/MulticalendarOwnFunctions.js

@@ -1,192 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.authomaticScrollInGrid = exports.startAuthomaticScrollInGrid = exports.defineMonthsArray = exports.defineListElementsArrayVisibleList = exports.defineYOffset = exports.defineVisibleDatesArray = exports.defineXOffset = exports.defineMinimalVisibleDate = exports.minimalDateMilliseconds = exports.scrollByDate = void 0;
-const react_1 = __importDefault(require("react"));
-//Utils
-const jsToSqlDate_1 = __importDefault(require("../../utils/jsToSqlDate"));
-const monthYearString_1 = __importDefault(require("../../utils/monthYearString"));
-//Variables
-const constants_1 = require("../../common/constants");
-/**
- *
- * @param dateObject Date Object
- * @param elementRef ref of the element that will be scrolled
- * @param leftPagination number of cells to the left
- * @param cellsWidth width of cells
- */
-function scrollByDate(dateObject, elementRef, leftPagination, cellsWidth) {
-    //nueva posicion de scroll horizontal = cantidad de dias hasta hoy * ancho de celda
-    if (elementRef.current !== null) {
-        elementRef.current.scrollLeft =
-            ((Date.parse(dateObject.toString()) -
-                (Date.parse(new Date().toString()) -
-                    (leftPagination + 1) * constants_1.millisecondsOfOneDay)) /
-                constants_1.millisecondsOfOneDay) *
-                cellsWidth;
-    }
-}
-exports.scrollByDate = scrollByDate;
-/**
- *
- * @param xPosition position X of grid
- * @param cellsWidth width of grid cells
- * @param leftPagination number of cells to the left
- * @param initialDateOffset offset of cells for the initial date
- * @returns milliseconds of the minimal date
- */
-function minimalDateMilliseconds(xPosition, cellsWidth, leftPagination, initialDateOffset) {
-    let minimalDate = new Date(Date.parse(new Date().toString()) +
-        constants_1.millisecondsOfOneDay *
-            (Math.floor(xPosition / cellsWidth) - leftPagination - initialDateOffset));
-    minimalDate.setHours(12, 0, 0, 0);
-    return Date.parse(minimalDate.toString());
-}
-exports.minimalDateMilliseconds = minimalDateMilliseconds;
-/**
- *
- * @param millisecondsOfMinimalDate milliseconds of the minimal date
- * @param initialDateOffset offset of number of cells for initial date
- * @returns The minimal visible date object
- */
-function defineMinimalVisibleDate(millisecondsOfMinimalDate, initialDateOffset) {
-    return new Date(millisecondsOfMinimalDate + initialDateOffset * constants_1.millisecondsOfOneDay);
-}
-exports.defineMinimalVisibleDate = defineMinimalVisibleDate;
-/**
- *
- * @param xPosition current x position in the grid horizontal scroll
- * @param cellsWidth width of grid cells
- * @param chunkRenderX extra rendered cells in a row
- * @returns number X offset
- */
-function defineXOffset(xPosition, cellsWidth, chunkRenderX) {
-    return Math.floor(xPosition / cellsWidth) - chunkRenderX;
-}
-exports.defineXOffset = defineXOffset;
-/**
- *
- * @param paginationWidth width of pagination of horizontal axis of the grid
- * @param chunkRenderX extra rendered cells in every row
- * @param minimalDateMilliseconds milliseconds of the minimal date
- * @returns an array containing all the dates that should be rendered base on position of x scroll
- */
-function defineVisibleDatesArray(paginationWidth, chunkRenderX, minimalDateMilliseconds) {
-    let array = [];
-    for (let index = 0; index < paginationWidth + chunkRenderX * 2; index++) {
-        array[index] = new Date(minimalDateMilliseconds + constants_1.millisecondsOfOneDay * (index + 1));
-    }
-    return array;
-}
-exports.defineVisibleDatesArray = defineVisibleDatesArray;
-/**
- *
- * @param yPosition current y position in the grid vertical scroll
- * @param cellsHeight height of grid cells
- * @param chunkRenderY extra rendered cells in every column
- * @returns number Y offset
- */
-function defineYOffset(yPosition, cellsHeight, chunkRenderY) {
-    let desfase = Math.floor(yPosition / cellsHeight) - chunkRenderY;
-    if (desfase < 0)
-        desfase = 0;
-    return desfase;
-}
-exports.defineYOffset = defineYOffset;
-/**
- *
- * @param paginationHeight height of pagination of the vertical axis of the grid
- * @param chunkRenderY extra rendered cells in every column
- * @param offset offset from top of the list
- * @param listElementsIds all ids array
- * @returns Array of the destinies that will be rendered
- */
-function defineListElementsArrayVisibleList(paginationHeight, chunkRenderY, offset, listElementsIds) {
-    let array = [];
-    for (let index = 0; index < paginationHeight + chunkRenderY * 2; index++) {
-        if (listElementsIds[index + offset] && index + offset >= 0)
-            array[index] = listElementsIds[index + offset];
-    }
-    return array;
-}
-exports.defineListElementsArrayVisibleList = defineListElementsArrayVisibleList;
-/**
- *
- * @param leftPagination number of cells to the left
- * @param language language object for traductions
- * @returns string of the date, month followed by year
- */
-function defineMonthsArray(leftPagination, rightPagination, language) {
-    let minimumDateMilliseconds = Date.parse(new Date().toString()) - leftPagination * constants_1.millisecondsOfOneDay;
-    let maximumDateMilliseconds = Date.parse(new Date().toString()) + rightPagination * constants_1.millisecondsOfOneDay;
-    let array = [];
-    let sideArray = [];
-    for (let index = 0; index * constants_1.millisecondsOfOneDay + minimumDateMilliseconds < maximumDateMilliseconds; index++) {
-        let dateObject = new Date(constants_1.millisecondsOfOneDay * index + minimumDateMilliseconds);
-        let firstDayOfTheMonth = dateObject;
-        firstDayOfTheMonth.setDate(1);
-        firstDayOfTheMonth.setHours(12, 0, 0, 0);
-        let dateString = (0, monthYearString_1.default)(dateObject, language);
-        if (!sideArray.includes(dateString)) {
-            sideArray.push(dateString);
-            array.push(react_1.default.createElement("option", {
-                key: (0, jsToSqlDate_1.default)(firstDayOfTheMonth),
-                value: (0, jsToSqlDate_1.default)(firstDayOfTheMonth),
-            }, dateString));
-        }
-    }
-    return array;
-}
-exports.defineMonthsArray = defineMonthsArray;
-/**
- *
- * @param holdingClic boolean to know if mouse id down
- * @param xClientPosition position x of the client
- * @param yClientPosition position y of the client
- * @param widthHorizontalBorder horizontal border of activation
- * @param widthVerticalBorder vertical border of activation
- * @param gridRef ref ofthe grid container
- */
-function startAuthomaticScrollInGrid(holdingClic, xClientPosition, yClientPosition, widthHorizontalBorder, widthVerticalBorder, gridRef) {
-    if (holdingClic && gridRef.current !== null) {
-        if (xClientPosition < widthHorizontalBorder)
-            gridRef.current.scrollLeft -= 10;
-        if (xClientPosition > gridRef.current.offsetWidth - widthHorizontalBorder)
-            gridRef.current.scrollLeft += 10;
-        if (yClientPosition < widthVerticalBorder)
-            gridRef.current.scrollTop -= 10;
-        if (yClientPosition > gridRef.current.offsetHeight - widthVerticalBorder)
-            gridRef.current.scrollTop += 10;
-    }
-}
-exports.startAuthomaticScrollInGrid = startAuthomaticScrollInGrid;
-/**
- *
- * @param holdingClic boolean to know if mouse id down
- * @param xClientPosition position x of the client
- * @param yClientPosition position y of the client
- * @param widthHorizontalBorder horizontal border of activation
- * @param widthVerticalBorder vertical border of activation
- * @param gridContainer grid container
- */
-function authomaticScrollInGrid(holdingClic, xClientPosition, yClientPosition, widthHorizontalBorder, widthVerticalBorder, gridContainer) {
-    if (holdingClic) {
-        if (xClientPosition) {
-            if (xClientPosition < widthHorizontalBorder)
-                gridContainer.scrollLeft -= widthHorizontalBorder - xClientPosition;
-            if (xClientPosition > gridContainer.offsetWidth - widthHorizontalBorder)
-                gridContainer.scrollLeft +=
-                    xClientPosition + widthHorizontalBorder - gridContainer.offsetWidth;
-        }
-        if (yClientPosition) {
-            if (yClientPosition < widthVerticalBorder)
-                gridContainer.scrollTop -= widthVerticalBorder - yClientPosition;
-            if (yClientPosition > gridContainer.offsetHeight - widthVerticalBorder)
-                gridContainer.scrollTop +=
-                    yClientPosition + widthVerticalBorder - gridContainer.offsetHeight;
-        }
-    }
-}
-exports.authomaticScrollInGrid = authomaticScrollInGrid;

package/dist/cjs/components/Multicalendar/subcomponents/composites/CellsRow/CellsRow.css

@@ -1,5 +0,0 @@
-.cells-row {
-  display: flex;
-  flex-flow: row;
-}
-

package/dist/cjs/components/Multicalendar/subcomponents/composites/CellsRow/CellsRow.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-require("./CellsRow.css");
-//Componentes
-const Cell_1 = __importDefault(require("../../individuals/Cell/Cell"));
-//Utils
-const jsToSqlDate_1 = __importDefault(require("../../../../../utils/jsToSqlDate"));
-const CellsRow = ({ listElementId, visibleDatesArray, width, height, cellsWidth, cellsHeight, ReactCellChildren, }) => {
-    //Render
-    return (react_1.default.createElement("div", { className: "cells-row", style: {
-            width: width,
-            height: height,
-        } }, visibleDatesArray.length > 0 &&
-        visibleDatesArray.map((date) => (react_1.default.createElement(Cell_1.default, { key: listElementId + date.toString(), date: (0, jsToSqlDate_1.default)(date), listElementId: listElementId, width: cellsWidth, heigth: cellsHeight, ReactCellChildren: ReactCellChildren })))));
-};
-exports.default = CellsRow;

package/dist/cjs/components/Multicalendar/subcomponents/composites/CellsRow/types.d.ts

@@ -1,11 +0,0 @@
-import { ReactCellChildrenType } from "../../../types";
-
-export interface CellsRowsPropsType {
-  listElementId: string | number;
-  visibleDatesArray: Date[];
-  width: number;
-  height: number;
-  cellsWidth: number;
-  cellsHeight: number;
-  ReactCellChildren: ReactCellChildrenType;
-}

package/dist/cjs/components/Multicalendar/subcomponents/composites/DatesGrid/DatesGrid.css

@@ -1,7 +0,0 @@
-.dates-grid {
-  box-sizing: border-box;
-  overflow: hidden;
-}
-.dates-grid .div-cells-row-height {
-  box-sizing: border-box;
-}

package/dist/cjs/components/Multicalendar/subcomponents/composites/DatesGrid/DatesGrid.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-require("./DatesGrid.css");
-//Componentes
-const CellsRow_1 = __importDefault(require("../CellsRow/CellsRow"));
-const DatesGrid = ({ gridWidth, gridHeight, xOffset, yOffset, cellsWidth, cellsHeight, visibleListElementsIdsArray, visibleDates, ReactCellChildren, }) => {
-    return (react_1.default.createElement("div", { className: "dates-grid", style: {
-            width: gridWidth,
-        } },
-        react_1.default.createElement("div", { className: "div-cells-row-height", style: {
-                height: gridHeight,
-                paddingTop: yOffset * cellsHeight,
-                paddingLeft: xOffset * cellsWidth,
-            } }, visibleListElementsIdsArray.map((listElementId) => (react_1.default.createElement(CellsRow_1.default, { key: listElementId, listElementId: listElementId, visibleDatesArray: visibleDates, width: visibleDates.length * cellsWidth, height: cellsHeight, cellsWidth: cellsWidth, cellsHeight: cellsHeight, ReactCellChildren: ReactCellChildren }))))));
-};
-exports.default = DatesGrid;

package/dist/cjs/components/Multicalendar/subcomponents/composites/DatesGrid/types.d.ts

@@ -1,13 +0,0 @@
-import { ReactCellChildrenType } from "../../../types";
-
-export interface DatesGridPropTypes {
-  gridWidth: number;
-  gridHeight: number;
-  xOffset: number;
-  yOffset: number;
-  cellsWidth: number;
-  cellsHeight: number;
-  visibleListElementsIdsArray: string[] | number[];
-  visibleDates: Date[];
-  ReactCellChildren: ReactCellChildrenType;
-}

package/dist/cjs/components/Multicalendar/subcomponents/composites/ListElementsColumn/ListElementsColumn.css

@@ -1,3 +0,0 @@
-.list-element-column {
-  box-sizing: border-box;
-}

package/dist/cjs/components/Multicalendar/subcomponents/composites/ListElementsColumn/ListElementsColumn.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-require("./ListElementsColumn.css");
-const ListElement_1 = __importDefault(require("../../individuals/ListElement/ListElement"));
-const ListElementsColumn = ({ ReactListElementChildren, listHeight, yOffset, elementsHeight, idsArray, }) => {
-    return (react_1.default.createElement("div", { className: "list-element-column", style: {
-            height: listHeight,
-            paddingTop: yOffset * elementsHeight,
-        } }, idsArray.map((listElementId) => (react_1.default.createElement(ListElement_1.default, { key: listElementId, height: elementsHeight, listElementId: listElementId, ReactListElementChildren: ReactListElementChildren })))));
-};
-exports.default = ListElementsColumn;