@pie-element/image-cloze-association 3.5.0 → 3.5.1-beta.587

package/docs/pie-schema.json

@@ -0,0 +1,378 @@
+{
+  "description": "Model for the @pie-elements/image-cloze-association Interaction",
+  "additionalProperties": false,
+  "type": "object",
+  "properties": {
+    "prompt": {
+      "description": "The question prompt or item stem",
+      "type": "string",
+      "title": "prompt"
+    },
+    "rationaleEnabled": {
+      "description": "Indicates if Rationale is enabled",
+      "type": "boolean",
+      "title": "rationaleEnabled"
+    },
+    "spellCheckEnabled": {
+      "description": "Indicates if spellcheck is enabled for the author. Default value is true",
+      "type": "boolean",
+      "title": "spellCheckEnabled"
+    },
+    "teacherInstructionsEnabled": {
+      "description": "Indicates if Teacher Instructions are enabled",
+      "type": "boolean",
+      "title": "teacherInstructionsEnabled"
+    },
+    "studentInstructionsEnabled": {
+      "description": "Indicates if Student Instructions are enabled",
+      "type": "boolean",
+      "title": "studentInstructionsEnabled"
+    },
+    "image": {
+      "title": "Image",
+      "type": "object",
+      "properties": {
+        "src": {
+          "description": "The url of the image",
+          "type": "string",
+          "title": "src"
+        },
+        "width": {
+          "description": "The width of the image",
+          "type": "number",
+          "title": "width"
+        },
+        "height": {
+          "description": "The height of the image",
+          "type": "number",
+          "title": "height"
+        }
+      }
+    },
+    "responseContainers": {
+      "description": "List of the response containers\nThe response containers are the areas where the images are dragged in",
+      "type": "array",
+      "items": {
+        "title": "ResponseContainer",
+        "type": "object",
+        "properties": {
+          "x": {
+            "description": "The x coordinate of the response container",
+            "type": "number",
+            "title": "x"
+          },
+          "y": {
+            "description": "The y coordinate of the response container",
+            "type": "number",
+            "title": "y"
+          },
+          "width": {
+            "description": "The width of the response container",
+            "type": "string",
+            "title": "width"
+          },
+          "height": {
+            "description": "The height of the response container",
+            "type": "string",
+            "title": "height"
+          }
+        }
+      },
+      "title": "responseContainers"
+    },
+    "stimulus": {
+      "description": "The question stimulus",
+      "type": "string",
+      "title": "stimulus"
+    },
+    "possibleResponses": {
+      "description": "List of img tags that are the possible responses",
+      "type": "array",
+      "items": {
+        "type": "string"
+      },
+      "title": "possibleResponses"
+    },
+    "validation": {
+      "title": "Validation",
+      "type": "object",
+      "properties": {
+        "validResponse": {
+          "title": "ValidResponse",
+          "type": "object",
+          "properties": {
+            "score": {
+              "description": "The score of the response",
+              "type": "number",
+              "title": "score"
+            },
+            "value": {
+              "description": "The value of the response\nEach value is an object with a property \"images\"",
+              "type": "object",
+              "properties": {
+                "images": {
+                  "description": "An array containing a string that is a img tag",
+                  "type": "array",
+                  "items": {
+                    "type": "string"
+                  },
+                  "title": "images"
+                }
+              },
+              "title": "value"
+            }
+          }
+        },
+        "altResponses": {
+          "description": "List of alternate responses",
+          "type": "array",
+          "items": {
+            "title": "ValidResponse",
+            "type": "object",
+            "properties": {
+              "score": {
+                "description": "The score of the response",
+                "type": "number",
+                "title": "score"
+              },
+              "value": {
+                "description": "The value of the response\nEach value is an object with a property \"images\"",
+                "type": "object",
+                "properties": {
+                  "images": {
+                    "description": "An array containing a string that is a img tag",
+                    "type": "array",
+                    "items": {
+                      "type": "string"
+                    },
+                    "title": "images"
+                  }
+                },
+                "title": "value"
+              }
+            }
+          },
+          "title": "altResponses"
+        }
+      }
+    },
+    "partialScoring": {
+      "description": "Indicates if the item should use partial scoring",
+      "type": "boolean",
+      "title": "partialScoring"
+    },
+    "maxResponsePerZone": {
+      "description": "Indicates how many responses can be placed in a response container",
+      "default": 1,
+      "type": "number",
+      "title": "maxResponsePerZone"
+    },
+    "duplicateResponses": {
+      "description": "Indicates if duplicate responses are allowed",
+      "type": "boolean",
+      "title": "duplicateResponses"
+    },
+    "showDashedBorder": {
+      "description": "Indicates if the response containers should have a dashed border",
+      "type": "boolean",
+      "title": "showDashedBorder"
+    },
+    "rubricEnabled": {
+      "description": "Indicates if Rubric is enabled",
+      "type": "boolean",
+      "title": "rubricEnabled"
+    },
+    "id": {
+      "description": "Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.",
+      "type": "string",
+      "title": "id"
+    },
+    "element": {
+      "description": "The html Element tag name",
+      "type": "string",
+      "title": "element"
+    }
+  },
+  "required": [
+    "element",
+    "id",
+    "rubricEnabled",
+    "spellCheckEnabled"
+  ],
+  "definitions": {
+    "ConfigureMaxImageDimensionsProp": {
+      "title": "ConfigureMaxImageDimensionsProp",
+      "type": "object",
+      "properties": {
+        "teacherInstructions": {
+          "description": "Indicates the max dimension for images in teacher instructions",
+          "type": "number",
+          "title": "teacherInstructions"
+        },
+        "prompt": {
+          "description": "Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified",
+          "type": "number",
+          "title": "prompt"
+        },
+        "rationale": {
+          "description": "Indicates the max dimension for images in rationale",
+          "type": "number",
+          "title": "rationale"
+        }
+      }
+    },
+    "ConfigureProp": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    },
+    "Image": {
+      "title": "Image",
+      "type": "object",
+      "properties": {
+        "src": {
+          "description": "The url of the image",
+          "type": "string",
+          "title": "src"
+        },
+        "width": {
+          "description": "The width of the image",
+          "type": "number",
+          "title": "width"
+        },
+        "height": {
+          "description": "The height of the image",
+          "type": "number",
+          "title": "height"
+        }
+      }
+    },
+    "ResponseContainer": {
+      "title": "ResponseContainer",
+      "type": "object",
+      "properties": {
+        "x": {
+          "description": "The x coordinate of the response container",
+          "type": "number",
+          "title": "x"
+        },
+        "y": {
+          "description": "The y coordinate of the response container",
+          "type": "number",
+          "title": "y"
+        },
+        "width": {
+          "description": "The width of the response container",
+          "type": "string",
+          "title": "width"
+        },
+        "height": {
+          "description": "The height of the response container",
+          "type": "string",
+          "title": "height"
+        }
+      }
+    },
+    "Validation": {
+      "title": "Validation",
+      "type": "object",
+      "properties": {
+        "validResponse": {
+          "title": "ValidResponse",
+          "type": "object",
+          "properties": {
+            "score": {
+              "description": "The score of the response",
+              "type": "number",
+              "title": "score"
+            },
+            "value": {
+              "description": "The value of the response\nEach value is an object with a property \"images\"",
+              "type": "object",
+              "properties": {
+                "images": {
+                  "description": "An array containing a string that is a img tag",
+                  "type": "array",
+                  "items": {
+                    "type": "string"
+                  },
+                  "title": "images"
+                }
+              },
+              "title": "value"
+            }
+          }
+        },
+        "altResponses": {
+          "description": "List of alternate responses",
+          "type": "array",
+          "items": {
+            "title": "ValidResponse",
+            "type": "object",
+            "properties": {
+              "score": {
+                "description": "The score of the response",
+                "type": "number",
+                "title": "score"
+              },
+              "value": {
+                "description": "The value of the response\nEach value is an object with a property \"images\"",
+                "type": "object",
+                "properties": {
+                  "images": {
+                    "description": "An array containing a string that is a img tag",
+                    "type": "array",
+                    "items": {
+                      "type": "string"
+                    },
+                    "title": "images"
+                  }
+                },
+                "title": "value"
+              }
+            }
+          },
+          "title": "altResponses"
+        }
+      }
+    },
+    "ValidResponse": {
+      "title": "ValidResponse",
+      "type": "object",
+      "properties": {
+        "score": {
+          "description": "The score of the response",
+          "type": "number",
+          "title": "score"
+        },
+        "value": {
+          "description": "The value of the response\nEach value is an object with a property \"images\"",
+          "type": "object",
+          "properties": {
+            "images": {
+              "description": "An array containing a string that is a img tag",
+              "type": "array",
+              "items": {
+                "type": "string"
+              },
+              "title": "images"
+            }
+          },
+          "title": "value"
+        }
+      }
+    }
+  },
+  "$schema": "http://json-schema.org/draft-07/schema#"
+}

