@draftbit/core 46.4.4-fe82de.2 → 47.0.0-alpha.0

package/lib/module/components/CardContainerShortImage.js

@@ -1,76 +0,0 @@
-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, Text } from "react-native";
-import Image from "./Image";
-import Card from "./DeprecatedCardWrapper";
-import Elevation from "./Elevation";
-import { withTheme } from "../theming";
-import Config from "./Config";
-const CardContainerShortImage = _ref => {
-  let {
-    image = Config.squareImageUrl,
-    title,
-    subtitle,
-    mode = "left",
-    aspectRatio = 1,
-    elevation = 2,
-    theme: {
-      colors,
-      roundness,
-      typography
-    },
-    style,
-    onPress,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Card, _extends({
-    style: style,
-    onPress: onPress
-  }, rest), /*#__PURE__*/React.createElement(Elevation, {
-    style: {
-      elevation,
-      borderRadius: roundness
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      overflow: "hidden",
-      flexDirection: "row",
-      justifyContent: mode === "right" ? "space-between" : "flex-start",
-      borderRadius: roundness
-    }
-  }, mode === "left" && /*#__PURE__*/React.createElement(Image, {
-    style: {
-      aspectRatio
-    },
-    source: typeof image === "string" ? {
-      uri: image
-    } : image,
-    resizeMode: "cover"
-  }), /*#__PURE__*/React.createElement(View, {
-    style: {
-      padding: 16,
-      backgroundColor: colors.surface,
-      flex: 1
-    }
-  }, /*#__PURE__*/React.createElement(Text, {
-    numberOfLines: 1,
-    style: [typography.headline5, {
-      color: colors.strong
-    }]
-  }, title), subtitle ? /*#__PURE__*/React.createElement(Text, {
-    numberOfLines: 1,
-    style: [typography.body2, {
-      color: colors.medium,
-      marginTop: 4
-    }]
-  }, subtitle) : null), mode === "right" && /*#__PURE__*/React.createElement(Image, {
-    style: {
-      aspectRatio
-    },
-    source: typeof image === "string" ? {
-      uri: image
-    } : image,
-    resizeMode: "cover"
-  }))));
-};
-export default withTheme(CardContainerShortImage);

package/lib/module/components/CardInline.js

@@ -1,82 +0,0 @@
-// @ts-nocheck
-import React from "react";
-import { Pressable, View, StyleSheet } from "react-native";
-import { Title, Subtitle } from "./Typography";
-import Image from "./Image";
-import Surface from "./Surface";
-import Config from "./Config";
-import { withTheme } from "../theming";
-const CardInline = _ref => {
-  let {
-    image = Config.cardImageUrl,
-    title,
-    subtitle,
-    aspectRatio = 1.5,
-    elevation = 2,
-    style,
-    titleStyle,
-    subtitleStyle,
-    onPress
-  } = _ref;
-  const {
-    alignItems,
-    justifyContent,
-    width,
-    height
-  } = StyleSheet.flatten(style || {});
-  const imageStyles = width && height ? {
-    width,
-    height
-  } : {
-    aspectRatio
-  };
-  return /*#__PURE__*/React.createElement(Surface, {
-    style: [{
-      elevation
-    }, style]
-  }, /*#__PURE__*/React.createElement(Pressable, {
-    disabled: !onPress,
-    onPress: onPress,
-    style: _ref2 => {
-      let {
-        pressed
-      } = _ref2;
-      return [{
-        opacity: pressed ? 0.8 : 1
-      }];
-    }
-  }, /*#__PURE__*/React.createElement(Image, {
-    style: imageStyles,
-    source: typeof image === "string" ? {
-      uri: image
-    } : image,
-    resizeMode: "cover"
-  }), /*#__PURE__*/React.createElement(View, {
-    style: [styles.overlay, {
-      justifyContent,
-      alignItems
-    }]
-  }, title ? /*#__PURE__*/React.createElement(Title, {
-    style: [{
-      color: "white"
-    }, titleStyle],
-    text: title
-  }) : null, subtitle ? /*#__PURE__*/React.createElement(Subtitle, {
-    style: [{
-      color: "rgba(255, 255, 255, 0.7)"
-    }, subtitleStyle],
-    text: subtitle
-  }) : null)));
-};
-const styles = StyleSheet.create({
-  overlay: {
-    position: "absolute",
-    top: 0,
-    bottom: 0,
-    left: 0,
-    right: 0,
-    padding: 16,
-    backgroundColor: "rgba(0, 0, 0, 0.2)"
-  }
-});
-export default withTheme(CardInline);

