@draftbit/core 47.0.1-e04fa3.2 → 47.1.0

package/src/mappings/NativeBase/AlertDialog.js

@@ -1,112 +0,0 @@
-import { COMPONENT_TYPES, StylesPanelSections, Triggers, createBoolProp, createStaticBoolProp, createTextEnumProp, createActionProp, createStaticNumberProp, } from "@draftbit/types";
-const SHARED_SEED_DATA = {
-    category: COMPONENT_TYPES.NBAlert,
-    packageName: "native-base",
-    stylesPanelSections: [
-        StylesPanelSections.LayoutFlexItems,
-        StylesPanelSections.LayoutSelectedItem,
-        StylesPanelSections.LayoutContent,
-        StylesPanelSections.Background,
-        StylesPanelSections.Size,
-        StylesPanelSections.MarginsAndPaddings,
-        StylesPanelSections.Position,
-        StylesPanelSections.Borders,
-        StylesPanelSections.Effects,
-    ],
-    layout: {},
-};
-export const SEED_DATA = [
-    {
-        name: "Alert Dialog",
-        tag: "AlertDialog",
-        description: "AlertDialog is used when a user needs to be interrupted with a mandatory confirmation or call-to-action. AlertDialog composes Modal so you can use all its props.",
-        ...SHARED_SEED_DATA,
-        triggers: [Triggers.OnClose],
-        props: {
-            /* https://github.com/GeekyAnts/NativeBase/blob/master/src/components/composites/AlertDialog/types.tsx */
-            isOpen: createBoolProp({
-                label: "Is Open",
-                description: "If true, the modal will open. Useful for controllable state behavior.",
-            }),
-            defaultIsOpen: createStaticBoolProp({
-                label: "Default Is Open",
-                description: "If true, the modal will be opened by default.",
-            }),
-            size: createStaticNumberProp({
-                label: "Size",
-                description: "The size of the AlertDialog",
-            }),
-            avoidKeyboard: createStaticBoolProp({
-                label: "Avoid Keyboard",
-                description: "If true and the keyboard is opened, the modal will move up equivalent to the keyboard height.",
-                defaultValue: false,
-            }),
-            closeOnOverlayClick: createStaticBoolProp({
-                label: "Close on Overlay Click",
-                description: "If true, the modal will close when the overlay is clicked.",
-                defaultValue: true,
-            }),
-            isKeyboardDismissable: createStaticBoolProp({
-                label: "Is Keyboard Dismissable",
-                description: "If true, the modal will close when the keyboard is dismissed.",
-                defaultValue: true,
-            }),
-            overlayVisible: createStaticBoolProp({
-                label: "Overlay Visible",
-                description: "If true, the overlay element is visible.",
-                defaultValue: true,
-            }),
-            backdropVisible: createStaticBoolProp({
-                label: "Backdrop Visible",
-                description: "If true, the backdrop element is visible.",
-                defaultValue: true,
-            }),
-            animationPreset: createTextEnumProp({
-                label: "Animation Preset",
-                description: "The animation preset to use for the modal.",
-                options: ["slide", "fade", "none"],
-                defaultValue: "fade",
-            }),
-            useRNModal: createStaticBoolProp({
-                label: "Use RN Modal",
-                description: "If true, the modal will use the RN Modal component.",
-            }),
-            onClose: createActionProp(),
-        },
-    },
-    {
-        name: "Alert Header",
-        tag: "AlertDialog.Header",
-        description: "Contains the title announced by screen readers.",
-        ...SHARED_SEED_DATA,
-        props: {},
-    },
-    {
-        name: "Alert Body",
-        tag: "AlertDialog.Body",
-        description: "Contains the description announced by screen readers.",
-        ...SHARED_SEED_DATA,
-        props: {},
-    },
-    {
-        name: "Alert Footer",
-        tag: "AlertDialog.Footer",
-        description: "Contains the actions of the dialog.",
-        ...SHARED_SEED_DATA,
-        props: {},
-    },
-    {
-        name: "Alert Content",
-        tag: "AlertDialog.Content",
-        description: "The wrapper for the alert dialog's content.",
-        ...SHARED_SEED_DATA,
-        props: {},
-    },
-    {
-        name: "Alert Close Button",
-        tag: "AlertDialog.CloseButton",
-        description: "The button that closes the dialog",
-        ...SHARED_SEED_DATA,
-        props: {},
-    },
-];

