Correcciones

.eslintrc.js

@@ -1,5 +1,6 @@
 // eslint-disable-next-line no-undef
 module.exports = {
+    settings: { react: { version: 'detect' } },
     env: {
         browser: true,
         es2021: true

cypress/component/Helper/Stepper.cy.tsx

@@ -4,7 +4,7 @@
  * https://docs.cypress.io/guides/component-testing/testing-react
  */
 import * as React from 'react';
-import { Stepper } from '../../../dist/esm/components/Helper/Stepper';
+import { Stepper } from '../../../';
 
 const stepperSelector = '[data-testid=stepper]';
 const incrementSelector = '[aria-label=increment]';

cypress/component/Helper/StepperEvents.cy.tsx

@@ -5,34 +5,34 @@
  * https://docs.cypress.io/guides/component-testing/events-react
  */
 import * as React from 'react';
-import { Stepper } from '../../../dist/esm/components/Helper/StepperEvents';
+import { StepperEvents } from '../../../';
 
 const stepperSelector = '[data-testid=stepper]';
 const incrementSelector = '[aria-label=increment]';
 const decrementSelector = '[aria-label=decrement]';
 
 describe('<Stepper>', () => {
     it('mounts', () => {
-        cy.mount(<Stepper />);
+        cy.mount(<StepperEvents />);
     });
 
     it('stepper should default to 0', () => {
         // Arrange
-        cy.mount(<Stepper />);
+        cy.mount(<StepperEvents />);
         // Assert
         cy.get(stepperSelector).should('contain.text', 0);
     });
 
     it('supports an "initial" prop to set the value', () => {
         // Arrange
-        cy.mount(<Stepper initial={100} />);
+        cy.mount(<StepperEvents initial={100} />);
         // Assert
         cy.get(stepperSelector).should('contain.text', 100);
     });
 
     it('can be incremented', () => {
         // Arrange
-        cy.mount(<Stepper />);
+        cy.mount(<StepperEvents />);
         // Act
         cy.get(incrementSelector).click();
         // Assert
@@ -41,15 +41,15 @@ describe('<Stepper>', () => {
 
     it('can be decremented', () => {
         // Arrange
-        cy.mount(<Stepper />);
+        cy.mount(<StepperEvents />);
         // Act
         cy.get(decrementSelector).click();
         // Assert
         cy.get(stepperSelector).should('contain.text', -1);
     });
 
     it('has an initial counter that can be incremented and decremented', () => {
-        cy.mount(<Stepper initial={100} />);
+        cy.mount(<StepperEvents initial={100} />);
         cy.get(stepperSelector).should('contain.text', 100);
         cy.get(incrementSelector).click();
         cy.get(stepperSelector).should('contain.text', 101);
@@ -60,7 +60,7 @@ describe('<Stepper>', () => {
     it('clicking + fires a change event with the incremented value', () => {
         // Arrange
         const onChangeSpy = cy.spy().as('onChangeSpy');
-        cy.mount(<Stepper initial={150} onChange={onChangeSpy} />);
+        cy.mount(<StepperEvents initial={150} onChange={onChangeSpy} />);
         // Act
         cy.get(incrementSelector).click();
         // Assert

cypress/component/SpeedDial.cy.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SpeedDial } from '../../dist/esm/components/SpeedDial';
+import { SpeedDial } from '../../';
 
 describe('SpeedDial.cy.tsx', () => {
     // ============================================================================================

package.json

@@ -2,8 +2,10 @@
     "name": "@bonapata/partes",
     "version": "0.2.4",
     "description": "Una librería libre de componentes para React, escrita en Typescript.",
-    "main": "dist/cjs/index.js",
+    "main": "dist/csj/index.js",
+    "browser": "dist/csj/index.js",
     "module": "dist/esm/index.js",
+    "types": "./dist/esm/index.d.ts",
     "files": [
         "dist",
         "src"
@@ -13,7 +15,6 @@
         "@babel/preset-env": "^7.18.6",
         "@babel/preset-react": "^7.18.6",
         "@cypress/react": "^6.0.0",
-        "@types/cypress": "^1.1.3",
         "@types/jest": "^28.1.4",
         "@types/node": "^18.0.1",
         "@types/react": "^17.0.39",
@@ -47,6 +48,7 @@
         "build:cjs": "tsc --module CommonJS --outDir dist/cjs",
         "pretest": "npm run build",
         "test": "cypress run --component",
+        "pretest:open": "npm run build",
         "test:open": "cypress open --component --browser chrome"
     },
     "repository": {
@@ -61,7 +63,6 @@
     ],
     "author": "Juan Manuel González Garzón",
     "license": "Unlicense",
-    "types": "./dist/cjs/index.d.ts",
     "bugs": {
         "url": "https://github.com/juanmanuelgg/bonapata-partes/issues"
     },

src/components/Helper/StepperEvents.tsx

@@ -1,12 +1,12 @@
 import React, { useState } from 'react';
 
-export interface StepperProps {
+export interface StepperEventsProps {
     initial?: number;
     onChange?: (count: number) => void;
 }
 
-export const Stepper: React.FunctionComponent<StepperProps> = (
-    props: StepperProps
+export const StepperEvents: React.FunctionComponent<StepperEventsProps> = (
+    props: StepperEventsProps
 ) => {
     const {
         initial = 0,

src/components/Helper/index.tsx

@@ -1 +1,2 @@
 export * from './Stepper';
+export * from './StepperEvents';

src/components/SpeedDial.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useMemo } from 'react';
 
 interface IconContentProps {
     pathname: string;
@@ -44,8 +44,14 @@ export const SpeedDial: React.FunctionComponent<SpeedDialProps> = (
     } = props;
 
     const savedFavorites: string = localStorage.getItem('favorites') || '[]';
-    let favorites: string[] = Array.from(new Set(JSON.parse(savedFavorites)));
-    localStorage.setItem('favorites', JSON.stringify(favorites));
+    let favorites: string[] = useMemo(() => {
+        const answer: string[] = Array.from(
+            new Set(JSON.parse(savedFavorites))
+        );
+        if (savedFavorites.length !== answer.length)
+            localStorage.setItem('favorites', JSON.stringify(answer));
+        return answer;
+    }, [saveFavorite]);
 
     const show = new Array(favorites.length);
     show.fill(false);