orc-shared 5.10.1-dev.6 → 5.10.1-dev.8

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 (42) hide show
  1. package/dist/components/AppFrame/MenuItem.js +3 -12
  2. package/dist/components/MaterialUI/DataDisplay/Table.js +2 -1
  3. package/dist/components/MaterialUI/DataDisplay/TableProps.js +3 -1
  4. package/dist/components/MaterialUI/Surfaces/SectionExpansionPanel.js +3 -2
  5. package/dist/components/ToastList.js +95 -64
  6. package/dist/getTheme.js +0 -5
  7. package/dist/utils/toastHelper.js +52 -0
  8. package/package.json +1 -1
  9. package/src/components/AppFrame/MenuItem.js +1 -9
  10. package/src/components/MaterialUI/DataDisplay/Table.js +6 -1
  11. package/src/components/MaterialUI/DataDisplay/Table.test.js +20 -0
  12. package/src/components/MaterialUI/DataDisplay/TableProps.js +2 -0
  13. package/src/components/MaterialUI/DataDisplay/TableProps.test.js +20 -2
  14. package/src/components/MaterialUI/Surfaces/SectionExpansionPanel.js +2 -1
  15. package/src/components/ToastList.js +79 -90
  16. package/src/components/ToastList.test.js +29 -103
  17. package/src/getTheme.js +0 -5
  18. package/src/utils/toastHelper.js +8 -0
  19. package/src/utils/toastHelper.test.js +41 -0
  20. package/dist/components/CategoryList.js +0 -197
  21. package/dist/components/List/DataCell.js +0 -129
  22. package/dist/components/List/HeadCell.js +0 -125
  23. package/dist/components/List/HeadRow.js +0 -73
  24. package/dist/components/List/List.js +0 -274
  25. package/dist/components/List/Row.js +0 -109
  26. package/dist/components/List/enhanceColumnDefs.js +0 -111
  27. package/dist/components/List/index.js +0 -59
  28. package/src/components/CategoryList.js +0 -140
  29. package/src/components/CategoryList.test.js +0 -667
  30. package/src/components/List/DataCell.js +0 -77
  31. package/src/components/List/DataCell.test.js +0 -357
  32. package/src/components/List/HeadCell.js +0 -105
  33. package/src/components/List/HeadCell.test.js +0 -331
  34. package/src/components/List/HeadRow.js +0 -21
  35. package/src/components/List/HeadRow.test.js +0 -27
  36. package/src/components/List/List.js +0 -162
  37. package/src/components/List/List.test.js +0 -705
  38. package/src/components/List/Row.js +0 -72
  39. package/src/components/List/Row.test.js +0 -194
  40. package/src/components/List/enhanceColumnDefs.js +0 -54
  41. package/src/components/List/enhanceColumnDefs.test.js +0 -179
  42. package/src/components/List/index.js +0 -6
