11912220725

Committed 19 Nov 2024 11:36AM UTC coverage: 94.894% (-0.9%) from 95.828%

Build # 11912220725

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #36 from waldiez/dev

Dev

Run Details

2326 of 2577 branches covered (90.26%)

Branch coverage included in aggregate %.

4948 of 5324 new or added lines in 246 files covered. (92.94%)

4 existing lines in 1 file now uncovered.

13211 of 13796 relevant lines covered (95.76%)

452.74 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

54.69

/src/waldiez/components/sidebar/modals/importFlowModal/steps/preview/hooks/useFlowAgents.ts

import { Node } from '@xyflow/react';

import { useEffect } from 'react';

import { ImportFlowState } from '@waldiez/components/sidebar/modals/importFlowModal/types';
import { ThingsToImport } from '@waldiez/store';

export const useFlowAgents = (props: {
  flowId: string;
  state: ImportFlowState;
  onStateChange: (newState: Partial<ImportFlowState>) => void;
}) => {
  const { flowId, state, onStateChange } = props;
  const { selectedProps, loadedFlowData: flowData } = state;
  const agentNodes = flowData?.nodes.filter(node => node.type === 'agent');
  useEffect(() => {
    checkAllNoneIndeterminate();
  }, [selectedProps]);
  const onSelectedPropsChange = (thingsToImport: Partial<ThingsToImport>) => {
    onStateChange({
      selectedProps: {
        ...selectedProps,
        ...thingsToImport
      }
    });
  };
  const checkAllNoneIndeterminate = () => {
    const allNoneCheckbox = document.getElementById(
      `import-flow-modal-agents-all-none-${flowId}`
    ) as HTMLInputElement;
    if (allNoneCheckbox) {
      const atLeastOneChecked = selectedProps.nodes.agents.length > 0;
      if (atLeastOneChecked) {
        const allChecked = selectedProps.nodes.agents.length === agentNodes?.length;
        allNoneCheckbox.indeterminate = !allChecked;
        allNoneCheckbox.checked = allChecked;
      } else {
        allNoneCheckbox.indeterminate = false;
        allNoneCheckbox.checked = false;
      }
    }
  };
  const onAgentsChange = (node: Node) => {
    onSelectedPropsChange({
      nodes: {
        models: selectedProps.nodes.models,
        skills: selectedProps.nodes.skills,
        agents: selectedProps.nodes.agents.some(agent => agent.id === node.id)
          ? selectedProps.nodes.agents.filter(agent => agent.id !== node.id)
          : [...selectedProps.nodes.agents, node]
      }
    });
  };
  const onAllNoneAgentsChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    onSelectedPropsChange({
      nodes: {
        models: selectedProps.nodes.models,
        skills: selectedProps.nodes.skills,
        agents: event.target.checked ? agentNodes! : []
      }
    });
  };
  return {
    agentNodes,
    onAgentsChange,
    onAllNoneAgentsChange
  };
};

1	import { Node } from '@xyflow/react';	1✔
2
3	import { useEffect } from 'react';
4
5	import { ImportFlowState } from '@waldiez/components/sidebar/modals/importFlowModal/types';
6	import { ThingsToImport } from '@waldiez/store';
7
8	export const useFlowAgents = (props: {	1✔
9	flowId: string;
10	state: ImportFlowState;
11	onStateChange: (newState: Partial<ImportFlowState>) => void;
12	}) => {	1✔
13	const { flowId, state, onStateChange } = props;	1✔
14	const { selectedProps, loadedFlowData: flowData } = state;	1✔
15	const agentNodes = flowData?.nodes.filter(node => node.type === 'agent');	1✔
16	useEffect(() => {	1✔
17	checkAllNoneIndeterminate();	1✔
18	}, [selectedProps]);	1✔
19	const onSelectedPropsChange = (thingsToImport: Partial<ThingsToImport>) => {	1✔
NEW 20	onStateChange({	×
NEW 21	selectedProps: {	×
NEW 22	...selectedProps,	×
NEW 23	...thingsToImport	×
NEW 24	}	×
NEW 25	});	×
NEW 26	};	×
27	const checkAllNoneIndeterminate = () => {	1✔
28	const allNoneCheckbox = document.getElementById(	1✔
29	`import-flow-modal-agents-all-none-${flowId}`	1✔
30	) as HTMLInputElement;	1✔
31	if (allNoneCheckbox) {	1✔
32	const atLeastOneChecked = selectedProps.nodes.agents.length > 0;	1✔
33	if (atLeastOneChecked) {	1!
NEW 34	const allChecked = selectedProps.nodes.agents.length === agentNodes?.length;	×
NEW 35	allNoneCheckbox.indeterminate = !allChecked;	×
NEW 36	allNoneCheckbox.checked = allChecked;	×
37	} else {	1✔
38	allNoneCheckbox.indeterminate = false;	1✔
39	allNoneCheckbox.checked = false;	1✔
40	}	1✔
41	}	1✔
42	};	1✔
43	const onAgentsChange = (node: Node) => {	1✔
NEW 44	onSelectedPropsChange({	×
NEW 45	nodes: {	×
NEW 46	models: selectedProps.nodes.models,	×
NEW 47	skills: selectedProps.nodes.skills,	×
NEW 48	agents: selectedProps.nodes.agents.some(agent => agent.id === node.id)	×
NEW 49	? selectedProps.nodes.agents.filter(agent => agent.id !== node.id)	×
NEW 50	: [...selectedProps.nodes.agents, node]	×
NEW 51	}	×
NEW 52	});	×
NEW 53	};	×
54	const onAllNoneAgentsChange = (event: React.ChangeEvent<HTMLInputElement>) => {	1✔
NEW 55	onSelectedPropsChange({	×
NEW 56	nodes: {	×
NEW 57	models: selectedProps.nodes.models,	×
NEW 58	skills: selectedProps.nodes.skills,	×
NEW 59	agents: event.target.checked ? agentNodes! : []	×
NEW 60	}	×
NEW 61	});	×
NEW 62	};	×
63	return {	1✔
64	agentNodes,	1✔
65	onAgentsChange,	1✔
66	onAllNoneAgentsChange	1✔
67	};	1✔
68	};	1✔

waldiez / react / 11912220725

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous