@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.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.
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 +98 -36
  93. package/es/Share/Share.js +64 -41
  94. package/es/Share/index.js +10 -1
  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 +85 -53
  122. package/es/TableHtml5/index.js +1 -0
  123. package/es/TableHtml5/section.js +131 -86
  124. package/es/TableHtml5/sectionHeader.js +72 -45
  125. package/es/TableHtml5/subHeader.js +70 -47
  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 +130 -54
  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 +115 -70
  268. package/lib/TableHtml5/index.js +17 -8
  269. package/lib/TableHtml5/section.js +171 -109
  270. package/lib/TableHtml5/sectionHeader.js +102 -64
  271. package/lib/TableHtml5/subHeader.js +98 -65
  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,10 +1,12 @@
1
1
  import React from 'react';
2
2
  import * as R from 'ramda';
3
+ import PropTypes from 'prop-types';
3
4
  import Typography from '@material-ui/core/Typography';
4
5
  import TextareaAutosize from '@material-ui/core/TextareaAutosize';
5
6
  import Grid from '@material-ui/core/Grid';
6
7
  import { makeStyles } from '@material-ui/core/styles';
7
8
  import { Button } from '../';
9
+
8
10
  var useStyles = makeStyles(function (theme) {
9
11
  return {
10
12
  header: {
@@ -25,6 +27,7 @@ var Query = function Query(_ref) {
25
27
  selectedId = _ref.selectedId,
26
28
  labels = _ref.labels,
27
29
  delay = _ref.delay;
30
+
28
31
  var classes = useStyles();
29
32
  var ref = React.useRef();
30
33
 
@@ -48,73 +51,110 @@ var Query = function Query(_ref) {
48
51
  }, delay);
49
52
  }
50
53
  };
51
-
52
54
  var labelActionCopy = isCopied ? R.prop('copied')(labels) : R.prop('copy')(labels);
53
- return /*#__PURE__*/React.createElement(Grid, {
54
- item: true,
55
- xs: 12,
56
- md: 6,
57
- container: true
58
- }, /*#__PURE__*/React.createElement(Grid, {
59
- item: true,
60
- container: true,
61
- justifyContent: "space-between",
62
- alignItems: "flex-start",
63
- className: classes.header
64
- }, /*#__PURE__*/React.createElement(Grid, {
65
- item: true
66
- }, /*#__PURE__*/React.createElement(Typography, {
67
- className: classes.title,
68
- variant: "h6"
69
- }, title)), R.pipe(R.length, R.flip(R.gt)(1))(contents) && /*#__PURE__*/React.createElement(Grid, {
70
- container: true,
71
- alignItems: "center"
72
- }, /*#__PURE__*/React.createElement(Grid, {
73
- item: true
74
- }, /*#__PURE__*/React.createElement(Typography, {
75
- variant: "body2"
76
- }, labels.buttonsLabel, ":\xA0")), /*#__PURE__*/React.createElement(Grid, {
77
- item: true
78
- }, R.map(function (_ref2) {
79
- var id = _ref2.id,
80
- label = _ref2.label;
81
- return /*#__PURE__*/React.createElement(Button, {
82
- "aria-label": label,
83
- "aria-pressed": R.equals(value, id),
84
- key: id,
85
- size: "small",
86
- variant: "text",
87
- color: "primary",
88
- onClick: function onClick() {
89
- return setSelected(id);
55
+ return React.createElement(
56
+ Grid,
57
+ { item: true, xs: 12, md: 6, container: true },
58
+ React.createElement(
59
+ Grid,
60
+ {
61
+ item: true,
62
+ container: true,
63
+ justifyContent: 'space-between',
64
+ alignItems: 'flex-start',
65
+ className: classes.header
90
66
  },
91
- selected: R.equals(value, id)
92
- }, label);
93
- })(contents)))), /*#__PURE__*/React.createElement(Grid, {
94
- item: true,
95
- container: true,
96
- xs: 12,
97
- style: {
98
- alignSelf: 'flex-end'
99
- },
100
- justifyContent: "flex-end"
101
- }, /*#__PURE__*/React.createElement(TextareaAutosize, {
102
- ref: ref,
103
- "aria-label": title,
104
- className: classes.textarea,
105
- minRows: 5,
106
- maxRows: 5,
107
- readOnly: true,
108
- value: contentValue
109
- }), /*#__PURE__*/React.createElement(Button, {
110
- "aria-label": labelActionCopy,
111
- size: "small",
112
- variant: "contained",
113
- alternative: "siscc",
114
- color: "primary",
115
- onClick: copyToClipboard,
116
- className: classes.sisccButton
117
- }, labelActionCopy)));
67
+ React.createElement(
68
+ Grid,
69
+ { item: true },
70
+ React.createElement(
71
+ Typography,
72
+ { className: classes.title, variant: 'h6' },
73
+ title
74
+ )
75
+ ),
76
+ R.pipe(R.length, R.flip(R.gt)(1))(contents) && React.createElement(
77
+ Grid,
78
+ { container: true, alignItems: 'center' },
79
+ React.createElement(
80
+ Grid,
81
+ { item: true },
82
+ React.createElement(
83
+ Typography,
84
+ { variant: 'body2' },
85
+ labels.buttonsLabel,
86
+ ':\xA0'
87
+ )
88
+ ),
89
+ React.createElement(
90
+ Grid,
91
+ { item: true },
92
+ R.map(function (_ref2) {
93
+ var id = _ref2.id,
94
+ label = _ref2.label;
95
+ return React.createElement(
96
+ Button,
97
+ {
98
+ 'aria-label': label,
99
+ 'aria-pressed': R.equals(value, id),
100
+ key: id,
101
+ size: 'small',
102
+ variant: 'text',
103
+ color: 'primary',
104
+ onClick: function onClick() {
105
+ return setSelected(id);
106
+ },
107
+ selected: R.equals(value, id)
108
+ },
109
+ label
110
+ );
111
+ })(contents)
112
+ )
113
+ )
114
+ ),
115
+ React.createElement(
116
+ Grid,
117
+ { item: true, container: true, xs: 12, style: { alignSelf: 'flex-end' }, justifyContent: 'flex-end' },
118
+ React.createElement(TextareaAutosize, {
119
+ ref: ref,
120
+ 'aria-label': title,
121
+ className: classes.textarea,
122
+ minRows: 5,
123
+ maxRows: 5,
124
+ readOnly: true,
125
+ value: contentValue
126
+ }),
127
+ React.createElement(
128
+ Button,
129
+ {
130
+ 'aria-label': labelActionCopy,
131
+ size: 'small',
132
+ variant: 'contained',
133
+ alternative: 'siscc',
134
+ color: 'primary',
135
+ onClick: copyToClipboard,
136
+ className: classes.sisccButton
137
+ },
138
+ labelActionCopy
139
+ )
140
+ )
141
+ );
118
142
  };
119
143
 
144
+ Query.propTypes = process.env.NODE_ENV !== "production" ? {
145
+ labels: PropTypes.shape({
146
+ copy: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
147
+ copied: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
148
+ buttonsLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
149
+ }),
150
+ contents: PropTypes.arrayOf(PropTypes.shape({
151
+ id: PropTypes.string,
152
+ label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
153
+ value: PropTypes.string
154
+ })),
155
+ title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
156
+ selectedId: PropTypes.string,
157
+ delay: PropTypes.number
158
+ } : {};
159
+
120
160
  export default Query;
@@ -41,4 +41,5 @@
41
41
  * }
42
42
  * @demoReady
43
43
  */
44
+
44
45
  export { default } from './ApiQueries';
@@ -20,7 +20,9 @@
20
20
  * onSubmit: PropTypes.func.isRequired
21
21
  * };
