kepler.gl.geoiq/dist/components/side-panel/map-style-panel/map-layer-selector.js

kepler.gl is a webgl based application to visualize large scale location data in the browser

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));

var _react = _interopRequireDefault(require("react"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _panelHeaderAction = _interopRequireDefault(require("../panel-header-action"));

var _icons = require("../../common/icons");

var _styledComponents2 = require("../../common/styled-components");

var _templateObject, _templateObject2, _templateObject3;

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) { (0, _defineProperty2["default"])(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; }

var StyledInteractionPanel = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  padding-bottom: 12px;\n"])));

var StyledLayerGroupItem = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-bottom: 10px;\n  display: flex;\n  justify-content: space-between;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n\n  .layer-group__visibility-toggle {\n    margin-right: 12px;\n  }\n"])));

var LayerLabel = (0, _styledComponents["default"])(_styledComponents2.PanelLabelBold)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n"])), function (props) {
  return props.active ? props.theme.textColor : props.theme.labelColor;
});

function LayerGroupSelectorFactory() {
  var LayerGroupSelector = function LayerGroupSelector(_ref) {
    var layers = _ref.layers,
        editableLayers = _ref.editableLayers,
        onChange = _ref.onChange,
        topLayers = _ref.topLayers;
    return (/*#__PURE__*/_react["default"].createElement(StyledInteractionPanel, {
        className: "map-style__layer-group__selector"
      }, /*#__PURE__*/_react["default"].createElement("div", {
        className: "layer-group__header"
      }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabel, null, "Map Layers")), /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelContent, {
        className: "map-style__layer-group"
      }, editableLayers.map(function (slug) {
        return (/*#__PURE__*/_react["default"].createElement(StyledLayerGroupItem, {
            className: "layer-group__select",
            key: slug
          }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabelWrapper, null, /*#__PURE__*/_react["default"].createElement(_panelHeaderAction["default"], {
            className: "layer-group__visibility-toggle",
            id: "".concat(slug, "-toggle"),
            tooltip: layers[slug] ? 'hide' : 'show',
            onClick: function onClick() {
              return onChange({
                visibleLayerGroups: _objectSpread(_objectSpread({}, layers), {}, (0, _defineProperty2["default"])({}, slug, !layers[slug]))
              });
            },
            IconComponent: layers[slug] ? _icons.EyeSeen : _icons.EyeUnseen,
            active: layers[slug],
            flush: true
          }), /*#__PURE__*/_react["default"].createElement(LayerLabel, {
            active: layers[slug]
          }, slug)), /*#__PURE__*/_react["default"].createElement(_styledComponents2.CenterFlexbox, {
            className: "layer-group__bring-top"
          }, /*#__PURE__*/_react["default"].createElement(_panelHeaderAction["default"], {
            id: "".concat(slug, "-top"),
            tooltip: "Move to top of data layers",
            disabled: !layers[slug],
            IconComponent: _icons.Upload,
            active: topLayers[slug],
            onClick: function onClick() {
              return onChange({
                topLayerGroups: _objectSpread(_objectSpread({}, topLayers), {}, (0, _defineProperty2["default"])({}, slug, !topLayers[slug]))
              });
            }
          })))
        );
      })))
    );
  };

  return LayerGroupSelector;
}