@@ -1,129 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = exports.TableData = void 0;
5
- var _react = _interopRequireDefault(require("react"));
6
- var _styledComponents = _interopRequireDefault(require("styled-components"));
7
- var _reactIntl = require("react-intl");
8
- var _utils = require("../../utils");
9
- var _Switch = _interopRequireDefault(require("../Switch"));
10
- var _Checkbox = _interopRequireDefault(require("../Checkbox"));
11
- var _Text = _interopRequireDefault(require("../Text"));
12
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
- (function () {
14
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
15
- enterModule && enterModule(module);
16
- })();
17
- (function () {
18
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
19
- enterModule && enterModule(module);
20
- })();
21
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
22
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
23
- return a;
24
- };
25
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
26
- return a;
27
- };
28
- var arrify = function arrify(thing) {
29
- return Array.isArray(thing) ? thing : [thing];
30
- };
31
- var renderByType = function renderByType(value, def, rowId, selected, row) {
32
- var transformedValue = def.transform ? def.transform(value) : value;
33
- switch (def.type) {
34
- case "custom":
35
- {
36
- var Comp = def.component;
37
- return /*#__PURE__*/_react.default.createElement(Comp, _extends({}, row, def.funcs));
38
- }
39
- case "currency":
40
- {
41
- var currency = def.currency;
42
- if (Array.isArray(currency)) {
43
- currency = _utils.safeGet.apply(void 0, [row].concat(currency));
44
- }
45
- return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedNumber, {
46
- style: "currency" // eslint-disable-line react/style-prop-object
47
- ,
48
- currency: currency,
49
- value: transformedValue || "0"
50
- });
51
- }
52
- case "date":
53
- return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedDate, {
54
- value: transformedValue
55
- });
56
- case "datetime":
57
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedDate, {
58
- value: transformedValue
59
- }), " ", /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedTime, {
60
- value: transformedValue
61
- }));
62
- case "select":
63
- return /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
64
- id: "select_" + rowId,
65
- value: selected,
66
- "data-row-id": rowId,
67
- onChange: def.onChange
68
- });
69
- case "switch":
70
- return /*#__PURE__*/_react.default.createElement(_Switch.default, _extends({
71
- value: !!transformedValue
72
- }, def.switch, {
73
- "data-row-id": rowId,
74
- onChange: def.onChange
75
- }));
76
- default:
77
- return transformedValue ? /*#__PURE__*/_react.default.createElement(_Text.default, {
78
- message: transformedValue
79
- }) : null;
80
- }
81
- };
82
- var TableData = exports.TableData = _styledComponents.default.td.withConfig({
83
- displayName: "DataCell__TableData",
84
- componentId: "sc-n6hj69-0"
85
- })(["border:0 solid ", ";border-top-width:1px;tr:first-child &{border-top-width:0;}tr:last-child &{border-bottom-width:1px;}height:20px;padding:15px 20px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;"], (0, _utils.getThemeProp)(["colors", "borderLight"], "#cccccc"));
86
- var DataCell = function DataCell(_ref) {
87
- var columnDef = _ref.columnDef,
88
- row = _ref.row,
89
- rowId = _ref.rowId,
90
- selected = _ref.selected;
91
- return /*#__PURE__*/_react.default.createElement(TableData, null, renderByType(_utils.safeGet.apply(void 0, [row].concat(arrify(columnDef.fieldName))) || columnDef.defaultValue, columnDef, rowId, selected, row));
92
- };
93
- var _default = DataCell;
94
- var _default2 = _default;
95
- var _default3 = exports.default = _default2;
96
- ;
97
- (function () {
98
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
99
- if (!reactHotLoader) {
100
- return;
101
- }
102
- reactHotLoader.register(arrify, "arrify", "/home/vsts/work/1/s/src/components/List/DataCell.js");
103
- reactHotLoader.register(renderByType, "renderByType", "/home/vsts/work/1/s/src/components/List/DataCell.js");
104
- reactHotLoader.register(TableData, "TableData", "/home/vsts/work/1/s/src/components/List/DataCell.js");
105
- reactHotLoader.register(DataCell, "DataCell", "/home/vsts/work/1/s/src/components/List/DataCell.js");
106
- reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/List/DataCell.js");
107
- })();
108
- ;
109
- (function () {
110
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
111
- leaveModule && leaveModule(module);
112
- })();
113
- ;
114
- (function () {
115
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
116
- if (!reactHotLoader) {
117
- return;
118
- }
119
- reactHotLoader.register(arrify, "arrify", "/home/vsts/work/1/s/src/components/List/DataCell.js");
120
- reactHotLoader.register(renderByType, "renderByType", "/home/vsts/work/1/s/src/components/List/DataCell.js");
121
- reactHotLoader.register(TableData, "TableData", "/home/vsts/work/1/s/src/components/List/DataCell.js");
122
- reactHotLoader.register(DataCell, "DataCell", "/home/vsts/work/1/s/src/components/List/DataCell.js");
123
- reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/List/DataCell.js");
124
- })();
125
- ;
126
- (function () {
127
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
128
- leaveModule && leaveModule(module);
129
- })();
@@ -1,125 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = exports.UpMark = exports.TableHeader = exports.SortMark = exports.MarkBox = exports.HeadBox = exports.DownMark = void 0;
5
- var _react = _interopRequireDefault(require("react"));
6
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
7
- var _Text = _interopRequireDefault(require("../Text"));
8
- var _Checkbox = _interopRequireDefault(require("../Checkbox"));
9
- var _utils = require("../../utils");
10
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
11
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
- (function () {
14
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
15
- enterModule && enterModule(module);
16
- })();
17
- (function () {
18
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
19
- enterModule && enterModule(module);
20
- })();
21
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
22
- return a;
23
- };
24
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
25
- return a;
26
- };
27
- var UpMark = exports.UpMark = _styledComponents.default.div.withConfig({
28
- displayName: "HeadCell__UpMark",
29
- componentId: "sc-1vadnsc-0"
30
- })(["display:inline-block;margin:0.05em;margin-left:0.5em;height:0;border:0.25em solid transparent;border-top-width:0;border-bottom-color:", ";"], (0, _utils.getThemeProp)(["colors", "border"], "#999999"));
31
- var DownMark = exports.DownMark = _styledComponents.default.div.withConfig({
32
- displayName: "HeadCell__DownMark",
33
- componentId: "sc-1vadnsc-1"
34
- })(["display:inline-block;margin:0.05em;margin-left:0.5em;height:0;border:0.25em solid transparent;border-bottom-width:0;border-top-color:", ";"], (0, _utils.getThemeProp)(["colors", "border"], "#999999"));
35
- var MarkBox = exports.MarkBox = _styledComponents.default.div.withConfig({
36
- displayName: "HeadCell__MarkBox",
37
- componentId: "sc-1vadnsc-2"
38
- })(["display:flex;flex-direction:column;justify-content:space-around;"]);
39
- var SortMark = exports.SortMark = function SortMark(_ref) {
40
- var direction = _ref.direction;
41
- switch (direction) {
42
- case "desc":
43
- return /*#__PURE__*/_react.default.createElement(DownMark, null);
44
- case "asc":
45
- return /*#__PURE__*/_react.default.createElement(UpMark, null);
46
- default:
47
- return /*#__PURE__*/_react.default.createElement(MarkBox, null, /*#__PURE__*/_react.default.createElement(UpMark, null), /*#__PURE__*/_react.default.createElement(DownMark, null));
48
- }
49
- };
50
- var TableHeader = exports.TableHeader = _styledComponents.default.th.withConfig({
51
- displayName: "HeadCell__TableHeader",
52
- componentId: "sc-1vadnsc-3"
53
- })(["background-color:#f7f7f7;position:sticky;top:0;z-index:10;padding:0;", ";", ";"], (0, _utils.ifFlag)("select", (0, _styledComponents.css)(["width:56px;"])), (0, _utils.ifFlag)("width", (0, _styledComponents.css)(["width:", ";"], function (props) {
54
- return props.width + "";
55
- })));
56
- var HeadBox = exports.HeadBox = _styledComponents.default.div.withConfig({
57
- displayName: "HeadCell__HeadBox",
58
- componentId: "sc-1vadnsc-4"
59
- })(["display:flex;align-items:center;height:20px;width:calc(100% - 40px);padding:10px 20px;border-bottom:1px solid ", ";& > span{overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis;}"], (0, _utils.getThemeProp)(["colors", "borderLight"], "#cccccc"));
60
- var HeadCell = function HeadCell(_ref2) {
61
- var columnDef = _ref2.columnDef,
62
- _ref2$rowIds = _ref2.rowIds,
63
- rowIds = _ref2$rowIds === void 0 ? [] : _ref2$rowIds,
64
- allSelected = _ref2.allSelected;
65
- return /*#__PURE__*/_react.default.createElement(TableHeader, {
66
- onClick: columnDef.sort,
67
- select: columnDef.type === "select",
68
- width: columnDef.width
69
- }, /*#__PURE__*/_react.default.createElement(HeadBox, null, columnDef.type === "select" ? /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
70
- id: "select_headRow",
71
- value: !!allSelected,
72
- onChange: function onChange() {
73
- return columnDef.onChange(allSelected ? [] : rowIds);
74
- }
75
- }) : columnDef.label ? [/*#__PURE__*/_react.default.createElement(_Text.default, {
76
- key: "msg",
77
- message: columnDef.label
78
- }), columnDef.sort ? /*#__PURE__*/_react.default.createElement(SortMark, {
79
- key: "sort",
80
- direction: columnDef.sortDirection
81
- }) : null] : null));
82
- };
83
- var _default = HeadCell;
84
- var _default2 = _default;
85
- var _default3 = exports.default = _default2;
86
- ;
87
- (function () {
88
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
89
- if (!reactHotLoader) {
90
- return;
91
- }
92
- reactHotLoader.register(UpMark, "UpMark", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
93
- reactHotLoader.register(DownMark, "DownMark", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
94
- reactHotLoader.register(MarkBox, "MarkBox", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
95
- reactHotLoader.register(SortMark, "SortMark", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
96
- reactHotLoader.register(TableHeader, "TableHeader", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
97
- reactHotLoader.register(HeadBox, "HeadBox", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
98
- reactHotLoader.register(HeadCell, "HeadCell", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
99
- reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
100
- })();
101
- ;
102
- (function () {
103
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
104
- leaveModule && leaveModule(module);
105
- })();
106
- ;
107
- (function () {
108
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
109
- if (!reactHotLoader) {
110
- return;
111
- }
112
- reactHotLoader.register(UpMark, "UpMark", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
113
- reactHotLoader.register(DownMark, "DownMark", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
114
- reactHotLoader.register(MarkBox, "MarkBox", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
115
- reactHotLoader.register(SortMark, "SortMark", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
116
- reactHotLoader.register(TableHeader, "TableHeader", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
117
- reactHotLoader.register(HeadBox, "HeadBox", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
118
- reactHotLoader.register(HeadCell, "HeadCell", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
119
- reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
120
- })();
121
- ;
122
- (function () {
123
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
124
- leaveModule && leaveModule(module);
125
- })();
@@ -1,73 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = exports.HeadTableRow = void 0;
5
- var _react = _interopRequireDefault(require("react"));
6
- var _styledComponents = _interopRequireDefault(require("styled-components"));
7
- var _Row = require("./Row");
8
- var _HeadCell = _interopRequireDefault(require("./HeadCell"));
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- (function () {
11
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
12
- enterModule && enterModule(module);
13
- })();
14
- (function () {
15
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
16
- enterModule && enterModule(module);
17
- })();
18
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
19
- return a;
20
- };
21
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
22
- return a;
23
- };
24
- var HeadTableRow = exports.HeadTableRow = (0, _styledComponents.default)(_Row.TableRow).withConfig({
25
- displayName: "HeadRow__HeadTableRow",
26
- componentId: "sc-pgk6c-0"
27
- })(["border-width:0;"]);
28
- var HeadRow = function HeadRow(_ref) {
29
- var columnDefs = _ref.columnDefs,
30
- rowIds = _ref.rowIds,
31
- allSelected = _ref.allSelected;
32
- return /*#__PURE__*/_react.default.createElement(HeadTableRow, null, columnDefs.map(function (columnDef) {
33
- return /*#__PURE__*/_react.default.createElement(_HeadCell.default, {
34
- key: columnDef.type === "select" ? "select" : (0, _Row.stringifyFieldName)(columnDef.fieldName),
35
- columnDef: columnDef,
36
- rowIds: rowIds,
37
- allSelected: allSelected
38
- });
39
- }));
40
- };
41
- var _default = HeadRow;
42
- var _default2 = _default;
43
- var _default3 = exports.default = _default2;
44
- ;
45
- (function () {
46
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
47
- if (!reactHotLoader) {
48
- return;
49
- }
50
- reactHotLoader.register(HeadTableRow, "HeadTableRow", "/home/vsts/work/1/s/src/components/List/HeadRow.js");
51
- reactHotLoader.register(HeadRow, "HeadRow", "/home/vsts/work/1/s/src/components/List/HeadRow.js");
52
- reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/List/HeadRow.js");
53
- })();
54
- ;
55
- (function () {
56
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
57
- leaveModule && leaveModule(module);
58
- })();
59
- ;
60
- (function () {
61
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
62
- if (!reactHotLoader) {
63
- return;
64
- }
65
- reactHotLoader.register(HeadTableRow, "HeadTableRow", "/home/vsts/work/1/s/src/components/List/HeadRow.js");
66
- reactHotLoader.register(HeadRow, "HeadRow", "/home/vsts/work/1/s/src/components/List/HeadRow.js");
67
- reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/List/HeadRow.js");
68
- })();
69
- ;
70
- (function () {
71
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
72
- leaveModule && leaveModule(module);
73
- })();
@@ -1,274 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.useListState = exports.default = exports.Table = exports.ROW_HEIGHT = exports.PlaceholderCell = exports.PlaceholderBox = exports.Placeholder = exports.List = exports.HEADER_HEIGHT = void 0;
5
- var _react = _interopRequireDefault(require("react"));
6
- var _propTypes = _interopRequireDefault(require("prop-types"));
7
- var _styledComponents = _interopRequireDefault(require("styled-components"));
8
- var _recompose = require("recompose");
9
- var _utils = require("../../utils");
10
- var _withScrollBox = _interopRequireDefault(require("../../hocs/withScrollBox"));
11
- var _withInfiniteScroll = _interopRequireDefault(require("../../hocs/withInfiniteScroll"));
12
- var _Row = _interopRequireDefault(require("./Row"));
13
- var _HeadRow = _interopRequireDefault(require("./HeadRow"));
14
- var _useViewState3 = _interopRequireDefault(require("../../hooks/useViewState"));
15
- var _enhanceColumnDefs = _interopRequireDefault(require("./enhanceColumnDefs"));
16
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
17
- (function () {
18
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
19
- enterModule && enterModule(module);
20
- })();
21
- (function () {
22
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
23
- enterModule && enterModule(module);
24
- })();
25
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
26
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
27
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
28
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
29
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
30
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
31
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
32
- return a;
33
- };
34
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
35
- return a;
36
- };
37
- var PlaceholderCell = exports.PlaceholderCell = _styledComponents.default.div.withConfig({
38
- displayName: "List__PlaceholderCell",
39
- componentId: "sc-dohdkx-0"
40
- })(["height:", "px;display:flex;justify-content:center;"], /* istanbul ignore next*/function (props) {
41
- return props.cssHeight || 100;
42
- });
43
- var PlaceholderBox = exports.PlaceholderBox = _styledComponents.default.div.withConfig({
44
- displayName: "List__PlaceholderBox",
45
- componentId: "sc-dohdkx-1"
46
- })(["padding-top:30px;width:100%;margin:auto;"]);
47
- var Placeholder = exports.Placeholder = function Placeholder(_ref) {
48
- var width = _ref.width,
49
- height = _ref.height,
50
- children = _ref.children;
51
- return /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
52
- colSpan: width,
53
- style: {
54
- padding: 0
55
- }
56
- }, /*#__PURE__*/_react.default.createElement(PlaceholderCell, {
57
- cssHeight: height
58
- }, /*#__PURE__*/_react.default.createElement(PlaceholderBox, null, children))));
59
- };
60
- Placeholder.displayName = "Placeholder";
61
- var Table = exports.Table = _styledComponents.default.table.withConfig({
62
- displayName: "List__Table",
63
- componentId: "sc-dohdkx-2"
64
- })(["border-spacing:0;table-layout:fixed;width:100%;font-size:13px;"]);
65
- var HEADER_HEIGHT = exports.HEADER_HEIGHT = 41;
66
- var ROW_HEIGHT = exports.ROW_HEIGHT = 51;
67
- var calculateVirtualization = function calculateVirtualization(virtual, scrollTop, scrollBuffer, height, rows) {
68
- var virtualFilter, heightAbove, heightBelow;
69
- if (virtual) {
70
- var correctedScrollTop = scrollTop - HEADER_HEIGHT; // Subtract header height
71
- var firstIn = Math.floor(correctedScrollTop / ROW_HEIGHT);
72
- var firstShow = Math.max(firstIn - scrollBuffer, 0);
73
- var lastIn = Math.ceil((correctedScrollTop + height) / ROW_HEIGHT);
74
- var lastShow = Math.min(lastIn + scrollBuffer, rows.length);
75
- virtualFilter = function virtualFilter(index) {
76
- return index >= firstShow && index < lastShow;
77
- };
78
- heightAbove = firstShow * ROW_HEIGHT;
79
- heightBelow = (rows.length - lastShow) * ROW_HEIGHT;
80
- } else {
81
- virtualFilter = function virtualFilter() {
82
- return true;
83
- };
84
- heightAbove = 0;
85
- heightBelow = 0;
86
- }
87
- return {
88
- virtualFilter: virtualFilter,
89
- heightAbove: heightAbove,
90
- heightBelow: heightBelow
91
- };
92
- };
93
- var useListState = exports.useListState = function useListState(name, columnDefs) {
94
- var _useViewState = (0, _useViewState3.default)(name),
95
- _useViewState2 = _slicedToArray(_useViewState, 2),
96
- viewState = _useViewState2[0],
97
- updateViewState = _useViewState2[1];
98
- var _viewState$selection = viewState.selection,
99
- selection = _viewState$selection === void 0 ? [] : _viewState$selection,
100
- _viewState$sorting = viewState.sorting,
101
- sorting = _viewState$sorting === void 0 ? {} : _viewState$sorting;
102
- var enhancedColumnDefs = (0, _enhanceColumnDefs.default)(sorting, selection, updateViewState, columnDefs);
103
- return [enhancedColumnDefs, selection];
104
- };
105
- __signature__(useListState, "useViewState{[viewState, updateViewState]}", function () {
106
- return [_useViewState3.default];
107
- });
108
- __signature__(useListState, "useViewState{[viewState, updateViewState]}", function () {
109
- return [_useViewState3.default];
110
- });
111
- var List = exports.List = function List(_ref2) {
112
- var name = _ref2.name,
113
- _ref2$columnDefs = _ref2.columnDefs,
114
- columnDefs = _ref2$columnDefs === void 0 ? [] : _ref2$columnDefs,
115
- _ref2$rows = _ref2.rows,
116
- rows = _ref2$rows === void 0 ? [] : _ref2$rows,
117
- rowOnClick = _ref2.rowOnClick,
118
- placeholder = _ref2.placeholder,
119
- _ref2$keyField = _ref2.keyField,
120
- keyField = _ref2$keyField === void 0 ? ["id"] : _ref2$keyField,
121
- _ref2$virtual = _ref2.virtual,
122
- virtual = _ref2$virtual === void 0 ? false : _ref2$virtual,
123
- _ref2$scrollTop = _ref2.scrollTop,
124
- scrollTop = _ref2$scrollTop === void 0 ? 0 : _ref2$scrollTop,
125
- _ref2$height = _ref2.height,
126
- height = _ref2$height === void 0 ? 300 : _ref2$height,
127
- _ref2$scrollBuffer = _ref2.scrollBuffer,
128
- scrollBuffer = _ref2$scrollBuffer === void 0 ? 10 : _ref2$scrollBuffer,
129
- _ref2$rowBackgroundGe = _ref2.rowBackgroundGetter,
130
- rowBackgroundGetter = _ref2$rowBackgroundGe === void 0 ? function () {} : _ref2$rowBackgroundGe;
131
- var _useListState = useListState(name, columnDefs),
132
- _useListState2 = _slicedToArray(_useListState, 2),
133
- enhancedColumnDefs = _useListState2[0],
134
- selection = _useListState2[1];
135
- if (columnDefs.length === 0) return null;
136
- var rowIds = [],
137
- rowElements = [];
138
- var _calculateVirtualizat = calculateVirtualization(virtual, scrollTop, scrollBuffer, height, rows),
139
- virtualFilter = _calculateVirtualizat.virtualFilter,
140
- heightAbove = _calculateVirtualizat.heightAbove,
141
- heightBelow = _calculateVirtualizat.heightBelow;
142
- rows.forEach(function (row, index) {
143
- var id = _utils.safeGet.apply(void 0, [row].concat(keyField)) + ""; // Ensure rowId is string
144
- rowIds.push(id);
145
- if (!virtualFilter(index)) return;
146
- rowElements.push(/*#__PURE__*/_react.default.createElement(_Row.default, {
147
- columnDefs: enhancedColumnDefs,
148
- key: id,
149
- rowId: id,
150
- row: row,
151
- rowOnClick: rowOnClick,
152
- selected: selection.indexOf(id) !== -1,
153
- bgColor: rowBackgroundGetter(row, index)
154
- }));
155
- });
156
- if (virtual && heightAbove) {
157
- rowElements.unshift(/*#__PURE__*/_react.default.createElement("tr", {
158
- key: "virtualAbove",
159
- style: {
160
- height: heightAbove
161
- }
162
- }));
163
- }
164
- if (virtual && heightBelow) {
165
- rowElements.push(/*#__PURE__*/_react.default.createElement("tr", {
166
- key: "virtualBelow",
167
- style: {
168
- height: heightBelow
169
- }
170
- }));
171
- }
172
- if (rowElements.length === 0 && placeholder) {
173
- rowElements.push(/*#__PURE__*/_react.default.createElement(Placeholder, {
174
- key: "placeholder",
175
- width: columnDefs.length,
176
- height: height - HEADER_HEIGHT
177
- }, placeholder));
178
- }
179
- return /*#__PURE__*/_react.default.createElement(Table, null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement(_HeadRow.default, {
180
- columnDefs: columnDefs,
181
- rowIds: rowIds,
182
- allSelected: rows.length === selection.length && rows.length !== 0
183
- })), /*#__PURE__*/_react.default.createElement("tbody", null, rowElements));
184
- };
185
-
186
- /* istanbul ignore next */
187
- __signature__(List, "useListState{[enhancedColumnDefs, selection]}", function () {
188
- return [useListState];
189
- });
190
- __signature__(List, "useListState{[enhancedColumnDefs, selection]}", function () {
191
- return [useListState];
192
- });
193
- var checkInfiniteScroll = (0, _recompose.branch)(function (_ref3) {
194
- var scrollLoader = _ref3.scrollLoader;
195
- return !!scrollLoader;
196
- }, _withInfiniteScroll.default);
197
- var StatefulList = (0, _recompose.compose)((0, _recompose.setDisplayName)("List"), checkInfiniteScroll, _withScrollBox.default)(List);
198
- StatefulList.propTypes = {
199
- columnDefs: _propTypes.default.arrayOf(_propTypes.default.object),
200
- // Each object must be a valid column definition
201
- rows: _propTypes.default.arrayOf(_propTypes.default.object),
202
- rowOnClick: _propTypes.default.func,
203
- // Click handler for row.
204
- // Fires when row is clicked, excluding select or switch columns
205
- // Event target will have a 'rowId' data value which identifies the clicked row.
206
- placeholder: _propTypes.default.node,
207
- // A React element to render as placeholder.
208
- keyField: _propTypes.default.arrayOf(_propTypes.default.string),
209
- // Path to identifying data field on each row.
210
- // Infinite/virtual scroll
211
- // If scrollLoader is present, below props will control the scrolling
212
- scrollLoader: _propTypes.default.func,
213
- // Loader function. Called with page number to be loaded.
214
- onScroll: _propTypes.default.func,
215
- // Optional scroll event handler
216
- loadTrigger: _propTypes.default.number,
217
- // How many pixels from the bottom should the load be triggered. Default: 200
218
- length: _propTypes.default.number,
219
- // How many elements are loaded, should equal rows.length
220
- latestPage: _propTypes.default.number,
221
- // The latest page number loaded
222
- pageLength: _propTypes.default.number // The length of a page, in row items. Default: 20.
223
- };
224
- var _default = StatefulList;
225
- var _default2 = _default;
226
- var _default3 = exports.default = _default2;
227
- ;
228
- (function () {
229
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
230
- if (!reactHotLoader) {
231
- return;
232
- }
233
- reactHotLoader.register(PlaceholderCell, "PlaceholderCell", "/home/vsts/work/1/s/src/components/List/List.js");
234
- reactHotLoader.register(PlaceholderBox, "PlaceholderBox", "/home/vsts/work/1/s/src/components/List/List.js");
235
- reactHotLoader.register(Placeholder, "Placeholder", "/home/vsts/work/1/s/src/components/List/List.js");
236
- reactHotLoader.register(Table, "Table", "/home/vsts/work/1/s/src/components/List/List.js");
237
- reactHotLoader.register(HEADER_HEIGHT, "HEADER_HEIGHT", "/home/vsts/work/1/s/src/components/List/List.js");
238
- reactHotLoader.register(ROW_HEIGHT, "ROW_HEIGHT", "/home/vsts/work/1/s/src/components/List/List.js");
239
- reactHotLoader.register(calculateVirtualization, "calculateVirtualization", "/home/vsts/work/1/s/src/components/List/List.js");
240
- reactHotLoader.register(useListState, "useListState", "/home/vsts/work/1/s/src/components/List/List.js");
241
- reactHotLoader.register(List, "List", "/home/vsts/work/1/s/src/components/List/List.js");
242
- reactHotLoader.register(checkInfiniteScroll, "checkInfiniteScroll", "/home/vsts/work/1/s/src/components/List/List.js");
243
- reactHotLoader.register(StatefulList, "StatefulList", "/home/vsts/work/1/s/src/components/List/List.js");
244
- reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/List/List.js");
245
- })();
246
- ;
247
- (function () {
248
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
249
- leaveModule && leaveModule(module);
250
- })();
251
- ;
252
- (function () {
253
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
254
- if (!reactHotLoader) {
255
- return;
256
- }
257
- reactHotLoader.register(PlaceholderCell, "PlaceholderCell", "/home/vsts/work/1/s/src/components/List/List.js");
258
- reactHotLoader.register(PlaceholderBox, "PlaceholderBox", "/home/vsts/work/1/s/src/components/List/List.js");
259
- reactHotLoader.register(Placeholder, "Placeholder", "/home/vsts/work/1/s/src/components/List/List.js");
260
- reactHotLoader.register(Table, "Table", "/home/vsts/work/1/s/src/components/List/List.js");
261
- reactHotLoader.register(HEADER_HEIGHT, "HEADER_HEIGHT", "/home/vsts/work/1/s/src/components/List/List.js");
262
- reactHotLoader.register(ROW_HEIGHT, "ROW_HEIGHT", "/home/vsts/work/1/s/src/components/List/List.js");
263
- reactHotLoader.register(calculateVirtualization, "calculateVirtualization", "/home/vsts/work/1/s/src/components/List/List.js");
264
- reactHotLoader.register(useListState, "useListState", "/home/vsts/work/1/s/src/components/List/List.js");
265
- reactHotLoader.register(List, "List", "/home/vsts/work/1/s/src/components/List/List.js");
266
- reactHotLoader.register(checkInfiniteScroll, "checkInfiniteScroll", "/home/vsts/work/1/s/src/components/List/List.js");
267
- reactHotLoader.register(StatefulList, "StatefulList", "/home/vsts/work/1/s/src/components/List/List.js");
268
- reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/List/List.js");
269
- })();
270
- ;
271
- (function () {
272
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
273
- leaveModule && leaveModule(module);
274
- })();