@draftbit/core 47.0.1-e04fa3.2 → 47.1.0

package/src/mappings/NativeBase/Feedback.ts

@@ -1,100 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  StylesPanelSections,
-  createTextEnumProp,
-  createNumberProp,
-  createIconProp,
-} from "@draftbit/types";
-
-const SHARED_SEED_DATA = {
-  category: COMPONENT_TYPES.NBFeedback,
-  packageName: "native-base",
-  stylesPanelSections: [
-    StylesPanelSections.LayoutFlexItems,
-    StylesPanelSections.LayoutSelectedItem,
-    StylesPanelSections.LayoutContent,
-    StylesPanelSections.Background,
-    StylesPanelSections.Size,
-    StylesPanelSections.MarginsAndPaddings,
-    StylesPanelSections.Position,
-    StylesPanelSections.Borders,
-    StylesPanelSections.Effects,
-  ],
-  layout: {},
-  triggers: {},
-};
-
-export const SEED_DATA = [
-  {
-    name: "Alert",
-    tag: "Alert",
-    description:
-      "Wrapper component. Alerts convey a state that can influence a system, feature, or page.",
-    ...SHARED_SEED_DATA,
-    props: {
-      status: createTextEnumProp({
-        label: "Status",
-        description: "The status of the alert",
-        options: ["success", "warning", "error", "info"],
-        defaultValue: "info",
-      }),
-      variant: createTextEnumProp({
-        label: "Variant",
-        description: "The variant of the alert style to use.",
-        options: [
-          "subtle",
-          "solid",
-          "outline",
-          "left-accent",
-          "top-accent",
-          "outline-light",
-        ],
-        defaultValue: "subtle",
-      }),
-    },
-  },
-  {
-    name: "Alert Icon",
-    tag: "Alert.Icon",
-    description:
-      "The visual icon for the alert that changes based on the status prop.",
-    ...SHARED_SEED_DATA,
-    props: {
-      icon: createIconProp({
-        label: "Icon",
-        description: "The icon to display",
-      }),
-    },
-  },
-  {
-    name: "Progress",
-    tag: "Progress",
-    description:
-      "Progress helps show the progress status for a time-consuming task that consists of several steps.",
-    ...SHARED_SEED_DATA,
-    props: {
-      value: createNumberProp({
-        label: "Value",
-        description: "The value of the progress bar",
-        defaultValue: 0,
-        min: 0,
-        max: 100,
-      }),
-      min: createNumberProp({
-        label: "Min",
-        description: "The minimum value of the progress bar",
-        defaultValue: 0,
-        min: 0,
-        max: 100,
-      }),
-      max: createNumberProp({
-        label: "Max",
-        description: "The maximum value of the progress bar",
-        defaultValue: 100,
-        min: 0,
-        max: 100,
-      }),
-    },
-  },
-  {},
-];

package/src/mappings/NativeBase/Layout.js

