@pie-lib/config-ui 11.31.0-mui-update.0 → 11.32.0-mui-update.0
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/CHANGELOG.md +11 -0
- package/lib/layout/config-layout.js +1 -2
- package/lib/layout/config-layout.js.map +1 -1
- package/lib/layout/layout-contents.js +2 -2
- package/lib/layout/layout-contents.js.map +1 -1
- package/package.json +5 -5
- package/src/layout/config-layout.jsx +1 -2
- package/src/layout/layout-contents.jsx +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [11.32.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.31.0-mui-update.0...@pie-lib/config-ui@11.32.0-mui-update.0) (2025-11-18)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **config-ui:** use the styled components for both tabs case as for the others ([81b8c23](https://github.com/pie-framework/pie-lib/commit/81b8c231c3e469e7a07a3e9d9321093dba8d0bcb))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# [11.31.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.30.0-mui-update.0...@pie-lib/config-ui@11.31.0-mui-update.0) (2025-11-17)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -16,7 +16,6 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
16
16
|
var _reactMeasure = _interopRequireWildcard(require("react-measure"));
|
|
17
17
|
var _styles = require("@mui/material/styles");
|
|
18
18
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
20
19
|
var _layoutContents = _interopRequireDefault(require("./layout-contents"));
|
|
21
20
|
var _settingsBox = _interopRequireDefault(require("./settings-box"));
|
|
22
21
|
var _renderUi = require("@pie-lib/render-ui");
|
|
@@ -90,7 +89,7 @@ var MeasuredConfigLayout = /*#__PURE__*/function (_AppendCSSRules) {
|
|
|
90
89
|
className: "settings-box"
|
|
91
90
|
}, settings) : settings;
|
|
92
91
|
var secondaryContent = hideSettings ? null : settingsPanel;
|
|
93
|
-
var finalClass =
|
|
92
|
+
var finalClass = 'main-container';
|
|
94
93
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
95
94
|
ref: measureRef,
|
|
96
95
|
className: finalClass
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config-layout.js","names":["_react","_interopRequireDefault","require","_reactMeasure","_interopRequireWildcard","_styles","_propTypes","
|
|
1
|
+
{"version":3,"file":"config-layout.js","names":["_react","_interopRequireDefault","require","_reactMeasure","_interopRequireWildcard","_styles","_propTypes","_layoutContents","_settingsBox","_renderUi","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","theme","createTheme","typography","fontFamily","components","MuiButton","styleOverrides","contained","backgroundColor","color","MeasuredConfigLayout","_AppendCSSRules","_this","_classCallCheck2","_len","arguments","length","props","Array","_key","concat","_defineProperty2","contentRect","bounds","_this$props","sidePanelMinWidth","dimensions","_ref","maxWidth","layoutMode","width","setState","state","undefined","_inherits2","_createClass2","key","value","render","_this2","createElement","StyledEngineProvider","injectFirst","ThemeProvider","onResize","_ref2","measureRef","_this2$props","children","settings","hideSettings","settingsPanel","className","secondaryContent","finalClass","ref","mode","secondary","AppendCSSRules","PropTypes","oneOfType","string","arrayOf","element","object","number","bool","ConfigLayout","withContentRect","_default","exports"],"sources":["../../src/layout/config-layout.jsx"],"sourcesContent":["import React from 'react';\nimport Measure from 'react-measure';\nimport { createTheme, ThemeProvider, StyledEngineProvider } from '@mui/material/styles';\nimport { withContentRect } from 'react-measure';\nimport PropTypes from 'prop-types';\nimport LayoutContents from './layout-contents';\nimport SettingsBox from './settings-box';\nimport { AppendCSSRules } from '@pie-lib/render-ui';\n\nconst theme = createTheme({\n typography: {\n fontFamily: 'inherit',\n },\n components: {\n MuiButton: {\n styleOverrides: {\n contained: {\n backgroundColor: '#e0e0e0',\n color: '#000000',\n '&:hover': {\n backgroundColor: '#bdbdbd',\n },\n },\n },\n },\n },\n});\n\nclass MeasuredConfigLayout extends AppendCSSRules {\n static propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.element), PropTypes.element]),\n className: PropTypes.string,\n dimensions: PropTypes.object,\n settings: PropTypes.element,\n sidePanelMinWidth: PropTypes.number,\n hideSettings: PropTypes.bool,\n };\n\n static defaultProps = {\n sidePanelMinWidth: 1135,\n hideSettings: false,\n dimensions: {},\n };\n\n constructor(...props) {\n super(...props);\n this.state = { layoutMode: undefined };\n }\n\n onResize = (contentRect) => {\n const { bounds } = contentRect;\n const { sidePanelMinWidth, dimensions } = this.props;\n const { maxWidth } = dimensions || {};\n\n const layoutMode =\n bounds.width > sidePanelMinWidth && (maxWidth ? maxWidth > sidePanelMinWidth : true) ? 'inline' : 'tabbed';\n\n this.setState({ layoutMode });\n };\n\n render() {\n return (\n <StyledEngineProvider injectFirst>\n <ThemeProvider theme={theme}>\n <Measure bounds onResize={this.onResize}>\n {({ measureRef }) => {\n const { children, settings, hideSettings, dimensions } = this.props;\n const { layoutMode } = this.state;\n\n const settingsPanel =\n layoutMode === 'inline' ? <SettingsBox className=\"settings-box\">{settings}</SettingsBox> : settings;\n const secondaryContent = hideSettings ? null : settingsPanel;\n const finalClass = 'main-container';\n\n return (\n <div ref={measureRef} className={finalClass}>\n <LayoutContents mode={layoutMode} secondary={secondaryContent} dimensions={dimensions}>\n {children}\n </LayoutContents>\n </div>\n );\n }}\n </Measure>\n </ThemeProvider>\n </StyledEngineProvider>\n );\n }\n}\n\nconst ConfigLayout = withContentRect('bounds')(MeasuredConfigLayout);\n\nexport default ConfigLayout;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -139,10 +139,10 @@ var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
|
|
|
139
139
|
onChange: this.onTabsChange,
|
|
140
140
|
contentClassName: "content-container",
|
|
141
141
|
indicatorColor: "primary"
|
|
142
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
142
|
+
}, /*#__PURE__*/_react["default"].createElement(StyledContentContainer, {
|
|
143
143
|
title: "Design",
|
|
144
144
|
className: "design-container"
|
|
145
|
-
}, children), /*#__PURE__*/_react["default"].createElement(
|
|
145
|
+
}, children), /*#__PURE__*/_react["default"].createElement(StyledContentContainer, {
|
|
146
146
|
title: "Settings",
|
|
147
147
|
className: "settings-container"
|
|
148
148
|
}, secondary)), mode === 'tabbed' && !hasSettingsPanel && /*#__PURE__*/_react["default"].createElement(StyledContentContainer, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout-contents.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_tabs","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledContainer","styled","_ref","theme","display","flexDirection","position","StyledFlow","justifyContent","StyledContentContainer","_ref2","padding","concat","spacing","StyledConfigContainer","flex","StyledSettingsContainer","_ref3","marginLeft","RawLayoutContents","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_defineProperty2","_secondary$props","_secondary$props2","secondary","props","configuration","children","undefined","_inherits2","_createClass2","key","value","render","_this$props","mode","dimensions","_ref4","minHeight","minWidth","maxHeight","maxWidth","getConfiguration","hasSettingsPanel","Object","entries","some","_ref5","_ref6","_slicedToArray2","obj","settings","_JSON$stringify","JSON","stringify","match","console","log","toString","createElement","style","className","onChange","onTabsChange","contentClassName","indicatorColor","title","React","Component","PropTypes","oneOf","oneOfType","arrayOf","node","object","_default","exports"],"sources":["../../src/layout/layout-contents.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Tabs from '../tabs';\n\nconst StyledContainer = styled('div')(({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n position: 'relative',\n}));\n\nconst StyledFlow = styled('div')(() => ({\n display: 'flex',\n justifyContent: 'space-between',\n}));\n\nconst StyledContentContainer = styled('div')(({ theme }) => ({\n padding: `${theme.spacing(2)} 0`,\n}));\n\nconst StyledConfigContainer = styled('div')(() => ({\n flex: '1',\n}));\n\nconst StyledSettingsContainer = styled('div')(({ theme }) => ({\n marginLeft: theme.spacing(2),\n}));\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 dimensions: PropTypes.object,\n };\n\n getConfiguration = () => {\n const { secondary } = this.props;\n // in config-layout, secondary can be: <SettingsBox>{settings}</SettingsBox>, settings, null\n\n return secondary?.props?.configuration || secondary?.props?.children?.props?.configuration || undefined;\n };\n\n // // eslint-disable-next-line no-unused-vars\n // componentDidUpdate(prevProps, prevState, snapshot) {\n // const configuration = this.getConfiguration();\n // const { mode } = this.props;\n //\n // // promptHolder class is used to wrap up inputs:\n // // we don't want inputs to fill the entire scrollable container,\n // // but instead we want inputs to fit in the first view,\n // // so we calculate the maximum space inputs need\n // try {\n // if (\n // configuration?.maxWidth &&\n // getComputedStyle(document.documentElement).getPropertyValue('--pie-prompt-holder-max-width') !==\n // configuration?.maxWidth\n // ) {\n // document.documentElement.style.setProperty(\n // '--pie-prompt-holder-max-width',\n // mode === 'inline' ? `calc(${configuration.maxWidth} - 340px)` : configuration.maxWidth,\n // );\n // }\n // } catch (e) {\n // console.log(e.toString());\n // }\n // }\n\n render() {\n const { mode, secondary, children, dimensions } = this.props;\n const { minHeight, minWidth, maxHeight, maxWidth } = dimensions || {};\n const configuration = this.getConfiguration();\n\n let hasSettingsPanel = Object.entries(configuration || {}).some(([, 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 // eslint-disable-next-line no-console\n console.log(e.toString());\n }\n }\n\n return (\n <StyledContainer style={{ minHeight, minWidth, maxHeight, maxWidth }}>\n {mode === 'inline' && (\n <StyledFlow>\n <StyledConfigContainer className=\"design-container\">{children}</StyledConfigContainer>\n {hasSettingsPanel && (\n <StyledSettingsContainer className=\"settings-container\">{secondary}</StyledSettingsContainer>\n )}\n </StyledFlow>\n )}\n\n {mode === 'tabbed' && hasSettingsPanel && (\n <Tabs onChange={this.onTabsChange} contentClassName=\"content-container\" indicatorColor=\"primary\">\n <div title=\"Design\" className=\"design-container\">\n {children}\n </div>\n <div title=\"Settings\" className=\"settings-container\">\n {secondary}\n </div>\n </Tabs>\n )}\n\n {mode === 'tabbed' && !hasSettingsPanel && (\n <StyledContentContainer className=\"design-container\">{children}</StyledContentContainer>\n )}\n </StyledContainer>\n );\n }\n}\n\nexport default RawLayoutContents;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"layout-contents.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_tabs","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledContainer","styled","_ref","theme","display","flexDirection","position","StyledFlow","justifyContent","StyledContentContainer","_ref2","padding","concat","spacing","StyledConfigContainer","flex","StyledSettingsContainer","_ref3","marginLeft","RawLayoutContents","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_defineProperty2","_secondary$props","_secondary$props2","secondary","props","configuration","children","undefined","_inherits2","_createClass2","key","value","render","_this$props","mode","dimensions","_ref4","minHeight","minWidth","maxHeight","maxWidth","getConfiguration","hasSettingsPanel","Object","entries","some","_ref5","_ref6","_slicedToArray2","obj","settings","_JSON$stringify","JSON","stringify","match","console","log","toString","createElement","style","className","onChange","onTabsChange","contentClassName","indicatorColor","title","React","Component","PropTypes","oneOf","oneOfType","arrayOf","node","object","_default","exports"],"sources":["../../src/layout/layout-contents.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Tabs from '../tabs';\n\nconst StyledContainer = styled('div')(({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n position: 'relative',\n}));\n\nconst StyledFlow = styled('div')(() => ({\n display: 'flex',\n justifyContent: 'space-between',\n}));\n\nconst StyledContentContainer = styled('div')(({ theme }) => ({\n padding: `${theme.spacing(2)} 0`,\n}));\n\nconst StyledConfigContainer = styled('div')(() => ({\n flex: '1',\n}));\n\nconst StyledSettingsContainer = styled('div')(({ theme }) => ({\n marginLeft: theme.spacing(2),\n}));\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 dimensions: PropTypes.object,\n };\n\n getConfiguration = () => {\n const { secondary } = this.props;\n // in config-layout, secondary can be: <SettingsBox>{settings}</SettingsBox>, settings, null\n\n return secondary?.props?.configuration || secondary?.props?.children?.props?.configuration || undefined;\n };\n\n // // eslint-disable-next-line no-unused-vars\n // componentDidUpdate(prevProps, prevState, snapshot) {\n // const configuration = this.getConfiguration();\n // const { mode } = this.props;\n //\n // // promptHolder class is used to wrap up inputs:\n // // we don't want inputs to fill the entire scrollable container,\n // // but instead we want inputs to fit in the first view,\n // // so we calculate the maximum space inputs need\n // try {\n // if (\n // configuration?.maxWidth &&\n // getComputedStyle(document.documentElement).getPropertyValue('--pie-prompt-holder-max-width') !==\n // configuration?.maxWidth\n // ) {\n // document.documentElement.style.setProperty(\n // '--pie-prompt-holder-max-width',\n // mode === 'inline' ? `calc(${configuration.maxWidth} - 340px)` : configuration.maxWidth,\n // );\n // }\n // } catch (e) {\n // console.log(e.toString());\n // }\n // }\n\n render() {\n const { mode, secondary, children, dimensions } = this.props;\n const { minHeight, minWidth, maxHeight, maxWidth } = dimensions || {};\n const configuration = this.getConfiguration();\n\n let hasSettingsPanel = Object.entries(configuration || {}).some(([, 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 // eslint-disable-next-line no-console\n console.log(e.toString());\n }\n }\n\n return (\n <StyledContainer style={{ minHeight, minWidth, maxHeight, maxWidth }}>\n {mode === 'inline' && (\n <StyledFlow>\n <StyledConfigContainer className=\"design-container\">{children}</StyledConfigContainer>\n {hasSettingsPanel && (\n <StyledSettingsContainer className=\"settings-container\">{secondary}</StyledSettingsContainer>\n )}\n </StyledFlow>\n )}\n\n {mode === 'tabbed' && hasSettingsPanel && (\n <Tabs onChange={this.onTabsChange} contentClassName=\"content-container\" indicatorColor=\"primary\">\n <StyledContentContainer title=\"Design\" className=\"design-container\">\n {children}\n </StyledContentContainer>\n <StyledContentContainer title=\"Settings\" className=\"settings-container\">\n {secondary}\n </StyledContentContainer>\n </Tabs>\n )}\n\n {mode === 'tabbed' && !hasSettingsPanel && (\n <StyledContentContainer className=\"design-container\">{children}</StyledContentContainer>\n )}\n </StyledContainer>\n );\n }\n}\n\nexport default RawLayoutContents;\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-lib/config-ui",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.32.0-mui-update.0",
|
|
4
4
|
"main": "lib/index.js",
|
|
5
5
|
"module": "src/index.js",
|
|
6
6
|
"publishConfig": {
|
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
"@emotion/style": "^0.8.0",
|
|
13
13
|
"@mui/icons-material": "^7.3.4",
|
|
14
14
|
"@mui/material": "^7.3.4",
|
|
15
|
-
"@pie-lib/editable-html": "^11.
|
|
16
|
-
"@pie-lib/icons": "^2.
|
|
17
|
-
"@pie-lib/render-ui": "^4.
|
|
15
|
+
"@pie-lib/editable-html": "^11.24.0-mui-update.0",
|
|
16
|
+
"@pie-lib/icons": "^2.27.0-mui-update.0",
|
|
17
|
+
"@pie-lib/render-ui": "^4.38.0-mui-update.0",
|
|
18
18
|
"assert": "^1.4.1",
|
|
19
19
|
"classnames": "^2.2.6",
|
|
20
20
|
"complex.js": "2.1.1",
|
|
@@ -31,5 +31,5 @@
|
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"react": "^18.2.0"
|
|
33
33
|
},
|
|
34
|
-
"gitHead": "
|
|
34
|
+
"gitHead": "eee7d2e59f3323c7a5ba452d80fae6f20f6cb527"
|
|
35
35
|
}
|
|
@@ -3,7 +3,6 @@ import Measure from 'react-measure';
|
|
|
3
3
|
import { createTheme, ThemeProvider, StyledEngineProvider } from '@mui/material/styles';
|
|
4
4
|
import { withContentRect } from 'react-measure';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
|
-
import classNames from 'classnames';
|
|
7
6
|
import LayoutContents from './layout-contents';
|
|
8
7
|
import SettingsBox from './settings-box';
|
|
9
8
|
import { AppendCSSRules } from '@pie-lib/render-ui';
|
|
@@ -71,7 +70,7 @@ class MeasuredConfigLayout extends AppendCSSRules {
|
|
|
71
70
|
const settingsPanel =
|
|
72
71
|
layoutMode === 'inline' ? <SettingsBox className="settings-box">{settings}</SettingsBox> : settings;
|
|
73
72
|
const secondaryContent = hideSettings ? null : settingsPanel;
|
|
74
|
-
const finalClass =
|
|
73
|
+
const finalClass = 'main-container';
|
|
75
74
|
|
|
76
75
|
return (
|
|
77
76
|
<div ref={measureRef} className={finalClass}>
|
|
@@ -97,12 +97,12 @@ class RawLayoutContents extends React.Component {
|
|
|
97
97
|
|
|
98
98
|
{mode === 'tabbed' && hasSettingsPanel && (
|
|
99
99
|
<Tabs onChange={this.onTabsChange} contentClassName="content-container" indicatorColor="primary">
|
|
100
|
-
<
|
|
100
|
+
<StyledContentContainer title="Design" className="design-container">
|
|
101
101
|
{children}
|
|
102
|
-
</
|
|
103
|
-
<
|
|
102
|
+
</StyledContentContainer>
|
|
103
|
+
<StyledContentContainer title="Settings" className="settings-container">
|
|
104
104
|
{secondary}
|
|
105
|
-
</
|
|
105
|
+
</StyledContentContainer>
|
|
106
106
|
</Tabs>
|
|
107
107
|
)}
|
|
108
108
|
|