@draftbit/core 46.2.4 → 46.3.0

package/lib/module/mappings/Divider.js

@@ -22,5 +22,4 @@ export const SEED_DATA = [{
   layout: {
     height: 1
   }
-}];
-//# sourceMappingURL=Divider.js.map
+}];

package/lib/module/mappings/FAB.js

@@ -34,5 +34,4 @@ export const SEED_DATA = {
     }),
     size: createIconSizeProp()
   }
-};
-//# sourceMappingURL=FAB.js.map
+};

package/lib/module/mappings/Fetch.js

@@ -11,5 +11,4 @@ export const SEED_DATA = {
     minHeight: 40
   },
   props: {}
-};
-//# sourceMappingURL=Fetch.js.map
+};

package/lib/module/mappings/FieldSearchBarFull.js

@@ -45,5 +45,4 @@ export const SEED_DATA = [{
     }
   },
   layout: {}
-}];
-//# sourceMappingURL=FieldSearchBarFull.js.map
+}];

package/lib/module/mappings/FlatList.js

@@ -21,5 +21,4 @@ export const SEED_DATA = {
       editable: true
     })
   }
-};
-//# sourceMappingURL=FlatList.js.map
+};

package/lib/module/mappings/HeaderLarge.js

@@ -24,5 +24,4 @@ export const SEED_DATA = [{
       required: false
     })
   }
-}];
-//# sourceMappingURL=HeaderLarge.js.map
+}];

package/lib/module/mappings/HeaderMedium.js

@@ -50,5 +50,4 @@ export const SEED_DATA = [{
     }
   },
   layout: {}
-}];
-//# sourceMappingURL=HeaderMedium.js.map
+}];

package/lib/module/mappings/HeaderOverline.js

@@ -50,5 +50,4 @@ export const SEED_DATA = [{
     }
   },
   layout: {}
-}];
-//# sourceMappingURL=HeaderOverline.js.map
+}];

package/lib/module/mappings/Icon.js

@@ -22,5 +22,4 @@ export const SEED_DATA = {
       precision: 0
     })
   }
-};
-//# sourceMappingURL=Icon.js.map
+};

package/lib/module/mappings/IconButton.js

@@ -28,5 +28,4 @@ export const SEED_DATA = {
       precision: 0
     })
   }
-};
-//# sourceMappingURL=IconButton.js.map
+};

package/lib/module/mappings/Image.js

@@ -13,5 +13,4 @@ export const SEED_DATA = {
     source: createImageProp(),
     resizeMode: createResizeModeProp()
   }
-};
-//# sourceMappingURL=Image.js.map
+};

package/lib/module/mappings/ImageBackground.js

@@ -26,5 +26,4 @@ export const SEED_DATA = {
       options: ["visible", "hidden"]
     })
   }
-};
-//# sourceMappingURL=ImageBackground.js.map
+};

package/lib/module/mappings/KeyboardAvoidingView.js

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

package/lib/module/mappings/KeyboardAwareScrollView.js

@@ -47,5 +47,4 @@ export const SEED_DATA = {
       options: ["never", "always"]
     })
   }
-};
-//# sourceMappingURL=KeyboardAwareScrollView.js.map
+};

package/lib/module/mappings/Layout.js

@@ -190,5 +190,4 @@ export const SEED_DATA = [{
       group: GROUPS.style
     }
   }
-}];
-//# sourceMappingURL=Layout.js.map
+}];

package/lib/module/mappings/LinearGradient.js

@@ -77,5 +77,4 @@ export const SEED_DATA = {
       defaultValue: "primary"
     })
   }
-};
-//# sourceMappingURL=LinearGradient.js.map
+};

package/lib/module/mappings/MapCallout.js

@@ -18,5 +18,4 @@ export const SEED_DATA = {
       defaultValue: false
     })
   }
-};
-//# sourceMappingURL=MapCallout.js.map
+};

package/lib/module/mappings/MapMarker.js

@@ -44,5 +44,4 @@ export const SEED_DATA = {
       description: "Sets the color of the marker"
     })
   }
-};
-//# sourceMappingURL=MapMarker.js.map
+};

package/lib/module/mappings/MapView.js

@@ -53,6 +53,7 @@ export const SEED_DATA = {
       label: "Map Type",
       description: "The type of map to show",
       group: GROUPS.basic,
+      editable: true,
       formType: FORM_TYPES.flatArray,
       propType: PROP_TYPES.STRING,
       required: false,
@@ -128,5 +129,4 @@ export const SEED_DATA = {
       editable: false
     })
   }
-};
-//# sourceMappingURL=MapView.js.map
+};

package/lib/module/mappings/Modal.js

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

package/lib/module/mappings/NumberInput.js

@@ -225,5 +225,4 @@ export const SEED_DATA = [{
       propType: PROP_TYPES.BOOLEAN
     }
   }
-}];
-//# sourceMappingURL=NumberInput.js.map
+}];

package/lib/module/mappings/Picker.js

@@ -137,5 +137,4 @@ export const SEED_DATA = [{
     })
   },
   layout: {}
