@carto/kepler.gl 0.1.0-alpha.1 → 0.1.0-next.0

package/dist/components/common/image-preview.js

@@ -0,0 +1,79 @@
+"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 _loadingSpinner = _interopRequireDefault(require("./loading-spinner"));
+var _templateObject; // 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.
+/** @typedef {import('../../reducers/ui-state-updaters').ExportImage} ExportImage */
+
+var StyledImagePreview = _styledComponents["default"].div.attrs({
+  className: 'image-preview'
+})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  padding: 30px;\n\n  .dimension,\n  .instruction {\n    padding: 8px 0px;\n  }\n\n  .preview-image {\n    background: #e2e2e2;\n    border-radius: 4px;\n    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.18);\n    width: 100%;\n    position: relative;\n  }\n\n  .preview-image-placeholder {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  .preview-image-spinner {\n    position: absolute;\n    left: calc(50% - 25px);\n    top: calc(50% - 25px);\n  }\n\n  .preview-image--error {\n    font-size: 12px;\n    padding: 12px;\n    color: ", ";\n    text-align: center;\n  }\n"])), function (props) {
+  return props.theme.errorColor;
+});
+/**
+ * @param {object} props
+ * @param {ExportImage} [props.exportImage]
+ * @param {number} [props.width]
+ * @param {boolean} [props.showDimension]
+ */
+var ImagePreview = function ImagePreview(_ref) {
+  var exportImage = _ref.exportImage,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 400 : _ref$width,
+    _ref$showDimension = _ref.showDimension,
+    showDimension = _ref$showDimension === void 0 ? false : _ref$showDimension;
+  var _ref2 = exportImage || {},
+    error = _ref2.error,
+    imageDataUri = _ref2.imageDataUri,
+    processing = _ref2.processing,
+    _ref2$imageSize = _ref2.imageSize,
+    _ref2$imageSize2 = _ref2$imageSize === void 0 ? {} : _ref2$imageSize,
+    _ref2$imageSize2$imag = _ref2$imageSize2.imageW,
+    imageW = _ref2$imageSize2$imag === void 0 ? 0 : _ref2$imageSize2$imag,
+    _ref2$imageSize2$imag2 = _ref2$imageSize2.imageH,
+    imageH = _ref2$imageSize2$imag2 === void 0 ? 0 : _ref2$imageSize2$imag2;
+  var imageStyle = {
+    width: "".concat(width, "px"),
+    height: "".concat(imageH / (imageW || 1) * width, "px")
+  };
+  return /*#__PURE__*/_react["default"].createElement(StyledImagePreview, null, showDimension ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "dimension"
+  }, imageW, " pixel x ", imageH, " pixel") : null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "preview-image",
+    style: imageStyle
+  }, processing ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "preview-image-spinner"
+  }, /*#__PURE__*/_react["default"].createElement(_loadingSpinner["default"], null)) : error ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "preview-image--error"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, error.message || 'Generate map image failed!')) : /*#__PURE__*/_react["default"].createElement("img", {
+    className: "preview-image-placeholder",
+    src: imageDataUri
+  })));
+};
+var _default = exports["default"] = ImagePreview;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2xvYWRpbmdTcGlubmVyIiwiX3RlbXBsYXRlT2JqZWN0IiwiU3R5bGVkSW1hZ2VQcmV2aWV3Iiwic3R5bGVkIiwiZGl2IiwiYXR0cnMiLCJjbGFzc05hbWUiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsInByb3BzIiwidGhlbWUiLCJlcnJvckNvbG9yIiwiSW1hZ2VQcmV2aWV3IiwiX3JlZiIsImV4cG9ydEltYWdlIiwiX3JlZiR3aWR0aCIsIndpZHRoIiwiX3JlZiRzaG93RGltZW5zaW9uIiwic2hvd0RpbWVuc2lvbiIsIl9yZWYyIiwiZXJyb3IiLCJpbWFnZURhdGFVcmkiLCJwcm9jZXNzaW5nIiwiX3JlZjIkaW1hZ2VTaXplIiwiaW1hZ2VTaXplIiwiX3JlZjIkaW1hZ2VTaXplMiIsIl9yZWYyJGltYWdlU2l6ZTIkaW1hZyIsImltYWdlVyIsIl9yZWYyJGltYWdlU2l6ZTIkaW1hZzIiLCJpbWFnZUgiLCJpbWFnZVN0eWxlIiwiY29uY2F0IiwiaGVpZ2h0IiwiY3JlYXRlRWxlbWVudCIsInN0eWxlIiwibWVzc2FnZSIsInNyYyIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvbW1vbi9pbWFnZS1wcmV2aWV3LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgTG9hZGluZ1NwaW5uZXIgZnJvbSAnY29tcG9uZW50cy9jb21tb24vbG9hZGluZy1zcGlubmVyJztcbmltcG9ydCB7RXhwb3J0SW1hZ2V9IGZyb20gJ3JlZHVjZXJzJztcblxuLyoqIEB0eXBlZGVmIHtpbXBvcnQoJy4uLy4uL3JlZHVjZXJzL3VpLXN0YXRlLXVwZGF0ZXJzJykuRXhwb3J0SW1hZ2V9IEV4cG9ydEltYWdlICovXG5cbmNvbnN0IFN0eWxlZEltYWdlUHJldmlldyA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdpbWFnZS1wcmV2aWV3J1xufSlgXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGZsZXg6IDE7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwYWRkaW5nOiAzMHB4O1xuXG4gIC5kaW1lbnNpb24sXG4gIC5pbnN0cnVjdGlvbiB7XG4gICAgcGFkZGluZzogOHB4IDBweDtcbiAgfVxuXG4gIC5wcmV2aWV3LWltYWdlIHtcbiAgICBiYWNrZ3JvdW5kOiAjZTJlMmUyO1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBib3gtc2hhZG93OiAwIDhweCAxNnB4IDAgcmdiYSgwLCAwLCAwLCAwLjE4KTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIH1cblxuICAucHJldmlldy1pbWFnZS1wbGFjZWhvbGRlciB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgfVxuXG4gIC5wcmV2aWV3LWltYWdlLXNwaW5uZXIge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiBjYWxjKDUwJSAtIDI1cHgpO1xuICAgIHRvcDogY2FsYyg1MCUgLSAyNXB4KTtcbiAgfVxuXG4gIC5wcmV2aWV3LWltYWdlLS1lcnJvciB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIHBhZGRpbmc6IDEycHg7XG4gICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZXJyb3JDb2xvcn07XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgSW1hZ2VQcmV2aWV3UHJvcHMge1xuICBleHBvcnRJbWFnZT86IEV4cG9ydEltYWdlO1xuICB3aWR0aD86IG51bWJlcjtcbiAgc2hvd0RpbWVuc2lvbj86IGZhbHNlO1xufVxuXG4vKipcbiAqIEBwYXJhbSB7b2JqZWN0fSBwcm9wc1xuICogQHBhcmFtIHtFeHBvcnRJbWFnZX0gW3Byb3BzLmV4cG9ydEltYWdlXVxuICogQHBhcmFtIHtudW1iZXJ9IFtwcm9wcy53aWR0aF1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLnNob3dEaW1lbnNpb25dXG4gKi9cbmNvbnN0IEltYWdlUHJldmlldyA9ICh7ZXhwb3J0SW1hZ2UsIHdpZHRoID0gNDAwLCBzaG93RGltZW5zaW9uID0gZmFsc2V9OiBJbWFnZVByZXZpZXdQcm9wcykgPT4ge1xuICBjb25zdCB7ZXJyb3IsIGltYWdlRGF0YVVyaSwgcHJvY2Vzc2luZywgaW1hZ2VTaXplOiB7aW1hZ2VXID0gMCwgaW1hZ2VIID0gMH0gPSB7fX0gPVxuICAgIGV4cG9ydEltYWdlIHx8IHt9O1xuXG4gIGNvbnN0IGltYWdlU3R5bGUgPSB7XG4gICAgd2lkdGg6IGAke3dpZHRofXB4YCxcbiAgICBoZWlnaHQ6IGAkeyhpbWFnZUggLyAoaW1hZ2VXIHx8IDEpKSAqIHdpZHRofXB4YFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEltYWdlUHJldmlldz5cbiAgICAgIHtzaG93RGltZW5zaW9uID8gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImRpbWVuc2lvblwiPlxuICAgICAgICAgIHtpbWFnZVd9IHBpeGVsIHgge2ltYWdlSH0gcGl4ZWxcbiAgICAgICAgPC9kaXY+XG4gICAgICApIDogbnVsbH1cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwicHJldmlldy1pbWFnZVwiIHN0eWxlPXtpbWFnZVN0eWxlfT5cbiAgICAgICAge3Byb2Nlc3NpbmcgPyAoXG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJwcmV2aWV3LWltYWdlLXNwaW5uZXJcIj5cbiAgICAgICAgICAgIDxMb2FkaW5nU3Bpbm5lciAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApIDogZXJyb3IgPyAoXG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJwcmV2aWV3LWltYWdlLS1lcnJvclwiPlxuICAgICAgICAgICAgPHNwYW4+e2Vycm9yLm1lc3NhZ2UgfHwgJ0dlbmVyYXRlIG1hcCBpbWFnZSBmYWlsZWQhJ308L3NwYW4+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPGltZyBjbGFzc05hbWU9XCJwcmV2aWV3LWltYWdlLXBsYWNlaG9sZGVyXCIgc3JjPXtpbWFnZURhdGFVcml9IC8+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICA8L1N0eWxlZEltYWdlUHJldmlldz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEltYWdlUHJldmlldztcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFvQkEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsaUJBQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFFLGVBQUEsR0FBQUgsc0JBQUEsQ0FBQUMsT0FBQTtBQUErRCxJQUFBRyxlQUFBLEVBdEIvRDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQU9BOztBQUVBLElBQU1D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

