@draftbit/core 46.4.4-d93fe1.2 → 46.4.4-dc4ec4.2

package/lib/module/components/TextField.js

@@ -1,7 +1,7 @@
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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, Animated, TextInput as NativeTextInput, StyleSheet, Text, I18nManager } from "react-native";
 import { withTheme } from "../theming";
@@ -10,12 +10,11 @@ const AnimatedText = Animated.createAnimatedComponent(Text);
 const FOCUS_ANIMATION_DURATION = 150;
 const BLUR_ANIMATION_DURATION = 180;
 const ICON_SIZE = 24;
-
 class TextField extends React.Component {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "state", {
+      nativeProps: {},
       labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),
       focused: false,
       placeholder: this.props.error ? this.props.placeholder : "",
@@ -24,59 +23,49 @@ class TextField extends React.Component {
         width: 0
       }
     });
-
     _defineProperty(this, "_timer", setTimeout(() => {}, 0));
-
     _defineProperty(this, "_showPlaceholder", () => {
-      clearTimeout(this._timer); // Set the placeholder in a delay to offset the label animation
-      // If we show it immediately, they'll overlap and look ugly
+      clearTimeout(this._timer);
 
+      // Set the placeholder in a delay to offset the label animation
+      // If we show it immediately, they'll overlap and look ugly
       this._timer = setTimeout(() => this.setState({
         placeholder: this.props.placeholder
       }), 50);
     });
-
     _defineProperty(this, "_hidePlaceholder", () => this.setState({
       placeholder: ""
     }));
-
     _defineProperty(this, "_restoreLabel", () => Animated.timing(this.state.labeled, {
       toValue: 1,
       duration: FOCUS_ANIMATION_DURATION,
       useNativeDriver: true
     }).start());
-
     _defineProperty(this, "_minmizeLabel", () => Animated.timing(this.state.labeled, {
       toValue: 0,
       duration: BLUR_ANIMATION_DURATION,
       useNativeDriver: true
     }).start());
-
     _defineProperty(this, "_handleFocus", () => {
       if (this.props.disabled) {
         return;
       }
-
       this.setState({
         focused: true
       });
     });
-
     _defineProperty(this, "_handleBlur", () => {
       if (this.props.disabled) {
         return;
       }
-
       this.setState({
         focused: false
       });
     });