package/lib/module/components/Carousel.js

@@ -1,139 +0,0 @@
-import * as React from "react";
-import { withTheme } from "../theming";
-import { ScrollView, View, StyleSheet, Dimensions } from "react-native";
-import Image from "./Image";
-const screenWidth = Dimensions.get("window").width;
-function Pager(_ref) {
-  let {
-    color,
-    index,
-    length
-  } = _ref;
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.pager
-  }, Array.from({
-    length
-  }).map((_, i) => {
-    const current = index === i;
-    const opacity = current ? 1 : 0.5;
-    const size = current ? 10 : 8;
-    return /*#__PURE__*/React.createElement(View, {
-      key: i,
-      style: [styles.bullet, {
-        backgroundColor: color,
-        opacity,
-        width: size,
-        height: size
-      }]
-    });
-  }));
-}
-function Carousel(_ref2) {
-  let {
-    data,
-    children,
-    dotColor = "strong",
-    style,
-    ...rest
-  } = _ref2;
-  var _a;
-  const [index, setIndex] = React.useState(0);
-  const length = React.Children.count(children);
-  const itemsLength = ((_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0) + length;
-  const slides = Array.isArray(data) ? data : [];
-  const {
-    width,
-    height
-  } = StyleSheet.flatten(style || {});
-  const slideWidth = width || screenWidth;
-  const slideHeight = height || 250;
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, style],
-    ...rest
-  }, /*#__PURE__*/React.createElement(ScrollView, {
-    pagingEnabled: true,
-    horizontal: true,
-    decelerationRate: "fast",
-    scrollEventThrottle: 200,
-    showsHorizontalScrollIndicator: false,
-    onScroll: _ref3 => {
-      let {
-        nativeEvent
-      } = _ref3;
-      const layoutWidth = nativeEvent.layoutMeasurement.width;
-      const offset = nativeEvent.contentOffset.x;
-      const currentIndex = Math.ceil(offset / layoutWidth);
-      setIndex(currentIndex);
-    }
-  }, slides.length > 0 ? slides.map((item, i) => {
-    return /*#__PURE__*/React.createElement(Image, {
-      key: i,
-      resizeMode: "cover",
-      source: typeof item === "string" ? {
-        uri: item
-      } : item,
-      style: [{
-        width: slideWidth,
-        height: slideHeight
-      }]
-    });
-  }) : null, React.Children.map(children, child => {
-    var _a;
-    const s = ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.style) || {};
-    return /*#__PURE__*/React.createElement(View, {
-      style: {
-        width: slideWidth
-      }
-    }, /*#__PURE__*/React.cloneElement(child, {
-      style: {
-        ...s,
-        width: slideWidth
-      }
-    }));
-  })), /*#__PURE__*/React.createElement(Pager, {
-    color: dotColor,
-    index: index,
-    length: itemsLength
-  }));
-}
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: "#eee"
-  },
-  pager: {
-    position: "absolute",
-    bottom: 12,
-    left: 0,
-    right: 0,
-    flexDirection: "row",
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  bullet: {
-    marginHorizontal: 2,
-    width: 10,
-    height: 10,
-    borderRadius: 20,
-    backgroundColor: "#000"
-  }
-});
-export default withTheme(Carousel);#eee"
-  },
-  pager: {
-    position: "absolute",
-    bottom: 12,
-    left: 0,
-    right: 0,
-    flexDirection: "row",
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  bullet: {
-    marginHorizontal: 2,
-    width: 10,
-    height: 10,
-    borderRadius: 20,
-    backgroundColor: "#000"
-  }
-});
-export default withTheme(Carousel);