package/dist/components/common/info-helper.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-interface InfoHelperProps {
-    children?: React.ReactNode;
-    description: string;
-    containerClass?: string;
-    width?: number;
-    property?: string;
-    id?: string;
-}
-declare function InfoHelperFactory(): ({ description, property, containerClass, width, id, children }: InfoHelperProps) => React.JSX.Element;
-export default InfoHelperFactory;
+import React from 'react';
+interface InfoHelperProps {
+    children?: React.ReactNode;
+    description: string;
+    containerClass?: string;
+    width?: number;
+    property?: string;
+    id?: string;
+}
+declare function InfoHelperFactory(): ({ description, property, containerClass, width, id, children }: InfoHelperProps) => React.JSX.Element;
+export default InfoHelperFactory;

package/dist/components/common/info-helper.js

@@ -0,0 +1,79 @@
+"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 _reactIntl = require("react-intl");
+var _localization = require("../../localization");
+var _styledComponents = require("./styled-components");
+var _icons = require("./icons");
+var _styledComponents2 = _interopRequireDefault(require("styled-components"));
+var _utils = require("../../utils/utils");
+var _templateObject; // 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.
+var StyledInfoHelper = _styledComponents2["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  align-items: center;\n  margin-left: 10px;\n  color: ", ";\n  display: inline-flex;\n  .info-helper__content {\n    width: ", ";\n    max-width: ", ";\n  }\n  :hover {\n    cursor: pointer;\n    color: ", ";\n  }\n"])), function (props) {
+  return props.theme.labelColor;
+}, function (props) {
+  return props.width ? "".concat(props.width, "px") : 'auto';
+}, function (props) {
+  return props.width ? 'auto' : '100px';
+}, function (props) {
+  return props.theme.textColorHl;
+});
+function InfoHelperFactory() {
+  var InfoHelper = function InfoHelper(_ref) {
+    var description = _ref.description,
+      property = _ref.property,
+      containerClass = _ref.containerClass,
+      width = _ref.width,
+      id = _ref.id,
+      children = _ref.children;
+    // TODO: move intl out
+    var intl = (0, _reactIntl.useIntl)();
+    return /*#__PURE__*/_react["default"].createElement(StyledInfoHelper, {
+      className: "info-helper ".concat(containerClass || ''),
+      width: width,
+      "data-tip": true,
+      "data-for": id
+    }, children ? children : /*#__PURE__*/_react["default"].createElement(_icons.Docs, {
+      height: "16px"
+    }), /*#__PURE__*/_react["default"].createElement(_styledComponents.Tooltip, {
+      id: id,
+      effect: "solid"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "info-helper__content"
+    }, description && /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: description,
+      defaultValue: description,
+      values: {
+        property: intl.formatMessage({
+          id: property ? "property.".concat((0, _utils.camelize)(property)) : 'misc.empty'
+        })
+      }
+    }))));
+  };
+  return InfoHelper;
+}
+var _default = exports["default"] = InfoHelperFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdEludGwiLCJfbG9jYWxpemF0aW9uIiwiX3N0eWxlZENvbXBvbmVudHMiLCJfaWNvbnMiLCJfc3R5bGVkQ29tcG9uZW50czIiLCJfdXRpbHMiLCJfdGVtcGxhdGVPYmplY3QiLCJTdHlsZWRJbmZvSGVscGVyIiwic3R5bGVkIiwiZGl2IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJwcm9wcyIsInRoZW1lIiwibGFiZWxDb2xvciIsIndpZHRoIiwiY29uY2F0IiwidGV4dENvbG9ySGwiLCJJbmZvSGVscGVyRmFjdG9yeSIsIkluZm9IZWxwZXIiLCJfcmVmIiwiZGVzY3JpcHRpb24iLCJwcm9wZXJ0eSIsImNvbnRhaW5lckNsYXNzIiwiaWQiLCJjaGlsZHJlbiIsImludGwiLCJ1c2VJbnRsIiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsIkRvY3MiLCJoZWlnaHQiLCJUb29sdGlwIiwiZWZmZWN0IiwiRm9ybWF0dGVkTWVzc2FnZSIsImRlZmF1bHRWYWx1ZSIsInZhbHVlcyIsImZvcm1hdE1lc3NhZ2UiLCJjYW1lbGl6ZSIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvbW1vbi9pbmZvLWhlbHBlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7dXNlSW50bH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ2xvY2FsaXphdGlvbic7XG5pbXBvcnQge1Rvb2x0aXB9IGZyb20gJy4vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtEb2NzfSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7Y2FtZWxpemV9IGZyb20gJ3V0aWxzL3V0aWxzJztcblxuaW50ZXJmYWNlIFN0eWxlZEluZm9IZWxwZXJQcm9wcyB7XG4gIHdpZHRoPzogbnVtYmVyO1xufVxuXG5jb25zdCBTdHlsZWRJbmZvSGVscGVyID0gc3R5bGVkLmRpdjxTdHlsZWRJbmZvSGVscGVyUHJvcHM+YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4tbGVmdDogMTBweDtcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubGFiZWxDb2xvcn07XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAuaW5mby1oZWxwZXJfX2NvbnRlbnQge1xuICAgIHdpZHRoOiAke3Byb3BzID0+IChwcm9wcy53aWR0aCA/IGAke3Byb3BzLndpZHRofXB4YCA6ICdhdXRvJyl9O1xuICAgIG1heC13aWR0aDogJHtwcm9wcyA9PiAocHJvcHMud2lkdGggPyAnYXV0bycgOiAnMTAwcHgnKX07XG4gIH1cbiAgOmhvdmVyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9ySGx9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgSW5mb0hlbHBlclByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGRlc2NyaXB0aW9uOiBzdHJpbmc7XG4gIGNvbnRhaW5lckNsYXNzPzogc3RyaW5nO1xuICB3aWR0aD86IG51bWJlcjtcbiAgcHJvcGVydHk/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xufVxuXG5mdW5jdGlvbiBJbmZvSGVscGVyRmFjdG9yeSgpIHtcbiAgY29uc3QgSW5mb0hlbHBlciA9ICh7ZGVzY3JpcHRpb24sIHByb3BlcnR5LCBjb250YWluZXJDbGFzcywgd2lkdGgsIGlkLCBjaGlsZHJlbn06IEluZm9IZWxwZXJQcm9wcykgPT4ge1xuICAgIC8vIFRPRE86IG1vdmUgaW50bCBvdXRcbiAgICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRJbmZvSGVscGVyXG4gICAgICAgIGNsYXNzTmFtZT17YGluZm8taGVscGVyICR7Y29udGFpbmVyQ2xhc3MgfHwgJyd9YH1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBkYXRhLXRpcFxuICAgICAgICBkYXRhLWZvcj17aWR9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbiA/IGNoaWxkcmVuIDogPERvY3MgaGVpZ2h0PVwiMTZweFwiIC8+fVxuICAgICAgICA8VG9vbHRpcCBpZD17aWR9IGVmZmVjdD1cInNvbGlkXCI+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJpbmZvLWhlbHBlcl9fY29udGVudFwiPlxuICAgICAgICAgICAge2Rlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2VcbiAgICAgICAgICAgICAgICBpZD17ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgICAgZGVmYXVsdFZhbHVlPXtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgICB2YWx1ZXM9e3tcbiAgICAgICAgICAgICAgICAgIHByb3BlcnR5OiBpbnRsLmZvcm1hdE1lc3NhZ2Uoe1xuICAgICAgICAgICAgICAgICAgICBpZDogcHJvcGVydHkgPyBgcHJvcGVydHkuJHtjYW1lbGl6ZShwcm9wZXJ0eSl9YCA6ICdtaXNjLmVtcHR5J1xuICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgPC9TdHlsZWRJbmZvSGVscGVyPlxuICAgICk7XG4gIH07XG4gIHJldHVybiBJbmZvSGVscGVyO1xufVxuXG5leHBvcnQgZGVmYXVsdCBJbmZvSGVscGVyRmFjdG9yeTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFvQkEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsVUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsYUFBQSxHQUFBRixPQUFBO0FBQ0EsSUFBQUcsaUJBQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLE1BQUEsR0FBQUosT0FBQTtBQUNBLElBQUFLLGtCQUFBLEdBQUFOLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBTSxNQUFBLEdBQUFOLE9BQUE7QUFBcUMsSUFBQU8sZUFBQSxFQTFCckM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFjQSxJQUFNQyxnQkFBZ0IsR0FBR0MsNkJBQU0sQ0FBQ0MsR0FBRyxDQUFBSCxlQUFBLEtBQUFBLGVBQUEsT0FBQUksdUJBQUEsK09BR3hCLFVBQUFDLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNDLEtBQUssQ0FBQ0MsVUFBVTtBQUFBLEdBRzdCLFVBQUFGLEtBQUs7RUFBQSxPQUFLQSxLQUFLLENBQUNHLEtBQUssTUFBQUMsTUFBQSxDQUFNSixLQUFLLENBQUNHLEtBQUssVUFBTyxNQUFNO0FBQUEsQ0FBQyxFQUNoRCxVQUFBSCxLQUFLO0VBQUEsT0FBS0EsS0FBSyxDQUFDRyxLQUFLLEdBQUcsTUFBTSxHQUFHLE9BQU87QUFBQSxDQUFDLEVBSTdDLFVBQUFILEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNDLEtBQUssQ0FBQ0ksV0FBVztBQUFBLEVBRTVDO0FBV0QsU0FBU0MsaUJBQWlCQSxDQUFBLEVBQUc7RUFDM0IsSUFBTUMsVUFBVSxHQUFHLFNBQWJBLFVBQVVBLENBQUFDLElBQUEsRUFBc0Y7SUFBQSxJQUFqRkMsV0FBVyxHQUFBRCxJQUFBLENBQVhDLFdBQVc7TUFBRUMsUUFBUSxHQUFBRixJQUFBLENBQVJFLFFBQVE7TUFBRUMsY0FBYyxHQUFBSCxJQUFBLENBQWRHLGNBQWM7TUFBRVIsS0FBSyxHQUFBSyxJQUFBLENBQUxMLEtBQUs7TUFBRVMsRUFBRSxHQUFBSixJQUFBLENBQUZJLEVBQUU7TUFBRUMsUUFBUSxHQUFBTCxJQUFBLENBQVJLLFFBQVE7SUFDN0U7SUFDQSxJQUFNQyxJQUFJLEdBQUcsSUFBQUMsa0JBQU8sRUFBQyxDQUFDO0lBRXRCLG9CQUNFN0IsTUFBQSxZQUFBOEIsYUFBQSxDQUFDcEIsZ0JBQWdCO01BQ2ZxQixTQUFTLGlCQUFBYixNQUFBLENBQWlCTyxjQUFjLElBQUksRUFBRSxDQUFHO01BQ2pEUixLQUFLLEVBQUVBLEtBQU07TUFDYixnQkFBUTtNQUNSLFlBQVVTO0lBQUcsR0FFWkMsUUFBUSxHQUFHQSxRQUFRLGdCQUFHM0IsTUFBQSxZQUFBOEIsYUFBQSxDQUFDeEIsTUFBQSxDQUFBMEIsSUFBSTtNQUFDQyxNQUFNLEVBQUM7SUFBTSxDQUFFLENBQUMsZUFDN0NqQyxNQUFBLFlBQUE4QixhQUFBLENBQUN6QixpQkFBQSxDQUFBNkIsT0FBTztNQUFDUixFQUFFLEVBQUVBLEVBQUc7TUFBQ1MsTUFBTSxFQUFDO0lBQU8sZ0JBQzdCbkMsTUFBQSxZQUFBOEIsYUFBQTtNQUFLQyxTQUFTLEVBQUM7SUFBc0IsR0FDbENSLFdBQVcsaUJBQ1Z2QixNQUFBLFlBQUE4QixhQUFBLENBQUMxQixhQUFBLENBQUFnQyxnQkFBZ0I7TUFDZlYsRUFBRSxFQUFFSCxXQUFZO01BQ2hCYyxZQUFZLEVBQUVkLFdBQVk7TUFDMUJlLE1BQU0sRUFBRTtRQUNOZCxRQUFRLEVBQUVJLElBQUksQ0FBQ1csYUFBYSxDQUFDO1VBQzNCYixFQUFFLEVBQUVGLFFBQVEsZUFBQU4sTUFBQSxDQUFlLElBQUFzQixlQUFRLEVBQUNoQixRQUFRLENBQUMsSUFBSztRQUNwRCxDQUFDO01BQ0g7SUFBRSxDQUNILENBRUEsQ0FDRSxDQUNPLENBQUM7RUFFdkIsQ0FBQztFQUNELE9BQU9ILFVBQVU7QUFDbkI7QUFBQyxJQUFBb0IsUUFBQSxHQUFBQyxPQUFBLGNBRWN0QixpQkFBaUIiLCJpZ25vcmVMaXN0IjpbXX0=

