[Feat]: added iscolumn in option rendering (#4334)

* feat: added iscolumn in option rendering

* chore: build failure

* fix: build failure

frontend/src/container/QueryBuilder/filters/AggregatorFilter/AggregatorFilter.tsx

@@ -81,6 +81,7 @@ export const AggregatorFilter = memo(function AggregatorFilter({
 									}),
 								)}
 								dataType={item.dataType}
+								isColumn={item.isColumn}
 							/>
 						),
 						value: `${item.key}${selectValueDivider}${createIdFromObjectFields(

frontend/src/container/QueryBuilder/filters/GroupByFilter/GroupByFilter.tsx

@@ -81,6 +81,7 @@ export const GroupByFilter = memo(function GroupByFilter({
 									}),
 								)}
 								dataType={item.dataType || ''}
+								isColumn={item.isColumn}
 							/>
 						),
 						value: `${transformStringWithPrefix({

frontend/src/container/QueryBuilder/filters/QueryBuilderSearch/OptionRenderer.tsx

@@ -10,6 +10,7 @@ function OptionRenderer({
 	label,
 	value,
 	dataType,
+	isColumn,
 }: OptionRendererProps): JSX.Element {
 	const optionType = getOptionType(label);
 
@@ -27,6 +28,10 @@ function OptionRenderer({
 							<TagLabel>Data type: </TagLabel>
 							<TagValue>{dataType}</TagValue>
 						</TagContainer>
+						<TagContainer>
+							<TagLabel>isColumn: </TagLabel>
+							<TagValue>{isColumn ? 'True' : 'False'}</TagValue>
+						</TagContainer>
 					</div>
 				</SelectOptionContainer>
 			) : (
@@ -40,6 +45,7 @@ interface OptionRendererProps {
 	label: string;
 	value: string;
 	dataType: string;
+	isColumn: boolean;
 }
 
 export default OptionRenderer;

frontend/src/container/QueryBuilder/filters/QueryBuilderSearch/index.tsx

@@ -210,6 +210,7 @@ function QueryBuilderSearch({
 						label={option.label}
 						value={option.value}
 						dataType={option.dataType || ''}
+						isColumn={option.isColumn || false}
 					/>
 					{option.selected && <StyledCheckOutlined />}
 				</Select.Option>

frontend/src/container/QueryBuilder/type.ts

@@ -15,4 +15,5 @@ export type Option = {
 	label: string;
 	selected?: boolean;
 	dataType?: string;
+	isColumn?: boolean;
 };

frontend/src/hooks/queryBuilder/useOptions.ts

@@ -44,6 +44,7 @@ export const useOptions = (
 				label: `${getLabel(item)}`,
 				value: item.key,
 				dataType: item.dataType,
+				isColumn: item.isColumn,
 			})),
 		[getLabel],
 	);