22
22
  */
23
+
23
24
  import React, { useState } from 'react';
25
+ import PropTypes from 'prop-types';
24
26
  import { isEmpty } from 'ramda';
25
27
  import Button from '../Button';
26
28
  import Checkbox from '@material-ui/core/Checkbox';
@@ -31,6 +33,7 @@ import PersonIcon from '@material-ui/icons/Person';
31
33
  import TextField from '@material-ui/core/TextField';
32
34
  import Typography from '@material-ui/core/Typography';
33
35
  import { makeStyles } from '@material-ui/core/styles';
36
+
34
37
  var useStyles = makeStyles(function (theme) {
35
38
  return {
36
39
  header: {
@@ -75,6 +78,7 @@ var AuthDialog = function AuthDialog(_ref) {
75
78
  labels = _ref.labels,
76
79
  onClose = _ref.onClose,
77
80
  onSubmit = _ref.onSubmit;
81
+
78
82
  var classes = useStyles();
79
83
 
80
84
  var _useState = useState(''),
@@ -91,7 +95,6 @@ var AuthDialog = function AuthDialog(_ref) {
91
95
 
92
96
  var onChangeAnonymous = function onChangeAnonymous() {
93
97
  setIsAnonymous(!isAnonymous);
94
-
95
98
  if (!isAnonymous) {
96
99
  setUser('');
97
100
  setPassword('');
@@ -101,69 +104,107 @@ var AuthDialog = function AuthDialog(_ref) {
101
104
  var canSubmit = isAnonymous || !isEmpty(user) && !isEmpty(password);
102
105
 
103
106
  var onClickSubmit = function onClickSubmit() {
104
- return onSubmit({
105
- user: user,
106
- password: password,
107
- isAnonymous: isAnonymous
108
- });
107
+ return onSubmit({ user: user, password: password, isAnonymous: isAnonymous });
109
108
  };
110
109
 
111
- return /*#__PURE__*/React.createElement(Dialog, {
112
- open: isOpen,
113
- onClose: onClose
114
- }, /*#__PURE__*/React.createElement("div", {
115
- className: classes.header
116
- }, /*#__PURE__*/React.createElement("div", {
117
- className: classes.headerLabel
118
- }, /*#__PURE__*/React.createElement(PersonIcon, null), /*#__PURE__*/React.createElement(Typography, null, labels.header)), /*#__PURE__*/React.createElement(IconButton, {
119
- className: classes.closeButton,
120
- onClick: onClose
121
- }, /*#__PURE__*/React.createElement(CloseIcon, null))), /*#__PURE__*/React.createElement("form", {
122
- className: classes.content
123
- }, /*#__PURE__*/React.createElement("label", {
124
- htmlFor: "login"
125
- }, labels.user), /*#__PURE__*/React.createElement(TextField, {
126
- inputProps: {
127
- className: classes.input,
128
- id: 'login',
129
- autoComplete: 'username',
130
- name: 'username'
131
- },
132
- value: user,
133
- onChange: function onChange(e) {
134
- return setUser(e.target.value);
135
- },
136
- disabled: isAnonymous
137
- }), /*#__PURE__*/React.createElement("label", {
138
- htmlFor: "password"
139
- }, labels.password), /*#__PURE__*/React.createElement(TextField, {
140
- inputProps: {
141
- className: classes.input,
142
- id: 'password',
143
- autoComplete: 'current-password',
144
- name: 'password'
145
- },
146
- value: password,
147
- onChange: function onChange(e) {
148
- return setPassword(e.target.value);
149
- },
150
- disabled: isAnonymous,
151
- type: "password"
152
- }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Checkbox, {
153
- checked: isAnonymous,
154
- onChange: onChangeAnonymous
155
- }), labels.anonymous), labels.error && /*#__PURE__*/React.createElement("div", {
156
- className: classes.error
157
- }, labels.error), /*#__PURE__*/React.createElement(Button, {
158
- color: "primary",
159
- disabled: !canSubmit,
160
- onClick: onClickSubmit,
161
- variant: "contained"
162
- }, /*#__PURE__*/React.createElement("div", {
163
- style: {
164
- width: '100%'
165
- }
166
- }, labels.submit))));
110
+ return React.createElement(
111
+ Dialog,
112
+ { open: isOpen, onClose: onClose },
113
+ React.createElement(
114
+ 'div',
115
+ { className: classes.header },
116
+ React.createElement(
117
+ 'div',
118
+ { className: classes.headerLabel },
119
+ React.createElement(PersonIcon, null),
120
+ React.createElement(
121
+ Typography,
122
+ null,
123
+ labels.header
124
+ )
125
+ ),
126
+ React.createElement(
127
+ IconButton,
128
+ { className: classes.closeButton, onClick: onClose },
129
+ React.createElement(CloseIcon, null)
130
+ )
131
+ ),
132
+ React.createElement(
133
+ 'form',
134
+ { className: classes.content },
135
+ React.createElement(
136
+ 'label',
137
+ { htmlFor: 'login' },
138
+ labels.user
139
+ ),
140
+ React.createElement(TextField, {
141
+ inputProps: {
142
+ className: classes.input,
143
+ id: 'login',
144
+ autoComplete: 'username',
145
+ name: 'username'
146
+ },
147
+ value: user,
148
+ onChange: function onChange(e) {
149
+ return setUser(e.target.value);
150
+ },
151
+ disabled: isAnonymous
152
+ }),
153
+ React.createElement(
154
+ 'label',
155
+ { htmlFor: 'password' },
156
+ labels.password
157
+ ),
158
+ React.createElement(TextField, {
159
+ inputProps: {
160
+ className: classes.input,
161
+ id: 'password',
162
+ autoComplete: 'current-password',
163
+ name: 'password'
164
+ },
165
+ value: password,
166
+ onChange: function onChange(e) {
167
+ return setPassword(e.target.value);
168
+ },
169
+ disabled: isAnonymous,
170
+ type: 'password'
171
+ }),
172
+ React.createElement(
173
+ 'div',
174
+ null,
175
+ React.createElement(Checkbox, { checked: isAnonymous, onChange: onChangeAnonymous }),
176
+ labels.anonymous
177
+ ),
178
+ labels.error && React.createElement(
179
+ 'div',
180
+ { className: classes.error },
181
+ labels.error
182
+ ),
183
+ React.createElement(
184
+ Button,
185
+ { color: 'primary', disabled: !canSubmit, onClick: onClickSubmit, variant: 'contained' },
186
+ React.createElement(
187
+ 'div',
188
+ { style: { width: '100%' } },
189
+ labels.submit
190
+ )
191
+ )
192
+ )
193
+ );
167
194
  };
168
195
 
196
+ AuthDialog.propTypes = process.env.NODE_ENV !== "production" ? {
197
+ isOpen: PropTypes.bool,
198
+ labels: PropTypes.shape({
199
+ anonymous: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
200
+ error: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
201
+ header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
202
+ password: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
203
+ user: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
204
+ submit: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
205
+ }),
206
+ onClose: PropTypes.func.isRequired,
207
+ onSubmit: PropTypes.func.isRequired
208
+ } : {};
209
+
169
210
  export default AuthDialog;
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import PropTypes from 'prop-types';
2
3
  import * as R from 'ramda';
3
4
  import { makeStyles } from '@material-ui/core/styles';
4
5
  import Breadcrumbs from '@material-ui/core/Breadcrumbs';
@@ -6,6 +7,7 @@ import Typography from '@material-ui/core/Typography';
6
7
  import NavigateNextIcon from '@material-ui/icons/NavigateNext';
7
8
  import NavigateBeforeIcon from '@material-ui/icons/NavigateBefore';
8
9
  import cx from 'classnames';
10
+
9
11
  var useStyles = makeStyles(function (theme) {
10
12
  return {
11
13
  action: {
@@ -26,30 +28,45 @@ var useStyles = makeStyles(function (theme) {
26
28
 
27
29
  var CustomBreadcrumbs = function CustomBreadcrumbs(_ref) {
28
30
  var _ref$items = _ref.items,
29
- items = _ref$items === void 0 ? [] : _ref$items,
31
+ items = _ref$items === undefined ? [] : _ref$items,
30
32
  isRtl = _ref.isRtl;
33
+
31
34
  var classes = useStyles();
32
- return /*#__PURE__*/React.createElement(Breadcrumbs, {
33
- separator: isRtl ? /*#__PURE__*/React.createElement(NavigateBeforeIcon, {
34
- fontSize: "small"
35
- }) : /*#__PURE__*/React.createElement(NavigateNextIcon, {
36
- fontSize: "small"
37
- }),
38
- "aria-label": "breadcrumb"
39
- }, R.addIndex(R.map)(function (_ref2, index) {
40
- var _cx;
41
35
 
42
- var text = _ref2.text,
43
- action = _ref2.action,
44
- isDisabled = _ref2.isDisabled;
45
- return /*#__PURE__*/React.createElement(Typography, {
46
- key: text + "-" + index,
47
- color: "textPrimary",
48
- onClick: action,
49
- variant: "subtitle1",
50
- className: cx((_cx = {}, _cx[classes.action] = R.is(Function)(action), _cx[classes.disabled] = isDisabled, _cx))
51
- }, text);
52
- })(items));
36
+ return React.createElement(
37
+ Breadcrumbs,
38
+ {
39
+ separator: isRtl ? React.createElement(NavigateBeforeIcon, { fontSize: 'small' }) : React.createElement(NavigateNextIcon, { fontSize: 'small' }),
40
+ 'aria-label': 'breadcrumb'
41
+ },
42
+ R.addIndex(R.map)(function (_ref2, index) {
43
+ var _cx;
44
+
45
+ var text = _ref2.text,
46
+ action = _ref2.action,
47
+ isDisabled = _ref2.isDisabled;
48
+ return React.createElement(
49
+ Typography,
50
+ {
51
+ key: text + '-' + index,
52
+ color: 'textPrimary',
53
+ onClick: action,
54
+ variant: 'subtitle1',
55
+ className: cx((_cx = {}, _cx[classes.action] = R.is(Function)(action), _cx[classes.disabled] = isDisabled, _cx))
56
+ },
57
+ text
58
+ );
59
+ })(items)
60
+ );
53
61
  };
54
62
 
63
+ CustomBreadcrumbs.propTypes = process.env.NODE_ENV !== "production" ? {
64
+ items: PropTypes.arrayOf(PropTypes.shape({
65
+ text: PropTypes.string.isRequired,
66
+ action: PropTypes.func,
67
+ isDisabled: PropTypes.bool
68
+ })),
69
+ isRtl: PropTypes.bool
70
+ } : {};
71
+
55
72
  export default CustomBreadcrumbs;
@@ -26,4 +26,5 @@
26
26
  * }
27
27
  * }
28
28
  */
29
+
29
30
  export { default } from './Breadcrumbs';
@@ -1,18 +1,22 @@
1
- import _objectWithoutPropertiesLoose from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
- import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
3
- var _excluded = ["className", "selected", "alternative"];
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
+
3
+ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
4
+
4
5
  import React from 'react';
5
6
  import * as R from 'ramda';
7
+ import PropTypes from 'prop-types';
6
8
  import cx from 'classnames';
7
9
  import Button from '@material-ui/core/Button';
8
10
  import { makeStyles } from '@material-ui/core/styles';
11
+
9
12
  var useStyles = makeStyles(function (theme) {
10
13
  var color1 = R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.dark;
14
+
11
15
  return {
12
16
  defaultSelected: {
13
17
  backgroundColor: theme.palette.action.hover,
14
18
  '&:hover': {
15
- backgroundColor: theme.palette.action.selected + " !important"
19
+ backgroundColor: theme.palette.action.selected + ' !important'
16
20
  }
17
21
  },
18
22
  sisccRoot: {
@@ -27,20 +31,33 @@ var useStyles = makeStyles(function (theme) {
27
31
  }, R.path(['mixins', 'toggleButton', 'selected'])(theme))
28
32
  };
29
33
  });
34
+
30
35
  var MyButton = React.forwardRef(function (_ref, ref) {
31
36
  var _cx;
32
37
 
33
38
  var className = _ref.className,
34
39
  selected = _ref.selected,
35
40
  _ref$alternative = _ref.alternative,
36
- alternative = _ref$alternative === void 0 ? 'default' : _ref$alternative,
37
- props = _objectWithoutPropertiesLoose(_ref, _excluded);
41
+ alternative = _ref$alternative === undefined ? 'default' : _ref$alternative,
42
+ props = _objectWithoutProperties(_ref, ['className', 'selected', 'alternative']);
38
43
 
39
44
  var classes = useStyles();
40
- return /*#__PURE__*/React.createElement(Button, _extends({
41
- className: cx(className, R.prop(alternative + "Root")(classes), (_cx = {}, _cx[R.prop(alternative + "Selected")(classes)] = selected, _cx)),
42
- "aria-pressed": selected,
43
- ref: ref
44
- }, props), props.children);
45
+ return React.createElement(
46
+ Button,
47
+ _extends({
48
+ className: cx(className, R.prop(alternative + 'Root')(classes), (_cx = {}, _cx[R.prop(alternative + 'Selected')(classes)] = selected, _cx)),
49
+ 'aria-pressed': selected,
50
+ ref: ref
51
+ }, props),
52
+ props.children
53
+ );
45
54
  });
55
+
56
+ MyButton.propTypes = process.env.NODE_ENV !== "production" ? {
57
+ className: PropTypes.string,
58
+ alternative: PropTypes.string,
59
+ selected: PropTypes.bool,
60
+ children: PropTypes.node
61
+ } : {};
62
+
46
63
  export default MyButton;
@@ -48,4 +48,5 @@
48
48
  * }
49
49
  * }
50
50
  */
51
+
51
52
  export { default } from './Button';