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.
Files changed (44) hide show
  1. package/dist/components/forms/LoginForm.d.ts +5 -5
  2. package/dist/components/layouts/DrawerLayout/DrawerSidebar/DrawerSidebar.d.ts +10 -0
  3. package/dist/components/layouts/MainLayoutSimple/MainLayoutSimple.d.ts +1 -0
  4. package/dist/components/layouts/Standard/AppHeader/AppHeader.d.ts +7 -0
  5. package/dist/components/{navigation/DrawerLayout → layouts/Standard}/AppSidebar/AppSidebar.d.ts +2 -0
  6. package/dist/components/navigation/VerticalNav/VerticalNav.d.ts +1 -0
  7. package/dist/components/navigation/VerticalNav/VerticalNavItem.d.ts +1 -0
  8. package/dist/components/navigation/VerticalNav/VerticalNavItemCollapse.d.ts +1 -0
  9. package/dist/components/tables/{SearchComponent.d.ts → SearchComponent/SearchComponent.d.ts} +4 -3
  10. package/dist/components/wrappers/MainWrapperComponent/MainWrapperComponent.d.ts +10 -0
  11. package/dist/index.d.ts +5 -1
  12. package/dist/stories/Layouts/MainLayoutSimple.stories.d.ts +3 -1
  13. package/dist/stories/MainWrapper/MainWrapper.stories.d.ts +4 -0
  14. package/dist/techsbcn-storybook.cjs.development.js +323 -61
  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 +323 -65
  19. package/dist/techsbcn-storybook.esm.js.map +1 -1
  20. package/package.json +1 -1
  21. package/src/components/fields/ButtonComponent/ButtonComponent.scss +4 -1
  22. package/src/components/forms/LoginForm.tsx +17 -11
  23. package/src/components/layouts/DrawerLayout/DrawerSidebar/DrawerSidebar.scss +7 -0
  24. package/src/components/layouts/DrawerLayout/DrawerSidebar/DrawerSidebar.tsx +32 -0
  25. package/src/components/layouts/MainLayoutSimple/MainLayoutSimple.scss +1 -1
  26. package/src/components/layouts/MainLayoutSimple/MainLayoutSimple.tsx +3 -1
  27. package/src/components/layouts/Standard/AppHeader/AppHeader.scss +5 -0
  28. package/src/components/layouts/Standard/AppHeader/AppHeader.tsx +27 -0
  29. package/src/components/{navigation/DrawerLayout → layouts/Standard}/AppSidebar/AppSidebar.scss +2 -2
  30. package/src/components/layouts/Standard/AppSidebar/AppSidebar.tsx +59 -0
  31. package/src/components/navigation/VerticalNav/VerticalNav.scss +9 -9
  32. package/src/components/navigation/VerticalNav/VerticalNav.tsx +5 -2
  33. package/src/components/navigation/VerticalNav/VerticalNavItem.tsx +13 -10
  34. package/src/components/navigation/VerticalNav/VerticalNavItemCollapse.tsx +5 -9
  35. package/src/components/tables/SearchComponent/SearchComponent.scss +46 -0
  36. package/src/components/tables/{SearchComponent.tsx → SearchComponent/SearchComponent.tsx} +23 -16
  37. package/src/components/wrappers/MainWrapperComponent/MainWrapperComponent.scss +33 -0
  38. package/src/components/wrappers/MainWrapperComponent/MainWrapperComponent.tsx +30 -0
  39. package/src/index.tsx +5 -1
  40. package/src/stories/Layouts/MainLayoutSimple.stories.tsx +74 -11
  41. package/src/stories/MainWrapper/MainWrapper.stories.tsx +55 -0
  42. package/src/stories/Modal/Modal.stories.tsx +2 -0
  43. package/src/styles/Globals.scss +15 -3
  44. 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
- requiredTextMail: string;
8
+ requiredTextLogin: string;
9
9
  requiredTextPassword: string;
10
10
  };
11
11
  valuesText: {
12
12
  buttonText: string;
13
- text1: string;
14
- placeholder1?: string;
15
- text2: string;
16
- placeholder2?: string;
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 './MainLayoutSimple.scss';
3
3
  interface MainLayoutSimpleProps {
4
4
  lateralComponent?: React.ReactNode;
5
5
  mainComponent: any;
6
+ headerComponent?: React.ReactNode;
6
7
  }
7
8
  export declare const MainLayoutSimple: React.FC<MainLayoutSimpleProps>;
8
9
  export {};
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import './AppHeader.scss';
3
+ interface AppHeaderProps {
4
+ handleDrawerOpen: () => void;
5
+ }
6
+ export declare const AppHeader: React.FC<AppHeaderProps>;
7
+ export {};
@@ -3,6 +3,8 @@ import './AppSidebar.scss';
3
3
  interface AppSidebarProps {
4
4
  onHide?: () => void;
5
5
  open?: boolean;
6
+ headerComponents?: React.ReactNode;
7
+ footerComponents?: React.ReactNode;
6
8
  }
7
9
  export declare const AppSidebar: React.FC<AppSidebarProps>;
8
10
  export {};
@@ -15,6 +15,7 @@ export interface NavigationProps {
15
15
  interface VerticalNavProps {
16
16
  items: NavigationProps[];
17
17
  userPermisions?: string[];
18
+ onHide?: () => void;
18
19
  }
19
20
  export declare const VerticalNav: React.FC<VerticalNavProps>;
20
21
  export {};
@@ -3,6 +3,7 @@ import React from 'react';
3
3
  interface VerticalNavItemProps {
4
4
  item: NavigationProps;
5
5
  userPermisions?: string[];
6
+ onHide?: () => void;
6
7
  }
7
8
  declare const _default: React.NamedExoticComponent<VerticalNavItemProps>;
8
9
  export default _default;
@@ -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;
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
- interface SearchComponentProps {
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 default SearchComponent;
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/navigation/DrawerLayout/AppSidebar/AppSidebar';
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 LateralComponent: Story<import("@storybook/react").Args>;
5
+ export declare const SidebarLayout: Story;
6
+ export declare const SidebarAndHeaderLayout: Story;
7
+ export declare const DrawerSidebarAndHeaderLayout: Story;
@@ -0,0 +1,4 @@
1
+ import { Meta, Story } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ export declare const Default: Story<import("@storybook/react").Args>;