@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.1

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 (293) hide show
  1. package/es/Alert/Alert.js +135 -66
  2. package/es/Alert/index.js +1 -0
  3. package/es/ApiQueries/ApiQueries.js +79 -45
  4. package/es/ApiQueries/Query.js +105 -65
  5. package/es/ApiQueries/index.js +1 -0
  6. package/es/AuthDialog/index.js +103 -62
  7. package/es/Breadcrumbs/Breadcrumbs.js +38 -21
  8. package/es/Breadcrumbs/index.js +1 -0
  9. package/es/Button/Button.js +28 -11
  10. package/es/Button/index.js +1 -0
  11. package/es/ChartsConfig/Axis.js +76 -72
  12. package/es/ChartsConfig/ButtonGroup.js +51 -29
  13. package/es/ChartsConfig/ChartsConfig.js +187 -87
  14. package/es/ChartsConfig/ContainerTitle.js +36 -15
  15. package/es/ChartsConfig/Focus.js +48 -37
  16. package/es/ChartsConfig/Frequency.js +36 -24
  17. package/es/ChartsConfig/Series.js +43 -28
  18. package/es/ChartsConfig/Size.js +50 -36
  19. package/es/ChartsConfig/index.js +1 -0
  20. package/es/ChartsConfig/styles.js +4 -4
  21. package/es/ChartsConfig/utils.js +5 -1
  22. package/es/Chips/Chips.js +154 -99
  23. package/es/Chips/index.js +1 -0
  24. package/es/CollapseButtons/CollapseButtons.js +101 -61
  25. package/es/CollapseButtons/Item.js +70 -45
  26. package/es/CollapseButtons/Paper.js +21 -7
  27. package/es/CollapseButtons/index.js +1 -0
  28. package/es/DataEdit/DataEdit.js +124 -67
  29. package/es/DataEdit/Input.js +58 -27
  30. package/es/DataEdit/index.js +1 -0
  31. package/es/DataFooter/DataFooter.js +115 -68
  32. package/es/DataFooter/index.js +1 -0
  33. package/es/DataHeader/DataHeader.js +113 -75
  34. package/es/DataHeader/Flags.js +21 -8
  35. package/es/DataHeader/Title.js +15 -2
  36. package/es/DataHeader/TooltipHeader.js +63 -33
  37. package/es/DataHeader/index.js +1 -0
  38. package/es/DataHeader/utils.js +8 -8
  39. package/es/Dataflow/Dataflow.js +226 -132
  40. package/es/Dataflow/index.js +1 -0
  41. package/es/ExpansionPanel/ExpansionPanel.js +79 -42
  42. package/es/ExpansionPanel/index.js +1 -0
  43. package/es/ExpansionPanel/styles.js +5 -3
  44. package/es/Icons/AccessibilityFilled.js +8 -6
  45. package/es/Icons/AccessibilityOutlined.js +8 -6
  46. package/es/Icons/AccountFilled.js +8 -6
  47. package/es/Icons/AccountOutlined.js +8 -6
  48. package/es/Icons/Api.js +8 -6
  49. package/es/Icons/Asterisk.js +8 -6
  50. package/es/Icons/Bar.js +8 -6
  51. package/es/Icons/CopyContent.js +8 -6
  52. package/es/Icons/Cross.js +8 -6
  53. package/es/Icons/HSymbol.js +8 -6
  54. package/es/Icons/Row.js +8 -6
  55. package/es/Icons/Scatter.js +8 -6
  56. package/es/Icons/StackedBar.js +8 -6
  57. package/es/Icons/StackedRow.js +8 -6
  58. package/es/Icons/Timeline.js +8 -6
  59. package/es/Icons/VSymbol.js +8 -6
  60. package/es/Icons/Warning.js +14 -11
  61. package/es/Icons/index.js +1 -0
  62. package/es/Input/Input.js +56 -26
  63. package/es/Input/index.js +1 -0
  64. package/es/Input/with-input.js +25 -30
  65. package/es/InputNumber/InputNumber.js +51 -31
  66. package/es/InputNumber/index.js +1 -0
  67. package/es/LabelDivider/LabelDivider.js +18 -7
  68. package/es/LabelDivider/index.js +1 -0
  69. package/es/Loading/Loading.js +18 -9
  70. package/es/Loading/index.js +1 -0
  71. package/es/Logo/Logo.js +17 -11
  72. package/es/Logo/index.js +1 -0
  73. package/es/NoData/NoData.js +25 -17
  74. package/es/NoData/index.js +1 -0
  75. package/es/Pagination/Pagination.js +114 -70
  76. package/es/Pagination/index.js +1 -0
  77. package/es/PeriodPicker/PeriodPicker.js +124 -101
  78. package/es/PeriodPicker/constants.js +13 -78
  79. package/es/PeriodPicker/index.js +1 -0
  80. package/es/PeriodPicker/lib.js +23 -37
  81. package/es/PeriodPicker/styles.js +1 -0
  82. package/es/ScopeList/Header.js +60 -41
  83. package/es/ScopeList/Item.js +144 -98
  84. package/es/ScopeList/ScopeList.js +184 -132
  85. package/es/ScopeList/Selection.js +93 -51
  86. package/es/ScopeList/index.js +1 -0
  87. package/es/ScopeList/styles.js +3 -2
  88. package/es/ScopeList/with-scope-list.js +88 -151
  89. package/es/Select/Select.js +60 -44
  90. package/es/Select/index.js +1 -0
  91. package/es/Share/Form.js +88 -58
  92. package/es/Share/Mode.js +46 -30
  93. package/es/Share/Share.js +64 -41
  94. package/es/Share/index.js +1 -0
  95. package/es/SisccFooter/SisccFooter.js +36 -29
  96. package/es/SisccFooter/index.js +1 -0
  97. package/es/Spotlight/Fields.js +71 -37
  98. package/es/Spotlight/Spotlight.js +92 -51
  99. package/es/Spotlight/index.js +1 -0
  100. package/es/Spotlight/useSpotlight.js +13 -33
  101. package/es/Spotlight/useStyles.js +4 -2
  102. package/es/Table/Table.js +71 -50
  103. package/es/Table/header.js +50 -36
  104. package/es/Table/index.js +1 -0
  105. package/es/Table/itemCell.js +25 -13
  106. package/es/Table/row-header.js +50 -31
  107. package/es/Table/section-header.js +55 -30
  108. package/es/Table/section-rows.js +62 -38
  109. package/es/Table/styles.js +8 -2
  110. package/es/Table/tableCell.js +17 -7
  111. package/es/Table/tooltip.js +41 -21
  112. package/es/Table/useStyles.js +3 -2
  113. package/es/Table/valueCell.js +41 -26
  114. package/es/TableFooter/TableFooter.js +70 -42
  115. package/es/TableFooter/index.js +1 -0
  116. package/es/TableHeader/TableHeader.js +36 -18
  117. package/es/TableHeader/index.js +1 -0
  118. package/es/TableHtml5/TableHtml5.js +72 -60
  119. package/es/TableHtml5/cell.js +55 -35
  120. package/es/TableHtml5/flags.js +58 -29
  121. package/es/TableHtml5/header.js +67 -48
  122. package/es/TableHtml5/index.js +1 -0
  123. package/es/TableHtml5/section.js +121 -83
  124. package/es/TableHtml5/sectionHeader.js +72 -45
  125. package/es/TableHtml5/subHeader.js +63 -44
  126. package/es/TableLayout/Box.js +66 -33
  127. package/es/TableLayout/DnDItem.js +68 -37
  128. package/es/TableLayout/TableLayout.js +177 -105
  129. package/es/TableLayout/constants.js +2 -0
  130. package/es/TableLayout/index.js +1 -0
  131. package/es/TableLayout/lib.js +3 -1
  132. package/es/TablePreview/TablePreview.js +176 -99
  133. package/es/TablePreview/index.js +1 -0
  134. package/es/TablePreview/lib.js +4 -5
  135. package/es/TablePreview/styles.js +1 -0
  136. package/es/Tag/Tag.js +21 -5
  137. package/es/Tag/index.js +1 -0
  138. package/es/ToggleButton/ToggleButton.js +29 -17
  139. package/es/ToggleButton/index.js +1 -0
  140. package/es/Tooltip/Tooltip.js +32 -20
  141. package/es/Tooltip/index.js +1 -0
  142. package/es/VerticalButton/VerticalButton.js +22 -17
  143. package/es/VerticalButton/index.js +1 -0
  144. package/es/index.js +4 -2
  145. package/es/theme.js +14 -22
  146. package/es/utils.js +14 -16
  147. package/lib/Alert/Alert.js +168 -87
  148. package/lib/Alert/index.js +12 -7
  149. package/lib/ApiQueries/ApiQueries.js +105 -61
  150. package/lib/ApiQueries/Query.js +132 -85
  151. package/lib/ApiQueries/index.js +12 -7
  152. package/lib/AuthDialog/index.js +137 -82
  153. package/lib/Breadcrumbs/Breadcrumbs.js +68 -39
  154. package/lib/Breadcrumbs/index.js +12 -7
  155. package/lib/Button/Button.js +47 -28
  156. package/lib/Button/index.js +12 -7
  157. package/lib/ChartsConfig/Axis.js +100 -88
  158. package/lib/ChartsConfig/ButtonGroup.js +74 -43
  159. package/lib/ChartsConfig/ChartsConfig.js +236 -113
  160. package/lib/ChartsConfig/ContainerTitle.js +59 -30
  161. package/lib/ChartsConfig/Focus.js +71 -53
  162. package/lib/ChartsConfig/Frequency.js +59 -39
  163. package/lib/ChartsConfig/Series.js +70 -45
  164. package/lib/ChartsConfig/Size.js +77 -53
  165. package/lib/ChartsConfig/index.js +12 -7
  166. package/lib/ChartsConfig/styles.js +11 -16
  167. package/lib/ChartsConfig/utils.js +13 -14
  168. package/lib/Chips/Chips.js +192 -122
  169. package/lib/Chips/index.js +12 -7
  170. package/lib/CollapseButtons/CollapseButtons.js +134 -84
  171. package/lib/CollapseButtons/Item.js +98 -64
  172. package/lib/CollapseButtons/Paper.js +41 -19
  173. package/lib/CollapseButtons/index.js +12 -7
  174. package/lib/DataEdit/DataEdit.js +156 -88
  175. package/lib/DataEdit/Input.js +82 -42
  176. package/lib/DataEdit/index.js +12 -7
  177. package/lib/DataFooter/DataFooter.js +144 -88
  178. package/lib/DataFooter/index.js +12 -7
  179. package/lib/DataHeader/DataHeader.js +158 -106
  180. package/lib/DataHeader/Flags.js +34 -18
  181. package/lib/DataHeader/Title.js +27 -11
  182. package/lib/DataHeader/TooltipHeader.js +79 -48
  183. package/lib/DataHeader/index.js +12 -7
  184. package/lib/DataHeader/utils.js +10 -16
  185. package/lib/Dataflow/Dataflow.js +277 -159
  186. package/lib/Dataflow/index.js +12 -7
  187. package/lib/ExpansionPanel/ExpansionPanel.js +116 -63
  188. package/lib/ExpansionPanel/index.js +12 -7
  189. package/lib/ExpansionPanel/styles.js +12 -15
  190. package/lib/Icons/AccessibilityFilled.js +17 -15
  191. package/lib/Icons/AccessibilityOutlined.js +17 -15
  192. package/lib/Icons/AccountFilled.js +17 -15
  193. package/lib/Icons/AccountOutlined.js +17 -15
  194. package/lib/Icons/Api.js +17 -15
  195. package/lib/Icons/Asterisk.js +17 -15
  196. package/lib/Icons/Bar.js +17 -15
  197. package/lib/Icons/CopyContent.js +17 -15
  198. package/lib/Icons/Cross.js +17 -15
  199. package/lib/Icons/HSymbol.js +17 -15
  200. package/lib/Icons/Row.js +17 -15
  201. package/lib/Icons/Scatter.js +17 -15
  202. package/lib/Icons/StackedBar.js +17 -15
  203. package/lib/Icons/StackedRow.js +17 -15
  204. package/lib/Icons/Timeline.js +17 -15
  205. package/lib/Icons/VSymbol.js +17 -15
  206. package/lib/Icons/Warning.js +31 -27
  207. package/lib/Icons/index.js +152 -68
  208. package/lib/Input/Input.js +85 -47
  209. package/lib/Input/index.js +12 -7
  210. package/lib/Input/with-input.js +35 -38
  211. package/lib/InputNumber/InputNumber.js +80 -50
  212. package/lib/InputNumber/index.js +12 -7
  213. package/lib/LabelDivider/LabelDivider.js +37 -23
  214. package/lib/LabelDivider/index.js +12 -7
  215. package/lib/Loading/Loading.js +35 -20
  216. package/lib/Loading/index.js +12 -7
  217. package/lib/Logo/Logo.js +28 -20
  218. package/lib/Logo/index.js +12 -7
  219. package/lib/NoData/NoData.js +42 -28
  220. package/lib/NoData/index.js +12 -7
  221. package/lib/Pagination/Pagination.js +150 -91
  222. package/lib/Pagination/index.js +12 -7
  223. package/lib/PeriodPicker/PeriodPicker.js +150 -121
  224. package/lib/PeriodPicker/constants.js +37 -126
  225. package/lib/PeriodPicker/index.js +12 -7
  226. package/lib/PeriodPicker/lib.js +61 -99
  227. package/lib/PeriodPicker/styles.js +4 -7
  228. package/lib/ScopeList/Header.js +88 -58
  229. package/lib/ScopeList/Item.js +177 -116
  230. package/lib/ScopeList/ScopeList.js +234 -160
  231. package/lib/ScopeList/Selection.js +131 -70
  232. package/lib/ScopeList/index.js +12 -7
  233. package/lib/ScopeList/styles.js +9 -10
  234. package/lib/ScopeList/with-scope-list.js +108 -199
  235. package/lib/Select/Select.js +80 -59
  236. package/lib/Select/index.js +12 -7
  237. package/lib/Share/Form.js +119 -77
  238. package/lib/Share/Mode.js +78 -49
  239. package/lib/Share/Share.js +91 -59
  240. package/lib/Share/index.js +12 -7
  241. package/lib/SisccFooter/SisccFooter.js +63 -44
  242. package/lib/SisccFooter/index.js +12 -7
  243. package/lib/Spotlight/Fields.js +100 -54
  244. package/lib/Spotlight/Spotlight.js +136 -75
  245. package/lib/Spotlight/index.js +12 -7
  246. package/lib/Spotlight/useSpotlight.js +20 -44
  247. package/lib/Spotlight/useStyles.js +12 -15
  248. package/lib/Table/Table.js +102 -69
  249. package/lib/Table/header.js +70 -51
  250. package/lib/Table/index.js +12 -7
  251. package/lib/Table/itemCell.js +41 -25
  252. package/lib/Table/row-header.js +75 -49
  253. package/lib/Table/section-header.js +82 -50
  254. package/lib/Table/section-rows.js +94 -60
  255. package/lib/Table/styles.js +25 -23
  256. package/lib/Table/tableCell.js +37 -19
  257. package/lib/Table/tooltip.js +54 -36
  258. package/lib/Table/useStyles.js +8 -11
  259. package/lib/Table/valueCell.js +59 -39
  260. package/lib/TableFooter/TableFooter.js +93 -57
  261. package/lib/TableFooter/index.js +12 -7
  262. package/lib/TableHeader/TableHeader.js +56 -32
  263. package/lib/TableHeader/index.js +12 -7
  264. package/lib/TableHtml5/TableHtml5.js +100 -78
  265. package/lib/TableHtml5/cell.js +84 -52
  266. package/lib/TableHtml5/flags.js +82 -48
  267. package/lib/TableHtml5/header.js +97 -66
  268. package/lib/TableHtml5/index.js +17 -8
  269. package/lib/TableHtml5/section.js +163 -108
  270. package/lib/TableHtml5/sectionHeader.js +102 -64
  271. package/lib/TableHtml5/subHeader.js +93 -64
  272. package/lib/TableLayout/Box.js +97 -54
  273. package/lib/TableLayout/DnDItem.js +98 -58
  274. package/lib/TableLayout/TableLayout.js +232 -140
  275. package/lib/TableLayout/constants.js +6 -8
  276. package/lib/TableLayout/index.js +12 -7
  277. package/lib/TableLayout/lib.js +9 -14
  278. package/lib/TablePreview/TablePreview.js +205 -118
  279. package/lib/TablePreview/index.js +12 -7
  280. package/lib/TablePreview/lib.js +19 -30
  281. package/lib/TablePreview/styles.js +6 -7
  282. package/lib/Tag/Tag.js +38 -19
  283. package/lib/Tag/index.js +12 -7
  284. package/lib/ToggleButton/ToggleButton.js +55 -33
  285. package/lib/ToggleButton/index.js +12 -7
  286. package/lib/Tooltip/Tooltip.js +50 -34
  287. package/lib/Tooltip/index.js +12 -7
  288. package/lib/VerticalButton/VerticalButton.js +46 -40
  289. package/lib/VerticalButton/index.js +12 -7
  290. package/lib/index.js +304 -137
  291. package/lib/theme.js +17 -31
  292. package/lib/utils.js +31 -46
  293. package/package.json +10 -2
