allow deleting all query variables

Author: raheeliftikhar5

client/packages/lowcoder-design/src/components/keyValueList.tsx

@@ -96,6 +96,7 @@ export const KeyValueList = (props: {
   onDelete: (item: ReactNode, index: number) => void;
   isStatic?: boolean;
   indicatorForAll?: boolean;
+  allowDeletingAll?: boolean;
 }) => {
   return (
     <>
@@ -105,8 +106,8 @@ export const KeyValueList = (props: {
             {item}
             {!props.isStatic &&
               <DelIcon
-                onClick={() => props.list.length > 1 && props.onDelete(item, index)}
-                $forbidden={props.list.length === 1}
+                onClick={() => (props.allowDeletingAll || (!props.allowDeletingAll && props.list.length > 1)) && props.onDelete(item, index)}
+                $forbidden={!props.allowDeletingAll && props.list.length === 1}
               />
             }
           </KeyValueListItem>

client/packages/lowcoder/src/comps/queries/queryComp/variablesComp.tsx

@@ -98,6 +98,7 @@ export const VariablesComp = class extends list(VariableItem) {
         {(editorState: EditorState) => (
           <ControlPropertyViewWrapper {...params}>
             <KeyValueList
+              allowDeletingAll
               list={this.getView().map((child) => child.propertyView(params))}
               onAdd={() => this.add(editorState)}
               onDelete={(item, index) => this.dispatch(this.deleteAction(index))}