@chem-po/react-native 0.0.14 → 0.0.16

package/lib/module/components/form/input/hooks/useInputStyles.js

@@ -0,0 +1,104 @@
+import { useBackgroundColor, useTextColor } from '@chem-po/react';
+import { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+export const inputStyles = StyleSheet.create({
+  input: {
+    width: '100%',
+    fontSize: 16,
+    outlineWidth: 0
+  },
+  inputXSmall: {
+    paddingVertical: 4,
+    paddingHorizontal: 6,
+    borderRadius: 3
+  },
+  inputSmall: {
+    paddingVertical: 6,
+    paddingHorizontal: 9,
+    borderRadius: 4
+  },
+  inputMedium: {
+    paddingVertical: 8,
+    paddingHorizontal: 12,
+    borderRadius: 6
+  },
+  inputLarge: {
+    paddingVertical: 10,
+    paddingHorizontal: 14,
+    borderRadius: 8
+  },
+  inputTextSmall: {
+    fontSize: 14
+  },
+  inputTextMedium: {
+    fontSize: 16
+  },
+  inputTextLarge: {
+    fontSize: 18
+  },
+  buttonContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  buttonContainerSmall: {
+    gap: 6
+  },
+  buttonContainerMedium: {
+    gap: 8
+  },
+  buttonContainerLarge: {
+    gap: 10
+  }
+});
+const iconSizeMap = {
+  sm: 16,
+  md: 20,
+  lg: 24
+};
+const clearButtonSizeMap = {
+  sm: 12,
+  md: 14,
+  lg: 16
+};
+const inputSizeMap = {
+  sm: inputStyles.inputSmall,
+  md: inputStyles.inputMedium,
+  lg: inputStyles.inputLarge
+};
+const editableInputSizeMap = {
+  sm: inputStyles.inputXSmall,
+  md: inputStyles.inputSmall,
+  lg: inputStyles.inputMedium
+};
+const inputTextSizeMap = {
+  sm: inputStyles.inputTextSmall,
+  md: inputStyles.inputTextMedium,
+  lg: inputStyles.inputTextLarge
+};
+const buttonContainerSizeMap = {
+  sm: inputStyles.buttonContainerSmall,
+  md: inputStyles.buttonContainerMedium,
+  lg: inputStyles.buttonContainerLarge
+};
+export const useInputStyles = (inEditable, size, formSize = 'md') => {
+  const formElementBg = useBackgroundColor(150);
+  const bg = useMemo(() => inEditable ? 'transparent' : formElementBg, [inEditable, formElementBg]);
+  const textColor = useTextColor();
+  const usedSize = size ?? formSize;
+  return {
+    text: {
+      ...inputTextSizeMap[usedSize],
+      color: textColor
+    },
+    container: {
+      ...inputStyles.input,
+      ...(inEditable ? editableInputSizeMap[usedSize] : inputSizeMap[usedSize]),
+      backgroundColor: bg
+    },
+    size: usedSize,
+    iconSize: iconSizeMap[usedSize],
+    clearButtonSize: clearButtonSizeMap[usedSize],
+    buttonContainer: [inputStyles.buttonContainer, buttonContainerSizeMap[usedSize]]
+  };
+};
+//# sourceMappingURL=useInputStyles.js.map

package/lib/module/components/form/input/hooks/useInputStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useBackgroundColor","useTextColor","useMemo","StyleSheet","inputStyles","create","input","width","fontSize","outlineWidth","inputXSmall","paddingVertical","paddingHorizontal","borderRadius","inputSmall","inputMedium","inputLarge","inputTextSmall","inputTextMedium","inputTextLarge","buttonContainer","flexDirection","alignItems","buttonContainerSmall","gap","buttonContainerMedium","buttonContainerLarge","iconSizeMap","sm","md","lg","clearButtonSizeMap","inputSizeMap","editableInputSizeMap","inputTextSizeMap","buttonContainerSizeMap","useInputStyles","inEditable","size","formSize","formElementBg","bg","textColor","usedSize","text","color","container","backgroundColor","iconSize","clearButtonSize"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/hooks/useInputStyles.ts"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,7 @@
 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 { useBackgroundColor, usePlaceholderColor, useThemeValue } from '@chem-po/react';
-import React, { forwardRef, useEffect, useMemo } from 'react';
+import { formatField, parseField } from '@chem-po/core';
+import { usePlaceholderColor, useThemeValue } from '@chem-po/react';
+import React, { forwardRef, useCallback, useEffect, useMemo } from 'react';
 import { Animated, StyleSheet, Text, View } from 'react-native';
 import { AnimatedText } from '../../text/AnimatedText';
 import { BooleanComponent } from './boolean';
@@ -8,6 +9,7 @@ import { ColorComponent } from './color';
 import { DateInput } from './date';
 import { DateTimeInput } from './datetime';
 import { FileComponent } from './file';
+import { useInputStyles } from './hooks/useInputStyles';
 import { MultipleSelectComponent } from './multipleSelect';
 import { CurrencyAmountComponent, NumberComponent } from './number';
 import { SelectComponent } from './select';
@@ -38,6 +40,7 @@ const InputBase = (props, ref) => {
     },
     input,
     inEditable,
+    formSize,
     style
   } = props;
   const {
@@ -71,7 +74,9 @@ const InputBase = (props, ref) => {
     label: Label
   } = field;
   const showPlaceholder = useMemo(() => _type === 'multipleSelect' || !!value && _type !== 'file' && _type !== 'boolean', [value, _type]);
-  const bg = useBackgroundColor(150);
+
+  // const bg = useBackgroundColor(150)
+
   const animatedStyles = useMemo(() => {
     if (inEditable) return {};
     switch (_type) {
@@ -90,14 +95,34 @@ const InputBase = (props, ref) => {
           },
           shadowOpacity: 1,
           shadowRadius: 4,
-          elevation: 5,
-          backgroundColor: bg
+          elevation: 5
+          // backgroundColor: bg,
         };
       default:
         return {};
     }
-  }, [_type, animatedShadowColor, inEditable, bg]);
+  }, [_type, animatedShadowColor, inEditable]);
   const Component = useMemo(() => Components[_type], [_type]);
