@pie-element/fraction-model 4.3.4-next.3 → 5.0.0-beta.1

package/CHANGELOG.md

@@ -3,17 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [4.3.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/fraction-model@4.3.2...@pie-element/fraction-model@4.3.3) (2025-11-27)
-
-
-### Bug Fixes
-
-* bump libs PD-5274, PD-5211, PD-5248 ([7610b25](https://github.com/pie-framework/pie-elements/commit/7610b25423956b6492f33322513b3430051fca77))
-
-
-
-
-
 ## [4.3.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/fraction-model@4.3.1...@pie-element/fraction-model@4.3.2) (2025-10-22)
 
 

package/configure/CHANGELOG.md

@@ -3,17 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [3.3.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/fraction-model-configure@3.3.2...@pie-element/fraction-model-configure@3.3.3) (2025-11-27)
-
-
-### Bug Fixes
-
-* bump libs PD-5274, PD-5211, PD-5248 ([7610b25](https://github.com/pie-framework/pie-elements/commit/7610b25423956b6492f33322513b3430051fca77))
-
-
-
-
-
 ## [3.3.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/fraction-model-configure@3.3.1...@pie-element/fraction-model-configure@3.3.2) (2025-10-22)
 
 

package/configure/lib/card-bar.js

@@ -1,78 +1,57 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
-var _styles = require("@material-ui/core/styles");
-
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-
-var _HelpOutline = _interopRequireDefault(require("@material-ui/icons/HelpOutline"));
-
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
-var CardBar = function CardBar(props) {
-  var classes = props.classes,
-      header = props.header,
-      children = props.children,
-      mini = props.mini,
-      info = props.info;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.cardBar
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.flexContainer
-  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-    variant: mini ? 'subheading' : 'h5'
-  }, header), info), children && /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: children,
-    classes: {
-      tooltip: classes.tooltip
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _HelpOutline = _interopRequireDefault(require("@mui/icons-material/HelpOutline"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+const StyledCardBar = (0, _styles.styled)('div')({
+  display: 'flex',
+  justifyContent: 'space-between'
+});
+const FlexContainer = (0, _styles.styled)('div')({
+  display: 'flex',
+  alignItems: 'center'
+});
+const StyledIconButton = (0, _styles.styled)(_IconButton.default)({
+  margin: 0,
+  padding: 0
+});
+const StyledTooltip = (0, _styles.styled)(_Tooltip.default)(({
+  theme
+}) => ({
+  '& .MuiTooltip-tooltip': {
+    fontSize: theme.typography.fontSize - 2
+  }
+}));
+const CardBar = props => {
+  const {
+    header,
+    children,
+    mini,
+    info
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(StyledCardBar, null, /*#__PURE__*/_react.default.createElement(FlexContainer, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: mini ? 'h6' : 'h5'
+  }, header), info), children && /*#__PURE__*/_react.default.createElement(StyledTooltip, {
+    title: children
+  }, /*#__PURE__*/_react.default.createElement(StyledIconButton, {
     "aria-label": "Delete",
-    className: classes.button
-  }, /*#__PURE__*/_react["default"].createElement(_HelpOutline["default"], null))));
+    size: "large"
+  }, /*#__PURE__*/_react.default.createElement(_HelpOutline.default, null))));
 };
-
 CardBar.propTypes = {
-  classes: _propTypes["default"].object,
-  mini: _propTypes["default"].bool,
-  header: _propTypes["default"].string,
-  children: _propTypes["default"].node,
-  info: _propTypes["default"].any
+  mini: _propTypes.default.bool,
+  header: _propTypes.default.string,
+  children: _propTypes.default.node,
+  info: _propTypes.default.any
 };
