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

package/configure/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/multi-trait-rubric-configure",
-  "version": "5.0.3-esm.0",
+  "version": "11.0.3-esm.0",
   "private": true,
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -8,10 +8,10 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "^11.26.1",
-    "@pie-lib/drag": "^2.19.1",
-    "@pie-lib/editable-html": "^11.18.1",
-    "@pie-lib/render-ui": "^4.32.1",
+    "@pie-lib/config-ui": "^11.26.3",
+    "@pie-lib/drag": "^2.19.3",
+    "@pie-lib/editable-html": "^11.18.3",
+    "@pie-lib/render-ui": "^4.32.3",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/multi-trait-rubric-controller",
   "private": true,
-  "version": "4.0.2-esm.0",
+  "version": "11.0.3-esm.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",

package/esm/configure.js

@@ -8,13 +8,11 @@ import debounce from 'lodash/debounce';
 import { withStyles } from '@material-ui/core/styles';
 import { withDragContext } from '@pie-lib/drag';
 import { layout, settings } from '@pie-lib/config-ui';
-import ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';
-import ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';
+import require$$3 from '@material-ui/core/SvgIcon';
 import { color } from '@pie-lib/render-ui';
 import IconButton from '@material-ui/core/IconButton';
 import Menu from '@material-ui/core/Menu';
 import MenuItem from '@material-ui/core/MenuItem';
-import MoreVertIcon from '@material-ui/icons/MoreVert';
 import classnames from 'classnames';
 import EditableHtml, { DEFAULT_PLUGINS } from '@pie-lib/editable-html';
 import FormControl from '@material-ui/core/FormControl';
@@ -29,7 +27,6 @@ import DialogContent from '@material-ui/core/DialogContent';
 import DialogContentText from '@material-ui/core/DialogContentText';
 import Button from '@material-ui/core/Button';
 import debug from 'debug';
