@pie-element/ebsr 9.12.1-next.9 → 9.12.2-next.18

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/icons/partially-correct-icon.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.PartiallyCorrect = void 0;
+
+var _iconBase = _interopRequireDefault(require("./icon-base"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _iconRoot = require("./icon-root");
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = (0, _iconRoot.getStyles)('partially-correct', '#4aaf46', '#c1e1ac');
+
+var Check = function Check(_ref) {
+  var className = _ref.className;
+  return /*#__PURE__*/_react["default"].createElement("g", {
+    transform: 'translate(0, 0)'
+  }, /*#__PURE__*/_react["default"].createElement("polygon", {
+    className: className,
+    points: "27.5,13.4 23.9,11.4 15.9,25.8 19.1,28.6"
+  }), /*#__PURE__*/_react["default"].createElement("polygon", {
+    className: className,
+    points: "16.2,20.6 14.4,19.2 11.8,22.3 14.1,24.3"
+  }));
+};
+
+var Emoji = function Emoji(_ref2) {
+  var className = _ref2.className;
+  return /*#__PURE__*/_react["default"].createElement("g", {
+    transform: 'translate(2, 0)'
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "20.6",
+    y: "11.8",
+    className: className,
+    width: "4",
+    height: "5"
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "11.5",
+    y: "11.8",
+    className: className,
+    width: "4",
+    height: "5"
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "10.9",
+    y: "22.9",
+    transform: "matrix(0.9794 -0.2019 0.2019 0.9794 -4.6237 4.1559)",
+    className: className,
+    width: "14.3",
+    height: "3.7"
+  }));
+};
+
+Emoji.propTypes = Check.propTypes = {
+  className: _propTypes["default"].string
+};
+var PartiallyCorrect = (0, _iconBase["default"])(Check, Emoji);
+exports.PartiallyCorrect = PartiallyCorrect;
+PartiallyCorrect.propTypes = {
+  iconSet: _propTypes["default"].oneOf(['emoji', 'check']),
+  shape: _propTypes["default"].oneOf(['round', 'square']),
+  category: _propTypes["default"].oneOf(['feedback', undefined]),
+  open: _propTypes["default"].bool
+};
+PartiallyCorrect.defaultProps = {
+  iconSet: 'check',
+  shape: 'round',
+  category: undefined,
+  open: false
+};
+
+var _default = (0, _styles.withStyles)(styles)(PartiallyCorrect);
+
+exports["default"] = _default;
+//# sourceMappingURL=partially-correct-icon.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/icons/partially-correct-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/code/icons/partially-correct-icon.jsx"],"names":["styles","Check","className","Emoji","propTypes","PropTypes","string","PartiallyCorrect","iconSet","oneOf","shape","category","undefined","open","bool","defaultProps"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,yBAAU,mBAAV,EAA+B,SAA/B,EAA0C,SAA1C,CAAf;;AAEA,IAAMC,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGC,SAAH,QAAGA,SAAH;AAAA,sBACZ;AAAG,IAAA,SAAS,EAAE;AAAd,kBACE;AAAS,IAAA,SAAS,EAAEA,SAApB;AAA+B,IAAA,MAAM,EAAC;AAAtC,IADF,eAEE;AAAS,IAAA,SAAS,EAAEA,SAApB;AAA+B,IAAA,MAAM,EAAC;AAAtC,IAFF,CADY;AAAA,CAAd;;AAOA,IAAMC,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGD,SAAH,SAAGA,SAAH;AAAA,sBACZ;AAAG,IAAA,SAAS,EAAE;AAAd,kBACE;AAAM,IAAA,CAAC,EAAC,MAAR;AAAe,IAAA,CAAC,EAAC,MAAjB;AAAwB,IAAA,SAAS,EAAEA,SAAnC;AAA8C,IAAA,KAAK,EAAC,GAApD;AAAwD,IAAA,MAAM,EAAC;AAA/D,IADF,eAEE;AAAM,IAAA,CAAC,EAAC,MAAR;AAAe,IAAA,CAAC,EAAC,MAAjB;AAAwB,IAAA,SAAS,EAAEA,SAAnC;AAA8C,IAAA,KAAK,EAAC,GAApD;AAAwD,IAAA,MAAM,EAAC;AAA/D,IAFF,eAGE;AACE,IAAA,CAAC,EAAC,MADJ;AAEE,IAAA,CAAC,EAAC,MAFJ;AAGE,IAAA,SAAS,EAAC,qDAHZ;AAIE,IAAA,SAAS,EAAEA,SAJb;AAKE,IAAA,KAAK,EAAC,MALR;AAME,IAAA,MAAM,EAAC;AANT,IAHF,CADY;AAAA,CAAd;;AAeAC,KAAK,CAACC,SAAN,GAAkBH,KAAK,CAACG,SAAN,GAAkB;AAAEF,EAAAA,SAAS,EAAEG,sBAAUC;AAAvB,CAApC;AAEO,IAAMC,gBAAgB,GAAG,0BAASN,KAAT,EAAgBE,KAAhB,CAAzB;;AAEPI,gBAAgB,CAACH,SAAjB,GAA6B;AAC3BI,EAAAA,OAAO,EAAEH,sBAAUI,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,CADkB;AAE3BC,EAAAA,KAAK,EAAEL,sBAAUI,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,CAAhB,CAFoB;AAG3BE,EAAAA,QAAQ,EAAEN,sBAAUI,KAAV,CAAgB,CAAC,UAAD,EAAaG,SAAb,CAAhB,CAHiB;AAI3BC,EAAAA,IAAI,EAAER,sBAAUS;AAJW,CAA7B;AAOAP,gBAAgB,CAACQ,YAAjB,GAAgC;AAC9BP,EAAAA,OAAO,EAAE,OADqB;AAE9BE,EAAAA,KAAK,EAAE,OAFuB;AAG9BC,EAAAA,QAAQ,EAAEC,SAHoB;AAI9BC,EAAAA,IAAI,EAAE;AAJwB,CAAhC;;eAOe,wBAAWb,MAAX,EAAmBO,gBAAnB,C","sourcesContent":["import IconBase from './icon-base';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { getStyles } from './icon-root';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = getStyles('partially-correct', '#4aaf46', '#c1e1ac');\n\nconst Check = ({ className }) => (\n  <g transform={'translate(0, 0)'}>\n    <polygon className={className} points=\"27.5,13.4 23.9,11.4 15.9,25.8 19.1,28.6\" />\n    <polygon className={className} points=\"16.2,20.6 14.4,19.2 11.8,22.3 14.1,24.3\" />\n  </g>\n);\n\nconst Emoji = ({ className }) => (\n  <g transform={'translate(2, 0)'}>\n    <rect x=\"20.6\" y=\"11.8\" className={className} width=\"4\" height=\"5\" />\n    <rect x=\"11.5\" y=\"11.8\" className={className} width=\"4\" height=\"5\" />\n    <rect\n      x=\"10.9\"\n      y=\"22.9\"\n      transform=\"matrix(0.9794 -0.2019 0.2019 0.9794 -4.6237 4.1559)\"\n      className={className}\n      width=\"14.3\"\n      height=\"3.7\"\n    />\n  </g>\n);\n\nEmoji.propTypes = Check.propTypes = { className: PropTypes.string };\n\nexport const PartiallyCorrect = IconBase(Check, Emoji);\n\nPartiallyCorrect.propTypes = {\n  iconSet: PropTypes.oneOf(['emoji', 'check']),\n  shape: PropTypes.oneOf(['round', 'square']),\n  category: PropTypes.oneOf(['feedback', undefined]),\n  open: PropTypes.bool,\n};\n\nPartiallyCorrect.defaultProps = {\n  iconSet: 'check',\n  shape: 'round',\n  category: undefined,\n  open: false,\n};\n\nexport default withStyles(styles)(PartiallyCorrect);\n"],"file":"partially-correct-icon.js"}

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/icons/show-rationale-icon.js

@@ -0,0 +1,206 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ShowRationale = 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"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _sized = require("./sized");
+
+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 Info = function Info(_ref) {
+  var fg = _ref.fg;
+  return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "-115",
+    y: "136.7",
+    className: fg,
+    width: "3",
+    height: "3"
+  }), /*#__PURE__*/_react["default"].createElement("polygon", {
+    className: fg,
+    points: "-112,147.7 -112,141.7 -115.8,141.7 -115.8,143.7 -114,143.7 -114,147.7 -116.2,147.7 -116.2,149.7 -109.8,149.7 -109.8,147.7"
+  }));
+};
+
+Info.propTypes = {
+  fg: _propTypes["default"].string
+};
+
+var Border = function Border(_ref2) {
+  var className = _ref2.className;
+  return /*#__PURE__*/_react["default"].createElement("path", {
+    className: className,
+    d: "M-113,158.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105,158.5-113,158.5zM-113,130.5c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-105.6,130.5-113,130.5z"
+  });
+};
+
+Border.propTypes = {
+  className: _propTypes["default"].string
+};
+
+var Circle = function Circle() {
+  return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
+    style: {
+      fill: '#D0CAC5',
+      stroke: '#E6E3E0',
+      strokeWidth: 0.75,
+      strokeMiterlimit: 10
+    },
+    d: "M-111.7,160.9c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5C-96.2,154-103.1,160.9-111.7,160.9z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    style: {
+      fill: '#B3ABA4',
+      stroke: '#CDC7C2',
+      strokeWidth: 0.5,
+      strokeMiterlimit: 10
+    },
+    d: "M-112,159.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-104,159.5-112,159.5z"
+  }), /*#__PURE__*/_react["default"].createElement("circle", {
+    style: {
+      fill: '#FFFFFF'
+    },
+    cx: "-113",
+    cy: "144",
+    r: "14"
+  }));
+};
+
+var Root = function Root(_ref3) {
+  var children = _ref3.children,
+      size = _ref3.size;
+  size = (0, _sized.normalizeSize)(size);
+  var style = {
+    height: size,
+    width: size,
+    display: 'inline-block',
+    position: 'relative'
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement("svg", {
+    preserveAspectRatio: "xMinYMin meet",
+    viewBox: "-129 128 34 34"
+  }, children));
+};
+
+Root.propTypes = {
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
+  size: _propTypes["default"].number
+};
+var styles = {
+  fg: {
+    fill: '#1a9cff'
+  },
+  bg: {
+    fill: '#bce2ff'
+  },
+  border: {
+    fill: '#bbe3fd'
+  },
+  whiteBorder: {
+    fill: 'white'
+  }
+};
+
+var ShowRationale = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(ShowRationale, _React$Component);
+
+  var _super = _createSuper(ShowRationale);
+
+  function ShowRationale(props) {
+    (0, _classCallCheck2["default"])(this, ShowRationale);
+    return _super.call(this, props);
+  }
+
+  (0, _createClass2["default"])(ShowRationale, [{
+    key: "render",
+    value: function render() {
+      var classes = this.props.classes;
+
+      var info = /*#__PURE__*/_react["default"].createElement(Info, {
+        fg: classes.fg
+      });
+
+      var icons = {
+        check: /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(Circle, null), info, /*#__PURE__*/_react["default"].createElement(Border, {
+          className: classes.border
+        })),
+        emoji: /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(Circle, null), info, /*#__PURE__*/_react["default"].createElement(Border, {
+          className: classes.border
+        })),
+        open: {
+          check: /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement("circle", {
+            style: {
+              fill: '#FFFFFF'
+            },
+            cx: "-113",
+            cy: "144",
+            r: "14"
+          }), /*#__PURE__*/_react["default"].createElement(Info, {
+            fg: classes.bg,
+            border: classes.whiteBorder
+          })),
+          emoji: /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement("circle", {
+            style: {
+              fill: '#FFFFFF'
+            },
+            cx: "-113",
+            cy: "144",
+            r: "14"
+          }), /*#__PURE__*/_react["default"].createElement(Info, {
+            fg: classes.bg,
+            border: classes.border
+          }))
+        }
+      };
+
+      if (this.props.open === true) {
+        return icons.open[this.props.iconSet];
+      } else {
+        return icons[this.props.iconSet];
+      }
+    }
+  }]);
+  return ShowRationale;
+}(_react["default"].Component);
+
+exports.ShowRationale = ShowRationale;
+(0, _defineProperty2["default"])(ShowRationale, "propTypes", {
+  classes: _propTypes["default"].object.isRequired
+});
+ShowRationale.propTypes = {
+  iconSet: _propTypes["default"].oneOf(['emoji', 'check']),
+  open: _propTypes["default"].bool
+};
+ShowRationale.defaultProps = {
+  iconSet: 'check',
+  open: false
+};
+
+var _default = (0, _styles.withStyles)(styles)(ShowRationale);
+
+exports["default"] = _default;
+//# sourceMappingURL=show-rationale-icon.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/icons/show-rationale-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/code/icons/show-rationale-icon.jsx"],"names":["Info","fg","propTypes","PropTypes","string","Border","className","Circle","fill","stroke","strokeWidth","strokeMiterlimit","Root","children","size","style","height","width","display","position","oneOfType","arrayOf","node","isRequired","number","styles","bg","border","whiteBorder","ShowRationale","props","classes","info","icons","check","emoji","open","iconSet","React","Component","object","oneOf","bool","defaultProps"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { normalizeSize } from './sized';\n\nconst Info = ({ fg }) => (\n  <g>\n    <rect x=\"-115\" y=\"136.7\" className={fg} width=\"3\" height=\"3\" />\n    <polygon\n      className={fg}\n      points=\"-112,147.7 -112,141.7 -115.8,141.7 -115.8,143.7 -114,143.7 -114,147.7 -116.2,147.7 -116.2,149.7 -109.8,149.7 -109.8,147.7\"\n    />\n  </g>\n);\n\nInfo.propTypes = {\n  fg: PropTypes.string,\n};\n\nconst Border = ({ className }) => (\n  <path\n    className={className}\n    d=\"M-113,158.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105,158.5-113,158.5zM-113,130.5c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-105.6,130.5-113,130.5z\"\n  />\n);\nBorder.propTypes = {\n  className: PropTypes.string,\n};\nconst Circle = () => (\n  <g>\n    <path\n      style={{\n        fill: '#D0CAC5',\n        stroke: '#E6E3E0',\n        strokeWidth: 0.75,\n        strokeMiterlimit: 10,\n      }}\n      d=\"M-111.7,160.9c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5C-96.2,154-103.1,160.9-111.7,160.9z\"\n    />\n    <path\n      style={{\n        fill: '#B3ABA4',\n        stroke: '#CDC7C2',\n        strokeWidth: 0.5,\n        strokeMiterlimit: 10,\n      }}\n      d=\"M-112,159.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-104,159.5-112,159.5z\"\n    />\n    <circle style={{ fill: '#FFFFFF' }} cx=\"-113\" cy=\"144\" r=\"14\" />\n  </g>\n);\n\nconst Root = ({ children, size }) => {\n  size = normalizeSize(size);\n  const style = {\n    height: size,\n    width: size,\n    display: 'inline-block',\n    position: 'relative',\n  };\n\n  return (\n    <div style={style}>\n      <svg preserveAspectRatio=\"xMinYMin meet\" viewBox=\"-129 128 34 34\">\n        {children}\n      </svg>\n    </div>\n  );\n};\nRoot.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  size: PropTypes.number,\n};\n\nconst styles = {\n  fg: {\n    fill: '#1a9cff',\n  },\n  bg: {\n    fill: '#bce2ff',\n  },\n  border: {\n    fill: '#bbe3fd',\n  },\n  whiteBorder: {\n    fill: 'white',\n  },\n};\n\nexport class ShowRationale extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const { classes } = this.props;\n\n    const info = <Info fg={classes.fg} />;\n    const icons = {\n      check: (\n        <Root>\n          <Circle />\n          {info}\n          <Border className={classes.border} />\n        </Root>\n      ),\n      emoji: (\n        <Root>\n          <Circle />\n          {info}\n          <Border className={classes.border} />\n        </Root>\n      ),\n      open: {\n        check: (\n          <Root>\n            <circle style={{ fill: '#FFFFFF' }} cx=\"-113\" cy=\"144\" r=\"14\" />\n            <Info fg={classes.bg} border={classes.whiteBorder} />\n          </Root>\n        ),\n        emoji: (\n          <Root>\n            <circle style={{ fill: '#FFFFFF' }} cx=\"-113\" cy=\"144\" r=\"14\" />\n            <Info fg={classes.bg} border={classes.border} />\n          </Root>\n        ),\n      },\n    };\n\n    if (this.props.open === true) {\n      return icons.open[this.props.iconSet];\n    } else {\n      return icons[this.props.iconSet];\n    }\n  }\n}\n\nShowRationale.propTypes = {\n  iconSet: PropTypes.oneOf(['emoji', 'check']),\n  open: PropTypes.bool,\n};\n\nShowRationale.defaultProps = {\n  iconSet: 'check',\n  open: false,\n};\n\nexport default withStyles(styles)(ShowRationale);\n"],"file":"show-rationale-icon.js"}

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/icons/sized.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalizeSize = exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var normalizeSize = function normalizeSize(size) {
+  return typeof size === 'string' ? size : typeof size === 'number' ? "".concat(size, "px") : '30px';
+};
+
+exports.normalizeSize = normalizeSize;
+
+var Sized = function Sized(_ref) {
+  var size = _ref.size,
+      children = _ref.children;
+  size = normalizeSize(size);
+  var style = {
+    height: size,
+    width: size,
+    display: 'inline-block',
+    position: 'relative'
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: style
+  }, children);
+};
+
+Sized.propTypes = {
+  size: _propTypes["default"].number,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
+};
+var _default = Sized;
+exports["default"] = _default;
+//# sourceMappingURL=sized.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/icons/sized.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/code/icons/sized.jsx"],"names":["normalizeSize","size","Sized","children","style","height","width","display","position","propTypes","PropTypes","number","oneOfType","arrayOf","node","isRequired"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,IAAD,EAAU;AACrC,SAAO,OAAOA,IAAP,KAAgB,QAAhB,GAA2BA,IAA3B,GAAkC,OAAOA,IAAP,KAAgB,QAAhB,aAA8BA,IAA9B,UAAyC,MAAlF;AACD,CAFM;;;;AAIP,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAAwB;AAAA,MAArBD,IAAqB,QAArBA,IAAqB;AAAA,MAAfE,QAAe,QAAfA,QAAe;AACpCF,EAAAA,IAAI,GAAGD,aAAa,CAACC,IAAD,CAApB;AAEA,MAAMG,KAAK,GAAG;AACZC,IAAAA,MAAM,EAAEJ,IADI;AAEZK,IAAAA,KAAK,EAAEL,IAFK;AAGZM,IAAAA,OAAO,EAAE,cAHG;AAIZC,IAAAA,QAAQ,EAAE;AAJE,GAAd;AAOA,sBAAO;AAAK,IAAA,KAAK,EAAEJ;AAAZ,KAAoBD,QAApB,CAAP;AACD,CAXD;;AAaAD,KAAK,CAACO,SAAN,GAAkB;AAChBR,EAAAA,IAAI,EAAES,sBAAUC,MADA;AAEhBR,EAAAA,QAAQ,EAAEO,sBAAUE,SAAV,CAAoB,CAACF,sBAAUG,OAAV,CAAkBH,sBAAUI,IAA5B,CAAD,EAAoCJ,sBAAUI,IAA9C,CAApB,EAAyEC;AAFnE,CAAlB;eAIeb,K","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nexport const normalizeSize = (size) => {\n  return typeof size === 'string' ? size : typeof size === 'number' ? `${size}px` : '30px';\n};\n\nconst Sized = ({ size, children }) => {\n  size = normalizeSize(size);\n\n  const style = {\n    height: size,\n    width: size,\n    display: 'inline-block',\n    position: 'relative',\n  };\n\n  return <div style={style}>{children}</div>;\n};\n\nSized.propTypes = {\n  size: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n};\nexport default Sized;\n"],"file":"sized.js"}

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/mask-markup/choices/choice.js

