@flodesk/grain 8.13.2 → 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.
@@ -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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flodesk/grain",
3
- "version": "8.13.2",
3
+ "version": "8.13.3",
4
4
  "description": "Flodesk design system",
5
5
  "module": "es/index.js",
6
6
  "author": "Flodesk",
@@ -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
- };