fix(lint): resolve all 31 ESLint issues — clean lint

Mbd06b · claude · Mbd06b · commit 7e94d518cb91 · 2026-02-12T05:16:31.000Z
- import/order: fix import ordering in 28 story/test files
- prettier/prettier: fix formatting in sophia-question.tsx
- curly: add braces to single-line if statement

Co-Authored-By: Claude Opus 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/packages/math-input/src/components/keypad/keypad-button.stories.tsx b/packages/math-input/src/components/keypad/keypad-button.stories.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import KeyConfigs from "../../data/key-configs";
 import {mockStrings} from "../../strings";
diff --git a/packages/math-input/src/components/keypad/keypad-pages/keypad-pages.stories.tsx b/packages/math-input/src/components/keypad/keypad-pages/keypad-pages.stories.tsx
@@ -1,6 +1,6 @@
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
 import {INITIAL_VIEWPORTS} from "@storybook/addon-viewport";
+import * as React from "react";
 
 import GeometryInputPage from "./geometry-page";
 import NumbersPage from "./numbers-page";
diff --git a/packages/math-input/src/components/keypad/navigation-pad.stories.tsx b/packages/math-input/src/components/keypad/navigation-pad.stories.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import NavigationPad from "./navigation-pad";
 
diff --git a/packages/math-input/src/full-mobile-input.stories.tsx b/packages/math-input/src/full-mobile-input.stories.tsx
@@ -2,8 +2,8 @@ import {
     StatefulKeypadContextProvider,
     KeypadContext,
 } from "@khanacademy/keypad-context";
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import {KeypadInput, MobileKeypad} from "./index";
 
diff --git a/packages/sophia-editor/src/__docs__/editor-page-with-storybook-preview.tsx b/packages/sophia-editor/src/__docs__/editor-page-with-storybook-preview.tsx
@@ -9,8 +9,8 @@ import {
     type DeviceType,
 } from "@ethosengine/sophia";
 import {View} from "@khanacademy/wonder-blocks-core";
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import EditorPage from "../editor-page";
 
diff --git a/packages/sophia-editor/src/__docs__/editor.stories.tsx b/packages/sophia-editor/src/__docs__/editor.stories.tsx
@@ -5,8 +5,8 @@ import {
 } from "@ethosengine/perseus-core";
 import {ApiOptions} from "@ethosengine/sophia";
 import {View} from "@khanacademy/wonder-blocks-core";
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import {Editor} from "..";
 import SplitView from "../../../../testing/split-view";
diff --git a/packages/sophia-editor/src/components/__stories__/blur-input.stories.tsx b/packages/sophia-editor/src/components/__stories__/blur-input.stories.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import BlurInput from "../blur-input";
 
diff --git a/packages/sophia-editor/src/components/__stories__/viewport-resizer.stories.tsx b/packages/sophia-editor/src/components/__stories__/viewport-resizer.stories.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import ViewportResizer from "../viewport-resizer";
 
diff --git a/packages/sophia-editor/src/widgets/__docs__/categorizer-editor.stories.tsx b/packages/sophia-editor/src/widgets/__docs__/categorizer-editor.stories.tsx
@@ -1,6 +1,6 @@
 import {ApiOptions} from "@ethosengine/sophia";
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import EditorPageWithStorybookPreview from "../../__docs__/editor-page-with-storybook-preview";
 import {question} from "../../__testdata__/categorizer.testdata";
diff --git a/packages/sophia-editor/src/widgets/__docs__/definition-editor.stories.tsx b/packages/sophia-editor/src/widgets/__docs__/definition-editor.stories.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import EditorPageWithStorybookPreview from "../../__docs__/editor-page-with-storybook-preview";
 import {question} from "../../__testdata__/definition.testdata";
diff --git a/packages/sophia-editor/src/widgets/__docs__/dropdown-editor.stories.tsx b/packages/sophia-editor/src/widgets/__docs__/dropdown-editor.stories.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import EditorPageWithStorybookPreview from "../../__docs__/editor-page-with-storybook-preview";
 import {question} from "../../__testdata__/dropdown.testdata";
