@mirohq/design-system-combobox 1.0.9 → 1.1.0

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/dist/main.js CHANGED
@@ -10,16 +10,16 @@ var designSystemUtils = require('@mirohq/design-system-utils');
10
10
  var RadixPopover = require('@radix-ui/react-popover');
11
11
  var designSystemBaseTooltip = require('@mirohq/design-system-base-tooltip');
12
12
  var designSystemUsePrevious = require('@mirohq/design-system-use-previous');
13
- var designSystemBaseInput = require('@mirohq/design-system-base-input');
14
- var utils = require('@react-aria/utils');
15
- var designSystemStitches = require('@mirohq/design-system-stitches');
13
+ var designSystemPrimitive = require('@mirohq/design-system-primitive');
16
14
  var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
15
+ var designSystemBaseInput = require('@mirohq/design-system-base-input');
17
16
  var designSystemIcons = require('@mirohq/design-system-icons');
17
+ var designSystemStitches = require('@mirohq/design-system-stitches');
18
18
  var designSystemScrollArea = require('@mirohq/design-system-scroll-area');
19
19
  var designSystemBaseSelect = require('@mirohq/design-system-base-select');
20
- var designSystemPrimitive = require('@mirohq/design-system-primitive');
21
20
  var reactDom = require('react-dom');
22
21
  var designSystemUseLayoutEffect = require('@mirohq/design-system-use-layout-effect');
22
+ var utils = require('@react-aria/utils');
23
23
  var designSystemUseAriaDisabled = require('@mirohq/design-system-use-aria-disabled');
24
24
  var designSystemUseId = require('@mirohq/design-system-use-id');
25
25
  var designSystemChip = require('@mirohq/design-system-chip');
@@ -47,46 +47,6 @@ function _interopNamespace(e) {
47
47
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
48
48
  var RadixPopover__namespace = /*#__PURE__*/_interopNamespace(RadixPopover);
49
49
 
50
- const StyledBaseInput = designSystemStitches.styled(designSystemBaseInput.BaseInput, {
51
- flexWrap: "wrap",
52
- flexGrow: 1,
53
- gap: "$50",
54
- "&[data-valid], &[data-invalid]": {
55
- // we don't need a bigger padding here as Input component will render its own icon
56
- paddingRight: "$100"
57
- },
58
- "& input": {
59
- minWidth: "$8",
60
- flexBasis: 0,
61
- flexGrow: 1
62
- },
63
- variants: {
64
- size: {
65
- medium: {
66
- minHeight: "$8",
67
- height: "auto",
68
- padding: "3px $100",
69
- paddingRight: "$500",
70
- fontSize: "$175"
71
- },
72
- large: {
73
- minHeight: "$10",
74
- height: "auto",
75
- padding: "5px $100",
76
- paddingRight: "$500"
77
- },
78
- "x-large": {
79
- minHeight: "$12",
80
- height: "auto",
81
- padding: "5px $100",
82
- paddingRight: "$500",
83
- fontSize: "$200",
84
- lineHeight: "$500"
85
- }
86
- }
87
- }
88
- });
89
-
90
50
  function searchQueryMatch(displayedText, searchValue) {
91
51
  return displayedText.toLowerCase().includes(searchValue.toLowerCase());
92
52
  }
@@ -194,7 +154,7 @@ const StyledActionButton = designSystemStitches.styled(designSystemBaseInput.Bas
194
154
  }
195
155
  });
196
156
 
