@draftbit/core 43.4.13-33318c.0 → 43.4.13

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

@@ -1 +1 @@
-{"version":3,"sources":["TextField.js"],"names":["AnimatedText","Animated","createAnimatedComponent","Text","FOCUS_ANIMATION_DURATION","BLUR_ANIMATION_DURATION","ICON_SIZE","TextField","React","Component","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","_root","isFocused","clear","focus","blur","render","console","log","Icon","type","leftIconName","leftIconMode","rightIconName","assistiveText","underlineColor","underlineColorProp","multiline","numberOfLines","style","theme","colors","typography","roundness","disabledOpacity","createElement","NativeTextInput","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","primary","background","placeholderTextColor","paddingVertical","color","paddingLeft","paddingRight","height","assistiveTextLeftMargin","borderTopLeftRadius","borderTopRightRadius","paddingBottom","marginTop","borderRadius","borderWidth","paddingTop","opacity","paddingHorizontal","marginLeft","leftIconColor","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","StyleSheet","flatten","View","container","underline","scaleY","pointerEvents","absoluteFill","onLayout","e","layout","justifyContent","ref","c","onChange","editable","selectionColor","onFocus","_handleFocus","onBlur","_handleBlur","underlineColorAndroid","right","create","alignSelf","bottom","flexGrow","textAlignVertical","margin","textAlign","I18nManager","isRTL"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, Animated, TextInput as NativeTextInput, StyleSheet, Text, I18nManager, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport { applyStyles, extractStyles } from \"../utilities\";\nconst AnimatedText = Animated.createAnimatedComponent(Text);\nconst FOCUS_ANIMATION_DURATION = 150;\nconst BLUR_ANIMATION_DURATION = 180;\nconst ICON_SIZE = 24;\nclass TextField extends React.Component {\n    static getDerivedStateFromProps(nextProps, prevState) {\n        return {\n            value: typeof nextProps.value !== \"undefined\"\n                ? nextProps.value\n                : prevState.value,\n        };\n    }\n    state = {\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    componentDidMount() {\n        if (this.props.defaultValue) {\n            this._handleChangeText(this.props.defaultValue);\n        }\n        if (this.props.placeholder) {\n            this._minmizeLabel();\n        }\n    }\n    componentDidUpdate(prevProps, prevState) {\n        if (prevState.focused !== this.state.focused ||\n            prevState.value !== this.state.value) {\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 (this.state.value ||\n                this.state.focused ||\n                this.props.error ||\n                this.props.placeholder) {\n                this._minmizeLabel();\n            }\n            else {\n                this._restoreLabel();\n            }\n        }\n        if (prevState.focused !== this.state.focused ||\n            prevProps.label !== this.props.label) {\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            }\n            else {\n                this._hidePlaceholder();\n            }\n        }\n    }\n    _timer = setTimeout(() => { }, 0);\n    componentWillUnmount() {\n        clearTimeout(this._timer);\n    }\n    _showPlaceholder = () => {\n        clearTimeout(this._timer);\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(() => this.setState({\n            placeholder: this.props.placeholder,\n        }), 50);\n    };\n    _hidePlaceholder = () => this.setState({\n        placeholder: \"\",\n    });\n    _restoreLabel = () => Animated.timing(this.state.labeled, {\n        toValue: 1,\n        duration: FOCUS_ANIMATION_DURATION,\n        useNativeDriver: true,\n    }).start();\n    _minmizeLabel = () => Animated.timing(this.state.labeled, {\n        toValue: 0,\n        duration: BLUR_ANIMATION_DURATION,\n        useNativeDriver: true,\n    }).start();\n    _handleFocus = () => {\n        if (this.props.disabled) {\n            return;\n        }\n        this.setState({ focused: true });\n    };\n    _handleBlur = () => {\n        if (this.props.disabled) {\n            return;\n        }\n        this.setState({ focused: false });\n    };\n    _handleChangeText = (value) => {\n        if (this.props.disabled) {\n            return;\n        }\n        if (typeof value === \"string\") {\n            this.setState({ value });\n            this.props.onChangeText && this.props.onChangeText(value);\n        }\n        else {\n            this.setState({ value: value.nativeEvent.text });\n            this.props.onChangeText &&\n                this.props.onChangeText(value.nativeEvent.text);\n        }\n    };\n    toggleFocus() {\n        this.setState((prevState) => ({ focused: !prevState.focused }));\n    }\n    _root = undefined;\n    /**\n     * @internal\n     */\n    setNativeProps(args) {\n        return this._root && this._root.setNativeProps(args);\n    }\n    isFocused() {\n        return this._root && this._root.isFocused();\n    }\n    clear() {\n        return this._root && this._root.clear();\n    }\n    focus() {\n        return this._root && this._root.focus();\n    }\n    blur() {\n        return this._root && this._root.blur();\n    }\n    render() {\n        console.log(\"TextFielf props\", this.props);\n        const { Icon, type = \"underline\", disabled = false, label, error = false, leftIconName, leftIconMode, rightIconName, assistiveText, underlineColor: underlineColorProp, multiline = false, numberOfLines = 4, style, theme: { colors, typography, roundness, disabledOpacity }, render = (props) => React.createElement(NativeTextInput, { ...props }), ...rest } = this.props;\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        const hasActiveOutline = this.state.focused || error;\n        let inputTextColor, activeColor, underlineColor, borderColor, placeholderColor, containerStyle, backgroundColor, inputStyle;\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        }\n        else {\n            activeColor = error ? colors.error : colors.primary;\n            placeholderColor = borderColor = colors.light;\n            underlineColor = underlineColorProp;\n            backgroundColor = colors.background;\n        }\n        if (rest.placeholderTextColor) {\n            placeholderColor = rest.placeholderTextColor;\n        }\n        const { lineHeight, ...subtitle1 } = typography.subtitle1;\n        inputStyle = {\n            paddingVertical: 0,\n            color: inputTextColor,\n            paddingLeft: 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        if (!multiline) {\n            inputStyle.height = lineHeight;\n        }\n        let assistiveTextLeftMargin;\n        if (type === \"underline\") {\n            containerStyle = {\n                borderTopLeftRadius: roundness,\n                borderTopRightRadius: roundness,\n                paddingBottom: 12,\n                marginTop: 16,\n            };\n            if (leftIconName && leftIconMode === \"outset\") {\n                assistiveTextLeftMargin = ICON_SIZE + 8;\n            }\n            else {\n                assistiveTextLeftMargin = 0;\n            }\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            if (leftIconName && leftIconMode === \"inset\") {\n                assistiveTextLeftMargin = 16 + 4;\n            }\n            else if (leftIconName && leftIconMode === \"outset\") {\n                assistiveTextLeftMargin = ICON_SIZE + 8 + 12;\n            }\n            else {\n                assistiveTextLeftMargin = 12;\n            }\n            inputStyle.paddingHorizontal = 12;\n        }\n        if (leftIconName && leftIconMode === \"outset\") {\n            containerStyle.marginLeft = ICON_SIZE + 8;\n        }\n        let leftIconColor;\n        if (error) {\n            leftIconColor = colors.error;\n        }\n        else if (this.state.focused) {\n            leftIconColor = colors.primary;\n        }\n        else {\n            leftIconColor = colors.light;\n        }\n        const leftIconProps = {\n            size: 24,\n            color: leftIconColor,\n            name: leftIconName || \"\",\n        };\n        const leftIconStyle = {\n            position: \"absolute\",\n            marginTop: 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        const labelStyle = {\n            ...typography.subtitle1,\n            top: type === \"solid\" ? 16 : 0,\n            left: 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        const { textStyles } = extractStyles(style);\n        const inputStyles = applyStyles([\n            styles.input,\n            inputStyle,\n            type === \"solid\" ? { marginHorizontal: 12 } : {},\n        ], textStyles);\n        const { backgroundColor: bgColor, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, borderRadius, borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, borderColor: borderCol, ...styleProp } = StyleSheet.flatten(style || {});\n        return (React.createElement(View, { style: [styles.container, styleProp] },\n            leftIconName && leftIconMode === \"outset\" ? (React.createElement(Icon, { ...leftIconProps, style: leftIconStyle })) : null,\n            React.createElement(View, { 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                type === \"underline\" ? (\n                // When type === 'flat', render an underline\n                React.createElement(Animated.View, { style: [\n                        styles.underline,\n                        {\n                            backgroundColor: 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                    ] })) : null,\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                React.createElement(View, { pointerEvents: \"none\", 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                    React.createElement(AnimatedText, { onLayout: (e) => this.setState({\n                            labelLayout: {\n                                width: e.nativeEvent.layout.width,\n                                measured: true,\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                        ], numberOfLines: 1 }, label),\n                    React.createElement(AnimatedText, { style: [\n                            styles.placeholder,\n                            type === \"solid\" ? { paddingHorizontal: 12 } : {},\n                            labelStyle,\n                            {\n                                color: placeholderColor,\n                                opacity: hasActiveOutline ? this.state.labeled : 1,\n                            },\n                        ], numberOfLines: 1 }, label))) : null,\n                leftIconName && leftIconMode === \"inset\" ? (React.createElement(View, { style: {\n                        justifyContent: type === \"solid\" ? \"center\" : undefined,\n                    } },\n                    React.createElement(Icon, { ...leftIconProps, style: leftIconStyle }))) : null,\n                render({\n                    ref: (c) => {\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                    value: this.state.value,\n                })),\n            rightIconName ? (React.createElement(Icon, { name: rightIconName, size: ICON_SIZE, color: colors.light, style: {\n                    position: \"absolute\",\n                    right: 16,\n                    marginTop: type === \"solid\" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,\n                } })) : null,\n            assistiveText ? (React.createElement(Text, { style: [\n                    {\n                        color: error ? colors.error : colors.light,\n                        marginTop: 8,\n                        marginLeft: assistiveTextLeftMargin,\n                    },\n                ] }, assistiveText)) : null));\n    }\n}\nexport default withTheme(TextField);\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"]}
+{"version":3,"sources":["TextField.tsx"],"names":["AnimatedText","Animated","createAnimatedComponent","Text","FOCUS_ANIMATION_DURATION","BLUR_ANIMATION_DURATION","ICON_SIZE","TextField","React","Component","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","_root","isFocused","clear","focus","blur","render","Icon","type","leftIconName","leftIconMode","rightIconName","assistiveText","underlineColor","underlineColorProp","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","primary","background","placeholderTextColor","paddingVertical","color","paddingLeft","paddingRight","height","assistiveTextLeftMargin","borderTopLeftRadius","borderTopRightRadius","paddingBottom","marginTop","borderRadius","borderWidth","paddingTop","opacity","paddingHorizontal","marginLeft","leftIconColor","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","StyleSheet","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","I18nManager","isRTL"],"mappings":"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","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  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  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    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    return this._root && this._root.setNativeProps(args);\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      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 : colors.primary;\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            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"]}

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\nexport { Link } from \"./components/Text\";\nexport { 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 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 { ActionSheet, ActionSheetItem, ActionSheetCancel, } from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\nexport { Center, Circle, Square, Row, Stack, Spacer, } from \"./components/Layout\";\nexport { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from \"./components/RadioButton/index\";\n/* Deprecated: Fix or Delete!  */\nexport { default as Button } from \"./components/DeprecatedButton\";\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"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AAEA;;AASA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","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 { 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 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 Button } from \"./components/DeprecatedButton\";\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"]}

