@pie-lib/correct-answer-toggle 3.1.0-next.5 → 3.1.1-next.1

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_styles","require","_reactTransitionGroup","_icons","_renderUi","_expander","_interopRequireDefault","_react","_propTypes","_translator","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","translator","Translator","noTouch","StyledRoot","styled","width","cursor","StyledContent","margin","textAlign","display","StyledLabel","minWidth","alignSelf","verticalAlign","color","concat","text","fontWeight","StyledIcon","position","opacity","transition","StyledIconHolder","marginRight","alignItems","CorrectAnswerToggle","exports","_React$Component","props","_this","_classCallCheck2","state","show","openIconRef","React","createRef","closedIconRef","defaultProps","showMessage","lng","language","hideMessage","_inherits2","_createClass2","key","value","onClick","onToggle","toggled","onTouch","event","preventDefault","UNSAFE_componentWillReceiveProps","nextProps","_this$props","setState","render","_this$props2","className","createElement","bind","onTouchEnd","CSSTransition","nodeRef","timeout","exit","classNames","enter","enterActive","exitActive","ref","CorrectResponse","open","Readable","Component","PropTypes","func","bool","string","_default"],"sources":["../src/index.jsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { CSSTransition } from 'react-transition-group';\nimport { CorrectResponse } from '@pie-lib/icons';\nimport { Readable } from '@pie-lib/render-ui';\nimport Expander from './expander';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport Translator from '@pie-lib/translator';\nimport { color } from '@pie-lib/render-ui';\n\nconst { translator } = Translator;\n\nconst noTouch = {\n  '-webkit-touchCcallout': 'none',\n  '-webkit-user-select': 'none',\n  '-khtml-user-select': 'none',\n  '-moz-user-select': 'none',\n  '-ms-user-select': 'none',\n  'user-select': 'none',\n};\n\nconst StyledRoot = styled('div')(() => ({\n  width: '100%',\n  cursor: 'pointer',\n}));\n\nconst StyledContent = styled('div')(() => ({\n  margin: '0 auto',\n  textAlign: 'center',\n  display: 'flex',\n}));\n\nconst StyledLabel = styled('div')(() => ({\n  width: 'fit-content',\n  minWidth: '140px',\n  alignSelf: 'center',\n  verticalAlign: 'middle',\n  color: `var(--correct-answer-toggle-label-color, ${color.text()})`,\n  fontWeight: 'normal',\n  ...noTouch,\n}));\n\nconst StyledIcon = styled('div')(() => ({\n  position: 'absolute',\n  width: '25px',\n  '&.enter': {\n    opacity: '0',\n  },\n  '&.enter-active': {\n    opacity: '1',\n    transition: 'opacity 0.3s ease-in',\n  },\n  '&.exit': {\n    opacity: '1',\n  },\n  '&.exit-active': {\n    opacity: '0',\n    transition: 'opacity 0.3s ease-in',\n  },\n}));\n\nconst StyledIconHolder = styled('div')(() => ({\n  width: '25px',\n  marginRight: '5px',\n  display: 'flex',\n  alignItems: 'center',\n}));\n\n/**\n * We export the raw unstyled class for testability. For public use please use the default export.\n */\nexport class CorrectAnswerToggle extends React.Component {\n  static propTypes = {\n    onToggle: PropTypes.func,\n    toggled: PropTypes.bool,\n    show: PropTypes.bool,\n    hideMessage: PropTypes.string,\n    showMessage: PropTypes.string,\n    className: PropTypes.string,\n    language: PropTypes.string,\n  };\n\n  static defaultProps = {\n    showMessage: 'Show correct answer',\n    hideMessage: 'Hide correct answer',\n    show: false,\n    toggled: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      show: props.show,\n    };\n    this.openIconRef = React.createRef();\n    this.closedIconRef = React.createRef();\n\n    CorrectAnswerToggle.defaultProps = {\n      ...CorrectAnswerToggle.defaultProps,\n      showMessage: translator.t('common:showCorrectAnswer', { lng: props.language }),\n      hideMessage: translator.t('common:hideCorrectAnswer', { lng: props.language }),\n    };\n  }\n\n  onClick() {\n    this.props.onToggle(!this.props.toggled);\n  }\n  onTouch(event) {\n    event.preventDefault(); // Prevents the default action (click event)\n    this.props.onToggle(!this.props.toggled);\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    this.setState({\n      show: nextProps.show,\n    });\n\n    if (nextProps.language !== this.props?.language) {\n      CorrectAnswerToggle.defaultProps = {\n        ...CorrectAnswerToggle.defaultProps,\n        showMessage: translator.t('common:showCorrectAnswer', { lng: nextProps.language }),\n        hideMessage: translator.t('common:hideCorrectAnswer', { lng: nextProps.language }),\n      };\n    }\n  }\n\n  render() {\n    const { className, toggled, hideMessage, showMessage } = this.props;\n\n    return (\n      <StyledRoot className={className}>\n        <Expander show={this.state.show}>\n          <StyledContent onClick={this.onClick.bind(this)} onTouchEnd={this.onTouch.bind(this)}>\n            <StyledIconHolder>\n              <CSSTransition\n                nodeRef={this.openIconRef}\n                timeout={400}\n                in={toggled}\n                exit={!toggled}\n                classNames={{\n                  enter: 'enter',\n                  enterActive: 'enter-active',\n                  exit: 'exit',\n                  exitActive: 'exit-active',\n                }}\n              >\n                <StyledIcon ref={this.openIconRef}>\n                  <CorrectResponse open={toggled} key=\"correct-open\" />\n                </StyledIcon>\n              </CSSTransition>\n              <CSSTransition\n                nodeRef={this.closedIconRef}\n                timeout={5000}\n                in={!toggled}\n                exit={toggled}\n                classNames={{\n                  enter: 'enter',\n                  enterActive: 'enter-active',\n                  exit: 'exit',\n                  exitActive: 'exit-active',\n                }}\n              >\n                <StyledIcon ref={this.closedIconRef}>\n                  <CorrectResponse open={toggled} key=\"correct-closed\" />\n                </StyledIcon>\n              </CSSTransition>\n            </StyledIconHolder>\n            <Readable false>\n              <StyledLabel aria-hidden={!this.state.show}>{toggled ? hideMessage : showMessage}</StyledLabel>\n            </Readable>\n          </StyledContent>\n        </Expander>\n      </StyledRoot>\n    );\n  }\n}\n\nexport default CorrectAnswerToggle;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_styles","require","_reactTransitionGroup","_icons","_renderUi","_expander","_interopRequireDefault","_react","_propTypes","_translator","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","translator","Translator","noTouch","StyledRoot","styled","width","cursor","StyledContent","margin","textAlign","display","StyledLabel","minWidth","alignSelf","verticalAlign","color","concat","text","fontWeight","StyledIcon","position","opacity","transition","StyledIconHolder","marginRight","alignItems","CorrectAnswerToggle","exports","_React$Component","props","_this","_classCallCheck2","state","show","openIconRef","React","createRef","closedIconRef","defaultProps","showMessage","lng","language","hideMessage","_inherits2","_createClass2","key","value","onClick","onToggle","toggled","onTouch","event","preventDefault","UNSAFE_componentWillReceiveProps","nextProps","_this$props","setState","render","_this$props2","className","createElement","bind","onTouchEnd","CSSTransition","nodeRef","timeout","exit","classNames","enter","enterActive","exitActive","ref","CorrectResponse","open","Readable","Component","PropTypes","func","bool","string","_default"],"sources":["../src/index.jsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { CSSTransition } from 'react-transition-group';\nimport { CorrectResponse } from '@pie-lib/icons';\nimport { color, Readable } from '@pie-lib/render-ui';\nimport Expander from './expander';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst noTouch = {\n  '-webkit-touchCcallout': 'none',\n  '-webkit-user-select': 'none',\n  '-khtml-user-select': 'none',\n  '-moz-user-select': 'none',\n  '-ms-user-select': 'none',\n  'user-select': 'none',\n};\n\nconst StyledRoot = styled('div')(() => ({\n  width: '100%',\n  cursor: 'pointer',\n}));\n\nconst StyledContent = styled('div')(() => ({\n  margin: '0 auto',\n  textAlign: 'center',\n  display: 'flex',\n}));\n\nconst StyledLabel = styled('div')(() => ({\n  width: 'fit-content',\n  minWidth: '140px',\n  alignSelf: 'center',\n  verticalAlign: 'middle',\n  color: `var(--correct-answer-toggle-label-color, ${color.text()})`,\n  fontWeight: 'normal',\n  ...noTouch,\n}));\n\nconst StyledIcon = styled('div')(() => ({\n  position: 'absolute',\n  width: '25px',\n  '&.enter': {\n    opacity: '0',\n  },\n  '&.enter-active': {\n    opacity: '1',\n    transition: 'opacity 0.3s ease-in',\n  },\n  '&.exit': {\n    opacity: '1',\n  },\n  '&.exit-active': {\n    opacity: '0',\n    transition: 'opacity 0.3s ease-in',\n  },\n}));\n\nconst StyledIconHolder = styled('div')(() => ({\n  width: '25px',\n  marginRight: '5px',\n  display: 'flex',\n  alignItems: 'center',\n}));\n\n/**\n * We export the raw unstyled class for testability. For public use please use the default export.\n */\nexport class CorrectAnswerToggle extends React.Component {\n  static propTypes = {\n    onToggle: PropTypes.func,\n    toggled: PropTypes.bool,\n    show: PropTypes.bool,\n    hideMessage: PropTypes.string,\n    showMessage: PropTypes.string,\n    className: PropTypes.string,\n    language: PropTypes.string,\n  };\n\n  static defaultProps = {\n    showMessage: 'Show correct answer',\n    hideMessage: 'Hide correct answer',\n    show: false,\n    toggled: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      show: props.show,\n    };\n    this.openIconRef = React.createRef();\n    this.closedIconRef = React.createRef();\n\n    CorrectAnswerToggle.defaultProps = {\n      ...CorrectAnswerToggle.defaultProps,\n      showMessage: translator.t('common:showCorrectAnswer', { lng: props.language }),\n      hideMessage: translator.t('common:hideCorrectAnswer', { lng: props.language }),\n    };\n  }\n\n  onClick() {\n    this.props.onToggle(!this.props.toggled);\n  }\n  onTouch(event) {\n    event.preventDefault(); // Prevents the default action (click event)\n    this.props.onToggle(!this.props.toggled);\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    this.setState({\n      show: nextProps.show,\n    });\n\n    if (nextProps.language !== this.props?.language) {\n      CorrectAnswerToggle.defaultProps = {\n        ...CorrectAnswerToggle.defaultProps,\n        showMessage: translator.t('common:showCorrectAnswer', { lng: nextProps.language }),\n        hideMessage: translator.t('common:hideCorrectAnswer', { lng: nextProps.language }),\n      };\n    }\n  }\n\n  render() {\n    const { className, toggled, hideMessage, showMessage } = this.props;\n\n    return (\n      <StyledRoot className={className}>\n        <Expander show={this.state.show}>\n          <StyledContent onClick={this.onClick.bind(this)} onTouchEnd={this.onTouch.bind(this)}>\n            <StyledIconHolder>\n              <CSSTransition\n                nodeRef={this.openIconRef}\n                timeout={400}\n                in={toggled}\n                exit={!toggled}\n                classNames={{\n                  enter: 'enter',\n                  enterActive: 'enter-active',\n                  exit: 'exit',\n                  exitActive: 'exit-active',\n                }}\n              >\n                <StyledIcon ref={this.openIconRef}>\n                  <CorrectResponse open={toggled} key=\"correct-open\" />\n                </StyledIcon>\n              </CSSTransition>\n              <CSSTransition\n                nodeRef={this.closedIconRef}\n                timeout={5000}\n                in={!toggled}\n                exit={toggled}\n                classNames={{\n                  enter: 'enter',\n                  enterActive: 'enter-active',\n                  exit: 'exit',\n                  exitActive: 'exit-active',\n                }}\n              >\n                <StyledIcon ref={this.closedIconRef}>\n                  <CorrectResponse open={toggled} key=\"correct-closed\" />\n                </StyledIcon>\n              </CSSTransition>\n            </StyledIconHolder>\n            <Readable false>\n              <StyledLabel aria-hidden={!this.state.show}>{toggled ? hideMessage : showMessage}</StyledLabel>\n            </Readable>\n          </StyledContent>\n        </Expander>\n      </StyledRoot>\n    );\n  }\n}\n\nexport default CorrectAnswerToggle;\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -12,7 +12,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "3.1.0-next.5",
+  "version": "3.1.1-next.1",
   "main": "lib/index.js",
   "module": "src/index.jsx",
   "scripts": {},
@@ -21,10 +21,10 @@
     "@emotion/style": "^0.8.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/icons": "3.1.0-next.4",
-    "@pie-lib/render-ui": "5.1.0-next.5",
-    "@pie-lib/translator": "3.1.0-next.4",
-    "lodash": "^4.17.11",
+    "@pie-lib/icons": "^3.1.1-next.1",
+    "@pie-lib/render-ui": "^5.1.1-next.1",
+    "@pie-lib/translator": "^3.1.1-next.1",
+    "lodash-es": "^4.17.23",
     "prop-types": "^15.6.2",
     "react-transition-group": "^4.4.5"
   },
