@pie-element/graphing 10.1.2-next.5 → 10.1.3

package/lib/index.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Component", {
+  enumerable: true,
+  get: function () {
+    return _main.default;
+  }
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+var _piePlayerEvents = require("@pie-framework/pie-player-events");
+var _mathRendering = require("@pie-lib/math-rendering");
+var _main = _interopRequireDefault(require("./main"));
+class Graphing extends HTMLElement {
+  constructor() {
+    super();
+    (0, _defineProperty2.default)(this, "isComplete", answer => Array.isArray(answer) && answer.length > 0);
+    (0, _defineProperty2.default)(this, "changeAnswers", answer => {
+      this._session.answer = answer;
+      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete(this._session.answer)));
+      this._render();
+    });
+    this._root = null;
+  }
+  set model(m) {
+    this._model = m;
+    this._render();
+  }
+  set session(s) {
+    this._session = s;
+    this._render();
+  }
+  get session() {
+    return this._session;
+  }
+  connectedCallback() {
+    this._render();
+  }
+  _render() {
+    if (!this._model || !this._session) {
+      return;
+    }
+    const el = /*#__PURE__*/_react.default.createElement(_main.default, {
+      model: this._model,
+      session: this._session,
+      onAnswersChange: this.changeAnswers
+    });
+    if (!this._root) {
+      this._root = (0, _client.createRoot)(this);
+    }
+    this._root.render(el);
+    queueMicrotask(() => {
+      (0, _mathRendering.renderMath)(this);
+    });
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
+    }
+  }
+}
+exports.default = Graphing;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_piePlayerEvents","_mathRendering","_main","Graphing","HTMLElement","constructor","_defineProperty2","default","answer","Array","isArray","length","_session","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","isComplete","_render","_root","model","m","_model","session","s","connectedCallback","el","React","createElement","Main","onAnswersChange","changeAnswers","createRoot","render","queueMicrotask","renderMath","disconnectedCallback","unmount","exports"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nimport Main from './main';\n\nexport { Main as Component };\n\nexport default class Graphing extends HTMLElement {\n  constructor() {\n    super();\n    this._root = null;\n  }\n\n  set model(m) {\n    this._model = m;\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  isComplete = (answer) => Array.isArray(answer) && answer.length > 0;\n\n  changeAnswers = (answer) => {\n    this._session.answer = answer;\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete(this._session.answer)));\n\n    this._render();\n  };\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      onAnswersChange: this.changeAnswers,\n    });\n\n    if (!this._root) {\n      this._root = createRoot(this);\n    }\n    this._root.render(el);\n    queueMicrotask(() => {\n      renderMath(this);\n    });\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AAIe,MAAMK,QAAQ,SAASC,WAAW,CAAC;EAChDC,WAAWA,CAAA,EAAG;IACZ,KAAK,CAAC,CAAC;IAAC,IAAAC,gBAAA,CAAAC,OAAA,sBAsBIC,MAAM,IAAKC,KAAK,CAACC,OAAO,CAACF,MAAM,CAAC,IAAIA,MAAM,CAACG,MAAM,GAAG,CAAC;IAAA,IAAAL,gBAAA,CAAAC,OAAA,yBAElDC,MAAM,IAAK;MAC1B,IAAI,CAACI,QAAQ,CAACJ,MAAM,GAAGA,MAAM;MAE7B,IAAI,CAACK,aAAa,CAAC,IAAIC,oCAAmB,CAAC,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,CAAC,EAAE,IAAI,CAACC,UAAU,CAAC,IAAI,CAACL,QAAQ,CAACJ,MAAM,CAAC,CAAC,CAAC;MAE9G,IAAI,CAACU,OAAO,CAAC,CAAC;IAChB,CAAC;IA7BC,IAAI,CAACC,KAAK,GAAG,IAAI;EACnB;EAEA,IAAIC,KAAKA,CAACC,CAAC,EAAE;IACX,IAAI,CAACC,MAAM,GAAGD,CAAC;IACf,IAAI,CAACH,OAAO,CAAC,CAAC;EAChB;EAEA,IAAIK,OAAOA,CAACC,CAAC,EAAE;IACb,IAAI,CAACZ,QAAQ,GAAGY,CAAC;IACjB,IAAI,CAACN,OAAO,CAAC,CAAC;EAChB;EAEA,IAAIK,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACX,QAAQ;EACtB;EAEAa,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACP,OAAO,CAAC,CAAC;EAChB;EAYAA,OAAOA,CAAA,EAAG;IACR,IAAI,CAAC,IAAI,CAACI,MAAM,IAAI,CAAC,IAAI,CAACV,QAAQ,EAAE;MAClC;IACF;IAEA,MAAMc,EAAE,gBAAGC,cAAK,CAACC,aAAa,CAACC,aAAI,EAAE;MACnCT,KAAK,EAAE,IAAI,CAACE,MAAM;MAClBC,OAAO,EAAE,IAAI,CAACX,QAAQ;MACtBkB,eAAe,EAAE,IAAI,CAACC;IACxB,CAAC,CAAC;IAEF,IAAI,CAAC,IAAI,CAACZ,KAAK,EAAE;MACf,IAAI,CAACA,KAAK,GAAG,IAAAa,kBAAU,EAAC,IAAI,CAAC;IAC/B;IACA,IAAI,CAACb,KAAK,CAACc,MAAM,CAACP,EAAE,CAAC;IACrBQ,cAAc,CAAC,MAAM;MACnB,IAAAC,yBAAU,EAAC,IAAI,CAAC;IAClB,CAAC,CAAC;EACJ;EAEAC,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAACjB,KAAK,EAAE;MACd,IAAI,CAACA,KAAK,CAACkB,OAAO,CAAC,CAAC;IACtB;EACF;AACF;AAACC,OAAA,CAAA/B,OAAA,GAAAJ,QAAA","ignoreList":[]}

