@draftbit/core 46.2.4-1c9faf.10 → 46.2.4-23a57c.12

package/lib/commonjs/components/AspectRatio.js

@@ -11,6 +11,8 @@ var _reactNative = require("react-native");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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 AspectRatio = props => {
   const [layout, setLayout] = _react.default.useState(null);
 
@@ -41,25 +43,6 @@ const AspectRatio = props => {
     }
   }
 
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, { ...props,
-    style: style,
-    onLayout: _ref => {
-      let {
-        nativeEvent: {
-          layout: l
-        }
-      } = _ref;
-      return setLayout(l);
-    }
-  }, props.children);
-};
-
-var _default = AspectRatio;
-exports.default = _default;
-      });
-    }
-  }
-
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, props, {
     style: style,
     onLayout: _ref => {

package/lib/commonjs/components/Banner.js

@@ -21,6 +21,8 @@ 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 ELEVATION = 1;
 const DEFAULT_MAX_WIDTH = 960;
 
@@ -92,9 +94,9 @@ const Banner = _ref => {
 
   const translateY = _reactNative.Animated.multiply(_reactNative.Animated.add(position, -1), layout.height);
 
-  return /*#__PURE__*/React.createElement(_Surface.default, { ...rest,
+  return /*#__PURE__*/React.createElement(_Surface.default, _extends({}, rest, {
     style: [styles.container, (0, _shadow.default)(ELEVATION), style]
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.wrapper, contentStyle]
   }, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
     style: {
@@ -176,26 +178,4 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(Banner);
 
-exports.default = _default;ow",
-    justifyContent: "flex-start",
-    marginHorizontal: 8,
-    marginTop: 16,
-    marginBottom: 0
-  },
-  icon: {
-    margin: 8
-  },
-  message: {
-    flex: 1,
-    margin: 8
-  },
-  actions: {
-    flexDirection: "row",
-    justifyContent: "flex-end",
-    margin: 8
-  }
-});
-
-var _default = (0, _theming.withTheme)(Banner);
-
 exports.default = _default;

package/lib/commonjs/components/CardContainerRating.js

@@ -25,6 +25,8 @@ var _Config = _interopRequireDefault(require("./Config"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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 ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
 const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
 
@@ -63,12 +65,11 @@ const CardContainerRating = _ref => {
       break;
   }
 
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
+  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
     style: style,
     onPress: onPress,
-    numColumns: numColumns,
-    ...rest
-  }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
+    numColumns: numColumns
+  }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
     style: {
       elevation,
       borderRadius: roundness
@@ -147,15 +148,4 @@ const CardContainerRating = _ref => {
 
 var _default = (0, _theming.withTheme)(CardContainerRating);
 
-exports.default = _default;or.default)(colors.strong).alpha(_Config.default.cardIconBackgroundOpacity).rgb().string()
-    }
-  }, /*#__PURE__*/_react.default.createElement(Icon, {
-    name: icon,
-    size: _Config.default.cardIconSize,
-    color: colors.surface
-  })) : null)));
-};
-
-var _default = (0, _theming.withTheme)(CardContainerRating);
-
 exports.default = _default;

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

@@ -21,6 +21,8 @@ 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 Checkbox = _ref => {
   let {
     Icon,
@@ -71,7 +73,7 @@ const Checkbox = _ref => {
     }
   };
 
-  return /*#__PURE__*/React.createElement(_Touchable.default, { ...rest,
+  return /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
     onPress: handlePress,
     disabled: disabled,
     accessibilityState: {
@@ -83,7 +85,7 @@ const Checkbox = _ref => {
       width: size,
       height: size
     }]
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }), /*#__PURE__*/React.createElement(Icon, {
     style: styles.icon,
     name: internalValue ? checkedIcon : uncheckedIcon,
     size: size,

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

@@ -8,7 +8,7 @@ exports.useCheckboxGroupContext = useCheckboxGroupContext;
 
 var _react = require("react");
 
-var Direction;
+let Direction;
 exports.Direction = Direction;
 
 (function (Direction) {

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

@@ -27,6 +27,8 @@ 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 AnimatedText = _reactNative.Animated.createAnimatedComponent(_reactNative.Text);
 
 const FOCUS_ANIMATION_DURATION = 150;
@@ -282,9 +284,9 @@ const DatePicker = _ref => {
     pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.container, style]
-  }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
+  }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
     style: leftIconStyle
-  }) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
+  })) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [containerStyle, style ? {
       height: style.height
     } : {}]
