@pie-element/passage 1.6.4-next.656 → 1.6.4-next.663

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.
@@ -63,6 +63,9 @@ var styles = function styles() {
63
63
  borderBottom: "2px solid ".concat(_renderUi.color.secondary()),
64
64
  width: 'fit-content',
65
65
  marginBottom: '6px'
66
+ },
67
+ buttonContainer: {
68
+ background: 'white'
66
69
  }
67
70
  };
68
71
  };
@@ -176,7 +179,8 @@ var StimulusTabs = /*#__PURE__*/function (_React$Component) {
176
179
  className: classes.root
177
180
  }, /*#__PURE__*/_react["default"].createElement(_Tabs["default"], {
178
181
  classes: {
179
- root: classes.stickyTabs
182
+ root: classes.stickyTabs,
183
+ flexContainer: classes.buttonContainer
180
184
  },
181
185
  value: activeTab,
182
186
  onChange: this.handleChange
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/stimulus-tabs.jsx"],"names":["styles","root","flexGrow","backgroundColor","color","background","text","tab","fontSize","stickyTabs","paddingBottom","position","top","title","textTransform","padding","borderBottom","secondary","width","marginBottom","TabContainer","props","multiple","children","propTypes","PropTypes","node","isRequired","bool","StimulusTabs","activeTab","event","setState","setTimeout","tabChangeEvent","CustomEvent","detail","window","dispatchEvent","div","document","createElement","innerHTML","replace","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","classes","tabs","disabledTabs","state","length","map","id","__html","parsedText","handleChange","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: '20px',\n position: 'sticky',\n top: 0,\n },\n title: {\n textTransform: 'uppercase',\n padding: '6px 24px',\n borderBottom: `2px solid ${color.secondary()}`,\n width: 'fit-content',\n marginBottom: '6px'\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 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\n className=\"text\"\n key={tab.id}\n dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }}\n />\n </Purpose>\n </TabContainer>\n </div>)}\n </div>\n ) : (\n <div className={classes.root}>\n <Tabs\n classes={{\n root: classes.stickyTabs,\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\n dangerouslySetInnerHTML={{ __html: this.parsedText(tab.title) }}\n />\n </Purpose>\n }\n value={tab.id}\n />\n ))}\n </Tabs>\n {tabs.map((tab) =>\n activeTab === tab.id ? (\n <TabContainer multiple key={tab.id}>\n <Purpose purpose=\"passage-text\">\n <div\n key={tab.id}\n dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }}\n />\n </Purpose>\n </TabContainer>\n\n ) : null\n )}\n </div>\n );\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","root","flexGrow","backgroundColor","color","background","text","tab","fontSize","stickyTabs","paddingBottom","position","top","title","textTransform","padding","borderBottom","secondary","width","marginBottom","buttonContainer","TabContainer","props","multiple","children","propTypes","PropTypes","node","isRequired","bool","StimulusTabs","activeTab","event","setState","setTimeout","tabChangeEvent","CustomEvent","detail","window","dispatchEvent","div","document","createElement","innerHTML","replace","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","classes","tabs","disabledTabs","state","length","map","id","__html","parsedText","flexContainer","handleChange","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: '20px',\n position: 'sticky',\n top: 0,\n },\n title: {\n textTransform: 'uppercase',\n padding: '6px 24px',\n borderBottom: `2px solid ${color.secondary()}`,\n width: 'fit-content',\n marginBottom: '6px'\n },\n buttonContainer: {\n background: '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 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\n className=\"text\"\n key={tab.id}\n dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }}\n />\n </Purpose>\n </TabContainer>\n </div>)}\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\n dangerouslySetInnerHTML={{ __html: this.parsedText(tab.title) }}\n />\n </Purpose>\n }\n value={tab.id}\n />\n ))}\n </Tabs>\n {tabs.map((tab) =>\n activeTab === tab.id ? (\n <TabContainer multiple key={tab.id}>\n <Purpose purpose=\"passage-text\">\n <div\n key={tab.id}\n dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }}\n />\n </Purpose>\n </TabContainer>\n\n ) : null\n )}\n </div>\n );\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/module/element.js CHANGED
@@ -67,6 +67,9 @@ const styles = () => ({
67
67
  borderBottom: `2px solid ${color.secondary()}`,
68
68
  width: 'fit-content',
69
69
  marginBottom: '6px'
70
+ },
71
+ buttonContainer: {
72
+ background: 'white'
70
73
  }
71
74
  });
72
75
  function TabContainer(props) {
@@ -82,7 +85,7 @@ function TabContainer(props) {
82
85
  __self: this,
83
86
  __source: {
84
87
  fileName: _jsxFileName,
85
- lineNumber: 38
88
+ lineNumber: 41
86
89
  }
87
90
  }, props.children);
88
91
  }
