techsbcn-storybook 0.3.0 → 0.6.0
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/forms/LoginForm.d.ts +5 -5
- package/dist/components/layouts/DrawerLayout/DrawerSidebar/DrawerSidebar.d.ts +10 -0
- package/dist/components/layouts/MainLayoutSimple/MainLayoutSimple.d.ts +1 -0
- package/dist/components/layouts/Standard/AppHeader/AppHeader.d.ts +7 -0
- package/dist/components/{navigation/DrawerLayout → layouts/Standard}/AppSidebar/AppSidebar.d.ts +2 -0
- package/dist/components/navigation/VerticalNav/VerticalNav.d.ts +1 -0
- package/dist/components/navigation/VerticalNav/VerticalNavItem.d.ts +1 -0
- package/dist/components/navigation/VerticalNav/VerticalNavItemCollapse.d.ts +1 -0
- package/dist/components/tables/{SearchComponent.d.ts → SearchComponent/SearchComponent.d.ts} +4 -3
- package/dist/components/wrappers/MainWrapperComponent/MainWrapperComponent.d.ts +10 -0
- package/dist/index.d.ts +5 -1
- package/dist/stories/Layouts/MainLayoutSimple.stories.d.ts +3 -1
- package/dist/stories/MainWrapper/MainWrapper.stories.d.ts +4 -0
- package/dist/techsbcn-storybook.cjs.development.js +323 -61
- 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 +323 -65
- package/dist/techsbcn-storybook.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/fields/ButtonComponent/ButtonComponent.scss +4 -1
- package/src/components/forms/LoginForm.tsx +17 -11
- package/src/components/layouts/DrawerLayout/DrawerSidebar/DrawerSidebar.scss +7 -0
- package/src/components/layouts/DrawerLayout/DrawerSidebar/DrawerSidebar.tsx +32 -0
- package/src/components/layouts/MainLayoutSimple/MainLayoutSimple.scss +1 -1
- package/src/components/layouts/MainLayoutSimple/MainLayoutSimple.tsx +3 -1
- package/src/components/layouts/Standard/AppHeader/AppHeader.scss +5 -0
- package/src/components/layouts/Standard/AppHeader/AppHeader.tsx +27 -0
- package/src/components/{navigation/DrawerLayout → layouts/Standard}/AppSidebar/AppSidebar.scss +2 -2
- package/src/components/layouts/Standard/AppSidebar/AppSidebar.tsx +59 -0
- package/src/components/navigation/VerticalNav/VerticalNav.scss +9 -9
- package/src/components/navigation/VerticalNav/VerticalNav.tsx +5 -2
- package/src/components/navigation/VerticalNav/VerticalNavItem.tsx +13 -10
- package/src/components/navigation/VerticalNav/VerticalNavItemCollapse.tsx +5 -9
- package/src/components/tables/SearchComponent/SearchComponent.scss +46 -0
- package/src/components/tables/{SearchComponent.tsx → SearchComponent/SearchComponent.tsx} +23 -16
- package/src/components/wrappers/MainWrapperComponent/MainWrapperComponent.scss +33 -0
- package/src/components/wrappers/MainWrapperComponent/MainWrapperComponent.tsx +30 -0
- package/src/index.tsx +5 -1
- package/src/stories/Layouts/MainLayoutSimple.stories.tsx +74 -11
- package/src/stories/MainWrapper/MainWrapper.stories.tsx +55 -0
- package/src/stories/Modal/Modal.stories.tsx +2 -0
- package/src/styles/Globals.scss +15 -3
- package/src/components/navigation/DrawerLayout/AppSidebar/AppSidebar.tsx +0 -27
|
@@ -5,15 +5,15 @@ interface LoginFormProps {
|
|
|
5
5
|
bottomComponent?: React.ReactNode;
|
|
6
6
|
loading: boolean;
|
|
7
7
|
requiredText: {
|
|
8
|
-
|
|
8
|
+
requiredTextLogin: string;
|
|
9
9
|
requiredTextPassword: string;
|
|
10
10
|
};
|
|
11
11
|
valuesText: {
|
|
12
12
|
buttonText: string;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
textLogin: string;
|
|
14
|
+
placeholderLogin?: string;
|
|
15
|
+
textPassword: string;
|
|
16
|
+
placeholderPassword?: string;
|
|
17
17
|
};
|
|
18
18
|
}
|
|
19
19
|
export declare const LoginForm: React.FC<LoginFormProps>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './DrawerSidebar.scss';
|
|
3
|
+
interface DrawerSidebarProps {
|
|
4
|
+
onHide?: () => void;
|
|
5
|
+
open?: boolean;
|
|
6
|
+
headerComponents?: React.ReactNode;
|
|
7
|
+
footerComponents?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const DrawerSidebar: React.FC<DrawerSidebarProps>;
|
|
10
|
+
export {};
|
|
@@ -3,6 +3,7 @@ import { NavigationProps } from './VerticalNav';
|
|
|
3
3
|
interface VerticalNavItemCollapseProps {
|
|
4
4
|
item: NavigationProps;
|
|
5
5
|
userPermisions?: string[];
|
|
6
|
+
onHide?: () => void;
|
|
6
7
|
}
|
|
7
8
|
declare const _default: React.NamedExoticComponent<VerticalNavItemCollapseProps>;
|
|
8
9
|
export default _default;
|
package/dist/components/tables/{SearchComponent.d.ts → SearchComponent/SearchComponent.d.ts}
RENAMED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
import './SearchComponent.scss';
|
|
3
|
+
export interface SearchComponentProps {
|
|
3
4
|
className?: string;
|
|
4
5
|
title?: string;
|
|
5
6
|
searchBar?: React.ReactNode;
|
|
@@ -17,5 +18,5 @@ interface DoubleFilter {
|
|
|
17
18
|
secondFilter: any;
|
|
18
19
|
}
|
|
19
20
|
declare const DoubleFilter: (filters: DoubleFilter) => JSX.Element;
|
|
20
|
-
declare const SearchComponent: React.FC<SearchComponentProps>;
|
|
21
|
-
export
|
|
21
|
+
export declare const SearchComponent: React.FC<SearchComponentProps>;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SearchComponentProps } from '../../tables/SearchComponent/SearchComponent';
|
|
3
|
+
import './MainWrapperComponent.scss';
|
|
4
|
+
interface MainWrapperComponentProps {
|
|
5
|
+
loading?: boolean;
|
|
6
|
+
headerProps: SearchComponentProps;
|
|
7
|
+
divider?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const MainWrapperComponent: React.FC<MainWrapperComponentProps>;
|
|
10
|
+
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
export * from './components/wrappers/PublicFormWrapper/PublicFormWrapper';
|
|
2
|
+
export * from './components/wrappers/MainWrapperComponent/MainWrapperComponent';
|
|
3
|
+
export * from './components/tables/SearchComponent/SearchComponent';
|
|
2
4
|
export * from './components/layouts/MainLayoutSimple/MainLayoutSimple';
|
|
3
5
|
export * from './components/navigation/VerticalNav/VerticalNav';
|
|
4
|
-
export * from './components/
|
|
6
|
+
export * from './components/layouts/Standard/AppSidebar/AppSidebar';
|
|
7
|
+
export * from './components/layouts/DrawerLayout/DrawerSidebar/DrawerSidebar';
|
|
8
|
+
export * from './components/layouts/Standard/AppHeader/AppHeader';
|
|
5
9
|
export * from './components/fields/ButtonComponent/ButtonComponent';
|
|
6
10
|
export * from './components/fields/TextFieldComponent/TextFieldComponent';
|
|
7
11
|
export * from './components/forms/LoginForm';
|
|
@@ -2,4 +2,6 @@ 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
|
|
5
|
+
export declare const SidebarLayout: Story;
|
|
6
|
+
export declare const SidebarAndHeaderLayout: Story;
|
|
7
|
+
export declare const DrawerSidebarAndHeaderLayout: Story;
|