@draftbit/core 46.10.3-106fd0.2 → 46.10.3-17bcb4.2

package/lib/module/components/ProgressIndicator.js

@@ -0,0 +1,45 @@
+import * as React from "react";
+import StepIndicator from "./StepIndicator";
+import { withTheme } from "../theming";
+const ProgressIndicator = _ref => {
+  let {
+    numberOfSteps,
+    currentStep,
+    currentStepStrokeWidth = 3,
+    stepStrokeCurrentColor = "primary",
+    stepIndicatorSize,
+    currentStepIndicatorSize,
+    stepIndicatorCurrentColor,
+    stepIndicatorLabelCurrentColor,
+    stepIndicatorLabelFontSize = 12,
+    stepNumberFinishedColor = "strongInverse",
+    stepNumberUnfinishedColor = "primary",
+    unfinishedColor = "light",
+    finishedColor = "primary",
+    theme
+  } = _ref;
+  const currentPosition = currentStep - 1;
+  return /*#__PURE__*/React.createElement(StepIndicator, {
+    stepCount: numberOfSteps,
+    currentPosition: currentPosition,
+    customStyles: {
+      stepIndicatorSize,
+      currentStepIndicatorSize: currentStepIndicatorSize ? currentStepIndicatorSize : stepIndicatorSize,
+      stepStrokeFinishedColor: finishedColor,
+      stepStrokeUnFinishedColor: unfinishedColor,
+      separatorFinishedColor: finishedColor,
+      separatorUnFinishedColor: unfinishedColor,
+      stepIndicatorFinishedColor: finishedColor,
+      stepIndicatorUnFinishedColor: unfinishedColor,
+      currentStepStrokeWidth,
+      stepStrokeCurrentColor: stepStrokeCurrentColor || stepIndicatorCurrentColor,
+      stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,
+      stepIndicatorLabelFinishedColor: stepNumberFinishedColor,
+      stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,
+      stepIndicatorLabelCurrentColor: stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,
+      stepIndicatorLabelFontSize,
+      labelFontFamily: theme.typography.body1.fontFamily
+    }
+  });
+};
+export default withTheme(ProgressIndicator);

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/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/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/ResizeMode.js

@@ -0,0 +1 @@
+export {};

package/lib/module/components/Shadow.js

@@ -1,3 +1,4 @@
+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 { Shadow as ShadowComponent } from "react-native-shadow-2";
 const Shadow = _ref => {
@@ -16,7 +17,7 @@ const Shadow = _ref => {
     style,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(ShadowComponent, {
+  return /*#__PURE__*/React.createElement(ShadowComponent, _extends({
     offset: [offsetX, offsetY],
     sides: {
       start: showShadowSideStart,
@@ -31,20 +32,6 @@ const Shadow = _ref => {
       bottomEnd: showShadowCornerBottomEnd
     },
     containerStyle: style,
-    paintInside: paintInside,
-    ...rest
-  });
-};
-export default Shadow;hadowSideTop,
-      bottom: showShadowSideBottom
-    },
-    corners: {
-      topStart: showShadowCornerTopStart,
-      topEnd: showShadowCornerTopEnd,
-      bottomStart: showShadowCornerBottomStart,
-      bottomEnd: showShadowCornerBottomEnd
-    },
-    containerStyle: style,
     paintInside: paintInside
   }, rest));
 };

package/lib/module/components/StepIndicator.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); }
 // @ts-nocheck
 import React, { Component } from "react";
 import { View, Text, StyleSheet, Animated, TouchableWithoutFeedback } from "react-native";
