@draftbit/core 46.4.4-d73221.2 → 46.4.4-dc4ec4.2

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"],"sources":["Text.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text as NativeText, I18nManager, TextProps } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  theme: Theme;\n} & TextProps;\n\nclass Text extends React.Component<Props> {\n  _root: any;\n\n  state: any = {\n    nativeProps: {},\n  };\n\n  setNativeProps(args: TextProps) {\n    this.state.nativeProps = args || {};\n  }\n\n  render() {\n    const { style, ...rest } = this.props;\n    const writingDirection = I18nManager.isRTL ? \"rtl\" : \"ltr\";\n\n    return (\n      <NativeText\n        {...rest}\n        {...this.state.nativeProps}\n        ref={(c) => {\n          this._root = c;\n        }}\n        style={[\n          {\n            textAlign: \"left\",\n            writingDirection,\n          },\n          style,\n        ]}\n      />\n    );\n  }\n}\n\nexport const BaseLink = ({\n  style,\n  theme,\n  title,\n  ...props\n}: any): JSX.Element => {\n  return (\n    <Text\n      hitSlop={8}\n      style={[{ color: theme.colors.primary }, style]}\n      theme={theme}\n      {...props}\n    >\n      {title}\n    </Text>\n  );\n};\n\nconst Link: any = withTheme(BaseLink);\nexport { Link };\n\nexport default withTheme(Text);\n"],"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

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

@@ -0,0 +1 @@
+{"version":3,"names":["AnimatedText","Animated","createAnimatedComponent","Text","FOCUS_ANIMATION_DURATION","BLUR_ANIMATION_DURATION","ICON_SIZE","TextField","React","Component","nativeProps","labeled","Value","props","value","error","focused","placeholder","labelLayout","measured","width","setTimeout","clearTimeout","_timer","setState","timing","state","toValue","duration","useNativeDriver","start","disabled","onChangeText","nativeEvent","text","undefined","getDerivedStateFromProps","nextProps","prevState","componentDidMount","defaultValue","_handleChangeText","_minmizeLabel","componentDidUpdate","prevProps","_restoreLabel","label","_showPlaceholder","_hidePlaceholder","componentWillUnmount","toggleFocus","setNativeProps","args","nativeState","isFocused","_root","clear","focus","blur","render","Icon","type","leftIconName","leftIconMode","rightIconName","assistiveText","underlineColor","underlineColorProp","activeBorderColor","activeBorderColorProp","multiline","numberOfLines","style","theme","colors","typography","roundness","disabledOpacity","rest","MINIMIZED_LABEL_Y_OFFSET","caption","lineHeight","OUTLINE_MINIMIZED_LABEL_Y_OFFSET","MAXIMIZED_LABEL_FONT_SIZE","subtitle1","fontSize","MINIMIZED_LABEL_FONT_SIZE","hasActiveOutline","inputTextColor","activeColor","borderColor","placeholderColor","containerStyle","backgroundColor","inputStyle","strong","light","divider","background","placeholderTextColor","paddingVertical","color","paddingLeft","paddingRight","height","assistiveTextLeftMargin","borderTopLeftRadius","borderTopRightRadius","paddingBottom","marginTop","borderRadius","borderWidth","paddingTop","opacity","paddingHorizontal","marginLeft","leftIconColor","primary","leftIconProps","size","name","leftIconStyle","position","labelStyle","top","left","transform","translateY","interpolate","inputRange","outputRange","scale","translateX","textStyles","extractStyles","inputStyles","applyStyles","styles","input","marginHorizontal","bgColor","padding","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderCol","styleProp","StyleSheet","flatten","container","underline","scaleY","absoluteFill","e","layout","justifyContent","ref","c","onChange","editable","selectionColor","onFocus","_handleFocus","onBlur","_handleBlur","underlineColorAndroid","right","withTheme","create","alignSelf","bottom","flexGrow","textAlignVertical","margin","textAlign","I18nManager","isRTL"],"sources":["TextField.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  Animated,\n  TextInput as NativeTextInput,\n  StyleSheet,\n  Text,\n  I18nManager,\n  StyleProp,\n  TextInputProps,\n  NativeSyntheticEvent,\n  TextInputChangeEventData,\n  ViewStyle,\n  TextStyle,\n  LayoutChangeEvent,\n  ImageStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport { applyStyles, extractStyles } from \"../utilities\";\n\nconst AnimatedText = Animated.createAnimatedComponent(Text);\n\nconst FOCUS_ANIMATION_DURATION = 150;\nconst BLUR_ANIMATION_DURATION = 180;\nconst ICON_SIZE = 24;\n\nexport type Props = {\n  type?: \"solid\" | \"underline\";\n  defaultValue?: string;\n  disabled?: boolean;\n  label?: string;\n  error?: boolean;\n  leftIconName?: string;\n  leftIconMode?: \"inset\" | \"outset\";\n  onChangeText: (\n    text: string | NativeSyntheticEvent<TextInputChangeEventData>\n  ) => void;\n  rightIconName?: string;\n  assistiveText?: string;\n  multiline?: boolean;\n  numberOfLines: number;\n  underlineColor?: string;\n  activeBorderColor?: string;\n  style?: StyleProp<ViewStyle> & { height?: number };\n  theme: Theme;\n  render?: (\n    props: TextInputProps & { ref: (c: NativeTextInput) => void }\n  ) => React.ReactNode;\n} & TextInputProps &\n  IconSlot;\n\ninterface State {\n  nativeProps: any;\n  labeled: Animated.Value;\n  focused?: boolean;\n  placeholder?: string | undefined;\n  labelLayout: {\n    measured: boolean;\n    width: number;\n  };\n  value?: string;\n}\n\nclass TextField extends React.Component<Props, State> {\n  static getDerivedStateFromProps(nextProps: Props, prevState: State) {\n    return {\n      value:\n        typeof nextProps.value !== \"undefined\"\n          ? nextProps.value\n          : prevState.value,\n    };\n  }\n\n  state: State = {\n    nativeProps: {},\n    labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),\n    focused: false,\n    placeholder: this.props.error ? this.props.placeholder : \"\",\n    labelLayout: {\n      measured: false,\n      width: 0,\n    },\n  };\n\n  componentDidMount() {\n    if (this.props.defaultValue) {\n      this._handleChangeText(this.props.defaultValue);\n    }\n\n    if (this.props.placeholder) {\n      this._minmizeLabel();\n    }\n  }\n\n  componentDidUpdate(prevProps: Props, prevState: State) {\n    if (\n      prevState.focused !== this.state.focused ||\n      prevState.value !== this.state.value\n    ) {\n      // The label should be minimized if the text input is focused, or has text\n      // In minimized mode, the label moves up and becomes small\n      if (\n        this.state.value ||\n        this.state.focused ||\n        this.props.error ||\n        this.props.placeholder\n      ) {\n        this._minmizeLabel();\n      } else {\n        this._restoreLabel();\n      }\n    }\n\n    if (\n      prevState.focused !== this.state.focused ||\n      prevProps.label !== this.props.label\n    ) {\n      // Show placeholder text only if the input is focused, or has error, or there's no label\n      // We don't show placeholder if there's a label because the label acts as placeholder\n      // When focused, the label moves up, so we can show a placeholder\n      if (this.state.focused || this.props.error || !this.props.label) {\n        this._showPlaceholder();\n      } else {\n        this._hidePlaceholder();\n      }\n    }\n  }\n\n  _timer = setTimeout(() => {}, 0);\n\n  componentWillUnmount() {\n    clearTimeout(this._timer);\n  }\n\n  _showPlaceholder = () => {\n    clearTimeout(this._timer);\n\n    // Set the placeholder in a delay to offset the label animation\n    // If we show it immediately, they'll overlap and look ugly\n    this._timer = setTimeout(\n      () =>\n        this.setState({\n          placeholder: this.props.placeholder,\n        }),\n      50\n    );\n  };\n\n  _hidePlaceholder = () =>\n    this.setState({\n      placeholder: \"\",\n    });\n\n  _restoreLabel = () =>\n    Animated.timing(this.state.labeled, {\n      toValue: 1,\n      duration: FOCUS_ANIMATION_DURATION,\n      useNativeDriver: true,\n    }).start();\n\n  _minmizeLabel = () =>\n    Animated.timing(this.state.labeled, {\n      toValue: 0,\n      duration: BLUR_ANIMATION_DURATION,\n      useNativeDriver: true,\n    }).start();\n\n  _handleFocus = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({ focused: true });\n  };\n\n  _handleBlur = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({ focused: false });\n  };\n\n  _handleChangeText = (\n    value: NativeSyntheticEvent<TextInputChangeEventData> | string\n  ) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (typeof value === \"string\") {\n      this.setState({ value });\n      this.props.onChangeText && this.props.onChangeText(value);\n    } else {\n      this.setState({ value: value.nativeEvent.text });\n      this.props.onChangeText &&\n        this.props.onChangeText(value.nativeEvent.text);\n    }\n  };\n\n  toggleFocus() {\n    this.setState((prevState: State) => ({ focused: !prevState.focused }));\n  }\n\n  _root: NativeTextInput | undefined = undefined;\n  /**\n   * @internal\n   */\n  setNativeProps(args: Props) {\n    this.setState((state) => ({\n      ...state,\n      nativeState: args || {},\n    }));\n  }\n\n  isFocused() {\n    return this._root && this._root.isFocused();\n  }\n\n  clear() {\n    return this._root && this._root.clear();\n  }\n\n  focus() {\n    return this._root && this._root.focus();\n  }\n\n  blur() {\n    return this._root && this._root.blur();\n  }\n\n  render() {\n    const {\n      Icon,\n      type = \"underline\",\n      disabled = false,\n      label,\n      error = false,\n      leftIconName,\n      leftIconMode,\n      rightIconName,\n      assistiveText,\n      underlineColor: underlineColorProp,\n      activeBorderColor: activeBorderColorProp,\n      multiline = false,\n      numberOfLines = 4,\n      style,\n      theme: { colors, typography, roundness, disabledOpacity },\n      render = (props) => <NativeTextInput {...props} />,\n      ...rest\n    } = this.props;\n\n    const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);\n    const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);\n    const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;\n    const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;\n\n    const hasActiveOutline = this.state.focused || error;\n\n    let inputTextColor,\n      activeColor,\n      underlineColor,\n      borderColor,\n      placeholderColor,\n      containerStyle: StyleProp<ViewStyle>,\n      backgroundColor,\n      inputStyle: StyleProp<TextStyle>;\n\n    inputTextColor = colors.strong;\n    if (disabled) {\n      activeColor = colors.light;\n      placeholderColor = colors.light;\n      borderColor = \"transparent\";\n      underlineColor = \"transparent\";\n      backgroundColor = colors.divider;\n    } else {\n      activeColor = error ? colors.error : activeBorderColorProp;\n      placeholderColor = borderColor = colors.light;\n      underlineColor = underlineColorProp;\n      backgroundColor = colors.background;\n    }\n\n    if (rest.placeholderTextColor) {\n      placeholderColor = rest.placeholderTextColor;\n    }\n\n    const { lineHeight, ...subtitle1 } = typography.subtitle1;\n\n    inputStyle = {\n      paddingVertical: 0,\n      color: inputTextColor,\n      paddingLeft:\n        leftIconName && leftIconMode === \"inset\"\n          ? ICON_SIZE + 12 + (type === \"solid\" ? 16 : 0)\n          : 0,\n      paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,\n      ...subtitle1,\n    };\n\n    if (!multiline) {\n      inputStyle.height = lineHeight;\n    }\n\n    let assistiveTextLeftMargin;\n    if (type === \"underline\") {\n      containerStyle = {\n        borderTopLeftRadius: roundness,\n        borderTopRightRadius: roundness,\n        paddingBottom: 12,\n        marginTop: 16,\n      };\n\n      if (leftIconName && leftIconMode === \"outset\") {\n        assistiveTextLeftMargin = ICON_SIZE + 8;\n      } else {\n        assistiveTextLeftMargin = 0;\n      }\n    } else {\n      containerStyle = {\n        borderRadius: roundness,\n        borderColor: hasActiveOutline ? activeColor : borderColor,\n        borderWidth: 1,\n        paddingTop: label ? 16 * 1.5 : 16,\n        paddingBottom: label ? 16 * 0.5 : 16,\n        opacity: disabled ? disabledOpacity : 1,\n        backgroundColor,\n      };\n\n      if (leftIconName && leftIconMode === \"inset\") {\n        assistiveTextLeftMargin = 16 + 4;\n      } else if (leftIconName && leftIconMode === \"outset\") {\n        assistiveTextLeftMargin = ICON_SIZE + 8 + 12;\n      } else {\n        assistiveTextLeftMargin = 12;\n      }\n\n      inputStyle.paddingHorizontal = 12;\n    }\n\n    if (leftIconName && leftIconMode === \"outset\") {\n      containerStyle.marginLeft = ICON_SIZE + 8;\n    }\n\n    let leftIconColor;\n    if (error) {\n      leftIconColor = colors.error;\n    } else if (this.state.focused) {\n      leftIconColor = colors.primary;\n    } else {\n      leftIconColor = colors.light;\n    }\n\n    const leftIconProps = {\n      size: 24,\n      color: leftIconColor,\n      name: leftIconName || \"\",\n    };\n\n    const leftIconStyle: ImageStyle = {\n      position: \"absolute\",\n      marginTop:\n        type === \"solid\"\n          ? MINIMIZED_LABEL_FONT_SIZE + 4\n          : leftIconMode === \"outset\"\n          ? 16\n          : 0,\n      marginLeft: leftIconMode === \"inset\" && type === \"solid\" ? 16 : 0,\n    };\n\n    const labelStyle = {\n      ...typography.subtitle1,\n      top: type === \"solid\" ? 16 : 0,\n      left:\n        leftIconName && leftIconMode === \"inset\"\n          ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n          : 0,\n      transform: [\n        {\n          // Move label to top\n          translateY: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              type === \"solid\"\n                ? OUTLINE_MINIMIZED_LABEL_Y_OFFSET\n                : MINIMIZED_LABEL_Y_OFFSET,\n              0,\n            ],\n          }),\n        },\n        {\n          // Make label smaller\n          scale: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE,\n              1,\n            ],\n          }),\n        },\n        {\n          // Offset label scale since RN doesn't support transform origin\n          translateX: this.state.labeled.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\n              -(1 - MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE) *\n                (this.state.labelLayout.width / 2),\n              0,\n            ],\n          }),\n        },\n      ],\n    };\n\n    const { textStyles } = extractStyles(style);\n    const inputStyles = applyStyles(\n      [\n        styles.input,\n        inputStyle,\n        type === \"solid\" ? { marginHorizontal: 12 } : {},\n      ],\n      textStyles\n    );\n\n    const {\n      backgroundColor: bgColor,\n      padding,\n      paddingTop,\n      paddingBottom,\n      paddingLeft,\n      paddingRight,\n      borderRadius,\n      borderWidth,\n      borderTopWidth,\n      borderRightWidth,\n      borderBottomWidth,\n      borderLeftWidth,\n      borderColor: borderCol,\n      ...styleProp\n    } = StyleSheet.flatten(style || {}) as ViewStyle & { height?: number };\n\n    return (\n      <View style={[styles.container, styleProp]}>\n        {leftIconName && leftIconMode === \"outset\" ? (\n          <Icon {...leftIconProps} style={leftIconStyle} />\n        ) : null}\n        <View\n          style={applyStyles([containerStyle], {\n            height: style?.height,\n            backgroundColor: bgColor,\n            padding,\n            paddingTop,\n            paddingBottom,\n            paddingLeft,\n            paddingRight,\n            borderRadius,\n            borderWidth,\n            borderTopWidth,\n            borderRightWidth,\n            borderBottomWidth,\n            borderLeftWidth,\n            borderColor: borderCol,\n          })}\n        >\n          {type === \"underline\" ? (\n            // When type === 'flat', render an underline\n            <Animated.View\n              style={[\n                styles.underline,\n                {\n                  backgroundColor:\n                    bgColor ||\n                    (error\n                      ? colors.error\n                      : this.state.focused\n                      ? activeColor\n                      : underlineColor),\n                  // Underlines is thinner when input is not focused\n                  transform: [{ scaleY: this.state.focused ? 1 : 0.5 }],\n                },\n              ]}\n            />\n          ) : null}\n\n          {label ? (\n            // Position colored placeholder and gray placeholder on top of each other and crossfade them\n            // This gives the effect of animating the color, but allows us to use native driver\n            <View\n              pointerEvents=\"none\"\n              style={[\n                StyleSheet.absoluteFill,\n                {\n                  opacity:\n                    // Hide the label in minimized state until we measure its width\n                    this.state.value || this.state.focused\n                      ? this.state.labelLayout.measured\n                        ? 1\n                        : 0\n                      : 1,\n                },\n              ]}\n            >\n              <AnimatedText\n                onLayout={(e: LayoutChangeEvent) =>\n                  this.setState({\n                    labelLayout: {\n                      width: e.nativeEvent.layout.width,\n                      measured: true,\n                    },\n                  })\n                }\n                style={[\n                  styles.placeholder,\n                  type === \"solid\" ? { paddingHorizontal: 12 } : {},\n                  labelStyle,\n                  {\n                    color: placeholderColor,\n                    opacity: this.state.labeled.interpolate({\n                      inputRange: [0, 1],\n                      outputRange: [hasActiveOutline ? 1 : 0, 0],\n                    }),\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {label}\n              </AnimatedText>\n              <AnimatedText\n                style={[\n                  styles.placeholder,\n                  type === \"solid\" ? { paddingHorizontal: 12 } : {},\n                  labelStyle,\n                  {\n                    color: placeholderColor,\n                    opacity: hasActiveOutline ? this.state.labeled : 1,\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {label}\n              </AnimatedText>\n            </View>\n          ) : null}\n\n          {leftIconName && leftIconMode === \"inset\" ? (\n            <View\n              style={{\n                justifyContent: type === \"solid\" ? \"center\" : undefined,\n              }}\n            >\n              <Icon {...leftIconProps} style={leftIconStyle} />\n            </View>\n          ) : null}\n\n          {render({\n            ref: (c: NativeTextInput) => {\n              this._root = c;\n            },\n            onChange: this._handleChangeText,\n            placeholder: label\n              ? this.state.placeholder\n              : this.props.placeholder,\n            placeholderTextColor: placeholderColor,\n            editable: !disabled,\n            selectionColor: activeColor,\n            multiline,\n            numberOfLines,\n            onFocus: this._handleFocus,\n            onBlur: this._handleBlur,\n            underlineColorAndroid: \"transparent\",\n            style: inputStyles,\n            ...rest,\n            ...this.state.nativeProps,\n            value: this.state.value,\n          })}\n        </View>\n        {rightIconName ? (\n          <Icon\n            name={rightIconName}\n            size={ICON_SIZE}\n            color={colors.light}\n            style={{\n              position: \"absolute\",\n              right: 16,\n              marginTop: type === \"solid\" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,\n            }}\n          />\n        ) : null}\n\n        {assistiveText ? (\n          <Text\n            style={[\n              {\n                color: error ? colors.error : colors.light,\n                marginTop: 8,\n                marginLeft: assistiveTextLeftMargin,\n              },\n            ]}\n          >\n            {assistiveText}\n          </Text>\n        ) : null}\n      </View>\n    );\n  }\n}\n\nexport default withTheme(TextField);\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n  placeholder: {\n    position: \"absolute\",\n    left: 0,\n  },\n  underline: {\n    position: \"absolute\",\n    left: 0,\n    right: 0,\n    bottom: 0,\n    height: 2,\n  },\n  input: {\n    flexGrow: 1,\n    justifyContent: \"center\",\n    textAlignVertical: \"center\",\n    margin: 0,\n    textAlign: I18nManager.isRTL ? \"right\" : \"left\",\n  },\n});\n"],"mappings":"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"}

package/lib/commonjs/components/ToggleButton.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _theming = require("../theming");
-
 var _reactNative = require("react-native");
-
 var _IconButton = _interopRequireDefault(require("./IconButton"));
-
 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); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const ToggleButton = _ref => {
   let {
     Icon,
@@ -52,12 +43,10 @@ const ToggleButton = _ref => {
       setInternalValue(defaultValue);
     }
   }, [defaultValue]);
