@kepler.gl/components 3.0.0-alpha.0

package/dist/common/field-selector.js

@@ -0,0 +1,220 @@
+// 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.FieldListItemFactoryFactory = FieldListItemFactoryFactory;
+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 = _interopRequireDefault(require("styled-components"));
+
+var _reselect = require("reselect");
+
+var _utils = require("@kepler.gl/utils");
+
+var _itemSelector = _interopRequireDefault(require("./item-selector/item-selector"));
+
+var _dropdownList = require("./item-selector/dropdown-list");
+
+var _fieldToken = _interopRequireDefault(require("../common/field-token"));
+
+var _templateObject, _templateObject2;
+
+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 defaultDisplayOption = function defaultDisplayOption(d) {
+  return d.displayName || d.name;
+};
+
+var defaultValueOption = function defaultValueOption(d) {
+  return d.name;
+};
+
+var StyledToken = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-block;\n  margin: 0 ", "px 0 0;\n"])), function (props) {
+  return props.theme.fieldTokenRightMargin;
+});
+
+var StyledFieldListItem = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  line-height: 0;\n"])));
+
+FieldListItemFactoryFactory.deps = [_fieldToken["default"]]; // custom list Item
+
+function FieldListItemFactoryFactory(FieldToken) {
+  var FieldListItemFactory = function FieldListItemFactory() {
+    var showToken = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+
+    var FieldListItem = function FieldListItem(_ref) {
+      var value = _ref.value,
+          _ref$displayOption = _ref.displayOption,
+          displayOption = _ref$displayOption === void 0 ? defaultDisplayOption : _ref$displayOption;
+      return /*#__PURE__*/_react["default"].createElement(StyledFieldListItem, {
+        className: "field-selector_list-item"
+      }, showToken ? /*#__PURE__*/_react["default"].createElement(StyledToken, null, /*#__PURE__*/_react["default"].createElement(FieldToken, {
+        type: value.type
+      })) : null, /*#__PURE__*/_react["default"].createElement("span", {
+        className: _dropdownList.classList.listItemAnchor
+      }, displayOption(value)));
+    };
+
+    return FieldListItem;
+  };
+
+  return FieldListItemFactory;
+}
+
+var SuggestedFieldHeader = function SuggestedFieldHeader() {
+  return /*#__PURE__*/_react["default"].createElement("div", null, "Suggested Field");
+};
+
+function FieldSelectorFactory(FieldListItemFactory) {
+  var FieldSelector = /*#__PURE__*/function (_Component) {
+    (0, _inherits2["default"])(FieldSelector, _Component);
+
+    var _super = _createSuper(FieldSelector);
+
+    function FieldSelector() {
+      var _this;
+
+      (0, _classCallCheck2["default"])(this, FieldSelector);
+
+      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), "fieldsSelector", function (props) {
+        return props.fields;
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "valueSelector", function (props) {
+        return props.value;
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "filteredFieldsSelector", (0, _reselect.createSelector)(_this.fieldsSelector, _this.valueSelector, function (fields, value) {
+        return fields.filter(function (field) {
+          return !(0, _utils.toArray)(value).find(function (d) {
+            return d.name ? d.name === field.name : d === field.name;
+          });
+        });
+      }));
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "filterFieldTypesSelector", function (props) {
+        return props.filterFieldTypes;
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "showTokenSelector", function (props) {
+        return props.showToken;
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "selectedItemsSelector", (0, _reselect.createSelector)(_this.fieldsSelector, _this.valueSelector, function (fields, value) {
+        return (0, _utils.toArray)(value).map(function (d) {
+          return fields.find(function (f) {
+            return (0, _utils.notNullorUndefined)(d) && d.name ? d.name === defaultValueOption(f) : d === defaultValueOption(f);
+          });
+        }).filter(function (d) {
+          return d;
+        });
+      }));
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "fieldOptionsSelector", (0, _reselect.createSelector)(_this.filteredFieldsSelector, _this.filterFieldTypesSelector, function (fields, filterFieldTypes) {
+        if (!filterFieldTypes) {
+          return fields;
+        }
+
+        var filters = Array.isArray(filterFieldTypes) ? filterFieldTypes : [filterFieldTypes];
+        return fields.filter(function (f) {
+          return filters.includes(f.type);
+        });
+      }));
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "fieldListItemSelector", (0, _reselect.createSelector)(_this.showTokenSelector, FieldListItemFactory));
+      return _this;
+    }
+
+    (0, _createClass2["default"])(FieldSelector, [{
+      key: "render",
+      value: function render() {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: "field-selector"
+        }, /*#__PURE__*/_react["default"].createElement(_itemSelector["default"], {
+          getOptionValue: function getOptionValue(d) {
+            return d;
+          },
+          closeOnSelect: this.props.closeOnSelect,
+          displayOption: defaultDisplayOption,
+          filterOption: "displayName",
+          fixedOptions: this.props.suggested,
+          inputTheme: this.props.inputTheme,
+          size: this.props.size,
+          isError: this.props.error,
+          selectedItems: this.selectedItemsSelector(this.props),
+          erasable: this.props.erasable,
+          options: this.fieldOptionsSelector(this.props),
+          multiSelect: this.props.multiSelect,
+          placeholder: this.props.placeholder,
+          placement: this.props.placement,
+          onChange: this.props.onSelect,
+          DropDownLineItemRenderComponent: this.fieldListItemSelector(this.props),
+          DropdownHeaderComponent: this.props.suggested ? SuggestedFieldHeader : null,
+          CustomChickletComponent: this.props.CustomChickletComponent
+        }));
+      }
+    }]);
+    return FieldSelector;
+  }(_react.Component);
+
+  (0, _defineProperty2["default"])(FieldSelector, "defaultProps", {
+    erasable: true,
+    error: false,
+    fields: [],
+    onSelect: function onSelect() {},
+    placement: 'bottom',
+    value: null,
+    multiSelect: false,
+    closeOnSelect: true,
+    showToken: true,
+    placeholder: 'placeholder.selectField'
+  });
+  return FieldSelector;
+}
+
+FieldSelectorFactory.deps = [FieldListItemFactoryFactory];
+var _default = FieldSelectorFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vZmllbGQtc2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbImRlZmF1bHREaXNwbGF5T3B0aW9uIiwiZCIsImRpc3BsYXlOYW1lIiwibmFtZSIsImRlZmF1bHRWYWx1ZU9wdGlvbiIsIlN0eWxlZFRva2VuIiwic3R5bGVkIiwiZGl2IiwicHJvcHMiLCJ0aGVtZSIsImZpZWxkVG9rZW5SaWdodE1hcmdpbiIsIlN0eWxlZEZpZWxkTGlzdEl0ZW0iLCJGaWVsZExpc3RJdGVtRmFjdG9yeUZhY3RvcnkiLCJkZXBzIiwiRmllbGRUb2tlbkZhY3RvcnkiLCJGaWVsZFRva2VuIiwiRmllbGRMaXN0SXRlbUZhY3RvcnkiLCJzaG93VG9rZW4iLCJGaWVsZExpc3RJdGVtIiwidmFsdWUiLCJkaXNwbGF5T3B0aW9uIiwidHlwZSIsImNsYXNzTGlzdCIsImxpc3RJdGVtQW5jaG9yIiwiU3VnZ2VzdGVkRmllbGRIZWFkZXIiLCJGaWVsZFNlbGVjdG9yRmFjdG9yeSIsIkZpZWxkU2VsZWN0b3IiLCJmaWVsZHMiLCJmaWVsZHNTZWxlY3RvciIsInZhbHVlU2VsZWN0b3IiLCJmaWx0ZXIiLCJmaWVsZCIsImZpbmQiLCJmaWx0ZXJGaWVsZFR5cGVzIiwibWFwIiwiZiIsImZpbHRlcmVkRmllbGRzU2VsZWN0b3IiLCJmaWx0ZXJGaWVsZFR5cGVzU2VsZWN0b3IiLCJmaWx0ZXJzIiwiQXJyYXkiLCJpc0FycmF5IiwiaW5jbHVkZXMiLCJzaG93VG9rZW5TZWxlY3RvciIsImNsb3NlT25TZWxlY3QiLCJzdWdnZXN0ZWQiLCJpbnB1dFRoZW1lIiwic2l6ZSIsImVycm9yIiwic2VsZWN0ZWRJdGVtc1NlbGVjdG9yIiwiZXJhc2FibGUiLCJmaWVsZE9wdGlvbnNTZWxlY3RvciIsIm11bHRpU2VsZWN0IiwicGxhY2Vob2xkZXIiLCJwbGFjZW1lbnQiLCJvblNlbGVjdCIsImZpZWxkTGlzdEl0ZW1TZWxlY3RvciIsIkN1c3RvbUNoaWNrbGV0Q29tcG9uZW50IiwiQ29t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RDtBQW5GdUM7QUFBQTtBQUFBLElBQ2RDLGdCQURjOztBQUFBLG1DQUNwQy9CLGFBRG9DLGtCQUVsQjtBQUNwQnVCLElBQUFBLFFBQVEsRUFBRSxJQURVO0FBRXBCRixJQUFBQSxLQUFLLEVBQUUsS0FGYTtBQUdwQnBCLElBQUFBLE1BQU0sRUFBRSxFQUhZO0FBSXBCMkIsSUFBQUEsUUFBUSxFQUFFLG9CQUFNLENBQUUsQ0FKRTtBQUtwQkQsSUFBQUEsU0FBUyxFQUFFLFFBTFM7QUFNcEJsQyxJQUFBQSxLQUFLLEVBQUUsSUFOYTtBQU9wQmdDLElBQUFBLFdBQVcsRUFBRSxLQVBPO0FBUXBCUixJQUFBQSxhQUFhLEVBQUUsSUFSSztBQVNwQjFCLElBQUFBLFNBQVMsRUFBRSxJQVRTO0FBVXBCbUMsSUFBQUEsV0FBVyxFQUFFO0FBVk8sR0FGa0I7QUFxRjFDLFNBQU8xQixhQUFQO0FBQ0Q7O0FBRURELG9CQUFvQixDQUFDWixJQUFyQixHQUE0QixDQUFDRCwyQkFBRCxDQUE1QjtlQUNlYSxvQiIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCwge0NvbXBvbmVudCwgQ29tcG9uZW50VHlwZX0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge2NyZWF0ZVNlbGVjdG9yfSBmcm9tICdyZXNlbGVjdCc7XG5cbmltcG9ydCB7RmllbGR9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuaW1wb3J0IHtub3ROdWxsb3JVbmRlZmluZWQsIHRvQXJyYXl9IGZyb20gJ0BrZXBsZXIuZ2wvdXRpbHMnO1xuXG5pbXBvcnQgSXRlbVNlbGVjdG9yIGZyb20gJy4vaXRlbS1zZWxlY3Rvci9pdGVtLXNlbGVjdG9yJztcbmltcG9ydCB7Y2xhc3NMaXN0fSBmcm9tICcuL2l0ZW0tc2VsZWN0b3IvZHJvcGRvd24tbGlzdCc7XG5pbXBvcnQgRmllbGRUb2tlbkZhY3RvcnkgZnJvbSAnLi4vY29tbW9uL2ZpZWxkLXRva2VuJztcblxuY29uc3QgZGVmYXVsdERpc3BsYXlPcHRpb24gPSAoZDogRmllbGQpID0+IGQuZGlzcGxheU5hbWUgfHwgZC5uYW1lO1xuY29uc3QgZGVmYXVsdFZhbHVlT3B0aW9uID0gKGQ6IEZpZWxkKSA9PiBkLm5hbWU7XG5cbmNvbnN0IFN0eWxlZFRva2VuID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW46IDAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5maWVsZFRva2VuUmlnaHRNYXJnaW59cHggMCAwO1xuYDtcbmNvbnN0IFN0eWxlZEZpZWxkTGlzdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBsaW5lLWhlaWdodDogMDtcbmA7XG5cbmV4cG9ydCB0eXBlIEZpZWxkTGlzdEl0ZW1GYWN0b3J5UHJvcHMgPSB7XG4gIHZhbHVlOiBGaWVsZDtcbiAgZGlzcGxheU9wdGlvbjogKGZpZWxkOiBGaWVsZCkgPT4gc3RyaW5nO1xufTtcblxuRmllbGRMaXN0SXRlbUZhY3RvcnlGYWN0b3J5LmRlcHMgPSBbRmllbGRUb2tlbkZhY3RvcnldO1xuLy8gY3VzdG9tIGxpc3QgSXRlbVxuZXhwb3J0IGZ1bmN0aW9uIEZpZWxkTGlzdEl0ZW1GYWN0b3J5RmFjdG9yeShGaWVsZFRva2VuKSB7XG4gIGNvbnN0IEZpZWxkTGlzdEl0ZW1GYWN0b3J5ID0gKHNob3dUb2tlbiA9IHRydWUpID0+IHtcbiAgICBjb25zdCBGaWVsZExpc3RJdGVtID0gKHtcbiAgICAgIHZhbHVlLFxuICAgICAgZGlzcGxheU9wdGlvbiA9IGRlZmF1bHREaXNwbGF5T3B0aW9uXG4gICAgfTogRmllbGRMaXN0SXRlbUZhY3RvcnlQcm9wcykgPT4gKFxuICAgICAgPFN0eWxlZEZpZWxkTGlzdEl0ZW0gY2xhc3NOYW1lPVwiZmllbGQtc2VsZWN0b3JfbGlzdC1pdGVtXCI+XG4gICAgICAgIHtzaG93VG9rZW4gPyAoXG4gICAgICAgICAgPFN0eWxlZFRva2VuPlxuICAgICAgICAgICAgPEZpZWxkVG9rZW4gdHlwZT17dmFsdWUudHlwZX0gLz5cbiAgICAgICAgICA8L1N0eWxlZFRva2VuPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtjbGFzc0xpc3QubGlzdEl0ZW1BbmNob3J9PntkaXNwbGF5T3B0aW9uKHZhbHVlKX08L3NwYW4+XG4gICAgICA8L1N0eWxlZEZpZWxkTGlzdEl0ZW0+XG4gICAgKTtcbiAgICByZXR1cm4gRmllbGRMaXN0SXRlbTtcbiAgfTtcbiAgcmV0dXJuIEZpZWxkTGlzdEl0ZW1GYWN0b3J5O1xufVxuXG5jb25zdCBTdWdnZXN0ZWRGaWVsZEhlYWRlciA9ICgpID0+IDxkaXY+U3VnZ2VzdGVkIEZpZWxkPC9kaXY+O1xuXG50eXBlIEZpZWxkVHlwZSA9XG4gIHwgc3RyaW5nXG4gIHwgc3RyaW5nW11cbiAgfCB7XG4gICAgICBuYW1lOiBzdHJpbmc7XG4gICAgICBmb3JtYXQ6IHN0cmluZyB8IG51bGw7XG4gICAgfVtdXG4gIHwge1xuICAgICAgZm9ybWF0Pzogc3RyaW5nO1xuICAgICAgaWQ/OiBzdHJpbmc7XG4gICAgICBuYW1lPzogc3RyaW5nO1xuICAgICAgZmllbGRJZHg/OiBudW1iZXI7XG4gICAgICB0eXBlPzogbnVtYmVyO1xuICAgIH1cbiAgfCBGaWVsZDtcblxuaW50ZXJmYWNlIEZpZWxkU2VsZWN0b3JGYWN0b3J5UHJvcHMge1xuICBmaWVsZHM/OiBGaWVsZFR5cGVbXTtcbiAgb25TZWxlY3Q6IChcbiAgICBpdGVtczpcbiAgICAgIHwgUmVhZG9ubHlBcnJheTxzdHJpbmcgfCBudW1iZXIgfCBib29sZWFuIHwgb2JqZWN0PlxuICAgICAgfCBzdHJpbmdcbiAgICAgIHwgbnVtYmVyXG4gICAgICB8IGJvb2xlYW5cbiAgICAgIHwgb2JqZWN0XG4gICAgICB8IG51bGxcbiAgKSA9PiB2b2lkO1xuICBwbGFjZW1lbnQ/OiBzdHJpbmc7XG4gIHZhbHVlPzogRmllbGRUeXBlIHwgbnVsbDtcbiAgZmlsdGVyRmllbGRUeXBlcz86IEZpZWxkVHlwZSB8IEZpZWxkVHlwZVtdO1xuICBpbnB1dFRoZW1lPzogc3RyaW5nO1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgZXJhc2FibGU/OiBib29sZWFuO1xuICBlcnJvcj86IGJvb2xlYW47XG4gIG11bHRpU2VsZWN0PzogYm9vbGVhbjtcbiAgY2xvc2VPblNlbGVjdD86IGJvb2xlYW47XG4gIHNob3dUb2tlbj86IGJvb2xlYW47XG4gIHN1Z2dlc3RlZD86IFJlYWRvbmx5QXJyYXk8c3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbiB8IG9iamVjdD4gfCBudWxsO1xuICBDdXN0b21DaGlja2xldENvbXBvbmVudD86IENvbXBvbmVudFR5cGU7XG4gIHNpemU/OiBzdHJpbmc7XG59XG5cbmZ1bmN0aW9uIEZpZWxkU2VsZWN0b3JGYWN0b3J5KFxuICBGaWVsZExpc3RJdGVtRmFjdG9yeTogUmV0dXJuVHlwZTx0eXBlb2YgRmllbGRMaXN0SXRlbUZhY3RvcnlGYWN0b3J5PlxuKTogQ29tcG9uZW50VHlwZTxGaWVsZFNlbGVjdG9yRmFjdG9yeVByb3BzPiB7XG4gIGNsYXNzIEZpZWxkU2VsZWN0b3IgZXh0ZW5kcyBDb21wb25lbnQ8RmllbGRTZWxlY3RvckZhY3RvcnlQcm9wcz4ge1xuICAgIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgICBlcmFzYWJsZTogdHJ1ZSxcbiAgICAgIGVycm9yOiBmYWxzZSxcbiAgICAgIGZpZWxkczogW10sXG4gICAgICBvblNlbGVjdDogKCkgPT4ge30sXG4gICAgICBwbGFjZW1lbnQ6ICdib3R0b20nLFxuICAgICAgdmFsdWU6IG51bGwsXG4gICAgICBtdWx0aVNlbGVjdDogZmFsc2UsXG4gICAgICBjbG9zZU9uU2VsZWN0OiB0cnVlLFxuICAgICAgc2hvd1Rva2VuOiB0cnVlLFxuICAgICAgcGxhY2Vob2xkZXI6ICdwbGFjZWhvbGRlci5zZWxlY3RGaWVsZCdcbiAgICB9O1xuXG4gICAgZmllbGRzU2VsZWN0b3IgPSBwcm9wcyA9PiBwcm9wcy5maWVsZHM7XG4gICAgdmFsdWVTZWxlY3RvciA9IHByb3BzID0+IHByb3BzLnZhbHVlO1xuICAgIGZpbHRlcmVkRmllbGRzU2VsZWN0b3IgPSBjcmVhdGVTZWxlY3RvcihcbiAgICAgIHRoaXMuZmllbGRzU2VsZWN0b3IsXG4gICAgICB0aGlzLnZhbHVlU2VsZWN0b3IsXG4gICAgICAoZmllbGRzLCB2YWx1ZSkgPT4ge1xuICAgICAgICByZXR1cm4gZmllbGRzLmZpbHRlcihcbiAgICAgICAgICBmaWVsZCA9PiAhdG9BcnJheSh2YWx1ZSkuZmluZChkID0+IChkLm5hbWUgPyBkLm5hbWUgPT09IGZpZWxkLm5hbWUgOiBkID09PSBmaWVsZC5uYW1lKSlcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICApO1xuICAgIGZpbHRlckZpZWxkVHlwZXNTZWxlY3RvciA9IHByb3BzID0+IHByb3BzLmZpbHRlckZpZWxkVHlwZXM7XG4gICAgc2hvd1Rva2VuU2VsZWN0b3IgPSBwcm9wcyA9PiBwcm9wcy5zaG93VG9rZW47XG5cbiAgICBzZWxlY3RlZEl0ZW1zU2VsZWN0b3IgPSBjcmVhdGVTZWxlY3RvcihcbiAgICAgIHRoaXMuZmllbGRzU2VsZWN0b3IsXG4gICAgICB0aGlzLnZhbHVlU2VsZWN0b3IsXG4gICAgICAoZmllbGRzLCB2YWx1ZSkgPT5cbiAgICAgICAgdG9BcnJheSh2YWx1ZSlcbiAgICAgICAgICAubWFwKGQgPT5cbiAgICAgICAgICAgIGZpZWxkcy5maW5kKGYgPT5cbiAgICAgICAgICAgICAgbm90TnVsbG9yVW5kZWZpbmVkKGQpICYmIGQubmFtZVxuICAgICAgICAgICAgICAgID8gZC5uYW1lID09PSBkZWZhdWx0VmFsdWVPcHRpb24oZilcbiAgICAgICAgICAgICAgICA6IGQgPT09IGRlZmF1bHRWYWx1ZU9wdGlvbihmKVxuICAgICAgICAgICAgKVxuICAgICAgICAgIClcbiAgICAgICAgICAuZmlsdGVyKGQgPT4gZClcbiAgICApO1xuXG4gICAgZmllbGRPcHRpb25zU2VsZWN0b3IgPSBjcmVhdGVTZWxlY3RvcihcbiAgICAgIHRoaXMuZmlsdGVyZWRGaWVsZHNTZWxlY3RvcixcbiAgICAgIHRoaXMuZmlsdGVyRmllbGRUeXBlc1NlbGVjdG9yLFxuICAgICAgKGZpZWxkcywgZmlsdGVyRmllbGRUeXBlcykgPT4ge1xuICAgICAgICBpZiAoIWZpbHRlckZpZWxkVHlwZXMpIHtcbiAgICAgICAgICByZXR1cm4gZmllbGRzO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IGZpbHRlcnMgPSBBcnJheS5pc0FycmF5KGZpbHRlckZpZWxkVHlwZXMpID8gZmlsdGVyRmllbGRUeXBlcyA6IFtmaWx0ZXJGaWVsZFR5cGVzXTtcbiAgICAgICAgcmV0dXJuIGZpZWxkcy5maWx0ZXIoZiA9PiBmaWx0ZXJzLmluY2x1ZGVzKGYudHlwZSkpO1xuICAgICAgfVxuICAgICk7XG5cbiAgICBmaWVsZExpc3RJdGVtU2VsZWN0b3IgPSBjcmVhdGVTZWxlY3Rvcih0aGlzLnNob3dUb2tlblNlbGVjdG9yLCBGaWVsZExpc3RJdGVtRmFjdG9yeSk7XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImZpZWxkLXNlbGVjdG9yXCI+XG4gICAgICAgICAgPEl0ZW1TZWxlY3RvclxuICAgICAgICAgICAgZ2V0T3B0aW9uVmFsdWU9e2QgPT4gZH1cbiAgICAgICAgICAgIGNsb3NlT25TZWxlY3Q9e3RoaXMucHJvcHMuY2xvc2VPblNlbGVjdH1cbiAgICAgICAgICAgIGRpc3BsYXlPcHRpb249e2RlZmF1bHREaXNwbGF5T3B0aW9ufVxuICAgICAgICAgICAgZmlsdGVyT3B0aW9uPVwiZGlzcGxheU5hbWVcIlxuICAgICAgICAgICAgZml4ZWRPcHRpb25zPXt0aGlzLnByb3BzLnN1Z2dlc3RlZH1cbiAgICAgICAgICAgIGlucHV0VGhlbWU9e3RoaXMucHJvcHMuaW5wdXRUaGVtZX1cbiAgICAgICAgICAgIHNpemU9e3RoaXMucHJvcHMuc2l6ZX1cbiAgICAgICAgICAgIGlzRXJyb3I9e3RoaXMucHJvcHMuZXJyb3J9XG4gICAgICAgICAgICBzZWxlY3RlZEl0ZW1zPXt0aGlzLnNlbGVjdGVkSXRlbXNTZWxlY3Rvcih0aGlzLnByb3BzKX1cbiAgICAgICAgICAgIGVyYXNhYmxlPXt0aGlzLnByb3BzLmVyYXNhYmxlfVxuICAgICAgICAgICAgb3B0aW9ucz17dGhpcy5maWVsZE9wdGlvbnNTZWxlY3Rvcih0aGlzLnByb3BzKX1cbiAgICAgICAgICAgIG11bHRpU2VsZWN0PXt0aGlzLnByb3BzLm11bHRpU2VsZWN0fVxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3RoaXMucHJvcHMucGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICBwbGFjZW1lbnQ9e3RoaXMucHJvcHMucGxhY2VtZW50fVxuICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMucHJvcHMub25TZWxlY3R9XG4gICAgICAgICAgICBEcm9wRG93bkxpbmVJdGVtUmVuZGVyQ29tcG9uZW50PXt0aGlzLmZpZWxkTGlzdEl0ZW1TZWxlY3Rvcih0aGlzLnByb3BzKX1cbiAgICAgICAgICAgIERyb3Bkb3duSGVhZGVyQ29tcG9uZW50PXt0aGlzLnByb3BzLnN1Z2dlc3RlZCA/IFN1Z2dlc3RlZEZpZWxkSGVhZGVyIDogbnVsbH1cbiAgICAgICAgICAgIEN1c3RvbUNoaWNrbGV0Q29tcG9uZW50PXt0aGlzLnByb3BzLkN1c3RvbUNoaWNrbGV0Q29tcG9uZW50fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKTtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIEZpZWxkU2VsZWN0b3I7XG59XG5cbkZpZWxkU2VsZWN0b3JGYWN0b3J5LmRlcHMgPSBbRmllbGRMaXN0SXRlbUZhY3RvcnlGYWN0b3J5XTtcbmV4cG9ydCBkZWZhdWx0IEZpZWxkU2VsZWN0b3JGYWN0b3J5O1xuIl19

