@pie-element/ebsr 14.1.1-next.2 → 14.2.0-next.1

package/configure/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_configUi","_styles","Panel","toggle","radio","dropdown","settings","PartLabel","styled","theme","paddingBottom","spacing","Divider","flex","height","Main","React","Component","constructor","args","_defineProperty2","default","choices","correctFound","map","choice","correct","model","key","onModelChanged","props","partA","choiceMode","removeExtraChoices","partB","render","configuration","onConfigurationChanged","partLabelType","modelPartA","modelPartB","extraCSSRules","contentDimensions","partialScoring","settingsPanelDisabled","scoringType","language","languageChoices","generalConfiguration","feedback","feedbackA","choiceModeA","choicePrefix","choicePrefixA","lockChoiceOrder","lockChoiceOrderA","prompt","promptA","teacherInstructions","teacherInstructionsA","studentInstructions","studentInstructionsA","choicesLayout","choicesLayoutA","gridColumns","gridColumnsA","rationale","rationaleA","spellCheck","spellCheckA","feedbackB","choiceModeB","choicePrefixB","lockChoiceOrderB","promptB","teacherInstructionsB","studentInstructionsB","choicesLayoutB","gridColumnsB","rationaleB","spellCheckB","type","typeIsNumber","firstPart","secondPart","nrOfColumnsAvailable","length","Array","from","_","i","panelSettings","partLabels","label","enabled","options","panelSettingsPartA","panelPropertiesPartA","panelSettingsPartB","panelPropertiesPartB","createElement","layout","ConfigLayout","dimensions","hideSettings","onChangeModel","onChangeConfiguration","groups","id","ref","_model","errors","exports","PropTypes","object","func","_default"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { settings, layout } from '@pie-lib/config-ui';\nimport { styled } from '@mui/material/styles';\n\nconst { Panel, toggle, radio, dropdown } = settings;\n\nconst PartLabel = styled('div')(({ theme }) => ({\n  paddingBottom: theme.spacing(2),\n}));\n\nconst Divider = styled('div')(({ theme }) => ({\n  flex: 1,\n  height: theme.spacing(2.5),\n}));\n\nexport class Main extends React.Component {\n  static propTypes = {\n    configuration: PropTypes.object,\n    model: PropTypes.object,\n    onModelChanged: PropTypes.func,\n    onConfigurationChanged: PropTypes.func,\n  };\n\n  removeExtraChoices = (choices) => {\n    let correctFound = false;\n\n    return (choices || []).map((choice) => {\n      if (correctFound) {\n        choice.correct = false;\n\n        return choice;\n      }\n\n      if (choice.correct) {\n        correctFound = true;\n      }\n\n      return choice;\n    });\n  };\n\n  onModelChanged = (model, key) => {\n    const { onModelChanged } = this.props;\n\n    if (key === 'partA.choiceMode' && model.partA.choiceMode === 'radio') {\n      model.partA.choices = this.removeExtraChoices(model.partA.choices);\n\n      return onModelChanged(model, true);\n    }\n\n    if (key === 'partB.choiceMode' && model.partB.choiceMode === 'radio') {\n      model.partB.choices = this.removeExtraChoices(model.partB.choices);\n\n      return onModelChanged(model, true);\n    }\n\n    return onModelChanged(model);\n  };\n\n  render() {\n    const { model, configuration, onConfigurationChanged } = this.props;\n    const { partLabelType, partA: modelPartA, partB: modelPartB, extraCSSRules } = model;\n    const {\n      contentDimensions = {},\n      partA = {},\n      partB = {},\n      partialScoring = {},\n      settingsPanelDisabled,\n      scoringType = {},\n      language = {},\n      languageChoices = {},\n      ...generalConfiguration\n    } = configuration;\n    const {\n      feedback: feedbackA = {},\n      choiceMode: choiceModeA = {},\n      choicePrefix: choicePrefixA = {},\n      lockChoiceOrder: lockChoiceOrderA = {},\n      prompt: promptA = {},\n      teacherInstructions: teacherInstructionsA = {},\n      studentInstructions: studentInstructionsA = {},\n      choicesLayout: choicesLayoutA = {},\n      gridColumns: gridColumnsA = {},\n      rationale: rationaleA = {},\n      spellCheck: spellCheckA = {},\n    } = partA || {};\n    const {\n      feedback: feedbackB = {},\n      choiceMode: choiceModeB = {},\n      choicePrefix: choicePrefixB = {},\n      lockChoiceOrder: lockChoiceOrderB = {},\n      prompt: promptB = {},\n      teacherInstructions: teacherInstructionsB = {},\n      studentInstructions: studentInstructionsB = {},\n      choicesLayout: choicesLayoutB = {},\n      gridColumns: gridColumnsB = {},\n      rationale: rationaleB = {},\n      spellCheck: spellCheckB = {},\n    } = partB || {};\n\n    const type = partLabelType || 'Numbers';\n    const typeIsNumber = type === 'Numbers';\n    const firstPart = `Part ${typeIsNumber ? '1' : 'A'}`;\n    const secondPart = `Part ${typeIsNumber ? '2' : 'B'}`;\n    const nrOfColumnsAvailable = {\n      partA:\n        modelPartA.choices && modelPartA.choices.length\n          ? Array.from({ length: modelPartA.choices.length }, (_, i) => `${i + 1}`)\n          : [],\n      partB:\n        modelPartB.choices && modelPartB.choices.length\n          ? Array.from({ length: modelPartB.choices.length }, (_, i) => `${i + 1}`)\n          : [],\n    };\n\n    const panelSettings = {\n      partLabels: generalConfiguration.partLabels.settings && toggle(generalConfiguration.partLabels.label),\n      partLabelType: model.partLabels && dropdown('', ['Numbers', 'Letters']),\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n\n    const panelSettingsPartA = {\n      'partA.choiceMode': choiceModeA.settings && radio(choiceModeA.label, ['checkbox', 'radio']),\n      'partA.choicePrefix': choicePrefixA.settings && radio(choicePrefixA.label, ['numbers', 'letters']),\n      'partA.lockChoiceOrder': lockChoiceOrderA.settings && toggle(lockChoiceOrderA.label),\n      'partA.choicesLayout':\n        choicesLayoutA.settings && dropdown(choicesLayoutA.label, ['vertical', 'grid', 'horizontal']),\n      'partA.gridColumns':\n        choicesLayoutA.settings &&\n        modelPartA.choicesLayout === 'grid' &&\n        nrOfColumnsAvailable.partA.length > 0 &&\n        dropdown(gridColumnsA.label, nrOfColumnsAvailable.partA),\n    };\n    const panelPropertiesPartA = {\n      'partA.feedbackEnabled': feedbackA.settings && toggle(feedbackA.label),\n      'partA.promptEnabled': promptA.settings && toggle(promptA.label),\n      'partA.teacherInstructionsEnabled': teacherInstructionsA.settings && toggle(teacherInstructionsA.label),\n      'partA.studentInstructionsEnabled': studentInstructionsA.settings && toggle(studentInstructionsA.label),\n      'partA.rationaleEnabled': rationaleA.settings && toggle(rationaleA.label),\n      'partA.spellCheckEnabled': spellCheckA.settings && toggle(spellCheckA.label),\n    };\n\n    const panelSettingsPartB = {\n      'partB.choiceMode': choiceModeB.settings && radio(choiceModeB.label, ['checkbox', 'radio']),\n      'partB.choicePrefix': choicePrefixB.settings && radio(choicePrefixB.label, ['numbers', 'letters']),\n      'partB.lockChoiceOrder': lockChoiceOrderB.settings && toggle(lockChoiceOrderB.label),\n      'partB.choicesLayout':\n        choicesLayoutB.settings && dropdown(choicesLayoutB.label, ['vertical', 'grid', 'horizontal']),\n      'partB.gridColumns':\n        choicesLayoutB.settings &&\n        modelPartB.choicesLayout === 'grid' &&\n        nrOfColumnsAvailable.partB.length > 0 &&\n        dropdown(gridColumnsB.label, nrOfColumnsAvailable.partB),\n    };\n    const panelPropertiesPartB = {\n      'partB.feedbackEnabled': feedbackB.settings && toggle(feedbackB.label),\n      'partB.promptEnabled': promptB.settings && toggle(promptB.label),\n      'partB.teacherInstructionsEnabled': teacherInstructionsB.settings && toggle(teacherInstructionsB.label),\n      'partB.studentInstructionsEnabled': studentInstructionsB.settings && toggle(studentInstructionsB.label),\n      'partB.rationaleEnabled': rationaleB.settings && toggle(rationaleB.label),\n      'partB.spellCheckEnabled': spellCheckB.settings && toggle(spellCheckB.label),\n    };\n\n    return (\n      <layout.ConfigLayout\n        extraCSSRules={extraCSSRules}\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            onChangeModel={this.onModelChanged}\n            configuration={configuration}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              'Settings for both': panelSettings,\n              [`Settings ${firstPart}`]: panelSettingsPartA,\n              [`Properties ${firstPart}`]: panelPropertiesPartA,\n              [`Settings ${secondPart}`]: panelSettingsPartB,\n              [`Properties ${secondPart}`]: panelPropertiesPartB,\n            }}\n          />\n        }\n      >\n        {model.partLabels && <PartLabel>{firstPart}</PartLabel>}\n        <ebsr-multiple-choice-configure\n          id=\"A\"\n          key=\"partA\"\n          ref={(ref) => {\n            if (ref) {\n              // do not use destructuring to get model from props\n              this.partA = ref;\n              this.partA._model = {\n                ...this.props.model.partA,\n                errors: (this.props.model.errors && this.props.model.errors.partA) || {},\n              };\n              this.partA.configuration = {\n                ...partA,\n                ...generalConfiguration,\n              };\n            }\n          }}\n        />\n\n        <Divider />\n\n        {model.partLabels && <PartLabel>{secondPart}</PartLabel>}\n        <ebsr-multiple-choice-configure\n          id=\"B\"\n          key=\"partB\"\n          ref={(ref) => {\n            if (ref) {\n              // do not use destructuring to get model from props\n              this.partB = ref;\n              this.partB._model = {\n                ...this.props.model.partB,\n                errors: (this.props.model.errors && this.props.model.errors.partB) || {},\n              };\n              this.partB.configuration = {\n                ...partB,\n                ...generalConfiguration,\n              };\n            }\n          }}\n        />\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default Main;\n"],"mappings":"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","ignoreList":[]}

