@draftbit/core 47.0.1-2aab54.2 → 47.0.1-411297.2

package/lib/commonjs/components/Checkbox/CheckboxGroup.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _context = require("./context");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const {
   Provider
 } = _context.checkboxGroupContext;
@@ -30,23 +31,7 @@ const CheckboxGroup = _ref => {
       alignItems: "center"
     });
   }
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [{
-      minHeight: 40
-    }, style],
-    ...rest
-  }, /*#__PURE__*/React.createElement(Provider, {
-    value: {
-      values,
-      onValueChange,
-      direction
-    }
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: _containerStyle
-  }, children)));
-};
-var _default = CheckboxGroup;
-exports.default = _default;s({
+  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
     style: [{
       minHeight: 40
     }, style]

package/lib/commonjs/index.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "ActionSheetItem", {
     return _ActionSheet.ActionSheetItem;
   }
 });
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () {
+    return _CircleImage.default;
+  }
+});
 Object.defineProperty(exports, "AvatarEdit", {
   enumerable: true,
   get: function () {
@@ -99,6 +105,12 @@ Object.defineProperty(exports, "Carousel", {
     return _Carousel.default;
   }
 });
+Object.defineProperty(exports, "Center", {
+  enumerable: true,
+  get: function () {
+    return _Layout.Center;
+  }
+});
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
   get: function () {
@@ -117,12 +129,24 @@ Object.defineProperty(exports, "CheckboxRow", {
     return _Checkbox.CheckboxRow;
   }
 });
+Object.defineProperty(exports, "Circle", {
+  enumerable: true,
+  get: function () {
+    return _Layout.Circle;
+  }
+});
 Object.defineProperty(exports, "CircleImage", {
   enumerable: true,
   get: function () {
     return _CircleImage.default;
   }
 });
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: function () {
+    return _Container.default;
+  }
+});
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
   get: function () {
@@ -141,6 +165,12 @@ Object.defineProperty(exports, "Divider", {
     return _Divider.default;
   }
 });
