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

package/src/internal/icons/ChevronRight.tsx

@@ -4,7 +4,10 @@ import { createSvgIcon } from '../../utils';
 
 export default createSvgIcon(
     <Path
-        d="M16.4141 12L9.70696 18.7071C9.31643 19.0976 8.68327 19.0976 8.29274 18.7071C7.90222 18.3166 7.90222 17.6834 8.29274 17.2929L13.5856 12L8.29274 6.70711C7.90222 6.31658 7.90222 5.68342 8.29274 5.29289C8.68327 4.90237 9.31643 4.90237 9.70696 5.29289L16.4141 12Z"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8 12C8 12.2652 7.89464 12.5196 7.70711 12.7071L1.70711 18.7071C1.31658 19.0976 0.683417 19.0976 0.292892 18.7071C-0.0976309 18.3166 -0.0976309 17.6834 0.292893 17.2929L5.58579 12L0.292894 6.70711C-0.0976304 6.31658 -0.0976304 5.68342 0.292895 5.29289C0.683418 4.90237 1.31658 4.90237 1.70711 5.29289L7.70711 11.2929C7.89464 11.4804 8 11.7348 8 12Z"
     />,
     'ChevronRight',
+    '0 0 8 24',
 );

package/src/internal/icons/Close.tsx

@@ -4,7 +4,10 @@ import { createSvgIcon } from '../../utils';
 
 export default createSvgIcon(
     <Path
-        d="M19.7071 5.70711C20.0976 5.31658 20.0976 4.68342 19.7071 4.29289C19.3166 3.90237 18.6834 3.90237 18.2929 4.29289L12 10.5858L5.70711 4.29292C5.31658 3.9024 4.68342 3.9024 4.29289 4.29292C3.90237 4.68345 3.90237 5.31661 4.29289 5.70714L10.5858 12L4.29289 18.2929C3.90237 18.6834 3.90237 19.3166 4.29289 19.7071C4.68342 20.0976 5.31658 20.0976 5.70711 19.7071L12 13.4142L18.2929 19.7071C18.6834 20.0977 19.3166 20.0977 19.7071 19.7071C20.0976 19.3166 20.0976 18.6834 19.7071 18.2929L13.4142 12L19.7071 5.70711Z"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.292893 5.29289C0.683417 4.90237 1.31658 4.90237 1.70711 5.29289L7 10.5858L12.2929 5.29289C12.6834 4.90237 13.3166 4.90237 13.7071 5.29289C14.0976 5.68342 14.0976 6.31658 13.7071 6.70711L8.41421 12L13.7071 17.2929C14.0976 17.6834 14.0976 18.3166 13.7071 18.7071C13.3166 19.0976 12.6834 19.0976 12.2929 18.7071L7 13.4142L1.70711 18.7071C1.31658 19.0976 0.683417 19.0976 0.292893 18.7071C-0.0976311 18.3166 -0.0976311 17.6834 0.292893 17.2929L5.58579 12L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289Z"
     />,
     'Close',
+    '0 0 14 24',
 );

package/build/commonjs/ButtonBase/LegacyButtonBase.js

