techsbcn-storybook 0.12.3 → 0.12.7
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/fields/ButtonComponent/ButtonComponent.d.ts +1 -1
- package/dist/components/tables/SimpleTableComponent/SimpleTableComponent.d.ts +1 -0
- package/dist/components/wrappers/LinearProgressComponent/LinearProgressComponent.d.ts +3 -0
- package/dist/components/wrappers/MainWrapperComponent/MainWrapperComponent.d.ts +1 -0
- package/dist/data/SelectMock.d.ts +2 -2
- package/dist/index.d.ts +1 -0
- package/dist/techsbcn-storybook.cjs.development.js +84 -62
- 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 +86 -65
- package/dist/techsbcn-storybook.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/fields/ButtonComponent/ButtonComponent.tsx +1 -1
- package/src/components/fields/SelectFieldComponent/SelectAsyncField.tsx +4 -3
- package/src/components/fields/TextFieldComponent/TextFieldComponent.tsx +1 -0
- package/src/components/fields/TextSimpleComponent/TextSimpleComponent.tsx +1 -1
- package/src/components/forms/ChangePasswordForm.tsx +4 -4
- package/src/components/forms/LoginForm.tsx +2 -2
- package/src/components/forms/ResetPasswordForm.tsx +3 -3
- package/src/components/tables/SimpleTableComponent/SimpleTableComponent.tsx +2 -1
- package/src/components/tables/TableComponent/TableComponent.tsx +5 -0
- package/src/components/wrappers/LinearProgressComponent/LinearProgressComponent.scss +17 -0
- package/src/components/wrappers/LinearProgressComponent/LinearProgressComponent.tsx +12 -0
- package/src/components/wrappers/MainWrapperComponent/MainWrapperComponent.tsx +32 -27
- package/src/components/wrappers/TabsComponent/TabsComponent.tsx +6 -1
- package/src/data/SelectMock.tsx +2 -2
- package/src/index.tsx +1 -0
- package/src/stories/MainWrapper/MainWrapper.stories.tsx +8 -0
- package/src/styles/Globals.scss +4 -6
|
@@ -14,6 +14,7 @@ interface SimpleTableComponentProps {
|
|
|
14
14
|
loading?: boolean;
|
|
15
15
|
onClickRow?: (id: number) => void;
|
|
16
16
|
isCheckTable?: {
|
|
17
|
+
checkAllItems?: boolean;
|
|
17
18
|
rowsChecked?: number[];
|
|
18
19
|
onCheckedAction?: (ids: number[]) => void;
|
|
19
20
|
onCheckedSingleAction?: (id: number) => void;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { SearchFilters, SearchSimpleResult
|
|
1
|
+
import { SearchFilters, SearchSimpleResult } from '../interfaces';
|
|
2
2
|
interface ColourOption {
|
|
3
3
|
readonly value: string;
|
|
4
4
|
readonly label: string;
|
|
5
5
|
}
|
|
6
6
|
export declare const colourOptions: ColourOption[];
|
|
7
7
|
export declare const ResponseHandler: (response: any) => any;
|
|
8
|
-
export declare const SearchSimple: (_filters: SearchFilters) => Promise<
|
|
8
|
+
export declare const SearchSimple: (_filters: SearchFilters) => Promise<SearchSimpleResult[]>;
|
|
9
9
|
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -19,3 +19,4 @@ export * from './components/forms/ChangePasswordForm';
|
|
|
19
19
|
export * from './components/forms/ResetPasswordForm';
|
|
20
20
|
export * from './components/modals/ModalComponent';
|
|
21
21
|
export * from './components/wrappers/TabsComponent/TabsComponent';
|
|
22
|
+
export * from './components/wrappers/LinearProgressComponent/LinearProgressComponent';
|
|
@@ -240,11 +240,22 @@ var SearchComponent = function SearchComponent(props) {
|
|
|
240
240
|
})))));
|
|
241
241
|
};
|
|
242
242
|
|
|
243
|
-
var css_248z$2 = ".
|
|
243
|
+
var css_248z$2 = ".linear-progress-component {\n position: relative;\n height: 4px;\n z-index: 0;\n overflow: hidden;\n}\n.linear-progress-component .MuiLinearProgress-root {\n background-color: transparent !important;\n}\n.linear-progress-component .linear-progress-main-color.MuiLinearProgress-bar {\n position: absolute;\n left: 0;\n bottom: 0;\n top: 0;\n width: 100%;\n filter: blur(8px);\n}";
|
|
244
244
|
styleInject(css_248z$2);
|
|
245
245
|
|
|
246
|
+
var LinearProgressComponent = function LinearProgressComponent() {
|
|
247
|
+
return React__default.createElement(material.Box, {
|
|
248
|
+
className: "linear-progress-component"
|
|
249
|
+
}, React__default.createElement(material.Box, {
|
|
250
|
+
className: "linear-progress-main-color MuiLinearProgress-bar"
|
|
251
|
+
}), React__default.createElement(material.LinearProgress, null));
|
|
252
|
+
};
|
|
253
|
+
|
|
254
|
+
var css_248z$3 = ".main-wrapper-component {\n background-color: white;\n box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);\n}\n.main-wrapper-component .main-background-color-after {\n position: relative;\n}\n.main-wrapper-component .main-background-color-after:after {\n content: \"\";\n position: absolute;\n left: -17px;\n top: -4px;\n width: 4px;\n height: 30px;\n}\n.main-wrapper-component .wrapper-actions .btn-action {\n cursor: pointer;\n}\n.main-wrapper-component .wrapper-actions .btn-action .MuiButton-root {\n width: max-content;\n}\n.main-wrapper-component .wrapper-actions .btn-action svg {\n font-size: 40px;\n}";
|
|
255
|
+
styleInject(css_248z$3);
|
|
256
|
+
|
|
246
257
|
var MainWrapperComponent = function MainWrapperComponent(props) {
|
|
247
|
-
return React__default.createElement(_.Box, {
|
|
258
|
+
return React__default.createElement(React__default.Fragment, null, props.loadingProgressBar && React__default.createElement(LinearProgressComponent, null), React__default.createElement(_.Box, {
|
|
248
259
|
className: "main-wrapper-component",
|
|
249
260
|
py: 2
|
|
250
261
|
}, props.loading ? React__default.createElement(_.Box, {
|
|
@@ -270,15 +281,15 @@ var MainWrapperComponent = function MainWrapperComponent(props) {
|
|
|
270
281
|
px: 2
|
|
271
282
|
}, React__default.createElement(_.CircularProgress, {
|
|
272
283
|
className: "circular-progress-main-color"
|
|
273
|
-
})) : React__default.createElement(React__default.Fragment, null)));
|
|
284
|
+
})) : React__default.createElement(React__default.Fragment, null))));
|
|
274
285
|
};
|
|
275
286
|
|
|
276
|
-
var css_248z$
|
|
277
|
-
styleInject(css_248z$3);
|
|
278
|
-
|
|
279
|
-
var css_248z$4 = ".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}";
|
|
287
|
+
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 max-height: 68vh;\n border-bottom: 1px solid black;\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 .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 .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: 100%;\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: inline-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: 300px;\n }\n}";
|
|
280
288
|
styleInject(css_248z$4);
|
|
281
289
|
|
|
290
|
+
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}";
|
|
291
|
+
styleInject(css_248z$5);
|
|
292
|
+
|
|
282
293
|
var TextFieldComponent = function TextFieldComponent(props) {
|
|
283
294
|
var _React$useState = React__default.useState(false),
|
|
284
295
|
hover = _React$useState[0],
|
|
@@ -313,6 +324,9 @@ var TextFieldComponent = function TextFieldComponent(props) {
|
|
|
313
324
|
disableUnderline: true,
|
|
314
325
|
startAdornment: props.startIcon,
|
|
315
326
|
endAdornment: props.endIcon,
|
|
327
|
+
classes: {
|
|
328
|
+
focused: 'main-border-color'
|
|
329
|
+
},
|
|
316
330
|
inputProps: {
|
|
317
331
|
max: props.maxNumber,
|
|
318
332
|
min: props.minNumber,
|
|
@@ -702,6 +716,7 @@ var TableComponent = function TableComponent(props) {
|
|
|
702
716
|
},
|
|
703
717
|
onRowsPerPageChange: handleChangeRowsPerPage,
|
|
704
718
|
component: "div",
|
|
719
|
+
className: "table-pagination",
|
|
705
720
|
ActionsComponent: function ActionsComponent(_actions) {
|
|
706
721
|
return React__default.createElement(_.Box, {
|
|
707
722
|
flexShrink: 0,
|
|
@@ -716,7 +731,14 @@ var TableComponent = function TableComponent(props) {
|
|
|
716
731
|
hideNextButton: true,
|
|
717
732
|
hidePrevButton: true,
|
|
718
733
|
showFirstButton: true,
|
|
719
|
-
showLastButton: true
|
|
734
|
+
showLastButton: true,
|
|
735
|
+
renderItem: function renderItem(item) {
|
|
736
|
+
return React__default.createElement(_.PaginationItem, Object.assign({
|
|
737
|
+
classes: {
|
|
738
|
+
selected: 'main-background-color'
|
|
739
|
+
}
|
|
740
|
+
}, item));
|
|
741
|
+
}
|
|
720
742
|
}));
|
|
721
743
|
}
|
|
722
744
|
})));
|
|
@@ -725,11 +747,11 @@ TableComponent.defaultProps = {
|
|
|
725
747
|
showTotalCount: true
|
|
726
748
|
};
|
|
727
749
|
|
|
728
|
-
var css_248z$
|
|
729
|
-
styleInject(css_248z$
|
|
750
|
+
var css_248z$6 = ".table-simple-component .paper-container {\n box-shadow: none;\n background-color: transparent !important;\n}\n.table-simple-component .paper-container .checkbox-cell .MuiCheckbox-root {\n padding: 0 !important;\n}\n.table-simple-component .paper-container .checkbox-cell .MuiCheckbox-root:hover {\n background-color: transparent !important;\n}\n.table-simple-component .paper-container .checkbox-cell .Mui-checked {\n color: rgba(0, 0, 0, 0.54) !important;\n}\n.table-simple-component .paper-container .checkbox-cell .MuiCheckbox-indeterminate {\n color: #212529 !important;\n}\n.table-simple-component .paper-container .table-container {\n max-height: 68vh;\n border-bottom: 1px solid black;\n}\n.table-simple-component .paper-container .table-container .table-column:first-child {\n border-radius: 5px 0 0 5px;\n}\n.table-simple-component .paper-container .table-container .table-column:last-child {\n border-right: none !important;\n border-radius: 0 5px 5px 0;\n}\n.table-simple-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-simple-component .paper-container .table-container .table-column .table-header-cell {\n color: black;\n padding: 0px 10px 0px 10px !important;\n}\n.table-simple-component .paper-container .table-container .table-rows.row-click {\n cursor: pointer;\n}\n.table-simple-component .paper-container .table-container .table-rows.row-click:hover {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.table-simple-component .paper-container .table-container .table-rows .Mui-selected {\n background-color: transparent !important;\n}\n.table-simple-component .paper-container .table-container .table-rows .MuiTableCell-root {\n padding: 6px !important;\n overflow: hidden;\n}\n.table-simple-component .paper-container .table-container .table-rows .img-table {\n width: 100%;\n height: 110px;\n}\n.table-simple-component .paper-container .table-container .table-rows .img-table img {\n object-fit: contain;\n}\n.table-simple-component .paper-container .table-container .table-rows .actions {\n float: right;\n}\n.table-simple-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-simple-component .paper-container .MuiTable-root.loading {\n opacity: 0.5;\n}\n.table-simple-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@media (max-width: 992px) {\n .table-simple-component .paper-container .table-container {\n max-height: 60vh;\n border-top: 1px solid #cccccc;\n }\n .table-simple-component .paper-container .table-container .MuiTable-root {\n border-collapse: collapse !important;\n }\n .table-simple-component .paper-container .table-container .MuiTableHead-root {\n display: none !important;\n }\n .table-simple-component .paper-container .table-container .table-rows {\n border-bottom: 2px solid #cccccc;\n }\n .table-simple-component .paper-container .table-container .table-rows .MuiTableCell-root {\n width: 100%;\n border-bottom: none !important;\n }\n .table-simple-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-simple-component .paper-container .table-container .table-rows .MuiTableCell-root .label-cell + div {\n display: inline-block;\n }\n .table-simple-component .paper-container .table-container .table-rows .table-cell {\n display: inline-block !important;\n }\n .table-simple-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: 300px;\n }\n}";
|
|
751
|
+
styleInject(css_248z$6);
|
|
730
752
|
|
|
731
753
|
var SimpleTableComponent = function SimpleTableComponent(props) {
|
|
732
|
-
var _props$isCheckTable10, _props$isCheckTable11, _props$isCheckTable12;
|
|
754
|
+
var _props$isCheckTable10, _props$isCheckTable11, _props$isCheckTable12, _props$isCheckTable13;
|
|
733
755
|
|
|
734
756
|
var isSelected = function isSelected(id) {
|
|
735
757
|
var _props$isCheckTable;
|
|
@@ -918,14 +940,14 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
|
|
|
918
940
|
className: "table-simple-component"
|
|
919
941
|
}, React__default.createElement(_.Paper, {
|
|
920
942
|
className: "paper-container"
|
|
921
|
-
}, props.isCheckTable && React__default.createElement(_.Hidden, {
|
|
943
|
+
}, ((_props$isCheckTable10 = props.isCheckTable) == null ? void 0 : _props$isCheckTable10.checkAllItems) && React__default.createElement(_.Hidden, {
|
|
922
944
|
mdUp: true
|
|
923
945
|
}, React__default.createElement(_.Box, {
|
|
924
946
|
display: "block",
|
|
925
947
|
className: "checkbox-cell"
|
|
926
948
|
}, React__default.createElement(_.Checkbox, {
|
|
927
|
-
indeterminate: props.rows && JSON.parse(JSON.stringify((_props$
|
|
928
|
-
checked: props.rows && props.rows.length > 0 && JSON.parse(JSON.stringify((_props$
|
|
949
|
+
indeterminate: props.rows && JSON.parse(JSON.stringify((_props$isCheckTable11 = props.isCheckTable) == null ? void 0 : _props$isCheckTable11.rowsChecked)).length > 0 && JSON.parse(JSON.stringify((_props$isCheckTable12 = props.isCheckTable) == null ? void 0 : _props$isCheckTable12.rowsChecked)).length < props.rows.length,
|
|
950
|
+
checked: props.rows && props.rows.length > 0 && JSON.parse(JSON.stringify((_props$isCheckTable13 = props.isCheckTable) == null ? void 0 : _props$isCheckTable13.rowsChecked)).length === props.rows.length,
|
|
929
951
|
onChange: handleSelectAllClick
|
|
930
952
|
}))), React__default.createElement(_.TableContainer, {
|
|
931
953
|
className: "table-container"
|
|
@@ -937,7 +959,7 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
|
|
|
937
959
|
smDown: true
|
|
938
960
|
}, React__default.createElement(_.TableHead, null, React__default.createElement(_.TableRow, null, props.columns.map(function (column) {
|
|
939
961
|
if (column.id) {
|
|
940
|
-
var _props$
|
|
962
|
+
var _props$isCheckTable14, _props$isCheckTable15, _props$isCheckTable16;
|
|
941
963
|
|
|
942
964
|
return React__default.createElement(_.TableCell, {
|
|
943
965
|
className: "table-column",
|
|
@@ -950,8 +972,8 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
|
|
|
950
972
|
}, column.isCheck ? React__default.createElement(_.Box, {
|
|
951
973
|
className: "checkbox-cell"
|
|
952
974
|
}, React__default.createElement(_.Checkbox, {
|
|
953
|
-
indeterminate: props.rows && JSON.parse(JSON.stringify((_props$
|
|
954
|
-
checked: props.rows && props.rows.length > 0 && JSON.parse(JSON.stringify((_props$
|
|
975
|
+
indeterminate: props.rows && JSON.parse(JSON.stringify((_props$isCheckTable14 = props.isCheckTable) == null ? void 0 : _props$isCheckTable14.rowsChecked)).length > 0 && JSON.parse(JSON.stringify((_props$isCheckTable15 = props.isCheckTable) == null ? void 0 : _props$isCheckTable15.rowsChecked)).length < props.rows.length,
|
|
976
|
+
checked: props.rows && props.rows.length > 0 && JSON.parse(JSON.stringify((_props$isCheckTable16 = props.isCheckTable) == null ? void 0 : _props$isCheckTable16.rowsChecked)).length === props.rows.length,
|
|
955
977
|
onChange: handleSelectAllClick
|
|
956
978
|
})) : React__default.createElement(_.Box, {
|
|
957
979
|
className: "table-header-cell"
|
|
@@ -969,11 +991,11 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
|
|
|
969
991
|
}, React__default.createElement(_.CircularProgress, {
|
|
970
992
|
className: "circular-progress-main-color"
|
|
971
993
|
}))), props.rows && props.rows.length > 0 ? props.rows.map(function (row, index) {
|
|
972
|
-
var _props$
|
|
994
|
+
var _props$isCheckTable17;
|
|
973
995
|
|
|
974
996
|
var key = props.rows[index + 1] && props.rows[index + 1].id === row.id ? index : row.id;
|
|
975
997
|
var rowColor = props.rowsColorColumn && ObjectbyString(row, props.rowsColorColumn.columnName) === props.rowsColorColumn.columnValue ? "row-color-" + props.rowsColorColumn.columnValue : '';
|
|
976
|
-
var isRowSelected = ((_props$
|
|
998
|
+
var isRowSelected = ((_props$isCheckTable17 = props.isCheckTable) == null ? void 0 : _props$isCheckTable17.rowsChecked) && isSelected(row.id);
|
|
977
999
|
return React__default.createElement(_.TableRow, {
|
|
978
1000
|
className: "table-rows " + rowColor + " " + (props.onClickRow ? 'row-click' : ''),
|
|
979
1001
|
role: "checkbox",
|
|
@@ -1034,9 +1056,9 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
|
|
|
1034
1056
|
'aria-labelledby': row.id
|
|
1035
1057
|
},
|
|
1036
1058
|
onChange: function onChange(event) {
|
|
1037
|
-
var _props$
|
|
1059
|
+
var _props$isCheckTable18;
|
|
1038
1060
|
|
|
1039
|
-
return (_props$
|
|
1061
|
+
return (_props$isCheckTable18 = props.isCheckTable) != null && _props$isCheckTable18.onCheckedAction ? onCheckAction(event, row.id) : onCheckSingleAction(event, row.id);
|
|
1040
1062
|
}
|
|
1041
1063
|
})) : column.isEditableTableCell ? EditableTableCell(row, value, column.id, column.isEditableTableCell) : column.enumColumn ? React__default.createElement(_.Box, {
|
|
1042
1064
|
className: (column.enumColumn.hasColor ? (column.enumColumn.enumSuffix ? value.toLowerCase() + "-" + column.enumColumn.enumSuffix.toLowerCase() : value.toString().toLowerCase()) + "-type-color" : '') + " format-value"
|
|
@@ -1052,8 +1074,8 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
|
|
|
1052
1074
|
}, React__default.createElement(_.Box, null, props.values.NO_RESULTS_FOUND))) : React__default.createElement(_.TableRow, null))))));
|
|
1053
1075
|
};
|
|
1054
1076
|
|
|
1055
|
-
var css_248z$
|
|
1056
|
-
styleInject(css_248z$
|
|
1077
|
+
var css_248z$7 = ".main-layout-simple {\n width: 100%;\n}\n.main-layout-simple .main-wrapper {\n width: 100%;\n min-height: 100vh;\n height: fit-content;\n position: relative;\n}";
|
|
1078
|
+
styleInject(css_248z$7);
|
|
1057
1079
|
|
|
1058
1080
|
var MainLayoutSimple = function MainLayoutSimple(props) {
|
|
1059
1081
|
return React__default.createElement(_.Box, {
|
|
@@ -1219,8 +1241,8 @@ var VerticalNavItemCollapse = function VerticalNavItemCollapse(props) {
|
|
|
1219
1241
|
|
|
1220
1242
|
var VerticalNavItemCollapse$1 = /*#__PURE__*/React__default.memo(VerticalNavItemCollapse);
|
|
1221
1243
|
|
|
1222
|
-
var css_248z$
|
|
1223
|
-
styleInject(css_248z$
|
|
1244
|
+
var css_248z$8 = ".vertical-navigation {\n background: transparent;\n color: white;\n}\n.vertical-navigation .nav-item {\n cursor: pointer;\n}\n.vertical-navigation .nav-item svg {\n font-size: 28px;\n}\n.vertical-navigation .nav-item {\n padding: 12px;\n}\n.vertical-navigation .nav-item:hover {\n background-color: #333f54;\n}\n.vertical-navigation .active .nav-item {\n background-color: #3299C7;\n border-radius: 0 25px 25px 0;\n margin-right: 16px;\n}\n.vertical-navigation .active .nav-item .nav-item-text {\n color: white !important;\n}\n.vertical-navigation .active .nav-item:hover {\n color: white !important;\n}\n.vertical-navigation .active .nav-item:hover .nav-item-text {\n color: white !important;\n}\n.vertical-navigation .nav-item-collapse .active {\n background-color: #333f54;\n}\n.vertical-navigation .nav-item-collapse .active .nav-item-text {\n color: white !important;\n}\n.vertical-navigation .nav-item-collapse .active:hover {\n color: white !important;\n}\n.vertical-navigation .nav-item-collapse .active:hover .nav-item-text {\n color: white !important;\n}\n.vertical-navigation .nav-item-collapse .open {\n background-color: #333f54;\n color: white !important;\n}\n.vertical-navigation .nav-item-collapse .open .nav-item-text {\n color: white !important;\n}\n.vertical-navigation .nav-item-collapse .collapse-children {\n background-color: #39465e;\n}\n.vertical-navigation .nav-item-collapse .collapse-children .nav-item-text {\n padding-left: 16px;\n padding-right: 16px;\n}";
|
|
1245
|
+
styleInject(css_248z$8);
|
|
1224
1246
|
|
|
1225
1247
|
(function (NavigationType) {
|
|
1226
1248
|
NavigationType[NavigationType["Item"] = 0] = "Item";
|
|
@@ -1250,8 +1272,8 @@ var VerticalNav = function VerticalNav(props) {
|
|
|
1250
1272
|
}));
|
|
1251
1273
|
};
|
|
1252
1274
|
|
|
1253
|
-
var css_248z$
|
|
1254
|
-
styleInject(css_248z$
|
|
1275
|
+
var css_248z$9 = ".user-info svg {\n font-size: 28px !important;\n}";
|
|
1276
|
+
styleInject(css_248z$9);
|
|
1255
1277
|
|
|
1256
1278
|
var UserInfo = function UserInfo(props) {
|
|
1257
1279
|
var _React$useState = React__default.useState(null),
|
|
@@ -1303,8 +1325,8 @@ var UserInfo = function UserInfo(props) {
|
|
|
1303
1325
|
}))))));
|
|
1304
1326
|
};
|
|
1305
1327
|
|
|
1306
|
-
var css_248z$
|
|
1307
|
-
styleInject(css_248z$
|
|
1328
|
+
var css_248z$a = ".app-sidebar {\n width: 17rem;\n background-color: #3f4d67;\n box-shadow: 1px 0 20px 0 #3f4d67;\n z-index: 1029;\n color: white;\n}";
|
|
1329
|
+
styleInject(css_248z$a);
|
|
1308
1330
|
|
|
1309
1331
|
var AppSidebar = function AppSidebar(props) {
|
|
1310
1332
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(material.Drawer, {
|
|
@@ -1361,8 +1383,8 @@ var AppSidebar = function AppSidebar(props) {
|
|
|
1361
1383
|
}, props.footerComponents))))));
|
|
1362
1384
|
};
|
|
1363
1385
|
|
|
1364
|
-
var css_248z$
|
|
1365
|
-
styleInject(css_248z$
|
|
1386
|
+
var css_248z$b = ".drawer-sidebar {\n width: 17rem;\n background-color: #3f4d67;\n box-shadow: 1px 0 20px 0 #3f4d67;\n z-index: 1029;\n color: white;\n}";
|
|
1387
|
+
styleInject(css_248z$b);
|
|
1366
1388
|
|
|
1367
1389
|
var DrawerSidebar = function DrawerSidebar(props) {
|
|
1368
1390
|
return React__default.createElement(material.Drawer, {
|
|
@@ -1388,8 +1410,8 @@ var DrawerSidebar = function DrawerSidebar(props) {
|
|
|
1388
1410
|
}, props.footerComponents))));
|
|
1389
1411
|
};
|
|
1390
1412
|
|
|
1391
|
-
var css_248z$
|
|
1392
|
-
styleInject(css_248z$
|
|
1413
|
+
var css_248z$c = ".app-bar {\n background-color: white !important;\n border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n color: black !important;\n}\n.app-bar .header-logo {\n max-height: 59px;\n height: 100%;\n min-height: 56px;\n width: 100%;\n}\n.app-bar img {\n max-height: 59px;\n height: 100%;\n min-height: 56px;\n width: 100%;\n}";
|
|
1414
|
+
styleInject(css_248z$c);
|
|
1393
1415
|
|
|
1394
1416
|
var AppHeader = function AppHeader(props) {
|
|
1395
1417
|
return React__default.createElement(material.AppBar, {
|
|
@@ -1411,8 +1433,8 @@ var AppHeader = function AppHeader(props) {
|
|
|
1411
1433
|
}, React__default.createElement(MenuIcon, null)), props.children));
|
|
1412
1434
|
};
|
|
1413
1435
|
|
|
1414
|
-
var css_248z$
|
|
1415
|
-
styleInject(css_248z$
|
|
1436
|
+
var css_248z$d = ".MuiButton-root {\n width: auto;\n padding: 0.8rem 1rem !important;\n text-transform: inherit !important;\n line-height: inherit !important;\n box-shadow: none !important;\n font-size: 1rem !important;\n background-color: #3299C7;\n}\n.MuiButton-root.btn-login {\n width: 100%;\n}\n.MuiButton-root.btn-reverse-color {\n border: 1px solid #3299C7;\n color: #3299C7;\n background-color: white !important;\n}\n.MuiButton-root.btn-modal-cancel {\n background-color: #666666 !important;\n}\n.MuiButton-root.btn-modal-cancel.Mui-disabled {\n background-color: #666666c4 !important;\n color: #030303b4 !important;\n}\n.MuiButton-root:hover {\n box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;\n}\n.MuiButton-root .MuiCircularProgress-root {\n color: white;\n}\n.MuiButton-root .MuiButton-label .MuiCircularProgress-root {\n color: white;\n}\n.MuiButton-root .MuiButton-startIcon svg {\n font-size: 20px !important;\n}\n.MuiButton-root .MuiButton-endIcon svg {\n font-size: 20px !important;\n}";
|
|
1437
|
+
styleInject(css_248z$d);
|
|
1416
1438
|
|
|
1417
1439
|
var ButtonComponent = function ButtonComponent(props) {
|
|
1418
1440
|
return React__default.createElement(_.Button, {
|
|
@@ -1434,8 +1456,8 @@ ButtonComponent.defaultProps = {
|
|
|
1434
1456
|
component: 'button'
|
|
1435
1457
|
};
|
|
1436
1458
|
|
|
1437
|
-
var css_248z$
|
|
1438
|
-
styleInject(css_248z$
|
|
1459
|
+
var css_248z$e = ".text-simple-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-simple-component .MuiFormLabel-root + .text-simple-box.no-border {\n margin-top: 16px !important;\n}\n.text-simple-component .MuiFormLabel-root + .text-simple-box.no-margin.no-border {\n margin-top: 7px !important;\n}\n.text-simple-component .text-simple-box.no-border {\n border: none !important;\n padding: 0 !important;\n}\n.text-simple-component .text-simple-box {\n color: #666666 !important;\n font-size: 1rem;\n border: 1px solid grey;\n padding: 0.868rem;\n border-radius: 3px !important;\n}\n.text-simple-component .helper-text {\n font-size: 0.85rem !important;\n padding: 0 !important;\n margin-top: 3px;\n line-height: 1.66;\n color: #666666 !important;\n letter-spacing: 0.03333em;\n}\n.text-simple-component .has-error-border {\n border-color: #F24726 !important;\n}\n.text-simple-component .has-error {\n color: #F24726 !important;\n}";
|
|
1460
|
+
styleInject(css_248z$e);
|
|
1439
1461
|
|
|
1440
1462
|
var TextSimpleComponent = function TextSimpleComponent(props) {
|
|
1441
1463
|
return React__default.createElement(_.Box, {
|
|
@@ -1443,7 +1465,7 @@ var TextSimpleComponent = function TextSimpleComponent(props) {
|
|
|
1443
1465
|
display: "flex",
|
|
1444
1466
|
flexDirection: "column"
|
|
1445
1467
|
}, props.label && React__default.createElement(_.FormLabel, null, props.label), React__default.createElement(_.Box, {
|
|
1446
|
-
display: "flex
|
|
1468
|
+
display: "" + (props.startIcon || props.endIcon ? 'flex' : 'block'),
|
|
1447
1469
|
alignItems: "center",
|
|
1448
1470
|
className: "text-simple-box " + (props.className ? props.className : '') + " " + (props.noMargin ? 'no-margin' : '') + " " + (props.noBorders ? 'no-border' : '') + " " + (props.error ? 'has-error-border' : ''),
|
|
1449
1471
|
width: "" + (props.fullWidth ? 'auto' : 'fit-content')
|
|
@@ -1459,8 +1481,8 @@ TextSimpleComponent.defaultProps = {
|
|
|
1459
1481
|
noBorders: true
|
|
1460
1482
|
};
|
|
1461
1483
|
|
|
1462
|
-
var css_248z$
|
|
1463
|
-
styleInject(css_248z$
|
|
1484
|
+
var css_248z$f = ".select-field .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.select-field .select {\n font-size: 1rem;\n}\n.select-field .select__menu {\n z-index: 3 !important;\n background-color: white;\n}\n.select-field .select__control {\n cursor: pointer;\n border: 1px solid grey;\n border-radius: 5px !important;\n padding: 0.33rem 0.2rem;\n font-size: 1rem;\n color: grey !important;\n background-color: transparent;\n}\n.select-field .select__option {\n cursor: pointer;\n color: #666666 !important;\n background-color: white !important;\n}\n.select-field .select__option--is-focused {\n background-color: rgba(0, 0, 0, 0.04) !important;\n color: #666666 !important;\n}\n.select-field .select__option--is-selected {\n color: white !important;\n}\n.select-field .select__indicator {\n color: grey !important;\n}\n.select-field .select__indicator:hover {\n color: black !important;\n}\n.select-field .select__placeholder {\n text-overflow: ellipsis !important;\n color: #666666 !important;\n opacity: 1;\n}\n.select-field .select__single-value {\n color: #666666 !important;\n}\n.select-field .select__multi-value__label {\n color: #666666 !important;\n font-size: 1rem;\n}\n.select-field .select__control--is-focused {\n border-color: grey !important;\n box-shadow: none !important;\n}\n.select-field .helper-text {\n font-size: 0.85rem !important;\n padding: 0 !important;\n margin-top: 3px;\n line-height: 1.66;\n color: #666666 !important;\n letter-spacing: 0.03333em;\n}\n.select-field .has-error {\n color: #F24726 !important;\n}\n.select-field .has-error .select__control {\n border: 1px #F24726 solid !important;\n}\n.select-field .has-error .select__control--is-focused {\n border-color: #F24726 !important;\n box-shadow: 0 0 0 1px #F24726;\n}";
|
|
1485
|
+
styleInject(css_248z$f);
|
|
1464
1486
|
|
|
1465
1487
|
var SelectField = function SelectField(props) {
|
|
1466
1488
|
return React__default.createElement(_.Box, {
|
|
@@ -2306,7 +2328,7 @@ var SelectAsyncField = function SelectAsyncField(props) {
|
|
|
2306
2328
|
|
|
2307
2329
|
var loadOptions = /*#__PURE__*/function () {
|
|
2308
2330
|
var _ref = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(search, _loadedOptions, additional) {
|
|
2309
|
-
var newFilters, result, filtersPage;
|
|
2331
|
+
var newFilters, result, filtersPage, items, totalCount;
|
|
2310
2332
|
return runtime_1.wrap(function _callee$(_context) {
|
|
2311
2333
|
while (1) {
|
|
2312
2334
|
switch (_context.prev = _context.next) {
|
|
@@ -2324,20 +2346,22 @@ var SelectAsyncField = function SelectAsyncField(props) {
|
|
|
2324
2346
|
result = _context.sent;
|
|
2325
2347
|
filtersPage = 1;
|
|
2326
2348
|
if (filters.page) filtersPage = filters.page;
|
|
2349
|
+
items = Array.isArray(result) ? result : result.items;
|
|
2350
|
+
totalCount = Array.isArray(result) ? result.length : result.totalCount;
|
|
2327
2351
|
return _context.abrupt("return", {
|
|
2328
|
-
options:
|
|
2352
|
+
options: items.map(function (r) {
|
|
2329
2353
|
return {
|
|
2330
2354
|
value: r.id,
|
|
2331
2355
|
label: r.name
|
|
2332
2356
|
};
|
|
2333
2357
|
}),
|
|
2334
|
-
hasMore:
|
|
2358
|
+
hasMore: items.length * filtersPage < totalCount,
|
|
2335
2359
|
additional: {
|
|
2336
2360
|
page: newFilters.page
|
|
2337
2361
|
}
|
|
2338
2362
|
});
|
|
2339
2363
|
|
|
2340
|
-
case
|
|
2364
|
+
case 14:
|
|
2341
2365
|
case "end":
|
|
2342
2366
|
return _context.stop();
|
|
2343
2367
|
}
|
|
@@ -2473,15 +2497,13 @@ var LoginForm = function LoginForm(props) {
|
|
|
2473
2497
|
});
|
|
2474
2498
|
}
|
|
2475
2499
|
})))), React__default.createElement(material.Box, {
|
|
2476
|
-
mb:
|
|
2500
|
+
mb: 4
|
|
2477
2501
|
}, React__default.createElement(ButtonComponent, {
|
|
2478
2502
|
label: props.valuesText.buttonText,
|
|
2479
2503
|
loading: props.loading,
|
|
2480
2504
|
className: "btn-login",
|
|
2481
2505
|
onClick: handleSubmit(props.onClick)
|
|
2482
|
-
})), props.bottomComponent && React__default.createElement(material.Box,
|
|
2483
|
-
m: 2
|
|
2484
|
-
}, props.bottomComponent));
|
|
2506
|
+
})), props.bottomComponent && React__default.createElement(material.Box, null, props.bottomComponent));
|
|
2485
2507
|
};
|
|
2486
2508
|
|
|
2487
2509
|
var ChangePasswordForm = function ChangePasswordForm(props) {
|
|
@@ -2511,10 +2533,12 @@ var ChangePasswordForm = function ChangePasswordForm(props) {
|
|
|
2511
2533
|
event.preventDefault();
|
|
2512
2534
|
};
|
|
2513
2535
|
|
|
2514
|
-
return React__default.createElement(_.Box,
|
|
2536
|
+
return React__default.createElement(_.Box, {
|
|
2515
2537
|
m: 2
|
|
2516
|
-
}, props.topComponent
|
|
2538
|
+
}, props.topComponent && React__default.createElement(_.Box, {
|
|
2517
2539
|
m: 2
|
|
2540
|
+
}, props.topComponent), React__default.createElement(_.Box, {
|
|
2541
|
+
my: 2
|
|
2518
2542
|
}, React__default.createElement(_.Grid, {
|
|
2519
2543
|
container: true,
|
|
2520
2544
|
direction: "column",
|
|
@@ -2582,15 +2606,13 @@ var ChangePasswordForm = function ChangePasswordForm(props) {
|
|
|
2582
2606
|
});
|
|
2583
2607
|
}
|
|
2584
2608
|
})))), React__default.createElement(_.Box, {
|
|
2585
|
-
|
|
2609
|
+
mb: 4
|
|
2586
2610
|
}, React__default.createElement(ButtonComponent, {
|
|
2587
2611
|
label: props.valuesText.buttonText,
|
|
2588
2612
|
className: "btn-login",
|
|
2589
2613
|
onClick: handleSubmit(props.onClick),
|
|
2590
2614
|
loading: props.loading
|
|
2591
|
-
})), props.bottomComponent && React__default.createElement(_.Box,
|
|
2592
|
-
m: 2
|
|
2593
|
-
}, props.bottomComponent));
|
|
2615
|
+
})), props.bottomComponent && React__default.createElement(_.Box, null, props.bottomComponent));
|
|
2594
2616
|
};
|
|
2595
2617
|
|
|
2596
2618
|
var ResetPasswordForm = function ResetPasswordForm(props) {
|
|
@@ -2610,7 +2632,6 @@ var ResetPasswordForm = function ResetPasswordForm(props) {
|
|
|
2610
2632
|
}, props.topComponent && React__default.createElement(material.Box, {
|
|
2611
2633
|
m: 2
|
|
2612
2634
|
}, props.topComponent), React__default.createElement(material.Box, {
|
|
2613
|
-
mx: 2,
|
|
2614
2635
|
my: 2
|
|
2615
2636
|
}, React__default.createElement(reactHookForm.Controller, {
|
|
2616
2637
|
control: control,
|
|
@@ -2636,16 +2657,13 @@ var ResetPasswordForm = function ResetPasswordForm(props) {
|
|
|
2636
2657
|
});
|
|
2637
2658
|
}
|
|
2638
2659
|
})), React__default.createElement(material.Box, {
|
|
2639
|
-
|
|
2640
|
-
mb: 5
|
|
2660
|
+
mb: 4
|
|
2641
2661
|
}, React__default.createElement(ButtonComponent, {
|
|
2642
2662
|
label: props.valuesText.buttonText,
|
|
2643
2663
|
className: "btn-login",
|
|
2644
2664
|
onClick: handleSubmit(props.onClick),
|
|
2645
2665
|
loading: props.loading
|
|
2646
|
-
})), props.bottomComponent && React__default.createElement(material.Box,
|
|
2647
|
-
m: 2
|
|
2648
|
-
}, props.bottomComponent));
|
|
2666
|
+
})), props.bottomComponent && React__default.createElement(material.Box, null, props.bottomComponent));
|
|
2649
2667
|
};
|
|
2650
2668
|
|
|
2651
2669
|
var ModalComponent = function ModalComponent(props) {
|
|
@@ -2699,8 +2717,8 @@ ModalComponent.defaultProps = {
|
|
|
2699
2717
|
dividers: true
|
|
2700
2718
|
};
|
|
2701
2719
|
|
|
2702
|
-
var css_248z$
|
|
2703
|
-
styleInject(css_248z$
|
|
2720
|
+
var css_248z$g = ".tabs-component .Mui-selected {\n color: white !important;\n border: none !important;\n background-color: #3299C7;\n}\n.tabs-component .MuiTabs-indicator {\n display: none;\n}\n.tabs-component .MuiTab-root {\n margin: 2px 2px 0px;\n border: 1px solid #00000038;\n border-bottom: none;\n border-radius: 5% 5% 0% 0%;\n color: rgba(0, 0, 0, 0.54);\n}\n.tabs-component .MuiTabPanel-root {\n border: 1px solid #00000038;\n margin: 0px 2px 0px;\n border-radius: 0% 5px 5px 5px;\n}";
|
|
2721
|
+
styleInject(css_248z$g);
|
|
2704
2722
|
|
|
2705
2723
|
var TabsComponent = function TabsComponent(props) {
|
|
2706
2724
|
var _React$useState = React__default.useState(props.tabActive.toString()),
|
|
@@ -2721,6 +2739,9 @@ var TabsComponent = function TabsComponent(props) {
|
|
|
2721
2739
|
return a.value - b.value;
|
|
2722
2740
|
}).map(function (tabLabel) {
|
|
2723
2741
|
return React__default.createElement(material.Tab, {
|
|
2742
|
+
classes: {
|
|
2743
|
+
selected: 'main-background-color'
|
|
2744
|
+
},
|
|
2724
2745
|
key: tabLabel.value,
|
|
2725
2746
|
label: tabLabel.label,
|
|
2726
2747
|
value: tabLabel.value.toString()
|
|
@@ -2740,6 +2761,7 @@ exports.AppSidebar = AppSidebar;
|
|
|
2740
2761
|
exports.ButtonComponent = ButtonComponent;
|
|
2741
2762
|
exports.ChangePasswordForm = ChangePasswordForm;
|
|
2742
2763
|
exports.DrawerSidebar = DrawerSidebar;
|
|
2764
|
+
exports.LinearProgressComponent = LinearProgressComponent;
|
|
2743
2765
|
exports.LoginForm = LoginForm;
|
|
2744
2766
|
exports.MainLayoutSimple = MainLayoutSimple;
|
|
2745
2767
|
exports.MainWrapperComponent = MainWrapperComponent;
|