@draftbit/core 47.0.1-e04fa3.2 → 47.1.0

package/src/mappings/NativeBase/Menu.ts

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

package/src/mappings/NativeBase/Modal.js

@@ -1,103 +0,0 @@
-import { COMPONENT_TYPES, createActionProp, createBoolProp, createStaticBoolProp, createTextEnumProp, StylesPanelSections, Triggers, } from "@draftbit/types";
-const SHARED_SEED_DATA = {
-    category: COMPONENT_TYPES.NBModal,
-    packageName: "native-base",
-    stylesPanelSections: [
-        StylesPanelSections.LayoutFlexItems,
-        StylesPanelSections.LayoutSelectedItem,
-        StylesPanelSections.LayoutContent,
-        StylesPanelSections.Background,
-        StylesPanelSections.Size,
-        StylesPanelSections.MarginsAndPaddings,
-        StylesPanelSections.Position,
-        StylesPanelSections.Borders,
-        StylesPanelSections.Effects,
-    ],
-};
-export const SEED_DATA = [
-    {
-        name: "Modal",
-        tag: "Modal",
-        description: "A Modal is an overlay on the primary window or another dialog window. Content behind the modal dialog remains inert and users cannot interact with it.",
-        ...SHARED_SEED_DATA,
-        layout: {},
-        triggers: [Triggers.OnClose, Triggers.OnOpen],
-        props: {
-            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.",
-            }),
-            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,
-            }),
-            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.",
-            }),
-            onOpen: createActionProp(),
-            onClose: createActionProp(),
-        },
-    },
-    {
-        name: "Modal Content",
-        tag: "Modal.Content",
-        description: "The container for the modal dialog's content.",
-        ...SHARED_SEED_DATA,
-        props: {},
-    },
-    {
-        name: "Modal Header",
-        tag: "Modal.Header",
-        description: "The header that labels the modal dialog.",
-        ...SHARED_SEED_DATA,
-        props: {},
-    },
-    {
-        name: "Modal Footer",
-        tag: "Modal.Footer",
-        description: "The footer that houses the modal actions.",
-        ...SHARED_SEED_DATA,
-        props: {},
-    },
-    {
-        name: "Modal Body",
-        tag: "Modal.Body",
-        description: "A wrapper that houses the modal's main content",
-        ...SHARED_SEED_DATA,
-        props: {},
-    },
-    {
-        name: "Modal Close Button",
-        tag: "Modal.CloseButton",
-        description: "The button that closes the modal.",
-        ...SHARED_SEED_DATA,
-        props: {},
-    },
-];

package/src/mappings/NativeBase/Modal.ts

@@ -1,118 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createActionProp,
-  createBoolProp,
-  createStaticBoolProp,
-  createTextEnumProp,
-  StylesPanelSections,
-  Triggers,
-} from "@draftbit/types";
-
-const SHARED_SEED_DATA = {
-  category: COMPONENT_TYPES.NBModal,
-  packageName: "native-base",
-  stylesPanelSections: [
-    StylesPanelSections.LayoutFlexItems,
-    StylesPanelSections.LayoutSelectedItem,
-    StylesPanelSections.LayoutContent,
-    StylesPanelSections.Background,
-    StylesPanelSections.Size,
-    StylesPanelSections.MarginsAndPaddings,
-    StylesPanelSections.Position,
-    StylesPanelSections.Borders,
-    StylesPanelSections.Effects,
-  ],
-};
-
-export const SEED_DATA = [
-  {
-    name: "Modal",
-    tag: "Modal",
-    description:
-      "A Modal is an overlay on the primary window or another dialog window. Content behind the modal dialog remains inert and users cannot interact with it.",
-    ...SHARED_SEED_DATA,
-    layout: {},
-    triggers: [Triggers.OnClose, Triggers.OnOpen],
-    props: {
-      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.",
-      }),
-      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,
-      }),
-      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.",
-      }),
-      onOpen: createActionProp(),
-      onClose: createActionProp(),
-    },
-  },
-  {
-    name: "Modal Content",
-    tag: "Modal.Content",
-    description: "The container for the modal dialog's content.",
-    ...SHARED_SEED_DATA,
-    props: {},
-  },
-  {
-    name: "Modal Header",
-    tag: "Modal.Header",
-    description: "The header that labels the modal dialog.",
-    ...SHARED_SEED_DATA,
-    props: {},
-  },
-  {
-    name: "Modal Footer",
-    tag: "Modal.Footer",
-    description: "The footer that houses the modal actions.",
-    ...SHARED_SEED_DATA,
-    props: {},
-  },
-  {
-    name: "Modal Body",
-    tag: "Modal.Body",
-    description: "A wrapper that houses the modal's main content",
-    ...SHARED_SEED_DATA,
-    props: {},
-  },
-  {
-    name: "Modal Close Button",
-    tag: "Modal.CloseButton",
-    description: "The button that closes the modal.",
-    ...SHARED_SEED_DATA,
-    props: {},
-  },
-];

