@draftbit/core 46.6.5-427e0d.2 → 46.6.6

package/lib/module/components/Elevation.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 { Animated, StyleSheet, View } from "react-native";
 import shadow from "../styles/shadow";
@@ -19,7 +18,20 @@ const Elevation = _ref => {
     colors
   } = theme;
   const borderRadius = radius;
-  return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    ...rest,
+    style: [{
+      borderRadius,
+      backgroundColor: colors.surface
+    }, elevation ? shadow(elevation) : null, style]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      overflow: "hidden",
+      borderRadius
+    }
+  }, children));
+};
+export default withTheme(Elevation);React.createElement(Animated.View, _extends({}, rest, {
     style: [{
       borderRadius,
       backgroundColor: colors.surface

package/lib/module/components/FAB.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 { View, StyleSheet, Pressable, ActivityIndicator, Platform } from "react-native";
 import { withTheme } from "../theming";
@@ -25,7 +24,7 @@ const FAB = _ref => {
       borderRadius: size / 2,
       overflow: "hidden"
     }, style]
-  }, /*#__PURE__*/React.createElement(Pressable, _extends({
+  }, /*#__PURE__*/React.createElement(Pressable, {
     onPress: onPress,
     disabled: loading || disabled,
     android_ripple: {
@@ -43,8 +42,9 @@ const FAB = _ref => {
         borderRadius: size / 2,
         backgroundColor
       }];
-    }
-  }, props), /*#__PURE__*/React.createElement(View, null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    },
+    ...props
+  }, /*#__PURE__*/React.createElement(View, null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
     style: size > 50 ? {
       marginTop: 2,
       marginLeft: 2
@@ -70,4 +70,22 @@ const styles = StyleSheet.create({
     })
   }
 });
+export default withTheme(FAB);  name: iconName,
+    size: size,
+    color: color
+  }))));
+};
+const styles = StyleSheet.create({
+  button: {
+    backgroundColor: "#5a45ff",
+    justifyContent: "center",
+    alignItems: "center",
+    ...Platform.select({
+      web: {
+        cursor: "pointer",
+        userSelect: "none"
+      }
+    })
+  }
+});
 export default withTheme(FAB);

package/lib/module/components/FieldSearchBarFull.js

@@ -46,7 +46,6 @@ const FieldSearchBarFull = _ref => {
     lineHeight,
     ...typeStyles
   } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars
-
   const handleChangeText = newValue => {
     setInternalValue(newValue);
     if (onChange) {
@@ -84,4 +83,4 @@ const styles = StyleSheet.create({
     alignItems: "center"
   }
 });
-export default withTheme(FieldSearchBarFull);
+export default withTheme(FieldSearchBarFull);;

package/lib/module/components/IconButton.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 { View, StyleSheet, ActivityIndicator, Pressable, Platform } from "react-native";
 import { withTheme } from "../theming";
@@ -16,7 +15,7 @@ const IconButton = _ref => {
     ...props
   } = _ref;
   const iconColor = customColor || theme.colors.primary;
-  return /*#__PURE__*/React.createElement(Pressable, _extends({
+  return /*#__PURE__*/React.createElement(Pressable, {
     onPress: onPress,
     disabled: disabled || loading,
     style: _ref2 => {
@@ -30,8 +29,9 @@ const IconButton = _ref => {
         alignItems: "center",
         justifyContent: "center"
       }, style];
-    }
-  }, props), /*#__PURE__*/React.createElement(View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
+    },
+    ...props
+  }, /*#__PURE__*/React.createElement(View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
     size: size - 2,
     color: iconColor
@@ -52,4 +52,21 @@ const styles = StyleSheet.create({
     })
   }
 });
