@carto/kepler.gl 0.0.1-alpha.map-libre

package/dist/components/common/file-uploader/file-drop.js

@@ -0,0 +1,227 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = 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 _window = _interopRequireDefault(require("global/window"));
+
+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; } }
+
+/** @typedef {import('./file-drop').FileDropProps} FileDropProps */
+
+/** @augments React.PureComponent<FileDropProps> */
+var FileDrop = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inherits2["default"])(FileDrop, _React$PureComponent);
+
+  var _super = _createSuper(FileDrop);
+
+  function FileDrop(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, FileDrop);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "resetDragging", function () {
+      _this.frameDragCounter = 0;
+
+      _this.setState({
+        draggingOverFrame: false,
+        draggingOverTarget: false
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleWindowDragOverOrDrop", function (event) {
+      // This prevents the browser from trying to load whatever file the user dropped on the window
+      event.preventDefault();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleFrameDrag", function (event) {
+      // Only allow dragging of files
+      if (!FileDrop.eventHasFiles(event)) return; // We are listening for events on the 'frame', so every time the user drags over any element in the frame's tree,
+      // the event bubbles up to the frame. By keeping count of how many "dragenters" we get, we can tell if they are still
+      // "draggingOverFrame" (b/c you get one "dragenter" initially, and one "dragenter"/one "dragleave" for every bubble)
+      // This is far better than a "dragover" handler, which would be calling `setState` continuously.
+
+      _this.frameDragCounter += event.type === 'dragenter' ? 1 : -1;
+
+      if (_this.frameDragCounter === 1) {
+        _this.setState({
+          draggingOverFrame: true
+        });
+
+        if (_this.props.onFrameDragEnter) _this.props.onFrameDragEnter(event);
+        return;
+      }
+
+      if (_this.frameDragCounter === 0) {
+        _this.setState({
+          draggingOverFrame: false
+        });
+
+        if (_this.props.onFrameDragLeave) _this.props.onFrameDragLeave(event);
+        return;
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleFrameDrop", function (event) {
+      event.preventDefault();
+
+      if (!_this.state.draggingOverTarget) {
+        _this.resetDragging();
+
+        if (_this.props.onFrameDrop) _this.props.onFrameDrop(event);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDragOver", function (event) {
+      if (FileDrop.eventHasFiles(event)) {
+        _this.setState({
+          draggingOverTarget: true
+        });
+
+        if (!FileDrop.isIE() && _this.props.dropEffect) event.dataTransfer.dropEffect = _this.props.dropEffect;
+        if (_this.props.onDragOver) _this.props.onDragOver(event);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDragLeave", function (event) {
+      _this.setState({
+        draggingOverTarget: false
+      });
+
+      if (_this.props.onDragLeave) _this.props.onDragLeave(event);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDrop", function (event) {
+      if (_this.props.onDrop && FileDrop.eventHasFiles(event)) {
+        var files = event.dataTransfer ? event.dataTransfer.files : null;
+
+        _this.props.onDrop(files, event);
+      }
+
+      _this.resetDragging();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "stopFrameListeners", function (frame) {
+      if (frame) {
+        frame.removeEventListener('dragenter', _this.handleFrameDrag);
+        frame.removeEventListener('dragleave', _this.handleFrameDrag);
+        frame.removeEventListener('drop', _this.handleFrameDrop);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "startFrameListeners", function (frame) {
+      if (frame) {
+        frame.addEventListener('dragenter', _this.handleFrameDrag);
+        frame.addEventListener('dragleave', _this.handleFrameDrag);
+        frame.addEventListener('drop', _this.handleFrameDrop);
+      }
+    });
+    _this.frameDragCounter = 0;
+    _this.state = {
+      draggingOverFrame: false,
+      draggingOverTarget: false
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(FileDrop, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.startFrameListeners(this.props.frame);
+      this.resetDragging();
+
+      _window["default"].addEventListener('dragover', this.handleWindowDragOverOrDrop);
+
+      _window["default"].addEventListener('drop', this.handleWindowDragOverOrDrop);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.frame !== this.props.frame) {
+        this.resetDragging();
+        this.stopFrameListeners(prevProps.frame);
+        this.startFrameListeners(this.props.frame);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.stopFrameListeners(this.props.frame);
+
+      _window["default"].removeEventListener('dragover', this.handleWindowDragOverOrDrop);
+
+      _window["default"].removeEventListener('drop', this.handleWindowDragOverOrDrop);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          children = _this$props.children,
+          className = _this$props.className,
+          targetClassName = _this$props.targetClassName,
+          draggingOverFrameClassName = _this$props.draggingOverFrameClassName,
+          draggingOverTargetClassName = _this$props.draggingOverTargetClassName;
+      var _this$state = this.state,
+          draggingOverTarget = _this$state.draggingOverTarget,
+          draggingOverFrame = _this$state.draggingOverFrame;
+      var fileDropTargetClassName = targetClassName;
+      if (draggingOverFrame) fileDropTargetClassName += " ".concat(draggingOverFrameClassName);
+      if (draggingOverTarget) fileDropTargetClassName += " ".concat(draggingOverTargetClassName);
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: className,
+        onDragOver: this.handleDragOver,
+        onDragLeave: this.handleDragLeave,
+        onDrop: this.handleDrop
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: fileDropTargetClassName
+      }, children));
+    }
+  }]);
+  return FileDrop;
+}(_react["default"].PureComponent);
+
+(0, _defineProperty2["default"])(FileDrop, "isIE", function () {
+  return _window["default"] && _window["default"].navigator && ((_window["default"].navigator.userAgent || []).includes('MSIE') || (_window["default"].navigator.appVersion || []).includes('Trident/'));
+});
+(0, _defineProperty2["default"])(FileDrop, "eventHasFiles", function (event) {
+  // In most browsers this is an array, but in IE11 it's an Object :(
+  var hasFiles = false;
+
+  if (event.dataTransfer) {
+    var types = event.dataTransfer.types;
+
+    for (var keyOrIndex in types) {
+      if (types[keyOrIndex] === 'Files') {
+        hasFiles = true;
+        break;
+      }
+    }
+  }
+
+  return hasFiles;
+});
+(0, _defineProperty2["default"])(FileDrop, "defaultProps", {
+  dropEffect: 'copy',
+  frame: _window["default"] ? _window["default"].document : undefined,
+  className: 'file-drop',
+  targetClassName: 'file-drop-target',
+  draggingOverFrameClassName: 'file-drop-dragging-over-frame',
+  draggingOverTargetClassName: 'file-drop-dragging-over-target'
+});
+var _default = FileDrop;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvbW1vbi9maWxlLXVwbG9hZGVyL2ZpbGUtZHJvcC5qcyJdLCJuYW1lcyI6WyJGaWxlRHJvcCIsInByb3BzIiwiZnJhbWVEcmFnQ291bnRlciIsInNldFN0YXRlIiwiZHJhZ2dpbmdPdmVyRnJhbWUiLCJkcmFnZ2luZ092ZXJUYXJnZXQiLCJldmVudCIsInByZXZlbnREZWZhdWx0IiwiZXZlbnRIYXNGaWxlcyIsInR5cGUiLCJvbkZyYW1lRHJhZ0VudGVyIiwib25GcmFtZURyYWdMZWF2ZSIsInN0YXRlIiwicmVzZXREcmFnZ2luZyIsIm9uRnJhbWVEcm9wIiwiaXNJRSIsImRyb3BFZmZlY3QiLCJkYXRhVHJhbnNmZXIiLCJvbkRyYWdPdmVyIiwib25EcmFnTGVhdmUiLCJvbkRyb3AiLCJmaWxlcyIsImZyYW1lIiwicmVtb3ZlRXZlbnRMaXN0ZW5lciIsImhhbmRsZUZyYW1lRHJhZyIsImhhbmRsZUZyYW1lRHJvcCIsImFkZEV2ZW50TGlzdGVuZXIiLCJzdGFydEZyYW1lTGlzdGVuZXJzIiwid2luZG93IiwiaGFuZGxlV2luZG93RHJhZ092ZXJPckRyb3AiLCJwcmV2UHJvcHMiLCJzdG9wRnJhbWVMaXN0ZW5lcnMiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsInRhcmdldENsYXNzTmFtZSIsImRyYWdnaW5nT3ZlckZyYW1lQ2xhc3NOYW1lIiwiZHJhZ2dpbmdPdmVyVGFyZ2V0Q2xhc3NOYW1lIiwiZmlsZURyb3BUYXJnZXRDbGFzc05hbWUiLCJoYW5kbGVEcmFnT3ZlciIsImhhbmRsZURyYWdMZWF2ZSIsImhhbmRsZURyb3AiLCJSZWFjdCIsIlB1cmVDb21wb25lbnQiLCJuYXZpZ2F0b3IiLCJ1c2VyQWdlbnQiLCJpbmNsdWRlcyIsImFwcFZlcnNpb24iLCJoYXNGaWxlcyIsInR5cGVzIiwia2V5T3JJbmRleCIsImRvY3VtZW50IiwidW5kZWZpbmVkIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7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InNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbi8qKlxuICogQ29waWVkIGZyb20gaHR0cHM6Ly9naXRodWIuY29tL3Nhcmluay9yZWFjdC1maWxlLWRyb3BcbiAqIEZvciBSZWFjdCAxNi44IGNvbXBhdGliaWxpdHlcbiAqL1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB3aW5kb3cgZnJvbSAnZ2xvYmFsL3dpbmRvdyc7XG5cbi8qKiBAdHlwZWRlZiB7aW1wb3J0KCcuL2ZpbGUtZHJvcCcpLkZpbGVEcm9wUHJvcHN9IEZpbGVEcm9wUHJvcHMgKi9cblxuLyoqIEBhdWdtZW50cyBSZWFjdC5QdXJlQ29tcG9uZW50PEZpbGVEcm9wUHJvcHM+ICovXG5jbGFzcyBGaWxlRHJvcCBleHRlbmRzIFJlYWN0LlB1cmVDb21wb25lbnQge1xuICBzdGF0aWMgaXNJRSA9ICgpID0+XG4gICAgd2luZG93ICYmXG4gICAgd2luZG93Lm5hdmlnYXRvciAmJlxuICAgICgod2luZG93Lm5hdmlnYXRvci51c2VyQWdlbnQgfHwgW10pLmluY2x1ZGVzKCdNU0lFJykgfHxcbiAgICAgICh3aW5kb3cubmF2aWdhdG9yLmFwcFZlcnNpb24gfHwgW10pLmluY2x1ZGVzKCdUcmlkZW50LycpKTtcblxuICBzdGF0aWMgZXZlbnRIYXNGaWxlcyA9IGV2ZW50ID0+IHtcbiAgICAvLyBJbiBtb3N0IGJyb3dzZXJzIHRoaXMgaXMgYW4gYXJyYXksIGJ1dCBpbiBJRTExIGl0J3MgYW4gT2JqZWN0IDooXG5cbiAgICBsZXQgaGFzRmlsZXMgPSBmYWxzZTtcbiAgICBpZiAoZXZlbnQuZGF0YVRyYW5zZmVyKSB7XG4gICAgICBjb25zdCB0eXBlcyA9IGV2ZW50LmRhdGFUcmFuc2Zlci50eXBlcztcbiAgICAgIGZvciAoY29uc3Qga2V5T3JJbmRleCBpbiB0eXBlcykge1xuICAgICAgICBpZiAodHlwZXNba2V5T3JJbmRleF0gPT09ICdGaWxlcycpIHtcbiAgICAgICAgICBoYXNGaWxlcyA9IHRydWU7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIGhhc0ZpbGVzO1xuICB9O1xuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgZHJvcEVmZmVjdDogJ2NvcHknLFxuICAgIGZyYW1lOiB3aW5kb3cgPyB3aW5kb3cuZG9jdW1lbnQgOiB1bmRlZmluZWQsXG4gICAgY2xhc3NOYW1lOiAnZmlsZS1kcm9wJyxcbiAgICB0YXJnZXRDbGFzc05hbWU6ICdmaWxlLWRyb3AtdGFyZ2V0JyxcbiAgICBkcmFnZ2luZ092ZXJGcmFtZUNsYXNzTmFtZTogJ2ZpbGUtZHJvcC1kcmFnZ2luZy1vdmVyLWZyYW1lJyxcbiAgICBkcmFnZ2luZ092ZXJUYXJnZXRDbGFzc05hbWU6ICdmaWxlLWRyb3AtZHJhZ2dpbmctb3Zlci10YXJnZXQnXG4gIH07XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5mcmFtZURyYWdDb3VudGVyID0gMDtcbiAgICB0aGlzLnN0YXRlID0ge2RyYWdnaW5nT3ZlckZyYW1lOiBmYWxzZSwgZHJhZ2dpbmdPdmVyVGFyZ2V0OiBmYWxzZX07XG4gIH1cblxuICBjb21wb25lbnREaWRNb3VudCgpIHtcbiAgICB0aGlzLnN0YXJ0RnJhbWVMaXN0ZW5lcnModGhpcy5wcm9wcy5mcmFtZSk7XG4gICAgdGhpcy5yZXNldERyYWdnaW5nKCk7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2RyYWdvdmVyJywgdGhpcy5oYW5kbGVXaW5kb3dEcmFnT3Zlck9yRHJvcCk7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2Ryb3AnLCB0aGlzLmhhbmRsZVdpbmRvd0RyYWdPdmVyT3JEcm9wKTtcbiAgfVxuXG4gIGNvbXBvbmVudERpZFVwZGF0ZShwcmV2UHJvcHMpIHtcbiAgICBpZiAocHJldlByb3BzLmZyYW1lICE9PSB0aGlzLnByb3BzLmZyYW1lKSB7XG4gICAgICB0aGlzLnJlc2V0RHJhZ2dpbmcoKTtcbiAgICAgIHRoaXMuc3RvcEZyYW1lTGlzdGVuZXJzKHByZXZQcm9wcy5mcmFtZSk7XG4gICAgICB0aGlzLnN0YXJ0RnJhbWVMaXN0ZW5lcnModGhpcy5wcm9wcy5mcmFtZSk7XG4gICAgfVxuICB9XG5cbiAgY29tcG9uZW50V2lsbFVubW91bnQoKSB7XG4gICAgdGhpcy5zdG9wRnJhbWVMaXN0ZW5lcnModGhpcy5wcm9wcy5mcmFtZSk7XG4gICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2RyYWdvdmVyJywgdGhpcy5oYW5kbGVXaW5kb3dEcmFnT3Zlck9yRHJvcCk7XG4gICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2Ryb3AnLCB0aGlzLmhhbmRsZVdpbmRvd0RyYWdPdmVyT3JEcm9wKTtcbiAgfVxuXG4gIHJlc2V0RHJhZ2dpbmcgPSAoKSA9PiB7XG4gICAgdGhpcy5mcmFtZURyYWdDb3VudGVyID0gMDtcbiAgICB0aGlzLnNldFN0YXRlKHtkcmFnZ2luZ092ZXJGcmFtZTogZmFsc2UsIGRyYWdnaW5nT3ZlclRhcmdldDogZmFsc2V9KTtcbiAgfTtcblxuICBoYW5kbGVXaW5kb3dEcmFnT3Zlck9yRHJvcCA9IGV2ZW50ID0+IHtcbiAgICAvLyBUaGlzIHByZXZlbnRzIHRoZSBicm93c2VyIGZyb20gdHJ5aW5nIHRvIGxvYWQgd2hhdGV2ZXIgZmlsZSB0aGUgdXNlciBkcm9wcGVkIG9uIHRoZSB3aW5kb3dcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICB9O1xuXG4gIGhhbmRsZUZyYW1lRHJhZyA9IGV2ZW50ID0+IHtcbiAgICAvLyBPbmx5IGFsbG93IGRyYWdnaW5nIG9mIGZpbGVzXG4gICAgaWYgKCFGaWxlRHJvcC5ldmVudEhhc0ZpbGVzKGV2ZW50KSkgcmV0dXJuO1xuXG4gICAgLy8gV2UgYXJlIGxpc3RlbmluZyBmb3IgZXZlbnRzIG9uIHRoZSAnZnJhbWUnLCBzbyBldmVyeSB0aW1lIHRoZSB1c2VyIGRyYWdzIG92ZXIgYW55IGVsZW1lbnQgaW4gdGhlIGZyYW1lJ3MgdHJlZSxcbiAgICAvLyB0aGUgZXZlbnQgYnViYmxlcyB1cCB0byB0aGUgZnJhbWUuIEJ5IGtlZXBpbmcgY291bnQgb2YgaG93IG1hbnkgXCJkcmFnZW50ZXJzXCIgd2UgZ2V0LCB3ZSBjYW4gdGVsbCBpZiB0aGV5IGFyZSBzdGlsbFxuICAgIC8vIFwiZHJhZ2dpbmdPdmVyRnJhbWVcIiAoYi9jIHlvdSBnZXQgb25lIFwiZHJhZ2VudGVyXCIgaW5pdGlhbGx5LCBhbmQgb25lIFwiZHJhZ2VudGVyXCIvb25lIFwiZHJhZ2xlYXZlXCIgZm9yIGV2ZXJ5IGJ1YmJsZSlcbiAgICAvLyBUaGlzIGlzIGZhciBiZXR0ZXIgdGhhbiBhIFwiZHJhZ292ZXJcIiBoYW5kbGVyLCB3aGljaCB3b3VsZCBiZSBjYWxsaW5nIGBzZXRTdGF0ZWAgY29udGludW91c2x5LlxuICAgIHRoaXMuZnJhbWVEcmFnQ291bnRlciArPSBldmVudC50eXBlID09PSAnZHJhZ2VudGVyJyA/IDEgOiAtMTtcblxuICAgIGlmICh0aGlzLmZyYW1lRHJhZ0NvdW50ZXIgPT09IDEpIHtcbiAgICAgIHRoaXMuc2V0U3RhdGUoe2RyYWdnaW5nT3ZlckZyYW1lOiB0cnVlfSk7XG4gICAgICBpZiAodGhpcy5wcm9wcy5vbkZyYW1lRHJhZ0VudGVyKSB0aGlzLnByb3BzLm9uRnJhbWVEcmFnRW50ZXIoZXZlbnQpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmZyYW1lRHJhZ0NvdW50ZXIgPT09IDApIHtcbiAgICAgIHRoaXMuc2V0U3RhdGUoe2RyYWdnaW5nT3ZlckZyYW1lOiBmYWxzZX0pO1xuICAgICAgaWYgKHRoaXMucHJvcHMub25GcmFtZURyYWdMZWF2ZSkgdGhpcy5wcm9wcy5vbkZyYW1lRHJhZ0xlYXZlKGV2ZW50KTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gIH07XG5cbiAgaGFuZGxlRnJhbWVEcm9wID0gZXZlbnQgPT4ge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgaWYgKCF0aGlzLnN0YXRlLmRyYWdnaW5nT3ZlclRhcmdldCkge1xuICAgICAgdGhpcy5yZXNldERyYWdnaW5nKCk7XG4gICAgICBpZiAodGhpcy5wcm9wcy5vbkZyYW1lRHJvcCkgdGhpcy5wcm9wcy5vbkZyYW1lRHJvcChldmVudCk7XG4gICAgfVxuICB9O1xuXG4gIGhhbmRsZURyYWdPdmVyID0gZXZlbnQgPT4ge1xuICAgIGlmIChGaWxlRHJvcC5ldmVudEhhc0ZpbGVzKGV2ZW50KSkge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7ZHJhZ2dpbmdPdmVyVGFyZ2V0OiB0cnVlfSk7XG4gICAgICBpZiAoIUZpbGVEcm9wLmlzSUUoKSAmJiB0aGlzLnByb3BzLmRyb3BFZmZlY3QpXG4gICAgICAgIGV2ZW50LmRhdGFUcmFuc2Zlci5kcm9wRWZmZWN0ID0gdGhpcy5wcm9wcy5kcm9wRWZmZWN0O1xuICAgICAgaWYgKHRoaXMucHJvcHMub25EcmFnT3ZlcikgdGhpcy5wcm9wcy5vbkRyYWdPdmVyKGV2ZW50KTtcbiAgICB9XG4gIH07XG5cbiAgaGFuZGxlRHJhZ0xlYXZlID0gZXZlbnQgPT4ge1xuICAgIHRoaXMuc2V0U3RhdGUoe2RyYWdnaW5nT3ZlclRhcmdldDogZmFsc2V9KTtcbiAgICBpZiAodGhpcy5wcm9wcy5vbkRyYWdMZWF2ZSkgdGhpcy5wcm9wcy5vbkRyYWdMZWF2ZShldmVudCk7XG4gIH07XG5cbiAgaGFuZGxlRHJvcCA9IGV2ZW50ID0+IHtcbiAgICBpZiAodGhpcy5wcm9wcy5vbkRyb3AgJiYgRmlsZURyb3AuZXZlbnRIYXNGaWxlcyhldmVudCkpIHtcbiAgICAgIGNvbnN0IGZpbGVzID0gZXZlbnQuZGF0YVRyYW5zZmVyID8gZXZlbnQuZGF0YVRyYW5zZmVyLmZpbGVzIDogbnVsbDtcbiAgICAgIHRoaXMucHJvcHMub25Ecm9wKGZpbGVzLCBldmVudCk7XG4gICAgfVxuICAgIHRoaXMucmVzZXREcmFnZ2luZygpO1xuICB9O1xuXG4gIHN0b3BGcmFtZUxpc3RlbmVycyA9IGZyYW1lID0+IHtcbiAgICBpZiAoZnJhbWUpIHtcbiAgICAgIGZyYW1lLnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2RyYWdlbnRlcicsIHRoaXMuaGFuZGxlRnJhbWVEcmFnKTtcbiAgICAgIGZyYW1lLnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2RyYWdsZWF2ZScsIHRoaXMuaGFuZGxlRnJhbWVEcmFnKTtcbiAgICAgIGZyYW1lLnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2Ryb3AnLCB0aGlzLmhhbmRsZUZyYW1lRHJvcCk7XG4gICAgfVxuICB9O1xuXG4gIHN0YXJ0RnJhbWVMaXN0ZW5lcnMgPSBmcmFtZSA9PiB7XG4gICAgaWYgKGZyYW1lKSB7XG4gICAgICBmcmFtZS5hZGRFdmVudExpc3RlbmVyKCdkcmFnZW50ZXInLCB0aGlzLmhhbmRsZUZyYW1lRHJhZyk7XG4gICAgICBmcmFtZS5hZGRFdmVudExpc3RlbmVyKCdkcmFnbGVhdmUnLCB0aGlzLmhhbmRsZUZyYW1lRHJhZyk7XG4gICAgICBmcmFtZS5hZGRFdmVudExpc3RlbmVyKCdkcm9wJywgdGhpcy5oYW5kbGVGcmFtZURyb3ApO1xuICAgIH1cbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3Qge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBjbGFzc05hbWUsXG4gICAgICB0YXJnZXRDbGFzc05hbWUsXG4gICAgICBkcmFnZ2luZ092ZXJGcmFtZUNsYXNzTmFtZSxcbiAgICAgIGRyYWdnaW5nT3ZlclRhcmdldENsYXNzTmFtZVxuICAgIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHtkcmFnZ2luZ092ZXJUYXJnZXQsIGRyYWdnaW5nT3ZlckZyYW1lfSA9IHRoaXMuc3RhdGU7XG5cbiAgICBsZXQgZmlsZURyb3BUYXJnZXRDbGFzc05hbWUgPSB0YXJnZXRDbGFzc05hbWU7XG4gICAgaWYgKGRyYWdnaW5nT3ZlckZyYW1lKSBmaWxlRHJvcFRhcmdldENsYXNzTmFtZSArPSBgICR7ZHJhZ2dpbmdPdmVyRnJhbWVDbGFzc05hbWV9YDtcbiAgICBpZiAoZHJhZ2dpbmdPdmVyVGFyZ2V0KSBmaWxlRHJvcFRhcmdldENsYXNzTmFtZSArPSBgICR7ZHJhZ2dpbmdPdmVyVGFyZ2V0Q2xhc3NOYW1lfWA7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgb25EcmFnT3Zlcj17dGhpcy5oYW5kbGVEcmFnT3Zlcn1cbiAgICAgICAgb25EcmFnTGVhdmU9e3RoaXMuaGFuZGxlRHJhZ0xlYXZlfVxuICAgICAgICBvbkRyb3A9e3RoaXMuaGFuZGxlRHJvcH1cbiAgICAgID5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2ZpbGVEcm9wVGFyZ2V0Q2xhc3NOYW1lfT57Y2hpbGRyZW59PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGVEcm9wO1xuIl19

package/dist/components/common/file-uploader/file-upload-progress.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _progressBar = _interopRequireDefault(require("../progress-bar"));
+
+var _styledComponents2 = require("../styled-components");
+
+var _utils = require("../../../utils/utils");
+
+var _templateObject, _templateObject2, _templateObject3;
+
+/** @typedef {import('./file-upload-progress').FileUploadProgressProps} FileUploadProgressProps*/
+var StyledFileProgress = _styledComponents["default"].div.attrs({
+  className: 'file-upload__progress'
+})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  font-size: 12px;\n  margin-top: 12px;\n  border-image: initial;\n  padding: 8px 12px;\n\n  .top-row {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .file-name {\n    font-weight: 500;\n  }\n  .middle-row {\n    margin-top: 6px;\n  }\n  .bottom-row {\n    margin-top: 6px;\n    text-align: start;\n  }\n"])), function (props) {
+  return props.theme.textColorLT;
+});
+
+var StyledProgressWrapper = _styledComponents["default"].div.attrs({
+  className: 'file-upload__progress__wrapper'
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 400px;\n"])));
+
+var StyledContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n"])));
+
+var formatPercent = function formatPercent(percent) {
+  return "".concat(Math.floor(percent * 100), "%");
+};
+/**
+ * @param {object} params
+ * @param {string} params.message
+ * @param {string} params.fileName
+ * @param {number} params.percent
+ * @param {any} params.error
+ * @param {object} params.theme
+ */
+
+
+var UploadProgress = function UploadProgress(_ref) {
+  var message = _ref.message,
+      fileName = _ref.fileName,
+      percent = _ref.percent,
+      error = _ref.error,
+      theme = _ref.theme;
+  var percentStr = formatPercent(percent);
+  var barColor = error ? theme.errorColor : theme.activeColorLT;
+  return /*#__PURE__*/_react["default"].createElement(StyledFileProgress, {
+    className: "file-upload-progress__message"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "top-row"
+  }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.TruncatedTitleText, {
+    className: "file-name",
+    title: fileName
+  }, fileName), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "percent"
+  }, percentStr)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "middle-row"
+  }, /*#__PURE__*/_react["default"].createElement(_progressBar["default"], {
+    percent: percentStr,
+    barColor: barColor,
+    isLoading: true,
+    theme: theme
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "bottom-row",
+    style: {
+      color: error ? theme.errorColor : theme.textColorLT
+    }
+  }, error ? (0, _utils.getError)(error) : message));
+};
+/** @type {React.FunctionComponent<FileUploadProgressProps>} */
+
+
+var FileUploadProgress = function FileUploadProgress(_ref2) {
+  var fileLoadingProgress = _ref2.fileLoadingProgress,
+      theme = _ref2.theme;
+  return /*#__PURE__*/_react["default"].createElement(StyledContainer, null, /*#__PURE__*/_react["default"].createElement(StyledProgressWrapper, null, Object.values(fileLoadingProgress).map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement(UploadProgress, (0, _extends2["default"])({}, item, {
+      key: item.fileName,
+      theme: theme
+    }));
+  })));
+};
+
+var _default = (0, _styledComponents.withTheme)(FileUploadProgress);
+
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvbW1vbi9maWxlLXVwbG9hZGVyL2ZpbGUtdXBsb2FkLXByb2dyZXNzLmpzIl0sIm5hbWVzIjpbIlN0eWxlZEZpbGVQcm9ncmVzcyIsInN0eWxlZCIsImRpdiIsImF0dHJzIiwiY2xhc3NOYW1lIiwicHJvcHMiLCJ0aGVtZSIsInRleHRDb2xvckxUIiwiU3R5bGVkUHJvZ3Jlc3NXcmFwcGVyIiwiU3R5bGVkQ29udGFpbmVyIiwiZm9ybWF0UGVyY2VudCIsInBlcmNlbnQiLCJNYXRoIiwiZmxvb3IiLCJVcGxvYWRQcm9ncmVzcyIsIm1lc3NhZ2UiLCJmaWxlTmFtZSIsImVycm9yIiwicGVyY2VudFN0ciIsImJhckNvbG9yIiwiZXJyb3JDb2xvciIsImFjdGl2ZUNvbG9yTFQiLCJjb2xvciIsIkZpbGVVcGxvYWRQcm9ncmVzcyIsImZpbGVMb2FkaW5nUHJvZ3Jlc3MiLCJPYmplY3QiLCJ2YWx1ZXMiLCJtYXAiLCJpdGVtIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7QUFFQTtBQUVBLElBQU1BLGtCQUFrQixHQUFHQyw2QkFBT0MsR0FBUCxDQUFXQyxLQUFYLENBQWlCO0FBQzFDQyxFQUFBQSxTQUFTLEVBQUU7QUFEK0IsQ0FBakIsQ0FBSCw4YUFHYixVQUFBQyxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlDLFdBQWhCO0FBQUEsQ0FIUSxDQUF4Qjs7QUEwQkEsSUFBTUMscUJBQXFCLEdBQUdQLDZCQUFPQyxHQUFQLENBQVdDLEtBQVgsQ0FBaUI7QUFDN0NDLEVBQUFBLFNBQVMsRUFBRTtBQURrQyxDQUFqQixDQUFILDJHQUEzQjs7QUFNQSxJQUFNSyxlQUFlLEdBQUdSLDZCQUFPQyxHQUFWLHdKQUFyQjs7QUFNQSxJQUFNUSxhQUFhLEdBQUcsU0FBaEJBLGFBQWdCLENBQUFDLE9BQU87QUFBQSxtQkFBT0MsSUFBSSxDQUFDQyxLQUFMLENBQVdGLE9BQU8sR0FBRyxHQUFyQixDQUFQO0FBQUEsQ0FBN0I7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7QUFDQSxJQUFNRyxjQUFjLEdBQUcsU0FBakJBLGNBQWlCLE9BQWdEO0FBQUEsTUFBOUNDLE9BQThDLFFBQTlDQSxPQUE4QztBQUFBLE1BQXJDQyxRQUFxQyxRQUFyQ0EsUUFBcUM7QUFBQSxNQUEzQkwsT0FBMkIsUUFBM0JBLE9BQTJCO0FBQUEsTUFBbEJNLEtBQWtCLFFBQWxCQSxLQUFrQjtBQUFBLE1BQVhYLEtBQVcsUUFBWEEsS0FBVztBQUNyRSxNQUFNWSxVQUFVLEdBQUdSLGFBQWEsQ0FBQ0MsT0FBRCxDQUFoQztBQUNBLE1BQU1RLFFBQVEsR0FBR0YsS0FBSyxHQUFHWCxLQUFLLENBQUNjLFVBQVQsR0FBc0JkLEtBQUssQ0FBQ2UsYUFBbEQ7QUFFQSxzQkFDRSxnQ0FBQyxrQkFBRDtBQUFvQixJQUFBLFNBQVMsRUFBQztBQUE5QixrQkFDRTtBQUFLLElBQUEsU0FBUyxFQUFDO0FBQWYsa0JBQ0UsZ0NBQUMscUNBQUQ7QUFBb0IsSUFBQSxTQUFTLEVBQUMsV0FBOUI7QUFBMEMsSUFBQSxLQUFLLEVBQUVMO0FBQWpELEtBQ0dBLFFBREgsQ0FERixlQUlFO0FBQUssSUFBQSxTQUFTLEVBQUM7QUFBZixLQUEwQkUsVUFBMUIsQ0FKRixDQURGLGVBT0U7QUFBSyxJQUFBLFNBQVMsRUFBQztBQUFmLGtCQUNFLGdDQUFDLHVCQUFEO0FBQWEsSUFBQSxPQUFPLEVBQUVBLFVBQXRCO0FBQWtDLElBQUEsUUFBUSxFQUFFQyxRQUE1QztBQUFzRCxJQUFBLFNBQVMsTUFBL0Q7QUFBZ0UsSUFBQSxLQUFLLEVBQUViO0FBQXZFLElBREYsQ0FQRixlQVVFO0FBQUssSUFBQSxTQUFTLEVBQUMsWUFBZjtBQUE0QixJQUFBLEtBQUssRUFBRTtBQUFDZ0IsTUFBQUEsS0FBSyxFQUFFTCxLQUFLLEdBQUdYLEtBQUssQ0FBQ2MsVUFBVCxHQUFzQmQsS0FBSyxDQUFDQztBQUF6QztBQUFuQyxLQUNHVSxLQUFLLEdBQUcscUJBQVNBLEtBQVQsQ0FBSCxHQUFxQkYsT0FEN0IsQ0FWRixDQURGO0FBZ0JELENBcEJEO0FBc0JBOzs7QUFDQSxJQUFNUSxrQkFBa0IsR0FBRyxTQUFyQkEsa0JBQXFCO0FBQUEsTUFBRUMsbUJBQUYsU0FBRUEsbUJBQUY7QUFBQSxNQUF1QmxCLEtBQXZCLFNBQXVCQSxLQUF2QjtBQUFBLHNCQUN6QixnQ0FBQyxlQUFELHFCQUNFLGdDQUFDLHFCQUFELFFBQ0dtQixNQUFNLENBQUNDLE1BQVAsQ0FBY0YsbUJBQWQsRUFBbUNHLEdBQW5DLENBQXVDLFVBQUFDLElBQUk7QUFBQSx3QkFDMUMsZ0NBQUMsY0FBRCxnQ0FBb0JBLElBQXBCO0FBQTBCLE1BQUEsR0FBRyxFQUFFQSxJQUFJLENBQUNaLFFBQXBDO0FBQThDLE1BQUEsS0FBSyxFQUFFVjtBQUFyRCxPQUQwQztBQUFBLEdBQTNDLENBREgsQ0FERixDQUR5QjtBQUFBLENBQTNCOztlQVVlLGlDQUFVaUIsa0JBQVYsQyIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkLCB7d2l0aFRoZW1lfSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgUHJvZ3Jlc3NCYXIgZnJvbSAnLi4vcHJvZ3Jlc3MtYmFyJztcbmltcG9ydCB7VHJ1bmNhdGVkVGl0bGVUZXh0fSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge2dldEVycm9yfSBmcm9tICd1dGlscy91dGlscyc7XG5cbi8qKiBAdHlwZWRlZiB7aW1wb3J0KCcuL2ZpbGUtdXBsb2FkLXByb2dyZXNzJykuRmlsZVVwbG9hZFByb2dyZXNzUHJvcHN9IEZpbGVVcGxvYWRQcm9ncmVzc1Byb3BzKi9cblxuY29uc3QgU3R5bGVkRmlsZVByb2dyZXNzID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ2ZpbGUtdXBsb2FkX19wcm9ncmVzcydcbn0pYFxuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3JMVH07XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbWFyZ2luLXRvcDogMTJweDtcbiAgYm9yZGVyLWltYWdlOiBpbml0aWFsO1xuICBwYWRkaW5nOiA4cHggMTJweDtcblxuICAudG9wLXJvdyB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cblxuICAuZmlsZS1uYW1lIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuICB9XG4gIC5taWRkbGUtcm93IHtcbiAgICBtYXJnaW4tdG9wOiA2cHg7XG4gIH1cbiAgLmJvdHRvbS1yb3cge1xuICAgIG1hcmdpbi10b3A6IDZweDtcbiAgICB0ZXh0LWFsaWduOiBzdGFydDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkUHJvZ3Jlc3NXcmFwcGVyID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ2ZpbGUtdXBsb2FkX19wcm9ncmVzc19fd3JhcHBlcidcbn0pYFxuICB3aWR0aDogNDAwcHg7XG5gO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuXG5jb25zdCBmb3JtYXRQZXJjZW50ID0gcGVyY2VudCA9PiBgJHtNYXRoLmZsb29yKHBlcmNlbnQgKiAxMDApfSVgO1xuXG4vKipcbiAqIEBwYXJhbSB7b2JqZWN0fSBwYXJhbXNcbiAqIEBwYXJhbSB7c3RyaW5nfSBwYXJhbXMubWVzc2FnZVxuICogQHBhcmFtIHtzdHJpbmd9IHBhcmFtcy5maWxlTmFtZVxuICogQHBhcmFtIHtudW1iZXJ9IHBhcmFtcy5wZXJjZW50XG4gKiBAcGFyYW0ge2FueX0gcGFyYW1zLmVycm9yXG4gKiBAcGFyYW0ge29iamVjdH0gcGFyYW1zLnRoZW1lXG4gKi9cbmNvbnN0IFVwbG9hZFByb2dyZXNzID0gKHttZXNzYWdlLCBmaWxlTmFtZSwgcGVyY2VudCwgZXJyb3IsIHRoZW1lfSkgPT4ge1xuICBjb25zdCBwZXJjZW50U3RyID0gZm9ybWF0UGVyY2VudChwZXJjZW50KTtcbiAgY29uc3QgYmFyQ29sb3IgPSBlcnJvciA/IHRoZW1lLmVycm9yQ29sb3IgOiB0aGVtZS5hY3RpdmVDb2xvckxUO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpbGVQcm9ncmVzcyBjbGFzc05hbWU9XCJmaWxlLXVwbG9hZC1wcm9ncmVzc19fbWVzc2FnZVwiPlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJ0b3Atcm93XCI+XG4gICAgICAgIDxUcnVuY2F0ZWRUaXRsZVRleHQgY2xhc3NOYW1lPVwiZmlsZS1uYW1lXCIgdGl0bGU9e2ZpbGVOYW1lfT5cbiAgICAgICAgICB7ZmlsZU5hbWV9XG4gICAgICAgIDwvVHJ1bmNhdGVkVGl0bGVUZXh0PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInBlcmNlbnRcIj57cGVyY2VudFN0cn08L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJtaWRkbGUtcm93XCI+XG4gICAgICAgIDxQcm9ncmVzc0JhciBwZXJjZW50PXtwZXJjZW50U3RyfSBiYXJDb2xvcj17YmFyQ29sb3J9IGlzTG9hZGluZyB0aGVtZT17dGhlbWV9IC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiYm90dG9tLXJvd1wiIHN0eWxlPXt7Y29sb3I6IGVycm9yID8gdGhlbWUuZXJyb3JDb2xvciA6IHRoZW1lLnRleHRDb2xvckxUfX0+XG4gICAgICAgIHtlcnJvciA/IGdldEVycm9yKGVycm9yKSA6IG1lc3NhZ2V9XG4gICAgICA8L2Rpdj5cbiAgICA8L1N0eWxlZEZpbGVQcm9ncmVzcz5cbiAgKTtcbn07XG5cbi8qKiBAdHlwZSB7UmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8RmlsZVVwbG9hZFByb2dyZXNzUHJvcHM+fSAqL1xuY29uc3QgRmlsZVVwbG9hZFByb2dyZXNzID0gKHtmaWxlTG9hZGluZ1Byb2dyZXNzLCB0aGVtZX0pID0+IChcbiAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICA8U3R5bGVkUHJvZ3Jlc3NXcmFwcGVyPlxuICAgICAge09iamVjdC52YWx1ZXMoZmlsZUxvYWRpbmdQcm9ncmVzcykubWFwKGl0ZW0gPT4gKFxuICAgICAgICA8VXBsb2FkUHJvZ3Jlc3Mgey4uLml0ZW19IGtleT17aXRlbS5maWxlTmFtZX0gdGhlbWU9e3RoZW1lfSAvPlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRQcm9ncmVzc1dyYXBwZXI+XG4gIDwvU3R5bGVkQ29udGFpbmVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFRoZW1lKEZpbGVVcGxvYWRQcm9ncmVzcyk7XG4iXX0=