@draftbit/core 46.2.2-ed5a9c.0 → 46.2.4-002e88.5

package/lib/module/mappings/TextInput.js

@@ -1,183 +1,4 @@
 import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections } from "@draftbit/types";
-const TEXT_INPUT_PROPS = {
-  allowFontScaling: {
-    group: GROUPS.advanced,
-    label: "Allow Font Scaling",
-    description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN
-  },
-  autoCapitalize: {
-    group: GROUPS.advanced,
-    label: "Auto Capitalize",
-    description: "Can automatically capitalize sentences, words, and characters (Default: none).",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    options: ["none", "sentences", "words", "characters"],
-    formType: FORM_TYPES.flatArray,
-    propType: PROP_TYPES.STRING
-  },
-  autoCorrect: {
-    group: GROUPS.advanced,
-    label: "Auto Correct",
-    description: "Enables auto correction",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN
-  },
-  autoFocus: {
-    group: GROUPS.basic,
-    label: "Auto Focus",
-    description: "Focuses the input on load in and brings up the keyboard",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN
-  },
-  caretHidden: {
-    group: GROUPS.advanced,
-    label: "Hide Caret",
-    description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN
-  },
-  contextMenuHidden: {
-    group: GROUPS.advanced,
-    label: "Hide Context Menu",
-    description: "Hides the system context menu (Default: false)",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN
-  },
-  editable: {
-    group: GROUPS.advanced,
-    label: "Editable",
-    description: "If false, the text is not editable",
-    editable: true,
-    required: false,
-    defaultValue: true,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN
-  },
-  keyboardAppearance: {
-    group: GROUPS.advanced,
-    label: "Keyboard Appearance",
-    description: "Determines the color of the keyboard.(iOS Only)",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    options: ["default", "light", "dark"],
-    formType: FORM_TYPES.flatArray,
-    propType: PROP_TYPES.STRING
-  },
-  keyboardType: {
-    group: GROUPS.advanced,
-    label: "Keyboard Type",
-    description: "Determines what keyboard is given to the user.",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    options: ["default", "email-address", "numeric", "phone-pad", "ascii-capable", "numbers-and-punctuation", "url", "number-pad", "name-phone-pad", "decimal-pad", "twitter", "web-search", "visible-password"],
-    formType: FORM_TYPES.flatArray,
-    propType: PROP_TYPES.STRING
-  },
-  maxLength: {
-    group: GROUPS.basic,
-    label: "Max Length",
-    description: "Limits the input to a set number of characters.",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    min: 0,
-    step: 1,
-    precision: 0,
-    formType: FORM_TYPES.number,
-    propType: PROP_TYPES.NUMBER
-  },
-  placeholder: {
-    group: GROUPS.data,
-    label: "Placeholder Text",
-    description: "The text that is shown on load when no value is available.",
-    editable: true,
-    required: false,
-    defaultValue: "Enter a value...",
-    formType: FORM_TYPES.string,
-    propType: PROP_TYPES.STRING
-  },
-  placeholderTextColor: {
-    group: GROUPS.basic,
-    label: "Placeholder Text Color",
-    description: "The color of the placeholder text.",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.color,
-    propType: PROP_TYPES.STRING
-  },
-  returnKeyLabel: {
-    group: GROUPS.advanced,
-    label: "Return Key Label",
-    description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.string,
-    propType: PROP_TYPES.STRING
-  },
-  returnKeyType: {
-    group: GROUPS.advanced,
-    label: "Return Key Type",
-    description: "Determines how the return key should look like",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    options: ["done", "go", "next", "search", "send", "none", "previous", "default", "emergency-call", "google", "join", "route", "yahoo"],
-    formType: FORM_TYPES.flatArray,
-    propType: PROP_TYPES.STRING
-  },
-  secureTextEntry: {
-    group: GROUPS.basic,
-    label: "Password Input?",
-    description: "Hides the characters with a *, useful for passwords and other sensitive information.",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN
-  },
-  selectionColor: {
-    group: GROUPS.advanced,
-    label: "Selection Color",
-    description: "Color of the highlighted portion when selecting.",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.color,
-    propType: PROP_TYPES.STRING
-  },
-  selectTextOnFocus: {
-    group: GROUPS.advanced,
-    label: "Select Text on Focus",
-    description: "If true, all the text will automatically be selected on focus",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN
-  }
-};
 export const SEED_DATA_PROPS = {
   style: {
     group: GROUPS.basic,
@@ -256,7 +77,184 @@ export const SEED_DATA = [{
     borderRadius: 8
   },
   triggers: [Triggers.OnChangeText],
-  props: { ...TEXT_INPUT_PROPS,
+  props: {
+    allowFontScaling: {
+      group: GROUPS.advanced,
+      label: "Allow Font Scaling",
+      description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: FORM_TYPES.boolean,
+      propType: PROP_TYPES.BOOLEAN
+    },
+    autoCapitalize: {
+      group: GROUPS.advanced,
+      label: "Auto Capitalize",
+      description: "Can automatically capitalize sentences, words, and characters (Default: none).",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      options: ["none", "sentences", "words", "characters"],
+      formType: FORM_TYPES.flatArray,
+      propType: PROP_TYPES.STRING
+    },
+    autoCorrect: {
+      group: GROUPS.advanced,
+      label: "Auto Correct",
+      description: "Enables auto correction",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: FORM_TYPES.boolean,
+      propType: PROP_TYPES.BOOLEAN
+    },
+    autoFocus: {
+      group: GROUPS.basic,
+      label: "Auto Focus",
+      description: "Focuses the input on load in and brings up the keyboard",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: FORM_TYPES.boolean,
+      propType: PROP_TYPES.BOOLEAN
+    },
+    caretHidden: {
+      group: GROUPS.advanced,
+      label: "Hide Caret",
+      description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: FORM_TYPES.boolean,
+      propType: PROP_TYPES.BOOLEAN
+    },
+    contextMenuHidden: {
+      group: GROUPS.advanced,
+      label: "Hide Context Menu",
+      description: "Hides the system context menu (Default: false)",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: FORM_TYPES.boolean,
+      propType: PROP_TYPES.BOOLEAN
+    },
+    editable: {
+      group: GROUPS.advanced,
+      label: "Editable",
+      description: "If false, the text is not editable",
+      editable: true,
+      required: false,
+      defaultValue: true,
+      formType: FORM_TYPES.boolean,
+      propType: PROP_TYPES.BOOLEAN
+    },
+    keyboardAppearance: {
+      group: GROUPS.advanced,
+      label: "Keyboard Appearance",
+      description: "Determines the color of the keyboard.(iOS Only)",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      options: ["default", "light", "dark"],
+      formType: FORM_TYPES.flatArray,
+      propType: PROP_TYPES.STRING
+    },
+    keyboardType: {
+      group: GROUPS.advanced,
+      label: "Keyboard Type",
+      description: "Determines what keyboard is given to the user.",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      options: ["default", "email-address", "numeric", "phone-pad", "ascii-capable", "numbers-and-punctuation", "url", "number-pad", "name-phone-pad", "decimal-pad", "twitter", "web-search", "visible-password"],
+      formType: FORM_TYPES.flatArray,
+      propType: PROP_TYPES.STRING
+    },
+    maxLength: {
+      group: GROUPS.basic,
+      label: "Max Length",
+      description: "Limits the input to a set number of characters.",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      min: 0,
+      step: 1,
+      precision: 0,
+      formType: FORM_TYPES.number,
+      propType: PROP_TYPES.NUMBER
+    },
+    placeholder: {
+      group: GROUPS.data,
+      label: "Placeholder Text",
+      description: "The text that is shown on load when no value is available.",
+      editable: true,
+      required: false,
+      defaultValue: "Enter a value...",
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING
+    },
+    placeholderTextColor: {
+      group: GROUPS.basic,
+      label: "Placeholder Text Color",
+      description: "The color of the placeholder text.",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: FORM_TYPES.color,
+      propType: PROP_TYPES.STRING
+    },
+    returnKeyLabel: {
+      group: GROUPS.advanced,
+      label: "Return Key Label",
+      description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING
+    },
+    returnKeyType: {
+      group: GROUPS.advanced,
+      label: "Return Key Type",
+      description: "Determines how the return key should look like",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      options: ["done", "go", "next", "search", "send", "none", "previous", "default", "emergency-call", "google", "join", "route", "yahoo"],
+      formType: FORM_TYPES.flatArray,
+      propType: PROP_TYPES.STRING
+    },
+    secureTextEntry: {
+      group: GROUPS.basic,
+      label: "Password Input?",
+      description: "Hides the characters with a *, useful for passwords and other sensitive information.",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: FORM_TYPES.boolean,
+      propType: PROP_TYPES.BOOLEAN
+    },
+    selectionColor: {
+      group: GROUPS.advanced,
+      label: "Selection Color",
+      description: "Color of the highlighted portion when selecting.",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: FORM_TYPES.color,
+      propType: PROP_TYPES.STRING
+    },
+    selectTextOnFocus: {
+      group: GROUPS.advanced,
+      label: "Select Text on Focus",
+      description: "If true, all the text will automatically be selected on focus",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: FORM_TYPES.boolean,
+      propType: PROP_TYPES.BOOLEAN
+    },
     ...SEED_DATA_PROPS,
     multiline: {
       group: GROUPS.basic,
@@ -324,5 +322,4 @@ export const SEED_DATA = [{
       propType: PROP_TYPES.STRING
     }
   }
-}];
-//# sourceMappingURL=TextInput.js.map
+}];

package/lib/module/mappings/ToggleButton.js

@@ -43,5 +43,4 @@ export const SEED_DATA = {
       defaultValue: 50
     })
   }
