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

package/lib/module/components/Divider.js

@@ -1,21 +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 { StyleSheet, View } from "react-native";
-import { withTheme } from "../theming";
-const Divider = _ref => {
-  let {
-    style,
-    color,
-    theme: {
-      colors
-    },
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [{
-      backgroundColor: color || colors.divider,
-      height: StyleSheet.hairlineWidth
-    }, style]
-  }, rest));
-};
-export default withTheme(Divider);

package/lib/module/components/FAB.js

@@ -1,73 +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, StyleSheet, Pressable, ActivityIndicator, Platform } from "react-native";
-import { withTheme } from "../theming";
-const FAB = _ref => {
-  let {
-    onPress,
-    disabled,
-    loading,
-    iconName = "MaterialIcons/add",
-    style,
-    theme,
-    iconColor,
-    bgColor,
-    size = 50,
-    Icon,
-    ...props
-  } = _ref;
-  const backgroundColor = bgColor || theme.colors.primary;
-  const color = iconColor || "#FFF";
-  return /*#__PURE__*/React.createElement(View, {
-    style: [{
-      width: size,
-      height: size,
-      borderRadius: size / 2,
-      overflow: "hidden"
-    }, style]
-  }, /*#__PURE__*/React.createElement(Pressable, _extends({
-    onPress: onPress,
-    disabled: loading || disabled,
-    android_ripple: {
-      color: "#333",
-      radius: size / 4
-    },
-    style: _ref2 => {
-      let {
-        pressed
-      } = _ref2;
-      return [styles.button, {
-        opacity: pressed || disabled ? 0.75 : 1,
-        width: size,
-        height: size,
-        borderRadius: size / 2,
-        backgroundColor
-      }];
-    }
-  }, props), /*#__PURE__*/React.createElement(View, null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
-    style: size > 50 ? {
-      marginTop: 2,
-      marginLeft: 2
-    } : undefined,
-    size: size <= 50 ? "small" : "large",
-    color: color
-  }) : /*#__PURE__*/React.createElement(Icon, {
-    name: iconName,
-    size: size,
-    color: color
-  }))));
-};
-const styles = StyleSheet.create({
-  button: {
-    backgroundColor: "#5a45ff",
-    justifyContent: "center",
-    alignItems: "center",
-    ...Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  }
-});
-export default withTheme(FAB);

package/lib/module/components/FieldSearchBarFull.js

@@ -1,87 +0,0 @@
-import * as React from "react";
-import { View, TextInput, StyleSheet } from "react-native";
-import { withTheme } from "../theming";
-import Config from "./Config";
-const FieldSearchBarFull = _ref => {
-  let {
-    showIcon,
-    Icon,
-    icon = "search",
-    placeholder = "",
-    style,
-    theme: {
-      colors,
-      typography
-    },
-    onChange: changeOverride,
-    onSubmit: submitOverride,
-    value,
-    defaultValue
-  } = _ref;
-  const [focused, setIsFocused] = React.useState(false);
-  const onBlur = () => {
-    setIsFocused(false);
-  };
-  const [internalValue, setInternalValue] = React.useState(value || defaultValue);
-  React.useEffect(() => {
-    if (value != null) {
-      setInternalValue(value);
-    }
-  }, [value]);
-  React.useEffect(() => {
-    if (defaultValue != null) {
-      setInternalValue(defaultValue);
-    }
-  }, [defaultValue]);
-  const onChange = React.useCallback(text => {
-    changeOverride && changeOverride(text);
-  }, [changeOverride]);
-  const onFocus = () => {
-    setIsFocused(true);
-  };
-  const onSubmit = e => {
-    submitOverride && submitOverride(e);
-  };
-  const {
-    lineHeight,
-    ...typeStyles
-  } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars
-
-  const handleChangeText = newValue => {
-    setInternalValue(newValue);
-    if (onChange) {
-      onChange(newValue);
-    }
-  };
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, style]
-  }, showIcon && /*#__PURE__*/React.createElement(Icon, {
-    name: icon,
-    size: Config.fieldSearchBarFullIconSize,
-    color: focused ? colors.primary : colors.light
-  }), /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginLeft: showIcon ? 12 : 0,
-      flex: 1
-    }
-  }, /*#__PURE__*/React.createElement(TextInput, {
-    clearButtonMode: "while-editing",
-    placeholder: placeholder,
-    value: internalValue,
-    onBlur: onBlur,
-    onFocus: onFocus,
-    onChangeText: handleChangeText,
-    onSubmitEditing: onSubmit,
-    placeholderTextColor: colors.light,
-    style: [{
-      color: colors.medium
-    }, typeStyles]
-  })));
-};
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center"
-  }
-});
-export default withTheme(FieldSearchBarFull);

