techsbcn-storybook 0.5.0 → 0.7.2

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { SearchFilters } from '../../../interfaces';
+import './SelectField.scss';
+interface SelectAsyncFieldProps {
+    name: string;
+    placeholder?: string;
+    defaultOptions?: any[];
+    isMulti?: boolean;
+    className?: string;
+    disabled?: boolean;
+    onChange?: (value: number, name: string) => void;
+    onChangeValue?: (value: number) => void;
+    searchPromise: (filters: SearchFilters) => Promise<any>;
+    invalid?: boolean;
+    isClearable?: boolean;
+    helperText?: string;
+    filters?: any;
+    inputRef?: React.Ref<any>;
+    label?: string;
+}
+export declare const SelectAsyncField: React.FunctionComponent<SelectAsyncFieldProps>;
+export {};

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import './SelectField.scss';
+interface SelectFieldProps {
+    name: string;
+    placeholder?: string;
+    options: any[];
+    defaultOptions?: any[];
+    isMulti?: boolean;
+    className?: string;
+    disabled?: boolean;
+    onChange?: (value: number, name: string) => void;
+    onChangeValue?: (value: number) => void;
+    invalid?: boolean;
+    isClearable?: boolean;
+    helperText?: string;
+    isSearchable?: boolean;
+    inputRef?: React.Ref<any>;
+    label?: string;
+}
+export declare const SelectField: React.FunctionComponent<SelectFieldProps>;
+export {};

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

@@ -10,10 +10,10 @@ interface ChangePasswordFormProps {
     };
     valuesText: {
         buttonText: string;
-        text1: string;
-        placeholder1?: string;
-        text2: string;
-        placeholder2?: string;
+        textPassword: string;
+        placeholderPassword?: string;
+        textSamePassword: string;
+        placeholderSamePassword?: string;
     };
 }
 export declare const ChangePasswordForm: React.FC<ChangePasswordFormProps>;

package/dist/components/layouts/DrawerLayout/DrawerSidebar/DrawerSidebar.d.ts

@@ -3,6 +3,8 @@ import './DrawerSidebar.scss';
 interface DrawerSidebarProps {
     onHide?: () => void;
     open?: boolean;
+    headerComponents?: React.ReactNode;
+    footerComponents?: React.ReactNode;
 }
 export declare const DrawerSidebar: React.FC<DrawerSidebarProps>;
 export {};

package/dist/components/layouts/Standard/AppSidebar/AppSidebar.d.ts

@@ -3,6 +3,8 @@ import './AppSidebar.scss';
 interface AppSidebarProps {
     onHide?: () => void;
     open?: boolean;
+    headerComponents?: React.ReactNode;
+    footerComponents?: React.ReactNode;
 }
 export declare const AppSidebar: React.FC<AppSidebarProps>;
 export {};

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

@@ -1,6 +1,12 @@
 import React from 'react';
+import './UserInfo.scss';
 interface UserInfoProps {
-    fool?: string;
+    displayName: string;
+    photoURL?: string;
+    menuActions?: {
+        action: () => void;
+        title: string;
+    }[];
 }
-declare const UserInfo: React.FC<UserInfoProps>;
-export default UserInfo;
+export declare const UserInfo: React.FC<UserInfoProps>;
+export {};

package/dist/components/tables/{SearchComponent.d.ts → SearchComponent/SearchComponent.d.ts}

@@ -1,5 +1,6 @@
 import React from 'react';
