@pie-element/passage 5.0.1-next.0 → 5.0.2-esm.0

package/esm/print.js

@@ -0,0 +1,351 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import debounce from 'lodash/debounce';
+import debug from 'debug';
+import PropTypes from 'prop-types';
+import Tabs from '@material-ui/core/Tabs';
+import Tab from '@material-ui/core/Tab';
+import { withStyles } from '@material-ui/core/styles';
+import { Collapsible, Purpose, UiLayout, color, PreviewPrompt } from '@pie-lib/render-ui';
+import classNames from 'classnames';
+
+const styles = theme => ({
+  passages: {
+    flexGrow: 1,
+    backgroundColor: color.background(),
+    color: color.text(),
+    '&:not(.MathJax) table': {
+      borderCollapse: 'collapse'
+    },
+    '&:not(.MathJax) table td, &:not(.MathJax) table th': {
+      padding: '.6em 1em',
+      textAlign: 'left'
+    }
+  },
+  passage: {
+    backgroundColor: color.background(),
+    color: color.text(),
+    padding: theme.spacing.unit * 2
+  },
+  passageTitle: {
+    fontSize: '1.75rem'
+  },
+  passageSubtitle: {
+    fontSize: '1.5rem'
+  },
+  passageAuthor: {
+    fontSize: '1.25rem'
+  },
+  passageText: {},
+  stickyTabs: {
+    background: color.background(),
+    position: 'sticky',
+    top: 0
+  },
+  tab: {
+    background: theme.palette.common.white,
+    // replace with color.background() once PD-2801 is DONE
+    fontSize: 'inherit',
+    color: theme.palette.common.black // remove when PD-2801 is DONE
+
+  },
+  tabButton: {
+    background: theme.palette.common.white // replace with color.background() once PD-2801 is DONE
+
+  },
+  teacherInstructions: {
+    marginBottom: theme.spacing.unit * 2
+  }
+});
+
+class StimulusTabs extends React.Component {
+  constructor(...args) {
+    super(...args);
+    this.state = {
+      activeTab: 0
+    };
+
+    this.handleChange = (event, activeTab) => {
+      this.setState(() => ({
+        activeTab
+      }));
+      setTimeout(() => {
+        const tabChangeEvent = new CustomEvent('pie-ui-passage-tabChanged', {
+          detail: {
+            tab: activeTab
+          }
+        });
+        window.dispatchEvent(tabChangeEvent);
+      });
+    };
+
+    this.handleKeyDown = (event, currentTabId) => {
+      const {
+        key
+      } = event;
+      const {
+        tabs
+      } = this.props;
+      let newTabIndex = -1;
+      const currentIndex = tabs.findIndex(tab => tab.id === currentTabId);
+
+      switch (key) {
+        case 'ArrowRight':
+          // Move to the next tab
+          newTabIndex = (currentIndex + 1) % tabs.length;
+          break;
+
+        case 'ArrowLeft':
+          // Move to the previous tab
+          newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;
+          break;
+        // Commented out ArrowDown and ArrowUp for future vertical tab navigation
+        // case 'ArrowDown':
+        //   // Move to the next tab (for vertical alignment)
+        //   newTabIndex = (currentIndex + 1) % tabs.length;
+        //   break;
+        // case 'ArrowUp':
+        //   // Move to the previous tab (for vertical alignment)
+        //   newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;
+        //   break;
+
+        case 'Home':
+          // Move to the first tab
+          newTabIndex = 0;
+          break;
+
+        case 'End':
+          // Move to the last tab
+          newTabIndex = tabs.length - 1;
+          break;
+
+        case 'Enter':
+        case ' ':
+          // Activate the current tab
+          newTabIndex = currentIndex;
+          break;
+      }
+
+      if (newTabIndex !== -1) {
+        event.preventDefault();
+        this.handleChange(event, tabs[newTabIndex].id);
+        document.getElementById(`button-${tabs[newTabIndex].id}`).focus();
+      }
+    };
+
+    this.parsedText = (text = '') => {
+      // fix imported audio content for Safari PD-1391
+      const div = document.createElement('div');
+      div.innerHTML = text.replace(/(<br\/>\n)/g, '<br/>');
+      const audio = div.querySelector('audio');
+
+      if (audio) {
+        const source = document.createElement('source');
+        source.setAttribute('type', 'audio/mp3');
+        source.setAttribute('src', audio.getAttribute('src'));
+        audio.removeAttribute('src');
+        audio.appendChild(source);
+      }
+
+      return div.innerHTML;
+    };
+  }
+
+  renderInstructions(teacherInstructions, disabledTabs = false) {
+    if (!teacherInstructions) {
+      return null;
+    }
+
+    const teacherInstructionsDiv = /*#__PURE__*/React.createElement(PreviewPrompt, {
+      tagName: "div",
+      className: "prompt",
+      defaultClassName: "teacher-instructions",
+      prompt: teacherInstructions
+    });
+
+    if (disabledTabs) {
+      return teacherInstructionsDiv;
+    }
+
+    return /*#__PURE__*/React.createElement(Collapsible, {
+      labels: {
+        hidden: 'Show Teacher Instructions',
+        visible: 'Hide Teacher Instructions'
+      }
+    }, teacherInstructionsDiv);
+  }
+
+  renderTab(tab, disabledTabs) {
+    const {
+      classes
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames(classes.passage, 'passage'),
+      key: tab.id,
+      id: `tabpanel-${tab.id}`,
+      role: "tabpanel",
+      "aria-labelledby": `button-${tab.id}`
+    }, this.renderInstructions(tab.teacherInstructions, disabledTabs), (tab.title || tab.subtitle) && /*#__PURE__*/React.createElement("h2", null, tab.title && /*#__PURE__*/React.createElement(Purpose, {
+      purpose: "passage-title"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classNames(classes.passageTitle, 'title'),
+      dangerouslySetInnerHTML: {
+        __html: this.parsedText(tab.title)
+      }
+    })), tab.subtitle && /*#__PURE__*/React.createElement(Purpose, {
+      purpose: "passage-subtitle"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classNames(classes.passageSubtitle, 'subtitle'),
+      dangerouslySetInnerHTML: {
+        __html: this.parsedText(tab.subtitle)
+      }
+    }))), tab.author && /*#__PURE__*/React.createElement(Purpose, {
+      purpose: "passage-author"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classNames(classes.passageAuthor, 'author'),
+      dangerouslySetInnerHTML: {
+        __html: this.parsedText(tab.author)
+      }
+    })), tab.text && /*#__PURE__*/React.createElement(Purpose, {
+      purpose: "passage-text"
+    }, /*#__PURE__*/React.createElement("div", {
+      key: tab.id,
+      className: classNames(classes.passageText, 'text'),
+      dangerouslySetInnerHTML: {
+        __html: this.parsedText(tab.text)
+      }
+    })));
+  }
+
+  render() {
+    const {
+      classes,
+      model,
+      tabs,
+      disabledTabs
+    } = this.props;
+    const {
+      activeTab
+    } = this.state;
+
+    if (!(tabs != null && tabs.length)) {
+      return null;
+    }
+
+    const {
+      extraCSSRules
+    } = model || {};
+    const selectedTab = (tabs || []).find(tab => tab.id === activeTab);
+    return /*#__PURE__*/React.createElement(UiLayout, {
+      extraCSSRules: extraCSSRules,
+      className: classNames(classes.passages, 'passages')
+    }, disabledTabs || tabs.length === 1 ? tabs.map(tab => this.renderTab(tab, disabledTabs)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tabs, {
+      classes: {
+        root: classes.stickyTabs,
+        flexContainer: classes.tabButton
+      },
+      value: activeTab,
+      onChange: this.handleChange
+    }, tabs.map(tab => /*#__PURE__*/React.createElement(Tab, {
+      className: classes.tab,
+      key: tab.id,
+      id: `button-${tab.id}`,
+      label: /*#__PURE__*/React.createElement(Purpose, {
+        purpose: "passage-label"
+      }, /*#__PURE__*/React.createElement("span", {
+        dangerouslySetInnerHTML: {
+          __html: this.parsedText(tab.label)
+        }
+      })),
+      value: tab.id,
+      tabIndex: activeTab === tab.id ? 0 : -1,
+      "aria-controls": `tabpanel-${tab.id}`,
+      "aria-selected": activeTab === tab.id,
+      onFocus: () => this.handleChange(null, tab.id),
+      onKeyDown: event => this.handleKeyDown(event, tab.id)
+    }))), selectedTab ? this.renderTab(selectedTab, disabledTabs) : null));
+  }
+
+}
+
+StimulusTabs.propTypes = {
+  classes: PropTypes.object.isRequired,
+  tabs: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.number.isRequired,
+    label: PropTypes.string.isRequired,
+    title: PropTypes.string.isRequired,
+    subtitle: PropTypes.string,
+    author: PropTypes.string,
+    text: PropTypes.string.isRequired,
+    teacherInstructions: PropTypes.string
+  }).isRequired).isRequired,
+  disabledTabs: PropTypes.bool
+};
+var StimulusTabs$1 = withStyles(styles)(StimulusTabs);
+
+const log = debug('pie-element:passage:print');
+
+const checkNullish = value => value !== null && value !== undefined;
+
+const isEnabled = (value, defaultValue) => checkNullish(value) ? value : defaultValue;
+
+const preparePrintPassage = (model, opts) => {
+  const isInstructor = opts.role === 'instructor'; // TODO: also update '../../configure/src/defaults.js' and '../../controller/src/defaults.js' when updating defaultValue
+
+  const teacherInstructionsEnabled = isEnabled(model.teacherInstructionsEnabled, true);
+  const titleEnabled = isEnabled(model.titleEnabled, true);
+  const authorEnabled = isEnabled(model.authorEnabled, false);
+  const subtitleEnabled = isEnabled(model.subtitleEnabled, true);
+  const textEnabled = isEnabled(model.textEnabled, true);
+  return model.passages.map((passage, index) => ({
+    id: index,
+    teacherInstructions: isEnabled(passage.teacherInstructionsEnabled, teacherInstructionsEnabled) ? isInstructor && passage.teacherInstructions || '' : '',
+    label: passage.title || `Passage ${index + 1}`,
+    title: isEnabled(passage.titleEnabled, titleEnabled) ? passage.title || '' : '',
+    author: isEnabled(passage.authorEnabled, authorEnabled) ? passage.author || '' : '',
+    subtitle: isEnabled(passage.subtitleEnabled, subtitleEnabled) ? passage.subtitle || '' : '',
+    text: isEnabled(passage.textEnabled, textEnabled) ? passage.text || '' : ''
+  }));
+};
+
+class PassagePrint extends HTMLElement {
+  constructor() {
+    super();
+    this._model = null;
+    this._options = null;
+    this._session = [];
+    this._rerender = debounce(() => {
+      if (this._model && this._session) {
+        if (this._model.passages && this._model.passages.length > 0) {
+          const printPassage = preparePrintPassage(this._model, this._options);
+          const element = /*#__PURE__*/React.createElement(StimulusTabs$1, {
+            disabledTabs: true,
+            tabs: printPassage
+          });
+          ReactDOM.render(element, this);
+        }
+      } else {
+        log('skip');
+      }
+    }, 50, {
+      leading: false,
+      trailing: true
+    });
+  }
+
+  set model(s) {
+    this._model = s;
+
+    this._rerender();
+  }
+
+  set options(o) {
+    this._options = o;
+  }
+
+  connectedCallback() {}
+
+}
+
+export { PassagePrint as default };
+//# sourceMappingURL=print.js.map

