@pie-element/multiple-choice 11.4.4-next.3 → 12.0.0-beta.1

package/lib/choice.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/choice.jsx"],"names":["Choice","isHovered","props","disabled","checked","setState","choice","onChoiceChanged","index","choicesLength","showCorrect","isEvaluateMode","choiceMode","correctness","displayKey","classes","choicesLayout","gridColumns","isSelectionButtonBelow","selectedAnswerBackgroundColor","selectedAnswerStrokeColor","selectedAnswerStrokeWidth","hoverAnswerBackgroundColor","hoverAnswerStrokeColor","hoverAnswerStrokeWidth","autoFocusRef","tagName","state","choiceClass","feedback","choiceProps","onChange","normalizeStrokeWidth","width","trimmed","String","trim","test","hasSelectedStroke","hasHoverStroke","currentStrokeColor","currentStrokeWidth","currentBackgroundColor","hasStroke","strokeStyle","border","borderRadius","names","noBorder","horizontalLayout","choiceBackground","backgroundColor","handleMouseEnter","handleMouseLeave","React","Component","propTypes","PropTypes","oneOf","object","bool","isRequired","func","number","string","theme","paddingTop","spacing","unit","paddingBottom","paddingLeft","paddingRight","borderBottom","palette","grey","marginRight"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nimport ChoiceInput from './choice-input';\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      classes,\n      choicesLayout,\n      gridColumns,\n      isSelectionButtonBelow,\n      selectedAnswerBackgroundColor,\n      selectedAnswerStrokeColor,\n      selectedAnswerStrokeWidth,\n      hoverAnswerBackgroundColor,\n      hoverAnswerStrokeColor,\n      hoverAnswerStrokeWidth,\n      autoFocusRef,\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 names = classNames(classes.choice, {\n      [classes.noBorder]: index === choicesLength - 1 || choicesLayout !== 'vertical' || hasStroke,\n      [classes.horizontalLayout]: choicesLayout === 'horizontal',\n    });\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        <ChoiceInput {...choiceProps} className={names} autoFocusRef={autoFocusRef} />\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  classes: PropTypes.object.isRequired,\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  autoFocusRef: PropTypes.object,\n};\n\nexport default withStyles((theme) => ({\n  choice: {\n    paddingTop: theme.spacing.unit * 2.5,\n    paddingBottom: theme.spacing.unit + 2,\n    paddingLeft: theme.spacing.unit + 2,\n    paddingRight: theme.spacing.unit + 2,\n    borderBottom: `1px solid ${theme.palette.grey[300]}`,\n  },\n  noBorder: {\n    borderBottom: 'none',\n  },\n  horizontalLayout: {\n    paddingRight: theme.spacing.unit * 2.5,\n    '& label': {\n      marginRight: theme.spacing.unit,\n      // '& span:first-child': {\n      //   paddingRight: 0\n      // }\n    },\n  },\n}))(Choice);\n"],"file":"choice.js"}
+{"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","autoFocusRef","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","_extends2","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: theme.spacing(1) + 2,\n  paddingLeft: theme.spacing(1) + 2,\n  paddingRight: theme.spacing(1) + 2,\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      autoFocusRef,\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} autoFocusRef={autoFocusRef} />\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  autoFocusRef: PropTypes.object,\n};\n\nexport default Choice;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,MAAMK,eAAe,GAAG,IAAAC,cAAM,EAACC,YAAG,EAAE;EAClCC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK,UAAU,IAAIA,IAAI,KAAK;AAC/D,CAAC,CAAC,CAAC,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAiB,CAAC,MAAM;EAC7CC,UAAU,EAAEH,KAAK,CAACI,OAAO,CAAC,GAAG,CAAC;EAC9BC,aAAa,EAAEL,KAAK,CAACI,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;EACnCE,WAAW,EAAEN,KAAK,CAACI,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;EACjCG,YAAY,EAAEP,KAAK,CAACI,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;EAClCI,YAAY,EAAEP,QAAQ,GAAG,MAAM,GAAG,aAAaD,KAAK,CAACS,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,EAAE;EACxE,IAAIR,gBAAgB,IAAI;IACtBK,YAAY,EAAEP,KAAK,CAACI,OAAO,CAAC,GAAG,CAAC;IAChC,SAAS,EAAE;MACTO,WAAW,EAAEX,KAAK,CAACI,OAAO,CAAC,CAAC;IAC9B;EACF,CAAC;AACH,CAAC,CAAC,CAAC;AAEI,MAAMQ,MAAM,SAASC,cAAK,CAACC,SAAS,CAAC;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,iBAGlC;MACNC,SAAS,EAAE;IACb,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,4BAEkB,MAAM;MACvB,MAAM;QAAEE,QAAQ;QAAEC;MAAQ,CAAC,GAAG,IAAI,CAACC,KAAK;MAExC,IAAI,CAACF,QAAQ,IAAI,CAACC,OAAO,EAAE;QACzB,IAAI,CAACE,QAAQ,CAAC;UAAEJ,SAAS,EAAE;QAAK,CAAC,CAAC;MACpC;IACF,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,4BAEkB,MAAM;MACvB,IAAI,CAACK,QAAQ,CAAC;QAAEJ,SAAS,EAAE;MAAM,CAAC,CAAC;IACrC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,oBAEWM,MAAM,IAAK;MACrB,MAAM;QAAEJ,QAAQ;QAAEK;MAAgB,CAAC,GAAG,IAAI,CAACH,KAAK;MAEhD,IAAI,CAACF,QAAQ,EAAE;QACbK,eAAe,CAACD,MAAM,CAAC;MACzB;IACF,CAAC;EAAA;EAEDE,MAAMA,CAAA,EAAG;IACP,MAAM;MACJF,MAAM;MACNG,KAAK;MACLC,aAAa;MACbC,WAAW;MACXC,cAAc;MACdC,UAAU;MACVX,QAAQ;MACRC,OAAO;MACPW,WAAW;MACXC,UAAU;MACVC,aAAa;MACbC,WAAW;MACXC,sBAAsB;MACtBC,6BAA6B;MAC7BC,yBAAyB;MACzBC,yBAAyB;MACzBC,0BAA0B;MAC1BC,sBAAsB;MACtBC,sBAAsB;MACtBC,YAAY;MACZC;IACF,CAAC,GAAG,IAAI,CAACtB,KAAK;IAEd,MAAM;MAAEH;IAAU,CAAC,GAAG,IAAI,CAAC0B,KAAK;IAChC,MAAMC,WAAW,GAAG,QAAQ,IAAInB,KAAK,KAAKC,aAAa,GAAG,CAAC,GAAG,OAAO,GAAG,EAAE,CAAC;IAE3E,MAAMmB,QAAQ,GAAG,CAACjB,cAAc,IAAID,WAAW,GAAG,EAAE,GAAGL,MAAM,CAACuB,QAAQ;IAEtE,MAAMC,WAAW,GAAG;MAClB,GAAGxB,MAAM;MACTH,OAAO;MACPU,UAAU;MACVX,QAAQ;MACR2B,QAAQ;MACRf,WAAW;MACXC,UAAU;MACVN,KAAK;MACLO,aAAa;MACbC,WAAW;MACXc,QAAQ,EAAE,IAAI,CAACA,QAAQ;MACvBnB,cAAc;MACdM,sBAAsB;MACtBE,yBAAyB;MACzBC,yBAAyB;MACzBK;IACF,CAAC;IAED,MAAMM,oBAAoB,GAAIC,KAAK,IAAK;MACtC,IAAI,CAACA,KAAK,EAAE,OAAO,KAAK,CAAC,CAAC;MAC1B,MAAMC,OAAO,GAAGC,MAAM,CAACF,KAAK,CAAC,CAACG,IAAI,CAAC,CAAC;;MAEpC;MACA,IAAI,eAAe,CAACC,IAAI,CAACH,OAAO,CAAC,EAAE;QACjC,OAAO,GAAGA,OAAO,IAAI;MACvB;MAEA,OAAOA,OAAO;IAChB,CAAC;IAED,MAAMI,iBAAiB,GAAGlB,yBAAyB,IAAIA,yBAAyB,KAAK,SAAS;IAC9F,MAAMmB,cAAc,GAAGhB,sBAAsB,IAAIA,sBAAsB,KAAK,SAAS;IAErF,IAAIiB,kBAAkB,GAAG,aAAa;IACtC,IAAIC,kBAAkB,GAAG,KAAK;IAC9B,IAAIC,sBAAsB,GAAG,SAAS;IAEtC,IAAKJ,iBAAiB,IAAIC,cAAc,EAAG;MACzC,IAAIpC,OAAO,IAAImC,iBAAiB,EAAE;QAChC;QACAE,kBAAkB,GAAGpB,yBAAyB;QAC9CqB,kBAAkB,GAAGpB,yBAAyB;MAChD,CAAC,MAAM,IAAIpB,SAAS,IAAI,CAACC,QAAQ,IAAIqC,cAAc,EAAE;QACnD;QACAC,kBAAkB,GAAGjB,sBAAsB;QAC3CkB,kBAAkB,GAAGjB,sBAAsB;MAC7C;IACF;IAEA,IAAIrB,OAAO,IAAIgB,6BAA6B,IAAIA,6BAA6B,KAAK,SAAS,EAAE;MAC3FuB,sBAAsB,GAAGvB,6BAA6B;IACxD,CAAC,MAAM,IAAIlB,SAAS,IAAI,CAACC,QAAQ,IAAIoB,0BAA0B,IAAIA,0BAA0B,KAAK,SAAS,EAAE;MAC3GoB,sBAAsB,GAAGpB,0BAA0B;IACrD;IAEA,MAAMqB,SAAS,GAAGL,iBAAiB,IAAIC,cAAc;IACrD,MAAMK,WAAW,GAAGD,SAAS,GAAG;MAC9BE,MAAM,EAAE,GAAGb,oBAAoB,CAACS,kBAAkB,CAAC,UAAUD,kBAAkB,EAAE;MACjFM,YAAY,EAAE;IAChB,CAAC,GAAG,CAAC,CAAC;IAEN,MAAM/D,QAAQ,GAAG0B,KAAK,KAAKC,aAAa,GAAG,CAAC,IAAIM,aAAa,KAAK,UAAU,IAAI2B,SAAS;IACzF,MAAM3D,gBAAgB,GAAGgC,aAAa,KAAK,YAAY;IAEvD,MAAM+B,gBAAgB,GAAGL,sBAAsB,KAAK,SAAS,GAAGA,sBAAsB,GAAG,SAAS;IAElG,oBACExE,MAAA,CAAA8B,OAAA,CAAAgD,aAAA;MACEC,SAAS,EAAErB,WAAY;MACvBsB,GAAG,EAAEzC,KAAM;MACX0C,KAAK,EAAE;QAAEC,eAAe,EAAEL,gBAAgB;QAAE,GAAGH;MAAY,CAAE;MAC7DS,YAAY,EAAE,IAAI,CAACC,gBAAiB;MACpCC,YAAY,EAAE,IAAI,CAACC;IAAiB,gBAEpCtF,MAAA,CAAA8B,OAAA,CAAAgD,aAAA,CAACvE,eAAe;MACdgF,SAAS,EAAC,KAAK;MACf1E,QAAQ,EAAEA,QAAS;MACnBC,gBAAgB,EAAEA;IAAiB,gBAEnCd,MAAA,CAAA8B,OAAA,CAAAgD,aAAA,CAACxE,YAAA,CAAAwB,OAAW,MAAA0D,SAAA,CAAA1D,OAAA,MAAK8B,WAAW;MAAEL,YAAY,EAAEA;IAAa,EAAE,CAC5C,CACd,CAAC;EAEV;AACF;AAACkC,OAAA,CAAAjE,MAAA,GAAAA,MAAA;AAAA,IAAAK,gBAAA,CAAAC,OAAA,EA9IYN,MAAM,eACE,CAAC,CAAC;AA+IvBA,MAAM,CAACkE,SAAS,GAAG;EACjB/C,UAAU,EAAEgD,kBAAS,CAACC,KAAK,CAAC,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;EAClDxD,MAAM,EAAEuD,kBAAS,CAACE,MAAM;EACxB7D,QAAQ,EAAE2D,kBAAS,CAACG,IAAI,CAACC,UAAU;EACnC1D,eAAe,EAAEsD,kBAAS,CAACK,IAAI;EAC/BzD,KAAK,EAAEoD,kBAAS,CAACM,MAAM;EACvBzD,aAAa,EAAEmD,kBAAS,CAACM,MAAM;EAC/BxD,WAAW,EAAEkD,kBAAS,CAACG,IAAI;EAC3BpD,cAAc,EAAEiD,kBAAS,CAACG,IAAI;EAC9B7D,OAAO,EAAE0D,kBAAS,CAACG,IAAI;EACvBlD,WAAW,EAAE+C,kBAAS,CAACO,MAAM;EAC7BrD,UAAU,EAAE8C,kBAAS,CAACO,MAAM;EAC5BpD,aAAa,EAAE6C,kBAAS,CAACC,KAAK,CAAC,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;EAClE7C,WAAW,EAAE4C,kBAAS,CAACO,MAAM;EAC7BjD,6BAA6B,EAAE0C,kBAAS,CAACO,MAAM;EAC/ChD,yBAAyB,EAAEyC,kBAAS,CAACO,MAAM;EAC3C/C,yBAAyB,EAAEwC,kBAAS,CAACO,MAAM;EAC3C9C,0BAA0B,EAAEuC,kBAAS,CAACO,MAAM;EAC5C7C,sBAAsB,EAAEsC,kBAAS,CAACO,MAAM;EACxC5C,sBAAsB,EAAEqC,kBAAS,CAACO,MAAM;EACxC1C,OAAO,EAAEmC,kBAAS,CAACO,MAAM;EACzBlD,sBAAsB,EAAE2C,kBAAS,CAACG,IAAI;EACtCvC,YAAY,EAAEoC,kBAAS,CAACE;AAC1B,CAAC;AAAC,IAAAM,QAAA,GAAAV,OAAA,CAAA3D,OAAA,GAEaN,MAAM","ignoreList":[]}

