@xsolla/xui-multi-select 0.218.0 → 0.219.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.
Files changed (9) hide show
  1. package/native/index.js +3 -0
  2. package/native/index.js.map +1 -1
  3. package/native/index.mjs +3 -0
  4. package/native/index.mjs.map +1 -1
  5. package/package.json +7 -7
  6. package/web/index.js +6 -2
  7. package/web/index.js.map +1 -1
  8. package/web/index.mjs +6 -2
  9. package/web/index.mjs.map +1 -1
package/web/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/MultiSelect.tsx","../../../../foundation/primitives-web/src/Box.tsx","../../../../foundation/primitives-web/src/filterDOMProps.ts","../../../../../node_modules/@emotion/memoize/dist/memoize.esm.js","../../../../../node_modules/@emotion/is-prop-valid/dist/is-prop-valid.esm.js","../../../../foundation/primitives-web/src/Text.tsx","../../../../foundation/primitives-web/src/textTruncation.ts","../../../../foundation/primitives-web/src/Icon.tsx","../../../../foundation/primitives-web/src/index.tsx","../../src/MultiSelectControl.tsx","../../src/useMultiSelectControl.tsx","../../src/useMultiSelect.ts","../../src/Portal.web.tsx"],"sourcesContent":["import {\n forwardRef,\n useRef,\n useEffect,\n useState,\n type ChangeEvent,\n} from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text, Icon, isWeb } from \"@xsolla/xui-primitives\";\nimport {\n useModalId,\n useResolvedTheme,\n useOverlayLayer,\n LAYER_OFFSET,\n} from \"@xsolla/xui-core\";\nimport { Search as SearchIcon } from \"@xsolla/xui-icons-base\";\nimport { MultiSelectControl } from \"./MultiSelectControl\";\nimport { useMultiSelect } from \"./useMultiSelect\";\nimport type { MultiSelectOption, MultiSelectProps } from \"./types\";\nimport { Portal } from \"./Portal\";\n\n/** Default `menuMinWidth` when `dropdownMenu={false}`; matches `GROUP_SELECT_MIN_PANEL_WIDTH` in GroupSelect. */\nconst EXTERNAL_MENU_MIN_WIDTH_DEFAULT = 540;\n\n/** Approximate height of the sticky search row, reserved out of `maxHeight`. */\nconst SEARCH_ROW_HEIGHT = 60;\n/** Approximate height of the sticky select-all row, reserved out of `maxHeight`. */\nconst SELECT_ALL_ROW_HEIGHT = 37;\n\ninterface MenuPosition {\n left: number;\n top: number;\n width: number;\n}\n\nexport const MultiSelect = forwardRef<HTMLDivElement, MultiSelectProps>(\n (\n {\n options,\n errorMessage,\n value = [],\n size = \"md\",\n state: externalState,\n label,\n extraClear = false,\n disabled = false,\n onChange,\n variant = \"tag\",\n flexible = true,\n placeholder = \"Select\",\n removeTagsButtons = true,\n iconLeft,\n iconRight,\n maxHeight = 300,\n optionOverflow = \"truncate\",\n dropdownMenu = true,\n onTriggerPress,\n menuOpen = false,\n menuMinWidth,\n searchable = false,\n searchPlaceholder = \"Search\",\n noOptionsMessage = \"No results\",\n selectAll = false,\n selectAllLabel = \"Select all\",\n deselectAllLabel = \"Deselect all\",\n testID,\n themeMode,\n themeProductContext,\n },\n ref\n ) => {\n const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n const modalId = useModalId();\n const overlayLayer = useOverlayLayer();\n const controlRef = useRef<HTMLDivElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const searchInputRef = useRef<HTMLInputElement>(null);\n const [menuPosition, setMenuPosition] = useState<MenuPosition | null>(null);\n const [searchValue, setSearchValue] = useState(\"\");\n const sizeStyles = theme.sizing.input(size);\n const inputColors = theme.colors.control.input;\n\n const state = externalState || (disabled ? \"disable\" : \"default\");\n const isDisable = state === \"disable\" || disabled;\n const isError = state === \"error\" || !!errorMessage;\n const isFocus = state === \"focus\";\n\n const {\n values,\n stateList,\n selectedItems,\n isOpen,\n onChoose,\n onRemove,\n onRemoveAll,\n onClose,\n onSelectClick,\n } = useMultiSelect({\n options,\n value,\n onChange,\n });\n\n // Close menu when disabled or built-in menu is off\n useEffect(() => {\n if (isDisable || !dropdownMenu) {\n onClose();\n }\n }, [isDisable, dropdownMenu, onClose]);\n\n // Focus the search input when the dropdown opens (web only)\n useEffect(() => {\n if (isOpen && searchable && isWeb) {\n searchInputRef.current?.focus();\n }\n }, [isOpen, searchable]);\n\n // Clear the search query whenever the dropdown closes\n useEffect(() => {\n if (!isOpen) setSearchValue(\"\");\n }, [isOpen]);\n\n // Resolve the option's searchable text (labels may be non-string ReactNodes)\n const getOptionText = (opt: MultiSelectOption): string =>\n typeof opt.label === \"string\" ? opt.label : String(opt.value);\n\n // Filter options in memory when searching\n const filteredOptions =\n searchable && searchValue\n ? options.filter((opt) =>\n getOptionText(opt).toLowerCase().includes(searchValue.toLowerCase())\n )\n : options;\n\n const selectedIds = values.map(String);\n\n const menuItems = filteredOptions.map((opt) => {\n const id = String(opt.value);\n const checked = selectedIds.includes(id);\n return {\n id,\n children: opt.label,\n checked,\n disabled: opt.disabled,\n locked: opt.removable === false,\n };\n });\n\n const handleItemToggle = (id: string, checked: boolean) => {\n const option = options.find((opt) => String(opt.value) === id);\n if (option === undefined) return;\n // Locked options cannot be toggled off from the dropdown either.\n if (!checked && option.removable === false) return;\n\n const newValues = checked\n ? [...values, option.value]\n : values.filter((v) => v !== option.value);\n\n onChoose(newValues.map(String));\n };\n\n // Select-all applies to the options currently listed (i.e. the search\n // result when filtering), skipping disabled ones. Locked options are never\n // deselected — `onChoose` re-adds them.\n const selectAllTargets = filteredOptions.filter((opt) => !opt.disabled);\n const showSelectAll =\n selectAll && dropdownMenu && selectAllTargets.length > 0;\n const areAllTargetsSelected =\n showSelectAll &&\n selectAllTargets.every((opt) => selectedIds.includes(String(opt.value)));\n\n const handleSelectAllToggle = () => {\n const targetIds = selectAllTargets.map((opt) => String(opt.value));\n const nextIds = areAllTargetsSelected\n ? selectedIds.filter((id) => !targetIds.includes(id))\n : Array.from(new Set([...selectedIds, ...targetIds]));\n\n onChoose(nextIds);\n };\n\n const controlMenuOpen = dropdownMenu ? isOpen : Boolean(menuOpen);\n const controlOnClick = dropdownMenu ? onSelectClick : onTriggerPress;\n\n // Resolve how option labels handle horizontal overflow. \"scroll\" mirrors\n // the legacy behavior (single line + horizontal scroll); it is web only,\n // since a native Text row cannot scroll horizontally and instead wraps.\n const isScrollOverflow = optionOverflow === \"scroll\";\n const isWrapOverflow = optionOverflow === \"wrap\";\n const optionListOverflowX = isScrollOverflow ? \"auto\" : \"hidden\";\n // Let the flex row shrink so the label can truncate/wrap within it; for\n // \"scroll\" the row must size to its content so the list can overflow.\n const optionRowMinWidth = isScrollOverflow ? undefined : 0;\n const optionLabelNumberOfLines =\n optionOverflow === \"truncate\" ? 1 : undefined;\n const optionLabelStyle = isScrollOverflow\n ? { whiteSpace: \"nowrap\" }\n : isWrapOverflow\n ? {\n minWidth: 0,\n whiteSpace: \"normal\",\n overflowWrap: \"break-word\",\n wordBreak: \"break-word\",\n }\n : {\n minWidth: 0,\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n };\n\n // Both the search input and the select-all row sit outside the scrollable\n // list, so their height comes out of the list's budget.\n const optionsListMaxHeight =\n maxHeight -\n (searchable ? SEARCH_ROW_HEIGHT : 0) -\n (showSelectAll ? SELECT_ALL_ROW_HEIGHT : 0);\n\n useEffect(() => {\n if (!isWeb || !controlMenuOpen || isDisable || !dropdownMenu) return;\n\n let rafId: number | null = null;\n\n const repositionMenu = () => {\n rafId = null;\n if (!controlRef.current) return;\n\n const rect = controlRef.current.getBoundingClientRect();\n setMenuPosition({\n left: rect.left,\n top: rect.bottom + 4,\n width: rect.width,\n });\n };\n\n const scheduleUpdate = () => {\n if (rafId != null) return;\n rafId = requestAnimationFrame(repositionMenu);\n };\n\n scheduleUpdate();\n window.addEventListener(\"resize\", scheduleUpdate);\n window.addEventListener(\"scroll\", scheduleUpdate, true);\n\n return () => {\n if (rafId != null) cancelAnimationFrame(rafId);\n window.removeEventListener(\"resize\", scheduleUpdate);\n window.removeEventListener(\"scroll\", scheduleUpdate, true);\n };\n }, [controlMenuOpen, dropdownMenu, isDisable]);\n\n // Close the menu on a pointer-down outside the control or menu (web only).\n // A document-level listener is z-index agnostic, so the dropdown still\n // closes when MultiSelect is rendered inside a Modal. The menu is rendered\n // outside containerRef, so it is checked separately via composedPath\n // (falling back to node containment). Mirrors Select's click-outside close.\n useEffect(() => {\n if (!isWeb || !dropdownMenu || !isOpen || isDisable) return;\n\n const handleOutsideMouseDown = (event: MouseEvent) => {\n const path =\n typeof event.composedPath === \"function\" ? event.composedPath() : [];\n const targetNode = event.target as Node | null;\n const isInside = (el: HTMLElement | null) =>\n !!el &&\n (path.length\n ? path.includes(el)\n : !!targetNode && el.contains(targetNode));\n\n if (isInside(containerRef.current) || isInside(menuRef.current)) return;\n onClose();\n };\n\n document.addEventListener(\"mousedown\", handleOutsideMouseDown);\n return () =>\n document.removeEventListener(\"mousedown\", handleOutsideMouseDown);\n }, [dropdownMenu, isOpen, isDisable, onClose]);\n\n const externalFieldLayout = !dropdownMenu\n ? {\n width: \"100%\" as const,\n minWidth: menuMinWidth ?? EXTERNAL_MENU_MIN_WIDTH_DEFAULT,\n boxSizing: \"border-box\" as const,\n }\n : undefined;\n\n const dropdown = dropdownMenu &&\n isOpen &&\n !isDisable &&\n (!isWeb || menuPosition) && (\n <>\n {/* Backdrop overlay for closing (native only). On web, an outside\n mousedown listener handles closing in a z-index-agnostic way so the\n menu still closes when MultiSelect is inside a Modal. */}\n {!isWeb && (\n <Box\n data-modal-id={modalId}\n style={{\n position: \"fixed\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: overlayLayer + LAYER_OFFSET.menu,\n cursor: \"default\",\n }}\n onPress={onClose}\n />\n )}\n\n {/* Menu */}\n <Box\n ref={menuRef}\n role=\"listbox\"\n aria-multiselectable\n aria-label={label ?? placeholder}\n data-modal-id={modalId}\n backgroundColor={theme.colors.background.secondary}\n borderColor={theme.colors.border.secondary}\n borderWidth={1}\n borderRadius={sizeStyles.radius}\n style={{\n position: isWeb ? \"fixed\" : \"absolute\",\n top: isWeb ? menuPosition?.top : \"100%\",\n left: isWeb ? menuPosition?.left : 0,\n right: isWeb ? undefined : 0,\n width: isWeb ? menuPosition?.width : undefined,\n marginTop: isWeb ? undefined : 4,\n zIndex: overlayLayer + LAYER_OFFSET.popover,\n boxShadow: theme.shadow.popover,\n }}\n >\n {/* Search input - outside the scrollable area (web only) */}\n {searchable && isWeb && (\n <Box\n paddingHorizontal={sizeStyles.paddingHorizontal}\n paddingVertical={sizeStyles.paddingVertical}\n borderBottomWidth={1}\n borderColor={theme.colors.border.secondary}\n >\n <Box\n flexDirection=\"row\"\n alignItems=\"center\"\n gap={sizeStyles.paddingHorizontal / 2}\n paddingHorizontal={4}\n >\n <Icon\n size={sizeStyles.iconSize - 2}\n color={inputColors.placeholder}\n >\n <SearchIcon />\n </Icon>\n <Box\n as=\"input\"\n ref={searchInputRef}\n testID={testID ? `${testID}-search-input` : undefined}\n flex={1}\n type=\"text\"\n aria-label={searchPlaceholder}\n value={searchValue}\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setSearchValue(e.target.value)\n }\n placeholder={searchPlaceholder}\n style={{\n border: \"none\",\n outline: \"none\",\n background: \"transparent\",\n color: inputColors.text,\n fontSize: sizeStyles.fontSize,\n width: \"100%\",\n }}\n />\n </Box>\n </Box>\n )}\n\n {/* Select-all row - outside the scrollable area so it stays visible */}\n {showSelectAll && (\n <Box\n role=\"button\"\n aria-label={\n areAllTargetsSelected ? deselectAllLabel : selectAllLabel\n }\n testID={testID ? `${testID}-select-all` : undefined}\n paddingHorizontal={sizeStyles.paddingHorizontal}\n paddingVertical={8}\n borderBottomWidth={1}\n borderColor={theme.colors.border.secondary}\n flexDirection=\"row\"\n alignItems=\"center\"\n onPress={handleSelectAllToggle}\n hoverStyle={{\n backgroundColor: theme.colors.control.input.bgHover,\n }}\n style={{ cursor: \"pointer\" }}\n >\n <Text\n color={theme.colors.content.brand.primary}\n fontSize={sizeStyles.fontSize}\n fontWeight=\"500\"\n numberOfLines={1}\n >\n {areAllTargetsSelected ? deselectAllLabel : selectAllLabel}\n </Text>\n </Box>\n )}\n\n {/* Options list - scrollable */}\n <Box\n paddingVertical={4}\n style={{\n maxHeight: optionsListMaxHeight,\n overflowY: \"auto\",\n overflowX: optionListOverflowX,\n scrollbarWidth: \"none\",\n }}\n >\n {menuItems.length === 0 ? (\n <Box\n paddingVertical={sizeStyles.paddingVertical * 2}\n paddingHorizontal={sizeStyles.paddingHorizontal}\n alignItems=\"center\"\n >\n <Text\n color={theme.colors.content.tertiary}\n fontSize={sizeStyles.fontSize}\n >\n {noOptionsMessage}\n </Text>\n </Box>\n ) : (\n menuItems.map((item, _index) => {\n const brandColors = theme.colors.control.brand.primary;\n const contentColors = theme.colors.content;\n // A checked locked option cannot be toggled off, so its row\n // is inert — but it is not disabled, so it keeps full opacity.\n const isInert = item.locked && item.checked;\n\n return (\n <Box\n testID={testID}\n key={item.id}\n paddingHorizontal={sizeStyles.paddingHorizontal}\n paddingVertical={8}\n onPress={() => {\n if (!item.disabled && !isInert) {\n handleItemToggle(item.id, !item.checked);\n }\n }}\n flexDirection=\"row\"\n alignItems=\"center\"\n justifyContent=\"space-between\"\n backgroundColor={\n item.checked ? brandColors.bg : \"transparent\"\n }\n hoverStyle={\n !item.disabled && !item.checked\n ? {\n backgroundColor:\n theme.colors.control.input.bgHover,\n }\n : undefined\n }\n style={{\n cursor: item.disabled\n ? \"not-allowed\"\n : isInert\n ? \"default\"\n : \"pointer\",\n opacity: item.disabled ? 0.5 : 1,\n minWidth: optionRowMinWidth,\n }}\n >\n <Text\n color={\n item.checked\n ? contentColors.on.brand\n : theme.colors.content.secondary\n }\n fontSize={sizeStyles.fontSize}\n fontWeight=\"400\"\n numberOfLines={optionLabelNumberOfLines}\n style={optionLabelStyle}\n >\n {item.children}\n </Text>\n </Box>\n );\n })\n )}\n </Box>\n </Box>\n </>\n );\n\n return (\n <Box\n ref={containerRef}\n testID={testID}\n flexDirection=\"column\"\n gap={sizeStyles.fieldGap}\n style={externalFieldLayout}\n >\n {/* Label */}\n {label && (\n <Text\n color={theme.colors.content.secondary}\n fontSize={sizeStyles.fontSize - 2}\n fontWeight=\"500\"\n >\n {label}\n </Text>\n )}\n\n {/* Control container */}\n <Box\n ref={ref}\n style={{\n position: \"relative\",\n ...(externalFieldLayout ? { width: \"100%\" } : {}),\n }}\n >\n <MultiSelectControl\n ref={controlRef}\n isOpen={controlMenuOpen}\n isFocus={isFocus}\n isError={isError}\n size={size}\n state={state}\n disabled={isDisable}\n onClick={controlOnClick}\n width={dropdownMenu ? undefined : \"100%\"}\n removeValue={onRemove}\n removeAllValues={onRemoveAll}\n stateList={stateList}\n selectedItems={selectedItems}\n variant={variant}\n flexible={flexible}\n placeholder={placeholder}\n removeTagsButtons={removeTagsButtons}\n iconLeft={iconLeft}\n iconRight={iconRight}\n extraClear={extraClear}\n />\n\n {/* Dropdown menu */}\n {isWeb ? <Portal>{dropdown}</Portal> : dropdown}\n </Box>\n\n {/* Error message */}\n {errorMessage && (\n <Text\n color={theme.colors.content.alert.primary}\n fontSize={sizeStyles.fontSize - 2}\n style={{ lineHeight: sizeStyles.lineHeight + \"px\" }}\n >\n {errorMessage}\n </Text>\n )}\n </Box>\n );\n }\n);\n\nMultiSelect.displayName = \"MultiSelect\";\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport type { BoxProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\n\nconst FilteredDiv = createFilteredElement(\"div\");\n\nconst StyledBox = styled(FilteredDiv)<BoxProps>`\n display: flex;\n box-sizing: border-box;\n background-color: ${(props) => props.backgroundColor || \"transparent\"};\n border-color: ${(props) => props.borderColor || \"transparent\"};\n border-width: ${(props) =>\n typeof props.borderWidth === \"number\"\n ? `${props.borderWidth}px`\n : props.borderWidth || 0};\n\n ${(props) =>\n props.borderBottomWidth !== undefined &&\n `\n border-bottom-width: ${typeof props.borderBottomWidth === \"number\" ? `${props.borderBottomWidth}px` : props.borderBottomWidth};\n border-bottom-color: ${props.borderBottomColor || props.borderColor || \"transparent\"};\n border-bottom-style: solid;\n `}\n ${(props) =>\n props.borderTopWidth !== undefined &&\n `\n border-top-width: ${typeof props.borderTopWidth === \"number\" ? `${props.borderTopWidth}px` : props.borderTopWidth};\n border-top-color: ${props.borderTopColor || props.borderColor || \"transparent\"};\n border-top-style: solid;\n `}\n ${(props) =>\n props.borderLeftWidth !== undefined &&\n `\n border-left-width: ${typeof props.borderLeftWidth === \"number\" ? `${props.borderLeftWidth}px` : props.borderLeftWidth};\n border-left-color: ${props.borderLeftColor || props.borderColor || \"transparent\"};\n border-left-style: solid;\n `}\n ${(props) =>\n props.borderRightWidth !== undefined &&\n `\n border-right-width: ${typeof props.borderRightWidth === \"number\" ? `${props.borderRightWidth}px` : props.borderRightWidth};\n border-right-color: ${props.borderRightColor || props.borderColor || \"transparent\"};\n border-right-style: solid;\n `}\n\n border-style: ${(props) =>\n props.borderStyle ||\n (props.borderWidth ||\n props.borderBottomWidth ||\n props.borderTopWidth ||\n props.borderLeftWidth ||\n props.borderRightWidth\n ? \"solid\"\n : \"none\")};\n border-radius: ${(props) =>\n typeof props.borderRadius === \"number\"\n ? `${props.borderRadius}px`\n : props.borderRadius || 0};\n height: ${(props) =>\n typeof props.height === \"number\"\n ? `${props.height}px`\n : props.height || \"auto\"};\n width: ${(props) =>\n typeof props.width === \"number\"\n ? `${props.width}px`\n : props.width || \"auto\"};\n min-width: ${(props) =>\n typeof props.minWidth === \"number\"\n ? `${props.minWidth}px`\n : props.minWidth || \"auto\"};\n min-height: ${(props) =>\n typeof props.minHeight === \"number\"\n ? `${props.minHeight}px`\n : props.minHeight || \"auto\"};\n max-width: ${(props) =>\n typeof props.maxWidth === \"number\"\n ? `${props.maxWidth}px`\n : props.maxWidth || \"none\"};\n max-height: ${(props) =>\n typeof props.maxHeight === \"number\"\n ? `${props.maxHeight}px`\n : props.maxHeight || \"none\"};\n\n padding: ${(props) =>\n typeof props.padding === \"number\"\n ? `${props.padding}px`\n : props.padding || 0};\n ${(props) =>\n props.paddingHorizontal &&\n `\n padding-left: ${typeof props.paddingHorizontal === \"number\" ? `${props.paddingHorizontal}px` : props.paddingHorizontal};\n padding-right: ${typeof props.paddingHorizontal === \"number\" ? `${props.paddingHorizontal}px` : props.paddingHorizontal};\n `}\n ${(props) =>\n props.paddingVertical &&\n `\n padding-top: ${typeof props.paddingVertical === \"number\" ? `${props.paddingVertical}px` : props.paddingVertical};\n padding-bottom: ${typeof props.paddingVertical === \"number\" ? `${props.paddingVertical}px` : props.paddingVertical};\n `}\n ${(props) =>\n props.paddingTop !== undefined &&\n `padding-top: ${typeof props.paddingTop === \"number\" ? `${props.paddingTop}px` : props.paddingTop};`}\n ${(props) =>\n props.paddingBottom !== undefined &&\n `padding-bottom: ${typeof props.paddingBottom === \"number\" ? `${props.paddingBottom}px` : props.paddingBottom};`}\n ${(props) =>\n props.paddingLeft !== undefined &&\n `padding-left: ${typeof props.paddingLeft === \"number\" ? `${props.paddingLeft}px` : props.paddingLeft};`}\n ${(props) =>\n props.paddingRight !== undefined &&\n `padding-right: ${typeof props.paddingRight === \"number\" ? `${props.paddingRight}px` : props.paddingRight};`}\n\n margin: ${(props) =>\n typeof props.margin === \"number\" ? `${props.margin}px` : props.margin || 0};\n ${(props) =>\n props.marginTop !== undefined &&\n `margin-top: ${typeof props.marginTop === \"number\" ? `${props.marginTop}px` : props.marginTop};`}\n ${(props) =>\n props.marginBottom !== undefined &&\n `margin-bottom: ${typeof props.marginBottom === \"number\" ? `${props.marginBottom}px` : props.marginBottom};`}\n ${(props) =>\n props.marginLeft !== undefined &&\n `margin-left: ${typeof props.marginLeft === \"number\" ? `${props.marginLeft}px` : props.marginLeft};`}\n ${(props) =>\n props.marginRight !== undefined &&\n `margin-right: ${typeof props.marginRight === \"number\" ? `${props.marginRight}px` : props.marginRight};`}\n\n flex-direction: ${(props) => props.flexDirection || \"column\"};\n flex-wrap: ${(props) => props.flexWrap || \"nowrap\"};\n align-items: ${(props) => props.alignItems || \"stretch\"};\n justify-content: ${(props) => props.justifyContent || \"flex-start\"};\n cursor: ${(props) =>\n props.cursor\n ? props.cursor\n : props.onClick || props.onPress\n ? \"pointer\"\n : \"inherit\"};\n position: ${(props) => props.position || \"static\"};\n top: ${(props) =>\n typeof props.top === \"number\" ? `${props.top}px` : props.top};\n bottom: ${(props) =>\n typeof props.bottom === \"number\" ? `${props.bottom}px` : props.bottom};\n left: ${(props) =>\n typeof props.left === \"number\" ? `${props.left}px` : props.left};\n right: ${(props) =>\n typeof props.right === \"number\" ? `${props.right}px` : props.right};\n flex: ${(props) => props.flex};\n flex-shrink: ${(props) => props.flexShrink ?? 1};\n gap: ${(props) =>\n typeof props.gap === \"number\" ? `${props.gap}px` : props.gap || 0};\n align-self: ${(props) => props.alignSelf || \"auto\"};\n /* Only emit overflow-x/y when explicitly set. Defaulting them to\n visible after overflow would override the shorthand and break\n clipping (e.g. OtherCard bottom-right promo image). */\n overflow: ${(props) => props.overflow || \"visible\"};\n ${(props) =>\n props.overflowX != null ? `overflow-x: ${props.overflowX};` : \"\"}\n ${(props) =>\n props.overflowY != null ? `overflow-y: ${props.overflowY};` : \"\"}\n z-index: ${(props) => props.zIndex};\n opacity: ${(props) =>\n props.opacity != null ? props.opacity : props.disabled ? 0.5 : 1};\n pointer-events: ${(props) => (props.disabled ? \"none\" : \"auto\")};\n\n /* \\`background\\` is emitted before \\`background-color\\` so a caller passing\n both still gets backgroundColor as the winner. Use the shorthand for a\n layered fill (e.g. an overlay tint over a resting surface colour), which\n a single background-color cannot express. */\n &:hover {\n ${(props) =>\n props.hoverStyle?.background &&\n `background: ${props.hoverStyle.background};`}\n ${(props) =>\n props.hoverStyle?.backgroundColor &&\n `background-color: ${props.hoverStyle.backgroundColor};`}\n ${(props) =>\n props.hoverStyle?.borderColor &&\n `border-color: ${props.hoverStyle.borderColor};`}\n }\n\n &:active {\n ${(props) =>\n props.pressStyle?.background &&\n `background: ${props.pressStyle.background};`}\n ${(props) =>\n props.pressStyle?.backgroundColor &&\n `background-color: ${props.pressStyle.backgroundColor};`}\n }\n`;\n\nexport const Box = React.forwardRef<\n HTMLDivElement | HTMLButtonElement,\n BoxProps\n>(\n (\n {\n children,\n onPress,\n onKeyDown,\n onKeyUp,\n role,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-current\": ariaCurrent,\n \"aria-disabled\": ariaDisabled,\n \"aria-live\": ariaLive,\n \"aria-busy\": ariaBusy,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-expanded\": ariaExpanded,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-pressed\": ariaPressed,\n \"aria-controls\": ariaControls,\n tabIndex,\n as,\n src,\n alt,\n onError,\n onLoad,\n type,\n disabled,\n id,\n testID,\n \"data-testid\": dataTestId,\n ...props\n },\n ref\n ) => {\n // Handle as=\"img\" for rendering images with proper border-radius\n if (as === \"img\" && src) {\n return (\n <img\n src={src}\n alt={alt || \"\"}\n onError={onError}\n onLoad={onLoad}\n data-testid={dataTestId || testID}\n style={{\n display: \"block\",\n objectFit: \"cover\",\n width:\n typeof props.width === \"number\"\n ? `${props.width}px`\n : props.width,\n height:\n typeof props.height === \"number\"\n ? `${props.height}px`\n : props.height,\n borderRadius:\n typeof props.borderRadius === \"number\"\n ? `${props.borderRadius}px`\n : props.borderRadius,\n position: props.position,\n top: typeof props.top === \"number\" ? `${props.top}px` : props.top,\n left:\n typeof props.left === \"number\" ? `${props.left}px` : props.left,\n right:\n typeof props.right === \"number\"\n ? `${props.right}px`\n : props.right,\n bottom:\n typeof props.bottom === \"number\"\n ? `${props.bottom}px`\n : props.bottom,\n ...props.style,\n }}\n />\n );\n }\n\n return (\n <StyledBox\n ref={ref}\n elementType={as}\n id={id}\n type={as === \"button\" ? type || \"button\" : undefined}\n disabled={as === \"button\" ? disabled : undefined}\n onClick={onPress}\n onKeyDown={onKeyDown}\n onKeyUp={onKeyUp}\n role={role}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-current={ariaCurrent}\n aria-disabled={ariaDisabled}\n aria-busy={ariaBusy}\n aria-describedby={ariaDescribedBy}\n aria-expanded={ariaExpanded}\n aria-haspopup={ariaHasPopup}\n aria-pressed={ariaPressed}\n aria-controls={ariaControls}\n aria-live={ariaLive}\n tabIndex={tabIndex !== undefined ? tabIndex : undefined}\n data-testid={dataTestId || testID}\n {...props}\n >\n {children}\n </StyledBox>\n );\n }\n);\n\nBox.displayName = \"Box\";\n","import React from \"react\";\nimport isPropValid from \"@emotion/is-prop-valid\";\n\n// Props that @emotion/is-prop-valid incorrectly treats as valid HTML.\n// These are React Native or component-specific props that match\n// valid HTML patterns (on* event handlers, SVG attributes).\nexport const ADDITIONAL_BLOCKED_PROPS = new Set([\n // RN-only event handlers (pass isPropValid's on* pattern)\n \"onPress\",\n \"onChangeText\",\n \"onLayout\",\n \"onMoveShouldSetResponder\",\n \"onResponderGrant\",\n \"onResponderMove\",\n \"onResponderRelease\",\n \"onResponderTerminate\",\n // SVG attributes that pass isPropValid\n \"strokeWidth\",\n // CSS properties that pass isPropValid but are used as component props\n \"overflow\",\n \"opacity\",\n \"cursor\",\n \"fontSize\",\n \"fontWeight\",\n \"fontFamily\",\n \"textDecoration\",\n // Cross-platform layout prop that Text consumes as CSS, never as an\n // attribute. Pinned explicitly because it is now spread into the styled\n // component rather than destructured away before it can reach the DOM.\n \"numberOfLines\",\n]);\n\nfunction shouldForwardProp(key: string): boolean {\n if (ADDITIONAL_BLOCKED_PROPS.has(key)) return false;\n return isPropValid(key);\n}\n\n/**\n * Creates a React component that renders the given HTML tag\n * but filters out non-HTML props before they reach the DOM.\n *\n * Uses @emotion/is-prop-valid (same library styled-components v4\n * uses internally) to automatically block invalid HTML attributes,\n * plus a small blocklist for false positives (RN on* handlers, SVG attrs).\n *\n * Usage: `const FilteredDiv = createFilteredElement(\"div\");`\n * Then: `const StyledBox = styled(FilteredDiv)<BoxProps>\\`...\\`;`\n *\n * styled-components can still read ALL props for CSS interpolation,\n * but only valid HTML attributes are forwarded to the DOM element.\n */\nexport function createFilteredElement(defaultTag: string) {\n const Component = React.forwardRef<HTMLElement, Record<string, unknown>>(\n ({ children, elementType, ...props }, ref) => {\n const Tag = (elementType as string) || defaultTag;\n const htmlProps: Record<string, unknown> = {};\n for (const key of Object.keys(props)) {\n if (shouldForwardProp(key)) {\n htmlProps[key] = props[key];\n }\n }\n return React.createElement(\n Tag,\n { ref, ...htmlProps },\n children as React.ReactNode\n );\n }\n );\n Component.displayName = `Filtered(${defaultTag})`;\n return Component;\n}\n","function memoize(fn) {\n var cache = {};\n return function (arg) {\n if (cache[arg] === undefined) cache[arg] = fn(arg);\n return cache[arg];\n };\n}\n\nexport default memoize;\n","import memoize from '@emotion/memoize';\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar index = memoize(function (prop) {\n return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n /* o */\n && prop.charCodeAt(1) === 110\n /* n */\n && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport default index;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\nimport { truncationStyles } from \"./textTruncation\";\n\nconst FilteredSpan = createFilteredElement(\"span\");\n\nconst StyledText = styled(FilteredSpan)<TextProps>`\n color: ${(props) => props.color || \"inherit\"};\n font-size: ${(props) =>\n typeof props.fontSize === \"number\"\n ? `${props.fontSize}px`\n : props.fontSize || \"inherit\"};\n font-weight: ${(props) => props.fontWeight || \"normal\"};\n font-family: ${(props) =>\n props.fontFamily ||\n '\"Aktiv Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif'};\n line-height: ${(props) =>\n typeof props.lineHeight === \"number\"\n ? `${props.lineHeight}px`\n : props.lineHeight || \"inherit\"};\n white-space: ${(props) => props.whiteSpace || \"normal\"};\n text-align: ${(props) => props.textAlign || \"inherit\"};\n text-decoration: ${(props) => props.textDecoration || \"none\"};\n\n /* Keep last: single-line truncation has to win over white-space above. */\n ${(props) => truncationStyles(props.numberOfLines)}\n`;\n\nexport const Text: React.FC<TextProps> = ({\n style,\n className,\n id,\n role,\n testID,\n \"data-testid\": dataTestId,\n ...props\n}) => {\n return (\n <StyledText\n {...props}\n style={style}\n className={className}\n id={id}\n role={role}\n data-testid={dataTestId || testID}\n />\n );\n};\n","/**\n * Web implementation of the cross-platform `numberOfLines` text prop.\n *\n * Native maps `numberOfLines` straight onto `RNText`. A web `<span>` has no\n * equivalent, so emit the CSS that produces the same result.\n *\n * Two details matter for the single-line case:\n * - `text-overflow` only takes effect on a block container, so the inline\n * `<span>` is promoted to `display: block` and capped at `max-width: 100%`.\n * - `min-width: 0` lets the text shrink below its own content width when it\n * sits in a flex row. Without it a `nowrap` label keeps its full intrinsic\n * width and pushes its siblings (icons, chevrons) out of a fixed-width field.\n *\n * Returns an empty string when there is nothing to clamp, so the declaration\n * block stays untouched for the majority of callers.\n */\nexport const truncationStyles = (numberOfLines?: number): string => {\n if (!numberOfLines || numberOfLines < 1) return \"\";\n\n if (numberOfLines === 1) {\n return `\n display: block;\n max-width: 100%;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `;\n }\n\n return `\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ${numberOfLines};\n line-clamp: ${numberOfLines};\n max-width: 100%;\n min-width: 0;\n overflow: hidden;\n `;\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { IconProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\n\nconst FilteredDiv = createFilteredElement(\"div\");\n\nconst StyledIcon = styled(FilteredDiv)<IconProps>`\n display: flex;\n align-items: center;\n justify-content: center;\n width: ${(props) =>\n typeof props.size === \"number\" ? `${props.size}px` : props.size || \"24px\"};\n height: ${(props) =>\n typeof props.size === \"number\" ? `${props.size}px` : props.size || \"24px\"};\n color: ${(props) => props.color || \"currentColor\"};\n\n /* Icons paint themselves — each icon's own SVG sets its fill/stroke\n (icons-base via inline \"fill: currentColor\", Lucide via \"fill\"/\"stroke\"\n attributes). Do not add fill/stroke here: it re-strokes fill-based icons\n and thickens the glyph. See FEP-877. */\n svg {\n width: 100%;\n height: 100%;\n }\n`;\n\nexport const Icon: React.FC<IconProps> = ({\n children,\n testID,\n \"data-testid\": dataTestId,\n ...props\n}) => {\n return (\n <StyledIcon data-testid={dataTestId || testID} {...props}>\n {children}\n </StyledIcon>\n );\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = true;\nexport const isNative = false;\n","import React, { forwardRef, useRef } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Icon } from \"@xsolla/xui-primitives\";\nimport { useResolvedTheme } from \"@xsolla/xui-core\";\nimport {\n ChevronDown,\n ChevronUp,\n Remove,\n ExclamationMarkCr,\n} from \"@xsolla/xui-icons-base\";\nimport { useMultiSelectControl } from \"./useMultiSelectControl\";\nimport type { MultiSelectControlProps } from \"./types\";\n\nexport const MultiSelectControl = forwardRef<\n HTMLDivElement,\n MultiSelectControlProps\n>(\n (\n {\n variant = \"tag\",\n flexible = true,\n onClick,\n removeValue,\n removeAllValues,\n size = \"md\",\n state: externalState,\n isError = false,\n isOpen = false,\n isFocus = false,\n stateList,\n selectedItems,\n removeTagsButtons = true,\n placeholder = \"Select\",\n iconLeft,\n iconRight,\n disabled = false,\n extraClear = false,\n width,\n themeMode,\n themeProductContext,\n },\n ref\n ) => {\n const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n const sizeStyles = theme.sizing.input(size);\n const inputColors = theme.colors.control.input;\n\n const state = externalState || (disabled ? \"disable\" : \"default\");\n const isDisable = state === \"disable\" || disabled;\n\n const containerRef = useRef<HTMLDivElement>(null);\n\n const { itemsRef, selectedContent, isCalculating } = useMultiSelectControl({\n variant,\n flexible,\n size,\n stateList,\n selectedItems,\n removeValue,\n placeholder,\n removeTagsButtons,\n disabled: isDisable,\n isCanBeCleared: Boolean(extraClear && selectedItems.length),\n containerRef,\n });\n\n const tagItemsGap = { xs: 4, sm: 4, md: 6, lg: 8, xl: 10 }[size];\n\n let backgroundColor = inputColors.bg;\n let borderColor = inputColors.border;\n\n if (isDisable) {\n backgroundColor = inputColors.bgDisable;\n borderColor = inputColors.borderDisable;\n } else if (isError) {\n borderColor = theme.colors.border.alert;\n } else if (isFocus || isOpen) {\n backgroundColor = theme.colors.control.focus.bg;\n borderColor = theme.colors.border.brand;\n } else if (state === \"hover\") {\n backgroundColor = inputColors.bgHover;\n borderColor = inputColors.borderHover;\n }\n\n const iconColor = isDisable ? inputColors.textDisable : inputColors.placeholder;\n\n return (\n <Box\n ref={ref}\n width={width}\n backgroundColor={backgroundColor}\n borderColor={borderColor}\n borderWidth={borderColor !== \"transparent\" ? 1 : 0}\n borderRadius={sizeStyles.radius}\n paddingVertical={sizeStyles.paddingVertical}\n paddingHorizontal={sizeStyles.paddingHorizontal}\n minHeight={sizeStyles.height}\n flexDirection=\"row\"\n alignItems=\"center\"\n gap={8}\n style={{\n cursor: isDisable ? \"not-allowed\" : onClick ? \"pointer\" : \"default\",\n boxSizing: \"border-box\",\n height: flexible ? \"auto\" : sizeStyles.height,\n position: \"relative\",\n zIndex: isOpen ? 1000 : undefined,\n }}\n onPress={isDisable ? undefined : onClick}\n hoverStyle={\n !isDisable && onClick && !isFocus && !isOpen && !isError\n ? {\n backgroundColor: inputColors.bgHover,\n borderColor: inputColors.borderHover,\n }\n : undefined\n }\n >\n <Box\n ref={containerRef}\n flex={1}\n flexDirection=\"row\"\n alignItems=\"center\"\n gap={8}\n style={{ minWidth: 0 }}\n >\n {iconLeft && (\n <Icon size={sizeStyles.iconSize} color={iconColor} variant=\"line\">\n {iconLeft}\n </Icon>\n )}\n <Box\n ref={itemsRef}\n flex={1}\n flexDirection=\"row\"\n flexWrap={flexible ? \"wrap\" : \"nowrap\"}\n alignItems=\"center\"\n gap={variant === \"tag\" ? tagItemsGap : 4}\n style={{ overflow: \"hidden\", opacity: isCalculating ? 0 : 1 }}\n >\n {selectedContent}\n </Box>\n </Box>\n\n <Box flexDirection=\"row\" alignItems=\"center\" gap={4}>\n {extraClear && selectedItems.length > 0 && !isDisable && (\n <Box\n onPress={(e: React.MouseEvent) => {\n e.stopPropagation();\n removeAllValues();\n }}\n style={{ cursor: \"pointer\" }}\n >\n <Remove size={18} color={iconColor} variant=\"line\" />\n </Box>\n )}\n {isError && (\n <ExclamationMarkCr size={18} color={theme.colors.content.alert.primary} />\n )}\n {iconRight ? (\n iconRight\n ) : isOpen ? (\n <ChevronUp size={18} color={iconColor} variant=\"line\" />\n ) : (\n <ChevronDown size={18} color={iconColor} variant=\"line\" />\n )}\n </Box>\n </Box>\n );\n }\n);\n\nMultiSelectControl.displayName = \"MultiSelectControl\";\n","import React, {\n useEffect,\n useMemo,\n useRef,\n useState,\n type ReactNode,\n} from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text } from \"@xsolla/xui-primitives\";\nimport { Tag } from \"@xsolla/xui-tag\";\nimport { useResolvedTheme, type ThemeOverrideProps } from \"@xsolla/xui-core\";\nimport type {\n MultiSelectOption,\n MultiSelectSize,\n MultiSelectVariant,\n} from \"./types\";\n\nexport enum DisplayState {\n Placeholder,\n PreRender,\n Calculation,\n Render,\n}\n\ninterface SavedWidths {\n tagsWidths: Record<string | number, number>;\n countItemWidth: number;\n columnGap: number;\n dependencies: {\n stateList: Array<string | number>;\n variant: MultiSelectVariant;\n size: MultiSelectSize;\n removeTagsButtons: boolean;\n /** Which options are locked — a locked tag drops its remove button, so it measures narrower. */\n lockedList: Array<string | number>;\n };\n}\n\nconst COUNT_ITEM_VALUE = \"count-item\" as const;\n\ninterface UseMultiSelectControlProps extends ThemeOverrideProps {\n variant: MultiSelectVariant;\n flexible: boolean;\n size: MultiSelectSize;\n stateList: MultiSelectOption[];\n selectedItems: MultiSelectOption[];\n removeValue: (value: string | number, event?: React.MouseEvent) => void;\n placeholder?: string;\n removeTagsButtons: boolean;\n disabled?: boolean;\n isCanBeCleared?: boolean;\n containerRef: React.RefObject<HTMLDivElement>;\n}\n\nexport const useMultiSelectControl = ({\n variant,\n flexible,\n size,\n stateList,\n selectedItems,\n removeValue,\n placeholder,\n removeTagsButtons,\n disabled,\n containerRef,\n themeMode,\n themeProductContext,\n}: UseMultiSelectControlProps) => {\n const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n\n const displayStateRef = useRef<DisplayState>(DisplayState.Placeholder);\n const savedWidthsRef = useRef<SavedWidths | null>(null);\n\n const itemsRef = useRef<HTMLDivElement>(null);\n const [itemsWidth, setItemsWidth] = useState(0);\n const [selectedContent, setSelectedContent] = useState<ReactNode | null>(\n null\n );\n\n const isPlaceholder = !selectedItems || selectedItems.length === 0;\n\n // Observe container width (parent of items, respects width constraints)\n useEffect(() => {\n if (!containerRef.current) return;\n\n let rafId: number | null = null;\n\n const syncItemsWidth = () => {\n rafId = null;\n if (!containerRef.current) return;\n\n const width = containerRef.current.getBoundingClientRect().width;\n setItemsWidth((prev) => (prev === width ? prev : width));\n };\n\n const scheduleWidthSync = () => {\n if (rafId != null) return;\n rafId = requestAnimationFrame(syncItemsWidth);\n };\n\n const resizeObserver = new ResizeObserver(scheduleWidthSync);\n resizeObserver.observe(containerRef.current);\n\n return () => {\n if (rafId != null) cancelAnimationFrame(rafId);\n resizeObserver.disconnect();\n };\n }, [containerRef]);\n\n const widthsDependencies = useMemo(\n () => ({\n stateList: stateList.map((item) => item.value),\n variant,\n size,\n removeTagsButtons,\n lockedList: stateList\n .filter((item) => item.removable === false)\n .map((item) => item.value),\n }),\n [stateList, variant, size, removeTagsButtons]\n );\n\n const isWidthsDependenciesChanged = () => {\n const prev = savedWidthsRef.current?.dependencies;\n if (!prev) return true;\n if (prev.variant !== widthsDependencies.variant) return true;\n if (prev.size !== widthsDependencies.size) return true;\n if (prev.removeTagsButtons !== widthsDependencies.removeTagsButtons)\n return true;\n if (prev.stateList.length !== widthsDependencies.stateList.length)\n return true;\n if (prev.lockedList.length !== widthsDependencies.lockedList.length)\n return true;\n\n let i = 0;\n for (const v of prev.stateList) {\n if (v !== widthsDependencies.stateList[i]) return true;\n i++;\n }\n\n let j = 0;\n for (const v of prev.lockedList) {\n if (v !== widthsDependencies.lockedList[j]) return true;\n j++;\n }\n\n return false;\n };\n\n const setPlaceholder = () => {\n setSelectedContent(\n <Text\n color={theme.colors.control.input.placeholder}\n fontSize={theme.sizing.input(size).fontSize}\n >\n {placeholder}\n </Text>\n );\n };\n\n const countPossibleItemsCount = (widths: SavedWidths | null) => {\n if (!widths || !selectedItems?.length) return 0;\n\n const itemsAvailableSpace = itemsRef.current?.clientWidth || 0;\n if (!itemsAvailableSpace) return 0;\n\n const { tagsWidths, countItemWidth, columnGap } = widths;\n\n const countPossibleItems = (availableSpace: number) => {\n let remaining = availableSpace;\n let count = 0;\n let isFirst = true;\n\n for (const item of selectedItems) {\n if (!isFirst) remaining -= columnGap;\n isFirst = false;\n\n const width = tagsWidths[item.value] ?? 0;\n remaining -= width;\n\n if (remaining < 0) break;\n count++;\n }\n\n return count;\n };\n\n // First try without \"+N\"\n let possibleCount = countPossibleItems(itemsAvailableSpace);\n\n // If not all items fit, reserve space for \"+N\" tag and retry\n if (possibleCount !== selectedItems.length) {\n possibleCount = countPossibleItems(\n itemsAvailableSpace - countItemWidth - columnGap\n );\n }\n\n return possibleCount;\n };\n\n const setItemsRender = () => {\n const itemsList =\n displayStateRef.current === DisplayState.PreRender\n ? stateList\n : selectedItems;\n\n const showAll =\n displayStateRef.current === DisplayState.PreRender || flexible;\n\n const displayedItemsCount = showAll\n ? itemsList.length\n : countPossibleItemsCount(savedWidthsRef.current);\n\n // always show at least 1 item\n const displayedItems = itemsList.slice(0, displayedItemsCount || 1);\n\n const hasHidden =\n displayStateRef.current === DisplayState.PreRender ||\n itemsList.length - displayedItems.length > 0;\n\n if (hasHidden) {\n const countText =\n displayStateRef.current === DisplayState.PreRender\n ? `+${itemsList.length}`\n : `+${itemsList.length - displayedItems.length}`;\n\n displayedItems.push({ value: COUNT_ITEM_VALUE, label: countText });\n }\n\n const content: ReactNode[] = displayedItems.map((item, index) => {\n const isCount = item.value === COUNT_ITEM_VALUE;\n // Per-option opt-out: a locked option keeps its tag but loses the remove\n // affordance entirely (no ✕, and clicking the tag does nothing).\n const isLocked = !isCount && item.removable === false;\n const canRemove = !isCount && !isLocked;\n\n const isReducable =\n (index === 0 &&\n displayStateRef.current === DisplayState.Render &&\n displayedItemsCount === 0) ||\n flexible;\n\n if (variant === \"tag\") {\n return (\n <Box\n key={item.value}\n onPress={\n canRemove\n ? (e: React.MouseEvent) => {\n e.stopPropagation();\n if (!disabled) removeValue(item.value, e);\n }\n : undefined\n }\n style={{\n minWidth: isReducable ? 0 : \"fit-content\",\n opacity: disabled ? 0.5 : 1,\n cursor: isLocked\n ? \"default\"\n : disabled || isCount\n ? \"not-allowed\"\n : \"pointer\",\n }}\n >\n <Tag\n size={size}\n tone=\"primary\"\n onRemove={\n removeTagsButtons && canRemove\n ? (e?: React.MouseEvent) => {\n e?.stopPropagation();\n if (!disabled) removeValue(item.value, e);\n }\n : undefined\n }\n >\n {item.label}\n </Tag>\n </Box>\n );\n }\n\n // Text variant\n const isCountItem = hasHidden;\n const needsComma =\n index < displayedItems.length - 2 ||\n (index < displayedItems.length - 1 && !isCountItem);\n\n return (\n <Text\n key={item.value}\n color={theme.colors.content.primary}\n fontSize={theme.sizing.input(size).fontSize}\n numberOfLines={1}\n style={{\n display: \"inline\",\n whiteSpace: \"nowrap\",\n overflow: isReducable ? \"hidden\" : undefined,\n textOverflow: isReducable ? \"ellipsis\" : undefined,\n opacity: disabled ? 0.5 : 1,\n cursor: disabled || isCount ? \"not-allowed\" : \"default\",\n }}\n >\n {item.label}\n {needsComma ? \", \" : \" \"}\n </Text>\n );\n });\n\n setSelectedContent(content);\n\n if (displayStateRef.current === DisplayState.PreRender) {\n displayStateRef.current = DisplayState.Calculation;\n }\n };\n\n const getWidths = () => {\n if (!itemsRef.current || !containerRef.current) return;\n\n const allItems = Array.from(itemsRef.current.children) as HTMLElement[];\n if (allItems.length === 0) return;\n\n const countEl = allItems[allItems.length - 1];\n const countItemWidth = countEl.getBoundingClientRect().width;\n\n const columnGap =\n parseInt(getComputedStyle(itemsRef.current).columnGap || \"0\", 10) || 0;\n\n const tagsWidths: Record<string | number, number> = {};\n let index = 0;\n\n for (const el of allItems) {\n const key =\n index < allItems.length - 1 ? stateList[index].value : COUNT_ITEM_VALUE;\n\n tagsWidths[key] = el.getBoundingClientRect().width;\n index++;\n }\n\n savedWidthsRef.current = {\n tagsWidths,\n countItemWidth,\n columnGap,\n dependencies: widthsDependencies,\n };\n\n displayStateRef.current = DisplayState.Render;\n setItemsRender();\n };\n\n // Main flow\n useEffect(() => {\n if (isPlaceholder) {\n displayStateRef.current = DisplayState.Placeholder;\n setPlaceholder();\n return;\n }\n\n if (flexible) {\n // Flexible mode never needs cached widths\n savedWidthsRef.current = null;\n displayStateRef.current = DisplayState.Render;\n setItemsRender();\n return;\n }\n\n // Fixed mode: measure if missing or deps changed\n const needsMeasurement =\n !savedWidthsRef.current || isWidthsDependenciesChanged();\n\n if (needsMeasurement) {\n // Wait for ResizeObserver to set width\n if (itemsWidth === 0) return;\n\n displayStateRef.current = DisplayState.PreRender;\n setItemsRender(); // render all for measurement\n return;\n }\n\n displayStateRef.current = DisplayState.Render;\n setItemsRender();\n }, [\n isPlaceholder,\n placeholder,\n flexible,\n disabled,\n selectedItems,\n variant,\n size,\n removeTagsButtons,\n itemsWidth,\n widthsDependencies,\n stateList,\n ]);\n\n // Measure after PreRender render paints\n useEffect(() => {\n if (displayStateRef.current !== DisplayState.Calculation) return;\n\n const rafId = requestAnimationFrame(() => {\n if (displayStateRef.current === DisplayState.Calculation) {\n getWidths();\n }\n });\n\n return () => cancelAnimationFrame(rafId);\n }, [selectedContent]);\n\n return {\n itemsRef,\n displayStateRef,\n selectedContent,\n isCalculating:\n displayStateRef.current === DisplayState.PreRender ||\n displayStateRef.current === DisplayState.Calculation,\n };\n};\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { MultiSelectOption, MultiSelectValue } from \"./types\";\n\ninterface UseMultiSelectProps {\n options: MultiSelectOption[];\n value?: MultiSelectValue;\n onChange?: (values: MultiSelectValue) => void;\n}\n\ninterface MultiSelectState {\n values: MultiSelectValue;\n selectedItems: MultiSelectOption[];\n isOpen: boolean;\n}\n\nconst initialState: MultiSelectState = {\n values: [],\n selectedItems: [],\n isOpen: false,\n};\n\n/** An option is locked when it opted out of removal via `removable: false`. */\nconst isLockedOption = (option: MultiSelectOption) => option.removable === false;\n\nexport const useMultiSelect = ({\n options,\n value = [],\n onChange,\n}: UseMultiSelectProps) => {\n const [state, setState] = useState<MultiSelectState>(initialState);\n const optionsRef = useRef(options);\n // Mirrors state.values so the callbacks below can read the current selection\n // without taking it as a dependency (keeps their identity stable).\n const valuesRef = useRef<MultiSelectValue>(value);\n\n useEffect(() => {\n optionsRef.current = options;\n }, [options]);\n\n useEffect(() => {\n valuesRef.current = state.values;\n }, [state.values]);\n\n // Sync value prop with internal state\n useEffect(() => {\n const selectedItems = options.filter((opt) => value.includes(opt.value));\n\n setState((prevState) => ({\n ...prevState,\n values: value,\n selectedItems,\n }));\n }, [options, value]);\n\n /** Locked options that are part of the current selection and must survive. */\n const getLockedSelectedValues = () =>\n optionsRef.current\n .filter(\n (opt) => isLockedOption(opt) && valuesRef.current.includes(opt.value)\n )\n .map((opt) => opt.value);\n\n const onChoose = useCallback(\n (selectedIds: string[]) => {\n const lockedValues = getLockedSelectedValues();\n\n // Extract values that correspond to the selected IDs. Filtering over\n // `options` keeps the result ordered and de-duplicated even when a locked\n // value is also present in `selectedIds`.\n const newValues = optionsRef.current\n .filter(\n (opt) =>\n selectedIds.includes(String(opt.value)) ||\n lockedValues.includes(opt.value)\n )\n .map((opt) => opt.value);\n\n const newSelectedItems = optionsRef.current.filter((opt) =>\n newValues.includes(opt.value)\n );\n\n setState((prevState) => ({\n ...prevState,\n values: newValues,\n selectedItems: newSelectedItems,\n }));\n\n onChange?.(newValues);\n },\n [onChange]\n );\n\n const onRemove = useCallback(\n (value: string | number, event?: React.MouseEvent) => {\n event?.stopPropagation();\n\n const option = optionsRef.current.find((opt) => opt.value === value);\n if (option && isLockedOption(option)) return;\n\n setState((prev) => {\n const newValues = prev.values.filter((v) => v !== value);\n const newSelectedItems = optionsRef.current.filter((opt) =>\n newValues.includes(opt.value)\n );\n onChange?.(newValues);\n return {\n ...prev,\n values: newValues,\n selectedItems: newSelectedItems,\n };\n });\n },\n [onChange]\n );\n\n const onRemoveAll = useCallback(() => {\n // Clear-all still honours locked options.\n const keptValues = getLockedSelectedValues();\n const keptItems = optionsRef.current.filter((opt) =>\n keptValues.includes(opt.value)\n );\n\n setState((prevState) => ({\n ...prevState,\n values: keptValues,\n selectedItems: keptItems,\n }));\n\n onChange?.(keptValues);\n }, [onChange]);\n\n const onSelectClick = useCallback(() => {\n setState((prevState) => ({\n ...prevState,\n isOpen: !prevState.isOpen,\n }));\n }, []);\n\n const onClose = useCallback(() => {\n setState((prevState) => ({\n ...prevState,\n isOpen: false,\n }));\n }, []);\n\n return {\n values: state.values,\n stateList: options,\n selectedItems: state.selectedItems,\n isOpen: state.isOpen,\n onChoose,\n onSelectClick,\n onRemove,\n onRemoveAll,\n onClose,\n };\n};\n","import { ReactNode, useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\ninterface PortalProps {\n children: ReactNode;\n}\n\nexport const Portal = ({ children }: PortalProps) => {\n const [mountNode, setMountNode] = useState<HTMLElement | null>(null);\n\n useEffect(() => setMountNode(document.body), []);\n\n if (!mountNode) return null;\n\n return createPortal(children, mountNode);\n};\n"],"mappings":"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","names":["forwardRef","useRef","useEffect","useState","React","Tag","React","styled","jsx","styled","styled","jsx","FilteredDiv","styled","useResolvedTheme","useRef","useResolvedTheme","jsx","jsx","index","jsx","jsxs","useResolvedTheme","useRef","useEffect","useRef","useState","value","useEffect","useState","jsx","jsxs","forwardRef","useResolvedTheme","useRef","useState","useEffect"]}
1
+ {"version":3,"sources":["../../src/MultiSelect.tsx","../../../../foundation/primitives-web/src/Box.tsx","../../../../foundation/primitives-web/src/filterDOMProps.ts","../../../../../node_modules/@emotion/memoize/dist/memoize.esm.js","../../../../../node_modules/@emotion/is-prop-valid/dist/is-prop-valid.esm.js","../../../../foundation/primitives-web/src/Text.tsx","../../../../foundation/primitives-web/src/textTruncation.ts","../../../../foundation/primitives-web/src/Icon.tsx","../../../../foundation/primitives-web/src/index.tsx","../../src/MultiSelectControl.tsx","../../src/useMultiSelectControl.tsx","../../src/useMultiSelect.ts","../../src/Portal.web.tsx"],"sourcesContent":["import {\n forwardRef,\n useRef,\n useEffect,\n useState,\n type ChangeEvent,\n} from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text, Icon, isWeb } from \"@xsolla/xui-primitives\";\nimport {\n useModalId,\n useResolvedTheme,\n useOverlayLayer,\n LAYER_OFFSET,\n} from \"@xsolla/xui-core\";\nimport { Search as SearchIcon } from \"@xsolla/xui-icons-base\";\nimport { MultiSelectControl } from \"./MultiSelectControl\";\nimport { useMultiSelect } from \"./useMultiSelect\";\nimport type { MultiSelectOption, MultiSelectProps } from \"./types\";\nimport { Portal } from \"./Portal\";\n\n/** Default `menuMinWidth` when `dropdownMenu={false}`; matches `GROUP_SELECT_MIN_PANEL_WIDTH` in GroupSelect. */\nconst EXTERNAL_MENU_MIN_WIDTH_DEFAULT = 540;\n\n/** Approximate height of the sticky search row, reserved out of `maxHeight`. */\nconst SEARCH_ROW_HEIGHT = 60;\n/** Approximate height of the sticky select-all row, reserved out of `maxHeight`. */\nconst SELECT_ALL_ROW_HEIGHT = 37;\n\ninterface MenuPosition {\n left: number;\n top: number;\n width: number;\n}\n\nexport const MultiSelect = forwardRef<HTMLDivElement, MultiSelectProps>(\n (\n {\n options,\n errorMessage,\n value = [],\n size = \"md\",\n state: externalState,\n label,\n extraClear = false,\n disabled = false,\n onChange,\n variant = \"tag\",\n flexible = true,\n placeholder = \"Select\",\n removeTagsButtons = true,\n iconLeft,\n iconRight,\n maxHeight = 300,\n optionOverflow = \"truncate\",\n dropdownMenu = true,\n onTriggerPress,\n menuOpen = false,\n menuMinWidth,\n searchable = false,\n searchPlaceholder = \"Search\",\n noOptionsMessage = \"No results\",\n selectAll = false,\n selectAllLabel = \"Select all\",\n deselectAllLabel = \"Deselect all\",\n testID,\n themeMode,\n themeProductContext,\n },\n ref\n ) => {\n const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n const modalId = useModalId();\n const overlayLayer = useOverlayLayer();\n const controlRef = useRef<HTMLDivElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const searchInputRef = useRef<HTMLInputElement>(null);\n const [menuPosition, setMenuPosition] = useState<MenuPosition | null>(null);\n const [searchValue, setSearchValue] = useState(\"\");\n const sizeStyles = theme.sizing.input(size);\n const inputColors = theme.colors.control.input;\n\n const state = externalState || (disabled ? \"disable\" : \"default\");\n const isDisable = state === \"disable\" || disabled;\n const isError = state === \"error\" || !!errorMessage;\n const isFocus = state === \"focus\";\n\n const {\n values,\n stateList,\n selectedItems,\n isOpen,\n onChoose,\n onRemove,\n onRemoveAll,\n onClose,\n onSelectClick,\n } = useMultiSelect({\n options,\n value,\n onChange,\n });\n\n // Close menu when disabled or built-in menu is off\n useEffect(() => {\n if (isDisable || !dropdownMenu) {\n onClose();\n }\n }, [isDisable, dropdownMenu, onClose]);\n\n // Focus the search input when the dropdown opens (web only)\n useEffect(() => {\n if (isOpen && searchable && isWeb) {\n searchInputRef.current?.focus();\n }\n }, [isOpen, searchable]);\n\n // Clear the search query whenever the dropdown closes\n useEffect(() => {\n if (!isOpen) setSearchValue(\"\");\n }, [isOpen]);\n\n // Resolve the option's searchable text (labels may be non-string ReactNodes)\n const getOptionText = (opt: MultiSelectOption): string =>\n typeof opt.label === \"string\" ? opt.label : String(opt.value);\n\n // Filter options in memory when searching\n const filteredOptions =\n searchable && searchValue\n ? options.filter((opt) =>\n getOptionText(opt).toLowerCase().includes(searchValue.toLowerCase())\n )\n : options;\n\n const selectedIds = values.map(String);\n\n const menuItems = filteredOptions.map((opt) => {\n const id = String(opt.value);\n const checked = selectedIds.includes(id);\n return {\n id,\n children: opt.label,\n checked,\n disabled: opt.disabled,\n locked: opt.removable === false,\n };\n });\n\n const handleItemToggle = (id: string, checked: boolean) => {\n const option = options.find((opt) => String(opt.value) === id);\n if (option === undefined) return;\n // Locked options cannot be toggled off from the dropdown either.\n if (!checked && option.removable === false) return;\n\n const newValues = checked\n ? [...values, option.value]\n : values.filter((v) => v !== option.value);\n\n onChoose(newValues.map(String));\n };\n\n // Select-all applies to the options currently listed (i.e. the search\n // result when filtering), skipping disabled ones. Locked options are never\n // deselected — `onChoose` re-adds them.\n const selectAllTargets = filteredOptions.filter((opt) => !opt.disabled);\n const showSelectAll =\n selectAll && dropdownMenu && selectAllTargets.length > 0;\n const areAllTargetsSelected =\n showSelectAll &&\n selectAllTargets.every((opt) => selectedIds.includes(String(opt.value)));\n\n const handleSelectAllToggle = () => {\n const targetIds = selectAllTargets.map((opt) => String(opt.value));\n const nextIds = areAllTargetsSelected\n ? selectedIds.filter((id) => !targetIds.includes(id))\n : Array.from(new Set([...selectedIds, ...targetIds]));\n\n onChoose(nextIds);\n };\n\n const controlMenuOpen = dropdownMenu ? isOpen : Boolean(menuOpen);\n const controlOnClick = dropdownMenu ? onSelectClick : onTriggerPress;\n\n // Resolve how option labels handle horizontal overflow. \"scroll\" mirrors\n // the legacy behavior (single line + horizontal scroll); it is web only,\n // since a native Text row cannot scroll horizontally and instead wraps.\n const isScrollOverflow = optionOverflow === \"scroll\";\n const isWrapOverflow = optionOverflow === \"wrap\";\n const optionListOverflowX = isScrollOverflow ? \"auto\" : \"hidden\";\n // Let the flex row shrink so the label can truncate/wrap within it; for\n // \"scroll\" the row must size to its content so the list can overflow.\n const optionRowMinWidth = isScrollOverflow ? undefined : 0;\n const optionLabelNumberOfLines =\n optionOverflow === \"truncate\" ? 1 : undefined;\n const optionLabelStyle = isScrollOverflow\n ? { whiteSpace: \"nowrap\" }\n : isWrapOverflow\n ? {\n minWidth: 0,\n whiteSpace: \"normal\",\n overflowWrap: \"break-word\",\n wordBreak: \"break-word\",\n }\n : {\n minWidth: 0,\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n };\n\n // Both the search input and the select-all row sit outside the scrollable\n // list, so their height comes out of the list's budget.\n const optionsListMaxHeight =\n maxHeight -\n (searchable ? SEARCH_ROW_HEIGHT : 0) -\n (showSelectAll ? SELECT_ALL_ROW_HEIGHT : 0);\n\n useEffect(() => {\n if (!isWeb || !controlMenuOpen || isDisable || !dropdownMenu) return;\n\n let rafId: number | null = null;\n\n const repositionMenu = () => {\n rafId = null;\n if (!controlRef.current) return;\n\n const rect = controlRef.current.getBoundingClientRect();\n setMenuPosition({\n left: rect.left,\n top: rect.bottom + 4,\n width: rect.width,\n });\n };\n\n const scheduleUpdate = () => {\n if (rafId != null) return;\n rafId = requestAnimationFrame(repositionMenu);\n };\n\n scheduleUpdate();\n window.addEventListener(\"resize\", scheduleUpdate);\n window.addEventListener(\"scroll\", scheduleUpdate, true);\n\n return () => {\n if (rafId != null) cancelAnimationFrame(rafId);\n window.removeEventListener(\"resize\", scheduleUpdate);\n window.removeEventListener(\"scroll\", scheduleUpdate, true);\n };\n }, [controlMenuOpen, dropdownMenu, isDisable]);\n\n // Close the menu on a pointer-down outside the control or menu (web only).\n // A document-level listener is z-index agnostic, so the dropdown still\n // closes when MultiSelect is rendered inside a Modal. The menu is rendered\n // outside containerRef, so it is checked separately via composedPath\n // (falling back to node containment). Mirrors Select's click-outside close.\n useEffect(() => {\n if (!isWeb || !dropdownMenu || !isOpen || isDisable) return;\n\n const handleOutsideMouseDown = (event: MouseEvent) => {\n const path =\n typeof event.composedPath === \"function\" ? event.composedPath() : [];\n const targetNode = event.target as Node | null;\n const isInside = (el: HTMLElement | null) =>\n !!el &&\n (path.length\n ? path.includes(el)\n : !!targetNode && el.contains(targetNode));\n\n if (isInside(containerRef.current) || isInside(menuRef.current)) return;\n onClose();\n };\n\n document.addEventListener(\"mousedown\", handleOutsideMouseDown);\n return () =>\n document.removeEventListener(\"mousedown\", handleOutsideMouseDown);\n }, [dropdownMenu, isOpen, isDisable, onClose]);\n\n const externalFieldLayout = !dropdownMenu\n ? {\n width: \"100%\" as const,\n minWidth: menuMinWidth ?? EXTERNAL_MENU_MIN_WIDTH_DEFAULT,\n boxSizing: \"border-box\" as const,\n }\n : undefined;\n\n const dropdown = dropdownMenu &&\n isOpen &&\n !isDisable &&\n (!isWeb || menuPosition) && (\n <>\n {/* Backdrop overlay for closing (native only). On web, an outside\n mousedown listener handles closing in a z-index-agnostic way so the\n menu still closes when MultiSelect is inside a Modal. */}\n {!isWeb && (\n <Box\n data-modal-id={modalId}\n style={{\n position: \"fixed\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: overlayLayer + LAYER_OFFSET.menu,\n cursor: \"default\",\n }}\n onPress={onClose}\n />\n )}\n\n {/* Menu */}\n <Box\n ref={menuRef}\n role=\"listbox\"\n aria-multiselectable\n aria-label={label ?? placeholder}\n data-modal-id={modalId}\n backgroundColor={theme.colors.background.secondary}\n borderColor={theme.colors.border.secondary}\n borderWidth={1}\n borderRadius={sizeStyles.radius}\n style={{\n position: isWeb ? \"fixed\" : \"absolute\",\n top: isWeb ? menuPosition?.top : \"100%\",\n left: isWeb ? menuPosition?.left : 0,\n right: isWeb ? undefined : 0,\n width: isWeb ? menuPosition?.width : undefined,\n marginTop: isWeb ? undefined : 4,\n zIndex: overlayLayer + LAYER_OFFSET.popover,\n boxShadow: theme.shadow.popover,\n }}\n >\n {/* Search input - outside the scrollable area (web only) */}\n {searchable && isWeb && (\n <Box\n paddingHorizontal={sizeStyles.paddingHorizontal}\n paddingVertical={sizeStyles.paddingVertical}\n borderBottomWidth={1}\n borderColor={theme.colors.border.secondary}\n >\n <Box\n flexDirection=\"row\"\n alignItems=\"center\"\n gap={sizeStyles.paddingHorizontal / 2}\n paddingHorizontal={4}\n >\n <Icon\n size={sizeStyles.iconSize - 2}\n color={inputColors.placeholder}\n >\n <SearchIcon />\n </Icon>\n <Box\n as=\"input\"\n ref={searchInputRef}\n testID={testID ? `${testID}-search-input` : undefined}\n flex={1}\n type=\"text\"\n aria-label={searchPlaceholder}\n value={searchValue}\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setSearchValue(e.target.value)\n }\n placeholder={searchPlaceholder}\n style={{\n border: \"none\",\n outline: \"none\",\n background: \"transparent\",\n color: inputColors.text,\n fontSize: sizeStyles.fontSize,\n width: \"100%\",\n }}\n />\n </Box>\n </Box>\n )}\n\n {/* Select-all row - outside the scrollable area so it stays visible */}\n {showSelectAll && (\n <Box\n role=\"button\"\n aria-label={\n areAllTargetsSelected ? deselectAllLabel : selectAllLabel\n }\n testID={testID ? `${testID}-select-all` : undefined}\n paddingHorizontal={sizeStyles.paddingHorizontal}\n paddingVertical={8}\n borderBottomWidth={1}\n borderColor={theme.colors.border.secondary}\n flexDirection=\"row\"\n alignItems=\"center\"\n onPress={handleSelectAllToggle}\n hoverStyle={{\n backgroundColor: theme.colors.control.input.bgHover,\n }}\n style={{ cursor: \"pointer\" }}\n >\n <Text\n color={theme.colors.content.brand.primary}\n fontSize={sizeStyles.fontSize}\n fontWeight=\"500\"\n numberOfLines={1}\n >\n {areAllTargetsSelected ? deselectAllLabel : selectAllLabel}\n </Text>\n </Box>\n )}\n\n {/* Options list - scrollable */}\n <Box\n paddingVertical={4}\n style={{\n maxHeight: optionsListMaxHeight,\n overflowY: \"auto\",\n overflowX: optionListOverflowX,\n scrollbarWidth: \"none\",\n }}\n >\n {menuItems.length === 0 ? (\n <Box\n paddingVertical={sizeStyles.paddingVertical * 2}\n paddingHorizontal={sizeStyles.paddingHorizontal}\n alignItems=\"center\"\n >\n <Text\n color={theme.colors.content.tertiary}\n fontSize={sizeStyles.fontSize}\n >\n {noOptionsMessage}\n </Text>\n </Box>\n ) : (\n menuItems.map((item, _index) => {\n const brandColors = theme.colors.control.brand.primary;\n const contentColors = theme.colors.content;\n // A checked locked option cannot be toggled off, so its row\n // is inert — but it is not disabled, so it keeps full opacity.\n const isInert = item.locked && item.checked;\n\n return (\n <Box\n testID={testID}\n key={item.id}\n paddingHorizontal={sizeStyles.paddingHorizontal}\n paddingVertical={8}\n onPress={() => {\n if (!item.disabled && !isInert) {\n handleItemToggle(item.id, !item.checked);\n }\n }}\n flexDirection=\"row\"\n alignItems=\"center\"\n justifyContent=\"space-between\"\n backgroundColor={\n item.checked ? brandColors.bg : \"transparent\"\n }\n hoverStyle={\n !item.disabled && !item.checked\n ? {\n backgroundColor:\n theme.colors.control.input.bgHover,\n }\n : undefined\n }\n style={{\n cursor: item.disabled\n ? \"not-allowed\"\n : isInert\n ? \"default\"\n : \"pointer\",\n opacity: item.disabled ? 0.5 : 1,\n minWidth: optionRowMinWidth,\n }}\n >\n <Text\n color={\n item.checked\n ? contentColors.on.brand\n : theme.colors.content.secondary\n }\n fontSize={sizeStyles.fontSize}\n fontWeight=\"400\"\n numberOfLines={optionLabelNumberOfLines}\n style={optionLabelStyle}\n >\n {item.children}\n </Text>\n </Box>\n );\n })\n )}\n </Box>\n </Box>\n </>\n );\n\n return (\n <Box\n ref={containerRef}\n testID={testID}\n flexDirection=\"column\"\n gap={sizeStyles.fieldGap}\n style={externalFieldLayout}\n >\n {/* Label */}\n {label && (\n <Text\n color={theme.colors.content.secondary}\n fontSize={sizeStyles.fontSize - 2}\n fontWeight=\"500\"\n >\n {label}\n </Text>\n )}\n\n {/* Control container */}\n <Box\n ref={ref}\n style={{\n position: \"relative\",\n ...(externalFieldLayout ? { width: \"100%\" } : {}),\n }}\n >\n <MultiSelectControl\n ref={controlRef}\n isOpen={controlMenuOpen}\n isFocus={isFocus}\n isError={isError}\n size={size}\n state={state}\n disabled={isDisable}\n onClick={controlOnClick}\n width={dropdownMenu ? undefined : \"100%\"}\n removeValue={onRemove}\n removeAllValues={onRemoveAll}\n stateList={stateList}\n selectedItems={selectedItems}\n variant={variant}\n flexible={flexible}\n placeholder={placeholder}\n removeTagsButtons={removeTagsButtons}\n iconLeft={iconLeft}\n iconRight={iconRight}\n extraClear={extraClear}\n />\n\n {/* Dropdown menu */}\n {isWeb ? <Portal>{dropdown}</Portal> : dropdown}\n </Box>\n\n {/* Error message */}\n {errorMessage && (\n <Text\n color={theme.colors.content.alert.primary}\n fontSize={sizeStyles.fontSize - 2}\n style={{ lineHeight: sizeStyles.lineHeight + \"px\" }}\n >\n {errorMessage}\n </Text>\n )}\n </Box>\n );\n }\n);\n\nMultiSelect.displayName = \"MultiSelect\";\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport type { BoxProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\n\nconst FilteredDiv = createFilteredElement(\"div\");\n\nconst StyledBox = styled(FilteredDiv)<BoxProps>`\n display: ${(props) => props.display || \"flex\"};\n box-sizing: border-box;\n background-color: ${(props) => props.backgroundColor || \"transparent\"};\n border-color: ${(props) => props.borderColor || \"transparent\"};\n border-width: ${(props) =>\n typeof props.borderWidth === \"number\"\n ? `${props.borderWidth}px`\n : props.borderWidth || 0};\n\n ${(props) =>\n props.borderBottomWidth !== undefined &&\n `\n border-bottom-width: ${typeof props.borderBottomWidth === \"number\" ? `${props.borderBottomWidth}px` : props.borderBottomWidth};\n border-bottom-color: ${props.borderBottomColor || props.borderColor || \"transparent\"};\n border-bottom-style: solid;\n `}\n ${(props) =>\n props.borderTopWidth !== undefined &&\n `\n border-top-width: ${typeof props.borderTopWidth === \"number\" ? `${props.borderTopWidth}px` : props.borderTopWidth};\n border-top-color: ${props.borderTopColor || props.borderColor || \"transparent\"};\n border-top-style: solid;\n `}\n ${(props) =>\n props.borderLeftWidth !== undefined &&\n `\n border-left-width: ${typeof props.borderLeftWidth === \"number\" ? `${props.borderLeftWidth}px` : props.borderLeftWidth};\n border-left-color: ${props.borderLeftColor || props.borderColor || \"transparent\"};\n border-left-style: solid;\n `}\n ${(props) =>\n props.borderRightWidth !== undefined &&\n `\n border-right-width: ${typeof props.borderRightWidth === \"number\" ? `${props.borderRightWidth}px` : props.borderRightWidth};\n border-right-color: ${props.borderRightColor || props.borderColor || \"transparent\"};\n border-right-style: solid;\n `}\n\n border-style: ${(props) =>\n props.borderStyle ||\n (props.borderWidth ||\n props.borderBottomWidth ||\n props.borderTopWidth ||\n props.borderLeftWidth ||\n props.borderRightWidth\n ? \"solid\"\n : \"none\")};\n border-radius: ${(props) =>\n typeof props.borderRadius === \"number\"\n ? `${props.borderRadius}px`\n : props.borderRadius || 0};\n height: ${(props) =>\n typeof props.height === \"number\"\n ? `${props.height}px`\n : props.height || \"auto\"};\n width: ${(props) =>\n typeof props.width === \"number\"\n ? `${props.width}px`\n : props.width || \"auto\"};\n min-width: ${(props) =>\n typeof props.minWidth === \"number\"\n ? `${props.minWidth}px`\n : props.minWidth || \"auto\"};\n min-height: ${(props) =>\n typeof props.minHeight === \"number\"\n ? `${props.minHeight}px`\n : props.minHeight || \"auto\"};\n max-width: ${(props) =>\n typeof props.maxWidth === \"number\"\n ? `${props.maxWidth}px`\n : props.maxWidth || \"none\"};\n max-height: ${(props) =>\n typeof props.maxHeight === \"number\"\n ? `${props.maxHeight}px`\n : props.maxHeight || \"none\"};\n\n padding: ${(props) =>\n typeof props.padding === \"number\"\n ? `${props.padding}px`\n : props.padding || 0};\n ${(props) =>\n props.paddingHorizontal &&\n `\n padding-left: ${typeof props.paddingHorizontal === \"number\" ? `${props.paddingHorizontal}px` : props.paddingHorizontal};\n padding-right: ${typeof props.paddingHorizontal === \"number\" ? `${props.paddingHorizontal}px` : props.paddingHorizontal};\n `}\n ${(props) =>\n props.paddingVertical &&\n `\n padding-top: ${typeof props.paddingVertical === \"number\" ? `${props.paddingVertical}px` : props.paddingVertical};\n padding-bottom: ${typeof props.paddingVertical === \"number\" ? `${props.paddingVertical}px` : props.paddingVertical};\n `}\n ${(props) =>\n props.paddingTop !== undefined &&\n `padding-top: ${typeof props.paddingTop === \"number\" ? `${props.paddingTop}px` : props.paddingTop};`}\n ${(props) =>\n props.paddingBottom !== undefined &&\n `padding-bottom: ${typeof props.paddingBottom === \"number\" ? `${props.paddingBottom}px` : props.paddingBottom};`}\n ${(props) =>\n props.paddingLeft !== undefined &&\n `padding-left: ${typeof props.paddingLeft === \"number\" ? `${props.paddingLeft}px` : props.paddingLeft};`}\n ${(props) =>\n props.paddingRight !== undefined &&\n `padding-right: ${typeof props.paddingRight === \"number\" ? `${props.paddingRight}px` : props.paddingRight};`}\n\n margin: ${(props) =>\n typeof props.margin === \"number\" ? `${props.margin}px` : props.margin || 0};\n ${(props) =>\n props.marginTop !== undefined &&\n `margin-top: ${typeof props.marginTop === \"number\" ? `${props.marginTop}px` : props.marginTop};`}\n ${(props) =>\n props.marginBottom !== undefined &&\n `margin-bottom: ${typeof props.marginBottom === \"number\" ? `${props.marginBottom}px` : props.marginBottom};`}\n ${(props) =>\n props.marginLeft !== undefined &&\n `margin-left: ${typeof props.marginLeft === \"number\" ? `${props.marginLeft}px` : props.marginLeft};`}\n ${(props) =>\n props.marginRight !== undefined &&\n `margin-right: ${typeof props.marginRight === \"number\" ? `${props.marginRight}px` : props.marginRight};`}\n\n flex-direction: ${(props) => props.flexDirection || \"column\"};\n flex-wrap: ${(props) => props.flexWrap || \"nowrap\"};\n align-items: ${(props) => props.alignItems || \"stretch\"};\n justify-content: ${(props) => props.justifyContent || \"flex-start\"};\n cursor: ${(props) =>\n props.cursor\n ? props.cursor\n : props.onClick || props.onPress\n ? \"pointer\"\n : \"inherit\"};\n position: ${(props) => props.position || \"static\"};\n top: ${(props) =>\n typeof props.top === \"number\" ? `${props.top}px` : props.top};\n bottom: ${(props) =>\n typeof props.bottom === \"number\" ? `${props.bottom}px` : props.bottom};\n left: ${(props) =>\n typeof props.left === \"number\" ? `${props.left}px` : props.left};\n right: ${(props) =>\n typeof props.right === \"number\" ? `${props.right}px` : props.right};\n flex: ${(props) => props.flex};\n flex-shrink: ${(props) => props.flexShrink ?? 1};\n gap: ${(props) =>\n typeof props.gap === \"number\" ? `${props.gap}px` : props.gap || 0};\n align-self: ${(props) => props.alignSelf || \"auto\"};\n /* Only emit overflow-x/y when explicitly set. Defaulting them to\n visible after overflow would override the shorthand and break\n clipping (e.g. OtherCard bottom-right promo image). */\n overflow: ${(props) => props.overflow || \"visible\"};\n ${(props) =>\n props.overflowX != null ? `overflow-x: ${props.overflowX};` : \"\"}\n ${(props) =>\n props.overflowY != null ? `overflow-y: ${props.overflowY};` : \"\"}\n z-index: ${(props) => props.zIndex};\n opacity: ${(props) =>\n props.opacity != null ? props.opacity : props.disabled ? 0.5 : 1};\n pointer-events: ${(props) => (props.disabled ? \"none\" : \"auto\")};\n\n /* \\`background\\` is emitted before \\`background-color\\` so a caller passing\n both still gets backgroundColor as the winner. Use the shorthand for a\n layered fill (e.g. an overlay tint over a resting surface colour), which\n a single background-color cannot express. */\n &:hover {\n ${(props) =>\n props.hoverStyle?.background &&\n `background: ${props.hoverStyle.background};`}\n ${(props) =>\n props.hoverStyle?.backgroundColor &&\n `background-color: ${props.hoverStyle.backgroundColor};`}\n ${(props) =>\n props.hoverStyle?.borderColor &&\n `border-color: ${props.hoverStyle.borderColor};`}\n }\n\n &:active {\n ${(props) =>\n props.pressStyle?.background &&\n `background: ${props.pressStyle.background};`}\n ${(props) =>\n props.pressStyle?.backgroundColor &&\n `background-color: ${props.pressStyle.backgroundColor};`}\n }\n`;\n\nexport const Box = React.forwardRef<\n HTMLDivElement | HTMLButtonElement,\n BoxProps\n>(\n (\n {\n children,\n onPress,\n onKeyDown,\n onKeyUp,\n role,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-current\": ariaCurrent,\n \"aria-disabled\": ariaDisabled,\n \"aria-live\": ariaLive,\n \"aria-busy\": ariaBusy,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-expanded\": ariaExpanded,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-pressed\": ariaPressed,\n \"aria-controls\": ariaControls,\n tabIndex,\n as,\n src,\n alt,\n onError,\n onLoad,\n type,\n disabled,\n id,\n testID,\n \"data-testid\": dataTestId,\n ...props\n },\n ref\n ) => {\n // Handle as=\"img\" for rendering images with proper border-radius\n if (as === \"img\" && src) {\n return (\n <img\n src={src}\n alt={alt || \"\"}\n onError={onError}\n onLoad={onLoad}\n data-testid={dataTestId || testID}\n style={{\n display: props.display || \"block\",\n objectFit: \"cover\",\n width:\n typeof props.width === \"number\"\n ? `${props.width}px`\n : props.width,\n height:\n typeof props.height === \"number\"\n ? `${props.height}px`\n : props.height,\n borderRadius:\n typeof props.borderRadius === \"number\"\n ? `${props.borderRadius}px`\n : props.borderRadius,\n position: props.position,\n top: typeof props.top === \"number\" ? `${props.top}px` : props.top,\n left:\n typeof props.left === \"number\" ? `${props.left}px` : props.left,\n right:\n typeof props.right === \"number\"\n ? `${props.right}px`\n : props.right,\n bottom:\n typeof props.bottom === \"number\"\n ? `${props.bottom}px`\n : props.bottom,\n ...props.style,\n }}\n />\n );\n }\n\n return (\n <StyledBox\n ref={ref}\n elementType={as}\n id={id}\n type={as === \"button\" ? type || \"button\" : undefined}\n disabled={as === \"button\" ? disabled : undefined}\n onClick={onPress}\n onKeyDown={onKeyDown}\n onKeyUp={onKeyUp}\n role={role}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-current={ariaCurrent}\n aria-disabled={ariaDisabled}\n aria-busy={ariaBusy}\n aria-describedby={ariaDescribedBy}\n aria-expanded={ariaExpanded}\n aria-haspopup={ariaHasPopup}\n aria-pressed={ariaPressed}\n aria-controls={ariaControls}\n aria-live={ariaLive}\n tabIndex={tabIndex !== undefined ? tabIndex : undefined}\n data-testid={dataTestId || testID}\n {...props}\n >\n {children}\n </StyledBox>\n );\n }\n);\n\nBox.displayName = \"Box\";\n","import React from \"react\";\nimport isPropValid from \"@emotion/is-prop-valid\";\n\n// Props that @emotion/is-prop-valid incorrectly treats as valid HTML.\n// These are React Native or component-specific props that match\n// valid HTML patterns (on* event handlers, SVG attributes).\nexport const ADDITIONAL_BLOCKED_PROPS = new Set([\n // RN-only event handlers (pass isPropValid's on* pattern)\n \"onPress\",\n \"onChangeText\",\n \"onLayout\",\n \"onMoveShouldSetResponder\",\n \"onResponderGrant\",\n \"onResponderMove\",\n \"onResponderRelease\",\n \"onResponderTerminate\",\n // SVG attributes that pass isPropValid\n \"strokeWidth\",\n // CSS properties that pass isPropValid but are used as component props\n \"overflow\",\n \"opacity\",\n \"cursor\",\n \"fontSize\",\n \"fontWeight\",\n \"fontFamily\",\n \"textDecoration\",\n // `display` is a presentation attribute on SVG, so isPropValid lets it\n // through — but Box consumes it purely as CSS. Without this it lands on the\n // DOM node as a bogus `display=\"inline-flex\"` attribute.\n \"display\",\n // Cross-platform layout prop that Text consumes as CSS, never as an\n // attribute. Pinned explicitly because it is now spread into the styled\n // component rather than destructured away before it can reach the DOM.\n \"numberOfLines\",\n]);\n\nfunction shouldForwardProp(key: string): boolean {\n if (ADDITIONAL_BLOCKED_PROPS.has(key)) return false;\n return isPropValid(key);\n}\n\n/**\n * Creates a React component that renders the given HTML tag\n * but filters out non-HTML props before they reach the DOM.\n *\n * Uses @emotion/is-prop-valid (same library styled-components v4\n * uses internally) to automatically block invalid HTML attributes,\n * plus a small blocklist for false positives (RN on* handlers, SVG attrs).\n *\n * Usage: `const FilteredDiv = createFilteredElement(\"div\");`\n * Then: `const StyledBox = styled(FilteredDiv)<BoxProps>\\`...\\`;`\n *\n * styled-components can still read ALL props for CSS interpolation,\n * but only valid HTML attributes are forwarded to the DOM element.\n */\nexport function createFilteredElement(defaultTag: string) {\n const Component = React.forwardRef<HTMLElement, Record<string, unknown>>(\n ({ children, elementType, ...props }, ref) => {\n const Tag = (elementType as string) || defaultTag;\n const htmlProps: Record<string, unknown> = {};\n for (const key of Object.keys(props)) {\n if (shouldForwardProp(key)) {\n htmlProps[key] = props[key];\n }\n }\n return React.createElement(\n Tag,\n { ref, ...htmlProps },\n children as React.ReactNode\n );\n }\n );\n Component.displayName = `Filtered(${defaultTag})`;\n return Component;\n}\n","function memoize(fn) {\n var cache = {};\n return function (arg) {\n if (cache[arg] === undefined) cache[arg] = fn(arg);\n return cache[arg];\n };\n}\n\nexport default memoize;\n","import memoize from '@emotion/memoize';\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar index = memoize(function (prop) {\n return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n /* o */\n && prop.charCodeAt(1) === 110\n /* n */\n && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport default index;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\nimport { truncationStyles } from \"./textTruncation\";\n\nconst FilteredSpan = createFilteredElement(\"span\");\n\nconst StyledText = styled(FilteredSpan)<TextProps>`\n color: ${(props) => props.color || \"inherit\"};\n font-size: ${(props) =>\n typeof props.fontSize === \"number\"\n ? `${props.fontSize}px`\n : props.fontSize || \"inherit\"};\n font-weight: ${(props) => props.fontWeight || \"normal\"};\n font-family: ${(props) =>\n props.fontFamily ||\n '\"Aktiv Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif'};\n line-height: ${(props) =>\n typeof props.lineHeight === \"number\"\n ? `${props.lineHeight}px`\n : props.lineHeight || \"inherit\"};\n white-space: ${(props) => props.whiteSpace || \"normal\"};\n text-align: ${(props) => props.textAlign || \"inherit\"};\n text-decoration: ${(props) => props.textDecoration || \"none\"};\n\n /* Keep last: single-line truncation has to win over white-space above. */\n ${(props) => truncationStyles(props.numberOfLines)}\n`;\n\nexport const Text: React.FC<TextProps> = ({\n style,\n className,\n id,\n role,\n testID,\n \"data-testid\": dataTestId,\n ...props\n}) => {\n return (\n <StyledText\n {...props}\n style={style}\n className={className}\n id={id}\n role={role}\n data-testid={dataTestId || testID}\n />\n );\n};\n","/**\n * Web implementation of the cross-platform `numberOfLines` text prop.\n *\n * Native maps `numberOfLines` straight onto `RNText`. A web `<span>` has no\n * equivalent, so emit the CSS that produces the same result.\n *\n * Two details matter for the single-line case:\n * - `text-overflow` only takes effect on a block container, so the inline\n * `<span>` is promoted to `display: block` and capped at `max-width: 100%`.\n * - `min-width: 0` lets the text shrink below its own content width when it\n * sits in a flex row. Without it a `nowrap` label keeps its full intrinsic\n * width and pushes its siblings (icons, chevrons) out of a fixed-width field.\n *\n * Returns an empty string when there is nothing to clamp, so the declaration\n * block stays untouched for the majority of callers.\n */\nexport const truncationStyles = (numberOfLines?: number): string => {\n if (!numberOfLines || numberOfLines < 1) return \"\";\n\n if (numberOfLines === 1) {\n return `\n display: block;\n max-width: 100%;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `;\n }\n\n return `\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ${numberOfLines};\n line-clamp: ${numberOfLines};\n max-width: 100%;\n min-width: 0;\n overflow: hidden;\n `;\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { IconProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\n\nconst FilteredDiv = createFilteredElement(\"div\");\n\nconst StyledIcon = styled(FilteredDiv)<IconProps>`\n display: flex;\n align-items: center;\n justify-content: center;\n width: ${(props) =>\n typeof props.size === \"number\" ? `${props.size}px` : props.size || \"24px\"};\n height: ${(props) =>\n typeof props.size === \"number\" ? `${props.size}px` : props.size || \"24px\"};\n color: ${(props) => props.color || \"currentColor\"};\n\n /* Icons paint themselves — each icon's own SVG sets its fill/stroke\n (icons-base via inline \"fill: currentColor\", Lucide via \"fill\"/\"stroke\"\n attributes). Do not add fill/stroke here: it re-strokes fill-based icons\n and thickens the glyph. See FEP-877. */\n svg {\n width: 100%;\n height: 100%;\n }\n`;\n\nexport const Icon: React.FC<IconProps> = ({\n children,\n testID,\n \"data-testid\": dataTestId,\n ...props\n}) => {\n return (\n <StyledIcon data-testid={dataTestId || testID} {...props}>\n {children}\n </StyledIcon>\n );\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = true;\nexport const isNative = false;\n","import React, { forwardRef, useRef } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Icon } from \"@xsolla/xui-primitives\";\nimport { useResolvedTheme } from \"@xsolla/xui-core\";\nimport {\n ChevronDown,\n ChevronUp,\n Remove,\n ExclamationMarkCr,\n} from \"@xsolla/xui-icons-base\";\nimport { useMultiSelectControl } from \"./useMultiSelectControl\";\nimport type { MultiSelectControlProps } from \"./types\";\n\nexport const MultiSelectControl = forwardRef<\n HTMLDivElement,\n MultiSelectControlProps\n>(\n (\n {\n variant = \"tag\",\n flexible = true,\n onClick,\n removeValue,\n removeAllValues,\n size = \"md\",\n state: externalState,\n isError = false,\n isOpen = false,\n isFocus = false,\n stateList,\n selectedItems,\n removeTagsButtons = true,\n placeholder = \"Select\",\n iconLeft,\n iconRight,\n disabled = false,\n extraClear = false,\n width,\n themeMode,\n themeProductContext,\n },\n ref\n ) => {\n const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n const sizeStyles = theme.sizing.input(size);\n const inputColors = theme.colors.control.input;\n\n const state = externalState || (disabled ? \"disable\" : \"default\");\n const isDisable = state === \"disable\" || disabled;\n\n const containerRef = useRef<HTMLDivElement>(null);\n\n const { itemsRef, selectedContent, isCalculating } = useMultiSelectControl({\n variant,\n flexible,\n size,\n stateList,\n selectedItems,\n removeValue,\n placeholder,\n removeTagsButtons,\n disabled: isDisable,\n isCanBeCleared: Boolean(extraClear && selectedItems.length),\n containerRef,\n });\n\n const tagItemsGap = { xs: 4, sm: 4, md: 6, lg: 8, xl: 10 }[size];\n\n let backgroundColor = inputColors.bg;\n let borderColor = inputColors.border;\n\n if (isDisable) {\n backgroundColor = inputColors.bgDisable;\n borderColor = inputColors.borderDisable;\n } else if (isError) {\n borderColor = theme.colors.border.alert;\n } else if (isFocus || isOpen) {\n backgroundColor = theme.colors.control.focus.bg;\n borderColor = theme.colors.border.brand;\n } else if (state === \"hover\") {\n backgroundColor = inputColors.bgHover;\n borderColor = inputColors.borderHover;\n }\n\n const iconColor = isDisable ? inputColors.textDisable : inputColors.placeholder;\n\n return (\n <Box\n ref={ref}\n width={width}\n backgroundColor={backgroundColor}\n borderColor={borderColor}\n borderWidth={borderColor !== \"transparent\" ? 1 : 0}\n borderRadius={sizeStyles.radius}\n paddingVertical={sizeStyles.paddingVertical}\n paddingHorizontal={sizeStyles.paddingHorizontal}\n minHeight={sizeStyles.height}\n flexDirection=\"row\"\n alignItems=\"center\"\n gap={8}\n style={{\n cursor: isDisable ? \"not-allowed\" : onClick ? \"pointer\" : \"default\",\n boxSizing: \"border-box\",\n height: flexible ? \"auto\" : sizeStyles.height,\n position: \"relative\",\n zIndex: isOpen ? 1000 : undefined,\n }}\n onPress={isDisable ? undefined : onClick}\n hoverStyle={\n !isDisable && onClick && !isFocus && !isOpen && !isError\n ? {\n backgroundColor: inputColors.bgHover,\n borderColor: inputColors.borderHover,\n }\n : undefined\n }\n >\n <Box\n ref={containerRef}\n flex={1}\n flexDirection=\"row\"\n alignItems=\"center\"\n gap={8}\n style={{ minWidth: 0 }}\n >\n {iconLeft && (\n <Icon size={sizeStyles.iconSize} color={iconColor} variant=\"line\">\n {iconLeft}\n </Icon>\n )}\n <Box\n ref={itemsRef}\n flex={1}\n flexDirection=\"row\"\n flexWrap={flexible ? \"wrap\" : \"nowrap\"}\n alignItems=\"center\"\n gap={variant === \"tag\" ? tagItemsGap : 4}\n style={{ overflow: \"hidden\", opacity: isCalculating ? 0 : 1 }}\n >\n {selectedContent}\n </Box>\n </Box>\n\n <Box flexDirection=\"row\" alignItems=\"center\" gap={4}>\n {extraClear && selectedItems.length > 0 && !isDisable && (\n <Box\n onPress={(e: React.MouseEvent) => {\n e.stopPropagation();\n removeAllValues();\n }}\n style={{ cursor: \"pointer\" }}\n >\n <Remove size={18} color={iconColor} variant=\"line\" />\n </Box>\n )}\n {isError && (\n <ExclamationMarkCr size={18} color={theme.colors.content.alert.primary} />\n )}\n {iconRight ? (\n iconRight\n ) : isOpen ? (\n <ChevronUp size={18} color={iconColor} variant=\"line\" />\n ) : (\n <ChevronDown size={18} color={iconColor} variant=\"line\" />\n )}\n </Box>\n </Box>\n );\n }\n);\n\nMultiSelectControl.displayName = \"MultiSelectControl\";\n","import React, {\n useEffect,\n useMemo,\n useRef,\n useState,\n type ReactNode,\n} from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text } from \"@xsolla/xui-primitives\";\nimport { Tag } from \"@xsolla/xui-tag\";\nimport { useResolvedTheme, type ThemeOverrideProps } from \"@xsolla/xui-core\";\nimport type {\n MultiSelectOption,\n MultiSelectSize,\n MultiSelectVariant,\n} from \"./types\";\n\nexport enum DisplayState {\n Placeholder,\n PreRender,\n Calculation,\n Render,\n}\n\ninterface SavedWidths {\n tagsWidths: Record<string | number, number>;\n countItemWidth: number;\n columnGap: number;\n dependencies: {\n stateList: Array<string | number>;\n variant: MultiSelectVariant;\n size: MultiSelectSize;\n removeTagsButtons: boolean;\n /** Which options are locked — a locked tag drops its remove button, so it measures narrower. */\n lockedList: Array<string | number>;\n };\n}\n\nconst COUNT_ITEM_VALUE = \"count-item\" as const;\n\ninterface UseMultiSelectControlProps extends ThemeOverrideProps {\n variant: MultiSelectVariant;\n flexible: boolean;\n size: MultiSelectSize;\n stateList: MultiSelectOption[];\n selectedItems: MultiSelectOption[];\n removeValue: (value: string | number, event?: React.MouseEvent) => void;\n placeholder?: string;\n removeTagsButtons: boolean;\n disabled?: boolean;\n isCanBeCleared?: boolean;\n containerRef: React.RefObject<HTMLDivElement>;\n}\n\nexport const useMultiSelectControl = ({\n variant,\n flexible,\n size,\n stateList,\n selectedItems,\n removeValue,\n placeholder,\n removeTagsButtons,\n disabled,\n containerRef,\n themeMode,\n themeProductContext,\n}: UseMultiSelectControlProps) => {\n const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n\n const displayStateRef = useRef<DisplayState>(DisplayState.Placeholder);\n const savedWidthsRef = useRef<SavedWidths | null>(null);\n\n const itemsRef = useRef<HTMLDivElement>(null);\n const [itemsWidth, setItemsWidth] = useState(0);\n const [selectedContent, setSelectedContent] = useState<ReactNode | null>(\n null\n );\n\n const isPlaceholder = !selectedItems || selectedItems.length === 0;\n\n // Observe container width (parent of items, respects width constraints)\n useEffect(() => {\n if (!containerRef.current) return;\n\n let rafId: number | null = null;\n\n const syncItemsWidth = () => {\n rafId = null;\n if (!containerRef.current) return;\n\n const width = containerRef.current.getBoundingClientRect().width;\n setItemsWidth((prev) => (prev === width ? prev : width));\n };\n\n const scheduleWidthSync = () => {\n if (rafId != null) return;\n rafId = requestAnimationFrame(syncItemsWidth);\n };\n\n const resizeObserver = new ResizeObserver(scheduleWidthSync);\n resizeObserver.observe(containerRef.current);\n\n return () => {\n if (rafId != null) cancelAnimationFrame(rafId);\n resizeObserver.disconnect();\n };\n }, [containerRef]);\n\n const widthsDependencies = useMemo(\n () => ({\n stateList: stateList.map((item) => item.value),\n variant,\n size,\n removeTagsButtons,\n lockedList: stateList\n .filter((item) => item.removable === false)\n .map((item) => item.value),\n }),\n [stateList, variant, size, removeTagsButtons]\n );\n\n const isWidthsDependenciesChanged = () => {\n const prev = savedWidthsRef.current?.dependencies;\n if (!prev) return true;\n if (prev.variant !== widthsDependencies.variant) return true;\n if (prev.size !== widthsDependencies.size) return true;\n if (prev.removeTagsButtons !== widthsDependencies.removeTagsButtons)\n return true;\n if (prev.stateList.length !== widthsDependencies.stateList.length)\n return true;\n if (prev.lockedList.length !== widthsDependencies.lockedList.length)\n return true;\n\n let i = 0;\n for (const v of prev.stateList) {\n if (v !== widthsDependencies.stateList[i]) return true;\n i++;\n }\n\n let j = 0;\n for (const v of prev.lockedList) {\n if (v !== widthsDependencies.lockedList[j]) return true;\n j++;\n }\n\n return false;\n };\n\n const setPlaceholder = () => {\n setSelectedContent(\n <Text\n color={theme.colors.control.input.placeholder}\n fontSize={theme.sizing.input(size).fontSize}\n >\n {placeholder}\n </Text>\n );\n };\n\n const countPossibleItemsCount = (widths: SavedWidths | null) => {\n if (!widths || !selectedItems?.length) return 0;\n\n const itemsAvailableSpace = itemsRef.current?.clientWidth || 0;\n if (!itemsAvailableSpace) return 0;\n\n const { tagsWidths, countItemWidth, columnGap } = widths;\n\n const countPossibleItems = (availableSpace: number) => {\n let remaining = availableSpace;\n let count = 0;\n let isFirst = true;\n\n for (const item of selectedItems) {\n if (!isFirst) remaining -= columnGap;\n isFirst = false;\n\n const width = tagsWidths[item.value] ?? 0;\n remaining -= width;\n\n if (remaining < 0) break;\n count++;\n }\n\n return count;\n };\n\n // First try without \"+N\"\n let possibleCount = countPossibleItems(itemsAvailableSpace);\n\n // If not all items fit, reserve space for \"+N\" tag and retry\n if (possibleCount !== selectedItems.length) {\n possibleCount = countPossibleItems(\n itemsAvailableSpace - countItemWidth - columnGap\n );\n }\n\n return possibleCount;\n };\n\n const setItemsRender = () => {\n const itemsList =\n displayStateRef.current === DisplayState.PreRender\n ? stateList\n : selectedItems;\n\n const showAll =\n displayStateRef.current === DisplayState.PreRender || flexible;\n\n const displayedItemsCount = showAll\n ? itemsList.length\n : countPossibleItemsCount(savedWidthsRef.current);\n\n // always show at least 1 item\n const displayedItems = itemsList.slice(0, displayedItemsCount || 1);\n\n const hasHidden =\n displayStateRef.current === DisplayState.PreRender ||\n itemsList.length - displayedItems.length > 0;\n\n if (hasHidden) {\n const countText =\n displayStateRef.current === DisplayState.PreRender\n ? `+${itemsList.length}`\n : `+${itemsList.length - displayedItems.length}`;\n\n displayedItems.push({ value: COUNT_ITEM_VALUE, label: countText });\n }\n\n const content: ReactNode[] = displayedItems.map((item, index) => {\n const isCount = item.value === COUNT_ITEM_VALUE;\n // Per-option opt-out: a locked option keeps its tag but loses the remove\n // affordance entirely (no ✕, and clicking the tag does nothing).\n const isLocked = !isCount && item.removable === false;\n const canRemove = !isCount && !isLocked;\n\n const isReducable =\n (index === 0 &&\n displayStateRef.current === DisplayState.Render &&\n displayedItemsCount === 0) ||\n flexible;\n\n if (variant === \"tag\") {\n return (\n <Box\n key={item.value}\n onPress={\n canRemove\n ? (e: React.MouseEvent) => {\n e.stopPropagation();\n if (!disabled) removeValue(item.value, e);\n }\n : undefined\n }\n style={{\n minWidth: isReducable ? 0 : \"fit-content\",\n opacity: disabled ? 0.5 : 1,\n cursor: isLocked\n ? \"default\"\n : disabled || isCount\n ? \"not-allowed\"\n : \"pointer\",\n }}\n >\n <Tag\n size={size}\n tone=\"primary\"\n onRemove={\n removeTagsButtons && canRemove\n ? (e?: React.MouseEvent) => {\n e?.stopPropagation();\n if (!disabled) removeValue(item.value, e);\n }\n : undefined\n }\n >\n {item.label}\n </Tag>\n </Box>\n );\n }\n\n // Text variant\n const isCountItem = hasHidden;\n const needsComma =\n index < displayedItems.length - 2 ||\n (index < displayedItems.length - 1 && !isCountItem);\n\n return (\n <Text\n key={item.value}\n color={theme.colors.content.primary}\n fontSize={theme.sizing.input(size).fontSize}\n numberOfLines={1}\n style={{\n display: \"inline\",\n whiteSpace: \"nowrap\",\n overflow: isReducable ? \"hidden\" : undefined,\n textOverflow: isReducable ? \"ellipsis\" : undefined,\n opacity: disabled ? 0.5 : 1,\n cursor: disabled || isCount ? \"not-allowed\" : \"default\",\n }}\n >\n {item.label}\n {needsComma ? \", \" : \" \"}\n </Text>\n );\n });\n\n setSelectedContent(content);\n\n if (displayStateRef.current === DisplayState.PreRender) {\n displayStateRef.current = DisplayState.Calculation;\n }\n };\n\n const getWidths = () => {\n if (!itemsRef.current || !containerRef.current) return;\n\n const allItems = Array.from(itemsRef.current.children) as HTMLElement[];\n if (allItems.length === 0) return;\n\n const countEl = allItems[allItems.length - 1];\n const countItemWidth = countEl.getBoundingClientRect().width;\n\n const columnGap =\n parseInt(getComputedStyle(itemsRef.current).columnGap || \"0\", 10) || 0;\n\n const tagsWidths: Record<string | number, number> = {};\n let index = 0;\n\n for (const el of allItems) {\n const key =\n index < allItems.length - 1 ? stateList[index].value : COUNT_ITEM_VALUE;\n\n tagsWidths[key] = el.getBoundingClientRect().width;\n index++;\n }\n\n savedWidthsRef.current = {\n tagsWidths,\n countItemWidth,\n columnGap,\n dependencies: widthsDependencies,\n };\n\n displayStateRef.current = DisplayState.Render;\n setItemsRender();\n };\n\n // Main flow\n useEffect(() => {\n if (isPlaceholder) {\n displayStateRef.current = DisplayState.Placeholder;\n setPlaceholder();\n return;\n }\n\n if (flexible) {\n // Flexible mode never needs cached widths\n savedWidthsRef.current = null;\n displayStateRef.current = DisplayState.Render;\n setItemsRender();\n return;\n }\n\n // Fixed mode: measure if missing or deps changed\n const needsMeasurement =\n !savedWidthsRef.current || isWidthsDependenciesChanged();\n\n if (needsMeasurement) {\n // Wait for ResizeObserver to set width\n if (itemsWidth === 0) return;\n\n displayStateRef.current = DisplayState.PreRender;\n setItemsRender(); // render all for measurement\n return;\n }\n\n displayStateRef.current = DisplayState.Render;\n setItemsRender();\n }, [\n isPlaceholder,\n placeholder,\n flexible,\n disabled,\n selectedItems,\n variant,\n size,\n removeTagsButtons,\n itemsWidth,\n widthsDependencies,\n stateList,\n ]);\n\n // Measure after PreRender render paints\n useEffect(() => {\n if (displayStateRef.current !== DisplayState.Calculation) return;\n\n const rafId = requestAnimationFrame(() => {\n if (displayStateRef.current === DisplayState.Calculation) {\n getWidths();\n }\n });\n\n return () => cancelAnimationFrame(rafId);\n }, [selectedContent]);\n\n return {\n itemsRef,\n displayStateRef,\n selectedContent,\n isCalculating:\n displayStateRef.current === DisplayState.PreRender ||\n displayStateRef.current === DisplayState.Calculation,\n };\n};\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { MultiSelectOption, MultiSelectValue } from \"./types\";\n\ninterface UseMultiSelectProps {\n options: MultiSelectOption[];\n value?: MultiSelectValue;\n onChange?: (values: MultiSelectValue) => void;\n}\n\ninterface MultiSelectState {\n values: MultiSelectValue;\n selectedItems: MultiSelectOption[];\n isOpen: boolean;\n}\n\nconst initialState: MultiSelectState = {\n values: [],\n selectedItems: [],\n isOpen: false,\n};\n\n/** An option is locked when it opted out of removal via `removable: false`. */\nconst isLockedOption = (option: MultiSelectOption) => option.removable === false;\n\nexport const useMultiSelect = ({\n options,\n value = [],\n onChange,\n}: UseMultiSelectProps) => {\n const [state, setState] = useState<MultiSelectState>(initialState);\n const optionsRef = useRef(options);\n // Mirrors state.values so the callbacks below can read the current selection\n // without taking it as a dependency (keeps their identity stable).\n const valuesRef = useRef<MultiSelectValue>(value);\n\n useEffect(() => {\n optionsRef.current = options;\n }, [options]);\n\n useEffect(() => {\n valuesRef.current = state.values;\n }, [state.values]);\n\n // Sync value prop with internal state\n useEffect(() => {\n const selectedItems = options.filter((opt) => value.includes(opt.value));\n\n setState((prevState) => ({\n ...prevState,\n values: value,\n selectedItems,\n }));\n }, [options, value]);\n\n /** Locked options that are part of the current selection and must survive. */\n const getLockedSelectedValues = () =>\n optionsRef.current\n .filter(\n (opt) => isLockedOption(opt) && valuesRef.current.includes(opt.value)\n )\n .map((opt) => opt.value);\n\n const onChoose = useCallback(\n (selectedIds: string[]) => {\n const lockedValues = getLockedSelectedValues();\n\n // Extract values that correspond to the selected IDs. Filtering over\n // `options` keeps the result ordered and de-duplicated even when a locked\n // value is also present in `selectedIds`.\n const newValues = optionsRef.current\n .filter(\n (opt) =>\n selectedIds.includes(String(opt.value)) ||\n lockedValues.includes(opt.value)\n )\n .map((opt) => opt.value);\n\n const newSelectedItems = optionsRef.current.filter((opt) =>\n newValues.includes(opt.value)\n );\n\n setState((prevState) => ({\n ...prevState,\n values: newValues,\n selectedItems: newSelectedItems,\n }));\n\n onChange?.(newValues);\n },\n [onChange]\n );\n\n const onRemove = useCallback(\n (value: string | number, event?: React.MouseEvent) => {\n event?.stopPropagation();\n\n const option = optionsRef.current.find((opt) => opt.value === value);\n if (option && isLockedOption(option)) return;\n\n setState((prev) => {\n const newValues = prev.values.filter((v) => v !== value);\n const newSelectedItems = optionsRef.current.filter((opt) =>\n newValues.includes(opt.value)\n );\n onChange?.(newValues);\n return {\n ...prev,\n values: newValues,\n selectedItems: newSelectedItems,\n };\n });\n },\n [onChange]\n );\n\n const onRemoveAll = useCallback(() => {\n // Clear-all still honours locked options.\n const keptValues = getLockedSelectedValues();\n const keptItems = optionsRef.current.filter((opt) =>\n keptValues.includes(opt.value)\n );\n\n setState((prevState) => ({\n ...prevState,\n values: keptValues,\n selectedItems: keptItems,\n }));\n\n onChange?.(keptValues);\n }, [onChange]);\n\n const onSelectClick = useCallback(() => {\n setState((prevState) => ({\n ...prevState,\n isOpen: !prevState.isOpen,\n }));\n }, []);\n\n const onClose = useCallback(() => {\n setState((prevState) => ({\n ...prevState,\n isOpen: false,\n }));\n }, []);\n\n return {\n values: state.values,\n stateList: options,\n selectedItems: state.selectedItems,\n isOpen: state.isOpen,\n onChoose,\n onSelectClick,\n onRemove,\n onRemoveAll,\n onClose,\n };\n};\n","import { ReactNode, useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\ninterface PortalProps {\n children: ReactNode;\n}\n\nexport const Portal = ({ children }: PortalProps) => {\n const [mountNode, setMountNode] = useState<HTMLElement | null>(null);\n\n useEffect(() => setMountNode(document.body), []);\n\n if (!mountNode) return null;\n\n return createPortal(children, mountNode);\n};\n"],"mappings":"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","names":["forwardRef","useRef","useEffect","useState","React","Tag","React","styled","jsx","styled","styled","jsx","FilteredDiv","styled","useResolvedTheme","useRef","useResolvedTheme","jsx","jsx","index","jsx","jsxs","useResolvedTheme","useRef","useEffect","useRef","useState","value","useEffect","useState","jsx","jsxs","forwardRef","useResolvedTheme","useRef","useState","useEffect"]}