@draftbit/core 47.0.1-2935a8.2 → 47.0.1-2aab54.2

package/src/index.js

@@ -2,51 +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";
+// 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,39 +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 { 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,
@@ -43,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/FlashList.js

@@ -1,77 +1,33 @@
-import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS, Triggers, createActionProp, } from "@draftbit/types";
-export const SEED_DATA = [
-    {
-        name: "Masonry List",
-        tag: "MasonryFlashList",
-        description: "Masonry Flashlist by Shopify",
-        packageName: "@shopify/flash-list",
-        category: COMPONENT_TYPES.data,
-        stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-        layout: {
-            flex: 1,
-        },
-        triggers: [
-            Triggers.OnRefresh,
-            Triggers.OnEndReached,
-            Triggers.OnEndReachedThreshold,
-            Triggers.OnViewableItemsChanged,
-        ],
-        props: {
-            onRefresh: createActionProp(),
-            onEndReached: createActionProp(),
-            onEndReachedThreshold: createActionProp(),
-            onViewableItemsChanged: createActionProp(),
-            numColumns: createNumColumnsType({
-                editable: true,
-            }),
-            estimatedItemSize: createNumberProp({
-                group: GROUPS.basic,
-                label: "Est. Item Size",
-                description: "Approximate size of the items before rendering.",
-                defaultValue: 50,
-                step: 1,
-                precision: 0,
-            }),
-            optimizeItemArrangement: createStaticBoolProp({
-                label: "Optimize Item Arrangement",
-                description: "If enabled, MasonryFlashList will try to reduce difference in column height by modifying item order. If true, specifying overrideItemLayout is required. Default value is false.",
-            }),
-        },
+import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS, } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "FlashList",
+    tag: "FlashList",
+    description: "Flashlist by Shopify",
+    packageName: "@shopify/flash-list",
+    category: COMPONENT_TYPES.data,
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+    layout: {
+        flex: 1,
     },
-    {
-        name: "FlashList",
-        tag: "FlashList",
-        description: "Flashlist by Shopify",
-        packageName: "@shopify/flash-list",
-        category: COMPONENT_TYPES.data,
-        stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-        layout: {
-            flex: 1,
-        },
-        props: {
-            onRefresh: createActionProp(),
-            onEndReached: createActionProp(),
-            onEndReachedThreshold: createActionProp(),
-            onViewableItemsChanged: createActionProp(),
-            estimatedItemSize: createNumberProp({
-                group: GROUPS.basic,
-                label: "Est. Item Size",
-                description: "Approximate size of the items before rendering.",
-                defaultValue: 50,
-                step: 1,
-                precision: 0,
-            }),
-            horizontal: createStaticBoolProp({
-                label: "Horizontal",
-                description: "Render list horizontally",
-            }),
-            inverted: createStaticBoolProp({
-                label: "Inverted",
-                description: "If true, reverses the direction.",
-            }),
-            numColumns: createNumColumnsType({
-                editable: true,
-            }),
-        },
+    props: {
+        estimatedItemSize: createNumberProp({
+            group: GROUPS.basic,
+            label: "Est. Item Size",
+            description: "Approximate size of the items before rendering.",
+            defaultValue: 50,
+            step: 1,
+            precision: 0,
+        }),
+        horizontal: createStaticBoolProp({
+            label: "Horizontal",
+            description: "Render list horizontally",
+        }),
+        inverted: createStaticBoolProp({
+            label: "Inverted",
+            description: "If true, reverses the direction.",
+        }),
+        numColumns: createNumColumnsType({
+            editable: true,
+        }),
     },
-];
+};

package/src/mappings/FlashList.ts

@@ -5,84 +5,37 @@ import {
   createNumberProp,
   CONTAINER_COMPONENT_STYLES_SECTIONS,
   GROUPS,
-  Triggers,
-  createActionProp,
 } from "@draftbit/types";
 