package/esm/print.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"print.js","sources":["../src/stimulus-tabs.jsx","../src/print.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Collapsible, color, PreviewPrompt, Purpose, UiLayout } from '@pie-lib/render-ui';\nimport classNames from 'classnames';\n\nconst styles = (theme) => ({\n  passages: {\n    flexGrow: 1,\n    backgroundColor: color.background(),\n    color: color.text(),\n    '&:not(.MathJax) table': {\n      borderCollapse: 'collapse',\n    },\n    '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n      padding: '.6em 1em',\n      textAlign: 'left',\n    },\n  },\n  passage: {\n    backgroundColor: color.background(),\n    color: color.text(),\n    padding: theme.spacing.unit * 2,\n  },\n  passageTitle: {\n    fontSize: '1.75rem',\n  },\n  passageSubtitle: {\n    fontSize: '1.5rem',\n  },\n  passageAuthor: {\n    fontSize: '1.25rem',\n  },\n  passageText: {},\n  stickyTabs: {\n    background: color.background(),\n    position: 'sticky',\n    top: 0,\n  },\n  tab: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n    fontSize: 'inherit',\n    color: theme.palette.common.black, // remove when PD-2801 is DONE\n  },\n  tabButton: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n  },\n  teacherInstructions: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n});\n\nclass StimulusTabs extends React.Component {\n  state = {\n    activeTab: 0,\n  };\n\n  handleChange = (event, activeTab) => {\n    this.setState(() => ({ activeTab }));\n\n    setTimeout(() => {\n      const tabChangeEvent = new CustomEvent('pie-ui-passage-tabChanged', {\n        detail: { tab: activeTab },\n      });\n\n      window.dispatchEvent(tabChangeEvent);\n    });\n  };\n\n  handleKeyDown = (event, currentTabId) => {\n    const { key } = event;\n    const { tabs } = this.props;\n\n    let newTabIndex = -1;\n    const currentIndex = tabs.findIndex((tab) => tab.id === currentTabId);\n\n    switch (key) {\n      case 'ArrowRight':\n        // Move to the next tab\n        newTabIndex = (currentIndex + 1) % tabs.length;\n        break;\n      case 'ArrowLeft':\n        // Move to the previous tab\n        newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n        break;\n      // Commented out ArrowDown and ArrowUp for future vertical tab navigation\n      // case 'ArrowDown':\n      //   // Move to the next tab (for vertical alignment)\n      //   newTabIndex = (currentIndex + 1) % tabs.length;\n      //   break;\n      // case 'ArrowUp':\n      //   // Move to the previous tab (for vertical alignment)\n      //   newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n      //   break;\n      case 'Home':\n        // Move to the first tab\n        newTabIndex = 0;\n        break;\n      case 'End':\n        // Move to the last tab\n        newTabIndex = tabs.length - 1;\n        break;\n      case 'Enter':\n      case ' ':\n        // Activate the current tab\n        newTabIndex = currentIndex;\n        break;\n      default:\n        break;\n    }\n\n    if (newTabIndex !== -1) {\n      event.preventDefault();\n      this.handleChange(event, tabs[newTabIndex].id);\n      document.getElementById(`button-${tabs[newTabIndex].id}`).focus();\n    }\n  };\n\n  parsedText = (text = '') => {\n    // fix imported audio content for Safari PD-1391\n    const div = document.createElement('div');\n    div.innerHTML = text.replace(/(<br\\/>\\n)/g, '<br/>');\n\n    const audio = div.querySelector('audio');\n\n    if (audio) {\n      const source = document.createElement('source');\n\n      source.setAttribute('type', 'audio/mp3');\n      source.setAttribute('src', audio.getAttribute('src'));\n\n      audio.removeAttribute('src');\n      audio.appendChild(source);\n    }\n\n    return div.innerHTML;\n  };\n\n  renderInstructions(teacherInstructions, disabledTabs = false) {\n    if (!teacherInstructions) {\n      return null;\n    }\n\n    const teacherInstructionsDiv = (\n      <PreviewPrompt\n        tagName=\"div\"\n        className=\"prompt\"\n        defaultClassName=\"teacher-instructions\"\n        prompt={teacherInstructions}\n      />\n    );\n\n    if (disabledTabs) {\n      return teacherInstructionsDiv;\n    }\n\n    return (\n      <Collapsible\n        labels={{\n          hidden: 'Show Teacher Instructions',\n          visible: 'Hide Teacher Instructions',\n        }}\n      >\n        {teacherInstructionsDiv}\n      </Collapsible>\n    );\n  }\n\n  renderTab(tab, disabledTabs) {\n    const { classes } = this.props;\n\n    return (\n      <div\n        className={classNames(classes.passage, 'passage')}\n        key={tab.id}\n        id={`tabpanel-${tab.id}`}\n        role=\"tabpanel\"\n        aria-labelledby={`button-${tab.id}`}\n      >\n        {this.renderInstructions(tab.teacherInstructions, disabledTabs)}\n\n        {(tab.title || tab.subtitle) && (\n          <h2>\n            {tab.title && (\n              <Purpose purpose=\"passage-title\">\n                <div\n                  className={classNames(classes.passageTitle, 'title')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.title) }}\n                />\n              </Purpose>\n            )}\n            {tab.subtitle && (\n              <Purpose purpose=\"passage-subtitle\">\n                <div\n                  className={classNames(classes.passageSubtitle, 'subtitle')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.subtitle) }}\n                />\n              </Purpose>\n            )}\n          </h2>\n        )}\n\n        {tab.author && (\n          <Purpose purpose=\"passage-author\">\n            <div\n              className={classNames(classes.passageAuthor, 'author')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.author) }}\n            />\n          </Purpose>\n        )}\n\n        {tab.text && (\n          <Purpose purpose=\"passage-text\">\n            <div\n              key={tab.id}\n              className={classNames(classes.passageText, 'text')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }}\n            />\n          </Purpose>\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    const { classes, model, tabs, disabledTabs } = this.props;\n    const { activeTab } = this.state;\n\n    if (!tabs?.length) {\n      return null;\n    }\n\n    const { extraCSSRules } = model || {};\n    const selectedTab = (tabs || []).find((tab) => tab.id === activeTab);\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules} className={classNames(classes.passages, 'passages')}>\n        {disabledTabs || tabs.length === 1 ? (\n          tabs.map((tab) => this.renderTab(tab, disabledTabs))\n        ) : (\n          <>\n            <Tabs\n              classes={{\n                root: classes.stickyTabs,\n                flexContainer: classes.tabButton,\n              }}\n              value={activeTab}\n              onChange={this.handleChange}\n            >\n              {tabs.map((tab) => (\n                <Tab\n                  className={classes.tab}\n                  key={tab.id}\n                  id={`button-${tab.id}`}\n                  label={\n                    <Purpose purpose=\"passage-label\">\n                      <span dangerouslySetInnerHTML={{ __html: this.parsedText(tab.label) }} />\n                    </Purpose>\n                  }\n                  value={tab.id}\n                  tabIndex={activeTab === tab.id ? 0 : -1}\n                  aria-controls={`tabpanel-${tab.id}`}\n                  aria-selected={activeTab === tab.id}\n                  onFocus={() => this.handleChange(null, tab.id)}\n                  onKeyDown={(event) => this.handleKeyDown(event, tab.id)}\n                />\n              ))}\n            </Tabs>\n            {selectedTab ? this.renderTab(selectedTab, disabledTabs) : null}\n          </>\n        )}\n      </UiLayout>\n    );\n  }\n}\n\nStimulusTabs.propTypes = {\n  classes: PropTypes.object.isRequired,\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number.isRequired,\n      label: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string,\n      author: PropTypes.string,\n      text: PropTypes.string.isRequired,\n      teacherInstructions: PropTypes.string,\n    }).isRequired,\n  ).isRequired,\n  disabledTabs: PropTypes.bool,\n};\n\nexport default withStyles(styles)(StimulusTabs);\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash/debounce';\nimport debug from 'debug';\n\nimport StimulusTabs from './stimulus-tabs';\n\nconst log = debug('pie-element:passage:print');\n\nconst checkNullish = (value) => value !== null && value !== undefined;\n\nconst isEnabled = (value, defaultValue) => (checkNullish(value) ? value : defaultValue);\n\nconst preparePrintPassage = (model, opts) => {\n  const isInstructor = opts.role === 'instructor';\n\n  // TODO: also update '../../configure/src/defaults.js' and '../../controller/src/defaults.js' when updating defaultValue\n  const teacherInstructionsEnabled = isEnabled(model.teacherInstructionsEnabled, true);\n  const titleEnabled = isEnabled(model.titleEnabled, true);\n  const authorEnabled = isEnabled(model.authorEnabled, false);\n  const subtitleEnabled = isEnabled(model.subtitleEnabled, true);\n  const textEnabled = isEnabled(model.textEnabled, true);\n\n  return model.passages.map((passage, index) => ({\n    id: index,\n    teacherInstructions: isEnabled(passage.teacherInstructionsEnabled, teacherInstructionsEnabled)\n      ? (isInstructor && passage.teacherInstructions) || ''\n      : '',\n    label: passage.title || `Passage ${index + 1}`,\n    title: isEnabled(passage.titleEnabled, titleEnabled) ? passage.title || '' : '',\n    author: isEnabled(passage.authorEnabled, authorEnabled) ? passage.author || '' : '',\n    subtitle: isEnabled(passage.subtitleEnabled, subtitleEnabled) ? passage.subtitle || '' : '',\n    text: isEnabled(passage.textEnabled, textEnabled) ? passage.text || '' : '',\n  }));\n};\n\nexport default class PassagePrint extends HTMLElement {\n  constructor() {\n    super();\n    this._model = null;\n    this._options = null;\n    this._session = [];\n\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          if (this._model.passages && this._model.passages.length > 0) {\n            const printPassage = preparePrintPassage(this._model, this._options);\n\n            const element = React.createElement(StimulusTabs, {\n              disabledTabs: true,\n              tabs: printPassage,\n            });\n\n            ReactDOM.render(element, this);\n          }\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n  }\n\n  set options(o) {\n    this._options = o;\n  }\n\n  connectedCallback() {}\n}\n"],"names":["styles","theme","passages","flexGrow","backgroundColor","color","background","text","borderCollapse","padding","textAlign","passage","spacing","unit","passageTitle","fontSize","passageSubtitle","passageAuthor","passageText","stickyTabs","position","top","tab","palette","common","white","black","tabButton","teacherInstructions","marginBottom","StimulusTabs","React","Component","state","activeTab","handleChange","event","setState","setTimeout","tabChangeEvent","CustomEvent","detail","window","dispatchEvent","handleKeyDown","currentTabId","key","tabs","props","newTabIndex","currentIndex","findIndex","id","length","preventDefault","document","getElementById","focus","parsedText","div","createElement","innerHTML","replace","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","renderInstructions","disabledTabs","teacherInstructionsDiv","hidden","visible","renderTab","classes","classNames","title","subtitle","__html","author","render","model","extraCSSRules","selectedTab","find","map","root","flexContainer","label","propTypes","PropTypes","object","isRequired","arrayOf","shape","number","string","bool","withStyles","log","debug","checkNullish","value","undefined","isEnabled","defaultValue","preparePrintPassage","opts","isInstructor","role","teacherInstructionsEnabled","titleEnabled","authorEnabled","subtitleEnabled","textEnabled","index","PassagePrint","HTMLElement","constructor","_model","_options","_session","_rerender","debounce","printPassage","element","ReactDOM","leading","trailing","s","options","o","connectedCallback"],"mappings":"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"}

