@spothero/ui 15.2.0-beta.1 → 15.2.1-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (145) hide show
  1. package/CHANGELOG.md +0 -18
  2. package/dex.config.js +45 -0
  3. package/package.json +4 -4
  4. package/v1/assets-manifest.json +5 -0
  5. package/v1/index.html +1 -0
  6. package/v1/index.js +3 -0
  7. package/v1/index.js.LICENSE.txt +23 -0
  8. package/v1/index.js.map +1 -0
  9. package/v2/assets-manifest.json +5 -0
  10. package/v2/index.html +1 -0
  11. package/v2/index.js +3 -0
  12. package/v2/index.js.LICENSE.txt +14 -0
  13. package/v2/index.js.map +1 -0
  14. package/v1/components/Button/Button.js +0 -64
  15. package/v1/components/Button/button-props.js +0 -48
  16. package/v1/components/Image/Image.js +0 -193
  17. package/v1/components/Loader/Loader.js +0 -51
  18. package/v1/components/Modal/Modal.js +0 -325
  19. package/v1/components/Modal/ModalContent.js +0 -154
  20. package/v1/components/Modal/ModalFooter.js +0 -89
  21. package/v1/components/Modal/index.js +0 -31
  22. package/v1/components/Panel/Panel.js +0 -209
  23. package/v1/components/Table/Table.js +0 -328
  24. package/v1/components/Table/TableCell.js +0 -28
  25. package/v1/components/Table/TableCellPropTypes.js +0 -22
  26. package/v1/components/Table/TableControls.js +0 -56
  27. package/v1/components/Table/TableFooter.js +0 -63
  28. package/v1/components/Table/TableHeading.js +0 -126
  29. package/v1/components/Table/TableHeadingPropTypes.js +0 -35
  30. package/v1/components/Table/TableSortSelector.js +0 -125
  31. package/v1/components/Table/TableSortType.js +0 -11
  32. package/v1/components/Table/index.js +0 -47
  33. package/v1/components/TextButton/TextButton.js +0 -74
  34. package/v1/components/index.js +0 -75
  35. package/v1/utils/deprecate.js +0 -61
  36. package/v2/components/Accordion/Accordion.js +0 -13
  37. package/v2/components/Accordion/Accordion.stories.js +0 -86
  38. package/v2/components/Accordion/index.js +0 -41
  39. package/v2/components/Accordion/styles/button.js +0 -23
  40. package/v2/components/Accordion/styles/container.js +0 -15
  41. package/v2/components/Accordion/styles/index.js +0 -32
  42. package/v2/components/Accordion/styles/panel.js +0 -13
  43. package/v2/components/Button/Button.js +0 -73
  44. package/v2/components/Button/Button.styles.js +0 -172
  45. package/v2/components/Button/button-props.js +0 -90
  46. package/v2/components/Button/index.js +0 -23
  47. package/v2/components/Card/Card.js +0 -38
  48. package/v2/components/Card/Card.stories.js +0 -41
  49. package/v2/components/Checkbox/Checkbox.js +0 -13
  50. package/v2/components/Checkbox/Checkbox.stories.js +0 -44
  51. package/v2/components/Checkbox/index.js +0 -15
  52. package/v2/components/Checkbox/styles/index.js +0 -46
  53. package/v2/components/Container/Container.js +0 -34
  54. package/v2/components/Container/Container.stories.js +0 -74
  55. package/v2/components/Container/Container.styles.js +0 -17
  56. package/v2/components/FormControl/FormControl.js +0 -70
  57. package/v2/components/Grid/Grid.js +0 -49
  58. package/v2/components/Grid/Grid.stories.js +0 -141
  59. package/v2/components/Grid/Grid.styles.js +0 -19
  60. package/v2/components/Grid/GridItem.js +0 -34
  61. package/v2/components/Grid/GridItem.styles.js +0 -13
  62. package/v2/components/Grid/index.js +0 -23
  63. package/v2/components/Heading/Heading.js +0 -49
  64. package/v2/components/Heading/Heading.stories.js +0 -54
  65. package/v2/components/Heading/Heading.styles.js +0 -79
  66. package/v2/components/Icon/Icon.js +0 -13
  67. package/v2/components/Icon/Icon.stories.js +0 -47
  68. package/v2/components/Image/Image.js +0 -106
  69. package/v2/components/Image/Image.stories.js +0 -92
  70. package/v2/components/Input/Input.js +0 -59
  71. package/v2/components/Input/Input.stories.js +0 -65
  72. package/v2/components/Input/index.js +0 -15
  73. package/v2/components/Input/styles/index.js +0 -58
  74. package/v2/components/Link/Link.js +0 -13
  75. package/v2/components/Link/Link.stories.js +0 -61
  76. package/v2/components/Link/Link.styles.js +0 -42
  77. package/v2/components/List/List.js +0 -88
  78. package/v2/components/List/List.stories.js +0 -124
  79. package/v2/components/List/index.js +0 -23
  80. package/v2/components/List/styles/index.js +0 -24
  81. package/v2/components/List/styles/item.styles.js +0 -11
  82. package/v2/components/Loader/Loader.js +0 -62
  83. package/v2/components/Loader/Loader.stories.js +0 -140
  84. package/v2/components/Modal/Modal.js +0 -52
  85. package/v2/components/Modal/Modal.stories.js +0 -236
  86. package/v2/components/Modal/index.js +0 -15
  87. package/v2/components/Modal/styles/body.js +0 -47
  88. package/v2/components/Modal/styles/closeButton.js +0 -27
  89. package/v2/components/Modal/styles/dialog.js +0 -25
  90. package/v2/components/Modal/styles/dialogContainer.js +0 -17
  91. package/v2/components/Modal/styles/footer.js +0 -12
  92. package/v2/components/Modal/styles/header.js +0 -20
  93. package/v2/components/Modal/styles/index.js +0 -70
  94. package/v2/components/Modal/styles/overlay.js +0 -12
  95. package/v2/components/Popover/Popover.js +0 -48
  96. package/v2/components/Popover/Popover.stories.js +0 -101
  97. package/v2/components/Popover/PopoverArrow.js +0 -34
  98. package/v2/components/Popover/PopoverCloseButton.js +0 -34
  99. package/v2/components/Popover/PopoverContent.js +0 -53
  100. package/v2/components/Popover/index.js +0 -31
  101. package/v2/components/Popover/styles/index.js +0 -38
  102. package/v2/components/Popover/styles/popover-arrow.js +0 -16
  103. package/v2/components/Popover/styles/popover-body.js +0 -15
  104. package/v2/components/Popover/styles/popover-close-button.js +0 -30
  105. package/v2/components/Popover/styles/popover-content.js +0 -12
  106. package/v2/components/Popover/styles/popover-header.js +0 -12
  107. package/v2/components/Popover/styles/popper.js +0 -26
  108. package/v2/components/Radio/Radio.js +0 -53
  109. package/v2/components/Radio/Radio.stories.js +0 -142
  110. package/v2/components/Radio/RadioGroup.js +0 -65
  111. package/v2/components/Radio/index.js +0 -23
  112. package/v2/components/Radio/styles/index.js +0 -65
  113. package/v2/components/Select/Select.js +0 -69
  114. package/v2/components/Select/Select.stories.js +0 -73
  115. package/v2/components/Select/index.js +0 -15
  116. package/v2/components/Select/styles/index.js +0 -57
  117. package/v2/components/Spinner/Spinner.js +0 -47
  118. package/v2/components/Spinner/Spinner.stories.js +0 -134
  119. package/v2/components/Spinner/Spinner.styles.js +0 -76
  120. package/v2/components/Table/Table.js +0 -13
  121. package/v2/components/Table/Table.stories.js +0 -92
  122. package/v2/components/Table/Table.styles.js +0 -87
  123. package/v2/components/Table/index.js +0 -59
  124. package/v2/components/Tabs/Tabs.js +0 -13
  125. package/v2/components/Tabs/Tabs.stories.js +0 -31
  126. package/v2/components/Tabs/index.js +0 -41
  127. package/v2/components/Tabs/styles/index.js +0 -49
  128. package/v2/components/Text/Text.js +0 -44
  129. package/v2/components/Text/Text.stories.js +0 -56
  130. package/v2/components/Text/Text.styles.js +0 -67
  131. package/v2/components/Text/combineAsWithVariant.js +0 -123
  132. package/v2/components/Text/options.js +0 -9
  133. package/v2/components/ThemeProvider/ThemeProvider.js +0 -61
  134. package/v2/components/ThemeProvider/ThemeProvider.stories.js +0 -60
  135. package/v2/components/index.js +0 -448
  136. package/v2/components/styles.js +0 -135
  137. package/v2/theme/base/breakpoints.js +0 -27
  138. package/v2/theme/base/colors.js +0 -148
  139. package/v2/theme/base/index.js +0 -59
  140. package/v2/theme/base/sizes.js +0 -88
  141. package/v2/theme/base/typography.js +0 -41
  142. package/v2/theme/base/zindices.js +0 -35
  143. package/v2/theme/global.js +0 -52
  144. package/v2/theme/index.js +0 -63
  145. package/v2/utils/Spaces.js +0 -27
