@chem-po/react-native 0.0.42 → 0.0.44

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

@@ -1 +1 @@
-{"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":[]}
+{"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","textStyle","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

@@ -33,7 +33,8 @@ export const MultipleSelectFieldView = ({
   value,
   noLabel,
   size: sizeProp,
-  style
+  style,
+  textStyle
 }) => {
   const {
     placeholder,
@@ -48,12 +49,6 @@ export const MultipleSelectFieldView = ({
     container
   } = useInputStyles(true, field.size, sizeProp);
   const placeholderColor = usePlaceholderColor();
-  const selectedOptionStyle = useMemo(() => {
-    return {
-      paddingHorizontal: container.paddingHorizontal,
-      paddingVertical: container.paddingVertical
-    };
-  }, [container]);
   const RenderOption = useMemo(() => customRender ?? DefaultRenderOption, [customRender]);
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, style]
@@ -63,10 +58,13 @@ export const MultipleSelectFieldView = ({
     style: styles.optionsContainer
   }, selectedOptions.map(o => /*#__PURE__*/React.createElement(SelectedOptionContainer, {
     key: o.value,
-    style: selectedOptionStyle
+    style: [container, {
+      width: 'auto'
+    }]
   }, /*#__PURE__*/React.createElement(RenderOption, {
     option: o,
     value: o.value,
+    textStyle: [text, textStyle],
     colorMode: colorMode,
     isSelected: true,
     size: size
@@ -75,7 +73,7 @@ export const MultipleSelectFieldView = ({
   }, /*#__PURE__*/React.createElement(Txt, {
     style: [text, {
       color: placeholderColor
-    }]
+    }, textStyle]
   }, "None")));
 };
 //# sourceMappingURL=multipleSelect.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"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","textStyle","placeholder","renderOption","customRender","options","selectedOptions","filter","o","includes","colorMode","text","placeholderColor","RenderOption","createElement","length","map","key","width","option","isSelected","color"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/multipleSelect.tsx"],"mappings":"AACA,SAA8BA,YAAY,EAAEC,mBAAmB,QAAQ,gBAAgB;AACvF,SAASC,OAAO,QAAQ,OAAO;AAC/B,OAAOC,KAAK,IAAeC,UAAU,EAAEC,IAAI,EAAaC,IAAI,QAAmB,cAAc;AAC7F,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,cAAc,QAAQ,+BAA+B;AAC9D,SAASC,uBAAuB,QAAQ,yBAAyB;AACjE,SAASC,mBAAmB,QAAQ,UAAU;AAE9C,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,MAAM;IAChBC,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAE,MAAM;IAChBC,eAAe,EAAE;EACnB,CAAC;EACDC,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,gBAAgB,EAAE;IAChBC,OAAO,EAAE,CAAC;IACVV,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDU,eAAe,EAAE;IACfC,SAAS,EAAE,CAAC;IACZC,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC;AAOF,OAAO,MAAMC,uBAAuB,GAAGA,CAAsC;EAC3EC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,IAAI,EAAEC,QAAQ;EACdC,KAAK;EACLC;AAQF,CAAC,KAAK;EACJ,MAAM;IAAEC,WAAW;IAAEC,YAAY,EAAEC,YAAY;IAAEC;EAAQ,CAAC,GAAGV,KAAK;EAClE,MAAMW,eAAe,GAAGD,OAAO,CAACE,MAAM,CAACC,CAAC,IAAIZ,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEa,QAAQ,CAACD,CAAC,CAACZ,KAAK,CAAC,CAAC;EACrE,MAAMc,SAAS,GAAG5C,YAAY,CAAC,CAAC;EAChC,MAAM;IAAEgC,IAAI;IAAEa,IAAI;IAAEhC;EAAU,CAAC,GAAGL,cAAc,CAAC,IAAI,EAAEqB,KAAK,CAACG,IAAI,EAAEC,QAAQ,CAAC;EAC5E,MAAMa,gBAAgB,GAAG7C,mBAAmB,CAAC,CAAC;EAC9C,MAAM8C,YAAY,GAAG7C,OAAO,CAAC,MAAMoC,YAAY,IAAI5B,mBAAmB,EAAE,CAAC4B,YAAY,CAAC,CAAC;EACvF,oBACEnC,KAAA,CAAA6C,aAAA,CAAC1C,IAAI;IAAC4B,KAAK,EAAE,CAACvB,MAAM,CAACE,SAAS,EAAEqB,KAAK;EAAE,GACpC,CAACH,OAAO,iBAAI5B,KAAA,CAAA6C,aAAA,CAAC3C,IAAI;IAAC6B,KAAK,EAAEvB,MAAM,CAACQ;EAAM,GAAEiB,WAAkB,CAAC,EAC3DN,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEmB,MAAM,gBACZ9C,KAAA,CAAA6C,aAAA,CAAC1C,IAAI;IAAC4B,KAAK,EAAEvB,MAAM,CAACY;EAAiB,GAClCiB,eAAe,CAACU,GAAG,CAACR,CAAC,iBACpBvC,KAAA,CAAA6C,aAAA,CAACvC,uBAAuB;IAAC0C,GAAG,EAAET,CAAC,CAACZ,KAAM;IAACI,KAAK,EAAE,CAACrB,SAAS,EAAE;MAAEuC,KAAK,EAAE;IAAO,CAAC;EAAE,gBAC3EjD,KAAA,CAAA6C,aAAA,CAACD,YAAY;IACXM,MAAM,EAAEX,CAAE;IACVZ,KAAK,EAAEY,CAAC,CAACZ,KAAM;IACfK,SAAS,EAAE,CAACU,IAAI,EAAEV,SAAS,CAAE;IAC7BS,SAAS,EAAEA,SAAU;IACrBU,UAAU;IACVtB,IAAI,EAAEA;EAAK,CACZ,CACsB,CAC1B,CACG,CAAC,gBAEP7B,KAAA,CAAA6C,aAAA,CAAC1C,IAAI;IAAC4B,KAAK,EAAErB;EAAU,gBACrBV,KAAA,CAAA6C,aAAA,CAACzC,GAAG;IAAC2B,KAAK,EAAE,CAACW,IAAI,EAAE;MAAEU,KAAK,EAAET;IAAiB,CAAC,EAAEX,SAAS;EAAE,GAAC,MAAS,CACjE,CAEJ,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import { useColorMode, usePlaceholderColor } from '@chem-po/react';
-import React from 'react';
+import React, { useMemo } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import { Txt } from '../../text';
 import { useInputStyles } from '../input/hooks/useInputStyles';
@@ -16,14 +16,14 @@ const styles = StyleSheet.create({
   }
 });
 export const DefaultRenderOption = ({
-  option
+  option,
+  containerStyle,
+  textStyle
 }) => {
   return /*#__PURE__*/React.createElement(View, {
-    style: {
-      padding: 6
-    }
+    style: containerStyle
   }, /*#__PURE__*/React.createElement(Txt, {
-    style: inputViewStyles.value
+    style: [inputViewStyles.value, textStyle]
   }, option.label));
 };
 export const SelectFieldView = ({
@@ -32,7 +32,8 @@ export const SelectFieldView = ({
   noLabel,
   style,
   size: sizeProp,
-  inEditable
+  inEditable,
+  textStyle
 }) => {
   const {
     placeholder,
@@ -46,16 +47,18 @@ export const SelectFieldView = ({
     container
   } = useInputStyles(inEditable, field.size, sizeProp);
   const selectedOption = field.options.find(o => o.value === value);
-  const RenderOption = customRender ?? DefaultRenderOption;
+  const RenderOption = useMemo(() => customRender ?? DefaultRenderOption, [customRender]);
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, style]
   }, !noLabel && /*#__PURE__*/React.createElement(Text, {
     style: [styles.label, text, {
       color: placeholderColor
-    }]
+    }, textStyle]
   }, placeholder), selectedOption ? /*#__PURE__*/React.createElement(RenderOption, {
     value: selectedOption.value,
     option: selectedOption,
+    containerStyle: container,
+    textStyle: [text, textStyle],
     colorMode: colorMode,
     isSelected: true,
     size: size
@@ -64,7 +67,7 @@ export const SelectFieldView = ({
   }, /*#__PURE__*/React.createElement(Txt, {
     style: [text, {
       color: placeholderColor
-    }]
+    }, textStyle]
   }, "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","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":[]}
+{"version":3,"names":["useColorMode","usePlaceholderColor","React","useMemo","StyleSheet","Text","View","Txt","useInputStyles","inputViewStyles","styles","create","container","flexDirection","alignItems","backgroundColor","label","paddingRight","fontWeight","DefaultRenderOption","option","containerStyle","textStyle","createElement","style","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":"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","ignoreList":[]}

package/lib/typescript/components/form/input/Editable.d.ts

@@ -1,5 +1,5 @@
 import { EditableProps, Field } from '@chem-po/react';
 import React from 'react';
 import { TextStyle, ViewStyle } from 'react-native';
-export declare const Editable: <T extends Field>({ value: initValue, field, onSubmit, storagePath, style, onEditClose, onEditOpen, containerStyle, size, CustomInput, CustomView, }: EditableProps<ViewStyle, TextStyle, T>) => React.JSX.Element;
+export declare const Editable: <T extends Field>({ value: initValue, field, onSubmit, storagePath, style, onEditClose, onEditOpen, containerStyle, size, CustomInput, CustomView, inputStyle, }: EditableProps<ViewStyle, TextStyle, T>) => React.JSX.Element;
 //# sourceMappingURL=Editable.d.ts.map

package/lib/typescript/components/form/input/Editable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Editable.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/input/Editable.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,EACb,KAAK,EAKN,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAwD,MAAM,OAAO,CAAA;AAC5E,OAAO,EAAc,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AASrE,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,KAAK,EAAE,oIAYvC,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,sBA+HxC,CAAA"}
+{"version":3,"file":"Editable.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/input/Editable.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,EACb,KAAK,EAKN,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAwD,MAAM,OAAO,CAAA;AAC5E,OAAO,EAAc,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AAQrE,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,KAAK,EAAE,gJAavC,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,sBAiIxC,CAAA"}

package/lib/typescript/components/form/input/file/index.d.ts

@@ -1,9 +1,9 @@
 import { FileValue, ImageViewOptions, InputRef } from '@chem-po/core';
 import { FileField } from '@chem-po/react';
 import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
 import { FieldProps } from '../../types';
-export declare const FileView: ({ value, hasUpload, imageOptions, withFullView, nonImageContainerStyle, withDownload, onUploadPress, }: {
+export declare const FileView: ({ value, hasUpload, imageOptions, withFullView, nonImageContainerStyle, withDownload, onUploadPress, textStyle, }: {
     value?: FileValue | null;
     hasUpload?: boolean;
     imageOptions?: ImageViewOptions;
@@ -11,6 +11,7 @@ export declare const FileView: ({ value, hasUpload, imageOptions, withFullView,
     nonImageContainerStyle?: StyleProp<ViewStyle>;
     withDownload?: boolean;
     onUploadPress?: () => void;
+    textStyle?: StyleProp<TextStyle>;
 }) => React.JSX.Element;
 export declare const FileComponent: React.ForwardRefExoticComponent<FieldProps<FileField> & React.RefAttributes<InputRef>>;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/form/input/file/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/file/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAkB,MAAM,eAAe,CAAA;AACrF,OAAO,EACL,SAAS,EAQV,MAAM,gBAAgB,CAAA;AAIvB,OAAO,KAAgE,MAAM,OAAO,CAAA;AACpF,OAAO,EAAY,SAAS,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAIrF,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AA+BxC,eAAO,MAAM,QAAQ,GAAI,wGAQtB;IACD,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,gBAAgB,CAAA;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;CAC3B,sBAmFA,CAAA;AAED,eAAO,MAAM,aAAa,wFAyFzB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/file/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAkB,MAAM,eAAe,CAAA;AACrF,OAAO,EACL,SAAS,EAQV,MAAM,gBAAgB,CAAA;AAIvB,OAAO,KAAgE,MAAM,OAAO,CAAA;AACpF,OAAO,EAAY,SAAS,EAAoB,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AAIhG,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AA+BxC,eAAO,MAAM,QAAQ,GAAI,mHAStB;IACD,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,gBAAgB,CAAA;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CACjC,sBAmFA,CAAA;AAED,eAAO,MAAM,aAAa,wFAyFzB,CAAA"}

package/lib/typescript/components/form/input/multipleSelect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/multipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,eAAe,CAAA;AACjE,OAAO,EACL,mBAAmB,EAQpB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAK,EAAE,EAGZ,iBAAiB,EAIlB,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAGrE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAIxC,eAAO,MAAM,uBAAuB,GAAI,sBAGrC,iBAAiB,CAAC;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC,sBAQnE,CAAA;AAoJD,eAAO,MAAM,uBAAuB,kGAA0C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/multipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,eAAe,CAAA;AACjE,OAAO,EACL,mBAAmB,EAOpB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAK,EAAE,EAGZ,iBAAiB,EAIlB,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAGrE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAIxC,eAAO,MAAM,uBAAuB,GAAI,sBAGrC,iBAAiB,CAAC;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC,sBAQnE,CAAA;AAoJD,eAAO,MAAM,uBAAuB,kGAA0C,CAAA"}

package/lib/typescript/components/form/input/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,eAAe,CAAA;AACjE,OAAO,EACL,WAAW,EAMZ,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAgE,MAAM,OAAO,CAAA;AAIpF,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AA4HxC,eAAO,MAAM,eAAe,0FAAkC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,eAAe,CAAA;AACjE,OAAO,EACL,WAAW,EAKZ,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAgE,MAAM,OAAO,CAAA;AAIpF,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAwHxC,eAAO,MAAM,eAAe,0FAAkC,CAAA"}

package/lib/typescript/components/form/view/file.d.ts

@@ -1,12 +1,13 @@
 import { InputSize } from '@chem-po/core';
 import { FileField } from '@chem-po/react';
 import React from 'react';
-import { ViewStyle } from 'react-native';
-export declare const FileFieldView: ({ field, value, noLabel, style, size: sizeProp, }: {
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+export declare const FileFieldView: ({ field, value, noLabel, style, size: sizeProp, textStyle, }: {
     field: FileField;
     value: any;
     noLabel?: boolean;
     style?: ViewStyle;
+    textStyle?: StyleProp<TextStyle>;
     size?: InputSize;
 }) => React.JSX.Element;
 //# sourceMappingURL=file.d.ts.map

package/lib/typescript/components/form/view/file.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/file.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAA;AAC/D,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAmChE,eAAO,MAAM,aAAa,GAAI,mDAM3B;IACD,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,sBA2BA,CAAA"}
+{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/file.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAA;AAC/D,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AAmCtF,eAAO,MAAM,aAAa,GAAI,8DAO3B;IACD,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,sBA2BA,CAAA"}

package/lib/typescript/components/form/view/index.d.ts

@@ -1,12 +1,13 @@
 import { InputSize } from '@chem-po/core';
 import { Field } from '@chem-po/react';
 import React from 'react';
-import { ViewStyle } from 'react-native';
-export declare const FieldView: ({ field, value, noLabel, style, size, inEditable, }: {
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+export declare const FieldView: ({ field, value, noLabel, style, textStyle, size, inEditable, }: {
     field: Field;
     value?: any;
     noLabel?: boolean;
     style?: ViewStyle;
+    textStyle?: StyleProp<TextStyle>;
     size?: InputSize;
     inEditable?: boolean;
 }) => React.JSX.Element;

package/lib/typescript/components/form/view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,KAAK,EAAoC,MAAM,gBAAgB,CAAA;AACxE,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAsD1D,eAAO,MAAM,SAAS,GAAI,qDAOvB;IACD,KAAK,EAAE,KAAK,CAAA;IACZ,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,sBAuCA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,KAAK,EAAoC,MAAM,gBAAgB,CAAA;AACxE,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,SAAS,EAAc,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AAwDhF,eAAO,MAAM,SAAS,GAAI,gEAQvB;IACD,KAAK,EAAE,KAAK,CAAA;IACZ,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,sBAiDA,CAAA"}

package/lib/typescript/components/form/view/multipleSelect.d.ts

@@ -1,11 +1,14 @@
-import { InputSize } from '@chem-po/core';
+import { BaseSelectOption, InputSize } from '@chem-po/core';
 import { MultipleSelectField } from '@chem-po/react';
-import { ViewStyle } from 'react-native';
-export declare const MultipleSelectFieldView: <F extends MultipleSelectField>({ field, value, noLabel, size: sizeProp, style, }: {
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+type NativeMultipleSelectField<Value extends any[] = string[], Option extends BaseSelectOption<Value[number]> = BaseSelectOption<Value[number]>> = MultipleSelectField<Value, Option>;
+export declare const MultipleSelectFieldView: <F extends NativeMultipleSelectField>({ field, value, noLabel, size: sizeProp, style, textStyle, }: {
     field: F;
     value?: F["defaultValue"];
     noLabel?: boolean;
+    textStyle?: StyleProp<TextStyle>;
     size?: InputSize;
     style?: ViewStyle;
 }) => any;
+export {};
 //# sourceMappingURL=multipleSelect.d.ts.map

package/lib/typescript/components/form/view/multipleSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multipleSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/multipleSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAqC,MAAM,gBAAgB,CAAA;AAEvF,OAAc,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AA8BvE,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,mBAAmB,EAAE,mDAMpE;IACD,KAAK,EAAE,CAAC,CAAA;IACR,KAAK,CAAC,EAAE,CAAC,CAAC,cAAc,CAAC,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,QAqCA,CAAA"}
+{"version":3,"file":"multipleSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/multipleSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAqC,MAAM,gBAAgB,CAAA;AAEvF,OAAc,EAAE,SAAS,EAAoB,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AA8B7F,KAAK,yBAAyB,CAC5B,KAAK,SAAS,GAAG,EAAE,GAAG,MAAM,EAAE,EAC9B,MAAM,SAAS,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAC9E,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;AAEtC,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,yBAAyB,EAAE,8DAO1E;IACD,KAAK,EAAE,CAAC,CAAA;IACR,KAAK,CAAC,EAAE,CAAC,CAAC,cAAc,CAAC,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,QAgCA,CAAA"}

package/lib/typescript/components/form/view/select.d.ts

@@ -1,13 +1,17 @@
-import { BaseSelectOption, InputSize, RenderSelectOptionProps } from '@chem-po/core';
+import { InputSize, RenderSelectOptionProps } from '@chem-po/core';
 import { SelectField } from '@chem-po/react';
 import React from 'react';
-import { ViewStyle } from 'react-native';
-export declare const DefaultRenderOption: <Value = string, Option extends BaseSelectOption<Value> = BaseSelectOption<Value>>({ option, }: RenderSelectOptionProps<Value, Option>) => React.JSX.Element;
-export declare const SelectFieldView: ({ field, value, noLabel, style, size: sizeProp, inEditable, }: {
-    field: SelectField;
-    value: any;
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+export declare const DefaultRenderOption: ({ option, containerStyle, textStyle, }: RenderSelectOptionProps & {
+    containerStyle?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+}) => React.JSX.Element;
+export declare const SelectFieldView: <F extends SelectField>({ field, value, noLabel, style, size: sizeProp, inEditable, textStyle, }: {
+    field: F;
+    value: F["defaultValue"];
     noLabel?: boolean;
     style?: ViewStyle;
+    textStyle?: StyleProp<TextStyle>;
     size?: InputSize;
     inEditable?: boolean;
 }) => React.JSX.Element;

package/lib/typescript/components/form/view/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AACpF,OAAO,EAAE,WAAW,EAAqC,MAAM,gBAAgB,CAAA;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAiBhE,eAAO,MAAM,mBAAmB,GAC9B,KAAK,GAAG,MAAM,EACd,MAAM,SAAS,gBAAgB,CAAC,KAAK,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAC,EAChE,aAEC,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC,sBAMxC,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,+DAO7B;IACD,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,sBA2BA,CAAA"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,WAAW,EAAqC,MAAM,gBAAgB,CAAA;AAC/E,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AAiBtF,eAAO,MAAM,mBAAmB,GAAI,wCAIjC,uBAAuB,GAAG;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CACjC,sBAMA,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,WAAW,EAAE,0EAQpD;IACD,KAAK,EAAE,CAAC,CAAA;IACR,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,sBA+BA,CAAA"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@chem-po/react-native",
   "author": "Elan Canfield",
   "license": "MIT",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/index.d.ts",
   "source": "src/index.ts",
@@ -53,8 +53,8 @@
     "react-native-svg": "15.12.1",
     "react-native-worklets": "0.5.1",
     "zustand": "^4.3.3",
-    "@chem-po/core": "0.0.42",
-    "@chem-po/react": "0.0.42"
+    "@chem-po/core": "0.0.44",
+    "@chem-po/react": "0.0.44"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",

package/src/components/form/input/Editable.tsx

@@ -13,7 +13,6 @@ import React, { ForwardedRef, useCallback, useEffect, useMemo } from 'react'
 import { StyleSheet, TextStyle, View, ViewStyle } from 'react-native'
 import { Pressable } from 'react-native-gesture-handler'
 import { CustomInputProps } from '../../../types/forms'
-import { CollapseHorizontal } from '../../layout/CollapseHorizontal'
 import { LoadingOverlay } from '../../loading/LoadingOverlay'
 import { UploadProgress } from '../UploadProgress'
 import { FieldView } from '../view'
@@ -31,6 +30,7 @@ export const Editable = <T extends Field>({
   size,
   CustomInput,
   CustomView,
+  inputStyle,
 }: EditableProps<ViewStyle, TextStyle, T>) => {
   const {
     inputRef,
@@ -80,9 +80,9 @@ export const Editable = <T extends Field>({
         return <CustomInput {...props} ref={ref} />
       }
       if (!field) throw new Error('Editable component must have a field OR a CustomInput')
-      return <StandaloneInput ref={ref} field={field} {...props} />
+      return <StandaloneInput ref={ref} field={field} inputStyle={inputStyle} {...props} />
     },
-    [CustomInput, field],
+    [CustomInput, field, inputStyle],
   )
 
   const RenderView = useCallback(
@@ -91,9 +91,9 @@ export const Editable = <T extends Field>({
         return <CustomView {...props} />
       }
       if (!field) throw new Error('Editable component must have a field OR a CustomView')
-      return <FieldView field={field} {...props} />
+      return <FieldView textStyle={inputStyle} field={field} {...props} />
     },
-    [CustomView, field],
+    [CustomView, field, inputStyle],
   )
 
   return (
@@ -122,7 +122,7 @@ export const Editable = <T extends Field>({
         </View>
         {!alwaysEditing && (
           <View style={styles.buttonsContainer}>
-            <CollapseHorizontal in={!isEditing}>
+            {isEditing ? null : (
               <Pressable
                 onPress={() => {
                   handleEditOpen()
@@ -132,25 +132,27 @@ export const Editable = <T extends Field>({
                 onPressOut={() => setEditHovered(false)}>
                 <Ionicons name="create-outline" size={20} color={iconColor} />
               </Pressable>
-            </CollapseHorizontal>
-            <CollapseHorizontal in={isEditing} style={styles.submitButtonContainer}>
-              <Pressable
-                onPress={() => {
-                  handleEditClose()
-                }}
-                style={styles.submitButton}
-                onPressIn={() => setEditHovered(true)}
-                onPressOut={() => setEditHovered(false)}>
-                <Ionicons name="close" size={20} color={iconColor} />
-              </Pressable>
-              <Pressable
-                style={[styles.submitButton, { backgroundColor: submitColor }]}
-                onPress={() => {
-                  submit()
-                }}>
-                <Ionicons name="checkmark" size={20} color="#fff" />
-              </Pressable>
-            </CollapseHorizontal>
+            )}
+            {isEditing ? (
+              <>
+                <Pressable
+                  onPress={() => {
+                    handleEditClose()
+                  }}
+                  style={styles.submitButton}
+                  onPressIn={() => setEditHovered(true)}
+                  onPressOut={() => setEditHovered(false)}>
+                  <Ionicons name="close" size={20} color={iconColor} />
+                </Pressable>
+                <Pressable
+                  style={[styles.submitButton, { backgroundColor: submitColor }]}
+                  onPress={() => {
+                    submit()
+                  }}>
+                  <Ionicons name="checkmark" size={20} color="#fff" />
+                </Pressable>
+              </>
+            ) : null}
           </View>
         )}
         <LoadingOverlay loading={isLoading} />
@@ -169,6 +171,7 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'center',
     paddingTop: 6,
+    gap: 10,
   },
   contentContainer: {
     flexDirection: 'row',

package/src/components/form/input/file/index.tsx

@@ -13,7 +13,7 @@ import { Ionicons } from '@expo/vector-icons'
 import * as DocumentPicker from 'expo-document-picker'
 import * as ImagePicker from 'expo-image-picker'
 import React, { forwardRef, useCallback, useImperativeHandle, useMemo } from 'react'
-import { Platform, StyleProp, StyleSheet, Text, View, ViewStyle } from 'react-native'
+import { Platform, StyleProp, StyleSheet, Text, TextStyle, View, ViewStyle } from 'react-native'
 import { Pressable } from 'react-native-gesture-handler'
 import { downloadFile } from '../../../../utils/downloadFile'
 import { LoadingImage } from '../../../loading/LoadingImage'
@@ -56,6 +56,7 @@ export const FileView = ({
   nonImageContainerStyle,
   withDownload,
   onUploadPress,
+  textStyle,
 }: {
   value?: FileValue | null
   hasUpload?: boolean
@@ -64,6 +65,7 @@ export const FileView = ({
   nonImageContainerStyle?: StyleProp<ViewStyle>
   withDownload?: boolean
   onUploadPress?: () => void
+  textStyle?: StyleProp<TextStyle>
 }) => {
   const { storagePath, dataUrl } = value ?? {}
   const missingFile = !dataUrl && !storagePath
@@ -131,7 +133,7 @@ export const FileView = ({
         <Ionicons name="document" size={24} color={iconColor} />
       </View>
       <View style={styles.filenameContainer}>
-        <Text numberOfLines={1} style={[styles.filename, { color: fileNameColor }]}>
+        <Text numberOfLines={1} style={[styles.filename, { color: fileNameColor }, textStyle]}>
           {value.filename}
         </Text>
       </View>

package/src/components/form/input/multipleSelect/index.tsx

@@ -4,7 +4,6 @@ import {
   useBackgroundColor,
   useBorderColor,
   useColorMode,
-  useColorModeValue,
   useIconColor,
   usePlaceholderColor,
   useTextColor,
@@ -58,7 +57,7 @@ const BaseMultipleSelectComponent = <T extends MultipleSelectField>(
   const placeholderColor = usePlaceholderColor()
   const menuBg = useBackgroundColor(100)
   const inputBg = useBackgroundColor(50)
-  const selectedOptionBg = useColorModeValue('#ffffff22', '#ffffff22')
+  const selectedOptionBg = useBackgroundColor(50)
   const borderColor = useBorderColor()
 
   useImperativeHandle(ref, () => ({
@@ -86,7 +85,7 @@ const BaseMultipleSelectComponent = <T extends MultipleSelectField>(
       return RenderOption(props)
     }
     return (
-      <View style={{ padding: 6 }}>
+      <View style={[container, { width: 'auto' }]}>
         <Txt style={[text]}>{props.option.label}</Txt>
       </View>
     )
@@ -100,11 +99,11 @@ const BaseMultipleSelectComponent = <T extends MultipleSelectField>(
     <View style={[styles.wrapper]}>
       <MultiSelect
         ref={inputRef}
-        style={[container, { borderColor, boxShadow: `0 0 10px ${borderColor}`, borderWidth: 0 }]}
+        style={container}
         placeholderStyle={[text, { color: value?.length ? textColor : placeholderColor }]}
         containerStyle={{
           backgroundColor: menuBg,
-          boxShadow: `0 0 6px ${borderColor}`,
+          boxShadow: `0 0 10px #00000066`,
           borderWidth: 0,
         }}
         inputSearchStyle={[styles.inputSearch, text, { backgroundColor: inputBg, borderWidth: 0 }]}
@@ -133,7 +132,7 @@ const BaseMultipleSelectComponent = <T extends MultipleSelectField>(
         renderItem={(item, selected) => (
           <View
             style={{
-              backgroundColor: selected ? selectedOptionBg : 'transparent',
+              backgroundColor: selected ? selectedOptionBg : menuBg,
               paddingVertical: 8,
               paddingHorizontal: 12,
               flexDirection: 'row',

package/src/components/form/input/select/index.tsx

@@ -2,7 +2,6 @@ import { InputRef, RenderSelectOptionProps } from '@chem-po/core'
 import {
   SelectField,
   useBackgroundColor,
-  useBorderColor,
   useColorMode,
   useIconColor,
   usePlaceholderColor,
@@ -33,14 +32,11 @@ const BaseSelectComponent = <T extends SelectField>(
   const colorMode = useColorMode()
 
   const inputRef = useRef<IDropdownRef>(null)
-  const {
-    container: inputStyles,
-    iconSize,
-    text,
-    size,
-    clearButtonSize,
-    buttonContainer,
-  } = useInputStyles(inEditable, field.size, formSize)
+  const { container, iconSize, text, size, clearButtonSize, buttonContainer } = useInputStyles(
+    inEditable,
+    field.size,
+    formSize,
+  )
 
   useImperativeHandle(ref, () => ({
     focus: () => {
@@ -64,19 +60,18 @@ const BaseSelectComponent = <T extends SelectField>(
   const placeholderColor = usePlaceholderColor()
   const menuBg = useBackgroundColor(100)
   const selectedOptionBg = useBackgroundColor(50)
-  const borderColor = useBorderColor()
 
   return (
     <View style={styles.wrapper}>
       <Dropdown
         ref={inputRef}
-        style={[inputStyles, { borderColor }]}
+        style={container}
         placeholderStyle={[text, { color: placeholderColor }]}
         containerStyle={{
           backgroundColor: menuBg,
           borderWidth: 0,
           borderColor: 'transparent',
-          boxShadow: `0 0 10px ${borderColor}`,
+          boxShadow: `0 0 10px #00000066`,
         }}
         selectedTextStyle={text}
         inputSearchStyle={[

package/src/components/form/view/file.tsx

@@ -1,7 +1,7 @@
 import { ImageViewOptions, InputSize } from '@chem-po/core'
 import { FileField, usePlaceholderColor } from '@chem-po/react'
 import React, { useMemo } from 'react'
-import { StyleSheet, Text, View, ViewStyle } from 'react-native'
+import { StyleProp, StyleSheet, Text, TextStyle, View, ViewStyle } from 'react-native'
 import { Txt } from '../../text/Txt'
 import { FileView } from '../input/file'
 import { useInputStyles } from '../input/hooks/useInputStyles'
@@ -42,11 +42,13 @@ export const FileFieldView = ({
   noLabel,
   style,
   size: sizeProp,
+  textStyle,
 }: {
   field: FileField
   value: any
   noLabel?: boolean
   style?: ViewStyle
+  textStyle?: StyleProp<TextStyle>
   size?: InputSize
 }) => {
   const { imageOptions, placeholder, size } = field
@@ -66,11 +68,11 @@ export const FileFieldView = ({
       {!noLabel && <Text style={styles.label}>{placeholder}</Text>}
       {value ? (
         <View style={styles.fileContainer}>
-          <FileView imageOptions={options} value={value} />
+          <FileView textStyle={textStyle} imageOptions={options} value={value} />
         </View>
       ) : (
         <View style={container}>
-          <Txt style={[text, { color: placeholderColor }]}>None</Txt>
+          <Txt style={[text, { color: placeholderColor }, textStyle]}>None</Txt>
         </View>
       )}
     </View>