@draftbit/core 46.10.3-61c083.2 → 46.10.3-6c7505.2

package/lib/module/mappings/Swiper.js

@@ -1,63 +0,0 @@
-import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, createColorProp, GROUPS, Triggers, createActionProp, StylesPanelSections } from "@draftbit/types";
-export const SEED_DATA = {
-  name: "Swiper",
-  tag: "Swiper",
-  description: "Swiper container",
-  category: COMPONENT_TYPES.swiper,
-  stylesPanelSections: [StylesPanelSections.LayoutSelectedItem, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
-  layout: {
-    height: 300,
-    width: "100%"
-  },
-  triggers: [Triggers.OnIndexChanged],
-  props: {
-    onIndexChanged: createActionProp(),
-    from: createNumberProp({
-      group: GROUPS.basic,
-      label: "Initial Slide"
-    }),
-    loop: createBoolProp({
-      group: GROUPS.basic,
-      label: "Loop"
-    }),
-    timeout: createNumberProp({
-      group: GROUPS.basic,
-      label: "Timeout",
-      defaultValue: 0
-    }),
-    vertical: createBoolProp({
-      group: GROUPS.basic,
-      label: "Vertical",
-      defaultValue: false
-    }),
-    prevTitle: createTextProp({
-      group: GROUPS.basic,
-      label: "Previous Title",
-      defaultValue: ""
-    }),
-    nextTitle: createTextProp({
-      group: GROUPS.basic,
-      label: "Next Title",
-      defaultValue: ""
-    }),
-    prevTitleColor: createColorProp({
-      label: "Previous Title Color"
-    }),
-    nextTitleColor: createColorProp({
-      label: "Next Title Color"
-    }),
-    dotColor: createColorProp({
-      label: "Dot Color",
-      defaultValue: "light"
-    }),
-    dotActiveColor: createColorProp({
-      label: "Dot Active Color",
-      defaultValue: "primary"
-    }),
-    dotsTouchable: createBoolProp({
-      group: GROUPS.basic,
-      label: "Dots Touchable",
-      defaultValue: true
-    })
-  }
-};

package/lib/module/mappings/SwiperItem.js

@@ -1,9 +0,0 @@
-import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
-export const SEED_DATA = {
-  name: "Swiper Item",
-  tag: "SwiperItem",
-  description: "Swiper item",
-  category: COMPONENT_TYPES.swiper,
-  props: {},
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS
-};

package/lib/module/mappings/Switch.js

@@ -1,74 +0,0 @@
-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.control,
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
-  layout: {},
-  triggers: SEED_DATA_TRIGGERS,
-  props: {
-    disabled: createBoolProp({
-      label: "Disabled",
-      description: "Boolean to handle disabling the switch"
-    }),
-    fieldName: createFieldNameProp({
-      handlerPropName: "onValueChange",
-      valuePropName: "value",
-      defaultValue: "switchValue"
-    }),
-    activeTrackColor: createColorProp({
-      label: "Active Track Color"
-    }),
-    inactiveTrackColor: createColorProp({
-      label: "Inactive Track Color"
-    }),
-    activeThumbColor: createColorProp({
-      label: "Active Thumb Color"
-    }),
-    inactiveThumbColor: createColorProp({
-      label: "Inactive Thumb Color"
-    })
-  }
-}, {
-  name: "Switch Row",
-  tag: "SwitchRow",
-  category: COMPONENT_TYPES.control,
-  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Margins, StylesPanelSections.Effects],
-  layout: {
-    marginLeft: 0,
-    marginRight: 0
-  },
-  triggers: SEED_DATA_TRIGGERS,
-  props: {
-    label: createTextProp({
-      label: "Label",
-      description: "Label to show with the checkbox",
-      required: true,
-      defaultValue: "First Option"
-    }),
-    direction: createRowDirectionProp(),
-    disabled: createBoolProp({
-      label: "Disabled",
-      description: "Boolean to handle disabling the switch",
-      group: GROUPS.data
-    }),
-    fieldName: createFieldNameProp({
-      handlerPropName: "onValueChange",
-      valuePropName: "value",
-      defaultValue: "switchValue"
-    }),
-    activeTrackColor: createColorProp({
-      label: "Active Track Color"
-    }),
-    inactiveTrackColor: createColorProp({
-      label: "Inactive Track Color"
-    }),
-    activeThumbColor: createColorProp({
-      label: "Active Thumb Color"
-    }),
-    inactiveThumbColor: createColorProp({
-      label: "Inactive Thumb Color"
-    })
-  }
-}];