@@ -0,0 +1,158 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DRAG_TYPE = exports.BlankContent = 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"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _drag = require("../../drag");
+
+var _styles = require("@material-ui/core/styles");
+
+var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _mathRenderingAccessible = require("../../math-rendering-accessible");
+
+var _renderUi = require("../../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 DRAG_TYPE = 'MaskBlank';
+exports.DRAG_TYPE = DRAG_TYPE;
+
+var BlankContentComp = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(BlankContentComp, _React$Component);
+
+  var _super = _createSuper(BlankContentComp);
+
+  function BlankContentComp() {
+    (0, _classCallCheck2["default"])(this, BlankContentComp);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(BlankContentComp, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      (0, _mathRenderingAccessible.renderMath)(this.rootRef);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this = this;
+
+      var _this$props = this.props,
+          connectDragSource = _this$props.connectDragSource,
+          choice = _this$props.choice,
+          classes = _this$props.classes,
+          disabled = _this$props.disabled; // TODO the Chip element is causing drag problems on touch devices. Avoid using Chip and consider refactoring the code. Keep in mind that Chip is a span with a button role, which interferes with seamless touch device dragging.
+
+      return connectDragSource( /*#__PURE__*/_react["default"].createElement("span", {
+        className: (0, _classnames["default"])(classes.choice, disabled && classes.disabled)
+      }, /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
+        clickable: false,
+        disabled: true,
+        ref: function ref(_ref2) {
+          //eslint-disable-next-line
+          _this.rootRef = _reactDom["default"].findDOMNode(_ref2);
+        },
+        className: classes.chip,
+        label: /*#__PURE__*/_react["default"].createElement("span", {
+          className: classes.chipLabel,
+          ref: function ref(_ref) {
+            if (_ref) {
+              _ref.innerHTML = choice.value || ' ';
+            }
+          }
+        }, ' '),
+        variant: disabled ? 'outlined' : undefined
+      })), {});
+    }
+  }]);
+  return BlankContentComp;
+}(_react["default"].Component);
+
+(0, _defineProperty2["default"])(BlankContentComp, "propTypes", {
+  disabled: _propTypes["default"].bool,
+  choice: _propTypes["default"].object,
+  classes: _propTypes["default"].object,
+  connectDragSource: _propTypes["default"].func
+});
+var BlankContent = (0, _styles.withStyles)(function (theme) {
+  return {
+    choice: {
+      border: "solid 0px ".concat(theme.palette.primary.main),
+      borderRadius: theme.spacing.unit * 2,
+      margin: theme.spacing.unit / 2,
+      transform: 'translate(0, 0)'
+    },
+    chip: {
+      backgroundColor: _renderUi.color.background(),
+      border: "1px solid ".concat(_renderUi.color.text()),
+      color: _renderUi.color.text(),
+      alignItems: 'center',
+      display: 'inline-flex',
+      height: 'initial',
+      minHeight: '32px',
+      fontSize: 'inherit',
+      whiteSpace: 'pre-wrap',
+      maxWidth: '374px',
+      // Added for touch devices, for image content.
+      // This will prevent the context menu from appearing and not allowing other interactions with the image.
+      // If interactions with the image in the token will be requested we should handle only the context Menu.
+      pointerEvents: 'none'
+    },
+    chipLabel: {
+      whiteSpace: 'pre-wrap',
+      '& img': {
+        display: 'block',
+        padding: '2px 0'
+      }
+    },
+    disabled: {}
+  };
+})(BlankContentComp);
+exports.BlankContent = BlankContent;
+var tileSource = {
+  canDrag: function canDrag(props) {
+    return !props.disabled;
+  },
+  beginDrag: function beginDrag(props) {
+    return {
+      choice: props.choice,
+      instanceId: props.instanceId
+    };
+  }
+};
+var DragDropTile = (0, _drag.DragSource)(DRAG_TYPE, tileSource, function (connect, monitor) {
+  return {
+    connectDragSource: connect.dragSource(),
+    isDragging: monitor.isDragging()
+  };
+})(BlankContent);
+var _default = DragDropTile;
+exports["default"] = _default;
+//# sourceMappingURL=choice.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/mask-markup/choices/choice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/code/mask-markup/choices/choice.jsx"],"names":["DRAG_TYPE","BlankContentComp","rootRef","props","connectDragSource","choice","classes","disabled","ref","ReactDOM","findDOMNode","chip","chipLabel","innerHTML","value","undefined","React","Component","PropTypes","bool","object","func","BlankContent","theme","border","palette","primary","main","borderRadius","spacing","unit","margin","transform","backgroundColor","color","background","text","alignItems","display","height","minHeight","fontSize","whiteSpace","maxWidth","pointerEvents","padding","tileSource","canDrag","beginDrag","instanceId","DragDropTile","connect","monitor","dragSource","isDragging"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DragSource } from '../../drag';\nimport { withStyles } from '@material-ui/core/styles';\nimport Chip from '@material-ui/core/Chip';\nimport classnames from 'classnames';\nimport ReactDOM from 'react-dom';\nimport { renderMath } from '../../math-rendering-accessible';\nimport { color } from '../../render-ui';\n\nexport const DRAG_TYPE = 'MaskBlank';\n\nclass BlankContentComp extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    choice: PropTypes.object,\n    classes: PropTypes.object,\n    connectDragSource: PropTypes.func,\n  };\n\n  componentDidUpdate() {\n    renderMath(this.rootRef);\n  }\n\n  render() {\n    const { connectDragSource, choice, classes, disabled } = this.props;\n\n    // TODO the Chip element is causing drag problems on touch devices. Avoid using Chip and consider refactoring the code. Keep in mind that Chip is a span with a button role, which interferes with seamless touch device dragging.\n\n    return connectDragSource(\n      <span className={classnames(classes.choice, disabled && classes.disabled)}>\n        <Chip\n          clickable={false}\n          disabled={true}\n          ref={(ref) => {\n            //eslint-disable-next-line\n            this.rootRef = ReactDOM.findDOMNode(ref);\n          }}\n          className={classes.chip}\n          label={\n            <span\n              className={classes.chipLabel}\n              ref={(ref) => {\n                if (ref) {\n                  ref.innerHTML = choice.value || ' ';\n                }\n              }}\n            >\n              {' '}\n            </span>\n          }\n          variant={disabled ? 'outlined' : undefined}\n        />\n      </span>,\n      {},\n    );\n  }\n}\n\nexport const BlankContent = withStyles((theme) => ({\n  choice: {\n    border: `solid 0px ${theme.palette.primary.main}`,\n    borderRadius: theme.spacing.unit * 2,\n    margin: theme.spacing.unit / 2,\n    transform: 'translate(0, 0)',\n  },\n  chip: {\n    backgroundColor: color.background(),\n    border: `1px solid ${color.text()}`,\n    color: color.text(),\n    alignItems: 'center',\n    display: 'inline-flex',\n    height: 'initial',\n    minHeight: '32px',\n    fontSize: 'inherit',\n    whiteSpace: 'pre-wrap',\n    maxWidth: '374px',\n    // Added for touch devices, for image content.\n    // This will prevent the context menu from appearing and not allowing other interactions with the image.\n    // If interactions with the image in the token will be requested we should handle only the context Menu.\n    pointerEvents: 'none',\n  },\n  chipLabel: {\n    whiteSpace: 'pre-wrap',\n    '& img': {\n      display: 'block',\n      padding: '2px 0',\n    },\n  },\n  disabled: {},\n}))(BlankContentComp);\n\nconst tileSource = {\n  canDrag(props) {\n    return !props.disabled;\n  },\n  beginDrag(props) {\n    return {\n      choice: props.choice,\n      instanceId: props.instanceId,\n    };\n  },\n};\n\nconst DragDropTile = DragSource(DRAG_TYPE, tileSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging(),\n}))(BlankContent);\n\nexport default DragDropTile;\n"],"file":"choice.js"}

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/mask-markup/choices/index.js

