@flodesk/grain 8.13.1 → 8.13.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/es/components/index.js
CHANGED
|
@@ -16,7 +16,6 @@ export { Slider } from './slider';
|
|
|
16
16
|
export { Spinner } from './spinner';
|
|
17
17
|
export { Switch } from './switch';
|
|
18
18
|
export { Autocomplete } from './autocomplete';
|
|
19
|
-
export { MultiAutocomplete } from './multi-autocomplete';
|
|
20
19
|
export { Dropdown } from './dropdown';
|
|
21
20
|
export { Modal } from './modal';
|
|
22
21
|
export { Link, linkStyles } from './link';
|
package/es/components/tab.js
CHANGED
|
@@ -16,7 +16,7 @@ import { getDimension } from '../utilities';
|
|
|
16
16
|
import React from 'react';
|
|
17
17
|
import PropTypes from 'prop-types';
|
|
18
18
|
import { types } from '../types';
|
|
19
|
-
import {
|
|
19
|
+
import { styles } from '../foundational';
|
|
20
20
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
21
21
|
|
|
22
22
|
var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
@@ -28,7 +28,7 @@ var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
|
|
|
28
28
|
return getDimension(p.height);
|
|
29
29
|
}, ";", function (p) {
|
|
30
30
|
return p.hasFullWidth && "\n .Tab {\n flex: 1 0 0;\n }\n ";
|
|
31
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
31
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXREaW1lbnNpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IHZhcigtLWdybi1zcGFjZS1sKTtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGhlaWdodDogJHtwID0+IGdldERpbWVuc2lvbihwLmhlaWdodCl9O1xuXG4gICR7cCA9PlxuICAgIHAuaGFzRnVsbFdpZHRoICYmXG4gICAgYFxuICAgIC5UYWIge1xuICAgICAgZmxleDogMSAwIDA7XG4gICAgfVxuICBgfVxuYDtcblxuY29uc3QgVGFiV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50Mik7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgfVxuXG4gICR7cCA9PlxuICAgIHAuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgYm94LXNoYWRvdzogaW5zZXQgMCAtMnB4IDAgY3VycmVudENvbG9yO1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gIGB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRhYiA9ICh7IGNoaWxkcmVuLCBpc0FjdGl2ZSwgb25DbGljaywgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUYWJXcmFwcGVyIHR5cGU9XCJidXR0b25cIiBpc0FjdGl2ZT17aXNBY3RpdmV9IG9uQ2xpY2s9e29uQ2xpY2t9IGNsYXNzTmFtZT1cIlRhYlwiIHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWJXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFRhYkdyb3VwID0gKHsgY2hpbGRyZW4sIGhlaWdodCA9IDYsIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSkgPT4gKFxuICA8V3JhcHBlciBoZWlnaHQ9e2hlaWdodH0gaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pO1xuXG5UYWJHcm91cC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaGVpZ2h0OiB0eXBlcy5kaW1lbnNpb24sXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5UYWIucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"));
|
|
32
32
|
|
|
33
33
|
var TabWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
|
|
34
34
|
target: "e1et4hjk0"
|
|
@@ -36,8 +36,8 @@ var TabWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "produc
|
|
|
36
36
|
target: "e1et4hjk0",
|
|
37
37
|
label: "TabWrapper"
|
|
38
38
|
})(styles.buttonReset, ";", styles.transitions, ";border:none;padding:0;height:100%;background-color:transparent;color:var(--grn-color-content2);border-radius:0;white-space:nowrap;&:hover{color:var(--grn-color-content);}", function (p) {
|
|
39
|
-
return p.isActive && "\n box-shadow: inset 0 -2px 0
|
|
40
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
39
|
+
return p.isActive && "\n box-shadow: inset 0 -2px 0 currentColor;\n color: var(--grn-color-content);\n ";
|
|
40
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JnQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90YWIuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0RGltZW5zaW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiB2YXIoLS1ncm4tc3BhY2UtbCk7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBoZWlnaHQ6ICR7cCA9PiBnZXREaW1lbnNpb24ocC5oZWlnaHQpfTtcblxuICAke3AgPT5cbiAgICBwLmhhc0Z1bGxXaWR0aCAmJlxuICAgIGBcbiAgICAuVGFiIHtcbiAgICAgIGZsZXg6IDEgMCAwO1xuICAgIH1cbiAgYH1cbmA7XG5cbmNvbnN0IFRhYldyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudDIpO1xuICBib3JkZXItcmFkaXVzOiAwO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgLTJweCAwIGN1cnJlbnRDb2xvcjtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICBgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUYWIgPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUsIG9uQ2xpY2ssIC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGFiV3JhcHBlciB0eXBlPVwiYnV0dG9uXCIgaXNBY3RpdmU9e2lzQWN0aXZlfSBvbkNsaWNrPXtvbkNsaWNrfSBjbGFzc05hbWU9XCJUYWJcIiB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFiV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7IGNoaWxkcmVuLCBoZWlnaHQgPSA2LCBoYXNGdWxsV2lkdGgsIC4uLnByb3BzIH0pID0+IChcbiAgPFdyYXBwZXIgaGVpZ2h0PXtoZWlnaHR9IGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9XcmFwcGVyPlxuKTtcblxuVGFiR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxuICBoYXNGdWxsV2lkdGg6IFByb3BUeXBlcy5ib29sLFxufTtcblxuVGFiLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
|
|
41
41
|
|
|
42
42
|
export var Tab = function Tab(_ref) {
|
|
43
43
|
var children = _ref.children,
|
package/package.json
CHANGED
|
@@ -1,207 +0,0 @@
|
|
|
1
|
-
import "core-js/modules/es.symbol.js";
|
|
2
|
-
import "core-js/modules/es.symbol.description.js";
|
|
3
|
-
import "core-js/modules/es.symbol.iterator.js";
|
|
4
|
-
import "core-js/modules/es.array.iterator.js";
|
|
5
|
-
import "core-js/modules/es.string.iterator.js";
|
|
6
|
-
import "core-js/modules/web.dom-collections.iterator.js";
|
|
7
|
-
import "core-js/modules/es.array.slice.js";
|
|
8
|
-
import "core-js/modules/es.array.from.js";
|
|
9
|
-
import "core-js/modules/es.regexp.exec.js";
|
|
10
|
-
import _styled from "@emotion/styled/base";
|
|
11
|
-
|
|
12
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
13
|
-
|
|
14
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
15
|
-
|
|
16
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
17
|
-
|
|
18
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
19
|
-
|
|
20
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
21
|
-
|
|
22
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
|
-
|
|
24
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
|
-
|
|
26
|
-
import "core-js/modules/es.object.assign.js";
|
|
27
|
-
import "core-js/modules/es.array.filter.js";
|
|
28
|
-
import "core-js/modules/es.object.to-string.js";
|
|
29
|
-
import "core-js/modules/es.array.includes.js";
|
|
30
|
-
import "core-js/modules/es.string.includes.js";
|
|
31
|
-
import "core-js/modules/es.array.map.js";
|
|
32
|
-
|
|
33
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
34
|
-
|
|
35
|
-
import PropTypes from 'prop-types';
|
|
36
|
-
import React, { forwardRef, useState } from 'react';
|
|
37
|
-
import { Icon, Box, Text, Arrange } from '.';
|
|
38
|
-
import { IconChevronDown, IconCross } from '../icons';
|
|
39
|
-
import { Combobox } from '@headlessui/react';
|
|
40
|
-
import { types } from '../types';
|
|
41
|
-
import { MenuCard, MenuItem, InputField, getClearButtonStyles } from '../foundational';
|
|
42
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
43
|
-
|
|
44
|
-
var Root = function Root(_ref) {
|
|
45
|
-
var props = Object.assign({}, _ref);
|
|
46
|
-
return ___EmotionJSX(Box, _extends({}, props, {
|
|
47
|
-
position: "relative"
|
|
48
|
-
}));
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
var Trigger = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
52
|
-
var props = Object.assign({}, _ref2);
|
|
53
|
-
return ___EmotionJSX(Box, _extends({
|
|
54
|
-
ref: ref
|
|
55
|
-
}, props, {
|
|
56
|
-
position: "relative"
|
|
57
|
-
}));
|
|
58
|
-
});
|
|
59
|
-
|
|
60
|
-
var EmptyState = function EmptyState() {
|
|
61
|
-
return ___EmotionJSX(Box, {
|
|
62
|
-
padding: "s"
|
|
63
|
-
}, ___EmotionJSX(Text, {
|
|
64
|
-
color: "content2"
|
|
65
|
-
}, "No results"));
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
var Tags = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
69
|
-
target: "e1lpxwl71"
|
|
70
|
-
} : {
|
|
71
|
-
target: "e1lpxwl71",
|
|
72
|
-
label: "Tags"
|
|
73
|
-
})(process.env.NODE_ENV === "production" ? {
|
|
74
|
-
name: "1l3dtim",
|
|
75
|
-
styles: "display:flex;align-items:start;gap:4px;margin-bottom:8px;flex-wrap:wrap"
|
|
76
|
-
} : {
|
|
77
|
-
name: "1l3dtim",
|
|
78
|
-
styles: "display:flex;align-items:start;gap:4px;margin-bottom:8px;flex-wrap:wrap",
|
|
79
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL211bHRpLWF1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9tdWx0aS1hdXRvY29tcGxldGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIEJveCwgVGV4dCwgQXJyYW5nZSB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duLCBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBDb21ib2JveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgTWVudUNhcmQsIE1lbnVJdGVtLCBJbnB1dEZpZWxkLCBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5cbmNvbnN0IFJvb3QgPSAoeyAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiA8Qm94IHsuLi5wcm9wc30gcG9zaXRpb249XCJyZWxhdGl2ZVwiIC8+O1xufTtcblxuY29uc3QgVHJpZ2dlciA9IGZvcndhcmRSZWYoKHsgLi4ucHJvcHMgfSwgcmVmKSA9PiA8Qm94IHJlZj17cmVmfSB7Li4ucHJvcHN9IHBvc2l0aW9uPVwicmVsYXRpdmVcIiAvPik7XG5cbmNvbnN0IEVtcHR5U3RhdGUgPSAoKSA9PiAoXG4gIDxCb3ggcGFkZGluZz1cInNcIj5cbiAgICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCI+Tm8gcmVzdWx0czwvVGV4dD5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCBUYWdzID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICBnYXA6IDRweDtcbiAgbWFyZ2luLWJvdHRvbTogOHB4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG5gO1xuXG5jb25zdCBSZW1vdmVCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICAke2dldENsZWFyQnV0dG9uU3R5bGVzKHsgdmFyaWFudDogJ25ldXRyYWwnIH0pfTtcbiAgd2lkdGg6IDI0cHg7XG4gIGhlaWdodDogMjRweDtcbmA7XG5cbmNvbnN0IFRhZyA9ICh7IGNoaWxkcmVuLCBvblJlbW92ZUNsaWNrIH0pID0+IChcbiAgPEJveCBiYWNrZ3JvdW5kQ29sb3I9XCJmYWRlMVwiIHJhZGl1cz1cInNcIiBoZWlnaHQ9XCIzMnB4XCIgcGFkZGluZ0xlZnQ9XCIxMnB4XCIgcGFkZGluZ1JpZ2h0PVwiOHB4XCI+XG4gICAgPEFycmFuZ2UgZ2FwPVwiNHB4XCIgaGVpZ2h0PVwiMTAwJVwiPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPFJlbW92ZUJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgb25DbGljaz17KCkgPT4gb25SZW1vdmVDbGljaygpfT5cbiAgICAgICAgPEljb24gaWNvbj17PEljb25Dcm9zcyAvPn0gc2l6ZT1cInNcIiAvPlxuICAgICAgPC9SZW1vdmVCdXR0b24+XG4gICAgPC9BcnJhbmdlPlxuICA8L0JveD5cbik7XG5cbmV4cG9ydCBjb25zdCBNdWx0aUF1dG9jb21wbGV0ZSA9ICh7XG4gIG9wdGlvbnMsXG4gIGRlZmF1bHRPcHRpb25zID0gW10sXG4gIG9uQ2hhbmdlLFxuICBtZW51V2lkdGggPSAnMTAwJScsXG4gIG1lbnVaSW5kZXggPSAxLFxuICBwbGFjZWhvbGRlcixcbn0pID0+IHtcbiAgY29uc3QgW3NlbGVjdGVkT3B0aW9ucywgc2V0U2VsZWN0ZWRPcHRpb25zXSA9IHVzZVN0YXRlKGRlZmF1bHRPcHRpb25zKTtcbiAgY29uc3QgW3F1ZXJ5LCBzZXRRdWVyeV0gPSB1c2VTdGF0ZSgnJyk7XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gb3B0aW9uID0+IHtcbiAgICBzZXRTZWxlY3RlZE9wdGlvbnMob3B0aW9uKTtcbiAgICBvbkNoYW5nZSAmJiBvbkNoYW5nZShvcHRpb24pO1xuICAgIHNldFF1ZXJ5KCcnKTtcbiAgfTtcblxuICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPVxuICAgIHF1ZXJ5ID09PSAnJ1xuICAgICAgPyBvcHRpb25zXG4gICAgICA6IG9wdGlvbnMuZmlsdGVyKG9wdGlvbiA9PiB7XG4gICAgICAgICAgcmV0dXJuIG9wdGlvbi5jb250ZW50LnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMocXVlcnkudG9Mb3dlckNhc2UoKSk7XG4gICAgICAgIH0pO1xuXG4gIGNvbnN0IGRlc2VsZWN0T3B0aW9uID0gb3B0aW9uID0+IHtcbiAgICBjb25zdCByZW1haW5pbmcgPSBzZWxlY3RlZE9wdGlvbnMuZmlsdGVyKGl0ZW0gPT4gaXRlbSAhPT0gb3B0aW9uKTtcbiAgICBzZXRTZWxlY3RlZE9wdGlvbnMocmVtYWluaW5nKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDb21ib2JveCBhcz17Um9vdH0gdmFsdWU9e3NlbGVjdGVkT3B0aW9uc30gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0gbXVsdGlwbGU+XG4gICAgICB7c2VsZWN0ZWRPcHRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICA8VGFncz5cbiAgICAgICAgICB7c2VsZWN0ZWRPcHRpb25zLm1hcChvcHRpb24gPT4gKFxuICAgICAgICAgICAgPFRhZyBvblJlbW92ZUNsaWNrPXsoKSA9PiBkZXNlbGVjdE9wdGlvbihvcHRpb24pfSBrZXk9e29wdGlvbi5pZH0+XG4gICAgICAgICAgICAgIHtvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgIDwvVGFnPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1RhZ3M+XG4gICAgICApfVxuXG4gICAgICA8Q29tYm9ib3guQnV0dG9uIGFzPXtUcmlnZ2VyfT5cbiAgICAgICAgPElucHV0RmllbGRcbiAgICAgICAgICBhdXRvQ29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiBzZXRRdWVyeShldmVudC50YXJnZXQudmFsdWUpfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgLz5cblxuICAgICAgICA8Qm94XG4gICAgICAgICAgcmlnaHQ9XCJmaWVsZFBhZGRpbmdYXCJcbiAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICB0b3A9XCIwcHhcIlxuICAgICAgICAgIGJvdHRvbT1cIjBweFwiXG4gICAgICAgICAgbWFyZ2luPVwiYXV0b1wiXG4gICAgICAgICAgaGVpZ2h0PVwiZml0LWNvbnRlbnRcIlxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gaWNvbj17PEljb25DaGV2cm9uRG93biAvPn0gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0NvbWJvYm94LkJ1dHRvbj5cblxuICAgICAgPENvbWJvYm94Lk9wdGlvbnMgd2lkdGg9e21lbnVXaWR0aH0gYXM9e01lbnVDYXJkfSB6SW5kZXg9e21lbnVaSW5kZXh9PlxuICAgICAgICB7ZmlsdGVyZWRPcHRpb25zLm1hcCgob3B0aW9uLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxDb21ib2JveC5PcHRpb24ga2V5PXtpbmRleH0gdmFsdWU9e29wdGlvbn0gYXM9e1JlYWN0LkZyYWdtZW50fT5cbiAgICAgICAgICAgIHsoeyBhY3RpdmUsIHNlbGVjdGVkIH0pID0+IChcbiAgICAgICAgICAgICAgPE1lbnVJdGVtIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkfSBpc0FjdGl2ZT17YWN0aXZlfT5cbiAgICAgICAgICAgICAgICB7b3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICAgIDwvTWVudUl0ZW0+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvQ29tYm9ib3guT3B0aW9uPlxuICAgICAgICApKX1cbiAgICAgICAgeyFCb29sZWFuKGZpbHRlcmVkT3B0aW9ucy5sZW5ndGgpICYmIDxFbXB0eVN0YXRlIC8+fVxuICAgICAgPC9Db21ib2JveC5PcHRpb25zPlxuICAgIDwvQ29tYm9ib3g+XG4gICk7XG59O1xuXG5NdWx0aUF1dG9jb21wbGV0ZS5wcm9wVHlwZXMgPSB7XG4gIG9wdGlvbnM6IFByb3BUeXBlcy5hcnJheSxcbiAgZGVmYXVsdE9wdGlvbjogUHJvcFR5cGVzLm9iamVjdCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICBtZW51V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbiAgbWVudVpJbmRleDogdHlwZXMuekluZGV4LFxufTtcbiJdfQ== */",
|
|
80
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
81
|
-
});
|
|
82
|
-
|
|
83
|
-
var RemoveButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
|
|
84
|
-
target: "e1lpxwl70"
|
|
85
|
-
} : {
|
|
86
|
-
target: "e1lpxwl70",
|
|
87
|
-
label: "RemoveButton"
|
|
88
|
-
})(getClearButtonStyles({
|
|
89
|
-
variant: 'neutral'
|
|
90
|
-
}), ";width:24px;height:24px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL211bHRpLWF1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJrQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9tdWx0aS1hdXRvY29tcGxldGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIEJveCwgVGV4dCwgQXJyYW5nZSB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duLCBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBDb21ib2JveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgTWVudUNhcmQsIE1lbnVJdGVtLCBJbnB1dEZpZWxkLCBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5cbmNvbnN0IFJvb3QgPSAoeyAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiA8Qm94IHsuLi5wcm9wc30gcG9zaXRpb249XCJyZWxhdGl2ZVwiIC8+O1xufTtcblxuY29uc3QgVHJpZ2dlciA9IGZvcndhcmRSZWYoKHsgLi4ucHJvcHMgfSwgcmVmKSA9PiA8Qm94IHJlZj17cmVmfSB7Li4ucHJvcHN9IHBvc2l0aW9uPVwicmVsYXRpdmVcIiAvPik7XG5cbmNvbnN0IEVtcHR5U3RhdGUgPSAoKSA9PiAoXG4gIDxCb3ggcGFkZGluZz1cInNcIj5cbiAgICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCI+Tm8gcmVzdWx0czwvVGV4dD5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCBUYWdzID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICBnYXA6IDRweDtcbiAgbWFyZ2luLWJvdHRvbTogOHB4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG5gO1xuXG5jb25zdCBSZW1vdmVCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICAke2dldENsZWFyQnV0dG9uU3R5bGVzKHsgdmFyaWFudDogJ25ldXRyYWwnIH0pfTtcbiAgd2lkdGg6IDI0cHg7XG4gIGhlaWdodDogMjRweDtcbmA7XG5cbmNvbnN0IFRhZyA9ICh7IGNoaWxkcmVuLCBvblJlbW92ZUNsaWNrIH0pID0+IChcbiAgPEJveCBiYWNrZ3JvdW5kQ29sb3I9XCJmYWRlMVwiIHJhZGl1cz1cInNcIiBoZWlnaHQ9XCIzMnB4XCIgcGFkZGluZ0xlZnQ9XCIxMnB4XCIgcGFkZGluZ1JpZ2h0PVwiOHB4XCI+XG4gICAgPEFycmFuZ2UgZ2FwPVwiNHB4XCIgaGVpZ2h0PVwiMTAwJVwiPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPFJlbW92ZUJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgb25DbGljaz17KCkgPT4gb25SZW1vdmVDbGljaygpfT5cbiAgICAgICAgPEljb24gaWNvbj17PEljb25Dcm9zcyAvPn0gc2l6ZT1cInNcIiAvPlxuICAgICAgPC9SZW1vdmVCdXR0b24+XG4gICAgPC9BcnJhbmdlPlxuICA8L0JveD5cbik7XG5cbmV4cG9ydCBjb25zdCBNdWx0aUF1dG9jb21wbGV0ZSA9ICh7XG4gIG9wdGlvbnMsXG4gIGRlZmF1bHRPcHRpb25zID0gW10sXG4gIG9uQ2hhbmdlLFxuICBtZW51V2lkdGggPSAnMTAwJScsXG4gIG1lbnVaSW5kZXggPSAxLFxuICBwbGFjZWhvbGRlcixcbn0pID0+IHtcbiAgY29uc3QgW3NlbGVjdGVkT3B0aW9ucywgc2V0U2VsZWN0ZWRPcHRpb25zXSA9IHVzZVN0YXRlKGRlZmF1bHRPcHRpb25zKTtcbiAgY29uc3QgW3F1ZXJ5LCBzZXRRdWVyeV0gPSB1c2VTdGF0ZSgnJyk7XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gb3B0aW9uID0+IHtcbiAgICBzZXRTZWxlY3RlZE9wdGlvbnMob3B0aW9uKTtcbiAgICBvbkNoYW5nZSAmJiBvbkNoYW5nZShvcHRpb24pO1xuICAgIHNldFF1ZXJ5KCcnKTtcbiAgfTtcblxuICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPVxuICAgIHF1ZXJ5ID09PSAnJ1xuICAgICAgPyBvcHRpb25zXG4gICAgICA6IG9wdGlvbnMuZmlsdGVyKG9wdGlvbiA9PiB7XG4gICAgICAgICAgcmV0dXJuIG9wdGlvbi5jb250ZW50LnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMocXVlcnkudG9Mb3dlckNhc2UoKSk7XG4gICAgICAgIH0pO1xuXG4gIGNvbnN0IGRlc2VsZWN0T3B0aW9uID0gb3B0aW9uID0+IHtcbiAgICBjb25zdCByZW1haW5pbmcgPSBzZWxlY3RlZE9wdGlvbnMuZmlsdGVyKGl0ZW0gPT4gaXRlbSAhPT0gb3B0aW9uKTtcbiAgICBzZXRTZWxlY3RlZE9wdGlvbnMocmVtYWluaW5nKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDb21ib2JveCBhcz17Um9vdH0gdmFsdWU9e3NlbGVjdGVkT3B0aW9uc30gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0gbXVsdGlwbGU+XG4gICAgICB7c2VsZWN0ZWRPcHRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICA8VGFncz5cbiAgICAgICAgICB7c2VsZWN0ZWRPcHRpb25zLm1hcChvcHRpb24gPT4gKFxuICAgICAgICAgICAgPFRhZyBvblJlbW92ZUNsaWNrPXsoKSA9PiBkZXNlbGVjdE9wdGlvbihvcHRpb24pfSBrZXk9e29wdGlvbi5pZH0+XG4gICAgICAgICAgICAgIHtvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgIDwvVGFnPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1RhZ3M+XG4gICAgICApfVxuXG4gICAgICA8Q29tYm9ib3guQnV0dG9uIGFzPXtUcmlnZ2VyfT5cbiAgICAgICAgPElucHV0RmllbGRcbiAgICAgICAgICBhdXRvQ29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiBzZXRRdWVyeShldmVudC50YXJnZXQudmFsdWUpfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgLz5cblxuICAgICAgICA8Qm94XG4gICAgICAgICAgcmlnaHQ9XCJmaWVsZFBhZGRpbmdYXCJcbiAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICB0b3A9XCIwcHhcIlxuICAgICAgICAgIGJvdHRvbT1cIjBweFwiXG4gICAgICAgICAgbWFyZ2luPVwiYXV0b1wiXG4gICAgICAgICAgaGVpZ2h0PVwiZml0LWNvbnRlbnRcIlxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gaWNvbj17PEljb25DaGV2cm9uRG93biAvPn0gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0NvbWJvYm94LkJ1dHRvbj5cblxuICAgICAgPENvbWJvYm94Lk9wdGlvbnMgd2lkdGg9e21lbnVXaWR0aH0gYXM9e01lbnVDYXJkfSB6SW5kZXg9e21lbnVaSW5kZXh9PlxuICAgICAgICB7ZmlsdGVyZWRPcHRpb25zLm1hcCgob3B0aW9uLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxDb21ib2JveC5PcHRpb24ga2V5PXtpbmRleH0gdmFsdWU9e29wdGlvbn0gYXM9e1JlYWN0LkZyYWdtZW50fT5cbiAgICAgICAgICAgIHsoeyBhY3RpdmUsIHNlbGVjdGVkIH0pID0+IChcbiAgICAgICAgICAgICAgPE1lbnVJdGVtIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkfSBpc0FjdGl2ZT17YWN0aXZlfT5cbiAgICAgICAgICAgICAgICB7b3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICAgIDwvTWVudUl0ZW0+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvQ29tYm9ib3guT3B0aW9uPlxuICAgICAgICApKX1cbiAgICAgICAgeyFCb29sZWFuKGZpbHRlcmVkT3B0aW9ucy5sZW5ndGgpICYmIDxFbXB0eVN0YXRlIC8+fVxuICAgICAgPC9Db21ib2JveC5PcHRpb25zPlxuICAgIDwvQ29tYm9ib3g+XG4gICk7XG59O1xuXG5NdWx0aUF1dG9jb21wbGV0ZS5wcm9wVHlwZXMgPSB7XG4gIG9wdGlvbnM6IFByb3BUeXBlcy5hcnJheSxcbiAgZGVmYXVsdE9wdGlvbjogUHJvcFR5cGVzLm9iamVjdCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICBtZW51V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbiAgbWVudVpJbmRleDogdHlwZXMuekluZGV4LFxufTtcbiJdfQ== */"));
|
|
91
|
-
|
|
92
|
-
var Tag = function Tag(_ref3) {
|
|
93
|
-
var children = _ref3.children,
|
|
94
|
-
onRemoveClick = _ref3.onRemoveClick;
|
|
95
|
-
return ___EmotionJSX(Box, {
|
|
96
|
-
backgroundColor: "fade1",
|
|
97
|
-
radius: "s",
|
|
98
|
-
height: "32px",
|
|
99
|
-
paddingLeft: "12px",
|
|
100
|
-
paddingRight: "8px"
|
|
101
|
-
}, ___EmotionJSX(Arrange, {
|
|
102
|
-
gap: "4px",
|
|
103
|
-
height: "100%"
|
|
104
|
-
}, children, ___EmotionJSX(RemoveButton, {
|
|
105
|
-
type: "button",
|
|
106
|
-
onClick: function onClick() {
|
|
107
|
-
return onRemoveClick();
|
|
108
|
-
}
|
|
109
|
-
}, ___EmotionJSX(Icon, {
|
|
110
|
-
icon: ___EmotionJSX(IconCross, null),
|
|
111
|
-
size: "s"
|
|
112
|
-
}))));
|
|
113
|
-
};
|
|
114
|
-
|
|
115
|
-
export var MultiAutocomplete = function MultiAutocomplete(_ref4) {
|
|
116
|
-
var options = _ref4.options,
|
|
117
|
-
_ref4$defaultOptions = _ref4.defaultOptions,
|
|
118
|
-
defaultOptions = _ref4$defaultOptions === void 0 ? [] : _ref4$defaultOptions,
|
|
119
|
-
onChange = _ref4.onChange,
|
|
120
|
-
_ref4$menuWidth = _ref4.menuWidth,
|
|
121
|
-
menuWidth = _ref4$menuWidth === void 0 ? '100%' : _ref4$menuWidth,
|
|
122
|
-
_ref4$menuZIndex = _ref4.menuZIndex,
|
|
123
|
-
menuZIndex = _ref4$menuZIndex === void 0 ? 1 : _ref4$menuZIndex,
|
|
124
|
-
placeholder = _ref4.placeholder;
|
|
125
|
-
|
|
126
|
-
var _useState = useState(defaultOptions),
|
|
127
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
128
|
-
selectedOptions = _useState2[0],
|
|
129
|
-
setSelectedOptions = _useState2[1];
|
|
130
|
-
|
|
131
|
-
var _useState3 = useState(''),
|
|
132
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
133
|
-
query = _useState4[0],
|
|
134
|
-
setQuery = _useState4[1];
|
|
135
|
-
|
|
136
|
-
var handleChange = function handleChange(option) {
|
|
137
|
-
setSelectedOptions(option);
|
|
138
|
-
onChange && onChange(option);
|
|
139
|
-
setQuery('');
|
|
140
|
-
};
|
|
141
|
-
|
|
142
|
-
var filteredOptions = query === '' ? options : options.filter(function (option) {
|
|
143
|
-
return option.content.toLowerCase().includes(query.toLowerCase());
|
|
144
|
-
});
|
|
145
|
-
|
|
146
|
-
var deselectOption = function deselectOption(option) {
|
|
147
|
-
var remaining = selectedOptions.filter(function (item) {
|
|
148
|
-
return item !== option;
|
|
149
|
-
});
|
|
150
|
-
setSelectedOptions(remaining);
|
|
151
|
-
};
|
|
152
|
-
|
|
153
|
-
return ___EmotionJSX(Combobox, {
|
|
154
|
-
as: Root,
|
|
155
|
-
value: selectedOptions,
|
|
156
|
-
onChange: handleChange,
|
|
157
|
-
multiple: true
|
|
158
|
-
}, selectedOptions.length > 0 && ___EmotionJSX(Tags, null, selectedOptions.map(function (option) {
|
|
159
|
-
return ___EmotionJSX(Tag, {
|
|
160
|
-
onRemoveClick: function onRemoveClick() {
|
|
161
|
-
return deselectOption(option);
|
|
162
|
-
},
|
|
163
|
-
key: option.id
|
|
164
|
-
}, option.content);
|
|
165
|
-
})), ___EmotionJSX(Combobox.Button, {
|
|
166
|
-
as: Trigger
|
|
167
|
-
}, ___EmotionJSX(InputField, {
|
|
168
|
-
autoComplete: "off",
|
|
169
|
-
onChange: function onChange(event) {
|
|
170
|
-
return setQuery(event.target.value);
|
|
171
|
-
},
|
|
172
|
-
placeholder: placeholder
|
|
173
|
-
}), ___EmotionJSX(Box, {
|
|
174
|
-
right: "fieldPaddingX",
|
|
175
|
-
position: "absolute",
|
|
176
|
-
top: "0px",
|
|
177
|
-
bottom: "0px",
|
|
178
|
-
margin: "auto",
|
|
179
|
-
height: "fit-content"
|
|
180
|
-
}, ___EmotionJSX(Icon, {
|
|
181
|
-
icon: ___EmotionJSX(IconChevronDown, null)
|
|
182
|
-
}))), ___EmotionJSX(Combobox.Options, {
|
|
183
|
-
width: menuWidth,
|
|
184
|
-
as: MenuCard,
|
|
185
|
-
zIndex: menuZIndex
|
|
186
|
-
}, filteredOptions.map(function (option, index) {
|
|
187
|
-
return ___EmotionJSX(Combobox.Option, {
|
|
188
|
-
key: index,
|
|
189
|
-
value: option,
|
|
190
|
-
as: React.Fragment
|
|
191
|
-
}, function (_ref5) {
|
|
192
|
-
var active = _ref5.active,
|
|
193
|
-
selected = _ref5.selected;
|
|
194
|
-
return ___EmotionJSX(MenuItem, {
|
|
195
|
-
isSelected: selected,
|
|
196
|
-
isActive: active
|
|
197
|
-
}, option.content);
|
|
198
|
-
});
|
|
199
|
-
}), !Boolean(filteredOptions.length) && ___EmotionJSX(EmptyState, null)));
|
|
200
|
-
};
|
|
201
|
-
MultiAutocomplete.propTypes = {
|
|
202
|
-
options: PropTypes.array,
|
|
203
|
-
defaultOption: PropTypes.object,
|
|
204
|
-
onChange: PropTypes.func,
|
|
205
|
-
menuWidth: types.dimension,
|
|
206
|
-
menuZIndex: types.zIndex
|
|
207
|
-
};
|