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

package/dist/cjs/side-panel/layer-panel/layer-type-dropdown-list.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LayerTypeDropdownListFactory = LayerTypeDropdownListFactory;
+exports["default"] = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _dropdownList = require("../../common/item-selector/dropdown-list");
+var _templateObject, _templateObject2; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+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); }
+var DropdownListWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  ", ";\n  background-color: ", ";\n  border-top: 1px solid ", ";\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  padding: ", "px 0 0 ", "px;\n"])), function (props) {
+  return props.theme.dropdownList;
+}, function (props) {
+  return props.theme.dropdownListBgd;
+}, function (props) {
+  return props.theme.dropdownListBorderTop;
+}, function (props) {
+  return props.theme.layerTypeIconPdL;
+}, function (props) {
+  return props.theme.layerTypeIconPdL;
+});
+var StyledDropdownListItem = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  padding-bottom: ", "px;\n  padding-right: ", "px;\n\n  &.disabled {\n    pointer-events: none;\n    opacity: 0.3;\n  }\n\n  &.selected {\n    .layer-type-selector__item__icon {\n      border: 1px solid #caf2f4;\n    }\n  }\n\n  &:hover,\n  &.selected {\n    cursor: pointer;\n    .layer-type-selector__item__icon {\n      color: ", ";\n    }\n\n    .layer-type-selector__item__label {\n      color: ", ";\n    }\n  }\n"])), function (props) {
+  return props.theme.layerTypeIconPdL;
+}, function (props) {
+  return props.theme.layerTypeIconPdL;
+}, function (props) {
+  return props.theme.activeColor;
+}, function (props) {
+  return props.theme.textColor;
+});
+function LayerTypeDropdownListFactory() {
+  var LayerTypeDropdownList = function LayerTypeDropdownList(_ref) {
+    var onOptionSelected = _ref.onOptionSelected,
+      options = _ref.options,
+      selectedItems = _ref.selectedItems,
+      selectionIndex = _ref.selectionIndex,
+      customListItemComponent = _ref.customListItemComponent;
+    var onSelectOption = (0, _react.useCallback)(function (e, value) {
+      e.preventDefault();
+      onOptionSelected(value, e);
+    }, [onOptionSelected]);
+    var ListItemComponent = customListItemComponent;
+    return /*#__PURE__*/_react["default"].createElement(DropdownListWrapper, {
+      className: _dropdownList.classList.list
+    }, options.map(function (value, i) {
+      return /*#__PURE__*/_react["default"].createElement(StyledDropdownListItem, {
+        className: (0, _classnames["default"])('layer-type-selector__item', {
+          selected: selectedItems.find(function (it) {
+            return it.id === value.id;
+          }),
+          hover: selectionIndex === i,
+          disabled: value.disabled
+        }),
+        key: "".concat(value.id, "_").concat(i),
+        onMouseDown: function onMouseDown(e) {
+          return onSelectOption(e, value);
+        },
+        onClick: function onClick(e) {
+          return onSelectOption(e, value);
+        }
+      }, /*#__PURE__*/_react["default"].createElement(ListItemComponent, {
+        value: value,
+        isTile: true
+      }));
+    }));
+  };
+  return LayerTypeDropdownList;
+}
+var _default = exports["default"] = LayerTypeDropdownListFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfY2xhc3NuYW1lcyIsIl9kcm9wZG93bkxpc3QiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiZSIsInQiLCJXZWFrTWFwIiwiciIsIm4iLCJfX2VzTW9kdWxlIiwibyIsImkiLCJmIiwiX19wcm90b19fIiwiX3R5cGVvZiIsImhhcyIsImdldCIsInNldCIsIl90IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJEcm9wZG93bkxpc3RXcmFwcGVyIiwic3R5bGVkIiwiZGl2IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJwcm9wcyIsInRoZW1lIiwiZHJvcGRvd25MaXN0IiwiZHJvcGRvd25MaXN0QmdkIiwiZHJvcGRvd25MaXN0Qm9yZGVyVG9wIiwibGF5ZXJUeXBlSWNvblBkTCIsIlN0eWxlZERyb3Bkb3duTGlzdEl0ZW0iLCJhY3RpdmVDb2xvciIsInRleHRDb2xvciIsIkxheWVyVHlwZURyb3Bkb3duTGlzdEZhY3RvcnkiLCJMYXllclR5cGVEcm9wZG93bkxpc3QiLCJfcmVmIiwib25PcHRpb25TZWxlY3RlZCIsIm9wdGlvbnMiLCJzZWxlY3RlZEl0ZW1zIiwic2VsZWN0aW9uSW5kZXgiLCJjdXN0b21MaXN0SXRlbUNvbXBvbmVudCIsIm9uU2VsZWN0T3B0aW9uIiwidXNlQ2FsbGJhY2siLCJ2YWx1ZSIsInByZXZlbnREZWZhdWx0IiwiTGlzdEl0ZW1Db21wb25lbnQiLCJjcmVhdGVFbGVtZW50IiwiY2xhc3NOYW1lIiwiY2xhc3NMaXN0IiwibGlzdCIsIm1hcCIsImNsYXNzTmFtZXMiLCJzZWxlY3RlZCIsImZpbmQiLCJpdCIsImlkIiwiaG92ZXIiLCJkaXNhYmxlZCIsImtleSIsImNvbmNhdCIsIm9uTW91c2VEb3duIiwib25DbGljayIsImlzVGlsZSIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2xheWVyLXR5cGUtZHJvcGRvd24tbGlzdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7dXNlQ2FsbGJhY2ssIE1vdXNlRXZlbnR9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQge2NsYXNzTGlzdH0gZnJvbSAnLi4vLi4vY29tbW9uL2l0ZW0tc2VsZWN0b3IvZHJvcGRvd24tbGlzdCc7XG5cbmV4cG9ydCB0eXBlIExheWVyVHlwZU9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBpZDogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xuICBpY29uOiBSZWFjdC5FbGVtZW50VHlwZTtcbn07XG5cbnR5cGUgTGF5ZXJUeXBlRHJvcGRvd25MaXN0UHJvcHMgPSB7XG4gIG9uT3B0aW9uU2VsZWN0ZWQ6IChcbiAgICB2YWx1ZToge1xuICAgICAgaWNvbjogUmVhY3QuRWxlbWVudFR5cGU7XG4gICAgICBsYWJlbDogc3RyaW5nO1xuICAgIH0sXG4gICAgZTogTW91c2VFdmVudFxuICApID0+IHZvaWQ7XG4gIG9wdGlvbnM6IExheWVyVHlwZU9wdGlvbltdO1xuICBzZWxlY3RlZEl0ZW1zOiBMYXllclR5cGVPcHRpb25bXTtcbiAgc2VsZWN0aW9uSW5kZXg6IG51bWJlciB8IG51bGw7XG4gIGN1c3RvbUxpc3RJdGVtQ29tcG9uZW50OiBSZWFjdC5GQzx7dmFsdWU6IExheWVyVHlwZU9wdGlvbjsgaXNUaWxlPzogYm9vbGVhbn0+O1xufTtcblxuY29uc3QgRHJvcGRvd25MaXN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZHJvcGRvd25MaXN0fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5kcm9wZG93bkxpc3RCZ2R9O1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5kcm9wZG93bkxpc3RCb3JkZXJUb3B9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmxheWVyVHlwZUljb25QZEx9cHggMCAwICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubGF5ZXJUeXBlSWNvblBkTH1weDtcbmA7XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duTGlzdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLWJvdHRvbTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sYXllclR5cGVJY29uUGRMfXB4O1xuICBwYWRkaW5nLXJpZ2h0OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmxheWVyVHlwZUljb25QZEx9cHg7XG5cbiAgJi5kaXNhYmxlZCB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgb3BhY2l0eTogMC4zO1xuICB9XG5cbiAgJi5zZWxlY3RlZCB7XG4gICAgLmxheWVyLXR5cGUtc2VsZWN0b3JfX2l0ZW1fX2ljb24ge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NhZjJmNDtcbiAgICB9XG4gIH1cblxuICAmOmhvdmVyLFxuICAmLnNlbGVjdGVkIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgLmxheWVyLXR5cGUtc2VsZWN0b3JfX2l0ZW1fX2ljb24ge1xuICAgICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuYWN0aXZlQ29sb3J9O1xuICAgIH1cblxuICAgIC5sYXllci10eXBlLXNlbGVjdG9yX19pdGVtX19sYWJlbCB7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIExheWVyVHlwZURyb3Bkb3duTGlzdEZhY3RvcnkoKSB7XG4gIGNvbnN0IExheWVyVHlwZURyb3Bkb3duTGlzdDogUmVhY3QuRkM8TGF5ZXJUeXBlRHJvcGRvd25MaXN0UHJvcHM+ID0gKHtcbiAgICBvbk9wdGlvblNlbGVjdGVkLFxuICAgIG9wdGlvbnMsXG4gICAgc2VsZWN0ZWRJdGVtcyxcbiAgICBzZWxlY3Rpb25JbmRleCxcbiAgICBjdXN0b21MaXN0SXRlbUNvbXBvbmVudFxuICB9KSA9PiB7XG4gICAgY29uc3Qgb25TZWxlY3RPcHRpb24gPSB1c2VDYWxsYmFjayhcbiAgICAgIChlLCB2YWx1ZSkgPT4ge1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIG9uT3B0aW9uU2VsZWN0ZWQodmFsdWUsIGUpO1xuICAgICAgfSxcbiAgICAgIFtvbk9wdGlvblNlbGVjdGVkXVxuICAgICk7XG5cbiAgICBjb25zdCBMaXN0SXRlbUNvbXBvbmVudCA9IGN1c3RvbUxpc3RJdGVtQ29tcG9uZW50O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxEcm9wZG93bkxpc3RXcmFwcGVyIGNsYXNzTmFtZT17Y2xhc3NMaXN0Lmxpc3R9PlxuICAgICAgICB7b3B0aW9ucy5tYXAoKHZhbHVlLCBpKSA9PiAoXG4gICAgICAgICAgPFN0eWxlZERyb3Bkb3duTGlzdEl0ZW1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcygnbGF5ZXItdHlwZS1zZWxlY3Rvcl9faXRlbScsIHtcbiAgICAgICAgICAgICAgc2VsZWN0ZWQ6IHNlbGVjdGVkSXRlbXMuZmluZChpdCA9PiBpdC5pZCA9PT0gdmFsdWUuaWQpLFxuICAgICAgICAgICAgICBob3Zlcjogc2VsZWN0aW9uSW5kZXggPT09IGksXG4gICAgICAgICAgICAgIGRpc2FibGVkOiB2YWx1ZS5kaXNhYmxlZFxuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICBrZXk9e2Ake3ZhbHVlLmlkfV8ke2l9YH1cbiAgICAgICAgICAgIG9uTW91c2VEb3duPXsoZTogTW91c2VFdmVudCkgPT4gb25TZWxlY3RPcHRpb24oZSwgdmFsdWUpfVxuICAgICAgICAgICAgb25DbGljaz17KGU6IE1vdXNlRXZlbnQpID0+IG9uU2VsZWN0T3B0aW9uKGUsIHZhbHVlKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8TGlzdEl0ZW1Db21wb25lbnQgdmFsdWU9e3ZhbHVlfSBpc1RpbGUgLz5cbiAgICAgICAgICA8L1N0eWxlZERyb3Bkb3duTGlzdEl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9Ecm9wZG93bkxpc3RXcmFwcGVyPlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIExheWVyVHlwZURyb3Bkb3duTGlzdDtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGF5ZXJUeXBlRHJvcGRvd25MaXN0RmFjdG9yeTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGlCQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBRyxXQUFBLEdBQUFELHNCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBSSxhQUFBLEdBQUFKLE9BQUE7QUFBbUUsSUFBQUssZUFBQSxFQUFBQyxnQkFBQSxFQU5uRTtBQUNBO0FBQUEsU0FBQVAsd0JBQUFRLENBQUEsRUFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxNQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFWLHVCQUFBLFlBQUFBLHdCQUFBUSxDQUFBLEVBQUFDLENBQUEsU0FBQUEsQ0FBQSxJQUFBRCxDQUFBLElBQUFBLENBQUEsQ0FBQUssVUFB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