-
     _defineProperty(this, "_handleChangeText", value => {
       if (this.props.disabled) {
         return;
       }
-
       if (typeof value === "string") {
         this.setState({
           value
@@ -89,26 +78,21 @@ class TextField extends React.Component {
         this.props.onChangeText && this.props.onChangeText(value.nativeEvent.text);
       }
     });
-
     _defineProperty(this, "_root", undefined);
   }
-
   static getDerivedStateFromProps(nextProps, prevState) {
     return {
       value: typeof nextProps.value !== "undefined" ? nextProps.value : prevState.value
     };
   }
-
   componentDidMount() {
     if (this.props.defaultValue) {
       this._handleChangeText(this.props.defaultValue);
     }
-
     if (this.props.placeholder) {
       this._minmizeLabel();
     }
   }
-
   componentDidUpdate(prevProps, prevState) {
     if (prevState.focused !== this.state.focused || prevState.value !== this.state.value) {
       // The label should be minimized if the text input is focused, or has text
@@ -119,7 +103,6 @@ class TextField extends React.Component {
         this._restoreLabel();
       }
     }
-
     if (prevState.focused !== this.state.focused || prevProps.label !== this.props.label) {
       // Show placeholder text only if the input is focused, or has error, or there's no label
       // We don't show placeholder if there's a label because the label acts as placeholder
@@ -131,40 +114,35 @@ class TextField extends React.Component {
       }
     }
   }
-
   componentWillUnmount() {
     clearTimeout(this._timer);
   }
-
   toggleFocus() {
     this.setState(prevState => ({
       focused: !prevState.focused
     }));
   }
-
   /**
    * @internal
    */
   setNativeProps(args) {
-    return this._root && this._root.setNativeProps(args);
+    this.setState(state => ({
+      ...state,
+      nativeState: args || {}
+    }));
   }
-
   isFocused() {
     return this._root && this._root.isFocused();
   }
-
   clear() {
     return this._root && this._root.clear();
   }
-
   focus() {
     return this._root && this._root.focus();
   }
-
   blur() {
     return this._root && this._root.blur();
   }
-
   render() {
     const {
       Icon,
@@ -197,7 +175,6 @@ class TextField extends React.Component {
     const hasActiveOutline = this.state.focused || error;
     let inputTextColor, activeColor, underlineColor, borderColor, placeholderColor, containerStyle, backgroundColor, inputStyle;
     inputTextColor = colors.strong;
-
     if (disabled) {
       activeColor = colors.light;
       placeholderColor = colors.light;
@@ -210,11 +187,9 @@ class TextField extends React.Component {
       underlineColor = underlineColorProp;
       backgroundColor = colors.background;
     }
-
     if (rest.placeholderTextColor) {
       placeholderColor = rest.placeholderTextColor;
     }
-
     const {
       lineHeight,
       ...subtitle1
@@ -226,13 +201,10 @@ class TextField extends React.Component {
       paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,
       ...subtitle1
     };
-
     if (!multiline) {
       inputStyle.height = lineHeight;
     }
-
     let assistiveTextLeftMargin;
-
     if (type === "underline") {
       containerStyle = {
         borderTopLeftRadius: roundness,
@@ -240,7 +212,6 @@ class TextField extends React.Component {
         paddingBottom: 12,
         marginTop: 16
       };
-
       if (leftIconName && leftIconMode === "outset") {
         assistiveTextLeftMargin = ICON_SIZE + 8;
       } else {
@@ -256,7 +227,6 @@ class TextField extends React.Component {
         opacity: disabled ? disabledOpacity : 1,
         backgroundColor
       };
-
       if (leftIconName && leftIconMode === "inset") {
         assistiveTextLeftMargin = 16 + 4;
       } else if (leftIconName && leftIconMode === "outset") {
@@ -264,16 +234,12 @@ class TextField extends React.Component {
       } else {
         assistiveTextLeftMargin = 12;
       }
-
       inputStyle.paddingHorizontal = 12;
     }
-
     if (leftIconName && leftIconMode === "outset") {
       containerStyle.marginLeft = ICON_SIZE + 8;
     }
-
     let leftIconColor;
-
     if (error) {
       leftIconColor = colors.error;
     } else if (this.state.focused) {
@@ -281,7 +247,6 @@ class TextField extends React.Component {
     } else {
       leftIconColor = colors.light;
     }
-
     const leftIconProps = {
       size: 24,
       color: leftIconColor,
@@ -292,7 +257,8 @@ class TextField extends React.Component {
       marginTop: type === "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : leftIconMode === "outset" ? 16 : 0,
       marginLeft: leftIconMode === "inset" && type === "solid" ? 16 : 0
     };
-    const labelStyle = { ...typography.subtitle1,
+    const labelStyle = {
+      ...typography.subtitle1,
       top: type === "solid" ? 16 : 0,
       left: leftIconName && leftIconMode === "inset" ? ICON_SIZE + (type === "solid" ? 16 : 12) : 0,
       transform: [{
@@ -376,7 +342,8 @@ class TextField extends React.Component {
     React.createElement(View, {
       pointerEvents: "none",
       style: [StyleSheet.absoluteFill, {
-        opacity: // Hide the label in minimized state until we measure its width
+        opacity:
+        // Hide the label in minimized state until we measure its width
         this.state.value || this.state.focused ? this.state.labelLayout.measured ? 1 : 0 : 1
       }]
     }, /*#__PURE__*/React.createElement(AnimatedText, {
@@ -426,6 +393,7 @@ class TextField extends React.Component {
       underlineColorAndroid: "transparent",
       style: inputStyles,
       ...rest,
+      ...this.state.nativeProps,
       value: this.state.value
     })), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
       name: rightIconName,
@@ -444,9 +412,7 @@ class TextField extends React.Component {
       }]
     }, assistiveText) : null);
   }
-
 }
-
 export default withTheme(TextField);
 const styles = StyleSheet.create({
   container: {
@@ -470,4 +436,5 @@ const styles = StyleSheet.create({
     margin: 0,
     textAlign: I18nManager.isRTL ? "right" : "left"
   }
-});
+});
+//# sourceMappingURL=TextField.js.map

package/lib/module/components/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Animated","TextInput","NativeTextInput","StyleSheet","Text","I18nManager","withTheme","applyStyles","extractStyles","AnimatedText","createAnimatedComponent","FOCUS_ANIMATION_DURATION","BLUR_ANIMATION_DURATION","ICON_SIZE","TextField","Component","nativeProps","labeled","Value","props","value","error","focused","placeholder","labelLayout","measured","width","setTimeout","clearTimeout","_timer","setState","timing","state","toValue","duration","useNativeDriver","start","disabled","onChangeText","nativeEvent","text","undefined","getDerivedStateFromProps","nextProps","prevState","componentDidMount","defaultValue","_handleChangeText","_minmizeLabel","componentDidUpdate","prevProps","_restoreLabel","label","_showPlaceholder","_hidePlaceholder","componentWillUnmount","toggleFocus","setNativeProps","args","nativeState","isFocused","_root","clear","focus","blur","render","Icon","type","leftIconName","leftIconMode","rightIconName","assistiveText","underlineColor","underlineColorProp","activeBorderColor","activeBorderColorProp","multiline","numberOfLines","style","theme","colors","typography","roundness","disabledOpacity","rest","MINIMIZED_LABEL_Y_OFFSET","caption","lineHeight","OUTLINE_MINIMIZED_LABEL_Y_OFFSET","MAXIMIZED_LABEL_FONT_SIZE","subtitle1","fontSize","MINIMIZED_LABEL_FONT_SIZE","hasActiveOutline","inputTextColor","activeColor","borderColor","placeholderColor","containerStyle","backgroundColor","inputStyle","strong","light","divider","background","placeholderTextColor","paddingVertical","color","paddingLeft","paddingRight","height","assistiveTextLeftMargin","borderTopLeftRadius","borderTopRightRadius","paddingBottom","marginTop","borderRadius","borderWidth","paddingTop","opacity","paddingHorizontal","marginLeft","leftIconColor","primary","leftIconProps","size","name","leftIconStyle","position","labelStyle","top","left","transform","translateY","interpolate","inputRange","outputRange","scale","translateX","textStyles","inputStyles","styles","input","marginHorizontal","bgColor","padding","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderCol","styleProp","flatten","container","underline","scaleY","absoluteFill","e","layout","justifyContent","ref","c","onChange","editable","selectionColor","onFocus","_handleFocus","onBlur","_handleBlur","underlineColorAndroid","right","create","alignSelf","bottom","flexGrow","textAlignVertical","margin","textAlign","isRTL"],"sources":["TextField.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  Animated,\n  TextInput as NativeTextInput,\n  StyleSheet,\n  Text,\n  I18nManager,\n  StyleProp,\n  TextInputProps,\n  NativeSyntheticEvent,\n  TextInputChangeEventData,\n  ViewStyle,\n  TextStyle,\n  LayoutChangeEvent,\n  ImageStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport { applyStyles, extractStyles } from \"../utilities\";\n\nconst AnimatedText = Animated.createAnimatedComponent(Text);\n\nconst FOCUS_ANIMATION_DURATION = 150;\nconst BLUR_ANIMATION_DURATION = 180;\nconst ICON_SIZE = 24;\n\nexport type Props = {\n  type?: \"solid\" | \"underline\";\n  defaultValue?: string;\n  disabled?: boolean;\n  label?: string;\n  error?: boolean;\n  leftIconName?: string;\n  leftIconMode?: \"inset\" | \"outset\";\n  onChangeText: (\n    text: string | NativeSyntheticEvent<TextInputChangeEventData>\n  ) => void;\n  rightIconName?: string;\n  assistiveText?: string;\n  multiline?: boolean;\n  numberOfLines: number;\n  underlineColor?: string;\n  activeBorderColor?: string;\n  style?: StyleProp<ViewStyle> & { height?: number };\n  theme: Theme;\n  render?: (\n    props: TextInputProps & { ref: (c: NativeTextInput) => void }\n  ) => React.ReactNode;\n} & TextInputProps &\n  IconSlot;\n\ninterface State {\n  nativeProps: any;\n  labeled: Animated.Value;\n  focused?: boolean;\n  placeholder?: string | undefined;\n  labelLayout: {\n    measured: boolean;\n    width: number;\n  };\n  value?: string;\n}\n\nclass TextField extends React.Component<Props, State> {\n  static getDerivedStateFromProps(nextProps: Props, prevState: State) {\n    return {\n      value:\n        typeof nextProps.value !== \"undefined\"\n          ? nextProps.value\n          : prevState.value,\n    };\n  }\n\n  state: State = {\n    nativeProps: {},\n    labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),\n    focused: false,\n    placeholder: this.props.error ? this.props.placeholder : \"\",\n    labelLayout: {\n      measured: false,\n      width: 0,\n    },\n  };\n\n  componentDidMount() {\n    if (this.props.defaultValue) {\n      this._handleChangeText(this.props.defaultValue);\n    }\n\n    if (this.props.placeholder) {\n      this._minmizeLabel();\n    }\n  }\n\n  componentDidUpdate(prevProps: Props, prevState: State) {\n    if (\n      prevState.focused !== this.state.focused ||\n      prevState.value !== this.state.value\n    ) {\n      // The label should be minimized if the text input is focused, or has text\n      // In minimized mode, the label moves up and becomes small\n      if (\n        this.state.value ||\n        this.state.focused ||\n        this.props.error ||\n        this.props.placeholder\n      ) {\n        this._minmizeLabel();\n      } else {\n        this._restoreLabel();\n      }\n    }\n\n    if (\n      prevState.focused !== this.state.focused ||\n      prevProps.label !== this.props.label\n    ) {\n      // Show placeholder text only if the input is focused, or has error, or there's no label\n      // We don't show placeholder if there's a label because the label acts as placeholder\n      // When focused, the label moves up, so we can show a placeholder\n      if (this.state.focused || this.props.error || !this.props.label) {\n        this._showPlaceholder();\n      } else {\n        this._hidePlaceholder();\n      }\n    }\n  }\n\n  _timer = setTimeout(() => {}, 0);\n\n  componentWillUnmount() {\n    clearTimeout(this._timer);\n  }\n\n  _showPlaceholder = () => {\n    clearTimeout(this._timer);\n\n    // Set the placeholder in a delay to offset the label animation\n    // If we show it immediately, they'll overlap and look ugly\n    this._timer = setTimeout(\n      () =>\n        this.setState({\n          placeholder: this.props.placeholder,\n        }),\n      50\n    );\n  };\n\n  _hidePlaceholder = () =>\n    this.setState({\n      placeholder: \"\",\n    });\n\n  _restoreLabel = () =>\n    Animated.timing(this.state.labeled, {\n      toValue: 1,\n      duration: FOCUS_ANIMATION_DURATION,\n      useNativeDriver: true,\n    }).start();\n\n  _minmizeLabel = () =>\n    Animated.timing(this.state.labeled, {\n      toValue: 0,\n      duration: BLUR_ANIMATION_DURATION,\n      useNativeDriver: true,\n    }).start();\n\n  _handleFocus = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({ focused: true });\n  };\n\n  _handleBlur = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({ focused: false });\n  };\n\n  _handleChangeText = (\n    value: NativeSyntheticEvent<TextInputChangeEventData> | string\n  ) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (typeof value === \"string\") {\n      this.setState({ value });\n      this.props.onChangeText && this.props.onChangeText(value);\n    } else {\n      this.setState({ value: value.nativeEvent.text });\n      this.props.onChangeText &&\n        this.props.onChangeText(value.nativeEvent.text);\n    }\n  };\n\n  toggleFocus() {\n    this.setState((prevState: State) => ({ focused: !prevState.focused }));\n  }\n\n  _root: NativeTextInput | undefined = undefined;\n  /**\n   * @internal\n   */\n  setNativeProps(args: Props) {\n    this.setState((state) => ({\n      ...state,\n      nativeState: args || {},\n    }));\n  }\n\n  isFocused() {\n    return this._root && this._root.isFocused();\n  }\n\n  clear() {\n    return this._root && this._root.clear();\n  }\n\n  focus() {\n    return this._root && this._root.focus();\n  }\n\n  blur() {\n    return this._root && this._root.blur();\n  }\n\n  render() {\n    const {\n      Icon,\n      type = \"underline\",\n      disabled = false,\n      label,\n      error = false,\n      leftIconName,\n      leftIconMode,\n      rightIconName,\n      assistiveText,\n      underlineColor: underlineColorProp,\n      activeBorderColor: activeBorderColorProp,\n      multiline = false,\n      numberOfLines = 4,\n      style,\n      theme: { colors, typography, roundness, disabledOpacity },\n      render = (props) => <NativeTextInput {...props} />,\n      ...rest\n    } = this.props;\n\n    const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);\n    const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);\n    const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;\n    const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;\n\n    const hasActiveOutline = this.state.focused || error;\n\n    let inputTextColor,\n      activeColor,\n      underlineColor,\n      borderColor,\n      placeholderColor,\n      containerStyle: StyleProp<ViewStyle>,\n      backgroundColor,\n      inputStyle: StyleProp<TextStyle>;\n\n    inputTextColor = colors.strong;\n    if (disabled) {\n      activeColor = colors.light;\n      placeholderColor = colors.light;\n      borderColor = \"transparent\";\n      underlineColor = \"transparent\";\n      backgroundColor = colors.divider;\n    } else {\n      activeColor = error ? colors.error : activeBorderColorProp;\n      placeholderColor = borderColor = colors.light;\n      underlineColor = underlineColorProp;\n      backgroundColor = colors.background;\n    }\n\n    if (rest.placeholderTextColor) {\n      placeholderColor = rest.placeholderTextColor;\n    }\n\n    const { lineHeight, ...subtitle1 } = typography.subtitle1;\n\n    inputStyle = {\n      paddingVertical: 0,\n      color: inputTextColor,\n      paddingLeft:\n        leftIconName && leftIconMode === \"inset\"\n          ? ICON_SIZE + 12 + (type === \"solid\" ? 16 : 0)\n          : 0,\n      paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,\n      ...subtitle1,\n    };\n\n    if (!multiline) {\n      inputStyle.height = lineHeight;\n    }\n\n    let assistiveTextLeftMargin;\n    if (type === \"underline\") {\n      containerStyle = {\n        borderTopLeftRadius: roundness,\n        borderTopRightRadius: roundness,\n        paddingBottom: 12,\n        marginTop: 16,\n      };\n\n      if (leftIconName && leftIconMode === \"outset\") {\n        assistiveTextLeftMargin = ICON_SIZE + 8;\n      } else {\n        assistiveTextLeftMargin = 0;\n      }\n    } else {\n      containerStyle = {\n        borderRadius: roundness,\n        borderColor: hasActiveOutline ? activeColor : borderColor,\n        borderWidth: 1,\n        paddingTop: label ? 16 * 1.5 : 16,\n        paddingBottom: label ? 16 * 0.5 : 16,\n        opacity: disabled ? disabledOpacity : 1,\n        backgroundColor,\n      };\n\n      if (leftIconName && leftIconMode === \"inset\") {\n        assistiveTextLeftMargin = 16 + 4;\n      } else if (leftIconName && leftIconMode === \"outset\") {\n        assistiveTextLeftMargin = ICON_SIZE + 8 + 12;\n      } else {\n        assistiveTextLeftMargin = 12;\n      }\n\n      inputStyle.paddingHorizontal = 12;\n    }\n\n    if (leftIconName && leftIconMode === \"outset\") {\n      containerStyle.marginLeft = ICON_SIZE + 8;\n    }\n\n    let leftIconColor;\n    if (error) {\n      leftIconColor = colors.error;\n    } else if (this.state.focused) {\n      leftIconColor = colors.primary;\n    } else {\n      leftIconColor = colors.light;\n    }\n\n    const leftIconProps = {\n      size: 24,\n      color: leftIconColor,\n      name: leftIconName || \"\",\n    };\n\n    const leftIconStyle: ImageStyle = {\n      position: \"absolute\",\n      marginTop:\n        type === \"solid\"\n          ? MINIMIZED_LABEL_FONT_SIZE + 4\n          : leftIconMode === \"outset\"\n          ? 16\n          : 0,\n      marginLeft: leftIconMode === \"inset\" && type === \"solid\" ? 16 : 0,\n    };\n\n    const labelStyle = {\n      ...typography.subtitle1,\n      top: type === \"solid\" ? 16 : 0,\n      left:\n        leftIconName && leftIconMode === \"inset\"\n          ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n          : 0,\n      transform: [\n        {\n          // Move label to top\n          translateY: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              type === \"solid\"\n                ? OUTLINE_MINIMIZED_LABEL_Y_OFFSET\n                : MINIMIZED_LABEL_Y_OFFSET,\n              0,\n            ],\n          }),\n        },\n        {\n          // Make label smaller\n          scale: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE,\n              1,\n            ],\n          }),\n        },\n        {\n          // Offset label scale since RN doesn't support transform origin\n          translateX: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              -(1 - MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE) *\n                (this.state.labelLayout.width / 2),\n              0,\n            ],\n          }),\n        },\n      ],\n    };\n\n    const { textStyles } = extractStyles(style);\n    const inputStyles = applyStyles(\n      [\n        styles.input,\n        inputStyle,\n        type === \"solid\" ? { marginHorizontal: 12 } : {},\n      ],\n      textStyles\n    );\n\n    const {\n      backgroundColor: bgColor,\n      padding,\n      paddingTop,\n      paddingBottom,\n      paddingLeft,\n      paddingRight,\n      borderRadius,\n      borderWidth,\n      borderTopWidth,\n      borderRightWidth,\n      borderBottomWidth,\n      borderLeftWidth,\n      borderColor: borderCol,\n      ...styleProp\n    } = StyleSheet.flatten(style || {}) as ViewStyle & { height?: number };\n\n    return (\n      <View style={[styles.container, styleProp]}>\n        {leftIconName && leftIconMode === \"outset\" ? (\n          <Icon {...leftIconProps} style={leftIconStyle} />\n        ) : null}\n        <View\n          style={applyStyles([containerStyle], {\n            height: style?.height,\n            backgroundColor: bgColor,\n            padding,\n            paddingTop,\n            paddingBottom,\n            paddingLeft,\n            paddingRight,\n            borderRadius,\n            borderWidth,\n            borderTopWidth,\n            borderRightWidth,\n            borderBottomWidth,\n            borderLeftWidth,\n            borderColor: borderCol,\n          })}\n        >\n          {type === \"underline\" ? (\n            // When type === 'flat', render an underline\n            <Animated.View\n              style={[\n                styles.underline,\n                {\n                  backgroundColor:\n                    bgColor ||\n                    (error\n                      ? colors.error\n                      : this.state.focused\n                      ? activeColor\n                      : underlineColor),\n                  // Underlines is thinner when input is not focused\n                  transform: [{ scaleY: this.state.focused ? 1 : 0.5 }],\n                },\n              ]}\n            />\n          ) : null}\n\n          {label ? (\n            // Position colored placeholder and gray placeholder on top of each other and crossfade them\n            // This gives the effect of animating the color, but allows us to use native driver\n            <View\n              pointerEvents=\"none\"\n              style={[\n                StyleSheet.absoluteFill,\n                {\n                  opacity:\n                    // Hide the label in minimized state until we measure its width\n                    this.state.value || this.state.focused\n                      ? this.state.labelLayout.measured\n                        ? 1\n                        : 0\n                      : 1,\n                },\n              ]}\n            >\n              <AnimatedText\n                onLayout={(e: LayoutChangeEvent) =>\n                  this.setState({\n                    labelLayout: {\n                      width: e.nativeEvent.layout.width,\n                      measured: true,\n                    },\n                  })\n                }\n                style={[\n                  styles.placeholder,\n                  type === \"solid\" ? { paddingHorizontal: 12 } : {},\n                  labelStyle,\n                  {\n                    color: placeholderColor,\n                    opacity: this.state.labeled.interpolate({\n                      inputRange: [0, 1],\n                      outputRange: [hasActiveOutline ? 1 : 0, 0],\n                    }),\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {label}\n              </AnimatedText>\n              <AnimatedText\n                style={[\n                  styles.placeholder,\n                  type === \"solid\" ? { paddingHorizontal: 12 } : {},\n                  labelStyle,\n                  {\n                    color: placeholderColor,\n                    opacity: hasActiveOutline ? this.state.labeled : 1,\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {label}\n              </AnimatedText>\n            </View>\n          ) : null}\n\n          {leftIconName && leftIconMode === \"inset\" ? (\n            <View\n              style={{\n                justifyContent: type === \"solid\" ? \"center\" : undefined,\n              }}\n            >\n              <Icon {...leftIconProps} style={leftIconStyle} />\n            </View>\n          ) : null}\n\n          {render({\n            ref: (c: NativeTextInput) => {\n              this._root = c;\n            },\n            onChange: this._handleChangeText,\n            placeholder: label\n              ? this.state.placeholder\n              : this.props.placeholder,\n            placeholderTextColor: placeholderColor,\n            editable: !disabled,\n            selectionColor: activeColor,\n            multiline,\n            numberOfLines,\n            onFocus: this._handleFocus,\n            onBlur: this._handleBlur,\n            underlineColorAndroid: \"transparent\",\n            style: inputStyles,\n            ...rest,\n            ...this.state.nativeProps,\n            value: this.state.value,\n          })}\n        </View>\n        {rightIconName ? (\n          <Icon\n            name={rightIconName}\n            size={ICON_SIZE}\n            color={colors.light}\n            style={{\n              position: \"absolute\",\n              right: 16,\n              marginTop: type === \"solid\" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,\n            }}\n          />\n        ) : null}\n\n        {assistiveText ? (\n          <Text\n            style={[\n              {\n                color: error ? colors.error : colors.light,\n                marginTop: 8,\n                marginLeft: assistiveTextLeftMargin,\n              },\n            ]}\n          >\n            {assistiveText}\n          </Text>\n        ) : null}\n      </View>\n    );\n  }\n}\n\nexport default withTheme(TextField);\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n  placeholder: {\n    position: \"absolute\",\n    left: 0,\n  },\n  underline: {\n    position: \"absolute\",\n    left: 0,\n    right: 0,\n    bottom: 0,\n    height: 2,\n  },\n  input: {\n    flexGrow: 1,\n    justifyContent: \"center\",\n    textAlignVertical: \"center\",\n    margin: 0,\n    textAlign: I18nManager.isRTL ? \"right\" : \"left\",\n  },\n});\n"],"mappings":"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"}

package/lib/module/components/ToggleButton.js

@@ -1,8 +1,8 @@
+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 { withTheme } from "../theming";
 import { StyleSheet } from "react-native";
 import IconButton from "./IconButton";
-
 const ToggleButton = _ref => {
   let {
     Icon,
@@ -34,35 +34,17 @@ const ToggleButton = _ref => {
       setInternalValue(defaultValue);
     }
   }, [defaultValue]);
-
   const handlePress = () => {
     setInternalValue(!internalValue);
     onPress(!internalValue);
   };
-
-  return /*#__PURE__*/React.createElement(IconButton, {
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
     Icon: Icon,
     icon: icon,
     size: iconSize,
     color: internalValue ? colors[color] : colors[colorSecondary],
     onPress: handlePress,
     disabled: disabled,
-    style: [styles.mainContainer, {
-      width,
-      height,
-      backgroundColor: internalValue ? colors[colorSecondary] : colors[color],
-      borderColor: colors[borderColor]
-    }, style],
-    ...rest
-  });
-};
-
-const styles = StyleSheet.create({
-  mainContainer: {
-    borderWidth: 1
-  }
-});
-export default withTheme(ToggleButton);: disabled,
     style: [styles.mainContainer, {
       width,
       height,
@@ -71,10 +53,10 @@ export default withTheme(ToggleButton);: disabled,
     }, style]
   }, rest));
 };
-
 const styles = StyleSheet.create({
   mainContainer: {
     borderWidth: 1
   }
 });
-export default withTheme(ToggleButton);
+export default withTheme(ToggleButton);
+//# sourceMappingURL=ToggleButton.js.map

package/lib/module/components/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","withTheme","StyleSheet","IconButton","ToggleButton","Icon","icon","toggled","onPress","defaultValue","disabled","color","colorSecondary","borderColor","iconSize","width","height","theme","colors","style","rest","internalValue","setInternalValue","useState","useEffect","handlePress","styles","mainContainer","backgroundColor","create","borderWidth"],"sources":["ToggleButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { colorTypes } from \"@draftbit/types\";\nimport { StyleProp, StyleSheet, ViewStyle } from \"react-native\";\nimport IconButton from \"./IconButton\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  icon: string;\n  toggled?: boolean;\n  onPress?: (value: boolean) => void;\n  defaultValue?: boolean;\n  disabled?: boolean;\n  color?: colorTypes;\n  colorSecondary?: colorTypes;\n  borderColor?: colorTypes;\n  iconSize?: number;\n  width?: number;\n  height?: number;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst ToggleButton: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  icon,\n  toggled = false,\n  onPress = () => {},\n  defaultValue,\n  disabled = false,\n  color = \"primary\",\n  colorSecondary = \"surface\",\n  borderColor = \"divider\",\n  iconSize = 25,\n  width = 50,\n  height = 50,\n  theme: { colors },\n  style,\n  ...rest\n}) => {\n  const [internalValue, setInternalValue] = React.useState<boolean>(\n    toggled || defaultValue || false\n  );\n\n  React.useEffect(() => {\n    if (toggled != null) {\n      setInternalValue(toggled);\n    }\n  }, [toggled]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setInternalValue(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const handlePress = () => {\n    setInternalValue(!internalValue);\n    onPress(!internalValue);\n  };\n\n  return (\n    <IconButton\n      Icon={Icon}\n      icon={icon}\n      size={iconSize}\n      color={internalValue ? colors[color] : colors[colorSecondary]}\n      onPress={handlePress}\n      disabled={disabled}\n      style={[\n        styles.mainContainer,\n        {\n          width,\n          height,\n          backgroundColor: internalValue\n            ? colors[colorSecondary]\n            : colors[color],\n          borderColor: colors[borderColor],\n        },\n        style,\n      ]}\n      {...rest}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainContainer: {\n    borderWidth: 1,\n  },\n});\n\nexport default withTheme(ToggleButton);\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,YAAY;AAEtC,SAAoBC,UAAU,QAAmB,cAAc;AAC/D,OAAOC,UAAU,MAAM,cAAc;AAoBrC,MAAMC,YAAsD,GAAG,QAgBzD;EAAA,IAhB0D;IAC9DC,IAAI;IACJC,IAAI;IACJC,OAAO,GAAG,KAAK;IACfC,OAAO,GAAG,MAAM,CAAC,CAAC;IAClBC,YAAY;IACZC,QAAQ,GAAG,KAAK;IAChBC,KAAK,GAAG,SAAS;IACjBC,cAAc,GAAG,SAAS;IAC1BC,WAAW,GAAG,SAAS;IACvBC,QAAQ,GAAG,EAAE;IACbC,KAAK,GAAG,EAAE;IACVC,MAAM,GAAG,EAAE;IACXC,KAAK,EAAE;MAAEC;IAAO,CAAC;IACjBC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGtB,KAAK,CAACuB,QAAQ,CACtDhB,OAAO,IAAIE,YAAY,IAAI,KAAK,CACjC;EAEDT,KAAK,CAACwB,SAAS,CAAC,MAAM;IACpB,IAAIjB,OAAO,IAAI,IAAI,EAAE;MACnBe,gBAAgB,CAACf,OAAO,CAAC;IAC3B;EACF,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEbP,KAAK,CAACwB,SAAS,CAAC,MAAM;IACpB,IAAIf,YAAY,IAAI,IAAI,EAAE;MACxBa,gBAAgB,CAACb,YAAY,CAAC;IAChC;EACF,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,MAAMgB,WAAW,GAAG,MAAM;IACxBH,gBAAgB,CAAC,CAACD,aAAa,CAAC;IAChCb,OAAO,CAAC,CAACa,aAAa,CAAC;EACzB,CAAC;EAED,oBACE,oBAAC,UAAU;IACT,IAAI,EAAEhB,IAAK;IACX,IAAI,EAAEC,IAAK;IACX,IAAI,EAAEQ,QAAS;IACf,KAAK,EAAEO,aAAa,GAAGH,MAAM,CAACP,KAAK,CAAC,GAAGO,MAAM,CAACN,cAAc,CAAE;IAC9D,OAAO,EAAEa,WAAY;IACrB,QAAQ,EAAEf,QAAS;IACnB,KAAK,EAAE,CACLgB,MAAM,CAACC,aAAa,EACpB;MACEZ,KAAK;MACLC,MAAM;MACNY,eAAe,EAAEP,aAAa,GAC1BH,MAAM,CAACN,cAAc,CAAC,GACtBM,MAAM,CAACP,KAAK,CAAC;MACjBE,WAAW,EAAEK,MAAM,CAACL,WAAW;IACjC,CAAC,EACDM,KAAK;EACL,GACEC,IAAI,EACR;AAEN,CAAC;AAED,MAAMM,MAAM,GAAGxB,UAAU,CAAC2B,MAAM,CAAC;EAC/BF,aAAa,EAAE;IACbG,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,eAAe7B,SAAS,CAACG,YAAY,CAAC"}

package/lib/module/components/Touchable.js

@@ -1,5 +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 { Pressable } from "react-native";
 export default function Touchable(_ref) {
@@ -23,4 +22,5 @@ export default function Touchable(_ref) {
       }, style];
     }
   }, props), children);
