@kepler.gl/components 3.0.0-alpha.0

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

@@ -0,0 +1,91 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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;
+
+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;
+    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,
+      placeholder: "placeholder.selectType",
+      onChange: onSelect,
+      getOptionValue: getOptionValue,
+      filterOption: "label",
+      displayOption: getDisplayOption,
+      DropDownLineItemRenderComponent: LayerTypeListItem,
+      DropDownRenderComponent: LayerTypeDropdownList
+    })));
+  };
+
+  return (0, _styledComponents.withTheme)(LayerTypeSelector);
+}
+
+var _default = LayerTypeSelectorFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2xheWVyLXR5cGUtc2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbIlN0eWxlZExheWVyVHlwZVNlbGVjdG9yIiwic3R5bGVkIiwiZGl2IiwiTGF5ZXJUeXBlU2VsZWN0b3JGYWN0b3J5IiwiZGVwcyIsIkxheWVyVHlwZUxpc3RJdGVtRmFjdG9yeSIsIkxheWVyVHlwZURyb3Bkb3duTGlzdEZhY3RvcnkiLCJnZXREaXNwbGF5T3B0aW9uIiwib3AiLCJsYWJlbCIsImdldE9wdGlvblZhbHVlIiwiaWQiLCJMYXllclR5cGVMaXN0SXRlbSIsIkxheWVyVHlwZURyb3Bkb3duTGlzdCIsIkxheWVyVHlwZVNlbGVjdG9yIiwic2VsZWN0ZWQiLCJvcHRpb25zIiwib25TZWxlY3QiLCJzZWxlY3RlZEl0ZW1zIiwiZmluZCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFFQTs7QUFDQTs7QUFDQTs7QUFFQTs7OztBQXlCQSxJQUFNQSx1QkFBdUIsR0FBR0MsNkJBQU9DLEdBQVYsMktBQTdCOztBQU1BQyx3QkFBd0IsQ0FBQ0MsSUFBekIsR0FBZ0MsQ0FBQ0MsNkJBQUQsRUFBMkJDLGlDQUEzQixDQUFoQzs7QUFFQSxJQUFNQyxnQkFBZ0IsR0FBRyxTQUFuQkEsZ0JBQW1CLENBQUNDLEVBQUQ7QUFBQSxTQUFnQkEsRUFBRSxDQUFDQyxLQUFuQjtBQUFBLENBQXpCOztBQUNBLElBQU1DLGNBQWMsR0FBRyxTQUFqQkEsY0FBaUIsQ0FBQ0YsRUFBRDtBQUFBLFNBQWdCQSxFQUFFLENBQUNHLEVBQW5CO0FBQUEsQ0FBdkI7O0FBRUEsU0FBU1Isd0JBQVQsQ0FDRVMsaUJBREYsRUFFRUMscUJBRkYsRUFHRTtBQUNBLE1BQU1DLGlCQUFtRCxHQUFHLFNBQXREQSxpQkFBc0QsT0FBbUM7QUFBQSxRQUFqQ0MsUUFBaUMsUUFBakNBLFFBQWlDO0FBQUEsUUFBdkJDLE9BQXVCLFFBQXZCQSxPQUF1QjtBQUFBLFFBQWRDLFFBQWMsUUFBZEEsUUFBYztBQUM3RixRQUFNQyxhQUFhLEdBQUcsb0JBQVE7QUFBQSxhQUFNRixPQUFPLENBQUNHLElBQVIsQ0FBYSxVQUFBWCxFQUFFO0FBQUEsZUFBSUEsRUFBRSxDQUFDRyxFQUFILEtBQVVJLFFBQWQ7QUFBQSxPQUFmLENBQU47QUFBQSxLQUFSLEVBQXNELENBQzFFQyxPQUQwRSxFQUUxRUQsUUFGMEUsQ0FBdEQsQ0FBdEI7QUFLQSx3QkFDRSxnQ0FBQyxtQ0FBRCxxQkFDRSxnQ0FBQyx1QkFBRDtBQUF5QixNQUFBLFNBQVMsRUFBQztBQUFuQyxvQkFDRSxnQ0FBQyx3QkFBRDtBQUNFLE1BQUEsYUFBYSxFQUFFRyxhQURqQjtBQUVFLE1BQUEsT0FBTyxFQUFFRixPQUZYO0FBR0UsTUFBQSxXQUFXLEVBQUUsS0FIZjtBQUlFLE1BQUEsV0FBVyxFQUFDLHdCQUpkO0FBS0UsTUFBQSxRQUFRLEVBQUVDLFFBTFo7QUFNRSxNQUFBLGNBQWMsRUFBRVAsY0FObEI7QUFPRSxNQUFBLFlBQVksRUFBQyxPQVBmO0FBUUUsTUFBQSxhQUFhLEVBQUVILGdCQVJqQjtBQVNFLE1BQUEsK0JBQStCLEVBQUVLLGlCQVRuQztBQVVFLE1BQUEsdUJBQXVCLEVBQUVDO0FBVjNCLE1BREYsQ0FERixDQURGO0FBa0JELEdBeEJEOztBQTBCQSxTQUFPLGlDQUFVQyxpQkFBVixDQUFQO0FBQ0Q7O2VBRWNYLHdCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7dXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCwge3dpdGhUaGVtZX0gZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgTGF5ZXJUeXBlRHJvcGRvd25MaXN0RmFjdG9yeSwge0xheWVyVHlwZU9wdGlvbn0gZnJvbSAnLi9sYXllci10eXBlLWRyb3Bkb3duLWxpc3QnO1xuaW1wb3J0IExheWVyVHlwZUxpc3RJdGVtRmFjdG9yeSBmcm9tICcuL2xheWVyLXR5cGUtbGlzdC1pdGVtJztcbmltcG9ydCBJdGVtU2VsZWN0b3IgZnJvbSAnLi4vLi4vY29tbW9uL2l0ZW0tc2VsZWN0b3IvaXRlbS1zZWxlY3Rvcic7XG5cbmltcG9ydCB7U2lkZVBhbmVsU2VjdGlvbn0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcblxudHlwZSBPcHRpb24gPSB7XG4gIGlkOiBzdHJpbmc7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGljb246IGFueTsgLy9cbiAgcmVxdWlyZURhdGE6IGFueTsgLy9cbn07XG5cbmV4cG9ydCB0eXBlIExheWVyVHlwZVNlbGVjdG9yUHJvcHMgPSB7XG4gIHNlbGVjdGVkOiBzdHJpbmcgfCBudWxsO1xuICBvblNlbGVjdDogKFxuICAgIGl0ZW1zOlxuICAgICAgfCByZWFkb25seSAoc3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbiB8IG9iamVjdClbXVxuICAgICAgfCBzdHJpbmdcbiAgICAgIHwgbnVtYmVyXG4gICAgICB8IGJvb2xlYW5cbiAgICAgIHwgb2JqZWN0XG4gICAgICB8IG51bGxcbiAgKSA9PiB2b2lkO1xuICBvcHRpb25zOiBMYXllclR5cGVPcHRpb25bXTtcbiAgLy8gVE9ETyBhZGQgY29ycmVjdCB0eXBlIGFmdGVyIFRoZW1lIHR5cGluZ1xuICB0aGVtZTogUmVjb3JkPHN0cmluZywgc3RyaW5nPjtcbn07XG5cbmNvbnN0IFN0eWxlZExheWVyVHlwZVNlbGVjdG9yID0gc3R5bGVkLmRpdmBcbiAgLml0ZW0tc2VsZWN0b3IgLml0ZW0tc2VsZWN0b3JfX2Ryb3Bkb3duIHtcbiAgICBwYWRkaW5nOiA0cHggMTBweCA0cHggMTBweDtcbiAgfVxuYDtcblxuTGF5ZXJUeXBlU2VsZWN0b3JGYWN0b3J5LmRlcHMgPSBbTGF5ZXJUeXBlTGlzdEl0ZW1GYWN0b3J5LCBMYXllclR5cGVEcm9wZG93bkxpc3RGYWN0b3J5XTtcblxuY29uc3QgZ2V0RGlzcGxheU9wdGlvbiA9IChvcDogT3B0aW9uKSA9PiBvcC5sYWJlbDtcbmNvbnN0IGdldE9wdGlvblZhbHVlID0gKG9wOiBPcHRpb24pID0+IG9wLmlkO1xuXG5mdW5jdGlvbiBMYXllclR5cGVTZWxlY3RvckZhY3RvcnkoXG4gIExheWVyVHlwZUxpc3RJdGVtOiBSZXR1cm5UeXBlPHR5cGVvZiBMYXllclR5cGVMaXN0SXRlbUZhY3Rvcnk+LFxuICBMYXllclR5cGVEcm9wZG93bkxpc3Q6IFJldHVyblR5cGU8dHlwZW9mIExheWVyVHlwZURyb3Bkb3duTGlzdEZhY3Rvcnk+XG4pIHtcbiAgY29uc3QgTGF5ZXJUeXBlU2VsZWN0b3I6IFJlYWN0LkZDPExheWVyVHlwZVNlbGVjdG9yUHJvcHM+ID0gKHtzZWxlY3RlZCwgb3B0aW9ucywgb25TZWxlY3R9KSA9PiB7XG4gICAgY29uc3Qgc2VsZWN0ZWRJdGVtcyA9IHVzZU1lbW8oKCkgPT4gb3B0aW9ucy5maW5kKG9wID0+IG9wLmlkID09PSBzZWxlY3RlZCksIFtcbiAgICAgIG9wdGlvbnMsXG4gICAgICBzZWxlY3RlZFxuICAgIF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICA8U3R5bGVkTGF5ZXJUeXBlU2VsZWN0b3IgY2xhc3NOYW1lPVwibGF5ZXItY29uZmlnX190eXBlXCI+XG4gICAgICAgICAgPEl0ZW1TZWxlY3RvclxuICAgICAgICAgICAgc2VsZWN0ZWRJdGVtcz17c2VsZWN0ZWRJdGVtc31cbiAgICAgICAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICAgICAgICBtdWx0aVNlbGVjdD17ZmFsc2V9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj1cInBsYWNlaG9sZGVyLnNlbGVjdFR5cGVcIlxuICAgICAgICAgICAgb25DaGFuZ2U9e29uU2VsZWN0fVxuICAgICAgICAgICAgZ2V0T3B0aW9uVmFsdWU9e2dldE9wdGlvblZhbHVlfVxuICAgICAgICAgICAgZmlsdGVyT3B0aW9uPVwibGFiZWxcIlxuICAgICAgICAgICAgZGlzcGxheU9wdGlvbj17Z2V0RGlzcGxheU9wdGlvbn1cbiAgICAgICAgICAgIERyb3BEb3duTGluZUl0ZW1SZW5kZXJDb21wb25lbnQ9e0xheWVyVHlwZUxpc3RJdGVtfVxuICAgICAgICAgICAgRHJvcERvd25SZW5kZXJDb21wb25lbnQ9e0xheWVyVHlwZURyb3Bkb3duTGlzdH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZExheWVyVHlwZVNlbGVjdG9yPlxuICAgICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIHdpdGhUaGVtZShMYXllclR5cGVTZWxlY3Rvcik7XG59XG5cbmV4cG9ydCBkZWZhdWx0IExheWVyVHlwZVNlbGVjdG9yRmFjdG9yeTtcbiJdfQ==

