techsbcn-storybook 0.12.0 → 0.12.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/components/fields/ButtonComponent/ButtonComponent.d.ts +1 -0
  2. package/dist/components/fields/TextSimpleComponent/TextSimpleComponent.d.ts +1 -0
  3. package/dist/components/tables/SimpleTableComponent/SimpleTableComponent.d.ts +18 -1
  4. package/dist/components/tables/TableComponent/TableComponent.d.ts +18 -1
  5. package/dist/components/wrappers/LinearProgressComponent/LinearProgressComponent.d.ts +3 -0
  6. package/dist/components/wrappers/MainWrapperComponent/MainWrapperComponent.d.ts +1 -0
  7. package/dist/data/SelectMock.d.ts +2 -2
  8. package/dist/data/UserList.d.ts +1 -0
  9. package/dist/data/_globalization/es.d.ts +7 -0
  10. package/dist/data/enums/ActiveStatus.d.ts +4 -0
  11. package/dist/data/index.d.ts +1 -0
  12. package/dist/index.d.ts +2 -0
  13. package/dist/stories/button/Button.stories.d.ts +2 -0
  14. package/dist/techsbcn-storybook.cjs.development.js +516 -105
  15. package/dist/techsbcn-storybook.cjs.development.js.map +1 -1
  16. package/dist/techsbcn-storybook.cjs.production.min.js +1 -1
  17. package/dist/techsbcn-storybook.cjs.production.min.js.map +1 -1
  18. package/dist/techsbcn-storybook.esm.js +517 -108
  19. package/dist/techsbcn-storybook.esm.js.map +1 -1
  20. package/package.json +2 -1
  21. package/src/components/fields/ButtonComponent/ButtonComponent.scss +8 -2
  22. package/src/components/fields/ButtonComponent/ButtonComponent.tsx +9 -2
  23. package/src/components/fields/SelectFieldComponent/SelectAsyncField.tsx +4 -3
  24. package/src/components/fields/TextSimpleComponent/TextSimpleComponent.scss +3 -0
  25. package/src/components/fields/TextSimpleComponent/TextSimpleComponent.tsx +4 -3
  26. package/src/components/tables/SimpleTableComponent/SimpleTableComponent.tsx +97 -3
  27. package/src/components/tables/TableComponent/TableComponent.tsx +105 -4
  28. package/src/components/wrappers/LinearProgressComponent/LinearProgressComponent.scss +17 -0
  29. package/src/components/wrappers/LinearProgressComponent/LinearProgressComponent.tsx +12 -0
  30. package/src/components/wrappers/MainWrapperComponent/MainWrapperComponent.tsx +32 -27
  31. package/src/data/SelectMock.tsx +2 -2
  32. package/src/data/UserList.tsx +7 -0
  33. package/src/data/Values.tsx +7 -0
  34. package/src/data/_globalization/es.js +7 -0
  35. package/src/data/enums/ActiveStatus.tsx +4 -0
  36. package/src/data/index.ts +1 -0
  37. package/src/index.tsx +2 -0
  38. package/src/stories/Fields/Fields.stories.tsx +5 -0
  39. package/src/stories/MainWrapper/MainWrapper.stories.tsx +8 -0
  40. package/src/stories/Tables/Tables.stories.tsx +137 -48
  41. package/src/stories/button/Button.stories.tsx +13 -1
  42. package/src/styles/Globals.scss +21 -0
@@ -11,5 +11,6 @@ export interface ButtonComponentProps {
11
11
  type?: 'button' | 'submit' | 'reset';
12
12
  disabled?: boolean;
13
13
  component?: any;
14
+ reverseColors?: boolean;
14
15
  }
15
16
  export declare const ButtonComponent: React.FC<ButtonComponentProps>;
@@ -10,6 +10,7 @@ interface TextSimpleComponentProps {
10
10
  helperText?: string;
11
11
  noBorders?: boolean;
12
12
  fullWidth?: boolean;
13
+ noMargin?: boolean;
13
14
  }
