josenanodev-react-components-library 0.2.17 → 1.0.0

package/dist/cjs/types/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;

package/dist/cjs/types/components/BubbleMenu/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./BubbleMenu";

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

@@ -0,0 +1,19 @@
+import React from "react";
+export type CalendarDatePickerProps = {
+    mode: "single" | "multiple" | "range" | "booking";
+    onSelectedDatesChange: (dates: Date[]) => void;
+    language?: "es" | "en";
+    customDates?: {
+        color: string;
+        dates: Date[];
+        selectable: boolean;
+        crossed?: boolean;
+        clickSideEffect?: (date: Date) => void;
+    }[];
+    title?: string;
+    minimumDate?: Date;
+    maximumDate?: Date;
+    customStyle?: React.CSSProperties;
+};
+declare const CalendarDatePicker: ({ mode, onSelectedDatesChange, language, customDates, title, minimumDate, maximumDate, customStyle, }: CalendarDatePickerProps) => React.JSX.Element;
+export default CalendarDatePicker;

package/dist/cjs/types/components/CalendarDatePicker/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./CalendarDatePicker";

package/dist/cjs/types/components/CalendarDatePicker/subcomponents/CalendarScrollableSection.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { CalendarDatePickerProps } from "../CalendarDatePicker";
+type CalendarScrollableSectionProps = {
+    dates: Date[];
+    month: number;
+    year: number;
+    mode: CalendarDatePickerProps["mode"];
+    onSelectedDatesChange: CalendarDatePickerProps["onSelectedDatesChange"];
+    onFocusedMonth: (month: number, year: number) => void;
+    customDates: CalendarDatePickerProps["customDates"];
+    minimumDate?: CalendarDatePickerProps["minimumDate"];
+    maximumDate?: CalendarDatePickerProps["maximumDate"];
+};
+declare const CalendarScrollableSection: ({ dates, month, year, mode, onSelectedDatesChange, onFocusedMonth, customDates, minimumDate, maximumDate, }: CalendarScrollableSectionProps) => React.JSX.Element;
+export default CalendarScrollableSection;

package/dist/cjs/{components → types/components}/ExportToExcelButton/ExportToExcelButton.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import "./ExportToExcelButton.css";
 import { ExportToExcelButtonPropsType } from "./types";
-declare const ExportToExcelButton: ({ customButtonText, customClass, fileName, headers, data, onAfterExport, disabled, }: ExportToExcelButtonPropsType) => JSX.Element;
+declare const ExportToExcelButton: ({ customButtonText, customClass, fileName, headers, data, onAfterExport, disabled, }: ExportToExcelButtonPropsType) => React.JSX.Element;
 export default ExportToExcelButton;

package/dist/cjs/types/components/ExportToExcelButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ExportToExcelButton";

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

@@ -0,0 +1,17 @@
+import React from "react";
+type InputBoxWithConfirmationPropsType = {
+    onConfirmAction: (inputCurrentValue: string) => void;
+    inputType?: "text" | "number";
+    minimumValue?: HTMLInputElement["min"];
+    maximumValue?: HTMLInputElement["max"];
+    maxLength?: HTMLInputElement["maxLength"];
+    placeholder?: HTMLInputElement["placeholder"];
+    divWrapperCustomStyle?: React.CSSProperties;
+    inputBoxCustomStyle?: React.CSSProperties;
+    defaultValue?: string | number;
+    overrideCurrentValue?: string | number | null;
+    showConfirmationButton?: boolean;
+    disabled?: boolean;
+};
+declare const InputBoxWithConfirmation: ({ onConfirmAction, inputType, minimumValue, maximumValue, maxLength, placeholder, divWrapperCustomStyle, inputBoxCustomStyle, defaultValue, overrideCurrentValue, showConfirmationButton, disabled, }: InputBoxWithConfirmationPropsType) => React.JSX.Element;
+export default InputBoxWithConfirmation;

package/dist/cjs/types/components/InputBoxWithConfirmation/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./InputBoxWithConfirmation";

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

@@ -0,0 +1,10 @@
+import React from "react";
+type IntegerControlProps = {
+    onChange: (value: number) => void;
+    defaultValue?: number;
+    minimumValue?: number;
+    maximumValue?: number;
+    customStyle?: React.CSSProperties;
+};
+declare const IntegerControl: ({ onChange, defaultValue, minimumValue, maximumValue, customStyle, }: IntegerControlProps) => React.JSX.Element;
+export default IntegerControl;

package/dist/cjs/types/components/IntegerControl/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./IntegerControl";

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

