@pie-element/passage 7.1.2-next.1 → 7.1.2

package/configure/lib/common.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RemoveAddButton = exports.PassageButton = exports.ConfirmationDialog = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _material = require("@mui/material");
+var _RemoveCircle = _interopRequireDefault(require("@mui/icons-material/RemoveCircle"));
+var _AddCircle = _interopRequireDefault(require("@mui/icons-material/AddCircle"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+const RemoveAddButton = ({
+  label,
+  type = 'add',
+  onClick
+}) => {
+  const Tag = type === 'add' ? _AddCircle.default : _RemoveCircle.default;
+  return /*#__PURE__*/_react.default.createElement(_material.Button, {
+    color: "primary",
+    size: "small",
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(Tag, {
+    fontSize: "small",
+    color: "primary",
+    style: {
+      marginRight: 4
+    }
+  }), label);
+};
+exports.RemoveAddButton = RemoveAddButton;
+const PassageButton = exports.PassageButton = (0, _styles.styled)(RemoveAddButton)({
+  textDecoration: 'underline',
+  '&:hover': {
+    textDecoration: 'underline',
+    backgroundColor: 'transparent'
+  },
+  display: 'flex',
+  alignItems: 'center'
+});
+const ConfirmationDialog = ({
+  content,
+  cancel,
+  title,
+  ok,
+  open,
+  onOk,
+  onCancel
+}) => /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+  open: open
+}, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, null, title), /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, /*#__PURE__*/_react.default.createElement(_DialogContentText.default, null, content)), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, onOk && /*#__PURE__*/_react.default.createElement(_material.Button, {
+  onClick: onOk,
+  color: "primary"
+}, ok), onCancel && /*#__PURE__*/_react.default.createElement(_material.Button, {
+  onClick: onCancel,
+  color: "primary"
+}, cancel)));
+exports.ConfirmationDialog = ConfirmationDialog;
+ConfirmationDialog.propTypes = {
+  content: _propTypes.default.string.isRequired,
+  title: _propTypes.default.string.isRequired,
+  cancel: _propTypes.default.string.isRequired,
+  ok: _propTypes.default.string.isRequired,
+  open: _propTypes.default.bool.isRequired,
+  onCancel: _propTypes.default.func.isRequired,
+  onOk: _propTypes.default.func.isRequired
+};
+//# sourceMappingURL=common.js.map

