@draftbit/core 46.4.4-64c11a.2 → 46.4.4-675f6c.2

package/lib/module/components/Surface.js

@@ -1,12 +1,10 @@
 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); }
-
 /* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
 import * as React from "react";
 import { Animated, StyleSheet } from "react-native";
 import shadow from "../styles/shadow";
 import overlay from "../styles/overlay";
 import { withTheme } from "../theming";
-
 const Surface = _ref => {
   let {
     elevation: propElevation,
@@ -27,7 +25,6 @@ const Surface = _ref => {
   } = theme;
   const elevation = propElevation || styleElevation;
   const evalationStyles = elevation ? shadow(elevation) : {};
-
   const getBackgroundColor = () => {
     if (backgroundColor) {
       return backgroundColor;
@@ -37,7 +34,6 @@ const Surface = _ref => {
       return colors.surface;
     }
   };
-
   return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
     style: [{
       backgroundColor: getBackgroundColor(),
@@ -47,5 +43,5 @@ const Surface = _ref => {
     }]
   }), children);
 };
-
-export default withTheme(Surface);
+export default withTheme(Surface);
+//# sourceMappingURL=Surface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","StyleSheet","shadow","overlay","withTheme","Surface","elevation","propElevation","style","theme","children","rest","styleElevation","backgroundColor","restStyle","flatten","dark","isDarkTheme","mode","colors","evalationStyles","getBackgroundColor","surface","createElement","View"],"sourceRoot":"../../src","sources":["Surface.js"],"mappings":"AAAA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,UAAU,QAAS,cAAc;AACpD,OAAOC,MAAM,MAAM,kBAAkB;AACrC,OAAOC,OAAO,MAAM,mBAAmB;AACvC,SAASC,SAAS,QAAQ,YAAY;AACtC,MAAMC,OAAO,GAAG,QAAmE;EAAA,IAAlE;IAAEC,SAAS,EAAEC,aAAa;IAAEC,KAAK;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC;EAC1E,MAAM;IAAEL,SAAS,EAAEM,cAAc,GAAG,CAAC;IAAEC,eAAe;IAAE,GAAGC;EAAU,CAAC,GAAIb,UAAU,CAACc,OAAO,CAACP,KAAK,CAAC,IAAI,CAAC,CAAE;EAC1G,MAAM;IAAEQ,IAAI,EAAEC,WAAW;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAGV,KAAK;EACjD,MAAMH,SAAS,GAAGC,aAAa,IAAIK,cAAc;EACjD,MAAMQ,eAAe,GAAGd,SAAS,GAAGJ,MAAM,CAACI,SAAS,CAAC,GAAG,CAAC,CAAC;EAC1D,MAAMe,kBAAkB,GAAG,MAAM;IAC7B,IAAIR,eAAe,EAAE;MACjB,OAAOA,eAAe;IAC1B,CAAC,MACI,IAAII,WAAW,IAAIC,IAAI,KAAK,UAAU,EAAE;MACzC,OAAOf,OAAO,CAACG,SAAS,EAAEa,MAAM,CAACG,OAAO,CAAC;IAC7C,CAAC,MACI;MACD,OAAOH,MAAM,CAACG,OAAO;IACzB;EACJ,CAAC;EACD,oBAAQvB,KAAK,CAACwB,aAAa,CAACvB,QAAQ,CAACwB,IAAI,EAAE;IAAE,GAAGb,IAAI;IAAEH,KAAK,EAAE,CACrD;MACIK,eAAe,EAAEQ,kBAAkB,EAAE;MACrCf,SAAS;MACT,GAAGc,eAAe;MAClB,GAAGN;IACP,CAAC;EACH,CAAC,EAAEJ,QAAQ,CAAC;AACtB,CAAC;AACD,eAAeN,SAAS,CAACC,OAAO,CAAC"}

package/lib/module/components/Swiper/Swiper.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { View } from "react-native";
 import SwiperComponent from "react-native-web-swiper";
-
 const Swiper = _ref => {
   let {
     vertical = false,
@@ -56,16 +55,14 @@ const Swiper = _ref => {
       item,
       index
     });
-
     if (!component) {
       return null;
     }
-
     const key = keyExtractor ? keyExtractor(item, index) : index;
     return /*#__PURE__*/React.cloneElement(component, {
       key
     });
   }) : children));
 };
