@elastic/eui 64.0.4 → 64.0.5

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 (16) hide show
  1. package/es/components/accordion/accordion.styles.js +1 -1
  2. package/es/components/avatar/avatar.js +7 -1
  3. package/es/components/basic_table/in_memory_table.js +4 -0
  4. package/lib/components/accordion/accordion.styles.js +1 -1
  5. package/lib/components/avatar/avatar.js +7 -1
  6. package/lib/components/basic_table/in_memory_table.js +4 -0
  7. package/optimize/es/components/accordion/accordion.styles.js +1 -1
  8. package/optimize/es/components/avatar/avatar.js +7 -1
  9. package/optimize/es/components/basic_table/in_memory_table.js +4 -0
  10. package/optimize/lib/components/accordion/accordion.styles.js +1 -1
  11. package/optimize/lib/components/avatar/avatar.js +8 -1
  12. package/optimize/lib/components/basic_table/in_memory_table.js +4 -0
  13. package/package.json +1 -1
  14. package/test-env/components/accordion/accordion.styles.js +1 -1
  15. package/test-env/components/avatar/avatar.js +8 -1
  16. package/test-env/components/basic_table/in_memory_table.js +4 -0
package/es/components/accordion/accordion.styles.js CHANGED
@@ -53,7 +53,7 @@ var _ref4 = process.env.NODE_ENV === "production" ? {
53
53
  export var euiAccordionChildWrapperStyles = function euiAccordionChildWrapperStyles(_ref7) {
54
54
  var euiTheme = _ref7.euiTheme;
55
55
  return {
56
- euiAccordion__childWrapper: /*#__PURE__*/css("height:0;opacity:0;overflow:hidden;transition:height ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ",opacity ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ";visibility:hidden;will-change:opacity,visibility,height;&:focus{outline:none;};label:euiAccordion__childWrapper;"),
56
+ euiAccordion__childWrapper: /*#__PURE__*/css("height:0;opacity:0;overflow:hidden;transition:height ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ",opacity ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ";visibility:hidden;&:focus{outline:none;};label:euiAccordion__childWrapper;"),
57
57
  isOpen: _ref4
58
58
  };
59
59
  };
package/es/components/avatar/avatar.js CHANGED
@@ -14,6 +14,10 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
14
14
 
15
15
  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; }
16
16
 
17
+ 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; }
18
+
19
+ 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) { _defineProperty(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; }
20
+
17
21
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
18
22
 
19
23
  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; }
@@ -66,7 +70,9 @@ export var EuiAvatar = function EuiAvatar(_ref) {
66
70
  var classes = classNames('euiAvatar', (_classNames = {}, _defineProperty(_classNames, "euiAvatar--".concat(size), size), _defineProperty(_classNames, "euiAvatar--".concat(type), type), _defineProperty(_classNames, 'euiAvatar-isDisabled', isDisabled), _classNames), className);
67
71
  var cssStyles = [styles.euiAvatar, styles[size], styles[type], isPlain && styles.plain, isSubdued && styles.subdued, isDisabled && styles.isDisabled];
68
72
  checkValidInitials(initials);
69
- var avatarStyle = style || {};
73
+
74
+ var avatarStyle = _objectSpread({}, style);
75
+
70
76
  var iconCustomColor = iconColor;
71
77
  var isNamedColor = color === 'plain' || color === 'subdued' || color === null;
72
78
 
package/es/components/basic_table/in_memory_table.js CHANGED
@@ -541,6 +541,10 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
541
541
 
542
542
  if (sortName !== prevState.prevProps.sortName || sortDirection !== prevState.prevProps.sortDirection) {
543
543
  updatedPrevState = _objectSpread(_objectSpread({}, updatedPrevState), {}, {
544
+ prevProps: _objectSpread(_objectSpread({}, updatedPrevState.prevProps), {}, {
545
+ sortName: sortName,
546
+ sortDirection: sortDirection
547
+ }),
544
548
  sortName: sortName,
545
549
  sortDirection: sortDirection
546
550
  });
package/lib/components/accordion/accordion.styles.js CHANGED
@@ -59,7 +59,7 @@ var _ref4 = process.env.NODE_ENV === "production" ? {
59
59
  var euiAccordionChildWrapperStyles = function euiAccordionChildWrapperStyles(_ref7) {
60
60
  var euiTheme = _ref7.euiTheme;
61
61
  return {
62
- euiAccordion__childWrapper: /*#__PURE__*/(0, _react.css)("height:0;opacity:0;overflow:hidden;transition:height ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ",opacity ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ";visibility:hidden;will-change:opacity,visibility,height;&:focus{outline:none;};label:euiAccordion__childWrapper;"),
62
+ euiAccordion__childWrapper: /*#__PURE__*/(0, _react.css)("height:0;opacity:0;overflow:hidden;transition:height ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ",opacity ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ";visibility:hidden;&:focus{outline:none;};label:euiAccordion__childWrapper;"),
63
63
  isOpen: _ref4
64
64
  };
65
65
  };
package/lib/components/avatar/avatar.js CHANGED
@@ -39,6 +39,10 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
39
39
 
40
40
  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; }
41
41
 
42
+ 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; }
43
+
44
+ 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) { _defineProperty(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; }
45
+
42
46
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
43
47
 
44
48
  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; }