package/lib/module/components/Header.js

@@ -1,72 +0,0 @@
-import * as React from "react";
-import { View, Text, StyleSheet } from "react-native";
-import { withTheme } from "../theming";
-import Divider from "./Divider";
-import Touchable from "./Touchable";
-import Config from "./Config";
-const Header = _ref => {
-  let {
-    Icon,
-    titleTypeStyle,
-    titleColor,
-    title,
-    buttonText,
-    dividerTopMargin,
-    icon,
-    onPress,
-    style,
-    theme: {
-      colors,
-      typography
-    }
-  } = _ref;
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, style]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.topContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: [titleTypeStyle, {
-      color: titleColor,
-      flex: 1
-    }],
-    numberOfLines: 1
-  }, title), onPress && /*#__PURE__*/React.createElement(Touchable, {
-    style: {
-      alignSelf: "center",
-      marginLeft: 12
-    },
-    onPress: onPress
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.buttonContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: [typography.subtitle2, {
-      color: colors.light,
-      marginRight: 8
-    }],
-    numberOfLines: 1
-  }, buttonText), /*#__PURE__*/React.createElement(Icon, {
-    name: icon,
-    size: Config.headerIconSize,
-    color: colors.light
-  })))), /*#__PURE__*/React.createElement(Divider, {
-    style: {
-      marginTop: dividerTopMargin || 16
-    }
-  }));
-};
-const styles = StyleSheet.create({
-  container: {
-    alignSelf: "stretch"
-  },
-  topContainer: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center"
-  },
-  buttonContainer: {
-    flexDirection: "row",
-    justifyContent: "center",
-    alignItems: "center"
-  }
-});
-export default withTheme(Header);

package/lib/module/components/HeaderLarge.js

@@ -1,28 +0,0 @@
-import * as React from "react";
-import { withTheme } from "../theming";
-import Header from "./Header";
-const HeaderLarge = _ref => {
-  let {
-    Icon,
-    title,
-    buttonText,
-    icon,
-    onPress = () => {},
-    style,
-    theme: {
-      colors,
-      typography
-    }
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Header, {
-    Icon: Icon,
-    titleTypeStyle: typography.headline4,
-    titleColor: colors.strong,
-    title: title,
-    buttonText: buttonText,
-    icon: icon,
-    onPress: onPress,
-    style: style
-  });
-};
-export default withTheme(HeaderLarge);

package/lib/module/components/HeaderMedium.js

@@ -1,28 +0,0 @@
-import * as React from "react";
-import { withTheme } from "../theming";
-import Header from "./Header";
-const HeaderMedium = _ref => {
-  let {
-    Icon,
-    title,
-    buttonText,
-    icon,
-    onPress = () => {},
-    style,
-    theme: {
-      colors,
-      typography
-    }
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Header, {
-    Icon: Icon,
-    titleTypeStyle: typography.headline6,
-    titleColor: colors.strong,
-    title: title,
-    buttonText: buttonText,
-    icon: icon,
-    onPress: onPress,
-    style: style
-  });
-};
-export default withTheme(HeaderMedium);

package/lib/module/components/HeaderOverline.js

