@draftbit/core 46.4.4-d93fe1.2 → 46.4.4-e6ab40.2

package/lib/commonjs/components/Table/TableCell.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _utilities = require("../../utilities");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const TableCell = _ref => {
+  let {
+    children,
+    style,
+    numeric,
+    value,
+    ...rest
+  } = _ref;
+  const {
+    textStyles,
+    viewStyles
+  } = (0, _utilities.extractStyles)(style);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
+    style: [styles.wrapper, numeric && styles.right, viewStyles]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    numberOfLines: 1,
+    style: textStyles
+  }, children, value));
+};
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    display: "flex",
+    flexDirection: "row"
+  },
+  right: {
+    justifyContent: "flex-end"
+  }
+});
+var _default = TableCell;
+exports.default = _default;
+//# sourceMappingURL=TableCell.js.map

package/lib/commonjs/components/Table/TableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TableCell","children","style","numeric","value","rest","textStyles","viewStyles","extractStyles","styles","wrapper","right","StyleSheet","create","flex","display","flexDirection","justifyContent"],"sourceRoot":"../../src","sources":["TableCell.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AAAgD;AAAA;AAShD,MAAMA,SAAS,GAAG,QAMI;EAAA,IANH;IACjBC,QAAQ;IACRC,KAAK;IACLC,OAAO;IACPC,KAAK;IACL,GAAGC;EACW,CAAC;EACf,MAAM;IAAEC,UAAU;IAAEC;EAAW,CAAC,GAAG,IAAAC,wBAAa,EAACN,KAAK,CAAC;EACvD,oBACE,6BAAC,iBAAI,eACCG,IAAI;IACR,KAAK,EAAE,CAACI,MAAM,CAACC,OAAO,EAAEP,OAAO,IAAIM,MAAM,CAACE,KAAK,EAAEJ,UAAU;EAAE,iBAE7D,6BAAC,iBAAI;IAAC,aAAa,EAAE,CAAE;IAAC,KAAK,EAAED;EAAW,GACvCL,QAAQ,EACRG,KAAK,CACD,CACF;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE;EACjB,CAAC;EACDL,KAAK,EAAE;IACLM,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAAC,eAEYjB,SAAS;AAAA"}

package/lib/commonjs/components/Table/TableHeader.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _theming = require("../../theming");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const TableHeader = _ref => {
+  let {
+    children,
+    style,
+    theme,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
+    style: [styles.wrapper, {
+      borderBottomColor: theme.colors.medium
+    }, style]
+  }), children);
+};
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    display: "flex",
+    flexDirection: "row"
+  }
+});
+var _default = (0, _theming.withTheme)(TableHeader);
+exports.default = _default;
+//# sourceMappingURL=TableHeader.js.map

package/lib/commonjs/components/Table/TableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TableHeader","children","style","theme","rest","styles","wrapper","borderBottomColor","colors","medium","StyleSheet","create","display","flexDirection","withTheme"],"sourceRoot":"../../src","sources":["TableHeader.tsx"],"mappings":";;;;;;AAAA;AACA;AAEA;AAA0C;AAAA;AAQ1C,MAAMA,WAAW,GAAG;EAAA,IAAC;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGC;EAAuB,CAAC;EAAA,oBACxE,6BAAC,iBAAI,eACCA,IAAI;IACR,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAE;MAAEC,iBAAiB,EAAEJ,KAAK,CAACK,MAAM,CAACC;IAAO,CAAC,EAAEP,KAAK;EAAE,IAE1ED,QAAQ,CACJ;AAAA,CACR;AAED,MAAMI,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BL,OAAO,EAAE;IACPM,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAAC,eAEY,IAAAC,kBAAS,EAACd,WAAW,CAAC;AAAA"}

package/lib/commonjs/components/Table/TablePaginator.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const TablePaginator = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "Table Paginator"));
+var _default = TablePaginator;
+exports.default = _default;
+//# sourceMappingURL=TablePaginator.js.map

package/lib/commonjs/components/Table/TablePaginator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TablePaginator"],"sourceRoot":"../../src","sources":["TablePaginator.tsx"],"mappings":";;;;;;AAAA;AACA;AAA0C;AAE1C,MAAMA,cAAc,GAAG,mBACrB,6BAAC,iBAAI,qBACH,6BAAC,iBAAI,0BAAuB,CAE/B;AAAC,eAEaA,cAAc;AAAA"}

