techsbcn-storybook 0.12.3 → 0.12.4
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/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 +47 -33
- 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 +48 -35
- package/dist/techsbcn-storybook.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/fields/SelectFieldComponent/SelectAsyncField.tsx +4 -3
- 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/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 +3 -0
|
@@ -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],
|
|
@@ -725,8 +736,8 @@ TableComponent.defaultProps = {
|
|
|
725
736
|
showTotalCount: true
|
|
726
737
|
};
|
|
727
738
|
|
|
728
|
-
var css_248z$
|
|
729
|
-
styleInject(css_248z$
|
|
739
|
+
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}";
|
|
740
|
+
styleInject(css_248z$6);
|
|
730
741
|
|
|
731
742
|
var SimpleTableComponent = function SimpleTableComponent(props) {
|
|
732
743
|
var _props$isCheckTable10, _props$isCheckTable11, _props$isCheckTable12;
|
|
@@ -1052,8 +1063,8 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
|
|
|
1052
1063
|
}, React__default.createElement(_.Box, null, props.values.NO_RESULTS_FOUND))) : React__default.createElement(_.TableRow, null))))));
|
|
1053
1064
|
};
|
|
1054
1065
|
|
|
1055
|
-
var css_248z$
|
|
1056
|
-
styleInject(css_248z$
|
|
1066
|
+
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}";
|
|
1067
|
+
styleInject(css_248z$7);
|
|
1057
1068
|
|
|
1058
1069
|
var MainLayoutSimple = function MainLayoutSimple(props) {
|
|
1059
1070
|
return React__default.createElement(_.Box, {
|
|
@@ -1219,8 +1230,8 @@ var VerticalNavItemCollapse = function VerticalNavItemCollapse(props) {
|
|
|
1219
1230
|
|
|
1220
1231
|
var VerticalNavItemCollapse$1 = /*#__PURE__*/React__default.memo(VerticalNavItemCollapse);
|
|
1221
1232
|
|
|
1222
|
-
var css_248z$
|
|
1223
|
-
styleInject(css_248z$
|
|
1233
|
+
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}";
|
|
1234
|
+
styleInject(css_248z$8);
|
|
1224
1235
|
|
|
1225
1236
|
(function (NavigationType) {
|
|
1226
1237
|
NavigationType[NavigationType["Item"] = 0] = "Item";
|
|
@@ -1250,8 +1261,8 @@ var VerticalNav = function VerticalNav(props) {
|
|
|
1250
1261
|
}));
|
|
1251
1262
|
};
|
|
1252
1263
|
|
|
1253
|
-
var css_248z$
|
|
1254
|
-
styleInject(css_248z$
|
|
1264
|
+
var css_248z$9 = ".user-info svg {\n font-size: 28px !important;\n}";
|
|
1265
|
+
styleInject(css_248z$9);
|
|
1255
1266
|
|
|
1256
1267
|
var UserInfo = function UserInfo(props) {
|
|
1257
1268
|
var _React$useState = React__default.useState(null),
|
|
@@ -1303,8 +1314,8 @@ var UserInfo = function UserInfo(props) {
|
|
|
1303
1314
|
}))))));
|
|
1304
1315
|
};
|
|
1305
1316
|
|
|
1306
|
-
var css_248z$
|
|
1307
|
-
styleInject(css_248z$
|
|
1317
|
+
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}";
|
|
1318
|
+
styleInject(css_248z$a);
|
|
1308
1319
|
|
|
1309
1320
|
var AppSidebar = function AppSidebar(props) {
|
|
1310
1321
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(material.Drawer, {
|
|
@@ -1361,8 +1372,8 @@ var AppSidebar = function AppSidebar(props) {
|
|
|
1361
1372
|
}, props.footerComponents))))));
|
|
1362
1373
|
};
|
|
1363
1374
|
|
|
1364
|
-
var css_248z$
|
|
1365
|
-
styleInject(css_248z$
|
|
1375
|
+
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}";
|
|
1376
|
+
styleInject(css_248z$b);
|
|
1366
1377
|
|
|
1367
1378
|
var DrawerSidebar = function DrawerSidebar(props) {
|
|
1368
1379
|
return React__default.createElement(material.Drawer, {
|
|
@@ -1388,8 +1399,8 @@ var DrawerSidebar = function DrawerSidebar(props) {
|
|
|
1388
1399
|
}, props.footerComponents))));
|
|
1389
1400
|
};
|
|
1390
1401
|
|
|
1391
|
-
var css_248z$
|
|
1392
|
-
styleInject(css_248z$
|
|
1402
|
+
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}";
|
|
1403
|
+
styleInject(css_248z$c);
|
|
1393
1404
|
|
|
1394
1405
|
var AppHeader = function AppHeader(props) {
|
|
1395
1406
|
return React__default.createElement(material.AppBar, {
|
|
@@ -1411,8 +1422,8 @@ var AppHeader = function AppHeader(props) {
|
|
|
1411
1422
|
}, React__default.createElement(MenuIcon, null)), props.children));
|
|
1412
1423
|
};
|
|
1413
1424
|
|
|
1414
|
-
var css_248z$
|
|
1415
|
-
styleInject(css_248z$
|
|
1425
|
+
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}";
|
|
1426
|
+
styleInject(css_248z$d);
|
|
1416
1427
|
|
|
1417
1428
|
var ButtonComponent = function ButtonComponent(props) {
|
|
1418
1429
|
return React__default.createElement(_.Button, {
|
|
@@ -1434,8 +1445,8 @@ ButtonComponent.defaultProps = {
|
|
|
1434
1445
|
component: 'button'
|
|
1435
1446
|
};
|
|
1436
1447
|
|
|
1437
|
-
var css_248z$
|
|
1438
|
-
styleInject(css_248z$
|
|
1448
|
+
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}";
|
|
1449
|
+
styleInject(css_248z$e);
|
|
1439
1450
|
|
|
1440
1451
|
var TextSimpleComponent = function TextSimpleComponent(props) {
|
|
1441
1452
|
return React__default.createElement(_.Box, {
|
|
@@ -1459,8 +1470,8 @@ TextSimpleComponent.defaultProps = {
|
|
|
1459
1470
|
noBorders: true
|
|
1460
1471
|
};
|
|
1461
1472
|
|
|
1462
|
-
var css_248z$
|
|
1463
|
-
styleInject(css_248z$
|
|
1473
|
+
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}";
|
|
1474
|
+
styleInject(css_248z$f);
|
|
1464
1475
|
|
|
1465
1476
|
var SelectField = function SelectField(props) {
|
|
1466
1477
|
return React__default.createElement(_.Box, {
|
|
@@ -2306,7 +2317,7 @@ var SelectAsyncField = function SelectAsyncField(props) {
|
|
|
2306
2317
|
|
|
2307
2318
|
var loadOptions = /*#__PURE__*/function () {
|
|
2308
2319
|
var _ref = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(search, _loadedOptions, additional) {
|
|
2309
|
-
var newFilters, result, filtersPage;
|
|
2320
|
+
var newFilters, result, filtersPage, items, totalCount;
|
|
2310
2321
|
return runtime_1.wrap(function _callee$(_context) {
|
|
2311
2322
|
while (1) {
|
|
2312
2323
|
switch (_context.prev = _context.next) {
|
|
@@ -2324,20 +2335,22 @@ var SelectAsyncField = function SelectAsyncField(props) {
|
|
|
2324
2335
|
result = _context.sent;
|
|
2325
2336
|
filtersPage = 1;
|
|
2326
2337
|
if (filters.page) filtersPage = filters.page;
|
|
2338
|
+
items = Array.isArray(result) ? result : result.items;
|
|
2339
|
+
totalCount = Array.isArray(result) ? result.length : result.totalCount;
|
|
2327
2340
|
return _context.abrupt("return", {
|
|
2328
|
-
options:
|
|
2341
|
+
options: items.map(function (r) {
|
|
2329
2342
|
return {
|
|
2330
2343
|
value: r.id,
|
|
2331
2344
|
label: r.name
|
|
2332
2345
|
};
|
|
2333
2346
|
}),
|
|
2334
|
-
hasMore:
|
|
2347
|
+
hasMore: items.length * filtersPage < totalCount,
|
|
2335
2348
|
additional: {
|
|
2336
2349
|
page: newFilters.page
|
|
2337
2350
|
}
|
|
2338
2351
|
});
|
|
2339
2352
|
|
|
2340
|
-
case
|
|
2353
|
+
case 14:
|
|
2341
2354
|
case "end":
|
|
2342
2355
|
return _context.stop();
|
|
2343
2356
|
}
|
|
@@ -2699,8 +2712,8 @@ ModalComponent.defaultProps = {
|
|
|
2699
2712
|
dividers: true
|
|
2700
2713
|
};
|
|
2701
2714
|
|
|
2702
|
-
var css_248z$
|
|
2703
|
-
styleInject(css_248z$
|
|
2715
|
+
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}";
|
|
2716
|
+
styleInject(css_248z$g);
|
|
2704
2717
|
|
|
2705
2718
|
var TabsComponent = function TabsComponent(props) {
|
|
2706
2719
|
var _React$useState = React__default.useState(props.tabActive.toString()),
|
|
@@ -2740,6 +2753,7 @@ exports.AppSidebar = AppSidebar;
|
|
|
2740
2753
|
exports.ButtonComponent = ButtonComponent;
|
|
2741
2754
|
exports.ChangePasswordForm = ChangePasswordForm;
|
|
2742
2755
|
exports.DrawerSidebar = DrawerSidebar;
|
|
2756
|
+
exports.LinearProgressComponent = LinearProgressComponent;
|
|
2743
2757
|
exports.LoginForm = LoginForm;
|
|
2744
2758
|
exports.MainLayoutSimple = MainLayoutSimple;
|
|
2745
2759
|
exports.MainWrapperComponent = MainWrapperComponent;
|