-
-var styles = function styles(theme) {
-  return {
-    cardBar: {
-      display: 'flex',
-      justifyContent: 'space-between'
-    },
-    button: {
-      margin: 0,
-      padding: 0
-    },
-    tooltip: {
-      fontSize: theme.typography.fontSize - 2
-    },
-    flexContainer: {
-      display: 'flex',
-      alignItems: 'center'
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(CardBar);
-
-exports["default"] = _default;
+var _default = exports.default = CardBar;
 //# sourceMappingURL=card-bar.js.map

package/configure/lib/card-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/card-bar.jsx"],"names":["CardBar","props","classes","header","children","mini","info","cardBar","flexContainer","tooltip","button","propTypes","PropTypes","object","bool","string","node","any","styles","theme","display","justifyContent","margin","padding","fontSize","typography","alignItems"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;AACzB,MAAQC,OAAR,GAAkDD,KAAlD,CAAQC,OAAR;AAAA,MAAiBC,MAAjB,GAAkDF,KAAlD,CAAiBE,MAAjB;AAAA,MAAyBC,QAAzB,GAAkDH,KAAlD,CAAyBG,QAAzB;AAAA,MAAmCC,IAAnC,GAAkDJ,KAAlD,CAAmCI,IAAnC;AAAA,MAAyCC,IAAzC,GAAkDL,KAAlD,CAAyCK,IAAzC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEJ,OAAO,CAACK;AAAxB,kBACE;AAAK,IAAA,SAAS,EAAEL,OAAO,CAACM;AAAxB,kBACE,gCAAC,sBAAD;AAAY,IAAA,OAAO,EAAEH,IAAI,GAAG,YAAH,GAAkB;AAA3C,KAAkDF,MAAlD,CADF,EAEGG,IAFH,CADF,EAMGF,QAAQ,iBACP,gCAAC,mBAAD;AAAS,IAAA,KAAK,EAAEA,QAAhB;AAA0B,IAAA,OAAO,EAAE;AAAEK,MAAAA,OAAO,EAAEP,OAAO,CAACO;AAAnB;AAAnC,kBACE,gCAAC,sBAAD;AAAY,kBAAW,QAAvB;AAAgC,IAAA,SAAS,EAAEP,OAAO,CAACQ;AAAnD,kBACE,gCAAC,uBAAD,OADF,CADF,CAPJ,CADF;AAgBD,CAnBD;;AAqBAV,OAAO,CAACW,SAAR,GAAoB;AAClBT,EAAAA,OAAO,EAAEU,sBAAUC,MADD;AAElBR,EAAAA,IAAI,EAAEO,sBAAUE,IAFE;AAGlBX,EAAAA,MAAM,EAAES,sBAAUG,MAHA;AAIlBX,EAAAA,QAAQ,EAAEQ,sBAAUI,IAJF;AAKlBV,EAAAA,IAAI,EAAEM,sBAAUK;AALE,CAApB;;AAQA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBZ,IAAAA,OAAO,EAAE;AACPa,MAAAA,OAAO,EAAE,MADF;AAEPC,MAAAA,cAAc,EAAE;AAFT,KADgB;AAKzBX,IAAAA,MAAM,EAAE;AACNY,MAAAA,MAAM,EAAE,CADF;AAENC,MAAAA,OAAO,EAAE;AAFH,KALiB;AASzBd,IAAAA,OAAO,EAAE;AACPe,MAAAA,QAAQ,EAAEL,KAAK,CAACM,UAAN,CAAiBD,QAAjB,GAA4B;AAD/B,KATgB;AAYzBhB,IAAAA,aAAa,EAAE;AACbY,MAAAA,OAAO,EAAE,MADI;AAEbM,MAAAA,UAAU,EAAE;AAFC;AAZU,GAAZ;AAAA,CAAf;;eAkBe,wBAAWR,MAAX,EAAmBlB,OAAnB,C","sourcesContent":["import { withStyles } from '@material-ui/core/styles';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport HelpIcon from '@material-ui/icons/HelpOutline';\nimport IconButton from '@material-ui/core/IconButton';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Typography from '@material-ui/core/Typography';\n\nconst CardBar = (props) => {\n  const { classes, header, children, mini, info } = props;\n\n  return (\n    <div className={classes.cardBar}>\n      <div className={classes.flexContainer}>\n        <Typography variant={mini ? 'subheading' : 'h5'}>{header}</Typography>\n        {info}\n      </div>\n\n      {children && (\n        <Tooltip title={children} classes={{ tooltip: classes.tooltip }}>\n          <IconButton aria-label=\"Delete\" className={classes.button}>\n            <HelpIcon />\n          </IconButton>\n        </Tooltip>\n      )}\n    </div>\n  );\n};\n\nCardBar.propTypes = {\n  classes: PropTypes.object,\n  mini: PropTypes.bool,\n  header: PropTypes.string,\n  children: PropTypes.node,\n  info: PropTypes.any,\n};\n\nconst styles = (theme) => ({\n  cardBar: {\n    display: 'flex',\n    justifyContent: 'space-between',\n  },\n  button: {\n    margin: 0,\n    padding: 0,\n  },\n  tooltip: {\n    fontSize: theme.typography.fontSize - 2,\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n});\n\nexport default withStyles(styles)(CardBar);\n"],"file":"card-bar.js"}
+{"version":3,"file":"card-bar.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Tooltip","_HelpOutline","_IconButton","_Typography","StyledCardBar","styled","display","justifyContent","FlexContainer","alignItems","StyledIconButton","IconButton","margin","padding","StyledTooltip","Tooltip","theme","fontSize","typography","CardBar","props","header","children","mini","info","default","createElement","variant","title","size","propTypes","PropTypes","bool","string","node","any","_default","exports"],"sources":["../src/card-bar.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Tooltip from '@mui/material/Tooltip';\nimport HelpIcon from '@mui/icons-material/HelpOutline';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\n\nconst StyledCardBar = styled('div')({\n  display: 'flex',\n  justifyContent: 'space-between',\n});\n\nconst FlexContainer = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nconst StyledIconButton = styled(IconButton)({\n  margin: 0,\n  padding: 0,\n});\n\nconst StyledTooltip = styled(Tooltip)(({ theme }) => ({\n  '& .MuiTooltip-tooltip': {\n    fontSize: theme.typography.fontSize - 2,\n  },\n}));\n\nconst CardBar = (props) => {\n  const { header, children, mini, info } = props;\n\n  return (\n    <StyledCardBar>\n      <FlexContainer>\n        <Typography variant={mini ? 'h6' : 'h5'}>{header}</Typography>\n        {info}\n      </FlexContainer>\n      {children && (\n        <StyledTooltip title={children}>\n          <StyledIconButton aria-label=\"Delete\" size=\"large\">\n            <HelpIcon />\n          </StyledIconButton>\n        </StyledTooltip>\n      )}\n    </StyledCardBar>\n  );\n};\n\nCardBar.propTypes = {\n  mini: PropTypes.bool,\n  header: PropTypes.string,\n  children: PropTypes.node,\n  info: PropTypes.any,\n};\n\nexport default CardBar;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,WAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAP,sBAAA,CAAAC,OAAA;AAEA,MAAMO,aAAa,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC;EAClCC,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE;AAClB,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAG,IAAAH,cAAM,EAAC,KAAK,CAAC,CAAC;EAClCC,OAAO,EAAE,MAAM;EACfG,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,MAAMC,gBAAgB,GAAG,IAAAL,cAAM,EAACM,mBAAU,CAAC,CAAC;EAC1CC,MAAM,EAAE,CAAC;EACTC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAG,IAAAT,cAAM,EAACU,gBAAO,CAAC,CAAC,CAAC;EAAEC;AAAM,CAAC,MAAM;EACpD,uBAAuB,EAAE;IACvBC,QAAQ,EAAED,KAAK,CAACE,UAAU,CAACD,QAAQ,GAAG;EACxC;AACF,CAAC,CAAC,CAAC;AAEH,MAAME,OAAO,GAAIC,KAAK,IAAK;EACzB,MAAM;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,IAAI;IAAEC;EAAK,CAAC,GAAGJ,KAAK;EAE9C,oBACEzB,MAAA,CAAA8B,OAAA,CAAAC,aAAA,CAACtB,aAAa,qBACZT,MAAA,CAAA8B,OAAA,CAAAC,aAAA,CAAClB,aAAa,qBACZb,MAAA,CAAA8B,OAAA,CAAAC,aAAA,CAACvB,WAAA,CAAAsB,OAAU;IAACE,OAAO,EAAEJ,IAAI,GAAG,IAAI,GAAG;EAAK,GAAEF,MAAmB,CAAC,EAC7DG,IACY,CAAC,EACfF,QAAQ,iBACP3B,MAAA,CAAA8B,OAAA,CAAAC,aAAA,CAACZ,aAAa;IAACc,KAAK,EAAEN;EAAS,gBAC7B3B,MAAA,CAAA8B,OAAA,CAAAC,aAAA,CAAChB,gBAAgB;IAAC,cAAW,QAAQ;IAACmB,IAAI,EAAC;EAAO,gBAChDlC,MAAA,CAAA8B,OAAA,CAAAC,aAAA,CAACzB,YAAA,CAAAwB,OAAQ,MAAE,CACK,CACL,CAEJ,CAAC;AAEpB,CAAC;AAEDN,OAAO,CAACW,SAAS,GAAG;EAClBP,IAAI,EAAEQ,kBAAS,CAACC,IAAI;EACpBX,MAAM,EAAEU,kBAAS,CAACE,MAAM;EACxBX,QAAQ,EAAES,kBAAS,CAACG,IAAI;EACxBV,IAAI,EAAEO,kBAAS,CAACI;AAClB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAZ,OAAA,GAEaN,OAAO","ignoreList":[]}

package/configure/lib/defaults.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _default = {
+exports.default = void 0;
+var _default = exports.default = {
   model: {
     correctResponse: [],
     title: '',
@@ -72,12 +72,12 @@ var _default = {
       maxOfModel: {
         min: 1,
         max: 9,
-        "default": 1
+        default: 1
       },
       partsPerModel: {
         min: 1,
         max: 9,
-        "default": 5
+        default: 5
       },
       modelTypeChoices: [{
         value: 'bar',
@@ -108,5 +108,4 @@ var _default = {
     settingsPanelDisabled: true
   }
 };
-exports["default"] = _default;
 //# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","correctResponse","title","prompt","modelTypeSelected","maxModelSelected","partsPerModel","allowedStudentConfig","showGraphLabels","configuration","baseInputConfiguration","audio","disabled","video","image","textAlign","showParagraphs","separateParagraphs","label","settings","enabled","inputConfiguration","modelOptions","maxOfModel","min","max","modelTypeChoices","value","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options","spellCheck","settingsPanelDisabled"],"mappings":"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","sourcesContent":["export default {\n  model: {\n    correctResponse: [],\n    title: '',\n    prompt: '',\n    modelTypeSelected: 'bar',\n    maxModelSelected: 1,\n    partsPerModel: 5,\n    allowedStudentConfig: false,\n    showGraphLabels: false,\n  },\n  configuration: {\n    baseInputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      textAlign: { disabled: true },\n      showParagraphs: { disabled: false },\n      separateParagraphs: { disabled: true },\n    },\n    title: {\n      label: 'Title',\n      settings: true,\n      enabled: true,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    prompt: {\n      label: 'Question',\n      settings: true,\n      enabled: true,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    modelOptions: {\n      maxOfModel: {\n        min: 1,\n        max: 9,\n        default: 1,\n      },\n      partsPerModel: {\n        min: 1,\n        max: 9,\n        default: 5,\n      },\n      modelTypeChoices: [\n        { value: 'bar', label: 'Bar' },\n        { value: 'pie', label: 'Pie' },\n      ],\n    },\n    mathMlOptions: {\n      mmlOutput: false,\n      mmlEditing: false,\n    },\n    language: {\n      settings: false,\n      label: 'Specify Language',\n      enabled: false,\n    },\n    languageChoices: {\n      label: 'Language Choices',\n      options: [],\n    },\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    settingsPanelDisabled: true,\n  },\n};\n"],"file":"defaults.js"}
+{"version":3,"file":"defaults.js","names":["model","correctResponse","title","prompt","modelTypeSelected","maxModelSelected","partsPerModel","allowedStudentConfig","showGraphLabels","configuration","baseInputConfiguration","audio","disabled","video","image","textAlign","showParagraphs","separateParagraphs","label","settings","enabled","inputConfiguration","modelOptions","maxOfModel","min","max","default","modelTypeChoices","value","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options","spellCheck","settingsPanelDisabled"],"sources":["../src/defaults.js"],"sourcesContent":["export default {\n  model: {\n    correctResponse: [],\n    title: '',\n    prompt: '',\n    modelTypeSelected: 'bar',\n    maxModelSelected: 1,\n    partsPerModel: 5,\n    allowedStudentConfig: false,\n    showGraphLabels: false,\n  },\n  configuration: {\n    baseInputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      textAlign: { disabled: true },\n      showParagraphs: { disabled: false },\n      separateParagraphs: { disabled: true },\n    },\n    title: {\n      label: 'Title',\n      settings: true,\n      enabled: true,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    prompt: {\n      label: 'Question',\n      settings: true,\n      enabled: true,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    modelOptions: {\n      maxOfModel: {\n        min: 1,\n        max: 9,\n        default: 1,\n      },\n      partsPerModel: {\n        min: 1,\n        max: 9,\n        default: 5,\n      },\n      modelTypeChoices: [\n        { value: 'bar', label: 'Bar' },\n        { value: 'pie', label: 'Pie' },\n      ],\n    },\n    mathMlOptions: {\n      mmlOutput: false,\n      mmlEditing: false,\n    },\n    language: {\n      settings: false,\n      label: 'Specify Language',\n      enabled: false,\n    },\n    languageChoices: {\n      label: 'Language Choices',\n      options: [],\n    },\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    settingsPanelDisabled: true,\n  },\n};\n"],"mappings":";;;;;;iCAAe;EACbA,KAAK,EAAE;IACLC,eAAe,EAAE,EAAE;IACnBC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAE,KAAK;IACxBC,gBAAgB,EAAE,CAAC;IACnBC,aAAa,EAAE,CAAC;IAChBC,oBAAoB,EAAE,KAAK;IAC3BC,eAAe,EAAE;EACnB,CAAC;EACDC,aAAa,EAAE;IACbC,sBAAsB,EAAE;MACtBC,KAAK,EAAE;QAAEC,QAAQ,EAAE;MAAM,CAAC;MAC1BC,KAAK,EAAE;QAAED,QAAQ,EAAE;MAAM,CAAC;MAC1BE,KAAK,EAAE;QAAEF,QAAQ,EAAE;MAAM,CAAC;MAC1BG,SAAS,EAAE;QAAEH,QAAQ,EAAE;MAAK,CAAC;MAC7BI,cAAc,EAAE;QAAEJ,QAAQ,EAAE;MAAM,CAAC;MACnCK,kBAAkB,EAAE;QAAEL,QAAQ,EAAE;MAAK;IACvC,CAAC;IACDV,KAAK,EAAE;MACLgB,KAAK,EAAE,OAAO;MACdC,QAAQ,EAAE,IAAI;MACdC,OAAO,EAAE,IAAI;MACbC,kBAAkB,EAAE;QAClBV,KAAK,EAAE;UAAEC,QAAQ,EAAE;QAAM,CAAC;QAC1BC,KAAK,EAAE;UAAED,QAAQ,EAAE;QAAM,CAAC;QAC1BE,KAAK,EAAE;UAAEF,QAAQ,EAAE;QAAM;MAC3B;IACF,CAAC;IACDT,MAAM,EAAE;MACNe,KAAK,EAAE,UAAU;MACjBC,QAAQ,EAAE,IAAI;MACdC,OAAO,EAAE,IAAI;MACbC,kBAAkB,EAAE;QAClBV,KAAK,EAAE;UAAEC,QAAQ,EAAE;QAAM,CAAC;QAC1BC,KAAK,EAAE;UAAED,QAAQ,EAAE;QAAM,CAAC;QAC1BE,KAAK,EAAE;UAAEF,QAAQ,EAAE;QAAM;MAC3B;IACF,CAAC;IACDU,YAAY,EAAE;MACZC,UAAU,EAAE;QACVC,GAAG,EAAE,CAAC;QACNC,GAAG,EAAE,CAAC;QACNC,OAAO,EAAE;MACX,CAAC;MACDpB,aAAa,EAAE;QACbkB,GAAG,EAAE,CAAC;QACNC,GAAG,EAAE,CAAC;QACNC,OAAO,EAAE;MACX,CAAC;MACDC,gBAAgB,EAAE,CAChB;QAAEC,KAAK,EAAE,KAAK;QAAEV,KAAK,EAAE;MAAM,CAAC,EAC9B;QAAEU,KAAK,EAAE,KAAK;QAAEV,KAAK,EAAE;MAAM,CAAC;IAElC,CAAC;IACDW,aAAa,EAAE;MACbC,SAAS,EAAE,KAAK;MAChBC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRb,QAAQ,EAAE,KAAK;MACfD,KAAK,EAAE,kBAAkB;MACzBE,OAAO,EAAE;IACX,CAAC;IACDa,eAAe,EAAE;MACff,KAAK,EAAE,kBAAkB;MACzBgB,OAAO,EAAE;IACX,CAAC;IACDC,UAAU,EAAE;MACVjB,KAAK,EAAE,YAAY;MACnBC,QAAQ,EAAE,KAAK;MACfC,OAAO,EAAE;IACX,CAAC;IACDgB,qBAAqB,EAAE;EACzB;AACF,CAAC","ignoreList":[]}

package/configure/lib/index.js

@@ -1,229 +1,163 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = 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 _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
+var _client = require("react-dom/client");
 var _main = _interopRequireDefault(require("./main"));
-
 var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
-
 var _defaults = _interopRequireDefault(require("./defaults"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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 FractionModelConfigure = /*#__PURE__*/function (_HTMLElement) {
-  (0, _inherits2["default"])(FractionModelConfigure, _HTMLElement);
-
-  var _super = _createSuper(FractionModelConfigure);
-
-  /**
-   * This function makes sure you set the default values on the model
-   * @param model
-   * @returns model
-   */
-  function FractionModelConfigure() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, FractionModelConfigure);
-    _this = _super.call(this);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "resetModelAfterConfigurationIsSet", function () {
+class FractionModelConfigure extends HTMLElement {
+  constructor() {
+    super();
+    (0, _defineProperty2.default)(this, "resetModelAfterConfigurationIsSet", () => {
       // In environments that use pie-player-components, model is set before configuration.
       // This is the reason why sometimes the model gets altered non-reversible
       // (altered using default configuration instead of client configuration, because at that point client configuration was not set yet)
       // Therefore, in such environments, we will make sure to keep a modelCopy (initialised in set model) and use it to reset
       // the model in set configuration (resetModelAfterConfigurationIsSet) if set configuration is ever called
-      var pieAuthors = document.querySelectorAll('pie-author');
-      _this.hasPlayerAsParent = Array.from(pieAuthors).some(function (author) {
-        return author.contains((0, _assertThisInitialized2["default"])(_this));
-      });
-
-      if (_this.hasPlayerAsParent) {
-        if (_this._modelCopy) {
-          _this._model = _this._modelCopy;
+      const pieAuthors = document.querySelectorAll('pie-author');
+      this.hasPlayerAsParent = Array.from(pieAuthors).some(author => author.contains(this));
+      if (this.hasPlayerAsParent) {
+        if (this._modelCopy) {
+          this._model = this._modelCopy;
         } else {
-          delete _this._modelCopy;
+          delete this._modelCopy;
         }
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (o) {
-      _this._model = _objectSpread(_objectSpread({}, _this._model), o);
-
-      _this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(_this._model));
-
-      _this.render();
+    (0, _defineProperty2.default)(this, "onChange", o => {
+      this._model = {
+        ...this._model,
+        ...o
+      };
+      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model));
+      this.render();
     });
-    _this._model = FractionModelConfigure.createDefaultModel();
-    _this._configuration = _defaults["default"].configuration;
-    return _this;
+    this._root = null;
+    this._model = FractionModelConfigure.createDefaultModel();
+    this._configuration = _defaults.default.configuration;
   }
+  set model(m) {
+    this._model = FractionModelConfigure.createDefaultModel(m);
+    this.render();
+  }
+  set configuration(c) {
+    const newConfiguration = {
+      ..._defaults.default.configuration,
+      ...c
+    };
+    this._configuration = newConfiguration;
+    this.resetModelAfterConfigurationIsSet();
+
+    // if language:enabled is true, then the corresponding default item model should include a language value;
+    // if it is false, then the language field should be omitted from the item model.
+    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,
+    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).
+    if (newConfiguration?.language?.enabled) {
+      if (newConfiguration?.languageChoices?.options?.length) {
+        this._model.language = newConfiguration?.languageChoices.options[0].value;
+      }
+    } else if (newConfiguration.language.settings && this._model.language) {
+      this._configuration.language.enabled = true;
+      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {
+        this._configuration.languageChoices.options = [];
+      }
 
-  (0, _createClass2["default"])(FractionModelConfigure, [{
-    key: "model",
-    set: function set(m) {
-      this._model = FractionModelConfigure.createDefaultModel(m);
-      this.render();
+      // check if the language is already included in the languageChoices.options array
+      // and if not, then add it.
+      if (!this._configuration.languageChoices.options.find(option => option.value === this._model.language)) {
+        this._configuration.languageChoices.options.push({
+          value: this._model.language,
+          label: this._model.language
+        });
+      }
+    } else {
+      delete this._model.language;
     }
-  }, {
-    key: "configuration",
-    set: function set(c) {
-      var _newConfiguration$lan,
-          _this2 = this;
-
-      var newConfiguration = _objectSpread(_objectSpread({}, _defaults["default"].configuration), c);
-
-      this._configuration = newConfiguration;
-      this.resetModelAfterConfigurationIsSet(); // if language:enabled is true, then the corresponding default item model should include a language value;
-      // if it is false, then the language field should be omitted from the item model.
-      // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,
-      // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).
-
-      if (newConfiguration !== null && newConfiguration !== void 0 && (_newConfiguration$lan = newConfiguration.language) !== null && _newConfiguration$lan !== void 0 && _newConfiguration$lan.enabled) {
-        var _newConfiguration$lan2, _newConfiguration$lan3;
-
-        if (newConfiguration !== null && newConfiguration !== void 0 && (_newConfiguration$lan2 = newConfiguration.languageChoices) !== null && _newConfiguration$lan2 !== void 0 && (_newConfiguration$lan3 = _newConfiguration$lan2.options) !== null && _newConfiguration$lan3 !== void 0 && _newConfiguration$lan3.length) {
-          this._model.language = newConfiguration === null || newConfiguration === void 0 ? void 0 : newConfiguration.languageChoices.options[0].value;
-        }
-      } else if (newConfiguration.language.settings && this._model.language) {
-        this._configuration.language.enabled = true;
-
-        if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {
-          this._configuration.languageChoices.options = [];
-        } // check if the language is already included in the languageChoices.options array
-        // and if not, then add it.
-
+    this.render();
+  }
+  connectedCallback() {
+    this.render();
+  }
+  modelChanged(m) {
+    this._model = m;
+    this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model), true);
+    this.render();
+  }
+  onConfigurationChanged(c) {
+    this._configuration = c;
+    this.render();
+  }
 
-        if (!this._configuration.languageChoices.options.find(function (option) {
-          return option.value === _this2._model.language;
-        })) {
-          this._configuration.languageChoices.options.push({
-            value: this._model.language,
-            label: this._model.language
-          });
+  /**
+   *
+   * @param {done, progress, file} handler
+   */
+  insertImage(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
+  }
+  onDeleteImage(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
+  }
+  insertSound(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+  }
+  onDeleteSound(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+  }
+  render() {
+    if (this._model) {
+      const el = /*#__PURE__*/_react.default.createElement(_main.default, {
+        classes: {},
+        model: this._model,
+        configuration: this._configuration,
+        onConfigurationChanged: this.onConfigurationChanged,
+        onChange: this.onChange,
+        imageSupport: {
+          add: this.insertImage.bind(this),
+          delete: this.onDeleteImage.bind(this)
+        },
+        uploadSoundSupport: {
+          add: this.insertSound.bind(this),
+          delete: this.onDeleteSound.bind(this)
         }
-      } else {
-        delete this._model.language;
+      });
+      if (!this._root) {
+        this._root = (0, _client.createRoot)(this);
       }
-
-      this.render();
-    }
-  }, {
-    key: "connectedCallback",
-    value: function connectedCallback() {
-      this.render();
+      this._root.render(el);
     }
-  }, {
-    key: "modelChanged",
-    value: function modelChanged(m) {
-      this._model = m;
-      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model), true);
-      this.render();
-    }
-  }, {
-    key: "onConfigurationChanged",
-    value: function onConfigurationChanged(c) {
-      this._configuration = c;
-      this.render();
-    }
-    /**
-     *
-     * @param {done, progress, file} handler
-     */
-
-  }, {
-    key: "insertImage",
-    value: function insertImage(handler) {
-      this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
-    }
-  }, {
-    key: "onDeleteImage",
-    value: function onDeleteImage(src, done) {
-      this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
-    }
-  }, {
-    key: "insertSound",
-    value: function insertSound(handler) {
-      this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
-    }
-  }, {
-    key: "onDeleteSound",
-    value: function onDeleteSound(src, done) {
-      this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      if (this._model) {
-        var el = /*#__PURE__*/_react["default"].createElement(_main["default"], {
-          classes: {},
-          model: this._model,
-          configuration: this._configuration,
-          onConfigurationChanged: this.onConfigurationChanged,
-          onChange: this.onChange,
-          imageSupport: {
-            add: this.insertImage.bind(this),
-            "delete": this.onDeleteImage.bind(this)
-          },
-          uploadSoundSupport: {
-            add: this.insertSound.bind(this),
-            "delete": this.onDeleteSound.bind(this)
-          }
-        });
-
-        _reactDom["default"].render(el, this);
-      }
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
     }
-  }]);
-  return FractionModelConfigure;
-}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
-
-exports["default"] = FractionModelConfigure;
-(0, _defineProperty2["default"])(FractionModelConfigure, "createDefaultModel", function () {
-  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var c = _defaults["default"].configuration;
-  var language = model.language || '';
-
+  }
+}
+exports.default = FractionModelConfigure;
+/**
+ * This function makes sure you set the default values on the model
+ * @param model
+ * @returns model
+ */
+(0, _defineProperty2.default)(FractionModelConfigure, "createDefaultModel", (model = {}) => {
+  const c = _defaults.default.configuration;
+  let language = model.language || '';
   if (!language && c.language && c.language.enabled) {
-    var _c$languageChoices, _c$languageChoices$op;
-
-    if ((_c$languageChoices = c.languageChoices) !== null && _c$languageChoices !== void 0 && (_c$languageChoices$op = _c$languageChoices.options) !== null && _c$languageChoices$op !== void 0 && _c$languageChoices$op.length) {
+    if (c.languageChoices?.options?.length) {
       language = c.languageChoices.options[0].value;
     }
   }
-
-  var normalizedModel = _objectSpread(_objectSpread(_objectSpread({}, _defaults["default"].model), model), {}, {
-    language: language
-  });
-
+  const normalizedModel = {
+    ..._defaults.default.model,
+    ...model,
+    language
+  };
   return normalizedModel;
 });
 //# sourceMappingURL=index.js.map