@pie-lib/render-ui 4.18.0 → 4.20.0

package/lib/collapsible/index.js

@@ -1,135 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Collapsible = 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 _index = require("@material-ui/core/styles/index");
-
-var _index2 = _interopRequireDefault(require("@material-ui/core/Collapse/index"));
-
-var _mathRendering = require("@pie-lib/math-rendering");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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 Collapsible = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Collapsible, _React$Component);
-
-  var _super = _createSuper(Collapsible);
-
-  function Collapsible() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Collapsible);
-
-    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), "state", {
-      expanded: false
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleExpanded", function () {
-      _this.setState(function (state) {
-        return {
-          expanded: !state.expanded
-        };
-      });
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Collapsible, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      (0, _mathRendering.renderMath)(this.root);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      (0, _mathRendering.renderMath)(this.root);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          labels = _this$props.labels,
-          children = _this$props.children,
-          className = _this$props.className;
-      var title = this.state.expanded ? labels.visible || 'Hide' : labels.hidden || 'Show';
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: className,
-        ref: function ref(r) {
-          return _this2.root = r;
-        }
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        onClick: this.toggleExpanded
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: classes.title
-      }, title)), /*#__PURE__*/_react["default"].createElement(_index2["default"], {
-        "in": this.state.expanded,
-        timeout: "auto",
-        unmountOnExit: true,
-        className: classes.collapsible
-      }, children));
-    }
-  }]);
-  return Collapsible;
-}(_react["default"].Component);
-
-exports.Collapsible = Collapsible;
-(0, _defineProperty2["default"])(Collapsible, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
-  className: _propTypes["default"].string,
-  children: _propTypes["default"].object,
-  labels: _propTypes["default"].shape({
-    visible: _propTypes["default"].string,
-    hidden: _propTypes["default"].string
-  })
-});
-(0, _defineProperty2["default"])(Collapsible, "defaultProps", {
-  labels: {}
-});
-
-var _default = (0, _index.withStyles)(function (theme) {
-  return {
-    title: {
-      color: theme.palette.primary.light,
-      borderBottom: "1px dotted ".concat(theme.palette.primary.light),
-      cursor: 'pointer'
-    },
-    collapsible: {
-      paddingTop: theme.spacing.unit * 2
-    }
-  };
-})(Collapsible);
-
-exports["default"] = _default;
-//# sourceMappingURL=index.js.map

