@pie-element/number-line 13.1.2-next.5 → 13.1.3

package/configure/lib/arrows.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Arrows = 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 _configUi = require("@pie-lib/config-ui");
+const FlexRow = (0, _styles.styled)('div')({
+  display: 'flex',
+  alignItems: 'center',
+  gap: '10px'
+});
+const ArrowsContainer = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  paddingTop: theme.spacing(2),
+  display: 'flex',
+  gap: theme.spacing(2),
+  alignItems: 'center',
+  '& > *': {
+    flexShrink: 0
+  },
+  '& label': {
+    whiteSpace: 'nowrap',
+    overflow: 'visible',
+    textOverflow: 'clip'
+  },
+  '& .MuiFormControlLabel-root': {
+    margin: 0,
+    marginRight: 0
+  },
+  '& .MuiFormControlLabel-label': {
+    whiteSpace: 'nowrap',
+    overflow: 'visible',
+    textOverflow: 'clip',
+    maxWidth: 'none',
+    width: 'auto',
+    flexShrink: 0
+  }
+}));
+class Arrows extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.change = (key, event, value) => {
+      const update = {
+        ...this.props.arrows,
+        [key]: value
+      };
+      this.props.onChange(update);
+    };
+    this.changeLeft = this.change.bind(this, 'left');
+    this.changeRight = this.change.bind(this, 'right');
+  }
+  render() {
+    const {
+      arrows
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(FlexRow, null, /*#__PURE__*/_react.default.createElement("label", null, "Arrows"), /*#__PURE__*/_react.default.createElement(ArrowsContainer, null, /*#__PURE__*/_react.default.createElement(_configUi.InputCheckbox, {
+      label: 'Left',
+      checked: arrows.left,
+      onChange: this.changeLeft
+    }), /*#__PURE__*/_react.default.createElement(_configUi.InputCheckbox, {
+      label: 'Right',
+      checked: arrows.right,
+      onChange: this.changeRight
+    })));
+  }
+}
+exports.Arrows = Arrows;
+(0, _defineProperty2.default)(Arrows, "propTypes", {
+  arrows: _propTypes.default.shape({
+    left: _propTypes.default.bool,
+    right: _propTypes.default.bool
+  }).isRequired,
+  onChange: _propTypes.default.func
+});
+(0, _defineProperty2.default)(Arrows, "defaultProps", {
+  arrows: {
+    left: true,
+    right: true
+  }
+});
+var _default = exports.default = Arrows;
+//# sourceMappingURL=arrows.js.map