+export default withTheme(IconButton);ement(ActivityIndicator, {
+    size: "small",
+    color: iconColor
+  }) : null));
+};
+const styles = StyleSheet.create({
+  container: {
+    alignItems: "center",
+    justifyContent: "center",
+    ...Platform.select({
+      web: {
+        cursor: "pointer",
+        userSelect: "none"
+      }
+    })
+  }
+});
 export default withTheme(IconButton);

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$label, _find;
+  var _find;
   let {
     error,
     options = [],
@@ -128,7 +128,7 @@ const Picker = _ref => {
     ...extractedMarginStyles
   };
   const stylesWithoutBordersAndMargins = omit(viewStyles, [...borderStyleNames, ...marginStyleNames, ...additionalBorderStyles, ...additionalMarginStyles]);
-  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 selectedLabel = internalValue && (((_find = pickerOptions.find(option => option.value === internalValue)) === null || _find === void 0 ? 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 !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
+    }, String(selectedLabel ?? placeholder))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
       style: [styles.iosPicker, {
         backgroundColor: colors.divider
       }]
@@ -314,4 +314,4 @@ const styles = StyleSheet.create({
     maxHeight: deviceHeight
   }
 });
-export default withTheme(Picker);
+export default withTheme(Picker);;

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$label, _options$find;
+  var _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$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);
+  const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? 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$label, _options$find;
+  var _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$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);
+  const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? 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

@@ -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 { View, StyleSheet } from "react-native";
 import { Picker as NativePicker } from "@react-native-picker/picker";
@@ -8,7 +7,6 @@ import { extractStyles } from "../../utilities";
 import TextField from "../TextField";
 import Touchable from "../Touchable";
 const Picker = _ref => {
-  var _options$find$label, _options$find;
   let {
     style,
     options,
@@ -18,6 +16,7 @@ const Picker = _ref => {
     onValueChange: onValueChangeOverride = () => {},
     ...props
   } = _ref;
+  var _a, _b;
   const {
     viewStyles: {
       borderRadius,
@@ -62,7 +61,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  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);
+  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);
   return /*#__PURE__*/React.createElement(Touchable, {
     disabled: disabled,
     onPress: toggleFocus,
@@ -87,7 +86,23 @@ const Picker = _ref => {
     key: o.value
   }))), /*#__PURE__*/React.createElement(View, {
     pointerEvents: "none"
-  }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(TextField, {
+    ...props,
+    value: selectedLabel,
+    placeholder: placeholder,
+    // @ts-ignore
+    ref: textField,
+    disabled: disabled,
+    // @ts-expect-error
+    style: stylesWithoutMargin
+  }))));
+};
+const styles = StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  }
+});
+export default withTheme(Picker);ct.createElement(TextField, _extends({}, props, {
     value: selectedLabel,
     placeholder: placeholder
     // @ts-ignore

package/lib/module/components/Portal/Portal.js

@@ -1,6 +1,3 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import * as React from "react";
 import PortalConsumer from "./PortalConsumer";
 import PortalHost, { PortalContext } from "./PortalHost";
@@ -26,6 +23,34 @@ import { ThemeProvider, withTheme } from "../../theming";
  * }
  * ```
  */
+class Portal extends React.Component {
+  render() {
+    const {
+      children,
+      theme
+    } = this.props;
+    return /*#__PURE__*/React.createElement(PortalContext.Consumer, null, manager => /*#__PURE__*/React.createElement(PortalConsumer, {
+      manager: manager
+    }, /*#__PURE__*/React.createElement(ThemeProvider, {
+      theme: theme
+    }, children)));
+  }
+}
+// @component ./PortalHost.tsx
+Portal.Host = PortalHost;
+export default withTheme(Portal);rt { Portal, Text } from 'react-native-paper';
+ *
+ * export default class MyComponent extends React.Component {
+ *   render() {
+ *     return (
+ *       <Portal>
+ *         <Text>This is rendered at a different place</Text>
+ *       </Portal>
+ *     );
+ *   }
+ * }
+ * ```
+ */
 class Portal extends React.Component {
   // @component ./PortalHost.tsx
 

package/lib/module/components/Portal/PortalHost.js

@@ -1,11 +1,7 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import * as React from "react";
 import { View, StyleSheet } from "react-native";
 import PortalManager from "./PortalManager";
 export const PortalContext = /*#__PURE__*/React.createContext(null);
-
 /**
  * Portal host renders all of its children `Portal` elements.
  * For example, you can wrap a screen in `Portal.Host` to render items above the screen.
@@ -33,10 +29,10 @@ export const PortalContext = /*#__PURE__*/React.createContext(null);
 export default class PortalHost extends React.Component {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "setManager", manager => {
+    this.setManager = manager => {
       this.manager = manager;
-    });
-    _defineProperty(this, "mount", children => {
+    };
+    this.mount = children => {
       const key = this.nextKey++;
       if (this.manager) {
         this.manager.mount(key, children);
@@ -48,8 +44,8 @@ export default class PortalHost extends React.Component {
         });
       }
       return key;
-    });
-    _defineProperty(this, "update", (key, children) => {
+    };
+    this.update = (key, children) => {
       if (this.manager) {
         this.manager.update(key, children);
       } else {
@@ -66,8 +62,8 @@ export default class PortalHost extends React.Component {
           this.queue.push(op);
         }
       }
-    });
-    _defineProperty(this, "unmount", key => {
+    };
+    this.unmount = key => {
       if (this.manager) {
         this.manager.unmount(key);
       } else {
@@ -76,10 +72,9 @@ export default class PortalHost extends React.Component {
           key
         });
       }
-    });
-    _defineProperty(this, "nextKey", 0);
-    _defineProperty(this, "queue", []);
-    _defineProperty(this, "manager", void 0);
+    };
+    this.nextKey = 0;
+    this.queue = [];
   }
   componentDidMount() {
     const manager = this.manager;
@@ -117,6 +112,41 @@ export default class PortalHost extends React.Component {
     }));
   }
 }