-}
+}
+//# sourceMappingURL=Touchable.js.map

package/lib/module/components/Touchable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","Touchable","children","disabled","onPress","style","props","pressed","opacity"],"sources":["Touchable.tsx"],"sourcesContent":["import React from \"react\";\nimport { Pressable, ViewStyle, PressableProps } from \"react-native\";\n\ntype Props = {\n  disabled?: boolean;\n  children: React.ReactNode;\n  style?: ViewStyle;\n  onPress?: () => void;\n} & PressableProps;\n\nexport default function Touchable({\n  children,\n  disabled,\n  onPress,\n  style,\n  ...props\n}: Props) {\n  return (\n    <Pressable\n      onPress={onPress}\n      disabled={disabled}\n      hitSlop={8}\n      style={({ pressed }) => {\n        return [\n          {\n            opacity: pressed || disabled ? 0.75 : 1,\n          },\n          style,\n        ];\n      }}\n      {...props}\n    >\n      {children}\n    </Pressable>\n  );\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAmC,cAAc;AASnE,eAAe,SAASC,SAAS,OAMvB;EAAA,IANwB;IAChCC,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,KAAK;IACL,GAAGC;EACE,CAAC;EACN,oBACE,oBAAC,SAAS;IACR,OAAO,EAAEF,OAAQ;IACjB,QAAQ,EAAED,QAAS;IACnB,OAAO,EAAE,CAAE;IACX,KAAK,EAAE,SAAiB;MAAA,IAAhB;QAAEI;MAAQ,CAAC;MACjB,OAAO,CACL;QACEC,OAAO,EAAED,OAAO,IAAIJ,QAAQ,GAAG,IAAI,GAAG;MACxC,CAAC,EACDE,KAAK,CACN;IACH;EAAE,GACEC,KAAK,GAERJ,QAAQ,CACC;AAEhB"}