package/configure/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@pie-element/ebsr-configure",
+  "private": true,
+  "version": "13.1.0-next.1",
+  "description": "",
+  "main": "lib/index.js",
+  "module": "src/index.js",
+  "author": "",
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/style": "^0.8.0",
+    "@mui/icons-material": "^7.3.4",
+    "@mui/material": "^7.3.4",
+    "@pie-element/multiple-choice": "^13.2.0-next.1",
+    "@pie-framework/pie-configure-events": "^1.2.0",
+    "@pie-lib/config-ui": "13.0.2-next.2",
+    "lodash-es": "^4.17.23",
+    "prop-types": "^15.8.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
+  },
+  "license": "ISC"
+}

package/configure/src/__tests__/index.test.js

@@ -0,0 +1,492 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ThemeProvider, createTheme } from '@mui/material/styles';
+import { ModelUpdatedEvent } from '@pie-framework/pie-configure-events';
+import { choiceUtils as utils } from '@pie-lib/config-ui';
+import { createRoot } from 'react-dom/client';
+import defaults from '../defaults';
+import { Main } from '../main';
+import EbsrConfigure from '../index';
+
+const mockRender = jest.fn();
+const mockUnmount = jest.fn();
+jest.mock('react-dom/client', () => ({
+  createRoot: jest.fn(() => ({
+    render: mockRender,
+    unmount: mockUnmount,
+  })),
+}));
+
+jest.mock('@pie-framework/pie-configure-events', () => ({
+  ModelUpdatedEvent: class ModelUpdatedEvent {
+    constructor(update) {
+      this.update = update;
+      this.preventDefault = jest.fn();
+      this.stopImmediatePropagation = jest.fn();
+    }
+  },
+}));
+
+jest.mock('@pie-lib/config-ui', () => ({
+  choiceUtils: {
+    firstAvailableIndex: jest.fn(),
+  },
+  settings: {
+    Panel: (props) => <div data-testid="settings-panel" {...props} />,
+    toggle: jest.fn(),
+    radio: jest.fn(),
+    dropdown: jest.fn(),
+  },
+  layout: {
+    ConfigLayout: (props) => <div data-testid="config-layout">{props.children}</div>,
+  },
+}));
+
+jest.mock('@pie-element/multiple-choice/configure/lib', () => (class MockConfigure {}));
+
+const theme = createTheme();
+
+const PART_A = 'partA';
+const PART_B = 'partB';
+
+const createDefaultModel = (model, newModel = {}) => ({
+  ...model,
+  ...newModel,
+  partA: {
+    ...model.partA,
+    ...newModel.partA,
+  },
+  partB: {
+    ...model.partB,
+    ...newModel.partB,
+  },
+});
+
+const model = createDefaultModel(defaults.model, {
+  partA: {
+    choiceMode: 'radio',
+    choices: [
+      {
+        value: 'yellow',
+        label: 'Yellow',
+        correct: true,
+        feedback: {
+          type: 'custom',
+          value: 'foo',
+        },
+      },
+      {
+        value: 'green',
+        label: 'Green',
+        feedback: {
+          type: 'default',
+        },
+      },
+    ],
+    choicePrefix: 'numbers',
+    prompt: `prompt ${PART_A}`,
+    errors: {},
+  },
+  partB: {
+    choiceMode: 'radio',
+    choices: [
+      {
+        value: 'orange',
+        label: 'Orange',
+        correct: true,
+        feedback: {
+          type: 'custom',
+          value: 'foo',
+        },
+      },
+      {
+        value: 'purple',
+        label: 'Purple',
+        feedback: {
+          type: 'default',
+        },
+      },
+    ],
+    choicePrefix: 'numbers',
+    prompt: `prompt ${PART_B}`,
+    errors: {},
+  },
+});
+
+describe('index', () => {
+  let Def;
+  let el;
+  let onModelChanged = jest.fn();
+  let onConfigurationChanged = jest.fn();
+
+  beforeAll(() => {
+    Def = require('../index').default;
+
+    // Register the custom element if not already registered
+    if (!customElements.get('ebsr-configure')) {
+      customElements.define('ebsr-configure', Def);
+    }
+  });
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+    el = document.createElement('ebsr-configure');
+    el.model = model;
+    el.configuration = defaults.configuration;
+    el.onModelChanged = onModelChanged;
+    el.onConfigurationChanged = onConfigurationChanged;
+    el.connectedCallback();
+    el.dispatchEvent = el.onModelUpdated;
+  });
+
+  describe('set model', () => {
+    it('calls ReactDOM.render', () => {
+      el.model = model;
+
+      expect(el._model).toEqual(model);
+      expect(createRoot).toHaveBeenCalled();
+      expect(mockRender).toHaveBeenCalled();
+    });
+
+    it('should have set the model for partA and partB', () => {
+      const { container } = render(
+        <ThemeProvider theme={theme}>
+          <Main
+            classes={{}}
+            model={el._model}
+            configuration={defaults.configuration}
+            onConfigurationChanged={el.onConfigurationChanged}
+            onModelChanged={el.onModelChanged}
+          />
+        </ThemeProvider>
+      );
+
+      expect(container).toBeInTheDocument();
+      expect(el._model.partA).toEqual(model.partA);
+      expect(el._model.partB).toEqual(model.partB);
+    });
+  });
+
+  describe('set configuration', () => {
+    it('calls ReactDOM.render', () => {
+      el.configuration = defaults.configuration;
+
+      expect(createRoot).toHaveBeenCalled();
+      expect(mockRender).toHaveBeenCalled();
+    });
+
+    it('should have set the configuration for partA and partB', () => {
+      const { container } = render(
+        <ThemeProvider theme={theme}>
+          <Main
+            classes={{}}
+            model={el._model}
+            configuration={defaults.configuration}
+            onConfigurationChanged={el.onConfigurationChanged}
+            onModelChanged={el.onModelChanged}
+          />
+        </ThemeProvider>
+      );
+
+      expect(container).toBeInTheDocument();
+    });
+  });
+
+  const assertOnModelUpdated = (label, key, updatedPart, expected) => {
+    it(label, () => {
+      const event = new ModelUpdatedEvent(updatedPart, false);
+
+      el.dispatchEvent({
+        ...event,
+        target: {
+          getAttribute: jest.fn().mockReturnValue(key),
+        },
+      });
+
+      expect(createRoot).toBeCalled();
+      expect(mockRender).toBeCalled();
+      expect(el._model[`part${key}`]).toEqual(expected);
+    });
+  };
+
+  describe('onModelUpdated', () => {
+    assertOnModelUpdated('dispatching MODEL_UPDATED updates model.partA', 'A', { updatedA: true }, { updatedA: true });
+    assertOnModelUpdated('dispatching MODEL_UPDATED updates model.partB', 'B', { updatedB: true }, { updatedB: true });
+
+    assertOnModelUpdated(
+      'dispatching MODEL_UPDATED with update undefined does not update model.partA',
+      'A',
+      undefined,
+      createDefaultModel(model).partA,
+    );
+    assertOnModelUpdated(
+      'dispatching MODEL_UPDATED with update undefined does not update model.partB',
+      'B',
+      undefined,
+      createDefaultModel(model).partB,
+    );
+  });
+
+  const assertPartUpdate = (label, key, updatedModel) => {
+    it(`${key} - ${label}`, () => {
+      // Simulate the onModelChanged call for the specific part
+      const event = new ModelUpdatedEvent(updatedModel, false);
+
+      el.dispatchEvent({
+        ...event,
+        target: {
+          getAttribute: jest.fn().mockReturnValue(key === 'partA' ? 'A' : 'B'),
+        },
+      });
+
+      expect(el._model[key]).toEqual(updatedModel);
+      expect(createRoot).toBeCalled();
+      expect(mockRender).toBeCalled();
+    });
+  };
+
+  describe('part update', () => {
+    assertPartUpdate('Dispatching Model Updated Event will update Teacher Instructions', 'partA', {
+      ...model.partA,
+      teacherInstructions: 'Part A Teacher Instructions',
+    });
+    assertPartUpdate('Dispatching Model Updated Event will update Teacher Instructions', 'partB', {
+      ...model.partB,
+      teacherInstructions: 'Part B Teacher Instructions',
+    });
+    assertPartUpdate('Dispatching Model Updated Event will update Prompt', 'partA', {
+      ...model.partA,
+      prompt: 'Prompt A',
+    });
+    assertPartUpdate('Dispatching Model Updated Event will update Prompt', 'partB', {
+      ...model.partA,
+      prompt: 'Prompt B',
+    });
+
+    assertPartUpdate('Dispatching Model Updated Event will update Choices - ADD CHOICE', 'partA', {
+      ...model.partA,
+      choices: [
+        ...model.partA.choices,
+        {
+          label: 'label',
+          value: utils.firstAvailableIndex(
+            model.partA.choices.map((c) => c.value),
+            0,
+          ),
+          feedback: {
+            type: 'none',
+          },
+        },
+      ],
+    });
+    assertPartUpdate('Dispatching Model Updated Event will update Choices - ADD CHOICE', 'partB', {
+      ...model.partB,
+      choices: [
+        ...model.partB.choices,
+        {
+          label: 'label',
+          value: utils.firstAvailableIndex(
+            model.partB.choices.map((c) => c.value),
+            0,
+          ),
+          feedback: {
+            type: 'none',
+          },
+        },
+      ],
+    });
+    assertPartUpdate('Dispatching Model Updated Event will update Choices - REMOVE CHOICE', 'partA', {
+      ...model.partA,
+      choices: model.partA.choices.splice(0, 2),
+    });
+    assertPartUpdate('Dispatching Model Updated Event will update Choices - REMOVE CHOICE', 'partB', {
+      ...model.partB,
+      choices: model.partB.choices.splice(0, 2),
+    });
+    assertPartUpdate('Dispatching Model Updated Event will update Choices - CHANGE CHOICE', 'partA', {
+      ...model.partA,
+      choices: model.partA.choices.splice(1, 1, {
+        correct: true,
+        value: 'green',
+        label: (value) => value.charAt(0).toUpperCase() + value.slice(1),
+        feedback: {
+          type: 'none',
+          value: '',
+        },
+      }),
+    });
+    assertPartUpdate('Dispatching Model Updated Event will update Choices - CHANGE CHOICE', 'partB', {
+      ...model.partB,
+      choices: model.partB.choices.splice(1, 1, {
+        correct: true,
+        value: 'green',
+        label: (value) => value.charAt(0).toUpperCase() + value.slice(1),
+        feedback: {
+          type: 'none',
+          value: '',
+        },
+      }),
+    });
+
+    assertPartUpdate('Dispatching Model Updated Event will update Choices', 'partA', { ...model.partA, choices: [] });
+    assertPartUpdate('Dispatching Model Updated Event will update Choices', 'partB', { ...model.partB, choices: [] });
+  });
+});
+
+describe('main', () => {
+  let Def;
+  let el;
+
+  beforeAll(() => {
+    Def = require('../index').default;
+
+    // Register the custom element if not already registered
+    if (!customElements.get('ebsr-configure')) {
+      customElements.define('ebsr-configure', Def);
+    }
+  });
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+    el = document.createElement('ebsr-configure');
+    el.model = model;
+    el.configuration = defaults.configuration;
+    el.dispatchEvent = el.onModelUpdated;
+  });
+
+  const assertOnModelChanged = (label, updatedModel, expected) => {
+    it(label, () => {
+      el.onModelChanged(updatedModel);
+
+      expect(el._model).toEqual(createDefaultModel(model, expected));
+    });
+  };
+
+  describe('onModelChanged', () => {
+    assertOnModelChanged('does not change the model', {}, model);
+    assertOnModelChanged(
+      'changes partA - checkbox',
+      {
+        partA: {
+          choiceMode: 'checkbox',
+        },
+      },
+      {
+        ...model,
+        partA: {
+          choiceMode: 'checkbox',
+        },
+      },
+    );
+    assertOnModelChanged(
+      'changes partA - choicePrefix',
+      {
+        partA: {
+          choicePrefix: 'numbers',
+        },
+      },
+      {
+        ...model,
+        partA: {
+          choicePrefix: 'numbers',
+        },
+      },
+    );
+    assertOnModelChanged(
+      'changes partA - partialScoring',
+      {
+        partialScoring: false,
+      },
+      {
+        ...model,
+        partialScoring: false,
+      },
+    );
+    assertOnModelChanged(
+      'changes partA - lockChoiceOrder',
+      {
+        partA: {
+          lockChoiceOrder: true,
+        },
+      },
+      {
+        ...model,
+        partA: {
+          lockChoiceOrder: true,
+        },
+      },
+    );
+    assertOnModelChanged(
+      'changes partA - scoringType',
+      {
+        scoringType: 'auto',
+      },
+      {
+        ...model,
+        scoringType: 'auto',
+      },
+    );
+    assertOnModelChanged(
+      'changes partB - checkbox',
+      {
+        partB: {
+          choiceMode: 'checkbox',
+        },
+      },
+      {
+        ...model,
+        partB: {
+          choiceMode: 'checkbox',
+        },
+      },
+    );
+    assertOnModelChanged(
+      'changes partB - choicePrefix',
+      {
+        partB: {
+          choicePrefix: 'numbers',
+        },
+      },
+      {
+        ...model,
+        partB: {
+          choicePrefix: 'numbers',
+        },
+      },
+    );
+    assertOnModelChanged(
+      'changes partB - partialScoring',
+      {
+        partialScoring: false,
+      },
+      {
+        ...model,
+        partialScoring: false,
+      },
+    );
+    assertOnModelChanged(
+      'changes partB - lockChoiceOrder',
+      {
+        partB: {
+          lockChoiceOrder: true,
+        },
+      },
+      {
+        ...model,
+        partB: {
+          lockChoiceOrder: true,
+        },
+      },
+    );
+    assertOnModelChanged(
+      'changes partB - scoringType',
+      {
+        scoringType: 'auto',
+      },
+      {
+        ...model,
+        scoringType: 'auto',
+      },
+    );
+  });
+});