@@ -0,0 +1,15 @@
+import React from "react";
+type LabeledInputProps = {
+    label: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    width?: string;
+    height?: string;
+    backgroundColor?: string;
+    textAlign?: "left" | "center" | "right";
+    highlightError?: boolean;
+    errorMessage?: string;
+    inputProps?: React.ComponentProps<"input">;
+};
+declare const LabeledInput: ({ label, defaultValue, onChange, width, height, backgroundColor, textAlign, highlightError, errorMessage, inputProps, }: LabeledInputProps) => React.JSX.Element;
+export default LabeledInput;

package/dist/cjs/types/components/LabeledInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./LabeledInput";

package/dist/cjs/{components → types/components}/Modal/Modal.d.ts

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

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

@@ -0,0 +1 @@
+export { default } from "./Modal";

package/dist/cjs/{components → types/components}/Multicalendar/Multicalendar.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import "./Multicalendar.css";
 import { MulticalendarPropsType } from "./types";
-declare const Multicalendar: ({ multicalendarId, ReactCellChildren, ReactListElementChildren, listElementsIdsArray, language, pastDatesVisible, cellsWidth, cellsHeight, verticalAxisWidth, pastDaysInitialQuantity, futureDaysInitialQuantity, chunkRenderX, chunkRenderY, dynamicDaysQuantity, authomaticScrollOnDraggingOverEdges, waitTimeForCalls, callsOnInitialView, callsOnScrollingStops, aditionalControlsComponents, upperLeftComponent, autoSavePosition, onScrollTopChanges, onScrollLeftChanges, }: MulticalendarPropsType) => JSX.Element;
+declare const Multicalendar: ({ multicalendarId, ReactCellChildren, ReactListElementChildren, listElementsIdsArray, language, pastDatesVisible, cellsWidth, cellsHeight, verticalAxisWidth, pastDaysInitialQuantity, futureDaysInitialQuantity, chunkRenderX, chunkRenderY, dynamicDaysQuantity, authomaticScrollOnDraggingOverEdges, waitTimeForCalls, callsOnInitialView, callsOnScrollingStops, aditionalControlsComponents, upperLeftComponent, autoSavePosition, onScrollTopChanges, onScrollLeftChanges, }: MulticalendarPropsType) => React.JSX.Element;
 export default Multicalendar;

package/dist/cjs/types/components/Multicalendar/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Multicalendar";

package/dist/cjs/{components → types/components}/Multicalendar/subcomponents/composites/CellsRow/CellsRow.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import "./CellsRow.css";
 import { CellsRowsPropsType } from "./types";
-declare const CellsRow: ({ listElementId, visibleDatesArray, width, height, cellsWidth, cellsHeight, ReactCellChildren, }: CellsRowsPropsType) => JSX.Element;
+declare const CellsRow: ({ listElementId, visibleDatesArray, width, height, cellsWidth, cellsHeight, ReactCellChildren, }: CellsRowsPropsType) => React.JSX.Element;
 export default CellsRow;

package/dist/cjs/{components → types/components}/Multicalendar/subcomponents/composites/DatesGrid/DatesGrid.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import "./DatesGrid.css";
 import { DatesGridPropTypes } from "./types";
-declare const DatesGrid: ({ gridWidth, gridHeight, xOffset, yOffset, cellsWidth, cellsHeight, visibleListElementsIdsArray, visibleDates, ReactCellChildren, }: DatesGridPropTypes) => JSX.Element;
+declare const DatesGrid: ({ gridWidth, gridHeight, xOffset, yOffset, cellsWidth, cellsHeight, visibleListElementsIdsArray, visibleDates, ReactCellChildren, }: DatesGridPropTypes) => React.JSX.Element;
 export default DatesGrid;

package/dist/cjs/{components → types/components}/Multicalendar/subcomponents/composites/ListElementsColumn/ListElementsColumn.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import "./ListElementsColumn.css";
 import { ListElementsColumnPropsType } from "./types";
-declare const ListElementsColumn: ({ ReactListElementChildren, listHeight, yOffset, elementsHeight, idsArray, }: ListElementsColumnPropsType) => JSX.Element;
+declare const ListElementsColumn: ({ ReactListElementChildren, listHeight, yOffset, elementsHeight, idsArray, }: ListElementsColumnPropsType) => React.JSX.Element;
 export default ListElementsColumn;

package/dist/cjs/{components → types/components}/Multicalendar/subcomponents/individuals/Cell/Cell.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import "./Cell.css";
 import { CellPropsType } from "./types";
-declare const _default: React.MemoExoticComponent<({ date, listElementId, width, heigth, ReactCellChildren }: CellPropsType) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ date, listElementId, width, heigth, ReactCellChildren }: CellPropsType) => React.JSX.Element>;
 export default _default;

package/dist/cjs/{components → types/components}/Multicalendar/subcomponents/individuals/DatesRow/DatesRow.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import "./DatesRow.css";
 import { DatesRowPropsType } from "./types";