package/lib/module/mappings/TabView.js

@@ -1,67 +0,0 @@
-import { COMPONENT_TYPES, createTextEnumProp, createColorProp, StylesPanelSections, Triggers, createActionProp, createStaticBoolProp, GROUPS } from "@draftbit/types";
-export const SEED_DATA = {
-  name: "Tab View",
-  tag: "TabView",
-  description: "Tab view container",
-  category: COMPONENT_TYPES.swiper,
-  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.Background, StylesPanelSections.Typography],
-  triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
-  props: {
-    onIndexChanged: createActionProp({
-      label: "On index changed",
-      description: "Action to execute when swipe to new index"
-    }),
-    onEndReached: createActionProp({
-      label: "On end reached",
-      description: "Action to execute when end of swiping reached"
-    }),
-    tabBarPosition: createTextEnumProp({
-      label: "Tab Bar Position",
-      description: "Position of tab bar",
-      options: ["top", "bottom"],
-      defaultValue: "top"
-    }),
-    keyboardDismissMode: createTextEnumProp({
-      label: "Keyboard Dismiss Mode",
-      description: "Keyboard Dismiss Mode",
-      options: ["auto", "on-drag", "none"],
-      defaultValue: "auto"
-    }),
-    swipeEnabled: createStaticBoolProp({
-      label: "Swipe Enabled",
-      description: "Whether swiping is enabled or not",
-      defaultValue: true
-    }),
-    scrollEnabled: createStaticBoolProp({
-      label: "Tab Scroll Enabled",
-      description: "Whether scrolling of tabs is enabled or not",
-      defaultValue: false
-    }),
-    activeColor: createColorProp({
-      label: "Active Color",
-      description: "Color of icon and text of active tab",
-      defaultValue: "primary"
-    }),
-    inactiveColor: createColorProp({
-      label: "Inactive Color",
-      description: "Color of icon and text of inactive tab(s)",
-      defaultValue: null
-    }),
-    pressColor: createColorProp({
-      label: "Press Color",
-      description: "Color of ripple when pressed",
-      defaultValue: "primary",
-      group: GROUPS.android
-    }),
-    indicatorColor: createColorProp({
-      label: "Indicator Color",
-      description: "Color of indicator",
-      defaultValue: "primary"
-    }),
-    tabsBackgroundColor: createColorProp({
-      label: "Tabs Background Color",
-      description: "Background color of tabs container",
-      defaultValue: "background"
-    })
-  }
-};

package/lib/module/mappings/TabViewItem.js

@@ -1,30 +0,0 @@
-import { COMPONENT_TYPES, createTextProp, createIconProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS } from "@draftbit/types";
-export const SEED_DATA = {
-  name: "Tab View Item",
-  tag: "TabViewItem",
-  description: "Single Tab View item to be used in TabView. Each item represents a single tab and its content",
-  category: COMPONENT_TYPES.swiper,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-  layout: {
-    flex: 1
-  },
-  props: {
-    title: createTextProp({
-      label: "Title",
-      description: "Title of tab item",
-      defaultValue: "Title",
-      required: true,
-      group: GROUPS.basic
-    }),
-    icon: createIconProp({
-      defaultValue: null,
-      required: false
-    }),
-    accessibilityLabel: createTextProp({
-      label: "Accessibility Label",
-      description: "Accessibility Label",
-      defaultValue: null,
-      group: GROUPS.accessibility
-    })
-  }
-};

package/lib/module/mappings/Table.js