package/src/mappings/NativeBase/Other.js

@@ -1,123 +0,0 @@
-import { COMPONENT_TYPES, StylesPanelSections, createTextEnumProp, createTextProp, createIconProp, createBoolProp, createDisabledProp, createStaticNumberProp, createStaticBoolProp, Triggers, createActionProp, } from "@draftbit/types";
-export const SEED_DATA = [
-    {
-        name: "FAB",
-        tag: "Fab",
-        description: "A floating action button (FAB) is a circular icon button that hovers over content to execute a primary action in the application.",
-        category: COMPONENT_TYPES.NBForms,
-        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: {},
-        props: {
-            placement: createTextEnumProp({
-                label: "Placement",
-                description: "The placement of the Fab relative to the device.",
-                options: ["bottom-right", "top-right", "top-left", "bottom-left"],
-                defaultValue: "bottom-right",
-            }),
-            label: createTextProp({
-                label: "Label",
-                description: "The Text to be displayed in Fab.",
-            }),
-            icon: createIconProp({
-                label: "Icon",
-                description: "Icon to be displayed in Fab.  ",
-            }),
-        },
-    },
-    {
-        name: "Tooltip",
-        tag: "Tooltip",
-        description: "A tooltip provides a brief, informative message when a user interacts with an element. Methods of tooltip initiation include: through a mouse-hover gesture or a keyboard-hover gesture.",
-        category: COMPONENT_TYPES.NBOther,
-        packageName: "native-base",
-        allowChildren: true,
-        stylesPanelSections: [
-            StylesPanelSections.LayoutFlexItems,
-            StylesPanelSections.LayoutSelectedItem,
-            StylesPanelSections.LayoutContent,
-            StylesPanelSections.Background,
-            StylesPanelSections.Size,
-            StylesPanelSections.MarginsAndPaddings,
-            StylesPanelSections.Position,
-            StylesPanelSections.Borders,
-            StylesPanelSections.Effects,
-        ],
-        layout: {},
-        triggers: [Triggers.OnOpen, Triggers.OnClose],
-        props: {
-            label: createTextProp({
-                label: "Label",
-                description: "The Text to be displayed in Tooltip.",
-            }),
-            isOpen: createBoolProp({
-                label: "Is Open",
-                description: "Whether the tooltip is open or not.",
-            }),
-            isDisabled: createDisabledProp(),
-            defaultIsOpen: createStaticBoolProp({
-                label: "Default Is Open",
-                description: "Whether the tooltip is open by default",
-                defaultValue: false,
-            }),
-            onOpen: createActionProp(),
-            onClose: createActionProp(),
-            openDelay: createStaticNumberProp({
-                label: "Open Delay",
-                description: "Delay in ms before tooltip opens",
-                defaultValue: 0,
-            }),
-            closeDelay: createStaticNumberProp({
-                label: "Close Delay",
-                description: "Delay in ms before tooltip closes",
-                defaultValue: 0,
-            }),
-            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",
-            }),
-            arrowSize: createStaticNumberProp({
-                label: "Arrow Size",
-                description: "The size of the arrow",
-                defaultValue: 12,
-            }),
-            hasArrow: createStaticBoolProp({
-                label: "Has Arrow",
-                description: "Whether the tooltip has an arrow",
-                defaultValue: false,
-            }),
-            offset: createStaticNumberProp({
-                label: "Offset",
-                description: "The distance between the triggere and the tooltip.",
-            }),
-        },
-    },
-];