-}];
-//# sourceMappingURL=Picker.js.map
+}];

package/lib/module/mappings/ProgressBar.js

@@ -96,5 +96,4 @@ export const SEED_DATA = [{
     width: 200,
     height: 20
   }
-}];
-//# sourceMappingURL=ProgressBar.js.map
+}];

package/lib/module/mappings/ProgressCircle.js

@@ -106,5 +106,4 @@ export const SEED_DATA = {
     width: 250,
     height: 250
   }
-};
-//# sourceMappingURL=ProgressCircle.js.map
+};

package/lib/module/mappings/ProgressIndicator.js

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

package/lib/module/mappings/RadioButton.js

@@ -48,5 +48,4 @@ export const SEED_DATA = {
       defaultValue: "MaterialIcons/radio-button-unchecked"
     })
   }
-};
-//# sourceMappingURL=RadioButton.js.map
+};

package/lib/module/mappings/RadioButtonGroup.js

@@ -14,5 +14,4 @@ export const SEED_DATA = {
       defaultValue: "radioButtonGroupValue"
     })
   }
-};
-//# sourceMappingURL=RadioButtonGroup.js.map
+};

package/lib/module/mappings/RadioButtonRow.js

@@ -35,5 +35,4 @@ export const SEED_DATA = {
       defaultValue: "primary"
     })
   }
-};
-//# sourceMappingURL=RadioButtonRow.js.map
+};

package/lib/module/mappings/RowBodyIcon.js

@@ -69,5 +69,4 @@ export const SEED_DATA = [{
     }
   },
   layout: {}
-}];
-//# sourceMappingURL=RowBodyIcon.js.map
+}];

package/lib/module/mappings/RowHeadlineImageCaption.js

@@ -159,5 +159,4 @@ export const SEED_DATA = [{
     }
   },
   layout: {}
-}];
-//# sourceMappingURL=RowHeadlineImageCaption.js.map
+}];

package/lib/module/mappings/RowHeadlineImageIcon.js

@@ -83,5 +83,4 @@ export const SEED_DATA = [{
       defaultValue: "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate"
     })
   }
-}];
-//# sourceMappingURL=RowHeadlineImageIcon.js.map
+}];

package/lib/module/mappings/SVG.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createSvgProp } from "@draftbit/types";
+import { COMPONENT_TYPES, createSVGProp, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
   name: "SVG",
   tag: "SVG",
@@ -8,8 +8,8 @@ export const SEED_DATA = {
     width: 100,
     height: 100
   },
+  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Position, StylesPanelSections.Effects],
   props: {
-    source: createSvgProp()
+    source: createSVGProp()
   }
-};
-//# sourceMappingURL=SVG.js.map
+};

package/lib/module/mappings/SafeAreaView.js

@@ -30,5 +30,4 @@ export const SEED_DATA = {
       defaultValue: "padding"
     }
   }
-};
-//# sourceMappingURL=SafeAreaView.js.map
+};

package/lib/module/mappings/ScrollView.js

@@ -28,5 +28,4 @@ export const SEED_DATA = {
       defaultValue: true
     })
   }
-};
-//# sourceMappingURL=ScrollView.js.map
+};

package/lib/module/mappings/Slider.js

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

package/lib/module/mappings/StarRating.js

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

package/lib/module/mappings/Stepper.js

@@ -28,5 +28,4 @@ export const SEED_DATA = [{
       description: "Maximum Number"
     })
   }
-}];
-//# sourceMappingURL=Stepper.js.map
+}];

package/lib/module/mappings/Surface.js

@@ -11,5 +11,4 @@ export const SEED_DATA = {
   props: {
     elevation: createElevationType(0)
   }
-};
-//# sourceMappingURL=Surface.js.map
+};

package/lib/module/mappings/Swiper.js

@@ -57,5 +57,4 @@ export const SEED_DATA = {
       defaultValue: true
     })
   }
-};
-//# sourceMappingURL=Swiper.js.map
+};

package/lib/module/mappings/SwiperItem.js

@@ -5,5 +5,4 @@ export const SEED_DATA = {
   description: "Swiper item",
   category: COMPONENT_TYPES.button,
   props: {}
-};
-//# sourceMappingURL=SwiperItem.js.map
+};

package/lib/module/mappings/Switch.js

@@ -71,5 +71,4 @@ export const SEED_DATA = [{
       label: "Inactive Thumb Color"
     })
   }
-}];
-//# sourceMappingURL=Switch.js.map
+}];

package/lib/module/mappings/Text.js

@@ -222,5 +222,4 @@ export const SEED_DATA = [{
       defaultValue: "Get Started"
     })
   }
-}];
-//# sourceMappingURL=Text.js.map
+}];

package/lib/module/mappings/TextArea.js

@@ -231,5 +231,4 @@ export const SEED_DATA = {
       handlerPropName: "onChangeText"
     }
   }
-};
-//# sourceMappingURL=TextArea.js.map
+};

package/lib/module/mappings/TextField.js

