@pie-element/passage 2.5.1-next.14 → 2.5.1-next.48

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 (6) hide show
  1. package/lib/stimulus-tabs.js +7 -3
  2. package/lib/stimulus-tabs.js.map +1 -1
  3. package/module/element.js +23 -22
  4. package/module/manifest.json +1 -1
  5. package/module/print.js +23 -22
  6. package/package.json +3 -3
package/lib/stimulus-tabs.js CHANGED
@@ -47,8 +47,11 @@ var styles = function styles(theme) {
47
47
  color: _renderUi.color.text()
48
48
  },
49
49
  tab: {
50
- backgroundColor: _renderUi.color.background(),
51
- fontSize: 'inherit'
50
+ background: theme.palette.common.white,
51
+ // replace with color.background() once PD-2801 is DONE
52
+ fontSize: 'inherit',
53
+ color: theme.palette.common.black // remove when PD-2801 is DONE
54
+
52
55
  },
53
56
  stickyTabs: {
54
57
  background: _renderUi.color.background(),
@@ -63,7 +66,8 @@ var styles = function styles(theme) {
63
66
  marginBottom: theme.spacing.unit
64
67
  },
65
68
  buttonContainer: {
66
- background: _renderUi.color.background()
69
+ background: theme.palette.common.white // replace with color.background() once PD-2801 is DONE
70
+
67
71
  },
68
72
  tabContainer: {
69
73
  backgroundColor: _renderUi.color.background(),
package/lib/stimulus-tabs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/stimulus-tabs.jsx"],"names":["styles","theme","root","flexGrow","backgroundColor","color","background","text","tab","fontSize","stickyTabs","position","top","title","textTransform","padding","spacing","unit","borderBottom","secondary","width","marginBottom","buttonContainer","tabContainer","breakSpaces","whiteSpace","teacherInstructions","StimulusTabs","activeTab","event","setState","setTimeout","tabChangeEvent","CustomEvent","detail","window","dispatchEvent","currentTabId","key","tabs","props","newTabIndex","currentIndex","findIndex","id","length","preventDefault","handleChange","div","document","createElement","innerHTML","replace","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","showTeacherInstructions","disabledTabs","teacherInstructionsDiv","hidden","visible","classes","state","map","__html","parsedText","renderInstructions","flexContainer","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 } from '@pie-lib/pie-toolbox/render-ui';\nimport classNames from 'classnames';\n\nconst styles = (theme) => ({\n root: {\n flexGrow: 1,\n backgroundColor: color.background(),\n color: color.text(),\n },\n tab: {\n backgroundColor: color.background(),\n fontSize: 'inherit',\n },\n stickyTabs: {\n background: color.background(),\n position: 'sticky',\n top: 0,\n },\n title: {\n textTransform: 'uppercase',\n padding: `${theme.spacing.unit}px ${theme.spacing.unit * 3}px`,\n borderBottom: `2px solid ${color.secondary()}`,\n width: 'fit-content',\n marginBottom: theme.spacing.unit,\n },\n buttonContainer: {\n background: color.background(),\n },\n tabContainer: {\n backgroundColor: color.background(),\n color: color.text(),\n padding: theme.spacing.unit * 2,\n },\n breakSpaces: {\n whiteSpace: 'break-spaces',\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 setTimeout(() => {\n const tabChangeEvent = new CustomEvent('pie-ui-passage-tabChanged', {\n detail: {\n tab: activeTab,\n },\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 case 'ArrowDown':\n newTabIndex = (currentIndex + 1) % tabs.length;\n break;\n case 'ArrowLeft':\n case 'ArrowUp':\n newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n break;\n case 'Home':\n newTabIndex = 0;\n break;\n case 'End':\n newTabIndex = tabs.length - 1;\n break;\n case 'Enter':\n case ' ':\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 }\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 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(showTeacherInstructions, teacherInstructions, disabledTabs = false) {\n if (!showTeacherInstructions || !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 render() {\n const { classes, tabs, disabledTabs, showTeacherInstructions } = this.props;\n const { activeTab } = this.state;\n\n if (tabs && tabs.length > 1) {\n return disabledTabs ? (\n <div className={classNames(classes.root, 'passages')}>\n {tabs.map((tab) => (\n <div\n key={tab.id}\n className={`passage-${tab.id}`}\n id={`tabpanel-${tab.id}`}\n aria-labelledby={`tab-${tab.id}`}\n aria-controls={`tabpanel-${tab.id}`}\n tabIndex=\"0\"\n >\n <div\n className={classes.tabContainer}\n id={`tabpanel-${tab.id}`}\n role=\"tabpanel\"\n aria-labelledby={`button-${tab.id}`}\n >\n <div\n className={classNames(classes.title, 'title')}\n dangerouslySetInnerHTML={{ __html: this.parsedText(tab.title) }}\n />\n {this.renderInstructions(showTeacherInstructions, tab.teacherInstructions, disabledTabs)}\n <Purpose purpose=\"passage-text\">\n <div className=\"text\" key={tab.id} dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }} />\n </Purpose>\n </div>\n </div>\n ))}\n </div>\n ) : (\n <div className={classNames(classes.root, 'passages')}>\n <Tabs\n classes={{\n root: classes.stickyTabs,\n flexContainer: classes.buttonContainer,\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-title\">\n <span dangerouslySetInnerHTML={{ __html: this.parsedText(tab.title) }} />\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\n {tabs.map((tab) =>\n activeTab === tab.id ? (\n <div\n className={classes.tabContainer}\n key={tab.id}\n id={`tabpanel-${tab.id}`}\n role=\"tabpanel\"\n aria-labelledby={`button-${tab.id}`}\n >\n {this.renderInstructions(showTeacherInstructions, tab.teacherInstructions)}\n\n <Purpose purpose=\"passage-text\">\n <div key={tab.id} dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }} />\n </Purpose>\n </div>\n ) : null,\n )}\n </div>\n );\n } else if (tabs && tabs[0]) {\n return (\n <>\n {this.renderInstructions(showTeacherInstructions, tabs[0].teacherInstructions, disabledTabs)}\n <div className={classNames(classes.root, classes.tabContainer, classes.breakSpaces, 'passage')}>\n <div className=\"text\" dangerouslySetInnerHTML={{ __html: this.parsedText(tabs[0].text) }} />\n </div>\n </>\n );\n }\n }\n}\n\nStimulusTabs.propTypes = {\n classes: PropTypes.object.isRequired,\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n text: PropTypes.string.isRequired,\n teacherInstructions: PropTypes.string,\n }).isRequired,\n ).isRequired,\n disabledTabs: PropTypes.bool,\n showTeacherInstructions: PropTypes.bool,\n};\n\nexport default withStyles(styles)(StimulusTabs);\n"],"file":"stimulus-tabs.js"}
1
+ {"version":3,"sources":["../src/stimulus-tabs.jsx"],"names":["styles","theme","root","flexGrow","backgroundColor","color","background","text","tab","palette","common","white","fontSize","black","stickyTabs","position","top","title","textTransform","padding","spacing","unit","borderBottom","secondary","width","marginBottom","buttonContainer","tabContainer","breakSpaces","whiteSpace","teacherInstructions","StimulusTabs","activeTab","event","setState","setTimeout","tabChangeEvent","CustomEvent","detail","window","dispatchEvent","currentTabId","key","tabs","props","newTabIndex","currentIndex","findIndex","id","length","preventDefault","handleChange","div","document","createElement","innerHTML","replace","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","showTeacherInstructions","disabledTabs","teacherInstructionsDiv","hidden","visible","classes","state","map","__html","parsedText","renderInstructions","flexContainer","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 } from '@pie-lib/pie-toolbox/render-ui';\nimport classNames from 'classnames';\n\nconst styles = (theme) => ({\n root: {\n flexGrow: 1,\n backgroundColor: color.background(),\n color: color.text(),\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 stickyTabs: {\n background: color.background(),\n position: 'sticky',\n top: 0,\n },\n title: {\n textTransform: 'uppercase',\n padding: `${theme.spacing.unit}px ${theme.spacing.unit * 3}px`,\n borderBottom: `2px solid ${color.secondary()}`,\n width: 'fit-content',\n marginBottom: theme.spacing.unit,\n },\n buttonContainer: {\n background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n },\n tabContainer: {\n backgroundColor: color.background(),\n color: color.text(),\n padding: theme.spacing.unit * 2,\n },\n breakSpaces: {\n whiteSpace: 'break-spaces',\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 setTimeout(() => {\n const tabChangeEvent = new CustomEvent('pie-ui-passage-tabChanged', {\n detail: {\n tab: activeTab,\n },\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 case 'ArrowDown':\n newTabIndex = (currentIndex + 1) % tabs.length;\n break;\n case 'ArrowLeft':\n case 'ArrowUp':\n newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n break;\n case 'Home':\n newTabIndex = 0;\n break;\n case 'End':\n newTabIndex = tabs.length - 1;\n break;\n case 'Enter':\n case ' ':\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 }\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 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(showTeacherInstructions, teacherInstructions, disabledTabs = false) {\n if (!showTeacherInstructions || !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 render() {\n const { classes, tabs, disabledTabs, showTeacherInstructions } = this.props;\n const { activeTab } = this.state;\n\n if (tabs && tabs.length > 1) {\n return disabledTabs ? (\n <div className={classNames(classes.root, 'passages')}>\n {tabs.map((tab) => (\n <div\n key={tab.id}\n className={`passage-${tab.id}`}\n id={`tabpanel-${tab.id}`}\n aria-labelledby={`tab-${tab.id}`}\n aria-controls={`tabpanel-${tab.id}`}\n tabIndex=\"0\"\n >\n <div\n className={classes.tabContainer}\n id={`tabpanel-${tab.id}`}\n role=\"tabpanel\"\n aria-labelledby={`button-${tab.id}`}\n >\n <div\n className={classNames(classes.title, 'title')}\n dangerouslySetInnerHTML={{ __html: this.parsedText(tab.title) }}\n />\n {this.renderInstructions(showTeacherInstructions, tab.teacherInstructions, disabledTabs)}\n <Purpose purpose=\"passage-text\">\n <div className=\"text\" key={tab.id} dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }} />\n </Purpose>\n </div>\n </div>\n ))}\n </div>\n ) : (\n <div className={classNames(classes.root, 'passages')}>\n <Tabs\n classes={{\n root: classes.stickyTabs,\n flexContainer: classes.buttonContainer,\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-title\">\n <span dangerouslySetInnerHTML={{ __html: this.parsedText(tab.title) }} />\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\n {tabs.map((tab) =>\n activeTab === tab.id ? (\n <div\n className={classes.tabContainer}\n key={tab.id}\n id={`tabpanel-${tab.id}`}\n role=\"tabpanel\"\n aria-labelledby={`button-${tab.id}`}\n >\n {this.renderInstructions(showTeacherInstructions, tab.teacherInstructions)}\n\n <Purpose purpose=\"passage-text\">\n <div key={tab.id} dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }} />\n </Purpose>\n </div>\n ) : null,\n )}\n </div>\n );\n } else if (tabs && tabs[0]) {\n return (\n <>\n {this.renderInstructions(showTeacherInstructions, tabs[0].teacherInstructions, disabledTabs)}\n <div className={classNames(classes.root, classes.tabContainer, classes.breakSpaces, 'passage')}>\n <div className=\"text\" dangerouslySetInnerHTML={{ __html: this.parsedText(tabs[0].text) }} />\n </div>\n </>\n );\n }\n }\n}\n\nStimulusTabs.propTypes = {\n classes: PropTypes.object.isRequired,\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n text: PropTypes.string.isRequired,\n teacherInstructions: PropTypes.string,\n }).isRequired,\n ).isRequired,\n disabledTabs: PropTypes.bool,\n showTeacherInstructions: PropTypes.bool,\n};\n\nexport default withStyles(styles)(StimulusTabs);\n"],"file":"stimulus-tabs.js"}
package/module/element.js CHANGED
@@ -1,4 +1,4 @@
1
- import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.3.0/module/index.js";
1
+ import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.4.0/module/index.js";
2
2
  import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.0.0/module/index.js";
3
3
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
4
4
  function getDefaultExportFromCjs(x) {
@@ -8590,8 +8590,9 @@ const styles = theme => ({
8590
8590
  color: color.text()
8591
8591
  },
8592
8592
  tab: {
8593
- backgroundColor: color.background(),
8594
- fontSize: 'inherit'
8593
+ background: theme.palette.common.white,
8594
+ fontSize: 'inherit',
8595
+ color: theme.palette.common.black
8595
8596
  },
8596
8597
  stickyTabs: {
8597
8598
  background: color.background(),
@@ -8606,7 +8607,7 @@ const styles = theme => ({
8606
8607
  marginBottom: theme.spacing.unit
8607
8608
  },
8608
8609
  buttonContainer: {
8609
- background: color.background()
8610
+ background: theme.palette.common.white
8610
8611
  },
8611
8612
  tabContainer: {
8612
8613
  backgroundColor: color.background(),
@@ -8707,7 +8708,7 @@ class StimulusTabs extends React$1.Component {
8707
8708
  __self: this,
8708
8709
  __source: {
8709
8710
  fileName: _jsxFileName,
8710
- lineNumber: 126
8711
+ lineNumber: 127
8711
8712
  }
8712
8713
  });
8713
8714
  if (disabledTabs) {
@@ -8721,7 +8722,7 @@ class StimulusTabs extends React$1.Component {
8721
8722
  __self: this,
8722
8723
  __source: {
8723
8724
  fileName: _jsxFileName,
8724
- lineNumber: 139
8725
+ lineNumber: 140
8725
8726
  }
8726
8727
  }, teacherInstructionsDiv);
8727
8728
  }
@@ -8734,7 +8735,7 @@ class StimulusTabs extends React$1.Component {
8734
8735
  __self: this,
8735
8736
  __source: {
8736
8737
  fileName: _jsxFileName,
8737
- lineNumber: 156
8738
+ lineNumber: 157
8738
8739
  }
8739
8740
  }, tabs.map(tab => React$1.createElement('div', {
8740
8741
  key: tab.id,
@@ -8746,7 +8747,7 @@ class StimulusTabs extends React$1.Component {
8746
8747
  __self: this,
8747
8748
  __source: {
8748
8749
  fileName: _jsxFileName,
8749
- lineNumber: 158
8750
+ lineNumber: 159
8750
8751
  }
8751
8752
  }, React$1.createElement('div', {
8752
8753
  className: classes.tabContainer,
@@ -8756,7 +8757,7 @@ class StimulusTabs extends React$1.Component {
8756
8757
  __self: this,
8757
8758
  __source: {
8758
8759
  fileName: _jsxFileName,
8759
- lineNumber: 166
8760
+ lineNumber: 167
8760
8761
  }
8761
8762
  }, React$1.createElement('div', {
8762
8763
  className: classNames(classes.title, 'title'),
@@ -8766,14 +8767,14 @@ class StimulusTabs extends React$1.Component {
8766
8767
  __self: this,
8767
8768
  __source: {
8768
8769
  fileName: _jsxFileName,
8769
- lineNumber: 172
8770
+ lineNumber: 173
8770
8771
  }
8771
8772
  }), this.renderInstructions(showTeacherInstructions, tab.teacherInstructions, disabledTabs), React$1.createElement(Purpose, {
8772
8773
  purpose: "passage-text",
8773
8774
  __self: this,
8774
8775
  __source: {
8775
8776
  fileName: _jsxFileName,
8776
- lineNumber: 177
8777
+ lineNumber: 178
8777
8778
  }
8778
8779
  }, React$1.createElement('div', {
8779
8780
  className: "text",
@@ -8784,14 +8785,14 @@ class StimulusTabs extends React$1.Component {
8784
8785
  __self: this,
8785
8786
  __source: {
8786
8787
  fileName: _jsxFileName,
8787
- lineNumber: 178
8788
+ lineNumber: 179
8788
8789
  }
8789
8790
  })))))) : React$1.createElement('div', {
8790
8791
  className: classNames(classes.root, 'passages'),
8791
8792
  __self: this,
8792
8793
  __source: {
8793
8794
  fileName: _jsxFileName,
8794
- lineNumber: 185
8795
+ lineNumber: 186
8795
8796
  }
8796
8797
  }, React$1.createElement(Tabs, {
8797
8798
  classes: {
@@ -8803,7 +8804,7 @@ class StimulusTabs extends React$1.Component {
8803
8804
  __self: this,
8804
8805
  __source: {
8805
8806
  fileName: _jsxFileName,
8806
- lineNumber: 186
8807
+ lineNumber: 187
8807
8808
  }
8808
8809
  }, tabs.map(tab => React$1.createElement(Tab, {
8809
8810
  className: classes.tab,
@@ -8814,7 +8815,7 @@ class StimulusTabs extends React$1.Component {
8814
8815
  __self: this,
8815
8816
  __source: {
8816
8817
  fileName: _jsxFileName,
8817
- lineNumber: 200
8818
+ lineNumber: 201
8818
8819
  }
8819
8820
  }, React$1.createElement('span', {
8820
8821
  dangerouslySetInnerHTML: {
@@ -8823,7 +8824,7 @@ class StimulusTabs extends React$1.Component {
8823
8824
  __self: this,
8824
8825
  __source: {
8825
8826
  fileName: _jsxFileName,
8826
- lineNumber: 201
8827
+ lineNumber: 202
8827
8828
  }
8828
8829
  })),
8829
8830
  value: tab.id,
@@ -8835,7 +8836,7 @@ class StimulusTabs extends React$1.Component {
8835
8836
  __self: this,
8836
8837
  __source: {
8837
8838
  fileName: _jsxFileName,
8838
- lineNumber: 195
8839
+ lineNumber: 196
8839
8840
  }
8840
8841
  }))), tabs.map(tab => activeTab === tab.id ? React$1.createElement('div', {
8841
8842
  className: classes.tabContainer,
@@ -8846,14 +8847,14 @@ class StimulusTabs extends React$1.Component {
8846
8847
  __self: this,
8847
8848
  __source: {
8848
8849
  fileName: _jsxFileName,
8849
- lineNumber: 216
8850
+ lineNumber: 217
8850
8851
  }
8851
8852
  }, this.renderInstructions(showTeacherInstructions, tab.teacherInstructions), React$1.createElement(Purpose, {
8852
8853
  purpose: "passage-text",
8853
8854
  __self: this,
8854
8855
  __source: {
8855
8856
  fileName: _jsxFileName,
8856
- lineNumber: 225
8857
+ lineNumber: 226
8857
8858
  }
8858
8859
  }, React$1.createElement('div', {
8859
8860
  key: tab.id,
@@ -8863,7 +8864,7 @@ class StimulusTabs extends React$1.Component {
8863
8864
  __self: this,
8864
8865
  __source: {
8865
8866
  fileName: _jsxFileName,
8866
- lineNumber: 226
8867
+ lineNumber: 227
8867
8868
  }
8868
8869
  }))) : null));
8869
8870
  } else if (tabs && tabs[0]) {
@@ -8872,7 +8873,7 @@ class StimulusTabs extends React$1.Component {
8872
8873
  __self: this,
8873
8874
  __source: {
8874
8875
  fileName: _jsxFileName,
8875
- lineNumber: 237
8876
+ lineNumber: 238
8876
8877
  }
8877
8878
  }, React$1.createElement('div', {
8878
8879
  className: "text",
@@ -8882,7 +8883,7 @@ class StimulusTabs extends React$1.Component {
8882
8883
  __self: this,
8883
8884
  __source: {
8884
8885
  fileName: _jsxFileName,
8885
- lineNumber: 238
8886
+ lineNumber: 239
8886
8887
  }
8887
8888
  })));
8888
8889
  }
package/module/manifest.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "modules": [
5
5
  {
6
6
  "name": "@pie-lib/pie-toolbox-math-rendering-module",
7
- "version": "1.3.0"
7
+ "version": "1.4.0"
8
8
  },
9
9
  {
10
10
  "name": "@pie-lib/pie-toolbox-module",
package/module/print.js CHANGED
@@ -1,4 +1,4 @@
1
- import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.3.0/module/index.js";
1
+ import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.4.0/module/index.js";
2
2
  import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.0.0/module/index.js";
3
3
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
4
4
  function getDefaultExportFromCjs(x) {
@@ -8553,8 +8553,9 @@ const styles = theme => ({
8553
8553
  color: color.text()
8554
8554
  },
8555
8555
  tab: {
8556
- backgroundColor: color.background(),
8557
- fontSize: 'inherit'
8556
+ background: theme.palette.common.white,
8557
+ fontSize: 'inherit',
8558
+ color: theme.palette.common.black
8558
8559
  },
8559
8560
  stickyTabs: {
8560
8561
  background: color.background(),
@@ -8569,7 +8570,7 @@ const styles = theme => ({
8569
8570
  marginBottom: theme.spacing.unit
8570
8571
  },
8571
8572
  buttonContainer: {
8572
- background: color.background()
8573
+ background: theme.palette.common.white
8573
8574
  },
8574
8575
  tabContainer: {
8575
8576
  backgroundColor: color.background(),
@@ -8670,7 +8671,7 @@ class StimulusTabs extends React$1.Component {
8670
8671
  __self: this,
8671
8672
  __source: {
8672
8673
  fileName: _jsxFileName,
8673
- lineNumber: 126
8674
+ lineNumber: 127
8674
8675
  }
8675
8676
  });
8676
8677
  if (disabledTabs) {
@@ -8684,7 +8685,7 @@ class StimulusTabs extends React$1.Component {
8684
8685
  __self: this,
8685
8686
  __source: {
8686
8687
  fileName: _jsxFileName,
8687
- lineNumber: 139
8688
+ lineNumber: 140
8688
8689
  }
8689
8690
  }, teacherInstructionsDiv);
8690
8691
  }
@@ -8697,7 +8698,7 @@ class StimulusTabs extends React$1.Component {
8697
8698
  __self: this,
8698
8699
  __source: {
8699
8700
  fileName: _jsxFileName,
8700
- lineNumber: 156
8701
+ lineNumber: 157
8701
8702
  }
8702
8703
  }, tabs.map(tab => React$1.createElement('div', {
8703
8704
  key: tab.id,
@@ -8709,7 +8710,7 @@ class StimulusTabs extends React$1.Component {
8709
8710
  __self: this,
8710
8711
  __source: {
8711
8712
  fileName: _jsxFileName,
8712
- lineNumber: 158
8713
+ lineNumber: 159
8713
8714
  }
8714
8715
  }, React$1.createElement('div', {
8715
8716
  className: classes.tabContainer,
@@ -8719,7 +8720,7 @@ class StimulusTabs extends React$1.Component {
8719
8720
  __self: this,
8720
8721
  __source: {
8721
8722
  fileName: _jsxFileName,
8722
- lineNumber: 166
8723
+ lineNumber: 167
8723
8724
  }
8724
8725
  }, React$1.createElement('div', {
8725
8726
  className: classNames(classes.title, 'title'),
@@ -8729,14 +8730,14 @@ class StimulusTabs extends React$1.Component {
8729
8730
  __self: this,
8730
8731
  __source: {
8731
8732
  fileName: _jsxFileName,
8732
- lineNumber: 172
8733
+ lineNumber: 173
8733
8734
  }
8734
8735
  }), this.renderInstructions(showTeacherInstructions, tab.teacherInstructions, disabledTabs), React$1.createElement(Purpose, {
8735
8736
  purpose: "passage-text",
8736
8737
  __self: this,
8737
8738
  __source: {
8738
8739
  fileName: _jsxFileName,
8739
- lineNumber: 177
8740
+ lineNumber: 178
8740
8741
  }
8741
8742
  }, React$1.createElement('div', {
8742
8743
  className: "text",
@@ -8747,14 +8748,14 @@ class StimulusTabs extends React$1.Component {
8747
8748
  __self: this,
8748
8749
  __source: {
8749
8750
  fileName: _jsxFileName,
8750
- lineNumber: 178
8751
+ lineNumber: 179
8751
8752
  }
8752
8753
  })))))) : React$1.createElement('div', {
8753
8754
  className: classNames(classes.root, 'passages'),
8754
8755
  __self: this,
8755
8756
  __source: {
8756
8757
  fileName: _jsxFileName,
8757
- lineNumber: 185
8758
+ lineNumber: 186
8758
8759
  }
8759
8760
  }, React$1.createElement(Tabs, {
8760
8761
  classes: {
@@ -8766,7 +8767,7 @@ class StimulusTabs extends React$1.Component {
8766
8767
  __self: this,
8767
8768
  __source: {
8768
8769
  fileName: _jsxFileName,
8769
- lineNumber: 186
8770
+ lineNumber: 187
8770
8771
  }
8771
8772
  }, tabs.map(tab => React$1.createElement(Tab, {
8772
8773
  className: classes.tab,
@@ -8777,7 +8778,7 @@ class StimulusTabs extends React$1.Component {
8777
8778
  __self: this,
8778
8779
  __source: {
8779
8780
  fileName: _jsxFileName,
8780
- lineNumber: 200
8781
+ lineNumber: 201
8781
8782
  }
8782
8783
  }, React$1.createElement('span', {
8783
8784
  dangerouslySetInnerHTML: {
@@ -8786,7 +8787,7 @@ class StimulusTabs extends React$1.Component {
8786
8787
  __self: this,
8787
8788
  __source: {
8788
8789
  fileName: _jsxFileName,
8789
- lineNumber: 201
8790
+ lineNumber: 202
8790
8791
  }
8791
8792
  })),
8792
8793
  value: tab.id,
@@ -8798,7 +8799,7 @@ class StimulusTabs extends React$1.Component {
8798
8799
  __self: this,
8799
8800
  __source: {
8800
8801
  fileName: _jsxFileName,
8801
- lineNumber: 195
8802
+ lineNumber: 196
8802
8803
  }
8803
8804
  }))), tabs.map(tab => activeTab === tab.id ? React$1.createElement('div', {
8804
8805
  className: classes.tabContainer,
@@ -8809,14 +8810,14 @@ class StimulusTabs extends React$1.Component {
8809
8810
  __self: this,
8810
8811
  __source: {
8811
8812
  fileName: _jsxFileName,
8812
- lineNumber: 216
8813
+ lineNumber: 217
8813
8814
  }
8814
8815
  }, this.renderInstructions(showTeacherInstructions, tab.teacherInstructions), React$1.createElement(Purpose, {
8815
8816
  purpose: "passage-text",
8816
8817
  __self: this,
8817
8818
  __source: {
8818
8819
  fileName: _jsxFileName,
8819
- lineNumber: 225
8820
+ lineNumber: 226
8820
8821
  }
8821
8822
  }, React$1.createElement('div', {
8822
8823
  key: tab.id,
@@ -8826,7 +8827,7 @@ class StimulusTabs extends React$1.Component {
8826
8827
  __self: this,
8827
8828
  __source: {
8828
8829
  fileName: _jsxFileName,
8829
- lineNumber: 226
8830
+ lineNumber: 227
8830
8831
  }
8831
8832
  }))) : null));
8832
8833
  } else if (tabs && tabs[0]) {
@@ -8835,7 +8836,7 @@ class StimulusTabs extends React$1.Component {
8835
8836
  __self: this,
8836
8837
  __source: {
8837
8838
  fileName: _jsxFileName,
8838
- lineNumber: 237
8839
+ lineNumber: 238
8839
8840
  }
8840
8841
  }, React$1.createElement('div', {
8841
8842
  className: "text",
@@ -8845,7 +8846,7 @@ class StimulusTabs extends React$1.Component {
8845
8846
  __self: this,
8846
8847
  __source: {
8847
8848
  fileName: _jsxFileName,
8848
- lineNumber: 238
8849
+ lineNumber: 239
8849
8850
  }
8850
8851
  })));
8851
8852
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pie-element/passage",
3
- "version": "2.5.1-next.14+40702f121",
3
+ "version": "2.5.1-next.48+a8e4e6ab2",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -11,13 +11,13 @@
11
11
  "dependencies": {
12
12
  "@material-ui/core": "^3.9.2",
13
13
  "@pie-framework/pie-player-events": "^0.1.0",
14
- "@pie-lib/pie-toolbox": "1.10.0",
14
+ "@pie-lib/pie-toolbox": "1.11.1",
15
15
  "classnames": "^2.2.5",
16
16
  "prop-types": "^15.6.1",
17
17
  "react": "^16.8.1",
18
18
  "react-dom": "^16.8.1"
19
19
  },
20
- "gitHead": "40702f12145825f3032f9ad9c694707543a22812",
20
+ "gitHead": "a8e4e6ab27584435ce7ac3e964ccac2747402777",
21
21
  "scripts": {
22
22
  "postpublish": "../../scripts/postpublish"
23
23
  },