techsbcn-storybook 0.2.0 → 0.3.1
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.
- package/dist/components/fields/TextFieldComponent/TextFieldComponent.d.ts +2 -2
- package/dist/components/forms/ChangePasswordForm.d.ts +2 -2
- package/dist/components/forms/LoginForm.d.ts +2 -2
- package/dist/components/forms/ResetPasswordForm.d.ts +2 -2
- package/dist/components/layouts/MainLayoutSimple/MainLayoutSimple.d.ts +8 -0
- package/dist/components/modals/ModalComponent.d.ts +17 -0
- package/dist/components/navigation/DrawerLayout/AppSidebar/AppSidebar.d.ts +8 -0
- package/dist/components/navigation/VerticalNav/VerticalNav.d.ts +20 -0
- package/dist/components/navigation/VerticalNav/VerticalNavItem.d.ts +8 -0
- package/dist/components/navigation/VerticalNav/VerticalNavItemCollapse.d.ts +8 -0
- package/dist/components/navigation/components/UserInfo.d.ts +6 -0
- package/dist/components/tables/SearchComponent.d.ts +21 -0
- package/dist/components/wrappers/PublicFormWrapper/PublicFormWrapper.d.ts +2 -2
- package/dist/helpers/CheckPermission.d.ts +1 -0
- package/dist/helpers/GroupBy.d.ts +1 -0
- package/dist/helpers/index.d.ts +2 -0
- package/dist/index.d.ts +4 -0
- package/dist/stories/Layouts/MainLayoutSimple.stories.d.ts +5 -0
- package/dist/stories/{thing/Thing.stories.d.ts → Modal/Modal.stories.d.ts} +1 -2
- package/dist/techsbcn-storybook.cjs.development.js +621 -8
- package/dist/techsbcn-storybook.cjs.development.js.map +1 -1
- package/dist/techsbcn-storybook.cjs.production.min.js +1 -1
- package/dist/techsbcn-storybook.cjs.production.min.js.map +1 -1
- package/dist/techsbcn-storybook.esm.js +617 -11
- package/dist/techsbcn-storybook.esm.js.map +1 -1
- package/package.json +17 -13
- package/src/components/fields/ButtonComponent/ButtonComponent.scss +0 -4
- package/src/components/fields/TextFieldComponent/TextFieldComponent.tsx +2 -2
- package/src/components/forms/ChangePasswordForm.tsx +2 -4
- package/src/components/forms/LoginForm.tsx +7 -9
- package/src/components/forms/ResetPasswordForm.tsx +2 -4
- package/src/components/layouts/MainLayoutSimple/MainLayoutSimple.scss +9 -0
- package/src/components/layouts/MainLayoutSimple/MainLayoutSimple.tsx +21 -0
- package/src/components/modals/ModalComponent.tsx +82 -0
- package/src/components/navigation/DrawerLayout/AppSidebar/AppSidebar.scss +7 -0
- package/src/components/navigation/DrawerLayout/AppSidebar/AppSidebar.tsx +27 -0
- package/src/components/navigation/VerticalNav/VerticalNav.scss +62 -0
- package/src/components/navigation/VerticalNav/VerticalNav.tsx +39 -0
- package/src/components/navigation/VerticalNav/VerticalNavItem.tsx +38 -0
- package/src/components/navigation/VerticalNav/VerticalNavItemCollapse.tsx +106 -0
- package/src/components/navigation/components/UserInfo.tsx +11 -0
- package/src/components/tables/SearchComponent.tsx +141 -0
- package/src/components/wrappers/PublicFormWrapper/PublicFormWrapper.tsx +2 -3
- package/src/content/fonts/feather.eot +0 -0
- package/src/content/fonts/feather.svg +759 -0
- package/src/content/fonts/feather.ttf +0 -0
- package/src/content/fonts/feather.woff +0 -0
- package/src/helpers/CheckPermission.tsx +11 -0
- package/src/helpers/GroupBy.tsx +6 -0
- package/src/helpers/index.tsx +2 -0
- package/src/index.tsx +4 -0
- package/src/stories/Layouts/MainLayoutSimple.stories.tsx +73 -0
- package/src/stories/Modal/Modal.stories.tsx +30 -0
- package/src/styles/Globals.scss +27 -0
- package/dist/stories/thing/Thing.d.ts +0 -6
- package/src/stories/thing/Thing.scss +0 -4
- package/src/stories/thing/Thing.stories.tsx +0 -26
- package/src/stories/thing/Thing.tsx +0 -11
|
@@ -28,5 +28,5 @@ interface TextFieldComponentProps {
|
|
|
28
28
|
onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
29
29
|
step?: number | string;
|
|
30
30
|
}
|
|
31
|
-
declare const TextFieldComponent: React.FC<TextFieldComponentProps>;
|
|
32
|
-
export
|
|
31
|
+
export declare const TextFieldComponent: React.FC<TextFieldComponentProps>;
|
|
32
|
+
export {};
|
|
@@ -16,5 +16,5 @@ interface ChangePasswordFormProps {
|
|
|
16
16
|
placeholder2?: string;
|
|
17
17
|
};
|
|
18
18
|
}
|
|
19
|
-
declare const ChangePasswordForm: React.FC<ChangePasswordFormProps>;
|
|
20
|
-
export
|
|
19
|
+
export declare const ChangePasswordForm: React.FC<ChangePasswordFormProps>;
|
|
20
|
+
export {};
|
|
@@ -13,5 +13,5 @@ interface resetPasswordFormProps {
|
|
|
13
13
|
placeholder?: string;
|
|
14
14
|
};
|
|
15
15
|
}
|
|
16
|
-
declare const ResetPasswordForm: React.FC<resetPasswordFormProps>;
|
|
17
|
-
export
|
|
16
|
+
export declare const ResetPasswordForm: React.FC<resetPasswordFormProps>;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ButtonComponentProps } from '../fields/ButtonComponent/ButtonComponent';
|
|
3
|
+
interface ModalComponentProps {
|
|
4
|
+
idClass?: string;
|
|
5
|
+
setShow: boolean;
|
|
6
|
+
title?: string;
|
|
7
|
+
modalSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false;
|
|
8
|
+
fullWidth?: boolean;
|
|
9
|
+
fullScreen?: boolean;
|
|
10
|
+
submitButton?: ButtonComponentProps;
|
|
11
|
+
cancelButton?: ButtonComponentProps;
|
|
12
|
+
loading?: boolean;
|
|
13
|
+
onHide: () => void;
|
|
14
|
+
dividers?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export declare const ModalComponent: React.FC<ModalComponentProps>;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './VerticalNav.scss';
|
|
3
|
+
export declare enum NavigationType {
|
|
4
|
+
Item = 0,
|
|
5
|
+
Collapse = 1
|
|
6
|
+
}
|
|
7
|
+
export interface NavigationProps {
|
|
8
|
+
id: string;
|
|
9
|
+
title?: string;
|
|
10
|
+
route?: string;
|
|
11
|
+
type?: NavigationType;
|
|
12
|
+
persmisionAvailable?: string | string[];
|
|
13
|
+
children?: NavigationProps[] | NavigationProps;
|
|
14
|
+
}
|
|
15
|
+
interface VerticalNavProps {
|
|
16
|
+
items: NavigationProps[];
|
|
17
|
+
userPermisions?: string[];
|
|
18
|
+
}
|
|
19
|
+
export declare const VerticalNav: React.FC<VerticalNavProps>;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { NavigationProps } from './VerticalNav';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
interface VerticalNavItemProps {
|
|
4
|
+
item: NavigationProps;
|
|
5
|
+
userPermisions?: string[];
|
|
6
|
+
}
|
|
7
|
+
declare const _default: React.NamedExoticComponent<VerticalNavItemProps>;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { NavigationProps } from './VerticalNav';
|
|
3
|
+
interface VerticalNavItemCollapseProps {
|
|
4
|
+
item: NavigationProps;
|
|
5
|
+
userPermisions?: string[];
|
|
6
|
+
}
|
|
7
|
+
declare const _default: React.NamedExoticComponent<VerticalNavItemCollapseProps>;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface SearchComponentProps {
|
|
3
|
+
className?: string;
|
|
4
|
+
title?: string;
|
|
5
|
+
searchBar?: React.ReactNode;
|
|
6
|
+
actions?: {
|
|
7
|
+
children: any;
|
|
8
|
+
}[];
|
|
9
|
+
filters?: {
|
|
10
|
+
singleFilter?: any;
|
|
11
|
+
doubleFilter?: DoubleFilter;
|
|
12
|
+
}[];
|
|
13
|
+
}
|
|
14
|
+
interface DoubleFilter {
|
|
15
|
+
label?: string;
|
|
16
|
+
firstFilter: any;
|
|
17
|
+
secondFilter: any;
|
|
18
|
+
}
|
|
19
|
+
declare const DoubleFilter: (filters: DoubleFilter) => JSX.Element;
|
|
20
|
+
declare const SearchComponent: React.FC<SearchComponentProps>;
|
|
21
|
+
export default SearchComponent;
|
|
@@ -3,5 +3,5 @@ import './PublicFormWrapper.scss';
|
|
|
3
3
|
interface PublicFormWrapperProps {
|
|
4
4
|
className?: string;
|
|
5
5
|
}
|
|
6
|
-
declare const PublicFormWrapper: React.FC<PublicFormWrapperProps>;
|
|
7
|
-
export
|
|
6
|
+
export declare const PublicFormWrapper: React.FC<PublicFormWrapperProps>;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const checkPermission: (persmisionAvailable?: any, userRoles?: any) => boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const GroupBy: (xs: any[], f: (arg0: any) => any) => any;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
export * from './components/wrappers/PublicFormWrapper/PublicFormWrapper';
|
|
2
|
+
export * from './components/layouts/MainLayoutSimple/MainLayoutSimple';
|
|
3
|
+
export * from './components/navigation/VerticalNav/VerticalNav';
|
|
4
|
+
export * from './components/navigation/DrawerLayout/AppSidebar/AppSidebar';
|
|
2
5
|
export * from './components/fields/ButtonComponent/ButtonComponent';
|
|
3
6
|
export * from './components/fields/TextFieldComponent/TextFieldComponent';
|
|
4
7
|
export * from './components/forms/LoginForm';
|
|
5
8
|
export * from './components/forms/ChangePasswordForm';
|
|
6
9
|
export * from './components/forms/ResetPasswordForm';
|
|
10
|
+
export * from './components/modals/ModalComponent';
|