-export const SEED_DATA = [
-  {
-    name: "Masonry List",
-    tag: "MasonryFlashList",
-    description: "Masonry Flashlist by Shopify",
-    packageName: "@shopify/flash-list",
-    category: COMPONENT_TYPES.data,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    layout: {
-      flex: 1,
-    },
-    triggers: [
-      Triggers.OnRefresh,
-      Triggers.OnEndReached,
-      Triggers.OnEndReachedThreshold,
-      Triggers.OnViewableItemsChanged,
-    ],
-    props: {
-      onRefresh: createActionProp(),
-      onEndReached: createActionProp(),
-      onEndReachedThreshold: createActionProp(),
-      onViewableItemsChanged: createActionProp(),
-      numColumns: createNumColumnsType({
-        editable: true,
-      }),
-      estimatedItemSize: createNumberProp({
-        group: GROUPS.basic,
-        label: "Est. Item Size",
-        description: "Approximate size of the items before rendering.",
-        defaultValue: 50,
-        step: 1,
-        precision: 0,
-      }),
-      optimizeItemArrangement: createStaticBoolProp({
-        label: "Optimize Item Arrangement",
-        description:
-          "If enabled, MasonryFlashList will try to reduce difference in column height by modifying item order. If true, specifying overrideItemLayout is required. Default value is false.",
-      }),
-    },
+export const SEED_DATA = {
+  name: "FlashList",
+  tag: "FlashList",
+  description: "Flashlist by Shopify",
+  packageName: "@shopify/flash-list",
+  category: COMPONENT_TYPES.data,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {
+    flex: 1,
   },
-  {
-    name: "FlashList",
-    tag: "FlashList",
-    description: "Flashlist by Shopify",
-    packageName: "@shopify/flash-list",
-    category: COMPONENT_TYPES.data,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    layout: {
-      flex: 1,
-    },
-    props: {
-      onRefresh: createActionProp(),
-      onEndReached: createActionProp(),
-      onEndReachedThreshold: createActionProp(),
-      onViewableItemsChanged: createActionProp(),
-      estimatedItemSize: createNumberProp({
-        group: GROUPS.basic,
-        label: "Est. Item Size",
-        description: "Approximate size of the items before rendering.",
-        defaultValue: 50,
-        step: 1,
-        precision: 0,
-      }),
-      horizontal: createStaticBoolProp({
-        label: "Horizontal",
-        description: "Render list horizontally",
-      }),
-      inverted: createStaticBoolProp({
-        label: "Inverted",
-        description: "If true, reverses the direction.",
-      }),
-      numColumns: createNumColumnsType({
-        editable: true,
-      }),
-    },
+  props: {
+    estimatedItemSize: createNumberProp({
+      group: GROUPS.basic,
+      label: "Est. Item Size",
+      description: "Approximate size of the items before rendering.",
+      defaultValue: 50,
+      step: 1,
+      precision: 0,
+    }),
+    horizontal: createStaticBoolProp({
+      label: "Horizontal",
+      description: "Render list horizontally",
+    }),
+    inverted: createStaticBoolProp({
+      label: "Inverted",
+      description: "If true, reverses the direction.",
+    }),
+    numColumns: createNumColumnsType({
+      editable: true,
+    }),
   },
-];
+};

package/src/mappings/FlatList.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, } from "@draftbit/types";
+import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "List",
     tag: "FlatList",
@@ -8,17 +8,7 @@ export const SEED_DATA = {
     layout: {
         flex: 1,
     },
-    triggers: [
-        Triggers.OnRefresh,
-        Triggers.OnEndReached,
-        Triggers.OnEndReachedThreshold,
-        Triggers.OnViewableItemsChanged,
-    ],
     props: {
-        onRefresh: createActionProp(),
-        onEndReached: createActionProp(),
-        onEndReachedThreshold: createActionProp(),
-        onViewableItemsChanged: createActionProp(),
         horizontal: createStaticBoolProp({
             label: "Horizontal",
             description: "Render list horizontally",
@@ -30,9 +20,5 @@ export const SEED_DATA = {
         numColumns: createNumColumnsType({
             editable: true,
         }),
-        initialNumToRender: createStaticBoolProp({
-            label: "Initial Num To Render",
-            descriprion: "How many items to render in the initial batch",
-        }),
     },
 };

package/src/mappings/FlatList.ts

@@ -3,8 +3,6 @@ import {
   createNumColumnsType,
   createStaticBoolProp,
   CONTAINER_COMPONENT_STYLES_SECTIONS,
-  Triggers,
-  createActionProp,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -16,17 +14,7 @@ export const SEED_DATA = {
   layout: {
     flex: 1,
   },
-  triggers: [
-    Triggers.OnRefresh,
-    Triggers.OnEndReached,
-    Triggers.OnEndReachedThreshold,
-    Triggers.OnViewableItemsChanged,
-  ],
   props: {
-    onRefresh: createActionProp(),
-    onEndReached: createActionProp(),
-    onEndReachedThreshold: createActionProp(),
-    onViewableItemsChanged: createActionProp(),
     horizontal: createStaticBoolProp({
       label: "Horizontal",
       description: "Render list horizontally",
@@ -38,9 +26,5 @@ export const SEED_DATA = {
     numColumns: createNumColumnsType({
       editable: true,
     }),
-    initialNumToRender: createStaticBoolProp({
-      label: "Initial Num To Render",
-      descriprion: "How many items to render in the initial batch",
-    }),
   },
 };