josenanodev-react-components-library 0.2.18 → 1.0.0

package/dist/cjs/utils/sqlToJsDate.js

@@ -1,14 +0,0 @@
-"use strict";
-/**
- *
- * @param sqlDate sql date format, for example 1993-03-29
- * @returns Date Object
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-function sqlToJsDate(sqlDate) {
-    let dateArray = sqlDate.split("-");
-    //Es necesario restar 1 al mes ya que el mes de Enero comienza con el valor 0
-    let jsDate = new Date(Number(dateArray[0]), Number(dateArray[1]) - 1, Number(dateArray[2]));
-    return jsDate;
-}
-exports.default = sqlToJsDate;

package/dist/esm/Services/MulticalendarStatesAndSettings.js

@@ -1,46 +0,0 @@
-/**
- *
- * @param multicalendarId id of the multicalendar (multicalendarId prop)
- * @returns saved height scroll position of selected multicalendar
- */
-export const getMulticalendarScrollTopPosition = (multicalendarId) => {
-    return sessionStorage.getItem(`MulticalendarScrollTopPosition-${multicalendarId}`);
-};
-/**
- *
- * @param multicalendarId id of the multicalendar (multicalendarId prop)
- * @param scrollTop scroll height number
- */
-export const setMulticalendarScrollTopPosition = (multicalendarId, scrollTop) => {
-    sessionStorage.setItem(`MulticalendarScrollTopPosition-${multicalendarId}`, scrollTop);
-};
-/**
- *
- * @param multicalendarId id of the multicalendar (multicalendarId prop)
- */
-export const eraseMulticalendarScrollTopPosition = (multicalendarId) => {
-    sessionStorage.removeItem(`MulticalendarScrollTopPosition-${multicalendarId}`);
-};
-/**
- *
- * @param multicalendarId id of the multicalendar (multicalendarId prop)
- * @returns saved horizontal scroll position of selected multicalendar
- */
-export const getMulticalendarScrollLeftPosition = (multicalendarId) => {
-    return sessionStorage.getItem(`MulticalendarScrollLeftPosition-${multicalendarId}`);
-};
-/**
- *
- * @param multicalendarId id of the multicalendar (multicalendarId prop)
- * @param xScroll left scroll number
- */
-export const setMulticalendarScrollLeftPosition = (multicalendarId, scrollLeft) => {
-    sessionStorage.setItem(`MulticalendarScrollLeftPosition-${multicalendarId}`, scrollLeft);
-};
-/**
- *
- * @param multicalendarId id of the multicalendar (multicalendarId prop)
- */
-export const eraseMulticalendarScrollLeftPosition = (multicalendarId) => {
-    sessionStorage.removeItem(`MulticalendarScrollLeftPosition-${multicalendarId}`);
-};

package/dist/esm/Services/accessToken.js

@@ -1,9 +0,0 @@
-export const getAccessToken = () => {
-    return localStorage.getItem("access_token_turbosuite");
-};
-export const setAccessToken = (token) => {
-    localStorage.setItem("access_token_turbosuite", token);
-};
-export const eraseAccessToken = () => {
-    localStorage.removeItem("access_token_turbosuite");
-};

package/dist/esm/common/constants.js

@@ -1,5 +0,0 @@
-export const access = window.access;
-export const propertyManagerCode = window.propertyManagerCode;
-export const propertyManagerLookAndFeelCode = window.propertyManagerLookAndFeelCode;
-export const languageCode = window.languageCode;
-export const millisecondsOfOneDay = 86400000;

package/dist/esm/common/turboSuiteUrls.js

@@ -1,7 +0,0 @@
-let turboSuiteUrls = {
-    testEnviroment: "http://localhost",
-    apiV1Prod: "https://api.turbosuite.es/v1/",
-    apiV1PreProd: "https://api.demo.turbosuite.com/v1/",
-    middleware: window.actionUrl,
-};
-export default turboSuiteUrls;

package/dist/esm/common/types.d.ts

