techsbcn-storybook 0.1.7 → 0.3.0

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import './ButtonComponent.scss';
+export interface ButtonComponentProps {
+    className?: string;
+    label?: string;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    onClick?: () => void;
+    loading?: boolean;
+    form?: string;
+    type?: 'button' | 'submit' | 'reset';
+    disabled?: boolean;
+}
+export declare const ButtonComponent: React.FC<ButtonComponentProps>;

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import './TextFieldComponent.scss';
+export declare type InputType = 'text' | 'radio' | 'checkbox' | 'textarea' | 'submit' | 'date' | 'hidden' | 'number' | 'range' | 'password' | 'time' | 'file';
+interface TextFieldComponentProps {
+    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;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    fullWidth?: boolean;
+    helperText?: string;
+    textFieldRef?: any;
+    inputRef?: React.Ref<any>;
+    autoComplete?: string;
+    multiline?: boolean;
+    rows?: number;
+    maxLength?: number;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    step?: number | string;
+}
+export declare const TextFieldComponent: React.FC<TextFieldComponentProps>;
+export {};

package/dist/components/forms/ChangePasswordForm.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface ChangePasswordFormProps {
+    onClick: (data: any) => void;
+    loading: boolean;
+    topComponent?: React.ReactNode;
+    bottomComponent?: React.ReactNode;
+    requiredText: {
+        requiredTextPassword: string;
+        requiredTextSamePassword: string;
+    };
+    valuesText: {
+        buttonText: string;
+        text1: string;
+        placeholder1?: string;
+        text2: string;
+        placeholder2?: string;
+    };
+}
+export declare const ChangePasswordForm: React.FC<ChangePasswordFormProps>;
+export {};

package/dist/components/forms/LoginForm.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface LoginFormProps {
+    onClick: (data: any) => void;
+    topComponent?: React.ReactNode;
+    bottomComponent?: React.ReactNode;
+    loading: boolean;
+    requiredText: {
+        requiredTextMail: string;
+        requiredTextPassword: string;
+    };
+    valuesText: {
+        buttonText: string;
+        text1: string;
+        placeholder1?: string;
+        text2: string;
+        placeholder2?: string;
+    };
+}
+export declare const LoginForm: React.FC<LoginFormProps>;
+export {};

package/dist/components/forms/ResetPasswordForm.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface resetPasswordFormProps {
+    onClick: (data: any) => void;
+    loading: boolean;
+    topComponent?: React.ReactNode;
+    bottomComponent?: React.ReactNode;
+    requiredText: {
+        requiredTextMail: string;
+    };
+    valuesText: {
+        buttonText: string;
+        text: string;
+        placeholder?: string;
+    };
+}
+export declare const ResetPasswordForm: React.FC<resetPasswordFormProps>;
+export {};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import './MainLayoutSimple.scss';
+interface MainLayoutSimpleProps {
+    lateralComponent?: React.ReactNode;
+    mainComponent: any;
+}
+export declare const MainLayoutSimple: React.FC<MainLayoutSimpleProps>;
+export {};

package/dist/components/modals/ModalComponent.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ButtonComponentProps } from '../fields/ButtonComponent/ButtonComponent';
+interface ModalComponentProps {
+    idClass?: string;
+    setShow: boolean;
+    title?: string;
+    modalSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false;
+    fullWidth?: boolean;
+    fullScreen?: boolean;
+    submitButton?: ButtonComponentProps;
+    cancelButton?: ButtonComponentProps;
+    loading?: boolean;
+    onHide: () => void;
+    dividers?: boolean;
+}
+export declare const ModalComponent: React.FC<ModalComponentProps>;
+export {};

package/dist/components/navigation/DrawerLayout/AppSidebar/AppSidebar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './AppSidebar.scss';
+interface AppSidebarProps {
+    onHide?: () => void;
+    open?: boolean;
+}
+export declare const AppSidebar: React.FC<AppSidebarProps>;
+export {};

package/dist/components/navigation/VerticalNav/VerticalNav.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './VerticalNav.scss';
+export declare enum NavigationType {
+    Item = 0,
+    Collapse = 1
+}
+export interface NavigationProps {
+    id: string;
+    title?: string;
+    route?: string;
+    type?: NavigationType;
+    persmisionAvailable?: string | string[];
+    children?: NavigationProps[] | NavigationProps;
+}
+interface VerticalNavProps {
+    items: NavigationProps[];
+    userPermisions?: string[];
+}
+export declare const VerticalNav: React.FC<VerticalNavProps>;
+export {};

