@pie-lib/config-ui 11.8.7-next.5 → 11.9.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/checkbox.js +11 -3
- package/lib/checkbox.js.map +1 -1
- package/package.json +3 -3
- package/src/checkbox.jsx +6 -3
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.9.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.8.6...@pie-lib/config-ui@11.9.0) (2023-07-31)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **config-ui:** add error support for checkboxes PD-2916 ([17b1f07](https://github.com/pie-framework/pie-lib/commit/17b1f07a5b57131663a162e7ba0ab76358e9bbe9))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [11.8.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.8.5...@pie-lib/config-ui@11.8.6) (2023-07-24)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @pie-lib/config-ui
|
package/lib/checkbox.js
CHANGED
|
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = void 0;
|
|
9
9
|
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
+
|
|
10
12
|
var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
|
|
11
13
|
|
|
12
14
|
var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
|
|
@@ -22,22 +24,25 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
22
24
|
var _grey = _interopRequireDefault(require("@material-ui/core/colors/grey"));
|
|
23
25
|
|
|
24
26
|
var Checkbox = function Checkbox(_ref) {
|
|
27
|
+
var _classNames2;
|
|
28
|
+
|
|
25
29
|
var mini = _ref.mini,
|
|
26
30
|
checked = _ref.checked,
|
|
27
31
|
onChange = _ref.onChange,
|
|
28
32
|
value = _ref.value,
|
|
29
33
|
label = _ref.label,
|
|
30
|
-
classes = _ref.classes
|
|
34
|
+
classes = _ref.classes,
|
|
35
|
+
error = _ref.error;
|
|
31
36
|
return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
|
|
32
37
|
className: (0, _classnames["default"])(classes.mini),
|
|
33
38
|
classes: {
|
|
34
|
-
label: (0, _classnames["default"])(classes.label,
|
|
39
|
+
label: (0, _classnames["default"])(classes.label, (0, _defineProperty2["default"])({}, classes.miniLabel, mini))
|
|
35
40
|
},
|
|
36
41
|
control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
|
|
37
42
|
checked: checked,
|
|
38
43
|
onChange: onChange,
|
|
39
44
|
value: value,
|
|
40
|
-
className: (0, _classnames["default"])(
|
|
45
|
+
className: (0, _classnames["default"])((_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, classes.miniCheckbox, mini), (0, _defineProperty2["default"])(_classNames2, classes.error, error), _classNames2))
|
|
41
46
|
}),
|
|
42
47
|
label: label
|
|
43
48
|
});
|
|
@@ -78,6 +83,9 @@ var _default = (0, _styles.withStyles)(function (theme) {
|
|
|
78
83
|
margin: 0,
|
|
79
84
|
marginLeft: 0,
|
|
80
85
|
padding: 0
|
|
86
|
+
},
|
|
87
|
+
error: {
|
|
88
|
+
color: theme.palette.error.main
|
|
81
89
|
}
|
|
82
90
|
};
|
|
83
91
|
})(Checkbox);
|
package/lib/checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/checkbox.jsx"],"names":["Checkbox","mini","checked","onChange","value","label","classes","miniLabel","miniCheckbox","propTypes","PropTypes","bool","object","isRequired","func","string","defaultProps","theme","fontSize","typography","transform","color","margin","padding","width","spacing","unit","height","marginLeft","grey"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/checkbox.jsx"],"names":["Checkbox","mini","checked","onChange","value","label","classes","error","miniLabel","miniCheckbox","propTypes","PropTypes","bool","object","isRequired","func","string","defaultProps","theme","fontSize","typography","transform","color","margin","padding","width","spacing","unit","height","marginLeft","grey","palette","main"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA;;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,MAASC,OAAT,QAASA,OAAT;AAAA,MAAkBC,QAAlB,QAAkBA,QAAlB;AAAA,MAA4BC,KAA5B,QAA4BA,KAA5B;AAAA,MAAmCC,KAAnC,QAAmCA,KAAnC;AAAA,MAA0CC,OAA1C,QAA0CA,OAA1C;AAAA,MAAmDC,KAAnD,QAAmDA,KAAnD;AAAA,sBACf,gCAAC,4BAAD;AACE,IAAA,SAAS,EAAE,4BAAWD,OAAO,CAACL,IAAnB,CADb;AAEE,IAAA,OAAO,EAAE;AACPI,MAAAA,KAAK,EAAE,4BAAWC,OAAO,CAACD,KAAnB,uCAA6BC,OAAO,CAACE,SAArC,EAAiDP,IAAjD;AADA,KAFX;AAKE,IAAA,OAAO,eACL,gCAAC,oBAAD;AACE,MAAA,OAAO,EAAEC,OADX;AAEE,MAAA,QAAQ,EAAEC,QAFZ;AAGE,MAAA,KAAK,EAAEC,KAHT;AAIE,MAAA,SAAS,EAAE,+FAAcE,OAAO,CAACG,YAAtB,EAAqCR,IAArC,kDAA4CK,OAAO,CAACC,KAApD,EAA4DA,KAA5D;AAJb,MANJ;AAaE,IAAA,KAAK,EAAEF;AAbT,IADe;AAAA,CAAjB;;AAkBAL,QAAQ,CAACU,SAAT,GAAqB;AACnBT,EAAAA,IAAI,EAAEU,sBAAUC,IADG;AAEnBN,EAAAA,OAAO,EAAEK,sBAAUE,MAAV,CAAiBC,UAFP;AAGnBZ,EAAAA,OAAO,EAAES,sBAAUC,IAAV,CAAeE,UAHL;AAInBX,EAAAA,QAAQ,EAAEQ,sBAAUI,IAAV,CAAeD,UAJN;AAKnBV,EAAAA,KAAK,EAAEO,sBAAUK,MALE;AAMnBX,EAAAA,KAAK,EAAEM,sBAAUK,MAAV,CAAiBF;AANL,CAArB;AASAd,QAAQ,CAACiB,YAAT,GAAwB;AACtBb,EAAAA,KAAK,EAAE,EADe;AAEtBH,EAAAA,IAAI,EAAE;AAFgB,CAAxB;;eAKe,wBAAW,UAACiB,KAAD;AAAA,SAAY;AACpCb,IAAAA,KAAK,EAAE;AACLc,MAAAA,QAAQ,EAAED,KAAK,CAACE,UAAN,CAAiBD,QAAjB,GAA4B,CADjC;AAELE,MAAAA,SAAS,EAAE,oBAFN;AAGLC,MAAAA,KAAK,EAAE;AAHF,KAD6B;AAMpCb,IAAAA,YAAY,EAAE;AACZc,MAAAA,MAAM,EAAE,CADI;AAEZC,MAAAA,OAAO,EAAE,CAFG;AAGZC,MAAAA,KAAK,EAAEP,KAAK,CAACQ,OAAN,CAAcC,IAAd,GAAqB,CAHhB;AAIZC,MAAAA,MAAM,EAAEV,KAAK,CAACQ,OAAN,CAAcC,IAAd,GAAqB;AAJjB,KANsB;AAYpCnB,IAAAA,SAAS,EAAE;AACTqB,MAAAA,UAAU,EAAEX,KAAK,CAACQ,OAAN,CAAcC,IADjB;AAETL,MAAAA,KAAK,EAAEQ,iBAAK,GAAL,CAFE;AAGTX,MAAAA,QAAQ,EAAED,KAAK,CAACE,UAAN,CAAiBD,QAAjB,GAA4B;AAH7B,KAZyB;AAiBpClB,IAAAA,IAAI,EAAE;AACJsB,MAAAA,MAAM,EAAE,CADJ;AAEJM,MAAAA,UAAU,EAAE,CAFR;AAGJL,MAAAA,OAAO,EAAE;AAHL,KAjB8B;AAsBpCjB,IAAAA,KAAK,EAAE;AACLe,MAAAA,KAAK,EAAEJ,KAAK,CAACa,OAAN,CAAcxB,KAAd,CAAoByB;AADtB;AAtB6B,GAAZ;AAAA,CAAX,EAyBXhC,QAzBW,C","sourcesContent":["import FormControlLabel from '@material-ui/core/FormControlLabel';\nimport MuiCheckbox from '@material-ui/core/Checkbox';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport grey from '@material-ui/core/colors/grey';\n\nconst Checkbox = ({ mini, checked, onChange, value, label, classes, error }) => (\n <FormControlLabel\n className={classNames(classes.mini)}\n classes={{\n label: classNames(classes.label, { [classes.miniLabel]: mini }),\n }}\n control={\n <MuiCheckbox\n checked={checked}\n onChange={onChange}\n value={value}\n className={classNames({ [classes.miniCheckbox]: mini, [classes.error]: error })}\n />\n }\n label={label}\n />\n);\n\nCheckbox.propTypes = {\n mini: PropTypes.bool,\n classes: PropTypes.object.isRequired,\n checked: PropTypes.bool.isRequired,\n onChange: PropTypes.func.isRequired,\n value: PropTypes.string,\n label: PropTypes.string.isRequired,\n};\n\nCheckbox.defaultProps = {\n value: '',\n mini: false,\n};\n\nexport default withStyles((theme) => ({\n label: {\n fontSize: theme.typography.fontSize - 1,\n transform: 'translate(-4%, 2%)',\n color: 'rgba(0,0,0,1.0)',\n },\n miniCheckbox: {\n margin: 0,\n padding: 0,\n width: theme.spacing.unit * 3,\n height: theme.spacing.unit * 3,\n },\n miniLabel: {\n marginLeft: theme.spacing.unit,\n color: grey[700],\n fontSize: theme.typography.fontSize - 3,\n },\n mini: {\n margin: 0,\n marginLeft: 0,\n padding: 0,\n },\n error: {\n color: theme.palette.error.main,\n },\n}))(Checkbox);\n"],"file":"checkbox.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-lib/config-ui",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.9.0",
|
|
4
4
|
"main": "lib/index.js",
|
|
5
5
|
"module": "src/index.js",
|
|
6
6
|
"publishConfig": {
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"dependencies": {
|
|
11
11
|
"@material-ui/core": "^3.8.3",
|
|
12
12
|
"@material-ui/icons": "^3.0.2",
|
|
13
|
-
"@pie-lib/editable-html": "^9.7.4
|
|
13
|
+
"@pie-lib/editable-html": "^9.7.4",
|
|
14
14
|
"@pie-lib/icons": "^2.4.43",
|
|
15
15
|
"@pie-lib/render-ui": "^4.14.29",
|
|
16
16
|
"classnames": "^2.2.6",
|
|
@@ -26,5 +26,5 @@
|
|
|
26
26
|
"peerDependencies": {
|
|
27
27
|
"react": "^16.8.1"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "08f774aadc4b8345e6fa4338a59cfd57938f3676"
|
|
30
30
|
}
|
package/src/checkbox.jsx
CHANGED
|
@@ -6,18 +6,18 @@ import { withStyles } from '@material-ui/core/styles';
|
|
|
6
6
|
import classNames from 'classnames';
|
|
7
7
|
import grey from '@material-ui/core/colors/grey';
|
|
8
8
|
|
|
9
|
-
const Checkbox = ({ mini, checked, onChange, value, label, classes }) => (
|
|
9
|
+
const Checkbox = ({ mini, checked, onChange, value, label, classes, error }) => (
|
|
10
10
|
<FormControlLabel
|
|
11
11
|
className={classNames(classes.mini)}
|
|
12
12
|
classes={{
|
|
13
|
-
label: classNames(classes.label,
|
|
13
|
+
label: classNames(classes.label, { [classes.miniLabel]: mini }),
|
|
14
14
|
}}
|
|
15
15
|
control={
|
|
16
16
|
<MuiCheckbox
|
|
17
17
|
checked={checked}
|
|
18
18
|
onChange={onChange}
|
|
19
19
|
value={value}
|
|
20
|
-
className={classNames(mini
|
|
20
|
+
className={classNames({ [classes.miniCheckbox]: mini, [classes.error]: error })}
|
|
21
21
|
/>
|
|
22
22
|
}
|
|
23
23
|
label={label}
|
|
@@ -60,4 +60,7 @@ export default withStyles((theme) => ({
|
|
|
60
60
|
marginLeft: 0,
|
|
61
61
|
padding: 0,
|
|
62
62
|
},
|
|
63
|
+
error: {
|
|
64
|
+
color: theme.palette.error.main,
|
|
65
|
+
},
|
|
63
66
|
}))(Checkbox);
|