josenanodev-react-components-library 1.0.3 → 1.0.4

package/dist/cjs/languages/en-EN.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const spanish = {
+    "Today": "Today",
+    "monday": "monday",
+    "tuesday": "tuesday",
+    "wednesday": "wednesday",
+    "thursday": "thursday",
+    "friday": "friday",
+    "saturday": "saturday",
+    "sunday": "sunday",
+    "january": "january",
+    "february": "february",
+    "march": "march",
+    "april": "april",
+    "may": "may",
+    "june": "june",
+    "july": "july",
+    "august": "august",
+    "september": "september",
+    "october": "october",
+    "november": "november",
+    "december": "december",
+};
+exports.default = spanish;

package/dist/cjs/languages/es-ES.d.ts

@@ -0,0 +1,3 @@
+import { languageType } from "./types";
+declare const spanish: languageType;
+export default spanish;

package/dist/cjs/languages/es-ES.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const spanish = {
+    "Today": "Hoy",
+    "monday": "lunes",
+    "tuesday": "martes",
+    "wednesday": "miércoles",
+    "thursday": "jueves",
+    "friday": "viernes",
+    "saturday": "sábado",
+    "sunday": "domingo",
+    "january": "enero",
+    "february": "febrero",
+    "march": "marzo",
+    "april": "abril",
+    "may": "mayo",
+    "june": "junio",
+    "july": "julio",
+    "august": "agosto",
+    "september": "septiembre",
+    "october": "octubre",
+    "november": "noviembre",
+    "december": "diciembre",
+};
+exports.default = spanish;

package/dist/cjs/languages/it-IT.d.ts

@@ -0,0 +1,3 @@
+import { languageType } from "./types";
+declare const italian: languageType;
+export default italian;

package/dist/cjs/languages/it-IT.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const italian = {
+    "Today": "Oggi",
+    "monday": "lunedí",
+    "tuesday": "martedí",
+    "wednesday": "mercoledí",
+    "thursday": "giovedí",
+    "friday": "venerdí",
+    "saturday": "sabato",
+    "sunday": "domenice",
+    "january": "gennaio",
+    "february": "febbraio",
+    "march": "marzo",
+    "april": "aprile",
+    "may": "maggio",
+    "june": "giugno",
+    "july": "luglio",
+    "august": "agosto",
+    "september": "settembre",
+    "october": "ottobre",
+    "november": "novembre",
+    "december": "dicembre",
+};
+exports.default = italian;

package/dist/cjs/languages/types.d.ts

@@ -0,0 +1,22 @@
+export type languageType = {[key: string]: string} & {
+    "Today": string,
+    "monday": string,
+    "tuesday": string,
+    "wednesday": string,
+    "thursday": string,
+    "friday": string,
+    "saturday": string,
+    "sunday": string,
+    "january": string,
+    "february": string,
+    "march": string,
+    "april": string,
+    "may": string,
+    "june": string,
+    "july": string,
+    "august": string,
+    "september": string,
+    "october": string,
+    "november": string,
+    "december": string,
+  }

package/dist/cjs/mocks/ReactComponentMocksForTesting/CellChildrenMock.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CellChildrenPropsType } from "../../components/Multicalendar/types";
+declare const CellChildrenMock: ({ date, listElementId }: CellChildrenPropsType) => React.JSX.Element;
+export default CellChildrenMock;

package/dist/cjs/mocks/ReactComponentMocksForTesting/CellChildrenMock.js

@@ -0,0 +1,13 @@
+"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"));
+const CellChildrenMock = ({ date, listElementId }) => {
+    return (react_1.default.createElement("div", { style: { userSelect: "none" } },
+        date,
+        react_1.default.createElement("br", null),
+        listElementId));
+};
+exports.default = CellChildrenMock;

package/dist/cjs/mocks/ReactComponentMocksForTesting/ListElementChildrenMock.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ListElementChildrenPropsType } from "../../components/Multicalendar/types";
+declare const ListElementChildrenMock: ({ listElementId }: ListElementChildrenPropsType) => React.JSX.Element;
+export default ListElementChildrenMock;