package/dist/components/navigation/VerticalNav/VerticalNavItem.d.ts

@@ -0,0 +1,8 @@
+import { NavigationProps } from './VerticalNav';
+import React from 'react';
+interface VerticalNavItemProps {
+    item: NavigationProps;
+    userPermisions?: string[];
+}
+declare const _default: React.NamedExoticComponent<VerticalNavItemProps>;
+export default _default;

package/dist/components/navigation/VerticalNav/VerticalNavItemCollapse.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { NavigationProps } from './VerticalNav';
+interface VerticalNavItemCollapseProps {
+    item: NavigationProps;
+    userPermisions?: string[];
+}
+declare const _default: React.NamedExoticComponent<VerticalNavItemCollapseProps>;
+export default _default;

package/dist/components/navigation/components/UserInfo.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface UserInfoProps {
+    fool?: string;
+}
+declare const UserInfo: React.FC<UserInfoProps>;
+export default UserInfo;

package/dist/components/tables/SearchComponent.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+interface SearchComponentProps {
+    className?: string;
+    title?: string;
+    searchBar?: React.ReactNode;
+    actions?: {
+        children: any;
+    }[];
+    filters?: {
+        singleFilter?: any;
+        doubleFilter?: DoubleFilter;
+    }[];
+}
+interface DoubleFilter {
+    label?: string;
+    firstFilter: any;
+    secondFilter: any;
+}
+declare const DoubleFilter: (filters: DoubleFilter) => JSX.Element;
+declare const SearchComponent: React.FC<SearchComponentProps>;
+export default SearchComponent;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './PublicFormWrapper.scss';
+interface PublicFormWrapperProps {
+    className?: string;
+}
+export declare const PublicFormWrapper: React.FC<PublicFormWrapperProps>;
+export {};

package/dist/helpers/CheckPermission.d.ts

@@ -0,0 +1 @@
+export declare const checkPermission: (persmisionAvailable?: any, userRoles?: any) => boolean;

package/dist/helpers/GroupBy.d.ts

@@ -0,0 +1 @@
+export declare const GroupBy: (xs: any[], f: (arg0: any) => any) => any;

package/dist/helpers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CheckPermission';
+export * from './GroupBy';

package/dist/index.d.ts

@@ -1,2 +1,10 @@
-export * from './stories/button/Button';
-export * from './stories/thing/Thing';
+export * from './components/wrappers/PublicFormWrapper/PublicFormWrapper';
+export * from './components/layouts/MainLayoutSimple/MainLayoutSimple';
+export * from './components/navigation/VerticalNav/VerticalNav';
+export * from './components/navigation/DrawerLayout/AppSidebar/AppSidebar';
+export * from './components/fields/ButtonComponent/ButtonComponent';
+export * from './components/fields/TextFieldComponent/TextFieldComponent';
+export * from './components/forms/LoginForm';
+export * from './components/forms/ChangePasswordForm';
+export * from './components/forms/ResetPasswordForm';
+export * from './components/modals/ModalComponent';

package/dist/stories/Layouts/MainLayoutSimple.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const Default: Story<import("@storybook/react").Args>;
+export declare const LateralComponent: Story<import("@storybook/react").Args>;

package/dist/stories/{thing/Thing.stories.d.ts → Modal/Modal.stories.d.ts}

@@ -1,5 +1,4 @@
 import { Meta, Story } from '@storybook/react';
-import { ThingProps } from './Thing';
 declare const meta: Meta;
 export default meta;
-export declare const Default: Story<ThingProps>;
+export declare const Basic: Story<import("@storybook/react").Args>;

package/dist/stories/button/Button.stories.d.ts

@@ -1,7 +1,7 @@
 import { Meta, Story } from '@storybook/react';
-import { ButtonProps } from './Button';
 declare const meta: Meta;
 export default meta;
-export declare const Default: Story<ButtonProps>;
-export declare const Primary: Story<ButtonProps>;
-export declare const Secondary: Story<ButtonProps>;
+export declare const Default: Story<import("@storybook/react").Args>;
+export declare const LoginButton: Story<import("@storybook/react").Args>;
+export declare const ModalCancel: Story<import("@storybook/react").Args>;
+export declare const Loading: Story<import("@storybook/react").Args>;