@@ -0,0 +1,127 @@
+"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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _findKey = _interopRequireDefault(require("lodash/findKey"));
+
+var _choice = _interopRequireDefault(require("./choice"));
+
+var _dragInTheBlankDp = _interopRequireDefault(require("../../drag/drag-in-the-blank-dp"));
+
+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 Choices = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Choices, _React$Component);
+
+  var _super = _createSuper(Choices);
+
+  function Choices() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Choices);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getStyleForWrapper", function () {
+      var choicePosition = _this.props.choicePosition;
+
+      switch (choicePosition) {
+        case 'above':
+          return {
+            margin: '0 0 40px 0'
+          };
+
+        case 'below':
+          return {
+            margin: '40px 0 0 0'
+          };
+
+        case 'right':
+          return {
+            margin: '0 0 0 40px'
+          };
+
+        default:
+          return {
+            margin: '0 40px 0 0'
+          };
+      }
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Choices, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          disabled = _this$props.disabled,
+          duplicates = _this$props.duplicates,
+          choices = _this$props.choices,
+          value = _this$props.value;
+      var filteredChoices = choices.filter(function (c) {
+        if (duplicates === true) {
+          return true;
+        }
+
+        var foundChoice = (0, _findKey["default"])(value, function (v) {
+          return v === c.id;
+        });
+        return foundChoice === undefined;
+      });
+      var elementStyle = this.getStyleForWrapper();
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: elementStyle
+      }, /*#__PURE__*/_react["default"].createElement(_dragInTheBlankDp["default"], {
+        disabled: disabled
+      }, filteredChoices.map(function (c, index) {
+        return /*#__PURE__*/_react["default"].createElement(_choice["default"], {
+          key: "".concat(c.value, "-").concat(index),
+          disabled: disabled,
+          choice: c
+        });
+      })));
+    }
+  }]);
+  return Choices;
+}(_react["default"].Component);
+
+exports["default"] = Choices;
+(0, _defineProperty2["default"])(Choices, "propTypes", {
+  disabled: _propTypes["default"].bool,
+  duplicates: _propTypes["default"].bool,
+  choices: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    label: _propTypes["default"].string,
+    value: _propTypes["default"].string
+  })),
+  value: _propTypes["default"].object,
+  choicePosition: _propTypes["default"].string.isRequired
+});
+//# sourceMappingURL=index.js.map