package/{src/author/defaults.ts → configure/src/defaults.js}

@@ -1,13 +1,3 @@
-// @ts-nocheck
-/**
- * @synced-from pie-elements/packages/ebsr/configure/src/defaults.js
- * @auto-generated
- *
- * This file is automatically synced from pie-elements and converted to TypeScript.
- * Manual edits will be overwritten on next sync.
- * To make changes, edit the upstream JavaScript file and run sync again.
- */
-
 import { cloneDeep } from 'lodash-es';
 
 const defaultConfig = {

package/{src/author/index.ts → configure/src/index.js}

@@ -1,21 +1,11 @@
-// @ts-nocheck
-/**
- * @synced-from pie-elements/packages/ebsr/configure/src/index.js
- * @auto-generated
- *
- * This file is automatically synced from pie-elements and converted to TypeScript.
- * Manual edits will be overwritten on next sync.
- * To make changes, edit the upstream JavaScript file and run sync again.
- */
-
 import React from 'react';
 import { createRoot } from 'react-dom/client';
-import { ModelUpdatedEvent } from '@pie-element/shared-configure-events';
-import MultipleChoiceConfigure from '@pie-element/multiple-choice/author';
+import { ModelUpdatedEvent } from '@pie-framework/pie-configure-events';
+import MultipleChoiceConfigure from '@pie-element/multiple-choice/configure/lib';
 import { defaults } from 'lodash-es';
-import Main from './main.js';
+import Main from './main';
 
-import sensibleDefaults from './defaults.js';
+import sensibleDefaults from './defaults';
 
 const MODEL_UPDATED = ModelUpdatedEvent.TYPE;
 const MC_TAG_NAME = 'ebsr-multiple-choice-configure';
@@ -80,7 +70,7 @@ export default class EbsrConfigure extends HTMLElement {
     this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));
   }
 