-declare const DatesRow: ({ visibleDates, width, height, cellsWidth, cellsHeight, offset, language, }: DatesRowPropsType) => JSX.Element;
+declare const DatesRow: ({ visibleDates, width, height, cellsWidth, cellsHeight, offset, language, }: DatesRowPropsType) => React.JSX.Element;
 export default DatesRow;

package/dist/cjs/types/components/Multicalendar/subcomponents/individuals/DropdownMonthNavigation/DropdownMonthNavigation.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import "./DropdownMonthNavigation.css";
+import { DropdownMonthNavigationPropsType } from "./types";
+declare const DropdownMonthNavigation: ({ visibleMonth, visibleYear, onChangeAction, options, }: DropdownMonthNavigationPropsType) => React.JSX.Element;
+export default DropdownMonthNavigation;

package/dist/cjs/{components → types/components}/Multicalendar/subcomponents/individuals/ListElement/ListElement.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import "./ListElement.css";
 import { ListElementPropsType } from "./types";
-declare const _default: React.MemoExoticComponent<({ listElementId, ReactListElementChildren, height, }: ListElementPropsType) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ listElementId, ReactListElementChildren, height, }: ListElementPropsType) => React.JSX.Element>;
 export default _default;

package/dist/{esm → cjs/types}/components/MultipleJoinedButtonsBar/MultipleJoinedButtonsBar.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import "./MultipleJoinedButtonsBar.css";
 import { MultipleJoinedButtonsBarPropsType } from "./types";
-declare const MultipleJoinedButtonsBar: ({ options, onSelectOption, initialSelectedValue, externalSelectedValue, }: MultipleJoinedButtonsBarPropsType<any>) => JSX.Element;
+declare const MultipleJoinedButtonsBar: ({ options, onSelectOption, initialSelectedValue, externalSelectedValue, }: MultipleJoinedButtonsBarPropsType<any>) => React.JSX.Element;
 export default MultipleJoinedButtonsBar;

package/dist/cjs/types/components/MultipleJoinedButtonsBar/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./MultipleJoinedButtonsBar";

package/dist/{esm → cjs/types}/components/ParallelSelectionList/ParallelSelectionList.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import "./ParallelSelectionList.css";
 import { ParallelSelectionListPropsTypes } from "./types";
-declare const ParallelSelectionList: ({ dataList, applyAction, cancelAction, onSelectionChange, leftListTitle, rightListTitle, leftListApplyAllButtonText, rightListApplyAllButtonText, searchBarsVisible, applyButonText, cancelButtonText, preSelectedDatumsIds, listElementsHeight, }: ParallelSelectionListPropsTypes) => JSX.Element;
+declare const ParallelSelectionList: ({ dataList, applyAction, cancelAction, onSelectionChange, leftListTitle, rightListTitle, leftListApplyAllButtonText, rightListApplyAllButtonText, searchBarsVisible, applyButtonText, cancelButtonText, preSelectedDatumsIds, listElementsHeight, }: ParallelSelectionListPropsTypes) => React.JSX.Element;
 export default ParallelSelectionList;

package/dist/cjs/types/components/ParallelSelectionList/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ParallelSelectionList";

package/dist/{esm → cjs/types}/components/PopUp/PopUp.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import "./PopUp.css";
 import { PopUpPropsType } from "./types";
-declare const PopUp: ({ open, children, closeAction, outBoundClickClosesPopUp, aditionalInlineStyle, aditionalClass, activationButtonRef, }: PopUpPropsType) => JSX.Element;
+declare const PopUp: ({ open, children, closeAction, outBoundClickClosesPopUp, aditionalInlineStyle, aditionalClass, activationButtonRef, }: PopUpPropsType) => React.JSX.Element;
 export default PopUp;

package/dist/cjs/types/components/PopUp/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./PopUp";

package/dist/{esm → cjs/types}/components/ProgressBar/ProgressBar.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import "./ProgressBar.css";
 import { ProgressBarPropsType } from "./types";
-declare const ProgressBar: ({ totalSize, currentValue, color, }: ProgressBarPropsType) => JSX.Element;
+declare const ProgressBar: ({ totalSize, currentValue, color, }: ProgressBarPropsType) => React.JSX.Element;
 export default ProgressBar;

package/dist/cjs/types/components/ProgressBar/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ProgressBar";

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

@@ -0,0 +1,14 @@
+import React from "react";
+type Step = {
+    component: React.ReactNode;
+    innerText: string;
+    outterText?: string;
+};
+type ScreenStepsProps = {
+    steps: Step[];
+    defaultStep?: number;
+    onStepChange?: (step: number) => void;
+    overrideStep?: number;
+};
+declare const ScreenSteps: ({ steps, defaultStep, onStepChange, overrideStep, }: ScreenStepsProps) => React.JSX.Element;
+export default ScreenSteps;