@@ -1,29 +0,0 @@
-import * as React from "react";
-import { withTheme } from "../theming";
-import Header from "./Header";
-const HeaderOverline = _ref => {
-  let {
-    Icon,
-    title,
-    buttonText,
-    icon,
-    onPress = () => {},
-    style,
-    theme: {
-      colors,
-      typography
-    }
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Header, {
-    Icon: Icon,
-    titleTypeStyle: typography.overline,
-    titleColor: colors.light,
-    title: title && title.toUpperCase(),
-    buttonText: buttonText,
-    icon: icon,
-    dividerTopMargin: 12,
-    onPress: onPress,
-    style: style
-  });
-};
-export default withTheme(HeaderOverline);

package/lib/module/components/Image.js

@@ -1,74 +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); }
-/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
-import React from "react";
-import { Image as NativeImage, StyleSheet } from "react-native";
-import Config from "./Config";
-import AspectRatio from "./AspectRatio";
-const generateDimensions = _ref => {
-  let {
-    aspectRatio,
-    width,
-    height
-  } = _ref;
-  if (aspectRatio && !width && !height) {
-    return {
-      aspectRatio,
-      width: "100%"
-    };
-  }
-  if (aspectRatio && height) {
-    return {
-      aspectRatio,
-      height,
-      width: aspectRatio * height
-    };
-  }
-  if (aspectRatio && width) {
-    return {
-      aspectRatio,
-      width,
-      height: width / aspectRatio
-    };
-  }
-  return {
-    width,
-    height
-  };
-};
-const Image = _ref2 => {
-  let {
-    source,
-    resizeMode = "cover",
-    style,
-    ...props
-  } = _ref2;
-  let imageSource = source === null || source === undefined ? Config.placeholderImageURL : source;
-  const styles = StyleSheet.flatten(style || {});
-  const {
-    aspectRatio,
-    width,
-    height
-  } = generateDimensions(styles);
-  if (aspectRatio) {
-    return /*#__PURE__*/React.createElement(AspectRatio, {
-      style: [style, {
-        width,
-        height,
-        aspectRatio
-      }]
-    }, /*#__PURE__*/React.createElement(NativeImage, _extends({}, props, {
-      source: imageSource,
-      resizeMode: resizeMode,
-      style: [style, {
-        height: "100%",
-        width: "100%"
-      }]
-    })));
-  }
-  return /*#__PURE__*/React.createElement(NativeImage, _extends({}, props, {
-    source: source,
-    resizeMode: resizeMode,
-    style: style
-  }));
-};
-export default Image;

package/lib/module/components/Justification.js

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

package/lib/module/components/ProgressBar.js