package/lib/module/components/Touchable.web.js

@@ -1,2 +1,3 @@
 import { TouchableOpacity } from "react-native";
-export default TouchableOpacity;
+export default TouchableOpacity;
+//# sourceMappingURL=Touchable.web.js.map

package/lib/module/components/Touchable.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TouchableOpacity"],"sources":["Touchable.web.tsx"],"sourcesContent":["import { TouchableOpacity } from \"react-native\";\n\nexport default TouchableOpacity;\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,cAAc;AAE/C,eAAeA,gBAAgB"}

package/lib/module/components/Typography.js

@@ -45,4 +45,5 @@ export const Caption = withTheme(_ref3 => {
       color: theme.colors.light
     }, style]
   }, text);
-});
+});
+//# sourceMappingURL=Typography.js.map

package/lib/module/components/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","withTheme","Title","text","theme","style","fontSize","letterSpacing","lineHeight","color","colors","Subtitle","medium","Caption","light"],"sources":["Typography.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text, TextStyle, StyleProp } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  text: string;\n  style?: StyleProp<TextStyle>;\n  /**\n   * @optional\n   */\n  theme: typeof Theme;\n};\n\nexport const Title = withTheme(({ text, theme, style }: Props) => {\n  return (\n    <Text\n      style={[\n        {\n          fontSize: 20,\n          letterSpacing: 0,\n          lineHeight: 26,\n          color: theme.colors.text,\n        },\n        style,\n      ]}\n    >\n      {text}\n    </Text>\n  );\n});\n\nexport const Subtitle = withTheme(({ text, theme, style }: Props) => {\n  return (\n    <Text\n      style={[\n        {\n          fontSize: 14,\n          letterSpacing: 0,\n          lineHeight: 16,\n          color: theme.colors.medium,\n        },\n        style,\n      ]}\n    >\n      {text}\n    </Text>\n  );\n});\n\nexport const Caption = withTheme(({ text, theme, style }: Props) => {\n  return (\n    <Text\n      style={[\n        {\n          fontSize: 12,\n          letterSpacing: 0,\n          lineHeight: 14,\n          color: theme.colors.light,\n        },\n        style,\n      ]}\n    >\n      {text}\n    </Text>\n  );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAA8B,cAAc;AACzD,SAASC,SAAS,QAAQ,YAAY;AAYtC,OAAO,MAAMC,KAAK,GAAGD,SAAS,CAAC,QAAmC;EAAA,IAAlC;IAAEE,IAAI;IAAEC,KAAK;IAAEC;EAAa,CAAC;EAC3D,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE,CACL;MACEC,QAAQ,EAAE,EAAE;MACZC,aAAa,EAAE,CAAC;MAChBC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEL,KAAK,CAACM,MAAM,CAACP;IACtB,CAAC,EACDE,KAAK;EACL,GAEDF,IAAI,CACA;AAEX,CAAC,CAAC;AAEF,OAAO,MAAMQ,QAAQ,GAAGV,SAAS,CAAC,SAAmC;EAAA,IAAlC;IAAEE,IAAI;IAAEC,KAAK;IAAEC;EAAa,CAAC;EAC9D,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE,CACL;MACEC,QAAQ,EAAE,EAAE;MACZC,aAAa,EAAE,CAAC;MAChBC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEL,KAAK,CAACM,MAAM,CAACE;IACtB,CAAC,EACDP,KAAK;EACL,GAEDF,IAAI,CACA;AAEX,CAAC,CAAC;AAEF,OAAO,MAAMU,OAAO,GAAGZ,SAAS,CAAC,SAAmC;EAAA,IAAlC;IAAEE,IAAI;IAAEC,KAAK;IAAEC;EAAa,CAAC;EAC7D,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE,CACL;MACEC,QAAQ,EAAE,EAAE;MACZC,aAAa,EAAE,CAAC;MAChBC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEL,KAAK,CAACM,MAAM,CAACI;IACtB,CAAC,EACDT,KAAK;EACL,GAEDF,IAAI,CACA;AAEX,CAAC,CAAC"}

package/lib/module/components/useAuthState.js

@@ -8,16 +8,13 @@ export const useAuthState = auth => {
       list();
     };
   }, [auth]);
