@pie-element/rubric 6.0.2-esm.0 → 11.0.3-esm.0

package/configure/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@pie-element/rubric-configure",
   "private": true,
-  "version": "5.0.3-esm.0",
+  "version": "11.0.3-esm.0",
   "description": "Rubric authoring view",
   "main": "lib/index.js",
   "author": "Pie Framework Authors",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "^11.26.1",
-    "@pie-lib/editable-html": "^11.18.1",
-    "@pie-lib/render-ui": "^4.32.1",
+    "@pie-lib/config-ui": "^11.26.3",
+    "@pie-lib/editable-html": "^11.18.3",
+    "@pie-lib/render-ui": "^4.32.3",
     "debug": "^4.1.1",
     "react": "^16.8.6",
     "react-beautiful-dnd": "^11.0.2",

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/rubric-controller",
   "private": true,
-  "version": "4.0.2-esm.0",
+  "version": "11.0.3-esm.0",
   "main": "lib/index.js",
   "scripts": {
     "test": "./node_modules/.bin/jest"

package/esm/configure.js

@@ -16,11 +16,9 @@ import FormGroup from '@material-ui/core/FormGroup';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
 import grey from '@material-ui/core/colors/grey';
 import Typography from '@material-ui/core/Typography';
-import DragIndicator from '@material-ui/icons/DragIndicator';
+import require$$3 from '@material-ui/core/SvgIcon';
 import EditableHtml from '@pie-lib/editable-html';
 import Menu from '@material-ui/core/Menu';
-import MoreVertIcon from '@material-ui/icons/MoreVert';
-import MoreHorizIcon from '@material-ui/icons/MoreHoriz';
 import IconButton from '@material-ui/core/IconButton';
 import range from 'lodash/range';
 import { InputContainer, layout, settings } from '@pie-lib/config-ui';
@@ -59,6 +57,322 @@ function _objectWithoutPropertiesLoose$1(source, excluded) {
   return target;
 }
 
+var DragIndicator = {};
+
+var interopRequireDefault = {exports: {}};
+
+(function (module) {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    "default": obj
+  };
+}
+
+module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(interopRequireDefault));
+
+var createSvgIcon$1 = {};
+
+var pure$1 = {};
+
+var shouldUpdate$1 = {};
+
+var inheritsLoose = {exports: {}};
+
+var setPrototypeOf$2 = {exports: {}};
+
+(function (module) {
+function _setPrototypeOf(o, p) {
+  module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  return _setPrototypeOf(o, p);
+}
+
+module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(setPrototypeOf$2));
+
+(function (module) {
+var setPrototypeOf = setPrototypeOf$2.exports;
+
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  setPrototypeOf(subClass, superClass);
+}
+
+module.exports = _inheritsLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(inheritsLoose));
+
+var setDisplayName$1 = {};
+
+var setStatic$1 = {};
+
+setStatic$1.__esModule = true;
+setStatic$1.default = void 0;
+
+var setStatic = function setStatic(key, value) {
+  return function (BaseComponent) {
+    /* eslint-disable no-param-reassign */
+    BaseComponent[key] = value;
+    /* eslint-enable no-param-reassign */
+
+    return BaseComponent;
+  };
+};
+
+var _default$a = setStatic;
+setStatic$1.default = _default$a;
+
+var _interopRequireDefault$8 = interopRequireDefault.exports;
+
+setDisplayName$1.__esModule = true;
+setDisplayName$1.default = void 0;
+
+var _setStatic = _interopRequireDefault$8(setStatic$1);
+
+var setDisplayName = function setDisplayName(displayName) {
+  return (0, _setStatic.default)('displayName', displayName);
+};
+
+var _default$9 = setDisplayName;
+setDisplayName$1.default = _default$9;
+
+var wrapDisplayName$1 = {};
+
+var getDisplayName$1 = {};
+
+getDisplayName$1.__esModule = true;
+getDisplayName$1.default = void 0;
+
+var getDisplayName = function getDisplayName(Component) {
+  if (typeof Component === 'string') {
+    return Component;
+  }
+
+  if (!Component) {
+    return undefined;
+  }
+
+  return Component.displayName || Component.name || 'Component';
+};
+
+var _default$8 = getDisplayName;
+getDisplayName$1.default = _default$8;
+
+var _interopRequireDefault$7 = interopRequireDefault.exports;
+
+wrapDisplayName$1.__esModule = true;
+wrapDisplayName$1.default = void 0;
+
+var _getDisplayName = _interopRequireDefault$7(getDisplayName$1);
+
+var wrapDisplayName = function wrapDisplayName(BaseComponent, hocName) {
+  return hocName + "(" + (0, _getDisplayName.default)(BaseComponent) + ")";
+};
+
+var _default$7 = wrapDisplayName;
+wrapDisplayName$1.default = _default$7;
+
+var _interopRequireDefault$6 = interopRequireDefault.exports;
+
+shouldUpdate$1.__esModule = true;
+shouldUpdate$1.default = void 0;
+
+var _inheritsLoose2 = _interopRequireDefault$6(inheritsLoose.exports);
+
+var _react$4 = React;
+
+var _setDisplayName$1 = _interopRequireDefault$6(setDisplayName$1);
+
+var _wrapDisplayName$1 = _interopRequireDefault$6(wrapDisplayName$1);
+
+var shouldUpdate = function shouldUpdate(test) {
+  return function (BaseComponent) {
+    var factory = (0, _react$4.createFactory)(BaseComponent);
+
+    var ShouldUpdate =
+    /*#__PURE__*/
+    function (_Component) {
+      (0, _inheritsLoose2.default)(ShouldUpdate, _Component);
+
+      function ShouldUpdate() {
+        return _Component.apply(this, arguments) || this;
+      }
+
+      var _proto = ShouldUpdate.prototype;
+
+      _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
+        return test(this.props, nextProps);
+      };
+
+      _proto.render = function render() {
+        return factory(this.props);
+      };
+
+      return ShouldUpdate;
+    }(_react$4.Component);
+
+    if (process.env.NODE_ENV !== 'production') {
+      return (0, _setDisplayName$1.default)((0, _wrapDisplayName$1.default)(BaseComponent, 'shouldUpdate'))(ShouldUpdate);
+    }
+
+    return ShouldUpdate;
+  };
+};
+
+var _default$6 = shouldUpdate;
+shouldUpdate$1.default = _default$6;
+
+var shallowEqual$2 = {};
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @typechecks
+ * 
+ */
+
+var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+
+/**
+ * inlined Object.is polyfill to avoid requiring consumers ship their own
+ * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+ */
+function is$2(x, y) {
+  // SameValue algorithm
+  if (x === y) {
+    // Steps 1-5, 7-10
+    // Steps 6.b-6.e: +0 != -0
+    // Added the nonzero y check to make Flow happy, but it is redundant
+    return x !== 0 || y !== 0 || 1 / x === 1 / y;
+  } else {
+    // Step 6.a: NaN == NaN
+    return x !== x && y !== y;
+  }
+}
+
+/**
+ * Performs equality by iterating through keys on an object and returning false
+ * when any key has values which are not strictly equal between the arguments.
+ * Returns true when the values of all keys are strictly equal.
+ */
+function shallowEqual$1(objA, objB) {
+  if (is$2(objA, objB)) {
+    return true;
+  }
+
+  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
+    return false;
+  }
+
+  var keysA = Object.keys(objA);
+  var keysB = Object.keys(objB);
+
+  if (keysA.length !== keysB.length) {
+    return false;
+  }
+
+  // Test for A's keys different from B.
+  for (var i = 0; i < keysA.length; i++) {
+    if (!hasOwnProperty$1.call(objB, keysA[i]) || !is$2(objA[keysA[i]], objB[keysA[i]])) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+var shallowEqual_1 = shallowEqual$1;
+
+var _interopRequireDefault$5 = interopRequireDefault.exports;
+
+shallowEqual$2.__esModule = true;
+shallowEqual$2.default = void 0;
+
+var _shallowEqual$1 = _interopRequireDefault$5(shallowEqual_1);
+
+var _default$5 = _shallowEqual$1.default;
+shallowEqual$2.default = _default$5;
+
+var _interopRequireDefault$4 = interopRequireDefault.exports;
+
+pure$1.__esModule = true;
+pure$1.default = void 0;
+
+var _shouldUpdate = _interopRequireDefault$4(shouldUpdate$1);
+
+var _shallowEqual = _interopRequireDefault$4(shallowEqual$2);
+
+var _setDisplayName = _interopRequireDefault$4(setDisplayName$1);
+
+var _wrapDisplayName = _interopRequireDefault$4(wrapDisplayName$1);
+
+var pure = function pure(BaseComponent) {
+  var hoc = (0, _shouldUpdate.default)(function (props, nextProps) {
+    return !(0, _shallowEqual.default)(props, nextProps);
+  });
+
+  if (process.env.NODE_ENV !== 'production') {
+    return (0, _setDisplayName.default)((0, _wrapDisplayName.default)(BaseComponent, 'pure'))(hoc(BaseComponent));
+  }
+
+  return hoc(BaseComponent);
+};
+
+var _default$4 = pure;
+pure$1.default = _default$4;
+
+var _interopRequireDefault$3 = interopRequireDefault.exports;
+
+Object.defineProperty(createSvgIcon$1, "__esModule", {
+  value: true
+});
+createSvgIcon$1.default = void 0;
+
+var _react$3 = _interopRequireDefault$3(React);
+
+var _pure = _interopRequireDefault$3(pure$1);
+
+var _SvgIcon = _interopRequireDefault$3(require$$3);
+
+function createSvgIcon(path, displayName) {
+  var Icon = function Icon(props) {
+    return _react$3.default.createElement(_SvgIcon.default, props, path);
+  };
+
+  Icon.displayName = "".concat(displayName, "Icon");
+  Icon = (0, _pure.default)(Icon);
+  Icon.muiName = 'SvgIcon';
+  return Icon;
+}
+var _default$3 = createSvgIcon;
+createSvgIcon$1.default = _default$3;
+
+var _interopRequireDefault$2 = interopRequireDefault.exports;
+
+Object.defineProperty(DragIndicator, "__esModule", {
+  value: true
+});
+var default_1$2 = DragIndicator.default = void 0;
+
+var _react$2 = _interopRequireDefault$2(React);
+
+var _createSvgIcon$2 = _interopRequireDefault$2(createSvgIcon$1);
+
+var _default$2 = (0, _createSvgIcon$2.default)(_react$2.default.createElement(_react$2.default.Fragment, null, _react$2.default.createElement("path", {
+  fill: "none",
+  d: "M0 0h24v24H0V0z"
+}), _react$2.default.createElement("path", {
+  d: "M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+})), 'DragIndicator');
+
+default_1$2 = DragIndicator.default = _default$2;
+
 var _global = {exports: {}};
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
@@ -11152,6 +11466,50 @@ var ConnectedDraggable = connect(makeMapStateToProps$1, mapDispatchToProps$1, nu
 })(Draggable);
 ConnectedDraggable.defaultProps = defaultProps$1;
 
+var MoreVert = {};
+
+var _interopRequireDefault$1 = interopRequireDefault.exports;
+
+Object.defineProperty(MoreVert, "__esModule", {
+  value: true
+});
+var default_1$1 = MoreVert.default = void 0;
+
+var _react$1 = _interopRequireDefault$1(React);
+
+var _createSvgIcon$1 = _interopRequireDefault$1(createSvgIcon$1);
+
+var _default$1 = (0, _createSvgIcon$1.default)(_react$1.default.createElement(_react$1.default.Fragment, null, _react$1.default.createElement("path", {
+  fill: "none",
+  d: "M0 0h24v24H0z"
+}), _react$1.default.createElement("path", {
+  d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+})), 'MoreVert');
+
+default_1$1 = MoreVert.default = _default$1;
+
+var MoreHoriz = {};
+
+var _interopRequireDefault = interopRequireDefault.exports;
+
+Object.defineProperty(MoreHoriz, "__esModule", {
+  value: true
+});
+var default_1 = MoreHoriz.default = void 0;
+
+var _react = _interopRequireDefault(React);
+
+var _createSvgIcon = _interopRequireDefault(createSvgIcon$1);
+
+var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+  fill: "none",
+  d: "M0 0h24v24H0z"
+}), _react.default.createElement("path", {
+  d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+})), 'MoreHoriz');
+
+default_1 = MoreHoriz.default = _default;
+
 class IconMenu extends React.Component {
   constructor(props) {
     super(props);
@@ -11193,9 +11551,9 @@ class IconMenu extends React.Component {
       onClick: this.handleClick
     }, /*#__PURE__*/React.createElement(IconButton, {
       className: classes.icon
-    }, open ? /*#__PURE__*/React.createElement(MoreVertIcon, {
+    }, open ? /*#__PURE__*/React.createElement(default_1$1, {
       color: iconColor
-    }) : /*#__PURE__*/React.createElement(MoreHorizIcon, {
+    }) : /*#__PURE__*/React.createElement(default_1, {
       color: iconColor
     }))), /*#__PURE__*/React.createElement(Menu, {
       id: "point-menu",
@@ -11352,7 +11710,7 @@ const PointConfig = withStyles(theme => ({
     className: classes.pointsLabel
   }, pointsLabel), /*#__PURE__*/React.createElement("div", {
     className: classes.row
-  }, /*#__PURE__*/React.createElement(DragIndicator, {
+  }, /*#__PURE__*/React.createElement(default_1$2, {
     className: classes.dragIndicator
   }), /*#__PURE__*/React.createElement(EditableHtml, {
     className: classes.editor,