@draftbit/core 47.0.1-d41acb.2 → 47.0.1-e04fa3.2

package/src/index.js

@@ -2,52 +2,132 @@ export { injectIcon } from "./interfaces/Icon";
 export { withTheme, ThemeProvider } from "./theming";
 export { default as Provider } from "./Provider";
 export { default as DefaultTheme } from "./styles/DefaultTheme";
-export { Link } from "./components/Text";
+/** Replaced By NativeBase
+ * export { default as Avatar } from "./components/CircleImage";
+ * export { default as Container } from "./components/Container";
+ * export { default as FAB } from "./components/FAB";
+ * export {
+  Center,
+  Circle,
+  Square,
+  Row,
+  Stack,
+  Spacer,
+} from "./components/Layout";
+ */
+// BASIC
+export { default as ScreenContainer } from "./components/ScreenContainer";
 export { default as Banner } from "./components/Banner";
+// BUTTONS
 export { Button, ButtonSolid, ButtonOutline } from "./components/Button";
-export { default as Avatar } from "./components/CircleImage";
-export { default as AvatarEdit } from "./components/AvatarEdit";
-export { default as Card } from "./components/Card";
-export { default as Carousel } from "./components/Carousel";
-export { Checkbox, CheckboxGroup, CheckboxRow } from "./components/Checkbox";
-export { default as CircleImage } from "./components/CircleImage";
-export { default as Container } from "./components/Container";
-export { default as Divider } from "./components/Divider";
-export { default as FAB } from "./components/FAB";
-export { default as FieldSearchBarFull } from "./components/FieldSearchBarFull";
+export { Link } from "./components/Text";
 export { default as IconButton } from "./components/IconButton";
-export { default as Image } from "./components/Image";
-export { default as SVG } from "./components/SVG";
+export { default as Touchable } from "./components/Touchable";
+export { default as ToggleButton } from "./components/ToggleButton";
+// INPUTS
+export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { default as NumberInput } from "./components/NumberInput";
-export { default as ScreenContainer } from "./components/ScreenContainer";
+export { default as TextField } from "./components/TextField";
+export { default as FieldSearchBarFull } from "./components/FieldSearchBarFull";
+export { default as Picker } from "./components/Picker/Picker";
+// CONTROLS
+export { Checkbox, CheckboxGroup, CheckboxRow } from "./components/Checkbox";
+export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
+export { default as Slider } from "./components/Slider";
+export { default as Stepper } from "./components/Stepper";
 export { default as StarRating } from "./components/StarRating";
-export { default as Surface } from "./components/Surface";
 export { default as Switch, SwitchRow } from "./components/Switch";
-export { default as TextField } from "./components/TextField";
-export { default as ToggleButton } from "./components/ToggleButton";
-export { default as Touchable } from "./components/Touchable";
-export { default as Pressable } from "./components/Pressable";
+// MEDIA
+export { default as SVG } from "./components/SVG";
+export { default as Image } from "./components/Image";
+// export { default as Avatar } from "./components/CircleImage"; Replaced by NativeBase
+export { default as AvatarEdit } from "./components/AvatarEdit";
+export { default as CircleImage } from "./components/CircleImage";
+// SWIPER
+export { Swiper, SwiperItem } from "./components/Swiper";
+// CONTAINERS
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
+export { default as Surface } from "./components/Surface";
+// ACTIONSHEET
 export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
-export { Swiper, SwiperItem } from "./components/Swiper";
-export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
-export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
-/* Deprecated: Fix or Delete!  */
-export { default as CardBlock } from "./components/CardBlock";
-export { default as CardContainer } from "./components/CardContainer";
-export { default as CardContainerRating } from "./components/CardContainerRating";
-export { default as CardInline } from "./components/CardInline";
-export { default as DatePicker } from "./components/DatePicker/DatePicker";
+// OTHER
+export { default as Carousel } from "./components/Carousel";
+export { default as Divider } from "./components/Divider";
 export { default as HeaderLarge } from "./components/HeaderLarge";
 export { default as HeaderMedium } from "./components/HeaderMedium";
 export { default as HeaderOverline } from "./components/HeaderOverline";