package/lib/commonjs/components/Table/TableRow.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _theming = require("../../theming");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const TableRow = _ref => {
+  let {
+    children,
+    style,
+    theme,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
+    style: [styles.container, {
+      borderBottomColor: theme.colors.light
+    }, style]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.content
+  }, children));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    display: "flex",
+    flexDirection: "row"
+  },
+  content: {
+    flex: 1,
+    flexDirection: "row"
+  }
+});
+var _default = (0, _theming.withTheme)(TableRow);
+exports.default = _default;
+//# sourceMappingURL=TableRow.js.map

package/lib/commonjs/components/Table/TableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TableRow","children","style","theme","rest","styles","container","borderBottomColor","colors","light","content","StyleSheet","create","display","flexDirection","flex","withTheme"],"sourceRoot":"../../src","sources":["TableRow.tsx"],"mappings":";;;;;;AAAA;AACA;AAEA;AAA0C;AAAA;AAO1C,MAAMA,QAAQ,GAAG;EAAA,IAAC;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGC;EAAoB,CAAC;EAAA,oBAClE,6BAAC,iBAAI,eACCA,IAAI;IACR,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,iBAAiB,EAAEJ,KAAK,CAACK,MAAM,CAACC;IAAM,CAAC,EAAEP,KAAK;EAAE,iBAE5E,6BAAC,iBAAI;IAAC,KAAK,EAAEG,MAAM,CAACK;EAAQ,GAAET,QAAQ,CAAQ,CACzC;AAAA,CACR;AAED,MAAMI,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE;EACjB,CAAC;EACDJ,OAAO,EAAE;IACPK,IAAI,EAAE,CAAC;IACPD,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAAC,eAEY,IAAAE,kBAAS,EAAChB,QAAQ,CAAC;AAAA"}

package/lib/commonjs/components/Table/TableTitle.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _utilities = require("../../utilities");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const TableTitle = _ref => {
+  let {
+    children,
+    style,
+    numeric = false,
+    isAscending = false,
+    numberOfLines = 1,
+    title,
+    ...rest
+  } = _ref;
+  const {
+    textStyles,
+    viewStyles
+  } = (0, _utilities.extractStyles)(style);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
+    style: [styles.wrapper, numeric && styles.right, viewStyles]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [isAscending ? styles.sorted : {
+      color: "gray"
+    }, textStyles],
+    numberOfLines: numberOfLines
+  }, children, title));
+};
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    display: "flex",
+    flexDirection: "row"
+  },
+  right: {
+    justifyContent: "flex-end"
+  },
+  sorted: {
+    // marginLeft: 8,
+  },
+  icon: {
+    height: 24,
+    justifyContent: "center"
+  }
+});
+var _default = TableTitle;
+exports.default = _default;
+//# sourceMappingURL=TableTitle.js.map

package/lib/commonjs/components/Table/TableTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TableTitle","children","style","numeric","isAscending","numberOfLines","title","rest","textStyles","viewStyles","extractStyles","styles","wrapper","right","sorted","color","StyleSheet","create","flex","display","flexDirection","justifyContent","icon","height"],"sourceRoot":"../../src","sources":["TableTitle.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AAAgD;AAAA;AAWhD,MAAMA,UAAU,GAAG,QAQG;EAAA,IARF;IAClBC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG,KAAK;IACfC,WAAW,GAAG,KAAK;IACnBC,aAAa,GAAG,CAAC;IACjBC,KAAK;IACL,GAAGC;EACW,CAAC;EACf,MAAM;IAAEC,UAAU;IAAEC;EAAW,CAAC,GAAG,IAAAC,wBAAa,EAACR,KAAK,CAAC;EACvD,oBACE,6BAAC,iBAAI,eACCK,IAAI;IACR,KAAK,EAAE,CAACI,MAAM,CAACC,OAAO,EAAET,OAAO,IAAIQ,MAAM,CAACE,KAAK,EAAEJ,UAAU;EAAE,iBAE7D,6BAAC,iBAAI;IACH,KAAK,EAAE,CAACL,WAAW,GAAGO,MAAM,CAACG,MAAM,GAAG;MAAEC,KAAK,EAAE;IAAO,CAAC,EAAEP,UAAU,CAAE;IACrE,aAAa,EAAEH;EAAc,GAE5BJ,QAAQ,EACRK,KAAK,CACD,CACF;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BL,OAAO,EAAE;IACPM,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE;EACjB,CAAC;EACDP,KAAK,EAAE;IACLQ,cAAc,EAAE;EAClB,CAAC;EACDP,MAAM,EAAE;IACN;EAAA,CACD;EACDQ,IAAI,EAAE;IACJC,MAAM,EAAE,EAAE;IACVF,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAAC,eAEYrB,UAAU;AAAA"}

