josenanodev-react-components-library 0.0.11 → 0.0.15

package/README.md

@@ -1,5 +1,5 @@
-# Libreria de componentes React Josenanodev
-A library of React components created using `create-react-app`.
-## Installation
-Run the following command:
+# Libreria de componentes React Josenanodev
+A library of React components created using `create-react-app`.
+## Installation
+Run the following command:
 `npm install josenanodev-react-components-library`

package/dist/cjs/Services/MulticalendarStatesAndSettings.d.ts

@@ -1,17 +1,17 @@
-/**
- *
- * @param multicalendarId id of the multicalendar (multicalendarId prop)
- * @returns saved height scroll position of selected multicalendar
- */
-export declare const getMulticalendarYScrollPosition: (multicalendarId: string) => string | null;
-/**
- *
- * @param multicalendarId id of the multicalendar (multicalendarId prop)
- * @param yScroll scroll height number
- */
-export declare const setMulticalendarYScrollPosition: (multicalendarId: string, yScroll: string) => void;
-/**
- *
- * @param multicalendarId id of the multicalendar (multicalendarId prop)
- */
-export declare const eraseMulticalendarYScrollPosition: (multicalendarId: string) => void;
+/**
+ *
+ * @param multicalendarId id of the multicalendar (multicalendarId prop)
+ * @returns saved height scroll position of selected multicalendar
+ */
+export declare const getMulticalendarYScrollPosition: (multicalendarId: string) => string | null;
+/**
+ *
+ * @param multicalendarId id of the multicalendar (multicalendarId prop)
+ * @param yScroll scroll height number
+ */
+export declare const setMulticalendarYScrollPosition: (multicalendarId: string, yScroll: string) => void;
+/**
+ *
+ * @param multicalendarId id of the multicalendar (multicalendarId prop)
+ */
+export declare const eraseMulticalendarYScrollPosition: (multicalendarId: string) => void;

package/dist/cjs/Services/MulticalendarStatesAndSettings.js

@@ -1,29 +1,29 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.eraseMulticalendarYScrollPosition = exports.setMulticalendarYScrollPosition = exports.getMulticalendarYScrollPosition = void 0;
-/**
- *
- * @param multicalendarId id of the multicalendar (multicalendarId prop)
- * @returns saved height scroll position of selected multicalendar
- */
-const getMulticalendarYScrollPosition = (multicalendarId) => {
-    return sessionStorage.getItem(`MulticalendarYScrollPosition-${multicalendarId}`);
-};
-exports.getMulticalendarYScrollPosition = getMulticalendarYScrollPosition;
-/**
- *
- * @param multicalendarId id of the multicalendar (multicalendarId prop)
- * @param yScroll scroll height number
- */
-const setMulticalendarYScrollPosition = (multicalendarId, yScroll) => {
-    sessionStorage.setItem(`MulticalendarYScrollPosition-${multicalendarId}`, yScroll);
-};
-exports.setMulticalendarYScrollPosition = setMulticalendarYScrollPosition;
-/**
- *
- * @param multicalendarId id of the multicalendar (multicalendarId prop)
- */
-const eraseMulticalendarYScrollPosition = (multicalendarId) => {
-    sessionStorage.removeItem(`MulticalendarYScrollPosition-${multicalendarId}`);
-};
-exports.eraseMulticalendarYScrollPosition = eraseMulticalendarYScrollPosition;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.eraseMulticalendarYScrollPosition = exports.setMulticalendarYScrollPosition = exports.getMulticalendarYScrollPosition = void 0;
+/**
+ *
+ * @param multicalendarId id of the multicalendar (multicalendarId prop)
+ * @returns saved height scroll position of selected multicalendar
+ */
+const getMulticalendarYScrollPosition = (multicalendarId) => {
+    return sessionStorage.getItem(`MulticalendarYScrollPosition-${multicalendarId}`);
+};
+exports.getMulticalendarYScrollPosition = getMulticalendarYScrollPosition;
+/**
+ *
+ * @param multicalendarId id of the multicalendar (multicalendarId prop)
+ * @param yScroll scroll height number
+ */
+const setMulticalendarYScrollPosition = (multicalendarId, yScroll) => {
+    sessionStorage.setItem(`MulticalendarYScrollPosition-${multicalendarId}`, yScroll);
+};
+exports.setMulticalendarYScrollPosition = setMulticalendarYScrollPosition;
+/**
+ *
+ * @param multicalendarId id of the multicalendar (multicalendarId prop)
+ */
+const eraseMulticalendarYScrollPosition = (multicalendarId) => {
+    sessionStorage.removeItem(`MulticalendarYScrollPosition-${multicalendarId}`);
+};
+exports.eraseMulticalendarYScrollPosition = eraseMulticalendarYScrollPosition;

