@sis-cc/dotstatsuite-visions 6.4.3 → 6.6.0

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 +66 -135
  2. package/es/Alert/index.js +0 -1
  3. package/es/ApiQueries/ApiQueries.js +45 -79
  4. package/es/ApiQueries/Query.js +65 -105
  5. package/es/ApiQueries/index.js +0 -1
  6. package/es/AuthDialog/index.js +169 -0
  7. package/es/Breadcrumbs/Breadcrumbs.js +21 -38
  8. package/es/Breadcrumbs/index.js +0 -1
  9. package/es/Button/Button.js +11 -28
  10. package/es/Button/index.js +0 -1
  11. package/es/ChartsConfig/Axis.js +72 -76
  12. package/es/ChartsConfig/ButtonGroup.js +29 -51
  13. package/es/ChartsConfig/ChartsConfig.js +87 -187
  14. package/es/ChartsConfig/ContainerTitle.js +15 -36
  15. package/es/ChartsConfig/Focus.js +37 -48
  16. package/es/ChartsConfig/Frequency.js +24 -36
  17. package/es/ChartsConfig/Series.js +28 -43
  18. package/es/ChartsConfig/Size.js +36 -50
  19. package/es/ChartsConfig/index.js +0 -1
  20. package/es/ChartsConfig/styles.js +4 -4
  21. package/es/ChartsConfig/utils.js +1 -5
  22. package/es/Chips/Chips.js +99 -154
  23. package/es/Chips/index.js +0 -1
  24. package/es/CollapseButtons/CollapseButtons.js +63 -99
  25. package/es/CollapseButtons/Item.js +45 -70
  26. package/es/CollapseButtons/Paper.js +7 -21
  27. package/es/CollapseButtons/index.js +3 -1
  28. package/es/DataEdit/DataEdit.js +67 -124
  29. package/es/DataEdit/Input.js +27 -58
  30. package/es/DataEdit/index.js +0 -1
  31. package/es/DataFooter/DataFooter.js +68 -115
  32. package/es/DataFooter/index.js +0 -1
  33. package/es/DataHeader/DataHeader.js +75 -113
  34. package/es/DataHeader/Flags.js +8 -21
  35. package/es/DataHeader/Title.js +2 -15
  36. package/es/DataHeader/TooltipHeader.js +33 -63
  37. package/es/DataHeader/index.js +0 -1
  38. package/es/DataHeader/utils.js +8 -8
  39. package/es/Dataflow/Dataflow.js +132 -226
  40. package/es/Dataflow/index.js +0 -1
  41. package/es/ExpansionPanel/ExpansionPanel.js +42 -79
  42. package/es/ExpansionPanel/index.js +0 -1
  43. package/es/ExpansionPanel/styles.js +3 -5
  44. package/es/Icons/AccessibilityFilled.js +6 -8
  45. package/es/Icons/AccessibilityOutlined.js +6 -8
  46. package/es/Icons/AccountFilled.js +6 -8
  47. package/es/Icons/AccountOutlined.js +6 -8
  48. package/es/Icons/Api.js +6 -8
  49. package/es/Icons/Asterisk.js +6 -8
  50. package/es/Icons/Bar.js +6 -8
  51. package/es/Icons/CopyContent.js +6 -8
  52. package/es/Icons/Cross.js +6 -8
  53. package/es/Icons/HSymbol.js +6 -8
  54. package/es/Icons/Row.js +6 -8
  55. package/es/Icons/Scatter.js +6 -8
  56. package/es/Icons/StackedBar.js +6 -8
  57. package/es/Icons/StackedRow.js +6 -8
  58. package/es/Icons/Timeline.js +6 -8
  59. package/es/Icons/VSymbol.js +6 -8
  60. package/es/Icons/Warning.js +11 -14
  61. package/es/Icons/index.js +0 -1
  62. package/es/Input/Input.js +26 -56
  63. package/es/Input/index.js +0 -1
  64. package/es/Input/with-input.js +30 -25
  65. package/es/InputNumber/InputNumber.js +31 -51
  66. package/es/InputNumber/index.js +0 -1
  67. package/es/LabelDivider/LabelDivider.js +7 -18
  68. package/es/LabelDivider/index.js +0 -1
  69. package/es/Loading/Loading.js +9 -18
  70. package/es/Loading/index.js +0 -1
  71. package/es/Logo/Logo.js +11 -17
  72. package/es/Logo/index.js +0 -1
  73. package/es/NoData/NoData.js +17 -25
  74. package/es/NoData/index.js +0 -1
  75. package/es/Pagination/Pagination.js +70 -114
  76. package/es/Pagination/index.js +0 -1
  77. package/es/PeriodPicker/PeriodPicker.js +101 -124
  78. package/es/PeriodPicker/constants.js +78 -13
  79. package/es/PeriodPicker/index.js +0 -1
  80. package/es/PeriodPicker/lib.js +37 -23
  81. package/es/PeriodPicker/styles.js +0 -1
  82. package/es/ScopeList/Header.js +41 -60
  83. package/es/ScopeList/Item.js +98 -144
  84. package/es/ScopeList/ScopeList.js +132 -184
  85. package/es/ScopeList/Selection.js +51 -93
  86. package/es/ScopeList/index.js +0 -1
  87. package/es/ScopeList/styles.js +2 -3
  88. package/es/ScopeList/with-scope-list.js +151 -88
  89. package/es/Select/Select.js +44 -60
  90. package/es/Select/index.js +0 -1
  91. package/es/Share/Form.js +58 -88
  92. package/es/Share/Mode.js +30 -46
  93. package/es/Share/Share.js +41 -64
  94. package/es/Share/index.js +0 -1
  95. package/es/SisccFooter/SisccFooter.js +29 -36
  96. package/es/SisccFooter/index.js +0 -1
  97. package/es/Spotlight/Fields.js +37 -71
  98. package/es/Spotlight/Spotlight.js +51 -92
  99. package/es/Spotlight/index.js +0 -1
  100. package/es/Spotlight/useSpotlight.js +33 -13
  101. package/es/Spotlight/useStyles.js +2 -4
  102. package/es/Table/Table.js +50 -71
  103. package/es/Table/header.js +36 -50
  104. package/es/Table/index.js +0 -1
  105. package/es/Table/itemCell.js +13 -25
  106. package/es/Table/row-header.js +31 -50
  107. package/es/Table/section-header.js +30 -55
  108. package/es/Table/section-rows.js +38 -62
  109. package/es/Table/styles.js +2 -8
  110. package/es/Table/tableCell.js +7 -17
  111. package/es/Table/tooltip.js +21 -41
  112. package/es/Table/useStyles.js +2 -3
  113. package/es/Table/valueCell.js +26 -41
  114. package/es/TableFooter/TableFooter.js +42 -70
  115. package/es/TableFooter/index.js +0 -1
  116. package/es/TableHeader/TableHeader.js +18 -36
  117. package/es/TableHeader/index.js +0 -1
  118. package/es/TableHtml5/TableHtml5.js +71 -68
  119. package/es/TableHtml5/cell.js +35 -55
  120. package/es/TableHtml5/flags.js +29 -58
  121. package/es/TableHtml5/header.js +48 -66
  122. package/es/TableHtml5/index.js +0 -1
  123. package/es/TableHtml5/section.js +86 -120
  124. package/es/TableHtml5/sectionHeader.js +45 -72
  125. package/es/TableHtml5/subHeader.js +48 -58
  126. package/es/TableLayout/Box.js +33 -66
  127. package/es/TableLayout/DnDItem.js +37 -68
  128. package/es/TableLayout/TableLayout.js +105 -177
  129. package/es/TableLayout/constants.js +0 -2
  130. package/es/TableLayout/index.js +0 -1
  131. package/es/TableLayout/lib.js +1 -3
  132. package/es/TablePreview/TablePreview.js +99 -176
  133. package/es/TablePreview/index.js +0 -1
  134. package/es/TablePreview/lib.js +5 -4
  135. package/es/TablePreview/styles.js +0 -1
  136. package/es/Tag/Tag.js +5 -21
  137. package/es/Tag/index.js +0 -1
  138. package/es/ToggleButton/ToggleButton.js +28 -34
  139. package/es/ToggleButton/index.js +3 -1
  140. package/es/Tooltip/Tooltip.js +20 -32
  141. package/es/Tooltip/index.js +0 -1
  142. package/es/VerticalButton/VerticalButton.js +17 -22
  143. package/es/VerticalButton/index.js +0 -1
  144. package/es/index.js +3 -4
  145. package/es/theme.js +32 -14
  146. package/es/utils.js +16 -14
  147. package/lib/Alert/Alert.js +87 -168
  148. package/lib/Alert/index.js +7 -12
  149. package/lib/ApiQueries/ApiQueries.js +61 -105
  150. package/lib/ApiQueries/Query.js +85 -132
  151. package/lib/ApiQueries/index.js +7 -12
  152. package/lib/AuthDialog/index.js +193 -0
  153. package/lib/Breadcrumbs/Breadcrumbs.js +39 -68
  154. package/lib/Breadcrumbs/index.js +7 -12
  155. package/lib/Button/Button.js +28 -47
  156. package/lib/Button/index.js +7 -12
  157. package/lib/ChartsConfig/Axis.js +88 -100
  158. package/lib/ChartsConfig/ButtonGroup.js +43 -74
  159. package/lib/ChartsConfig/ChartsConfig.js +113 -236
  160. package/lib/ChartsConfig/ContainerTitle.js +30 -59
  161. package/lib/ChartsConfig/Focus.js +53 -71
  162. package/lib/ChartsConfig/Frequency.js +39 -59
  163. package/lib/ChartsConfig/Series.js +45 -70
  164. package/lib/ChartsConfig/Size.js +53 -77
  165. package/lib/ChartsConfig/index.js +7 -12
  166. package/lib/ChartsConfig/styles.js +16 -11
  167. package/lib/ChartsConfig/utils.js +14 -13
  168. package/lib/Chips/Chips.js +122 -192
  169. package/lib/Chips/index.js +7 -12
  170. package/lib/CollapseButtons/CollapseButtons.js +86 -132
  171. package/lib/CollapseButtons/Item.js +64 -98
  172. package/lib/CollapseButtons/Paper.js +19 -41
  173. package/lib/CollapseButtons/index.js +7 -12
  174. package/lib/DataEdit/DataEdit.js +88 -156
  175. package/lib/DataEdit/Input.js +42 -82
  176. package/lib/DataEdit/index.js +7 -12
  177. package/lib/DataFooter/DataFooter.js +88 -144
  178. package/lib/DataFooter/index.js +7 -12
  179. package/lib/DataHeader/DataHeader.js +106 -158
  180. package/lib/DataHeader/Flags.js +18 -34
  181. package/lib/DataHeader/Title.js +11 -27
  182. package/lib/DataHeader/TooltipHeader.js +48 -79
  183. package/lib/DataHeader/index.js +7 -12
  184. package/lib/DataHeader/utils.js +16 -10
  185. package/lib/Dataflow/Dataflow.js +159 -277
  186. package/lib/Dataflow/index.js +7 -12
  187. package/lib/ExpansionPanel/ExpansionPanel.js +63 -116
  188. package/lib/ExpansionPanel/index.js +7 -12
  189. package/lib/ExpansionPanel/styles.js +15 -12
  190. package/lib/Icons/AccessibilityFilled.js +15 -17
  191. package/lib/Icons/AccessibilityOutlined.js +15 -17
  192. package/lib/Icons/AccountFilled.js +15 -17
  193. package/lib/Icons/AccountOutlined.js +15 -17
  194. package/lib/Icons/Api.js +15 -17
  195. package/lib/Icons/Asterisk.js +15 -17
  196. package/lib/Icons/Bar.js +15 -17
  197. package/lib/Icons/CopyContent.js +15 -17
  198. package/lib/Icons/Cross.js +15 -17
  199. package/lib/Icons/HSymbol.js +15 -17
  200. package/lib/Icons/Row.js +15 -17
  201. package/lib/Icons/Scatter.js +15 -17
  202. package/lib/Icons/StackedBar.js +15 -17
  203. package/lib/Icons/StackedRow.js +15 -17
  204. package/lib/Icons/Timeline.js +15 -17
  205. package/lib/Icons/VSymbol.js +15 -17
  206. package/lib/Icons/Warning.js +27 -31
  207. package/lib/Icons/index.js +68 -152
  208. package/lib/Input/Input.js +47 -85
  209. package/lib/Input/index.js +7 -12
  210. package/lib/Input/with-input.js +38 -35
  211. package/lib/InputNumber/InputNumber.js +50 -80
  212. package/lib/InputNumber/index.js +7 -12
  213. package/lib/LabelDivider/LabelDivider.js +23 -37
  214. package/lib/LabelDivider/index.js +7 -12
  215. package/lib/Loading/Loading.js +20 -35
  216. package/lib/Loading/index.js +7 -12
  217. package/lib/Logo/Logo.js +20 -28
  218. package/lib/Logo/index.js +7 -12
  219. package/lib/NoData/NoData.js +28 -42
  220. package/lib/NoData/index.js +7 -12
  221. package/lib/Pagination/Pagination.js +91 -150
  222. package/lib/Pagination/index.js +7 -12
  223. package/lib/PeriodPicker/PeriodPicker.js +121 -150
  224. package/lib/PeriodPicker/constants.js +126 -37
  225. package/lib/PeriodPicker/index.js +7 -12
  226. package/lib/PeriodPicker/lib.js +99 -61
  227. package/lib/PeriodPicker/styles.js +7 -4
  228. package/lib/ScopeList/Header.js +58 -88
  229. package/lib/ScopeList/Item.js +116 -177
  230. package/lib/ScopeList/ScopeList.js +160 -234
  231. package/lib/ScopeList/Selection.js +70 -131
  232. package/lib/ScopeList/index.js +7 -12
  233. package/lib/ScopeList/styles.js +10 -9
  234. package/lib/ScopeList/with-scope-list.js +199 -108
  235. package/lib/Select/Select.js +59 -80
  236. package/lib/Select/index.js +7 -12
  237. package/lib/Share/Form.js +77 -119
  238. package/lib/Share/Mode.js +49 -78
  239. package/lib/Share/Share.js +59 -91
  240. package/lib/Share/index.js +7 -12
  241. package/lib/SisccFooter/SisccFooter.js +44 -63
  242. package/lib/SisccFooter/index.js +7 -12
  243. package/lib/Spotlight/Fields.js +54 -100
  244. package/lib/Spotlight/Spotlight.js +75 -136
  245. package/lib/Spotlight/index.js +7 -12
  246. package/lib/Spotlight/useSpotlight.js +44 -20
  247. package/lib/Spotlight/useStyles.js +15 -12
  248. package/lib/Table/Table.js +69 -102
  249. package/lib/Table/header.js +51 -70
  250. package/lib/Table/index.js +7 -12
  251. package/lib/Table/itemCell.js +25 -41
  252. package/lib/Table/row-header.js +49 -75
  253. package/lib/Table/section-header.js +50 -82
  254. package/lib/Table/section-rows.js +60 -94
  255. package/lib/Table/styles.js +23 -25
  256. package/lib/Table/tableCell.js +19 -37
  257. package/lib/Table/tooltip.js +36 -54
  258. package/lib/Table/useStyles.js +11 -8
  259. package/lib/Table/valueCell.js +39 -59
  260. package/lib/TableFooter/TableFooter.js +57 -93
  261. package/lib/TableFooter/index.js +7 -12
  262. package/lib/TableHeader/TableHeader.js +32 -56
  263. package/lib/TableHeader/index.js +7 -12
  264. package/lib/TableHtml5/TableHtml5.js +90 -97
  265. package/lib/TableHtml5/cell.js +52 -84
  266. package/lib/TableHtml5/flags.js +48 -82
  267. package/lib/TableHtml5/header.js +66 -96
  268. package/lib/TableHtml5/index.js +8 -17
  269. package/lib/TableHtml5/section.js +111 -162
  270. package/lib/TableHtml5/sectionHeader.js +64 -102
  271. package/lib/TableHtml5/subHeader.js +68 -88
  272. package/lib/TableLayout/Box.js +54 -97
  273. package/lib/TableLayout/DnDItem.js +58 -98
  274. package/lib/TableLayout/TableLayout.js +140 -232
  275. package/lib/TableLayout/constants.js +8 -6
  276. package/lib/TableLayout/index.js +7 -12
  277. package/lib/TableLayout/lib.js +14 -9
  278. package/lib/TablePreview/TablePreview.js +118 -205
  279. package/lib/TablePreview/index.js +7 -12
  280. package/lib/TablePreview/lib.js +30 -19
  281. package/lib/TablePreview/styles.js +7 -6
  282. package/lib/Tag/Tag.js +19 -38
  283. package/lib/Tag/index.js +7 -12
  284. package/lib/ToggleButton/ToggleButton.js +44 -60
  285. package/lib/ToggleButton/index.js +7 -12
  286. package/lib/Tooltip/Tooltip.js +34 -50
  287. package/lib/Tooltip/index.js +7 -12
  288. package/lib/VerticalButton/VerticalButton.js +40 -46
  289. package/lib/VerticalButton/index.js +7 -12
  290. package/lib/index.js +138 -296
  291. package/lib/theme.js +41 -17
  292. package/lib/utils.js +46 -31
  293. package/package.json +2 -10
