@pie-element/categorize 11.3.4-next.3 → 12.0.0-beta.1

package/lib/categorize/categories.js

@@ -1,193 +1,135 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Categories = void 0;
 Object.defineProperty(exports, "CategoryType", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _category.CategoryType;
   }
 });
-exports["default"] = void 0;
-
+exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/styles");
 var _renderUi = require("@pie-lib/render-ui");
-
 var _gridContent = _interopRequireDefault(require("./grid-content"));
-
 var _category = _interopRequireWildcard(require("./category"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var Categories = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Categories, _React$Component);
-
-  var _super = _createSuper(Categories);
-
-  function Categories() {
-    (0, _classCallCheck2["default"])(this, Categories);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(Categories, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          categories = _this$props.categories,
-          model = _this$props.model,
-          disabled = _this$props.disabled,
-          _onDropChoice = _this$props.onDropChoice,
-          onRemoveChoice = _this$props.onRemoveChoice,
-          rowLabels = _this$props.rowLabels;
-      var categoriesPerRow = model.categoriesPerRow,
-          minRowHeight = model.minRowHeight; // split categories into an array of arrays (inner array),
-      // where each inner array represents how many categories should be displayed on one row
-
-      var chunkedCategories = [];
-      var cats = categories || [];
-
-      for (var i = 0; i < cats.length; i += categoriesPerRow) {
-        chunkedCategories.push(cats.slice(i, i + categoriesPerRow));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+class Categories extends _react.default.Component {
+  render() {
+    const {
+      categories,
+      model,
+      disabled,
+      onDropChoice,
+      onRemoveChoice,
+      rowLabels
+    } = this.props;
+    const {
+      categoriesPerRow,
+      minRowHeight
+    } = model;
+
+    // split categories into an array of arrays (inner array),
+    // where each inner array represents how many categories should be displayed on one row
+    const chunkedCategories = [];
+    const cats = categories || [];
+    for (let i = 0; i < cats.length; i += categoriesPerRow) {
+      chunkedCategories.push(cats.slice(i, i + categoriesPerRow));
+    }
+    const hasNonEmptyString = array => {
+      let found = false;
+      (array || []).forEach(element => {
+        if (typeof element === 'string' && element.trim() !== '' && element.trim() !== '<div></div>') {
+          found = true;
+        }
+      });
+      return found;
+    };
+    return /*#__PURE__*/_react.default.createElement(_gridContent.default, {
+      columns: categoriesPerRow,
+      rows: Math.ceil(categories.length / categoriesPerRow) * 2,
+      extraStyle: {
+        flex: 1
       }
-
-      var hasNonEmptyString = function hasNonEmptyString(array) {
-        var found = false;
-        (array || []).forEach(function (element) {
-          if (typeof element === 'string' && element.trim() !== '' && element.trim() !== '<div></div>') {
-            found = true;
+    }, chunkedCategories.map((cat, rowIndex) => {
+      let items = [];
+
+      // for each inner array of categories, create a row with category titles
+      // first cell of row has to be the row label
+      cat.forEach((c, columnIndex) => {
+        items.push(/*#__PURE__*/_react.default.createElement("div", {
+          style: {
+            display: 'flex'
           }
-        });
-        return found;
-      };
-
-      return /*#__PURE__*/_react["default"].createElement(_gridContent["default"], {
-        columns: categoriesPerRow,
-        className: classes.categories,
-        rows: Math.ceil(categories.length / categoriesPerRow) * 2
-      }, chunkedCategories.map(function (cat, rowIndex) {
-        var items = []; // for each inner array of categories, create a row with category titles
-        // first cell of row has to be the row label
-
-        cat.forEach(function (c, columnIndex) {
-          items.push( /*#__PURE__*/_react["default"].createElement("div", {
-            style: {
-              display: 'flex'
-            }
-          }, columnIndex === 0 && hasNonEmptyString(rowLabels) ? /*#__PURE__*/_react["default"].createElement("div", {
-            key: rowIndex,
-            className: classes.rowLabel,
-            dangerouslySetInnerHTML: {
-              __html: rowLabels[rowIndex] || ''
-            }
-          }) : null, /*#__PURE__*/_react["default"].createElement("div", {
-            className: classes.categoryWrapper
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            className: classes.label,
-            key: "category-label-".concat(rowIndex, "-").concat(columnIndex),
-            dangerouslySetInnerHTML: {
-              __html: c.label
-            }
-          }), /*#__PURE__*/_react["default"].createElement(_category["default"], (0, _extends2["default"])({
-            minRowHeight: minRowHeight,
-            onDropChoice: function onDropChoice(h) {
-              return _onDropChoice(c.id, h);
-            },
-            onRemoveChoice: onRemoveChoice,
-            disabled: disabled,
-            className: classes.category,
-            key: "category-element-".concat(rowIndex, "-").concat(columnIndex)
-          }, c)))));
-        }); // if the last row has fewer categories than max on a row, fill the spaces with divs
-
-        items = items.concat(Array(categoriesPerRow - cat.length).fill( /*#__PURE__*/_react["default"].createElement("div", null)).map(function (value, index) {
-          return /*#__PURE__*/_react["default"].createElement("div", {
-            key: "fill-space-final-".concat(index)
-          });
-        }));
-        return items;
-      }));
-    }
-  }]);
-  return Categories;
-}(_react["default"].Component);
-
+        }, columnIndex === 0 && hasNonEmptyString(rowLabels) ? /*#__PURE__*/_react.default.createElement(StyledRowLabel, {
+          key: rowIndex,
+          dangerouslySetInnerHTML: {
+            __html: rowLabels[rowIndex] || ''
+          }
+        }) : null, /*#__PURE__*/_react.default.createElement(StyledCategoryWrapper, null, /*#__PURE__*/_react.default.createElement(StyledLabel, {
+          key: `category-label-${rowIndex}-${columnIndex}`,
+          dangerouslySetInnerHTML: {
+            __html: c.label
+          }
+        }), /*#__PURE__*/_react.default.createElement(_category.default, (0, _extends2.default)({
+          minRowHeight: minRowHeight,
+          onDropChoice: h => onDropChoice(c.id, h),
+          onRemoveChoice: onRemoveChoice,
+          disabled: disabled,
+          key: `category-element-${rowIndex}-${columnIndex}`
+        }, c)))));
+      });
+
+      // if the last row has fewer categories than max on a row, fill the spaces with divs
+      items = items.concat(Array(categoriesPerRow - cat.length).fill(/*#__PURE__*/_react.default.createElement("div", null)).map((value, index) => /*#__PURE__*/_react.default.createElement("div", {
+        key: `fill-space-final-${index}`
+      })));
+      return items;
+    }));
+  }
+}
 exports.Categories = Categories;