diff --git a/packages/sophia-editor/src/widgets/__docs__/explanation-editor.stories.tsx b/packages/sophia-editor/src/widgets/__docs__/explanation-editor.stories.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import EditorPageWithStorybookPreview from "../../__docs__/editor-page-with-storybook-preview";
 import {question} from "../../__testdata__/explanation.testdata";
diff --git a/packages/sophia-editor/src/widgets/__docs__/expression-editor.stories.tsx b/packages/sophia-editor/src/widgets/__docs__/expression-editor.stories.tsx
@@ -4,8 +4,8 @@ import {
     generateExpressionWidget,
     type PerseusRenderer,
 } from "@ethosengine/perseus-core";
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import EditorPageWithStorybookPreview from "../../__docs__/editor-page-with-storybook-preview";
 import {registerAllWidgetsAndEditorsForTesting} from "../../util/register-all-widgets-and-editors-for-testing";
diff --git a/packages/sophia-editor/src/widgets/__docs__/free-response-editor.stories.tsx b/packages/sophia-editor/src/widgets/__docs__/free-response-editor.stories.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import FreeResponseEditor from "../free-response-editor";
 
diff --git a/packages/sophia-editor/src/widgets/__docs__/interaction-editor.stories.tsx b/packages/sophia-editor/src/widgets/__docs__/interaction-editor.stories.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import EditorPageWithStorybookPreview from "../../__docs__/editor-page-with-storybook-preview";
 import {question} from "../../__testdata__/interaction.testdata";
diff --git a/packages/sophia-editor/src/widgets/__docs__/interactive-graph-editor.stories.tsx b/packages/sophia-editor/src/widgets/__docs__/interactive-graph-editor.stories.tsx
@@ -6,9 +6,9 @@ import {
     spacing,
 } from "@khanacademy/wonder-blocks-tokens";
 import {Body, LabelLarge} from "@khanacademy/wonder-blocks-typography";
+import {action} from "@storybook/addon-actions";
 import {StyleSheet} from "aphrodite";
 import * as React from "react";
-import {action} from "@storybook/addon-actions";
 
 import {testDependenciesV2} from "../../../../../testing/test-dependencies";
 import EditorPageWithStorybookPreview from "../../__docs__/editor-page-with-storybook-preview";
diff --git a/packages/sophia-editor/src/widgets/__docs__/numeric-input-editor.stories.tsx b/packages/sophia-editor/src/widgets/__docs__/numeric-input-editor.stories.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import EditorPageWithStorybookPreview from "../../__docs__/editor-page-with-storybook-preview";
 import {integerProblem} from "../../__testdata__/numeric-input.testdata";
