techsbcn-storybook 0.22.2 → 0.22.4

package/dist/components/layouts/Standard/AppHeader/AppHeader.d.ts

@@ -4,6 +4,8 @@ interface AppHeaderProps {
     handleDrawerOpen?: () => void;
     children?: React.ReactNode;
     className?: string;
+    drawerVisible?: boolean;
+    appBarResponsiveShow?: boolean;
 }
 export declare const AppHeader: React.FC<AppHeaderProps>;
 export {};

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

@@ -13,6 +13,7 @@ export interface SearchComponentProps {
     }[];
     filtersSize?: number;
     enableAfter?: boolean;
+    fixedOpen?: boolean;
 }
 interface DoubleFilter {
     label?: string;

package/dist/stories/Fields/TextFieldComponent.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, Story } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const TextFieldCustom: Story<import("@storybook/react").Args>;

package/dist/stories/Layouts/MainLayoutSimple.stories.d.ts

@@ -1,7 +1,6 @@
 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 SidebarLayout: Story;
-export declare const SidebarAndHeaderLayout: Story;
-export declare const DrawerSidebarAndHeaderLayout: Story;
+export declare const SideBarLayoutProps: Story<import("@storybook/react").Args>;
+export declare const SidebarAndHeaderProps: Story<import("@storybook/react").Args>;
+export declare const DrawerSidebarAndHeaderLayoutProps: Story<import("@storybook/react").Args>;

package/dist/techsbcn-storybook.cjs.development.js

@@ -115,7 +115,7 @@ var DoubleFilter = function DoubleFilter(filters) {
 };
 
 var SearchComponent = function SearchComponent(props) {
-  var _useState = React.useState(!props.searchBar && !!props.filters),
+  var _useState = React.useState(!props.searchBar && !!props.filters || props.fixedOpen),
       isOpen = _useState[0],
       setIsOpen = _useState[1];
 
@@ -142,7 +142,7 @@ var SearchComponent = function SearchComponent(props) {
   }, React__default.createElement(material.Grid, {
     item: true,
     xs: props.actions ? 8 : 12,
-    md: props.searchBar ? 4 : props.actions ? 6 : 12
+    md: props.actions && props.searchBar ? 4 : props.searchBar ? 8 : props.actions ? 6 : 12
   }, React__default.createElement(material.Box, {
     px: 1,
     className: (props.enableAfter ? 'main-background-color-after' : '') + " title"
@@ -200,7 +200,7 @@ var SearchComponent = function SearchComponent(props) {
   }, ActionsList(props.actions)))), (props.searchBar || props.filters || props.actions) && React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
-    md: props.actions && props.searchBar ? 8 : props.actions ? 6 : 7
+    md: props.actions && props.searchBar ? 8 : props.actions ? 6 : 4
   }, React__default.createElement(material.Box, {
     display: "flex",
     alignItems: "center"
@@ -214,7 +214,7 @@ var SearchComponent = function SearchComponent(props) {
     },
     display: "flex",
     width: "100%"
-  }, props.searchBar, props.filters && props.searchBar && React__default.createElement(material.Box, {
+  }, props.searchBar, !!props.fixedOpen || props.filters && props.searchBar && React__default.createElement(material.Box, {
     onClick: function onClick() {
       return setIsOpen(!isOpen);
     },
@@ -234,7 +234,8 @@ var SearchComponent = function SearchComponent(props) {
     my: 2
   }, React__default.createElement(material.Grid, {
     container: true,
-    spacing: 3
+    spacing: 3,
+    justifyContent: "end"
   }, props.filters && props.filters.length > 0 && props.filters.map(function (filter, i) {
     var _props$filtersSize, _props$filtersSize2;
 
@@ -1571,14 +1572,20 @@ var AppHeader = function AppHeader(props) {
 
   return React__default.createElement(material.AppBar, {
     position: "sticky",
+    sx: {
+      display: {
+        xs: "block",
+        lg: props.appBarResponsiveShow ? "none" : "block"
+      }
+    },
     className: "app-bar main-background-body " + ((_props$className = props.className) != null ? _props$className : '')
   }, React__default.createElement(material.Toolbar, {
     className: "app-toolbar"
   }, props.handleDrawerOpen && React__default.createElement(material.IconButton, {
     sx: {
       display: {
-        xs: 'inline-flex',
-        lg: 'none'
+        xs: "inline-flex",
+        lg: props.drawerVisible ? "inline-flex" : "none"
       }
     },
     edge: "start",