@kepler.gl/components 3.3.0-alpha.6 → 3.3.0-alpha.8

package/dist/cjs/map/theme-toggle-button.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _constants = require("@kepler.gl/constants");
+var _utils = require("@kepler.gl/utils");
+var _icons = require("../common/icons");
+var _styledComponents = require("../common/styled-components");
+var _mapControlTooltip = _interopRequireDefault(require("./map-control-tooltip"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+ThemeToggleButtonFactory.deps = [_mapControlTooltip["default"]];
+function ThemeToggleButtonFactory(MapControlTooltip) {
+  var defaultActionIcons = {
+    sun: _icons.Sun,
+    moon: _icons.Moon
+  };
+  var ThemeToggleButton = function ThemeToggleButton(_ref) {
+    var _mapControls$mapTheme;
+    var _ref$themeName = _ref.themeName,
+      themeName = _ref$themeName === void 0 ? _constants.THEME.dark : _ref$themeName,
+      onSetTheme = _ref.onSetTheme,
+      mapControls = _ref.mapControls,
+      _ref$actionIcons = _ref.actionIcons,
+      actionIcons = _ref$actionIcons === void 0 ? defaultActionIcons : _ref$actionIcons;
+    var isLight = themeName === _constants.THEME.light;
+    var onClick = (0, _react.useCallback)(function (event) {
+      event.preventDefault();
+      onSetTheme(isLight ? _constants.THEME.dark : _constants.THEME.light);
+    }, [isLight, onSetTheme]);
+    if (!(0, _utils.getApplicationConfig)().enableThemeToggle) {
+      return null;
+    }
+    var showControl = mapControls === null || mapControls === void 0 || (_mapControls$mapTheme = mapControls.mapTheme) === null || _mapControls$mapTheme === void 0 ? void 0 : _mapControls$mapTheme.show;
+    if (!showControl) {
+      return null;
+    }
+    var Icon = isLight ? actionIcons.moon : actionIcons.sun;
+    return /*#__PURE__*/_react["default"].createElement(MapControlTooltip, {
+      id: "toggle-theme",
+      message: isLight ? 'tooltip.switchToDarkTheme' : 'tooltip.switchToLightTheme'
+    }, /*#__PURE__*/_react["default"].createElement(_styledComponents.MapControlButton, {
+      className: (0, _classnames["default"])('map-control-button', 'toggle-theme', {
+        light: isLight
+      }),
+      onClick: onClick,
+      active: isLight
+    }, /*#__PURE__*/_react["default"].createElement(Icon, {
+      height: "18px"
+    })));
+  };
+  ThemeToggleButton.displayName = 'ThemeToggleButton';
+  return /*#__PURE__*/_react["default"].memo(ThemeToggleButton);
+}
+var _default = exports["default"] = ThemeToggleButtonFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfY29uc3RhbnRzIiwiX3V0aWxzIiwiX2ljb25zIiwiX3N0eWxlZENvbXBvbmVudHMiLCJfbWFwQ29udHJvbFRvb2x0aXAiLCJlIiwidCIsIldlYWtNYXAiLCJyIiwibiIsIl9fZXNNb2R1bGUiLCJvIiwiaSIsImYiLCJfX3Byb3RvX18iLCJfdHlwZW9mIiwiaGFzIiwiZ2V0Iiwic2V0IiwiX3QiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsIlRoZW1lVG9nZ2xlQnV0dG9uRmFjdG9yeSIsImRlcHMiLCJNYXBDb250cm9sVG9vbHRpcEZhY3RvcnkiLCJNYXBDb250cm9sVG9vbHRpcCIsImRlZmF1bHRBY3Rpb25JY29ucyIsInN1biIsIlN1biIsIm1vb24iLCJNb29uIiwiVGhlbWVUb2dnbGVCdXR0b24iLCJfcmVmIiwiX21hcENvbnRyb2xzJG1hcFRoZW1lIiwiX3JlZiR0aGVtZU5hbWUiLCJ0aGVtZU5hbWUiLCJUSEVNRSIsImRhcmsiLCJvblNldFRoZW1lIiwibWFwQ29udHJvbHMiLCJfcmVmJGFjdGlvbkljb25zIiwiYWN0aW9uSWNvbnMiLCJpc0xpZ2h0IiwibGlnaHQiLCJvbkNsaWNrIiwidXNlQ2FsbGJhY2siLCJldmVudCIsInByZXZlbnREZWZhdWx0IiwiZ2V0QXBwbGljYXRpb25Db25maWciLCJlbmFibGVUaGVtZVRvZ2dsZSIsInNob3dDb250cm9sIiwibWFwVGhlbWUiLCJzaG93IiwiSWNvbiIsImNyZWF0ZUVsZW1lbnQiLCJpZCIsIm1lc3NhZ2UiLCJNYXBDb250cm9sQnV0dG9uIiwiY2xhc3NOYW1lIiwiY2xhc3NuYW1lcyIsImFjdGl2ZSIsImhlaWdodCIsImRpc3BsYXlOYW1lIiwiUmVhY3QiLCJtZW1vIiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL21hcC90aGVtZS10b2dnbGUtYnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QsIHtDb21wb25lbnRUeXBlLCB1c2VDYWxsYmFja30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5cbmltcG9ydCB7VEhFTUV9IGZyb20gJ0BrZXBsZXIuZ2wvY29uc3RhbnRzJztcbmltcG9ydCB7TWFwQ29udHJvbHN9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuaW1wb3J0IHtnZXRBcHBsaWNhdGlvbkNvbmZpZ30gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5cbmltcG9ydCB7TW9vbiwgU3VufSBmcm9tICcuLi9jb21tb24vaWNvbnMnO1xuaW1wb3J0IHtNYXBDb250cm9sQnV0dG9ufSBmcm9tICcuLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IE1hcENvbnRyb2xUb29sdGlwRmFjdG9yeSBmcm9tICcuL21hcC1jb250cm9sLXRvb2x0aXAnO1xuXG5pbnRlcmZhY2UgVGhlbWVUb2dnbGVCdXR0b25JY29ucyB7XG4gIHN1bjogQ29tcG9uZW50VHlwZTxhbnk+O1xuICBtb29uOiBDb21wb25lbnRUeXBlPGFueT47XG59XG5cbmV4cG9ydCB0eXBlIFRoZW1lVG9nZ2xlQnV0dG9uUHJvcHMgPSB7XG4gIHRoZW1lTmFtZT86IHN0cmluZztcbiAgb25TZXRUaGVtZTogKHRoZW1lOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG1hcENvbnRyb2xzOiBNYXBDb250cm9scztcbiAgYWN0aW9uSWNvbnM/OiBUaGVtZVRvZ2dsZUJ1dHRvbkljb25zO1xufTtcblxuVGhlbWVUb2dnbGVCdXR0b25GYWN0b3J5LmRlcHMgPSBbTWFwQ29udHJvbFRvb2x0aXBGYWN0b3J5XTtcblxuZnVuY3Rpb24gVGhlbWVUb2dnbGVCdXR0b25GYWN0b3J5KFxuICBNYXBDb250cm9sVG9vbHRpcDogUmV0dXJuVHlwZTx0eXBlb2YgTWFwQ29udHJvbFRvb2x0aXBGYWN0b3J5PlxuKSB7XG4gIGNvbnN0IGRlZmF1bHRBY3Rpb25JY29ucyA9IHtcbiAgICBzdW46IFN1bixcbiAgICBtb29uOiBNb29uXG4gIH07XG5cbiAgY29uc3QgVGhlbWVUb2dnbGVCdXR0b246IFJlYWN0LkZDPFRoZW1lVG9nZ2xlQnV0dG9uUHJvcHM+ID0gKHtcbiAgICB0aGVtZU5hbWUgPSBUSEVNRS5kYXJrLFxuICAgIG9uU2V0VGhlbWUsXG4gICAgbWFwQ29udHJvbHMsXG4gICAgYWN0aW9uSWNvbnMgPSBkZWZhdWx0QWN0aW9uSWNvbnNcbiAgfSkgPT4ge1xuICAgIGNvbnN0IGlzTGlnaHQgPSB0aGVtZU5hbWUgPT09IFRIRU1FLmxpZ2h0O1xuXG4gICAgY29uc3Qgb25DbGljayA9IHVzZUNhbGxiYWNrKFxuICAgICAgZXZlbnQgPT4ge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBvblNldFRoZW1lKGlzTGlnaHQgPyBUSEVNRS5kYXJrIDogVEhFTUUubGlnaHQpO1xuICAgICAgfSxcbiAgICAgIFtpc0xpZ2h0LCBvblNldFRoZW1lXVxuICAgICk7XG5cbiAgICBpZiAoIWdldEFwcGxpY2F0aW9uQ29uZmlnKCkuZW5hYmxlVGhlbWVUb2dnbGUpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIGNvbnN0IHNob3dDb250cm9sID0gbWFwQ29udHJvbHM/Lm1hcFRoZW1lPy5zaG93O1xuICAgIGlmICghc2hvd0NvbnRyb2wpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIGNvbnN0IEljb24gPSBpc0xpZ2h0ID8gYWN0aW9uSWNvbnMubW9vbiA6IGFjdGlvbkljb25zLnN1bjtcblxuICAgIHJldHVybiAoXG4gICAgICA8TWFwQ29udHJvbFRvb2x0aXBcbiAgICAgICAgaWQ9XCJ0b2dnbGUtdGhlbWVcIlxuICAgICAgICBtZXNzYWdlPXtpc0xpZ2h0ID8gJ3Rvb2x0aXAuc3dpdGNoVG9EYXJrVGhlbWUnIDogJ3Rvb2x0aXAuc3dpdGNoVG9MaWdodFRoZW1lJ31cbiAgICAgID5cbiAgICAgICAgPE1hcENvbnRyb2xCdXR0b25cbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoJ21hcC1jb250cm9sLWJ1dHRvbicsICd0b2dnbGUtdGhlbWUnLCB7bGlnaHQ6IGlzTGlnaHR9KX1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIGFjdGl2ZT17aXNMaWdodH1cbiAgICAgICAgPlxuICAgICAgICAgIDxJY29uIGhlaWdodD1cIjE4cHhcIiAvPlxuICAgICAgICA8L01hcENvbnRyb2xCdXR0b24+XG4gICAgICA8L01hcENvbnRyb2xUb29sdGlwPlxuICAgICk7XG4gIH07XG5cbiAgVGhlbWVUb2dnbGVCdXR0b24uZGlzcGxheU5hbWUgPSAnVGhlbWVUb2dnbGVCdXR0b24nO1xuICByZXR1cm4gUmVhY3QubWVtbyhUaGVtZVRvZ2dsZUJ1dHRvbik7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFRoZW1lVG9nZ2xlQnV0dG9uRmFjdG9yeTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxXQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFFQSxJQUFBRyxVQUFBLEdBQUFILE9BQUE7QUFFQSxJQUFBSSxNQUFBLEdBQUFKLE9BQUE7QUFFQSxJQUFBSyxNQUFBLEdBQUFMLE9BQUE7QUFDQSxJQUFBTSxpQkFBQSxHQUFBTixPQUFBO0FBQ0EsSUFBQU8sa0JBQUEsR0FBQUwsc0JBQUEsQ0FBQUYsT0FBQTtBQUE2RCxTQUFBRCx3QkFBQVMsQ0FBQSxFQUFBQyxDQUFBLDZCQUFBQyxP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