-};
-//# sourceMappingURL=ToggleButton.js.map
+};

package/lib/module/mappings/Touchable.js

@@ -10,5 +10,4 @@ export const SEED_DATA = {
   props: {
     onPress: createActionProp()
   }
-};
-//# sourceMappingURL=Touchable.js.map
+};

package/lib/module/mappings/Video.js

@@ -72,5 +72,4 @@ export const SEED_DATA = {
       group: GROUPS.basic
     })
   }
-};
-//# sourceMappingURL=Video.js.map
+};

package/lib/module/mappings/View.js

@@ -176,5 +176,4 @@ export const SEED_DATA = {
       defaultValue: null
     }
   }
-};
-//# sourceMappingURL=View.js.map
+};

package/lib/module/mappings/WebView.js

@@ -83,5 +83,4 @@ export const SEED_DATA = {
       description: "Append to the existing user-agent. Setting userAgent will override this."
     })
   }
-};
-//# sourceMappingURL=WebView.js.map
+};

package/lib/module/styles/DarkTheme.js

@@ -21,5 +21,4 @@ const DarkTheme = { ...DefaultTheme,
     notification: pinkA100
   }
 };
-export default DarkTheme;
-//# sourceMappingURL=DarkTheme.js.map
+export default DarkTheme;

package/lib/module/styles/DefaultTheme.js