@@ -1,140 +0,0 @@
-import { COMPONENT_TYPES, StylesPanelSections, createTextEnumProp, createBoolProp, } from "@draftbit/types";
-const NB_LAYOUT_PROPS = {
-    category: COMPONENT_TYPES.NBLayout,
-    packageName: "native-base",
-    doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-    code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-    stylesPanelSections: [
-        StylesPanelSections.LayoutFlexItems,
-        StylesPanelSections.LayoutSelectedItem,
-        StylesPanelSections.LayoutContent,
-        StylesPanelSections.Background,
-        StylesPanelSections.Size,
-        StylesPanelSections.MarginsAndPaddings,
-        StylesPanelSections.Position,
-        StylesPanelSections.Borders,
-        StylesPanelSections.Effects,
-    ],
-    allowChildren: true,
-    layout: {},
-    triggers: {},
-};
-export const SEED_DATA = [
-    {
-        name: "Aspect Ratio",
-        tag: "AspectRatio",
-        description: "AspectRatio controls the size of the undefined dimension of a node or child component.",
-        ...NB_LAYOUT_PROPS,
-        props: {
-            ratio: createTextEnumProp({
-                label: "Ratio",
-                description: "The aspect ratio of the container",
-                options: [
-                    "1 / 1",
-                    "4 / 3",
-                    "3 / 2",
-                    "16 / 9",
-                    "2 / 1",
-                    "3 / 4",
-                    "2 / 3",
-                    "9 / 16",
-                    "1 / 2",
-                ],
-                defaultValue: "4 / 3",
-            }),
-        },
-    },
-    {
-        name: "Box",
-        tag: "Box",
-        description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
-        ...NB_LAYOUT_PROPS,
-    },
-    {
-        name: "Center",
-        tag: "Center",
-        description: "Centers its child",
-        ...NB_LAYOUT_PROPS,
-    },
-    {
-        name: "Square",
-        tag: "Square",
-        description: "Centers its child inside a square",
-        ...NB_LAYOUT_PROPS,
-    },
-    {
-        name: "Circle",
-        tag: "Circle",
-        description: "Centers its child inside a circle",
-        ...NB_LAYOUT_PROPS,
-    },
-    {
-        name: "Column",
-        tag: "Column",
-        description: "Column aligns items vertically",
-        ...NB_LAYOUT_PROPS,
-    },
-    {
-        name: "Container",
-        tag: "Container",
-        description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid.",
-        ...NB_LAYOUT_PROPS,
-    },
-    {
-        name: "Flex",
-        tag: "Flex",
-        description: "A Box with Flexbox properties. ",
-        ...NB_LAYOUT_PROPS,
-    },
-    {
-        name: "Spacer",
-        tag: "Spacer",
-        description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
-        ...NB_LAYOUT_PROPS,
-    },
-    {
-        name: "Row",
-        tag: "Row",
-        description: "Column aligns items horizontally",
-        ...NB_LAYOUT_PROPS,
-        props: {},
-    },
-    {
-        name: "Stack",
-        tag: "Stack",
-        description: "Stack aligns items vertically or horizontally based on the direction prop.",
-        ...NB_LAYOUT_PROPS,
-        props: {
-            direction: createTextEnumProp({
-                label: "Direction",
-                description: "The direction of the Stack",
-                options: ["row", "column"],
-                defaultValue: "column",
-            }),
-            reversed: createBoolProp({
-                label: "Reversed",
-                description: "Determines whether to reverse the direction of items.",
-            }),
-            isDisabled: createBoolProp({
-                label: "Disabled",
-                description: "If true, the Stack will be disabled.",
-            }),
-            isInvalid: createBoolProp({
-                label: "Invalid",
-                description: "If true, the Stack will be invalid.",
-            }),
-        },
-    },
-    {
-        name: "ZStack",
-        tag: "ZStack",
-        description: "ZStack aligns items to the z-axis.",
-        ...NB_LAYOUT_PROPS,
-        props: {
-            reversed: createBoolProp({
-                label: "Reversed",
-                description: "Determines whether to reverse the direction of items.",
-            }),
-        },
-    },
-];

package/src/mappings/NativeBase/Layout.ts

