@kepler.gl/components 3.3.0-alpha.5 → 3.3.0-alpha.7

package/dist/esm/hooks/use-legend-position.js

@@ -0,0 +1,170 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import { useMemo, useRef, useCallback, useEffect } from 'react';
+var MARGIN = {
+  left: 10,
+  top: 10,
+  right: 10,
+  bottom: 30
+};
+var DEFAULT_POSITION = {
+  x: MARGIN.right,
+  y: MARGIN.bottom,
+  anchorX: 'right',
+  anchorY: 'bottom'
+};
+var MIN_CONTENT_HEIGHT = 100;
+var MAP_CONTROL_HEADER_FULL_HEIGHT = 34;
+export function useCalcLegendPosition(_ref) {
+  var legendContentRef = _ref.legendContentRef,
+    isSidePanelShown = _ref.isSidePanelShown,
+    sidePanelWidth = _ref.sidePanelWidth;
+  return useCallback(function () {
+    var _legendContentRef$cur;
+    var root = (_legendContentRef$cur = legendContentRef.current) === null || _legendContentRef$cur === void 0 ? void 0 : _legendContentRef$cur.closest('.kepler-gl');
+    var legendContent = legendContentRef.current;
+    if (!legendContent || !(root instanceof HTMLElement)) {
+      return DEFAULT_POSITION;
+    }
+    var legendRect = legendContent.getBoundingClientRect();
+    var mapRootBounds = root.getBoundingClientRect();
+    var leftSidebarOffset = isSidePanelShown ? sidePanelWidth : 0;
+    var leftOffset = Math.max(MARGIN.left, legendRect.left - mapRootBounds.left - leftSidebarOffset);
+    var rightOffset = Math.max(MARGIN.right, mapRootBounds.right - legendRect.right);
+    var topOffset = Math.max(MARGIN.top, legendRect.top - mapRootBounds.top);
+    var bottomOffset = Math.max(MARGIN.bottom, mapRootBounds.bottom - legendRect.bottom);
+    return _objectSpread(_objectSpread({}, leftOffset < rightOffset ? {
+      x: leftOffset + leftSidebarOffset,
+      anchorX: 'left'
+    } : {
+      x: rightOffset,
+      anchorX: 'right'
+    }), topOffset < bottomOffset ? {
+      y: topOffset,
+      anchorY: 'top'
+    } : {
+      y: bottomOffset,
+      anchorY: 'bottom'
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isSidePanelShown, sidePanelWidth]);
+}
+
+/**
+ * Returns a function that calculates the anchored position of the map legend
+ * that is being dragged.
+ */
+export default function useLegendPosition(_ref2) {
+  var _settings$position, _settings$contentHeig, _theme$sidePanel;
+  var legendContentRef = _ref2.legendContentRef,
+    isSidePanelShown = _ref2.isSidePanelShown,
+    settings = _ref2.settings,
+    onChangeSettings = _ref2.onChangeSettings,
+    theme = _ref2.theme,
+    mapHeight = _ref2.mapHeight,
+    mapWidth = _ref2.mapWidth;
+  var pos = (_settings$position = settings === null || settings === void 0 ? void 0 : settings.position) !== null && _settings$position !== void 0 ? _settings$position : DEFAULT_POSITION;
+  var contentHeight = (_settings$contentHeig = settings === null || settings === void 0 ? void 0 : settings.contentHeight) !== null && _settings$contentHeig !== void 0 ? _settings$contentHeig : -1;
+  var positionStyles = useMemo(function () {
+    return _defineProperty(_defineProperty({}, pos.anchorX, pos.x), pos.anchorY, pos.y);
+  }, [pos]);
+  var startHeightRef = useRef(0);
+  var sidePanelWidth = ((_theme$sidePanel = theme.sidePanel) === null || _theme$sidePanel === void 0 ? void 0 : _theme$sidePanel.width) || 0;
+
+  // Calculate dynamic max content height based on map root dimensions
+  var maxContentHeight = useMemo(function () {
+    if (!mapHeight) return undefined;
+    // Available height minus margins and header
+    return mapHeight - MARGIN.top - MARGIN.bottom - MAP_CONTROL_HEADER_FULL_HEIGHT;
+  }, [mapHeight]);
+  var calcPosition = useCalcLegendPosition({
+    legendContentRef: legendContentRef,
+    isSidePanelShown: isSidePanelShown,
+    sidePanelWidth: sidePanelWidth
+  });
+  var updatePosition = useCallback(function () {
+    return onChangeSettings({
+      position: calcPosition()
+    });
+  }, [calcPosition, onChangeSettings]);
+  var startResize = useCallback(function () {
+    var _legendContentRef$cur2;
+    var content = (_legendContentRef$cur2 = legendContentRef.current) === null || _legendContentRef$cur2 === void 0 ? void 0 : _legendContentRef$cur2.querySelector('.map-control__panel-content');
+    if (content instanceof HTMLElement) {
+      startHeightRef.current = content.offsetHeight;
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var resize = useCallback(function (deltaY) {
+    var _legendContentRef$cur3;
+    var root = (_legendContentRef$cur3 = legendContentRef.current) === null || _legendContentRef$cur3 === void 0 ? void 0 : _legendContentRef$cur3.closest('.kepler-gl');
+    var legendContent = legendContentRef.current;
+    if (root instanceof HTMLElement && legendContent) {
+      var mapRootBounds = root.getBoundingClientRect();
+      var legendRect = legendContent.getBoundingClientRect();
+      var remainingHeight = mapRootBounds.bottom - (legendRect.top + MAP_CONTROL_HEADER_FULL_HEIGHT + MARGIN.bottom);
+      // Use maxContentHeight if available, otherwise fall back to viewport-based calculation
+      var maxHeight = maxContentHeight ? Math.min(maxContentHeight, remainingHeight) : remainingHeight;
+      var nextHeight = Math.min(maxHeight, Math.max(MIN_CONTENT_HEIGHT, startHeightRef.current + deltaY));
+      onChangeSettings({
+        contentHeight: nextHeight
+      });
+      if (contentHeight > 0 && pos.anchorY === 'bottom') {
+        onChangeSettings({
+          position: _objectSpread(_objectSpread({}, pos), {}, {
+            y: pos.y - (nextHeight - contentHeight)
+          })
+        });
+      }
+    }
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [contentHeight, pos, onChangeSettings, maxContentHeight]);
+
+  // Shift when side panel is shown/hidden
+  var posRef = useRef(pos);
+  posRef.current = pos;
+  useEffect(function () {
+    var currentPos = posRef.current;
+    if (currentPos.anchorX === 'left') {
+      if (isSidePanelShown) {
+        if (currentPos.x <= sidePanelWidth + MARGIN.left) {
+          onChangeSettings({
+            position: _objectSpread(_objectSpread({}, currentPos), {}, {
+              x: sidePanelWidth + MARGIN.left
+            })
+          });
+        }
+      } else {
+        onChangeSettings({
+          position: _objectSpread(_objectSpread({}, currentPos), {}, {
+            x: Math.max(MARGIN.left, currentPos.x - sidePanelWidth)
+          })
+        });
+      }
+    }
+  }, [isSidePanelShown, onChangeSettings, sidePanelWidth]);
+
+  // Clamp contentHeight when map resizes to ensure legend stays within available space
+  useEffect(function () {
+    if (!mapWidth || !mapHeight || !legendContentRef.current) return;
+    if (maxContentHeight && contentHeight > 0 && contentHeight > maxContentHeight) {
+      onChangeSettings({
+        contentHeight: maxContentHeight
+      });
+    }
+  }, [mapWidth, mapHeight, contentHeight, onChangeSettings, maxContentHeight, legendContentRef]);
+  return {
+    positionStyles: positionStyles,
+    updatePosition: updatePosition,
+    contentHeight: contentHeight,
+    maxContentHeight: maxContentHeight,
+    startResize: startResize,
+    resize: resize
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VNZW1vIiwidXNlUmVmIiwidXNlQ2FsbGJhY2siLCJ1c2VFZmZlY3QiLCJNQVJHSU4iLCJsZWZ0IiwidG9wIiwicmlnaHQiLCJib3R0b20iLCJERUZBVUxUX1BPU0lUSU9OIiwieCIsInkiLCJhbmNob3JYIiwiYW5jaG9yWSIsIk1JTl9DT05URU5UX0hFSUdIVCIsIk1BUF9DT05UUk9MX0hFQURFUl9GVUxMX0hFSUdIVCIsInVzZUNhbGNMZWdlbmRQb3NpdGlvbiIsIl9yZWYiLCJsZWdlbmRDb250ZW50UmVmIiwiaXNTaWRlUGFuZWxTaG93biIsInNpZGVQYW5lbFdpZHRoIiwiX2xlZ2VuZENvbnRlbnRSZWYkY3VyIiwicm9vdCIsImN1cnJlbnQiLCJjbG9zZXN0IiwibGVnZW5kQ29udGVudCIsIkhUTUxFbGVtZW50IiwibGVnZW5kUmVjdCIsImdldEJvdW5kaW5nQ2xpZW50UmVjdCIsIm1hcFJvb3RCb3VuZHMiLCJsZWZ0U2lkZWJhck9mZnNldCIsImxlZnRPZmZzZXQiLCJNYXRoIiwibWF4IiwicmlnaHRPZmZzZXQiLCJ0b3BPZmZzZXQiLCJib3R0b21PZmZzZXQiLCJfb2JqZWN0U3ByZWFkIiwidXNlTGVnZW5kUG9zaXRpb24iLCJfcmVmMiIsIl9zZXR0aW5ncyRwb3NpdGlvbiIsIl9zZXR0aW5ncyRjb250ZW50SGVpZyIsIl90aGVtZSRzaWRlUGFuZWwiLCJzZXR0aW5ncyIsIm9uQ2hhbmdlU2V0dGluZ3MiLCJ0aGVtZSIsIm1hcEhlaWdodCIsIm1hcFdpZHRoIiwicG9zIiwicG9zaXRpb24iLCJjb250ZW50SGVpZ2h0IiwicG9zaXRpb25TdHlsZXMiLCJfZGVmaW5lUHJvcGVydHkiLCJzdGFydEhlaWdodFJlZiIsInNpZGVQYW5lbCIsIndpZHRoIiwibWF4Q29udGVudEhlaWdodCIsInVuZGVmaW5lZCIsImNhbGNQb3NpdGlvbiIsInVwZGF0ZVBvc2l0aW9uIiwic3RhcnRSZXNpemUiLCJfbGVnZW5kQ29udGVudFJlZiRjdXIyIiwiY29udGVudCIsInF1ZXJ5U2VsZWN0b3IiLCJvZmZzZXRIZWlnaHQiLCJyZXNpemUiLCJkZWx0YVkiLCJfbGVnZW5kQ29udGVudFJlZiRjdXIzIiwicmVtYWluaW5nSGVpZ2h0IiwibWF4SGVpZ2h0IiwibWluIiwibmV4dEhlaWdodCIsInBvc1JlZiIsImN1cnJlbnRQb3MiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaG9va3MvdXNlLWxlZ2VuZC1wb3NpdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQge3VzZU1lbW8sIHVzZVJlZiwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge01hcExlZ2VuZENvbnRyb2xTZXR0aW5nc30gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5cbnR5cGUgUGFyYW1zID0ge1xuICBsZWdlbmRDb250ZW50UmVmOiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxFbGVtZW50IHwgbnVsbD47XG4gIGlzU2lkZVBhbmVsU2hvd246IGJvb2xlYW47XG4gIHNldHRpbmdzPzogTWFwTGVnZW5kQ29udHJvbFNldHRpbmdzO1xuICBvbkNoYW5nZVNldHRpbmdzOiAoc2V0dGluZ3M6IFBhcnRpYWw8TWFwTGVnZW5kQ29udHJvbFNldHRpbmdzPikgPT4gdm9pZDtcbiAgdGhlbWU6IFJlY29yZDxzdHJpbmcsIGFueT47XG4gIG1hcEhlaWdodD86IG51bWJlcjtcbiAgbWFwV2lkdGg/OiBudW1iZXI7XG59O1xuXG50eXBlIFJldHVyblR5cGUgPSB7XG4gIHBvc2l0aW9uU3R5bGVzOiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPjtcbiAgdXBkYXRlUG9zaXRpb246ICgpID0+IHZvaWQ7XG4gIGNvbnRlbnRIZWlnaHQ6IG51bWJlcjtcbiAgbWF4Q29udGVudEhlaWdodD86IG51bWJlcjtcbiAgc3RhcnRSZXNpemU6ICgpID0+IHZvaWQ7XG4gIHJlc2l6ZTogKGRlbHRhWTogbnVtYmVyKSA9PiB2b2lkO1xufTtcblxuY29uc3QgTUFSR0lOID0ge1xuICBsZWZ0OiAxMCxcbiAgdG9wOiAxMCxcbiAgcmlnaHQ6IDEwLFxuICBib3R0b206IDMwXG59O1xuY29uc3QgREVGQVVMVF9QT1NJVElPTjogTWFwTGVnZW5kQ29udHJvbFNldHRpbmdzWydwb3NpdGlvbiddID0ge1xuICB4OiBNQVJHSU4ucmlnaHQsXG4gIHk6IE1BUkdJTi5ib3R0b20sXG4gIGFuY2hvclg6ICdyaWdodCcsXG4gIGFuY2hvclk6ICdib3R0b20nXG59O1xuY29uc3QgTUlOX0NPTlRFTlRfSEVJR0hUID0gMTAwO1xuY29uc3QgTUFQX0NPTlRST0xfSEVBREVSX0ZVTExfSEVJR0hUID0gMzQ7XG5cbmV4cG9ydCB0eXBlIFVzZUNhbGNMZWdlbmRQb3NpdGlvblByb3BzID0ge1xuICBsZWdlbmRDb250ZW50UmVmOiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxFbGVtZW50IHwgbnVsbD47XG4gIGlzU2lkZVBhbmVsU2hvd246IGJvb2xlYW47XG4gIHNpZGVQYW5lbFdpZHRoOiBudW1iZXI7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gdXNlQ2FsY0xlZ2VuZFBvc2l0aW9uKHtcbiAgbGVnZW5kQ29udGVudFJlZixcbiAgaXNTaWRlUGFuZWxTaG93bixcbiAgc2lkZVBhbmVsV2lkdGhcbn06IFVzZUNhbGNMZWdlbmRQb3NpdGlvblByb3BzKSB7XG4gIHJldHVybiB1c2VDYWxsYmFjaygoKTogTWFwTGVnZW5kQ29udHJvbFNldHRpbmdzWydwb3NpdGlvbiddID0+IHtcbiAgICBjb25zdCByb290ID0gbGVnZW5kQ29udGVudFJlZi5jdXJyZW50Py5jbG9zZXN0KCcua2VwbGVyLWdsJyk7XG4gICAgY29uc3QgbGVnZW5kQ29udGVudCA9IGxlZ2VuZENvbnRlbnRSZWYuY3VycmVudDtcbiAgICBpZiAoIWxlZ2VuZENvbnRlbnQgfHwgIShyb290IGluc3RhbmNlb2YgSFRNTEVsZW1lbnQpKSB7XG4gICAgICByZXR1cm4gREVGQVVMVF9QT1NJVElPTjtcbiAgICB9XG4gICAgY29uc3QgbGVnZW5kUmVjdCA9IGxlZ2VuZENvbnRlbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgY29uc3QgbWFwUm9vdEJvdW5kcyA9IHJvb3QuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgY29uc3QgbGVmdFNpZGViYXJPZmZzZXQgPSBpc1NpZGVQYW5lbFNob3duID8gc2lkZVBhbmVsV2lkdGggOiAwO1xuXG4gICAgY29uc3QgbGVmdE9mZnNldCA9IE1hdGgubWF4KFxuICAgICAgTUFSR0lOLmxlZnQsXG4gICAgICBsZWdlbmRSZWN0LmxlZnQgLSBtYXBSb290Qm91bmRzLmxlZnQgLSBsZWZ0U2lkZWJhck9mZnNldFxuICAgICk7XG4gICAgY29uc3QgcmlnaHRPZmZzZXQgPSBNYXRoLm1heChNQVJHSU4ucmlnaHQsIG1hcFJvb3RCb3VuZHMucmlnaHQgLSBsZWdlbmRSZWN0LnJpZ2h0KTtcblxuICAgIGNvbnN0IHRvcE9mZnNldCA9IE1hdGgubWF4KE1BUkdJTi50b3AsIGxlZ2VuZFJlY3QudG9wIC0gbWFwUm9vdEJvdW5kcy50b3ApO1xuICAgIGNvbnN0IGJvdHRvbU9mZnNldCA9IE1hdGgubWF4KE1BUkdJTi5ib3R0b20sIG1hcFJvb3RCb3VuZHMuYm90dG9tIC0gbGVnZW5kUmVjdC5ib3R0b20pO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIC4uLihsZWZ0T2Zmc2V0IDwgcmlnaHRPZmZzZXRcbiAgICAgICAgPyB7eDogbGVmdE9mZnNldCArIGxlZnRTaWRlYmFyT2Zmc2V0LCBhbmNob3JYOiAnbGVmdCd9XG4gICAgICAgIDoge3g6IHJpZ2h0T2Zmc2V0LCBhbmNob3JYOiAncmlnaHQnfSksXG4gICAgICAuLi4odG9wT2Zmc2V0IDwgYm90dG9tT2Zmc2V0XG4gICAgICAgID8ge3k6IHRvcE9mZnNldCwgYW5jaG9yWTogJ3RvcCd9XG4gICAgICAgIDoge3k6IGJvdHRvbU9mZnNldCwgYW5jaG9yWTogJ2JvdHRvbSd9KVxuICAgIH07XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbaXNTaWRlUGFuZWxTaG93biwgc2lkZVBhbmVsV2lkdGhdKTtcbn1cblxuLyoqXG4gKiBSZXR1cm5zIGEgZnVuY3Rpb24gdGhhdCBjYWxjdWxhdGVzIHRoZSBhbmNob3JlZCBwb3NpdGlvbiBvZiB0aGUgbWFwIGxlZ2VuZFxuICogdGhhdCBpcyBiZWluZyBkcmFnZ2VkLlxuICovXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiB1c2VMZWdlbmRQb3NpdGlvbih7XG4gIGxlZ2VuZENvbnRlbnRSZWYsXG4gIGlzU2lkZVBhbmVsU2hvd24sXG4gIHNldHRpbmdzLFxuICBvbkNoYW5nZVNldHRpbmdzLFxuICB0aGVtZSxcbiAgbWFwSGVpZ2h0LFxuICBtYXBXaWR0aFxufTogUGFyYW1zKTogUmV0dXJuVHlwZSB7XG4gIGNvbnN0IHBvcyA9IHNldHRpbmdzPy5wb3NpdGlvbiA/PyBERUZBVUxUX1BPU0lUSU9OO1xuICBjb25zdCBjb250ZW50SGVpZ2h0ID0gc2V0dGluZ3M/LmNvbnRlbnRIZWlnaHQgPz8gLTE7XG4gIGNvbnN0IHBvc2l0aW9uU3R5bGVzID0gdXNlTWVtbygoKSA9PiAoe1twb3MuYW5jaG9yWF06IHBvcy54LCBbcG9zLmFuY2hvclldOiBwb3MueX0pLCBbcG9zXSk7XG4gIGNvbnN0IHN0YXJ0SGVpZ2h0UmVmID0gdXNlUmVmKDApO1xuICBjb25zdCBzaWRlUGFuZWxXaWR0aCA9IHRoZW1lLnNpZGVQYW5lbD8ud2lkdGggfHwgMDtcblxuICAvLyBDYWxjdWxhdGUgZHluYW1pYyBtYXggY29udGVudCBoZWlnaHQgYmFzZWQgb24gbWFwIHJvb3QgZGltZW5zaW9uc1xuICBjb25zdCBtYXhDb250ZW50SGVpZ2h0ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFtYXBIZWlnaHQpIHJldHVybiB1bmRlZmluZWQ7XG4gICAgLy8gQXZhaWxhYmxlIGhlaWdodCBtaW51cyBtYXJnaW5zIGFuZCBoZWFkZXJcbiAgICByZXR1cm4gbWFwSGVpZ2h0IC0gTUFSR0lOLnRvcCAtIE1BUkdJTi5ib3R0b20gLSBNQVBfQ09OVFJPTF9IRUFERVJfRlVMTF9IRUlHSFQ7XG4gIH0sIFttYXBIZWlnaHRdKTtcblxuICBjb25zdCBjYWxjUG9zaXRpb24gPSB1c2VDYWxjTGVnZW5kUG9zaXRpb24oe1xuICAgIGxlZ2VuZENvbnRlbnRSZWYsXG4gICAgaXNTaWRlUGFuZWxTaG93bixcbiAgICBzaWRlUGFuZWxXaWR0aFxuICB9KTtcbiAgY29uc3QgdXBkYXRlUG9zaXRpb24gPSB1c2VDYWxsYmFjayhcbiAgICAoKSA9PiBvbkNoYW5nZVNldHRpbmdzKHtwb3NpdGlvbjogY2FsY1Bvc2l0aW9uKCl9KSxcbiAgICBbY2FsY1Bvc2l0aW9uLCBvbkNoYW5nZVNldHRpbmdzXVxuICApO1xuXG4gIGNvbnN0IHN0YXJ0UmVzaXplID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGNvbnN0IGNvbnRlbnQgPSBsZWdlbmRDb250ZW50UmVmLmN1cnJlbnQ/LnF1ZXJ5U2VsZWN0b3IoJy5tYXAtY29udHJvbF9fcGFuZWwtY29udGVudCcpO1xuICAgIGlmIChjb250ZW50IGluc3RhbmNlb2YgSFRNTEVsZW1lbnQpIHtcbiAgICAgIHN0YXJ0SGVpZ2h0UmVmLmN1cnJlbnQgPSBjb250ZW50Lm9mZnNldEhlaWdodDtcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbXSk7XG4gIGNvbnN0IHJlc2l6ZSA9IHVzZUNhbGxiYWNrKFxuICAgIGRlbHRhWSA9PiB7XG4gICAgICBjb25zdCByb290ID0gbGVnZW5kQ29udGVudFJlZi5jdXJyZW50Py5jbG9zZXN0KCcua2VwbGVyLWdsJyk7XG4gICAgICBjb25zdCBsZWdlbmRDb250ZW50ID0gbGVnZW5kQ29udGVudFJlZi5jdXJyZW50O1xuICAgICAgaWYgKHJvb3QgaW5zdGFuY2VvZiBIVE1MRWxlbWVudCAmJiBsZWdlbmRDb250ZW50KSB7XG4gICAgICAgIGNvbnN0IG1hcFJvb3RCb3VuZHMgPSByb290LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgICBjb25zdCBsZWdlbmRSZWN0ID0gbGVnZW5kQ29udGVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgY29uc3QgcmVtYWluaW5nSGVpZ2h0ID1cbiAgICAgICAgICBtYXBSb290Qm91bmRzLmJvdHRvbSAtIChsZWdlbmRSZWN0LnRvcCArIE1BUF9DT05UUk9MX0hFQURFUl9GVUxMX0hFSUdIVCArIE1BUkdJTi5ib3R0b20pO1xuICAgICAgICAvLyBVc2UgbWF4Q29udGVudEhlaWdodCBpZiBhdmFpbGFibGUsIG90aGVyd2lzZSBmYWxsIGJhY2sgdG8gdmlld3BvcnQtYmFzZWQgY2FsY3VsYXRpb25cbiAgICAgICAgY29uc3QgbWF4SGVpZ2h0ID0gbWF4Q29udGVudEhlaWdodFxuICAgICAgICAgID8gTWF0aC5taW4obWF4Q29udGVudEhlaWdodCwgcmVtYWluaW5nSGVpZ2h0KVxuICAgICAgICAgIDogcmVtYWluaW5nSGVpZ2h0O1xuICAgICAgICBjb25zdCBuZXh0SGVpZ2h0ID0gTWF0aC5taW4oXG4gICAgICAgICAgbWF4SGVpZ2h0LFxuICAgICAgICAgIE1hdGgubWF4KE1JTl9DT05URU5UX0hFSUdIVCwgc3RhcnRIZWlnaHRSZWYuY3VycmVudCArIGRlbHRhWSlcbiAgICAgICAgKTtcbiAgICAgICAgb25DaGFuZ2VTZXR0aW5ncyh7Y29udGVudEhlaWdodDogbmV4dEhlaWdodH0pO1xuICAgICAgICBpZiAoY29udGVudEhlaWdodCA+IDAgJiYgcG9zLmFuY2hvclkgPT09ICdib3R0b20nKSB7XG4gICAgICAgICAgb25DaGFuZ2VTZXR0aW5ncyh7cG9zaXRpb246IHsuLi5wb3MsIHk6IHBvcy55IC0gKG5leHRIZWlnaHQgLSBjb250ZW50SGVpZ2h0KX19KTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0sXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICAgIFtjb250ZW50SGVpZ2h0LCBwb3MsIG9uQ2hhbmdlU2V0dGluZ3MsIG1heENvbnRlbnRIZWlnaHRdXG4gICk7XG5cbiAgLy8gU2hpZnQgd2hlbiBzaWRlIHBhbmVsIGlzIHNob3duL2hpZGRlblxuICBjb25zdCBwb3NSZWYgPSB1c2VSZWYocG9zKTtcbiAgcG9zUmVmLmN1cnJlbnQgPSBwb3M7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgY3VycmVudFBvcyA9IHBvc1JlZi5jdXJyZW50O1xuICAgIGlmIChjdXJyZW50UG9zLmFuY2hvclggPT09ICdsZWZ0Jykge1xuICAgICAgaWYgKGlzU2lkZVBhbmVsU2hvd24pIHtcbiAgICAgICAgaWYgKGN1cnJlbnRQb3MueCA8PSBzaWRlUGFuZWxXaWR0aCArIE1BUkdJTi5sZWZ0KSB7XG4gICAgICAgICAgb25DaGFuZ2VTZXR0aW5ncyh7cG9zaXRpb246IHsuLi5jdXJyZW50UG9zLCB4OiBzaWRlUGFuZWxXaWR0aCArIE1BUkdJTi5sZWZ0fX0pO1xuICAgICAgICB9XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBvbkNoYW5nZVNldHRpbmdzKHtcbiAgICAgICAgICBwb3NpdGlvbjogey4uLmN1cnJlbnRQb3MsIHg6IE1hdGgubWF4KE1BUkdJTi5sZWZ0LCBjdXJyZW50UG9zLnggLSBzaWRlUGFuZWxXaWR0aCl9XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW2lzU2lkZVBhbmVsU2hvd24sIG9uQ2hhbmdlU2V0dGluZ3MsIHNpZGVQYW5lbFdpZHRoXSk7XG5cbiAgLy8gQ2xhbXAgY29udGVudEhlaWdodCB3aGVuIG1hcCByZXNpemVzIHRvIGVuc3VyZSBsZWdlbmQgc3RheXMgd2l0aGluIGF2YWlsYWJsZSBzcGFjZVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghbWFwV2lkdGggfHwgIW1hcEhlaWdodCB8fCAhbGVnZW5kQ29udGVudFJlZi5jdXJyZW50KSByZXR1cm47XG4gICAgaWYgKG1heENvbnRlbnRIZWlnaHQgJiYgY29udGVudEhlaWdodCA+IDAgJiYgY29udGVudEhlaWdodCA+IG1heENvbnRlbnRIZWlnaHQpIHtcbiAgICAgIG9uQ2hhbmdlU2V0dGluZ3Moe2NvbnRlbnRIZWlnaHQ6IG1heENvbnRlbnRIZWlnaHR9KTtcbiAgICB9XG4gIH0sIFttYXBXaWR0aCwgbWFwSGVpZ2h0LCBjb250ZW50SGVpZ2h0LCBvbkNoYW5nZVNldHRpbmdzLCBtYXhDb250ZW50SGVpZ2h0LCBsZWdlbmRDb250ZW50UmVmXSk7XG5cbiAgcmV0dXJuIHtwb3NpdGlvblN0eWxlcywgdXBkYXRlUG9zaXRpb24sIGNvbnRlbnRIZWlnaHQsIG1heENvbnRlbnRIZWlnaHQsIHN0YXJ0UmVzaXplLCByZXNpemV9O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7QUFBQTtBQUNBOztBQUVBLFNBQVFBLE9BQU8sRUFBRUMsTUFBTSxFQUFFQyxXQUFXLEVBQUVDLFNBQVMsUUFBTyxPQUFPO0FBdUI3RCxJQUFNQyxNQUFNLEdBQUc7RUFDYkMsSUFBSSxFQUFFLEVBQUU7RUFDUkMsR0FBRyxFQUFFLEVBQUU7RUFDUEMsS0FBSyxFQUFFLEVBQUU7RUFDVEMsTUFBTSxFQUFFO0FBQ1YsQ0FBQztBQUNELElBQU1DLGdCQUFzRCxHQUFHO0VBQzdEQyxDQUFDLEVBQUVOLE1BQU0sQ0FBQ0csS0FBSztFQUNmSSxDQUFDLEVBQUVQLE1BQU0sQ0FBQ0ksTUFBTTtFQUNoQkksT0FBTyxFQUFFLE9BQU87RUFDaEJDLE9BQU8sRUFBRTtBQUNYLENBQUM7QUFDRCxJQUFNQyxrQkFBa0IsR0FBRyxHQUFHO0FBQzlCLElBQU1DLDhCQUE4QixHQUFHLEVBQUU7QUFRekMsT0FBTyxTQUFTQyxxQkFBcUJBLENBQUFDLElBQUEsRUFJTjtFQUFBLElBSDdCQyxnQkFB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

package/dist/esm/hooks/use-on-click-outside.js

@@ -0,0 +1,29 @@
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import document from 'global/document';
+import { useCallback, useEffect, useRef } from 'react';
+export default function useOnClickOutside(onClose) {
+  var disabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var containerRef = useRef(null);
+  var handleClickOutside = useCallback(function (e) {
+    if (containerRef.current && !containerRef.current.contains(e.target)) {
+      onClose(e);
+    }
+  }, [onClose]);
+  useEffect(function () {
+    if (disabled) {
+      return;
+    }
+    document.addEventListener('click', handleClickOutside, {
+      capture: true
+    });
+    return function () {
+      document.removeEventListener('click', handleClickOutside, {
+        capture: true
+      });
+    };
+  }, [handleClickOutside, disabled]);
+  return containerRef;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJkb2N1bWVudCIsInVzZUNhbGxiYWNrIiwidXNlRWZmZWN0IiwidXNlUmVmIiwidXNlT25DbGlja091dHNpZGUiLCJvbkNsb3NlIiwiZGlzYWJsZWQiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJ1bmRlZmluZWQiLCJjb250YWluZXJSZWYiLCJoYW5kbGVDbGlja091dHNpZGUiLCJlIiwiY3VycmVudCIsImNvbnRhaW5zIiwidGFyZ2V0IiwiYWRkRXZlbnRMaXN0ZW5lciIsImNhcHR1cmUiLCJyZW1vdmVFdmVudExpc3RlbmVyIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2hvb2tzL3VzZS1vbi1jbGljay1vdXRzaWRlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgZG9jdW1lbnQgZnJvbSAnZ2xvYmFsL2RvY3VtZW50JztcbmltcG9ydCB7dXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmLCBNdXRhYmxlUmVmT2JqZWN0fSBmcm9tICdyZWFjdCc7XG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiB1c2VPbkNsaWNrT3V0c2lkZTxUIGV4dGVuZHMgSFRNTEVsZW1lbnQ+KFxuICBvbkNsb3NlOiAoZSkgPT4gdm9pZCxcbiAgZGlzYWJsZWQgPSBmYWxzZVxuKTogTXV0YWJsZVJlZk9iamVjdDxUIHwgbnVsbD4ge1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8VD4obnVsbCk7XG4gIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZSA9IHVzZUNhbGxiYWNrKFxuICAgIGUgPT4ge1xuICAgICAgaWYgKGNvbnRhaW5lclJlZi5jdXJyZW50ICYmICFjb250YWluZXJSZWYuY3VycmVudC5jb250YWlucyhlLnRhcmdldCkpIHtcbiAgICAgICAgb25DbG9zZShlKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvbkNsb3NlXVxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCBoYW5kbGVDbGlja091dHNpZGUsIHtjYXB0dXJlOiB0cnVlfSk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignY2xpY2snLCBoYW5kbGVDbGlja091dHNpZGUsIHtjYXB0dXJlOiB0cnVlfSk7XG4gICAgfTtcbiAgfSwgW2hhbmRsZUNsaWNrT3V0c2lkZSwgZGlzYWJsZWRdKTtcblxuICByZXR1cm4gY29udGFpbmVyUmVmO1xufVxuIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBOztBQUVBLE9BQU9BLFFBQVEsTUFBTSxpQkFBaUI7QUFDdEMsU0FBUUMsV0FBVyxFQUFFQyxTQUFTLEVBQUVDLE1BQU0sUUFBeUIsT0FBTztBQUN0RSxlQUFlLFNBQVNDLGlCQUFpQkEsQ0FDdkNDLE9BQW9CLEVBRVE7RUFBQSxJQUQ1QkMsUUFBUSxHQUFBQyxTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBRyxLQUFLO0VBRWhCLElBQU1HLFlBQVksR0FBR1AsTUFBTSxDQUFJLElBQUksQ0FBQztFQUNwQyxJQUFNUSxrQkFBa0IsR0FBR1YsV0FBVyxDQUNwQyxVQUFBVyxDQUFDLEVBQUk7SUFDSCxJQUFJRixZQUFZLENBQUNHLE9BQU8sSUFBSSxDQUFDSCxZQUFZLENBQUNHLE9BQU8sQ0FBQ0MsUUFBUSxDQUFDRixDQUFDLENBQUNHLE1BQU0sQ0FBQyxFQUFFO01BQ3BFVixPQUFPLENBQUNPLENBQUMsQ0FBQztJQUNaO0VBQ0YsQ0FBQyxFQUNELENBQUNQLE9BQU8sQ0FDVixDQUFDO0VBRURILFNBQVMsQ0FBQyxZQUFNO0lBQ2QsSUFBSUksUUFBUSxFQUFFO01BQ1o7SUFDRjtJQUVBTixRQUFRLENBQUNnQixnQkFBZ0IsQ0FBQyxPQUFPLEVBQUVMLGtCQUFrQixFQUFFO01BQUNNLE9BQU8sRUFBRTtJQUFJLENBQUMsQ0FBQztJQUV2RSxPQUFPLFlBQU07TUFDWGpCLFFBQVEsQ0FBQ2tCLG1CQUFtQixDQUFDLE9BQU8sRUFBRVAsa0JBQWtCLEVBQUU7UUFBQ00sT0FBTyxFQUFFO01BQUksQ0FBQyxDQUFDO0lBQzVFLENBQUM7RUFDSCxDQUFDLEVBQUUsQ0FBQ04sa0JBQWtCLEVBQUVMLFFBQVEsQ0FBQyxDQUFDO0VBRWxDLE9BQU9JLFlBQVk7QUFDckIiLCJpZ25vcmVMaXN0IjpbXX0=