techsbcn-storybook 0.11.2 → 0.12.3

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

@@ -11,5 +11,6 @@ export interface ButtonComponentProps {
     type?: 'button' | 'submit' | 'reset';
     disabled?: boolean;
     component?: any;
+    reverseColors?: boolean;
 }
 export declare const ButtonComponent: React.FC<ButtonComponentProps>;

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

@@ -10,6 +10,7 @@ interface TextSimpleComponentProps {
     helperText?: string;
     noBorders?: boolean;
     fullWidth?: boolean;
+    noMargin?: boolean;
 }
 export declare const TextSimpleComponent: React.FC<TextSimpleComponentProps>;
 export {};

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

@@ -0,0 +1,74 @@
+import React from 'react';
+import { ObjectKey } from '../../../interfaces';
+import './SimpleTableComponent.scss';
+import { InputType } from '../../fields/TextFieldComponent/TextFieldComponent';
+interface SimpleTableComponentProps {
+    rows: any[];
+    values: ObjectKey;
+    className?: string;
+    columns: ColumnProps[];
+    rowsColorColumn?: {
+        columnName: string;
+        columnValue: string;
+    };
+    loading?: boolean;
+    onClickRow?: (id: number) => void;
+    isCheckTable?: {
+        rowsChecked?: number[];
+        onCheckedAction?: (ids: number[]) => void;
+        onCheckedSingleAction?: (id: 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;
+        enumSuffix?: string;
+    };
+    isCheck?: boolean;
+    isPrice?: boolean;
+    isImage?: {
+        isUrl?: boolean;
+        isGuid?: {
+            guid: boolean;
+            action: (guid: string) => string;
+        };
+    };
+    isActiveFunction?: {
+        activeIcon: any;
+        disabledIcon: any;
+        onClickId: (id: number) => void;
+    };
+    isEditableTableCell?: EditableCellProps;
+    isBoolean?: {
+        enumType?: any;
+        hasColor?: boolean;
+        enumSuffix?: string;
+    };
+}
+interface ActionProps {
+    children: React.ReactNode;
+    onClick?: (row: any) => void;
+    onClickId?: (id: number) => void;
+}
+interface EditableCellProps {
+    isTextField?: {
+        type?: InputType;
+        onCellValueChange: (data: any) => void;
+    };
+    isSelectField?: {
+        onCellValueChange: (data: any) => void;
+    };
+}
+export declare const SimpleTableComponent: React.FunctionComponent<SimpleTableComponentProps>;
+export {};

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { SearchFilters, ObjectKey } from '../../../interfaces';
 import './TableComponent.scss';
+import { InputType } from '../../fields/TextFieldComponent/TextFieldComponent';
 interface TableComponentProps {
     rows: any[];
     values: ObjectKey;
@@ -31,9 +32,10 @@ interface ColumnProps {
     isUnique?: boolean;
     isDate?: boolean;
     enumColumn?: {
-        isEnum?: boolean;
+        isEnum: boolean;
         enumType?: any;
         hasColor?: boolean;
+        enumSuffix?: string;
     };
     isCheck?: boolean;
     noSort?: boolean;
@@ -50,11 +52,26 @@ interface ColumnProps {
         disabledIcon: any;
         onClickId: (id: number) => void;
     };
+    isEditableTableCell?: EditableCellProps;
+    isBoolean?: {
+        enumType?: any;
+        hasColor?: boolean;
+        enumSuffix?: string;
+    };
 }
 interface ActionProps {
     children: React.ReactNode;
     onClick?: (row: any) => void;
     onClickId?: (id: number) => void;
 }
+interface EditableCellProps {
+    isTextField?: {
+        type?: InputType;
+        onCellValueChange: (data: any) => void;
+    };
+    isSelectField?: {
+        onCellValueChange: (data: any) => void;
+    };
+}
 export declare const TableComponent: React.FunctionComponent<TableComponentProps>;
 export {};

package/dist/data/UserList.d.ts

@@ -11,6 +11,7 @@ interface UserList {
     charge: number;
     topic: string;
     extraInfo?: BasicEntity;
+    active: boolean;
 }
 export declare const UserList: UserList[];
 export {};

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

@@ -110,5 +110,12 @@ declare var _default: {
     image: string;
     skills: string;
     information: string;
+    enable: string;
+    disable: string;
+    enable_suffix: string;
+    disable_suffix: string;
+    boolean: string;
+    true_suffix: string;
+    false_suffix: string;
 };
 export default _default;

package/dist/data/enums/ActiveStatus.d.ts

@@ -0,0 +1,4 @@
+export declare enum ActiveStatus {
+    true = "ENABLE",
+    false = "DISABLE"
+}

package/dist/data/index.d.ts

@@ -2,3 +2,4 @@ export * from './SelectMock';
 export * from './UserList';
 export * from './Values';
 export * from './enums/scopes';
+export * from './enums/ActiveStatus';

package/dist/index.d.ts

@@ -2,6 +2,7 @@ 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/tables/SimpleTableComponent/SimpleTableComponent';
 export * from './components/layouts/MainLayoutSimple/MainLayoutSimple';
 export * from './components/navigation/VerticalNav/VerticalNav';
 export * from './components/navigation/components/UserInfo';

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

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

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

@@ -2,6 +2,8 @@ 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 ReverseColor: Story<import("@storybook/react").Args>;
+export declare const ReverseColorLoading: 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>;