@@ -1,152 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  StylesPanelSections,
-  createTextEnumProp,
-  createBoolProp,
-} from "@draftbit/types";
-
-const NB_LAYOUT_PROPS = {
-  category: COMPONENT_TYPES.NBLayout,
-  packageName: "native-base",
-  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-  stylesPanelSections: [
-    StylesPanelSections.LayoutFlexItems,
-    StylesPanelSections.LayoutSelectedItem,
-    StylesPanelSections.LayoutContent,
-    StylesPanelSections.Background,
-    StylesPanelSections.Size,
-    StylesPanelSections.MarginsAndPaddings,
-    StylesPanelSections.Position,
-    StylesPanelSections.Borders,
-    StylesPanelSections.Effects,
-  ],
-  allowChildren: true,
-  layout: {},
-  triggers: {},
-};
-
-export const SEED_DATA = [
-  {
-    name: "Aspect Ratio",
-    tag: "AspectRatio",
-    description:
-      "AspectRatio controls the size of the undefined dimension of a node or child component.",
-    ...NB_LAYOUT_PROPS,
-    props: {
-      ratio: createTextEnumProp({
-        label: "Ratio",
-        description: "The aspect ratio of the container",
-        options: [
-          "1 / 1",
-          "4 / 3",
-          "3 / 2",
-          "16 / 9",
-          "2 / 1",
-          "3 / 4",
-          "2 / 3",
-          "9 / 16",
-          "1 / 2",
-        ],
-        defaultValue: "4 / 3",
-      }),
-    },
-  },
-  {
-    name: "Box",
-    tag: "Box",
-    description:
-      "This is a generic component for low level layout needs. It is similar to a div in HTML",
-    ...NB_LAYOUT_PROPS,
-  },
-  {
-    name: "Center",
-    tag: "Center",
-    description: "Centers its child",
-    ...NB_LAYOUT_PROPS,
-  },
-  {
-    name: "Square",
-    tag: "Square",
-    description: "Centers its child inside a square",
-    ...NB_LAYOUT_PROPS,
-  },
-  {
-    name: "Circle",
-    tag: "Circle",
-    description: "Centers its child inside a circle",
-    ...NB_LAYOUT_PROPS,
-  },
-  {
-    name: "Column",
-    tag: "Column",
-    description: "Column aligns items vertically",
-    ...NB_LAYOUT_PROPS,
-  },
-  {
-    name: "Container",
-    tag: "Container",
-    description:
-      "The Container restricts a content's width according to current breakpoint, while keeping the size fluid.",
-    ...NB_LAYOUT_PROPS,
-  },
-  {
-    name: "Flex",
-    tag: "Flex",
-    description: "A Box with Flexbox properties. ",
-    ...NB_LAYOUT_PROPS,
-  },
-  {
-    name: "Spacer",
-    tag: "Spacer",
-    description:
-      "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
-    ...NB_LAYOUT_PROPS,
-  },
-  {
-    name: "Row",
-    tag: "Row",
-    description: "Column aligns items horizontally",
-    ...NB_LAYOUT_PROPS,
-    props: {},
-  },
-  {
-    name: "Stack",
-    tag: "Stack",
-    description:
-      "Stack aligns items vertically or horizontally based on the direction prop.",
-    ...NB_LAYOUT_PROPS,
-    props: {
-      direction: createTextEnumProp({
-        label: "Direction",
-        description: "The direction of the Stack",
-        options: ["row", "column"],
-        defaultValue: "column",
-      }),
-      reversed: createBoolProp({
-        label: "Reversed",
-        description: "Determines whether to reverse the direction of items.",
-      }),
-      isDisabled: createBoolProp({
-        label: "Disabled",
-        description: "If true, the Stack will be disabled.",
-      }),
-      isInvalid: createBoolProp({
-        label: "Invalid",
-        description: "If true, the Stack will be invalid.",
-      }),
-    },
-  },
-  {
-    name: "ZStack",
-    tag: "ZStack",
-    description: "ZStack aligns items to the z-axis.",
-    ...NB_LAYOUT_PROPS,
-    props: {
-      reversed: createBoolProp({
-        label: "Reversed",
-        description: "Determines whether to reverse the direction of items.",
-      }),
-    },
-  },
-];

package/src/mappings/NativeBase/Media.js