package/dist/side-panel/layer-panel/panel-view-list-toggle.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { LayerPanelListView } from '@kepler.gl/types';
+declare type ToggleOptionProps = {
+    isActive: boolean;
+    onClick: () => void;
+    option: typeof TOGGLE_OPTIONS[0];
+};
+declare type PanelViewListToggleProps = {
+    layerPanelListViewMode: LayerPanelListView;
+    toggleLayerPanelListView: (view: string) => void;
+};
+export declare const StyledToggleOption: import("styled-components").StyledComponent<"div", any, {
+    className: "layer-panel-toggle-option";
+} & {
+    active: boolean;
+}, "className">;
+declare function ToggleOptionFactory(): React.FC<ToggleOptionProps>;
+declare const TOGGLE_OPTIONS: {
+    id: string;
+    iconComponent: {
+        (props: Partial<import("../../common/icons").BaseProps>): JSX.Element;
+        defaultProps: {
+            height: string;
+            fill: string;
+            viewBox: string;
+            predefinedClassName: string;
+        };
+    };
+    value: string;
+    label: string;
+}[];
+declare function PanelViewListToggleFactory(ToggleOption: ReturnType<typeof ToggleOptionFactory>): React.FC<PanelViewListToggleProps>;
+declare namespace PanelViewListToggleFactory {
+    var deps: (typeof ToggleOptionFactory)[];
+}
+export default PanelViewListToggleFactory;

package/dist/side-panel/layer-panel/panel-view-list-toggle.js

