@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.
- package/es/Alert/Alert.js +135 -66
- package/es/Alert/index.js +1 -0
- package/es/ApiQueries/ApiQueries.js +79 -45
- package/es/ApiQueries/Query.js +105 -65
- package/es/ApiQueries/index.js +1 -0
- package/es/AuthDialog/index.js +103 -62
- package/es/Breadcrumbs/Breadcrumbs.js +38 -21
- package/es/Breadcrumbs/index.js +1 -0
- package/es/Button/Button.js +28 -11
- package/es/Button/index.js +1 -0
- package/es/ChartsConfig/Axis.js +76 -72
- package/es/ChartsConfig/ButtonGroup.js +51 -29
- package/es/ChartsConfig/ChartsConfig.js +187 -87
- package/es/ChartsConfig/ContainerTitle.js +36 -15
- package/es/ChartsConfig/Focus.js +48 -37
- package/es/ChartsConfig/Frequency.js +36 -24
- package/es/ChartsConfig/Series.js +43 -28
- package/es/ChartsConfig/Size.js +50 -36
- package/es/ChartsConfig/index.js +1 -0
- package/es/ChartsConfig/styles.js +4 -4
- package/es/ChartsConfig/utils.js +5 -1
- package/es/Chips/Chips.js +154 -99
- package/es/Chips/index.js +1 -0
- package/es/CollapseButtons/CollapseButtons.js +101 -61
- package/es/CollapseButtons/Item.js +70 -45
- package/es/CollapseButtons/Paper.js +21 -7
- package/es/CollapseButtons/index.js +1 -0
- package/es/DataEdit/DataEdit.js +124 -67
- package/es/DataEdit/Input.js +58 -27
- package/es/DataEdit/index.js +1 -0
- package/es/DataFooter/DataFooter.js +115 -68
- package/es/DataFooter/index.js +1 -0
- package/es/DataHeader/DataHeader.js +113 -75
- package/es/DataHeader/Flags.js +21 -8
- package/es/DataHeader/Title.js +15 -2
- package/es/DataHeader/TooltipHeader.js +63 -33
- package/es/DataHeader/index.js +1 -0
- package/es/DataHeader/utils.js +8 -8
- package/es/Dataflow/Dataflow.js +226 -132
- package/es/Dataflow/index.js +1 -0
- package/es/ExpansionPanel/ExpansionPanel.js +79 -42
- package/es/ExpansionPanel/index.js +1 -0
- package/es/ExpansionPanel/styles.js +5 -3
- package/es/Icons/AccessibilityFilled.js +8 -6
- package/es/Icons/AccessibilityOutlined.js +8 -6
- package/es/Icons/AccountFilled.js +8 -6
- package/es/Icons/AccountOutlined.js +8 -6
- package/es/Icons/Api.js +8 -6
- package/es/Icons/Asterisk.js +8 -6
- package/es/Icons/Bar.js +8 -6
- package/es/Icons/CopyContent.js +8 -6
- package/es/Icons/Cross.js +8 -6
- package/es/Icons/HSymbol.js +8 -6
- package/es/Icons/Row.js +8 -6
- package/es/Icons/Scatter.js +8 -6
- package/es/Icons/StackedBar.js +8 -6
- package/es/Icons/StackedRow.js +8 -6
- package/es/Icons/Timeline.js +8 -6
- package/es/Icons/VSymbol.js +8 -6
- package/es/Icons/Warning.js +14 -11
- package/es/Icons/index.js +1 -0
- package/es/Input/Input.js +56 -26
- package/es/Input/index.js +1 -0
- package/es/Input/with-input.js +25 -30
- package/es/InputNumber/InputNumber.js +51 -31
- package/es/InputNumber/index.js +1 -0
- package/es/LabelDivider/LabelDivider.js +18 -7
- package/es/LabelDivider/index.js +1 -0
- package/es/Loading/Loading.js +18 -9
- package/es/Loading/index.js +1 -0
- package/es/Logo/Logo.js +17 -11
- package/es/Logo/index.js +1 -0
- package/es/NoData/NoData.js +25 -17
- package/es/NoData/index.js +1 -0
- package/es/Pagination/Pagination.js +114 -70
- package/es/Pagination/index.js +1 -0
- package/es/PeriodPicker/PeriodPicker.js +124 -101
- package/es/PeriodPicker/constants.js +13 -78
- package/es/PeriodPicker/index.js +1 -0
- package/es/PeriodPicker/lib.js +23 -37
- package/es/PeriodPicker/styles.js +1 -0
- package/es/ScopeList/Header.js +60 -41
- package/es/ScopeList/Item.js +144 -98
- package/es/ScopeList/ScopeList.js +184 -132
- package/es/ScopeList/Selection.js +93 -51
- package/es/ScopeList/index.js +1 -0
- package/es/ScopeList/styles.js +3 -2
- package/es/ScopeList/with-scope-list.js +88 -151
- package/es/Select/Select.js +60 -44
- package/es/Select/index.js +1 -0
- package/es/Share/Form.js +88 -58
- package/es/Share/Mode.js +98 -36
- package/es/Share/Share.js +64 -41
- package/es/Share/index.js +10 -1
- package/es/SisccFooter/SisccFooter.js +36 -29
- package/es/SisccFooter/index.js +1 -0
- package/es/Spotlight/Fields.js +71 -37
- package/es/Spotlight/Spotlight.js +92 -51
- package/es/Spotlight/index.js +1 -0
- package/es/Spotlight/useSpotlight.js +13 -33
- package/es/Spotlight/useStyles.js +4 -2
- package/es/Table/Table.js +71 -50
- package/es/Table/header.js +50 -36
- package/es/Table/index.js +1 -0
- package/es/Table/itemCell.js +25 -13
- package/es/Table/row-header.js +50 -31
- package/es/Table/section-header.js +55 -30
- package/es/Table/section-rows.js +62 -38
- package/es/Table/styles.js +8 -2
- package/es/Table/tableCell.js +17 -7
- package/es/Table/tooltip.js +41 -21
- package/es/Table/useStyles.js +3 -2
- package/es/Table/valueCell.js +41 -26
- package/es/TableFooter/TableFooter.js +70 -42
- package/es/TableFooter/index.js +1 -0
- package/es/TableHeader/TableHeader.js +36 -18
- package/es/TableHeader/index.js +1 -0
- package/es/TableHtml5/TableHtml5.js +72 -60
- package/es/TableHtml5/cell.js +55 -35
- package/es/TableHtml5/flags.js +58 -29
- package/es/TableHtml5/header.js +85 -53
- package/es/TableHtml5/index.js +1 -0
- package/es/TableHtml5/section.js +131 -86
- package/es/TableHtml5/sectionHeader.js +72 -45
- package/es/TableHtml5/subHeader.js +70 -47
- package/es/TableLayout/Box.js +66 -33
- package/es/TableLayout/DnDItem.js +68 -37
- package/es/TableLayout/TableLayout.js +177 -105
- package/es/TableLayout/constants.js +2 -0
- package/es/TableLayout/index.js +1 -0
- package/es/TableLayout/lib.js +3 -1
- package/es/TablePreview/TablePreview.js +176 -99
- package/es/TablePreview/index.js +1 -0
- package/es/TablePreview/lib.js +4 -5
- package/es/TablePreview/styles.js +1 -0
- package/es/Tag/Tag.js +21 -5
- package/es/Tag/index.js +1 -0
- package/es/ToggleButton/ToggleButton.js +29 -17
- package/es/ToggleButton/index.js +1 -0
- package/es/Tooltip/Tooltip.js +32 -20
- package/es/Tooltip/index.js +1 -0
- package/es/VerticalButton/VerticalButton.js +22 -17
- package/es/VerticalButton/index.js +1 -0
- package/es/index.js +4 -2
- package/es/theme.js +14 -22
- package/es/utils.js +14 -16
- package/lib/Alert/Alert.js +168 -87
- package/lib/Alert/index.js +12 -7
- package/lib/ApiQueries/ApiQueries.js +105 -61
- package/lib/ApiQueries/Query.js +132 -85
- package/lib/ApiQueries/index.js +12 -7
- package/lib/AuthDialog/index.js +137 -82
- package/lib/Breadcrumbs/Breadcrumbs.js +68 -39
- package/lib/Breadcrumbs/index.js +12 -7
- package/lib/Button/Button.js +47 -28
- package/lib/Button/index.js +12 -7
- package/lib/ChartsConfig/Axis.js +100 -88
- package/lib/ChartsConfig/ButtonGroup.js +74 -43
- package/lib/ChartsConfig/ChartsConfig.js +236 -113
- package/lib/ChartsConfig/ContainerTitle.js +59 -30
- package/lib/ChartsConfig/Focus.js +71 -53
- package/lib/ChartsConfig/Frequency.js +59 -39
- package/lib/ChartsConfig/Series.js +70 -45
- package/lib/ChartsConfig/Size.js +77 -53
- package/lib/ChartsConfig/index.js +12 -7
- package/lib/ChartsConfig/styles.js +11 -16
- package/lib/ChartsConfig/utils.js +13 -14
- package/lib/Chips/Chips.js +192 -122
- package/lib/Chips/index.js +12 -7
- package/lib/CollapseButtons/CollapseButtons.js +134 -84
- package/lib/CollapseButtons/Item.js +98 -64
- package/lib/CollapseButtons/Paper.js +41 -19
- package/lib/CollapseButtons/index.js +12 -7
- package/lib/DataEdit/DataEdit.js +156 -88
- package/lib/DataEdit/Input.js +82 -42
- package/lib/DataEdit/index.js +12 -7
- package/lib/DataFooter/DataFooter.js +144 -88
- package/lib/DataFooter/index.js +12 -7
- package/lib/DataHeader/DataHeader.js +158 -106
- package/lib/DataHeader/Flags.js +34 -18
- package/lib/DataHeader/Title.js +27 -11
- package/lib/DataHeader/TooltipHeader.js +79 -48
- package/lib/DataHeader/index.js +12 -7
- package/lib/DataHeader/utils.js +10 -16
- package/lib/Dataflow/Dataflow.js +277 -159
- package/lib/Dataflow/index.js +12 -7
- package/lib/ExpansionPanel/ExpansionPanel.js +116 -63
- package/lib/ExpansionPanel/index.js +12 -7
- package/lib/ExpansionPanel/styles.js +12 -15
- package/lib/Icons/AccessibilityFilled.js +17 -15
- package/lib/Icons/AccessibilityOutlined.js +17 -15
- package/lib/Icons/AccountFilled.js +17 -15
- package/lib/Icons/AccountOutlined.js +17 -15
- package/lib/Icons/Api.js +17 -15
- package/lib/Icons/Asterisk.js +17 -15
- package/lib/Icons/Bar.js +17 -15
- package/lib/Icons/CopyContent.js +17 -15
- package/lib/Icons/Cross.js +17 -15
- package/lib/Icons/HSymbol.js +17 -15
- package/lib/Icons/Row.js +17 -15
- package/lib/Icons/Scatter.js +17 -15
- package/lib/Icons/StackedBar.js +17 -15
- package/lib/Icons/StackedRow.js +17 -15
- package/lib/Icons/Timeline.js +17 -15
- package/lib/Icons/VSymbol.js +17 -15
- package/lib/Icons/Warning.js +31 -27
- package/lib/Icons/index.js +152 -68
- package/lib/Input/Input.js +85 -47
- package/lib/Input/index.js +12 -7
- package/lib/Input/with-input.js +35 -38
- package/lib/InputNumber/InputNumber.js +80 -50
- package/lib/InputNumber/index.js +12 -7
- package/lib/LabelDivider/LabelDivider.js +37 -23
- package/lib/LabelDivider/index.js +12 -7
- package/lib/Loading/Loading.js +35 -20
- package/lib/Loading/index.js +12 -7
- package/lib/Logo/Logo.js +28 -20
- package/lib/Logo/index.js +12 -7
- package/lib/NoData/NoData.js +42 -28
- package/lib/NoData/index.js +12 -7
- package/lib/Pagination/Pagination.js +150 -91
- package/lib/Pagination/index.js +12 -7
- package/lib/PeriodPicker/PeriodPicker.js +150 -121
- package/lib/PeriodPicker/constants.js +37 -126
- package/lib/PeriodPicker/index.js +12 -7
- package/lib/PeriodPicker/lib.js +61 -99
- package/lib/PeriodPicker/styles.js +4 -7
- package/lib/ScopeList/Header.js +88 -58
- package/lib/ScopeList/Item.js +177 -116
- package/lib/ScopeList/ScopeList.js +234 -160
- package/lib/ScopeList/Selection.js +131 -70
- package/lib/ScopeList/index.js +12 -7
- package/lib/ScopeList/styles.js +9 -10
- package/lib/ScopeList/with-scope-list.js +108 -199
- package/lib/Select/Select.js +80 -59
- package/lib/Select/index.js +12 -7
- package/lib/Share/Form.js +119 -77
- package/lib/Share/Mode.js +130 -54
- package/lib/Share/Share.js +91 -59
- package/lib/Share/index.js +12 -7
- package/lib/SisccFooter/SisccFooter.js +63 -44
- package/lib/SisccFooter/index.js +12 -7
- package/lib/Spotlight/Fields.js +100 -54
- package/lib/Spotlight/Spotlight.js +136 -75
- package/lib/Spotlight/index.js +12 -7
- package/lib/Spotlight/useSpotlight.js +20 -44
- package/lib/Spotlight/useStyles.js +12 -15
- package/lib/Table/Table.js +102 -69
- package/lib/Table/header.js +70 -51
- package/lib/Table/index.js +12 -7
- package/lib/Table/itemCell.js +41 -25
- package/lib/Table/row-header.js +75 -49
- package/lib/Table/section-header.js +82 -50
- package/lib/Table/section-rows.js +94 -60
- package/lib/Table/styles.js +25 -23
- package/lib/Table/tableCell.js +37 -19
- package/lib/Table/tooltip.js +54 -36
- package/lib/Table/useStyles.js +8 -11
- package/lib/Table/valueCell.js +59 -39
- package/lib/TableFooter/TableFooter.js +93 -57
- package/lib/TableFooter/index.js +12 -7
- package/lib/TableHeader/TableHeader.js +56 -32
- package/lib/TableHeader/index.js +12 -7
- package/lib/TableHtml5/TableHtml5.js +100 -78
- package/lib/TableHtml5/cell.js +84 -52
- package/lib/TableHtml5/flags.js +82 -48
- package/lib/TableHtml5/header.js +115 -70
- package/lib/TableHtml5/index.js +17 -8
- package/lib/TableHtml5/section.js +171 -109
- package/lib/TableHtml5/sectionHeader.js +102 -64
- package/lib/TableHtml5/subHeader.js +98 -65
- package/lib/TableLayout/Box.js +97 -54
- package/lib/TableLayout/DnDItem.js +98 -58
- package/lib/TableLayout/TableLayout.js +232 -140
- package/lib/TableLayout/constants.js +6 -8
- package/lib/TableLayout/index.js +12 -7
- package/lib/TableLayout/lib.js +9 -14
- package/lib/TablePreview/TablePreview.js +205 -118
- package/lib/TablePreview/index.js +12 -7
- package/lib/TablePreview/lib.js +19 -30
- package/lib/TablePreview/styles.js +6 -7
- package/lib/Tag/Tag.js +38 -19
- package/lib/Tag/index.js +12 -7
- package/lib/ToggleButton/ToggleButton.js +55 -33
- package/lib/ToggleButton/index.js +12 -7
- package/lib/Tooltip/Tooltip.js +50 -34
- package/lib/Tooltip/index.js +12 -7
- package/lib/VerticalButton/VerticalButton.js +46 -40
- package/lib/VerticalButton/index.js +12 -7
- package/lib/index.js +304 -137
- package/lib/theme.js +17 -31
- package/lib/utils.js +31 -46
- package/package.json +10 -2
|
@@ -1,55 +1,83 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
|
|
1
|
+
'use strict';
|
|
4
2
|
|
|
5
3
|
exports.__esModule = true;
|
|
6
|
-
exports.useStyles =
|
|
4
|
+
exports.useStyles = undefined;
|
|
5
|
+
|
|
6
|
+
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; };
|
|
7
|
+
|
|
8
|
+
var _react = require('react');
|
|
9
|
+
|
|
10
|
+
var _react2 = _interopRequireDefault(_react);
|
|
11
|
+
|
|
12
|
+
var _propTypes = require('prop-types');
|
|
13
|
+
|
|
14
|
+
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
15
|
+
|
|
16
|
+
var _classnames = require('classnames');
|
|
17
|
+
|
|
18
|
+
var _classnames2 = _interopRequireDefault(_classnames);
|
|
19
|
+
|
|
20
|
+
var _ramda = require('ramda');
|
|
7
21
|
|
|
8
|
-
var
|
|
22
|
+
var R = _interopRequireWildcard(_ramda);
|
|
9
23
|
|
|
10
|
-
var
|
|
24
|
+
var _Grid = require('@material-ui/core/Grid');
|
|
11
25
|
|
|
12
|
-
var
|
|
26
|
+
var _Grid2 = _interopRequireDefault(_Grid);
|
|
13
27
|
|
|
14
|
-
var
|
|
28
|
+
var _Typography = require('@material-ui/core/Typography');
|
|
15
29
|
|
|
16
|
-
var
|
|
30
|
+
var _Typography2 = _interopRequireDefault(_Typography);
|
|
17
31
|
|
|
18
|
-
var
|
|
32
|
+
var _ViewColumnOutlined = require('@material-ui/icons/ViewColumnOutlined');
|
|
19
33
|
|
|
20
|
-
var
|
|
34
|
+
var _ViewColumnOutlined2 = _interopRequireDefault(_ViewColumnOutlined);
|
|
21
35
|
|
|
22
|
-
var _ViewListOutlined =
|
|
36
|
+
var _ViewListOutlined = require('@material-ui/icons/ViewListOutlined');
|
|
23
37
|
|
|
24
|
-
var
|
|
38
|
+
var _ViewListOutlined2 = _interopRequireDefault(_ViewListOutlined);
|
|
25
39
|
|
|
26
|
-
var
|
|
40
|
+
var _Reorder = require('@material-ui/icons/Reorder');
|
|
27
41
|
|
|
28
|
-
var
|
|
42
|
+
var _Reorder2 = _interopRequireDefault(_Reorder);
|
|
29
43
|
|
|
30
|
-
var
|
|
44
|
+
var _ViewQuiltOutlined = require('@material-ui/icons/ViewQuiltOutlined');
|
|
31
45
|
|
|
32
|
-
var
|
|
46
|
+
var _ViewQuiltOutlined2 = _interopRequireDefault(_ViewQuiltOutlined);
|
|
33
47
|
|
|
34
|
-
var
|
|
48
|
+
var _Undo = require('@material-ui/icons/Undo');
|
|
35
49
|
|
|
36
|
-
var
|
|
50
|
+
var _Undo2 = _interopRequireDefault(_Undo);
|
|
37
51
|
|
|
38
|
-
var
|
|
52
|
+
var _Done = require('@material-ui/icons/Done');
|
|
39
53
|
|
|
40
|
-
var
|
|
54
|
+
var _Done2 = _interopRequireDefault(_Done);
|
|
41
55
|
|
|
42
|
-
var
|
|
56
|
+
var _styles = require('@material-ui/core/styles');
|
|
43
57
|
|
|
44
|
-
var
|
|
58
|
+
var _reactBeautifulDnd = require('react-beautiful-dnd');
|
|
45
59
|
|
|
46
|
-
var
|
|
60
|
+
var _utils = require('../utils');
|
|
47
61
|
|
|
48
|
-
|
|
62
|
+
var _TablePreview = require('../TablePreview');
|
|
49
63
|
|
|
50
|
-
|
|
64
|
+
var _TablePreview2 = _interopRequireDefault(_TablePreview);
|
|
51
65
|
|
|
52
|
-
var
|
|
66
|
+
var _Box = require('./Box');
|
|
67
|
+
|
|
68
|
+
var _Box2 = _interopRequireDefault(_Box);
|
|
69
|
+
|
|
70
|
+
var _lib = require('./lib');
|
|
71
|
+
|
|
72
|
+
var _constants = require('./constants');
|
|
73
|
+
|
|
74
|
+
var _ = require('../');
|
|
75
|
+
|
|
76
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
|
77
|
+
|
|
78
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
79
|
+
|
|
80
|
+
var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
53
81
|
return {
|
|
54
82
|
dnd: {
|
|
55
83
|
userSelect: 'none'
|
|
@@ -65,7 +93,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
65
93
|
}
|
|
66
94
|
};
|
|
67
95
|
});
|
|
68
|
-
|
|
96
|
+
|
|
69
97
|
var transform = {
|
|
70
98
|
index: R.add(1)
|
|
71
99
|
};
|
|
@@ -74,14 +102,15 @@ var TableLayout = function TableLayout(_ref) {
|
|
|
74
102
|
var _boxLabel;
|
|
75
103
|
|
|
76
104
|
var _ref$layout = _ref.layout,
|
|
77
|
-
layout = _ref$layout ===
|
|
105
|
+
layout = _ref$layout === undefined ? [] : _ref$layout,
|
|
78
106
|
_ref$itemRenderer = _ref.itemRenderer,
|
|
79
|
-
itemRenderer = _ref$itemRenderer ===
|
|
107
|
+
itemRenderer = _ref$itemRenderer === undefined ? R.prop('name') : _ref$itemRenderer,
|
|
80
108
|
itemButtonProps = _ref.itemButtonProps,
|
|
81
109
|
labels = _ref.labels,
|
|
82
110
|
commit = _ref.commit,
|
|
83
111
|
noPreview = _ref.noPreview,
|
|
84
112
|
accessibility = _ref.accessibility;
|
|
113
|
+
|
|
85
114
|
var classes = useStyles();
|
|
86
115
|
var hiddenElement = R.map(R.filter(function (_ref2) {
|
|
87
116
|
var isHidden = _ref2.isHidden;
|
|
@@ -95,7 +124,7 @@ var TableLayout = function TableLayout(_ref) {
|
|
|
95
124
|
var boxLabel = (_boxLabel = {}, _boxLabel[_constants.BOX.header] = labels.column || _constants.BOX.header, _boxLabel[_constants.BOX.sections] = labels.section || _constants.BOX.sections, _boxLabel[_constants.BOX.rows] = labels.row || _constants.BOX.rows, _boxLabel);
|
|
96
125
|
|
|
97
126
|
var onChangeLayout = function onChangeLayout(props) {
|
|
98
|
-
return setCurrentLayout((0, _lib.changeLayout)((
|
|
127
|
+
return setCurrentLayout((0, _lib.changeLayout)(_extends({}, props)));
|
|
99
128
|
};
|
|
100
129
|
|
|
101
130
|
var onCommit = function onCommit() {
|
|
@@ -118,7 +147,7 @@ var TableLayout = function TableLayout(_ref) {
|
|
|
118
147
|
// start.source = droppableId & index
|
|
119
148
|
var dragZoneId = source.droppableId;
|
|
120
149
|
var dragLabel = R.pipe(R.prop(dragZoneId), R.find(R.propEq('id', draggableId)), itemRenderer)(currentLayout);
|
|
121
|
-
R.pipe(R.evolve(transform), R.prop('wcagDragStart', labels), provided.announce)((
|
|
150
|
+
R.pipe(R.evolve(transform), R.prop('wcagDragStart', labels), provided.announce)(_extends({
|
|
122
151
|
dragZone: R.prop(dragZoneId)(boxLabel)
|
|
123
152
|
}, source, {
|
|
124
153
|
dragLabel: dragLabel
|
|
@@ -137,7 +166,9 @@ var TableLayout = function TableLayout(_ref) {
|
|
|
137
166
|
if (R.is(Function)(labels.wcagDragUpdate)) {
|
|
138
167
|
var droppableId = destination.droppableId,
|
|
139
168
|
index = destination.index;
|
|
169
|
+
|
|
140
170
|
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);
|
|
171
|
+
|
|
141
172
|
R.pipe(R.evolve(transform), R.prop('wcagDragUpdate', labels), provided.announce)({
|
|
142
173
|
dropZone: R.prop(droppableId)(boxLabel),
|
|
143
174
|
dragZone: R.prop(source.droppableId)(boxLabel),
|
|
@@ -162,11 +193,11 @@ var TableLayout = function TableLayout(_ref) {
|
|
|
162
193
|
if (R.isNil(destination)) {
|
|
163
194
|
return;
|
|
164
195
|
}
|
|
165
|
-
|
|
166
196
|
if (R.is(Function)(labels.wcagDragEnd)) {
|
|
167
197
|
if (R.equals(reason, 'DROP')) {
|
|
168
198
|
var droppableId = destination.droppableId,
|
|
169
199
|
index = destination.index;
|
|
200
|
+
|
|
170
201
|
R.pipe(R.evolve(transform), R.prop('wcagDragEnd', labels), provided.announce)({
|
|
171
202
|
dropZone: R.prop(droppableId)(boxLabel),
|
|
172
203
|
dragZone: R.prop(source.droppableId)(boxLabel),
|
|
@@ -185,9 +216,9 @@ var TableLayout = function TableLayout(_ref) {
|
|
|
185
216
|
};
|
|
186
217
|
};
|
|
187
218
|
|
|
188
|
-
var header =
|
|
219
|
+
var header = _react2.default.createElement(_Box2.default, {
|
|
189
220
|
title: labels.column,
|
|
190
|
-
Icon:
|
|
221
|
+
Icon: _ViewColumnOutlined2.default,
|
|
191
222
|
items: R.prop(_constants.BOX.header)(currentLayout),
|
|
192
223
|
labels: labels,
|
|
193
224
|
dropZoneLabel: _constants.BOX.header,
|
|
@@ -197,115 +228,176 @@ var TableLayout = function TableLayout(_ref) {
|
|
|
197
228
|
md: accessibility ? 4 : 6
|
|
198
229
|
});
|
|
199
230
|
|
|
200
|
-
var sectionsAndRows =
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
}
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
231
|
+
var sectionsAndRows = _react2.default.createElement(
|
|
232
|
+
_react.Fragment,
|
|
233
|
+
null,
|
|
234
|
+
_react2.default.createElement(_Box2.default, {
|
|
235
|
+
title: labels.section,
|
|
236
|
+
Icon: _Reorder2.default,
|
|
237
|
+
items: R.prop(_constants.BOX.sections)(currentLayout),
|
|
238
|
+
labels: labels,
|
|
239
|
+
dropZoneLabel: _constants.BOX.sections,
|
|
240
|
+
itemRenderer: itemRenderer,
|
|
241
|
+
itemButtonProps: itemButtonProps,
|
|
242
|
+
accessibility: accessibility,
|
|
243
|
+
md: accessibility ? 4 : 12
|
|
244
|
+
}),
|
|
245
|
+
_react2.default.createElement(_Box2.default, {
|
|
246
|
+
title: labels.row,
|
|
247
|
+
Icon: _ViewListOutlined2.default,
|
|
248
|
+
items: R.prop(_constants.BOX.rows)(currentLayout),
|
|
249
|
+
labels: labels,
|
|
250
|
+
dropZoneLabel: _constants.BOX.rows,
|
|
251
|
+
itemRenderer: itemRenderer,
|
|
252
|
+
itemButtonProps: itemButtonProps,
|
|
253
|
+
accessibility: accessibility,
|
|
254
|
+
md: accessibility ? 4 : 12
|
|
255
|
+
})
|
|
256
|
+
);
|
|
257
|
+
|
|
258
|
+
return _react2.default.createElement(
|
|
259
|
+
_Grid2.default,
|
|
260
|
+
{ 'data-testid': 'table-layout-test-id', container: true },
|
|
261
|
+
_react2.default.createElement(
|
|
262
|
+
'div',
|
|
263
|
+
{ id: _constants.wcagId, style: { display: 'none' } },
|
|
264
|
+
labels.wcagDragExplanation
|
|
265
|
+
),
|
|
266
|
+
_react2.default.createElement(
|
|
267
|
+
_reactBeautifulDnd.DragDropContext,
|
|
268
|
+
{
|
|
269
|
+
onDragEnd: onDragEnd(currentLayout),
|
|
270
|
+
onDragStart: onDragStart,
|
|
271
|
+
onDragUpdate: onDragUpdate
|
|
272
|
+
},
|
|
273
|
+
_react2.default.createElement(
|
|
274
|
+
_Grid2.default,
|
|
275
|
+
{ container: true, direction: 'row', spacing: 1, className: classes.dnd },
|
|
276
|
+
_react2.default.createElement(
|
|
277
|
+
_Grid2.default,
|
|
278
|
+
{ item: true, xs: 12 },
|
|
279
|
+
_react2.default.createElement(
|
|
280
|
+
_Grid2.default,
|
|
281
|
+
{ container: true, spacing: 1 },
|
|
282
|
+
_react2.default.createElement(
|
|
283
|
+
_Grid2.default,
|
|
284
|
+
{ tabIndex: 0, item: true, xs: 12, md: accessibility ? 12 : 6 },
|
|
285
|
+
_react2.default.createElement(
|
|
286
|
+
'span',
|
|
287
|
+
null,
|
|
288
|
+
labels.help
|
|
289
|
+
),
|
|
290
|
+
_react2.default.createElement(
|
|
291
|
+
_Typography2.default,
|
|
292
|
+
{ variant: 'srOnly' },
|
|
293
|
+
labels.wcagDragExplanation
|
|
294
|
+
)
|
|
295
|
+
),
|
|
296
|
+
R.not(accessibility) && header
|
|
297
|
+
)
|
|
298
|
+
),
|
|
299
|
+
_react2.default.createElement(
|
|
300
|
+
_Grid2.default,
|
|
301
|
+
{ container: true, spacing: 1 },
|
|
302
|
+
accessibility && header,
|
|
303
|
+
accessibility && sectionsAndRows,
|
|
304
|
+
R.not(accessibility) && _react2.default.createElement(
|
|
305
|
+
_Grid2.default,
|
|
306
|
+
{ item: true, xs: 12, md: 6 },
|
|
307
|
+
sectionsAndRows
|
|
308
|
+
),
|
|
309
|
+
!noPreview && _react2.default.createElement(
|
|
310
|
+
_Grid2.default,
|
|
311
|
+
{ item: true, xs: 12, md: accessibility ? 12 : 6, className: (0, _classnames2.default)(classes.wrapper) },
|
|
312
|
+
_react2.default.createElement(
|
|
313
|
+
'div',
|
|
314
|
+
{ className: classes.iconTitle },
|
|
315
|
+
_react2.default.createElement(_ViewQuiltOutlined2.default, null),
|
|
316
|
+
_react2.default.createElement(
|
|
317
|
+
_Typography2.default,
|
|
318
|
+
{ tabIndex: 0, variant: 'subtitle1' },
|
|
319
|
+
labels.table
|
|
320
|
+
)
|
|
321
|
+
),
|
|
322
|
+
_react2.default.createElement(_TablePreview2.default, _extends({}, currentLayout, { itemRenderer: itemRenderer }))
|
|
323
|
+
)
|
|
324
|
+
)
|
|
325
|
+
)
|
|
326
|
+
),
|
|
327
|
+
_react2.default.createElement(
|
|
328
|
+
_Grid2.default,
|
|
329
|
+
{ container: true, justifyContent: 'flex-end', className: classes.buttonContainer, spacing: 1 },
|
|
330
|
+
R.map(function (button) {
|
|
331
|
+
return _react2.default.createElement(
|
|
332
|
+
_Grid2.default,
|
|
333
|
+
{ item: true, key: button.id },
|
|
334
|
+
_react2.default.createElement(
|
|
335
|
+
_.Button,
|
|
336
|
+
_extends({ 'aria-label': button.label, color: 'primary' }, button),
|
|
337
|
+
_react2.default.createElement(
|
|
338
|
+
_Typography2.default,
|
|
339
|
+
{ variant: 'body2' },
|
|
340
|
+
button.label
|
|
341
|
+
)
|
|
342
|
+
)
|
|
343
|
+
);
|
|
344
|
+
})([{ id: 2, label: labels.cancel, onClick: onCancel, startIcon: _react2.default.createElement(_Undo2.default, null) }, {
|
|
345
|
+
id: 1,
|
|
346
|
+
label: labels.commit,
|
|
347
|
+
onClick: onCommit,
|
|
348
|
+
startIcon: _react2.default.createElement(_Done2.default, null),
|
|
349
|
+
variant: 'contained',
|
|
350
|
+
alternative: 'siscc',
|
|
351
|
+
className: classes.applyButton
|
|
352
|
+
}])
|
|
353
|
+
)
|
|
354
|
+
);
|
|
355
|
+
};
|
|
356
|
+
|
|
357
|
+
var patern = {
|
|
358
|
+
id: _propTypes2.default.string,
|
|
359
|
+
label: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
|
|
360
|
+
values: _propTypes2.default.arrayOf(_propTypes2.default.shape({
|
|
361
|
+
id: _propTypes2.default.string,
|
|
362
|
+
label: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element])
|
|
363
|
+
}))
|
|
300
364
|
};
|
|
301
365
|
|
|
302
|
-
|
|
366
|
+
TableLayout.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
367
|
+
layout: _propTypes2.default.shape({
|
|
368
|
+
header: _propTypes2.default.arrayOf(_propTypes2.default.shape(patern)),
|
|
369
|
+
sections: _propTypes2.default.arrayOf(_propTypes2.default.shape(patern)),
|
|
370
|
+
rows: _propTypes2.default.arrayOf(_propTypes2.default.shape(patern))
|
|
371
|
+
}),
|
|
372
|
+
itemRenderer: _propTypes2.default.func,
|
|
373
|
+
commit: _propTypes2.default.func,
|
|
374
|
+
noPreview: _propTypes2.default.bool,
|
|
375
|
+
itemButtonProps: _propTypes2.default.object,
|
|
376
|
+
labels: _propTypes2.default.shape({
|
|
377
|
+
commit: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
|
|
378
|
+
cancel: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
|
|
379
|
+
row: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
|
|
380
|
+
column: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
|
|
381
|
+
section: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
|
|
382
|
+
table: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
|
|
383
|
+
asc: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
|
|
384
|
+
desc: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
|
|
385
|
+
help: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
|
|
386
|
+
one: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
|
|
387
|
+
wcagDragStart: _propTypes2.default.func,
|
|
388
|
+
wcagDragUpdate: _propTypes2.default.func,
|
|
389
|
+
wcagDragEnd: _propTypes2.default.func,
|
|
390
|
+
wcagDragCancel: _propTypes2.default.string,
|
|
391
|
+
wcagDragExplanation: _propTypes2.default.string
|
|
392
|
+
}),
|
|
393
|
+
accessibility: _propTypes2.default.bool
|
|
394
|
+
} : {};
|
|
395
|
+
|
|
396
|
+
exports.default = (0, _utils.withBlank)(function (_ref6) {
|
|
303
397
|
var _ref6$layout = _ref6.layout,
|
|
304
|
-
layout = _ref6$layout ===
|
|
398
|
+
layout = _ref6$layout === undefined ? [] : _ref6$layout,
|
|
305
399
|
isBlank = _ref6.isBlank;
|
|
306
400
|
return {
|
|
307
401
|
isBlank: R.or(isBlank, R.pipe(R.values, R.all(R.isEmpty))(layout))
|
|
308
402
|
};
|
|
309
|
-
})(TableLayout);
|
|
310
|
-
|
|
311
|
-
exports.default = _default;
|
|
403
|
+
})(TableLayout);
|
|
@@ -1,16 +1,14 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
|
|
5
|
-
var ITEMS_TYPES = {
|
|
4
|
+
var ITEMS_TYPES = exports.ITEMS_TYPES = {
|
|
6
5
|
DND: 'DND'
|
|
7
6
|
};
|
|
8
|
-
|
|
9
|
-
var BOX = {
|
|
7
|
+
|
|
8
|
+
var BOX = exports.BOX = {
|
|
10
9
|
header: 'header',
|
|
11
10
|
sections: 'sections',
|
|
12
11
|
rows: 'rows'
|
|
13
12
|
};
|
|
14
|
-
|
|
15
|
-
var wcagId = 'dnd-how-drag-item';
|
|
16
|
-
exports.wcagId = wcagId;
|
|
13
|
+
|
|
14
|
+
var wcagId = exports.wcagId = 'dnd-how-drag-item';
|
package/lib/TableLayout/index.js
CHANGED
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
|
|
1
|
+
'use strict';
|
|
4
2
|
|
|
5
3
|
exports.__esModule = true;
|
|
6
|
-
exports.default = void 0;
|
|
7
4
|
|
|
8
|
-
var _TableLayout =
|
|
5
|
+
var _TableLayout = require('./TableLayout');
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, 'default', {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _interopRequireDefault(_TableLayout).default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
15
|
|
|
10
|
-
exports
|
|
11
|
-
module.exports = exports.default;
|
|
16
|
+
module.exports = exports['default'];
|
package/lib/TableLayout/lib.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.
|
|
4
|
+
exports.addHiddenElement = exports.rejectHiddenElement = exports.changeLayout = undefined;
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _ramda = require('ramda');
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
var R = _interopRequireWildcard(_ramda);
|
|
9
9
|
|
|
10
|
-
function _interopRequireWildcard(obj
|
|
10
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
|
11
11
|
|
|
12
|
-
var changeLayout = function changeLayout(_ref) {
|
|
12
|
+
var changeLayout = exports.changeLayout = function changeLayout(_ref) {
|
|
13
13
|
var dragIndex = _ref.dragIndex,
|
|
14
14
|
hoverIndex = _ref.hoverIndex,
|
|
15
15
|
dragZone = _ref.dragZone,
|
|
@@ -19,22 +19,17 @@ var changeLayout = function changeLayout(_ref) {
|
|
|
19
19
|
if (R.equals(dragZone, dropZone)) {
|
|
20
20
|
return R.over(R.lensProp(dropZone), R.move(dragIndex, hoverIndex), currentLayout);
|
|
21
21
|
}
|
|
22
|
-
|
|
23
22
|
var item = R.pipe(R.prop(dragZone), R.nth(dragIndex))(currentLayout);
|
|
24
23
|
return R.pipe(R.over(R.lensProp(dragZone), R.without([item])), R.over(R.lensProp(dropZone), R.insert(hoverIndex, item)))(currentLayout);
|
|
25
24
|
};
|
|
26
25
|
|
|
27
|
-
exports.
|
|
28
|
-
var rejectHiddenElement = R.map(R.reject(function (_ref2) {
|
|
26
|
+
var rejectHiddenElement = exports.rejectHiddenElement = R.map(R.reject(function (_ref2) {
|
|
29
27
|
var isHidden = _ref2.isHidden;
|
|
30
28
|
return isHidden;
|
|
31
29
|
}));
|
|
32
|
-
exports.rejectHiddenElement = rejectHiddenElement;
|
|
33
30
|
|
|
34
|
-
var addHiddenElement = function addHiddenElement(layout) {
|
|
31
|
+
var addHiddenElement = exports.addHiddenElement = function addHiddenElement(layout) {
|
|
35
32
|
return R.mapObjIndexed(function (values, key) {
|
|
36
33
|
return R.pipe(R.prop(key), R.concat(values))(layout);
|
|
37
34
|
});
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
exports.addHiddenElement = addHiddenElement;
|
|
35
|
+
};
|