Create Field improvements

Author: GTFalcao

components/airtable_oauth/actions/create-field/create-field.mjs

@@ -1,3 +1,4 @@
+import constants from "../../sources/common/constants.mjs";
 import common from "../common/common.mjs";
 
 export default {
@@ -8,23 +9,45 @@ export default {
   type: "action",
   props: {
     ...common.props,
-    field: {
+    name: {
       type: "string",
-      label: "Field",
-      description: "A JSON object representing the field. [See the documentation](https://airtable.com/developers/web/api/model/field-type) for supported field types, the write format for field options, and other specifics for certain field types.",
+      label: "Field Name",
+      description: "The name of the field",
+    },
+    type: {
+      type: "string",
+      label: "Field Type",
+      description: "The field type. [See the documentation](https://airtable.com/developers/web/api/model/field-type) for more information.",
+      options: constants.FIELD_TYPES,
+    },
+    description: {
+      type: "string",
+      label: "Field Description",
+      description: "The description of the field",
+      optional: true,
+    },
+    options: {
+      type: "object",
+      label: "Field Options",
+      description: "The options for the field as a JSON object, e.g. `{ \"color\": \"greenBright\" }`. Each type has a specific set of options - [see the documentation](https://airtable.com/developers/web/api/field-model) for more information.",
+      optional: true,
     },
   },
   async run({ $ }) {
-    const field = typeof this.field === "object"
-      ? this.field
-      : JSON.parse(this.field);
-    const data = {
-      ...field,
-    };
+    const {
+      description, name, options, type,
+    } = this;
     const response = await this.airtable.createField({
       baseId: this.baseId.value,
       tableId: this.tableId.value,
-      data,
+      data: {
+        name,
+        type,
+        description,
+        options: typeof options === "string"
+          ? JSON.parse(options)
+          : options,
+      },
       $,
     });