@pie-lib/graphing-solution-set 2.16.0-beta.0

package/lib/mark-label.js

@@ -0,0 +1,208 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.position = exports["default"] = exports.coordinates = exports.MarkLabel = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _reactInputAutosize = _interopRequireDefault(require("react-input-autosize"));
+
+var _useDebounce = require("./use-debounce");
+
+var _plot = require("@pie-lib/plot");
+
+var _renderUi = require("@pie-lib/render-ui");
+
+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 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; }
+
+var styles = function styles(theme) {
+  return {
+    input: {
+      "float": 'right',
+      padding: theme.spacing.unit * 0.5,
+      fontFamily: theme.typography.fontFamily,
+      fontSize: theme.typography.fontSize,
+      border: "solid 1px ".concat(_renderUi.color.defaults.SECONDARY),
+      borderRadius: '3px',
+      color: _renderUi.color.defaults.PRIMARY_DARK
+    },
+    disabled: {
+      border: "solid 1px ".concat(_renderUi.color.defaults.PRIMARY_DARK),
+      background: theme.palette.background.paper
+    },
+    disabledMark: {
+      border: "solid 1px ".concat(_renderUi.color.disabled()),
+      background: theme.palette.background.paper,
+      color: _renderUi.color.disabled()
+    }
+  };
+};
+
+var position = function position(graphProps, mark, rect) {
+  rect = rect || {
+    width: 0,
+    height: 0
+  };
+  var scale = graphProps.scale,
+      domain = graphProps.domain,
+      range = graphProps.range;
+  var shift = 10;
+  var rightEdge = scale.x(mark.x) + rect.width + shift;
+  var bottomEdge = scale.y(mark.y) + rect.height + shift;
+  var h = rightEdge >= scale.x(domain.max) ? 'left' : 'right';
+  var v = bottomEdge >= scale.y(range.min) ? 'top' : 'bottom';
+  return "".concat(v, "-").concat(h);
+};
+
+exports.position = position;
+
+var coordinates = function coordinates(graphProps, mark, rect, position) {
+  var scale = graphProps.scale;
+  var shift = 10;
+  rect = rect || {
+    width: 0,
+    height: 0
+  };
+
+  switch (position) {
+    case 'bottom-right':
+      {
+        return {
+          left: scale.x(mark.x) + shift,
+          top: scale.y(mark.y) + shift
+        };
+      }
+
+    case 'bottom-left':
+      {
+        return {
+          left: scale.x(mark.x) - shift - rect.width,
+          top: scale.y(mark.y) + shift
+        };
+      }
+
+    case 'top-left':
+      {
+        return {
+          left: scale.x(mark.x) - shift - rect.width,
+          top: scale.y(mark.y) - shift - rect.height
+        };
+      }
+
+    case 'top-right':
+      {
+        return {
+          left: scale.x(mark.x) + shift,
+          top: scale.y(mark.y) - shift - rect.height
+        };
+      }
+  }
+};
+
+exports.coordinates = coordinates;
+
+var MarkLabel = function MarkLabel(props) {
+  var _cn;
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      input = _useState2[0],
+      setInput = _useState2[1];
+
+  var _ref = (0, _react.useCallback)(function (node) {
+    return setInput(node);
+  });
+
+  var mark = props.mark,
+      graphProps = props.graphProps,
+      classes = props.classes,
+      disabled = props.disabled,
+      externalInputRef = props.inputRef,
+      theme = props.theme;
+
+  var _useState3 = (0, _react.useState)(mark.label),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      label = _useState4[0],
+      setLabel = _useState4[1];
+
+  var onChange = function onChange(e) {
+    return setLabel(e.target.value);
+  };
+
+  var debouncedLabel = (0, _useDebounce.useDebounce)(label, 200); // useState only sets the value once, to synch props to state need useEffect
+
+  (0, _react.useEffect)(function () {
+    setLabel(mark.label);
+  }, [mark.label]); // pick up the change to debouncedLabel and save it
+
+  (0, _react.useEffect)(function () {
+    if (typeof debouncedLabel === 'string' && debouncedLabel !== mark.label) {
+      props.onChange(debouncedLabel);
+    }
+  }, [debouncedLabel]);
+  var rect = input ? input.getBoundingClientRect() : {
+    width: 0,
+    height: 0
+  };
+  var pos = position(graphProps, mark, rect);
+  var leftTop = coordinates(graphProps, mark, rect, pos);
+
+  var style = _objectSpread({
+    position: 'fixed',
+    pointerEvents: 'auto'
+  }, leftTop);
+
+  var disabledInput = disabled || mark.disabled;
+  return /*#__PURE__*/_react["default"].createElement(_reactInputAutosize["default"], {
+    inputRef: function inputRef(r) {
+      _ref(r);
+
+      externalInputRef(r);
+    },
+    disabled: disabledInput,
+    inputClassName: (0, _classnames["default"])(classes.input, (_cn = {}, (0, _defineProperty2["default"])(_cn, classes.disabled, disabled), (0, _defineProperty2["default"])(_cn, classes.disabledMark, mark.disabled), _cn)),
+    value: label,
+    style: style,
+    onChange: onChange
+  });
+};
+
+exports.MarkLabel = MarkLabel;
+MarkLabel.propTypes = {
+  disabled: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func,
+  graphProps: _plot.types.GraphPropsType,
+  classes: _propTypes["default"].object,
+  inputRef: _propTypes["default"].func,
+  mark: _propTypes["default"].object,
+  theme: _propTypes["default"].object
+};
+
+var _default = (0, _styles.withStyles)(styles, {
+  withTheme: true
+})(MarkLabel);
+
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9tYXJrLWxhYmVsLmpzeCJdLCJuYW1lcyI6WyJzdHlsZXMiLCJ0aGVtZSIsImlucHV0IiwicGFkZGluZyIsInNwYWNpbmciLCJ1bml0IiwiZm9udEZhbWlseSIsInR5cG9ncmFwaHkiLCJmb250U2l6ZSIsImJvcmRlciIsImNvbG9yIiwiZGVmYXVsdHMiLCJTRUNPTkRBUlkiLCJib3JkZXJSYWRpdXMiLCJQUklNQVJZX0RBUksiLCJkaXNhYmxlZCIsImJhY2tncm91bmQiLCJwYWxldHRlIiwicGFwZXIiLCJkaXNhYmxlZE1hcmsiLCJwb3NpdGlvbiIsImdyYXBoUHJvcHMiLCJtYXJrIiwicmVjdCIsIndpZHRoIiwiaGVpZ2h0Iiwic2NhbGUiLCJkb21haW4iLCJyYW5nZSIsInNoaWZ0IiwicmlnaHRFZGdlIiwieCIsImJvdHRvbUVkZ2UiLCJ5IiwiaCIsIm1heCIsInYiLCJtaW4iLCJjb29yZGluYXRlcyIsImxlZnQiLCJ0b3AiLCJNYXJrTGFiZWwiLCJwcm9wcyIsInNldElucHV0IiwiX3JlZiIsIm5vZGUiLCJjbGFzc2VzIiwiZXh0ZXJuYWxJbnB1dFJlZiIsImlucHV0UmVmIiwibGFiZWwiLCJzZXRMYWJlbCIsIm9uQ2hhbmdlIiwiZSIsInRhcmdldCIsInZhbHVlIiwiZGVib3VuY2VkTGFiZWwiLCJnZXRCb3VuZGluZ0NsaWVudFJlY3QiLCJwb3MiLCJsZWZ0VG9wIiwic3R5bGUiLCJwb2ludGVyRXZlbnRzIiwiZGlzYWJsZWRJbnB1dCIsInIiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJib29sIiwiZnVuYyIsInR5cGVzIiwiR3JhcGhQcm9wc1R5cGUiLCJvYmplY3QiLCJ3aXRoVGhlbWUiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7Ozs7O0FBRUEsSUFBTUEsTUFBTSxHQUFHLFNBQVRBLE1BQVMsQ0FBQ0MsS0FBRDtBQUFBLFNBQVk7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RUFBQUEsUUFBUSxFQUFFYSxzQkFBVUUsSUFGQTtBQUdwQjdDLEVBQUFBLFVBQVUsRUFBRThDLFlBQU1DLGNBSEU7QUFJcEJ0QixFQUFBQSxPQUFPLEVBQUVrQixzQkFBVUssTUFKQztBQUtwQnJCLEVBQUFBLFFBQVEsRUFBRWdCLHNCQUFVRSxJQUxBO0FBTXBCNUMsRUFBQUEsSUFBSSxFQUFFMEMsc0JBQVVLLE1BTkk7QUFPcEJwRSxFQUFBQSxLQUFLLEVBQUUrRCxzQkFBVUs7QUFQRyxDQUF0Qjs7ZUFVZSx3QkFBV3JFLE1BQVgsRUFBbUI7QUFBRXNFLEVBQUFBLFNBQVMsRUFBRTtBQUFiLENBQW5CLEVBQXdDN0IsU0FBeEMsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBjbiBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCBBdXRvc2l6ZUlucHV0IGZyb20gJ3JlYWN0LWlucHV0LWF1dG9zaXplJztcbmltcG9ydCB7IHVzZURlYm91bmNlIH0gZnJvbSAnLi91c2UtZGVib3VuY2UnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICdAcGllLWxpYi9wbG90JztcbmltcG9ydCB7IGNvbG9yIH0gZnJvbSAnQHBpZS1saWIvcmVuZGVyLXVpJztcblxuY29uc3Qgc3R5bGVzID0gKHRoZW1lKSA9PiAoe1xuICBpbnB1dDoge1xuICAgIGZsb2F0OiAncmlnaHQnLFxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcudW5pdCAqIDAuNSxcbiAgICBmb250RmFtaWx5OiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHksXG4gICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemUsXG4gICAgYm9yZGVyOiBgc29saWQgMXB4ICR7Y29sb3IuZGVmYXVsdHMuU0VDT05EQVJZfWAsXG4gICAgYm9yZGVyUmFkaXVzOiAnM3B4JyxcbiAgICBjb2xvcjogY29sb3IuZGVmYXVsdHMuUFJJTUFSWV9EQVJLLFxuICB9LFxuICBkaXNhYmxlZDoge1xuICAgIGJvcmRlcjogYHNvbGlkIDFweCAke2NvbG9yLmRlZmF1bHRzLlBSSU1BUllfREFSS31gLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgfSxcbiAgZGlzYWJsZWRNYXJrOiB7XG4gICAgYm9yZGVyOiBgc29saWQgMXB4ICR7Y29sb3IuZGlzYWJsZWQoKX1gLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICBjb2xvcjogY29sb3IuZGlzYWJsZWQoKSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgcG9zaXRpb24gPSAoZ3JhcGhQcm9wcywgbWFyaywgcmVjdCkgPT4ge1xuICByZWN0ID0gcmVjdCB8fCB7IHdpZHRoOiAwLCBoZWlnaHQ6IDAgfTtcbiAgY29uc3QgeyBzY2FsZSwgZG9tYWluLCByYW5nZSB9ID0gZ3JhcGhQcm9wcztcbiAgY29uc3Qgc2hpZnQgPSAxMDtcblxuICBjb25zdCByaWdodEVkZ2UgPSBzY2FsZS54KG1hcmsueCkgKyByZWN0LndpZHRoICsgc2hpZnQ7XG4gIGNvbnN0IGJvdHRvbUVkZ2UgPSBzY2FsZS55KG1hcmsueSkgKyByZWN0LmhlaWdodCArIHNoaWZ0O1xuXG4gIGNvbnN0IGggPSByaWdodEVkZ2UgPj0gc2NhbGUueChkb21haW4ubWF4KSA/ICdsZWZ0JyA6ICdyaWdodCc7XG4gIGNvbnN0IHYgPSBib3R0b21FZGdlID49IHNjYWxlLnkocmFuZ2UubWluKSA/ICd0b3AnIDogJ2JvdHRvbSc7XG5cbiAgcmV0dXJuIGAke3Z9LSR7aH1gO1xufTtcblxuZXhwb3J0IGNvbnN0IGNvb3JkaW5hdGVzID0gKGdyYXBoUHJvcHMsIG1hcmssIHJlY3QsIHBvc2l0aW9uKSA9PiB7XG4gIGNvbnN0IHsgc2NhbGUgfSA9IGdyYXBoUHJvcHM7XG4gIGNvbnN0IHNoaWZ0ID0gMTA7XG4gIHJlY3QgPSByZWN0IHx8IHsgd2lkdGg6IDAsIGhlaWdodDogMCB9O1xuXG4gIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICBjYXNlICdib3R0b20tcmlnaHQnOiB7XG4gICAgICByZXR1cm4geyBsZWZ0OiBzY2FsZS54KG1hcmsueCkgKyBzaGlmdCwgdG9wOiBzY2FsZS55KG1hcmsueSkgKyBzaGlmdCB9O1xuICAgIH1cbiAgICBjYXNlICdib3R0b20tbGVmdCc6IHtcbiAgICAgIHJldHVybiB7IGxlZnQ6IHNjYWxlLngobWFyay54KSAtIHNoaWZ0IC0gcmVjdC53aWR0aCwgdG9wOiBzY2FsZS55KG1hcmsueSkgKyBzaGlmdCB9O1xuICAgIH1cbiAgICBjYXNlICd0b3AtbGVmdCc6IHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGxlZnQ6IHNjYWxlLngobWFyay54KSAtIHNoaWZ0IC0gcmVjdC53aWR0aCxcbiAgICAgICAgdG9wOiBzY2FsZS55KG1hcmsueSkgLSBzaGlmdCAtIHJlY3QuaGVpZ2h0LFxuICAgICAgfTtcbiAgICB9XG4gICAgY2FzZSAndG9wLXJpZ2h0Jzoge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgbGVmdDogc2NhbGUueChtYXJrLngpICsgc2hpZnQsXG4gICAgICAgIHRvcDogc2NhbGUueShtYXJrLnkpIC0gc2hpZnQgLSByZWN0LmhlaWdodCxcbiAgICAgIH07XG4gICAgfVxuICB9XG59O1xuXG5leHBvcnQgY29uc3QgTWFya0xhYmVsID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IFtpbnB1dCwgc2V0SW5wdXRdID0gdXNlU3RhdGUobnVsbCk7XG4gIGNvbnN0IF9yZWYgPSB1c2VDYWxsYmFjaygobm9kZSkgPT4gc2V0SW5wdXQobm9kZSkpO1xuXG4gIGNvbnN0IHsgbWFyaywgZ3JhcGhQcm9wcywgY2xhc3NlcywgZGlzYWJsZWQsIGlucHV0UmVmOiBleHRlcm5hbElucHV0UmVmLCB0aGVtZSB9ID0gcHJvcHM7XG5cbiAgY29uc3QgW2xhYmVsLCBzZXRMYWJlbF0gPSB1c2VTdGF0ZShtYXJrLmxhYmVsKTtcblxuICBjb25zdCBvbkNoYW5nZSA9IChlKSA9PiBzZXRMYWJlbChlLnRhcmdldC52YWx1ZSk7XG5cbiAgY29uc3QgZGVib3VuY2VkTGFiZWwgPSB1c2VEZWJvdW5jZShsYWJlbCwgMjAwKTtcblxuICAvLyB1c2VTdGF0ZSBvbmx5IHNldHMgdGhlIHZhbHVlIG9uY2UsIHRvIHN5bmNoIHByb3BzIHRvIHN0YXRlIG5lZWQgdXNlRWZmZWN0XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0TGFiZWwobWFyay5sYWJlbCk7XG4gIH0sIFttYXJrLmxhYmVsXSk7XG5cbiAgLy8gcGljayB1cCB0aGUgY2hhbmdlIHRvIGRlYm91bmNlZExhYmVsIGFuZCBzYXZlIGl0XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHR5cGVvZiBkZWJvdW5jZWRMYWJlbCA9PT0gJ3N0cmluZycgJiYgZGVib3VuY2VkTGFiZWwgIT09IG1hcmsubGFiZWwpIHtcbiAgICAgIHByb3BzLm9uQ2hhbmdlKGRlYm91bmNlZExhYmVsKTtcbiAgICB9XG4gIH0sIFtkZWJvdW5jZWRMYWJlbF0pO1xuXG4gIGNvbnN0IHJlY3QgPSBpbnB1dCA/IGlucHV0LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpIDogeyB3aWR0aDogMCwgaGVpZ2h0OiAwIH07XG4gIGNvbnN0IHBvcyA9IHBvc2l0aW9uKGdyYXBoUHJvcHMsIG1hcmssIHJlY3QpO1xuICBjb25zdCBsZWZ0VG9wID0gY29vcmRpbmF0ZXMoZ3JhcGhQcm9wcywgbWFyaywgcmVjdCwgcG9zKTtcblxuICBjb25zdCBzdHlsZSA9IHtcbiAgICBwb3NpdGlvbjogJ2ZpeGVkJyxcbiAgICBwb2ludGVyRXZlbnRzOiAnYXV0bycsXG4gICAgLi4ubGVmdFRvcCxcbiAgfTtcblxuICBjb25zdCBkaXNhYmxlZElucHV0ID0gZGlzYWJsZWQgfHwgbWFyay5kaXNhYmxlZDtcblxuICByZXR1cm4gKFxuICAgIDxBdXRvc2l6ZUlucHV0XG4gICAgICBpbnB1dFJlZj17KHIpID0+IHtcbiAgICAgICAgX3JlZihyKTtcbiAgICAgICAgZXh0ZXJuYWxJbnB1dFJlZihyKTtcbiAgICAgIH19XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWRJbnB1dH1cbiAgICAgIGlucHV0Q2xhc3NOYW1lPXtjbihjbGFzc2VzLmlucHV0LCB7XG4gICAgICAgIFtjbGFzc2VzLmRpc2FibGVkXTogZGlzYWJsZWQsXG4gICAgICAgIFtjbGFzc2VzLmRpc2FibGVkTWFya106IG1hcmsuZGlzYWJsZWQsXG4gICAgICB9KX1cbiAgICAgIHZhbHVlPXtsYWJlbH1cbiAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAvPlxuICApO1xufTtcblxuTWFya0xhYmVsLnByb3BUeXBlcyA9IHtcbiAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGdyYXBoUHJvcHM6IHR5cGVzLkdyYXBoUHJvcHNUeXBlLFxuICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LFxuICBpbnB1dFJlZjogUHJvcFR5cGVzLmZ1bmMsXG4gIG1hcms6IFByb3BUeXBlcy5vYmplY3QsXG4gIHRoZW1lOiBQcm9wVHlwZXMub2JqZWN0LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlcyhzdHlsZXMsIHsgd2l0aFRoZW1lOiB0cnVlIH0pKE1hcmtMYWJlbCk7XG4iXX0=

