@draftbit/core 46.2.1-f4deff.4 → 46.2.2-49d821.0

package/src/mappings/Stepper.js

@@ -1,10 +1,11 @@
-import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, } from "@draftbit/types";
+import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
 export const SEED_DATA = [
     {
         name: "Stepper",
         tag: "Stepper",
         description: "A component used to control the quantity of something",
         category: COMPONENT_TYPES.input,
+        stylesPanelSections: BLOCK_STYLES_SECTIONS,
         layout: {},
         triggers: [Triggers.OnChange],
         props: {

package/src/mappings/Stepper.ts

@@ -5,6 +5,7 @@ import {
   createFieldNameProp,
   createStaticNumberProp,
   Triggers,
+  BLOCK_STYLES_SECTIONS,
 } from "@draftbit/types";
 
 export const SEED_DATA = [
@@ -13,6 +14,7 @@ export const SEED_DATA = [
     tag: "Stepper",
     description: "A component used to control the quantity of something",
     category: COMPONENT_TYPES.input,
+    stylesPanelSections: BLOCK_STYLES_SECTIONS,
     layout: {},
     triggers: [Triggers.OnChange],
     props: {

package/src/mappings/Surface.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, createElevationType } from "@draftbit/types";
+import { COMPONENT_TYPES, createElevationType, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Surface",
     tag: "Surface",
     description: "An elevated container",
     category: COMPONENT_TYPES.layout,
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
     layout: {
         minHeight: 40,
     },

package/src/mappings/Surface.ts

@@ -1,10 +1,15 @@
-import { COMPONENT_TYPES, createElevationType } from "@draftbit/types";
+import {
+  COMPONENT_TYPES,
+  createElevationType,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
+} from "@draftbit/types";
 
 export const SEED_DATA = {
   name: "Surface",
   tag: "Surface",
   description: "An elevated container",
   category: COMPONENT_TYPES.layout,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     minHeight: 40,
   },

package/src/mappings/Switch.js

@@ -1,10 +1,11 @@
-import { COMPONENT_TYPES, GROUPS, createBoolProp, createColorProp, createFieldNameProp, createTextProp, createRowDirectionProp, Triggers, } from "@draftbit/types";
+import { COMPONENT_TYPES, GROUPS, createBoolProp, createColorProp, createFieldNameProp, createTextProp, createRowDirectionProp, Triggers, StylesPanelSections, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
 const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
 export const SEED_DATA = [
     {
         name: "Switch",
         tag: "Switch",
         category: COMPONENT_TYPES.input,
+        stylesPanelSections: BLOCK_STYLES_SECTIONS,
         layout: {},
         triggers: SEED_DATA_TRIGGERS,
         props: {
@@ -35,6 +36,11 @@ export const SEED_DATA = [
         name: "Switch Row",
         tag: "SwitchRow",
         category: COMPONENT_TYPES.input,
+        stylesPanelSections: [
+            StylesPanelSections.Typography,
+            StylesPanelSections.Margins,
+            StylesPanelSections.Effects,
+        ],
         layout: {
             marginLeft: 0,
             marginRight: 0,

package/src/mappings/Switch.ts

@@ -7,6 +7,8 @@ import {
   createTextProp,
   createRowDirectionProp,
   Triggers,
+  StylesPanelSections,
+  BLOCK_STYLES_SECTIONS,
 } from "@draftbit/types";
 const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
 export const SEED_DATA = [
@@ -14,6 +16,7 @@ export const SEED_DATA = [
     name: "Switch",
     tag: "Switch",
     category: COMPONENT_TYPES.input,
+    stylesPanelSections: BLOCK_STYLES_SECTIONS,
     layout: {},
     triggers: SEED_DATA_TRIGGERS,
     props: {
@@ -44,6 +47,11 @@ export const SEED_DATA = [
     name: "Switch Row",
     tag: "SwitchRow",
     category: COMPONENT_TYPES.input,
+    stylesPanelSections: [
+      StylesPanelSections.Typography,
+      StylesPanelSections.Margins,
+      StylesPanelSections.Effects,
+    ],
     layout: {
       marginLeft: 0,
       marginRight: 0,

package/src/mappings/Text.js

@@ -1,4 +1,4 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, Triggers, createActionProp, createTextProp, } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, Triggers, createActionProp, createTextProp, StylesPanelSections, } from "@draftbit/types";
 const SEED_DATA_PROPS = {
     accessibilityLabel: {
         group: GROUPS.accessibility,
@@ -201,6 +201,12 @@ export const SEED_DATA = [
         tag: "Text",
         description: "A basic Text component",
         category: COMPONENT_TYPES.basic,
+        stylesPanelSections: [
+            StylesPanelSections.Typography,
+            StylesPanelSections.LayoutSelectedItem,
+            StylesPanelSections.MarginsAndPaddings,
+            StylesPanelSections.Effects,
+        ],
         layout: {
             color: "strong", // This is translated on collector script run by the extractValueAndType function
         },
@@ -222,6 +228,12 @@ export const SEED_DATA = [
         name: "Link",
         tag: "Link",
         category: COMPONENT_TYPES.button,
+        stylesPanelSections: [
+            StylesPanelSections.Typography,
+            StylesPanelSections.LayoutSelectedItem,
+            StylesPanelSections.MarginsAndPaddings,
+            StylesPanelSections.Effects,
+        ],
         layout: {
             color: "primary",
         },

package/src/mappings/Text.ts

@@ -6,6 +6,7 @@ import {
   Triggers,
   createActionProp,
   createTextProp,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 const SEED_DATA_PROPS = {
@@ -225,6 +226,12 @@ export const SEED_DATA = [
     tag: "Text",
     description: "A basic Text component",
     category: COMPONENT_TYPES.basic,
+    stylesPanelSections: [
+      StylesPanelSections.Typography,
+      StylesPanelSections.LayoutSelectedItem,
+      StylesPanelSections.MarginsAndPaddings,
+      StylesPanelSections.Effects,
+    ],
     layout: {
       color: "strong", // This is translated on collector script run by the extractValueAndType function
     },
@@ -246,6 +253,12 @@ export const SEED_DATA = [
     name: "Link",
     tag: "Link",
     category: COMPONENT_TYPES.button,
+    stylesPanelSections: [
+      StylesPanelSections.Typography,
+      StylesPanelSections.LayoutSelectedItem,
+      StylesPanelSections.MarginsAndPaddings,
+      StylesPanelSections.Effects,
+    ],
     layout: {
       color: "primary",
     },

package/src/mappings/TextField.js

@@ -1,4 +1,4 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, createColorProp, createNumberProp, createFieldNameProp, } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, createColorProp, createNumberProp, createFieldNameProp, StylesPanelSections, } from "@draftbit/types";
 const TEXT_FIELD_PROPS = {
     allowFontScaling: {
         group: GROUPS.advanced,
@@ -330,6 +330,15 @@ export const SEED_DATA = [
         tag: "TextField",
         description: "A text area with a solid border or underline",
         category: COMPONENT_TYPES.input,
+        stylesPanelSections: [
+            StylesPanelSections.Typography,
+            StylesPanelSections.Background,
+            StylesPanelSections.Size,
+            StylesPanelSections.MarginsAndPaddings,
+            StylesPanelSections.Position,
+            StylesPanelSections.Borders,
+            StylesPanelSections.Effects,
+        ],
         preview_image_url: "{CLOUDINARY_URL}/TextArea.png",
         supports_list_render: false,
         triggers: SEED_DATA_TRIGGERS,

package/src/mappings/TextField.ts

@@ -8,6 +8,7 @@ import {
   createColorProp,
   createNumberProp,
   createFieldNameProp,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 const TEXT_FIELD_PROPS = {
@@ -352,6 +353,15 @@ export const SEED_DATA = [
     tag: "TextField",
     description: "A text area with a solid border or underline",
     category: COMPONENT_TYPES.input,
+    stylesPanelSections: [
+      StylesPanelSections.Typography,
+      StylesPanelSections.Background,
+      StylesPanelSections.Size,
+      StylesPanelSections.MarginsAndPaddings,
+      StylesPanelSections.Position,
+      StylesPanelSections.Borders,
+      StylesPanelSections.Effects,
+    ],
     preview_image_url: "{CLOUDINARY_URL}/TextArea.png",
     supports_list_render: false,
     triggers: SEED_DATA_TRIGGERS,

package/src/mappings/TextInput.js

@@ -1,4 +1,4 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections, } from "@draftbit/types";
 const TEXT_INPUT_PROPS = {
     allowFontScaling: {
         group: GROUPS.advanced,
@@ -270,6 +270,15 @@ export const SEED_DATA = [
         tag: "TextInput",
         description: "An input field that allows users to type in data.",
         category: COMPONENT_TYPES.input,
+        stylesPanelSections: [
+            StylesPanelSections.Typography,
+            StylesPanelSections.Background,
+            StylesPanelSections.Size,
+            StylesPanelSections.MarginsAndPaddings,
+            StylesPanelSections.Position,
+            StylesPanelSections.Borders,
+            StylesPanelSections.Effects,
+        ],
         preview_image_url: "https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png",
         supports_list_render: false,
         layout: {

package/src/mappings/TextInput.ts

@@ -5,6 +5,7 @@ import {
   PROP_TYPES,
   FIELD_NAME,
   Triggers,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 const TEXT_INPUT_PROPS = {
@@ -290,6 +291,15 @@ export const SEED_DATA = [
     tag: "TextInput",
     description: "An input field that allows users to type in data.",
     category: COMPONENT_TYPES.input,
+    stylesPanelSections: [
+      StylesPanelSections.Typography,
+      StylesPanelSections.Background,
+      StylesPanelSections.Size,
+      StylesPanelSections.MarginsAndPaddings,
+      StylesPanelSections.Position,
+      StylesPanelSections.Borders,
+      StylesPanelSections.Effects,
+    ],
     preview_image_url:
       "https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png",
     supports_list_render: false,

package/src/mappings/ToggleButton.js

@@ -1,8 +1,13 @@
-import { GROUPS, COMPONENT_TYPES, createIconProp, createBoolProp, createColorProp, createStaticNumberProp, createFieldNameProp, createIconSizeProp, createActionProp, Triggers, } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, createIconProp, createBoolProp, createColorProp, createStaticNumberProp, createFieldNameProp, createIconSizeProp, createActionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Toggle Button",
     tag: "ToggleButton",
     category: COMPONENT_TYPES.deprecated,
+    stylesPanelSections: [
+        StylesPanelSections.Margins,
+        StylesPanelSections.Effects,
+        StylesPanelSections.Position,
+    ],
     layout: {},
     triggers: [Triggers.OnPress],
     props: {

package/src/mappings/ToggleButton.ts

@@ -9,12 +9,18 @@ import {
   createIconSizeProp,
   createActionProp,
   Triggers,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
   name: "Toggle Button",
   tag: "ToggleButton",
   category: COMPONENT_TYPES.deprecated,
+  stylesPanelSections: [
+    StylesPanelSections.Margins,
+    StylesPanelSections.Effects,
+    StylesPanelSections.Position,
+  ],
   layout: {},
   triggers: [Triggers.OnPress],
   props: {

package/src/mappings/Touchable.js

@@ -1,9 +1,14 @@
-import { COMPONENT_TYPES, createActionProp, Triggers } from "@draftbit/types";
+import { COMPONENT_TYPES, createActionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Touchable",
     tag: "Touchable",
     description: "Simple button with no styles",
     category: COMPONENT_TYPES.button,
+    stylesPanelSections: [
+        StylesPanelSections.Size,
+        StylesPanelSections.Margins,
+        StylesPanelSections.Borders,
+    ],
     layout: {},
     triggers: [Triggers.OnPress],
     props: {

package/src/mappings/Touchable.ts

@@ -1,10 +1,20 @@
-import { COMPONENT_TYPES, createActionProp, Triggers } from "@draftbit/types";
+import {
+  COMPONENT_TYPES,
+  createActionProp,
+  Triggers,
+  StylesPanelSections,
+} from "@draftbit/types";
 
 export const SEED_DATA = {
   name: "Touchable",
   tag: "Touchable",
   description: "Simple button with no styles",
   category: COMPONENT_TYPES.button,
+  stylesPanelSections: [
+    StylesPanelSections.Size,
+    StylesPanelSections.Margins,
+    StylesPanelSections.Borders,
+  ],
   layout: {},
   triggers: [Triggers.OnPress],
   props: {

package/src/mappings/Video.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createStaticBoolProp, createSourceProp, createResizeModeProp, createNumberProp, GROUPS, } from "@draftbit/types";
+import { COMPONENT_TYPES, createStaticBoolProp, createSourceProp, createResizeModeProp, createNumberProp, GROUPS, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Video",
     tag: "Video",
@@ -6,6 +6,13 @@ export const SEED_DATA = {
     doc_link: "https://docs.expo.io/versions/latest/sdk/video/",
     code_link: "https://github.com/expo/expo/blob/master/packages/expo-av/src/Video.tsx",
     category: COMPONENT_TYPES.media,
+    stylesPanelSections: [
+        StylesPanelSections.Size,
+        StylesPanelSections.Margins,
+        StylesPanelSections.Background,
+        StylesPanelSections.Position,
+        StylesPanelSections.Effects,
+    ],
     layout: {
         height: 215,
     },

package/src/mappings/Video.ts

@@ -5,6 +5,7 @@ import {
   createResizeModeProp,
   createNumberProp,
   GROUPS,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -15,6 +16,13 @@ export const SEED_DATA = {
   code_link:
     "https://github.com/expo/expo/blob/master/packages/expo-av/src/Video.tsx",
   category: COMPONENT_TYPES.media,
+  stylesPanelSections: [
+    StylesPanelSections.Size,
+    StylesPanelSections.Margins,
+    StylesPanelSections.Background,
+    StylesPanelSections.Position,
+    StylesPanelSections.Effects,
+  ],
   layout: {
     height: 215,
   },

package/src/mappings/View.js

@@ -1,9 +1,10 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "View",
     tag: "View",
     description: "A basic View component",
     category: COMPONENT_TYPES.basic,
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
     props: {
         accessible: {
             group: GROUPS.accessibility,

package/src/mappings/View.ts

@@ -3,6 +3,7 @@ import {
   COMPONENT_TYPES,
   FORM_TYPES,
   PROP_TYPES,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -10,6 +11,7 @@ export const SEED_DATA = {
   tag: "View",
   description: "A basic View component",
   category: COMPONENT_TYPES.basic,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   props: {
     accessible: {
       group: GROUPS.accessibility,

package/src/mappings/WebView.js

@@ -1,9 +1,14 @@
-import { COMPONENT_TYPES, createSourceProp, createStaticBoolProp, } from "@draftbit/types";
+import { COMPONENT_TYPES, createSourceProp, createStaticBoolProp, createTextProp, GROUPS, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Web View",
     tag: "WebView",
     description: "Render web content inside a view",
     category: COMPONENT_TYPES.media,
+    stylesPanelSections: [
+        StylesPanelSections.Size,
+        StylesPanelSections.Margins,
+        StylesPanelSections.Borders,
+    ],
     layout: { flex: 1 },
     props: {
         source: createSourceProp({
@@ -14,5 +19,70 @@ export const SEED_DATA = {
             label: "Optimize Video Chat",
             description: "Allows for a better experience from web hosted video chat services",
         }),
+        javaScriptEnabled: createStaticBoolProp({
+            defaultValue: true,
+            group: GROUPS.advanced,
+            label: "Enable Javascript",
+            description: "Boolean value to enable JavaScript in the WebView. The default value is true.",
+        }),
+        javaScriptCanOpenWindowsAutomatically: createStaticBoolProp({
+            defaultValue: false,
+            group: GROUPS.advanced,
+            label: "Allow New Windows",
+            description: "A Boolean value indicating whether JavaScript can open windows without user interaction. The default value is false.",
+        }),
+        showsHorizontalScrollIndicator: createStaticBoolProp({
+            defaultValue: true,
+            group: GROUPS.advanced,
+            label: "Horizontal Scollbars",
+            description: "Boolean value that determines whether a horizontal scroll indicator is shown in the WebView. The default value is true.",
+        }),
+        showsVerticalScrollIndicator: createStaticBoolProp({
+            defaultValue: true,
+            group: GROUPS.advanced,
+            label: "Vertical Scollbars",
+            description: "Boolean value that determines whether a vertical scroll indicator is shown in the WebView. The default value is true.",
+        }),
+        mediaPlaybackRequiresUserAction: createStaticBoolProp({
+            label: "Media Playback Requires User Action",
+            group: GROUPS.advanced,
+            description: "Boolean that determines whether HTML5 audio and video requires the user to tap them before they start playing. The default value is true. (Android API minimum version 17).",
+        }),
+        startInLoadingState: createStaticBoolProp({
+            label: "Start In Loading State",
+            group: GROUPS.advanced,
+            description: "Boolean value that forces the WebView to show the loading view on the first load. This prop must be set to true in order for the renderLoading prop to work.",
+        }),
+        allowFileAccessFromFileURLs: createStaticBoolProp({
+            label: "Allow File Access From File URLs",
+            group: GROUPS.advanced,
+            description: "Boolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from other file scheme URLs. The default value is false.",
+        }),
+        allowUniversalAccessFromFileURLs: createStaticBoolProp({
+            label: "Allow Universal Access From File URLs",
+            group: GROUPS.advanced,
+            description: "Boolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from any origin. Including accessing content from other file scheme URLs. The default value is false.",
+        }),
+        cacheEnabled: createStaticBoolProp({
+            label: "Enable Cache",
+            defaultValue: true,
+            description: "Sets whether WebView should use browser caching.",
+        }),
+        incognito: createStaticBoolProp({
+            label: "Use Incognito Mode",
+            description: "Does not store any data within the lifetime of the WebView.",
+        }),
+        userAgent: createTextProp({
+            group: GROUPS.advanced,
+            defaultValue: null,
+            label: "User Agent",
+            description: "Sets the user-agent for the WebView.",
+        }),
+        applicationNameForUserAgent: createTextProp({
+            group: GROUPS.advanced,
+            defaultValue: null,
+            label: "User Agent App Name",
+            description: "Append to the existing user-agent. Setting userAgent will override this.",
+        }),
     },
 };

package/src/mappings/WebView.ts

@@ -2,6 +2,9 @@ import {
   COMPONENT_TYPES,
   createSourceProp,
   createStaticBoolProp,
+  createTextProp,
+  GROUPS,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -9,6 +12,11 @@ export const SEED_DATA = {
   tag: "WebView",
   description: "Render web content inside a view",
   category: COMPONENT_TYPES.media,
+  stylesPanelSections: [
+    StylesPanelSections.Size,
+    StylesPanelSections.Margins,
+    StylesPanelSections.Borders,
+  ],
   layout: { flex: 1 },
   props: {
     source: createSourceProp({
@@ -20,5 +28,80 @@ export const SEED_DATA = {
       description:
         "Allows for a better experience from web hosted video chat services",
     }),
+    javaScriptEnabled: createStaticBoolProp({
+      defaultValue: true,
+      group: GROUPS.advanced,
+      label: "Enable Javascript",
+      description:
+        "Boolean value to enable JavaScript in the WebView. The default value is true.",
+    }),
+    javaScriptCanOpenWindowsAutomatically: createStaticBoolProp({
+      defaultValue: false,
+      group: GROUPS.advanced,
+      label: "Allow New Windows",
+      description:
+        "A Boolean value indicating whether JavaScript can open windows without user interaction. The default value is false.",
+    }),
+    showsHorizontalScrollIndicator: createStaticBoolProp({
+      defaultValue: true,
+      group: GROUPS.advanced,
+      label: "Horizontal Scollbars",
+      description:
+        "Boolean value that determines whether a horizontal scroll indicator is shown in the WebView. The default value is true.",
+    }),
+    showsVerticalScrollIndicator: createStaticBoolProp({
+      defaultValue: true,
+      group: GROUPS.advanced,
+      label: "Vertical Scollbars",
+      description:
+        "Boolean value that determines whether a vertical scroll indicator is shown in the WebView. The default value is true.",
+    }),
+    mediaPlaybackRequiresUserAction: createStaticBoolProp({
+      label: "Media Playback Requires User Action",
+      group: GROUPS.advanced,
+      description:
+        "Boolean that determines whether HTML5 audio and video requires the user to tap them before they start playing. The default value is true. (Android API minimum version 17).",
+    }),
+    startInLoadingState: createStaticBoolProp({
+      label: "Start In Loading State",
+      group: GROUPS.advanced,
+      description:
+        "Boolean value that forces the WebView to show the loading view on the first load. This prop must be set to true in order for the renderLoading prop to work.",
+    }),
+    allowFileAccessFromFileURLs: createStaticBoolProp({
+      label: "Allow File Access From File URLs",
+      group: GROUPS.advanced,
+      description:
+        "Boolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from other file scheme URLs. The default value is false.",
+    }),
+    allowUniversalAccessFromFileURLs: createStaticBoolProp({
+      label: "Allow Universal Access From File URLs",
+      group: GROUPS.advanced,
+      description:
+        "Boolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from any origin. Including accessing content from other file scheme URLs. The default value is false.",
+    }),
+    cacheEnabled: createStaticBoolProp({
+      label: "Enable Cache",
+      defaultValue: true,
+      description: "Sets whether WebView should use browser caching.",
+    }),
+    incognito: createStaticBoolProp({
+      label: "Use Incognito Mode",
+      description:
+        "Does not store any data within the lifetime of the WebView.",
+    }),
+    userAgent: createTextProp({
+      group: GROUPS.advanced,
+      defaultValue: null,
+      label: "User Agent",
+      description: "Sets the user-agent for the WebView.",
+    }),
+    applicationNameForUserAgent: createTextProp({
+      group: GROUPS.advanced,
+      defaultValue: null,
+      label: "User Agent App Name",
+      description:
+        "Append to the existing user-agent. Setting userAgent will override this.",
+    }),
   },
 };