package/lib/feedback-tick.js

@@ -1,90 +1,64 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+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("@material-ui/core/styles");
-
+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");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var stylesheet = {
-  incorrect: {
-    fill: "var(--feedback-incorrect-bg-color, ".concat(_renderUi.color.incorrect(), ")")
-  },
-  correct: {
-    fill: "var(--feedback-correct-bg-color, ".concat(_renderUi.color.correct(), ")")
-  },
-  feedbackTick: {
+const FeedbackTickContainer = (0, _styles.styled)(_Box.default)({
+  width: '33px',
+  height: '33px',
+  '& svg': {
+    position: 'absolute',
+    display: 'inline-block',
     width: '33px',
     height: '33px',
-    '& svg': {
-      position: 'absolute',
-      display: 'inline-block',
-      width: '33px',
-      height: '33px',
-      verticalAlign: 'middle',
-      '& hide': {
-        display: 'none'
-      }
+    verticalAlign: 'middle',
+    '& hide': {
+      display: 'none'
     }
+  }
+});
+const StyledSVG = (0, _styles.styled)('svg')({
+  '& .incorrect-fill': {
+    fill: `var(--feedback-incorrect-bg-color, ${_renderUi.color.incorrect()})`
   },
-  feedbackTickEnter: {
+  '& .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'
   },
-  feedbackTickEnterActive: {
+  '&.feedback-tick-enter-active': {
     opacity: '1',
     left: '0px',
     transition: 'left 500ms ease-in 200ms, opacity 500ms linear 200ms'
   },
-  feedbackTickLeave: {
+  '&.feedback-tick-exit': {
     opacity: '1',
     left: '0px'
   },
-  feedbackTickLeaveActive: {
+  '&.feedback-tick-exit-active': {
     opacity: '0',
     left: '-50px',
     transition: 'left 300ms ease-in, opacity 300ms'
   }
-};
-
-var FeedbackTick = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(FeedbackTick, _React$Component);
-
-  var _super = _createSuper(FeedbackTick);
-
-  function FeedbackTick(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, FeedbackTick);
-    _this = _super.call(this, props);
-    _this.incorrectIcon = /*#__PURE__*/_react["default"].createElement("svg", {
+});
+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",
@@ -93,22 +67,22 @@ var FeedbackTick = /*#__PURE__*/function (_React$Component) {
       style: {
         enableBackground: 'new 0 0 44 40'
       }
-    }, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("rect", {
+    }, /*#__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: _this.props.classes.incorrect,
+      className: "incorrect-fill",
       width: "16.6",
       height: "3.7"
-    }), /*#__PURE__*/_react["default"].createElement("rect", {
+    }), /*#__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: _this.props.classes.incorrect,
+      className: "incorrect-fill",
       width: "3.7",
       height: "16.6"
-    })));
-    _this.correctIcon = /*#__PURE__*/_react["default"].createElement("svg", {
+    }))));
+    (0, _defineProperty2.default)(this, "getCorrectIcon", () => /*#__PURE__*/_react.default.createElement(StyledSVG, {
       key: "2",
       preserveAspectRatio: "xMinYMin meet",
       version: "1.1",
@@ -118,57 +92,43 @@ var FeedbackTick = /*#__PURE__*/function (_React$Component) {
       style: {
         enableBackground: 'new 0 0 44 40'
       }
-    }, /*#__PURE__*/_react["default"].createElement("polygon", {
-      className: _this.props.classes.correct,
+    }, /*#__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"
-    }));
-    return _this;
+    })));
+    this.nodeRef = /*#__PURE__*/_react.default.createRef();
   }
-
-  (0, _createClass2["default"])(FeedbackTick, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          correctness = _this$props.correctness,
-          classes = _this$props.classes;
-
-      var icon = function () {
-        if (correctness === 'incorrect') {
-          return _this2.incorrectIcon;
-        } else if (correctness === 'correct') {
-          return _this2.correctIcon;
-        }
-      }();
-
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.feedbackTick
-      }, /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.TransitionGroup, null, correctness && /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.CSSTransition, {
-        classNames: {
-          enter: classes.feedbackTickEnter,
-          enterActive: classes.feedbackTickEnterActive,
-          exit: classes.feedbackTickLeave,
-          exitActive: classes.feedbackTickLeaveActive
-        },
-        timeout: {
-          enter: 700,
-          exit: 300
-        }
-      }, icon)));
-    }
-  }]);
-  return FeedbackTick;
-}(_react["default"].Component);
-
-(0, _defineProperty2["default"])(FeedbackTick, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
-  correctness: _propTypes["default"].string
+  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 = (0, _styles.withStyles)(stylesheet, {
-  name: 'FeedbackTick'
-})(FeedbackTick);
-
-exports["default"] = _default;
-//# sourceMappingURL=feedback-tick.js.map
+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

@@ -1 +1 @@
-{"version":3,"sources":["../src/feedback-tick.jsx"],"names":["stylesheet","incorrect","fill","color","correct","feedbackTick","width","height","position","display","verticalAlign","feedbackTickEnter","opacity","left","feedbackTickEnterActive","transition","feedbackTickLeave","feedbackTickLeaveActive","FeedbackTick","props","incorrectIcon","enableBackground","classes","correctIcon","correctness","icon","enter","enterActive","exit","exitActive","React","Component","PropTypes","object","isRequired","string","name"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nconst stylesheet = {\n  incorrect: {\n    fill: `var(--feedback-incorrect-bg-color, ${color.incorrect()})`,\n  },\n  correct: {\n    fill: `var(--feedback-correct-bg-color, ${color.correct()})`,\n  },\n  feedbackTick: {\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  feedbackTickEnter: {\n    opacity: '0',\n    left: '-50px',\n  },\n  feedbackTickEnterActive: {\n    opacity: '1',\n    left: '0px',\n    transition: 'left 500ms ease-in 200ms, opacity 500ms linear 200ms',\n  },\n  feedbackTickLeave: {\n    opacity: '1',\n    left: '0px',\n  },\n  feedbackTickLeaveActive: {\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    classes: PropTypes.object.isRequired,\n    correctness: PropTypes.string,\n  };\n  constructor(props) {\n    super(props);\n    this.incorrectIcon = (\n      <svg\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={this.props.classes.incorrect}\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={this.props.classes.incorrect}\n            width=\"3.7\"\n            height=\"16.6\"\n          />\n        </g>\n      </svg>\n    );\n\n    this.correctIcon = (\n      <svg\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={this.props.classes.correct}\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      </svg>\n    );\n  }\n\n  render() {\n    const { correctness, classes } = this.props;\n\n    const icon = (() => {\n      if (correctness === 'incorrect') {\n        return this.incorrectIcon;\n      } else if (correctness === 'correct') {\n        return this.correctIcon;\n      }\n    })();\n\n    return (\n      <div className={classes.feedbackTick}>\n        <TransitionGroup>\n          {correctness && (\n            <CSSTransition\n              classNames={{\n                enter: classes.feedbackTickEnter,\n                enterActive: classes.feedbackTickEnterActive,\n                exit: classes.feedbackTickLeave,\n                exitActive: classes.feedbackTickLeaveActive,\n              }}\n              timeout={{ enter: 700, exit: 300 }}\n            >\n              {icon}\n            </CSSTransition>\n          )}\n        </TransitionGroup>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(stylesheet, { name: 'FeedbackTick' })(FeedbackTick);\n"],"file":"feedback-tick.js"}
+{"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":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAEA,MAAMM,qBAAqB,GAAG,IAAAC,cAAM,EAACC,YAAG,CAAC,CAAC;EACxCC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACd,OAAO,EAAE;IACPC,QAAQ,EAAE,UAAU;IACpBC,OAAO,EAAE,cAAc;IACvBH,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdG,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE;MACRD,OAAO,EAAE;IACX;EACF;AACF,CAAC,CAAC;AAEF,MAAME,SAAS,GAAG,IAAAP,cAAM,EAAC,KAAK,CAAC,CAAC;EAC9B,mBAAmB,EAAE;IACnBQ,IAAI,EAAE,sCAAsCC,eAAK,CAACC,SAAS,CAAC,CAAC;EAC/D,CAAC;EACD,iBAAiB,EAAE;IACjBF,IAAI,EAAE,oCAAoCC,eAAK,CAACE,OAAO,CAAC,CAAC;EAC3D;AACF,CAAC,CAAC;AAEF,MAAMC,iBAAiB,GAAG,IAAAZ,cAAM,EAAC,KAAK,CAAC,CAAC;EACtCI,QAAQ,EAAE,UAAU;EACpB,uBAAuB,EAAE;IACvBS,OAAO,EAAE,GAAG;IACZC,IAAI,EAAE;EACR,CAAC;EACD,8BAA8B,EAAE;IAC9BD,OAAO,EAAE,GAAG;IACZC,IAAI,EAAE,KAAK;IACXC,UAAU,EAAE;EACd,CAAC;EACD,sBAAsB,EAAE;IACtBF,OAAO,EAAE,GAAG;IACZC,IAAI,EAAE;EACR,CAAC;EACD,6BAA6B,EAAE;IAC7BD,OAAO,EAAE,GAAG;IACZC,IAAI,EAAE,OAAO;IACbC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,MAAMC,YAAY,SAASC,cAAK,CAACC,SAAS,CAAC;EAKzCC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAAC,IAAAC,gBAAA,CAAAC,OAAA,4BAII,mBACjB/B,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAChB,SAAS;MACRiB,GAAG,EAAC,GAAG;MACPC,mBAAmB,EAAC,eAAe;MACnCC,CAAC,EAAC,KAAK;MACPC,CAAC,EAAC,KAAK;MACPC,OAAO,EAAC,WAAW;MACnBC,KAAK,EAAE;QAAEC,gBAAgB,EAAE;MAAgB;IAAE,gBAE7CvC,MAAA,CAAA+B,OAAA,CAAAC,aAAA,yBACEhC,MAAA,CAAA+B,OAAA,CAAAC,aAAA;MACEG,CAAC,EAAC,IAAI;MACNC,CAAC,EAAC,MAAM;MACRI,SAAS,EAAC,qDAAqD;MAC/DC,SAAS,EAAC,gBAAgB;MAC1B9B,KAAK,EAAC,MAAM;MACZC,MAAM,EAAC;IAAK,CACb,CAAC,eACFZ,MAAA,CAAA+B,OAAA,CAAAC,aAAA;MACEG,CAAC,EAAC,MAAM;MACRC,CAAC,EAAC,MAAM;MACRI,SAAS,EAAC,qDAAqD;MAC/DC,SAAS,EAAC,gBAAgB;MAC1B9B,KAAK,EAAC,KAAK;MACXC,MAAM,EAAC;IAAM,CACd,CACA,CACM,CACZ;IAAA,IAAAkB,gBAAA,CAAAC,OAAA,0BAEgB,mBACf/B,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAChB,SAAS;MACRiB,GAAG,EAAC,GAAG;MACPC,mBAAmB,EAAC,eAAe;MACnCQ,OAAO,EAAC,KAAK;MACbP,CAAC,EAAC,KAAK;MACPC,CAAC,EAAC,KAAK;MACPC,OAAO,EAAC,WAAW;MACnBC,KAAK,EAAE;QAAEC,gBAAgB,EAAE;MAAgB;IAAE,gBAE7CvC,MAAA,CAAA+B,OAAA,CAAAC,aAAA;MACES,SAAS,EAAC,cAAc;MACxBE,MAAM,EAAC;IAA6D,CACrE,CACQ,CACZ;IAhDC,IAAI,CAACC,OAAO,gBAAGlB,cAAK,CAACmB,SAAS,CAAC,CAAC;EAClC;EAiDAC,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC;IAAY,CAAC,GAAG,IAAI,CAAClB,KAAK;IAElC,MAAMmB,IAAI,GAAG,CAAC,MAAM;MAClB,IAAID,WAAW,KAAK,WAAW,EAAE;QAC/B,OAAO,IAAI,CAACE,gBAAgB,CAAC,CAAC;MAChC,CAAC,MAAM,IAAIF,WAAW,KAAK,SAAS,EAAE;QACpC,OAAO,IAAI,CAACG,cAAc,CAAC,CAAC;MAC9B;MACA,OAAO,IAAI;IACb,CAAC,EAAE,CAAC;IAEJ,oBACElD,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAACxB,qBAAqB,qBACpBR,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAC7B,qBAAA,CAAAgD,eAAe,QACbJ,WAAW,iBACV/C,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAC7B,qBAAA,CAAAiD,aAAa;MACZR,OAAO,EAAE,IAAI,CAACA,OAAQ;MACtBS,UAAU,EAAE;QACVC,KAAK,EAAE,qBAAqB;QAC5BC,WAAW,EAAE,4BAA4B;QACzCC,IAAI,EAAE,oBAAoB;QAC1BC,UAAU,EAAE;MACd,CAAE;MACFC,OAAO,EAAE;QAAEJ,KAAK,EAAE,GAAG;QAAEE,IAAI,EAAE;MAAI;IAAE,gBAEnCxD,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAACX,iBAAiB;MAACsC,GAAG,EAAE,IAAI,CAACf;IAAQ,GAAEI,IAAwB,CAClD,CAEF,CACI,CAAC;EAE5B;AACF;AAAC,IAAAlB,gBAAA,CAAAC,OAAA,EA1FKN,YAAY,eACG;EACjBsB,WAAW,EAAEa,kBAAS,CAACC;AACzB,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAyFYN,YAAY","ignoreList":[]}