@steroidsjs/core 2.2.9 → 2.2.10

package/hooks/useDataSelect.d.ts

@@ -29,6 +29,12 @@ export interface IDataSelectConfig {
      * @example id
      */
     primaryKey?: string;
+    /**
+     * Атрибут, в котором должны лежать дочерние элементы списка (для группировки)
+     * Если аттрибут не задан - группировка не производится
+     * @example items
+     */
+    groupAttribute?: string;
     /**
      * Значение поля в форме
      */

package/hooks/useDataSelect.js

@@ -178,7 +178,21 @@ function useDataSelect(config) {
             else {
                 // Navigate on items by keys
                 var direction = isDown ? 1 : -1;
-                var keys = config.items.map(function (item) { return item.id; });
+                var getKeysRecursive_1 = function (items) {
+                    var ids = [];
+                    items.forEach(function (item) {
+                        if (config.groupAttribute && Array.isArray(item[config.groupAttribute])) {
+                            ids = ids.concat(getKeysRecursive_1(item[config.groupAttribute]));
+                        }
+                        else {
+                            ids.push(item.id);
+                        }
+                        return ids;
+                    });
+                    return ids;
+                };
+                //const keys = config.items.map(item => item.id);
+                var keys = getKeysRecursive_1(config.items);
                 // Get current index
                 var index = hoveredId ? keys.indexOf(hoveredId) : -1;
                 if (index === -1 && selectedIds.length === 1) {
@@ -192,7 +206,7 @@ function useDataSelect(config) {
                 setHoveredId(keys[newIndex]);
             }
         }
-    }, [config.items, hoveredId, isFocused, isOpened, setSelectedIds, selectedIds]);
+    }, [isFocused, isOpened, hoveredId, selectedIds, config.items, config.groupAttribute, setSelectedIds]);
     react_use_1.useEvent('keydown', onKeyDown);
     return {
         isOpened: isOpened,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steroidsjs/core",
-  "version": "2.2.9",
+  "version": "2.2.10",
   "description": "",
   "author": "Vladimir Kozhin <hello@kozhindev.com>",
   "repository": {

package/ui/form/DropDownField/DropDownField.d.ts

@@ -31,6 +31,12 @@ export interface IDropDownFieldProps extends IFieldWrapperInputProps, IDataProvi
      * @example true
      */
     showReset?: boolean;
+    /**
+     * Атрибут, в котором должны лежать дочерние элементы списка (для группировки)
+     * Если аттрибут не задан - группировка не производится
+     * @example items
+     */
+    groupAttribute?: string;
     /**
      * Включает стиль без 'border'
      * @example true

package/ui/form/DropDownField/DropDownField.js

@@ -39,6 +39,7 @@ function DropDownField(props) {
         selectFirst: props.selectFirst,
         selectedIds: inputSelectedIds,
         primaryKey: props.primaryKey,
+        groupAttribute: props.groupAttribute,
         items: items,
         sourceItems: sourceItems,
         inputValue: props.input.value