josenanodev-react-components-library 0.0.12 → 0.0.16

package/dist/esm/hooks/useOutsideClick.js

@@ -1,23 +1,23 @@
-import { useEffect } from "react";
-/**
- * Hook that alerts clicks outside of the passed ref
- */
-function useOutsideClick(elementRef, onOutsideClickAction) {
-    useEffect(() => {
-        /**
-         * Alert if clicked on outside of element
-         */
-        function handleClickOutside(event) {
-            if (elementRef.current && !elementRef.current.contains(event.target)) {
-                onOutsideClickAction();
-            }
-        }
-        // Bind the event listener
-        document.addEventListener("mousedown", handleClickOutside);
-        return () => {
-            // Unbind the event listener on clean up
-            document.removeEventListener("mousedown", handleClickOutside);
-        };
-    }, [elementRef, onOutsideClickAction]);
-}
-export default useOutsideClick;
+import { useEffect } from "react";
+/**
+ * Hook that alerts clicks outside of the passed ref
+ */
+function useOutsideClick(elementRef, onOutsideClickAction) {
+    useEffect(() => {
+        /**
+         * Alert if clicked on outside of element
+         */
+        function handleClickOutside(event) {
+            if (elementRef.current && !elementRef.current.contains(event.target)) {
+                onOutsideClickAction();
+            }
+        }
+        // Bind the event listener
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+            // Unbind the event listener on clean up
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [elementRef, onOutsideClickAction]);
+}
+export default useOutsideClick;

package/dist/esm/hooks/useResizeObserver.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-/**
- * @returns Array [elementWidth, elementHeight], that represent the current
- * values of width and height of elementRef
- */
-declare function useResizeObserver(elementRef: React.MutableRefObject<HTMLElement | null>): number[];
-export default useResizeObserver;
+import React from "react";
+/**
+ * @returns Array [elementWidth, elementHeight], that represent the current
+ * values of width and height of elementRef
+ */
+declare function useResizeObserver(elementRef: React.MutableRefObject<HTMLElement | null>): number[];
+export default useResizeObserver;

package/dist/esm/hooks/useResizeObserver.js

@@ -1,28 +1,28 @@
-import { useState, useRef, useEffect } from "react";
-/**
- * @returns Array [elementWidth, elementHeight], that represent the current
- * values of width and height of elementRef
- */
-function useResizeObserver(elementRef) {
-    const [elementWidth, setElementWidth] = useState(0);
-    const [elementHeight, setElementHeight] = useState(0);
-    const observer = useRef(new ResizeObserver((entries) => {
-        const { width, height } = entries[0].contentRect;
-        setElementWidth(width);
-        setElementHeight(height);
-    }));
-    useEffect(() => {
-        if (elementRef.current !== null) {
-            observer.current.observe(elementRef.current);
-        }
-        const observerCurrentForCleanUp = observer.current;
-        const elementRefCurrentForCleanUp = elementRef.current;
-        return () => {
-            if (elementRefCurrentForCleanUp !== null) {
-                observerCurrentForCleanUp.unobserve(elementRefCurrentForCleanUp);
-            }
-        };
-    }, [elementRef, observer]);
-    return [elementWidth, elementHeight];
-}
-export default useResizeObserver;
+import { useState, useRef, useEffect } from "react";
+/**
+ * @returns Array [elementWidth, elementHeight], that represent the current
+ * values of width and height of elementRef
+ */
+function useResizeObserver(elementRef) {
+    const [elementWidth, setElementWidth] = useState(0);
+    const [elementHeight, setElementHeight] = useState(0);
+    const observer = useRef(new ResizeObserver((entries) => {
+        const { width, height } = entries[0].contentRect;
+        setElementWidth(width);
+        setElementHeight(height);
+    }));
+    useEffect(() => {
+        if (elementRef.current !== null) {
+            observer.current.observe(elementRef.current);
+        }
+        const observerCurrentForCleanUp = observer.current;
+        const elementRefCurrentForCleanUp = elementRef.current;
+        return () => {
+            if (elementRefCurrentForCleanUp !== null) {
+                observerCurrentForCleanUp.unobserve(elementRefCurrentForCleanUp);
+            }
+        };
+    }, [elementRef, observer]);
+    return [elementWidth, elementHeight];
+}
+export default useResizeObserver;

package/dist/esm/hooks/useWindowsSize.d.ts

@@ -1,6 +1,6 @@
-/**
- * @returns Array [ancho, alto], de dichos valores refieren
- * los valores de window.innerWidth y window.innerHeight
- */
-declare function useWindowSize(): [number, number];
-export default useWindowSize;
+/**
+ * @returns Array [ancho, alto], de dichos valores refieren
+ * los valores de window.innerWidth y window.innerHeight
+ */
+declare function useWindowSize(): [number, number];
+export default useWindowSize;

package/dist/esm/hooks/useWindowsSize.js

@@ -1,18 +1,18 @@
-import { useLayoutEffect, useState } from "react";
-/**
- * @returns Array [ancho, alto], de dichos valores refieren
- * los valores de window.innerWidth y window.innerHeight
- */
-function useWindowSize() {
-    const [size, setSize] = useState([0, 0]);
-    useLayoutEffect(() => {
-        function updateSize() {
-            setSize([window.innerWidth, window.innerHeight]);
-        }
-        window.addEventListener("resize", updateSize);
-        updateSize();
-        return () => window.removeEventListener("resize", updateSize);
-    }, []);
-    return size;
-}
-export default useWindowSize;
+import { useLayoutEffect, useState } from "react";
+/**
+ * @returns Array [ancho, alto], de dichos valores refieren
+ * los valores de window.innerWidth y window.innerHeight
+ */
+function useWindowSize() {
+    const [size, setSize] = useState([0, 0]);
+    useLayoutEffect(() => {
+        function updateSize() {
+            setSize([window.innerWidth, window.innerHeight]);
+        }
+        window.addEventListener("resize", updateSize);
+        updateSize();
+        return () => window.removeEventListener("resize", updateSize);
+    }, []);
+    return size;
+}
+export default useWindowSize;

package/dist/esm/index.css

@@ -1,77 +1,77 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
-    "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  color: black;
-}
-
-body p {
-  line-height: normal;
-  margin: 0;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
-}
-
-:root {
-  --primary-color: #ec6321;
-  --secondary-color: #46ba0d;
-  --green-palette-one: #7bce51;
-  --green-palette-two: #52ac25;
-  --green-palette-three: #3a8117;
-  --green-palette-four: #27580f;
-  --green-palette-five: #1b3a0c;
-}
-
-input[type="checkbox"] {
-  /* Add if not using autoprefixer */
-  -webkit-appearance: none;
-  /* Remove most all native input styles */
-  appearance: none;
-  /* For iOS < 15 */
-  background-color: white;
-  /* Not removed via appearance */
-  margin: 0;
-
-  font: inherit;
-  color: dimgray;
-  min-width: 1.15em;
-  width: 1.15em;
-  height: 1.15em;
-  border: 0.15em solid dimgray;
-  border-radius: 0.15em;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-
-input[type="checkbox"]::before {
-  content: "";
-  width: 0.65em;
-  height: 0.65em;
-  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
-  transform: scale(0);
-  transform-origin: bottom left;
-  transition: 120ms transform ease-in-out;
-  box-shadow: inset 1em 1em var(--primary-color);
-  /* Windows High Contrast Mode */
-  background-color: CanvasText;
-}
-
-input[type="checkbox"]:checked::before {
-  transform: scale(1);
-}
-
-input[type="checkbox"]:focus {
-  outline: max(2px, 0.08em) solid rgb(145, 145, 145);
-  outline-offset: max(2px, 0.08em);
-}
-
-input[type="checkbox"]:disabled {
-  color: rgb(165, 165, 165);
-  cursor: not-allowed;
-}
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
+    "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: black;
+}
+
+body p {
+  line-height: normal;
+  margin: 0;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
+}
+
+:root {
+  --primary-color: #ec6321;
+  --secondary-color: #46ba0d;
+  --green-palette-one: #7bce51;
+  --green-palette-two: #52ac25;
+  --green-palette-three: #3a8117;
+  --green-palette-four: #27580f;
+  --green-palette-five: #1b3a0c;
+}
+
+input[type="checkbox"] {
+  /* Add if not using autoprefixer */
+  -webkit-appearance: none;
+  /* Remove most all native input styles */
+  appearance: none;
+  /* For iOS < 15 */
+  background-color: white;
+  /* Not removed via appearance */
+  margin: 0;
+
+  font: inherit;
+  color: dimgray;
+  min-width: 1.15em;
+  width: 1.15em;
+  height: 1.15em;
+  border: 0.15em solid dimgray;
+  border-radius: 0.15em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+
+input[type="checkbox"]::before {
+  content: "";
+  width: 0.65em;
+  height: 0.65em;
+  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
+  transform: scale(0);
+  transform-origin: bottom left;
+  transition: 120ms transform ease-in-out;
+  box-shadow: inset 1em 1em var(--primary-color);
+  /* Windows High Contrast Mode */
+  background-color: CanvasText;
+}
+
+input[type="checkbox"]:checked::before {
+  transform: scale(1);
+}
+
+input[type="checkbox"]:focus {
+  outline: max(2px, 0.08em) solid rgb(145, 145, 145);
+  outline-offset: max(2px, 0.08em);
+}
+
+input[type="checkbox"]:disabled {
+  color: rgb(165, 165, 165);
+  cursor: not-allowed;
+}

package/dist/esm/index.d.ts

@@ -1,7 +1,7 @@
-import Multicalendar from "./components/Multicalendar/Multicalendar";
-import SideBar from "./components/SideBar/SideBar";
-import SearchBar from "./components/SearchBar/SearchBar";
-import Modal from "./components/Modal/Modal";
-import PopUp from "./components/PopUp/PopUp";
-import { setMulticalendarYScrollPosition } from "./Services/MulticalendarStatesAndSettings";
-export { Multicalendar, setMulticalendarYScrollPosition, SideBar, SearchBar, Modal, PopUp, };
+import Multicalendar from "./components/Multicalendar/Multicalendar";
+import SideBar from "./components/SideBar/SideBar";
+import SearchBar from "./components/SearchBar/SearchBar";
+import Modal from "./components/Modal/Modal";
+import PopUp from "./components/PopUp/PopUp";
+import { setMulticalendarYScrollPosition } from "./Services/MulticalendarStatesAndSettings";
+export { Multicalendar, setMulticalendarYScrollPosition, SideBar, SearchBar, Modal, PopUp, };

package/dist/esm/index.js

@@ -1,7 +1,7 @@
-import Multicalendar from "./components/Multicalendar/Multicalendar";
-import SideBar from "./components/SideBar/SideBar";
-import SearchBar from "./components/SearchBar/SearchBar";
-import Modal from "./components/Modal/Modal";
-import PopUp from "./components/PopUp/PopUp";
-import { setMulticalendarYScrollPosition } from "./Services/MulticalendarStatesAndSettings";
-export { Multicalendar, setMulticalendarYScrollPosition, SideBar, SearchBar, Modal, PopUp, };
+import Multicalendar from "./components/Multicalendar/Multicalendar";
+import SideBar from "./components/SideBar/SideBar";
+import SearchBar from "./components/SearchBar/SearchBar";
+import Modal from "./components/Modal/Modal";
+import PopUp from "./components/PopUp/PopUp";
+import { setMulticalendarYScrollPosition } from "./Services/MulticalendarStatesAndSettings";
+export { Multicalendar, setMulticalendarYScrollPosition, SideBar, SearchBar, Modal, PopUp, };

package/dist/esm/languages/en-EN.d.ts

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

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

@@ -1,23 +1,23 @@
-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",
-};
-export default spanish;
+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",
+};
+export default spanish;

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

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

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