package/lib/main.js

@@ -0,0 +1,161 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Main = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _graphing = require("@pie-lib/graphing");
+var _renderUi = require("@pie-lib/render-ui");
+var _correctAnswerToggle = _interopRequireDefault(require("@pie-lib/correct-answer-toggle"));
+const MainContainer = (0, _styles.styled)(_renderUi.UiLayout)({
+  color: _renderUi.color.text(),
+  backgroundColor: _renderUi.color.background()
+});
+const TeacherInstructions = (0, _styles.styled)(_renderUi.Collapsible)(({
+  theme
+}) => ({
+  marginBottom: theme.spacing(2)
+}));
+const Graph = (0, _styles.styled)(_graphing.GraphContainer)(({
+  theme
+}) => ({
+  marginTop: theme.spacing(2),
+  marginBottom: theme.spacing(2)
+}));
+class Main extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "state", {
+      showingCorrect: false
+    });
+    (0, _defineProperty2.default)(this, "toggleCorrect", showingCorrect => this.setState({
+      showingCorrect
+    }));
+  }
+  render() {
+    const {
+      model,
+      onAnswersChange,
+      session
+    } = this.props;
+    const {
+      showingCorrect
+    } = this.state;
+    const {
+      answer
+    } = session || {};
+    const {
+      answersCorrected,
+      arrows,
+      backgroundMarks,
+      coordinatesOnHover,
+      correctResponse,
+      defaultTool,
+      disabled,
+      domain,
+      extraCSSRules,
+      labels,
+      labelsEnabled,
+      prompt,
+      range,
+      rationale,
+      showKeyLegend,
+      showToggle,
+      title,
+      titleEnabled,
+      teacherInstructions,
+      toolbarTools,
+      language
+    } = model || {};
+    const size = model?.size || model?.graph || {}; // need this for models that are not processed by controller
+    const marks = answersCorrected || answer || [];
+    const isLabelAvailable = toolbarTools?.includes('label') || false;
+    const showRationale = model.rationale && ((0, _renderUi.hasText)(model.rationale) || (0, _renderUi.hasMedia)(model.rationale));
+    const showTeacherInstructions = model.teacherInstructions && ((0, _renderUi.hasText)(model.teacherInstructions) || (0, _renderUi.hasMedia)(model.teacherInstructions));
+    return /*#__PURE__*/_react.default.createElement(MainContainer, {
+      extraCSSRules: extraCSSRules
+    }, showTeacherInstructions && /*#__PURE__*/_react.default.createElement(TeacherInstructions, {
+      labels: {
+        hidden: 'Show Teacher Instructions',
+        visible: 'Hide Teacher Instructions'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: teacherInstructions
+    })), prompt && /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      className: "prompt",
+      prompt: prompt
+    }), /*#__PURE__*/_react.default.createElement(_correctAnswerToggle.default, {
+      show: showToggle,
+      toggled: showingCorrect,
+      onToggle: this.toggleCorrect,
+      language: language
+    }), showingCorrect && showToggle ? /*#__PURE__*/_react.default.createElement(Graph, {
+      axesSettings: {
+        includeArrows: arrows
+      },
+      backgroundMarks: backgroundMarks.filter(mark => !mark.building),
+      coordinatesOnHover: coordinatesOnHover,
+      disabled: true,
+      disabledLabels: true,
+      disabledTitle: true,
+      domain: domain,
+      labels: labels,
+      marks: correctResponse.map(i => ({
+        ...i,
+        correctness: 'correct'
+      })),
+      onChangeMarks: onAnswersChange,
+      range: range,
+      showLabels: labelsEnabled,
+      showTitle: titleEnabled,
+      size: size,
+      title: title,
+      toolbarTools: toolbarTools,
+      language: language
+    }) : /*#__PURE__*/_react.default.createElement(Graph, {
+      axesSettings: {
+        includeArrows: arrows
+      },
+      backgroundMarks: backgroundMarks.filter(mark => !mark.building),
+      coordinatesOnHover: coordinatesOnHover,
+      defaultTool: defaultTool,
+      disabled: disabled,
+      disabledLabels: true,
+      disabledTitle: true,
+      domain: domain,
+      labels: labels,
+      marks: marks,
+      onChangeMarks: onAnswersChange,
+      range: range,
+      showLabels: labelsEnabled,
+      showTitle: titleEnabled,
+      size: size,
+      title: title,
+      toolbarTools: toolbarTools,
+      language: language,
+      limitLabeling: true
+    }), showKeyLegend && !showingCorrect && /*#__PURE__*/_react.default.createElement(_graphing.KeyLegend, {
+      isLabelAvailable: isLabelAvailable
+    }), showRationale && /*#__PURE__*/_react.default.createElement(_renderUi.Collapsible, {
+      labels: {
+        hidden: 'Show Rationale',
+        visible: 'Hide Rationale'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: rationale
+    })));
+  }
+}
+exports.Main = Main;
+(0, _defineProperty2.default)(Main, "propTypes", {
+  model: _propTypes.default.object.isRequired,
+  session: _propTypes.default.object.isRequired,
+  onAnswersChange: _propTypes.default.func
+});
+var _default = exports.default = Main;
+//# sourceMappingURL=main.js.map