-
   const signInWithEmailAndPassword = (user, password) => {
     auth.signInWithEmailAndPassword(user, password).then(setValue).catch(setError);
   };
-
   const createUserWithEmailAndPassword = (user, password) => {
     auth.signInWithEmailAndPassword(user, password).then(setValue).catch(setError);
   };
-
   const signOut = () => auth.signOut();
-
   return [value, error, signInWithEmailAndPassword, signOut, createUserWithEmailAndPassword];
-};
+};
+//# sourceMappingURL=useAuthState.js.map

package/lib/module/components/useAuthState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useAuthState","auth","error","setError","useState","value","setValue","currentUser","useEffect","list","onAuthStateChanged","signInWithEmailAndPassword","user","password","then","catch","createUserWithEmailAndPassword","signOut"],"sources":["useAuthState.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport const useAuthState = (auth: any) => {\n  const [error, setError] = React.useState();\n  const [value, setValue] = React.useState(auth.currentUser);\n\n  React.useEffect(() => {\n    const list = auth.onAuthStateChanged(setValue, setError);\n\n    return () => {\n      list();\n    };\n  }, [auth]);\n\n  const signInWithEmailAndPassword = (user: string, password: string) => {\n    auth\n      .signInWithEmailAndPassword(user, password)\n      .then(setValue)\n      .catch(setError);\n  };\n\n  const createUserWithEmailAndPassword = (user: string, password: string) => {\n    auth\n      .signInWithEmailAndPassword(user, password)\n      .then(setValue)\n      .catch(setError);\n  };\n\n  const signOut = () => auth.signOut();\n\n  return [\n    value,\n    error,\n    signInWithEmailAndPassword,\n    signOut,\n    createUserWithEmailAndPassword,\n  ];\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAO,MAAMC,YAAY,GAAIC,IAAS,IAAK;EACzC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGJ,KAAK,CAACK,QAAQ,EAAE;EAC1C,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGP,KAAK,CAACK,QAAQ,CAACH,IAAI,CAACM,WAAW,CAAC;EAE1DR,KAAK,CAACS,SAAS,CAAC,MAAM;IACpB,MAAMC,IAAI,GAAGR,IAAI,CAACS,kBAAkB,CAACJ,QAAQ,EAAEH,QAAQ,CAAC;IAExD,OAAO,MAAM;MACXM,IAAI,EAAE;IACR,CAAC;EACH,CAAC,EAAE,CAACR,IAAI,CAAC,CAAC;EAEV,MAAMU,0BAA0B,GAAG,CAACC,IAAY,EAAEC,QAAgB,KAAK;IACrEZ,IAAI,CACDU,0BAA0B,CAACC,IAAI,EAAEC,QAAQ,CAAC,CAC1CC,IAAI,CAACR,QAAQ,CAAC,CACdS,KAAK,CAACZ,QAAQ,CAAC;EACpB,CAAC;EAED,MAAMa,8BAA8B,GAAG,CAACJ,IAAY,EAAEC,QAAgB,KAAK;IACzEZ,IAAI,CACDU,0BAA0B,CAACC,IAAI,EAAEC,QAAQ,CAAC,CAC1CC,IAAI,CAACR,QAAQ,CAAC,CACdS,KAAK,CAACZ,QAAQ,CAAC;EACpB,CAAC;EAED,MAAMc,OAAO,GAAG,MAAMhB,IAAI,CAACgB,OAAO,EAAE;EAEpC,OAAO,CACLZ,KAAK,EACLH,KAAK,EACLS,0BAA0B,EAC1BM,OAAO,EACPD,8BAA8B,CAC/B;AACH,CAAC"}

package/lib/module/constants.js

@@ -1,8 +1,10 @@
-import { Platform } from "react-native"; // @ts-ignore
+import { Platform } from "react-native";
 
+// @ts-ignore
 const expo = global.__expo;
 const DEFAULT_STATUSBAR_HEIGHT_EXPO = expo !== null && expo !== void 0 && expo.Constants ? expo.Constants.statusBarHeight : 0;
 export const APPROX_STATUSBAR_HEIGHT = Platform.select({
   android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
   ios: Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
-});
+});
+//# sourceMappingURL=constants.js.map