-interface SearchComponentProps {
+import './SearchComponent.scss';
+export interface SearchComponentProps {
     className?: string;
     title?: string;
     searchBar?: React.ReactNode;
@@ -17,5 +18,5 @@ interface DoubleFilter {
     secondFilter: any;
 }
 declare const DoubleFilter: (filters: DoubleFilter) => JSX.Element;
-declare const SearchComponent: React.FC<SearchComponentProps>;
-export default SearchComponent;
+export declare const SearchComponent: React.FC<SearchComponentProps>;
+export {};

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

@@ -0,0 +1,60 @@
+import React from 'react';
+import { SearchFilters, ObjectKey } from '../../../interfaces';
+import './TableComponent.scss';
+interface TableComponentProps {
+    rows: any[];
+    values: ObjectKey;
+    columns: ColumnProps[];
+    totalCount: number;
+    showTotalCount?: boolean;
+    rowsColorColumn?: {
+        columnName: string;
+        columnValue: string;
+    };
+    loading?: boolean;
+    baseFilters: SearchFilters;
+    onFiltersChange?: (filters: SearchFilters) => void;
+    onClickRow?: (id: number) => void;
+    isCheckTable?: {
+        rowsChecked?: number[];
+        onCheckedAction?: (ids: number[]) => void;
+    };
+}
+interface ColumnProps {
+    id: string;
+    label: string;
+    minWidth?: number;
+    maxWidth?: number;
+    align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
+    alignCell?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
+    action?: ActionProps[];
+    isUnique?: boolean;
+    isDate?: boolean;
+    enumColumn?: {
+        isEnum?: boolean;
+        enumType?: any;
+        hasColor?: boolean;
+    };
+    isCheck?: boolean;
+    noSort?: boolean;
+    isPrice?: boolean;
+    isImage?: {
+        isUrl?: boolean;
+        isGuid?: {
+            guid: boolean;
+            action: (guid: string) => string;
+        };
+    };
+    isActiveFunction?: {
+        activeIcon: any;
+        disabledIcon: any;
+        onClickId: (id: number) => void;
+    };
+}
+interface ActionProps {
+    children: React.ReactNode;
+    onClick?: (row: any) => void;
+    onClickId?: (id: number) => void;
+}
+export declare const TableComponent: React.FunctionComponent<TableComponentProps>;
+export {};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SearchComponentProps } from '../../tables/SearchComponent/SearchComponent';
+import './MainWrapperComponent.scss';
+interface MainWrapperComponentProps {
+    loading?: boolean;
+    loadingChildren?: boolean;
+    headerProps: SearchComponentProps;
+    divider?: boolean;
+}
+export declare const MainWrapperComponent: React.FC<MainWrapperComponentProps>;
+export {};

package/dist/data/SelectMock.d.ts

@@ -0,0 +1,9 @@
+import { SearchFilters, SearchSimpleResult, SearchResult } from '../interfaces';
+interface ColourOption {
+    readonly value: string;
+    readonly label: string;
+}
+export declare const colourOptions: ColourOption[];
+export declare const ResponseHandler: (response: any) => any;
+export declare const SearchSimple: (filters: SearchFilters) => Promise<SearchResult<SearchSimpleResult>>;
+export {};

package/dist/data/UserList.d.ts

@@ -0,0 +1,16 @@
+import { BasicEntity } from '../interfaces';
+interface UserList {
+    id: number;
+    name: string;
+    image: string;
+    skills: string[];
+    information: string;
+    email: string;
+    phone: string;
+    website: string;
+    charge: number;
+    topic: string;
+    extraInfo: BasicEntity;
+}
+export declare const UserList: UserList[];
+export {};

package/dist/data/Values.d.ts

@@ -0,0 +1,2 @@
+import { ObjectKey } from '../interfaces';
+export declare const Values: ObjectKey;

package/dist/data/_globalization/es.d.ts

@@ -0,0 +1,114 @@
+declare var _default: {
+    dni: string;
+    email: string;
+    emailDot: string;
+    error: string;
+    error404: string;
+    error404Explain: string;
+    logout: string;
+    login: string;
+    name: string;
+    no: string;
+    password: string;
+    phone: string;
+    mobile: string;
+    postalCode: string;
+    price: string;
+    quantity: string;
+    results: string;
+    search: string;
+    select: string;
+    status: string;
+    surname: string;
+    surnames: string;
+    total: string;
+    totalAmount: string;
+    subtotal: string;
+    shippingCharges: string;
+    type: string;
+    user: string;
+    yes: string;
+    description: string;
+    city: string;
+    cancel: string;
+    amount: string;
+    add: string;
+    address: string;
+    addressSend: string;
+    addAddressSend: string;
+    noResultsFound: string;
+    buy: string;
+    loadingData: string;
+    resetPasswordSuccess: string;
+    createAccount: string;
+    forgotPasswordText: string;
+    newPassword: string;
+    repitePassword: string;
+    resetPassword: string;
+    requiredField: string;
+    requiredMail: string;
+    requiredPassword: string;
+    requiredSamePassword: string;
+    UserAlreadyExistsException: string;
+    EntityDoesNotExistException: string;
+    NotAuthorizedException: string;
+    InternalServerErrorException: string;
+    InvalidArgumentException: string;
+    InvalidCredentialException: string;
+    TemplateErrorException: string;
+    FailedToFetchException: string;
+    ForbiddenException: string;
+    FileNotFoundException: string;
+    FileUploadErrorException: string;
+    categories: string;
+    relevance: string;
+    priceAsc: string;
+    priceDesc: string;
+    totalProductsText: string;
+    cart: string;
+    endPurchase: string;
+    myProfile: string;
+    changePassword: string;
+    incidence: string;
+    myAddresses: string;
+    myOrders: string;
+    shops: string;
+    signup: string;
+    recoverPassword: string;
+    viewAll: string;
+    pending: string;
+    assigned: string;
+    delivered: string;
+    canceled: string;
+    date: string;
+    number: string;
+    logOut: string;
+    editProfile: string;
+    home: string;
+    office: string;
+    other: string;
+    addOther: string;
+    province: string;
+    deliveryNotes: string;
+    editAddress: string;
+    addAddress: string;
+    save: string;
+    gender: string;
+    female: string;
+    male: string;
+    reportIncidence: string;
+    showing: string;
+    tableLabelDisplay: string;
+    continue: string;
+    back: string;
+    pay: string;
+    sendTo: string;
+    continueShopping: string;
+    downloadApp: string;
+    android: string;
+    apple: string;
+    image: string;
+    skills: string;
+    information: string;
+};
+export default _default;

package/dist/data/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SelectMock';
+export * from './UserList';
+export * from './Values';

package/dist/i18n.d.ts

@@ -0,0 +1,2 @@
+import i18n from 'i18next';
+export default i18n;

package/dist/index.d.ts

@@ -1,11 +1,17 @@
 export * from './components/wrappers/PublicFormWrapper/PublicFormWrapper';
+export * from './components/wrappers/MainWrapperComponent/MainWrapperComponent';
+export * from './components/tables/SearchComponent/SearchComponent';
+export * from './components/tables/TableComponent/TableComponent';
 export * from './components/layouts/MainLayoutSimple/MainLayoutSimple';
 export * from './components/navigation/VerticalNav/VerticalNav';
+export * from './components/navigation/components/UserInfo';
 export * from './components/layouts/Standard/AppSidebar/AppSidebar';
 export * from './components/layouts/DrawerLayout/DrawerSidebar/DrawerSidebar';
 export * from './components/layouts/Standard/AppHeader/AppHeader';
 export * from './components/fields/ButtonComponent/ButtonComponent';
 export * from './components/fields/TextFieldComponent/TextFieldComponent';
+export * from './components/fields/SelectFieldComponent/SelectField';
+export * from './components/fields/SelectFieldComponent/SelectAsyncField';
 export * from './components/forms/LoginForm';
 export * from './components/forms/ChangePasswordForm';
 export * from './components/forms/ResetPasswordForm';

package/dist/interfaces/file/File.d.ts

@@ -0,0 +1,7 @@
+import { ObjectKey } from '..';
+export interface File extends ObjectKey {
+    name: string;
+    content: string;
+    guid?: string;
+    createdOn?: string;
+}

package/dist/interfaces/index.d.ts

@@ -0,0 +1,6 @@
+export * from './search/SearchFilters';
+export * from './search/SearchResult';
+export * from './search/SearchSimpleResult';
+export * from './search/BasicEntity';
+export * from './shared/ObjectKey';
+export * from './file/File';

package/dist/interfaces/search/BasicEntity.d.ts

@@ -0,0 +1,5 @@
+import { ObjectKey } from '../../interfaces';
+export interface BasicEntity extends ObjectKey {
+    id: number;
+    name: string;
+}

package/dist/interfaces/search/SearchFilters.d.ts

@@ -0,0 +1,10 @@
+import { ObjectKey } from '../../interfaces';
+export interface SearchFilters extends ObjectKey {
+    offset?: number;
+    page?: number;
+    limit?: number;
+    search?: string;
+    query?: string;
+    orderBy: string;
+    orderAsc: boolean;
+}

package/dist/interfaces/search/SearchResult.d.ts

@@ -0,0 +1,4 @@
+export interface SearchResult<T> {
+    items: T[];
+    totalCount: number;
+}

package/dist/interfaces/search/SearchSimpleResult.d.ts

@@ -0,0 +1,4 @@
+export interface SearchSimpleResult {
+    id: number;
+    name: string;
+}

package/dist/interfaces/shared/ObjectKey.d.ts

@@ -0,0 +1,3 @@
+export interface ObjectKey {
+    [key: string]: any;
+}

package/dist/stories/Fields/Fields.stories.d.ts

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

package/dist/stories/Forms/Forms.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, Story } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const Login: Story;
+export declare const ResetPassword: Story;
+export declare const ChangePassword: Story;

package/dist/stories/MainWrapper/MainWrapper.stories.d.ts

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

package/dist/stories/Tables/Tables.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, Story } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const TableSimple: Story;