techsbcn-storybook 0.18.0 → 0.20.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 (24) hide show
  1. package/dist/components/layouts/DrawerLayout/DrawerSidebar/DrawerSidebar.d.ts +1 -0
  2. package/dist/components/layouts/MainLayoutSimple/MainLayoutSimple.d.ts +1 -0
  3. package/dist/components/layouts/Standard/AppHeader/AppHeader.d.ts +1 -0
  4. package/dist/components/layouts/Standard/AppSidebar/AppSidebar.d.ts +1 -0
  5. package/dist/components/modals/ModalComponent.d.ts +1 -0
  6. package/dist/components/wrappers/MainWrapperComponent/MainWrapperComponent.d.ts +1 -0
  7. package/dist/components/wrappers/PublicFormWrapper/PublicFormWrapper.d.ts +1 -0
  8. package/dist/techsbcn-storybook.cjs.development.js +3 -3
  9. package/dist/techsbcn-storybook.cjs.development.js.map +1 -1
  10. package/dist/techsbcn-storybook.cjs.production.min.js +1 -1
  11. package/dist/techsbcn-storybook.cjs.production.min.js.map +1 -1
  12. package/dist/techsbcn-storybook.esm.js +3 -3
  13. package/dist/techsbcn-storybook.esm.js.map +1 -1
  14. package/package.json +1 -1
  15. package/src/components/layouts/DrawerLayout/DrawerSidebar/DrawerSidebar.tsx +1 -0
  16. package/src/components/layouts/MainLayoutSimple/MainLayoutSimple.tsx +1 -0
  17. package/src/components/layouts/Standard/AppHeader/AppHeader.tsx +1 -0
  18. package/src/components/layouts/Standard/AppSidebar/AppSidebar.tsx +1 -0
  19. package/src/components/modals/ModalComponent.tsx +1 -0
  20. package/src/components/tables/SimpleTableComponent/SimpleTableComponent.tsx +1 -1
  21. package/src/components/tables/TableComponent/TableComponent.scss +1 -0
  22. package/src/components/tables/TableComponent/TableComponent.tsx +1 -1
  23. package/src/components/wrappers/MainWrapperComponent/MainWrapperComponent.tsx +1 -0
  24. package/src/components/wrappers/PublicFormWrapper/PublicFormWrapper.tsx +1 -0
package/dist/components/layouts/DrawerLayout/DrawerSidebar/DrawerSidebar.d.ts CHANGED
@@ -5,6 +5,7 @@ interface DrawerSidebarProps {
5
5
  open?: boolean;
6
6
  headerComponents?: React.ReactNode;
7
7
  footerComponents?: React.ReactNode;
8
+ children?: React.ReactNode;
8
9
  }
9
10
  export declare const DrawerSidebar: React.FC<DrawerSidebarProps>;
10
11
  export {};
package/dist/components/layouts/MainLayoutSimple/MainLayoutSimple.d.ts CHANGED
@@ -4,6 +4,7 @@ interface MainLayoutSimpleProps {
4
4
  lateralComponent?: React.ReactNode;
5
5
  mainComponent: any;
6
6
  headerComponent?: React.ReactNode;
7
+ children?: React.ReactNode;
7
8
  }
8
9
  export declare const MainLayoutSimple: React.FC<MainLayoutSimpleProps>;
9
10
  export {};
package/dist/components/layouts/Standard/AppHeader/AppHeader.d.ts CHANGED
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import './AppHeader.scss';
3
3
  interface AppHeaderProps {
4
4
  handleDrawerOpen: () => void;
5
+ children?: React.ReactNode;
5
6
  }
6
7
  export declare const AppHeader: React.FC<AppHeaderProps>;
7
8
  export {};
package/dist/components/layouts/Standard/AppSidebar/AppSidebar.d.ts CHANGED
@@ -5,6 +5,7 @@ interface AppSidebarProps {
5
5
  open?: boolean;
6
6
  headerComponents?: React.ReactNode;
7
7
  footerComponents?: React.ReactNode;
8
+ children?: React.ReactNode;
8
9
  }
9
10
  export declare const AppSidebar: React.FC<AppSidebarProps>;
10
11
  export {};
package/dist/components/modals/ModalComponent.d.ts CHANGED
@@ -12,6 +12,7 @@ interface ModalComponentProps {
12
12
  loading?: boolean;
13
13
  onHide: () => void;
14
14
  dividers?: boolean;
15
+ children?: React.ReactNode;
15
16
  }
16
17
  export declare const ModalComponent: React.FC<ModalComponentProps>;
17
18
  export {};
package/dist/components/wrappers/MainWrapperComponent/MainWrapperComponent.d.ts CHANGED
@@ -7,6 +7,7 @@ interface MainWrapperComponentProps {
7
7
  loadingProgressBar?: boolean;
8
8
  headerProps?: SearchComponentProps;
9
9
  divider?: boolean;
10
+ children?: React.ReactNode;
10
11
  }