@@ -1,113 +0,0 @@
-import { languageType } from "./assets/languages/types";
-
-export interface customWindow extends Window {
-  access: string;
-  propertyManagerCode: string;
-  propertyManagerLookAndFeelCode: string;
-  languageCode: string;
-  actionUrl: string;
-}
-
-export interface SagaActionParamsType<T> {
-  type: string;
-  payload: T;
-  repeatsLeft: number;
-  persistentReduxAction: string;
-  reduxError: string;
-  showErrorMessage?: boolean;
-  millisecondsWait?: number;
-}
-
-export interface NotificationsReducerStateType {
-  quickNotifications: QuickNotificationsType[];
-}
-
-export interface lookAndFeelType {
-  code: string;
-  logoUrl: string;
-  primaryColor: string;
-  secondaryColor: string;
-  fontFamily: "Roboto" | "Bitter" | "Dosis" | "Figtree" | "Mulish" | "Nunito Sans";
-  enabled: boolean;
-  propertyManagerCode?: string;
-}
-
-export interface AppSettingsReducerStateType {
-  view: "multidestiny";
-  language: languageType;
-  lookAndFeel?: lookAndFeelType;
-}
-
-export interface DestiniesReducerStateType {
-  countries: CountryType[];
-  regions: RegionType[];
-  provinces: ProvinceType[];
-  municipalities: MunicipalityType[];
-  mixedDestinies: DestinyType[];
-}
-
-export interface DatesReducerStateType {
-  draggingOverDateCells: boolean;
-}
-
-export interface QuickNotificationsType {
-  text: string;
-  creation: Date;
-  type: "info" | "error" | "ok";
-}
-
-export interface CountryType {
-  code: string;
-  name: string;
-}
-
-export interface RegionType {
-  code: string;
-  name: string;
-  country: {
-    code: string;
-    name: string;
-  };
-}
-
-export interface ProvinceType {
-  code: string;
-  name: string;
-  country: {
-    code: string;
-    name: string;
-  };
-  region: {
-    code: string;
-    name: string;
-  };
-}
-
-export interface MunicipalityType {
-  code: string;
-  name: string;
-  country: {
-    code: string;
-    name: string;
-  };
-  region: {
-    code: string;
-    name: string;
-  };
-  province: {
-    code: string;
-    name: string;
-  };
-}
-
-export type DestinyType = (CountryType | RegionType | ProvinceType | MunicipalityType) & {
-  type: "country" | "region" | "province" | "municipality";
-};
-
-export type SeasonsType = "high" | "medium high" | "medium" | "medium low" | "low"
-
-export type EventsType = "1" | "2" | "3"
-
-export type HolidaysType = "1" | "2" | "3"
-
-export type OccupationsType = "high" | "medium" | "low"

package/dist/esm/components/ExportToExcelButton/ExportToExcelButton.css

@@ -1,31 +0,0 @@
-.export-to-excel-button {
-  position: relative;
-  width: 220px;
-  height: 48px;
-  opacity: 1;
-  cursor: pointer;
-  padding: 14px;
-  text-align: center;
-  text-decoration: none;
-  touch-action: manipulation;
-  font-size: 16px;
-  letter-spacing: normal;
-  color: rgb(255, 255, 255);
-  font-weight: 700;
-  border-radius: 4px;
-  border: none;
-  background: green;
-  box-shadow: none;
-  transition: all 0.5s;
-  display: flex;
-  align-items: center;
-  justify-content: space-evenly;
-  margin: auto;
-}
-.export-to-excel-button:hover {
-  background: rgb(0, 170, 0);
-}
-
-.export-to-excel-button:disabled {
-  background: rgb(216, 216, 216);
-}

package/dist/esm/components/ExportToExcelButton/ExportToExcelButton.js

@@ -1,17 +0,0 @@
-import React from "react";
-import * as ownFunctions from "./ExportToExcelButtonOwnFunctions";
-import "./ExportToExcelButton.css";
-//Iconos
-import { RiFileExcel2Fill } from "react-icons/ri";
-const ExportToExcelButton = ({ customButtonText = "Export to Excel", customClass, fileName = "untitled", headers, data, onAfterExport, disabled, }) => {
-    return (React.createElement("button", { disabled: disabled, className: customClass ? customClass : "export-to-excel-button", onClick: () => {
-            ownFunctions.downloadExcel(fileName, data, headers);
-            if (onAfterExport !== undefined) {
-                onAfterExport();
-            }
-        } },
-        customButtonText,
-        " ",
-        React.createElement(RiFileExcel2Fill, null)));
-};
-export default ExportToExcelButton;

package/dist/esm/components/ExportToExcelButton/ExportToExcelButtonOwnFunctions.js

