@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.
- package/CHANGELOG.md +0 -18
- package/dex.config.js +45 -0
- package/package.json +4 -4
- package/v1/assets-manifest.json +5 -0
- package/v1/index.html +1 -0
- package/v1/index.js +3 -0
- package/v1/index.js.LICENSE.txt +23 -0
- package/v1/index.js.map +1 -0
- package/v2/assets-manifest.json +5 -0
- package/v2/index.html +1 -0
- package/v2/index.js +3 -0
- package/v2/index.js.LICENSE.txt +14 -0
- package/v2/index.js.map +1 -0
- package/v1/components/Button/Button.js +0 -64
- package/v1/components/Button/button-props.js +0 -48
- package/v1/components/Image/Image.js +0 -193
- package/v1/components/Loader/Loader.js +0 -51
- package/v1/components/Modal/Modal.js +0 -325
- package/v1/components/Modal/ModalContent.js +0 -154
- package/v1/components/Modal/ModalFooter.js +0 -89
- package/v1/components/Modal/index.js +0 -31
- package/v1/components/Panel/Panel.js +0 -209
- package/v1/components/Table/Table.js +0 -328
- package/v1/components/Table/TableCell.js +0 -28
- package/v1/components/Table/TableCellPropTypes.js +0 -22
- package/v1/components/Table/TableControls.js +0 -56
- package/v1/components/Table/TableFooter.js +0 -63
- package/v1/components/Table/TableHeading.js +0 -126
- package/v1/components/Table/TableHeadingPropTypes.js +0 -35
- package/v1/components/Table/TableSortSelector.js +0 -125
- package/v1/components/Table/TableSortType.js +0 -11
- package/v1/components/Table/index.js +0 -47
- package/v1/components/TextButton/TextButton.js +0 -74
- package/v1/components/index.js +0 -75
- package/v1/utils/deprecate.js +0 -61
- package/v2/components/Accordion/Accordion.js +0 -13
- package/v2/components/Accordion/Accordion.stories.js +0 -86
- package/v2/components/Accordion/index.js +0 -41
- package/v2/components/Accordion/styles/button.js +0 -23
- package/v2/components/Accordion/styles/container.js +0 -15
- package/v2/components/Accordion/styles/index.js +0 -32
- package/v2/components/Accordion/styles/panel.js +0 -13
- package/v2/components/Button/Button.js +0 -73
- package/v2/components/Button/Button.styles.js +0 -172
- package/v2/components/Button/button-props.js +0 -90
- package/v2/components/Button/index.js +0 -23
- package/v2/components/Card/Card.js +0 -38
- package/v2/components/Card/Card.stories.js +0 -41
- package/v2/components/Checkbox/Checkbox.js +0 -13
- package/v2/components/Checkbox/Checkbox.stories.js +0 -44
- package/v2/components/Checkbox/index.js +0 -15
- package/v2/components/Checkbox/styles/index.js +0 -46
- package/v2/components/Container/Container.js +0 -34
- package/v2/components/Container/Container.stories.js +0 -74
- package/v2/components/Container/Container.styles.js +0 -17
- package/v2/components/FormControl/FormControl.js +0 -70
- package/v2/components/Grid/Grid.js +0 -49
- package/v2/components/Grid/Grid.stories.js +0 -141
- package/v2/components/Grid/Grid.styles.js +0 -19
- package/v2/components/Grid/GridItem.js +0 -34
- package/v2/components/Grid/GridItem.styles.js +0 -13
- package/v2/components/Grid/index.js +0 -23
- package/v2/components/Heading/Heading.js +0 -49
- package/v2/components/Heading/Heading.stories.js +0 -54
- package/v2/components/Heading/Heading.styles.js +0 -79
- package/v2/components/Icon/Icon.js +0 -13
- package/v2/components/Icon/Icon.stories.js +0 -47
- package/v2/components/Image/Image.js +0 -106
- package/v2/components/Image/Image.stories.js +0 -92
- package/v2/components/Input/Input.js +0 -59
- package/v2/components/Input/Input.stories.js +0 -65
- package/v2/components/Input/index.js +0 -15
- package/v2/components/Input/styles/index.js +0 -58
- package/v2/components/Link/Link.js +0 -13
- package/v2/components/Link/Link.stories.js +0 -61
- package/v2/components/Link/Link.styles.js +0 -42
- package/v2/components/List/List.js +0 -88
- package/v2/components/List/List.stories.js +0 -124
- package/v2/components/List/index.js +0 -23
- package/v2/components/List/styles/index.js +0 -24
- package/v2/components/List/styles/item.styles.js +0 -11
- package/v2/components/Loader/Loader.js +0 -62
- package/v2/components/Loader/Loader.stories.js +0 -140
- package/v2/components/Modal/Modal.js +0 -52
- package/v2/components/Modal/Modal.stories.js +0 -236
- package/v2/components/Modal/index.js +0 -15
- package/v2/components/Modal/styles/body.js +0 -47
- package/v2/components/Modal/styles/closeButton.js +0 -27
- package/v2/components/Modal/styles/dialog.js +0 -25
- package/v2/components/Modal/styles/dialogContainer.js +0 -17
- package/v2/components/Modal/styles/footer.js +0 -12
- package/v2/components/Modal/styles/header.js +0 -20
- package/v2/components/Modal/styles/index.js +0 -70
- package/v2/components/Modal/styles/overlay.js +0 -12
- package/v2/components/Popover/Popover.js +0 -48
- package/v2/components/Popover/Popover.stories.js +0 -101
- package/v2/components/Popover/PopoverArrow.js +0 -34
- package/v2/components/Popover/PopoverCloseButton.js +0 -34
- package/v2/components/Popover/PopoverContent.js +0 -53
- package/v2/components/Popover/index.js +0 -31
- package/v2/components/Popover/styles/index.js +0 -38
- package/v2/components/Popover/styles/popover-arrow.js +0 -16
- package/v2/components/Popover/styles/popover-body.js +0 -15
- package/v2/components/Popover/styles/popover-close-button.js +0 -30
- package/v2/components/Popover/styles/popover-content.js +0 -12
- package/v2/components/Popover/styles/popover-header.js +0 -12
- package/v2/components/Popover/styles/popper.js +0 -26
- package/v2/components/Radio/Radio.js +0 -53
- package/v2/components/Radio/Radio.stories.js +0 -142
- package/v2/components/Radio/RadioGroup.js +0 -65
- package/v2/components/Radio/index.js +0 -23
- package/v2/components/Radio/styles/index.js +0 -65
- package/v2/components/Select/Select.js +0 -69
- package/v2/components/Select/Select.stories.js +0 -73
- package/v2/components/Select/index.js +0 -15
- package/v2/components/Select/styles/index.js +0 -57
- package/v2/components/Spinner/Spinner.js +0 -47
- package/v2/components/Spinner/Spinner.stories.js +0 -134
- package/v2/components/Spinner/Spinner.styles.js +0 -76
- package/v2/components/Table/Table.js +0 -13
- package/v2/components/Table/Table.stories.js +0 -92
- package/v2/components/Table/Table.styles.js +0 -87
- package/v2/components/Table/index.js +0 -59
- package/v2/components/Tabs/Tabs.js +0 -13
- package/v2/components/Tabs/Tabs.stories.js +0 -31
- package/v2/components/Tabs/index.js +0 -41
- package/v2/components/Tabs/styles/index.js +0 -49
- package/v2/components/Text/Text.js +0 -44
- package/v2/components/Text/Text.stories.js +0 -56
- package/v2/components/Text/Text.styles.js +0 -67
- package/v2/components/Text/combineAsWithVariant.js +0 -123
- package/v2/components/Text/options.js +0 -9
- package/v2/components/ThemeProvider/ThemeProvider.js +0 -61
- package/v2/components/ThemeProvider/ThemeProvider.stories.js +0 -60
- package/v2/components/index.js +0 -448
- package/v2/components/styles.js +0 -135
- package/v2/theme/base/breakpoints.js +0 -27
- package/v2/theme/base/colors.js +0 -148
- package/v2/theme/base/index.js +0 -59
- package/v2/theme/base/sizes.js +0 -88
- package/v2/theme/base/typography.js +0 -41
- package/v2/theme/base/zindices.js +0 -35
- package/v2/theme/global.js +0 -52
- package/v2/theme/index.js +0 -63
- 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;
|