package/src/mappings/NativeBase/Other.ts

@@ -1,139 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  StylesPanelSections,
-  createTextEnumProp,
-  createTextProp,
-  createIconProp,
-  createBoolProp,
-  createDisabledProp,
-  createStaticNumberProp,
-  createStaticBoolProp,
-  Triggers,
-  createActionProp,
-} from "@draftbit/types";
-
-export const SEED_DATA = [
-  {
-    name: "FAB",
-    tag: "Fab",
-    description:
-      "A floating action button (FAB) is a circular icon button that hovers over content to execute a primary action in the application.",
-    category: COMPONENT_TYPES.NBForms,
-    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: {},
-    props: {
-      placement: createTextEnumProp({
-        label: "Placement",
-        description: "The placement of the Fab relative to the device.",
-        options: ["bottom-right", "top-right", "top-left", "bottom-left"],
-        defaultValue: "bottom-right",
-      }),
-      label: createTextProp({
-        label: "Label",
-        description: "The Text to be displayed in Fab.",
-      }),
-      icon: createIconProp({
-        label: "Icon",
-        description: "Icon to be displayed in Fab.  ",
-      }),
-    },
-  },
-  {
-    name: "Tooltip",
-    tag: "Tooltip",
-    description:
-      "A tooltip provides a brief, informative message when a user interacts with an element. Methods of tooltip initiation include: through a mouse-hover gesture or a keyboard-hover gesture.",
-    category: COMPONENT_TYPES.NBOther,
-    packageName: "native-base",
-    allowChildren: true,
-    stylesPanelSections: [
-      StylesPanelSections.LayoutFlexItems,
-      StylesPanelSections.LayoutSelectedItem,
-      StylesPanelSections.LayoutContent,
-      StylesPanelSections.Background,
-      StylesPanelSections.Size,
-      StylesPanelSections.MarginsAndPaddings,
-      StylesPanelSections.Position,
-      StylesPanelSections.Borders,
-      StylesPanelSections.Effects,
-    ],
-    layout: {},
-    triggers: [Triggers.OnOpen, Triggers.OnClose],
-    props: {
-      label: createTextProp({
-        label: "Label",
-        description: "The Text to be displayed in Tooltip.",
-      }),
-      isOpen: createBoolProp({
-        label: "Is Open",
-        description: "Whether the tooltip is open or not.",
-      }),
-      isDisabled: createDisabledProp(),
-      defaultIsOpen: createStaticBoolProp({
-        label: "Default Is Open",
-        description: "Whether the tooltip is open by default",
-        defaultValue: false,
-      }),
-      onOpen: createActionProp(),
-      onClose: createActionProp(),
-      openDelay: createStaticNumberProp({
-        label: "Open Delay",
-        description: "Delay in ms before tooltip opens",
-        defaultValue: 0,
-      }),
-      closeDelay: createStaticNumberProp({
-        label: "Close Delay",
-        description: "Delay in ms before tooltip closes",
-        defaultValue: 0,
-      }),
-      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",
-      }),
-      arrowSize: createStaticNumberProp({
-        label: "Arrow Size",
-        description: "The size of the arrow",
-        defaultValue: 12,
-      }),
-      hasArrow: createStaticBoolProp({
-        label: "Has Arrow",
-        description: "Whether the tooltip has an arrow",
-        defaultValue: false,
-      }),
-      offset: createStaticNumberProp({
-        label: "Offset",
-        description: "The distance between the triggere and the tooltip.",
-      }),
-    },
-  },
-];