package/src/mappings/NativeBase/AlertDialog.ts

@@ -1,128 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  StylesPanelSections,
-  Triggers,
-  createBoolProp,
-  createStaticBoolProp,
-  createTextEnumProp,
-  createActionProp,
-  createStaticNumberProp,
-} from "@draftbit/types";
-
-const SHARED_SEED_DATA = {
-  category: COMPONENT_TYPES.NBAlert,
-  packageName: "native-base",
-  stylesPanelSections: [
-    StylesPanelSections.LayoutFlexItems,
-    StylesPanelSections.LayoutSelectedItem,
-    StylesPanelSections.LayoutContent,
-    StylesPanelSections.Background,
-    StylesPanelSections.Size,
-    StylesPanelSections.MarginsAndPaddings,
-    StylesPanelSections.Position,
-    StylesPanelSections.Borders,
-    StylesPanelSections.Effects,
-  ],
-  layout: {},
-};
-
-export const SEED_DATA = [
-  {
-    name: "Alert Dialog",
-    tag: "AlertDialog",
-    description:
-      "AlertDialog is used when a user needs to be interrupted with a mandatory confirmation or call-to-action. AlertDialog composes Modal so you can use all its props.",
-    ...SHARED_SEED_DATA,
-    triggers: [Triggers.OnClose],
-    props: {
-      /* https://github.com/GeekyAnts/NativeBase/blob/master/src/components/composites/AlertDialog/types.tsx */
-      isOpen: createBoolProp({
-        label: "Is Open",
-        description:
-          "If true, the modal will open. Useful for controllable state behavior.",
-      }),
-      defaultIsOpen: createStaticBoolProp({
-        label: "Default Is Open",
-        description: "If true, the modal will be opened by default.",
-      }),
-      size: createStaticNumberProp({
-        label: "Size",
-        description: "The size of the AlertDialog",
-      }),
-      avoidKeyboard: createStaticBoolProp({
-        label: "Avoid Keyboard",
-        description:
-          "If true and the keyboard is opened, the modal will move up equivalent to the keyboard height.",
-        defaultValue: false,
-      }),
-      closeOnOverlayClick: createStaticBoolProp({
-        label: "Close on Overlay Click",
-        description:
-          "If true, the modal will close when the overlay is clicked.",
-        defaultValue: true,
-      }),
-      isKeyboardDismissable: createStaticBoolProp({
-        label: "Is Keyboard Dismissable",
-        description:
-          "If true, the modal will close when the keyboard is dismissed.",
-        defaultValue: true,
-      }),
-      overlayVisible: createStaticBoolProp({
-        label: "Overlay Visible",
-        description: "If true, the overlay element is visible.",
-        defaultValue: true,
-      }),
-      backdropVisible: createStaticBoolProp({
-        label: "Backdrop Visible",
-        description: "If true, the backdrop element is visible.",
-        defaultValue: true,
-      }),
-      animationPreset: createTextEnumProp({
-        label: "Animation Preset",
-        description: "The animation preset to use for the modal.",
-        options: ["slide", "fade", "none"],
-        defaultValue: "fade",
-      }),
-      useRNModal: createStaticBoolProp({
-        label: "Use RN Modal",
-        description: "If true, the modal will use the RN Modal component.",
-      }),
-      onClose: createActionProp(),
-    },
-  },
-  {
-    name: "Alert Header",
-    tag: "AlertDialog.Header",
-    description: "Contains the title announced by screen readers.",
-    ...SHARED_SEED_DATA,
-    props: {},
-  },
-  {
-    name: "Alert Body",
-    tag: "AlertDialog.Body",
-    description: "Contains the description announced by screen readers.",
-    ...SHARED_SEED_DATA,
-    props: {},
-  },
-  {
-    name: "Alert Footer",
-    tag: "AlertDialog.Footer",
-    description: "Contains the actions of the dialog.",
-    ...SHARED_SEED_DATA,
-    props: {},
-  },
-  {
-    name: "Alert Content",
-    tag: "AlertDialog.Content",
-    description: "The wrapper for the alert dialog's content.",
-    ...SHARED_SEED_DATA,
-    props: {},
-  },
-  {
-    name: "Alert Close Button",
-    tag: "AlertDialog.CloseButton",
-    description: "The button that closes the dialog",
-    ...SHARED_SEED_DATA,
-    props: {},
-  },
-];

