@chem-po/react-native 0.0.29 → 0.0.31

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

@@ -13,16 +13,12 @@ export const AutoResizeTextarea = /*#__PURE__*/forwardRef(({
   const textColor = useTextColor();
   const {
     handleChange,
-    height,
-    setHeight
+    height
   } = useWebAutoResize(onChangeText, style);
   const iconColor = useIconColor();
   return /*#__PURE__*/React.createElement(TextInput, _extends({
     ref: ref,
     cursorColor: iconColor,
-    onContentSizeChange: e => {
-      setHeight(e.nativeEvent.contentSize.height);
-    },
     multiline: true,
     style: [styles.textarea, {
       color: textColor,
@@ -35,7 +31,6 @@ export const AutoResizeTextarea = /*#__PURE__*/forwardRef(({
 const styles = StyleSheet.create({
   textarea: {
     width: '100%',
-    minHeight: 18,
     backgroundColor: 'transparent',
     textAlignVertical: 'top',
     outlineWidth: 0

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","StyleSheet","TextInput","useIconColor","useTextColor","React","useWebAutoResize","AutoResizeTextarea","style","value","onChangeText","props","ref","textColor","handleChange","height","setHeight","iconColor","createElement","_extends","cursorColor","onContentSizeChange","e","nativeEvent","contentSize","multiline","styles","textarea","color","create","width","minHeight","backgroundColor","textAlignVertical","outlineWidth","inEditable","paddingHorizontal","paddingVertical"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/AutoResizeTextarea.tsx"],"mappings":";AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,UAAU,EAAEC,SAAS,QAAwB,cAAc;AAEpE,SAASC,YAAY,EAAEC,YAAY,QAAQ,gBAAgB;AAE3D,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,OAAO,MAAMC,kBAAkB,gBAAGP,UAAU,CAC1C,CAAC;EAAEQ,KAAK;EAAEC,KAAK;EAAEC,YAAY;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMC,SAAS,GAAGT,YAAY,CAAC,CAAC;EAEhC,MAAM;IAAEU,YAAY;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAGV,gBAAgB,CAACI,YAAY,EAAEF,KAAK,CAAC;EAEjF,MAAMS,SAAS,GAAGd,YAAY,CAAC,CAAC;EAEhC,oBACEE,KAAA,CAAAa,aAAA,CAAChB,SAAS,EAAAiB,QAAA;IACRP,GAAG,EAAEA,GAAI;IACTQ,WAAW,EAAEH,SAAU;IACvBI,mBAAmB,EAAEC,CAAC,IAAI;MACxBN,SAAS,CAACM,CAAC,CAACC,WAAW,CAACC,WAAW,CAACT,MAAM,CAAC;IAC7C,CAAE;IACFU,SAAS;IACTjB,KAAK,EAAE,CAACkB,MAAM,CAACC,QAAQ,EAAE;MAAEC,KAAK,EAAEf,SAAS;MAAEE;IAAO,CAAC,EAAEP,KAAK,CAAE;IAC9DC,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEI;EAAa,GACvBH,KAAK,CACV,CAAC;AAEN,CACF,CAAC;AACD,MAAMe,MAAM,GAAGzB,UAAU,CAAC4B,MAAM,CAAC;EAC/BF,QAAQ,EAAE;IACRG,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,EAAE;IACbC,eAAe,EAAE,aAAa;IAC9BC,iBAAiB,EAAE,KAAK;IACxBC,YAAY,EAAE;EAChB,CAAC;EACDC,UAAU,EAAE;IACVC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","StyleSheet","TextInput","useIconColor","useTextColor","React","useWebAutoResize","AutoResizeTextarea","style","value","onChangeText","props","ref","textColor","handleChange","height","iconColor","createElement","_extends","cursorColor","multiline","styles","textarea","color","create","width","backgroundColor","textAlignVertical","outlineWidth","inEditable","paddingHorizontal","paddingVertical"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/AutoResizeTextarea.tsx"],"mappings":";AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,UAAU,EAAEC,SAAS,QAAwB,cAAc;AAEpE,SAASC,YAAY,EAAEC,YAAY,QAAQ,gBAAgB;AAE3D,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,OAAO,MAAMC,kBAAkB,gBAAGP,UAAU,CAC1C,CAAC;EAAEQ,KAAK;EAAEC,KAAK;EAAEC,YAAY;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMC,SAAS,GAAGT,YAAY,CAAC,CAAC;EAEhC,MAAM;IAAEU,YAAY;IAAEC;EAAO,CAAC,GAAGT,gBAAgB,CAACI,YAAY,EAAEF,KAAK,CAAC;EAEtE,MAAMQ,SAAS,GAAGb,YAAY,CAAC,CAAC;EAEhC,oBACEE,KAAA,CAAAY,aAAA,CAACf,SAAS,EAAAgB,QAAA;IACRN,GAAG,EAAEA,GAAI;IACTO,WAAW,EAAEH,SAAU;IACvBI,SAAS;IACTZ,KAAK,EAAE,CAACa,MAAM,CAACC,QAAQ,EAAE;MAAEC,KAAK,EAAEV,SAAS;MAAEE;IAAO,CAAC,EAAEP,KAAK,CAAE;IAC9DC,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEI;EAAa,GACvBH,KAAK,CACV,CAAC;AAEN,CACF,CAAC;AACD,MAAMU,MAAM,GAAGpB,UAAU,CAACuB,MAAM,CAAC;EAC/BF,QAAQ,EAAE;IACRG,KAAK,EAAE,MAAM;IACbC,eAAe,EAAE,aAAa;IAC9BC,iBAAiB,EAAE,KAAK;IACxBC,YAAY,EAAE;EAChB,CAAC;EACDC,UAAU,EAAE;IACVC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -2,7 +2,8 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 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 { StyleSheet, TextInput, View } from 'react-native';
+import { Pressable } from 'react-native-gesture-handler';
 import { useInputStyles } from '../hooks/useInputStyles';
 import { TextAreaComponent } from './textarea';
 export const TextComponent = /*#__PURE__*/forwardRef(({
@@ -36,14 +37,14 @@ export const TextComponent = /*#__PURE__*/forwardRef(({
     },
     blur: () => {
       var _inputRef$current2;
-      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
+      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.clear();
     }
   }));
   const placeholderColor = usePlaceholderColor();
   const color = useTextColor();
   if (type === 'textarea') {
     return /*#__PURE__*/React.createElement(TextAreaComponent, {
-      ref: ref,
+      ref: inputRef,
       formSize: formSize,
       inputStyle: inputStyle,
       inEditable: inEditable,
@@ -59,6 +60,7 @@ export const TextComponent = /*#__PURE__*/forwardRef(({
       color
     }, inputStyle],
     secureTextEntry: isHidden,
+    selectTextOnFocus: inEditable,
     placeholderTextColor: placeholderColor,
     placeholder: placeholder,
     value: value ?? '',
@@ -66,7 +68,7 @@ export const TextComponent = /*#__PURE__*/forwardRef(({
   }, inputProps));
   return type === 'password' ? /*#__PURE__*/React.createElement(View, {
     style: [conatinerStyles, styles.passwordContainer, style]
-  }, body, /*#__PURE__*/React.createElement(TouchableOpacity, {
+  }, body, /*#__PURE__*/React.createElement(Pressable, {
     style: styles.eyeIcon,
     onPress: () => setIsHidden(!isHidden)
   }, /*#__PURE__*/React.createElement(Ionicons, {

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","useInputStyles","TextAreaComponent","TextComponent","input","inEditable","meta","field","style","formSize","inputStyle","ref","placeholder","type","isHidden","setIsHidden","value","onChange","inputProps","inputRef","container","conatinerStyles","text","inputStyles","size","focus","_inputRef$current","current","blur","_inputRef$current2","placeholderColor","color","createElement","body","_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":[]}
+{"version":3,"names":["usePlaceholderColor","useTextColor","Ionicons","React","forwardRef","useImperativeHandle","useRef","useState","StyleSheet","TextInput","View","Pressable","useInputStyles","TextAreaComponent","TextComponent","input","inEditable","meta","field","style","formSize","inputStyle","ref","placeholder","type","isHidden","setIsHidden","value","onChange","inputProps","inputRef","container","conatinerStyles","text","inputStyles","size","focus","_inputRef$current","current","blur","_inputRef$current2","clear","placeholderColor","color","createElement","body","_extends","secureTextEntry","selectTextOnFocus","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,6 +1,6 @@
 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 React, { forwardRef } from 'react';
 import { View } from 'react-native';
 import { useInputStyles } from '../hooks/useInputStyles';
 import { AutoResizeTextarea } from './AutoResizeTextarea';
@@ -12,7 +12,6 @@ export const TextAreaComponent = /*#__PURE__*/forwardRef(({
   inputStyle,
   style
 }, ref) => {
-  const inputRef = useRef(null);
   const {
     text,
     container
@@ -22,25 +21,16 @@ export const TextAreaComponent = /*#__PURE__*/forwardRef(({
     onChange,
     ...inputProps
   } = input;
-  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 = usePlaceholderColor();
   const color = useTextColor();
   return /*#__PURE__*/React.createElement(View, {
     style: [container, style]
   }, /*#__PURE__*/React.createElement(AutoResizeTextarea, _extends({
-    ref: inputRef,
+    ref: ref,
     style: [{
       color,
-      ...text
+      ...text,
+      paddingBottom: inEditable ? 0 : 4
     }, inputStyle],
     placeholder: field.placeholder,
     placeholderTextColor: placeholderColor,

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

@@ -1 +1 @@
-{"version":3,"names":["usePlaceholderColor","useTextColor","React","forwardRef","useImperativeHandle","useRef","View","useInputStyles","AutoResizeTextarea","TextAreaComponent","input","field","inEditable","formSize","inputStyle","style","ref","inputRef","text","container","size","value","onChange","inputProps","focus","_inputRef$current","current","blur","_inputRef$current2","placeholderColor","color","createElement","_extends","placeholder","placeholderTextColor","multiline","onChangeText","displayName"],"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,SAAoBC,IAAI,QAAQ,cAAc;AAE9C,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD,OAAO,MAAMC,iBAAiB,gBAAGN,UAAU,CACzC,CAAC;EAAEO,KAAK;EAAEC,KAAK;EAAEC,UAAU;EAAEC,QAAQ;EAAEC,UAAU;EAAEC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAClE,MAAMC,QAAQ,GAAGZ,MAAM,CAAY,IAAI,CAAC;EACxC,MAAM;IAAEa,IAAI;IAAEC;EAAU,CAAC,GAAGZ,cAAc,CAACK,UAAU,EAAED,KAAK,CAACS,IAAI,EAAEP,QAAQ,CAAC;EAC5E,MAAM;IAAEQ,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAW,CAAC,GAAGb,KAAK;EAEhDN,mBAAmB,CAACY,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,GAAG7B,mBAAmB,CAAC,CAAC;EAC9C,MAAM8B,KAAK,GAAG7B,YAAY,CAAC,CAAC;EAE5B,oBACEC,KAAA,CAAA6B,aAAA,CAACzB,IAAI;IAACS,KAAK,EAAE,CAACI,SAAS,EAAEJ,KAAK;EAAE,gBAC9Bb,KAAA,CAAA6B,aAAA,CAACvB,kBAAkB,EAAAwB,QAAA;IACjBhB,GAAG,EAAEC,QAAS;IACdF,KAAK,EAAE,CAAC;MAAEe,KAAK;MAAE,GAAGZ;IAAK,CAAC,EAAEJ,UAAU,CAAE;IACxCmB,WAAW,EAAEtB,KAAK,CAACsB,WAAY;IAC/BC,oBAAoB,EAAEL,gBAAiB;IACvCM,SAAS;IACTd,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBe,YAAY,EAAEd;EAAS,GACnBC,UAAU,CACf,CACG,CAAC;AAEX,CACF,CAAC;AAEDd,iBAAiB,CAAC4B,WAAW,GAAG,mBAAmB","ignoreList":[]}
+{"version":3,"names":["usePlaceholderColor","useTextColor","React","forwardRef","View","useInputStyles","AutoResizeTextarea","TextAreaComponent","input","field","inEditable","formSize","inputStyle","style","ref","text","container","size","value","onChange","inputProps","placeholderColor","color","createElement","_extends","paddingBottom","placeholder","placeholderTextColor","multiline","onChangeText","displayName"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/textarea.tsx"],"mappings":";AAAA,SAAoBA,mBAAmB,EAAEC,YAAY,QAAQ,gBAAgB;AAC7E,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAAoBC,IAAI,QAAQ,cAAc;AAE9C,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD,OAAO,MAAMC,iBAAiB,gBAAGJ,UAAU,CACzC,CAAC;EAAEK,KAAK;EAAEC,KAAK;EAAEC,UAAU;EAAEC,QAAQ;EAAEC,UAAU;EAAEC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAClE,MAAM;IAAEC,IAAI;IAAEC;EAAU,CAAC,GAAGX,cAAc,CAACK,UAAU,EAAED,KAAK,CAACQ,IAAI,EAAEN,QAAQ,CAAC;EAC5E,MAAM;IAAEO,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAW,CAAC,GAAGZ,KAAK;EAChD,MAAMa,gBAAgB,GAAGrB,mBAAmB,CAAC,CAAC;EAC9C,MAAMsB,KAAK,GAAGrB,YAAY,CAAC,CAAC;EAE5B,oBACEC,KAAA,CAAAqB,aAAA,CAACnB,IAAI;IAACS,KAAK,EAAE,CAACG,SAAS,EAAEH,KAAK;EAAE,gBAC9BX,KAAA,CAAAqB,aAAA,CAACjB,kBAAkB,EAAAkB,QAAA;IACjBV,GAAG,EAAEA,GAAI;IACTD,KAAK,EAAE,CAAC;MAAES,KAAK;MAAE,GAAGP,IAAI;MAAEU,aAAa,EAAEf,UAAU,GAAG,CAAC,GAAG;IAAE,CAAC,EAAEE,UAAU,CAAE;IAC3Ec,WAAW,EAAEjB,KAAK,CAACiB,WAAY;IAC/BC,oBAAoB,EAAEN,gBAAiB;IACvCO,SAAS;IACTV,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBW,YAAY,EAAEV;EAAS,GACnBC,UAAU,CACf,CACG,CAAC;AAEX,CACF,CAAC;AAEDb,iBAAiB,CAACuB,WAAW,GAAG,mBAAmB","ignoreList":[]}

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

@@ -33,24 +33,23 @@ const updateSpanStyle = (span, style) => {
   }
 };
 export const useWebAutoResize = (onChangeText, style) => {
-  const [height, setHeight] = useState(18);
+  const flattenedStyle = useMemo(() => StyleSheet.flatten(style), [style]);
+  const fontSize = useMemo(() => flattenedStyle.fontSize ?? 16, [flattenedStyle.fontSize]);
+  const [height, setHeight] = useState(Platform.OS === 'web' ? fontSize + 10 : 'auto');
   const spanRef = useRef(Platform.OS === 'web' ? document.createElement('span') : null);
   useEffect(() => {
     if (Platform.OS === 'web' && spanRef.current) {
-      updateSpanStyle(spanRef.current, {
-        ...StyleSheet.flatten(style)
-      });
+      updateSpanStyle(spanRef.current, flattenedStyle);
     }
-  }, [style]);
+  }, [flattenedStyle]);
   const handleChange = useMemo(() => Platform.OS === 'web' ? e => {
     if (spanRef.current) {
       const height = getWebTextHeight(e, spanRef);
-      setHeight(height ?? 18);
+      setHeight((height ?? fontSize) + 8);
       if (onChangeText) onChangeText(e);
     }
-  } : onChangeText, [onChangeText]);
+  } : onChangeText, [onChangeText, fontSize]);
   return {
-    getWebTextHeight,
     handleChange,
     height,
     setHeight

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

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useRef","useState","Platform","StyleSheet","getWebTextHeight","text","spanRef","current","span","innerText","document","body","appendChild","height","offsetHeight","removeChild","updateSpanStyle","style","whiteSpace","fontFamily","fontSize","toString","fontWeight","lineHeight","letterSpacing","textAlign","useWebAutoResize","onChangeText","setHeight","OS","createElement","flatten","handleChange","e"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/useWebAutoResize.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useRef","useState","Platform","StyleSheet","getWebTextHeight","text","spanRef","current","span","innerText","document","body","appendChild","height","offsetHeight","removeChild","updateSpanStyle","style","whiteSpace","fontFamily","fontSize","toString","fontWeight","lineHeight","letterSpacing","textAlign","useWebAutoResize","onChangeText","flattenedStyle","flatten","setHeight","OS","createElement","handleChange","e"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/useWebAutoResize.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -2,7 +2,8 @@ import { padZeros } from '@chem-po/core';
 import { useIconColor } from '@chem-po/react';
 import { Ionicons } from '@expo/vector-icons';
 import React, { forwardRef, useImperativeHandle, useMemo, useState } from 'react';
-import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { StyleSheet, Text, View } from 'react-native';
+import { Pressable } from 'react-native-gesture-handler';
 import { Portal } from 'react-native-paper';
 import { TimePickerModal } from 'react-native-paper-dates';
 import { DateInputClearButton } from '../common/InputClearButton';
@@ -79,7 +80,7 @@ export const TimeInput = /*#__PURE__*/forwardRef(({
   const inputColor = useInputColor(value);
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+  }, /*#__PURE__*/React.createElement(Pressable, {
     style: [styles.button, inputStyles],
     onPress: () => {
       setVisible(true);

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","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":[]}
+{"version":3,"names":["padZeros","useIconColor","Ionicons","React","forwardRef","useImperativeHandle","useMemo","useState","StyleSheet","Text","View","Pressable","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

@@ -1,6 +1,9 @@
+import { usePlaceholderColor } from '@chem-po/react';
 import React, { useMemo } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
+import { Txt } from '../../text/Txt';
 import { FileView } from '../input/file';
+import { useInputStyles } from '../input/hooks/useInputStyles';
 const styles = StyleSheet.create({
   container: {
     flexDirection: 'column'
@@ -13,9 +16,6 @@ const styles = StyleSheet.create({
     opacity: 0.7,
     fontWeight: '600'
   },
-  emptyText: {
-    opacity: 0.7
-  },
   fileContainer: {
     padding: 4
   }
@@ -48,6 +48,11 @@ export const FileFieldView = ({
     height: getFileSizeHeight(size ?? sizeProp ?? 'md'),
     ...imageOptions
   }), [imageOptions, size, sizeProp]);
+  const {
+    text,
+    container
+  } = useInputStyles(false, field.size, sizeProp);
+  const placeholderColor = usePlaceholderColor();
   return /*#__PURE__*/React.createElement(View, {
     style: [value ? styles.container : styles.rowContainer, style]
   }, !noLabel && /*#__PURE__*/React.createElement(Text, {
@@ -57,8 +62,12 @@ export const FileFieldView = ({
   }, /*#__PURE__*/React.createElement(FileView, {
     imageOptions: options,
     value: value
-  })) : /*#__PURE__*/React.createElement(Text, {
-    style: styles.emptyText
-  }, "None"));
+  })) : /*#__PURE__*/React.createElement(View, {
+    style: container
+  }, /*#__PURE__*/React.createElement(Txt, {
+    style: [text, {
+      color: placeholderColor
+    }]
+  }, "None")));
 };
 //# sourceMappingURL=file.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","StyleSheet","Text","View","FileView","styles","create","container","flexDirection","rowContainer","label","paddingRight","opacity","fontWeight","emptyText","fileContainer","padding","getFileSizeHeight","size","FileFieldView","field","value","noLabel","style","sizeProp","imageOptions","placeholder","options","height","createElement"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/file.tsx"],"mappings":"AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAChE,SAASC,QAAQ,QAAQ,eAAe;AAExC,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE;EACjB,CAAC;EACDC,YAAY,EAAE;IACZD,aAAa,EAAE;EACjB,CAAC;EACDE,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,SAAS,EAAE;IACTF,OAAO,EAAE;EACX,CAAC;EACDG,aAAa,EAAE;IACbC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,MAAMC,iBAAiB,GAAIC,IAAe,IAAK;EAC7C,QAAQA,IAAI;IACV,KAAK,IAAI;MACP,OAAO,EAAE;IACX,KAAK,IAAI;MACP,OAAO,GAAG;IACZ,KAAK,IAAI;MACP,OAAO,GAAG;IACZ;MACE,OAAO,GAAG;EACd;AACF,CAAC;AAED,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,KAAK;EACLL,IAAI,EAAEM;AAOR,CAAC,KAAK;EACJ,MAAM;IAAEC,YAAY;IAAEC,WAAW;IAAER;EAAK,CAAC,GAAGE,KAAK;EACjD,MAAMO,OAAO,GAAG3B,OAAO,CACrB,OAAO;IACL4B,MAAM,EAAEX,iBAAiB,CAACC,IAAI,IAAIM,QAAQ,IAAI,IAAI,CAAC;IACnD,GAAGC;EACL,CAAC,CAAC,EACF,CAACA,YAAY,EAAEP,IAAI,EAAEM,QAAQ,CAC/B,CAAC;EAED,oBACEzB,KAAA,CAAA8B,aAAA,CAAC1B,IAAI;IAACoB,KAAK,EAAE,CAACF,KAAK,GAAGhB,MAAM,CAACE,SAAS,GAAGF,MAAM,CAACI,YAAY,EAAEc,KAAK;EAAE,GAClE,CAACD,OAAO,iBAAIvB,KAAA,CAAA8B,aAAA,CAAC3B,IAAI;IAACqB,KAAK,EAAElB,MAAM,CAACK;EAAM,GAAEgB,WAAkB,CAAC,EAC3DL,KAAK,gBACJtB,KAAA,CAAA8B,aAAA,CAAC1B,IAAI;IAACoB,KAAK,EAAElB,MAAM,CAACU;EAAc,gBAChChB,KAAA,CAAA8B,aAAA,CAACzB,QAAQ;IAACqB,YAAY,EAAEE,OAAQ;IAACN,KAAK,EAAEA;EAAM,CAAE,CAC5C,CAAC,gBAEPtB,KAAA,CAAA8B,aAAA,CAAC3B,IAAI;IAACqB,KAAK,EAAElB,MAAM,CAACS;EAAU,GAAC,MAAU,CAEvC,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["usePlaceholderColor","React","useMemo","StyleSheet","Text","View","Txt","FileView","useInputStyles","styles","create","container","flexDirection","rowContainer","label","paddingRight","opacity","fontWeight","fileContainer","padding","getFileSizeHeight","size","FileFieldView","field","value","noLabel","style","sizeProp","imageOptions","placeholder","options","height","text","placeholderColor","createElement","color"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/file.tsx"],"mappings":"AACA,SAAoBA,mBAAmB,QAAQ,gBAAgB;AAC/D,OAAOC,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAChE,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,QAAQ,QAAQ,eAAe;AACxC,SAASC,cAAc,QAAQ,+BAA+B;AAE9D,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE;EACjB,CAAC;EACDC,YAAY,EAAE;IACZD,aAAa,EAAE;EACjB,CAAC;EACDE,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,aAAa,EAAE;IACbC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,MAAMC,iBAAiB,GAAIC,IAAe,IAAK;EAC7C,QAAQA,IAAI;IACV,KAAK,IAAI;MACP,OAAO,EAAE;IACX,KAAK,IAAI;MACP,OAAO,GAAG;IACZ,KAAK,IAAI;MACP,OAAO,GAAG;IACZ;MACE,OAAO,GAAG;EACd;AACF,CAAC;AAED,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,KAAK;EACLL,IAAI,EAAEM;AAOR,CAAC,KAAK;EACJ,MAAM;IAAEC,YAAY;IAAEC,WAAW;IAAER;EAAK,CAAC,GAAGE,KAAK;EACjD,MAAMO,OAAO,GAAG5B,OAAO,CACrB,OAAO;IACL6B,MAAM,EAAEX,iBAAiB,CAACC,IAAI,IAAIM,QAAQ,IAAI,IAAI,CAAC;IACnD,GAAGC;EACL,CAAC,CAAC,EACF,CAACA,YAAY,EAAEP,IAAI,EAAEM,QAAQ,CAC/B,CAAC;EAED,MAAM;IAAEK,IAAI;IAAErB;EAAU,CAAC,GAAGH,cAAc,CAAC,KAAK,EAAEe,KAAK,CAACF,IAAI,EAAEM,QAAQ,CAAC;EACvE,MAAMM,gBAAgB,GAAGjC,mBAAmB,CAAC,CAAC;EAE9C,oBACEC,KAAA,CAAAiC,aAAA,CAAC7B,IAAI;IAACqB,KAAK,EAAE,CAACF,KAAK,GAAGf,MAAM,CAACE,SAAS,GAAGF,MAAM,CAACI,YAAY,EAAEa,KAAK;EAAE,GAClE,CAACD,OAAO,iBAAIxB,KAAA,CAAAiC,aAAA,CAAC9B,IAAI;IAACsB,KAAK,EAAEjB,MAAM,CAACK;EAAM,GAAEe,WAAkB,CAAC,EAC3DL,KAAK,gBACJvB,KAAA,CAAAiC,aAAA,CAAC7B,IAAI;IAACqB,KAAK,EAAEjB,MAAM,CAACS;EAAc,gBAChCjB,KAAA,CAAAiC,aAAA,CAAC3B,QAAQ;IAACqB,YAAY,EAAEE,OAAQ;IAACN,KAAK,EAAEA;EAAM,CAAE,CAC5C,CAAC,gBAEPvB,KAAA,CAAAiC,aAAA,CAAC7B,IAAI;IAACqB,KAAK,EAAEf;EAAU,gBACrBV,KAAA,CAAAiC,aAAA,CAAC5B,GAAG;IAACoB,KAAK,EAAE,CAACM,IAAI,EAAE;MAAEG,KAAK,EAAEF;IAAiB,CAAC;EAAE,GAAC,MAAS,CACtD,CAEJ,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -1,4 +1,5 @@
 import { displayField } from '@chem-po/core';
+import { usePlaceholderColor } from '@chem-po/react';
 import React, { useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { Txt } from '../../text';
@@ -18,28 +19,35 @@ const DefaultFieldView = ({
   value,
   noLabel,
   style,
-  size: sizeProp
+  size: sizeProp,
+  inEditable
 }) => {
   const {
     placeholder
   } = field;
   const {
-    text
-  } = useInputStyles(false, field.size, sizeProp);
+    text,
+    container: containerStyles
+  } = useInputStyles(inEditable, field.size, sizeProp);
   const formatted = useMemo(() => {
     const format = displayField[field._type];
     if (!format) return value;
     return format(field, value);
   }, [value, field]);
+  const placeholderColor = usePlaceholderColor();
   const hasValue = useMemo(() => {
     return value !== null && value !== undefined && value !== '';
   }, [value]);
   return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, style]
+    style: [styles.container, containerStyles, {
+      backgroundColor: 'transparent'
+    }, style]
   }, !noLabel && /*#__PURE__*/React.createElement(Txt, {
     style: [inputViewStyles.label, text]
   }, placeholder), /*#__PURE__*/React.createElement(Txt, {
-    style: [hasValue ? inputViewStyles.value : inputViewStyles.valueEmpty, text]
+    style: [text, {
+      color: hasValue ? undefined : placeholderColor
+    }]
   }, hasValue ? formatted : 'None'));
 };
 export const FieldView = ({
@@ -47,7 +55,8 @@ export const FieldView = ({
   value,
   noLabel,
   style,
-  size
+  size,
+  inEditable
 }) => {
   switch (field._type) {
     case 'select':
@@ -56,7 +65,8 @@ export const FieldView = ({
         field: field,
         value: value,
         noLabel: noLabel,
-        size: size
+        size: size,
+        inEditable: inEditable
       });
     case 'multipleSelect':
       return /*#__PURE__*/React.createElement(MultipleSelectFieldView, {
@@ -80,7 +90,8 @@ export const FieldView = ({
         field: field,
         value: value,
         noLabel: noLabel,
-        size: size
+        size: size,
+        inEditable: inEditable
       });
   }
 };

package/lib/module/components/form/view/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["displayField","React","useMemo","StyleSheet","View","Txt","useInputStyles","FileFieldView","MultipleSelectFieldView","SelectFieldView","inputViewStyles","styles","create","container","flexDirection","alignItems","DefaultFieldView","field","value","noLabel","style","size","sizeProp","placeholder","text","formatted","format","_type","hasValue","undefined","createElement","label","valueEmpty","FieldView"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["displayField","usePlaceholderColor","React","useMemo","StyleSheet","View","Txt","useInputStyles","FileFieldView","MultipleSelectFieldView","SelectFieldView","inputViewStyles","styles","create","container","flexDirection","alignItems","DefaultFieldView","field","value","noLabel","style","size","sizeProp","inEditable","placeholder","text","containerStyles","formatted","format","_type","placeholderColor","hasValue","undefined","createElement","backgroundColor","label","color","FieldView"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,7 @@
-import { useColorMode } from '@chem-po/react';
+import { useColorMode, usePlaceholderColor } from '@chem-po/react';
 import { useMemo } from 'react';
 import React, { StyleSheet, Text, View } from 'react-native';
+import { Txt } from '../../text/Txt';
 import { useInputStyles } from '../input/hooks/useInputStyles';
 import { SelectedOptionContainer } from '../input/multipleSelect';
 import { DefaultRenderOption } from './select';
@@ -9,7 +10,8 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     flexWrap: 'wrap',
     alignItems: 'center',
-    maxWidth: '100%'
+    maxWidth: '100%',
+    backgroundColor: 'transparent'
   },
   label: {
     paddingRight: 8,
@@ -24,9 +26,6 @@ const styles = StyleSheet.create({
   optionContainer: {
     marginTop: 2,
     marginHorizontal: 2
-  },
-  emptyText: {
-    opacity: 0.6
   }
 });
 export const MultipleSelectFieldView = ({
@@ -45,15 +44,16 @@ export const MultipleSelectFieldView = ({
   const colorMode = useColorMode();
   const {
     size,
-    container: inputStyles,
-    text
-  } = useInputStyles(undefined, field.size, sizeProp);
+    text,
+    container
+  } = useInputStyles(true, field.size, sizeProp);
+  const placeholderColor = usePlaceholderColor();
   const selectedOptionStyle = useMemo(() => {
     return {
-      paddingHorizontal: inputStyles.paddingHorizontal,
-      paddingVertical: inputStyles.paddingVertical
+      paddingHorizontal: container.paddingHorizontal,
+      paddingVertical: container.paddingVertical
     };
-  }, [inputStyles]);
+  }, [container]);
   const RenderOption = useMemo(() => customRender ?? DefaultRenderOption, [customRender]);
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, style]
@@ -70,8 +70,12 @@ export const MultipleSelectFieldView = ({
     colorMode: colorMode,
     isSelected: true,
     size: size
-  })))) : /*#__PURE__*/React.createElement(Text, {
-    style: [styles.emptyText, text]
-  }, "None"));
+  })))) : /*#__PURE__*/React.createElement(View, {
+    style: container
+  }, /*#__PURE__*/React.createElement(Txt, {
+    style: [text, {
+      color: placeholderColor
+    }]
+  }, "None")));
 };
 //# sourceMappingURL=multipleSelect.js.map

package/lib/module/components/form/view/multipleSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":["useColorMode","useMemo","React","StyleSheet","Text","View","useInputStyles","SelectedOptionContainer","DefaultRenderOption","styles","create","container","flexDirection","flexWrap","alignItems","maxWidth","label","paddingRight","opacity","fontWeight","optionsContainer","padding","optionContainer","marginTop","marginHorizontal","emptyText","MultipleSelectFieldView","field","value","noLabel","size","sizeProp","style","placeholder","renderOption","customRender","options","selectedOptions","filter","o","includes","colorMode","inputStyles","text","undefined","selectedOptionStyle","paddingHorizontal","paddingVertical","RenderOption","createElement","length","map","key","option","isSelected"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/multipleSelect.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useColorMode","usePlaceholderColor","useMemo","React","StyleSheet","Text","View","Txt","useInputStyles","SelectedOptionContainer","DefaultRenderOption","styles","create","container","flexDirection","flexWrap","alignItems","maxWidth","backgroundColor","label","paddingRight","opacity","fontWeight","optionsContainer","padding","optionContainer","marginTop","marginHorizontal","MultipleSelectFieldView","field","value","noLabel","size","sizeProp","style","placeholder","renderOption","customRender","options","selectedOptions","filter","o","includes","colorMode","text","placeholderColor","selectedOptionStyle","paddingHorizontal","paddingVertical","RenderOption","createElement","length","map","key","option","isSelected","color"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/multipleSelect.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -7,7 +7,8 @@ import { inputViewStyles } from './styles';
 const styles = StyleSheet.create({
   container: {
     flexDirection: 'row',
-    alignItems: 'center'
+    alignItems: 'center',
+    backgroundColor: 'transparent'
   },
   label: {
     paddingRight: 10,
@@ -17,16 +18,21 @@ const styles = StyleSheet.create({
 export const DefaultRenderOption = ({
   option
 }) => {
-  return /*#__PURE__*/React.createElement(Txt, {
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 6
+    }
+  }, /*#__PURE__*/React.createElement(Txt, {
     style: inputViewStyles.value
-  }, option.label);
+  }, option.label));
 };
 export const SelectFieldView = ({
   field,
   value,
   noLabel,
   style,
-  size: sizeProp
+  size: sizeProp,
+  inEditable
 }) => {
   const {
     placeholder,
@@ -36,8 +42,9 @@ export const SelectFieldView = ({
   const placeholderColor = usePlaceholderColor();
   const {
     size,
-    text
-  } = useInputStyles(false, field.size, sizeProp);
+    text,
+    container
+  } = useInputStyles(inEditable, field.size, sizeProp);
   const selectedOption = field.options.find(o => o.value === value);
   const RenderOption = customRender ?? DefaultRenderOption;
   return /*#__PURE__*/React.createElement(View, {
@@ -52,8 +59,12 @@ export const SelectFieldView = ({
     colorMode: colorMode,
     isSelected: true,
     size: size
-  }) : /*#__PURE__*/React.createElement(Txt, {
-    style: inputViewStyles.valueEmpty
-  }, "None"));
+  }) : /*#__PURE__*/React.createElement(View, {
+    style: container
+  }, /*#__PURE__*/React.createElement(Txt, {
+    style: [text, {
+      color: placeholderColor
+    }]
+  }, "None")));
 };
 //# sourceMappingURL=select.js.map

package/lib/module/components/form/view/select.js.map

@@ -1 +1 @@
-{"version":3,"names":["useColorMode","usePlaceholderColor","React","StyleSheet","Text","View","Txt","useInputStyles","inputViewStyles","styles","create","container","flexDirection","alignItems","label","paddingRight","fontWeight","DefaultRenderOption","option","createElement","style","value","SelectFieldView","field","noLabel","size","sizeProp","placeholder","renderOption","customRender","colorMode","placeholderColor","text","selectedOption","options","find","o","RenderOption","color","isSelected","valueEmpty"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/select.tsx"],"mappings":"AACA,SAAsBA,YAAY,EAAEC,mBAAmB,QAAQ,gBAAgB;AAC/E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAChE,SAASC,GAAG,QAAQ,YAAY;AAChC,SAASC,cAAc,QAAQ,+BAA+B;AAC9D,SAASC,eAAe,QAAQ,UAAU;AAE1C,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,mBAAmB,GAAGA,CAGjC;EACAC;AACsC,CAAC,KAAK;EAC5C,oBAAOhB,KAAA,CAAAiB,aAAA,CAACb,GAAG;IAACc,KAAK,EAAEZ,eAAe,CAACa;EAAM,GAAEH,MAAM,CAACJ,KAAW,CAAC;AAChE,CAAC;AAED,OAAO,MAAMQ,eAAe,GAAGA,CAAC;EAC9BC,KAAK;EACLF,KAAK;EACLG,OAAO;EACPJ,KAAK;EACLK,IAAI,EAAEC;AAOR,CAAC,KAAK;EACJ,MAAM;IAAEC,WAAW;IAAEC,YAAY,EAAEC;EAAa,CAAC,GAAGN,KAAK;EACzD,MAAMO,SAAS,GAAG9B,YAAY,CAAC,CAAC;EAChC,MAAM+B,gBAAgB,GAAG9B,mBAAmB,CAAC,CAAC;EAC9C,MAAM;IAAEwB,IAAI;IAAEO;EAAK,CAAC,GAAGzB,cAAc,CAAC,KAAK,EAAEgB,KAAK,CAACE,IAAI,EAAEC,QAAQ,CAAC;EAClE,MAAMO,cAAc,GAAGV,KAAK,CAACW,OAAO,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACf,KAAK,KAAKA,KAAK,CAAC;EACjE,MAAMgB,YAAY,GAAGR,YAAY,IAAIZ,mBAAmB;EACxD,oBACEf,KAAA,CAAAiB,aAAA,CAACd,IAAI;IAACe,KAAK,EAAE,CAACX,MAAM,CAACE,SAAS,EAAES,KAAK;EAAE,GACpC,CAACI,OAAO,iBACPtB,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACX,MAAM,CAACK,KAAK,EAAEkB,IAAI,EAAE;MAAEM,KAAK,EAAEP;IAAiB,CAAC;EAAE,GAAEJ,WAAkB,CACpF,EACAM,cAAc,gBACb/B,KAAA,CAAAiB,aAAA,CAACkB,YAAY;IACXhB,KAAK,EAAEY,cAAc,CAACZ,KAAM;IAC5BH,MAAM,EAAEe,cAAe;IACvBH,SAAS,EAAEA,SAAU;IACrBS,UAAU,EAAE,IAAK;IACjBd,IAAI,EAAEA;EAAK,CACZ,CAAC,gBAEFvB,KAAA,CAAAiB,aAAA,CAACb,GAAG;IAACc,KAAK,EAAEZ,eAAe,CAACgC;EAAW,GAAC,MAAS,CAE/C,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["useColorMode","usePlaceholderColor","React","StyleSheet","Text","View","Txt","useInputStyles","inputViewStyles","styles","create","container","flexDirection","alignItems","backgroundColor","label","paddingRight","fontWeight","DefaultRenderOption","option","createElement","style","padding","value","SelectFieldView","field","noLabel","size","sizeProp","inEditable","placeholder","renderOption","customRender","colorMode","placeholderColor","text","selectedOption","options","find","o","RenderOption","color","isSelected"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/select.tsx"],"mappings":"AACA,SAAsBA,YAAY,EAAEC,mBAAmB,QAAQ,gBAAgB;AAC/E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAChE,SAASC,GAAG,QAAQ,YAAY;AAChC,SAASC,cAAc,QAAQ,+BAA+B;AAC9D,SAASC,eAAe,QAAQ,UAAU;AAE1C,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE;EACnB,CAAC;EACDC,KAAK,EAAE;IACLC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,mBAAmB,GAAGA,CAGjC;EACAC;AACsC,CAAC,KAAK;EAC5C,oBACEjB,KAAA,CAAAkB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAE;EAAE,gBAC1BpB,KAAA,CAAAkB,aAAA,CAACd,GAAG;IAACe,KAAK,EAAEb,eAAe,CAACe;EAAM,GAAEJ,MAAM,CAACJ,KAAW,CAClD,CAAC;AAEX,CAAC;AAED,OAAO,MAAMS,eAAe,GAAGA,CAAC;EAC9BC,KAAK;EACLF,KAAK;EACLG,OAAO;EACPL,KAAK;EACLM,IAAI,EAAEC,QAAQ;EACdC;AAQF,CAAC,KAAK;EACJ,MAAM;IAAEC,WAAW;IAAEC,YAAY,EAAEC;EAAa,CAAC,GAAGP,KAAK;EACzD,MAAMQ,SAAS,GAAGjC,YAAY,CAAC,CAAC;EAChC,MAAMkC,gBAAgB,GAAGjC,mBAAmB,CAAC,CAAC;EAC9C,MAAM;IAAE0B,IAAI;IAAEQ,IAAI;IAAExB;EAAU,CAAC,GAAGJ,cAAc,CAACsB,UAAU,EAAEJ,KAAK,CAACE,IAAI,EAAEC,QAAQ,CAAC;EAClF,MAAMQ,cAAc,GAAGX,KAAK,CAACY,OAAO,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAAChB,KAAK,KAAKA,KAAK,CAAC;EACjE,MAAMiB,YAAY,GAAGR,YAAY,IAAId,mBAAmB;EACxD,oBACEhB,KAAA,CAAAkB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACZ,MAAM,CAACE,SAAS,EAAEU,KAAK;EAAE,GACpC,CAACK,OAAO,iBACPxB,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAE,CAACZ,MAAM,CAACM,KAAK,EAAEoB,IAAI,EAAE;MAAEM,KAAK,EAAEP;IAAiB,CAAC;EAAE,GAAEJ,WAAkB,CACpF,EACAM,cAAc,gBACblC,KAAA,CAAAkB,aAAA,CAACoB,YAAY;IACXjB,KAAK,EAAEa,cAAc,CAACb,KAAM;IAC5BJ,MAAM,EAAEiB,cAAe;IACvBH,SAAS,EAAEA,SAAU;IACrBS,UAAU,EAAE,IAAK;IACjBf,IAAI,EAAEA;EAAK,CACZ,CAAC,gBAEFzB,KAAA,CAAAkB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAEV;EAAU,gBACrBT,KAAA,CAAAkB,aAAA,CAACd,GAAG;IAACe,KAAK,EAAE,CAACc,IAAI,EAAE;MAAEM,KAAK,EAAEP;IAAiB,CAAC;EAAE,GAAC,MAAS,CACtD,CAEJ,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -7,9 +7,6 @@ export const inputViewStyles = StyleSheet.create({
   },
   value: {
     opacity: 1
-  },
-  valueEmpty: {
-    opacity: 0.6
   }
 });
 //# sourceMappingURL=styles.js.map

package/lib/module/components/form/view/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","inputViewStyles","create","label","paddingRight","opacity","fontWeight","value","valueEmpty"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,eAAe,GAAGD,UAAU,CAACE,MAAM,CAAC;EAC/CC,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLF,OAAO,EAAE;EACX,CAAC;EACDG,UAAU,EAAE;IACVH,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","inputViewStyles","create","label","paddingRight","opacity","fontWeight","value"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,eAAe,GAAGD,UAAU,CAACE,MAAM,CAAC;EAC/CC,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLF,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}