clone/nocodb
1
0
Fork 0
mirror of https://github.com/nocodb/nocodb.git synced 2026-05-01 16:27:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add color-code options toggle and alphabetize button to select field editor

Browse Source
This commit is contained in:
Raju Udava
2026-03-31 12:55:57 +00:00
parent 1c637dc81d
commit 09011d398b
7 changed files with 82 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/nc-gui/components/cell/MultiSelect/utils.ts
View File

@@ -20,6 +20,8 @@ export const getOptions = (
op.title = op.title?.replace(/^'/, '').replace(/'$/, '')
}
const isColorCodeEnabled = parseProp(column.meta)?.isColorCodeEnabled !== false
let order = 1
const limitOptionsById =
@@ -48,16 +50,16 @@ export const getOptions = (
...o,
value: o.title,
order: o.id && limitOptionsById[o.id] ? limitOptionsById[o.id]?.order : order++,
bgColor: getSelectTypeFieldOptionBgColor({ color: o.color, isDark }),
textColor: getSelectTypeFieldOptionTextColor({ color: o.color, isDark, getColor }),
bgColor: isColorCodeEnabled ? getSelectTypeFieldOptionBgColor({ color: o.color, isDark }) : undefined,
textColor: isColorCodeEnabled ? getSelectTypeFieldOptionTextColor({ color: o.color, isDark, getColor }) : undefined,
}))
.sort((a, b) => a.order - b.order)
} else {
return opts.map((o: SelectOptionType) => ({
...o,
value: o.title,
bgColor: getSelectTypeFieldOptionBgColor({ color: o.color, isDark }),
textColor: getSelectTypeFieldOptionTextColor({ color: o.color, isDark, getColor }),
bgColor: isColorCodeEnabled ? getSelectTypeFieldOptionBgColor({ color: o.color, isDark }) : undefined,
textColor: isColorCodeEnabled ? getSelectTypeFieldOptionTextColor({ color: o.color, isDark, getColor }) : undefined,
}))
}
}