-(0, _defineProperty2["default"])(Categories, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
-  categories: _propTypes["default"].arrayOf(_propTypes["default"].shape(_category.CategoryType)),
-  model: _propTypes["default"].shape({
-    categoriesPerRow: _propTypes["default"].number
+(0, _defineProperty2.default)(Categories, "propTypes", {
+  categories: _propTypes.default.arrayOf(_propTypes.default.shape(_category.CategoryType)),
+  model: _propTypes.default.shape({
+    categoriesPerRow: _propTypes.default.number
   }),
-  disabled: _propTypes["default"].bool,
-  onDropChoice: _propTypes["default"].func.isRequired,
-  onRemoveChoice: _propTypes["default"].func.isRequired,
-  rowLabels: _propTypes["default"].array
+  disabled: _propTypes.default.bool,
+  onDropChoice: _propTypes.default.func.isRequired,
+  onRemoveChoice: _propTypes.default.func.isRequired,
+  rowLabels: _propTypes.default.array
 });
-(0, _defineProperty2["default"])(Categories, "defaultProps", {
+(0, _defineProperty2.default)(Categories, "defaultProps", {
   model: {
     categoriesPerRow: 1
   }
 });
-
-var styles = function styles(theme) {
-  return {
-    categories: {
-      flex: 1
-    },
-    label: {
-      color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background(),
-      textAlign: 'center',
-      paddingTop: theme.spacing.unit
-    },
-    rowLabel: {
-      alignItems: 'center',
-      display: 'flex',
-      justifyContent: 'center',
-      flex: 0.5,
-      marginRight: '12px'
-    },
-    categoryWrapper: {
-      display: 'flex',
-      flex: '2',
-      flexDirection: 'column'
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(Categories);
-
-exports["default"] = _default;
-//# sourceMappingURL=categories.js.map
+const StyledLabel = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  color: _renderUi.color.text(),
+  backgroundColor: _renderUi.color.background(),
+  textAlign: 'center',
+  paddingTop: theme.spacing(1)
+}));
+const StyledRowLabel = (0, _styles.styled)('div')({
+  alignItems: 'center',
+  display: 'flex',
+  justifyContent: 'center',
+  flex: 0.5,
+  marginRight: '12px'
+});
+const StyledCategoryWrapper = (0, _styles.styled)('div')({
+  display: 'flex',
+  flex: '2',
+  flexDirection: 'column'
+});
+var _default = exports.default = Categories;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9wcm9wVHlwZXMiLCJfc3R5bGVzIiwiX3JlbmRlclVpIiwiX2dyaWRDb250ZW50IiwiX2NhdGVnb3J5IiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJlIiwidCIsIldlYWtNYXAiLCJyIiwibiIsIl9fZXNNb2R1bGUiLCJvIiwiaSIsImYiLCJfX3Byb3RvX18iLCJkZWZhdWx0IiwiaGFzIiwiZ2V0Iiwic2V0IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJDYXRlZ29yaWVzIiwiUmVhY3QiLCJDb21wb25lbnQiLCJyZW5kZXIiLCJjYXRlZ29yaWVzIiwibW9kZWwiLCJkaXNhYmxlZCIsIm9uRHJvcENob2ljZSIsIm9uUmVtb3ZlQ2hvaWNlIiwicm93TGFiZWxzIiwicHJvcHMiLCJjYXRlZ29yaWVzUGVyUm93IiwibWluUm93SGVpZ2h0IiwiY2h1bmtlZENhdGVnb3JpZXMiLCJjYXRzIiwibGVuZ3RoIiwicHVzaCIsInNsaWNlIiwiaGFzTm9uRW1wdHlTdHJpbmciLCJhcnJheSIsImZvdW5kIiwiZm9yRWFjaCIsImVsZW1lbnQiLCJ0cmltIiwiY3JlYXRlRWxlbWVudCIsImNvbHVtbnMiLCJyb3dzIiwiTWF0aCIsImNlaWwiLCJleHRyYVN0eWxlIiwiZmxleCIsIm1hcCIsImNhdCIsInJvd0luZGV4IiwiaXRlbXMiLCJjIiwiY29sdW1uSW5kZXgiLCJzdHlsZSIsImRpc3BsYXkiLCJTdHlsZWRSb3dMYWJlbCIsImtleSIsImRhbmdlcm91c2x5U2V0SW5uZXJIVE1MIiwiX19odG1sIiwiU3R5bGVkQ2F0ZWdvcnlXcmFwcGVyIiwiU3R5bGVkTGFiZWwiLCJsYWJlbCIsIl9leHRlbmRzMiIsImgiLCJpZCIsImNvbmNhdCIsIkFycmF5IiwiZmlsbCIsInZhbHVlIiwiaW5kZXgiLCJleHBvcnRzIiwiX2RlZmluZVByb3BlcnR5MiIsIlByb3BUeXBlcyIsImFycmF5T2YiLCJzaGFwZSIsIkNhdGVnb3J5VHlwZSIsIm51bWJlciIsImJvb2wiLCJmdW5jIiwiaXNSZXF1aXJlZCIsInN0eWxlZCIsInRoZW1lIiwiY29sb3IiLCJ0ZXh0IiwiYmFja2dyb3VuZENvbG9yIiwiYmFja2dyb3VuZCIsInRleHRBbGlnbiIsInBhZGRpbmdUb3AiLCJzcGFjaW5nIiwiYWxpZ25JdGVtcyIsImp1c3RpZnlDb250ZW50IiwibWFyZ2luUmlnaHQiLCJmbGV4RGlyZWN0aW9uIiwiX2RlZmF1bHQiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvY2F0ZWdvcml6ZS9jYXRlZ29yaWVzLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwvc3R5bGVzJztcbmltcG9ydCB7IGNvbG9yIH0gZnJvbSAnQHBpZS1saWIvcmVuZGVyLXVpJztcblxuaW1wb3J0IEdyaWRDb250ZW50IGZyb20gJy4vZ3JpZC1jb250ZW50JztcbmltcG9ydCBDYXRlZ29yeSwgeyBDYXRlZ29yeVR5cGUgfSBmcm9tICcuL2NhdGVnb3J5JztcblxuZXhwb3J0IHsgQ2F0ZWdvcnlUeXBlIH07XG5cbmV4cG9ydCBjbGFzcyBDYXRlZ29yaWVzIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBjYXRlZ29yaWVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoQ2F0ZWdvcnlUeXBlKSksXG4gICAgbW9kZWw6IFByb3BUeXBlcy5zaGFwZSh7XG4gICAgICBjYXRlZ29yaWVzUGVyUm93OiBQcm9wVHlwZXMubnVtYmVyLFxuICAgIH0pLFxuICAgIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBvbkRyb3BDaG9pY2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgb25SZW1vdmVDaG9pY2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgcm93TGFiZWxzOiBQcm9wVHlwZXMuYXJyYXksXG4gIH07XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBtb2RlbDoge1xuICAgICAgY2F0ZWdvcmllc1BlclJvdzogMSxcbiAgICB9LFxuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IGNhdGVnb3JpZXMsIG1vZGVsLCBkaXNhYmxlZCwgb25Ecm9wQ2hvaWNlLCBvblJlbW92ZUNob2ljZSwgcm93TGFiZWxzIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHsgY2F0ZWdvcmllc1BlclJvdywgbWluUm93SGVpZ2h0IH0gPSBtb2RlbDtcblxuICAgIC8vIHNwbGl0IGNhdGVnb3JpZXMgaW50byBhbiBhcnJheSBvZiBhcnJheXMgKGlubmVyIGFycmF5KSxcbiAgICAvLyB3aGVyZSBlYWNoIGlubmVyIGFycmF5IHJlcHJlc2VudHMgaG93IG1hbnkgY2F0ZWdvcmllcyBzaG91bGQgYmUgZGlzcGxheWVkIG9uIG9uZSByb3dcbiAgICBjb25zdCBjaHVua2VkQ2F0ZWdvcmllcyA9IFtdO1xuICAgIGNvbnN0IGNhdHMgPSBjYXRlZ29yaWVzIHx8IFtdO1xuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgY2F0cy5sZW5ndGg7IGkgKz0gY2F0ZWdvcmllc1BlclJvdykge1xuICAgICAgY2h1bmtlZENhdGVnb3JpZXMucHVzaChjYXRzLnNsaWNlKGksIGkgKyBjYXRlZ29yaWVzUGVyUm93KSk7XG4gICAgfVxuXG4gICAgY29uc3QgaGFzTm9uRW1wdHlTdHJpbmcgPSAoYXJyYXkpID0+IHtcbiAgICAgIGxldCBmb3VuZCA9IGZhbHNlO1xuXG4gICAgICAoYXJyYXkgfHwgW10pLmZvckVhY2goKGVsZW1lbnQpID0+IHtcbiAgICAgICAgaWYgKHR5cGVvZiBlbGVtZW50ID09PSAnc3RyaW5nJyAmJiBlbGVtZW50LnRyaW0oKSAhPT0gJycgJiYgZWxlbWVudC50cmltKCkgIT09ICc8ZGl2PjwvZGl2PicpIHtcbiAgICAgICAgICBmb3VuZCA9IHRydWU7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuXG4gICAgICByZXR1cm4gZm91bmQ7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8R3JpZENvbnRlbnRcbiAgICAgICAgY29sdW1ucz17Y2F0ZWdvcmllc1BlclJvd31cbiAgICAgICAgcm93cz17TWF0aC5jZWlsKGNhdGVnb3JpZXMubGVuZ3RoIC8gY2F0ZWdvcmllc1BlclJvdykgKiAyfVxuICAgICAgICBleHRyYVN0eWxlPXt7IGZsZXg6IDEgfX1cbiAgICAgID5cbiAgICAgICAge2NodW5rZWRDYXRlZ29yaWVzLm1hcCgoY2F0LCByb3dJbmRleCkgPT4ge1xuICAgICAgICAgIGxldCBpdGVtcyA9IFtdO1xuXG4gICAgICAgICAgLy8gZm9yIGVhY2ggaW5uZXIgYXJyYXkgb2YgY2F0ZWdvcmllcywgY3JlYXRlIGEgcm93IHdpdGggY2F0ZWdvcnkgdGl0bGVzXG4gICAgICAgICAgLy8gZmlyc3QgY2VsbCBvZiByb3cgaGFzIHRvIGJlIHRoZSByb3cgbGFiZWxcbiAgICAgICAgICBjYXQuZm9yRWFjaCgoYywgY29sdW1uSW5kZXgpID0+IHtcbiAgICAgICAgICAgIGl0ZW1zLnB1c2goXG4gICAgICAgICAgICAgIDxkaXYgc3R5bGU9e3sgZGlzcGxheTogJ2ZsZXgnIH19PlxuICAgICAgICAgICAgICAgIHtjb2x1bW5JbmRleCA9PT0gMCAmJiBoYXNOb25FbXB0eVN0cmluZyhyb3dMYWJlbHMpID8gKFxuICAgICAgICAgICAgICAgICAgPFN0eWxlZFJvd0xhYmVsXG4gICAgICAgICAgICAgICAgICAgIGtleT17cm93SW5kZXh9XG4gICAgICAgICAgICAgICAgICAgIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7XG4gICAgICAgICAgICAgICAgICAgICAgX19odG1sOiByb3dMYWJlbHNbcm93SW5kZXhdIHx8ICcnLFxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgICA8U3R5bGVkQ2F0ZWdvcnlXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgPFN0eWxlZExhYmVsXG4gICAgICAgICAgICAgICAgICAgIGtleT17YGNhdGVnb3J5LWxhYmVsLSR7cm93SW5kZXh9LSR7Y29sdW1uSW5kZXh9YH1cbiAgICAgICAgICAgICAgICAgICAgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBjLmxhYmVsIH19XG4gICAgICAgICAgICAgICAgICAvPlxuXG4gICAgICAgICAgICAgICAgICA8Q2F0ZWdvcnlcbiAgICAgICAgICAgICAgICAgICAgbWluUm93SGVpZ2h0PXttaW5Sb3dIZWlnaHR9XG4gICAgICAgICAgICAgICAgICAgIG9uRHJvcENob2ljZT17KGgpID0+IG9uRHJvcENob2ljZShjLmlkLCBoKX1cbiAgICAgICAgICAgICAgICAgICAgb25SZW1vdmVDaG9pY2U9e29uUmVtb3ZlQ2hvaWNlfVxuICAgICAgICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgICAgIGtleT17YGNhdGVnb3J5LWVsZW1lbnQtJHtyb3dJbmRleH0tJHtjb2x1bW5JbmRleH1gfVxuICAgICAgICAgICAgICAgICAgICB7Li4uY31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRDYXRlZ29yeVdyYXBwZXI+XG4gICAgICAgICAgICAgIDwvZGl2PixcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSk7XG5cbiAgICAgICAgICAvLyBpZiB0aGUgbGFzdCByb3cgaGFzIGZld2VyIGNhdGVnb3JpZXMgdGhhbiBtYXggb24gYSByb3csIGZpbGwgdGhlIHNwYWNlcyB3aXRoIGRpdnNcbiAgICAgICAgICBpdGVtcyA9IGl0ZW1zLmNvbmNhdChcbiAgICAgICAgICAgIEFycmF5KGNhdGVnb3JpZXNQZXJSb3cgLSBjYXQubGVuZ3RoKVxuICAgICAgICAgICAgICAuZmlsbCg8ZGl2IC8+KVxuICAgICAgICAgICAgICAubWFwKCh2YWx1ZSwgaW5kZXgpID0+IDxkaXYga2V5PXtgZmlsbC1zcGFjZS1maW5hbC0ke2luZGV4fWB9IC8+KSxcbiAgICAgICAgICApO1xuXG4gICAgICAgICAgcmV0dXJuIGl0ZW1zO1xuICAgICAgICB9KX1cbiAgICAgIDwvR3JpZENvbnRlbnQ+XG4gICAgKTtcbiAgfVxufVxuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZCgnZGl2JykoKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IGNvbG9yLnRleHQoKSxcbiAgYmFja2dyb3VuZENvbG9yOiBjb2xvci5iYWNrZ3JvdW5kKCksXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNpbmcoMSksXG59KSk7XG5cbmNvbnN0IFN0eWxlZFJvd0xhYmVsID0gc3R5bGVkKCdkaXYnKSh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgZmxleDogMC41LFxuICBtYXJnaW5SaWdodDogJzEycHgnLFxufSk7XG5cbmNvbnN0IFN0eWxlZENhdGVnb3J5V3JhcHBlciA9IHN0eWxlZCgnZGl2Jykoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXg6ICcyJyxcbiAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG59KTtcblxuZXhwb3J0IGRlZmF1bHQgQ2F0ZWdvcmllcztcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLFVBQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFFLE9BQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLFNB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

package/lib/categorize/categories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/categorize/categories.jsx"],"names":["Categories","props","classes","categories","model","disabled","onDropChoice","onRemoveChoice","rowLabels","categoriesPerRow","minRowHeight","chunkedCategories","cats","i","length","push","slice","hasNonEmptyString","array","found","forEach","element","trim","Math","ceil","map","cat","rowIndex","items","c","columnIndex","display","rowLabel","__html","categoryWrapper","label","h","id","category","concat","Array","fill","value","index","React","Component","PropTypes","object","isRequired","arrayOf","shape","CategoryType","number","bool","func","styles","theme","flex","color","text","backgroundColor","background","textAlign","paddingTop","spacing","unit","alignItems","justifyContent","marginRight","flexDirection"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nimport GridContent from './grid-content';\nimport Category, { CategoryType } from './category';\n\nexport { CategoryType };\n\nexport class Categories extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    categories: PropTypes.arrayOf(PropTypes.shape(CategoryType)),\n    model: PropTypes.shape({\n      categoriesPerRow: PropTypes.number,\n    }),\n    disabled: PropTypes.bool,\n    onDropChoice: PropTypes.func.isRequired,\n    onRemoveChoice: PropTypes.func.isRequired,\n    rowLabels: PropTypes.array,\n  };\n\n  static defaultProps = {\n    model: {\n      categoriesPerRow: 1,\n    },\n  };\n\n  render() {\n    const { classes, categories, model, disabled, onDropChoice, onRemoveChoice, rowLabels } = this.props;\n    const { categoriesPerRow, minRowHeight } = model;\n\n    // split categories into an array of arrays (inner array),\n    // where each inner array represents how many categories should be displayed on one row\n    const chunkedCategories = [];\n    const cats = categories || [];\n    for (let i = 0; i < cats.length; i += categoriesPerRow) {\n      chunkedCategories.push(cats.slice(i, i + categoriesPerRow));\n    }\n\n    const hasNonEmptyString = (array) => {\n      let found = false;\n\n      (array || []).forEach((element) => {\n        if (typeof element === 'string' && element.trim() !== '' && element.trim() !== '<div></div>') {\n          found = true;\n        }\n      });\n\n      return found;\n    };\n\n    return (\n      <GridContent\n        columns={categoriesPerRow}\n        className={classes.categories}\n        rows={Math.ceil(categories.length / categoriesPerRow) * 2}\n      >\n        {chunkedCategories.map((cat, rowIndex) => {\n          let items = [];\n\n          // for each inner array of categories, create a row with category titles\n          // first cell of row has to be the row label\n          cat.forEach((c, columnIndex) => {\n            items.push(\n              <div style={{ display: 'flex' }}>\n                {columnIndex === 0 && hasNonEmptyString(rowLabels) ? (\n                  <div\n                    key={rowIndex}\n                    className={classes.rowLabel}\n                    dangerouslySetInnerHTML={{\n                      __html: rowLabels[rowIndex] || '',\n                    }}\n                  />\n                ) : null}\n                <div className={classes.categoryWrapper}>\n                  <div\n                    className={classes.label}\n                    key={`category-label-${rowIndex}-${columnIndex}`}\n                    dangerouslySetInnerHTML={{ __html: c.label }}\n                  />\n\n                  <Category\n                    minRowHeight={minRowHeight}\n                    onDropChoice={(h) => onDropChoice(c.id, h)}\n                    onRemoveChoice={onRemoveChoice}\n                    disabled={disabled}\n                    className={classes.category}\n                    key={`category-element-${rowIndex}-${columnIndex}`}\n                    {...c}\n                  />\n                </div>\n              </div>,\n            );\n          });\n\n          // if the last row has fewer categories than max on a row, fill the spaces with divs\n          items = items.concat(\n            Array(categoriesPerRow - cat.length)\n              .fill(<div />)\n              .map((value, index) => <div key={`fill-space-final-${index}`} />),\n          );\n\n          return items;\n        })}\n      </GridContent>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  categories: {\n    flex: 1,\n  },\n  label: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    textAlign: 'center',\n    paddingTop: theme.spacing.unit,\n  },\n  rowLabel: {\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'center',\n    flex: 0.5,\n    marginRight: '12px',\n  },\n  categoryWrapper: {\n    display: 'flex',\n    flex: '2',\n    flexDirection: 'column',\n  },\n});\nexport default withStyles(styles)(Categories);\n"],"file":"categories.js"}
+{"version":3,"file":"categories.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_renderUi","_gridContent","_category","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Categories","React","Component","render","categories","model","disabled","onDropChoice","onRemoveChoice","rowLabels","props","categoriesPerRow","minRowHeight","chunkedCategories","cats","length","push","slice","hasNonEmptyString","array","found","forEach","element","trim","createElement","columns","rows","Math","ceil","extraStyle","flex","map","cat","rowIndex","items","c","columnIndex","style","display","StyledRowLabel","key","dangerouslySetInnerHTML","__html","StyledCategoryWrapper","StyledLabel","label","_extends2","h","id","concat","Array","fill","value","index","exports","_defineProperty2","PropTypes","arrayOf","shape","CategoryType","number","bool","func","isRequired","styled","theme","color","text","backgroundColor","background","textAlign","paddingTop","spacing","alignItems","justifyContent","marginRight","flexDirection","_default"],"sources":["../../src/categorize/categories.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\n\nimport GridContent from './grid-content';\nimport Category, { CategoryType } from './category';\n\nexport { CategoryType };\n\nexport class Categories extends React.Component {\n  static propTypes = {\n    categories: PropTypes.arrayOf(PropTypes.shape(CategoryType)),\n    model: PropTypes.shape({\n      categoriesPerRow: PropTypes.number,\n    }),\n    disabled: PropTypes.bool,\n    onDropChoice: PropTypes.func.isRequired,\n    onRemoveChoice: PropTypes.func.isRequired,\n    rowLabels: PropTypes.array,\n  };\n\n  static defaultProps = {\n    model: {\n      categoriesPerRow: 1,\n    },\n  };\n\n  render() {\n    const { categories, model, disabled, onDropChoice, onRemoveChoice, rowLabels } = this.props;\n    const { categoriesPerRow, minRowHeight } = model;\n\n    // split categories into an array of arrays (inner array),\n    // where each inner array represents how many categories should be displayed on one row\n    const chunkedCategories = [];\n    const cats = categories || [];\n    for (let i = 0; i < cats.length; i += categoriesPerRow) {\n      chunkedCategories.push(cats.slice(i, i + categoriesPerRow));\n    }\n\n    const hasNonEmptyString = (array) => {\n      let found = false;\n\n      (array || []).forEach((element) => {\n        if (typeof element === 'string' && element.trim() !== '' && element.trim() !== '<div></div>') {\n          found = true;\n        }\n      });\n\n      return found;\n    };\n\n    return (\n      <GridContent\n        columns={categoriesPerRow}\n        rows={Math.ceil(categories.length / categoriesPerRow) * 2}\n        extraStyle={{ flex: 1 }}\n      >\n        {chunkedCategories.map((cat, rowIndex) => {\n          let items = [];\n\n          // for each inner array of categories, create a row with category titles\n          // first cell of row has to be the row label\n          cat.forEach((c, columnIndex) => {\n            items.push(\n              <div style={{ display: 'flex' }}>\n                {columnIndex === 0 && hasNonEmptyString(rowLabels) ? (\n                  <StyledRowLabel\n                    key={rowIndex}\n                    dangerouslySetInnerHTML={{\n                      __html: rowLabels[rowIndex] || '',\n                    }}\n                  />\n                ) : null}\n                <StyledCategoryWrapper>\n                  <StyledLabel\n                    key={`category-label-${rowIndex}-${columnIndex}`}\n                    dangerouslySetInnerHTML={{ __html: c.label }}\n                  />\n\n                  <Category\n                    minRowHeight={minRowHeight}\n                    onDropChoice={(h) => onDropChoice(c.id, h)}\n                    onRemoveChoice={onRemoveChoice}\n                    disabled={disabled}\n                    key={`category-element-${rowIndex}-${columnIndex}`}\n                    {...c}\n                  />\n                </StyledCategoryWrapper>\n              </div>,\n            );\n          });\n\n          // if the last row has fewer categories than max on a row, fill the spaces with divs\n          items = items.concat(\n            Array(categoriesPerRow - cat.length)\n              .fill(<div />)\n              .map((value, index) => <div key={`fill-space-final-${index}`} />),\n          );\n\n          return items;\n        })}\n      </GridContent>\n    );\n  }\n}\n\nconst StyledLabel = styled('div')(({ theme }) => ({\n  color: color.text(),\n  backgroundColor: color.background(),\n  textAlign: 'center',\n  paddingTop: theme.spacing(1),\n}));\n\nconst StyledRowLabel = styled('div')({\n  alignItems: 'center',\n  display: 'flex',\n  justifyContent: 'center',\n  flex: 0.5,\n  marginRight: '12px',\n});\n\nconst StyledCategoryWrapper = styled('div')({\n  display: 'flex',\n  flex: '2',\n  flexDirection: 'column',\n});\n\nexport default Categories;\n"],"mappings":"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","ignoreList":[]}

package/lib/categorize/category.js

@@ -1,140 +1,90 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.CategoryType = exports.Category = void 0;
-
+exports.default = exports.CategoryType = exports.Category = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
+var _styles = require("@mui/material/styles");
+var _renderUi = require("@pie-lib/render-ui");
 var _choice = _interopRequireDefault(require("./choice"));
-
 var _droppablePlaceholder = _interopRequireDefault(require("./droppable-placeholder"));
-
-var _renderUi = require("@pie-lib/render-ui");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var CategoryType = {
-  id: _propTypes["default"].string.isRequired,
-  categoryId: _propTypes["default"].string
+const CategoryType = exports.CategoryType = {
+  id: _propTypes.default.string.isRequired,
+  categoryId: _propTypes.default.string
 };
-exports.CategoryType = CategoryType;
-
-var Category = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Category, _React$Component);
-
-  var _super = _createSuper(Category);
-
-  function Category() {
-    (0, _classCallCheck2["default"])(this, Category);
-    return _super.apply(this, arguments);
+class Category extends _react.default.Component {
+  render() {
+    const {
+      className,
+      choices = [],
+      disabled,
+      onDropChoice,
+      onRemoveChoice,
+      id,
+      correct,
+      minRowHeight
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(StyledDiv, {
+      className: className,
+      id: id
+    }, /*#__PURE__*/_react.default.createElement(StyledPlaceHolder, {
+      id: id,
+      onDropChoice: onDropChoice,
+      disabled: disabled,
+      correct: correct,
+      minRowHeight: minRowHeight
+    }, choices.map((c, index) => /*#__PURE__*/_react.default.createElement(_choice.default, (0, _extends2.default)({
+      onRemoveChoice: onRemoveChoice,
+      disabled: disabled,
+      key: index,
+      choiceIndex: index,
+      categoryId: id
+    }, c)))));
   }
-
-  (0, _createClass2["default"])(Category, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          className = _this$props.className,
-          _this$props$choices = _this$props.choices,
-          choices = _this$props$choices === void 0 ? [] : _this$props$choices,
-          disabled = _this$props.disabled,
-          onDropChoice = _this$props.onDropChoice,
-          onRemoveChoice = _this$props.onRemoveChoice,
-          id = _this$props.id,
-          correct = _this$props.correct,
-          minRowHeight = _this$props.minRowHeight;
-      var names = (0, _classnames["default"])(classes.category, className);
-      var placeholderNames = (0, _classnames["default"])(classes.placeholder, correct === false && classes.incorrect, correct === true && classes.correct);
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: names
-      }, /*#__PURE__*/_react["default"].createElement(_droppablePlaceholder["default"], {
-        onDropChoice: onDropChoice,
-        disabled: disabled,
-        className: placeholderNames,
-        minRowHeight: minRowHeight
-      }, choices.map(function (c, index) {
-        return /*#__PURE__*/_react["default"].createElement(_choice["default"], (0, _extends2["default"])({
-          onRemoveChoice: onRemoveChoice,
-          disabled: disabled,
-          key: index,
-          choiceIndex: index,
-          categoryId: id
-        }, c));
-      })));
-    }
-  }]);
-  return Category;
-}(_react["default"].Component);
-
+}
 exports.Category = Category;
