josenanodev-react-components-library 1.0.3 → 1.0.5

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

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

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

@@ -0,0 +1,5 @@
+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, disabled, }: SliderPropsType) => React.JSX.Element;
+export default Slider;

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

@@ -0,0 +1,2 @@
+export declare function defineVisibleValue(posicion: number, ancho: number, valorMaximo: number, valorMinimo: number): number;
+export declare function definePostionByValue(nuevoValor: number, ancho: number, valorMaximo: number, valorMinimo: number): number;

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

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

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

@@ -0,0 +1,7 @@
+export { default as BubbleMenu } from "./BubbleMenu";
+export { default as CalendarDatePicker } from "./CalendarDatePicker";
+export { default as InputBoxWithConfirmation } from "./InputBoxWithConfirmation";
+export { default as IntegerControl } from "./IntegerControl";
+export { default as LabeledInput } from "./LabeledInput";
+export { default as ScreenSteps } from "./ScreenSteps";
+export { default as ScrollSnapGallery } from "./ScrollSnapGallery";

package/dist/esm/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/esm/types/hooks/useOutsideClick.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function useOutsideClick(elementRef: React.MutableRefObject<HTMLElement | null>, onOutsideClickAction: Function, elementsRefsExceptions?: React.MutableRefObject<HTMLElement | null>[]): void;
+export default useOutsideClick;

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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

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

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

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

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

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

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

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

package/dist/esm/types/mocks/ReactComponentMocksForTesting/CellChildrenMock.d.ts

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

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

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

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

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

package/dist/esm/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/esm/types/utils/datesArray.d.ts

@@ -0,0 +1,8 @@
+/**
+ *
+ * @param startDate Date Object
+ * @param endDate Date Object
+ * @returns array of date objects in bewtween startDate and endDate, including both
+ */
+declare function datesArray(startDate: Date, endDate: Date): Date[];
+export default datesArray;

package/dist/esm/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/esm/types/utils/jsToSqlDate.d.ts

@@ -0,0 +1,7 @@
+/**
+ *
+ * @param jsDate Date Object
+ * @returns string of sql date format, for example 1993-03-29
+ */
+declare function jsToSqlDate(jsDate: Date): string;
+export default jsToSqlDate;

package/dist/esm/types/utils/monthYearString.d.ts

@@ -0,0 +1,3 @@
+import { languageType } from "../languages/types";
+declare function monthYearString(dateObject: Date, language: languageType): string;
+export default monthYearString;

package/dist/esm/types/utils/numberOfDaysInAMonth.d.ts

@@ -0,0 +1,6 @@
+/**
+ *
+ * @param dateObject Date Object
+ * @returns number of days of the month of the date object
+ */
+export declare function numberOfDaysInAMonth(dateObject: Date): number;

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

package/dist/esm/types/utils/sqlToJsDate.d.ts

@@ -0,0 +1,7 @@
+/**
+ *
+ * @param sqlDate sql date format, for example 1993-03-29
+ * @returns Date Object
+ */
+declare function sqlToJsDate(sqlDate: string): Date;
+export default sqlToJsDate;

package/dist/index.d.ts

@@ -1 +1,97 @@
-export * from './index'
+import React from 'react';
+import { IconType } from 'react-icons/lib';
+
+type BubbleMenuProps = {
+    options: {
+        icon: JSX.Element;
+        text: string;
+        visible: boolean;
+        optionCallback: () => void;
+    }[];
+    language?: "en" | "es";
+};
+declare const BubbleMenu: ({ options, language }: BubbleMenuProps) => React.JSX.Element;
+
+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;
+
+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;
+
+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;
+
+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;
+
+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;
+
+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 { BubbleMenu, CalendarDatePicker, InputBoxWithConfirmation, IntegerControl, LabeledInput, ScreenSteps, ScrollSnapGallery };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "josenanodev-react-components-library",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "author": {
     "name": "Jose Carlos Cardenas Martinez"
   },
@@ -8,10 +8,10 @@
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
-  "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
+  "types": "dist/index.d.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Josenanodev/josenanodev-react-components-library.git"
@@ -22,6 +22,7 @@
     "@babel/runtime": "^7.22.6",
     "@rollup/plugin-commonjs": "^25.0.3",
     "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-terser": "^0.4.3",
     "@rollup/plugin-typescript": "^11.1.2",
     "@storybook/addon-essentials": "^7.1.1",
     "@storybook/addon-interactions": "^7.1.1",
@@ -41,15 +42,13 @@
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
     "@types/react-test-renderer": "^18.0.0",
-    "@vitejs/plugin-react": "^4.0.4",
     "babel-cli": "^6.26.0",
     "babel-loader": "^9.1.3",
     "chromatic": "^6.19.9",
     "copyfiles": "^2.4.1",
     "eslint-plugin-storybook": "^0.6.13",
-    "node-sass": "^9.0.0",
-    "postcss": "^8.4.27",
     "prop-types": "^15.8.1",
+    "postcss": "^8.4.27",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.10.1",
@@ -58,13 +57,10 @@
     "rollup-plugin-dts": "^5.3.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-scss": "^4.0.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "sass": "^1.64.1",
+    "sass": "^1.64.0",
     "storybook": "^7.1.1",
-    "typescript": "^5.1.6",
-    "vite": "^4.4.7",
-    "vite-plugin-dts": "^3.4.0"
+    "tslib": "^2.6.1",
+    "typescript": "^5.1.6"
   },
   "peerDependencies": {
     "react": "^18.2.0",
@@ -72,6 +68,7 @@
     "react-icons": "^4.7.1"
   },
   "scripts": {
+    "rollup-build-lib": "rollup -c",
     "build": "rm -rf ./dist && npm run build:esm && npm run build:cjs && npm run copy-dts:cjs  && npm run copy-dts:esm  && npm run copy-css:cjs  && npm run copy-css:esm  && copyfiles -u 1 \"src/**/*.scss\" dist/cjs  && copyfiles -u 1 \"src/**/*.scss\" dist/esm",
     "test": "jest --coverage",
     "tsc": "tsc",
@@ -84,8 +81,7 @@
     "copy-scss:cjs": "copyfiles -u 1 \"src/**/*.scss\" dist/cjs",
     "copy-scss:esm": "copyfiles -u 1 \"src/**/*.scss\" dist/esm",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "vite": "vite build"
+    "build-storybook": "storybook build"
   },
   "eslintConfig": {
     "extends": [
@@ -120,5 +116,8 @@
   },
   "readme": "ERROR: No README data found!",
   "homepage": "https://github.com/Josenanodev/josenanodev-react-components-library#readme",
-  "_id": "josenanodev-react-components-library@0.0.13"
+  "_id": "josenanodev-react-components-library@0.0.13",
+  "dependencies": {
+    "xlsx-js-style": "^1.2.0"
+  }
 }