@xsolla/xui-multi-select 0.216.1 → 0.218.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 (14) hide show
  1. package/README.md +82 -3
  2. package/native/index.d.mts +43 -2
  3. package/native/index.d.ts +43 -2
  4. package/native/index.js +90 -16
  5. package/native/index.js.map +1 -1
  6. package/native/index.mjs +90 -16
  7. package/native/index.mjs.map +1 -1
  8. package/package.json +7 -7
  9. package/web/index.d.mts +43 -2
  10. package/web/index.d.ts +43 -2
  11. package/web/index.js +90 -16
  12. package/web/index.js.map +1 -1
  13. package/web/index.mjs +90 -16
  14. package/web/index.mjs.map +1 -1
package/native/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/index.tsx","../../src/MultiSelect.tsx","../../../../foundation/primitives-native/src/Box.tsx","../../../../foundation/primitives-native/src/Text.tsx","../../../../foundation/primitives-native/src/Icon.tsx","../../../../foundation/primitives-native/src/index.tsx","../../src/MultiSelectControl.tsx","../../src/useMultiSelectControl.tsx","../../src/useMultiSelect.ts","../../src/Portal.native.tsx"],"sourcesContent":["export { MultiSelect } from \"./MultiSelect\";\nexport type {\n MultiSelectProps,\n MultiSelectOption,\n MultiSelectValue,\n MultiSelectVariant,\n MultiSelectSize,\n MultiSelectState,\n MultiSelectOptionOverflow,\n} from \"./types\";\n","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\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 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 menuItems = filteredOptions.map((opt) => {\n const id = String(opt.value);\n const checked = values.map(String).includes(id);\n return {\n id,\n children: opt.label,\n checked,\n disabled: opt.disabled,\n };\n });\n\n const handleItemToggle = (id: string, checked: boolean) => {\n const value = options.find((opt) => String(opt.value) === id)?.value;\n if (value === undefined) return;\n\n const newValues = checked\n ? [...values, value]\n : values.filter((v) => v !== value);\n\n onChoose(newValues.map(String));\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 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 {/* Options list - scrollable */}\n <Box\n paddingVertical={4}\n style={{\n maxHeight: searchable ? maxHeight - 60 : maxHeight,\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\n return (\n <Box\n testID={testID}\n key={item.id}\n paddingHorizontal={sizeStyles.paddingHorizontal}\n paddingVertical={8}\n onPress={() => {\n if (!item.disabled) {\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 ? \"not-allowed\" : \"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 {\n View,\n Pressable,\n Image,\n ViewStyle,\n ImageStyle,\n DimensionValue,\n AnimatableNumericValue,\n AccessibilityRole,\n} from \"react-native\";\nimport { BoxProps } from \"@xsolla/xui-primitives-core\";\n\nconst roleToAccessibilityRole: Record<string, AccessibilityRole> = {\n button: \"button\",\n link: \"link\",\n img: \"image\",\n image: \"image\",\n summary: \"summary\",\n switch: \"switch\",\n checkbox: \"checkbox\",\n radio: \"radio\",\n heading: \"header\",\n text: \"text\",\n search: \"search\",\n alert: \"alert\",\n none: \"none\",\n presentation: \"none\",\n progressbar: \"progressbar\",\n scrollbar: \"scrollbar\",\n adjustable: \"adjustable\",\n tab: \"tab\",\n menu: \"menu\",\n menuitem: \"menuitem\",\n list: \"list\",\n timer: \"timer\",\n};\n\n/** RN ViewStyle.gap is typed as number (Yoga gap), not DimensionValue. */\nconst toGapValue = (gap: number | string | undefined): number | undefined => {\n if (gap === undefined) return undefined;\n if (typeof gap === \"number\") return gap;\n const pxMatch = /^(\\d+(?:\\.\\d+)?)px$/.exec(gap);\n if (pxMatch) return Number(pxMatch[1]);\n const asNumber = Number(gap);\n return Number.isFinite(asNumber) ? asNumber : undefined;\n};\n\nexport const Box: React.FC<BoxProps> = ({\n children,\n onPress,\n onLayout,\n onMoveShouldSetResponder,\n onResponderGrant,\n onResponderMove,\n onResponderRelease,\n onResponderTerminate,\n backgroundColor,\n borderColor,\n borderWidth,\n borderBottomWidth,\n borderBottomColor,\n borderTopWidth,\n borderTopColor,\n borderLeftWidth,\n borderLeftColor,\n borderRightWidth,\n borderRightColor,\n borderRadius,\n borderStyle,\n height,\n padding,\n paddingHorizontal,\n paddingVertical,\n margin,\n marginTop,\n marginBottom,\n marginLeft,\n marginRight,\n flexDirection,\n flexWrap,\n alignItems,\n justifyContent,\n alignSelf,\n position,\n top,\n bottom,\n left,\n right,\n width,\n minWidth,\n minHeight,\n maxWidth,\n maxHeight,\n flex,\n flexShrink,\n gap,\n overflow,\n opacity,\n zIndex,\n hoverStyle,\n pressStyle,\n style,\n disabled,\n \"data-testid\": dataTestId,\n testID,\n as,\n src,\n alt,\n ...rest\n}) => {\n const getContainerStyle = (pressed?: boolean): ViewStyle => ({\n backgroundColor:\n pressed && pressStyle?.backgroundColor\n ? pressStyle.backgroundColor\n : backgroundColor,\n borderColor,\n borderWidth,\n borderBottomWidth,\n borderBottomColor,\n borderTopWidth,\n borderTopColor,\n borderLeftWidth,\n borderLeftColor,\n borderRightWidth,\n borderRightColor,\n borderRadius: borderRadius as AnimatableNumericValue,\n borderStyle: borderStyle as ViewStyle[\"borderStyle\"],\n overflow,\n opacity: opacity ?? (disabled ? 0.5 : undefined),\n zIndex,\n height: height as DimensionValue,\n width: width as DimensionValue,\n minWidth: minWidth as DimensionValue,\n minHeight: minHeight as DimensionValue,\n maxWidth: maxWidth as DimensionValue,\n maxHeight: maxHeight as DimensionValue,\n padding: padding as DimensionValue,\n paddingHorizontal: paddingHorizontal as DimensionValue,\n paddingVertical: paddingVertical as DimensionValue,\n margin: margin as DimensionValue,\n marginTop: marginTop as DimensionValue,\n marginBottom: marginBottom as DimensionValue,\n marginLeft: marginLeft as DimensionValue,\n marginRight: marginRight as DimensionValue,\n flexDirection,\n flexWrap,\n alignItems,\n justifyContent,\n alignSelf,\n position: position as ViewStyle[\"position\"],\n top: top as DimensionValue,\n bottom: bottom as DimensionValue,\n left: left as DimensionValue,\n right: right as DimensionValue,\n flex,\n flexShrink,\n gap: toGapValue(gap),\n ...(style as ViewStyle),\n });\n\n const finalTestID = dataTestId || testID;\n\n // Map web a11y props; drop the rest of the web-only attributes before\n // spreading onto RN hosts (unknown props warn at runtime).\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const {\n role,\n tabIndex,\n onKeyDown,\n onKeyUp,\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 className,\n \"data-testid\": _dataTestId,\n cursor: _cursor,\n type: _type,\n ...nativeRest\n } = rest as Record<string, unknown>;\n\n const accessibilityRole =\n (typeof role === \"string\" && roleToAccessibilityRole[role]) ||\n (as === \"button\" ? \"button\" : undefined);\n const isDisabled = Boolean(disabled || ariaDisabled);\n const accessibilityState = {\n disabled: isDisabled || undefined,\n busy: Boolean(ariaBusy) || undefined,\n };\n const accessibilityLiveRegion =\n ariaLive === \"polite\" || ariaLive === \"assertive\" ? ariaLive : undefined;\n\n // Handle as=\"img\" for React Native\n if (as === \"img\" && src) {\n const imageStyle: ImageStyle = {\n width: width as DimensionValue,\n height: height as DimensionValue,\n borderRadius: borderRadius as number,\n position: position as ImageStyle[\"position\"],\n top: top as DimensionValue,\n bottom: bottom as DimensionValue,\n left: left as DimensionValue,\n right: right as DimensionValue,\n ...(style as ImageStyle),\n };\n\n return (\n <Image\n source={{ uri: src }}\n style={imageStyle}\n testID={finalTestID}\n accessibilityLabel={typeof ariaLabel === \"string\" ? ariaLabel : alt}\n resizeMode=\"cover\"\n {...nativeRest}\n />\n );\n }\n\n // Prefer Pressable whenever the node is interactive or explicitly a button,\n // so disabled / aria-disabled controls stay in the a11y tree as buttons.\n if (onPress || as === \"button\") {\n return (\n <Pressable\n onPress={!isDisabled && onPress ? onPress : undefined}\n disabled={isDisabled}\n onLayout={onLayout}\n onMoveShouldSetResponder={onMoveShouldSetResponder}\n onResponderGrant={onResponderGrant}\n onResponderMove={onResponderMove}\n onResponderRelease={onResponderRelease}\n onResponderTerminate={onResponderTerminate}\n style={({ pressed }) => getContainerStyle(pressed)}\n testID={finalTestID}\n accessibilityRole={accessibilityRole}\n accessibilityLabel={\n typeof ariaLabel === \"string\" ? ariaLabel : undefined\n }\n accessibilityState={accessibilityState}\n accessibilityLiveRegion={accessibilityLiveRegion}\n {...nativeRest}\n >\n {children}\n </Pressable>\n );\n }\n\n return (\n <View\n style={getContainerStyle()}\n testID={finalTestID}\n onLayout={onLayout}\n onMoveShouldSetResponder={onMoveShouldSetResponder}\n onResponderGrant={onResponderGrant}\n onResponderMove={onResponderMove}\n onResponderRelease={onResponderRelease}\n onResponderTerminate={onResponderTerminate}\n accessibilityRole={accessibilityRole}\n accessibilityLabel={typeof ariaLabel === \"string\" ? ariaLabel : undefined}\n accessibilityState={accessibilityState}\n accessibilityLiveRegion={accessibilityLiveRegion}\n {...nativeRest}\n >\n {children}\n </View>\n );\n};\n","import React from \"react\";\nimport {\n Text as RNText,\n TextStyle,\n AccessibilityRole,\n StyleSheet,\n} from \"react-native\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\nconst roleMap: Record<string, AccessibilityRole> = {\n alert: \"alert\",\n heading: \"header\",\n button: \"button\",\n link: \"link\",\n text: \"text\",\n};\n\nconst parseNumericValue = (\n value: string | number | undefined\n): number | undefined => {\n if (value === undefined) return undefined;\n if (typeof value === \"number\") return value;\n const parsed = parseFloat(value);\n return isNaN(parsed) ? undefined : parsed;\n};\n\nexport const Text: React.FC<TextProps> = ({\n children,\n color,\n fontSize,\n fontWeight,\n fontFamily,\n textAlign,\n lineHeight,\n numberOfLines,\n id,\n role,\n testID,\n \"data-testid\": dataTestId,\n style: styleProp,\n ...props\n}) => {\n let resolvedFontFamily = fontFamily\n ? fontFamily.split(\",\")[0].replace(/['\"]/g, \"\").trim()\n : undefined;\n\n if (\n resolvedFontFamily === \"Pilat Wide\" ||\n resolvedFontFamily === \"Pilat Wide Bold\" ||\n resolvedFontFamily === \"Aktiv Grotesk\"\n ) {\n resolvedFontFamily = undefined;\n }\n\n const incomingStyle = StyleSheet.flatten(styleProp) as TextStyle | undefined;\n\n const baseStyle: TextStyle = {\n color: color ?? incomingStyle?.color,\n fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n fontWeight: fontWeight as TextStyle[\"fontWeight\"],\n fontFamily: resolvedFontFamily,\n textDecorationLine: props.textDecoration as TextStyle[\"textDecorationLine\"],\n textAlign: textAlign ?? incomingStyle?.textAlign,\n lineHeight: parseNumericValue(lineHeight ?? incomingStyle?.lineHeight),\n marginTop: parseNumericValue(\n incomingStyle?.marginTop as number | string | undefined\n ),\n marginBottom: parseNumericValue(\n incomingStyle?.marginBottom as number | string | undefined\n ),\n };\n\n const accessibilityRole = role ? roleMap[role] : undefined;\n\n return (\n <RNText\n style={baseStyle}\n numberOfLines={numberOfLines}\n testID={dataTestId || testID || id}\n accessibilityRole={accessibilityRole}\n >\n {children}\n </RNText>\n );\n};\n","import React from \"react\";\nimport { View, ViewStyle } from \"react-native\";\nimport { IconProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Icon: React.FC<IconProps> = ({\n children,\n color,\n size,\n testID,\n \"data-testid\": dataTestId,\n}) => {\n const style: ViewStyle = {\n width: typeof size === \"number\" ? size : undefined,\n height: typeof size === \"number\" ? size : undefined,\n alignItems: \"center\",\n justifyContent: \"center\",\n };\n\n // On native, we try to pass the color down to children (like Text primitives)\n // to mimic the CSS inheritance behavior of the web version.\n const childrenWithProps = React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n return React.cloneElement(child, {\n color: child.props.color || color,\n // Also pass size if child seems to be an icon that needs it\n size: child.props.size || size,\n });\n }\n return child;\n });\n\n return (\n <View style={style} testID={dataTestId || testID}>\n {childrenWithProps}\n </View>\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 = false;\nexport const isNative = true;\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 };\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 }),\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\n let i = 0;\n for (const v of prev.stateList) {\n if (v !== widthsDependencies.stateList[i]) return true;\n i++;\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\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 !isCount\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: disabled || isCount ? \"not-allowed\" : \"pointer\",\n }}\n >\n <Tag\n size={size}\n tone=\"primary\"\n onRemove={\n removeTagsButtons && !isCount\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 ? \",\\u00A0\" : \"\\u00A0\"}\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\nexport const useMultiSelect = ({\n options,\n value = [],\n onChange,\n}: UseMultiSelectProps) => {\n const [state, setState] = useState<MultiSelectState>(initialState);\n const optionsRef = useRef(options);\n\n useEffect(() => {\n optionsRef.current = options;\n }, [options]);\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 const onChoose = useCallback(\n (selectedIds: string[]) => {\n // Extract values that correspond to the selected IDs\n const newValues = optionsRef.current\n .filter((opt) => selectedIds.includes(String(opt.value)))\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 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 setState((prevState) => ({\n ...prevState,\n values: [],\n selectedItems: [],\n }));\n\n onChange?.([]);\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 } from \"react\";\n\ninterface PortalProps {\n children: ReactNode;\n}\n\nexport const Portal = ({ children }: PortalProps) => <>{children}</>;\n"],"mappings":"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","names":["import_react","import_react_native","import_jsx_runtime","RNText","import_react_native","import_jsx_runtime","React","import_xui_core","import_xui_icons_base","import_react","import_xui_core","import_react","import_jsx_runtime","import_jsx_runtime","import_react","value","import_jsx_runtime","import_jsx_runtime","value","SearchIcon"]}
1
+ {"version":3,"sources":["../../src/index.tsx","../../src/MultiSelect.tsx","../../../../foundation/primitives-native/src/Box.tsx","../../../../foundation/primitives-native/src/Text.tsx","../../../../foundation/primitives-native/src/Icon.tsx","../../../../foundation/primitives-native/src/index.tsx","../../src/MultiSelectControl.tsx","../../src/useMultiSelectControl.tsx","../../src/useMultiSelect.ts","../../src/Portal.native.tsx"],"sourcesContent":["export { MultiSelect } from \"./MultiSelect\";\nexport type {\n MultiSelectProps,\n MultiSelectOption,\n MultiSelectValue,\n MultiSelectVariant,\n MultiSelectSize,\n MultiSelectState,\n MultiSelectOptionOverflow,\n} from \"./types\";\n","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 {\n View,\n Pressable,\n Image,\n ViewStyle,\n ImageStyle,\n DimensionValue,\n AnimatableNumericValue,\n AccessibilityRole,\n} from \"react-native\";\nimport { BoxProps } from \"@xsolla/xui-primitives-core\";\n\nconst roleToAccessibilityRole: Record<string, AccessibilityRole> = {\n button: \"button\",\n link: \"link\",\n img: \"image\",\n image: \"image\",\n summary: \"summary\",\n switch: \"switch\",\n checkbox: \"checkbox\",\n radio: \"radio\",\n heading: \"header\",\n text: \"text\",\n search: \"search\",\n alert: \"alert\",\n none: \"none\",\n presentation: \"none\",\n progressbar: \"progressbar\",\n scrollbar: \"scrollbar\",\n adjustable: \"adjustable\",\n tab: \"tab\",\n menu: \"menu\",\n menuitem: \"menuitem\",\n list: \"list\",\n timer: \"timer\",\n};\n\n/** RN ViewStyle.gap is typed as number (Yoga gap), not DimensionValue. */\nconst toGapValue = (gap: number | string | undefined): number | undefined => {\n if (gap === undefined) return undefined;\n if (typeof gap === \"number\") return gap;\n const pxMatch = /^(\\d+(?:\\.\\d+)?)px$/.exec(gap);\n if (pxMatch) return Number(pxMatch[1]);\n const asNumber = Number(gap);\n return Number.isFinite(asNumber) ? asNumber : undefined;\n};\n\nexport const Box: React.FC<BoxProps> = ({\n children,\n onPress,\n onLayout,\n onMoveShouldSetResponder,\n onResponderGrant,\n onResponderMove,\n onResponderRelease,\n onResponderTerminate,\n backgroundColor,\n borderColor,\n borderWidth,\n borderBottomWidth,\n borderBottomColor,\n borderTopWidth,\n borderTopColor,\n borderLeftWidth,\n borderLeftColor,\n borderRightWidth,\n borderRightColor,\n borderRadius,\n borderStyle,\n height,\n padding,\n paddingHorizontal,\n paddingVertical,\n margin,\n marginTop,\n marginBottom,\n marginLeft,\n marginRight,\n flexDirection,\n flexWrap,\n alignItems,\n justifyContent,\n alignSelf,\n position,\n top,\n bottom,\n left,\n right,\n width,\n minWidth,\n minHeight,\n maxWidth,\n maxHeight,\n flex,\n flexShrink,\n gap,\n overflow,\n opacity,\n zIndex,\n hoverStyle,\n pressStyle,\n style,\n disabled,\n \"data-testid\": dataTestId,\n testID,\n as,\n src,\n alt,\n ...rest\n}) => {\n const getContainerStyle = (pressed?: boolean): ViewStyle => ({\n backgroundColor:\n pressed && pressStyle?.backgroundColor\n ? pressStyle.backgroundColor\n : backgroundColor,\n borderColor,\n borderWidth,\n borderBottomWidth,\n borderBottomColor,\n borderTopWidth,\n borderTopColor,\n borderLeftWidth,\n borderLeftColor,\n borderRightWidth,\n borderRightColor,\n borderRadius: borderRadius as AnimatableNumericValue,\n borderStyle: borderStyle as ViewStyle[\"borderStyle\"],\n overflow,\n opacity: opacity ?? (disabled ? 0.5 : undefined),\n zIndex,\n height: height as DimensionValue,\n width: width as DimensionValue,\n minWidth: minWidth as DimensionValue,\n minHeight: minHeight as DimensionValue,\n maxWidth: maxWidth as DimensionValue,\n maxHeight: maxHeight as DimensionValue,\n padding: padding as DimensionValue,\n paddingHorizontal: paddingHorizontal as DimensionValue,\n paddingVertical: paddingVertical as DimensionValue,\n margin: margin as DimensionValue,\n marginTop: marginTop as DimensionValue,\n marginBottom: marginBottom as DimensionValue,\n marginLeft: marginLeft as DimensionValue,\n marginRight: marginRight as DimensionValue,\n flexDirection,\n flexWrap,\n alignItems,\n justifyContent,\n alignSelf,\n position: position as ViewStyle[\"position\"],\n top: top as DimensionValue,\n bottom: bottom as DimensionValue,\n left: left as DimensionValue,\n right: right as DimensionValue,\n flex,\n flexShrink,\n gap: toGapValue(gap),\n ...(style as ViewStyle),\n });\n\n const finalTestID = dataTestId || testID;\n\n // Map web a11y props; drop the rest of the web-only attributes before\n // spreading onto RN hosts (unknown props warn at runtime).\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const {\n role,\n tabIndex,\n onKeyDown,\n onKeyUp,\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 className,\n \"data-testid\": _dataTestId,\n cursor: _cursor,\n type: _type,\n ...nativeRest\n } = rest as Record<string, unknown>;\n\n const accessibilityRole =\n (typeof role === \"string\" && roleToAccessibilityRole[role]) ||\n (as === \"button\" ? \"button\" : undefined);\n const isDisabled = Boolean(disabled || ariaDisabled);\n const accessibilityState = {\n disabled: isDisabled || undefined,\n busy: Boolean(ariaBusy) || undefined,\n };\n const accessibilityLiveRegion =\n ariaLive === \"polite\" || ariaLive === \"assertive\" ? ariaLive : undefined;\n\n // Handle as=\"img\" for React Native\n if (as === \"img\" && src) {\n const imageStyle: ImageStyle = {\n width: width as DimensionValue,\n height: height as DimensionValue,\n borderRadius: borderRadius as number,\n position: position as ImageStyle[\"position\"],\n top: top as DimensionValue,\n bottom: bottom as DimensionValue,\n left: left as DimensionValue,\n right: right as DimensionValue,\n ...(style as ImageStyle),\n };\n\n return (\n <Image\n source={{ uri: src }}\n style={imageStyle}\n testID={finalTestID}\n accessibilityLabel={typeof ariaLabel === \"string\" ? ariaLabel : alt}\n resizeMode=\"cover\"\n {...nativeRest}\n />\n );\n }\n\n // Prefer Pressable whenever the node is interactive or explicitly a button,\n // so disabled / aria-disabled controls stay in the a11y tree as buttons.\n if (onPress || as === \"button\") {\n return (\n <Pressable\n onPress={!isDisabled && onPress ? onPress : undefined}\n disabled={isDisabled}\n onLayout={onLayout}\n onMoveShouldSetResponder={onMoveShouldSetResponder}\n onResponderGrant={onResponderGrant}\n onResponderMove={onResponderMove}\n onResponderRelease={onResponderRelease}\n onResponderTerminate={onResponderTerminate}\n style={({ pressed }) => getContainerStyle(pressed)}\n testID={finalTestID}\n accessibilityRole={accessibilityRole}\n accessibilityLabel={\n typeof ariaLabel === \"string\" ? ariaLabel : undefined\n }\n accessibilityState={accessibilityState}\n accessibilityLiveRegion={accessibilityLiveRegion}\n {...nativeRest}\n >\n {children}\n </Pressable>\n );\n }\n\n return (\n <View\n style={getContainerStyle()}\n testID={finalTestID}\n onLayout={onLayout}\n onMoveShouldSetResponder={onMoveShouldSetResponder}\n onResponderGrant={onResponderGrant}\n onResponderMove={onResponderMove}\n onResponderRelease={onResponderRelease}\n onResponderTerminate={onResponderTerminate}\n accessibilityRole={accessibilityRole}\n accessibilityLabel={typeof ariaLabel === \"string\" ? ariaLabel : undefined}\n accessibilityState={accessibilityState}\n accessibilityLiveRegion={accessibilityLiveRegion}\n {...nativeRest}\n >\n {children}\n </View>\n );\n};\n","import React from \"react\";\nimport {\n Text as RNText,\n TextStyle,\n AccessibilityRole,\n StyleSheet,\n} from \"react-native\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\nconst roleMap: Record<string, AccessibilityRole> = {\n alert: \"alert\",\n heading: \"header\",\n button: \"button\",\n link: \"link\",\n text: \"text\",\n};\n\nconst parseNumericValue = (\n value: string | number | undefined\n): number | undefined => {\n if (value === undefined) return undefined;\n if (typeof value === \"number\") return value;\n const parsed = parseFloat(value);\n return isNaN(parsed) ? undefined : parsed;\n};\n\nexport const Text: React.FC<TextProps> = ({\n children,\n color,\n fontSize,\n fontWeight,\n fontFamily,\n textAlign,\n lineHeight,\n numberOfLines,\n id,\n role,\n testID,\n \"data-testid\": dataTestId,\n style: styleProp,\n ...props\n}) => {\n let resolvedFontFamily = fontFamily\n ? fontFamily.split(\",\")[0].replace(/['\"]/g, \"\").trim()\n : undefined;\n\n if (\n resolvedFontFamily === \"Pilat Wide\" ||\n resolvedFontFamily === \"Pilat Wide Bold\" ||\n resolvedFontFamily === \"Aktiv Grotesk\"\n ) {\n resolvedFontFamily = undefined;\n }\n\n const incomingStyle = StyleSheet.flatten(styleProp) as TextStyle | undefined;\n\n const baseStyle: TextStyle = {\n color: color ?? incomingStyle?.color,\n fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n fontWeight: fontWeight as TextStyle[\"fontWeight\"],\n fontFamily: resolvedFontFamily,\n textDecorationLine: props.textDecoration as TextStyle[\"textDecorationLine\"],\n textAlign: textAlign ?? incomingStyle?.textAlign,\n lineHeight: parseNumericValue(lineHeight ?? incomingStyle?.lineHeight),\n marginTop: parseNumericValue(\n incomingStyle?.marginTop as number | string | undefined\n ),\n marginBottom: parseNumericValue(\n incomingStyle?.marginBottom as number | string | undefined\n ),\n };\n\n const accessibilityRole = role ? roleMap[role] : undefined;\n\n return (\n <RNText\n style={baseStyle}\n numberOfLines={numberOfLines}\n testID={dataTestId || testID || id}\n accessibilityRole={accessibilityRole}\n >\n {children}\n </RNText>\n );\n};\n","import React from \"react\";\nimport { View, ViewStyle } from \"react-native\";\nimport { IconProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Icon: React.FC<IconProps> = ({\n children,\n color,\n size,\n testID,\n \"data-testid\": dataTestId,\n}) => {\n const style: ViewStyle = {\n width: typeof size === \"number\" ? size : undefined,\n height: typeof size === \"number\" ? size : undefined,\n alignItems: \"center\",\n justifyContent: \"center\",\n };\n\n // On native, we try to pass the color down to children (like Text primitives)\n // to mimic the CSS inheritance behavior of the web version.\n const childrenWithProps = React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n return React.cloneElement(child, {\n color: child.props.color || color,\n // Also pass size if child seems to be an icon that needs it\n size: child.props.size || size,\n });\n }\n return child;\n });\n\n return (\n <View style={style} testID={dataTestId || testID}>\n {childrenWithProps}\n </View>\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 = false;\nexport const isNative = true;\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 } from \"react\";\n\ninterface PortalProps {\n children: ReactNode;\n}\n\nexport const Portal = ({ children }: PortalProps) => <>{children}</>;\n"],"mappings":"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","names":["import_react","import_react_native","import_jsx_runtime","RNText","import_react_native","import_jsx_runtime","React","import_xui_core","import_xui_icons_base","import_react","import_xui_core","import_react","import_jsx_runtime","import_jsx_runtime","import_react","value","import_jsx_runtime","import_jsx_runtime","SearchIcon"]}
package/native/index.mjs CHANGED
@@ -426,7 +426,8 @@ var useMultiSelectControl = ({
426
426
  stateList: stateList.map((item) => item.value),
427
427
  variant,
428
428
  size,
429
- removeTagsButtons
429
+ removeTagsButtons,
430
+ lockedList: stateList.filter((item) => item.removable === false).map((item) => item.value)
430
431
  }),
