fix(AnalyticalTable): correctly log warning for column width (#7539)

Author: Lukas742

packages/main/src/components/AnalyticalTable/AnalyticalTable.mdx

@@ -125,7 +125,7 @@ const TableComp = () => {
 | `hAlign`                | `TextAlign`                                                                               | Horizontal align of the cell                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
 | `vAlign`                | `VerticalAlign`                                                                           | Vertical align of the cell                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
 | `scaleWidthModeOptions` | `ScaleWidthModeOptions`                                                                   | Allows passing a custom string for the internal width calculation of custom cells for `scaleWidthMode` `Grow` and `Smart`. More <a href="./?path=/docs/data-display-analyticaltable-recipes--docs#how-to-scale-custom-cells">here</a>                                                                                                                                                                                                                                                                           |
-| `responsivePopIn`       | `boolean`                                                                                 | Enables the pop-in behavior of the column. When the `responsiveMinWidth` is smaller then the width of the table, the content of each cell will move to the first cell in the row, improving usability on small or mobile devices.                                                                                                                                                                                                                                                                               |
+| `responsivePopIn`       | `boolean`                                                                                 | Enables the pop-in behavior of the column. When the `responsiveMinWidth` is smaller then the width of the table, the content of each cell will move to the first cell in the row, improving usability on small or mobile devices.<br />**Note:** At least one column must remain visible at all times!                                                                                                                                                                                                          |
 | `responsiveMinWidth`    | `number`                                                                                  | Defines how the table should react when its width falls below the `responsiveMinWidth`. <ul><li>If `responsivePopIn` is `true` the content of this column will be moved to the first column.</li><li>If `responsivePopIn` is not set or `false` the column will be hidden.</li></ul>                                                                                                                                                                                                                            |
 | `PopInHeader`           | `string OR ComponentType`                                                                 | Custom pop-in header renderer. If set, the table will call that component for every column that is "popped-in" and pass the table instance as prop.                                                                                                                                                                                                                                                                                                                                                             |
 | `popinDisplay`          | `AnalyticalTablePopinDisplay`                                                             | Defines the display of `AnalyticalTable` pop-ins.<br />**Default:** `AnalyticalTablePopinDisplay.Block`                                                                                                                                                                                                                                                                                                                                                                                                         |

packages/main/src/components/AnalyticalTable/hooks/useDynamicColumnWidths.ts

@@ -390,7 +390,9 @@ const columns = (columns: TableInstance['columns'], { instance }: { instance: Ta
     return columns.map((column) => {
       const calculatedWidth = calculatedWidths[column.id] || calculatedWidths[column.accessor];
       if (typeof calculatedWidth !== 'number') {
-        console.warn('Could not determine column width!');
+        if (visibleColumns.length === columns.length) {
+          console.warn('Could not determine column width!');
+        }
         return column;
       }
       return { ...column, width: calculatedWidth };

packages/main/src/components/AnalyticalTable/types/index.ts

@@ -570,6 +570,8 @@ export interface AnalyticalTableColumnDefinition {
   // usePopIn
   /**
    * Enables the pop-in behavior of the column. When the `responsiveMinWidth` is smaller than the width of the table, the content of each cell will move to the first cell in the row, improving usability on small or mobile devices.
+   *
+   * __Note:__ At least one column must remain visible at all times!
    */
   responsivePopIn?: boolean;
   /**