techsbcn-storybook 0.18.1 → 0.20.1

package/dist/components/layouts/DrawerLayout/DrawerSidebar/DrawerSidebar.d.ts

@@ -5,6 +5,7 @@ interface DrawerSidebarProps {
     open?: boolean;
     headerComponents?: React.ReactNode;
     footerComponents?: React.ReactNode;
+    children?: React.ReactNode;
 }
 export declare const DrawerSidebar: React.FC<DrawerSidebarProps>;
 export {};

package/dist/components/layouts/MainLayoutSimple/MainLayoutSimple.d.ts

@@ -4,6 +4,7 @@ interface MainLayoutSimpleProps {
     lateralComponent?: React.ReactNode;
     mainComponent: any;
     headerComponent?: React.ReactNode;
+    children?: React.ReactNode;
 }
 export declare const MainLayoutSimple: React.FC<MainLayoutSimpleProps>;
 export {};

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

@@ -1,7 +1,9 @@
 import React from 'react';
 import './AppHeader.scss';
 interface AppHeaderProps {
-    handleDrawerOpen: () => void;
+    handleDrawerOpen?: () => void;
+    children?: React.ReactNode;
+    className?: string;
 }
 export declare const AppHeader: React.FC<AppHeaderProps>;
 export {};

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

@@ -5,6 +5,7 @@ interface AppSidebarProps {
     open?: boolean;
     headerComponents?: React.ReactNode;
     footerComponents?: React.ReactNode;
+    children?: React.ReactNode;
 }
 export declare const AppSidebar: React.FC<AppSidebarProps>;
 export {};

package/dist/components/modals/ModalComponent.d.ts

@@ -12,6 +12,7 @@ interface ModalComponentProps {
     loading?: boolean;
     onHide: () => void;
     dividers?: boolean;
+    children?: React.ReactNode;
 }
 export declare const ModalComponent: React.FC<ModalComponentProps>;
 export {};

package/dist/components/wrappers/MainWrapperComponent/MainWrapperComponent.d.ts

@@ -7,6 +7,8 @@ interface MainWrapperComponentProps {
     loadingProgressBar?: boolean;
     headerProps?: SearchComponentProps;
     divider?: boolean;
+    children?: React.ReactNode;
+    height?: string;
 }
 export declare const MainWrapperComponent: React.FC<MainWrapperComponentProps>;
 export {};

package/dist/components/wrappers/PublicFormWrapper/PublicFormWrapper.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import './PublicFormWrapper.scss';
 interface PublicFormWrapperProps {
     className?: string;
+    children?: React.ReactNode;
 }
 export declare const PublicFormWrapper: React.FC<PublicFormWrapperProps>;
 export {};

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

@@ -261,9 +261,11 @@ var css_248z$3 = ".main-wrapper-component {\n  background-color: white;\n  box-s
 styleInject(css_248z$3);
 
 var MainWrapperComponent = function MainWrapperComponent(props) {
+  var _props$height;
+
   return React__default.createElement(_.Box, {
     className: "main-wrapper-component",
-    height: "100%"
+    height: "" + ((_props$height = props.height) != null ? _props$height : '100%')
   }, React__default.createElement(_.Box, {
     height: "4px"
   }, props.loadingProgressBar && React__default.createElement(LinearProgressComponent, null)), React__default.createElement(_.Box, {
@@ -561,7 +563,7 @@ var TableComponent = function TableComponent(props) {
       } else return props.values[value.toUpperCase()];
     }
 
-    if (column.isDate && value) return new Date(value).toLocaleDateString('es-ES');
+    if (column.isDate && value) return new Date(value).toLocaleDateString();
     if (column.isPrice && value) return Number(value).toFixed(2).replace('.', ',').toLocaleString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.') + " " + props.values.SYMBOL_EURO;
 
     if (column.isImage && value) {
@@ -957,7 +959,7 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
       } else return props.values[value.toUpperCase()];
     }
 
-    if (column.isDate && value) return new Date(value).toLocaleDateString('es-ES');
+    if (column.isDate && value) return new Date(value).toLocaleDateString();
     if (column.isPrice && value) return Number(value).toFixed(2).replace('.', ',').toLocaleString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.') + " " + props.values.SYMBOL_EURO;
 
     if (column.isImage && value) {
@@ -1521,12 +1523,14 @@ var css_248z$c = ".app-bar {\n  background-color: white !important;\n  border-bo
 styleInject(css_248z$c);
 
 var AppHeader = function AppHeader(props) {
+  var _props$className;
+
   return React__default.createElement(material.AppBar, {
     position: "sticky",
-    className: "app-bar main-background-body"
+    className: "app-bar main-background-body " + ((_props$className = props.className) != null ? _props$className : '')
   }, React__default.createElement(material.Toolbar, {
     className: "app-toolbar"
-  }, React__default.createElement(material.IconButton, {
+  }, props.handleDrawerOpen && React__default.createElement(material.IconButton, {
     sx: {
       display: {
         xs: 'inline-flex',