package/configure/lib/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_material","_RemoveCircle","_AddCircle","_Dialog","_DialogTitle","_DialogContent","_DialogContentText","_DialogActions","RemoveAddButton","label","type","onClick","Tag","AddCircleIcon","RemoveCircleIcon","default","createElement","Button","color","size","fontSize","style","marginRight","exports","PassageButton","styled","textDecoration","backgroundColor","display","alignItems","ConfirmationDialog","content","cancel","title","ok","open","onOk","onCancel","propTypes","PropTypes","string","isRequired","bool","func"],"sources":["../src/common.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { Button } from '@mui/material';\nimport RemoveCircleIcon from '@mui/icons-material/RemoveCircle';\nimport AddCircleIcon from '@mui/icons-material/AddCircle';\nimport Dialog from '@mui/material/Dialog';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogActions from '@mui/material/DialogActions';\n\nexport const RemoveAddButton = ({ label, type = 'add', onClick }) => {\n  const Tag = type === 'add' ? AddCircleIcon : RemoveCircleIcon;\n  return (\n    <Button color=\"primary\" size=\"small\" onClick={onClick}>\n      <Tag fontSize=\"small\" color=\"primary\" style={{ marginRight: 4 }} />\n      {label}\n    </Button>\n  );\n};\n\nexport const PassageButton = styled(RemoveAddButton)({\n  textDecoration: 'underline',\n  '&:hover': {\n    textDecoration: 'underline',\n    backgroundColor: 'transparent',\n  },\n  display: 'flex',\n  alignItems: 'center',\n});\n\nexport const ConfirmationDialog = ({ content, cancel, title, ok, open, onOk, onCancel }) => (\n  <Dialog open={open}>\n    <DialogTitle>{title}</DialogTitle>\n\n    <DialogContent>\n      <DialogContentText>{content}</DialogContentText>\n    </DialogContent>\n\n    <DialogActions>\n      {onOk && (\n        <Button onClick={onOk} color=\"primary\">\n          {ok}\n        </Button>\n      )}\n      {onCancel && (\n        <Button onClick={onCancel} color=\"primary\">\n          {cancel}\n        </Button>\n      )}\n    </DialogActions>\n  </Dialog>\n);\n\nConfirmationDialog.propTypes = {\n  content: PropTypes.string.isRequired,\n  title: PropTypes.string.isRequired,\n  cancel: PropTypes.string.isRequired,\n  ok: PropTypes.string.isRequired,\n  open: PropTypes.bool.isRequired,\n  onCancel: PropTypes.func.isRequired,\n  onOk: PropTypes.func.isRequired,\n};\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/defaults.js

@@ -0,0 +1,174 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// TODO: also update '../../controller/src/defaults.js' and '../../src/print.js' when updating defaults
+var _default = exports.default = {
+  model: {
+    authorEnabled: true,
+    passages: [{
+      teacherInstructions: '',
+      title: '',
+      subtitle: '',
+      author: '',
+      text: ''
+    }],
+    subtitleEnabled: true,
+    teacherInstructionsEnabled: true,
+    textEnabled: true,
+    titleEnabled: true
+  },
+  configuration: {
+    baseInputConfiguration: {
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      },
+      h3: {
+        disabled: true
+      },
+      blockquote: {
+        disabled: true
+      },
+      textAlign: {
+        disabled: true
+      },
+      showParagraphs: {
+        disabled: false
+      },
+      separateParagraphs: {
+        disabled: true
+      }
+    },
+    settingsPanelDisabled: false,
+    title: {
+      settings: true,
+      label: 'Title',
+      inputConfiguration: {
+        audio: {
+          disabled: true
+        },
+        video: {
+          disabled: true
+        },
+        image: {
+          disabled: true
+        },
+        textAlign: {
+          disabled: false
+        }
+      },
+      required: true
+    },
+    subtitle: {
+      settings: true,
+      label: 'Subtitle',
+      inputConfiguration: {
+        audio: {
+          disabled: true
+        },
+        video: {
+          disabled: true
+        },
+        image: {
+          disabled: true
+        },
+        textAlign: {
+          disabled: false
+        }
+      },
+      required: false
+    },
+    author: {
+      settings: true,
+      label: 'Author',
+      inputConfiguration: {
+        audio: {
+          disabled: true
+        },
+        video: {
+          disabled: true
+        },
+        image: {
+          disabled: true
+        }
+      },
+      required: false
+    },
+    text: {
+      settings: true,
+      label: 'Text',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        },
+        h3: {
+          disabled: false
+        },
+        blockquote: {
+          disabled: false
+        },
+        textAlign: {
+          disabled: false
+        }
+      },
+      required: true
+    },
+    teacherInstructions: {
+      settings: true,
+      label: 'Teacher Instructions',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      },
+      required: false
+    },
+    maxImageWidth: {
+      teacherInstructions: 300,
+      text: 300
+    },
+    maxImageHeight: {
+      teacherInstructions: 300,
+      text: 300
+    },
+    mathMlOptions: {
+      mmlOutput: false,
+      mmlEditing: false
+    },
+    language: {
+      settings: false,
+      label: 'Specify Language',
+      enabled: false
+    },
+    languageChoices: {
+      label: 'Language Choices',
+      options: []
+    },
+    additionalPassage: {
+      settings: true,
+      label: 'Additional Passage',
+      enabled: false
+    }
+  }
+};
+//# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":["_default","exports","default","model","authorEnabled","passages","teacherInstructions","title","subtitle","author","text","subtitleEnabled","teacherInstructionsEnabled","textEnabled","titleEnabled","configuration","baseInputConfiguration","audio","disabled","video","image","h3","blockquote","textAlign","showParagraphs","separateParagraphs","settingsPanelDisabled","settings","label","inputConfiguration","required","maxImageWidth","maxImageHeight","mathMlOptions","mmlOutput","mmlEditing","language","enabled","languageChoices","options","additionalPassage"],"sources":["../src/defaults.js"],"sourcesContent":["// TODO: also update '../../controller/src/defaults.js' and '../../src/print.js' when updating defaults\nexport default {\n  model: {\n    authorEnabled: true,\n    passages: [\n      {\n        teacherInstructions: '',\n        title: '',\n        subtitle: '',\n        author: '',\n        text: '',\n      },\n    ],\n    subtitleEnabled: true,\n    teacherInstructionsEnabled: true,\n    textEnabled: true,\n    titleEnabled: true,\n  },\n  configuration: {\n    baseInputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      h3: { disabled: true },\n      blockquote: { disabled: true },\n      textAlign: { disabled: true },\n      showParagraphs: { disabled: false },\n      separateParagraphs: { disabled: true },\n    },\n    settingsPanelDisabled: false,\n    title: {\n      settings: true,\n      label: 'Title',\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: true },\n        textAlign: { disabled: false },\n      },\n      required: true,\n    },\n    subtitle: {\n      settings: true,\n      label: 'Subtitle',\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: true },\n        textAlign: { disabled: false },\n      },\n      required: false,\n    },\n    author: {\n      settings: true,\n      label: 'Author',\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: true },\n      },\n      required: false,\n    },\n    text: {\n      settings: true,\n      label: 'Text',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n        h3: { disabled: false },\n        blockquote: { disabled: false },\n        textAlign: { disabled: false },\n      },\n      required: true,\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      text: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      text: 300,\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    additionalPassage: {\n      settings: true,\n      label: 'Additional Passage',\n      enabled: false,\n    },\n  },\n};\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/design.js

