flipper-ui 0.25.17 → 0.26.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (133) hide show
  1. package/colors.js +3 -2
  2. package/core/Advertise.js +13 -36
  3. package/core/AutoComplete.js +12 -53
  4. package/core/Avatar.js +4 -12
  5. package/core/Badge.js +10 -21
  6. package/core/Box.js +11 -20
  7. package/core/Breadcrumb.js +0 -3
  8. package/core/Button.js +11 -32
  9. package/core/Card.js +27 -46
  10. package/core/Chapter.js +12 -47
  11. package/core/Checkbox.js +8 -27
  12. package/core/Chip.js +8 -19
  13. package/core/ChipField.js +5 -22
  14. package/core/Collapse.js +8 -17
  15. package/core/Container.js +10 -30
  16. package/core/Content.js +10 -30
  17. package/core/DataTable/DataTable.js +35 -72
  18. package/core/DataTable/DataTableAction.js +4 -9
  19. package/core/DataTable/DataTablePaginationActions.js +6 -20
  20. package/core/DataTable/DataTableQueryPaginated.js +32 -65
  21. package/core/DataTable/Rows.js +23 -56
  22. package/core/DataTable/index.js +4 -9
  23. package/core/DataTable/types.js +0 -2
  24. package/core/DataTable/usePaginated.js +10 -30
  25. package/core/DataTable/useRowsState.js +12 -37
  26. package/core/DateTime.js +22 -38
  27. package/core/Dialog.js +30 -97
  28. package/core/Divider.js +7 -16
  29. package/core/Drawer.js +9 -20
  30. package/core/EditableTable.js +26 -140
  31. package/core/ExpansionPanel.js +19 -47
  32. package/core/Fab.js +9 -18
  33. package/core/Fade.js +8 -17
  34. package/core/Grow.js +8 -17
  35. package/core/Header.js +10 -20
  36. package/core/IconButton.js +7 -16
  37. package/core/InputAdornment.js +2 -7
  38. package/core/InputBase.js +9 -18
  39. package/core/Line.js +8 -29
  40. package/core/Link.js +0 -3
  41. package/core/List.js +12 -24
  42. package/core/ListItem.js +7 -24
  43. package/core/MaskField.js +7 -23
  44. package/core/Menu.js +9 -18
  45. package/core/Node.js +13 -56
  46. package/core/Pagination.js +15 -49
  47. package/core/Paper.js +8 -17
  48. package/core/PinInput.js +18 -66
  49. package/core/Progress.js +8 -18
  50. package/core/Radio.js +6 -15
  51. package/core/RadioGroup.js +16 -29
  52. package/core/Select.js +12 -27
  53. package/core/Sidebar.js +32 -60
  54. package/core/Slide.js +10 -19
  55. package/core/Slider.js +8 -17
  56. package/core/Snackbar.js +21 -43
  57. package/core/Stepper.js +16 -38
  58. package/core/StylesProvider.js +0 -2
  59. package/core/Tab.js +12 -30
  60. package/core/Table.js +8 -18
  61. package/core/TableBody.js +7 -16
  62. package/core/TableCell.js +14 -27
  63. package/core/TableHead.js +16 -30
  64. package/core/TableRow.js +8 -18
  65. package/core/Tabs.js +14 -23
  66. package/core/TextField.js +28 -84
  67. package/core/ThemeProvider.js +2 -7
  68. package/core/Tooltip.js +9 -18
  69. package/core/Tree.js +6 -21
  70. package/core/Typography.js +10 -19
  71. package/core/Zoom.js +8 -17
  72. package/core/types.js +5 -1
  73. package/icons/index.js +0 -2
  74. package/index.js +30 -92
  75. package/lab/Autocomplete.js +17 -27
  76. package/lab/index.js +0 -2
  77. package/lib/localization.js +0 -4
  78. package/package.json +25 -14
  79. package/stories/Advertise.stories.js +1 -7
  80. package/stories/AutoComplete.stories.js +1 -15
  81. package/stories/AutoCompleteLab.stories.js +1 -10
  82. package/stories/Avatar.stories.js +1 -7
  83. package/stories/Badge.stories.js +1 -8
  84. package/stories/Box.stories.js +1 -7
  85. package/stories/Breadcrumb.stories.js +1 -8
  86. package/stories/Button.stories.js +3 -13
  87. package/stories/Card.stories.js +4 -10
  88. package/stories/Chapter.stories.js +1 -7
  89. package/stories/Checkbox.stories.js +1 -8
  90. package/stories/Chip.stories.js +3 -14
  91. package/stories/ChipField.stories.js +9 -20
  92. package/stories/Collapse.stories.js +10 -21
  93. package/stories/Container.stories.js +1 -7
  94. package/stories/Content.stories.js +1 -7
  95. package/stories/DataTable.stories.js +67 -124
  96. package/stories/DataTableQueryPaginated.stories.js +43 -108
  97. package/stories/Dialog.stories.js +13 -29
  98. package/stories/Divider.stories.js +1 -13
  99. package/stories/Drawer.stories.js +7 -19
  100. package/stories/EditTable.stories.js +1 -10
  101. package/stories/ExpansionPanel.stories.js +1 -10
  102. package/stories/Fab.stories.js +1 -7
  103. package/stories/Fade.stories.js +10 -20
  104. package/stories/Grow.stories.js +10 -20
  105. package/stories/Header.stories.js +1 -7
  106. package/stories/IconButton.stories.js +1 -8
  107. package/stories/InputAdornment.stories.js +1 -7
  108. package/stories/InputBase.stories.js +1 -7
  109. package/stories/Line.stories.js +1 -7
  110. package/stories/List.stories.js +1 -10
  111. package/stories/MaskField.stories.js +1 -9
  112. package/stories/Menu.stories.js +7 -19
  113. package/stories/Node.stories.js +1 -7
  114. package/stories/Pagination.stories.js +1 -7
  115. package/stories/Paper.stories.js +3 -15
  116. package/stories/PinInput.stories.js +25 -73
  117. package/stories/Progress.stories.js +3 -12
  118. package/stories/Radio.stories.js +3 -12
  119. package/stories/RadioGroup.stories.js +7 -14
  120. package/stories/Select.stories.js +10 -24
  121. package/stories/Sidebar.stories.js +1 -10
  122. package/stories/Slide.stories.js +10 -21
  123. package/stories/Slider.stories.js +1 -8
  124. package/stories/Snackbar.stories.js +11 -22
  125. package/stories/Stepper.stories.js +1 -8
  126. package/stories/Table.stories.js +1 -11
  127. package/stories/Tabs.stories.js +1 -8
  128. package/stories/TextField.stories.js +10 -26
  129. package/stories/Tooltip.stories.js +1 -10
  130. package/stories/Tree.stories.js +1 -7
  131. package/stories/Typography.stories.js +1 -7
  132. package/stories/Zooms.stories.js +10 -20
  133. package/tests/CheckBox.test.js +8 -17
