feat(Select): add data for option group (#2011)

gravity-ui · Dec 24, 2024 · 46c9d28 · 46c9d28
1 parent aa6251c
commit 46c9d28
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/Select/types.ts b/src/components/Select/types.ts
@@ -176,6 +176,7 @@ export type SelectOptionGroup<T = any> = {
     /** Label is a string which displayed above the options group.
      * If label is empty string, group item height will be 0 and only border will be displayed */
     label: string;
+    data?: T;
     options?: SelectOption<T>[];
     children?:
         | React.ReactElement<SelectOption, typeof Option>

diff --git a/src/components/Select/utils.tsx b/src/components/Select/utils.tsx
@@ -19,7 +19,7 @@ import type {
 } from './types';
 
 // "disable" property needs to deactivate group title item in List
-export type GroupTitleItem = {label: string; disabled: true};
+export type GroupTitleItem<T = any> = {label: string; disabled: true; data?: T};
 
 export type FlattenOption = SelectOption | GroupTitleItem;
 
@@ -38,7 +38,7 @@ export const isSelectGroupTitle = (
 export const getFlattenOptions = (options: SelectOptions): FlattenOptions => {
     const flatten = options.reduce<FlattenOption[]>((acc, option) => {
         if ('label' in option) {
-            acc.push({label: option.label, disabled: true});
+            acc.push({label: option.label, disabled: true, data: option.data});
             acc.push(...(option.options || []));
         } else {
             acc.push(option);