package/src/mappings/NativeBase/Button.js

@@ -1,84 +0,0 @@
-"use strict";
-/* Temporarily Commented Out
-
-
-import {
-  COMPONENT_TYPES,
-  StylesPanelSections,
-  createTextEnumProp,
-  createBoolProp,
-  createIconProp,
-} from "@draftbit/types";
-
-const SHARED_SEED_DATA = {
-  category: COMPONENT_TYPES.NBForms,
-  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: "Button",
-    tag: "Button",
-    description:
-      "The Button component triggers an event or an action. Examples can be submitting forms and deleting a data point.",
-    ...SHARED_SEED_DATA,
-    props: {
-      isLoading: createBoolProp({
-        label: "Loading",
-        description: "If true, the button will show a spinner.",
-      }),
-      isDisabled: createBoolProp({
-        label: "Disabled",
-        description: "If true, the button will be disabled.",
-      }),
-      leftIcon: createIconProp({
-        label: "Left Icon",
-        description: "The icon to display on the left side of the button",
-      }),
-      rightIcon: createIconProp({
-        label: "Right Icon",
-        description: "The icon to display on the right side of the button",
-      }),
-      spinnerPlacement: createTextEnumProp({
-        label: "Spinner Placement",
-        description: "The placement of the spinner",
-        options: ["start", "end"],
-        defaultValue: "start",
-      }),
-    },
-  },
-  {
-    name: "Button Group",
-    tag: "ButtonGroup",
-    description:
-      "Used to group buttons whose actions are related, with an option to flush them together.",
-    ...SHARED_SEED_DATA,
-    allowChildren: true,
-    props: {
-      direction: createTextEnumProp({
-        label: "Direction",
-        description: "The direction of the button group",
-        options: ["row", "column"],
-        defaultValue: "row",
-      }),
-      isAttached: createBoolProp({
-        label: "Attached",
-        description: "If true, the buttons will be attached",
-      }),
-    },
-  },
-];
- */

package/src/mappings/NativeBase/Button.ts

@@ -1,83 +0,0 @@
-/* Temporarily Commented Out
-
-
-import {
-  COMPONENT_TYPES,
-  StylesPanelSections,
-  createTextEnumProp,
-  createBoolProp,
-  createIconProp,
-} from "@draftbit/types";
-
-const SHARED_SEED_DATA = {
-  category: COMPONENT_TYPES.NBForms,
-  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: "Button",
-    tag: "Button",
-    description:
-      "The Button component triggers an event or an action. Examples can be submitting forms and deleting a data point.",
-    ...SHARED_SEED_DATA,
-    props: {
-      isLoading: createBoolProp({
-        label: "Loading",
-        description: "If true, the button will show a spinner.",
-      }),
-      isDisabled: createBoolProp({
-        label: "Disabled",
-        description: "If true, the button will be disabled.",
-      }),
-      leftIcon: createIconProp({
-        label: "Left Icon",
-        description: "The icon to display on the left side of the button",
-      }),
-      rightIcon: createIconProp({
-        label: "Right Icon",
-        description: "The icon to display on the right side of the button",
-      }),
-      spinnerPlacement: createTextEnumProp({
-        label: "Spinner Placement",
-        description: "The placement of the spinner",
-        options: ["start", "end"],
-        defaultValue: "start",
-      }),
-    },
-  },
-  {
-    name: "Button Group",
-    tag: "ButtonGroup",
-    description:
-      "Used to group buttons whose actions are related, with an option to flush them together.",
-    ...SHARED_SEED_DATA,
-    allowChildren: true,
-    props: {
-      direction: createTextEnumProp({
-        label: "Direction",
-        description: "The direction of the button group",
-        options: ["row", "column"],
-        defaultValue: "row",
-      }),
-      isAttached: createBoolProp({
-        label: "Attached",
-        description: "If true, the buttons will be attached",
-      }),
-    },
-  },
-];
- */

