@pie-lib/render-ui 4.35.2-next.4 → 4.35.2
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 +12 -0
- package/lib/ui-layout.js +0 -30
- package/lib/ui-layout.js.map +1 -1
- package/package.json +2 -2
- package/src/ui-layout.jsx +0 -30
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,18 @@
|
|
|
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
|
+
## [4.35.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.35.1...@pie-lib/render-ui@4.35.2) (2025-11-27)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **render-ui:** change unneeded colors overwriting in theme provider PD-5274 ([dbfaed5](https://github.com/pie-framework/pie-lib/commit/dbfaed50feed9c059b14c9835468159858446af1))
|
|
12
|
+
* **render-ui:** handle vertical striping only for tables with th first col PD-5211 ([d32502e](https://github.com/pie-framework/pie-lib/commit/d32502e496fc9a19a6444e537587017c91e87724))
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
6
18
|
## [4.35.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.31.2...@pie-lib/render-ui@4.35.1) (2025-10-22)
|
|
7
19
|
|
|
8
20
|
|
package/lib/ui-layout.js
CHANGED
|
@@ -55,36 +55,6 @@ var theme = (0, _styles.createMuiTheme)({
|
|
|
55
55
|
root: {
|
|
56
56
|
fontFamily: 'inherit'
|
|
57
57
|
}
|
|
58
|
-
},
|
|
59
|
-
MuiRadio: {
|
|
60
|
-
root: {
|
|
61
|
-
'&$checked': {
|
|
62
|
-
color: '#3f51b5 !important'
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
},
|
|
66
|
-
MuiCheckbox: {
|
|
67
|
-
root: {
|
|
68
|
-
'&$checked': {
|
|
69
|
-
color: '#3f51b5 !important'
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
MuiTabs: {
|
|
74
|
-
root: {
|
|
75
|
-
borderBottom: '1px solid #eee'
|
|
76
|
-
}
|
|
77
|
-
},
|
|
78
|
-
MuiSwitch: {
|
|
79
|
-
root: {
|
|
80
|
-
'&$checked': {
|
|
81
|
-
color: '#3f51b5 !important',
|
|
82
|
-
'& + $bar': {
|
|
83
|
-
backgroundColor: '#3f51b5 !important',
|
|
84
|
-
opacity: 0.5
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
58
|
}
|
|
89
59
|
}
|
|
90
60
|
});
|
package/lib/ui-layout.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui-layout.jsx"],"names":["theme","typography","useNextVariants","fontFamily","palette","action","disabled","overrides","MuiTypography","root","
|
|
1
|
+
{"version":3,"sources":["../src/ui-layout.jsx"],"names":["theme","typography","useNextVariants","fontFamily","palette","action","disabled","overrides","MuiTypography","root","UiLayout","props","classesSheet","document","createElement","fontSizeFactor","getFontSize","element","parseFloat","getComputedStyle","fontSize","rootFontSize","documentElement","bodyFontSize","body","effectiveFontSize","Math","max","children","className","classes","rest","finalClass","extraCSSRules","uiLayoutContainer","restProps","style","computeStyle","AppendCSSRules","PropTypes","object","string","array","shape","names","arrayOf","rules","number","styles","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { createMuiTheme, MuiThemeProvider, withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport AppendCSSRules from './append-css-rules';\n\nconst theme = createMuiTheme({\n typography: {\n useNextVariants: true,\n fontFamily: 'inherit',\n },\n palette: {\n action: {\n disabled: 'rgba(0, 0, 0, 0.54);',\n },\n },\n overrides: {\n MuiTypography: {\n root: { fontFamily: 'inherit' },\n },\n },\n});\n\nclass UiLayout extends AppendCSSRules {\n static propTypes = {\n classes: PropTypes.object,\n className: PropTypes.string,\n children: PropTypes.array,\n extraCSSRules: PropTypes.shape({\n names: PropTypes.arrayOf(PropTypes.string),\n rules: PropTypes.string,\n }),\n fontSizeFactor: PropTypes.number,\n };\n\n static defaultProps = {\n extraCSSRules: {},\n fontSizeFactor: 1,\n };\n\n constructor(props) {\n super(props);\n this.classesSheet = document.createElement('style');\n }\n\n computeStyle(fontSizeFactor) {\n const getFontSize = (element) => parseFloat(getComputedStyle(element).fontSize);\n\n const rootFontSize = getFontSize(document.documentElement);\n const bodyFontSize = getFontSize(document.body);\n const effectiveFontSize = Math.max(rootFontSize, bodyFontSize);\n\n return fontSizeFactor !== 1 ? { fontSize: `${effectiveFontSize * fontSizeFactor}px` } : null;\n }\n\n render() {\n const { children, className, classes, fontSizeFactor, ...rest } = this.props;\n\n const finalClass = classNames(className, classes.extraCSSRules, classes.uiLayoutContainer);\n const { extraCSSRules, ...restProps } = rest;\n const style = this.computeStyle(fontSizeFactor);\n\n return (\n <MuiThemeProvider theme={theme}>\n <div className={finalClass} {...restProps} {...(style && { style })}>\n {children}\n </div>\n </MuiThemeProvider>\n );\n }\n}\n\nconst styles = {\n extraCSSRules: {},\n // need this because some browsers set their own style on table\n uiLayoutContainer: {\n '& table, th, td': {\n fontSize: 'inherit' /* Ensure table elements inherit font size */,\n },\n },\n};\n\nconst Styled = withStyles(styles)(UiLayout);\n\nexport default Styled;\n"],"file":"ui-layout.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-lib/render-ui",
|
|
3
|
-
"version": "4.35.2
|
|
3
|
+
"version": "4.35.2",
|
|
4
4
|
"description": "Some shared ui elements when rendering - but not worthy of their own package yet.",
|
|
5
5
|
"module": "src/index.js",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -28,5 +28,5 @@
|
|
|
28
28
|
"react": "^16.8.1",
|
|
29
29
|
"react-dom": "^16.8.1"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "193452b38b22d6fc622490ab3194221c2c575793"
|
|
32
32
|
}
|
package/src/ui-layout.jsx
CHANGED
|
@@ -18,36 +18,6 @@ const theme = createMuiTheme({
|
|
|
18
18
|
MuiTypography: {
|
|
19
19
|
root: { fontFamily: 'inherit' },
|
|
20
20
|
},
|
|
21
|
-
MuiRadio: {
|
|
22
|
-
root: {
|
|
23
|
-
'&$checked': {
|
|
24
|
-
color: '#3f51b5 !important',
|
|
25
|
-
},
|
|
26
|
-
},
|
|
27
|
-
},
|
|
28
|
-
MuiCheckbox: {
|
|
29
|
-
root: {
|
|
30
|
-
'&$checked': {
|
|
31
|
-
color: '#3f51b5 !important',
|
|
32
|
-
},
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
MuiTabs: {
|
|
36
|
-
root: {
|
|
37
|
-
borderBottom: '1px solid #eee',
|
|
38
|
-
},
|
|
39
|
-
},
|
|
40
|
-
MuiSwitch: {
|
|
41
|
-
root: {
|
|
42
|
-
'&$checked': {
|
|
43
|
-
color: '#3f51b5 !important',
|
|
44
|
-
'& + $bar': {
|
|
45
|
-
backgroundColor: '#3f51b5 !important',
|
|
46
|
-
opacity: 0.5,
|
|
47
|
-
},
|
|
48
|
-
},
|
|
49
|
-
},
|
|
50
|
-
},
|
|
51
21
|
},
|
|
52
22
|
});
|
|
53
23
|
|