package/lib/collapsible/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/collapsible/index.jsx"],"names":["Collapsible","expanded","setState","state","root","props","classes","labels","children","className","title","visible","hidden","r","toggleExpanded","collapsible","React","Component","PropTypes","object","isRequired","string","shape","theme","color","palette","primary","light","borderBottom","cursor","paddingTop","spacing","unit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,W;;;;;;;;;;;;;;;8FAeH;AACNC,MAAAA,QAAQ,EAAE;AADJ,K;uGAIS,YAAM;AACrB,YAAKC,QAAL,CAAc,UAACC,KAAD;AAAA,eAAY;AAAEF,UAAAA,QAAQ,EAAE,CAACE,KAAK,CAACF;AAAnB,SAAZ;AAAA,OAAd;AACD,K;;;;;;WAED,6BAAoB;AAClB,qCAAW,KAAKG,IAAhB;AACD;;;WAED,8BAAqB;AACnB,qCAAW,KAAKA,IAAhB;AACD;;;WAED,kBAAS;AAAA;;AACP,wBAAiD,KAAKC,KAAtD;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,MAAjB,eAAiBA,MAAjB;AAAA,UAAyBC,QAAzB,eAAyBA,QAAzB;AAAA,UAAmCC,SAAnC,eAAmCA,SAAnC;AACA,UAAMC,KAAK,GAAG,KAAKP,KAAL,CAAWF,QAAX,GAAsBM,MAAM,CAACI,OAAP,IAAkB,MAAxC,GAAiDJ,MAAM,CAACK,MAAP,IAAiB,MAAhF;AAEA,0BACE;AAAK,QAAA,SAAS,EAAEH,SAAhB;AAA2B,QAAA,GAAG,EAAE,aAACI,CAAD;AAAA,iBAAQ,MAAI,CAACT,IAAL,GAAYS,CAApB;AAAA;AAAhC,sBACE;AAAK,QAAA,OAAO,EAAE,KAAKC;AAAnB,sBACE;AAAM,QAAA,SAAS,EAAER,OAAO,CAACI;AAAzB,SAAiCA,KAAjC,CADF,CADF,eAIE,gCAAC,kBAAD;AAAU,cAAI,KAAKP,KAAL,CAAWF,QAAzB;AAAmC,QAAA,OAAO,EAAC,MAA3C;AAAkD,QAAA,aAAa,MAA/D;AAAgE,QAAA,SAAS,EAAEK,OAAO,CAACS;AAAnF,SACGP,QADH,CAJF,CADF;AAUD;;;EA7C8BQ,kBAAMC,S;;;iCAA1BjB,W,eACQ;AACjBM,EAAAA,OAAO,EAAEY,sBAAUC,MAAV,CAAiBC,UADT;AAEjBX,EAAAA,SAAS,EAAES,sBAAUG,MAFJ;AAGjBb,EAAAA,QAAQ,EAAEU,sBAAUC,MAHH;AAIjBZ,EAAAA,MAAM,EAAEW,sBAAUI,KAAV,CAAgB;AACtBX,IAAAA,OAAO,EAAEO,sBAAUG,MADG;AAEtBT,IAAAA,MAAM,EAAEM,sBAAUG;AAFI,GAAhB;AAJS,C;iCADRrB,W,kBAWW;AACpBO,EAAAA,MAAM,EAAE;AADY,C;;eAqCT,uBAAW,UAACgB,KAAD;AAAA,SAAY;AACpCb,IAAAA,KAAK,EAAE;AACLc,MAAAA,KAAK,EAAED,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsBC,KADxB;AAELC,MAAAA,YAAY,uBAAgBL,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsBC,KAAtC,CAFP;AAGLE,MAAAA,MAAM,EAAE;AAHH,KAD6B;AAMpCd,IAAAA,WAAW,EAAE;AACXe,MAAAA,UAAU,EAAEP,KAAK,CAACQ,OAAN,CAAcC,IAAd,GAAqB;AADtB;AANuB,GAAZ;AAAA,CAAX,EASXhC,WATW,C","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport Collapse from '@material-ui/core/Collapse/index';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport PropTypes from 'prop-types';\n\nexport class Collapsible extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    children: PropTypes.object,\n    labels: PropTypes.shape({\n      visible: PropTypes.string,\n      hidden: PropTypes.string,\n    }),\n  };\n\n  static defaultProps = {\n    labels: {},\n  };\n\n  state = {\n    expanded: false,\n  };\n\n  toggleExpanded = () => {\n    this.setState((state) => ({ expanded: !state.expanded }));\n  };\n\n  componentDidMount() {\n    renderMath(this.root);\n  }\n\n  componentDidUpdate() {\n    renderMath(this.root);\n  }\n\n  render() {\n    const { classes, labels, children, className } = this.props;\n    const title = this.state.expanded ? labels.visible || 'Hide' : labels.hidden || 'Show';\n\n    return (\n      <div className={className} ref={(r) => (this.root = r)}>\n        <div onClick={this.toggleExpanded}>\n          <span className={classes.title}>{title}</span>\n        </div>\n        <Collapse in={this.state.expanded} timeout=\"auto\" unmountOnExit className={classes.collapsible}>\n          {children}\n        </Collapse>\n      </div>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  title: {\n    color: theme.palette.primary.light,\n    borderBottom: `1px dotted ${theme.palette.primary.light}`,\n    cursor: 'pointer',\n  },\n  collapsible: {\n    paddingTop: theme.spacing.unit * 2,\n  },\n}))(Collapsible);\n"],"file":"index.js"}

package/lib/color.js