@@ -1,23 +1,23 @@
-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",
-};
-export default spanish;
+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",
+};
+export default spanish;

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

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

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

@@ -1,23 +1,23 @@
-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",
-};
-export default italian;
+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",
+};
+export default italian;

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

@@ -1,22 +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,
+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/esm/mocks/ReactComponentMocksForTesting/CellChildrenMock.d.ts

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

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

@@ -1,8 +1,8 @@
-import React from "react";
-const CellChildrenMock = ({ date, listElementId }) => {
-    return (React.createElement("div", { style: { userSelect: "none" } },
-        date,
-        React.createElement("br", null),
-        listElementId));
-};
-export default CellChildrenMock;
+import React from "react";
+const CellChildrenMock = ({ date, listElementId }) => {
+    return (React.createElement("div", { style: { userSelect: "none" } },
+        date,
+        React.createElement("br", null),
+        listElementId));
+};
+export default CellChildrenMock;

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

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

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

@@ -1,5 +1,5 @@
-import React from "react";
-const ListElementChildrenMock = ({ listElementId }) => {
-    return React.createElement("div", null, listElementId);
-};
-export default ListElementChildrenMock;
+import React from "react";
+const ListElementChildrenMock = ({ listElementId }) => {
+    return React.createElement("div", null, listElementId);
+};
+export default ListElementChildrenMock;

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

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

package/dist/esm/setupTests.d.ts

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

package/dist/esm/setupTests.js

@@ -1,6 +1,6 @@
-// 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
-import "@testing-library/jest-dom";
-import "@testing-library/jest-dom/extend-expect";
+// 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
+import "@testing-library/jest-dom";
+import "@testing-library/jest-dom/extend-expect";