@@ -1,59 +1,39 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
4
+ var _typeof = require("@babel/runtime/helpers/typeof");
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports["default"] = exports.DataTable = void 0;
11
-
12
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
-
16
11
  var _react = _interopRequireWildcard(require("react"));
17
-
18
12
  var _last = _interopRequireDefault(require("ramda/es/last"));
19
-
20
13
  var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
21
-
22
14
  var _TableBody = _interopRequireDefault(require("@material-ui/core/TableBody"));
23
-
24
15
  var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
25
-
26
16
  var _TableContainer = _interopRequireDefault(require("@material-ui/core/TableContainer"));
27
-
28
17
  var _TableHead = _interopRequireDefault(require("@material-ui/core/TableHead"));
29
-
30
18
  var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
31
-
32
19
  var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
33
-
34
20
  var _TablePagination = _interopRequireDefault(require("@material-ui/core/TablePagination"));
35
-
36
21
  var _TableFooter = _interopRequireDefault(require("@material-ui/core/TableFooter"));
37
-
38
22
  var _types = require("./types");
39
-
40
23
  var _useRowsState2 = require("./useRowsState");
41
-
42
24
  var _Rows = require("./Rows");
43
-
44
25
  var _DataTablePaginationActions = require("./DataTablePaginationActions");
