@draftbit/core 46.10.3-6c7505.2 → 46.10.3-7476ab.2

package/lib/commonjs/mappings/LinearGradient.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Linear Gradient",
+  tag: "LinearGradient",
+  description: "Linear Gradient Component",
+  layout: {
+    width: "100%",
+    height: "100%"
+  },
+  stylesPanelSections: [_types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
+  props: {
+    endY: {
+      group: _types.GROUPS.basic,
+      label: "End Y",
+      description: "End position from Bottom",
+      editable: true,
+      required: false,
+      defaultValue: 100,
+      min: 0,
+      max: 100,
+      step: 1,
+      precision: 0,
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER
+    },
+    endX: {
+      group: _types.GROUPS.basic,
+      label: "End X",
+      description: "End position from Right",
+      editable: true,
+      required: false,
+      defaultValue: 100,
+      min: 0,
+      max: 100,
+      step: 1,
+      precision: 0,
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER
+    },
+    startY: {
+      group: _types.GROUPS.basic,
+      label: "Start Y",
+      description: "Start position from Top",
+      editable: true,
+      required: false,
+      defaultValue: 0,
+      min: 0,
+      max: 100,
+      step: 1,
+      precision: 0,
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER
+    },
+    startX: {
+      group: _types.GROUPS.basic,
+      label: "Start X",
+      description: "Start position from Left",
+      editable: true,
+      required: false,
+      defaultValue: 0,
+      min: 0,
+      max: 100,
+      step: 1,
+      precision: 0,
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER
+    },
+    color3: (0, _types.createColorProp)({
+      label: "Color 3",
+      defaultValue: undefined
+    }),
+    color2: (0, _types.createColorProp)({
+      label: "Color 2",
+      defaultValue: "secondary"
+    }),
+    color1: (0, _types.createColorProp)({
+      label: "Color 1",
+      defaultValue: "primary"
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/MapCallout.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Map Callout",
+  tag: "MapCallout",
+  packageName: "@draftbit/maps",
+  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
+  description: "An info window to display on top of a marker when it is clicked",
+  category: _types.COMPONENT_TYPES.map,
+  triggers: [_types.Triggers.OnPress],
+  layout: {},
+  props: {
+    onPress: (0, _types.createActionProp)({
+      description: "Action to execute when the callout is pressed"
+    }),
+    showTooltip: (0, _types.createBoolProp)({
+      label: "Show Tooltip",
+      description: 'If false, a default "tooltip" bubble window will be drawn around this callout\'s children. If true, the child views can fully customize their appearance, including any "bubble"-like styles',
+      group: _types.GROUPS.basic,
+      defaultValue: false
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/MapMarker.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Map Marker",
+  tag: "MapMarker",
+  packageName: "@draftbit/maps",
+  description: "A marker to show inside map view",
+  category: _types.COMPONENT_TYPES.map,
+  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
+  layout: {},
+  props: {
+    latitude: (0, _types.createNumberProp)({
+      label: "Latitude",
+      description: "The latitude in which the marker is located",
+      required: true,
+      precision: 6,
+      min: -90,
+      max: 90
+    }),
+    longitude: (0, _types.createNumberProp)({
+      label: "Longitude",
+      description: "The longitude in which the marker is located",
+      required: true,
+      precision: 6,
+      min: -180,
+      max: 180
+    }),
+    title: (0, _types.createTextProp)({
+      label: "Title",
+      description: "Title to show along with the marker",
+      defaultValue: null
+    }),
+    description: (0, _types.createTextProp)({
+      label: "Description",
+      description: "Optional description for the marker",
+      defaultValue: null
+    }),
+    flat: (0, _types.createBoolProp)({
+      label: "Flat",
+      description: "Sets whether this marker should be flat against the map (if true) or a billboard facing the camera (if false)",
+      group: _types.GROUPS.basic,
+      defaultValue: false
+    }),
+    pinColor: (0, _types.createColorProp)({
+      label: "Pin Color",
+      description: "Sets the color of the marker"
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/MapView.js

@@ -0,0 +1,142 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Map View",
+  tag: "MapView",
+  packageName: "@draftbit/maps",
+  description: "A map view",
+  category: _types.COMPONENT_TYPES.map,
+  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins],
+  layout: {
+    flex: 1,
+    width: "100%",
+    height: "100%"
+  },
+  props: {
+    provider: {
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING,
+      editable: true,
+      group: _types.GROUPS.basic,
+      label: "Provider",
+      description: "The maps provider",
+      required: false,
+      defaultValue: null,
+      options: ["google"]
+    },
+    latitude: (0, _types.createNumberProp)({
+      label: "Initial Latitude",
+      description: "The longitude for the map's initial region",
+      required: false,
+      precision: 6,
+      min: -90,
+      max: 90,
+      defaultValue: 37.40241
+    }),
+    longitude: (0, _types.createNumberProp)({
+      label: "Initial Longitude",
+      description: "The longitude for the map's initial region",
+      required: false,
+      precision: 6,
+      min: -180,
+      max: 180,
+      defaultValue: -122.12125
+    }),
+    zoom: (0, _types.createNumberProp)({
+      label: "Initial Zoom",
+      description: "The initial zoom of the map",
+      required: true,
+      precision: 0,
+      step: 1,
+      defaultValue: 8,
+      min: 0,
+      max: 22,
+      group: _types.GROUPS.basic
+    }),
+    mapType: {
+      label: "Map Type",
+      description: "The type of map to show",
+      group: _types.GROUPS.basic,
+      editable: true,
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING,
+      required: false,
+      defaultValue: null,
+      options: ["standard", "satellite", "hybrid", "terrain", "none", "mutedStandard"]
+    },
+    zoomEnabled: (0, _types.createBoolProp)({
+      label: "Zoom Enabled",
+      description: "Whether zooming is enabled (native only)",
+      group: _types.GROUPS.basic,
+      required: false,
+      defaultValue: true
+    }),
+    showsCompass: (0, _types.createBoolProp)({
+      label: "Shows Compass",
+      description: "Whether compass is shown",
+      group: _types.GROUPS.basic,
+      required: false,
+      defaultValue: false
+    }),
+    rotateEnabled: (0, _types.createBoolProp)({
+      label: "Rotate Enabled",
+      description: "Whether rotating the map is enabled",
+      group: _types.GROUPS.basic,
+      required: false,
+      defaultValue: true
+    }),
+    scrollEnabled: (0, _types.createBoolProp)({
+      label: "Pan Enabled",
+      description: "Whether panning the map view is enabled",
+      group: _types.GROUPS.basic,
+      required: false,
+      defaultValue: true
+    }),
+    loadingEnabled: (0, _types.createBoolProp)({
+      label: "Loading Enabled",
+      description: "If true a loading indicator will show while the map is loading",
+      group: _types.GROUPS.basic,
+      required: false,
+      defaultValue: true
+    }),
+    loadingIndicatorColor: (0, _types.createColorProp)({
+      label: "Loading Indicator Color",
+      description: "Color of the loading indicator"
+    }),
+    loadingBackgroundColor: (0, _types.createColorProp)({
+      label: "Loading BG Color",
+      description: "Color of the background to show while the map is loading"
+    }),
+    showsUserLocation: (0, _types.createBoolProp)({
+      label: "Shows User Location",
+      description: "Whether to show the user's location on the map",
+      required: false,
+      defaultValue: null,
+      group: _types.GROUPS.basic
+    }),
+    followsUserLocation: (0, _types.createBoolProp)({
+      label: "Follows User Location (iOS only)",
+      description: "Whether to set the map region to follow the user's location",
+      required: false,
+      defaultValue: null,
+      group: _types.GROUPS.basic
+    }),
+    showsPointsOfInterest: (0, _types.createBoolProp)({
+      label: "Shows Points of Interest",
+      description: "Whether to show points of interest on the map.",
+      required: false,
+      defaultValue: true,
+      group: _types.GROUPS.basic
+    }),
+    apiKey: (0, _types.createTextProp)({
+      defaultValue: process.env.GOOGLE_MAPS_API_KEY,
+      editable: false
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Markdown.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Markdown",
+  tag: "Markdown",
+  description: "A component that renders markdown",
+  category: _types.COMPONENT_TYPES.text,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Effects],
+  props: {
+    children: {
+      group: _types.GROUPS.data,
+      label: "Markdown Text",
+      description: "Markdown text to be rendered ",
+      editable: true,
+      required: true,
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "### Markdown"
+    }
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Modal.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Modal",
+  tag: "Modal",
+  description: "A basic Modal Component",
+  category: _types.COMPONENT_TYPES.layout,
+  stylesPanelSections: [_types.StylesPanelSections.NoStyles],
+  props: {
+    animationType: {
+      group: _types.GROUPS.basic,
+      label: "Animation Type",
+      description: "Animation Type",
+      options: ["slide", "fade", "none"],
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "none"
+    },
+    transparent: (0, _types.createBoolProp)({
+      group: _types.GROUPS.basic,
+      label: "Transparent",
+      description: "Determines whether the modal will fill the entire view. Setting this to true will render the modal over a transparent background"
+    }),
+    visible: (0, _types.createBoolProp)({
+      group: _types.GROUPS.data,
+      label: "Visible",
+      description: "Determines whether the modal is visible"
+    }),
+    presentationStyle: {
+      group: _types.GROUPS.basic,
+      label: "Presentation Style",
+      description: "Presentation Style",
+      options: ["fullScreen", "pageSheet", "formSheet", "overFullScreen"],
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: null
+    }
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/NativeBase/Layout.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SHARED_SEED_DATA = {
+  category: _types.COMPONENT_TYPES.layout,
+  packageName: "native-base",
+  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS
+};
+const CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX = _types.CONTAINER_COMPONENT_STYLES_SECTIONS.filter(item => item !== _types.StylesPanelSections.LayoutFlexItems && item !== _types.StylesPanelSections.LayoutContent);
+const SEED_DATA = [{
+  name: "Aspect Ratio",
+  tag: "AspectRatio",
+  description: "Controls the size of the undefined dimension of a node or child component using an aspect ratio",
+  ...SHARED_SEED_DATA,
+  props: {
+    ratio: (0, _types.createStaticNumberProp)({
+      label: "Ratio",
+      description: "The aspect ratio of the container in decimal format (ex: 3/4 -> 1.33)",
+      defaultValue: 1.33
+    })
+  },
+  stylesPanelSections: [_types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects]
+}, {
+  name: "Box",
+  tag: "Box",
+  description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
+  ...SHARED_SEED_DATA
+}, {
+  name: "Center",
+  tag: "Center",
+  description: "Center aligns its contents to the center within itself",
+  ...SHARED_SEED_DATA,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
+}, {
+  name: "Circle",
+  tag: "Circle",
+  description: "Center aligns its contents to the center within itself with a round border radius",
+  ...SHARED_SEED_DATA,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
+}, {
+  name: "Container",
+  tag: "Container",
+  description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid",
+  props: {
+    centerContent: (0, _types.createStaticBoolProp)({
+      label: "Center content",
+      description: "Center child elements based on their content width",
+      defaultValue: true
+    })
+  },
+  ...SHARED_SEED_DATA
+}, {
+  name: "Column",
+  tag: "Column",
+  description: "Column aligns items vertically",
+  layout: {
+    flexDirection: "column"
+  },
+  ...SHARED_SEED_DATA
+}, {
+  name: "Row",
+  tag: "Row",
+  description: "Column aligns items horizontally",
+  layout: {
+    flexDirection: "row"
+  },
+  ...SHARED_SEED_DATA
+}, {
+  name: "Spacer",
+  tag: "Spacer",
+  description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
+  layout: {
+    flex: 1
+  },
+  ...SHARED_SEED_DATA,
+  stylesPanelSections: [_types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.Background, _types.StylesPanelSections.Margins]
+}, {
+  name: "Stack",
+  tag: "Stack",
+  description: "Stack aligns items vertically or horizontally based on the direction prop",
+  ...SHARED_SEED_DATA,
+  props: {
+    isDisabled: (0, _types.createBoolProp)({
+      label: "Disabled",
+      description: "If true, the Stack will be disabled"
+    }),
+    isInvalid: (0, _types.createBoolProp)({
+      label: "Invalid",
+      description: "If true, the Stack will be invalid"
+    })
+  }
+}, {
+  name: "ZStack",
+  tag: "ZStack",
+  description: "ZStack aligns items to the z-axis",
+  ...SHARED_SEED_DATA,
+  props: {
+    reversed: (0, _types.createBoolProp)({
+      label: "Reversed",
+      description: "Determines whether to reverse the direction of items"
+    })
+  }
+}];
+exports.SEED_DATA = SEED_DATA;