@@ -1,48 +0,0 @@
-//Librerias de terceros
-import * as XLSX from "xlsx-js-style";
-function styleObjectParser(styleObject) {
-    let restultantStyleObject = {
-        v: styleObject.value,
-        s: {},
-    };
-    if (styleObject.allign)
-        restultantStyleObject.s.alignment = Object.assign({}, styleObject.allign);
-    if (styleObject.fontSize)
-        restultantStyleObject.s.font = Object.assign(Object.assign({}, restultantStyleObject.s.font), { sz: styleObject.fontSize });
-    if (styleObject.fontColor)
-        restultantStyleObject.s.font = Object.assign(Object.assign({}, restultantStyleObject.s.font), { color: { rgb: styleObject.fontColor } });
-    if (styleObject.bold)
-        restultantStyleObject.s.font = Object.assign(Object.assign({}, restultantStyleObject.s.font), { bold: styleObject.bold });
-    if (styleObject.backgroundColor)
-        restultantStyleObject.s.fill = Object.assign(Object.assign({}, restultantStyleObject.s.fill), { bgColor: { rgb: styleObject.backgroundColor } });
-    if (styleObject.foregroundColor)
-        restultantStyleObject.s.fill = Object.assign(Object.assign({}, restultantStyleObject.s.fill), { fgColor: { rgb: styleObject.foregroundColor } });
-    if (styleObject.borders)
-        restultantStyleObject.s.border = Object.assign({}, styleObject.borders);
-    return restultantStyleObject;
-}
-export function downloadExcel(fileName, data, headers) {
-    if (data !== undefined) {
-        const workbook = XLSX.utils.book_new();
-        for (const sheetName in data) {
-            if (Object.prototype.hasOwnProperty.call(data, sheetName)) {
-                let dataXlsxJs = [];
-                if (headers !== undefined &&
-                    Object.prototype.hasOwnProperty.call(headers, sheetName)) {
-                    dataXlsxJs = [
-                        headers[sheetName].map((header) => styleObjectParser(header)),
-                        ...data[sheetName].map((row) => row.map((cell) => styleObjectParser(cell))),
-                    ];
-                }
-                else {
-                    dataXlsxJs = [
-                        ...data[sheetName].map((row) => row.map((cell) => styleObjectParser(cell))),
-                    ];
-                }
-                const worksheet = XLSX.utils.aoa_to_sheet(dataXlsxJs);
-                XLSX.utils.book_append_sheet(workbook, worksheet, sheetName);
-            }
-        }
-        XLSX.writeFile(workbook, `${fileName}.xlsx`);
-    }
-}

package/dist/esm/components/ExportToExcelButton/types.d.ts

@@ -1,44 +0,0 @@
-export interface ExportToExcelButtonPropsType {
-  customButtonText?: string;
-  customClass?: string;
-  fileName?: string;
-  headers?: { [key: string]: DataObjectXlsxType[] };
-  data?: { [key: string]: DataObjectXlsxType[][] };
-  onAfterExport?: Function;
-  disabled?: boolean;
-}
-
-export interface StyleObjectXlsxType {
-  allign?: {
-    vertical: "top" | "center" | "bottom";
-    horizontal: "left" | "center" | "right";
-  };
-  fontSize?: number;
-  fontColor?: string;
-  bold?: boolean;
-  backgroundColor?: string;
-  foregroundColor?: string;
-  borders?: {
-    top?: { style: BorderStyleType; color: string };
-    bottom?: { style: BorderStyleType; color: string };
-    left?: { style: BorderStyleType; color: string };
-    right?: { style: BorderStyleType; color: string };
-  };
-}
-export interface DataObjectXlsxType extends StyleObjectXlsxType {
-  value: string | number;
-}
-
-type BorderStyleType =
-  | "dashDotDot"
-  | "dashDot"
-  | "dashed"
-  | "dotted"
-  | "hair"
-  | "mediumDashDotDot"
-  | "mediumDashDot"
-  | "mediumDashed"
-  | "medium"
-  | "slantDashDot"
-  | "thick"
-  | "thin";

package/dist/esm/components/InputBoxWithConfirmation/InputBoxWithConfirmation.css

