@pie-element/image-cloze-association 4.3.3-next.8 → 4.3.3-next.90

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

@@ -1,10 +1,4 @@
-import {
-  model,
-  outcome,
-  getPartialScore,
-  isResponseCorrect,
-  createCorrectResponseSession,
-} from '../index';
+import { model, outcome, getPartialScore, isResponseCorrect, createCorrectResponseSession } from '../index';
 
 jest.mock('../utils', () => ({
   ...jest.requireActual('../utils.js'),
@@ -46,10 +40,10 @@ describe('controller', () => {
           score: 1,
           value: [
             {
-              images: [rhomb, square]
+              images: [rhomb, square],
             },
             {
-              images: [rhomb, square, trapeze]
+              images: [rhomb, square, trapeze],
             },
           ],
         },
@@ -65,11 +59,7 @@ describe('controller', () => {
   describe('outcome partialScoring test', () => {
     const assertOutcome = (message, extra, sessionValue, env, expected) => {
       it(message, async () => {
-        const result = await outcome(
-          { ...question, ...extra },
-          sessionValue,
-          env
-        );
+        const result = await outcome({ ...question, ...extra }, sessionValue, env);
 
         expect(result).toEqual(expect.objectContaining(expected));
       });
@@ -88,7 +78,7 @@ describe('controller', () => {
         ],
       },
       { mode: 'evaluate' },
-      { score: 0.2 }
+      { score: 0.2 },
     );
 
     assertOutcome(
@@ -104,7 +94,7 @@ describe('controller', () => {
         ],
       },
       { mode: 'evaluate' },
-      { score: 0 }
+      { score: 0 },
     );
 
     assertOutcome(
@@ -120,7 +110,7 @@ describe('controller', () => {
         ],
       },
       { mode: 'evaluate', partialScoring: true },
-      { score: 0 }
+      { score: 0 },
     );
 
     assertOutcome(
@@ -136,15 +126,13 @@ describe('controller', () => {
         ],
       },
       { mode: 'evaluate', partialScoring: false },
-      { score: 0 }
+      { score: 0 },
     );
   });
 
   describe('outcome', () => {
     const returnOutcome = (session) => {
-      it(`returns score of 0 and empty: true if session is ${JSON.stringify(
-        session
-      )}`, async () => {
+      it(`returns score of 0 and empty: true if session is ${JSON.stringify(session)}`, async () => {
         const result = await outcome(question, session);
         expect(result).toEqual({ score: 0, empty: true });
       });
@@ -184,7 +172,7 @@ describe('controller', () => {
                 score: 1,
                 value: [
                   [rhomb, square],
-                  [trapeze, hexagon]
+                  [trapeze, hexagon],
                 ],
               },
             },
@@ -196,7 +184,7 @@ describe('controller', () => {
               { value: trapeze, containerIndex: 1 },
               { value: hexagon, containerIndex: 1 },
             ],
-          }
+          },
         );
         expect(result.score).toEqual(0);
       });
@@ -208,9 +196,7 @@ describe('controller', () => {
             validation: {
               valid_response: {
                 score: 1,
-                value: [
-                  { images: null }
-                ],
+                value: [{ images: null }],
               },
             },
           },
@@ -219,7 +205,7 @@ describe('controller', () => {
               { value: rhomb, containerIndex: 0 },
               { value: hexagon, containerIndex: 1 },
             ],
-          }
+          },
         );
         expect(result.score).toEqual(0);
       });
@@ -231,9 +217,7 @@ describe('controller', () => {
             validation: {
               valid_response: {
                 score: 1,
-                value: [
-                  {}
-                ],
+                value: [{}],
               },
             },
           },
@@ -242,11 +226,10 @@ describe('controller', () => {
               { value: rhomb, containerIndex: 0 },
               { value: hexagon, containerIndex: 1 },
             ],
-          }
+          },
         );
         expect(result.score).toEqual(0);
       });
-
     });
 
     describe('alternate correct answers', () => {
@@ -260,7 +243,7 @@ describe('controller', () => {
                 alt_responses: [
                   {
                     score: 1,
-                    value: [{images: [rhomb]}, {images: [square]}, {images: [trapeze]}, {images: [hexagon]}],
+                    value: [{ images: [rhomb] }, { images: [square] }, { images: [trapeze] }, { images: [hexagon] }],
                   },
                 ],
               },
@@ -272,7 +255,7 @@ describe('controller', () => {
                 { value: trapeze, containerIndex: 2 },
                 { value: hexagon, containerIndex: 3 },
               ],
-            }
+            },
           );
           expect(result.score).toEqual(1);
         });