package/lib/module/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","expo","global","__expo","DEFAULT_STATUSBAR_HEIGHT_EXPO","Constants","statusBarHeight","APPROX_STATUSBAR_HEIGHT","select","android","ios","Version"],"sources":["constants.ts"],"sourcesContent":["import { Platform } from \"react-native\";\n\n// @ts-ignore\nconst expo = global.__expo;\n\nconst DEFAULT_STATUSBAR_HEIGHT_EXPO = expo?.Constants\n  ? expo.Constants.statusBarHeight\n  : 0;\n\nexport const APPROX_STATUSBAR_HEIGHT = Platform.select({\n  android: DEFAULT_STATUSBAR_HEIGHT_EXPO,\n  ios: Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0,\n});\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;;AAEvC;AACA,MAAMC,IAAI,GAAGC,MAAM,CAACC,MAAM;AAE1B,MAAMC,6BAA6B,GAAGH,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEI,SAAS,GACjDJ,IAAI,CAACI,SAAS,CAACC,eAAe,GAC9B,CAAC;AAEL,OAAO,MAAMC,uBAAuB,GAAGP,QAAQ,CAACQ,MAAM,CAAC;EACrDC,OAAO,EAAEL,6BAA6B;EACtCM,GAAG,EAAEV,QAAQ,CAACW,OAAO,GAAG,EAAE,GAAGP,6BAA6B,GAAG;AAC/D,CAAC,CAAC"}

