@kepler.gl/components 3.0.0 → 3.1.0-alpha.1

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

@@ -1,65 +0,0 @@
-"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 _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _localization = require("@kepler.gl/localization");
-
-var _styledComponents2 = require("../../common/styled-components");
-
-var _fieldSelector = _interopRequireDefault(require("../../common/field-selector"));
-
-var _reducers = require("@kepler.gl/reducers");
-
-var _templateObject, _templateObject2, _templateObject3;
-
-var ColumnRow = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  margin-bottom: 8px;\n  align-items: center;\n"])));
-
-var ColumnName = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 27%;\n  line-height: 1.2;\n  padding-right: 6px;\n"])));
-
-var ColumnSelect = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 73%;\n"])));
-
-ColumnSelectorFactory.deps = [_fieldSelector["default"]];
-
-function ColumnSelectorFactory(FieldSelector) {
-  var ColumnSelector = function ColumnSelector(_ref) {
-    var column = _ref.column,
-        columns = _ref.columns,
-        label = _ref.label,
-        allFields = _ref.allFields,
-        onSelect = _ref.onSelect,
-        fieldPairs = _ref.fieldPairs;
-    return /*#__PURE__*/_react["default"].createElement(ColumnRow, {
-      className: "layer-config__column__selector"
-    }, /*#__PURE__*/_react["default"].createElement(ColumnName, {
-      className: "layer-config__column__name"
-    }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
-      id: "columns.".concat(label)
-    }), !column.optional ? "  *" : null)), /*#__PURE__*/_react["default"].createElement(ColumnSelect, {
-      className: "layer-config__column__select"
-    }, /*#__PURE__*/_react["default"].createElement(FieldSelector, {
-      suggested: fieldPairs,
-      error: !(0, _reducers.validateColumn)(column, columns, allFields),
-      fields: allFields,
-      value: column.value,
-      erasable: Boolean(column.optional),
-      onSelect: onSelect
-    })));
-  };
-
-  return ColumnSelector;
-}
-
-var _default = ColumnSelectorFactory;
-exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2NvbHVtbi1zZWxlY3Rvci50c3giXSwibmFtZXMiOlsiQ29sdW1uUm93Iiwic3R5bGVkIiwiZGl2IiwiQ29sdW1uTmFtZSIsIkNvbHVtblNlbGVjdCIsIkNvbHVtblNlbGVjdG9yRmFjdG9yeSIsImRlcHMiLCJGaWVsZFNlbGVjdG9yRmFjdG9yeSIsIkZpZWxkU2VsZWN0b3IiLCJDb2x1bW5TZWxlY3RvciIsImNvbHVtbiIsImNvbHVtbnMiLCJsYWJlbCIsImFsbEZpZWxkcyIsIm9uU2VsZWN0IiwiZmllbGRQYWlycyIsIm9wdGlvbmFsIiwidmFsdWUiLCJCb29sZWFuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUdBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7O0FBMkJBLElBQU1BLFNBQVMsR0FBR0MsNkJBQU9DLEdBQVYseUpBQWY7O0FBTUEsSUFBTUMsVUFBVSxHQUFHRiw2QkFBT0MsR0FBVixxSkFBaEI7O0FBTUEsSUFBTUUsWUFBWSxHQUFHSCw2QkFBT0MsR0FBVix5R0FBbEI7O0FBSUFHLHFCQUFxQixDQUFDQyxJQUF0QixHQUE2QixDQUFDQyx5QkFBRCxDQUE3Qjs7QUFFQSxTQUFTRixxQkFBVCxDQUErQkcsYUFBL0IsRUFBdUY7QUFDckYsTUFBTUMsY0FBNkMsR0FBRyxTQUFoREEsY0FBZ0Q7QUFBQSxRQUNwREMsTUFEb0QsUUFDcERBLE1BRG9EO0FBQUEsUUFFcERDLE9BRm9ELFFBRXBEQSxPQUZvRDtBQUFBLFFBR3BEQyxLQUhvRCxRQUdwREEsS0FIb0Q7QUFBQSxRQUlwREMsU0FKb0QsUUFJcERBLFNBSm9EO0FBQUEsUUFLcERDLFFBTG9ELFFBS3BEQSxRQUxvRDtBQUFBLFFBTXBEQyxVQU5vRCxRQU1wREEsVUFOb0Q7QUFBQSx3QkFRcEQsZ0NBQUMsU0FBRDtBQUFXLE1BQUEsU0FBUyxFQUFDO0FBQXJCLG9CQUNFLGdDQUFDLFVBQUQ7QUFBWSxNQUFBLFNBQVMsRUFBQztBQUF0QixvQkFDRSxnQ0FBQyw2QkFBRCxxQkFDRSxnQ0FBQyw4QkFBRDtBQUFrQixNQUFBLEVBQUUsb0JBQWFILEtBQWI7QUFBcEIsTUFERixFQUVHLENBQUNGLE1BQU0sQ0FBQ00sUUFBUixXQUEyQixJQUY5QixDQURGLENBREYsZUFPRSxnQ0FBQyxZQUFEO0FBQWMsTUFBQSxTQUFTLEVBQUM7QUFBeEIsb0JBQ0UsZ0NBQUMsYUFBRDtBQUNFLE1BQUEsU0FBUyxFQUFFRCxVQURiO0FBRUUsTUFBQSxLQUFLLEVBQUUsQ0FBQyw4QkFBZUwsTUFBZixFQUF1QkMsT0FBdkIsRUFBZ0NFLFNBQWhDLENBRlY7QUFHRSxNQUFBLE1BQU0sRUFBRUEsU0FIVjtBQUlFLE1BQUEsS0FBSyxFQUFFSCxNQUFNLENBQUNPLEtBSmhCO0FBS0UsTUFBQSxRQUFRLEVBQUVDLE9BQU8sQ0FBQ1IsTUFBTSxDQUFDTSxRQUFSLENBTG5CO0FBTUUsTUFBQSxRQUFRLEVBQUVGO0FBTlosTUFERixDQVBGLENBUm9EO0FBQUEsR0FBdEQ7O0FBMkJBLFNBQU9MLGNBQVA7QUFDRDs7ZUFFY0oscUIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcbmltcG9ydCB7UGFuZWxMYWJlbH0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBGaWVsZFNlbGVjdG9yRmFjdG9yeSBmcm9tICcuLi8uLi9jb21tb24vZmllbGQtc2VsZWN0b3InO1xuaW1wb3J0IHt2YWxpZGF0ZUNvbHVtbn0gZnJvbSAnQGtlcGxlci5nbC9yZWR1Y2Vycyc7XG5pbXBvcnQge0xheWVyQ29sdW1uLCBMYXllckNvbHVtbnN9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcbmltcG9ydCB7RmllbGQsIEZpZWxkUGFpcn0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5cbnR5cGUgUGFpciA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB0eXBlOiBzdHJpbmc7XG4gIHBhaXI6IEZpZWxkUGFpclsncGFpciddO1xufTtcblxudHlwZSBDb2x1bW5TZWxlY3RvclByb3BzID0ge1xuICBjb2x1bW46IExheWVyQ29sdW1uO1xuICBjb2x1bW5zOiBMYXllckNvbHVtbnM7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGFsbEZpZWxkczogRmllbGRbXTtcbiAgb25TZWxlY3Q6IChcbiAgICBpdGVtczpcbiAgICAgIHwgUmVhZG9ubHlBcnJheTxzdHJpbmcgfCBudW1iZXIgfCBib29sZWFuIHwgb2JqZWN0PlxuICAgICAgfCBzdHJpbmdcbiAgICAgIHwgbnVtYmVyXG4gICAgICB8IGJvb2xlYW5cbiAgICAgIHwgb2JqZWN0XG4gICAgICB8IG51bGxcbiAgKSA9PiB2b2lkO1xuICBmaWVsZFBhaXJzPzogUGFpcltdIHwgbnVsbDtcbn07XG5cbmNvbnN0IENvbHVtblJvdyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1hcmdpbi1ib3R0b206IDhweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IENvbHVtbk5hbWUgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMjclO1xuICBsaW5lLWhlaWdodDogMS4yO1xuICBwYWRkaW5nLXJpZ2h0OiA2cHg7XG5gO1xuXG5jb25zdCBDb2x1bW5TZWxlY3QgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogNzMlO1xuYDtcblxuQ29sdW1uU2VsZWN0b3JGYWN0b3J5LmRlcHMgPSBbRmllbGRTZWxlY3RvckZhY3RvcnldO1xuXG5mdW5jdGlvbiBDb2x1bW5TZWxlY3RvckZhY3RvcnkoRmllbGRTZWxlY3RvcjogUmV0dXJuVHlwZTx0eXBlb2YgRmllbGRTZWxlY3RvckZhY3Rvcnk+KSB7XG4gIGNvbnN0IENvbHVtblNlbGVjdG9yOiBSZWFjdC5GQzxDb2x1bW5TZWxlY3RvclByb3BzPiA9ICh7XG4gICAgY29sdW1uLFxuICAgIGNvbHVtbnMsXG4gICAgbGFiZWwsXG4gICAgYWxsRmllbGRzLFxuICAgIG9uU2VsZWN0LFxuICAgIGZpZWxkUGFpcnNcbiAgfSkgPT4gKFxuICAgIDxDb2x1bW5Sb3cgY2xhc3NOYW1lPVwibGF5ZXItY29uZmlnX19jb2x1bW5fX3NlbGVjdG9yXCI+XG4gICAgICA8Q29sdW1uTmFtZSBjbGFzc05hbWU9XCJsYXllci1jb25maWdfX2NvbHVtbl9fbmFtZVwiPlxuICAgICAgICA8UGFuZWxMYWJlbD5cbiAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17YGNvbHVtbnMuJHtsYWJlbH1gfSAvPlxuICAgICAgICAgIHshY29sdW1uLm9wdGlvbmFsID8gYCAgKmAgOiBudWxsfVxuICAgICAgICA8L1BhbmVsTGFiZWw+XG4gICAgICA8L0NvbHVtbk5hbWU+XG4gICAgICA8Q29sdW1uU2VsZWN0IGNsYXNzTmFtZT1cImxheWVyLWNvbmZpZ19fY29sdW1uX19zZWxlY3RcIj5cbiAgICAgICAgPEZpZWxkU2VsZWN0b3JcbiAgICAgICAgICBzdWdnZXN0ZWQ9e2ZpZWxkUGFpcnN9XG4gICAgICAgICAgZXJyb3I9eyF2YWxpZGF0ZUNvbHVtbihjb2x1bW4sIGNvbHVtbnMsIGFsbEZpZWxkcyl9XG4gICAgICAgICAgZmllbGRzPXthbGxGaWVsZHN9XG4gICAgICAgICAgdmFsdWU9e2NvbHVtbi52YWx1ZX1cbiAgICAgICAgICBlcmFzYWJsZT17Qm9vbGVhbihjb2x1bW4ub3B0aW9uYWwpfVxuICAgICAgICAgIG9uU2VsZWN0PXtvblNlbGVjdH1cbiAgICAgICAgLz5cbiAgICAgIDwvQ29sdW1uU2VsZWN0PlxuICAgIDwvQ29sdW1uUm93PlxuICApO1xuICByZXR1cm4gQ29sdW1uU2VsZWN0b3I7XG59XG5cbmV4cG9ydCBkZWZhdWx0IENvbHVtblNlbGVjdG9yRmFjdG9yeTtcbiJdfQ==

