@draftbit/core 46.10.3-7afc5f.2 → 46.10.3-84bbff.2

package/lib/module/components/DeprecatedButton.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 { ActivityIndicator, View, Text, StyleSheet, Pressable } from "react-native";
 import color from "color";
@@ -75,7 +74,8 @@ const Button = _ref => {
       elevation,
       alignSelf: "stretch"
     }
-  }, /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    ...rest,
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -83,7 +83,7 @@ const Button = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: [styles.button, buttonStyle]
-  }), /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(View, {
     style: iconStyle
@@ -114,4 +114,22 @@ const styles = StyleSheet.create({
     width: Config.buttonIconSize
   }
 });
+export default withTheme(Button);: 1,
+    style: [textStyle, typography.button]
+  }, children))));
+};
+const styles = StyleSheet.create({
+  button: {
+    minWidth: 64,
+    borderStyle: "solid"
+  },
+  content: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    width: Config.buttonIconSize
+  }
+});
 export default withTheme(Button);

package/lib/module/components/DeprecatedCardWrapper.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 { withTheme } from "../theming";
 import Touchable from "./Touchable";
@@ -13,6 +12,24 @@ const getWidth = numColumns => {
   }
 };
 const Card = _ref => {
+  let {
+    numColumns = 3,
+    children,
+    onPress,
+    style,
+    ...rest
+  } = _ref;
+  const width = getWidth(numColumns);
+  return /*#__PURE__*/React.createElement(Touchable, {
+    disabled: !onPress,
+    onPress: onPress,
+    style: [style, {
+      width
+    }],
+    ...rest
+  }, children);
+};
+export default withTheme(Card);ef => {
   let {
     numColumns = 3,
     children,

package/lib/module/components/Picker/PickerComponent.android.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 omit from "lodash.omit";
@@ -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,
@@ -84,6 +83,25 @@ const Picker = _ref => {
     label: o.label,
     value: o.value,
     key: o.value
+  }))), /*#__PURE__*/React.createElement(View, {
+    pointerEvents: "none"
+  }, /*#__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);y: o.value
   }))), /*#__PURE__*/React.createElement(View, {
     pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {

package/lib/module/components/Picker/PickerComponent.ios.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 { SafeAreaView } from "react-native-safe-area-context";
@@ -11,7 +10,6 @@ import TextField from "../TextField";
 import Touchable from "../Touchable";
 import { extractStyles } from "../../utilities";
 const Picker = _ref => {
-  var _options$find$label, _options$find;
   let {
     Icon,
     style,
@@ -25,6 +23,7 @@ const Picker = _ref => {
     },
     ...props
   } = _ref;
+  var _a, _b;
   const {
     viewStyles: {
       borderRadius,
@@ -65,26 +64,24 @@ 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(View, {
     style: [styles.container, viewStyles]
   }, /*#__PURE__*/React.createElement(Touchable, {
     disabled: disabled,
     onPress: toggleVisibility
-  }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(TextField, {
+    ...props,
     value: String(selectedLabel),
-    placeholder: placeholder
+    placeholder: placeholder,
     // @ts-ignore
-    ,
-    ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
-    ,
+    ref: textField,
     disabled: disabled,
-    pointerEvents: "none"
+    pointerEvents: "none",
     // @ts-expect-error
-    ,
     style: stylesWithoutMargin,
     Icon: Icon
-  }))), pickerVisible && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
+  })), pickerVisible && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
     style: [styles.picker, {
       backgroundColor: colors.divider
     }]
@@ -128,4 +125,32 @@ const styles = StyleSheet.create({
     alignSelf: "flex-end"
   }
 });
+export default withTheme(Picker);nValueChange
+  }, options.map(o => /*#__PURE__*/React.createElement(NativePicker.Item, {
+    label: o.label,
+    value: o.value,
+    key: o.value
+  })))))));
+};
+const styles = StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  },
+  picker: {
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    right: 0,
+    flexDirection: "row",
+    justifyContent: "center"
+  },
+  pickerContainer: {
+    backgroundColor: "white",
+    flexDirection: "column",
+    width: "100%"
+  },
+  closeButton: {
+    alignSelf: "flex-end"
+  }
+});
 export default withTheme(Picker);

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/RadioButton/RadioButton.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 Config from "../Config";
 import IconButton from "../IconButton";
