Plotting Improvements (#1899)

- ChartBuilderModal, ChartFieldOption, ChartFieldAggregateOptions: store state as ChartConfig
- Add ChartSettingsPanel: renders chart options as left column
- Add Title/Subtitle options
- Add height/width options

Author: labkey-alan

packages/components/justfile

@@ -4,7 +4,7 @@
 
 [private]
 default:
-    just --list
+    @just --list
 
 currentBranch := `git branch --show-current`
 branchAsTag := replace(currentBranch, '_', '-')
@@ -129,5 +129,8 @@ patch:
 publish:
     npm publish
 
+# Runs publish sleep bump
 pb: publish sleep bump
+
+# Runs publish sleep bumpApps
 pba: publish sleep bumpApps

packages/components/package-lock.json

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

packages/components/package.json

@@ -1,6 +1,14 @@
 # @labkey/components
 Components, models, actions, and utility functions for LabKey applications and pages
 
+### version 7.1.0
+*Released*: 3 December 2025
+- ChartBuilderModal
+  - Update to two-column layout
+  - Add options for axis labels
+  - Add options for title / subtitle
+  - Add options for height / width
+
 ### version 7.0.0
 *Released*: 1 December 2025
 - Updates for new Workflow implementation

packages/components/releaseNotes/components.md

@@ -19,7 +19,6 @@ export const CheckboxLK: FC<Props> = memo(props => {
             <label>
                 <input
                     checked={checked}
-                    className=""
                     disabled={disabled}
                     id={id}
                     name={name}
@@ -30,6 +29,6 @@ export const CheckboxLK: FC<Props> = memo(props => {
                 {children}
             </label>
         </div>
-    )
+    );
 });
 CheckboxLK.displayName = 'Checkbox';

packages/components/src/internal/Checkbox.tsx

@@ -59,23 +59,28 @@ interface Dimensions {
     width: number;
 }
 
-const MAX_HEIGHT = 500;
+const MAX_DEFAULT_HEIGHT = 500;
 
 function computeDimensions(chartConfig: ChartConfig, measureStore, defaultWidth: number): Dimensions {
-    // Issue 49754: use getChartTypeBasedWidth() to determine width
-    const width = LABKEY_VIS.GenericChartHelper.getChartTypeBasedWidth(
-        chartConfig.renderType,
-        chartConfig.measures,
-        measureStore,
-        defaultWidth
-    );
-    const dimensions = {
-        width,
-        height: (width * 9) / 16, // 16:9 aspect ratio
-    };
-    if (dimensions.height > MAX_HEIGHT) dimensions.height = MAX_HEIGHT;
+    let width = chartConfig.width;
+    let height = chartConfig.height;
+
+    if (width === undefined) {
+        // Issue 49754: use getChartTypeBasedWidth() to determine width
+        width = LABKEY_VIS.GenericChartHelper.getChartTypeBasedWidth(
+            chartConfig.renderType,
+            chartConfig.measures,
+            measureStore,
+            defaultWidth
+        );
+    }
+
+    if (height === undefined) {
+        height = (width * 9) / 16; // 16:9 aspect ratio
+        if (height > MAX_DEFAULT_HEIGHT) height = MAX_DEFAULT_HEIGHT;
+    }
 
-    return dimensions;
+    return { height, width };
 }
 
 interface Props {