josenanodev-react-components-library 0.0.11 → 0.0.15

package/dist/esm/common/turboSuiteUrls.js

@@ -1,7 +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;
+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 +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/esm/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/esm/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/esm/components/Modal/Modal.js

@@ -0,0 +1,54 @@
+import React, { useState, useEffect, useRef } from "react";
+import ReactDOM from "react-dom";
+import "./Modal.css";
+//Hooks
+import useOutsideClick from "../../hooks/useOutsideClick";
+const Modal = ({ children, parentElement, 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), parentElement);
+    }
+    else {
+        return React.createElement(React.Fragment, null);
+    }
+};
+export default Modal;

package/dist/esm/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;
+}