package/lib/stimulus-tabs.js

@@ -206,7 +206,7 @@ var StimulusTabs = /*#__PURE__*/function (_React$Component) {
       var disabledTabs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
       if (!teacherInstructions) {
-        return;
+        return null;
       }
 
       var teacherInstructionsDiv = /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
@@ -281,7 +281,7 @@ var StimulusTabs = /*#__PURE__*/function (_React$Component) {
       var activeTab = this.state.activeTab;
 
       if (!(tabs !== null && tabs !== void 0 && tabs.length)) {
-        return;
+        return null;
       }
 
       var _ref = model || {},

package/lib/stimulus-tabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/stimulus-tabs.jsx"],"names":["styles","theme","passages","flexGrow","backgroundColor","color","background","text","borderCollapse","padding","textAlign","passage","spacing","unit","passageTitle","fontSize","passageSubtitle","passageAuthor","passageText","stickyTabs","position","top","tab","palette","common","white","black","tabButton","teacherInstructions","marginBottom","StimulusTabs","activeTab","event","setState","setTimeout","tabChangeEvent","CustomEvent","detail","window","dispatchEvent","currentTabId","key","tabs","props","newTabIndex","currentIndex","findIndex","id","length","preventDefault","handleChange","document","getElementById","focus","div","createElement","innerHTML","replace","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","disabledTabs","teacherInstructionsDiv","hidden","visible","classes","renderInstructions","title","subtitle","__html","parsedText","author","model","state","extraCSSRules","selectedTab","find","map","renderTab","root","flexContainer","label","handleKeyDown","React","Component","propTypes","PropTypes","object","isRequired","arrayOf","shape","number","string","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Collapsible, color, PreviewPrompt, Purpose, UiLayout } from '@pie-lib/render-ui';\nimport classNames from 'classnames';\n\nconst styles = (theme) => ({\n  passages: {\n    flexGrow: 1,\n    backgroundColor: color.background(),\n    color: color.text(),\n    '&:not(.MathJax) table': {\n      borderCollapse: 'collapse',\n    },\n    '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n      padding: '.6em 1em',\n      textAlign: 'left',\n    },\n  },\n  passage: {\n    backgroundColor: color.background(),\n    color: color.text(),\n    padding: theme.spacing.unit * 2,\n  },\n  passageTitle: {\n    fontSize: '1.75rem',\n  },\n  passageSubtitle: {\n    fontSize: '1.5rem',\n  },\n  passageAuthor: {\n    fontSize: '1.25rem',\n  },\n  passageText: {},\n  stickyTabs: {\n    background: color.background(),\n    position: 'sticky',\n    top: 0,\n  },\n  tab: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n    fontSize: 'inherit',\n    color: theme.palette.common.black, // remove when PD-2801 is DONE\n  },\n  tabButton: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n  },\n  teacherInstructions: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n});\n\nclass StimulusTabs extends React.Component {\n  state = {\n    activeTab: 0,\n  };\n\n  handleChange = (event, activeTab) => {\n    this.setState(() => ({ activeTab }));\n\n    setTimeout(() => {\n      const tabChangeEvent = new CustomEvent('pie-ui-passage-tabChanged', {\n        detail: { tab: activeTab },\n      });\n\n      window.dispatchEvent(tabChangeEvent);\n    });\n  };\n\n  handleKeyDown = (event, currentTabId) => {\n    const { key } = event;\n    const { tabs } = this.props;\n\n    let newTabIndex = -1;\n    const currentIndex = tabs.findIndex((tab) => tab.id === currentTabId);\n\n    switch (key) {\n      case 'ArrowRight':\n        // Move to the next tab\n        newTabIndex = (currentIndex + 1) % tabs.length;\n        break;\n      case 'ArrowLeft':\n        // Move to the previous tab\n        newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n        break;\n      // Commented out ArrowDown and ArrowUp for future vertical tab navigation\n      // case 'ArrowDown':\n      //   // Move to the next tab (for vertical alignment)\n      //   newTabIndex = (currentIndex + 1) % tabs.length;\n      //   break;\n      // case 'ArrowUp':\n      //   // Move to the previous tab (for vertical alignment)\n      //   newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n      //   break;\n      case 'Home':\n        // Move to the first tab\n        newTabIndex = 0;\n        break;\n      case 'End':\n        // Move to the last tab\n        newTabIndex = tabs.length - 1;\n        break;\n      case 'Enter':\n      case ' ':\n        // Activate the current tab\n        newTabIndex = currentIndex;\n        break;\n      default:\n        break;\n    }\n\n    if (newTabIndex !== -1) {\n      event.preventDefault();\n      this.handleChange(event, tabs[newTabIndex].id);\n      document.getElementById(`button-${tabs[newTabIndex].id}`).focus();\n    }\n  };\n\n  parsedText = (text = '') => {\n    // fix imported audio content for Safari PD-1391\n    const div = document.createElement('div');\n    div.innerHTML = text.replace(/(<br\\/>\\n)/g, '<br/>');\n\n    const audio = div.querySelector('audio');\n\n    if (audio) {\n      const source = document.createElement('source');\n\n      source.setAttribute('type', 'audio/mp3');\n      source.setAttribute('src', audio.getAttribute('src'));\n\n      audio.removeAttribute('src');\n      audio.appendChild(source);\n    }\n\n    return div.innerHTML;\n  };\n\n  renderInstructions(teacherInstructions, disabledTabs = false) {\n    if (!teacherInstructions) {\n      return;\n    }\n\n    const teacherInstructionsDiv = (\n      <PreviewPrompt\n        tagName=\"div\"\n        className=\"prompt\"\n        defaultClassName=\"teacher-instructions\"\n        prompt={teacherInstructions}\n      />\n    );\n\n    if (disabledTabs) {\n      return teacherInstructionsDiv;\n    }\n\n    return (\n      <Collapsible\n        labels={{\n          hidden: 'Show Teacher Instructions',\n          visible: 'Hide Teacher Instructions',\n        }}\n      >\n        {teacherInstructionsDiv}\n      </Collapsible>\n    );\n  }\n\n  renderTab(tab, disabledTabs) {\n    const { classes } = this.props;\n\n    return (\n      <div\n        className={classNames(classes.passage, 'passage')}\n        key={tab.id}\n        id={`tabpanel-${tab.id}`}\n        role=\"tabpanel\"\n        aria-labelledby={`button-${tab.id}`}\n      >\n        {this.renderInstructions(tab.teacherInstructions, disabledTabs)}\n\n        {(tab.title || tab.subtitle) && (\n          <h2>\n            {tab.title && (\n              <Purpose purpose=\"passage-title\">\n                <div\n                  className={classNames(classes.passageTitle, 'title')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.title) }}\n                />\n              </Purpose>\n            )}\n            {tab.subtitle && (\n              <Purpose purpose=\"passage-subtitle\">\n                <div\n                  className={classNames(classes.passageSubtitle, 'subtitle')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.subtitle) }}\n                />\n              </Purpose>\n            )}\n          </h2>\n        )}\n\n        {tab.author && (\n          <Purpose purpose=\"passage-author\">\n            <div\n              className={classNames(classes.passageAuthor, 'author')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.author) }}\n            />\n          </Purpose>\n        )}\n\n        {tab.text && (\n          <Purpose purpose=\"passage-text\">\n            <div\n              key={tab.id}\n              className={classNames(classes.passageText, 'text')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }}\n            />\n          </Purpose>\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    const { classes, model, tabs, disabledTabs } = this.props;\n    const { activeTab } = this.state;\n\n    if (!tabs?.length) {\n      return;\n    }\n\n    const { extraCSSRules } = model || {};\n    const selectedTab = (tabs || []).find((tab) => tab.id === activeTab);\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules} className={classNames(classes.passages, 'passages')}>\n        {disabledTabs || tabs.length === 1 ? (\n          tabs.map((tab) => this.renderTab(tab, disabledTabs))\n        ) : (\n          <>\n            <Tabs\n              classes={{\n                root: classes.stickyTabs,\n                flexContainer: classes.tabButton,\n              }}\n              value={activeTab}\n              onChange={this.handleChange}\n            >\n              {tabs.map((tab) => (\n                <Tab\n                  className={classes.tab}\n                  key={tab.id}\n                  id={`button-${tab.id}`}\n                  label={\n                    <Purpose purpose=\"passage-label\">\n                      <span dangerouslySetInnerHTML={{ __html: this.parsedText(tab.label) }} />\n                    </Purpose>\n                  }\n                  value={tab.id}\n                  tabIndex={activeTab === tab.id ? 0 : -1}\n                  aria-controls={`tabpanel-${tab.id}`}\n                  aria-selected={activeTab === tab.id}\n                  onFocus={() => this.handleChange(null, tab.id)}\n                  onKeyDown={(event) => this.handleKeyDown(event, tab.id)}\n                />\n              ))}\n            </Tabs>\n            {selectedTab ? this.renderTab(selectedTab, disabledTabs) : null}\n          </>\n        )}\n      </UiLayout>\n    );\n  }\n}\n\nStimulusTabs.propTypes = {\n  classes: PropTypes.object.isRequired,\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number.isRequired,\n      label: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string,\n      author: PropTypes.string,\n      text: PropTypes.string.isRequired,\n      teacherInstructions: PropTypes.string,\n    }).isRequired,\n  ).isRequired,\n  disabledTabs: PropTypes.bool,\n};\n\nexport default withStyles(styles)(StimulusTabs);\n"],"file":"stimulus-tabs.js"}
+{"version":3,"sources":["../src/stimulus-tabs.jsx"],"names":["styles","theme","passages","flexGrow","backgroundColor","color","background","text","borderCollapse","padding","textAlign","passage","spacing","unit","passageTitle","fontSize","passageSubtitle","passageAuthor","passageText","stickyTabs","position","top","tab","palette","common","white","black","tabButton","teacherInstructions","marginBottom","StimulusTabs","activeTab","event","setState","setTimeout","tabChangeEvent","CustomEvent","detail","window","dispatchEvent","currentTabId","key","tabs","props","newTabIndex","currentIndex","findIndex","id","length","preventDefault","handleChange","document","getElementById","focus","div","createElement","innerHTML","replace","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","disabledTabs","teacherInstructionsDiv","hidden","visible","classes","renderInstructions","title","subtitle","__html","parsedText","author","model","state","extraCSSRules","selectedTab","find","map","renderTab","root","flexContainer","label","handleKeyDown","React","Component","propTypes","PropTypes","object","isRequired","arrayOf","shape","number","string","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Collapsible, color, PreviewPrompt, Purpose, UiLayout } from '@pie-lib/render-ui';\nimport classNames from 'classnames';\n\nconst styles = (theme) => ({\n  passages: {\n    flexGrow: 1,\n    backgroundColor: color.background(),\n    color: color.text(),\n    '&:not(.MathJax) table': {\n      borderCollapse: 'collapse',\n    },\n    '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n      padding: '.6em 1em',\n      textAlign: 'left',\n    },\n  },\n  passage: {\n    backgroundColor: color.background(),\n    color: color.text(),\n    padding: theme.spacing.unit * 2,\n  },\n  passageTitle: {\n    fontSize: '1.75rem',\n  },\n  passageSubtitle: {\n    fontSize: '1.5rem',\n  },\n  passageAuthor: {\n    fontSize: '1.25rem',\n  },\n  passageText: {},\n  stickyTabs: {\n    background: color.background(),\n    position: 'sticky',\n    top: 0,\n  },\n  tab: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n    fontSize: 'inherit',\n    color: theme.palette.common.black, // remove when PD-2801 is DONE\n  },\n  tabButton: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n  },\n  teacherInstructions: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n});\n\nclass StimulusTabs extends React.Component {\n  state = {\n    activeTab: 0,\n  };\n\n  handleChange = (event, activeTab) => {\n    this.setState(() => ({ activeTab }));\n\n    setTimeout(() => {\n      const tabChangeEvent = new CustomEvent('pie-ui-passage-tabChanged', {\n        detail: { tab: activeTab },\n      });\n\n      window.dispatchEvent(tabChangeEvent);\n    });\n  };\n\n  handleKeyDown = (event, currentTabId) => {\n    const { key } = event;\n    const { tabs } = this.props;\n\n    let newTabIndex = -1;\n    const currentIndex = tabs.findIndex((tab) => tab.id === currentTabId);\n\n    switch (key) {\n      case 'ArrowRight':\n        // Move to the next tab\n        newTabIndex = (currentIndex + 1) % tabs.length;\n        break;\n      case 'ArrowLeft':\n        // Move to the previous tab\n        newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n        break;\n      // Commented out ArrowDown and ArrowUp for future vertical tab navigation\n      // case 'ArrowDown':\n      //   // Move to the next tab (for vertical alignment)\n      //   newTabIndex = (currentIndex + 1) % tabs.length;\n      //   break;\n      // case 'ArrowUp':\n      //   // Move to the previous tab (for vertical alignment)\n      //   newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n      //   break;\n      case 'Home':\n        // Move to the first tab\n        newTabIndex = 0;\n        break;\n      case 'End':\n        // Move to the last tab\n        newTabIndex = tabs.length - 1;\n        break;\n      case 'Enter':\n      case ' ':\n        // Activate the current tab\n        newTabIndex = currentIndex;\n        break;\n      default:\n        break;\n    }\n\n    if (newTabIndex !== -1) {\n      event.preventDefault();\n      this.handleChange(event, tabs[newTabIndex].id);\n      document.getElementById(`button-${tabs[newTabIndex].id}`).focus();\n    }\n  };\n\n  parsedText = (text = '') => {\n    // fix imported audio content for Safari PD-1391\n    const div = document.createElement('div');\n    div.innerHTML = text.replace(/(<br\\/>\\n)/g, '<br/>');\n\n    const audio = div.querySelector('audio');\n\n    if (audio) {\n      const source = document.createElement('source');\n\n      source.setAttribute('type', 'audio/mp3');\n      source.setAttribute('src', audio.getAttribute('src'));\n\n      audio.removeAttribute('src');\n      audio.appendChild(source);\n    }\n\n    return div.innerHTML;\n  };\n\n  renderInstructions(teacherInstructions, disabledTabs = false) {\n    if (!teacherInstructions) {\n      return null;\n    }\n\n    const teacherInstructionsDiv = (\n      <PreviewPrompt\n        tagName=\"div\"\n        className=\"prompt\"\n        defaultClassName=\"teacher-instructions\"\n        prompt={teacherInstructions}\n      />\n    );\n\n    if (disabledTabs) {\n      return teacherInstructionsDiv;\n    }\n\n    return (\n      <Collapsible\n        labels={{\n          hidden: 'Show Teacher Instructions',\n          visible: 'Hide Teacher Instructions',\n        }}\n      >\n        {teacherInstructionsDiv}\n      </Collapsible>\n    );\n  }\n\n  renderTab(tab, disabledTabs) {\n    const { classes } = this.props;\n\n    return (\n      <div\n        className={classNames(classes.passage, 'passage')}\n        key={tab.id}\n        id={`tabpanel-${tab.id}`}\n        role=\"tabpanel\"\n        aria-labelledby={`button-${tab.id}`}\n      >\n        {this.renderInstructions(tab.teacherInstructions, disabledTabs)}\n\n        {(tab.title || tab.subtitle) && (\n          <h2>\n            {tab.title && (\n              <Purpose purpose=\"passage-title\">\n                <div\n                  className={classNames(classes.passageTitle, 'title')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.title) }}\n                />\n              </Purpose>\n            )}\n            {tab.subtitle && (\n              <Purpose purpose=\"passage-subtitle\">\n                <div\n                  className={classNames(classes.passageSubtitle, 'subtitle')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.subtitle) }}\n                />\n              </Purpose>\n            )}\n          </h2>\n        )}\n\n        {tab.author && (\n          <Purpose purpose=\"passage-author\">\n            <div\n              className={classNames(classes.passageAuthor, 'author')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.author) }}\n            />\n          </Purpose>\n        )}\n\n        {tab.text && (\n          <Purpose purpose=\"passage-text\">\n            <div\n              key={tab.id}\n              className={classNames(classes.passageText, 'text')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }}\n            />\n          </Purpose>\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    const { classes, model, tabs, disabledTabs } = this.props;\n    const { activeTab } = this.state;\n\n    if (!tabs?.length) {\n      return null;\n    }\n\n    const { extraCSSRules } = model || {};\n    const selectedTab = (tabs || []).find((tab) => tab.id === activeTab);\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules} className={classNames(classes.passages, 'passages')}>\n        {disabledTabs || tabs.length === 1 ? (\n          tabs.map((tab) => this.renderTab(tab, disabledTabs))\n        ) : (\n          <>\n            <Tabs\n              classes={{\n                root: classes.stickyTabs,\n                flexContainer: classes.tabButton,\n              }}\n              value={activeTab}\n              onChange={this.handleChange}\n            >\n              {tabs.map((tab) => (\n                <Tab\n                  className={classes.tab}\n                  key={tab.id}\n                  id={`button-${tab.id}`}\n                  label={\n                    <Purpose purpose=\"passage-label\">\n                      <span dangerouslySetInnerHTML={{ __html: this.parsedText(tab.label) }} />\n                    </Purpose>\n                  }\n                  value={tab.id}\n                  tabIndex={activeTab === tab.id ? 0 : -1}\n                  aria-controls={`tabpanel-${tab.id}`}\n                  aria-selected={activeTab === tab.id}\n                  onFocus={() => this.handleChange(null, tab.id)}\n                  onKeyDown={(event) => this.handleKeyDown(event, tab.id)}\n                />\n              ))}\n            </Tabs>\n            {selectedTab ? this.renderTab(selectedTab, disabledTabs) : null}\n          </>\n        )}\n      </UiLayout>\n    );\n  }\n}\n\nStimulusTabs.propTypes = {\n  classes: PropTypes.object.isRequired,\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number.isRequired,\n      label: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string,\n      author: PropTypes.string,\n      text: PropTypes.string.isRequired,\n      teacherInstructions: PropTypes.string,\n    }).isRequired,\n  ).isRequired,\n  disabledTabs: PropTypes.bool,\n};\n\nexport default withStyles(styles)(StimulusTabs);\n"],"file":"stimulus-tabs.js"}