@fountain-ui/core 2.0.0-beta.9 → 2.0.0-beta.90

package/build/commonjs/Tabs/useIndexStore.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useIndexStore;
+
+var _react = require("react");
+
+var _store = require("../store");
+
+function useIndexStore(value) {
+  const {
+    animatedValue,
+    initialValue
+  } = value;
+  const store = (0, _react.useRef)(new _store.SimpleStore(initialValue)).current;
+  (0, _react.useEffect)(() => {
+    const id = animatedValue.addListener(newIndex => {
+      store.dispatch(newIndex.value);
+    });
+    return () => {
+      animatedValue.removeListener(id);
+    };
+  }, [animatedValue]);
+  (0, _react.useEffect)(() => {
+    return () => {
+      store.removeAllListeners();
+    };
+  }, [store]);
+  return store;
+}
+
+;
+//# sourceMappingURL=useIndexStore.js.map

package/build/commonjs/Tabs/useIndexStore.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useIndexStore","value","animatedValue","initialValue","store","useRef","SimpleStore","current","useEffect","id","addListener","newIndex","dispatch","removeListener","removeAllListeners"],"sources":["useIndexStore.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { MonoStore } from '../store';\nimport { SimpleStore } from '../store';\nimport type { SyncAnimatedValue } from '../types';\n\nexport default function useIndexStore(value: SyncAnimatedValue): MonoStore<number> {\n    const {\n        animatedValue,\n        initialValue,\n    } = value;\n\n    const store = useRef(new SimpleStore(initialValue)).current;\n\n    useEffect(() => {\n        const id = animatedValue.addListener((newIndex) => {\n            store.dispatch(newIndex.value);\n        });\n\n        return () => {\n            animatedValue.removeListener(id);\n        };\n    }, [animatedValue]);\n\n    useEffect(() => {\n        return () => {\n            store.removeAllListeners();\n        };\n    }, [store]);\n\n    return store;\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAGe,SAASA,aAAT,CAAuBC,KAAvB,EAAoE;EAC/E,MAAM;IACFC,aADE;IAEFC;EAFE,IAGFF,KAHJ;EAKA,MAAMG,KAAK,GAAG,IAAAC,aAAA,EAAO,IAAIC,kBAAJ,CAAgBH,YAAhB,CAAP,EAAsCI,OAApD;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACZ,MAAMC,EAAE,GAAGP,aAAa,CAACQ,WAAd,CAA2BC,QAAD,IAAc;MAC/CP,KAAK,CAACQ,QAAN,CAAeD,QAAQ,CAACV,KAAxB;IACH,CAFU,CAAX;IAIA,OAAO,MAAM;MACTC,aAAa,CAACW,cAAd,CAA6BJ,EAA7B;IACH,CAFD;EAGH,CARD,EAQG,CAACP,aAAD,CARH;EAUA,IAAAM,gBAAA,EAAU,MAAM;IACZ,OAAO,MAAM;MACTJ,KAAK,CAACU,kBAAN;IACH,CAFD;EAGH,CAJD,EAIG,CAACV,KAAD,CAJH;EAMA,OAAOA,KAAP;AACH;;AAAA"}

package/build/commonjs/Tabs/useScrollViewReaction.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useScrollViewReaction;
+
+var _react = require("react");
+
+var _InternalContext = _interopRequireDefault(require("./InternalContext"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function useScrollViewReaction(initialIndex, coordinates) {
+  const scrollViewRef = (0, _react.useRef)(null);
+  const lastScrolledXRef = (0, _react.useRef)(NaN);
+  const {
+    indexStore
+  } = (0, _react.useContext)(_InternalContext.default);
+
+  const scrollToX = x => {
+    if (Number.isFinite(x)) {
+      var _scrollViewRef$curren;
+
+      (_scrollViewRef$curren = scrollViewRef.current) === null || _scrollViewRef$curren === void 0 ? void 0 : _scrollViewRef$curren.scrollTo({
+        x,
+        y: 0,
+        animated: true
+      });
+      lastScrolledXRef.current = x;
+    }
+  };
+
+  const onLayout = (0, _react.useCallback)(() => {
+    scrollToX(lastScrolledXRef.current);
+  }, []);
+  const computeNextScrollX = (0, _react.useCallback)(index => {
+    const prevIndex = index - 1;
+    const prevCoordinate = coordinates[prevIndex];
+
+    if (prevCoordinate) {
+      const prevTabWidth = prevCoordinate.x2 - prevCoordinate.x1;
+      return Math.floor(prevCoordinate.x1 + prevTabWidth / 2);
+    }
+
+    return 0;
+  }, [coordinates]);
+  (0, _react.useEffect)(() => {
+    if (Number.isNaN(lastScrolledXRef.current)) {
+      const x = computeNextScrollX(initialIndex);
+
+      if (x > 0) {
+        scrollToX(x);
+      }
+    }
+  }, [initialIndex, computeNextScrollX]);
+  (0, _react.useEffect)(() => {
+    return indexStore.subscribe(currentIndex => {
+      scrollToX(computeNextScrollX(currentIndex));
+    });
+  }, [indexStore, computeNextScrollX]);
+  return {
+    scrollViewRef,
+    onLayout
+  };
+}
+
+;
+//# sourceMappingURL=useScrollViewReaction.js.map

package/build/commonjs/Tabs/useScrollViewReaction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useScrollViewReaction","initialIndex","coordinates","scrollViewRef","useRef","lastScrolledXRef","NaN","indexStore","useContext","InternalContext","scrollToX","x","Number","isFinite","current","scrollTo","y","animated","onLayout","useCallback","computeNextScrollX","index","prevIndex","prevCoordinate","prevTabWidth","x2","x1","Math","floor","useEffect","isNaN","subscribe","currentIndex"],"sources":["useScrollViewReaction.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useCallback, useContext, useEffect, useRef } from 'react';\nimport type { ScrollView, ViewProps } from 'react-native';\nimport type TabCoordinate from './TabCoordinate';\nimport InternalContext from './InternalContext';\n\nexport interface UseScrollViewReaction {\n    scrollViewRef: MutableRefObject<ScrollView | null>;\n    onLayout: ViewProps['onLayout'];\n}\n\nexport default function useScrollViewReaction(\n    initialIndex: number,\n    coordinates: TabCoordinate[],\n): UseScrollViewReaction {\n    const scrollViewRef = useRef<ScrollView | null>(null);\n\n    const lastScrolledXRef = useRef<number>(NaN);\n\n    const { indexStore } = useContext(InternalContext);\n\n    const scrollToX = (x: number) => {\n        if (Number.isFinite(x)) {\n            scrollViewRef.current?.scrollTo({ x, y: 0, animated: true });\n\n            lastScrolledXRef.current = x;\n        }\n    };\n\n    const onLayout = useCallback(() => {\n        scrollToX(lastScrolledXRef.current);\n    }, []);\n\n    const computeNextScrollX = useCallback((index: number): number => {\n        const prevIndex = index - 1;\n        const prevCoordinate = coordinates[prevIndex];\n\n        if (prevCoordinate) {\n            const prevTabWidth = prevCoordinate.x2 - prevCoordinate.x1;\n            return Math.floor(prevCoordinate.x1 + prevTabWidth / 2);\n        }\n\n        return 0;\n    }, [coordinates]);\n\n    useEffect(() => {\n        if (Number.isNaN(lastScrolledXRef.current)) {\n            const x = computeNextScrollX(initialIndex);\n            if (x > 0) {\n                scrollToX(x);\n            }\n        }\n    }, [initialIndex, computeNextScrollX]);\n\n    useEffect(() => {\n        return indexStore.subscribe(currentIndex => {\n            scrollToX(computeNextScrollX(currentIndex));\n        });\n    }, [indexStore, computeNextScrollX]);\n\n    return { scrollViewRef, onLayout };\n};\n"],"mappings":";;;;;;;AACA;;AAGA;;;;AAOe,SAASA,qBAAT,CACXC,YADW,EAEXC,WAFW,EAGU;EACrB,MAAMC,aAAa,GAAG,IAAAC,aAAA,EAA0B,IAA1B,CAAtB;EAEA,MAAMC,gBAAgB,GAAG,IAAAD,aAAA,EAAeE,GAAf,CAAzB;EAEA,MAAM;IAAEC;EAAF,IAAiB,IAAAC,iBAAA,EAAWC,wBAAX,CAAvB;;EAEA,MAAMC,SAAS,GAAIC,CAAD,IAAe;IAC7B,IAAIC,MAAM,CAACC,QAAP,CAAgBF,CAAhB,CAAJ,EAAwB;MAAA;;MACpB,yBAAAR,aAAa,CAACW,OAAd,gFAAuBC,QAAvB,CAAgC;QAAEJ,CAAF;QAAKK,CAAC,EAAE,CAAR;QAAWC,QAAQ,EAAE;MAArB,CAAhC;MAEAZ,gBAAgB,CAACS,OAAjB,GAA2BH,CAA3B;IACH;EACJ,CAND;;EAQA,MAAMO,QAAQ,GAAG,IAAAC,kBAAA,EAAY,MAAM;IAC/BT,SAAS,CAACL,gBAAgB,CAACS,OAAlB,CAAT;EACH,CAFgB,EAEd,EAFc,CAAjB;EAIA,MAAMM,kBAAkB,GAAG,IAAAD,kBAAA,EAAaE,KAAD,IAA2B;IAC9D,MAAMC,SAAS,GAAGD,KAAK,GAAG,CAA1B;IACA,MAAME,cAAc,GAAGrB,WAAW,CAACoB,SAAD,CAAlC;;IAEA,IAAIC,cAAJ,EAAoB;MAChB,MAAMC,YAAY,GAAGD,cAAc,CAACE,EAAf,GAAoBF,cAAc,CAACG,EAAxD;MACA,OAAOC,IAAI,CAACC,KAAL,CAAWL,cAAc,CAACG,EAAf,GAAoBF,YAAY,GAAG,CAA9C,CAAP;IACH;;IAED,OAAO,CAAP;EACH,CAV0B,EAUxB,CAACtB,WAAD,CAVwB,CAA3B;EAYA,IAAA2B,gBAAA,EAAU,MAAM;IACZ,IAAIjB,MAAM,CAACkB,KAAP,CAAazB,gBAAgB,CAACS,OAA9B,CAAJ,EAA4C;MACxC,MAAMH,CAAC,GAAGS,kBAAkB,CAACnB,YAAD,CAA5B;;MACA,IAAIU,CAAC,GAAG,CAAR,EAAW;QACPD,SAAS,CAACC,CAAD,CAAT;MACH;IACJ;EACJ,CAPD,EAOG,CAACV,YAAD,EAAemB,kBAAf,CAPH;EASA,IAAAS,gBAAA,EAAU,MAAM;IACZ,OAAOtB,UAAU,CAACwB,SAAX,CAAqBC,YAAY,IAAI;MACxCtB,SAAS,CAACU,kBAAkB,CAACY,YAAD,CAAnB,CAAT;IACH,CAFM,CAAP;EAGH,CAJD,EAIG,CAACzB,UAAD,EAAaa,kBAAb,CAJH;EAMA,OAAO;IAAEjB,aAAF;IAAiBe;EAAjB,CAAP;AACH;;AAAA"}

package/build/commonjs/Tabs/useTabCoordinates.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useTabCoordinates;
+
+var _react = require("react");
+
+var _utils = require("./utils");
+
+function useTabCoordinates(tabElements) {
+  const [coordinates, setCoordinates] = (0, _react.useState)([]);
+  const cacheRef = (0, _react.useRef)([]);
+
+  const updateCoordinate = (index, x, width) => {
+    cacheRef.current[index] = {
+      x1: x,
+      x2: x + width
+    };
+
+    if ((0, _utils.isEveryTabCoordinatesDefined)(cacheRef.current, tabElements)) {
+      setCoordinates([...cacheRef.current]);
+      cacheRef.current = [];
+    }
+  };
+
+  return [coordinates, updateCoordinate];
+}
+//# sourceMappingURL=useTabCoordinates.js.map

package/build/commonjs/Tabs/useTabCoordinates.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTabCoordinates","tabElements","coordinates","setCoordinates","useState","cacheRef","useRef","updateCoordinate","index","x","width","current","x1","x2","isEveryTabCoordinatesDefined"],"sources":["useTabCoordinates.ts"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport TabCoordinate from './TabCoordinate';\nimport { isEveryTabCoordinatesDefined } from './utils';\n\nexport interface UpdateCoordinate {\n    (index: number, x: number, width: number): void;\n}\n\nexport default function useTabCoordinates(tabElements: React.ReactNode): [TabCoordinate[], UpdateCoordinate] {\n    const [coordinates, setCoordinates] = useState<TabCoordinate[]>([]);\n\n    const cacheRef = useRef<TabCoordinate[]>([]);\n\n    const updateCoordinate: UpdateCoordinate = (index, x, width) => {\n        cacheRef.current[index] = { x1: x, x2: x + width };\n\n        if (isEveryTabCoordinatesDefined(cacheRef.current, tabElements)) {\n            setCoordinates([...cacheRef.current]);\n\n            cacheRef.current = [];\n        }\n    };\n\n    return [coordinates, updateCoordinate];\n}\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAMe,SAASA,iBAAT,CAA2BC,WAA3B,EAA8F;EACzG,MAAM,CAACC,WAAD,EAAcC,cAAd,IAAgC,IAAAC,eAAA,EAA0B,EAA1B,CAAtC;EAEA,MAAMC,QAAQ,GAAG,IAAAC,aAAA,EAAwB,EAAxB,CAAjB;;EAEA,MAAMC,gBAAkC,GAAG,CAACC,KAAD,EAAQC,CAAR,EAAWC,KAAX,KAAqB;IAC5DL,QAAQ,CAACM,OAAT,CAAiBH,KAAjB,IAA0B;MAAEI,EAAE,EAAEH,CAAN;MAASI,EAAE,EAAEJ,CAAC,GAAGC;IAAjB,CAA1B;;IAEA,IAAI,IAAAI,mCAAA,EAA6BT,QAAQ,CAACM,OAAtC,EAA+CV,WAA/C,CAAJ,EAAiE;MAC7DE,cAAc,CAAC,CAAC,GAAGE,QAAQ,CAACM,OAAb,CAAD,CAAd;MAEAN,QAAQ,CAACM,OAAT,GAAmB,EAAnB;IACH;EACJ,CARD;;EAUA,OAAO,CAACT,WAAD,EAAcK,gBAAd,CAAP;AACH"}

package/build/commonjs/Tabs/useTabInnerContentsWidth.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _utils = require("./utils");
+
+const useTabInnerContentsWidth = tabElements => {
+  const [innerContentsWidthList, setInnerContentsWidth] = (0, _react.useState)([]);
+  const cacheRef = (0, _react.useRef)([]);
+
+  const updateInnerContentsWidth = (index, width) => {
+    cacheRef.current[index] = width;
+
+    if ((0, _utils.isEveryTabCoordinatesDefined)(cacheRef.current, tabElements)) {
+      setInnerContentsWidth([...cacheRef.current]);
+      cacheRef.current = [];
+    }
+  };
+
+  return [innerContentsWidthList, updateInnerContentsWidth];
+};
+
+var _default = useTabInnerContentsWidth;
+exports.default = _default;
+//# sourceMappingURL=useTabInnerContentsWidth.js.map

package/build/commonjs/Tabs/useTabInnerContentsWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTabInnerContentsWidth","tabElements","innerContentsWidthList","setInnerContentsWidth","useState","cacheRef","useRef","updateInnerContentsWidth","index","width","current","isEveryTabCoordinatesDefined"],"sources":["useTabInnerContentsWidth.ts"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { isEveryTabCoordinatesDefined } from './utils';\n\nexport interface UpdateInnerContentsWidth {\n    (index: number, width: number): void;\n}\n\nconst useTabInnerContentsWidth = (tabElements: React.ReactNode): [number[], UpdateInnerContentsWidth] => {\n    const [innerContentsWidthList, setInnerContentsWidth] = useState<number[]>([]);\n\n    const cacheRef = useRef<number[]>([]);\n\n    const updateInnerContentsWidth: UpdateInnerContentsWidth = (index, width) => {\n        cacheRef.current[index] = width;\n\n        if (isEveryTabCoordinatesDefined(cacheRef.current, tabElements)) {\n            setInnerContentsWidth([...cacheRef.current]);\n\n            cacheRef.current = [];\n        }\n    };\n\n    return [innerContentsWidthList, updateInnerContentsWidth];\n};\n\nexport default useTabInnerContentsWidth;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAMA,MAAMA,wBAAwB,GAAIC,WAAD,IAAwE;EACrG,MAAM,CAACC,sBAAD,EAAyBC,qBAAzB,IAAkD,IAAAC,eAAA,EAAmB,EAAnB,CAAxD;EAEA,MAAMC,QAAQ,GAAG,IAAAC,aAAA,EAAiB,EAAjB,CAAjB;;EAEA,MAAMC,wBAAkD,GAAG,CAACC,KAAD,EAAQC,KAAR,KAAkB;IACzEJ,QAAQ,CAACK,OAAT,CAAiBF,KAAjB,IAA0BC,KAA1B;;IAEA,IAAI,IAAAE,mCAAA,EAA6BN,QAAQ,CAACK,OAAtC,EAA+CT,WAA/C,CAAJ,EAAiE;MAC7DE,qBAAqB,CAAC,CAAC,GAAGE,QAAQ,CAACK,OAAb,CAAD,CAArB;MAEAL,QAAQ,CAACK,OAAT,GAAmB,EAAnB;IACH;EACJ,CARD;;EAUA,OAAO,CAACR,sBAAD,EAAyBK,wBAAzB,CAAP;AACH,CAhBD;;eAkBeP,wB"}