package/dist/cjs/side-panel/layer-panel/layer-type-list-item.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LayerTypeListItemFactory = LayerTypeListItemFactory;
+exports["default"] = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _localization = require("@kepler.gl/localization");
+var _utils = require("@kepler.gl/utils");
+var _templateObject; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+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); }
+var StyledListItem = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  &.list {\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n\n    .layer-type-selector__item__icon {\n      color: ", ";\n      background-size: ", "px\n        ", "px;\n      height: ", "px;\n      width: ", "px;\n      margin-right: 12px;\n    }\n\n    .layer-type-selector__item__label {\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .layer-type-selector__item__icon {\n    color: ", ";\n    display: flex;\n    background-image: url(", ");\n    background-size: ", "px\n      ", "px;\n    height: ", "px;\n    width: ", "px;\n  }\n\n  .layer-type-selector__item__label {\n    text-transform: capitalize;\n    font-size: 12px;\n    text-align: center;\n    color: ", ";\n    max-width: ", "px;\n  }\n"])), function (props) {
+  return props.theme.activeColor;
+}, function (props) {
+  return props.theme.layerTypeIconSizeSM;
+}, function (props) {
+  return props.theme.layerTypeIconSizeSM;
+}, function (props) {
+  return props.theme.layerTypeIconSizeSM;
+}, function (props) {
+  return props.theme.layerTypeIconSizeSM;
+}, function (props) {
+  return props.theme.labelColor;
+}, function (props) {
+  return "".concat(props.cdnUrl, "/images/kepler.gl-layer-icon-bg.png");
+}, function (props) {
+  return props.theme.layerTypeIconSizeL;
+}, function (props) {
+  return props.theme.layerTypeIconSizeL;
+}, function (props) {
+  return props.theme.layerTypeIconSizeL;
+}, function (props) {
+  return props.theme.layerTypeIconSizeL;
+}, function (props) {
+  return props.theme.selectColor;
+}, function (props) {
+  return props.theme.layerTypeIconSizeL;
+});
+function LayerTypeListItemFactory() {
+  var LayerTypeListItem = function LayerTypeListItem(_ref) {
+    var value = _ref.value,
+      isTile = _ref.isTile,
+      theme = _ref.theme,
+      className = _ref.className;
+    return /*#__PURE__*/_react["default"].createElement(StyledListItem, {
+      className: (0, _classnames["default"])('layer-type-selector__item__inner', className, {
+        list: !isTile
+      }),
+      cdnUrl: (0, _utils.getApplicationConfig)().cdnUrl
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "layer-type-selector__item__icon"
+    }, /*#__PURE__*/_react["default"].createElement(value.icon, {
+      height: "".concat(isTile ? theme.layerTypeIconSizeL : theme.layerTypeIconSizeSM, "px")
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "layer-type-selector__item__label"
+    }, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: "layer.type.".concat(value.label.toLowerCase()),
+      defaultMessage: value.label
+    })));
+  };
+  return (0, _styledComponents.withTheme)(LayerTypeListItem);
+}
+var _default = exports["default"] = LayerTypeListItemFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX3N0eWxlZENvbXBvbmVudHMiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl9sb2NhbGl6YXRpb24iLCJfdXRpbHMiLCJfdGVtcGxhdGVPYmplY3QiLCJlIiwidCIsIldlYWtNYXAiLCJyIiwibiIsIl9fZXNNb2R1bGUiLCJvIiwiaSIsImYiLCJfX3Byb3RvX18iLCJfdHlwZW9mIiwiaGFzIiwiZ2V0Iiwic2V0IiwiX3QiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsIlN0eWxlZExpc3RJdGVtIiwic3R5bGVkIiwiZGl2IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJwcm9wcyIsInRoZW1lIiwiYWN0aXZlQ29sb3IiLCJsYXllclR5cGVJY29uU2l6ZVNNIiwibGFiZWxDb2xvciIsImNvbmNhdCIsImNkblVybCIsImxheWVyVHlwZUljb25TaXplTCIsInNlbGVjdENvbG9yIiwiTGF5ZXJUeXBlTGlzdEl0ZW1GYWN0b3J5IiwiTGF5ZXJUeXBlTGlzdEl0ZW0iLCJfcmVmIiwidmFsdWUiLCJpc1RpbGUiLCJjbGFzc05hbWUiLCJjcmVhdGVFbGVtZW50IiwiY2xhc3NOYW1lcyIsImxpc3QiLCJnZXRBcHBsaWNhdGlvbkNvbmZpZyIsImljb24iLCJoZWlnaHQiLCJGb3JtYXR0ZWRNZXNzYWdlIiwiaWQiLCJsYWJlbCIsInRvTG93ZXJDYXNlIiwiZGVmYXVsdE1lc3NhZ2UiLCJ3aXRoVGhlbWUiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9sYXllci1wYW5lbC9sYXllci10eXBlLWxpc3QtaXRlbS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgUmVhY3QsIHtDb21wb25lbnRUeXBlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkLCB7d2l0aFRoZW1lfSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtnZXRBcHBsaWNhdGlvbkNvbmZpZ30gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5cbmltcG9ydCB7QmFzZVByb3BzfSBmcm9tICcuLi8uLi9jb21tb24vaWNvbnMnO1xuXG5leHBvcnQgdHlwZSBMYXllclR5cGVMaXN0SXRlbVByb3BzID0ge1xuICB2YWx1ZToge1xuICAgIGljb246IENvbXBvbmVudFR5cGU8UGFydGlhbDxCYXNlUHJvcHM+PjtcbiAgICBsYWJlbDogc3RyaW5nO1xuICB9O1xuICBpc1RpbGU/OiBib29sZWFuO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59O1xuXG50eXBlIFdpdGhUaGVtZVByb3BzID0gTGF5ZXJUeXBlTGlzdEl0ZW1Qcm9wcyAmIHt0aGVtZTogUmVjb3JkPHN0cmluZywgc3RyaW5nPn07XG5cbmV4cG9ydCB0eXBlIExheWVyVHlwZUxpc3RJdGVtVHlwZSA9IFJlYWN0LkZDPExheWVyVHlwZUxpc3RJdGVtUHJvcHM+O1xuXG50eXBlIFN0eWxlZExpc3RJdGVtUHJvcHMgPSB7XG4gIGNkblVybDogc3RyaW5nO1xufTtcblxuY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQuZGl2PFN0eWxlZExpc3RJdGVtUHJvcHM+YFxuICAmLmxpc3Qge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgLmxheWVyLXR5cGUtc2VsZWN0b3JfX2l0ZW1fX2ljb24ge1xuICAgICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuYWN0aXZlQ29sb3J9O1xuICAgICAgYmFja2dyb3VuZC1zaXplOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmxheWVyVHlwZUljb25TaXplU019cHhcbiAgICAgICAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sYXllclR5cGVJY29uU2l6ZVNNfXB4O1xuICAgICAgaGVpZ2h0OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmxheWVyVHlwZUljb25TaXplU019cHg7XG4gICAgICB3aWR0aDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sYXllclR5cGVJY29uU2l6ZVNNfXB4O1xuICAgICAgbWFyZ2luLXJpZ2h0OiAxMnB4O1xuICAgIH1cblxuICAgIC5sYXllci10eXBlLXNlbGVjdG9yX19pdGVtX19sYWJlbCB7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIH1cbiAgfVxuXG4gIC5sYXllci10eXBlLXNlbGVjdG9yX19pdGVtX19pY29uIHtcbiAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sYWJlbENvbG9yfTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3Byb3BzID0+IGAke3Byb3BzLmNkblVybH0vaW1hZ2VzL2tlcGxlci5nbC1sYXllci1pY29uLWJnLnBuZ2B9KTtcbiAgICBiYWNrZ3JvdW5kLXNpemU6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubGF5ZXJUeXBlSWNvblNpemVMfXB4XG4gICAgICAke3Byb3BzID0+IHByb3BzLnRoZW1lLmxheWVyVHlwZUljb25TaXplTH1weDtcbiAgICBoZWlnaHQ6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubGF5ZXJUeXBlSWNvblNpemVMfXB4O1xuICAgIHdpZHRoOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmxheWVyVHlwZUljb25TaXplTH1weDtcbiAgfVxuXG4gIC5sYXllci10eXBlLXNlbGVjdG9yX19pdGVtX19sYWJlbCB7XG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zZWxlY3RDb2xvcn07XG4gICAgbWF4LXdpZHRoOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmxheWVyVHlwZUljb25TaXplTH1weDtcbiAgfVxuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIExheWVyVHlwZUxpc3RJdGVtRmFjdG9yeSgpIHtcbiAgY29uc3QgTGF5ZXJUeXBlTGlzdEl0ZW06IFJlYWN0LkZDPFdpdGhUaGVtZVByb3BzPiA9ICh7dmFsdWUsIGlzVGlsZSwgdGhlbWUsIGNsYXNzTmFtZX0pID0+IChcbiAgICA8U3R5bGVkTGlzdEl0ZW1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcygnbGF5ZXItdHlwZS1zZWxlY3Rvcl9faXRlbV9faW5uZXInLCBjbGFzc05hbWUsIHtcbiAgICAgICAgbGlzdDogIWlzVGlsZVxuICAgICAgfSl9XG4gICAgICBjZG5Vcmw9e2dldEFwcGxpY2F0aW9uQ29uZmlnKCkuY2RuVXJsfVxuICAgID5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwibGF5ZXItdHlwZS1zZWxlY3Rvcl9faXRlbV9faWNvblwiPlxuICAgICAgICA8dmFsdWUuaWNvbiBoZWlnaHQ9e2Ake2lzVGlsZSA/IHRoZW1lLmxheWVyVHlwZUljb25TaXplTCA6IHRoZW1lLmxheWVyVHlwZUljb25TaXplU019cHhgfSAvPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImxheWVyLXR5cGUtc2VsZWN0b3JfX2l0ZW1fX2xhYmVsXCI+XG4gICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlXG4gICAgICAgICAgaWQ9e2BsYXllci50eXBlLiR7dmFsdWUubGFiZWwudG9Mb3dlckNhc2UoKX1gfVxuICAgICAgICAgIGRlZmF1bHRNZXNzYWdlPXt2YWx1ZS5sYWJlbH1cbiAgICAgICAgLz5cbiAgICAgIDwvZGl2PlxuICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICk7XG5cbiAgcmV0dXJuIHdpdGhUaGVtZShMYXllclR5cGVMaXN0SXRlbSkgYXMgUmVhY3QuRkM8TGF5ZXJUeXBlTGlzdEl0ZW1Qcm9wcz47XG59XG5cbmV4cG9ydCBkZWZhdWx0IExheWVyVHlwZUxpc3RJdGVtRmFjdG9yeTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUdBLElBQUFBLFdBQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLE1BQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFFLGlCQUFBLEdBQUFDLHVCQUFBLENBQUFILE9BQUE7QUFFQSxJQUFBSSxhQUFBLEdBQUFKLE9BQUE7QUFDQSxJQUFBSyxNQUFBLEdBQUFMLE9BQUE7QUFBc0QsSUFBQU0sZUFBQSxFQVJ0RDtBQUNBO0FBQUEsU0FBQUgsd0JBQUFJLENBQUEsRUFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxNQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFOLHVCQUFBLFlBQUFBLHdCQUFBSSxDQUFBLEVBQUFDLENBQUEsU0FBQUEsQ0FBQSxJQUFBRCxDQUFBLElBQUFBLENBQUEsQ0FBQUssVUFBQSxTQUFBTCxDQUFBLE1BQUFNLENBQUEsRUFBQUMsQ0FBQSxFQUFBQyxDQUFBLEtBQUFDLFNBQUEsbUJBQUFULENBQUEsaUJBQUFBLENBQUEsZ0JBQUFVLE9BQUEsQ0FBQVYsQ0FBQSwwQkFBQUEsQ0FBQSxTQUFBUSxDQUFBLE1BQUFGLENBQUEsR0FBQUwsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsUUFBQUcsQ0FBQSxDQUFBSyxHQUFBLENBQUFYLENBQUEsVUFBQU0sQ0FBQSxDQUFBTSxHQUFBLENBQUFaLENBQUEsR0FBQU0sQ0FB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