@@ -286,7 +269,7 @@ describe('controller', () => {
                 alt_responses: [
                   {
                     score: 1,
-                    value: [{images: [rhomb]}, {images: [square]}, {images: [trapeze]}, {images: [hexagon]}],
+                    value: [{ images: [rhomb] }, { images: [square] }, { images: [trapeze] }, { images: [hexagon] }],
                   },
                 ],
               },
@@ -298,7 +281,7 @@ describe('controller', () => {
                 { value: trapeze, containerIndex: 2 },
                 { value: hexagon, containerIndex: 0 },
               ],
-            }
+            },
           );
           expect(result.score).toEqual(0);
         });
@@ -314,11 +297,11 @@ describe('controller', () => {
                 alt_responses: [
                   {
                     score: 1,
-                    value: [{images: [square]}, {images: [rhomb]}, {images: [trapeze]}, {images: [hexagon]}],
+                    value: [{ images: [square] }, { images: [rhomb] }, { images: [trapeze] }, { images: [hexagon] }],
                   },
                   {
                     score: 1,
-                    value: [{images: [rhomb]}, {images: [square]}, {images: [trapeze]}, {images: [hexagon]}],
+                    value: [{ images: [rhomb] }, { images: [square] }, { images: [trapeze] }, { images: [hexagon] }],
                   },
                 ],
               },
@@ -330,7 +313,7 @@ describe('controller', () => {
                 { value: trapeze, containerIndex: 2 },
                 { value: hexagon, containerIndex: 3 },
               ],
-            }
+            },
           );
           expect(result.score).toEqual(1);
         });
@@ -344,11 +327,11 @@ describe('controller', () => {
                 alt_responses: [
                   {
                     score: 1,
-                    value: [{images: [square]}, {images: [rhomb]}, {images: [trapeze]}, {images: [hexagon]}],
+                    value: [{ images: [square] }, { images: [rhomb] }, { images: [trapeze] }, { images: [hexagon] }],
                   },
                   {
                     score: 1,
-                    value: [{images: [rhomb]}, {images: [square]}, {images: [trapeze]}, {images: [hexagon]}],
+                    value: [{ images: [rhomb] }, { images: [square] }, { images: [trapeze] }, { images: [hexagon] }],
                   },
                 ],
               },
@@ -360,7 +343,7 @@ describe('controller', () => {
                 { value: trapeze, containerIndex: 2 },
                 { value: hexagon, containerIndex: 0 },
               ],
-            }
+            },
           );
           expect(result.score).toEqual(0);
         });