11
12
  export declare const MainWrapperComponent: React.FC<MainWrapperComponentProps>;
12
13
  export {};
package/dist/components/wrappers/PublicFormWrapper/PublicFormWrapper.d.ts CHANGED
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import './PublicFormWrapper.scss';
3
3
  interface PublicFormWrapperProps {
4
4
  className?: string;
5
+ children?: React.ReactNode;
5
6
  }
6
7
  export declare const PublicFormWrapper: React.FC<PublicFormWrapperProps>;
7
8
  export {};
package/dist/techsbcn-storybook.cjs.development.js CHANGED
@@ -294,7 +294,7 @@ var MainWrapperComponent = function MainWrapperComponent(props) {
294
294
  })) : React__default.createElement(React__default.Fragment, null))));
295
295
  };
296
296
 
297
- var css_248z$4 = ".table-component .paper-container {\n box-shadow: none;\n background-color: transparent !important;\n}\n.table-component .paper-container .checkbox-cell .MuiCheckbox-root {\n padding: 0 !important;\n}\n.table-component .paper-container .checkbox-cell .MuiCheckbox-root:hover {\n background-color: transparent !important;\n}\n.table-component .paper-container .checkbox-cell .Mui-checked {\n color: rgba(0, 0, 0, 0.54) !important;\n}\n.table-component .paper-container .checkbox-cell .MuiCheckbox-indeterminate {\n color: #212529 !important;\n}\n.table-component .paper-container .table-container {\n border-bottom: 1px solid black;\n}\n.table-component .paper-container .table-container.with-scroll {\n max-height: 68vh;\n}\n.table-component .paper-container .table-container .table-column:first-child {\n border-radius: 5px 0 0 5px;\n}\n.table-component .paper-container .table-container .table-column:last-child {\n border-right: none !important;\n border-radius: 0 5px 5px 0;\n}\n.table-component .paper-container .table-container .table-column {\n font-weight: bold;\n font-size: 1rem !important;\n padding: 10px !important;\n border-top: 1px solid #e0e0e0;\n border-right: 1px solid #e0e0e0;\n border-bottom: 2px solid #e0e0e0;\n}\n.table-component .paper-container .table-container .table-column .table-header-cell {\n color: black;\n padding: 0px 10px 0px 10px !important;\n}\n.table-component .paper-container .table-container .table-rows.row-click {\n cursor: pointer;\n}\n.table-component .paper-container .table-container .table-rows.row-click:hover {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.table-component .paper-container .table-container .table-rows.Mui-selected {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.table-component .paper-container .table-container .table-rows .Mui-selected {\n background-color: transparent !important;\n}\n.table-component .paper-container .table-container .table-rows .MuiTableCell-root {\n padding: 6px !important;\n overflow: hidden;\n}\n.table-component .paper-container .table-container .table-rows .img-table {\n width: 100%;\n height: 110px;\n}\n.table-component .paper-container .table-container .table-rows .img-table img {\n object-fit: contain;\n}\n.table-component .paper-container .table-container .table-rows .actions {\n float: right;\n}\n.table-component .paper-container .table-container .table-rows .btn-action {\n color: rgba(0, 0, 0, 0.54);\n display: inline-block;\n text-decoration: none;\n font-size: 1.6em !important;\n padding: 0px 7px;\n cursor: pointer;\n}\n.table-component .paper-container .table-container .table-rows .format-value {\n font-size: 1rem;\n}\n.table-component .paper-container .MuiTable-root.loading {\n opacity: 0.5;\n}\n.table-component .paper-container .MuiTable-root.loading .MuiCircularProgress-root {\n width: 80px !important;\n height: 80px !important;\n position: absolute;\n left: 0;\n right: 0;\n top: 5px;\n margin: auto;\n color: grey;\n}\n.table-component .paper-container .MuiTablePagination-root {\n overflow: unset;\n}\n.table-component .paper-container .MuiTablePagination-root .MuiToolbar-root {\n justify-content: center !important;\n flex-wrap: wrap;\n padding: 0px !important;\n}\n.table-component .paper-container .MuiTablePagination-root .MuiTablePagination-spacer {\n flex: 0 !important;\n}\n.table-component .paper-container .MuiTablePagination-root .pagination .MuiPaginationItem-page {\n border-radius: 0px;\n margin: 1px;\n color: white !important;\n background-color: #3f4d67;\n}\n.table-component .paper-container .MuiTablePagination-root .pagination .MuiPaginationItem-page.Mui-selected {\n background-color: #3299C7;\n}\n.table-component .paper-container .MuiTablePagination-root .pagination li button {\n padding: 14px;\n}\n.table-component .paper-container .MuiTablePagination-root .pagination li:nth-child(2) .MuiPaginationItem-page {\n border-radius: 5px 0 0 5px !important;\n}\n.table-component .paper-container .MuiTablePagination-root .pagination li:nth-last-child(2) .MuiPaginationItem-page {\n border-radius: 0 5px 5px 0 !important;\n}\n@media (max-width: 992px) {\n .table-component .paper-container .table-container {\n max-height: 60vh;\n border-top: 1px solid #cccccc;\n }\n .table-component .paper-container .table-container .MuiTable-root {\n border-collapse: collapse !important;\n }\n .table-component .paper-container .table-container .MuiTableHead-root {\n display: none !important;\n }\n .table-component .paper-container .table-container .table-rows {\n border-bottom: 2px solid #cccccc;\n }\n .table-component .paper-container .table-container .table-rows .MuiTableCell-root {\n width: auto;\n border-bottom: none !important;\n }\n .table-component .paper-container .table-container .table-rows .MuiTableCell-root .label-cell {\n font-size: 1rem;\n vertical-align: top;\n width: 50%;\n height: auto;\n }\n .table-component .paper-container .table-container .table-rows .MuiTableCell-root .label-cell + div {\n display: inline-block;\n }\n .table-component .paper-container .table-container .table-rows .table-cell {\n display: block !important;\n }\n .table-component .paper-container .table-container .table-rows .format-value {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n width: 50%;\n }\n}";
297
+ var css_248z$4 = ".table-component .paper-container {\n box-shadow: none;\n background-color: transparent !important;\n}\n.table-component .paper-container .checkbox-cell .MuiCheckbox-root {\n padding: 0 !important;\n}\n.table-component .paper-container .checkbox-cell .MuiCheckbox-root:hover {\n background-color: transparent !important;\n}\n.table-component .paper-container .checkbox-cell .Mui-checked {\n color: rgba(0, 0, 0, 0.54) !important;\n}\n.table-component .paper-container .checkbox-cell .MuiCheckbox-indeterminate {\n color: #212529 !important;\n}\n.table-component .paper-container .table-container {\n border-bottom: 1px solid black;\n}\n.table-component .paper-container .table-container.with-scroll {\n max-height: 68vh;\n}\n.table-component .paper-container .table-container .table-column:first-child {\n border-radius: 5px 0 0 5px;\n}\n.table-component .paper-container .table-container .table-column:last-child {\n border-right: none !important;\n border-radius: 0 5px 5px 0;\n}\n.table-component .paper-container .table-container .table-column {\n font-weight: bold;\n font-size: 1rem !important;\n padding: 10px !important;\n border-top: 1px solid #e0e0e0;\n border-right: 1px solid #e0e0e0;\n border-bottom: 2px solid #e0e0e0;\n}\n.table-component .paper-container .table-container .table-column .table-header-cell {\n color: black;\n padding: 0px 10px 0px 10px !important;\n}\n.table-component .paper-container .table-container .table-rows.row-click {\n cursor: pointer;\n}\n.table-component .paper-container .table-container .table-rows.row-click:hover {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.table-component .paper-container .table-container .table-rows.Mui-selected {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.table-component .paper-container .table-container .table-rows .Mui-selected {\n background-color: transparent !important;\n}\n.table-component .paper-container .table-container .table-rows .MuiTableCell-root {\n padding: 6px !important;\n overflow: hidden;\n}\n.table-component .paper-container .table-container .table-rows .img-table {\n width: 100%;\n height: 110px;\n}\n.table-component .paper-container .table-container .table-rows .img-table img {\n object-fit: contain;\n}\n.table-component .paper-container .table-container .table-rows .actions {\n float: right;\n}\n.table-component .paper-container .table-container .table-rows .btn-action {\n color: rgba(0, 0, 0, 0.54);\n display: inline-block;\n text-decoration: none;\n font-size: 1.6em !important;\n padding: 0px 7px;\n cursor: pointer;\n}\n.table-component .paper-container .table-container .table-rows .format-value {\n font-size: 1rem;\n}\n.table-component .paper-container .MuiTable-root.loading {\n opacity: 0.5;\n}\n.table-component .paper-container .MuiTable-root.loading .MuiCircularProgress-root {\n width: 80px !important;\n height: 80px !important;\n position: absolute;\n left: 0;\n right: 0;\n top: 5px;\n margin: auto;\n color: grey;\n}\n.table-component .paper-container .MuiTablePagination-root {\n overflow: unset;\n}\n.table-component .paper-container .MuiTablePagination-root .MuiToolbar-root {\n justify-content: center !important;\n flex-wrap: wrap;\n padding: 0px !important;\n}\n.table-component .paper-container .MuiTablePagination-root .MuiTablePagination-spacer {\n flex: 0 !important;\n}\n.table-component .paper-container .MuiTablePagination-root .pagination .MuiPaginationItem-page {\n border-radius: 0px;\n margin: 1px;\n color: white !important;\n background-color: #3f4d67;\n}\n.table-component .paper-container .MuiTablePagination-root .pagination .MuiPaginationItem-page.Mui-selected {\n background-color: #3299C7;\n}\n.table-component .paper-container .MuiTablePagination-root .pagination li button {\n padding: 14px;\n}\n.table-component .paper-container .MuiTablePagination-root .pagination li:nth-child(2) .MuiPaginationItem-page {\n border-radius: 5px 0 0 5px !important;\n}\n.table-component .paper-container .MuiTablePagination-root .pagination li:nth-last-child(2) .MuiPaginationItem-page {\n border-radius: 0 5px 5px 0 !important;\n}\n@media (max-width: 992px) {\n .table-component .paper-container .table-container {\n max-height: 60vh;\n border-top: 1px solid #cccccc;\n }\n .table-component .paper-container .table-container .MuiTable-root {\n border-collapse: collapse !important;\n }\n .table-component .paper-container .table-container .MuiTableHead-root {\n display: none !important;\n }\n .table-component .paper-container .table-container .table-rows {\n border-bottom: 2px solid #cccccc;\n }\n .table-component .paper-container .table-container .table-rows .MuiTableCell-root {\n width: auto;\n border-bottom: none !important;\n }\n .table-component .paper-container .table-container .table-rows .MuiTableCell-root .label-cell {\n font-size: 1rem;\n vertical-align: top;\n width: 50%;\n height: auto;\n }\n .table-component .paper-container .table-container .table-rows .MuiTableCell-root .label-cell + div {\n display: inline-block;\n }\n .table-component .paper-container .table-container .table-rows .table-cell {\n display: block !important;\n }\n .table-component .paper-container .table-container .table-rows .format-value {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n width: 50%;\n max-width: 299px;\n }\n}";
298
298
  styleInject(css_248z$4);