package/dist/cjs/side-panel/layer-panel/layer-type-selector.js

@@ -0,0 +1,57 @@
+"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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _layerTypeDropdownList = _interopRequireDefault(require("./layer-type-dropdown-list"));
+var _layerTypeListItem = _interopRequireDefault(require("./layer-type-list-item"));
+var _itemSelector = _interopRequireDefault(require("../../common/item-selector/item-selector"));
+var _styledComponents2 = require("../../common/styled-components");
+var _templateObject; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+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); }
+var StyledLayerTypeSelector = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  .item-selector .item-selector__dropdown {\n    padding: 4px 10px 4px 10px;\n  }\n"])));
+LayerTypeSelectorFactory.deps = [_layerTypeListItem["default"], _layerTypeDropdownList["default"]];
+var getDisplayOption = function getDisplayOption(op) {
+  return op.label;
+};
+var getOptionValue = function getOptionValue(op) {
+  return op.id;
+};
+function LayerTypeSelectorFactory(LayerTypeListItem, LayerTypeDropdownList) {
+  var LayerTypeSelector = function LayerTypeSelector(_ref) {
+    var selected = _ref.selected,
+      options = _ref.options,
+      onSelect = _ref.onSelect,
+      disabled = _ref.disabled;
+    var selectedItems = (0, _react.useMemo)(function () {
+      return options.find(function (op) {
+        return op.id === selected;
+      });
+    }, [options, selected]);
+    return /*#__PURE__*/_react["default"].createElement(_styledComponents2.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(StyledLayerTypeSelector, {
+      className: "layer-config__type"
+    }, /*#__PURE__*/_react["default"].createElement(_itemSelector["default"], {
+      selectedItems: selectedItems,
+      options: options,
+      multiSelect: false,
+      disabled: disabled,
+      placeholder: "placeholder.selectType",
+      onChange: onSelect,
+      getOptionValue: getOptionValue,
+      filterOption: "label",
+      displayOption: getDisplayOption,
+      DropDownLineItemRenderComponent: LayerTypeListItem,
+      DropDownRenderComponent: LayerTypeDropdownList
+    })));
+  };
+  return (0, _styledComponents.withTheme)(LayerTypeSelector);
+}
+var _default = exports["default"] = LayerTypeSelectorFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9sYXllclR5cGVEcm9wZG93bkxpc3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX2xheWVyVHlwZUxpc3RJdGVtIiwiX2l0ZW1TZWxlY3RvciIsIl9zdHlsZWRDb21wb25lbnRzMiIsIl90ZW1wbGF0ZU9iamVjdCIsImUiLCJ0IiwiV2Vha01hcCIsInIiLCJuIiwiX19lc01vZHVsZSIsIm8iLCJpIiwiZiIsIl9fcHJvdG9fXyIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJzZXQiLCJfdCIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwiU3R5bGVkTGF5ZXJUeXBlU2VsZWN0b3IiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIkxheWVyVHlwZVNlbGVjdG9yRmFjdG9yeSIsImRlcHMiLCJMYXllclR5cGVMaXN0SXRlbUZhY3RvcnkiLCJMYXllclR5cGVEcm9wZG93bkxpc3RGYWN0b3J5IiwiZ2V0RGlzcGxheU9wdGlvbiIsIm9wIiwibGFiZWwiLCJnZXRPcHRpb25WYWx1ZSIsImlkIiwiTGF5ZXJUeXBlTGlzdEl0ZW0iLCJMYXllclR5cGVEcm9wZG93bkxpc3QiLCJMYXllclR5cGVTZWxlY3RvciIsIl9yZWYiLCJzZWxlY3RlZCIsIm9wdGlvbnMiLCJvblNlbGVjdCIsImRpc2FibGVkIiwic2VsZWN0ZWRJdGVtcyIsInVzZU1lbW8iLCJmaW5kIiwiY3JlYXRlRWxlbWVudCIsIlNpZGVQYW5lbFNlY3Rpb24iLCJjbGFzc05hbWUiLCJtdWx0aVNlbGVjdCIsInBsYWNlaG9sZGVyIiwib25DaGFuZ2UiLCJmaWx0ZXJPcHRpb24iLCJkaXNwbGF5T3B0aW9uIiwiRHJvcERvd25MaW5lSXRlbVJlbmRlckNvbXBvbmVudCIsIkRyb3BEb3duUmVuZGVyQ29tcG9uZW50Iiwid2l0aFRoZW1lIiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3NpZGUtcGFuZWwvbGF5ZXItcGFuZWwvbGF5ZXItdHlwZS1zZWxlY3Rvci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7dXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCwge3dpdGhUaGVtZX0gZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgTGF5ZXJUeXBlRHJvcGRvd25MaXN0RmFjdG9yeSwge0xheWVyVHlwZU9wdGlvbn0gZnJvbSAnLi9sYXllci10eXBlLWRyb3Bkb3duLWxpc3QnO1xuaW1wb3J0IExheWVyVHlwZUxpc3RJdGVtRmFjdG9yeSBmcm9tICcuL2xheWVyLXR5cGUtbGlzdC1pdGVtJztcbmltcG9ydCBJdGVtU2VsZWN0b3IgZnJvbSAnLi4vLi4vY29tbW9uL2l0ZW0tc2VsZWN0b3IvaXRlbS1zZWxlY3Rvcic7XG5cbmltcG9ydCB7U2lkZVBhbmVsU2VjdGlvbn0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcblxudHlwZSBPcHRpb24gPSB7XG4gIGlkOiBzdHJpbmc7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGljb246IGFueTsgLy9cbiAgcmVxdWlyZURhdGE6IGFueTsgLy9cbn07XG5cbmV4cG9ydCB0eXBlIExheWVyVHlwZVNlbGVjdG9yUHJvcHMgPSB7XG4gIHNlbGVjdGVkOiBzdHJpbmcgfCBudWxsO1xuICBvblNlbGVjdDogKFxuICAgIGl0ZW1zOlxuICAgICAgfCByZWFkb25seSAoc3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbiB8IG9iamVjdClbXVxuICAgICAgfCBzdHJpbmdcbiAgICAgIHwgbnVtYmVyXG4gICAgICB8IGJvb2xlYW5cbiAgICAgIHwgb2JqZWN0XG4gICAgICB8IG51bGxcbiAgKSA9PiB2b2lkO1xuICBvcHRpb25zOiBMYXllclR5cGVPcHRpb25bXTtcbiAgLy8gVE9ETyBhZGQgY29ycmVjdCB0eXBlIGFmdGVyIFRoZW1lIHR5cGluZ1xuICB0aGVtZTogUmVjb3JkPHN0cmluZywgc3RyaW5nPjtcbiAgZGlzYWJsZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRMYXllclR5cGVTZWxlY3RvciA9IHN0eWxlZC5kaXZgXG4gIC5pdGVtLXNlbGVjdG9yIC5pdGVtLXNlbGVjdG9yX19kcm9wZG93biB7XG4gICAgcGFkZGluZzogNHB4IDEwcHggNHB4IDEwcHg7XG4gIH1cbmA7XG5cbkxheWVyVHlwZVNlbGVjdG9yRmFjdG9yeS5kZXBzID0gW0xheWVyVHlwZUxpc3RJdGVtRmFjdG9yeSwgTGF5ZXJUeXBlRHJvcGRvd25MaXN0RmFjdG9yeV07XG5cbmNvbnN0IGdldERpc3BsYXlPcHRpb24gPSAob3A6IE9wdGlvbikgPT4gb3AubGFiZWw7XG5jb25zdCBnZXRPcHRpb25WYWx1ZSA9IChvcDogT3B0aW9uKSA9PiBvcC5pZDtcblxuZnVuY3Rpb24gTGF5ZXJUeXBlU2VsZWN0b3JGYWN0b3J5KFxuICBMYXllclR5cGVMaXN0SXRlbTogUmV0dXJuVHlwZTx0eXBlb2YgTGF5ZXJUeXBlTGlzdEl0ZW1GYWN0b3J5PixcbiAgTGF5ZXJUeXBlRHJvcGRvd25MaXN0OiBSZXR1cm5UeXBlPHR5cGVvZiBMYXllclR5cGVEcm9wZG93bkxpc3RGYWN0b3J5PlxuKSB7XG4gIGNvbnN0IExheWVyVHlwZVNlbGVjdG9yOiBSZWFjdC5GQzxMYXllclR5cGVTZWxlY3RvclByb3BzPiA9ICh7XG4gICAgc2VsZWN0ZWQsXG4gICAgb3B0aW9ucyxcbiAgICBvblNlbGVjdCxcbiAgICBkaXNhYmxlZFxuICB9KSA9PiB7XG4gICAgY29uc3Qgc2VsZWN0ZWRJdGVtcyA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiBvcHRpb25zLmZpbmQob3AgPT4gb3AuaWQgPT09IHNlbGVjdGVkKSxcbiAgICAgIFtvcHRpb25zLCBzZWxlY3RlZF1cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICA8U3R5bGVkTGF5ZXJUeXBlU2VsZWN0b3IgY2xhc3NOYW1lPVwibGF5ZXItY29uZmlnX190eXBlXCI+XG4gICAgICAgICAgPEl0ZW1TZWxlY3RvclxuICAgICAgICAgICAgc2VsZWN0ZWRJdGVtcz17c2VsZWN0ZWRJdGVtc31cbiAgICAgICAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICAgICAgICBtdWx0aVNlbGVjdD17ZmFsc2V9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj1cInBsYWNlaG9sZGVyLnNlbGVjdFR5cGVcIlxuICAgICAgICAgICAgb25DaGFuZ2U9e29uU2VsZWN0fVxuICAgICAgICAgICAgZ2V0T3B0aW9uVmFsdWU9e2dldE9wdGlvblZhbHVlfVxuICAgICAgICAgICAgZmlsdGVyT3B0aW9uPVwibGFiZWxcIlxuICAgICAgICAgICAgZGlzcGxheU9wdGlvbj17Z2V0RGlzcGxheU9wdGlvbn1cbiAgICAgICAgICAgIERyb3BEb3duTGluZUl0ZW1SZW5kZXJDb21wb25lbnQ9e0xheWVyVHlwZUxpc3RJdGVtfVxuICAgICAgICAgICAgRHJvcERvd25SZW5kZXJDb21wb25lbnQ9e0xheWVyVHlwZURyb3Bkb3duTGlzdH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZExheWVyVHlwZVNlbGVjdG9yPlxuICAgICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIHdpdGhUaGVtZShMYXllclR5cGVTZWxlY3RvcikgYXMgUmVhY3QuRkM8T21pdDxMYXllclR5cGVTZWxlY3RvclByb3BzLCAndGhlbWUnPj47XG59XG5cbmV4cG9ydCBkZWZhdWx0IExh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