package/dist/side-panel/layer-panel/custom-palette.d.ts

@@ -1,43 +0,0 @@
-import React, { Component, MouseEventHandler, MouseEvent, PropsWithChildren } from 'react';
-import { ColorRange } from '@kepler.gl/constants';
-import { NestedPartial } from '@kepler.gl/types';
-declare type CustomPaletteProps = {
-    customPalette: ColorRange;
-    showSketcher?: boolean | number;
-    setCustomPalette: (c: NestedPartial<ColorRange>) => void;
-    onCancel: () => void;
-    onToggleSketcher: (i: boolean | number) => void;
-    onApply: (p: ColorRange, e: MouseEvent) => void;
-};
-declare type DragHandleProps = PropsWithChildren<{
-    className?: string;
-    listeners?: unknown;
-}>;
-export declare const DragHandle: React.ComponentClass<DragHandleProps, any>;
-declare class CustomPalette extends Component<CustomPaletteProps> {
-    state: {
-        isSorting: boolean;
-    };
-    root: React.RefObject<HTMLDivElement>;
-    _setColorPaletteUI(colors: string[]): void;
-    _onPickerUpdate: (color: {
-        hex: string;
-    }) => void;
-    _onColorDelete: (index: number) => void;
-    _onColorAdd: () => void;
-    _onSwatchClick: (index: number) => void;
-    _onSwatchClose: () => void;
-    _onApply: MouseEventHandler;
-    _onSortEnd: ({ oldIndex, newIndex }: {
-        oldIndex: any;
-        newIndex: any;
-    }) => void;
-    _onSortStart: () => void;
-    _inputColorHex: (index: number, { target: { value } }: {
-        target: {
-            value: any;
-        };
-    }) => void;
-    render(): React.JSX.Element;
-}
-export default CustomPalette;

package/dist/side-panel/layer-panel/custom-palette.js