package/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_graphing","_renderUi","_correctAnswerToggle","MainContainer","styled","UiLayout","color","text","backgroundColor","background","TeacherInstructions","Collapsible","theme","marginBottom","spacing","Graph","GraphContainer","marginTop","Main","React","Component","constructor","args","_defineProperty2","default","showingCorrect","setState","render","model","onAnswersChange","session","props","state","answer","answersCorrected","arrows","backgroundMarks","coordinatesOnHover","correctResponse","defaultTool","disabled","domain","extraCSSRules","labels","labelsEnabled","prompt","range","rationale","showKeyLegend","showToggle","title","titleEnabled","teacherInstructions","toolbarTools","language","size","graph","marks","isLabelAvailable","includes","showRationale","hasText","hasMedia","showTeacherInstructions","createElement","hidden","visible","PreviewPrompt","className","show","toggled","onToggle","toggleCorrect","axesSettings","includeArrows","filter","mark","building","disabledLabels","disabledTitle","map","i","correctness","onChangeMarks","showLabels","showTitle","limitLabeling","KeyLegend","exports","PropTypes","object","isRequired","func","_default"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { GraphContainer, KeyLegend } from '@pie-lib/graphing';\nimport { color, Collapsible, hasText, hasMedia, PreviewPrompt, UiLayout } from '@pie-lib/render-ui';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\n\nconst MainContainer = styled(UiLayout)({\n  color: color.text(),\n  backgroundColor: color.background(),\n});\n\nconst TeacherInstructions = styled(Collapsible)(({ theme }) => ({\n  marginBottom: theme.spacing(2),\n}));\n\nconst Graph = styled(GraphContainer)(({ theme }) => ({\n  marginTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n}));\n\nexport class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    session: PropTypes.object.isRequired,\n    onAnswersChange: PropTypes.func,\n  };\n\n  state = { showingCorrect: false };\n\n  toggleCorrect = (showingCorrect) => this.setState({ showingCorrect });\n\n  render() {\n    const { model, onAnswersChange, session } = this.props;\n    const { showingCorrect } = this.state;\n    const { answer } = session || {};\n    const {\n      answersCorrected,\n      arrows,\n      backgroundMarks,\n      coordinatesOnHover,\n      correctResponse,\n      defaultTool,\n      disabled,\n      domain,\n      extraCSSRules,\n      labels,\n      labelsEnabled,\n      prompt,\n      range,\n      rationale,\n      showKeyLegend,\n      showToggle,\n      title,\n      titleEnabled,\n      teacherInstructions,\n      toolbarTools,\n      language,\n    } = model || {};\n    const size = model?.size || model?.graph || {}; // need this for models that are not processed by controller\n    const marks = answersCorrected || answer || [];\n    const isLabelAvailable = toolbarTools?.includes('label') || false;\n    const showRationale = model.rationale && (hasText(model.rationale) || hasMedia(model.rationale));\n    const showTeacherInstructions =\n      model.teacherInstructions && (hasText(model.teacherInstructions) || hasMedia(model.teacherInstructions));\n\n    return (\n      <MainContainer extraCSSRules={extraCSSRules}>\n        {showTeacherInstructions && (\n          <TeacherInstructions\n            labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n          >\n            <PreviewPrompt prompt={teacherInstructions} />\n          </TeacherInstructions>\n        )}\n\n        {prompt && <PreviewPrompt className=\"prompt\" prompt={prompt} />}\n\n        <CorrectAnswerToggle\n          show={showToggle}\n          toggled={showingCorrect}\n          onToggle={this.toggleCorrect}\n          language={language}\n        />\n\n        {showingCorrect && showToggle ? (\n          <Graph\n            axesSettings={{ includeArrows: arrows }}\n            backgroundMarks={backgroundMarks.filter((mark) => !mark.building)}\n            coordinatesOnHover={coordinatesOnHover}\n            disabled={true}\n            disabledLabels={true}\n            disabledTitle={true}\n            domain={domain}\n            labels={labels}\n            marks={correctResponse.map((i) => ({ ...i, correctness: 'correct' }))}\n            onChangeMarks={onAnswersChange}\n            range={range}\n            showLabels={labelsEnabled}\n            showTitle={titleEnabled}\n            size={size}\n            title={title}\n            toolbarTools={toolbarTools}\n            language={language}\n          />\n        ) : (\n          <Graph\n            axesSettings={{ includeArrows: arrows }}\n            backgroundMarks={backgroundMarks.filter((mark) => !mark.building)}\n            coordinatesOnHover={coordinatesOnHover}\n            defaultTool={defaultTool}\n            disabled={disabled}\n            disabledLabels={true}\n            disabledTitle={true}\n            domain={domain}\n            labels={labels}\n            marks={marks}\n            onChangeMarks={onAnswersChange}\n            range={range}\n            showLabels={labelsEnabled}\n            showTitle={titleEnabled}\n            size={size}\n            title={title}\n            toolbarTools={toolbarTools}\n            language={language}\n            limitLabeling={true}\n          />\n        )}\n        {showKeyLegend && !showingCorrect && <KeyLegend isLabelAvailable={isLabelAvailable}></KeyLegend>}\n        {showRationale && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>\n            <PreviewPrompt prompt={rationale} />\n          </Collapsible>\n        )}\n      </MainContainer>\n    );\n  }\n}\n\nexport default Main;\n"],"mappings":"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","ignoreList":[]}

