@pie-element/match 10.0.2-esm.0 → 11.0.3-esm.0

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/match-configure",
   "private": true,
-  "version": "8.0.3-esm.0",
+  "version": "11.0.3-esm.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -10,11 +10,11 @@
     "@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/test-utils": "^0.19.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",
+    "@pie-lib/test-utils": "^0.19.3",
     "classnames": "^2.2.5",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/match-controller",
   "private": true,
-  "version": "8.0.2",
+  "version": "11.0.3-esm.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -9,8 +9,8 @@
     "test": "./node_modules/.bin/jest"
   },
   "dependencies": {
-    "@pie-lib/controller-utils": "^0.19.0",
-    "@pie-lib/feedback": "^0.21.0",
+    "@pie-lib/controller-utils": "^0.19.2",
+    "@pie-lib/feedback": "^0.21.2",
     "debug": "^3.1.0"
   },
   "devDependencies": {

package/esm/configure.js

@@ -11,15 +11,12 @@ import debug from 'debug';
 import Select from '@material-ui/core/Select';
 import MenuItem from '@material-ui/core/MenuItem';
 import Typography from '@material-ui/core/Typography';
-import Info from '@material-ui/icons/Info';
+import require$$3 from '@material-ui/core/SvgIcon';
 import Tooltip from '@material-ui/core/Tooltip';
 import classNames from 'classnames';
 import Button from '@material-ui/core/Button';
-import AddButton from '@material-ui/icons/Add';
-import DragHandle from '@material-ui/icons/DragHandle';
 import Radio from '@material-ui/core/Radio';
 import IconButton from '@material-ui/core/IconButton';
-import Delete from '@material-ui/icons/Delete';
 import { color } from '@pie-lib/render-ui';
 import { jsx } from 'react/jsx-runtime';
 import { ModelUpdatedEvent, InsertImageEvent, DeleteImageEvent, InsertSoundEvent, DeleteSoundEvent } from '@pie-framework/pie-configure-events';
@@ -45,6 +42,322 @@ function _extends() {
 
 const getPluginProps = (props = {}, baseInputConfiguration = {}) => _extends({}, baseInputConfiguration, props);
 
+var Info = {};
+
+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__default;
+
+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__default);
+
+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(Info, "__esModule", {
+  value: true
+});
+var default_1$3 = Info.default = void 0;
+
+var _react$3 = _interopRequireDefault$3(React__default);
+
+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", {
+  fill: "none",
+  d: "M0 0h24v24H0z"
+}), _react$3.default.createElement("path", {
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"
+})), 'Info');
+
+default_1$3 = Info.default = _default$3;
+
 const generateValidationMessage = (model, configuration) => {
   const {
     choiceMode
@@ -142,7 +455,7 @@ class GeneralConfigBlock extends React.Component {
       disableTouchListener: true,
       placement: 'right',
       title: validationMessage
-    }, /*#__PURE__*/React.createElement(Info, {
+    }, /*#__PURE__*/React.createElement(default_1$3, {
       fontSize: 'small',
       color: 'primary'
     }))), /*#__PURE__*/React.createElement("div", {
@@ -186,6 +499,28 @@ GeneralConfigBlock.propTypes = {
 };
 var GeneralConfigBlock$1 = withStyles(styles$4)(GeneralConfigBlock);
 
+var Add = {};
+
+var _interopRequireDefault$2 = interopRequireDefault.exports;
+
+Object.defineProperty(Add, "__esModule", {
+  value: true
+});
+var default_1$2 = Add.default = void 0;
+
+var _react$2 = _interopRequireDefault$2(React__default);
+
+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: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+}), _react$2.default.createElement("path", {
+  fill: "none",
+  d: "M0 0h24v24H0z"
+})), 'Add');
+
+default_1$2 = Add.default = _default$2;
+
 class AddRowButton extends React__default.Component {
   render() {
     const {
@@ -196,7 +531,7 @@ class AddRowButton extends React__default.Component {
       className: classes.button,
       disabled: false,
       onClick: onAddClick
-    }, /*#__PURE__*/React__default.createElement(AddButton, {
+    }, /*#__PURE__*/React__default.createElement(default_1$2, {
       className: classes.icon
     }), "Add Another Row");
   }
@@ -220,6 +555,50 @@ const styles$3 = theme => ({
 
 var AddRow = withStyles(styles$3)(AddRowButton);
 
+var DragHandle = {};
+
+var _interopRequireDefault$1 = interopRequireDefault.exports;
+
+Object.defineProperty(DragHandle, "__esModule", {
+  value: true
+});
+var default_1$1 = DragHandle.default = void 0;
+
+var _react$1 = _interopRequireDefault$1(React__default);
+
+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("defs", null, _react$1.default.createElement("path", {
+  id: "a",
+  d: "M0 0h24v24H0V0z"
+})), _react$1.default.createElement("path", {
+  d: "M20 9H4v2h16V9zM4 15h16v-2H4v2z"
+})), 'DragHandle');
+
+default_1$1 = DragHandle.default = _default$1;
+
+var Delete = {};
+
+var _interopRequireDefault = interopRequireDefault.exports;
+
+Object.defineProperty(Delete, "__esModule", {
+  value: true
+});
+var default_1 = Delete.default = void 0;
+
+var _react = _interopRequireDefault(React__default);
+
+var _createSvgIcon = _interopRequireDefault(createSvgIcon$1);
+
+var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+  d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
+}), _react.default.createElement("path", {
+  fill: "none",
+  d: "M0 0h24v24H0z"
+})), 'Delete');
+
+default_1 = Delete.default = _default;
+
 /**
  * Create the React Context
  */
@@ -2319,7 +2698,7 @@ class Row extends React__default.Component {
       itemID: 'handle',
       className: classes.dragHandle,
       onMouseDown: this.onMouseDownOnHandle
-    }, /*#__PURE__*/React__default.createElement(DragHandle, {
+    }, /*#__PURE__*/React__default.createElement(default_1$1, {
       color: 'primary'
     })), /*#__PURE__*/React__default.createElement("div", {
       className: classes.rowContainer
@@ -2366,7 +2745,7 @@ class Row extends React__default.Component {
     }, /*#__PURE__*/React__default.createElement(IconButton, {
       onClick: this.onDeleteRow(idx),
       "aria-label": "Delete"
-    }, /*#__PURE__*/React__default.createElement(Delete, null)))), error && /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React__default.createElement(default_1, null)))), error && /*#__PURE__*/React__default.createElement("div", {
       className: classes.errorText
     }, error), /*#__PURE__*/React__default.createElement("hr", {
       className: classes.separator