@pie-element/multiple-choice 13.3.5-ng.0 → 13.4.0-beta.0

package/lib/choice-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-input.js","names":["_FormControlLabel","_interopRequireDefault","require","_react","_propTypes","_styles","_Box","_Checkbox","_renderUi","_Radio","_classnames","_feedbackTick","CLASS_NAME","Row","styled","Box","display","alignItems","backgroundColor","color","background","CheckboxHolder","flex","marginLeft","text","fontSize","padding","BelowSelectionComponent","theme","spacing","SrOnly","position","left","top","width","height","overflow","StyledFormControlLabel","exports","FormControlLabel","letterSpacing","cursor","colorStyle","varName","fallback","getInputStyles","correctness","key","k","incorrect","correct","primary","disabled","opacity","pointerEvents","focusVisibleUnchecked","outline","keyBoardFocusIndicator","focusVisibleChecked","StyledCheckboxBase","Checkbox","shouldForwardProp","prop","styles","boxShadow","borderRadius","StyledCheckbox","props","checked","onChange","value","id","onKeyDown","inputRef","miniProps","default","createElement","_extends2","slotProps","input","ref","disableRipple","className","StyledRadioBase","Radio","StyledRadio","tagName","name","ChoiceInput","React","Component","constructor","_defineProperty2","event","choiceMode","isArrowDown","isArrowUp","preventDefault","currentEl","document","getElementById","choiceId","fieldset","closest","groupCheckboxes","Array","from","querySelectorAll","currentIndex","findIndex","el","nextIndex","nextEl","focus","onToggleChoice","bind","generateChoiceId","descId","Math","random","toFixed","render","displayKey","feedback","label","rationale","hideTick","isEvaluateMode","choicesLayout","isSelectionButtonBelow","Tag","classSuffix","holderSx","margin","justifyContent","hasMathOrImage","includes","screenReaderLabel","choicelabel","Fragment","component","PreviewPrompt","prompt","tagProps","handleKeyDown","control","style","classNames","sx","htmlFor","labelPlacement","undefined","defaultClassName","Feedback","PropTypes","oneOf","string","bool","isRequired","func","_default"],"sources":["../src/choice-input.jsx"],"sourcesContent":["import FormControlLabel from '@mui/material/FormControlLabel';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Box from '@mui/material/Box';\nimport Checkbox from '@mui/material/Checkbox';\nimport { Feedback, color, PreviewPrompt } from '@pie-lib/render-ui';\nimport Radio from '@mui/material/Radio';\nimport classNames from 'classnames';\n\nimport FeedbackTick from './feedback-tick';\n\nconst CLASS_NAME = 'multiple-choice-component';\n\nconst Row = styled(Box)({\n  display: 'flex',\n  alignItems: 'center',\n  backgroundColor: color.background(),\n});\n\nconst CheckboxHolder = styled(Box)({\n  display: 'flex',\n  alignItems: 'center',\n  backgroundColor: color.background(),\n  flex: 1,\n  '& .MuiFormControlLabel-root': {\n    marginLeft: '-14px', // to be consistent to previous versions before MUI v5 upgrade\n  },\n  '& label': {\n    color: color.text(),\n    '& > span': {\n      fontSize: 'inherit',\n    },\n    '& > .MuiButtonBase-root': {\n      padding: '12px', // to be consistent to previous versions before MUI v5 upgrade\n    },\n  },\n});\n\nconst BelowSelectionComponent = styled('span')(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  '& > span': {\n    // visually reduce right padding, but maintain accessibility padding for checkbox indicators to be circles\n    marginLeft: `-${theme.spacing(1)}`,\n  },\n}));\n\nconst SrOnly = styled('span')({\n  position: 'absolute',\n  left: '-10000px',\n  top: 'auto',\n  width: '1px',\n  height: '1px',\n  overflow: 'hidden',\n});\n\nexport const StyledFormControlLabel = styled(FormControlLabel)({\n  '& .MuiFormControlLabel-label': {\n    color: `${color.text()} !important`,\n    backgroundColor: color.background(),\n    letterSpacing: 'normal',\n  },\n  '&.Mui-disabled *': {\n    cursor: 'not-allowed !important',\n  },\n});\n\nconst colorStyle = (varName, fallback) => ({\n  [`&.${CLASS_NAME}`]: {\n    color: `var(--choice-input-${varName}, ${fallback}) !important`,\n  },\n});\n\nconst getInputStyles = (correctness) => {\n  const key = (k) => (correctness ? `${correctness}-${k}` : k);\n\n  return {\n    [key('root')]: {\n      ...colorStyle('color', color.text()),\n      ...(correctness === 'correct' ? colorStyle('correct-color', color.text()) : {}),\n      ...(correctness === 'incorrect' ? colorStyle('incorrect-color', color.incorrect()) : {}),\n    },\n    [key('checked')]: {\n      ...(correctness === 'correct' ? colorStyle('correct-selected-color', color.correct()) : {}),\n      ...(correctness === 'incorrect' ? colorStyle('incorrect-checked', color.incorrect()) : {}),\n      ...(!correctness ? colorStyle('selected-color', color.primary()) : {}),\n    },\n    [key('disabled')]: {\n      ...colorStyle('disabled-color', color.text()),\n      ...(correctness === 'correct' ? colorStyle('correct-disabled-color', color.disabled()) : {}),\n      ...(correctness === 'incorrect' ? colorStyle('incorrect-disabled-color', color.disabled()) : {}),\n      opacity: 0.6,\n      cursor: 'not-allowed !important',\n      pointerEvents: 'initial !important',\n    },\n    focusVisibleUnchecked: {\n      outline: `2px solid ${color.keyBoardFocusIndicator()}`,\n      backgroundColor: 'transparent',\n    },\n    focusVisibleChecked: {\n      outline: `2px solid ${color.keyBoardFocusIndicator()}`,\n      backgroundColor: 'transparent',\n    },\n  };\n};\n\nconst StyledCheckboxBase = styled(Checkbox, {\n  shouldForwardProp: (prop) => prop !== 'correctness',\n})(({ correctness }) => {\n  const styles = getInputStyles(correctness);\n  const key = (k) => (correctness ? `${correctness}-${k}` : k);\n\n  return {\n    [`&.${CLASS_NAME}`]: {\n      ...styles[key('root')],\n      '&.Mui-checked': styles[key('checked')],\n      '&.Mui-disabled': correctness ? {} : styles[key('disabled')],\n      '&:hover:not(.Mui-disabled) svg': {\n        boxShadow: `0px 0px 0px 2px ${color.keyBoardFocusIndicator()}`,\n        borderRadius: '4px',\n      },\n    },\n    '&.Mui-focusVisible': {\n      '&:not(.Mui-checked)': styles.focusVisibleUnchecked,\n      '&.Mui-checked': styles.focusVisibleChecked,\n    },\n  };\n});\n\nexport const StyledCheckbox = (props) => {\n  const { correctness, checked, onChange, disabled, value, id, onKeyDown, inputRef } = props;\n\n  const miniProps = { checked, onChange, disabled, value };\n\n  return (\n    <StyledCheckboxBase\n      id={id}\n      slotProps={{ input: { ref: inputRef } }}\n      onKeyDown={onKeyDown}\n      disableRipple\n      {...miniProps}\n      correctness={correctness}\n      className={CLASS_NAME}\n    />\n  );\n};\n\nconst StyledRadioBase = styled(Radio, {\n  shouldForwardProp: (prop) => prop !== 'correctness',\n})(({ correctness }) => {\n  const styles = getInputStyles(correctness);\n  const key = (k) => (correctness ? `${correctness}-${k}` : k);\n\n  return {\n    [`&.${CLASS_NAME}`]: {\n      ...styles[key('root')],\n      '&.Mui-checked': styles[key('checked')],\n      '&.Mui-disabled': correctness ? {} : styles[key('disabled')],\n      '&.Mui-focusVisible:not(.Mui-checked)': styles.focusVisibleUnchecked,\n      '&.Mui-focusVisible.Mui-checked': styles.focusVisibleChecked,\n      '&:hover:not(.Mui-disabled) svg': {\n        boxShadow: `0px 0px 0px 2px ${color.keyBoardFocusIndicator()}`,\n        borderRadius: '50%',\n      },\n    },\n    '&.Mui-focusVisible': {\n      '& input': { outline: 0 },\n      '& .MuiTouchRipple-root': { display: 'none' },\n    },\n  };\n});\n\nexport const StyledRadio = (props) => {\n  const { correctness, checked, onChange, disabled, value, id, tagName, inputRef } = props;\n\n  const miniProps = { checked, onChange, disabled, value };\n\n  return (\n    <StyledRadioBase\n      id={id}\n      slotProps={{ input: { ref: inputRef } }}\n      disableRipple\n      {...miniProps}\n      correctness={correctness}\n      className={CLASS_NAME}\n      name={tagName}\n    />\n  );\n};\n\nexport class ChoiceInput extends React.Component {\n  static propTypes = {\n    choiceMode: PropTypes.oneOf(['radio', 'checkbox']),\n    displayKey: PropTypes.string,\n    checked: PropTypes.bool.isRequired,\n    correctness: PropTypes.string,\n    disabled: PropTypes.bool.isRequired,\n    feedback: PropTypes.string,\n    label: PropTypes.string.isRequired,\n    rationale: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    value: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    tagName: PropTypes.string,\n    hideTick: PropTypes.bool,\n    isEvaluateMode: PropTypes.bool,\n    choicesLayout: PropTypes.oneOf(['vertical', 'grid', 'horizontal']),\n    isSelectionButtonBelow: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    rationale: null,\n    checked: false,\n    isEvaluateMode: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.onToggleChoice = this.onToggleChoice.bind(this);\n    this.choiceId = this.generateChoiceId();\n    this.descId = `${this.choiceId}-desc`;\n  }\n\n  onToggleChoice(event) {\n    this.props.onChange(event);\n  }\n\n  generateChoiceId() {\n    return 'choice-' + (Math.random() * 10000).toFixed();\n  }\n\n  handleKeyDown = (event) => {\n    const { choiceMode } = this.props;\n\n    if (choiceMode !== 'checkbox') return;\n\n    const isArrowDown = event.key === 'ArrowDown';\n    const isArrowUp = event.key === 'ArrowUp';\n\n    if (!isArrowDown && !isArrowUp) return;\n\n    event.preventDefault();\n\n    const currentEl = document.getElementById(this.choiceId);\n    if (!currentEl) return;\n\n    const fieldset = currentEl.closest('fieldset');\n    if (!fieldset) return;\n\n    const groupCheckboxes = Array.from(fieldset.querySelectorAll('input[type=\"checkbox\"]'));\n\n    const currentIndex = groupCheckboxes.findIndex((el) => el === currentEl);\n    if (currentIndex === -1) return;\n\n    const nextIndex = isArrowDown ? currentIndex + 1 : currentIndex - 1;\n    const nextEl = groupCheckboxes[nextIndex];\n\n    if (nextEl) {\n      nextEl.focus();\n    }\n  };\n\n  render() {\n    const {\n      choiceMode,\n      disabled,\n      displayKey,\n      feedback,\n      label,\n      correctness,\n      className,\n      rationale,\n      hideTick,\n      isEvaluateMode,\n      choicesLayout,\n      value,\n      checked,\n      tagName,\n      isSelectionButtonBelow,\n    } = this.props;\n\n    const Tag = choiceMode === 'checkbox' ? StyledCheckbox : StyledRadio;\n    const classSuffix = choiceMode === 'checkbox' ? 'checkbox' : 'radio-button';\n\n    const holderSx = {\n      ...(choicesLayout === 'horizontal' && {\n        [`& .${CLASS_NAME}`]: {\n          padding: '8px',\n          margin: '4px 0 4px 4px',\n        },\n      }),\n      ...(isSelectionButtonBelow && choicesLayout !== 'grid' && {\n        '& > label': {\n          alignItems: 'flex-start',\n        },\n      }),\n      ...(isSelectionButtonBelow && choicesLayout === 'grid' && {\n        justifyContent: 'center',\n        '& > label': {\n          alignItems: 'center',\n        },\n      }),\n    };\n\n    const hasMathOrImage =\n      typeof label === 'string' &&\n      (label.includes('<math') ||\n        label.includes('\\\\(') ||\n        label.includes('\\\\[') ||\n        label.includes('<img') ||\n        label.includes('data-latex') ||\n        label.includes('data-raw') ||\n        label.includes('<mjx-container'));\n\n    const screenReaderLabel = displayKey ? (\n      <SrOnly id={this.descId}>\n        {hasMathOrImage ? `Pick the answer below, ${displayKey}` : displayKey}\n      </SrOnly>\n    ) : null;\n\n    const choicelabel = (\n      <>\n        {displayKey && !isSelectionButtonBelow ? (\n          <Row component=\"span\">\n            <span aria-hidden=\"true\">{displayKey}.{'\\u00A0'}</span>\n            <PreviewPrompt className=\"prompt-label\" prompt={label} tagName=\"span\" />\n          </Row>\n        ) : (\n          <PreviewPrompt className=\"prompt-label\" prompt={label} tagName=\"span\" />\n        )}\n      </>\n    );\n\n    const tagProps = {\n      disabled,\n      checked,\n      correctness,\n      tagName,\n      value,\n      id: this.choiceId,\n      onChange: this.onToggleChoice,\n      onKeyDown: this.handleKeyDown,\n      ...(screenReaderLabel ? { 'aria-describedby': this.descId } : {}),\n    };\n\n    const control = isSelectionButtonBelow ? (\n      <BelowSelectionComponent>\n        {screenReaderLabel}\n        <Tag {...tagProps} style={{ padding: 0 }} />\n        <span aria-hidden=\"true\">{displayKey ? `${displayKey}.` : ''}</span>\n      </BelowSelectionComponent>\n    ) : (\n      <>\n        {screenReaderLabel}\n        <Tag {...tagProps} />\n      </>\n    );\n\n    return (\n      <div className={classNames(className, 'corespring-' + classSuffix, 'choice-input')}>\n        <Row>\n          {!hideTick && isEvaluateMode && <FeedbackTick correctness={correctness} />}\n          <CheckboxHolder className=\"checkbox-holder\" sx={holderSx}>\n            <StyledFormControlLabel\n              label={choicelabel}\n              value={value}\n              htmlFor={this.choiceId}\n              labelPlacement={isSelectionButtonBelow ? 'top' : undefined}\n              control={control}\n            />\n          </CheckboxHolder>\n        </Row>\n        {rationale && <PreviewPrompt className=\"rationale\" defaultClassName=\"rationale\" prompt={rationale} />}\n        <Feedback feedback={feedback} correctness={correctness} />\n      </div>\n    );\n  }\n}\n\nexport default ChoiceInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/choice.js

@@ -0,0 +1,192 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Choice = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _choiceInput = _interopRequireDefault(require("./choice-input"));
+const ChoiceContainer = (0, _styles.styled)(_Box.default, {
+  shouldForwardProp: prop => prop !== 'noBorder' && prop !== 'horizontalLayout'
+})(({
+  theme,
+  noBorder,
+  horizontalLayout
+}) => ({
+  paddingTop: theme.spacing(2.5),
+  paddingBottom: `calc(${theme.spacing(1)} + 2px)`,
+  paddingLeft: `calc(${theme.spacing(1)} + 2px)`,
+  paddingRight: `calc(${theme.spacing(1)} + 2px)`,
+  borderBottom: noBorder ? 'none' : `1px solid ${theme.palette.grey[300]}`,
+  ...(horizontalLayout && {
+    paddingRight: theme.spacing(2.5),
+    '& label': {
+      marginRight: theme.spacing(1)
+    }
+  })
+}));
+class Choice extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "state", {
+      isHovered: false
+    });
+    (0, _defineProperty2.default)(this, "handleMouseEnter", () => {
+      const {
+        disabled,
+        checked
+      } = this.props;
+      if (!disabled && !checked) {
+        this.setState({
+          isHovered: true
+        });
+      }
+    });
+    (0, _defineProperty2.default)(this, "handleMouseLeave", () => {
+      this.setState({
+        isHovered: false
+      });
+    });
+    (0, _defineProperty2.default)(this, "onChange", choice => {
+      const {
+        disabled,
+        onChoiceChanged
+      } = this.props;
+      if (!disabled) {
+        onChoiceChanged(choice);
+      }
+    });
+  }
+  render() {
+    const {
+      choice,
+      index,
+      choicesLength,
+      showCorrect,
+      isEvaluateMode,
+      choiceMode,
+      disabled,
+      checked,
+      correctness,
+      displayKey,
+      choicesLayout,
+      gridColumns,
+      isSelectionButtonBelow,
+      selectedAnswerBackgroundColor,
+      selectedAnswerStrokeColor,
+      selectedAnswerStrokeWidth,
+      hoverAnswerBackgroundColor,
+      hoverAnswerStrokeColor,
+      hoverAnswerStrokeWidth,
+      tagName
+    } = this.props;
+    const {
+      isHovered
+    } = this.state;
+    const choiceClass = 'choice' + (index === choicesLength - 1 ? ' last' : '');
+    const feedback = !isEvaluateMode || showCorrect ? '' : choice.feedback;
+    const choiceProps = {
+      ...choice,
+      checked,
+      choiceMode,
+      disabled,
+      feedback,
+      correctness,
+      displayKey,
+      index,
+      choicesLayout,
+      gridColumns,
+      onChange: this.onChange,
+      isEvaluateMode,
+      isSelectionButtonBelow,
+      selectedAnswerStrokeColor,
+      selectedAnswerStrokeWidth,
+      tagName
+    };
+    const normalizeStrokeWidth = width => {
+      if (!width) return '2px'; // default
+      const trimmed = String(width).trim();
+
+      // add 'px' if the value is a number
+      if (/^\d+(\.\d+)?$/.test(trimmed)) {
+        return `${trimmed}px`;
+      }
+      return trimmed;
+    };
+    const hasSelectedStroke = selectedAnswerStrokeColor && selectedAnswerStrokeColor !== 'initial';
+    const hasHoverStroke = hoverAnswerStrokeColor && hoverAnswerStrokeColor !== 'initial';
+    let currentStrokeColor = 'transparent';
+    let currentStrokeWidth = '2px';
+    let currentBackgroundColor = 'initial';
+    if (hasSelectedStroke || hasHoverStroke) {
+      if (checked && hasSelectedStroke) {
+        // selected state takes priority when selected stroke is configured
+        currentStrokeColor = selectedAnswerStrokeColor;
+        currentStrokeWidth = selectedAnswerStrokeWidth;
+      } else if (isHovered && !disabled && hasHoverStroke) {
+        // hover state when not selected and not disabled, and hover stroke is configured
+        currentStrokeColor = hoverAnswerStrokeColor;
+        currentStrokeWidth = hoverAnswerStrokeWidth;
+      }
+    }
+    if (checked && selectedAnswerBackgroundColor && selectedAnswerBackgroundColor !== 'initial') {
+      currentBackgroundColor = selectedAnswerBackgroundColor;
+    } else if (isHovered && !disabled && hoverAnswerBackgroundColor && hoverAnswerBackgroundColor !== 'initial') {
+      currentBackgroundColor = hoverAnswerBackgroundColor;
+    }
+    const hasStroke = hasSelectedStroke || hasHoverStroke;
+    const strokeStyle = hasStroke ? {
+      border: `${normalizeStrokeWidth(currentStrokeWidth)} solid ${currentStrokeColor}`,
+      borderRadius: '8px'
+    } : {};
+    const noBorder = index === choicesLength - 1 || choicesLayout !== 'vertical' || hasStroke;
+    const horizontalLayout = choicesLayout === 'horizontal';
+    const choiceBackground = currentBackgroundColor !== 'initial' ? currentBackgroundColor : 'initial';
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: choiceClass,
+      key: index,
+      style: {
+        backgroundColor: choiceBackground,
+        ...strokeStyle
+      },
+      onMouseEnter: this.handleMouseEnter,
+      onMouseLeave: this.handleMouseLeave
+    }, /*#__PURE__*/_react.default.createElement(ChoiceContainer, {
+      component: "div",
+      noBorder: noBorder,
+      horizontalLayout: horizontalLayout
+    }, /*#__PURE__*/_react.default.createElement(_choiceInput.default, choiceProps)));
+  }
+}
+exports.Choice = Choice;
+(0, _defineProperty2.default)(Choice, "propTypes", {});
+Choice.propTypes = {
+  choiceMode: _propTypes.default.oneOf(['radio', 'checkbox']),
+  choice: _propTypes.default.object,
+  disabled: _propTypes.default.bool.isRequired,
+  onChoiceChanged: _propTypes.default.func,
+  index: _propTypes.default.number,
+  choicesLength: _propTypes.default.number,
+  showCorrect: _propTypes.default.bool,
+  isEvaluateMode: _propTypes.default.bool,
+  checked: _propTypes.default.bool,
+  correctness: _propTypes.default.string,
+  displayKey: _propTypes.default.string,
+  choicesLayout: _propTypes.default.oneOf(['vertical', 'grid', 'horizontal']),
+  gridColumns: _propTypes.default.string,
+  selectedAnswerBackgroundColor: _propTypes.default.string,
+  selectedAnswerStrokeColor: _propTypes.default.string,
+  selectedAnswerStrokeWidth: _propTypes.default.string,
+  hoverAnswerBackgroundColor: _propTypes.default.string,
+  hoverAnswerStrokeColor: _propTypes.default.string,
+  hoverAnswerStrokeWidth: _propTypes.default.string,
+  tagName: _propTypes.default.string,
+  isSelectionButtonBelow: _propTypes.default.bool
+};
+var _default = exports.default = Choice;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9wcm9wVHlwZXMiLCJfc3R5bGVzIiwiX0JveCIsIl9jaG9pY2VJbnB1dCIsIkNob2ljZUNvbnRhaW5lciIsInN0eWxlZCIsIkJveCIsInNob3VsZEZvcndhcmRQcm9wIiwicHJvcCIsInRoZW1lIiwibm9Cb3JkZXIiLCJob3Jpem9udGFsTGF5b3V0IiwicGFkZGluZ1RvcCIsInNwYWNpbmciLCJwYWRkaW5nQm90dG9tIiwicGFkZGluZ0xlZnQiLCJwYWRkaW5nUmlnaHQiLCJib3JkZXJCb3R0b20iLCJwYWxldHRlIiwiZ3JleSIsIm1hcmdpblJpZ2h0IiwiQ2hvaWNlIiwiUmVhY3QiLCJDb21wb25lbnQiLCJjb25zdHJ1Y3RvciIsImFyZ3MiLCJfZGVmaW5lUHJvcGVydHkyIiwiZGVmYXVsdCIsImlzSG92ZXJlZCIsImRpc2FibGVkIiwiY2hlY2tlZCIsInByb3BzIiwic2V0U3RhdGUiLCJjaG9pY2UiLCJvbkNob2ljZUNoYW5nZWQiLCJyZW5kZXIiLCJpbmRleCIsImNob2ljZXNMZW5ndGgiLCJzaG93Q29ycmVjdCIsImlzRXZhbHVhdGVNb2RlIiwiY2hvaWNlTW9kZSIsImNvcnJlY3RuZXNzIiwiZGlzcGxheUtleSIsImNob2ljZXNMYXlvdXQiLCJncmlkQ29sdW1ucyIsImlzU2VsZWN0aW9uQnV0dG9uQmVsb3ciLCJzZWxlY3RlZEFuc3dlckJhY2tncm91bmRDb2xvciIsInNlbGVjdGVkQW5zd2VyU3Ryb2tlQ29sb3IiLCJzZWxlY3RlZEFuc3dlclN0cm9rZVdpZHRoIiwiaG92ZXJBbnN3ZXJCYWNrZ3JvdW5kQ29sb3IiLCJob3ZlckFuc3dlclN0cm9rZUNvbG9yIiwiaG92ZXJBbnN3ZXJTdHJva2VXaWR0aCIsInRhZ05hbWUiLCJzdGF0ZSIsImNob2ljZUNsYXNzIiwiZmVlZGJhY2siLCJjaG9pY2VQcm9wcyIsIm9uQ2hhbmdlIiwibm9ybWFsaXplU3Ryb2tlV2lkdGgiLCJ3aWR0aCIsInRyaW1tZWQiLCJTdHJpbmciLCJ0cmltIiwidGVzdCIsImhhc1NlbGVjdGVkU3Ryb2tlIiwiaGFzSG92ZXJTdHJva2UiLCJjdXJyZW50U3Ryb2tlQ29sb3IiLCJjdXJyZW50U3Ryb2tlV2lkdGgiLCJjdXJyZW50QmFja2dyb3VuZENvbG9yIiwiaGFzU3Ryb2tlIiwic3Ryb2tlU3R5bGUiLCJib3JkZXIiLCJib3JkZXJSYWRpdXMiLCJjaG9pY2VCYWNrZ3JvdW5kIiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsImtleSIsInN0eWxlIiwiYmFja2dyb3VuZENvbG9yIiwib25Nb3VzZUVudGVyIiwiaGFuZGxlTW91c2VFbnRlciIsIm9uTW91c2VMZWF2ZSIsImhhbmRsZU1vdXNlTGVhdmUiLCJjb21wb25lbnQiLCJleHBvcnRzIiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwib25lT2YiLCJvYmplY3QiLCJib29sIiwiaXNSZXF1aXJlZCIsImZ1bmMiLCJudW1iZXIiLCJzdHJpbmciLCJfZGVmYXVsdCJdLCJzb3VyY2VzIjpbIi4uL3NyYy9jaG9pY2UuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVkIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9zdHlsZXMnO1xuaW1wb3J0IEJveCBmcm9tICdAbXVpL21hdGVyaWFsL0JveCc7XG5cbmltcG9ydCBDaG9pY2VJbnB1dCBmcm9tICcuL2Nob2ljZS1pbnB1dCc7XG5cbmNvbnN0IENob2ljZUNvbnRhaW5lciA9IHN0eWxlZChCb3gsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnbm9Cb3JkZXInICYmIHByb3AgIT09ICdob3Jpem9udGFsTGF5b3V0Jyxcbn0pKCh7IHRoZW1lLCBub0JvcmRlciwgaG9yaXpvbnRhbExheW91dCB9KSA9PiAoe1xuICBwYWRkaW5nVG9wOiB0aGVtZS5zcGFjaW5nKDIuNSksXG4gIHBhZGRpbmdCb3R0b206IGBjYWxjKCR7dGhlbWUuc3BhY2luZygxKX0gKyAycHgpYCxcbiAgcGFkZGluZ0xlZnQ6IGBjYWxjKCR7dGhlbWUuc3BhY2luZygxKX0gKyAycHgpYCxcbiAgcGFkZGluZ1JpZ2h0OiBgY2FsYygke3RoZW1lLnNwYWNpbmcoMSl9ICsgMnB4KWAsXG4gIGJvcmRlckJvdHRvbTogbm9Cb3JkZXIgPyAnbm9uZScgOiBgMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmV5WzMwMF19YCxcbiAgLi4uKGhvcml6b250YWxMYXlvdXQgJiYge1xuICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2luZygyLjUpLFxuICAgICcmIGxhYmVsJzoge1xuICAgICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMSksXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjbGFzcyBDaG9pY2UgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge307XG5cbiAgc3RhdGUgPSB7XG4gICAgaXNIb3ZlcmVkOiBmYWxzZSxcbiAgfTtcblxuICBoYW5kbGVNb3VzZUVudGVyID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgZGlzYWJsZWQsIGNoZWNrZWQgfSA9IHRoaXMucHJvcHM7XG5cbiAgICBpZiAoIWRpc2FibGVkICYmICFjaGVja2VkKSB7XG4gICAgICB0aGlzLnNldFN0YXRlKHsgaXNIb3ZlcmVkOiB0cnVlIH0pO1xuICAgIH1cbiAgfTtcblxuICBoYW5kbGVNb3VzZUxlYXZlID0gKCkgPT4ge1xuICAgIHRoaXMuc2V0U3RhdGUoeyBpc0hvdmVyZWQ6IGZhbHNlIH0pO1xuICB9O1xuXG4gIG9uQ2hhbmdlID0gKGNob2ljZSkgPT4ge1xuICAgIGNvbnN0IHsgZGlzYWJsZWQsIG9uQ2hvaWNlQ2hhbmdlZCB9ID0gdGhpcy5wcm9wcztcblxuICAgIGlmICghZGlzYWJsZWQpIHtcbiAgICAgIG9uQ2hvaWNlQ2hhbmdlZChjaG9pY2UpO1xuICAgIH1cbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3Qge1xuICAgICAgY2hvaWNlLFxuICAgICAgaW5kZXgsXG4gICAgICBjaG9pY2VzTGVuZ3RoLFxuICAgICAgc2hvd0NvcnJlY3QsXG4gICAgICBpc0V2YWx1YXRlTW9kZSxcbiAgICAgIGNob2ljZU1vZGUsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGNoZWNrZWQsXG4gICAgICBjb3JyZWN0bmVzcyxcbiAgICAgIGRpc3BsYXlLZXksXG4gICAgICBjaG9pY2VzTGF5b3V0LFxuICAgICAgZ3JpZENvbHVtbnMsXG4gICAgICBpc1NlbGVjdGlvbkJ1dHRvbkJlbG93LFxuICAgICAgc2VsZWN0ZWRBbnN3ZXJCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBzZWxlY3RlZEFuc3dlclN0cm9rZUNvbG9yLFxuICAgICAgc2VsZWN0ZWRBbnN3ZXJTdHJva2VXaWR0aCxcbiAgICAgIGhvdmVyQW5zd2VyQmFja2dyb3VuZENvbG9yLFxuICAgICAgaG92ZXJBbnN3ZXJTdHJva2VDb2xvcixcbiAgICAgIGhvdmVyQW5zd2VyU3Ryb2tlV2lkdGgsXG4gICAgICB0YWdOYW1lXG4gICAgfSA9IHRoaXMucHJvcHM7XG4gICAgXG4gICAgY29uc3QgeyBpc0hvdmVyZWQgfSA9IHRoaXMuc3RhdGU7XG4gICAgY29uc3QgY2hvaWNlQ2xhc3MgPSAnY2hvaWNlJyArIChpbmRleCA9PT0gY2hvaWNlc0xlbmd0aCAtIDEgPyAnIGxhc3QnIDogJycpO1xuXG4gICAgY29uc3QgZmVlZGJhY2sgPSAhaXNFdmFsdWF0ZU1vZGUgfHwgc2hvd0NvcnJlY3QgPyAnJyA6IGNob2ljZS5mZWVkYmFjaztcblxuICAgIGNvbnN0IGNob2ljZVByb3BzID0ge1xuICAgICAgLi4uY2hvaWNlLFxuICAgICAgY2hlY2tlZCxcbiAgICAgIGNob2ljZU1vZGUsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGZlZWRiYWNrLFxuICAgICAgY29ycmVjdG5lc3MsXG4gICAgICBkaXNwbGF5S2V5LFxuICAgICAgaW5kZXgsXG4gICAgICBjaG9pY2VzTGF5b3V0LFxuICAgICAgZ3JpZENvbHVtbnMsXG4gICAgICBvbkNoYW5nZTogdGhpcy5vbkNoYW5nZSxcbiAgICAgIGlzRXZhbHVhdGVNb2RlLFxuICAgICAgaXNTZWxlY3Rpb25CdXR0b25CZWxvdyxcbiAgICAgIHNlbGVjdGVkQW5zd2VyU3Ryb2tlQ29sb3IsXG4gICAgICBzZWxlY3RlZEFuc3dlclN0cm9rZVdpZHRoLFxuICAgICAgdGFnTmFtZSxcbiAgICB9O1xuXG4gICAgY29uc3Qgbm9ybWFsaXplU3Ryb2tlV2lkdGggPSAod2lkdGgpID0+IHtcbiAgICAgIGlmICghd2lkdGgpIHJldHVybiAnMnB4JzsgLy8gZGVmYXVsdFxuICAgICAgY29uc3QgdHJpbW1lZCA9IFN0cmluZyh3aWR0aCkudHJpbSgpO1xuICAgIFxuICAgICAgLy8gYWRkICdweCcgaWYgdGhlIHZhbHVlIGlzIGEgbnVtYmVyXG4gICAgICBpZiAoL15cXGQrKFxcLlxcZCspPyQvLnRlc3QodHJpbW1lZCkpIHtcbiAgICAgICAgcmV0dXJuIGAke3RyaW1tZWR9cHhgO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gdHJpbW1lZDtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFzU2VsZWN0ZWRTdHJva2UgPSBzZWxlY3RlZEFuc3dlclN0cm9rZUNvbG9yICYmIHNlbGVjdGVkQW5zd2VyU3Ryb2tlQ29sb3IgIT09ICdpbml0aWFsJztcbiAgICBjb25zdCBoYXNIb3ZlclN0cm9rZSA9IGhvdmVyQW5zd2VyU3Ryb2tlQ29sb3IgJiYgaG92ZXJBbnN3ZXJTdHJva2VDb2xvciAhPT0gJ2luaXRpYWwnO1xuICAgIFxuICAgIGxldCBjdXJyZW50U3Ryb2tlQ29sb3IgPSAndHJhbnNwYXJlbnQnO1xuICAgIGxldCBjdXJyZW50U3Ryb2tlV2lkdGggPSAnMnB4JztcbiAgICBsZXQgY3VycmVudEJhY2tncm91bmRDb2xvciA9ICdpbml0aWFsJztcbiAgICBcbiAgICBpZiAoKGhhc1NlbGVjdGVkU3Ryb2tlIHx8IGhhc0hvdmVyU3Ryb2tlKSkge1xuICAgICAgaWYgKGNoZWNrZWQgJiYgaGFzU2VsZWN0ZWRTdHJva2UpIHtcbiAgICAgICAgLy8gc2VsZWN0ZWQgc3RhdGUgdGFrZXMgcHJpb3JpdHkgd2hlbiBzZWxlY3RlZCBzdHJva2UgaXMgY29uZmlndXJlZFxuICAgICAgICBjdXJyZW50U3Ryb2tlQ29sb3IgPSBzZWxlY3RlZEFuc3dlclN0cm9rZUNvbG9yO1xuICAgICAgICBjdXJyZW50U3Ryb2tlV2lkdGggPSBzZWxlY3RlZEFuc3dlclN0cm9rZVdpZHRoO1xuICAgICAgfSBlbHNlIGlmIChpc0hvdmVyZWQgJiYgIWRpc2FibGVkICYmIGhhc0hvdmVyU3Ryb2tlKSB7XG4gICAgICAgIC8vIGhvdmVyIHN0YXRlIHdoZW4gbm90IHNlbGVjdGVkIGFuZCBub3QgZGlzYWJsZWQsIGFuZCBob3ZlciBzdHJva2UgaXMgY29uZmlndXJlZFxuICAgICAgICBjdXJyZW50U3Ryb2tlQ29sb3IgPSBob3ZlckFuc3dlclN0cm9rZUNvbG9yO1xuICAgICAgICBjdXJyZW50U3Ryb2tlV2lkdGggPSBob3ZlckFuc3dlclN0cm9rZVdpZHRoO1xuICAgICAgfVxuICAgIH1cbiAgICBcbiAgICBpZiAoY2hlY2tlZCAmJiBzZWxlY3RlZEFuc3dlckJhY2tncm91bmRDb2xvciAmJiBzZWxlY3RlZEFuc3dlckJhY2tncm91bmRDb2xvciAhPT0gJ2luaXRpYWwnKSB7XG4gICAgICBjdXJyZW50QmFja2dyb3VuZENvbG9yID0gc2VsZWN0ZWRBbnN3ZXJCYWNrZ3JvdW5kQ29sb3I7XG4gICAgfSBlbHNlIGlmIChpc0hvdmVyZWQgJiYgIWRpc2FibGVkICYmIGhvdmVyQW5zd2VyQmFja2dyb3VuZENvbG9yICYmIGhvdmVyQW5zd2VyQmFja2dyb3VuZENvbG9yICE9PSAnaW5pdGlhbCcpIHtcbiAgICAgIGN1cnJlbnRCYWNrZ3JvdW5kQ29sb3IgPSBob3ZlckFuc3dlckJhY2tncm91bmRDb2xvcjtcbiAgICB9XG5cbiAgICBjb25zdCBoYXNTdHJva2UgPSBoYXNTZWxlY3RlZFN0cm9rZSB8fCBoYXNIb3ZlclN0cm9rZTtcbiAgICBjb25zdCBzdHJva2VTdHlsZSA9IGhhc1N0cm9rZSA/IHtcbiAgICAgIGJvcmRlcjogYCR7bm9ybWFsaXplU3Ryb2tlV2lkdGgoY3VycmVudFN0cm9rZVdpZHRoKX0gc29saWQgJHtjdXJyZW50U3Ryb2tlQ29sb3J9YCxcbiAgICAgIGJvcmRlclJhZGl1czogJzhweCcsXG4gICAgfSA6IHt9O1xuXG4gICAgY29uc3Qgbm9Cb3JkZXIgPSBpbmRleCA9PT0gY2hvaWNlc0xlbmd0aCAtIDEgfHwgY2hvaWNlc0xheW91dCAhPT0gJ3ZlcnRpY2FsJyB8fCBoYXNTdHJva2U7XG4gICAgY29uc3QgaG9yaXpvbnRhbExheW91dCA9IGNob2ljZXNMYXlvdXQgPT09ICdob3Jpem9udGFsJztcblxuICAgIGNvbnN0IGNob2ljZUJhY2tncm91bmQgPSBjdXJyZW50QmFja2dyb3VuZENvbG9yICE9PSAnaW5pdGlhbCcgPyBjdXJyZW50QmFja2dyb3VuZENvbG9yIDogJ2luaXRpYWwnO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgXG4gICAgICAgIGNsYXNzTmFtZT17Y2hvaWNlQ2xhc3N9IFxuICAgICAgICBrZXk9e2luZGV4fSBcbiAgICAgICAgc3R5bGU9e3sgYmFja2dyb3VuZENvbG9yOiBjaG9pY2VCYWNrZ3JvdW5kLCAuLi5zdHJva2VTdHlsZSB9fVxuICAgICAgICBvbk1vdXNlRW50ZXI9e3RoaXMuaGFuZGxlTW91c2VFbnRlcn1cbiAgICAgICAgb25Nb3VzZUxlYXZlPXt0aGlzLmhhbmRsZU1vdXNlTGVhdmV9XG4gICAgICA+XG4gICAgICAgIDxDaG9pY2VDb250YWluZXIgXG4gICAgICAgICAgY29tcG9uZW50PVwiZGl2XCJcbiAgICAgICAgICBub0JvcmRlcj17bm9Cb3JkZXJ9XG4gICAgICAgICAgaG9yaXpvbnRhbExheW91dD17aG9yaXpvbnRhbExheW91dH1cbiAgICAgICAgPlxuICAgICAgICAgIDxDaG9pY2VJbnB1dCB7Li4uY2hvaWNlUHJvcHN9IC8+XG4gICAgICAgIDwvQ2hvaWNlQ29udGFpbmVyPlxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxufVxuXG5DaG9pY2UucHJvcFR5cGVzID0ge1xuICBjaG9pY2VNb2RlOiBQcm9wVHlwZXMub25lT2YoWydyYWRpbycsICdjaGVja2JveCddKSxcbiAgY2hvaWNlOiBQcm9wVHlwZXMub2JqZWN0LFxuICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgb25DaG9pY2VDaGFuZ2VkOiBQcm9wVHlwZXMuZnVuYyxcbiAgaW5kZXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIGNob2ljZXNMZW5ndGg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHNob3dDb3JyZWN0OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNFdmFsdWF0ZU1vZGU6IFByb3BUeXBlcy5ib29sLFxuICBjaGVja2VkOiBQcm9wVHlwZXMuYm9vbCxcbiAgY29ycmVjdG5lc3M6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGRpc3BsYXlLZXk6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGNob2ljZXNMYXlvdXQ6IFByb3BUeXBlcy5vbmVPZihbJ3ZlcnRpY2FsJywgJ2dyaWQnLCAnaG9yaXpvbnRhbCddKSxcbiAgZ3JpZENvbHVtbnM6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHNlbGVjdGVkQW5zd2VyQmFja2dyb3VuZENvbG9yOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBzZWxlY3RlZEFuc3dlclN0cm9rZUNvbG9yOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBzZWxlY3RlZEFuc3dlclN0cm9rZVdpZHRoOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBob3ZlckFuc3dlckJhY2tncm91bmRDb2xvcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgaG92ZXJBbnN3ZXJTdHJva2VDb2xvcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgaG92ZXJBbnN3ZXJTdHJva2VXaWR0aDogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFnTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgaXNTZWxlY3Rpb25CdXR0b25CZWxvdzogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBDaG9pY2U7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsVUFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUUsT0FBQSxHQUFBRixPQUFBO0FBQ0EsSUFBQUcsSUFBQSxHQUFBSixzQkFBQSxDQUFBQyxPQUFBO0FBRUEsSUFBQUksWUFBQSxHQUFBTCxzQkFBQSxDQUFBQyxPQUFBO0FBRUEsTUFBTUssZUFBZSxHQUFHLElBQUFDLGNBQU0sRUFBQ0MsWUFBRyxFQUFFO0VBQ2xDQyxpQkFBaUIsRUFBR0MsSUFBSSxJQUFLQSxJQUFJLEtBQUssVUFBVSxJQUFJQSxJQUFJLEtBQUs7QUFDL0QsQ0FBQyxDQUFDLENBQUMsQ0FBQztFQUFFQyxLQUFLO0VBQUVDLFFBQVE7RUFBRUM7QUFBaUIsQ0FBQyxNQUFNO0VBQzdDQyxVQUFVLEVBQUVILEtBQUssQ0FBQ0ksT0FBTyxDQUFDLEdBQUcsQ0FBQztFQUM5QkMsYUFBYSxFQUFFLFFBQVFMLEtBQUssQ0FBQ0ksT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTO0VBQ2hERSxXQUFXLEVBQUUsUUFBUU4sS0FBSyxDQUFDSSxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVM7RUFDOUNHLFlBQVksRUFBRSxRQUFRUCxLQUFLLENBQUNJLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUztFQUMvQ0ksWUFBWSxFQUFFUCxRQUFRLEdBQUcsTUFBTSxHQUFHLGFBQWFELEtBQUssQ0FBQ1MsT0FBTyxDQUFDQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUU7RUFDeEUsSUFBSVIsZ0JBQWdCLElBQUk7SUFDdEJLLFlBQVksRUFBRVAsS0FBSyxDQUFDSSxPQUFPLENBQUMsR0FBRyxDQUFDO0lBQ2hDLFNBQVMsRUFBRTtNQUNU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