@@ -79,7 +83,9 @@ var EuiAvatar = function EuiAvatar(_ref) {
79
83
  var classes = (0, _classnames.default)('euiAvatar', (_classNames = {}, _defineProperty(_classNames, "euiAvatar--".concat(size), size), _defineProperty(_classNames, "euiAvatar--".concat(type), type), _defineProperty(_classNames, 'euiAvatar-isDisabled', isDisabled), _classNames), className);
80
84
  var cssStyles = [styles.euiAvatar, styles[size], styles[type], isPlain && styles.plain, isSubdued && styles.subdued, isDisabled && styles.isDisabled];
81
85
  checkValidInitials(initials);
82
- var avatarStyle = style || {};
86
+
87
+ var avatarStyle = _objectSpread({}, style);
88
+
83
89
  var iconCustomColor = iconColor;
84
90
  var isNamedColor = color === 'plain' || color === 'subdued' || color === null;
85
91
 
package/lib/components/basic_table/in_memory_table.js CHANGED
@@ -554,6 +554,10 @@ var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
554
554
 
555
555
  if (sortName !== prevState.prevProps.sortName || sortDirection !== prevState.prevProps.sortDirection) {
556
556
  updatedPrevState = _objectSpread(_objectSpread({}, updatedPrevState), {}, {
557
+ prevProps: _objectSpread(_objectSpread({}, updatedPrevState.prevProps), {}, {
558
+ sortName: sortName,
559
+ sortDirection: sortDirection
560
+ }),
557
561
  sortName: sortName,
558
562
  sortDirection: sortDirection
559
563
  });
package/optimize/es/components/accordion/accordion.styles.js CHANGED
@@ -53,7 +53,7 @@ var _ref4 = process.env.NODE_ENV === "production" ? {
53
53
  export var euiAccordionChildWrapperStyles = function euiAccordionChildWrapperStyles(_ref7) {
54
54
  var euiTheme = _ref7.euiTheme;
55
55
  return {
56
- euiAccordion__childWrapper: /*#__PURE__*/css("height:0;opacity:0;overflow:hidden;transition:height ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ",opacity ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ";visibility:hidden;will-change:opacity,visibility,height;&:focus{outline:none;};label:euiAccordion__childWrapper;"),
56
+ euiAccordion__childWrapper: /*#__PURE__*/css("height:0;opacity:0;overflow:hidden;transition:height ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ",opacity ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ";visibility:hidden;&:focus{outline:none;};label:euiAccordion__childWrapper;"),
57
57
  isOpen: _ref4
58
58
  };
59
59
  };
package/optimize/es/components/avatar/avatar.js CHANGED
@@ -4,6 +4,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
5
5
  var _excluded = ["className", "color", "imageUrl", "initials", "initialsLength", "iconType", "iconSize", "iconColor", "name", "size", "type", "isDisabled", "style"];
6
6
 
7
+ 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; }
8
+
9
+ 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) { _defineProperty(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; }
10
+
7
11
  /*
8
12
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
9
13
  * or more contributor license agreements. Licensed under the Elastic License
@@ -49,7 +53,9 @@ export var EuiAvatar = function EuiAvatar(_ref) {
49
53
  var classes = classNames('euiAvatar', (_classNames = {}, _defineProperty(_classNames, "euiAvatar--".concat(size), size), _defineProperty(_classNames, "euiAvatar--".concat(type), type), _defineProperty(_classNames, 'euiAvatar-isDisabled', isDisabled), _classNames), className);
50
54
  var cssStyles = [styles.euiAvatar, styles[size], styles[type], isPlain && styles.plain, isSubdued && styles.subdued, isDisabled && styles.isDisabled];
51
55
  checkValidInitials(initials);
52
- var avatarStyle = style || {};
56
+
57
+ var avatarStyle = _objectSpread({}, style);
58
+
53
59
  var iconCustomColor = iconColor;
54
60
  var isNamedColor = color === 'plain' || color === 'subdued' || color === null;
55
61
 
package/optimize/es/components/basic_table/in_memory_table.js CHANGED
@@ -523,6 +523,10 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
523
523
 
524
524
  if (sortName !== prevState.prevProps.sortName || sortDirection !== prevState.prevProps.sortDirection) {
525
525
  updatedPrevState = _objectSpread(_objectSpread({}, updatedPrevState), {}, {
526
+ prevProps: _objectSpread(_objectSpread({}, updatedPrevState.prevProps), {}, {
527
+ sortName: sortName,
528
+ sortDirection: sortDirection
529
+ }),
526
530
  sortName: sortName,
527
531
  sortDirection: sortDirection
528
532
  });
package/optimize/lib/components/accordion/accordion.styles.js CHANGED
@@ -59,7 +59,7 @@ var _ref4 = process.env.NODE_ENV === "production" ? {
59
59
  var euiAccordionChildWrapperStyles = function euiAccordionChildWrapperStyles(_ref7) {
60
60
  var euiTheme = _ref7.euiTheme;
61
61
  return {
62
- euiAccordion__childWrapper: /*#__PURE__*/(0, _react.css)("height:0;opacity:0;overflow:hidden;transition:height ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ",opacity ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ";visibility:hidden;will-change:opacity,visibility,height;&:focus{outline:none;};label:euiAccordion__childWrapper;"),
62
+ euiAccordion__childWrapper: /*#__PURE__*/(0, _react.css)("height:0;opacity:0;overflow:hidden;transition:height ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ",opacity ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ";visibility:hidden;&:focus{outline:none;};label:euiAccordion__childWrapper;"),
63
63
  isOpen: _ref4
64
64
  };
65
65
  };