-(0, _defineProperty2["default"])(Category, "propTypes", _objectSpread(_objectSpread({}, CategoryType), {}, {
-  className: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  classes: _propTypes["default"].object.isRequired,
-  onDropChoice: _propTypes["default"].func,
-  onRemoveChoice: _propTypes["default"].func,
-  minRowHeight: _propTypes["default"].string
+(0, _defineProperty2.default)(Category, "propTypes", {
+  ...CategoryType,
+  className: _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  onDropChoice: _propTypes.default.func,
+  onRemoveChoice: _propTypes.default.func,
+  minRowHeight: _propTypes.default.string
+});
+(0, _defineProperty2.default)(Category, "defaultProps", {});
+const StyledDiv = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  display: 'flex',
+  flexDirection: 'column',
+  flex: 2
 }));
-(0, _defineProperty2["default"])(Category, "defaultProps", {});
-
-var styles = function styles(theme) {
-  return {
-    incorrect: {
-      border: "solid 2px ".concat(_renderUi.color.incorrect())
-    },
-    correct: {
-      border: "solid 2px ".concat(_renderUi.color.correct())
-    },
-    placeholder: {
-      padding: theme.spacing.unit / 2,
-      borderRadius: theme.spacing.unit / 2,
-      gridColumnGap: 0,
-      gridRowGap: 0,
-      display: 'flex',
-      flexWrap: 'wrap',
-      justifyContent: 'center',
-      alignItems: 'center',
-      alignContent: 'flex-start'
-    },
-    category: {
-      display: 'flex',
-      flexDirection: 'column',
-      flex: 2
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(Category);
-
-exports["default"] = _default;
-//# sourceMappingURL=category.js.map
+const StyledPlaceHolder = (0, _styles.styled)(_droppablePlaceholder.default, {
+  shouldForwardProp: prop => prop !== 'correct'
+})(({
+  theme,
+  correct
+}) => ({
+  padding: theme.spacing(0.5),
+  borderRadius: theme.spacing(0.5),
+  gridColumnGap: 0,
+  gridRowGap: 0,
+  display: 'flex',
+  flexWrap: 'wrap',
+  justifyContent: 'center',
+  alignItems: 'center',
+  alignContent: 'flex-start',
+  ...(correct === false && {
+    border: `solid 2px ${_renderUi.color.incorrect()}`
+  }),
+  ...(correct === true && {
+    border: `solid 2px ${_renderUi.color.correct()}`
+  })
+}));
+var _default = exports.default = Category;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9wcm9wVHlwZXMiLCJfc3R5bGVzIiwiX3JlbmRlclVpIiwiX2Nob2ljZSIsIl9kcm9wcGFibGVQbGFjZWhvbGRlciIsIkNhdGVnb3J5VHlwZSIsImV4cG9ydHMiLCJpZCIsIlByb3BUeXBlcyIsInN0cmluZyIsImlzUmVxdWlyZWQiLCJjYXRlZ29yeUlkIiwiQ2F0ZWdvcnkiLCJSZWFjdCIsIkNvbXBvbmVudCIsInJlbmRlciIsImNsYXNzTmFtZSIsImNob2ljZXMiLCJkaXNhYmxlZCIsIm9uRHJvcENob2ljZSIsIm9uUmVtb3ZlQ2hvaWNlIiwiY29ycmVjdCIsIm1pblJvd0hlaWdodCIsInByb3BzIiwiZGVmYXVsdCIsImNyZWF0ZUVsZW1lbnQiLCJTdHlsZWREaXYiLCJTdHlsZWRQbGFjZUhvbGRlciIsIm1hcCIsImMiLCJpbmRleCIsIl9leHRlbmRzMiIsImtleSIsImNob2ljZUluZGV4IiwiX2RlZmluZVByb3BlcnR5MiIsImJvb2wiLCJmdW5jIiwic3R5bGVkIiwidGhlbWUiLCJkaXNwbGF5IiwiZmxleERpcmVjdGlvbiIsImZsZXgiLCJQbGFjZUhvbGRlciIsInNob3VsZEZvcndhcmRQcm9wIiwicHJvcCIsInBhZGRpbmciLCJzcGFjaW5nIiwiYm9yZGVyUmFkaXVzIiwiZ3JpZENvbHVtbkdhcCIsImdyaWRSb3dHYXAiLCJmbGV4V3JhcCIsImp1c3RpZnlDb250ZW50IiwiYWxpZ25JdGVtcyIsImFsaWduQ29udGVudCIsImJvcmRlciIsImNvbG9yIiwiaW5jb3JyZWN0IiwiX2RlZmF1bHQiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvY2F0ZWdvcml6ZS9jYXRlZ29yeS5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tICdAbXVpL21hdGVyaWFsL3N0eWxlcyc7XG5pbXBvcnQgeyBjb2xvciB9IGZyb20gJ0BwaWUtbGliL3JlbmRlci11aSc7XG5cbmltcG9ydCBDaG9pY2UgZnJvbSAnLi9jaG9pY2UnO1xuaW1wb3J0IFBsYWNlSG9sZGVyIGZyb20gJy4vZHJvcHBhYmxlLXBsYWNlaG9sZGVyJztcblxuZXhwb3J0IGNvbnN0IENhdGVnb3J5VHlwZSA9IHtcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgY2F0ZWdvcnlJZDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG5cbmV4cG9ydCBjbGFzcyBDYXRlZ29yeSBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgLi4uQ2F0ZWdvcnlUeXBlLFxuICAgIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gICAgb25Ecm9wQ2hvaWNlOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBvblJlbW92ZUNob2ljZTogUHJvcFR5cGVzLmZ1bmMsXG4gICAgbWluUm93SGVpZ2h0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICB9O1xuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7fTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3Qge1xuICAgICAgY2xhc3NOYW1lLFxuICAgICAgY2hvaWNlcyA9IFtdLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBvbkRyb3BDaG9pY2UsXG4gICAgICBvblJlbW92ZUNob2ljZSxcbiAgICAgIGlkLFxuICAgICAgY29ycmVjdCxcbiAgICAgIG1pblJvd0hlaWdodCxcbiAgICB9ID0gdGhpcy5wcm9wcztcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBpZD17aWR9PlxuICAgICAgICA8U3R5bGVkUGxhY2VIb2xkZXJcbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgb25Ecm9wQ2hvaWNlPXtvbkRyb3BDaG9pY2V9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGNvcnJlY3Q9e2NvcnJlY3R9XG4gICAgICAgICAgbWluUm93SGVpZ2h0PXttaW5Sb3dIZWlnaHR9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hvaWNlcy5tYXAoKGMsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICA8Q2hvaWNlXG4gICAgICAgICAgICAgIG9uUmVtb3ZlQ2hvaWNlPXtvblJlbW92ZUNob2ljZX1cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICAgICAgICBjaG9pY2VJbmRleD17aW5kZXh9XG4gICAgICAgICAgICAgIGNhdGVnb3J5SWQ9e2lkfVxuICAgICAgICAgICAgICB7Li4uY31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvU3R5bGVkUGxhY2VIb2xkZXI+XG4gICAgICA8L1N0eWxlZERpdj5cbiAgICApO1xuICB9XG59XG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZCgnZGl2JykoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgZmxleDogMixcbn0pKTtcblxuY29uc3QgU3R5bGVkUGxhY2VIb2xkZXIgPSBzdHlsZWQoUGxhY2VIb2xkZXIsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnY29ycmVjdCcsXG59KSgoeyB0aGVtZSwgY29ycmVjdCB9KSA9PiAoe1xuICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKDAuNSksXG4gIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2luZygwLjUpLFxuICBncmlkQ29sdW1uR2FwOiAwLFxuICBncmlkUm93R2FwOiAwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhXcmFwOiAnd3JhcCcsXG4gIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGFsaWduQ29udGVudDogJ2ZsZXgtc3RhcnQnLFxuICAuLi4oY29ycmVjdCA9PT0gZmFsc2UgJiYge1xuICAgIGJvcmRlcjogYHNvbGlkIDJweCAke2NvbG9yLmluY29ycmVjdCgpfWAsXG4gIH0pLFxuICAuLi4oY29ycmVjdCA9PT0gdHJ1ZSAmJiB7XG4gICAgYm9yZGVyOiBgc29saWQgMnB4ICR7Y29sb3IuY29ycmVjdCgpfWAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgZGVmYXVsdCBDYXRlZ29yeTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsVUFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUUsT0FBQSxHQUFBRixPQUFBO0FBQ0EsSUFBQUcsU0FBQSxHQUFBSCxPQUFBO0FBRUEsSUFBQUksT0FBQSxHQUFBTCxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUsscUJBQUEsR0FBQU4sc0JBQUEsQ0FBQUMsT0FBQTtBQUVPLE1BQU1NLFlBQVksR0FBQUMsT0FBQSxDQUFBRCxZQUFBLEdBQUc7RUFDMUJFLEVBQUUsRUFBRUMsa0JBQVMsQ0FBQ0MsTUFBTSxDQUFDQyxVQUFVO0VBQy9CQyxVQUFVLEVBQUVILGtCQUFTLENBQUNDO0FBQ3hCLENBQUM7QUFFTSxNQUFNRyxRQUFRLFNBQVNDLGNBQUssQ0FBQ0MsU0FBUyxDQUFDO0VBWTVDQyxNQUFNQSxDQUFBLEVBQUc7SUFDUCxNQUFNO01BQ0pDLFNBQVM7TUFDVEMsT0FBTyxHQUFHLEVBQUU7TUFDWkMsUUFBUTtNQUNSQyxZQUFZO01BQ1pDLGNBQWM7TUFDZGIsRUFBRTtNQUNGYyxPQUFPO01BQ1BDO0lBQ0YsQ0FBQyxHQUFHLElBQUksQ0FBQ0MsS0FBSztJQUVkLG9CQUNFMUIsTUFBQSxDQUFBMkIsT0FBQSxDQUFBQyxhQUFBLENBQUNDLFNBQVM7TUFBQ1YsU0FBUyxFQUFF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