197
- const TriggerActionButton = ({
157
+ const InputActionButton = ({
198
158
  openActionLabel,
199
159
  closeActionLabel,
200
160
  clearActionLabel,
@@ -241,8 +201,49 @@ const TriggerActionButton = ({
241
201
  );
242
202
  };
243
203
 
244
- const Trigger = React__default["default"].forwardRef(
204
+ const StyledBaseInput = designSystemStitches.styled(designSystemBaseInput.BaseInput, {
205
+ flexWrap: "wrap",
206
+ flexGrow: 1,
207
+ gap: "$50",
208
+ "&[data-valid], &[data-invalid]": {
209
+ // we don't need a bigger padding here as Input component will render its own icon
210
+ paddingRight: "$100"
211
+ },
212
+ "& input": {
213
+ minWidth: "$8",
214
+ flexBasis: 0,
215
+ flexGrow: 1
216
+ },
217
+ variants: {
218
+ size: {
219
+ medium: {
220
+ minHeight: "$8",
221
+ height: "auto",
222
+ padding: "3px $100",
223
+ paddingRight: "$500",
224
+ fontSize: "$175"
225
+ },
226
+ large: {
227
+ minHeight: "$10",
228
+ height: "auto",
229
+ padding: "5px $100",
230
+ paddingRight: "$500"
231
+ },
232
+ "x-large": {
233
+ minHeight: "$12",
234
+ height: "auto",
235
+ padding: "5px $100",
236
+ paddingRight: "$500",
237
+ fontSize: "$200",
238
+ lineHeight: "$500"
239
+ }
240
+ }
241
+ }
242
+ });
243
+
244
+ const Input = React__default["default"].forwardRef(
245
245
  ({
246
+ onFocus,
246
247
  id,
247
248
  children,
248
249
  size = "large",
@@ -254,12 +255,11 @@ const Trigger = React__default["default"].forwardRef(
254
255
  clearable = true,
255
256
  clearActionLabel,
256
257
  onChange,
257
- onFocus,
258
258
  css,
259
259
  // @ts-expect-error className required when extending the component with styled()
260
260
  className,
261
261
  ...restProps
262
- }, forwardRef) => {
262
+ }, ref) => {
263
263
  const {
264
264
  "aria-disabled": ariaDisabled,
265
265
  valid: comboboxValid,
@@ -270,7 +270,6 @@ const Trigger = React__default["default"].forwardRef(
270
270
  inputRef,
271
271
  searchValue,
272
272
  setSearchValue,
273
- setOpenState,
274
273
  setSize,
275
274
  setPlaceholder
276
275
  } = useComboboxContext();
@@ -305,6 +304,61 @@ const Trigger = React__default["default"].forwardRef(
305
304
  setSearchValue(e.target.value);
306
305
  onChange == null ? void 0 : onChange(e);
307
306
  };
307
+ return /* @__PURE__ */ jsxRuntime.jsxs(
308
+ StyledBaseInput,
309
+ {
310
+ "aria-disabled": ariaDisabled,
311
+ valid,
312
+ disabled,
313
+ readOnly,
314
+ size,
315
+ onChange: onInputChange,
316
+ css,
317
+ className,
318
+ children: [
319
+ /* @__PURE__ */ jsxRuntime.jsx(
320
+ designSystemBaseInput.BaseInput.Input,
321
+ {
322
+ ...restProps,
323
+ ref: designSystemUtils.mergeRefs([inputRef, ref]),
324
+ value: searchValue,
325
+ id: id != null ? id : formElementId,
326
+ "aria-describedby": designSystemUtils.stringAttrValue(
327
+ ariaDescribedBy,
328
+ formFieldContextDescribedBy
329
+ ),
330
+ "aria-invalid": ariaInvalid != null ? ariaInvalid : formFieldAriaInvalid,
331
+ placeholder: children === null || children === void 0 || value.length === 0 ? placeholder : void 0,
332
+ onFocus: scrollIntoView
333
+ }
334
+ ),
335
+ children,
336
+ /* @__PURE__ */ jsxRuntime.jsx(
337
+ InputActionButton,
338
+ {
339
+ openActionLabel,
340
+ closeActionLabel,
341
+ clearActionLabel,
342
+ clearable,
343
+ size
344
+ }
345
+ )
346
+ ]
347
+ }
348
+ );
349
+ }
350
+ );
351
+
352
+ const Trigger = React__default["default"].forwardRef(
353
+ (props, forwardRef) => {
354
+ const comboboxContextProps = useComboboxContext();
355
+ const {
356
+ "aria-disabled": ariaDisabled,
357
+ disabled,
358
+ readOnly,
359
+ triggerRef,
360
+ setOpenState
361
+ } = comboboxContextProps;
308
362
  return /* @__PURE__ */ jsxRuntime.jsx(
309
363
  RadixPopover.Anchor,
310
364
  {
@@ -317,51 +371,7 @@ const Trigger = React__default["default"].forwardRef(
317
371
  children: /* @__PURE__ */ jsxRuntime.jsx(
318
372
  react.Combobox,
319
373
  {
320
- render: ({ ref: ariakitTriggerRef, ...ariakitProps }) => /* @__PURE__ */ jsxRuntime.jsxs(
321
- StyledBaseInput,
322
- {
323
- "aria-disabled": ariaDisabled,
324
- valid,
325
- disabled,
326
- readOnly,
327
- size,
328
- onChange: onInputChange,
329
- css,
330
- className,
331
- children: [
332
- /* @__PURE__ */ jsxRuntime.jsx(
333
- designSystemBaseInput.BaseInput.Input,
334
- {
335
- ...utils.mergeProps(ariakitProps, restProps),
336
- ref: designSystemUtils.mergeRefs([
337
- inputRef,
338
- ariakitTriggerRef
339
- ]),
340
- value: searchValue,
341
- id: id != null ? id : formElementId,
342
- "aria-describedby": designSystemUtils.stringAttrValue(
343
- ariaDescribedBy,
344
- formFieldContextDescribedBy
345
- ),
346
- "aria-invalid": ariaInvalid != null ? ariaInvalid : formFieldAriaInvalid,
347
- placeholder: children === null || children === void 0 || value.length === 0 ? placeholder : void 0,
348
- onFocus: scrollIntoView
349
- }
350
- ),
351
- children,
352
- /* @__PURE__ */ jsxRuntime.jsx(
353
- TriggerActionButton,
354
- {
355
- openActionLabel,
356
- closeActionLabel,
357
- clearActionLabel,
358
- clearable,
359
- size
360
- }
361
- )
362
- ]
363
- }
364
- )
374
+ render: ({ ref: ariakitTriggerRef, ...ariakitProps }) => /* @__PURE__ */ jsxRuntime.jsx(designSystemPrimitive.Primitive.span, { asChild: true, ref: ariakitTriggerRef, ...ariakitProps, children: props.asChild === true ? props.children : /* @__PURE__ */ jsxRuntime.jsx(Input, { ...props }) })
365
375
  }
366
376
  )
367
377
  }
@@ -829,6 +839,7 @@ const Combobox = React__default["default"].forwardRef(
829
839
  );
830
840
  Combobox.Portal = Portal;
831
841
  Combobox.Trigger = Trigger;
842
+ Combobox.Input = Input;
832
843
  Combobox.Content = Content;
833
844
  Combobox.Item = Item;
834
845
  Combobox.Group = Group;
@@ -843,4 +854,5 @@ var types = /*#__PURE__*/Object.freeze({
843
854
 
844
855
  exports.Combobox = Combobox;
845
856
  exports.ComboboxTypes = types;
857
+ exports.useComboboxContext = useComboboxContext;
846
858
  //# sourceMappingURL=main.js.map
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.js","sources":["../src/partials/trigger.styled.tsx","../src/utils.ts","../src/hooks/use-combobox-context.tsx","../src/partials/trigger-action-button.styled.tsx","../src/partials/trigger-action-button.tsx","../src/partials/trigger.tsx","../src/partials/content.styled.tsx","../src/hooks/use-document-fragment.ts","../src/hooks/use-invisible-content.tsx","../src/partials/content.tsx","../src/partials/item.styled.tsx","../src/hooks/use-group-context.tsx","../src/partials/item.tsx","../src/partials/portal.tsx","../src/partials/group.styled.tsx","../src/partials/group.tsx","../src/partials/group-label.styled.tsx","../src/partials/group-label.tsx","../src/partials/value.tsx","../src/partials/separator.styled.tsx","../src/partials/separator.tsx","../src/combobox.styled.tsx","../src/partials/no-result.styled.tsx","../src/partials/no-result.tsx","../src/combobox.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport { BaseInput } from '@mirohq/design-system-base-input'\nimport type { ComponentPropsWithRef } from 'react'\n\nexport const StyledBaseInput = styled(BaseInput, {\n flexWrap: 'wrap',\n flexGrow: 1,\n gap: '$50',\n\n '&[data-valid], &[data-invalid]': {\n // we don't need a bigger padding here as Input component will render its own icon\n paddingRight: '$100',\n },\n\n '& input': {\n minWidth: '$8',\n flexBasis: 0,\n flexGrow: 1,\n },\n\n variants: {\n size: {\n medium: {\n minHeight: '$8',\n height: 'auto',\n padding: '3px $100',\n paddingRight: '$500',\n fontSize: '$175',\n },\n large: {\n minHeight: '$10',\n height: 'auto',\n padding: '5px $100',\n paddingRight: '$500',\n },\n 'x-large': {\n minHeight: '$12',\n height: 'auto',\n padding: '5px $100',\n paddingRight: '$500',\n fontSize: '$200',\n lineHeight: '$500',\n },\n },\n },\n})\n\nexport type StyledBaseInputProps = ComponentPropsWithRef<typeof StyledBaseInput>\n","export function searchQueryMatch(\n displayedText: string,\n searchValue: string\n): boolean {\n return displayedText.toLowerCase().includes(searchValue.toLowerCase())\n}\n","import React, {\n createContext,\n useContext,\n useMemo,\n useRef,\n useState,\n} from 'react'\nimport { useControllableState } from '@radix-ui/react-use-controllable-state'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport type { FormElementProps } from '@mirohq/design-system-base-form'\n\nimport type { Direction } from '../types'\nimport type { StyledBaseInputProps } from '../partials/trigger.styled'\nimport { searchQueryMatch } from '../utils'\n\ninterface ItemData {\n displayedText: string\n groupId: string | undefined\n}\n\ninterface ComboboxProviderSharedProps extends FormElementProps {\n value?: string[] | string\n direction?: Direction\n autoFilter: boolean\n}\n\ninterface ComboboxContextProps extends ComboboxProviderSharedProps {\n setOpenState: React.Dispatch<React.SetStateAction<boolean | undefined>>\n openState: boolean\n\n setValue: React.Dispatch<React.SetStateAction<string[] | string | undefined>>\n\n triggerRef: React.RefObject<HTMLInputElement>\n inputRef: React.RefObject<HTMLInputElement>\n contentRef: React.RefObject<HTMLDivElement>\n\n searchValue: string\n setSearchValue: React.Dispatch<React.SetStateAction<string | undefined>>\n\n placeholder?: string\n setPlaceholder: React.Dispatch<React.SetStateAction<string | undefined>>\n\n size: StyledBaseInputProps['size']\n setSize: React.Dispatch<React.SetStateAction<StyledBaseInputProps['size']>>\n\n /**\n * includes all visible and hidden items to render Chips and get filtered items\n */\n itemsMap: Map<string, ItemData>\n setItemsMap: React.Dispatch<React.SetStateAction<Map<string, ItemData>>>\n\n /**\n * @returns filtered items based on itemsMap\n * @returns empty array when searchValue is empty or auto filtering is disabled\n */\n filteredItems: ItemData[]\n}\n\ninterface ComboboxProviderProps extends ComboboxProviderSharedProps {\n children?: React.ReactNode\n open?: boolean\n defaultOpen?: boolean\n onOpen?: () => void\n onClose?: () => void\n\n defaultValue?: string[] | string\n onValueChange?: (value: string[] | string) => void\n\n searchValue?: string\n onSearchValueChange?: (value: string) => void\n}\n\nconst ComboboxContext = createContext<ComboboxContextProps>({} as any)\n\nexport const ComboboxProvider = ({\n children,\n open: openProp,\n defaultOpen,\n onOpen,\n onClose,\n valid,\n value: valueProp,\n defaultValue: defaultValueProp,\n onValueChange,\n searchValue: searchValueProp,\n onSearchValueChange,\n autoFilter,\n ...restProps\n}: ComboboxProviderProps): JSX.Element => {\n const triggerRef = useRef<HTMLInputElement>(null)\n const inputRef = useRef<HTMLInputElement>(null)\n const contentRef = useRef<HTMLDivElement>(null)\n\n // todo MDS-1141: remove default false value\n const [openState = false, setOpenState] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: state => {\n if (state) {\n onOpen?.()\n } else {\n onClose?.()\n }\n },\n })\n const [value, setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValueProp,\n onChange: onValueChange,\n })\n\n // todo MDS-1141: remove default false value\n const [searchValue = '', setSearchValue] = useControllableState({\n prop: searchValueProp,\n defaultProp: '',\n onChange: onSearchValueChange,\n })\n\n const [size, setSize] = useState<StyledBaseInputProps['size']>()\n const [placeholder, setPlaceholder] = useState<string | undefined>()\n\n const [itemsMap, setItemsMap] = useState<Map<string, ItemData>>(new Map())\n\n const { valid: formFieldValid } = useFormFieldContext()\n\n const filteredItems = useMemo(() => {\n if (searchValue.length > 0) {\n return Array.from(itemsMap.values()).filter(item =>\n searchQueryMatch(item.displayedText, searchValue)\n )\n }\n\n return []\n }, [itemsMap, searchValue])\n\n return (\n <ComboboxContext.Provider\n value={{\n ...restProps,\n valid: valid ?? formFieldValid,\n openState,\n setOpenState,\n value,\n setValue,\n triggerRef,\n inputRef,\n contentRef,\n autoFilter,\n searchValue,\n setSearchValue,\n itemsMap,\n setItemsMap,\n filteredItems,\n placeholder,\n setPlaceholder,\n size,\n setSize,\n }}\n >\n {children}\n </ComboboxContext.Provider>\n )\n}\n\nexport const useComboboxContext = (): ComboboxContextProps =>\n useContext(ComboboxContext)\n","import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport const StyledActionButton = styled(BaseInput.ActionButton, {\n position: 'absolute',\n right: '$100',\n\n variants: {\n size: {\n medium: {\n top: '1px',\n },\n large: {\n top: '5px',\n },\n 'x-large': {\n top: '9px',\n },\n },\n },\n\n defaultVariants: {\n size: 'large',\n },\n})\n\nexport type StyledActionButtonProps = StrictComponentProps<\n typeof StyledActionButton\n>\n","import React, { useCallback } from 'react'\nimport { IconChevronDown, IconCross } from '@mirohq/design-system-icons'\nimport { Trigger as RadixTrigger } from '@radix-ui/react-popover'\n\nimport type { StyledActionButtonProps } from './trigger-action-button.styled'\nimport { StyledActionButton } from './trigger-action-button.styled'\nimport { useComboboxContext } from '../hooks/use-combobox-context'\n\nexport type TriggerActionButtonProps = Omit<\n StyledActionButtonProps,\n 'label'\n> & {\n openActionLabel: string\n closeActionLabel: string\n clearable?: boolean\n clearActionLabel?: string\n}\n\nexport const TriggerActionButton = ({\n openActionLabel,\n closeActionLabel,\n clearActionLabel,\n clearable,\n size,\n}: TriggerActionButtonProps): React.ReactNode => {\n const { openState, setOpenState, value = [], setValue } = useComboboxContext()\n\n const isEmpty = value.length === 0\n\n const onToggleClick = useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n if (openState) {\n // open action will be performed by radix since it's RadixTrigger\n setOpenState(false)\n }\n\n event.stopPropagation()\n },\n [setOpenState, openState]\n )\n\n const onClearClick = useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n setValue([])\n\n event.stopPropagation()\n },\n [setValue]\n )\n\n if (isEmpty || clearable === false || clearActionLabel === undefined) {\n return (\n <RadixTrigger asChild aria-haspopup='listbox'>\n <StyledActionButton\n label={openState ? closeActionLabel : openActionLabel}\n size={size}\n onClick={onToggleClick}\n >\n <IconChevronDown size='small' />\n </StyledActionButton>\n </RadixTrigger>\n )\n }\n\n return (\n <StyledActionButton\n label={clearActionLabel}\n size={size}\n onClick={onClearClick}\n >\n <IconCross size='small' />\n </StyledActionButton>\n )\n}\n","import React, { useEffect } from 'react'\nimport type { ElementRef } from 'react'\nimport { Combobox as AriakitComboboxTrigger } from '@ariakit/react'\nimport {\n booleanify,\n mergeRefs,\n stringAttrValue,\n} from '@mirohq/design-system-utils'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport { Anchor as RadixAnchor } from '@radix-ui/react-popover'\nimport type {\n BaseInputProps,\n BaseInputStyledProps,\n} from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\nimport { mergeProps } from '@react-aria/utils'\n\nimport { StyledBaseInput } from './trigger.styled'\nimport { useComboboxContext } from '../hooks/use-combobox-context'\nimport { TriggerActionButton } from './trigger-action-button'\n\ninterface TriggerSharedProps extends Omit<BaseInputStyledProps, 'size'> {\n /**\n * The content.\n */\n children?: React.ReactNode\n\n /**\n * The size of the trigger.\n * @default 'large'\n */\n size?: BaseInputProps['size']\n\n /**\n * The content that will be rendered inside the Combobox.Trigger when no value or\n * defaultValue is set.\n */\n placeholder?: string\n\n /**\n * The label text for Trigger's action button when Combobox is empty and closed. Will be rendered in a Tooltip.\n */\n openActionLabel: string\n\n /**\n * The label text for Trigger's action button when Combobox is empty and open. Will be rendered in a Tooltip.\n */\n closeActionLabel: string\n\n /**\n * Show a button to clear the Combobox value.\n * @default true\n */\n clearable?: boolean\n}\n\nexport type TriggerProps = TriggerSharedProps &\n (\n | { clearable: false; clearActionLabel?: never }\n | {\n /**\n * The label text for Trigger's action button when Combobox has values selected. Will be rendered in a Tooltip.\n */\n clearActionLabel: string\n }\n )\n\nexport const Trigger = React.forwardRef<ElementRef<'input'>, TriggerProps>(\n (\n {\n id,\n children,\n size = 'large',\n 'aria-describedby': ariaDescribedBy,\n 'aria-invalid': ariaInvalid,\n placeholder,\n openActionLabel,\n closeActionLabel,\n clearable = true,\n clearActionLabel,\n onChange,\n onFocus,\n css,\n // @ts-expect-error className required when extending the component with styled()\n className,\n ...restProps\n },\n forwardRef\n ) => {\n const {\n 'aria-disabled': ariaDisabled,\n valid: comboboxValid,\n disabled,\n value = [],\n readOnly,\n triggerRef,\n inputRef,\n searchValue,\n setSearchValue,\n setOpenState,\n setSize,\n setPlaceholder,\n } = useComboboxContext()\n\n const {\n formElementId,\n ariaDescribedBy: formFieldContextDescribedBy,\n ariaInvalid: formFieldAriaInvalid,\n valid: formFieldValid,\n } = useFormFieldContext()\n\n useEffect(() => {\n setSize(size)\n }, [size, setSize])\n\n useEffect(() => {\n setPlaceholder(placeholder)\n }, [setPlaceholder, placeholder])\n\n const valid = formFieldValid ?? comboboxValid\n\n const scrollIntoView = (\n event: React.FocusEvent<HTMLInputElement>\n ): void => {\n const trigger = triggerRef?.current\n const baseInput = inputRef?.current?.parentElement\n\n if (baseInput != null && trigger != null) {\n event.preventDefault()\n baseInput.scrollTo({\n top: trigger.scrollHeight,\n })\n }\n\n if (onFocus !== undefined) {\n onFocus(event)\n }\n }\n\n const onInputChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n setSearchValue(e.target.value)\n onChange?.(e)\n }\n\n return (\n <RadixAnchor\n ref={mergeRefs([triggerRef, forwardRef])}\n // todo MDS-1112: move this logic to AriakitComboboxTrigger's showOnClick\n onClick={() => {\n if (\n !booleanify(disabled) &&\n !booleanify(ariaDisabled) &&\n !booleanify(readOnly)\n ) {\n setOpenState(true)\n }\n }}\n >\n <AriakitComboboxTrigger\n render={({ ref: ariakitTriggerRef, ...ariakitProps }) => (\n <StyledBaseInput\n aria-disabled={ariaDisabled}\n valid={valid}\n disabled={disabled}\n readOnly={readOnly}\n size={size}\n onChange={onInputChange}\n css={css}\n // @ts-expect-error className required when extending the component with styled()\n className={className}\n >\n <BaseInput.Input\n {...mergeProps(ariakitProps, restProps)}\n ref={mergeRefs([\n inputRef,\n ariakitTriggerRef as React.RefObject<HTMLInputElement>,\n ])}\n value={searchValue}\n id={id ?? formElementId}\n aria-describedby={stringAttrValue(\n ariaDescribedBy,\n formFieldContextDescribedBy\n )}\n aria-invalid={ariaInvalid ?? formFieldAriaInvalid}\n placeholder={\n children === null ||\n children === undefined ||\n value.length === 0\n ? placeholder\n : undefined\n }\n onFocus={scrollIntoView}\n />\n {children}\n <TriggerActionButton\n openActionLabel={openActionLabel}\n closeActionLabel={closeActionLabel}\n clearActionLabel={clearActionLabel}\n clearable={clearable}\n size={size}\n />\n </StyledBaseInput>\n )}\n />\n </RadixAnchor>\n )\n }\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixPopover from '@radix-ui/react-popover'\nimport {\n contentStyles,\n itemsContainerStyles,\n} from '@mirohq/design-system-base-select'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledItemsContainer = styled(Primitive.div, itemsContainerStyles)\n\nexport const StyledContent = styled(RadixPopover.Content, {\n ...contentStyles,\n width: 'var(--radix-popover-trigger-width)',\n overflowY: 'auto',\n boxSizing: 'border-box',\n})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import React from 'react'\nimport { useLayoutEffect } from '@mirohq/design-system-use-layout-effect'\n\nexport const useDocumentFragment = (): DocumentFragment | undefined => {\n const [fragment, setFragment] = React.useState<DocumentFragment>()\n\n // we need `useLayoutEffect` here because `DocumentFragment` doesn't exist on the server\n useLayoutEffect(() => {\n setFragment(new DocumentFragment())\n }, [])\n\n return fragment\n}\n","import React, { useCallback } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useDocumentFragment } from './use-document-fragment'\n\n/**\n * Render content in DocumentFragment so items can send its text value to context,\n * otherwise we will have empty chips.\n * Content won't be visible in DOM.\n */\nexport const useInvisibleContent = (): ((\n children: React.ReactNode\n) => React.ReactElement | null) => {\n const fragment = useDocumentFragment()\n\n return useCallback(\n (children: React.ReactNode): React.ReactElement | null =>\n fragment !== undefined\n ? createPortal(<div>{children}</div>, fragment)\n : null,\n [fragment]\n )\n}\n","import React from 'react'\nimport type { ElementRef, ReactNode } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport { ScrollArea } from '@mirohq/design-system-scroll-area'\nimport { theme } from '@mirohq/design-system-stitches'\nimport type { CSSProperties } from '@stitches/react'\nimport { ComboboxList as AriakitComboboxList } from '@ariakit/react'\n\nimport { StyledContent, StyledItemsContainer } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport { useComboboxContext } from '../hooks/use-combobox-context'\nimport type {\n Align,\n Overflow,\n PointerDownOutsideEvent,\n Side,\n Sticky,\n} from '../types'\nimport { useInvisibleContent } from '../hooks/use-invisible-content'\n\nexport const CONTENT_OFFSET = parseInt(theme.space[50])\nconst RADIX_CONTENT_AVAILABLE_HEIGHT =\n 'var(--radix-popover-content-available-height)'\n\nconst isInsideRef = (\n element: Element | null,\n ref: React.RefObject<Element>\n): boolean => (element != null && ref.current?.contains(element)) ?? false\n\nexport interface ContentProps extends StyledContentProps {\n /**\n * Combobox's content.\n */\n children?: ReactNode\n\n /**\n * Event handler called when focus moves to the trigger after closing. It can\n * be prevented by calling event.preventDefault.\n */\n onCloseAutoFocus?: (event: Event) => void\n\n /**\n * Event handler called when focus moves to the trigger after closing. It can\n * be prevented by calling event.preventDefault.\n */\n onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n /**\n * Event handler called when a pointer event occurs outside the bounds of the\n * component. It can be prevented by calling event.preventDefault.\n */\n onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n\n /**\n * The preferred side of the anchor to render against when open. Will be\n * reversed when collisions occur and avoidCollisions is enabled.\n * @default 'bottom'\n */\n side?: Side\n\n /**\n * The distance in pixels from the anchor.\n * @default CONTENT_OFFSET\n */\n sideOffset?: number\n\n /**\n * The preferred alignment against the anchor. May change when collisions\n * occur.\n * @default 'center'\n */\n align?: Align\n\n /**\n * An offset in pixels from the \"start\" or \"end\" alignment options.\n * @default 0\n */\n alignOffset?: number\n\n /**\n * When true, overrides the side and align preferences to prevent collisions\n * with boundary edges.\n * @default true\n */\n avoidCollisions?: boolean\n\n /**\n * The element used as the collision boundary. By default this is the\n * viewport, though you can provide additional element(s) to be included in\n * this check.\n */\n collisionBoundary?: Element | null\n\n /**\n * The distance in pixels from the boundary edges where collision detection\n * should occur. Accepts a number (same for all sides), or a partial padding\n * object, for example: { top: 20, left: 20 }.\n * @default 0\n */\n collisionPadding?: number | Partial<Record<Side, number>>\n\n /**\n * The sticky behavior on the align axis. \"partial\" will keep the content in the\n * boundary as long as the trigger is at least partially in the boundary whilst\n * \"always\" will keep the content in the boundary regardless.\n * @default 'partial'\n */\n sticky?: Sticky\n\n /**\n * Whether to hide the content when the trigger becomes fully occluded.\n * @default true\n */\n hideWhenDetached?: boolean\n\n /**\n * The max height for the content.\n */\n maxHeight?: CSSProperties['maxHeight']\n\n /**\n * Setting overflow as \"visible\" means that the content can extend beyond\n * its collision boundary without any clipping or scrolling being\n * applied.\n * When set to \"auto,\" a scrollbar is added if the content exceeds its\n * boundaries. If no maxHeight is defined, it will be automatically adjusted\n * to fit the remaining space between the trigger and the boundary edge.\n * @default 'visible'\n */\n overflow?: Overflow\n}\n\nexport const Content = React.forwardRef<\n ElementRef<typeof StyledContent>,\n ContentProps\n>(\n (\n {\n side = 'bottom',\n sideOffset = CONTENT_OFFSET,\n align = 'center',\n alignOffset = 0,\n collisionPadding = 0,\n avoidCollisions = true,\n sticky = 'partial',\n hideWhenDetached = true,\n overflow = 'visible',\n maxHeight,\n children,\n ...restProps\n },\n forwardRef\n ) => {\n const { triggerRef, contentRef, direction, openState } =\n useComboboxContext()\n\n const getInvisibleContent = useInvisibleContent()\n\n if (!openState) {\n return getInvisibleContent(children)\n }\n\n const content = <StyledItemsContainer>{children}</StyledItemsContainer>\n\n return (\n <StyledContent\n {...restProps}\n dir={direction}\n side={side}\n sideOffset={sideOffset}\n align={align}\n alignOffset={alignOffset}\n avoidCollisions={avoidCollisions}\n collisionPadding={collisionPadding}\n sticky={sticky}\n hideWhenDetached={hideWhenDetached}\n ref={mergeRefs([forwardRef, contentRef])}\n onOpenAutoFocus={event => event.preventDefault()}\n onInteractOutside={event => {\n const target = event.target as Element | null\n const isTrigger = isInsideRef(target, triggerRef)\n const isContent = isInsideRef(target, contentRef)\n\n if (isTrigger || isContent) {\n event.preventDefault()\n }\n }}\n >\n {/* we have to specify role here otherwise it would be overwritten by Radix.Content */}\n <AriakitComboboxList role='listbox'>\n {overflow === 'auto' ? (\n <ScrollArea type='always' dir={direction}>\n <ScrollArea.Viewport\n css={{\n maxHeight:\n maxHeight !== undefined\n ? `min(${RADIX_CONTENT_AVAILABLE_HEIGHT}, ${\n typeof maxHeight === 'number'\n ? `${maxHeight}px`\n : maxHeight\n })`\n : RADIX_CONTENT_AVAILABLE_HEIGHT,\n }}\n >\n {content}\n </ScrollArea.Viewport>\n <ScrollArea.Scrollbar orientation='vertical'>\n <ScrollArea.Thumb />\n </ScrollArea.Scrollbar>\n </ScrollArea>\n ) : (\n content\n )}\n </AriakitComboboxList>\n </StyledContent>\n )\n }\n)\n","import { ComboboxItem } from '@ariakit/react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { itemStyles } from '@mirohq/design-system-base-select'\n\nexport const StyledItem = styled(ComboboxItem, itemStyles)\n\nexport type StyledItemProps = StrictComponentProps<typeof StyledItem>\n","import React, { createContext, useContext } from 'react'\nimport type { FormElementProps } from '@mirohq/design-system-base-form'\n\ninterface GroupProviderSharedProps extends FormElementProps {\n groupId?: string\n}\n\ninterface GroupContextProps extends GroupProviderSharedProps {}\n\ninterface GroupProviderProps extends GroupProviderSharedProps {\n children: React.ReactNode\n}\n\nconst GroupContext = createContext<GroupContextProps>({} as any)\n\nexport const GroupProvider = ({\n children,\n ...restProps\n}: GroupProviderProps): JSX.Element => (\n <GroupContext.Provider\n value={{\n ...restProps,\n }}\n >\n {children}\n </GroupContext.Provider>\n)\n\nexport const useGroupContext = (): GroupContextProps => useContext(GroupContext)\n","import React, { useMemo } from 'react'\nimport type { ElementRef, ReactNode } from 'react'\nimport { ComboboxItemCheck as AriakitComboboxItemCheck } from '@ariakit/react'\nimport { mergeProps } from '@react-aria/utils'\nimport { useAriaDisabled } from '@mirohq/design-system-use-aria-disabled'\nimport { IconCheckMark } from '@mirohq/design-system-icons'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport { useLayoutEffect } from '@mirohq/design-system-use-layout-effect'\nimport { StyledItemCheck } from '@mirohq/design-system-base-select'\n\nimport { StyledItem } from './item.styled'\nimport type { StyledItemProps } from './item.styled'\nimport { useComboboxContext } from '../hooks/use-combobox-context'\nimport { useGroupContext } from '../hooks/use-group-context'\nimport { searchQueryMatch } from '../utils'\n\nexport interface ItemProps extends StyledItemProps {\n /**\n * The value given as data when submitted with a name.\n */\n value: string\n\n /**\n * When true, prevents the user from interacting with the item.\n * @default false\n */\n disabled?: boolean\n\n /**\n * Optional text used for typeahead purposes. By default the typeahead\n * behavior will use the Combobox's item text. Use this when the content is\n * complex, or you have non-textual content inside.\n */\n textValue?: string\n\n /**\n * Item's content.\n */\n children?: ReactNode\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n (\n { disabled = false, value, textValue, children, ...restProps },\n forwardRef\n ) => {\n const { 'aria-disabled': ariaDisabled, ...restAriaDisabledProps } =\n useAriaDisabled(restProps, { allowArrows: true })\n const {\n searchValue,\n autoFilter,\n setItemsMap,\n triggerRef,\n inputRef,\n value: comboboxValue = [],\n } = useComboboxContext()\n\n const { groupId } = useGroupContext()\n\n const displayedText = useMemo((): string => {\n if (textValue !== undefined) {\n return textValue\n }\n\n return typeof children === 'string' ? children : ''\n }, [textValue, children])\n\n useLayoutEffect(() => {\n setItemsMap(\n prevState => new Map(prevState.set(value, { displayedText, groupId }))\n )\n\n return () => {\n setItemsMap(prevState => {\n prevState.delete(value)\n return new Map(prevState)\n })\n }\n }, [setItemsMap, groupId, value, displayedText])\n\n if (\n autoFilter &&\n searchValue.length > 0 &&\n !searchQueryMatch(displayedText, searchValue)\n ) {\n return null\n }\n\n const scrollIntoView = (event: React.MouseEvent<HTMLDivElement>): void => {\n if (\n inputRef?.current?.parentElement != null &&\n triggerRef?.current != null\n ) {\n inputRef.current.parentElement.scrollTo({\n top: triggerRef.current.scrollHeight,\n })\n }\n\n if (restProps.onClick !== undefined) {\n restProps.onClick(event)\n }\n }\n\n // todo MDS-1142 find a better way to fix blinking.\n // We need to use custom state because Ariakit changes its state internally on click even for controlled Combobox\n // and it case `aria-selected` value and checkmark to blink.\n const isSelected = Array.isArray(comboboxValue)\n ? comboboxValue.includes(value)\n : comboboxValue === value\n\n return (\n <StyledItem\n {...mergeProps(restProps, restAriaDisabledProps)}\n focusable\n hideOnClick={false}\n accessibleWhenDisabled={booleanify(ariaDisabled)}\n disabled={booleanify(ariaDisabled) || disabled}\n ref={forwardRef}\n value={value}\n onClick={scrollIntoView}\n aria-selected={isSelected}\n >\n <AriakitComboboxItemCheck\n checked={isSelected}\n render={({ style, ...props }) => (\n // AriakitComboboxItemCheck adds its owm inline styles which we want to omit here\n <StyledItemCheck {...props} />\n )}\n >\n <IconCheckMark\n size='small'\n data-testid={\n process.env.NODE_ENV === 'test'\n ? 'combobox-item-check'\n : undefined\n }\n />\n </AriakitComboboxItemCheck>\n {children}\n </StyledItem>\n )\n }\n)\n","import React from 'react'\nimport type { PopoverPortalProps } from '@radix-ui/react-popover'\nimport { Portal as RadixPortal } from '@radix-ui/react-popover'\n\nimport { useComboboxContext } from '../hooks/use-combobox-context'\n\nexport interface PortalProps extends PopoverPortalProps {\n /**\n * Specify a container element to portal the content into.\n */\n container?: HTMLElement | null\n}\n\nexport const Portal = ({\n forceMount: forceMountProp,\n ...restProps\n}: PortalProps): React.ReactNode => {\n const { openState } = useComboboxContext()\n\n // We always need to render content with items to be able to render Chips in Value,\n // but without forceMount Radix will not render Portal when Popover is closed\n const forceMount = !openState || forceMountProp\n\n return <RadixPortal forceMount={forceMount} {...restProps} />\n}\n","import { Group as AriakitGroup } from '@ariakit/react'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledGroup = styled(AriakitGroup, {})\n\nexport type StyledGroupProps = StrictComponentProps<typeof StyledGroup>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { useId } from '@mirohq/design-system-use-id'\n\nimport { useComboboxContext } from '../hooks/use-combobox-context'\nimport type { StyledGroupProps } from './group.styled'\nimport { StyledGroup } from './group.styled'\nimport { useInvisibleContent } from '../hooks/use-invisible-content'\nimport { GroupProvider } from '../hooks/use-group-context'\n\nexport type GroupProps = StyledGroupProps\n\nexport const Group = React.forwardRef<\n ElementRef<typeof StyledGroup>,\n GroupProps\n>(({ children, ...rest }, forwardRef) => {\n const { autoFilter, searchValue, filteredItems } = useComboboxContext()\n\n const id = useId()\n const getInvisibleContent = useInvisibleContent()\n\n let hasVisibleContent = true\n\n if (autoFilter && searchValue.length > 0) {\n hasVisibleContent = filteredItems.some(item => item.groupId === id)\n }\n\n return (\n <GroupProvider groupId={id}>\n {hasVisibleContent ? (\n <StyledGroup {...rest} ref={forwardRef}>\n {children}\n </StyledGroup>\n ) : (\n getInvisibleContent(children)\n )}\n </GroupProvider>\n )\n})\n","import { GroupLabel } from '@ariakit/react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { groupLabelStyles } from '@mirohq/design-system-base-select'\n\nexport const StyledGroupLabel = styled(GroupLabel, groupLabelStyles)\n\nexport type StyledGroupLabelProps = StrictComponentProps<\n typeof StyledGroupLabel\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledGroupLabel } from './group-label.styled'\nimport type { StyledGroupLabelProps } from './group-label.styled'\n\nexport interface GroupLabelProps extends StyledGroupLabelProps {}\n\nexport const GroupLabel = React.forwardRef<\n ElementRef<typeof StyledGroupLabel>,\n GroupLabelProps\n>((props, forwardRef) => <StyledGroupLabel {...props} ref={forwardRef} />)\n","import React, { useCallback } from 'react'\nimport type { FC } from 'react'\nimport { Chip } from '@mirohq/design-system-chip'\nimport { booleanify } from '@mirohq/design-system-utils'\n\nimport { useComboboxContext } from '../hooks/use-combobox-context'\n\nexport interface ValueProps {\n /**\n * The label to make the remove button recognizable by the screen readers.\n */\n unselectAriaLabel: string\n\n /**\n * Allow single or multiple selection.\n * @default true\n */\n multiple?: boolean\n}\n\nexport const Value: FC<ValueProps> = ({\n unselectAriaLabel,\n multiple = true,\n}) => {\n const {\n value = [],\n setValue,\n disabled,\n readOnly,\n 'aria-disabled': ariaDisabled,\n itemsMap,\n } = useComboboxContext()\n const canRemoveItem =\n !booleanify(ariaDisabled) && !booleanify(disabled) && !booleanify(readOnly)\n\n const onItemRemove = useCallback(\n (item: string): void => {\n if (multiple) {\n setValue(prevValue =>\n (prevValue as string[]).filter(value => value !== item)\n )\n } else {\n setValue('')\n }\n },\n [setValue, multiple]\n )\n\n const getItemText = useCallback(\n (itemValue: string) => {\n const itemData = itemsMap.get(itemValue)\n if (itemData === undefined || itemData.displayedText === '') {\n return null\n }\n\n return (\n <Chip\n key={itemValue}\n onRemove={e => {\n onItemRemove(itemValue)\n e.stopPropagation()\n }}\n removable={canRemoveItem}\n removeAriaLabel={`${unselectAriaLabel} ${itemData.displayedText}`}\n data-testid={\n process.env.NODE_ENV === 'test'\n ? `combobox-value-${itemValue}`\n : undefined\n }\n >\n {itemData.displayedText}\n </Chip>\n )\n },\n [canRemoveItem, itemsMap, onItemRemove, unselectAriaLabel]\n )\n\n return (\n <>\n {multiple && Array.isArray(value)\n ? value.map(getItemText)\n : getItemText(value as string)}\n </>\n )\n}\n","import { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { separatorStyles } from '@mirohq/design-system-base-select'\n\nexport const StyledSeparator = styled(Primitive.div, separatorStyles)\n\nexport type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { useComboboxContext } from '../hooks/use-combobox-context'\nimport { StyledSeparator } from './separator.styled'\nimport type { StyledSeparatorProps } from './separator.styled'\n\nexport interface SeparatorProps extends StyledSeparatorProps {}\n\nexport const Separator = React.forwardRef<\n ElementRef<typeof StyledSeparator>,\n SeparatorProps\n>((props, forwardRef) => {\n const { autoFilter, searchValue } = useComboboxContext()\n\n if (autoFilter && searchValue.length > 0) {\n return null\n }\n\n return <StyledSeparator {...props} ref={forwardRef} aria-hidden />\n})\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledNativeSelect = styled(Primitive.select, {\n // if we support autoComplete, we would have to use visually-hidden styles here\n display: 'none',\n})\n\nexport const StyledComboboxContent = styled(Primitive.div, {\n position: 'relative',\n width: '100%',\n})\n\nexport type StyledComboboxProps = ComponentPropsWithRef<\n typeof StyledComboboxContent\n>\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledNoResult = styled(Primitive.div, {\n padding: '$100',\n})\n\nexport type StyledNoResultProps = StrictComponentProps<typeof StyledNoResult>\n","import React from 'react'\nimport type { ElementRef, ReactNode } from 'react'\n\nimport type { StyledNoResultProps } from './no-result.styled'\nimport { StyledNoResult } from './no-result.styled'\nimport { useComboboxContext } from '../hooks/use-combobox-context'\n\nexport interface NoResultProps extends StyledNoResultProps {\n /**\n * The content.\n */\n children?: ReactNode\n}\n\nexport const NoResult = React.forwardRef<\n ElementRef<typeof StyledNoResult>,\n NoResultProps\n>((props, forwardRef) => {\n const { autoFilter, searchValue, filteredItems, itemsMap } =\n useComboboxContext()\n\n // when filtering is disabled or idle, just checking if there are any items provided\n const noActiveFiltering =\n !autoFilter || (autoFilter && searchValue.length === 0)\n\n const isVisible = noActiveFiltering\n ? itemsMap.size === 0\n : filteredItems.length === 0\n\n if (isVisible) {\n return <StyledNoResult {...props} ref={forwardRef} />\n }\n\n return null\n})\n","import React, { useEffect } from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport { ComboboxProvider as AriakitComboboxProvider } from '@ariakit/react'\nimport type { FormElementProps } from '@mirohq/design-system-base-form'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport * as RadixPopover from '@radix-ui/react-popover'\nimport {\n BaseTooltipProvider,\n useBaseTooltipContext,\n} from '@mirohq/design-system-base-tooltip'\nimport { usePrevious } from '@mirohq/design-system-use-previous'\n\nimport { Trigger } from './partials/trigger'\nimport { Content } from './partials/content'\nimport { Item } from './partials/item'\nimport { Portal } from './partials/portal'\nimport { Group } from './partials/group'\nimport { GroupLabel } from './partials/group-label'\nimport { Value } from './partials/value'\nimport { Separator } from './partials/separator'\nimport { StyledComboboxContent, StyledNativeSelect } from './combobox.styled'\nimport type { StyledComboboxProps } from './combobox.styled'\nimport {\n ComboboxProvider,\n useComboboxContext,\n} from './hooks/use-combobox-context'\nimport type { Direction } from './types'\nimport { NoResult } from './partials/no-result'\n\nexport interface ComboboxProps extends FormElementProps, StyledComboboxProps {\n /**\n * The value of the combobox when initially rendered. Use when you do not need\n * to control the state of the combobox.\n */\n defaultValue?: string[] | string\n\n /**\n * The controlled value of the combobox. Should be used in conjunction with\n * onValueChange.\n */\n value?: string[] | string\n\n /**\n * Event handler called when the value changes.\n */\n onValueChange?: (value: string[] | string) => void\n\n /**\n * The controlled search value to filter items. Should be used in conjunction with\n * onSearchValueChange.\n */\n searchValue?: string\n\n /**\n * Event handler called when the trigger input value changes.\n */\n onSearchValueChange?: (value: string) => void\n\n /**\n * The open state of the combobox when it is initially rendered. Use when you do\n * not need to control its open state.\n * @default false\n */\n defaultOpen?: boolean\n\n /**\n * The controlled open state of the combobox. Must be used in conjunction with\n * onOpen and onClose.\n */\n open?: boolean\n\n /**\n * Event handler called when the combobox opens.\n */\n onOpen?: () => void\n\n /**\n * Event handler called when the combobox closes.\n */\n onClose?: () => void\n\n /**\n * The reading direction of the combobox when applicable. If omitted, inherits\n * globally from DirectionProvider or assumes LTR (left-to-right) reading\n * mode.\n * @default 'ltr'\n */\n direction?: Direction\n\n /**\n * The content of the combobox\n */\n children?: React.ReactNode\n\n /**\n * Enables/disabled automatic filtering.\n * @default true\n */\n autoFilter?: boolean\n\n /**\n * The name of the combobox. Submitted with its owning form as part of a\n * name/value pair.\n */\n name?: string\n\n /**\n * Allow single or multiple selection.\n * @default true\n */\n multiple?: boolean\n}\n\nconst Root = React.forwardRef<\n ElementRef<typeof StyledComboboxContent>,\n ComboboxProps\n>(\n (\n {\n multiple = true,\n value: valueProp,\n onValueChange,\n name,\n children,\n ...restProps\n },\n forwardRef\n ) => {\n const {\n openState,\n setOpenState,\n value = [],\n setValue,\n required,\n readOnly,\n 'aria-disabled': ariaDisabled,\n disabled,\n direction,\n triggerRef,\n } = useComboboxContext()\n\n const {\n setRequired,\n setDisabled,\n setAriaDisabled,\n setReadOnly,\n formElementRef,\n } = useFormFieldContext<HTMLSelectElement>()\n\n useEffect(() => {\n setRequired?.(required)\n setDisabled?.(disabled)\n setAriaDisabled?.(ariaDisabled)\n setReadOnly?.(readOnly)\n }, [\n readOnly,\n disabled,\n ariaDisabled,\n required,\n setRequired,\n setDisabled,\n setAriaDisabled,\n setReadOnly,\n ])\n\n const { ignoreNextTooltip } = useBaseTooltipContext()\n const prevOpen = usePrevious(openState)\n\n useEffect(() => {\n if (prevOpen === true && !openState) {\n ignoreNextTooltip()\n }\n }, [ignoreNextTooltip, openState, prevOpen])\n\n const onSetSelectedValue = (newValue: string | string[]): void => {\n // If no defaultValue is provided the newValue is always an array so we need validate the types\n if (!multiple && Array.isArray(newValue)) {\n setValue(newValue[0])\n } else if (multiple && !Array.isArray(newValue)) {\n setValue([newValue])\n } else {\n setValue(newValue)\n }\n }\n\n const onOpenChange = (value: boolean): void => {\n if (!booleanify(readOnly)) {\n setOpenState(value)\n }\n }\n\n const isFormControl = Boolean(triggerRef.current?.closest('form'))\n\n const getOptionValue = (\n itemValue: string | string[]\n ): JSX.Element | JSX.Element[] => {\n if (multiple && Array.isArray(itemValue)) {\n return (value as string[]).map(itemValue => (\n <option key={itemValue} value={itemValue}>\n {itemValue}\n </option>\n ))\n } else {\n return (\n <option key={itemValue as string} value={itemValue}>\n {itemValue}\n </option>\n )\n }\n }\n\n return (\n <RadixPopover.Root open={openState} onOpenChange={onOpenChange}>\n <AriakitComboboxProvider\n open={openState}\n setOpen={onOpenChange}\n selectedValue={value}\n setSelectedValue={onSetSelectedValue}\n >\n <StyledComboboxContent\n ref={forwardRef}\n {...restProps}\n dir={direction}\n data-form-element='select'\n >\n {children}\n </StyledComboboxContent>\n </AriakitComboboxProvider>\n {isFormControl && (\n <StyledNativeSelect\n multiple={multiple}\n autoComplete='off'\n name={name}\n tabIndex={-1}\n aria-hidden='true'\n ref={formElementRef}\n required={required}\n disabled={disabled}\n aria-disabled={ariaDisabled}\n value={value}\n // since we don't support autoComplete there is no way this select value will change,\n // although we still need to provide `onChange` since we use `value` and not `defaultValue`\n onChange={() => {}}\n >\n {value.length === 0 ? (\n <option value='' />\n ) : (\n // since we don't support autoComplete we can render here only selected values\n getOptionValue(value)\n )}\n </StyledNativeSelect>\n )}\n </RadixPopover.Root>\n )\n }\n)\n\nexport const Combobox = React.forwardRef<\n ElementRef<typeof StyledComboboxContent>,\n ComboboxProps\n>(\n (\n {\n 'aria-disabled': ariaDisabled,\n defaultOpen = false,\n open,\n valid,\n disabled,\n readOnly,\n required,\n value,\n defaultValue,\n onOpen,\n onClose,\n searchValue,\n onSearchValueChange,\n onValueChange,\n direction = 'ltr',\n autoFilter = true,\n ...restProps\n },\n forwardRef\n ) => (\n <ComboboxProvider\n defaultValue={defaultValue}\n value={value}\n onValueChange={onValueChange}\n searchValue={searchValue}\n onSearchValueChange={onSearchValueChange}\n defaultOpen={defaultOpen}\n open={open}\n onOpen={onOpen}\n onClose={onClose}\n valid={valid}\n required={required}\n disabled={disabled}\n readOnly={readOnly}\n aria-disabled={ariaDisabled}\n direction={direction}\n autoFilter={autoFilter}\n >\n <BaseTooltipProvider>\n <Root {...restProps} value={value} ref={forwardRef} />\n </BaseTooltipProvider>\n </ComboboxProvider>\n )\n) as ForwardRefExoticComponent<ComboboxProps> & Partials\n\nexport interface Partials {\n Portal: typeof Portal\n Trigger: typeof Trigger\n Content: typeof Content\n Item: typeof Item\n Group: typeof Group\n GroupLabel: typeof GroupLabel\n Value: typeof Value\n Separator: typeof Separator\n NoResult: typeof NoResult\n}\n\nCombobox.Portal = Portal\nCombobox.Trigger = Trigger\nCombobox.Content = Content\nCombobox.Item = Item\nCombobox.Group = Group\nCombobox.GroupLabel = GroupLabel\nCombobox.Value = Value\nCombobox.Separator = Separator\nCombobox.NoResult = NoResult\n"],"names":["styled","BaseInput","createContext","useRef","useControllableState","useState","useFormFieldContext","useMemo","jsx","useContext","useCallback","RadixTrigger","IconChevronDown","IconCross","React","useEffect","RadixAnchor","mergeRefs","booleanify","AriakitComboboxTrigger","jsxs","mergeProps","stringAttrValue","Primitive","itemsContainerStyles","RadixPopover","contentStyles","useLayoutEffect","createPortal","theme","AriakitComboboxList","ScrollArea","ComboboxItem","itemStyles","useAriaDisabled","AriakitComboboxItemCheck","StyledItemCheck","IconCheckMark","RadixPortal","AriakitGroup","useId","GroupLabel","groupLabelStyles","value","Chip","Fragment","separatorStyles","useBaseTooltipContext","usePrevious","itemValue","AriakitComboboxProvider","BaseTooltipProvider"],"mappings":"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"}
1
+ {"version":3,"file":"main.js","sources":["../src/utils.ts","../src/hooks/use-combobox-context.tsx","../src/partials/trigger-action-button.styled.tsx","../src/partials/input-action-button.tsx","../src/partials/input.styled.tsx","../src/partials/input.tsx","../src/partials/trigger.tsx","../src/partials/content.styled.tsx","../src/hooks/use-document-fragment.ts","../src/hooks/use-invisible-content.tsx","../src/partials/content.tsx","../src/partials/item.styled.tsx","../src/hooks/use-group-context.tsx","../src/partials/item.tsx","../src/partials/portal.tsx","../src/partials/group.styled.tsx","../src/partials/group.tsx","../src/partials/group-label.styled.tsx","../src/partials/group-label.tsx","../src/partials/value.tsx","../src/partials/separator.styled.tsx","../src/partials/separator.tsx","../src/combobox.styled.tsx","../src/partials/no-result.styled.tsx","../src/partials/no-result.tsx","../src/combobox.tsx"],"sourcesContent":["export function searchQueryMatch(\n displayedText: string,\n searchValue: string\n): boolean {\n return displayedText.toLowerCase().includes(searchValue.toLowerCase())\n}\n","import React, {\n createContext,\n useContext,\n useMemo,\n useRef,\n useState,\n} from 'react'\nimport { useControllableState } from '@radix-ui/react-use-controllable-state'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport type { FormElementProps } from '@mirohq/design-system-base-form'\n\nimport type { Direction } from '../types'\nimport type { StyledBaseInputProps } from '../partials/input.styled'\nimport { searchQueryMatch } from '../utils'\n\ninterface ItemData {\n displayedText: string\n groupId: string | undefined\n}\n\ninterface ComboboxProviderSharedProps extends FormElementProps {\n value?: string[] | string\n direction?: Direction\n autoFilter: boolean\n}\n\ninterface ComboboxContextProps extends ComboboxProviderSharedProps {\n setOpenState: React.Dispatch<React.SetStateAction<boolean | undefined>>\n openState: boolean\n\n setValue: React.Dispatch<React.SetStateAction<string[] | string | undefined>>\n\n triggerRef: React.RefObject<HTMLInputElement>\n inputRef: React.RefObject<HTMLInputElement>\n contentRef: React.RefObject<HTMLDivElement>\n\n searchValue: string\n setSearchValue: React.Dispatch<React.SetStateAction<string | undefined>>\n\n placeholder?: string\n setPlaceholder: React.Dispatch<React.SetStateAction<string | undefined>>\n\n size: StyledBaseInputProps['size']\n setSize: React.Dispatch<React.SetStateAction<StyledBaseInputProps['size']>>\n\n /**\n * includes all visible and hidden items to render Chips and get filtered items\n */\n itemsMap: Map<string, ItemData>\n setItemsMap: React.Dispatch<React.SetStateAction<Map<string, ItemData>>>\n\n /**\n * @returns filtered items based on itemsMap\n * @returns empty array when searchValue is empty or auto filtering is disabled\n */\n filteredItems: ItemData[]\n}\n\ninterface ComboboxProviderProps extends ComboboxProviderSharedProps {\n children?: React.ReactNode\n open?: boolean\n defaultOpen?: boolean\n onOpen?: () => void\n onClose?: () => void\n\n defaultValue?: string[] | string\n onValueChange?: (value: string[] | string) => void\n\n searchValue?: string\n onSearchValueChange?: (value: string) => void\n}\n\nconst ComboboxContext = createContext<ComboboxContextProps>({} as any)\n\nexport const ComboboxProvider = ({\n children,\n open: openProp,\n defaultOpen,\n onOpen,\n onClose,\n valid,\n value: valueProp,\n defaultValue: defaultValueProp,\n onValueChange,\n searchValue: searchValueProp,\n onSearchValueChange,\n autoFilter,\n ...restProps\n}: ComboboxProviderProps): JSX.Element => {\n const triggerRef = useRef<HTMLInputElement>(null)\n const inputRef = useRef<HTMLInputElement>(null)\n const contentRef = useRef<HTMLDivElement>(null)\n\n // todo MDS-1141: remove default false value\n const [openState = false, setOpenState] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: state => {\n if (state) {\n onOpen?.()\n } else {\n onClose?.()\n }\n },\n })\n const [value, setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValueProp,\n onChange: onValueChange,\n })\n\n // todo MDS-1141: remove default false value\n const [searchValue = '', setSearchValue] = useControllableState({\n prop: searchValueProp,\n defaultProp: '',\n onChange: onSearchValueChange,\n })\n\n const [size, setSize] = useState<StyledBaseInputProps['size']>()\n const [placeholder, setPlaceholder] = useState<string | undefined>()\n\n const [itemsMap, setItemsMap] = useState<Map<string, ItemData>>(new Map())\n\n const { valid: formFieldValid } = useFormFieldContext()\n\n const filteredItems = useMemo(() => {\n if (searchValue.length > 0) {\n return Array.from(itemsMap.values()).filter(item =>\n searchQueryMatch(item.displayedText, searchValue)\n )\n }\n\n return []\n }, [itemsMap, searchValue])\n\n return (\n <ComboboxContext.Provider\n value={{\n ...restProps,\n valid: valid ?? formFieldValid,\n openState,\n setOpenState,\n value,\n setValue,\n triggerRef,\n inputRef,\n contentRef,\n autoFilter,\n searchValue,\n setSearchValue,\n itemsMap,\n setItemsMap,\n filteredItems,\n placeholder,\n setPlaceholder,\n size,\n setSize,\n }}\n >\n {children}\n </ComboboxContext.Provider>\n )\n}\n\nexport const useComboboxContext = (): ComboboxContextProps =>\n useContext(ComboboxContext)\n","import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport const StyledActionButton = styled(BaseInput.ActionButton, {\n position: 'absolute',\n right: '$100',\n\n variants: {\n size: {\n medium: {\n top: '1px',\n },\n large: {\n top: '5px',\n },\n 'x-large': {\n top: '9px',\n },\n },\n },\n\n defaultVariants: {\n size: 'large',\n },\n})\n\nexport type StyledActionButtonProps = StrictComponentProps<\n typeof StyledActionButton\n>\n","import React, { useCallback } from 'react'\nimport { IconChevronDown, IconCross } from '@mirohq/design-system-icons'\nimport { Trigger as RadixTrigger } from '@radix-ui/react-popover'\n\nimport type { StyledActionButtonProps } from './trigger-action-button.styled'\nimport { StyledActionButton } from './trigger-action-button.styled'\nimport { useComboboxContext } from '../hooks/use-combobox-context'\n\nexport type InputActionButtonProps = Omit<StyledActionButtonProps, 'label'> & {\n openActionLabel: string\n closeActionLabel: string\n clearable?: boolean\n clearActionLabel?: string\n}\n\nexport const InputActionButton = ({\n openActionLabel,\n closeActionLabel,\n clearActionLabel,\n clearable,\n size,\n}: InputActionButtonProps): React.ReactNode => {\n const { openState, setOpenState, value = [], setValue } = useComboboxContext()\n\n const isEmpty = value.length === 0\n\n const onToggleClick = useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n if (openState) {\n // open action will be performed by radix since it's RadixTrigger\n setOpenState(false)\n }\n\n event.stopPropagation()\n },\n [setOpenState, openState]\n )\n\n const onClearClick = useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n setValue([])\n\n event.stopPropagation()\n },\n [setValue]\n )\n\n if (isEmpty || clearable === false || clearActionLabel === undefined) {\n return (\n <RadixTrigger asChild aria-haspopup='listbox'>\n <StyledActionButton\n label={openState ? closeActionLabel : openActionLabel}\n size={size}\n onClick={onToggleClick}\n >\n <IconChevronDown size='small' />\n </StyledActionButton>\n </RadixTrigger>\n )\n }\n\n return (\n <StyledActionButton\n label={clearActionLabel}\n size={size}\n onClick={onClearClick}\n >\n <IconCross size='small' />\n </StyledActionButton>\n )\n}\n","import { styled } from '@mirohq/design-system-stitches'\nimport { BaseInput } from '@mirohq/design-system-base-input'\nimport type { ComponentPropsWithRef } from 'react'\n\nexport const StyledBaseInput = styled(BaseInput, {\n flexWrap: 'wrap',\n flexGrow: 1,\n gap: '$50',\n\n '&[data-valid], &[data-invalid]': {\n // we don't need a bigger padding here as Input component will render its own icon\n paddingRight: '$100',\n },\n\n '& input': {\n minWidth: '$8',\n flexBasis: 0,\n flexGrow: 1,\n },\n\n variants: {\n size: {\n medium: {\n minHeight: '$8',\n height: 'auto',\n padding: '3px $100',\n paddingRight: '$500',\n fontSize: '$175',\n },\n large: {\n minHeight: '$10',\n height: 'auto',\n padding: '5px $100',\n paddingRight: '$500',\n },\n 'x-large': {\n minHeight: '$12',\n height: 'auto',\n padding: '5px $100',\n paddingRight: '$500',\n fontSize: '$200',\n lineHeight: '$500',\n },\n },\n },\n})\n\nexport type StyledBaseInputProps = ComponentPropsWithRef<typeof StyledBaseInput>\n","import { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport type {\n BaseInputProps,\n BaseInputStyledProps,\n} from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\nimport { mergeRefs, stringAttrValue } from '@mirohq/design-system-utils'\nimport React, { useEffect } from 'react'\n\nimport { useComboboxContext } from '../hooks/use-combobox-context'\nimport { InputActionButton } from './input-action-button'\nimport { StyledBaseInput } from './input.styled'\n\nexport type InputProps = Omit<BaseInputStyledProps, 'size'> & {\n /**\n * The size of the input.\n * @default 'large'\n */\n size?: BaseInputProps['size']\n\n /**\n * The content that will be rendered inside the Combobox.Input when no value or\n * defaultValue is set.\n */\n placeholder?: string\n\n /**\n * The label text for Input's action button when Combobox is empty and closed. Will be rendered in a Tooltip.\n */\n openActionLabel: string\n\n /**\n * The label text for Input's action button when Combobox is empty and open. Will be rendered in a Tooltip.\n */\n closeActionLabel: string\n\n /**\n * Show a button to clear the Combobox value.\n * @default true\n */\n clearable?: boolean\n} & (\n | { clearable: false; clearActionLabel?: never }\n | {\n /**\n * The label text for Input's action button when Combobox has values selected. Will be rendered in a Tooltip.\n */\n clearActionLabel: string\n }\n )\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n (\n {\n onFocus,\n id,\n children,\n size = 'large',\n 'aria-describedby': ariaDescribedBy,\n 'aria-invalid': ariaInvalid,\n placeholder,\n openActionLabel,\n closeActionLabel,\n clearable = true,\n clearActionLabel,\n onChange,\n css,\n // @ts-expect-error className required when extending the component with styled()\n className,\n ...restProps\n },\n ref\n ): React.ReactNode => {\n const {\n 'aria-disabled': ariaDisabled,\n valid: comboboxValid,\n disabled,\n value = [],\n readOnly,\n triggerRef,\n inputRef,\n searchValue,\n setSearchValue,\n setSize,\n setPlaceholder,\n } = useComboboxContext()\n\n const {\n formElementId,\n ariaDescribedBy: formFieldContextDescribedBy,\n ariaInvalid: formFieldAriaInvalid,\n valid: formFieldValid,\n } = useFormFieldContext()\n\n useEffect(() => {\n setSize(size)\n }, [size, setSize])\n\n useEffect(() => {\n setPlaceholder(placeholder)\n }, [setPlaceholder, placeholder])\n\n const valid = formFieldValid ?? comboboxValid\n\n const scrollIntoView = (\n event: React.FocusEvent<HTMLInputElement>\n ): void => {\n const trigger = triggerRef?.current\n const baseInput = inputRef?.current?.parentElement\n\n if (baseInput != null && trigger != null) {\n event.preventDefault()\n baseInput.scrollTo({\n top: trigger.scrollHeight,\n })\n }\n\n if (onFocus !== undefined) {\n onFocus(event)\n }\n }\n\n const onInputChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n setSearchValue(e.target.value)\n onChange?.(e)\n }\n\n return (\n <StyledBaseInput\n aria-disabled={ariaDisabled}\n valid={valid}\n disabled={disabled}\n readOnly={readOnly}\n size={size}\n onChange={onInputChange}\n css={css}\n // @ts-expect-error className required when extending the component with styled()\n className={className}\n >\n <BaseInput.Input\n {...restProps}\n ref={mergeRefs([inputRef, ref])}\n value={searchValue}\n id={id ?? formElementId}\n aria-describedby={stringAttrValue(\n ariaDescribedBy,\n formFieldContextDescribedBy\n )}\n aria-invalid={ariaInvalid ?? formFieldAriaInvalid}\n placeholder={\n children === null || children === undefined || value.length === 0\n ? placeholder\n : undefined\n }\n onFocus={scrollIntoView}\n />\n {children}\n <InputActionButton\n openActionLabel={openActionLabel}\n closeActionLabel={closeActionLabel}\n clearActionLabel={clearActionLabel}\n clearable={clearable}\n size={size}\n />\n </StyledBaseInput>\n )\n }\n)\n","import { Combobox as AriakitComboboxTrigger } from '@ariakit/react'\nimport { booleanify, mergeRefs } from '@mirohq/design-system-utils'\nimport { Anchor as RadixAnchor } from '@radix-ui/react-popover'\nimport type { ElementRef } from 'react'\nimport React from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nimport { useComboboxContext } from '../hooks/use-combobox-context'\nimport type { InputProps } from './input'\nimport { Input } from './input'\n\ninterface TriggerPropsWithChildren {\n /**\n * Render the trigger as a custom component, passed in as a child\n */\n asChild: true\n /**\n * The content that will be rendered inside the Combobox.Trigger instead of the Combobox.Input, when asChild is true\n */\n children: React.ReactNode\n}\n\ntype TriggerPropsWithInput = InputProps & {\n asChild?: never\n}\n\nexport type TriggerProps = TriggerPropsWithChildren | TriggerPropsWithInput\n\nexport const Trigger = React.forwardRef<ElementRef<'div'>, TriggerProps>(\n (props, forwardRef) => {\n const comboboxContextProps = useComboboxContext()\n\n const {\n 'aria-disabled': ariaDisabled,\n disabled,\n readOnly,\n triggerRef,\n setOpenState,\n } = comboboxContextProps\n\n return (\n <RadixAnchor\n ref={mergeRefs([triggerRef, forwardRef])}\n // todo MDS-1112: move this logic to AriakitComboboxTrigger's showOnClick\n onClick={() => {\n if (\n !booleanify(disabled) &&\n !booleanify(ariaDisabled) &&\n !booleanify(readOnly)\n ) {\n setOpenState(true)\n }\n }}\n >\n <AriakitComboboxTrigger\n render={({ ref: ariakitTriggerRef, ...ariakitProps }) => (\n <Primitive.span asChild ref={ariakitTriggerRef} {...ariakitProps}>\n {props.asChild === true ? props.children : <Input {...props} />}\n </Primitive.span>\n )}\n />\n </RadixAnchor>\n )\n }\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixPopover from '@radix-ui/react-popover'\nimport {\n contentStyles,\n itemsContainerStyles,\n} from '@mirohq/design-system-base-select'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledItemsContainer = styled(Primitive.div, itemsContainerStyles)\n\nexport const StyledContent = styled(RadixPopover.Content, {\n ...contentStyles,\n width: 'var(--radix-popover-trigger-width)',\n overflowY: 'auto',\n boxSizing: 'border-box',\n})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import React from 'react'\nimport { useLayoutEffect } from '@mirohq/design-system-use-layout-effect'\n\nexport const useDocumentFragment = (): DocumentFragment | undefined => {\n const [fragment, setFragment] = React.useState<DocumentFragment>()\n\n // we need `useLayoutEffect` here because `DocumentFragment` doesn't exist on the server\n useLayoutEffect(() => {\n setFragment(new DocumentFragment())\n }, [])\n\n return fragment\n}\n","import React, { useCallback } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useDocumentFragment } from './use-document-fragment'\n\n/**\n * Render content in DocumentFragment so items can send its text value to context,\n * otherwise we will have empty chips.\n * Content won't be visible in DOM.\n */\nexport const useInvisibleContent = (): ((\n children: React.ReactNode\n) => React.ReactElement | null) => {\n const fragment = useDocumentFragment()\n\n return useCallback(\n (children: React.ReactNode): React.ReactElement | null =>\n fragment !== undefined\n ? createPortal(<div>{children}</div>, fragment)\n : null,\n [fragment]\n )\n}\n","import React from 'react'\nimport type { ElementRef, ReactNode } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport { ScrollArea } from '@mirohq/design-system-scroll-area'\nimport { theme } from '@mirohq/design-system-stitches'\nimport type { CSSProperties } from '@stitches/react'\nimport { ComboboxList as AriakitComboboxList } from '@ariakit/react'\n\nimport { StyledContent, StyledItemsContainer } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport { useComboboxContext } from '../hooks/use-combobox-context'\nimport type {\n Align,\n Overflow,\n PointerDownOutsideEvent,\n Side,\n Sticky,\n} from '../types'\nimport { useInvisibleContent } from '../hooks/use-invisible-content'\n\nexport const CONTENT_OFFSET = parseInt(theme.space[50])\nconst RADIX_CONTENT_AVAILABLE_HEIGHT =\n 'var(--radix-popover-content-available-height)'\n\nconst isInsideRef = (\n element: Element | null,\n ref: React.RefObject<Element>\n): boolean => (element != null && ref.current?.contains(element)) ?? false\n\nexport interface ContentProps extends StyledContentProps {\n /**\n * Combobox's content.\n */\n children?: ReactNode\n\n /**\n * Event handler called when focus moves to the trigger after closing. It can\n * be prevented by calling event.preventDefault.\n */\n onCloseAutoFocus?: (event: Event) => void\n\n /**\n * Event handler called when focus moves to the trigger after closing. It can\n * be prevented by calling event.preventDefault.\n */\n onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n /**\n * Event handler called when a pointer event occurs outside the bounds of the\n * component. It can be prevented by calling event.preventDefault.\n */\n onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n\n /**\n * The preferred side of the anchor to render against when open. Will be\n * reversed when collisions occur and avoidCollisions is enabled.\n * @default 'bottom'\n */\n side?: Side\n\n /**\n * The distance in pixels from the anchor.\n * @default CONTENT_OFFSET\n */\n sideOffset?: number\n\n /**\n * The preferred alignment against the anchor. May change when collisions\n * occur.\n * @default 'center'\n */\n align?: Align\n\n /**\n * An offset in pixels from the \"start\" or \"end\" alignment options.\n * @default 0\n */\n alignOffset?: number\n\n /**\n * When true, overrides the side and align preferences to prevent collisions\n * with boundary edges.\n * @default true\n */\n avoidCollisions?: boolean\n\n /**\n * The element used as the collision boundary. By default this is the\n * viewport, though you can provide additional element(s) to be included in\n * this check.\n */\n collisionBoundary?: Element | null\n\n /**\n * The distance in pixels from the boundary edges where collision detection\n * should occur. Accepts a number (same for all sides), or a partial padding\n * object, for example: { top: 20, left: 20 }.\n * @default 0\n */\n collisionPadding?: number | Partial<Record<Side, number>>\n\n /**\n * The sticky behavior on the align axis. \"partial\" will keep the content in the\n * boundary as long as the trigger is at least partially in the boundary whilst\n * \"always\" will keep the content in the boundary regardless.\n * @default 'partial'\n */\n sticky?: Sticky\n\n /**\n * Whether to hide the content when the trigger becomes fully occluded.\n * @default true\n */\n hideWhenDetached?: boolean\n\n /**\n * The max height for the content.\n */\n maxHeight?: CSSProperties['maxHeight']\n\n /**\n * Setting overflow as \"visible\" means that the content can extend beyond\n * its collision boundary without any clipping or scrolling being\n * applied.\n * When set to \"auto,\" a scrollbar is added if the content exceeds its\n * boundaries. If no maxHeight is defined, it will be automatically adjusted\n * to fit the remaining space between the trigger and the boundary edge.\n * @default 'visible'\n */\n overflow?: Overflow\n}\n\nexport const Content = React.forwardRef<\n ElementRef<typeof StyledContent>,\n ContentProps\n>(\n (\n {\n side = 'bottom',\n sideOffset = CONTENT_OFFSET,\n align = 'center',\n alignOffset = 0,\n collisionPadding = 0,\n avoidCollisions = true,\n sticky = 'partial',\n hideWhenDetached = true,\n overflow = 'visible',\n maxHeight,\n children,\n ...restProps\n },\n forwardRef\n ) => {\n const { triggerRef, contentRef, direction, openState } =\n useComboboxContext()\n\n const getInvisibleContent = useInvisibleContent()\n\n if (!openState) {\n return getInvisibleContent(children)\n }\n\n const content = <StyledItemsContainer>{children}</StyledItemsContainer>\n\n return (\n <StyledContent\n {...restProps}\n dir={direction}\n side={side}\n sideOffset={sideOffset}\n align={align}\n alignOffset={alignOffset}\n avoidCollisions={avoidCollisions}\n collisionPadding={collisionPadding}\n sticky={sticky}\n hideWhenDetached={hideWhenDetached}\n ref={mergeRefs([forwardRef, contentRef])}\n onOpenAutoFocus={event => event.preventDefault()}\n onInteractOutside={event => {\n const target = event.target as Element | null\n const isTrigger = isInsideRef(target, triggerRef)\n const isContent = isInsideRef(target, contentRef)\n\n if (isTrigger || isContent) {\n event.preventDefault()\n }\n }}\n >\n {/* we have to specify role here otherwise it would be overwritten by Radix.Content */}\n <AriakitComboboxList role='listbox'>\n {overflow === 'auto' ? (\n <ScrollArea type='always' dir={direction}>\n <ScrollArea.Viewport\n css={{\n maxHeight:\n maxHeight !== undefined\n ? `min(${RADIX_CONTENT_AVAILABLE_HEIGHT}, ${\n typeof maxHeight === 'number'\n ? `${maxHeight}px`\n : maxHeight\n })`\n : RADIX_CONTENT_AVAILABLE_HEIGHT,\n }}\n >\n {content}\n </ScrollArea.Viewport>\n <ScrollArea.Scrollbar orientation='vertical'>\n <ScrollArea.Thumb />\n </ScrollArea.Scrollbar>\n </ScrollArea>\n ) : (\n content\n )}\n </AriakitComboboxList>\n </StyledContent>\n )\n }\n)\n","import { ComboboxItem } from '@ariakit/react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { itemStyles } from '@mirohq/design-system-base-select'\n\nexport const StyledItem = styled(ComboboxItem, itemStyles)\n\nexport type StyledItemProps = StrictComponentProps<typeof StyledItem>\n","import React, { createContext, useContext } from 'react'\nimport type { FormElementProps } from '@mirohq/design-system-base-form'\n\ninterface GroupProviderSharedProps extends FormElementProps {\n groupId?: string\n}\n\ninterface GroupContextProps extends GroupProviderSharedProps {}\n\ninterface GroupProviderProps extends GroupProviderSharedProps {\n children: React.ReactNode\n}\n\nconst GroupContext = createContext<GroupContextProps>({} as any)\n\nexport const GroupProvider = ({\n children,\n ...restProps\n}: GroupProviderProps): JSX.Element => (\n <GroupContext.Provider\n value={{\n ...restProps,\n }}\n >\n {children}\n </GroupContext.Provider>\n)\n\nexport const useGroupContext = (): GroupContextProps => useContext(GroupContext)\n","import React, { useMemo } from 'react'\nimport type { ElementRef, ReactNode } from 'react'\nimport { ComboboxItemCheck as AriakitComboboxItemCheck } from '@ariakit/react'\nimport { mergeProps } from '@react-aria/utils'\nimport { useAriaDisabled } from '@mirohq/design-system-use-aria-disabled'\nimport { IconCheckMark } from '@mirohq/design-system-icons'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport { useLayoutEffect } from '@mirohq/design-system-use-layout-effect'\nimport { StyledItemCheck } from '@mirohq/design-system-base-select'\n\nimport { StyledItem } from './item.styled'\nimport type { StyledItemProps } from './item.styled'\nimport { useComboboxContext } from '../hooks/use-combobox-context'\nimport { useGroupContext } from '../hooks/use-group-context'\nimport { searchQueryMatch } from '../utils'\n\nexport interface ItemProps extends StyledItemProps {\n /**\n * The value given as data when submitted with a name.\n */\n value: string\n\n /**\n * When true, prevents the user from interacting with the item.\n * @default false\n */\n disabled?: boolean\n\n /**\n * Optional text used for typeahead purposes. By default the typeahead\n * behavior will use the Combobox's item text. Use this when the content is\n * complex, or you have non-textual content inside.\n */\n textValue?: string\n\n /**\n * Item's content.\n */\n children?: ReactNode\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n (\n { disabled = false, value, textValue, children, ...restProps },\n forwardRef\n ) => {\n const { 'aria-disabled': ariaDisabled, ...restAriaDisabledProps } =\n useAriaDisabled(restProps, { allowArrows: true })\n const {\n searchValue,\n autoFilter,\n setItemsMap,\n triggerRef,\n inputRef,\n value: comboboxValue = [],\n } = useComboboxContext()\n\n const { groupId } = useGroupContext()\n\n const displayedText = useMemo((): string => {\n if (textValue !== undefined) {\n return textValue\n }\n\n return typeof children === 'string' ? children : ''\n }, [textValue, children])\n\n useLayoutEffect(() => {\n setItemsMap(\n prevState => new Map(prevState.set(value, { displayedText, groupId }))\n )\n\n return () => {\n setItemsMap(prevState => {\n prevState.delete(value)\n return new Map(prevState)\n })\n }\n }, [setItemsMap, groupId, value, displayedText])\n\n if (\n autoFilter &&\n searchValue.length > 0 &&\n !searchQueryMatch(displayedText, searchValue)\n ) {\n return null\n }\n\n const scrollIntoView = (event: React.MouseEvent<HTMLDivElement>): void => {\n if (\n inputRef?.current?.parentElement != null &&\n triggerRef?.current != null\n ) {\n inputRef.current.parentElement.scrollTo({\n top: triggerRef.current.scrollHeight,\n })\n }\n\n if (restProps.onClick !== undefined) {\n restProps.onClick(event)\n }\n }\n\n // todo MDS-1142 find a better way to fix blinking.\n // We need to use custom state because Ariakit changes its state internally on click even for controlled Combobox\n // and it case `aria-selected` value and checkmark to blink.\n const isSelected = Array.isArray(comboboxValue)\n ? comboboxValue.includes(value)\n : comboboxValue === value\n\n return (\n <StyledItem\n {...mergeProps(restProps, restAriaDisabledProps)}\n focusable\n hideOnClick={false}\n accessibleWhenDisabled={booleanify(ariaDisabled)}\n disabled={booleanify(ariaDisabled) || disabled}\n ref={forwardRef}\n value={value}\n onClick={scrollIntoView}\n aria-selected={isSelected}\n >\n <AriakitComboboxItemCheck\n checked={isSelected}\n render={({ style, ...props }) => (\n // AriakitComboboxItemCheck adds its owm inline styles which we want to omit here\n <StyledItemCheck {...props} />\n )}\n >\n <IconCheckMark\n size='small'\n data-testid={\n process.env.NODE_ENV === 'test'\n ? 'combobox-item-check'\n : undefined\n }\n />\n </AriakitComboboxItemCheck>\n {children}\n </StyledItem>\n )\n }\n)\n","import React from 'react'\nimport type { PopoverPortalProps } from '@radix-ui/react-popover'\nimport { Portal as RadixPortal } from '@radix-ui/react-popover'\n\nimport { useComboboxContext } from '../hooks/use-combobox-context'\n\nexport interface PortalProps extends PopoverPortalProps {\n /**\n * Specify a container element to portal the content into.\n */\n container?: HTMLElement | null\n}\n\nexport const Portal = ({\n forceMount: forceMountProp,\n ...restProps\n}: PortalProps): React.ReactNode => {\n const { openState } = useComboboxContext()\n\n // We always need to render content with items to be able to render Chips in Value,\n // but without forceMount Radix will not render Portal when Popover is closed\n const forceMount = !openState || forceMountProp\n\n return <RadixPortal forceMount={forceMount} {...restProps} />\n}\n","import { Group as AriakitGroup } from '@ariakit/react'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledGroup = styled(AriakitGroup, {})\n\nexport type StyledGroupProps = StrictComponentProps<typeof StyledGroup>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { useId } from '@mirohq/design-system-use-id'\n\nimport { useComboboxContext } from '../hooks/use-combobox-context'\nimport type { StyledGroupProps } from './group.styled'\nimport { StyledGroup } from './group.styled'\nimport { useInvisibleContent } from '../hooks/use-invisible-content'\nimport { GroupProvider } from '../hooks/use-group-context'\n\nexport type GroupProps = StyledGroupProps\n\nexport const Group = React.forwardRef<\n ElementRef<typeof StyledGroup>,\n GroupProps\n>(({ children, ...rest }, forwardRef) => {\n const { autoFilter, searchValue, filteredItems } = useComboboxContext()\n\n const id = useId()\n const getInvisibleContent = useInvisibleContent()\n\n let hasVisibleContent = true\n\n if (autoFilter && searchValue.length > 0) {\n hasVisibleContent = filteredItems.some(item => item.groupId === id)\n }\n\n return (\n <GroupProvider groupId={id}>\n {hasVisibleContent ? (\n <StyledGroup {...rest} ref={forwardRef}>\n {children}\n </StyledGroup>\n ) : (\n getInvisibleContent(children)\n )}\n </GroupProvider>\n )\n})\n","import { GroupLabel } from '@ariakit/react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { groupLabelStyles } from '@mirohq/design-system-base-select'\n\nexport const StyledGroupLabel = styled(GroupLabel, groupLabelStyles)\n\nexport type StyledGroupLabelProps = StrictComponentProps<\n typeof StyledGroupLabel\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledGroupLabel } from './group-label.styled'\nimport type { StyledGroupLabelProps } from './group-label.styled'\n\nexport interface GroupLabelProps extends StyledGroupLabelProps {}\n\nexport const GroupLabel = React.forwardRef<\n ElementRef<typeof StyledGroupLabel>,\n GroupLabelProps\n>((props, forwardRef) => <StyledGroupLabel {...props} ref={forwardRef} />)\n","import React, { useCallback } from 'react'\nimport type { FC } from 'react'\nimport { Chip } from '@mirohq/design-system-chip'\nimport { booleanify } from '@mirohq/design-system-utils'\n\nimport { useComboboxContext } from '../hooks/use-combobox-context'\n\nexport interface ValueProps {\n /**\n * The label to make the remove button recognizable by the screen readers.\n */\n unselectAriaLabel: string\n\n /**\n * Allow single or multiple selection.\n * @default true\n */\n multiple?: boolean\n}\n\nexport const Value: FC<ValueProps> = ({\n unselectAriaLabel,\n multiple = true,\n}) => {\n const {\n value = [],\n setValue,\n disabled,\n readOnly,\n 'aria-disabled': ariaDisabled,\n itemsMap,\n } = useComboboxContext()\n const canRemoveItem =\n !booleanify(ariaDisabled) && !booleanify(disabled) && !booleanify(readOnly)\n\n const onItemRemove = useCallback(\n (item: string): void => {\n if (multiple) {\n setValue(prevValue =>\n (prevValue as string[]).filter(value => value !== item)\n )\n } else {\n setValue('')\n }\n },\n [setValue, multiple]\n )\n\n const getItemText = useCallback(\n (itemValue: string) => {\n const itemData = itemsMap.get(itemValue)\n if (itemData === undefined || itemData.displayedText === '') {\n return null\n }\n\n return (\n <Chip\n key={itemValue}\n onRemove={e => {\n onItemRemove(itemValue)\n e.stopPropagation()\n }}\n removable={canRemoveItem}\n removeAriaLabel={`${unselectAriaLabel} ${itemData.displayedText}`}\n data-testid={\n process.env.NODE_ENV === 'test'\n ? `combobox-value-${itemValue}`\n : undefined\n }\n >\n {itemData.displayedText}\n </Chip>\n )\n },\n [canRemoveItem, itemsMap, onItemRemove, unselectAriaLabel]\n )\n\n return (\n <>\n {multiple && Array.isArray(value)\n ? value.map(getItemText)\n : getItemText(value as string)}\n </>\n )\n}\n","import { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { separatorStyles } from '@mirohq/design-system-base-select'\n\nexport const StyledSeparator = styled(Primitive.div, separatorStyles)\n\nexport type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { useComboboxContext } from '../hooks/use-combobox-context'\nimport { StyledSeparator } from './separator.styled'\nimport type { StyledSeparatorProps } from './separator.styled'\n\nexport interface SeparatorProps extends StyledSeparatorProps {}\n\nexport const Separator = React.forwardRef<\n ElementRef<typeof StyledSeparator>,\n SeparatorProps\n>((props, forwardRef) => {\n const { autoFilter, searchValue } = useComboboxContext()\n\n if (autoFilter && searchValue.length > 0) {\n return null\n }\n\n return <StyledSeparator {...props} ref={forwardRef} aria-hidden />\n})\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledNativeSelect = styled(Primitive.select, {\n // if we support autoComplete, we would have to use visually-hidden styles here\n display: 'none',\n})\n\nexport const StyledComboboxContent = styled(Primitive.div, {\n position: 'relative',\n width: '100%',\n})\n\nexport type StyledComboboxProps = ComponentPropsWithRef<\n typeof StyledComboboxContent\n>\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledNoResult = styled(Primitive.div, {\n padding: '$100',\n})\n\nexport type StyledNoResultProps = StrictComponentProps<typeof StyledNoResult>\n","import React from 'react'\nimport type { ElementRef, ReactNode } from 'react'\n\nimport type { StyledNoResultProps } from './no-result.styled'\nimport { StyledNoResult } from './no-result.styled'\nimport { useComboboxContext } from '../hooks/use-combobox-context'\n\nexport interface NoResultProps extends StyledNoResultProps {\n /**\n * The content.\n */\n children?: ReactNode\n}\n\nexport const NoResult = React.forwardRef<\n ElementRef<typeof StyledNoResult>,\n NoResultProps\n>((props, forwardRef) => {\n const { autoFilter, searchValue, filteredItems, itemsMap } =\n useComboboxContext()\n\n // when filtering is disabled or idle, just checking if there are any items provided\n const noActiveFiltering =\n !autoFilter || (autoFilter && searchValue.length === 0)\n\n const isVisible = noActiveFiltering\n ? itemsMap.size === 0\n : filteredItems.length === 0\n\n if (isVisible) {\n return <StyledNoResult {...props} ref={forwardRef} />\n }\n\n return null\n})\n","import React, { useEffect } from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport { ComboboxProvider as AriakitComboboxProvider } from '@ariakit/react'\nimport type { FormElementProps } from '@mirohq/design-system-base-form'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport * as RadixPopover from '@radix-ui/react-popover'\nimport {\n BaseTooltipProvider,\n useBaseTooltipContext,\n} from '@mirohq/design-system-base-tooltip'\nimport { usePrevious } from '@mirohq/design-system-use-previous'\n\nimport { Trigger } from './partials/trigger'\nimport { Content } from './partials/content'\nimport { Input } from './partials/input'\nimport { Item } from './partials/item'\nimport { Portal } from './partials/portal'\nimport { Group } from './partials/group'\nimport { GroupLabel } from './partials/group-label'\nimport { Value } from './partials/value'\nimport { Separator } from './partials/separator'\nimport { StyledComboboxContent, StyledNativeSelect } from './combobox.styled'\nimport type { StyledComboboxProps } from './combobox.styled'\nimport {\n ComboboxProvider,\n useComboboxContext,\n} from './hooks/use-combobox-context'\nimport type { Direction } from './types'\nimport { NoResult } from './partials/no-result'\n\nexport interface ComboboxProps extends FormElementProps, StyledComboboxProps {\n /**\n * The value of the combobox when initially rendered. Use when you do not need\n * to control the state of the combobox.\n */\n defaultValue?: string[] | string\n\n /**\n * The controlled value of the combobox. Should be used in conjunction with\n * onValueChange.\n */\n value?: string[] | string\n\n /**\n * Event handler called when the value changes.\n */\n onValueChange?: (value: string[] | string) => void\n\n /**\n * The controlled search value to filter items. Should be used in conjunction with\n * onSearchValueChange.\n */\n searchValue?: string\n\n /**\n * Event handler called when the trigger input value changes.\n */\n onSearchValueChange?: (value: string) => void\n\n /**\n * The open state of the combobox when it is initially rendered. Use when you do\n * not need to control its open state.\n * @default false\n */\n defaultOpen?: boolean\n\n /**\n * The controlled open state of the combobox. Must be used in conjunction with\n * onOpen and onClose.\n */\n open?: boolean\n\n /**\n * Event handler called when the combobox opens.\n */\n onOpen?: () => void\n\n /**\n * Event handler called when the combobox closes.\n */\n onClose?: () => void\n\n /**\n * The reading direction of the combobox when applicable. If omitted, inherits\n * globally from DirectionProvider or assumes LTR (left-to-right) reading\n * mode.\n * @default 'ltr'\n */\n direction?: Direction\n\n /**\n * The content of the combobox\n */\n children?: React.ReactNode\n\n /**\n * Enables/disabled automatic filtering.\n * @default true\n */\n autoFilter?: boolean\n\n /**\n * The name of the combobox. Submitted with its owning form as part of a\n * name/value pair.\n */\n name?: string\n\n /**\n * Allow single or multiple selection.\n * @default true\n */\n multiple?: boolean\n}\n\nconst Root = React.forwardRef<\n ElementRef<typeof StyledComboboxContent>,\n ComboboxProps\n>(\n (\n {\n multiple = true,\n value: valueProp,\n onValueChange,\n name,\n children,\n ...restProps\n },\n forwardRef\n ) => {\n const {\n openState,\n setOpenState,\n value = [],\n setValue,\n required,\n readOnly,\n 'aria-disabled': ariaDisabled,\n disabled,\n direction,\n triggerRef,\n } = useComboboxContext()\n\n const {\n setRequired,\n setDisabled,\n setAriaDisabled,\n setReadOnly,\n formElementRef,\n } = useFormFieldContext<HTMLSelectElement>()\n\n useEffect(() => {\n setRequired?.(required)\n setDisabled?.(disabled)\n setAriaDisabled?.(ariaDisabled)\n setReadOnly?.(readOnly)\n }, [\n readOnly,\n disabled,\n ariaDisabled,\n required,\n setRequired,\n setDisabled,\n setAriaDisabled,\n setReadOnly,\n ])\n\n const { ignoreNextTooltip } = useBaseTooltipContext()\n const prevOpen = usePrevious(openState)\n\n useEffect(() => {\n if (prevOpen === true && !openState) {\n ignoreNextTooltip()\n }\n }, [ignoreNextTooltip, openState, prevOpen])\n\n const onSetSelectedValue = (newValue: string | string[]): void => {\n // If no defaultValue is provided the newValue is always an array so we need validate the types\n if (!multiple && Array.isArray(newValue)) {\n setValue(newValue[0])\n } else if (multiple && !Array.isArray(newValue)) {\n setValue([newValue])\n } else {\n setValue(newValue)\n }\n }\n\n const onOpenChange = (value: boolean): void => {\n if (!booleanify(readOnly)) {\n setOpenState(value)\n }\n }\n\n const isFormControl = Boolean(triggerRef.current?.closest('form'))\n\n const getOptionValue = (\n itemValue: string | string[]\n ): JSX.Element | JSX.Element[] => {\n if (multiple && Array.isArray(itemValue)) {\n return (value as string[]).map(itemValue => (\n <option key={itemValue} value={itemValue}>\n {itemValue}\n </option>\n ))\n } else {\n return (\n <option key={itemValue as string} value={itemValue}>\n {itemValue}\n </option>\n )\n }\n }\n\n return (\n <RadixPopover.Root open={openState} onOpenChange={onOpenChange}>\n <AriakitComboboxProvider\n open={openState}\n setOpen={onOpenChange}\n selectedValue={value}\n setSelectedValue={onSetSelectedValue}\n >\n <StyledComboboxContent\n ref={forwardRef}\n {...restProps}\n dir={direction}\n data-form-element='select'\n >\n {children}\n </StyledComboboxContent>\n </AriakitComboboxProvider>\n {isFormControl && (\n <StyledNativeSelect\n multiple={multiple}\n autoComplete='off'\n name={name}\n tabIndex={-1}\n aria-hidden='true'\n ref={formElementRef}\n required={required}\n disabled={disabled}\n aria-disabled={ariaDisabled}\n value={value}\n // since we don't support autoComplete there is no way this select value will change,\n // although we still need to provide `onChange` since we use `value` and not `defaultValue`\n onChange={() => {}}\n >\n {value.length === 0 ? (\n <option value='' />\n ) : (\n // since we don't support autoComplete we can render here only selected values\n getOptionValue(value)\n )}\n </StyledNativeSelect>\n )}\n </RadixPopover.Root>\n )\n }\n)\n\nexport const Combobox = React.forwardRef<\n ElementRef<typeof StyledComboboxContent>,\n ComboboxProps\n>(\n (\n {\n 'aria-disabled': ariaDisabled,\n defaultOpen = false,\n open,\n valid,\n disabled,\n readOnly,\n required,\n value,\n defaultValue,\n onOpen,\n onClose,\n searchValue,\n onSearchValueChange,\n onValueChange,\n direction = 'ltr',\n autoFilter = true,\n ...restProps\n },\n forwardRef\n ) => (\n <ComboboxProvider\n defaultValue={defaultValue}\n value={value}\n onValueChange={onValueChange}\n searchValue={searchValue}\n onSearchValueChange={onSearchValueChange}\n defaultOpen={defaultOpen}\n open={open}\n onOpen={onOpen}\n onClose={onClose}\n valid={valid}\n required={required}\n disabled={disabled}\n readOnly={readOnly}\n aria-disabled={ariaDisabled}\n direction={direction}\n autoFilter={autoFilter}\n >\n <BaseTooltipProvider>\n <Root {...restProps} value={value} ref={forwardRef} />\n </BaseTooltipProvider>\n </ComboboxProvider>\n )\n) as ForwardRefExoticComponent<ComboboxProps> & Partials\n\nexport interface Partials {\n Portal: typeof Portal\n Trigger: typeof Trigger\n Input: typeof Input\n Content: typeof Content\n Item: typeof Item\n Group: typeof Group\n GroupLabel: typeof GroupLabel\n Value: typeof Value\n Separator: typeof Separator\n NoResult: typeof NoResult\n}\n\nCombobox.Portal = Portal\nCombobox.Trigger = Trigger\nCombobox.Input = Input\nCombobox.Content = Content\nCombobox.Item = Item\nCombobox.Group = Group\nCombobox.GroupLabel = GroupLabel\nCombobox.Value = Value\nCombobox.Separator = Separator\nCombobox.NoResult = NoResult\n"],"names":["createContext","useRef","useControllableState","useState","useFormFieldContext","useMemo","jsx","useContext","styled","BaseInput","useCallback","RadixTrigger","IconChevronDown","IconCross","React","useEffect","jsxs","mergeRefs","stringAttrValue","RadixAnchor","booleanify","AriakitComboboxTrigger","Primitive","itemsContainerStyles","RadixPopover","contentStyles","useLayoutEffect","createPortal","theme","AriakitComboboxList","ScrollArea","ComboboxItem","itemStyles","useAriaDisabled","mergeProps","AriakitComboboxItemCheck","StyledItemCheck","IconCheckMark","RadixPortal","AriakitGroup","useId","GroupLabel","groupLabelStyles","value","Chip","Fragment","separatorStyles","useBaseTooltipContext","usePrevious","itemValue","AriakitComboboxProvider","BaseTooltipProvider"],"mappings":"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"}