@@ -1,60 +0,0 @@
-.div-wrapper-input-box-with-confirmation {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: solid 1px rgb(184, 184, 184);
-  background-color: rgb(250, 250, 250);
-  border-radius: 8px;
-  transition: border 0.3s;
-}
-
-.div-wrapper-input-box-with-confirmation.focused {
-  border-color: var(--primary-color);
-}
-
-.div-wrapper-input-box-with-confirmation .input-box-with-confirmation {
-  box-sizing: border-box;
-  padding: 10px 2ch;
-  min-width: 10ch;
-  text-align: center;
-  border: none;
-  background-color: transparent;
-  font-size: 16px;
-  font-weight: 600;
-  color: dimgray;
-  transition: all 0.2s;
-}
-
-.div-wrapper-input-box-with-confirmation
-  .input-box-with-confirmation::-webkit-inner-spin-button {
-  display: none;
-}
-
-.div-wrapper-input-box-with-confirmation .input-box-with-confirmation:focus,
-.div-wrapper-input-box-with-confirmation .button-for-input-box-with-confirmation:focus {
-  outline: none;
-}
-
-.div-wrapper-input-box-with-confirmation .input-box-with-confirmation:focus{
-    color: rgb(37, 37, 37);
-}
-
-.div-wrapper-input-box-with-confirmation .button-for-input-box-with-confirmation {
-  position: absolute;
-  right: 0px;
-  background-color: transparent;
-  color: rgb(158, 158, 158);
-  width: 32px;
-  height: 32px;
-  border-radius: 16px;
-  font-size: 16px;
-  border: none;
-  cursor: pointer;
-  transition: all 0.2s;
-}
-
-.div-wrapper-input-box-with-confirmation .button-for-input-box-with-confirmation:hover {
-  background-color: rgb(241, 241, 241);
-  color: var(--primary-color);
-}

package/dist/esm/components/InputBoxWithConfirmation/InputBoxWithConfirmation.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import "./InputBoxWithConfirmation.css";
-import { InputBoxWithConfirmationPropsType } from "./types";
-declare const InputBoxWithConfirmation: ({ onConfirmAction, inputType, minimumValue, maximumValue, aditionalClass, defaultValue, showConfirmationButton, }: InputBoxWithConfirmationPropsType) => JSX.Element;
-export default InputBoxWithConfirmation;

package/dist/esm/components/InputBoxWithConfirmation/InputBoxWithConfirmation.js

@@ -1,89 +0,0 @@
-import React, { useState, useRef, Fragment } from "react";
-import "./InputBoxWithConfirmation.css";
-//Hooks
-import useOutsideClick from "../../hooks/useOutsideClick";
-//Icons
-import { BsCheckLg, BsPencil } from "react-icons/bs";
-const InputBoxWithConfirmation = ({ onConfirmAction, inputType = "text", minimumValue = "", maximumValue = "", aditionalClass, defaultValue, showConfirmationButton, }) => {
-    //Refs
-    const inputRef = useRef(null);
-    const containerRef = useRef(null);
-    //States
-    const [cachedValue, setCachedValue] = useState(String(defaultValue));
-    const [currentValue, setCurrentValue] = useState(String(defaultValue));
-    const [focused, setFocused] = useState(false);
-    //Hooks
-    useOutsideClick(containerRef, () => {
-        if (showConfirmationButton) {
-            setCurrentValue(cachedValue);
-        }
-        else {
-            if (currentValue) {
-                onConfirmAction(currentValue);
-                setCachedValue(currentValue);
-            }
-        }
-        setFocused(false);
-    });
-    //Variables
-    return (React.createElement("div", { ref: containerRef, className: `div-wrapper-input-box-with-confirmation ${focused ? "focused" : ""} ${aditionalClass ? aditionalClass : ""}` },
-        React.createElement("input", { ref: inputRef, className: "input-box-with-confirmation", type: inputType, style: { width: `${((currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) ? currentValue.length : 0) + 7}ch` }, min: minimumValue, max: maximumValue, value: focused ? currentValue : cachedValue, onChange: (event) => {
-                if (inputType === "number") {
-                    let numericValue = Number(event.target.value);
-                    if (minimumValue !== "" && numericValue < Number(minimumValue)) {
-                        numericValue = Number(minimumValue);
-                    }
-                    else if (maximumValue !== "" && numericValue > Number(maximumValue)) {
-                        numericValue = Number(maximumValue);
-                    }
-                    setCurrentValue(String(numericValue));
-                }
-                setCurrentValue(event.target.value);
-            }, onFocus: (event) => {
-                setCachedValue(event.target.value);
-                setCurrentValue(event.target.value);
-                setFocused(true);
-            }, onKeyDown: (event) => {
-                if (event.key === "Enter") {
-                    if (currentValue) {
-                        onConfirmAction(currentValue);
-                        setCachedValue(currentValue);
-                    }
-                    setFocused(false);
-                    if (inputRef.current) {
-                        inputRef.current.blur();
-                    }
-                }
-                else if (event.key === "Tab") {
-                    if (currentValue) {
-                        onConfirmAction(currentValue);
-                        setCachedValue(currentValue);
-                    }
-                    setFocused(false);
-                    if (inputRef.current) {
-                        inputRef.current.blur();
-                    }
-                }
-                else if (event.key === "Escape") {
-                    setCurrentValue(cachedValue);
-                    setFocused(false);
-                    if (inputRef.current) {
-                        inputRef.current.blur();
-                    }
-                }
-            } }),
-        showConfirmationButton && (React.createElement(Fragment, null, focused ? (React.createElement("button", { className: "button-for-input-box-with-confirmation", onClick: () => {
-                if (currentValue) {
-                    onConfirmAction(currentValue);
-                    setCachedValue(currentValue);
-                }
-                setFocused(false);
-            } },
-            React.createElement(BsCheckLg, null))) : (React.createElement("button", { className: "button-for-input-box-with-confirmation", onClick: () => {
-                if (inputRef.current) {
-                    inputRef.current.focus();
-                }
-            } },
-            React.createElement(BsPencil, null)))))));
-};
-export default InputBoxWithConfirmation;