package/dist/components/common/item-selector/accessor.d.ts

@@ -1,7 +1,7 @@
-declare const Accessor: {
-    IDENTITY_FN: (input: any) => any;
-    generateAccessor: (field: string) => (object: object) => any;
-    generateOptionToStringFor: (prop: any) => any;
-    valueForOption: (option: any, object: any) => any;
-};
-export default Accessor;
+declare const Accessor: {
+    IDENTITY_FN: (input: any) => any;
+    generateAccessor: (field: string) => (object: object) => any;
+    generateOptionToStringFor: (prop: any) => any;
+    valueForOption: (option: any, object: any) => any;
+};
+export default Accessor;

package/dist/components/common/item-selector/accessor.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+// 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.
+
+var Accessor = {
+  IDENTITY_FN: function IDENTITY_FN(input) {
+    return input.value || input;
+  },
+  generateAccessor: function generateAccessor(field) {
+    return function (object) {
+      return object[field];
+    };
+  },
+  generateOptionToStringFor: function generateOptionToStringFor(prop) {
+    if (typeof prop === 'string') {
+      return this.generateAccessor(prop);
+    } else if (typeof prop === 'function') {
+      return prop;
+    }
+    return this.IDENTITY_FN;
+  },
+  valueForOption: function valueForOption(option, object) {
+    if (typeof option === 'string') {
+      return object[option];
+    } else if (typeof option === 'function') {
+      return option(object);
+    }
+    return object;
+  }
+};
+var _default = exports["default"] = Accessor;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJBY2Nlc3NvciIsIklERU5USVRZX0ZOIiwiaW5wdXQiLCJ2YWx1ZSIsImdlbmVyYXRlQWNjZXNzb3IiLCJmaWVsZCIsIm9iamVjdCIsImdlbmVyYXRlT3B0aW9uVG9TdHJpbmdGb3IiLCJwcm9wIiwidmFsdWVGb3JPcHRpb24iLCJvcHRpb24iLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jb21tb24vaXRlbS1zZWxlY3Rvci9hY2Nlc3Nvci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5jb25zdCBBY2Nlc3NvciA9IHtcbiAgSURFTlRJVFlfRk46IGlucHV0ID0+IGlucHV0LnZhbHVlIHx8IGlucHV0LFxuXG4gIGdlbmVyYXRlQWNjZXNzb3I6IChmaWVsZDogc3RyaW5nKSA9PiAob2JqZWN0OiBvYmplY3QpID0+IG9iamVjdFtmaWVsZF0sXG5cbiAgZ2VuZXJhdGVPcHRpb25Ub1N0cmluZ0ZvcjogZnVuY3Rpb24gZ2VuZXJhdGVPcHRpb25Ub1N0cmluZ0Zvcihwcm9wKSB7XG4gICAgaWYgKHR5cGVvZiBwcm9wID09PSAnc3RyaW5nJykge1xuICAgICAgcmV0dXJuIHRoaXMuZ2VuZXJhdGVBY2Nlc3Nvcihwcm9wKTtcbiAgICB9IGVsc2UgaWYgKHR5cGVvZiBwcm9wID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICByZXR1cm4gcHJvcDtcbiAgICB9XG4gICAgcmV0dXJuIHRoaXMuSURFTlRJVFlfRk47XG4gIH0sXG5cbiAgdmFsdWVGb3JPcHRpb246IChvcHRpb24sIG9iamVjdCkgPT4ge1xuICAgIGlmICh0eXBlb2Ygb3B0aW9uID09PSAnc3RyaW5nJykge1xuICAgICAgcmV0dXJuIG9iamVjdFtvcHRpb25dO1xuICAgIH0gZWxzZSBpZiAodHlwZW9mIG9wdGlvbiA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgcmV0dXJuIG9wdGlvbihvYmplY3QpO1xuICAgIH1cbiAgICByZXR1cm4gb2JqZWN0O1xuICB9XG59O1xuXG5leHBvcnQgZGVmYXVsdCBBY2Nlc3NvcjtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsSUFBTUEsUUFBUSxHQUFHO0VBQ2ZDLFdBQVcsRUFBRSxTQUFiQSxXQUFXQSxDQUFFQyxLQUFLO0lBQUEsT0FBSUEsS0FBSyxDQUFDQyxLQUFLLElBQUlELEtBQUs7RUFBQTtFQUUxQ0UsZ0JBQWdCLEVBQUUsU0FBbEJBLGdCQUFnQkEsQ0FBR0MsS0FBYTtJQUFBLE9BQUssVUFBQ0MsTUFBYztNQUFBLE9BQUtBLE1BQU0sQ0FBQ0QsS0FBSyxDQUFDO0lBQUE7RUFBQTtFQUV0RUUseUJBQXlCLEVBQUUsU0FBU0EseUJBQXlCQSxDQUFDQyxJQUFJLEVBQUU7SUFDbEUsSUFBSSxPQUFPQSxJQUFJLEtBQUssUUFBUSxFQUFFO01BQzVCLE9BQU8sSUFBSSxDQUFDSixnQkFBZ0IsQ0FBQ0ksSUFBSSxDQUFDO0lBQ3BDLENBQUMsTUFBTSxJQUFJLE9BQU9BLElBQUksS0FBSyxVQUFVLEVBQUU7TUFDckMsT0FBT0EsSUFBSTtJQUNiO0lBQ0EsT0FBTyxJQUFJLENBQUNQLFdBQVc7RUFDekIsQ0FBQztFQUVEUSxjQUFjLEVBQUUsU0FBaEJBLGNBQWNBLENBQUdDLE1BQU0sRUFBRUosTUFBTSxFQUFLO0lBQ2xDLElBQUksT0FBT0ksTUFBTSxLQUFLLFFBQVEsRUFBRTtNQUM5QixPQUFPSixNQUFNLENBQUNJLE1BQU0sQ0FBQztJQUN2QixDQUFDLE1BQU0sSUFBSSxPQUFPQSxNQUFNLEtBQUssVUFBVSxFQUFFO01BQ3ZDLE9BQU9BLE1BQU0sQ0FBQ0osTUFBTSxDQUFDO0lBQ3ZCO0lBQ0EsT0FBT0EsTUFBTTtFQUNmO0FBQ0YsQ0FBQztBQUFDLElBQUFLLFFBQUEsR0FBQUMsT0FBQSxjQUVhWixRQUFRIiwiaWdub3JlTGlzdCI6W119