-export { default as Picker } from "./components/Picker/Picker";
 export { default as ProgressBar } from "./components/ProgressBar";
 export { default as ProgressCircle } from "./components/ProgressCircle";
 export { default as RowBodyIcon } from "./components/RowBodyIcon";
 export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImageCaption";
 export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
-export { default as Slider } from "./components/Slider";
-export { default as Stepper } from "./components/Stepper";
+export { default as Card } from "./components/Card";
+export { default as CardBlock } from "./components/CardBlock";
+export { default as CardContainer } from "./components/CardContainer";
+export { default as CardContainerRating } from "./components/CardContainerRating";
+export { default as CardInline } from "./components/CardInline";
 export { useAuthState } from "./components/useAuthState";
-// a comment to fix sourcemap comment issue
+/**
+ * NativeBase Components Jan 2023
+ *
+ * ALERT
+ * - AlertDialog
+ * - AlertDialog.Header
+ * - AlertDialog.Body
+ * - AlertDialog.Footer
+ * - AlertDialog.Content
+ * - AlertDialog.CloseButton
+ *
+ * FORMS
+ * - Button -- COMMENTED OUT
+ * - Button.Group -- COMMENTED OUT
+ * - Fab
+ *
+ * DATA DISPLAY
+ * - Badge
+ * - Divider
+ *
+ * FEEDBACK
+ * - Alert
+ * - Alert.Icon
+ * - Progress
+ *
+ * LAYOUT
+ * - AspectRatio
+ * - Box
+ * - Center
+ * - Square
+ * - Circle
+ * - Column
+ * - Container
+ * - Flex
+ * - Spacer
+ * - Row
+ * - Stack
+ * - ZStack
+ *
+ * MEDIA
+ * - Avatar
+ * - Avatar.Badge
+ * - Avatar.Group
+ *
+ * MENU
+ * - Menu
+ * - Menu.Item
+ * - Menu.Group
+ * - Menu.OptionGroup
+ * - Menu.ItemOption
+ * - Menu.Trigger
+ *
+ * MODAL
+ * - Modal
+ * - Modal.Content
+ * - Modal.Header
+ * - Modal.Footer
+ * - Modal.Body
+ * - Modal.CloseButton
+ *
+ * OTHER
+ * - Tooltip
+ *
+ * */

package/src/index.tsx

@@ -3,40 +3,11 @@ export { withTheme, ThemeProvider } from "./theming";
 export { default as Provider } from "./Provider";
 export { default as DefaultTheme } from "./styles/DefaultTheme";
 