@@ -1,126 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ORIGINAL_OPACITY = exports.DISABLED_OPACITY = void 0;
-exports.default = ButtonBase;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _hooks = require("../hooks");
-
-var _utils = require("../utils");
-
-var _animated = require("../animated");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const ORIGINAL_OPACITY = 1;
-exports.ORIGINAL_OPACITY = ORIGINAL_OPACITY;
-const DISABLED_OPACITY = .3;
-exports.DISABLED_OPACITY = DISABLED_OPACITY;
-const ACTIVE_OPACITY = .65;
-const ORIGINAL_SCALE = 1;
-const MINIFIED_SCALE = .96; // at "node_modules/react-native/Libraries/Pressability.js"
-// const DEFAULT_MIN_PRESS_DURATION = 130;
-
-const SCALE_EFFECT_PRESS_IN_DELAY = 130;
-const OPACITY_EFFECT_PRESS_IN_DELAY = 0;
-
-const startTimingAnimationWithDefaults = (value, toValue) => {
-  _reactNative.Animated.timing(value, {
-    toValue,
-    duration: 150,
-    useNativeDriver: _utils.isNotAndroid12
-  }).start();
-};
-
-const getOpacityByDisabled = disabled => disabled ? DISABLED_OPACITY : ORIGINAL_OPACITY;
-
-function ButtonBase(props) {
-  const {
-    children,
-    disabled = false,
-    disableThrottle = false,
-    onPress,
-    onPressOut,
-    pressEffect = 'opacity',
-    pressDelay: pressDelayOrNil,
-    style: styleProp,
-    throttleMillis = 650,
-    ...otherProps
-  } = props;
-  const handlePress = (0, _hooks.useThrottle)({
-    periodMillis: disableThrottle ? 0 : throttleMillis,
-    callback: onPress
-  });
-  const opacity = (0, _hooks.useAnimatedValue)(getOpacityByDisabled(disabled));
-  const scale = (0, _hooks.useAnimatedValue)(ORIGINAL_SCALE);
-  (0, _react.useEffect)(() => {
-    opacity.setValue(getOpacityByDisabled(disabled));
-  }, [disabled, pressEffect]);
-  const startScaleAnimation = (0, _react.useCallback)((pressIn, isHover) => {
-    if (!isHover) {
-      startTimingAnimationWithDefaults(scale, pressIn ? MINIFIED_SCALE : ORIGINAL_SCALE);
-    }
-  }, []);
-  const startOpacityAnimation = (0, _react.useCallback)(pressIn => {
-    if (pressIn) {
-      opacity.setValue(ACTIVE_OPACITY);
-    } else {
-      startTimingAnimationWithDefaults(opacity, ORIGINAL_OPACITY);
-    }
-  }, []);
-  const startPressAnimation = (0, _react.useCallback)(function (pressIn) {
-    let isHover = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-    if (pressEffect === 'scale') {
-      startScaleAnimation(pressIn, isHover);
-    } else if (pressEffect === 'opacity') {
-      startOpacityAnimation(pressIn, isHover);
-    }
-  }, [pressEffect]);
-  const handlePressIn = (0, _react.useCallback)(() => {
-    startPressAnimation(true, false);
-  }, [startPressAnimation]);
-  const handlePressOut = (0, _react.useCallback)(() => {
-    onPressOut && onPressOut();
-    startPressAnimation(false, false);
-  }, [startPressAnimation, onPressOut]);
-  const animatedStyle = {
-    opacity,
-    transform: [{
-      scale
-    }]
-  };
-  const defaultPressDelay = pressEffect === 'scale' ? SCALE_EFFECT_PRESS_IN_DELAY : OPACITY_EFFECT_PRESS_IN_DELAY;
-  const pressDelay = pressDelayOrNil ?? defaultPressDelay;
-  return /*#__PURE__*/_react.default.createElement(_animated.AnimatedPressable, _extends({
-    disabled: disabled,
-    onPress: handlePress,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
-    style: [animatedStyle, styleProp],
-    unstable_pressDelay: pressDelay
-  }, otherProps), typeof children !== 'function' ? _ref => {
-    let {
-      hovered
-    } = _ref;
-
-    if (hovered !== undefined && !disabled) {
-      startPressAnimation(hovered, true);
-    }
-
-    return children;
-  } : children);
-}
-
-;
-//# sourceMappingURL=LegacyButtonBase.js.map