431
432
  [stateList, variant, size, removeTagsButtons]
432
433
  );
@@ -439,11 +440,18 @@ var useMultiSelectControl = ({
439
440
  return true;
440
441
  if (prev.stateList.length !== widthsDependencies.stateList.length)
441
442
  return true;
443
+ if (prev.lockedList.length !== widthsDependencies.lockedList.length)
444
+ return true;
442
445
  let i = 0;
443
446
  for (const v of prev.stateList) {
444
447
  if (v !== widthsDependencies.stateList[i]) return true;
445
448
  i++;
446
449
  }
450
+ let j = 0;
451
+ for (const v of prev.lockedList) {
452
+ if (v !== widthsDependencies.lockedList[j]) return true;
453
+ j++;
454
+ }
447
455
  return false;
448
456
  };
449
457
  const setPlaceholder = () => {
@@ -497,26 +505,28 @@ var useMultiSelectControl = ({
497
505
  }
498
506
  const content = displayedItems.map((item, index) => {
499
507
  const isCount = item.value === COUNT_ITEM_VALUE;
508
+ const isLocked = !isCount && item.removable === false;
509
+ const canRemove = !isCount && !isLocked;
500
510
  const isReducable = index === 0 && displayStateRef.current === 3 /* Render */ && displayedItemsCount === 0 || flexible;
501
511
  if (variant === "tag") {
502
512
  return /* @__PURE__ */ jsx4(
503
513
  Box,
504
514
  {
505
- onPress: !isCount ? (e) => {
515
+ onPress: canRemove ? (e) => {
506
516
  e.stopPropagation();
507
517
  if (!disabled) removeValue(item.value, e);
508
518
  } : void 0,
509
519
  style: {
510
520
  minWidth: isReducable ? 0 : "fit-content",
511
521
  opacity: disabled ? 0.5 : 1,
512
- cursor: disabled || isCount ? "not-allowed" : "pointer"
522
+ cursor: isLocked ? "default" : disabled || isCount ? "not-allowed" : "pointer"
513
523
  },
514
524
  children: /* @__PURE__ */ jsx4(
515
525
  Tag,
516
526
  {
517
527
  size,
518
528
  tone: "primary",
519
- onRemove: removeTagsButtons && !isCount ? (e) => {
529
+ onRemove: removeTagsButtons && canRemove ? (e) => {
520
530
  e?.stopPropagation();
521
531
  if (!disabled) removeValue(item.value, e);
522
532
  } : void 0,
@@ -775,6 +785,7 @@ var initialState = {
775
785
  selectedItems: [],
776
786
  isOpen: false
777
787
  };
788
+ var isLockedOption = (option) => option.removable === false;
778
789
  var useMultiSelect = ({
779
790
  options,
780
791
  value = [],
@@ -782,9 +793,13 @@ var useMultiSelect = ({
782
793
  }) => {
783
794
  const [state, setState] = useState2(initialState);
784
795
  const optionsRef = useRef3(options);
796
+ const valuesRef = useRef3(value);
785
797
  useEffect2(() => {
786
798
  optionsRef.current = options;
787
799
  }, [options]);
800
+ useEffect2(() => {
801
+ valuesRef.current = state.values;
802
+ }, [state.values]);
788
803
  useEffect2(() => {
789
804
  const selectedItems = options.filter((opt) => value.includes(opt.value));
790
805
  setState((prevState) => ({
@@ -793,9 +808,15 @@ var useMultiSelect = ({
793
808
  selectedItems
794
809
  }));
795
810
  }, [options, value]);
811
+ const getLockedSelectedValues = () => optionsRef.current.filter(
812
+ (opt) => isLockedOption(opt) && valuesRef.current.includes(opt.value)
813
+ ).map((opt) => opt.value);
796
814
  const onChoose = useCallback(
797
815
  (selectedIds) => {
798
- const newValues = optionsRef.current.filter((opt) => selectedIds.includes(String(opt.value))).map((opt) => opt.value);
816
+ const lockedValues = getLockedSelectedValues();
817
+ const newValues = optionsRef.current.filter(
818
+ (opt) => selectedIds.includes(String(opt.value)) || lockedValues.includes(opt.value)
819
+ ).map((opt) => opt.value);
799
820
  const newSelectedItems = optionsRef.current.filter(
800
821
  (opt) => newValues.includes(opt.value)
801
822
  );
@@ -811,6 +832,8 @@ var useMultiSelect = ({
811
832
  const onRemove = useCallback(
812
833
  (value2, event) => {
813
834
  event?.stopPropagation();
835
+ const option = optionsRef.current.find((opt) => opt.value === value2);
836
+ if (option && isLockedOption(option)) return;
814
837
  setState((prev) => {
815
838
  const newValues = prev.values.filter((v) => v !== value2);
816
839
  const newSelectedItems = optionsRef.current.filter(
@@ -827,12 +850,16 @@ var useMultiSelect = ({
827
850
  [onChange]
828
851
  );
829
852
  const onRemoveAll = useCallback(() => {
853
+ const keptValues = getLockedSelectedValues();
854
+ const keptItems = optionsRef.current.filter(
855
+ (opt) => keptValues.includes(opt.value)
856
+ );
830
857
  setState((prevState) => ({
831
858
  ...prevState,
832
- values: [],
833
- selectedItems: []
859
+ values: keptValues,
860
+ selectedItems: keptItems
834
861
  }));
835
- onChange?.([]);
862
+ onChange?.(keptValues);
836
863
  }, [onChange]);
837
864
  const onSelectClick = useCallback(() => {
838
865
  setState((prevState) => ({
@@ -866,6 +893,8 @@ var Portal = ({ children }) => /* @__PURE__ */ jsx6(Fragment, { children });
866
893
  // src/MultiSelect.tsx
867
894
  import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
868
895
  var EXTERNAL_MENU_MIN_WIDTH_DEFAULT = 540;
896
+ var SEARCH_ROW_HEIGHT = 60;
897
+ var SELECT_ALL_ROW_HEIGHT = 37;
869
898
  var MultiSelect = forwardRef2(
870
899
  ({
871
900
  options,
@@ -892,6 +921,9 @@ var MultiSelect = forwardRef2(
892
921
  searchable = false,
893
922
  searchPlaceholder = "Search",
894
923
  noOptionsMessage = "No results",
924
+ selectAll = false,
925
+ selectAllLabel = "Select all",
926
+ deselectAllLabel = "Deselect all",
895
927
  testID,
896
928
  themeMode,
897
929
  themeProductContext
@@ -943,22 +975,33 @@ var MultiSelect = forwardRef2(
943
975
  const filteredOptions = searchable && searchValue ? options.filter(
944
976
  (opt) => getOptionText(opt).toLowerCase().includes(searchValue.toLowerCase())
945
977
  ) : options;
978
+ const selectedIds = values.map(String);
946
979
  const menuItems = filteredOptions.map((opt) => {
947
980
  const id = String(opt.value);
948
- const checked = values.map(String).includes(id);
981
+ const checked = selectedIds.includes(id);
949
982
  return {
950
983
  id,
951
984
  children: opt.label,
952
985
  checked,
953
- disabled: opt.disabled
986
+ disabled: opt.disabled,
987
+ locked: opt.removable === false
954
988
  };
955
989
  });
956
990
  const handleItemToggle = (id, checked) => {
957
- const value2 = options.find((opt) => String(opt.value) === id)?.value;
958
- if (value2 === void 0) return;
959
- const newValues = checked ? [...values, value2] : values.filter((v) => v !== value2);
991
+ const option = options.find((opt) => String(opt.value) === id);
992
+ if (option === void 0) return;
993
+ if (!checked && option.removable === false) return;
994
+ const newValues = checked ? [...values, option.value] : values.filter((v) => v !== option.value);
960
995
  onChoose(newValues.map(String));
961
996
  };
997
+ const selectAllTargets = filteredOptions.filter((opt) => !opt.disabled);
998
+ const showSelectAll = selectAll && dropdownMenu && selectAllTargets.length > 0;
999
+ const areAllTargetsSelected = showSelectAll && selectAllTargets.every((opt) => selectedIds.includes(String(opt.value)));
1000
+ const handleSelectAllToggle = () => {
1001
+ const targetIds = selectAllTargets.map((opt) => String(opt.value));
1002
+ const nextIds = areAllTargetsSelected ? selectedIds.filter((id) => !targetIds.includes(id)) : Array.from(/* @__PURE__ */ new Set([...selectedIds, ...targetIds]));
1003
+ onChoose(nextIds);
1004
+ };
962
1005
  const controlMenuOpen = dropdownMenu ? isOpen : Boolean(menuOpen);
963
1006
  const controlOnClick = dropdownMenu ? onSelectClick : onTriggerPress;
964
1007
  const isScrollOverflow = optionOverflow === "scroll";
@@ -977,6 +1020,7 @@ var MultiSelect = forwardRef2(
977
1020
  overflow: "hidden",
978
1021
  textOverflow: "ellipsis"
979
1022
  };
1023
+ const optionsListMaxHeight = maxHeight - (searchable ? SEARCH_ROW_HEIGHT : 0) - (showSelectAll ? SELECT_ALL_ROW_HEIGHT : 0);
980
1024
  useEffect3(() => {
981
1025
  if (!isWeb || !controlMenuOpen || isDisable || !dropdownMenu) return;
982
1026
  let rafId = null;
@@ -1110,12 +1154,41 @@ var MultiSelect = forwardRef2(
1110
1154
  )
1111
1155
  }
1112
1156
  ),
1157
+ showSelectAll && /* @__PURE__ */ jsx7(
1158
+ Box,
1159
+ {
1160
+ role: "button",
1161
+ "aria-label": areAllTargetsSelected ? deselectAllLabel : selectAllLabel,
1162
+ testID: testID ? `${testID}-select-all` : void 0,
1163
+ paddingHorizontal: sizeStyles.paddingHorizontal,
1164
+ paddingVertical: 8,
1165
+ borderBottomWidth: 1,
1166
+ borderColor: theme.colors.border.secondary,
1167
+ flexDirection: "row",
1168
+ alignItems: "center",
1169
+ onPress: handleSelectAllToggle,
1170
+ hoverStyle: {
1171
+ backgroundColor: theme.colors.control.input.bgHover
1172
+ },
1173
+ style: { cursor: "pointer" },
1174
+ children: /* @__PURE__ */ jsx7(
1175
+ Text,
1176
+ {
1177
+ color: theme.colors.content.brand.primary,
1178
+ fontSize: sizeStyles.fontSize,
1179
+ fontWeight: "500",
1180
+ numberOfLines: 1,
1181
+ children: areAllTargetsSelected ? deselectAllLabel : selectAllLabel
1182
+ }
1183
+ )
1184
+ }
1185
+ ),
1113
1186
  /* @__PURE__ */ jsx7(
1114
1187
  Box,
1115
1188
  {
1116
1189
  paddingVertical: 4,
1117
1190
  style: {
1118
- maxHeight: searchable ? maxHeight - 60 : maxHeight,
1191
+ maxHeight: optionsListMaxHeight,
1119
1192
  overflowY: "auto",
1120
1193
  overflowX: optionListOverflowX,
1121
1194
  scrollbarWidth: "none"
@@ -1138,6 +1211,7 @@ var MultiSelect = forwardRef2(
1138
1211
  ) : menuItems.map((item, _index) => {
1139
1212
  const brandColors = theme.colors.control.brand.primary;
1140
1213
  const contentColors = theme.colors.content;
1214
+ const isInert = item.locked && item.checked;
1141
1215
  return /* @__PURE__ */ jsx7(
1142
1216
  Box,
1143
1217
  {
@@ -1145,7 +1219,7 @@ var MultiSelect = forwardRef2(
1145
1219
  paddingHorizontal: sizeStyles.paddingHorizontal,
1146
1220
  paddingVertical: 8,
1147
1221
  onPress: () => {
1148
- if (!item.disabled) {
1222
+ if (!item.disabled && !isInert) {
1149
1223
  handleItemToggle(item.id, !item.checked);
1150
1224
  }
1151
1225
  },
@@ -1157,7 +1231,7 @@ var MultiSelect = forwardRef2(
1157
1231
  backgroundColor: theme.colors.control.input.bgHover
1158
1232
  } : void 0,
1159
1233
  style: {
1160
- cursor: item.disabled ? "not-allowed" : "pointer",
1234
+ cursor: item.disabled ? "not-allowed" : isInert ? "default" : "pointer",
1161
1235
  opacity: item.disabled ? 0.5 : 1,
1162
1236
  minWidth: optionRowMinWidth
1163
1237
  },