package/optimize/lib/components/avatar/avatar.js CHANGED
@@ -30,6 +30,11 @@ var _avatar = require("./avatar.styles");
30
30
  var _react2 = require("@emotion/react");
31
31
 
32
32
  var _excluded = ["className", "color", "imageUrl", "initials", "initialsLength", "iconType", "iconSize", "iconColor", "name", "size", "type", "isDisabled", "style"];
33
+
34
+ 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; }
35
+
36
+ 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; }
37
+
33
38
  var SIZES = ['s', 'm', 'l', 'xl'];
34
39
  exports.SIZES = SIZES;
35
40
  var TYPES = ['space', 'user'];
@@ -63,7 +68,9 @@ var EuiAvatar = function EuiAvatar(_ref) {
63
68
  var classes = (0, _classnames.default)('euiAvatar', (_classNames = {}, (0, _defineProperty2.default)(_classNames, "euiAvatar--".concat(size), size), (0, _defineProperty2.default)(_classNames, "euiAvatar--".concat(type), type), (0, _defineProperty2.default)(_classNames, 'euiAvatar-isDisabled', isDisabled), _classNames), className);
64
69
  var cssStyles = [styles.euiAvatar, styles[size], styles[type], isPlain && styles.plain, isSubdued && styles.subdued, isDisabled && styles.isDisabled];
65
70
  checkValidInitials(initials);
66
- var avatarStyle = style || {};
71
+
72
+ var avatarStyle = _objectSpread({}, style);
73
+
67
74
  var iconCustomColor = iconColor;
68
75
  var isNamedColor = color === 'plain' || color === 'subdued' || color === null;
69
76
 
package/optimize/lib/components/basic_table/in_memory_table.js CHANGED
@@ -540,6 +540,10 @@ var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
540
540
 
541
541
  if (sortName !== prevState.prevProps.sortName || sortDirection !== prevState.prevProps.sortDirection) {
542
542
  updatedPrevState = _objectSpread(_objectSpread({}, updatedPrevState), {}, {
543
+ prevProps: _objectSpread(_objectSpread({}, updatedPrevState.prevProps), {}, {
544
+ sortName: sortName,
545
+ sortDirection: sortDirection
546
+ }),
543
547
  sortName: sortName,
544
548
  sortDirection: sortDirection
545
549
  });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@elastic/eui",
3
3
  "description": "Elastic UI Component Library",
4
- "version": "64.0.4",
4
+ "version": "64.0.5",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "lib",
7
7
  "module": "es",
package/test-env/components/accordion/accordion.styles.js CHANGED
@@ -59,7 +59,7 @@ var _ref4 = process.env.NODE_ENV === "production" ? {
59
59
  var euiAccordionChildWrapperStyles = function euiAccordionChildWrapperStyles(_ref7) {
60
60
  var euiTheme = _ref7.euiTheme;
61
61
  return {
62
- euiAccordion__childWrapper: /*#__PURE__*/(0, _react.css)("height:0;opacity:0;overflow:hidden;transition:height ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ",opacity ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ";visibility:hidden;will-change:opacity,visibility,height;&:focus{outline:none;};label:euiAccordion__childWrapper;"),
62
+ euiAccordion__childWrapper: /*#__PURE__*/(0, _react.css)("height:0;opacity:0;overflow:hidden;transition:height ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ",opacity ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ";visibility:hidden;&:focus{outline:none;};label:euiAccordion__childWrapper;"),
63
63
  isOpen: _ref4
64
64
  };
65
65
  };
package/test-env/components/avatar/avatar.js CHANGED
@@ -32,6 +32,11 @@ var _avatar = require("./avatar.styles");
32
32
  var _react2 = require("@emotion/react");
33
33
 
34
34
  var _excluded = ["className", "color", "imageUrl", "initials", "initialsLength", "iconType", "iconSize", "iconColor", "name", "size", "type", "isDisabled", "style"];
35
+
36
+ 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; }
37
+
38
+ 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; }
39
+
35
40
  var SIZES = ['s', 'm', 'l', 'xl'];
36
41
  exports.SIZES = SIZES;
37
42
  var TYPES = ['space', 'user'];
@@ -65,7 +70,9 @@ var EuiAvatar = function EuiAvatar(_ref) {
65
70
  var classes = (0, _classnames.default)('euiAvatar', (_classNames = {}, (0, _defineProperty2.default)(_classNames, "euiAvatar--".concat(size), size), (0, _defineProperty2.default)(_classNames, "euiAvatar--".concat(type), type), (0, _defineProperty2.default)(_classNames, 'euiAvatar-isDisabled', isDisabled), _classNames), className);
66
71
  var cssStyles = [styles.euiAvatar, styles[size], styles[type], isPlain && styles.plain, isSubdued && styles.subdued, isDisabled && styles.isDisabled];
67
72
  checkValidInitials(initials);
68
- var avatarStyle = style || {};
73
+
74
+ var avatarStyle = _objectSpread({}, style);
75
+
69
76
  var iconCustomColor = iconColor;
70
77
  var isNamedColor = color === 'plain' || color === 'subdued' || color === null;
71
78
 
package/test-env/components/basic_table/in_memory_table.js CHANGED
@@ -542,6 +542,10 @@ var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
542
542
 
543
543
  if (sortName !== prevState.prevProps.sortName || sortDirection !== prevState.prevProps.sortDirection) {
544
544
  updatedPrevState = _objectSpread(_objectSpread({}, updatedPrevState), {}, {
545
+ prevProps: _objectSpread(_objectSpread({}, updatedPrevState.prevProps), {}, {
546
+ sortName: sortName,
547
+ sortDirection: sortDirection
548
+ }),
545
549
  sortName: sortName,
546
550
  sortDirection: sortDirection
547
551
  });