josenanodev-react-components-library 1.0.4 → 1.0.5

package/dist/esm/components/SideBar/SideBar.css

@@ -1,53 +0,0 @@
-.trc-side-bar {
-  position: absolute;
-  top: 0;
-  height: 100%;
-  z-index: 2;
-  background-color: rgb(253, 253, 253);
-  box-shadow: 0px 0px 15px 0px rgb(206 206 206);
-  transition: all 0.5s ease-in-out;
-  animation: fade-in-side-bar 1s ease-in;
-}
-
-.trc-side-bar .sidebar-close-button {
-  position: absolute;
-  top: 3px;
-  z-index: 2;
-  height: 30px;
-  width: 30px;
-  background-color: rgba(247, 247, 247, 0.7);
-  border-radius: 20px;
-  border: none;
-  outline: none;
-  transition: all 0.3s;
-  color: dimgray;
-  font-size: 30px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-
-.trc-side-bar .sidebar-close-button:hover {
-  color: var(--primary-color);
-  background-color: rgba(236, 236, 236, 0.7);
-}
-
-.trc-side-bar .sidebar-close-button svg.open{
-  transform: rotate(0deg);
-  transition: all 0.5s;
-}
-
-.trc-side-bar .sidebar-close-button svg.close{
-  transform: rotate(180deg);
-  transition: all 0.5s;
-}
-
-@keyframes fade-in-side-bar {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}

package/dist/esm/components/SideBar/SideBar.js

@@ -1,42 +0,0 @@
-import React, { useRef, useState } from "react";
-import "./SideBar.css";
-//Hooks
-import useOutsideClick from "../../hooks/useOutsideClick";
-import useResizeObserver from "../../hooks/useResizeObserver";
-//Icons
-import { BsChevronLeft, BsChevronRight } from "react-icons/bs";
-/**
- * NOTE: Parent Node must have position: relative, to work correctly with the side bar
- */
-const SideBar = ({ side, open = false, children, closeAction, outBoundClickClosesSideBar, aditionalInlineStyle = {}, }) => {
-    //Refs
-    const sideBarRef = useRef(null);
-    //Hooks
-    const [elementWidth] = useResizeObserver(sideBarRef);
-    useOutsideClick(sideBarRef, () => {
-        if (outBoundClickClosesSideBar)
-            if (closeAction) {
-                closeAction();
-            }
-            else {
-                setOpenState(false);
-            }
-    });
-    //useState
-    const [openState, setOpenState] = useState(open);
-    return (React.createElement("div", { ref: sideBarRef, className: "trc-side-bar", style: Object.assign({ [side === "left" ? "right" : "left"]: (closeAction && open) || (!closeAction && openState)
-                ? `calc(100% - ${elementWidth}px)`
-                : closeAction
-                    ? "100%"
-                    : `calc(100% - 30px)` }, aditionalInlineStyle) },
-        React.createElement("button", { style: side === "left" ? { right: 0 } : { left: 0 }, className: "sidebar-close-button", onClick: () => {
-                if (closeAction) {
-                    closeAction();
-                }
-                else {
-                    setOpenState(!openState);
-                }
-            } }, side === "left" ? (React.createElement(BsChevronLeft, { className: (closeAction && open) || (!closeAction && openState) ? "open" : "close" })) : (React.createElement(BsChevronRight, { className: (closeAction && open) || (!closeAction && openState) ? "open" : "close" }))),
-        children));
-};
-export default SideBar;

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

@@ -1,8 +0,0 @@
-export interface SideBarPropsType {
-  side: "left" | "right";
-  children: JSX.Element | JSX.Element[];
-  open: boolean;
-  closeAction?: Function;
-  outBoundClickClosesSideBar?: boolean;
-  aditionalInlineStyle?: React.CSSProperties;
-}

package/dist/esm/components/Slider/Slider.css

@@ -1,55 +0,0 @@
-.trc-slider {
-  display: flex;
-  align-items: center;
-}
-
-.trc-slider.disabled{
-  opacity: 0.7;
-}
-
-.trc-slider .left-fill {
-  border: 2px solid rgb(216, 216, 216);
-  background-color: var(--secondary-color);
-}
-
-.trc-slider .right-fill {
-  border: 2px solid rgb(216, 216, 216);
-  background-color: rgb(211, 211, 211);
-}
-
-.trc-slider .sphere {
-  border-radius: 100%;
-  box-shadow: 0px 0px 20px 2px #a7a7a7;
-  background-color: rgb(255, 255, 255);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: grab;
-  z-index: 2;
-}
-
-.trc-slider .sphere p {
-  margin: 0;
-  font-size: 12px;
-  font-weight: 600;
-  color: #757575;
-  width: 25%;
-}
-
-.trc-slider .sphere input {
-  width: 70%;
-  border: none;
-  background-color: transparent;
-  text-align: right;
-  font-size: 12px;
-  font-weight: 600;
-  color: #757575;
-}
-
-.trc-slider .sphere input::-webkit-inner-spin-button {
-  display: none;
-}
-
-.trc-slider .sphere input:focus {
-  outline: none;
-}

package/dist/esm/components/Slider/Slider.js

@@ -1,148 +0,0 @@
-import React, { useState, useRef, useEffect, Fragment } from "react";
-import * as ownFunctions from "./SliderOwnFunctions";
-import "./Slider.css";
-const Slider = ({ minimumValue, maximumValue, onChange, initialValue = 0, value, showValueInsideButton, editableValueInsideButton, height = 40, width = 300, sufix, prefix, disabled, }) => {
-    //Refs
-    const sliderRef = useRef(null);
-    //Estados
-    const [position, setPosition] = useState(initialValue !== undefined
-        ? ownFunctions.definePostionByValue(initialValue, width, maximumValue, minimumValue)
-        : width / 2);
-    const [visibleValue, setVisibleValue] = useState(initialValue);
-    const [temporalVisibleValue, setTemporalVisibleValue] = useState(undefined);
-    const [cancelTransition, setCancelTransition] = useState(false);
-    useEffect(() => {
-        if (value !== undefined) {
-            setVisibleValue(value);
-            setPosition(ownFunctions.definePostionByValue(value, width, maximumValue, minimumValue));
-        }
-    }, [value, width, maximumValue, minimumValue]);
-    return (React.createElement("div", { ref: sliderRef, style: { width: width, height: height }, className: `trc-slider ${disabled ? "disabled" : ""}`, onMouseDown: (event1) => {
-            if (!disabled) {
-                var nuevovisibleValue;
-                if (sliderRef.current !== null && sliderRef.current !== undefined) {
-                    setCancelTransition(false);
-                    const newPosition = event1.clientX - sliderRef.current.getBoundingClientRect().x;
-                    setPosition(newPosition);
-                    nuevovisibleValue = ownFunctions.defineVisibleValue(newPosition, width, maximumValue, minimumValue);
-                    setVisibleValue(nuevovisibleValue);
-                }
-                function repositioning(event2) {
-                    setCancelTransition(true);
-                    if (sliderRef.current !== null && sliderRef.current !== undefined) {
-                        setTemporalVisibleValue(undefined);
-                        let newPosition = event2.clientX - sliderRef.current.getBoundingClientRect().x;
-                        if (newPosition < 0)
-                            newPosition = 0;
-                        if (newPosition > width)
-                            newPosition = width;
-                        setPosition(newPosition);
-                        nuevovisibleValue = ownFunctions.defineVisibleValue(newPosition, width, maximumValue, minimumValue);
-                        setVisibleValue(nuevovisibleValue);
-                    }
-                }
-                document.addEventListener("mousemove", repositioning);
-                function removeEventListeners() {
-                    document.removeEventListener("mousemove", repositioning);
-                    document.removeEventListener("mouseup", removeEventListeners);
-                    setCancelTransition(false);
-                    onChange(nuevovisibleValue);
-                }
-                document.addEventListener("mouseup", removeEventListeners);
-            }
-        }, onTouchStart: (event1) => {
-            if (!disabled) {
-                var nuevovisibleValue;
-                if (sliderRef.current !== null && sliderRef.current !== undefined) {
-                    setCancelTransition(false);
-                    const newPosition = event1.touches[0].clientX - sliderRef.current.getBoundingClientRect().x;
-                    setPosition(newPosition);
-                    nuevovisibleValue = ownFunctions.defineVisibleValue(newPosition, width, maximumValue, minimumValue);
-                    setVisibleValue(nuevovisibleValue);
-                }
-                function repositioning(event2) {
-                    setCancelTransition(true);
-                    if (sliderRef.current !== null && sliderRef.current !== undefined) {
-                        setTemporalVisibleValue(undefined);
-                        let newPosition = event2.touches[0].clientX - sliderRef.current.getBoundingClientRect().x;
-                        if (newPosition < 0)
-                            newPosition = 0;
-                        if (newPosition > width)
-                            newPosition = width;
-                        setPosition(newPosition);
-                        nuevovisibleValue = ownFunctions.defineVisibleValue(newPosition, width, maximumValue, minimumValue);
-                        setVisibleValue(nuevovisibleValue);
-                    }
-                }
-                document.addEventListener("touchmove", repositioning);
-                function removeEventListeners() {
-                    document.removeEventListener("touchmove", repositioning);
-                    document.removeEventListener("touchend", removeEventListeners);
-                    setCancelTransition(false);
-                    onChange(nuevovisibleValue);
-                }
-                document.addEventListener("touchend", removeEventListeners);
-            }
-        } },
-        React.createElement("div", { style: {
-                width: position,
-                height: height * 0.8,
-                borderTopLeftRadius: (height * 0.8) / 2,
-                borderBottomLeftRadius: (height * 0.8) / 2,
-                marginRight: -height / 2,
-                transition: cancelTransition ? "none" : "all 0.3s",
-            }, className: "left-fill" }),
-        React.createElement("div", { style: { width: height, height: height }, className: "sphere" }, showValueInsideButton && (React.createElement(Fragment, null,
-            prefix !== undefined && React.createElement("p", null, prefix),
-            React.createElement("input", { disabled: !editableValueInsideButton || disabled, type: "number", min: minimumValue, max: maximumValue, value: temporalVisibleValue !== undefined ? temporalVisibleValue : visibleValue, onChange: (event) => {
-                    setTemporalVisibleValue(Number(event.target.value));
-                }, onFocus: () => {
-                    setTemporalVisibleValue(visibleValue);
-                }, onKeyDown: (event) => {
-                    if (!disabled) {
-                        if (event.key === "Enter" && temporalVisibleValue !== undefined) {
-                            let nuevovalue = temporalVisibleValue;
-                            if (nuevovalue < minimumValue)
-                                nuevovalue = minimumValue;
-                            if (nuevovalue > maximumValue)
-                                nuevovalue = maximumValue;
-                            const newPosition = ownFunctions.definePostionByValue(nuevovalue, width, maximumValue, minimumValue);
-                            setPosition(newPosition);
-                            const nuevovisibleValue = ownFunctions.defineVisibleValue(newPosition, width, maximumValue, minimumValue);
-                            setVisibleValue(nuevovisibleValue);
-                            onChange(nuevovisibleValue);
-                            setTemporalVisibleValue(undefined);
-                        }
-                        if (event.key === "Escape") {
-                            setPosition(ownFunctions.definePostionByValue(visibleValue, width, maximumValue, minimumValue));
-                            setTemporalVisibleValue(undefined);
-                        }
-                    }
-                }, onBlur: () => {
-                    if (!disabled) {
-                        if (temporalVisibleValue !== undefined) {
-                            let nuevovalue = temporalVisibleValue;
-                            if (nuevovalue < minimumValue)
-                                nuevovalue = minimumValue;
-                            if (nuevovalue > maximumValue)
-                                nuevovalue = maximumValue;
-                            const newPosition = ownFunctions.definePostionByValue(nuevovalue, width, maximumValue, minimumValue);
-                            setPosition(newPosition);
-                            const nuevovisibleValue = ownFunctions.defineVisibleValue(newPosition, width, maximumValue, minimumValue);
-                            setVisibleValue(nuevovisibleValue);
-                            onChange(nuevovisibleValue);
-                            setTemporalVisibleValue(undefined);
-                        }
-                    }
-                } }),
-            sufix !== undefined && React.createElement("p", null, sufix)))),
-        React.createElement("div", { style: {
-                width: width - position,
-                height: height * 0.8,
-                borderTopRightRadius: (height * 0.8) / 2,
-                borderBottomRightRadius: (height * 0.8) / 2,
-                marginLeft: -height / 2,
-                transition: cancelTransition ? "none" : "all 0.3s",
-            }, className: "right-fill" })));
-};
-export default Slider;

package/dist/esm/components/Slider/SliderOwnFunctions.js

@@ -1,6 +0,0 @@
-export function defineVisibleValue(posicion, ancho, valorMaximo, valorMinimo) {
-    return Math.round((posicion / (ancho)) * (valorMaximo - valorMinimo) + valorMinimo);
-}
-export function definePostionByValue(nuevoValor, ancho, valorMaximo, valorMinimo) {
-    return ((nuevoValor - valorMinimo) / (valorMaximo - valorMinimo)) * (ancho);
-}

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

@@ -1,14 +0,0 @@
-export interface SliderPropsType {
-  minimumValue: number;
-  maximumValue: number;
-  onChange: (newValue: number) => void;
-  initialValue?: number;
-  value?: number;
-  showValueInsideButton?: boolean;
-  editableValueInsideButton?: boolean;
-  height?: number;
-  width?: number;
-  sufix?: string;
-  prefix?: string;
-  disabled?: boolean;
-}

package/dist/esm/hooks/useIntersectionObserver.js

@@ -1,26 +0,0 @@
-import { useEffect, useState, useRef } from "react";
-/**
- * Hook to observe an element's intersection
- * @param ref ref to the element to observe
- * @param options intersection observer options
- * @returns a boolean indicating if the element is intersecting
- */
-function useIntersectionObserver(ref, options) {
-    const [isIntersecting, setIsIntersecting] = useState(false);
-    const observer = useRef(null);
-    useEffect(() => {
-        if (observer.current)
-            observer.current.disconnect();
-        observer.current = new IntersectionObserver(([entry]) => {
-            setIsIntersecting(entry.isIntersecting);
-        }, options);
-        if (ref.current)
-            observer.current.observe(ref.current);
-        return () => {
-            if (observer.current)
-                observer.current.disconnect();
-        };
-    }, [ref, options]);
-    return isIntersecting;
-}
-export default useIntersectionObserver;

package/dist/esm/hooks/useOutsideClick.js

@@ -1,17 +0,0 @@
-import { useEffect } from "react";
-function useOutsideClick(elementRef, onOutsideClickAction, elementsRefsExceptions = []) {
-    useEffect(() => {
-        function handleClickOutside(event) {
-            if (elementRef.current &&
-                !elementRef.current.contains(event.target) &&
-                elementsRefsExceptions.every((elementRefException) => elementRefException.current !== event.target)) {
-                onOutsideClickAction();
-            }
-        }
-        document.addEventListener("mousedown", handleClickOutside);
-        return () => {
-            document.removeEventListener("mousedown", handleClickOutside);
-        };
-    }, [elementRef, onOutsideClickAction, elementsRefsExceptions]);
-}
-export default useOutsideClick;

package/dist/esm/hooks/useResizeObserver.js

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

@@ -1,18 +0,0 @@
-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,79 +0,0 @@
-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;
-  --light-gray: #959595;
-  --medium-gray: #787878;
-}
-
-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,20 +0,0 @@
-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 ProgressBar from "./components/ProgressBar/ProgressBar";
-import ParallelSelectionList from "./components/ParallelSelectionList/ParallelSelectionList";
-import Slider from "./components/Slider/Slider";
-import MultipleJoinedButtonsBar from "./components/MultipleJoinedButtonsBar/MultipleJoinedButtonsBar";
-import ExportToExcelButton from "./components/ExportToExcelButton/ExportToExcelButton";
-import InputBoxWithConfirmation from "./components/InputBoxWithConfirmation/InputBoxWithConfirmation";
-import CalendarDatePicker from "./components/CalendarDatePicker/CalendarDatePicker";
-import IntegerControl from "./components/IntegerControl/IntegerControl";
-import BubbleMenu from "./components/BubbleMenu/BubbleMenu";
-import LabeledInput from "./components/LabeledInput/LabeledInput";
-import ScreenSteps from "./components/ScreenSteps/ScreenSteps";
-import ScrollSnapGallery from "./components/ScrollSnapGallery/ScrollSnapGallery";
-import { setMulticalendarScrollTopPosition, setMulticalendarScrollLeftPosition, eraseMulticalendarScrollLeftPosition, eraseMulticalendarScrollTopPosition } from "./Services/MulticalendarStatesAndSettings";
-export type { ExportToExcelButtonPropsType } from "./components/ExportToExcelButton/types";
-export { Multicalendar, setMulticalendarScrollTopPosition, setMulticalendarScrollLeftPosition, eraseMulticalendarScrollLeftPosition, eraseMulticalendarScrollTopPosition, SideBar, SearchBar, Modal, PopUp, ProgressBar, ParallelSelectionList, Slider, MultipleJoinedButtonsBar, ExportToExcelButton, CalendarDatePicker, InputBoxWithConfirmation, IntegerControl, BubbleMenu, LabeledInput, ScreenSteps, ScrollSnapGallery };

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

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

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

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

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

@@ -1,5 +0,0 @@
-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 +0,0 @@
-/// <reference types="react-scripts" />

package/dist/esm/setupTests.js

@@ -1,6 +0,0 @@
-// 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";