package/dist/common/field-token.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+export declare type FieldTokenProps = {
+    type: string;
+};
+declare function FieldTokenFactory(fieldTypeDisplay: ReturnType<typeof getFieldTypes>, fieldColors: ReturnType<typeof getFieldColors>): React.FC<FieldTokenProps>;
+declare namespace FieldTokenFactory {
+    var deps: (typeof getFieldTypes | typeof getFieldColors)[];
+}
+declare function getFieldTypes(): {
+    boolean: {
+        label: string;
+        color: string;
+    };
+    date: {
+        label: string;
+        color: string;
+    };
+    geojson: {
+        label: string;
+        color: string;
+    };
+    integer: {
+        label: string;
+        color: string;
+    };
+    real: {
+        label: string;
+        color: string;
+    };
+    string: {
+        label: string;
+        color: string;
+    };
+    timestamp: {
+        label: string;
+        color: string;
+    };
+    point: {
+        label: string;
+        color: string;
+    };
+};
+declare function getFieldColors(): {
+    default: string;
+};
+export default FieldTokenFactory;

package/dist/common/field-token.js

@@ -0,0 +1,70 @@
+// 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 _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _constants = require("@kepler.gl/constants");
+
+var _templateObject;
+
+function FieldTokenFactory(fieldTypeDisplay, fieldColors) {
+  var FieldTag = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    background-color: rgba(", ", 0.2);\n    border-radius: 2px;\n    border: 1px solid rgb(", ");\n    color: rgb(", ");\n    display: inline-block;\n    font-size: 10px;\n    font-weight: 400;\n    padding: 0 5px;\n    text-align: center;\n    width: 40px;\n    line-height: 20px;\n  "])), function (props) {
+    return props.color;
+  }, function (props) {
+    return props.color;
+  }, function (props) {
+    return props.color;
+  });
+
+  var FieldToken = function FieldToken(_ref) {
+    var type = _ref.type;
+    return /*#__PURE__*/_react["default"].createElement(FieldTag, {
+      color: fieldTypeDisplay[type] && fieldTypeDisplay[type].color || fieldColors["default"]
+    }, fieldTypeDisplay[type].label);
+  };
+
+  return FieldToken;
+}
+
+function getFieldTypes() {
+  return _constants.FIELD_TYPE_DISPLAY;
+}
+
+function getFieldColors() {
+  return _constants.FIELD_COLORS;
+}
+
+FieldTokenFactory.deps = [getFieldTypes, getFieldColors];
+var _default = FieldTokenFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vZmllbGQtdG9rZW4udHN4Il0sIm5hbWVzIjpbIkZpZWxkVG9rZW5GYWN0b3J5IiwiZmllbGRUeXBlRGlzcGxheSIsImZpZWxkQ29sb3JzIiwiRmllbGRUYWciLCJzdHlsZWQiLCJkaXYiLCJwcm9wcyIsImNvbG9yIiwiRmllbGRUb2tlbiIsInR5cGUiLCJsYWJlbCIsImdldEZpZWxkVHlwZXMiLCJGSUVMRF9UWVBFX0RJU1BMQVkiLCJnZXRGaWVsZENvbG9ycyIsIkZJRUxEX0NPTE9SUyIsImRlcHMiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUNBOzs7O0FBTUEsU0FBU0EsaUJBQVQsQ0FDRUMsZ0JBREYsRUFFRUMsV0FGRixFQUc2QjtBQUMzQixNQUFNQyxRQUFRLEdBQUdDLDZCQUFPQyxHQUFWLHNYQUNhLFVBQUFDLEtBQUs7QUFBQSxXQUFJQSxLQUFLLENBQUNDLEtBQVY7QUFBQSxHQURsQixFQUdZLFVBQUFELEtBQUs7QUFBQSxXQUFJQSxLQUFLLENBQUNDLEtBQVY7QUFBQSxHQUhqQixFQUlDLFVBQUFELEtBQUs7QUFBQSxXQUFJQSxLQUFLLENBQUNDLEtBQVY7QUFBQSxHQUpOLENBQWQ7O0FBY0EsTUFBTUMsVUFBVSxHQUFHLFNBQWJBLFVBQWE7QUFBQSxRQUFFQyxJQUFGLFFBQUVBLElBQUY7QUFBQSx3QkFDakIsZ0NBQUMsUUFBRDtBQUNFLE1BQUEsS0FBSyxFQUFHUixnQkFBZ0IsQ0FBQ1EsSUFBRCxDQUFoQixJQUEwQlIsZ0JBQWdCLENBQUNRLElBQUQsQ0FBaEIsQ0FBdUJGLEtBQWxELElBQTRETCxXQUFXO0FBRGhGLE9BR0dELGdCQUFnQixDQUFDUSxJQUFELENBQWhCLENBQXVCQyxLQUgxQixDQURpQjtBQUFBLEdBQW5COztBQU9BLFNBQU9GLFVBQVA7QUFDRDs7QUFFRCxTQUFTRyxhQUFULEdBQXlCO0FBQ3ZCLFNBQU9DLDZCQUFQO0FBQ0Q7O0FBRUQsU0FBU0MsY0FBVCxHQUEwQjtBQUN4QixTQUFPQyx1QkFBUDtBQUNEOztBQUNEZCxpQkFBaUIsQ0FBQ2UsSUFBbEIsR0FBeUIsQ0FBQ0osYUFBRCxFQUFnQkUsY0FBaEIsQ0FBekI7ZUFDZWIsaUIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge0ZJRUxEX1RZUEVfRElTUExBWSwgRklFTERfQ09MT1JTfSBmcm9tICdAa2VwbGVyLmdsL2NvbnN0YW50cyc7XG5cbmV4cG9ydCB0eXBlIEZpZWxkVG9rZW5Qcm9wcyA9IHtcbiAgdHlwZTogc3RyaW5nO1xufTtcblxuZnVuY3Rpb24gRmllbGRUb2tlbkZhY3RvcnkoXG4gIGZpZWxkVHlwZURpc3BsYXk6IFJldHVyblR5cGU8dHlwZW9mIGdldEZpZWxkVHlwZXM+LFxuICBmaWVsZENvbG9yczogUmV0dXJuVHlwZTx0eXBlb2YgZ2V0RmllbGRDb2xvcnM+XG4pOiBSZWFjdC5GQzxGaWVsZFRva2VuUHJvcHM+IHtcbiAgY29uc3QgRmllbGRUYWcgPSBzdHlsZWQuZGl2YFxuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoJHtwcm9wcyA9PiBwcm9wcy5jb2xvcn0sIDAuMik7XG4gICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYigke3Byb3BzID0+IHByb3BzLmNvbG9yfSk7XG4gICAgY29sb3I6IHJnYigke3Byb3BzID0+IHByb3BzLmNvbG9yfSk7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIHBhZGRpbmc6IDAgNXB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICB3aWR0aDogNDBweDtcbiAgICBsaW5lLWhlaWdodDogMjBweDtcbiAgYDtcblxuICBjb25zdCBGaWVsZFRva2VuID0gKHt0eXBlfTogRmllbGRUb2tlblByb3BzKSA9PiAoXG4gICAgPEZpZWxkVGFnXG4gICAgICBjb2xvcj17KGZpZWxkVHlwZURpc3BsYXlbdHlwZV0gJiYgZmllbGRUeXBlRGlzcGxheVt0eXBlXS5jb2xvcikgfHwgZmllbGRDb2xvcnMuZGVmYXVsdH1cbiAgICA+XG4gICAgICB7ZmllbGRUeXBlRGlzcGxheVt0eXBlXS5sYWJlbH1cbiAgICA8L0ZpZWxkVGFnPlxuICApO1xuICByZXR1cm4gRmllbGRUb2tlbjtcbn1cblxuZnVuY3Rpb24gZ2V0RmllbGRUeXBlcygpIHtcbiAgcmV0dXJuIEZJRUxEX1RZUEVfRElTUExBWTtcbn1cblxuZnVuY3Rpb24gZ2V0RmllbGRDb2xvcnMoKSB7XG4gIHJldHVybiBGSUVMRF9DT0xPUlM7XG59XG5GaWVsZFRva2VuRmFjdG9yeS5kZXBzID0gW2dldEZpZWxkVHlwZXMsIGdldEZpZWxkQ29sb3JzXTtcbmV4cG9ydCBkZWZhdWx0IEZpZWxkVG9rZW5GYWN0b3J5O1xuIl19

