@dfds-ui/experiences 2.0.24 → 2.0.26-alpha.01401d6e
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.
|
@@ -11,29 +11,34 @@ var _TableHead = _interopRequireDefault(require("./Head/TableHead"));
|
|
|
11
11
|
var _createSkeletonRows = _interopRequireDefault(require("./Skeleton/helpers/createSkeletonRows"));
|
|
12
12
|
var _SkeletonTable = require("./Skeleton/SkeletonTable.styles");
|
|
13
13
|
var _react2 = require("@emotion/react");
|
|
14
|
+
const _excluded = ["activeRow", "descending", "height", "headerRow", "isLoading", "onClickRow", "onSelectRow", "onSort", "rows", "selectedRows", "sortingBy", "stickyHeader"];
|
|
14
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
19
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
18
20
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
21
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
20
22
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
21
23
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
22
24
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
25
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
26
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
27
|
+
const DynamicTable = _ref => {
|
|
28
|
+
let activeRow = _ref.activeRow,
|
|
29
|
+
descending = _ref.descending,
|
|
30
|
+
height = _ref.height,
|
|
31
|
+
headerRow = _ref.headerRow,
|
|
32
|
+
isLoading = _ref.isLoading,
|
|
33
|
+
onClickRow = _ref.onClickRow,
|
|
34
|
+
onSelectRow = _ref.onSelectRow,
|
|
35
|
+
onSort = _ref.onSort,
|
|
36
|
+
rows = _ref.rows,
|
|
37
|
+
_ref$selectedRows = _ref.selectedRows,
|
|
38
|
+
selectedRows = _ref$selectedRows === void 0 ? [] : _ref$selectedRows,
|
|
39
|
+
sortingBy = _ref.sortingBy,
|
|
40
|
+
stickyHeader = _ref.stickyHeader,
|
|
41
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
37
42
|
// states
|
|
38
43
|
const _useState = (0, _react.useState)(sortingBy || ''),
|
|
39
44
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -50,11 +55,11 @@ const DynamicTable = ({
|
|
|
50
55
|
onSort(sortByKeyValue, sortDescending);
|
|
51
56
|
}
|
|
52
57
|
}, [sortDescending, onSort, sortByKeyValue]);
|
|
53
|
-
return (0, _react2.jsx)("div", {
|
|
58
|
+
return (0, _react2.jsx)("div", _extends({
|
|
54
59
|
css: (0, _DynamicTable.tableWrapperStyles)({
|
|
55
60
|
height
|
|
56
61
|
})
|
|
57
|
-
}, (0, _react2.jsx)("table", {
|
|
62
|
+
}, rest), (0, _react2.jsx)("table", {
|
|
58
63
|
css: _DynamicTable.tableStyles,
|
|
59
64
|
"data-cy": !isLoading ? `dynamic-table-isLoaded` : ''
|
|
60
65
|
}, headerRow && (0, _react2.jsx)(_TableHead.default, {
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
+
var _excluded = ["activeRow", "descending", "height", "headerRow", "isLoading", "onClickRow", "onSelectRow", "onSort", "rows", "selectedRows", "sortingBy", "stickyHeader"];
|
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
1
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
5
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
6
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
5
7
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
8
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
9
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
10
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
7
11
|
import React, { useEffect, useMemo, useState } from 'react';
|
|
8
12
|
import TableBody from './Body/TableBody';
|
|
9
13
|
import { tableStyles, tableWrapperStyles } from './DynamicTable.styles';
|
|
@@ -24,7 +28,8 @@ var DynamicTable = function DynamicTable(_ref) {
|
|
|
24
28
|
_ref$selectedRows = _ref.selectedRows,
|
|
25
29
|
selectedRows = _ref$selectedRows === void 0 ? [] : _ref$selectedRows,
|
|
26
30
|
sortingBy = _ref.sortingBy,
|
|
27
|
-
stickyHeader = _ref.stickyHeader
|
|
31
|
+
stickyHeader = _ref.stickyHeader,
|
|
32
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
28
33
|
// states
|
|
29
34
|
var _useState = useState(sortingBy || ''),
|
|
30
35
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -43,11 +48,11 @@ var DynamicTable = function DynamicTable(_ref) {
|
|
|
43
48
|
onSort(sortByKeyValue, sortDescending);
|
|
44
49
|
}
|
|
45
50
|
}, [sortDescending, onSort, sortByKeyValue]);
|
|
46
|
-
return ___EmotionJSX("div", {
|
|
51
|
+
return ___EmotionJSX("div", _extends({
|
|
47
52
|
css: tableWrapperStyles({
|
|
48
53
|
height: height
|
|
49
54
|
})
|
|
50
|
-
}, ___EmotionJSX("table", {
|
|
55
|
+
}, rest), ___EmotionJSX("table", {
|
|
51
56
|
css: tableStyles,
|
|
52
57
|
"data-cy": !isLoading ? "dynamic-table-isLoaded" : ''
|
|
53
58
|
}, headerRow && ___EmotionJSX(TableHead, {
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "React components for building experiences",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "2.0.
|
|
6
|
+
"version": "2.0.26-alpha.01401d6e",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"main": "./cjs/index.js",
|
|
9
9
|
"module": "./index.js",
|
|
@@ -16,16 +16,16 @@
|
|
|
16
16
|
"react-dom": ">= 17.0.2"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@dfds-ui/colors": "2.0.
|
|
20
|
-
"@dfds-ui/forms": "2.0.
|
|
21
|
-
"@dfds-ui/grid": "2.0.
|
|
22
|
-
"@dfds-ui/icons": "2.0.
|
|
23
|
-
"@dfds-ui/modal": "2.0.
|
|
24
|
-
"@dfds-ui/react-components": "2.0.
|
|
25
|
-
"@dfds-ui/theme": "2.0.
|
|
26
|
-
"@dfds-ui/typography": "2.0.
|
|
19
|
+
"@dfds-ui/colors": "2.0.26-alpha.01401d6e",
|
|
20
|
+
"@dfds-ui/forms": "2.0.26-alpha.01401d6e",
|
|
21
|
+
"@dfds-ui/grid": "2.0.26-alpha.01401d6e",
|
|
22
|
+
"@dfds-ui/icons": "2.0.26-alpha.01401d6e",
|
|
23
|
+
"@dfds-ui/modal": "2.0.26-alpha.01401d6e",
|
|
24
|
+
"@dfds-ui/react-components": "2.0.26-alpha.01401d6e",
|
|
25
|
+
"@dfds-ui/theme": "2.0.26-alpha.01401d6e",
|
|
26
|
+
"@dfds-ui/typography": "2.0.26-alpha.01401d6e"
|
|
27
27
|
},
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "01401d6e328b82c1f166652d9bab75ef3aca394e",
|
|
29
29
|
"publishConfig": {
|
|
30
30
|
"access": "public"
|
|
31
31
|
}
|