@@ -141,7 +144,7 @@ class StimulusTabs extends React$1.Component {
141
144
  __self: this,
142
145
  __source: {
143
146
  fileName: _jsxFileName,
144
- lineNumber: 100
147
+ lineNumber: 103
145
148
  }
146
149
  }, tabs.map(tab => React$1.createElement('div', {
147
150
  key: tab.id,
@@ -149,14 +152,14 @@ class StimulusTabs extends React$1.Component {
149
152
  __self: this,
150
153
  __source: {
151
154
  fileName: _jsxFileName,
152
- lineNumber: 102
155
+ lineNumber: 105
153
156
  }
154
157
  }, React$1.createElement(TabContainer, {
155
158
  multiple: true,
156
159
  __self: this,
157
160
  __source: {
158
161
  fileName: _jsxFileName,
159
- lineNumber: 103
162
+ lineNumber: 106
160
163
  }
161
164
  }, React$1.createElement('div', {
162
165
  className: classNames(classes.title, 'title'),
@@ -166,14 +169,14 @@ class StimulusTabs extends React$1.Component {
166
169
  __self: this,
167
170
  __source: {
168
171
  fileName: _jsxFileName,
169
- lineNumber: 104
172
+ lineNumber: 107
170
173
  }
171
174
  }), React$1.createElement(Purpose, {
172
175
  purpose: "passage-text",
173
176
  __self: this,
174
177
  __source: {
175
178
  fileName: _jsxFileName,
176
- lineNumber: 108
179
+ lineNumber: 111
177
180
  }
178
181
  }, React$1.createElement('div', {
179
182
  className: "text",
@@ -184,25 +187,26 @@ class StimulusTabs extends React$1.Component {
184
187
  __self: this,
185
188
  __source: {
186
189
  fileName: _jsxFileName,
187
- lineNumber: 109
190
+ lineNumber: 112
188
191
  }
189
192
  })))))) : React$1.createElement('div', {
190
193
  className: classes.root,
191
194
  __self: this,
192
195
  __source: {
193
196
  fileName: _jsxFileName,
194
- lineNumber: 119
197
+ lineNumber: 122
195
198
  }
196
199
  }, React$1.createElement(Tabs, {
197
200
  classes: {
198
- root: classes.stickyTabs
201
+ root: classes.stickyTabs,
202
+ flexContainer: classes.buttonContainer
199
203
  },
200
204
  value: activeTab,
201
205
  onChange: this.handleChange,
202
206
  __self: this,
203
207
  __source: {
204
208
  fileName: _jsxFileName,
205
- lineNumber: 120
209
+ lineNumber: 123
206
210
  }
207
211
  }, tabs.map(tab => React$1.createElement(Tab, {
208
212
  className: classes.tab,
@@ -212,7 +216,7 @@ class StimulusTabs extends React$1.Component {
212
216
  __self: this,
213
217
  __source: {
214
218
  fileName: _jsxFileName,
215
- lineNumber: 132
219
+ lineNumber: 136
216
220
  }
217
221
  }, React$1.createElement('span', {
218
222
  dangerouslySetInnerHTML: {
@@ -221,14 +225,14 @@ class StimulusTabs extends React$1.Component {
221
225
  __self: this,
222
226
  __source: {
223
227
  fileName: _jsxFileName,
224
- lineNumber: 133
228
+ lineNumber: 137
225
229
  }
226
230
  })),
227
231
  value: tab.id,
228
232
  __self: this,
229
233
  __source: {
230
234
  fileName: _jsxFileName,
231
- lineNumber: 128
235
+ lineNumber: 132
232
236
  }
233
237
  }))), tabs.map(tab => activeTab === tab.id ? React$1.createElement(TabContainer, {
234
238
  multiple: true,
@@ -236,14 +240,14 @@ class StimulusTabs extends React$1.Component {
236
240
  __self: this,
237
241
  __source: {
238
242
  fileName: _jsxFileName,
239
- lineNumber: 144
243
+ lineNumber: 148
240
244
  }
241
245
  }, React$1.createElement(Purpose, {
242
246
  purpose: "passage-text",
243
247
  __self: this,
244
248
  __source: {
245
249
  fileName: _jsxFileName,
246
- lineNumber: 145
250
+ lineNumber: 149
247
251
  }
248
252
  }, React$1.createElement('div', {
249
253
  key: tab.id,
@@ -253,7 +257,7 @@ class StimulusTabs extends React$1.Component {
253
257
  __self: this,
254
258
  __source: {
255
259
  fileName: _jsxFileName,
256
- lineNumber: 146
260
+ lineNumber: 150
257
261
  }
258
262
  }))) : null));
259
263
  } else if (tabs && tabs[0]) {
@@ -265,13 +269,13 @@ class StimulusTabs extends React$1.Component {
265
269
  __self: this,
266
270
  __source: {
267
271
  fileName: _jsxFileName,
268
- lineNumber: 160
272
+ lineNumber: 164
269
273
  }
270
274
  }, React$1.createElement(TabContainer, {
271
275
  __self: this,
272
276
  __source: {
273
277
  fileName: _jsxFileName,
274
- lineNumber: 161
278
+ lineNumber: 165
275
279
  }
276
280
  }, React$1.createElement('div', {
277
281
  className: "text",
@@ -281,7 +285,7 @@ class StimulusTabs extends React$1.Component {
281
285
  __self: this,
282
286
  __source: {
283
287
  fileName: _jsxFileName,
284
- lineNumber: 162
288
+ lineNumber: 166
285
289
  }
286
290
  })));
287
291
  }
package/module/print.js CHANGED
@@ -30,6 +30,9 @@ const styles = () => ({
30
30
  borderBottom: `2px solid ${color.secondary()}`,
31
31
  width: 'fit-content',
32
32
  marginBottom: '6px'
33
+ },
34
+ buttonContainer: {
35
+ background: 'white'
33
36
  }
34
37
  });
35
38
  function TabContainer(props) {
@@ -45,7 +48,7 @@ function TabContainer(props) {
45
48
  __self: this,
46
49
  __source: {
47
50
  fileName: _jsxFileName,
48
- lineNumber: 38
51
+ lineNumber: 41
49
52
  }
50
53
  }, props.children);
51
54
  }
@@ -104,7 +107,7 @@ class StimulusTabs extends React$1.Component {
104
107
  __self: this,
105
108
  __source: {
106
109
  fileName: _jsxFileName,
107
- lineNumber: 100
110
+ lineNumber: 103
108
111
  }
109
112
  }, tabs.map(tab => React$1.createElement('div', {
110
113
  key: tab.id,
@@ -112,14 +115,14 @@ class StimulusTabs extends React$1.Component {
112
115
  __self: this,
113
116
  __source: {
114
117
  fileName: _jsxFileName,
115
- lineNumber: 102
118
+ lineNumber: 105
116
119
  }
117
120
  }, React$1.createElement(TabContainer, {
118
121
  multiple: true,
119
122
  __self: this,
120
123
  __source: {
121
124
  fileName: _jsxFileName,
122
- lineNumber: 103
125
+ lineNumber: 106
123
126
  }
124
127
  }, React$1.createElement('div', {
125
128
  className: classNames(classes.title, 'title'),
@@ -129,14 +132,14 @@ class StimulusTabs extends React$1.Component {
129
132
  __self: this,
130
133
  __source: {
131
134
  fileName: _jsxFileName,
132
- lineNumber: 104
135
+ lineNumber: 107
133
136
  }
134
137
  }), React$1.createElement(Purpose, {
135
138
  purpose: "passage-text",
136
139
  __self: this,
137
140
  __source: {
138
141
  fileName: _jsxFileName,
139
- lineNumber: 108
142
+ lineNumber: 111
140
143
  }
141
144
  }, React$1.createElement('div', {
142
145
  className: "text",
@@ -147,25 +150,26 @@ class StimulusTabs extends React$1.Component {
147
150
  __self: this,
148
151
  __source: {
149
152
  fileName: _jsxFileName,
150
- lineNumber: 109
153
+ lineNumber: 112
151
154
  }
152
155
  })))))) : React$1.createElement('div', {
153
156
  className: classes.root,
154
157
  __self: this,
155
158
  __source: {
156
159
  fileName: _jsxFileName,
157
- lineNumber: 119
160
+ lineNumber: 122
158
161
  }
159
162
  }, React$1.createElement(Tabs, {
160
163
  classes: {
161
- root: classes.stickyTabs
164
+ root: classes.stickyTabs,
165
+ flexContainer: classes.buttonContainer
162
166
  },
163
167
  value: activeTab,
164
168
  onChange: this.handleChange,
165
169
  __self: this,
166
170
  __source: {
167
171
  fileName: _jsxFileName,
168
- lineNumber: 120
172
+ lineNumber: 123
169
173
  }
170
174
  }, tabs.map(tab => React$1.createElement(Tab, {
171
175
  className: classes.tab,
@@ -175,7 +179,7 @@ class StimulusTabs extends React$1.Component {
175
179
  __self: this,
176
180
  __source: {
177
181
  fileName: _jsxFileName,
178
- lineNumber: 132
182
+ lineNumber: 136
179
183
  }
180
184
  }, React$1.createElement('span', {
181
185
  dangerouslySetInnerHTML: {
@@ -184,14 +188,14 @@ class StimulusTabs extends React$1.Component {
184
188
  __self: this,
185
189
  __source: {
186
190
  fileName: _jsxFileName,
187
- lineNumber: 133
191
+ lineNumber: 137
188
192
  }
189
193
  })),
190
194
  value: tab.id,
191
195
  __self: this,
192
196
  __source: {
193
197
  fileName: _jsxFileName,
194
- lineNumber: 128
198
+ lineNumber: 132
195
199
  }
196
200
  }))), tabs.map(tab => activeTab === tab.id ? React$1.createElement(TabContainer, {
197
201
  multiple: true,
@@ -199,14 +203,14 @@ class StimulusTabs extends React$1.Component {
199
203
  __self: this,
200
204
  __source: {
201
205
  fileName: _jsxFileName,
202
- lineNumber: 144
206
+ lineNumber: 148
203
207
  }
204
208
  }, React$1.createElement(Purpose, {
205
209
  purpose: "passage-text",
206
210
  __self: this,
207
211
  __source: {
208
212
  fileName: _jsxFileName,
209
- lineNumber: 145
213
+ lineNumber: 149
210
214
  }
211
215
  }, React$1.createElement('div', {
212
216
  key: tab.id,
@@ -216,7 +220,7 @@ class StimulusTabs extends React$1.Component {
216
220
  __self: this,
217
221
  __source: {
218
222
  fileName: _jsxFileName,
219
- lineNumber: 146
223
+ lineNumber: 150
220
224
  }
221
225
  }))) : null));
222
226
  } else if (tabs && tabs[0]) {
@@ -228,13 +232,13 @@ class StimulusTabs extends React$1.Component {
228
232
  __self: this,
229
233
  __source: {
230
234
  fileName: _jsxFileName,
231
- lineNumber: 160
235
+ lineNumber: 164
232
236
  }
233
237
  }, React$1.createElement(TabContainer, {
234
238
  __self: this,
235
239
  __source: {
236
240
  fileName: _jsxFileName,
237
- lineNumber: 161
241
+ lineNumber: 165
238
242
  }
239
243
  }, React$1.createElement('div', {
240
244
  className: "text",
@@ -244,7 +248,7 @@ class StimulusTabs extends React$1.Component {
244
248
  __self: this,
245
249
  __source: {
246
250
  fileName: _jsxFileName,
247
- lineNumber: 162
251
+ lineNumber: 166
248
252
  }
249
253
  })));
250
254
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pie-element/passage",
3
- "version": "1.6.4-next.656+b91342fe2",
3
+ "version": "1.6.4-next.663+d3925c8e2",
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": "b91342fe27544da5fea58491e4c18520be657e30",
20
+ "gitHead": "d3925c8e2c5dab6840d52ed0a12c6ed90fec70cb",
21
21
  "scripts": {
22
22
  "postpublish": "../../scripts/postpublish"
23
23
  },