package/lib/utils.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.completeMark = void 0;
+const completePoint = point => point && Number.isFinite(point.x) && Number.isFinite(point.y);
+const completeFromTo = item => item && completeMark.point(item.from) && completeMark.point(item.to);
+const completeRootEdge = item => item && completeMark.point(item.edge) && completeMark.point(item.root);
+const completePoints = item => item && item.points && item.points.length && (item.points.filter(point => completePoint(point)) || []).length === item.points.length;
+const completeMark = exports.completeMark = {
+  point: completePoint,
+  line: completeFromTo,
+  ray: completeFromTo,
+  segment: completeFromTo,
+  vector: completeFromTo,
+  circle: completeRootEdge,
+  parabola: completeRootEdge,
+  absolute: completeRootEdge,
+  exponential: completeRootEdge,
+  sine: completeRootEdge,
+  polygon: completePoints
+};
+//# sourceMappingURL=utils.js.map

package/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["completePoint","point","Number","isFinite","x","y","completeFromTo","item","completeMark","from","to","completeRootEdge","edge","root","completePoints","points","length","filter","exports","line","ray","segment","vector","circle","parabola","absolute","exponential","sine","polygon"],"sources":["../src/utils.js"],"sourcesContent":["const completePoint = (point) => point && Number.isFinite(point.x) && Number.isFinite(point.y);\nconst completeFromTo = (item) => item && completeMark.point(item.from) && completeMark.point(item.to);\nconst completeRootEdge = (item) => item && completeMark.point(item.edge) && completeMark.point(item.root);\nconst completePoints = (item) =>\n  item &&\n  item.points &&\n  item.points.length &&\n  (item.points.filter((point) => completePoint(point)) || []).length === item.points.length;\n\nconst completeMark = {\n  point: completePoint,\n  line: completeFromTo,\n  ray: completeFromTo,\n  segment: completeFromTo,\n  vector: completeFromTo,\n  circle: completeRootEdge,\n  parabola: completeRootEdge,\n  absolute: completeRootEdge,\n  exponential: completeRootEdge,\n  sine: completeRootEdge,\n  polygon: completePoints,\n};\n\nexport { completeMark };\n"],"mappings":";;;;;;AAAA,MAAMA,aAAa,GAAIC,KAAK,IAAKA,KAAK,IAAIC,MAAM,CAACC,QAAQ,CAACF,KAAK,CAACG,CAAC,CAAC,IAAIF,MAAM,CAACC,QAAQ,CAACF,KAAK,CAACI,CAAC,CAAC;AAC9F,MAAMC,cAAc,GAAIC,IAAI,IAAKA,IAAI,IAAIC,YAAY,CAACP,KAAK,CAACM,IAAI,CAACE,IAAI,CAAC,IAAID,YAAY,CAACP,KAAK,CAACM,IAAI,CAACG,EAAE,CAAC;AACrG,MAAMC,gBAAgB,GAAIJ,IAAI,IAAKA,IAAI,IAAIC,YAAY,CAACP,KAAK,CAACM,IAAI,CAACK,IAAI,CAAC,IAAIJ,YAAY,CAACP,KAAK,CAACM,IAAI,CAACM,IAAI,CAAC;AACzG,MAAMC,cAAc,GAAIP,IAAI,IAC1BA,IAAI,IACJA,IAAI,CAACQ,MAAM,IACXR,IAAI,CAACQ,MAAM,CAACC,MAAM,IAClB,CAACT,IAAI,CAACQ,MAAM,CAACE,MAAM,CAAEhB,KAAK,IAAKD,aAAa,CAACC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAEe,MAAM,KAAKT,IAAI,CAACQ,MAAM,CAACC,MAAM;AAE3F,MAAMR,YAAY,GAAAU,OAAA,CAAAV,YAAA,GAAG;EACnBP,KAAK,EAAED,aAAa;EACpBmB,IAAI,EAAEb,cAAc;EACpBc,GAAG,EAAEd,cAAc;EACnBe,OAAO,EAAEf,cAAc;EACvBgB,MAAM,EAAEhB,cAAc;EACtBiB,MAAM,EAAEZ,gBAAgB;EACxBa,QAAQ,EAAEb,gBAAgB;EAC1Bc,QAAQ,EAAEd,gBAAgB;EAC1Be,WAAW,EAAEf,gBAAgB;EAC7BgB,IAAI,EAAEhB,gBAAgB;EACtBiB,OAAO,EAAEd;AACX,CAAC","ignoreList":[]}

