@pie-element/hotspot 7.3.2-next.7 → 7.4.0

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [7.4.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/hotspot@7.3.1...@pie-element/hotspot@7.4.0) (2025-01-06)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4555, PD-4660, PD-4426, PD-4607, PD-4394, PD-4521 ([e4928b4](https://github.com/pie-framework/pie-elements/commit/e4928b4f9ac268a892b382045f76ae4eac6b458e))
+
+
+### Features
+
+* add tests for session changed operation PD-4665 ([0a2d562](https://github.com/pie-framework/pie-elements/commit/0a2d562da49116a15baa47d0cbf7942eaddbf065))
+
+
+
+
+
 ## [7.3.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/hotspot@7.3.0...@pie-element/hotspot@7.3.1) (2024-12-20)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.1.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/hotspot-configure@7.1.6...@pie-element/hotspot-configure@7.1.7) (2025-01-06)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4555, PD-4660, PD-4426, PD-4607, PD-4394, PD-4521 ([e4928b4](https://github.com/pie-framework/pie-elements/commit/e4928b4f9ac268a892b382045f76ae4eac6b458e))
+
+
+
+
+
 ## [7.1.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/hotspot-configure@7.1.5...@pie-element/hotspot-configure@7.1.6) (2024-12-20)
 
 

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/hotspot-configure",
   "private": true,
-  "version": "7.1.6",
+  "version": "7.1.7",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -10,7 +10,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.5.0",
+    "@pie-lib/pie-toolbox": "2.6.0",
     "classnames": "^2.2.6",
     "debug": "^3.1.0",
     "konva": "^3.2.4",

package/controller/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.2.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/hotspot-controller@5.2.1...@pie-element/hotspot-controller@5.2.2) (2025-01-06)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4555, PD-4660, PD-4426, PD-4607, PD-4394, PD-4521 ([e4928b4](https://github.com/pie-framework/pie-elements/commit/e4928b4f9ac268a892b382045f76ae4eac6b458e))
+
+
+
+
+
 ## [5.2.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/hotspot-controller@5.2.0...@pie-element/hotspot-controller@5.2.1) (2024-12-20)
 
 

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/hotspot-controller",
   "private": true,
-  "version": "5.2.1",
+  "version": "5.2.2",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -11,7 +11,7 @@
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.5.0",
+    "@pie-lib/pie-toolbox": "2.6.0",
     "debug": "^4.1.1",
     "lodash": "^4.17.15"
   }

package/lib/session-updater.js

@@ -8,7 +8,10 @@ exports.updateSessionValue = updateSessionValue;
 function updateSessionValue(session, model, data) {
   var id = data.id,
       selected = data.selected;
-  var multipleCorrect = model.multipleCorrect;
+
+  var _ref = model || {},
+      multipleCorrect = _ref.multipleCorrect;
+
   session.answers = session.answers || [];
 
   if (!selected) {

package/lib/session-updater.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/session-updater.js"],"names":["updateSessionValue","session","model","data","id","selected","multipleCorrect","answers","filter","answer","item","push"],"mappings":";;;;;;;AAAO,SAASA,kBAAT,CAA4BC,OAA5B,EAAqCC,KAArC,EAA4CC,IAA5C,EAAkD;AACvD,MAAQC,EAAR,GAAyBD,IAAzB,CAAQC,EAAR;AAAA,MAAYC,QAAZ,GAAyBF,IAAzB,CAAYE,QAAZ;AACA,MAAQC,eAAR,GAA4BJ,KAA5B,CAAQI,eAAR;AACAL,EAAAA,OAAO,CAACM,OAAR,GAAkBN,OAAO,CAACM,OAAR,IAAmB,EAArC;;AAEA,MAAI,CAACF,QAAL,EAAe;AACbJ,IAAAA,OAAO,CAACM,OAAR,GAAkBN,OAAO,CAACM,OAAR,CAAgBC,MAAhB,CAAuB,UAACC,MAAD;AAAA,aAAYA,MAAM,CAACL,EAAP,KAAcA,EAA1B;AAAA,KAAvB,CAAlB;AACD,GAFD,MAEO;AACL,QAAMM,IAAI,GAAG;AAAEN,MAAAA,EAAE,EAAFA;AAAF,KAAb;;AACA,QAAIE,eAAJ,EAAqB;AACnBL,MAAAA,OAAO,CAACM,OAAR,CAAgBI,IAAhB,CAAqBD,IAArB;AACD,KAFD,MAEO;AACLT,MAAAA,OAAO,CAACM,OAAR,GAAkB,CAACG,IAAD,CAAlB;AACD;AACF;AACF","sourcesContent":["export function updateSessionValue(session, model, data) {\n  const { id, selected } = data;\n  const { multipleCorrect } = model;\n  session.answers = session.answers || [];\n\n  if (!selected) {\n    session.answers = session.answers.filter((answer) => answer.id !== id);\n  } else {\n    const item = { id };\n    if (multipleCorrect) {\n      session.answers.push(item);\n    } else {\n      session.answers = [item];\n    }\n  }\n}\n"],"file":"session-updater.js"}
+{"version":3,"sources":["../src/session-updater.js"],"names":["updateSessionValue","session","model","data","id","selected","multipleCorrect","answers","filter","answer","item","push"],"mappings":";;;;;;;AAAO,SAASA,kBAAT,CAA4BC,OAA5B,EAAqCC,KAArC,EAA4CC,IAA5C,EAAkD;AACvD,MAAQC,EAAR,GAAyBD,IAAzB,CAAQC,EAAR;AAAA,MAAYC,QAAZ,GAAyBF,IAAzB,CAAYE,QAAZ;;AACA,aAA4BH,KAAK,IAAI,EAArC;AAAA,MAAQI,eAAR,QAAQA,eAAR;;AACAL,EAAAA,OAAO,CAACM,OAAR,GAAkBN,OAAO,CAACM,OAAR,IAAmB,EAArC;;AAEA,MAAI,CAACF,QAAL,EAAe;AACbJ,IAAAA,OAAO,CAACM,OAAR,GAAkBN,OAAO,CAACM,OAAR,CAAgBC,MAAhB,CAAuB,UAACC,MAAD;AAAA,aAAYA,MAAM,CAACL,EAAP,KAAcA,EAA1B;AAAA,KAAvB,CAAlB;AACD,GAFD,MAEO;AACL,QAAMM,IAAI,GAAG;AAAEN,MAAAA,EAAE,EAAFA;AAAF,KAAb;;AACA,QAAIE,eAAJ,EAAqB;AACnBL,MAAAA,OAAO,CAACM,OAAR,CAAgBI,IAAhB,CAAqBD,IAArB;AACD,KAFD,MAEO;AACLT,MAAAA,OAAO,CAACM,OAAR,GAAkB,CAACG,IAAD,CAAlB;AACD;AACF;AACF","sourcesContent":["export function updateSessionValue(session, model, data) {\n  const { id, selected } = data;\n  const { multipleCorrect } = model || {};\n  session.answers = session.answers || [];\n\n  if (!selected) {\n    session.answers = session.answers.filter((answer) => answer.id !== id);\n  } else {\n    const item = { id };\n    if (multipleCorrect) {\n      session.answers.push(item);\n    } else {\n      session.answers = [item];\n    }\n  }\n}\n"],"file":"session-updater.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/hotspot",
-  "version": "7.3.2-next.7+b1fff343d",
+  "version": "7.4.0",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
@@ -9,7 +9,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.3",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.5.0",
+    "@pie-lib/pie-toolbox": "2.6.0",
     "konva": "^3.2.5",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
@@ -18,7 +18,7 @@
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "b1fff343d21ce4961603c15c842d439dc47139b6",
+  "gitHead": "67c7ce92d1e5e2e3bba47606b7004e094caba59e",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },

package/src/__tests__/__snapshots__/index.test.js.snap

@@ -0,0 +1,81 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`hotspot renders snapshot 1`] = `
+<HotspotComponent
+  classes={
+    Object {
+      "collapsible": "HotspotComponent-collapsible-2",
+      "main": "HotspotComponent-main-1",
+      "prompt": "HotspotComponent-prompt-3",
+    }
+  }
+  model={
+    Object {
+      "dimensions": Object {
+        "height": 0,
+        "width": 0,
+      },
+      "shapes": Object {
+        "circles": Array [],
+        "polygons": Array [],
+        "rectangles": Array [],
+      },
+    }
+  }
+  session={Object {}}
+/>
+`;
+
+exports[`hotspot renders snapshot with rationale 1`] = `
+<HotspotComponent
+  classes={
+    Object {
+      "collapsible": "HotspotComponent-collapsible-2",
+      "main": "HotspotComponent-main-1",
+      "prompt": "HotspotComponent-prompt-3",
+    }
+  }
+  model={
+    Object {
+      "dimensions": Object {
+        "height": 0,
+        "width": 0,
+      },
+      "rationale": "This is rationale",
+      "shapes": Object {
+        "circles": Array [],
+        "polygons": Array [],
+        "rectangles": Array [],
+      },
+    }
+  }
+  session={Object {}}
+/>
+`;
+
+exports[`hotspot renders snapshot with teacherInstructions 1`] = `
+<HotspotComponent
+  classes={
+    Object {
+      "collapsible": "HotspotComponent-collapsible-2",
+      "main": "HotspotComponent-main-1",
+      "prompt": "HotspotComponent-prompt-3",
+    }
+  }
+  model={
+    Object {
+      "dimensions": Object {
+        "height": 0,
+        "width": 0,
+      },
+      "shapes": Object {
+        "circles": Array [],
+        "polygons": Array [],
+        "rectangles": Array [],
+      },
+      "teacherInstructions": "These are teacher instructions",
+    }
+  }
+  session={Object {}}
+/>
+`;

package/src/__tests__/index.test.js

@@ -0,0 +1,83 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import { ModelSetEvent, SessionChangedEvent } from '@pie-framework/pie-player-events';
+import HotspotComponent from '../hotspot';
+import Hotspot from '../index';
+
+jest.mock('@pie-lib/pie-toolbox/math-rendering-accessible', () => ({ renderMath: jest.fn() }));
+
+describe('hotspot', () => {
+  describe('renders', () => {
+    let wrapper = (props) => {
+      let defaultProps = {
+        model: {
+          dimensions: { height: 0, width: 0 },
+          shapes: { rectangles: [], polygons: [], circles: [] },
+          ...props,
+        },
+        session: {},
+        classes: {},
+      };
+
+      return shallow(<HotspotComponent {...defaultProps} />);
+    };
+
+    it('snapshot', () => {
+      const w = wrapper();
+      expect(w).toMatchSnapshot();
+    });
+
+    it('snapshot with rationale', () => {
+      const w = wrapper({ rationale: 'This is rationale' });
+      expect(w).toMatchSnapshot();
+    });
+
+    it('snapshot with teacherInstructions', () => {
+      const w = wrapper({ teacherInstructions: 'These are teacher instructions' });
+      expect(w).toMatchSnapshot();
+    });
+  });
+
+  describe('events', () => {
+    describe('model', () => {
+      it('dispatches model set event', () => {
+        const el = new Hotspot();
+        el.tagName = 'hotspot-el';
+        el.model = {};
+        expect(el.dispatchEvent).toBeCalledWith(new ModelSetEvent('hotspot-el', false, true));
+      });
+    });
+
+    describe('onSelectChoice', () => {
+      it('dispatches session changed event - add answer', () => {
+        const el = new Hotspot();
+        el.tagName = 'hotspot-el';
+        el.session = { answers: [] };
+        el.onSelectChoice({ id: '1', selected: true });
+        expect(el.dispatchEvent).toBeCalledWith(new SessionChangedEvent('hotspot-el', true));
+      });
+
+      it('dispatches session changed event - remove answer', () => {
+        const el = new Hotspot();
+        el.tagName = 'hotspot-el';
+        el.session = { answers: [{ id: '1' }] };
+        el.onSelectChoice({ id: '1', selected: false });
+        expect(el.dispatchEvent).toBeCalledWith(new SessionChangedEvent('hotspot-el', false));
+      });
+
+      it('dispatches session changed event - add/remove answer', () => {
+        const el = new Hotspot();
+        el.tagName = 'hotspot-el';
+        el.session = { answers: [{ id: '1' }] };
+        el.onSelectChoice({ id: '2', selected: true });
+        expect(el.dispatchEvent).toBeCalledWith(new SessionChangedEvent('hotspot-el', true));
+
+        el.onSelectChoice({ id: '1', selected: false });
+        expect(el.dispatchEvent).toBeCalledWith(new SessionChangedEvent('hotspot-el', true));
+
+        el.onSelectChoice({ id: '2', selected: false });
+        expect(el.dispatchEvent).toBeCalledWith(new SessionChangedEvent('hotspot-el', false));
+      });
+    });
+  });
+});

package/src/session-updater.js

@@ -1,6 +1,6 @@
 export function updateSessionValue(session, model, data) {
   const { id, selected } = data;
-  const { multipleCorrect } = model;
+  const { multipleCorrect } = model || {};
   session.answers = session.answers || [];
 
   if (!selected) {