+Object.defineProperty(exports, "FAB", {
+  enumerable: true,
+  get: function () {
+    return _FAB.default;
+  }
+});
 Object.defineProperty(exports, "FieldSearchBarFull", {
   enumerable: true,
   get: function () {
@@ -237,6 +267,12 @@ Object.defineProperty(exports, "RadioButtonRow", {
     return _index.RadioButtonRow;
   }
 });
+Object.defineProperty(exports, "Row", {
+  enumerable: true,
+  get: function () {
+    return _Layout.Row;
+  }
+});
 Object.defineProperty(exports, "RowBodyIcon", {
   enumerable: true,
   get: function () {
@@ -273,6 +309,24 @@ Object.defineProperty(exports, "Slider", {
     return _Slider.default;
   }
 });
+Object.defineProperty(exports, "Spacer", {
+  enumerable: true,
+  get: function () {
+    return _Layout.Spacer;
+  }
+});
+Object.defineProperty(exports, "Square", {
+  enumerable: true,
+  get: function () {
+    return _Layout.Square;
+  }
+});
+Object.defineProperty(exports, "Stack", {
+  enumerable: true,
+  get: function () {
+    return _Layout.Stack;
+  }
+});
 Object.defineProperty(exports, "StarRating", {
   enumerable: true,
   get: function () {
@@ -361,47 +415,50 @@ var _Icon = require("./interfaces/Icon");
 var _theming = require("./theming");
 var _Provider = _interopRequireDefault(require("./Provider"));
 var _DefaultTheme = _interopRequireDefault(require("./styles/DefaultTheme"));
-var _ScreenContainer = _interopRequireDefault(require("./components/ScreenContainer"));
+var _Text = require("./components/Text");
 var _Banner = _interopRequireDefault(require("./components/Banner"));
 var _Button = require("./components/Button");
-var _Text = require("./components/Text");
+var _CircleImage = _interopRequireDefault(require("./components/CircleImage"));
+var _AvatarEdit = _interopRequireDefault(require("./components/AvatarEdit"));
+var _Card = _interopRequireDefault(require("./components/Card"));
+var _Carousel = _interopRequireDefault(require("./components/Carousel"));
+var _Checkbox = require("./components/Checkbox");
+var _Container = _interopRequireDefault(require("./components/Container"));
+var _Divider = _interopRequireDefault(require("./components/Divider"));
+var _FAB = _interopRequireDefault(require("./components/FAB"));
+var _FieldSearchBarFull = _interopRequireDefault(require("./components/FieldSearchBarFull"));
 var _IconButton = _interopRequireDefault(require("./components/IconButton"));
-var _Touchable = _interopRequireDefault(require("./components/Touchable"));
-var _ToggleButton = _interopRequireDefault(require("./components/ToggleButton"));
-var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
+var _Image = _interopRequireDefault(require("./components/Image"));
+var _SVG = _interopRequireDefault(require("./components/SVG"));
 var _NumberInput = _interopRequireDefault(require("./components/NumberInput"));
-var _TextField = _interopRequireDefault(require("./components/TextField"));
-var _FieldSearchBarFull = _interopRequireDefault(require("./components/FieldSearchBarFull"));
-var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
-var _Checkbox = require("./components/Checkbox");
-var _index = require("./components/RadioButton/index");
-var _Slider = _interopRequireDefault(require("./components/Slider"));
-var _Stepper = _interopRequireDefault(require("./components/Stepper"));
+var _ScreenContainer = _interopRequireDefault(require("./components/ScreenContainer"));
 var _StarRating = _interopRequireDefault(require("./components/StarRating"));
+var _Surface = _interopRequireDefault(require("./components/Surface"));
 var _Switch = _interopRequireWildcard(require("./components/Switch"));
-var _SVG = _interopRequireDefault(require("./components/SVG"));
-var _Image = _interopRequireDefault(require("./components/Image"));
-var _AvatarEdit = _interopRequireDefault(require("./components/AvatarEdit"));
-var _CircleImage = _interopRequireDefault(require("./components/CircleImage"));
-var _Swiper = require("./components/Swiper");
+var _TextField = _interopRequireDefault(require("./components/TextField"));
+var _ToggleButton = _interopRequireDefault(require("./components/ToggleButton"));
+var _Touchable = _interopRequireDefault(require("./components/Touchable"));
 var _Accordion = require("./components/Accordion");
-var _Surface = _interopRequireDefault(require("./components/Surface"));
 var _ActionSheet = require("./components/ActionSheet");
-var _Carousel = _interopRequireDefault(require("./components/Carousel"));
-var _Divider = _interopRequireDefault(require("./components/Divider"));
+var _Swiper = require("./components/Swiper");
+var _Layout = require("./components/Layout");
+var _index = require("./components/RadioButton/index");
+var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
+var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));
+var _CardContainerRating = _interopRequireDefault(require("./components/CardContainerRating"));
+var _CardInline = _interopRequireDefault(require("./components/CardInline"));
+var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
 var _HeaderLarge = _interopRequireDefault(require("./components/HeaderLarge"));
 var _HeaderMedium = _interopRequireDefault(require("./components/HeaderMedium"));
 var _HeaderOverline = _interopRequireDefault(require("./components/HeaderOverline"));
+var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
 var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));
 var _ProgressCircle = _interopRequireDefault(require("./components/ProgressCircle"));
 var _RowBodyIcon = _interopRequireDefault(require("./components/RowBodyIcon"));
 var _RowHeadlineImageCaption = _interopRequireDefault(require("./components/RowHeadlineImageCaption"));
 var _RowHeadlineImageIcon = _interopRequireDefault(require("./components/RowHeadlineImageIcon"));
-var _Card = _interopRequireDefault(require("./components/Card"));
-var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
-var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));
-var _CardContainerRating = _interopRequireDefault(require("./components/CardContainerRating"));
-var _CardInline = _interopRequireDefault(require("./components/CardInline"));
+var _Slider = _interopRequireDefault(require("./components/Slider"));
+var _Stepper = _interopRequireDefault(require("./components/Stepper"));
 var _useAuthState = require("./components/useAuthState");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/commonjs/mappings/FlashList.js

@@ -5,7 +5,42 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
-const SEED_DATA = {
+const SEED_DATA = [{
+  name: "Masonry List",
+  tag: "MasonryFlashList",
+  description: "Masonry Flashlist by Shopify",
+  packageName: "@shopify/flash-list",
+  category: _types.COMPONENT_TYPES.data,
+  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {
+    flex: 1
+  },
+  triggers: [_types.Triggers.OnRefresh, _types.Triggers.OnEndReached],
+  props: {
+    onRefresh: (0, _types.createActionProp)(),
+    onEndReached: (0, _types.createActionProp)(),
+    numColumns: (0, _types.createNumColumnsType)({
+      editable: true
+    }),
+    estimatedItemSize: (0, _types.createNumberProp)({
+      group: _types.GROUPS.basic,
+      label: "Est. Item Size",
+      description: "Approximate size of the items before rendering.",
+      defaultValue: 50,
+      step: 1,
+      precision: 0
+    }),
+    optimizeItemArrangement: (0, _types.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."
+    }),
+    onEndReachedThreshold: (0, _types.createStaticNumberProp)({
+      label: "End Reached Threshold",
+      description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
+      defaultValue: 0.5
+    })
+  }
+}, {
   name: "FlashList",
   tag: "FlashList",
   description: "Flashlist by Shopify",
@@ -15,7 +50,10 @@ const SEED_DATA = {
   layout: {
     flex: 1
   },
+  triggers: [_types.Triggers.OnRefresh, _types.Triggers.OnEndReached],
   props: {
+    onRefresh: (0, _types.createActionProp)(),
+    onEndReached: (0, _types.createActionProp)(),
     estimatedItemSize: (0, _types.createNumberProp)({
       group: _types.GROUPS.basic,
       label: "Est. Item Size",
@@ -34,7 +72,12 @@ const SEED_DATA = {
     }),
     numColumns: (0, _types.createNumColumnsType)({
       editable: true
+    }),
+    onEndReachedThreshold: (0, _types.createStaticNumberProp)({
+      label: "End Reached Threshold",
+      description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
+      defaultValue: 0.5
     })
   }
-};
+}];
 exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/FlatList.js

@@ -14,7 +14,10 @@ const SEED_DATA = {
   layout: {
     flex: 1
   },
+  triggers: [_types.Triggers.OnRefresh, _types.Triggers.OnEndReached],
   props: {
+    onRefresh: (0, _types.createActionProp)(),
+    onEndReached: (0, _types.createActionProp)(),
     horizontal: (0, _types.createStaticBoolProp)({
       label: "Horizontal",
       description: "Render list horizontally"
@@ -25,6 +28,15 @@ const SEED_DATA = {
     }),
     numColumns: (0, _types.createNumColumnsType)({
       editable: true
+    }),
+    initialNumToRender: (0, _types.createStaticBoolProp)({
+      label: "Initial Num To Render",
+      descriprion: "How many items to render in the initial batch"
+    }),
+    onEndReachedThreshold: (0, _types.createStaticNumberProp)({
+      label: "End Reached Threshold",
+      description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
+      defaultValue: 0.5
     })
   }
 };

package/lib/module/index.js

@@ -2,143 +2,53 @@ export { injectIcon } from "./interfaces/Icon";
 export { withTheme, ThemeProvider } from "./theming";
 export { default as Provider } from "./Provider";
 export { default as DefaultTheme } from "./styles/DefaultTheme";
-
-/** 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 { Link } from "./components/Text";
 export { default as Banner } from "./components/Banner";
-
-// BUTTONS
 export { Button, ButtonSolid, ButtonOutline } from "./components/Button";
-export { Link } from "./components/Text";
+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 Touchable } from "./components/Touchable";
-export { default as ToggleButton } from "./components/ToggleButton";
-
-// INPUTS
-export { default as DatePicker } from "./components/DatePicker/DatePicker";
+export { default as Image } from "./components/Image";
+export { default as SVG } from "./components/SVG";
 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 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";
-
-// 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 { 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 { 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";
 
-// OTHER
-export { default as Carousel } from "./components/Carousel";
-export { default as Divider } from "./components/Divider";
+/* 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";
 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 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 { default as Slider } from "./components/Slider";
+export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";
 
-/**
- * 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
- *
- * */
+// a comment to fix sourcemap comment issue

package/lib/module/mappings/FlashList.js

@@ -1,5 +1,40 @@
-import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS } from "@draftbit/types";
-export const SEED_DATA = {
+import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS, Triggers, createActionProp, createStaticNumberProp } 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],
+  props: {
+    onRefresh: createActionProp(),
+    onEndReached: 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."
+    }),
+    onEndReachedThreshold: createStaticNumberProp({
+      label: "End Reached Threshold",
+      description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
+      defaultValue: 0.5
+    })
+  }
+}, {
   name: "FlashList",
   tag: "FlashList",
   description: "Flashlist by Shopify",
@@ -9,7 +44,10 @@ export const SEED_DATA = {
   layout: {
     flex: 1
   },
+  triggers: [Triggers.OnRefresh, Triggers.OnEndReached],
   props: {
+    onRefresh: createActionProp(),
+    onEndReached: createActionProp(),
     estimatedItemSize: createNumberProp({
       group: GROUPS.basic,
       label: "Est. Item Size",
@@ -28,6 +66,11 @@ export const SEED_DATA = {
     }),
     numColumns: createNumColumnsType({
       editable: true
+    }),
+    onEndReachedThreshold: createStaticNumberProp({
+      label: "End Reached Threshold",
+      description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
+      defaultValue: 0.5
     })
   }
-};
+}];

package/lib/module/mappings/FlatList.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
+import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createStaticNumberProp } from "@draftbit/types";
 export const SEED_DATA = {
   name: "List",
   tag: "FlatList",
@@ -8,7 +8,10 @@ export const SEED_DATA = {
   layout: {
     flex: 1
   },
+  triggers: [Triggers.OnRefresh, Triggers.OnEndReached],
   props: {
+    onRefresh: createActionProp(),
+    onEndReached: createActionProp(),
     horizontal: createStaticBoolProp({
       label: "Horizontal",
       description: "Render list horizontally"
@@ -19,6 +22,15 @@ 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"
+    }),
+    onEndReachedThreshold: createStaticNumberProp({
+      label: "End Reached Threshold",
+      description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
+      defaultValue: 0.5
     })
   }
 };