@@ -1,344 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.white = exports.visualElementsColors = exports.v = exports.transparent = exports.text = exports.tertiaryLight = exports.tertiary = exports.secondaryText = exports.secondaryLight = exports.secondaryDark = exports.secondaryBackground = exports.secondary = exports.primaryText = exports.primaryLight = exports.primaryDark = exports.primary = exports.missingWithIcon = exports.missing = exports.incorrectWithIcon = exports.incorrectSecondary = exports.incorrect = exports.focusUncheckedBorder = exports.focusUnchecked = exports.focusCheckedBorder = exports.focusChecked = exports.fadedPrimary = exports.dropdownBackground = exports.disabledSecondary = exports.disabled = exports.defaults = exports.correctWithIcon = exports.correctTertiary = exports.correctSecondary = exports.correct = exports.borderLight = exports.borderGray = exports.borderDark = exports.border = exports.blueGrey900 = exports.blueGrey600 = exports.blueGrey300 = exports.blueGrey100 = exports.black = exports.backgroundDark = exports.background = void 0;
-
-var _green = _interopRequireDefault(require("@material-ui/core/colors/green"));
-
-var _orange = _interopRequireDefault(require("@material-ui/core/colors/orange"));
-
-var _pink = _interopRequireDefault(require("@material-ui/core/colors/pink"));
-
-var _indigo = _interopRequireDefault(require("@material-ui/core/colors/indigo"));
-
-var _red = _interopRequireDefault(require("@material-ui/core/colors/red"));
-
-var defaults = {
-  TEXT: 'black',
-  DISABLED: 'grey',
-  DISABLED_SECONDARY: '#ABABAB',
-  CORRECT: _green["default"][500],
-  CORRECT_SECONDARY: _green["default"][50],
-  CORRECT_TERTIARY: '#0EA449',
-  CORRECT_WITH_ICON: '#087D38',
-  INCORRECT: _orange["default"][500],
-  INCORRECT_SECONDARY: _red["default"][50],
-  INCORRECT_WITH_ICON: '#BF0D00',
-  MISSING: _red["default"][700],
-  MISSING_WITH_ICON: '#6A78A1',
-  PRIMARY: _indigo["default"][500],
-  PRIMARY_LIGHT: _indigo["default"][200],
-  PRIMARY_DARK: _indigo["default"][800],
-  SECONDARY: _pink["default"].A400,
-  SECONDARY_LIGHT: _pink["default"][200],
-  SECONDARY_DARK: _pink["default"][900],
-  TERTIARY: '#146EB3',
-  TERTIARY_LIGHT: '#D0E2F0',
-  BACKGROUND: 'rgba(255,255,255,0)',
-  BACKGROUND_DARK: '#ECEDF1',
-  DROPDOWN_BACKGROUND: '#E0E1E6',
-  // this is used for inline-dropdown
-  // this is only used for multi-trait-rubric, we might want to use BACKGROUND_DARK instead
-  SECONDARY_BACKGROUND: 'rgba(241,241,241,1)',
-  BORDER: '#9A9A9A',
-  BORDER_LIGHT: '#D1D1D1',
-  BORDER_DARK: '#646464',
-  BORDER_GRAY: '#7E8494',
-  BLACK: '#000000',
-  WHITE: '#ffffff',
-  TRANSPARENT: 'transparent',
-  // this is used for multiple-choice accessibility
-  FOCUS_CHECKED: '#BBDEFB',
-  FOCUS_CHECKED_BORDER: '#1565C0',
-  FOCUS_UNCHECKED: '#E0E0E0',
-  FOCUS_UNCHECKED_BORDER: '#757575',
-  // this is used for select text tokens
-  BLUE_GREY100: '#F3F5F7',
-  BLUE_GREY300: '#C0C3CF',
-  BLUE_GREY600: '#7E8494',
-  BLUE_GREY900: '#152452',
-  // this is used for charting
-  FADED_PRIMARY: '#DCDAFB'
-};
-exports.defaults = defaults;
-Object.freeze(defaults);
-
-var v = function v(prefix) {
-  return function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    var fallback = args.pop();
-    return args.reduceRight(function (acc, v) {
-      return "var(--".concat(prefix, "-").concat(v, ", ").concat(acc, ")");
-    }, fallback);
-  };
-};
-
-exports.v = v;
-var pv = v('pie');
-
-var text = function text() {
-  return pv('text', defaults.TEXT);
-};
-
-exports.text = text;
-
-var disabled = function disabled() {
-  return pv('disabled', defaults.DISABLED);
-};
-
-exports.disabled = disabled;
-
-var disabledSecondary = function disabledSecondary() {
-  return pv('disabled-secondary', defaults.DISABLED_SECONDARY);
-};
-
-exports.disabledSecondary = disabledSecondary;
-
-var correct = function correct() {
-  return pv('correct', defaults.CORRECT);
-};
-
-exports.correct = correct;
-
-var correctSecondary = function correctSecondary() {
-  return pv('correct-secondary', defaults.CORRECT_SECONDARY);
-};
-
-exports.correctSecondary = correctSecondary;
-
-var correctTertiary = function correctTertiary() {
-  return pv('correct-tertiary', defaults.CORRECT_TERTIARY);
-};
-
-exports.correctTertiary = correctTertiary;
-
-var correctWithIcon = function correctWithIcon() {
-  return pv('correct-icon', defaults.CORRECT_WITH_ICON);
-};
-
-exports.correctWithIcon = correctWithIcon;
-
-var incorrect = function incorrect() {
-  return pv('incorrect', defaults.INCORRECT);
-};
-
-exports.incorrect = incorrect;
-
-var incorrectWithIcon = function incorrectWithIcon() {
-  return pv('incorrect-icon', defaults.INCORRECT_WITH_ICON);
-};
-
-exports.incorrectWithIcon = incorrectWithIcon;
-
-var incorrectSecondary = function incorrectSecondary() {
-  return pv('incorrect-secondary', defaults.INCORRECT_SECONDARY);
-};
-
-exports.incorrectSecondary = incorrectSecondary;
-
-var missing = function missing() {
-  return pv('missing', defaults.MISSING);
-};
-
-exports.missing = missing;
-
-var missingWithIcon = function missingWithIcon() {
-  return pv('missing-icon', defaults.MISSING_WITH_ICON);
-};
-
-exports.missingWithIcon = missingWithIcon;
-
-var primary = function primary() {
-  return pv('primary', defaults.PRIMARY);
-};
-
-exports.primary = primary;
-
-var primaryLight = function primaryLight() {
-  return pv('primary-light', defaults.PRIMARY_LIGHT);
-};
-
-exports.primaryLight = primaryLight;
-
-var primaryDark = function primaryDark() {
-  return pv('primary-dark', defaults.PRIMARY_DARK);
-};
-
-exports.primaryDark = primaryDark;
-
-var primaryText = function primaryText() {
-  return pv('primary-text', 'text', defaults.TEXT);
-};
-
-exports.primaryText = primaryText;
-
-var fadedPrimary = function fadedPrimary() {
-  return pv('faded-primary', defaults.FADED_PRIMARY);
-};
-
-exports.fadedPrimary = fadedPrimary;
-
-var secondary = function secondary() {
-  return pv('secondary', defaults.SECONDARY);
-};
-
-exports.secondary = secondary;
-
-var secondaryLight = function secondaryLight() {
-  return pv('secondary-light', defaults.SECONDARY_LIGHT);
-};
-
-exports.secondaryLight = secondaryLight;
-
-var secondaryDark = function secondaryDark() {
-  return pv('secondary-dark', defaults.SECONDARY_DARK);
-};
-
-exports.secondaryDark = secondaryDark;
-
-var secondaryText = function secondaryText() {
-  return pv('secondary-text', 'text', defaults.TEXT);
-};
-
-exports.secondaryText = secondaryText;
-
-var background = function background() {
-  return pv('background', defaults.BACKGROUND);
-};
-
-exports.background = background;
-
-var backgroundDark = function backgroundDark() {
-  return pv('background-dark', defaults.BACKGROUND_DARK);
-};
-
-exports.backgroundDark = backgroundDark;
-
-var secondaryBackground = function secondaryBackground() {
-  return pv('secondary-background', defaults.SECONDARY_BACKGROUND);
-};
-
-exports.secondaryBackground = secondaryBackground;
-
-var dropdownBackground = function dropdownBackground() {
-  return pv('dropdown-background', defaults.DROPDOWN_BACKGROUND);
-};
-
-exports.dropdownBackground = dropdownBackground;
-
-var tertiary = function tertiary() {
-  return pv('tertiary', defaults.TERTIARY);
-};
-
-exports.tertiary = tertiary;
-
-var tertiaryLight = function tertiaryLight() {
-  return pv('tertiary-light', defaults.TERTIARY_LIGHT);
-};
-
-exports.tertiaryLight = tertiaryLight;
-
-var border = function border() {
-  return pv('border', defaults.BORDER);
-};
-
-exports.border = border;
-
-var borderLight = function borderLight() {
-  return pv('border-light', defaults.BORDER_LIGHT);
-};
-
-exports.borderLight = borderLight;
-
-var borderDark = function borderDark() {
-  return pv('border-dark', defaults.BORDER_DARK);
-};
-
-exports.borderDark = borderDark;
-
-var borderGray = function borderGray() {
-  return pv('border-gray', defaults.BORDER_GRAY);
-};
-
-exports.borderGray = borderGray;
-
-var black = function black() {
-  return pv('black', defaults.BLACK);
-};
-
-exports.black = black;
-
-var white = function white() {
-  return pv('white', defaults.WHITE);
-};
-
-exports.white = white;
-
-var transparent = function transparent() {
-  return defaults.TRANSPARENT;
-};
-
-exports.transparent = transparent;
-
-var focusChecked = function focusChecked() {
-  return pv('focus-checked', defaults.FOCUS_CHECKED);
-};
-
-exports.focusChecked = focusChecked;
-
-var focusCheckedBorder = function focusCheckedBorder() {
-  return pv('focus-checked-border', defaults.FOCUS_CHECKED_BORDER);
-};
-
-exports.focusCheckedBorder = focusCheckedBorder;
-
-var focusUnchecked = function focusUnchecked() {
-  return pv('focus-unchecked', defaults.FOCUS_UNCHECKED);
-};
-
-exports.focusUnchecked = focusUnchecked;
-
-var focusUncheckedBorder = function focusUncheckedBorder() {
-  return pv('focus-unchecked-border', defaults.FOCUS_UNCHECKED_BORDER);
-};
-
-exports.focusUncheckedBorder = focusUncheckedBorder;
-
-var blueGrey100 = function blueGrey100() {
-  return pv('blue-grey-100', defaults.BLUE_GREY100);
-};
-
-exports.blueGrey100 = blueGrey100;
-
-var blueGrey300 = function blueGrey300() {
-  return pv('blue-grey-300', defaults.BLUE_GREY300);
-};
-
-exports.blueGrey300 = blueGrey300;
-
-var blueGrey600 = function blueGrey600() {
-  return pv('blue-grey-600', defaults.BLUE_GREY600);
-};
-
-exports.blueGrey600 = blueGrey600;
-
-var blueGrey900 = function blueGrey900() {
-  return pv('blue-grey-900', defaults.BLUE_GREY900);
-};
-
-exports.blueGrey900 = blueGrey900;
-var visualElementsColors = {
-  AXIS_LINE_COLOR: '#5A53C9',
-  ROLLOVER_FILL_BAR_COLOR: '#050F2D',
-  GRIDLINES_COLOR: '#8E88EA',
-  PLOT_FILL_COLOR: '#1463B3'
-};
-exports.visualElementsColors = visualElementsColors;
-//# sourceMappingURL=color.js.map