-
   const handlePress = () => {
     setInternalValue(!internalValue);
     onPress(!internalValue);
   };
-
   return /*#__PURE__*/React.createElement(_IconButton.default, _extends({
     Icon: Icon,
     icon: icon,
@@ -73,13 +62,11 @@ const ToggleButton = _ref => {
     }, style]
   }, rest));
 };
-
 const styles = _reactNative.StyleSheet.create({
   mainContainer: {
     borderWidth: 1
   }
 });
-
 var _default = (0, _theming.withTheme)(ToggleButton);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=ToggleButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ToggleButton","Icon","icon","toggled","onPress","defaultValue","disabled","color","colorSecondary","borderColor","iconSize","width","height","theme","colors","style","rest","internalValue","setInternalValue","React","useState","useEffect","handlePress","styles","mainContainer","backgroundColor","StyleSheet","create","borderWidth","withTheme"],"sources":["ToggleButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { colorTypes } from \"@draftbit/types\";\nimport { StyleProp, StyleSheet, ViewStyle } from \"react-native\";\nimport IconButton from \"./IconButton\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  icon: string;\n  toggled?: boolean;\n  onPress?: (value: boolean) => void;\n  defaultValue?: boolean;\n  disabled?: boolean;\n  color?: colorTypes;\n  colorSecondary?: colorTypes;\n  borderColor?: colorTypes;\n  iconSize?: number;\n  width?: number;\n  height?: number;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst ToggleButton: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  icon,\n  toggled = false,\n  onPress = () => {},\n  defaultValue,\n  disabled = false,\n  color = \"primary\",\n  colorSecondary = \"surface\",\n  borderColor = \"divider\",\n  iconSize = 25,\n  width = 50,\n  height = 50,\n  theme: { colors },\n  style,\n  ...rest\n}) => {\n  const [internalValue, setInternalValue] = React.useState<boolean>(\n    toggled || defaultValue || false\n  );\n\n  React.useEffect(() => {\n    if (toggled != null) {\n      setInternalValue(toggled);\n    }\n  }, [toggled]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setInternalValue(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const handlePress = () => {\n    setInternalValue(!internalValue);\n    onPress(!internalValue);\n  };\n\n  return (\n    <IconButton\n      Icon={Icon}\n      icon={icon}\n      size={iconSize}\n      color={internalValue ? colors[color] : colors[colorSecondary]}\n      onPress={handlePress}\n      disabled={disabled}\n      style={[\n        styles.mainContainer,\n        {\n          width,\n          height,\n          backgroundColor: internalValue\n            ? colors[colorSecondary]\n            : colors[color],\n          borderColor: colors[borderColor],\n        },\n        style,\n      ]}\n      {...rest}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainContainer: {\n    borderWidth: 1,\n  },\n});\n\nexport default withTheme(ToggleButton);\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAAsC;AAAA;AAAA;AAAA;AAoBtC,MAAMA,YAAsD,GAAG,QAgBzD;EAAA,IAhB0D;IAC9DC,IAAI;IACJC,IAAI;IACJC,OAAO,GAAG,KAAK;IACfC,OAAO,GAAG,MAAM,CAAC,CAAC;IAClBC,YAAY;IACZC,QAAQ,GAAG,KAAK;IAChBC,KAAK,GAAG,SAAS;IACjBC,cAAc,GAAG,SAAS;IAC1BC,WAAW,GAAG,SAAS;IACvBC,QAAQ,GAAG,EAAE;IACbC,KAAK,GAAG,EAAE;IACVC,MAAM,GAAG,EAAE;IACXC,KAAK,EAAE;MAAEC;IAAO,CAAC;IACjBC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,KAAK,CAACC,QAAQ,CACtDjB,OAAO,IAAIE,YAAY,IAAI,KAAK,CACjC;EAEDc,KAAK,CAACE,SAAS,CAAC,MAAM;IACpB,IAAIlB,OAAO,IAAI,IAAI,EAAE;MACnBe,gBAAgB,CAACf,OAAO,CAAC;IAC3B;EACF,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEbgB,KAAK,CAACE,SAAS,CAAC,MAAM;IACpB,IAAIhB,YAAY,IAAI,IAAI,EAAE;MACxBa,gBAAgB,CAACb,YAAY,CAAC;IAChC;EACF,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,MAAMiB,WAAW,GAAG,MAAM;IACxBJ,gBAAgB,CAAC,CAACD,aAAa,CAAC;IAChCb,OAAO,CAAC,CAACa,aAAa,CAAC;EACzB,CAAC;EAED,oBACE,oBAAC,mBAAU;IACT,IAAI,EAAEhB,IAAK;IACX,IAAI,EAAEC,IAAK;IACX,IAAI,EAAEQ,QAAS;IACf,KAAK,EAAEO,aAAa,GAAGH,MAAM,CAACP,KAAK,CAAC,GAAGO,MAAM,CAACN,cAAc,CAAE;IAC9D,OAAO,EAAEc,WAAY;IACrB,QAAQ,EAAEhB,QAAS;IACnB,KAAK,EAAE,CACLiB,MAAM,CAACC,aAAa,EACpB;MACEb,KAAK;MACLC,MAAM;MACNa,eAAe,EAAER,aAAa,GAC1BH,MAAM,CAACN,cAAc,CAAC,GACtBM,MAAM,CAACP,KAAK,CAAC;MACjBE,WAAW,EAAEK,MAAM,CAACL,WAAW;IACjC,CAAC,EACDM,KAAK;EACL,GACEC,IAAI,EACR;AAEN,CAAC;AAED,MAAMO,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,aAAa,EAAE;IACbI,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAAC,eAEY,IAAAC,kBAAS,EAAC7B,YAAY,CAAC;AAAA"}