package/dist/components/common/item-selector/chickleted-input.d.ts

@@ -1,21 +1,21 @@
-import React, { ElementType, MouseEventHandler } from 'react';
-interface ChickletedInput {
-    onClick: MouseEventHandler<HTMLDivElement>;
-    removeItem: Function;
-    selectedItems?: any[];
-    disabled?: boolean;
-    displayOption?: Function;
-    focus?: boolean;
-    error?: boolean;
-    placeholder?: string;
-    inputTheme?: string;
-    CustomChickletComponent?: ElementType;
-    className?: string;
-}
-interface ChickletButtonProps {
-    inputTheme?: string;
-}
-export declare const ChickletButton: import("styled-components").StyledComponent<"div", any, ChickletButtonProps, never>;
-export declare const ChickletTag: import("styled-components").StyledComponent<"span", any, {}, never>;
-declare const ChickletedInput: ({ disabled, onClick, className, selectedItems, placeholder, removeItem, displayOption, inputTheme, CustomChickletComponent }: ChickletedInput) => React.JSX.Element;
-export default ChickletedInput;
+import React, { ElementType, MouseEventHandler } from 'react';
+interface ChickletedInput {
+    onClick: MouseEventHandler<HTMLDivElement>;
+    removeItem: Function;
+    selectedItems?: any[];
+    disabled?: boolean;
+    displayOption?: Function;
+    focus?: boolean;
+    error?: boolean;
+    placeholder?: string;
+    inputTheme?: string;
+    CustomChickletComponent?: ElementType;
+    className?: string;
+}
+interface ChickletButtonProps {
+    inputTheme?: string;
+}
+export declare const ChickletButton: import("styled-components").StyledComponent<"div", any, ChickletButtonProps, never>;
+export declare const ChickletTag: import("styled-components").StyledComponent<"span", any, {}, never>;
+declare const ChickletedInput: ({ disabled, onClick, className, selectedItems, placeholder, removeItem, displayOption, inputTheme, CustomChickletComponent }: ChickletedInput) => React.JSX.Element;
+export default ChickletedInput;