@@ -1,133 +0,0 @@
-import { COMPONENT_TYPES, StylesPanelSections, createColorProp, createStaticBoolProp, createStaticNumberProp, createTextEnumProp } from "@draftbit/types";
-const SHARED_SEED_DATA_PROPS = {
-  borderWidth: createStaticNumberProp({
-    label: "Border Width",
-    description: "Specifies the width of the border. Passed down to child Table(Row/Cell) components unless overridden",
-    required: false,
-    defaultValue: null
-  }),
-  borderColor: createColorProp({
-    label: "Border Color",
-    description: "Specifies the color of the border. Passed down to child Table(Row/Cell) components unless overridden",
-    defaultValue: null
-  }),
-  borderStyle: createTextEnumProp({
-    label: "Border Style",
-    description: "Specifies the style of the border. Passed down to child Table(Row/Cell) components unless overridden",
-    options: ["solid", "dotted", "dashed"],
-    defaultValue: null
-  }),
-  drawTopBorder: createStaticBoolProp({
-    label: "Draw Top Border",
-    description: "Whether to draw the top border at this layer of the Table tree or not",
-    defaultValue: false
-  }),
-  drawBottomBorder: createStaticBoolProp({
-    label: "Draw Bottom Border",
-    description: "Whether to draw the bottom border at this layer of the Table tree or not",
-    defaultValue: false
-  }),
-  drawStartBorder: createStaticBoolProp({
-    label: "Draw Start Border",
-    description: "Whether to draw the start border at this layer of the Table tree or not",
-    defaultValue: false
-  }),
-  drawEndBorder: createStaticBoolProp({
-    label: "Draw End Border",
-    description: "Whether to draw the end border at this layer of the Table tree or not",
-    defaultValue: false
-  }),
-  cellVerticalPadding: createStaticNumberProp({
-    label: "Cell Vertical Padding",
-    description: "Specifies the vertical padding of the cell. Passed down to TableCell components unless overridden",
-    required: false,
-    defaultValue: null
-  }),
-  cellHorizontalPadding: createStaticNumberProp({
-    label: "Cell Horizontal Padding",
-    description: "Specifies the horizontal padding of the cell. Passed down to TableCell components unless overridden",
-    required: false,
-    defaultValue: null
-  })
-};
-export const SEED_DATA = [{
-  name: "Table",
-  tag: "Table",
-  description: "Top level table container",
-  category: COMPONENT_TYPES.table,
-  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Position, StylesPanelSections.Effects, StylesPanelSections.Background, StylesPanelSections.LayoutSelectedItem],
-  layout: {
-    flex: 1
-  },
-  props: {
-    ...SHARED_SEED_DATA_PROPS,
-    borderWidth: {
-      ...SHARED_SEED_DATA_PROPS.borderWidth,
-      defaultValue: 1
-    },
-    borderColor: {
-      ...SHARED_SEED_DATA_PROPS.borderColor,
-      defaultValue: "divider"
-    },
-    borderStyle: {
-      ...SHARED_SEED_DATA_PROPS.borderStyle,
-      defaultValue: "solid"
-    },
-    drawTopBorder: {
-      ...SHARED_SEED_DATA_PROPS.drawTopBorder,
-      defaultValue: true
-    },
-    cellVerticalPadding: {
-      ...SHARED_SEED_DATA_PROPS.cellVerticalPadding,
-      defaultValue: 10
-    },
-    cellHorizontalPadding: {
-      ...SHARED_SEED_DATA_PROPS.cellHorizontalPadding,
-      defaultValue: 10
-    },
-    showsVerticalScrollIndicator: createStaticBoolProp({
-      label: "Show Vertical Scroll Indicator",
-      description: "When true, shows a vertical scroll indicator. The default value is true.",
-      defaultValue: true
-    })
-  }
-}, {
-  name: "Table Row",
-  tag: "TableRow",
-  description: "Table Row container",
-  category: COMPONENT_TYPES.table,
-  stylesPanelSections: [StylesPanelSections.Background],
-  props: {
-    ...SHARED_SEED_DATA_PROPS,
-    drawStartBorder: {
-      ...SHARED_SEED_DATA_PROPS.drawStartBorder,
-      defaultValue: true
-    },
-    drawBottomBorder: {
-      ...SHARED_SEED_DATA_PROPS.drawBottomBorder,
-      defaultValue: true
-    },
-    isTableHeader: createStaticBoolProp({
-      label: "Header",
-      description: "Whether this row is a header or not (changes background and sticks while scrolling)",
-      defaultValue: false
-    })
-  }
-}, {
-  name: "Table Cell",
-  tag: "TableCell",
-  description: "Table Cell container",
-  category: COMPONENT_TYPES.table,
-  stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
-  layout: {
-    flex: 1,
-    flexDirection: "row"
-  },
-  props: {
-    ...SHARED_SEED_DATA_PROPS,
-    drawEndBorder: {
-      ...SHARED_SEED_DATA_PROPS.drawEndBorder,
-      defaultValue: true
-    }
-  }
-}];

package/lib/module/mappings/Text.js

