@pie-element/graphing-solution-set 6.1.2-next.1 → 6.1.2

package/lib/index.js

@@ -0,0 +1,164 @@
+"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 _utils = require("./utils");
+var _main = _interopRequireDefault(require("./main"));
+class Graphing extends HTMLElement {
+  constructor() {
+    super();
+    /*
+     * Is complete function
+     * @param {object} answer - Answer object
+     * */
+    (0, _defineProperty2.default)(this, "isComplete", answer => Array.isArray(answer) && answer.length > 0);
+    /*
+     * Callback function to change answers
+     * @param {object} answer - Answer object
+     * @param {boolean} isUndoOperation - Boolean value to check if undo operation is performed
+     * */
+    (0, _defineProperty2.default)(this, "changeAnswers", (answer, isUndoOperation) => {
+      // avoid removeInvalidObjects when undo or redo operations are executed
+      // in order to preserve the logic of undo and redo
+      const {
+        gssData
+      } = this._model;
+      if (gssData.selectedTool === 'lineA' && answer.length > 0) {
+        answer[0].fill = gssData['lineA'].lineType;
+      }
+      if (gssData.selectedTool === 'lineB' && answer.length > 1) {
+        answer[1].fill = gssData['lineB'].lineType;
+      }
+      if (answer.length === 0) {
+        gssData.selectedTool = 'lineA';
+        this._model.gssData = gssData;
+      }
+      if (!isUndoOperation) {
+        this._session.answer = (0, _utils.removeInvalidAnswers)(answer);
+      } else {
+        this._session.answer = answer;
+      }
+      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete(this._session.answer)));
+      this._render();
+    });
+    /*
+     * Function to set gssData object and session object
+     * @param {object} gssData - GSS Data object
+     * @param {object} session - Session object
+     * */
+    (0, _defineProperty2.default)(this, "setGssData", (gssData, session) => {
+      this._model.gssData = gssData;
+      this._session = session;
+      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete(this._session.answer)));
+      this._render();
+    });
+    this._root = null;
+  }
+
+  /*
+   * Function to set model
+   * @param {object} m - Model object
+   * */
+  set model(m) {
+    this._model = m;
+    this._render();
+  }
+
+  /*
+   * Function to set session
+   * @param {object} s - Session object
+   * */
+  set session(s) {
+    this._session = s;
+    if (!this._session.answer) {
+      this._session.answer = [];
+    }
+    const {
+      answer
+    } = this._session || {};
+    const {
+      gssLineData,
+      domain,
+      range
+    } = this._model;
+    let section = answer && answer.filter(mark => mark.type === 'polygon').length > 0;
+    if (gssLineData.numberOfLines === 1) {
+      this._model.gssData = {
+        numberOfLines: 1,
+        selectedTool: section ? 'solutionSet' : 'lineA',
+        sections: [],
+        lineA: {
+          lineType: answer && answer.length > 0 ? answer[0].fill : 'Solid'
+        }
+      };
+    } else {
+      this._model.gssData = {
+        numberOfLines: 2,
+        selectedTool: section ? 'solutionSet' : 'lineA',
+        sections: [],
+        lineA: {
+          lineType: answer && answer.length > 0 ? answer[0].fill : 'Solid'
+        },
+        lineB: {
+          lineType: answer && answer.length > 1 ? answer[1].fill : 'Solid'
+        }
+      };
+    }
+    if (section) {
+      this._model.gssData = (0, _utils.findSectionsInSolutionSet)(this._model.gssData, answer, domain, range);
+    }
+    this._render();
+  }
+
+  /*
+   * Function to get session
+   * */
+  get session() {
+    return this._session;
+  }
+  connectedCallback() {
+    this._render();
+  }
+  /*
+   * Render function
+   * */
+  _render() {
+    if (!this._model || !this._session) {
+      return;
+    }
+    const el = /*#__PURE__*/_react.default.createElement(_main.default, {
+      model: this._model,
+      session: this._session,
+      onAnswersChange: this.changeAnswers,
+      setGssData: this.setGssData
+    });
+    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","_utils","_main","Graphing","HTMLElement","constructor","_defineProperty2","default","answer","Array","isArray","length","isUndoOperation","gssData","_model","selectedTool","fill","lineType","_session","removeInvalidAnswers","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","isComplete","_render","session","_root","model","m","s","gssLineData","domain","range","section","filter","mark","type","numberOfLines","sections","lineA","lineB","findSectionsInSolutionSet","connectedCallback","el","React","createElement","Main","onAnswersChange","changeAnswers","setGssData","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';\nimport { findSectionsInSolutionSet, removeInvalidAnswers } from './utils';\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  /*\n   * Function to set model\n   * @param {object} m - Model object\n   * */\n  set model(m) {\n    this._model = m;\n    this._render();\n  }\n\n  /*\n   * Function to set session\n   * @param {object} s - Session object\n   * */\n  set session(s) {\n    this._session = s;\n    if (!this._session.answer) {\n      this._session.answer = [];\n    }\n    const { answer } = this._session || {};\n    const { gssLineData, domain, range } = this._model;\n    let section = answer && answer.filter((mark) => mark.type === 'polygon').length > 0;\n    if (gssLineData.numberOfLines === 1) {\n      this._model.gssData = {\n        numberOfLines: 1,\n        selectedTool: section ? 'solutionSet' : 'lineA',\n        sections: [],\n        lineA: {\n          lineType: answer && answer.length > 0 ? answer[0].fill : 'Solid',\n        },\n      };\n    } else {\n      this._model.gssData = {\n        numberOfLines: 2,\n        selectedTool: section ? 'solutionSet' : 'lineA',\n        sections: [],\n        lineA: {\n          lineType: answer && answer.length > 0 ? answer[0].fill : 'Solid',\n        },\n        lineB: {\n          lineType: answer && answer.length > 1 ? answer[1].fill : 'Solid',\n        },\n      };\n    }\n    if (section) {\n      this._model.gssData = findSectionsInSolutionSet(this._model.gssData, answer, domain, range);\n    }\n    this._render();\n  }\n\n  /*\n   * Function to get session\n   * */\n  get session() {\n    return this._session;\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  /*\n   * Is complete function\n   * @param {object} answer - Answer object\n   * */\n  isComplete = (answer) => Array.isArray(answer) && answer.length > 0;\n\n  /*\n   * Callback function to change answers\n   * @param {object} answer - Answer object\n   * @param {boolean} isUndoOperation - Boolean value to check if undo operation is performed\n   * */\n  changeAnswers = (answer, isUndoOperation) => {\n    // avoid removeInvalidObjects when undo or redo operations are executed\n    // in order to preserve the logic of undo and redo\n    const { gssData } = this._model;\n    if (gssData.selectedTool === 'lineA' && answer.length > 0) {\n      answer[0].fill = gssData['lineA'].lineType;\n    }\n    if (gssData.selectedTool === 'lineB' && answer.length > 1) {\n      answer[1].fill = gssData['lineB'].lineType;\n    }\n    if (answer.length === 0) {\n      gssData.selectedTool = 'lineA';\n      this._model.gssData = gssData;\n    }\n    if (!isUndoOperation) {\n      this._session.answer = removeInvalidAnswers(answer);\n    } else {\n      this._session.answer = answer;\n    }\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete(this._session.answer)));\n    this._render();\n  };\n\n  /*\n   * Function to set gssData object and session object\n   * @param {object} gssData - GSS Data object\n   * @param {object} session - Session object\n   * */\n  setGssData = (gssData, session) => {\n    this._model.gssData = gssData;\n    this._session = session;\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete(this._session.answer)));\n    this._render();\n  };\n\n  /*\n   * Render function\n   * */\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      onAnswersChange: this.changeAnswers,\n      setGssData: this.setGssData,\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":"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","ignoreList":[]}

package/lib/main.js

@@ -0,0 +1,355 @@
+"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 _graphingSolutionSet = require("@pie-lib/graphing-solution-set");
+var _renderUi = require("@pie-lib/render-ui");
+var _correctAnswerToggle = _interopRequireDefault(require("@pie-lib/correct-answer-toggle"));
+var _utils = require("./utils");
+var _configUi = require("@pie-lib/config-ui");
+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)(_graphingSolutionSet.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,
+      dialog: {
+        open: false
+      }
+    });
+    /*
+     * Function to handle the AlertDialog
+     * @param {boolean} open - open state of the dialog
+     * @param {function} callback - callback function to be called after setting the state
+     * */
+    (0, _defineProperty2.default)(this, "handleAlertDialog", (open, callback) => this.setState({
+      dialog: {
+        open
+      }
+    }, callback));
+    /*
+     * Function to toggle the correct answer
+     * @param {boolean} showingCorrect - state of the correct answer
+     * */
+    (0, _defineProperty2.default)(this, "toggleCorrect", showingCorrect => this.setState({
+      showingCorrect
+    }));
+    /*
+     * Reset the graph to original state
+     * */
+    (0, _defineProperty2.default)(this, "onResetClick", () => {
+      const {
+        model,
+        session,
+        setGssData
+      } = this.props;
+      let {
+        gssData
+      } = model;
+      this.setState({
+        dialog: {
+          open: true,
+          title: 'Warning',
+          text: `This will remove all the elements added on the graph and reset graph to original state. Are you sure you want to continue?`,
+          onConfirm: () => {
+            // Reset the graph to original state
+            session.answer = [];
+            gssData.selectedTool = 'lineA';
+            gssData.lineA.lineType = 'Solid';
+            if (gssData.lineB) gssData.lineB.lineType = 'Solid';
+            // Set the gssData and session
+            setGssData(gssData, session);
+            this.handleAlertDialog(false);
+          },
+          onClose: () => this.handleAlertDialog(false)
+        }
+      });
+    });
+    /*
+     * Function to handle the event of solution set selected
+     * @param {object} point - point selected on the graph
+     * */
+    (0, _defineProperty2.default)(this, "onSolutionSetSelected", point => {
+      const {
+        model,
+        session,
+        setGssData
+      } = this.props;
+      const {
+        gssData,
+        disabled
+      } = model;
+      if (disabled) {
+        return;
+      }
+      for (const section of gssData.sections) {
+        if ((0, _utils.pointInsidePolygon)(point, section)) {
+          let polygon = {
+            points: section,
+            building: false,
+            type: 'polygon',
+            closed: true,
+            isSolution: true
+          };
+          session.answer = session.answer.filter(mark => mark.type !== 'polygon');
+          session.answer.push(polygon);
+          break;
+        }
+      }
+      setGssData(gssData, session);
+    });
+    /*
+     * Function to handle the event of change in GSS Line Data
+     * @param {object} gssData - GSS Line Data
+     * @param {string} oldSelectedTool - old selected tool
+     * */
+    (0, _defineProperty2.default)(this, "onChangeGssLineData", (gssData, oldSelectedTool) => {
+      const {
+        model,
+        session
+      } = this.props;
+      const {
+        domain,
+        range,
+        disabled
+      } = model;
+      if (disabled) {
+        return;
+      }
+      if (gssData.selectedTool === 'solutionSet') {
+        let lines = session.answer.filter(mark => mark.type !== 'polygon');
+        if (!(0, _utils.checkIfLinesAreAdded)(gssData, lines)) {
+          gssData.selectedTool = oldSelectedTool;
+          this.setState({
+            dialog: {
+              open: true,
+              title: 'Warning',
+              text: 'Please define the line(s) and then select a solution set for the item.',
+              onConfirm: () => this.handleAlertDialog(false)
+            }
+          });
+        } else {
+          let lines = session.answer.filter(mark => mark.type !== 'polygon');
+          gssData = (0, _utils.findSectionsInSolutionSet)(gssData, lines, domain, range);
+        }
+        this.handleGssDataChange(gssData, session);
+      } else {
+        let polygons = session.answer.filter(mark => mark.type === 'polygon');
+        if (oldSelectedTool === 'solutionSet' && polygons.length > 0) {
+          this.setState({
+            dialog: {
+              open: true,
+              title: 'Warning',
+              text: 'Changing a line after adding a solution set will clear your selected solution set. Click \'Clear Solution Set\' to change the line. Otherwise, click \'Cancel\'.',
+              onConfirm: () => {
+                session.answer = session.answer.filter(mark => mark.type !== 'polygon');
+                this.handleGssDataChange(gssData, session);
+                this.handleAlertDialog(false);
+              },
+              onConfirmText: 'CLEAR SOLUTION SET',
+              onClose: () => {
+                gssData.selectedTool = oldSelectedTool;
+                this.handleGssDataChange(gssData, session);
+                this.handleAlertDialog(false);
+              }
+            }
+          });
+        } else {
+          this.handleGssDataChange(gssData, session);
+        }
+      }
+    });
+    /*
+     * Function to handle the event of change in GSS Data
+     * @param {object} gssData - GSS Data
+     * @param {object} session - session data
+     * */
+    (0, _defineProperty2.default)(this, "handleGssDataChange", (gssData, session) => {
+      const {
+        setGssData
+      } = this.props;
+      if (session.answer && session.answer.length > 0 && session.answer[0] && gssData.lineA) {
+        session.answer[0].fill = gssData.lineA.lineType;
+      }
+      if (session.answer && session.answer.length > 1 && session.answer[1] && gssData.lineB) {
+        session.answer[1].fill = gssData.lineB.lineType;
+      }
+      if (gssData.selectedTool === 'lineB' && session.answer.length === 0 || gssData.selectedTool === 'lineB' && session.answer[0].building) {
+        this.setState({
+          dialog: {
+            open: true,
+            title: 'Warning',
+            text: 'Please add Line A to the graph before adding Line B',
+            onConfirm: () => this.handleAlertDialog(false)
+          }
+        });
+        gssData.selectedTool = 'lineA';
+      }
+      if (gssData.selectedTool === 'lineA' && session.answer.length > 1 && session.answer[1].building) {
+        this.setState({
+          dialog: {
+            open: true,
+            title: 'Warning',
+            text: 'Please add Line B to the graph before switching to Line A',
+            onConfirm: () => this.handleAlertDialog(false)
+          }
+        });
+        gssData.selectedTool = 'lineB';
+      }
+      setGssData(gssData, session);
+    });
+  }
+  /*
+   * Render the component
+   * */
+  render() {
+    const {
+      model,
+      onAnswersChange,
+      session
+    } = this.props;
+    const {
+      showingCorrect,
+      dialog
+    } = this.state;
+    const {
+      answer
+    } = session || {};
+    const {
+      answersCorrected,
+      arrows,
+      coordinatesOnHover,
+      correctResponse,
+      defaultTool,
+      disabled,
+      domain,
+      extraCSSRules,
+      labels,
+      labelsEnabled,
+      prompt,
+      range,
+      rationale,
+      size,
+      showToggle,
+      title,
+      titleEnabled,
+      teacherInstructions,
+      language,
+      gssLineData,
+      gssData
+    } = model || {};
+    const marks = answersCorrected || answer || [];
+    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
+      },
+      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,
+      language: language,
+      gssLineData: gssLineData,
+      onChangeGssLineData: this.onChangeGssLineData,
+      onSolutionSetSelected: this.onSolutionSetSelected,
+      toolbarTools: ['line', 'polygon']
+    }) : /*#__PURE__*/_react.default.createElement(Graph, {
+      axesSettings: {
+        includeArrows: arrows
+      },
+      coordinatesOnHover: coordinatesOnHover,
+      defaultTool: defaultTool,
+      disabled: disabled,
+      disabledLabels: true,
+      disabledTitle: true,
+      domain: domain,
+      labels: labels,
+      marks: marks,
+      onChangeMarks: onAnswersChange,
+      onCustomReset: this.onResetClick,
+      range: range,
+      showLabels: labelsEnabled,
+      showTitle: titleEnabled,
+      size: size,
+      title: title,
+      language: language,
+      gssLineData: gssData,
+      onChangeGssLineData: this.onChangeGssLineData,
+      onSolutionSetSelected: this.onSolutionSetSelected,
+      toolbarTools: ['line', 'polygon']
+    }), showRationale && /*#__PURE__*/_react.default.createElement(_renderUi.Collapsible, {
+      labels: {
+        hidden: 'Show Rationale',
+        visible: 'Hide Rationale'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: rationale
+    })), /*#__PURE__*/_react.default.createElement(_configUi.AlertDialog, {
+      open: dialog.open,
+      title: dialog.title,
+      text: dialog.text,
+      onClose: dialog.onClose,
+      onConfirm: dialog.onConfirm,
+      onConfirmText: dialog.onConfirmText ? dialog.onConfirmText : 'OK'
+    }));
+  }
+}
+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","_graphingSolutionSet","_renderUi","_correctAnswerToggle","_utils","_configUi","MainContainer","styled","UiLayout","color","text","backgroundColor","background","TeacherInstructions","Collapsible","theme","marginBottom","spacing","Graph","GraphContainer","marginTop","Main","React","Component","constructor","args","_defineProperty2","default","showingCorrect","dialog","open","callback","setState","model","session","setGssData","props","gssData","title","onConfirm","answer","selectedTool","lineA","lineType","lineB","handleAlertDialog","onClose","point","disabled","section","sections","pointInsidePolygon","polygon","points","building","type","closed","isSolution","filter","mark","push","oldSelectedTool","domain","range","lines","checkIfLinesAreAdded","findSectionsInSolutionSet","handleGssDataChange","polygons","length","onConfirmText","fill","render","onAnswersChange","state","answersCorrected","arrows","coordinatesOnHover","correctResponse","defaultTool","extraCSSRules","labels","labelsEnabled","prompt","rationale","size","showToggle","titleEnabled","teacherInstructions","language","gssLineData","marks","showRationale","hasText","hasMedia","showTeacherInstructions","createElement","hidden","visible","PreviewPrompt","className","show","toggled","onToggle","toggleCorrect","axesSettings","includeArrows","disabledLabels","disabledTitle","map","i","correctness","onChangeMarks","showLabels","showTitle","onChangeGssLineData","onSolutionSetSelected","toolbarTools","onCustomReset","onResetClick","AlertDialog","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 } from '@pie-lib/graphing-solution-set';\nimport { color, Collapsible, hasText, hasMedia, PreviewPrompt, UiLayout } from '@pie-lib/render-ui';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { findSectionsInSolutionSet, pointInsidePolygon, checkIfLinesAreAdded } from './utils';\nimport { AlertDialog } from '@pie-lib/config-ui';\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 = {\n    showingCorrect: false,\n    dialog: {\n      open: false,\n    },\n  };\n\n  /*\n   * Function to handle the AlertDialog\n   * @param {boolean} open - open state of the dialog\n   * @param {function} callback - callback function to be called after setting the state\n   * */\n  handleAlertDialog = (open, callback) =>\n    this.setState(\n      {\n        dialog: { open },\n      },\n      callback,\n    );\n\n  /*\n   * Function to toggle the correct answer\n   * @param {boolean} showingCorrect - state of the correct answer\n   * */\n  toggleCorrect = (showingCorrect) => this.setState({ showingCorrect });\n\n  /*\n   * Reset the graph to original state\n   * */\n  onResetClick = () => {\n    const { model, session, setGssData } = this.props;\n    let { gssData } = model;\n    this.setState({\n      dialog: {\n        open: true,\n        title: 'Warning',\n        text: `This will remove all the elements added on the graph and reset graph to original state. Are you sure you want to continue?`,\n        onConfirm: () => {\n          // Reset the graph to original state\n          session.answer = [];\n          gssData.selectedTool = 'lineA';\n          gssData.lineA.lineType = 'Solid';\n          if (gssData.lineB) gssData.lineB.lineType = 'Solid';\n          // Set the gssData and session\n          setGssData(gssData, session);\n          this.handleAlertDialog(false);\n        },\n        onClose: () => this.handleAlertDialog(false),\n      },\n    });\n  };\n\n  /*\n   * Function to handle the event of solution set selected\n   * @param {object} point - point selected on the graph\n   * */\n  onSolutionSetSelected = (point) => {\n    const { model, session, setGssData } = this.props;\n    const { gssData, disabled } = model;\n    if (disabled) {\n      return;\n    }\n    for (const section of gssData.sections) {\n      if (pointInsidePolygon(point, section)) {\n        let polygon = {\n          points: section,\n          building: false,\n          type: 'polygon',\n          closed: true,\n          isSolution: true,\n        };\n        session.answer = session.answer.filter((mark) => mark.type !== 'polygon');\n        session.answer.push(polygon);\n        break;\n      }\n    }\n    setGssData(gssData, session);\n  };\n\n  /*\n   * Function to handle the event of change in GSS Line Data\n   * @param {object} gssData - GSS Line Data\n   * @param {string} oldSelectedTool - old selected tool\n   * */\n  onChangeGssLineData = (gssData, oldSelectedTool) => {\n    const { model, session } = this.props;\n    const { domain, range, disabled } = model;\n    if (disabled) {\n      return;\n    }\n    if (gssData.selectedTool === 'solutionSet') {\n      let lines = session.answer.filter((mark) => mark.type !== 'polygon');\n      if (!checkIfLinesAreAdded(gssData, lines)) {\n        gssData.selectedTool = oldSelectedTool;\n        this.setState({\n          dialog: {\n            open: true,\n            title: 'Warning',\n            text: 'Please define the line(s) and then select a solution set for the item.',\n            onConfirm: () => this.handleAlertDialog(false),\n          },\n        });\n      } else {\n        let lines = session.answer.filter((mark) => mark.type !== 'polygon');\n        gssData = findSectionsInSolutionSet(gssData, lines, domain, range);\n      }\n      this.handleGssDataChange(gssData, session);\n    } else {\n      let polygons = session.answer.filter((mark) => mark.type === 'polygon');\n      if (oldSelectedTool === 'solutionSet' && polygons.length > 0) {\n        this.setState({\n          dialog: {\n            open: true,\n            title: 'Warning',\n            text: 'Changing a line after adding a solution set will clear your selected solution set. Click \\'Clear Solution Set\\' to change the line. Otherwise, click \\'Cancel\\'.',\n            onConfirm: () => {\n              session.answer = session.answer.filter((mark) => mark.type !== 'polygon');\n              this.handleGssDataChange(gssData, session);\n              this.handleAlertDialog(false);\n            },\n            onConfirmText: 'CLEAR SOLUTION SET',\n            onClose: () => {\n              gssData.selectedTool = oldSelectedTool;\n              this.handleGssDataChange(gssData, session);\n              this.handleAlertDialog(false);\n            },\n          },\n        });\n      } else {\n        this.handleGssDataChange(gssData, session);\n      }\n    }\n  };\n\n  /*\n   * Function to handle the event of change in GSS Data\n   * @param {object} gssData - GSS Data\n   * @param {object} session - session data\n   * */\n  handleGssDataChange = (gssData, session) => {\n    const { setGssData } = this.props;\n    if (session.answer && session.answer.length > 0 && session.answer[0] && gssData.lineA) {\n      session.answer[0].fill = gssData.lineA.lineType;\n    }\n    if (session.answer && session.answer.length > 1 && session.answer[1] && gssData.lineB) {\n      session.answer[1].fill = gssData.lineB.lineType;\n    }\n    if (\n      (gssData.selectedTool === 'lineB' && session.answer.length === 0) ||\n      (gssData.selectedTool === 'lineB' && session.answer[0].building)\n    ) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: 'Warning',\n          text: 'Please add Line A to the graph before adding Line B',\n          onConfirm: () => this.handleAlertDialog(false),\n        },\n      });\n      gssData.selectedTool = 'lineA';\n    }\n    if (gssData.selectedTool === 'lineA' && session.answer.length > 1 && session.answer[1].building) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: 'Warning',\n          text: 'Please add Line B to the graph before switching to Line A',\n          onConfirm: () => this.handleAlertDialog(false),\n        },\n      });\n      gssData.selectedTool = 'lineB';\n    }\n    setGssData(gssData, session);\n  };\n\n  /*\n   * Render the component\n   * */\n  render() {\n    const { model, onAnswersChange, session } = this.props;\n    const { showingCorrect, dialog } = this.state;\n    const { answer } = session || {};\n    const {\n      answersCorrected,\n      arrows,\n      coordinatesOnHover,\n      correctResponse,\n      defaultTool,\n      disabled,\n      domain,\n      extraCSSRules,\n      labels,\n      labelsEnabled,\n      prompt,\n      range,\n      rationale,\n      size,\n      showToggle,\n      title,\n      titleEnabled,\n      teacherInstructions,\n      language,\n      gssLineData,\n      gssData,\n    } = model || {};\n    const marks = answersCorrected || answer || [];\n    const showRationale = model.rationale && (hasText(model.rationale) || hasMedia(model.rationale));\n    const showTeacherInstructions =\n      model.teacherInstructions && (hasText(model.teacherInstructions) || hasMedia(model.teacherInstructions));\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        {prompt && <PreviewPrompt className=\"prompt\" prompt={prompt} />}\n        <CorrectAnswerToggle\n          show={showToggle}\n          toggled={showingCorrect}\n          onToggle={this.toggleCorrect}\n          language={language}\n        />\n        {showingCorrect && showToggle ? (\n          <Graph\n            axesSettings={{ includeArrows: arrows }}\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            language={language}\n            gssLineData={gssLineData}\n            onChangeGssLineData={this.onChangeGssLineData}\n            onSolutionSetSelected={this.onSolutionSetSelected}\n            toolbarTools={['line', 'polygon']}\n          />\n        ) : (\n          <Graph\n            axesSettings={{ includeArrows: arrows }}\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            onCustomReset={this.onResetClick}\n            range={range}\n            showLabels={labelsEnabled}\n            showTitle={titleEnabled}\n            size={size}\n            title={title}\n            language={language}\n            gssLineData={gssData}\n            onChangeGssLineData={this.onChangeGssLineData}\n            onSolutionSetSelected={this.onSolutionSetSelected}\n            toolbarTools={['line', 'polygon']}\n          />\n        )}\n        {showRationale && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>\n            <PreviewPrompt prompt={rationale} />\n          </Collapsible>\n        )}\n        <AlertDialog\n          open={dialog.open}\n          title={dialog.title}\n          text={dialog.text}\n          onClose={dialog.onClose}\n          onConfirm={dialog.onConfirm}\n          onConfirmText={dialog.onConfirmText ? dialog.onConfirmText : 'OK'}\n        />\n      </MainContainer>\n    );\n  }\n}\n\nexport default Main;\n"],"mappings":"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","ignoreList":[]}