@draftbit/core 46.4.4-fe82de.2 → 47.0.0-06ea46.2

package/src/index.tsx

@@ -3,38 +3,39 @@ export { withTheme, ThemeProvider } from "./theming";
 export { default as Provider } from "./Provider";
 export { default as DefaultTheme } from "./styles/DefaultTheme";
 
-export { Link } from "./components/Text";
+// BASIC
+export { default as ScreenContainer } from "./components/ScreenContainer";
 export { default as Banner } from "./components/Banner";
-export { Button, ButtonSolid, ButtonOutline } from "./components/Button";
-export { default as Avatar } from "./components/CircleImage";
-export { default as AvatarEdit } from "./components/AvatarEdit";
-export { default as Card } from "./components/Card";
-export { default as Carousel } from "./components/Carousel";
-export { Checkbox, CheckboxGroup, CheckboxRow } from "./components/Checkbox";
-export { default as CircleImage } from "./components/CircleImage";
-export { default as Container } from "./components/Container";
-export { default as Divider } from "./components/Divider";
-export { default as FAB } from "./components/FAB";
-export { default as FieldSearchBarFull } from "./components/FieldSearchBarFull";
+
+// BUTTONS
+export { Button } from "./components/Button";
+export { Link } from "./components/Text";
 export { default as IconButton } from "./components/IconButton";
-export { default as Image } from "./components/Image";
-export { default as SVG } from "./components/SVG";
+export { default as Touchable } from "./components/Touchable";
+
+// INPUTS
+export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { default as NumberInput } from "./components/NumberInput";
-export { default as ScreenContainer } from "./components/ScreenContainer";
-export { default as StarRating } from "./components/StarRating";
-export { default as Surface } from "./components/Surface";
-export { default as Switch, SwitchRow } from "./components/Switch";
 export { default as TextField } from "./components/TextField";
-export { default as ToggleButton } from "./components/ToggleButton";
-export { default as Touchable } from "./components/Touchable";
-export { AccordionGroup, AccordionItem } from "./components/Accordion";
+export { default as Picker } from "./components/Picker/Picker";
+
+// CONTROLS
+export { Checkbox, CheckboxGroup, CheckboxRow } from "./components/Checkbox";
 export {
-  ActionSheet,
-  ActionSheetItem,
-  ActionSheetCancel,
-} from "./components/ActionSheet";
-export { Swiper, SwiperItem } from "./components/Swiper";
+  RadioButton,
+  RadioButtonGroup,
+  RadioButtonRow,
+  RadioButtonFieldGroup,
+} from "./components/RadioButton/index";
+export { default as Slider } from "./components/Slider";
+export { default as Stepper } from "./components/Stepper";
+export { default as StarRating } from "./components/StarRating";
+export { default as Switch, SwitchRow } from "./components/Switch";
 