45
-
46
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
47
-
48
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
49
-
26
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
28
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
29
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
50
30
  var defaultPagination = {
51
31
  rowsPerPage: 10,
52
32
  labelRowsPerPage: 'Rows per page:',
53
33
  labelDisplayedRows: function labelDisplayedRows(_ref) {
54
34
  var from = _ref.from,
55
- to = _ref.to,
56
- count = _ref.count;
35
+ to = _ref.to,
36
+ count = _ref.count;
57
37
  return "".concat(from, "-").concat(to, " of ").concat(count !== -1 ? count : "more than ".concat(to));
58
38
  },
59
39
  disabled: false,
@@ -62,65 +42,54 @@ var defaultPagination = {
62
42
  rowsPerPageOptions: [5, 10, 20],
63
43
  clickable: false
64
44
  };
65
-
66
45
  var sliceData = function sliceData(data, page, rowsPerPage) {
67
46
  var start = page * rowsPerPage;
68
47
  var end = start + rowsPerPage;
69
48
  return data.slice(start, end);
70
49
  };
71
-
72
50
  var DataTable = function DataTable(props) {
73
51
  var _useState = (0, _react.useState)(0),
74
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
75
- page = _useState2[0],
76
- setPage = _useState2[1];
77
-
52
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
53
+ page = _useState2[0],
54
+ setPage = _useState2[1];
78
55
  var pagination = _objectSpread(_objectSpread({}, defaultPagination), props.pagination);
79
-
80
56
  var _useState3 = (0, _react.useState)(pagination.rowsPerPage),
81
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
82
- rowsPerPage = _useState4[0],
83
- setRowsPerPage = _useState4[1];
84
-
57
+ _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
58
+ rowsPerPage = _useState4[0],
59
+ setRowsPerPage = _useState4[1];
85
60
  var data = props.data,
86
- columns = props.columns,
87
- rowViews = props.rowViews,
88
- onRowClick = props.onRowClick,
89
- controllerRef = props.controllerRef,
90
- noHeader = props.noHeader,
91
- bodyRowStyle = props.bodyRowStyle,
92
- headRowStyle = props.headRowStyle,
93
- errors = props.errors,
94
- componentForEmpty = props.componentForEmpty,
95
- bodyStyle = props.bodyStyle,
96
- headStyle = props.headStyle,
97
- hiddenRowHeight = props.hiddenRowHeight;
98
-
61
+ columns = props.columns,
62
+ rowViews = props.rowViews,
63
+ onRowClick = props.onRowClick,
64
+ controllerRef = props.controllerRef,
65
+ noHeader = props.noHeader,
66
+ bodyRowStyle = props.bodyRowStyle,
67
+ headRowStyle = props.headRowStyle,
68
+ errors = props.errors,
69
+ componentForEmpty = props.componentForEmpty,
70
+ bodyStyle = props.bodyStyle,
71
+ headStyle = props.headStyle,
72
+ hiddenRowHeight = props.hiddenRowHeight;
99
73
  var _useState5 = (0, _react.useState)(),
100
- _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
101
- newRow = _useState6[0],
102
- setNewRow = _useState6[1];
103
-
74
+ _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
75
+ newRow = _useState6[0],
76
+ setNewRow = _useState6[1];
104
77
  var rows = (0, _react.useMemo)(function () {
105
78
  if (pagination.disabled) {
106
79
  return data;
107
- } // this case is not good for the useRowsMode hook
108
-
109
-
80
+ }
81
+ // this case is not good for the useRowsMode hook
110
82
  if (newRow && page === 0) {
111
83
  return sliceData(data, page, rowsPerPage - 1);
112
84
  }
113
-
114
85
  return sliceData(data, page, rowsPerPage);
115
86
  }, [pagination.disabled, data, rowsPerPage, page, newRow]);
116
-
117
87
  var _useRowsState = (0, _useRowsState2.useRowsState)(rows, newRow),
118
- getRowState = _useRowsState.getRowState,
119
- setEditableRowState = _useRowsState.setEditableRowState,
120
- setRowState = _useRowsState.setRowState,
121
- pushRowView = _useRowsState.pushRowView,
122
- popRowView = _useRowsState.popRowView;
123
-
88
+ getRowState = _useRowsState.getRowState,
89
+ setEditableRowState = _useRowsState.setEditableRowState,
90
+ setRowState = _useRowsState.setRowState,
91
+ pushRowView = _useRowsState.pushRowView,
92
+ popRowView = _useRowsState.popRowView;
124
93
  var controller = (0, _react.useRef)();
125
94
  (0, _react.useEffect)(function () {
126
95
  var nextController = {
@@ -141,7 +110,6 @@ var DataTable = function DataTable(props) {
141
110
  },
142
111
  getEditedRowData: function getEditedRowData(id) {
143
112
  var _getRowState;
144
-
145
113
  return _objectSpread({
146
114
  id: id
147
115
  }, (_getRowState = getRowState(id)) === null || _getRowState === void 0 ? void 0 : _getRowState.editableState);
@@ -159,7 +127,6 @@ var DataTable = function DataTable(props) {
159
127
  popRowView: popRowView
160
128
  };
161
129
  controller.current = nextController;
162
-
163
130
  if (controllerRef) {
164
131
  controllerRef.current = nextController;
165
132
  }
@@ -200,7 +167,6 @@ var DataTable = function DataTable(props) {
200
167
  }, [columns]);
201
168
  var currentRowsNumber = rows.length + (newRow ? 1 : 0);
202
169
  var hiddenRowsNumber = pagination.disabled ? 0 : rowsPerPage - currentRowsNumber;
203
-
204
170
  var hiddenRowFiller = hiddenRowsNumber !== 0 && /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
205
171
  style: bodyRowStyle
206
172
  }, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
@@ -210,14 +176,12 @@ var DataTable = function DataTable(props) {
210
176
  height: hiddenRowHeight && "".concat(hiddenRowHeight * hiddenRowsNumber, "px")
211
177
  }
212
178
  }));
