@onehat/ui 0.4.43 → 0.4.45

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@onehat/ui",
-	"version": "0.4.43",
+	"version": "0.4.45",
 	"description": "Base UI for OneHat apps",
 	"main": "src/index.js",
 	"type": "module",

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

@@ -722,7 +722,7 @@ export const ComboComponent = forwardRef((props, ref) => {
 			// 'data',
 			'idIx',
 			'displayIx',
-			'value',
+			// 'value',
 			'disableView',
 			'disableCopy',
 			'disableDuplicate',
@@ -732,6 +732,9 @@ export const ComboComponent = forwardRef((props, ref) => {
 			'selectorSelectedField',
 			'usePermissions',
 		]);
+		if (!isInTag) {
+			gridProps.value = props.value;
+		}
 		if (!Repository) {
 			gridProps.data = filteredData;
 		}

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

@@ -148,6 +148,7 @@ function SliderElement(props) {
 	}
 
 	let className = `
+			Slider
 			w-full
 			items-center
 		`,
@@ -184,7 +185,7 @@ function SliderElement(props) {
 					tooltipPlacement={tooltipPlacement}
 					{...props._input}
 				/>
-				<HStack className="flex-1">
+				<HStack className="SliderContainer flex-1">
 					<Slider
 						{...testProps('slider')}
 						ref={props.outerRef}

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

@@ -38,6 +38,9 @@ function TagComponent(props) {
 			// withComponent
 			self,
 
+			// withFilters
+			isInFilter,
+
 			// withValue
 			value = [],
 			setValue,
@@ -246,6 +249,9 @@ function TagComponent(props) {
 		w-full
 		p-0
 	`;
+	if (isInFilter) {
+		className += ' max-w-[250px]';
+	}
 	if (props.className) {
 		className += ' ' + props.className;
 	}

package/src/Components/Form/Form.js

@@ -1303,7 +1303,7 @@ function Form(props) {
 							Form-inlineFooter
 							absolute
 							top-[5px]
-							left-[100px]
+							left-[40px]
 							w-[100px]
 							min-w-[300px]
 							py-2

package/src/Components/Hoc/withData.js

@@ -16,8 +16,7 @@ export default function withData(WrappedComponent) {
 			return <WrappedComponent {...props} ref={ref} />;
 		}
 		
-		const
-			{
+		const {
 				// For @onehat/data repositories
 				Repository,
 				setRepository,

package/src/Components/Hoc/withFilters.js

@@ -307,7 +307,7 @@ export default function withFilters(WrappedComponent) {
 											placeholder={tooltip}
 											value={getFilterValue(field)}
 											onChangeValue={(value) => onFilterChangeValue(field, value)}
-											isFilter={true}
+											isInFilter={true}
 											minimizeForRow={true}
 											{...filterProps}
 											{...elementProps}

package/src/Components/Hoc/withPresetButtons.js

@@ -50,6 +50,7 @@ export default function withPresetButtons(WrappedComponent, isGrid = false) {
 				useUploadDownload = false,
 				uploadHeaders,
 				uploadParams,
+				onUpload,
 				downloadHeaders,
 				downloadParams,
 				onChangeColumnsConfig,
@@ -369,6 +370,7 @@ export default function withPresetButtons(WrappedComponent, isGrid = false) {
 								columnsConfig={props.columnsConfig}
 								uploadHeaders={uploadHeaders}
 								uploadParams={uploadParams}
+								onUpload={onUpload}
 								downloadHeaders={downloadHeaders}
 								downloadParams={downloadParams}
 							/>,

package/src/Components/Window/UploadsDownloadsWindow.js

@@ -18,14 +18,14 @@ import Cookies from 'js-cookie';
 import _ from 'lodash';
 
 function UploadsDownloadsWindow(props) {
-	const
-		{
+	const {
 			Repository,
 			columnsConfig = [],
 			uploadHeaders,
 			downloadHeaders,
 			uploadParams = {},
 			downloadParams = {},
+			onUpload,
 
 			// withComponent
 			self,
@@ -45,10 +45,6 @@ function UploadsDownloadsWindow(props) {
 
 			const
 				baseURL = Repository.api.baseURL,
-				filters = Repository.filters.reduce((result, current) => {
-					result[current.name] = current.value;
-					return result;
-				}, {}),
 				columns = columnsConfig.map((column) => {
 					return column.fieldName;
 				}),
@@ -62,29 +58,29 @@ function UploadsDownloadsWindow(props) {
 					body: JSON.stringify({
 						download_token,
 						report_id: 1,
-						filters,
 						columns,
 						order,
 						model,
 						isTemplate,
+						...Repository._params,
 						...downloadParams,
 					}),
 					headers: _.merge({ 'Content-Type': 'application/json' }, Repository.headers, downloadHeaders),
-				},
-				fetchWindow = downloadWithFetch(url, options, win),
-				interval = setInterval(function() {
-					const cookie = Cookies.get(download_token);
-					if (fetchWindow.window && cookie) {
-						clearInterval(interval);
-						Cookies.remove(download_token);
-						fetchWindow.window.close();
-					}
-				}, 1000);
+				};
+			downloadWithFetch(url, options);
+			const interval = setInterval(function() {
+				const cookie = Cookies.get(download_token);
+				if (win.window && cookie) {
+					clearInterval(interval);
+					Cookies.remove(download_token);
+					win.window.close();
+				}
+			}, 1000);
 		},
 		onDownloadTemplate = () => {
 			onDownload(true);
 		},
-		onUpload = async () => {
+		onUploadLocal = async () => {
 			const
 				url = Repository.api.baseURL + Repository.name + '/uploadBatch',
 				result = await Repository._send('POST', url, { importFile, ...uploadParams, }, uploadHeaders)
@@ -123,6 +119,9 @@ function UploadsDownloadsWindow(props) {
 				setImportFile(null);
 				self.formSetValue('file', null);
 				showInfo("Upload successful.\n");
+				if (onUpload) {
+					onUpload();
+				}
 			}
 		};
 	
@@ -191,7 +190,7 @@ function UploadsDownloadsWindow(props) {
 												size: 'md',
 											},
 											isDisabled: !importFile,
-											onPress: onUpload,
+											onPress: onUploadLocal,
 										},
 										{
 											type: 'Button',

package/src/Functions/downloadWithFetch.js

@@ -1,8 +1,18 @@
 const downloadWithFetch = (url, options = {}, win = null) => {
 	let obj = {};
 	fetch(url, options)
-		.then( res => res.blob() )
-		.then( blob => {
+		.then((res) => {
+			const contentDisposition = res.headers.get('Content-Disposition');
+			let filename = 'download';
+			if (contentDisposition && contentDisposition.indexOf('attachment') !== -1) {
+				const matches = /filename="([^"]*)"/.exec(contentDisposition);
+				if (matches != null && matches[1]) { 
+					filename = matches[1];
+				}
+			}
+			return res.blob().then((blob) => ({ blob, filename }));
+		})
+		.then(({ blob, filename }) => {
 			// if (!win) {
 			// 	const
 			// 		winName = 'Download',
@@ -17,7 +27,7 @@ const downloadWithFetch = (url, options = {}, win = null) => {
 			// const link = win.document.createElement('a');
 			const link = document.createElement('a');
 			link.href = file;
-			// link.download = true;
+			link.download = filename; // Set the filename from the Content-Disposition header
 			link.target = "_blank";
 			link.click();