package/dist/common/file-uploader/file-drop.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Copied from https://github.com/sarink/react-file-drop
+ * For React 16.8 compatibility
+ */
+import React from 'react';
+import window from 'global/window';
+export declare type FileDropProps = {
+    dropEffect?: 'copy' | 'move' | 'link' | 'none';
+    frame?: typeof document | typeof window | HTMLElement;
+    className?: string;
+    targetClassName?: string;
+    draggingOverFrameClassName?: string;
+    draggingOverTargetClassName?: string;
+    onDragOver?: (event: any) => void;
+    onDragLeave?: (event: any) => void;
+    onDrop?: (fileList: FileList, event: any) => void;
+    onFrameDragEnter?: (event: any) => void;
+    onFrameDragLeave?: (event: any) => void;
+    onFrameDrop?: (event: any) => void;
+};
+/** @typedef {import('./file-drop').FileDropProps} FileDropProps */
+/** @augments React.PureComponent<FileDropProps> */
+declare class FileDrop extends React.PureComponent<FileDropProps> {
+    static isIE: () => any;
+    static eventHasFiles: (event: any) => boolean;
+    static defaultProps: {
+        dropEffect: string;
+        frame: any;
+        className: string;
+        targetClassName: string;
+        draggingOverFrameClassName: string;
+        draggingOverTargetClassName: string;
+    };
+    frameDragCounter: number;
+    state: {
+        draggingOverFrame: boolean;
+        draggingOverTarget: boolean;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: any): void;
+    componentWillUnmount(): void;
+    resetDragging: () => void;
+    handleWindowDragOverOrDrop: (event: any) => void;
+    handleFrameDrag: (event: any) => void;
+    handleFrameDrop: (event: any) => void;
+    handleDragOver: (event: any) => void;
+    handleDragLeave: (event: any) => void;
+    handleDrop: (event: any) => void;
+    stopFrameListeners: (frame: any) => void;
+    startFrameListeners: (frame: any) => void;
+    render(): JSX.Element;
+}
+export default FileDrop;