@@ -401,19 +384,13 @@ describe('controller', () => {
         expect(result.validation).toEqual({
           validResponse: {
             score: 1,
-            value: [
-              {images: [rhomb, square]},
-              {images: [rhomb, square, trapeze]},
-            ],
+            value: [{ images: [rhomb, square] }, { images: [rhomb, square, trapeze] }],
           },
         });
       });
 
       it('returns responseContainers', () => {
-        expect(result.responseContainers).toEqual([
-          responseContainer1,
-          responseContainer2,
-        ]);
+        expect(result.responseContainers).toEqual([responseContainer1, responseContainer2]);
       });
 
       it('returns duplicateResponses', () => {
@@ -454,18 +431,12 @@ describe('controller', () => {
       });
 
       const returnModel = (sess) => {
-        it(`returns responseCorrect: false if session is ${JSON.stringify(
-          sess
-        )}`, async () => {
-          const result = await model(
-            question,
-            sess,
-            (env = { mode: 'evaluate' })
-          );
+        it(`returns responseCorrect: false if session is ${JSON.stringify(sess)}`, async () => {
+          const result = await model(question, sess, (env = { mode: 'evaluate' }));
           expect(result).toEqual(
             expect.objectContaining({
               responseCorrect: false,
-            })
+            }),
           );
         });
       };
@@ -561,13 +532,11 @@ describe('createCorrectResponseSession', () => {
     expect(sess).toEqual({
       answers: [
         {
-          value:
-            '<img alt="" src="https://app.fluence.net/ia/image/729ca157d04c440ab7ae1c2abfb9c057"/>',
+          value: '<img alt="" src="https://app.fluence.net/ia/image/729ca157d04c440ab7ae1c2abfb9c057"/>',
           containerIndex: 0,
         },
         {
-          value:
-            '<img alt="" src="https://app.fluence.net/ia/image/9e5ed1d6762c4dac87b080e190af113d"/>',
+          value: '<img alt="" src="https://app.fluence.net/ia/image/9e5ed1d6762c4dac87b080e190af113d"/>',
           containerIndex: 1,
         },
       ],
@@ -584,13 +553,11 @@ describe('createCorrectResponseSession', () => {
     expect(sess).toEqual({
       answers: [
         {
-          value:
-            '<img alt="" src="https://app.fluence.net/ia/image/729ca157d04c440ab7ae1c2abfb9c057"/>',
+          value: '<img alt="" src="https://app.fluence.net/ia/image/729ca157d04c440ab7ae1c2abfb9c057"/>',
           containerIndex: 0,
         },
         {
-          value:
-            '<img alt="" src="https://app.fluence.net/ia/image/9e5ed1d6762c4dac87b080e190af113d"/>',
+          value: '<img alt="" src="https://app.fluence.net/ia/image/9e5ed1d6762c4dac87b080e190af113d"/>',
           containerIndex: 1,
         },
       ],

package/controller/src/index.js

@@ -7,7 +7,7 @@ import { getAllUniqueCorrectness } from './utils';
 
 const log = debug('pie-elements:image-cloze-association:controller');
 
-export const normalize = question => ({
+export const normalize = (question) => ({
   rationaleEnabled: true,
   teacherInstructionsEnabled: true,
   studentInstructionsEnabled: true,
@@ -18,19 +18,18 @@ export function model(question, session, env) {
   const questionNormalized = normalize(question);
   const questionCamelized = camelizeKeys(questionNormalized);
 
-  return new Promise(resolve => {
+  return new Promise((resolve) => {
     const out = {
       disabled: env.mode !== 'gather',
       mode: env.mode,
       ...questionCamelized,
-      responseCorrect:
-        env.mode === 'evaluate'
-          ? getScore(questionCamelized, session) === 1
-          : undefined,
+      responseCorrect: env.mode === 'evaluate' ? getScore(questionCamelized, session) === 1 : undefined,
     };
 
     if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {
-      out.teacherInstructions = questionCamelized.teacherInstructionsEnabled ? questionCamelized.teacherInstructions : null;
+      out.teacherInstructions = questionCamelized.teacherInstructionsEnabled
+        ? questionCamelized.teacherInstructions
+        : null;
     } else {
       out.teacherInstructions = null;
     }
@@ -47,10 +46,10 @@ export const isResponseCorrect = (responses, session) => {
     return false;
   }
 
-  responses.forEach(value => totalValidResponses += (value.images || []).length);
+  responses.forEach((value) => (totalValidResponses += (value.images || []).length));
 
   if (session.answers && totalValidResponses === session.answers.length) {
-    session.answers.forEach(answer => {
+    session.answers.forEach((answer) => {
       if (!(responses[answer.containerIndex].images || []).includes(answer.value)) {
         isCorrect = false;
       }
@@ -63,13 +62,18 @@ export const isResponseCorrect = (responses, session) => {
 
 // This applies for items that don't support partial scoring.
 const isDefaultOrAltResponseCorrect = (question, session) => {
-  const { validation: { validResponse: { value }, altResponses } } = question;
+  const {
+    validation: {
+      validResponse: { value },
+      altResponses,
+    },
+  } = question;
 
   let isCorrect = isResponseCorrect(value, session);
 
   // Look for correct answers in alternate responses.
-  if (!isCorrect && (altResponses && altResponses.length)) {
-    altResponses.forEach(altResponse => {
+  if (!isCorrect && altResponses && altResponses.length) {
+    altResponses.forEach((altResponse) => {
       if (isResponseCorrect(altResponse.value, session)) {
         isCorrect = true;
       }
@@ -80,8 +84,8 @@ const isDefaultOrAltResponseCorrect = (question, session) => {
 
 // Deduct only the items that exceeded the maximum valid response per container.
 const getDeductionPerContainer = (containerIndex, answers, valid) => {
-  const totalStack = answers.filter(item => item.containerIndex === containerIndex);
-  const incorrectStack = totalStack.filter(item => !item.isCorrect);
+  const totalStack = answers.filter((item) => item.containerIndex === containerIndex);
+  const incorrectStack = totalStack.filter((item) => !item.isCorrect);
   const maxValid = (valid.value[containerIndex].images || []).length;
 
   if (totalStack.length > maxValid) {
@@ -92,7 +96,11 @@ const getDeductionPerContainer = (containerIndex, answers, valid) => {
 };
 
 export const getPartialScore = (question, session) => {
-  const { validation: { validResponse }, maxResponsePerZone, responseContainers } = question;
+  const {
+    validation: { validResponse },
+    maxResponsePerZone,
+    responseContainers,
+  } = question;
   let correctAnswers = 0;
   let possibleResponses = 0;
 
@@ -100,19 +108,19 @@ export const getPartialScore = (question, session) => {
     return 0;
   }
 
-  validResponse.value.forEach(value => possibleResponses += (value.images || []).length);
+  validResponse.value.forEach((value) => (possibleResponses += (value.images || []).length));
 
   if (session.answers && session.answers.length) {
     const all = getAllUniqueCorrectness(session.answers, validResponse.value);
-    correctAnswers = all.filter(item => item.isCorrect).length;
+    correctAnswers = all.filter((item) => item.isCorrect).length;
 
     // deduction rules: https://docs.google.com/document/d/1Oprm8Qs5fg_Dwoj2pNpsfu4D63QgCZgvcqTgeaVel7I/edit
-    session.answers.forEach(answer => {
+    session.answers.forEach((answer) => {
       if (maxResponsePerZone > 1) {
         const deductionList = getDeductionPerContainer(answer.containerIndex, all, validResponse);
 
         if (deductionList.length) {
-          deductionList.forEach(item => {
+          deductionList.forEach((item) => {
             if (item.id === answer.id) {
               correctAnswers -= 1;
             }
@@ -136,11 +144,11 @@ const getScore = (config, session, env = {}) => {
   const isPartialScoring = partialScoring.enabled(config, env);
   const correct = isDefaultOrAltResponseCorrect(config, session);
 
-  return isPartialScoring ? getPartialScore(config, session) : (correct ? 1 : 0);
+  return isPartialScoring ? getPartialScore(config, session) : correct ? 1 : 0;
 };
 
 export function outcome(config, session, env = {}) {
-  return new Promise(resolve => {
+  return new Promise((resolve) => {
     log('outcome...');
     if (!session || isEmpty(session)) {
       resolve({ score: 0, empty: true });
@@ -156,17 +164,21 @@ export function outcome(config, session, env = {}) {
 }
 
 export const createCorrectResponseSession = (question, env) => {
-  return new Promise(resolve => {
+  return new Promise((resolve) => {
     if (env.mode !== 'evaluate' && env.role === 'instructor') {
-      const { validation: { valid_response: { value } } } = question;
+      const {
+        validation: {
+          valid_response: { value },
+        },
+      } = question;
       const answers = [];
 
       if (value) {
         value.forEach((container, i) => {
-          (container.images || []).forEach(v => {
+          (container.images || []).forEach((v) => {
             answers.push({
               value: v,
-              containerIndex: i
+              containerIndex: i,
             });
           });
         });
@@ -174,7 +186,7 @@ export const createCorrectResponseSession = (question, env) => {
 
       resolve({
         answers,
-        id: '1'
+        id: '1',
       });
     } else {
       resolve(null);

package/controller/src/utils.js

@@ -1,34 +1,35 @@
 const getAllCorrectness = (answers, responses) =>
-  answers.map(answer => ({
+  answers.map((answer) => ({
     ...answer,
-    isCorrect: (responses[answer.containerIndex].images || []).includes(answer.value)
+    isCorrect: (responses[answer.containerIndex].images || []).includes(answer.value),
   }));
 
 const getValidAnswer = (answer, response) =>
-  (response[answer.containerIndex].images || []).filter(res => res === answer.value);
+  (response[answer.containerIndex].images || []).filter((res) => res === answer.value);
 
 export const getAllUniqueCorrectness = (answers, validResponses) => {
   let allCorrectness = getAllCorrectness(answers, validResponses);
 
   answers.forEach((answer1) => {
-    const valuesToParse = answers.filter(answer2 =>
-      (answer2.value === answer1.value) && (answer2.containerIndex === answer1.containerIndex));
+    const valuesToParse = answers.filter(
+      (answer2) => answer2.value === answer1.value && answer2.containerIndex === answer1.containerIndex,
+    );
 
     if (valuesToParse.length > 1) {
       // point only to duplicates but first
       valuesToParse.shift();
       // mark duplicates as incorrect
       valuesToParse.forEach((value, index) => {
-        allCorrectness = allCorrectness.map(finalAnswer => {
+        allCorrectness = allCorrectness.map((finalAnswer) => {
           if (finalAnswer.id === value.id) {
             let valid = getValidAnswer(finalAnswer, validResponses);
             return {
               ...finalAnswer,
-              isCorrect: valid.length > index + 1
-            }
+              isCorrect: valid.length > index + 1,
+            };
           }
           return finalAnswer;
-        })
+        });
       });
     }
   });

package/docs/config-schema.json.md

@@ -120,4 +120,4 @@ Indicates the max dimension for images in prompt - this is also the default dime
 
 ### `rationale` (number)
 
-Indicates the max dimension for images in rationale
+Indicates the max dimension for images in rationale

package/docs/demo/config.js

@@ -2,7 +2,7 @@ const { model } = require('./generate');
 
 module.exports = {
   elements: {
-    'image-cloze-association': '../..'
+    'image-cloze-association': '../..',
   },
-  models: [model('1', 'image-cloze-association')]
+  models: [model('1', 'image-cloze-association')],
 };

package/docs/demo/generate.js

@@ -6,14 +6,15 @@ exports.model = (id, element) => ({
     src: 'https://app.fluence.net/ia/image/6412223997a34018b15f8512bee6c04c',
     width: 465,
     scale: false, // this is not used
-    height: 313
+    height: 313,
   },
-  response_container: { // this is not used
+  response_container: {
+    // this is not used
     wordwrap: true,
     width: '130px',
-    height: '55px'
+    height: '55px',
   },
-  metadata: {} , // this is not used
+  metadata: {}, // this is not used
   is_math: true, // this is not used
   response_id: '8a808081592940240159464a277609e7', // this is not used
   response_containers: [
@@ -24,7 +25,7 @@ exports.model = (id, element) => ({
       width: '35.70%',
       y: 1.6,
       height: '23.64%',
-      aria_label: '' // this is not used
+      aria_label: '', // this is not used
     },
     {
       pointer: 'undefined', // this is not used
@@ -33,19 +34,21 @@ exports.model = (id, element) => ({
       width: '35.92%',
       y: 39.62,
       height: '23.32%',
-      aria_label: '' // this is not used
-    }
+      aria_label: '', // this is not used
+    },
   ],
   stimulus:
     '<p>A car manufacturer proposes the development of a car tire disposal area near an important wetland habitat. In this area, tires will be broken into pieces and buried. The manufacturer needs to design this area to address the environmental concerns from the list in the passage. After breaking the tires into pieces, the manufacturer decides to recycle some of the pieces and dispose of the rest in this newly developed area. Drag and drop the data labels into the graph to show how this decision will likely affect the number of tire pieces collected from a sample area of the wetland after many years.</p>',
-  metadatadistractor_rationale: // this is not used
+  // this is not used
+  metadatadistractor_rationale:
     '<p>A correct response is shown below.&#160;This response best shows how this decision will likely affect the number tire pieces collected.<img alt="image 03de38019abe41b1bc95d1199658327f" id="03de38019abe41b1bc95d1199658327f" src="https://localhost:8443/ia/image/03de38019abe41b1bc95d1199658327f" /></p>',
-  ui_style: {  // this is not used
-    fontsize: 'small'
+  ui_style: {
+    // this is not used
+    fontsize: 'small',
   },
   possible_responses: [
     '<img alt="" src="https://app.fluence.net/ia/image/9e5ed1d6762c4dac87b080e190af113d"/>',
-    '<img alt="" src="https://app.fluence.net/ia/image/729ca157d04c440ab7ae1c2abfb9c057"/>'
+    '<img alt="" src="https://app.fluence.net/ia/image/729ca157d04c440ab7ae1c2abfb9c057"/>',
   ],
   validation: {
     scoring_type: 'exactMatch', // this is not used
@@ -53,16 +56,16 @@ exports.model = (id, element) => ({
       score: 1,
       value: [
         {
-          images: ['<img alt="" src="https://app.fluence.net/ia/image/729ca157d04c440ab7ae1c2abfb9c057"/>']
+          images: ['<img alt="" src="https://app.fluence.net/ia/image/729ca157d04c440ab7ae1c2abfb9c057"/>'],
         },
         {
-          images: ['<img alt="" src="https://app.fluence.net/ia/image/9e5ed1d6762c4dac87b080e190af113d"/>']
-        }
-      ]
-    }
+          images: ['<img alt="" src="https://app.fluence.net/ia/image/9e5ed1d6762c4dac87b080e190af113d"/>'],
+        },
+      ],
+    },
   },
   showDashedBorder: false,
   partialScoring: false,
   shuffle: true, // this is not used
-  rubricEnabled: false
+  rubricEnabled: false,
 });

package/docs/demo/session.js

@@ -12,5 +12,5 @@ module.exports = [
     //     value: '<img alt="" src="https://app.fluence.net/ia/image/9e5ed1d6762c4dac87b080e190af113d"/>'
     //   }
     // ]
-  }
+  },
 ];

package/docs/pie-schema.json.md

@@ -292,4 +292,4 @@ Properties of the `value` object:
 
 An array containing a string that is a img tag
 
-The object is an array with all elements of the type `string`.
+The object is an array with all elements of the type `string`.

package/lib/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/constants.js"],"names":["types","response"],"mappings":";;;;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE;AADL;AADM,C","sourcesContent":["export default {\n  types: {\n    response: 'react-dnd-response'\n  }\n}\n"],"file":"constants.js"}
+{"version":3,"sources":["../src/constants.js"],"names":["types","response"],"mappings":";;;;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE;AADL;AADM,C","sourcesContent":["export default {\n  types: {\n    response: 'react-dnd-response',\n  },\n};\n"],"file":"constants.js"}

package/lib/evaluation-icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/evaluation-icon.jsx"],"names":["getCorrectnessClass","isCorrect","filled","EvaluationIcon","classes","containerStyle","Icon","Check","Close","showCorrectness","undefined","correctness","icon","propTypes","PropTypes","object","bool","oneOfType","number","defaultProps","styles","correctEmpty","color","correct","correctFilled","background","backgroundColor","incorrectEmpty","incorrect","incorrectFilled"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,SAAD,EAAYC,MAAZ,EAAuB;AACjD,MAAIA,MAAJ,EAAY;AACV,WAAOD,SAAS,GAAG,eAAH,GAAqB,iBAArC;AACD;;AACD,SAAOA,SAAS,GAAG,cAAH,GAAoB,gBAApC;AACD,CALD;;AAOA,IAAME,cAAc,GAAG,SAAjBA,cAAiB,OAAoD;AAAA,MAAjDC,OAAiD,QAAjDA,OAAiD;AAAA,MAAxCC,cAAwC,QAAxCA,cAAwC;AAAA,MAAxBJ,SAAwB,QAAxBA,SAAwB;AAAA,MAAbC,MAAa,QAAbA,MAAa;AACzE,MAAMI,IAAI,GAAGL,SAAS,GAAGM,iBAAH,GAAWC,iBAAjC;AACA,MAAMC,eAAe,GAAGR,SAAS,KAAKS,SAAtC;AACA,MAAMC,WAAW,GAAGF,eAAe,GAAGT,mBAAmB,CAACC,SAAD,EAAYC,MAAZ,CAAtB,GAA4C,EAA/E;AAEA,SAAOO,eAAe,gBAElB,gCAAC,IAAD;AACE,IAAA,SAAS,YAAKL,OAAO,CAACQ,IAAb,cAAqBR,OAAO,CAACO,WAAD,CAA5B,CADX;AAEE,IAAA,KAAK,EAAEN;AAFT,IAFkB,GAMhB,IANN;AAOD,CAZD;;AAcAF,cAAc,CAACU,SAAf,GAA2B;AACzBT,EAAAA,OAAO,EAAEU,sBAAUC,MADM;AAEzBV,EAAAA,cAAc,EAAES,sBAAUC,MAFD;AAGzBb,EAAAA,MAAM,EAAEY,sBAAUE,IAHO;AAIzBf,EAAAA,SAAS,EAAEa,sBAAUG,SAAV,CAAoB,CAC7BH,sBAAUE,IADmB,EAE7BF,sBAAUI,MAFmB,CAApB;AAJc,CAA3B;AAUAf,cAAc,CAACgB,YAAf,GAA8B;AAC5Bf,EAAAA,OAAO,EAAE,EADmB;AAE5BC,EAAAA,cAAc,EAAE,EAFY;AAG5BH,EAAAA,MAAM,EAAE,KAHoB;AAI5BD,EAAAA,SAAS,EAAES;AAJiB,CAA9B;;AAOA,IAAMU,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAEA,gBAAMC,OAAN;AADK,KADM;AAIpBC,IAAAA,aAAa,EAAE;AACbF,MAAAA,KAAK,EAAEA,gBAAMG,UAAN,EADM;AAEbC,MAAAA,eAAe,EAAEJ,gBAAMC,OAAN;AAFJ,KAJK;AAQpBI,IAAAA,cAAc,EAAE;AACdL,MAAAA,KAAK,EAAEA,gBAAMM,SAAN;AADO,KARI;AAWpBC,IAAAA,eAAe,EAAE;AACfP,MAAAA,KAAK,EAAEA,gBAAMG,UAAN,EADQ;AAEfC,MAAAA,eAAe,EAAEJ,gBAAMM,SAAN;AAFF;AAXG,GAAP;AAAA,CAAf;;eAiBe,sBAAWR,MAAX,EAAmBjB,cAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core';\nimport Check from '@material-ui/icons/Check';\nimport Close from '@material-ui/icons/Close';\nimport { color } from '@pie-lib/render-ui';\n\nconst getCorrectnessClass = (isCorrect, filled) => {\n  if (filled) {\n    return isCorrect ? 'correctFilled' : 'incorrectFilled';\n  }\n  return isCorrect ? 'correctEmpty' : 'incorrectEmpty';\n};\n\nconst EvaluationIcon = ({ classes, containerStyle, isCorrect, filled }) => {\n  const Icon = isCorrect ? Check : Close;\n  const showCorrectness = isCorrect !== undefined;\n  const correctness = showCorrectness ? getCorrectnessClass(isCorrect, filled) : '';\n\n  return showCorrectness\n    ? (\n      <Icon\n        className={`${classes.icon} ${classes[correctness]}`}\n        style={containerStyle}\n      />\n    ) : null\n};\n\nEvaluationIcon.propTypes = {\n  classes: PropTypes.object,\n  containerStyle: PropTypes.object,\n  filled: PropTypes.bool,\n  isCorrect: PropTypes.oneOfType([\n    PropTypes.bool,\n    PropTypes.number\n  ])\n};\n\nEvaluationIcon.defaultProps = {\n  classes: {},\n  containerStyle: {},\n  filled: false,\n  isCorrect: undefined\n};\n\nconst styles = () => ({\n  correctEmpty: {\n    color: color.correct()\n  },\n  correctFilled: {\n    color: color.background(),\n    backgroundColor: color.correct()\n  },\n  incorrectEmpty: {\n    color: color.incorrect()\n  },\n  incorrectFilled: {\n    color: color.background(),\n    backgroundColor: color.incorrect()\n  }\n});\n\nexport default withStyles(styles)(EvaluationIcon);\n"],"file":"evaluation-icon.js"}
+{"version":3,"sources":["../src/evaluation-icon.jsx"],"names":["getCorrectnessClass","isCorrect","filled","EvaluationIcon","classes","containerStyle","Icon","Check","Close","showCorrectness","undefined","correctness","icon","propTypes","PropTypes","object","bool","oneOfType","number","defaultProps","styles","correctEmpty","color","correct","correctFilled","background","backgroundColor","incorrectEmpty","incorrect","incorrectFilled"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,SAAD,EAAYC,MAAZ,EAAuB;AACjD,MAAIA,MAAJ,EAAY;AACV,WAAOD,SAAS,GAAG,eAAH,GAAqB,iBAArC;AACD;;AACD,SAAOA,SAAS,GAAG,cAAH,GAAoB,gBAApC;AACD,CALD;;AAOA,IAAME,cAAc,GAAG,SAAjBA,cAAiB,OAAoD;AAAA,MAAjDC,OAAiD,QAAjDA,OAAiD;AAAA,MAAxCC,cAAwC,QAAxCA,cAAwC;AAAA,MAAxBJ,SAAwB,QAAxBA,SAAwB;AAAA,MAAbC,MAAa,QAAbA,MAAa;AACzE,MAAMI,IAAI,GAAGL,SAAS,GAAGM,iBAAH,GAAWC,iBAAjC;AACA,MAAMC,eAAe,GAAGR,SAAS,KAAKS,SAAtC;AACA,MAAMC,WAAW,GAAGF,eAAe,GAAGT,mBAAmB,CAACC,SAAD,EAAYC,MAAZ,CAAtB,GAA4C,EAA/E;AAEA,SAAOO,eAAe,gBAAG,gCAAC,IAAD;AAAM,IAAA,SAAS,YAAKL,OAAO,CAACQ,IAAb,cAAqBR,OAAO,CAACO,WAAD,CAA5B,CAAf;AAA4D,IAAA,KAAK,EAAEN;AAAnE,IAAH,GAA2F,IAAjH;AACD,CAND;;AAQAF,cAAc,CAACU,SAAf,GAA2B;AACzBT,EAAAA,OAAO,EAAEU,sBAAUC,MADM;AAEzBV,EAAAA,cAAc,EAAES,sBAAUC,MAFD;AAGzBb,EAAAA,MAAM,EAAEY,sBAAUE,IAHO;AAIzBf,EAAAA,SAAS,EAAEa,sBAAUG,SAAV,CAAoB,CAACH,sBAAUE,IAAX,EAAiBF,sBAAUI,MAA3B,CAApB;AAJc,CAA3B;AAOAf,cAAc,CAACgB,YAAf,GAA8B;AAC5Bf,EAAAA,OAAO,EAAE,EADmB;AAE5BC,EAAAA,cAAc,EAAE,EAFY;AAG5BH,EAAAA,MAAM,EAAE,KAHoB;AAI5BD,EAAAA,SAAS,EAAES;AAJiB,CAA9B;;AAOA,IAAMU,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAEA,gBAAMC,OAAN;AADK,KADM;AAIpBC,IAAAA,aAAa,EAAE;AACbF,MAAAA,KAAK,EAAEA,gBAAMG,UAAN,EADM;AAEbC,MAAAA,eAAe,EAAEJ,gBAAMC,OAAN;AAFJ,KAJK;AAQpBI,IAAAA,cAAc,EAAE;AACdL,MAAAA,KAAK,EAAEA,gBAAMM,SAAN;AADO,KARI;AAWpBC,IAAAA,eAAe,EAAE;AACfP,MAAAA,KAAK,EAAEA,gBAAMG,UAAN,EADQ;AAEfC,MAAAA,eAAe,EAAEJ,gBAAMM,SAAN;AAFF;AAXG,GAAP;AAAA,CAAf;;eAiBe,sBAAWR,MAAX,EAAmBjB,cAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core';\nimport Check from '@material-ui/icons/Check';\nimport Close from '@material-ui/icons/Close';\nimport { color } from '@pie-lib/render-ui';\n\nconst getCorrectnessClass = (isCorrect, filled) => {\n  if (filled) {\n    return isCorrect ? 'correctFilled' : 'incorrectFilled';\n  }\n  return isCorrect ? 'correctEmpty' : 'incorrectEmpty';\n};\n\nconst EvaluationIcon = ({ classes, containerStyle, isCorrect, filled }) => {\n  const Icon = isCorrect ? Check : Close;\n  const showCorrectness = isCorrect !== undefined;\n  const correctness = showCorrectness ? getCorrectnessClass(isCorrect, filled) : '';\n\n  return showCorrectness ? <Icon className={`${classes.icon} ${classes[correctness]}`} style={containerStyle} /> : null;\n};\n\nEvaluationIcon.propTypes = {\n  classes: PropTypes.object,\n  containerStyle: PropTypes.object,\n  filled: PropTypes.bool,\n  isCorrect: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),\n};\n\nEvaluationIcon.defaultProps = {\n  classes: {},\n  containerStyle: {},\n  filled: false,\n  isCorrect: undefined,\n};\n\nconst styles = () => ({\n  correctEmpty: {\n    color: color.correct(),\n  },\n  correctFilled: {\n    color: color.background(),\n    backgroundColor: color.correct(),\n  },\n  incorrectEmpty: {\n    color: color.incorrect(),\n  },\n  incorrectFilled: {\n    color: color.background(),\n    backgroundColor: color.incorrect(),\n  },\n});\n\nexport default withStyles(styles)(EvaluationIcon);\n"],"file":"evaluation-icon.js"}