@@ -1,56 +0,0 @@
-import { COMPONENT_TYPES, StylesPanelSections, createImageProp, createTextEnumProp, createTextProp, } from "@draftbit/types";
-const NB_MEDIA_PROPS = {
-    category: COMPONENT_TYPES.NBLayout,
-    packageName: "native-base",
-    doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-    code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-    stylesPanelSections: [
-        StylesPanelSections.LayoutFlexItems,
-        StylesPanelSections.LayoutSelectedItem,
-        StylesPanelSections.LayoutContent,
-        StylesPanelSections.Background,
-        StylesPanelSections.Size,
-        StylesPanelSections.MarginsAndPaddings,
-        StylesPanelSections.Position,
-        StylesPanelSections.Borders,
-        StylesPanelSections.Effects,
-    ],
-    layout: {},
-    triggers: {},
-};
-const AVATAR_PROPS = {
-    props: {
-        source: createImageProp(),
-        size: createTextEnumProp({
-            label: "Size",
-            description: "The size of the avatar.",
-            options: ["xs", "sm", "md", "lg", "xl", "2xl"],
-        }),
-        wrapperRef: createTextProp({
-            label: "Reference",
-            description: "Reference to be attached to the Avatar wrapper.",
-            defaultValue: "User Avatar",
-        }),
-    },
-};
-export const SEED_DATA = [
-    {
-        name: "Avatar",
-        tag: "Avatar",
-        description: "An image that represents the user",
-        ...NB_MEDIA_PROPS,
-        ...AVATAR_PROPS,
-    },
-    {
-        name: "Avatar Badge",
-        tag: "AvatarBadge",
-        description: "A wrapper that displays its content on the bottom right corner of the avatar.",
-        ...NB_MEDIA_PROPS,
-    },
-    {
-        name: "Avatar Group",
-        tag: "AvatarGroup",
-        description: "A wrapper to stack multiple avatars together",
-        ...NB_MEDIA_PROPS,
-    },
-];

package/src/mappings/NativeBase/Media.ts

@@ -1,65 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  StylesPanelSections,
-  createImageProp,
-  createTextEnumProp,
-  createTextProp,
-} from "@draftbit/types";
-const NB_MEDIA_PROPS = {
-  category: COMPONENT_TYPES.NBLayout,
-  packageName: "native-base",
-  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-  stylesPanelSections: [
-    StylesPanelSections.LayoutFlexItems,
-    StylesPanelSections.LayoutSelectedItem,
-    StylesPanelSections.LayoutContent,
-    StylesPanelSections.Background,
-    StylesPanelSections.Size,
-    StylesPanelSections.MarginsAndPaddings,
-    StylesPanelSections.Position,
-    StylesPanelSections.Borders,
-    StylesPanelSections.Effects,
-  ],
-  layout: {},
-  triggers: {},
-};
-
-const AVATAR_PROPS = {
-  props: {
-    source: createImageProp(),
-    size: createTextEnumProp({
-      label: "Size",
-      description: "The size of the avatar.",
-      options: ["xs", "sm", "md", "lg", "xl", "2xl"],
-    }),
-    wrapperRef: createTextProp({
-      label: "Reference",
-      description: "Reference to be attached to the Avatar wrapper.",
-      defaultValue: "User Avatar",
-    }),
-  },
-};
-
-export const SEED_DATA = [
-  {
-    name: "Avatar",
-    tag: "Avatar",
-    description: "An image that represents the user",
-    ...NB_MEDIA_PROPS,
-    ...AVATAR_PROPS,
-  },
-  {
-    name: "Avatar Badge",
-    tag: "AvatarBadge",
-    description:
-      "A wrapper that displays its content on the bottom right corner of the avatar.",
-    ...NB_MEDIA_PROPS,
-  },
-  {
-    name: "Avatar Group",
-    tag: "AvatarGroup",
-    description: "A wrapper to stack multiple avatars together",
-    ...NB_MEDIA_PROPS,
-  },
-];

package/src/mappings/NativeBase/Menu.js

