EXPECT_*,
+ googletest: (
+
+ {intl.formatMessage(
+ translations.testCaseDescriptionGoogleTest,
+ )}
+
+ ),
+ tostring: (
+
+
+ std::to_string
+
+
+ ),
+ }}
+ />
+ EXPECT_*,
- googletest: (
-
- {intl.formatMessage(
- translations.testCaseDescriptionGoogleTest,
- )}
-
- ),
- tostring: (
-
-
- std::to_string
-
-
- ),
- }}
- />
- {intl.formatMessage(javaTranslations.expectEquals)}
+ ),
+ }}
+ />
+ ++ ), + /* eslint-enable react/jsx-indent */ + codeExampleExpected:+ {'int array [] = {0,0,0}; // Initialize variables'} +
++ addOneToArray(array); // Make function calls +
++ int expected [] ={'{'} + 1,1,1 + {'}'}; // Make function calls +
++ setAttribute("expression", + "addOneToArray([0,0,0])"); + {' // Override the default expression displayed'} +
+
expected,
+ codeExampleExpression: array,
+ }}
+ />
+ {intl.formatMessage(javaTranslations.expectEquals)}
- ),
- }}
- />
- -- ), - /* eslint-enable react/jsx-indent */ - codeExampleExpected:- {'int array [] = {0,0,0}; // Initialize variables'} -
-- addOneToArray(array); // Make function calls -
-- int expected [] ={'{'} - 1,1,1 - {'}'}; // Make function calls -
-- {'setAttribute("expression", "addOneToArray([0,0,0])");'} - {' // Override the default expression displayed'} -
-
expected,
- codeExampleExpression: array,
- }}
- />
-
+ {intl.formatMessage(translations.testCaseDescriptionPrint)}
+
+ ),
+ none: (
+
+ {intl.formatMessage(translations.testCaseDescriptionNone)}
+
+ ),
+ }}
+ />
+
- {intl.formatMessage(translations.testCaseDescriptionPrint)}
-
- ),
- none: (
-
- {intl.formatMessage(translations.testCaseDescriptionNone)}
-
- ),
- }}
- />
- |
+ return (
+ <>
+ toggleComment(lineNumber)}
+ onMouseOver={() => setLineHovered(lineNumber)}
+ onMouseOut={() => setLineHovered(0)}
+ ref={containerRef}
+ >
+
+ {renderComments(lineNumber)}
+
+ );
+};
+
+LineNumberColumn.propTypes = {
+ lineNumber: PropTypes.number.isRequired,
+ lineHovered: PropTypes.number.isRequired,
+ setLineHovered: PropTypes.func.isRequired,
+ setActiveComment: PropTypes.func.isRequired,
+ toggleComment: PropTypes.func.isRequired,
+ expandComment: PropTypes.func.isRequired,
+ activeComment: PropTypes.number.isRequired,
+ editorWidth: PropTypes.number.isRequired,
+
+ expanded: PropTypes.arrayOf(PropTypes.bool).isRequired,
+ answerId: PropTypes.number.isRequired,
+ fileId: PropTypes.number.isRequired,
+ annotations: PropTypes.arrayOf(annotationShape),
+ collapseLine: PropTypes.func,
+};
+
+export default function NarrowEditor(props) {
+ const editorRef = useRef();
+ const [editorWidth, setEditorWidth] = useState(0);
+ const [activeComment, setActiveComment] = useState(0);
+ const [lineHovered, setLineHovered] = useState(0);
+
+ const getEditorWidth = useCallback(() => {
+ if (!editorRef || !editorRef.current) {
+ return;
+ }
+ setEditorWidth(editorRef.current.clientWidth - 50); // 50 is the width of the line number column
+ }, [editorRef]);
+
+ useEffect(() => {
+ getEditorWidth();
+ }, [getEditorWidth]);
+
+ useEffect(() => {
+ window.addEventListener('resize', getEditorWidth);
+
+ return () => window.removeEventListener('resize', getEditorWidth);
+ }, [getEditorWidth]);
+
+ const expandComment = (lineNumber) => {
+ props.expandLine(lineNumber);
+ setActiveComment(lineNumber);
+ };
+
+ const toggleComment = (lineNumber) => {
+ props.toggleLine(lineNumber);
+ setActiveComment(lineNumber);
+ };
+
+ const renderLineNumberColumn = (lineNumber) => (
+ {lineNumber}
+
|
+
{output}
+ {output}
-
+
-
- {intl.formatMessage(questionFormTranslations.gridViewHint)} -
- ++ {intl.formatMessage(questionFormTranslations.gridViewHint)} +
+ ); } - renderMultipleResponseFields() { - const { intl } = this.props; + renderValidOptionCount() { + const { intl, formValues } = this.props; + const numberOfFilledOptions = formValues + ? // eslint-disable-next-line react/prop-types + countFilledOptions(formValues.options) + : 0; + return ( -foo bar baz
Link to bar'; const str2 = 'hello