@kepler.gl/components 3.3.0-alpha.0 → 3.3.0-alpha.10

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

@@ -0,0 +1,170 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+/**
+ * Copied from https://github.com/sarink/react-file-drop
+ * For React 16.8 compatibility
+ */
+import React, { useCallback, useEffect, useState, useRef } from 'react';
+import Window from 'global/window';
+var isIE = function isIE() {
+  return Window && Window.navigator && ((Window.navigator.userAgent || []).includes('MSIE') || (Window.navigator.appVersion || []).includes('Trident/'));
+};
+var eventHasFiles = function eventHasFiles(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;
+};
+var FileDrop = function FileDrop(_ref) {
+  var _ref$dropEffect = _ref.dropEffect,
+    dropEffect = _ref$dropEffect === void 0 ? 'copy' : _ref$dropEffect,
+    _ref$frame = _ref.frame,
+    frame = _ref$frame === void 0 ? Window ? Window.document : undefined : _ref$frame,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? 'file-drop' : _ref$className,
+    _ref$targetClassName = _ref.targetClassName,
+    targetClassName = _ref$targetClassName === void 0 ? 'file-drop-target' : _ref$targetClassName,
+    _ref$draggingOverFram = _ref.draggingOverFrameClassName,
+    draggingOverFrameClassName = _ref$draggingOverFram === void 0 ? 'file-drop-dragging-over-frame' : _ref$draggingOverFram,
+    _ref$draggingOverTarg = _ref.draggingOverTargetClassName,
+    draggingOverTargetClassName = _ref$draggingOverTarg === void 0 ? 'file-drop-dragging-over-target' : _ref$draggingOverTarg,
+    onDragOver = _ref.onDragOver,
+    onDragLeave = _ref.onDragLeave,
+    onDrop = _ref.onDrop,
+    onFrameDragEnter = _ref.onFrameDragEnter,
+    onFrameDragLeave = _ref.onFrameDragLeave,
+    onFrameDrop = _ref.onFrameDrop,
+    children = _ref.children;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    draggingOverTarget = _useState2[0],
+    setDraggingOverTarget = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    draggingOverFrame = _useState4[0],
+    setDraggingOverFrame = _useState4[1];
+  var _useState5 = useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    frameDragCounter = _useState6[0],
+    setFrameDragCounter = _useState6[1];
+  var prevFrame = useRef(frame);
+  useEffect(function () {
+    // componentDidMount
+    startFrameListeners(frame);
+    resetDragging();
+    Window.addEventListener('dragover', handleWindowDragOverOrDrop);
+    Window.addEventListener('drop', handleWindowDragOverOrDrop);
+    return function () {
+      // componentWillUnmount
+      stopFrameListeners(frame);
+      Window.removeEventListener('dragover', handleWindowDragOverOrDrop);
+      Window.removeEventListener('drop', handleWindowDragOverOrDrop);
+    };
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var resetDragging = useCallback(function () {
+    setFrameDragCounter(0);
+    setDraggingOverTarget(false);
+    setDraggingOverFrame(false);
+  }, []);
+  var handleWindowDragOverOrDrop = useCallback(function (event) {
+    // This prevents the browser from trying to load whatever file the user dropped on the window
+    event.preventDefault();
+  }, []);
+  var handleFrameDrag = useCallback(function (event) {
+    // Only allow dragging of files
+    if (!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.
+    var newDragCounterValue = frameDragCounter + (event.type === 'dragenter' ? 1 : -1);
+    setFrameDragCounter(newDragCounterValue);
+    if (newDragCounterValue === 1) {
+      setDraggingOverFrame(true);
+      if (onFrameDragEnter) onFrameDragEnter(event);
+      return;
+    }
+    if (newDragCounterValue === 0) {
+      setDraggingOverFrame(false);
+      if (onFrameDragLeave) onFrameDragLeave(event);
+      return;
+    }
+  }, [frameDragCounter, setDraggingOverFrame, onFrameDragEnter, onFrameDragLeave]);
+  var handleFrameDrop = useCallback(function (event) {
+    event.preventDefault();
+    if (!draggingOverTarget) {
+      resetDragging();
+      if (onFrameDrop) onFrameDrop(event);
+    }
+  }, [onFrameDrop, draggingOverTarget, resetDragging]);
+  var handleDragOver = useCallback(function (event) {
+    if (eventHasFiles(event)) {
+      setDraggingOverTarget(true);
+      if (!isIE() && dropEffect) event.dataTransfer.dropEffect = dropEffect;
+      if (onDragOver) onDragOver(event);
+    }
+  }, [dropEffect, onDragOver]);
+  var handleDragLeave = useCallback(function (event) {
+    setDraggingOverTarget(false);
+    if (onDragLeave) onDragLeave(event);
+  }, [onDragLeave]);
+  var handleDrop = useCallback(function (event) {
+    if (onDrop && eventHasFiles(event)) {
+      var files = event.dataTransfer ? event.dataTransfer.files : null;
+      onDrop(files, event);
+    }
+    resetDragging();
+  }, [onDrop, resetDragging]);
+  var stopFrameListeners = useCallback(function (frame) {
+    if (frame) {
+      frame.removeEventListener('dragenter', handleFrameDrag);
+      frame.removeEventListener('dragleave', handleFrameDrag);
+      frame.removeEventListener('drop', handleFrameDrop);
+    }
+  }, [handleFrameDrag, handleFrameDrop]);
+  var startFrameListeners = useCallback(function (frame) {
+    if (frame) {
+      frame.addEventListener('dragenter', handleFrameDrag);
+      frame.addEventListener('dragleave', handleFrameDrag);
+      frame.addEventListener('drop', handleFrameDrop);
+    }
+  }, [handleFrameDrag, handleFrameDrop]);
+  useEffect(function () {
+    // componentDidUpdate
+    if (prevFrame.current !== frame) {
+      resetDragging();
+      stopFrameListeners(prevFrame.current);
+      startFrameListeners(frame);
+      prevFrame.current = frame;
+    }
+  }, [frame, resetDragging, stopFrameListeners, startFrameListeners]);
+
+  // Render
+  var fileDropTargetClassName = targetClassName;
+  if (draggingOverFrame) fileDropTargetClassName += " ".concat(draggingOverFrameClassName);
+  if (draggingOverTarget) fileDropTargetClassName += " ".concat(draggingOverTargetClassName);
+  return /*#__PURE__*/React.createElement("div", {
+    className: className,
+    onDragOver: handleDragOver,
+    onDragLeave: handleDragLeave,
+    onDrop: handleDrop
+  }, /*#__PURE__*/React.createElement("div", {
+    className: fileDropTargetClassName
+  }, children));
+};
+export default FileDrop;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNhbGxiYWNrIiwidXNlRWZmZWN0IiwidXNlU3RhdGUiLCJ1c2VSZWYiLCJXaW5kb3ciLCJpc0lFIiwibmF2aWdhdG9yIiwidXNlckFnZW50IiwiaW5jbHVkZXMiLCJhcHBWZXJzaW9uIiwiZXZlbnRIYXNGaWxlcyIsImV2ZW50IiwiaGFzRmlsZXMiLCJkYXRhVHJhbnNmZXIiLCJ0eXBlcyIsImtleU9ySW5kZXgiLCJGaWxlRHJvcCIsIl9yZWYiLCJfcmVmJGRyb3BFZmZlY3QiLCJkcm9wRWZmZWN0IiwiX3JlZiRmcmFtZSIsImZyYW1lIiwiZG9jdW1lbnQiLCJ1bmRlZmluZWQiLCJfcmVmJGNsYXNzTmFtZSIsImNsYXNzTmFtZSIsIl9yZWYkdGFyZ2V0Q2xhc3NOYW1lIiwidGFyZ2V0Q2xhc3NOYW1lIiwiX3JlZiRkcmFnZ2luZ092ZXJGcmFtIiwiZHJhZ2dpbmdPdmVyRnJhbWVDbGFzc05hbWUiLCJfcmVmJGRyYWdnaW5nT3ZlclRhcmciLCJkcmFnZ2luZ092ZXJUYXJnZXRDbGFzc05hbWUiLCJvbkRyYWdPdmVyIiwib25EcmFnTGVhdmUiLCJvbkRyb3AiLCJvbkZyYW1lRHJhZ0VudGVyIiwib25GcmFtZURyYWdMZWF2ZSIsIm9uRnJhbWVEcm9wIiwiY2hpbGRyZW4iLCJfdXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkiLCJkcmFnZ2luZ092ZXJUYXJnZXQiLCJzZXREcmFnZ2luZ092ZXJUYXJnZXQiLCJfdXNlU3RhdGUzIiwiX3VzZVN0YXRlNCIsImRyYWdnaW5nT3ZlckZyYW1lIiwic2V0RHJhZ2dpbmdPdmVyRnJhbWUiLCJfdXNlU3RhdGU1IiwiX3VzZVN0YXRlNiIsImZyYW1lRHJhZ0NvdW50ZXIiLCJzZXRGcmFtZURyYWdDb3VudGVyIiwicHJldkZyYW1lIiwic3RhcnRGcmFtZUxpc3RlbmVycyIsInJlc2V0RHJhZ2dpbmciLCJhZGRFdmVudExpc3RlbmVyIiwiaGFuZGxlV2luZG93RHJhZ092ZXJPckRyb3AiLCJzdG9wRnJhbWVMaXN0ZW5lcnMiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwicHJldmVudERlZmF1bHQiLCJoYW5kbGVGcmFtZURyYWciLCJuZXdEcmFnQ291bnRlclZhbHVlIiwidHlwZSIsImhhbmRsZUZyYW1lRHJvcCIsImhhbmRsZURyYWdPdmVyIiwiaGFuZGxlRHJhZ0xlYXZlIiwiaGFuZGxlRHJvcCIsImZpbGVzIiwiY3VycmVudCIsImZpbGVEcm9wVGFyZ2V0Q2xhc3NOYW1lIiwiY29uY2F0IiwiY3JlYXRlRWxlbWVudCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vZmlsZS11cGxvYWRlci9maWxlLWRyb3AudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbi8qKlxuICogQ29waWVkIGZyb20gaHR0cHM6Ly9naXRodWIuY29tL3Nhcmluay9yZWFjdC1maWxlLWRyb3BcbiAqIEZvciBSZWFjdCAxNi44IGNvbXBhdGliaWxpdHlcbiAqL1xuaW1wb3J0IFJlYWN0LCB7UmVhY3ROb2RlLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgV2luZG93IGZyb20gJ2dsb2JhbC93aW5kb3cnO1xuXG5jb25zdCBpc0lFID0gKCkgPT5cbiAgV2luZG93ICYmXG4gIFdpbmRvdy5uYXZpZ2F0b3IgJiZcbiAgKChXaW5kb3cubmF2aWdhdG9yLnVzZXJBZ2VudCB8fCBbXSkuaW5jbHVkZXMoJ01TSUUnKSB8fFxuICAgIChXaW5kb3cubmF2aWdhdG9yLmFwcFZlcnNpb24gfHwgW10pLmluY2x1ZGVzKCdUcmlkZW50LycpKTtcblxuY29uc3QgZXZlbnRIYXNGaWxlcyA9IGV2ZW50ID0+IHtcbiAgLy8gSW4gbW9zdCBicm93c2VycyB0aGlzIGlzIGFuIGFycmF5LCBidXQgaW4gSUUxMSBpdCdzIGFuIE9iamVjdCA6KFxuXG4gIGxldCBoYXNGaWxlcyA9IGZhbHNlO1xuICBpZiAoZXZlbnQuZGF0YVRyYW5zZmVyKSB7XG4gICAgY29uc3QgdHlwZXMgPSBldmVudC5kYXRhVHJhbnNmZXIudHlwZXM7XG4gICAgZm9yIChjb25zdCBrZXlPckluZGV4IGluIHR5cGVzKSB7XG4gICAgICBpZiAodHlwZXNba2V5T3JJbmRleF0gPT09ICdGaWxlcycpIHtcbiAgICAgICAgaGFzRmlsZXMgPSB0cnVlO1xuICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgcmV0dXJuIGhhc0ZpbGVzO1xufTtcblxuZXhwb3J0IHR5cGUgRmlsZURyb3BQcm9wcyA9IHtcbiAgZHJvcEVmZmVjdD86ICdjb3B5JyB8ICdtb3ZlJyB8ICdsaW5rJyB8ICdub25lJztcbiAgZnJhbWU/OiB0eXBlb2YgZG9jdW1lbnQgfCB0eXBlb2YgV2luZG93IHwgSFRNTEVsZW1lbnQ7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgdGFyZ2V0Q2xhc3NOYW1lPzogc3RyaW5nO1xuICBkcmFnZ2luZ092ZXJGcmFtZUNsYXNzTmFtZT86IHN0cmluZztcbiAgZHJhZ2dpbmdPdmVyVGFyZ2V0Q2xhc3NOYW1lPzogc3RyaW5nO1xuICBvbkRyYWdPdmVyPzogKGV2ZW50OiBhbnkpID0+IHZvaWQ7XG4gIG9uRHJhZ0xlYXZlPzogKGV2ZW50OiBhbnkpID0+IHZvaWQ7XG4gIG9uRHJvcD86IChmaWxlTGlzdDogRmlsZUxpc3QsIGV2ZW50OiBhbnkpID0+IHZvaWQ7XG4gIG9uRnJhbWVEcmFnRW50ZXI/OiAoZXZlbnQ6IGFueSkgPT4gdm9pZDtcbiAgb25GcmFtZURyYWdMZWF2ZT86IChldmVudDogYW55KSA9PiB2b2lkO1xuICBvbkZyYW1lRHJvcD86IChldmVudDogYW55KSA9PiB2b2lkO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IEZpbGVEcm9wID0gKHtcbiAgZHJvcEVmZmVjdCA9ICdjb3B5JyxcbiAgZnJhbWUgPSBXaW5kb3cgPyBXaW5kb3cuZG9jdW1lbnQgOiB1bmRlZmluZWQsXG4gIGNsYXNzTmFtZSA9ICdmaWxlLWRyb3AnLFxuICB0YXJnZXRDbGFzc05hbWUgPSAnZmlsZS1kcm9wLXRhcmdldCcsXG4gIGRyYWdnaW5nT3ZlckZyYW1lQ2xhc3NOYW1lID0gJ2ZpbGUtZHJvcC1kcmFnZ2luZy1vdmVyLWZyYW1lJyxcbiAgZHJhZ2dpbmdPdmVyVGFyZ2V0Q2xhc3NOYW1lID0gJ2ZpbGUtZHJvcC1kcmFnZ2luZy1vdmVyLXRhcmdldCcsXG4gIG9uRHJhZ092ZXIsXG4gIG9uRHJhZ0xlYXZlLFxuICBvbkRyb3AsXG4gIG9uRnJhbWVEcmFnRW50ZXIsXG4gIG9uRnJhbWVEcmFnTGVhdmUsXG4gIG9uRnJhbWVEcm9wLFxuICBjaGlsZHJlblxufTogRmlsZURyb3BQcm9wcykgPT4ge1xuICBjb25zdCBbZHJhZ2dpbmdPdmVyVGFyZ2V0LCBzZXREcmFnZ2luZ092ZXJUYXJnZXRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbZHJhZ2dpbmdPdmVyRnJhbWUsIHNldERyYWdnaW5nT3ZlckZyYW1lXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2ZyYW1lRHJhZ0NvdW50ZXIsIHNldEZyYW1lRHJhZ0NvdW50ZXJdID0gdXNlU3RhdGUoMCk7XG5cbiAgY29uc3QgcHJldkZyYW1lID0gdXNlUmVmKGZyYW1lKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8vIGNvbXBvbmVudERpZE1vdW50XG4gICAgc3RhcnRGcmFtZUxpc3RlbmVycyhmcmFtZSk7XG4gICAgcmVzZXREcmFnZ2luZygpO1xuICAgIFdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdkcmFnb3ZlcicsIGhhbmRsZVdpbmRvd0RyYWdPdmVyT3JEcm9wKTtcbiAgICBXaW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignZHJvcCcsIGhhbmRsZVdpbmRvd0RyYWdPdmVyT3JEcm9wKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAvLyBjb21wb25lbnRXaWxsVW5tb3VudFxuICAgICAgc3RvcEZyYW1lTGlzdGVuZXJzKGZyYW1lKTtcbiAgICAgIFdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdkcmFnb3ZlcicsIGhhbmRsZVdpbmRvd0RyYWdPdmVyT3JEcm9wKTtcbiAgICAgIFdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdkcm9wJywgaGFuZGxlV2luZG93RHJhZ092ZXJPckRyb3ApO1xuICAgIH07XG5cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtdKTtcblxuICBjb25zdCByZXNldERyYWdnaW5nID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldEZyYW1lRHJhZ0NvdW50ZXIoMCk7XG4gICAgc2V0RHJhZ2dpbmdPdmVyVGFyZ2V0KGZhbHNlKTtcbiAgICBzZXREcmFnZ2luZ092ZXJGcmFtZShmYWxzZSk7XG4gIH0sIFtdKTtcblxuICBjb25zdCBoYW5kbGVXaW5kb3dEcmFnT3Zlck9yRHJvcCA9IHVzZUNhbGxiYWNrKGV2ZW50ID0+IHtcbiAgICAvLyBUaGlzIHByZXZlbnRzIHRoZSBicm93c2VyIGZyb20gdHJ5aW5nIHRvIGxvYWQgd2hhdGV2ZXIgZmlsZSB0aGUgdXNlciBkcm9wcGVkIG9uIHRoZSB3aW5kb3dcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICB9LCBbXSk7XG5cbiAgY29uc3QgaGFuZGxlRnJhbWVEcmFnID0gdXNlQ2FsbGJhY2soXG4gICAgZXZlbnQgPT4ge1xuICAgICAgLy8gT25seSBhbGxvdyBkcmFnZ2luZyBvZiBmaWxlc1xuICAgICAgaWYgKCFldmVudEhhc0ZpbGVzKGV2ZW50KSkgcmV0dXJuO1xuXG4gICAgICAvLyBXZSBhcmUgbGlzdGVuaW5nIGZvciBldmVudHMgb24gdGhlICdmcmFtZScsIHNvIGV2ZXJ5IHRpbWUgdGhlIHVzZXIgZHJhZ3Mgb3ZlciBhbnkgZWxlbWVudCBpbiB0aGUgZnJhbWUncyB0cmVlLFxuICAgICAgLy8gdGhlIGV2ZW50IGJ1YmJsZXMgdXAgdG8gdGhlIGZyYW1lLiBCeSBrZWVwaW5nIGNvdW50IG9mIGhvdyBtYW55IFwiZHJhZ2VudGVyc1wiIHdlIGdldCwgd2UgY2FuIHRlbGwgaWYgdGhleSBhcmUgc3RpbGxcbiAgICAgIC8vIFwiZHJhZ2dpbmdPdmVyRnJhbWVcIiAoYi9jIHlvdSBnZXQgb25lIFwiZHJhZ2VudGVyXCIgaW5pdGlhbGx5LCBhbmQgb25lIFwiZHJhZ2VudGVyXCIvb25lIFwiZHJhZ2xlYXZlXCIgZm9yIGV2ZXJ5IGJ1YmJsZSlcbiAgICAgIC8vIFRoaXMgaXMgZmFyIGJldHRlciB0aGFuIGEgXCJkcmFnb3ZlclwiIGhhbmRsZXIsIHdoaWNoIHdvdWxkIGJlIGNhbGxpbmcgYHNldFN0YXRlYCBjb250aW51b3VzbHkuXG4gICAgICBjb25zdCBuZXdEcmFnQ291bnRlclZhbHVlID0gZnJhbWVEcmFnQ291bnRlciArIChldmVudC50eXBlID09PSAnZHJhZ2VudGVyJyA/IDEgOiAtMSk7XG4gICAgICBzZXRGcmFtZURyYWdDb3VudGVyKG5ld0RyYWdDb3VudGVyVmFsdWUpO1xuXG4gICAgICBpZiAobmV3RHJhZ0NvdW50ZXJWYWx1ZSA9PT0gMSkge1xuICAgICAgICBzZXREcmFnZ2luZ092ZXJGcmFtZSh0cnVlKTtcbiAgICAgICAgaWYgKG9uRnJhbWVEcmFnRW50ZXIpIG9uRnJhbWVEcmFnRW50ZXIoZXZlbnQpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIGlmIChuZXdEcmFnQ291bnRlclZhbHVlID09PSAwKSB7XG4gICAgICAgIHNldERyYWdnaW5nT3ZlckZyYW1lKGZhbHNlKTtcbiAgICAgICAgaWYgKG9uRnJhbWVEcmFnTGVhdmUpIG9uRnJhbWVEcmFnTGVhdmUoZXZlbnQpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgfSxcbiAgICBbZnJhbWVEcmFnQ291bnRlciwgc2V0RHJhZ2dpbmdPdmVyRnJhbWUsIG9uRnJhbWVEcmFnRW50ZXIsIG9uRnJhbWVEcmFnTGVhdmVdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlRnJhbWVEcm9wID0gdXNlQ2FsbGJhY2soXG4gICAgZXZlbnQgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGlmICghZHJhZ2dpbmdPdmVyVGFyZ2V0KSB7XG4gICAgICAgIHJlc2V0RHJhZ2dpbmcoKTtcbiAgICAgICAgaWYgKG9uRnJhbWVEcm9wKSBvbkZyYW1lRHJvcChldmVudCk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25GcmFtZURyb3AsIGRyYWdnaW5nT3ZlclRhcmdldCwgcmVzZXREcmFnZ2luZ11cbiAgKTtcblxuICBjb25zdCBoYW5kbGVEcmFnT3ZlciA9IHVzZUNhbGxiYWNrKFxuICAgIGV2ZW50ID0+IHtcbiAgICAgIGlmIChldmVudEhhc0ZpbGVzKGV2ZW50KSkge1xuICAgICAgICBzZXREcmFnZ2luZ092ZXJUYXJnZXQodHJ1ZSk7XG4gICAgICAgIGlmICghaXNJRSgpICYmIGRyb3BFZmZlY3QpIGV2ZW50LmRhdGFUcmFuc2Zlci5kcm9wRWZmZWN0ID0gZHJvcEVmZmVjdDtcbiAgICAgICAgaWYgKG9uRHJhZ092ZXIpIG9uRHJhZ092ZXIoZXZlbnQpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2Ryb3BFZmZlY3QsIG9uRHJhZ092ZXJdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlRHJhZ0xlYXZlID0gdXNlQ2FsbGJhY2soXG4gICAgZXZlbnQgPT4ge1xuICAgICAgc2V0RHJhZ2dpbmdPdmVyVGFyZ2V0KGZhbHNlKTtcblxuICAgICAgaWYgKG9uRHJhZ0xlYXZlKSBvbkRyYWdMZWF2ZShldmVudCk7XG4gICAgfSxcbiAgICBbb25EcmFnTGVhdmVdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlRHJvcCA9IHVzZUNhbGxiYWNrKFxuICAgIGV2ZW50ID0+IHtcbiAgICAgIGlmIChvbkRyb3AgJiYgZXZlbnRIYXNGaWxlcyhldmVudCkpIHtcbiAgICAgICAgY29uc3QgZmlsZXMgPSBldmVudC5kYXRhVHJhbnNmZXIgPyBldmVudC5kYXRhVHJhbnNmZXIuZmlsZXMgOiBudWxsO1xuICAgICAgICBvbkRyb3AoZmlsZXMsIGV2ZW50KTtcbiAgICAgIH1cbiAgICAgIHJlc2V0RHJhZ2dpbmcoKTtcbiAgICB9LFxuICAgIFtvbkRyb3AsIHJlc2V0RHJhZ2dpbmddXG4gICk7XG5cbiAgY29uc3Qgc3RvcEZyYW1lTGlzdGVuZXJzID0gdXNlQ2FsbGJhY2soXG4gICAgZnJhbWUgPT4ge1xuICAgICAgaWYgKGZyYW1lKSB7XG4gICAgICAgIGZyYW1lLnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2RyYWdlbnRlcicsIGhhbmRsZUZyYW1lRHJhZyk7XG4gICAgICAgIGZyYW1lLnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2RyYWdsZWF2ZScsIGhhbmRsZUZyYW1lRHJhZyk7XG4gICAgICAgIGZyYW1lLnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2Ryb3AnLCBoYW5kbGVGcmFtZURyb3ApO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2hhbmRsZUZyYW1lRHJhZywgaGFuZGxlRnJhbWVEcm9wXVxuICApO1xuXG4gIGNvbnN0IHN0YXJ0RnJhbWVMaXN0ZW5lcnMgPSB1c2VDYWxsYmFjayhcbiAgICBmcmFtZSA9PiB7XG4gICAgICBpZiAoZnJhbWUpIHtcbiAgICAgICAgZnJhbWUuYWRkRXZlbnRMaXN0ZW5lcignZHJhZ2VudGVyJywgaGFuZGxlRnJhbWVEcmFnKTtcbiAgICAgICAgZnJhbWUuYWRkRXZlbnRMaXN0ZW5lcignZHJhZ2xlYXZlJywgaGFuZGxlRnJhbWVEcmFnKTtcbiAgICAgICAgZnJhbWUuYWRkRXZlbnRMaXN0ZW5lcignZHJvcCcsIGhhbmRsZUZyYW1lRHJvcCk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbaGFuZGxlRnJhbWVEcmFnLCBoYW5kbGVGcmFtZURyb3BdXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAvLyBjb21wb25lbnREaWRVcGRhdGVcbiAgICBpZiAocHJldkZyYW1lLmN1cnJlbnQgIT09IGZyYW1lKSB7XG4gICAgICByZXNldERyYWdnaW5nKCk7XG4gICAgICBzdG9wRnJhbWVMaXN0ZW5lcnMocHJldkZyYW1lLmN1cnJlbnQpO1xuICAgICAgc3RhcnRGcmFtZUxpc3RlbmVycyhmcmFtZSk7XG5cbiAgICAgIHByZXZGcmFtZS5jdXJyZW50ID0gZnJhbWU7XG4gICAgfVxuICB9LCBbZnJhbWUsIHJlc2V0RHJhZ2dpbmcsIHN0b3BGcmFtZUxpc3RlbmVycywgc3RhcnRGcmFtZUxpc3RlbmVyc10pO1xuXG4gIC8vIFJlbmRlclxuICBsZXQgZmlsZURyb3BUYXJnZXRDbGFzc05hbWUgPSB0YXJnZXRDbGFzc05hbWU7XG4gIGlmIChkcmFnZ2luZ092ZXJGcmFtZSkgZmlsZURyb3BUYXJnZXRDbGFzc05hbWUgKz0gYCAke2RyYWdnaW5nT3ZlckZyYW1lQ2xhc3NOYW1lfWA7XG4gIGlmIChkcmFnZ2luZ092ZXJUYXJnZXQpIGZpbGVEcm9wVGFyZ2V0Q2xhc3NOYW1lICs9IGAgJHtkcmFnZ2luZ092ZXJUYXJnZXRDbGFzc05hbWV9YDtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgb25EcmFnT3Zlcj17aGFuZGxlRHJhZ092ZXJ9XG4gICAgICBvbkRyYWdMZWF2ZT17aGFuZGxlRHJhZ0xlYXZlfVxuICAgICAgb25Ecm9wPXtoYW5kbGVEcm9wfVxuICAgID5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtmaWxlRHJvcFRhcmdldENsYXNzTmFtZX0+e2NoaWxkcmVufTwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsZURyb3A7XG4iXSwibWFwcGluZ3MiOiI7QUFBQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBT0EsS0FBSyxJQUFjQyxXQUFXLEVBQUVDLFNBQVMsRUFBRUMsUUFBUSxFQUFFQyxNQUFNLFFBQU8sT0FBTztBQUNoRixPQUFPQyxNQUFNLE1BQU0s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

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

@@ -0,0 +1,77 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React from 'react';
+import styled, { withTheme } from 'styled-components';
+import classnames from 'classnames';
+import ProgressBar from '../progress-bar';
+import { TruncatedTitleText } from '../styled-components';
+import { getError } from '@kepler.gl/utils';
+var StyledFileProgress = styled.div.attrs(function (props) {
+  return {
+    className: classnames('file-upload__progress', props.className)
+  };
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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 = styled.div.attrs({
+  className: 'file-upload__progress__wrapper'
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 400px;\n"])));
+var StyledContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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.createElement(StyledFileProgress, {
+    className: "file-upload-progress__message"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "top-row"
+  }, /*#__PURE__*/React.createElement(TruncatedTitleText, {
+    className: "file-name",
+    title: fileName
+  }, fileName), /*#__PURE__*/React.createElement("div", {
+    className: "percent"
+  }, percentStr)), /*#__PURE__*/React.createElement("div", {
+    className: "middle-row"
+  }, /*#__PURE__*/React.createElement(ProgressBar, {
+    percent: percentStr,
+    barColor: barColor,
+    isLoading: true,
+    theme: theme
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "bottom-row",
+    style: {
+      color: error ? theme.errorColor : theme.textColorLT
+    }
+  }, error ? getError(error) : message));
+};
+var FileUploadProgress = function FileUploadProgress(_ref2) {
+  var fileLoadingProgress = _ref2.fileLoadingProgress,
+    theme = _ref2.theme;
+  return /*#__PURE__*/React.createElement(StyledContainer, null, /*#__PURE__*/React.createElement(StyledProgressWrapper, null, Object.values(fileLoadingProgress).map(function (item) {
+    return /*#__PURE__*/React.createElement(UploadProgress, _extends({}, item, {
+      key: item.fileName,
+      theme: theme
+    }));
+  })));
+};
+export default withTheme(FileUploadProgress);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInN0eWxlZCIsIndpdGhUaGVtZSIsImNsYXNzbmFtZXMiLCJQcm9ncmVzc0JhciIsIlRydW5jYXRlZFRpdGxlVGV4dCIsImdldEVycm9yIiwiU3R5bGVkRmlsZVByb2dyZXNzIiwiZGl2IiwiYXR0cnMiLCJwcm9wcyIsImNsYXNzTmFtZSIsIl90ZW1wbGF0ZU9iamVjdCIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwiLCJ0aGVtZSIsInRleHRDb2xvckxUIiwiU3R5bGVkUHJvZ3Jlc3NXcmFwcGVyIiwiX3RlbXBsYXRlT2JqZWN0MiIsIlN0eWxlZENvbnRhaW5lciIsIl90ZW1wbGF0ZU9iamVjdDMiLCJmb3JtYXRQZXJjZW50IiwicGVyY2VudCIsImNvbmNhdCIsIk1hdGgiLCJmbG9vciIsIlVwbG9hZFByb2dyZXNzIiwiX3JlZiIsIm1lc3NhZ2UiLCJmaWxlTmFtZSIsImVycm9yIiwicGVyY2VudFN0ciIsImJhckNvbG9yIiwiZXJyb3JDb2xvciIsImFjdGl2ZUNvbG9yTFQiLCJjcmVhdGVFbGVtZW50IiwidGl0bGUiLCJpc0xvYWRpbmciLCJzdHlsZSIsImNvbG9yIiwiRmlsZVVwbG9hZFByb2dyZXNzIiwiX3JlZjIiLCJmaWxlTG9hZGluZ1Byb2dyZXNzIiwiT2JqZWN0IiwidmFsdWVzIiwibWFwIiwiaXRlbSIsIl9leHRlbmRzIiwia2V5Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9maWxlLXVwbG9hZGVyL2ZpbGUtdXBsb2FkLXByb2dyZXNzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCwge3dpdGhUaGVtZX0gZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgUHJvZ3Jlc3NCYXIgZnJvbSAnLi4vcHJvZ3Jlc3MtYmFyJztcbmltcG9ydCB7VHJ1bmNhdGVkVGl0bGVUZXh0fSBmcm9tICcuLi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge2dldEVycm9yfSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcbmltcG9ydCB7RmlsZUxvYWRpbmdQcm9ncmVzc30gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5cbmNvbnN0IFN0eWxlZEZpbGVQcm9ncmVzcyA9IHN0eWxlZC5kaXYuYXR0cnMocHJvcHMgPT4gKHtcbiAgY2xhc3NOYW1lOiBjbGFzc25hbWVzKCdmaWxlLXVwbG9hZF9fcHJvZ3Jlc3MnLCBwcm9wcy5jbGFzc05hbWUpXG59KSlgXG4gIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvckxUfTtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBtYXJnaW4tdG9wOiAxMnB4O1xuICBib3JkZXItaW1hZ2U6IGluaXRpYWw7XG4gIHBhZGRpbmc6IDhweCAxMnB4O1xuXG4gIC50b3Atcm93IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgfVxuXG4gIC5maWxlLW5hbWUge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIH1cbiAgLm1pZGRsZS1yb3cge1xuICAgIG1hcmdpbi10b3A6IDZweDtcbiAgfVxuICAuYm90dG9tLXJvdyB7XG4gICAgbWFyZ2luLXRvcDogNnB4O1xuICAgIHRleHQtYWxpZ246IHN0YXJ0O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRQcm9ncmVzc1dyYXBwZXIgPSBzdHlsZWQuZGl2LmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAnZmlsZS11cGxvYWRfX3Byb2dyZXNzX193cmFwcGVyJ1xufSlgXG4gIHdpZHRoOiA0MDBweDtcbmA7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IGZvcm1hdFBlcmNlbnQgPSBwZXJjZW50ID0+IGAke01hdGguZmxvb3IocGVyY2VudCAqIDEwMCl9JWA7XG5cbmludGVyZmFjZSBVcGxvYWRQcm9ncmVzc1Byb3BzIHtcbiAgbWVzc2FnZT86IHN0cmluZztcbiAgZmlsZU5hbWU/OiBzdHJpbmc7XG4gIHBlcmNlbnQ6IG51bWJlcjtcbiAgZXJyb3I/OiBhbnk7XG4gIHRoZW1lOiBhbnk7XG59XG5cbi8qKlxuICogQHBhcmFtIHtvYmplY3R9IHBhcmFtc1xuICogQHBhcmFtIHtzdHJpbmd9IHBhcmFtcy5tZXNzYWdlXG4gKiBAcGFyYW0ge3N0cmluZ30gcGFyYW1zLmZpbGVOYW1lXG4gKiBAcGFyYW0ge251bWJlcn0gcGFyYW1zLnBlcmNlbnRcbiAqIEBwYXJhbSB7YW55fSBwYXJhbXMuZXJyb3JcbiAqIEBwYXJhbSB7b2JqZWN0fSBwYXJhbXMudGhlbWVcbiAqL1xuY29uc3QgVXBsb2FkUHJvZ3Jlc3MgPSAoe21lc3NhZ2UsIGZpbGVOYW1lLCBwZXJjZW50LCBlcnJvciwgdGhlbWV9OiBVcGxvYWRQcm9ncmVzc1Byb3BzKSA9PiB7XG4gIGNvbnN0IHBlcmNlbnRTdHIgPSBmb3JtYXRQZXJjZW50KHBlcmNlbnQpO1xuICBjb25zdCBiYXJDb2xvciA9IGVycm9yID8gdGhlbWUuZXJyb3JDb2xvciA6IHRoZW1lLmFjdGl2ZUNvbG9yTFQ7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRmlsZVByb2dyZXNzIGNsYXNzTmFtZT1cImZpbGUtdXBsb2FkLXByb2dyZXNzX19tZXNzYWdlXCI+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cInRvcC1yb3dcIj5cbiAgICAgICAgPFRydW5jYXRlZFRpdGxlVGV4dCBjbGFzc05hbWU9XCJmaWxlLW5hbWVcIiB0aXRsZT17ZmlsZU5hbWV9PlxuICAgICAgICAgIHtmaWxlTmFtZX1cbiAgICAgICAgPC9UcnVuY2F0ZWRUaXRsZVRleHQ+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwicGVyY2VudFwiPntwZXJjZW50U3RyfTwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cIm1pZGRsZS1yb3dcIj5cbiAgICAgICAgPFByb2dyZXNzQmFyIHBlcmNlbnQ9e3BlcmNlbnRTdHJ9IGJhckNvbG9yPXtiYXJDb2xvcn0gaXNMb2FkaW5nIHRoZW1lPXt0aGVtZX0gLz5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJib3R0b20tcm93XCIgc3R5bGU9e3tjb2xvcjogZXJyb3IgPyB0aGVtZS5lcnJvckNvbG9yIDogdGhlbWUudGV4dENvbG9yTFR9fT5cbiAgICAgICAge2Vycm9yID8gZ2V0RXJyb3IoZXJyb3IpIDogbWVzc2FnZX1cbiAgICAgIDwvZGl2PlxuICAgIDwvU3R5bGVkRmlsZVByb2dyZXNzPlxuICApO1xufTtcblxudHlwZSBGaWxlVXBsb2FkUHJvZ3Jlc3NQcm9wcyA9IHtcbiAgZmlsZUxvYWRpbmdQcm9ncmVzczogRmlsZUxvYWRpbmdQcm9ncmVzcztcbiAgdGhlbWU6IGFueTtcbn07XG5cbmNvbnN0IEZpbGVVcGxvYWRQcm9ncmVzczogUmVhY3QuRkM8RmlsZVVwbG9hZFByb2dyZXNzUHJvcHM+ID0gKHtcbiAgZmlsZUxvYWRpbmdQcm9ncmVzcyxcbiAgdGhlbWVcbn06IEZpbGVVcGxvYWRQcm9ncmVzc1Byb3BzKSA9PiAoXG4gIDxTdHlsZWRDb250YWluZXI+XG4gICAgPFN0eWxlZFByb2dyZXNzV3JhcHBlcj5cbiAgICAgIHtPYmplY3QudmFsdWVzKGZpbGVMb2FkaW5nUHJvZ3Jlc3MpLm1hcChpdGVtID0+IChcbiAgICAgICAgPFVwbG9hZFByb2dyZXNzIHsuLi5pdGVtfSBrZXk9e2l0ZW0uZmlsZU5hbWV9IHRoZW1lPXt0aGVtZX0gLz5cbiAgICAgICkpfVxuICAgIDwvU3R5bGVkUHJvZ3Jlc3NXcmFwcGVyPlxuICA8L1N0eWxlZENvbnRhaW5lcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhUaGVtZShGaWxlVXBsb2FkUHJvZ3Jlc3MpIGFzIFJlYWN0LkZDPEZpbGVVcGxvYWRQcm9ncmVzc1Byb3BzPjtcbiJdLCJtYXBwaW5ncyI6Ijs7O0FBQUE7QUFDQTs7QUFFQSxPQUFPQSxLQUFLLE1BQU0sT0FBTztBQUN6QixPQUFPQyxNQUFNLElBQUdDLFNBQVMsUUFBTyxtQkFBbUI7QUFDbkQsT0FBT0MsVUFBVSxNQUFNLFlBQVk7QUFDbkMsT0FBT0MsV0FBVyxNQUFNLGlCQUFpQjtBQUN6QyxTQUFRQyxrQkFBa0IsUUFBTyxzQkFBc0I7QUFDdkQsU0FBUUMsUUFBUSxRQUFPLGtCQUFrQjtBQUd6QyxJQUFNQyxrQkFBa0IsR0FBR04sTUFBTSxDQUFDTyxHQUFHLENBQUNDLEtBQUssQ0FBQyxVQUFBQyxLQUFLO0VBQUEsT0FBSztJQUNwREMsU0FBUyxFQUFFUixVQUFVLENBQUMsdUJBQXVCLEVBQUVPLEtBQUssQ0FBQ0MsU0FBUztFQUNoRSxDQUFDO0FBQUEsQ0FBQyxDQUFDLENBQUFDLGVBQUEsS0FBQUEsZUFBQSxHQUFBQyxzQkFBQSxnV0FDUSxVQUFBSCxLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDSSxLQUFLLENBQUNDLFdBQVc7QUFBQSxFQXFCMUM7QUFFRCxJQUFNQyxxQkFBcUIsR0FBR2YsTUFBTSxDQUFDTyxHQUFHLENBQUNDLEtBQUssQ0FBQztFQUM3Q0UsU0FBUyxFQUFFO0FBQ2IsQ0FBQyxDQUFDLENBQUFNLGdCQUFBLEtBQUFBLGdCQUFBLEdBQUFKLHNCQUFBLDJCQUVEO0FBRUQsSUFBTUssZUFBZSxHQUFHakIsTUFBTSxDQUFDTyxHQUFHLENBQUFXLGdCQUFBLEtBQUFBLGdCQUFBLEdBQUFOLHNCQUFBLHdFQUlqQztBQUVELElBQU1PLGFBQWEsR0FBRyxTQUFoQkEsYUFBYUEsQ0FBR0MsT0FBTztFQUFBLFVBQUFDLE1BQUEsQ0FBT0MsSUFBSSxDQUFDQyxLQUFLLENBQUNILE9BQU8sR0FBRyxHQUFHLENBQUM7QUFBQSxDQUFHO0FB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