package/configure/lib/arrows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrows.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_configUi","FlexRow","styled","display","alignItems","gap","ArrowsContainer","theme","paddingTop","spacing","flexShrink","whiteSpace","overflow","textOverflow","margin","marginRight","maxWidth","width","Arrows","React","Component","constructor","props","change","key","event","value","update","arrows","onChange","changeLeft","bind","changeRight","render","default","createElement","InputCheckbox","label","checked","left","right","exports","_defineProperty2","PropTypes","shape","bool","isRequired","func","_default"],"sources":["../src/arrows.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { InputCheckbox } from '@pie-lib/config-ui';\n\nconst FlexRow = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '10px',\n});\n\nconst ArrowsContainer = styled('div')(({ theme }) => ({\n  paddingTop: theme.spacing(2),\n  display: 'flex',\n  gap: theme.spacing(2),\n  alignItems: 'center',\n  '& > *': {\n    flexShrink: 0,\n  },\n  '& label': {\n    whiteSpace: 'nowrap',\n    overflow: 'visible',\n    textOverflow: 'clip',\n  },\n  '& .MuiFormControlLabel-root': {\n    margin: 0,\n    marginRight: 0,\n  },\n  '& .MuiFormControlLabel-label': {\n    whiteSpace: 'nowrap',\n    overflow: 'visible',\n    textOverflow: 'clip',\n    maxWidth: 'none',\n    width: 'auto',\n    flexShrink: 0,\n  },\n}));\n\nexport class Arrows extends React.Component {\n  static propTypes = {\n    arrows: PropTypes.shape({ left: PropTypes.bool, right: PropTypes.bool }).isRequired,\n    onChange: PropTypes.func,\n  };\n  static defaultProps = {\n    arrows: { left: true, right: true },\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.change = (key, event, value) => {\n      const update = { ...this.props.arrows, [key]: value };\n      this.props.onChange(update);\n    };\n    this.changeLeft = this.change.bind(this, 'left');\n    this.changeRight = this.change.bind(this, 'right');\n  }\n\n  render() {\n    const { arrows } = this.props;\n    return (\n      <FlexRow>\n        <label>Arrows</label>\n        <ArrowsContainer>\n          <InputCheckbox label={'Left'} checked={arrows.left} onChange={this.changeLeft} />\n          <InputCheckbox\n            label={'Right'}\n            checked={arrows.right}\n            onChange={this.changeRight}\n          />\n        </ArrowsContainer>\n      </FlexRow>\n    );\n  }\n}\n\nexport default Arrows;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/card-bar.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-bar.js","names":["_styles","require","_Tooltip","_interopRequireDefault","_HelpOutline","_IconButton","_propTypes","_react","_Typography","CardBarContainer","styled","display","justifyContent","FlexContainer","alignItems","StyledIconButton","IconButton","margin","padding","CardBar","props","header","children","mini","info","default","createElement","variant","title","slotProps","tooltip","sx","theme","fontSize","typography","size","propTypes","PropTypes","bool","string","node","any","_default","exports"],"sources":["../src/card-bar.jsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Tooltip from '@mui/material/Tooltip';\nimport HelpIcon from '@mui/icons-material/HelpOutline';\nimport IconButton from '@mui/material/IconButton';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Typography from '@mui/material/Typography';\n\nconst CardBarContainer = styled('div')({\n  display: 'flex',\n  justifyContent: 'space-between',\n});\n\nconst FlexContainer = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nconst StyledIconButton = styled(IconButton)({\n  margin: 0,\n  padding: 0,\n});\n\nconst CardBar = (props) => {\n  const { header, children, mini, info } = props;\n\n  return (\n    <CardBarContainer>\n      <FlexContainer>\n        <Typography variant={mini ? 'subheading' : 'h5'}>{header}</Typography>\n        {info}\n      </FlexContainer>\n      {children && (\n        <Tooltip\n          title={children}\n          slotProps={{\n            tooltip: {\n              sx: (theme) => ({\n                fontSize: theme.typography.fontSize - 2,\n              }),\n            },\n          }}\n        >\n          <StyledIconButton aria-label=\"Delete\" size=\"large\">\n            <HelpIcon />\n          </StyledIconButton>\n        </Tooltip>\n      )}\n    </CardBarContainer>\n  );\n};\n\nCardBar.propTypes = {\n  mini: PropTypes.bool,\n  header: PropTypes.string,\n  children: PropTypes.node,\n  info: PropTypes.any,\n};\n\nexport default CardBar;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,UAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,WAAA,GAAAL,sBAAA,CAAAF,OAAA;AAEA,MAAMQ,gBAAgB,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC;EACrCC,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE;AAClB,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAG,IAAAH,cAAM,EAAC,KAAK,CAAC,CAAC;EAClCC,OAAO,EAAE,MAAM;EACfG,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,MAAMC,gBAAgB,GAAG,IAAAL,cAAM,EAACM,mBAAU,CAAC,CAAC;EAC1CC,MAAM,EAAE,CAAC;EACTC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,OAAO,GAAIC,KAAK,IAAK;EACzB,MAAM;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,IAAI;IAAEC;EAAK,CAAC,GAAGJ,KAAK;EAE9C,oBACEb,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACjB,gBAAgB,qBACfF,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,aAAa,qBACZN,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAClB,WAAA,CAAAiB,OAAU;IAACE,OAAO,EAAEJ,IAAI,GAAG,YAAY,GAAG;EAAK,GAAEF,MAAmB,CAAC,EACrEG,IACY,CAAC,EACfF,QAAQ,iBACPf,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACxB,QAAA,CAAAuB,OAAO;IACNG,KAAK,EAAEN,QAAS;IAChBO,SAAS,EAAE;MACTC,OAAO,EAAE;QACPC,EAAE,EAAGC,KAAK,KAAM;UACdC,QAAQ,EAAED,KAAK,CAACE,UAAU,CAACD,QAAQ,GAAG;QACxC,CAAC;MACH;IACF;EAAE,gBAEF1B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACX,gBAAgB;IAAC,cAAW,QAAQ;IAACoB,IAAI,EAAC;EAAO,gBAChD5B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACtB,YAAA,CAAAqB,OAAQ,MAAE,CACK,CACX,CAEK,CAAC;AAEvB,CAAC;AAEDN,OAAO,CAACiB,SAAS,GAAG;EAClBb,IAAI,EAAEc,kBAAS,CAACC,IAAI;EACpBjB,MAAM,EAAEgB,kBAAS,CAACE,MAAM;EACxBjB,QAAQ,EAAEe,kBAAS,CAACG,IAAI;EACxBhB,IAAI,EAAEa,kBAAS,CAACI;AAClB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEaN,OAAO","ignoreList":[]}

package/configure/lib/defaults.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.model = exports.configuration = void 0;
+const model = exports.model = {
+  correctResponse: [],
+  feedback: {
+    correct: {
+      default: 'Correct',
+      type: 'none'
+    },
+    incorrect: {
+      default: 'Incorrect',
+      type: 'none'
+    },
+    partial: {
+      default: 'Nearly',
+      type: 'none'
+    }
+  },
+  graph: {
+    arrows: {
+      left: true,
+      right: true
+    },
+    availableTypes: {
+      PF: true
+    },
+    domain: {
+      min: -1,
+      max: 1
+    },
+    exhibitOnly: false,
+    initialElements: [],
+    initialType: 'PF',
+    maxNumberOfPoints: 1,
+    ticks: {
+      minor: 0.125,
+      major: 0.5,
+      tickIntervalType: 'Decimal'
+    },
+    title: '',
+    width: 500
+  },
+  prompt: '',
+  promptEnabled: true,
+  rationale: '',
+  rationaleEnabled: true,
+  teacherInstructions: '',
+  teacherInstructionsEnabled: true,
+  toolbarEditorPosition: 'bottom',
+  widthEnabled: true
+};
+const configuration = exports.configuration = {
+  baseInputConfiguration: {
+    h3: {
+      disabled: true
+    },
+    audio: {
+      disabled: false
+    },
+    video: {
+      disabled: false
+    },
+    image: {
+      disabled: false
+    },
+    textAlign: {
+      disabled: true
+    },
+    showParagraphs: {
+      disabled: false
+    }
+  },
+  instruction: {
+    settings: false,
+    enabled: true,
+    label: 'Number line questions involve plotting points or other objects. To create one, first set up the number line, then select the plotting tools students will be offered and use them to define the correct answer.'
+  },
+  prompt: {
+    settings: true,
+    label: 'Item Stem',
+    required: false,
+    inputConfiguration: {
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      }
+    }
+  },
+  rationale: {
+    settings: true,
+    label: 'Rationale',
+    required: false,
+    inputConfiguration: {
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      }
+    }
+  },
+  teacherInstructions: {
+    settings: true,
+    label: 'Teacher Instructions',
+    required: false,
+    inputConfiguration: {
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      }
+    }
+  },
+  title: {
+    label: 'Title',
+    settings: true,
+    enabled: true,
+    inputConfiguration: {
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      }
+    }
+  },
+  numberLineDimensions: {
+    settings: true,
+    label: 'Width',
+    enabled: true,
+    min: 200,
+    max: 800,
+    step: 20
+  },
+  mathMlOptions: {
+    mmlOutput: false,
+    mmlEditing: false
+  },
+  language: {
+    settings: false,
+    label: 'Specify Language',
+    enabled: false
+  },
+  languageChoices: {
+    label: 'Language Choices',
+    options: []
+  },
+  spellCheck: {
+    label: 'Spellcheck',
+    settings: false,
+    enabled: true
+  },
+  maxMaxElements: 20,
+  hidePointConfigButtons: false,
+  availableTools: ['PF', 'LFF', 'LEF', 'LFE', 'LEE', 'RFN', 'RFP', 'REN', 'REP'],
+  settingsPanelDisabled: false
+};
+//# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":["model","exports","correctResponse","feedback","correct","default","type","incorrect","partial","graph","arrows","left","right","availableTypes","PF","domain","min","max","exhibitOnly","initialElements","initialType","maxNumberOfPoints","ticks","minor","major","tickIntervalType","title","width","prompt","promptEnabled","rationale","rationaleEnabled","teacherInstructions","teacherInstructionsEnabled","toolbarEditorPosition","widthEnabled","configuration","baseInputConfiguration","h3","disabled","audio","video","image","textAlign","showParagraphs","instruction","settings","enabled","label","required","inputConfiguration","numberLineDimensions","step","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options","spellCheck","maxMaxElements","hidePointConfigButtons","availableTools","settingsPanelDisabled"],"sources":["../src/defaults.js"],"sourcesContent":["export const model = {\n  correctResponse: [],\n  feedback: {\n    correct: { default: 'Correct', type: 'none' },\n    incorrect: { default: 'Incorrect', type: 'none' },\n    partial: { default: 'Nearly', type: 'none' },\n  },\n  graph: {\n    arrows: { left: true, right: true },\n    availableTypes: {\n      PF: true,\n    },\n    domain: { min: -1, max: 1 },\n    exhibitOnly: false,\n    initialElements: [],\n    initialType: 'PF',\n    maxNumberOfPoints: 1,\n    ticks: { minor: 0.125, major: 0.5, tickIntervalType: 'Decimal' },\n    title: '',\n    width: 500,\n  },\n  prompt: '',\n  promptEnabled: true,\n  rationale: '',\n  rationaleEnabled: true,\n  teacherInstructions: '',\n  teacherInstructionsEnabled: true,\n  toolbarEditorPosition: 'bottom',\n  widthEnabled: true,\n};\n\nexport const configuration = {\n  baseInputConfiguration: {\n    h3: { disabled: true },\n    audio: { disabled: false },\n    video: { disabled: false },\n    image: { disabled: false },\n    textAlign: { disabled: true },\n    showParagraphs: { disabled: false },\n  },\n  instruction: {\n    settings: false,\n    enabled: true,\n    label:\n      'Number line questions involve plotting points or other objects. To create one, first set up the number line, then select the plotting tools students will be offered and use them to define the correct answer.',\n  },\n  prompt: {\n    settings: true,\n    label: 'Item Stem',\n    required: false,\n    inputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n    },\n  },\n  rationale: {\n    settings: true,\n    label: 'Rationale',\n    required: false,\n    inputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n    },\n  },\n  teacherInstructions: {\n    settings: true,\n    label: 'Teacher Instructions',\n    required: false,\n    inputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n    },\n  },\n  title: {\n    label: 'Title',\n    settings: true,\n    enabled: true,\n    inputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n    },\n  },\n  numberLineDimensions: {\n    settings: true,\n    label: 'Width',\n    enabled: true,\n    min: 200,\n    max: 800,\n    step: 20,\n  },\n  mathMlOptions: {\n    mmlOutput: false,\n    mmlEditing: false,\n  },\n  language: {\n    settings: false,\n    label: 'Specify Language',\n    enabled: false,\n  },\n  languageChoices: {\n    label: 'Language Choices',\n    options: [],\n  },\n  spellCheck: {\n    label: 'Spellcheck',\n    settings: false,\n    enabled: true,\n  },\n  maxMaxElements: 20,\n  hidePointConfigButtons: false,\n  availableTools: ['PF', 'LFF', 'LEF', 'LFE', 'LEE', 'RFN', 'RFP', 'REN', 'REP'],\n  settingsPanelDisabled: false,\n};\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/domain.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Domain = void 0;
+var _numberTextField = _interopRequireDefault(require("./number-text-field"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@mui/material/styles");
+const DOMAIN_BEGIN = 'domainBegin';
+const DOMAIN_END = 'domainEnd';
+const DisplayFlex = (0, _styles.styled)('div')({
+  display: 'flex',
+  gap: '20px'
+});
+const FlexRow = (0, _styles.styled)('div')({
+  display: 'flex',
+  alignItems: 'center',
+  gap: '10px',
+  '.MuiInputBase-input': {
+    padding: '16.5px 14px !important'
+  }
+});
+const sort = domain => {
+  if (domain.min <= domain.max) {
+    return domain;
+  }
+  return {
+    min: domain.max,
+    max: domain.min
+  };
+};
+class Domain extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.changeMin = this.change.bind(this, 'min');
+    this.changeMax = this.change.bind(this, 'max');
+  }
+  change(key, event, value) {
+    const {
+      onChange
+    } = this.props;
+    let update;
+    //Added condition when min and max is same, then it should not update the value
+    if (key === 'min' && value === this.props.domain.max || key === 'max' && value === this.props.domain.min) {
+      update = {
+        ...this.props.domain
+      };
+    } else {
+      update = {
+        ...this.props.domain,
+        [key]: value
+      };
+    }
+    onChange(sort(update));
+  }
+  render() {
+    const {
+      domain
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(DisplayFlex, null, /*#__PURE__*/_react.default.createElement(FlexRow, null, /*#__PURE__*/_react.default.createElement("label", null, "Min Value"), /*#__PURE__*/_react.default.createElement(_numberTextField.default, {
+      min: -100000,
+      max: 99999,
+      value: domain.min,
+      name: DOMAIN_BEGIN,
+      onChange: this.changeMin
+    })), /*#__PURE__*/_react.default.createElement(FlexRow, null, /*#__PURE__*/_react.default.createElement("label", null, "Max Value"), /*#__PURE__*/_react.default.createElement(_numberTextField.default, {
+      min: -99999,
+      max: 100000,
+      value: domain.max,
+      name: DOMAIN_END,
+      onChange: this.changeMax
+    })));
+  }
+}
+exports.Domain = Domain;
+Domain.propTypes = {
+  domain: _propTypes.default.shape({
+    min: _propTypes.default.number,
+    max: _propTypes.default.number
+  }),
+  onChange: _propTypes.default.func.isRequired
+};
+var _default = exports.default = Domain;
+//# sourceMappingURL=domain.js.map

package/configure/lib/domain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain.js","names":["_numberTextField","_interopRequireDefault","require","_propTypes","_react","_styles","DOMAIN_BEGIN","DOMAIN_END","DisplayFlex","styled","display","gap","FlexRow","alignItems","padding","sort","domain","min","max","Domain","React","Component","constructor","props","changeMin","change","bind","changeMax","key","event","value","onChange","update","render","default","createElement","name","exports","propTypes","PropTypes","shape","number","func","isRequired","_default"],"sources":["../src/domain.jsx"],"sourcesContent":["import NumberTextField from './number-text-field';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst DOMAIN_BEGIN = 'domainBegin';\nconst DOMAIN_END = 'domainEnd';\n\nconst DisplayFlex = styled('div')({\n  display: 'flex',\n  gap: '20px',\n});\n\nconst FlexRow = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '10px',\n\n  '.MuiInputBase-input': {\n    padding: '16.5px 14px !important',\n  },\n});\n\nconst sort = (domain) => {\n  if (domain.min <= domain.max) {\n    return domain;\n  }\n  return { min: domain.max, max: domain.min };\n};\n\nexport class Domain extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.changeMin = this.change.bind(this, 'min');\n    this.changeMax = this.change.bind(this, 'max');\n  }\n\n  change(key, event, value) {\n    const { onChange } = this.props;\n    let update;\n    //Added condition when min and max is same, then it should not update the value\n    if ((key === 'min' && value === this.props.domain.max) || (key === 'max' && value === this.props.domain.min)) {\n      update = { ...this.props.domain };\n    } else {\n      update = { ...this.props.domain, [key]: value };\n    }\n    onChange(sort(update));\n  }\n\n  render() {\n    const { domain } = this.props;\n\n    return (\n      <DisplayFlex>\n        <FlexRow>\n          <label>Min Value</label>\n          <NumberTextField min={-100000} max={99999} value={domain.min} name={DOMAIN_BEGIN} onChange={this.changeMin} />\n        </FlexRow>\n        <FlexRow>\n          <label>Max Value</label>\n          <NumberTextField min={-99999} max={100000} value={domain.max} name={DOMAIN_END} onChange={this.changeMax} />\n        </FlexRow>\n      </DisplayFlex>\n    );\n  }\n}\nDomain.propTypes = {\n  domain: PropTypes.shape({ min: PropTypes.number, max: PropTypes.number }),\n  onChange: PropTypes.func.isRequired,\n};\n\nexport default Domain;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/index.js

@@ -0,0 +1,176 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _main = _interopRequireDefault(require("./main"));
+var _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
+var defaults = _interopRequireWildcard(require("./defaults"));
+var math = _interopRequireWildcard(require("mathjs"));
+var _lodashEs = require("lodash-es");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// this function is duplicated in controller; at some point, use the same shared function
+const updateTicks = model => {
+  const {
+    graph: {
+      domain,
+      labelStep,
+      ticks = {}
+    } = {}
+  } = model;
+  const {
+    minor,
+    major
+  } = ticks;
+  if (domain) {
+    domain.min = Number((domain.min || 0).toFixed(2));
+    domain.max = Number((domain.max || 0).toFixed(2));
+  }
+  if (labelStep && typeof labelStep === 'string' && labelStep.match(/^[1-9][0-9]*\/[1-9][0-9]*$/g)) {
+    model.graph.fraction = true;
+    ticks.tickIntervalType = 'Fraction';
+
+    // update the ticks frequency and label value to match the label step if needed
+    const step = math.evaluate(labelStep);
+    if (step !== major) {
+      ticks.major = step;
+      ticks.minor = step / (major / minor);
+    }
+  }
+  return model;
+};
+class NumberLine extends HTMLElement {
+  constructor() {
+    super();
+    (0, _defineProperty2.default)(this, "resetModelAfterConfigurationIsSet", () => {
+      // In environments that use pie-player-components, model is set before configuration.
+      // This is the reason why sometimes the model gets altered non-reversible
+      // (altered using default configuration instead of client configuration, because at that point client configuration was not set yet)
+      // Therefore, in such environments, we will make sure to keep a modelCopy (initialised in set model) and use it to reset
+      // the model in set configuration (resetModelAfterConfigurationIsSet) if set configuration is ever called
+      const pieAuthors = document.querySelectorAll('pie-author');
+      this.hasPlayerAsParent = Array.from(pieAuthors).some(author => author.contains(this));
+      if (this.hasPlayerAsParent) {
+        if (this._modelCopy) {
+          this._model = this._modelCopy;
+        } else {
+          delete this._modelCopy;
+        }
+      }
+    });
+    (0, _defineProperty2.default)(this, "onChange", o => {
+      this._model = {
+        ...this._model,
+        ...o
+      };
+      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model));
+      this._rerender();
+    });
+    (0, _defineProperty2.default)(this, "onConfigurationChanged", config => {
+      this._configuration = config;
+      this._render();
+    });
+    this._root = null;
+    this._model = NumberLine.createDefaultModel();
+    this._configuration = defaults.configuration;
+  }
+  set model(m) {
+    this._model = NumberLine.createDefaultModel(m);
+    this._modelCopy = (0, _lodashEs.cloneDeep)(this._model);
+    this._rerender();
+  }
+  set configuration(c) {
+    const newConfiguration = {
+      ...defaults.configuration,
+      ...c
+    };
+    this._configuration = newConfiguration;
+    this.resetModelAfterConfigurationIsSet();
+
+    // if language:enabled is true, then the corresponding default item model should include a language value;
+    // if it is false, then the language field should be omitted from the item model.
+    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,
+    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).
+    if (newConfiguration?.language?.enabled) {
+      if (newConfiguration?.languageChoices?.options?.length) {
+        this._model.language = newConfiguration?.languageChoices.options[0].value;
+      }
+    } else if (newConfiguration.language.settings && this._model.language) {
+      this._configuration.language.enabled = true;
+      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {
+        this._configuration.languageChoices.options = [];
+      }
+
+      // check if the language is already included in the languageChoices.options array
+      // and if not, then add it.
+      if (!this._configuration.languageChoices.options.find(option => option.value === this._model.language)) {
+        this._configuration.languageChoices.options.push({
+          value: this._model.language,
+          label: this._model.language
+        });
+      }
+    } else {
+      delete this._model.language;
+    }
+    this._rerender();
+  }
+  insertImage(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
+  }
+  onDeleteImage(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
+  }
+  insertSound(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+  }
+  onDeleteSound(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+  }
+  _rerender() {
+    let element = /*#__PURE__*/_react.default.createElement(_main.default, {
+      model: this._model,
+      configuration: this._configuration,
+      onChange: this.onChange,
+      onConfigurationChanged: this.onConfigurationChanged,
+      imageSupport: {
+        add: this.insertImage.bind(this),
+        delete: this.onDeleteImage.bind(this)
+      },
+      uploadSoundSupport: {
+        add: this.insertSound.bind(this),
+        delete: this.onDeleteSound.bind(this)
+      }
+    });
+    if (!this._root) {
+      this._root = (0, _client.createRoot)(this);
+    }
+    this._root.render(element);
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
+    }
+  }
+}
+exports.default = NumberLine;
+(0, _defineProperty2.default)(NumberLine, "createDefaultModel", (model = {}) => {
+  const c = defaults.configuration;
+  let language = model.language || '';
+  if (!language && c.language && c.language.enabled) {
+    if (c.languageChoices?.options?.length) {
+      language = c.languageChoices.options[0].value;
+    }
+  }
+  const normalizedModel = {
+    ...defaults.model,
+    ...model,
+    language
+  };
+  return updateTicks(normalizedModel);
+});
+//# sourceMappingURL=index.js.map