-
-export default Swiper;
+export default Swiper;
+//# sourceMappingURL=Swiper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","data","keyExtractor","renderItem","children","style","createElement","controlsProps","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle","map","item","index","component","key","cloneElement"],"sourceRoot":"../../src","sources":["Swiper.js"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,eAAe,MAAM,yBAAyB;AACrD,MAAMC,MAAM,GAAG;EAAA,IAAC;IAAEC,QAAQ,GAAG,KAAK;IAAEC,IAAI,GAAG,KAAK;IAAEC,OAAO,GAAG,CAAC;IAAEC,IAAI,GAAG,CAAC;IAAEC,SAAS,GAAG,EAAE;IAAEC,SAAS,GAAG,EAAE;IAAEC,cAAc;IAAEC,cAAc;IAAEC,aAAa,GAAG,IAAI;IAAEC,QAAQ;IAAEC,cAAc;IAAEC,IAAI;IAAEC,YAAY;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAAO,CAAC;EAAA,oBAAMnB,KAAK,CAACoB,aAAa,CAACnB,IAAI,EAAE;IAAEkB,KAAK,EAAEA;EAAM,CAAC,eACvRnB,KAAK,CAACoB,aAAa,CAAClB,eAAe,EAAE;IAAEK,IAAI,EAAEA,IAAI;IAAEF,IAAI,EAAEA,IAAI;IAAEC,OAAO,EAAEA,OAAO;IAAEF,QAAQ,EAAEA,QAAQ;IAAEiB,aAAa,EAAE;MAC5Gb,SAAS;MACTC,SAAS;MACTa,cAAc,EAAE;QAAEC,KAAK,EAAEb;MAAe,CAAC;MACzCc,cAAc,EAAE;QAAED,KAAK,EAAEZ;MAAe,CAAC;MACzCC,aAAa;MACb,IAAIC,QAAQ,GACN;QAAEY,QAAQ,EAAE;UAAEC,UAAU,EAAE;YAAEC,eAAe,EAAEd;UAAS;QAAE;MAAE,CAAC,GAC3D,CAAC,CAAC,CAAC;MACT,IAAIC,cAAc,GACZ;QAAEc,cAAc,EAAE;UAAED,eAAe,EAAEb;QAAe;MAAE,CAAC,GACvD,CAAC,CAAC;IACZ;EAAE,CAAC,EAAEC,IAAI,IAAIE,UAAU,GACrBF,IAAI,CAACc,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IACxB,MAAMC,SAAS,GAAGf,UAAU,CAAC;MAAEa,IAAI;MAAEC;IAAM,CAAC,CAAC;IAC7C,IAAI,CAACC,SAAS,EAAE;MACZ,OAAO,IAAI;IACf;IACA,MAAMC,GAAG,GAAGjB,YAAY,GAAGA,YAAY,CAACc,IAAI,EAAEC,KAAK,CAAC,GAAGA,KAAK;IAC5D,oBAAO/B,KAAK,CAACkC,YAAY,CAACF,SAAS,EAAE;MACjCC;IACJ,CAAC,CAAC;EACN,CAAC,CAAC,GACAf,QAAQ,CAAC,CAAC;AAAA,CAAC;AACrB,eAAef,MAAM"}

package/lib/module/components/Swiper/SwiperItem.js

@@ -5,7 +5,6 @@ const styles = StyleSheet.create({
     flex: 1
   }
 });
-
 const SwiperItem = _ref => {
   let {
     children,
@@ -15,5 +14,5 @@ const SwiperItem = _ref => {
     style: [styles.wrapper, style]
   }, children);
 };
-
-export default SwiperItem;
+export default SwiperItem;
+//# sourceMappingURL=SwiperItem.js.map