var _default = exports["default"] = LayerGroupSelectorFactory;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvbWFwLXN0eWxlLXBhbmVsL21hcC1sYXllci1zZWxlY3Rvci5qcyJdLCJuYW1lcyI6WyJTdHlsZWRJbnRlcmFjdGlvblBhbmVsIiwic3R5bGVkIiwiZGl2IiwiU3R5bGVkTGF5ZXJHcm91cEl0ZW0iLCJMYXllckxhYmVsIiwiUGFuZWxMYWJlbEJvbGQiLCJwcm9wcyIsImFjdGl2ZSIsInRoZW1lIiwidGV4dENvbG9yIiwibGFiZWxDb2xvciIsIkxheWVyR3JvdXBTZWxlY3RvckZhY3RvcnkiLCJMYXllckdyb3VwU2VsZWN0b3IiLCJsYXllcnMiLCJlZGl0YWJsZUxheWVycyIsIm9uQ2hhbmdlIiwidG9wTGF5ZXJzIiwibWFwIiwic2x1ZyIsInZpc2libGVMYXllckdyb3VwcyIsIkV5ZVNlZW4iLCJFeWVVbnNlZW4iLCJVcGxvYWQiLCJ0b3BMYXllckdyb3VwcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQTs7Ozs7Ozs7QUFRQSxJQUFNQSxzQkFBc0IsR0FBR0MsNkJBQU9DLEdBQVYsaUhBQTVCOztBQUlBLElBQU1DLG9CQUFvQixHQUFHRiw2QkFBT0MsR0FBViw0UkFBMUI7O0FBY0EsSUFBTUUsVUFBVSxHQUFHLGtDQUFPQyxpQ0FBUCxDQUFILDJHQUNMLFVBQUFDLEtBQUs7QUFBQSxTQUNaQSxLQUFLLENBQUNDLE1BQU4sR0FBZUQsS0FBSyxDQUFDRSxLQUFOLENBQVlDLFNBQTNCLEdBQXVDSCxLQUFLLENBQUNFLEtBQU4sQ0FBWUUsVUFEdkM7QUFBQSxDQURBLENBQWhCOztBQUtBLFNBQVNDLHlCQUFULEdBQXFDO0FBQ25DLE1BQU1DLGtCQUFrQixHQUFHLFNBQXJCQSxrQkFBcUI7QUFBQSxRQUN6QkMsTUFEeUIsUUFDekJBLE1BRHlCO0FBQUEsUUFFekJDLGNBRnlCLFFBRXpCQSxjQUZ5QjtBQUFBLFFBR3pCQyxRQUh5QixRQUd6QkEsUUFIeUI7QUFBQSxRQUl6QkMsU0FKeUIsUUFJekJBLFNBSnlCO0FBQUEseUJBTXpCLGdDQUFDLHNCQUFEO0FBQXdCLFFBQUEsU0FBUyxFQUFDO0FBQWxDLHNCQUNFO0FBQUssUUFBQSxTQUFTLEVBQUM7QUFBZixzQkFDRSxnQ0FBQyw2QkFBRCxxQkFERixDQURGLGVBSUUsZ0NBQUMsK0JBQUQ7QUFBYyxRQUFBLFNBQVMsRUFBQztBQUF4QixTQUNHRixjQUFjLENBQUNHLEdBQWYsQ0FBbUIsVUFBQUMsSUFBSTtBQUFBLDZCQUN0QixnQ0FBQyxvQkFBRDtBQUFzQixZQUFBLFNBQVMsRUFBQyxxQkFBaEM7QUFBc0QsWUFBQSxHQUFHLEVBQUVBO0FBQTNELDBCQUNFLGdDQUFDLG9DQUFELHFCQUNFLGdDQUFDLDZCQUFEO0FBQ0UsWUFBQSxTQUFTLEVBQUMsZ0NBRFo7QUFFRSxZQUFBLEVBQUUsWUFBS0EsSUFBTCxZQUZKO0FBR0UsWUFBQSxPQUFPLEVBQUVMLE1BQU0sQ0FBQ0ssSUFBRCxDQUFOLEdBQWUsTUFBZixHQUF3QixNQUhuQztBQUlFLFlBQUEsT0FBTyxFQUFFO0FBQUEscUJBQ1BILFFBQVEsQ0FBQztBQUNQSSxnQkFBQUEsa0JBQWtCLGtDQUNiTixNQURhLDRDQUVmSyxJQUZlLEVBRVIsQ0FBQ0wsTUFBTSxDQUFDSyxJQUFELENBRkM7QUFEWCxlQUFELENBREQ7QUFBQSxhQUpYO0FBWUUsWUFBQSxhQUFhLEVBQUVMLE1BQU0sQ0FBQ0ssSUFBRCxDQUFOLEdBQWVFLGNBQWYsR0FBeUJDLGdCQVoxQztBQWFFLFlBQUEsTUFBTSxFQUFFUixNQUFNLENBQUNLLElBQUQsQ0FiaEI7QUFjRSxZQUFBLEtBQUs7QUFkUCxZQURGLGVBaUJFLGdDQUFDLFVBQUQ7QUFBWSxZQUFBLE1BQU0sRUFBRUwsTUFBTSxDQUFDSyxJQUFEO0FBQTFCLGFBQW1DQSxJQUFuQyxDQWpCRixDQURGLGVBb0JFLGdDQUFDLGdDQUFEO0FBQWUsWUFBQSxTQUFTLEVBQUM7QUFBekIsMEJBQ0UsZ0NBQUMsNkJBQUQ7QUFDRSxZQUFBLEVBQUUsWUFBS0EsSUFBTCxTQURKO0FBRUUsWUFBQSxPQUFPLEVBQUMsNEJBRlY7QUFHRSxZQUFBLFFBQVEsRUFBRSxDQUFDTCxNQUFNLENBQUNLLElBQUQsQ0FIbkI7QUFJRSxZQUFBLGFBQWEsRUFBRUksYUFKakI7QUFLRSxZQUFBLE1BQU0sRUFBRU4sU0FBUyxDQUFDRSxJQUFELENBTG5CO0FBTUUsWUFBQSxPQUFPLEVBQUU7QUFBQSxxQkFDUEgsUUFBUSxDQUFDO0FBQ1BRLGdCQUFBQSxjQUFjLGtDQUNUUCxTQURTLDRDQUVYRSxJQUZXLEVBRUosQ0FBQ0YsU0FBUyxDQUFDRSxJQUFELENBRk47QUFEUCxlQUFELENBREQ7QUFBQTtBQU5YLFlBREYsQ0FwQkY7QUFEc0I7QUFBQSxPQUF2QixDQURILENBSkY7QUFOeUI7QUFBQSxHQUEzQjs7QUF1REEsU0FBT04sa0JBQVA7QUFDRDs7b0NBRWNELHlCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIzIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IFBhbmVsSGVhZGVyQWN0aW9uIGZyb20gJ2NvbXBvbmVudHMvc2lkZS1wYW5lbC9wYW5lbC1oZWFkZXItYWN0aW9uJztcbmltcG9ydCB7RXllU2VlbiwgRXllVW5zZWVuLCBVcGxvYWR9IGZyb20gJ2NvbXBvbmVudHMvY29tbW9uL2ljb25zJztcblxuaW1wb3J0IHtcbiAgUGFuZWxMYWJlbCxcbiAgUGFuZWxDb250ZW50LFxuICBQYW5lbExhYmVsQm9sZCxcbiAgUGFuZWxMYWJlbFdyYXBwZXIsXG4gIENlbnRlckZsZXhib3hcbn0gZnJvbSAnY29tcG9uZW50cy9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5jb25zdCBTdHlsZWRJbnRlcmFjdGlvblBhbmVsID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZy1ib3R0b206IDEycHg7XG5gO1xuXG5jb25zdCBTdHlsZWRMYXllckdyb3VwSXRlbSA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206IDEwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAmOmxhc3QtY2hpbGQge1xuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gIH1cblxuICAubGF5ZXItZ3JvdXBfX3Zpc2liaWxpdHktdG9nZ2xlIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDEycHg7XG4gIH1cbmA7XG5cbmNvbnN0IExheWVyTGFiZWwgPSBzdHlsZWQoUGFuZWxMYWJlbEJvbGQpYFxuICBjb2xvcjogJHtwcm9wcyA9PlxuICAgIHByb3BzLmFjdGl2ZSA/IHByb3BzLnRoZW1lLnRleHRDb2xvciA6IHByb3BzLnRoZW1lLmxhYmVsQ29sb3J9O1xuYDtcblxuZnVuY3Rpb24gTGF5ZXJHcm91cFNlbGVjdG9yRmFjdG9yeSgpIHtcbiAgY29uc3QgTGF5ZXJHcm91cFNlbGVjdG9yID0gKHtcbiAgICBsYXllcnMsXG4gICAgZWRpdGFibGVMYXllcnMsXG4gICAgb25DaGFuZ2UsXG4gICAgdG9wTGF5ZXJzXG4gIH0pID0+IChcbiAgICA8U3R5bGVkSW50ZXJhY3Rpb25QYW5lbCBjbGFzc05hbWU9XCJtYXAtc3R5bGVfX2xheWVyLWdyb3VwX19zZWxlY3RvclwiPlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJsYXllci1ncm91cF9faGVhZGVyXCI+XG4gICAgICAgIDxQYW5lbExhYmVsPk1hcCBMYXllcnM8L1BhbmVsTGFiZWw+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxQYW5lbENvbnRlbnQgY2xhc3NOYW1lPVwibWFwLXN0eWxlX19sYXllci1ncm91cFwiPlxuICAgICAgICB7ZWRpdGFibGVMYXllcnMubWFwKHNsdWcgPT4gKFxuICAgICAgICAgIDxTdHlsZWRMYXllckdyb3VwSXRlbSBjbGFzc05hbWU9XCJsYXllci1ncm91cF9fc2VsZWN0XCIga2V5PXtzbHVnfT5cbiAgICAgICAgICAgIDxQYW5lbExhYmVsV3JhcHBlcj5cbiAgICAgICAgICAgICAgPFBhbmVsSGVhZGVyQWN0aW9uXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwibGF5ZXItZ3JvdXBfX3Zpc2liaWxpdHktdG9nZ2xlXCJcbiAgICAgICAgICAgICAgICBpZD17YCR7c2x1Z30tdG9nZ2xlYH1cbiAgICAgICAgICAgICAgICB0b29sdGlwPXtsYXllcnNbc2x1Z10gPyAnaGlkZScgOiAnc2hvdyd9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT5cbiAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlKHtcbiAgICAgICAgICAgICAgICAgICAgdmlzaWJsZUxheWVyR3JvdXBzOiB7XG4gICAgICAgICAgICAgICAgICAgICAgLi4ubGF5ZXJzLFxuICAgICAgICAgICAgICAgICAgICAgIFtzbHVnXTogIWxheWVyc1tzbHVnXVxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBJY29uQ29tcG9uZW50PXtsYXllcnNbc2x1Z10gPyBFeWVTZWVuIDogRXllVW5zZWVufVxuICAgICAgICAgICAgICAgIGFjdGl2ZT17bGF5ZXJzW3NsdWddfVxuICAgICAgICAgICAgICAgIGZsdXNoXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDxMYXllckxhYmVsIGFjdGl2ZT17bGF5ZXJzW3NsdWddfT57c2x1Z308L0xheWVyTGFiZWw+XG4gICAgICAgICAgICA8L1BhbmVsTGFiZWxXcmFwcGVyPlxuICAgICAgICAgICAgPENlbnRlckZsZXhib3ggY2xhc3NOYW1lPVwibGF5ZXItZ3JvdXBfX2JyaW5nLXRvcFwiPlxuICAgICAgICAgICAgICA8UGFuZWxIZWFkZXJBY3Rpb25cbiAgICAgICAgICAgICAgICBpZD17YCR7c2x1Z30tdG9wYH1cbiAgICAgICAgICAgICAgICB0b29sdGlwPVwiTW92ZSB0byB0b3Agb2YgZGF0YSBsYXllcnNcIlxuICAgICAgICAgICAgICAgIGRpc2FibGVkPXshbGF5ZXJzW3NsdWddfVxuICAgICAgICAgICAgICAgIEljb25Db21wb25lbnQ9e1VwbG9hZH1cbiAgICAgICAgICAgICAgICBhY3RpdmU9e3RvcExheWVyc1tzbHVnXX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PlxuICAgICAgICAgICAgICAgICAgb25DaGFuZ2Uoe1xuICAgICAgICAgICAgICAgICAgICB0b3BMYXllckdyb3Vwczoge1xuICAgICAgICAgICAgICAgICAgICAgIC4uLnRvcExheWVycyxcbiAgICAgICAgICAgICAgICAgICAgICBbc2x1Z106ICF0b3BMYXllcnNbc2x1Z11cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L0NlbnRlckZsZXhib3g+XG4gICAgICAgICAgPC9TdHlsZWRMYXllckdyb3VwSXRlbT5cbiAgICAgICAgKSl9XG4gICAgICA8L1BhbmVsQ29udGVudD5cbiAgICA8L1N0eWxlZEludGVyYWN0aW9uUGFuZWw+XG4gICk7XG5cbiAgcmV0dXJuIExheWVyR3JvdXBTZWxlY3Rvcjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGF5ZXJHcm91cFNlbGVjdG9yRmFjdG9yeTtcbiJdfQ==