@@ -1,149 +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); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import React, { Component } from "react";
-import { Animated, Easing, View, I18nManager } from "react-native";
-const INDETERMINATE_WIDTH_FACTOR = 0.3;
-const BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);
-export default class ProgressBar extends Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "handleLayout", event => {
-      const {
-        width = 150,
-        onLayout
-      } = this.props;
-      if (!width) {
-        this.setState({
-          width: event.nativeEvent.layout.width
-        });
-      }
-      if (onLayout) {
-        onLayout(event);
-      }
-    });
-    const {
-      progress: progressP = 0,
-      indeterminate = false
-    } = props;
-    const progress = Math.min(Math.max(progressP, 0), 1);
-    this.state = {
-      width: 0,
-      progress: new Animated.Value(indeterminate ? INDETERMINATE_WIDTH_FACTOR : progress),
-      animationValue: new Animated.Value(BAR_WIDTH_ZERO_POSITION)
-    };
-  }
-  componentDidMount() {
-    const {
-      indeterminate = false
-    } = this.props;
-    if (indeterminate) {
-      this.animate();
-    }
-  }
-  componentDidUpdate(prevProps) {
-    const {
-      indeterminate = false,
-      useNativeDriver = false,
-      progress: progressP = 0,
-      animationType = "spring",
-      animationConfig = {
-        bounciness: 0
-      },
-      animated = true
-    } = this.props;
-    if (prevProps.indeterminate !== indeterminate) {
-      if (indeterminate) {
-        this.animate();
-      } else {
-        Animated.spring(this.state.animationValue, {
-          toValue: BAR_WIDTH_ZERO_POSITION,
-          useNativeDriver
-        }).start();
-      }
-    }
-    if (prevProps.indeterminate !== indeterminate || prevProps.progress !== progressP) {
-      const progress = this.props.indeterminate ? INDETERMINATE_WIDTH_FACTOR : Math.min(Math.max(progressP, 0), 1);
-      if (animated) {
-        Animated[animationType](this.state.progress, {
-          ...animationConfig,
-          toValue: progress,
-          velocity: 0,
-          //adjust this value if animation fails - velocity is required
-          useNativeDriver
-        }).start();
-      } else {
-        this.state.progress.setValue(progress);
-      }
-    }
-  }
-  animate() {
-    const {
-      useNativeDriver = false,
-      indeterminateAnimationDuration = 1000
-    } = this.props;
-    this.state.animationValue.setValue(0);
-    Animated.timing(this.state.animationValue, {
-      toValue: 1,
-      duration: indeterminateAnimationDuration,
-      easing: Easing.linear,
-      isInteraction: false,
-      useNativeDriver
-    }).start(endState => {
-      if (endState.finished) {
-        this.animate();
-      }
-    });
-  }
-  render() {
-    const {
-      borderColor,
-      borderRadius = 4,
-      borderWidth = 1,
-      children,
-      color = "rgba(0, 122, 255, 1)",
-      style,
-      unfilledColor,
-      width = 150,
-      ...restProps
-    } = this.props;
-    const innerWidth = Math.max(0, width || this.state.width) - borderWidth * 2;
-    const containerStyle = {
-      width,
-      borderWidth,
-      borderColor: borderColor || color,
-      borderRadius,
-      overflow: "hidden",
-      backgroundColor: unfilledColor
-    };
-    const progressStyle = {
-      backgroundColor: color,
-      // Always take up full height of container.
-      height: "100%",
-      transform: [{
-        translateX: this.state.animationValue.interpolate({
-          inputRange: [0, 1],
-          outputRange: [innerWidth * -INDETERMINATE_WIDTH_FACTOR, innerWidth]
-        })
-      }, {
-        translateX: this.state.progress.interpolate({
-          inputRange: [0, 1],
-          outputRange: [innerWidth / (I18nManager.isRTL ? 2 : -2), 0]
-        })
-      }, {
-        // Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278
-        scaleX: this.state.progress.interpolate({
-          inputRange: [0, 1],
-          outputRange: [0.0001, 1]
-        })
-      }]
-    };
-    return /*#__PURE__*/React.createElement(View, _extends({
-      style: [containerStyle, style],
-      onLayout: this.handleLayout
-    }, restProps), /*#__PURE__*/React.createElement(Animated.View, {
-      style: progressStyle
-    }), children);
-  }
-}

package/lib/module/components/ProgressCircle.js

@@ -1,38 +0,0 @@
-import * as React from "react";
-import { Text } from "react-native";
-import AnimatedCircularProgress from "./AnimatedCircularProgress";
-import { withTheme } from "../theming";
-const ProgressCircle = _ref => {
-  let {
-    progress = 0.5,
-    style,
-    color = "primary",
-    size = 100,
-    showsText = true,
-    unfilledColor,
-    strokeCap = "butt",
-    textStyle,
-    thickness = 1,
-    theme
-  } = _ref;
-  const progressNum = Math.round(progress * 100);
-  const tintColor = color || theme.colors.primary;
-  const backgroundColor = unfilledColor || theme.colors.secondary;
-  return /*#__PURE__*/React.createElement(AnimatedCircularProgress, {
-    size: size,
-    width: thickness,
-    backgroundWidth: thickness,
-    fill: progressNum,
-    tintColor: tintColor,
-    backgroundColor: backgroundColor,
-    rotation: 0,
-    lineCap: strokeCap,
-    style: style
-  }, fill => showsText ? /*#__PURE__*/React.createElement(Text, {
-    style: [{
-      fontSize: size * 0.275,
-      color: tintColor
-    }, textStyle]
-  }, Math.round(fill), "%") : null);
-};
-export default withTheme(ProgressCircle);

package/lib/module/components/ProgressIndicator.js

@@ -1,45 +0,0 @@
-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/ResizeMode.js

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