package/lib/commonjs/components/Touchable.js

@@ -4,15 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Touchable;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 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); }
-
 function Touchable(_ref) {
   let {
     children,
@@ -21,7 +15,22 @@ function Touchable(_ref) {
     style,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: onPress,
+    disabled: disabled,
+    hitSlop: 8,
+    style: _ref2 => {
+      let {
+        pressed
+      } = _ref2;
+      return [{
+        opacity: pressed || disabled ? 0.75 : 1
+      }, style];
+    },
+    ...props
+  }, children);
+}
+//# sourceMappingURL=Touchable.js.map_react.default.createElement(_reactNative.Pressable, _extends({
     onPress: onPress,
     disabled: disabled,
     hitSlop: 8,
@@ -34,4 +43,5 @@ function Touchable(_ref) {
       }, style];
     }
   }, props), children);
-}
+}
+//# sourceMappingURL=Touchable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Touchable","children","disabled","onPress","style","props","React","createElement","Pressable","hitSlop","pressed","opacity"],"sources":["Touchable.js"],"sourcesContent":["import React from \"react\";\nimport { Pressable } from \"react-native\";\nexport default function Touchable({ children, disabled, onPress, style, ...props }) {\n    return (React.createElement(Pressable, { onPress: onPress, disabled: disabled, hitSlop: 8, style: ({ pressed }) => {\n            return [\n                {\n                    opacity: pressed || disabled ? 0.75 : 1,\n                },\n                style,\n            ];\n        }, ...props }, children));\n}\n"],"mappings":";;;;;;AAAA;AACA;AAAyC;AAC1B,SAASA,SAAS,OAAmD;EAAA,IAAlD;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC;EAC9E,oBAAQC,cAAK,CAACC,aAAa,CAACC,sBAAS,EAAE;IAAEL,OAAO,EAAEA,OAAO;IAAED,QAAQ,EAAEA,QAAQ;IAAEO,OAAO,EAAE,CAAC;IAAEL,KAAK,EAAE,SAAiB;MAAA,IAAhB;QAAEM;MAAQ,CAAC;MACtG,OAAO,CACH;QACIC,OAAO,EAAED,OAAO,IAAIR,QAAQ,GAAG,IAAI,GAAG;MAC1C,CAAC,EACDE,KAAK,CACR;IACL,CAAC;IAAE,GAAGC;EAAM,CAAC,EAAEJ,QAAQ,CAAC;AAChC"}