-export { Link } from "./components/Text";
-export { default as Banner } from "./components/Banner";
-export { Button, ButtonSolid, ButtonOutline } from "./components/Button";
-export { default as Avatar } from "./components/CircleImage";
-export { default as AvatarEdit } from "./components/AvatarEdit";
-export { default as Card } from "./components/Card";
-export { default as Carousel } from "./components/Carousel";
-export { Checkbox, CheckboxGroup, CheckboxRow } from "./components/Checkbox";
-export { default as CircleImage } from "./components/CircleImage";
-export { default as Container } from "./components/Container";
-export { default as Divider } from "./components/Divider";
-export { default as FAB } from "./components/FAB";
-export { default as FieldSearchBarFull } from "./components/FieldSearchBarFull";
-export { default as IconButton } from "./components/IconButton";
-export { default as Image } from "./components/Image";
-export { default as SVG } from "./components/SVG";
-export { default as NumberInput } from "./components/NumberInput";
-export { default as ScreenContainer } from "./components/ScreenContainer";
-export { default as StarRating } from "./components/StarRating";
-export { default as Surface } from "./components/Surface";
-export { default as Switch, SwitchRow } from "./components/Switch";
-export { default as TextField } from "./components/TextField";
-export { default as ToggleButton } from "./components/ToggleButton";
-export { default as Touchable } from "./components/Touchable";
-export { default as Pressable } from "./components/Pressable";
-export { AccordionGroup, AccordionItem } from "./components/Accordion";
-export {
-  ActionSheet,
-  ActionSheetItem,
-  ActionSheetCancel,
-} from "./components/ActionSheet";
-export { Swiper, SwiperItem } from "./components/Swiper";
-
-export {
+/** Replaced By NativeBase
+ * export { default as Avatar } from "./components/CircleImage";
+ * export { default as Container } from "./components/Container";
+ * export { default as FAB } from "./components/FAB";
+ * export {
   Center,
   Circle,
   Square,
@@ -44,31 +15,139 @@ export {
   Stack,
   Spacer,
 } from "./components/Layout";
+ */
+
+// BASIC
+export { default as ScreenContainer } from "./components/ScreenContainer";
+export { default as Banner } from "./components/Banner";
+
+// BUTTONS
+export { Button, ButtonSolid, ButtonOutline } from "./components/Button";
+export { Link } from "./components/Text";
+export { default as IconButton } from "./components/IconButton";
+export { default as Touchable } from "./components/Touchable";
+export { default as ToggleButton } from "./components/ToggleButton";
 
+// INPUTS
+export { default as DatePicker } from "./components/DatePicker/DatePicker";
+export { default as NumberInput } from "./components/NumberInput";
+export { default as TextField } from "./components/TextField";
+export { default as FieldSearchBarFull } from "./components/FieldSearchBarFull";
+export { default as Picker } from "./components/Picker/Picker";
+
+// CONTROLS
+export { Checkbox, CheckboxGroup, CheckboxRow } from "./components/Checkbox";
 export {
   RadioButton,
   RadioButtonGroup,
   RadioButtonRow,
   RadioButtonFieldGroup,
 } from "./components/RadioButton/index";
+export { default as Slider } from "./components/Slider";
+export { default as Stepper } from "./components/Stepper";
+export { default as StarRating } from "./components/StarRating";
+export { default as Switch, SwitchRow } from "./components/Switch";
 
-/* Deprecated: Fix or Delete!  */
-export { default as CardBlock } from "./components/CardBlock";
-export { default as CardContainer } from "./components/CardContainer";
-export { default as CardContainerRating } from "./components/CardContainerRating";
-export { default as CardInline } from "./components/CardInline";
-export { default as DatePicker } from "./components/DatePicker/DatePicker";
+// MEDIA
+export { default as SVG } from "./components/SVG";
+export { default as Image } from "./components/Image";
+// export { default as Avatar } from "./components/CircleImage"; Replaced by NativeBase
+export { default as AvatarEdit } from "./components/AvatarEdit";
+export { default as CircleImage } from "./components/CircleImage";
+
+// SWIPER
+export { Swiper, SwiperItem } from "./components/Swiper";
+
+// CONTAINERS
+export { AccordionGroup, AccordionItem } from "./components/Accordion";
+export { default as Surface } from "./components/Surface";
+
+// ACTIONSHEET
+export {
+  ActionSheet,
+  ActionSheetItem,
+  ActionSheetCancel,
+} from "./components/ActionSheet";
+
+// OTHER
+export { default as Carousel } from "./components/Carousel";
+export { default as Divider } from "./components/Divider";
 export { default as HeaderLarge } from "./components/HeaderLarge";
 export { default as HeaderMedium } from "./components/HeaderMedium";
 export { default as HeaderOverline } from "./components/HeaderOverline";
-export { default as Picker } from "./components/Picker/Picker";
 export { default as ProgressBar } from "./components/ProgressBar";
 export { default as ProgressCircle } from "./components/ProgressCircle";
 export { default as RowBodyIcon } from "./components/RowBodyIcon";
 export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImageCaption";
 export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
-export { default as Slider } from "./components/Slider";
-export { default as Stepper } from "./components/Stepper";
+export { default as Card } from "./components/Card";
+export { default as CardBlock } from "./components/CardBlock";
+export { default as CardContainer } from "./components/CardContainer";
+export { default as CardContainerRating } from "./components/CardContainerRating";
+export { default as CardInline } from "./components/CardInline";
 export { useAuthState } from "./components/useAuthState";
 
-// a comment to fix sourcemap comment issue
+/**
+ * NativeBase Components Jan 2023
+ *
+ * ALERT
+ * - AlertDialog
+ * - AlertDialog.Header
+ * - AlertDialog.Body
+ * - AlertDialog.Footer
+ * - AlertDialog.Content
+ * - AlertDialog.CloseButton
+ *
+ * FORMS
+ * - Button -- COMMENTED OUT
+ * - Button.Group -- COMMENTED OUT
+ * - Fab
+ *
+ * DATA DISPLAY
+ * - Badge
+ * - Divider
+ *
+ * FEEDBACK
+ * - Alert
+ * - Alert.Icon
+ * - Progress
+ *
+ * LAYOUT
+ * - AspectRatio
+ * - Box
+ * - Center
+ * - Square
+ * - Circle
+ * - Column
+ * - Container
+ * - Flex
+ * - Spacer
+ * - Row
+ * - Stack
+ * - ZStack
+ *
+ * MEDIA
+ * - Avatar
+ * - Avatar.Badge
+ * - Avatar.Group
+ *
+ * MENU
+ * - Menu
+ * - Menu.Item
+ * - Menu.Group
+ * - Menu.OptionGroup
+ * - Menu.ItemOption
+ * - Menu.Trigger
+ *
+ * MODAL
+ * - Modal
+ * - Modal.Content
+ * - Modal.Header
+ * - Modal.Footer
+ * - Modal.Body
+ * - Modal.CloseButton
+ *
+ * OTHER
+ * - Tooltip
+ *
+ * */

package/src/mappings/Button.js

@@ -1,8 +1,7 @@
-import { COMPONENT_TYPES, createIconProp, createTextProp, createDisabledProp, createLoadingProp, createActionProp, Triggers, StylesPanelSections, createStaticNumberProp, } from "@draftbit/types";
-const SEED_DATA_TRIGGERS = [Triggers.OnPress, Triggers.OnLongPress];
+import { COMPONENT_TYPES, createIconProp, createTextProp, createDisabledProp, createLoadingProp, createActionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
+const SEED_DATA_TRIGGERS = [Triggers.OnPress];
 const SEED_DATA_PROPS = {
     onPress: createActionProp(),
-    onLongPress: createActionProp(),
     icon: createIconProp({
         defaultValue: null,
         required: false,
@@ -14,36 +13,11 @@ const SEED_DATA_PROPS = {
     }),
     disabled: createDisabledProp(),
     loading: createLoadingProp(),
-    activeOpacity: createStaticNumberProp({
-        label: "Active Opacity",
-        description: "Opacity of the button when active.",
-        defaultValue: 0.8,
-        min: 0,
-        max: 1,
-        step: 0.01,
-        precision: 2,
-        required: false,
-    }),
-    disabledOpacity: createStaticNumberProp({
-        label: "Disabled Opacity",
-        description: "Opacity of the button when disabled.",
-        defaultValue: 0.8,
-        min: 0,
-        max: 1,
-        step: 0.01,
-        precision: 2,
-        required: false,
-    }),
-    delayLongPress: createStaticNumberProp({
-        label: "Delay Long Press",
-        description: "Duration (in milliseconds) from onPressIn before onLongPress is called.",
-        required: false,
-    }),
-    hitSlop: createStaticNumberProp({
-        label: "Hit Slop",
-        description: "Sets additional distance outside of element in which a press can be detected",
-        required: false,
-    }),
+};
+const LAYOUT = {
+    backgroundColor: "transparent",
+    borderRadius: 8,
+    fontFamily: "system-700",
 };
 export const SEED_DATA = [
     {
@@ -60,8 +34,7 @@ export const SEED_DATA = [
             StylesPanelSections.Effects,
         ],
         layout: {
-            borderRadius: 8,
-            fontFamily: "system-700",
+            ...LAYOUT,
             backgroundColor: "transparent",
             borderWidth: 1,
             textAlign: "center",
@@ -83,8 +56,7 @@ export const SEED_DATA = [
             StylesPanelSections.Effects,
         ],
         layout: {
-            borderRadius: 8,
-            fontFamily: "system-700",
+            ...LAYOUT,
             backgroundColor: "primary",
             textAlign: "center",
         },
@@ -105,8 +77,7 @@ export const SEED_DATA = [
             StylesPanelSections.Effects,
         ],
         layout: {
-            borderRadius: 8,
-            fontFamily: "system-700",
+            ...LAYOUT,
             backgroundColor: "primary",
             textAlign: "center",
         },

package/src/mappings/Button.ts

@@ -7,13 +7,11 @@ import {
   createActionProp,
   Triggers,
   StylesPanelSections,
-  createStaticNumberProp,
 } from "@draftbit/types";
 
-const SEED_DATA_TRIGGERS = [Triggers.OnPress, Triggers.OnLongPress];
+const SEED_DATA_TRIGGERS = [Triggers.OnPress];
 const SEED_DATA_PROPS = {
   onPress: createActionProp(),
-  onLongPress: createActionProp(),
   icon: createIconProp({
     defaultValue: null,
     required: false,
@@ -25,38 +23,12 @@ const SEED_DATA_PROPS = {
   }),
   disabled: createDisabledProp(),
   loading: createLoadingProp(),
-  activeOpacity: createStaticNumberProp({
-    label: "Active Opacity",
-    description: "Opacity of the button when active.",
-    defaultValue: 0.8,
-    min: 0,
-    max: 1,
-    step: 0.01,
-    precision: 2,
-    required: false,
-  }),
-  disabledOpacity: createStaticNumberProp({
-    label: "Disabled Opacity",
-    description: "Opacity of the button when disabled.",
-    defaultValue: 0.8,
-    min: 0,
-    max: 1,
-    step: 0.01,
-    precision: 2,
-    required: false,
-  }),
-  delayLongPress: createStaticNumberProp({
-    label: "Delay Long Press",
-    description:
-      "Duration (in milliseconds) from onPressIn before onLongPress is called.",
-    required: false,
-  }),
-  hitSlop: createStaticNumberProp({
-    label: "Hit Slop",
-    description:
-      "Sets additional distance outside of element in which a press can be detected",
-    required: false,
-  }),
+};
+
+const LAYOUT = {
+  backgroundColor: "transparent",
+  borderRadius: 8,
+  fontFamily: "system-700",
 };
 
 export const SEED_DATA = [
@@ -74,8 +46,7 @@ export const SEED_DATA = [
       StylesPanelSections.Effects,
     ],
     layout: {
-      borderRadius: 8,
-      fontFamily: "system-700",
+      ...LAYOUT,
       backgroundColor: "transparent",
       borderWidth: 1,
       textAlign: "center",
@@ -97,8 +68,7 @@ export const SEED_DATA = [
       StylesPanelSections.Effects,
     ],
     layout: {
-      borderRadius: 8,
-      fontFamily: "system-700",
+      ...LAYOUT,
       backgroundColor: "primary",
       textAlign: "center",
     },
@@ -119,8 +89,7 @@ export const SEED_DATA = [
       StylesPanelSections.Effects,
     ],
     layout: {
-      borderRadius: 8,
-      fontFamily: "system-700",
+      ...LAYOUT,
       backgroundColor: "primary",
       textAlign: "center",
     },

package/src/mappings/NativeBase/AlertDialog.js

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