diff --git a/packages/sophia-editor/src/widgets/__docs__/radio-editor.stories.tsx b/packages/sophia-editor/src/widgets/__docs__/radio-editor.stories.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import EditorPageWithStorybookPreview from "../../__docs__/editor-page-with-storybook-preview";
 import {
diff --git a/packages/sophia-editor/src/widgets/__docs__/video-editor.stories.tsx b/packages/sophia-editor/src/widgets/__docs__/video-editor.stories.tsx
@@ -2,8 +2,8 @@ import {
     generateTestPerseusRenderer,
     generateVideoWidget,
 } from "@ethosengine/perseus-core";
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import EditorPageWithStorybookPreview from "../../__docs__/editor-page-with-storybook-preview";
 import {registerAllWidgetsAndEditorsForTesting} from "../../util/register-all-widgets-and-editors-for-testing";
diff --git a/packages/sophia-editor/src/widgets/label-image-editor/__docs__/answer-choices.stories.tsx b/packages/sophia-editor/src/widgets/label-image-editor/__docs__/answer-choices.stories.tsx
@@ -1,6 +1,6 @@
+import {action} from "@storybook/addon-actions";
 import {StyleSheet, css} from "aphrodite";
 import * as React from "react";
-import {action} from "@storybook/addon-actions";
 
 import AnswerChoices from "../answer-choices";
 
diff --git a/packages/sophia-editor/src/widgets/label-image-editor/__docs__/behavior.stories.tsx b/packages/sophia-editor/src/widgets/label-image-editor/__docs__/behavior.stories.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import {ServerItemRendererWithDebugUI} from "../../../../../../testing/server-item-renderer-with-debug-ui";
 import Behavior from "../behavior";
diff --git a/packages/sophia-editor/src/widgets/label-image-editor/__docs__/marker.stories.tsx b/packages/sophia-editor/src/widgets/label-image-editor/__docs__/marker.stories.tsx
@@ -1,6 +1,6 @@
+import {action} from "@storybook/addon-actions";
 import {StyleSheet, css} from "aphrodite";
 import * as React from "react";
-import {action} from "@storybook/addon-actions";
 
 import Marker from "../marker";
 
diff --git a/packages/sophia-element/src/sophia-question.tsx b/packages/sophia-element/src/sophia-question.tsx
@@ -23,7 +23,11 @@ import {computeRecognition, userInputEqual} from "./recognition";
 import {Sophia, logger} from "./sophia-config";
 import {injectStyles, updateStyleColors} from "./theme";
 
-import type {PerseusItem, UserInputMap, PerseusWidgetsMap} from "@ethosengine/perseus-core";
+import type {
+    PerseusItem,
+    UserInputMap,
+    PerseusWidgetsMap,
+} from "@ethosengine/perseus-core";
 import type {PerseusDependencies, ILogger} from "@ethosengine/sophia";
 import type {Moment, Recognition} from "@ethosengine/sophia-core";
 
@@ -135,7 +139,9 @@ function checkAnswerValidity(
     userInput: UserInputMap | null | undefined,
     locale: string,
 ): boolean {
-    if (!widgets || !userInput) return false;
+    if (!widgets || !userInput) {
+        return false;
+    }
     const widgetIds = Object.keys(widgets);
     const emptyWidgetIds = emptyWidgetsFunctional(
         widgets,
@@ -655,7 +661,7 @@ export class SophiaQuestionElement extends HTMLElement {
         // use moment.id to force complete re-render when question changes.
         const shouldForceRemount = !this._initialUserInput;
         const momentKey = shouldForceRemount
-            ? (this._moment.id || `moment-${Date.now()}`)
+            ? this._moment.id || `moment-${Date.now()}`
             : `restore-${this._moment.id}`;
 
         this.reactRoot.render(
diff --git a/packages/sophia/src/__docs__/server-item-renderer.stories.tsx b/packages/sophia/src/__docs__/server-item-renderer.stories.tsx
@@ -1,6 +1,6 @@
+import {action} from "@storybook/addon-actions";
 import * as React from "react";
 import {useState} from "react";
-import {action} from "@storybook/addon-actions";
 
 import {ServerItemRendererWithDebugUI} from "../../../../testing/server-item-renderer-with-debug-ui";
 import {storybookDependenciesV2} from "../../../../testing/test-dependencies";
diff --git a/packages/sophia/src/components/__docs__/text-list-editor.stories.tsx b/packages/sophia/src/components/__docs__/text-list-editor.stories.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import TextListEditor from "../text-list-editor";
 
diff --git a/packages/sophia/src/widgets/radio/__stories__/base-radio.stories.tsx b/packages/sophia/src/widgets/radio/__stories__/base-radio.stories.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import {generateChoice} from "../__tests__/base-radio.testdata";
 import BaseRadio from "../base-radio";
diff --git a/packages/sophia/src/widgets/radio/__stories__/choice-none-above.stories.tsx b/packages/sophia/src/widgets/radio/__stories__/choice-none-above.stories.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import ChoiceNoneAbove from "../choice-none-above";
 
diff --git a/packages/sophia/src/widgets/radio/__stories__/choice.stories.tsx b/packages/sophia/src/widgets/radio/__stories__/choice.stories.tsx
@@ -1,5 +1,5 @@
-import * as React from "react";
 import {action} from "@storybook/addon-actions";
+import * as React from "react";
 
 import Choice from "../choice";
 
diff --git a/testing/test-keypad-context-wrapper.tsx b/testing/test-keypad-context-wrapper.tsx
@@ -1,7 +1,7 @@
 import {View} from "@khanacademy/wonder-blocks-core";
+import {action} from "@storybook/addon-actions";
 import {StyleSheet} from "aphrodite";
 import * as React from "react";
-import {action} from "@storybook/addon-actions";
 
 import {
     KeypadContext,
