@pie-element/charting 12.1.1-next.1 → 12.1.1-next.11

package/lib/index.js

@@ -0,0 +1,78 @@
+"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 _main = _interopRequireDefault(require("./main"));
+var _piePlayerEvents = require("@pie-framework/pie-player-events");
+var _mathRendering = require("@pie-lib/math-rendering");
+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;
+    if (this._session && this.isComplete(this._session.answer)) {
+      this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), true, !!this._model));
+    } else {
+      this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), false, !!this._model));
+    }
+    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 modelClone = {
+      ...this._model,
+      data: this._model.data ? [...this._model.data] : this._model.data
+    };
+    const el = /*#__PURE__*/_react.default.createElement(_main.default, {
+      model: modelClone,
+      categories: this._session.answer,
+      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","_main","_piePlayerEvents","_mathRendering","Graphing","HTMLElement","constructor","_defineProperty2","default","answer","Array","isArray","length","_session","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","isComplete","_render","_root","model","m","_model","ModelSetEvent","session","s","connectedCallback","modelClone","data","el","React","createElement","Main","categories","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 Main from './main';\nimport { SessionChangedEvent, ModelSetEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\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\n    if (this._session && this.isComplete(this._session.answer)) {\n      this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), true, !!this._model));\n    } else {\n      this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), false, !!this._model));\n    }\n\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 modelClone = {\n      ...this._model,\n      data: this._model.data ? [...this._model.data] : this._model.data,\n    };\n\n    const el = React.createElement(Main, {\n      model: modelClone,\n      categories: this._session.answer,\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":"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","ignoreList":[]}

package/lib/main.js

@@ -0,0 +1,167 @@
+"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 _renderUi = require("@pie-lib/render-ui");
+var _charting = require("@pie-lib/charting");
+var _lodashEs = require("lodash-es");
+var _correctAnswerToggle = _interopRequireDefault(require("@pie-lib/correct-answer-toggle"));
+const StyledUiLayout = (0, _styles.styled)(_renderUi.UiLayout)({
+  color: _renderUi.color.text(),
+  backgroundColor: _renderUi.color.background(),
+  overflowX: 'scroll',
+  overflowY: 'hidden'
+});
+const StyledChart = (0, _styles.styled)(_charting.Chart)(({
+  theme
+}) => ({
+  marginTop: theme.spacing(2),
+  marginBottom: theme.spacing(2)
+}));
+const StyledCollapsible = (0, _styles.styled)(_renderUi.Collapsible)(({
+  theme
+}) => ({
+  marginBottom: theme.spacing(2)
+}));
+class Main extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "changeData", data => this.setState({
+      categories: data
+    }, () => this.props.onAnswersChange(data)));
+    (0, _defineProperty2.default)(this, "toggleCorrect", showingCorrect => this.setState({
+      showingCorrect
+    }));
+    this.state = {
+      categories: props.categories || props.model.data,
+      showingCorrect: false
+    };
+  }
+  componentDidUpdate(prevProps) {
+    if (!(0, _lodashEs.isEqual)(prevProps.categories, this.props.categories)) {
+      this.setState({
+        categories: this.props.categories
+      });
+    } else if (!(0, _lodashEs.isEqual)(prevProps.model.data, this.props.model.data)) {
+      this.setState({
+        categories: this.props.model.data
+      });
+    }
+  }
+  render() {
+    const {
+      categories,
+      showingCorrect
+    } = this.state;
+    const {
+      model
+    } = this.props;
+    const {
+      teacherInstructions,
+      prompt,
+      chartType,
+      size,
+      domain,
+      range,
+      title,
+      addCategoryEnabled,
+      studentNewCategoryDefaultLabel,
+      showToggle,
+      rationale,
+      correctAnswer,
+      language,
+      env,
+      showKeyLegend
+    } = model;
+    let {
+      correctedAnswer,
+      extraCSSRules
+    } = model;
+    const correctData = (correctAnswer?.data || []).map(data => ({
+      ...data,
+      interactive: false,
+      editable: false
+    }));
+    const {
+      mode
+    } = env || {};
+    // need to make labels disabled in view mode PD-3928
+    if (mode === 'view') {
+      correctedAnswer = (correctedAnswer || []).map(data => ({
+        ...data,
+        editable: 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(StyledUiLayout, {
+      extraCSSRules: extraCSSRules
+    }, showTeacherInstructions && /*#__PURE__*/_react.default.createElement(StyledCollapsible, {
+      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(StyledChart, {
+      chartType: chartType,
+      size: size,
+      domain: domain,
+      range: range,
+      charts: [_charting.chartTypes.Bar(), _charting.chartTypes.Histogram(), _charting.chartTypes.LineDot(), _charting.chartTypes.LineCross(), _charting.chartTypes.DotPlot(), _charting.chartTypes.LinePlot()],
+      data: correctData || categories,
+      title: title,
+      onDataChange: this.changeData,
+      addCategoryEnabled: false,
+      categoryDefaultLabel: studentNewCategoryDefaultLabel,
+      language: language,
+      labelsPlaceholders: {}
+    }) : /*#__PURE__*/_react.default.createElement(StyledChart, {
+      chartType: chartType,
+      size: size,
+      domain: domain,
+      range: range,
+      charts: [_charting.chartTypes.Bar(), _charting.chartTypes.Histogram(), _charting.chartTypes.LineDot(), _charting.chartTypes.LineCross(), _charting.chartTypes.DotPlot(), _charting.chartTypes.LinePlot()],
+      data: correctedAnswer || categories,
+      title: title,
+      onDataChange: this.changeData,
+      addCategoryEnabled: addCategoryEnabled,
+      categoryDefaultLabel: studentNewCategoryDefaultLabel,
+      language: language,
+      labelsPlaceholders: {},
+      correctData: showToggle ? correctData : undefined
+    }), !showingCorrect && showKeyLegend && /*#__PURE__*/_react.default.createElement(_charting.KeyLegend, {
+      language: language
+    }), 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,
+  onAnswersChange: _propTypes.default.func,
+  categories: _propTypes.default.array
+});
+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","_renderUi","_charting","_lodashEs","_correctAnswerToggle","StyledUiLayout","styled","UiLayout","color","text","backgroundColor","background","overflowX","overflowY","StyledChart","Chart","theme","marginTop","spacing","marginBottom","StyledCollapsible","Collapsible","Main","React","Component","constructor","props","_defineProperty2","default","data","setState","categories","onAnswersChange","showingCorrect","state","model","componentDidUpdate","prevProps","isEqual","render","teacherInstructions","prompt","chartType","size","domain","range","title","addCategoryEnabled","studentNewCategoryDefaultLabel","showToggle","rationale","correctAnswer","language","env","showKeyLegend","correctedAnswer","extraCSSRules","correctData","map","interactive","editable","mode","showRationale","hasText","hasMedia","showTeacherInstructions","createElement","labels","hidden","visible","PreviewPrompt","className","show","toggled","onToggle","toggleCorrect","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","onDataChange","changeData","categoryDefaultLabel","labelsPlaceholders","undefined","KeyLegend","exports","PropTypes","object","isRequired","func","array","_default"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { color, Collapsible, hasText, PreviewPrompt, UiLayout, hasMedia } from '@pie-lib/render-ui';\nimport { Chart, chartTypes, KeyLegend } from '@pie-lib/charting';\nimport { isEqual } from 'lodash-es';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\n\nconst StyledUiLayout = styled(UiLayout)({\n  color: color.text(),\n  backgroundColor: color.background(),\n  overflowX: 'scroll',\n  overflowY: 'hidden',\n});\n\nconst StyledChart = styled(Chart)(({ theme }) => ({\n  marginTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n}));\n\nconst StyledCollapsible = styled(Collapsible)(({ theme }) => ({\n  marginBottom: theme.spacing(2),\n}));\n\nexport class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    onAnswersChange: PropTypes.func,\n    categories: PropTypes.array,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      categories: props.categories || props.model.data,\n      showingCorrect: false,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    if (!isEqual(prevProps.categories, this.props.categories)) {\n      this.setState({ categories: this.props.categories });\n    } else if (!isEqual(prevProps.model.data, this.props.model.data)) {\n      this.setState({ categories: this.props.model.data });\n    }\n  }\n\n  changeData = (data) =>\n    this.setState(\n      {\n        categories: data,\n      },\n      () => this.props.onAnswersChange(data),\n    );\n\n  toggleCorrect = (showingCorrect) => this.setState({ showingCorrect });\n\n  render() {\n    const { categories, showingCorrect } = this.state;\n    const { model } = this.props;\n    const {\n      teacherInstructions,\n      prompt,\n      chartType,\n      size,\n      domain,\n      range,\n      title,\n      addCategoryEnabled,\n      studentNewCategoryDefaultLabel,\n      showToggle,\n      rationale,\n      correctAnswer,\n      language,\n      env,\n      showKeyLegend,\n    } = model;\n\n    let { correctedAnswer, extraCSSRules } = model;\n\n    const correctData = (correctAnswer?.data || []).map((data) => ({ ...data, interactive: false, editable: false }));\n    const { mode } = env || {};\n    // need to make labels disabled in view mode PD-3928\n    if (mode === 'view') {\n      correctedAnswer = (correctedAnswer || []).map((data) => ({ ...data, editable: false }));\n    }\n\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      <StyledUiLayout extraCSSRules={extraCSSRules}>\n        {showTeacherInstructions && (\n          <StyledCollapsible\n            labels={{\n              hidden: 'Show Teacher Instructions',\n              visible: 'Hide Teacher Instructions',\n            }}\n          >\n            <PreviewPrompt prompt={teacherInstructions} />\n          </StyledCollapsible>\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          <StyledChart\n            chartType={chartType}\n            size={size}\n            domain={domain}\n            range={range}\n            charts={[\n              chartTypes.Bar(),\n              chartTypes.Histogram(),\n              chartTypes.LineDot(),\n              chartTypes.LineCross(),\n              chartTypes.DotPlot(),\n              chartTypes.LinePlot(),\n            ]}\n            data={correctData || categories}\n            title={title}\n            onDataChange={this.changeData}\n            addCategoryEnabled={false}\n            categoryDefaultLabel={studentNewCategoryDefaultLabel}\n            language={language}\n            labelsPlaceholders={{}}\n          />\n        ) : (\n          <StyledChart\n            chartType={chartType}\n            size={size}\n            domain={domain}\n            range={range}\n            charts={[\n              chartTypes.Bar(),\n              chartTypes.Histogram(),\n              chartTypes.LineDot(),\n              chartTypes.LineCross(),\n              chartTypes.DotPlot(),\n              chartTypes.LinePlot(),\n            ]}\n            data={correctedAnswer || categories}\n            title={title}\n            onDataChange={this.changeData}\n            addCategoryEnabled={addCategoryEnabled}\n            categoryDefaultLabel={studentNewCategoryDefaultLabel}\n            language={language}\n            labelsPlaceholders={{}}\n            correctData={showToggle ? correctData : undefined}\n          />\n        )}\n        {!showingCorrect && showKeyLegend && <KeyLegend language={language}></KeyLegend>}\n        {showRationale && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>\n            <PreviewPrompt prompt={rationale} />\n          </Collapsible>\n        )}\n      </StyledUiLayout>\n    );\n  }\n}\n\nexport default Main;\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,69 +1,32 @@
 {
   "name": "@pie-element/charting",
-  "version": "12.1.1-next.1",
+  "repository": "pie-framework/pie-elements",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "12.1.1-next.11+84119e88b",
   "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/charting": "7.0.4",
-    "@pie-lib/correct-answer-toggle": "4.0.2",
-    "@pie-lib/render-ui": "6.1.0",
+    "@pie-framework/pie-player-events": "^0.1.0",
+    "@pie-lib/charting": "7.0.5",
+    "@pie-lib/correct-answer-toggle": "4.0.3",
+    "@pie-lib/math-rendering": "5.0.2",
+    "@pie-lib/render-ui": "6.1.1",
     "debug": "^4.1.1",
     "lodash-es": "^4.17.23",
-    "@pie-lib/config-ui": "13.0.4",
-    "@pie-lib/editable-html-tip-tap": "2.1.2",
-    "@pie-element/shared-configure-events": "0.1.0",
-    "@pie-element/shared-math-rendering-mathjax": "0.1.0",
-    "@pie-element/shared-controller-utils": "0.1.1-next.1",
-    "@pie-element/shared-player-events": "0.1.0",
-    "prop-types": "^15.6.1"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    },
-    "./delivery": {
-      "types": "./dist/delivery/index.d.ts",
-      "default": "./dist/delivery/index.js"
-    },
-    "./author": {
-      "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"
-    }
-  },
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "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 vite.config.iife.ts && bun x tsc --emitDeclarationOnly",
-    "dev": "bun x vite",
-    "demo": "bun x vite --mode demo",
-    "test": "bun x vitest run"
-  }
+  "author": "",
+  "license": "ISC",
+  "gitHead": "84119e88bfc3869f06f03cb7d63655060d30db73",
+  "main": "lib/index.js",
+  "module": "src/index.js"
 }

package/dist/author/charting-config.d.ts

@@ -1,30 +0,0 @@
-/**
- * @synced-from pie-elements/packages/charting/configure/src/charting-config.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 * as React from 'react';
-import PropTypes from 'prop-types';
-export declare class ChartingConfig extends React.Component {
-    static propTypes: {
-        model: PropTypes.Validator<object>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-        charts: PropTypes.Requireable<any[]>;
-        labelsPlaceholders: PropTypes.Requireable<object>;
-        titlePlaceholder: PropTypes.Requireable<object>;
-        showPixelGuides: PropTypes.Requireable<boolean>;
-        authorNewCategoryDefaults: PropTypes.Requireable<object>;
-        chartingOptions: PropTypes.Requireable<object>;
-    };
-    constructor(props: any);
-    handleAlertDialog: (open: any, callback: any) => void;
-    changeData: (data: any) => any;
-    changeAddRemoveEnabled: any;
-    changeTitle: (title: any) => any;
-    changeLabel: (type: any, label: any) => any;
-    render(): React.JSX.Element;
-}
-export default ChartingConfig;

package/dist/author/charting-config.js

@@ -1,126 +0,0 @@
-import * as e from "react";
-import t from "prop-types";
-import { styled as n } from "@mui/material/styles";
-import { color as r } from "@pie-lib/render-ui";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Chart as o } from "@pie-lib/charting";
-import { AlertDialog as s } from "@pie-lib/config-ui";
-import c from "@mui/material/Typography";
-import l from "@mui/material/Checkbox";
-//#region src/author/charting-config.tsx
-var u = n("div")(({ theme: e }) => ({
-	marginBottom: e.spacing(2.5),
-	display: "flex",
-	flex: 1
-})), d = n("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), f = n("div")({ flex: 1 }), p = n(l)({ color: `${r.tertiary()} !important` }), m = (e, t) => {
-	if (!e) return t;
-	let n = [];
-	return (t || []).forEach((t, r) => {
-		let { editable: i, interactive: a } = t;
-		n[r] = {
-			label: i && e[r]?.label ? e[r].label : t.label,
-			value: a && e[r]?.value ? e[r].value : t.value,
-			editable: t.editable,
-			interactive: t.interactive
-		};
-	}), n;
-}, h = class extends e.Component {
-	static propTypes = {
-		model: t.object.isRequired,
-		onChange: t.func.isRequired,
-		charts: t.array,
-		labelsPlaceholders: t.object,
-		titlePlaceholder: t.object,
-		showPixelGuides: t.bool,
-		authorNewCategoryDefaults: t.object,
-		chartingOptions: t.object
-	};
-	constructor(e) {
-		super(e), this.state = { dialog: { open: !1 } };
-	}
-	handleAlertDialog = (e, t) => this.setState({ dialog: { open: e } }, t);
-	changeData = (e) => this.props.onChange({
-		...this.props.model,
-		data: e
-	});
-	changeAddRemoveEnabled = (e) => {
-		let { model: t } = this.props, n = m(t.correctAnswer.data, t.data);
-		e ? this.props.onChange({
-			...this.props.model,
-			addCategoryEnabled: e
-		}) : this.setState({ dialog: {
-			open: !0,
-			title: "Warning",
-			text: "This change will remove any correct answer categories that are not part of the initial item configuration.",
-			onConfirm: () => this.handleAlertDialog(!1, this.props.onChange({
-				...this.props.model,
-				addCategoryEnabled: e,
-				correctAnswer: { data: n }
-			})),
-			onClose: () => this.handleAlertDialog(!1)
-		} });
-	};
-	changeTitle = (e) => this.props.onChange({
-		...this.props.model,
-		title: e
-	});
-	changeLabel = (e, t) => this.props.onChange({
-		...this.props.model,
-		[e]: {
-			...this.props.model[e],
-			label: t
-		}
-	});
-	render() {
-		let { model: e, charts: t, labelsPlaceholders: n, titlePlaceholder: r, showPixelGuides: l, authorNewCategoryDefaults: m, chartingOptions: h, mathMlOptions: g = {}, labelsCharactersLimit: _ } = this.props, { dialog: v } = this.state, { domain: y = {}, range: b = {} } = e || {};
-		return /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i(d, { children: "Define Initial Chart Attributes" }), /* @__PURE__ */ i(u, { children: /* @__PURE__ */ a(f, { children: [
-			/* @__PURE__ */ i(c, {
-				component: "div",
-				type: "body1",
-				children: /* @__PURE__ */ i("span", { children: "Use the tools below to set up the chart as it will initially appear to students." })
-			}),
-			/* @__PURE__ */ i(o, {
-				defineChart: !0,
-				chartingOptions: h,
-				showPixelGuides: l,
-				chartType: e.chartType,
-				size: e.graph,
-				domain: y,
-				range: b,
-				charts: t,
-				data: e.data.map((e, t) => ({
-					...e,
-					index: t
-				})),
-				title: e.title,
-				onDataChange: this.changeData,
-				onChangeTitle: this.changeTitle,
-				onChangeLabels: this.changeLabel,
-				addCategoryEnabled: !0,
-				changeInteractiveEnabled: e.changeInteractiveEnabled,
-				changeEditableEnabled: e.changeEditableEnabled,
-				categoryDefaultLabel: m?.label,
-				categoryDefaults: m,
-				labelsPlaceholders: n,
-				titlePlaceholder: r?.label,
-				mathMlOptions: g,
-				labelsCharactersLimit: _
-			}),
-			e.changeAddCategoryEnabled && /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i(p, {
-				checked: e.addCategoryEnabled,
-				onChange: (e) => {
-					this.changeAddRemoveEnabled(e.target.checked);
-				}
-			}), h?.addCategory?.authoringLabel] }),
-			/* @__PURE__ */ i(s, {
-				open: v.open,
-				title: v.title,
-				text: v.text,
-				onClose: v.onClose,
-				onConfirm: v.onConfirm
-			})
-		] }, "graph") })] });
-	}
-};
-//#endregion
-export { h as default };

package/dist/author/configure.d.ts

@@ -1,29 +0,0 @@
-/**
- * @synced-from pie-elements/packages/charting/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>;
-        chartingOptions: PropTypes.Requireable<object>;
-    };
-    constructor(props: any);
-    onRationaleChange: (rationale: any) => any;
-    onPromptChange: (prompt: any) => any;
-    onTeacherInstructionsChange: (teacherInstructions: any) => any;
-    onChartTypeChange: (chartType: any) => any;
-    onConfigChange: any;
-    render(): React.JSX.Element;
-}
-export default Configure;