@@ -0,0 +1,143 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.StyledToggleOption = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _orderByList = _interopRequireDefault(require("../../common/icons/order-by-list"));
+
+var _orderByDataset = _interopRequireDefault(require("../../common/icons/order-by-dataset"));
+
+var _styledComponents2 = require("../../common/styled-components");
+
+var _localization = require("@kepler.gl/localization");
+
+var _templateObject, _templateObject2, _templateObject3;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var PanelViewListToggleContainer = _styledComponents["default"].div.attrs({
+  className: 'panel-view-list-toggle'
+})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
+
+var PanelViewListToggleWrapper = _styledComponents["default"].div.attrs({
+  className: 'panel-view-list-toggle-inner'
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: flex-end;\n  align-content: center;\n  gap: 10px;\n"])));
+
+var StyledToggleOption = _styledComponents["default"].div.attrs({
+  className: 'layer-panel-toggle-option'
+})(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  :hover {\n    cursor: pointer;\n    color: ", ";\n  }\n"])), function (props) {
+  return props.active ? props.theme.layerPanelToggleOptionColorActive : props.theme.layerPanelToggleOptionColor;
+}, function (props) {
+  return props.theme.layerPanelToggleOptionColorActive;
+});
+
+exports.StyledToggleOption = StyledToggleOption;
+
+function ToggleOptionFactory() {
+  var ToggleOption = function ToggleOption(_ref) {
+    var isActive = _ref.isActive,
+        onClick = _ref.onClick,
+        option = _ref.option;
+    return /*#__PURE__*/_react["default"].createElement(StyledToggleOption, {
+      "data-tip": true,
+      "data-for": "".concat(option.id, "-toggle-option"),
+      active: isActive,
+      onClick: onClick
+    }, /*#__PURE__*/_react["default"].createElement(option.iconComponent, {
+      height: "20px"
+    }), /*#__PURE__*/_react["default"].createElement(_styledComponents2.Tooltip, {
+      id: "".concat(option.id, "-toggle-option"),
+      effect: "solid",
+      delayShow: 500,
+      place: "bottom"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: option.label
+    }))));
+  };
+
+  return ToggleOption;
+}
+
+var TOGGLE_OPTIONS = [{
+  id: 'list',
+  iconComponent: _orderByList["default"],
+  value: 'list',
+  label: 'List'
+}, {
+  id: 'sort-by-dataset',
+  iconComponent: _orderByDataset["default"],
+  value: 'sortByDataset',
+  label: 'Sort by dataset'
+}];
+PanelViewListToggleFactory.deps = [ToggleOptionFactory];
+
+function PanelViewListToggleFactory(ToggleOption) {
+  var PanelViewListToggle = function PanelViewListToggle(props) {
+    var layerPanelListViewMode = props.layerPanelListViewMode,
+        toggleLayerPanelListView = props.toggleLayerPanelListView;
+
+    var toggleListView = function toggleListView(listView) {
+      return toggleLayerPanelListView(listView);
+    };
+
+    var options = (0, _react.useMemo)(function () {
+      return TOGGLE_OPTIONS.map(function (opt) {
+        return _objectSpread(_objectSpread({}, opt), {}, {
+          isActive: layerPanelListViewMode === opt.value
+        });
+      });
+    }, [layerPanelListViewMode]);
+    return /*#__PURE__*/_react["default"].createElement(PanelViewListToggleContainer, null, /*#__PURE__*/_react["default"].createElement(PanelViewListToggleWrapper, null, options.map(function (opt) {
+      return /*#__PURE__*/_react["default"].createElement(ToggleOption, {
+        key: opt.id,
+        onClick: function onClick() {
+          return toggleListView(opt.value);
+        },
+        option: opt,
+        isActive: opt.isActive
+      });
+    })));
+  };
+
+  return PanelViewListToggle;
+}
+
+var _default = PanelViewListToggleFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL3BhbmVsLXZpZXctbGlzdC10b2dnbGUudHN4Il0sIm5hbWVzIjpbIlBhbmVsVmlld0xpc3RUb2dnbGVDb250YWluZXIiLCJzdHlsZWQiLCJkaXYiLCJhdHRycyIsImNsYXNzTmFtZSIsIlBhbmVsVmlld0xpc3RUb2dnbGVXcmFwcGVyIiwiU3R5bGVkVG9nZ2xlT3B0aW9uIiwicHJvcHMiLCJhY3RpdmUiLCJ0aGVtZSIsImxheWVyUGFuZWxUb2dnbGVPcHRpb25Db2xvckFjdGl2ZSIsImxheWVyUGFuZWxUb2dnbGVPcHRpb25Db2xvciIsIlRvZ2dsZU9wdGlvbkZhY3RvcnkiLCJUb2dnbGVPcHRpb24iLCJpc0FjdGl2ZSIsIm9uQ2xpY2siLCJvcHRpb24iLCJpZCIsImxhYmVsIiwiVE9HR0xFX09QVElPTlMiLCJpY29uQ29tcG9uZW50IiwiT3JkZXJCeUxpc3QiLCJ2YWx1ZSIsIk9yZGVyQnlEYXRhc2V0IiwiUGFuZWxWaWV3TGlzdFRvZ2dsZUZhY3RvcnkiLCJkZXBzIiwiUGFuZWxWaWV3TGlzdFRvZ2dsZSIsImxheWVyUGFuZWxMaXN0Vmlld01vZGUiLCJ0b2dnbGVMYXllclBhbmVsTGlzdFZpZXciLCJ0b2dnbGVMaXN0VmlldyIsImxpc3RWaWV3Iiwib3B0aW9ucyIsIm1hcCIsIm9wdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7OztBQWNBLElBQU1BLDRCQUE0QixHQUFHQyw2QkFBT0MsR0FBUCxDQUFXQyxLQUFYLENBQWlCO0FBQ3BEQyxFQUFBQSxTQUFTLEVBQUU7QUFEeUMsQ0FBakIsQ0FBSCxzRkFBbEM7O0FBSUEsSUFBTUMsMEJBQTBCLEdBQUdKLDZCQUFPQyxHQUFQLENBQVdDLEtBQVgsQ0FBaUI7QUFDbERDLEVBQUFBLFNBQVMsRUFBRTtBQUR1QyxDQUFqQixDQUFILGtMQUFoQzs7QUFTTyxJQUFN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QixFQURYO0FBRUUsUUFBQSxPQUFPLEVBQUU7QUFBQSxpQkFBTVksY0FBYyxDQUFDSSxHQUFHLENBQUNYLEtBQUwsQ0FBcEI7QUFBQSxTQUZYO0FBR0UsUUFBQSxNQUFNLEVBQUVXLEdBSFY7QUFJRSxRQUFBLFFBQVEsRUFBRUEsR0FBRyxDQUFDbkI7QUFKaEIsUUFEYztBQUFBLEtBQWYsQ0FESCxDQURGLENBREY7QUFjRCxHQXZCRDs7QUF5QkEsU0FBT1ksbUJBQVA7QUFDRDs7ZUFFY0YsMEIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHt1c2VNZW1vfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBPcmRlckJ5TGlzdCBmcm9tICcuLi8uLi9jb21tb24vaWNvbnMvb3JkZXItYnktbGlzdCc7XG5pbXBvcnQgT3JkZXJCeURhdGFzZXQgZnJvbSAnLi4vLi4vY29tbW9uL2ljb25zL29yZGVyLWJ5LWRhdGFzZXQnO1xuaW1wb3J0IHtUb29sdGlwfSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5pbXBvcnQge0xheWVyUGFuZWxMaXN0Vmlld30gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5cbnR5cGUgVG9nZ2xlT3B0aW9uUHJvcHMgPSB7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xuICBvcHRpb246IHR5cGVvZiBUT0dHTEVfT1BUSU9OU1swXTtcbn07XG5cbnR5cGUgUGFuZWxWaWV3TGlzdFRvZ2dsZVByb3BzID0ge1xuICBsYXllclBhbmVsTGlzdFZpZXdNb2RlOiBMYXllclBhbmVsTGlzdFZpZXc7XG4gIHRvZ2dsZUxheWVyUGFuZWxMaXN0VmlldzogKHZpZXc6IHN0cmluZykgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFBhbmVsVmlld0xpc3RUb2dnbGVDb250YWluZXIgPSBzdHlsZWQuZGl2LmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAncGFuZWwtdmlldy1saXN0LXRvZ2dsZSdcbn0pYGA7XG5cbmNvbnN0IFBhbmVsVmlld0xpc3RUb2dnbGVXcmFwcGVyID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ3BhbmVsLXZpZXctbGlzdC10b2dnbGUtaW5uZXInXG59KWBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBnYXA6IDEwcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVG9nZ2xlT3B0aW9uID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ2xheWVyLXBhbmVsLXRvZ2dsZS1vcHRpb24nXG59KTx7YWN0aXZlOiBib29sZWFufT5gXG4gIGNvbG9yOiAke3Byb3BzID0+XG4gICAgcHJvcHMuYWN0aXZlXG4gICAgICA/IHByb3BzLnRoZW1lLmxheWVyUGFuZWxUb2dnbGVPcHRpb25Db2xvckFjdGl2ZVxuICAgICAgOiBwcm9wcy50aGVtZS5sYXllclBhbmVsVG9nZ2xlT3B0aW9uQ29sb3J9O1xuICA6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sYXllclBhbmVsVG9nZ2xlT3B0aW9uQ29sb3JBY3RpdmV9O1xuICB9XG5gO1xuXG5mdW5jdGlvbiBUb2dnbGVPcHRpb25GYWN0b3J5KCkge1xuICBjb25zdCBUb2dnbGVPcHRpb246IFJlYWN0LkZDPFRvZ2dsZU9wdGlvblByb3BzPiA9ICh7aXNBY3RpdmUsIG9uQ2xpY2ssIG9wdGlvbn0pID0+IChcbiAgICA8U3R5bGVkVG9nZ2xlT3B0aW9uXG4gICAgICBkYXRhLXRpcFxuICAgICAgZGF0YS1mb3I9e2Ake29wdGlvbi5pZH0tdG9nZ2xlLW9wdGlvbmB9XG4gICAgICBhY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICA+XG4gICAgICA8b3B0aW9uLmljb25Db21wb25lbnQgaGVpZ2h0PVwiMjBweFwiIC8+XG4gICAgICA8VG9vbHRpcCBpZD17YCR7b3B0aW9uLmlkfS10b2dnbGUtb3B0aW9uYH0gZWZmZWN0PVwic29saWRcIiBkZWxheVNob3c9ezUwMH0gcGxhY2U9XCJib3R0b21cIj5cbiAgICAgICAgPHNwYW4+XG4gICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e29wdGlvbi5sYWJlbH0gLz5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9Ub29sdGlwPlxuICAgIDwvU3R5bGVkVG9nZ2xlT3B0aW9uPlxuICApO1xuXG4gIHJldHVybiBUb2dnbGVPcHRpb247XG59XG5cbmNvbnN0IFRPR0dMRV9PUFRJT05TID0gW1xuICB7XG4gICAgaWQ6ICdsaXN0JyxcbiAgICBpY29uQ29tcG9uZW50OiBPcmRlckJ5TGlzdCxcbiAgICB2YWx1ZTogJ2xpc3QnLFxuICAgIGxhYmVsOiAnTGlzdCdcbiAgfSxcbiAge1xuICAgIGlkOiAnc29ydC1ieS1kYXRhc2V0JyxcbiAgICBpY29uQ29tcG9uZW50OiBPcmRlckJ5RGF0YXNldCxcbiAgICB2YWx1ZTogJ3NvcnRCeURhdGFzZXQnLFxuICAgIGxhYmVsOiAnU29ydCBieSBkYXRhc2V0J1xuICB9XG5dO1xuXG5QYW5lbFZpZXdMaXN0VG9nZ2xlRmFjdG9yeS5kZXBzID0gW1RvZ2dsZU9wdGlvbkZhY3RvcnldO1xuXG5mdW5jdGlvbiBQYW5lbFZpZXdMaXN0VG9nZ2xlRmFjdG9yeShUb2dnbGVPcHRpb246IFJldHVyblR5cGU8dHlwZW9mIFRvZ2dsZU9wdGlvbkZhY3Rvcnk+KSB7XG4gIGNvbnN0IFBhbmVsVmlld0xpc3RUb2dnbGU6IFJlYWN0LkZDPFBhbmVsVmlld0xpc3RUb2dnbGVQcm9wcz4gPSBwcm9wcyA9PiB7XG4gICAgY29uc3Qge2xheWVyUGFuZWxMaXN0Vmlld01vZGUsIHRvZ2dsZUxheWVyUGFuZWxMaXN0Vmlld30gPSBwcm9wcztcblxuICAgIGNvbnN0IHRvZ2dsZUxpc3RWaWV3ID0gKGxpc3RWaWV3OiBzdHJpbmcpID0+IHRvZ2dsZUxheWVyUGFuZWxMaXN0VmlldyhsaXN0Vmlldyk7XG4gICAgY29uc3Qgb3B0aW9ucyA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiBUT0dHTEVfT1BUSU9OUy5tYXAob3B0ID0+ICh7Li4ub3B0LCBpc0FjdGl2ZTogbGF5ZXJQYW5lbExpc3RWaWV3TW9kZSA9PT0gb3B0LnZhbHVlfSkpLFxuICAgICAgW2xheWVyUGFuZWxMaXN0Vmlld01vZGVdXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8UGFuZWxWaWV3TGlzdFRvZ2dsZUNvbnRhaW5lcj5cbiAgICAgICAgPFBhbmVsVmlld0xpc3RUb2dnbGVXcmFwcGVyPlxuICAgICAgICAgIHtvcHRpb25zLm1hcChvcHQgPT4gKFxuICAgICAgICAgICAgPFRvZ2dsZU9wdGlvblxuICAgICAgICAgICAgICBrZXk9e29wdC5pZH1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gdG9nZ2xlTGlzdFZpZXcob3B0LnZhbHVlKX1cbiAgICAgICAgICAgICAgb3B0aW9uPXtvcHR9XG4gICAgICAgICAgICAgIGlzQWN0aXZlPXtvcHQuaXNBY3RpdmV9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1BhbmVsVmlld0xpc3RUb2dnbGVXcmFwcGVyPlxuICAgICAgPC9QYW5lbFZpZXdMaXN0VG9nZ2xlQ29udGFpbmVyPlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIFBhbmVsVmlld0xpc3RUb2dnbGU7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhbmVsVmlld0xpc3RUb2dnbGVGYWN0b3J5O1xuIl19