@@ -1,293 +0,0 @@
-"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.DragHandle = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _reactSortableHoc = require("react-sortable-hoc");
-
-var _portaled = _interopRequireDefault(require("../../common/portaled"));
-
-var _styledComponents2 = require("../../common/styled-components");
-
-var _icons = require("../../common/icons");
-
-var _colorPalette = _interopRequireDefault(require("./color-palette"));
-
-var _customPicker = _interopRequireDefault(require("./custom-picker"));
-
-var _utils = require("@kepler.gl/utils");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-
-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; } }
-
-var dragHandleActive = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  .layer__drag-handle {\n    color: ", ";\n    opacity: 1;\n    cursor: move;\n  }\n"])), function (props) {
-  return props.theme.textColorHl;
-});
-
-var StyledSortableItem = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  padding-top: 6px;\n  padding-bottom: 6px;\n  z-index: ", ";\n\n  :not(.sorting) {\n    :hover {\n      background-color: ", ";\n      ", ";\n    }\n  }\n\n  &.sorting-colors {\n    background-color: ", ";\n    ", ";\n  }\n"])), function (props) {
-  return props.theme.dropdownWrapperZ + 1;
-}, function (props) {
-  return props.theme.panelBackgroundHover;
-}, dragHandleActive, function (props) {
-  return props.theme.panelBackgroundHover;
-}, dragHandleActive);
-
-var StyledDragHandle = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  opacity: 0;\n"])));
-
-var StyledTrash = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  svg {\n    :hover {\n      color: ", ";\n    }\n  }\n  height: 12px;\n  margin-left: auto;\n  margin-right: 12px;\n  :hover {\n    cursor: pointer;\n  }\n"])), function (props) {
-  return props.theme.textColor;
-}, function (props) {
-  return props.theme.subtextColorActive;
-});
-
-var StyledLine = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  width: calc(100% - 16px);\n  height: 1px;\n  background-color: ", ";\n  margin-top: 8px;\n  margin-left: 8px;\n"])), function (props) {
-  return props.theme.labelColor;
-});
-
-var StyledSwatch = _styledComponents["default"].div.attrs({
-  className: 'custom-palette__swatch'
-})(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: ", ";\n  width: 32px;\n  height: 18px;\n  display: inline-block;\n  :hover {\n    box-shadow: ", ";\n    cursor: pointer;\n  }\n"])), function (props) {
-  return props.color;
-}, function (props) {
-  return props.theme.boxShadow;
-});
-
-var StyledColorRange = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 0 8px;\n  :hover {\n    background-color: ", ";\n    cursor: pointer;\n  }\n"])), function (props) {
-  return props.theme.panelBackgroundHover;
-});
-
-var StyledButtonContainer = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-top: 11px;\n  display: flex;\n  direction: rtl;\n"])));
-
-var StyledInlineInput = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-left: 12px;\n  input {\n    color: ", ";\n    font-size: 10px;\n  }\n"])), function (props) {
-  return props.theme.textColorHl;
-});
-
-var SortableItem = (0, _reactSortableHoc.SortableElement)(function (_ref) {
-  var children = _ref.children,
-      isSorting = _ref.isSorting;
-  return /*#__PURE__*/_react["default"].createElement(StyledSortableItem, {
-    className: (0, _classnames["default"])('custom-palette__sortable-items', {
-      sorting: isSorting
-    })
-  }, children);
-});
-// TODO: Should className be applied to the div here?
-var WrappedSortableContainer = (0, _reactSortableHoc.SortableContainer)(function (_ref2) {
-  var children = _ref2.children,
-      className = _ref2.className;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: className
-  }, children);
-});
-var DragHandle = (0, _reactSortableHoc.SortableHandle)(function (_ref3) {
-  var className = _ref3.className,
-      children = _ref3.children;
-  return /*#__PURE__*/_react["default"].createElement(StyledDragHandle, {
-    className: className
-  }, children);
-});
-exports.DragHandle = DragHandle;
-
-var CustomPalette = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(CustomPalette, _Component);
-
-  var _super = _createSuper(CustomPalette);
-
-  function CustomPalette() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, CustomPalette);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-      isSorting: false
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "root", /*#__PURE__*/(0, _react.createRef)());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onPickerUpdate", function (color) {
-      var colors = _this.props.customPalette.colors;
-      var newColors = (0, _toConsumableArray2["default"])(colors);
-      newColors[_this.props.showSketcher] = color.hex;
-
-      _this._setColorPaletteUI(newColors);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onColorDelete", function (index) {
-      var colors = _this.props.customPalette.colors;
-      var newColors = (0, _toConsumableArray2["default"])(colors);
-
-      if (newColors.length > 1) {
-        newColors.splice(index, 1);
-      }
-
-      _this._setColorPaletteUI(newColors);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onColorAdd", function () {
-      var colors = _this.props.customPalette.colors; // add the last color
-
-      var newColors = [].concat((0, _toConsumableArray2["default"])(colors), [colors[colors.length - 1]]);
-
-      _this._setColorPaletteUI(newColors);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onSwatchClick", function (index) {
-      _this.props.onToggleSketcher(index);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onSwatchClose", function () {
-      _this.props.onToggleSketcher(false);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onApply", function (event) {
-      event.stopPropagation();
-      event.preventDefault();
-
-      _this.props.onCancel();
-
-      _this.props.onApply(_this.props.customPalette, event);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onSortEnd", function (_ref4) {
-      var oldIndex = _ref4.oldIndex,
-          newIndex = _ref4.newIndex;
-      var colors = _this.props.customPalette.colors;
-      var newColors = (0, _utils.arrayMove)(colors, oldIndex, newIndex);
-
-      _this._setColorPaletteUI(newColors);
-
-      _this.setState({
-        isSorting: false
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onSortStart", function () {
-      _this.setState({
-        isSorting: true
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_inputColorHex", function (index, _ref5) {
-      var value = _ref5.target.value;
-      var colors = _this.props.customPalette.colors;
-      var newColors = (0, _toConsumableArray2["default"])(colors);
-      newColors[index] = value.toUpperCase();
-
-      _this._setColorPaletteUI(newColors);
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(CustomPalette, [{
-    key: "_setColorPaletteUI",
-    value: function _setColorPaletteUI(colors) {
-      this.props.setCustomPalette({
-        colors: colors
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var colors = this.props.customPalette.colors;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "custom-palette-panel",
-        ref: this.root
-      }, /*#__PURE__*/_react["default"].createElement(StyledColorRange, null, /*#__PURE__*/_react["default"].createElement(_colorPalette["default"], {
-        colors: colors
-      })), /*#__PURE__*/_react["default"].createElement(WrappedSortableContainer, {
-        className: "custom-palette-container",
-        onSortEnd: this._onSortEnd,
-        onSortStart: this._onSortStart,
-        lockAxis: "y",
-        helperClass: "sorting-colors",
-        useDragHandle: true
-      }, colors.map(function (color, index) {
-        return /*#__PURE__*/_react["default"].createElement(SortableItem, {
-          key: index,
-          index: index,
-          isSorting: _this2.state.isSorting
-        }, /*#__PURE__*/_react["default"].createElement(DragHandle, {
-          className: "layer__drag-handle"
-        }, /*#__PURE__*/_react["default"].createElement(_icons.VertDots, {
-          height: "20px"
-        })), /*#__PURE__*/_react["default"].createElement(StyledSwatch, {
-          color: color,
-          onClick: function onClick() {
-            return _this2._onSwatchClick(index);
-          }
-        }), /*#__PURE__*/_react["default"].createElement(StyledInlineInput, null, /*#__PURE__*/_react["default"].createElement(_styledComponents2.InlineInput, {
-          type: "text",
-          className: "custom-palette-hex__input",
-          value: color.toUpperCase(),
-          onClick: function onClick(e) {
-            e.stopPropagation();
-          },
-          onChange: function onChange(e) {
-            return _this2._inputColorHex(index, e);
-          },
-          id: "input-layer-label-".concat(index)
-        })), /*#__PURE__*/_react["default"].createElement(StyledTrash, {
-          onClick: function onClick() {
-            return _this2._onColorDelete(index);
-          }
-        }, /*#__PURE__*/_react["default"].createElement(_icons.Trash, {
-          className: "trashbin"
-        })));
-      })), /*#__PURE__*/_react["default"].createElement(_styledComponents2.Button, {
-        className: "add-step__button",
-        link: true,
-        onClick: this._onColorAdd
-      }, "+ Add Step"), /*#__PURE__*/_react["default"].createElement(StyledLine, null), /*#__PURE__*/_react["default"].createElement(StyledButtonContainer, null, /*#__PURE__*/_react["default"].createElement(_styledComponents2.Button, {
-        className: "confirm-apply__button",
-        link: true,
-        onClick: this._onApply
-      }, "Confirm"), /*#__PURE__*/_react["default"].createElement(_styledComponents2.Button, {
-        link: true,
-        onClick: this.props.onCancel
-      }, "Cancel")), /*#__PURE__*/_react["default"].createElement(_portaled["default"], {
-        isOpened: this.props.showSketcher !== false,
-        left: 280,
-        top: -300
-      }, /*#__PURE__*/_react["default"].createElement(_customPicker["default"], {
-        color: colors[this.props.showSketcher],
-        onChange: this._onPickerUpdate,
-        onSwatchClose: this._onSwatchClose
-      })));
-    }
-  }]);
-  return CustomPalette;
-}(_react.Component);
-
-var _default = CustomPalette;
-exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2N1c3RvbS1wYWxldHRlLnRzeCJdLCJuYW1lcyI6WyJkcmFnSGFuZGxlQWN0aXZlIiwiY3NzIiwicHJvcHMiLCJ0aGVtZSIsInRleHRDb2xvckhsIiwiU3R5bGVkU29ydGFibGVJdGVtIiwic3R5bGVkIiwiZGl2IiwiZHJvcGRvd25XcmFwcGVyWiIsInBhbmVsQmFja2dyb3VuZEhvdmVyIiwiU3R5bGVkRHJhZ0hhbmRsZSIsIlN0eWxlZFRyYXNoIiwidGV4dENvbG9yIiwic3VidGV4dENvbG9yQWN0aXZlIiwiU3R5bGVkTGluZSIsImxhYmVsQ29sb3IiLCJTdHlsZWRTd2F0Y2giLCJhdHRycyIsImNsYXNzTmFtZSIsImNvbG9yIiwiYm94U2hhZG93IiwiU3R5bGVkQ29sb3JSYW5nZSIsIlN0eWxlZEJ1dHRvbkNvbnRhaW5lciIsIlN0eWxlZElubGluZUlucHV0IiwiU29ydGFibGVJdGVtIiwiY2hpbGRyZW4iLCJpc1NvcnRpbmciLCJzb3J0aW5nIiwiV3JhcHBlZFNvcnRhYmxlQ29udGFpbmVyIiwiRHJhZ0hhbmRsZSIsIkN1c3RvbVBhbGV0dGUiLCJjb2xvcnMiLCJjdXN0b21QYWxldHRlIiwibmV3Q29sb3JzIiwic2hvd1NrZXRjaGVyIiwiaGV4IiwiX3NldENvbG9yUGFsZXR0ZVVJIiwiaW5kZXgiLCJsZW5ndGgiLCJzcGxpY2UiLCJvblRvZ2dsZVNrZXRjaGVyIiwiZXZlbnQiLCJzdG9wUHJvcGFnYXRpb24iLCJwcmV2ZW50RGVmYXVsdCIsIm9uQ2FuY2VsIiwib25BcHBseSIsIm9sZEluZGV4IiwibmV3SW5kZXgiLCJzZXRTdGF0ZSIsInZhbHVlIiwidGFyZ2V0IiwidG9VcHBlckNhc2UiLCJzZXRDdXN0b21QYWxldHRlIiwicm9vdCIsIl9vblNvcnRFbmQiLCJfb25Tb3J0U3RhcnQiLCJtYXAiLCJzdGF0ZSIsIl9vblN3YXRjaENsaWNrIiwiZSIsIl9pbnB1dENvbG9ySGV4IiwiX29uQ29sb3JEZWxldGUiLCJfb25Db2xvckFkZCIsIl9vbkFwcGx5IiwiX29uUGlja2VyVXBkYXRlIiwiX29uU3dhdGNoQ2xvc2UiLCJDb21wb25lbnQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBR0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBT0E7O0FBRUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7Ozs7O0FBYUEsSUFBTUEsZ0JBQWdCLE9BQUdDLHFCQUFILDhLQUVULFVBQUFDLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUMsV0FBaEI7QUFBQSxDQUZJLENBQXRCOztBQVFBLElBQU1DLGtCQUFrQixHQUFHQyw2QkFBT0MsR0FBVixxV0FLWCxVQUFBTCxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlLLGdCQUFaLEdBQStCLENBQW5DO0FBQUEsQ0FMTSxFQVNFLFVBQUFOLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWU0sb0JBQWhCO0FBQUEsQ0FUUCxFQVVoQlQsZ0JBVmdCLEVBZUEsVUFBQUUsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZTSxvQkFBaEI7QUFBQSxDQWZMLEVBZ0JsQlQsZ0JBaEJrQixDQUF4Qjs7QUFvQkEsSUFBTVUsZ0JBQWdCLEdBQUdKLDZCQUFPQyxHQUFWLG1KQUF0Qjs7QUFNQSxJQUFNSSxXQUFXLEdBQUdMLDZCQUFPQyxHQUFWLHVRQUNOLFVBQUFMLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWVMsU0FBaEI7QUFBQSxDQURDLEVBSUYsVUFBQVYsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZVSxrQkFBaEI7QUFBQSxDQUpILENBQWpCOztBQWVBLElBQU1DLFVBQVUsR0FBR1IsNkJBQU9DLEdBQVYsNE1BR00sVUFBQUwsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZWSxVQUFoQjtBQUFBLENBSFgsQ0FB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LE9BQU8sRUFBRSxLQUFLN0QsS0FBTCxDQUFXMEM7QUFBakMsa0JBSkYsQ0ExQ0YsZUFtREUsZ0NBQUMsb0JBQUQ7QUFBVSxRQUFBLFFBQVEsRUFBRSxLQUFLMUMsS0FBTCxDQUFXZ0MsWUFBWCxLQUE0QixLQUFoRDtBQUF1RCxRQUFBLElBQUksRUFBRSxHQUE3RDtBQUFrRSxRQUFBLEdBQUcsRUFBRSxDQUFDO0FBQXhFLHNCQUNFLGdDQUFDLHdCQUFEO0FBQ0UsUUFBQSxLQUFLLEVBQUVILE1BQU0sQ0FBQyxLQUFLN0IsS0FBTCxDQUFXZ0MsWUFBWixDQURmO0FBRUUsUUFBQSxRQUFRLEVBQUUsS0FBSzhCLGVBRmpCO0FBR0UsUUFBQSxhQUFhLEVBQUUsS0FBS0M7QUFIdEIsUUFERixDQW5ERixDQURGO0FBNkREOzs7RUF0SXlCQyxnQjs7ZUF5SWJwQyxhIiwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7Q29tcG9uZW50LCBjcmVhdGVSZWYsIE1vdXNlRXZlbnRIYW5kbGVyLCBNb3VzZUV2ZW50LCBQcm9wc1dpdGhDaGlsZHJlbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgc3R5bGVkLCB7Y3NzfSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge1xuICBTb3J0YWJsZUNvbnRhaW5lcixcbiAgU29ydGFibGVDb250YWluZXJQcm9wcyxcbiAgU29ydGFibGVFbGVtZW50LFxuICBTb3J0YWJsZUVsZW1lbnRQcm9wcyxcbiAgU29ydGFibGVIYW5kbGVcbn0gZnJvbSAncmVhY3Qtc29ydGFibGUtaG9jJztcbmltcG9ydCBQb3J0YWxlZCBmcm9tICcuLi8uLi9jb21tb24vcG9ydGFsZWQnO1xuXG5pbXBvcnQge0J1dHRvbiwgSW5saW5lSW5wdXR9IGZyb20gJy4uLy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge1ZlcnREb3RzLCBUcmFzaH0gZnJvbSAnLi4vLi4vY29tbW9uL2ljb25zJztcbmltcG9ydCBDb2xvclBhbGV0dGUgZnJvbSAnLi9jb2xvci1wYWxldHRlJztcbmltcG9ydCBDdXN0b21QaWNrZXIgZnJvbSAnLi9jdXN0b20tcGlja2VyJztcbmltcG9ydCB7YXJyYXlNb3ZlfSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcbmltcG9ydCB7Q29sb3JSYW5nZX0gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuaW1wb3J0IHtOZXN0ZWRQYXJ0aWFsfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcblxudHlwZSBDdXN0b21QYWxldHRlUHJvcHMgPSB7XG4gIGN1c3RvbVBhbGV0dGU6IENvbG9yUmFuZ2U7XG4gIHNob3dTa2V0Y2hlcj86IGJvb2xlYW4gfCBudW1iZXI7XG4gIHNldEN1c3RvbVBhbGV0dGU6IChjOiBOZXN0ZWRQYXJ0aWFsPENvbG9yUmFuZ2U+KSA9PiB2b2lkO1xuICBvbkNhbmNlbDogKCkgPT4gdm9pZDtcbiAgb25Ub2dnbGVTa2V0Y2hlcjogKGk6IGJvb2xlYW4gfCBudW1iZXIpID0+IHZvaWQ7XG4gIG9uQXBwbHk6IChwOiBDb2xvclJhbmdlLCBlOiBNb3VzZUV2ZW50KSA9PiB2b2lkO1xufTtcblxuY29uc3QgZHJhZ0hhbmRsZUFjdGl2ZSA9IGNzc2BcbiAgLmxheWVyX19kcmFnLWhhbmRsZSB7XG4gICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9ySGx9O1xuICAgIG9wYWNpdHk6IDE7XG4gICAgY3Vyc29yOiBtb3ZlO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTb3J0YWJsZUl0ZW0gPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLXRvcDogNnB4O1xuICBwYWRkaW5nLWJvdHRvbTogNnB4O1xuICB6LWluZGV4OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmRyb3Bkb3duV3JhcHBlclogKyAxfTtcblxuICA6bm90KC5zb3J0aW5nKSB7XG4gICAgOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUucGFuZWxCYWNrZ3JvdW5kSG92ZXJ9O1xuICAgICAgJHtkcmFnSGFuZGxlQWN0aXZlfTtcbiAgICB9XG4gIH1cblxuICAmLnNvcnRpbmctY29sb3JzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnBhbmVsQmFja2dyb3VuZEhvdmVyfTtcbiAgICAke2RyYWdIYW5kbGVBY3RpdmV9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWREcmFnSGFuZGxlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgb3BhY2l0eTogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZFRyYXNoID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9yfTtcbiAgc3ZnIHtcbiAgICA6aG92ZXIge1xuICAgICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc3VidGV4dENvbG9yQWN0aXZlfTtcbiAgICB9XG4gIH1cbiAgaGVpZ2h0OiAxMnB4O1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgbWFyZ2luLXJpZ2h0OiAxMnB4O1xuICA6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkTGluZSA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiBjYWxjKDEwMCUgLSAxNnB4KTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubGFiZWxDb2xvcn07XG4gIG1hcmdpbi10b3A6IDhweDtcbiAgbWFyZ2luLWxlZnQ6IDhweDtcbmA7XG5cbmNvbnN0IFN0eWxlZFN3YXRjaCA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdjdXN0b20tcGFsZXR0ZV9fc3dhdGNoJ1xufSlgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMuY29sb3J9O1xuICB3aWR0aDogMzJweDtcbiAgaGVpZ2h0OiAxOHB4O1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIDpob3ZlciB7XG4gICAgYm94LXNoYWRvdzogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5ib3hTaGFkb3d9O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkQ29sb3JSYW5nZSA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDAgOHB4O1xuICA6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUucGFuZWxCYWNrZ3JvdW5kSG92ZXJ9O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLXRvcDogMTFweDtcbiAgZGlzcGxheTogZmxleDtcbiAgZGlyZWN0aW9uOiBydGw7XG5gO1xuXG5jb25zdCBTdHlsZWRJbmxpbmVJbnB1dCA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiAxMnB4O1xuICBpbnB1dCB7XG4gICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9ySGx9O1xuICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgfVxuYDtcblxudHlwZSBTb3J0YWJsZUl0ZW1Qcm9wcyA9IFNvcnRhYmxlRWxlbWVudFByb3BzICYge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1NvcnRpbmc6IGJvb2xlYW47XG59O1xuXG5jb25zdCBTb3J0YWJsZUl0ZW0gPSBTb3J0YWJsZUVsZW1lbnQ8U29ydGFibGVJdGVtUHJvcHM+KCh7Y2hpbGRyZW4sIGlzU29ydGluZ30pID0+IChcbiAgPFN0eWxlZFNvcnRhYmxlSXRlbVxuICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcygnY3VzdG9tLXBhbGV0dGVfX3NvcnRhYmxlLWl0ZW1zJywge3NvcnRpbmc6IGlzU29ydGluZ30pfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1N0eWxlZFNvcnRhYmxlSXRlbT5cbikpO1xuXG50eXBlIFdyYXBwZWRTb3J0YWJsZUNvbnRhaW5lclByb3BzID0gU29ydGFibGVDb250YWluZXJQcm9wcyAmIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn07XG5cbi8vIFRPRE86IFNob3VsZCBjbGFzc05hbWUgYmUgYXBwbGllZCB0byB0aGUgZGl2IGhlcmU/XG5jb25zdCBXcmFwcGVkU29ydGFibGVDb250YWluZXIgPSBTb3J0YWJsZUNvbnRhaW5lcjxXcmFwcGVkU29ydGFibGVDb250YWluZXJQcm9wcz4oXG4gICh7Y2hpbGRyZW4sIGNsYXNzTmFtZX0pID0+IDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9PntjaGlsZHJlbn08L2Rpdj5cbik7XG5cbnR5cGUgRHJhZ0hhbmRsZVByb3BzID0gUHJvcHNXaXRoQ2hpbGRyZW48e2NsYXNzTmFtZT86IHN0cmluZzsgbGlzdGVuZXJzPzogdW5rbm93bn0+O1xuXG5leHBvcnQgY29uc3QgRHJhZ0hhbmRsZSA9IFNvcnRhYmxlSGFuZGxlPERyYWdIYW5kbGVQcm9wcz4oKHtjbGFzc05hbWUsIGNoaWxkcmVufSkgPT4gKFxuICA8U3R5bGVkRHJhZ0hhbmRsZSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+e2NoaWxkcmVufTwvU3R5bGVkRHJhZ0hhbmRsZT5cbikpO1xuXG5jbGFzcyBDdXN0b21QYWxldHRlIGV4dGVuZHMgQ29tcG9uZW50PEN1c3RvbVBhbGV0dGVQcm9wcz4ge1xuICBzdGF0ZSA9IHtcbiAgICBpc1NvcnRpbmc6IGZhbHNlXG4gIH07XG5cbiAgcm9vdCA9IGNyZWF0ZVJlZjxIVE1MRGl2RWxlbWVudD4oKTtcblxuICBfc2V0Q29sb3JQYWxldHRlVUkoY29sb3JzOiBzdHJpbmdbXSkge1xuICAgIHRoaXMucHJvcHMuc2V0Q3VzdG9tUGFsZXR0ZSh7XG4gICAgICBjb2xvcnNcbiAgICB9KTtcbiAgfVxuXG4gIF9vblBpY2tlclVwZGF0ZSA9IChjb2xvcjoge2hleDogc3RyaW5nfSkgPT4ge1xuICAgIGNvbnN0IHtjb2xvcnN9ID0gdGhpcy5wcm9wcy5jdXN0b21QYWxldHRlO1xuICAgIGNvbnN0IG5ld0NvbG9ycyA9IFsuLi5jb2xvcnNdO1xuICAgIG5ld0NvbG9yc1t0aGlzLnByb3BzLnNob3dTa2V0Y2hlciBhcyBudW1iZXJdID0gY29sb3IuaGV4O1xuICAgIHRoaXMuX3NldENvbG9yUGFsZXR0ZVVJKG5ld0NvbG9ycyk7XG4gIH07XG5cbiAgX29uQ29sb3JEZWxldGUgPSAoaW5kZXg6IG51bWJlcikgPT4ge1xuICAgIGNvbnN0IHtjb2xvcnN9ID0gdGhpcy5wcm9wcy5jdXN0b21QYWxldHRlO1xuICAgIGNvbnN0IG5ld0NvbG9ycyA9IFsuLi5jb2xvcnNdO1xuICAgIGlmIChuZXdDb2xvcnMubGVuZ3RoID4gMSkge1xuICAgICAgbmV3Q29sb3JzLnNwbGljZShpbmRleCwgMSk7XG4gICAgfVxuICAgIHRoaXMuX3NldENvbG9yUGFsZXR0ZVVJKG5ld0NvbG9ycyk7XG4gIH07XG5cbiAgX29uQ29sb3JBZGQgPSAoKSA9PiB7XG4gICAgY29uc3Qge2NvbG9yc30gPSB0aGlzLnByb3BzLmN1c3RvbVBhbGV0dGU7XG4gICAgLy8gYWRkIHRoZSBsYXN0IGNvbG9yXG4gICAgY29uc3QgbmV3Q29sb3JzID0gWy4uLmNvbG9ycywgY29sb3JzW2NvbG9ycy5sZW5ndGggLSAxXV07XG4gICAgdGhpcy5fc2V0Q29sb3JQYWxldHRlVUkobmV3Q29sb3JzKTtcbiAgfTtcblxuICBfb25Td2F0Y2hDbGljayA9IChpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgdGhpcy5wcm9wcy5vblRvZ2dsZVNrZXRjaGVyKGluZGV4KTtcbiAgfTtcblxuICBfb25Td2F0Y2hDbG9zZSA9ICgpID0+IHtcbiAgICB0aGlzLnByb3BzLm9uVG9nZ2xlU2tldGNoZXIoZmFsc2UpO1xuICB9O1xuXG4gIF9vbkFwcGx5OiBNb3VzZUV2ZW50SGFuZGxlciA9IGV2ZW50ID0+IHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgdGhpcy5wcm9wcy5vbkNhbmNlbCgpO1xuICAgIHRoaXMucHJvcHMub25BcHBseSh0aGlzLnByb3BzLmN1c3RvbVBhbGV0dGUsIGV2ZW50KTtcbiAgfTtcblxuICBfb25Tb3J0RW5kID0gKHtvbGRJbmRleCwgbmV3SW5kZXh9KSA9PiB7XG4gICAgY29uc3Qge2NvbG9yc30gPSB0aGlzLnByb3BzLmN1c3RvbVBhbGV0dGU7XG4gICAgY29uc3QgbmV3Q29sb3JzID0gYXJyYXlNb3ZlKGNvbG9ycywgb2xkSW5kZXgsIG5ld0luZGV4KTtcbiAgICB0aGlzLl9zZXRDb2xvclBhbGV0dGVVSShuZXdDb2xvcnMpO1xuICAgIHRoaXMuc2V0U3RhdGUoe2lzU29ydGluZzogZmFsc2V9KTtcbiAgfTtcblxuICBfb25Tb3J0U3RhcnQgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7aXNTb3J0aW5nOiB0cnVlfSk7XG4gIH07XG5cbiAgX2lucHV0Q29sb3JIZXggPSAoaW5kZXg6IG51bWJlciwge3RhcmdldDoge3ZhbHVlfX0pID0+IHtcbiAgICBjb25zdCB7Y29sb3JzfSA9IHRoaXMucHJvcHMuY3VzdG9tUGFsZXR0ZTtcbiAgICBjb25zdCBuZXdDb2xvcnMgPSBbLi4uY29sb3JzXTtcbiAgICBuZXdDb2xvcnNbaW5kZXhdID0gdmFsdWUudG9VcHBlckNhc2UoKTtcbiAgICB0aGlzLl9zZXRDb2xvclBhbGV0dGVVSShuZXdDb2xvcnMpO1xuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7Y29sb3JzfSA9IHRoaXMucHJvcHMuY3VzdG9tUGFsZXR0ZTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImN1c3RvbS1wYWxldHRlLXBhbmVsXCIgcmVmPXt0aGlzLnJvb3R9PlxuICAgICAgICA8U3R5bGVkQ29sb3JSYW5nZT5cbiAgICAgICAgICA8Q29sb3JQYWxldHRlIGNvbG9ycz17Y29sb3JzfSAvPlxuICAgICAgICA8L1N0eWxlZENvbG9yUmFuZ2U+XG4gICAgICAgIDxXcmFwcGVkU29ydGFibGVDb250YWluZXJcbiAgICAgICAgICBjbGFzc05hbWU9XCJjdXN0b20tcGFsZXR0ZS1jb250YWluZXJcIlxuICAgICAgICAgIG9uU29ydEVuZD17dGhpcy5fb25Tb3J0RW5kfVxuICAgICAgICAgIG9uU29ydFN0YXJ0PXt0aGlzLl9vblNvcnRTdGFydH1cbiAgICAgICAgICBsb2NrQXhpcz1cInlcIlxuICAgICAgICAgIGhlbHBlckNsYXNzPVwic29ydGluZy1jb2xvcnNcIlxuICAgICAgICAgIHVzZURyYWdIYW5kbGVcbiAgICAgICAgPlxuICAgICAgICAgIHtjb2xvcnMubWFwKChjb2xvciwgaW5kZXgpID0+IChcbiAgICAgICAgICAgIDxTb3J0YWJsZUl0ZW0ga2V5PXtpbmRleH0gaW5kZXg9e2luZGV4fSBpc1NvcnRpbmc9e3RoaXMuc3RhdGUuaXNTb3J0aW5nfT5cbiAgICAgICAgICAgICAgPERyYWdIYW5kbGUgY2xhc3NOYW1lPVwibGF5ZXJfX2RyYWctaGFuZGxlXCI+XG4gICAgICAgICAgICAgICAgPFZlcnREb3RzIGhlaWdodD1cIjIwcHhcIiAvPlxuICAgICAgICAgICAgICA8L0RyYWdIYW5kbGU+XG4gICAgICAgICAgICAgIDxTdHlsZWRTd2F0Y2ggY29sb3I9e2NvbG9yfSBvbkNsaWNrPXsoKSA9PiB0aGlzLl9vblN3YXRjaENsaWNrKGluZGV4KX0gLz5cbiAgICAgICAgICAgICAgPFN0eWxlZElubGluZUlucHV0PlxuICAgICAgICAgICAgICAgIDxJbmxpbmVJbnB1dFxuICAgICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiY3VzdG9tLXBhbGV0dGUtaGV4X19pbnB1dFwiXG4gICAgICAgICAgICAgICAgICB2YWx1ZT17Y29sb3IudG9VcHBlckNhc2UoKX1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2UgPT4ge1xuICAgICAgICAgICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtlID0+IHRoaXMuX2lucHV0Q29sb3JIZXgoaW5kZXgsIGUpfVxuICAgICAgICAgICAgICAgICAgaWQ9e2BpbnB1dC1sYXllci1sYWJlbC0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9TdHlsZWRJbmxpbmVJbnB1dD5cbiAgICAgICAgICAgICAgPFN0eWxlZFRyYXNoIG9uQ2xpY2s9eygpID0+IHRoaXMuX29uQ29sb3JEZWxldGUoaW5kZXgpfT5cbiAgICAgICAgICAgICAgICA8VHJhc2ggY2xhc3NOYW1lPVwidHJhc2hiaW5cIiAvPlxuICAgICAgICAgICAgICA8L1N0eWxlZFRyYXNoPlxuICAgICAgICAgICAgPC9Tb3J0YWJsZUl0ZW0+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvV3JhcHBlZFNvcnRhYmxlQ29udGFpbmVyPlxuICAgICAgICB7LyogQWRkIFN0ZXAgQnV0dG9uICovfVxuICAgICAgICA8QnV0dG9uIGNsYXNzTmFtZT1cImFkZC1zdGVwX19idXR0b25cIiBsaW5rIG9uQ2xpY2s9e3RoaXMuX29uQ29sb3JBZGR9PlxuICAgICAgICAgICsgQWRkIFN0ZXBcbiAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDxTdHlsZWRMaW5lIC8+XG4gICAgICAgIHsvKiBDYW5jZWwgb3IgQ29uZmlybSBCdXR0b25zICovfVxuICAgICAgICA8U3R5bGVkQnV0dG9uQ29udGFpbmVyPlxuICAgICAgICAgIDxCdXR0b24gY2xhc3NOYW1lPVwiY29uZmlybS1hcHBseV9fYnV0dG9uXCIgbGluayBvbkNsaWNrPXt0aGlzLl9vbkFwcGx5fT5cbiAgICAgICAgICAgIENvbmZpcm1cbiAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICA8QnV0dG9uIGxpbmsgb25DbGljaz17dGhpcy5wcm9wcy5vbkNhbmNlbH0+XG4gICAgICAgICAgICBDYW5jZWxcbiAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgPC9TdHlsZWRCdXR0b25Db250YWluZXI+XG5cbiAgICAgICAgPFBvcnRhbGVkIGlzT3BlbmVkPXt0aGlzLnByb3BzLnNob3dTa2V0Y2hlciAhPT0gZmFsc2V9IGxlZnQ9ezI4MH0gdG9wPXstMzAwfT5cbiAgICAgICAgICA8Q3VzdG9tUGlja2VyXG4gICAgICAgICAgICBjb2xvcj17Y29sb3JzW3RoaXMucHJvcHMuc2hvd1NrZXRjaGVyIGFzIG51bWJlcl19XG4gICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5fb25QaWNrZXJVcGRhdGV9XG4gICAgICAgICAgICBvblN3YXRjaENsb3NlPXt0aGlzLl9vblN3YXRjaENsb3NlfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvUG9ydGFsZWQ+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IEN1c3RvbVBhbGV0dGU7XG4iXX0=

package/dist/side-panel/layer-panel/custom-picker.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { ColorChangeHandler } from 'react-color';
-declare type CustomPickerProps = {
-    color: string;
-    theme: {
-        panelBackground: string;
-    };
-    onChange: ColorChangeHandler;
-    onSwatchClose: () => void;
-};
-declare const _default: React.ForwardRefExoticComponent<({
-    color: string;
-    onChange: ColorChangeHandler;
-    onSwatchClose: () => void;
-} | {
-    ref?: React.Ref<React.Component<CustomPickerProps, any, any>> | undefined;
-    key?: React.Key | null | undefined;
-    color: string;
-    onChange: ColorChangeHandler;
-    onSwatchClose: () => void;
-}) & {
-    theme?: any;
-}>;
-export default _default;

package/dist/side-panel/layer-panel/custom-picker.js

@@ -1,116 +0,0 @@
-"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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _reactColor = require("react-color");
-
-var _reactOnclickoutside = _interopRequireDefault(require("react-onclickoutside"));
-
-var _reselect = require("reselect");
-
-var _templateObject;
-
-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; } }
-
-var StyledPicker = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  .sketch-picker {\n    span {\n      color: ", " !important;\n      font-family: ", ";\n    }\n    input {\n      text-align: center;\n      font-family: ", ";\n      color: ", " !important;\n      border-color: ", " !important;\n      box-shadow: none !important;\n      background-color: ", " !important;\n    }\n  }\n"])), function (props) {
-  return props.theme.labelColor;
-}, function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  return props.theme.inputColor;
-}, function (props) {
-  return props.theme.secondaryInputBgd;
-}, function (props) {
-  return props.theme.inputBgdHover;
-});
-
-var PRESET_COLORS = [];
-
-var CustomPicker = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(CustomPicker, _Component);
-
-  var _super = _createSuper(CustomPicker);
-
-  function CustomPicker() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, CustomPicker);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "themeSelector", function (props) {
-      return props.theme;
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "pickerStyleSelector", (0, _reselect.createSelector)(_this.themeSelector, function (theme) {
-      return {
-        picker: {
-          width: '200px',
-          padding: '10px 10px 8px',
-          boxSizing: 'initial',
-          background: theme.panelBackground
-        }
-      };
-    }));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClickOutside", function (e) {
-      _this.props.onSwatchClose();
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(CustomPicker, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          color = _this$props.color,
-          onChange = _this$props.onChange;
-      var pickerStyle = this.pickerStyleSelector(this.props);
-      return /*#__PURE__*/_react["default"].createElement(StyledPicker, null, /*#__PURE__*/_react["default"].createElement(_reactColor.SketchPicker, {
-        color: color,
-        onChange: onChange,
-        presetColors: PRESET_COLORS,
-        styles: pickerStyle,
-        disableAlpha: true
-      }));
-    }
-  }]);
-  return CustomPicker;
-}(_react.Component);
-
-var _default = (0, _styledComponents.withTheme)((0, _reactOnclickoutside["default"])(CustomPicker));
-
-exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2N1c3RvbS1waWNrZXIudHN4Il0sIm5hbWVzIjpbIlN0eWxlZFBpY2tlciIsInN0eWxlZCIsImRpdiIsInByb3BzIiwidGhlbWUiLCJsYWJlbENvbG9yIiwiZm9udEZhbWlseSIsImlucHV0Q29sb3IiLCJzZWNvbmRhcnlJbnB1dEJnZCIsImlucHV0QmdkSG92ZXIiLCJQUkVTRVRfQ09MT1JTIiwiQ3VzdG9tUGlja2VyIiwidGhlbWVTZWxlY3RvciIsInBpY2tlciIsIndpZHRoIiwicGFkZGluZyIsImJveFNpemluZyIsImJhY2tncm91bmQiLCJwYW5lbEJhY2tncm91bmQiLCJlIiwib25Td2F0Y2hDbG9zZSIsImNvbG9yIiwib25DaGFuZ2UiLCJwaWNrZXJTdHlsZSIsInBpY2tlclN0eWxlU2VsZWN0b3IiLCJDb21wb25lbnQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUdBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7OztBQWFBLElBQU1BLFlBQVksR0FBR0MsNkJBQU9DLEdBQVYsMFpBR0gsVUFBQUMsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZQyxVQUFoQjtBQUFBLENBSEYsRUFJRyxVQUFBRixLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlFLFVBQWhCO0FBQUEsQ0FKUixFQVFHLFVBQUFILEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUUsVUFBaEI7QUFBQSxDQVJSLEVBU0gsVUFBQUgsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZRyxVQUFoQjtBQUFBLENBVEYsRUFVSSxVQUFBSixLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlJLGlCQUFoQjtBQUFBLENBVlQsRUFZUSxVQUFBTCxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlLLGFBQWhCO0FBQUEsQ0FaYixDQUFsQjs7QUFpQkEsSUFBTUMsYUFBYSxHQUFHLEVBQXRCOztJQUVNQyxZOzs7Ozs7Ozs7Ozs7Ozs7c0dBQ1ksVUFBQ1IsS0FBRDtBQUFBLGFBQThCQSxLQUFLLENBQUNDLEtBQXBDO0FBQUEsSzs0R0FDTSw4QkFBZSxNQUFLUSxhQUFwQixFQUFtQyxVQUFBUixLQUFLO0FBQUEsYUFBSztBQUNqRVMsUUFBQUEsTUFBTSxFQUFFO0FBQ05DLFVBQUFBLEtBQUssRUFBRSxPQUREO0FBRU5DLFVBQUFBLE9BQU8sRUFBRSxlQUZIO0FBR05DLFVBQUFBLFNBQVMsRUFBRSxTQUhMO0FBSU5DLFVBQUFBLFVBQVUsRUFBRWIsS0FBSyxDQUFDYztBQUpaO0FBRHlELE9BQUw7QUFBQSxLQUF4QyxDOzJHQVNELFVBQUNDLENBQUQsRUFBYztBQUNqQyxZQUFLaEIsS0FBTCxDQUFXaUIsYUFBWDtBQUNELEs7Ozs7OztXQUVELGtCQUFTO0FBQUEsd0JBQ21CLEtBQUtqQixLQUR4QjtBQUFBLFVBQ0FrQixLQURBLGVBQ0FBLEtBREE7QUFBQSxVQUNPQyxRQURQLGVBQ09BLFFBRFA7QUFFUCxVQUFNQyxXQUFXLEdBQUcsS0FBS0MsbUJBQUwsQ0FBeUIsS0FBS3JCLEtBQTlCLENBQXBCO0FBRUEsMEJBQ0UsZ0NBQUMsWUFBRCxxQkFDRSxnQ0FBQyx3QkFBRDtBQUNFLFFBQUEsS0FBSyxFQUFFa0IsS0FEVDtBQUVFLFFBQUEsUUFBUSxFQUFFQyxRQUZaO0FBR0UsUUFBQSxZQUFZLEVBQUVaLGFBSGhCO0FBSUUsUUFBQSxNQUFNLEVBQUVhLFdBSlY7QUFLRSxRQUFBLFlBQVk7QUFMZCxRQURGLENBREY7QUFXRDs7O0VBOUJ3QkUsZ0I7O2VBaUNaLGlDQUFVLHFDQUFlZCxZQUFmLENBQVYsQyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge0NvbXBvbmVudH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCwge3dpdGhUaGVtZX0gZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtTa2V0Y2hQaWNrZXIsIENvbG9yQ2hhbmdlSGFuZGxlcn0gZnJvbSAncmVhY3QtY29sb3InO1xuaW1wb3J0IG9uQ2xpY2tPdXRzaWRlIGZyb20gJ3JlYWN0LW9uY2xpY2tvdXRzaWRlJztcbmltcG9ydCB7Y3JlYXRlU2VsZWN0b3J9IGZyb20gJ3Jlc2VsZWN0Jztcbi8vIFRoaXMgd2FzIHB1dCBpbiBiZWNhdXNlIDNyZCBwYXJ0eSBsaWJyYXJ5IHJlYWN0LWNvbG9yIGRvZXNuJ3QgeWV0IGNhdGVyIGZvciBjdXN0b21pemVkIGNvbG9yIG9mIGNoaWxkIGNvbXBvbmVudCA8U2tldGNoRmllbGQ+IHdoaWNoIGNvbnRhaW5zIEhFWC9SR0IgaW5wdXQgdGV4dCBib3hcbi8vIElzc3VlIHJhaXNlZDogaHR0cHM6Ly9naXRodWIuY29tL2Nhc2VzYW5kYmVyZy9yZWFjdC1jb2xvci9pc3N1ZXMvNjMxXG5cbnR5cGUgQ3VzdG9tUGlja2VyUHJvcHMgPSB7XG4gIGNvbG9yOiBzdHJpbmc7XG4gIHRoZW1lOiB7XG4gICAgcGFuZWxCYWNrZ3JvdW5kOiBzdHJpbmc7XG4gIH07XG4gIG9uQ2hhbmdlOiBDb2xvckNoYW5nZUhhbmRsZXI7XG4gIG9uU3dhdGNoQ2xvc2U6ICgpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBTdHlsZWRQaWNrZXIgPSBzdHlsZWQuZGl2YFxuICAuc2tldGNoLXBpY2tlciB7XG4gICAgc3BhbiB7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sYWJlbENvbG9yfSAhaW1wb3J0YW50O1xuICAgICAgZm9udC1mYW1pbHk6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZm9udEZhbWlseX07XG4gICAgfVxuICAgIGlucHV0IHtcbiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgIGZvbnQtZmFtaWx5OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmZvbnRGYW1pbHl9O1xuICAgICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuaW5wdXRDb2xvcn0gIWltcG9ydGFudDtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zZWNvbmRhcnlJbnB1dEJnZH0gIWltcG9ydGFudDtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuaW5wdXRCZ2RIb3Zlcn0gIWltcG9ydGFudDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFBSRVNFVF9DT0xPUlMgPSBbXTtcblxuY2xhc3MgQ3VzdG9tUGlja2VyIGV4dGVuZHMgQ29tcG9uZW50PEN1c3RvbVBpY2tlclByb3BzPiB7XG4gIHRoZW1lU2VsZWN0b3IgPSAocHJvcHM6IEN1c3RvbVBpY2tlclByb3BzKSA9PiBwcm9wcy50aGVtZTtcbiAgcGlja2VyU3R5bGVTZWxlY3RvciA9IGNyZWF0ZVNlbGVjdG9yKHRoaXMudGhlbWVTZWxlY3RvciwgdGhlbWUgPT4gKHtcbiAgICBwaWNrZXI6IHtcbiAgICAgIHdpZHRoOiAnMjAwcHgnLFxuICAgICAgcGFkZGluZzogJzEwcHggMTBweCA4cHgnLFxuICAgICAgYm94U2l6aW5nOiAnaW5pdGlhbCcsXG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5wYW5lbEJhY2tncm91bmRcbiAgICB9XG4gIH0pKTtcblxuICBoYW5kbGVDbGlja091dHNpZGUgPSAoZTogRXZlbnQpID0+IHtcbiAgICB0aGlzLnByb3BzLm9uU3dhdGNoQ2xvc2UoKTtcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3Qge2NvbG9yLCBvbkNoYW5nZX0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHBpY2tlclN0eWxlID0gdGhpcy5waWNrZXJTdHlsZVNlbGVjdG9yKHRoaXMucHJvcHMpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRQaWNrZXI+XG4gICAgICAgIDxTa2V0Y2hQaWNrZXJcbiAgICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIHByZXNldENvbG9ycz17UFJFU0VUX0NPTE9SU31cbiAgICAgICAgICBzdHlsZXM9e3BpY2tlclN0eWxlfVxuICAgICAgICAgIGRpc2FibGVBbHBoYVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRQaWNrZXI+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoVGhlbWUob25DbGlja091dHNpZGUoQ3VzdG9tUGlja2VyKSBhcyBSZWFjdC5Db21wb25lbnRUeXBlPEN1c3RvbVBpY2tlclByb3BzPik7XG4iXX0=