213
-
214
179
  var rowsElements = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (newRow === null || newRow === void 0 ? void 0 : newRow.id) && /*#__PURE__*/_react["default"].createElement(_Rows.NewRow, {
215
180
  data: newRow,
216
181
  errors: errors,
217
182
  columns: columns,
218
183
  onUpdate: setEditableRowState(newRow.id)
219
184
  }), rowsList);
220
-
221
185
  var paginationActionsComponent = (0, _react.useMemo)(function () {
222
186
  return (0, _DataTablePaginationActions.makeDataTablePaginationActions)({
223
187
  showFirstButton: pagination.showFirstButton,
@@ -249,7 +213,6 @@ var DataTable = function DataTable(props) {
249
213
  ActionsComponent: paginationActionsComponent
250
214
  })))));
251
215
  };
252
-
253
216
  exports.DataTable = DataTable;
254
217
  var _default = DataTable;
255
218
  exports["default"] = _default;
@@ -1,22 +1,18 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.DataTableAction = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
13
-
14
10
  var DataTableAction = function DataTableAction(_ref) {
15
11
  var label = _ref.label,
16
- children = _ref.children,
17
- _ref$color = _ref.color,
18
- color = _ref$color === void 0 ? 'default' : _ref$color,
19
- onClick = _ref.onClick;
12
+ children = _ref.children,
13
+ _ref$color = _ref.color,
14
+ color = _ref$color === void 0 ? 'default' : _ref$color,
15
+ onClick = _ref.onClick;
20
16
  return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
21
17
  size: "small",
22
18
  color: color,
@@ -24,5 +20,4 @@ var DataTableAction = function DataTableAction(_ref) {
24
20
  onClick: onClick
25
21
  }, children);
26
22
  };
27
-
28
23
  exports.DataTableAction = DataTableAction;
@@ -1,57 +1,44 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.makeDataTablePaginationActions = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _IconButton = _interopRequireDefault(require("../IconButton"));
13
-
14
10
  var _FirstPage = _interopRequireDefault(require("@material-ui/icons/FirstPage"));
15
-
16
11
  var _LastPage = _interopRequireDefault(require("@material-ui/icons/LastPage"));
17
-
18
12
  var _KeyboardArrowLeft = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowLeft"));
19
-
20
13
  var _KeyboardArrowRight = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowRight"));
21
-
22
14
  /* eslint-disable @typescript-eslint/interface-name-prefix */
15
+
23
16
  var PAGINATION_WRAPPER_STYLE = {
24
17
  display: 'flex',
25
18
  marginLeft: '12px'
26
19
  };