@@ -95,5 +95,4 @@ const DefaultTheme = {
     }
   }
 };
-export default DefaultTheme;
-//# sourceMappingURL=DefaultTheme.js.map
+export default DefaultTheme;

package/lib/module/styles/fonts.js

@@ -61,5 +61,4 @@ export default function configureFonts(config) {
     ...config
   });
   return fonts;
-}
-//# sourceMappingURL=fonts.js.map
+}

package/lib/module/styles/overlay.js

@@ -63,5 +63,4 @@ const elevationOverlayTransparency = {
   22: 15.72,
   23: 15.84,
   24: 16
-};
-//# sourceMappingURL=overlay.js.map
+};

package/lib/module/styles/shadow.js

@@ -54,5 +54,4 @@ export default function shadow() {
       shadowRadius: radius
     };
   }
-}
-//# sourceMappingURL=shadow.js.map
+}

package/lib/module/theming.js

@@ -4,5 +4,4 @@ export const {
   ThemeProvider,
   withTheme,
   useTheme
-} = createTheming(DefaultTheme);
-//# sourceMappingURL=theming.js.map
+} = createTheming(DefaultTheme);

package/lib/module/utilities.js

@@ -80,5 +80,4 @@ export function getValueForRadioButton(value) {
   } else {
     throw new Error("Invalid value: ".concat(value));
   }