package/lib/module/components/Swiper/SwiperItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","styles","create","wrapper","flex","SwiperItem","children","style"],"sourceRoot":"../../src","sources":["SwiperItem.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAA8B,cAAc;AAErE,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAOF,MAAMC,UAAU,GAAG;EAAA,IAAC;IAAEC,QAAQ;IAAEC;EAAmB,CAAC;EAAA,oBAClD,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACN,MAAM,CAACE,OAAO,EAAEI,KAAK;EAAE,GAAED,QAAQ,CAAQ;AAAA,CACxD;AAED,eAAeD,UAAU"}

package/lib/module/components/Swiper/index.js

@@ -1,2 +1,3 @@
 export { default as Swiper } from "./Swiper";
-export { default as SwiperItem } from "./SwiperItem";
+export { default as SwiperItem } from "./SwiperItem";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Swiper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Swiper","SwiperItem"],"sourceRoot":"../../src","sources":["index.js"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,UAAU;AAC5C,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc"}

package/lib/module/components/Switch.js

@@ -1,12 +1,9 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import * as React from "react";
 import { Switch as NativeSwitch } from "react-native";
 import { withTheme } from "../theming";
 import FormRow from "./FormRow";
 import { RowDirection } from "@draftbit/types";
 import { usePrevious } from "../hooks";
-
 function Switch(_ref) {
   let {
     value,
@@ -30,34 +27,34 @@ function Switch(_ref) {
     if (value != null && value !== checked) {
       setChecked(value);
     }
-  }, [value, checked]); // This special logic is to handle weird APIs like Airtable that return
+  }, [value, checked]);
+  // This special logic is to handle weird APIs like Airtable that return
   // true or undefined for a boolean
-
   const previousDefaultValue = usePrevious(defaultValue);
   React.useEffect(() => {
     if (defaultValue !== previousDefaultValue) {
       setChecked(Boolean(defaultValue));
     }
   }, [defaultValue, previousDefaultValue]);
-  return /*#__PURE__*/React.createElement(NativeSwitch, _extends({
+  return /*#__PURE__*/React.createElement(NativeSwitch, {
     value: checked,
     disabled: disabled,
     trackColor: {
       false: inactiveTrackThemeColor,
       true: activeTrackThemeColor
     },
-    thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor // @ts-ignore react-native-web only
-    ,
+    thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor,
+    // @ts-ignore react-native-web only
     activeThumbColor: activeThumbThemeColor,
     ios_backgroundColor: inactiveTrackThemeColor,
     style: style,
     onValueChange: bool => {
       setChecked(bool);
       onValueChange && onValueChange(bool);
-    }
-  }, rest));
+    },
+    ...rest
+  });
 }
-
 function Row(_ref2) {
   let {
     label = "Label",
@@ -85,7 +82,7 @@ function Row(_ref2) {
       setChecked(defaultValue);
     }
   }, [defaultValue]);
-  return /*#__PURE__*/React.createElement(FormRow, _extends({
+  return /*#__PURE__*/React.createElement(FormRow, {
     disabled: disabled,
     onPress: () => {
       setChecked(!checked);
@@ -93,8 +90,9 @@ function Row(_ref2) {
     },
     label: label,
     direction: direction,
-    style: style
-  }, rest), /*#__PURE__*/React.createElement(Switch, {
+    style: style,
+    ...rest
+  }, /*#__PURE__*/React.createElement(Switch, {
     theme: theme,
     value: checked,
     disabled: disabled,
@@ -105,7 +103,18 @@ function Row(_ref2) {
     inactiveThumbColor: inactiveThumbColor
   }));
 }
-
 const SwitchRow = withTheme(Row);
 export { SwitchRow };
-export default withTheme(Switch);
+export default withTheme(Switch);
+//# sourceMappingURL=Switch.js.mapsabled: disabled,
+    onValueChange: onValueChange,
+    activeTrackColor: activeTrackColor,
+    inactiveTrackColor: inactiveTrackColor,
+    activeThumbColor: activeThumbColor,
+    inactiveThumbColor: inactiveThumbColor
+  }));
+}
+const SwitchRow = withTheme(Row);
+export { SwitchRow };
+export default withTheme(Switch);
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Switch","NativeSwitch","withTheme","FormRow","RowDirection","usePrevious","value","defaultValue","disabled","onValueChange","activeTrackColor","inactiveTrackColor","activeThumbColor","inactiveThumbColor","theme","style","rest","activeTrackThemeColor","colors","primary","inactiveTrackThemeColor","activeThumbThemeColor","inactiveThumbThemeColor","checked","setChecked","useState","useEffect","previousDefaultValue","Boolean","createElement","trackColor","false","true","thumbColor","ios_backgroundColor","bool","Row","label","direction","onPress","SwitchRow"],"sourceRoot":"../../src","sources":["Switch.js"],"mappings":"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"}