package/lib/toggle-bar.js

@@ -0,0 +1,336 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ToggleBar = exports.MiniButton = exports.Item = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+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 _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _renderUi = require("@pie-lib/render-ui");
+
+var _tools = require("./tools");
+
+var _drag = require("@pie-lib/drag");
+
+var _translator = _interopRequireDefault(require("@pie-lib/translator"));
+
+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; } }
+
+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; }
+
+var translator = _translator["default"].translator;
+
+var buttonStyles = function buttonStyles() {
+  return {
+    root: {
+      color: _renderUi.color.text()
+    },
+    selected: {
+      backgroundColor: _renderUi.color.background(),
+      border: "1px solid ".concat(_renderUi.color.secondary())
+    },
+    notSelected: {
+      '& span': {
+        color: _renderUi.color.primary()
+      },
+      backgroundColor: _renderUi.color.background()
+    },
+    disabled: {
+      '& span': {
+        color: _renderUi.color.primary()
+      },
+      backgroundColor: _renderUi.color.disabled()
+    }
+  };
+};
+
+var MiniButton = (0, _styles.withStyles)(buttonStyles)(function (props) {
+  var disabled = props.disabled,
+      classes = props.classes,
+      className = props.className,
+      selected = props.selected,
+      value = props.value,
+      _onClick = props.onClick,
+      language = props.language;
+  var translatorKey = value.toLowerCase();
+  return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    size: "small",
+    disabled: disabled,
+    className: (0, _classnames["default"])(classes.root, selected && classes.selected, className),
+    classes: {
+      disabled: (0, _classnames["default"])(disabled && classes.disabled)
+    },
+    value: value,
+    key: value,
+    variant: "outlined",
+    onClick: function onClick(e) {
+      return _onClick(_objectSpread(_objectSpread({}, e), {}, {
+        buttonValue: value
+      }));
+    }
+  }, translator.t("graphing.".concat(translatorKey), {
+    lng: language
+  }));
+});
+exports.MiniButton = MiniButton;
+MiniButton.propTypes = {
+  disabled: _propTypes["default"].bool,
+  classes: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  disabledClassName: _propTypes["default"].string,
+  selected: _propTypes["default"].bool,
+  value: _propTypes["default"].string,
+  onClick: _propTypes["default"].func
+};
+
+var ToggleBar = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(ToggleBar, _React$Component);
+
+  var _super = _createSuper(ToggleBar);
+
+  function ToggleBar() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, ToggleBar);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "select", function (e) {
+      return _this.props.onChange(e.buttonValue || e.target.textContent);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "moveTool", function (dragIndex, hoverIndex) {
+      var _this$props = _this.props,
+          options = _this$props.options,
+          onChangeToolsOrder = _this$props.onChangeToolsOrder;
+      var dragged = options[dragIndex];
+      options.splice(dragIndex, 1);
+      options.splice(hoverIndex, 0, dragged);
+      onChangeToolsOrder(options);
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(ToggleBar, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props2 = this.props,
+          classes = _this$props2.classes,
+          className = _this$props2.className,
+          disabled = _this$props2.disabled,
+          options = _this$props2.options,
+          selectedToolType = _this$props2.selectedToolType,
+          draggableTools = _this$props2.draggableTools,
+          language = _this$props2.language;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(className, classes.toolsContainer)
+      }, (options || []).map(function (option, index) {
+        if ((_tools.allTools || []).includes(option)) {
+          var isSelected = option === selectedToolType;
+
+          var toolRef = /*#__PURE__*/_react["default"].createRef();
+
+          return /*#__PURE__*/_react["default"].createElement(DragTool, {
+            key: option,
+            index: index,
+            draggable: draggableTools,
+            moveTool: _this2.moveTool,
+            classes: classes,
+            toolRef: toolRef
+          }, /*#__PURE__*/_react["default"].createElement(MiniButton, {
+            className: (0, _classnames["default"])(classes.button, isSelected && classes.selected),
+            disabled: disabled,
+            disableRipple: true,
+            onClick: _this2.select,
+            value: option,
+            selected: isSelected,
+            language: language
+          }));
+        }
+      }));
+    }
+  }]);
+  return ToggleBar;
+}(_react["default"].Component);
+
+exports.ToggleBar = ToggleBar;
+(0, _defineProperty2["default"])(ToggleBar, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  className: _propTypes["default"].string,
+  options: _propTypes["default"].arrayOf(_propTypes["default"].string),
+  selectedToolType: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  draggableTools: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func,
+  onChangeToolsOrder: _propTypes["default"].func,
+  language: _propTypes["default"].string
+});
+(0, _defineProperty2["default"])(ToggleBar, "defaultProps", {});
+
+var styles = function styles(theme) {
+  return {
+    toolsContainer: {
+      display: 'flex',
+      flexWrap: 'wrap'
+    },
+    button: {
+      marginRight: theme.spacing.unit / 2,
+      marginBottom: theme.spacing.unit / 2,
+      color: _renderUi.color.text()
+    },
+    under: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      zIndex: -1,
+      pointerEvents: 'none'
+    },
+    wrapper: {
+      position: 'relative'
+    },
+    hidden: {
+      opacity: 0
+    }
+  };
+};
+
+var _default = (0, _drag.withDragContext)((0, _styles.withStyles)(styles)(ToggleBar));
+
+exports["default"] = _default;
+var DRAG_TYPE = 'tool';
+
+var Item = /*#__PURE__*/function (_React$Component2) {
+  (0, _inherits2["default"])(Item, _React$Component2);
+
+  var _super2 = _createSuper(Item);
+
+  function Item() {
+    (0, _classCallCheck2["default"])(this, Item);
+    return _super2.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(Item, [{
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          classes = _this$props3.classes,
+          children = _this$props3.children,
+          connectDragSource = _this$props3.connectDragSource,
+          connectDropTarget = _this$props3.connectDropTarget,
+          connectDragPreview = _this$props3.connectDragPreview,
+          isDragging = _this$props3.isDragging,
+          toolRef = _this$props3.toolRef;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.wrapper,
+        ref: toolRef
+      }, connectDragSource(connectDropTarget( /*#__PURE__*/_react["default"].createElement("div", {
+        className: isDragging && classes.hidden
+      }, children))), connectDragPreview( /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.under
+      }, children)));
+    }
+  }]);
+  return Item;
+}(_react["default"].Component);
+
+exports.Item = Item;
+(0, _defineProperty2["default"])(Item, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  className: _propTypes["default"].string,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
+  connectDragSource: _propTypes["default"].func.isRequired,
+  connectDragPreview: _propTypes["default"].func.isRequired,
+  connectDropTarget: _propTypes["default"].func.isRequired,
+  isDragging: _propTypes["default"].bool,
+  toolRef: _propTypes["default"].any
+});
+(0, _defineProperty2["default"])(Item, "defaultProps", {});
+var itemSource = {
+  canDrag: function canDrag(props) {
+    return props.draggable;
+  },
+  beginDrag: function beginDrag(props) {
+    return {
+      index: props.index
+    };
+  }
+};
+var itemTarget = {
+  hover: function hover(props, monitor) {
+    var _toolRef$current;
+
+    var dragIndex = monitor.getItem().index;
+    var toolRef = props.toolRef,
+        hoverIndex = props.index;
+
+    if (dragIndex === hoverIndex || !toolRef.current) {
+      return;
+    }
+
+    var hoverBoundingRect = (_toolRef$current = toolRef.current) === null || _toolRef$current === void 0 ? void 0 : _toolRef$current.getBoundingClientRect();
+    var hoverMiddleX = (hoverBoundingRect.right - hoverBoundingRect.left) / 2;
+    var clientOffset = monitor.getClientOffset();
+    var hoverClientX = clientOffset.x - hoverBoundingRect.left;
+
+    if (dragIndex < hoverIndex && hoverClientX < hoverMiddleX) {
+      return;
+    }
+
+    if (dragIndex > hoverIndex && hoverClientX > hoverMiddleX) {
+      return;
+    }
+
+    props.moveTool(dragIndex, hoverIndex);
+    monitor.getItem().index = hoverIndex;
+  }
+};
+
+var collectTarget = function collectTarget(connect) {
+  return {
+    connectDropTarget: connect.dropTarget()
+  };
+};
+
+var collectSource = function collectSource(connect, monitor) {
+  return {
+    connectDragSource: connect.dragSource(),
+    connectDragPreview: connect.dragPreview(),
+    isDragging: monitor.isDragging()
+  };
+};
+
+var DragTool = (0, _drag.DropTarget)(DRAG_TYPE, itemTarget, collectTarget)((0, _drag.DragSource)(DRAG_TYPE, itemSource, collectSource)(Item));
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy90b2dnbGUtYmFyLmpzeCJdLCJuYW1lcyI6WyJ0cmFuc2xhdG9yIiwiVHJhbnNsYXRvciIsImJ1dHRvblN0eWxlcyIsInJvb3QiLCJjb2xvciIsInRleHQiLCJzZWxlY3RlZCIsImJhY2tncm91bmRDb2xvciIsImJhY2tncm91bmQiLCJib3JkZXIiLCJzZWNvbmRhcnkiLCJub3RTZWxlY3RlZCIsInByaW1hcnkiLCJkaXNhYmxlZCIsIk1pbmlCdXR0b24iLCJwcm9wcyIsImNsYXNzZXMiLCJjbGFzc05hbWUiLCJ2YWx1ZSIsIm9uQ2xpY2siLCJsYW5ndWFnZSIsInRyYW5zbGF0b3JLZXkiLCJ0b0xvd2VyQ2FzZSIsImUiLCJidXR0b25WYWx1ZSIsInQiLCJsbmciLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJib29sIiwib2JqZWN0Iiwic3RyaW5nIiwiZGlzYWJsZWRDbGFzc05hbWUiLCJmdW5jIiwiVG9nZ2xlQmFyIiwib25DaGFuZ2UiLCJ0YXJnZXQiLCJ0ZXh0Q29udGVudCIsImRyYWdJbmRleCIsImhvdmVySW5kZXgiLCJvcHRpb25zIiwib25DaGFuZ2VUb29sc09yZGVyIiwiZHJhZ2dlZCIsInNwbGljZSIsInNlbGVjdGVkVG9vbFR5cGUiLCJkcmFnZ2FibGVUb29scyIsInRvb2xzQ29udGFpbmVyIiwibWFwIiwib3B0aW9uIiwiaW5kZXgiLCJhbGxUb29scyIsImluY2x1ZGVzIiwiaXNTZWxlY3RlZCIsInRvb2xSZWYiLCJSZWFjdCIsImNyZWF0ZVJlZiIsIm1vdmVUb29sIiwiYnV0dG9uIiwic2VsZWN0IiwiQ29tcG9uZW50IiwiaXNSZXF1aXJlZCIsImFycmF5T2YiLCJzdHlsZXMiLCJ0aGVtZSIsImRpc3BsYXkiLCJmbGV4V3JhcCIsIm1hcmdpblJpZ2h0Iiwic3BhY2luZyIsInVuaXQiLCJtYXJnaW5Cb3R0b20iLCJ1bmRlciIsInBvc2l0aW9uIiwidG9wIiwibGVmdCIsInpJbmRleCIsInBvaW50ZXJFdmVudHMiLCJ3cmFwcGVyIiwiaGlkZGVuIiwib3BhY2l0eSIsIkRSQUdfVFlQRSIsIkl0ZW0iLCJjaGlsZHJlbiIsImNvbm5lY3REcmFnU291cmNlIiwiY29ubmVjdERyb3BUYXJnZXQiLCJjb25uZWN0RHJhZ1ByZXZpZXciLCJpc0RyYWdnaW5nIiwib25lT2ZUeXBlIiwibm9kZSIsImFueSIsIml0ZW1Tb3VyY2UiLCJjYW5EcmFnIiwiZHJhZ2dhYmxlIiwiYmVnaW5EcmFnIiwiaXRlbVRhcmdldCIsImhvdmVyIiwibW9uaXRvciIsImdldEl0ZW0iLCJjdXJyZW50IiwiaG92ZXJCb3VuZGluZ1JlY3QiLCJnZXRCb3VuZGluZ0NsaWVudFJlY3QiLCJob3Zlck1pZGRsZVgiLCJyaWdodCIsImNsaWVudE9mZnNldCIsImdldENsaWVudE9mZnNldCIsImhvdmVyQ2xpZW50WCIsIngiLCJjb2xsZWN0VGFyZ2V0IiwiY29ubmVjdCIsImRyb3BUYXJnZXQiLCJjb2xsZWN0U291cmNlIiwiZHJhZ1NvdXJjZSIsImRyYWdQcmV2aWV3IiwiRHJhZ1Rvb2wiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7Ozs7Ozs7QUFFQSxJQUFRQSxVQUFSLEdBQXVCQyxzQkFBdkIsQ0FBUUQsVUFBUjs7QUFFQSxJQUFNRSxZQUFZLEdBQUcsU0FBZkEsWUFBZTtBQUFBLFNBQU87QUFDMUJDLElBQUFBLElBQUksRUFBRTtBQUNKQyxNQUFBQSxLQUFLLEVBQUVBLGdCQUFNQyxJQUFOO0FBREgsS0FEb0I7QUFJMUJDLElBQUFBLFFBQVEsRUFBRTtBQUNSQyxNQUFBQSxlQUFlLEVBQUVILGdCQUFNSSxVQUFOLEVBRFQ7QUFFUkMsTUFBQUEsTUFBTSxzQkFBZUwsZ0JBQU1NLFNBQU4sRUFBZjtBQUZFLEtBSmdCO0FBUTFCQyxJQUFBQSxXQUFXLEVBQUU7QUFDWCxnQkFBVTtBQUNSUCxRQUFBQSxLQUFLLEVBQUVBLGdCQUFNUSxPQUFOO0FBREMs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Q0MsVUFBUjtBQUFyQixHQUFkO0FBQUEsQ0FBdEI7O0FBRUEsSUFBTUMsYUFBYSxHQUFHLFNBQWhCQSxhQUFnQixDQUFDRixPQUFELEVBQVVaLE9BQVY7QUFBQSxTQUF1QjtBQUMzQ2IsSUFBQUEsaUJBQWlCLEVBQUV5QixPQUFPLENBQUNHLFVBQVIsRUFEd0I7QUFFM0MxQixJQUFBQSxrQkFBa0IsRUFBRXVCLE9BQU8sQ0FBQ0ksV0FBUixFQUZ1QjtBQUczQzFCLElBQUFBLFVBQVUsRUFBRVUsT0FBTyxDQUFDVixVQUFSO0FBSCtCLEdBQXZCO0FBQUEsQ0FBdEI7O0FBTUEsSUFBTTJCLFFBQVEsR0FBRyxzQkFDZmpDLFNBRGUsRUFFZmMsVUFGZSxFQUdmYSxhQUhlLEVBSWYsc0JBQVczQixTQUFYLEVBQXNCVSxVQUF0QixFQUFrQ29CLGFBQWxDLEVBQWlEN0IsSUFBakQsQ0FKZSxDQUFqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgd2l0aFN0eWxlcyB9IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL3N0eWxlcyc7XG5pbXBvcnQgY24gZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgQnV0dG9uIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0J1dHRvbic7XG5pbXBvcnQgeyBjb2xvciB9IGZyb20gJ0BwaWUtbGliL3JlbmRlci11aSc7XG5pbXBvcnQgeyBhbGxUb29scyB9IGZyb20gJy4vdG9vbHMnO1xuaW1wb3J0IHsgd2l0aERyYWdDb250ZXh0LCBEcmFnU291cmNlLCBEcm9wVGFyZ2V0IH0gZnJvbSAnQHBpZS1saWIvZHJhZyc7XG5pbXBvcnQgVHJhbnNsYXRvciBmcm9tICdAcGllLWxpYi90cmFuc2xhdG9yJztcblxuY29uc3QgeyB0cmFuc2xhdG9yIH0gPSBUcmFuc2xhdG9yO1xuXG5jb25zdCBidXR0b25TdHlsZXMgPSAoKSA9PiAoe1xuICByb290OiB7XG4gICAgY29sb3I6IGNvbG9yLnRleHQoKSxcbiAgfSxcbiAgc2VsZWN0ZWQ6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLmJhY2tncm91bmQoKSxcbiAgICBib3JkZXI6IGAxcHggc29saWQgJHtjb2xvci5zZWNvbmRhcnkoKX1gLFxuICB9LFxuICBub3RTZWxlY3RlZDoge1xuICAgICcmIHNwYW4nOiB7XG4gICAgICBjb2xvcjogY29sb3IucHJpbWFyeSgpLFxuICAgIH0sXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvci5iYWNrZ3JvdW5kKCksXG4gIH0sXG4gIGRpc2FibGVkOiB7XG4gICAgJyYgc3Bhbic6IHtcbiAgICAgIGNvbG9yOiBjb2xvci5wcmltYXJ5KCksXG4gICAgfSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLmRpc2FibGVkKCksXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IE1pbmlCdXR0b24gPSB3aXRoU3R5bGVzKGJ1dHRvblN0eWxlcykoKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZGlzYWJsZWQsIGNsYXNzZXMsIGNsYXNzTmFtZSwgc2VsZWN0ZWQsIHZhbHVlLCBvbkNsaWNrLCBsYW5ndWFnZSB9ID0gcHJvcHM7XG4gIGNvbnN0IHRyYW5zbGF0b3JLZXkgPSB2YWx1ZS50b0xvd2VyQ2FzZSgpO1xuXG4gIHJldHVybiAoXG4gICAgPEJ1dHRvblxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGNsYXNzTmFtZT17Y24oY2xhc3Nlcy5yb290LCBzZWxlY3RlZCAmJiBjbGFzc2VzLnNlbGVjdGVkLCBjbGFzc05hbWUpfVxuICAgICAgY2xhc3Nlcz17eyBkaXNhYmxlZDogY24oZGlzYWJsZWQgJiYgY2xhc3Nlcy5kaXNhYmxlZCkgfX1cbiAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgIGtleT17dmFsdWV9XG4gICAgICB2YXJpYW50PVwib3V0bGluZWRcIlxuICAgICAgb25DbGljaz17KGUpID0+IG9uQ2xpY2soeyAuLi5lLCBidXR0b25WYWx1ZTogdmFsdWUgfSl9XG4gICAgPlxuICAgICAge3RyYW5zbGF0b3IudChgZ3JhcGhpbmcuJHt0cmFuc2xhdG9yS2V5fWAsIHsgbG5nOiBsYW5ndWFnZSB9KX1cbiAgICA8L0J1dHRvbj5cbiAgKTtcbn0pO1xuXG5NaW5pQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LFxuICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGRpc2FibGVkQ2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBzZWxlY3RlZDogUHJvcFR5cGVzLmJvb2wsXG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG5cbmV4cG9ydCBjbGFzcyBUb2dnbGVCYXIgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIGNsYXNzZXM6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgb3B0aW9uczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnN0cmluZyksXG4gICAgc2VsZWN0ZWRUb29sVHlwZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gICAgZHJhZ2dhYmxlVG9vbHM6IFByb3BUeXBlcy5ib29sLFxuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBvbkNoYW5nZVRvb2xzT3JkZXI6IFByb3BUeXBlcy5mdW5jLFxuICAgIGxhbmd1YWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB9O1xuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7fTtcblxuICBzZWxlY3QgPSAoZSkgPT4gdGhpcy5wcm9wcy5vbkNoYW5nZShlLmJ1dHRvblZhbHVlIHx8IGUudGFyZ2V0LnRleHRDb250ZW50KTtcblxuICBtb3ZlVG9vbCA9IChkcmFnSW5kZXgsIGhvdmVySW5kZXgpID0+IHtcbiAgICBjb25zdCB7IG9wdGlvbnMsIG9uQ2hhbmdlVG9vbHNPcmRlciB9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCBkcmFnZ2VkID0gb3B0aW9uc1tkcmFnSW5kZXhdO1xuXG4gICAgb3B0aW9ucy5zcGxpY2UoZHJhZ0luZGV4LCAxKTtcbiAgICBvcHRpb25zLnNwbGljZShob3ZlckluZGV4LCAwLCBkcmFnZ2VkKTtcblxuICAgIG9uQ2hhbmdlVG9vbHNPcmRlcihvcHRpb25zKTtcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBjbGFzc2VzLCBjbGFzc05hbWUsIGRpc2FibGVkLCBvcHRpb25zLCBzZWxlY3RlZFRvb2xUeXBlLCBkcmFnZ2FibGVUb29scywgbGFuZ3VhZ2UgfSA9IHRoaXMucHJvcHM7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9e2NuKGNsYXNzTmFtZSwgY2xhc3Nlcy50b29sc0NvbnRhaW5lcil9PlxuICAgICAgICB7KG9wdGlvbnMgfHwgW10pLm1hcCgob3B0aW9uLCBpbmRleCkgPT4ge1xuICAgICAgICAgIGlmICgoYWxsVG9vbHMgfHwgW10pLmluY2x1ZGVzKG9wdGlvbikpIHtcbiAgICAgICAgICAgIGNvbnN0IGlzU2VsZWN0ZWQgPSBvcHRpb24gPT09IHNlbGVjdGVkVG9vbFR5cGU7XG4gICAgICAgICAgICBjb25zdCB0b29sUmVmID0gUmVhY3QuY3JlYXRlUmVmKCk7XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxEcmFnVG9vbFxuICAgICAgICAgICAgICAgIGtleT17b3B0aW9ufVxuICAgICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICBkcmFnZ2FibGU9e2RyYWdnYWJsZVRvb2xzfVxuICAgICAgICAgICAgICAgIG1vdmVUb29sPXt0aGlzLm1vdmVUb29sfVxuICAgICAgICAgICAgICAgIGNsYXNzZXM9e2NsYXNzZXN9XG4gICAgICAgICAgICAgICAgdG9vbFJlZj17dG9vbFJlZn1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxNaW5pQnV0dG9uXG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NuKGNsYXNzZXMuYnV0dG9uLCBpc1NlbGVjdGVkICYmIGNsYXNzZXMuc2VsZWN0ZWQpfVxuICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgZGlzYWJsZVJpcHBsZT17dHJ1ZX1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e3RoaXMuc2VsZWN0fVxuICAgICAgICAgICAgICAgICAgdmFsdWU9e29wdGlvbn1cbiAgICAgICAgICAgICAgICAgIHNlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgICAgICAgICAgbGFuZ3VhZ2U9e2xhbmd1YWdlfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvRHJhZ1Rvb2w+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH1cbiAgICAgICAgfSl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG59XG5cbmNvbnN0IHN0eWxlcyA9ICh0aGVtZSkgPT4gKHtcbiAgdG9vbHNDb250YWluZXI6IHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleFdyYXA6ICd3cmFwJyxcbiAgfSxcbiAgYnV0dG9uOiB7XG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcudW5pdCAvIDIsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjaW5nLnVuaXQgLyAyLFxuICAgIGNvbG9yOiBjb2xvci50ZXh0KCksXG4gIH0sXG4gIHVuZGVyOiB7XG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgekluZGV4OiAtMSxcbiAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gIH0sXG4gIHdyYXBwZXI6IHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgfSxcbiAgaGlkZGVuOiB7XG4gICAgb3BhY2l0eTogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoRHJhZ0NvbnRleHQod2l0aFN0eWxlcyhzdHlsZXMpKFRvZ2dsZUJhcikpO1xuXG5jb25zdCBEUkFHX1RZUEUgPSAndG9vbCc7XG5cbmV4cG9ydCBjbGFzcyBJdGVtIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gICAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGNoaWxkcmVuOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMubm9kZSksIFByb3BUeXBlcy5ub2RlXSksXG4gICAgY29ubmVjdERyYWdTb3VyY2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgY29ubmVjdERyYWdQcmV2aWV3OiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIGNvbm5lY3REcm9wVGFyZ2V0OiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIGlzRHJhZ2dpbmc6IFByb3BUeXBlcy5ib29sLFxuICAgIHRvb2xSZWY6IFByb3BUeXBlcy5hbnksXG4gIH07XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHt9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7XG4gICAgICBjbGFzc2VzLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBjb25uZWN0RHJhZ1NvdXJjZSxcbiAgICAgIGNvbm5lY3REcm9wVGFyZ2V0LFxuICAgICAgY29ubmVjdERyYWdQcmV2aWV3LFxuICAgICAgaXNEcmFnZ2luZyxcbiAgICAgIHRvb2xSZWYsXG4gICAgfSA9IHRoaXMucHJvcHM7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXMud3JhcHBlcn0gcmVmPXt0b29sUmVmfT5cbiAgICAgICAge2Nvbm5lY3REcmFnU291cmNlKGNvbm5lY3REcm9wVGFyZ2V0KDxkaXYgY2xhc3NOYW1lPXtpc0RyYWdnaW5nICYmIGNsYXNzZXMuaGlkZGVufT57Y2hpbGRyZW59PC9kaXY+KSl9XG4gICAgICAgIHtjb25uZWN0RHJhZ1ByZXZpZXcoPGRpdiBjbGFzc05hbWU9e2NsYXNzZXMudW5kZXJ9PntjaGlsZHJlbn08L2Rpdj4pfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxufVxuXG5jb25zdCBpdGVtU291cmNlID0ge1xuICBjYW5EcmFnKHByb3BzKSB7XG4gICAgcmV0dXJuIHByb3BzLmRyYWdnYWJsZTtcbiAgfSxcbiAgYmVnaW5EcmFnKHByb3BzKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGluZGV4OiBwcm9wcy5pbmRleCxcbiAgICB9O1xuICB9LFxufTtcblxuY29uc3QgaXRlbVRhcmdldCA9IHtcbiAgaG92ZXIocHJvcHMsIG1vbml0b3IpIHtcbiAgICBjb25zdCBkcmFnSW5kZXggPSBtb25pdG9yLmdldEl0ZW0oKS5pbmRleDtcbiAgICBjb25zdCB7IHRvb2xSZWYsIGluZGV4OiBob3ZlckluZGV4IH0gPSBwcm9wcztcblxuICAgIGlmIChkcmFnSW5kZXggPT09IGhvdmVySW5kZXggfHwgIXRvb2xSZWYuY3VycmVudCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGhvdmVyQm91bmRpbmdSZWN0ID0gdG9vbFJlZi5jdXJyZW50Py5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCBob3Zlck1pZGRsZVggPSAoaG92ZXJCb3VuZGluZ1JlY3QucmlnaHQgLSBob3ZlckJvdW5kaW5nUmVjdC5sZWZ0KSAvIDI7XG4gICAgY29uc3QgY2xpZW50T2Zmc2V0ID0gbW9uaXRvci5nZXRDbGllbnRPZmZzZXQoKTtcbiAgICBjb25zdCBob3ZlckNsaWVudFggPSBjbGllbnRPZmZzZXQueCAtIGhvdmVyQm91bmRpbmdSZWN0LmxlZnQ7XG5cbiAgICBpZiAoZHJhZ0luZGV4IDwgaG92ZXJJbmRleCAmJiBob3ZlckNsaWVudFggPCBob3Zlck1pZGRsZVgpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAoZHJhZ0luZGV4ID4gaG92ZXJJbmRleCAmJiBob3ZlckNsaWVudFggPiBob3Zlck1pZGRsZVgpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBwcm9wcy5tb3ZlVG9vbChkcmFnSW5kZXgsIGhvdmVySW5kZXgpO1xuICAgIG1vbml0b3IuZ2V0SXRlbSgpLmluZGV4ID0gaG92ZXJJbmRleDtcbiAgfSxcbn07XG5cbmNvbnN0IGNvbGxlY3RUYXJnZXQgPSAoY29ubmVjdCkgPT4gKHsgY29ubmVjdERyb3BUYXJnZXQ6IGNvbm5lY3QuZHJvcFRhcmdldCgpIH0pO1xuXG5jb25zdCBjb2xsZWN0U291cmNlID0gKGNvbm5lY3QsIG1vbml0b3IpID0+ICh7XG4gIGNvbm5lY3REcmFnU291cmNlOiBjb25uZWN0LmRyYWdTb3VyY2UoKSxcbiAgY29ubmVjdERyYWdQcmV2aWV3OiBjb25uZWN0LmRyYWdQcmV2aWV3KCksXG4gIGlzRHJhZ2dpbmc6IG1vbml0b3IuaXNEcmFnZ2luZygpLFxufSk7XG5cbmNvbnN0IERyYWdUb29sID0gRHJvcFRhcmdldChcbiAgRFJBR19UWVBFLFxuICBpdGVtVGFyZ2V0LFxuICBjb2xsZWN0VGFyZ2V0LFxuKShEcmFnU291cmNlKERSQUdfVFlQRSwgaXRlbVNvdXJjZSwgY29sbGVjdFNvdXJjZSkoSXRlbSkpO1xuIl19