+// MEDIA
+export { default as SVG } from "./components/SVG";
+
+// FLEX LAYOUT
 export {
   Center,
   Circle,
@@ -44,30 +45,16 @@ export {
   Spacer,
 } from "./components/Layout";
 
-export {
-  RadioButton,
-  RadioButtonGroup,
-  RadioButtonRow,
-  RadioButtonFieldGroup,
-} from "./components/RadioButton/index";
+// SWIPER
+export { Swiper, SwiperItem } from "./components/Swiper";
 
-/* Deprecated: Fix or Delete!  */
-export { default as CardBlock } from "./components/CardBlock";
-export { default as CardContainer } from "./components/CardContainer";
-export { default as CardContainerRating } from "./components/CardContainerRating";
-export { default as CardInline } from "./components/CardInline";
-export { default as DatePicker } from "./components/DatePicker/DatePicker";
-export { default as HeaderLarge } from "./components/HeaderLarge";
-export { default as HeaderMedium } from "./components/HeaderMedium";
-export { default as HeaderOverline } from "./components/HeaderOverline";
-export { default as Picker } from "./components/Picker/Picker";
-export { default as ProgressBar } from "./components/ProgressBar";
-export { default as ProgressCircle } from "./components/ProgressCircle";
-export { default as RowBodyIcon } from "./components/RowBodyIcon";
-export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImageCaption";
-export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
-export { default as Slider } from "./components/Slider";
-export { default as Stepper } from "./components/Stepper";
-export { useAuthState } from "./components/useAuthState";
+// CONTAINERS
+export { AccordionGroup, AccordionItem } from "./components/Accordion";
+export { default as Surface } from "./components/Surface";
 
-// a comment to fix sourcemap comment issue
+// ACTIONSHEET
+export {
+  ActionSheet,
+  ActionSheetItem,
+  ActionSheetCancel,
+} from "./components/ActionSheet";

package/src/mappings/DatePicker.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, StylesPanelSections, createNumberProp, createColorProp, } from "@draftbit/types";
+import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, } from "@draftbit/types";
 const SEED_DATA_PROPS = {
     label: {
         label: "Label",
@@ -10,12 +10,6 @@ const SEED_DATA_PROPS = {
         required: true,
         group: GROUPS.data,
     },
-    labelSize: createNumberProp({
-        label: "Label Size",
-    }),
-    labelColor: createColorProp({
-        label: "Label Color",
-    }),
     mode: {
         label: "Mode",
         description: "Choose between date, time and datetime",
@@ -27,12 +21,6 @@ const SEED_DATA_PROPS = {
         options: ["date", "time", "datetime"],
         group: GROUPS.basic,
     },
-    borderColor: createColorProp({
-        label: "Border Color",
-    }),
-    borderColorActive: createColorProp({
-        label: "Border Color",
-    }),
     format: {
         label: "Format",
         description: "Create an output format for the date.",
@@ -151,14 +139,6 @@ export const SEED_DATA = [
         category: COMPONENT_TYPES.input,
         layout: null,
         triggers: [Triggers.OnDateChange],
-        StylesPanelSections: [
-            StylesPanelSections.Background,
-            StylesPanelSections.Borders,
-            StylesPanelSections.MarginsAndPaddings,
-            StylesPanelSections.Position,
-            StylesPanelSections.Size,
-            StylesPanelSections.Typography,
-        ],
         props: {
             ...SEED_DATA_PROPS,
             type: {

package/src/mappings/DatePicker.ts

@@ -5,9 +5,6 @@ import {
   FIELD_NAME,
   GROUPS,
   Triggers,
-  StylesPanelSections,
-  createNumberProp,
-  createColorProp,
 } from "@draftbit/types";
 
 const SEED_DATA_PROPS = {
@@ -21,12 +18,6 @@ const SEED_DATA_PROPS = {
     required: true,
     group: GROUPS.data,
   },
-  labelSize: createNumberProp({
-    label: "Label Size",
-  }),
-  labelColor: createColorProp({
-    label: "Label Color",
-  }),
   mode: {
     label: "Mode",
     description: "Choose between date, time and datetime",
@@ -38,12 +29,6 @@ const SEED_DATA_PROPS = {
     options: ["date", "time", "datetime"],
     group: GROUPS.basic,
   },
-  borderColor: createColorProp({
-    label: "Border Color",
-  }),
-  borderColorActive: createColorProp({
-    label: "Border Color",
-  }),
   format: {
     label: "Format",
     description: "Create an output format for the date.",
@@ -165,14 +150,6 @@ export const SEED_DATA = [
     category: COMPONENT_TYPES.input,
     layout: null,
     triggers: [Triggers.OnDateChange],
-    StylesPanelSections: [
-      StylesPanelSections.Background,
-      StylesPanelSections.Borders,
-      StylesPanelSections.MarginsAndPaddings,
-      StylesPanelSections.Position,
-      StylesPanelSections.Size,
-      StylesPanelSections.Typography,
-    ],
     props: {
       ...SEED_DATA_PROPS,
       type: {

package/src/mappings/NativeBase/Layout/AspectRatio.js

@@ -0,0 +1,9 @@
+import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Aspect Ratio",
+    tag: "AspectRatio",
+    description: "AspectRatio controls the size of the undefined dimension of a node or child component.",
+    category: COMPONENT_TYPES.NBLayout,
+    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+    packageName: "native-base",
+};

package/src/mappings/NativeBase/Layout/AspectRatio.ts

@@ -0,0 +1,11 @@
+import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Aspect Ratio",
+  tag: "AspectRatio",
+  description:
+    "AspectRatio controls the size of the undefined dimension of a node or child component.",
+  category: COMPONENT_TYPES.NBLayout,
+  stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+  packageName: "native-base",
+};

package/src/mappings/NativeBase/Layout/Box.js

@@ -0,0 +1,9 @@
+import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Box",
+    tag: "Box",
+    description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
+    category: COMPONENT_TYPES.NBLayout,
+    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+    packageName: "native-base",
+};

package/src/mappings/NativeBase/Layout/Box.ts

@@ -0,0 +1,11 @@
+import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Box",
+  tag: "Box",
+  description:
+    "This is a generic component for low level layout needs. It is similar to a div in HTML",
+  category: COMPONENT_TYPES.NBLayout,
+  stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+  packageName: "native-base",
+};

package/src/mappings/NativeBase/Layout/Center.js

@@ -0,0 +1,27 @@
+import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
+export const SEED_DATA = [
+    {
+        name: "Center",
+        tag: "Center",
+        description: "Centers its child",
+        category: COMPONENT_TYPES.NBLayout,
+        stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+        packageName: "native-base",
+    },
+    {
+        name: "Square",
+        tag: "Square",
+        description: "Centers its child inside a square",
+        category: COMPONENT_TYPES.NBLayout,
+        stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+        packageName: "native-base",
+    },
+    {
+        name: "Circle",
+        tag: "Circle",
+        description: "Centers its child inside a circle",
+        category: COMPONENT_TYPES.NBLayout,
+        stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+        packageName: "native-base",
+    },
+];

package/src/mappings/NativeBase/Layout/Center.ts

@@ -0,0 +1,28 @@
+import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
+
+export const SEED_DATA = [
+  {
+    name: "Center",
+    tag: "Center",
+    description: "Centers its child",
+    category: COMPONENT_TYPES.NBLayout,
+    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+    packageName: "native-base",
+  },
+  {
+    name: "Square",
+    tag: "Square",
+    description: "Centers its child inside a square",
+    category: COMPONENT_TYPES.NBLayout,
+    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+    packageName: "native-base",
+  },
+  {
+    name: "Circle",
+    tag: "Circle",
+    description: "Centers its child inside a circle",
+    category: COMPONENT_TYPES.NBLayout,
+    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+    packageName: "native-base",
+  },
+];

package/src/mappings/NativeBase/Layout/Column.js

@@ -0,0 +1,9 @@
+import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Column",
+    tag: "VStack",
+    description: "Column aligns items vertically",
+    category: COMPONENT_TYPES.NBLayout,
+    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+    packageName: "native-base",
+};

package/src/mappings/NativeBase/Layout/Column.ts

@@ -0,0 +1,10 @@
+import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Column",
+  tag: "VStack",
+  description: "Column aligns items vertically",
+  category: COMPONENT_TYPES.NBLayout,
+  stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+  packageName: "native-base",
+};

package/src/mappings/NativeBase/Layout/Container.js

@@ -0,0 +1,9 @@
+import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Container",
+    tag: "Container",
+    description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid.",
+    category: COMPONENT_TYPES.NBLayout,
+    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+    packageName: "native-base",
+};

package/src/mappings/NativeBase/Layout/Container.ts

@@ -0,0 +1,11 @@
+import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Container",
+  tag: "Container",
+  description:
+    "The Container restricts a content's width according to current breakpoint, while keeping the size fluid.",
+  category: COMPONENT_TYPES.NBLayout,
+  stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+  packageName: "native-base",
+};

package/src/mappings/NativeBase/Layout/Row.js

@@ -0,0 +1,9 @@
+import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Row",
+    tag: "HStack",
+    description: "Column aligns items horizontally",
+    category: COMPONENT_TYPES.NBLayout,
+    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+    packageName: "native-base",
+};

package/src/mappings/NativeBase/Layout/Row.ts

@@ -0,0 +1,10 @@
+import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Row",
+  tag: "HStack",
+  description: "Column aligns items horizontally",
+  category: COMPONENT_TYPES.NBLayout,
+  stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+  packageName: "native-base",
+};

package/src/mappings/NativeBase/Layout/Stack.js

@@ -0,0 +1,9 @@
+import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Stack",
+    tag: "Stack",
+    description: "Stack aligns items vertically or horizontally based on the direction prop.",
+    category: COMPONENT_TYPES.NBLayout,
+    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+    packageName: "native-base",
+};

package/src/mappings/NativeBase/Layout/Stack.ts

@@ -0,0 +1,11 @@
+import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Stack",
+  tag: "Stack",
+  description:
+    "Stack aligns items vertically or horizontally based on the direction prop.",
+  category: COMPONENT_TYPES.NBLayout,
+  stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+  packageName: "native-base",
+};

package/src/mappings/NativeBase/Layout/ZStack.js

@@ -0,0 +1,9 @@
+import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Row",
+    tag: "HStack",
+    description: "Column aligns items horizontally",
+    category: COMPONENT_TYPES.NBLayout,
+    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+    packageName: "native-base",
+};

