rsuite 5.6.4 → 5.6.5

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [5.6.5](https://github.com/rsuite/rsuite/compare/v5.6.4...v5.6.5) (2022-03-17)
+
+### Features
+
+- **Pickers:** `groupBy` supports dot notation ([#2397](https://github.com/rsuite/rsuite/issues/2397)) ([2ba7c0b](https://github.com/rsuite/rsuite/commit/2ba7c0b622c68b2fc526aa7ad2feaa8e73767e9c))
+
 ## [5.6.4](https://github.com/rsuite/rsuite/compare/v5.6.3...v5.6.4) (2022-03-10)
 
 ### Bug Fixes

package/cjs/utils/getDataGroupBy.d.ts

@@ -1,3 +1,3 @@
 export declare const KEY_GROUP: string | symbol;
 export declare const KEY_GROUP_TITLE = "groupTitle";
-export default function getDataGroupBy(data: any[] | undefined, key: string, sort: any): any[];
+export default function getDataGroupBy(data: any[] | undefined, key: string, sort?: any): any[];

package/cjs/utils/getDataGroupBy.js

@@ -1,9 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = getDataGroupBy;
 exports.KEY_GROUP_TITLE = exports.KEY_GROUP = void 0;
 
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
 var _treeUtils = require("../utils/treeUtils");
 
 var hasSymbol = typeof Symbol === 'function';
@@ -20,11 +24,17 @@ function getDataGroupBy(data, key, sort) {
   var tempData = {};
   var isSort = typeof sort === 'function';
   data.forEach(function (item) {
-    if (!tempData[item[key]]) {
-      tempData[item[key]] = [];
+    // this will allow getting data using dot notation
+    // i.e groupBy="country.name" as country will be a nested object
+    // to the item and the name will be nested key to the country object
+    // can be used with values in arrays, i.e groupBy="addresses.0.country.name"
+    var groupByValue = (0, _get2.default)(item, key, '');
+
+    if (!tempData[groupByValue]) {
+      tempData[groupByValue] = [];
     }
 
-    tempData[item[key]].push(item);
+    tempData[groupByValue].push(item);
   });
   var nextData = Object.entries(tempData).map(function (_ref) {
     var _ref2;

package/dist/rsuite.js

@@ -5004,7 +5004,7 @@ eval("\n\nexports.__esModule = true;\nexports.default = getDOMNode;\n\nvar _reac
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.default = getDataGroupBy;\nexports.KEY_GROUP_TITLE = exports.KEY_GROUP = void 0;\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar hasSymbol = typeof Symbol === 'function';\nvar KEY_GROUP = hasSymbol ? Symbol('_$grouped') : '_$grouped';\nexports.KEY_GROUP = KEY_GROUP;\nvar KEY_GROUP_TITLE = 'groupTitle';\nexports.KEY_GROUP_TITLE = KEY_GROUP_TITLE;\n\nfunction getDataGroupBy(data, key, sort) {\n  if (data === void 0) {\n    data = [];\n  }\n\n  var tempData = {};\n  var isSort = typeof sort === 'function';\n  data.forEach(function (item) {\n    if (!tempData[item[key]]) {\n      tempData[item[key]] = [];\n    }\n\n    tempData[item[key]].push(item);\n  });\n  var nextData = Object.entries(tempData).map(function (_ref) {\n    var _ref2;\n\n    var groupTitle = _ref[0],\n        children = _ref[1];\n    return _ref2 = {\n      children: isSort ? children.sort(sort(false)) : children\n    }, _ref2[KEY_GROUP_TITLE] = groupTitle, _ref2[KEY_GROUP] = true, _ref2;\n  });\n\n  if (isSort) {\n    nextData = nextData.sort(sort(true));\n  }\n\n  return (0, _treeUtils.flattenTree)(nextData);\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/getDataGroupBy.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = getDataGroupBy;\nexports.KEY_GROUP_TITLE = exports.KEY_GROUP = void 0;\n\nvar _get2 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar hasSymbol = typeof Symbol === 'function';\nvar KEY_GROUP = hasSymbol ? Symbol('_$grouped') : '_$grouped';\nexports.KEY_GROUP = KEY_GROUP;\nvar KEY_GROUP_TITLE = 'groupTitle';\nexports.KEY_GROUP_TITLE = KEY_GROUP_TITLE;\n\nfunction getDataGroupBy(data, key, sort) {\n  if (data === void 0) {\n    data = [];\n  }\n\n  var tempData = {};\n  var isSort = typeof sort === 'function';\n  data.forEach(function (item) {\n    // this will allow getting data using dot notation\n    // i.e groupBy=\"country.name\" as country will be a nested object\n    // to the item and the name will be nested key to the country object\n    // can be used with values in arrays, i.e groupBy=\"addresses.0.country.name\"\n    var groupByValue = (0, _get2.default)(item, key, '');\n\n    if (!tempData[groupByValue]) {\n      tempData[groupByValue] = [];\n    }\n\n    tempData[groupByValue].push(item);\n  });\n  var nextData = Object.entries(tempData).map(function (_ref) {\n    var _ref2;\n\n    var groupTitle = _ref[0],\n        children = _ref[1];\n    return _ref2 = {\n      children: isSort ? children.sort(sort(false)) : children\n    }, _ref2[KEY_GROUP_TITLE] = groupTitle, _ref2[KEY_GROUP] = true, _ref2;\n  });\n\n  if (isSort) {\n    nextData = nextData.sort(sort(true));\n  }\n\n  return (0, _treeUtils.flattenTree)(nextData);\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/getDataGroupBy.ts?");
 
 /***/ }),