@draftbit/core 46.6.9-b29a3c.2 → 46.7.1

package/lib/commonjs/components/Carousel.js

@@ -39,6 +39,7 @@ function Pager(_ref) {
   }));
 }
 function Carousel(_ref2) {
+  var _data$length;
   let {
     data,
     children,
@@ -48,7 +49,7 @@ function Carousel(_ref2) {
   } = _ref2;
   const [index, setIndex] = React.useState(0);
   const length = React.Children.count(children);
-  const itemsLength = ((data === null || data === void 0 ? void 0 : data.length) ?? 0) + length;
+  const itemsLength = ((_data$length = data === null || data === void 0 ? void 0 : data.length) !== null && _data$length !== void 0 ? _data$length : 0) + length;
   const slides = Array.isArray(data) ? data : [];
   const {
     width,

package/lib/commonjs/components/Config.js

@@ -25,13 +25,13 @@ const getFilters = options => {
     height
   } = options;
   const filters = ["c_scale", "q_auto", "dpr_auto"];
-  if (width) filters.push(`w_${width}`);
-  if (height) filters.push(`h_${height}`);
+  if (width) filters.push("w_".concat(width));
+  if (height) filters.push("h_".concat(height));
   return filters.join(",");
 };
 const buildImageUrl = (options, name) => {
   const filters = getFilters(options);
-  return ["https://res.cloudinary.com/altos/image/upload", filters, `${name}.png`].join("/");
+  return ["https://res.cloudinary.com/altos/image/upload", filters, "".concat(name, ".png")].join("/");
 };
 const getExtension = () => {
   return _reactNative.Platform.OS === "web" ? ".svg" : ".png";

package/lib/commonjs/components/DatePicker/DatePicker.js

@@ -79,12 +79,12 @@ const DatePicker = _ref => {
     let newDate = getValidDate();
     if (format) return (0, _dateformat.default)(newDate, format);
     if (mode === "time") {
-      return `${newDate.toLocaleTimeString()}`;
+      return "".concat(newDate.toLocaleTimeString());
     }
     if (mode === "datetime") {
-      return `${newDate.toLocaleString()}`;
+      return "".concat(newDate.toLocaleString());
     }
-    return `${MONTHS[newDate.getMonth()]} ${newDate.getDate()}, ${newDate.getFullYear()}`;
+    return "".concat(MONTHS[newDate.getMonth()], " ").concat(newDate.getDate(), ", ").concat(newDate.getFullYear());
   };
   const toggleVisibility = async () => {
     setPickerVisible(!pickerVisible);

package/lib/commonjs/components/Picker/Picker.js

@@ -46,7 +46,7 @@ const unstyledColor = "rgba(165, 173, 183, 1)";
 const disabledColor = "rgb(240, 240, 240)";
 const errorColor = "rgba(255, 69, 100, 1)";
 const Picker = _ref => {
-  var _find;
+  var _find$label, _find;
   let {
     error,
     options = [],
@@ -137,7 +137,7 @@ const Picker = _ref => {
     ...extractedMarginStyles
   };
   const stylesWithoutBordersAndMargins = (0, _lodash.omit)(viewStyles, [..._utilities.borderStyleNames, ..._utilities.marginStyleNames, ...additionalBorderStyles, ...additionalMarginStyles]);
-  const selectedLabel = internalValue && (((_find = pickerOptions.find(option => option.value === internalValue)) === null || _find === void 0 ? void 0 : _find.label) ?? internalValue);
+  const selectedLabel = internalValue && ((_find$label = (_find = pickerOptions.find(option => option.value === internalValue)) === null || _find === void 0 ? void 0 : _find.label) !== null && _find$label !== void 0 ? _find$label : internalValue);
   const labelText = label ? /*#__PURE__*/React.createElement(_reactNative.Text, {
     style: {
       textAlign: textStyles.textAlign,
@@ -220,7 +220,7 @@ const Picker = _ref => {
       style: styles.primaryTextContainer
     }, labelText, /*#__PURE__*/React.createElement(_reactNative.Text, {
       style: primaryTextStyle
-    }, String(selectedLabel ?? placeholder))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    }, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
       style: [styles.iosPicker, {
         backgroundColor: colors.divider
       }]

package/lib/commonjs/components/Picker/PickerComponent.android.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 Picker = _ref => {
-  var _options$find;
+  var _options$find$label, _options$find;
   let {
     style,
     options,
@@ -71,7 +71,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) ?? selectedValue);
+  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
   return /*#__PURE__*/React.createElement(_Touchable.default, {
     disabled: disabled,
     onPress: toggleFocus,

package/lib/commonjs/components/Picker/PickerComponent.ios.js

@@ -20,7 +20,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 Picker = _ref => {
-  var _options$find;
+  var _options$find$label, _options$find;
   let {
     Icon,
     style,
@@ -74,7 +74,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) ?? selectedValue);
+  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
   return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.container, viewStyles]
   }, /*#__PURE__*/React.createElement(_Touchable.default, {

package/lib/commonjs/components/Picker/PickerComponent.web.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 Picker = _ref => {
-  var _options$find;
+  var _options$find$label, _options$find;
   let {
     style,
     options,
@@ -71,7 +71,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) ?? selectedValue);
+  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
   return /*#__PURE__*/React.createElement(_Touchable.default, {
     disabled: disabled,
     onPress: toggleFocus,

package/lib/commonjs/components/RadioButton/RadioButton.js

@@ -34,7 +34,7 @@ const RadioButton = _ref => {
   } = (0, _context.useRadioButtonGroupContext)();
   const realValue = (0, _utilities.getValueForRadioButton)(value);
   const realContextValue = (0, _utilities.getValueForRadioButton)(contextValue);
-  const isSelected = selected ?? realContextValue === realValue;
+  const isSelected = selected !== null && selected !== void 0 ? selected : realContextValue === realValue;
   const handlePress = () => {
     onPress === null || onPress === void 0 ? void 0 : onPress(realValue);
     onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);

package/lib/commonjs/components/RadioButton/RadioButtonRow.js

@@ -63,7 +63,7 @@ const RadioButtonRow = _ref => {
   } = (0, _context.useRadioButtonGroupContext)();
   const realValue = (0, _utilities.getValueForRadioButton)(value);
   const realContextValue = (0, _utilities.getValueForRadioButton)(contextValue);
-  const isSelected = selected ?? realContextValue === realValue;
+  const isSelected = selected !== null && selected !== void 0 ? selected : realContextValue === realValue;
   const handlePress = () => {
     onPress === null || onPress === void 0 ? void 0 : onPress(realValue);
     onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);

package/lib/commonjs/components/StepIndicator.js

@@ -235,7 +235,7 @@ class StepIndicator extends _react.Component {
         stepStatus: this.getStepStatus(position)
       }) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
         style: indicatorLabelStyle
-      }, `${position + 1}`));
+      }, "".concat(position + 1)));
     });
     _defineProperty(this, "getStepStatus", stepPosition => {
       const {

package/lib/commonjs/components/Stepper.js

@@ -33,7 +33,7 @@ const Stepper = _ref => {
     viewStyles,
     textStyles
   } = (0, _utilities.extractStyles)(style);
-  const [value, setValue] = (0, _react.useState)(defaultValue ?? 0);
+  const [value, setValue] = (0, _react.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
   const isValidValue = valueArg => valueArg >= min && valueArg <= max;
   const handlePlusOrMinus = type => {
     const newValue = type === "plus" ? value + 1 : value - 1;
@@ -82,5 +82,4 @@ const Stepper = _ref => {
   }));
 };
 var _default = (0, _theming.withTheme)(Stepper);
-exports.default = _default;g.withTheme)(Stepper);
 exports.default = _default;

package/lib/commonjs/constants.js

@@ -12,4 +12,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
   android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
   ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
 });
-exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;

package/lib/commonjs/hooks.js

@@ -10,11 +10,12 @@ function usePrevious(value) {
   // The ref object is a generic container whose current property is mutable
   // and can hold any value, similar to an instance property on a class
   const ref = _react.default.useRef();
+
   // Store current value in ref
   _react.default.useEffect(() => {
     ref.current = value;
   }, [value]);
+
   // Return previous value (happens before update in useEffect above)
   return ref.current;
-}
 }

package/lib/commonjs/mappings/DatePicker.js

@@ -156,7 +156,7 @@ const SEED_DATA = [{
   category: _types.COMPONENT_TYPES.input,
   layout: null,
   triggers: [_types.Triggers.OnDateChange],
-  StylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position],
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position],
   props: {
     ...SEED_DATA_PROPS,
     type: {

package/lib/commonjs/mappings/FlashList.js

@@ -30,9 +30,10 @@ const SEED_DATA = [{
       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."
+    initialNumToRender: (0, _types.createStaticNumberProp)({
+      label: "Initial Num To Render",
+      description: "How many items to render in the initial batch",
+      defaultValue: null
     }),
     onEndReachedThreshold: (0, _types.createStaticNumberProp)({
       label: "End Reached Threshold",
@@ -73,6 +74,11 @@ const SEED_DATA = [{
     numColumns: (0, _types.createNumColumnsType)({
       editable: true
     }),
+    initialNumToRender: (0, _types.createStaticNumberProp)({
+      label: "Initial Num To Render",
+      description: "How many items to render in the initial batch",
+      defaultValue: null
+    }),
     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.",

package/lib/commonjs/mappings/FlatList.js

@@ -29,9 +29,10 @@ const SEED_DATA = {
     numColumns: (0, _types.createNumColumnsType)({
       editable: true
     }),
-    initialNumToRender: (0, _types.createStaticBoolProp)({
+    initialNumToRender: (0, _types.createStaticNumberProp)({
       label: "Initial Num To Render",
-      descriprion: "How many items to render in the initial batch"
+      description: "How many items to render in the initial batch",
+      defaultValue: null
     }),
     onEndReachedThreshold: (0, _types.createStaticNumberProp)({
       label: "End Reached Threshold",

package/lib/commonjs/mappings/TextField.js

@@ -283,7 +283,7 @@ const SEED_DATA = [{
     ...SEED_DATA_PROPS,
     type: {
       label: "Appearance",
-      description: "Type of Datepicker",
+      description: "Type of Field",
       formType: _types.FORM_TYPES.flatArray,
       propType: _types.PROP_TYPES.STRING,
       defaultValue: "solid",
@@ -325,7 +325,7 @@ const SEED_DATA = [{
     ...SEED_DATA_PROPS,
     type: {
       label: "Appearance",
-      description: "Type of Datepicker",
+      description: "Type of Field",
       formType: _types.FORM_TYPES.flatArray,
       propType: _types.PROP_TYPES.STRING,
       defaultValue: "solid",

package/lib/commonjs/utilities.js

@@ -88,6 +88,6 @@ function getValueForRadioButton(value) {
   } else if ((0, _lodash.isNumber)(value)) {
     return String(value);
   } else {
-    throw new Error(`Invalid value: ${value}`);
+    throw new Error("Invalid value: ".concat(value));
   }
 }

package/lib/module/components/Accordion/AccordionItem.js

@@ -1,4 +1,3 @@
-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); }
 import * as React from "react";
 import { Pressable, StyleSheet, View } from "react-native";
 import Text from "../Text";
@@ -18,9 +17,10 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Pressable, _extends({
-    style: [styles.container, viewStyles]
-  }, rest), /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(Pressable, {
+    style: [styles.container, viewStyles],
+    ...rest
+  }, /*#__PURE__*/React.createElement(View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -51,4 +51,25 @@ const styles = StyleSheet.create({
     justifyContent: "center"
   }
 });
+export default withTheme(AccordionItem);xtStyles
+  }, label))));
+};
+const styles = StyleSheet.create({
+  container: {
+    padding: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8
+  },
+  item: {
+    marginVertical: 6,
+    paddingLeft: 8
+  },
+  content: {
+    flex: 1,
+    justifyContent: "center"
+  }
+});
 export default withTheme(AccordionItem);

package/lib/module/components/Carousel.js

@@ -30,6 +30,7 @@ function Pager(_ref) {
   }));
 }
 function Carousel(_ref2) {
+  var _data$length;
   let {
     data,
     children,
@@ -39,7 +40,7 @@ function Carousel(_ref2) {
   } = _ref2;
   const [index, setIndex] = React.useState(0);
   const length = React.Children.count(children);
-  const itemsLength = ((data === null || data === void 0 ? void 0 : data.length) ?? 0) + length;
+  const itemsLength = ((_data$length = data === null || data === void 0 ? void 0 : data.length) !== null && _data$length !== void 0 ? _data$length : 0) + length;
   const slides = Array.isArray(data) ? data : [];
   const {
     width,

package/lib/module/components/Config.js

@@ -19,13 +19,13 @@ const getFilters = options => {
     height
   } = options;
   const filters = ["c_scale", "q_auto", "dpr_auto"];
-  if (width) filters.push(`w_${width}`);
-  if (height) filters.push(`h_${height}`);
+  if (width) filters.push("w_".concat(width));
+  if (height) filters.push("h_".concat(height));
   return filters.join(",");
 };
 const buildImageUrl = (options, name) => {
   const filters = getFilters(options);
-  return ["https://res.cloudinary.com/altos/image/upload", filters, `${name}.png`].join("/");
+  return ["https://res.cloudinary.com/altos/image/upload", filters, "".concat(name, ".png")].join("/");
 };
 const getExtension = () => {
   return Platform.OS === "web" ? ".svg" : ".png";

package/lib/module/components/DatePicker/DatePicker.js

@@ -70,12 +70,12 @@ const DatePicker = _ref => {
     let newDate = getValidDate();
     if (format) return dateFormat(newDate, format);
     if (mode === "time") {
-      return `${newDate.toLocaleTimeString()}`;
+      return "".concat(newDate.toLocaleTimeString());
     }
     if (mode === "datetime") {
-      return `${newDate.toLocaleString()}`;
+      return "".concat(newDate.toLocaleString());
     }
-    return `${MONTHS[newDate.getMonth()]} ${newDate.getDate()}, ${newDate.getFullYear()}`;
+    return "".concat(MONTHS[newDate.getMonth()], " ").concat(newDate.getDate(), ", ").concat(newDate.getFullYear());
   };
   const toggleVisibility = async () => {
     setPickerVisible(!pickerVisible);

package/lib/module/components/Picker/Picker.js

@@ -37,7 +37,7 @@ const unstyledColor = "rgba(165, 173, 183, 1)";
 const disabledColor = "rgb(240, 240, 240)";
 const errorColor = "rgba(255, 69, 100, 1)";
 const Picker = _ref => {
-  var _find;
+  var _find$label, _find;
   let {
     error,
     options = [],
@@ -128,7 +128,7 @@ const Picker = _ref => {
     ...extractedMarginStyles
   };
   const stylesWithoutBordersAndMargins = omit(viewStyles, [...borderStyleNames, ...marginStyleNames, ...additionalBorderStyles, ...additionalMarginStyles]);
-  const selectedLabel = internalValue && (((_find = pickerOptions.find(option => option.value === internalValue)) === null || _find === void 0 ? void 0 : _find.label) ?? internalValue);
+  const selectedLabel = internalValue && ((_find$label = (_find = pickerOptions.find(option => option.value === internalValue)) === null || _find === void 0 ? void 0 : _find.label) !== null && _find$label !== void 0 ? _find$label : internalValue);
   const labelText = label ? /*#__PURE__*/React.createElement(Text, {
     style: {
       textAlign: textStyles.textAlign,
@@ -211,7 +211,7 @@ const Picker = _ref => {
       style: styles.primaryTextContainer
     }, labelText, /*#__PURE__*/React.createElement(Text, {
       style: primaryTextStyle
-    }, String(selectedLabel ?? placeholder))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
+    }, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
       style: [styles.iosPicker, {
         backgroundColor: colors.divider
       }]

package/lib/module/components/Picker/PickerComponent.android.js

@@ -8,7 +8,7 @@ import { extractStyles } from "../../utilities";
 import TextField from "../TextField";
 import Touchable from "../Touchable";
 const Picker = _ref => {
-  var _options$find;
+  var _options$find$label, _options$find;
   let {
     style,
     options,
@@ -62,7 +62,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) ?? selectedValue);
+  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
   return /*#__PURE__*/React.createElement(Touchable, {
     disabled: disabled,
     onPress: toggleFocus,

package/lib/module/components/Picker/PickerComponent.ios.js

@@ -11,7 +11,7 @@ import TextField from "../TextField";
 import Touchable from "../Touchable";
 import { extractStyles } from "../../utilities";
 const Picker = _ref => {
-  var _options$find;
+  var _options$find$label, _options$find;
   let {
     Icon,
     style,
@@ -65,7 +65,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) ?? selectedValue);
+  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, viewStyles]
   }, /*#__PURE__*/React.createElement(Touchable, {

package/lib/module/components/Picker/PickerComponent.web.js

@@ -8,7 +8,7 @@ import { extractStyles } from "../../utilities";
 import TextField from "../TextField";
 import Touchable from "../Touchable";
 const Picker = _ref => {
-  var _options$find;
+  var _options$find$label, _options$find;
   let {
     style,
     options,
@@ -62,7 +62,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) ?? selectedValue);
+  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
   return /*#__PURE__*/React.createElement(Touchable, {
     disabled: disabled,
     onPress: toggleFocus,

package/lib/module/components/RadioButton/RadioButton.js

@@ -25,7 +25,7 @@ const RadioButton = _ref => {
   } = useRadioButtonGroupContext();
   const realValue = getValueForRadioButton(value);
   const realContextValue = getValueForRadioButton(contextValue);
-  const isSelected = selected ?? realContextValue === realValue;
+  const isSelected = selected !== null && selected !== void 0 ? selected : realContextValue === realValue;
   const handlePress = () => {
     onPress === null || onPress === void 0 ? void 0 : onPress(realValue);
     onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);

package/lib/module/components/RadioButton/RadioButtonRow.js

@@ -54,7 +54,7 @@ const RadioButtonRow = _ref => {
   } = useRadioButtonGroupContext();
   const realValue = getValueForRadioButton(value);
   const realContextValue = getValueForRadioButton(contextValue);
-  const isSelected = selected ?? realContextValue === realValue;
+  const isSelected = selected !== null && selected !== void 0 ? selected : realContextValue === realValue;
   const handlePress = () => {
     onPress === null || onPress === void 0 ? void 0 : onPress(realValue);
     onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);

package/lib/module/components/StepIndicator.js

@@ -228,7 +228,7 @@ export default class StepIndicator extends Component {
         stepStatus: this.getStepStatus(position)
       }) : /*#__PURE__*/React.createElement(Text, {
         style: indicatorLabelStyle
-      }, `${position + 1}`));
+      }, "".concat(position + 1)));
     });
     _defineProperty(this, "getStepStatus", stepPosition => {
       const {

package/lib/module/components/Stepper.js

@@ -24,7 +24,7 @@ const Stepper = _ref => {
     viewStyles,
     textStyles
   } = extractStyles(style);
-  const [value, setValue] = useState(defaultValue ?? 0);
+  const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
   const isValidValue = valueArg => valueArg >= min && valueArg <= max;
   const handlePlusOrMinus = type => {
     const newValue = type === "plus" ? value + 1 : value - 1;
@@ -72,7 +72,4 @@ const Stepper = _ref => {
     }
   }));
 };
-export default withTheme(Stepper);    }
-  }));
-};
 export default withTheme(Stepper);

package/lib/module/mappings/DatePicker.js

@@ -150,7 +150,7 @@ export const SEED_DATA = [{
   category: COMPONENT_TYPES.input,
   layout: null,
   triggers: [Triggers.OnDateChange],
-  StylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position],
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position],
   props: {
     ...SEED_DATA_PROPS,
     type: {

package/lib/module/mappings/FlashList.js

@@ -24,9 +24,10 @@ export const SEED_DATA = [{
       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."
+    initialNumToRender: createStaticNumberProp({
+      label: "Initial Num To Render",
+      description: "How many items to render in the initial batch",
+      defaultValue: null
     }),
     onEndReachedThreshold: createStaticNumberProp({
       label: "End Reached Threshold",
@@ -67,6 +68,11 @@ export const SEED_DATA = [{
     numColumns: createNumColumnsType({
       editable: true
     }),
+    initialNumToRender: createStaticNumberProp({
+      label: "Initial Num To Render",
+      description: "How many items to render in the initial batch",
+      defaultValue: null
+    }),
     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.",

package/lib/module/mappings/FlatList.js

@@ -23,9 +23,10 @@ export const SEED_DATA = {
     numColumns: createNumColumnsType({
       editable: true
     }),
-    initialNumToRender: createStaticBoolProp({
+    initialNumToRender: createStaticNumberProp({
       label: "Initial Num To Render",
-      descriprion: "How many items to render in the initial batch"
+      description: "How many items to render in the initial batch",
+      defaultValue: null
     }),
     onEndReachedThreshold: createStaticNumberProp({
       label: "End Reached Threshold",

package/lib/module/mappings/TextField.js

@@ -277,7 +277,7 @@ export const SEED_DATA = [{
     ...SEED_DATA_PROPS,
     type: {
       label: "Appearance",
-      description: "Type of Datepicker",
+      description: "Type of Field",
       formType: FORM_TYPES.flatArray,
       propType: PROP_TYPES.STRING,
       defaultValue: "solid",
@@ -319,7 +319,7 @@ export const SEED_DATA = [{
     ...SEED_DATA_PROPS,
     type: {
       label: "Appearance",
-      description: "Type of Datepicker",
+      description: "Type of Field",
       formType: FORM_TYPES.flatArray,
       propType: PROP_TYPES.STRING,
       defaultValue: "solid",

package/lib/module/utilities.js

@@ -75,6 +75,6 @@ export function getValueForRadioButton(value) {
   } else if (isNumber(value)) {
     return String(value);
   } else {
-    throw new Error(`Invalid value: ${value}`);
+    throw new Error("Invalid value: ".concat(value));
   }
 }

package/lib/typescript/src/mappings/DatePicker.d.ts

@@ -5,7 +5,7 @@ export declare const SEED_DATA: {
     category: string;
     layout: null;
     triggers: string[];
-    StylesPanelSections: string[];
+    stylesPanelSections: string[];
     props: {
         type: {
             label: string;

package/lib/typescript/src/mappings/FlashList.d.ts

@@ -51,15 +51,16 @@ export declare const SEED_DATA: ({
             required: boolean;
             step: number;
         };
-        optimizeItemArrangement: {
+        initialNumToRender: {
             label: string;
             description: string;
             formType: string;
             propType: string;
-            defaultValue: boolean;
+            group: string;
+            defaultValue: null;
             editable: boolean;
             required: boolean;
-            group: string;
+            step: number;
         };
         onEndReachedThreshold: {
             label: string;
@@ -148,6 +149,17 @@ export declare const SEED_DATA: ({
             editable: boolean;
             required: boolean;
         };
+        initialNumToRender: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
         onEndReachedThreshold: {
             label: string;
             description: string;
@@ -159,7 +171,6 @@ export declare const SEED_DATA: ({
             required: boolean;
             step: number;
         };
-        optimizeItemArrangement?: undefined;
     };
 })[];
 //# sourceMappingURL=FlashList.d.ts.map

package/lib/typescript/src/mappings/FlashList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlashList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlashList.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgFrB,CAAC"}
+{"version":3,"file":"FlashList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlashList.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqFrB,CAAC"}

package/lib/typescript/src/mappings/FlatList.d.ts

@@ -64,10 +64,11 @@ export declare const SEED_DATA: {
             description: string;
             formType: string;
             propType: string;
-            defaultValue: boolean;
+            group: string;
+            defaultValue: null;
             editable: boolean;
             required: boolean;
-            group: string;
+            step: number;
         };
         onEndReachedThreshold: {
             label: string;

package/lib/typescript/src/mappings/FlatList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlatList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlatList.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCrB,CAAC"}
+{"version":3,"file":"FlatList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlatList.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.6.9-b29a3c.2+b29a3c3",
+  "version": "46.7.1",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.6.9-b29a3c.2+b29a3c3",
+    "@draftbit/types": "^46.7.1",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -91,5 +91,5 @@
       ]
     ]
   },
-  "gitHead": "b29a3c3bf7506865e65db6bca5dd8caecd91940a"
+  "gitHead": "8d12faf1ea70acaa116189494f1d2742c8388faf"
 }

package/src/mappings/DatePicker.js

@@ -151,7 +151,7 @@ export const SEED_DATA = [
         category: COMPONENT_TYPES.input,
         layout: null,
         triggers: [Triggers.OnDateChange],
-        StylesPanelSections: [
+        stylesPanelSections: [
             StylesPanelSections.Typography,
             StylesPanelSections.Background,
             StylesPanelSections.Size,

package/src/mappings/DatePicker.ts

@@ -165,7 +165,7 @@ export const SEED_DATA = [
     category: COMPONENT_TYPES.input,
     layout: null,
     triggers: [Triggers.OnDateChange],
-    StylesPanelSections: [
+    stylesPanelSections: [
       StylesPanelSections.Typography,
       StylesPanelSections.Background,
       StylesPanelSections.Size,

package/src/mappings/FlashList.js

@@ -25,9 +25,10 @@ export const SEED_DATA = [
                 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.",
+            initialNumToRender: createStaticNumberProp({
+                label: "Initial Num To Render",
+                description: "How many items to render in the initial batch",
+                defaultValue: null,
             }),
             onEndReachedThreshold: createStaticNumberProp({
                 label: "End Reached Threshold",
@@ -69,6 +70,11 @@ export const SEED_DATA = [
             numColumns: createNumColumnsType({
                 editable: true,
             }),
+            initialNumToRender: createStaticNumberProp({
+                label: "Initial Num To Render",
+                description: "How many items to render in the initial batch",
+                defaultValue: null,
+            }),
             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.",

package/src/mappings/FlashList.ts

@@ -36,10 +36,10 @@ export const SEED_DATA = [
         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.",
+      initialNumToRender: createStaticNumberProp({
+        label: "Initial Num To Render",
+        description: "How many items to render in the initial batch",
+        defaultValue: null,
       }),
       onEndReachedThreshold: createStaticNumberProp({
         label: "End Reached Threshold",
@@ -82,6 +82,11 @@ export const SEED_DATA = [
       numColumns: createNumColumnsType({
         editable: true,
       }),
+      initialNumToRender: createStaticNumberProp({
+        label: "Initial Num To Render",
+        description: "How many items to render in the initial batch",
+        defaultValue: null,
+      }),
       onEndReachedThreshold: createStaticNumberProp({
         label: "End Reached Threshold",
         description:

package/src/mappings/FlatList.js

@@ -23,9 +23,10 @@ export const SEED_DATA = {
         numColumns: createNumColumnsType({
             editable: true,
         }),
-        initialNumToRender: createStaticBoolProp({
+        initialNumToRender: createStaticNumberProp({
             label: "Initial Num To Render",
-            descriprion: "How many items to render in the initial batch",
+            description: "How many items to render in the initial batch",
+            defaultValue: null,
         }),
         onEndReachedThreshold: createStaticNumberProp({
             label: "End Reached Threshold",

package/src/mappings/FlatList.ts

@@ -32,9 +32,10 @@ export const SEED_DATA = {
     numColumns: createNumColumnsType({
       editable: true,
     }),
-    initialNumToRender: createStaticBoolProp({
+    initialNumToRender: createStaticNumberProp({
       label: "Initial Num To Render",
-      descriprion: "How many items to render in the initial batch",
+      description: "How many items to render in the initial batch",
+      defaultValue: null,
     }),
     onEndReachedThreshold: createStaticNumberProp({
       label: "End Reached Threshold",

package/src/mappings/TextField.js

@@ -306,7 +306,7 @@ export const SEED_DATA = [
             ...SEED_DATA_PROPS,
             type: {
                 label: "Appearance",
-                description: "Type of Datepicker",
+                description: "Type of Field",
                 formType: FORM_TYPES.flatArray,
                 propType: PROP_TYPES.STRING,
                 defaultValue: "solid",
@@ -357,7 +357,7 @@ export const SEED_DATA = [
             ...SEED_DATA_PROPS,
             type: {
                 label: "Appearance",
-                description: "Type of Datepicker",
+                description: "Type of Field",
                 formType: FORM_TYPES.flatArray,
                 propType: PROP_TYPES.STRING,
                 defaultValue: "solid",

package/src/mappings/TextField.ts

@@ -328,7 +328,7 @@ export const SEED_DATA = [
       ...SEED_DATA_PROPS,
       type: {
         label: "Appearance",
-        description: "Type of Datepicker",
+        description: "Type of Field",
         formType: FORM_TYPES.flatArray,
         propType: PROP_TYPES.STRING,
         defaultValue: "solid",
@@ -380,7 +380,7 @@ export const SEED_DATA = [
       ...SEED_DATA_PROPS,
       type: {
         label: "Appearance",
-        description: "Type of Datepicker",
+        description: "Type of Field",
         formType: FORM_TYPES.flatArray,
         propType: PROP_TYPES.STRING,
         defaultValue: "solid",