package/dist/cjs/mocks/ReactComponentMocksForTesting/ListElementChildrenMock.js

@@ -0,0 +1,10 @@
+"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"));
+const ListElementChildrenMock = ({ listElementId }) => {
+    return react_1.default.createElement("div", null, listElementId);
+};
+exports.default = ListElementChildrenMock;

package/dist/cjs/react-app-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="react-scripts" />

package/dist/cjs/setupTests.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom";
+import "@testing-library/jest-dom/extend-expect";

package/dist/cjs/setupTests.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+require("@testing-library/jest-dom");
+require("@testing-library/jest-dom/extend-expect");

package/dist/cjs/stories/CalendarDatePickerMask.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CalendarDatePickerProps } from "../components/CalendarDatePicker/CalendarDatePicker";
+declare const CalendarDatePickerMask: (props: CalendarDatePickerProps) => React.JSX.Element;
+export default CalendarDatePickerMask;

package/dist/cjs/stories/CalendarDatePickerMask.js

@@ -0,0 +1,21 @@
+"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"));
+const CalendarDatePicker_1 = __importDefault(require("../components/CalendarDatePicker/CalendarDatePicker"));
+const CalendarDatePickerMask = (props) => {
+    const isMimimumDateInMilliseconds = typeof props.minimumDate === "number";
+    const isMaximumDateInMilliseconds = typeof props.maximumDate === "number";
+    return (react_1.default.createElement(CalendarDatePicker_1.default, Object.assign({}, props, { minimumDate: props.minimumDate
+            ? isMimimumDateInMilliseconds
+                ? new Date(props.minimumDate)
+                : props.minimumDate
+            : undefined, maximumDate: props.maximumDate
+            ? isMaximumDateInMilliseconds
+                ? new Date(props.maximumDate)
+                : props.maximumDate
+            : undefined })));
+};
+exports.default = CalendarDatePickerMask;

package/dist/cjs/utils/datesArray.d.ts

@@ -0,0 +1,8 @@
+/**
+ *
+ * @param startDate Date Object
+ * @param endDate Date Object
+ * @returns array of date objects in bewtween startDate and endDate, including both
+ */
+declare function datesArray(startDate: Date, endDate: Date): Date[];
+export default datesArray;

package/dist/cjs/utils/datesArray.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const constants_1 = require("../common/constants");
+/**
+ *
+ * @param startDate Date Object
+ * @param endDate Date Object
+ * @returns array of date objects in bewtween startDate and endDate, including both
+ */
+function datesArray(startDate, endDate) {
+    let startDateForMilliseconds = new Date(startDate);
+    startDateForMilliseconds.setHours(12, 0, 0);
+    startDateForMilliseconds = Date.parse(startDateForMilliseconds.toString());
+    let endDateForMilliseconds = new Date(endDate);
+    endDateForMilliseconds.setHours(12, 0, 0);
+    endDateForMilliseconds = Date.parse(endDateForMilliseconds.toString());
+    let array = [];
+    for (let index = 0; startDateForMilliseconds + constants_1.millisecondsOfOneDay * index <= endDateForMilliseconds; index++) {
+        array.push(new Date(startDateForMilliseconds + constants_1.millisecondsOfOneDay * index));
+    }
+    return array;
+}
+exports.default = datesArray;

package/dist/cjs/utils/dayOfTheWeekStartingOnMonday.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Number of the day of the week starting on Monday
+ * @param date date
+ * @returns the number of the day of the week starting on Monday
+ */
+declare function dayOfTheWeekStartingOnMonday(date: Date): number;
+export default dayOfTheWeekStartingOnMonday;

package/dist/cjs/utils/dayOfTheWeekStartingOnMonday.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Number of the day of the week starting on Monday
+ * @param date date
+ * @returns the number of the day of the week starting on Monday
+ */
+function dayOfTheWeekStartingOnMonday(date) {
+    return date.getDay() === 0 ? 6 : date.getDay() - 1;
+}
+exports.default = dayOfTheWeekStartingOnMonday;

