Issue 53567: Improve "Alias" column performance (#1875)

Author: labkey-nicka

packages/components/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@labkey/components",
-  "version": "6.70.1",
+  "version": "6.70.2",
   "description": "Components, models, actions, and utility functions for LabKey applications and pages",
   "sideEffects": false,
   "files": [
@@ -76,7 +76,7 @@
   },
   "devDependencies": {
     "@labkey/build": "8.7.0",
-    "@labkey/eslint-config": "1.1.0",
+    "@labkey/eslint-config": "1.1.1",
     "@types/history": "4.7.11",
     "@types/jest": "30.0.0",
     "@types/node": "24.10.0",

packages/components/package.json

@@ -1,6 +1,11 @@
 # @labkey/components
 Components, models, actions, and utility functions for LabKey applications and pages
 
+###  version 6.70.2
+*Released*: 7 November 2025
+- Issue 53567: Improve "Alias" column performance
+  - Update "Alias" column usages to refer to "value" instead of "displayValue" on select rows responses.
+
 ###  version 6.70.1
 *Released*: 6 November 2025
 - use export-tools to remove unused package exports

packages/components/releaseNotes/components.md

@@ -36,7 +36,7 @@ export const AliasSelectInput: FC<Props> = memo(props => {
             ?.map(a => {
                 if (!a) return a;
                 if (typeof a === 'string') return a;
-                if (typeof a === 'object') return a.displayValue;
+                if (typeof a === 'object') return a.value;
                 return undefined;
             })
             .filter(a => !!a);

packages/components/src/internal/components/forms/input/AliasInput.tsx

@@ -53,7 +53,7 @@ export class AliasRenderer extends React.Component<Props, State> {
         if (data?.size > 0) {
             const truncationLength = view === 'detail' ? DETAIL_ALIAS_WORD_LENGTH : GRID_ALIAS_WORD_LENGTH;
             const extraCount = data.size - truncationLength;
-            const aliases = data.map(alias => alias.get('displayValue'));
+            const aliases = data.map(alias => alias.get('value'));
 
             return (
                 <div className="alias-renderer" title={aliases.join(', ')}>

packages/components/src/internal/renderers/AliasRenderer.tsx

@@ -21,7 +21,7 @@ export default defineConfig([
     typeScriptESLint.configs.recommended,
     typeScriptESLint.configs.stylistic,
     pluginReact.configs.flat.recommended,
-    pluginReactHooks.configs['recommended-latest'],
+    pluginReactHooks.configs.flat['recommended-latest'],
     perfectionist.configs['recommended-natural'],
     prettierRecommended,
     {

packages/eslint-config/eslint.config.mjs

@@ -1,6 +1,6 @@
 {
   "name": "@labkey/eslint-config",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "shareable eslint config for typescript",
   "main": "eslint.config.mjs",
   "files": [