@pie-lib/correct-answer-toggle 2.22.0 → 2.22.1

package/esm/index.js

@@ -0,0 +1,262 @@
+import { color, Readable } from '@pie-lib/render-ui';
+import { withStyles } from '@material-ui/core/styles';
+import CSSTransition$1 from 'react-transition-group/CSSTransition';
+import { CorrectResponse } from '@pie-lib/icons';
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CSSTransition } from 'react-transition-group';
+import classNames from 'classnames';
+import Translator from '@pie-lib/translator';
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+const noTouch = {
+  '-webkit-touchCcallout': 'none',
+  '-webkit-user-select': 'none',
+  '-khtml-user-select': 'none',
+  '-moz-user-select': 'none',
+  '-ms-user-select': 'none',
+  'user-select': 'none'
+};
+var styles = {
+  root: {
+    width: '100%',
+    cursor: 'pointer'
+  },
+  content: {
+    margin: '0 auto',
+    textAlign: 'center',
+    display: 'flex'
+  },
+  label: Object.assign({
+    width: 'fit-content',
+    minWidth: '140px',
+    // eslint-disable-next-line
+    fontFamily: "'Roboto', sans-serif",
+    alignSelf: 'center',
+    verticalAlign: 'middle',
+    color: `var(--correct-answer-toggle-label-color,  ${color.text()})`,
+    fontWeight: 'normal'
+  }, noTouch),
+  icon: {
+    position: 'absolute',
+    width: '25px'
+  },
+  iconHolder: {
+    width: '25px',
+    marginRight: '5px',
+    display: 'flex',
+    alignItems: 'center'
+  },
+  enter: {
+    opacity: '0'
+  },
+  enterActive: {
+    opacity: '1',
+    transition: 'opacity 0.3s ease-in'
+  },
+  exit: {
+    opacity: '1'
+  },
+  exitActive: {
+    opacity: '0',
+    transition: 'opacity 0.3s ease-in'
+  }
+};
+
+const Expander = props => {
+  const {
+    classes,
+    show,
+    children
+  } = props;
+  return /*#__PURE__*/React.createElement(CSSTransition, {
+    in: show,
+    appear: true,
+    mountOnEnter: false,
+    timeout: 300,
+    classNames: _extends({}, classes)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.expander
+  }, children));
+};
+
+Expander.propTypes = {
+  show: PropTypes.bool.isRequired,
+  className: PropTypes.string,
+  classes: PropTypes.object,
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
+};
+const transition = 'height ease-in 300ms, opacity ease-in 300ms';
+var Expander$1 = withStyles(() => ({
+  expander: {
+    position: 'relative',
+    height: 0,
+    overflow: 'hidden',
+    display: 'flex',
+    visibility: 'hidden',
+    width: 0
+  },
+  enter: {
+    transition,
+    opacity: 1,
+    height: 'auto',
+    width: 'auto',
+    visibility: 'visible',
+    minHeight: '25px'
+  },
+  enterDone: {
+    height: 'auto',
+    visibility: 'visible',
+    width: 'auto',
+    minHeight: '25px'
+  },
+  exit: {
+    transition,
+    opacity: 0,
+    height: 0,
+    visibility: 'visible',
+    width: 0
+  },
+  exitDone: {
+    opacity: 0,
+    visibility: 'hidden',
+    height: 0,
+    width: 0
+  }
+}))(Expander);
+
+const {
+  translator
+} = Translator;
+/**
+ * We export the raw unstyled class for testability. For public use please use the default export.
+ */
+
+class CorrectAnswerToggle extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      show: props.show
+    };
+    CorrectAnswerToggle.defaultProps = _extends({}, CorrectAnswerToggle.defaultProps, {
+      showMessage: translator.t('common:showCorrectAnswer', {
+        lng: props.language
+      }),
+      hideMessage: translator.t('common:hideCorrectAnswer', {
+        lng: props.language
+      })
+    });
+  }
+
+  onClick() {
+    this.props.onToggle(!this.props.toggled);
+  }
+
+  onTouch(event) {
+    event.preventDefault(); // Prevents the default action (click event)
+
+    this.props.onToggle(!this.props.toggled);
+  }
+
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    var _this$props;
+
+    this.setState({
+      show: nextProps.show
+    });
+
+    if (nextProps.language !== ((_this$props = this.props) == null ? void 0 : _this$props.language)) {
+      CorrectAnswerToggle.defaultProps = _extends({}, CorrectAnswerToggle.defaultProps, {
+        showMessage: translator.t('common:showCorrectAnswer', {
+          lng: nextProps.language
+        }),
+        hideMessage: translator.t('common:hideCorrectAnswer', {
+          lng: nextProps.language
+        })
+      });
+    }
+  }
+
+  render() {
+    const {
+      classes,
+      className,
+      toggled,
+      hideMessage,
+      showMessage
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames(classes.root, className)
+    }, /*#__PURE__*/React.createElement(Expander$1, {
+      show: this.state.show,
+      className: classes.expander
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classes.content,
+      onClick: this.onClick.bind(this),
+      onTouchEnd: this.onTouch.bind(this)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classes.iconHolder
+    }, /*#__PURE__*/React.createElement(CSSTransition$1, {
+      timeout: 400,
+      in: toggled,
+      exit: !toggled,
+      classNames: classes
+    }, /*#__PURE__*/React.createElement(CorrectResponse, {
+      open: toggled,
+      key: "correct-open",
+      className: classes.icon
+    })), /*#__PURE__*/React.createElement(CSSTransition$1, {
+      timeout: 5000,
+      in: !toggled,
+      exit: toggled,
+      classNames: classes
+    }, /*#__PURE__*/React.createElement(CorrectResponse, {
+      open: toggled,
+      key: "correct-closed",
+      className: classes.icon
+    }))), /*#__PURE__*/React.createElement(Readable, {
+      false: true
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classes.label,
+      "aria-hidden": !this.state.show
+    }, toggled ? hideMessage : showMessage)))));
+  }
+
+}
+CorrectAnswerToggle.propTypes = {
+  onToggle: PropTypes.func,
+  toggled: PropTypes.bool,
+  show: PropTypes.bool,
+  hideMessage: PropTypes.string,
+  showMessage: PropTypes.string,
+  classes: PropTypes.object.isRequired,
+  className: PropTypes.string,
+  language: PropTypes.string
+};
+CorrectAnswerToggle.defaultProps = {
+  showMessage: 'Show correct answer',
+  hideMessage: 'Hide correct answer',
+  show: false,
+  toggled: false
+};
+var index = withStyles(styles)(CorrectAnswerToggle);
+
+export { CorrectAnswerToggle, index as default };
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/styles.js","../src/expander.jsx","../src/index.jsx"],"sourcesContent":["import { color } from '@pie-lib/render-ui';\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\nexport default {\n  root: {\n    width: '100%',\n    cursor: 'pointer',\n  },\n  content: {\n    margin: '0 auto',\n    textAlign: 'center',\n    display: 'flex',\n  },\n  label: Object.assign(\n    {\n      width: 'fit-content',\n      minWidth: '140px',\n      // eslint-disable-next-line\n      fontFamily: \"'Roboto', sans-serif\",\n      alignSelf: 'center',\n      verticalAlign: 'middle',\n      color: `var(--correct-answer-toggle-label-color,  ${color.text()})`,\n      fontWeight: 'normal',\n    },\n    noTouch,\n  ),\n  icon: {\n    position: 'absolute',\n    width: '25px',\n  },\n  iconHolder: {\n    width: '25px',\n    marginRight: '5px',\n    display: 'flex',\n    alignItems: 'center',\n  },\n  enter: {\n    opacity: '0',\n  },\n  enterActive: {\n    opacity: '1',\n    transition: 'opacity 0.3s ease-in',\n  },\n  exit: {\n    opacity: '1',\n  },\n  exitActive: {\n    opacity: '0',\n    transition: 'opacity 0.3s ease-in',\n  },\n};\n\nexport const animationStyles = {};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { CSSTransition } from 'react-transition-group';\n\nconst Expander = (props) => {\n  const { classes, show, children } = props;\n\n  return (\n    <CSSTransition in={show} appear={true} mountOnEnter={false} timeout={300} classNames={{ ...classes }}>\n      <div className={classes.expander}>{children}</div>\n    </CSSTransition>\n  );\n};\n\nExpander.propTypes = {\n  show: PropTypes.bool.isRequired,\n  className: PropTypes.string,\n  classes: PropTypes.object,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n};\n\nconst transition = 'height ease-in 300ms, opacity ease-in 300ms';\n\nexport default withStyles(() => ({\n  expander: {\n    position: 'relative',\n    height: 0,\n    overflow: 'hidden',\n    display: 'flex',\n    visibility: 'hidden',\n    width: 0,\n  },\n  enter: {\n    transition,\n    opacity: 1,\n    height: 'auto',\n    width: 'auto',\n    visibility: 'visible',\n    minHeight: '25px',\n  },\n  enterDone: {\n    height: 'auto',\n    visibility: 'visible',\n    width: 'auto',\n    minHeight: '25px',\n  },\n  exit: {\n    transition,\n    opacity: 0,\n    height: 0,\n    visibility: 'visible',\n    width: 0,\n  },\n  exitDone: {\n    opacity: 0,\n    visibility: 'hidden',\n    height: 0,\n    width: 0,\n  },\n}))(Expander);\n","import styles from './styles';\nimport { withStyles } from '@material-ui/core/styles';\nimport CSSTransition from 'react-transition-group/CSSTransition';\nimport { CorrectResponse } from '@pie-lib/icons';\nimport { Readable } from '@pie-lib/render-ui';\nimport Expander from './expander';\nimport React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\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    classes: PropTypes.object.isRequired,\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\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 { classes, className, toggled, hideMessage, showMessage } = this.props;\n\n    return (\n      <div className={classNames(classes.root, className)}>\n        <Expander show={this.state.show} className={classes.expander}>\n          <div className={classes.content} onClick={this.onClick.bind(this)} onTouchEnd={this.onTouch.bind(this)}>\n            <div className={classes.iconHolder}>\n              <CSSTransition timeout={400} in={toggled} exit={!toggled} classNames={classes}>\n                <CorrectResponse open={toggled} key=\"correct-open\" className={classes.icon} />\n              </CSSTransition>\n              <CSSTransition timeout={5000} in={!toggled} exit={toggled} classNames={classes}>\n                <CorrectResponse open={toggled} key=\"correct-closed\" className={classes.icon} />\n              </CSSTransition>\n            </div>\n            <Readable false>\n              <div className={classes.label} aria-hidden={!this.state.show}>\n                {toggled ? hideMessage : showMessage}\n              </div>\n            </Readable>\n          </div>\n        </Expander>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(CorrectAnswerToggle);\n"],"names":["noTouch","root","width","cursor","content","margin","textAlign","display","label","Object","assign","minWidth","fontFamily","alignSelf","verticalAlign","color","text","fontWeight","icon","position","iconHolder","marginRight","alignItems","enter","opacity","enterActive","transition","exit","exitActive","Expander","props","classes","show","children","expander","propTypes","PropTypes","bool","isRequired","className","string","object","oneOfType","arrayOf","node","withStyles","height","overflow","visibility","minHeight","enterDone","exitDone","translator","Translator","CorrectAnswerToggle","React","Component","constructor","state","defaultProps","showMessage","t","lng","language","hideMessage","onClick","onToggle","toggled","onTouch","event","preventDefault","UNSAFE_componentWillReceiveProps","nextProps","setState","render","classNames","bind","CSSTransition","func","styles"],"mappings":"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"}

package/package.json

@@ -11,14 +11,14 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "2.22.0",
+  "version": "2.22.1",
   "main": "lib/index.js",
   "module": "src/index.jsx",
   "scripts": {},
   "dependencies": {
     "@material-ui/core": "^3.8.3",
     "@pie-lib/icons": "^2.21.0",
-    "@pie-lib/render-ui": "^4.32.0",
+    "@pie-lib/render-ui": "^4.32.1",
     "@pie-lib/translator": "^2.20.0",
     "classnames": "^2.2.6",
     "lodash": "^4.17.11",
@@ -33,5 +33,12 @@
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
-  "gitHead": "d6cccc4cca72fde471ababc7dce4c6236f5cbc0a"
+  "gitHead": "be0b7951407a81d53b8b8b4861b8407b31728809",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./lib/index.js",
+      "default": "./esm/index.js"
+    }
+  }
 }