package/dist/cjs/utils/jsToSqlDate.d.ts

@@ -0,0 +1,7 @@
+/**
+ *
+ * @param jsDate Date Object
+ * @returns string of sql date format, for example 1993-03-29
+ */
+declare function jsToSqlDate(jsDate: Date): string;
+export default jsToSqlDate;

package/dist/cjs/utils/jsToSqlDate.js

@@ -0,0 +1,22 @@
+"use strict";
+/**
+ *
+ * @param jsDate Date Object
+ * @returns string of sql date format, for example 1993-03-29
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+function jsToSqlDate(jsDate) {
+    //Con esta función cuidamos que le formado de sqlDate nunca arroje cosas como YYYY-M-D
+    const islowerThanTen = (numero) => {
+        return Number(numero) < 10 ? "-0" : "-";
+    };
+    //Es necesario sumar 1 al mes ya que enero comienza en 0
+    let sqlDate = jsDate
+        .getFullYear()
+        .toString()
+        .concat(islowerThanTen(jsDate.getMonth() + 1), (jsDate.getMonth() + 1)
+        .toString()
+        .concat(islowerThanTen(jsDate.getDate()), jsDate.getDate().toString()));
+    return sqlDate;
+}
+exports.default = jsToSqlDate;

package/dist/cjs/utils/monthYearString.d.ts

@@ -0,0 +1,3 @@
+import { languageType } from "../languages/types";
+declare function monthYearString(dateObject: Date, language: languageType): string;
+export default monthYearString;

package/dist/cjs/utils/monthYearString.js

@@ -0,0 +1,27 @@
+"use strict";
+//Variables
+Object.defineProperty(exports, "__esModule", { value: true });
+function monthYearString(dateObject, language) {
+    const monthsNames = [
+        language["january"],
+        language["february"],
+        language["march"],
+        language["april"],
+        language["may"],
+        language["june"],
+        language["july"],
+        language["august"],
+        language["september"],
+        language["october"],
+        language["november"],
+        language["december"],
+    ];
+    try {
+        return `${monthsNames[dateObject.getMonth()]} ${dateObject.getFullYear()}`;
+    }
+    catch (error) {
+        console.log(error);
+        return "invalid date";
+    }
+}
+exports.default = monthYearString;

package/dist/cjs/utils/numberOfDaysInAMonth.d.ts

@@ -0,0 +1,6 @@
+/**
+ *
+ * @param dateObject Date Object
+ * @returns number of days of the month of the date object
+ */
+export declare function numberOfDaysInAMonth(dateObject: Date): number;

package/dist/cjs/utils/numberOfDaysInAMonth.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.numberOfDaysInAMonth = void 0;
+/**
+ *
+ * @param dateObject Date Object
+ * @returns number of days of the month of the date object
+ */
+function numberOfDaysInAMonth(dateObject) {
+    return new Date(dateObject.getFullYear(), dateObject.getMonth() + 1, 0).getDate();
+}
+exports.numberOfDaysInAMonth = numberOfDaysInAMonth;

package/dist/cjs/utils/numberOfWeeksInAMonth.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Number of weeks in a month
+ * @param date date
+ * @returns the number of weeks in a month
+ */
+declare function numberOfWeeksInAMonth(date: Date): number;
+export default numberOfWeeksInAMonth;

package/dist/cjs/utils/numberOfWeeksInAMonth.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const dayOfTheWeekStartingOnMonday_1 = __importDefault(require("./dayOfTheWeekStartingOnMonday"));
+const numberOfDaysInAMonth_1 = require("./numberOfDaysInAMonth");
+/**
+ * Number of weeks in a month
+ * @param date date
+ * @returns the number of weeks in a month
+ */
+function numberOfWeeksInAMonth(date) {
+    const daysInMonth = (0, numberOfDaysInAMonth_1.numberOfDaysInAMonth)(date);
+    const year = date.getFullYear();
+    const month = date.getMonth();
+    const firstDayInMonth = new Date(year, month, 1);
+    const firstDayInMonthDayOfWeek = (0, dayOfTheWeekStartingOnMonday_1.default)(firstDayInMonth);
+    const daysInFirstWeek = 7 - firstDayInMonthDayOfWeek;
+    const daysInMonthWithoutFirstWeek = daysInMonth - daysInFirstWeek;
+    const numberOfWeeksInMonthWithoutFirstWeek = Math.ceil(daysInMonthWithoutFirstWeek / 7);
+    const numberOfWeeksInMonth = numberOfWeeksInMonthWithoutFirstWeek + 1;
+    return numberOfWeeksInMonth;
+}
+exports.default = numberOfWeeksInAMonth;

