@fountain-ui/core 3.0.0-alpha.1 → 3.0.0-alpha.10

package/build/commonjs/TextField/InputLabel.js

@@ -1,163 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _styles = require("../styles");
-
-var _usePaperStyles = _interopRequireDefault(require("../Paper/usePaperStyles"));
-
-var _utils = require("./utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const useStyles = function () {
-  return {
-    background: {
-      position: 'absolute',
-      top: 6,
-      left: 10,
-      bottom: 0,
-      right: 0,
-      width: 8,
-      height: 4
-    },
-    backgroundText: {
-      position: 'absolute',
-      left: 18,
-      paddingHorizontal: 0,
-      color: 'transparent'
-    },
-    placeholder: {
-      position: 'absolute',
-      left: 0,
-      paddingHorizontal: _utils.inputPaddingHorizontal
-    }
-  };
-};
-
-const InputLabel = props => {
-  const {
-    activeColor,
-    animatedError,
-    animatedLabel,
-    error = false,
-    errorColor,
-    focused,
-    fontSize,
-    hasActiveOutline,
-    label,
-    labelLayout,
-    labelScale,
-    labelTranslateX,
-    labelTranslateY,
-    onLayoutAnimatedText,
-    paddingOffset,
-    placeholderColor,
-    placeholderOpacity,
-    topPosition,
-    value
-  } = props;
-  const theme = (0, _styles.useTheme)();
-  const styles = useStyles();
-  const paperStyles = (0, _usePaperStyles.default)();
-  const backgroundStyle = {
-    backgroundColor: (paperStyles === null || paperStyles === void 0 ? void 0 : paperStyles.backgroundColor) ?? theme.palette.background.default
-  };
-  const hasFocus = hasActiveOutline || value;
-  const opacity = animatedLabel.interpolate({
-    inputRange: [0, 1],
-    outputRange: [hasFocus ? 1 : 0, 0]
-  });
-  const labelTranslationX = {
-    transform: [{
-      translateX: animatedLabel.interpolate({
-        inputRange: [0, 1],
-        outputRange: [labelTranslateX, 0 || 0]
-      })
-    }]
-  };
-  const labelTextFontStyle = (0, _styles.createFontStyle)(theme, {
-    selector: typo => typo.caption2
-  });
-  const labelStyle = {
-    fontSize,
-    transform: [{
-      translateX: animatedError.interpolate({
-        inputRange: [0, 0.5, 1],
-        outputRange: [0, value && error ? 4 : 0, 0]
-      })
-    }, {
-      translateY: animatedLabel.interpolate({
-        inputRange: [0, 1],
-        outputRange: [labelTranslateY, 0]
-      })
-    }, {
-      scale: animatedLabel.interpolate({
-        inputRange: [0, 1],
-        outputRange: [labelScale, 1]
-      })
-    }]
-  };
-  return label ? /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
-    pointerEvents: 'none',
-    style: [_reactNative.StyleSheet.absoluteFill, {
-      opacity: value || focused ? labelLayout.measured ? 1 : 0 : 1
-    }, labelTranslationX]
-  }, [/*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
-    key: 'labelBackground-view',
-    pointerEvents: 'none',
-    style: [styles.background, backgroundStyle, {
-      opacity,
-      transform: [{
-        translateX: animatedLabel.interpolate({
-          inputRange: [0, 1],
-          outputRange: [-labelTranslateX, 0]
-        })
-      }]
-    }]
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.Text, {
-    key: 'labelBackground-text',
-    style: [labelTextFontStyle, styles.placeholder, styles.backgroundText, backgroundStyle, labelStyle, {
-      top: topPosition + 1,
-      opacity,
-      transform: [...labelStyle.transform, {
-        scaleY: animatedLabel.interpolate({
-          inputRange: [0, 1],
-          outputRange: [0.2, 1]
-        })
-      }]
-    }],
-    numberOfLines: 1
-  }, label)], /*#__PURE__*/_react.default.createElement(_reactNative.Animated.Text, {
-    onLayout: onLayoutAnimatedText,
-    style: [styles.placeholder, labelTextFontStyle, labelStyle, paddingOffset, {
-      textAlign: 'left',
-      top: topPosition,
-      color: error && errorColor ? errorColor : activeColor,
-      opacity: animatedLabel.interpolate({
-        inputRange: [0, 1],
-        outputRange: [hasActiveOutline ? 1 : 0, 0]
-      })
-    }],
-    numberOfLines: 1
-  }, label), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.Text, {
-    style: [styles.placeholder, labelTextFontStyle, labelStyle, paddingOffset, {
-      textAlign: 'left',
-      top: topPosition,
-      color: error && errorColor ? errorColor : placeholderColor,
-      opacity: placeholderOpacity
-    }],
-    numberOfLines: 1
-  }, label)) : null;
-};
-
-var _default = InputLabel;
-exports.default = _default;
-//# sourceMappingURL=InputLabel.js.map

