@pie-element/passage 3.1.3 → 3.1.4

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [3.1.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage@3.1.3...@pie-element/passage@3.1.4) (2024-10-22)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **passage:** check for content value as it is PD-4274 ([47e937a](https://github.com/pie-framework/pie-elements/commit/47e937ac7f2ad885798dc624e00d5b728bf07e69))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [3.1.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage@3.1.2...@pie-element/passage@3.1.3) (2024-10-15)
7
18
 
8
19
 
@@ -83,10 +83,6 @@ var styles = function styles(theme) {
83
83
  };
84
84
  };
85
85
 
86
- var getContent = function getContent(html) {
87
- return (html || '').replace(/(<(?!img|iframe)([^>]+)>)/gi, '');
88
- };
89
-
90
86
  var StimulusTabs = /*#__PURE__*/function (_React$Component) {
91
87
  (0, _inherits2["default"])(StimulusTabs, _React$Component);
92
88
 
@@ -202,7 +198,7 @@ var StimulusTabs = /*#__PURE__*/function (_React$Component) {
202
198
  value: function renderInstructions(teacherInstructions) {
203
199
  var disabledTabs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
204
200
 
205
- if (!getContent(teacherInstructions)) {
201
+ if (!teacherInstructions) {
206
202
  return;
207
203
  }
208
204
 
@@ -234,28 +230,28 @@ var StimulusTabs = /*#__PURE__*/function (_React$Component) {
234
230
  id: "tabpanel-".concat(tab.id),
235
231
  role: "tabpanel",
236
232
  "aria-labelledby": "button-".concat(tab.id)
237
- }, this.renderInstructions(tab.teacherInstructions, disabledTabs), (getContent(tab.title) || getContent(tab.subtitle)) && /*#__PURE__*/_react["default"].createElement("h2", null, getContent(tab.title) && /*#__PURE__*/_react["default"].createElement(_renderUi.Purpose, {
233
+ }, this.renderInstructions(tab.teacherInstructions, disabledTabs), (tab.title || tab.subtitle) && /*#__PURE__*/_react["default"].createElement("h2", null, tab.title && /*#__PURE__*/_react["default"].createElement(_renderUi.Purpose, {
238
234
  purpose: "passage-title"
239
235
  }, /*#__PURE__*/_react["default"].createElement("div", {
240
236
  className: (0, _classnames["default"])(classes.passageTitle, 'title'),
241
237
  dangerouslySetInnerHTML: {
242
238
  __html: this.parsedText(tab.title)
243
239
  }
244
- })), getContent(tab.subtitle) && /*#__PURE__*/_react["default"].createElement(_renderUi.Purpose, {
240
+ })), tab.subtitle && /*#__PURE__*/_react["default"].createElement(_renderUi.Purpose, {
245
241
  purpose: "passage-subtitle"
246
242
  }, /*#__PURE__*/_react["default"].createElement("div", {
247
243
  className: (0, _classnames["default"])(classes.passageSubtitle, 'subtitle'),
248
244
  dangerouslySetInnerHTML: {
249
245
  __html: this.parsedText(tab.subtitle)
250
246
  }
251
- }))), getContent(tab.author) && /*#__PURE__*/_react["default"].createElement(_renderUi.Purpose, {
247
+ }))), tab.author && /*#__PURE__*/_react["default"].createElement(_renderUi.Purpose, {
252
248
  purpose: "passage-author"
253
249
  }, /*#__PURE__*/_react["default"].createElement("div", {
254
250
  className: (0, _classnames["default"])(classes.passageAuthor, 'author'),
255
251
  dangerouslySetInnerHTML: {
256
252
  __html: this.parsedText(tab.author)
257
253
  }
258
- })), getContent(tab.text) && /*#__PURE__*/_react["default"].createElement(_renderUi.Purpose, {
254
+ })), tab.text && /*#__PURE__*/_react["default"].createElement(_renderUi.Purpose, {
259
255
  purpose: "passage-text"
260
256
  }, /*#__PURE__*/_react["default"].createElement("div", {
261
257
  key: tab.id,
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/stimulus-tabs.jsx"],"names":["styles","theme","passages","flexGrow","backgroundColor","color","background","text","passage","padding","spacing","unit","passageTitle","fontSize","passageSubtitle","passageAuthor","passageText","stickyTabs","position","top","tab","palette","common","white","black","tabButton","teacherInstructions","marginBottom","getContent","html","replace","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","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","disabledTabs","teacherInstructionsDiv","hidden","visible","classes","renderInstructions","title","subtitle","__html","parsedText","author","state","selectedTab","find","map","renderTab","root","flexContainer","label","handleKeyDown","React","Component","propTypes","PropTypes","object","isRequired","arrayOf","shape","number","string","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,QAAQ,EAAE,CADF;AAERC,MAAAA,eAAe,EAAEC,gBAAMC,UAAN,EAFT;AAGRD,MAAAA,KAAK,EAAEA,gBAAME,IAAN;AAHC,KADe;AAMzBC,IAAAA,OAAO,EAAE;AACPJ,MAAAA,eAAe,EAAEC,gBAAMC,UAAN,EADV;AAEPD,MAAAA,KAAK,EAAEA,gBAAME,IAAN,EAFA;AAGPE,MAAAA,OAAO,EAAER,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB;AAHvB,KANgB;AAWzBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,QAAQ,EAAE;AADE,KAXW;AAczBC,IAAAA,eAAe,EAAE;AACfD,MAAAA,QAAQ,EAAE;AADK,KAdQ;AAiBzBE,IAAAA,aAAa,EAAE;AACbF,MAAAA,QAAQ,EAAE;AADG,KAjBU;AAoBzBG,IAAAA,WAAW,EAAE,EApBY;AAqBzBC,IAAAA,UAAU,EAAE;AACVX,MAAAA,UAAU,EAAED,gBAAMC,UAAN,EADF;AAEVY,MAAAA,QAAQ,EAAE,QAFA;AAGVC,MAAAA,GAAG,EAAE;AAHK,KArBa;AA0BzBC,IAAAA,GAAG,EAAE;AACHd,MAAAA,UAAU,EAAEL,KAAK,CAACoB,OAAN,CAAcC,MAAd,CAAqBC,KAD9B;AACqC;AACxCV,MAAAA,QAAQ,EAAE,SAFP;AAGHR,MAAAA,KAAK,EAAEJ,KAAK,CAACoB,OAAN,CAAcC,MAAd,CAAqBE,KAHzB,CAGgC;;AAHhC,KA1BoB;AA+BzBC,IAAAA,SAAS,EAAE;AACTnB,MAAAA,UAAU,EAAEL,KAAK,CAACoB,OAAN,CAAcC,MAAd,CAAqBC,KADxB,CAC+B;;AAD/B,KA/Bc;AAkCzBG,IAAAA,mBAAmB,EAAE;AACnBC,MAAAA,YAAY,EAAE1B,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB;AADhB;AAlCI,GAAZ;AAAA,CAAf;;AAuCA,IAAMiB,UAAU,GAAG,SAAbA,UAAa,CAACC,IAAD;AAAA,SAAU,CAACA,IAAI,IAAI,EAAT,EAAaC,OAAb,CAAqB,6BAArB,EAAoD,EAApD,CAAV;AAAA,CAAnB;;IAEMC,Y;;;;;;;;;;;;;;;8FACI;AACNC,MAAAA,SAAS,EAAE;AADL,K;qGAIO,UAACC,KAAD,EAAQD,SAAR,EAAsB;AACnC,YAAKE,QAAL,CAAc;AAAA,eAAO;AAAEF,UAAAA,SAAS,EAATA;AAAF,SAAP;AAAA,OAAd;;AAEAG,MAAAA,UAAU,CAAC,YAAM;AACf,YAAMC,cAAc,GAAG,IAAIC,WAAJ,CAAgB,2BAAhB,EAA6C;AAClEC,UAAAA,MAAM,EAAE;AAAElB,YAAAA,GAAG,EAAEY;AAAP;AAD0D,SAA7C,CAAvB;AAIAO,QAAAA,MAAM,CAACC,aAAP,CAAqBJ,cAArB;AACD,OANS,CAAV;AAOD,K;sGAEe,UAACH,KAAD,EAAQQ,YAAR,EAAyB;AACvC,UAAQC,GAAR,GAAgBT,KAAhB,CAAQS,GAAR;AACA,UAAQC,IAAR,GAAiB,MAAKC,KAAtB,CAAQD,IAAR;AAEA,UAAIE,WAAW,GAAG,CAAC,CAAnB;AACA,UAAMC,YAAY,GAAGH,IAAI,CAACI,SAAL,CAAe,UAAC3B,GAAD;AAAA,eAASA,GAAG,CAAC4B,EAAJ,KAAWP,YAApB;AAAA,OAAf,CAArB;;AAEA,cAAQC,GAAR;AACE,aAAK,YAAL;AACE;AACAG,UAAAA,WAAW,GAAG,CAACC,YAAY,GAAG,CAAhB,IAAqBH,IAAI,CAACM,MAAxC;AACA;;AACF,aAAK,WAAL;AACE;AACAJ,UAAAA,WAAW,GAAG,CAACC,YAAY,GAAG,CAAf,GAAmBH,IAAI,CAACM,MAAzB,IAAmCN,IAAI,CAACM,MAAtD;AACA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,aAAK,MAAL;AACE;AACAJ,UAAAA,WAAW,GAAG,CAAd;AACA;;AACF,aAAK,KAAL;AACE;AACAA,UAAAA,WAAW,GAAGF,IAAI,CAACM,MAAL,GAAc,CAA5B;AACA;;AACF,aAAK,OAAL;AACA,aAAK,GAAL;AACE;AACAJ,UAAAA,WAAW,GAAGC,YAAd;AACA;;AACF;AACE;AAhCJ;;AAmCA,UAAID,WAAW,KAAK,CAAC,CAArB,EAAwB;AACtBZ,QAAAA,KAAK,CAACiB,cAAN;;AACA,cAAKC,YAAL,CAAkBlB,KAAlB,EAAyBU,IAAI,CAACE,WAAD,CAAJ,CAAkBG,EAA3C;;AACAI,QAAAA,QAAQ,CAACC,cAAT,kBAAkCV,IAAI,CAACE,WAAD,CAAJ,CAAkBG,EAApD,GAA0DM,KAA1D;AACD;AACF,K;mGAEY,YAAe;AAAA,UAAd/C,IAAc,uEAAP,EAAO;AAC1B;AACA,UAAMgD,GAAG,GAAGH,QAAQ,CAACI,aAAT,CAAuB,KAAvB,CAAZ;AACAD,MAAAA,GAAG,CAACE,SAAJ,GAAgBlD,IAAI,CAACuB,OAAL,CAAa,aAAb,EAA4B,OAA5B,CAAhB;AAEA,UAAM4B,KAAK,GAAGH,GAAG,CAACI,aAAJ,CAAkB,OAAlB,CAAd;;AAEA,UAAID,KAAJ,EAAW;AACT,YAAME,MAAM,GAAGR,QAAQ,CAACI,aAAT,CAAuB,QAAvB,CAAf;AAEAI,QAAAA,MAAM,CAACC,YAAP,CAAoB,MAApB,EAA4B,WAA5B;AACAD,QAAAA,MAAM,CAACC,YAAP,CAAoB,KAApB,EAA2BH,KAAK,CAACI,YAAN,CAAmB,KAAnB,CAA3B;AAEAJ,QAAAA,KAAK,CAACK,eAAN,CAAsB,KAAtB;AACAL,QAAAA,KAAK,CAACM,WAAN,CAAkBJ,MAAlB;AACD;;AAED,aAAOL,GAAG,CAACE,SAAX;AACD,K;;;;;;WAED,4BAAmB/B,mBAAnB,EAA8D;AAAA,UAAtBuC,YAAsB,uEAAP,KAAO;;AAC5D,UAAI,CAACrC,UAAU,CAACF,mBAAD,CAAf,EAAsC;AACpC;AACD;;AAED,UAAMwC,sBAAsB,gBAC1B,gCAAC,uBAAD;AACE,QAAA,OAAO,EAAC,KADV;AAEE,QAAA,SAAS,EAAC,QAFZ;AAGE,QAAA,gBAAgB,EAAC,sBAHnB;AAIE,QAAA,MAAM,EAAExC;AAJV,QADF;;AASA,UAAIuC,YAAJ,EAAkB;AAChB,eAAOC,sBAAP;AACD;;AAED,0BACE,gCAAC,qBAAD;AACE,QAAA,MAAM,EAAE;AACNC,UAAAA,MAAM,EAAE,2BADF;AAENC,UAAAA,OAAO,EAAE;AAFH;AADV,SAMGF,sBANH,CADF;AAUD;;;WAED,mBAAU9C,GAAV,EAAe6C,YAAf,EAA6B;AAC3B,UAAQI,OAAR,GAAoB,KAAKzB,KAAzB,CAAQyB,OAAR;AAEA,0BACE;AACE,QAAA,SAAS,EAAE,4BAAWA,OAAO,CAAC7D,OAAnB,EAA4B,SAA5B,CADb;AAEE,QAAA,GAAG,EAAEY,GAAG,CAAC4B,EAFX;AAGE,QAAA,EAAE,qBAAc5B,GAAG,CAAC4B,EAAlB,CAHJ;AAIE,QAAA,IAAI,EAAC,UAJP;AAKE,4CAA2B5B,GAAG,CAAC4B,EAA/B;AALF,SAOG,KAAKsB,kBAAL,CAAwBlD,GAAG,CAACM,mBAA5B,EAAiDuC,YAAjD,CAPH,EASG,CAACrC,UAAU,CAACR,GAAG,CAACmD,KAAL,CAAV,IAAyB3C,UAAU,CAACR,GAAG,CAACoD,QAAL,CAApC,kBACC,4CACG5C,UAAU,CAACR,GAAG,CAACmD,KAAL,CAAV,iBACC,gCAAC,iBAAD;AAAS,QAAA,OAAO,EAAC;AAAjB,sBACE;AACE,QAAA,SAAS,EAAE,4BAAWF,OAAO,CAACzD,YAAnB,EAAiC,OAAjC,CADb;AAEE,QAAA,uBAAuB,EAAE;AAAE6D,UAAAA,MAAM,EAAE,KAAKC,UAAL,CAAgBtD,GAAG,CAACmD,KAApB;AAAV;AAF3B,QADF,CAFJ,EASG3C,UAAU,CAACR,GAAG,CAACoD,QAAL,CAAV,iBACC,gCAAC,iBAAD;AAAS,QAAA,OAAO,EAAC;AAAjB,sBACE;AACE,QAAA,SAAS,EAAE,4BAAWH,OAAO,CAACvD,eAAnB,EAAoC,UAApC,CADb;AAEE,QAAA,uBAAuB,EAAE;AAAE2D,UAAAA,MAAM,EAAE,KAAKC,UAAL,CAAgBtD,GAAG,CAACoD,QAApB;AAAV;AAF3B,QADF,CAVJ,CAVJ,EA8BG5C,UAAU,CAACR,GAAG,CAACuD,MAAL,CAAV,iBACC,gCAAC,iBAAD;AAAS,QAAA,OAAO,EAAC;AAAjB,sBACE;AACE,QAAA,SAAS,EAAE,4BAAWN,OAAO,CAACtD,aAAnB,EAAkC,QAAlC,CADb;AAEE,QAAA,uBAAuB,EAAE;AAAE0D,UAAAA,MAAM,EAAE,KAAKC,UAAL,CAAgBtD,GAAG,CAACuD,MAApB;AAAV;AAF3B,QADF,CA/BJ,EAuCG/C,UAAU,CAACR,GAAG,CAACb,IAAL,CAAV,iBACC,gCAAC,iBAAD;AAAS,QAAA,OAAO,EAAC;AAAjB,sBACE;AACE,QAAA,GAAG,EAAEa,GAAG,CAAC4B,EADX;AAEE,QAAA,SAAS,EAAE,4BAAWqB,OAAO,CAACrD,WAAnB,EAAgC,MAAhC,CAFb;AAGE,QAAA,uBAAuB,EAAE;AAAEyD,UAAAA,MAAM,EAAE,KAAKC,UAAL,CAAgBtD,GAAG,CAACb,IAApB;AAAV;AAH3B,QADF,CAxCJ,CADF;AAmDD;;;WAED,kBAAS;AAAA;;AACP,wBAAwC,KAAKqC,KAA7C;AAAA,UAAQyB,OAAR,eAAQA,OAAR;AAAA,UAAiB1B,IAAjB,eAAiBA,IAAjB;AAAA,UAAuBsB,YAAvB,eAAuBA,YAAvB;AACA,UAAQjC,SAAR,GAAsB,KAAK4C,KAA3B,CAAQ5C,SAAR;;AAEA,UAAI,EAACW,IAAD,aAACA,IAAD,eAACA,IAAI,CAAEM,MAAP,CAAJ,EAAmB;AACjB;AACD;;AAED,UAAM4B,WAAW,GAAG,CAAClC,IAAI,IAAI,EAAT,EAAamC,IAAb,CAAkB,UAAC1D,GAAD;AAAA,eAASA,GAAG,CAAC4B,EAAJ,KAAWhB,SAApB;AAAA,OAAlB,CAApB;AAEA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWqC,OAAO,CAACnE,QAAnB,EAA6B,UAA7B;AAAhB,SACG+D,YAAY,IAAItB,IAAI,CAACM,MAAL,KAAgB,CAAhC,GACCN,IAAI,CAACoC,GAAL,CAAS,UAAC3D,GAAD;AAAA,eAAS,MAAI,CAAC4D,SAAL,CAAe5D,GAAf,EAAoB6C,YAApB,CAAT;AAAA,OAAT,CADD,gBAGC,+EACE,gCAAC,gBAAD;AACE,QAAA,OAAO,EAAE;AACPgB,UAAAA,IAAI,EAAEZ,OAAO,CAACpD,UADP;AAEPiE,UAAAA,aAAa,EAAEb,OAAO,CAAC5C;AAFhB,SADX;AAKE,QAAA,KAAK,EAAEO,SALT;AAME,QAAA,QAAQ,EAAE,KAAKmB;AANjB,SAQGR,IAAI,CAACoC,GAAL,CAAS,UAAC3D,GAAD;AAAA,4BACR,gCAAC,eAAD;AACE,UAAA,SAAS,EAAEiD,OAAO,CAACjD,GADrB;AAEE,UAAA,GAAG,EAAEA,GAAG,CAAC4B,EAFX;AAGE,UAAA,EAAE,mBAAY5B,GAAG,CAAC4B,EAAhB,CAHJ;AAIE,UAAA,KAAK,eACH,gCAAC,iBAAD;AAAS,YAAA,OAAO,EAAC;AAAjB,0BACE;AAAM,YAAA,uBAAuB,EAAE;AAAEyB,cAAAA,MAAM,EAAE,MAAI,CAACC,UAAL,CAAgBtD,GAAG,CAAC+D,KAApB;AAAV;AAA/B,YADF,CALJ;AASE,UAAA,KAAK,EAAE/D,GAAG,CAAC4B,EATb;AAUE,UAAA,QAAQ,EAAEhB,SAAS,KAAKZ,GAAG,CAAC4B,EAAlB,GAAuB,CAAvB,GAA2B,CAAC,CAVxC;AAWE,8CAA2B5B,GAAG,CAAC4B,EAA/B,CAXF;AAYE,2BAAehB,SAAS,KAAKZ,GAAG,CAAC4B,EAZnC;AAaE,UAAA,OAAO,EAAE;AAAA,mBAAM,MAAI,CAACG,YAAL,CAAkB,IAAlB,EAAwB/B,GAAG,CAAC4B,EAA5B,CAAN;AAAA,WAbX;AAcE,UAAA,SAAS,EAAE,mBAACf,KAAD;AAAA,mBAAW,MAAI,CAACmD,aAAL,CAAmBnD,KAAnB,EAA0Bb,GAAG,CAAC4B,EAA9B,CAAX;AAAA;AAdb,UADQ;AAAA,OAAT,CARH,CADF,EA4BG6B,WAAW,GAAG,KAAKG,SAAL,CAAeH,WAAf,EAA4BZ,YAA5B,CAAH,GAA+C,IA5B7D,CAJJ,CADF;AAsCD;;;EA5NwBoB,kBAAMC,S;;AA+NjCvD,YAAY,CAACwD,SAAb,GAAyB;AACvBlB,EAAAA,OAAO,EAAEmB,sBAAUC,MAAV,CAAiBC,UADH;AAEvB/C,EAAAA,IAAI,EAAE6C,sBAAUG,OAAV,CACJH,sBAAUI,KAAV,CAAgB;AACd5C,IAAAA,EAAE,EAAEwC,sBAAUK,MAAV,CAAiBH,UADP;AAEdP,IAAAA,KAAK,EAAEK,sBAAUM,MAAV,CAAiBJ,UAFV;AAGdnB,IAAAA,KAAK,EAAEiB,sBAAUM,MAAV,CAAiBJ,UAHV;AAIdlB,IAAAA,QAAQ,EAAEgB,sBAAUM,MAJN;AAKdnB,IAAAA,MAAM,EAAEa,sBAAUM,MALJ;AAMdvF,IAAAA,IAAI,EAAEiF,sBAAUM,MAAV,CAAiBJ,UANT;AAOdhE,IAAAA,mBAAmB,EAAE8D,sBAAUM;AAPjB,GAAhB,EAQGJ,UATC,EAUJA,UAZqB;AAavBzB,EAAAA,YAAY,EAAEuB,sBAAUO;AAbD,CAAzB;;eAgBe,wBAAW/F,MAAX,EAAmB+B,YAAnB,C","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 passages: {\n flexGrow: 1,\n backgroundColor: color.background(),\n color: color.text(),\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\nconst getContent = (html) => (html || '').replace(/(<(?!img|iframe)([^>]+)>)/gi, '');\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 (!getContent(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 {(getContent(tab.title) || getContent(tab.subtitle)) && (\n <h2>\n {getContent(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 {getContent(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 {getContent(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 {getContent(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, tabs, disabledTabs } = this.props;\n const { activeTab } = this.state;\n\n if (!tabs?.length) {\n return;\n }\n\n const selectedTab = (tabs || []).find((tab) => tab.id === activeTab);\n\n return (\n <div 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 </div>\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"}
1
+ {"version":3,"sources":["../src/stimulus-tabs.jsx"],"names":["styles","theme","passages","flexGrow","backgroundColor","color","background","text","passage","padding","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","state","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 } from '@pie-lib/pie-toolbox/render-ui';\nimport classNames from 'classnames';\n\nconst styles = (theme) => ({\n passages: {\n flexGrow: 1,\n backgroundColor: color.background(),\n color: color.text(),\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, tabs, disabledTabs } = this.props;\n const { activeTab } = this.state;\n\n if (!tabs?.length) {\n return;\n }\n\n const selectedTab = (tabs || []).find((tab) => tab.id === activeTab);\n\n return (\n <div 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 </div>\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"}
@@ -1,4 +1,4 @@
1
- import {_dll_react, _dll_prop_types, _dll_react_dom} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.11/module/index.js";
1
+ import {_dll_react, _dll_prop_types, _dll_react_dom} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.12/module/index.js";
2
2
  import {_dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_editable_html} from "../../../@pie-lib/pie-toolbox-module@5.0.7/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) {
package/module/element.js CHANGED
@@ -1,4 +1,4 @@
1
- import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.11/module/index.js";
1
+ import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.12/module/index.js";
2
2
  import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.7/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) {
@@ -8642,7 +8642,6 @@ const styles = theme => ({
8642
8642
  marginBottom: theme.spacing.unit * 2
8643
8643
  }
8644
8644
  });
8645
- const getContent = html => (html || '').replace(/(<(?!img|iframe)([^>]+)>)/gi, '');
8646
8645
  class StimulusTabs extends React$1.Component {
8647
8646
  constructor(...args) {
8648
8647
  super(...args);
@@ -8718,7 +8717,7 @@ class StimulusTabs extends React$1.Component {
8718
8717
  };
8719
8718
  }
8720
8719
  renderInstructions(teacherInstructions, disabledTabs = false) {
8721
- if (!getContent(teacherInstructions)) {
8720
+ if (!teacherInstructions) {
8722
8721
  return;
8723
8722
  }
8724
8723
  const teacherInstructionsDiv = React$1.createElement(PreviewPrompt, {
@@ -8729,7 +8728,7 @@ class StimulusTabs extends React$1.Component {
8729
8728
  __self: this,
8730
8729
  __source: {
8731
8730
  fileName: _jsxFileName,
8732
- lineNumber: 142
8731
+ lineNumber: 140
8733
8732
  }
8734
8733
  });
8735
8734
  if (disabledTabs) {
@@ -8743,7 +8742,7 @@ class StimulusTabs extends React$1.Component {
8743
8742
  __self: this,
8744
8743
  __source: {
8745
8744
  fileName: _jsxFileName,
8746
- lineNumber: 155
8745
+ lineNumber: 153
8747
8746
  }
8748
8747
  }, teacherInstructionsDiv);
8749
8748
  }
@@ -8758,20 +8757,20 @@ class StimulusTabs extends React$1.Component {
8758
8757
  __self: this,
8759
8758
  __source: {
8760
8759
  fileName: _jsxFileName,
8761
- lineNumber: 170
8760
+ lineNumber: 168
8762
8761
  }
8763
- }, this.renderInstructions(tab.teacherInstructions, disabledTabs), (getContent(tab.title) || getContent(tab.subtitle)) && React$1.createElement('h2', {
8762
+ }, this.renderInstructions(tab.teacherInstructions, disabledTabs), (tab.title || tab.subtitle) && React$1.createElement('h2', {
8764
8763
  __self: this,
8765
8764
  __source: {
8766
8765
  fileName: _jsxFileName,
8767
- lineNumber: 180
8766
+ lineNumber: 178
8768
8767
  }
8769
- }, getContent(tab.title) && React$1.createElement(Purpose, {
8768
+ }, tab.title && React$1.createElement(Purpose, {
8770
8769
  purpose: "passage-title",
8771
8770
  __self: this,
8772
8771
  __source: {
8773
8772
  fileName: _jsxFileName,
8774
- lineNumber: 182
8773
+ lineNumber: 180
8775
8774
  }
8776
8775
  }, React$1.createElement('div', {
8777
8776
  className: classNames(classes.passageTitle, 'title'),
@@ -8781,14 +8780,14 @@ class StimulusTabs extends React$1.Component {
8781
8780
  __self: this,
8782
8781
  __source: {
8783
8782
  fileName: _jsxFileName,
8784
- lineNumber: 183
8783
+ lineNumber: 181
8785
8784
  }
8786
- })), getContent(tab.subtitle) && React$1.createElement(Purpose, {
8785
+ })), tab.subtitle && React$1.createElement(Purpose, {
8787
8786
  purpose: "passage-subtitle",
8788
8787
  __self: this,
8789
8788
  __source: {
8790
8789
  fileName: _jsxFileName,
8791
- lineNumber: 190
8790
+ lineNumber: 188
8792
8791
  }
8793
8792
  }, React$1.createElement('div', {
8794
8793
  className: classNames(classes.passageSubtitle, 'subtitle'),
@@ -8798,14 +8797,14 @@ class StimulusTabs extends React$1.Component {
8798
8797
  __self: this,
8799
8798
  __source: {
8800
8799
  fileName: _jsxFileName,
8801
- lineNumber: 191
8800
+ lineNumber: 189
8802
8801
  }
8803
- }))), getContent(tab.author) && React$1.createElement(Purpose, {
8802
+ }))), tab.author && React$1.createElement(Purpose, {
8804
8803
  purpose: "passage-author",
8805
8804
  __self: this,
8806
8805
  __source: {
8807
8806
  fileName: _jsxFileName,
8808
- lineNumber: 201
8807
+ lineNumber: 199
8809
8808
  }
8810
8809
  }, React$1.createElement('div', {
8811
8810
  className: classNames(classes.passageAuthor, 'author'),
@@ -8815,14 +8814,14 @@ class StimulusTabs extends React$1.Component {
8815
8814
  __self: this,
8816
8815
  __source: {
8817
8816
  fileName: _jsxFileName,
8818
- lineNumber: 202
8817
+ lineNumber: 200
8819
8818
  }
8820
- })), getContent(tab.text) && React$1.createElement(Purpose, {
8819
+ })), tab.text && React$1.createElement(Purpose, {
8821
8820
  purpose: "passage-text",
8822
8821
  __self: this,
8823
8822
  __source: {
8824
8823
  fileName: _jsxFileName,
8825
- lineNumber: 210
8824
+ lineNumber: 208
8826
8825
  }
8827
8826
  }, React$1.createElement('div', {
8828
8827
  key: tab.id,
@@ -8833,7 +8832,7 @@ class StimulusTabs extends React$1.Component {
8833
8832
  __self: this,
8834
8833
  __source: {
8835
8834
  fileName: _jsxFileName,
8836
- lineNumber: 211
8835
+ lineNumber: 209
8837
8836
  }
8838
8837
  })));
8839
8838
  }
@@ -8849,7 +8848,7 @@ class StimulusTabs extends React$1.Component {
8849
8848
  __self: this,
8850
8849
  __source: {
8851
8850
  fileName: _jsxFileName,
8852
- lineNumber: 233
8851
+ lineNumber: 231
8853
8852
  }
8854
8853
  }, disabledTabs || tabs.length === 1 ? tabs.map(tab => this.renderTab(tab, disabledTabs)) : React$1.createElement(React$1.Fragment, null, React$1.createElement(Tabs, {
8855
8854
  classes: {
@@ -8861,7 +8860,7 @@ class StimulusTabs extends React$1.Component {
8861
8860
  __self: this,
8862
8861
  __source: {
8863
8862
  fileName: _jsxFileName,
8864
- lineNumber: 238
8863
+ lineNumber: 236
8865
8864
  }
8866
8865
  }, tabs.map(tab => React$1.createElement(Tab, {
8867
8866
  className: classes.tab,
@@ -8872,7 +8871,7 @@ class StimulusTabs extends React$1.Component {
8872
8871
  __self: this,
8873
8872
  __source: {
8874
8873
  fileName: _jsxFileName,
8875
- lineNumber: 252
8874
+ lineNumber: 250
8876
8875
  }
8877
8876
  }, React$1.createElement('span', {
8878
8877
  dangerouslySetInnerHTML: {
@@ -8881,7 +8880,7 @@ class StimulusTabs extends React$1.Component {
8881
8880
  __self: this,
8882
8881
  __source: {
8883
8882
  fileName: _jsxFileName,
8884
- lineNumber: 253
8883
+ lineNumber: 251
8885
8884
  }
8886
8885
  })),
8887
8886
  value: tab.id,
@@ -8893,7 +8892,7 @@ class StimulusTabs extends React$1.Component {
8893
8892
  __self: this,
8894
8893
  __source: {
8895
8894
  fileName: _jsxFileName,
8896
- lineNumber: 247
8895
+ lineNumber: 245
8897
8896
  }
8898
8897
  }))), selectedTab ? this.renderTab(selectedTab, disabledTabs) : null));
8899
8898
  }
package/module/index.html CHANGED
@@ -2,7 +2,7 @@
2
2
  <!doctype html>
3
3
  <html>
4
4
  <head>
5
- <title>@pie-element/passage@3.1.2</title>
5
+ <title>@pie-element/passage@3.1.3</title>
6
6
  <script
7
7
  type="module"
8
8
  src="https://cdn.jsdelivr.net/npm/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@pie-element/passage",
3
- "version": "3.1.2",
3
+ "version": "3.1.3",
4
4
  "modules": [
5
5
  {
6
6
  "name": "@pie-lib/pie-toolbox-math-rendering-module",
7
- "version": "2.0.11"
7
+ "version": "2.0.12"
8
8
  },
9
9
  {
10
10
  "name": "@pie-lib/pie-toolbox-module",
package/module/print.html CHANGED
@@ -2,7 +2,7 @@
2
2
  <!doctype html>
3
3
  <html>
4
4
  <head>
5
- <title>@pie-element/passage@3.1.2</title>
5
+ <title>@pie-element/passage@3.1.3</title>
6
6
  <link
7
7
  href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
8
8
  rel="stylesheet"
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@2.0.11/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@2.0.12/module/index.js";
2
2
  import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.7/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) {
@@ -8605,7 +8605,6 @@ const styles = theme => ({
8605
8605
  marginBottom: theme.spacing.unit * 2
8606
8606
  }
8607
8607
  });
8608
- const getContent = html => (html || '').replace(/(<(?!img|iframe)([^>]+)>)/gi, '');
8609
8608
  class StimulusTabs extends React$1.Component {
8610
8609
  constructor(...args) {
8611
8610
  super(...args);
@@ -8681,7 +8680,7 @@ class StimulusTabs extends React$1.Component {
8681
8680
  };
8682
8681
  }
8683
8682
  renderInstructions(teacherInstructions, disabledTabs = false) {
8684
- if (!getContent(teacherInstructions)) {
8683
+ if (!teacherInstructions) {
8685
8684
  return;
8686
8685
  }
8687
8686
  const teacherInstructionsDiv = React$1.createElement(PreviewPrompt, {
@@ -8692,7 +8691,7 @@ class StimulusTabs extends React$1.Component {
8692
8691
  __self: this,
8693
8692
  __source: {
8694
8693
  fileName: _jsxFileName,
8695
- lineNumber: 142
8694
+ lineNumber: 140
8696
8695
  }
8697
8696
  });
8698
8697
  if (disabledTabs) {
@@ -8706,7 +8705,7 @@ class StimulusTabs extends React$1.Component {
8706
8705
  __self: this,
8707
8706
  __source: {
8708
8707
  fileName: _jsxFileName,
8709
- lineNumber: 155
8708
+ lineNumber: 153
8710
8709
  }
8711
8710
  }, teacherInstructionsDiv);
8712
8711
  }
@@ -8721,20 +8720,20 @@ class StimulusTabs extends React$1.Component {
8721
8720
  __self: this,
8722
8721
  __source: {
8723
8722
  fileName: _jsxFileName,
8724
- lineNumber: 170
8723
+ lineNumber: 168
8725
8724
  }
8726
- }, this.renderInstructions(tab.teacherInstructions, disabledTabs), (getContent(tab.title) || getContent(tab.subtitle)) && React$1.createElement('h2', {
8725
+ }, this.renderInstructions(tab.teacherInstructions, disabledTabs), (tab.title || tab.subtitle) && React$1.createElement('h2', {
8727
8726
  __self: this,
8728
8727
  __source: {
8729
8728
  fileName: _jsxFileName,
8730
- lineNumber: 180
8729
+ lineNumber: 178
8731
8730
  }
8732
- }, getContent(tab.title) && React$1.createElement(Purpose, {
8731
+ }, tab.title && React$1.createElement(Purpose, {
8733
8732
  purpose: "passage-title",
8734
8733
  __self: this,
8735
8734
  __source: {
8736
8735
  fileName: _jsxFileName,
8737
- lineNumber: 182
8736
+ lineNumber: 180
8738
8737
  }
8739
8738
  }, React$1.createElement('div', {
8740
8739
  className: classNames(classes.passageTitle, 'title'),
@@ -8744,14 +8743,14 @@ class StimulusTabs extends React$1.Component {
8744
8743
  __self: this,
8745
8744
  __source: {
8746
8745
  fileName: _jsxFileName,
8747
- lineNumber: 183
8746
+ lineNumber: 181
8748
8747
  }
8749
- })), getContent(tab.subtitle) && React$1.createElement(Purpose, {
8748
+ })), tab.subtitle && React$1.createElement(Purpose, {
8750
8749
  purpose: "passage-subtitle",
8751
8750
  __self: this,
8752
8751
  __source: {
8753
8752
  fileName: _jsxFileName,
8754
- lineNumber: 190
8753
+ lineNumber: 188
8755
8754
  }
8756
8755
  }, React$1.createElement('div', {
8757
8756
  className: classNames(classes.passageSubtitle, 'subtitle'),
@@ -8761,14 +8760,14 @@ class StimulusTabs extends React$1.Component {
8761
8760
  __self: this,
8762
8761
  __source: {
8763
8762
  fileName: _jsxFileName,
8764
- lineNumber: 191
8763
+ lineNumber: 189
8765
8764
  }
8766
- }))), getContent(tab.author) && React$1.createElement(Purpose, {
8765
+ }))), tab.author && React$1.createElement(Purpose, {
8767
8766
  purpose: "passage-author",
8768
8767
  __self: this,
8769
8768
  __source: {
8770
8769
  fileName: _jsxFileName,
8771
- lineNumber: 201
8770
+ lineNumber: 199
8772
8771
  }
8773
8772
  }, React$1.createElement('div', {
8774
8773
  className: classNames(classes.passageAuthor, 'author'),
@@ -8778,14 +8777,14 @@ class StimulusTabs extends React$1.Component {
8778
8777
  __self: this,
8779
8778
  __source: {
8780
8779
  fileName: _jsxFileName,
8781
- lineNumber: 202
8780
+ lineNumber: 200
8782
8781
  }
8783
- })), getContent(tab.text) && React$1.createElement(Purpose, {
8782
+ })), tab.text && React$1.createElement(Purpose, {
8784
8783
  purpose: "passage-text",
8785
8784
  __self: this,
8786
8785
  __source: {
8787
8786
  fileName: _jsxFileName,
8788
- lineNumber: 210
8787
+ lineNumber: 208
8789
8788
  }
8790
8789
  }, React$1.createElement('div', {
8791
8790
  key: tab.id,
@@ -8796,7 +8795,7 @@ class StimulusTabs extends React$1.Component {
8796
8795
  __self: this,
8797
8796
  __source: {
8798
8797
  fileName: _jsxFileName,
8799
- lineNumber: 211
8798
+ lineNumber: 209
8800
8799
  }
8801
8800
  })));
8802
8801
  }
@@ -8812,7 +8811,7 @@ class StimulusTabs extends React$1.Component {
8812
8811
  __self: this,
8813
8812
  __source: {
8814
8813
  fileName: _jsxFileName,
8815
- lineNumber: 233
8814
+ lineNumber: 231
8816
8815
  }
8817
8816
  }, disabledTabs || tabs.length === 1 ? tabs.map(tab => this.renderTab(tab, disabledTabs)) : React$1.createElement(React$1.Fragment, null, React$1.createElement(Tabs, {
8818
8817
  classes: {
@@ -8824,7 +8823,7 @@ class StimulusTabs extends React$1.Component {
8824
8823
  __self: this,
8825
8824
  __source: {
8826
8825
  fileName: _jsxFileName,
8827
- lineNumber: 238
8826
+ lineNumber: 236
8828
8827
  }
8829
8828
  }, tabs.map(tab => React$1.createElement(Tab, {
8830
8829
  className: classes.tab,
@@ -8835,7 +8834,7 @@ class StimulusTabs extends React$1.Component {
8835
8834
  __self: this,
8836
8835
  __source: {
8837
8836
  fileName: _jsxFileName,
8838
- lineNumber: 252
8837
+ lineNumber: 250
8839
8838
  }
8840
8839
  }, React$1.createElement('span', {
8841
8840
  dangerouslySetInnerHTML: {
@@ -8844,7 +8843,7 @@ class StimulusTabs extends React$1.Component {
8844
8843
  __self: this,
8845
8844
  __source: {
8846
8845
  fileName: _jsxFileName,
8847
- lineNumber: 253
8846
+ lineNumber: 251
8848
8847
  }
8849
8848
  })),
8850
8849
  value: tab.id,
@@ -8856,7 +8855,7 @@ class StimulusTabs extends React$1.Component {
8856
8855
  __self: this,
8857
8856
  __source: {
8858
8857
  fileName: _jsxFileName,
8859
- lineNumber: 247
8858
+ lineNumber: 245
8860
8859
  }
8861
8860
  }))), selectedTab ? this.renderTab(selectedTab, disabledTabs) : null));
8862
8861
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pie-element/passage",
3
- "version": "3.1.3",
3
+ "version": "3.1.4",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -17,7 +17,7 @@
17
17
  "react": "^16.8.1",
18
18
  "react-dom": "^16.8.1"
19
19
  },
20
- "gitHead": "55af78558b81f2cd421eaac78eb3e652e3523697",
20
+ "gitHead": "582eab3495b11ea1cafb6cbca6738baf74f05965",
21
21
  "scripts": {
22
22
  "postpublish": "../../scripts/postpublish"
23
23
  },