package/dist/cjs/side-panel/layer-panel/raster-tile-colormap-list-item.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getColorMapListItemComponent = exports.ColorMapListItem = 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 = _interopRequireDefault(require("styled-components"));
+var _layers = require("@kepler.gl/layers");
+var _templateObject; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+var StyledColorMapListItem = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  .color-name {\n    width: calc(40% - 8px);\n    margin-right: 8px;\n    color: ", ";\n  }\n  .color-image {\n    width: 60%;\n    height: 10px;\n    border-radius: 2px;\n    background: ", ";\n    overflow: hidden;\n    display: flex;\n  }\n"])), function (props) {
+  return props.theme.subtextColor;
+}, function (props) {
+  return props.theme.panelContentBackground;
+});
+var ColorMapImg = function ColorMapImg(_ref) {
+  var id = _ref.id,
+    categoricalOptions = _ref.categoricalOptions;
+  var url = '';
+  if (id === '_categorical') {
+    var dataUrl = (0, _layers.getCategoricalColormapDataUrl)(categoricalOptions);
+    if (!dataUrl) {
+      return null;
+    }
+    url = dataUrl;
+  } else {
+    url = _layers.RasterLayerResources.rasterColorMap(id);
+  }
+  return /*#__PURE__*/_react["default"].createElement("img", {
+    src: url,
+    style: {
+      width: '100%',
+      height: '100%'
+    }
+  });
+};
+var ColorMapListItem = exports.ColorMapListItem = function ColorMapListItem(_ref2) {
+  var value = _ref2.value,
+    categoricalOptions = _ref2.categoricalOptions;
+  return /*#__PURE__*/_react["default"].createElement(StyledColorMapListItem, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "color-name"
+  }, value === null || value === void 0 ? void 0 : value.label), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "color-image"
+  }, /*#__PURE__*/_react["default"].createElement(ColorMapImg, {
+    id: value === null || value === void 0 ? void 0 : value.id,
+    categoricalOptions: categoricalOptions
+  })));
+};
+var getColorMapListItemComponent = exports.getColorMapListItemComponent = function getColorMapListItemComponent(categoricalOptions) {
+  return function (props) {
+    return /*#__PURE__*/_react["default"].createElement(ColorMapListItem, (0, _extends2["default"])({}, props, {
+      categoricalOptions: categoricalOptions
+    }));
+  };
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2xheWVycyIsIl90ZW1wbGF0ZU9iamVjdCIsIlN0eWxlZENvbG9yTWFwTGlzdEl0ZW0iLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsInByb3BzIiwidGhlbWUiLCJzdWJ0ZXh0Q29sb3IiLCJwYW5lbENvbnRlbnRCYWNrZ3JvdW5kIiwiQ29sb3JNYXBJbWciLCJfcmVmIiwiaWQiLCJjYXRlZ29yaWNhbE9wdGlvbnMiLCJ1cmwiLCJkYXRhVXJsIiwiZ2V0Q2F0ZWdvcmljYWxDb2xvcm1hcERhdGFVcmwiLCJSYXN0ZXJMYXllclJlc291cmNlcyIsInJhc3RlckNvbG9yTWFwIiwiY3JlYXRlRWxlbWVudCIsInNyYyIsInN0eWxlIiwid2lkdGgiLCJoZWlnaHQiLCJDb2xvck1hcExpc3RJdGVtIiwiZXhwb3J0cyIsIl9yZWYyIiwidmFsdWUiLCJjbGFzc05hbWUiLCJsYWJlbCIsImdldENvbG9yTWFwTGlzdEl0ZW1Db21wb25lbnQiLCJfZXh0ZW5kczIiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9sYXllci1wYW5lbC9yYXN0ZXItdGlsZS1jb2xvcm1hcC1saXN0LWl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHtnZXRDYXRlZ29yaWNhbENvbG9ybWFwRGF0YVVybCwgUmFzdGVyTGF5ZXJSZXNvdXJjZXN9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcbmltcG9ydCB0eXBlIHtDYXRlZ29yaWNhbENvbG9ybWFwT3B0aW9uc30gZnJvbSAnQGtlcGxlci5nbC9sYXllcnMnO1xuXG5jb25zdCBTdHlsZWRDb2xvck1hcExpc3RJdGVtID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG4gIC5jb2xvci1uYW1lIHtcbiAgICB3aWR0aDogY2FsYyg0MCUgLSA4cHgpO1xuICAgIG1hcmdpbi1yaWdodDogOHB4O1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnN1YnRleHRDb2xvcn07XG4gIH1cbiAgLmNvbG9yLWltYWdlIHtcbiAgICB3aWR0aDogNjAlO1xuICAgIGhlaWdodDogMTBweDtcbiAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgYmFja2dyb3VuZDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5wYW5lbENvbnRlbnRCYWNrZ3JvdW5kfTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cbmA7XG5cbmNvbnN0IENvbG9yTWFwSW1nOiBSZWFjdC5GQzx7aWQ6IHN0cmluZzsgY2F0ZWdvcmljYWxPcHRpb25zOiBDYXRlZ29yaWNhbENvbG9ybWFwT3B0aW9uc30+ID0gKHtcbiAgaWQsXG4gIGNhdGVnb3JpY2FsT3B0aW9uc1xufSkgPT4ge1xuICBsZXQgdXJsID0gJyc7XG4gIGlmIChpZCA9PT0gJ19jYXRlZ29yaWNhbCcpIHtcbiAgICBjb25zdCBkYXRhVXJsID0gZ2V0Q2F0ZWdvcmljYWxDb2xvcm1hcERhdGFVcmwoY2F0ZWdvcmljYWxPcHRpb25zKTtcbiAgICBpZiAoIWRhdGFVcmwpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbiAgICB1cmwgPSBkYXRhVXJsO1xuICB9IGVsc2Uge1xuICAgIHVybCA9IFJhc3RlckxheWVyUmVzb3VyY2VzLnJhc3RlckNvbG9yTWFwKGlkKTtcbiAgfVxuICByZXR1cm4gPGltZyBzcmM9e3VybH0gc3R5bGU9e3t3aWR0aDogJzEwMCUnLCBoZWlnaHQ6ICcxMDAlJ319IC8+O1xufTtcblxuZXhwb3J0IGNvbnN0IENvbG9yTWFwTGlzdEl0ZW06IFJlYWN0LkZDPHtcbiAgdmFsdWU6IHtpZDogc3RyaW5nOyBsYWJlbDogc3RyaW5nfTtcbiAgY2F0ZWdvcmljYWxPcHRpb25zOiBDYXRlZ29yaWNhbENvbG9ybWFwT3B0aW9ucztcbn0+ID0gKHt2YWx1ZSwgY2F0ZWdvcmljYWxPcHRpb25zfSkgPT4gKFxuICA8U3R5bGVkQ29sb3JNYXBMaXN0SXRlbT5cbiAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbG9yLW5hbWVcIj57dmFsdWU/LmxhYmVsfTwvZGl2PlxuICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sb3ItaW1hZ2VcIj5cbiAgICAgIDxDb2xvck1hcEltZyBpZD17dmFsdWU/LmlkfSBjYXRlZ29yaWNhbE9wdGlvbnM9e2NhdGVnb3JpY2FsT3B0aW9uc30gLz5cbiAgICA8L2Rpdj5cbiAgPC9TdHlsZWRDb2xvck1hcExpc3RJdGVtPlxuKTtcblxuZXhwb3J0IGNvbnN0IGdldENvbG9yTWFwTGlzdEl0ZW1Db21wb25lbnQgPSAoXG4gIGNhdGVnb3JpY2FsT3B0aW9uczogQ2F0ZWdvcmljYWxDb2xvcm1hcE9wdGlvbnNcbik6IFJlYWN0LkZDPHtcbiAgdmFsdWU6IHtpZDogc3RyaW5nOyBsYWJlbDogc3RyaW5nfTtcbn0+ID0+IHtcbiAgcmV0dXJuIChwcm9wczoge3ZhbHVlOiB7aWQ6IHN0cmluZzsgbGFiZWw6IHN0cmluZ319KSA9PiAoXG4gICAgPENvbG9yTWFwTGlzdEl0ZW0gey4uLnByb3BzfSBjYXRlZ29yaWNhbE9wdGlvbnM9e2NhdGVnb3JpY2FsT3B0aW9uc30gLz5cbiAgKTtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGlCQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFFQSxJ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