+  const parse = useCallback(raw => {
+    const defaultParse = parseField[field._type];
+    if (!defaultParse) return raw;
+    return defaultParse(field, raw);
+  }, [field]);
+  const {
+    text
+  } = useInputStyles(inEditable, field.size, formSize);
+  const format = useCallback(raw => {
+    const defaultFormat = formatField[field._type];
+    if (!defaultFormat) return raw;
+    return defaultFormat(field, raw);
+  }, [field]);
+  const formattedValue = useMemo(() => format(value), [value, format]);
+  const onChange = useCallback(v => {
+    input.onChange(parse(v));
+  }, [input, parse]);
+  const errorHeight = useMemo(() => {
+    return (text.fontSize ?? 16) - 2;
+  }, [text]);
   return /*#__PURE__*/React.createElement(View, {
     style: [staticStyles.container, style]
   }, Label && !inEditable ? typeof Label === 'string' ? /*#__PURE__*/React.createElement(Text, {
@@ -112,19 +137,26 @@ const InputBase = (props, ref) => {
     style: [staticStyles.inputContainer, animatedStyles]
   }, /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref
-  }, props))), !inEditable && /*#__PURE__*/React.createElement(AnimatedText, {
-    style: staticStyles.errorText,
+  }, props, {
+    input: {
+      ...input,
+      onChange,
+      value: formattedValue
+    }
+  }))), /*#__PURE__*/React.createElement(AnimatedText, {
+    style: [staticStyles.errorText, {
+      fontSize: errorHeight
+    }],
     show: !!displayedError,
     color: errorColor,
-    height: 18,
-    marginBottom: 0
+    height: errorHeight,
+    marginBottom: inEditable ? 10 : 0
   }, displayedError));
 };
 const staticStyles = StyleSheet.create({
   container: {
     position: 'relative',
-    width: '100%',
-    paddingHorizontal: 4
+    width: '100%'
     // backgroundColor: 'blue',
   },
   label: {
@@ -139,8 +171,14 @@ const staticStyles = StyleSheet.create({
     overflow: 'hidden'
   },
   errorText: {
+    paddingHorizontal: 8,
+    fontWeight: 500
+    // backgroundColor: 'red',
+  },
+  errorTextEditable: {
     fontSize: 14,
-    paddingHorizontal: 4,
+    paddingHorizontal: 6,
+    paddingBottom: 8,
     fontWeight: 500
     // backgroundColor: 'red',
   },

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

@@ -1 +1 @@
-{"version":3,"names":["useBackgroundColor","usePlaceholderColor","useThemeValue","React","forwardRef","useEffect","useMemo","Animated","StyleSheet","Text","View","AnimatedText","BooleanComponent","ColorComponent","DateInput","DateTimeInput","FileComponent","MultipleSelectComponent","CurrencyAmountComponent","NumberComponent","SelectComponent","SocialMediaComponent","TextComponent","TimeInput","Components","text","file","boolean","select","multipleSelect","currency","number","date","datetime","time","socialMedia","color","InputBase","props","ref","field","meta","error","active","touched","input","inEditable","style","value","placeholderColor","activeColor","errorColor","shadowColorAnim","Value","displayedError","shadowColor","timing","toValue","duration","useNativeDriver","start","animatedShadowColor","interpolate","inputRange","outputRange","_type","label","Label","showPlaceholder","bg","animatedStyles","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","Component","createElement","staticStyles","container","placeholder","show","marginBottom","inputContainer","_extends","errorText","create","position","paddingHorizontal","fontSize","borderRadius","paddingVertical","overflow","fontWeight","Input"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/input/input.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["formatField","parseField","usePlaceholderColor","useThemeValue","React","forwardRef","useCallback","useEffect","useMemo","Animated","StyleSheet","Text","View","AnimatedText","BooleanComponent","ColorComponent","DateInput","DateTimeInput","FileComponent","useInputStyles","MultipleSelectComponent","CurrencyAmountComponent","NumberComponent","SelectComponent","SocialMediaComponent","TextComponent","TimeInput","Components","text","file","boolean","select","multipleSelect","currency","number","date","datetime","time","socialMedia","color","InputBase","props","ref","field","meta","error","active","touched","input","inEditable","formSize","style","value","placeholderColor","activeColor","errorColor","shadowColorAnim","Value","displayedError","shadowColor","timing","toValue","duration","useNativeDriver","start","animatedShadowColor","interpolate","inputRange","outputRange","_type","label","Label","showPlaceholder","animatedStyles","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","Component","parse","raw","defaultParse","size","format","defaultFormat","formattedValue","onChange","v","errorHeight","fontSize","createElement","staticStyles","container","placeholder","show","marginBottom","inputContainer","_extends","errorText","create","position","paddingHorizontal","borderRadius","paddingVertical","overflow","fontWeight","errorTextEditable","paddingBottom","Input"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/input/input.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,15 +1,35 @@
-import { useColorMode, usePlaceholderColor } from '@chem-po/react';
-import React, { forwardRef, useImperativeHandle } from 'react';
-import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-export const MultipleSelectComponent = /*#__PURE__*/forwardRef(({
+import { useBackgroundColor, useBorderColor, useColorMode, useColorModeValue, useIconColor, usePlaceholderColor, useTextColor } from '@chem-po/react';
+import { Ionicons } from '@expo/vector-icons';
+import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { MultiSelect } from 'react-native-element-dropdown';
+import { Txt } from '../../../text/Txt';
+import { InputClearButton } from '../common/InputClearButton';
+import { useInputStyles } from '../hooks/useInputStyles';
+export const SelectedOptionContainer = ({
+  children,
+  style
+}) => {
+  const borderColor = useBorderColor();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.selectedOption, {
+      borderColor
+    }, style]
+  }, children);
+};
+const BaseMultipleSelectComponent = ({
   field,
   input,
+  meta,
+  formSize,
   inEditable
 }, ref) => {
   const {
+    placeholder,
     options,
     renderOption: RenderOption,
-    getOptionKey
+    searchable,
+    searchPlaceholder
   } = field;
   const {
     onChange,
@@ -17,62 +37,159 @@ export const MultipleSelectComponent = /*#__PURE__*/forwardRef(({
     onFocus,
     onBlur
   } = input;
+  const {
+    active
+  } = meta;
   const colorMode = useColorMode();
+  const inputRef = useRef(null);
+  const {
+    container: inputStyles,
+    iconSize,
+    clearButtonSize,
+    text,
+    buttonContainer,
+    size
+  } = useInputStyles(inEditable, field.size, formSize);
+  const iconColor = useIconColor();
+  const textColor = useTextColor();
   const placeholderColor = usePlaceholderColor();
+  const menuBg = useBackgroundColor(100);
+  const selectedOptionBg = useColorModeValue('#ffffff77', '#ffffff15');
+  const borderColor = useBorderColor();
   useImperativeHandle(ref, () => ({
     focus: () => {
-      onFocus();
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.open();
     },
     blur: () => {
-      onBlur();
+      var _inputRef$current2;
+      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.close();
     }
   }));
-  const handleOptionPress = option => {
-    onChange(value !== null && value !== void 0 && value.includes(option) ? value.filter(v => v !== option) : [...(value ?? []), option]);
+  const defaultSelectedOptionStyle = useMemo(() => {
+    return {
+      paddingVertical: inputStyles.paddingVertical,
+      paddingHorizontal: inputStyles.paddingHorizontal
+    };
+  }, [inputStyles]);
+  const RenderOptionText = props => {
+    if (typeof RenderOption === 'function') {
+      return RenderOption(props);
+    }
+    return /*#__PURE__*/React.createElement(Txt, {
+      style: [styles.defaultOption, text]
+    }, props.option.label);
   };
-  const body = /*#__PURE__*/React.createElement(View, {
-    style: styles.container
-  }, options.map(o => /*#__PURE__*/React.createElement(TouchableOpacity, {
-    key: getOptionKey ? getOptionKey(o) : o,
-    style: [styles.option, (value === null || value === void 0 ? void 0 : value.includes(o)) && styles.selectedOption],
-    onPress: () => handleOptionPress(o)
-  }, /*#__PURE__*/React.createElement(RenderOption, {
-    value: o,
-    colorMode: colorMode,
-    isSelected: !!(value !== null && value !== void 0 && value.includes(o))
-  }))));
-  return inEditable ? /*#__PURE__*/React.createElement(View, {
-    style: styles.editableContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: [styles.placeholder, {
-      color: placeholderColor
-    }]
-  }, field.placeholder), body) : body;
-});
+  const RenderSelectedOptionText = props => {
+    if (typeof RenderOption === 'function') {
+      return RenderOption(props);
+    }
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Txt, {
+      style: [defaultSelectedOptionStyle, text]
+    }, props.option.label));
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.wrapper]
+  }, /*#__PURE__*/React.createElement(MultiSelect, {
+    ref: inputRef,
+    style: [inputStyles, {
+      borderColor
+    }],
+    placeholderStyle: [text, {
+      color: value !== null && value !== void 0 && value.length ? textColor : placeholderColor
+    }],
+    containerStyle: {
+      backgroundColor: menuBg
+    },
+    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: updated => {
+      onChange(updated);
+    },
+    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: colorMode,
+      isSelected: !!selected,
+      size: size
+    })),
+    renderSelectedItem: item => /*#__PURE__*/React.createElement(SelectedOptionContainer, null, /*#__PURE__*/React.createElement(RenderSelectedOptionText, {
+      value: item.value,
+      option: item,
+      colorMode: colorMode,
+      isSelected: true,
+      size: size
+    }), /*#__PURE__*/React.createElement(View, {
+      style: [styles.optionClearContainer, {
+        borderColor,
+        backgroundColor: selectedOptionBg
+      }]
+    }, /*#__PURE__*/React.createElement(InputClearButton, {
+      size: clearButtonSize,
+      onPress: () => {
+        onChange(value === null || value === void 0 ? void 0 : value.filter(v => v !== item.value));
+      },
+      isActive: true
+    }))),
+    renderRightIcon: () => /*#__PURE__*/React.createElement(View, {
+      style: buttonContainer
+    }, /*#__PURE__*/React.createElement(Ionicons, {
+      name: active ? 'chevron-up' : 'chevron-down',
+      size: iconSize,
+      color: iconColor
+    }))
+  }));
+};
+export const MultipleSelectComponent = /*#__PURE__*/forwardRef(BaseMultipleSelectComponent);
 const styles = StyleSheet.create({
-  container: {
-    width: '100%',
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    gap: 4
+  wrapper: {
+    width: '100%'
   },
-  editableContainer: {
-    width: '100%',
-    paddingVertical: 2
+  defaultOption: {
+    padding: 10
   },
-  placeholder: {
-    fontSize: 14,
-    fontWeight: '600',
-    opacity: 0.8,
-    paddingHorizontal: 8,
-    marginBottom: 4
+  iconStyle: {
+    width: 20,
+    height: 20
   },
-  option: {
-    padding: 4,
-    opacity: 0.7
+  inputSearch: {
+    outlineWidth: 0,
+    paddingVertical: 4,
+    minHeight: 0,
+    height: 'auto',
+    fontSize: 16
   },
   selectedOption: {
-    opacity: 1
+    flexDirection: 'row',
+    borderRadius: 4,
+    borderWidth: 1,
+    alignItems: 'center',
+    marginTop: 4,
+    marginHorizontal: 4
+  },
+  optionClearContainer: {
+    paddingHorizontal: 8,
+    borderLeftWidth: 1,
+    borderTopRightRadius: 8,
+    borderBottomRightRadius: 8,
+    height: '100%',
+    justifyContent: 'center'
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useColorMode","usePlaceholderColor","React","forwardRef","useImperativeHandle","StyleSheet","Text","TouchableOpacity","View","MultipleSelectComponent","field","input","inEditable","ref","options","renderOption","RenderOption","getOptionKey","onChange","value","onFocus","onBlur","colorMode","placeholderColor","focus","blur","handleOptionPress","option","includes","filter","v","body","createElement","style","styles","container","map","o","key","selectedOption","onPress","isSelected","editableContainer","placeholder","color","create","width","flexDirection","flexWrap","gap","paddingVertical","fontSize","fontWeight","opacity","paddingHorizontal","marginBottom","padding"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/multipleSelect/index.tsx"],"mappings":"AACA,SAA8BA,YAAY,EAAEC,mBAAmB,QAAQ,gBAAgB;AACvF,OAAOC,KAAK,IAAIC,UAAU,EAAEC,mBAAmB,QAAQ,OAAO;AAC9D,SAASC,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAGvE,OAAO,MAAMC,uBAAuB,gBAAGN,UAAU,CAC/C,CAAC;EAAEO,KAAK;EAAEC,KAAK;EAAEC;AAAW,CAAC,EAAEC,GAAG,KAAK;EACrC,MAAM;IAAEC,OAAO;IAAEC,YAAY,EAAEC,YAAY;IAAEC;EAAa,CAAC,GAAGP,KAAK;EACnE,MAAM;IAAEQ,QAAQ;IAAEC,KAAK;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGV,KAAK;EAClD,MAAMW,SAAS,GAAGtB,YAAY,CAAC,CAAC;EAEhC,MAAMuB,gBAAgB,GAAGtB,mBAAmB,CAAC,CAAC;EAE9CG,mBAAmB,CAACS,GAAG,EAAE,OAAO;IAC9BW,KAAK,EAAEA,CAAA,KAAM;MACXJ,OAAO,CAAC,CAAC;IACX,CAAC;IACDK,IAAI,EAAEA,CAAA,KAAM;MACVJ,MAAM,CAAC,CAAC;IACV;EACF,CAAC,CAAC,CAAC;EAEH,MAAMK,iBAAiB,GAAIC,MAAW,IAAK;IACzCT,QAAQ,CACNC,KAAK,aAALA,KAAK,eAALA,KAAK,CAAES,QAAQ,CAACD,MAAM,CAAC,GAAGR,KAAK,CAACU,MAAM,CAACC,CAAC,IAAIA,CAAC,KAAKH,MAAM,CAAC,GAAG,CAAC,IAAIR,KAAK,IAAI,EAAE,CAAC,EAAEQ,MAAM,CACvF,CAAC;EACH,CAAC;EAED,MAAMI,IAAI,gBACR7B,KAAA,CAAA8B,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACC;EAAU,GAC3BrB,OAAO,CAACsB,GAAG,CAACC,CAAC,iBACZnC,KAAA,CAAA8B,aAAA,CAACzB,gBAAgB;IACf+B,GAAG,EAAErB,YAAY,GAAGA,YAAY,CAACoB,CAAC,CAAC,GAAGA,CAAE;IACxCJ,KAAK,EAAE,CAACC,MAAM,CAACP,MAAM,EAAE,CAAAR,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAES,QAAQ,CAACS,CAAC,CAAC,KAAIH,MAAM,CAACK,cAAc,CAAE;IACpEC,OAAO,EAAEA,CAAA,KAAMd,iBAAiB,CAACW,CAAC;EAAE,gBACpCnC,KAAA,CAAA8B,aAAA,CAAChB,YAAY;IAACG,KAAK,EAAEkB,CAAE;IAACf,SAAS,EAAEA,SAAU;IAACmB,UAAU,EAAE,CAAC,EAACtB,KAAK,aAALA,KAAK,eAALA,KAAK,CAAES,QAAQ,CAACS,CAAC,CAAC;EAAC,CAAE,CACjE,CACnB,CACG,CACP;EAED,OAAOzB,UAAU,gBACfV,KAAA,CAAA8B,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACQ;EAAkB,gBACpCxC,KAAA,CAAA8B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAE,CAACC,MAAM,CAACS,WAAW,EAAE;MAAEC,KAAK,EAAErB;IAAiB,CAAC;EAAE,GAAEb,KAAK,CAACiC,WAAkB,CAAC,EACzFZ,IACG,CAAC,GAEPA,IACD;AACH,CACF,CAAC;AAED,MAAMG,MAAM,GAAG7B,UAAU,CAACwC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,MAAM;IAChBC,GAAG,EAAE;EACP,CAAC;EACDP,iBAAiB,EAAE;IACjBI,KAAK,EAAE,MAAM;IACbI,eAAe,EAAE;EACnB,CAAC;EACDP,WAAW,EAAE;IACXQ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,OAAO,EAAE,GAAG;IACZC,iBAAiB,EAAE,CAAC;IACpBC,YAAY,EAAE;EAChB,CAAC;EACD5B,MAAM,EAAE;IACN6B,OAAO,EAAE,CAAC;IACVH,OAAO,EAAE;EACX,CAAC;EACDd,cAAc,EAAE;IACdc,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useBackgroundColor","useBorderColor","useColorMode","useColorModeValue","useIconColor","usePlaceholderColor","useTextColor","Ionicons","React","forwardRef","useImperativeHandle","useMemo","useRef","StyleSheet","View","MultiSelect","Txt","InputClearButton","useInputStyles","SelectedOptionContainer","children","style","borderColor","createElement","styles","selectedOption","BaseMultipleSelectComponent","field","input","meta","formSize","inEditable","ref","placeholder","options","renderOption","RenderOption","searchable","searchPlaceholder","onChange","value","onFocus","onBlur","active","colorMode","inputRef","container","inputStyles","iconSize","clearButtonSize","text","buttonContainer","size","iconColor","textColor","placeholderColor","menuBg","selectedOptionBg","focus","_inputRef$current","current","open","blur","_inputRef$current2","close","defaultSelectedOptionStyle","paddingVertical","paddingHorizontal","RenderOptionText","props","defaultOption","option","label","RenderSelectedOptionText","Fragment","wrapper","placeholderStyle","color","length","containerStyle","backgroundColor","inputSearchStyle","inputSearch","iconStyle","data","search","searchField","undefined","maxHeight","labelField","valueField","updated","activeColor","renderItem","item","selected","isSelected","renderSelectedItem","optionClearContainer","onPress","filter","v","isActive","renderRightIcon","name","MultipleSelectComponent","create","width","padding","height","outlineWidth","minHeight","fontSize","flexDirection","borderRadius","borderWidth","alignItems","marginTop","marginHorizontal","borderLeftWidth","borderTopRightRadius","borderBottomRightRadius","justifyContent"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/multipleSelect/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react'
 import { StyleSheet, Text, TextInput, View } from 'react-native';
 import { InputSlider } from '../InputSlider';
 import { useInputImperativeHandle } from '../hooks/useInputImperativeHandle';
-import { inputStyles } from '../styles';
+import { useInputStyles } from '../hooks/useInputStyles';
 export const NumberComponent = /*#__PURE__*/forwardRef(({
   input: {
     onChange,
@@ -13,15 +13,20 @@ export const NumberComponent = /*#__PURE__*/forwardRef(({
   },
   field,
   prefix,
-  inEditable: _,
-  style
+  inEditable,
+  style,
+  formSize
 }, ref) => {
   const {
     type,
     defaultValue,
-    placeholder
+    placeholder,
+    size
   } = field;
   const color = useTextColor();
+  const {
+    container: inputStyles
+  } = useInputStyles(inEditable, size, formSize);
   const inputRef = useInputImperativeHandle(ref);
   const [endsWith, setEndsWith] = useState('');
   const displayed = typeof value === 'number' && !Number.isNaN(value) ? `${value}${endsWith}` : '';
@@ -40,7 +45,7 @@ export const NumberComponent = /*#__PURE__*/forwardRef(({
     style: styles.prefix
   }, prefix), /*#__PURE__*/React.createElement(TextInput, _extends({
     ref: inputRef,
-    style: [inputStyles.input, {
+    style: [inputStyles, {
       color
     }, style],
     placeholder: field.placeholder,

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

@@ -1 +1 @@
-{"version":3,"names":["usePlaceholderColor","useTextColor","React","forwardRef","useImperativeHandle","useRef","useState","StyleSheet","Text","TextInput","View","InputSlider","useInputImperativeHandle","inputStyles","NumberComponent","input","onChange","value","field","prefix","inEditable","_","style","ref","type","defaultValue","placeholder","color","inputRef","endsWith","setEndsWith","displayed","Number","isNaN","placeholderColor","createElement","label","onValueChange","minimumValue","styles","container","_extends","placeholderTextColor","keyboardType","onChangeText","text","includes","num","parseFloat","undefined","BaseCurrencyAmountComponent","props","focus","_inputRef$current","current","blur","_inputRef$current2","_type","CurrencyAmountComponent","create","flexDirection","alignItems","width","marginRight","fontSize"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/number/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["usePlaceholderColor","useTextColor","React","forwardRef","useImperativeHandle","useRef","useState","StyleSheet","Text","TextInput","View","InputSlider","useInputImperativeHandle","useInputStyles","NumberComponent","input","onChange","value","field","prefix","inEditable","style","formSize","ref","type","defaultValue","placeholder","size","color","container","inputStyles","inputRef","endsWith","setEndsWith","displayed","Number","isNaN","placeholderColor","createElement","label","onValueChange","minimumValue","styles","_extends","placeholderTextColor","keyboardType","onChangeText","text","includes","num","parseFloat","undefined","BaseCurrencyAmountComponent","props","focus","_inputRef$current","current","blur","_inputRef$current2","_type","CurrencyAmountComponent","create","flexDirection","alignItems","width","marginRight","fontSize"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/number/index.tsx"],"mappings":";AACA,SAA2CA,mBAAmB,EAAEC,YAAY,QAAQ,gBAAgB;AACpG,OAAOC,KAAK,IAAkBC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC9F,SAASC,UAAU,EAAEC,IAAI,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAEhE,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,wBAAwB,QAAQ,mCAAmC;AAC5E,SAASC,cAAc,QAAQ,yBAAyB;AAExD,OAAO,MAAMC,eAAe,gBAAGX,UAAU,CACvC,CAAC;EAAEY,KAAK,EAAE;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGF;EAAM,CAAC;EAAEG,KAAK;EAAEC,MAAM;EAAEC,UAAU;EAAEC,KAAK;EAAEC;AAAS,CAAC,EAAEC,GAAG,KAAK;EAC7F,MAAM;IAAEC,IAAI;IAAEC,YAAY;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGT,KAAK;EACvD,MAAMU,KAAK,GAAG3B,YAAY,CAAC,CAAC;EAC5B,MAAM;IAAE4B,SAAS,EAAEC;EAAY,CAAC,GAAGjB,cAAc,CAACO,UAAU,EAAEO,IAAI,EAAEL,QAAQ,CAAC;EAC7E,MAAMS,QAAQ,GAAGnB,wBAAwB,CAACW,GAAG,CAAC;EAC9C,MAAM,CAACS,QAAQ,EAAEC,WAAW,CAAC,GAAG3B,QAAQ,CAAC,EAAE,CAAC;EAC5C,MAAM4B,SAAS,GAAG,OAAOjB,KAAK,KAAK,QAAQ,IAAI,CAACkB,MAAM,CAACC,KAAK,CAACnB,KAAK,CAAC,GAAG,GAAGA,KAAK,GAAGe,QAAQ,EAAE,GAAG,EAAE;EAEhG,MAAMK,gBAAgB,GAAGrC,mBAAmB,CAAC,CAAC;EAE9C,IAAIwB,IAAI,KAAK,QAAQ,EAAE;IACrB,oBACEtB,KAAA,CAAAoC,aAAA,CAAC3B,WAAW;MACV4B,KAAK,EAAEb,WAAY;MACnBc,aAAa,EAAExB,QAAS;MACxBC,KAAK,EAAEA,KAAM;MACbwB,YAAY,EAAEhB;IAAa,CAC5B,CAAC;EAEN;EAEA,oBACEvB,KAAA,CAAAoC,aAAA,CAAC5B,IAAI;IAACW,KAAK,EAAEqB,MAAM,CAACb;EAAU,GAC3BV,MAAM,iBAAIjB,KAAA,CAAAoC,aAAA,CAAC9B,IAAI;IAACa,KAAK,EAAEqB,MAAM,CAACvB;EAAO,GAAEA,MAAa,CAAC,eACtDjB,KAAA,CAAAoC,aAAA,CAAC7B,SAAS,EAAAkC,QAAA;IACRpB,GAAG,EAAEQ,QAAS;IACdV,KAAK,EAAE,CAACS,WAAW,EAAE;MAAEF;IAAM,CAAC,EAAEP,KAAK,CAAE;IACvCK,WAAW,EAAER,KAAK,CAACQ,WAAY;IAC/BkB,oBAAoB,EAAEP,gBAAiB;IACvCQ,YAAY,EAAC,SAAS;IACtB5B,KAAK,EAAEiB,SAAU;IACjBY,YAAY,EAAEC,IAAI,IAAI;MACpB,IAAIA,IAAI,CAACf,QAAQ,CAAC,GAAG,CAAC,EAAE;QACtBC,WAAW,CAAC,GAAG,CAAC;MAClB,CAAC,MAAM,IAAIc,IAAI,CAACC,QAAQ,CAAC,GAAG,CAAC,IAAID,IAAI,CAACf,QAAQ,CAAC,GAAG,CAAC,EAAE;QACnDC,WAAW,CAAC,GAAG,CAAC;MAClB,CAAC,MAAM;QACLA,WAAW,CAAC,EAAE,CAAC;MACjB;MACA,MAAMgB,GAAG,GAAGC,UAAU,CAACH,IAAI,CAAC;MAC5B/B,QAAQ,CAAC,CAACoB,KAAK,CAACa,GAAG,CAAC,GAAGA,GAAG,GAAGE,SAAS,CAAC;IACzC;EAAE,GACEpC,KAAK,CAEV,CACG,CAAC;AAEX,CACF,CAAC;AAED,MAAMqC,2BAA2B,GAAGA,CAClC;EAAElC,KAAK;EAAE,GAAGmC;AAAuC,CAAC,EACpD9B,GAA2B,KACxB;EACH,MAAMQ,QAAQ,GAAG1B,MAAM,CAAY,IAAI,CAAC;EAExCD,mBAAmB,CAACmB,GAAG,EAAE,OAAO;IAC9B+B,KAAK,EAAEA,CAAA,KAAM;MAAA,IAAAC,iBAAA;MACX,CAAAA,iBAAA,GAAAxB,QAAQ,CAACyB,OAAO,cAAAD,iBAAA,eAAhBA,iBAAA,CAAkBD,KAAK,CAAC,CAAC;IAC3B,CAAC;IACDG,IAAI,EAAEA,CAAA,KAAM;MAAA,IAAAC,kBAAA;MACV,CAAAA,kBAAA,GAAA3B,QAAQ,CAACyB,OAAO,cAAAE,kBAAA,eAAhBA,kBAAA,CAAkBD,IAAI,CAAC,CAAC;IAC1B;EACF,CAAC,CAAC,CAAC;EACH,oBAAOvD,KAAA,CAAAoC,aAAA,CAACxB,eAAe,EAAA6B,QAAA;IAACxB,MAAM,EAAC,GAAG;IAACD,KAAK,EAAE;MAAE,GAAGA,KAAK;MAAEyC,KAAK,EAAE;IAAS;EAAE,GAAKN,KAAK,CAAG,CAAC;AACxF,CAAC;AAED,OAAO,MAAMO,uBAAuB,gBAAGzD,UAAU,CAC/CiD,2BACF,CAAC;AAED,MAAMV,MAAM,GAAGnC,UAAU,CAACsD,MAAM,CAAC;EAC/BhC,SAAS,EAAE;IACTiC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE;EACT,CAAC;EACD7C,MAAM,EAAE;IACN8C,WAAW,EAAE,CAAC;IACdC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}