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

package/src/mappings/TabView.ts

@@ -1,85 +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/src/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/src/mappings/TabViewItem.ts

@@ -1,38 +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/src/mappings/Table.js

@@ -1,150 +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/src/mappings/Table.ts

@@ -1,170 +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,
-      },
-    },
-  },
-];