techsbcn-storybook 2.0.1 → 2.0.3

package/README.md

@@ -117,7 +117,7 @@ The library is built in three steps, wired together in the `build` script:
 - **Forms & validation**: React Hook Form 7, Yup 1, `@hookform/resolvers`
 - **Dates**: `@mui/x-date-pickers`, `dayjs`
 - **i18n**: `i18next`, `react-i18next`, `i18next-browser-languagedetector`
-- **Routing (form components)**: `react-router-dom` 7
+- **Routing (form components)**: `react-router` 8
 - **Language & tooling**: TypeScript 6, ESLint 9 (flat config), Prettier 3, Jest 30, Storybook 10, tsup 8
 
 ## Publishing

package/dist/components/fields/DatePickerComponent/DatePickerComponent.d.ts

@@ -1,26 +1,10 @@
 import React from 'react';
-
+import { DatePickerProps } from '@mui/x-date-pickers';
 import { Dayjs } from 'dayjs';
-declare type CalendarPickerView = 'year' | 'day' | 'month';
-export interface DatePickerComponentProps {
-    id?: string;
-    label?: string;
-    name?: string;
+import { TextFieldComponentProps } from '../TextFieldComponent/TextFieldComponent';
+export interface DatePickerComponentProps extends Omit<DatePickerProps, 'value' | 'onChange' | 'slotProps'> {
+    textField?: TextFieldComponentProps;
     value?: string | Dayjs | null;
-    className?: string;
-    inputFormat?: string;
-    required?: boolean;
-    disabled?: boolean;
-    error?: boolean;
-    startIcon?: React.ReactNode;
-    fullWidth?: boolean;
-    helperText?: string;
-    inputRef?: React.Ref<any>;
-    onChange: (value: any, context?: any) => void;
-    noBorders?: boolean;
-    maxDate?: any;
-    minDate?: any;
-    views?: CalendarPickerView[];
+    onChange: (value: Dayjs | null, context?: any) => void;
 }
 export declare const DatePickerComponent: React.FC<DatePickerComponentProps>;
-export {};

package/dist/components/fields/SelectFieldComponent/reactSelectTheme.d.ts

@@ -4,8 +4,8 @@ export declare const buildReactSelectStyles: (theme: Theme) => {
     control: (base: any, state: any) => any;
     menu: (base: any) => any;
     option: (base: any, state: any) => any;
-    singleValue: (base: any) => any;
-    multiValueLabel: (base: any) => any;
-    placeholder: (base: any) => any;
-    input: (base: any) => any;
+    singleValue: (base: any, state: any) => any;
+    multiValueLabel: (base: any, state: any) => any;
+    placeholder: (base: any, state: any) => any;
+    input: (base: any, state: any) => any;
 };

package/dist/components/fields/TextFieldComponent/TextFieldComponent.d.ts

@@ -1,34 +1,23 @@
 import React from 'react';
-import { StandardTextFieldProps } from '@mui/material';
-
+import { BaseTextFieldProps, TextFieldVariants } from '@mui/material';
 export type InputType = 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week';
-export interface TextFieldComponentProps extends StandardTextFieldProps {
-    id?: string;
-    label?: string;
-    name?: string;
-    value?: string | number;
-    className?: string;
-    type?: InputType;
-    placeholder?: string;
-    required?: boolean;
-    disabled?: boolean;
-    minNumber?: number;
-    maxNumber?: number;
-    error?: boolean;
+export interface TextFieldComponentProps extends BaseTextFieldProps {
     startIcon?: React.ReactNode;
     endIcon?: React.ReactNode;
-    fullWidth?: boolean;
-    helperText?: string;
+    noBorders?: boolean;
+    disableUnderline?: boolean;
+    shrink?: boolean;
     textFieldRef?: any;
-    inputRef?: React.Ref<any>;
-    autoComplete?: string;
-    multiline?: boolean;
-    rows?: number;
+    minNumber?: number;
+    maxNumber?: number;
     maxLength?: number;
+    step?: number | string;
+    type?: InputType;
+    value?: string | number;
     defaultValue?: string | number;
+    inputRef?: React.Ref<any>;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    step?: number | string;
-    noBorders?: boolean;
+    variant?: TextFieldVariants;
 }
 export declare const TextFieldComponent: React.FC<TextFieldComponentProps>;

package/dist/components/layouts/SplitLayout/SplitLayout.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+
+interface SplitLayoutProps {
+    imgUrl?: string;
+    contentBackgroundColor?: string;
+    children?: React.ReactNode;
+}
+export declare const SplitLayout: React.FC<SplitLayoutProps>;
+export {};

package/dist/components/wrappers/TabsComponent/TabsComponent.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-
 interface TabsComponentProps {
     tabActive: number;
     tabs: TabLabel[];

package/dist/helpers/AuthHelper.d.ts

@@ -0,0 +1,7 @@
+export interface Session {
+    nameidentifier: string;
+    role: string[];
+}
+export declare const GetSession: () => Session | null;
+export declare const SaveSession: (jwt: string) => void;
+export declare const ClearSession: () => void;

package/dist/helpers/index.d.ts

@@ -1,3 +1,4 @@
+export * from './AuthHelper';
 export * from './CheckPermission';
 export * from './GroupBy';
 export * from './FileDownloader';

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export * from './components/tables/SearchComponent/SearchComponent';
 export * from './components/tables/TableComponent/TableComponent';
 export * from './components/tables/SimpleTableComponent/SimpleTableComponent';
 export * from './components/layouts/MainLayoutSimple/MainLayoutSimple';
+export * from './components/layouts/SplitLayout/SplitLayout';
 export * from './components/navigation/VerticalNav/VerticalNav';
 export * from './components/navigation/components/UserInfo';
 export * from './components/layouts/Standard/AppSidebar/AppSidebar';