@pie-element/passage 1.10.3-next.45 → 1.10.3-next.71
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/lib/stimulus-tabs.js +22 -3
- package/lib/stimulus-tabs.js.map +1 -1
- package/package.json +3 -3
package/lib/stimulus-tabs.js
CHANGED
|
@@ -72,8 +72,13 @@ var styles = function styles(theme) {
|
|
|
72
72
|
|
|
73
73
|
function TabContainer(props) {
|
|
74
74
|
var padding = props.multiple ? '0 24px 24px 24px' : '24px';
|
|
75
|
+
var ariaLabelledby = props.ariaLabelledby,
|
|
76
|
+
id = props.id;
|
|
75
77
|
return /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
|
|
76
78
|
component: "div",
|
|
79
|
+
role: "tabpanel",
|
|
80
|
+
"aria-labelledby": ariaLabelledby,
|
|
81
|
+
id: id,
|
|
77
82
|
style: {
|
|
78
83
|
padding: padding,
|
|
79
84
|
fontSize: '0.875em',
|
|
@@ -84,6 +89,8 @@ function TabContainer(props) {
|
|
|
84
89
|
}
|
|
85
90
|
|
|
86
91
|
TabContainer.propTypes = {
|
|
92
|
+
ariaLabelledby: _propTypes["default"].string,
|
|
93
|
+
id: _propTypes["default"].any,
|
|
87
94
|
children: _propTypes["default"].node.isRequired,
|
|
88
95
|
multiple: _propTypes["default"].bool
|
|
89
96
|
};
|
|
@@ -200,9 +207,16 @@ var StimulusTabs = /*#__PURE__*/function (_React$Component) {
|
|
|
200
207
|
}, tabs.map(function (tab) {
|
|
201
208
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
202
209
|
key: tab.id,
|
|
203
|
-
className: "passage-".concat(tab.id)
|
|
210
|
+
className: "passage-".concat(tab.id),
|
|
211
|
+
id: "tabpanel-".concat(tab.id),
|
|
212
|
+
"aria-labelledby": "tab-".concat(tab.id),
|
|
213
|
+
"aria-controls": "tabpanel-".concat(tab.id),
|
|
214
|
+
tabIndex: "0"
|
|
204
215
|
}, /*#__PURE__*/_react["default"].createElement(TabContainer, {
|
|
205
|
-
multiple: true
|
|
216
|
+
multiple: true,
|
|
217
|
+
id: "tabpanel-".concat(tab.id),
|
|
218
|
+
role: "tabpanel",
|
|
219
|
+
ariaLabelledby: "button-".concat(tab.id)
|
|
206
220
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
207
221
|
className: (0, _classnames["default"])(classes.title, 'title'),
|
|
208
222
|
dangerouslySetInnerHTML: {
|
|
@@ -230,6 +244,7 @@ var StimulusTabs = /*#__PURE__*/function (_React$Component) {
|
|
|
230
244
|
return /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
|
|
231
245
|
className: classes.tab,
|
|
232
246
|
key: tab.id,
|
|
247
|
+
id: "button-".concat(tab.id),
|
|
233
248
|
label: /*#__PURE__*/_react["default"].createElement(_renderUi.Purpose, {
|
|
234
249
|
purpose: "passage-title"
|
|
235
250
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
@@ -239,6 +254,7 @@ var StimulusTabs = /*#__PURE__*/function (_React$Component) {
|
|
|
239
254
|
})),
|
|
240
255
|
value: tab.id,
|
|
241
256
|
tabIndex: activeTab === tab.id ? 0 : -1,
|
|
257
|
+
"aria-controls": "tabpanel-".concat(tab.id),
|
|
242
258
|
"aria-selected": activeTab === tab.id,
|
|
243
259
|
onFocus: function onFocus() {
|
|
244
260
|
return _this2.handleChange(null, tab.id);
|
|
@@ -250,7 +266,10 @@ var StimulusTabs = /*#__PURE__*/function (_React$Component) {
|
|
|
250
266
|
})), tabs.map(function (tab) {
|
|
251
267
|
return activeTab === tab.id ? /*#__PURE__*/_react["default"].createElement(TabContainer, {
|
|
252
268
|
multiple: true,
|
|
253
|
-
key: tab.id
|
|
269
|
+
key: tab.id,
|
|
270
|
+
id: "tabpanel-".concat(tab.id),
|
|
271
|
+
role: "tabpanel",
|
|
272
|
+
ariaLabelledby: "button-".concat(tab.id)
|
|
254
273
|
}, /*#__PURE__*/_react["default"].createElement(_renderUi.Purpose, {
|
|
255
274
|
purpose: "passage-text"
|
|
256
275
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
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","paddingBottom","spacing","unit","position","top","title","textTransform","padding","borderBottom","secondary","width","marginBottom","buttonContainer","palette","common","white","TabContainer","props","multiple","children","propTypes","PropTypes","node","isRequired","bool","StimulusTabs","activeTab","event","setState","setTimeout","tabChangeEvent","CustomEvent","detail","window","dispatchEvent","currentTabId","key","tabs","newTabIndex","currentIndex","findIndex","id","length","preventDefault","handleChange","div","document","createElement","innerHTML","replace","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","classes","disabledTabs","state","map","__html","parsedText","flexContainer","handleKeyDown","whiteSpace","React","Component","object","arrayOf","shape","number","string"],"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 Typography from '@material-ui/core/Typography';\nimport { color, Purpose } from '@pie-lib/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 fontSize: '0.8125em',\n },\n stickyTabs: {\n background: color.background(),\n paddingBottom: theme.spacing.unit * 2.5,\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,\n },\n});\n\nfunction TabContainer(props) {\n const padding = props.multiple ? '0 24px 24px 24px' : '24px';\n\n return (\n <Typography\n component=\"div\"\n style={{\n padding,\n fontSize: '0.875em',\n backgroundColor: color.background(),\n color: color.text(),\n }}\n >\n {props.children}\n </Typography>\n );\n}\n\nTabContainer.propTypes = {\n children: PropTypes.node.isRequired,\n multiple: PropTypes.bool,\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 \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 render() {\n const { classes, tabs, disabledTabs } = this.props;\n const { activeTab } = this.state;\n\n if (tabs && tabs.length > 1) {\n return disabledTabs ? (\n <div className=\"passages\">\n {tabs.map((tab) => (\n <div key={tab.id} className={`passage-${tab.id}`}>\n <TabContainer multiple>\n <div\n className={classNames(classes.title, 'title')}\n dangerouslySetInnerHTML={{ __html: this.parsedText(tab.title) }}\n />\n <Purpose purpose=\"passage-text\">\n <div className=\"text\" key={tab.id} dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }} />\n </Purpose>\n </TabContainer>\n </div>\n ))}\n </div>\n ) : (\n <div className={classes.root}>\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 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-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 <TabContainer multiple key={tab.id}>\n <Purpose purpose=\"passage-text\">\n <div key={tab.id} dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }} />\n </Purpose>\n </TabContainer>\n ) : null,\n )}\n </div>\n );\n } else if (tabs && tabs[0]) {\n return (\n <div className=\"passage\" style={{ whiteSpace: 'break-spaces' }}>\n <TabContainer>\n <div className=\"text\" dangerouslySetInnerHTML={{ __html: this.parsedText(tabs[0].text) }} />\n </TabContainer>\n </div>\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 }).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","root","flexGrow","backgroundColor","color","background","text","tab","fontSize","stickyTabs","paddingBottom","spacing","unit","position","top","title","textTransform","padding","borderBottom","secondary","width","marginBottom","buttonContainer","palette","common","white","TabContainer","props","multiple","ariaLabelledby","id","children","propTypes","PropTypes","string","any","node","isRequired","bool","StimulusTabs","activeTab","event","setState","setTimeout","tabChangeEvent","CustomEvent","detail","window","dispatchEvent","currentTabId","key","tabs","newTabIndex","currentIndex","findIndex","length","preventDefault","handleChange","div","document","createElement","innerHTML","replace","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","classes","disabledTabs","state","map","__html","parsedText","flexContainer","handleKeyDown","whiteSpace","React","Component","object","arrayOf","shape","number"],"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 Typography from '@material-ui/core/Typography';\nimport { color, Purpose } from '@pie-lib/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 fontSize: '0.8125em',\n },\n stickyTabs: {\n background: color.background(),\n paddingBottom: theme.spacing.unit * 2.5,\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,\n },\n});\n\nfunction TabContainer(props) {\n const padding = props.multiple ? '0 24px 24px 24px' : '24px';\n const { ariaLabelledby, id } = props;\n\n return (\n <Typography\n component=\"div\"\n role=\"tabpanel\"\n aria-labelledby= {ariaLabelledby}\n id={id}\n style={{\n padding,\n fontSize: '0.875em',\n backgroundColor: color.background(),\n color: color.text(),\n }}\n >\n {props.children}\n </Typography>\n );\n}\n\nTabContainer.propTypes = {\n ariaLabelledby: PropTypes.string,\n id: PropTypes.any,\n children: PropTypes.node.isRequired,\n multiple: PropTypes.bool,\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\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 render() {\n const { classes, tabs, disabledTabs } = this.props;\n const { activeTab } = this.state;\n\n if (tabs && tabs.length > 1) {\n return disabledTabs ? (\n <div className=\"passages\">\n {tabs.map((tab) => (\n <div 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 <TabContainer multiple id={`tabpanel-${tab.id}`} role=\"tabpanel\" ariaLabelledby={`button-${tab.id}`}>\n <div\n className={classNames(classes.title, 'title')}\n dangerouslySetInnerHTML={{ __html: this.parsedText(tab.title) }}\n />\n <Purpose purpose=\"passage-text\">\n <div className=\"text\" key={tab.id} dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }} />\n </Purpose>\n </TabContainer>\n </div>\n ))}\n </div>\n ) : (\n <div className={classes.root}>\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 <TabContainer multiple key={tab.id} id={`tabpanel-${tab.id}`} role=\"tabpanel\" ariaLabelledby={`button-${tab.id}`}>\n <Purpose purpose=\"passage-text\">\n <div key={tab.id} dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }} />\n </Purpose>\n </TabContainer>\n ) : null,\n )}\n </div>\n );\n } else if (tabs && tabs[0]) {\n return (\n <div className=\"passage\" style={{ whiteSpace: 'break-spaces' }}>\n <TabContainer>\n <div className=\"text\" dangerouslySetInnerHTML={{ __html: this.parsedText(tabs[0].text) }} />\n </TabContainer>\n </div>\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 }).isRequired,\n ).isRequired,\n disabledTabs: PropTypes.bool,\n};\n\nexport default withStyles(styles)(StimulusTabs);\n"],"file":"stimulus-tabs.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-element/passage",
|
|
3
|
-
"version": "1.10.3-next.
|
|
3
|
+
"version": "1.10.3-next.71+b7d3e7f71",
|
|
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/render-ui": "^4.14.
|
|
14
|
+
"@pie-lib/render-ui": "^4.14.20",
|
|
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": "
|
|
20
|
+
"gitHead": "b7d3e7f7160aafd5dcfed2960bc6c2f03dba2180",
|
|
21
21
|
"scripts": {
|
|
22
22
|
"postpublish": "../../scripts/postpublish"
|
|
23
23
|
},
|