package/dist/side-panel/layer-panel/single-color-palette.d.ts

@@ -0,0 +1,9 @@
+import React, { MouseEvent } from 'react';
+import { ColorRange } from '@kepler.gl/constants';
+import { RGBColor } from '@kepler.gl/types';
+declare type SingleColorPaletteProps = {
+    onSelectColor: (color: RGBColor | ColorRange, e: MouseEvent) => void;
+    selectedColor: string;
+};
+declare const SingleColorPalette: React.FC<SingleColorPaletteProps>;
+export default SingleColorPalette;

package/dist/side-panel/layer-panel/single-color-palette.js

@@ -0,0 +1,81 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _d3Array = require("d3-array");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _utils = require("@kepler.gl/utils");
+
+var _constants = require("@kepler.gl/constants");
+
+var _templateObject, _templateObject2, _templateObject3;
+
+var PALETTE_HEIGHT = '8px';
+var ROWS = 22;
+
+var StyledColorPalette = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 12px;\n\n  :hover {\n    cursor: pointer;\n  }\n"])));
+
+var StyledColorColumn = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  justify-content: space-between;\n"])));
+
+var StyledColorBlock = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  flex-grow: 1;\n  height: ", ";\n  border-width: 1px;\n  border-style: solid;\n"])), PALETTE_HEIGHT);
+
+var SingleColorPalette = function SingleColorPalette(_ref) {
+  var selectedColor = _ref.selectedColor,
+      onSelectColor = _ref.onSelectColor;
+  return /*#__PURE__*/_react["default"].createElement(StyledColorPalette, {
+    className: "single-color-palette"
+  }, _constants.Themes.map(function (theme, col) {
+    return /*#__PURE__*/_react["default"].createElement(StyledColorColumn, {
+      key: theme,
+      className: "single-color-palette__column"
+    }, (0, _d3Array.range)(1, ROWS + 1, 1).map(function (key, i) {
+      return /*#__PURE__*/_react["default"].createElement(StyledColorBlock, {
+        className: "single-color-palette__block",
+        style: {
+          backgroundColor: _constants.ColorsByTheme[theme][key],
+          borderColor: selectedColor === _constants.ColorsByTheme[theme][key].toUpperCase() ? 'white' : _constants.ColorsByTheme[theme][key]
+        },
+        key: "".concat(theme, "_").concat(key),
+        selected: selectedColor === _constants.ColorsByTheme[theme][key].toUpperCase(),
+        onClick: function onClick(e) {
+          return onSelectColor((0, _utils.hexToRgb)(_constants.ColorsByTheme[theme][key]), e);
+        }
+      });
+    }));
+  }));
+};
+
+var _default = SingleColorPalette;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL3NpbmdsZS1jb2xvci1wYWxldHRlLnRzeCJdLCJuYW1lcyI6WyJQQUxFVFRFX0hFSUdIVCIsIlJPV1MiLCJTdHlsZWRDb2xvclBhbGV0dGUiLCJzdHlsZWQiLCJkaXYiLCJTdHlsZWRDb2xvckNvbHVtbiIsIlN0eWxlZENvbG9yQmxvY2siLCJTaW5nbGVDb2xvclBhbGV0dGUiLCJzZWxlY3RlZENvbG9yIiwib25TZWxlY3RDb2xvciIsIlRoZW1lcyIsIm1hcCIsInRoZW1lIiwiY29sIiwia2V5IiwiaSIsImJhY2tncm91bmRDb2xvciIsIkNvbG9yc0J5VGhlbWUiLCJib3JkZXJDb2xvciIsInRvVXBwZXJDYXNlIiwiZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBRUE7Ozs7QUFTQSxJQUFNQSxjQUFjLEdBQUcsS0FBdkI7QUFDQSxJQUFNQyxJQUFJLEdBQUcsRUFBYjs7QUFFQSxJQUFNQyxrQkFBa0IsR0FBR0MsNkJBQU9DLEdBQVYsZ09BQXhCOztBQVdBLElBQU1DLGlCQUFpQixHQUFHRiw2QkFBT0MsR0FBViwyTEFBdkI7O0FBT0EsSUFBTUUsZ0JBQWdCLEdBQUdILDZCQUFPQyxHQUFWLDJLQUVWSixjQUZVLENBQXRCOztBQU9BLElBQU1PLGtCQUFxRCxHQUFHLFNBQXhEQSxrQkFBd0Q7QUFBQSxNQUFFQyxhQUFGLFFBQUVBLGFBQUY7QUFBQSxNQUFpQkMsYUFBakIsUUFBaUJBLGFBQWpCO0FBQUEsc0JBQzVELGdDQUFDLGtCQUFEO0FBQW9CLElBQUEsU0FBUyxFQUFDO0FBQTlCLEtBQ0dDLGtCQUFPQyxHQUFQLENBQVcsVUFBQ0MsS0FBRCxFQUFRQyxHQUFSO0FBQUEsd0JBQ1YsZ0NBQUMsaUJBQUQ7QUFBbUIsTUFBQSxHQUFHLEVBQUVELEtBQXhCO0FBQStCLE1BQUEsU0FBUyxFQUFDO0FBQXpDLE9BQ0csb0JBQU0sQ0FBTixFQUFTWCxJQUFJLEdBQUcsQ0FBaEIsRUFBbUIsQ0FBbkIsRUFBc0JVLEdBQXRCLENBQTBCLFVBQUNHLEdBQUQsRUFBTUMsQ0FBTjtBQUFBLDBCQUN6QixnQ0FBQyxnQkFBRDtBQUNFLFFBQUEsU0FBUyxFQUFDLDZCQURaO0FBRUUsUUFBQSxLQUFLLEVBQUU7QUFDTEMsVUFBQUEsZUFBZSxFQUFFQyx5QkFBY0wsS0FBZCxFQUFxQkUsR0FBckIsQ0FEWjtBQUVMSSxVQUFBQSxXQUFXLEVBQ1RWLGFBQWEsS0FBS1MseUJBQWNMLEtBQWQsRUFBcUJFLEdBQXJCLEVBQTBCSyxXQUExQixFQUFsQixHQUNJLE9BREosR0FFSUYseUJBQWNMLEtBQWQsRUFBcUJFLEdBQXJCO0FBTEQsU0FGVDtBQVNFLFFBQUEsR0FBRyxZQUFLRixLQUFMLGNBQWNFLEdBQWQsQ0FUTDtBQVVFLFFBQUEsUUFBUSxFQUFFTixhQUFhLEtBQUtTLHlCQUFjTCxLQUFkLEVBQXFCRSxHQUFyQixFQUEwQkssV0FBMUIsRUFWOUI7QUFXRSxRQUFBLE9BQU8sRUFBRSxpQkFBQUMsQ0FBQztBQUFBLGlCQUFJWCxhQUFhLENBQUMscUJBQVNRLHlCQUFjTCxLQUFkLEVBQXFCRSxHQUFyQixDQUFULENBQUQsRUFBc0NNLENBQXRDLENBQWpCO0FBQUE7QUFYWixRQUR5QjtBQUFBLEtBQTFCLENBREgsQ0FEVTtBQUFBLEdBQVgsQ0FESCxDQUQ0RDtBQUFBLENBQTlEOztlQXdCZWIsa0IiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHtNb3VzZUV2ZW50fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQge3JhbmdlfSBmcm9tICdkMy1hcnJheSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7aGV4VG9SZ2J9IGZyb20gJ0BrZXBsZXIuZ2wvdXRpbHMnO1xuXG5pbXBvcnQge0NvbG9yc0J5VGhlbWUsIFRoZW1lcywgQ29sb3JSYW5nZX0gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuaW1wb3J0IHtSR0JDb2xvcn0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5cbnR5cGUgU2luZ2xlQ29sb3JQYWxldHRlUHJvcHMgPSB7XG4gIG9uU2VsZWN0Q29sb3I6IChjb2xvcjogUkdCQ29sb3IgfCBDb2xvclJhbmdlLCBlOiBNb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAvLyBoZXggdmFsdWVcbiAgc2VsZWN0ZWRDb2xvcjogc3RyaW5nO1xufTtcblxuY29uc3QgUEFMRVRURV9IRUlHSFQgPSAnOHB4JztcbmNvbnN0IFJPV1MgPSAyMjtcblxuY29uc3QgU3R5bGVkQ29sb3JQYWxldHRlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBwYWRkaW5nOiAxMnB4O1xuXG4gIDpob3ZlciB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDb2xvckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxuY29uc3QgU3R5bGVkQ29sb3JCbG9jayA9IHN0eWxlZC5kaXY8e3NlbGVjdGVkOiBib29sZWFufT5gXG4gIGZsZXgtZ3JvdzogMTtcbiAgaGVpZ2h0OiAke1BBTEVUVEVfSEVJR0hUfTtcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG5gO1xuXG5jb25zdCBTaW5nbGVDb2xvclBhbGV0dGU6IFJlYWN0LkZDPFNpbmdsZUNvbG9yUGFsZXR0ZVByb3BzPiA9ICh7c2VsZWN0ZWRDb2xvciwgb25TZWxlY3RDb2xvcn0pID0+IChcbiAgPFN0eWxlZENvbG9yUGFsZXR0ZSBjbGFzc05hbWU9XCJzaW5nbGUtY29sb3ItcGFsZXR0ZVwiPlxuICAgIHtUaGVtZXMubWFwKCh0aGVtZSwgY29sKSA9PiAoXG4gICAgICA8U3R5bGVkQ29sb3JDb2x1bW4ga2V5PXt0aGVtZX0gY2xhc3NOYW1lPVwic2luZ2xlLWNvbG9yLXBhbGV0dGVfX2NvbHVtblwiPlxuICAgICAgICB7cmFuZ2UoMSwgUk9XUyArIDEsIDEpLm1hcCgoa2V5LCBpKSA9PiAoXG4gICAgICAgICAgPFN0eWxlZENvbG9yQmxvY2tcbiAgICAgICAgICAgIGNsYXNzTmFtZT1cInNpbmdsZS1jb2xvci1wYWxldHRlX19ibG9ja1wiXG4gICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IENvbG9yc0J5VGhlbWVbdGhlbWVdW2tleV0sXG4gICAgICAgICAgICAgIGJvcmRlckNvbG9yOlxuICAgICAgICAgICAgICAgIHNlbGVjdGVkQ29sb3IgPT09IENvbG9yc0J5VGhlbWVbdGhlbWVdW2tleV0udG9VcHBlckNhc2UoKVxuICAgICAgICAgICAgICAgICAgPyAnd2hpdGUnXG4gICAgICAgICAgICAgICAgICA6IENvbG9yc0J5VGhlbWVbdGhlbWVdW2tleV1cbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBrZXk9e2Ake3RoZW1lfV8ke2tleX1gfVxuICAgICAgICAgICAgc2VsZWN0ZWQ9e3NlbGVjdGVkQ29sb3IgPT09IENvbG9yc0J5VGhlbWVbdGhlbWVdW2tleV0udG9VcHBlckNhc2UoKX1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2UgPT4gb25TZWxlY3RDb2xvcihoZXhUb1JnYihDb2xvcnNCeVRoZW1lW3RoZW1lXVtrZXldKSwgZSl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICA8L1N0eWxlZENvbG9yQ29sdW1uPlxuICAgICkpfVxuICA8L1N0eWxlZENvbG9yUGFsZXR0ZT5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFNpbmdsZUNvbG9yUGFsZXR0ZTtcbiJdfQ==

