diff --git a/theatre/studio/src/panels/ObjectEditorPanel/propEditors/BooleanPropEditor.tsx b/theatre/studio/src/panels/ObjectEditorPanel/propEditors/BooleanPropEditor.tsx index 0621755..88d8d3d 100644 --- a/theatre/studio/src/panels/ObjectEditorPanel/propEditors/BooleanPropEditor.tsx +++ b/theatre/studio/src/panels/ObjectEditorPanel/propEditors/BooleanPropEditor.tsx @@ -4,8 +4,9 @@ import React, {useCallback} from 'react' import {useEditingToolsForPrimitiveProp} from './utils/useEditingToolsForPrimitiveProp' import {SingleRowPropEditor} from './utils/SingleRowPropEditor' import styled from 'styled-components' +import BasicCheckbox from '@theatre/studio/uiComponents/form/BasicCheckbox' -const Input = styled.input` +const Input = styled(BasicCheckbox)` margin-left: 6px; ` @@ -25,7 +26,7 @@ const BooleanPropEditor: React.FC<{ return ( - + ) } diff --git a/theatre/studio/src/panels/ObjectEditorPanel/propEditors/NumberPropEditor.tsx b/theatre/studio/src/panels/ObjectEditorPanel/propEditors/NumberPropEditor.tsx index c5a47fb..8e08252 100644 --- a/theatre/studio/src/panels/ObjectEditorPanel/propEditors/NumberPropEditor.tsx +++ b/theatre/studio/src/panels/ObjectEditorPanel/propEditors/NumberPropEditor.tsx @@ -1,6 +1,6 @@ import type {PropTypeConfig_Number} from '@theatre/core/propTypes' import type SheetObject from '@theatre/core/sheetObjects/SheetObject' -import BasicNumberEditor from '@theatre/studio/uiComponents/form/BasicNumberEditor' +import BasicNumberInput from '@theatre/studio/uiComponents/form/BasicNumberInput' import React from 'react' import {useEditingToolsForPrimitiveProp} from './utils/useEditingToolsForPrimitiveProp' import {SingleRowPropEditor} from './utils/SingleRowPropEditor' @@ -14,7 +14,7 @@ const NumberPropEditor: React.FC<{ return ( - {propConfig.as === 'menu' ? ( - ) : ( - void discardTemporaryValue: () => void @@ -257,4 +257,4 @@ function format(v: number): string { return isNaN(v) ? 'NaN' : isInteger(v) ? v.toFixed(0) : round(v, 3).toString() } -export default BasicNumberEditor +export default BasicNumberInput diff --git a/theatre/studio/src/uiComponents/form/BasicSelectEditor.tsx b/theatre/studio/src/uiComponents/form/BasicSelect.tsx similarity index 96% rename from theatre/studio/src/uiComponents/form/BasicSelectEditor.tsx rename to theatre/studio/src/uiComponents/form/BasicSelect.tsx index d00861d..1c7cacd 100644 --- a/theatre/studio/src/uiComponents/form/BasicSelectEditor.tsx +++ b/theatre/studio/src/uiComponents/form/BasicSelect.tsx @@ -31,7 +31,7 @@ const Select = styled.select` } ` -const BasicSelectEditor: React.FC<{ +const BasicSelect: React.FC<{ value: string onChange: (val: string) => void options: Record @@ -54,4 +54,4 @@ const BasicSelectEditor: React.FC<{ ) } -export default BasicSelectEditor +export default BasicSelect diff --git a/theatre/studio/src/uiComponents/form/BasicSwitchEditor.tsx b/theatre/studio/src/uiComponents/form/BasicSwitch.tsx similarity index 95% rename from theatre/studio/src/uiComponents/form/BasicSwitchEditor.tsx rename to theatre/studio/src/uiComponents/form/BasicSwitch.tsx index 6ff30a7..9237660 100644 --- a/theatre/studio/src/uiComponents/form/BasicSwitchEditor.tsx +++ b/theatre/studio/src/uiComponents/form/BasicSwitch.tsx @@ -47,7 +47,7 @@ const Input = styled.input` height: 0; ` -const BasicSwitchEditor: React.FC<{ +const BasicSwitch: React.FC<{ value: string onChange: (val: string) => void options: Record @@ -76,4 +76,4 @@ const BasicSwitchEditor: React.FC<{ ) } -export default BasicSwitchEditor +export default BasicSwitch