@pie-element/match 12.1.2-next.5 → 12.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/CHANGELOG.json +1462 -0
  2. package/CHANGELOG.md +2343 -0
  3. package/LICENSE.md +5 -0
  4. package/README.md +1 -0
  5. package/configure/CHANGELOG.json +892 -0
  6. package/configure/CHANGELOG.md +2046 -0
  7. package/configure/lib/add-row.js +40 -0
  8. package/configure/lib/add-row.js.map +1 -0
  9. package/configure/lib/answer-config-block.js +288 -0
  10. package/configure/lib/answer-config-block.js.map +1 -0
  11. package/configure/lib/common.js +31 -0
  12. package/configure/lib/common.js.map +1 -0
  13. package/configure/lib/configure.js +410 -0
  14. package/configure/lib/configure.js.map +1 -0
  15. package/configure/lib/defaults.js +201 -0
  16. package/configure/lib/defaults.js.map +1 -0
  17. package/configure/lib/general-config-block.js +144 -0
  18. package/configure/lib/general-config-block.js.map +1 -0
  19. package/configure/lib/index.js +152 -0
  20. package/configure/lib/index.js.map +1 -0
  21. package/configure/lib/row.js +321 -0
  22. package/configure/lib/row.js.map +1 -0
  23. package/configure/lib/utils.js +12 -0
  24. package/configure/lib/utils.js.map +1 -0
  25. package/configure/package.json +29 -0
  26. package/configure/utils.js +19 -0
  27. package/controller/CHANGELOG.json +502 -0
  28. package/controller/CHANGELOG.md +1363 -0
  29. package/controller/lib/defaults.js +25 -0
  30. package/controller/lib/defaults.js.map +1 -0
  31. package/controller/lib/index.js +424 -0
  32. package/controller/lib/index.js.map +1 -0
  33. package/controller/package.json +24 -0
  34. package/docs/config-schema.json +2929 -0
  35. package/docs/config-schema.json.md +2162 -0
  36. package/docs/demo/config.js +8 -0
  37. package/docs/demo/generate.js +49 -0
  38. package/docs/demo/index.html +1 -0
  39. package/docs/demo/session.js +11 -0
  40. package/docs/pie-schema.json +1530 -0
  41. package/docs/pie-schema.json.md +907 -0
  42. package/lib/answer-grid.js +166 -0
  43. package/lib/answer-grid.js.map +1 -0
  44. package/lib/index.js +85 -0
  45. package/lib/index.js.map +1 -0
  46. package/lib/main.js +163 -0
  47. package/lib/main.js.map +1 -0
  48. package/package.json +21 -87
  49. package/configure.js +0 -2
  50. package/controller.js +0 -1
  51. package/dist/author/add-row.d.ts +0 -17
  52. package/dist/author/add-row.js +0 -24
  53. package/dist/author/answer-config-block.d.ts +0 -36
  54. package/dist/author/answer-config-block.js +0 -176
  55. package/dist/author/common.d.ts +0 -22
  56. package/dist/author/configure.d.ts +0 -48
  57. package/dist/author/configure.js +0 -259
  58. package/dist/author/defaults.d.ts +0 -203
  59. package/dist/author/defaults.js +0 -151
  60. package/dist/author/general-config-block.d.ts +0 -22
  61. package/dist/author/general-config-block.js +0 -93
  62. package/dist/author/index.d.ts +0 -44
  63. package/dist/author/index.js +0 -76
  64. package/dist/author/row.d.ts +0 -51
  65. package/dist/author/row.js +0 -204
  66. package/dist/author/utils.d.ts +0 -10
  67. package/dist/author/utils.js +0 -10
  68. package/dist/browser/Typography-BRnAIZOH.js +0 -9224
  69. package/dist/browser/Typography-BRnAIZOH.js.map +0 -1
  70. package/dist/browser/author/index.js +0 -47499
  71. package/dist/browser/author/index.js.map +0 -1
  72. package/dist/browser/browser-kkT1XVKw.js +0 -219
  73. package/dist/browser/browser-kkT1XVKw.js.map +0 -1
  74. package/dist/browser/controller/index.js +0 -267
  75. package/dist/browser/controller/index.js.map +0 -1
  76. package/dist/browser/delivery/index.js +0 -1984
  77. package/dist/browser/delivery/index.js.map +0 -1
  78. package/dist/browser/dist-Dmwvrh9y.js +0 -104
  79. package/dist/browser/dist-Dmwvrh9y.js.map +0 -1
  80. package/dist/browser/match.css +0 -2
  81. package/dist/controller/defaults.d.ts +0 -27
  82. package/dist/controller/defaults.js +0 -25
  83. package/dist/controller/index.d.ts +0 -29
  84. package/dist/controller/index.js +0 -154
  85. package/dist/delivery/answer-grid.d.ts +0 -28
  86. package/dist/delivery/answer-grid.js +0 -99
  87. package/dist/delivery/index.d.ts +0 -21
  88. package/dist/delivery/index.js +0 -51
  89. package/dist/delivery/main.d.ts +0 -26
  90. package/dist/delivery/main.js +0 -112
  91. package/dist/index.d.ts +0 -1
  92. package/dist/index.iife.d.ts +0 -8
  93. package/dist/index.iife.js +0 -148
  94. package/dist/index.js +0 -2
  95. package/dist/node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js +0 -16
  96. package/dist/runtime-support.d.ts +0 -12
  97. package/dist/runtime-support.js +0 -12
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defaults.js","names":["_default","exports","default","model","choiceMode","feedbackEnabled","headers","layout","lockChoiceOrder","partialScoring","prompt","promptEnabled","rationale","rationaleEnabled","rows","scoringType","studentInstructionsEnabled","teacherInstructions","teacherInstructionsEnabled","toolbarEditorPosition","configuration","baseInputConfiguration","h3","disabled","audio","video","image","textAlign","showParagraphs","separateParagraphs","inputConfiguration","feedback","settings","label","enabled","required","settingsPanelDisabled","spellCheck","studentInstructions","maxImageWidth","rowTitles","maxImageHeight","withRubric","minQuestions","maxQuestions","maxLengthQuestionsHeading","maxAnswers","maxLengthAnswers","maxLengthFirstColumnHeading","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options"],"sources":["../src/defaults.js"],"sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configuration\n */\n\nexport default {\n model: {\n choiceMode: 'radio',\n feedbackEnabled: false,\n headers: ['Column 1', 'Column 2', 'Column 3'],\n layout: 3,\n lockChoiceOrder: true,\n partialScoring: false,\n prompt: '',\n promptEnabled: true,\n rationale: '',\n rationaleEnabled: true,\n rows: [],\n scoringType: 'auto',\n studentInstructionsEnabled: true,\n teacherInstructions: '',\n teacherInstructionsEnabled: true,\n toolbarEditorPosition: 'bottom',\n },\n 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 separateParagraphs: { disabled: true },\n },\n rows: {\n inputConfiguration: {\n audio: { disabled: true },\n video: { disabled: true },\n image: { disabled: false },\n },\n },\n feedback: {\n settings: true,\n label: 'Feedback',\n enabled: true,\n },\n headers: {\n settings: true,\n inputConfiguration: {\n audio: { disabled: true },\n video: { disabled: true },\n image: { disabled: false },\n },\n },\n layout: {\n settings: true,\n label: 'Layout',\n },\n lockChoiceOrder: {\n settings: false,\n label: 'Lock Choice Order',\n },\n partialScoring: {\n settings: false,\n label: 'Allow Partial Scoring',\n },\n choiceMode: {\n settings: true,\n label: 'Response Type',\n },\n prompt: {\n settings: true,\n label: 'Prompt',\n inputConfiguration: {\n audio: { disabled: false },\n video: { disabled: false },\n image: { disabled: false },\n },\n required: false,\n },\n rationale: {\n settings: true,\n label: 'Rationale',\n inputConfiguration: {\n audio: { disabled: false },\n video: { disabled: false },\n image: { disabled: false },\n },\n required: false,\n },\n settingsPanelDisabled: false,\n spellCheck: {\n label: 'Spellcheck',\n settings: false,\n enabled: true,\n },\n scoringType: {\n settings: false,\n label: 'Scoring Type',\n },\n studentInstructions: {\n settings: false,\n label: 'Student Instructions',\n },\n teacherInstructions: {\n settings: true,\n label: 'Teacher Instructions',\n inputConfiguration: {\n audio: { disabled: false },\n video: { disabled: false },\n image: { disabled: false },\n },\n required: false,\n },\n maxImageWidth: {\n teacherInstructions: 300,\n prompt: 300,\n rationale: 300,\n rowTitles: 300,\n },\n maxImageHeight: {\n teacherInstructions: 300,\n prompt: 300,\n rationale: 300,\n rowTitles: 150,\n },\n withRubric: {\n settings: false,\n label: 'Add Rubric',\n },\n minQuestions: 2,\n maxQuestions: 5,\n maxLengthQuestionsHeading: 100,\n maxAnswers: 5,\n maxLengthAnswers: 100,\n maxLengthFirstColumnHeading: 100,\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 },\n};\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,144 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
+ var React = _interopRequireWildcard(require("react"));
10
+ var _configUi = require("@pie-lib/config-ui");
11
+ var _propTypes = _interopRequireDefault(require("prop-types"));
12
+ var _Select = _interopRequireDefault(require("@mui/material/Select"));
13
+ var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
14
+ var _styles = require("@mui/material/styles");
15
+ var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
16
+ var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
17
+ var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
18
+ var _utils = require("../utils");
19
+ 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); }
20
+ const Container = (0, _styles.styled)('div')(({
21
+ theme
22
+ }) => ({
23
+ marginTop: theme.spacing(2),
24
+ display: 'flex'
25
+ }));
26
+ const Input = (0, _styles.styled)('div')({
27
+ flex: 1
28
+ });
29
+ const NumberTextFieldStyled = (0, _styles.styled)(_configUi.NumberTextField)({
30
+ flexDirection: 'unset'
31
+ });
32
+ const InputContainerStyled = (0, _styles.styled)('div')(({
33
+ theme
34
+ }) => ({
35
+ paddingTop: theme.spacing(1),
36
+ paddingBottom: theme.spacing(2),
37
+ '.select-input-container': {
38
+ minWidth: '65%'
39
+ }
40
+ }));
41
+ const FlexContainer = (0, _styles.styled)('div')({
42
+ display: 'flex',
43
+ alignItems: 'center'
44
+ });
45
+ const TitleText = (0, _styles.styled)(_Typography.default)(({
46
+ theme
47
+ }) => ({
48
+ fontSize: theme.typography.fontSize + 2,
49
+ marginRight: theme.spacing(1)
50
+ }));
51
+ const StyledTooltip = (0, _styles.styled)(_Tooltip.default)(({
52
+ theme
53
+ }) => ({
54
+ '& .MuiTooltip-tooltip': {
55
+ fontSize: theme.typography.fontSize - 2,
56
+ whiteSpace: 'pre',
57
+ maxWidth: '500px'
58
+ }
59
+ }));
60
+ class GeneralConfigBlock extends React.Component {
61
+ constructor(...args) {
62
+ super(...args);
63
+ (0, _defineProperty2.default)(this, "onChangeResponseType", name => event => {
64
+ const {
65
+ model,
66
+ onResponseTypeChange
67
+ } = this.props;
68
+ const newModel = {
69
+ ...model
70
+ };
71
+ newModel[name] = event.target.value;
72
+ onResponseTypeChange(newModel[name]);
73
+ });
74
+ (0, _defineProperty2.default)(this, "onChangeColumns", (name, value) => {
75
+ const {
76
+ model,
77
+ onLayoutChange
78
+ } = this.props;
79
+ const newModel = {
80
+ ...model
81
+ };
82
+ newModel[name] = value;
83
+ onLayoutChange(newModel[name]);
84
+ });
85
+ }
86
+ render() {
87
+ const {
88
+ model,
89
+ configuration
90
+ } = this.props;
91
+ const {
92
+ layout = {},
93
+ choiceMode = {},
94
+ maxAnswers
95
+ } = configuration || {};
96
+ const validationMessage = (0, _utils.generateValidationMessage)(model, configuration);
97
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FlexContainer, null, /*#__PURE__*/React.createElement(TitleText, {
98
+ component: 'div'
99
+ }, "Define questions"), /*#__PURE__*/React.createElement(StyledTooltip, {
100
+ disableFocusListener: true,
101
+ disableTouchListener: true,
102
+ placement: 'right',
103
+ title: validationMessage
104
+ }, /*#__PURE__*/React.createElement(_Info.default, {
105
+ fontSize: 'small',
106
+ color: 'primary'
107
+ }))), /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Input, null, layout.settings && /*#__PURE__*/React.createElement(InputContainerStyled, null, /*#__PURE__*/React.createElement(_configUi.InputContainer, {
108
+ label: layout.label,
109
+ className: "input-container"
110
+ }, /*#__PURE__*/React.createElement(NumberTextFieldStyled, {
111
+ type: "number",
112
+ min: 3,
113
+ max: maxAnswers || 10,
114
+ value: model.layout,
115
+ onChange: (e, v) => this.onChangeColumns('layout', v),
116
+ suffix: 'Columns'
117
+ })))), /*#__PURE__*/React.createElement(Input, null, choiceMode.settings && /*#__PURE__*/React.createElement(InputContainerStyled, null, /*#__PURE__*/React.createElement(_configUi.InputContainer, {
118
+ label: choiceMode.label,
119
+ className: "select-input-container"
120
+ }, /*#__PURE__*/React.createElement(_Select.default, {
121
+ variant: "standard",
122
+ onChange: this.onChangeResponseType('choiceMode'),
123
+ value: model.choiceMode,
124
+ MenuProps: {
125
+ transitionDuration: {
126
+ enter: 225,
127
+ exit: 195
128
+ }
129
+ }
130
+ }, /*#__PURE__*/React.createElement(_MenuItem.default, {
131
+ value: "radio"
132
+ }, "Radio - One Answer"), /*#__PURE__*/React.createElement(_MenuItem.default, {
133
+ value: "checkbox"
134
+ }, "Checkbox - Multiple Answers")))))));
135
+ }
136
+ }
137
+ (0, _defineProperty2.default)(GeneralConfigBlock, "propTypes", {
138
+ model: _propTypes.default.object.isRequired,
139
+ configuration: _propTypes.default.object.isRequired,
140
+ onResponseTypeChange: _propTypes.default.func.isRequired,
141
+ onLayoutChange: _propTypes.default.func.isRequired
142
+ });
143
+ var _default = exports.default = GeneralConfigBlock;
144
+ //# sourceMappingURL=general-config-block.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"general-config-block.js","names":["React","_interopRequireWildcard","require","_configUi","_propTypes","_interopRequireDefault","_Select","_MenuItem","_styles","_Typography","_Info","_Tooltip","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Container","styled","theme","marginTop","spacing","display","Input","flex","NumberTextFieldStyled","NumberTextField","flexDirection","InputContainerStyled","paddingTop","paddingBottom","minWidth","FlexContainer","alignItems","TitleText","Typography","fontSize","typography","marginRight","StyledTooltip","Tooltip","whiteSpace","maxWidth","GeneralConfigBlock","Component","constructor","args","_defineProperty2","name","event","model","onResponseTypeChange","props","newModel","target","value","onLayoutChange","render","configuration","layout","choiceMode","maxAnswers","validationMessage","generateValidationMessage","createElement","Fragment","component","disableFocusListener","disableTouchListener","placement","title","color","settings","InputContainer","label","className","type","min","max","onChange","v","onChangeColumns","suffix","variant","onChangeResponseType","MenuProps","transitionDuration","enter","exit","PropTypes","object","isRequired","func","_default","exports"],"sources":["../src/general-config-block.jsx"],"sourcesContent":["import * as React from 'react';\nimport { InputContainer, NumberTextField } from '@pie-lib/config-ui';\nimport PropTypes from 'prop-types';\nimport Select from '@mui/material/Select';\nimport MenuItem from '@mui/material/MenuItem';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Info from '@mui/icons-material/Info';\nimport Tooltip from '@mui/material/Tooltip';\n\nimport { generateValidationMessage } from '../utils';\n\nconst Container = styled('div')(({ theme }) => ({\n marginTop: theme.spacing(2),\n display: 'flex',\n}));\n\nconst Input = styled('div')({\n flex: 1,\n});\n\nconst NumberTextFieldStyled = styled(NumberTextField)({\n flexDirection: 'unset',\n});\n\nconst InputContainerStyled = styled('div')(({ theme }) => ({\n paddingTop: theme.spacing(1),\n paddingBottom: theme.spacing(2),\n\n '.select-input-container': {\n minWidth: '65%',\n },\n}));\n\nconst FlexContainer = styled('div')({\n display: 'flex',\n alignItems: 'center',\n});\n\nconst TitleText = styled(Typography)(({ theme }) => ({\n fontSize: theme.typography.fontSize + 2,\n marginRight: theme.spacing(1),\n}));\n\nconst StyledTooltip = styled(Tooltip)(({ theme }) => ({\n '& .MuiTooltip-tooltip': {\n fontSize: theme.typography.fontSize - 2,\n whiteSpace: 'pre',\n maxWidth: '500px',\n },\n}));\n\nclass GeneralConfigBlock extends React.Component {\n static propTypes = {\n model: PropTypes.object.isRequired,\n configuration: PropTypes.object.isRequired,\n onResponseTypeChange: PropTypes.func.isRequired,\n onLayoutChange: PropTypes.func.isRequired,\n };\n\n onChangeResponseType = (name) => (event) => {\n const { model, onResponseTypeChange } = this.props;\n const newModel = { ...model };\n\n newModel[name] = event.target.value;\n\n onResponseTypeChange(newModel[name]);\n };\n\n onChangeColumns = (name, value) => {\n const { model, onLayoutChange } = this.props;\n const newModel = { ...model };\n\n newModel[name] = value;\n\n onLayoutChange(newModel[name]);\n };\n\n render() {\n const { model, configuration } = this.props;\n const { layout = {}, choiceMode = {}, maxAnswers } = configuration || {};\n\n const validationMessage = generateValidationMessage(model, configuration);\n\n return (\n <React.Fragment>\n <FlexContainer>\n <TitleText component={'div'}>Define questions</TitleText>\n <StyledTooltip disableFocusListener disableTouchListener placement={'right'} title={validationMessage}>\n <Info fontSize={'small'} color={'primary'} />\n </StyledTooltip>\n </FlexContainer>\n\n <Container>\n <Input>\n {layout.settings && (\n <InputContainerStyled>\n <InputContainer label={layout.label} className=\"input-container\">\n <NumberTextFieldStyled\n type=\"number\"\n min={3}\n max={maxAnswers || 10}\n value={model.layout}\n onChange={(e, v) => this.onChangeColumns('layout', v)}\n suffix={'Columns'}\n />\n </InputContainer>\n </InputContainerStyled>\n )}\n </Input>\n\n <Input>\n {choiceMode.settings && (\n <InputContainerStyled>\n <InputContainer label={choiceMode.label} className=\"select-input-container\">\n <Select\n variant=\"standard\"\n onChange={this.onChangeResponseType('choiceMode')}\n value={model.choiceMode}\n MenuProps={{ transitionDuration: { enter: 225, exit: 195 } }}\n >\n <MenuItem value=\"radio\">Radio - One Answer</MenuItem>\n <MenuItem value=\"checkbox\">Checkbox - Multiple Answers</MenuItem>\n </Select>\n </InputContainer>\n </InputContainerStyled>\n )}\n </Input>\n </Container>\n </React.Fragment>\n );\n }\n}\n\nexport default GeneralConfigBlock;\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,152 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
+ var _lodashEs = require("lodash-es");
10
+ var _react = _interopRequireDefault(require("react"));
11
+ var _client = require("react-dom/client");
12
+ var _configure = _interopRequireDefault(require("./configure"));
13
+ var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
14
+ var _debug = _interopRequireDefault(require("debug"));
15
+ var _defaults = _interopRequireDefault(require("./defaults"));
16
+ const log = (0, _debug.default)('pie-elements:match:configure');
17
+ class MatchConfigure extends HTMLElement {
18
+ constructor() {
19
+ super();
20
+ (0, _defineProperty2.default)(this, "resetModelAfterConfigurationIsSet", () => {
21
+ // In environments that use pie-player-components, model is set before configuration.
22
+ // This is the reason why sometimes the model gets altered non-reversible
23
+ // (altered using default configuration instead of client configuration, because at that point client configuration was not set yet)
24
+ // Therefore, in such environments, we will make sure to keep a modelCopy (initialised in set model) and use it to reset
25
+ // the model in set configuration (resetModelAfterConfigurationIsSet) if set configuration is ever called
26
+ const pieAuthors = document.querySelectorAll('pie-author');
27
+ this.hasPlayerAsParent = Array.from(pieAuthors).some(author => author.contains(this));
28
+ if (this.hasPlayerAsParent) {
29
+ if (this._modelCopy) {
30
+ this._model = this._modelCopy;
31
+ } else {
32
+ delete this._modelCopy;
33
+ }
34
+ }
35
+ });
36
+ this._root = null;
37
+ this._model = MatchConfigure.createDefaultModel();
38
+ this._configuration = _defaults.default.configuration;
39
+ }
40
+ set model(m) {
41
+ this._model = MatchConfigure.createDefaultModel(m);
42
+ this._modelCopy = (0, _lodashEs.cloneDeep)(this._model);
43
+ this._render();
44
+ }
45
+ set configuration(c) {
46
+ const newConfiguration = {
47
+ ..._defaults.default.configuration,
48
+ ...c
49
+ };
50
+ this._configuration = newConfiguration;
51
+ this.resetModelAfterConfigurationIsSet();
52
+
53
+ // if language:enabled is true, then the corresponding default item model should include a language value;
54
+ // if it is false, then the language field should be omitted from the item model.
55
+ // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,
56
+ // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).
57
+ if (newConfiguration?.language?.enabled) {
58
+ if (newConfiguration?.languageChoices?.options?.length) {
59
+ this._model.language = newConfiguration?.languageChoices.options[0].value;
60
+ }
61
+ } else if (newConfiguration.language.settings && this._model.language) {
62
+ this._configuration.language.enabled = true;
63
+ if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {
64
+ this._configuration.languageChoices.options = [];
65
+ }
66
+
67
+ // check if the language is already included in the languageChoices.options array
68
+ // and if not, then add it.
69
+ if (!this._configuration.languageChoices.options.find(option => option.value === this._model.language)) {
70
+ this._configuration.languageChoices.options.push({
71
+ value: this._model.language,
72
+ label: this._model.language
73
+ });
74
+ }
75
+ } else {
76
+ delete this._model.language;
77
+ }
78
+
79
+ /**
80
+ * @Deprecated we added rows.inputConfiguration to handle the plugins in the editable html fields
81
+ * if rows.inputConfiguration is not defined we try to default to the old enableImages flag
82
+ * This flag 'enableImages' will be removed in the future
83
+ */
84
+
85
+ if ((0, _lodashEs.isEmpty)(c?.rows?.inputConfiguration)) {
86
+ (0, _lodashEs.set)(this._configuration.rows, 'inputConfiguration.image.disabled', !this._model?.enableImages);
87
+ (0, _lodashEs.set)(this._configuration.rows, 'inputConfiguration.video.disabled', true);
88
+ (0, _lodashEs.set)(this._configuration.rows, 'inputConfiguration.audio.disabled', true);
89
+ }
90
+ this._render();
91
+ }
92
+ onModelChanged(model) {
93
+ this._model = model;
94
+ log('[onModelChanged]: ', this._model);
95
+ this._render();
96
+ this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model));
97
+ }
98
+ onConfigurationChanged(config) {
99
+ this._configuration = config;
100
+ this._render();
101
+ }
102
+
103
+ /**
104
+ *
105
+ * @param {done, progress, file} handler
106
+ */
107
+ insertImage(handler) {
108
+ this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
109
+ }
110
+ onDeleteImage(src, done) {
111
+ this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
112
+ }
113
+ insertSound(handler) {
114
+ this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
115
+ }
116
+ onDeleteSound(src, done) {
117
+ this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
118
+ }
119
+ _render() {
120
+ if (this._model) {
121
+ const el = /*#__PURE__*/_react.default.createElement(_configure.default, {
122
+ onModelChanged: this.onModelChanged.bind(this),
123
+ onConfigurationChanged: this.onConfigurationChanged.bind(this),
124
+ model: this._model,
125
+ configuration: this._configuration,
126
+ imageSupport: {
127
+ add: this.insertImage.bind(this),
128
+ delete: this.onDeleteImage.bind(this)
129
+ },
130
+ uploadSoundSupport: {
131
+ add: this.insertSound.bind(this),
132
+ delete: this.onDeleteSound.bind(this)
133
+ }
134
+ });
135
+ if (!this._root) {
136
+ this._root = (0, _client.createRoot)(this);
137
+ }
138
+ this._root.render(el);
139
+ }
140
+ }
141
+ disconnectedCallback() {
142
+ if (this._root) {
143
+ this._root.unmount();
144
+ }
145
+ }
146
+ }
147
+ exports.default = MatchConfigure;
148
+ (0, _defineProperty2.default)(MatchConfigure, "createDefaultModel", (model = {}) => ({
149
+ ..._defaults.default.model,
150
+ ...model
151
+ }));
152
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["_lodashEs","require","_react","_interopRequireDefault","_client","_configure","_pieConfigureEvents","_debug","_defaults","log","debug","MatchConfigure","HTMLElement","constructor","_defineProperty2","default","pieAuthors","document","querySelectorAll","hasPlayerAsParent","Array","from","some","author","contains","_modelCopy","_model","_root","createDefaultModel","_configuration","defaultValues","configuration","model","m","cloneDeep","_render","c","newConfiguration","resetModelAfterConfigurationIsSet","language","enabled","languageChoices","options","length","value","settings","find","option","push","label","isEmpty","rows","inputConfiguration","set","enableImages","onModelChanged","dispatchEvent","ModelUpdatedEvent","onConfigurationChanged","config","insertImage","handler","InsertImageEvent","onDeleteImage","src","done","DeleteImageEvent","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","el","React","createElement","Configure","bind","imageSupport","add","delete","uploadSoundSupport","createRoot","render","disconnectedCallback","unmount","exports"],"sources":["../src/index.js"],"sourcesContent":["import { isEmpty, set } from 'lodash-es';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport Configure from './configure';\nimport {\n ModelUpdatedEvent,\n DeleteImageEvent,\n InsertImageEvent,\n InsertSoundEvent,\n DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\nimport debug from 'debug';\nimport defaultValues from './defaults';\nimport { cloneDeep } from 'lodash-es';\n\nconst log = debug('pie-elements:match:configure');\n\nexport default class MatchConfigure extends HTMLElement {\n static createDefaultModel = (model = {}) => ({\n ...defaultValues.model,\n ...model,\n });\n\n constructor() {\n super();\n this._root = null;\n this._model = MatchConfigure.createDefaultModel();\n this._configuration = defaultValues.configuration;\n }\n\n set model(m) {\n this._model = MatchConfigure.createDefaultModel(m);\n this._modelCopy = cloneDeep(this._model);\n\n this._render();\n }\n\n resetModelAfterConfigurationIsSet = () => {\n // In environments that use pie-player-components, model is set before configuration.\n // This is the reason why sometimes the model gets altered non-reversible\n // (altered using default configuration instead of client configuration, because at that point client configuration was not set yet)\n // Therefore, in such environments, we will make sure to keep a modelCopy (initialised in set model) and use it to reset\n // the model in set configuration (resetModelAfterConfigurationIsSet) if set configuration is ever called\n const pieAuthors = document.querySelectorAll('pie-author');\n this.hasPlayerAsParent = Array.from(pieAuthors).some((author) => author.contains(this));\n\n if (this.hasPlayerAsParent) {\n if (this._modelCopy) {\n this._model = this._modelCopy;\n } else {\n delete this._modelCopy;\n }\n }\n };\n\n set configuration(c) {\n const newConfiguration = {\n ...defaultValues.configuration,\n ...c,\n };\n\n this._configuration = newConfiguration;\n\n this.resetModelAfterConfigurationIsSet();\n\n // if language:enabled is true, then the corresponding default item model should include a language value;\n // if it is false, then the language field should be omitted from the item model.\n // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,\n // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).\n if (newConfiguration?.language?.enabled) {\n if (newConfiguration?.languageChoices?.options?.length) {\n this._model.language = newConfiguration?.languageChoices.options[0].value;\n }\n } else if (newConfiguration.language.settings && this._model.language) {\n this._configuration.language.enabled = true;\n\n if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {\n this._configuration.languageChoices.options = [];\n }\n\n // check if the language is already included in the languageChoices.options array\n // and if not, then add it.\n if (!this._configuration.languageChoices.options.find((option) => option.value === this._model.language)) {\n this._configuration.languageChoices.options.push({\n value: this._model.language,\n label: this._model.language,\n });\n }\n } else {\n delete this._model.language;\n }\n\n /**\n * @Deprecated we added rows.inputConfiguration to handle the plugins in the editable html fields\n * if rows.inputConfiguration is not defined we try to default to the old enableImages flag\n * This flag 'enableImages' will be removed in the future\n */\n\n if (isEmpty(c?.rows?.inputConfiguration)) {\n set(this._configuration.rows, 'inputConfiguration.image.disabled', !this._model?.enableImages);\n set(this._configuration.rows, 'inputConfiguration.video.disabled', true);\n set(this._configuration.rows, 'inputConfiguration.audio.disabled', true);\n }\n\n this._render();\n }\n\n onModelChanged(model) {\n this._model = model;\n log('[onModelChanged]: ', this._model);\n this._render();\n this.dispatchEvent(new ModelUpdatedEvent(this._model));\n }\n\n onConfigurationChanged(config) {\n this._configuration = config;\n this._render();\n }\n\n /**\n *\n * @param {done, progress, file} handler\n */\n insertImage(handler) {\n this.dispatchEvent(new InsertImageEvent(handler));\n }\n\n onDeleteImage(src, done) {\n this.dispatchEvent(new DeleteImageEvent(src, done));\n }\n\n insertSound(handler) {\n this.dispatchEvent(new InsertSoundEvent(handler));\n }\n\n onDeleteSound(src, done) {\n this.dispatchEvent(new DeleteSoundEvent(src, done));\n }\n\n _render() {\n if (this._model) {\n const el = React.createElement(Configure, {\n onModelChanged: this.onModelChanged.bind(this),\n onConfigurationChanged: this.onConfigurationChanged.bind(this),\n model: this._model,\n configuration: this._configuration,\n imageSupport: {\n add: this.insertImage.bind(this),\n delete: this.onDeleteImage.bind(this),\n },\n uploadSoundSupport: {\n add: this.insertSound.bind(this),\n delete: this.onDeleteSound.bind(this),\n },\n });\n if (!this._root) {\n this._root = createRoot(this);\n }\n this._root.render(el);\n }\n }\n\n disconnectedCallback() {\n if (this._root) {\n this._root.unmount();\n }\n }\n}\n"],"mappings":"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","ignoreList":[]}