@pie-element/matrix 2.0.2-esm.0 → 11.0.3-esm.0

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/matrix-configure",
   "private": true,
-  "version": "1.0.3-esm.0",
+  "version": "11.0.3-esm.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -9,9 +9,9 @@
   "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",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

package/controller/package.json

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

package/esm/configure.js

@@ -7,13 +7,11 @@ import PropTypes from 'prop-types';
 import EditableHtml from '@pie-lib/editable-html';
 import { layout, InputContainer, settings } from '@pie-lib/config-ui';
 import { withStyles } from '@material-ui/core/styles';
-import AddIcon from '@material-ui/icons/Add';
-import RemoveIcon from '@material-ui/icons/Remove';
+import require$$3 from '@material-ui/core/SvgIcon';
 import Radio from '@material-ui/core/Radio';
 import RadioGroup from '@material-ui/core/RadioGroup';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
 import { color } from '@pie-lib/render-ui';
-import KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';
 import Menu from '@material-ui/core/Menu';
 import MenuItem from '@material-ui/core/MenuItem';
 import { TextField } from '@material-ui/core';
@@ -37,6 +35,344 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+var Add = {};
+
+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$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__default;
+
+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$1 = {};
+
+/**
+ * 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(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;
+
+var _interopRequireDefault$5 = interopRequireDefault.exports;
+
+shallowEqual$1.__esModule = true;
+shallowEqual$1.default = void 0;
+
+var _shallowEqual$1 = _interopRequireDefault$5(shallowEqual_1);
+
+var _default$5 = _shallowEqual$1.default;
+shallowEqual$1.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$1);
+
+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__default);
+
+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(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;
+
+var Remove = {};
+
+var _interopRequireDefault$1 = interopRequireDefault.exports;
+
+Object.defineProperty(Remove, "__esModule", {
+  value: true
+});
+var default_1$1 = Remove.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("path", {
+  d: "M19 13H5v-2h14v2z"
+}), _react$1.default.createElement("path", {
+  fill: "none",
+  d: "M0 0h24v24H0z"
+})), 'Remove');
+
+default_1$1 = Remove.default = _default$1;
+
 var reactIs$1 = {exports: {}};
 
 var reactIs_production_min = {};
@@ -1098,9 +1434,9 @@ const MatrixColumnsSizeHeaderInput = ({
     }));
   };
 
-  return /*#__PURE__*/React__default.createElement(ColumnsWrapper, null, /*#__PURE__*/React__default.createElement(ColumnsHeader, null, "Matrix Columns"), /*#__PURE__*/React__default.createElement(NumberInputFormGroupWrapper, null, /*#__PURE__*/React__default.createElement(IconWrapper$1, null, /*#__PURE__*/React__default.createElement(RemoveIcon, {
+  return /*#__PURE__*/React__default.createElement(ColumnsWrapper, null, /*#__PURE__*/React__default.createElement(ColumnsHeader, null, "Matrix Columns"), /*#__PURE__*/React__default.createElement(NumberInputFormGroupWrapper, null, /*#__PURE__*/React__default.createElement(IconWrapper$1, null, /*#__PURE__*/React__default.createElement(default_1$1, {
     onClick: onDecrementColumnsSize
-  })), /*#__PURE__*/React__default.createElement("p", null, model.columnLabels.length), /*#__PURE__*/React__default.createElement(IconWrapper$1, null, /*#__PURE__*/React__default.createElement(AddIcon, {
+  })), /*#__PURE__*/React__default.createElement("p", null, model.columnLabels.length), /*#__PURE__*/React__default.createElement(IconWrapper$1, null, /*#__PURE__*/React__default.createElement(default_1$2, {
     onClick: onIncrementColumnsSize
   }))));
 };
@@ -1143,9 +1479,9 @@ const MatrixColumnsRowInput = ({
     }));
   };
 
-  return /*#__PURE__*/React__default.createElement(ColumnsWrapper, null, /*#__PURE__*/React__default.createElement(ColumnsHeader, null, "Matrix Rows"), /*#__PURE__*/React__default.createElement(NumberInputFormGroupWrapper, null, /*#__PURE__*/React__default.createElement(IconWrapper$1, null, /*#__PURE__*/React__default.createElement(RemoveIcon, {
+  return /*#__PURE__*/React__default.createElement(ColumnsWrapper, null, /*#__PURE__*/React__default.createElement(ColumnsHeader, null, "Matrix Rows"), /*#__PURE__*/React__default.createElement(NumberInputFormGroupWrapper, null, /*#__PURE__*/React__default.createElement(IconWrapper$1, null, /*#__PURE__*/React__default.createElement(default_1$1, {
     onClick: onDecrementSize
-  })), /*#__PURE__*/React__default.createElement("p", null, model.rowLabels.length), /*#__PURE__*/React__default.createElement(IconWrapper$1, null, /*#__PURE__*/React__default.createElement(AddIcon, {
+  })), /*#__PURE__*/React__default.createElement("p", null, model.rowLabels.length), /*#__PURE__*/React__default.createElement(IconWrapper$1, null, /*#__PURE__*/React__default.createElement(default_1$2, {
     onClick: onIncrementSize
   }))));
 };
@@ -1302,6 +1638,28 @@ MatrixLabelTypeHeaderInput.propTypes = {
 };
 var MatrixLabelTypeHeaderInput$1 = withStyles(styles$2)(MatrixLabelTypeHeaderInput);
 
+var KeyboardArrowDown = {};
+
+var _interopRequireDefault = interopRequireDefault.exports;
+
+Object.defineProperty(KeyboardArrowDown, "__esModule", {
+  value: true
+});
+var default_1 = KeyboardArrowDown.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: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"
+}), _react.default.createElement("path", {
+  fill: "none",
+  d: "M0 0h24v24H0V0z"
+})), 'KeyboardArrowDown');
+
+default_1 = KeyboardArrowDown.default = _default;
+
 let _$2 = t => t,
     _t$2;
 const InputWrapper$1 = styled.div(_t$2 || (_t$2 = _$2`
@@ -1572,7 +1930,7 @@ const MatrixLabelEditableButton = props => {
     onClick: onShowInput
   }, value)), /*#__PURE__*/React__default.createElement(MatrixEditableButtonActions, {
     onClick: onActionClick
-  }, /*#__PURE__*/React__default.createElement(IconWrapper, null, /*#__PURE__*/React__default.createElement(KeyboardArrowDownIcon, {
+  }, /*#__PURE__*/React__default.createElement(IconWrapper, null, /*#__PURE__*/React__default.createElement(default_1, {
     fontSize: "inherit"
   })), /*#__PURE__*/React__default.createElement(Menu, {
     anchorEl: anchorEl,