@@ -0,0 +1,185 @@
+"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 _configUi = require("@pie-lib/config-ui");
+var _styles = require("@mui/material/styles");
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _common = require("./common");
+var _passage = _interopRequireDefault(require("./passage"));
+const {
+  Panel,
+  toggle,
+  dropdown
+} = _configUi.settings;
+const AdditionalPassageHeading = (0, _styles.styled)(_Typography.default)(({
+  theme
+}) => ({
+  paddingTop: theme.spacing(2),
+  marginBottom: theme.spacing(2)
+}));
+class Main extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "getInnerText", html => (html || '').replaceAll(/<[^>]*>/g, ''));
+    (0, _defineProperty2.default)(this, "onDelete", (model, indexToRemove, onModelChanged) => {
+      let updatedPassages = model.passages;
+      updatedPassages.splice(indexToRemove, 1);
+      onModelChanged({
+        ...model,
+        passages: updatedPassages
+      });
+      this.setState({
+        showConfirmationDialog: false,
+        indexToRemove: -1
+      });
+    });
+    (0, _defineProperty2.default)(this, "removeAdditionalPassage", indexToRemove => {
+      const {
+        model = {},
+        onModelChanged
+      } = this.props;
+      const {
+        passages = []
+      } = model;
+      const {
+        teacherInstructions = '',
+        title = '',
+        subtitle = '',
+        author = '',
+        text = ''
+      } = passages[indexToRemove];
+      if (this.getInnerText(teacherInstructions).trim() || this.getInnerText(title).trim() || this.getInnerText(subtitle).trim() || this.getInnerText(author).trim() || this.getInnerText(text).trim()) {
+        this.setState({
+          showConfirmationDialog: true,
+          indexToRemove
+        });
+      } else {
+        this.onDelete(model, indexToRemove, onModelChanged);
+      }
+    });
+    (0, _defineProperty2.default)(this, "addAdditionalPassage", () => {
+      const {
+        model,
+        onModelChanged
+      } = this.props;
+      const updatedPassages = [...model.passages, {
+        teacherInstructions: '',
+        title: '',
+        subtitle: '',
+        author: '',
+        text: ''
+      }];
+      onModelChanged({
+        ...model,
+        passages: updatedPassages
+      });
+    });
+    this.state = {
+      showConfirmationDialog: false,
+      indexToRemove: -1
+    };
+  }
+  render() {
+    const {
+      model,
+      configuration,
+      imageSupport,
+      onConfigurationChanged,
+      onModelChanged,
+      uploadSoundSupport
+    } = this.props;
+    const {
+      settingsPanelDisabled,
+      language = {},
+      languageChoices = {},
+      teacherInstructions = {},
+      title = {},
+      subtitle = {},
+      text = {},
+      author = {},
+      additionalPassage = {}
+    } = configuration || {};
+    const {
+      extraCSSRules,
+      passages
+    } = model || {};
+    const panelSettings = {
+      titleEnabled: title && title.settings && toggle(title.label),
+      subtitleEnabled: subtitle && subtitle.settings && toggle(subtitle.label),
+      authorEnabled: author && author.settings && toggle(author.label),
+      textEnabled: text && text.settings && toggle(text.label),
+      'additionalPassage.enabled': additionalPassage && additionalPassage.settings && toggle(additionalPassage.label, true)
+    };
+    const panelProperties = {
+      teacherInstructionsEnabled: teacherInstructions && teacherInstructions.settings && toggle(teacherInstructions.label),
+      'language.enabled': language && language.settings && toggle(language.label, true),
+      language: language && language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options)
+    };
+    const confirmationDialogContent = `${additionalPassage.label} will be deleted`;
+    const {
+      indexToRemove,
+      showConfirmationDialog
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(_configUi.layout.ConfigLayout, {
+      extraCSSRules: extraCSSRules,
+      hideSettings: settingsPanelDisabled,
+      settings: /*#__PURE__*/_react.default.createElement(Panel, {
+        model: model,
+        configuration: configuration,
+        onChangeModel: model => onModelChanged(model),
+        onChangeConfiguration: config => onConfigurationChanged(config),
+        groups: {
+          Settings: panelSettings,
+          Properties: panelProperties
+        }
+      })
+    }, passages.map((passage, passageIndex) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: passageIndex
+    }, passageIndex > 0 && /*#__PURE__*/_react.default.createElement(AdditionalPassageHeading, {
+      variant: "h5"
+    }, additionalPassage.label), /*#__PURE__*/_react.default.createElement(_passage.default, {
+      imageSupport: imageSupport,
+      uploadSoundSupport: uploadSoundSupport,
+      model: model,
+      configuration: configuration,
+      passageIndex: passageIndex,
+      onModelChanged: onModelChanged
+    }), passageIndex > 0 && additionalPassage.enabled && /*#__PURE__*/_react.default.createElement(_common.PassageButton, {
+      type: 'remove',
+      label: `Remove ${additionalPassage.label}`,
+      onClick: () => this.removeAdditionalPassage(passageIndex)
+    }), passageIndex === 0 && additionalPassage.enabled && passages.length < 2 && /*#__PURE__*/_react.default.createElement(_common.PassageButton, {
+      label: `Add ${additionalPassage.label}`,
+      onClick: this.addAdditionalPassage
+    }))), /*#__PURE__*/_react.default.createElement(_common.ConfirmationDialog, {
+      open: showConfirmationDialog,
+      title: 'Warning',
+      content: confirmationDialogContent,
+      cancel: 'Cancel',
+      ok: 'Ok',
+      onCancel: () => this.setState({
+        showConfirmationDialog: false
+      }),
+      onOk: () => this.onDelete(model, indexToRemove, onModelChanged)
+    }));
+  }
+}
+exports.Main = Main;
+(0, _defineProperty2.default)(Main, "propTypes", {
+  onModelChanged: _propTypes.default.func.isRequired,
+  onConfigurationChanged: _propTypes.default.func,
+  model: _propTypes.default.object.isRequired,
+  configuration: _propTypes.default.object.isRequired,
+  imageSupport: _propTypes.default.object.isRequired,
+  uploadSoundSupport: _propTypes.default.object.isRequired,
+  classes: _propTypes.default.object.isRequired
+});
+var _default = exports.default = Main;
+//# sourceMappingURL=design.js.map