-  onModelChanged: any = (m, reset) => {
+  onModelChanged = (m, reset) => {
     this._model = EbsrConfigure.createDefaultModel(m, this._model);
 
     this.dispatchModelUpdated(reset);
@@ -137,7 +127,7 @@ export default class EbsrConfigure extends HTMLElement {
     this._render();
   }
 
-  onModelUpdated: any = (e) => {
+  onModelUpdated = (e) => {
     if (e.target === this) {
       return;
     }

package/{src/author/main.tsx → configure/src/main.jsx}

@@ -1,13 +1,3 @@
-// @ts-nocheck
-/**
- * @synced-from pie-elements/packages/ebsr/configure/src/main.jsx
- * @auto-generated
- *
- * This file is automatically synced from pie-elements and converted to TypeScript.
- * Manual edits will be overwritten on next sync.
- * To make changes, edit the upstream JavaScript file and run sync again.
- */
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import { settings, layout } from '@pie-lib/config-ui';
@@ -15,11 +5,11 @@ import { styled } from '@mui/material/styles';
 
 const { Panel, toggle, radio, dropdown } = settings;
 
-const PartLabel: any = styled('div')(({ theme }) => ({
+const PartLabel = styled('div')(({ theme }) => ({
   paddingBottom: theme.spacing(2),
 }));
 
-const Divider: any = styled('div')(({ theme }) => ({
+const Divider = styled('div')(({ theme }) => ({
   flex: 1,
   height: theme.spacing(2.5),
 }));
@@ -32,7 +22,7 @@ export class Main extends React.Component {
     onConfigurationChanged: PropTypes.func,
   };
 
-  removeExtraChoices: any = (choices) => {
+  removeExtraChoices = (choices) => {
     let correctFound = false;
 
     return (choices || []).map((choice) => {
@@ -50,7 +40,7 @@ export class Main extends React.Component {
     });
   };
 
-  onModelChanged: any = (model, key) => {
+  onModelChanged = (model, key) => {
     const { onModelChanged } = this.props;
 
     if (key === 'partA.choiceMode' && model.partA.choiceMode === 'radio') {