package/lib/commonjs/mappings/ActionSheetCancel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ActionSheetCancel.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","triggers","Triggers","OnPress","props","onPress","label","group","GROUPS","basic","defaultValue","color"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,qBADe;AAErBC,EAAAA,GAAG,EAAE,mBAFgB;AAGrBC,EAAAA,WAAW,EAAE,qBAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJL;AAKrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CALW;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,OAAO,EAAE,8BADN;AAEHC,IAAAA,KAAK,EAAE,2BAAe;AAClBC,MAAAA,KAAK,EAAEC,cAAOC,KADI;AAElBH,MAAAA,KAAK,EAAE,OAFW;AAGlBI,MAAAA,YAAY,EAAE;AAHI,KAAf,CAFJ;AAOHC,IAAAA,KAAK,EAAE,4BAAgB;AACnBL,MAAAA,KAAK,EAAE;AADY,KAAhB;AAPJ;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createActionProp, createColorProp, createTextProp, GROUPS, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Action Sheet Cancel\",\n    tag: \"ActionSheetCancel\",\n    description: \"Action Sheet cancel\",\n    category: COMPONENT_TYPES.button,\n    triggers: [Triggers.OnPress],\n    props: {\n        onPress: createActionProp(),\n        label: createTextProp({\n            group: GROUPS.basic,\n            label: \"Label\",\n            defaultValue: \"Cancel\",\n        }),\n        color: createColorProp({\n            label: \"Font Color\",\n        }),\n    },\n};\n"]}
+{"version":3,"sources":["ActionSheetCancel.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","triggers","Triggers","OnPress","props","onPress","label","group","GROUPS","basic","defaultValue","color"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,qBADiB;AAEvBC,EAAAA,GAAG,EAAE,mBAFkB;AAGvBC,EAAAA,WAAW,EAAE,qBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJH;AAKvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,8BADJ;AAELC,IAAAA,KAAK,EAAE,2BAAe;AACpBC,MAAAA,KAAK,EAAEC,cAAOC,KADM;AAEpBH,MAAAA,KAAK,EAAE,OAFa;AAGpBI,MAAAA,YAAY,EAAE;AAHM,KAAf,CAFF;AAOLC,IAAAA,KAAK,EAAE,4BAAgB;AACrBL,MAAAA,KAAK,EAAE;AADc,KAAhB;AAPF;AANgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createActionProp,\n  createColorProp,\n  createTextProp,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Action Sheet Cancel\",\n  tag: \"ActionSheetCancel\",\n  description: \"Action Sheet cancel\",\n  category: COMPONENT_TYPES.button,\n  triggers: [Triggers.OnPress],\n  props: {\n    onPress: createActionProp(),\n    label: createTextProp({\n      group: GROUPS.basic,\n      label: \"Label\",\n      defaultValue: \"Cancel\",\n    }),\n    color: createColorProp({\n      label: \"Font Color\",\n    }),\n  },\n};\n"]}

package/lib/commonjs/mappings/ActionSheetItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ActionSheetItem.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","triggers","Triggers","OnPress","layout","textAlign","props","onPress","label","group","GROUPS","basic","defaultValue","color"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,mBADe;AAErBC,EAAAA,GAAG,EAAE,iBAFgB;AAGrBC,EAAAA,WAAW,EAAE,mBAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJL;AAKrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CALW;AAMrBC,EAAAA,MAAM,EAAE;AACJC,IAAAA,SAAS,EAAE;AADP,GANa;AASrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,OAAO,EAAE,8BADN;AAEHC,IAAAA,KAAK,EAAE,2BAAe;AAClBC,MAAAA,KAAK,EAAEC,cAAOC,KADI;AAElBH,MAAAA,KAAK,EAAE,OAFW;AAGlBI,MAAAA,YAAY,EAAE;AAHI,KAAf,CAFJ;AAOHC,IAAAA,KAAK,EAAE,4BAAgB;AACnBL,MAAAA,KAAK,EAAE;AADY,KAAhB;AAPJ;AATc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createActionProp, createColorProp, createTextProp, GROUPS, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Action Sheet Item\",\n    tag: \"ActionSheetItem\",\n    description: \"Action Sheet item\",\n    category: COMPONENT_TYPES.button,\n    triggers: [Triggers.OnPress],\n    layout: {\n        textAlign: \"center\",\n    },\n    props: {\n        onPress: createActionProp(),\n        label: createTextProp({\n            group: GROUPS.basic,\n            label: \"Label\",\n            defaultValue: \"Option\",\n        }),\n        color: createColorProp({\n            label: \"Font Color\",\n        }),\n    },\n};\n"]}
+{"version":3,"sources":["ActionSheetItem.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","triggers","Triggers","OnPress","layout","textAlign","props","onPress","label","group","GROUPS","basic","defaultValue","color"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,mBADiB;AAEvBC,EAAAA,GAAG,EAAE,iBAFkB;AAGvBC,EAAAA,WAAW,EAAE,mBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJH;AAKvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CALa;AAMvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AADL,GANe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,8BADJ;AAELC,IAAAA,KAAK,EAAE,2BAAe;AACpBC,MAAAA,KAAK,EAAEC,cAAOC,KADM;AAEpBH,MAAAA,KAAK,EAAE,OAFa;AAGpBI,MAAAA,YAAY,EAAE;AAHM,KAAf,CAFF;AAOLC,IAAAA,KAAK,EAAE,4BAAgB;AACrBL,MAAAA,KAAK,EAAE;AADc,KAAhB;AAPF;AATgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createActionProp,\n  createColorProp,\n  createTextProp,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Action Sheet Item\",\n  tag: \"ActionSheetItem\",\n  description: \"Action Sheet item\",\n  category: COMPONENT_TYPES.button,\n  triggers: [Triggers.OnPress],\n  layout: {\n    textAlign: \"center\",\n  },\n  props: {\n    onPress: createActionProp(),\n    label: createTextProp({\n      group: GROUPS.basic,\n      label: \"Label\",\n      defaultValue: \"Option\",\n    }),\n    color: createColorProp({\n      label: \"Font Color\",\n    }),\n  },\n};\n"]}

