GitHub 562: Combine warning messages for file preview unknown/system fields with the warning for duplicate columns (#1920)

### version 7.8.1
*Released*: 6 January 2026
- GitHub 562: Combine warning messages for file preview unknown/system fields with the warning for duplicate columns
  - FilePreviewGrid to combine warningMsg with previewData.warningMsg in a single Alert

Author: cnathe

packages/components/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@labkey/components",
-  "version": "7.8.0",
+  "version": "7.8.1",
   "description": "Components, models, actions, and utility functions for LabKey applications and pages",
   "sideEffects": false,
   "files": [

packages/components/package.json

@@ -1,6 +1,11 @@
 # @labkey/components
 Components, models, actions, and utility functions for LabKey applications and pages
 
+### version 7.8.1
+*Released*: 6 January 2026
+- GitHub 562: Combine warning messages for file preview unknown/system fields with the warning for duplicate columns
+  - FilePreviewGrid to combine warningMsg with previewData.warningMsg in a single Alert
+
 ### version 7.8.0
 *Released*: 5 January 2026
 - Add a “Mixed” state in Bulk Edit when values differ across selected samples

packages/components/releaseNotes/components.md

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { List, Map } from 'immutable';
 
 import { FileGridPreviewProps } from '../../../public/files/models';
@@ -8,7 +8,7 @@ import { Grid } from '../base/Grid';
 
 export interface PreviewData {
     data: List<Map<string, any>>;
-    warningMsg?: string;
+    warningMsg?: ReactNode;
 }
 
 type Props = FileGridPreviewProps & {
@@ -35,12 +35,12 @@ export class FilePreviewGrid extends React.Component<Props, any> {
                 ) : (
                     <>
                         <strong>{header}</strong>
-                        <Alert className="margin-top" bsStyle="warning">
-                            {warningMsg}
-                        </Alert>
-                        <Alert className="margin-top" bsStyle="warning">
-                            {previewData?.warningMsg}
-                        </Alert>
+                        {(warningMsg || previewData?.warningMsg) && (
+                            <Alert bsStyle="warning" className="margin-top">
+                                {warningMsg}
+                                {previewData?.warningMsg}
+                            </Alert>
+                        )}
                         <p className="margin-top">
                             <span>
                                 The {numRows === 1 ? 'one row ' : 'first ' + numRows + ' rows '} of your data file{' '}

packages/components/src/internal/components/files/FilePreviewGrid.tsx

@@ -725,11 +725,6 @@ exports[`<FilePreviewGrid/> warning message and previewData.warningMsg 1`] = `
     role="alert"
   >
     Testing warning message
-  </div>
-  <div
-    class="margin-top alert alert-warning"
-    role="alert"
-  >
     Duplicate fields
   </div>
   <p

packages/components/src/internal/components/files/__snapshots__/FilePreviewGrid.test.tsx.snap

@@ -2,6 +2,7 @@
  * Copyright (c) 2019 LabKey Corporation. All rights reserved. No portion of this work may be reproduced in
  * any form or by any electronic or mechanical means without written permission from LabKey Corporation.
  */
+import React from 'react';
 import { List, Map, OrderedMap } from 'immutable';
 
 import { parseScientificInt } from '../../util/utils';
@@ -80,9 +81,11 @@ export function convertRowDataIntoPreviewData(
     return {
         data: rows,
         warningMsg:
-            duplicateColumns.size > 0
-                ? 'Duplicate column(s) provided: ' + [...duplicateColumns].join(', ') + '.'
-                : undefined,
+            duplicateColumns.size > 0 ? (
+                <p>
+                    Duplicate column(s) provided: <b>{[...duplicateColumns].join(', ')}</b>.
+                </p>
+            ) : null,
     };
 }