package/dist/side-panel/layer-panel/dataset-layer-group.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import DatasetLayerSectionFactory from './dataset-layer-section';
-import { Layer, LayerClassesType } from '@kepler.gl/layers';
-import { UIStateActions, VisStateActions, ActionHandler } from '@kepler.gl/actions';
-import { Datasets } from '@kepler.gl/table';
-declare type DatasetLayerGroupProps = {
-    datasets: Datasets;
-    layers: Layer[];
-    layerOrder: string[];
-    layerClasses: LayerClassesType;
-    showDeleteDataset: boolean;
-    removeDataset: ActionHandler<typeof UIStateActions.openDeleteModal>;
-    showDatasetTable: ActionHandler<typeof VisStateActions.showDatasetTable>;
-    updateTableColor: ActionHandler<typeof VisStateActions.updateTableColor>;
-    uiStateActions: typeof UIStateActions;
-    visStateActions: typeof VisStateActions;
-};
-declare function DatasetLayerGroupFactory(DatasetLayerSection: ReturnType<typeof DatasetLayerSectionFactory>): React.FC<DatasetLayerGroupProps>;
-declare namespace DatasetLayerGroupFactory {
-    var deps: (typeof DatasetLayerSectionFactory)[];
-}
-export default DatasetLayerGroupFactory;