-import DragIndicatorIcon from '@material-ui/icons/DragIndicator';
 import { jsx } from 'react/jsx-runtime';
 
 function _extends() {
@@ -65,6 +62,366 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var ArrowBackIos = {};
+
+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 = {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));
+
+(function (module) {
+var setPrototypeOf$1 = setPrototypeOf.exports;
+
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  setPrototypeOf$1(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$b = setStatic;
+setStatic$1.default = _default$b;
+
+var _interopRequireDefault$9 = interopRequireDefault.exports;
+
+setDisplayName$1.__esModule = true;
+setDisplayName$1.default = void 0;
+
+var _setStatic = _interopRequireDefault$9(setStatic$1);
+
+var setDisplayName = function setDisplayName(displayName) {
+  return (0, _setStatic.default)('displayName', displayName);
+};
+
+var _default$a = setDisplayName;
+setDisplayName$1.default = _default$a;
+
+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$9 = getDisplayName;
+getDisplayName$1.default = _default$9;
+
+var _interopRequireDefault$8 = interopRequireDefault.exports;
+
+wrapDisplayName$1.__esModule = true;
+wrapDisplayName$1.default = void 0;
+
+var _getDisplayName = _interopRequireDefault$8(getDisplayName$1);
+
+var wrapDisplayName = function wrapDisplayName(BaseComponent, hocName) {
+  return hocName + "(" + (0, _getDisplayName.default)(BaseComponent) + ")";
+};
+
+var _default$8 = wrapDisplayName;
+wrapDisplayName$1.default = _default$8;
+
+var _interopRequireDefault$7 = interopRequireDefault.exports;
+
+shouldUpdate$1.__esModule = true;
+shouldUpdate$1.default = void 0;
+
+var _inheritsLoose2 = _interopRequireDefault$7(inheritsLoose.exports);
+
+var _react$5 = React;
+
+var _setDisplayName$1 = _interopRequireDefault$7(setDisplayName$1);
+
+var _wrapDisplayName$1 = _interopRequireDefault$7(wrapDisplayName$1);
+
+var shouldUpdate = function shouldUpdate(test) {
+  return function (BaseComponent) {
+    var factory = (0, _react$5.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$5.Component);
+
+    if (process.env.NODE_ENV !== 'production') {
+      return (0, _setDisplayName$1.default)((0, _wrapDisplayName$1.default)(BaseComponent, 'shouldUpdate'))(ShouldUpdate);
+    }
+
+    return ShouldUpdate;
+  };
+};
+
+var _default$7 = shouldUpdate;
+shouldUpdate$1.default = _default$7;
+
+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 = 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(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(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.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+var shallowEqual_1 = shallowEqual$1;
+
+var _interopRequireDefault$6 = interopRequireDefault.exports;
+
+shallowEqual$2.__esModule = true;
+shallowEqual$2.default = void 0;
+
+var _shallowEqual$1 = _interopRequireDefault$6(shallowEqual_1);
+
+var _default$6 = _shallowEqual$1.default;
+shallowEqual$2.default = _default$6;
+
+var _interopRequireDefault$5 = interopRequireDefault.exports;
+
+pure$1.__esModule = true;
+pure$1.default = void 0;
+
+var _shouldUpdate = _interopRequireDefault$5(shouldUpdate$1);
+
+var _shallowEqual = _interopRequireDefault$5(shallowEqual$2);
+
+var _setDisplayName = _interopRequireDefault$5(setDisplayName$1);
+
+var _wrapDisplayName = _interopRequireDefault$5(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$5 = pure;
+pure$1.default = _default$5;
+
+var _interopRequireDefault$4 = interopRequireDefault.exports;
+
+Object.defineProperty(createSvgIcon$1, "__esModule", {
+  value: true
+});
+createSvgIcon$1.default = void 0;
+
+var _react$4 = _interopRequireDefault$4(React);
+
+var _pure = _interopRequireDefault$4(pure$1);
+
+var _SvgIcon = _interopRequireDefault$4(require$$3);
+
+function createSvgIcon(path, displayName) {
+  var Icon = function Icon(props) {
+    return _react$4.default.createElement(_SvgIcon.default, props, path);
+  };
+
+  Icon.displayName = "".concat(displayName, "Icon");
+  Icon = (0, _pure.default)(Icon);
+  Icon.muiName = 'SvgIcon';
+  return Icon;
+}
+var _default$4 = createSvgIcon;
+createSvgIcon$1.default = _default$4;
+
+var _interopRequireDefault$3 = interopRequireDefault.exports;
+
+Object.defineProperty(ArrowBackIos, "__esModule", {
+  value: true
+});
+var default_1$3 = ArrowBackIos.default = void 0;
+
+var _react$3 = _interopRequireDefault$3(React);
+
+var _createSvgIcon$3 = _interopRequireDefault$3(createSvgIcon$1);
+
+var _default$3 = (0, _createSvgIcon$3.default)(_react$3.default.createElement(_react$3.default.Fragment, null, _react$3.default.createElement("path", {
+  d: "M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"
+}), _react$3.default.createElement("path", {
+  fill: "none",
+  d: "M0 0h24v24H0z"
+})), 'ArrowBackIos');
+
+default_1$3 = ArrowBackIos.default = _default$3;
+
+var ArrowForwardIos = {};
+
+var _interopRequireDefault$2 = interopRequireDefault.exports;
+
+Object.defineProperty(ArrowForwardIos, "__esModule", {
+  value: true
+});
+var default_1$2 = ArrowForwardIos.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", {
+  d: "M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z"
+}), _react$2.default.createElement("path", {
+  fill: "none",
+  d: "M0 0h24v24H0z"
+})), 'ArrowForwardIos');
+
+default_1$2 = ArrowForwardIos.default = _default$2;
+
+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 defaults = {
   model: {
     addScaleEnabled: true,
@@ -1217,7 +1574,7 @@ class TraitsHeaderTile extends React.Component {
       "aria-controls": "long-menu",
       "aria-haspopup": "true",
       onClick: this.handleClick
-    }, /*#__PURE__*/React.createElement(MoreVertIcon, null)), /*#__PURE__*/React.createElement(Menu, {
+    }, /*#__PURE__*/React.createElement(default_1$1, null)), /*#__PURE__*/React.createElement(Menu, {
       id: "long-menu",
       anchorEl: anchorEl,
       keepMounted: true,
@@ -3303,6 +3660,28 @@ function DropTarget(type, spec, collect) {
   };
 }
 
+var DragIndicator = {};
+
+var _interopRequireDefault = interopRequireDefault.exports;
+
+Object.defineProperty(DragIndicator, "__esModule", {
+  value: true
+});
+var default_1 = DragIndicator.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 0h24v24H0V0z"
+}), _react.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 = DragIndicator.default = _default;
+
 const log = debug('@pie-element:placement-ordering:configure:trait-tile');
 
 const styles$2 = theme => ({
@@ -3430,7 +3809,7 @@ class TraitTile extends React.Component {
       className: classes.controls
     }, enableDragAndDrop ? connectDragSource( /*#__PURE__*/React.createElement("span", {
       className: classes.dragHandle
-    }, /*#__PURE__*/React.createElement(DragIndicatorIcon, {
+    }, /*#__PURE__*/React.createElement(default_1, {
       className: classes.actions
     }))) : null, /*#__PURE__*/React.createElement(IconButton, {
       className: classes.options,
@@ -3438,7 +3817,7 @@ class TraitTile extends React.Component {
       "aria-controls": "long-menu",
       "aria-haspopup": "true",
       onClick: this.handleClick
-    }, /*#__PURE__*/React.createElement(MoreVertIcon, null)), /*#__PURE__*/React.createElement(Menu, {
+    }, /*#__PURE__*/React.createElement(default_1$1, null)), /*#__PURE__*/React.createElement(Menu, {
       id: "long-menu",
       anchorEl: anchorEl,
       keepMounted: true,
@@ -3999,12 +4378,12 @@ class Scale extends React.Component {
       onClick: this.decreasePosition,
       left: `${PrimaryBlockWidth}px`,
       showLevelTagInput: showLevelTagInput
-    }, /*#__PURE__*/React.createElement(ArrowBackIosIcon, null)), /*#__PURE__*/React.createElement(Arrow, {
+    }, /*#__PURE__*/React.createElement(default_1$3, null)), /*#__PURE__*/React.createElement(Arrow, {
       width: `${AdjustedBlockWidth / 2}px`,
       show: showRight,
       onClick: this.increasePosition,
       showLevelTagInput: showLevelTagInput
-    }, /*#__PURE__*/React.createElement(ArrowForwardIosIcon, null)), /*#__PURE__*/React.createElement(MultiTraitButton, {
+    }, /*#__PURE__*/React.createElement(default_1$2, null)), /*#__PURE__*/React.createElement(MultiTraitButton, {
       onClick: this.onTraitAdded
     }, /*#__PURE__*/React.createElement("div", {
       dangerouslySetInnerHTML: {