package/build/commonjs/ButtonBase/LegacyButtonBase.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ORIGINAL_OPACITY","DISABLED_OPACITY","ACTIVE_OPACITY","ORIGINAL_SCALE","MINIFIED_SCALE","SCALE_EFFECT_PRESS_IN_DELAY","OPACITY_EFFECT_PRESS_IN_DELAY","startTimingAnimationWithDefaults","value","toValue","Animated","timing","duration","useNativeDriver","isNotAndroid12","start","getOpacityByDisabled","disabled","ButtonBase","props","children","disableThrottle","onPress","onPressOut","pressEffect","pressDelay","pressDelayOrNil","style","styleProp","throttleMillis","otherProps","handlePress","useThrottle","periodMillis","callback","opacity","useAnimatedValue","scale","useEffect","setValue","startScaleAnimation","useCallback","pressIn","isHover","startOpacityAnimation","startPressAnimation","handlePressIn","handlePressOut","animatedStyle","transform","defaultPressDelay","hovered","undefined"],"sources":["LegacyButtonBase.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { Animated } from 'react-native';\nimport { useAnimatedValue, useThrottle } from '../hooks';\nimport { isNotAndroid12 } from '../utils';\nimport { AnimatedPressable } from '../animated';\nimport type ButtonBaseProps from './ButtonBaseProps';\n\ninterface StartPressAnimation {\n    (pressIn: boolean, isHover: boolean): void;\n}\n\nexport const ORIGINAL_OPACITY = 1;\nexport const DISABLED_OPACITY = .3;\nconst ACTIVE_OPACITY = .65;\n\nconst ORIGINAL_SCALE = 1;\nconst MINIFIED_SCALE = .96;\n\n// at \"node_modules/react-native/Libraries/Pressability.js\"\n// const DEFAULT_MIN_PRESS_DURATION = 130;\nconst SCALE_EFFECT_PRESS_IN_DELAY = 130;\nconst OPACITY_EFFECT_PRESS_IN_DELAY = 0;\n\ntype TimingAnimationValue = Animated.Value | Animated.ValueXY;\ntype TimingAnimationToValue = Animated.TimingAnimationConfig['toValue'];\n\nconst startTimingAnimationWithDefaults = (\n    value: TimingAnimationValue,\n    toValue: TimingAnimationToValue,\n) => {\n    Animated.timing(value, {\n        toValue,\n        duration: 150,\n        useNativeDriver: isNotAndroid12,\n    }).start();\n};\n\nconst getOpacityByDisabled = (disabled: boolean) => disabled ? DISABLED_OPACITY : ORIGINAL_OPACITY;\n\nexport default function ButtonBase(props: ButtonBaseProps) {\n    const {\n        children,\n        disabled = false,\n        disableThrottle = false,\n        onPress,\n        onPressOut,\n        pressEffect = 'opacity',\n        pressDelay: pressDelayOrNil,\n        style: styleProp,\n        throttleMillis = 650,\n        ...otherProps\n    } = props;\n\n    const handlePress = useThrottle({\n        periodMillis: disableThrottle ? 0 : throttleMillis,\n        callback: onPress,\n    });\n\n    const opacity = useAnimatedValue(getOpacityByDisabled(disabled));\n    const scale = useAnimatedValue(ORIGINAL_SCALE);\n\n    useEffect(() => {\n        opacity.setValue(getOpacityByDisabled(disabled));\n    }, [disabled, pressEffect]);\n\n    const startScaleAnimation = useCallback<StartPressAnimation>((pressIn, isHover) => {\n        if (!isHover) {\n            startTimingAnimationWithDefaults(\n                scale,\n                pressIn ? MINIFIED_SCALE : ORIGINAL_SCALE,\n            );\n        }\n    }, []);\n\n    const startOpacityAnimation = useCallback<StartPressAnimation>((pressIn) => {\n        if (pressIn) {\n            opacity.setValue(ACTIVE_OPACITY);\n        } else {\n            startTimingAnimationWithDefaults(opacity, ORIGINAL_OPACITY);\n        }\n    }, []);\n\n    const startPressAnimation = useCallback<StartPressAnimation>((pressIn, isHover = false) => {\n        if (pressEffect === 'scale') {\n            startScaleAnimation(pressIn, isHover);\n        } else if (pressEffect === 'opacity') {\n            startOpacityAnimation(pressIn, isHover);\n        }\n    }, [pressEffect]);\n\n    const handlePressIn = useCallback(() => {\n        startPressAnimation(true, false);\n    }, [startPressAnimation]);\n\n    const handlePressOut = useCallback(() => {\n        onPressOut && onPressOut();\n\n        startPressAnimation(false, false);\n    }, [startPressAnimation, onPressOut]);\n\n    const animatedStyle = {\n        opacity,\n        transform: [{ scale }],\n    };\n\n    const defaultPressDelay = pressEffect === 'scale'\n        ? SCALE_EFFECT_PRESS_IN_DELAY\n        : OPACITY_EFFECT_PRESS_IN_DELAY;\n    const pressDelay = pressDelayOrNil ?? defaultPressDelay;\n\n    return (\n        <AnimatedPressable\n            disabled={disabled}\n            onPress={handlePress}\n            onPressIn={handlePressIn}\n            onPressOut={handlePressOut}\n            style={[\n                animatedStyle,\n                styleProp,\n            ]}\n            unstable_pressDelay={pressDelay}\n            {...otherProps}\n        >\n            {typeof children !== 'function' ? (\n                ({ hovered }) => {\n                    if (hovered !== undefined && !disabled) {\n                        startPressAnimation(hovered, true);\n                    }\n\n                    return children;\n                }\n            ) : children}\n        </AnimatedPressable>\n    );\n};\n"],"mappings":"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"}

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/ButtonBase/LegacyButtonBase.js