@@ -332,11 +334,11 @@ const DatePicker = _ref => {
       opacity: hasActiveOutline ? labeled : 1
     }],
     numberOfLines: 1
-  }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
+  }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
     style: { ...leftIconStyle,
       marginLeft: type === "solid" ? 16 : 0
     }
-  }) : null, /*#__PURE__*/React.createElement(_reactNative.TextInput, {
+  })) : null, /*#__PURE__*/React.createElement(_reactNative.TextInput, _extends({
     value: formatDate(),
     placeholder: label ? placeholder1 : placeholder,
     editable: !disabled,
@@ -345,9 +347,8 @@ const DatePicker = _ref => {
     onFocus: _handleFocus,
     onBlur: _handleBlur,
     underlineColorAndroid: "transparent",
-    style: inputStyles,
-    ...props
-  })), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
+    style: inputStyles
+  }, props))), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
     name: rightIconName,
     size: ICON_SIZE,
     color: colors.light,

package/lib/commonjs/components/IconButton.js

@@ -15,6 +15,8 @@ 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 IconButton = _ref => {
   let {
     Icon,
@@ -29,7 +31,7 @@ const IconButton = _ref => {
     ...props
   } = _ref;
   const iconColor = customColor || theme.colors.primary;
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
     onPress: onPress,
     disabled: disabled || loading,
     style: _ref2 => {
@@ -43,9 +45,8 @@ const IconButton = _ref => {
         alignItems: "center",
         justifyContent: "center"
       }, style];
-    },
-    ...props
-  }, /*#__PURE__*/React.createElement(_reactNative.View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
+    }
+  }, props), /*#__PURE__*/React.createElement(_reactNative.View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
     size: size - 2,
     color: iconColor
@@ -70,22 +71,4 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(IconButton);
 
-exports.default = _default;) : null));
-};
-
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    alignItems: "center",
-    justifyContent: "center",
-    ..._reactNative.Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  }
-});
-
-var _default = (0, _theming.withTheme)(IconButton);
-
 exports.default = _default;

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

@@ -27,7 +27,11 @@ 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$label, _options$find;
+
   let {
     style,
     options,
@@ -37,9 +41,6 @@ const Picker = _ref => {
     onValueChange: onValueChangeOverride = () => {},
     ...props
   } = _ref;
-
-  var _a, _b;
-
   const {
     viewStyles: {
       borderRadius,
@@ -86,7 +87,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && ((_b = (_a = options.find(o => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : 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,
@@ -111,26 +112,6 @@ const Picker = _ref => {
     key: o.value
   }))), /*#__PURE__*/React.createElement(_reactNative.View, {
     pointerEvents: "none"
-  }, /*#__PURE__*/React.createElement(_TextField.default, { ...props,
-    value: selectedLabel,
-    placeholder: placeholder,
-    // @ts-ignore
-    ref: textField,
-    disabled: disabled,
-    // @ts-expect-error
-    style: stylesWithoutMargin
-  }))));
-};
-
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    alignSelf: "stretch"
-  }
-});
-
-var _default = (0, _theming.withTheme)(Picker);
-
-exports.default = _default; pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
     value: selectedLabel,
     placeholder: placeholder // @ts-ignore

package/lib/commonjs/components/Portal/PortalManager.js

@@ -13,26 +13,29 @@ 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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 /**
  * Portal host is the component which actually renders all Portals.
  */
 class PortalManager extends React.PureComponent {
   constructor() {
     super(...arguments);
-    this.state = {
+
+    _defineProperty(this, "state", {
       portals: []
-    };
+    });
 
-    this.mount = (key, children) => {
+    _defineProperty(this, "mount", (key, children) => {
       this.setState(state => ({
         portals: [...state.portals, {
           key,
           children
         }]
       }));
-    };
+    });
 
-    this.update = (key, children) => this.setState(state => ({
+    _defineProperty(this, "update", (key, children) => this.setState(state => ({
       portals: state.portals.map(item => {
         if (item.key === key) {
           return { ...item,
@@ -42,11 +45,11 @@ class PortalManager extends React.PureComponent {
 
         return item;
       })
-    }));
+    })));
 
-    this.unmount = key => this.setState(state => ({
+    _defineProperty(this, "unmount", key => this.setState(state => ({
       portals: state.portals.filter(item => item.key !== key)
-    }));
+    })));
   }
 
   render() {
@@ -68,15 +71,4 @@ class PortalManager extends React.PureComponent {
 
 }
 
-exports.default = PortalManager;le: false
-        /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */
-        ,
-        pointerEvents: "box-none",
-        style: _reactNative.StyleSheet.absoluteFill
-      }, children);
-    });
-  }
-
-}
-
 exports.default = PortalManager;

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