@@ -30,6 +29,19 @@ const RadioButton = _ref => {
     onPress === null || onPress === void 0 ? void 0 : onPress(realValue);
     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/components/RadioButton/RadioButtonGroup.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 } from "react-native";
 import { getValueForRadioButton } from "../../utilities";
@@ -42,7 +41,22 @@ const RadioButtonGroup = _ref => {
       alignItems: "center"
     });
   }
-  return /*#__PURE__*/React.createElement(View, _extends({
+  return /*#__PURE__*/React.createElement(View, {
+    style: [{
+      minHeight: 40
+    }, style],
+    ...rest
+  }, /*#__PURE__*/React.createElement(Provider, {
+    value: {
+      value: internalValue,
+      onValueChange: handleValueChange,
+      direction
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: _containerStyle
+  }, children)));
+};
+export default RadioButtonGroup;xtends({
     style: [{
       minHeight: 40
     }, style]

package/lib/module/components/RadioButton/RadioButtonRow.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 { StyleSheet, View, Platform } from "react-native";
 import RadioButton from "./RadioButton";
@@ -7,7 +6,7 @@ import { useRadioButtonGroupContext } from "./context";
 import { Direction as GroupDirection } from "./context";
 import Touchable from "../Touchable";
 import { extractStyles, getValueForRadioButton } from "../../utilities";
-export let Direction;
+export var Direction;
 (function (Direction) {
   Direction["Row"] = "row";
   Direction["RowReverse"] = "row-reverse";
@@ -63,13 +62,14 @@ const RadioButtonRow = _ref => {
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Touchable, _extends({
+  return /*#__PURE__*/React.createElement(Touchable, {
     onPress: handlePress,
     style: [styles.mainParent, {
       flexDirection: direction
     }, viewStyles],
-    disabled: disabled
-  }, rest), /*#__PURE__*/React.createElement(View, {
+    disabled: disabled,
+    ...rest
+  }, /*#__PURE__*/React.createElement(View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -106,4 +106,23 @@ const styles = StyleSheet.create({
     flex: 3
   }
 });
+export default RadioButtonRow;.create({
+  mainParent: {
+    alignItems: "center",
+    justifyContent: "space-around",
+    paddingStart: 20,
+    minHeight: 50,
+    paddingEnd: 20,
+    display: "flex",
+    ...Platform.select({
+      web: {
+        cursor: "pointer",
+        userSelect: "none"
+      }
+    })
+  },
+  label: {
+    flex: 3
+  }
+});
 export default RadioButtonRow;

package/lib/module/components/Surface.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); }
 /* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
 import * as React from "react";
 import { Animated, StyleSheet } from "react-native";
@@ -34,6 +33,21 @@ const Surface = _ref => {
       return colors.surface;
     }
   };
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    ...rest,
+    style: [{
+      backgroundColor: getBackgroundColor(),
+      elevation,
+      ...evalationStyles,
+      ...restStyle
+    }]
+  }, children);
+};
+export default withTheme(Surface);erlay(elevation, colors.surface);
+    } else {
+      return colors.surface;
+    }
+  };
   return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
     style: [{
       backgroundColor: getBackgroundColor(),

package/lib/module/components/TabView/TabView.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 { TabView, TabBar, SceneMap } from "react-native-tab-view";
 import { withTheme } from "../../theming";
@@ -28,13 +27,11 @@ const TabViewComponent = _ref => {
     textStyles,
     viewStyles
   } = extractStyles(style);
-
   //Check type of child using props
   //Regular '.type' cannot work because Draftbit strips the type in Draft view
   const instanceOfTabViewItemProps = object => {
     return "title" in object;
   };
-
   //Populate routes and scenes based on children
   React.useEffect(() => {
     const newRoutes = [];
@@ -60,7 +57,8 @@ const TabViewComponent = _ref => {
     }
   };
   const renderTabBar = props => {
-    return /*#__PURE__*/React.createElement(TabBar, _extends({}, props, {
+    return /*#__PURE__*/React.createElement(TabBar, {
+      ...props,
       activeColor: activeColor || theme.colors.primary,
       inactiveColor: inactiveColor || theme.colors.divider,
       pressColor: pressColor || theme.colors.primary,
@@ -74,7 +72,7 @@ const TabViewComponent = _ref => {
           route,
           color
         } = _ref2;
-        return route !== null && route !== void 0 && route.icon ? /*#__PURE__*/React.createElement(Icon, {
+        return (route === null || route === void 0 ? void 0 : route.icon) ? /*#__PURE__*/React.createElement(Icon, {
           name: route.icon,
           color: color,
           size: 16
@@ -83,9 +81,8 @@ const TabViewComponent = _ref => {
       style: {
         backgroundColor: tabsBackgroundColor || theme.colors.background
       }
-    }));
+    });
   };
-
   //Cannot render TabView without at least one tab
   if (!routes.length) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
@@ -104,4 +101,17 @@ const TabViewComponent = _ref => {
     swipeEnabled: swipeEnabled
   });
 };
+export default withTheme(TabViewComponent);tyles],
+    navigationState: {
+      index,
+      routes
+    },
+    renderScene: SceneMap(tabScenes),
+    renderTabBar: renderTabBar,
+    onIndexChange: indexChangeHandler,
+    tabBarPosition: tabBarPosition,
+    keyboardDismissMode: keyboardDismissMode,
+    swipeEnabled: swipeEnabled
+  });
+};
 export default withTheme(TabViewComponent);

package/lib/module/components/Touchable.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 { Pressable } from "react-native";
 export default function Touchable(_ref) {
@@ -13,8 +12,22 @@ export default function Touchable(_ref) {
     style,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(Pressable, _extends({
+  return /*#__PURE__*/React.createElement(Pressable, {
     disabled: disabled,
+    onPress: onPress,
+    delayLongPress: delayLongPress ? delayLongPress : 500,
+    hitSlop: hitSlop ? hitSlop : 8,
+    style: _ref2 => {
+      let {
+        pressed
+      } = _ref2;
+      return [{
+        opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1
+      }, style];
+    },
+    ...props
+  }, children);
+} disabled: disabled,
     onPress: onPress,
     delayLongPress: delayLongPress ? delayLongPress : 500,
     hitSlop: hitSlop ? hitSlop : 8,

package/lib/module/constants.js

@@ -6,4 +6,5 @@ const DEFAULT_STATUSBAR_HEIGHT_EXPO = expo !== null && expo !== void 0 && expo.C
 export const APPROX_STATUSBAR_HEIGHT = Platform.select({
   android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
   ios: Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
+});O : 0
 });

package/lib/module/hooks.js

@@ -3,12 +3,11 @@ export 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.useRef();
-
   // Store current value in ref
   React.useEffect(() => {
     ref.current = value;
   }, [value]);
-
   // Return previous value (happens before update in useEffect above)
   return ref.current;
+}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.10.3-7afc5f.2+7afc5f0",
+  "version": "46.10.3-84bbff.2+84bbff0",
   "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.10.3-7afc5f.2+7afc5f0",
+    "@draftbit/types": "^46.10.3-84bbff.2+84bbff0",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -100,5 +100,5 @@
       ]
     ]
   },
-  "gitHead": "7afc5f0859e2f4856373aaee81d3c6137b2e3fe9"
+  "gitHead": "84bbff016e35ef8ceae750a71028c78ee588366f"
 }