add components to local api

Author: GamerGirlandCo

src/api/local-api.tsx

@@ -30,9 +30,16 @@ import { ScriptCache } from "./script-cache";
 import { Expression } from "expression/expression";
 import { ControlledEditable } from "ui/fields/editable";
 import { setTaskText, useSetField } from "utils/fields";
-import { ControlledEditableTextField, EditableFieldCheckbox, EditableTextField } from "ui/fields/editable-fields";
 import { completeTask } from "utils/task";
 import { ListView } from "./ui/views/list";
+import {
+    ControlledEditableTextField,
+    EditableTextField,
+    FieldCheckbox,
+    FieldSelect,
+    FieldSlider,
+    FieldSwitch,
+} from "ui/fields/editable-fields";
 
 /**
  * Local API provided to specific codeblocks when they are executing.
@@ -466,6 +473,7 @@ export class DatacoreLocalApi {
     public Slider = Slider;
     public Switch = Switch;
     public VanillaSelect = VanillaSelect;
+    public VanillaTextBox = ControlledEditableTextField;
 
     ////////////////////////////////////
     // Stateful / internal components //
@@ -482,7 +490,9 @@ export class DatacoreLocalApi {
     /////////////////////////
     //    field editors    //
     /////////////////////////
-    public EditableFieldCheckbox = EditableFieldCheckbox;
-    public EditableFieldTextbox = EditableTextField;
-    public TextEditor = ControlledEditableTextField;
+    public FieldCheckbox = FieldCheckbox;
+    public FieldSlider = FieldSlider;
+    public FieldSelect = FieldSelect;
+    public FieldSwitch = FieldSwitch;
+    public TextField = EditableTextField;
 }

src/ui/fields/editable.tsx

@@ -388,7 +388,7 @@ export function UncontrolledTextEditable({
     text,
     dispatch,
     onInput,
-		toggler
+    toggler,
 }: {
     inline?: boolean;
     text: string;