+PortalHost.displayName = "Portal.Host";
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});    switch (action.type) {
+          case "mount":
+            manager.mount(action.key, action.children);
+            break;
+          case "update":
+            manager.update(action.key, action.children);
+            break;
+          case "unmount":
+            manager.unmount(action.key);
+            break;
+        }
+      }
+    }
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(PortalContext.Provider, {
+      value: {
+        mount: this.mount,
+        update: this.update,
+        unmount: this.unmount
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.container,
+      collapsable: false,
+      pointerEvents: "box-none"
+    }, this.props.children), /*#__PURE__*/React.createElement(PortalManager, {
+      ref: this.setManager
+    }));
+  }
+}
 _defineProperty(PortalHost, "displayName", "Portal.Host");
 const styles = StyleSheet.create({
   container: {

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

@@ -1,6 +1,3 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import * as React from "react";
 import { View, StyleSheet } from "react-native";
 /**
@@ -9,18 +6,47 @@ import { View, StyleSheet } from "react-native";
 export default class PortalManager extends React.PureComponent {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "state", {
+    this.state = {
       portals: []
-    });
-    _defineProperty(this, "mount", (key, children) => {
+    };
+    this.mount = (key, children) => {
       this.setState(state => ({
         portals: [...state.portals, {
           key,
           children
         }]
       }));
+    };
+    this.update = (key, children) => this.setState(state => ({
+      portals: state.portals.map(item => {
+        if (item.key === key) {
+          return {
+            ...item,
+            children
+          };
+        }
+        return item;
+      })
+    }));
+    this.unmount = key => this.setState(state => ({
+      portals: state.portals.filter(item => item.key !== key)
+    }));
+  }
+  render() {
+    return this.state.portals.map(_ref => {
+      let {
+        key,
+        children
+      } = _ref;
+      return /*#__PURE__*/React.createElement(View, {
+        key: key,
+        collapsable: false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */,
+        pointerEvents: "box-none",
+        style: StyleSheet.absoluteFill
+      }, children);
     });
-    _defineProperty(this, "update", (key, children) => this.setState(state => ({
+  }
+}ey, children) => this.setState(state => ({
       portals: state.portals.map(item => {
         if (item.key === key) {
           return {

package/lib/module/components/ProgressBar.js

@@ -1,7 +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); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React, { Component } from "react";
 import { Animated, Easing, View, I18nManager } from "react-native";
 const INDETERMINATE_WIDTH_FACTOR = 0.3;
@@ -9,7 +5,7 @@ const BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_
 export default class ProgressBar extends Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "handleLayout", event => {
+    this.handleLayout = event => {
       const {
         width = 150,
         onLayout
@@ -22,7 +18,7 @@ export default class ProgressBar extends Component {
       if (onLayout) {
         onLayout(event);
       }
-    });
+    };
     const {
       progress: progressP = 0,
       indeterminate = false
@@ -70,7 +66,6 @@ export default class ProgressBar extends Component {
           ...animationConfig,
           toValue: progress,
           velocity: 0,
-          //adjust this value if animation fails - velocity is required
           useNativeDriver
         }).start();
       } else {
@@ -139,6 +134,43 @@ export default class ProgressBar extends Component {
         })
       }]
     };
+    return /*#__PURE__*/React.createElement(View, {
+      style: [containerStyle, style],
+      onLayout: this.handleLayout,
+      ...restProps
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      style: progressStyle
+    }), children);
+  }
+}   width,
+      borderWidth,
+      borderColor: borderColor || color,
+      borderRadius,
+      overflow: "hidden",
+      backgroundColor: unfilledColor
+    };
+    const progressStyle = {
+      backgroundColor: color,
+      // Always take up full height of container.
+      height: "100%",
+      transform: [{
+        translateX: this.state.animationValue.interpolate({
+          inputRange: [0, 1],
+          outputRange: [innerWidth * -INDETERMINATE_WIDTH_FACTOR, innerWidth]
+        })
+      }, {
+        translateX: this.state.progress.interpolate({
+          inputRange: [0, 1],
+          outputRange: [innerWidth / (I18nManager.isRTL ? 2 : -2), 0]
+        })
+      }, {
+        // Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278
+        scaleX: this.state.progress.interpolate({
+          inputRange: [0, 1],
+          outputRange: [0.0001, 1]
+        })
+      }]
+    };
     return /*#__PURE__*/React.createElement(View, _extends({
       style: [containerStyle, style],
       onLayout: this.handleLayout

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 !== null && selected !== void 0 ? selected : realContextValue === realValue;
+  const isSelected = 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/RadioButtonFieldGroup.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 React from "react";
 import { View } from "react-native";
 import Text from "../Text";
@@ -20,6 +19,16 @@ const RadioButtonFieldGroup = _ref => {
       fontSize: theme.typography.headline4.fontSize,
       color: theme.typography.headline4.color
     }, labelStyle]
+  }, label), /*#__PURE__*/React.createElement(RadioButtonGroup, {
+    theme: theme,
+    ...rest
+  }, children));
+};
+export default withTheme(RadioButtonFieldGroup);}, /*#__PURE__*/React.createElement(Text, {
+    style: [{
+      fontSize: theme.typography.headline4.fontSize,
+      color: theme.typography.headline4.color
+    }, labelStyle]
   }, label), /*#__PURE__*/React.createElement(RadioButtonGroup, _extends({
     theme: theme
   }, rest), children));

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 !== null && selected !== void 0 ? selected : realContextValue === realValue;
+  const isSelected = 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/context.js

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

package/lib/module/components/StarRating.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 { View, StyleSheet, Pressable } from "react-native";
 import { withTheme } from "../theming";
@@ -32,9 +31,10 @@ const StarRating = _ref => {
     !!onPress && onPress(r);
   }, [onPress]);
   const ratingRounded = Math.round(localRating * 2) / 2;
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [styles.container, style]
-  }, rest), [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, style],
+    ...rest
+  }, [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(View, {
     key: i,
     style: {
       display: "flex"
@@ -74,4 +74,24 @@ const styles = StyleSheet.create({
     width: "50%"
   }
 });
+export default withTheme(StarRating);ntainer: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  touchContainer: {
+    display: "flex",
+    flexDirection: "row",
+    position: "absolute",
+    top: 0,
+    right: 0,
+    left: 0,
+    bottom: 0,
+    zIndex: 1
+  },
+  pressable: {
+    flex: 1,
+    height: "100%",
+    width: "50%"
+  }
+});
 export default withTheme(StarRating);

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
-      }, "".concat(position + 1)));
+      }, `${position + 1}`));
     });
     _defineProperty(this, "getStepStatus", stepPosition => {
       const {