@chem-po/react-native 0.0.15 → 0.0.16

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

@@ -1,21 +1,25 @@
 import { useBackgroundColor, useBorderColor, useIconColor, usePlaceholderColor } from '@chem-po/react';
 import { Ionicons } from '@expo/vector-icons';
-import React, { forwardRef, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { Modal, ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Dropdown } from 'react-native-element-dropdown';
 import { Txt } from '../../../text/Txt';
 import { InputClearButton } from '../common/InputClearButton';
-import { inputStyles } from '../styles';
+import { useInputStyles } from '../hooks/useInputStyles';
 const BaseSelectComponent = ({
   field,
   input,
-  meta
+  meta,
+  formSize,
+  inEditable
 }, ref) => {
   const {
     placeholder,
     options,
     renderOption: RenderOption,
-    getOptionKey,
-    optional
+    optional,
+    searchable,
+    searchPlaceholder
   } = field;
   const {
     onChange,
@@ -26,68 +30,32 @@ const BaseSelectComponent = ({
   const {
     active
   } = meta;
-  const [buttonLayout, setButtonLayout] = useState({
-    x: 0,
-    y: 0,
-    width: 0,
-    height: 0
-  });
-  const buttonRef = useRef(null);
-  const selected = 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]);
+  const inputRef = useRef(null);
+  const {
+    container: inputStyles,
+    iconSize,
+    text,
+    size,
+    clearButtonSize,
+    buttonContainer
+  } = useInputStyles(inEditable, field.size, formSize);
   useImperativeHandle(ref, () => ({
     focus: () => {
-      onFocus();
-      // setIsOpen(true)
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.open();
     },
     blur: () => {
-      onBlur();
-      // setIsOpen(false)
+      var _inputRef$current2;
+      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.close();
     }
   }));
-  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 = props => {
     if (typeof RenderOption === 'function') {
-      return RenderOption({
-        ...props,
-        value: props.value ?? ''
-      });
-    }
-    if (typeof props.value === 'object') {
-      return /*#__PURE__*/React.createElement(Txt, null, JSON.stringify(props.value));
-    }
-    return /*#__PURE__*/React.createElement(Txt, null, String(props.value));
-  };
-  const getKey = option => {
-    if (getOptionKey) {
-      const key = getOptionKey(option);
-      return typeof key === 'object' ? JSON.stringify(key) : String(key);
+      return RenderOption(props);
     }
-    return typeof option === 'object' ? JSON.stringify(option) : String(option);
-  };
-  const handleOptionPress = option => {
-    onChange(option);
-    onBlur();
-    // setIsOpen(false)
+    return /*#__PURE__*/React.createElement(Txt, {
+      style: styles.defaultOption
+    }, props.option.label);
   };
   const iconColor = useIconColor();
   const placeholderColor = usePlaceholderColor();
@@ -96,132 +64,75 @@ const BaseSelectComponent = ({
   const borderColor = useBorderColor();
   return /*#__PURE__*/React.createElement(View, {
     style: styles.wrapper
-  }, /*#__PURE__*/React.createElement(View, {
-    ref: buttonRef,
-    onLayout: handleButtonLayout,
-    style: styles.container
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: [styles.button, inputStyles.input],
-    onPress: () => {
-      if (active) {
-        onBlur();
-      } else {
-        onFocus();
-      }
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.buttonTextContainer
-  }, selected ? /*#__PURE__*/React.createElement(RenderOptionText, {
-    value: selected,
-    colorMode: "light",
-    isSelected: true
-  }) : /*#__PURE__*/React.createElement(Text, {
-    style: [styles.placeholder, {
-      color: placeholderColor
-    }]
-  }, placeholder)), /*#__PURE__*/React.createElement(Ionicons, {
-    name: active ? 'chevron-up' : 'chevron-down',
-    size: 20,
-    color: iconColor,
-    style: styles.icon
-  }), optional && value ? /*#__PURE__*/React.createElement(InputClearButton, {
-    onPress: () => onChange(null),
-    isActive: !!value
-  }) : null)), /*#__PURE__*/React.createElement(Modal, {
-    visible: active,
-    transparent: true,
-    animationType: "fade",
-    onRequestClose: () => onBlur()
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.modalOverlay,
-    activeOpacity: 1,
-    onPress: () => onBlur()
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.dropdownContainer, {
-      position: 'absolute',
-      top: buttonLayout.y + buttonLayout.height + 4,
-      left: buttonLayout.x,
-      width: buttonLayout.width,
-      backgroundColor: menuBg,
+  }, /*#__PURE__*/React.createElement(Dropdown, {
+    ref: inputRef,
+    style: [inputStyles, {
       borderColor
-    }]
-  }, /*#__PURE__*/React.createElement(ScrollView, {
-    style: styles.dropdown
-  }, options.map(option => {
-    const key = getKey(option);
-    const isSelected = option === selected;
-    return /*#__PURE__*/React.createElement(TouchableOpacity, {
-      key: key,
-      style: [styles.option, {
-        borderColor
-      }, isSelected && {
-        backgroundColor: selectedOptionBg
-      }],
-      onPress: () => handleOptionPress(option)
-    }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(RenderOptionText, {
-      value: option,
+    }],
+    placeholderStyle: [text, {
+      color: placeholderColor
+    }],
+    selectedTextStyle: text,
+    inputSearchStyle: [styles.inputSearch, text],
+    iconStyle: styles.iconStyle,
+    data: options,
+    search: searchable,
+    searchField: searchable ? 'label' : undefined,
+    maxHeight: 300,
+    labelField: "label",
+    valueField: "value",
+    placeholder: placeholder,
+    searchPlaceholder: searchPlaceholder ?? placeholder,
+    value: value,
+    onChange: item => {
+      onChange(item.value);
+    },
+    activeColor: selectedOptionBg
+    // onFocus={onFocus}
+    // onBlur={onBlur}
+    ,
+    renderItem: (item, selected) => /*#__PURE__*/React.createElement(View, {
+      style: {
+        backgroundColor: selected ? selectedOptionBg : menuBg
+      }
+    }, /*#__PURE__*/React.createElement(RenderOptionText, {
+      value: item.value,
+      option: item,
       colorMode: "light",
-      isSelected: isSelected
-    })));
-  }))))));
+      isSelected: !!selected,
+      size: size
+    })),
+    renderRightIcon: () => /*#__PURE__*/React.createElement(View, {
+      style: buttonContainer
+    }, /*#__PURE__*/React.createElement(Ionicons, {
+      name: active ? 'chevron-up' : 'chevron-down',
+      size: iconSize,
+      color: iconColor
+    }), optional && value ? /*#__PURE__*/React.createElement(InputClearButton, {
+      size: clearButtonSize,
+      onPress: () => {
+        onChange(null);
+      },
+      isActive: !!value
+    }) : null)
+  }));
 };
 export const SelectComponent = /*#__PURE__*/forwardRef(BaseSelectComponent);
 const styles = StyleSheet.create({
   wrapper: {
     width: '100%'
   },
-  container: {
-    width: '100%'
-  },
-  button: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    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
+  defaultOption: {
+    padding: 10
   },
-  placeholder: {
-    color: '#666'
+  iconStyle: {
+    width: 20,
+    height: 20
   },
-  icon: {
-    marginRight: 10
+  inputSearch: {
+    height: 40,
+    fontSize: 16,
+    outlineWidth: 0
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useBackgroundColor","useBorderColor","useIconColor","usePlaceholderColor","Ionicons","React","forwardRef","useImperativeHandle","useMemo","useRef","useState","Modal","ScrollView","StyleSheet","Text","TouchableOpacity","View","Txt","InputClearButton","inputStyles","BaseSelectComponent","field","input","meta","ref","placeholder","options","renderOption","RenderOption","getOptionKey","optional","onChange","value","onFocus","onBlur","active","buttonLayout","setButtonLayout","x","y","width","height","buttonRef","selected","undefined","find","o","key1","key2","focus","blur","handleButtonLayout","_buttonRef$current","current","measure","_x","_y","pageX","pageY","RenderOptionText","props","createElement","JSON","stringify","String","getKey","option","key","handleOptionPress","iconColor","placeholderColor","menuBg","selectedOptionBg","borderColor","style","styles","wrapper","onLayout","container","button","onPress","buttonTextContainer","colorMode","isSelected","color","name","size","icon","isActive","visible","transparent","animationType","onRequestClose","modalOverlay","activeOpacity","dropdownContainer","position","top","left","backgroundColor","dropdown","map","SelectComponent","create","flexDirection","alignItems","justifyContent","borderRadius","flex","buttonText","fontSize","borderWidth","maxHeight","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","padding","paddingVertical","paddingHorizontal","borderBottomWidth","optionText","marginRight"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/select/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useBackgroundColor","useBorderColor","useIconColor","usePlaceholderColor","Ionicons","React","forwardRef","useImperativeHandle","useRef","StyleSheet","View","Dropdown","Txt","InputClearButton","useInputStyles","BaseSelectComponent","field","input","meta","formSize","inEditable","ref","placeholder","options","renderOption","RenderOption","optional","searchable","searchPlaceholder","onChange","value","onFocus","onBlur","active","inputRef","container","inputStyles","iconSize","text","size","clearButtonSize","buttonContainer","focus","_inputRef$current","current","open","blur","_inputRef$current2","close","RenderOptionText","props","createElement","style","styles","defaultOption","option","label","iconColor","placeholderColor","menuBg","selectedOptionBg","borderColor","wrapper","placeholderStyle","color","selectedTextStyle","inputSearchStyle","inputSearch","iconStyle","data","search","searchField","undefined","maxHeight","labelField","valueField","item","activeColor","renderItem","selected","backgroundColor","colorMode","isSelected","renderRightIcon","name","onPress","isActive","SelectComponent","create","width","padding","height","fontSize","outlineWidth"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/select/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -3,14 +3,15 @@ import { usePlaceholderColor, useTextColor } from '@chem-po/react';
 import { Ionicons } from '@expo/vector-icons';
 import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';
 import { StyleSheet, TextInput, TouchableOpacity, View } from 'react-native';
-import { inputStyles } from '../styles';
+import { useInputStyles } from '../hooks/useInputStyles';
 import { TextAreaComponent } from './textarea';
 export const TextComponent = /*#__PURE__*/forwardRef(({
   input,
   inEditable,
   meta,
   field,
-  style
+  style,
+  formSize
 }, ref) => {
   const {
     placeholder,
@@ -23,6 +24,9 @@ export const TextComponent = /*#__PURE__*/forwardRef(({
     ...inputProps
   } = input;
   const inputRef = useRef(null);
+  const {
+    container: inputStyles
+  } = useInputStyles(inEditable, field.size, formSize);
   useImperativeHandle(ref, () => ({
     focus: () => {
       var _inputRef$current;
@@ -42,9 +46,7 @@ export const TextComponent = /*#__PURE__*/forwardRef(({
     meta: meta
   }) : /*#__PURE__*/React.createElement(TextInput, _extends({
     ref: inputRef,
-    style: [inputStyles.input,
-    // inEditable && styles.inEditable,
-    type === 'password' && styles.passwordInput, {
+    style: [inputStyles, {
       color
     }, style],
     secureTextEntry: isHidden,

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

@@ -1 +1 @@
-{"version":3,"names":["usePlaceholderColor","useTextColor","Ionicons","React","forwardRef","useImperativeHandle","useRef","useState","StyleSheet","TextInput","TouchableOpacity","View","inputStyles","TextAreaComponent","TextComponent","input","inEditable","meta","field","style","ref","placeholder","type","isHidden","setIsHidden","value","onChange","inputProps","inputRef","focus","_inputRef$current","current","blur","_inputRef$current2","placeholderColor","color","body","createElement","_extends","styles","passwordInput","secureTextEntry","placeholderTextColor","onChangeText","passwordContainer","eyeIcon","onPress","name","size","displayName","create","paddingRight","width","flexDirection","alignItems","position","right","padding"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/index.tsx"],"mappings":";AACA,SAAoBA,mBAAmB,EAAEC,YAAY,QAAQ,gBAAgB;AAC7E,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,OAAOC,KAAK,IAAIC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAChF,SAASC,UAAU,EAAEC,SAAS,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAE5E,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,iBAAiB,QAAQ,YAAY;AAE9C,OAAO,MAAMC,aAAa,gBAAGV,UAAU,CACrC,CAAC;EAAEW,KAAK;EAAEC,UAAU;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAClD,MAAM;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGJ,KAAK;EACnC,MAAM,CAACK,QAAQ,EAAEC,WAAW,CAAC,GAAGjB,QAAQ,CAACe,IAAI,KAAK,UAAU,CAAC;EAC7D,MAAM;IAAEG,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAW,CAAC,GAAGZ,KAAK;EAChD,MAAMa,QAAQ,GAAGtB,MAAM,CAAY,IAAI,CAAC;EAExCD,mBAAmB,CAACe,GAAG,EAAE,OAAO;IAC9BS,KAAK,EAAEA,CAAA,KAAM;MAAA,IAAAC,iBAAA;MACX,CAAAA,iBAAA,GAAAF,QAAQ,CAACG,OAAO,cAAAD,iBAAA,eAAhBA,iBAAA,CAAkBD,KAAK,CAAC,CAAC;IAC3B,CAAC;IACDG,IAAI,EAAEA,CAAA,KAAM;MAAA,IAAAC,kBAAA;MACV,CAAAA,kBAAA,GAAAL,QAAQ,CAACG,OAAO,cAAAE,kBAAA,eAAhBA,kBAAA,CAAkBD,IAAI,CAAC,CAAC;IAC1B;EACF,CAAC,CAAC,CAAC;EAEH,MAAME,gBAAgB,GAAGlC,mBAAmB,CAAC,CAAC;EAC9C,MAAMmC,KAAK,GAAGlC,YAAY,CAAC,CAAC;EAC5B,MAAMmC,IAAI,GACRd,IAAI,KAAK,UAAU,gBACjBnB,KAAA,CAAAkC,aAAA,CAACxB,iBAAiB;IAACG,UAAU,EAAEA,UAAW;IAACE,KAAK,EAAEA,KAAM;IAACH,KAAK,EAAEA,KAAM;IAACE,IAAI,EAAEA;EAAK,CAAE,CAAC,gBAErFd,KAAA,CAAAkC,aAAA,CAAC5B,SAAS,EAAA6B,QAAA;IACRlB,GAAG,EAAEQ,QAAS;IACdT,KAAK,EAAE,CACLP,WAAW,CAACG,KAAK;IACjB;IACAO,IAAI,KAAK,UAAU,IAAIiB,MAAM,CAACC,aAAa,EAC3C;MAAEL;IAAM,CAAC,EACThB,KAAK,CACL;IACFsB,eAAe,EAAElB,QAAS;IAC1BmB,oBAAoB,EAAER,gBAAiB;IACvCb,WAAW,EAAEA,WAAY;IACzBI,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBkB,YAAY,EAAEjB;EAAS,GACnBC,UAAU,CACf,CACF;EAEH,OAAOL,IAAI,KAAK,UAAU,gBACxBnB,KAAA,CAAAkC,aAAA,CAAC1B,IAAI;IAACQ,KAAK,EAAEoB,MAAM,CAACK;EAAkB,GACnCR,IAAI,eACLjC,KAAA,CAAAkC,aAAA,CAAC3B,gBAAgB;IAACS,KAAK,EAAEoB,MAAM,CAACM,OAAQ;IAACC,OAAO,EAAEA,CAAA,KAAMtB,WAAW,CAAC,CAACD,QAAQ;EAAE,gBAC7EpB,KAAA,CAAAkC,aAAA,CAACnC,QAAQ;IAAC6C,IAAI,EAAExB,QAAQ,GAAG,KAAK,GAAG,SAAU;IAACyB,IAAI,EAAE,EAAG;IAACb,KAAK,EAAC;EAAM,CAAE,CACtD,CACd,CAAC,GAEPC,IACD;AACH,CACF,CAAC;AAEDtB,aAAa,CAACmC,WAAW,GAAG,eAAe;AAE3C,MAAMV,MAAM,GAAG/B,UAAU,CAAC0C,MAAM,CAAC;EAC/B;EACA;EACA;EACA;EACA;EACAV,aAAa,EAAE;IACbW,YAAY,EAAE;EAChB,CAAC;EACDP,iBAAiB,EAAE;IACjBQ,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDV,OAAO,EAAE;IACPU,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,EAAE;IACTC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["usePlaceholderColor","useTextColor","Ionicons","React","forwardRef","useImperativeHandle","useRef","useState","StyleSheet","TextInput","TouchableOpacity","View","useInputStyles","TextAreaComponent","TextComponent","input","inEditable","meta","field","style","formSize","ref","placeholder","type","isHidden","setIsHidden","value","onChange","inputProps","inputRef","container","inputStyles","size","focus","_inputRef$current","current","blur","_inputRef$current2","placeholderColor","color","body","createElement","_extends","secureTextEntry","placeholderTextColor","onChangeText","styles","passwordContainer","eyeIcon","onPress","name","displayName","create","passwordInput","paddingRight","width","flexDirection","alignItems","position","right","padding"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,13 +1,18 @@
 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); }
 import { usePlaceholderColor, useTextColor } from '@chem-po/react';
 import React, { forwardRef, useImperativeHandle, useRef } from 'react';
-import { StyleSheet, TextInput } from 'react-native';
+import { StyleSheet, TextInput, View } from 'react-native';
+import { useInputStyles } from '../hooks/useInputStyles';
 export const TextAreaComponent = /*#__PURE__*/forwardRef(({
   input,
   field,
-  inEditable
+  inEditable,
+  formSize
 }, ref) => {
   const inputRef = useRef(null);
+  const {
+    container: inputStyles
+  } = useInputStyles(inEditable, field.size, formSize);
   const {
     value,
     onChange,
@@ -25,7 +30,9 @@ export const TextAreaComponent = /*#__PURE__*/forwardRef(({
   }));
   const placeholderColor = usePlaceholderColor();
   const color = useTextColor();
-  return /*#__PURE__*/React.createElement(TextInput, _extends({
+  return /*#__PURE__*/React.createElement(View, {
+    style: inputStyles
+  }, /*#__PURE__*/React.createElement(TextInput, _extends({
     ref: inputRef,
     style: [styles.textarea, inEditable && styles.inEditable, {
       color
@@ -37,15 +44,13 @@ export const TextAreaComponent = /*#__PURE__*/forwardRef(({
     textAlignVertical: "top",
     value: value ?? '',
     onChangeText: onChange
-  }, inputProps));
+  }, inputProps)));
 });
 TextAreaComponent.displayName = 'TextAreaComponent';
 const styles = StyleSheet.create({
   textarea: {
     width: '100%',
     minHeight: 80,
-    paddingHorizontal: 12,
-    paddingVertical: 8,
     backgroundColor: 'transparent',
     textAlignVertical: 'top'
   },

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

@@ -1 +1 @@
-{"version":3,"names":["usePlaceholderColor","useTextColor","React","forwardRef","useImperativeHandle","useRef","StyleSheet","TextInput","TextAreaComponent","input","field","inEditable","ref","inputRef","value","onChange","inputProps","focus","_inputRef$current","current","blur","_inputRef$current2","placeholderColor","color","createElement","_extends","style","styles","textarea","placeholder","placeholderTextColor","multiline","maxLength","textAlignVertical","onChangeText","displayName","create","width","minHeight","paddingHorizontal","paddingVertical","backgroundColor"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/textarea.tsx"],"mappings":";AACA,SAAoBA,mBAAmB,EAAEC,YAAY,QAAQ,gBAAgB;AAC7E,OAAOC,KAAK,IAAIC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AACtE,SAASC,UAAU,EAAEC,SAAS,QAAQ,cAAc;AAGpD,OAAO,MAAMC,iBAAiB,gBAAGL,UAAU,CACzC,CAAC;EAAEM,KAAK;EAAEC,KAAK;EAAEC;AAAW,CAAC,EAAEC,GAAG,KAAK;EACrC,MAAMC,QAAQ,GAAGR,MAAM,CAAY,IAAI,CAAC;EACxC,MAAM;IAAES,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAW,CAAC,GAAGP,KAAK;EAEhDL,mBAAmB,CAACQ,GAAG,EAAE,OAAO;IAC9BK,KAAK,EAAEA,CAAA,KAAM;MAAA,IAAAC,iBAAA;MACX,CAAAA,iBAAA,GAAAL,QAAQ,CAACM,OAAO,cAAAD,iBAAA,eAAhBA,iBAAA,CAAkBD,KAAK,CAAC,CAAC;IAC3B,CAAC;IACDG,IAAI,EAAEA,CAAA,KAAM;MAAA,IAAAC,kBAAA;MACV,CAAAA,kBAAA,GAAAR,QAAQ,CAACM,OAAO,cAAAE,kBAAA,eAAhBA,kBAAA,CAAkBD,IAAI,CAAC,CAAC;IAC1B;EACF,CAAC,CAAC,CAAC;EAEH,MAAME,gBAAgB,GAAGtB,mBAAmB,CAAC,CAAC;EAC9C,MAAMuB,KAAK,GAAGtB,YAAY,CAAC,CAAC;EAE5B,oBACEC,KAAA,CAAAsB,aAAA,CAACjB,SAAS,EAAAkB,QAAA;IACRb,GAAG,EAAEC,QAAS;IACda,KAAK,EAAE,CAACC,MAAM,CAACC,QAAQ,EAAEjB,UAAU,IAAIgB,MAAM,CAAChB,UAAU,EAAE;MAAEY;IAAM,CAAC,CAAE;IACrEM,WAAW,EAAEnB,KAAK,CAACmB,WAAY;IAC/BC,oBAAoB,EAAER,gBAAiB;IACvCS,SAAS;IACTC,SAAS,EAAE,GAAI;IACfC,iBAAiB,EAAC,KAAK;IACvBnB,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBoB,YAAY,EAAEnB;EAAS,GACnBC,UAAU,CACf,CAAC;AAEN,CACF,CAAC;AAEDR,iBAAiB,CAAC2B,WAAW,GAAG,mBAAmB;AAEnD,MAAMR,MAAM,GAAGrB,UAAU,CAAC8B,MAAM,CAAC;EAC/BR,QAAQ,EAAE;IACRS,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,EAAE;IACbC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBC,eAAe,EAAE,aAAa;IAC9BR,iBAAiB,EAAE;EACrB,CAAC;EACDtB,UAAU,EAAE;IACV4B,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["usePlaceholderColor","useTextColor","React","forwardRef","useImperativeHandle","useRef","StyleSheet","TextInput","View","useInputStyles","TextAreaComponent","input","field","inEditable","formSize","ref","inputRef","container","inputStyles","size","value","onChange","inputProps","focus","_inputRef$current","current","blur","_inputRef$current2","placeholderColor","color","createElement","style","_extends","styles","textarea","placeholder","placeholderTextColor","multiline","maxLength","textAlignVertical","onChangeText","displayName","create","width","minHeight","backgroundColor","paddingHorizontal","paddingVertical"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/textarea.tsx"],"mappings":";AACA,SAAoBA,mBAAmB,EAAEC,YAAY,QAAQ,gBAAgB;AAC7E,OAAOC,KAAK,IAAIC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AACtE,SAASC,UAAU,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAE1D,SAASC,cAAc,QAAQ,yBAAyB;AAExD,OAAO,MAAMC,iBAAiB,gBAAGP,UAAU,CACzC,CAAC;EAAEQ,KAAK;EAAEC,KAAK;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAEC,GAAG,KAAK;EAC/C,MAAMC,QAAQ,GAAGX,MAAM,CAAY,IAAI,CAAC;EACxC,MAAM;IAAEY,SAAS,EAAEC;EAAY,CAAC,GAAGT,cAAc,CAACI,UAAU,EAAED,KAAK,CAACO,IAAI,EAAEL,QAAQ,CAAC;EACnF,MAAM;IAAEM,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAW,CAAC,GAAGX,KAAK;EAEhDP,mBAAmB,CAACW,GAAG,EAAE,OAAO;IAC9BQ,KAAK,EAAEA,CAAA,KAAM;MAAA,IAAAC,iBAAA;MACX,CAAAA,iBAAA,GAAAR,QAAQ,CAACS,OAAO,cAAAD,iBAAA,eAAhBA,iBAAA,CAAkBD,KAAK,CAAC,CAAC;IAC3B,CAAC;IACDG,IAAI,EAAEA,CAAA,KAAM;MAAA,IAAAC,kBAAA;MACV,CAAAA,kBAAA,GAAAX,QAAQ,CAACS,OAAO,cAAAE,kBAAA,eAAhBA,kBAAA,CAAkBD,IAAI,CAAC,CAAC;IAC1B;EACF,CAAC,CAAC,CAAC;EAEH,MAAME,gBAAgB,GAAG5B,mBAAmB,CAAC,CAAC;EAC9C,MAAM6B,KAAK,GAAG5B,YAAY,CAAC,CAAC;EAE5B,oBACEC,KAAA,CAAA4B,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAEb;EAAY,gBACvBhB,KAAA,CAAA4B,aAAA,CAACvB,SAAS,EAAAyB,QAAA;IACRjB,GAAG,EAAEC,QAAS;IACde,KAAK,EAAE,CAACE,MAAM,CAACC,QAAQ,EAAErB,UAAU,IAAIoB,MAAM,CAACpB,UAAU,EAAE;MAAEgB;IAAM,CAAC,CAAE;IACrEM,WAAW,EAAEvB,KAAK,CAACuB,WAAY;IAC/BC,oBAAoB,EAAER,gBAAiB;IACvCS,SAAS;IACTC,SAAS,EAAE,GAAI;IACfC,iBAAiB,EAAC,KAAK;IACvBnB,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBoB,YAAY,EAAEnB;EAAS,GACnBC,UAAU,CACf,CACG,CAAC;AAEX,CACF,CAAC;AAEDZ,iBAAiB,CAAC+B,WAAW,GAAG,mBAAmB;AAEnD,MAAMR,MAAM,GAAG3B,UAAU,CAACoC,MAAM,CAAC;EAC/BR,QAAQ,EAAE;IACRS,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,EAAE;IACbC,eAAe,EAAE,aAAa;IAC9BN,iBAAiB,EAAE;EACrB,CAAC;EACD1B,UAAU,EAAE;IACViC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/form/input/time/index.js

@@ -7,7 +7,7 @@ import { Portal } from 'react-native-paper';
 import { TimePickerModal } from 'react-native-paper-dates';
 import { DateInputClearButton } from '../common/InputClearButton';
 import { useInputColor } from '../hooks/useInputColor';
-import { inputStyles } from '../styles';
+import { useInputStyles } from '../hooks/useInputStyles';
 export const TimeInput = /*#__PURE__*/forwardRef(({
   input: {
     onChange,
@@ -17,10 +17,20 @@ export const TimeInput = /*#__PURE__*/forwardRef(({
   },
   field: {
     placeholder,
-    optional
-  }
+    optional,
+    size
+  },
+  formSize,
+  inEditable
 }, ref) => {
   const [visible, setVisible] = useState(false);
+  const {
+    container: inputStyles,
+    iconSize,
+    text,
+    clearButtonSize,
+    buttonContainer
+  } = useInputStyles(inEditable, size, formSize);
   useImperativeHandle(ref, () => ({
     focus: () => {
       setVisible(true);
@@ -70,24 +80,26 @@ export const TimeInput = /*#__PURE__*/forwardRef(({
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container
   }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: [styles.button, inputStyles.input],
+    style: [styles.button, inputStyles],
     onPress: () => {
       setVisible(true);
       onFocus();
     }
   }, /*#__PURE__*/React.createElement(Text, {
-    style: [styles.text, {
+    style: [styles.text, text, {
       color: inputColor
     }]
-  }, formattedValue ?? placeholder), /*#__PURE__*/React.createElement(Ionicons, {
+  }, formattedValue ?? placeholder), /*#__PURE__*/React.createElement(View, {
+    style: buttonContainer
+  }, /*#__PURE__*/React.createElement(Ionicons, {
     name: "time",
-    size: 20,
-    color: iconColor,
-    style: styles.icon
+    size: iconSize,
+    color: iconColor
   }), optional && value ? /*#__PURE__*/React.createElement(DateInputClearButton, {
+    size: clearButtonSize,
     onPress: () => onChange(null),
     isActive: !!value
-  }) : null), /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(TimePickerModal, {
+  }) : null)), /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(TimePickerModal, {
     visible: visible,
     onDismiss: handleDismiss,
     onConfirm: handleTimeChange,
@@ -109,9 +121,6 @@ const styles = StyleSheet.create({
   text: {
     fontSize: 16,
     flex: 1
-  },
-  icon: {
-    marginRight: 10
   }
 });
 //# sourceMappingURL=index.js.map

package/lib/module/components/form/input/time/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["padZeros","useIconColor","Ionicons","React","forwardRef","useImperativeHandle","useMemo","useState","StyleSheet","Text","TouchableOpacity","View","Portal","TimePickerModal","DateInputClearButton","useInputColor","inputStyles","TimeInput","input","onChange","value","onFocus","onBlur","field","placeholder","optional","ref","visible","setVisible","focus","blur","handleTimeChange","hours","minutes","timeString","handleDismiss","formattedValue","split","map","Number","amPm","formattedHours","h","m","iconColor","inputColor","createElement","style","styles","container","button","onPress","text","color","name","size","icon","isActive","onDismiss","onConfirm","displayName","create","width","flexDirection","alignItems","justifyContent","fontSize","flex","marginRight"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/time/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["padZeros","useIconColor","Ionicons","React","forwardRef","useImperativeHandle","useMemo","useState","StyleSheet","Text","TouchableOpacity","View","Portal","TimePickerModal","DateInputClearButton","useInputColor","useInputStyles","TimeInput","input","onChange","value","onFocus","onBlur","field","placeholder","optional","size","formSize","inEditable","ref","visible","setVisible","container","inputStyles","iconSize","text","clearButtonSize","buttonContainer","focus","blur","handleTimeChange","hours","minutes","timeString","handleDismiss","formattedValue","split","map","Number","amPm","formattedHours","h","m","iconColor","inputColor","createElement","style","styles","button","onPress","color","name","isActive","onDismiss","onConfirm","displayName","create","width","flexDirection","alignItems","justifyContent","fontSize","flex"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/time/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/form/view/file.js

@@ -20,20 +20,34 @@ const styles = StyleSheet.create({
     padding: 4
   }
 });
+const getFileSizeHeight = size => {
+  switch (size) {
+    case 'sm':
+      return 80;
+    case 'md':
+      return 120;
+    case 'lg':
+      return 150;
+    default:
+      return 120;
+  }
+};
 export const FileFieldView = ({
   field,
   value,
   noLabel,
-  style
+  style,
+  size: sizeProp
 }) => {
   const {
     imageOptions,
-    placeholder
+    placeholder,
+    size
   } = field;
   const options = useMemo(() => ({
-    height: 150,
+    height: getFileSizeHeight(size ?? sizeProp ?? 'md'),
     ...imageOptions
-  }), [imageOptions]);
+  }), [imageOptions, size, sizeProp]);
   return /*#__PURE__*/React.createElement(View, {
     style: [value ? styles.container : styles.rowContainer, style]
   }, !noLabel && /*#__PURE__*/React.createElement(Text, {