package/dist/cjs/Services/accessToken.d.ts

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

package/dist/cjs/Services/accessToken.js

@@ -1,15 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.eraseAccessToken = exports.setAccessToken = exports.getAccessToken = void 0;
-const getAccessToken = () => {
-    return localStorage.getItem("access_token_turbosuite");
-};
-exports.getAccessToken = getAccessToken;
-const setAccessToken = (token) => {
-    localStorage.setItem("access_token_turbosuite", token);
-};
-exports.setAccessToken = setAccessToken;
-const eraseAccessToken = () => {
-    localStorage.removeItem("access_token_turbosuite");
-};
-exports.eraseAccessToken = eraseAccessToken;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.eraseAccessToken = exports.setAccessToken = exports.getAccessToken = void 0;
+const getAccessToken = () => {
+    return localStorage.getItem("access_token_turbosuite");
+};
+exports.getAccessToken = getAccessToken;
+const setAccessToken = (token) => {
+    localStorage.setItem("access_token_turbosuite", token);
+};
+exports.setAccessToken = setAccessToken;
+const eraseAccessToken = () => {
+    localStorage.removeItem("access_token_turbosuite");
+};
+exports.eraseAccessToken = eraseAccessToken;

package/dist/cjs/common/constants.d.ts

@@ -1,5 +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;
+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/cjs/common/constants.js

@@ -1,8 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.millisecondsOfOneDay = exports.languageCode = exports.propertyManagerLookAndFeelCode = exports.propertyManagerCode = exports.access = void 0;
-exports.access = window.access;
-exports.propertyManagerCode = window.propertyManagerCode;
-exports.propertyManagerLookAndFeelCode = window.propertyManagerLookAndFeelCode;
-exports.languageCode = window.languageCode;
-exports.millisecondsOfOneDay = 86400000;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.millisecondsOfOneDay = exports.languageCode = exports.propertyManagerLookAndFeelCode = exports.propertyManagerCode = exports.access = void 0;
+exports.access = window.access;
+exports.propertyManagerCode = window.propertyManagerCode;
+exports.propertyManagerLookAndFeelCode = window.propertyManagerLookAndFeelCode;
+exports.languageCode = window.languageCode;
+exports.millisecondsOfOneDay = 86400000;

package/dist/cjs/common/turboSuiteUrls.d.ts

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

package/dist/cjs/common/turboSuiteUrls.js

@@ -1,9 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-let turboSuiteUrls = {
-    testEnviroment: "http://localhost",
-    apiV1Prod: "https://api.turbosuite.es/v1/",
-    apiV1PreProd: "https://api.demo.turbosuite.com/v1/",
-    middleware: window.actionUrl,
-};
-exports.default = turboSuiteUrls;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+let turboSuiteUrls = {
+    testEnviroment: "http://localhost",
+    apiV1Prod: "https://api.turbosuite.es/v1/",
+    apiV1PreProd: "https://api.demo.turbosuite.com/v1/",
+    middleware: window.actionUrl,
+};
+exports.default = turboSuiteUrls;

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

@@ -1,113 +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"
+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/cjs/components/Modal/Modal.css

@@ -0,0 +1,43 @@
+#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/cjs/components/Modal/Modal.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import "./Modal.css";
+import { ModalPropsType } from "./types";
+declare const Modal: ({ children, parentElement, visibility, forced, onOpen, onClose, transitionTime, }: ModalPropsType) => JSX.Element;
+export default Modal;

package/dist/cjs/components/Modal/Modal.js

@@ -0,0 +1,82 @@
+"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 react_dom_1 = __importDefault(require("react-dom"));
+require("./Modal.css");
+//Hooks
+const useOutsideClick_1 = __importDefault(require("../../hooks/useOutsideClick"));
+const Modal = ({ children, parentElement, visibility, forced = false, onOpen, onClose, transitionTime = 500, }) => {
+    //Refs
+    const modalRef = (0, react_1.useRef)(null);
+    //Estados
+    const [visible, setVisible] = (0, react_1.useState)(visibility);
+    //Hooks
+    (0, useOutsideClick_1.default)(modalRef, () => {
+        if (modalRef.current !== null && !forced) {
+            modalRef.current.className = "close-modal";
+            setTimeout(() => {
+                setVisible(false);
+                if (onClose)
+                    onClose();
+            }, transitionTime - 50);
+        }
+    });
+    //UseEffect
+    (0, react_1.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 react_dom_1.default.createPortal(react_1.default.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), parentElement);
+    }
+    else {
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    }
+};
+exports.default = Modal;

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

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