@chem-po/react-native 0.0.15 → 0.0.17

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

@@ -1,6 +1,11 @@
 import { InputRef } from '@chem-po/core';
 import { MultipleSelectField } from '@chem-po/react';
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
 import { FieldProps } from '../../types';
+export declare const SelectedOptionContainer: ({ children, style, }: PropsWithChildren<{
+    key?: string;
+    style?: StyleProp<ViewStyle>;
+}>) => React.JSX.Element;
 export declare const MultipleSelectComponent: React.ForwardRefExoticComponent<FieldProps<MultipleSelectField> & React.RefAttributes<InputRef>>;
 //# sourceMappingURL=index.d.ts.map

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,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,mBAAmB,EAAqC,MAAM,gBAAgB,CAAA;AACvF,OAAO,KAA0C,MAAM,OAAO,CAAA;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,eAAO,MAAM,uBAAuB,kGA6CnC,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,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,sBAGnE,CAAA;AA0ID,eAAO,MAAM,uBAAuB,kGAA0C,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/number/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAqC,MAAM,gBAAgB,CAAA;AACpG,OAAO,KAA0E,MAAM,OAAO,CAAA;AAE9F,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,eAAO,MAAM,eAAe;aAA6D,MAAM;kCAgD9F,CAAA;AAmBD,eAAO,MAAM,uBAAuB,kGAEnC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/number/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAqC,MAAM,gBAAgB,CAAA;AACpG,OAAO,KAA0E,MAAM,OAAO,CAAA;AAE9F,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,eAAO,MAAM,eAAe;aAA6D,MAAM;kCAiD9F,CAAA;AAmBD,eAAO,MAAM,uBAAuB,kGAEnC,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,EAKZ,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAON,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAiJxC,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;AAiHxC,eAAO,MAAM,eAAe,0FAAkC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,SAAS,EAAqC,MAAM,gBAAgB,CAAA;AAE7E,OAAO,KAA4D,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAIxC,eAAO,MAAM,aAAa,wFAmDzB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,SAAS,EAAqC,MAAM,gBAAgB,CAAA;AAE7E,OAAO,KAA4D,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAIxC,eAAO,MAAM,aAAa,wFA8CzB,CAAA"}

package/lib/typescript/components/form/input/text/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/text/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,SAAS,EAAqC,MAAM,gBAAgB,CAAA;AAC7E,OAAO,KAAkD,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,eAAO,MAAM,iBAAiB,wFAgC7B,CAAA"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/text/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,SAAS,EAAqC,MAAM,gBAAgB,CAAA;AAC7E,OAAO,KAAkD,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,eAAO,MAAM,iBAAiB,wFAmC7B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/time/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAY,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,SAAS,EAAgB,MAAM,gBAAgB,CAAA;AAExD,OAAO,KAA6D,MAAM,OAAO,CAAA;AAIjF,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,eAAO,MAAM,SAAS,wFAsErB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/time/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAY,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,SAAS,EAAgB,MAAM,gBAAgB,CAAA;AAExD,OAAO,KAA6D,MAAM,OAAO,CAAA;AAIjF,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,eAAO,MAAM,SAAS,wFA6FrB,CAAA"}

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