@@ -1,106 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React, { useCallback, useEffect } from 'react';
-import { Animated } from 'react-native';
-import { useAnimatedValue, useThrottle } from '../hooks';
-import { isNotAndroid12 } from '../utils';
-import { AnimatedPressable } from '../animated';
-export const ORIGINAL_OPACITY = 1;
-export const DISABLED_OPACITY = .3;
-const ACTIVE_OPACITY = .65;
-const ORIGINAL_SCALE = 1;
-const MINIFIED_SCALE = .96; // at "node_modules/react-native/Libraries/Pressability.js"
-// const DEFAULT_MIN_PRESS_DURATION = 130;
-
-const SCALE_EFFECT_PRESS_IN_DELAY = 130;
-const OPACITY_EFFECT_PRESS_IN_DELAY = 0;
-
-const startTimingAnimationWithDefaults = (value, toValue) => {
-  Animated.timing(value, {
-    toValue,
-    duration: 150,
-    useNativeDriver: isNotAndroid12
-  }).start();
-};
-
-const getOpacityByDisabled = disabled => disabled ? DISABLED_OPACITY : ORIGINAL_OPACITY;
-
-export default function ButtonBase(props) {
-  const {
-    children,
-    disabled = false,
-    disableThrottle = false,
-    onPress,
-    onPressOut,
-    pressEffect = 'opacity',
-    pressDelay: pressDelayOrNil,
-    style: styleProp,
-    throttleMillis = 650,
-    ...otherProps
-  } = props;
-  const handlePress = useThrottle({
-    periodMillis: disableThrottle ? 0 : throttleMillis,
-    callback: onPress
-  });
-  const opacity = useAnimatedValue(getOpacityByDisabled(disabled));
-  const scale = useAnimatedValue(ORIGINAL_SCALE);
-  useEffect(() => {
-    opacity.setValue(getOpacityByDisabled(disabled));
-  }, [disabled, pressEffect]);
-  const startScaleAnimation = useCallback((pressIn, isHover) => {
-    if (!isHover) {
-      startTimingAnimationWithDefaults(scale, pressIn ? MINIFIED_SCALE : ORIGINAL_SCALE);
-    }
-  }, []);
-  const startOpacityAnimation = useCallback(pressIn => {
-    if (pressIn) {
-      opacity.setValue(ACTIVE_OPACITY);
-    } else {
-      startTimingAnimationWithDefaults(opacity, ORIGINAL_OPACITY);
-    }
-  }, []);
-  const startPressAnimation = useCallback(function (pressIn) {
-    let isHover = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-    if (pressEffect === 'scale') {
-      startScaleAnimation(pressIn, isHover);
-    } else if (pressEffect === 'opacity') {
-      startOpacityAnimation(pressIn, isHover);
-    }
-  }, [pressEffect]);
-  const handlePressIn = useCallback(() => {
-    startPressAnimation(true, false);
-  }, [startPressAnimation]);
-  const handlePressOut = useCallback(() => {
-    onPressOut && onPressOut();
-    startPressAnimation(false, false);
-  }, [startPressAnimation, onPressOut]);
-  const animatedStyle = {
-    opacity,
-    transform: [{
-      scale
-    }]
-  };
-  const defaultPressDelay = pressEffect === 'scale' ? SCALE_EFFECT_PRESS_IN_DELAY : OPACITY_EFFECT_PRESS_IN_DELAY;
-  const pressDelay = pressDelayOrNil ?? defaultPressDelay;
-  return /*#__PURE__*/React.createElement(AnimatedPressable, _extends({
-    disabled: disabled,
-    onPress: handlePress,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
-    style: [animatedStyle, styleProp],
-    unstable_pressDelay: pressDelay
-  }, otherProps), typeof children !== 'function' ? _ref => {
-    let {
-      hovered
-    } = _ref;
-
-    if (hovered !== undefined && !disabled) {
-      startPressAnimation(hovered, true);
-    }
-
-    return children;
-  } : children);
-}
-;
-//# sourceMappingURL=LegacyButtonBase.js.map