package/package.json

@@ -1,98 +1,32 @@
 {
   "name": "@pie-element/graphing",
-  "version": "10.1.2-next.5",
+  "repository": "pie-framework/pie-elements",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "10.1.3",
   "description": "",
+  "scripts": {
+    "postpublish": "../../scripts/postpublish"
+  },
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/style": "^0.8.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/correct-answer-toggle": "4.0.3-next.38",
-    "@pie-lib/graphing": "4.0.5-next.31",
-    "@pie-lib/render-ui": "6.1.1-next.38",
+    "@pie-framework/pie-player-events": "^0.1.0",
+    "@pie-lib/correct-answer-toggle": "4.0.4",
+    "@pie-lib/graphing": "4.0.8",
+    "@pie-lib/math-rendering": "5.0.2",
+    "@pie-lib/render-ui": "6.1.2",
+    "classnames": "^2.2.6",
     "debug": "^4.1.1",
-    "prop-types": "^15.8.1",
-    "@pie-element/shared-lodash": "0.1.1-next.1",
-    "@pie-lib/config-ui": "13.0.4-next.31",
-    "@pie-lib/editable-html-tip-tap": "2.1.2-next.31",
-    "@pie-element/shared-math-rendering-mathjax": "0.1.1-next.0",
-    "@pie-element/shared-configure-events": "0.1.0",
-    "@pie-element/shared-controller-utils": "0.1.1-next.1",
-    "@pie-lib/graphing-utils": "3.0.3-next.1",
-    "@pie-element/shared-player-events": "0.1.0",
-    "clsx": "^2.1.1"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
-  },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    },
-    "./delivery": {
-      "types": "./dist/delivery/index.d.ts",
-      "default": "./dist/delivery/index.js"
-    },
-    "./browser/delivery": {
-      "default": "./dist/browser/delivery/index.js"
-    },
-    "./author": {
-      "types": "./dist/author/index.d.ts",
-      "default": "./dist/author/index.js"
-    },
-    "./browser/author": {
-      "default": "./dist/browser/author/index.js"
-    },
-    "./configure": {
-      "types": "./dist/author/index.d.ts",
-      "default": "./dist/author/index.js"
-    },
-    "./controller": {
-      "types": "./dist/controller/index.d.ts",
-      "default": "./dist/controller/index.js"
-    },
-    "./controller.js": {
-      "types": "./dist/controller/index.d.ts",
-      "default": "./dist/controller/index.js"
-    },
-    "./browser/controller": {
-      "default": "./dist/browser/controller/index.js"
-    },
-    "./runtime-support": {
-      "types": "./dist/runtime-support.d.ts",
-      "default": "./dist/runtime-support.js"
-    }
-  },
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "configure.js",
-    "controller.js",
-    "dist"
-  ],
-  "sideEffects": false,
-  "devDependencies": {
-    "vite": "^8.0.1",
-    "typescript": "^5.9.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0"
-  },
-  "scripts": {
-    "build": "bun x vite build && bun x vite build --config ../../../tools/vite/element-browser.config.ts && bun x vite build --config vite.config.iife.ts && bun x tsc --emitDeclarationOnly",
-    "dev": "bun x vite",
-    "demo": "bun x vite --mode demo",
-    "test": "bun x vitest run"
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   },
-  "pie": {
-    "controller": "@pie-element/graphing/controller",
-    "configure": "@pie-element/graphing/configure",
-    "browserSharedDependencies": {
-      "react": "18.2.0",
-      "react-dom": "18.2.0"
-    }
-  }
+  "author": "",
+  "license": "ISC",
+  "gitHead": "213c3a293da2591ffaf2ba5c5fb50f0fe7577cfa",
+  "main": "lib/index.js",
+  "module": "src/index.js"
 }