@@ -1,134 +0,0 @@
-import { COMPONENT_TYPES, createActionProp, createStaticBoolProp, createTextEnumProp, StylesPanelSections, Triggers, createStaticNumberProp, createDisabledProp, createTextProp, } from "@draftbit/types";
-const SHARED_SEED_DATA = {
-    category: COMPONENT_TYPES.NBMenu,
-    packageName: "native-base",
-    stylesPanelSections: [
-        StylesPanelSections.LayoutFlexItems,
-        StylesPanelSections.LayoutSelectedItem,
-        StylesPanelSections.LayoutContent,
-        StylesPanelSections.Background,
-        StylesPanelSections.Size,
-        StylesPanelSections.MarginsAndPaddings,
-        StylesPanelSections.Position,
-        StylesPanelSections.Borders,
-        StylesPanelSections.Effects,
-    ],
-    layout: {},
-    allowChildren: true,
-};
-export const SEED_DATA = [
-    {
-        name: "Menu",
-        tag: "Menu",
-        description: "Menu generates a dropdown menu along with the menu button design pattern.",
-        ...SHARED_SEED_DATA,
-        triggers: [Triggers.OnOpen, Triggers.OnClose],
-        props: {
-            onOpen: createActionProp(),
-            onClose: createActionProp(),
-            closeOnSelect: createStaticBoolProp({
-                label: "Close on Select",
-                description: "Close the menu when an item is selected",
-                defaultValue: true,
-            }),
-            defaultIsOpen: createStaticBoolProp({
-                label: "Default Is Open",
-                description: "Whether the menu is open by default",
-                defaultValue: false,
-            }),
-            placement: createTextEnumProp({
-                label: "Placement",
-                description: "The placement of the menu",
-                options: [
-                    "bottom",
-                    "top",
-                    "left",
-                    "right",
-                    "top left",
-                    "top right",
-                    "bottom left",
-                    "bottom right",
-                    "right bottom",
-                    "right top",
-                    "left bottom",
-                    "left top",
-                ],
-                defaultValue: "bottom left",
-            }),
-            offset: createStaticNumberProp({
-                label: "Offset",
-                description: "The distance applied along the main axis between the trigger and the menu.",
-            }),
-            crossOffset: createStaticNumberProp({
-                label: "Cross Offset",
-                description: "The distance applied along the cross axis between the trigger and the menu.",
-            }),
-            shouldFlip: createStaticBoolProp({
-                label: "Should Flip",
-                description: "Whether popover should flip when it reaches the edge of the screen.",
-                defaultValue: true,
-            }),
-        },
-    },
-    {
-        name: "Menu Item",
-        tag: "Menu.Item",
-        description: "An individual item in the menu.",
-        ...SHARED_SEED_DATA,
-        props: {
-            isDisabled: createDisabledProp(),
-            textValue: createTextProp({
-                label: "Text Value",
-                description: "The text value available for the typeahead menu feature.",
-            }),
-        },
-    },
-    {
-        name: "Menu Group",
-        tag: "Menu.Group",
-        description: "A wrapper to group related menu items.",
-        ...SHARED_SEED_DATA,
-        props: {
-            title: createTextProp({
-                label: "Title",
-                description: "The title of the menu group.",
-            }),
-        },
-    },
-    {
-        name: "Menu Option Group",
-        tag: "Menu.OptionGroup",
-        description: "A wrapper for checkable menu items (radio and checkbox).",
-        ...SHARED_SEED_DATA,
-        triggers: [Triggers.OnChange],
-        props: {
-            type: createTextEnumProp({
-                label: "Type",
-                description: "The type of the menu option group.",
-                options: ["checkbox", "radio"],
-                defaultValue: "checkbox",
-            }),
-            onChange: createActionProp(),
-        },
-    },
-    {
-        name: "Menu Item Option",
-        tag: "Menu.ItemOption",
-        description: "The checkable menu item to be used with Menu Option Group.",
-        ...SHARED_SEED_DATA,
-        props: {
-            isDisabled: createDisabledProp(),
-            textValue: createTextProp({
-                label: "Text Value",
-                description: "The text value available for the typeahead menu feature.",
-            }),
-        },
-    },
-    {
-        name: "Menu Trigger",
-        tag: "Menu.Trigger",
-        description: "Used to wrap the reference (or trigger) element.",
-        ...SHARED_SEED_DATA,
-        props: {},
-    },
-];