package/dist/cjs/types/components/ScreenSteps/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ScreenSteps";

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { IconType } from "react-icons/lib";
+type ScrollSnapGalleryProps = {
+    urls: string[];
+    width?: string;
+    height?: string;
+    IndicatorIcon?: IconType;
+    positionIndicatorSize?: number;
+    iconSize?: number;
+    showArrows?: boolean;
+    frameStyle?: React.CSSProperties;
+};
+declare const ScrollSnapGallery: ({ urls, width, height, IndicatorIcon, positionIndicatorSize, iconSize, showArrows, frameStyle, }: ScrollSnapGalleryProps) => React.JSX.Element;
+export default ScrollSnapGallery;

package/dist/cjs/types/components/ScrollSnapGallery/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ScrollSnapGallery";

package/dist/{esm → cjs/types}/components/SearchBar/SearchBar.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import "./SearchBar.css";
 import { SearchBarPropsType } from "./types";
-declare const SearchBar: ({ actionOnEnter, actionOnAlteringText, actionOnEmptyText, optionsButtonVisible, actionOnClickOptionsButton, placeholder, initialValue, disabled, }: SearchBarPropsType) => JSX.Element;
+declare const SearchBar: ({ actionOnEnter, actionOnAlteringText, actionOnEmptyText, optionsButtonVisible, actionOnClickOptionsButton, placeholder, initialValue, disabled, }: SearchBarPropsType) => React.JSX.Element;
 export default SearchBar;

package/dist/cjs/types/components/SearchBar/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./SearchBar";

package/dist/{esm → cjs/types}/components/SideBar/SideBar.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 import "./SideBar.css";
 import { SideBarPropsType } from "./types";
 /**
  * NOTE: Parent Node must have position: relative, to work correctly with the side bar
  */
-declare const SideBar: ({ side, open, children, closeAction, outBoundClickClosesSideBar, aditionalInlineStyle, }: SideBarPropsType) => JSX.Element;
+declare const SideBar: ({ side, open, children, closeAction, outBoundClickClosesSideBar, aditionalInlineStyle, }: SideBarPropsType) => React.JSX.Element;
 export default SideBar;

package/dist/cjs/types/components/SideBar/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./SideBar";

package/dist/{esm → cjs/types}/components/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import "./Slider.css";
 import { SliderPropsType } from "./types";
-declare const Slider: ({ minimumValue, maximumValue, onChange, initialValue, value, showValueInsideButton, editableValueInsideButton, height, width, sufix, prefix, }: SliderPropsType) => JSX.Element;
+declare const Slider: ({ minimumValue, maximumValue, onChange, initialValue, value, showValueInsideButton, editableValueInsideButton, height, width, sufix, prefix, disabled, }: SliderPropsType) => React.JSX.Element;
 export default Slider;

package/dist/cjs/types/components/Slider/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Slider";

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

@@ -0,0 +1,16 @@
+export { default as BubbleMenu } from "./BubbleMenu";
+export { default as CalendarDatePicker } from "./CalendarDatePicker";
+export { default as ExportToExcelButton } from "./ExportToExcelButton";
+export { default as InputBoxWithConfirmation } from "./InputBoxWithConfirmation";
+export { default as IntegerControl } from "./IntegerControl";
+export { default as LabeledInput } from "./LabeledInput";
+export { default as Modal } from "./Modal";
+export { default as Multicalendar } from "./Multicalendar";
+export { default as MultipleJoinedButtonsBar } from "./MultipleJoinedButtonsBar";
+export { default as ParallelSelectionList } from "./ParallelSelectionList";
+export { default as PopUp } from "./PopUp";
+export { default as ProgressBar } from "./ProgressBar";
+export { default as ScreenSteps } from "./ScreenSteps";
+export { default as ScrollSnapGallery } from "./ScrollSnapGallery";
+export { default as SearchBar } from "./SearchBar";
+export { default as Slider } from "./Slider";

package/dist/cjs/types/hooks/useIntersectionObserver.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } 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
+ */
+declare function useIntersectionObserver(ref: RefObject<Element>, options?: IntersectionObserverInit | undefined): boolean;
+export default useIntersectionObserver;

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

@@ -0,0 +1 @@
+export * from "./components";

package/dist/{esm → cjs/types}/mocks/ReactComponentMocksForTesting/CellChildrenMock.d.ts

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

package/dist/{esm → cjs/types}/mocks/ReactComponentMocksForTesting/ListElementChildrenMock.d.ts

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

package/dist/cjs/types/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/types/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/types/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;