@chem-po/react-native 0.0.42 → 0.0.43

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":"AACA,SAA8BA,YAAY,EAAEC,mBAAmB,QAAQ,gBAAgB;AACvF,SAASC,OAAO,QAAQ,OAAO;AAC/B,OAAOC,KAAK,IAAIC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AACvE,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;AAEF,OAAO,MAAMC,uBAAuB,GAAGA,CAAgC;EACrEC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,IAAI,EAAEC,QAAQ;EACdC;AAOF,CAAC,KAAK;EACJ,MAAM;IAAEC,WAAW;IAAEC,YAAY,EAAEC,YAAY;IAAEC;EAAQ,CAAC,GAAGT,KAAK;EAClE,MAAMU,eAAe,GAAGD,OAAO,CAACE,MAAM,CAACC,CAAC,IAAIX,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEY,QAAQ,CAACD,CAAC,CAACX,KAAK,CAAC,CAAC;EACrE,MAAMa,SAAS,GAAG3C,YAAY,CAAC,CAAC;EAChC,MAAM;IAAEgC,IAAI;IAAEY,IAAI;IAAE/B;EAAU,CAAC,GAAGL,cAAc,CAAC,IAAI,EAAEqB,KAAK,CAACG,IAAI,EAAEC,QAAQ,CAAC;EAC5E,MAAMY,gBAAgB,GAAG5C,mBAAmB,CAAC,CAAC;EAC9C,MAAM6C,mBAAmB,GAAG5C,OAAO,CAAY,MAAM;IACnD,OAAO;MACL6C,iBAAiB,EAAElC,SAAS,CAACkC,iBAAiB;MAC9CC,eAAe,EAAEnC,SAAS,CAACmC;IAC7B,CAAC;EACH,CAAC,EAAE,CAACnC,SAAS,CAAC,CAAC;EACf,MAAMoC,YAAY,GAAG/C,OAAO,CAAC,MAAMmC,YAAY,IAAI3B,mBAAmB,EAAE,CAAC2B,YAAY,CAAC,CAAC;EACvF,oBACElC,KAAA,CAAA+C,aAAA,CAAC5C,IAAI;IAAC4B,KAAK,EAAE,CAACvB,MAAM,CAACE,SAAS,EAAEqB,KAAK;EAAE,GACpC,CAACH,OAAO,iBAAI5B,KAAA,CAAA+C,aAAA,CAAC7C,IAAI;IAAC6B,KAAK,EAAEvB,MAAM,CAACQ;EAAM,GAAEgB,WAAkB,CAAC,EAC3DL,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEqB,MAAM,gBACZhD,KAAA,CAAA+C,aAAA,CAAC5C,IAAI;IAAC4B,KAAK,EAAEvB,MAAM,CAACY;EAAiB,GAClCgB,eAAe,CAACa,GAAG,CAACX,CAAC,iBACpBtC,KAAA,CAAA+C,aAAA,CAACzC,uBAAuB;IAAC4C,GAAG,EAAEZ,CAAC,CAACX,KAAM;IAACI,KAAK,EAAEY;EAAoB,gBAChE3C,KAAA,CAAA+C,aAAA,CAACD,YAAY;IACXK,MAAM,EAAEb,CAAE;IACVX,KAAK,EAAEW,CAAC,CAACX,KAAM;IACfa,SAAS,EAAEA,SAAU;IACrBY,UAAU;IACVvB,IAAI,EAAEA;EAAK,CACZ,CACsB,CAC1B,CACG,CAAC,gBAEP7B,KAAA,CAAA+C,aAAA,CAAC5C,IAAI;IAAC4B,KAAK,EAAErB;EAAU,gBACrBV,KAAA,CAAA+C,aAAA,CAAC3C,GAAG;IAAC2B,KAAK,EAAE,CAACU,IAAI,EAAE;MAAEY,KAAK,EAAEX;IAAiB,CAAC;EAAE,GAAC,MAAS,CACtD,CAEJ,CAAC;AAEX,CAAC","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":"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","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;AASrE,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,KAAK,EAAE,gJAavC,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,sBA+HxC,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.43",
   "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/react": "0.0.43",
+    "@chem-po/core": "0.0.43"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",

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

@@ -31,6 +31,7 @@ export const Editable = <T extends Field>({
   size,
   CustomInput,
   CustomView,
+  inputStyle,
 }: EditableProps<ViewStyle, TextStyle, T>) => {
   const {
     inputRef,
@@ -80,9 +81,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 +92,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 (

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, { borderColor, borderBottomWidth: 1, borderRadius: 0 }]}
         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>

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

@@ -1,7 +1,7 @@
 import { displayField, InputSize } from '@chem-po/core'
 import { Field, FormatField, usePlaceholderColor } from '@chem-po/react'
 import React, { useMemo } from 'react'
-import { StyleSheet, View, ViewStyle } from 'react-native'
+import { StyleProp, StyleSheet, TextStyle, View, ViewStyle } from 'react-native'
 import { Txt } from '../../text'
 import { useInputStyles } from '../input/hooks/useInputStyles'
 import { FileFieldView } from './file'
@@ -23,11 +23,13 @@ const DefaultFieldView = ({
   style,
   size: sizeProp,
   inEditable,
+  textStyle,
 }: {
   field: Field
   value: any
   noLabel?: boolean
   style?: ViewStyle
+  textStyle?: StyleProp<TextStyle>
   size?: InputSize
   inEditable?: boolean
 }) => {
@@ -48,7 +50,7 @@ const DefaultFieldView = ({
   return (
     <View style={[styles.container, containerStyles, { backgroundColor: 'transparent' }, style]}>
       {!noLabel && <Txt style={[inputViewStyles.label, text]}>{placeholder}</Txt>}
-      <Txt style={[text, { color: hasValue ? undefined : placeholderColor }]}>
+      <Txt style={[text, { color: hasValue ? text.color : placeholderColor }, textStyle]}>
         {hasValue ? formatted : 'None'}
       </Txt>
     </View>
@@ -60,6 +62,7 @@ export const FieldView = ({
   value,
   noLabel,
   style,
+  textStyle,
   size,
   inEditable,
 }: {
@@ -67,6 +70,7 @@ export const FieldView = ({
   value?: any
   noLabel?: boolean
   style?: ViewStyle
+  textStyle?: StyleProp<TextStyle>
   size?: InputSize
   inEditable?: boolean
 }) => {
@@ -75,6 +79,7 @@ export const FieldView = ({
       return (
         <SelectFieldView
           style={style}
+          textStyle={textStyle}
           field={field}
           value={value}
           noLabel={noLabel}
@@ -88,13 +93,21 @@ export const FieldView = ({
           style={style}
           field={field}
           value={value}
+          textStyle={textStyle}
           noLabel={noLabel}
           size={size}
         />
       )
     case 'file':
       return (
-        <FileFieldView style={style} field={field} value={value} noLabel={noLabel} size={size} />
+        <FileFieldView
+          textStyle={textStyle}
+          style={style}
+          field={field}
+          value={value}
+          noLabel={noLabel}
+          size={size}
+        />
       )
     default:
       return (
@@ -102,6 +115,7 @@ export const FieldView = ({
           style={style}
           field={field}
           value={value}
+          textStyle={textStyle}
           noLabel={noLabel}
           size={size}
           inEditable={inEditable}