@@ -1,7 +1,5 @@
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
-
1
+ import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
3
2
  import React, { Fragment, useState } from 'react';
4
- import PropTypes from 'prop-types';
5
3
  import cx from 'classnames';
6
4
  import * as R from 'ramda';
7
5
  import Grid from '@material-ui/core/Grid';
@@ -20,7 +18,6 @@ import Box from './Box';
20
18
  import { changeLayout, rejectHiddenElement, addHiddenElement } from './lib';
21
19
  import { BOX, wcagId } from './constants';
22
20
  import { Button } from '../';
23
-
24
21
  export var useStyles = makeStyles(function (theme) {
25
22
  return {
26
23
  dnd: {
@@ -37,7 +34,6 @@ export var useStyles = makeStyles(function (theme) {
37
34
  }
38
35
  };
39
36
  });
40
-
41
37
  var transform = {
42
38
  index: R.add(1)
43
39
  };
@@ -46,15 +42,14 @@ var TableLayout = function TableLayout(_ref) {
46
42
  var _boxLabel;
47
43
 
48
44
  var _ref$layout = _ref.layout,
49
- layout = _ref$layout === undefined ? [] : _ref$layout,
45
+ layout = _ref$layout === void 0 ? [] : _ref$layout,
50
46
  _ref$itemRenderer = _ref.itemRenderer,
51
- itemRenderer = _ref$itemRenderer === undefined ? R.prop('name') : _ref$itemRenderer,
47
+ itemRenderer = _ref$itemRenderer === void 0 ? R.prop('name') : _ref$itemRenderer,
52
48
  itemButtonProps = _ref.itemButtonProps,
53
49
  labels = _ref.labels,
54
50
  commit = _ref.commit,
55
51
  noPreview = _ref.noPreview,
56
52
  accessibility = _ref.accessibility;
57
-
58
53
  var classes = useStyles();
59
54
  var hiddenElement = R.map(R.filter(function (_ref2) {
60
55
  var isHidden = _ref2.isHidden;
@@ -110,9 +105,7 @@ var TableLayout = function TableLayout(_ref) {
110
105
  if (R.is(Function)(labels.wcagDragUpdate)) {
111
106
  var droppableId = destination.droppableId,
112
107
  index = destination.index;
113
-
114
108
  var length = R.ifElse(R.always(R.equals(droppableId, source.droppableId)), R.pipe(R.prop(droppableId), R.length), R.pipe(R.prop(droppableId), R.length, R.add(1)))(currentLayout);
115
-
116
109
  R.pipe(R.evolve(transform), R.prop('wcagDragUpdate', labels), provided.announce)({
117
110
  dropZone: R.prop(droppableId)(boxLabel),
118
111
  dragZone: R.prop(source.droppableId)(boxLabel),
@@ -137,11 +130,11 @@ var TableLayout = function TableLayout(_ref) {
137
130
  if (R.isNil(destination)) {
138
131
  return;
139
132
  }
133
+
140
134
  if (R.is(Function)(labels.wcagDragEnd)) {
141
135
  if (R.equals(reason, 'DROP')) {
142
136
  var droppableId = destination.droppableId,
143
137
  index = destination.index;
144
-
145
138
  R.pipe(R.evolve(transform), R.prop('wcagDragEnd', labels), provided.announce)({
146
139
  dropZone: R.prop(droppableId)(boxLabel),
147
140
  dragZone: R.prop(source.droppableId)(boxLabel),
@@ -160,7 +153,7 @@ var TableLayout = function TableLayout(_ref) {
160
153
  };
161
154
  };
162
155
 
163
- var header = React.createElement(Box, {
156
+ var header = /*#__PURE__*/React.createElement(Box, {
164
157
  title: labels.column,
165
158
  Icon: ViewColumn,
166
159
  items: R.prop(BOX.header)(currentLayout),
@@ -171,175 +164,110 @@ var TableLayout = function TableLayout(_ref) {
171
164
  accessibility: accessibility,
172
165
  md: accessibility ? 4 : 6
173
166
  });
174
-
175
- var sectionsAndRows = React.createElement(
176
- Fragment,
177
- null,
178
- React.createElement(Box, {
179
- title: labels.section,
180
- Icon: Reorder,
181
- items: R.prop(BOX.sections)(currentLayout),
182
- labels: labels,
183
- dropZoneLabel: BOX.sections,
184
- itemRenderer: itemRenderer,
185
- itemButtonProps: itemButtonProps,
186
- accessibility: accessibility,
187
- md: accessibility ? 4 : 12
188
- }),
189
- React.createElement(Box, {
190
- title: labels.row,
191
- Icon: ViewList,
192
- items: R.prop(BOX.rows)(currentLayout),
193
- labels: labels,
194
- dropZoneLabel: BOX.rows,
195
- itemRenderer: itemRenderer,
196
- itemButtonProps: itemButtonProps,
197
- accessibility: accessibility,
198
- md: accessibility ? 4 : 12
199
- })
200
- );
201
-
202
- return React.createElement(
203
- Grid,
204
- { 'data-testid': 'table-layout-test-id', container: true },
205
- React.createElement(
206
- 'div',
207
- { id: wcagId, style: { display: 'none' } },
208
- labels.wcagDragExplanation
209
- ),
210
- React.createElement(
211
- DragDropContext,
212
- {
213
- onDragEnd: onDragEnd(currentLayout),
214
- onDragStart: onDragStart,
215
- onDragUpdate: onDragUpdate
216
- },
217
- React.createElement(
218
- Grid,
219
- { container: true, direction: 'row', spacing: 1, className: classes.dnd },
220
- React.createElement(
221
- Grid,
222
- { item: true, xs: 12 },
223
- React.createElement(
224
- Grid,
225
- { container: true, spacing: 1 },
226
- React.createElement(
227
- Grid,
228
- { tabIndex: 0, item: true, xs: 12, md: accessibility ? 12 : 6 },
229
- React.createElement(
230
- 'span',
231
- null,
232
- labels.help
233
- ),
234
- React.createElement(
235
- Typography,
236
- { variant: 'srOnly' },
237
- labels.wcagDragExplanation
238
- )
239
- ),
240
- R.not(accessibility) && header
241
- )
242
- ),
243
- React.createElement(
244
- Grid,
245
- { container: true, spacing: 1 },
246
- accessibility && header,
247
- accessibility && sectionsAndRows,
248
- R.not(accessibility) && React.createElement(
249
- Grid,
250
- { item: true, xs: 12, md: 6 },
251
- sectionsAndRows
252
- ),
253
- !noPreview && React.createElement(
254
- Grid,
255
- { item: true, xs: 12, md: accessibility ? 12 : 6, className: cx(classes.wrapper) },
256
- React.createElement(
257
- 'div',
258
- { className: classes.iconTitle },
259
- React.createElement(ViewQuilt, null),
260
- React.createElement(
261
- Typography,
262
- { tabIndex: 0, variant: 'subtitle1' },
263
- labels.table
264
- )
265
- ),
266
- React.createElement(TablePreview, _extends({}, currentLayout, { itemRenderer: itemRenderer }))
267
- )
268
- )
269
- )
270
- ),
271
- React.createElement(
272
- Grid,
273
- { container: true, justifyContent: 'flex-end', className: classes.buttonContainer, spacing: 1 },
274
- R.map(function (button) {
275
- return React.createElement(
276
- Grid,
277
- { item: true, key: button.id },
278
- React.createElement(
279
- Button,
280
- _extends({ 'aria-label': button.label, color: 'primary' }, button),
281
- React.createElement(
282
- Typography,
283
- { variant: 'body2' },
284
- button.label
285
- )
286
- )
287
- );
288
- })([{ id: 2, label: labels.cancel, onClick: onCancel, startIcon: React.createElement(Undo, null) }, {
289
- id: 1,
290
- label: labels.commit,
291
- onClick: onCommit,
292
- startIcon: React.createElement(Done, null),
293
- variant: 'contained',
294
- alternative: 'siscc',
295
- className: classes.applyButton
296
- }])
297
- )
298
- );
299
- };
300
-
301
- var patern = {
302
- id: PropTypes.string,
303
- label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
304
- values: PropTypes.arrayOf(PropTypes.shape({
305
- id: PropTypes.string,
306
- label: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
307
- }))
167
+ var sectionsAndRows = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Box, {
168
+ title: labels.section,
169
+ Icon: Reorder,
170
+ items: R.prop(BOX.sections)(currentLayout),
171
+ labels: labels,
172
+ dropZoneLabel: BOX.sections,
173
+ itemRenderer: itemRenderer,
174
+ itemButtonProps: itemButtonProps,
175
+ accessibility: accessibility,
176
+ md: accessibility ? 4 : 12
177
+ }), /*#__PURE__*/React.createElement(Box, {
178
+ title: labels.row,
179
+ Icon: ViewList,
180
+ items: R.prop(BOX.rows)(currentLayout),
181
+ labels: labels,
182
+ dropZoneLabel: BOX.rows,
183
+ itemRenderer: itemRenderer,
184
+ itemButtonProps: itemButtonProps,
185
+ accessibility: accessibility,
186
+ md: accessibility ? 4 : 12
187
+ }));
188
+ return /*#__PURE__*/React.createElement(Grid, {
189
+ "data-testid": "table-layout-test-id",
190
+ container: true
191
+ }, /*#__PURE__*/React.createElement("div", {
192
+ id: wcagId,
193
+ style: {
194
+ display: 'none'
195
+ }
196
+ }, labels.wcagDragExplanation), /*#__PURE__*/React.createElement(DragDropContext, {
197
+ onDragEnd: onDragEnd(currentLayout),
198
+ onDragStart: onDragStart,
199
+ onDragUpdate: onDragUpdate
200
+ }, /*#__PURE__*/React.createElement(Grid, {
201
+ container: true,
202
+ direction: "row",
203
+ spacing: 1,
204
+ className: classes.dnd
205
+ }, /*#__PURE__*/React.createElement(Grid, {
206
+ item: true,
207
+ xs: 12
208
+ }, /*#__PURE__*/React.createElement(Grid, {
209
+ container: true,
210
+ spacing: 1
211
+ }, /*#__PURE__*/React.createElement(Grid, {
212
+ tabIndex: 0,
213
+ item: true,
214
+ xs: 12,
215
+ md: accessibility ? 12 : 6
216
+ }, /*#__PURE__*/React.createElement("span", null, labels.help), /*#__PURE__*/React.createElement(Typography, {
217
+ variant: "srOnly"
218
+ }, labels.wcagDragExplanation)), R.not(accessibility) && header)), /*#__PURE__*/React.createElement(Grid, {
219
+ container: true,
220
+ spacing: 1
221
+ }, accessibility && header, accessibility && sectionsAndRows, R.not(accessibility) && /*#__PURE__*/React.createElement(Grid, {
222
+ item: true,
223
+ xs: 12,
224
+ md: 6
225
+ }, sectionsAndRows), !noPreview && /*#__PURE__*/React.createElement(Grid, {
226
+ item: true,
227
+ xs: 12,
228
+ md: accessibility ? 12 : 6,
229
+ className: cx(classes.wrapper)
230
+ }, /*#__PURE__*/React.createElement("div", {
231
+ className: classes.iconTitle
232
+ }, /*#__PURE__*/React.createElement(ViewQuilt, null), /*#__PURE__*/React.createElement(Typography, {
233
+ tabIndex: 0,
234
+ variant: "subtitle1"
235
+ }, labels.table)), /*#__PURE__*/React.createElement(TablePreview, _extends({}, currentLayout, {
236
+ itemRenderer: itemRenderer
237
+ })))))), /*#__PURE__*/React.createElement(Grid, {
238
+ container: true,
239
+ justifyContent: 'flex-end',
240
+ className: classes.buttonContainer,
241
+ spacing: 1
242
+ }, R.map(function (button) {
243
+ return /*#__PURE__*/React.createElement(Grid, {
244
+ item: true,
245
+ key: button.id
246
+ }, /*#__PURE__*/React.createElement(Button, _extends({
247
+ "aria-label": button.label,
248
+ color: "primary"
249
+ }, button), /*#__PURE__*/React.createElement(Typography, {
250
+ variant: "body2"
251
+ }, button.label)));
252
+ })([{
253
+ id: 2,
254
+ label: labels.cancel,
255
+ onClick: onCancel,
256
+ startIcon: /*#__PURE__*/React.createElement(Undo, null)
257
+ }, {
258
+ id: 1,
259
+ label: labels.commit,
260
+ onClick: onCommit,
261
+ startIcon: /*#__PURE__*/React.createElement(Done, null),
262
+ variant: 'contained',
263
+ alternative: 'siscc',
264
+ className: classes.applyButton
265
+ }])));
308
266
  };
309
267
 
310
- TableLayout.propTypes = process.env.NODE_ENV !== "production" ? {
311
- layout: PropTypes.shape({
312
- header: PropTypes.arrayOf(PropTypes.shape(patern)),
313
- sections: PropTypes.arrayOf(PropTypes.shape(patern)),
314
- rows: PropTypes.arrayOf(PropTypes.shape(patern))
315
- }),
316
- itemRenderer: PropTypes.func,
317
- commit: PropTypes.func,
318
- noPreview: PropTypes.bool,
319
- itemButtonProps: PropTypes.object,
320
- labels: PropTypes.shape({
321
- commit: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
322
- cancel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
323
- row: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
324
- column: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
325
- section: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
326
- table: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
327
- asc: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
328
- desc: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
329
- help: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
330
- one: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
331
- wcagDragStart: PropTypes.func,
332
- wcagDragUpdate: PropTypes.func,
333
- wcagDragEnd: PropTypes.func,
334
- wcagDragCancel: PropTypes.string,
335
- wcagDragExplanation: PropTypes.string
336
- }),
337
- accessibility: PropTypes.bool
338
- } : {};
339
-
340
268
  export default withBlank(function (_ref6) {
341
269
  var _ref6$layout = _ref6.layout,
342
- layout = _ref6$layout === undefined ? [] : _ref6$layout,
270
+ layout = _ref6$layout === void 0 ? [] : _ref6$layout,
343
271
  isBlank = _ref6.isBlank;
344
272
  return {
345
273
  isBlank: R.or(isBlank, R.pipe(R.values, R.all(R.isEmpty))(layout))
@@ -1,11 +1,9 @@
1
1
  export var ITEMS_TYPES = {
2
2
  DND: 'DND'
3
3
  };
4
-
5
4
  export var BOX = {
6
5
  header: 'header',
7
6
  sections: 'sections',
8
7
  rows: 'rows'
9
8
  };
10
-
11
9
  export var wcagId = 'dnd-how-drag-item';
@@ -71,5 +71,4 @@
71
71
  * }
72
72
  * }
73
73
  **/
74
-
75
74
  export { default } from './TableLayout';
@@ -1,5 +1,4 @@
1
1
  import * as R from 'ramda';
2
-
3
2
  export var changeLayout = function changeLayout(_ref) {
4
3
  var dragIndex = _ref.dragIndex,
5
4
  hoverIndex = _ref.hoverIndex,
@@ -10,15 +9,14 @@ export var changeLayout = function changeLayout(_ref) {
10
9
  if (R.equals(dragZone, dropZone)) {
11
10
  return R.over(R.lensProp(dropZone), R.move(dragIndex, hoverIndex), currentLayout);
12
11
  }
12
+
13
13
  var item = R.pipe(R.prop(dragZone), R.nth(dragIndex))(currentLayout);
14
14
  return R.pipe(R.over(R.lensProp(dragZone), R.without([item])), R.over(R.lensProp(dropZone), R.insert(hoverIndex, item)))(currentLayout);
15
15
  };
16
-
17
16
  export var rejectHiddenElement = R.map(R.reject(function (_ref2) {
18
17
  var isHidden = _ref2.isHidden;
19
18
  return isHidden;
20
19
  }));
21
-
22
20
  export var addHiddenElement = function addHiddenElement(layout) {
23
21
  return R.mapObjIndexed(function (values, key) {
24
22
  return R.pipe(R.prop(key), R.concat(values))(layout);