@pie-lib/config-ui 11.1.5-next.6 → 11.1.5-next.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.
|
@@ -84,19 +84,21 @@ var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
|
|
|
84
84
|
}
|
|
85
85
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
86
86
|
className: (0, _classnames["default"])(classes.configContainer, configuration.maxWidth && classes.contentContainerMaxWidth),
|
|
87
|
-
style: {
|
|
88
|
-
maxWidth:
|
|
89
|
-
}
|
|
87
|
+
style: configuration.maxWidth ? {
|
|
88
|
+
maxWidth: "calc(".concat(configuration.maxWidth, " - 330px)")
|
|
89
|
+
} : {}
|
|
90
90
|
}, children), hasSettingsPanel && /*#__PURE__*/_react["default"].createElement("div", null, secondary)), mode === 'tabbed' && hasSettingsPanel && /*#__PURE__*/_react["default"].createElement(_tabs["default"], {
|
|
91
91
|
onChange: this.onTabsChange,
|
|
92
92
|
contentClassName: (0, _classnames["default"])(classes.contentContainer, configuration.maxWidth && classes.contentContainerMaxWidth),
|
|
93
|
-
contentStyle: {
|
|
94
|
-
maxWidth: configuration.maxWidth
|
|
95
|
-
},
|
|
93
|
+
contentStyle: configuration.maxWidth ? {
|
|
94
|
+
maxWidth: configuration.maxWidth
|
|
95
|
+
} : {},
|
|
96
96
|
indicatorColor: "primary"
|
|
97
97
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
98
|
-
|
|
99
|
-
|
|
98
|
+
title: "Design",
|
|
99
|
+
style: configuration.maxWidth ? {
|
|
100
|
+
flex: 1
|
|
101
|
+
} : {}
|
|
100
102
|
}, children), /*#__PURE__*/_react["default"].createElement("div", {
|
|
101
103
|
title: "settings"
|
|
102
104
|
}, secondary)), mode === 'tabbed' && !hasSettingsPanel && /*#__PURE__*/_react["default"].createElement("div", null, children));
|
|
@@ -133,9 +135,6 @@ var styles = function styles() {
|
|
|
133
135
|
configContainer: {
|
|
134
136
|
flex: '1',
|
|
135
137
|
marginRight: '20px'
|
|
136
|
-
},
|
|
137
|
-
contentContainerDesign: {
|
|
138
|
-
width: '100%'
|
|
139
138
|
}
|
|
140
139
|
};
|
|
141
140
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/layout/layout-contents.jsx"],"names":["RawLayoutContents","props","mode","secondary","children","classes","configuration","undefined","hasSettingsPanel","Object","entries","some","propName","obj","settings","JSON","stringify","match","length","e","console","log","toString","container","flow","maxWidth","configContainer","contentContainerMaxWidth","onTabsChange","contentContainer","
|
|
1
|
+
{"version":3,"sources":["../../src/layout/layout-contents.jsx"],"names":["RawLayoutContents","props","mode","secondary","children","classes","configuration","undefined","hasSettingsPanel","Object","entries","some","propName","obj","settings","JSON","stringify","match","length","e","console","log","toString","container","flow","maxWidth","configContainer","contentContainerMaxWidth","onTabsChange","contentContainer","flex","React","Component","PropTypes","oneOf","oneOfType","arrayOf","node","object","styles","display","justifyContent","flexDirection","position","padding","overflow","marginRight"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core';\nimport Tabs from '../tabs';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\n\nclass RawLayoutContents extends React.Component {\n static propTypes = {\n mode: PropTypes.oneOf(['tabbed', 'inline']),\n secondary: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n classes: PropTypes.object,\n };\n\n render() {\n const { mode, secondary, children, classes } = this.props;\n // in config-layout, layout content gets called like this:\n // <LayoutContents secondary={layoutMode === 'inline' ? <SettingsBox>{settings}</SettingsBox> : settings}>\n const configuration =\n secondary?.props?.configuration || secondary?.props?.children?.props?.configuration || undefined;\n let hasSettingsPanel = Object.entries(configuration || {}).some(([propName, obj]) => !!obj?.settings);\n // ebsr has configuration.partA and configuration.partB\n // because we might have nested configuration for other item types as well, let's add this simple regex to check values for settings\n\n if (!hasSettingsPanel) {\n try {\n hasSettingsPanel = JSON.stringify(configuration).match(/settings\":true/).length;\n } catch (e) {\n console.log(e.toString());\n }\n }\n\n return (\n <div className={classnames(classes.container)}>\n {mode === 'inline' && (\n <div className={classes.flow} style={{ maxWidth: configuration.maxWidth || 'unset' }}>\n <div\n className={classnames(\n classes.configContainer,\n configuration.maxWidth && classes.contentContainerMaxWidth,\n )}\n style={configuration.maxWidth ? { maxWidth: `calc(${configuration.maxWidth} - 330px)` } : {}}\n >\n {children}\n </div>\n {hasSettingsPanel && <div>{secondary}</div>}\n </div>\n )}\n {mode === 'tabbed' && hasSettingsPanel && (\n <Tabs\n onChange={this.onTabsChange}\n contentClassName={classnames(\n classes.contentContainer,\n configuration.maxWidth && classes.contentContainerMaxWidth,\n )}\n contentStyle={configuration.maxWidth ? { maxWidth: configuration.maxWidth } : {}}\n indicatorColor=\"primary\"\n >\n <div title=\"Design\" style={configuration.maxWidth ? { flex: 1 } : {}}>\n {children}\n </div>\n <div title=\"settings\">{secondary}</div>\n </Tabs>\n )}\n {mode === 'tabbed' && !hasSettingsPanel && <div>{children}</div>}\n </div>\n );\n }\n}\n\nconst styles = () => ({\n flow: {\n display: 'flex',\n justifyContent: 'space-between',\n },\n container: {\n display: 'flex',\n flexDirection: 'column',\n position: 'relative',\n },\n contentContainer: {\n padding: '32px 16px 0 16px',\n },\n contentContainerMaxWidth: {\n display: 'flex',\n overflow: 'scroll',\n },\n configContainer: {\n flex: '1',\n marginRight: '20px',\n },\n});\n\nexport default withStyles(styles)(RawLayoutContents);\n"],"file":"layout-contents.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-lib/config-ui",
|
|
3
|
-
"version": "11.1.5-next.
|
|
3
|
+
"version": "11.1.5-next.8+42669d46",
|
|
4
4
|
"main": "lib/index.js",
|
|
5
5
|
"module": "src/index.js",
|
|
6
6
|
"publishConfig": {
|
|
@@ -26,5 +26,5 @@
|
|
|
26
26
|
"peerDependencies": {
|
|
27
27
|
"react": "^16.8.1"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "42669d461261641df9f7d39010b40a25270db735"
|
|
30
30
|
}
|
|
@@ -39,7 +39,7 @@ class RawLayoutContents extends React.Component {
|
|
|
39
39
|
classes.configContainer,
|
|
40
40
|
configuration.maxWidth && classes.contentContainerMaxWidth,
|
|
41
41
|
)}
|
|
42
|
-
style={
|
|
42
|
+
style={configuration.maxWidth ? { maxWidth: `calc(${configuration.maxWidth} - 330px)` } : {}}
|
|
43
43
|
>
|
|
44
44
|
{children}
|
|
45
45
|
</div>
|
|
@@ -53,10 +53,10 @@ class RawLayoutContents extends React.Component {
|
|
|
53
53
|
classes.contentContainer,
|
|
54
54
|
configuration.maxWidth && classes.contentContainerMaxWidth,
|
|
55
55
|
)}
|
|
56
|
-
contentStyle={{ maxWidth: configuration.maxWidth
|
|
56
|
+
contentStyle={configuration.maxWidth ? { maxWidth: configuration.maxWidth } : {}}
|
|
57
57
|
indicatorColor="primary"
|
|
58
58
|
>
|
|
59
|
-
<div
|
|
59
|
+
<div title="Design" style={configuration.maxWidth ? { flex: 1 } : {}}>
|
|
60
60
|
{children}
|
|
61
61
|
</div>
|
|
62
62
|
<div title="settings">{secondary}</div>
|
|
@@ -89,9 +89,6 @@ const styles = () => ({
|
|
|
89
89
|
flex: '1',
|
|
90
90
|
marginRight: '20px',
|
|
91
91
|
},
|
|
92
|
-
contentContainerDesign: {
|
|
93
|
-
width: '100%',
|
|
94
|
-
},
|
|
95
92
|
});
|
|
96
93
|
|
|
97
94
|
export default withStyles(styles)(RawLayoutContents);
|