@@ -36,5 +36,5 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "e51620791bab7434375dc0a101c39dc5926a457d"
+  "gitHead": "3bd6fd50a65d60fc94a893e87babf027c1144ed6"
 }

package/src/__tests__/index.test.jsx

@@ -75,13 +75,7 @@ describe('CorrectAnswerToggle', () => {
 
       // Simulate prop update to toggled=false
       onToggle.mockClear();
-      rerender(
-        <CorrectAnswerToggle
-          show={true}
-          toggled={false}
-          onToggle={onToggle}
-        />
-      );
+      rerender(<CorrectAnswerToggle show={true} toggled={false} onToggle={onToggle} />);
 
       // Second click - toggled is false, should call with true
       await user.click(screen.getByText('Show correct answer'));

package/src/index.jsx

@@ -1,12 +1,11 @@
 import { styled } from '@mui/material/styles';
 import { CSSTransition } from 'react-transition-group';
 import { CorrectResponse } from '@pie-lib/icons';
-import { Readable } from '@pie-lib/render-ui';
+import { color, Readable } from '@pie-lib/render-ui';
 import Expander from './expander';
 import React from 'react';
 import PropTypes from 'prop-types';
 import Translator from '@pie-lib/translator';
-import { color } from '@pie-lib/render-ui';
 
 const { translator } = Translator;