@pie-lib/config-ui 11.29.0 → 11.30.0-mui-update.0

package/CHANGELOG.md

@@ -3,15 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [11.29.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.28.0...@pie-lib/config-ui@11.29.0) (2025-10-16)
+# [11.30.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.29.0-mui-update.0...@pie-lib/config-ui@11.30.0-mui-update.0) (2025-11-05)
 
-**Note:** Version bump only for package @pie-lib/config-ui
+
+### Bug Fixes
+
+* label positioning in input render-ui ([8012817](https://github.com/pie-framework/pie-lib/commit/80128173dc596181de296633e9413bba8b79db81))
+* remove parantheses ([07c8d13](https://github.com/pie-framework/pie-lib/commit/07c8d1366d768b1e22e31fb930a7d41a2a31d5ca))
 
 
 
 
 
-# [11.28.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.25.0...@pie-lib/config-ui@11.28.0) (2025-10-16)
+# [11.29.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.28.0-mui-update.0...@pie-lib/config-ui@11.29.0-mui-update.0) (2025-11-03)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
@@ -19,7 +23,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [11.27.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.25.0...@pie-lib/config-ui@11.27.0) (2025-10-16)
+# [11.28.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.26.0-mui-update.0...@pie-lib/config-ui@11.28.0-mui-update.0) (2025-11-03)
 
 **Note:** Version bump only for package @pie-lib/config-ui
 
@@ -27,9 +31,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [11.26.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.25.0...@pie-lib/config-ui@11.26.0) (2025-10-16)
+# [11.26.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.25.2...@pie-lib/config-ui@11.26.0-mui-update.0) (2025-10-31)
 
-**Note:** Version bump only for package @pie-lib/config-ui
+
+### Features
+
+* **config-ui:** migrate to material v5 PD-5258 ([3ea0799](https://github.com/pie-framework/pie-lib/commit/3ea0799ce78ca20c938c7765b7af5a47194c39d1))
+* bump react and react-dom ([01dc19e](https://github.com/pie-framework/pie-lib/commit/01dc19e88bbc8d372c561d1511df1a82937d45af))
 
 
 

package/lib/alert-dialog.js

@@ -1,46 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _core = require("@material-ui/core");
-
-var _styles = require("@material-ui/core/styles");
-
+var _material = require("@mui/material");
+var _styles = require("@mui/material/styles");
+var StyledDialogTitle = (0, _styles.styled)(_material.DialogTitle)(function () {
+  return {
+    fontSize: 'max(1.25rem, 18px)'
+  };
+});
+var StyledDialogContentText = (0, _styles.styled)(_material.DialogContentText)(function () {
+  return {
+    fontSize: 'max(1rem, 14px)'
+  };
+});
 var AlertDialog = function AlertDialog(_ref) {
   var text = _ref.text,
-      title = _ref.title,
-      onClose = _ref.onClose,
-      onConfirm = _ref.onConfirm,
-      open = _ref.open,
-      onCloseText = _ref.onCloseText,
-      onConfirmText = _ref.onConfirmText,
-      classes = _ref.classes;
-  return /*#__PURE__*/_react["default"].createElement(_core.Dialog, {
+    title = _ref.title,
+    onClose = _ref.onClose,
+    onConfirm = _ref.onConfirm,
+    open = _ref.open,
+    onCloseText = _ref.onCloseText,
+    onConfirmText = _ref.onConfirmText;
+  return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
     open: open,
     onClose: onClose
-  }, title && /*#__PURE__*/_react["default"].createElement(_core.DialogTitle, {
-    className: classes.heading
-  }, title), text && /*#__PURE__*/_react["default"].createElement(_core.DialogContent, null, /*#__PURE__*/_react["default"].createElement(_core.DialogContentText, {
-    className: classes.subheading
-  }, text)), /*#__PURE__*/_react["default"].createElement(_core.DialogActions, null, onClose && /*#__PURE__*/_react["default"].createElement(_core.Button, {
+  }, title && /*#__PURE__*/_react["default"].createElement(StyledDialogTitle, null, title), text && /*#__PURE__*/_react["default"].createElement(_material.DialogContent, null, /*#__PURE__*/_react["default"].createElement(StyledDialogContentText, null, text)), /*#__PURE__*/_react["default"].createElement(_material.DialogActions, null, onClose && /*#__PURE__*/_react["default"].createElement(_material.Button, {
     onClick: onClose,
     color: "primary"
-  }, onCloseText), onConfirm && /*#__PURE__*/_react["default"].createElement(_core.Button, {
+  }, onCloseText), onConfirm && /*#__PURE__*/_react["default"].createElement(_material.Button, {
     autoFocus: true,
     onClick: onConfirm,
     color: "primary"
   }, onConfirmText)));
 };
-
 AlertDialog.defaultProps = {
   onCloseText: 'CANCEL',
   onConfirmText: 'OK'
@@ -52,24 +50,7 @@ AlertDialog.propTypes = {
   onConfirm: _propTypes["default"].func,
   open: _propTypes["default"].bool,
   onConfirmText: _propTypes["default"].string,
-  onCloseText: _propTypes["default"].string,
-  classes: _propTypes["default"].object
+  onCloseText: _propTypes["default"].string
 };
-
-var styles = function styles() {
-  return {
-    heading: {
-      '& h2': {
-        fontSize: 'max(1.25rem, 18px)'
-      }
-    },
-    subheading: {
-      fontSize: 'max(1rem, 14px)'
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(AlertDialog);
-
-exports["default"] = _default;
+var _default = exports["default"] = AlertDialog;
 //# sourceMappingURL=alert-dialog.js.map

package/lib/alert-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/alert-dialog.jsx"],"names":["AlertDialog","text","title","onClose","onConfirm","open","onCloseText","onConfirmText","classes","heading","subheading","defaultProps","propTypes","PropTypes","oneOfType","string","object","func","bool","styles","fontSize"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,MAASC,KAAT,QAASA,KAAT;AAAA,MAAgBC,OAAhB,QAAgBA,OAAhB;AAAA,MAAyBC,SAAzB,QAAyBA,SAAzB;AAAA,MAAoCC,IAApC,QAAoCA,IAApC;AAAA,MAA0CC,WAA1C,QAA0CA,WAA1C;AAAA,MAAuDC,aAAvD,QAAuDA,aAAvD;AAAA,MAAsEC,OAAtE,QAAsEA,OAAtE;AAAA,sBAClB,gCAAC,YAAD;AAAQ,IAAA,IAAI,EAAEH,IAAd;AAAoB,IAAA,OAAO,EAAEF;AAA7B,KACGD,KAAK,iBAAI,gCAAC,iBAAD;AAAa,IAAA,SAAS,EAAEM,OAAO,CAACC;AAAhC,KAA0CP,KAA1C,CADZ,EAEGD,IAAI,iBACH,gCAAC,mBAAD,qBACE,gCAAC,uBAAD;AAAmB,IAAA,SAAS,EAAEO,OAAO,CAACE;AAAtC,KAAmDT,IAAnD,CADF,CAHJ,eAOE,gCAAC,mBAAD,QACGE,OAAO,iBACN,gCAAC,YAAD;AAAQ,IAAA,OAAO,EAAEA,OAAjB;AAA0B,IAAA,KAAK,EAAC;AAAhC,KACGG,WADH,CAFJ,EAMGF,SAAS,iBACR,gCAAC,YAAD;AAAQ,IAAA,SAAS,MAAjB;AAAkB,IAAA,OAAO,EAAEA,SAA3B;AAAsC,IAAA,KAAK,EAAC;AAA5C,KACGG,aADH,CAPJ,CAPF,CADkB;AAAA,CAApB;;AAuBAP,WAAW,CAACW,YAAZ,GAA2B;AACzBL,EAAAA,WAAW,EAAE,QADY;AAEzBC,EAAAA,aAAa,EAAE;AAFU,CAA3B;AAKAP,WAAW,CAACY,SAAZ,GAAwB;AACtBX,EAAAA,IAAI,EAAEY,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,MAAX,EAAmBF,sBAAUG,MAA7B,CAApB,CADgB;AAEtBd,EAAAA,KAAK,EAAEW,sBAAUE,MAFK;AAGtBZ,EAAAA,OAAO,EAAEU,sBAAUI,IAHG;AAItBb,EAAAA,SAAS,EAAES,sBAAUI,IAJC;AAKtBZ,EAAAA,IAAI,EAAEQ,sBAAUK,IALM;AAMtBX,EAAAA,aAAa,EAAEM,sBAAUE,MANH;AAOtBT,EAAAA,WAAW,EAAEO,sBAAUE,MAPD;AAQtBP,EAAAA,OAAO,EAAEK,sBAAUG;AARG,CAAxB;;AAWA,IAAMG,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBV,IAAAA,OAAO,EAAE;AACP,cAAQ;AACNW,QAAAA,QAAQ,EAAE;AADJ;AADD,KADW;AAMpBV,IAAAA,UAAU,EAAE;AACVU,MAAAA,QAAQ,EAAE;AADA;AANQ,GAAP;AAAA,CAAf;;eAWe,wBAAWD,MAAX,EAAmBnB,WAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst AlertDialog = ({ text, title, onClose, onConfirm, open, onCloseText, onConfirmText, classes }) => (\n  <Dialog open={open} onClose={onClose}>\n    {title && <DialogTitle className={classes.heading}>{title}</DialogTitle>}\n    {text && (\n      <DialogContent>\n        <DialogContentText className={classes.subheading}>{text}</DialogContentText>\n      </DialogContent>\n    )}\n    <DialogActions>\n      {onClose && (\n        <Button onClick={onClose} color=\"primary\">\n          {onCloseText}\n        </Button>\n      )}\n      {onConfirm && (\n        <Button autoFocus onClick={onConfirm} color=\"primary\">\n          {onConfirmText}\n        </Button>\n      )}\n    </DialogActions>\n  </Dialog>\n);\n\nAlertDialog.defaultProps = {\n  onCloseText: 'CANCEL',\n  onConfirmText: 'OK',\n};\n\nAlertDialog.propTypes = {\n  text: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  title: PropTypes.string,\n  onClose: PropTypes.func,\n  onConfirm: PropTypes.func,\n  open: PropTypes.bool,\n  onConfirmText: PropTypes.string,\n  onCloseText: PropTypes.string,\n  classes: PropTypes.object,\n};\n\nconst styles = () => ({\n  heading: {\n    '& h2': {\n      fontSize: 'max(1.25rem, 18px)',\n    },\n  },\n  subheading: {\n    fontSize: 'max(1rem, 14px)',\n  },\n});\n\nexport default withStyles(styles)(AlertDialog);\n"],"file":"alert-dialog.js"}
+{"version":3,"file":"alert-dialog.js","names":["_react","_interopRequireDefault","require","_propTypes","_material","_styles","StyledDialogTitle","styled","DialogTitle","fontSize","StyledDialogContentText","DialogContentText","AlertDialog","_ref","text","title","onClose","onConfirm","open","onCloseText","onConfirmText","createElement","Dialog","DialogContent","DialogActions","Button","onClick","color","autoFocus","defaultProps","propTypes","PropTypes","oneOfType","string","object","func","bool","_default","exports"],"sources":["../src/alert-dialog.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nconst StyledDialogTitle = styled(DialogTitle)(() => ({\n  fontSize: 'max(1.25rem, 18px)',\n}));\n\nconst StyledDialogContentText = styled(DialogContentText)(() => ({\n  fontSize: 'max(1rem, 14px)',\n}));\n\nconst AlertDialog = ({ text, title, onClose, onConfirm, open, onCloseText, onConfirmText }) => (\n  <Dialog open={open} onClose={onClose}>\n    {title && <StyledDialogTitle>{title}</StyledDialogTitle>}\n    {text && (\n      <DialogContent>\n        <StyledDialogContentText>{text}</StyledDialogContentText>\n      </DialogContent>\n    )}\n    <DialogActions>\n      {onClose && (\n        <Button onClick={onClose} color=\"primary\">\n          {onCloseText}\n        </Button>\n      )}\n      {onConfirm && (\n        <Button autoFocus onClick={onConfirm} color=\"primary\">\n          {onConfirmText}\n        </Button>\n      )}\n    </DialogActions>\n  </Dialog>\n);\n\nAlertDialog.defaultProps = {\n  onCloseText: 'CANCEL',\n  onConfirmText: 'OK',\n};\n\nAlertDialog.propTypes = {\n  text: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  title: PropTypes.string,\n  onClose: PropTypes.func,\n  onConfirm: PropTypes.func,\n  open: PropTypes.bool,\n  onConfirmText: PropTypes.string,\n  onCloseText: PropTypes.string,\n};\n\nexport default AlertDialog;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAMI,iBAAiB,GAAG,IAAAC,cAAM,EAACC,qBAAW,CAAC,CAAC;EAAA,OAAO;IACnDC,QAAQ,EAAE;EACZ,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,uBAAuB,GAAG,IAAAH,cAAM,EAACI,2BAAiB,CAAC,CAAC;EAAA,OAAO;IAC/DF,QAAQ,EAAE;EACZ,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA;EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IAAEC,aAAa,GAAAP,IAAA,CAAbO,aAAa;EAAA,oBACtFpB,MAAA,YAAAqB,aAAA,CAACjB,SAAA,CAAAkB,MAAM;IAACJ,IAAI,EAAEA,IAAK;IAACF,OAAO,EAAEA;EAAQ,GAClCD,KAAK,iBAAIf,MAAA,YAAAqB,aAAA,CAACf,iBAAiB,QAAES,KAAyB,CAAC,EACvDD,IAAI,iBACHd,MAAA,YAAAqB,aAAA,CAACjB,SAAA,CAAAmB,aAAa,qBACZvB,MAAA,YAAAqB,aAAA,CAACX,uBAAuB,QAAEI,IAA8B,CAC3C,CAChB,eACDd,MAAA,YAAAqB,aAAA,CAACjB,SAAA,CAAAoB,aAAa,QACXR,OAAO,iBACNhB,MAAA,YAAAqB,aAAA,CAACjB,SAAA,CAAAqB,MAAM;IAACC,OAAO,EAAEV,OAAQ;IAACW,KAAK,EAAC;EAAS,GACtCR,WACK,CACT,EACAF,SAAS,iBACRjB,MAAA,YAAAqB,aAAA,CAACjB,SAAA,CAAAqB,MAAM;IAACG,SAAS;IAACF,OAAO,EAAET,SAAU;IAACU,KAAK,EAAC;EAAS,GAClDP,aACK,CAEG,CACT,CAAC;AAAA,CACV;AAEDR,WAAW,CAACiB,YAAY,GAAG;EACzBV,WAAW,EAAE,QAAQ;EACrBC,aAAa,EAAE;AACjB,CAAC;AAEDR,WAAW,CAACkB,SAAS,GAAG;EACtBhB,IAAI,EAAEiB,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC;EAC/DnB,KAAK,EAAEgB,qBAAS,CAACE,MAAM;EACvBjB,OAAO,EAAEe,qBAAS,CAACI,IAAI;EACvBlB,SAAS,EAAEc,qBAAS,CAACI,IAAI;EACzBjB,IAAI,EAAEa,qBAAS,CAACK,IAAI;EACpBhB,aAAa,EAAEW,qBAAS,CAACE,MAAM;EAC/Bd,WAAW,EAAEY,qBAAS,CAACE;AACzB,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEa1B,WAAW","ignoreList":[]}

package/lib/checkbox.js

@@ -1,99 +1,84 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
-
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _grey = _interopRequireDefault(require("@material-ui/core/colors/grey"));
-
+var _styles = require("@mui/material/styles");
 var _renderUi = require("@pie-lib/render-ui");
-
-var Checkbox = function Checkbox(_ref) {
-  var _classNames2;
-
-  var mini = _ref.mini,
-      checked = _ref.checked,
-      onChange = _ref.onChange,
-      value = _ref.value,
-      label = _ref.label,
-      classes = _ref.classes,
-      error = _ref.error;
-  return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-    className: (0, _classnames["default"])(classes.mini),
-    classes: {
-      label: (0, _classnames["default"])(classes.label, (0, _defineProperty2["default"])({}, classes.miniLabel, mini))
-    },
-    control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+var _colors = require("@mui/material/colors");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StyledFormControlLabel = (0, _styles.styled)(_FormControlLabel["default"])(function (_ref) {
+  var theme = _ref.theme,
+    mini = _ref.mini;
+  return {
+    margin: 0,
+    marginLeft: 0,
+    padding: 0,
+    '& .MuiFormControlLabel-label': _objectSpread({
+      fontSize: theme.typography.fontSize - 1,
+      transform: 'translate(-4%, 2%)',
+      color: 'rgba(0,0,0,1.0)'
+    }, mini && {
+      marginLeft: theme.spacing(1),
+      color: _colors.grey[700],
+      fontSize: theme.typography.fontSize - 3
+    })
+  };
+});
+var StyledCheckbox = (0, _styles.styled)(_Checkbox["default"])(function (_ref2) {
+  var theme = _ref2.theme,
+    mini = _ref2.mini,
+    error = _ref2.error;
+  return _objectSpread(_objectSpread({
+    color: "".concat(_renderUi.color.tertiary(), " !important")
+  }, mini && {
+    margin: 0,
+    padding: 0,
+    width: theme.spacing(3),
+    height: theme.spacing(3)
+  }), error && {
+    color: "".concat(theme.palette.error.main, " !important")
+  });
+});
+var Checkbox = function Checkbox(_ref3) {
+  var mini = _ref3.mini,
+    checked = _ref3.checked,
+    onChange = _ref3.onChange,
+    value = _ref3.value,
+    label = _ref3.label,
+    error = _ref3.error;
+  return /*#__PURE__*/_react["default"].createElement(StyledFormControlLabel, {
+    mini: mini,
+    control: /*#__PURE__*/_react["default"].createElement(StyledCheckbox, {
       checked: checked,
       onChange: onChange,
       value: value,
-      className: (0, _classnames["default"])(classes.customColor, (_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, classes.miniCheckbox, mini), (0, _defineProperty2["default"])(_classNames2, classes.error, error), _classNames2))
+      mini: mini,
+      error: error
     }),
     label: label
   });
 };
-
 Checkbox.propTypes = {
   mini: _propTypes["default"].bool,
-  classes: _propTypes["default"].object.isRequired,
   checked: _propTypes["default"].bool.isRequired,
   onChange: _propTypes["default"].func.isRequired,
   value: _propTypes["default"].string,
-  label: _propTypes["default"].string.isRequired
+  label: _propTypes["default"].string.isRequired,
+  error: _propTypes["default"].bool
 };
 Checkbox.defaultProps = {
   value: '',
-  mini: false
+  mini: false,
+  error: false
 };
-
-var _default = (0, _styles.withStyles)(function (theme) {
-  return {
-    label: {
-      fontSize: theme.typography.fontSize - 1,
-      transform: 'translate(-4%, 2%)',
-      color: 'rgba(0,0,0,1.0)'
-    },
-    miniCheckbox: {
-      margin: 0,
-      padding: 0,
-      width: theme.spacing.unit * 3,
-      height: theme.spacing.unit * 3
-    },
-    miniLabel: {
-      marginLeft: theme.spacing.unit,
-      color: _grey["default"][700],
-      fontSize: theme.typography.fontSize - 3
-    },
-    mini: {
-      margin: 0,
-      marginLeft: 0,
-      padding: 0
-    },
-    error: {
-      color: theme.palette.error.main
-    },
-    customColor: {
-      color: "".concat(_renderUi.color.tertiary(), " !important")
-    }
-  };
-})(Checkbox);
-
-exports["default"] = _default;
+var _default = exports["default"] = Checkbox;
 //# sourceMappingURL=checkbox.js.map

package/lib/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/checkbox.jsx"],"names":["Checkbox","mini","checked","onChange","value","label","classes","error","miniLabel","customColor","miniCheckbox","propTypes","PropTypes","bool","object","isRequired","func","string","defaultProps","theme","fontSize","typography","transform","color","margin","padding","width","spacing","unit","height","marginLeft","grey","palette","main","tertiary"],"mappings":"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","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';\nimport { color } from '@pie-lib/render-ui';\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.customColor, {\n          [classes.miniCheckbox]: mini,\n          [classes.error]: error,\n        })}\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  customColor: {\n    color: `${color.tertiary()} !important`,\n  },\n}))(Checkbox);\n"],"file":"checkbox.js"}
+{"version":3,"file":"checkbox.js","names":["_FormControlLabel","_interopRequireDefault","require","_Checkbox","_propTypes","_react","_styles","_renderUi","_colors","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledFormControlLabel","styled","FormControlLabel","_ref","theme","mini","margin","marginLeft","padding","fontSize","typography","transform","color","spacing","grey","StyledCheckbox","MuiCheckbox","_ref2","error","concat","tertiary","width","height","palette","main","Checkbox","_ref3","checked","onChange","value","label","createElement","control","propTypes","PropTypes","bool","isRequired","func","string","defaultProps","_default","exports"],"sources":["../src/checkbox.jsx"],"sourcesContent":["import FormControlLabel from '@mui/material/FormControlLabel';\nimport MuiCheckbox from '@mui/material/Checkbox';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\nimport { grey } from '@mui/material/colors';\n\nconst StyledFormControlLabel = styled(FormControlLabel)(({ theme, mini }) => ({\n  margin: 0,\n  marginLeft: 0,\n  padding: 0,\n  '& .MuiFormControlLabel-label': {\n    fontSize: theme.typography.fontSize - 1,\n    transform: 'translate(-4%, 2%)',\n    color: 'rgba(0,0,0,1.0)',\n    ...(mini && {\n      marginLeft: theme.spacing(1),\n      color: grey[700],\n      fontSize: theme.typography.fontSize - 3,\n    }),\n  },\n}));\n\nconst StyledCheckbox = styled(MuiCheckbox)(({ theme, mini, error }) => ({\n  color: `${color.tertiary()} !important`,\n  ...(mini && {\n    margin: 0,\n    padding: 0,\n    width: theme.spacing(3),\n    height: theme.spacing(3),\n  }),\n  ...(error && {\n    color: `${theme.palette.error.main} !important`,\n  }),\n}));\n\nconst Checkbox = ({ mini, checked, onChange, value, label, error }) => (\n  <StyledFormControlLabel\n    mini={mini}\n    control={\n      <StyledCheckbox\n        checked={checked}\n        onChange={onChange}\n        value={value}\n        mini={mini}\n        error={error}\n      />\n    }\n    label={label}\n  />\n);\n\nCheckbox.propTypes = {\n  mini: PropTypes.bool,\n  checked: PropTypes.bool.isRequired,\n  onChange: PropTypes.func.isRequired,\n  value: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  error: PropTypes.bool,\n};\n\nCheckbox.defaultProps = {\n  value: '',\n  mini: false,\n  error: false,\n};\n\nexport default Checkbox;\n"],"mappings":"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","ignoreList":[]}

package/lib/choice-configuration/feedback-menu.js

@@ -1,59 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.IconMenu = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
-
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
-var _Feedback = _interopRequireDefault(require("@material-ui/icons/Feedback"));
-
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
+var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _Feedback = _interopRequireDefault(require("@mui/icons-material/Feedback"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var IconMenu = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(IconMenu, _React$Component);
-
-  var _super = _createSuper(IconMenu);
-
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var IconMenu = exports.IconMenu = /*#__PURE__*/function (_React$Component) {
   function IconMenu(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, IconMenu);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (event) {
+    _this = _callSuper(this, IconMenu, [props]);
+    (0, _defineProperty2["default"])(_this, "handleClick", function (event) {
       _this.setState({
         open: true,
         anchorEl: event.currentTarget
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleRequestClose", function () {
+    (0, _defineProperty2["default"])(_this, "handleRequestClose", function () {
       _this.setState({
         open: false
       });
@@ -64,25 +41,21 @@ var IconMenu = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
-  (0, _createClass2["default"])(IconMenu, [{
+  (0, _inherits2["default"])(IconMenu, _React$Component);
+  return (0, _createClass2["default"])(IconMenu, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          opts = _this$props.opts,
-          onClick = _this$props.onClick;
+        opts = _this$props.opts,
+        onClick = _this$props.onClick;
       var keys = Object.keys(opts);
-
       var handleMenuClick = function handleMenuClick(key) {
         return function () {
           onClick(key);
-
           _this2.handleRequestClose();
         };
       };
-
       return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
         onClick: this.handleClick
       }, this.props.iconButtonElement), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
@@ -98,44 +71,35 @@ var IconMenu = /*#__PURE__*/function (_React$Component) {
       })));
     }
   }]);
-  return IconMenu;
 }(_react["default"].Component);
-
-exports.IconMenu = IconMenu;
 (0, _defineProperty2["default"])(IconMenu, "propTypes", {
   opts: _propTypes["default"].object,
   onClick: _propTypes["default"].func.isRequired,
   iconButtonElement: _propTypes["default"].any
 });
-
-var FeedbackMenu = /*#__PURE__*/function (_React$Component2) {
-  (0, _inherits2["default"])(FeedbackMenu, _React$Component2);
-
-  var _super2 = _createSuper(FeedbackMenu);
-
+var FeedbackMenu = exports["default"] = /*#__PURE__*/function (_React$Component2) {
   function FeedbackMenu() {
     (0, _classCallCheck2["default"])(this, FeedbackMenu);
-    return _super2.apply(this, arguments);
+    return _callSuper(this, FeedbackMenu, arguments);
   }
-
-  (0, _createClass2["default"])(FeedbackMenu, [{
+  (0, _inherits2["default"])(FeedbackMenu, _React$Component2);
+  return (0, _createClass2["default"])(FeedbackMenu, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          value = _this$props2.value,
-          onChange = _this$props2.onChange,
-          classes = _this$props2.classes;
+        value = _this$props2.value,
+        onChange = _this$props2.onChange,
+        classes = _this$props2.classes;
       var t = value && value.type;
       var iconColor = t === 'custom' || t === 'default' ? 'primary' : 'disabled';
       var tooltip = t === 'custom' ? 'Custom Feedback' : t === 'default' ? 'Default Feedback' : 'Feedback disabled';
-
       var icon = /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         className: classes.icon,
-        "aria-label": tooltip
+        "aria-label": tooltip,
+        size: "large"
       }, /*#__PURE__*/_react["default"].createElement(_Feedback["default"], {
         color: iconColor
       }));
-
       return /*#__PURE__*/_react["default"].createElement(IconMenu, {
         iconButtonElement: icon,
         onClick: function onClick(key) {
@@ -149,10 +113,7 @@ var FeedbackMenu = /*#__PURE__*/function (_React$Component2) {
       });
     }
   }]);
-  return FeedbackMenu;
 }(_react["default"].Component);
-
-exports["default"] = FeedbackMenu;
 (0, _defineProperty2["default"])(FeedbackMenu, "propTypes", {
   value: _propTypes["default"].object,
   onChange: _propTypes["default"].func.isRequired,

package/lib/choice-configuration/feedback-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/choice-configuration/feedback-menu.jsx"],"names":["IconMenu","props","event","setState","open","anchorEl","currentTarget","state","undefined","opts","onClick","keys","Object","handleMenuClick","key","handleRequestClose","handleClick","iconButtonElement","map","k","index","React","Component","PropTypes","object","func","isRequired","any","FeedbackMenu","value","onChange","classes","t","type","iconColor","tooltip","icon","none","custom"],"mappings":"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","sourcesContent":["import Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport ActionFeedback from '@material-ui/icons/Feedback';\nimport IconButton from '@material-ui/core/IconButton';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nexport class IconMenu extends React.Component {\n  static propTypes = {\n    opts: PropTypes.object,\n    onClick: PropTypes.func.isRequired,\n    iconButtonElement: PropTypes.any,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      anchorEl: undefined,\n      open: false,\n    };\n  }\n\n  handleClick = (event) => {\n    this.setState({ open: true, anchorEl: event.currentTarget });\n  };\n\n  handleRequestClose = () => {\n    this.setState({ open: false });\n  };\n\n  render() {\n    const { opts, onClick } = this.props;\n    const keys = Object.keys(opts);\n\n    const handleMenuClick = (key) => () => {\n      onClick(key);\n      this.handleRequestClose();\n    };\n\n    return (\n      <div>\n        <div onClick={this.handleClick}>{this.props.iconButtonElement}</div>\n        <Menu id=\"simple-menu\" anchorEl={this.state.anchorEl} open={this.state.open} onClose={this.handleRequestClose}>\n          {keys.map((k, index) => (\n            <MenuItem key={index} onClick={handleMenuClick(k)}>\n              {opts[k]}\n            </MenuItem>\n          ))}\n        </Menu>\n      </div>\n    );\n  }\n}\n\nexport default class FeedbackMenu extends React.Component {\n  static propTypes = {\n    value: PropTypes.object,\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n  };\n\n  static defaultProps = {\n    classes: {},\n  };\n\n  render() {\n    const { value, onChange, classes } = this.props;\n    const t = value && value.type;\n    const iconColor = t === 'custom' || t === 'default' ? 'primary' : 'disabled';\n    const tooltip = t === 'custom' ? 'Custom Feedback' : t === 'default' ? 'Default Feedback' : 'Feedback disabled';\n\n    const icon = (\n      <IconButton className={classes.icon} aria-label={tooltip}>\n        <ActionFeedback color={iconColor} />\n      </IconButton>\n    );\n\n    return (\n      <IconMenu\n        iconButtonElement={icon}\n        onClick={(key) => onChange(key)}\n        opts={{\n          none: 'No Feedback',\n          default: 'Default',\n          custom: 'Custom',\n        }}\n      />\n    );\n  }\n}\n"],"file":"feedback-menu.js"}
+{"version":3,"file":"feedback-menu.js","names":["_Menu","_interopRequireDefault","require","_MenuItem","_Feedback","_IconButton","_propTypes","_react","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","IconMenu","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","event","setState","open","anchorEl","currentTarget","state","undefined","_inherits2","_createClass2","key","value","render","_this2","_this$props","opts","onClick","keys","Object","handleMenuClick","handleRequestClose","createElement","handleClick","iconButtonElement","id","onClose","map","k","index","React","Component","PropTypes","object","func","isRequired","any","FeedbackMenu","_React$Component2","arguments","_this$props2","onChange","classes","type","iconColor","tooltip","icon","className","size","color","none","custom"],"sources":["../../src/choice-configuration/feedback-menu.jsx"],"sourcesContent":["import Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport ActionFeedback from '@mui/icons-material/Feedback';\nimport IconButton from '@mui/material/IconButton';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nexport class IconMenu extends React.Component {\n  static propTypes = {\n    opts: PropTypes.object,\n    onClick: PropTypes.func.isRequired,\n    iconButtonElement: PropTypes.any,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      anchorEl: undefined,\n      open: false,\n    };\n  }\n\n  handleClick = (event) => {\n    this.setState({ open: true, anchorEl: event.currentTarget });\n  };\n\n  handleRequestClose = () => {\n    this.setState({ open: false });\n  };\n\n  render() {\n    const { opts, onClick } = this.props;\n    const keys = Object.keys(opts);\n\n    const handleMenuClick = (key) => () => {\n      onClick(key);\n      this.handleRequestClose();\n    };\n\n    return (\n      <div>\n        <div onClick={this.handleClick}>{this.props.iconButtonElement}</div>\n        <Menu id=\"simple-menu\" anchorEl={this.state.anchorEl} open={this.state.open} onClose={this.handleRequestClose}>\n          {keys.map((k, index) => (\n            <MenuItem key={index} onClick={handleMenuClick(k)}>\n              {opts[k]}\n            </MenuItem>\n          ))}\n        </Menu>\n      </div>\n    );\n  }\n}\n\nexport default class FeedbackMenu extends React.Component {\n  static propTypes = {\n    value: PropTypes.object,\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n  };\n\n  static defaultProps = {\n    classes: {},\n  };\n\n  render() {\n    const { value, onChange, classes } = this.props;\n    const t = value && value.type;\n    const iconColor = t === 'custom' || t === 'default' ? 'primary' : 'disabled';\n    const tooltip = t === 'custom' ? 'Custom Feedback' : t === 'default' ? 'Default Feedback' : 'Feedback disabled';\n\n    const icon = (\n      <IconButton className={classes.icon} aria-label={tooltip} size=\"large\">\n        <ActionFeedback color={iconColor} />\n      </IconButton>\n    );\n\n    return (\n      <IconMenu\n        iconButtonElement={icon}\n        onClick={(key) => onChange(key)}\n        opts={{\n          none: 'No Feedback',\n          default: 'Default',\n          custom: 'Custom',\n        }}\n      />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}