package/lib/commonjs/mappings/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Checkbox.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","triggers","Triggers","OnPress","OnCheck","OnUncheck","props","fieldName","defaultValue","valuePropName","handlerPropName","color","group","GROUPS","basic","label","description","uncheckedColor","disabled","size","checkedIcon","uncheckedIcon"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,UADe;AAErBC,EAAAA,GAAG,EAAE,UAFgB;AAGrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHL;AAIrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,EAAmBD,gBAASE,OAA5B,EAAqCF,gBAASG,SAA9C,CAJW;AAKrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,SAAS,EAAE,gCAAoB;AAC3BC,MAAAA,YAAY,EAAE,eADa;AAE3BC,MAAAA,aAAa,EAAE,QAFY;AAG3BC,MAAAA,eAAe,EAAE;AAHU,KAApB,CADR;AAMHC,IAAAA,KAAK,EAAE,4BAAgB;AACnBC,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBC,MAAAA,KAAK,EAAE,OAFY;AAGnBC,MAAAA,WAAW,EAAE,0DAHM;AAInBR,MAAAA,YAAY,EAAE;AAJK,KAAhB,CANJ;AAYHS,IAAAA,cAAc,EAAE,4BAAgB;AAC5BL,MAAAA,KAAK,EAAEC,cAAOC,KADc;AAE5BC,MAAAA,KAAK,EAAE,kBAFqB;AAG5BC,MAAAA,WAAW,EAAE,qDAHe;AAI5BR,MAAAA,YAAY,EAAE;AAJc,KAAhB,CAZb;AAkBHU,IAAAA,QAAQ,EAAE,2BAAe;AACrBH,MAAAA,KAAK,EAAE,UADc;AAErBC,MAAAA,WAAW,EAAE;AAFQ,KAAf,CAlBP;AAsBHG,IAAAA,IAAI,EAAE,mCAAuB;AACzBJ,MAAAA,KAAK,EAAE,MADkB;AAEzBC,MAAAA,WAAW,EAAE,gCAFY;AAGzBR,MAAAA,YAAY,EAAE;AAHW,KAAvB,CAtBH;AA2BHY,IAAAA,WAAW,EAAE,2BAAe;AACxBL,MAAAA,KAAK,EAAE,cADiB;AAExBC,MAAAA,WAAW,EAAE,oDAFW;AAGxBR,MAAAA,YAAY,EAAE;AAHU,KAAf,CA3BV;AAgCHa,IAAAA,aAAa,EAAE,2BAAe;AAC1BN,MAAAA,KAAK,EAAE,gBADmB;AAE1BC,MAAAA,WAAW,EAAE,sDAFa;AAG1BR,MAAAA,YAAY,EAAE;AAHY,KAAf;AAhCZ;AALc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createBoolProp, createIconProp, createStaticNumberProp, createColorProp, createFieldNameProp, GROUPS, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Checkbox\",\n    tag: \"Checkbox\",\n    category: COMPONENT_TYPES.input,\n    triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],\n    props: {\n        fieldName: createFieldNameProp({\n            defaultValue: \"checkboxValue\",\n            valuePropName: \"status\",\n            handlerPropName: \"onPress\",\n        }),\n        color: createColorProp({\n            group: GROUPS.basic,\n            label: \"Color\",\n            description: \"Color for the button (used when the checkbox is checked)\",\n            defaultValue: null,\n        }),\n        uncheckedColor: createColorProp({\n            group: GROUPS.basic,\n            label: \"Unselected Color\",\n            description: \"Color for the button when the checkbox is unchecked\",\n            defaultValue: null,\n        }),\n        disabled: createBoolProp({\n            label: \"Disabled\",\n            description: \"Whether the checkbox is disabled\",\n        }),\n        size: createStaticNumberProp({\n            label: \"Size\",\n            description: \"Specifies the size of the icon\",\n            defaultValue: null,\n        }),\n        checkedIcon: createIconProp({\n            label: \"Checked Icon\",\n            description: 'Icon to show when the checkbox status is \"checked\"',\n            defaultValue: null,\n        }),\n        uncheckedIcon: createIconProp({\n            label: \"Unchecked Icon\",\n            description: 'Icon to show when the checkbox status is \"unchecked\"',\n            defaultValue: null,\n        }),\n    },\n};\n"]}
+{"version":3,"sources":["Checkbox.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","triggers","Triggers","OnPress","OnCheck","OnUncheck","props","fieldName","defaultValue","valuePropName","handlerPropName","color","group","GROUPS","basic","label","description","uncheckedColor","disabled","size","checkedIcon","uncheckedIcon"],"mappings":";;;;;;;AAAA;;AAWO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,UAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,EAAmBD,gBAASE,OAA5B,EAAqCF,gBAASG,SAA9C,CAJa;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BC,MAAAA,YAAY,EAAE,eADe;AAE7BC,MAAAA,aAAa,EAAE,QAFc;AAG7BC,MAAAA,eAAe,EAAE;AAHY,KAApB,CADN;AAMLC,IAAAA,KAAK,EAAE,4BAAgB;AACrBC,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBC,MAAAA,KAAK,EAAE,OAFc;AAGrBC,MAAAA,WAAW,EAAE,0DAHQ;AAIrBR,MAAAA,YAAY,EAAE;AAJO,KAAhB,CANF;AAYLS,IAAAA,cAAc,EAAE,4BAAgB;AAC9BL,MAAAA,KAAK,EAAEC,cAAOC,KADgB;AAE9BC,MAAAA,KAAK,EAAE,kBAFuB;AAG9BC,MAAAA,WAAW,EAAE,qDAHiB;AAI9BR,MAAAA,YAAY,EAAE;AAJgB,KAAhB,CAZX;AAkBLU,IAAAA,QAAQ,EAAE,2BAAe;AACvBH,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE;AAFU,KAAf,CAlBL;AAsBLG,IAAAA,IAAI,EAAE,mCAAuB;AAC3BJ,MAAAA,KAAK,EAAE,MADoB;AAE3BC,MAAAA,WAAW,EAAE,gCAFc;AAG3BR,MAAAA,YAAY,EAAE;AAHa,KAAvB,CAtBD;AA2BLY,IAAAA,WAAW,EAAE,2BAAe;AAC1BL,MAAAA,KAAK,EAAE,cADmB;AAE1BC,MAAAA,WAAW,EAAE,oDAFa;AAG1BR,MAAAA,YAAY,EAAE;AAHY,KAAf,CA3BR;AAgCLa,IAAAA,aAAa,EAAE,2BAAe;AAC5BN,MAAAA,KAAK,EAAE,gBADqB;AAE5BC,MAAAA,WAAW,EAAE,sDAFe;AAG5BR,MAAAA,YAAY,EAAE;AAHc,KAAf;AAhCV;AALgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createIconProp,\n  createStaticNumberProp,\n  createColorProp,\n  createFieldNameProp,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Checkbox\",\n  tag: \"Checkbox\",\n  category: COMPONENT_TYPES.input,\n  triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],\n  props: {\n    fieldName: createFieldNameProp({\n      defaultValue: \"checkboxValue\",\n      valuePropName: \"status\",\n      handlerPropName: \"onPress\",\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      label: \"Color\",\n      description: \"Color for the button (used when the checkbox is checked)\",\n      defaultValue: null,\n    }),\n    uncheckedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Color for the button when the checkbox is unchecked\",\n      defaultValue: null,\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      description: \"Whether the checkbox is disabled\",\n    }),\n    size: createStaticNumberProp({\n      label: \"Size\",\n      description: \"Specifies the size of the icon\",\n      defaultValue: null,\n    }),\n    checkedIcon: createIconProp({\n      label: \"Checked Icon\",\n      description: 'Icon to show when the checkbox status is \"checked\"',\n      defaultValue: null,\n    }),\n    uncheckedIcon: createIconProp({\n      label: \"Unchecked Icon\",\n      description: 'Icon to show when the checkbox status is \"unchecked\"',\n      defaultValue: null,\n    }),\n  },\n};\n"]}

package/lib/commonjs/mappings/MapMarker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MapMarker.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","layout","props","latitude","label","required","precision","min","max","longitude","title","defaultValue","flat","group","GROUPS","basic","pinColor"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,YADe;AAErBC,EAAAA,GAAG,EAAE,WAFgB;AAGrBC,EAAAA,WAAW,EAAE,kCAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,UAJL;AAKrBC,EAAAA,MAAM,EAAE,EALa;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,QAAQ,EAAE,6BAAiB;AACvBC,MAAAA,KAAK,EAAE,UADgB;AAEvBP,MAAAA,WAAW,EAAE,6CAFU;AAGvBQ,MAAAA,QAAQ,EAAE,IAHa;AAIvBC,MAAAA,SAAS,EAAE,CAJY;AAKvBC,MAAAA,GAAG,EAAE,CAAC,EALiB;AAMvBC,MAAAA,GAAG,EAAE;AANkB,KAAjB,CADP;AASHC,IAAAA,SAAS,EAAE,6BAAiB;AACxBL,MAAAA,KAAK,EAAE,WADiB;AAExBP,MAAAA,WAAW,EAAE,8CAFW;AAGxBQ,MAAAA,QAAQ,EAAE,IAHc;AAIxBC,MAAAA,SAAS,EAAE,CAJa;AAKxBC,MAAAA,GAAG,EAAE,CAAC,GALkB;AAMxBC,MAAAA,GAAG,EAAE;AANmB,KAAjB,CATR;AAiBHE,IAAAA,KAAK,EAAE,2BAAe;AAClBN,MAAAA,KAAK,EAAE,OADW;AAElBP,MAAAA,WAAW,EAAE,qCAFK;AAGlBc,MAAAA,YAAY,EAAE;AAHI,KAAf,CAjBJ;AAsBHd,IAAAA,WAAW,EAAE,2BAAe;AACxBO,MAAAA,KAAK,EAAE,aADiB;AAExBP,MAAAA,WAAW,EAAE,qCAFW;AAGxBc,MAAAA,YAAY,EAAE;AAHU,KAAf,CAtBV;AA2BHC,IAAAA,IAAI,EAAE,2BAAe;AACjBR,MAAAA,KAAK,EAAE,MADU;AAEjBP,MAAAA,WAAW,EAAE,+GAFI;AAGjBgB,MAAAA,KAAK,EAAEC,cAAOC,KAHG;AAIjBJ,MAAAA,YAAY,EAAE;AAJG,KAAf,CA3BH;AAiCHK,IAAAA,QAAQ,EAAE,4BAAgB;AACtBZ,MAAAA,KAAK,EAAE,WADe;AAEtBP,MAAAA,WAAW,EAAE;AAFS,KAAhB;AAjCP;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Map Marker\",\n    tag: \"MapMarker\",\n    description: \"A marker to show inside map view\",\n    category: COMPONENT_TYPES.deprecated,\n    layout: {},\n    props: {\n        latitude: createNumberProp({\n            label: \"Latitude\",\n            description: \"The latitude in which the marker is located\",\n            required: true,\n            precision: 6,\n            min: -90,\n            max: 90,\n        }),\n        longitude: createNumberProp({\n            label: \"Longitude\",\n            description: \"The longitude in which the marker is located\",\n            required: true,\n            precision: 6,\n            min: -180,\n            max: 180,\n        }),\n        title: createTextProp({\n            label: \"Title\",\n            description: \"Title to show along with the marker\",\n            defaultValue: null,\n        }),\n        description: createTextProp({\n            label: \"Description\",\n            description: \"Optional description for the marker\",\n            defaultValue: null,\n        }),\n        flat: createBoolProp({\n            label: \"Flat\",\n            description: \"Sets whether this marker should be flat against the map (if true) or a billboard facing the camera (if false)\",\n            group: GROUPS.basic,\n            defaultValue: false,\n        }),\n        pinColor: createColorProp({\n            label: \"Pin Color\",\n            description: \"Sets the color of the marker\",\n        }),\n    },\n};\n"]}
+{"version":3,"sources":["MapMarker.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","layout","props","latitude","label","required","precision","min","max","longitude","title","defaultValue","flat","group","GROUPS","basic","pinColor"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,YADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,kCAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,UAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,6BAAiB;AACzBC,MAAAA,KAAK,EAAE,UADkB;AAEzBP,MAAAA,WAAW,EAAE,6CAFY;AAGzBQ,MAAAA,QAAQ,EAAE,IAHe;AAIzBC,MAAAA,SAAS,EAAE,CAJc;AAKzBC,MAAAA,GAAG,EAAE,CAAC,EALmB;AAMzBC,MAAAA,GAAG,EAAE;AANoB,KAAjB,CADL;AASLC,IAAAA,SAAS,EAAE,6BAAiB;AAC1BL,MAAAA,KAAK,EAAE,WADmB;AAE1BP,MAAAA,WAAW,EAAE,8CAFa;AAG1BQ,MAAAA,QAAQ,EAAE,IAHgB;AAI1BC,MAAAA,SAAS,EAAE,CAJe;AAK1BC,MAAAA,GAAG,EAAE,CAAC,GALoB;AAM1BC,MAAAA,GAAG,EAAE;AANqB,KAAjB,CATN;AAiBLE,IAAAA,KAAK,EAAE,2BAAe;AACpBN,MAAAA,KAAK,EAAE,OADa;AAEpBP,MAAAA,WAAW,EAAE,qCAFO;AAGpBc,MAAAA,YAAY,EAAE;AAHM,KAAf,CAjBF;AAsBLd,IAAAA,WAAW,EAAE,2BAAe;AAC1BO,MAAAA,KAAK,EAAE,aADmB;AAE1BP,MAAAA,WAAW,EAAE,qCAFa;AAG1Bc,MAAAA,YAAY,EAAE;AAHY,KAAf,CAtBR;AA2BLC,IAAAA,IAAI,EAAE,2BAAe;AACnBR,MAAAA,KAAK,EAAE,MADY;AAEnBP,MAAAA,WAAW,EACT,+GAHiB;AAInBgB,MAAAA,KAAK,EAAEC,cAAOC,KAJK;AAKnBJ,MAAAA,YAAY,EAAE;AALK,KAAf,CA3BD;AAkCLK,IAAAA,QAAQ,EAAE,4BAAgB;AACxBZ,MAAAA,KAAK,EAAE,WADiB;AAExBP,MAAAA,WAAW,EAAE;AAFW,KAAhB;AAlCL;AANgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createColorProp,\n  createNumberProp,\n  createTextProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Map Marker\",\n  tag: \"MapMarker\",\n  description: \"A marker to show inside map view\",\n  category: COMPONENT_TYPES.deprecated,\n  layout: {},\n  props: {\n    latitude: createNumberProp({\n      label: \"Latitude\",\n      description: \"The latitude in which the marker is located\",\n      required: true,\n      precision: 6,\n      min: -90,\n      max: 90,\n    }),\n    longitude: createNumberProp({\n      label: \"Longitude\",\n      description: \"The longitude in which the marker is located\",\n      required: true,\n      precision: 6,\n      min: -180,\n      max: 180,\n    }),\n    title: createTextProp({\n      label: \"Title\",\n      description: \"Title to show along with the marker\",\n      defaultValue: null,\n    }),\n    description: createTextProp({\n      label: \"Description\",\n      description: \"Optional description for the marker\",\n      defaultValue: null,\n    }),\n    flat: createBoolProp({\n      label: \"Flat\",\n      description:\n        \"Sets whether this marker should be flat against the map (if true) or a billboard facing the camera (if false)\",\n      group: GROUPS.basic,\n      defaultValue: false,\n    }),\n    pinColor: createColorProp({\n      label: \"Pin Color\",\n      description: \"Sets the color of the marker\",\n    }),\n  },\n};\n"]}