package/build/commonjs/TextField/InputLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useStyles","background","position","top","left","bottom","right","width","height","backgroundText","paddingHorizontal","color","placeholder","inputPaddingHorizontal","InputLabel","props","activeColor","animatedError","animatedLabel","error","errorColor","focused","fontSize","hasActiveOutline","label","labelLayout","labelScale","labelTranslateX","labelTranslateY","onLayoutAnimatedText","paddingOffset","placeholderColor","placeholderOpacity","topPosition","value","theme","useTheme","styles","paperStyles","usePaperStyles","backgroundStyle","backgroundColor","palette","default","hasFocus","opacity","interpolate","inputRange","outputRange","labelTranslationX","transform","translateX","labelTextFontStyle","createFontStyle","selector","typo","caption2","labelStyle","translateY","scale","StyleSheet","absoluteFill","measured","scaleY","textAlign"],"sources":["InputLabel.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, LayoutChangeEvent, StyleSheet } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { createFontStyle, useTheme } from '../styles';\nimport usePaperStyles from '../Paper/usePaperStyles';\nimport { inputPaddingHorizontal } from './utils';\n\ninterface LabelProps {\n    activeColor: string;\n    animatedError: Animated.Value;\n    animatedLabel: Animated.Value;\n    error?: boolean;\n    errorColor?: string;\n    focused?: boolean;\n    fontSize?: number;\n    hasActiveOutline?: boolean;\n    label?: string;\n    labelLayout: { measured: boolean; width: number; height: number };\n    labelScale: number;\n    labelTranslateX: number;\n    labelTranslateY: number;\n    onLayoutAnimatedText: (event: LayoutChangeEvent) => void;\n    paddingOffset?: { paddingLeft: number; paddingRight: number };\n    placeholder?: string;\n    placeholderColor?: string;\n    placeholderOpacity: number | Animated.AnimatedInterpolation;\n    topPosition: number;\n    value?: string;\n}\n\ntype InputLabelStyles = NamedStylesStringUnion<'background' | 'backgroundText' | 'placeholder'>;\n\nconst useStyles: UseStyles<InputLabelStyles> = function (): InputLabelStyles {\n    return {\n        background: {\n            position: 'absolute',\n            top: 6,\n            left: 10,\n            bottom: 0,\n            right: 0,\n            width: 8,\n            height: 4,\n        },\n        backgroundText: {\n            position: 'absolute',\n            left: 18,\n            paddingHorizontal: 0,\n            color: 'transparent',\n        },\n        placeholder: {\n            position: 'absolute',\n            left: 0,\n            paddingHorizontal: inputPaddingHorizontal,\n        },\n    };\n};\n\nconst InputLabel = (props: LabelProps) => {\n    const {\n        activeColor,\n        animatedError,\n        animatedLabel,\n        error = false,\n        errorColor,\n        focused,\n        fontSize,\n        hasActiveOutline,\n        label,\n        labelLayout,\n        labelScale,\n        labelTranslateX,\n        labelTranslateY,\n        onLayoutAnimatedText,\n        paddingOffset,\n        placeholderColor,\n        placeholderOpacity,\n        topPosition,\n        value,\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const paperStyles = usePaperStyles();\n\n    const backgroundStyle = {\n        backgroundColor: paperStyles?.backgroundColor ?? theme.palette.background.default,\n    };\n\n    const hasFocus = hasActiveOutline || value;\n    const opacity = animatedLabel.interpolate({\n        inputRange: [0, 1],\n        outputRange: [hasFocus ? 1 : 0, 0],\n    });\n\n    const labelTranslationX = {\n        transform: [\n            {\n                translateX: animatedLabel.interpolate({\n                    inputRange: [0, 1],\n                    outputRange: [labelTranslateX, 0 || 0],\n                }),\n            },\n        ],\n    };\n\n    const labelTextFontStyle = createFontStyle(theme, { selector: (typo) => typo.caption2 });\n\n    const labelStyle = {\n        fontSize,\n        transform: [\n            {\n                translateX: animatedError.interpolate({\n                    inputRange: [0, 0.5, 1],\n                    outputRange: [0, value && error ? 4 : 0, 0],\n                }),\n            },\n            {\n                translateY: animatedLabel.interpolate({\n                    inputRange: [0, 1],\n                    outputRange: [labelTranslateY, 0],\n                }),\n            },\n            {\n                scale: animatedLabel.interpolate({\n                    inputRange: [0, 1],\n                    outputRange: [labelScale, 1],\n                }),\n            },\n        ],\n    };\n\n    return (label ? (\n        <Animated.View\n            pointerEvents={'none'}\n            style={[\n                StyleSheet.absoluteFill,\n                {\n                    opacity: value || focused ? (labelLayout.measured ? 1 : 0) : 1,\n                },\n                labelTranslationX,\n            ]}\n        >\n            {[\n                <Animated.View\n                    key={'labelBackground-view'}\n                    pointerEvents={'none'}\n                    style={[\n                        styles.background,\n                        backgroundStyle,\n                        {\n                            opacity,\n                            transform: [\n                                {\n                                    translateX: animatedLabel.interpolate({\n                                        inputRange: [0, 1],\n                                        outputRange: [-labelTranslateX, 0],\n                                    }),\n                                },\n                            ],\n                        },\n                    ]}\n                />,\n                <Animated.Text\n                    key={'labelBackground-text'}\n                    style={[\n                        labelTextFontStyle,\n                        styles.placeholder,\n                        styles.backgroundText,\n                        backgroundStyle,\n                        labelStyle,\n                        {\n                            top: topPosition + 1,\n                            opacity,\n                            transform: [\n                                ...labelStyle.transform,\n                                {\n                                    scaleY: animatedLabel.interpolate({\n                                        inputRange: [0, 1],\n                                        outputRange: [0.2, 1],\n                                    }),\n                                },\n                            ],\n                        },\n                    ]}\n                    numberOfLines={1}\n                >\n                    {label}\n                </Animated.Text>,\n            ]}\n            <Animated.Text\n                onLayout={onLayoutAnimatedText}\n                style={[\n                    styles.placeholder,\n                    labelTextFontStyle,\n                    labelStyle,\n                    paddingOffset,\n                    {\n                        textAlign: 'left',\n                        top: topPosition,\n                        color: error && errorColor ? errorColor : activeColor,\n                        opacity: animatedLabel.interpolate({\n                            inputRange: [0, 1],\n                            outputRange: [hasActiveOutline ? 1 : 0, 0],\n                        }),\n                    },\n                ]}\n                numberOfLines={1}\n            >\n                {label}\n            </Animated.Text>\n            <Animated.Text\n                style={[\n                    styles.placeholder,\n                    labelTextFontStyle,\n                    labelStyle,\n                    paddingOffset,\n                    {\n                        textAlign: 'left',\n                        top: topPosition,\n                        color: error && errorColor ? errorColor : placeholderColor,\n                        opacity: placeholderOpacity,\n                    },\n                ]}\n                numberOfLines={1}\n            >\n                {label}\n            </Animated.Text>\n        </Animated.View>\n    ) : null);\n};\n\nexport default InputLabel;\n"],"mappings":"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"}

package/build/module/TextField/InputLabel.js

@@ -1,149 +0,0 @@
-import React from 'react';
-import { Animated, StyleSheet } from 'react-native';
-import { createFontStyle, useTheme } from '../styles';
-import usePaperStyles from '../Paper/usePaperStyles';
-import { inputPaddingHorizontal } from './utils';
-
-const useStyles = function () {
-  return {
-    background: {
-      position: 'absolute',
-      top: 6,
-      left: 10,
-      bottom: 0,
-      right: 0,
-      width: 8,
-      height: 4
-    },
-    backgroundText: {
-      position: 'absolute',
-      left: 18,
-      paddingHorizontal: 0,
-      color: 'transparent'
-    },
-    placeholder: {
-      position: 'absolute',
-      left: 0,
-      paddingHorizontal: inputPaddingHorizontal
-    }
-  };
-};
-
-const InputLabel = props => {
-  const {
-    activeColor,
-    animatedError,
-    animatedLabel,
-    error = false,
-    errorColor,
-    focused,
-    fontSize,
-    hasActiveOutline,
-    label,
-    labelLayout,
-    labelScale,
-    labelTranslateX,
-    labelTranslateY,
-    onLayoutAnimatedText,
-    paddingOffset,
-    placeholderColor,
-    placeholderOpacity,
-    topPosition,
-    value
-  } = props;
-  const theme = useTheme();
-  const styles = useStyles();
-  const paperStyles = usePaperStyles();
-  const backgroundStyle = {
-    backgroundColor: (paperStyles === null || paperStyles === void 0 ? void 0 : paperStyles.backgroundColor) ?? theme.palette.background.default
-  };
-  const hasFocus = hasActiveOutline || value;
-  const opacity = animatedLabel.interpolate({
-    inputRange: [0, 1],
-    outputRange: [hasFocus ? 1 : 0, 0]
-  });
-  const labelTranslationX = {
-    transform: [{
-      translateX: animatedLabel.interpolate({
-        inputRange: [0, 1],
-        outputRange: [labelTranslateX, 0 || 0]
-      })
-    }]
-  };
-  const labelTextFontStyle = createFontStyle(theme, {
-    selector: typo => typo.caption2
-  });
-  const labelStyle = {
-    fontSize,
-    transform: [{
-      translateX: animatedError.interpolate({
-        inputRange: [0, 0.5, 1],
-        outputRange: [0, value && error ? 4 : 0, 0]
-      })
-    }, {
-      translateY: animatedLabel.interpolate({
-        inputRange: [0, 1],
-        outputRange: [labelTranslateY, 0]
-      })
-    }, {
-      scale: animatedLabel.interpolate({
-        inputRange: [0, 1],
-        outputRange: [labelScale, 1]
-      })
-    }]
-  };
-  return label ? /*#__PURE__*/React.createElement(Animated.View, {
-    pointerEvents: 'none',
-    style: [StyleSheet.absoluteFill, {
-      opacity: value || focused ? labelLayout.measured ? 1 : 0 : 1
-    }, labelTranslationX]
-  }, [/*#__PURE__*/React.createElement(Animated.View, {
-    key: 'labelBackground-view',
-    pointerEvents: 'none',
-    style: [styles.background, backgroundStyle, {
-      opacity,
-      transform: [{
-        translateX: animatedLabel.interpolate({
-          inputRange: [0, 1],
-          outputRange: [-labelTranslateX, 0]
-        })
-      }]
-    }]
-  }), /*#__PURE__*/React.createElement(Animated.Text, {
-    key: 'labelBackground-text',
-    style: [labelTextFontStyle, styles.placeholder, styles.backgroundText, backgroundStyle, labelStyle, {
-      top: topPosition + 1,
-      opacity,
-      transform: [...labelStyle.transform, {
-        scaleY: animatedLabel.interpolate({
-          inputRange: [0, 1],
-          outputRange: [0.2, 1]
-        })
-      }]
-    }],
-    numberOfLines: 1
-  }, label)], /*#__PURE__*/React.createElement(Animated.Text, {
-    onLayout: onLayoutAnimatedText,
-    style: [styles.placeholder, labelTextFontStyle, labelStyle, paddingOffset, {
-      textAlign: 'left',
-      top: topPosition,
-      color: error && errorColor ? errorColor : activeColor,
-      opacity: animatedLabel.interpolate({
-        inputRange: [0, 1],
-        outputRange: [hasActiveOutline ? 1 : 0, 0]
-      })
-    }],
-    numberOfLines: 1
-  }, label), /*#__PURE__*/React.createElement(Animated.Text, {
-    style: [styles.placeholder, labelTextFontStyle, labelStyle, paddingOffset, {
-      textAlign: 'left',
-      top: topPosition,
-      color: error && errorColor ? errorColor : placeholderColor,
-      opacity: placeholderOpacity
-    }],
-    numberOfLines: 1
-  }, label)) : null;
-};
-
-export default InputLabel;
-//# sourceMappingURL=InputLabel.js.map

package/build/module/TextField/InputLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Animated","StyleSheet","createFontStyle","useTheme","usePaperStyles","inputPaddingHorizontal","useStyles","background","position","top","left","bottom","right","width","height","backgroundText","paddingHorizontal","color","placeholder","InputLabel","props","activeColor","animatedError","animatedLabel","error","errorColor","focused","fontSize","hasActiveOutline","label","labelLayout","labelScale","labelTranslateX","labelTranslateY","onLayoutAnimatedText","paddingOffset","placeholderColor","placeholderOpacity","topPosition","value","theme","styles","paperStyles","backgroundStyle","backgroundColor","palette","default","hasFocus","opacity","interpolate","inputRange","outputRange","labelTranslationX","transform","translateX","labelTextFontStyle","selector","typo","caption2","labelStyle","translateY","scale","absoluteFill","measured","scaleY","textAlign"],"sources":["InputLabel.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, LayoutChangeEvent, StyleSheet } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { createFontStyle, useTheme } from '../styles';\nimport usePaperStyles from '../Paper/usePaperStyles';\nimport { inputPaddingHorizontal } from './utils';\n\ninterface LabelProps {\n    activeColor: string;\n    animatedError: Animated.Value;\n    animatedLabel: Animated.Value;\n    error?: boolean;\n    errorColor?: string;\n    focused?: boolean;\n    fontSize?: number;\n    hasActiveOutline?: boolean;\n    label?: string;\n    labelLayout: { measured: boolean; width: number; height: number };\n    labelScale: number;\n    labelTranslateX: number;\n    labelTranslateY: number;\n    onLayoutAnimatedText: (event: LayoutChangeEvent) => void;\n    paddingOffset?: { paddingLeft: number; paddingRight: number };\n    placeholder?: string;\n    placeholderColor?: string;\n    placeholderOpacity: number | Animated.AnimatedInterpolation;\n    topPosition: number;\n    value?: string;\n}\n\ntype InputLabelStyles = NamedStylesStringUnion<'background' | 'backgroundText' | 'placeholder'>;\n\nconst useStyles: UseStyles<InputLabelStyles> = function (): InputLabelStyles {\n    return {\n        background: {\n            position: 'absolute',\n            top: 6,\n            left: 10,\n            bottom: 0,\n            right: 0,\n            width: 8,\n            height: 4,\n        },\n        backgroundText: {\n            position: 'absolute',\n            left: 18,\n            paddingHorizontal: 0,\n            color: 'transparent',\n        },\n        placeholder: {\n            position: 'absolute',\n            left: 0,\n            paddingHorizontal: inputPaddingHorizontal,\n        },\n    };\n};\n\nconst InputLabel = (props: LabelProps) => {\n    const {\n        activeColor,\n        animatedError,\n        animatedLabel,\n        error = false,\n        errorColor,\n        focused,\n        fontSize,\n        hasActiveOutline,\n        label,\n        labelLayout,\n        labelScale,\n        labelTranslateX,\n        labelTranslateY,\n        onLayoutAnimatedText,\n        paddingOffset,\n        placeholderColor,\n        placeholderOpacity,\n        topPosition,\n        value,\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const paperStyles = usePaperStyles();\n\n    const backgroundStyle = {\n        backgroundColor: paperStyles?.backgroundColor ?? theme.palette.background.default,\n    };\n\n    const hasFocus = hasActiveOutline || value;\n    const opacity = animatedLabel.interpolate({\n        inputRange: [0, 1],\n        outputRange: [hasFocus ? 1 : 0, 0],\n    });\n\n    const labelTranslationX = {\n        transform: [\n            {\n                translateX: animatedLabel.interpolate({\n                    inputRange: [0, 1],\n                    outputRange: [labelTranslateX, 0 || 0],\n                }),\n            },\n        ],\n    };\n\n    const labelTextFontStyle = createFontStyle(theme, { selector: (typo) => typo.caption2 });\n\n    const labelStyle = {\n        fontSize,\n        transform: [\n            {\n                translateX: animatedError.interpolate({\n                    inputRange: [0, 0.5, 1],\n                    outputRange: [0, value && error ? 4 : 0, 0],\n                }),\n            },\n            {\n                translateY: animatedLabel.interpolate({\n                    inputRange: [0, 1],\n                    outputRange: [labelTranslateY, 0],\n                }),\n            },\n            {\n                scale: animatedLabel.interpolate({\n                    inputRange: [0, 1],\n                    outputRange: [labelScale, 1],\n                }),\n            },\n        ],\n    };\n\n    return (label ? (\n        <Animated.View\n            pointerEvents={'none'}\n            style={[\n                StyleSheet.absoluteFill,\n                {\n                    opacity: value || focused ? (labelLayout.measured ? 1 : 0) : 1,\n                },\n                labelTranslationX,\n            ]}\n        >\n            {[\n                <Animated.View\n                    key={'labelBackground-view'}\n                    pointerEvents={'none'}\n                    style={[\n                        styles.background,\n                        backgroundStyle,\n                        {\n                            opacity,\n                            transform: [\n                                {\n                                    translateX: animatedLabel.interpolate({\n                                        inputRange: [0, 1],\n                                        outputRange: [-labelTranslateX, 0],\n                                    }),\n                                },\n                            ],\n                        },\n                    ]}\n                />,\n                <Animated.Text\n                    key={'labelBackground-text'}\n                    style={[\n                        labelTextFontStyle,\n                        styles.placeholder,\n                        styles.backgroundText,\n                        backgroundStyle,\n                        labelStyle,\n                        {\n                            top: topPosition + 1,\n                            opacity,\n                            transform: [\n                                ...labelStyle.transform,\n                                {\n                                    scaleY: animatedLabel.interpolate({\n                                        inputRange: [0, 1],\n                                        outputRange: [0.2, 1],\n                                    }),\n                                },\n                            ],\n                        },\n                    ]}\n                    numberOfLines={1}\n                >\n                    {label}\n                </Animated.Text>,\n            ]}\n            <Animated.Text\n                onLayout={onLayoutAnimatedText}\n                style={[\n                    styles.placeholder,\n                    labelTextFontStyle,\n                    labelStyle,\n                    paddingOffset,\n                    {\n                        textAlign: 'left',\n                        top: topPosition,\n                        color: error && errorColor ? errorColor : activeColor,\n                        opacity: animatedLabel.interpolate({\n                            inputRange: [0, 1],\n                            outputRange: [hasActiveOutline ? 1 : 0, 0],\n                        }),\n                    },\n                ]}\n                numberOfLines={1}\n            >\n                {label}\n            </Animated.Text>\n            <Animated.Text\n                style={[\n                    styles.placeholder,\n                    labelTextFontStyle,\n                    labelStyle,\n                    paddingOffset,\n                    {\n                        textAlign: 'left',\n                        top: topPosition,\n                        color: error && errorColor ? errorColor : placeholderColor,\n                        opacity: placeholderOpacity,\n                    },\n                ]}\n                numberOfLines={1}\n            >\n                {label}\n            </Animated.Text>\n        </Animated.View>\n    ) : null);\n};\n\nexport default InputLabel;\n"],"mappings":"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"}

package/build/typescript/TextField/InputLabel.d.ts

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-import { Animated, LayoutChangeEvent } from 'react-native';
-interface LabelProps {
-    activeColor: string;
-    animatedError: Animated.Value;
-    animatedLabel: Animated.Value;
-    error?: boolean;
-    errorColor?: string;
-    focused?: boolean;
-    fontSize?: number;
-    hasActiveOutline?: boolean;
-    label?: string;
-    labelLayout: {
-        measured: boolean;
-        width: number;
-        height: number;
-    };
-    labelScale: number;
-    labelTranslateX: number;
-    labelTranslateY: number;
-    onLayoutAnimatedText: (event: LayoutChangeEvent) => void;
-    paddingOffset?: {
-        paddingLeft: number;
-        paddingRight: number;
-    };
-    placeholder?: string;
-    placeholderColor?: string;
-    placeholderOpacity: number | Animated.AnimatedInterpolation;
-    topPosition: number;
-    value?: string;
-}
-declare const InputLabel: (props: LabelProps) => JSX.Element | null;
-export default InputLabel;

package/src/TextField/InputLabel.tsx

@@ -1,234 +0,0 @@
-import React from 'react';
-import { Animated, LayoutChangeEvent, StyleSheet } from 'react-native';
-import { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';
-import { createFontStyle, useTheme } from '../styles';
-import usePaperStyles from '../Paper/usePaperStyles';
-import { inputPaddingHorizontal } from './utils';
-
-interface LabelProps {
-    activeColor: string;
-    animatedError: Animated.Value;
-    animatedLabel: Animated.Value;
-    error?: boolean;
-    errorColor?: string;
-    focused?: boolean;
-    fontSize?: number;
-    hasActiveOutline?: boolean;
-    label?: string;
-    labelLayout: { measured: boolean; width: number; height: number };
-    labelScale: number;
-    labelTranslateX: number;
-    labelTranslateY: number;
-    onLayoutAnimatedText: (event: LayoutChangeEvent) => void;
-    paddingOffset?: { paddingLeft: number; paddingRight: number };
-    placeholder?: string;
-    placeholderColor?: string;
-    placeholderOpacity: number | Animated.AnimatedInterpolation;
-    topPosition: number;
-    value?: string;
-}
-
-type InputLabelStyles = NamedStylesStringUnion<'background' | 'backgroundText' | 'placeholder'>;
-
-const useStyles: UseStyles<InputLabelStyles> = function (): InputLabelStyles {
-    return {
-        background: {
-            position: 'absolute',
-            top: 6,
-            left: 10,
-            bottom: 0,
-            right: 0,
-            width: 8,
-            height: 4,
-        },
-        backgroundText: {
-            position: 'absolute',
-            left: 18,
-            paddingHorizontal: 0,
-            color: 'transparent',
-        },
-        placeholder: {
-            position: 'absolute',
-            left: 0,
-            paddingHorizontal: inputPaddingHorizontal,
-        },
-    };
-};
-
-const InputLabel = (props: LabelProps) => {
-    const {
-        activeColor,
-        animatedError,
-        animatedLabel,
-        error = false,
-        errorColor,
-        focused,
-        fontSize,
-        hasActiveOutline,
-        label,
-        labelLayout,
-        labelScale,
-        labelTranslateX,
-        labelTranslateY,
-        onLayoutAnimatedText,
-        paddingOffset,
-        placeholderColor,
-        placeholderOpacity,
-        topPosition,
-        value,
-    } = props;
-
-    const theme = useTheme();
-
-    const styles = useStyles();
-
-    const paperStyles = usePaperStyles();
-
-    const backgroundStyle = {
-        backgroundColor: paperStyles?.backgroundColor ?? theme.palette.background.default,
-    };
-
-    const hasFocus = hasActiveOutline || value;
-    const opacity = animatedLabel.interpolate({
-        inputRange: [0, 1],
-        outputRange: [hasFocus ? 1 : 0, 0],
-    });
-
-    const labelTranslationX = {
-        transform: [
-            {
-                translateX: animatedLabel.interpolate({
-                    inputRange: [0, 1],
-                    outputRange: [labelTranslateX, 0 || 0],
-                }),
-            },
-        ],
-    };
-
-    const labelTextFontStyle = createFontStyle(theme, { selector: (typo) => typo.caption2 });
-
-    const labelStyle = {
-        fontSize,
-        transform: [
-            {
-                translateX: animatedError.interpolate({
-                    inputRange: [0, 0.5, 1],
-                    outputRange: [0, value && error ? 4 : 0, 0],
-                }),
-            },
-            {
-                translateY: animatedLabel.interpolate({
-                    inputRange: [0, 1],
-                    outputRange: [labelTranslateY, 0],
-                }),
-            },
-            {
-                scale: animatedLabel.interpolate({
-                    inputRange: [0, 1],
-                    outputRange: [labelScale, 1],
-                }),
-            },
-        ],
-    };
-
-    return (label ? (
-        <Animated.View
-            pointerEvents={'none'}
-            style={[
-                StyleSheet.absoluteFill,
-                {
-                    opacity: value || focused ? (labelLayout.measured ? 1 : 0) : 1,
-                },
-                labelTranslationX,
-            ]}
-        >
-            {[
-                <Animated.View
-                    key={'labelBackground-view'}
-                    pointerEvents={'none'}
-                    style={[
-                        styles.background,
-                        backgroundStyle,
-                        {
-                            opacity,
-                            transform: [
-                                {
-                                    translateX: animatedLabel.interpolate({
-                                        inputRange: [0, 1],
-                                        outputRange: [-labelTranslateX, 0],
-                                    }),
-                                },
-                            ],
-                        },
-                    ]}
-                />,
-                <Animated.Text
-                    key={'labelBackground-text'}
-                    style={[
-                        labelTextFontStyle,
-                        styles.placeholder,
-                        styles.backgroundText,
-                        backgroundStyle,
-                        labelStyle,
-                        {
-                            top: topPosition + 1,
-                            opacity,
-                            transform: [
-                                ...labelStyle.transform,
-                                {
-                                    scaleY: animatedLabel.interpolate({
-                                        inputRange: [0, 1],
-                                        outputRange: [0.2, 1],
-                                    }),
-                                },
-                            ],
-                        },
-                    ]}
-                    numberOfLines={1}
-                >
-                    {label}
-                </Animated.Text>,
-            ]}
-            <Animated.Text
-                onLayout={onLayoutAnimatedText}
-                style={[
-                    styles.placeholder,
-                    labelTextFontStyle,
-                    labelStyle,
-                    paddingOffset,
-                    {
-                        textAlign: 'left',
-                        top: topPosition,
-                        color: error && errorColor ? errorColor : activeColor,
-                        opacity: animatedLabel.interpolate({
-                            inputRange: [0, 1],
-                            outputRange: [hasActiveOutline ? 1 : 0, 0],
-                        }),
-                    },
-                ]}
-                numberOfLines={1}
-            >
-                {label}
-            </Animated.Text>
-            <Animated.Text
-                style={[
-                    styles.placeholder,
-                    labelTextFontStyle,
-                    labelStyle,
-                    paddingOffset,
-                    {
-                        textAlign: 'left',
-                        top: topPosition,
-                        color: error && errorColor ? errorColor : placeholderColor,
-                        opacity: placeholderOpacity,
-                    },
-                ]}
-                numberOfLines={1}
-            >
-                {label}
-            </Animated.Text>
-        </Animated.View>
-    ) : null);
-};
-
-export default InputLabel;