27
-
28
20
  var makeDataTablePaginationActions = function makeDataTablePaginationActions(_ref) {
29
21
  var showFirstButton = _ref.showFirstButton,
30
- showLastButton = _ref.showLastButton,
31
- clickable = _ref.clickable;
22
+ showLastButton = _ref.showLastButton,
23
+ clickable = _ref.clickable;
32
24
  return function (_ref2) {
33
25
  var count = _ref2.count,
34
- page = _ref2.page,
35
- rowsPerPage = _ref2.rowsPerPage,
36
- onChangePage = _ref2.onChangePage;
26
+ page = _ref2.page,
27
+ rowsPerPage = _ref2.rowsPerPage,
28
+ onChangePage = _ref2.onChangePage;
37
29
  var totalPages = Math.ceil(count / rowsPerPage) - 1;
38
-
39
30
  var handleFirstPageButtonClick = function handleFirstPageButtonClick(event) {
40
31
  onChangePage(event, 0);
41
32
  };
42
-
43
33
  var handleBackButtonClick = function handleBackButtonClick(event) {
44
34
  onChangePage(event, page - 1);
45
35
  };
46
-
47
36
  var handleNextButtonClick = function handleNextButtonClick(event) {
48
37
  onChangePage(event, page + 1);
49
38
  };
50
-
51
39
  var handleLastPageButtonClick = function handleLastPageButtonClick(event) {
52
40
  onChangePage(event, Math.max(0, totalPages));
53
41
  };
54
-
55
42
  return /*#__PURE__*/_react["default"].createElement("div", {
56
43
  style: PAGINATION_WRAPPER_STYLE
57
44
  }, showFirstButton && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
@@ -73,5 +60,4 @@ var makeDataTablePaginationActions = function makeDataTablePaginationActions(_re
73
60
  }, /*#__PURE__*/_react["default"].createElement(_LastPage["default"], null)));
74
61
  };
75
62
  };
76
-
77
63
  exports.makeDataTablePaginationActions = makeDataTablePaginationActions;
@@ -1,59 +1,39 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
4
+ var _typeof = require("@babel/runtime/helpers/typeof");
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports["default"] = exports.DataTableQueryPaginated = void 0;
11
-
12
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
-
14
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
-
16
11
  var _react = _interopRequireWildcard(require("react"));
17
-
18
12
  var _last = _interopRequireDefault(require("ramda/es/last"));
19
-
20
13
  var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
21
-
22
14
  var _TableBody = _interopRequireDefault(require("@material-ui/core/TableBody"));
23
-
24
15
  var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
25
-
26
16
  var _TableContainer = _interopRequireDefault(require("@material-ui/core/TableContainer"));
27
-
28
17
  var _TableHead = _interopRequireDefault(require("@material-ui/core/TableHead"));
29
-
30
18
  var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
31
-
32
19
  var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
33
-
34
20
  var _TablePagination = _interopRequireDefault(require("@material-ui/core/TablePagination"));
35
-
36
21
  var _TableFooter = _interopRequireDefault(require("@material-ui/core/TableFooter"));
37
-
38
22
  var _types = require("./types");
39
-
40
23
  var _useRowsState2 = require("./useRowsState");
41
-
42
24
  var _Rows = require("./Rows");
43
-
44
25
  var _DataTablePaginationActions = require("./DataTablePaginationActions");