@@ -338,5 +338,4 @@ export const SEED_DATA = [{
     })
   },
   layout: {}
-}];
-//# sourceMappingURL=TextField.js.map
+}];

package/lib/module/mappings/TextInput.js

@@ -322,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/SVG.d.ts

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

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

@@ -7,6 +7,7 @@ export declare const SEED_DATA: {
         width: number;
         height: number;
     };
+    stylesPanelSections: string[];
     props: {
         source: {
             label: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.2.4",
+  "version": "46.3.0",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.2.4",
+    "@draftbit/types": "^46.3.0",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -53,7 +53,7 @@
     "lodash.omit": "^4.5.0",
     "lodash.tonumber": "^4.0.3",
     "react-native-modal-datetime-picker": "^13.0.0",
-    "react-native-svg": "^12.3.0",
+    "react-native-svg": "12.3.0",
     "react-native-typography": "^1.4.1",
     "react-native-web-swiper": "^2.2.3"
   },
@@ -80,5 +80,5 @@
       ]
     ]
   },
-  "gitHead": "36679318e61f7e848ffc65bd0fe7cd93016a2f56"
+  "gitHead": "90a944afbd74ef9350ee8c97f512b0f067642532"
 }

package/src/components/Config.ts

@@ -60,7 +60,7 @@ export default {
       { width: size.width, height: size.height },
       "image-placeholder_1"
     ),
-  placeholderSvgURL: "https://static.draftbit.com/images/placeholder-svg.svg",
+  placeholderSvgURL: "https://static.draftbit.com/images/placeholder-image.svg",
   squareImageUrl: buildImageUrl({ width: 100, height: 100 }, "Avatar"),
   FABSize: 40,
   FABBorderRadius: 20,

package/src/components/SVG.tsx

@@ -9,24 +9,24 @@ type SVGComponentProps = {
   style?: StyleProp<ImageStyle>;
 };
 
-const SVG = ({ source, style }: SVGComponentProps) => {
-  let svgSource =
-    source === null || source === undefined ? Config.placeholderSvgURL : source;
-
+const SVG: React.FC<React.PropsWithChildren<SVGComponentProps>> = ({
+  source = Config.placeholderSvgURL,
+  style,
+}) => {
   return (
     <>
       {Platform.OS === "ios" && (
         <View style={style}>
-          <SvgUri width="100%" height="100%" uri={svgSource} />
+          <SvgUri width="100%" height="100%" uri={source} />
         </View>
       )}
       {Platform.OS === "android" && (
         <View style={style}>
-          <SvgUri width="100%" height="100%" uri={svgSource} />
+          <SvgUri width="100%" height="100%" uri={source} />
         </View>
       )}
       {Platform.OS === "web" && (
-        <Image style={style} source={{ uri: svgSource }} />
+        <Image style={style} source={{ uri: source }} />
       )}
     </>
   );

package/src/mappings/MapView.ts

@@ -63,6 +63,7 @@ export const SEED_DATA = {
       label: "Map Type",
       description: "The type of map to show",
       group: GROUPS.basic,
+      editable: true,
       formType: FORM_TYPES.flatArray,
       propType: PROP_TYPES.STRING,
       required: false,

package/src/mappings/SVG.ts

@@ -1,4 +1,8 @@
-import { COMPONENT_TYPES, createSvgProp } from "@draftbit/types";
+import {
+  COMPONENT_TYPES,
+  createSVGProp,
+  StylesPanelSections,
+} from "@draftbit/types";
 
 export const SEED_DATA = {
   name: "SVG",
@@ -9,7 +13,13 @@ export const SEED_DATA = {
     width: 100,
     height: 100,
   },
+  stylesPanelSections: [
+    StylesPanelSections.Size,
+    StylesPanelSections.Margins,
+    StylesPanelSections.Position,
+    StylesPanelSections.Effects,
+  ],
   props: {
-    source: createSvgProp(),
+    source: createSVGProp(),
   },
 };

package/lib/commonjs/Provider.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Provider","React","Component","render","props","theme","children"],"sources":["Provider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ThemeProvider } from \"./theming\";\nimport PortalHost from \"./components/Portal/PortalHost\";\nimport { Theme } from \"@draftbit/types\";\n\ntype Props = {\n  children: React.ReactNode;\n  theme?: Theme;\n};\n\nexport default class Provider extends React.Component<Props> {\n  render() {\n    return (\n      <PortalHost>\n        {/* @ts-ignore */}\n        <ThemeProvider theme={this.props.theme}>\n          {this.props.children}\n        </ThemeProvider>\n      </PortalHost>\n    );\n  }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAQe,MAAMA,QAAN,SAAuBC,KAAK,CAACC,SAA7B,CAA8C;EAC3DC,MAAM,GAAG;IACP,oBACE,oBAAC,mBAAD,qBAEE,oBAAC,sBAAD;MAAe,KAAK,EAAE,KAAKC,KAAL,CAAWC;IAAjC,GACG,KAAKD,KAAL,CAAWE,QADd,CAFF,CADF;EAQD;;AAV0D"}