@pie-lib/scoring-config 3.26.1 → 3.27.0-mui-update.0

package/CHANGELOG.md

@@ -3,18 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [3.26.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/scoring-config@3.22.2...@pie-lib/scoring-config@3.26.1) (2025-10-22)
+# [3.27.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/scoring-config@3.26.0-mui-update.0...@pie-lib/scoring-config@3.27.0-mui-update.0) (2025-11-05)
 
-
-### Bug Fixes
-
-* bump config-ui PD-5265 ([77d0c78](https://github.com/pie-framework/pie-lib/commit/77d0c78cacfa57e93ed17e7a7f1257f4a9cf6ab3))
+**Note:** Version bump only for package @pie-lib/scoring-config
 
 
 
 
 
-# [3.26.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/scoring-config@3.25.0...@pie-lib/scoring-config@3.26.0) (2025-10-16)
+# [3.26.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/scoring-config@3.25.0-mui-update.0...@pie-lib/scoring-config@3.26.0-mui-update.0) (2025-11-03)
 
 **Note:** Version bump only for package @pie-lib/scoring-config
 
@@ -22,7 +19,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [3.25.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/scoring-config@3.22.0...@pie-lib/scoring-config@3.25.0) (2025-10-16)
+# [3.25.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/scoring-config@3.23.0-mui-update.0...@pie-lib/scoring-config@3.25.0-mui-update.0) (2025-11-03)
 
 **Note:** Version bump only for package @pie-lib/scoring-config
 
@@ -30,17 +27,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [3.24.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/scoring-config@3.22.0...@pie-lib/scoring-config@3.24.0) (2025-10-16)
-
-**Note:** Version bump only for package @pie-lib/scoring-config
+# [3.23.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/scoring-config@3.22.2...@pie-lib/scoring-config@3.23.0-mui-update.0) (2025-10-31)
 
 
+### Features
 
-
-
-# [3.23.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/scoring-config@3.22.0...@pie-lib/scoring-config@3.23.0) (2025-10-16)
-
-**Note:** Version bump only for package @pie-lib/scoring-config
+* bump react and react-dom ([01dc19e](https://github.com/pie-framework/pie-lib/commit/01dc19e88bbc8d372c561d1511df1a82937d45af))
+* packages/scoring-config mui update PD-5268 ([7ca6f32](https://github.com/pie-framework/pie-lib/commit/7ca6f32cf8bbd7b5d79479d80b8d2edfe86f2fb3))
 
 
 

package/lib/index.js

@@ -1,80 +1,58 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.PartialScoringConfig = 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 _react = _interopRequireDefault(require("react"));
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
+var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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 PartialScoringConfig = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(PartialScoringConfig, _React$Component);
-
-  var _super = _createSuper(PartialScoringConfig);
-
+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 ScoringConfigContainer = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    paddingTop: theme.spacing(1)
+  };
+});
+var PartialScoringConfig = exports.PartialScoringConfig = /*#__PURE__*/function (_React$Component) {
   function PartialScoringConfig(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, PartialScoringConfig);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+    _this = _callSuper(this, PartialScoringConfig, [props]);
+    (0, _defineProperty2["default"])(_this, "state", {
       checked: false
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onCheckboxChanged", function () {
+    (0, _defineProperty2["default"])(_this, "onCheckboxChanged", function () {
       var checked = !_this.state.checked;
       var onChange = _this.props.onChange;
-
       _this.setState({
         checked: checked
       });
-
       onChange(checked);
     });
     var partialScoring = props.partialScoring;
     _this.state.checked = partialScoring;
     return _this;
   }
-
-  (0, _createClass2["default"])(PartialScoringConfig, [{
+  (0, _inherits2["default"])(PartialScoringConfig, _React$Component);
+  return (0, _createClass2["default"])(PartialScoringConfig, [{
     key: "render",
     value: function render() {
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          label = _this$props.label;
+      var label = this.props.label;
       var checked = this.state.checked;
       var textLabel = label || 'Each correct response is worth 1/X where X is the number of correct answer selections.';
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.scoringConfig
-      }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-        type: "subheading"
+      return /*#__PURE__*/_react["default"].createElement(ScoringConfigContainer, null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+        variant: "h6"
       }, "Partial Scoring Rules"), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, textLabel), /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
         checked: checked,
         onChange: this.onCheckboxChanged,
@@ -82,24 +60,11 @@ var PartialScoringConfig = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  return PartialScoringConfig;
 }(_react["default"].Component);
-
-exports.PartialScoringConfig = PartialScoringConfig;
 (0, _defineProperty2["default"])(PartialScoringConfig, "propTypes", {
   label: _propTypes["default"].string,
   partialScoring: _propTypes["default"].bool,
-  classes: _propTypes["default"].object.isRequired,
   onChange: _propTypes["default"].func
 });
-
-var _default = (0, _styles.withStyles)(function (theme) {
-  return {
-    scoringConfig: {
-      paddingTop: theme.spacing.unit
-    }
-  };
-})(PartialScoringConfig);
-
-exports["default"] = _default;
+var _default = exports["default"] = PartialScoringConfig;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.jsx"],"names":["PartialScoringConfig","props","checked","state","onChange","setState","partialScoring","classes","label","textLabel","scoringConfig","onCheckboxChanged","React","Component","PropTypes","string","bool","object","isRequired","func","theme","paddingTop","spacing","unit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,oB;;;;;AAYX,gCAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,8FAJX;AACNC,MAAAA,OAAO,EAAE;AADH,KAIW;AAAA,0GAQC,YAAM;AACxB,UAAMA,OAAO,GAAG,CAAC,MAAKC,KAAL,CAAWD,OAA5B;AACA,UAAQE,QAAR,GAAqB,MAAKH,KAA1B,CAAQG,QAAR;;AAEA,YAAKC,QAAL,CAAc;AACZH,QAAAA,OAAO,EAAPA;AADY,OAAd;;AAGAE,MAAAA,QAAQ,CAACF,OAAD,CAAR;AACD,KAhBkB;AAGjB,QAAQI,cAAR,GAA2BL,KAA3B,CAAQK,cAAR;AAEA,UAAKH,KAAL,CAAWD,OAAX,GAAqBI,cAArB;AALiB;AAMlB;;;;WAYD,kBAAS;AACP,wBAA2B,KAAKL,KAAhC;AAAA,UAAQM,OAAR,eAAQA,OAAR;AAAA,UAAiBC,KAAjB,eAAiBA,KAAjB;AACA,UAAQN,OAAR,GAAoB,KAAKC,KAAzB,CAAQD,OAAR;AACA,UAAMO,SAAS,GAAGD,KAAK,IAAI,wFAA3B;AAEA,0BACE;AAAK,QAAA,SAAS,EAAED,OAAO,CAACG;AAAxB,sBACE,gCAAC,sBAAD;AAAY,QAAA,IAAI,EAAC;AAAjB,iCADF,eAEE,2CAFF,eAGE,gCAAC,sBAAD,QAAaD,SAAb,CAHF,eAIE,gCAAC,oBAAD;AAAU,QAAA,OAAO,EAAEP,OAAnB;AAA4B,QAAA,QAAQ,EAAE,KAAKS,iBAA3C;AAA8D,QAAA,KAAK,EAAE;AAArE,QAJF,CADF;AAQD;;;EA3CuCC,kBAAMC,S;;;iCAAnCb,oB,eACQ;AACjBQ,EAAAA,KAAK,EAAEM,sBAAUC,MADA;AAEjBT,EAAAA,cAAc,EAAEQ,sBAAUE,IAFT;AAGjBT,EAAAA,OAAO,EAAEO,sBAAUG,MAAV,CAAiBC,UAHT;AAIjBd,EAAAA,QAAQ,EAAEU,sBAAUK;AAJH,C;;eA6CN,wBAAW,UAACC,KAAD;AAAA,SAAY;AACpCV,IAAAA,aAAa,EAAE;AACbW,MAAAA,UAAU,EAAED,KAAK,CAACE,OAAN,CAAcC;AADb;AADqB,GAAZ;AAAA,CAAX,EAIXvB,oBAJW,C","sourcesContent":["import React from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nexport class PartialScoringConfig extends React.Component {\n  static propTypes = {\n    label: PropTypes.string,\n    partialScoring: PropTypes.bool,\n    classes: PropTypes.object.isRequired,\n    onChange: PropTypes.func,\n  };\n\n  state = {\n    checked: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    const { partialScoring } = props;\n\n    this.state.checked = partialScoring;\n  }\n\n  onCheckboxChanged = () => {\n    const checked = !this.state.checked;\n    const { onChange } = this.props;\n\n    this.setState({\n      checked,\n    });\n    onChange(checked);\n  };\n\n  render() {\n    const { classes, label } = this.props;\n    const { checked } = this.state;\n    const textLabel = label || 'Each correct response is worth 1/X where X is the number of correct answer selections.';\n\n    return (\n      <div className={classes.scoringConfig}>\n        <Typography type=\"subheading\">Partial Scoring Rules</Typography>\n        <br />\n        <Typography>{textLabel}</Typography>\n        <Checkbox checked={checked} onChange={this.onCheckboxChanged} label={''} />\n      </div>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  scoringConfig: {\n    paddingTop: theme.spacing.unit,\n  },\n}))(PartialScoringConfig);\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_Typography","_Checkbox","_styles","_propTypes","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ScoringConfigContainer","styled","_ref","theme","paddingTop","spacing","PartialScoringConfig","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","checked","state","onChange","setState","partialScoring","_inherits2","_createClass2","key","value","render","label","textLabel","createElement","variant","onCheckboxChanged","React","Component","PropTypes","string","bool","func","_default"],"sources":["../src/index.jsx"],"sourcesContent":["import React from 'react';\nimport Typography from '@mui/material/Typography';\nimport Checkbox from '@mui/material/Checkbox';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\n\nconst ScoringConfigContainer = styled('div')(({ theme }) => ({\n  paddingTop: theme.spacing(1),\n}));\n\nexport class PartialScoringConfig extends React.Component {\n  static propTypes = {\n    label: PropTypes.string,\n    partialScoring: PropTypes.bool,\n    onChange: PropTypes.func,\n  };\n\n  state = {\n    checked: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    const { partialScoring } = props;\n\n    this.state.checked = partialScoring;\n  }\n\n  onCheckboxChanged = () => {\n    const checked = !this.state.checked;\n    const { onChange } = this.props;\n\n    this.setState({\n      checked,\n    });\n    onChange(checked);\n  };\n\n  render() {\n    const { label } = this.props;\n    const { checked } = this.state;\n    const textLabel = label || 'Each correct response is worth 1/X where X is the number of correct answer selections.';\n\n    return (\n      <ScoringConfigContainer>\n        <Typography variant=\"h6\">Partial Scoring Rules</Typography>\n        <br />\n        <Typography>{textLabel}</Typography>\n        <Checkbox checked={checked} onChange={this.onCheckboxChanged} label={''} />\n      </ScoringConfigContainer>\n    );\n  }\n}\n\nexport default PartialScoringConfig;\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/scoring-config",
-  "version": "3.26.1",
+  "version": "3.27.0-mui-update.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.jsx",
@@ -11,20 +11,21 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@material-ui/core": "^3.8.3",
-    "@material-ui/icons": "^3.0.2",
-    "@pie-lib/config-ui": "^11.30.1",
+    "@emotion/react": "^11.14.0",
+    "@emotion/style": "^0.8.0",
+    "@mui/icons-material": "^7.3.4",
+    "@mui/material": "^7.3.4",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
-    "react": "^16.8.1"
+    "react": "^18.2.0"
   },
   "devDependencies": {
-    "react": "^16.8.1",
-    "react-dom": "^16.9.0"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
-  "gitHead": "ce0ec7134200c51f3a3301257be3e707054b36ca"
+  "gitHead": "2e0222bda045f46b504640a972d43787e68288c4"
 }

package/src/index.jsx

@@ -1,14 +1,17 @@
 import React from 'react';
-import Typography from '@material-ui/core/Typography';
-import Checkbox from '@material-ui/core/Checkbox';
-import { withStyles } from '@material-ui/core/styles';
+import Typography from '@mui/material/Typography';
+import Checkbox from '@mui/material/Checkbox';
+import { styled } from '@mui/material/styles';
 import PropTypes from 'prop-types';
 
+const ScoringConfigContainer = styled('div')(({ theme }) => ({
+  paddingTop: theme.spacing(1),
+}));
+
 export class PartialScoringConfig extends React.Component {
   static propTypes = {
     label: PropTypes.string,
     partialScoring: PropTypes.bool,
-    classes: PropTypes.object.isRequired,
     onChange: PropTypes.func,
   };
 
@@ -35,23 +38,19 @@ export class PartialScoringConfig extends React.Component {
   };
 
   render() {
-    const { classes, label } = this.props;
+    const { label } = this.props;
     const { checked } = this.state;
     const textLabel = label || 'Each correct response is worth 1/X where X is the number of correct answer selections.';
 
     return (
-      <div className={classes.scoringConfig}>
-        <Typography type="subheading">Partial Scoring Rules</Typography>
+      <ScoringConfigContainer>
+        <Typography variant="h6">Partial Scoring Rules</Typography>
         <br />
         <Typography>{textLabel}</Typography>
         <Checkbox checked={checked} onChange={this.onCheckboxChanged} label={''} />
-      </div>
+      </ScoringConfigContainer>
     );
   }
 }
 
-export default withStyles((theme) => ({
-  scoringConfig: {
-    paddingTop: theme.spacing.unit,
-  },
-}))(PartialScoringConfig);
+export default PartialScoringConfig;