package/dist/side-panel/layer-panel/text-label-panel.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import LayerConfigGroupFactory from './layer-config-group';
+import RangeSliderFactory from '../../common/range-slider';
+import FieldSelectorFactory from '../../common/field-selector';
+import { LayerTextLabel, Field } from '@kepler.gl/types';
+declare type TextLabelPanelProps = {
+    fields: Field[];
+    textLabel: LayerTextLabel[];
+    updateLayerTextLabel: (idx: number | 'all', prop: string, value: any) => void;
+};
+declare function TextLabelPanelFactory(RangeSlider: ReturnType<typeof RangeSliderFactory>, LayerConfigGroup: ReturnType<typeof LayerConfigGroupFactory>, FieldSelector: ReturnType<typeof FieldSelectorFactory>): React.ComponentType<TextLabelPanelProps>;
+declare namespace TextLabelPanelFactory {
+    var deps: (typeof RangeSliderFactory | typeof FieldSelectorFactory | typeof LayerConfigGroupFactory)[];
+}
+export default TextLabelPanelFactory;

package/dist/side-panel/layer-panel/text-label-panel.js

@@ -0,0 +1,171 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _localization = require("@kepler.gl/localization");
+
+var _styledComponents = require("../../common/styled-components");
+
+var _icons = require("../../common/icons");
+
+var _colorSelector = _interopRequireDefault(require("./color-selector"));
+
+var _itemSelector = _interopRequireDefault(require("../../common/item-selector/item-selector"));
+
+var _layerConfigGroup = _interopRequireWildcard(require("./layer-config-group"));
+
+var _rangeSlider = _interopRequireDefault(require("../../common/range-slider"));
+
+var _fieldSelector = _interopRequireDefault(require("../../common/field-selector"));
+
+var _constants = require("@kepler.gl/constants");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+TextLabelPanelFactory.deps = [_rangeSlider["default"], _layerConfigGroup["default"], _fieldSelector["default"]];
+
+function TextLabelPanelFactory(RangeSlider, LayerConfigGroup, FieldSelector) {
+  var TextLabelPanel = /*#__PURE__*/function (_Component) {
+    (0, _inherits2["default"])(TextLabelPanel, _Component);
+
+    var _super = _createSuper(TextLabelPanel);
+
+    function TextLabelPanel() {
+      (0, _classCallCheck2["default"])(this, TextLabelPanel);
+      return _super.apply(this, arguments);
+    }
+
+    (0, _createClass2["default"])(TextLabelPanel, [{
+      key: "render",
+      value: function render() {
+        var _this$props = this.props,
+            updateLayerTextLabel = _this$props.updateLayerTextLabel,
+            textLabel = _this$props.textLabel,
+            fields = _this$props.fields;
+        var currentFields = textLabel.map(function (tl) {
+          return tl.field && tl.field.name;
+        }).filter(function (d) {
+          return Boolean(d);
+        });
+        return /*#__PURE__*/_react["default"].createElement(LayerConfigGroup, {
+          label: 'panel.text.label',
+          collapsible: true
+        }, /*#__PURE__*/_react["default"].createElement(_layerConfigGroup.ConfigGroupCollapsibleHeader, null, /*#__PURE__*/_react["default"].createElement(FieldSelector, {
+          fields: fields,
+          value: currentFields,
+          onSelect: function onSelect(selected) {
+            return updateLayerTextLabel('all', 'fields', selected);
+          },
+          multiSelect: true
+        })), /*#__PURE__*/_react["default"].createElement(_layerConfigGroup.ConfigGroupCollapsibleContent, null, textLabel.map(function (tl, idx) {
+          return /*#__PURE__*/_react["default"].createElement("div", {
+            key: tl.field ? tl.field.name : "null-".concat(idx)
+          }, /*#__PURE__*/_react["default"].createElement(_styledComponents.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+            id: 'panel.text.labelWithId',
+            values: {
+              labelId: idx + 1
+            }
+          })), /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(FieldSelector, {
+            fields: fields,
+            value: tl.field && tl.field.name || 'placeholder.selectField',
+            placeholder: 'placeholder.empty',
+            onSelect: function onSelect(v) {
+              return updateLayerTextLabel(idx, 'field', v);
+            },
+            erasable: true
+          })), /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(_styledComponents.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+            id: "panel.text.fontSize"
+          })), /*#__PURE__*/_react["default"].createElement(RangeSlider, (0, _extends2["default"])({}, _constants.LAYER_TEXT_CONFIGS.fontSize, {
+            value1: tl.size,
+            isRanged: false,
+            onChange: function onChange(v) {
+              return updateLayerTextLabel(idx, 'size', v[1]);
+            }
+          }))), /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(_styledComponents.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+            id: "panel.text.fontColor"
+          })), /*#__PURE__*/_react["default"].createElement(_colorSelector["default"], {
+            colorSets: [{
+              selectedColor: tl.color,
+              setColor: function setColor(v) {
+                return updateLayerTextLabel(idx, 'color', v);
+              }
+            }]
+          })), /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(_styledComponents.SpaceBetweenFlexbox, null, /*#__PURE__*/_react["default"].createElement(_styledComponents.SBFlexboxItem, null, /*#__PURE__*/_react["default"].createElement(_styledComponents.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+            id: "panel.text.textAnchor"
+          })), /*#__PURE__*/_react["default"].createElement(_itemSelector["default"], (0, _extends2["default"])({}, _constants.LAYER_TEXT_CONFIGS.textAnchor, {
+            selectedItems: tl.anchor,
+            onChange: function onChange(val) {
+              return updateLayerTextLabel(idx, 'anchor', val);
+            }
+          }))), /*#__PURE__*/_react["default"].createElement(_styledComponents.SBFlexboxItem, null, /*#__PURE__*/_react["default"].createElement(_styledComponents.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+            id: "panel.text.alignment"
+          })), /*#__PURE__*/_react["default"].createElement(_itemSelector["default"], (0, _extends2["default"])({}, _constants.LAYER_TEXT_CONFIGS.textAlignment, {
+            selectedItems: tl.alignment,
+            onChange: function onChange(val) {
+              return updateLayerTextLabel(idx, 'alignment', val);
+            }
+          }))))));
+        }), /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(_styledComponents.Button, {
+          link: true,
+          onClick: function onClick() {
+            return updateLayerTextLabel(textLabel.length, '', null);
+          }
+        }, /*#__PURE__*/_react["default"].createElement(_icons.Add, {
+          height: "12px"
+        }), /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+          id: "panel.text.addMoreLabel"
+        })))));
+      }
+    }]);
+    return TextLabelPanel;
+  }(_react.Component);
+
+  return TextLabelPanel;
+}
+
+var _default = TextLabelPanelFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL3RleHQtbGFiZWwtcGFuZWwudHN4Il0sIm5hbWVzIjpbIlRleHRMYWJlbFBhbmVsRmFjdG9yeSIsImRlcHMiLCJSYW5nZVNsaWRlckZhY3RvcnkiLCJMYXllckNvbmZpZ0dyb3VwRmFjdG9yeSIsIkZpZWxkU2VsZWN0b3JGYWN0b3J5IiwiUmFuZ2VTbGlkZXIiLCJMYXllckNvbmZpZ0dyb3VwIiwiRmllbGRTZWxlY3RvciIsIlRleHRMYWJlbFBhbmVsIiwicHJvcHMiLCJ1cGRhdGVMYXllclRleHRMYWJlbCIsInRleHRMYWJlbCIsImZpZWxkcyIsImN1cnJlbnRGaWVsZHMiLCJtYXAiLCJ0bCIsImZpZWxkIiwibmFtZSIsImZpbHRlciIsImQiLCJCb29sZWFuIiwic2VsZWN0ZWQiLCJpZHgiLCJsYWJlbElkIiwidiIsIkxBWUVSX1RFWFRfQ09ORklHUyIsImZvbnRTaXplIiwic2l6ZSIsInNlbGVjdGVkQ29sb3IiLCJjb2xvciIsInNldENvbG9yIiwidGV4dEFuY2hvciIsImFuY2hvciIsInZhbCIsInRleHRBbGlnbm1lbnQiLCJhbGlnbm1lbnQiLCJsZW5ndGgiLCJDb21wb25lbnQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUVBOztBQU9BOztBQUNBOztBQUNBOztBQUNBOztBQUlBOztBQUVBOztBQUVBOzs7Ozs7QUFRQUEscUJBQXFCLENBQUNDLElBQXRCLEdBQTZCLENBQUNDLHVCQUFELEVBQXFCQyw0QkFBckIsRUFBOENDLHlCQUE5QyxDQUE3Qjs7QUFFQSxTQUFTSixxQkFBVCxDQUNFSyxXQURGLEVBRUVDLGdCQUZGLEVBR0VDLGFBSEYsRUFJNEM7QUFBQSxNQUNwQ0MsY0FEb0M7QUFBQTs7QUFBQTs7QUFBQTtBQUFBO0FBQUE7QUFBQTs7QUFBQTtBQUFBO0FBQUEsYUFFeEMsa0JBQVM7QUFBQSwwQkFDMkMsS0FBS0MsS0FEaEQ7QUFB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LENBREY7QUFvRkQ7QUExRnVDO0FBQUE7QUFBQSxJQUNiQyxnQkFEYTs7QUE2RjFDLFNBQU83QixjQUFQO0FBQ0Q7O2VBRWNSLHFCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7Q29tcG9uZW50fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcblxuaW1wb3J0IHtcbiAgQnV0dG9uLFxuICBQYW5lbExhYmVsLFxuICBTQkZsZXhib3hJdGVtLFxuICBTaWRlUGFuZWxTZWN0aW9uLFxuICBTcGFjZUJldHdlZW5GbGV4Ym94XG59IGZyb20gJy4uLy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge0FkZH0gZnJvbSAnLi4vLi4vY29tbW9uL2ljb25zJztcbmltcG9ydCBDb2xvclNlbGVjdG9yIGZyb20gJy4vY29sb3Itc2VsZWN0b3InO1xuaW1wb3J0IEl0ZW1TZWxlY3RvciBmcm9tICcuLi8uLi9jb21tb24vaXRlbS1zZWxlY3Rvci9pdGVtLXNlbGVjdG9yJztcbmltcG9ydCBMYXllckNvbmZpZ0dyb3VwRmFjdG9yeSwge1xuICBDb25maWdHcm91cENvbGxhcHNpYmxlQ29udGVudCxcbiAgQ29uZmlnR3JvdXBDb2xsYXBzaWJsZUhlYWRlclxufSBmcm9tICcuL2xheWVyLWNvbmZpZy1ncm91cCc7XG5pbXBvcnQgUmFuZ2VTbGlkZXJGYWN0b3J5IGZyb20gJy4uLy4uL2NvbW1vbi9yYW5nZS1zbGlkZXInO1xuXG5pbXBvcnQgRmllbGRTZWxlY3RvckZhY3RvcnkgZnJvbSAnLi4vLi4vY29tbW9uL2ZpZWxkLXNlbGVjdG9yJztcbmltcG9ydCB7UkdCQ29sb3IsIExheWVyVGV4dExhYmVsLCBGaWVsZH0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5pbXBvcnQge0xBWUVSX1RFWFRfQ09ORklHU30gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuXG50eXBlIFRleHRMYWJlbFBhbmVsUHJvcHMgPSB7XG4gIGZpZWxkczogRmllbGRbXTtcbiAgdGV4dExhYmVsOiBMYXllclRleHRMYWJlbFtdO1xuICB1cGRhdGVMYXllclRleHRMYWJlbDogKGlkeDogbnVtYmVyIHwgJ2FsbCcsIHByb3A6IHN0cmluZywgdmFsdWU6IGFueSkgPT4gdm9pZDtcbn07XG5cblRleHRMYWJlbFBhbmVsRmFjdG9yeS5kZXBzID0gW1JhbmdlU2xpZGVyRmFjdG9yeSwgTGF5ZXJDb25maWdHcm91cEZhY3RvcnksIEZpZWxkU2VsZWN0b3JGYWN0b3J5XTtcblxuZnVuY3Rpb24gVGV4dExhYmVsUGFuZWxGYWN0b3J5KFxuICBSYW5nZVNsaWRlcjogUmV0dXJuVHlwZTx0eXBlb2YgUmFuZ2VTbGlkZXJGYWN0b3J5PixcbiAgTGF5ZXJDb25maWdHcm91cDogUmV0dXJuVHlwZTx0eXBlb2YgTGF5ZXJDb25maWdHcm91cEZhY3Rvcnk+LFxuICBGaWVsZFNlbGVjdG9yOiBSZXR1cm5UeXBlPHR5cGVvZiBGaWVsZFNlbGVjdG9yRmFjdG9yeT5cbik6IFJlYWN0LkNvbXBvbmVudFR5cGU8VGV4dExhYmVsUGFuZWxQcm9wcz4ge1xuICBjbGFzcyBUZXh0TGFiZWxQYW5lbCBleHRlbmRzIENvbXBvbmVudDxUZXh0TGFiZWxQYW5lbFByb3BzPiB7XG4gICAgcmVuZGVyKCkge1xuICAgICAgY29uc3Qge3VwZGF0ZUxheWVyVGV4dExhYmVsLCB0ZXh0TGFiZWwsIGZpZWxkc30gPSB0aGlzLnByb3BzO1xuICAgICAgY29uc3QgY3VycmVudEZpZWxkcyA9IHRleHRMYWJlbC5tYXAodGwgPT4gdGwuZmllbGQgJiYgdGwuZmllbGQubmFtZSkuZmlsdGVyKGQgPT4gQm9vbGVhbihkKSk7XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxMYXllckNvbmZpZ0dyb3VwIGxhYmVsPXsncGFuZWwudGV4dC5sYWJlbCd9IGNvbGxhcHNpYmxlPlxuICAgICAgICAgIDxDb25maWdHcm91cENvbGxhcHNpYmxlSGVhZGVyPlxuICAgICAgICAgICAgPEZpZWxkU2VsZWN0b3JcbiAgICAgICAgICAgICAgZmllbGRzPXtmaWVsZHN9XG4gICAgICAgICAgICAgIHZhbHVlPXtjdXJyZW50RmllbGRzIGFzIHN0cmluZ1tdfVxuICAgICAgICAgICAgICBvblNlbGVjdD17c2VsZWN0ZWQgPT4gdXBkYXRlTGF5ZXJUZXh0TGFiZWwoJ2FsbCcsICdmaWVsZHMnLCBzZWxlY3RlZCl9XG4gICAgICAgICAgICAgIG11bHRpU2VsZWN0XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQ29uZmlnR3JvdXBDb2xsYXBzaWJsZUhlYWRlcj5cbiAgICAgICAgICA8Q29uZmlnR3JvdXBDb2xsYXBzaWJsZUNvbnRlbnQ+XG4gICAgICAgICAgICB7dGV4dExhYmVsLm1hcCgodGwsIGlkeCkgPT4gKFxuICAgICAgICAgICAgICA8ZGl2IGtleT17dGwuZmllbGQgPyB0bC5maWVsZC5uYW1lIDogYG51bGwtJHtpZHh9YH0+XG4gICAgICAgICAgICAgICAgPFBhbmVsTGFiZWw+XG4gICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17J3BhbmVsLnRleHQubGFiZWxXaXRoSWQnfSB2YWx1ZXM9e3tsYWJlbElkOiBpZHggKyAxfX0gLz5cbiAgICAgICAgICAgICAgICA8L1BhbmVsTGFiZWw+XG4gICAgICAgICAgICAgICAgPFNpZGVQYW5lbFNlY3Rpb24+XG4gICAgICAgICAgICAgICAgICA8RmllbGRTZWxlY3RvclxuICAgICAgICAgICAgICAgICAgICBmaWVsZHM9e2ZpZWxkc31cbiAgICAgICAgICAgICAgICAgICAgdmFsdWU9eyh0bC5maWVsZCAmJiB0bC5maWVsZC5uYW1lKSB8fCAncGxhY2Vob2xkZXIuc2VsZWN0RmllbGQnfVxuICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17J3BsYWNlaG9sZGVyLmVtcHR5J31cbiAgICAgICAgICAgICAgICAgICAgb25TZWxlY3Q9e3YgPT4gdXBkYXRlTGF5ZXJUZXh0TGFiZWwoaWR4LCAnZmllbGQnLCB2KX1cbiAgICAgICAgICAgICAgICAgICAgZXJhc2FibGVcbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICAgICAgICAgIDxTaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICAgICAgICAgICAgPFBhbmVsTGFiZWw+XG4gICAgICAgICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPVwicGFuZWwudGV4dC5mb250U2l6ZVwiIC8+XG4gICAgICAgICAgICAgICAgICA8L1BhbmVsTGFiZWw+XG4gICAgICAgICAgICAgICAgICA8UmFuZ2VTbGlkZXJcbiAgICAgICAgICAgICAgICAgICAgey4uLkxBWUVSX1RFWFRfQ09ORklHUy5mb250U2l6ZX1cbiAgICAgICAgICAgICAgICAgICAgdmFsdWUxPXt0bC5zaXplfVxuICAgICAgICAgICAgICAgICAgICBpc1JhbmdlZD17ZmFsc2V9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXt2ID0+IHVwZGF0ZUxheWVyVGV4dExhYmVsKGlkeCwgJ3NpemUnLCB2WzFdKX1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICAgICAgICAgIDxTaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICAgICAgICAgICAgPFBhbmVsTGFiZWw+XG4gICAgICAgICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPVwicGFuZWwudGV4dC5mb250Q29sb3JcIiAvPlxuICAgICAgICAgICAgICAgICAgPC9QYW5lbExhYmVsPlxuICAgICAgICAgICAgICAgICAgPENvbG9yU2VsZWN0b3JcbiAgICAgICAgICAgICAgICAgICAgY29sb3JTZXRzPXtbXG4gICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgc2VsZWN0ZWRDb2xvcjogdGwuY29sb3IsXG4gICAgICAgICAgICAgICAgICAgICAgICBzZXRDb2xvcjogKHY6IFJHQkNvbG9yKSA9PiB1cGRhdGVMYXllclRleHRMYWJlbChpZHgsICdjb2xvcicsIHYpXG4gICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBdfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L1NpZGVQYW5lbFNlY3Rpb24+XG4gICAgICAgICAgICAgICAgPFNpZGVQYW5lbFNlY3Rpb24+XG4gICAgICAgICAgICAgICAgICA8U3BhY2VCZXR3ZWVuRmxleGJveD5cbiAgICAgICAgICAgICAgICAgICAgPFNCRmxleGJveEl0ZW0+XG4gICAgICAgICAgICAgICAgICAgICAgPFBhbmVsTGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD1cInBhbmVsLnRleHQudGV4dEFuY2hvclwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgPC9QYW5lbExhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgIDxJdGVtU2VsZWN0b3JcbiAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5MQVlFUl9URVhUX0NPTkZJR1MudGV4dEFuY2hvcn1cbiAgICAgICAgICAgICAgICAgICAgICAgIHNlbGVjdGVkSXRlbXM9e3RsLmFuY2hvcn1cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXt2YWwgPT4gdXBkYXRlTGF5ZXJUZXh0TGFiZWwoaWR4LCAnYW5jaG9yJywgdmFsKX1cbiAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L1NCRmxleGJveEl0ZW0+XG4gICAgICAgICAgICAgICAgICAgIDxTQkZsZXhib3hJdGVtPlxuICAgICAgICAgICAgICAgICAgICAgIDxQYW5lbExhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9XCJwYW5lbC50ZXh0LmFsaWdubWVudFwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgPC9QYW5lbExhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgIDxJdGVtU2VsZWN0b3JcbiAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5MQVlFUl9URVhUX0NPTkZJR1MudGV4dEFsaWdubWVudH1cbiAgICAgICAgICAgICAgICAgICAgICAgIHNlbGVjdGVkSXRlbXM9e3RsLmFsaWdubWVudH1cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXt2YWwgPT4gdXBkYXRlTGF5ZXJUZXh0TGFiZWwoaWR4LCAnYWxpZ25tZW50JywgdmFsKX1cbiAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L1NCRmxleGJveEl0ZW0+XG4gICAgICAgICAgICAgICAgICA8L1NwYWNlQmV0d2VlbkZsZXhib3g+XG4gICAgICAgICAgICAgICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPFNpZGVQYW5lbFNlY3Rpb24+XG4gICAgICAgICAgICAgIDxCdXR0b24gbGluayBvbkNsaWNrPXsoKSA9PiB1cGRhdGVMYXllclRleHRMYWJlbCh0ZXh0TGFiZWwubGVuZ3RoLCAnJywgbnVsbCl9PlxuICAgICAgICAgICAgICAgIDxBZGQgaGVpZ2h0PVwiMTJweFwiIC8+XG4gICAgICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9XCJwYW5lbC50ZXh0LmFkZE1vcmVMYWJlbFwiIC8+XG4gICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICAgIDwvQ29uZmlnR3JvdXBDb2xsYXBzaWJsZUNvbnRlbnQ+XG4gICAgICAgIDwvTGF5ZXJDb25maWdHcm91cD5cbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIFRleHRMYWJlbFBhbmVsO1xufVxuXG5leHBvcnQgZGVmYXVsdCBUZXh0TGFiZWxQYW5lbEZhY3Rvcnk7XG4iXX0=