@chem-po/react-native 0.0.5 → 0.0.6

package/lib/commonjs/components/form/input/select/index.js

@@ -0,0 +1,225 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectComponent = void 0;
+var _react = require("@chem-po/react");
+var _vectorIcons = require("@expo/vector-icons");
+var _react2 = require("react");
+var _reactNative = require("react-native");
+var _Txt = require("../../../text/Txt");
+var _InputClearButton = require("../common/InputClearButton");
+const BaseSelectComponent = ({
+  field,
+  input,
+  meta
+}, ref) => {
+  const {
+    placeholder,
+    options,
+    renderOption,
+    getOptionKey,
+    optional
+  } = field;
+  const {
+    onChange,
+    value,
+    onFocus,
+    onBlur
+  } = input;
+  const {
+    active
+  } = meta;
+  const [buttonLayout, setButtonLayout] = (0, _react2.useState)({
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0
+  });
+  const buttonRef = (0, _react2.useRef)(null);
+  const selected = (0, _react2.useMemo)(() => {
+    if (!value) return undefined;
+    return options.find(o => {
+      if (getOptionKey) {
+        const key1 = getOptionKey(o);
+        const key2 = getOptionKey(value);
+        return key1 === key2;
+      }
+      return o === value;
+    });
+  }, [value, options, getOptionKey]);
+  (0, _react2.useImperativeHandle)(ref, () => ({
+    focus: () => {
+      onFocus();
+      // setIsOpen(true)
+    },
+    blur: () => {
+      onBlur();
+      // setIsOpen(false)
+    }
+  }));
+  const handleButtonLayout = () => {
+    var _buttonRef$current;
+    (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 || _buttonRef$current.measure((_x, _y, width, height, pageX, pageY) => {
+      setButtonLayout({
+        x: pageX,
+        y: pageY,
+        width,
+        height
+      });
+    });
+  };
+  const renderOptionText = (option, isSelected) => {
+    if (typeof renderOption === 'function') {
+      return renderOption(option, 'light', isSelected);
+    }
+    if (typeof option === 'object') {
+      return /*#__PURE__*/React.createElement(_Txt.Txt, null, JSON.stringify(option));
+    }
+    return /*#__PURE__*/React.createElement(_Txt.Txt, null, String(option));
+  };
+  const getKey = option => {
+    if (getOptionKey) {
+      const key = getOptionKey(option);
+      return typeof key === 'object' ? JSON.stringify(key) : String(key);
+    }
+    return typeof option === 'object' ? JSON.stringify(option) : String(option);
+  };
+  const handleOptionPress = option => {
+    onChange(option);
+    onBlur();
+    // setIsOpen(false)
+  };
+  const iconColor = (0, _react.useIconColor)();
+  const placeholderColor = (0, _react.usePlaceholderColor)();
+  const menuBg = (0, _react.useBackgroundColor)(100);
+  const selectedOptionBg = (0, _react.useBackgroundColor)(50);
+  const borderColor = (0, _react.useBorderColor)();
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.wrapper
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    ref: buttonRef,
+    onLayout: handleButtonLayout,
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.button],
+    onPress: () => {
+      if (active) {
+        onBlur();
+      } else {
+        onFocus();
+      }
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.buttonTextContainer
+  }, selected ? renderOptionText(selected, true) : /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.placeholder, {
+      color: placeholderColor
+    }]
+  }, placeholder)), /*#__PURE__*/React.createElement(_vectorIcons.Ionicons, {
+    name: active ? 'chevron-up' : 'chevron-down',
+    size: 20,
+    color: iconColor,
+    style: styles.icon
+  }), optional && value ? /*#__PURE__*/React.createElement(_InputClearButton.InputClearButton, {
+    onPress: () => onChange(null),
+    isActive: !!value
+  }) : null)), /*#__PURE__*/React.createElement(_reactNative.Modal, {
+    visible: active,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: () => onBlur()
+  }, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: styles.modalOverlay,
+    activeOpacity: 1,
+    onPress: () => onBlur()
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.dropdownContainer, {
+      position: 'absolute',
+      top: buttonLayout.y + buttonLayout.height + 4,
+      left: buttonLayout.x,
+      width: buttonLayout.width,
+      backgroundColor: menuBg,
+      borderColor
+    }]
+  }, /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+    style: styles.dropdown
+  }, options.map(option => {
+    const key = getKey(option);
+    const isSelected = option === selected;
+    return /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+      key: key,
+      style: [styles.option, {
+        borderColor
+      }, isSelected && {
+        backgroundColor: selectedOptionBg
+      }],
+      onPress: () => handleOptionPress(option)
+    }, /*#__PURE__*/React.createElement(_reactNative.View, null, renderOptionText(option, isSelected)));
+  }))))));
+};
+const SelectComponent = exports.SelectComponent = /*#__PURE__*/(0, _react2.forwardRef)(BaseSelectComponent);
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    width: '100%'
+  },
+  container: {
+    width: '100%'
+  },
+  button: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    width: '100%',
+    height: 40,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    backgroundColor: 'transparent',
+    borderRadius: 4
+  },
+  buttonTextContainer: {
+    flex: 1
+  },
+  buttonText: {
+    fontSize: 16
+  },
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)'
+  },
+  dropdownContainer: {
+    backgroundColor: 'white',
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: 4,
+    maxHeight: 200,
+    elevation: 3,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 2,
+    padding: 0
+  },
+  dropdown: {
+    maxHeight: 200
+  },
+  option: {
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    borderBottomWidth: 1
+  },
+  optionText: {
+    fontSize: 16
+  },
+  placeholder: {
+    color: '#666'
+  },
+  icon: {
+    marginRight: 10
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/form/input/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_vectorIcons","_react2","_reactNative","_Txt","_InputClearButton","BaseSelectComponent","field","input","meta","ref","placeholder","options","renderOption","getOptionKey","optional","onChange","value","onFocus","onBlur","active","buttonLayout","setButtonLayout","useState","x","y","width","height","buttonRef","useRef","selected","useMemo","undefined","find","o","key1","key2","useImperativeHandle","focus","blur","handleButtonLayout","_buttonRef$current","current","measure","_x","_y","pageX","pageY","renderOptionText","option","isSelected","React","createElement","Txt","JSON","stringify","String","getKey","key","handleOptionPress","iconColor","useIconColor","placeholderColor","usePlaceholderColor","menuBg","useBackgroundColor","selectedOptionBg","borderColor","useBorderColor","View","style","styles","wrapper","onLayout","container","TouchableOpacity","button","onPress","buttonTextContainer","Text","color","Ionicons","name","size","icon","InputClearButton","isActive","Modal","visible","transparent","animationType","onRequestClose","modalOverlay","activeOpacity","dropdownContainer","position","top","left","backgroundColor","ScrollView","dropdown","map","SelectComponent","exports","forwardRef","StyleSheet","create","flexDirection","alignItems","justifyContent","paddingHorizontal","paddingVertical","borderRadius","flex","buttonText","fontSize","borderWidth","maxHeight","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","padding","borderBottomWidth","optionText","marginRight"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/select/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/form/input/socialMedia/index.js

@@ -0,0 +1,219 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SocialMediaComponent = void 0;
+var _core = require("@chem-po/core");
+var _react = require("react");
+var _reactNative = require("react-native");
+const siteToIcon = {
+  facebook: 'facebook',
+  instagram: 'instagram',
+  twitter: 'twitter',
+  youtube: 'youtube',
+  soundcloud: 'soundcloud'
+};
+const SocialMediaSiteInput = ({
+  site,
+  value,
+  onChange,
+  isModalVisible,
+  onModalClose
+}) => {
+  const {
+    handle,
+    error
+  } = (0, _react.useMemo)(() => {
+    try {
+      const h = (0, _core.getHandle)(site, value);
+      return {
+        handle: h
+      };
+    } catch (e) {
+      return {
+        error: (e === null || e === void 0 ? void 0 : e.message) ?? 'Error parsing handle'
+      };
+    }
+  }, [value, site]);
+  const displayedText = (0, _react.useMemo)(() => handle ? `${site.toUpperCase()}: ${handle}` : site.toUpperCase(), [site, handle]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.iconButton, !handle && styles.iconButtonInactive],
+    onPress: () => onModalClose()
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.iconText
+  }, siteToIcon[site])), /*#__PURE__*/React.createElement(_reactNative.Modal, {
+    visible: isModalVisible,
+    transparent: true,
+    animationType: "slide",
+    onRequestClose: onModalClose
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.modalContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.modalContent
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.modalTitle
+  }, displayedText), error && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.errorText
+  }, error), /*#__PURE__*/React.createElement(_reactNative.TextInput, {
+    style: styles.modalInput,
+    onChangeText: onChange,
+    placeholder: "Handle or URL",
+    value: value,
+    autoCapitalize: "none",
+    autoCorrect: false
+  }), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: styles.closeButton,
+    onPress: onModalClose
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.closeButtonText
+  }, "Close"))))));
+};
+const SocialMediaComponent = exports.SocialMediaComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    input: {
+      value,
+      onChange
+    },
+    field: {
+      sites
+    }
+  } = props;
+  const [selectedSite, setSelectedSite] = (0, _react.useState)(null);
+  const handleChange = (0, _react.useCallback)((site, v) => {
+    const {
+      [site]: _curr,
+      ...rest
+    } = value ?? {};
+    if (!v && Object.keys(rest).length === 0) {
+      onChange({
+        target: {
+          value: undefined
+        }
+      });
+    }
+    if (!v) onChange(rest);
+    onChange({
+      ...rest,
+      [site]: v
+    });
+  }, [onChange, value]);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    blur: () => {},
+    focus: () => {}
+  }));
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.title
+  }, "Links"), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.iconsContainer
+  }, (!sites || sites.facebook) && /*#__PURE__*/React.createElement(SocialMediaSiteInput, {
+    onChange: v => handleChange('facebook', v),
+    site: "facebook",
+    value: value === null || value === void 0 ? void 0 : value.facebook,
+    isModalVisible: selectedSite === 'facebook',
+    onModalClose: () => setSelectedSite(null)
+  }), (!sites || sites.instagram) && /*#__PURE__*/React.createElement(SocialMediaSiteInput, {
+    onChange: v => handleChange('instagram', v),
+    site: "instagram",
+    value: value === null || value === void 0 ? void 0 : value.instagram,
+    isModalVisible: selectedSite === 'instagram',
+    onModalClose: () => setSelectedSite(null)
+  }), (!sites || sites.twitter) && /*#__PURE__*/React.createElement(SocialMediaSiteInput, {
+    onChange: v => handleChange('twitter', v),
+    site: "twitter",
+    value: value === null || value === void 0 ? void 0 : value.twitter,
+    isModalVisible: selectedSite === 'twitter',
+    onModalClose: () => setSelectedSite(null)
+  }), (!sites || sites.youtube) && /*#__PURE__*/React.createElement(SocialMediaSiteInput, {
+    onChange: v => handleChange('youtube', v),
+    site: "youtube",
+    value: value === null || value === void 0 ? void 0 : value.youtube,
+    isModalVisible: selectedSite === 'youtube',
+    onModalClose: () => setSelectedSite(null)
+  }), (!sites || sites.soundcloud) && /*#__PURE__*/React.createElement(SocialMediaSiteInput, {
+    onChange: v => handleChange('soundcloud', v),
+    site: "soundcloud",
+    value: value === null || value === void 0 ? void 0 : value.soundcloud,
+    isModalVisible: selectedSite === 'soundcloud',
+    onModalClose: () => setSelectedSite(null)
+  })));
+});
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 8
+  },
+  title: {
+    fontSize: 16,
+    fontWeight: 'bold',
+    marginBottom: 8,
+    color: '#1A202C'
+  },
+  iconsContainer: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 8
+  },
+  iconButton: {
+    width: 34,
+    height: 34,
+    borderRadius: 17,
+    backgroundColor: '#EDF2F7',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  iconButtonInactive: {
+    opacity: 0.6
+  },
+  iconText: {
+    fontSize: 12,
+    color: '#1A202C'
+  },
+  modalContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'rgba(0, 0, 0, 0.5)'
+  },
+  modalContent: {
+    backgroundColor: 'white',
+    borderRadius: 8,
+    padding: 16,
+    width: '80%',
+    maxWidth: 300
+  },
+  modalTitle: {
+    fontSize: 16,
+    fontWeight: 'bold',
+    marginBottom: 8,
+    color: '#1A202C'
+  },
+  errorText: {
+    color: '#E53E3E',
+    fontSize: 14,
+    marginBottom: 8,
+    padding: 4,
+    backgroundColor: '#FFF5F5'
+  },
+  modalInput: {
+    borderWidth: 1,
+    borderColor: '#E2E8F0',
+    borderRadius: 4,
+    padding: 8,
+    marginBottom: 16,
+    fontSize: 16
+  },
+  closeButton: {
+    backgroundColor: '#EDF2F7',
+    padding: 8,
+    borderRadius: 4,
+    alignItems: 'center'
+  },
+  closeButtonText: {
+    color: '#1A202C',
+    fontSize: 16
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/form/input/socialMedia/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_react","_reactNative","siteToIcon","facebook","instagram","twitter","youtube","soundcloud","SocialMediaSiteInput","site","value","onChange","isModalVisible","onModalClose","handle","error","useMemo","h","getHandle","e","message","displayedText","toUpperCase","React","createElement","Fragment","TouchableOpacity","style","styles","iconButton","iconButtonInactive","onPress","Text","iconText","Modal","visible","transparent","animationType","onRequestClose","View","modalContainer","modalContent","modalTitle","errorText","TextInput","modalInput","onChangeText","placeholder","autoCapitalize","autoCorrect","closeButton","closeButtonText","SocialMediaComponent","exports","forwardRef","props","ref","input","field","sites","selectedSite","setSelectedSite","useState","handleChange","useCallback","v","_curr","rest","Object","keys","length","target","undefined","useImperativeHandle","blur","focus","container","title","iconsContainer","StyleSheet","create","flex","padding","fontSize","fontWeight","marginBottom","color","flexDirection","flexWrap","gap","width","height","borderRadius","backgroundColor","justifyContent","alignItems","opacity","maxWidth","borderWidth","borderColor"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/socialMedia/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/form/input/text/index.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextComponent = void 0;
+var _react = require("@chem-po/react");
+var _vectorIcons = require("@expo/vector-icons");
+var _react2 = require("react");
+var _reactNative = require("react-native");
+var _textarea = require("./textarea");
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const TextComponent = exports.TextComponent = /*#__PURE__*/(0, _react2.forwardRef)(({
+  input,
+  inEditable,
+  meta,
+  field
+}, ref) => {
+  const {
+    placeholder,
+    type
+  } = field;
+  const [isHidden, setIsHidden] = (0, _react2.useState)(type === 'password');
+  const {
+    value,
+    onChange,
+    ...inputProps
+  } = input;
+  const inputRef = (0, _react2.useRef)(null);
+  (0, _react2.useImperativeHandle)(ref, () => ({
+    focus: () => {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+    },
+    blur: () => {
+      var _inputRef$current2;
+      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
+    }
+  }));
+  const placeholderColor = (0, _react.usePlaceholderColor)();
+  const color = (0, _react.useTextColor)();
+  const body = type === 'textarea' ? /*#__PURE__*/React.createElement(_textarea.TextAreaComponent, {
+    inEditable: inEditable,
+    field: field,
+    input: input,
+    meta: meta
+  }) : /*#__PURE__*/React.createElement(_reactNative.TextInput, _extends({
+    ref: inputRef,
+    style: [styles.input, inEditable && styles.inEditable, type === 'password' && styles.passwordInput, {
+      color
+    }],
+    secureTextEntry: isHidden,
+    placeholderTextColor: placeholderColor,
+    placeholder: placeholder,
+    value: value ?? '',
+    onChangeText: onChange
+  }, inputProps));
+  return type === 'password' ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.passwordContainer
+  }, body, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: styles.eyeIcon,
+    onPress: () => setIsHidden(!isHidden)
+  }, /*#__PURE__*/React.createElement(_vectorIcons.Ionicons, {
+    name: isHidden ? 'eye' : 'eye-off',
+    size: 20,
+    color: "#666"
+  }))) : body;
+});
+TextComponent.displayName = 'TextComponent';
+const styles = _reactNative.StyleSheet.create({
+  input: {
+    width: '100%',
+    height: 40,
+    paddingHorizontal: 12,
+    paddingVertical: 8
+  },
+  inEditable: {
+    paddingHorizontal: 0,
+    paddingVertical: 0,
+    height: 'auto'
+  },
+  passwordInput: {
+    paddingRight: 40
+  },
+  passwordContainer: {
+    width: '100%',
+    flexDirection: 'row',
+    alignItems: 'center',
+    position: 'relative'
+  },
+  eyeIcon: {
+    position: 'absolute',
+    right: 12,
+    padding: 4
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/form/input/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_vectorIcons","_react2","_reactNative","_textarea","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","TextComponent","exports","forwardRef","input","inEditable","meta","field","ref","placeholder","type","isHidden","setIsHidden","useState","value","onChange","inputProps","inputRef","useRef","useImperativeHandle","focus","_inputRef$current","current","blur","_inputRef$current2","placeholderColor","usePlaceholderColor","color","useTextColor","body","React","createElement","TextAreaComponent","TextInput","style","styles","passwordInput","secureTextEntry","placeholderTextColor","onChangeText","View","passwordContainer","TouchableOpacity","eyeIcon","onPress","Ionicons","name","size","displayName","StyleSheet","create","width","height","paddingHorizontal","paddingVertical","paddingRight","flexDirection","alignItems","position","right","padding"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/form/input/text/textarea.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextAreaComponent = void 0;
+var _react = require("@chem-po/react");
+var _react2 = require("react");
+var _reactNative = require("react-native");
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const TextAreaComponent = exports.TextAreaComponent = /*#__PURE__*/(0, _react2.forwardRef)(({
+  input,
+  field,
+  inEditable
+}, ref) => {
+  const inputRef = (0, _react2.useRef)(null);
+  const {
+    value,
+    onChange,
+    ...inputProps
+  } = input;
+  (0, _react2.useImperativeHandle)(ref, () => ({
+    focus: () => {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+    },
+    blur: () => {
+      var _inputRef$current2;
+      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
+    }
+  }));
+  const placeholderColor = (0, _react.usePlaceholderColor)();
+  const color = (0, _react.useTextColor)();
+  return /*#__PURE__*/React.createElement(_reactNative.TextInput, _extends({
+    ref: inputRef,
+    style: [styles.textarea, inEditable && styles.inEditable, {
+      color
+    }],
+    placeholder: field.placeholder,
+    placeholderTextColor: placeholderColor,
+    multiline: true,
+    maxLength: 200,
+    textAlignVertical: "top",
+    value: value ?? '',
+    onChangeText: onChange
+  }, inputProps));
+});
+TextAreaComponent.displayName = 'TextAreaComponent';
+const styles = _reactNative.StyleSheet.create({
+  textarea: {
+    width: '100%',
+    minHeight: 80,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    backgroundColor: 'transparent',
+    textAlignVertical: 'top'
+  },
+  inEditable: {
+    paddingHorizontal: 0,
+    paddingVertical: 0
+  }
+});
+//# sourceMappingURL=textarea.js.map

package/lib/commonjs/components/form/input/text/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","_reactNative","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","TextAreaComponent","exports","forwardRef","input","field","inEditable","ref","inputRef","useRef","value","onChange","inputProps","useImperativeHandle","focus","_inputRef$current","current","blur","_inputRef$current2","placeholderColor","usePlaceholderColor","color","useTextColor","React","createElement","TextInput","style","styles","textarea","placeholder","placeholderTextColor","multiline","maxLength","textAlignVertical","onChangeText","displayName","StyleSheet","create","width","minHeight","paddingHorizontal","paddingVertical","backgroundColor"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/textarea.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAAoD,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,CAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAL,CAAA,CAAAK,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAL,CAAA,KAAAJ,QAAA,CAAAY,KAAA,OAAAN,SAAA;AAG7C,MAAMO,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,kBAAU,EACzC,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAAW,CAAC,EAAEC,GAAG,KAAK;EACrC,MAAMC,QAAQ,GAAG,IAAAC,cAAM,EAAY,IAAI,CAAC;EACxC,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAW,CAAC,GAAGR,KAAK;EAEhD,IAAAS,2BAAmB,EAACN,GAAG,EAAE,OAAO;IAC9BO,KAAK,EAAEA,CAAA,KAAM;MAAA,IAAAC,iBAAA;MACX,CAAAA,iBAAA,GAAAP,QAAQ,CAACQ,OAAO,cAAAD,iBAAA,eAAhBA,iBAAA,CAAkBD,KAAK,CAAC,CAAC;IAC3B,CAAC;IACDG,IAAI,EAAEA,CAAA,KAAM;MAAA,IAAAC,kBAAA;MACV,CAAAA,kBAAA,GAAAV,QAAQ,CAACQ,OAAO,cAAAE,kBAAA,eAAhBA,kBAAA,CAAkBD,IAAI,CAAC,CAAC;IAC1B;EACF,CAAC,CAAC,CAAC;EAEH,MAAME,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAC9C,MAAMC,KAAK,GAAG,IAAAC,mBAAY,EAAC,CAAC;EAE5B,oBACEC,KAAA,CAAAC,aAAA,CAACrC,YAAA,CAAAsC,SAAS,EAAArC,QAAA;IACRmB,GAAG,EAAEC,QAAS;IACdkB,KAAK,EAAE,CAACC,MAAM,CAACC,QAAQ,EAAEtB,UAAU,IAAIqB,MAAM,CAACrB,UAAU,EAAE;MAAEe;IAAM,CAAC,CAAE;IACrEQ,WAAW,EAAExB,KAAK,CAACwB,WAAY;IAC/BC,oBAAoB,EAAEX,gBAAiB;IACvCY,SAAS;IACTC,SAAS,EAAE,GAAI;IACfC,iBAAiB,EAAC,KAAK;IACvBvB,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBwB,YAAY,EAAEvB;EAAS,GACnBC,UAAU,CACf,CAAC;AAEN,CACF,CAAC;AAEDX,iBAAiB,CAACkC,WAAW,GAAG,mBAAmB;AAEnD,MAAMR,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,QAAQ,EAAE;IACRU,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,EAAE;IACbC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBC,eAAe,EAAE,aAAa;IAC9BT,iBAAiB,EAAE;EACrB,CAAC;EACD3B,UAAU,EAAE;IACVkC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}