@pie-lib/config-ui 11.1.5-next.2 → 11.1.5-next.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.
|
@@ -95,6 +95,7 @@ var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
|
|
|
95
95
|
},
|
|
96
96
|
indicatorColor: "primary"
|
|
97
97
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
98
|
+
className: configuration.contentContainerDesign,
|
|
98
99
|
title: "Design"
|
|
99
100
|
}, children), /*#__PURE__*/_react["default"].createElement("div", {
|
|
100
101
|
title: "settings"
|
|
@@ -132,6 +133,9 @@ var styles = function styles() {
|
|
|
132
133
|
configContainer: {
|
|
133
134
|
flex: '1',
|
|
134
135
|
marginRight: '20px'
|
|
136
|
+
},
|
|
137
|
+
contentContainerDesign: {
|
|
138
|
+
width: '100%'
|
|
135
139
|
}
|
|
136
140
|
};
|
|
137
141
|
};
|
|
@@ -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","React","Component","PropTypes","oneOf","oneOfType","arrayOf","node","object","styles","display","justifyContent","flexDirection","position","padding","overflow","flex","marginRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEMA,iB;;;;;;;;;;;;WAQJ,kBAAS;AAAA;;AACP,wBAA+C,KAAKC,KAApD;AAAA,UAAQC,IAAR,eAAQA,IAAR;AAAA,UAAcC,SAAd,eAAcA,SAAd;AAAA,UAAyBC,QAAzB,eAAyBA,QAAzB;AAAA,UAAmCC,OAAnC,eAAmCA,OAAnC,CADO,CAEP;AACA;;AACA,UAAMC,aAAa,GACjB,CAAAH,SAAS,SAAT,IAAAA,SAAS,WAAT,gCAAAA,SAAS,CAAEF,KAAX,sEAAkBK,aAAlB,MAAmCH,SAAnC,aAAmCA,SAAnC,4CAAmCA,SAAS,CAAEF,KAA9C,+EAAmC,kBAAkBG,QAArD,oFAAmC,sBAA4BH,KAA/D,2DAAmC,uBAAmCK,aAAtE,KAAuFC,SADzF;AAEA,UAAIC,gBAAgB,GAAGC,MAAM,CAACC,OAAP,CAAeJ,aAAa,IAAI,EAAhC,EAAoCK,IAApC,CAAyC;AAAA;AAAA,YAAEC,QAAF;AAAA,YAAYC,GAAZ;;AAAA,eAAqB,CAAC,EAACA,GAAD,aAACA,GAAD,eAACA,GAAG,CAAEC,QAAN,CAAtB;AAAA,OAAzC,CAAvB,CANO,CAOP;AACA;;AAEA,UAAI,CAACN,gBAAL,EAAuB;AACrB,YAAI;AACFA,UAAAA,gBAAgB,GAAGO,IAAI,CAACC,SAAL,CAAeV,aAAf,EAA8BW,KAA9B,CAAoC,gBAApC,EAAsDC,MAAzE;AACD,SAFD,CAEE,OAAOC,CAAP,EAAU;AACVC,UAAAA,OAAO,CAACC,GAAR,CAAYF,CAAC,CAACG,QAAF,EAAZ;AACD;AACF;;AAED,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWjB,OAAO,CAACkB,SAAnB;AAAhB,SACGrB,IAAI,KAAK,QAAT,iBACC;AAAK,QAAA,SAAS,EAAEG,OAAO,CAACmB,IAAxB;AAA8B,QAAA,KAAK,EAAE;AAAEC,UAAAA,QAAQ,EAAEnB,aAAa,CAACmB,QAAd,IAA0B;AAAtC;AAArC,sBACE;AACE,QAAA,SAAS,EAAE,4BACTpB,OAAO,CAACqB,eADC,EAETpB,aAAa,CAACmB,QAAd,IAA0BpB,OAAO,CAACsB,wBAFzB,CADb;AAKE,QAAA,KAAK,EAAE;AAAEF,UAAAA,QAAQ,EAAEnB,aAAa,CAACmB,QAAd,kBAAiCnB,aAAa,CAACmB,QAA/C,iBAAqE;AAAjF;AALT,SAOGrB,QAPH,CADF,EAUGI,gBAAgB,iBAAI,6CAAML,SAAN,CAVvB,CAFJ,EAeGD,IAAI,KAAK,QAAT,IAAqBM,gBAArB,iBACC,gCAAC,gBAAD;AACE,QAAA,QAAQ,EAAE,KAAKoB,YADjB;AAEE,QAAA,gBAAgB,EAAE,4BAChBvB,OAAO,CAACwB,gBADQ,EAEhBvB,aAAa,CAACmB,QAAd,IAA0BpB,OAAO,CAACsB,wBAFlB,CAFpB;AAME,QAAA,YAAY,EAAE;AAAEF,UAAAA,QAAQ,EAAEnB,aAAa,CAACmB,QAAd,IAA0B;AAAtC,SANhB;AAOE,QAAA,cAAc,EAAC;AAPjB,sBASE;AAAK,QAAA,KAAK,EAAC;
|
|
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","contentContainerDesign","React","Component","PropTypes","oneOf","oneOfType","arrayOf","node","object","styles","display","justifyContent","flexDirection","position","padding","overflow","flex","marginRight","width"],"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={{ maxWidth: configuration.maxWidth ? `calc(${configuration.maxWidth} - 330px)` : 'unset' }}\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={{ maxWidth: configuration.maxWidth || 'unset' }}\n indicatorColor=\"primary\"\n >\n <div className={configuration.contentContainerDesign} title=\"Design\">\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 contentContainerDesign: {\n width: '100%',\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.4+19db4f8b",
|
|
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": "19db4f8b84587d9d3a1542d8c06c5cb86458b1f3"
|
|
30
30
|
}
|
|
@@ -56,7 +56,9 @@ class RawLayoutContents extends React.Component {
|
|
|
56
56
|
contentStyle={{ maxWidth: configuration.maxWidth || 'unset' }}
|
|
57
57
|
indicatorColor="primary"
|
|
58
58
|
>
|
|
59
|
-
<div title="Design">
|
|
59
|
+
<div className={configuration.contentContainerDesign} title="Design">
|
|
60
|
+
{children}
|
|
61
|
+
</div>
|
|
60
62
|
<div title="settings">{secondary}</div>
|
|
61
63
|
</Tabs>
|
|
62
64
|
)}
|
|
@@ -87,6 +89,9 @@ const styles = () => ({
|
|
|
87
89
|
flex: '1',
|
|
88
90
|
marginRight: '20px',
|
|
89
91
|
},
|
|
92
|
+
contentContainerDesign: {
|
|
93
|
+
width: '100%',
|
|
94
|
+
},
|
|
90
95
|
});
|
|
91
96
|
|
|
92
97
|
export default withStyles(styles)(RawLayoutContents);
|