Bug Fixes, Storybook Provider Addition, and Test Refactoring

This commit includes several updates:

1. Bug Fixes: Addressed and resolved several bugs that were affecting the application's performance and user experience.

2. Storybook Provider: Added a new provider for Storybook to enhance our component documentation and testing capabilities.

3. Test Refactoring: Removed repeated references in our tests to improve readability and maintainability.

4. Checkbox Story Refactoring: Removed repeated parameters in the Checkbox component story in Storybook to streamline the code and improve clarity.

These changes aim to improve the overall quality of our codebase and the efficiency of our development process.

Author: Hector Arce De Las Heras

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",

src/components/backToTop/__tests__/backToTop.test.tsx

@@ -38,7 +38,6 @@ describe('BackToTop component', () => {
     const ref = React.createRef<HTMLButtonElement>();
     jest.spyOn(window, 'scrollTo').mockImplementation(scrollToMock);
     window.scrollY = 2;
-    const ref = React.createRef<HTMLButtonElement>();
     renderProvider(
       <div>
         <BackToTop {...mockProps} ref={ref} />

src/components/checkbox/stories/checkbox.stories.tsx

@@ -13,9 +13,6 @@ const themeSelected = localStorage.getItem('themeSelected') || 'kubit';
 const meta = {
   title: 'Components/Forms/Checkbox',
   component: CheckboxStory,
-  parameters: {
-    layout: 'centered',
-  },
   tags: ['autodocs'],
   argTypes: argtypes(variantsObject, themeSelected),
   parameters: {

src/storybook/components/index.ts

@@ -1 +1,2 @@
 export * from './colors';
+export * from './icons';

src/storybook/provider/utilsProvider/utilsProvider.tsx

@@ -0,0 +1,86 @@
+import React from 'react';
+
+import { UtilsProvider } from '@/provider';
+import { DateFormatOptions } from '@/provider/utils/types';
+import { FormatWeekdayOptionType } from '@/types';
+import {
+  formatDate,
+  getAddDays,
+  getAddMonths,
+  getAddYears,
+  getAllMonthNames,
+  getAllWeekdayNames,
+  getSubDays,
+  getSubMonths,
+  getSubYears,
+  isAfter,
+  isBefore,
+  isDatesEqual,
+  transformDate,
+} from '@/utils/date';
+
+//delete on kubit
+const folder = {
+  santander: 'santander',
+  modelbank: 'mb',
+  santander_black: 'santander',
+  modelbank_cc: 'mb',
+  santander_cc: 'santander',
+};
+//delete on kubit
+
+export const UtilsProviderDocStorybook = ({
+  children,
+  theme,
+}: {
+  children: JSX.Element;
+  theme: string;
+}): JSX.Element => {
+  return (
+    <UtilsProvider
+      dateHelpers={{
+        isAfter: (date1: Date, date2: Date) => {
+          return isAfter(date1, date2);
+        },
+        isBefore: (date1: Date, date2: Date) => {
+          return isBefore(date1, date2);
+        },
+        isDatesEqual: (firsDate: string | number | Date, secondDate: string | number | Date) => {
+          return isDatesEqual(firsDate, secondDate);
+        },
+        getAddDays: (date: Date, days: number) => {
+          return getAddDays(date, days);
+        },
+        getAddMonths: (date: Date, months: number) => {
+          return getAddMonths(date, months);
+        },
+        getAddYears: (date: Date, years: number) => {
+          return getAddYears(date, years);
+        },
+        getSubDays: (date: Date, days: number) => {
+          return getSubDays(date, days);
+        },
+        getSubMonths: (date: Date, months: number) => {
+          return getSubMonths(date, months);
+        },
+        getSubYears: (date: Date, years: number) => {
+          return getSubYears(date, years);
+        },
+        getAllMonthName: () => {
+          return getAllMonthNames();
+        },
+        getAllWeekdayName: (weekdayFormat: FormatWeekdayOptionType, isSundayFirst: boolean) => {
+          return getAllWeekdayNames(weekdayFormat, isSundayFirst);
+        },
+      }}
+      formatDate={(date: Date, format: string | DateFormatOptions) => {
+        return formatDate(date, format);
+      }}
+      transformDate={(date: string | number, format: string | undefined) => {
+        return transformDate(date, format);
+      }}
+    >
+      {children}
+    </UtilsProvider>
+  );
+};