package/build/commonjs/Tabs/utils.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isEveryTabCoordinatesDefined = isEveryTabCoordinatesDefined;
+
+var _react = require("react");
+
+var _utils = require("@fountain-ui/utils");
+
+function isEveryTabCoordinatesDefined(coordinates, tabElements) {
+  const numberOfTabs = _react.Children.count(tabElements);
+
+  const numberOfCoordinates = coordinates.length;
+  const everyCoordinatesDefined = (0, _utils.isEveryDefined)(coordinates);
+  return numberOfTabs === numberOfCoordinates && everyCoordinatesDefined;
+}
+//# sourceMappingURL=utils.js.map

package/build/commonjs/Tabs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isEveryTabCoordinatesDefined","coordinates","tabElements","numberOfTabs","Children","count","numberOfCoordinates","length","everyCoordinatesDefined","isEveryDefined"],"sources":["utils.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Children } from 'react';\nimport { isEveryDefined } from '@fountain-ui/utils';\nimport type TabCoordinate from './TabCoordinate';\n\n\nexport function isEveryTabCoordinatesDefined(coordinates: (TabCoordinate | number)[], tabElements: ReactNode): boolean {\n    const numberOfTabs = Children.count(tabElements);\n    const numberOfCoordinates = coordinates.length;\n\n    const everyCoordinatesDefined = isEveryDefined(coordinates);\n\n    return numberOfTabs === numberOfCoordinates && everyCoordinatesDefined;\n}\n"],"mappings":";;;;;;;AACA;;AACA;;AAIO,SAASA,4BAAT,CAAsCC,WAAtC,EAA+EC,WAA/E,EAAgH;EACnH,MAAMC,YAAY,GAAGC,eAAA,CAASC,KAAT,CAAeH,WAAf,CAArB;;EACA,MAAMI,mBAAmB,GAAGL,WAAW,CAACM,MAAxC;EAEA,MAAMC,uBAAuB,GAAG,IAAAC,qBAAA,EAAeR,WAAf,CAAhC;EAEA,OAAOE,YAAY,KAAKG,mBAAjB,IAAwCE,uBAA/C;AACH"}