package/lib/module/hooks.js

@@ -2,11 +2,14 @@ import React from "react";
 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
+  const ref = React.useRef();
 
+  // Store current value in ref
   React.useEffect(() => {
     ref.current = value;
-  }, [value]); // Return previous value (happens before update in useEffect above)
+  }, [value]);
 
+  // Return previous value (happens before update in useEffect above)
   return ref.current;
-}
+}
+//# sourceMappingURL=hooks.js.map

package/lib/module/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","usePrevious","value","ref","useRef","useEffect","current"],"sources":["hooks.ts"],"sourcesContent":["import React from \"react\";\n\nexport function usePrevious(value: any) {\n  // The ref object is a generic container whose current property is mutable\n  // and can hold any value, similar to an instance property on a class\n  const ref = React.useRef();\n\n  // Store current value in ref\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,SAASC,WAAW,CAACC,KAAU,EAAE;EACtC;EACA;EACA,MAAMC,GAAG,GAAGH,KAAK,CAACI,MAAM,EAAE;;EAE1B;EACAJ,KAAK,CAACK,SAAS,CAAC,MAAM;IACpBF,GAAG,CAACG,OAAO,GAAGJ,KAAK;EACrB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;;EAEX;EACA,OAAOC,GAAG,CAACG,OAAO;AACpB"}

package/lib/module/index.js