@@ -1,10 +1,12 @@
+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, }: {
+export declare const FileFieldView: ({ field, value, noLabel, style, size: sizeProp, }: {
     field: FileField;
     value: any;
     noLabel?: boolean;
     style?: ViewStyle;
+    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":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAuBhE,eAAO,MAAM,aAAa,GAAI,mCAK3B;IACD,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,sBAsBA,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,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAoChE,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,sBAsBA,CAAA"}

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

@@ -1,10 +1,12 @@
+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, }: {
+export declare const FieldView: ({ field, value, noLabel, style, size, }: {
     field: Field;
     value: any;
     noLabel?: boolean;
     style?: ViewStyle;
+    size?: InputSize;
 }) => React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAqD1D,eAAO,MAAM,SAAS,GAAI,mCAKvB;IACD,KAAK,EAAE,KAAK,CAAA;IACZ,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,sBAWA,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,EAAe,MAAM,gBAAgB,CAAA;AACnD,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAmD1D,eAAO,MAAM,SAAS,GAAI,yCAMvB;IACD,KAAK,EAAE,KAAK,CAAA;IACZ,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,sBAyBA,CAAA"}

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

@@ -1,9 +1,11 @@
+import { InputSize } from '@chem-po/core';
 import { MultipleSelectField } from '@chem-po/react';
 import { ViewStyle } from 'react-native';
-export declare const MultipleSelectFieldView: ({ field, value, noLabel, style, }: {
-    field: MultipleSelectField;
-    value: any[];
+export declare const MultipleSelectFieldView: <F extends MultipleSelectField>({ field, value, noLabel, size: sizeProp, style, }: {
+    field: F;
+    value?: F["defaultValue"];
     noLabel?: boolean;
+    size?: InputSize;
     style?: ViewStyle;
 }) => any;
 //# 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,mBAAmB,EAAgB,MAAM,gBAAgB,CAAA;AAClE,OAAc,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAsBvE,eAAO,MAAM,uBAAuB,GAAI,mCAKrC;IACD,KAAK,EAAE,mBAAmB,CAAA;IAC1B,KAAK,EAAE,GAAG,EAAE,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,QAoBA,CAAA"}
+{"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,EAAgB,MAAM,gBAAgB,CAAA;AAElE,OAAc,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AA+BvE,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,QAkCA,CAAA"}

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

@@ -1,10 +1,13 @@
+import { BaseSelectOption, InputSize, RenderSelectOptionProps } from '@chem-po/core';
 import { SelectField } from '@chem-po/react';
 import React from 'react';
 import { ViewStyle } from 'react-native';
-export declare const SelectFieldView: ({ field, value, noLabel, style, }: {
+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, }: {
     field: SelectField;
     value: any;
     noLabel?: boolean;
     style?: ViewStyle;
+    size?: InputSize;
 }) => React.JSX.Element;
 //# sourceMappingURL=select.d.ts.map

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":"AACA,OAAO,EAAE,WAAW,EAAqC,MAAM,gBAAgB,CAAA;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAoBhE,eAAO,MAAM,eAAe,GAAI,mCAK7B;IACD,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,sBAeA,CAAA"}
+{"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;AAgBhE,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,sBAExC,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,mDAM7B;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;CACjB,sBAyBA,CAAA"}

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

@@ -0,0 +1,14 @@
+export declare const inputViewStyles: {
+    label: {
+        paddingRight: number;
+        opacity: number;
+        fontWeight: "600";
+    };
+    value: {
+        opacity: number;
+    };
+    valueEmpty: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/view/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;;;;CAY1B,CAAA"}

package/lib/typescript/contexts/root.d.ts

@@ -1,9 +1,9 @@
 import { BackendAdapterInterface, ColorMode, Theme } from '@chem-po/core';
 import { ChempoProps } from '@chem-po/react';
 import React, { PropsWithChildren } from 'react';
-export interface ChempoNativeProviderProps extends PropsWithChildren<Pick<ChempoProps<BackendAdapterInterface>, 'backendAdapter' | 'assets'>> {
+export interface ChempoNativeProviderProps<BackendAdapter extends BackendAdapterInterface> extends PropsWithChildren<Pick<ChempoProps<BackendAdapter>, 'backendAdapter' | 'assets'>> {
     theme?: Theme;
     initialColorMode?: ColorMode;
 }
-export declare const ChempoNativeProvider: ({ theme: themeProp, initialColorMode, ...props }: ChempoNativeProviderProps) => React.JSX.Element;
+export declare const ChempoNativeProvider: <BackendAdapter extends BackendAdapterInterface<any, any, any, any, any, any>>({ theme: themeProp, initialColorMode, ...props }: ChempoNativeProviderProps<BackendAdapter>) => React.JSX.Element;
 //# sourceMappingURL=root.d.ts.map

package/lib/typescript/contexts/root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/contexts/root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,WAAW,EAAkB,MAAM,gBAAgB,CAAA;AAC5D,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAUzD,MAAM,WAAW,yBACf,SAAQ,iBAAiB,CACvB,IAAI,CAAC,WAAW,CAAC,uBAAuB,CAAC,EAAE,gBAAgB,GAAG,QAAQ,CAAC,CACxE;IACD,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B;AACD,eAAO,MAAM,oBAAoB,GAAI,kDAIlC,yBAAyB,sBAgB3B,CAAA"}
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/contexts/root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,WAAW,EAAkB,MAAM,gBAAgB,CAAA;AAC5D,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAA;AASzD,MAAM,WAAW,yBAAyB,CAAC,cAAc,SAAS,uBAAuB,CACvF,SAAQ,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,gBAAgB,GAAG,QAAQ,CAAC,CAAC;IACzF,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B;AACD,eAAO,MAAM,oBAAoB,GAC/B,cAAc,SAAS,uBAAuB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC5E,kDAIC,yBAAyB,CAAC,cAAc,CAAC,sBAgB3C,CAAA"}

package/package.json

@@ -1,6 +1,8 @@
 {
   "name": "@chem-po/react-native",
-  "version": "0.0.15",
+  "author": "Elan Canfield",
+  "license": "MIT",
+  "version": "0.0.17",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/index.d.ts",
   "source": "src/index.ts",
@@ -9,7 +11,6 @@
     "react-native": "src/index.ts"
   },
   "sideEffects": false,
-  "license": "MIT",
   "files": [
     "src",
     "lib",
@@ -38,46 +39,37 @@
     "expo-image-picker": "~16.1.4",
     "lottie-react-native": "7.2.2",
     "nested-property": "^4.0.0",
-    "react": "19.0.0",
+    "react": "^19.0.0",
     "react-hook-form": "^7.55.0",
-    "react-native": "0.79.2",
+    "react-native": "0.79.3",
+    "react-native-element-dropdown": "^2.12.4",
     "react-native-gesture-handler": "~2.24.0",
     "react-native-notifier": "^2.0.0",
     "react-native-paper": "^5.14.3",
     "react-native-paper-dates": "^0.22.42",
     "react-native-svg": "15.11.2",
     "zustand": "^4.3.3",
-    "@chem-po/core": "0.0.15",
-    "@chem-po/react": "0.0.15"
+    "@chem-po/core": "0.0.17",
+    "@chem-po/react": "0.0.17"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
     "@babel/preset-env": "^7.25.4",
     "@expo/metro-runtime": "~5.0.4",
-    "@types/react": "~19.0.10",
+    "@types/react": "~19.0.12",
     "babel-plugin-react-docgen-typescript": "^1.5.1",
     "babel-plugin-react-native-web": "^0.19.10",
     "expo-build-properties": "~0.14.6",
-    "expo-dev-client": "~5.1.8",
+    "expo-dev-client": "~5.2.0",
+    "eslint-config-expo": "~9.2.0",
     "react-native-builder-bob": "^0.20.0",
-    "vite": "^6.0.11"
+    "vite": "^6.2.2"
   },
   "peerDependencies": {
-    "expo": "~53.0.9",
+    "expo": "~53.0.11",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-native": "^0.79.0"
-  },
-  "expo": {
-    "install": {
-      "exclude": [
-        "react-native@~0.76.6",
-        "react-native-reanimated@~3.16.1",
-        "react-native-gesture-handler@~2.20.0",
-        "react-native-screens@~4.4.0",
-        "react-native-webview@~13.12.5"
-      ]
-    }
+    "react-native": "0.79.3"
   },
   "react-native-builder-bob": {
     "source": "src",
@@ -95,12 +87,9 @@
   },
   "scripts": {
     "type-check": "tsc --noEmit",
-    "lint": "pnpm type-check && eslint \"src/**/*.ts*\" --fix --quiet",
+    "lint": "pnpm type-check && eslint --fix",
     "build": "bob build",
-    "release": "release-it",
-    "example": "yarn --cwd example",
-    "bootstrap": "yarn example && yarn install",
-    "watch": "bob build --watch",
+    "prebuild": "pnpm lint",
     "clean": "rm -rf lib"
   },
   "module": "lib/module/index.js"

package/src/components/button/DeleteButton.tsx

@@ -127,7 +127,7 @@ export const DeleteButton: React.FC<{
     } else {
       console.error('No delete function')
     }
-  }, [onDelete, animateLoading])
+  }, [onDelete, animateLoading, showError])
 
   return (
     <>

package/src/components/button/LoadingButton.tsx

@@ -16,6 +16,7 @@ export interface LoadingButtonProps {
   onPress: (() => Promise<any>) | (() => void)
   children: ReactNode
   style?: ViewStyle
+  contentStyle?: ViewStyle
   textStyle?: TextStyle
   color?: string
   icon?: {
@@ -29,6 +30,7 @@ export const LoadingButton: React.FC<LoadingButtonProps> = ({
   onPress,
   children,
   style,
+  contentStyle,
   textStyle,
   color: colorProp,
   icon,
@@ -98,7 +100,8 @@ export const LoadingButton: React.FC<LoadingButtonProps> = ({
         handlePress()
       }}
       disabled={loading || disabled}>
-      <View style={[styles.buttonContent, { borderColor: disabled ? '#ccc' : color }]}>
+      <View
+        style={[styles.buttonContent, { borderColor: disabled ? '#ccc' : color }, contentStyle]}>
         <Animated.View style={[styles.contentContainer, { opacity: contentOpacity }]}>
           {icon && (
             <Ionicons name={icon.name} size={icon.size ?? 20} color={disabled ? '#ccc' : color} />

package/src/components/feed/MediaFeed.tsx

@@ -146,7 +146,7 @@ export const MediaFeed = <T extends AnyObject = AnyObject>({
 
   const handleItemLoad = useCallback(
     (data: WithId<T> | null) => {
-      const isCurr = panels.find(p => p.status === 'current')?.id === data?._id
+      const isCurr = panels.find(p => p.status === 'current')?.id === data?.id
       if (isCurr) setCurr(data)
     },
     [panels],

package/src/components/form/Field.tsx

@@ -1,11 +1,11 @@
-import { InputRef, getFieldValidate } from '@chem-po/core'
+import { InputRef, InputSize, getFieldValidate } from '@chem-po/core'
 import { Field, useField } from '@chem-po/react'
 import React, { ForwardedRef, forwardRef, useMemo } from 'react'
 import { ChangeHandler, Controller } from 'react-hook-form'
 import { Input } from './input/input'
 
 const FieldComponentBase = (
-  { field, name }: { field: Field; name: string },
+  { field, name, size: formSize }: { field: Field; name: string; size?: InputSize },
   ref: ForwardedRef<InputRef>,
 ) => {
   const { control, getOnChange, meta, onFocus, onBlur: fieldBlur } = useField(name, field)
@@ -31,6 +31,7 @@ const FieldComponentBase = (
               onChange: getOnChange(inputProps.onChange as ChangeHandler),
             }}
             meta={meta}
+            formSize={formSize}
           />
         )
       }}

package/src/components/form/Form.tsx

@@ -1,4 +1,4 @@
-import { isField, isListField } from '@chem-po/core'
+import { InputSize, isField, isListField } from '@chem-po/core'
 import {
   ChempoFormProvider,
   DataViewProps,
@@ -110,7 +110,11 @@ const styles = StyleSheet.create({
   },
 })
 
-export const ListFieldInput: FC<{ field: ListField; name: string }> = ({ field, name }) => {
+export const ListFieldInput: FC<{
+  field: ListField
+  name: string
+  size: InputSize
+}> = ({ field, name, size }) => {
   const emptyData = useMemo(() => {
     if (isField(field.itemField)) return ''
     if (isListField(field.itemField)) return []
@@ -133,7 +137,7 @@ export const ListFieldInput: FC<{ field: ListField; name: string }> = ({ field,
             <View key={formField.id} style={styles.listItem}>
               <View style={styles.listItemContent}>
                 <View style={styles.listItemInput}>
-                  <FormElement name={formField.id} field={field.itemField} />
+                  <FormElement size={size} name={formField.id} field={field.itemField} />
                 </View>
                 <DeleteButton
                   onDelete={() => remove(idx)}
@@ -155,7 +159,15 @@ export const ListFieldInput: FC<{ field: ListField; name: string }> = ({ field,
   )
 }
 
-export const FormElement = ({ field, name }: { field: IFormElement; name: string }) => {
+export const FormElement = ({
+  field,
+  name,
+  size,
+}: {
+  field: IFormElement
+  name: string
+  size: InputSize
+}) => {
   const fields = useMemo<Array<{ name: string; field: IFormElement }>>(() => {
     if (isField(field) || isListField(field)) return [{ name: 'value', field }]
 
@@ -169,7 +181,7 @@ export const FormElement = ({ field, name }: { field: IFormElement; name: string
     <View style={styles.formElementContainer}>
       {fields.map(f => {
         if (isListField(f.field)) {
-          const b = <ListFieldInput key={f.name} name={f.name} field={f.field} />
+          const b = <ListFieldInput key={f.name} name={f.name} field={f.field} size={size} />
           return f.field.condition ? (
             <Condition path={name} condition={f.field.condition} key={f.name}>
               {b}
@@ -179,7 +191,7 @@ export const FormElement = ({ field, name }: { field: IFormElement; name: string
           )
         }
         if (isField(f.field)) {
-          const b = <FieldComponent key={f.name} name={f.name} field={f.field} />
+          const b = <FieldComponent key={f.name} name={f.name} field={f.field} size={size} />
           return f.field.condition ? (
             <Condition path={name} condition={f.field.condition} key={f.name}>
               {b}
@@ -189,7 +201,7 @@ export const FormElement = ({ field, name }: { field: IFormElement; name: string
           )
         }
 
-        const b = <FormElement key={f.name} name={f.name} field={f.field} />
+        const b = <FormElement key={f.name} name={f.name} field={f.field} size={size} />
         return f.field.condition ? (
           <Condition path={name} condition={f.field.condition} key={f.name}>
             {b}
@@ -341,6 +353,7 @@ export const FieldMapForm = <F extends FieldMap>({
   buttonText = 'SUBMIT',
   renderFooter,
   storagePath,
+  size = 'md',
 }: FieldMapFormProps<F>) => {
   const useSubmitDataProps = useMemo<UseFormSubmitProps<F>>(
     () => ({
@@ -355,7 +368,7 @@ export const FieldMapForm = <F extends FieldMap>({
 
   return (
     <View style={styles.container}>
-      <FormElement name="" field={field} />
+      <FormElement name="" field={field} size={size} />
       <FormFooter
         uploads={uploads}
         onSubmit={onSubmit}
@@ -371,12 +384,14 @@ export const FieldForm = <F extends Field | ListField>({
   onSubmit,
   field,
   value,
+  size,
   ...props
 }: FieldFormProps<F>) => {
   const fieldMap = useMemo<FieldMap>(() => ({ children: { value: field } }), [field])
   const fieldMapValue = useMemo<FieldMapValue<FieldMap>>(() => ({ value }), [value])
   return (
     <FieldMapForm
+      size={size}
       field={fieldMap}
       value={fieldMapValue}
       onSubmit={data => onSubmit(data?.value)}
@@ -385,12 +400,27 @@ export const FieldForm = <F extends Field | ListField>({
   )
 }
 
-export const Form = <F extends IFormElement>({ field, onSubmit, ...props }: FormProps<F>) => {
+export const Form = <F extends IFormElement>({
+  field,
+  onSubmit,
+  size = 'md',
+  ...props
+}: FormProps<F>) => {
   const body =
     isField(field) || isListField(field) ? (
-      <FieldForm field={field} onSubmit={onSubmit as FormOnSubmit<Field | ListField>} {...props} />
+      <FieldForm
+        size={size}
+        field={field}
+        onSubmit={onSubmit as FormOnSubmit<Field | ListField>}
+        {...props}
+      />
     ) : (
-      <FieldMapForm field={field} onSubmit={onSubmit as FormOnSubmit<FieldMap>} {...props} />
+      <FieldMapForm
+        size={size}
+        field={field}
+        onSubmit={onSubmit as FormOnSubmit<FieldMap>}
+        {...props}
+      />
     )
 
   return <ChempoFormProvider>{body}</ChempoFormProvider>

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

@@ -13,6 +13,8 @@ import { LoadingOverlay } from '../../loading/Loading'
 import { UploadProgress } from '../UploadProgress'
 import { FieldView } from '../view'
 import { StandaloneInput } from './StandaloneInput'
+import { InputClearButton } from './common/InputClearButton'
+import { useInputStyles } from './hooks/useInputStyles'
 
 export const Editable = <T extends Field>({
   value: initValue,
@@ -23,9 +25,9 @@ export const Editable = <T extends Field>({
   onEditClose,
   onEditOpen,
   containerStyle,
+  size,
 }: EditableProps<ViewStyle, T>) => {
   const {
-    formattedValue,
     inputRef,
     setValue,
     isLoading,
@@ -38,7 +40,6 @@ export const Editable = <T extends Field>({
     setEditHovered,
     submitValue,
     submit,
-    parse,
   } = useEditable({
     value: initValue,
     field,
@@ -88,10 +89,18 @@ export const Editable = <T extends Field>({
   }, [isEditing, inputRef])
 
   const iconColor = useIconColor()
-
+  const { clearButtonSize } = useInputStyles(true, field.size, size)
   const editingBorderColor = useColorModeValue('#00000055', '#ffffff55')
   const submitColor = useThemeValue('colors.accent.200')
 
+  const needsClearButton = useMemo(() => {
+    if (!field.optional) return false
+    switch (field._type) {
+      case 'select':
+        return true
+    }
+  }, [field])
+
   const handleBlur = useCallback(() => {
     switch (field._type) {
       case 'select':
@@ -134,20 +143,28 @@ export const Editable = <T extends Field>({
           {isEditing || alwaysEditing ? (
             <StandaloneInput
               ref={inputRef}
-              value={formattedValue}
+              value={value}
               inEditable
               field={editableField}
               style={style}
-              onChange={shouldSubmitOnChange ? v => submitValue(parse(v)) : v => setValue(parse(v))}
+              onChange={shouldSubmitOnChange ? v => submitValue(v) : setValue}
               onBlur={handleBlur}
             />
           ) : (
             <FieldView noLabel style={style} field={field} value={value} />
           )}
         </View>
-
         {!alwaysEditing && (
           <View style={styles.buttonsContainer}>
+            {needsClearButton ? (
+              <InputClearButton
+                size={clearButtonSize}
+                onPress={() => {
+                  submitValue(null)
+                }}
+                isActive={!!value}
+              />
+            ) : null}
             {noCloseButton && isEditing ? null : (
               <TouchableOpacity
                 style={styles.editButton}

package/src/components/form/input/common/InputClearButton.tsx

@@ -1,4 +1,4 @@
-import { useBorderColor, useIconColor } from '@chem-po/react'
+import { useBackgroundColor, useBorderColor, useIconColor } from '@chem-po/react'
 import { Ionicons } from '@expo/vector-icons'
 import React from 'react'
 import { StyleSheet, TouchableOpacity } from 'react-native'
@@ -7,20 +7,26 @@ export const InputClearButton = ({
   onPress,
   isActive,
   marginRight,
+  size,
 }: {
   onPress: () => void
   isActive: boolean
   marginRight?: number
+  size: number
 }) => {
   const iconColor = useIconColor()
   const borderColor = useBorderColor()
+  const backgroundColor = useBackgroundColor(100)
   return (
     <TouchableOpacity
       onPress={onPress}
-      style={[styles.closeButton, { opacity: isActive ? 1 : 0, marginRight, borderColor }]}
+      style={[
+        styles.closeButton,
+        { opacity: isActive ? 1 : 0, marginRight, borderColor, backgroundColor },
+      ]}
       hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
       disabled={!isActive}>
-      <Ionicons name="close" size={14} color={iconColor} style={{ alignSelf: 'center' }} />
+      <Ionicons name="close" size={size} color={iconColor} style={{ alignSelf: 'center' }} />
     </TouchableOpacity>
   )
 }
@@ -28,11 +34,13 @@ export const InputClearButton = ({
 export const DateInputClearButton = ({
   onPress,
   isActive,
+  size,
 }: {
   onPress: () => void
   isActive: boolean
+  size: number
 }) => {
-  return <InputClearButton marginRight={0} onPress={onPress} isActive={isActive} />
+  return <InputClearButton marginRight={0} onPress={onPress} isActive={isActive} size={size} />
 }
 
 const styles = StyleSheet.create({