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

package/configure/lib/design/header.js

@@ -1,125 +1,71 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Header = void 0;
-
-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"));
-
+exports.default = exports.Header = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _styles = require("@mui/material/styles");
 var _buttons = require("./buttons");
-
-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 Header = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Header, _React$Component);
-
-  var _super = _createSuper(Header);
-
-  function Header() {
-    (0, _classCallCheck2["default"])(this, Header);
-    return _super.apply(this, arguments);
+const HeaderContainer = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  display: 'flex',
+  justifyContent: 'space-between',
+  marginBottom: theme.spacing(1)
+}));
+const TitleContainer = (0, _styles.styled)('div')({
+  display: 'flex',
+  alignItems: 'center'
+});
+const StyledTooltip = (0, _styles.styled)(_Tooltip.default)(({
+  theme
+}) => ({
+  '& .MuiTooltip-tooltip': {
+    fontSize: theme.typography.fontSize - 2,
+    whiteSpace: 'pre',
+    maxWidth: '500px'
   }
-
-  (0, _createClass2["default"])(Header, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          className = _this$props.className,
-          onAdd = _this$props.onAdd,
-          label = _this$props.label,
-          buttonLabel = _this$props.buttonLabel,
-          info = _this$props.info,
-          buttonDisabled = _this$props.buttonDisabled,
-          variant = _this$props.variant,
-          tooltip = _this$props.tooltip;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.header, className)
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.titleContainer
-      }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-        variant: variant || 'title',
-        className: classes.title
-      }, label), info), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-        title: tooltip || '',
-        classes: {
-          tooltip: classes.tooltip
-        },
-        enterTouchDelay: 50 // Appear quickly after a touch
-        ,
-        leaveTouchDelay: 3000 // Stay visible for 3 seconds
-
-      }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_buttons.AddButton, {
-        onClick: onAdd,
-        label: buttonLabel,
-        disabled: buttonDisabled
-      }))));
-    }
-  }]);
-  return Header;
-}(_react["default"].Component);
-
+}));
+class Header extends _react.default.Component {
+  render() {
+    const {
+      onAdd,
+      label,
+      buttonLabel,
+      info,
+      buttonDisabled,
+      variant,
+      tooltip
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(HeaderContainer, null, /*#__PURE__*/_react.default.createElement(TitleContainer, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: variant || 'title'
+    }, label), info), /*#__PURE__*/_react.default.createElement(StyledTooltip, {
+      title: tooltip || '',
+      enterTouchDelay: 50,
+      leaveTouchDelay: 3000
+    }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_buttons.AddButton, {
+      onClick: onAdd,
+      label: buttonLabel,
+      disabled: buttonDisabled
+    }))));
+  }
+}
 exports.Header = Header;
