@pie-element/categorize 11.0.2-esm.0 → 11.0.3-esm.0

package/configure/package.json

@@ -3,7 +3,7 @@
   "private": true,
   "main": "lib/index.js",
   "module": "src/index.js",
-  "version": "9.0.3-esm.0",
+  "version": "11.0.3-esm.0",
   "description": "",
   "scripts": {},
   "author": "pie framework developers",
@@ -12,13 +12,13 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/categorize": "^0.25.0",
-    "@pie-lib/config-ui": "^11.26.1",
-    "@pie-lib/drag": "^2.19.1",
-    "@pie-lib/editable-html": "^11.18.1",
-    "@pie-lib/math-rendering": "^3.19.0",
-    "@pie-lib/render-ui": "^4.32.1",
-    "@pie-lib/translator": "^2.20.0",
+    "@pie-lib/categorize": "^0.25.2",
+    "@pie-lib/config-ui": "^11.26.3",
+    "@pie-lib/drag": "^2.19.3",
+    "@pie-lib/editable-html": "^11.18.3",
+    "@pie-lib/math-rendering": "^3.19.2",
+    "@pie-lib/render-ui": "^4.32.3",
+    "@pie-lib/translator": "^2.20.2",
     "classnames": "^2.2.5",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

package/controller/package.json

@@ -2,13 +2,13 @@
   "name": "@pie-element/categorize-controller",
   "private": true,
   "dependencies": {
-    "@pie-lib/categorize": "^0.25.0",
-    "@pie-lib/controller-utils": "^0.19.0",
-    "@pie-lib/feedback": "^0.21.0",
-    "@pie-lib/translator": "^2.20.0",
+    "@pie-lib/categorize": "^0.25.2",
+    "@pie-lib/controller-utils": "^0.19.2",
+    "@pie-lib/feedback": "^0.21.2",
+    "@pie-lib/translator": "^2.20.2",
     "lodash": "^4.17.15"
   },
-  "version": "8.0.2",
+  "version": "11.0.3-esm.0",
   "description": "",
   "scripts": {},
   "main": "lib/index.js",

package/esm/configure.js

@@ -9,19 +9,17 @@ import { removeCategory, moveChoiceToCategory, verifyAllowMultiplePlacements, re
 import EditableHtml from '@pie-lib/editable-html';
 import { Choice as Choice$2, PlaceHolder as PlaceHolder$1, uid, withDragContext } from '@pie-lib/drag';
 import classNames from 'classnames';
-import Info from '@material-ui/icons/Info';
+import require$$3 from '@material-ui/core/SvgIcon';
 import Tooltip from '@material-ui/core/Tooltip';
 import Card from '@material-ui/core/Card';
 import CardActions from '@material-ui/core/CardActions';
 import Button from '@material-ui/core/Button';
 import '@material-ui/core/Divider';
 import IconButton from '@material-ui/core/IconButton';
-import RemoveCircleOutlineIcon from '@material-ui/icons/RemoveCircleOutline';
 import { HtmlAndMath, color, InputContainer } from '@pie-lib/render-ui';
 import debug from 'debug';
 import { jsx } from 'react/jsx-runtime';
 import Typography from '@material-ui/core/Typography';
-import DragHandle from '@material-ui/icons/DragHandle';
 import flow from 'lodash/flow';
 import TextField from '@material-ui/core/TextField';
 import cloneDeep from 'lodash/cloneDeep';
@@ -62,6 +60,322 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 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$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 = 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$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(Info, "__esModule", {
+  value: true
+});
+var default_1$2 = Info.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 0h24v24H0z"
+}), _react$2.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$2 = Info.default = _default$2;
+
 class InputHeader extends React.Component {
   constructor(props) {
     super(props);
@@ -232,6 +546,28 @@ const DeleteButton = withStyles(() => ({
   disabled: disabled
 }, label));
 
+var RemoveCircleOutline = {};
+
+var _interopRequireDefault$1 = interopRequireDefault.exports;
+
+Object.defineProperty(RemoveCircleOutline, "__esModule", {
+  value: true
+});
+var default_1$1 = RemoveCircleOutline.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: "M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
+})), 'RemoveCircleOutline');
+
+default_1$1 = RemoveCircleOutline.default = _default$1;
+
 class ChoicePreview extends React.Component {
   constructor(...args) {
     super(...args);
@@ -270,7 +606,7 @@ class ChoicePreview extends React.Component {
       "aria-label": "delete",
       className: classNames(classes.delete, classes.customColor),
       onClick: this.delete
-    }, /*#__PURE__*/React.createElement(RemoveCircleOutlineIcon, null))) : null);
+    }, /*#__PURE__*/React.createElement(default_1$1, null))) : null);
   }
 
 }
@@ -3014,7 +3350,7 @@ class Categories extends React.Component {
         disableTouchListener: true,
         placement: 'right',
         title: validationMessage
-      }, /*#__PURE__*/React.createElement(Info, {
+      }, /*#__PURE__*/React.createElement(default_1$2, {
         fontSize: 'small',
         color: 'primary',
         style: {
@@ -3290,6 +3626,28 @@ AlternateResponses.propTypes = {
 };
 var AlternateResponses$1 = withStyles(styles$5)(AlternateResponses);
 
+var DragHandle = {};
+
+var _interopRequireDefault = interopRequireDefault.exports;
+
+Object.defineProperty(DragHandle, "__esModule", {
+  value: true
+});
+var default_1 = DragHandle.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("defs", null, _react.default.createElement("path", {
+  id: "a",
+  d: "M0 0h24v24H0V0z"
+})), _react.default.createElement("path", {
+  d: "M20 9H4v2h16V9zM4 15h16v-2H4v2z"
+})), 'DragHandle');
+
+default_1 = DragHandle.default = _default;
+
 const log = debug('@pie-element:categorize:configure:choice');
 
 const canDrag = props => {
@@ -3367,7 +3725,7 @@ class Choice extends React.Component {
       className: classes.actions
     }, connectDragSource(connectDropTarget( /*#__PURE__*/React.createElement("span", {
       className: classNames(classes.dragHandle, draggable === false && classes.dragDisabled)
-    }, /*#__PURE__*/React.createElement(DragHandle, {
+    }, /*#__PURE__*/React.createElement(default_1, {
       color: draggable ? 'primary' : 'disabled'
     }))))), connectDragPreview( /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(InputHeader$1, {
       imageSupport: imageSupport,