package/lib/module/components/CircleImage.js

@@ -1,25 +0,0 @@
-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 { Image } from "react-native";
-import Config from "./Config";
-const CircleImage = _ref => {
-  let {
-    source = Config.placeholderImageURL,
-    size = 60,
-    style,
-    ...props
-  } = _ref;
-  const borderRadius = size / 2;
-  return /*#__PURE__*/React.createElement(Image, _extends({
-    style: [{
-      width: size,
-      height: size,
-      borderRadius
-    }, style],
-    source: typeof source === "string" ? {
-      uri: source
-    } : source,
-    resizeMode: "cover"
-  }, props));
-};
-export default CircleImage;

package/lib/module/components/CircularProgress.js

@@ -1,104 +0,0 @@
-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 from "react";
-import { View } from "react-native";
-import { Svg, Path, G } from "react-native-svg";
-class CircularProgress extends React.Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "polarToCartesian", (centerX, centerY, radius, angleInDegrees) => {
-      var angleInRadians = (angleInDegrees - 90) * Math.PI / 180.0;
-      return {
-        x: centerX + radius * Math.cos(angleInRadians),
-        y: centerY + radius * Math.sin(angleInRadians)
-      };
-    });
-    _defineProperty(this, "circlePath", (x, y, radius, startAngle, endAngle) => {
-      var start = this.polarToCartesian(x, y, radius, endAngle * 0.9999);
-      var end = this.polarToCartesian(x, y, radius, startAngle);
-      var largeArcFlag = endAngle - startAngle <= 180 ? "0" : "1";
-      var d = ["M", start.x, start.y, "A", radius, radius, 0, largeArcFlag, 0, end.x, end.y];
-      return d.join(" ");
-    });
-    _defineProperty(this, "clampFill", fill => Math.min(100, Math.max(0, fill)));
-  }
-  render() {
-    const {
-      size,
-      width,
-      backgroundWidth,
-      tintColor = "black",
-      tintTransparency = true,
-      backgroundColor,
-      style,
-      rotation = 90,
-      lineCap = "butt",
-      arcSweepAngle = 360,
-      fill,
-      children,
-      childrenContainerStyle,
-      padding = 0,
-      renderCap,
-      dashedBackground = {
-        width: 0,
-        gap: 0
-      },
-      dashedTint = {
-        width: 0,
-        gap: 0
-      }
-    } = this.props;
-    const maxWidthCircle = backgroundWidth ? Math.max(width, backgroundWidth) : width;
-    const sizeWithPadding = size / 2 + padding / 2;
-    const radius = size / 2 - maxWidthCircle / 2 - padding / 2;
-    const currentFillAngle = arcSweepAngle * this.clampFill(fill) / 100;
-    const backgroundPath = this.circlePath(sizeWithPadding, sizeWithPadding, radius, tintTransparency ? 0 : currentFillAngle, arcSweepAngle);
-    const circlePathItem = this.circlePath(sizeWithPadding, sizeWithPadding, radius, 0, currentFillAngle);
-    const coordinate = this.polarToCartesian(sizeWithPadding, sizeWithPadding, radius, currentFillAngle);
-    const cap = renderCap ? renderCap({
-      center: coordinate
-    }) : null;
-    const offset = size - maxWidthCircle * 2;
-    const localChildrenContainerStyle = [{
-      position: "absolute",
-      left: maxWidthCircle + padding / 2,
-      top: maxWidthCircle + padding / 2,
-      width: offset,
-      height: offset,
-      borderRadius: offset / 2,
-      alignItems: "center",
-      justifyContent: "center",
-      overflow: "hidden"
-    }, childrenContainerStyle];
-    const strokeDasharrayTint = dashedTint.gap > 0 ? Object.values(dashedTint).map(value => value.toString()).join(" ") : "";
-    const strokeDasharrayBackground = dashedBackground.gap > 0 ? Object.values(dashedBackground).map(value => value.toString()).join(" ") : "";
-    return /*#__PURE__*/React.createElement(View, {
-      style: style
-    }, /*#__PURE__*/React.createElement(Svg, {
-      width: size + padding,
-      height: size + padding
-    }, /*#__PURE__*/React.createElement(G, {
-      rotation: rotation,
-      originX: (size + padding) / 2,
-      originY: (size + padding) / 2
-    }, backgroundColor && /*#__PURE__*/React.createElement(Path, {
-      d: backgroundPath,
-      stroke: backgroundColor,
-      strokeWidth: backgroundWidth || width,
-      strokeLinecap: lineCap,
-      strokeDasharray: strokeDasharrayBackground,
-      fill: "transparent"
-    }), fill > 0 && /*#__PURE__*/React.createElement(Path, {
-      d: circlePathItem,
-      stroke: tintColor,
-      strokeWidth: width,
-      strokeLinecap: lineCap,
-      strokeDasharray: strokeDasharrayTint,
-      fill: "transparent"
-    }), cap)), children && /*#__PURE__*/React.createElement(View, {
-      style: localChildrenContainerStyle
-    }, children(fill)));
-  }
-}
-export default CircularProgress;