package/lib/module/components/Text.js

@@ -1,29 +1,28 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import * as React from "react";
 import { Text as NativeText, I18nManager } from "react-native";
 import { withTheme } from "../theming";
-
 class Text extends React.Component {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "_root", void 0);
+    _defineProperty(this, "state", {
+      nativeProps: {}
+    });
   }
-
   setNativeProps(args) {
-    return this._root && this._root.setNativeProps(args);
+    this.state.nativeProps = args || {};
   }
-
   render() {
     const {
       style,
       ...rest
     } = this.props;
     const writingDirection = I18nManager.isRTL ? "rtl" : "ltr";
-    return /*#__PURE__*/React.createElement(NativeText, _extends({}, rest, {
+    return /*#__PURE__*/React.createElement(NativeText, _extends({}, rest, this.state.nativeProps, {
       ref: c => {
         this._root = c;
       },
@@ -33,9 +32,7 @@ class Text extends React.Component {
       }, style]
     }));
   }
-
 }
-
 export const BaseLink = _ref => {
   let {
     style,
@@ -53,4 +50,5 @@ export const BaseLink = _ref => {
 };
 const Link = withTheme(BaseLink);
 export { Link };
-export default withTheme(Text);
+export default withTheme(Text);
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","NativeText","I18nManager","withTheme","Component","nativeProps","setNativeProps","args","state","render","style","rest","props","writingDirection","isRTL","c","_root","textAlign","BaseLink","theme","title","color","colors","primary","Link"],"sourceRoot":"../../src","sources":["Text.tsx"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,IAAIC,UAAU,EAAEC,WAAW,QAAmB,cAAc;AACzE,SAASC,SAAS,QAAQ,YAAY;AAOtC,MAAMH,IAAI,SAASD,KAAK,CAACK,SAAS,CAAQ;EAAA;IAAA;IAAA;IAAA,+BAG3B;MACXC,WAAW,EAAE,CAAC;IAChB,CAAC;EAAA;EAEDC,cAAc,CAACC,IAAe,EAAE;IAC9B,IAAI,CAACC,KAAK,CAACH,WAAW,GAAGE,IAAI,IAAI,CAAC,CAAC;EACrC;EAEAE,MAAM,GAAG;IACP,MAAM;MAAEC,KAAK;MAAE,GAAGC;IAAK,CAAC,GAAG,IAAI,CAACC,KAAK;IACrC,MAAMC,gBAAgB,GAAGX,WAAW,CAACY,KAAK,GAAG,KAAK,GAAG,KAAK;IAE1D,oBACE,oBAAC,UAAU,eACLH,IAAI,EACJ,IAAI,CAACH,KAAK,CAACH,WAAW;MAC1B,GAAG,EAAGU,CAAC,IAAK;QACV,IAAI,CAACC,KAAK,GAAGD,CAAC;MAChB,CAAE;MACF,KAAK,EAAE,CACL;QACEE,SAAS,EAAE,MAAM;QACjBJ;MACF,CAAC,EACDH,KAAK;IACL,GACF;EAEN;AACF;AAEA,OAAO,MAAMQ,QAAQ,GAAG,QAKA;EAAA,IALC;IACvBR,KAAK;IACLS,KAAK;IACLC,KAAK;IACL,GAAGR;EACA,CAAC;EACJ,oBACE,oBAAC,IAAI;IACH,OAAO,EAAE,CAAE;IACX,KAAK,EAAE,CAAC;MAAES,KAAK,EAAEF,KAAK,CAACG,MAAM,CAACC;IAAQ,CAAC,EAAEb,KAAK,CAAE;IAChD,KAAK,EAAES;EAAM,GACTP,KAAK,GAERQ,KAAK,CACD;AAEX,CAAC;AAED,MAAMI,IAAS,GAAGrB,SAAS,CAACe,QAAQ,CAAC;AACrC,SAASM,IAAI;AAEb,eAAerB,SAAS,CAACH,IAAI,CAAC"}

package/lib/module/components/TextField.js

@@ -1,7 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import * as React from "react";
 import { View, Animated, TextInput as NativeTextInput, StyleSheet, Text, I18nManager } from "react-native";
 import { withTheme } from "../theming";
@@ -10,12 +6,11 @@ const AnimatedText = Animated.createAnimatedComponent(Text);
 const FOCUS_ANIMATION_DURATION = 150;
 const BLUR_ANIMATION_DURATION = 180;
 const ICON_SIZE = 24;
-
 class TextField extends React.Component {
   constructor() {
     super(...arguments);
-
-    _defineProperty(this, "state", {
+    this.state = {
+      nativeProps: {},
       labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),
       focused: false,
       placeholder: this.props.error ? this.props.placeholder : "",
@@ -23,60 +18,49 @@ class TextField extends React.Component {
         measured: false,
         width: 0
       }
-    });
-
-    _defineProperty(this, "_timer", setTimeout(() => {}, 0));
-
-    _defineProperty(this, "_showPlaceholder", () => {
-      clearTimeout(this._timer); // Set the placeholder in a delay to offset the label animation
+    };
+    this._timer = setTimeout(() => {}, 0);
+    this._showPlaceholder = () => {
+      clearTimeout(this._timer);
+      // Set the placeholder in a delay to offset the label animation
       // If we show it immediately, they'll overlap and look ugly
-
       this._timer = setTimeout(() => this.setState({
         placeholder: this.props.placeholder
       }), 50);
-    });
-
-    _defineProperty(this, "_hidePlaceholder", () => this.setState({
+    };
+    this._hidePlaceholder = () => this.setState({
       placeholder: ""
-    }));
-
-    _defineProperty(this, "_restoreLabel", () => Animated.timing(this.state.labeled, {
+    });
+    this._restoreLabel = () => Animated.timing(this.state.labeled, {
       toValue: 1,
       duration: FOCUS_ANIMATION_DURATION,
       useNativeDriver: true
-    }).start());
-
-    _defineProperty(this, "_minmizeLabel", () => Animated.timing(this.state.labeled, {
+    }).start();
+    this._minmizeLabel = () => Animated.timing(this.state.labeled, {
       toValue: 0,
       duration: BLUR_ANIMATION_DURATION,
       useNativeDriver: true
-    }).start());
-
-    _defineProperty(this, "_handleFocus", () => {
+    }).start();
+    this._handleFocus = () => {
       if (this.props.disabled) {
         return;
       }
-
       this.setState({
         focused: true
       });
-    });
-
-    _defineProperty(this, "_handleBlur", () => {
+    };
+    this._handleBlur = () => {
       if (this.props.disabled) {
         return;
       }
-
       this.setState({
         focused: false
       });
-    });
-
-    _defineProperty(this, "_handleChangeText", value => {
+    };
+    this._handleChangeText = value => {
       if (this.props.disabled) {
         return;
       }
-
       if (typeof value === "string") {
         this.setState({
           value
@@ -88,27 +72,22 @@ class TextField extends React.Component {
         });
         this.props.onChangeText && this.props.onChangeText(value.nativeEvent.text);
       }
-    });
-
-    _defineProperty(this, "_root", undefined);
+    };
+    this._root = undefined;
   }
-
   static getDerivedStateFromProps(nextProps, prevState) {
     return {
       value: typeof nextProps.value !== "undefined" ? nextProps.value : prevState.value
     };
   }
-
   componentDidMount() {
     if (this.props.defaultValue) {
       this._handleChangeText(this.props.defaultValue);
     }
-
     if (this.props.placeholder) {
       this._minmizeLabel();
     }
   }
-
   componentDidUpdate(prevProps, prevState) {
     if (prevState.focused !== this.state.focused || prevState.value !== this.state.value) {
       // The label should be minimized if the text input is focused, or has text
@@ -119,7 +98,6 @@ class TextField extends React.Component {
         this._restoreLabel();
       }
     }
-
     if (prevState.focused !== this.state.focused || prevProps.label !== this.props.label) {
       // Show placeholder text only if the input is focused, or has error, or there's no label
       // We don't show placeholder if there's a label because the label acts as placeholder
@@ -131,40 +109,35 @@ class TextField extends React.Component {
       }
     }
   }
-
   componentWillUnmount() {
     clearTimeout(this._timer);
   }
-
   toggleFocus() {
     this.setState(prevState => ({
       focused: !prevState.focused
     }));
   }
-
   /**
    * @internal
    */
   setNativeProps(args) {
-    return this._root && this._root.setNativeProps(args);
+    this.setState(state => ({
+      ...state,
+      nativeState: args || {}
+    }));
   }
-
   isFocused() {
     return this._root && this._root.isFocused();
   }
-
   clear() {
     return this._root && this._root.clear();
   }
-
   focus() {
     return this._root && this._root.focus();
   }
-
   blur() {
     return this._root && this._root.blur();
   }
-
   render() {
     const {
       Icon,
@@ -187,7 +160,9 @@ class TextField extends React.Component {
         roundness,
         disabledOpacity
       },
-      render = props => /*#__PURE__*/React.createElement(NativeTextInput, props),
+      render = props => /*#__PURE__*/React.createElement(NativeTextInput, {
+        ...props
+      }),
       ...rest
     } = this.props;
     const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
@@ -197,7 +172,6 @@ class TextField extends React.Component {
     const hasActiveOutline = this.state.focused || error;
     let inputTextColor, activeColor, underlineColor, borderColor, placeholderColor, containerStyle, backgroundColor, inputStyle;
     inputTextColor = colors.strong;
-
     if (disabled) {
       activeColor = colors.light;
       placeholderColor = colors.light;
@@ -210,11 +184,9 @@ class TextField extends React.Component {
       underlineColor = underlineColorProp;
       backgroundColor = colors.background;
     }
-
     if (rest.placeholderTextColor) {
       placeholderColor = rest.placeholderTextColor;
     }
-
     const {
       lineHeight,
       ...subtitle1
@@ -226,13 +198,10 @@ class TextField extends React.Component {
       paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,
       ...subtitle1
     };
-
     if (!multiline) {
       inputStyle.height = lineHeight;
     }
-
     let assistiveTextLeftMargin;
-
     if (type === "underline") {
       containerStyle = {
         borderTopLeftRadius: roundness,
@@ -240,7 +209,6 @@ class TextField extends React.Component {
         paddingBottom: 12,
         marginTop: 16
       };
-
       if (leftIconName && leftIconMode === "outset") {
         assistiveTextLeftMargin = ICON_SIZE + 8;
       } else {
@@ -256,7 +224,6 @@ class TextField extends React.Component {
         opacity: disabled ? disabledOpacity : 1,
         backgroundColor
       };
-
       if (leftIconName && leftIconMode === "inset") {
         assistiveTextLeftMargin = 16 + 4;
       } else if (leftIconName && leftIconMode === "outset") {
@@ -264,16 +231,12 @@ class TextField extends React.Component {
       } else {
         assistiveTextLeftMargin = 12;
       }
-
       inputStyle.paddingHorizontal = 12;
     }
-
     if (leftIconName && leftIconMode === "outset") {
       containerStyle.marginLeft = ICON_SIZE + 8;
     }
-
     let leftIconColor;
-
     if (error) {
       leftIconColor = colors.error;
     } else if (this.state.focused) {
@@ -281,7 +244,6 @@ class TextField extends React.Component {
     } else {
       leftIconColor = colors.light;
     }
-
     const leftIconProps = {
       size: 24,
       color: leftIconColor,
@@ -292,7 +254,8 @@ class TextField extends React.Component {
       marginTop: type === "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : leftIconMode === "outset" ? 16 : 0,
       marginLeft: leftIconMode === "inset" && type === "solid" ? 16 : 0
     };
-    const labelStyle = { ...typography.subtitle1,
+    const labelStyle = {
+      ...typography.subtitle1,
       top: type === "solid" ? 16 : 0,
       left: leftIconName && leftIconMode === "inset" ? ICON_SIZE + (type === "solid" ? 16 : 12) : 0,
       transform: [{
@@ -339,9 +302,10 @@ class TextField extends React.Component {
     } = StyleSheet.flatten(style || {});
     return /*#__PURE__*/React.createElement(View, {
       style: [styles.container, styleProp]
-    }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
+    }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, {
+      ...leftIconProps,
       style: leftIconStyle
-    })) : null, /*#__PURE__*/React.createElement(View, {
+    }) : null, /*#__PURE__*/React.createElement(View, {
       style: applyStyles([containerStyle], {
         height: style === null || style === void 0 ? void 0 : style.height,
         backgroundColor: bgColor,
@@ -376,7 +340,8 @@ class TextField extends React.Component {
     React.createElement(View, {
       pointerEvents: "none",
       style: [StyleSheet.absoluteFill, {
-        opacity: // Hide the label in minimized state until we measure its width
+        opacity:
+        // Hide the label in minimized state until we measure its width
         this.state.value || this.state.focused ? this.state.labelLayout.measured ? 1 : 0 : 1
       }]
     }, /*#__PURE__*/React.createElement(AnimatedText, {
@@ -408,9 +373,10 @@ class TextField extends React.Component {
       style: {
         justifyContent: type === "solid" ? "center" : undefined
       }
-    }, /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
+    }, /*#__PURE__*/React.createElement(Icon, {
+      ...leftIconProps,
       style: leftIconStyle
-    }))) : null, render({
+    })) : null, render({
       ref: c => {
         this._root = c;
       },
@@ -426,6 +392,58 @@ class TextField extends React.Component {
       underlineColorAndroid: "transparent",
       style: inputStyles,
       ...rest,
+      ...this.state.nativeProps,
+      value: this.state.value
+    })), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
+      name: rightIconName,
+      size: ICON_SIZE,
+      color: colors.light,
+      style: {
+        position: "absolute",
+        right: 16,
+        marginTop: type === "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16
+      }
+    }) : null, assistiveText ? /*#__PURE__*/React.createElement(Text, {
+      style: [{
+        color: error ? colors.error : colors.light,
+        marginTop: 8,
+        marginLeft: assistiveTextLeftMargin
+      }]
+    }, assistiveText) : null);
+  }
+}
+export default withTheme(TextField);
+const styles = StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  },
+  placeholder: {
+    position: "absolute",
+    left: 0
+  },
+  underline: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    bottom: 0,
+    height: 2
+  },
+  input: {
+    flexGrow: 1,
+    justifyContent: "center",
+    textAlignVertical: "center",
+    margin: 0,
+    textAlign: I18nManager.isRTL ? "right" : "left"
+  }
+});
+//# sourceMappingURL=TextField.js.map,
+      numberOfLines,
+      onFocus: this._handleFocus,
+      onBlur: this._handleBlur,
+      underlineColorAndroid: "transparent",
+      style: inputStyles,
+      ...rest,
+      ...this.state.nativeProps,
       value: this.state.value
     })), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
       name: rightIconName,
@@ -444,9 +462,7 @@ class TextField extends React.Component {
       }]
     }, assistiveText) : null);
   }
-
 }
-
 export default withTheme(TextField);
 const styles = StyleSheet.create({
   container: {
@@ -470,4 +486,5 @@ const styles = StyleSheet.create({
     margin: 0,
     textAlign: I18nManager.isRTL ? "right" : "left"
   }
-});
+});
+//# sourceMappingURL=TextField.js.map