@@ -17,6 +17,8 @@ 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 {
   Provider
 } = _context.radioButtonGroupContext;
@@ -61,24 +63,9 @@ const RadioButtonGroup = _ref => {
     });
   }
 
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
     style: [{
       minHeight: 40
-    }, style],
-    ...rest
-  }, /*#__PURE__*/React.createElement(Provider, {
-    value: {
-      value: internalValue,
-      onValueChange: handleValueChange,
-      direction
-    }
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: _containerStyle
-  }, children)));
-};
-
-var _default = RadioButtonGroup;
-exports.default = _default;0
     }, style]
   }, rest), /*#__PURE__*/React.createElement(Provider, {
     value: {

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

@@ -25,7 +25,9 @@ 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; }
 
-var Direction;
+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); }
+
+let Direction;
 exports.Direction = Direction;
 
 (function (Direction) {
@@ -88,14 +90,13 @@ const RadioButtonRow = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_Touchable.default, {
+  return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
     onPress: handlePress,
     style: [styles.mainParent, {
       flexDirection: direction
     }, viewStyles],
-    disabled: disabled,
-    ...rest
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    disabled: disabled
+  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -134,24 +135,5 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 
-var _default = RadioButtonRow;
-exports.default = _default; "center",
-    justifyContent: "space-around",
-    paddingStart: 20,
-    minHeight: 50,
-    paddingEnd: 20,
-    display: "flex",
-    ..._reactNative.Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  },
-  label: {
-    flex: 3
-  }
-});
-
 var _default = RadioButtonRow;
 exports.default = _default;

package/lib/commonjs/components/Slider.js

@@ -23,6 +23,8 @@ 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); }
+
 function maybeParseValue(value) {
   if (value === undefined) {
     return undefined;
@@ -89,10 +91,9 @@ function Slider(_ref) {
     onValueChange(newValue);
   };
 
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [styles.container, style],
-    ...rest
-  }, leftIcon ? /*#__PURE__*/React.createElement(Icon, {
+  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+    style: [styles.container, style]
+  }, rest), leftIcon ? /*#__PURE__*/React.createElement(Icon, {
     color: leftIconThemeColor,
     name: leftIcon,
     size: 24
@@ -128,24 +129,4 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(Slider);
 
-exports.default = _default;: rightIconThemeColor,
-    name: rightIcon,
-    size: 24
-  }) : null);
-}
-
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    height: 40,
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  slider: {
-    flex: 1,
-    marginHorizontal: 12
-  }
-});
-
-var _default = (0, _theming.withTheme)(Slider);
-
 exports.default = _default;

package/lib/commonjs/mappings/Button.js

@@ -19,16 +19,8 @@ const SEED_DATA_PROPS = {
     description: "Button Label",
     defaultValue: "Get Started"
   }),