package/lib/commonjs/components/Touchable.web.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _reactNative = require("react-native");
-
 var _default = _reactNative.TouchableOpacity;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=Touchable.web.js.map

package/lib/commonjs/components/Touchable.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TouchableOpacity"],"sources":["Touchable.web.tsx"],"sourcesContent":["import { TouchableOpacity } from \"react-native\";\n\nexport default TouchableOpacity;\n"],"mappings":";;;;;;AAAA;AAAgD,eAEjCA,6BAAgB;AAAA"}

package/lib/commonjs/components/Typography.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Title = exports.Subtitle = exports.Caption = 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 }; }
-
 const Title = (0, _theming.withTheme)(_ref => {
   let {
     text,
@@ -60,4 +55,5 @@ const Caption = (0, _theming.withTheme)(_ref3 => {
     }, style]
   }, text);
 });
-exports.Caption = Caption;
+exports.Caption = Caption;
+//# sourceMappingURL=Typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Title","withTheme","text","theme","style","fontSize","letterSpacing","lineHeight","color","colors","Subtitle","medium","Caption","light"],"sources":["Typography.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text, TextStyle, StyleProp } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  text: string;\n  style?: StyleProp<TextStyle>;\n  /**\n   * @optional\n   */\n  theme: typeof Theme;\n};\n\nexport const Title = withTheme(({ text, theme, style }: Props) => {\n  return (\n    <Text\n      style={[\n        {\n          fontSize: 20,\n          letterSpacing: 0,\n          lineHeight: 26,\n          color: theme.colors.text,\n        },\n        style,\n      ]}\n    >\n      {text}\n    </Text>\n  );\n});\n\nexport const Subtitle = withTheme(({ text, theme, style }: Props) => {\n  return (\n    <Text\n      style={[\n        {\n          fontSize: 14,\n          letterSpacing: 0,\n          lineHeight: 16,\n          color: theme.colors.medium,\n        },\n        style,\n      ]}\n    >\n      {text}\n    </Text>\n  );\n});\n\nexport const Caption = withTheme(({ text, theme, style }: Props) => {\n  return (\n    <Text\n      style={[\n        {\n          fontSize: 12,\n          letterSpacing: 0,\n          lineHeight: 14,\n          color: theme.colors.light,\n        },\n        style,\n      ]}\n    >\n      {text}\n    </Text>\n  );\n});\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAuC;AAYhC,MAAMA,KAAK,GAAG,IAAAC,kBAAS,EAAC,QAAmC;EAAA,IAAlC;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAa,CAAC;EAC3D,oBACE,6BAAC,iBAAI;IACH,KAAK,EAAE,CACL;MACEC,QAAQ,EAAE,EAAE;MACZC,aAAa,EAAE,CAAC;MAChBC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEL,KAAK,CAACM,MAAM,CAACP;IACtB,CAAC,EACDE,KAAK;EACL,GAEDF,IAAI,CACA;AAEX,CAAC,CAAC;AAAC;AAEI,MAAMQ,QAAQ,GAAG,IAAAT,kBAAS,EAAC,SAAmC;EAAA,IAAlC;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAa,CAAC;EAC9D,oBACE,6BAAC,iBAAI;IACH,KAAK,EAAE,CACL;MACEC,QAAQ,EAAE,EAAE;MACZC,aAAa,EAAE,CAAC;MAChBC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEL,KAAK,CAACM,MAAM,CAACE;IACtB,CAAC,EACDP,KAAK;EACL,GAEDF,IAAI,CACA;AAEX,CAAC,CAAC;AAAC;AAEI,MAAMU,OAAO,GAAG,IAAAX,kBAAS,EAAC,SAAmC;EAAA,IAAlC;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAa,CAAC;EAC7D,oBACE,6BAAC,iBAAI;IACH,KAAK,EAAE,CACL;MACEC,QAAQ,EAAE,EAAE;MACZC,aAAa,EAAE,CAAC;MAChBC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEL,KAAK,CAACM,MAAM,CAACI;IACtB,CAAC,EACDT,KAAK;EACL,GAEDF,IAAI,CACA;AAEX,CAAC,CAAC;AAAC"}