package/src/mappings/NativeBase/Layout/ZStack.ts

@@ -0,0 +1,10 @@
+import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Row",
+  tag: "HStack",
+  description: "Column aligns items horizontally",
+  category: COMPONENT_TYPES.NBLayout,
+  stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
+  packageName: "native-base",
+};

package/src/mappings/Touchable.js

@@ -1,6 +1,6 @@
 import { COMPONENT_TYPES, createActionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
-    name: "Touchable",
+    name: "Pressable",
     tag: "Touchable",
     description: "Simple button with no styles",
     category: COMPONENT_TYPES.button,

package/src/mappings/Touchable.ts

@@ -6,7 +6,7 @@ import {
 } from "@draftbit/types";
 
 export const SEED_DATA = {
-  name: "Touchable",
+  name: "Pressable",
   tag: "Touchable",
   description: "Simple button with no styles",
   category: COMPONENT_TYPES.button,

package/lib/commonjs/components/AnimatedCircularProgress.js

@@ -1,77 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _CircularProgress = _interopRequireDefault(require("./CircularProgress"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-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; }
-const AnimatedProgress = _reactNative.Animated.createAnimatedComponent(_CircularProgress.default);
-const AnimatedCircularProgress = _ref => {
-  let {
-    duration = 500,
-    easing = _reactNative.Easing.out(_reactNative.Easing.ease),
-    fill,
-    prefill = 0,
-    useNativeDriver = false,
-    tintColorSecondary,
-    onAnimationComplete,
-    tintColor = "black",
-    ...other
-  } = _ref;
-  const [fillAnimation] = React.useState(new _reactNative.Animated.Value(prefill));
-  const animate = React.useCallback(function () {
-    let toVal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
-    let dur = arguments.length > 1 ? arguments[1] : undefined;
-    let ease = arguments.length > 2 ? arguments[2] : undefined;
-    const toValue = toVal >= 0 ? toVal : fill;
-    const dura = dur || duration;
-    const eas = ease || easing;
-    const useNative = useNativeDriver;
-    const anim = _reactNative.Animated.timing(fillAnimation, {
-      useNativeDriver: useNative,
-      toValue,
-      easing: eas,
-      duration: dura
-    });
-    anim.start(onAnimationComplete);
-    return anim;
-  }, [duration, easing, fill, useNativeDriver, fillAnimation, onAnimationComplete]);
-  const animateColor = () => {
-    if (!tintColorSecondary) {
-      return tintColor;
-    }
-    const tintAnimation = fillAnimation.interpolate({
-      inputRange: [0, 100],
-      outputRange: [tintColor, tintColorSecondary]
-    });
-    return tintAnimation;
-  };
-  React.useEffect(() => {
-    animate();
-  }, [fill, animate]);
-  return /*#__PURE__*/React.createElement(AnimatedProgress, {
-    ...other,
-    style: other.style,
-    childrenContainerStyle: other.childrenContainerStyle,
-    fill: fillAnimation,
-    tintColor: animateColor()
-  });
-};
-var _default = AnimatedCircularProgress;
-exports.default = _default;ect(() => {
-    animate();
-  }, [fill, animate]);
-  return /*#__PURE__*/React.createElement(AnimatedProgress, _extends({}, other, {
-    style: other.style,
-    childrenContainerStyle: other.childrenContainerStyle,
-    fill: fillAnimation,
-    tintColor: animateColor()
-  }));
-};
-var _default = AnimatedCircularProgress;
-exports.default = _default;

package/lib/commonjs/components/AspectRatio.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const AspectRatio = props => {
-  const [layout, setLayout] = _react.default.useState(null);
-  const {
-    aspectRatio = 1,
-    ...inputStyle
-  } = _reactNative.StyleSheet.flatten(props.style) || {};
-  const style = [inputStyle, {
-    aspectRatio
-  }];
-  if (layout) {
-    const {
-      width = 0,
-      height = 0
-    } = layout;
-    if (width === 0) {
-      style.push({
-        width: height * (1 / aspectRatio),
-        height
-      });
-    } else {
-      style.push({
-        width,
-        height: width * (1 / aspectRatio)
-      });
-    }
-  }
-  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 => {
-      let {
-        nativeEvent: {
-          layout: l
-        }
-      } = _ref;
-      return setLayout(l);
-    }
-  }), props.children);
-};
-var _default = AspectRatio;
-exports.default = _default;