@@ -1,328 +0,0 @@
1
- "use strict";
2
-
3
- var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
-
5
- var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
6
-
7
- var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
8
-
9
- var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
10
-
11
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
12
-
13
- Object.defineProperty(exports, "__esModule", {
14
- value: true
15
- });
16
- exports.default = void 0;
17
-
18
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
19
-
20
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
21
-
22
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
23
-
24
- var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
25
-
26
- var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
27
-
28
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
29
-
30
- var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
31
-
32
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
33
-
34
- var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
35
-
36
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
37
-
38
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
39
-
40
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
41
-
42
- var _find = _interopRequireDefault(require("lodash/find"));
43
-
44
- var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
45
-
46
- var _isNumber = _interopRequireDefault(require("lodash/isNumber"));
47
-
48
- var _isObject = _interopRequireDefault(require("lodash/isObject"));
49
-
50
- var _map2 = _interopRequireDefault(require("lodash/map"));
51
-
52
- var _some = _interopRequireDefault(require("lodash/some"));
53
-
54
- var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
55
-
56
- var _react = _interopRequireWildcard(require("react"));
57
-
58
- var _classnames = _interopRequireDefault(require("classnames"));
59
-
60
- var _TableHeading = _interopRequireDefault(require("./TableHeading"));
61
-
62
- var _TableCell = _interopRequireDefault(require("./TableCell"));
63
-
64
- var _TableFooter = _interopRequireDefault(require("./TableFooter"));
65
-
66
- var _TableSortSelector = _interopRequireDefault(require("./TableSortSelector"));
67
-
68
- var _TableSortType = _interopRequireDefault(require("./TableSortType"));
69
-
70
- var _deprecate = _interopRequireDefault(require("../../utils/deprecate"));
71
-
72
- var _excluded = ["render"],
73
- _excluded2 = ["className"];
74
-
75
- 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); }
76
-
77
- 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; }
78
-
79
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
80
-
81
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
82
-
83
- (0, _deprecate.default)({
84
- name: 'Table',
85
- newName: 'Table',
86
- changes: ['---- Props ----', 'In order to accomplish the same functionality as using `footerMessage`, now use the `<Tfoot />` component in the table structure instead of passing in as a prop', 'Pagination and Sorting are not yet supported in the v2 Table component', '---- Changes in v2 component ----', 'New v2 Table component is now a paired-down in functionality compaired to v1 version', '`containerClassName`, `headers`, `data`, `currentPage`, `sortOrder`, `sortDataKey`, `totalDataRowCount`, `rowSize`, `showFooterMessage`, `footerMessage`, `pageSize`, `sorting`, `onPageChange`, `onSortChange`, and `noDataAvailableMessage` are not yet supported in the v2 Table component', '---- Additional Information ----', 'new props are documented at: https://chakra-ui.com/docs/data-display/table']
87
- });
88
-
89
- var Table = /*#__PURE__*/function (_Component) {
90
- (0, _inherits2.default)(Table, _Component);
91
-
92
- var _super = _createSuper(Table);
93
-
94
- function Table(props) {
95
- var _this;
96
-
97
- (0, _classCallCheck2.default)(this, Table);
98
- _this = _super.call(this, props);
99
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onPageChange", function (_ref) {
100
- var value = _ref.value;
101
-
102
- _this.setState({
103
- currentPage: parseInt(value, 10)
104
- });
105
- });
106
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onPreviousPage", function (evt) {
107
- _this.setState(function (prevState, props) {
108
- return {
109
- currentPage: prevState.currentPage - 1
110
- };
111
- });
112
- });
113
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onNextPage", function (evt) {
114
- _this.setState(function (prevState, props) {
115
- return {
116
- currentPage: prevState.currentPage + 1
117
- };
118
- });
119
- });
120
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onSortChange", function (_ref2) {
121
- var dataKey = _ref2.dataKey,
122
- sortOrder = _ref2.sortOrder;
123
-
124
- _this.setState({
125
- sortOrder: sortOrder,
126
- sortDataKey: dataKey
127
- });
128
- });
129
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_renderHeadings", function () {
130
- var _context;
131
-
132
- var _this$state = _this.state,
133
- sortOrder = _this$state.sortOrder,
134
- sortDataKey = _this$state.sortDataKey;
135
- return /*#__PURE__*/_react.default.createElement("thead", {
136
- className: "TableHead"
137
- }, /*#__PURE__*/_react.default.createElement("tr", null, (0, _map.default)(_context = _this._HEADERS).call(_context, function (header) {
138
- var render = header.render,
139
- headerProps = (0, _objectWithoutProperties2.default)(header, _excluded);
140
- var dataKey = headerProps.dataKey,
141
- isSortable = headerProps.isSortable;
142
- var Heading = render ? render : _TableHeading.default;
143
-
144
- if (isSortable) {
145
- headerProps.onSortClick = _this._onSortChange;
146
- headerProps.sortOrder = dataKey === sortDataKey ? sortOrder : null;
147
- }
148
-
149
- return /*#__PURE__*/_react.default.createElement(Heading, (0, _extends2.default)({
150
- key: dataKey
151
- }, headerProps));
152
- })));
153
- });
154
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_renderRows", function () {
155
- var _this$props = _this.props,
156
- data = _this$props.data,
157
- sorting = _this$props.sorting,
158
- noDataAvailableMessage = _this$props.noDataAvailableMessage;
159
-
160
- if (!data.length) {
161
- return /*#__PURE__*/_react.default.createElement("tbody", {
162
- className: "TableBody Table-no-data"
163
- }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
164
- colSpan: _this._HEADERS.length
165
- }, /*#__PURE__*/_react.default.createElement("div", null, noDataAvailableMessage))));
166
- }
167
-
168
- var sortedData = data;
169
-
170
- if (sorting) {
171
- var sort = (0, _isFunction.default)(sorting) ? [sorting] : (0, _toConsumableArray2.default)(sorting);
172
- sortedData = (0, _sortBy.default)(data, sort);
173
- }
174
-
175
- return /*#__PURE__*/_react.default.createElement("tbody", {
176
- className: "TableBody"
177
- }, (0, _map.default)(sortedData).call(sortedData, function (_ref3, i) {
178
- var rowClass = _ref3.className,
179
- row = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
180
-
181
- if (row.customRowRender) {
182
- return row.customRowRender({
183
- key: i,
184
- row: row
185
- });
186
- } else {
187
- return /*#__PURE__*/_react.default.createElement("tr", {
188
- key: i,
189
- className: rowClass
190
- }, (0, _map2.default)(row, function (cell, dataKey) {
191
- var _context2;
192
-
193
- var className = cell.className,
194
- value = cell.value;
195
- var Cell = (0, _isObject.default)(cell) && cell.render ? cell.render : _TableCell.default;
196
- var key = (0, _concat.default)(_context2 = "".concat(i, "-")).call(_context2, dataKey);
197
- var label = (0, _find.default)(_this._HEADERS, {
198
- dataKey: dataKey
199
- }).label;
200
- var cellValue = (0, _isObject.default)(cell) ? value : cell;
201
- return /*#__PURE__*/_react.default.createElement(Cell, {
202
- key: key,
203
- className: className,
204
- headingLabel: label,
205
- value: cellValue
206
- });
207
- }));
208
- }
209
- }));
210
- });
211
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_renderFooter", function () {
212
- var _this$props2 = _this.props,
213
- rowSize = _this$props2.rowSize,
214
- pageSize = _this$props2.pageSize,
215
- data = _this$props2.data,
216
- totalDataRowCount = _this$props2.totalDataRowCount,
217
- showFooterMessage = _this$props2.showFooterMessage,
218
- footerMessage = _this$props2.footerMessage;
219
- var _this$state2 = _this.state,
220
- currentPage = _this$state2.currentPage,
221
- totalPages = _this$state2.totalPages;
222
- return /*#__PURE__*/_react.default.createElement(_TableFooter.default, {
223
- rowSize: rowSize,
224
- pageSize: pageSize,
225
- totalDataRowCount: totalDataRowCount,
226
- currentPage: currentPage,
227
- totalPages: totalPages,
228
- currentPageLength: data.length,
229
- showMessage: showFooterMessage,
230
- message: footerMessage,
231
- onPageChange: _this._onPageChange,
232
- onPreviousPage: _this._onPreviousPage,
233
- onNextPage: _this._onNextPage
234
- });
235
- });
236
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_renderTableSortDropdown", function () {
237
- var _this$state3 = _this.state,
238
- sortOrder = _this$state3.sortOrder,
239
- sortDataKey = _this$state3.sortDataKey;
240
- var hasSortableHeaders = (0, _some.default)(_this._HEADERS, 'isSortable');
241
-
242
- if (!hasSortableHeaders) {
243
- return null;
244
- }
245
-
246
- return /*#__PURE__*/_react.default.createElement(_TableSortSelector.default, {
247
- headers: _this._HEADERS,
248
- sortOrder: sortOrder,
249
- sortDataKey: sortDataKey,
250
- onSortChange: _this._onSortChange
251
- });
252
- });
253
- var headers = props.headers,
254
- _currentPage = props.currentPage,
255
- _totalDataRowCount = props.totalDataRowCount,
256
- _pageSize = props.pageSize,
257
- _sortOrder = props.sortOrder,
258
- _sortDataKey = props.sortDataKey;
259
- _this._HEADERS = headers;
260
- _this.state = {
261
- sortOrder: _sortOrder,
262
- sortDataKey: _sortDataKey,
263
- currentPage: _currentPage,
264
- totalPages: Math.ceil(_totalDataRowCount / _pageSize)
265
- };
266
- return _this;
267
- }
268
-
269
- (0, _createClass2.default)(Table, [{
270
- key: "componentDidUpdate",
271
- value: function componentDidUpdate(prevProps, prevState) {
272
- var _this$props3 = this.props,
273
- onPageChange = _this$props3.onPageChange,
274
- onSortChange = _this$props3.onSortChange;
275
- var previousCurrentPage = prevState.currentPage,
276
- previousSortOrder = prevState.sortOrder,
277
- previousSortDataKey = prevState.sortDataKey;
278
- var _this$state4 = this.state,
279
- totalPages = _this$state4.totalPages,
280
- currentPage = _this$state4.currentPage,
281
- sortOrder = _this$state4.sortOrder,
282
- sortDataKey = _this$state4.sortDataKey;
283
-
284
- if (previousCurrentPage !== currentPage && onPageChange) {
285
- onPageChange({
286
- totalPages: totalPages,
287
- currentPage: currentPage,
288
- previousPage: previousCurrentPage
289
- });
290
- }
291
-
292
- if ((previousSortOrder !== sortOrder || previousSortDataKey !== sortDataKey) && onSortChange) {
293
- onSortChange({
294
- sortOrder: sortOrder,
295
- dataKey: sortDataKey
296
- });
297
- }
298
- }
299
- }, {
300
- key: "render",
301
- value: function render() {
302
- var _this$props4 = this.props,
303
- containerClassName = _this$props4.containerClassName,
304
- className = _this$props4.className,
305
- rowSize = _this$props4.rowSize;
306
- var containerClasses = (0, _classnames.default)('Table-container', containerClassName);
307
- var tableClasses = (0, _classnames.default)('Table', {
308
- 'Table-large': rowSize === 'large'
309
- }, className);
310
- return /*#__PURE__*/_react.default.createElement("div", {
311
- className: containerClasses
312
- }, this._renderTableSortDropdown(), /*#__PURE__*/_react.default.createElement("table", {
313
- className: tableClasses
314
- }, this._renderHeadings(), this._renderRows()), this._renderFooter());
315
- }
316
- }]);
317
- return Table;
318
- }(_react.Component);
319
-
320
- exports.default = Table;
321
- (0, _defineProperty2.default)(Table, "defaultProps", {
322
- currentPage: 1,
323
- totalDataRowCount: 0,
324
- rowSize: 'normal',
325
- pageSize: 25,
326
- noDataAvailableMessage: 'No data available at this time.',
327
- showFooterMessage: true
328
- });
@@ -1,28 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
- var _TableCellPropTypes = _interopRequireDefault(require("./TableCellPropTypes"));
15
-
16
- var TableCell = function TableCell(_ref) {
17
- var className = _ref.className,
18
- headingLabel = _ref.headingLabel,
19
- value = _ref.value;
20
- var classes = (0, _classnames.default)('TableCell', className);
21
- return /*#__PURE__*/_react.default.createElement("td", {
22
- className: classes,
23
- "data-label": headingLabel
24
- }, /*#__PURE__*/_react.default.createElement("div", null, value));
25
- };
26
-
27
- var _default = TableCell;
28
- exports.default = _default;
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _default = {
13
- /** Additional class(es) to add to the component. */
14
- className: _propTypes.default.string,
15
-
16
- /** The header label that is used to display on smaller viewports above the cell's data. */
17
- headingLabel: _propTypes.default.string.isRequired,
18
-
19
- /** The data to populate inside of the cell. */
20
- value: _propTypes.default.any
21
- };
22
- exports.default = _default;
@@ -1,56 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _times = _interopRequireDefault(require("lodash/times"));
11
-
12
- var _react = _interopRequireDefault(require("react"));
13
-
14
- var _chevronLeft = _interopRequireDefault(require("@spothero/icons/chevron-left"));
15
-
16
- var _chevronRight = _interopRequireDefault(require("@spothero/icons/chevron-right"));
17
-
18
- var _Button = _interopRequireDefault(require("../Button/Button"));
19
-
20
- var _Select = _interopRequireDefault(require("../../../Select/Select"));
21
-
22
- var TableControls = function TableControls(_ref) {
23
- var currentPage = _ref.currentPage,
24
- totalPages = _ref.totalPages,
25
- onPageChange = _ref.onPageChange,
26
- onPreviousPage = _ref.onPreviousPage,
27
- onNextPage = _ref.onNextPage;
28
- var pages = (0, _times.default)(totalPages, function (value) {
29
- var page = (value + 1).toString();
30
- return {
31
- label: "Page ".concat(page),
32
- value: page
33
- };
34
- });
35
- return /*#__PURE__*/_react.default.createElement("div", {
36
- className: "TableControls"
37
- }, /*#__PURE__*/_react.default.createElement("div", {
38
- className: "TableControls-pagination"
39
- }, /*#__PURE__*/_react.default.createElement(_Button.default, {
40
- color: "secondary",
41
- disabled: currentPage === 1,
42
- onClick: onPreviousPage
43
- }, /*#__PURE__*/_react.default.createElement(_chevronLeft.default, null)), /*#__PURE__*/_react.default.createElement(_Select.default, {
44
- key: new Date(),
45
- defaultValue: currentPage.toString(),
46
- items: pages,
47
- onChange: onPageChange
48
- }), /*#__PURE__*/_react.default.createElement(_Button.default, {
49
- color: "secondary",
50
- disabled: currentPage === totalPages,
51
- onClick: onNextPage
52
- }, /*#__PURE__*/_react.default.createElement(_chevronRight.default, null))));
53
- };
54
-
55
- var _default = TableControls;
56
- exports.default = _default;
@@ -1,63 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
11
-
12
- var _max = _interopRequireDefault(require("lodash/max"));
13
-
14
- var _min = _interopRequireDefault(require("lodash/min"));
15
-
16
- var _react = _interopRequireDefault(require("react"));
17
-
18
- var _classnames = _interopRequireDefault(require("classnames"));
19
-
20
- var _TableControls = _interopRequireDefault(require("./TableControls"));
21
-
22
- var TableFooter = function TableFooter(_ref) {
23
- var _context, _context2, _context3;
24
-
25
- var rowSize = _ref.rowSize,
26
- pageSize = _ref.pageSize,
27
- totalDataRowCount = _ref.totalDataRowCount,
28
- currentPage = _ref.currentPage,
29
- totalPages = _ref.totalPages,
30
- currentPageLength = _ref.currentPageLength,
31
- showMessage = _ref.showMessage,
32
- message = _ref.message,
33
- onPageChange = _ref.onPageChange,
34
- onPreviousPage = _ref.onPreviousPage,
35
- onNextPage = _ref.onNextPage;
36
- var classes = (0, _classnames.default)('TableFooter', {
37
- 'TableFooter-large': rowSize === 'large'
38
- });
39
- var totalCount = (0, _max.default)([currentPageLength, totalDataRowCount]);
40
- var displayMessage = message ? message : totalPages > 1 ? (0, _concat.default)(_context = (0, _concat.default)(_context2 = "Showing ".concat((currentPage - 1) * pageSize + 1, "-")).call(_context2, (0, _min.default)([currentPage * pageSize, totalCount]), " of ")).call(_context, totalCount) : (0, _concat.default)(_context3 = "Showing ".concat(currentPageLength, " of ")).call(_context3, totalCount);
41
-
42
- if (!currentPageLength) {
43
- return null;
44
- }
45
-
46
- return /*#__PURE__*/_react.default.createElement("div", {
47
- className: "TableFooter-container"
48
- }, /*#__PURE__*/_react.default.createElement("div", {
49
- className: classes
50
- }, showMessage && /*#__PURE__*/_react.default.createElement("div", {
51
- className: "TableFooter-info"
52
- }, displayMessage), totalPages > 1 && /*#__PURE__*/_react.default.createElement(_TableControls.default, {
53
- currentPage: currentPage,
54
- totalPages: totalPages,
55
- onPageChange: onPageChange,
56
- onPreviousPage: onPreviousPage,
57
- onNextPage: onNextPage
58
- })));
59
- };
60
-
61
- var _default = /*#__PURE__*/_react.default.memo(TableFooter);
62
-
63
- exports.default = _default;
@@ -1,126 +0,0 @@
1
- "use strict";
2
-
3
- var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
-
5
- var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
6
-
7
- var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
8
-
9
- var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
10
-
11
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
12
-
13
- Object.defineProperty(exports, "__esModule", {
14
- value: true
15
- });
16
- exports.default = void 0;
17
-
18
- var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
19
-
20
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
21
-
22
- var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
23
-
24
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
25
-
26
- var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
27
-
28
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
29
-
30
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
31
-
32
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
33
-
34
- var _react = _interopRequireWildcard(require("react"));
35
-
36
- var _classnames = _interopRequireDefault(require("classnames"));
37
-
38
- var _triangleDown = _interopRequireDefault(require("@spothero/icons/triangle-down"));
39
-
40
- var _triangleUp = _interopRequireDefault(require("@spothero/icons/triangle-up"));
41
-
42
- var _TableHeadingPropTypes = _interopRequireDefault(require("./TableHeadingPropTypes"));
43
-
44
- var _TableSortType = _interopRequireDefault(require("./TableSortType"));
45
-
46
- 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); }
47
-
48
- 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; }
49
-
50
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
51
-
52
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
53
-
54
- var ASC = _TableSortType.default.ASC,
55
- DESC = _TableSortType.default.DESC;
56
-
57
- var TableHeading = /*#__PURE__*/function (_Component) {
58
- (0, _inherits2.default)(TableHeading, _Component);
59
-
60
- var _super = _createSuper(TableHeading);
61
-
62
- function TableHeading() {
63
- var _context;
64
-
65
- var _this;
66
-
67
- (0, _classCallCheck2.default)(this, TableHeading);
68
-
69
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
70
- args[_key] = arguments[_key];
71
- }
72
-
73
- _this = _super.call.apply(_super, (0, _concat.default)(_context = [this]).call(_context, args));
74
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onSortToggleClick", function () {
75
- var _this$props = _this.props,
76
- dataKey = _this$props.dataKey,
77
- sortOrder = _this$props.sortOrder,
78
- onSortClick = _this$props.onSortClick;
79
- onSortClick({
80
- dataKey: dataKey,
81
- sortOrder: !sortOrder ? ASC : sortOrder === ASC ? DESC : ASC
82
- });
83
- });
84
- return _this;
85
- }
86
-
87
- (0, _createClass2.default)(TableHeading, [{
88
- key: "render",
89
- value: function render() {
90
- var _this$props2 = this.props,
91
- className = _this$props2.className,
92
- label = _this$props2.label,
93
- dataKey = _this$props2.dataKey,
94
- sortOrder = _this$props2.sortOrder,
95
- isSortable = _this$props2.isSortable;
96
- var hasActiveSort = isSortable && sortOrder;
97
- var sortOrderClass = hasActiveSort ? "TableHeading-sort-".concat(sortOrder.toLowerCase()) : '';
98
- var classes = (0, _classnames.default)('TableHeading', {
99
- 'TableHeading-sortable': isSortable
100
- }, {
101
- 'TableHeading-sort-active': hasActiveSort
102
- }, sortOrderClass, className, dataKey);
103
- var headingProps = {
104
- className: classes
105
- };
106
- var Icon = sortOrder === ASC ? _triangleUp.default : _triangleDown.default;
107
-
108
- if (isSortable) {
109
- headingProps.onClick = this._onSortToggleClick;
110
- }
111
-
112
- return /*#__PURE__*/_react.default.createElement("th", headingProps, /*#__PURE__*/_react.default.createElement("div", {
113
- className: "TableHeading-content"
114
- }, /*#__PURE__*/_react.default.createElement("div", {
115
- className: "TableHeading-label"
116
- }, label), isSortable && sortOrder && /*#__PURE__*/_react.default.createElement("div", {
117
- className: "TableHeading-sort"
118
- }, /*#__PURE__*/_react.default.createElement(Icon, {
119
- className: "TableHeading-sort-icon"
120
- }))));
121
- }
122
- }]);
123
- return TableHeading;
124
- }(_react.Component);
125
-
126
- exports.default = TableHeading;
@@ -1,35 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _TableSortType = _interopRequireDefault(require("./TableSortType"));
13
-
14
- var _default = {
15
- /** Additional class(es) to add to the component. */
16
- className: _propTypes.default.string,
17
-
18
- /** The header label. */
19
- label: _propTypes.default.string.isRequired,
20
-
21
- /** Determines whether or not table can sort by header cell dataKey. */
22
- isSortable: _propTypes.default.bool,
23
-
24
- /** Determines whether or not this heading should render with sorting order arrow. */
25
- sortOrder: _propTypes.default.oneOf([_TableSortType.default.ASC, _TableSortType.default.DESC]),
26
-
27
- /**
28
- * A function to call when a sortable header is clicked.
29
- *
30
- * @param {String} dataKey - The header's dataKey.
31
- * @param {String} sortOrder - The sort order to use (ASC or DESC).
32
- */
33
- onSortClick: _propTypes.default.func
34
- };
35
- exports.default = _default;