Merge pull request #4 from kubit-ui/bugfix/typescript-errors-and-include-new-provider

Bug Fixes, Storybook Provider Addition, and Test Refactoring

Author: kubit-ui

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>
+  );
+};