package/lib/commonjs/components/Table/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function () {
+    return _Table.default;
+  }
+});
+Object.defineProperty(exports, "TableCell", {
+  enumerable: true,
+  get: function () {
+    return _TableCell.default;
+  }
+});
+Object.defineProperty(exports, "TableHeader", {
+  enumerable: true,
+  get: function () {
+    return _TableHeader.default;
+  }
+});
+Object.defineProperty(exports, "TablePaginator", {
+  enumerable: true,
+  get: function () {
+    return _TablePaginator.default;
+  }
+});
+Object.defineProperty(exports, "TableRow", {
+  enumerable: true,
+  get: function () {
+    return _TableRow.default;
+  }
+});
+Object.defineProperty(exports, "TableTitle", {
+  enumerable: true,
+  get: function () {
+    return _TableTitle.default;
+  }
+});
+var _Table = _interopRequireDefault(require("./Table"));
+var _TableHeader = _interopRequireDefault(require("./TableHeader"));
+var _TablePaginator = _interopRequireDefault(require("./TablePaginator"));
+var _TableRow = _interopRequireDefault(require("./TableRow"));
+var _TableCell = _interopRequireDefault(require("./TableCell"));
+var _TableTitle = _interopRequireDefault(require("./TableTitle"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAqD"}

package/lib/commonjs/components/Text.js

@@ -4,39 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Link = exports.BaseLink = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _theming = require("../theming");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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); }
 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 = _reactNative.I18nManager.isRTL ? "rtl" : "ltr";
-    return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({}, rest, {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({}, rest, this.state.nativeProps, {
       ref: c => {
         this._root = c;
       },
@@ -46,9 +40,7 @@ class Text extends React.Component {
       }, style]
     }));
   }
-
 }
-
 const BaseLink = _ref => {
   let {
     style,
@@ -64,11 +56,9 @@ const BaseLink = _ref => {
     theme: theme
   }, props), title);
 };
-
 exports.BaseLink = BaseLink;
 const Link = (0, _theming.withTheme)(BaseLink);
 exports.Link = Link;
-
 var _default = (0, _theming.withTheme)(Text);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Text","React","Component","nativeProps","setNativeProps","args","state","render","style","rest","props","writingDirection","I18nManager","isRTL","c","_root","textAlign","BaseLink","theme","title","color","colors","primary","Link","withTheme"],"sourceRoot":"../../src","sources":["Text.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvC,MAAMA,IAAI,SAASC,KAAK,CAACC,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,GAAGC,wBAAW,CAACC,KAAK,GAAG,KAAK,GAAG,KAAK;IAE1D,oBACE,oBAAC,iBAAU,eACLJ,IAAI,EACJ,IAAI,CAACH,KAAK,CAACH,WAAW;MAC1B,GAAG,EAAGW,CAAC,IAAK;QACV,IAAI,CAACC,KAAK,GAAGD,CAAC;MAChB,CAAE;MACF,KAAK,EAAE,CACL;QACEE,SAAS,EAAE,MAAM;QACjBL;MACF,CAAC,EACDH,KAAK;IACL,GACF;EAEN;AACF;AAEO,MAAMS,QAAQ,GAAG,QAKA;EAAA,IALC;IACvBT,KAAK;IACLU,KAAK;IACLC,KAAK;IACL,GAAGT;EACA,CAAC;EACJ,oBACE,oBAAC,IAAI;IACH,OAAO,EAAE,CAAE;IACX,KAAK,EAAE,CAAC;MAAEU,KAAK,EAAEF,KAAK,CAACG,MAAM,CAACC;IAAQ,CAAC,EAAEd,KAAK,CAAE;IAChD,KAAK,EAAEU;EAAM,GACTR,KAAK,GAERS,KAAK,CACD;AAEX,CAAC;AAAC;AAEF,MAAMI,IAAS,GAAG,IAAAC,kBAAS,EAACP,QAAQ,CAAC;AAAC;AAAA,eAGvB,IAAAO,kBAAS,EAACxB,IAAI,CAAC;AAAA"}

package/lib/commonjs/components/TextField.js

@@ -4,34 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _theming = require("../theming");
-
 var _utilities = require("../utilities");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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); }
 const AnimatedText = _reactNative.Animated.createAnimatedComponent(_reactNative.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", {
+      nativeProps: {},
       labeled: new _reactNative.Animated.Value(this.props.value || this.props.error ? 0 : 1),
       focused: false,
       placeholder: this.props.error ? this.props.placeholder : "",
@@ -40,59 +31,49 @@ class TextField extends React.Component {
         width: 0
       }
     });