package/configure.js

@@ -1,2 +0,0 @@
-export { default } from './dist/author/index.js';
-export * from './dist/author/index.js';

package/controller.js

@@ -1 +0,0 @@
-export * from './dist/controller/index.js';

package/dist/author/configure.d.ts

@@ -1,26 +0,0 @@
-/**
- * @synced-from pie-elements/packages/graphing/configure/src/configure.jsx
- * @auto-generated
- *
- * This file is automatically synced from pie-elements and converted to TypeScript.
- * Manual edits will be overwritten on next sync.
- * To make changes, edit the upstream JavaScript file and run sync again.
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-export declare class Configure extends React.Component {
-    static propTypes: {
-        onModelChanged: PropTypes.Requireable<(...args: any[]) => any>;
-        onConfigurationChanged: PropTypes.Requireable<(...args: any[]) => any>;
-        imageSupport: PropTypes.Requireable<object>;
-        uploadSoundSupport: PropTypes.Requireable<object>;
-        model: PropTypes.Validator<object>;
-        configuration: PropTypes.Validator<object>;
-    };
-    componentDidMount(): void;
-    onRationaleChange: any;
-    onPromptChange: any;
-    onTeacherInstructionsChange: any;
-    render(): React.JSX.Element;
-}
-export default Configure;

package/dist/author/configure.js

@@ -1,208 +0,0 @@
-import e from "./graphing-config.js";
-import t from "./correct-response.js";
-import n from "react";
-import r from "prop-types";
-import { styled as i } from "@mui/material/styles";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import s from "debug";
-import { intersection as c } from "@pie-element/shared-lodash";
-import l from "@mui/material/Typography";
-import { InputContainer as u, layout as d, settings as f } from "@pie-lib/config-ui";
-import p from "@pie-lib/editable-html-tip-tap";
-//#region src/author/configure.tsx
-var { Panel: ee, toggle: m, radio: h, checkboxes: te, textField: ne, dropdown: re } = f, ie = s("@pie-element:graphing:configure"), g = i(u)(({ theme: e }) => ({
-	width: "100%",
-	paddingTop: e.spacing(2),
-	marginBottom: e.spacing(2)
-})), ae = i(l)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), _ = i("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(1)
-})), v = class extends n.Component {
-	static propTypes = {
-		onModelChanged: r.func,
-		onConfigurationChanged: r.func,
-		imageSupport: r.object,
-		uploadSoundSupport: r.object,
-		model: r.object.isRequired,
-		configuration: r.object.isRequired
-	};
-	componentDidMount() {
-		let { configuration: e, onModelChanged: t, model: n } = this.props, { availableTools: r, title: i, graphDimensions: a } = e || {}, { arrows: o, titleEnabled: s, dimensionsEnabled: l } = n || {};
-		typeof o == "boolean" && (o = o ? {
-			left: !0,
-			right: !0,
-			up: !0,
-			down: !0
-		} : {
-			left: !1,
-			right: !1,
-			up: !1,
-			down: !1
-		});
-		let u = c(r || [], n.toolbarTools || []), d = s ?? i.enabled, f = l ?? a.enabled;
-		t && t({
-			...n,
-			arrows: o,
-			toolbarTools: u,
-			titleEnabled: d,
-			dimensionsEnabled: f
-		});
-	}
-	onRationaleChange = (e) => {
-		let { onModelChanged: t, model: n } = this.props;
-		t({
-			...n,
-			rationale: e
-		});
-	};
-	onPromptChange = (e) => {
-		let { onModelChanged: t, model: n } = this.props;
-		t({
-			...n,
-			prompt: e
-		});
-	};
-	onTeacherInstructionsChange = (e) => {
-		let { onModelChanged: t, model: n } = this.props;
-		t({
-			...n,
-			teacherInstructions: e
-		});
-	};
-	render() {
-		let { model: n, configuration: r, onConfigurationChanged: i, onModelChanged: s, imageSupport: c, uploadSoundSupport: l } = this.props, { arrows: u = {}, authoring: f = {}, availableTools: v = [], baseInputConfiguration: y = {}, coordinatesOnHover: b = {}, contentDimensions: x = {}, gridConfigurations: S = [], graphDimensions: C = {}, instruction: w = {}, labels: T = {}, padding: E = {}, prompt: D = {}, rationale: O = {}, scoringType: k = {}, settingsPanelDisabled: A, spellCheck: j = {}, studentInstructions: M = {}, teacherInstructions: N = {}, title: P = {}, maxImageWidth: F = {}, maxImageHeight: I = {}, withRubric: L = {}, language: R = {}, languageChoices: z = {}, mathMlOptions: B = {}, removeIncompleteTool: V = !1 } = r || {}, { errors: H = {}, extraCSSRules: U, labelsEnabled: W, dimensionsEnabled: G, promptEnabled: K, rationaleEnabled: oe, spellCheckEnabled: q, teacherInstructionsEnabled: se, titleEnabled: ce } = n || {}, { prompt: J, rationale: Y, teacherInstructions: X } = H || {};
-		ie("[render] model", n);
-		let Z = F && F.prompt, Q = I && I.prompt, le = {
-			top: T.top,
-			right: T.right,
-			bottom: T.bottom,
-			left: T.left
-		}, ue = {
-			arrows: u.settings && te(u.label, {
-				left: u.left,
-				right: u.right,
-				up: u.up,
-				down: u.down
-			}),
-			titleEnabled: P.settings && m(P.label),
-			padding: E.settings && m(E.label),
-			labelsEnabled: T.settings && m(T.label),
-			"language.enabled": R.settings && m(R.label, !0),
-			language: R.settings && R.enabled && re(z.label, z.options),
-			dimensionsEnabled: C.settings && m(C.label),
-			coordinatesOnHover: b.settings && m(b.label)
-		}, de = {
-			"authoring.enabled": f.settings && m(f.label, !0),
-			teacherInstructionsEnabled: N.settings && m(N.label),
-			studentInstructionsEnabled: M.settings && m(M.label),
-			promptEnabled: D.settings && m(D.label),
-			rationaleEnabled: O.settings && m(O.label),
-			spellCheckEnabled: j.settings && m(j.label),
-			scoringType: k.settings && h(k.label, ["dichotomous", "partial scoring"]),
-			rubricEnabled: L?.settings && m(L?.label),
-			instruction: w.settings && ne(w.label)
-		}, $ = (e = {}) => ({
-			...y,
-			...e
-		});
-		return /* @__PURE__ */ o(d.ConfigLayout, {
-			extraCSSRules: U,
-			dimensions: x,
-			hideSettings: A,
-			settings: /* @__PURE__ */ a(ee, {
-				model: n,
-				configuration: r,
-				onChangeModel: s,
-				onChangeConfiguration: i,
-				groups: {
-					Settings: ue,
-					Properties: de
-				}
-			}),
-			children: [
-				/* @__PURE__ */ a(ae, {
-					component: "div",
-					variant: "body1",
-					children: w?.label || ""
-				}),
-				se && /* @__PURE__ */ o(g, {
-					label: N.label,
-					children: [/* @__PURE__ */ a(p, {
-						markup: n.teacherInstructions || "",
-						onChange: this.onTeacherInstructionsChange,
-						imageSupport: c,
-						error: X,
-						nonEmpty: !1,
-						pluginProps: $(N?.inputConfiguration),
-						spellCheck: q,
-						maxImageWidth: F && F.teacherInstructions || Z,
-						maxImageHeight: I && I.teacherInstructions || Q,
-						uploadSoundSupport: l,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: B
-					}), X && /* @__PURE__ */ a(_, { children: X })]
-				}),
-				K && /* @__PURE__ */ o(g, {
-					label: D.label,
-					children: [/* @__PURE__ */ a(p, {
-						markup: n.prompt,
-						onChange: this.onPromptChange,
-						imageSupport: c,
-						error: J,
-						nonEmpty: !1,
-						spellCheck: q,
-						pluginProps: $(D?.inputConfiguration),
-						disableUnderline: !0,
-						maxImageWidth: Z,
-						maxImageHeight: Q,
-						uploadSoundSupport: l,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: B
-					}), J && /* @__PURE__ */ a(_, { children: J })]
-				}),
-				/* @__PURE__ */ a(e, {
-					authoring: f,
-					availableTools: v,
-					gridConfigurations: S,
-					graphDimensions: C,
-					labelsPlaceholders: le,
-					model: n,
-					showLabels: W,
-					dimensionsEnabled: G,
-					showTitle: ce,
-					titlePlaceholder: P.placeholder,
-					onChange: this.props.onModelChanged,
-					mathMlOptions: B,
-					removeIncompleteTool: V
-				}),
-				/* @__PURE__ */ a(t, {
-					availableTools: v,
-					errors: H,
-					model: n,
-					onChange: this.props.onModelChanged,
-					mathMlOptions: B,
-					removeIncompleteTool: V
-				}),
-				oe && /* @__PURE__ */ o(g, {
-					label: O.label || "Rationale",
-					children: [/* @__PURE__ */ a(p, {
-						markup: n.rationale || "",
-						onChange: this.onRationaleChange,
-						imageSupport: c,
-						error: Y,
-						spellCheck: q,
-						pluginProps: $(O?.inputConfiguration),
-						maxImageWidth: F && F.rationale || Z,
-						maxImageHeight: I && I.rationale || Q,
-						uploadSoundSupport: l,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: B
-					}), Y && /* @__PURE__ */ a(_, { children: Y })]
-				})
-			]
-		});
-	}
-};
-//#endregion
-export { v as default };