package/lib/color.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/color.js"],"names":["defaults","TEXT","DISABLED","DISABLED_SECONDARY","CORRECT","green","CORRECT_SECONDARY","CORRECT_TERTIARY","CORRECT_WITH_ICON","INCORRECT","orange","INCORRECT_SECONDARY","red","INCORRECT_WITH_ICON","MISSING","MISSING_WITH_ICON","PRIMARY","indigo","PRIMARY_LIGHT","PRIMARY_DARK","SECONDARY","pink","A400","SECONDARY_LIGHT","SECONDARY_DARK","TERTIARY","TERTIARY_LIGHT","BACKGROUND","BACKGROUND_DARK","DROPDOWN_BACKGROUND","SECONDARY_BACKGROUND","BORDER","BORDER_LIGHT","BORDER_DARK","BORDER_GRAY","BLACK","WHITE","TRANSPARENT","FOCUS_CHECKED","FOCUS_CHECKED_BORDER","FOCUS_UNCHECKED","FOCUS_UNCHECKED_BORDER","BLUE_GREY100","BLUE_GREY300","BLUE_GREY600","BLUE_GREY900","FADED_PRIMARY","Object","freeze","v","prefix","args","fallback","pop","reduceRight","acc","pv","text","disabled","disabledSecondary","correct","correctSecondary","correctTertiary","correctWithIcon","incorrect","incorrectWithIcon","incorrectSecondary","missing","missingWithIcon","primary","primaryLight","primaryDark","primaryText","fadedPrimary","secondary","secondaryLight","secondaryDark","secondaryText","background","backgroundDark","secondaryBackground","dropdownBackground","tertiary","tertiaryLight","border","borderLight","borderDark","borderGray","black","white","transparent","focusChecked","focusCheckedBorder","focusUnchecked","focusUncheckedBorder","blueGrey100","blueGrey300","blueGrey600","blueGrey900","visualElementsColors","AXIS_LINE_COLOR","ROLLOVER_FILL_BAR_COLOR","GRIDLINES_COLOR","PLOT_FILL_COLOR"],"mappings":"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","sourcesContent":["import green from '@material-ui/core/colors/green';\nimport orange from '@material-ui/core/colors/orange';\nimport pink from '@material-ui/core/colors/pink';\nimport indigo from '@material-ui/core/colors/indigo';\nimport red from '@material-ui/core/colors/red';\n\nexport const defaults = {\n  TEXT: 'black',\n  DISABLED: 'grey',\n  DISABLED_SECONDARY: '#ABABAB',\n  CORRECT: green[500],\n  CORRECT_SECONDARY: green[50],\n  CORRECT_TERTIARY: '#0EA449',\n  CORRECT_WITH_ICON: '#087D38',\n  INCORRECT: orange[500],\n  INCORRECT_SECONDARY: red[50],\n  INCORRECT_WITH_ICON: '#BF0D00',\n  MISSING: red[700],\n  MISSING_WITH_ICON: '#6A78A1',\n  PRIMARY: indigo[500],\n  PRIMARY_LIGHT: indigo[200],\n  PRIMARY_DARK: indigo[800],\n  SECONDARY: pink.A400,\n  SECONDARY_LIGHT: pink[200],\n  SECONDARY_DARK: pink[900],\n  TERTIARY: '#146EB3',\n  TERTIARY_LIGHT: '#D0E2F0',\n  BACKGROUND: 'rgba(255,255,255,0)',\n  BACKGROUND_DARK: '#ECEDF1',\n  DROPDOWN_BACKGROUND: '#E0E1E6', // this is used for inline-dropdown\n  // this is only used for multi-trait-rubric, we might want to use BACKGROUND_DARK instead\n  SECONDARY_BACKGROUND: 'rgba(241,241,241,1)',\n  BORDER: '#9A9A9A',\n  BORDER_LIGHT: '#D1D1D1',\n  BORDER_DARK: '#646464',\n  BORDER_GRAY: '#7E8494',\n  BLACK: '#000000',\n  WHITE: '#ffffff',\n  TRANSPARENT: 'transparent',\n  // this is used for multiple-choice accessibility\n  FOCUS_CHECKED: '#BBDEFB',\n  FOCUS_CHECKED_BORDER: '#1565C0',\n  FOCUS_UNCHECKED: '#E0E0E0',\n  FOCUS_UNCHECKED_BORDER: '#757575',\n  // this is used for select text tokens\n  BLUE_GREY100: '#F3F5F7',\n  BLUE_GREY300: '#C0C3CF',\n  BLUE_GREY600: '#7E8494',\n  BLUE_GREY900: '#152452',\n  // this is used for charting\n  FADED_PRIMARY: '#DCDAFB',\n};\n\nObject.freeze(defaults);\n\nexport const v = (prefix) => (...args) => {\n  const fallback = args.pop();\n  return args.reduceRight((acc, v) => {\n    return `var(--${prefix}-${v}, ${acc})`;\n  }, fallback);\n};\n\nconst pv = v('pie');\n\nexport const text = () => pv('text', defaults.TEXT);\nexport const disabled = () => pv('disabled', defaults.DISABLED);\nexport const disabledSecondary = () => pv('disabled-secondary', defaults.DISABLED_SECONDARY);\nexport const correct = () => pv('correct', defaults.CORRECT);\nexport const correctSecondary = () => pv('correct-secondary', defaults.CORRECT_SECONDARY);\nexport const correctTertiary = () => pv('correct-tertiary', defaults.CORRECT_TERTIARY);\nexport const correctWithIcon = () => pv('correct-icon', defaults.CORRECT_WITH_ICON);\nexport const incorrect = () => pv('incorrect', defaults.INCORRECT);\nexport const incorrectWithIcon = () => pv('incorrect-icon', defaults.INCORRECT_WITH_ICON);\nexport const incorrectSecondary = () => pv('incorrect-secondary', defaults.INCORRECT_SECONDARY);\nexport const missing = () => pv('missing', defaults.MISSING);\nexport const missingWithIcon = () => pv('missing-icon', defaults.MISSING_WITH_ICON);\n\nexport const primary = () => pv('primary', defaults.PRIMARY);\nexport const primaryLight = () => pv('primary-light', defaults.PRIMARY_LIGHT);\nexport const primaryDark = () => pv('primary-dark', defaults.PRIMARY_DARK);\nexport const primaryText = () => pv('primary-text', 'text', defaults.TEXT);\nexport const fadedPrimary = () => pv('faded-primary', defaults.FADED_PRIMARY);\n\nexport const secondary = () => pv('secondary', defaults.SECONDARY);\nexport const secondaryLight = () => pv('secondary-light', defaults.SECONDARY_LIGHT);\nexport const secondaryDark = () => pv('secondary-dark', defaults.SECONDARY_DARK);\n\nexport const secondaryText = () => pv('secondary-text', 'text', defaults.TEXT);\nexport const background = () => pv('background', defaults.BACKGROUND);\nexport const backgroundDark = () => pv('background-dark', defaults.BACKGROUND_DARK);\nexport const secondaryBackground = () => pv('secondary-background', defaults.SECONDARY_BACKGROUND);\nexport const dropdownBackground = () => pv('dropdown-background', defaults.DROPDOWN_BACKGROUND);\n\nexport const tertiary = () => pv('tertiary', defaults.TERTIARY);\nexport const tertiaryLight = () => pv('tertiary-light', defaults.TERTIARY_LIGHT);\n\nexport const border = () => pv('border', defaults.BORDER);\nexport const borderLight = () => pv('border-light', defaults.BORDER_LIGHT);\nexport const borderDark = () => pv('border-dark', defaults.BORDER_DARK);\nexport const borderGray = () => pv('border-gray', defaults.BORDER_GRAY);\n\nexport const black = () => pv('black', defaults.BLACK);\nexport const white = () => pv('white', defaults.WHITE);\nexport const transparent = () => defaults.TRANSPARENT;\n\nexport const focusChecked = () => pv('focus-checked', defaults.FOCUS_CHECKED);\nexport const focusCheckedBorder = () => pv('focus-checked-border', defaults.FOCUS_CHECKED_BORDER);\nexport const focusUnchecked = () => pv('focus-unchecked', defaults.FOCUS_UNCHECKED);\nexport const focusUncheckedBorder = () => pv('focus-unchecked-border', defaults.FOCUS_UNCHECKED_BORDER);\n\nexport const blueGrey100 = () => pv('blue-grey-100', defaults.BLUE_GREY100);\nexport const blueGrey300 = () => pv('blue-grey-300', defaults.BLUE_GREY300);\nexport const blueGrey600 = () => pv('blue-grey-600', defaults.BLUE_GREY600);\nexport const blueGrey900 = () => pv('blue-grey-900', defaults.BLUE_GREY900);\n\nexport const visualElementsColors = {\n  AXIS_LINE_COLOR: '#5A53C9',\n  ROLLOVER_FILL_BAR_COLOR: '#050F2D',\n  GRIDLINES_COLOR: '#8E88EA',\n  PLOT_FILL_COLOR: '#1463B3',\n};\n"],"file":"color.js"}

package/lib/feedback.js

@@ -1,150 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Feedback = 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 _styles = require("@material-ui/core/styles");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactTransitionGroup = require("react-transition-group");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var color = _interopRequireWildcard(require("./color"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 = {
-  corespringFeedback: {
-    transformOrigin: '0% 0px 0px',
-    width: '100%',
-    display: 'block',
-    overflow: 'hidden',
-    '&:.incorrect': {
-      color: '#946202'
-    }
-  },
-  content: {
-    '-webkit-font-smoothing': 'antialiased',
-    backgroundColor: "var(--feedback-bg-color, ".concat(color.disabled(), ")"),
-    borderRadius: '4px',
-    fontFamily: '"Roboto", "Noto", sans-serif',
-    lineHeight: '25px',
-    margin: '0px',
-    padding: '10px',
-    verticalAlign: 'middle',
-    color: 'var(--feedback-color, white)'
-  },
-  correct: {
-    backgroundColor: "var(--feedback-correct-bg-color, ".concat(color.correct(), ")")
-  },
-  incorrect: {
-    backgroundColor: "var(--feedback-incorrect-bg-color, ".concat(color.incorrect(), ")")
-  },
-  feedbackEnter: {
-    height: '1px'
-  },
-  feedbackEnterActive: {
-    height: '45px',
-    transition: 'height 500ms'
-  },
-  feedbackLeave: {
-    height: '45px'
-  },
-  feedbackLeaveActive: {
-    height: '1px',
-    transition: 'height 200ms'
-  }
-};
-
-var Feedback = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Feedback, _React$Component);
-
-  var _super = _createSuper(Feedback);
-
-  function Feedback() {
-    (0, _classCallCheck2["default"])(this, Feedback);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(Feedback, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          correctness = _this$props.correctness,
-          feedback = _this$props.feedback,
-          classes = _this$props.classes;
-
-      function chooseFeedback(correctness) {
-        if (correctness && feedback) {
-          return /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.CSSTransition, {
-            classNames: {
-              enter: classes.feedbackEnter,
-              enterActive: classes.feedbackEnterActive,
-              leave: classes.feedbackLeave,
-              leaveActive: classes.feedbackLeaveActive
-            },
-            key: "hasFeedback",
-            timeout: {
-              enter: 500,
-              exit: 300
-            }
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: classes.corespringFeedback
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: (0, _classnames["default"])(classes.content, classes[correctness]),
-            dangerouslySetInnerHTML: {
-              __html: feedback
-            }
-          })));
-        } else {
-          return null;
-        }
-      }
-
-      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.TransitionGroup, null, chooseFeedback(correctness)));
-    }
-  }]);
-  return Feedback;
-}(_react["default"].Component);
-
-exports.Feedback = Feedback;
-(0, _defineProperty2["default"])(Feedback, "propTypes", {
-  correctness: _propTypes["default"].string,
-  feedback: _propTypes["default"].string,
-  classes: _propTypes["default"].object.isRequired
-});
-
-var _default = (0, _styles.withStyles)(styleSheet, {
-  name: 'Feedback'
-})(Feedback);
-
-exports["default"] = _default;
-//# sourceMappingURL=feedback.js.map