14
15
  export declare const TextSimpleComponent: React.FC<TextSimpleComponentProps>;
15
16
  export {};
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { ObjectKey } from '../../../interfaces';
3
3
  import './SimpleTableComponent.scss';
4
+ import { InputType } from '../../fields/TextFieldComponent/TextFieldComponent';
4
5
  interface SimpleTableComponentProps {
5
6
  rows: any[];
6
7
  values: ObjectKey;
@@ -29,9 +30,10 @@ interface ColumnProps {
29
30
  isUnique?: boolean;
30
31
  isDate?: boolean;
31
32
  enumColumn?: {
32
- isEnum?: boolean;
33
+ isEnum: boolean;
33
34
  enumType?: any;
34
35
  hasColor?: boolean;
36
+ enumSuffix?: string;
35
37
  };
36
38
  isCheck?: boolean;
37
39
  isPrice?: boolean;
@@ -47,11 +49,26 @@ interface ColumnProps {
47
49
  disabledIcon: any;
48
50
  onClickId: (id: number) => void;
49
51
  };
52
+ isEditableTableCell?: EditableCellProps;
53
+ isBoolean?: {
54
+ enumType?: any;
55
+ hasColor?: boolean;
56
+ enumSuffix?: string;
57
+ };
50
58
  }
51
59
  interface ActionProps {
52
60
  children: React.ReactNode;
53
61
  onClick?: (row: any) => void;
54
62
  onClickId?: (id: number) => void;
55
63
  }
64
+ interface EditableCellProps {
65
+ isTextField?: {
66
+ type?: InputType;
67
+ onCellValueChange: (data: any) => void;
68
+ };
69
+ isSelectField?: {
70
+ onCellValueChange: (data: any) => void;
71
+ };
72
+ }
56
73
  export declare const SimpleTableComponent: React.FunctionComponent<SimpleTableComponentProps>;
57
74
  export {};
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { SearchFilters, ObjectKey } from '../../../interfaces';
3
3
  import './TableComponent.scss';
4
+ import { InputType } from '../../fields/TextFieldComponent/TextFieldComponent';
4
5
  interface TableComponentProps {
5
6
  rows: any[];
6
7
  values: ObjectKey;
@@ -31,9 +32,10 @@ interface ColumnProps {
31
32
  isUnique?: boolean;
32
33
  isDate?: boolean;
33
34
  enumColumn?: {
34
- isEnum?: boolean;
35
+ isEnum: boolean;
35
36
  enumType?: any;
36
37
  hasColor?: boolean;
38
+ enumSuffix?: string;
37
39
  };
38
40
  isCheck?: boolean;
39
41
  noSort?: boolean;
@@ -50,11 +52,26 @@ interface ColumnProps {
50
52
  disabledIcon: any;
51
53
  onClickId: (id: number) => void;
52
54
  };
55
+ isEditableTableCell?: EditableCellProps;
56
+ isBoolean?: {
57
+ enumType?: any;
58
+ hasColor?: boolean;
59
+ enumSuffix?: string;
60
+ };
53
61
  }
54
62
  interface ActionProps {
55
63
  children: React.ReactNode;
56
64
  onClick?: (row: any) => void;
57
65
  onClickId?: (id: number) => void;
58
66
  }
67
+ interface EditableCellProps {
68
+ isTextField?: {
69
+ type?: InputType;
70
+ onCellValueChange: (data: any) => void;
71
+ };
72
+ isSelectField?: {
73
+ onCellValueChange: (data: any) => void;
74
+ };
75
+ }
59
76
  export declare const TableComponent: React.FunctionComponent<TableComponentProps>;
60
77
  export {};
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import './LinearProgressComponent.scss';
3
+ export declare const LinearProgressComponent: React.FC;
@@ -4,6 +4,7 @@ import './MainWrapperComponent.scss';
4
4
  interface MainWrapperComponentProps {
5
5
  loading?: boolean;
6
6
  loadingChildren?: boolean;
7
+ loadingProgressBar?: boolean;
7
8
  headerProps?: SearchComponentProps;
8
9
  divider?: boolean;
9
10
  }
@@ -1,9 +1,9 @@
1
- import { SearchFilters, SearchSimpleResult, SearchResult } from '../interfaces';
1
+ import { SearchFilters, SearchSimpleResult } from '../interfaces';
2
2
  interface ColourOption {
3
3
  readonly value: string;
4
4
  readonly label: string;
5
5
  }
6
6
  export declare const colourOptions: ColourOption[];
7
7
  export declare const ResponseHandler: (response: any) => any;
8
- export declare const SearchSimple: (_filters: SearchFilters) => Promise<SearchResult<SearchSimpleResult>>;
8
+ export declare const SearchSimple: (_filters: SearchFilters) => Promise<SearchSimpleResult[]>;
9
9
  export {};
@@ -11,6 +11,7 @@ interface UserList {
11
11
  charge: number;
12
12
  topic: string;
13
13
  extraInfo?: BasicEntity;
14
+ active: boolean;
14
15
  }
15
16
  export declare const UserList: UserList[];
16
17
  export {};
@@ -110,5 +110,12 @@ declare var _default: {
110
110
  image: string;
111
111
  skills: string;
112
112
  information: string;
113
+ enable: string;
114
+ disable: string;
115
+ enable_suffix: string;
116
+ disable_suffix: string;
117
+ boolean: string;
118
+ true_suffix: string;
119
+ false_suffix: string;
113
120
  };
114
121
  export default _default;
@@ -0,0 +1,4 @@
1
+ export declare enum ActiveStatus {
2
+ true = "ENABLE",
3
+ false = "DISABLE"
4
+ }
@@ -2,3 +2,4 @@ export * from './SelectMock';
2
2
  export * from './UserList';
3
3
  export * from './Values';
4
4
  export * from './enums/scopes';
5
+ export * from './enums/ActiveStatus';
package/dist/index.d.ts CHANGED
@@ -2,6 +2,7 @@ export * from './components/wrappers/PublicFormWrapper/PublicFormWrapper';
2
2
  export * from './components/wrappers/MainWrapperComponent/MainWrapperComponent';
3
3
  export * from './components/tables/SearchComponent/SearchComponent';
4
4
  export * from './components/tables/TableComponent/TableComponent';
5
+ export * from './components/tables/SimpleTableComponent/SimpleTableComponent';
5
6
  export * from './components/layouts/MainLayoutSimple/MainLayoutSimple';
6
7
  export * from './components/navigation/VerticalNav/VerticalNav';
7
8
  export * from './components/navigation/components/UserInfo';
@@ -18,3 +19,4 @@ export * from './components/forms/ChangePasswordForm';
18
19
  export * from './components/forms/ResetPasswordForm';
19
20
  export * from './components/modals/ModalComponent';
20
21
  export * from './components/wrappers/TabsComponent/TabsComponent';
22
+ export * from './components/wrappers/LinearProgressComponent/LinearProgressComponent';
@@ -2,6 +2,8 @@ import { Meta, Story } from '@storybook/react';
2
2
  declare const meta: Meta;
3
3
  export default meta;
4
4
  export declare const Default: Story<import("@storybook/react").Args>;
5
+ export declare const ReverseColor: Story<import("@storybook/react").Args>;
6
+ export declare const ReverseColorLoading: Story<import("@storybook/react").Args>;
5
7
  export declare const LoginButton: Story<import("@storybook/react").Args>;
6
8
  export declare const ModalCancel: Story<import("@storybook/react").Args>;
7
9
  export declare const Loading: Story<import("@storybook/react").Args>;