package/lib/commonjs/mappings/RowBodyIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RowBodyIcon.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","row","preview_image_url","supports_list_render","props","title","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","icon","basic","ASSET","layout","subtitle"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,2BADR;AAEEC,EAAAA,GAAG,EAAE,aAFP;AAGEC,EAAAA,WAAW,EAAE,4DAHf;AAIEC,EAAAA,QAAQ,EAAEC,uBAAgBC,GAJ5B;AAKEC,EAAAA,iBAAiB,EAAE,8CALrB;AAMEC,EAAAA,oBAAoB,EAAE,IANxB;AAOEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,OAFF;AAGLX,MAAAA,WAAW,EAAE,iBAHR;AAILY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,MAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,MAAAA,YAAY,EAAE,4BANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL,KADF;AAWLC,IAAAA,IAAI,EAAE;AACJb,MAAAA,KAAK,EAAEC,cAAOa,KADV;AAEJX,MAAAA,KAAK,EAAE,MAFH;AAGJX,MAAAA,WAAW,EAAE,iBAHT;AAIJY,MAAAA,QAAQ,EAAEC,kBAAWQ,IAJjB;AAKJN,MAAAA,QAAQ,EAAEC,kBAAWO,KALjB;AAMJL,MAAAA,YAAY,EAAE,IANV;AAOJC,MAAAA,QAAQ,EAAE,IAPN;AAQJC,MAAAA,QAAQ,EAAE;AARN;AAXD,GAPT;AA6BEI,EAAAA,MAAM,EAAE;AA7BV,CADuB,EAgCvB;AACE1B,EAAAA,IAAI,EAAE,2BADR;AAEEC,EAAAA,GAAG,EAAE,aAFP;AAGEC,EAAAA,WAAW,EACT,8EAJJ;AAKEC,EAAAA,QAAQ,EAAEC,uBAAgBC,GAL5B;AAMEC,EAAAA,iBAAiB,EAAE,8CANrB;AAOEC,EAAAA,oBAAoB,EAAE,IAPxB;AAQEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,OAFF;AAGLX,MAAAA,WAAW,EAAE,iBAHR;AAILY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,MAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,MAAAA,YAAY,EAAE,4BANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL,KADF;AAWLK,IAAAA,QAAQ,EAAE;AACRjB,MAAAA,KAAK,EAAEC,cAAOC,IADN;AAERC,MAAAA,KAAK,EAAE,UAFC;AAGRX,MAAAA,WAAW,EAAE,0BAHL;AAIRY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJb;AAKRC,MAAAA,QAAQ,EAAEC,kBAAWC,MALb;AAMRC,MAAAA,YAAY,EAAE,WANN;AAORC,MAAAA,QAAQ,EAAE,IAPF;AAQRC,MAAAA,QAAQ,EAAE;AARF,KAXL;AAqBLC,IAAAA,IAAI,EAAE;AACJb,MAAAA,KAAK,EAAEC,cAAOa,KADV;AAEJX,MAAAA,KAAK,EAAE,MAFH;AAGJX,MAAAA,WAAW,EAAE,iBAHT;AAIJY,MAAAA,QAAQ,EAAEC,kBAAWQ,IAJjB;AAKJN,MAAAA,QAAQ,EAAEC,kBAAWO,KALjB;AAMJL,MAAAA,YAAY,EAAE,IANV;AAOJC,MAAAA,QAAQ,EAAE,IAPN;AAQJC,MAAAA,QAAQ,EAAE;AARN;AArBD,GART;AAwCEI,EAAAA,MAAM,EAAE;AAxCV,CAhCuB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  GROUPS,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Row Single Line Body Icon\",\n    tag: \"RowBodyIcon\",\n    description: \"A row with left aligned body text and a right aligned icon\",\n    category: COMPONENT_TYPES.row,\n    preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_BodyIcon.png\",\n    supports_list_render: true,\n    props: {\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n      },\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Row Double Line Body Icon\",\n    tag: \"RowBodyIcon\",\n    description:\n      \"A row with left aligned body text and subtitle text and a right aligned icon\",\n    category: COMPONENT_TYPES.row,\n    preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_BodyIcon.png\",\n    supports_list_render: true,\n    props: {\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n      },\n      subtitle: {\n        group: GROUPS.data,\n        label: \"Subtitle\",\n        description: \"Subtitle text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"San Diego\",\n        editable: true,\n        required: false,\n      },\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n];\n"]}
+{"version":3,"sources":["RowBodyIcon.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","row","preview_image_url","supports_list_render","props","title","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","icon","basic","ASSET","layout","subtitle"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG,CACrB;AACIC,EAAAA,IAAI,EAAE,2BADV;AAEIC,EAAAA,GAAG,EAAE,aAFT;AAGIC,EAAAA,WAAW,EAAE,4DAHjB;AAIIC,EAAAA,QAAQ,EAAEC,uBAAgBC,GAJ9B;AAKIC,EAAAA,iBAAiB,EAAE,8CALvB;AAMIC,EAAAA,oBAAoB,EAAE,IAN1B;AAOIC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,KAAK,EAAEC,cAAOC,IADX;AAEHC,MAAAA,KAAK,EAAE,OAFJ;AAGHX,MAAAA,WAAW,EAAE,iBAHV;AAIHY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJlB;AAKHC,MAAAA,QAAQ,EAAEC,kBAAWC,MALlB;AAMHC,MAAAA,YAAY,EAAE,4BANX;AAOHC,MAAAA,QAAQ,EAAE,IAPP;AAQHC,MAAAA,QAAQ,EAAE;AARP,KADJ;AAWHC,IAAAA,IAAI,EAAE;AACFb,MAAAA,KAAK,EAAEC,cAAOa,KADZ;AAEFX,MAAAA,KAAK,EAAE,MAFL;AAGFX,MAAAA,WAAW,EAAE,iBAHX;AAIFY,MAAAA,QAAQ,EAAEC,kBAAWQ,IAJnB;AAKFN,MAAAA,QAAQ,EAAEC,kBAAWO,KALnB;AAMFL,MAAAA,YAAY,EAAE,IANZ;AAOFC,MAAAA,QAAQ,EAAE,IAPR;AAQFC,MAAAA,QAAQ,EAAE;AARR;AAXH,GAPX;AA6BII,EAAAA,MAAM,EAAE;AA7BZ,CADqB,EAgCrB;AACI1B,EAAAA,IAAI,EAAE,2BADV;AAEIC,EAAAA,GAAG,EAAE,aAFT;AAGIC,EAAAA,WAAW,EAAE,8EAHjB;AAIIC,EAAAA,QAAQ,EAAEC,uBAAgBC,GAJ9B;AAKIC,EAAAA,iBAAiB,EAAE,8CALvB;AAMIC,EAAAA,oBAAoB,EAAE,IAN1B;AAOIC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,KAAK,EAAEC,cAAOC,IADX;AAEHC,MAAAA,KAAK,EAAE,OAFJ;AAGHX,MAAAA,WAAW,EAAE,iBAHV;AAIHY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJlB;AAKHC,MAAAA,QAAQ,EAAEC,kBAAWC,MALlB;AAMHC,MAAAA,YAAY,EAAE,4BANX;AAOHC,MAAAA,QAAQ,EAAE,IAPP;AAQHC,MAAAA,QAAQ,EAAE;AARP,KADJ;AAWHK,IAAAA,QAAQ,EAAE;AACNjB,MAAAA,KAAK,EAAEC,cAAOC,IADR;AAENC,MAAAA,KAAK,EAAE,UAFD;AAGNX,MAAAA,WAAW,EAAE,0BAHP;AAINY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJf;AAKNC,MAAAA,QAAQ,EAAEC,kBAAWC,MALf;AAMNC,MAAAA,YAAY,EAAE,WANR;AAONC,MAAAA,QAAQ,EAAE,IAPJ;AAQNC,MAAAA,QAAQ,EAAE;AARJ,KAXP;AAqBHC,IAAAA,IAAI,EAAE;AACFb,MAAAA,KAAK,EAAEC,cAAOa,KADZ;AAEFX,MAAAA,KAAK,EAAE,MAFL;AAGFX,MAAAA,WAAW,EAAE,iBAHX;AAIFY,MAAAA,QAAQ,EAAEC,kBAAWQ,IAJnB;AAKFN,MAAAA,QAAQ,EAAEC,kBAAWO,KALnB;AAMFL,MAAAA,YAAY,EAAE,IANZ;AAOFC,MAAAA,QAAQ,EAAE,IAPR;AAQFC,MAAAA,QAAQ,EAAE;AARR;AArBH,GAPX;AAuCII,EAAAA,MAAM,EAAE;AAvCZ,CAhCqB,CAAlB","sourcesContent":["import { COMPONENT_TYPES, FORM_TYPES, GROUPS, PROP_TYPES, } from \"@draftbit/types\";\nexport const SEED_DATA = [\n    {\n        name: \"Row Single Line Body Icon\",\n        tag: \"RowBodyIcon\",\n        description: \"A row with left aligned body text and a right aligned icon\",\n        category: COMPONENT_TYPES.row,\n        preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_BodyIcon.png\",\n        supports_list_render: true,\n        props: {\n            title: {\n                group: GROUPS.data,\n                label: \"Title\",\n                description: \"Text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"Beautiful West Coast Villa\",\n                editable: true,\n                required: false,\n            },\n            icon: {\n                group: GROUPS.basic,\n                label: \"Icon\",\n                description: \"Icon to display\",\n                formType: FORM_TYPES.icon,\n                propType: PROP_TYPES.ASSET,\n                defaultValue: null,\n                editable: true,\n                required: false,\n            },\n        },\n        layout: {},\n    },\n    {\n        name: \"Row Double Line Body Icon\",\n        tag: \"RowBodyIcon\",\n        description: \"A row with left aligned body text and subtitle text and a right aligned icon\",\n        category: COMPONENT_TYPES.row,\n        preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_BodyIcon.png\",\n        supports_list_render: true,\n        props: {\n            title: {\n                group: GROUPS.data,\n                label: \"Title\",\n                description: \"Text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"Beautiful West Coast Villa\",\n                editable: true,\n                required: false,\n            },\n            subtitle: {\n                group: GROUPS.data,\n                label: \"Subtitle\",\n                description: \"Subtitle text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"San Diego\",\n                editable: true,\n                required: false,\n            },\n            icon: {\n                group: GROUPS.basic,\n                label: \"Icon\",\n                description: \"Icon to display\",\n                formType: FORM_TYPES.icon,\n                propType: PROP_TYPES.ASSET,\n                defaultValue: null,\n                editable: true,\n                required: false,\n            },\n        },\n        layout: {},\n    },\n];\n"]}