package/dist/cjs/utils/sqlToJsDate.d.ts

@@ -0,0 +1,7 @@
+/**
+ *
+ * @param sqlDate sql date format, for example 1993-03-29
+ * @returns Date Object
+ */
+declare function sqlToJsDate(sqlDate: string): Date;
+export default sqlToJsDate;

package/dist/cjs/utils/sqlToJsDate.js

@@ -0,0 +1,14 @@
+"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.d.ts

@@ -0,0 +1,34 @@
+/**
+ *
+ * @param multicalendarId id of the multicalendar (multicalendarId prop)
+ * @returns saved height scroll position of selected multicalendar
+ */
+export declare const getMulticalendarScrollTopPosition: (multicalendarId: string) => string | null;
+/**
+ *
+ * @param multicalendarId id of the multicalendar (multicalendarId prop)
+ * @param scrollTop scroll height number
+ */
+export declare const setMulticalendarScrollTopPosition: (multicalendarId: string, scrollTop: string) => void;
+/**
+ *
+ * @param multicalendarId id of the multicalendar (multicalendarId prop)
+ */
+export declare const eraseMulticalendarScrollTopPosition: (multicalendarId: string) => void;
+/**
+ *
+ * @param multicalendarId id of the multicalendar (multicalendarId prop)
+ * @returns saved horizontal scroll position of selected multicalendar
+ */
+export declare const getMulticalendarScrollLeftPosition: (multicalendarId: string) => string | null;
+/**
+ *
+ * @param multicalendarId id of the multicalendar (multicalendarId prop)
+ * @param xScroll left scroll number
+ */
+export declare const setMulticalendarScrollLeftPosition: (multicalendarId: string, scrollLeft: string) => void;
+/**
+ *
+ * @param multicalendarId id of the multicalendar (multicalendarId prop)
+ */
+export declare const eraseMulticalendarScrollLeftPosition: (multicalendarId: string) => void;

package/dist/esm/Services/MulticalendarStatesAndSettings.js

@@ -0,0 +1,46 @@
+/**
+ *
+ * @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.d.ts

@@ -0,0 +1,3 @@
+export declare const getAccessToken: () => string | null;
+export declare const setAccessToken: (token: string) => void;
+export declare const eraseAccessToken: () => void;

package/dist/esm/Services/accessToken.js

@@ -0,0 +1,9 @@
+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.d.ts

@@ -0,0 +1,5 @@
+export declare const access: string;
+export declare const propertyManagerCode: string;
+export declare const propertyManagerLookAndFeelCode: string;
+export declare const languageCode: string;
+export declare const millisecondsOfOneDay = 86400000;

package/dist/esm/common/constants.js

@@ -0,0 +1,5 @@
+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.d.ts

@@ -0,0 +1,7 @@
+declare let turboSuiteUrls: {
+    testEnviroment: string;
+    apiV1Prod: string;
+    apiV1PreProd: string;
+    middleware: string;
+};
+export default turboSuiteUrls;

package/dist/esm/common/turboSuiteUrls.js

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,113 @@
+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/BubbleMenu/BubbleMenu.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+type BubbleMenuProps = {
+    options: {
+        icon: JSX.Element;
+        text: string;
+        visible: boolean;
+        optionCallback: () => void;
+    }[];
+    language?: "en" | "es";
+};
+declare const BubbleMenu: ({ options, language }: BubbleMenuProps) => React.JSX.Element;
+export default BubbleMenu;