Change ParameterControls property name

src/mol-plugin-ui/controls/parameters.tsx

@@ -31,7 +31,7 @@ export interface ParameterControlsProps<P extends PD.Params = PD.Params> {
     params: P,
     values: any,
     onChange?: ParamsOnChange<PD.ValuesFor<P>>,
-    onChangeObject?: (values: PD.ValuesFor<P>, prev: PD.ValuesFor<P>) => void,
+    onChangeValues?: (values: PD.ValuesFor<P>, prev: PD.ValuesFor<P>) => void,
     isDisabled?: boolean,
     onEnter?: () => void
 }
@@ -39,9 +39,9 @@ export interface ParameterControlsProps<P extends PD.Params = PD.Params> {
 export class ParameterControls<P extends PD.Params> extends React.PureComponent<ParameterControlsProps<P>> {
     onChange: ParamOnChange = (params) => {
         this.props.onChange?.(params, this.props.values);
-        if (this.props.onChangeObject) {
+        if (this.props.onChangeValues) {
             const values = { ...this.props.values, [params.name]: params.value };
-            this.props.onChangeObject(values, this.props.values);
+            this.props.onChangeValues(values, this.props.values);
         }
     }
 

src/mol-plugin-ui/structure/components.tsx

@@ -162,7 +162,7 @@ class AddComponentControls extends PurePluginUIComponent<AddComponentControlsPro
 
     render() {
         return <>
-            <ParameterControls params={this.state.params} values={this.state.values} onChangeObject={this.paramsChanged} />
+            <ParameterControls params={this.state.params} values={this.state.values} onChangeValues={this.paramsChanged} />
             <button className={`msp-btn msp-btn-block msp-btn-commit msp-btn-commit-on`} onClick={this.apply} style={{ marginTop: '1px' }}>
                 <Icon name='plus' /> Create Selection
             </button>
@@ -178,7 +178,7 @@ class ComponentOptionsControls extends PurePluginUIComponent<{ isDisabled: boole
     update = (options: StructureComponentManager.Options) => this.plugin.managers.structure.component.setOptions(options)
 
     render() {
-        return <ParameterControls params={StructureComponentManager.OptionsParams} values={this.plugin.managers.structure.component.state.options} onChangeObject={this.update} isDisabled={this.props.isDisabled} />;
+        return <ParameterControls params={StructureComponentManager.OptionsParams} values={this.plugin.managers.structure.component.state.options} onChangeValues={this.update} isDisabled={this.props.isDisabled} />;
     }
 }
 

src/mol-plugin-ui/structure/measurements.tsx

@@ -206,7 +206,7 @@ class MeasurementsOptions extends PurePluginUIComponent<{}, { isDisabled: boolea
         const measurements = this.plugin.managers.structure.measurement.state;
 
         return <div className='msp-control-offset'>
-            <ParameterControls params={StructureMeasurementParams} values={measurements.options} onChangeObject={this.changed} isDisabled={this.state.isDisabled} />
+            <ParameterControls params={StructureMeasurementParams} values={measurements.options} onChangeValues={this.changed} isDisabled={this.state.isDisabled} />
         </div>;
     }
 }

src/mol-plugin-ui/structure/selection.tsx

@@ -156,7 +156,7 @@ export class StructureSelectionControls<P, S extends StructureSelectionControlsS
         const empty = stats.structureCount === 0 || stats.elementCount === 0;
 
         return <>
-            <ParameterControls params={StructureSelectionParams} values={this.values} onChangeObject={this.setProps} />
+            <ParameterControls params={StructureSelectionParams} values={this.values} onChangeValues={this.setProps} />
             {this.controls}
             <div className='msp-control-row msp-row-text' style={{ marginTop: '6px' }}>
                 <button className='msp-btn msp-btn-block' onClick={this.focus} title='Click to Focus Selection' disabled={empty}>
@@ -191,7 +191,7 @@ class ApplyColorControls extends PurePluginUIComponent<ApplyColorControlsProps,
 
     render() {
         return <>
-            <ParameterControls params={this.params} values={this.state.values} onChangeObject={this.paramsChanged} />
+            <ParameterControls params={this.params} values={this.state.values} onChangeValues={this.paramsChanged} />
             <button className={`msp-btn msp-btn-block msp-btn-commit msp-btn-commit-on`} onClick={this.apply} style={{ marginTop: '1px' }}>
                 <Icon name='brush' /> Apply Coloring
             </button>

src/mol-plugin-ui/structure/source.tsx

@@ -225,7 +225,7 @@ export class StructureSourceControls extends CollapsableControls<{}, StructureSo
         const params = m.cell.params?.definition;
         if (!params) return null;
 
-        return <ParameterControls params={params} values={m.cell.params?.values} onChangeObject={this.updateStructureModel} isDisabled={this.state.isBusy} />
+        return <ParameterControls params={params} values={m.cell.params?.values} onChangeValues={this.updateStructureModel} isDisabled={this.state.isBusy} />
     }
 
     updateStructure = async (params: any) => {
@@ -242,7 +242,7 @@ export class StructureSourceControls extends CollapsableControls<{}, StructureSo
         const params = s.cell.params?.definition;
         if (!params) return null;
 
-        return <ParameterControls params={params} values={s.cell.params?.values} onChangeObject={this.updateStructure} isDisabled={this.state.isBusy} />
+        return <ParameterControls params={params} values={s.cell.params?.values} onChangeValues={this.updateStructure} isDisabled={this.state.isBusy} />
     }
 
     renderControls() {