-}
-//# sourceMappingURL=utilities.js.map
+}

package/lib/typescript/src/components/Config.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
         width: number;
         height: number;
     }) => string;
+    placeholderSvgURL: string;
     squareImageUrl: string;
     FABSize: number;
     FABBorderRadius: number;

package/lib/typescript/src/components/SVG.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { StyleProp, ImageStyle } from "react-native";
+declare type SVGComponentProps = {
+    source: string;
+    style?: StyleProp<ImageStyle>;
+};
+declare const SVG: React.FC<React.PropsWithChildren<SVGComponentProps>>;
+export default SVG;

package/lib/typescript/src/components/TextField.d.ts

@@ -17,6 +17,7 @@ export declare type Props = {
     multiline?: boolean;
     numberOfLines: number;
     underlineColor?: string;
+    activeBorderColor?: string;
     style?: StyleProp<ViewStyle> & {
         height?: number;
     };

package/lib/typescript/src/index.d.ts

@@ -17,6 +17,7 @@ export { default as FAB } from "./components/FAB";
 export { default as FieldSearchBarFull } from "./components/FieldSearchBarFull";
 export { default as IconButton } from "./components/IconButton";
 export { default as Image } from "./components/Image";
+export { default as SVG } from "./components/SVG";
 export { default as NumberInput } from "./components/NumberInput";
 export { default as ScreenContainer } from "./components/ScreenContainer";
 export { default as StarRating } from "./components/StarRating";

package/lib/typescript/src/mappings/MapView.d.ts

@@ -56,6 +56,7 @@ export declare const SEED_DATA: {
             label: string;
             description: string;
             group: string;
+            editable: boolean;
             formType: string;
             propType: string;
             required: boolean;

package/lib/typescript/src/mappings/SVG.d.ts

@@ -0,0 +1,24 @@
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    description: string;
+    packageName: string;
+    category: string;
+    layout: {
+        width: number;
+        height: number;
+    };
+    stylesPanelSections: string[];
+    props: {
+        source: {
+            label: string;
+            description: string;
+            group: string;
+            formType: string;
+            propType: string;
+            defaultValue: string;
+            editable: boolean;
+            required: boolean;
+        };
+    };
+};

package/lib/typescript/src/mappings/TextArea.d.ts

@@ -17,48 +17,6 @@ export declare const SEED_DATA: {
     };
     triggers: string[];
     props: {
-        placeholder: {
-            defaultValue: string;
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-        };
-        multiline: {
-            label: string;
-            description: string;
-            group: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-        };
-        numberOfLines: {
-            label: string;
-            description: string;
-            group: string;
-            formType: string;
-            propType: string;
-            defaultValue: number;
-            editable: boolean;
-            required: boolean;
-        };
-        fieldName: {
-            defaultValue: string;
-            handlerPropName: string;
-            group: string;
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            valuePropName: string;
-            editable: boolean;
-            required: boolean;
-        };
         allowFontScaling: {
             group: string;
             label: string;
@@ -165,6 +123,16 @@ export declare const SEED_DATA: {
             formType: string;
             propType: string;
         };
+        placeholder: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: string;
+            formType: string;
+            propType: string;
+        };
         placeholderTextColor: {
             group: string;
             label: string;
@@ -237,5 +205,37 @@ export declare const SEED_DATA: {
             formType: string;
             propType: string;
         };
+        multiline: {
+            label: string;
+            description: string;
+            group: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+        };
+        numberOfLines: {
+            label: string;
+            description: string;
+            group: string;
+            formType: string;
+            propType: string;
+            defaultValue: number;
+            editable: boolean;
+            required: boolean;
+        };
+        fieldName: {
+            defaultValue: string;
+            handlerPropName: string;
+            group: string;
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            valuePropName: string;
+            editable: boolean;
+            required: boolean;
+        };
     };
 };