@draftbit/core 46.10.3-47314f.2 → 46.10.3-6c7505.2

package/lib/commonjs/mappings/ActionSheetCancel.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Action Sheet Cancel",
-  tag: "ActionSheetCancel",
-  description: "Action Sheet cancel",
-  stylesPanelSections: [_types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
-  category: _types.COMPONENT_TYPES.actionsheet,
-  triggers: [_types.Triggers.OnPress],
-  props: {
-    onPress: (0, _types.createActionProp)(),
-    label: (0, _types.createTextProp)({
-      group: _types.GROUPS.basic,
-      label: "Label",
-      defaultValue: "Cancel"
-    }),
-    color: (0, _types.createColorProp)({
-      label: "Font Color"
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ActionSheetItem.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Action Sheet Item",
-  tag: "ActionSheetItem",
-  description: "Action Sheet item",
-  category: _types.COMPONENT_TYPES.actionsheet,
-  stylesPanelSections: [_types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
-  triggers: [_types.Triggers.OnPress],
-  layout: {
-    textAlign: "center"
-  },
-  props: {
-    onPress: (0, _types.createActionProp)(),
-    label: (0, _types.createTextProp)({
-      group: _types.GROUPS.basic,
-      label: "Label",
-      defaultValue: "Option"
-    }),
-    color: (0, _types.createColorProp)({
-      label: "Font Color",
-      defaultValue: "strong"
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ActivityIndicator.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Activity Indicator",
-  tag: "ActivityIndicator",
-  description: "Displays a circular loading indicator.",
-  doc_link: "https://docs.expo.io/versions/latest/react-native/activityindicator/",
-  code_link: "https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js",
-  category: _types.COMPONENT_TYPES.utility,
-  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Borders],
-  layout: {
-    width: 36,
-    height: 36
-  },
-  props: {
-    size: {
-      label: "Size",
-      description: "The size of the loading indicator (Default: small)",
-      options: ["small", "large"],
-      formType: _types.FORM_TYPES.flatArray,
-      propType: _types.PROP_TYPES.STRING,
-      editable: true,
-      required: false,
-      defaultValue: "small",
-      group: _types.GROUPS.basic
-    },
-    animating: {
-      label: "Spinning",
-      description: "Whether to show the loading indicator (Default: true)",
-      formType: _types.FORM_TYPES.boolean,
-      propType: _types.PROP_TYPES.BOOLEAN,
-      editable: true,
-      required: false,
-      defaultValue: true,
-      group: _types.GROUPS.basic
-    },
-    hidesWhenStopped: {
-      label: "Hide When Stopped",
-      description: "Whether the indicator should hide when not animating (Default: true)",
-      formType: _types.FORM_TYPES.boolean,
-      propType: _types.PROP_TYPES.BOOLEAN,
-      editable: true,
-      required: false,
-      defaultValue: true,
-      group: _types.GROUPS.basic
-    },
-    color: {
-      label: "Color",
-      description: "The color of the loading indicator (Default: gray)",
-      formType: _types.FORM_TYPES.color,
-      propType: _types.PROP_TYPES.THEME,
-      editable: true,
-      required: false,
-      defaultValue: null,
-      group: _types.GROUPS.basic
-    }
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/AudioPlayer.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Audio Player",
-  tag: "AudioPlayer",
-  description: "Given a source URL, plays sounds & audio!",
-  category: _types.COMPONENT_TYPES.media,
-  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position],
-  layout: {
-    backgroundColor: "#eee",
-    paddingLeft: 16,
-    paddingRight: 16,
-    paddingTop: 8,
-    paddingBottom: 8,
-    borderRadius: 24,
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  props: {
-    source: {
-      group: _types.GROUPS.data,
-      label: "Source",
-      description: "The source URL for the audio file.",
-      editable: true,
-      required: true,
-      defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
-      formType: _types.FORM_TYPES.sourceUrl,
-      propType: _types.PROP_TYPES.OBJECT
-    },
-    sliderColor: (0, _types.createColorProp)({
-      label: "Thumb Color",
-      defaultValue: "strong"
-    }),
-    completedTrackColor: (0, _types.createColorProp)({
-      label: "Completed Track Color",
-      defaultValue: "background"
-    }),
-    remainingTrackColor: (0, _types.createColorProp)({
-      label: "Remaining Track Color",
-      defaultValue: "light"
-    }),
-    trackThumbSize: (0, _types.createNumberProp)({
-      label: "Thumb Size",
-      defaultValue: 24
-    }),
-    playIconColor: (0, _types.createColorProp)({
-      label: "Play Icon Color",
-      defaultValue: "strong"
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/AvatarEdit.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Avatar Edit",
-  tag: "AvatarEdit",
-  description: "An avatar with an edit icon in the top right",
-  category: _types.COMPONENT_TYPES.deprecated,
-  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
-  layout: {
-    width: 64,
-    height: 64
-  },
-  props: {
-    size: {
-      group: _types.GROUPS.basic,
-      label: "Size",
-      description: "Size of avatar / width, height",
-      editable: true,
-      required: false,
-      formType: _types.FORM_TYPES.number,
-      propType: _types.PROP_TYPES.NUMBER,
-      min: 0,
-      max: 300,
-      precision: 0,
-      step: 1,
-      defaultValue: 80
-    },
-    image: {
-      group: _types.GROUPS.data,
-      label: "Image",
-      description: "Name of the image",
-      editable: true,
-      required: true,
-      formType: _types.FORM_TYPES.image,
-      propType: _types.PROP_TYPES.ASSET,
-      defaultValue: "brightness-5"
-    }
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Banner.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Banner",
-  tag: "Banner",
-  category: _types.COMPONENT_TYPES.deprecated,
-  props: {
-    icon: (0, _types.createIconProp)({
-      defaultValue: null,
-      required: false
-    }),
-    content: (0, _types.createTextProp)({
-      label: "Content",
-      description: "Banner text content"
-    }),
-    initiallyVisible: (0, _types.createBoolProp)({
-      group: _types.GROUPS.basic,
-      label: "Initially visible",
-      description: "Whether the banner should be visible",
-      defaultValue: true
-    }),
-    dismissable: (0, _types.createBoolProp)({
-      group: _types.GROUPS.basic,
-      label: "Dismissable",
-      description: "Whether the banner should be able to be closed",
-      defaultValue: true
-    }),
-    buttonColor: (0, _types.createColorProp)({
-      label: "Button color",
-      defaultValue: "primary"
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/BlurView.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Blur View",
-  tag: "BlurView",
-  description: "Expo Blur View",
-  doc_link: "https://docs.expo.io/versions/latest/sdk/blur-view/",
-  code_link: "https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts",
-  category: _types.COMPONENT_TYPES.view,
-  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
-  layout: {
-    flexGrow: 1,
-    flexShrink: 1,
-    flexBasis: 0
-  },
-  props: {
-    tint: {
-      label: "Tint",
-      description: "The tint of the blur view",
-      editable: true,
-      required: true,
-      defaultValue: "default",
-      formType: _types.FORM_TYPES.flatArray,
-      propType: _types.PROP_TYPES.STRING,
-      options: ["default", "light", "dark"],
-      group: _types.GROUPS.basic
-    },
-    intensity: {
-      label: "Intensity",
-      description: "A number from 1 to 100 that controls the intensity of the blur effect",
-      editable: true,
-      required: true,
-      defaultValue: 50,
-      formType: _types.FORM_TYPES.number,
-      propType: _types.PROP_TYPES.NUMBER,
-      min: 0,
-      max: 100,
-      step: 1,
-      precision: 0,
-      group: _types.GROUPS.basic
-    }
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/BottomSheet.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Bottom Sheet",
-  tag: "BottomSheet",
-  description: "A draggable Bottom sheet that snaps to specific points. Renders children in ScrollView",
-  category: _types.COMPONENT_TYPES.bottomsheet,
-  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
-  triggers: [_types.Triggers.OnSettle],
-  props: {
-    onSettle: (0, _types.createActionProp)({
-      label: "On settle",
-      description: "Action to execute when sheet settles on a snap point"
-    }),
-    snapPoints: (0, _types.createArrayProp)({
-      label: "Snap points",
-      description: "An array of numerical values (that represent distance from the top) where bottom sheet can snap to place. Accepts numbers and percentages (minimum 2 snap points)",
-      defaultValue: ["10%", "50%", "80%"]
-    }),
-    initialSnapIndex: (0, _types.createStaticNumberProp)({
-      label: "Initial snap index",
-      description: "Index of the snap point to be used as the initial point",
-      defaultValue: 0,
-      required: false
-    }),
-    showHandle: (0, _types.createStaticBoolProp)({
-      label: "Show handle",
-      description: "Whether to show the top sheet handle or not",
-      defaultValue: true
-    }),
-    handleColor: (0, _types.createColorProp)({
-      label: "Handle color",
-      description: "Color of the top handle",
-      defaultValue: "divider"
-    }),
-    topBorderRadius: (0, _types.createStaticNumberProp)({
-      label: "Top border radius",
-      description: "Border radius of top corners",
-      defaultValue: 20,
-      required: false
-    }),
-    borderWidth: (0, _types.createStaticNumberProp)({
-      label: "Border width",
-      description: "Width of bottom sheet borders",
-      defaultValue: 1,
-      required: false
-    }),
-    borderColor: (0, _types.createColorProp)({
-      label: "Border color",
-      description: "Color of bottom sheet borders",
-      defaultValue: "divider"
-    }),
-    showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
-      label: "Show Vertical Scroll Indicator",
-      description: "When true, shows a vertical scroll indicator. The default value is true.",
-      defaultValue: true
-    }),
-    bounces: (0, _types.createStaticBoolProp)({
-      label: "Bounce",
-      description: "When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.",
-      defaultValue: true
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Button.js

@@ -1,95 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA_TRIGGERS = [_types.Triggers.OnPress, _types.Triggers.OnLongPress];
-const SEED_DATA_PROPS = {
-  onPress: (0, _types.createActionProp)(),
-  onLongPress: (0, _types.createActionProp)(),
-  icon: (0, _types.createIconProp)({
-    defaultValue: null,
-    required: false
-  }),
-  title: (0, _types.createTextProp)({
-    label: "Label",
-    description: "Button Label",
-    defaultValue: "Get Started"
-  }),
-  disabled: (0, _types.createDisabledProp)(),
-  loading: (0, _types.createLoadingProp)(),
-  activeOpacity: (0, _types.createStaticNumberProp)({
-    label: "Active Opacity",
-    description: "Opacity of the button when active.",
-    defaultValue: null,
-    min: 0,
-    max: 1,
-    step: 0.01,
-    precision: 2,
-    required: false
-  }),
-  disabledOpacity: (0, _types.createStaticNumberProp)({
-    label: "Disabled Opacity",
-    description: "Opacity of the button when disabled.",
-    defaultValue: null,
-    min: 0,
-    max: 1,
-    step: 0.01,
-    precision: 2,
-    required: false
-  }),
-  delayLongPress: (0, _types.createStaticNumberProp)({
-    label: "Delay Long Press",
-    description: "Duration (in milliseconds) from onPressIn before onLongPress is called.",
-    required: false
-  }),
-  hitSlop: (0, _types.createStaticNumberProp)({
-    label: "Hit Slop",
-    description: "Sets additional distance outside of element in which a press can be detected",
-    required: false
-  })
-};
-const SEED_DATA = [{
-  name: "Button Outline",
-  tag: "ButtonOutline",
-  category: _types.COMPONENT_TYPES.deprecated,
-  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
-  layout: {
-    borderRadius: 8,
-    fontFamily: "system-700",
-    backgroundColor: "transparent",
-    borderWidth: 1,
-    textAlign: "center"
-  },
-  triggers: SEED_DATA_TRIGGERS,
-  props: SEED_DATA_PROPS
-}, {
-  name: "Button Solid",
-  tag: "ButtonSolid",
-  category: _types.COMPONENT_TYPES.deprecated,
-  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
-  layout: {
-    borderRadius: 8,
-    fontFamily: "system-700",
-    backgroundColor: "primary",
-    textAlign: "center"
-  },
-  triggers: SEED_DATA_TRIGGERS,
-  props: SEED_DATA_PROPS
-}, {
-  name: "Button",
-  tag: "Button",
-  category: _types.COMPONENT_TYPES.button,
-  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
-  layout: {
-    borderRadius: 8,
-    fontFamily: "system-700",
-    backgroundColor: "primary",
-    textAlign: "center"
-  },
-  triggers: SEED_DATA_TRIGGERS,
-  props: SEED_DATA_PROPS
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Card.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Card",
-  tag: "Card",
-  description: "A card you can customize however you'd like",
-  category: _types.COMPONENT_TYPES.card,
-  triggers: [_types.Triggers.OnPress, _types.Triggers.OnPressIcon],
-  props: {
-    onPress: (0, _types.createActionProp)(),
-    onPressIcon: (0, _types.createActionProp)({
-      handlerPropName: "onPressIcon"
-    }),
-    elevation: (0, _types.createElevationType)(3),
-    image: (0, _types.createImageProp)(),
-    title: (0, _types.createTextProp)({
-      label: "Title",
-      description: "Large title text",
-      // defaultValue: "Title",
-      defaultValue: null
-    }),
-    titleStyle: (0, _types.createTextStyle)({
-      label: "Title Style"
-    }),
-    subtitle: (0, _types.createTextProp)({
-      label: "Subtitle",
-      description: "Text underneath the title",
-      defaultValue: null
-      // defaultValue: "Edit me in the props panel on the right",
-    }),
-
-    subtitleStyle: (0, _types.createTextStyle)({
-      label: "Subtitle Style"
-    }),
-    description: (0, _types.createTextProp)({
-      label: "Description",
-      description: "Smallest text underneath subtitle",
-      // defaultValue:
-      // "This bottom text is optional, but shows up to make your life a little easier!",
-      defaultValue: null
-    }),
-    descriptionStyle: (0, _types.createTextStyle)({
-      label: "Description Style"
-    }),
-    icon: (0, _types.createIconProp)(),
-    aspectRatio: (0, _types.createAspectRatioProp)({
-      defaultValue: 1.5
-    }),
-    textCentered: (0, _types.createStaticBoolProp)({
-      label: "Centered Text",
-      description: "Places your title and subtitle in the center"
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/CardBlock.js

@@ -1,126 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA_PROPS = {
-  image: {
-    group: _types.GROUPS.data,
-    label: "Image",
-    description: "Image",
-    formType: _types.FORM_TYPES.image,
-    propType: _types.PROP_TYPES.ASSET,
-    defaultValue: null,
-    editable: true,
-    required: false
-  },
-  title: {
-    group: _types.GROUPS.data,
-    label: "Title",
-    description: "Text to display",
-    formType: _types.FORM_TYPES.string,
-    propType: _types.PROP_TYPES.STRING,
-    defaultValue: "Beautiful West Coast Villa",
-    editable: true,
-    required: false
-  },
-  leftDescription: {
-    group: _types.GROUPS.data,
-    label: "Left description",
-    description: "Text to display on the left",
-    formType: _types.FORM_TYPES.string,
-    propType: _types.PROP_TYPES.STRING,
-    defaultValue: "San Diego",
-    editable: true,
-    required: false
-  },
-  rightDescription: {
-    group: _types.GROUPS.data,
-    label: "Right description",
-    description: "Text to display on the right",
-    formType: _types.FORM_TYPES.string,
-    propType: _types.PROP_TYPES.STRING,
-    defaultValue: "$100",
-    editable: true,
-    required: false
-  },
-  aspectRatio: {
-    group: _types.GROUPS.basic,
-    label: "Aspect ratio",
-    description: "Aspect ratio of the image",
-    formType: _types.FORM_TYPES.aspectRatio,
-    propType: _types.PROP_TYPES.NUMBER,
-    defaultValue: 1.5,
-    editable: true,
-    required: false
-  },
-  titleCentered: {
-    group: _types.GROUPS.basic,
-    label: "Title centered",
-    description: "Whether to center the title",
-    formType: _types.FORM_TYPES.boolean,
-    propType: _types.PROP_TYPES.BOOLEAN,
-    defaultValue: false,
-    editable: true,
-    required: false
-  },
-  elevation: (0, _types.createElevationType)(2)
-};
-const SEED_DATA = [{
-  name: "Small Card",
-  tag: "CardBlock",
-  description: "An elevated card with a title and description, that takes up one third of its container.",
-  category: _types.COMPONENT_TYPES.card,
-  props: {
-    ...SEED_DATA_PROPS,
-    numColumns: (0, _types.createNumColumnsType)({
-      defaultValue: 1
-    })
-  }
-}, {
-  name: "Medium Block Card",
-  tag: "CardBlock",
-  description: "An elevated card with a title and description, that takes up one half of its container.",
-  category: _types.COMPONENT_TYPES.card,
-  props: {
-    ...SEED_DATA_PROPS,
-    icon: {
-      group: _types.GROUPS.basic,
-      label: "Icon",
-      description: "Icon to display on the top right",
-      formType: _types.FORM_TYPES.icon,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: null,
-      editable: true,
-      required: true
-    },
-    numColumns: (0, _types.createNumColumnsType)({
-      defaultValue: 2
-    })
-  }
-}, {
-  name: "Large Block Card",
-  tag: "CardBlock",
-  description: "An elevated card with a title and description, that takes up the full width its container.",
-  category: _types.COMPONENT_TYPES.card,
-  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
-  props: {
-    ...SEED_DATA_PROPS,
-    icon: {
-      group: _types.GROUPS.basic,
-      label: "Icon",
-      description: "Icon to display on the top right",
-      formType: _types.FORM_TYPES.icon,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: null,
-      editable: true,
-      required: true
-    },
-    numColumns: (0, _types.createNumColumnsType)({
-      defaultValue: 3
-    })
-  }
-}];
-exports.SEED_DATA = SEED_DATA;