@@ -12,7 +9,7 @@ const STEP_STATUS = {
 export default class StepIndicator extends Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "renderProgressBarBackground", () => {
+    this.renderProgressBarBackground = () => {
       const {
         stepCount,
         direction
@@ -55,8 +52,8 @@ export default class StepIndicator extends Component {
         },
         style: progressBarBackgroundStyle
       });
-    });
-    _defineProperty(this, "renderProgressBar", () => {
+    };
+    this.renderProgressBar = () => {
       const {
         stepCount,
         direction
@@ -86,8 +83,8 @@ export default class StepIndicator extends Component {
       return /*#__PURE__*/React.createElement(Animated.View, {
         style: progressBarStyle
       });
-    });
-    _defineProperty(this, "renderStepIndicator", () => {
+    };
+    this.renderStepIndicator = () => {
       let steps = [];
       const {
         stepCount,
@@ -118,8 +115,8 @@ export default class StepIndicator extends Component {
           height: this.state.customStyles.currentStepIndicatorSize
         }]
       }, steps);
-    });
-    _defineProperty(this, "renderStepLabels", () => {
+    };
+    this.renderStepLabels = () => {
       const {
         labels,
         direction,
@@ -161,8 +158,8 @@ export default class StepIndicator extends Component {
           alignItems: this.state.customStyles.labelAlign
         }]
       }, labelViews);
-    });
-    _defineProperty(this, "renderStep", position => {
+    };
+    this.renderStep = position => {
       const {
         renderStepIndicator
       } = this.props;
@@ -229,8 +226,8 @@ export default class StepIndicator extends Component {
       }) : /*#__PURE__*/React.createElement(Text, {
         style: indicatorLabelStyle
       }, "".concat(position + 1)));
-    });
-    _defineProperty(this, "getStepStatus", stepPosition => {
+    };
+    this.getStepStatus = stepPosition => {
       const {
         currentPosition
       } = this.props;
@@ -241,8 +238,8 @@ export default class StepIndicator extends Component {
       } else {
         return STEP_STATUS.UNFINISHED;
       }
-    });
-    _defineProperty(this, "onCurrentPositionChanged", position => {
+    };
+    this.onCurrentPositionChanged = position => {
       let {
         stepCount
       } = this.props;
@@ -262,7 +259,7 @@ export default class StepIndicator extends Component {
         toValue: this.state.customStyles.currentStepIndicatorSize / 2,
         duration: 100
       })])]).start();
-    });
+    };
     const defaultStyles = {
       stepIndicatorSize: 30,
       currentStepIndicatorSize: 40,
@@ -328,7 +325,6 @@ export default class StepIndicator extends Component {
     //     ),
     //   }));
     // }
-
     if (prevProps.currentPosition !== this.props.currentPosition) {
       this.onCurrentPositionChanged(this.props.currentPosition);
     }
@@ -369,6 +365,50 @@ const styles = StyleSheet.create({
     justifyContent: "center"
   }
 });
+StepIndicator.defaultProps = {
+  currentPosition: 0,
+  stepCount: 5,
+  customStyles: {},
+  direction: "horizontal"
+};rrentPositionChanged(this.props.currentPosition);
+    }
+  }
+}
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: "transparent"
+  },
+  stepIndicatorContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-around",
+    backgroundColor: "transparent"
+  },
+  stepLabelsContainer: {
+    justifyContent: "space-around"
+  },
+  step: {
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: 2
+  },
+  stepContainer: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  stepLabel: {
+    fontSize: 12,
+    textAlign: "center",
+    fontWeight: "500"
+  },
+  stepLabelItem: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
 StepIndicator.defaultProps = {
   currentPosition: 0,
   stepCount: 5,

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/Switch.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 { Switch as NativeSwitch } from "react-native";
 import { withTheme } from "../theming";
@@ -29,7 +28,6 @@ function Switch(_ref) {
       setChecked(value);
     }
   }, [value, checked]);
-
   // This special logic is to handle weird APIs like Airtable that return
   // true or undefined for a boolean
   const previousDefaultValue = usePrevious(defaultValue);
@@ -38,24 +36,24 @@ function Switch(_ref) {
       setChecked(Boolean(defaultValue));
     }
   }, [defaultValue, previousDefaultValue]);