package/dist/esm/components/InputBoxWithConfirmation/types.d.ts

@@ -1,9 +0,0 @@
-export interface InputBoxWithConfirmationPropsType {
-  onConfirmAction: (inputCurrentValue: string) => void;
-  inputType?: "text" | "number";
-  minimumValue?: HTMLInputElement["min"],
-  maximumValue?: HTMLInputElement["max"],
-  aditionalClass?: string;
-  defaultValue?: string | number;
-  showConfirmationButton?: boolean;
-}

package/dist/esm/components/Modal/Modal.css

@@ -1,43 +0,0 @@
-.modal,
-.close-modal {
-  position: fixed;
-  width: 100vw;
-  height: 100vh;
-  backdrop-filter: blur(10px);
-  top: 0;
-  left: 0;
-  z-index: 10;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  animation-name: modal;
-  animation-duration: 500ms;
-}
-
-.close-modal {
-  animation-name: close-modal;
-  animation-duration: 500ms;
-}
-
-@keyframes modal {
-  from {
-    backdrop-filter: none;
-    opacity: 0;
-  }
-  to {
-    backdrop-filter: blur(10px);
-    opacity: 1;
-  }
-}
-
-@keyframes close-modal {
-  from {
-    backdrop-filter: blur(10px);
-    opacity: 1;
-  }
-  to {
-    backdrop-filter: none;
-    opacity: 0;
-    display: none;
-  }
-}

package/dist/esm/components/Modal/Modal.js

@@ -1,54 +0,0 @@
-import React, { useState, useEffect, useRef } from "react";
-import ReactDOM from "react-dom";
-import "./Modal.css";
-//Hooks
-import useOutsideClick from "../../hooks/useOutsideClick";
-const Modal = ({ children, visibility, forced = false, onOpen, onClose, transitionTime = 500, }) => {
-    //Refs
-    const modalRef = useRef(null);
-    //Estados
-    const [visible, setVisible] = useState(visibility);
-    //Hooks
-    useOutsideClick(modalRef, () => {
-        if (modalRef.current !== null && !forced) {
-            modalRef.current.className = "close-modal";
-            setTimeout(() => {
-                setVisible(false);
-                if (onClose)
-                    onClose();
-            }, transitionTime - 50);
-        }
-    });
-    //UseEffect
-    useEffect(() => {
-        if (visibility) {
-            setVisible(true);
-            if (onOpen)
-                onOpen();
-        }
-        else if (!visibility) {
-            setTimeout(() => {
-                setVisible(false);
-                if (onClose)
-                    onClose();
-            }, transitionTime - 50);
-        }
-    }, [visibility, transitionTime, onOpen, onClose]);
-    //Render
-    if (visible) {
-        return ReactDOM.createPortal(React.createElement("div", { ref: modalRef, className: visibility ? "modal" : "close-modal", style: { animationDuration: `${transitionTime}ms` }, onClick: (event) => {
-                if (event.target.id === "modal" && !forced) {
-                    event.target.id = "close-modal";
-                    setTimeout(() => {
-                        setVisible(false);
-                        if (onClose)
-                            onClose();
-                    }, transitionTime - 50);
-                }
-            } }, children), document.body);
-    }
-    else {
-        return React.createElement(React.Fragment, null);
-    }
-};
-export default Modal;

package/dist/esm/components/Modal/types.d.ts

@@ -1,8 +0,0 @@
-export interface ModalPropsType {
-  children: JSX.Element;
-  visibility: boolean;
-  forced?: boolean;
-  onOpen?: Function;
-  onClose?: Function;
-  transitionTime?: number;
-}