package/lib/module/components/Checkbox/Checkbox.js

@@ -23,23 +23,6 @@ const Checkbox = _ref => {
     style,
     ...rest
   } = _ref;
-  console.log("Checbox prop", {
-    Icon,
-    status,
-    disabled,
-    onPress,
-    onCheck,
-    onUncheck,
-    color,
-    uncheckedColor,
-    defaultValue,
-    checkedIcon,
-    uncheckedIcon,
-    size,
-    style,
-    rest: { ...rest
-    }
-  });
   const [internalValue, setInternalValue] = React.useState(status || defaultValue || false);
   React.useEffect(() => {
     if (status != null) {

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

@@ -1 +1 @@
-{"version":3,"sources":["Checkbox.tsx"],"names":["React","View","StyleSheet","useTheme","Touchable","usePrevious","Checkbox","Icon","status","disabled","onPress","onCheck","onUncheck","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","style","rest","console","log","internalValue","setInternalValue","useState","useEffect","previousDefaultValue","Boolean","colors","checkboxColor","primary","handlePress","newValue","styles","container","width","height","icon","absoluteFill","fillContainer","fill","opacity","borderColor","create","borderRadius","alignItems","justifyContent","alignSelf"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  TouchableHighlightProps,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport { useTheme } from \"../../theming\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nimport Touchable from \"../Touchable\";\nimport { usePrevious } from \"../../hooks\";\n\nexport interface CheckboxProps {\n  status?: boolean;\n  disabled?: boolean;\n  onPress?: (checked: boolean) => void;\n  onCheck?: () => void;\n  onUncheck?: () => void;\n  color?: string;\n  uncheckedColor?: string;\n  checkedIcon?: string;\n  uncheckedIcon?: string;\n  defaultValue?: boolean;\n  size?: number;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Checkbox: React.FC<CheckboxProps & TouchableHighlightProps & IconSlot> =\n  ({\n    Icon,\n    status,\n    disabled = false,\n    onPress,\n    onCheck,\n    onUncheck,\n    color,\n    uncheckedColor,\n    defaultValue,\n    checkedIcon = \"MaterialCommunityIcons/checkbox-marked\",\n    uncheckedIcon = \"MaterialCommunityIcons/checkbox-blank-outline\",\n    size = 24,\n    style,\n    ...rest\n  }) => {\n    console.log(\"Checbox prop\", {\n      Icon,\n      status,\n      disabled,\n      onPress,\n      onCheck,\n      onUncheck,\n      color,\n      uncheckedColor,\n      defaultValue,\n      checkedIcon,\n      uncheckedIcon,\n      size,\n      style,\n      rest: { ...rest },\n    });\n\n    const [internalValue, setInternalValue] = React.useState<boolean>(\n      status || defaultValue || false\n    );\n\n    React.useEffect(() => {\n      if (status != null) {\n        setInternalValue(status);\n      }\n    }, [status]);\n\n    // This special logic is to handle weird APIs like Airtable that return\n    // true or undefined for a boolean\n    const previousDefaultValue = usePrevious(defaultValue) as\n      | boolean\n      | undefined;\n\n    React.useEffect(() => {\n      if (defaultValue !== previousDefaultValue) {\n        setInternalValue(Boolean(defaultValue));\n      }\n    }, [defaultValue, previousDefaultValue]);\n\n    const { colors } = useTheme();\n\n    const checkboxColor = internalValue\n      ? color || colors.primary\n      : uncheckedColor || colors.primary;\n\n    const handlePress = () => {\n      const newValue = !internalValue;\n\n      setInternalValue(newValue);\n      onPress?.(newValue);\n\n      if (newValue) {\n        onCheck?.();\n      }\n\n      if (!newValue) {\n        onUncheck?.();\n      }\n    };\n\n    return (\n      <Touchable\n        {...rest}\n        onPress={handlePress}\n        disabled={disabled}\n        accessibilityState={{ disabled }}\n        accessibilityRole=\"button\"\n        accessibilityLiveRegion=\"polite\"\n        style={[styles.container, style, { width: size, height: size }]}\n      >\n        <Icon\n          style={styles.icon}\n          name={internalValue ? checkedIcon : uncheckedIcon}\n          size={size}\n          color={checkboxColor}\n        />\n        <View style={[StyleSheet.absoluteFill, styles.fillContainer]}>\n          <View\n            style={[\n              styles.fill,\n              { opacity: disabled ? 0.5 : 1 },\n              { borderColor: checkboxColor },\n            ]}\n          />\n        </View>\n      </Touchable>\n    );\n  };\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 18,\n  },\n  fillContainer: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  icon: {\n    alignSelf: \"center\",\n  },\n  fill: {\n    borderRadius: 5,\n    width: 30,\n    height: 30,\n    alignSelf: \"center\",\n  },\n});\n\nexport default Checkbox;\n"]}
+{"version":3,"sources":["Checkbox.tsx"],"names":["React","View","StyleSheet","useTheme","Touchable","usePrevious","Checkbox","Icon","status","disabled","onPress","onCheck","onUncheck","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","style","rest","internalValue","setInternalValue","useState","useEffect","previousDefaultValue","Boolean","colors","checkboxColor","primary","handlePress","newValue","styles","container","width","height","icon","absoluteFill","fillContainer","fill","opacity","borderColor","create","borderRadius","alignItems","justifyContent","alignSelf"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  TouchableHighlightProps,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport { useTheme } from \"../../theming\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nimport Touchable from \"../Touchable\";\nimport { usePrevious } from \"../../hooks\";\n\nexport interface CheckboxProps {\n  status?: boolean;\n  disabled?: boolean;\n  onPress?: (checked: boolean) => void;\n  onCheck?: () => void;\n  onUncheck?: () => void;\n  color?: string;\n  uncheckedColor?: string;\n  checkedIcon?: string;\n  uncheckedIcon?: string;\n  defaultValue?: boolean;\n  size?: number;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Checkbox: React.FC<CheckboxProps & TouchableHighlightProps & IconSlot> =\n  ({\n    Icon,\n    status,\n    disabled = false,\n    onPress,\n    onCheck,\n    onUncheck,\n    color,\n    uncheckedColor,\n    defaultValue,\n    checkedIcon = \"MaterialCommunityIcons/checkbox-marked\",\n    uncheckedIcon = \"MaterialCommunityIcons/checkbox-blank-outline\",\n    size = 24,\n    style,\n    ...rest\n  }) => {\n    const [internalValue, setInternalValue] = React.useState<boolean>(\n      status || defaultValue || false\n    );\n\n    React.useEffect(() => {\n      if (status != null) {\n        setInternalValue(status);\n      }\n    }, [status]);\n\n    // This special logic is to handle weird APIs like Airtable that return\n    // true or undefined for a boolean\n    const previousDefaultValue = usePrevious(defaultValue) as\n      | boolean\n      | undefined;\n\n    React.useEffect(() => {\n      if (defaultValue !== previousDefaultValue) {\n        setInternalValue(Boolean(defaultValue));\n      }\n    }, [defaultValue, previousDefaultValue]);\n\n    const { colors } = useTheme();\n\n    const checkboxColor = internalValue\n      ? color || colors.primary\n      : uncheckedColor || colors.primary;\n\n    const handlePress = () => {\n      const newValue = !internalValue;\n\n      setInternalValue(newValue);\n      onPress?.(newValue);\n\n      if (newValue) {\n        onCheck?.();\n      }\n\n      if (!newValue) {\n        onUncheck?.();\n      }\n    };\n\n    return (\n      <Touchable\n        {...rest}\n        onPress={handlePress}\n        disabled={disabled}\n        accessibilityState={{ disabled }}\n        accessibilityRole=\"button\"\n        accessibilityLiveRegion=\"polite\"\n        style={[styles.container, style, { width: size, height: size }]}\n      >\n        <Icon\n          style={styles.icon}\n          name={internalValue ? checkedIcon : uncheckedIcon}\n          size={size}\n          color={checkboxColor}\n        />\n        <View style={[StyleSheet.absoluteFill, styles.fillContainer]}>\n          <View\n            style={[\n              styles.fill,\n              { opacity: disabled ? 0.5 : 1 },\n              { borderColor: checkboxColor },\n            ]}\n          />\n        </View>\n      </Touchable>\n    );\n  };\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 18,\n  },\n  fillContainer: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  icon: {\n    alignSelf: \"center\",\n  },\n  fill: {\n    borderRadius: 5,\n    width: 30,\n    height: 30,\n    alignSelf: \"center\",\n  },\n});\n\nexport default Checkbox;\n"]}

package/lib/module/components/Container.js

@@ -39,20 +39,6 @@ const Container = _ref => {
     paddingHorizontal,
     ...styleProp
   } = StyleSheet.flatten(style) || {};
-  console.log("Container props", {
-    useThemeGutterPadding,
-    borderColor,
-    borderWidth,
-    backgroundColor,
-    backgroundImage,
-    backgroundImageResizeMode,
-    elevation,
-    style,
-    children,
-    theme,
-    rest: { ...rest
-    }
-  });
   const containerStyle = {
     backgroundColor,
     borderColor,

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

@@ -1 +1 @@
-{"version":3,"sources":["Container.tsx"],"names":["React","View","ImageBackground","StyleSheet","withTheme","Elevation","Container","useThemeGutterPadding","borderColor","borderWidth","backgroundColor","backgroundImage","backgroundImageResizeMode","elevation","style","children","theme","rest","flex","flexGrow","flexWrap","flexBasis","flexShrink","flexDirection","alignContent","justifyContent","alignItems","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","paddingVertical","paddingHorizontal","styleProp","flatten","console","log","containerStyle","width","innerStyle","Wrap","uri"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  ImageBackground,\n  ImageSourcePropType,\n  StyleProp,\n  StyleSheet,\n  ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\n\nimport Elevation from \"./Elevation\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport { ResizeModeType } from \"./ResizeMode\";\n\ntype Props = {\n  theme: Theme;\n  useThemeGutterPadding: boolean;\n  borderColor: string;\n  borderWidth: number;\n  backgroundColor: string;\n  backgroundImage?: string | ImageSourcePropType;\n  backgroundImageResizeMode?: ResizeModeType;\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  children?: React.ReactNode;\n};\n\nconst Container: React.FC<Props> = ({\n  useThemeGutterPadding,\n  borderColor,\n  borderWidth,\n  backgroundColor,\n  backgroundImage,\n  backgroundImageResizeMode,\n  elevation,\n  style,\n  children,\n  theme, // eslint-disable-line @typescript-eslint/no-unused-vars\n  ...rest\n}) => {\n  const {\n    flex,\n    flexGrow,\n    flexWrap,\n    flexBasis,\n    flexShrink,\n    flexDirection,\n    alignContent,\n    justifyContent,\n    alignItems,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    paddingVertical,\n    paddingHorizontal,\n    ...styleProp\n  } = StyleSheet.flatten(style) || {};\n\n  console.log(\"Container props\", {\n    useThemeGutterPadding,\n    borderColor,\n    borderWidth,\n    backgroundColor,\n    backgroundImage,\n    backgroundImageResizeMode,\n    elevation,\n    style,\n    children,\n    theme,\n    rest: { ...rest },\n  });\n\n  const containerStyle: StyleProp<ViewStyle> = {\n    backgroundColor,\n    borderColor,\n    borderWidth,\n    width: \"100%\",\n    ...styleProp,\n  };\n\n  const innerStyle: StyleProp<ViewStyle> = {\n    flex,\n    flexGrow,\n    flexWrap,\n    flexBasis,\n    flexShrink,\n    flexDirection,\n    alignContent,\n    justifyContent,\n    alignItems,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    paddingVertical,\n    paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,\n  };\n\n  const Wrap = elevation ? Elevation : View;\n\n  if (elevation) {\n    containerStyle.elevation = elevation;\n  }\n\n  return (\n    <Wrap style={[containerStyle, style]} {...rest}>\n      {backgroundImage ? (\n        <ImageBackground\n          source={\n            typeof backgroundImage === \"string\"\n              ? { uri: backgroundImage }\n              : backgroundImage\n          }\n          resizeMode={backgroundImageResizeMode}\n          style={{\n            flex: 1,\n          }}\n        >\n          <View style={innerStyle}>{children}</View>\n        </ImageBackground>\n      ) : (\n        <View style={innerStyle}>{children}</View>\n      )}\n    </Wrap>\n  );\n};\n\nexport default withTheme(Container);\n"]}
+{"version":3,"sources":["Container.tsx"],"names":["React","View","ImageBackground","StyleSheet","withTheme","Elevation","Container","useThemeGutterPadding","borderColor","borderWidth","backgroundColor","backgroundImage","backgroundImageResizeMode","elevation","style","children","theme","rest","flex","flexGrow","flexWrap","flexBasis","flexShrink","flexDirection","alignContent","justifyContent","alignItems","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","paddingVertical","paddingHorizontal","styleProp","flatten","containerStyle","width","innerStyle","Wrap","uri"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,eAFF,EAKEC,UALF,QAOO,cAPP;AAQA,SAASC,SAAT,QAA0B,YAA1B;AAEA,OAAOC,SAAP,MAAsB,aAAtB;;AAiBA,MAAMC,SAA0B,GAAG,QAY7B;AAAA,MAZ8B;AAClCC,IAAAA,qBADkC;AAElCC,IAAAA,WAFkC;AAGlCC,IAAAA,WAHkC;AAIlCC,IAAAA,eAJkC;AAKlCC,IAAAA,eALkC;AAMlCC,IAAAA,yBANkC;AAOlCC,IAAAA,SAPkC;AAQlCC,IAAAA,KARkC;AASlCC,IAAAA,QATkC;AAUlCC,IAAAA,KAVkC;AAU3B;AACP,OAAGC;AAX+B,GAY9B;AACJ,QAAM;AACJC,IAAAA,IADI;AAEJC,IAAAA,QAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,SAJI;AAKJC,IAAAA,UALI;AAMJC,IAAAA,aANI;AAOJC,IAAAA,YAPI;AAQJC,IAAAA,cARI;AASJC,IAAAA,UATI;AAUJC,IAAAA,OAVI;AAWJC,IAAAA,UAXI;AAYJC,IAAAA,aAZI;AAaJC,IAAAA,WAbI;AAcJC,IAAAA,YAdI;AAeJC,IAAAA,eAfI;AAgBJC,IAAAA,iBAhBI;AAiBJ,OAAGC;AAjBC,MAkBF/B,UAAU,CAACgC,OAAX,CAAmBrB,KAAnB,KAA6B,EAlBjC;AAoBA,QAAMsB,cAAoC,GAAG;AAC3C1B,IAAAA,eAD2C;AAE3CF,IAAAA,WAF2C;AAG3CC,IAAAA,WAH2C;AAI3C4B,IAAAA,KAAK,EAAE,MAJoC;AAK3C,OAAGH;AALwC,GAA7C;AAQA,QAAMI,UAAgC,GAAG;AACvCpB,IAAAA,IADuC;AAEvCC,IAAAA,QAFuC;AAGvCC,IAAAA,QAHuC;AAIvCC,IAAAA,SAJuC;AAKvCC,IAAAA,UALuC;AAMvCC,IAAAA,aANuC;AAOvCC,IAAAA,YAPuC;AAQvCC,IAAAA,cARuC;AASvCC,IAAAA,UATuC;AAUvCC,IAAAA,OAVuC;AAWvCC,IAAAA,UAXuC;AAYvCC,IAAAA,aAZuC;AAavCC,IAAAA,WAbuC;AAcvCC,IAAAA,YAduC;AAevCC,IAAAA,eAfuC;AAgBvCC,IAAAA,iBAAiB,EAAEA,iBAAiB,IAAI1B,qBAArB,GAA6C,EAA7C,GAAkD;AAhB9B,GAAzC;AAmBA,QAAMgC,IAAI,GAAG1B,SAAS,GAAGR,SAAH,GAAeJ,IAArC;;AAEA,MAAIY,SAAJ,EAAe;AACbuB,IAAAA,cAAc,CAACvB,SAAf,GAA2BA,SAA3B;AACD;;AAED,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACuB,cAAD,EAAiBtB,KAAjB;AAAb,KAA0CG,IAA1C,GACGN,eAAe,gBACd,oBAAC,eAAD;AACE,IAAA,MAAM,EACJ,OAAOA,eAAP,KAA2B,QAA3B,GACI;AAAE6B,MAAAA,GAAG,EAAE7B;AAAP,KADJ,GAEIA,eAJR;AAME,IAAA,UAAU,EAAEC,yBANd;AAOE,IAAA,KAAK,EAAE;AACLM,MAAAA,IAAI,EAAE;AADD;AAPT,kBAWE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEoB;AAAb,KAA0BvB,QAA1B,CAXF,CADc,gBAed,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEuB;AAAb,KAA0BvB,QAA1B,CAhBJ,CADF;AAqBD,CAvFD;;AAyFA,eAAeX,SAAS,CAACE,SAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  ImageBackground,\n  ImageSourcePropType,\n  StyleProp,\n  StyleSheet,\n  ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\n\nimport Elevation from \"./Elevation\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport { ResizeModeType } from \"./ResizeMode\";\n\ntype Props = {\n  theme: Theme;\n  useThemeGutterPadding: boolean;\n  borderColor: string;\n  borderWidth: number;\n  backgroundColor: string;\n  backgroundImage?: string | ImageSourcePropType;\n  backgroundImageResizeMode?: ResizeModeType;\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  children?: React.ReactNode;\n};\n\nconst Container: React.FC<Props> = ({\n  useThemeGutterPadding,\n  borderColor,\n  borderWidth,\n  backgroundColor,\n  backgroundImage,\n  backgroundImageResizeMode,\n  elevation,\n  style,\n  children,\n  theme, // eslint-disable-line @typescript-eslint/no-unused-vars\n  ...rest\n}) => {\n  const {\n    flex,\n    flexGrow,\n    flexWrap,\n    flexBasis,\n    flexShrink,\n    flexDirection,\n    alignContent,\n    justifyContent,\n    alignItems,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    paddingVertical,\n    paddingHorizontal,\n    ...styleProp\n  } = StyleSheet.flatten(style) || {};\n\n  const containerStyle: StyleProp<ViewStyle> = {\n    backgroundColor,\n    borderColor,\n    borderWidth,\n    width: \"100%\",\n    ...styleProp,\n  };\n\n  const innerStyle: StyleProp<ViewStyle> = {\n    flex,\n    flexGrow,\n    flexWrap,\n    flexBasis,\n    flexShrink,\n    flexDirection,\n    alignContent,\n    justifyContent,\n    alignItems,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    paddingVertical,\n    paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,\n  };\n\n  const Wrap = elevation ? Elevation : View;\n\n  if (elevation) {\n    containerStyle.elevation = elevation;\n  }\n\n  return (\n    <Wrap style={[containerStyle, style]} {...rest}>\n      {backgroundImage ? (\n        <ImageBackground\n          source={\n            typeof backgroundImage === \"string\"\n              ? { uri: backgroundImage }\n              : backgroundImage\n          }\n          resizeMode={backgroundImageResizeMode}\n          style={{\n            flex: 1,\n          }}\n        >\n          <View style={innerStyle}>{children}</View>\n        </ImageBackground>\n      ) : (\n        <View style={innerStyle}>{children}</View>\n      )}\n    </Wrap>\n  );\n};\n\nexport default withTheme(Container);\n"]}

package/lib/module/components/DatePicker/DatePickerComponent.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DatePickerComponent.web.js"],"names":["React","DateFnsUtils","MuiPickersUtilsProvider","DatePicker","TimePicker","DateTimePicker","createMuiTheme","ThemeProvider","withTheme","Theme","DatePickerComponent","value","onChange","mode","toggleVisibility","isVisible","theme","internalTheme","palette","primary","main","colors","secondary","Picker","createElement","utils","open","d","onClose","variant","TextFieldComponent"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,YAAP,MAAyB,mBAAzB;AACA,SAASC,uBAAT,EAAkCC,UAAlC,EAA8CC,UAA9C,EAA0DC,cAA1D,QAAiF,sBAAjF;AACA,SAASC,cAAT,EAAyBC,aAAzB,QAA8C,0BAA9C;AACA,SAASC,SAAT,QAA0B,eAA1B;AACA,OAAOC,KAAP,MAAkB,2BAAlB;;AACA,MAAMC,mBAAmB,GAAG,QAAoE;AAAA;;AAAA,MAAnE;AAAEC,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmBC,IAAAA,IAAnB;AAAyBC,IAAAA,gBAAzB;AAA2CC,IAAAA,SAA3C;AAAsDC,IAAAA;AAAtD,GAAmE;AAC5F,QAAMC,aAAa,GAAGX,cAAc,CAAC;AACjCY,IAAAA,OAAO,EAAE;AACLC,MAAAA,OAAO,EAAE;AACLC,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,wCAAEA,KAAK,CAAEK,MAAT,kDAAE,cAAeF,OAAjB,yEAA4BV,KAAK,CAACY,MAAN,CAAaF;AADxC,OADJ;AAILG,MAAAA,SAAS,EAAE;AACPF,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,yCAAEA,KAAK,CAAEK,MAAT,mDAAE,eAAeC,SAAjB,yEAA8Bb,KAAK,CAACY,MAAN,CAAaC;AADxC;AAJN;AADwB,GAAD,CAApC;AAUA,QAAMC,MAAM,GAAGV,IAAI,KAAK,MAAT,GACTV,UADS,GAETU,IAAI,KAAK,MAAT,GACIT,UADJ,GAEIC,cAJV;AAKA,sBAAQL,KAAK,CAACwB,aAAN,CAAoBtB,uBAApB,EAA6C;AAAEuB,IAAAA,KAAK,EAAExB;AAAT,GAA7C,eACJD,KAAK,CAACwB,aAAN,CAAoBjB,aAApB,EAAmC;AAAES,IAAAA,KAAK,EAAEC;AAAT,GAAnC,eACIjB,KAAK,CAACwB,aAAN,CAAoBD,MAApB,EAA4B;AAAEZ,IAAAA,KAAK,EAAEA,KAAT;AAAgBe,IAAAA,IAAI,EAAEX,SAAtB;AAAiCH,IAAAA,QAAQ,EAAGe,CAAD,IAAO;AACtEb,MAAAA,gBAAgB;AAChBF,MAAAA,QAAQ,CAAC,IAAD,EAAOe,CAAP,CAAR;AACH,KAHuB;AAGrBC,IAAAA,OAAO,EAAE,MAAMd,gBAAgB,EAHV;AAGce,IAAAA,OAAO,EAAE,QAHvB;AAGiCC,IAAAA,kBAAkB,EAAE,MAAM;AAH3D,GAA5B,CADJ,CADI,CAAR;AAMH,CAtBD;;AAuBA,eAAetB,SAAS,CAACE,mBAAD,CAAxB","sourcesContent":["import React from \"react\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport { MuiPickersUtilsProvider, DatePicker, TimePicker, DateTimePicker, } from \"@material-ui/pickers\";\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core/styles\";\nimport { withTheme } from \"../../theming\";\nimport Theme from \"../../styles/DefaultTheme\";\nconst DatePickerComponent = ({ value, onChange, mode, toggleVisibility, isVisible, theme, }) => {\n    const internalTheme = createMuiTheme({\n        palette: {\n            primary: {\n                main: theme?.colors?.primary ?? Theme.colors.primary,\n            },\n            secondary: {\n                main: theme?.colors?.secondary ?? Theme.colors.secondary,\n            },\n        },\n    });\n    const Picker = mode === \"date\"\n        ? DatePicker\n        : mode === \"time\"\n            ? TimePicker\n            : DateTimePicker;\n    return (React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils },\n        React.createElement(ThemeProvider, { theme: internalTheme },\n            React.createElement(Picker, { value: value, open: isVisible, onChange: (d) => {\n                    toggleVisibility();\n                    onChange(null, d);\n                }, onClose: () => toggleVisibility(), variant: \"dialog\", TextFieldComponent: () => null }))));\n};\nexport default withTheme(DatePickerComponent);\n"]}
+{"version":3,"sources":["DatePickerComponent.web.tsx"],"names":["React","DateFnsUtils","MuiPickersUtilsProvider","DatePicker","TimePicker","DateTimePicker","createMuiTheme","ThemeProvider","withTheme","Theme","DatePickerComponent","value","onChange","mode","toggleVisibility","isVisible","theme","internalTheme","palette","primary","main","colors","secondary","Picker","d"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,YAAP,MAAyB,mBAAzB;AACA,SACEC,uBADF,EAEEC,UAFF,EAGEC,UAHF,EAIEC,cAJF,QAKO,sBALP;AAMA,SAASC,cAAT,EAAyBC,aAAzB,QAA8C,0BAA9C;AAEA,SAASC,SAAT,QAA0B,eAA1B;AACA,OAAOC,KAAP,MAAkB,2BAAlB;;AAEA,MAAMC,mBAA8D,GAAG,QAOjE;AAAA;;AAAA,MAPkE;AACtEC,IAAAA,KADsE;AAEtEC,IAAAA,QAFsE;AAGtEC,IAAAA,IAHsE;AAItEC,IAAAA,gBAJsE;AAKtEC,IAAAA,SALsE;AAMtEC,IAAAA;AANsE,GAOlE;AACJ,QAAMC,aAAa,GAAGX,cAAc,CAAC;AACnCY,IAAAA,OAAO,EAAE;AACPC,MAAAA,OAAO,EAAE;AACPC,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,wCAAEA,KAAK,CAAEK,MAAT,kDAAE,cAAeF,OAAjB,yEAA4BV,KAAK,CAACY,MAAN,CAAaF;AADtC,OADF;AAIPG,MAAAA,SAAS,EAAE;AACTF,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,yCAAEA,KAAK,CAAEK,MAAT,mDAAE,eAAeC,SAAjB,yEAA8Bb,KAAK,CAACY,MAAN,CAAaC;AADtC;AAJJ;AAD0B,GAAD,CAApC;AAWA,QAAMC,MAAM,GACVV,IAAI,KAAK,MAAT,GACIV,UADJ,GAEIU,IAAI,KAAK,MAAT,GACAT,UADA,GAEAC,cALN;AAOA,sBACE,oBAAC,uBAAD;AAAyB,IAAA,KAAK,EAAEJ;AAAhC,kBACE,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAEgB;AAAtB,kBACE,oBAAC,MAAD;AACE,IAAA,KAAK,EAAEN,KADT;AAEE,IAAA,IAAI,EAAEI,SAFR;AAGE,IAAA,QAAQ,EAAGS,CAAD,IAAO;AACfV,MAAAA,gBAAgB;AAChBF,MAAAA,QAAQ,CAAC,IAAD,EAAOY,CAAP,CAAR;AACD,KANH;AAOE,IAAA,OAAO,EAAE,MAAMV,gBAAgB,EAPjC;AAQE,IAAA,OAAO,EAAC,QARV;AASE,IAAA,kBAAkB,EAAE,MAAM;AAT5B,IADF,CADF,CADF;AAiBD,CA3CD;;AA6CA,eAAeN,SAAS,CAACE,mBAAD,CAAxB","sourcesContent":["import React from \"react\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport {\n  MuiPickersUtilsProvider,\n  DatePicker,\n  TimePicker,\n  DateTimePicker,\n} from \"@material-ui/pickers\";\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core/styles\";\nimport { DatePickerComponentProps as Props } from \"./DatePickerComponentType\";\nimport { withTheme } from \"../../theming\";\nimport Theme from \"../../styles/DefaultTheme\";\n\nconst DatePickerComponent: React.FC<Props & { theme: typeof Theme }> = ({\n  value,\n  onChange,\n  mode,\n  toggleVisibility,\n  isVisible,\n  theme,\n}) => {\n  const internalTheme = createMuiTheme({\n    palette: {\n      primary: {\n        main: theme?.colors?.primary ?? Theme.colors.primary,\n      },\n      secondary: {\n        main: theme?.colors?.secondary ?? Theme.colors.secondary,\n      },\n    },\n  });\n\n  const Picker =\n    mode === \"date\"\n      ? DatePicker\n      : mode === \"time\"\n      ? TimePicker\n      : DateTimePicker;\n\n  return (\n    <MuiPickersUtilsProvider utils={DateFnsUtils}>\n      <ThemeProvider theme={internalTheme}>\n        <Picker\n          value={value}\n          open={isVisible}\n          onChange={(d) => {\n            toggleVisibility();\n            onChange(null, d);\n          }}\n          onClose={() => toggleVisibility()}\n          variant=\"dialog\"\n          TextFieldComponent={() => null}\n        />\n      </ThemeProvider>\n    </MuiPickersUtilsProvider>\n  );\n};\n\nexport default withTheme(DatePickerComponent);\n"]}

package/lib/module/components/ScreenContainer.js

@@ -1,23 +1,11 @@
 function _extends() { _extends = Object.assign || 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, ScrollView as NativeScrollView, View } from "react-native";
+import { StyleSheet, ScrollView, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { withTheme } from "../theming";
 
-function ScrollView(_ref) {
-  let {
-    children,
-    style
-  } = _ref;
-  return /*#__PURE__*/React.createElement(NativeScrollView, {
-    contentContainerStyle: [{
-      flexGrow: 1
-    }, style]
-  }, children);
-}
-
-function ScreenContainer(_ref2) {
+function ScreenContainer(_ref) {
   let {
     hasSafeArea = false,
     scrollable = false,
@@ -27,7 +15,7 @@ function ScreenContainer(_ref2) {
     style,
     children,
     ...rest
-  } = _ref2;
+  } = _ref;
   const backgroundColor = theme.colors.background;
   const edges = ["left", "right"];
 
@@ -44,18 +32,24 @@ function ScreenContainer(_ref2) {
     style: [styles.container, {
       backgroundColor
     }]
-  }, rest), /*#__PURE__*/React.createElement(View, {
+  }, rest), scrollable ? /*#__PURE__*/React.createElement(ScrollView, {
+    contentContainerStyle: [styles.scrollViewContainer, {
+      backgroundColor
+    }, style]
+  }, children) : /*#__PURE__*/React.createElement(View, {
     style: [styles.container, {
       backgroundColor
     }, style]
-  }, scrollable ? /*#__PURE__*/React.createElement(ScrollView, {
-    style: style
-  }, children) : children));
+  }, children));
 }
 
 const styles = StyleSheet.create({
   container: {
     flex: 1
+  },
+  scrollViewContainer: {
+    flexGrow: 1,
+    flex: undefined
   }
 });
 export default withTheme(ScreenContainer);

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