package/docs/pie-schema.json.md

@@ -0,0 +1,295 @@
+Model for the @pie-elements/image-cloze-association Interaction
+
+The schema defines the following properties:
+
+# `prompt` (string)
+
+The question prompt or item stem
+
+# `rationaleEnabled` (boolean)
+
+Indicates if Rationale is enabled
+
+# `spellCheckEnabled` (boolean, required)
+
+Indicates if spellcheck is enabled for the author. Default value is true
+
+# `teacherInstructionsEnabled` (boolean)
+
+Indicates if Teacher Instructions are enabled
+
+# `studentInstructionsEnabled` (boolean)
+
+Indicates if Student Instructions are enabled
+
+# `image` (object)
+
+Properties of the `image` object:
+
+## `src` (string)
+
+The url of the image
+
+## `width` (number)
+
+The width of the image
+
+## `height` (number)
+
+The height of the image
+
+# `responseContainers` (array)
+
+List of the response containers
+The response containers are the areas where the images are dragged in
+
+The object is an array with all elements of the type `object`.
+
+The array object has the following properties:
+
+## `x` (number)
+
+The x coordinate of the response container
+
+## `y` (number)
+
+The y coordinate of the response container
+
+## `width` (string)
+
+The width of the response container
+
+## `height` (string)
+
+The height of the response container
+
+# `stimulus` (string)
+
+The question stimulus
+
+# `possibleResponses` (array)
+
+List of img tags that are the possible responses
+
+The object is an array with all elements of the type `string`.
+
+# `validation` (object)
+
+Properties of the `validation` object:
+
+## `validResponse` (object)
+
+Properties of the `validResponse` object:
+
+### `score` (number)
+
+The score of the response
+
+### `value` (object)
+
+The value of the response
+Each value is an object with a property "images"
+
+Properties of the `value` object:
+
+#### `images` (array)
+
+An array containing a string that is a img tag
+
+The object is an array with all elements of the type `string`.
+
+## `altResponses` (array)
+
+List of alternate responses
+
+The object is an array with all elements of the type `object`.
+
+The array object has the following properties:
+
+### `score` (number)
+
+The score of the response
+
+### `value` (object)
+
+The value of the response
+Each value is an object with a property "images"
+
+Properties of the `value` object:
+
+#### `images` (array)
+
+An array containing a string that is a img tag
+
+The object is an array with all elements of the type `string`.
+
+# `partialScoring` (boolean)
+
+Indicates if the item should use partial scoring
+
+# `maxResponsePerZone` (number)
+
+Indicates how many responses can be placed in a response container
+
+Default: `1`
+
+# `duplicateResponses` (boolean)
+
+Indicates if duplicate responses are allowed
+
+# `showDashedBorder` (boolean)
+
+Indicates if the response containers should have a dashed border
+
+# `rubricEnabled` (boolean, required)
+
+Indicates if Rubric is enabled
+
+# `id` (string, required)
+
+Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.
+
+# `element` (string, required)
+
+The html Element tag name
+
+---
+
+# Sub Schemas
+
+The schema defines the following additional types:
+
+## `ConfigureMaxImageDimensionsProp` (object)
+
+Properties of the `ConfigureMaxImageDimensionsProp` object:
+
+### `teacherInstructions` (number)
+
+Indicates the max dimension for images in teacher instructions
+
+### `prompt` (number)
+
+Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified
+
+### `rationale` (number)
+
+Indicates the max dimension for images in rationale
+
+## `ConfigureProp` (object)
+
+Properties of the `ConfigureProp` object:
+
+### `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+### `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
+## `Image` (object)
+
+Properties of the `Image` object:
+
+### `src` (string)
+
+The url of the image
+
+### `width` (number)
+
+The width of the image
+
+### `height` (number)
+
+The height of the image
+
+## `ResponseContainer` (object)
+
+Properties of the `ResponseContainer` object:
+
+### `x` (number)
+
+The x coordinate of the response container
+
+### `y` (number)
+
+The y coordinate of the response container
+
+### `width` (string)
+
+The width of the response container
+
+### `height` (string)
+
+The height of the response container
+
+## `Validation` (object)
+
+Properties of the `Validation` object:
+
+### `validResponse` (object)
+
+Properties of the `validResponse` object:
+
+#### `score` (number)
+
+The score of the response
+
+#### `value` (object)
+
+The value of the response
+Each value is an object with a property "images"
+
+Properties of the `value` object:
+
+##### `images` (array)
+
+An array containing a string that is a img tag
+
+The object is an array with all elements of the type `string`.
+
+### `altResponses` (array)
+
+List of alternate responses
+
+The object is an array with all elements of the type `object`.
+
+The array object has the following properties:
+
+#### `score` (number)
+
+The score of the response
+
+#### `value` (object)
+
+The value of the response
+Each value is an object with a property "images"
+
+Properties of the `value` object:
+
+##### `images` (array)
+
+An array containing a string that is a img tag
+
+The object is an array with all elements of the type `string`.
+
+## `ValidResponse` (object)
+
+Properties of the `ValidResponse` object:
+
+### `score` (number)
+
+The score of the response
+
+### `value` (object)
+
+The value of the response
+Each value is an object with a property "images"
+
+Properties of the `value` object:
+
+#### `images` (array)
+
+An array containing a string that is a img tag
+
+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"}