package/lib/module/components/Container.js

@@ -1,83 +0,0 @@
-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, ImageBackground, StyleSheet } from "react-native";
-import { withTheme } from "../theming";
-import Elevation from "./Elevation";
-const Container = _ref => {
-  let {
-    useThemeGutterPadding,
-    borderColor,
-    borderWidth,
-    backgroundColor,
-    backgroundImage,
-    backgroundImageResizeMode,
-    elevation,
-    style,
-    children,
-    theme,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
-    ...rest
-  } = _ref;
-  const {
-    flex,
-    flexGrow,
-    flexWrap,
-    flexBasis,
-    flexShrink,
-    flexDirection,
-    alignContent,
-    justifyContent,
-    alignItems,
-    padding,
-    paddingTop,
-    paddingBottom,
-    paddingLeft,
-    paddingRight,
-    paddingVertical,
-    paddingHorizontal,
-    ...styleProp
-  } = StyleSheet.flatten(style) || {};
-  const containerStyle = {
-    backgroundColor,
-    borderColor,
-    borderWidth,
-    width: "100%",
-    ...styleProp
-  };
-  const innerStyle = {
-    flex,
-    flexGrow,
-    flexWrap,
-    flexBasis,
-    flexShrink,
-    flexDirection,
-    alignContent,
-    justifyContent,
-    alignItems,
-    padding,
-    paddingTop,
-    paddingBottom,
-    paddingLeft,
-    paddingRight,
-    paddingVertical,
-    paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0
-  };
-  const Wrap = elevation ? Elevation : View;
-  if (elevation) containerStyle.elevation = elevation;
-  return /*#__PURE__*/React.createElement(Wrap, _extends({
-    style: [containerStyle, style]
-  }, rest), backgroundImage ? /*#__PURE__*/React.createElement(ImageBackground, {
-    source: typeof backgroundImage === "string" ? {
-      uri: backgroundImage
-    } : backgroundImage,
-    resizeMode: backgroundImageResizeMode,
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: innerStyle
-  }, children)) : /*#__PURE__*/React.createElement(View, {
-    style: innerStyle
-  }, children));
-};
-export default withTheme(Container);

package/lib/module/components/DeprecatedCardWrapper.js

@@ -1,32 +0,0 @@
-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";
-const getWidth = numColumns => {
-  switch (numColumns) {
-    case 1:
-      return "33%";
-    case 2:
-      return "50%";
-    default:
-      return "100%";
-  }
-};
-const Card = _ref => {
-  let {
-    numColumns = 3,
-    children,
-    onPress,
-    style,
-    ...rest
-  } = _ref;
-  const width = getWidth(numColumns);
-  return /*#__PURE__*/React.createElement(Touchable, _extends({
-    disabled: !onPress,
-    onPress: onPress,
-    style: [style, {
-      width
-    }]
-  }, rest), children);
-};
-export default withTheme(Card);