package/lib/commonjs/components/AvatarEdit.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _Touchable = _interopRequireDefault(require("./Touchable"));
-var _CircleImage = _interopRequireDefault(require("./CircleImage"));
-var _theming = require("../theming");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-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 AvatarEdit = _ref => {
-  let {
-    Icon,
-    image,
-    size = 80,
-    onPress = () => {},
-    style,
-    theme,
-    ...rest
-  } = _ref;
-  const colorStyles = {
-    editBackgroundColor: theme.colors.primary,
-    editIconColor: theme.colors.surface,
-    editBorderColor: theme.colors.surface
-  };
-  const dimensions = {
-    width: size,
-    height: size
-  };
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
-    style: [style, dimensions]
-  }, rest), /*#__PURE__*/React.createElement(_Touchable.default, {
-    onPress: onPress
-  }, /*#__PURE__*/React.createElement(_CircleImage.default, {
-    source: image,
-    size: size
-  }), /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: {
-      position: "absolute",
-      top: -3,
-      right: -3,
-      borderColor: colorStyles.editBorderColor,
-      backgroundColor: colorStyles.editBackgroundColor,
-      borderRadius: size * (3 / 16),
-      padding: size * (3 / 32)
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "MaterialIcons/edit",
-    color: colorStyles.editIconColor,
-    size: size * (3 / 16)
-  }))));
-};
-var _default = (0, _theming.withTheme)(AvatarEdit);
-exports.default = _default;