package/src/mappings/NativeBase/DataDisplay.js

@@ -1,67 +0,0 @@
-import { COMPONENT_TYPES, StylesPanelSections, createTextEnumProp, createIconProp, createStaticNumberProp, } from "@draftbit/types";
-const SHARED_SEED_DATA = {
-    category: COMPONENT_TYPES.NBDataDisplay,
-    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: "Badge",
-        tag: "Badge",
-        doc_link: "https://docs.nativebase.io/badge",
-        code_link: "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/composites/Badge",
-        description: "Badges allow the highlighting of an item’s status. This provides quick recognition.",
-        ...SHARED_SEED_DATA,
-        props: {
-            /*  */
-            leftIcon: createIconProp({
-                label: "Left Icon",
-                description: "The left icon element to use in the button.",
-            }),
-            rightIcon: createIconProp({
-                label: "Right Icon",
-                description: "The right icon element to use in the button.",
-            }),
-            startIcon: createIconProp({
-                label: "Start Icon",
-                description: "The start icon element to use in the button.",
-            }),
-            endIcon: createIconProp({
-                label: "End Icon",
-                description: "The end icon element to use in the button.",
-            }),
-        },
-    },
-    {
-        name: "Divider",
-        tag: "Divider",
-        doc_link: "https://docs.nativebase.io/divider",
-        code_link: "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/composites/Divider",
-        description: "Divider can visually separate content in a given list or group.",
-        ...SHARED_SEED_DATA,
-        props: {
-            orientation: createTextEnumProp({
-                label: "Orientation",
-                description: "The orientation of the divider",
-                options: ["horizontal", "vertical"],
-            }),
-            thickness: createStaticNumberProp({
-                label: "Thickness",
-                description: "The thickness of the divider",
-                defaultValue: 1,
-            }),
-        },
-    },
-];

package/src/mappings/NativeBase/DataDisplay.ts

@@ -1,79 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  StylesPanelSections,
-  createTextEnumProp,
-  createIconProp,
-  createStaticNumberProp,
-} from "@draftbit/types";
-
-const SHARED_SEED_DATA = {
-  category: COMPONENT_TYPES.NBDataDisplay,
-  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: "Badge",
-    tag: "Badge",
-    doc_link: "https://docs.nativebase.io/badge",
-    code_link:
-      "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/composites/Badge",
-    description:
-      "Badges allow the highlighting of an item’s status. This provides quick recognition.",
-    ...SHARED_SEED_DATA,
-    props: {
-      /*  */
-      leftIcon: createIconProp({
-        label: "Left Icon",
-        description: "The left icon element to use in the button.",
-      }),
-      rightIcon: createIconProp({
-        label: "Right Icon",
-        description: "The right icon element to use in the button.",
-      }),
-      startIcon: createIconProp({
-        label: "Start Icon",
-        description: "The start icon element to use in the button.",
-      }),
-      endIcon: createIconProp({
-        label: "End Icon",
-        description: "The end icon element to use in the button.",
-      }),
-    },
-  },
-  {
-    name: "Divider",
-    tag: "Divider",
-    doc_link: "https://docs.nativebase.io/divider",
-    code_link:
-      "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/composites/Divider",
-    description:
-      "Divider can visually separate content in a given list or group.",
-    ...SHARED_SEED_DATA,
-    props: {
-      orientation: createTextEnumProp({
-        label: "Orientation",
-        description: "The orientation of the divider",
-        options: ["horizontal", "vertical"],
-      }),
-      thickness: createStaticNumberProp({
-        label: "Thickness",
-        description: "The thickness of the divider",
-        defaultValue: 1,
-      }),
-    },
-  },
-];

package/src/mappings/NativeBase/Feedback.js

@@ -1,89 +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,
-            }),
-        },
-    },
-    {},
-];