@onehat/ui 0.3.372 → 0.3.374

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@onehat/ui",
-	"version": "0.3.372",
+	"version": "0.3.374",
 	"description": "Base UI for OneHat apps",
 	"main": "src/index.js",
 	"type": "module",
@@ -31,7 +31,7 @@
 		"@gluestack-ui/themed": "^1.1.26",
 		"@hookform/resolvers": "^3.3.1",
 		"@k-renwick/colour-mixer": "^1.2.1",
-		"@onehat/data": "^1.21.0",
+		"@onehat/data": "^1.21.18",
 		"@react-native-community/slider": "^4.5.2",
 		"@reduxjs/toolkit": "^1.9.5",
 		"inflector-js": "^1.0.1",

package/src/Components/Form/Field/Toggle.js

@@ -20,6 +20,9 @@ const
 		const {
 				value,
 				setValue,
+				onText = 'Yes',
+				offText = 'No',
+
 				flex, // flex doesn't work right on mobile
 				...propsToPass
 			} = props,
@@ -79,9 +82,10 @@ const
 					>
 						<Text
 							{...testProps('readout')}
-							mx={2}
+							ml={1}
+							mr={2}
 							fontSize={styles.FORM_TOGGLE_FONTSIZE}
-						>{_.isNil(value) ? 'N/A' : (!!value ? 'Yes' : 'No')}</Text>
+						>{_.isNil(value) ? 'N/A' : (!!value ? onText : offText)}</Text>
 					</Pressable>
 				</Row>;
 	},

package/src/Components/Hoc/withFilters.js

@@ -238,10 +238,17 @@ export default function withFilters(WrappedComponent) {
 					return filter?.type;
 				},
 				getIsFilterRange = (filter) => {
-					let field = _.isString(filter) ? filter : filter.field;
-					const filterType = getFilterType(field);
+					let filterType;
+					if (filter.type) {
+						// filter type is already determined
+						filterType = filter.type;
+					} else {
+						// try to find filter type from field name
+						const field = _.isString(filter) ? filter : filter.field;
+						filterType = getFilterType(field);
+					}
 					if (filterType?.type) {
-						return inArray(filterType.type, ['NumberRange', 'DateRange'])
+						filterType = filterType.type;
 					}
 					return inArray(filterType, ['NumberRange', 'DateRange']);
 				},

package/src/Components/Panel/Panel.js

@@ -129,17 +129,17 @@ function Panel(props) {
 		},
 		nonFrameProps = {
 			...borderProps,
-			borderTopWidth: 1,
-			borderBottomWidth: 1,
-			borderLeftWidth: 1,
-			borderRightWidth: 1,
+			borderTopWidth: 0,
+			borderBottomWidth: 0,
+			borderLeftWidth: 0,
+			borderRightWidth: 0,
 		},
 		frameProps = {
 			...borderProps,
-			borderTopWidth: 3,
-			borderBottomWidth: 3,
-			borderLeftWidth: 3,
-			borderRightWidth: 3,
+			borderTopWidth: 2,
+			borderBottomWidth: 2,
+			borderLeftWidth: 2,
+			borderRightWidth: 2,
 		};
 	let framePropsToUse = nonFrameProps;
 	if (frame) {

package/src/Components/Tree/Tree.js

@@ -1154,7 +1154,9 @@ function TreeComponent(props) {
 		}
 
 		(async () => {
-			await reloadTree();
+			if (autoLoadRootNodes) {
+				await reloadTree();
+			}
 			setIsReady(true);
 		})();
 

package/src/Components/Window/UploadsDownloadsWindow.js

@@ -23,6 +23,10 @@ function UploadsDownloadsWindow(props) {
 		{
 			Repository,
 			columnsConfig = [],
+			uploadHeaders,
+			downloadHeaders,
+			uploadParams = {},
+			downloadParams = {},
 
 			// withComponent
 			self,
@@ -64,8 +68,9 @@ function UploadsDownloadsWindow(props) {
 						order,
 						model,
 						isTemplate,
+						...downloadParams,
 					}),
-					headers: _.merge({ 'Content-Type': 'application/json' }, Repository.headers),
+					headers: _.merge({ 'Content-Type': 'application/json' }, Repository.headers, downloadHeaders),
 				},
 				fetchWindow = downloadWithFetch(url, options, win),
 				interval = setInterval(function() {
@@ -83,7 +88,7 @@ function UploadsDownloadsWindow(props) {
 		onUpload = async () => {
 			const
 				url = Repository.api.baseURL + Repository.name + '/uploadBatch',
-				result = await Repository._send('POST', url, { importFile })
+				result = await Repository._send('POST', url, { importFile, ...uploadParams, }, uploadHeaders)
 										.catch(error => {
 											if (Repository.debugMode) {
 												console.log(url + ' error', error);