package/lib/choice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Box","_choiceInput","ChoiceContainer","styled","Box","shouldForwardProp","prop","theme","noBorder","horizontalLayout","paddingTop","spacing","paddingBottom","paddingLeft","paddingRight","borderBottom","palette","grey","marginRight","Choice","React","Component","constructor","args","_defineProperty2","default","isHovered","disabled","checked","props","setState","choice","onChoiceChanged","render","index","choicesLength","showCorrect","isEvaluateMode","choiceMode","correctness","displayKey","choicesLayout","gridColumns","isSelectionButtonBelow","selectedAnswerBackgroundColor","selectedAnswerStrokeColor","selectedAnswerStrokeWidth","hoverAnswerBackgroundColor","hoverAnswerStrokeColor","hoverAnswerStrokeWidth","tagName","state","choiceClass","feedback","choiceProps","onChange","normalizeStrokeWidth","width","trimmed","String","trim","test","hasSelectedStroke","hasHoverStroke","currentStrokeColor","currentStrokeWidth","currentBackgroundColor","hasStroke","strokeStyle","border","borderRadius","choiceBackground","createElement","className","key","style","backgroundColor","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","component","exports","propTypes","PropTypes","oneOf","object","bool","isRequired","func","number","string","_default"],"sources":["../src/choice.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Box from '@mui/material/Box';\n\nimport ChoiceInput from './choice-input';\n\nconst ChoiceContainer = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'noBorder' && prop !== 'horizontalLayout',\n})(({ theme, noBorder, horizontalLayout }) => ({\n  paddingTop: theme.spacing(2.5),\n  paddingBottom: `calc(${theme.spacing(1)} + 2px)`,\n  paddingLeft: `calc(${theme.spacing(1)} + 2px)`,\n  paddingRight: `calc(${theme.spacing(1)} + 2px)`,\n  borderBottom: noBorder ? 'none' : `1px solid ${theme.palette.grey[300]}`,\n  ...(horizontalLayout && {\n    paddingRight: theme.spacing(2.5),\n    '& label': {\n      marginRight: theme.spacing(1),\n    },\n  }),\n}));\n\nexport class Choice extends React.Component {\n  static propTypes = {};\n\n  state = {\n    isHovered: false,\n  };\n\n  handleMouseEnter = () => {\n    const { disabled, checked } = this.props;\n\n    if (!disabled && !checked) {\n      this.setState({ isHovered: true });\n    }\n  };\n\n  handleMouseLeave = () => {\n    this.setState({ isHovered: false });\n  };\n\n  onChange = (choice) => {\n    const { disabled, onChoiceChanged } = this.props;\n\n    if (!disabled) {\n      onChoiceChanged(choice);\n    }\n  };\n\n  render() {\n    const {\n      choice,\n      index,\n      choicesLength,\n      showCorrect,\n      isEvaluateMode,\n      choiceMode,\n      disabled,\n      checked,\n      correctness,\n      displayKey,\n      choicesLayout,\n      gridColumns,\n      isSelectionButtonBelow,\n      selectedAnswerBackgroundColor,\n      selectedAnswerStrokeColor,\n      selectedAnswerStrokeWidth,\n      hoverAnswerBackgroundColor,\n      hoverAnswerStrokeColor,\n      hoverAnswerStrokeWidth,\n      tagName\n    } = this.props;\n    \n    const { isHovered } = this.state;\n    const choiceClass = 'choice' + (index === choicesLength - 1 ? ' last' : '');\n\n    const feedback = !isEvaluateMode || showCorrect ? '' : choice.feedback;\n\n    const choiceProps = {\n      ...choice,\n      checked,\n      choiceMode,\n      disabled,\n      feedback,\n      correctness,\n      displayKey,\n      index,\n      choicesLayout,\n      gridColumns,\n      onChange: this.onChange,\n      isEvaluateMode,\n      isSelectionButtonBelow,\n      selectedAnswerStrokeColor,\n      selectedAnswerStrokeWidth,\n      tagName,\n    };\n\n    const normalizeStrokeWidth = (width) => {\n      if (!width) return '2px'; // default\n      const trimmed = String(width).trim();\n    \n      // add 'px' if the value is a number\n      if (/^\\d+(\\.\\d+)?$/.test(trimmed)) {\n        return `${trimmed}px`;\n      }\n\n      return trimmed;\n    };\n\n    const hasSelectedStroke = selectedAnswerStrokeColor && selectedAnswerStrokeColor !== 'initial';\n    const hasHoverStroke = hoverAnswerStrokeColor && hoverAnswerStrokeColor !== 'initial';\n    \n    let currentStrokeColor = 'transparent';\n    let currentStrokeWidth = '2px';\n    let currentBackgroundColor = 'initial';\n    \n    if ((hasSelectedStroke || hasHoverStroke)) {\n      if (checked && hasSelectedStroke) {\n        // selected state takes priority when selected stroke is configured\n        currentStrokeColor = selectedAnswerStrokeColor;\n        currentStrokeWidth = selectedAnswerStrokeWidth;\n      } else if (isHovered && !disabled && hasHoverStroke) {\n        // hover state when not selected and not disabled, and hover stroke is configured\n        currentStrokeColor = hoverAnswerStrokeColor;\n        currentStrokeWidth = hoverAnswerStrokeWidth;\n      }\n    }\n    \n    if (checked && selectedAnswerBackgroundColor && selectedAnswerBackgroundColor !== 'initial') {\n      currentBackgroundColor = selectedAnswerBackgroundColor;\n    } else if (isHovered && !disabled && hoverAnswerBackgroundColor && hoverAnswerBackgroundColor !== 'initial') {\n      currentBackgroundColor = hoverAnswerBackgroundColor;\n    }\n\n    const hasStroke = hasSelectedStroke || hasHoverStroke;\n    const strokeStyle = hasStroke ? {\n      border: `${normalizeStrokeWidth(currentStrokeWidth)} solid ${currentStrokeColor}`,\n      borderRadius: '8px',\n    } : {};\n\n    const noBorder = index === choicesLength - 1 || choicesLayout !== 'vertical' || hasStroke;\n    const horizontalLayout = choicesLayout === 'horizontal';\n\n    const choiceBackground = currentBackgroundColor !== 'initial' ? currentBackgroundColor : 'initial';\n\n    return (\n      <div \n        className={choiceClass} \n        key={index} \n        style={{ backgroundColor: choiceBackground, ...strokeStyle }}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n      >\n        <ChoiceContainer \n          component=\"div\"\n          noBorder={noBorder}\n          horizontalLayout={horizontalLayout}\n        >\n          <ChoiceInput {...choiceProps} />\n        </ChoiceContainer>\n      </div>\n    );\n  }\n}\n\nChoice.propTypes = {\n  choiceMode: PropTypes.oneOf(['radio', 'checkbox']),\n  choice: PropTypes.object,\n  disabled: PropTypes.bool.isRequired,\n  onChoiceChanged: PropTypes.func,\n  index: PropTypes.number,\n  choicesLength: PropTypes.number,\n  showCorrect: PropTypes.bool,\n  isEvaluateMode: PropTypes.bool,\n  checked: PropTypes.bool,\n  correctness: PropTypes.string,\n  displayKey: PropTypes.string,\n  choicesLayout: PropTypes.oneOf(['vertical', 'grid', 'horizontal']),\n  gridColumns: PropTypes.string,\n  selectedAnswerBackgroundColor: PropTypes.string,\n  selectedAnswerStrokeColor: PropTypes.string,\n  selectedAnswerStrokeWidth: PropTypes.string,\n  hoverAnswerBackgroundColor: PropTypes.string,\n  hoverAnswerStrokeColor: PropTypes.string,\n  hoverAnswerStrokeWidth: PropTypes.string,\n  tagName: PropTypes.string,\n  isSelectionButtonBelow: PropTypes.bool,\n};\n\nexport default Choice;\n"],"mappings":"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","ignoreList":[]}

package/lib/feedback-tick.js

@@ -0,0 +1,134 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactTransitionGroup = require("react-transition-group");
+var _styles = require("@mui/material/styles");
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _renderUi = require("@pie-lib/render-ui");
+const FeedbackTickContainer = (0, _styles.styled)(_Box.default)({
+  width: '33px',
+  height: '33px',
+  '& svg': {
+    position: 'absolute',
+    display: 'inline-block',
+    width: '33px',
+    height: '33px',
+    verticalAlign: 'middle',
+    '& hide': {
+      display: 'none'
+    }
+  }
+});
+const StyledSVG = (0, _styles.styled)('svg')({
+  '& .incorrect-fill': {
+    fill: `var(--feedback-incorrect-bg-color, ${_renderUi.color.incorrect()})`
+  },
+  '& .correct-fill': {
+    fill: `var(--feedback-correct-bg-color, ${_renderUi.color.correct()})`
+  }
+});
+const TransitionWrapper = (0, _styles.styled)('div')({
+  position: 'relative',
+  '&.feedback-tick-enter': {
+    opacity: '0',
+    left: '-50px'
+  },
+  '&.feedback-tick-enter-active': {
+    opacity: '1',
+    left: '0px',
+    transition: 'left 500ms ease-in 200ms, opacity 500ms linear 200ms'
+  },
+  '&.feedback-tick-exit': {
+    opacity: '1',
+    left: '0px'
+  },
+  '&.feedback-tick-exit-active': {
+    opacity: '0',
+    left: '-50px',
+    transition: 'left 300ms ease-in, opacity 300ms'
+  }
+});
+class FeedbackTick extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "getIncorrectIcon", () => /*#__PURE__*/_react.default.createElement(StyledSVG, {
+      key: "1",
+      preserveAspectRatio: "xMinYMin meet",
+      x: "0px",
+      y: "0px",
+      viewBox: "0 0 44 40",
+      style: {
+        enableBackground: 'new 0 0 44 40'
+      }
+    }, /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("rect", {
+      x: "11",
+      y: "17.3",
+      transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.852 19.2507)",
+      className: "incorrect-fill",
+      width: "16.6",
+      height: "3.7"
+    }), /*#__PURE__*/_react.default.createElement("rect", {
+      x: "17.4",
+      y: "10.7",
+      transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 19.209)",
+      className: "incorrect-fill",
+      width: "3.7",
+      height: "16.6"
+    }))));
+    (0, _defineProperty2.default)(this, "getCorrectIcon", () => /*#__PURE__*/_react.default.createElement(StyledSVG, {
+      key: "2",
+      preserveAspectRatio: "xMinYMin meet",
+      version: "1.1",
+      x: "0px",
+      y: "0px",
+      viewBox: "0 0 44 40",
+      style: {
+        enableBackground: 'new 0 0 44 40'
+      }
+    }, /*#__PURE__*/_react.default.createElement("polygon", {
+      className: "correct-fill",
+      points: "19.1,28.6 11.8,22.3 14.4,19.2 17.9,22.1 23.9,11.4 27.5,13.4"
+    })));
+    this.nodeRef = /*#__PURE__*/_react.default.createRef();
+  }
+  render() {
+    const {
+      correctness
+    } = this.props;
+    const icon = (() => {
+      if (correctness === 'incorrect') {
+        return this.getIncorrectIcon();
+      } else if (correctness === 'correct') {
+        return this.getCorrectIcon();
+      }
+      return null;
+    })();
+    return /*#__PURE__*/_react.default.createElement(FeedbackTickContainer, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, correctness && /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
+      nodeRef: this.nodeRef,
+      classNames: {
+        enter: 'feedback-tick-enter',
+        enterActive: 'feedback-tick-enter-active',
+        exit: 'feedback-tick-exit',
+        exitActive: 'feedback-tick-exit-active'
+      },
+      timeout: {
+        enter: 700,
+        exit: 300
+      }
+    }, /*#__PURE__*/_react.default.createElement(TransitionWrapper, {
+      ref: this.nodeRef
+    }, icon))));
+  }
+}
+(0, _defineProperty2.default)(FeedbackTick, "propTypes", {
+  correctness: _propTypes.default.string
+});
+var _default = exports.default = FeedbackTick;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdFRyYW5zaXRpb25Hcm91cCIsIl9zdHlsZXMiLCJfQm94IiwiX3Byb3BUeXBlcyIsIl9yZW5kZXJVaSIsIkZlZWRiYWNrVGlja0NvbnRhaW5lciIsInN0eWxlZCIsIkJveCIsIndpZHRoIiwiaGVpZ2h0IiwicG9zaXRpb24iLCJkaXNwbGF5IiwidmVydGljYWxBbGlnbiIsIlN0eWxlZFNWRyIsImZpbGwiLCJjb2xvciIsImluY29ycmVjdCIsImNvcnJlY3QiLCJUcmFuc2l0aW9uV3JhcHBlciIsIm9wYWNpdHkiLCJsZWZ0IiwidHJhbnNpdGlvbiIsIkZlZWRiYWNrVGljayIsIlJlYWN0IiwiQ29tcG9uZW50IiwiY29uc3RydWN0b3IiLCJwcm9wcyIsIl9kZWZpbmVQcm9wZXJ0eTIiLCJkZWZhdWx0IiwiY3JlYXRlRWxlbWVudCIsImtleSIsInByZXNlcnZlQXNwZWN0UmF0aW8iLCJ4IiwieSIsInZpZXdCb3giLCJzdHlsZSIsImVuYWJsZUJhY2tncm91bmQiLCJ0cmFuc2Zvcm0iLCJjbGFzc05hbWUiLCJ2ZXJzaW9uIiwicG9pbnRzIiwibm9kZVJlZiIsImNyZWF0ZVJlZiIsInJlbmRlciIsImNvcnJlY3RuZXNzIiwiaWNvbiIsImdldEluY29ycmVjdEljb24iLCJnZXRDb3JyZWN0SWNvbiIsIlRyYW5zaXRpb25Hcm91cCIsIkNTU1RyYW5zaXRpb24iLCJjbGFzc05hbWVzIiwiZW50ZXIiLCJlbnRlckFjdGl2ZSIsImV4aXQiLCJleGl0QWN0aXZlIiwidGltZW91dCIsInJlZiIsIlByb3BUeXBlcyIsInN0cmluZyIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uL3NyYy9mZWVkYmFjay10aWNrLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbkdyb3VwLCBDU1NUcmFuc2l0aW9uIH0gZnJvbSAncmVhY3QtdHJhbnNpdGlvbi1ncm91cCc7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tICdAbXVpL21hdGVyaWFsL3N0eWxlcyc7XG5pbXBvcnQgQm94IGZyb20gJ0BtdWkvbWF0ZXJpYWwvQm94JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjb2xvciB9IGZyb20gJ0BwaWUtbGliL3JlbmRlci11aSc7XG5cbmNvbnN0IEZlZWRiYWNrVGlja0NvbnRhaW5lciA9IHN0eWxlZChCb3gpKHtcbiAgd2lkdGg6ICczM3B4JyxcbiAgaGVpZ2h0OiAnMzNweCcsXG4gICcmIHN2Zyc6IHtcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICB3aWR0aDogJzMzcHgnLFxuICAgIGhlaWdodDogJzMzcHgnLFxuICAgIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxuICAgICcmIGhpZGUnOiB7XG4gICAgICBkaXNwbGF5OiAnbm9uZScsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5jb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQoJ3N2ZycpKHtcbiAgJyYgLmluY29ycmVjdC1maWxsJzoge1xuICAgIGZpbGw6IGB2YXIoLS1mZWVkYmFjay1pbmNvcnJlY3QtYmctY29sb3IsICR7Y29sb3IuaW5jb3JyZWN0KCl9KWAsXG4gIH0sXG4gICcmIC5jb3JyZWN0LWZpbGwnOiB7XG4gICAgZmlsbDogYHZhcigtLWZlZWRiYWNrLWNvcnJlY3QtYmctY29sb3IsICR7Y29sb3IuY29ycmVjdCgpfSlgLFxuICB9LFxufSk7XG5cbmNvbnN0IFRyYW5zaXRpb25XcmFwcGVyID0gc3R5bGVkKCdkaXYnKSh7XG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAnJi5mZWVkYmFjay10aWNrLWVudGVyJzoge1xuICAgIG9wYWNpdHk6ICcwJyxcbiAgICBsZWZ0OiAnLTUwcHgnLFxuICB9LFxuICAnJi5mZWVkYmFjay10aWNrLWVudGVyLWFjdGl2ZSc6IHtcbiAgICBvcGFjaXR5OiAnMScsXG4gICAgbGVmdDogJzBweCcsXG4gICAgdHJhbnNpdGlvbjogJ2xlZnQgNTAwbXMgZWFzZS1pbiAyMDBtcywgb3BhY2l0eSA1MDBtcyBsaW5lYXIgMjAwbXMnLFxuICB9LFxuICAnJi5mZWVkYmFjay10aWNrLWV4aXQnOiB7XG4gICAgb3BhY2l0eTogJzEnLFxuICAgIGxlZnQ6ICcwcHgnLFxuICB9LFxuICAnJi5mZWVkYmFjay10aWNrLWV4aXQtYWN0aXZlJzoge1xuICAgIG9wYWNpdHk6ICcwJyxcbiAgICBsZWZ0OiAnLTUwcHgnLFxuICAgIHRyYW5zaXRpb246ICdsZWZ0IDMwMG1zIGVhc2UtaW4sIG9wYWNpdHkgMzAwbXMnLFxuICB9LFxufSk7XG5cbmNsYXNzIEZlZWRiYWNrVGljayBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgY29ycmVjdG5lc3M6IFByb3BUeXBlcy5zdHJpbmcsXG4gIH07XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5ub2RlUmVmID0gUmVhY3QuY3JlYXRlUmVmKCk7XG4gIH1cblxuICBnZXRJbmNvcnJlY3RJY29uID0gKCkgPT4gKFxuICAgIDxTdHlsZWRTVkdcbiAgICAgIGtleT1cIjFcIlxuICAgICAgcHJlc2VydmVBc3BlY3RSYXRpbz1cInhNaW5ZTWluIG1lZXRcIlxuICAgICAgeD1cIjBweFwiXG4gICAgICB5PVwiMHB4XCJcbiAgICAgIHZpZXdCb3g9XCIwIDAgNDQgNDBcIlxuICAgICAgc3R5bGU9e3sgZW5hYmxlQmFja2dyb3VuZDogJ25ldyAwIDAgNDQgNDAnIH19XG4gICAgPlxuICAgICAgPGc+XG4gICAgICAgIDxyZWN0XG4gICAgICAgICAgeD1cIjExXCJcbiAgICAgICAgICB5PVwiMTcuM1wiXG4gICAgICAgICAgdHJhbnNmb3JtPVwibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTcuODUyIDE5LjI1MDcpXCJcbiAgICAgICAgICBjbGFzc05hbWU9XCJpbmNvcnJlY3QtZmlsbFwiXG4gICAgICAgICAgd2lkdGg9XCIxNi42XCJcbiAgICAgICAgICBoZWlnaHQ9XCIzLjdcIlxuICAgICAgICAvPlxuICAgICAgICA8cmVjdFxuICAgICAgICAgIHg9XCIxNy40XCJcbiAgICAgICAgICB5PVwiMTAuN1wiXG4gICAgICAgICAgdHJhbnNmb3JtPVwibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTcuODE3NSAxOS4yMDkpXCJcbiAgICAgICAgICBjbGFzc05hbWU9XCJpbmNvcnJlY3QtZmlsbFwiXG4gICAgICAgICAgd2lkdGg9XCIzLjdcIlxuICAgICAgICAgIGhlaWdodD1cIjE2LjZcIlxuICAgICAgICAvPlxuICAgICAgPC9nPlxuICAgIDwvU3R5bGVkU1ZHPlxuICApO1xuXG4gIGdldENvcnJlY3RJY29uID0gKCkgPT4gKFxuICAgIDxTdHlsZWRTVkdcbiAgICAgIGtleT1cIjJcIlxuICAgICAgcHJlc2VydmVBc3BlY3RSYXRpbz1cInhNaW5ZTWluIG1lZXRcIlxuICAgICAgdmVyc2lvbj1cIjEuMVwiXG4gICAgICB4PVwiMHB4XCJcbiAgICAgIHk9XCIwcHhcIlxuICAgICAgdmlld0JveD1cIjAgMCA0NCA0MFwiXG4gICAgICBzdHlsZT17eyBlbmFibGVCYWNrZ3JvdW5kOiAnbmV3IDAgMCA0NCA0MCcgfX1cbiAgICA+XG4gICAgICA8cG9seWdvblxuICAgICAgICBjbGFzc05hbWU9XCJjb3JyZWN0LWZpbGxcIlxuICAgICAgICBwb2ludHM9XCIxOS4xLDI4LjYgMTEuOCwyMi4zIDE0LjQsMTkuMiAxNy45LDIyLjEgMjMuOSwxMS40IDI3LjUsMTMuNFwiXG4gICAgICAvPlxuICAgIDwvU3R5bGVkU1ZHPlxuICApO1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IGNvcnJlY3RuZXNzIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgY29uc3QgaWNvbiA9ICgoKSA9PiB7XG4gICAgICBpZiAoY29ycmVjdG5lc3MgPT09ICdpbmNvcnJlY3QnKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldEluY29ycmVjdEljb24oKTtcbiAgICAgIH0gZWxzZSBpZiAoY29ycmVjdG5lc3MgPT09ICdjb3JyZWN0Jykge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRDb3JyZWN0SWNvbigpO1xuICAgICAgfVxuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfSkoKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8RmVlZGJhY2tUaWNrQ29udGFpbmVyPlxuICAgICAgICA8VHJhbnNpdGlvbkdyb3VwPlxuICAgICAgICAgIHtjb3JyZWN0bmVzcyAmJiAoXG4gICAgICAgICAgICA8Q1NTVHJhbnNpdGlvblxuICAgICAgICAgICAgICBub2RlUmVmPXt0aGlzLm5vZGVSZWZ9XG4gICAgICAgICAgICAgIGNsYXNzTmFtZXM9e3tcbiAgICAgICAgICAgICAgICBlbnRlcjogJ2ZlZWRiYWNrLXRpY2stZW50ZXInLFxuICAgICAgICAgICAgICAgIGVudGVyQWN0aXZlOiAnZmVlZGJhY2stdGljay1lbnRlci1hY3RpdmUnLFxuICAgICAgICAgICAgICAgIGV4aXQ6ICdmZWVkYmFjay10aWNrLWV4aXQnLFxuICAgICAgICAgICAgICAgIGV4aXRBY3RpdmU6ICdmZWVkYmFjay10aWNrLWV4aXQtYWN0aXZlJyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdGltZW91dD17eyBlbnRlcjogNzAwLCBleGl0OiAzMDAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPFRyYW5zaXRpb25XcmFwcGVyIHJlZj17dGhpcy5ub2RlUmVmfT57aWNvbn08L1RyYW5zaXRpb25XcmFwcGVyPlxuICAgICAgICAgICAgPC9DU1NUcmFuc2l0aW9uPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVHJhbnNpdGlvbkdyb3VwPlxuICAgICAgPC9GZWVkYmFja1RpY2tDb250YWluZXI+XG4gICAg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