@@ -1 +1 @@
-{"version":3,"sources":["ScreenContainer.tsx"],"names":["React","StyleSheet","ScrollView","NativeScrollView","View","SafeAreaView","withTheme","children","style","flexGrow","ScreenContainer","hasSafeArea","scrollable","hasBottomSafeArea","hasTopSafeArea","theme","rest","backgroundColor","colors","background","edges","push","styles","container","create","flex"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,UADF,EAEEC,UAAU,IAAIC,gBAFhB,EAKEC,IALF,QAMO,cANP;AAOA,SAASC,YAAT,QAA6B,gCAA7B;AAEA,SAASC,SAAT,QAA0B,YAA1B;;AAGA,SAASJ,UAAT,OAMG;AAAA,MANiB;AAClBK,IAAAA,QADkB;AAElBC,IAAAA;AAFkB,GAMjB;AACD,sBACE,oBAAC,gBAAD;AACE,IAAA,qBAAqB,EAAE,CACrB;AACEC,MAAAA,QAAQ,EAAE;AADZ,KADqB,EAIrBD,KAJqB;AADzB,KAQGD,QARH,CADF;AAYD;;AAYD,SAASG,eAAT,QASU;AAAA,MATe;AACvBC,IAAAA,WAAW,GAAG,KADS;AAEvBC,IAAAA,UAAU,GAAG,KAFU;AAGvBC,IAAAA,iBAHuB;AAIvBC,IAAAA,cAJuB;AAKvBC,IAAAA,KALuB;AAMvBP,IAAAA,KANuB;AAOvBD,IAAAA,QAPuB;AAQvB,OAAGS;AARoB,GASf;AACR,QAAMC,eAAe,GAAGF,KAAK,CAACG,MAAN,CAAaC,UAArC;AAEA,QAAMC,KAAa,GAAG,CAAC,MAAD,EAAS,OAAT,CAAtB;;AACA,MAAIT,WAAW,IAAIG,cAAnB,EAAmC;AACjCM,IAAAA,KAAK,CAACC,IAAN,CAAW,KAAX;AACD;;AAED,MAAIV,WAAW,IAAIE,iBAAnB,EAAsC;AACpCO,IAAAA,KAAK,CAACC,IAAN,CAAW,QAAX;AACD;;AAED,sBACE,oBAAC,YAAD;AACE,IAAA,KAAK,EAAED,KADT;AAEE,IAAA,KAAK,EAAE,CACLE,MAAM,CAACC,SADF,EAEL;AACEN,MAAAA;AADF,KAFK;AAFT,KAQMD,IARN,gBAUE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACM,MAAM,CAACC,SAAR,EAAmB;AAAEN,MAAAA;AAAF,KAAnB,EAAwCT,KAAxC;AAAb,KACGI,UAAU,gBACT,oBAAC,UAAD;AAAY,IAAA,KAAK,EAAEJ;AAAnB,KAA2BD,QAA3B,CADS,GAGTA,QAJJ,CAVF,CADF;AAoBD;;AAED,MAAMe,MAAM,GAAGrB,UAAU,CAACuB,MAAX,CAAkB;AAC/BD,EAAAA,SAAS,EAAE;AACTE,IAAAA,IAAI,EAAE;AADG;AADoB,CAAlB,CAAf;AAMA,eAAenB,SAAS,CAACI,eAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n  StyleSheet,\n  ScrollView as NativeScrollView,\n  StyleProp,\n  ViewStyle,\n  View,\n} from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport type { Edge } from \"react-native-safe-area-context\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\nfunction ScrollView({\n  children,\n  style,\n}: {\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <NativeScrollView\n      contentContainerStyle={[\n        {\n          flexGrow: 1,\n        },\n        style,\n      ]}\n    >\n      {children}\n    </NativeScrollView>\n  );\n}\n\ntype Props = {\n  hasSafeArea: boolean;\n  scrollable: boolean;\n  hasBottomSafeArea?: boolean;\n  hasTopSafeArea?: boolean;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  children?: React.ReactNode;\n};\n\nfunction ScreenContainer({\n  hasSafeArea = false,\n  scrollable = false,\n  hasBottomSafeArea,\n  hasTopSafeArea,\n  theme,\n  style,\n  children,\n  ...rest\n}: Props) {\n  const backgroundColor = theme.colors.background;\n\n  const edges: Edge[] = [\"left\", \"right\"];\n  if (hasSafeArea || hasTopSafeArea) {\n    edges.push(\"top\");\n  }\n\n  if (hasSafeArea || hasBottomSafeArea) {\n    edges.push(\"bottom\");\n  }\n\n  return (\n    <SafeAreaView\n      edges={edges}\n      style={[\n        styles.container,\n        {\n          backgroundColor,\n        },\n      ]}\n      {...rest}\n    >\n      <View style={[styles.container, { backgroundColor }, style]}>\n        {scrollable ? (\n          <ScrollView style={style}>{children}</ScrollView>\n        ) : (\n          children\n        )}\n      </View>\n    </SafeAreaView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n});\n\nexport default withTheme(ScreenContainer);\n"]}
+{"version":3,"sources":["ScreenContainer.tsx"],"names":["React","StyleSheet","ScrollView","View","SafeAreaView","withTheme","ScreenContainer","hasSafeArea","scrollable","hasBottomSafeArea","hasTopSafeArea","theme","style","children","rest","backgroundColor","colors","background","edges","push","styles","container","scrollViewContainer","create","flex","flexGrow","undefined"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,UADF,EAEEC,UAFF,EAKEC,IALF,QAMO,cANP;AAOA,SAASC,YAAT,QAA6B,gCAA7B;AAEA,SAASC,SAAT,QAA0B,YAA1B;;AAaA,SAASC,eAAT,OASU;AAAA,MATe;AACvBC,IAAAA,WAAW,GAAG,KADS;AAEvBC,IAAAA,UAAU,GAAG,KAFU;AAGvBC,IAAAA,iBAHuB;AAIvBC,IAAAA,cAJuB;AAKvBC,IAAAA,KALuB;AAMvBC,IAAAA,KANuB;AAOvBC,IAAAA,QAPuB;AAQvB,OAAGC;AARoB,GASf;AACR,QAAMC,eAAe,GAAGJ,KAAK,CAACK,MAAN,CAAaC,UAArC;AAEA,QAAMC,KAAa,GAAG,CAAC,MAAD,EAAS,OAAT,CAAtB;;AACA,MAAIX,WAAW,IAAIG,cAAnB,EAAmC;AACjCQ,IAAAA,KAAK,CAACC,IAAN,CAAW,KAAX;AACD;;AAED,MAAIZ,WAAW,IAAIE,iBAAnB,EAAsC;AACpCS,IAAAA,KAAK,CAACC,IAAN,CAAW,QAAX;AACD;;AAED,sBACE,oBAAC,YAAD;AACE,IAAA,KAAK,EAAED,KADT;AAEE,IAAA,KAAK,EAAE,CACLE,MAAM,CAACC,SADF,EAEL;AACEN,MAAAA;AADF,KAFK;AAFT,KAQMD,IARN,GAUGN,UAAU,gBACT,oBAAC,UAAD;AACE,IAAA,qBAAqB,EAAE,CACrBY,MAAM,CAACE,mBADc,EAErB;AAAEP,MAAAA;AAAF,KAFqB,EAGrBH,KAHqB;AADzB,KAOGC,QAPH,CADS,gBAWT,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACO,MAAM,CAACC,SAAR,EAAmB;AAAEN,MAAAA;AAAF,KAAnB,EAAwCH,KAAxC;AAAb,KACGC,QADH,CArBJ,CADF;AA4BD;;AAED,MAAMO,MAAM,GAAGnB,UAAU,CAACsB,MAAX,CAAkB;AAC/BF,EAAAA,SAAS,EAAE;AACTG,IAAAA,IAAI,EAAE;AADG,GADoB;AAI/BF,EAAAA,mBAAmB,EAAE;AACnBG,IAAAA,QAAQ,EAAE,CADS;AAEnBD,IAAAA,IAAI,EAAEE;AAFa;AAJU,CAAlB,CAAf;AAUA,eAAerB,SAAS,CAACC,eAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n  StyleSheet,\n  ScrollView,\n  StyleProp,\n  ViewStyle,\n  View,\n} from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport type { Edge } from \"react-native-safe-area-context\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  hasSafeArea: boolean;\n  scrollable: boolean;\n  hasBottomSafeArea?: boolean;\n  hasTopSafeArea?: boolean;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  children?: React.ReactNode;\n};\n\nfunction ScreenContainer({\n  hasSafeArea = false,\n  scrollable = false,\n  hasBottomSafeArea,\n  hasTopSafeArea,\n  theme,\n  style,\n  children,\n  ...rest\n}: Props) {\n  const backgroundColor = theme.colors.background;\n\n  const edges: Edge[] = [\"left\", \"right\"];\n  if (hasSafeArea || hasTopSafeArea) {\n    edges.push(\"top\");\n  }\n\n  if (hasSafeArea || hasBottomSafeArea) {\n    edges.push(\"bottom\");\n  }\n\n  return (\n    <SafeAreaView\n      edges={edges}\n      style={[\n        styles.container,\n        {\n          backgroundColor,\n        },\n      ]}\n      {...rest}\n    >\n      {scrollable ? (\n        <ScrollView\n          contentContainerStyle={[\n            styles.scrollViewContainer,\n            { backgroundColor },\n            style,\n          ]}\n        >\n          {children}\n        </ScrollView>\n      ) : (\n        <View style={[styles.container, { backgroundColor }, style]}>\n          {children}\n        </View>\n      )}\n    </SafeAreaView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  scrollViewContainer: {\n    flexGrow: 1,\n    flex: undefined,\n  },\n});\n\nexport default withTheme(ScreenContainer);\n"]}

package/lib/module/components/TextField.js

@@ -166,7 +166,6 @@ class TextField extends React.Component {
   }
 
   render() {
-    console.log("TextFielf props", this.props);
     const {
       Icon,
       type = "underline",