package/dist/components/common/item-selector/chickleted-input.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ChickletTag = exports.ChickletButton = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _delete = _interopRequireDefault(require("../icons/delete"));
+var _localization = require("../../../localization");
+var _templateObject, _templateObject2, _templateObject3; // 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.
+var ChickletButton = exports.ChickletButton = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  background: ", ";\n  border-radius: 1px;\n  color: ", ";\n  font-size: 11px;\n  line-height: 20px;\n  margin: 4px 10px 4px 3px;\n  padding: 2px 6px;\n  display: flex;\n  align-items: center;\n  max-width: calc(100% - 8px);\n\n  :hover {\n    color: ", ";\n  }\n"])), function (props) {
+  return props.inputTheme === 'light' ? props.theme.chickletBgdLT : props.theme.chickletBgd;
+}, function (props) {
+  return props.inputTheme === 'light' ? props.theme.textColorLT : props.theme.textColor;
+}, function (props) {
+  return props.inputTheme === 'light' ? props.theme.textColorHlLT : props.theme.textColorHl;
+});
+var ChickletTag = exports.ChickletTag = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: 10px;\n  text-overflow: ellipsis;\n  width: 100%;\n  overflow: hidden;\n\n  :hover {\n    overflow: visible;\n  }\n"])));
+var Chicklet = function Chicklet(_ref) {
+  var disabled = _ref.disabled,
+    name = _ref.name,
+    remove = _ref.remove,
+    inputTheme = _ref.inputTheme;
+  return /*#__PURE__*/_react["default"].createElement(ChickletButton, {
+    inputTheme: inputTheme
+  }, /*#__PURE__*/_react["default"].createElement(ChickletTag, null, name), /*#__PURE__*/_react["default"].createElement(_delete["default"], {
+    onClick: disabled ? undefined : remove
+  }));
+};
+var ChickletedInputContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n\n  color: ", ";\n  overflow: hidden;\n"])), function (props) {
+  return props.inputTheme === 'secondary' ? props.theme.secondaryChickletedInput : props.inputTheme === 'light' ? props.theme.chickletedInputLT : props.theme.chickletedInput;
+}, function (props) {
+  return props.hasPlaceholder ? props.theme.selectColorPlaceHolder : props.theme.selectColor;
+});
+var ChickletedInput = function ChickletedInput(_ref2) {
+  var disabled = _ref2.disabled,
+    onClick = _ref2.onClick,
+    className = _ref2.className,
+    _ref2$selectedItems = _ref2.selectedItems,
+    selectedItems = _ref2$selectedItems === void 0 ? [] : _ref2$selectedItems,
+    _ref2$placeholder = _ref2.placeholder,
+    placeholder = _ref2$placeholder === void 0 ? '' : _ref2$placeholder,
+    removeItem = _ref2.removeItem,
+    _ref2$displayOption = _ref2.displayOption,
+    displayOption = _ref2$displayOption === void 0 ? function (d) {
+      return d;
+    } : _ref2$displayOption,
+    inputTheme = _ref2.inputTheme,
+    CustomChickletComponent = _ref2.CustomChickletComponent;
+  return /*#__PURE__*/_react["default"].createElement(ChickletedInputContainer, {
+    className: "".concat(className, " chickleted-input"),
+    onClick: onClick,
+    inputTheme: inputTheme,
+    hasPlaceholder: !selectedItems || !selectedItems.length
+  }, selectedItems.length > 0 ? selectedItems.map(function (item, i) {
+    var chickletProps = {
+      inputTheme: inputTheme,
+      disabled: disabled,
+      key: "".concat(displayOption(item), "_").concat(i),
+      name: displayOption(item),
+      displayOption: displayOption,
+      item: item,
+      remove: function remove(e) {
+        return removeItem(item, e);
+      }
+    };
+    return CustomChickletComponent ? /*#__PURE__*/_react["default"].createElement(CustomChickletComponent, chickletProps) : /*#__PURE__*/_react["default"].createElement(Chicklet, chickletProps);
+  }) : /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(className, " chickleted-input__placeholder")
+  }, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+    id: placeholder || 'placeholder.enterValue'
+  })));
+};
+var _default = exports["default"] = ChickletedInput;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2RlbGV0ZSIsIl9sb2NhbGl6YXRpb24iLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX3RlbXBsYXRlT2JqZWN0MyIsIkNoaWNrbGV0QnV0dG9uIiwiZXhwb3J0cyIsInN0eWxlZCIsImRpdiIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwicHJvcHMiLCJpbnB1dFRoZW1lIiwidGhlbWUiLCJjaGlja2xldEJnZExUIiwiY2hpY2tsZXRCZ2QiLCJ0ZXh0Q29sb3JMVCIsInRleHRDb2xvciIsInRleHRDb2xvckhsTFQiLCJ0ZXh0Q29sb3JIbCIsIkNoaWNrbGV0VGFnIiwic3BhbiIsIkNoaWNrbGV0IiwiX3JlZiIsImRpc2FibGVkIiwibmFtZSIsInJlbW92ZSIsImNyZWF0ZUVsZW1lbnQiLCJvbkNsaWNrIiwidW5kZWZpbmVkIiwiQ2hpY2tsZXRlZElucHV0Q29udGFpbmVyIiwic2Vjb25kYXJ5Q2hpY2tsZXRlZElucHV0IiwiY2hpY2tsZXRlZElucHV0TFQiLCJjaGlja2xldGVkSW5wdXQiLCJoYXNQbGFjZWhvbGRlciIsInNlbGVjdENvbG9yUGxhY2VIb2xkZXIiLCJzZWxlY3RDb2xvciIsIkNoaWNrbGV0ZWRJbnB1dCIsIl9yZWYyIiwiY2xhc3NOYW1lIiwiX3JlZjIkc2VsZWN0ZWRJdGVtcyIsInNlbGVjdGVkSXRlbXMiLCJfcmVmMiRwbGFjZWhvbGRlciIsInBsYWNlaG9sZGVyIiwicmVtb3ZlSXRlbSIsIl9yZWYyJGRpc3BsYXlPcHRpb24iLCJkaXNwbGF5T3B0aW9uIiwiZCIsIkN1c3RvbUNoaWNrbGV0Q29tcG9uZW50IiwiY29uY2F0IiwibGVuZ3RoIiwibWFwIiwiaXRlbSIsImkiLCJjaGlja2xldFByb3BzIiwia2V5IiwiZSIsIkZvcm1hdHRlZE1lc3NhZ2UiLCJpZCIsIl9kZWZhdWx0Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY29tbW9uL2l0ZW0tc2VsZWN0b3IvY2hpY2tsZXRlZC1pbnB1dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7RWxlbWVudFR5cGUsIE1vdXNlRXZlbnRIYW5kbGVyLCBSZWFjdE5vZGV9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgRGVsZXRlIGZyb20gJy4uL2ljb25zL2RlbGV0ZSc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ2xvY2FsaXphdGlvbic7XG5cbmludGVyZmFjZSBDaGlja2xldGVkSW5wdXQge1xuICAvLyByZXF1aXJlZCBwcm9wZXJ0aWVzXG4gIG9uQ2xpY2s6IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PjtcbiAgcmVtb3ZlSXRlbTogRnVuY3Rpb247XG5cbiAgLy8gb3B0aW9uYWwgcHJvcGVydGllc1xuICBzZWxlY3RlZEl0ZW1zPzogYW55W107XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgZGlzcGxheU9wdGlvbj86IEZ1bmN0aW9uO1xuICBmb2N1cz86IGJvb2xlYW47XG4gIGVycm9yPzogYm9vbGVhbjtcbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIGlucHV0VGhlbWU/OiBzdHJpbmc7XG4gIEN1c3RvbUNoaWNrbGV0Q29tcG9uZW50PzogRWxlbWVudFR5cGU7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIENoaWNrbGV0QnV0dG9uUHJvcHMge1xuICBpbnB1dFRoZW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgQ2hpY2tsZXRCdXR0b24gPSBzdHlsZWQuZGl2PENoaWNrbGV0QnV0dG9uUHJvcHM+YFxuICBiYWNrZ3JvdW5kOiAke3Byb3BzID0+XG4gICAgcHJvcHMuaW5wdXRUaGVtZSA9PT0gJ2xpZ2h0JyA/IHByb3BzLnRoZW1lLmNoaWNrbGV0QmdkTFQgOiBwcm9wcy50aGVtZS5jaGlja2xldEJnZH07XG4gIGJvcmRlci1yYWRpdXM6IDFweDtcbiAgY29sb3I6ICR7cHJvcHMgPT5cbiAgICBwcm9wcy5pbnB1dFRoZW1lID09PSAnbGlnaHQnID8gcHJvcHMudGhlbWUudGV4dENvbG9yTFQgOiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICBmb250LXNpemU6IDExcHg7XG4gIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICBtYXJnaW46IDRweCAxMHB4IDRweCAzcHg7XG4gIHBhZGRpbmc6IDJweCA2cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1heC13aWR0aDogY2FsYygxMDAlIC0gOHB4KTtcblxuICA6aG92ZXIge1xuICAgIGNvbG9yOiAke3Byb3BzID0+XG4gICAgICBwcm9wcy5pbnB1dFRoZW1lID09PSAnbGlnaHQnID8gcHJvcHMudGhlbWUudGV4dENvbG9ySGxMVCA6IHByb3BzLnRoZW1lLnRleHRDb2xvckhsfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENoaWNrbGV0VGFnID0gc3R5bGVkLnNwYW5gXG4gIG1hcmdpbi1yaWdodDogMTBweDtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIHdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIDpob3ZlciB7XG4gICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBDaGlja2xldFByb3BzIHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBuYW1lOiBSZWFjdE5vZGU7XG4gIHJlbW92ZT86IE1vdXNlRXZlbnRIYW5kbGVyPFNWR1NWR0VsZW1lbnQ+O1xuICBpbnB1dFRoZW1lPzogc3RyaW5nO1xufVxuXG5jb25zdCBDaGlja2xldCA9ICh7ZGlzYWJsZWQsIG5hbWUsIHJlbW92ZSwgaW5wdXRUaGVtZX06IENoaWNrbGV0UHJvcHMpID0+IChcbiAgPENoaWNrbGV0QnV0dG9uIGlucHV0VGhlbWU9e2lucHV0VGhlbWV9PlxuICAgIDxDaGlja2xldFRhZz57bmFtZX08L0NoaWNrbGV0VGFnPlxuICAgIDxEZWxldGUgb25DbGljaz17ZGlzYWJsZWQgPyB1bmRlZmluZWQgOiByZW1vdmV9IC8+XG4gIDwvQ2hpY2tsZXRCdXR0b24+XG4pO1xuXG5pbnRlcmZhY2UgQ2hpY2tsZXRlZElucHV0Q29udGFpbmVyUHJvcHMge1xuICBpbnB1dFRoZW1lPzogc3RyaW5nO1xuICBoYXNQbGFjZWhvbGRlcj86IGJvb2xlYW47XG59XG5cbmNvbnN0IENoaWNrbGV0ZWRJbnB1dENvbnRhaW5lciA9IHN0eWxlZC5kaXY8Q2hpY2tsZXRlZElucHV0Q29udGFpbmVyUHJvcHM+YFxuICAke3Byb3BzID0+XG4gICAgcHJvcHMuaW5wdXRUaGVtZSA9PT0gJ3NlY29uZGFyeSdcbiAgICAgID8gcHJvcHMudGhlbWUuc2Vjb25kYXJ5Q2hpY2tsZXRlZElucHV0XG4gICAgICA6IHByb3BzLmlucHV0VGhlbWUgPT09ICdsaWdodCdcbiAgICAgID8gcHJvcHMudGhlbWUuY2hpY2tsZXRlZElucHV0TFRcbiAgICAgIDogcHJvcHMudGhlbWUuY2hpY2tsZXRlZElucHV0fVxuXG4gIGNvbG9yOiAke3Byb3BzID0+XG4gICAgcHJvcHMuaGFzUGxhY2Vob2xkZXIgPyBwcm9wcy50aGVtZS5zZWxlY3RDb2xvclBsYWNlSG9sZGVyIDogcHJvcHMudGhlbWUuc2VsZWN0Q29sb3J9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYDtcblxuY29uc3QgQ2hpY2tsZXRlZElucHV0ID0gKHtcbiAgZGlzYWJsZWQsXG4gIG9uQ2xpY2ssXG4gIGNsYXNzTmFtZSxcbiAgc2VsZWN0ZWRJdGVtcyA9IFtdLFxuICBwbGFjZWhvbGRlciA9ICcnLFxuICByZW1vdmVJdGVtLFxuICBkaXNwbGF5T3B0aW9uID0gZCA9PiBkLFxuICBpbnB1dFRoZW1lLFxuICBDdXN0b21DaGlja2xldENvbXBvbmVudFxufTogQ2hpY2tsZXRlZElucHV0KSA9PiAoXG4gIDxDaGlja2xldGVkSW5wdXRDb250YWluZXJcbiAgICBjbGFzc05hbWU9e2Ake2NsYXNzTmFtZX0gY2hpY2tsZXRlZC1pbnB1dGB9XG4gICAgb25DbGljaz17b25DbGlja31cbiAgICBpbnB1dFRoZW1lPXtpbnB1dFRoZW1lfVxuICAgIGhhc1BsYWNlaG9sZGVyPXshc2VsZWN0ZWRJdGVtcyB8fCAhc2VsZWN0ZWRJdGVtcy5sZW5ndGh9XG4gID5cbiAgICB7c2VsZWN0ZWRJdGVtcy5sZW5ndGggPiAwID8gKFxuICAgICAgc2VsZWN0ZWRJdGVtcy5tYXAoKGl0ZW0sIGkpID0+IHtcbiAgICAgICAgY29uc3QgY2hpY2tsZXRQcm9wcyA9IHtcbiAgICAgICAgICBpbnB1dFRoZW1lLFxuICAgICAgICAgIGRpc2FibGVkLFxuICAgICAgICAgIGtleTogYCR7ZGlzcGxheU9wdGlvbihpdGVtKX1fJHtpfWAsXG4gICAgICAgICAgbmFtZTogZGlzcGxheU9wdGlvbihpdGVtKSxcbiAgICAgICAgICBkaXNwbGF5T3B0aW9uLFxuICAgICAgICAgIGl0ZW0sXG4gICAgICAgICAgcmVtb3ZlOiBlID0+IHJlbW92ZUl0ZW0oaXRlbSwgZSlcbiAgICAgICAgfTtcbiAgICAgICAgcmV0dXJuIEN1c3RvbUNoaWNrbGV0Q29tcG9uZW50ID8gKFxuICAgICAgICAgIDxDdXN0b21DaGlja2xldENvbXBvbmVudCB7Li4uY2hpY2tsZXRQcm9wc30gLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8Q2hpY2tsZXQgey4uLmNoaWNrbGV0UHJvcHN9IC8+XG4gICAgICAgICk7XG4gICAgICB9KVxuICAgICkgOiAoXG4gICAgICA8c3BhbiBjbGFzc05hbWU9e2Ake2NsYXNzTmFtZX0gY2hpY2tsZXRlZC1pbnB1dF9fcGxhY2Vob2xkZXJgfT5cbiAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e3BsYWNlaG9sZGVyIHx8ICdwbGFjZWhvbGRlci5lbnRlclZhbHVlJ30gLz5cbiAgICAgIDwvc3Bhbj5cbiAgICApfVxuICA8L0NoaWNrbGV0ZWRJbnB1dENvbnRhaW5lcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IENoaWNrbGV0ZWRJbnB1dDtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFvQkEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBRUEsSUFBQUMsaUJBQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFFLE9BQUEsR0FBQUgsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFHLGFBQUEsR0FBQUgsT0FBQTtBQUE4QyxJQUFBSSxlQUFBLEVBQUFDLGdCQUFBLEVBQUFDLGdCQUFBLEVBeEI5QztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQTZCTyxJQUFNQyxjQUFjLEdBQUFDLE9BQUEsQ0FBQUQsY0FBQSxHQUFHRSw0QkFBTSxDQUFDQyxHQUFHLENBQUFOLGVBQUEsS0FBQUEsZUFBQSxPQUFBTyx1QkFBQSw4UkFDeEIsVUFBQUMsS0FBSztFQUFBLE9BQ2pCQSxLQUFLLENBQUNDLFVBQVUsS0FBSyxPQUFPLEdBQUdELEtBQUssQ0FBQ0UsS0FBSyxDQUFDQyxhQUFhLEdBQUdILEtBQUssQ0FBQ0UsS0FBSyxDQUFDRSxXQUFXO0FBQUEsR0FFM0UsVUFBQUosS0FBSztFQUFBLE9BQ1pBLEtBQUssQ0FBQ0MsVUFBVSxLQUFLLE9BQU8sR0FBR0QsS0FBSyxDQUFDRSxL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