package/lib/feedback-tick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-tick.js","names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_styles","_Box","_propTypes","_renderUi","FeedbackTickContainer","styled","Box","width","height","position","display","verticalAlign","StyledSVG","fill","color","incorrect","correct","TransitionWrapper","opacity","left","transition","FeedbackTick","React","Component","constructor","props","_defineProperty2","default","createElement","key","preserveAspectRatio","x","y","viewBox","style","enableBackground","transform","className","version","points","nodeRef","createRef","render","correctness","icon","getIncorrectIcon","getCorrectIcon","TransitionGroup","CSSTransition","classNames","enter","enterActive","exit","exitActive","timeout","ref","PropTypes","string","_default","exports"],"sources":["../src/feedback-tick.jsx"],"sourcesContent":["import React from 'react';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport { styled } from '@mui/material/styles';\nimport Box from '@mui/material/Box';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nconst FeedbackTickContainer = styled(Box)({\n  width: '33px',\n  height: '33px',\n  '& svg': {\n    position: 'absolute',\n    display: 'inline-block',\n    width: '33px',\n    height: '33px',\n    verticalAlign: 'middle',\n    '& hide': {\n      display: 'none',\n    },\n  },\n});\n\nconst StyledSVG = styled('svg')({\n  '& .incorrect-fill': {\n    fill: `var(--feedback-incorrect-bg-color, ${color.incorrect()})`,\n  },\n  '& .correct-fill': {\n    fill: `var(--feedback-correct-bg-color, ${color.correct()})`,\n  },\n});\n\nconst TransitionWrapper = styled('div')({\n  position: 'relative',\n  '&.feedback-tick-enter': {\n    opacity: '0',\n    left: '-50px',\n  },\n  '&.feedback-tick-enter-active': {\n    opacity: '1',\n    left: '0px',\n    transition: 'left 500ms ease-in 200ms, opacity 500ms linear 200ms',\n  },\n  '&.feedback-tick-exit': {\n    opacity: '1',\n    left: '0px',\n  },\n  '&.feedback-tick-exit-active': {\n    opacity: '0',\n    left: '-50px',\n    transition: 'left 300ms ease-in, opacity 300ms',\n  },\n});\n\nclass FeedbackTick extends React.Component {\n  static propTypes = {\n    correctness: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    this.nodeRef = React.createRef();\n  }\n\n  getIncorrectIcon = () => (\n    <StyledSVG\n      key=\"1\"\n      preserveAspectRatio=\"xMinYMin meet\"\n      x=\"0px\"\n      y=\"0px\"\n      viewBox=\"0 0 44 40\"\n      style={{ enableBackground: 'new 0 0 44 40' }}\n    >\n      <g>\n        <rect\n          x=\"11\"\n          y=\"17.3\"\n          transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.852 19.2507)\"\n          className=\"incorrect-fill\"\n          width=\"16.6\"\n          height=\"3.7\"\n        />\n        <rect\n          x=\"17.4\"\n          y=\"10.7\"\n          transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 19.209)\"\n          className=\"incorrect-fill\"\n          width=\"3.7\"\n          height=\"16.6\"\n        />\n      </g>\n    </StyledSVG>\n  );\n\n  getCorrectIcon = () => (\n    <StyledSVG\n      key=\"2\"\n      preserveAspectRatio=\"xMinYMin meet\"\n      version=\"1.1\"\n      x=\"0px\"\n      y=\"0px\"\n      viewBox=\"0 0 44 40\"\n      style={{ enableBackground: 'new 0 0 44 40' }}\n    >\n      <polygon\n        className=\"correct-fill\"\n        points=\"19.1,28.6 11.8,22.3 14.4,19.2 17.9,22.1 23.9,11.4 27.5,13.4\"\n      />\n    </StyledSVG>\n  );\n\n  render() {\n    const { correctness } = this.props;\n\n    const icon = (() => {\n      if (correctness === 'incorrect') {\n        return this.getIncorrectIcon();\n      } else if (correctness === 'correct') {\n        return this.getCorrectIcon();\n      }\n      return null;\n    })();\n\n    return (\n      <FeedbackTickContainer>\n        <TransitionGroup>\n          {correctness && (\n            <CSSTransition\n              nodeRef={this.nodeRef}\n              classNames={{\n                enter: 'feedback-tick-enter',\n                enterActive: 'feedback-tick-enter-active',\n                exit: 'feedback-tick-exit',\n                exitActive: 'feedback-tick-exit-active',\n              }}\n              timeout={{ enter: 700, exit: 300 }}\n            >\n              <TransitionWrapper ref={this.nodeRef}>{icon}</TransitionWrapper>\n            </CSSTransition>\n          )}\n        </TransitionGroup>\n      </FeedbackTickContainer>\n    );\n  }\n}\n\nexport default FeedbackTick;\n"],"mappings":"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","ignoreList":[]}