package/lib/module/components/DeprecatedFAB.js

@@ -1,148 +0,0 @@
-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, StyleSheet } from "react-native";
-import color from "color";
-import Config from "./Config";
-import Text from "./Text";
-import Touchable from "./Touchable";
-import Elevation from "./Elevation";
-import { withTheme } from "../theming";
-const FAB = _ref => {
-  let {
-    Icon,
-    icon,
-    disabled = false,
-    type = "solid",
-    loading = false,
-    color: colorOverride,
-    label,
-    onPress,
-    elevation = 0,
-    style,
-    theme: {
-      colors,
-      disabledOpacity,
-      roundness,
-      typography
-    },
-    ...rest
-  } = _ref;
-  let backgroundColor, borderColor, textColor, borderWidth;
-  const buttonColor = colorOverride || colors.primary;
-  if (type === "standard" || type === "extended" || type === "fixed") {
-    backgroundColor = buttonColor;
-    if (disabled) {
-      textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();
-    } else {
-      textColor = colors.surface;
-    }
-  } else {
-    backgroundColor = "transparent";
-    if (disabled) {
-      textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
-    } else {
-      textColor = buttonColor;
-    }
-  }
-  if (type === "outline") {
-    if (disabled) {
-      borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
-    } else {
-      borderColor = buttonColor;
-    }
-    borderWidth = StyleSheet.hairlineWidth;
-  } else {
-    borderColor = "transparent";
-    borderWidth = 0;
-  }
-  const buttonStyle = {
-    backgroundColor,
-    borderColor,
-    borderWidth,
-    borderRadius: roundness,
-    alignItems: "center",
-    justifyContent: "center"
-  };
-  const buttonStyles = [styles.button, buttonStyle];
-  const contentStyle = [styles.content];
-  const textStyle = {
-    textAlign: "center",
-    color: textColor
-  };
-  const iconStyle = [styles.icon, {
-    width: Config.buttonIconSize
-  }];
-  if (type === "standard" || type === "outline") {
-    buttonStyle.width = Config.FABSize;
-    buttonStyle.height = Config.FABSize;
-    buttonStyle.borderRadius = Config.FABBorderRadius;
-    contentStyle.push({
-      width: Config.FABSize,
-      height: Config.FABSize
-    });
-  }
-  if (type === "extended" || type === "fixed") {
-    iconStyle.push({
-      marginLeft: 16,
-      marginRight: -8
-    });
-    textStyle.margin = 16;
-  }
-  if (type === "fixed") {
-    buttonStyles.push({
-      height: Config.FABFixedHeight,
-      alignSelf: "stretch"
-    });
-  }
-  return /*#__PURE__*/React.createElement(Elevation, {
-    style: [{
-      elevation
-    }, style]
-  }, /*#__PURE__*/React.createElement(Touchable, _extends({}, rest, {
-    onPress: onPress,
-    accessibilityState: {
-      disabled
-    },
-    accessibilityRole: "button",
-    disabled: disabled || loading,
-    style: buttonStyles
-  }), /*#__PURE__*/React.createElement(View, {
-    style: styles.content
-  }, icon && loading !== true ? /*#__PURE__*/React.createElement(View, {
-    style: iconStyle
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: icon,
-    size: Config.buttonIconSize,
-    color: textColor
-  })) : null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
-    size: "small",
-    color: textColor,
-    style: iconStyle
-  }) : null, label ? /*#__PURE__*/React.createElement(Text, {
-    numberOfLines: 1,
-    style: [textStyle, typography.button]
-  }, label) : null)));
-};
-const styles = StyleSheet.create({
-  button: {
-    borderStyle: "solid"
-  },
-  content: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  icon: {
-    alignItems: "center",
-    justifyContent: "center",
-    width: Config.buttonIconSize
-  },
-  fixed: {
-    left: 0,
-    right: 0,
-    bottom: 0,
-    height: 64,
-    borderRadius: 0
-  }
-});
-export default withTheme(FAB);