package/dist/components/common/item-selector/dropdown-list.d.ts

@@ -1,68 +1,68 @@
-import React, { Component, ElementType } from 'react';
-export declare const classList: {
-    list: string;
-    listHeader: string;
-    listSection: string;
-    listItem: string;
-    listItemAnchor: string;
-};
-export declare const ListItem: ({ value, displayOption, light }: {
-    value: any;
-    displayOption?: (d: any) => any;
-    light: any;
-}) => React.JSX.Element;
-interface DropdownListProps {
-    options?: any[];
-    subOptions?: any[];
-    allowCustomValues?: number;
-    customClasses?: object;
-    customValues?: any[];
-    customListItemComponent?: ElementType;
-    customListHeaderComponent?: ElementType;
-    selectionIndex?: number;
-    onOptionSelected?: Function;
-    displayOption?: Function;
-    defaultClassNames?: boolean;
-    areResultsTruncated?: boolean;
-    resultsTruncatedMessage?: string;
-    listItemComponent?: Function;
-    light?: boolean;
-    fixedOptions?: any[];
-    searchEntryValue?: string;
-    withSubOptions?: boolean;
-}
-export default class DropdownList extends Component<DropdownListProps> {
-    static defaultProps: {
-        customClasses: {};
-        customListItemComponent: ({ value, displayOption, light }: {
-            value: any;
-            displayOption?: (d: any) => any;
-            light: any;
-        }) => React.JSX.Element;
-        customListHeaderComponent: any;
-        allowCustomValues: number;
-        customValues: any[];
-        displayOption: (d: any) => any;
-        onOptionSelected: () => void;
-        defaultClassNames: boolean;
-        selectionIndex: any;
-        withSubOptions: boolean;
-    };
-    state: {
-        currentOption: any;
-        submenuVisible: boolean;
-        submenuPosition: {
-            left: number;
-            top: number;
-        };
-    };
-    hasSubOptions: boolean;
-    ref: React.RefObject<HTMLDivElement>;
-    _resetState(callback?: any): void;
-    _onClick(option: any, subOption: any, event: any): void;
-    _onMouseOver(option: any, event: any): void;
-    componentDidUpdate(prevProps: any): void;
-    componentDidMount(): void;
-    render(): false | React.JSX.Element;
-}
-export {};
+import React, { Component, ElementType } from 'react';
+export declare const classList: {
+    list: string;
+    listHeader: string;
+    listSection: string;
+    listItem: string;
+    listItemAnchor: string;
+};
+export declare const ListItem: ({ value, displayOption, light }: {
+    value: any;
+    displayOption?: (d: any) => any;
+    light: any;
+}) => React.JSX.Element;
+interface DropdownListProps {
+    options?: any[];
+    subOptions?: any[];
+    allowCustomValues?: number;
+    customClasses?: object;
+    customValues?: any[];
+    customListItemComponent?: ElementType;
+    customListHeaderComponent?: ElementType;
+    selectionIndex?: number;
+    onOptionSelected?: Function;
+    displayOption?: Function;
+    defaultClassNames?: boolean;
+    areResultsTruncated?: boolean;
+    resultsTruncatedMessage?: string;
+    listItemComponent?: Function;
+    light?: boolean;
+    fixedOptions?: any[];
+    searchEntryValue?: string;
+    withSubOptions?: boolean;
+}
+export default class DropdownList extends Component<DropdownListProps> {
+    static defaultProps: {
+        customClasses: {};
+        customListItemComponent: ({ value, displayOption, light }: {
+            value: any;
+            displayOption?: (d: any) => any;
+            light: any;
+        }) => React.JSX.Element;
+        customListHeaderComponent: any;
+        allowCustomValues: number;
+        customValues: any[];
+        displayOption: (d: any) => any;
+        onOptionSelected: () => void;
+        defaultClassNames: boolean;
+        selectionIndex: any;
+        withSubOptions: boolean;
+    };
+    state: {
+        currentOption: any;
+        submenuVisible: boolean;
+        submenuPosition: {
+            left: number;
+            top: number;
+        };
+    };
+    hasSubOptions: boolean;
+    ref: React.RefObject<HTMLDivElement>;
+    _resetState(callback?: any): void;
+    _onClick(option: any, subOption: any, event: any): void;
+    _onMouseOver(option: any, event: any): void;
+    componentDidUpdate(prevProps: any): void;
+    componentDidMount(): void;
+    render(): false | React.JSX.Element;
+}
+export {};