package/build/commonjs/TextField/InputLabel.js

@@ -83,6 +83,9 @@ const InputLabel = props => {
       })
     }]
   };
+  const labelTextFontStyle = (0, _styles.createFontStyle)(theme, {
+    selector: typo => typo.caption2
+  });
   const labelStyle = {
     fontSize,
     transform: [{
@@ -121,7 +124,7 @@ const InputLabel = props => {
     }]
   }), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.Text, {
     key: 'labelBackground-text',
-    style: [styles.placeholder, styles.backgroundText, backgroundStyle, labelStyle, {
+    style: [labelTextFontStyle, styles.placeholder, styles.backgroundText, backgroundStyle, labelStyle, {
       top: topPosition + 1,
       opacity,
       transform: [...labelStyle.transform, {
@@ -134,7 +137,7 @@ const InputLabel = props => {
     numberOfLines: 1
   }, label)], /*#__PURE__*/_react.default.createElement(_reactNative.Animated.Text, {
     onLayout: onLayoutAnimatedText,
-    style: [styles.placeholder, labelStyle, paddingOffset, {
+    style: [styles.placeholder, labelTextFontStyle, labelStyle, paddingOffset, {
       textAlign: 'left',
       top: topPosition,
       color: error && errorColor ? errorColor : activeColor,
@@ -145,7 +148,7 @@ const InputLabel = props => {
     }],
     numberOfLines: 1
   }, label), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.Text, {
-    style: [styles.placeholder, labelStyle, paddingOffset, {
+    style: [styles.placeholder, labelTextFontStyle, labelStyle, paddingOffset, {
       textAlign: 'left',
       top: topPosition,
       color: error && errorColor ? errorColor : placeholderColor,

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

@@ -1 +1 @@
-{"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","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 { 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 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                        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                    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                    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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"}
+{"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/commonjs/TextField/OutlinedTextField.js

@@ -78,7 +78,7 @@ const OutlinedTextField = /*#__PURE__*/_react.default.forwardRef(function Outlin
   const inputTextColor = disabled ? theme.palette.tertiary.main : theme.palette.primary.main;
   const activeColor = error ? theme.palette.warning.main : disabled ? theme.palette.tertiary.main : theme.palette.accent.main;
   const placeholderColor = disabled ? theme.palette.tertiary.main : theme.palette.text.hint;
-  const outlineColor = disabled ? theme.palette.border : theme.palette.border;
+  const outlineColor = theme.palette.border.default;
   const errorColor = disabled ? theme.palette.tertiary.main : theme.palette.warning.main;
   const typography = theme.typography.body2;
   const fontSize = typography.fontSize.unitless;
@@ -112,12 +112,16 @@ const OutlinedTextField = /*#__PURE__*/_react.default.forwardRef(function Outlin
     placeholderOpacity,
     topPosition
   };
+  const inputTextFontStyle = (0, _styles.createFontStyle)(theme, {
+    selector: typo => typo.caption2,
+    color: inputTextColor
+  });
   const outlineStyle = (0, _styles.css)([styles.outline, {
     borderWidth: hasActiveOutline ? 2 : 1,
     borderColor: error ? errorColor : hasActiveOutline ? activeColor : outlineColor,
     top: label ? 6 : 0
   }]);
-  const textInputStyle = (0, _styles.css)([styles.input, {
+  const textInputStyle = (0, _styles.css)([inputTextFontStyle, styles.input, {
     fontSize,
     color: inputTextColor,
     height: inputHeight

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

@@ -1 +1 @@
-{"version":3,"names":["useStyles","theme","useTheme","outline","position","left","right","bottom","borderRadius","shape","roundness","input","flexGrow","paddingHorizontal","inputPaddingHorizontal","textAlignVertical","textAlign","zIndex","textField","iconContainer","width","height","justifyContent","alignItems","OutlinedTextField","React","forwardRef","props","ref","animatedError","animatedLabel","disabled","error","focused","forceFocus","icon","keyboardType","label","labelLayout","onBlur","onChangeText","onFocus","onIconPress","onLayoutAnimatedText","onSubmitEditing","placeholder","secureTextEntry","style","value","styles","hasActiveOutline","inputTextColor","palette","tertiary","main","primary","activeColor","warning","accent","placeholderColor","text","hint","outlineColor","border","errorColor","typography","body2","fontSize","unitless","labelScale","labelFontSize","labelWidth","labelHeight","labelHalfWidth","labelHalfHeight","labelTranslateX","minInputHeight","defaultHeight","labelPaddingTop","inputHeight","topPosition","Math","floor","iconTopPosition","iconSize","labelYOffset","labelTranslateY","placeholderOpacity","interpolate","inputRange","outputRange","measured","labelProps","outlineStyle","css","borderWidth","borderColor","top","textInputStyle","color","marginRight","paddingRight","Platform","OS","outlineWidth","containerStyle","paddingTop","minHeight","iconContainerStyle","onIconButtonPress"],"sources":["OutlinedTextField.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, LayoutChangeEvent, Platform, TextInput, View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport IconButton from '../IconButton';\nimport TextFieldProps from './TextFieldProps';\nimport InputLabel from './InputLabel';\nimport {\n    defaultHeight,\n    iconSize,\n    inputPaddingHorizontal,\n    labelFontSize,\n    labelPaddingTop,\n    labelYOffset,\n} from './utils';\n\ninterface OutlinedTextFieldProps extends TextFieldProps {\n    animatedError: Animated.Value;\n    animatedLabel: Animated.Value;\n    focused: boolean;\n    forceFocus: () => void;\n    labelLayout: { measured: boolean; width: number; height: number };\n    onLayoutAnimatedText: (event: LayoutChangeEvent) => void;\n}\n\ntype OutlinedTextFieldStyles = NamedStylesStringUnion<'outline' | 'input' | 'iconContainer'>;\n\nconst useStyles: UseStyles<OutlinedTextFieldStyles> = function (): OutlinedTextFieldStyles {\n    const theme = useTheme();\n\n    return {\n        outline: {\n            position: 'absolute',\n            left: 0,\n            right: 0,\n            bottom: 0,\n            borderRadius: theme.shape.roundness,\n        },\n        input: {\n            flexGrow: 1,\n            paddingHorizontal: inputPaddingHorizontal,\n            textAlignVertical: 'center',\n            textAlign: 'left',\n            zIndex: theme.zIndex.textField,\n        },\n        iconContainer: {\n            position: 'absolute',\n            width: 24,\n            height: 24,\n            justifyContent: 'center',\n            alignItems: 'center',\n            right: 12,\n        },\n    };\n};\n\nconst OutlinedTextField = React.forwardRef<TextInput, OutlinedTextFieldProps>(function OutlinedTextField(props, ref) {\n    const {\n        animatedError,\n        animatedLabel,\n        disabled,\n        error,\n        focused,\n        forceFocus,\n        icon,\n        keyboardType,\n        label,\n        labelLayout,\n        onBlur,\n        onChangeText,\n        onFocus,\n        onIconPress,\n        onLayoutAnimatedText,\n        onSubmitEditing,\n        placeholder,\n        secureTextEntry,\n        style,\n        value,\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const hasActiveOutline = focused || error;\n    const inputTextColor = disabled ? theme.palette.tertiary.main : theme.palette.primary.main;\n    const activeColor = error\n        ? theme.palette.warning.main\n        : disabled\n            ? theme.palette.tertiary.main\n            : theme.palette.accent.main;\n    const placeholderColor = disabled ? theme.palette.tertiary.main : theme.palette.text.hint;\n    const outlineColor = disabled ? theme.palette.border : theme.palette.border;\n    const errorColor = disabled ? theme.palette.tertiary.main : theme.palette.warning.main;\n\n    const typography = theme.typography.body2;\n    const fontSize = typography.fontSize.unitless;\n\n    const labelScale = labelFontSize / fontSize;\n    const labelWidth = labelLayout.width;\n    const labelHeight = labelLayout.height;\n    const labelHalfWidth = labelWidth / 2;\n    const labelHalfHeight = labelHeight / 2;\n\n    const labelTranslateX = -1 * (labelHalfWidth - (labelScale * labelWidth) / 2 - (fontSize - labelFontSize) * labelScale);\n    const minInputHeight = defaultHeight - labelPaddingTop;\n    const inputHeight = labelHeight < minInputHeight ? minInputHeight : labelHeight;\n    const topPosition = Math.floor(((inputHeight > 0 ? inputHeight : 0) - labelHeight) / 2 + labelPaddingTop);\n    const iconTopPosition = (defaultHeight - (label ? 0 : labelPaddingTop) - iconSize - (label ? labelYOffset : 0)) / 2;\n    const labelTranslateY = -labelHalfHeight - (topPosition + labelYOffset);\n\n    const placeholderOpacity = hasActiveOutline\n        ? animatedLabel.interpolate({\n            inputRange: [0, 1],\n            outputRange: [hasActiveOutline ? 0 : 1, 1],\n        })\n        : labelLayout.measured ? 1 : 0;\n\n    const labelProps = {\n        activeColor,\n        error,\n        errorColor,\n        fontSize,\n        hasActiveOutline,\n        label,\n        labelScale,\n        labelTranslateX,\n        labelTranslateY,\n        onLayoutAnimatedText,\n        placeholderColor,\n        placeholderOpacity,\n        topPosition,\n    };\n\n    const outlineStyle = css([\n        styles.outline,\n        {\n            borderWidth: hasActiveOutline ? 2 : 1,\n            borderColor: error ? errorColor : (hasActiveOutline ? activeColor : outlineColor),\n            top: label ? 6 : 0,\n        },\n    ]);\n\n    const textInputStyle = css([\n        styles.input,\n        {\n            fontSize,\n            color: inputTextColor,\n            height: inputHeight,\n        },\n        icon && {\n            marginRight: iconSize + 20,\n            paddingRight: 0,\n        },\n        Platform.OS === 'web' && {\n            //@ts-ignore\n            outlineWidth: 0,\n        },\n    ]);\n\n    const containerStyle = css([\n        {\n            paddingTop: label ? labelPaddingTop : 0,\n            minHeight: label ? defaultHeight : defaultHeight + labelYOffset,\n        },\n    ]);\n\n    const iconContainerStyle = css([\n        styles.iconContainer,\n        { top: iconTopPosition },\n    ]);\n\n    const onIconButtonPress = () => {\n        forceFocus();\n        onIconPress?.();\n    };\n\n    return (\n        <View style={style}>\n            <View\n                pointerEvents={'none'}\n                style={outlineStyle}\n            />\n            <View style={containerStyle}>\n                {label ? (\n                    <InputLabel\n                        animatedLabel={animatedLabel}\n                        animatedError={animatedError}\n                        focused={focused}\n                        labelLayout={labelLayout}\n                        placeholder={placeholder}\n                        value={value}\n                        {...labelProps}\n                    />\n                ) : null}\n                <TextInput\n                    autoCapitalize={'none'}\n                    autoCorrect={false}\n                    disableFullscreenUI={true}\n                    ref={ref}\n                    onChangeText={onChangeText}\n                    placeholder={placeholder}\n                    placeholderTextColor={placeholderColor}\n                    editable={!disabled}\n                    selectionColor={activeColor}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                    onSubmitEditing={onSubmitEditing}\n                    keyboardType={keyboardType}\n                    secureTextEntry={secureTextEntry}\n                    underlineColorAndroid={'transparent'}\n                    style={textInputStyle}\n                    value={value}\n                />\n            </View>\n            {icon ? (\n                <View style={iconContainerStyle}>\n                    <IconButton\n                        children={icon}\n                        onPress={onIconButtonPress}\n                    />\n                </View>\n            ) : null}\n        </View>\n    );\n});\n\nexport default OutlinedTextField;\n"],"mappings":"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"}
+{"version":3,"names":["useStyles","theme","useTheme","outline","position","left","right","bottom","borderRadius","shape","roundness","input","flexGrow","paddingHorizontal","inputPaddingHorizontal","textAlignVertical","textAlign","zIndex","textField","iconContainer","width","height","justifyContent","alignItems","OutlinedTextField","React","forwardRef","props","ref","animatedError","animatedLabel","disabled","error","focused","forceFocus","icon","keyboardType","label","labelLayout","onBlur","onChangeText","onFocus","onIconPress","onLayoutAnimatedText","onSubmitEditing","placeholder","secureTextEntry","style","value","styles","hasActiveOutline","inputTextColor","palette","tertiary","main","primary","activeColor","warning","accent","placeholderColor","text","hint","outlineColor","border","default","errorColor","typography","body2","fontSize","unitless","labelScale","labelFontSize","labelWidth","labelHeight","labelHalfWidth","labelHalfHeight","labelTranslateX","minInputHeight","defaultHeight","labelPaddingTop","inputHeight","topPosition","Math","floor","iconTopPosition","iconSize","labelYOffset","labelTranslateY","placeholderOpacity","interpolate","inputRange","outputRange","measured","labelProps","inputTextFontStyle","createFontStyle","selector","typo","caption2","color","outlineStyle","css","borderWidth","borderColor","top","textInputStyle","marginRight","paddingRight","Platform","OS","outlineWidth","containerStyle","paddingTop","minHeight","iconContainerStyle","onIconButtonPress"],"sources":["OutlinedTextField.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, LayoutChangeEvent, Platform, TextInput, View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport IconButton from '../IconButton';\nimport TextFieldProps from './TextFieldProps';\nimport InputLabel from './InputLabel';\nimport {\n    defaultHeight,\n    iconSize,\n    inputPaddingHorizontal,\n    labelFontSize,\n    labelPaddingTop,\n    labelYOffset,\n} from './utils';\n\ninterface OutlinedTextFieldProps extends TextFieldProps {\n    animatedError: Animated.Value;\n    animatedLabel: Animated.Value;\n    focused: boolean;\n    forceFocus: () => void;\n    labelLayout: { measured: boolean; width: number; height: number };\n    onLayoutAnimatedText: (event: LayoutChangeEvent) => void;\n}\n\ntype OutlinedTextFieldStyles = NamedStylesStringUnion<'outline' | 'input' | 'iconContainer'>;\n\nconst useStyles: UseStyles<OutlinedTextFieldStyles> = function (): OutlinedTextFieldStyles {\n    const theme = useTheme();\n\n    return {\n        outline: {\n            position: 'absolute',\n            left: 0,\n            right: 0,\n            bottom: 0,\n            borderRadius: theme.shape.roundness,\n        },\n        input: {\n            flexGrow: 1,\n            paddingHorizontal: inputPaddingHorizontal,\n            textAlignVertical: 'center',\n            textAlign: 'left',\n            zIndex: theme.zIndex.textField,\n        },\n        iconContainer: {\n            position: 'absolute',\n            width: 24,\n            height: 24,\n            justifyContent: 'center',\n            alignItems: 'center',\n            right: 12,\n        },\n    };\n};\n\nconst OutlinedTextField = React.forwardRef<TextInput, OutlinedTextFieldProps>(function OutlinedTextField(props, ref) {\n    const {\n        animatedError,\n        animatedLabel,\n        disabled,\n        error,\n        focused,\n        forceFocus,\n        icon,\n        keyboardType,\n        label,\n        labelLayout,\n        onBlur,\n        onChangeText,\n        onFocus,\n        onIconPress,\n        onLayoutAnimatedText,\n        onSubmitEditing,\n        placeholder,\n        secureTextEntry,\n        style,\n        value,\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const hasActiveOutline = focused || error;\n    const inputTextColor = disabled ? theme.palette.tertiary.main : theme.palette.primary.main;\n    const activeColor = error\n        ? theme.palette.warning.main\n        : disabled\n            ? theme.palette.tertiary.main\n            : theme.palette.accent.main;\n    const placeholderColor = disabled ? theme.palette.tertiary.main : theme.palette.text.hint;\n    const outlineColor = theme.palette.border.default;\n    const errorColor = disabled ? theme.palette.tertiary.main : theme.palette.warning.main;\n\n    const typography = theme.typography.body2;\n    const fontSize = typography.fontSize.unitless;\n\n    const labelScale = labelFontSize / fontSize;\n    const labelWidth = labelLayout.width;\n    const labelHeight = labelLayout.height;\n    const labelHalfWidth = labelWidth / 2;\n    const labelHalfHeight = labelHeight / 2;\n\n    const labelTranslateX = -1 * (labelHalfWidth - (labelScale * labelWidth) / 2 - (fontSize - labelFontSize) * labelScale);\n    const minInputHeight = defaultHeight - labelPaddingTop;\n    const inputHeight = labelHeight < minInputHeight ? minInputHeight : labelHeight;\n    const topPosition = Math.floor(((inputHeight > 0 ? inputHeight : 0) - labelHeight) / 2 + labelPaddingTop);\n    const iconTopPosition = (defaultHeight - (label ? 0 : labelPaddingTop) - iconSize - (label ? labelYOffset : 0)) / 2;\n    const labelTranslateY = -labelHalfHeight - (topPosition + labelYOffset);\n\n    const placeholderOpacity = hasActiveOutline\n        ? animatedLabel.interpolate({\n            inputRange: [0, 1],\n            outputRange: [hasActiveOutline ? 0 : 1, 1],\n        })\n        : labelLayout.measured ? 1 : 0;\n\n    const labelProps = {\n        activeColor,\n        error,\n        errorColor,\n        fontSize,\n        hasActiveOutline,\n        label,\n        labelScale,\n        labelTranslateX,\n        labelTranslateY,\n        onLayoutAnimatedText,\n        placeholderColor,\n        placeholderOpacity,\n        topPosition,\n    };\n\n    const inputTextFontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption2,\n        color: inputTextColor,\n    });\n\n    const outlineStyle = css([\n        styles.outline,\n        {\n            borderWidth: hasActiveOutline ? 2 : 1,\n            borderColor: error ? errorColor : (hasActiveOutline ? activeColor : outlineColor),\n            top: label ? 6 : 0,\n        },\n    ]);\n\n    const textInputStyle = css([\n        inputTextFontStyle,\n        styles.input,\n        {\n            fontSize,\n            color: inputTextColor,\n            height: inputHeight,\n        },\n        icon && {\n            marginRight: iconSize + 20,\n            paddingRight: 0,\n        },\n        Platform.OS === 'web' && {\n            //@ts-ignore\n            outlineWidth: 0,\n        },\n    ]);\n\n    const containerStyle = css([\n        {\n            paddingTop: label ? labelPaddingTop : 0,\n            minHeight: label ? defaultHeight : defaultHeight + labelYOffset,\n        },\n    ]);\n\n    const iconContainerStyle = css([\n        styles.iconContainer,\n        { top: iconTopPosition },\n    ]);\n\n    const onIconButtonPress = () => {\n        forceFocus();\n        onIconPress?.();\n    };\n\n    return (\n        <View style={style}>\n            <View\n                pointerEvents={'none'}\n                style={outlineStyle}\n            />\n            <View style={containerStyle}>\n                {label ? (\n                    <InputLabel\n                        animatedLabel={animatedLabel}\n                        animatedError={animatedError}\n                        focused={focused}\n                        labelLayout={labelLayout}\n                        placeholder={placeholder}\n                        value={value}\n                        {...labelProps}\n                    />\n                ) : null}\n                <TextInput\n                    autoCapitalize={'none'}\n                    autoCorrect={false}\n                    disableFullscreenUI={true}\n                    ref={ref}\n                    onChangeText={onChangeText}\n                    placeholder={placeholder}\n                    placeholderTextColor={placeholderColor}\n                    editable={!disabled}\n                    selectionColor={activeColor}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                    onSubmitEditing={onSubmitEditing}\n                    keyboardType={keyboardType}\n                    secureTextEntry={secureTextEntry}\n                    underlineColorAndroid={'transparent'}\n                    style={textInputStyle}\n                    value={value}\n                />\n            </View>\n            {icon ? (\n                <View style={iconContainerStyle}>\n                    <IconButton\n                        children={icon}\n                        onPress={onIconButtonPress}\n                    />\n                </View>\n            ) : null}\n        </View>\n    );\n});\n\nexport default OutlinedTextField;\n"],"mappings":"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"}

package/build/commonjs/TextField/TextField.js

@@ -9,12 +9,14 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
+var _styles = require("../styles");
+
+var _hooks = require("../hooks");
+
 var _OutlinedTextField = _interopRequireDefault(require("./OutlinedTextField"));
 
 var _utils = require("./utils");
 
-var _styles = require("../styles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }
@@ -59,12 +61,17 @@ const TextField = /*#__PURE__*/_react.default.forwardRef(function TextField(prop
       var _innerRef$current3;
 
       (_innerRef$current3 = innerRef.current) === null || _innerRef$current3 === void 0 ? void 0 : _innerRef$current3.blur();
+    },
+    setStyle: style => {
+      var _innerRef$current4;
+
+      (_innerRef$current4 = innerRef.current) === null || _innerRef$current4 === void 0 ? void 0 : _innerRef$current4.setNativeProps({
+        style
+      });
     }
   }));
-
-  const [animatedLabel] = _react.default.useState(() => new _reactNative.Animated.Value(value ? 0 : 1));
-
-  const [animatedError] = _react.default.useState(() => new _reactNative.Animated.Value(error ? 1 : 0));
+  const animatedLabel = (0, _hooks.useAnimatedValue)(value ? 0 : 1);
+  const animatedError = (0, _hooks.useAnimatedValue)(error ? 1 : 0);
 
   const [focused, setFocused] = _react.default.useState(false);
 
@@ -153,9 +160,9 @@ const TextField = /*#__PURE__*/_react.default.forwardRef(function TextField(prop
   };
 
   const forceFocus = () => {
-    var _innerRef$current4;
+    var _innerRef$current5;
 
-    (_innerRef$current4 = innerRef.current) === null || _innerRef$current4 === void 0 ? void 0 : _innerRef$current4.focus();
+    (_innerRef$current5 = innerRef.current) === null || _innerRef$current5 === void 0 ? void 0 : _innerRef$current5.focus();
   };
 
   return /*#__PURE__*/_react.default.createElement(_OutlinedTextField.default, {

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

@@ -1 +1 @@
-{"version":3,"names":["TextField","React","forwardRef","props","ref","disabled","error","keyboardType","icon","label","onBlur","onChangeText","onFocus","onIconPress","onSubmitEditing","placeholder","placeholderProp","secureTextEntry","value","style","styleProp","innerRef","useRef","useImperativeHandle","focus","current","isFocused","clear","blur","animatedLabel","useState","Animated","Value","animatedError","focused","setFocused","setPlaceholder","labelLayout","setLabelLayout","measured","width","height","minimizeLabel","timing","toValue","duration","blurAnimationDuration","useNativeDriver","start","restoreLabel","focusAnimationDuration","showError","hideError","showPlaceholder","hidePlaceholder","useEffect","handleFocus","event","handleBlur","css","opacity","handleLayoutAnimatedText","nativeEvent","layout","forceFocus"],"sources":["TextField.tsx"],"sourcesContent":["import React, { useImperativeHandle, useRef } from 'react';\nimport { Animated, LayoutChangeEvent, NativeSyntheticEvent, TargetedEvent, TextInput } from 'react-native';\nimport OutlinedTextField from './OutlinedTextField';\nimport TextFieldProps from './TextFieldProps';\nimport { blurAnimationDuration, focusAnimationDuration } from './utils';\nimport { css } from '../styles';\n\nconst TextField = React.forwardRef<TextInput, TextFieldProps>(function TextField(props, ref) {\n    const {\n        disabled = false,\n        error = false,\n        keyboardType = 'default',\n        icon,\n        label,\n        onBlur,\n        onChangeText,\n        onFocus,\n        onIconPress,\n        onSubmitEditing,\n        placeholder: placeholderProp,\n        secureTextEntry = false,\n        value,\n        style: styleProp,\n    } = props;\n\n    const innerRef = useRef<TextInput | null>(null);\n    //@ts-ignore\n    useImperativeHandle(ref, () => ({\n        focus: () => {\n            innerRef.current?.focus();\n        },\n        isFocused: () => {\n            const current = innerRef.current;\n            return current ? current.isFocused() : false;\n        },\n        clear: () => {\n            innerRef.current?.clear();\n        },\n        blur: () => {\n            innerRef.current?.blur();\n        },\n    }));\n\n    const [animatedLabel] = React.useState(() => new Animated.Value(value ? 0 : 1));\n    const [animatedError] = React.useState(() => new Animated.Value(error ? 1 : 0));\n    const [focused, setFocused] = React.useState(false);\n    const [placeholder, setPlaceholder] = React.useState('');\n    const [labelLayout, setLabelLayout] = React.useState({\n        measured: false,\n        width: 0,\n        height: 0,\n    });\n\n    const minimizeLabel = () => {\n        Animated.timing(animatedLabel, {\n            toValue: 0,\n            duration: blurAnimationDuration,\n            useNativeDriver: false,\n        }).start();\n    };\n\n    const restoreLabel = () => {\n        Animated.timing(animatedLabel, {\n            toValue: 1,\n            duration: focusAnimationDuration,\n            useNativeDriver: false,\n        }).start();\n    };\n\n    const showError = () => {\n        Animated.timing(animatedError, {\n            toValue: 1,\n            duration: focusAnimationDuration,\n            useNativeDriver: false,\n        }).start();\n    };\n\n    const hideError = () => {\n        Animated.timing(animatedError, {\n            toValue: 0,\n            duration: blurAnimationDuration,\n            useNativeDriver: false,\n        }).start();\n    };\n\n    const showPlaceholder = () => {\n        placeholderProp && setPlaceholder(placeholderProp);\n    };\n\n    const hidePlaceholder = () => setPlaceholder('');\n\n    React.useEffect(() => {\n        value || focused ? minimizeLabel() : restoreLabel();\n    }, [focused, value, labelLayout]);\n\n    React.useEffect(() => {\n        animatedError ? showError() : hideError();\n    }, [animatedError]);\n\n    React.useEffect(() => {\n        focused || !label ? showPlaceholder() : hidePlaceholder();\n    }, [focused, label]);\n\n    const handleFocus = (event: NativeSyntheticEvent<TargetedEvent>) => {\n        if (disabled) {\n            return;\n        }\n\n        setFocused(true);\n        onFocus?.(event);\n    };\n\n    const handleBlur = (event: NativeSyntheticEvent<TargetedEvent>) => {\n        setFocused(false);\n        onBlur?.(event);\n    };\n\n    const style = css([\n        { opacity: disabled ? 0.3 : 1 },\n        styleProp,\n    ]);\n\n    const handleLayoutAnimatedText = (event: LayoutChangeEvent) => {\n        setLabelLayout({\n            width: event.nativeEvent.layout.width,\n            height: event.nativeEvent.layout.height,\n            measured: true,\n        });\n    };\n\n    const forceFocus = () => {\n        innerRef.current?.focus();\n    };\n\n    return (\n        <OutlinedTextField\n            animatedError={animatedError}\n            animatedLabel={animatedLabel}\n            disabled={disabled}\n            error={error}\n            focused={focused}\n            forceFocus={forceFocus}\n            icon={icon}\n            keyboardType={keyboardType}\n            label={label}\n            labelLayout={labelLayout}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onChangeText={onChangeText}\n            onIconPress={onIconPress}\n            onLayoutAnimatedText={handleLayoutAnimatedText}\n            onSubmitEditing={onSubmitEditing}\n            placeholder={placeholder}\n            ref={innerRef}\n            secureTextEntry={secureTextEntry}\n            style={style}\n            value={value}\n        />\n    );\n});\n\nexport default TextField;\n"],"mappings":"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"}
+{"version":3,"names":["TextField","React","forwardRef","props","ref","disabled","error","keyboardType","icon","label","onBlur","onChangeText","onFocus","onIconPress","onSubmitEditing","placeholder","placeholderProp","secureTextEntry","value","style","styleProp","innerRef","useRef","useImperativeHandle","focus","current","isFocused","clear","blur","setStyle","setNativeProps","animatedLabel","useAnimatedValue","animatedError","focused","setFocused","useState","setPlaceholder","labelLayout","setLabelLayout","measured","width","height","minimizeLabel","Animated","timing","toValue","duration","blurAnimationDuration","useNativeDriver","start","restoreLabel","focusAnimationDuration","showError","hideError","showPlaceholder","hidePlaceholder","useEffect","handleFocus","event","handleBlur","css","opacity","handleLayoutAnimatedText","nativeEvent","layout","forceFocus"],"sources":["TextField.tsx"],"sourcesContent":["import React, { useImperativeHandle, useRef } from 'react';\nimport { Animated, LayoutChangeEvent, NativeSyntheticEvent, TargetedEvent, TextInput } from 'react-native';\nimport { css } from '../styles';\nimport { useAnimatedValue } from '../hooks';\nimport OutlinedTextField from './OutlinedTextField';\nimport TextFieldProps, { setStyleProp } from './TextFieldProps';\nimport { blurAnimationDuration, focusAnimationDuration } from './utils';\n\nconst TextField = React.forwardRef<TextInput, TextFieldProps>(function TextField(props, ref) {\n    const {\n        disabled = false,\n        error = false,\n        keyboardType = 'default',\n        icon,\n        label,\n        onBlur,\n        onChangeText,\n        onFocus,\n        onIconPress,\n        onSubmitEditing,\n        placeholder: placeholderProp,\n        secureTextEntry = false,\n        value,\n        style: styleProp,\n    } = props;\n\n    const innerRef = useRef<TextInput | null>(null);\n    //@ts-ignore\n    useImperativeHandle(ref, () => ({\n        focus: () => {\n            innerRef.current?.focus();\n        },\n        isFocused: () => {\n            const current = innerRef.current;\n            return current ? current.isFocused() : false;\n        },\n        clear: () => {\n            innerRef.current?.clear();\n        },\n        blur: () => {\n            innerRef.current?.blur();\n        },\n        setStyle: (style: setStyleProp) => {\n            innerRef.current?.setNativeProps({\n                style,\n            });\n        },\n    }));\n\n    const animatedLabel = useAnimatedValue(value ? 0 : 1);\n    const animatedError = useAnimatedValue(error ? 1 : 0);\n    const [focused, setFocused] = React.useState(false);\n    const [placeholder, setPlaceholder] = React.useState('');\n    const [labelLayout, setLabelLayout] = React.useState({\n        measured: false,\n        width: 0,\n        height: 0,\n    });\n\n    const minimizeLabel = () => {\n        Animated.timing(animatedLabel, {\n            toValue: 0,\n            duration: blurAnimationDuration,\n            useNativeDriver: false,\n        }).start();\n    };\n\n    const restoreLabel = () => {\n        Animated.timing(animatedLabel, {\n            toValue: 1,\n            duration: focusAnimationDuration,\n            useNativeDriver: false,\n        }).start();\n    };\n\n    const showError = () => {\n        Animated.timing(animatedError, {\n            toValue: 1,\n            duration: focusAnimationDuration,\n            useNativeDriver: false,\n        }).start();\n    };\n\n    const hideError = () => {\n        Animated.timing(animatedError, {\n            toValue: 0,\n            duration: blurAnimationDuration,\n            useNativeDriver: false,\n        }).start();\n    };\n\n    const showPlaceholder = () => {\n        placeholderProp && setPlaceholder(placeholderProp);\n    };\n\n    const hidePlaceholder = () => setPlaceholder('');\n\n    React.useEffect(() => {\n        value || focused ? minimizeLabel() : restoreLabel();\n    }, [focused, value, labelLayout]);\n\n    React.useEffect(() => {\n        animatedError ? showError() : hideError();\n    }, [animatedError]);\n\n    React.useEffect(() => {\n        focused || !label ? showPlaceholder() : hidePlaceholder();\n    }, [focused, label]);\n\n    const handleFocus = (event: NativeSyntheticEvent<TargetedEvent>) => {\n        if (disabled) {\n            return;\n        }\n\n        setFocused(true);\n        onFocus?.(event);\n    };\n\n    const handleBlur = (event: NativeSyntheticEvent<TargetedEvent>) => {\n        setFocused(false);\n        onBlur?.(event);\n    };\n\n    const style = css([\n        { opacity: disabled ? 0.3 : 1 },\n        styleProp,\n    ]);\n\n    const handleLayoutAnimatedText = (event: LayoutChangeEvent) => {\n        setLabelLayout({\n            width: event.nativeEvent.layout.width,\n            height: event.nativeEvent.layout.height,\n            measured: true,\n        });\n    };\n\n    const forceFocus = () => {\n        innerRef.current?.focus();\n    };\n\n    return (\n        <OutlinedTextField\n            animatedError={animatedError}\n            animatedLabel={animatedLabel}\n            disabled={disabled}\n            error={error}\n            focused={focused}\n            forceFocus={forceFocus}\n            icon={icon}\n            keyboardType={keyboardType}\n            label={label}\n            labelLayout={labelLayout}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onChangeText={onChangeText}\n            onIconPress={onIconPress}\n            onLayoutAnimatedText={handleLayoutAnimatedText}\n            onSubmitEditing={onSubmitEditing}\n            placeholder={placeholder}\n            ref={innerRef}\n            secureTextEntry={secureTextEntry}\n            style={style}\n            value={value}\n        />\n    );\n});\n\nexport default TextField;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["TextFieldProps.ts"],"sourcesContent":["import React from 'react';\nimport { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport { ComponentProps } from '../types';\n\ntype TextFieldKeyboardType = 'default' | 'numeric' | 'email-address';\n\nexport default interface TextFieldProps extends ComponentProps<{\n    /**\n     * If true, user won't be able to interact with the component.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Whether to style the TextField with error style.\n     * @default false\n     */\n    error?: boolean,\n\n    /**\n     * It is an icon placed to the right of the TextField.\n     */\n    icon?: React.ReactElement;\n\n    /**\n     * User can specify the keyboard type.\n     * @default 'default'\n     */\n    keyboardType?: TextFieldKeyboardType;\n\n    /**\n     * The text to use for the floating label.\n     */\n    label?: string;\n\n    /**\n     * Callback that is called when the textField is blurred.\n     */\n    onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void,\n\n    /**\n     * Callback that is called when the textField's text changes.\n     */\n    onChangeText?: (value: string) => void,\n\n    /**\n     * Callback that is called when the textField is focused.\n     */\n    onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void,\n\n    /**\n     * Callback that is called when icon pressed.\n     */\n    onIconPress?: () => void;\n\n    /**\n     * Callback that is called when enter or submit key pressed.\n     */\n    onSubmitEditing?: () => void\n\n    /**\n     * Placeholder for textField.\n     */\n    placeholder?: string;\n\n    /**\n     * If true, the text input obscures the text entered so that sensitive text like passwords stay secure.\n     * @default false\n     */\n    secureTextEntry?: boolean;\n\n    /**\n     * Value of the textField.\n     */\n    value?: string;\n}> {}"],"mappings":""}
+{"version":3,"names":[],"sources":["TextFieldProps.ts"],"sourcesContent":["import React from 'react';\nimport { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport { ComponentProps } from '../types';\n\ntype TextFieldKeyboardType = 'default' | 'numeric' | 'email-address';\n\nexport interface setStyleProp {\n    fontFamily: string;\n}\n\nexport default interface TextFieldProps extends ComponentProps<{\n    /**\n     * If true, user won't be able to interact with the component.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Whether to style the TextField with error style.\n     * @default false\n     */\n    error?: boolean,\n\n    /**\n     * It is an icon placed to the right of the TextField.\n     */\n    icon?: React.ReactElement;\n\n    /**\n     * User can specify the keyboard type.\n     * @default 'default'\n     */\n    keyboardType?: TextFieldKeyboardType;\n\n    /**\n     * The text to use for the floating label.\n     */\n    label?: string;\n\n    /**\n     * Callback that is called when the textField is blurred.\n     */\n    onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void,\n\n    /**\n     * Callback that is called when the textField's text changes.\n     */\n    onChangeText?: (value: string) => void,\n\n    /**\n     * Callback that is called when the textField is focused.\n     */\n    onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void,\n\n    /**\n     * Callback that is called when icon pressed.\n     */\n    onIconPress?: () => void;\n\n    /**\n     * Callback that is called when enter or submit key pressed.\n     */\n    onSubmitEditing?: () => void\n\n    /**\n     * Placeholder for textField.\n     */\n    placeholder?: string;\n\n    /**\n     * If true, the text input obscures the text entered so that sensitive text like passwords stay secure.\n     * @default false\n     */\n    secureTextEntry?: boolean;\n\n    /**\n     * Value of the textField.\n     */\n    value?: string;\n}> {}"],"mappings":""}