-  disabled: (0, _types.createBoolProp)({
-    group: _types.GROUPS.basic,
-    label: "Disabled",
-    description: "Whether the button should be disabled"
-  }),
-  loading: (0, _types.createBoolProp)({
-    group: _types.GROUPS.basic,
-    label: "Loading",
-    description: "Whether to show a loading indicator"
-  })
+  disabled: (0, _types.createDisabledProp)(),
+  loading: (0, _types.createLoadingProp)()
 };
 const LAYOUT = {
   backgroundColor: "transparent",
@@ -38,7 +30,7 @@ const LAYOUT = {
 const SEED_DATA = [{
   name: "Button Outline",
   tag: "ButtonOutline",
-  category: _types.COMPONENT_TYPES.button,
+  category: _types.COMPONENT_TYPES.deprecated,
   stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
   layout: { ...LAYOUT,
     backgroundColor: "transparent",
@@ -48,7 +40,7 @@ const SEED_DATA = [{
   triggers: SEED_DATA_TRIGGERS,
   props: SEED_DATA_PROPS
 }, {
-  name: "Button Solid",
+  name: "Button",
   tag: "ButtonSolid",
   category: _types.COMPONENT_TYPES.button,
   stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],

package/lib/module/components/AnimatedCircularProgress.js

@@ -1,3 +1,5 @@
+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 { Animated, Easing } from "react-native";
 import CircularProgress from "./CircularProgress";
@@ -46,20 +48,6 @@ const AnimatedCircularProgress = _ref => {
     return tintAnimation;
   };
 
-  React.useEffect(() => {
-    animate();
-  }, [fill, animate]);
-  return /*#__PURE__*/React.createElement(AnimatedProgress, { ...other,
-    style: other.style,
-    childrenContainerStyle: other.childrenContainerStyle,
-    fill: fillAnimation,
-    tintColor: animateColor()
-  });
-};
-
-export default AnimatedCircularProgress;tAnimation;
-  };
-
   React.useEffect(() => {
     animate();
   }, [fill, animate]);

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

@@ -1,5 +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 { View } from "react-native";
 import { checkboxGroupContext, Direction } from "./context";
@@ -27,7 +25,23 @@ const CheckboxGroup = _ref => {
     });
   }
 
-  return /*#__PURE__*/React.createElement(View, _extends({
+  return /*#__PURE__*/React.createElement(View, {
+    style: [{
+      minHeight: 40
+    }, style],
+    ...rest
+  }, /*#__PURE__*/React.createElement(Provider, {
+    value: {
+      values,
+      onValueChange,
+      direction
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: _containerStyle
+  }, children)));
+};
+
+export default CheckboxGroup;PURE__*/React.createElement(View, _extends({
     style: [{
       minHeight: 40
     }, style]

package/lib/module/components/Checkbox/context.js

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-export let Direction;
+export var Direction;
 
 (function (Direction) {
   Direction["Horizontal"] = "horizontal";

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

@@ -1,5 +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 Config from "../Config";
 import IconButton from "../IconButton";
@@ -34,6 +32,21 @@ const RadioButton = _ref => {
     onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);
   };
 
+  return /*#__PURE__*/React.createElement(IconButton, {
+    Icon: Icon,
+    icon: isSelected ? selectedIcon : unselectedIcon,
+    color: isSelected ? color : unselectedColor,
+    disabled: disabled,
+    onPress: handlePress,
+    size: size,
+    style: style,
+    ...rest
+  });
+};
+
+export default RadioButton; onValueChange(realValue);
+  };
+
   return /*#__PURE__*/React.createElement(IconButton, _extends({
     Icon: Icon,
     icon: isSelected ? selectedIcon : unselectedIcon,

package/lib/module/mappings/Button.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createIconProp, createBoolProp, createTextProp, GROUPS, createActionProp, Triggers, StylesPanelSections } from "@draftbit/types";
+import { COMPONENT_TYPES, createIconProp, createTextProp, createDisabledProp, createLoadingProp, createActionProp, Triggers, StylesPanelSections } from "@draftbit/types";
 const SEED_DATA_TRIGGERS = [Triggers.OnPress];
 const SEED_DATA_PROPS = {
   onPress: createActionProp(),
@@ -11,16 +11,8 @@ const SEED_DATA_PROPS = {
     description: "Button Label",
     defaultValue: "Get Started"
   }),
-  disabled: createBoolProp({
-    group: GROUPS.basic,
-    label: "Disabled",
-    description: "Whether the button should be disabled"
-  }),
-  loading: createBoolProp({
-    group: GROUPS.basic,
-    label: "Loading",
-    description: "Whether to show a loading indicator"
-  })
+  disabled: createDisabledProp(),
+  loading: createLoadingProp()
 };
 const LAYOUT = {
   backgroundColor: "transparent",
@@ -30,7 +22,7 @@ const LAYOUT = {
 export const SEED_DATA = [{
   name: "Button Outline",
   tag: "ButtonOutline",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.deprecated,
   stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
   layout: { ...LAYOUT,
     backgroundColor: "transparent",
@@ -40,7 +32,7 @@ export const SEED_DATA = [{
   triggers: SEED_DATA_TRIGGERS,
   props: SEED_DATA_PROPS
 }, {
-  name: "Button Solid",
+  name: "Button",
   tag: "ButtonSolid",
   category: COMPONENT_TYPES.button,
   stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],

package/lib/module/mappings/FieldSearchBarFull.js

@@ -8,7 +8,6 @@ export const SEED_DATA = [{
   preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
   supports_list_render: false,
   triggers: [Triggers.OnChange],
-  // TODO Triggers.OnSubmit for multiple triggers
   props: {
     icon: {
       group: GROUPS.basic,
@@ -45,4 +44,8 @@ export const SEED_DATA = [{
     }
   },
   layout: {}
+}];alue: "searchBarValue"
+    }
+  },
+  layout: {}
 }];

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

@@ -36,22 +36,22 @@ export declare const SEED_DATA: ({
         disabled: {
             label: string;
             description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
+            group: string;
             editable: boolean;
             required: boolean;
-            group: string;
+            formType: string;
+            propType: string;
+            defaultValue: null;
         };
         loading: {
             label: string;
             description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
+            group: string;
             editable: boolean;
             required: boolean;
-            group: string;
+            formType: string;
+            propType: string;
+            defaultValue: null;
         };
     };
 } | {
@@ -91,22 +91,22 @@ export declare const SEED_DATA: ({
         disabled: {
             label: string;
             description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
+            group: string;
             editable: boolean;
             required: boolean;
-            group: string;
+            formType: string;
+            propType: string;
+            defaultValue: null;
         };
         loading: {
             label: string;
             description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
+            group: string;
             editable: boolean;
             required: boolean;
-            group: string;
+            formType: string;
+            propType: string;
+            defaultValue: null;
         };
     };
 })[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.2.4-1c9faf.10+1c9faf7a",
+  "version": "46.2.4-23a57c.12+23a57cbb",
   "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.3.0",
+    "@draftbit/types": "^46.2.4-23a57c.12+23a57cbb",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -81,5 +81,5 @@
       ]
     ]
   },
-  "gitHead": "1c9faf7a80be4e19ec962f91ca3c4f1a8d992804"
+  "gitHead": "23a57cbb8eb1858d289b9a20bca22dacea510662"
 }

package/src/mappings/Button.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createIconProp, createBoolProp, createTextProp, GROUPS, createActionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
+import { COMPONENT_TYPES, createIconProp, createTextProp, createDisabledProp, createLoadingProp, createActionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
 const SEED_DATA_TRIGGERS = [Triggers.OnPress];
 const SEED_DATA_PROPS = {
     onPress: createActionProp(),
@@ -11,16 +11,8 @@ const SEED_DATA_PROPS = {
         description: "Button Label",
         defaultValue: "Get Started",
     }),
-    disabled: createBoolProp({
-        group: GROUPS.basic,
-        label: "Disabled",
-        description: "Whether the button should be disabled",
-    }),
-    loading: createBoolProp({
-        group: GROUPS.basic,
-        label: "Loading",
-        description: "Whether to show a loading indicator",
-    }),
+    disabled: createDisabledProp(),
+    loading: createLoadingProp(),
 };
 const LAYOUT = {
     backgroundColor: "transparent",
@@ -31,7 +23,7 @@ export const SEED_DATA = [
     {
         name: "Button Outline",
         tag: "ButtonOutline",
-        category: COMPONENT_TYPES.button,
+        category: COMPONENT_TYPES.deprecated,
         stylesPanelSections: [
             StylesPanelSections.Typography,
             StylesPanelSections.Background,
@@ -51,7 +43,7 @@ export const SEED_DATA = [
         props: SEED_DATA_PROPS,
     },
     {
-        name: "Button Solid",
+        name: "Button",
         tag: "ButtonSolid",
         category: COMPONENT_TYPES.button,
         stylesPanelSections: [

package/src/mappings/Button.ts

@@ -1,9 +1,9 @@
 import {
   COMPONENT_TYPES,
   createIconProp,
-  createBoolProp,
   createTextProp,
-  GROUPS,
+  createDisabledProp,
+  createLoadingProp,
   createActionProp,
   Triggers,
   StylesPanelSections,
@@ -21,16 +21,8 @@ const SEED_DATA_PROPS = {
     description: "Button Label",
     defaultValue: "Get Started",
   }),
-  disabled: createBoolProp({
-    group: GROUPS.basic,
-    label: "Disabled",
-    description: "Whether the button should be disabled",
-  }),
-  loading: createBoolProp({
-    group: GROUPS.basic,
-    label: "Loading",
-    description: "Whether to show a loading indicator",
-  }),
+  disabled: createDisabledProp(),
+  loading: createLoadingProp(),
 };
 
 const LAYOUT = {
@@ -43,7 +35,7 @@ export const SEED_DATA = [
   {
     name: "Button Outline",
     tag: "ButtonOutline",
-    category: COMPONENT_TYPES.button,
+    category: COMPONENT_TYPES.deprecated,
     stylesPanelSections: [
       StylesPanelSections.Typography,
       StylesPanelSections.Background,
@@ -63,7 +55,7 @@ export const SEED_DATA = [
     props: SEED_DATA_PROPS,
   },
   {
-    name: "Button Solid",
+    name: "Button",
     tag: "ButtonSolid",
     category: COMPONENT_TYPES.button,
     stylesPanelSections: [