Staging

packages/core-ui/command-ui/src/template-input/index.tsx

@@ -60,24 +60,13 @@ export const TemplateInput: React.FC<TemplateInputProps> = (props) => {
                             top: 0,
                             left: 0
                         }}>
-                        {/* <Editor
-                            value=""
-                            extraLib='declare type Device = string | {};' 
-                             /> */}
+
                         <BaseTemplateInput
                             value={props.value}
                             options={props.options}
                             onFocus={(focus) => !focus && handleBlur()}
                             onChange={(e) => setValue(e)} />
-                        {/* <TextField 
-                            onBlur={handleBlur}
-                            multiline 
-                            minRows={4}
-                            autoFocus
-                            value={value}
-                            onChange={(e) => setValue(e.target.value)}
-                            label={props.label}
-                            variant='standard'/> */}
+
 
                         <IconButton
                             onClick={handleBlur}

packages/core-ui/command-ui/src/template-input/input.tsx

@@ -79,7 +79,16 @@ export const BaseInput = (props: any) => {
     )
 }
 
-export const BaseTemplateInput = (props: any) => {
+export interface BaseTemplateInputProps {
+  options: any;
+
+  value?: string;
+
+  onFocus?: (focus: boolean) => void;
+  onChange?: (e: string) => void;
+}
+
+export const BaseTemplateInput : React.FC<BaseTemplateInputProps> = (props) => {
     const editor = useRef<HTMLDivElement>();
 
     return (

packages/editors/interface/src/sidebar/index.tsx

@@ -50,7 +50,7 @@ export const Sidebar: React.FC<SidebarProps> = (props) => {
                 sx={{
                     display: 'flex',
                     height: '100%',
-                    maxWidth: '250px',
+                    width: '250px',
                     flexDirection: 'column',
                     '& .MuiCollapse-wrapperInner': {
                         display: 'flex'