package/configure/lib/design.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design.js","names":["_react","_interopRequireDefault","require","_propTypes","_configUi","_styles","_Typography","_common","_passage","Panel","toggle","dropdown","settings","AdditionalPassageHeading","styled","Typography","theme","paddingTop","spacing","marginBottom","Main","React","Component","constructor","props","_defineProperty2","default","html","replaceAll","model","indexToRemove","onModelChanged","updatedPassages","passages","splice","setState","showConfirmationDialog","teacherInstructions","title","subtitle","author","text","getInnerText","trim","onDelete","state","render","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","settingsPanelDisabled","language","languageChoices","additionalPassage","extraCSSRules","panelSettings","titleEnabled","label","subtitleEnabled","authorEnabled","textEnabled","panelProperties","teacherInstructionsEnabled","enabled","options","confirmationDialogContent","createElement","layout","ConfigLayout","hideSettings","onChangeModel","onChangeConfiguration","config","groups","Settings","Properties","map","passage","passageIndex","Fragment","key","variant","PassageButton","type","onClick","removeAdditionalPassage","length","addAdditionalPassage","ConfirmationDialog","open","content","cancel","ok","onCancel","onOk","exports","PropTypes","func","isRequired","object","classes","_default"],"sources":["../src/design.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { settings, layout } from '@pie-lib/config-ui';\n\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport { ConfirmationDialog, PassageButton } from './common';\nimport Passage from './passage';\n\nconst { Panel, toggle, dropdown } = settings;\n\nconst AdditionalPassageHeading = styled(Typography)(({ theme }) => ({\n  paddingTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n}));\n\nexport class Main extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object.isRequired,\n    uploadSoundSupport: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { showConfirmationDialog: false, indexToRemove: -1 };\n  }\n\n  getInnerText = (html) => (html || '').replaceAll(/<[^>]*>/g, '');\n\n  onDelete = (model, indexToRemove, onModelChanged) => {\n    let updatedPassages = model.passages;\n    updatedPassages.splice(indexToRemove, 1);\n    onModelChanged({ ...model, passages: updatedPassages });\n\n    this.setState({\n      showConfirmationDialog: false,\n      indexToRemove: -1,\n    });\n  };\n\n  removeAdditionalPassage = (indexToRemove) => {\n    const { model = {}, onModelChanged } = this.props;\n    const { passages = [] } = model;\n\n    const { teacherInstructions = '', title = '', subtitle = '', author = '', text = '' } = passages[indexToRemove];\n\n    if (\n      this.getInnerText(teacherInstructions).trim() ||\n      this.getInnerText(title).trim() ||\n      this.getInnerText(subtitle).trim() ||\n      this.getInnerText(author).trim() ||\n      this.getInnerText(text).trim()\n    ) {\n      this.setState({\n        showConfirmationDialog: true,\n        indexToRemove,\n      });\n    } else {\n      this.onDelete(model, indexToRemove, onModelChanged);\n    }\n  };\n\n  addAdditionalPassage = () => {\n    const { model, onModelChanged } = this.props;\n\n    const updatedPassages = [\n      ...model.passages,\n      {\n        teacherInstructions: '',\n        title: '',\n        subtitle: '',\n        author: '',\n        text: '',\n      },\n    ];\n    onModelChanged({ ...model, passages: updatedPassages });\n  };\n\n  render() {\n    const { model, configuration, imageSupport, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n      this.props;\n    const {\n      settingsPanelDisabled,\n      language = {},\n      languageChoices = {},\n      teacherInstructions = {},\n      title = {},\n      subtitle = {},\n      text = {},\n      author = {},\n      additionalPassage = {},\n    } = configuration || {};\n    const { extraCSSRules, passages } = model || {};\n\n    const panelSettings = {\n      titleEnabled: title && title.settings && toggle(title.label),\n      subtitleEnabled: subtitle && subtitle.settings && toggle(subtitle.label),\n      authorEnabled: author && author.settings && toggle(author.label),\n      textEnabled: text && text.settings && toggle(text.label),\n      'additionalPassage.enabled':\n        additionalPassage && additionalPassage.settings && toggle(additionalPassage.label, true),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled:\n        teacherInstructions && teacherInstructions.settings && toggle(teacherInstructions.label),\n      'language.enabled': language && language.settings && toggle(language.label, true),\n      language:\n        language && language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n\n    const confirmationDialogContent = `${additionalPassage.label} will be deleted`;\n\n    const { indexToRemove, showConfirmationDialog } = this.state;\n\n    return (\n      <layout.ConfigLayout\n        extraCSSRules={extraCSSRules}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => onModelChanged(model)}\n            onChangeConfiguration={(config) => onConfigurationChanged(config)}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {passages.map((passage, passageIndex) => (\n          <React.Fragment key={passageIndex}>\n            {passageIndex > 0 && (\n              <AdditionalPassageHeading variant=\"h5\">\n                {additionalPassage.label}\n              </AdditionalPassageHeading>\n            )}\n            <Passage\n              imageSupport={imageSupport}\n              uploadSoundSupport={uploadSoundSupport}\n              model={model}\n              configuration={configuration}\n              passageIndex={passageIndex}\n              onModelChanged={onModelChanged}\n            />\n            {passageIndex > 0 && additionalPassage.enabled && (\n              <PassageButton\n                type={'remove'}\n                label={`Remove ${additionalPassage.label}`}\n                onClick={() => this.removeAdditionalPassage(passageIndex)}\n              />\n            )}\n            {passageIndex === 0 && additionalPassage.enabled && passages.length < 2 && (\n              <PassageButton label={`Add ${additionalPassage.label}`} onClick={this.addAdditionalPassage} />\n            )}\n          </React.Fragment>\n        ))}\n        <ConfirmationDialog\n          open={showConfirmationDialog}\n          title={'Warning'}\n          content={confirmationDialogContent}\n          cancel={'Cancel'}\n          ok={'Ok'}\n          onCancel={() =>\n            this.setState({\n              showConfirmationDialog: false,\n            })\n          }\n          onOk={() => this.onDelete(model, indexToRemove, onModelChanged)}\n        />\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default Main;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/index.js

@@ -0,0 +1,86 @@
+"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 _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
+var _design = _interopRequireDefault(require("./design"));
+var _defaults = _interopRequireDefault(require("./defaults"));
+class PassageConfigure extends HTMLElement {
+  constructor() {
+    super();
+    this._root = null;
+    this._model = PassageConfigure.createDefaultModel();
+    this._configuration = _defaults.default.configuration;
+  }
+  set model(m) {
+    this._model = PassageConfigure.createDefaultModel(m);
+    this.render();
+  }
+  set configuration(c) {
+    this._configuration = c;
+    this.render();
+  }
+  connectedCallback() {
+    this.render();
+  }
+  modelChanged(m) {
+    this._model = m;
+    this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model), true);
+    this.render();
+  }
+  onConfigurationChanged(c) {
+    this._configuration = c;
+    this.render();
+  }
+  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));
+  }
+  render() {
+    if (this._model) {
+      const el = /*#__PURE__*/_react.default.createElement(_design.default, {
+        model: this._model,
+        configuration: this._configuration,
+        onModelChanged: this.modelChanged.bind(this),
+        onConfigurationChanged: this.onConfigurationChanged.bind(this),
+        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(el);
+    }
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
+    }
+  }
+}
+exports.default = PassageConfigure;
+(0, _defineProperty2.default)(PassageConfigure, "createDefaultModel", (model = {}) => ({
+  ..._defaults.default.model,
+  ...model
+}));
+//# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_pieConfigureEvents","_design","_defaults","PassageConfigure","HTMLElement","constructor","_root","_model","createDefaultModel","_configuration","defaultValues","configuration","model","m","render","c","connectedCallback","modelChanged","dispatchEvent","ModelUpdatedEvent","onConfigurationChanged","insertImage","handler","InsertImageEvent","onDeleteImage","src","done","DeleteImageEvent","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","el","React","createElement","Main","onModelChanged","bind","imageSupport","add","delete","uploadSoundSupport","createRoot","disconnectedCallback","unmount","exports","default","_defineProperty2"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\n\nimport Main from './design';\nimport defaultValues from './defaults';\n\nexport default class PassageConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => ({\n    ...defaultValues.model,\n    ...model,\n  });\n\n  constructor() {\n    super();\n    this._root = null;\n    this._model = PassageConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = PassageConfigure.createDefaultModel(m);\n    this.render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this.render();\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  modelChanged(m) {\n    this._model = m;\n    this.dispatchEvent(new ModelUpdatedEvent(this._model), true);\n    this.render();\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n\n    this.render();\n  }\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(Main, {\n        model: this._model,\n        configuration: this._configuration,\n        onModelChanged: this.modelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\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\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":[]}