@@ -1,5 +1,7 @@
1
- import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
1
+ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
2
+
2
3
  import React, { useState } from 'react';
4
+ import PropTypes from 'prop-types';
3
5
  import * as R from 'ramda';
4
6
  import cx from 'classnames';
5
7
  import { makeStyles } from '@material-ui/core/styles';
@@ -15,15 +17,16 @@ import ExpandLess from '@material-ui/icons/ExpandLess';
15
17
  import Link from '@material-ui/core/Link';
16
18
  import Divider from '@material-ui/core/Divider';
17
19
  import { withBlank } from '../utils';
20
+
18
21
  var useStyles = makeStyles(function (theme) {
19
22
  return {
20
23
  card: {
21
- borderBottom: "1px solid " + theme.palette.grey[700],
24
+ borderBottom: '1px solid ' + theme.palette.grey[700],
22
25
  padding: theme.spacing(0, 0, 2, 0),
23
26
  '& em': {
24
27
  color: 'inherit',
25
28
  backgroundColor: R.path(['palette', 'highlight', 'hl3'])(theme) || theme.palette.success.main,
26
- borderBottom: "2px solid " + (R.path(['palette', 'highlight', 'hl2'])(theme) || theme.palette.success.dark),
29
+ borderBottom: '2px solid ' + (R.path(['palette', 'highlight', 'hl2'])(theme) || theme.palette.success.dark),
27
30
  marginBottom: -3,
28
31
  fontStyle: 'unset'
29
32
  }
@@ -57,7 +60,6 @@ var useStyles = makeStyles(function (theme) {
57
60
  '&:hover': {
58
61
  color: theme.palette.primary.light,
59
62
  textDecoration: 'none' // remove this line when blueprint css import will no longer be in the DE
60
-
61
63
  }
62
64
  }),
63
65
  noDisplay: {
@@ -128,10 +130,11 @@ var Dataflow = function Dataflow(_ref) {
128
130
  label = _ref.label,
129
131
  labels = _ref.labels,
130
132
  _ref$highlights = _ref.highlights,
131
- highlights = _ref$highlights === void 0 ? [] : _ref$highlights,
133
+ highlights = _ref$highlights === undefined ? [] : _ref$highlights,
132
134
  _ref$categories = _ref.categories,
133
- categories = _ref$categories === void 0 ? [] : _ref$categories,
135
+ categories = _ref$categories === undefined ? [] : _ref$categories,
134
136
  children = _ref.children;
137
+
135
138
  var classes = useStyles();
136
139
 
137
140
  var _useState = useState(false),
@@ -139,137 +142,228 @@ var Dataflow = function Dataflow(_ref) {
139
142
  setExpand = _useState[1];
140
143
 
141
144
  var description = R.propOr('', 'description', body);
142
- return /*#__PURE__*/React.createElement(Card, {
143
- elevation: 0,
144
- square: true,
145
- className: classes.card,
146
- "data-testid": "" + testId
147
- }, /*#__PURE__*/React.createElement("div", {
148
- className: classes.container
149
- }, /*#__PURE__*/React.createElement("div", {
150
- className: classes.mainContent
151
- }, /*#__PURE__*/React.createElement(CardHeader, {
152
- className: classes.cardHeader,
153
- title: /*#__PURE__*/React.createElement("div", {
154
- className: classes.header,
155
- "data-testid": testId + "_title"
156
- }, /*#__PURE__*/React.createElement(Typography, {
157
- variant: "h6",
158
- color: "primary",
159
- display: "inline",
160
- className: classes.container
161
- }, /*#__PURE__*/React.createElement(Link, {
162
- className: classes.dataset,
163
- href: url,
164
- onClick: handleUrl,
165
- color: "primary",
166
- underline: "none"
167
- }, /*#__PURE__*/React.createElement("span", {
168
- dangerouslySetInnerHTML: {
169
- __html: title
170
- }
171
- }))))
172
- }), R.not(R.isEmpty(description)) && /*#__PURE__*/React.createElement(Collapse, {
173
- in: isExpanded,
174
- collapsedSize: 70,
175
- classes: isExpanded ? undefined : {
176
- wrapper: classes.wrapper
177
- }
178
- }, /*#__PURE__*/React.createElement(CardContent, {
179
- className: cx(classes.cardContent, (_cx = {}, _cx[classes.fadeContent] = !isExpanded, _cx))
180
- }, /*#__PURE__*/React.createElement(Typography, {
181
- variant: "body2",
182
- align: "justify",
183
- className: cx(classes.container, classes.mutedText, (_cx2 = {}, _cx2[classes.unmutedText] = isExpanded, _cx2))
184
- }, /*#__PURE__*/React.createElement("span", {
185
- dangerouslySetInnerHTML: {
186
- __html: description
187
- }
188
- })), !isExpanded && /*#__PURE__*/React.createElement("div", {
189
- className: classes.fading
190
- }))), R.not(R.empty(R.propOr('', 'highlightDescription')(body))) && /*#__PURE__*/React.createElement(CardContent, {
191
- className: classes.descriptionHighlight
192
- }, /*#__PURE__*/React.createElement(Typography, {
193
- variant: "body2",
194
- align: "justify",
195
- className: classes.container
196
- }, /*#__PURE__*/React.createElement("span", {
197
- dangerouslySetInnerHTML: {
198
- __html: R.prop('highlightDescription')(body)
199
- },
200
- className: cx((_cx3 = {}, _cx3[classes.noDisplay] = isExpanded, _cx3))
201
- }))), /*#__PURE__*/React.createElement(CardContent, {
202
- className: classes.cardContent
203
- }, R.map(function (_ref2) {
204
- var field = _ref2[0],
205
- highlight = _ref2[1];
206
- return /*#__PURE__*/React.createElement(Typography, {
207
- variant: "body2",
208
- key: field,
209
- color: "textSecondary",
210
- className: classes.container,
211
- "data-testid": testId + "_highlight_" + field
212
- }, /*#__PURE__*/React.createElement("strong", null, field, ":\xA0"), ' ', /*#__PURE__*/React.createElement("span", {
213
- dangerouslySetInnerHTML: {
214
- __html: highlight
215
- }
216
- }));
217
- })(highlights), /*#__PURE__*/React.createElement(Collapse, {
218
- in: isExpanded
219
- }, /*#__PURE__*/React.createElement(Divider, {
220
- className: classes.divider
221
- }), R.map(function (_ref3) {
222
- var field = _ref3[0],
223
- categorie = _ref3[1];
224
- return /*#__PURE__*/React.createElement(Typography, {
225
- variant: "body2",
226
- key: field,
227
- color: "textSecondary",
228
- className: classes.container
229
- }, /*#__PURE__*/React.createElement("strong", null, field, ":\xA0"), " ", /*#__PURE__*/React.createElement("span", null, R.join(', ')(categorie)));
230
- })(categories), R.not(R.isEmpty(categories)) && /*#__PURE__*/React.createElement(Divider, {
231
- className: classes.divider
232
- }), label && /*#__PURE__*/React.createElement(Typography, {
233
- variant: "body2",
234
- color: "textSecondary",
235
- className: classes.container
236
- }, /*#__PURE__*/React.createElement("strong", null, R.prop('source')(labels), ":\xA0"), " ", label), /*#__PURE__*/React.createElement(Divider, {
237
- className: classes.divider
238
- }), /*#__PURE__*/React.createElement(CardActions, {
239
- className: classes.footer,
240
- disableSpacing: true
241
- }, /*#__PURE__*/React.createElement(Typography, {
242
- variant: "caption",
243
- color: "textSecondary",
244
- className: classes.container
245
- }, /*#__PURE__*/React.createElement("strong", null, R.prop('lastUpdated')(labels), "\xA0"), ' ', /*#__PURE__*/React.createElement("span", null, R.prop('date')(labels))), /*#__PURE__*/React.createElement(Typography, {
246
- variant: "caption",
247
- color: "textSecondary",
248
- className: classes.container
249
- }, R.prop('note')(labels)))))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardActions, {
250
- className: classes.rightSide,
251
- disableSpacing: true
252
- }, /*#__PURE__*/React.createElement(IconButton, {
253
- "data-testid": "dataflow-expand-button-test-id",
254
- "aria-label": "expand",
255
- onClick: function onClick() {
256
- return setExpand(function (prev) {
257
- return !prev;
258
- });
259
- },
260
- color: "primary",
261
- size: "small"
262
- }, isExpanded ? /*#__PURE__*/React.createElement(ExpandLess, {
263
- "data-testid": "dataflow-not-expand-test-id"
264
- }) : /*#__PURE__*/React.createElement(ExpandMore, {
265
- "data-testid": "dataflow-expanded-test-id"
266
- })), children && children))));
145
+
146
+ return React.createElement(
147
+ Card,
148
+ { elevation: 0, square: true, className: classes.card, 'data-testid': '' + testId },
149
+ React.createElement(
150
+ 'div',
151
+ { className: classes.container },
152
+ React.createElement(
153
+ 'div',
154
+ { className: classes.mainContent },
155
+ React.createElement(CardHeader, {
156
+ className: classes.cardHeader,
157
+ title: React.createElement(
158
+ 'div',
159
+ { className: classes.header, 'data-testid': testId + '_title' },
160
+ React.createElement(
161
+ Typography,
162
+ {
163
+ variant: 'h6',
164
+ color: 'primary',
165
+ display: 'inline',
166
+ className: classes.container
167
+ },
168
+ React.createElement(
169
+ Link,
170
+ {
171
+ className: classes.dataset,
172
+ href: url,
173
+ onClick: handleUrl,
174
+ color: 'primary',
175
+ underline: 'none'
176
+ },
177
+ React.createElement('span', { dangerouslySetInnerHTML: { __html: title } })
178
+ )
179
+ )
180
+ )
181
+ }),
182
+ R.not(R.isEmpty(description)) && React.createElement(
183
+ Collapse,
184
+ {
185
+ 'in': isExpanded,
186
+ collapsedSize: 70,
187
+ classes: isExpanded ? undefined : { wrapper: classes.wrapper }
188
+ },
189
+ React.createElement(
190
+ CardContent,
191
+ {
192
+ className: cx(classes.cardContent, (_cx = {}, _cx[classes.fadeContent] = !isExpanded, _cx))
193
+ },
194
+ React.createElement(
195
+ Typography,
196
+ {
197
+ variant: 'body2',
198
+ align: 'justify',
199
+ className: cx(classes.container, classes.mutedText, (_cx2 = {}, _cx2[classes.unmutedText] = isExpanded, _cx2))
200
+ },
201
+ React.createElement('span', { dangerouslySetInnerHTML: { __html: description } })
202
+ ),
203
+ !isExpanded && React.createElement('div', { className: classes.fading })
204
+ )
205
+ ),
206
+ R.not(R.empty(R.propOr('', 'highlightDescription')(body))) && React.createElement(
207
+ CardContent,
208
+ { className: classes.descriptionHighlight },
209
+ React.createElement(
210
+ Typography,
211
+ { variant: 'body2', align: 'justify', className: classes.container },
212
+ React.createElement('span', {
213
+ dangerouslySetInnerHTML: { __html: R.prop('highlightDescription')(body) },
214
+ className: cx((_cx3 = {}, _cx3[classes.noDisplay] = isExpanded, _cx3))
215
+ })
216
+ )
217
+ ),
218
+ React.createElement(
219
+ CardContent,
220
+ { className: classes.cardContent },
221
+ R.map(function (_ref2) {
222
+ var field = _ref2[0],
223
+ highlight = _ref2[1];
224
+ return React.createElement(
225
+ Typography,
226
+ {
227
+ variant: 'body2',
228
+ key: field,
229
+ color: 'textSecondary',
230
+ className: classes.container,
231
+ 'data-testid': testId + '_highlight_' + field
232
+ },
233
+ React.createElement(
234
+ 'strong',
235
+ null,
236
+ field,
237
+ ':\xA0'
238
+ ),
239
+ ' ',
240
+ React.createElement('span', { dangerouslySetInnerHTML: { __html: highlight } })
241
+ );
242
+ })(highlights),
243
+ React.createElement(
244
+ Collapse,
245
+ { 'in': isExpanded },
246
+ React.createElement(Divider, { className: classes.divider }),
247
+ R.map(function (_ref3) {
248
+ var field = _ref3[0],
249
+ categorie = _ref3[1];
250
+ return React.createElement(
251
+ Typography,
252
+ {
253
+ variant: 'body2',
254
+ key: field,
255
+ color: 'textSecondary',
256
+ className: classes.container
257
+ },
258
+ React.createElement(
259
+ 'strong',
260
+ null,
261
+ field,
262
+ ':\xA0'
263
+ ),
264
+ ' ',
265
+ React.createElement(
266
+ 'span',
267
+ null,
268
+ R.join(', ')(categorie)
269
+ )
270
+ );
271
+ })(categories),
272
+ R.not(R.isEmpty(categories)) && React.createElement(Divider, { className: classes.divider }),
273
+ label && React.createElement(
274
+ Typography,
275
+ { variant: 'body2', color: 'textSecondary', className: classes.container },
276
+ React.createElement(
277
+ 'strong',
278
+ null,
279
+ R.prop('source')(labels),
280
+ ':\xA0'
281
+ ),
282
+ ' ',
283
+ label
284
+ ),
285
+ React.createElement(Divider, { className: classes.divider }),
286
+ React.createElement(
287
+ CardActions,
288
+ { className: classes.footer, disableSpacing: true },
289
+ React.createElement(
290
+ Typography,
291
+ { variant: 'caption', color: 'textSecondary', className: classes.container },
292
+ React.createElement(
293
+ 'strong',
294
+ null,
295
+ R.prop('lastUpdated')(labels),
296
+ '\xA0'
297
+ ),
298
+ ' ',
299
+ React.createElement(
300
+ 'span',
301
+ null,
302
+ R.prop('date')(labels)
303
+ )
304
+ ),
305
+ React.createElement(
306
+ Typography,
307
+ { variant: 'caption', color: 'textSecondary', className: classes.container },
308
+ R.prop('note')(labels)
309
+ )
310
+ )
311
+ )
312
+ )
313
+ ),
314
+ React.createElement(
315
+ 'div',
316
+ null,
317
+ React.createElement(
318
+ CardActions,
319
+ { className: classes.rightSide, disableSpacing: true },
320
+ React.createElement(
321
+ IconButton,
322
+ {
323
+ 'data-testid': 'dataflow-expand-button-test-id',
324
+ 'aria-label': 'expand',
325
+ onClick: function onClick() {
326
+ return setExpand(function (prev) {
327
+ return !prev;
328
+ });
329
+ },
330
+ color: 'primary',
331
+ size: 'small'
332
+ },
333
+ isExpanded ? React.createElement(ExpandLess, { 'data-testid': 'dataflow-not-expand-test-id' }) : React.createElement(ExpandMore, { 'data-testid': 'dataflow-expanded-test-id' })
334
+ ),
335
+ children && children
336
+ )
337
+ )
338
+ )
339
+ );
267
340
  };
268
341
 
342
+ Dataflow.propTypes = process.env.NODE_ENV !== "production" ? {
343
+ testId: PropTypes.string,
344
+ title: PropTypes.string,
345
+ body: PropTypes.shape({
346
+ description: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
347
+ highlightDescription: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
348
+ }),
349
+ url: PropTypes.string,
350
+ handleUrl: PropTypes.func,
351
+ label: PropTypes.string,
352
+ labels: PropTypes.shape({
353
+ source: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
354
+ lastUpdated: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
355
+ note: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
356
+ date: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
357
+ }),
358
+ highlights: PropTypes.array,
359
+ categories: PropTypes.array,
360
+ children: PropTypes.node
361
+ } : {};
362
+
269
363
  export default withBlank(function (_ref4) {
270
364
  var isBlank = _ref4.isBlank,
271
365
  _ref4$title = _ref4.title,
272
- title = _ref4$title === void 0 ? '' : _ref4$title;
366
+ title = _ref4$title === undefined ? '' : _ref4$title;
273
367
  return {
274
368
  isBlank: R.or(isBlank, R.isEmpty(title))
275
369
  };
@@ -57,4 +57,5 @@
57
57
  * title: [testId]_title
58
58
  * highlight: [testId]_highlight_[highlights[field]]
59
59
  */
60
+
60
61
  export { default } from './Dataflow';
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import * as R from 'ramda';
3
3
  import cx from 'classnames';
4
+ import PropTypes from 'prop-types';
4
5
  import Accordion from '@material-ui/core/Accordion';
5
6
  import AccordionSummary from '@material-ui/core/AccordionSummary';
6
7
  import AccordionDetails from '@material-ui/core/AccordionDetails';
@@ -22,56 +23,92 @@ var CustomExpansionPanel = function CustomExpansionPanel(_ref) {
22
23
  children = _ref.children,
23
24
  isOpen = _ref.isOpen,
24
25
  _ref$maxHeight = _ref.maxHeight,
25
- maxHeight = _ref$maxHeight === void 0 ? true : _ref$maxHeight,
26
+ maxHeight = _ref$maxHeight === undefined ? true : _ref$maxHeight,
26
27
  fullWidth = _ref.fullWidth,
27
28
  _ref$testId = _ref.testId,
28
- testId = _ref$testId === void 0 ? 'expansion_panel' : _ref$testId,
29
+ testId = _ref$testId === undefined ? 'expansion_panel' : _ref$testId,
29
30
  isPinned = _ref.isPinned,
30
31
  pinnedLabel = _ref.pinnedLabel;
32
+
31
33
  var classes = useStyles();
32
- return /*#__PURE__*/React.createElement(Accordion, {
33
- "data-testid": testId,
34
- className: cx((_cx = {}, _cx[classes.fullWidth] = fullWidth, _cx)),
35
- expanded: isOpen,
36
- onChange: R.is(Function)(onChangeActivePanel) ? function () {
37
- return onChangeActivePanel(id);
38
- } : undefined,
39
- classes: {
40
- root: classes.panel
41
- },
42
- elevation: 0
43
- }, /*#__PURE__*/React.createElement(AccordionSummary, {
44
- "data-testid": testId + "_panel",
45
- className: classes.container,
46
- classes: {
47
- content: cx(classes.content, classes.ellipsis),
48
- expandIcon: classes.iconSummaryPanel
34
+
35
+ return React.createElement(
36
+ Accordion,
37
+ {
38
+ 'data-testid': testId,
39
+ className: cx((_cx = {}, _cx[classes.fullWidth] = fullWidth, _cx)),
40
+ expanded: isOpen,
41
+ onChange: R.is(Function)(onChangeActivePanel) ? function () {
42
+ return onChangeActivePanel(id);
43
+ } : undefined,
44
+ classes: { root: classes.panel },
45
+ elevation: 0
49
46
  },
50
- expandIcon: /*#__PURE__*/React.createElement(ExpandMoreIcon, null),
51
- "aria-controls": id,
52
- id: id,
53
- "aria-label": label
54
- }, /*#__PURE__*/React.createElement(Grid, {
55
- container: true,
56
- item: true,
57
- className: classes.ellipsis
58
- }, isPinned && /*#__PURE__*/React.createElement(Typography, {
59
- variant: "srOnly"
60
- }, pinnedLabel), /*#__PURE__*/React.createElement(Typography, {
61
- noWrap: true,
62
- variant: 'body2',
63
- title: label,
64
- className: classes.label
65
- }, label), isPinned && /*#__PURE__*/React.createElement("div", {
66
- className: classes.pinnedIcon
67
- }, "\u2022")), R.isNil(tag) ? null : tag), R.isNil(topElementComponent) ? null : topElementComponent, /*#__PURE__*/React.createElement(AccordionDetails, {
68
- className: cx(classes.details, (_cx2 = {}, _cx2[classes.overflow] = overflow, _cx2[classes.height] = maxHeight, _cx2))
69
- }, children));
47
+ React.createElement(
48
+ AccordionSummary,
49
+ {
50
+ 'data-testid': testId + '_panel',
51
+ className: classes.container,
52
+ classes: {
53
+ content: cx(classes.content, classes.ellipsis),
54
+ expandIcon: classes.iconSummaryPanel
55
+ },
56
+ expandIcon: React.createElement(ExpandMoreIcon, null),
57
+ 'aria-controls': id,
58
+ id: id,
59
+ 'aria-label': label
60
+ },
61
+ React.createElement(
62
+ Grid,
63
+ { container: true, item: true, className: classes.ellipsis },
64
+ isPinned && React.createElement(
65
+ Typography,
66
+ { variant: 'srOnly' },
67
+ pinnedLabel
68
+ ),
69
+ React.createElement(
70
+ Typography,
71
+ { noWrap: true, variant: 'body2', title: label, className: classes.label },
72
+ label
73
+ ),
74
+ isPinned && React.createElement(
75
+ 'div',
76
+ { className: classes.pinnedIcon },
77
+ '\u2022'
78
+ )
79
+ ),
80
+ R.isNil(tag) ? null : tag
81
+ ),
82
+ R.isNil(topElementComponent) ? null : topElementComponent,
83
+ React.createElement(
84
+ AccordionDetails,
85
+ {
86
+ className: cx(classes.details, (_cx2 = {}, _cx2[classes.overflow] = overflow, _cx2[classes.height] = maxHeight, _cx2))
87
+ },
88
+ children
89
+ )
90
+ );
70
91
  };
71
92
 
93
+ CustomExpansionPanel.propTypes = process.env.NODE_ENV !== "production" ? {
94
+ testId: PropTypes.string,
95
+ id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
96
+ classes: PropTypes.object,
97
+ topElementComponent: PropTypes.element,
98
+ onChangeActivePanel: PropTypes.func,
99
+ label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
100
+ pinnedLabel: PropTypes.string,
101
+ tag: PropTypes.element,
102
+ overflow: PropTypes.bool,
103
+ isOpen: PropTypes.bool,
104
+ isBlank: PropTypes.bool,
105
+ maxHeight: PropTypes.bool,
106
+ children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
107
+ fullWidth: PropTypes.bool,
108
+ isPinned: PropTypes.bool
109
+ } : {};
110
+
72
111
  export default withBlank(function (_ref2) {
73
112
  var isBlank = _ref2.isBlank;
74
- return {
75
- isBlank: isBlank
76
- };
113
+ return { isBlank: isBlank };
77
114
  })(CustomExpansionPanel);
@@ -48,4 +48,5 @@
48
48
  * root: [testId]
49
49
  * panel: [testId]_panel
50
50
  */
51
+
51
52
  export { default } from './ExpansionPanel';
@@ -1,6 +1,8 @@
1
- import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
1
+ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
2
+
2
3
  import * as R from 'ramda';
3
4
  import { makeStyles } from '@material-ui/core/styles';
5
+
4
6
  export var useStyles = makeStyles(function (theme) {
5
7
  return {
6
8
  container: {
@@ -19,7 +21,7 @@ export var useStyles = makeStyles(function (theme) {
19
21
  content: {
20
22
  display: 'flex',
21
23
  alignContent: 'space-between',
22
- margin: theme.spacing(0.5, 0) + " !important"
24
+ margin: theme.spacing(0.5, 0) + ' !important'
23
25
  },
24
26
  details: {
25
27
  display: 'flex',
@@ -36,7 +38,7 @@ export var useStyles = makeStyles(function (theme) {
36
38
  maxHeight: 'unset'
37
39
  },
38
40
  panel: {
39
- borderTop: "solid 2px " + theme.palette.grey[700],
41
+ borderTop: 'solid 2px ' + theme.palette.grey[700],
40
42
  borderRadius: 'unset !important',
41
43
  '&$expanded': {
42
44
  marginTop: 0,
@@ -1,10 +1,12 @@
1
- import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
1
+ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
2
+
2
3
  import React from 'react';
3
4
  import SvgIcon from '@material-ui/core/SvgIcon';
5
+
4
6
  export default (function (props) {
5
- return /*#__PURE__*/React.createElement(SvgIcon, _extends({
6
- viewBox: "0 0 32 38"
7
- }, props), /*#__PURE__*/React.createElement("path", {
8
- d: "M16 0.256c-8.672 0-15.744 7.072-15.744 15.744s7.072 15.744 15.744 15.744 15.744-7.072 15.744-15.744-7.072-15.744-15.744-15.744zM16 30.016c-7.744 0-13.984-6.272-13.984-14.016s6.24-14.016 13.984-14.016 14.016 6.272 14.016 14.016-6.272 14.016-14.016 14.016zM16 3.072c-7.072 0-12.928 5.728-12.928 12.928s5.728 12.928 12.928 12.928 12.928-5.728 12.928-12.928-5.856-12.928-12.928-12.928zM16 5.984c1.216 0 2.272 0.96 2.272 2.272 0 1.216-0.928 2.272-2.272 2.272s-2.272-1.184-2.272-2.4c0-1.184 1.088-2.144 2.272-2.144zM23.456 13.6c-0.256 0.256-0.512 0.544-0.928 0.544l-4.512 0.64v2.816l2.656 6.4c0.128 0.384 0.128 0.8 0 1.056-0.128 0.416-0.416 0.672-0.8 0.8-0.128 0.128-0.416 0.128-0.544 0.128-0.512 0-1.056-0.384-1.312-0.928l-2.016-4.928-1.984 4.928c-0.288 0.544-0.8 0.928-1.344 0.928-0.128 0-0.416 0-0.544-0.128-0.672-0.256-1.056-1.184-0.8-1.856l2.688-6.4v-2.816l-4.544-0.64c-0.416 0-0.672-0.288-0.928-0.544-0.288-0.256-0.416-0.672-0.288-1.056 0.16-0.672 0.672-1.216 1.472-1.216 0.128 0 0.128 0 0.288 0l5.44 0.8c0 0 0.16-0.128 0.16-0.128v0h0.928l0.128 0.128c0 0 0.128 0 0.128 0l5.472-0.8c0.128 0 0.128 0 0.256 0 0.672 0 1.344 0.544 1.472 1.216-0.128 0.384-0.256 0.8-0.544 1.056z"
9
- }));
7
+ return React.createElement(
8
+ SvgIcon,
9
+ _extends({ viewBox: '0 0 32 38' }, props),
10
+ React.createElement('path', { d: 'M16 0.256c-8.672 0-15.744 7.072-15.744 15.744s7.072 15.744 15.744 15.744 15.744-7.072 15.744-15.744-7.072-15.744-15.744-15.744zM16 30.016c-7.744 0-13.984-6.272-13.984-14.016s6.24-14.016 13.984-14.016 14.016 6.272 14.016 14.016-6.272 14.016-14.016 14.016zM16 3.072c-7.072 0-12.928 5.728-12.928 12.928s5.728 12.928 12.928 12.928 12.928-5.728 12.928-12.928-5.856-12.928-12.928-12.928zM16 5.984c1.216 0 2.272 0.96 2.272 2.272 0 1.216-0.928 2.272-2.272 2.272s-2.272-1.184-2.272-2.4c0-1.184 1.088-2.144 2.272-2.144zM23.456 13.6c-0.256 0.256-0.512 0.544-0.928 0.544l-4.512 0.64v2.816l2.656 6.4c0.128 0.384 0.128 0.8 0 1.056-0.128 0.416-0.416 0.672-0.8 0.8-0.128 0.128-0.416 0.128-0.544 0.128-0.512 0-1.056-0.384-1.312-0.928l-2.016-4.928-1.984 4.928c-0.288 0.544-0.8 0.928-1.344 0.928-0.128 0-0.416 0-0.544-0.128-0.672-0.256-1.056-1.184-0.8-1.856l2.688-6.4v-2.816l-4.544-0.64c-0.416 0-0.672-0.288-0.928-0.544-0.288-0.256-0.416-0.672-0.288-1.056 0.16-0.672 0.672-1.216 1.472-1.216 0.128 0 0.128 0 0.288 0l5.44 0.8c0 0 0.16-0.128 0.16-0.128v0h0.928l0.128 0.128c0 0 0.128 0 0.128 0l5.472-0.8c0.128 0 0.128 0 0.256 0 0.672 0 1.344 0.544 1.472 1.216-0.128 0.384-0.256 0.8-0.544 1.056z' })
11
+ );
10
12
  });
@@ -1,10 +1,12 @@
1
- import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
1
+ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
2
+
2
3
  import React from 'react';
3
4
  import SvgIcon from '@material-ui/core/SvgIcon';
5
+
4
6
  export default (function (props) {
5
- return /*#__PURE__*/React.createElement(SvgIcon, _extends({
6
- viewBox: "0 0 32 38"
7
- }, props), /*#__PURE__*/React.createElement("path", {
8
- d: "M16 0.256c-8.672 0-15.744 7.072-15.744 15.744s7.072 15.744 15.744 15.744 15.744-7.072 15.744-15.744-7.072-15.744-15.744-15.744zM16 30.016c-7.744 0-13.984-6.272-13.984-14.016s6.24-14.016 13.984-14.016 14.016 6.272 14.016 14.016-6.272 14.016-14.016 14.016zM19.328 25.984c-0.512 0-1.056-0.384-1.312-0.928l-2.016-4.928-1.984 4.928c-0.288 0.544-0.8 0.928-1.344 0.928-0.128 0-0.416 0-0.544-0.128-0.672-0.256-1.056-1.184-0.8-1.856l2.688-6.4v-2.816l-4.544-0.64c-0.416 0-0.672-0.288-0.928-0.544-0.288-0.256-0.416-0.672-0.288-1.056 0.16-0.672 0.672-1.216 1.472-1.216 0.128 0 0.128 0 0.288 0l5.44 0.8c0 0 0.16-0.128 0.16-0.128v0h0.928l0.128 0.128c0 0 0.128 0 0.128 0l5.472-0.8c0.128 0 0.128 0 0.256 0 0.672 0 1.344 0.544 1.472 1.216 0 0.384 0 0.8-0.256 1.056-0.288 0.256-0.544 0.544-0.928 0.544l-4.544 0.64v2.816l2.656 6.4c0.128 0.384 0.128 0.8 0 1.056-0.128 0.416-0.384 0.672-0.8 0.8-0.384 0.128-0.512 0.128-0.8 0.128zM16 10.4c-1.184 0-2.272-0.928-2.272-2.272s0.928-2.272 2.272-2.272c1.216 0 2.272 0.928 2.272 2.272s-1.056 2.272-2.272 2.272z"
9
- }));
7
+ return React.createElement(
8
+ SvgIcon,
9
+ _extends({ viewBox: '0 0 32 38' }, props),
10
+ React.createElement('path', { d: 'M16 0.256c-8.672 0-15.744 7.072-15.744 15.744s7.072 15.744 15.744 15.744 15.744-7.072 15.744-15.744-7.072-15.744-15.744-15.744zM16 30.016c-7.744 0-13.984-6.272-13.984-14.016s6.24-14.016 13.984-14.016 14.016 6.272 14.016 14.016-6.272 14.016-14.016 14.016zM19.328 25.984c-0.512 0-1.056-0.384-1.312-0.928l-2.016-4.928-1.984 4.928c-0.288 0.544-0.8 0.928-1.344 0.928-0.128 0-0.416 0-0.544-0.128-0.672-0.256-1.056-1.184-0.8-1.856l2.688-6.4v-2.816l-4.544-0.64c-0.416 0-0.672-0.288-0.928-0.544-0.288-0.256-0.416-0.672-0.288-1.056 0.16-0.672 0.672-1.216 1.472-1.216 0.128 0 0.128 0 0.288 0l5.44 0.8c0 0 0.16-0.128 0.16-0.128v0h0.928l0.128 0.128c0 0 0.128 0 0.128 0l5.472-0.8c0.128 0 0.128 0 0.256 0 0.672 0 1.344 0.544 1.472 1.216 0 0.384 0 0.8-0.256 1.056-0.288 0.256-0.544 0.544-0.928 0.544l-4.544 0.64v2.816l2.656 6.4c0.128 0.384 0.128 0.8 0 1.056-0.128 0.416-0.384 0.672-0.8 0.8-0.384 0.128-0.512 0.128-0.8 0.128zM16 10.4c-1.184 0-2.272-0.928-2.272-2.272s0.928-2.272 2.272-2.272c1.216 0 2.272 0.928 2.272 2.272s-1.056 2.272-2.272 2.272z' })
11
+ );
10
12
  });