45
-
46
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
47
-
48
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
49
-
26
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
28
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
29
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
50
30
  var defaultPagination = {
51
31
  rowsPerPage: 10,
52
32
  labelRowsPerPage: 'Rows per page:',
53
33
  labelDisplayedRows: function labelDisplayedRows(_ref) {
54
34
  var from = _ref.from,
55
- to = _ref.to,
56
- count = _ref.count;
35
+ to = _ref.to,
36
+ count = _ref.count;
57
37
  return "".concat(from, "-").concat(to, " of ").concat(count !== -1 ? count : "more than ".concat(to));
58
38
  },
59
39
  disabled: false,
@@ -62,49 +42,42 @@ var defaultPagination = {
62
42
  clickable: true,
63
43
  rowsPerPageOptions: [5, 10, 25, 50]
64
44
  };
65
-
66
45
  var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
67
46
  var pagination = _objectSpread(_objectSpread({}, defaultPagination), props.pagination);
68
-
69
47
  var data = props.data,
70
- totalElements = props.totalElements,
71
- handleChangePage = props.handleChangePage,
72
- perPage = props.perPage,
73
- handleChangePerPage = props.handleChangePerPage,
74
- columns = props.columns,
75
- page = props.page,
76
- rowViews = props.rowViews,
77
- onRowClick = props.onRowClick,
78
- controllerRef = props.controllerRef,
79
- noHeader = props.noHeader,
80
- bodyRowStyle = props.bodyRowStyle,
81
- headRowStyle = props.headRowStyle,
82
- errors = props.errors,
83
- componentForEmpty = props.componentForEmpty,
84
- bodyStyle = props.bodyStyle,
85
- headStyle = props.headStyle,
86
- hiddenRowHeight = props.hiddenRowHeight;
87
-
48
+ totalElements = props.totalElements,
49
+ handleChangePage = props.handleChangePage,
50
+ perPage = props.perPage,
51
+ handleChangePerPage = props.handleChangePerPage,
52
+ columns = props.columns,
53
+ page = props.page,
54
+ rowViews = props.rowViews,
55
+ onRowClick = props.onRowClick,
56
+ controllerRef = props.controllerRef,
57
+ noHeader = props.noHeader,
58
+ bodyRowStyle = props.bodyRowStyle,
59
+ headRowStyle = props.headRowStyle,
60
+ errors = props.errors,
61
+ componentForEmpty = props.componentForEmpty,
62
+ bodyStyle = props.bodyStyle,
63
+ headStyle = props.headStyle,
64
+ hiddenRowHeight = props.hiddenRowHeight;
88
65
  var _useState = (0, _react.useState)(),
89
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
90
- newRow = _useState2[0],
91
- setNewRow = _useState2[1];
92
-
66
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
67
+ newRow = _useState2[0],
68
+ setNewRow = _useState2[1];
93
69
  var rows = (0, _react.useMemo)(function () {
94
70
  if (pagination.disabled) {
95
71
  return data;
96
72
  }
97
-
98
73
  return data;
99
74
  }, [pagination.disabled, data, perPage, page, newRow]);
100
-
101
75
  var _useRowsState = (0, _useRowsState2.useRowsState)(rows, newRow),
102
- getRowState = _useRowsState.getRowState,
103
- setEditableRowState = _useRowsState.setEditableRowState,
104
- setRowState = _useRowsState.setRowState,
105
- pushRowView = _useRowsState.pushRowView,
106
- popRowView = _useRowsState.popRowView;
107
-
76
+ getRowState = _useRowsState.getRowState,
77
+ setEditableRowState = _useRowsState.setEditableRowState,
78
+ setRowState = _useRowsState.setRowState,
79
+ pushRowView = _useRowsState.pushRowView,
80
+ popRowView = _useRowsState.popRowView;
108
81
  var controller = (0, _react.useRef)();
109
82
  (0, _react.useEffect)(function () {
110
83
  var nextController = {
@@ -125,7 +98,6 @@ var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
125
98
  },
126
99
  getEditedRowData: function getEditedRowData(id) {
127
100
  var _getRowState;
128
-
129
101
  return _objectSpread({
130
102
  id: id
131
103
  }, (_getRowState = getRowState(id)) === null || _getRowState === void 0 ? void 0 : _getRowState.editableState);
@@ -143,7 +115,6 @@ var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
143
115
  popRowView: popRowView
144
116
  };
145
117
  controller.current = nextController;
146
-
147
118
  if (controllerRef) {
148
119
  controllerRef.current = nextController;
149
120
  }
@@ -184,7 +155,6 @@ var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
184
155
  }, [columns]);
185
156
  var currentRowsNumber = rows.length + (newRow ? 1 : 0);
186
157
  var hiddenRowsNumber = pagination.disabled ? 0 : perPage - currentRowsNumber;
187
-
188
158
  var hiddenRowFiller = hiddenRowsNumber !== 0 && /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
189
159
  style: bodyRowStyle
190
160
  }, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
@@ -194,14 +164,12 @@ var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
194
164
  height: hiddenRowHeight && "".concat(hiddenRowHeight * hiddenRowsNumber, "px")
195
165
  }
196
166
  }));
197
-
198
167
  var rowsElements = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (newRow === null || newRow === void 0 ? void 0 : newRow.id) && /*#__PURE__*/_react["default"].createElement(_Rows.NewRow, {
199
168
  data: newRow,
200
169
  errors: errors,
201
170
  columns: columns,
202
171
  onUpdate: setEditableRowState(newRow.id)
203
172
  }), rowsList);
204
-
205
173
  var paginationActionsComponent = (0, _react.useMemo)(function () {
206
174
  return (0, _DataTablePaginationActions.makeDataTablePaginationActions)({
207
175
  showFirstButton: pagination.showFirstButton,
@@ -233,7 +201,6 @@ var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
233
201
  ActionsComponent: paginationActionsComponent
234
202
  })))));
235
203
  };
236
-
237
204
  exports.DataTableQueryPaginated = DataTableQueryPaginated;
238
205
  var _default = DataTableQueryPaginated;
239
206
  exports["default"] = _default;