@@ -1,227 +0,0 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, Triggers, createActionProp, createTextProp, StylesPanelSections } from "@draftbit/types";
-const SEED_DATA_PROPS = {
-  accessibilityLabel: {
-    group: GROUPS.accessibility,
-    name: "accessibilityLabel",
-    label: "accessibilityLabel",
-    description: "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
-    editable: true,
-    required: false,
-    formType: FORM_TYPES.string,
-    propType: PROP_TYPES.STRING,
-    defaultValue: null
-  },
-  accessibilityHint: {
-    group: GROUPS.accessibility,
-    name: "accessibilityHint",
-    label: "accessibilityHint",
-    description: "An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not clear from the accessibility label.",
-    editable: true,
-    required: false,
-    formType: FORM_TYPES.string,
-    propType: PROP_TYPES.STRING,
-    defaultValue: null
-  },
-  accessibilityRole: {
-    group: GROUPS.accessibility,
-    name: "accessibilityRole",
-    label: "accessibilityRole",
-    description: "Tells the screen reader to treat the currently focused on element as having a specific role.Possible values for AccessibilityRole is one of:\n'none' - The element has no role.\n'button' - The element should be treated as a button.\n'link' - The element should be treated as a link.\n'header' - The element is a header that divides content into sections.\n'search' - The element should be treated as a search field.\n'image' - The element should be treated as an image.\n'key' - The element should be treated like a keyboard key.\n'text' - The element should be treated as text.\n'summary' - The element provides app summary information.\n'imagebutton' - The element has the role of both an image and also a button.\n'adjustable' - The element allows adjustment over a range of values.\nOn iOS, these roles map to corresponding Accessibility Traits. Image button has the same functionality as if the trait was set to both 'image' and 'button'. See the Accessibility guide for more information.On Android, these roles have similar functionality on TalkBack as adding Accessibility Traits does on Voiceover in iOS",
-    options: ["none", "button", "link", "header", "search", "image", "key", "text", "summary", "imagebutton", "adjustable"],
-    editable: true,
-    required: false,
-    formType: FORM_TYPES.flatArray,
-    propType: PROP_TYPES.STRING,
-    defaultValue: null
-  },
-  accessible: {
-    group: GROUPS.accessibility,
-    name: "accessible",
-    label: "accessible",
-    description: "When set to true, indicates that the view is an accessibility element. The default value for a Text element is true. See the Accessibility guide for more information.",
-    editable: true,
-    required: false,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN,
-    defaultValue: null
-  },
-  adjustsFontSizeToFit: {
-    group: GROUPS.advanced,
-    name: "adjustsFontSizeToFit",
-    label: "adjustsFontSizeToFit",
-    description: "Specifies whether fonts should be scaled down automatically to fit given style constraints.",
-    editable: true,
-    required: false,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN,
-    defaultValue: null
-  },
-  allowFontScaling: {
-    group: GROUPS.advanced,
-    name: "allowFontScaling",
-    label: "allowFontScaling",
-    description: "Specifies whether fonts should scale to respect Text Size accessibility settings. The default is true.",
-    editable: true,
-    required: false,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN,
-    defaultValue: null
-  },
-  dataDetectorType: {
-    group: GROUPS.advanced,
-    name: "dataDetectorType",
-    label: "dataDetectorType",
-    description: "Determines the types of data converted to clickable URLs in the text element. By default no data types are detected. You can provide only one type. Possible values for dataDetectorType are:\n'phoneNumber'\n'link'\n'email'\n'none'\n'all'\n",
-    options: ["phoneNumber", "link", "email", "none", "all"],
-    editable: true,
-    required: false,
-    formType: FORM_TYPES.flatArray,
-    propType: PROP_TYPES.STRING,
-    defaultValue: null
-  },
-  disabled: {
-    group: GROUPS.basic,
-    name: "disabled",
-    label: "disabled",
-    description: "Specifies the disabled state of the text view for testing purposes",
-    editable: true,
-    required: false,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN,
-    defaultValue: null
-  },
-  ellipsizeMode: {
-    group: GROUPS.basic,
-    name: "ellipsizeMode",
-    label: "Truncate Text?",
-    description: 'When numberOfLines is set, this prop defines how text will be truncated. numberOfLines must be set in conjunction with this prop.This can be one of the following values:\nhead - The line is displayed so that the end fits in the container and the missing text at the beginning of the line is indicated by an ellipsis glyph. e.g., "...wxyz"\nmiddle - The line is displayed so that the beginning and end fit in the container and the missing text in the middle is indicated by an ellipsis glyph. "ab...yz"\ntail - The line is displayed so that the beginning fits in the container and the missing text at the end of the line is indicated by an ellipsis glyph. e.g., "abcd..."\nclip - Lines are not drawn past the edge of the text container.\nThe default is tail.',
-    options: ["head", "middle", "tail", "clip"],
-    editable: true,
-    required: false,
-    formType: FORM_TYPES.flatArray,
-    propType: PROP_TYPES.STRING,
-    defaultValue: null
-  },
-  maxFontSizeMultiplier: {
-    group: GROUPS.advanced,
-    name: "maxFontSizeMultiplier",
-    label: "maxFontSizeMultiplier",
-    description: "Specifies largest possible scale a font can reach when allowFontScaling is enabled. Possible values:\nnull/undefined (default): inherit from the parent node or the global default (0)\n0: no max, ignore parent/global default\n>= 1: sets the maxFontSizeMultiplier of this node to this value\n",
-    editable: true,
-    required: false,
-    formType: FORM_TYPES.number,
-    propType: PROP_TYPES.NUMBER,
-    defaultValue: null
-  },
-  nativeID: {
-    group: GROUPS.accessibility,
-    name: "nativeID",
-    label: "nativeID",
-    description: "Used to locate this view from native code.",
-    editable: true,
-    required: false,
-    formType: FORM_TYPES.string,
-    propType: PROP_TYPES.STRING,
-    defaultValue: null
-  },
-  numberOfLines: {
-    group: GROUPS.basic,
-    name: "numberOfLines",
-    label: "Max # of Lines",
-    defaultValue: null,
-    description: "Used to truncate the text with an ellipsis after computing the text layout, including line wrapping, such that the total number of lines does not exceed this number.This prop is commonly used with ellipsizeMode.",
-    editable: true,
-    required: false,
-    formType: FORM_TYPES.number,
-    propType: PROP_TYPES.NUMBER,
-    step: 1,
-    precision: 1
-  },
-  selectable: {
-    group: GROUPS.advanced,
-    name: "selectable",
-    label: "selectable",
-    description: "Lets the user select text, to use the native copy and paste functionality.",
-    editable: true,
-    required: false,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN,
-    defaultValue: null
-  },
-  selectionColor: {
-    group: GROUPS.advanced,
-    name: "selectionColor",
-    label: "selectionColor",
-    description: "The highlight color of the text.",
-    editable: true,
-    required: false,
-    formType: FORM_TYPES.color,
-    propType: PROP_TYPES.THEME,
-    defaultValue: null
-  },
-  suppressHighlighting: {
-    group: GROUPS.advanced,
-    name: "suppressHighlighting",
-    label: "suppressHighlighting",
-    description: "When true, no visual change is made when text is pressed down. By default, a gray oval highlights the text on press down.",
-    editable: true,
-    required: false,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN,
-    defaultValue: null
-  },
-  textBreakStrategy: {
-    group: GROUPS.advanced,
-    name: "textBreakStrategy",
-    label: "textBreakStrategy",
-    description: "Set text break strategy on Android API Level 23+, possible values are simple, highQuality, balanced The default value is highQuality.",
-    options: ["simple", "highQuality", "balanced"],
-    editable: true,
-    required: false,
-    formType: FORM_TYPES.flatArray,
-    propType: PROP_TYPES.STRING,
-    defaultValue: null
-  }
-};
-export const SEED_DATA = [{
-  name: "Text",
-  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
-  },
-
-  props: {
-    ...SEED_DATA_PROPS,
-    children: {
-      group: GROUPS.data,
-      label: "Text",
-      description: "Text",
-      editable: true,
-      required: true,
-      formType: FORM_TYPES.string,
-      propType: PROP_TYPES.STRING,
-      defaultValue: "Double click me to edit 👀"
-    }
-  }
-}, {
-  name: "Link",
-  tag: "Link",
-  category: COMPONENT_TYPES.button,
-  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Effects],
-  layout: {
-    color: "primary"
-  },
-  triggers: [Triggers.OnPress],
-  props: {
-    ...SEED_DATA_PROPS,
-    onPress: createActionProp(),
-    title: createTextProp({
-      label: "Title",
-      description: "Link title",
-      defaultValue: "Get Started"
-    })
-  }
-}];