-
     _defineProperty(this, "_timer", setTimeout(() => {}, 0));
-
     _defineProperty(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
+      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({
       placeholder: ""
     }));
-
     _defineProperty(this, "_restoreLabel", () => _reactNative.Animated.timing(this.state.labeled, {
       toValue: 1,
       duration: FOCUS_ANIMATION_DURATION,
       useNativeDriver: true
     }).start());
-
     _defineProperty(this, "_minmizeLabel", () => _reactNative.Animated.timing(this.state.labeled, {
       toValue: 0,
       duration: BLUR_ANIMATION_DURATION,
       useNativeDriver: true
     }).start());
-
     _defineProperty(this, "_handleFocus", () => {
       if (this.props.disabled) {
         return;
       }
-
       this.setState({
         focused: true
       });
     });
-
     _defineProperty(this, "_handleBlur", () => {
       if (this.props.disabled) {
         return;
       }
-
       this.setState({
         focused: false
       });
     });
-
     _defineProperty(this, "_handleChangeText", value => {
       if (this.props.disabled) {
         return;
       }
-
       if (typeof value === "string") {
         this.setState({
           value
@@ -105,26 +86,21 @@ class TextField extends React.Component {
         this.props.onChangeText && this.props.onChangeText(value.nativeEvent.text);
       }
     });
-
     _defineProperty(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
@@ -135,7 +111,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
@@ -147,40 +122,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,
@@ -213,7 +183,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;
@@ -226,11 +195,9 @@ class TextField extends React.Component {
       underlineColor = underlineColorProp;
       backgroundColor = colors.background;
     }
-
     if (rest.placeholderTextColor) {
       placeholderColor = rest.placeholderTextColor;
     }
-
     const {
       lineHeight,
       ...subtitle1
@@ -242,13 +209,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,
@@ -256,7 +220,6 @@ class TextField extends React.Component {
         paddingBottom: 12,
         marginTop: 16
       };
-
       if (leftIconName && leftIconMode === "outset") {
         assistiveTextLeftMargin = ICON_SIZE + 8;
       } else {
@@ -272,7 +235,6 @@ class TextField extends React.Component {
         opacity: disabled ? disabledOpacity : 1,
         backgroundColor
       };
-
       if (leftIconName && leftIconMode === "inset") {
         assistiveTextLeftMargin = 16 + 4;
       } else if (leftIconName && leftIconMode === "outset") {
@@ -280,16 +242,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) {
@@ -297,7 +255,6 @@ class TextField extends React.Component {
     } else {
       leftIconColor = colors.light;
     }
-
     const leftIconProps = {
       size: 24,
       color: leftIconColor,
@@ -308,7 +265,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: [{
@@ -337,7 +295,6 @@ class TextField extends React.Component {
     const inputStyles = (0, _utilities.applyStyles)([styles.input, inputStyle, type === "solid" ? {
       marginHorizontal: 12
     } : {}], textStyles);
-
     const {
       backgroundColor: bgColor,
       padding,
@@ -354,7 +311,6 @@ class TextField extends React.Component {
       borderColor: borderCol,
       ...styleProp
     } = _reactNative.StyleSheet.flatten(style || {});
-
     return /*#__PURE__*/React.createElement(_reactNative.View, {
       style: [styles.container, styleProp]
     }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
@@ -394,7 +350,8 @@ class TextField extends React.Component {
     React.createElement(_reactNative.View, {
       pointerEvents: "none",
       style: [_reactNative.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, {
@@ -444,6 +401,7 @@ class TextField extends React.Component {
       underlineColorAndroid: "transparent",
       style: inputStyles,
       ...rest,
+      ...this.state.nativeProps,
       value: this.state.value
     })), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
       name: rightIconName,
@@ -462,13 +420,9 @@ class TextField extends React.Component {
       }]
     }, assistiveText) : null);
   }
-
 }
-
 var _default = (0, _theming.withTheme)(TextField);
-
 exports.default = _default;
-
 const styles = _reactNative.StyleSheet.create({
   container: {
     alignSelf: "stretch"
@@ -491,4 +445,5 @@ const styles = _reactNative.StyleSheet.create({
     margin: 0,
     textAlign: _reactNative.I18nManager.isRTL ? "right" : "left"
   }
-});
+});
+//# sourceMappingURL=TextField.js.map