@agilemotion/oui-react-js 1.2.6 → 1.2.8
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/ApplicationContext.js +244 -250
- package/dist/BasicApp.js +53 -97
- package/dist/BasicAppHome.js +86 -122
- package/dist/DynamicJS.js +65 -88
- package/dist/RestUtils.js +284 -315
- package/dist/TypedValue.js +15 -18
- package/dist/Utils.js +224 -262
- package/dist/assets/jss/components/authNavbarStyle.js +162 -164
- package/dist/assets/jss/components/buttonStyle.js +1 -1
- package/dist/assets/jss/components/cardAvatarStyle.js +1 -1
- package/dist/assets/jss/components/cardBodyStyle.js +1 -1
- package/dist/assets/jss/components/cardFooterStyle.js +1 -1
- package/dist/assets/jss/components/cardHeaderStyle.js +1 -1
- package/dist/assets/jss/components/cardIconStyle.js +1 -1
- package/dist/assets/jss/components/cardStyle.js +1 -1
- package/dist/assets/jss/components/cardTextStyle.js +1 -1
- package/dist/assets/jss/components/customDropdownStyle.js +192 -194
- package/dist/assets/jss/components/customInputStyle.js +1 -1
- package/dist/assets/jss/components/dropdownStyle.js +107 -109
- package/dist/assets/jss/components/footerStyle.js +1 -1
- package/dist/assets/jss/components/headerLinksStyle.js +95 -97
- package/dist/assets/jss/components/headerStyle.js +60 -62
- package/dist/assets/jss/components/navbarLinksStyle.js +137 -139
- package/dist/assets/jss/components/navbarStyle.js +71 -73
- package/dist/assets/jss/components/sidebarStyle.js +453 -455
- package/dist/assets/jss/components/typographyStyle.js +1 -1
- package/dist/assets/jss/rootStyle.js +57 -57
- package/dist/assets/jss/views/layoutStyle.js +42 -44
- package/dist/assets/jss/views/loginBasicStyle.js +1 -1
- package/dist/assets/jss/views/loginStyle.js +87 -89
- package/dist/components/AlertBar.js +21 -23
- package/dist/components/AlertItem.js +23 -25
- package/dist/components/AlertTemplate.js +29 -30
- package/dist/components/Button.js +35 -37
- package/dist/components/ConfirmationDialog.js +3 -3
- package/dist/components/DataGrid.js +250 -276
- package/dist/components/DataGridColumn.js +34 -36
- package/dist/components/DataGridFilter.js +92 -94
- package/dist/components/DataGridHeading.js +32 -38
- package/dist/components/DocumentViewer.js +12 -11
- package/dist/components/Graph.js +34 -50
- package/dist/components/GraphNode.js +53 -56
- package/dist/components/HtmlPanel.js +6 -8
- package/dist/components/Icon.js +28 -58
- package/dist/components/LoadingIndicator.js +2 -2
- package/dist/components/PopupView.js +15 -17
- package/dist/components/RegularButton.js +20 -20
- package/dist/components/TabPage.js +23 -25
- package/dist/components/TabPanel.js +34 -34
- package/dist/components/TableCellContent.js +34 -34
- package/dist/components/TitleBar.js +16 -16
- package/dist/components/Toolbar.js +112 -118
- package/dist/components/Tooltip.js +35 -43
- package/dist/components/Tree.js +54 -60
- package/dist/components/card/Card.js +17 -17
- package/dist/components/card/CardAvatar.js +10 -10
- package/dist/components/card/CardBody.js +14 -14
- package/dist/components/card/CardFooter.js +13 -13
- package/dist/components/card/CardHeader.js +14 -14
- package/dist/components/card/CardIcon.js +7 -7
- package/dist/components/card/CardText.js +7 -7
- package/dist/components/customInput/CustomInput.js +17 -17
- package/dist/components/dashboard/BasicApp.js +25 -25
- package/dist/components/dashboard/BasicBusinessApp.js +116 -119
- package/dist/components/dashboard/components/Header.js +11 -11
- package/dist/components/dashboard/components/LeftDrawer.js +3 -3
- package/dist/components/dashboard/components/UserIdentity.js +2 -2
- package/dist/components/dashboard/components/blackDashboard/fixedPlugin/FixedPlugin.js +85 -127
- package/dist/components/dashboard/components/blackDashboard/sidebar/Sidebar.js +151 -191
- package/dist/components/footer/Footer.js +8 -8
- package/dist/components/footer/HomeFooter.js +34 -66
- package/dist/components/form/BaseField.js +78 -78
- package/dist/components/form/Checkbox.js +8 -10
- package/dist/components/form/DatePicker.js +15 -19
- package/dist/components/form/FieldSet.js +62 -88
- package/dist/components/form/Form.js +317 -318
- package/dist/components/form/GridField.js +81 -86
- package/dist/components/form/LabelField.js +10 -12
- package/dist/components/form/LookupField.js +40 -42
- package/dist/components/form/Section.js +37 -39
- package/dist/components/form/SelectItem.js +35 -39
- package/dist/components/form/TextField.js +18 -22
- package/dist/components/form/TimePicker.js +15 -19
- package/dist/components/form/TransferList.js +83 -91
- package/dist/components/form/UploadField.js +135 -145
- package/dist/components/grid/GridContainer.js +6 -6
- package/dist/components/grid/GridItem.js +6 -6
- package/dist/components/layout/CollapsiblePanel.js +18 -20
- package/dist/components/layout/Layout.js +70 -72
- package/dist/components/layout/View.js +134 -136
- package/dist/components/layout/ViewPort.js +56 -98
- package/dist/components/menu/CollapsibleMenu.js +26 -28
- package/dist/components/menu/MenuBars.js +53 -59
- package/dist/components/menu/MenuButton.js +70 -77
- package/dist/components/menu/MenuItem.js +15 -17
- package/dist/components/menu/MenuLink.js +9 -11
- package/dist/components/menu/PopupMenu.js +12 -16
- package/dist/components/navbars/AuthNavbar.js +12 -12
- package/dist/components/navbars/HomeNavbar.js +175 -222
- package/dist/components/navbars/NavbarLinks.js +45 -46
- package/dist/components/typography/Danger.js +3 -3
- package/dist/components/typography/Info.js +3 -3
- package/dist/components/typography/Link.js +3 -3
- package/dist/event/ActionHandlers.js +43 -57
- package/dist/event/Event.js +13 -16
- package/dist/event/EventListener.js +36 -39
- package/dist/event/EventType.js +1 -5
- package/dist/event/LoadDataActionHandler.js +8 -20
- package/dist/event/Observable.js +162 -198
- package/dist/event/RouteActionHandler.js +76 -88
- package/dist/event/ScriptActionHandler.js +8 -20
- package/dist/event/ServiceCallActionHandler.js +28 -40
- package/dist/event/SignalGraphActionHandler.js +7 -19
- package/dist/js/Addresses.js +15 -27
- package/dist/js/DynamicLib.js +11 -14
- package/dist/js/Validators.js +5 -6
- package/dist/redux/store/ConfigureStore.js +6 -6
- package/dist/redux/store/DashboardStore.js +83 -95
- package/dist/redux/store/History.js +1 -1
- package/dist/redux/store/SecurityStore.js +41 -45
- package/dist/security/TokenManager.js +30 -44
- package/dist/theme-default.js +1 -1
- package/dist/view/Dashboard.js +108 -114
- package/dist/view/Settings.js +2 -4
- package/dist/view/security/ChangePasswordBasic.js +96 -100
- package/dist/view/security/ForgotPassword.js +52 -56
- package/dist/view/security/ForgotPasswordBasic.js +48 -54
- package/dist/view/security/Login.js +58 -62
- package/dist/view/security/LoginBasic.js +50 -54
- package/dist/view/security/ResetPassword.js +58 -62
- package/dist/view/security/ResetPasswordBasic.js +89 -93
- package/dist/view/security/Security.js +12 -12
- package/package.json +1 -1
|
@@ -23,27 +23,27 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
23
23
|
|
|
24
24
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
const useStyles = (0, _styles.makeStyles)(_cardStyle.default);
|
|
27
27
|
|
|
28
28
|
function Card(props) {
|
|
29
|
-
|
|
29
|
+
const classes = useStyles();
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
31
|
+
const className = props.className,
|
|
32
|
+
children = props.children,
|
|
33
|
+
plain = props.plain,
|
|
34
|
+
profile = props.profile,
|
|
35
|
+
blog = props.blog,
|
|
36
|
+
raised = props.raised,
|
|
37
|
+
background = props.background,
|
|
38
|
+
pricing = props.pricing,
|
|
39
|
+
color = props.color,
|
|
40
|
+
product = props.product,
|
|
41
|
+
testimonial = props.testimonial,
|
|
42
|
+
chart = props.chart,
|
|
43
|
+
login = props.login,
|
|
44
|
+
rest = _objectWithoutProperties(props, ["className", "children", "plain", "profile", "blog", "raised", "background", "pricing", "color", "product", "testimonial", "chart", "login"]);
|
|
45
45
|
|
|
46
|
-
|
|
46
|
+
const cardClasses = (0, _classnames.default)({
|
|
47
47
|
[classes.card]: true,
|
|
48
48
|
[classes.cardPlain]: plain,
|
|
49
49
|
[classes.cardProfile]: profile || testimonial,
|
|
@@ -23,20 +23,20 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
23
23
|
|
|
24
24
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
const useStyles = (0, _styles.makeStyles)(_cardAvatarStyle.default);
|
|
27
27
|
|
|
28
28
|
function CardAvatar(props) {
|
|
29
|
-
|
|
29
|
+
const classes = useStyles();
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
31
|
+
const children = props.children,
|
|
32
|
+
className = props.className,
|
|
33
|
+
plain = props.plain,
|
|
34
|
+
profile = props.profile,
|
|
35
|
+
testimonial = props.testimonial,
|
|
36
|
+
testimonialFooter = props.testimonialFooter,
|
|
37
|
+
rest = _objectWithoutProperties(props, ["children", "className", "plain", "profile", "testimonial", "testimonialFooter"]);
|
|
38
38
|
|
|
39
|
-
|
|
39
|
+
const cardAvatarClasses = (0, _classnames.default)({
|
|
40
40
|
[classes.cardAvatar]: true,
|
|
41
41
|
[classes.cardAvatarProfile]: profile,
|
|
42
42
|
[classes.cardAvatarPlain]: plain,
|
|
@@ -23,24 +23,24 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
23
23
|
|
|
24
24
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
const useStyles = (0, _styles.makeStyles)(_cardBodyStyle.default);
|
|
27
27
|
|
|
28
28
|
function CardBody(props) {
|
|
29
|
-
|
|
29
|
+
const classes = useStyles();
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
31
|
+
const className = props.className,
|
|
32
|
+
children = props.children,
|
|
33
|
+
background = props.background,
|
|
34
|
+
plain = props.plain,
|
|
35
|
+
formHorizontal = props.formHorizontal,
|
|
36
|
+
pricing = props.pricing,
|
|
37
|
+
signup = props.signup,
|
|
38
|
+
color = props.color,
|
|
39
|
+
profile = props.profile,
|
|
40
|
+
calendar = props.calendar,
|
|
41
|
+
rest = _objectWithoutProperties(props, ["className", "children", "background", "plain", "formHorizontal", "pricing", "signup", "color", "profile", "calendar"]);
|
|
42
42
|
|
|
43
|
-
|
|
43
|
+
const cardBodyClasses = (0, _classnames.default)({
|
|
44
44
|
[classes.cardBody]: true,
|
|
45
45
|
[classes.cardBodyBackground]: background,
|
|
46
46
|
[classes.cardBodyPlain]: plain,
|
|
@@ -23,23 +23,23 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
23
23
|
|
|
24
24
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
const useStyles = (0, _styles.makeStyles)(_cardFooterStyle.default);
|
|
27
27
|
|
|
28
28
|
function CardFooter(props) {
|
|
29
|
-
|
|
29
|
+
const classes = useStyles();
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
31
|
+
const className = props.className,
|
|
32
|
+
children = props.children,
|
|
33
|
+
plain = props.plain,
|
|
34
|
+
profile = props.profile,
|
|
35
|
+
pricing = props.pricing,
|
|
36
|
+
testimonial = props.testimonial,
|
|
37
|
+
stats = props.stats,
|
|
38
|
+
chart = props.chart,
|
|
39
|
+
product = props.product,
|
|
40
|
+
rest = _objectWithoutProperties(props, ["className", "children", "plain", "profile", "pricing", "testimonial", "stats", "chart", "product"]);
|
|
41
41
|
|
|
42
|
-
|
|
42
|
+
const cardFooterClasses = (0, _classnames.default)({
|
|
43
43
|
[classes.cardFooter]: true,
|
|
44
44
|
[classes.cardFooterPlain]: plain,
|
|
45
45
|
[classes.cardFooterProfile]: profile || testimonial,
|
|
@@ -23,24 +23,24 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
23
23
|
|
|
24
24
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
const useStyles = (0, _styles.makeStyles)(_cardHeaderStyle.default);
|
|
27
27
|
|
|
28
28
|
function CardHeader(props) {
|
|
29
|
-
|
|
29
|
+
const classes = useStyles();
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
31
|
+
const className = props.className,
|
|
32
|
+
children = props.children,
|
|
33
|
+
color = props.color,
|
|
34
|
+
plain = props.plain,
|
|
35
|
+
image = props.image,
|
|
36
|
+
contact = props.contact,
|
|
37
|
+
signup = props.signup,
|
|
38
|
+
stats = props.stats,
|
|
39
|
+
icon = props.icon,
|
|
40
|
+
text = props.text,
|
|
41
|
+
rest = _objectWithoutProperties(props, ["className", "children", "color", "plain", "image", "contact", "signup", "stats", "icon", "text"]);
|
|
42
42
|
|
|
43
|
-
|
|
43
|
+
const cardHeaderClasses = (0, _classnames.default)({
|
|
44
44
|
[classes.cardHeader]: true,
|
|
45
45
|
[classes[color + "CardHeader"]]: color,
|
|
46
46
|
[classes.cardHeaderPlain]: plain,
|
|
@@ -23,17 +23,17 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
23
23
|
|
|
24
24
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
const useStyles = (0, _styles.makeStyles)(_cardIconStyle.default);
|
|
27
27
|
|
|
28
28
|
function CardIcon(props) {
|
|
29
|
-
|
|
29
|
+
const classes = useStyles();
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
const className = props.className,
|
|
32
|
+
children = props.children,
|
|
33
|
+
color = props.color,
|
|
34
|
+
rest = _objectWithoutProperties(props, ["className", "children", "color"]);
|
|
35
35
|
|
|
36
|
-
|
|
36
|
+
const cardIconClasses = (0, _classnames.default)({
|
|
37
37
|
[classes.cardIcon]: true,
|
|
38
38
|
[classes[color + "CardHeader"]]: color,
|
|
39
39
|
[className]: className !== undefined
|
|
@@ -23,17 +23,17 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
23
23
|
|
|
24
24
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
const useStyles = (0, _styles.makeStyles)(_cardTextStyle.default);
|
|
27
27
|
|
|
28
28
|
function CardText(props) {
|
|
29
|
-
|
|
29
|
+
const classes = useStyles();
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
const className = props.className,
|
|
32
|
+
children = props.children,
|
|
33
|
+
color = props.color,
|
|
34
|
+
rest = _objectWithoutProperties(props, ["className", "children", "color"]);
|
|
35
35
|
|
|
36
|
-
|
|
36
|
+
const cardTextClasses = (0, _classnames.default)({
|
|
37
37
|
[classes.cardText]: true,
|
|
38
38
|
[classes[color + "CardHeader"]]: color,
|
|
39
39
|
[className]: className !== undefined
|
|
@@ -27,34 +27,34 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
27
27
|
|
|
28
28
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
29
29
|
|
|
30
|
-
|
|
30
|
+
const useStyles = (0, _styles.makeStyles)(_customInputStyle.default);
|
|
31
31
|
|
|
32
32
|
function CustomInput(props) {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
33
|
+
const classes = useStyles();
|
|
34
|
+
const formControlProps = props.formControlProps,
|
|
35
|
+
labelText = props.labelText,
|
|
36
|
+
id = props.id,
|
|
37
|
+
labelProps = props.labelProps,
|
|
38
|
+
inputProps = props.inputProps,
|
|
39
|
+
error = props.error,
|
|
40
|
+
white = props.white,
|
|
41
|
+
inputRootCustomClasses = props.inputRootCustomClasses,
|
|
42
|
+
success = props.success,
|
|
43
|
+
helperText = props.helperText;
|
|
44
|
+
const labelClasses = (0, _classnames.default)({
|
|
45
45
|
[" " + classes.labelRootError]: error,
|
|
46
46
|
[" " + classes.labelRootSuccess]: success && !error
|
|
47
47
|
});
|
|
48
|
-
|
|
48
|
+
const underlineClasses = (0, _classnames.default)({
|
|
49
49
|
[classes.underlineError]: error,
|
|
50
50
|
[classes.underlineSuccess]: success && !error,
|
|
51
51
|
[classes.underline]: true,
|
|
52
52
|
[classes.whiteUnderline]: white
|
|
53
53
|
});
|
|
54
|
-
|
|
54
|
+
const marginTop = (0, _classnames.default)({
|
|
55
55
|
[inputRootCustomClasses]: inputRootCustomClasses !== undefined
|
|
56
56
|
});
|
|
57
|
-
|
|
57
|
+
const inputClasses = (0, _classnames.default)({
|
|
58
58
|
[classes.input]: true,
|
|
59
59
|
[classes.whiteInput]: white
|
|
60
60
|
});
|
|
@@ -70,7 +70,7 @@ function CustomInput(props) {
|
|
|
70
70
|
[classes.labelRootError]: error,
|
|
71
71
|
[classes.labelRootSuccess]: success && !error
|
|
72
72
|
});
|
|
73
|
-
|
|
73
|
+
let newInputProps = {
|
|
74
74
|
maxLength: inputProps && inputProps.maxLength ? inputProps.maxLength : undefined,
|
|
75
75
|
minLength: inputProps && inputProps.minLength ? inputProps.minLength : undefined
|
|
76
76
|
};
|
|
@@ -29,25 +29,25 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
|
|
|
29
29
|
|
|
30
30
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
31
31
|
|
|
32
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
32
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
33
33
|
|
|
34
34
|
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
35
35
|
|
|
36
36
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
37
37
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
38
|
+
const BasicApp = props => {
|
|
39
|
+
const _React$useState = _react.default.useState(true),
|
|
40
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
41
|
+
navDrawerOpen = _React$useState2[0],
|
|
42
|
+
setNavDrawerOpen = _React$useState2[1];
|
|
43
43
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
44
|
+
const _React$useState3 = _react.default.useState(true),
|
|
45
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
46
|
+
loading = _React$useState4[0],
|
|
47
|
+
setLoading = _React$useState4[1];
|
|
48
48
|
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
const paddingLeftDrawerOpen = 320;
|
|
50
|
+
const styles = {
|
|
51
51
|
header: {
|
|
52
52
|
paddingLeft: navDrawerOpen ? paddingLeftDrawerOpen : 0
|
|
53
53
|
},
|
|
@@ -57,23 +57,23 @@ var BasicApp = function BasicApp(props) {
|
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
59
|
|
|
60
|
-
|
|
60
|
+
const handleChangeRequestNavDrawer = () => {
|
|
61
61
|
setNavDrawerOpen(!navDrawerOpen);
|
|
62
62
|
};
|
|
63
63
|
|
|
64
|
-
_react.default.useEffect(
|
|
64
|
+
_react.default.useEffect(() => {
|
|
65
65
|
if (props.width !== null && typeof props.width !== 'undefined') {
|
|
66
66
|
alert(props.width);
|
|
67
67
|
setNavDrawerOpen(props.width === _withWidth.LARGE);
|
|
68
68
|
}
|
|
69
69
|
}, [props.width]);
|
|
70
70
|
|
|
71
|
-
_react.default.useEffect(
|
|
71
|
+
_react.default.useEffect(() => {
|
|
72
72
|
if (!_Utils.default.isNull(props.settings)) {
|
|
73
|
-
|
|
73
|
+
let dashboardMenu = {};
|
|
74
74
|
dashboardMenu.id = 'dashboard';
|
|
75
75
|
dashboardMenu.menus = [];
|
|
76
|
-
|
|
76
|
+
let myDashboardMenu = {};
|
|
77
77
|
myDashboardMenu.id = 'myDashboard';
|
|
78
78
|
myDashboardMenu.items = [];
|
|
79
79
|
myDashboardMenu.attributes = {};
|
|
@@ -81,9 +81,9 @@ var BasicApp = function BasicApp(props) {
|
|
|
81
81
|
dashboardMenu.menus.push(myDashboardMenu);
|
|
82
82
|
|
|
83
83
|
if (!_Utils.default.isNull(props.settings.userDashboards)) {
|
|
84
|
-
for (
|
|
85
|
-
|
|
86
|
-
|
|
84
|
+
for (let i = 0; i < props.settings.userDashboards.length; i++) {
|
|
85
|
+
let userDashboard = props.settings.userDashboards[i];
|
|
86
|
+
let item = {};
|
|
87
87
|
item.id = userDashboard.id;
|
|
88
88
|
item.attributes = {};
|
|
89
89
|
item.attributes.label = userDashboard.parameters.map.dashboardName;
|
|
@@ -91,7 +91,7 @@ var BasicApp = function BasicApp(props) {
|
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
93
|
|
|
94
|
-
|
|
94
|
+
let createNewMenu = {};
|
|
95
95
|
createNewMenu.id = 'createNew';
|
|
96
96
|
createNewMenu.items = [];
|
|
97
97
|
createNewMenu.attributes = {};
|
|
@@ -99,12 +99,12 @@ var BasicApp = function BasicApp(props) {
|
|
|
99
99
|
dashboardMenu.menus.push(createNewMenu);
|
|
100
100
|
|
|
101
101
|
if (!_Utils.default.isNull(props.settings.systemProfileDto.modules)) {
|
|
102
|
-
for (
|
|
103
|
-
|
|
102
|
+
for (let i = 0; i < props.settings.systemProfileDto.modules.length; i++) {
|
|
103
|
+
let module = props.settings.systemProfileDto.modules[i];
|
|
104
104
|
|
|
105
105
|
if (!_Utils.default.isNull(module.dashBoardMenuBar)) {
|
|
106
|
-
for (
|
|
107
|
-
|
|
106
|
+
for (let j = 0; j < module.dashBoardMenuBar.menus.length; j++) {
|
|
107
|
+
let menu = module.dashBoardMenuBar.menus[j]; // To keep the module classification, replace the line below with createNewMenu.items.push(menu)
|
|
108
108
|
|
|
109
109
|
createNewMenu.items = createNewMenu.items.concat(menu.items);
|
|
110
110
|
}
|