-(0, _defineProperty2["default"])(Header, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
-  className: _propTypes["default"].string,
-  buttonLabel: _propTypes["default"].string,
-  onAdd: _propTypes["default"].func.isRequired,
-  label: _propTypes["default"].string.isRequired,
-  info: _propTypes["default"].any,
-  buttonDisabled: _propTypes["default"].bool,
-  variant: _propTypes["default"].string,
-  tooltip: _propTypes["default"].string
+(0, _defineProperty2.default)(Header, "propTypes", {
+  buttonLabel: _propTypes.default.string,
+  onAdd: _propTypes.default.func.isRequired,
+  label: _propTypes.default.string.isRequired,
+  info: _propTypes.default.any,
+  buttonDisabled: _propTypes.default.bool,
+  variant: _propTypes.default.string,
+  tooltip: _propTypes.default.string
 });
-(0, _defineProperty2["default"])(Header, "defaultProps", {});
-
-var styles = function styles(theme) {
-  return {
-    header: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      marginBottom: theme.spacing.unit
-    },
-    titleContainer: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    tooltip: {
-      fontSize: theme.typography.fontSize - 2,
-      whiteSpace: 'pre',
-      maxWidth: '500px'
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(Header);
-
-exports["default"] = _default;
-//# sourceMappingURL=header.js.map
+(0, _defineProperty2.default)(Header, "defaultProps", {});
+var _default = exports.default = Header;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9wcm9wVHlwZXMiLCJfVG9vbHRpcCIsIl9UeXBvZ3JhcGh5IiwiX3N0eWxlcyIsIl9idXR0b25zIiwiSGVhZGVyQ29udGFpbmVyIiwic3R5bGVkIiwidGhlbWUiLCJkaXNwbGF5IiwianVzdGlmeUNvbnRlbnQiLCJtYXJnaW5Cb3R0b20iLCJzcGFjaW5nIiwiVGl0bGVDb250YWluZXIiLCJhbGlnbkl0ZW1zIiwiU3R5bGVkVG9vbHRpcCIsIlRvb2x0aXAiLCJmb250U2l6ZSIsInR5cG9ncmFwaHkiLCJ3aGl0ZVNwYWNlIiwibWF4V2lkdGgiLCJIZWFkZXIiLCJSZWFjdCIsIkNvbXBvbmVudCIsInJlbmRlciIsIm9uQWRkIiwibGFiZWwiLCJidXR0b25MYWJlbCIsImluZm8iLCJidXR0b25EaXNhYmxlZCIsInZhcmlhbnQiLCJ0b29sdGlwIiwicHJvcHMiLCJkZWZhdWx0IiwiY3JlYXRlRWxlbWVudCIsInRpdGxlIiwiZW50ZXJUb3VjaERlbGF5IiwibGVhdmVUb3VjaERlbGF5IiwiQWRkQnV0dG9uIiwib25DbGljayIsImRpc2FibGVkIiwiZXhwb3J0cyIsIl9kZWZpbmVQcm9wZXJ0eTIiLCJQcm9wVHlwZXMiLCJzdHJpbmciLCJmdW5jIiwiaXNSZXF1aXJlZCIsImFueSIsImJvb2wiLCJfZGVmYXVsdCJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kZXNpZ24vaGVhZGVyLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BtdWkvbWF0ZXJpYWwvVG9vbHRpcCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgc3R5bGVkIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9zdHlsZXMnO1xuaW1wb3J0IHsgQWRkQnV0dG9uIH0gZnJvbSAnLi9idXR0b25zJztcblxuY29uc3QgSGVhZGVyQ29udGFpbmVyID0gc3R5bGVkKCdkaXYnKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZygxKSxcbn0pKTtcblxuY29uc3QgVGl0bGVDb250YWluZXIgPSBzdHlsZWQoJ2RpdicpKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbn0pO1xuXG5jb25zdCBTdHlsZWRUb29sdGlwID0gc3R5bGVkKFRvb2x0aXApKCh7IHRoZW1lIH0pID0+ICh7XG4gICcmIC5NdWlUb29sdGlwLXRvb2x0aXAnOiB7XG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUgLSAyLFxuICAgIHdoaXRlU3BhY2U6ICdwcmUnLFxuICAgIG1heFdpZHRoOiAnNTAwcHgnLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY2xhc3MgSGVhZGVyIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBidXR0b25MYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBvbkFkZDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIGluZm86IFByb3BUeXBlcy5hbnksXG4gICAgYnV0dG9uRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICAgIHZhcmlhbnQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgdG9vbHRpcDogUHJvcFR5cGVzLnN0cmluZyxcbiAgfTtcblxuICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge307XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgb25BZGQsIGxhYmVsLCBidXR0b25MYWJlbCwgaW5mbywgYnV0dG9uRGlzYWJsZWQsIHZhcmlhbnQsIHRvb2x0aXAgfSA9IHRoaXMucHJvcHM7XG4gICAgcmV0dXJuIChcbiAgICAgIDxIZWFkZXJDb250YWluZXI+XG4gICAgICAgIDxUaXRsZUNvbnRhaW5lcj5cbiAgICAgICAgICA8VHlwb2dyYXBoeSB2YXJpYW50PXt2YXJpYW50IHx8ICd0aXRsZSd9PlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICB7aW5mb31cbiAgICAgICAgPC9UaXRsZUNvbnRhaW5lcj5cbiAgICAgICAgPFN0eWxlZFRvb2x0aXBcbiAgICAgICAgICAgIHRpdGxlPXt0b29sdGlwIHx8ICcnfVxuICAgICAgICAgICAgZW50ZXJUb3VjaERlbGF5PXs1MH1cbiAgICAgICAgICAgIGxlYXZlVG91Y2hEZWxheT17MzAwMH1cbiAgICAgICAgPlxuICAgICAgICAgIDxzcGFuPlxuICAgICAgICAgICAgPEFkZEJ1dHRvbiBvbkNsaWNrPXtvbkFkZH0gbGFiZWw9e2J1dHRvbkxhYmVsfSBkaXNhYmxlZD17YnV0dG9uRGlzYWJsZWR9IC8+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L1N0eWxlZFRvb2x0aXA+XG4gICAgICA8L0hlYWRlckNvbnRhaW5lcj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IEhlYWRlcjtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxVQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRSxRQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRyxXQUFBLEdBQUFKLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBSSxPQUFBLEdBQUFKLE9BQUE7QUFDQSxJQUFBSyxRQUFBLEdBQUFMLE9BQUE7QUFFQSxNQUFNTSxlQUFlLEdBQUcsSUFBQUMsY0FBTSxFQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7RUFBRUM7QUFBTSxDQUFDLE1BQU07RUFDcERDLE9BQU8sRUFBRSxNQUFNO0VBQ2ZDLGNBQWMsRUFBRSxlQUFlO0VBQy9CQyxZQUFZLEVBQUVILEtBQUssQ0FBQ0ksT0FBTyxDQUFDLENBQUM7QUFDL0IsQ0FBQyxDQUFDLENBQUM7QUFFSCxNQUFNQyxjQUFjLEdBQUcsSUFBQU4sY0FBTSxFQUFDLEtBQUssQ0FBQyxDQUFDO0VBQ25DRSxPQUFPLEVBQUUsTUFBTTtFQUNmSyxVQUFVLEVBQUU7QUFDZCxDQUFDLENBQUM7QUFFRixNQUFNQyxhQUFhLEdBQUcsSUFBQVIsY0FBTSxFQUFDUyxnQkFBTyxDQUFDLENBQUMsQ0FBQztFQUFFUjtBQUFNLENBQUMsTUFBTTtFQUNwRCx1QkFBdUIsRUFBRTtJQUN2QlMsUUFBUSxFQUFFVCxLQUFLLENBQUNVLFVBQVUsQ0FBQ0QsUUFBUSxHQUFHLENBQUM7SUFDdkNFLFVBQVUsRUFBRSxLQUFLO0lBQ2pCQyxRQUFRLEVBQUU7RUFDWjtBQUNGLENBQUMsQ0FBQyxDQUFDO0FBRUksTUFBTUMsTUFBTSxTQUFTQyxjQUFLLENBQUNDLFNBQVMsQ0FBQztFQWExQ0MsTUFBTUEsQ0FBQSxFQUFHO0lBQ1AsTUFBTTtNQUFFQyxLQUFLO01BQUVDLEtBQUs7TUFBRUMsV0FBVztNQUFFQyxJQUFJO01BQUVDLGNBQWM7TUFBRUMsT0FBTztNQUFFQztJQUFRLENBQUMsR0FBRyxJQUFJLENBQUNDLEtBQUs7SUFDeEYsb0JBQ0VsQyxNQUFBLENBQUFtQyxPQUFBLENBQUFDLGFBQUEsQ0FBQzVCLGVBQWUscUJBQ2RSLE1BQUEsQ0FBQW1DLE9BQUEsQ0FBQUMsYUFBQSxDQUFDckIsY0FBYyxxQkFDYmYsTUFBQSxDQUFBbUMsT0FBQSxDQUFBQyxhQUFBLENBQUMvQixXQUFBLENBQUE4QixPQUFVO01BQUNILE9BQU8sRUFBRUEsT0FBTyxJQUFJO0lBQVEsR0FDckNKLEtBQ1MsQ0FBQyxFQUNaRSxJQUNhLENBQUMsZUFDakI5QixNQUFBLENBQUFtQyxPQUFBLENBQUFDLGFBQUEsQ0FBQ25CLGFBQWE7TUFDVm9CLEtBQUssRUFBRUosT0FBTyxJQUFJLEVBQUc7TUFDckJLLGVBQWUsRUFBRSxFQUFHO01BQ3BCQyxlQUFlLEVBQUU7SUFBSyxnQkFFeEJ2QyxNQUFBLENBQUFtQyxPQUFBLENBQUFDLGFBQUEsNEJBQ0VwQyxNQUFBLENBQUFtQyxPQUFBLENBQUFDLGFBQUEsQ0FBQzdCLFFBQUEsQ0FBQWlDLFNBQVM7TUFBQ0MsT0FBTyxFQUFFZCxLQUFNO01BQUNDLEtBQUssRUFBRUMsV0FBWTtNQUFDYSxRQUFRLEVBQUVYO0lBQWUsQ0FBRSxDQUN0RSxDQUNPLENBQ0EsQ0FBQztFQUV0QjtBQUNGO0FBQUNZLE9BQUEsQ0FBQXBCLE1BQUEsR0FBQUEsTUFBQTtBQUFBLElBQUFxQixnQkFBQSxDQUFBVCxPQUFBLEVBbkNZWixNQUFNLGVBQ0U7RUFDakJNLFdBQVcsRUFBRWdCLGtCQUFTLENBQUNDLE1BQU07RUFDN0JuQixLQUFLLEVBQUVrQixrQkFBUyxDQUFDRSxJQUFJLENBQUNDLFVBQVU7RUFDaENwQixLQUFLLEVBQUVpQixrQkFBUyxDQUFDQyxNQUFNLENBQUNFLFVBQVU7RUFDbENsQixJQUFJLEVBQUVlLGtCQUFTLENBQUNJLEdBQUc7RUFDbkJsQixjQUFjLEVBQUVjLGtCQUFTLENBQUNLLElBQUk7RUFDOUJsQixPQUFPLEVBQUVhLGtCQUFTLENBQUNDLE1BQU07RUFDekJiLE9BQU8sRUFBRVksa0JBQVMsQ0FBQ0M7QUFDckIsQ0FBQztBQUFBLElBQUFGLGdCQUFBLENBQUFULE9BQUEsRUFUVVosTUFBTSxrQkFXSyxDQUFDLENBQUM7QUFBQSxJQUFBNEIsUUFBQSxHQUFBUixPQUFBLENBQUFSLE9BQUEsR0EwQlhaLE1BQU0iLCJpZ25vcmVMaXN0IjpbXX0=

package/configure/lib/design/header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design/header.jsx"],"names":["Header","props","classes","className","onAdd","label","buttonLabel","info","buttonDisabled","variant","tooltip","header","titleContainer","title","React","Component","PropTypes","object","isRequired","string","func","any","bool","styles","theme","display","justifyContent","marginBottom","spacing","unit","alignItems","fontSize","typography","whiteSpace","maxWidth"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,M;;;;;;;;;;;;WAeX,kBAAS;AACP,wBAAkG,KAAKC,KAAvG;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,KAA5B,eAA4BA,KAA5B;AAAA,UAAmCC,KAAnC,eAAmCA,KAAnC;AAAA,UAA0CC,WAA1C,eAA0CA,WAA1C;AAAA,UAAuDC,IAAvD,eAAuDA,IAAvD;AAAA,UAA6DC,cAA7D,eAA6DA,cAA7D;AAAA,UAA6EC,OAA7E,eAA6EA,OAA7E;AAAA,UAAsFC,OAAtF,eAAsFA,OAAtF;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWR,OAAO,CAACS,MAAnB,EAA2BR,SAA3B;AAAhB,sBACE;AAAK,QAAA,SAAS,EAAED,OAAO,CAACU;AAAxB,sBACE,gCAAC,sBAAD;AAAY,QAAA,OAAO,EAAEH,OAAO,IAAI,OAAhC;AAAyC,QAAA,SAAS,EAAEP,OAAO,CAACW;AAA5D,SACGR,KADH,CADF,EAIGE,IAJH,CADF,eAOE,gCAAC,mBAAD;AACI,QAAA,KAAK,EAAEG,OAAO,IAAI,EADtB;AAEI,QAAA,OAAO,EAAE;AAAEA,UAAAA,OAAO,EAAER,OAAO,CAACQ;AAAnB,SAFb;AAGI,QAAA,eAAe,EAAE,EAHrB,CAGyB;AAHzB;AAII,QAAA,eAAe,EAAE,IAJrB,CAI2B;;AAJ3B,sBAME,2DACE,gCAAC,kBAAD;AAAW,QAAA,OAAO,EAAEN,KAApB;AAA2B,QAAA,KAAK,EAAEE,WAAlC;AAA+C,QAAA,QAAQ,EAAEE;AAAzD,QADF,CANF,CAPF,CADF;AAoBD;;;EArCyBM,kBAAMC,S;;;iCAArBf,M,eACQ;AACjBE,EAAAA,OAAO,EAAEc,sBAAUC,MAAV,CAAiBC,UADT;AAEjBf,EAAAA,SAAS,EAAEa,sBAAUG,MAFJ;AAGjBb,EAAAA,WAAW,EAAEU,sBAAUG,MAHN;AAIjBf,EAAAA,KAAK,EAAEY,sBAAUI,IAAV,CAAeF,UAJL;AAKjBb,EAAAA,KAAK,EAAEW,sBAAUG,MAAV,CAAiBD,UALP;AAMjBX,EAAAA,IAAI,EAAES,sBAAUK,GANC;AAOjBb,EAAAA,cAAc,EAAEQ,sBAAUM,IAPT;AAQjBb,EAAAA,OAAO,EAAEO,sBAAUG,MARF;AASjBT,EAAAA,OAAO,EAAEM,sBAAUG;AATF,C;iCADRnB,M,kBAaW,E;;AA0BxB,IAAMuB,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBb,IAAAA,MAAM,EAAE;AACNc,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,cAAc,EAAE,eAFV;AAGNC,MAAAA,YAAY,EAAEH,KAAK,CAACI,OAAN,CAAcC;AAHtB,KADiB;AAMzBjB,IAAAA,cAAc,EAAE;AACda,MAAAA,OAAO,EAAE,MADK;AAEdK,MAAAA,UAAU,EAAE;AAFE,KANS;AAUzBpB,IAAAA,OAAO,EAAE;AACPqB,MAAAA,QAAQ,EAAEP,KAAK,CAACQ,UAAN,CAAiBD,QAAjB,GAA4B,CAD/B;AAEPE,MAAAA,UAAU,EAAE,KAFL;AAGPC,MAAAA,QAAQ,EAAE;AAHH;AAVgB,GAAZ;AAAA,CAAf;;eAgBe,wBAAWX,MAAX,EAAmBvB,MAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { AddButton } from './buttons';\n\nexport class Header extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    buttonLabel: PropTypes.string,\n    onAdd: PropTypes.func.isRequired,\n    label: PropTypes.string.isRequired,\n    info: PropTypes.any,\n    buttonDisabled: PropTypes.bool,\n    variant: PropTypes.string,\n    tooltip: PropTypes.string,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { classes, className, onAdd, label, buttonLabel, info, buttonDisabled, variant, tooltip } = this.props;\n    return (\n      <div className={classNames(classes.header, className)}>\n        <div className={classes.titleContainer}>\n          <Typography variant={variant || 'title'} className={classes.title}>\n            {label}\n          </Typography>\n          {info}\n        </div>\n        <Tooltip\n            title={tooltip || ''}\n            classes={{ tooltip: classes.tooltip }}\n            enterTouchDelay={50} // Appear quickly after a touch\n            leaveTouchDelay={3000} // Stay visible for 3 seconds\n        >\n          <span>\n            <AddButton onClick={onAdd} label={buttonLabel} disabled={buttonDisabled} />\n          </span>\n        </Tooltip>\n      </div>\n    );\n  }\n}\nconst styles = (theme) => ({\n  header: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    marginBottom: theme.spacing.unit,\n  },\n  titleContainer: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  tooltip: {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n});\nexport default withStyles(styles)(Header);\n"],"file":"header.js"}
+{"version":3,"file":"header.js","names":["_react","_interopRequireDefault","require","_propTypes","_Tooltip","_Typography","_styles","_buttons","HeaderContainer","styled","theme","display","justifyContent","marginBottom","spacing","TitleContainer","alignItems","StyledTooltip","Tooltip","fontSize","typography","whiteSpace","maxWidth","Header","React","Component","render","onAdd","label","buttonLabel","info","buttonDisabled","variant","tooltip","props","default","createElement","title","enterTouchDelay","leaveTouchDelay","AddButton","onClick","disabled","exports","_defineProperty2","PropTypes","string","func","isRequired","any","bool","_default"],"sources":["../../src/design/header.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { styled } from '@mui/material/styles';\nimport { AddButton } from './buttons';\n\nconst HeaderContainer = styled('div')(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'space-between',\n  marginBottom: theme.spacing(1),\n}));\n\nconst TitleContainer = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nconst StyledTooltip = styled(Tooltip)(({ theme }) => ({\n  '& .MuiTooltip-tooltip': {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n}));\n\nexport class Header extends React.Component {\n  static propTypes = {\n    buttonLabel: PropTypes.string,\n    onAdd: PropTypes.func.isRequired,\n    label: PropTypes.string.isRequired,\n    info: PropTypes.any,\n    buttonDisabled: PropTypes.bool,\n    variant: PropTypes.string,\n    tooltip: PropTypes.string,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { onAdd, label, buttonLabel, info, buttonDisabled, variant, tooltip } = this.props;\n    return (\n      <HeaderContainer>\n        <TitleContainer>\n          <Typography variant={variant || 'title'}>\n            {label}\n          </Typography>\n          {info}\n        </TitleContainer>\n        <StyledTooltip\n            title={tooltip || ''}\n            enterTouchDelay={50}\n            leaveTouchDelay={3000}\n        >\n          <span>\n            <AddButton onClick={onAdd} label={buttonLabel} disabled={buttonDisabled} />\n          </span>\n        </StyledTooltip>\n      </HeaderContainer>\n    );\n  }\n}\n\nexport default Header;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAEA,MAAMM,eAAe,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC,CAAC;EAAEC;AAAM,CAAC,MAAM;EACpDC,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE,eAAe;EAC/BC,YAAY,EAAEH,KAAK,CAACI,OAAO,CAAC,CAAC;AAC/B,CAAC,CAAC,CAAC;AAEH,MAAMC,cAAc,GAAG,IAAAN,cAAM,EAAC,KAAK,CAAC,CAAC;EACnCE,OAAO,EAAE,MAAM;EACfK,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAG,IAAAR,cAAM,EAACS,gBAAO,CAAC,CAAC,CAAC;EAAER;AAAM,CAAC,MAAM;EACpD,uBAAuB,EAAE;IACvBS,QAAQ,EAAET,KAAK,CAACU,UAAU,CAACD,QAAQ,GAAG,CAAC;IACvCE,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC,CAAC;AAEI,MAAMC,MAAM,SAASC,cAAK,CAACC,SAAS,CAAC;EAa1CC,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,KAAK;MAAEC,KAAK;MAAEC,WAAW;MAAEC,IAAI;MAAEC,cAAc;MAAEC,OAAO;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACC,KAAK;IACxF,oBACElC,MAAA,CAAAmC,OAAA,CAAAC,aAAA,CAAC5B,eAAe,qBACdR,MAAA,CAAAmC,OAAA,CAAAC,aAAA,CAACrB,cAAc,qBACbf,MAAA,CAAAmC,OAAA,CAAAC,aAAA,CAAC/B,WAAA,CAAA8B,OAAU;MAACH,OAAO,EAAEA,OAAO,IAAI;IAAQ,GACrCJ,KACS,CAAC,EACZE,IACa,CAAC,eACjB9B,MAAA,CAAAmC,OAAA,CAAAC,aAAA,CAACnB,aAAa;MACVoB,KAAK,EAAEJ,OAAO,IAAI,EAAG;MACrBK,eAAe,EAAE,EAAG;MACpBC,eAAe,EAAE;IAAK,gBAExBvC,MAAA,CAAAmC,OAAA,CAAAC,aAAA,4BACEpC,MAAA,CAAAmC,OAAA,CAAAC,aAAA,CAAC7B,QAAA,CAAAiC,SAAS;MAACC,OAAO,EAAEd,KAAM;MAACC,KAAK,EAAEC,WAAY;MAACa,QAAQ,EAAEX;IAAe,CAAE,CACtE,CACO,CACA,CAAC;EAEtB;AACF;AAACY,OAAA,CAAApB,MAAA,GAAAA,MAAA;AAAA,IAAAqB,gBAAA,CAAAT,OAAA,EAnCYZ,MAAM,eACE;EACjBM,WAAW,EAAEgB,kBAAS,CAACC,MAAM;EAC7BnB,KAAK,EAAEkB,kBAAS,CAACE,IAAI,CAACC,UAAU;EAChCpB,KAAK,EAAEiB,kBAAS,CAACC,MAAM,CAACE,UAAU;EAClClB,IAAI,EAAEe,kBAAS,CAACI,GAAG;EACnBlB,cAAc,EAAEc,kBAAS,CAACK,IAAI;EAC9BlB,OAAO,EAAEa,kBAAS,CAACC,MAAM;EACzBb,OAAO,EAAEY,kBAAS,CAACC;AACrB,CAAC;AAAA,IAAAF,gBAAA,CAAAT,OAAA,EATUZ,MAAM,kBAWK,CAAC,CAAC;AAAA,IAAA4B,QAAA,GAAAR,OAAA,CAAAR,OAAA,GA0BXZ,MAAM","ignoreList":[]}