@@ -29,11 +29,10 @@ export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
-export { TabView, TabViewItem } from "./components/TabView";
 export { Center, Circle, Square, Row, Stack, Spacer } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup } from "./components/RadioButton/index";
-/* Deprecated: Fix or Delete!  */
 
+/* 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";
@@ -50,4 +49,7 @@ export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImag
 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"; // a comment to fix sourcemap comment issue
+export { useAuthState } from "./components/useAuthState";
+
+// a comment to fix sourcemap comment issue
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","Banner","Button","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","SVG","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","ToggleButton","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState"],"sources":["index.tsx"],"sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\n\nexport { Link } from \"./components/Text\";\nexport { default as Banner } from \"./components/Banner\";\nexport { Button, ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as SVG } from \"./components/SVG\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport {\n  ActionSheet,\n  ActionSheetItem,\n  ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\n\nexport {\n  Center,\n  Circle,\n  Square,\n  Row,\n  Stack,\n  Spacer,\n} from \"./components/Layout\";\n\nexport {\n  RadioButton,\n  RadioButtonGroup,\n  RadioButtonRow,\n  RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\n/* Deprecated: Fix or Delete!  */\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\n\n// a comment to fix sourcemap comment issue\n"],"mappings":"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"}

package/lib/module/interfaces/Icon.js

@@ -5,6 +5,8 @@
  * `@draftbit/ui`.
  */
 import React from "react";
-export const injectIcon = (Component, Icon) => props => /*#__PURE__*/React.createElement(Component, { ...props,
+export const injectIcon = (Component, Icon) => props => /*#__PURE__*/React.createElement(Component, {
+  ...props,
   Icon
-});
+});
+//# sourceMappingURL=Icon.js.map

package/lib/module/interfaces/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","injectIcon","Component","Icon","props","createElement"],"sources":["Icon.ts"],"sourcesContent":["/**\n * This is an interface for a hybrid component.\n *\n * Its public implementation is `@draftbit/native`, and it is injected inside\n * `@draftbit/ui`.\n */\nimport React from \"react\";\nimport { ViewProps, StyleProp, ImageStyle } from \"react-native\";\n\nimport { Subtract } from \"utility-types\";\n\ntype Props = {\n  name: string;\n  color?: string;\n  size: number;\n  style?: StyleProp<ImageStyle>;\n} & ViewProps;\n\nexport type IconI = React.ComponentType<Props>;\n\nexport interface IconSlot {\n  Icon: IconI;\n}\n\nexport const injectIcon =\n  <P extends IconSlot>(Component: React.ComponentType<P>, Icon: IconI) =>\n  (props: Subtract<P, IconSlot>) =>\n    React.createElement(Component, { ...(props as P), Icon });\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAkBzB,OAAO,MAAMC,UAAU,GACrB,CAAqBC,SAAiC,EAAEC,IAAW,KAClEC,KAA4B,iBAC3BJ,KAAK,CAACK,aAAa,CAACH,SAAS,EAAE;EAAE,GAAIE,KAAW;EAAED;AAAK,CAAC,CAAC"}

package/lib/module/mappings/Accordion.js

@@ -38,4 +38,5 @@ export const SEED_DATA = {
       defaultValue: 24
     })
   }
-};
+};
+//# sourceMappingURL=Accordion.js.map

package/lib/module/mappings/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["COMPONENT_TYPES","createNumberProp","createIconProp","createTextProp","createStaticBoolProp","createColorProp","SEED_DATA","name","tag","description","category","container","layout","paddingTop","paddingRight","paddingBottom","paddingLeft","fontSize","props","label","expanded","openColor","closedColor","caretColor","caretSize","defaultValue","icon","iconSize"],"sources":["Accordion.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createNumberProp,\n  createIconProp,\n  createTextProp,\n  createStaticBoolProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Accordion\",\n  tag: \"AccordionGroup\",\n  description: \"An expandable container containing components\",\n  category: COMPONENT_TYPES.container,\n  layout: {\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    fontSize: 16,\n  },\n  props: {\n    label: createTextProp({\n      label: \"Label\",\n    }),\n    expanded: createStaticBoolProp({\n      label: \"Expanded\",\n      description:\n        \"Whether the AccordionGroup should be initaially expanded or not\",\n    }),\n    openColor: createColorProp({\n      label: \"Open text color\",\n    }),\n    closedColor: createColorProp({\n      label: \"Closed text color\",\n    }),\n    caretColor: createColorProp({\n      label: \"Caret color\",\n    }),\n    caretSize: createNumberProp({\n      label: \"Caret size\",\n      defaultValue: 24,\n    }),\n    icon: createIconProp(),\n    iconSize: createNumberProp({\n      label: \"Icon size\",\n      defaultValue: 24,\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eAAe,EACfC,gBAAgB,EAChBC,cAAc,EACdC,cAAc,EACdC,oBAAoB,EACpBC,eAAe,QACV,iBAAiB;AAExB,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,WAAW;EACjBC,GAAG,EAAE,gBAAgB;EACrBC,WAAW,EAAE,+CAA+C;EAC5DC,QAAQ,EAAEV,eAAe,CAACW,SAAS;EACnCC,MAAM,EAAE;IACNC,UAAU,EAAE,CAAC;IACbC,YAAY,EAAE,CAAC;IACfC,aAAa,EAAE,CAAC;IAChBC,WAAW,EAAE,CAAC;IACdC,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,KAAK,EAAEhB,cAAc,CAAC;MACpBgB,KAAK,EAAE;IACT,CAAC,CAAC;IACFC,QAAQ,EAAEhB,oBAAoB,CAAC;MAC7Be,KAAK,EAAE,UAAU;MACjBV,WAAW,EACT;IACJ,CAAC,CAAC;IACFY,SAAS,EAAEhB,eAAe,CAAC;MACzBc,KAAK,EAAE;IACT,CAAC,CAAC;IACFG,WAAW,EAAEjB,eAAe,CAAC;MAC3Bc,KAAK,EAAE;IACT,CAAC,CAAC;IACFI,UAAU,EAAElB,eAAe,CAAC;MAC1Bc,KAAK,EAAE;IACT,CAAC,CAAC;IACFK,SAAS,EAAEvB,gBAAgB,CAAC;MAC1BkB,KAAK,EAAE,YAAY;MACnBM,YAAY,EAAE;IAChB,CAAC,CAAC;IACFC,IAAI,EAAExB,cAAc,EAAE;IACtByB,QAAQ,EAAE1B,gBAAgB,CAAC;MACzBkB,KAAK,EAAE,WAAW;MAClBM,YAAY,EAAE;IAChB,CAAC;EACH;AACF,CAAC"}

package/lib/module/mappings/AccordionItem.js

@@ -13,4 +13,5 @@ export const SEED_DATA = {
       label: "Icon color"
     })
   }
-};
+};
+//# sourceMappingURL=AccordionItem.js.map