package/build/module/ButtonBase/LegacyButtonBase.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useEffect","Animated","useAnimatedValue","useThrottle","isNotAndroid12","AnimatedPressable","ORIGINAL_OPACITY","DISABLED_OPACITY","ACTIVE_OPACITY","ORIGINAL_SCALE","MINIFIED_SCALE","SCALE_EFFECT_PRESS_IN_DELAY","OPACITY_EFFECT_PRESS_IN_DELAY","startTimingAnimationWithDefaults","value","toValue","timing","duration","useNativeDriver","start","getOpacityByDisabled","disabled","ButtonBase","props","children","disableThrottle","onPress","onPressOut","pressEffect","pressDelay","pressDelayOrNil","style","styleProp","throttleMillis","otherProps","handlePress","periodMillis","callback","opacity","scale","setValue","startScaleAnimation","pressIn","isHover","startOpacityAnimation","startPressAnimation","handlePressIn","handlePressOut","animatedStyle","transform","defaultPressDelay","hovered","undefined"],"sources":["LegacyButtonBase.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { Animated } from 'react-native';\nimport { useAnimatedValue, useThrottle } from '../hooks';\nimport { isNotAndroid12 } from '../utils';\nimport { AnimatedPressable } from '../animated';\nimport type ButtonBaseProps from './ButtonBaseProps';\n\ninterface StartPressAnimation {\n    (pressIn: boolean, isHover: boolean): void;\n}\n\nexport const ORIGINAL_OPACITY = 1;\nexport const DISABLED_OPACITY = .3;\nconst ACTIVE_OPACITY = .65;\n\nconst ORIGINAL_SCALE = 1;\nconst MINIFIED_SCALE = .96;\n\n// at \"node_modules/react-native/Libraries/Pressability.js\"\n// const DEFAULT_MIN_PRESS_DURATION = 130;\nconst SCALE_EFFECT_PRESS_IN_DELAY = 130;\nconst OPACITY_EFFECT_PRESS_IN_DELAY = 0;\n\ntype TimingAnimationValue = Animated.Value | Animated.ValueXY;\ntype TimingAnimationToValue = Animated.TimingAnimationConfig['toValue'];\n\nconst startTimingAnimationWithDefaults = (\n    value: TimingAnimationValue,\n    toValue: TimingAnimationToValue,\n) => {\n    Animated.timing(value, {\n        toValue,\n        duration: 150,\n        useNativeDriver: isNotAndroid12,\n    }).start();\n};\n\nconst getOpacityByDisabled = (disabled: boolean) => disabled ? DISABLED_OPACITY : ORIGINAL_OPACITY;\n\nexport default function ButtonBase(props: ButtonBaseProps) {\n    const {\n        children,\n        disabled = false,\n        disableThrottle = false,\n        onPress,\n        onPressOut,\n        pressEffect = 'opacity',\n        pressDelay: pressDelayOrNil,\n        style: styleProp,\n        throttleMillis = 650,\n        ...otherProps\n    } = props;\n\n    const handlePress = useThrottle({\n        periodMillis: disableThrottle ? 0 : throttleMillis,\n        callback: onPress,\n    });\n\n    const opacity = useAnimatedValue(getOpacityByDisabled(disabled));\n    const scale = useAnimatedValue(ORIGINAL_SCALE);\n\n    useEffect(() => {\n        opacity.setValue(getOpacityByDisabled(disabled));\n    }, [disabled, pressEffect]);\n\n    const startScaleAnimation = useCallback<StartPressAnimation>((pressIn, isHover) => {\n        if (!isHover) {\n            startTimingAnimationWithDefaults(\n                scale,\n                pressIn ? MINIFIED_SCALE : ORIGINAL_SCALE,\n            );\n        }\n    }, []);\n\n    const startOpacityAnimation = useCallback<StartPressAnimation>((pressIn) => {\n        if (pressIn) {\n            opacity.setValue(ACTIVE_OPACITY);\n        } else {\n            startTimingAnimationWithDefaults(opacity, ORIGINAL_OPACITY);\n        }\n    }, []);\n\n    const startPressAnimation = useCallback<StartPressAnimation>((pressIn, isHover = false) => {\n        if (pressEffect === 'scale') {\n            startScaleAnimation(pressIn, isHover);\n        } else if (pressEffect === 'opacity') {\n            startOpacityAnimation(pressIn, isHover);\n        }\n    }, [pressEffect]);\n\n    const handlePressIn = useCallback(() => {\n        startPressAnimation(true, false);\n    }, [startPressAnimation]);\n\n    const handlePressOut = useCallback(() => {\n        onPressOut && onPressOut();\n\n        startPressAnimation(false, false);\n    }, [startPressAnimation, onPressOut]);\n\n    const animatedStyle = {\n        opacity,\n        transform: [{ scale }],\n    };\n\n    const defaultPressDelay = pressEffect === 'scale'\n        ? SCALE_EFFECT_PRESS_IN_DELAY\n        : OPACITY_EFFECT_PRESS_IN_DELAY;\n    const pressDelay = pressDelayOrNil ?? defaultPressDelay;\n\n    return (\n        <AnimatedPressable\n            disabled={disabled}\n            onPress={handlePress}\n            onPressIn={handlePressIn}\n            onPressOut={handlePressOut}\n            style={[\n                animatedStyle,\n                styleProp,\n            ]}\n            unstable_pressDelay={pressDelay}\n            {...otherProps}\n        >\n            {typeof children !== 'function' ? (\n                ({ hovered }) => {\n                    if (hovered !== undefined && !disabled) {\n                        startPressAnimation(hovered, true);\n                    }\n\n                    return children;\n                }\n            ) : children}\n        </AnimatedPressable>\n    );\n};\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