-  return /*#__PURE__*/React.createElement(NativeSwitch, _extends({
+  return /*#__PURE__*/React.createElement(NativeSwitch, {
     value: checked,
     disabled: disabled,
     trackColor: {
       false: inactiveTrackThemeColor,
       true: activeTrackThemeColor
     },
-    thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor
+    thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor,
     // @ts-ignore react-native-web only
-    ,
     activeThumbColor: activeThumbThemeColor,
     ios_backgroundColor: inactiveTrackThemeColor,
     style: style,
     onValueChange: bool => {
       setChecked(bool);
       onValueChange && onValueChange(bool);
-    }
-  }, rest));
+    },
+    ...rest
+  });
 }
 function Row(_ref2) {
   let {
@@ -84,7 +82,7 @@ function Row(_ref2) {
       setChecked(defaultValue);
     }
   }, [defaultValue]);
-  return /*#__PURE__*/React.createElement(FormRow, _extends({
+  return /*#__PURE__*/React.createElement(FormRow, {
     disabled: disabled,
     onPress: () => {
       setChecked(!checked);
@@ -92,8 +90,9 @@ function Row(_ref2) {
     },
     label: label,
     direction: direction,
-    style: style
-  }, rest), /*#__PURE__*/React.createElement(Switch, {
+    style: style,
+    ...rest
+  }, /*#__PURE__*/React.createElement(Switch, {
     theme: theme,
     value: checked,
     disabled: disabled,
@@ -106,4 +105,16 @@ function Row(_ref2) {
 }
 const SwitchRow = withTheme(Row);
 export { SwitchRow };
+export default withTheme(Switch);: theme,
+    value: checked,
+    disabled: disabled,
+    onValueChange: onValueChange,
+    activeTrackColor: activeTrackColor,
+    inactiveTrackColor: inactiveTrackColor,
+    activeThumbColor: activeThumbColor,
+    inactiveThumbColor: inactiveThumbColor
+  }));
+}
+const SwitchRow = withTheme(Row);
+export { SwitchRow };
 export default withTheme(Switch);

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/TabView/TabViewItem.js

@@ -1,8 +1,5 @@
 import React from "react";
 import { StyleSheet, View } from "react-native";
-
-//Props used by parent (TabView) to create tabs
-
 const TabViewItem = _ref => {
   let {
     style,
@@ -17,4 +14,8 @@ const styles = StyleSheet.create({
     flex: 1
   }
 });
+export default TabViewItem; {
+    flex: 1
+  }
+});
 export default TabViewItem;

package/lib/module/components/Table/Table.js

@@ -1,10 +1,12 @@
 import React from "react";
 import { ScrollView, View, StyleSheet } from "react-native";
-import { generateBorderStyles, TableStyleContext } from "./index";
-export const Table = _ref => {
+import { withTheme } from "../../theming";
+import { generateBorderStyles, TableStyleContext } from "./TableCommon";
+const Table = _ref => {
   let {
+    theme,
     borderWidth = 1,
-    borderColor = "rgba(200, 200, 200, 1)",
+    borderColor = theme.colors.divider,
     borderStyle = "solid",
     drawTopBorder = true,
     drawBottomBorder = false,
@@ -30,7 +32,6 @@ export const Table = _ref => {
     return object.isTableHeader;
   }, []);
   const isRenderItem = data && renderItem;
-
   //Uses 'renderItem' and 'data' to create an array of children
   const dataAsChildren = React.useMemo(() => {
     if (!isRenderItem) return [];
@@ -55,7 +56,7 @@ export const Table = _ref => {
       const nestedChildren = React.Children.toArray(item.props.children);
       //Header can be nested in React.Fragment when in renderItem
       const nestedHeaders = nestedChildren.filter(child => isTableHeader(child.props));
-      if (nestedHeaders !== null && nestedHeaders !== void 0 && nestedHeaders.length) {
+      if (nestedHeaders === null || nestedHeaders === void 0 ? void 0 : nestedHeaders.length) {
         //New element excluding header children
         return /*#__PURE__*/React.cloneElement(item, {
           children: nestedChildren.filter(child => !isTableHeader(child.props))
@@ -70,7 +71,7 @@ export const Table = _ref => {
       const nestedChildren = React.Children.toArray(item.props.children);
       //Header can be nested in React.Fragment when in renderItem
       const nestedHeaders = nestedChildren.filter(child => isTableHeader(child.props));
-      if (nestedHeaders !== null && nestedHeaders !== void 0 && nestedHeaders.length) {
+      if (nestedHeaders === null || nestedHeaders === void 0 ? void 0 : nestedHeaders.length) {
         return nestedHeaders[0];
       }
       return item;
@@ -102,13 +103,13 @@ export const Table = _ref => {
     value: contextValue
   }, /*#__PURE__*/React.createElement(View, {
     style: [styles.container, borderViewStyle, style]
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, header), /*#__PURE__*/React.createElement(ScrollView, rest, childrenWithoutHeader)));
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, header), /*#__PURE__*/React.createElement(ScrollView, {
+    ...rest
+  }, childrenWithoutHeader)));
 };
 const styles = StyleSheet.create({
   container: {
     flex: 1
   }
-});ainer: {
-    flex: 1
-  }
-});
+});
+export default withTheme(Table);

package/lib/module/components/Table/TableCell.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { generateBorderStyles, TableStyleContext } from "./index";
+import { generateBorderStyles, TableStyleContext } from "./TableCommon";
 const TableCell = _ref => {
   let {
     borderWidth,

package/lib/module/components/Table/TableCommon.js

@@ -0,0 +1,21 @@
+import React from "react";
+export const TableStyleContext = /*#__PURE__*/React.createContext({});
+export function generateBorderStyles(_ref) {
+  let {
+    borderColor,
+    borderWidth,
+    borderStyle,
+    drawTopBorder,
+    drawBottomBorder,
+    drawStartBorder,
+    drawEndBorder
+  } = _ref;
+  return {
+    borderColor,
+    borderStyle,
+    borderTopWidth: drawTopBorder ? borderWidth : 0,
+    borderBottomWidth: drawBottomBorder ? borderWidth : 0,
+    borderStartWidth: drawStartBorder ? borderWidth : 0,
+    borderEndWidth: drawEndBorder ? borderWidth : 0
+  };
+}

package/lib/module/components/Table/TableRow.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { generateBorderStyles, TableStyleContext } from "./index";
+import { generateBorderStyles, TableStyleContext } from "./TableCommon";
 import { withTheme } from "../../theming";
 const TableRow = _ref => {
   let {
@@ -19,6 +19,7 @@ const TableRow = _ref => {
     theme
   } = _ref;
   const parentContextValue = React.useContext(TableStyleContext);
+
   //Create context to use and pass to children based on own props or fall back to parent provided context
   const contextValue = {
     borderColor: borderColor || parentContextValue.borderColor,
@@ -49,4 +50,4 @@ const styles = StyleSheet.create({
     flexDirection: "row"
   }
 });
-export default withTheme(TableRow);;
+export default withTheme(TableRow);

package/lib/module/components/Table/index.js

@@ -1,24 +1,3 @@
-import React from "react";
-export const TableStyleContext = /*#__PURE__*/React.createContext({});
-export function generateBorderStyles(_ref) {
-  let {
-    borderColor,
-    borderWidth,
-    borderStyle,
-    drawTopBorder,
-    drawBottomBorder,
-    drawStartBorder,
-    drawEndBorder
-  } = _ref;
-  return {
-    borderColor,
-    borderStyle,
-    borderTopWidth: drawTopBorder ? borderWidth : 0,
-    borderBottomWidth: drawBottomBorder ? borderWidth : 0,
-    borderStartWidth: drawStartBorder ? borderWidth : 0,
-    borderEndWidth: drawEndBorder ? borderWidth : 0
-  };
-}
-export { Table } from "./Table";
+export { default as Table } from "./Table";
 export { default as TableRow } from "./TableRow";
 export { default as TableCell } from "./TableCell";