299
299
 
300
300
  var css_248z$5 = ".text-field-component .MuiFormLabel-root {\n color: #666666 !important;\n font-size: calc(12pt + (14 - 12) * calc(100vw - 300px)/1300) !important;\n transform: translate(0, 0.5px) scale(0.85);\n transform-origin: top left;\n text-overflow: initial !important;\n}\n.text-field-component .MuiFormLabel-root + .MuiInputBase-formControl {\n margin-top: 25px !important;\n}\n.text-field-component .MuiInputBase-root.no-border {\n border: none !important;\n padding: 0 !important;\n width: fit-content !important;\n}\n.text-field-component .MuiInputBase-root {\n color: #666666 !important;\n border: 1px solid grey;\n padding: 0.43rem 0.87rem;\n background-color: white !important;\n border-radius: 3px !important;\n}\n.text-field-component .MuiInputBase-root.Mui-error {\n border: 1px solid #F24726 !important;\n}\n.text-field-component .MuiInputBase-root:not(.Mui-disabled):hover {\n border: 1px solid grey;\n}\n.text-field-component .MuiInputBase-root.Mui-focused {\n border: 1px solid #3299C7;\n}\n.text-field-component .MuiInputBase-root .MuiInputBase-input {\n color: #666666 !important;\n background-color: white !important;\n}\n.text-field-component .MuiInputBase-root .MuiInputBase-input::placeholder {\n text-overflow: ellipsis !important;\n color: #666666 !important;\n opacity: 1;\n}\n.text-field-component .MuiInputBase-root .Mui-disabled {\n -webkit-text-fill-color: #666666 !important;\n}\n.text-field-component .MuiFormHelperText-root {\n padding: 0 !important;\n font-size: 0.85rem !important;\n color: #666666;\n}";
@@ -561,7 +561,7 @@ var TableComponent = function TableComponent(props) {
561
561
  } else return props.values[value.toUpperCase()];
562
562
  }
563
563
 
564
- if (column.isDate && value) return new Date(value).toLocaleDateString('es-ES');
564
+ if (column.isDate && value) return new Date(value).toLocaleDateString();
565
565
  if (column.isPrice && value) return Number(value).toFixed(2).replace('.', ',').toLocaleString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.') + " " + props.values.SYMBOL_EURO;
566
566
 
567
567
  if (column.isImage && value) {
@@ -957,7 +957,7 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
957
957
  } else return props.values[value.toUpperCase()];
958
958
  }
959
959
 
960
- if (column.isDate && value) return new Date(value).toLocaleDateString('es-ES');
960
+ if (column.isDate && value) return new Date(value).toLocaleDateString();
961
961
  if (column.isPrice && value) return Number(value).toFixed(2).replace('.', ',').toLocaleString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.') + " " + props.values.SYMBOL_EURO;
962
962
 
963
963
  if (column.isImage && value) {