@tiny-design/react 1.0.4

package/lib/select/option.js

@@ -0,0 +1,50 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_components = require("../_utils/components.js");
+const require_select_context = require("./select-context.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/select/option.tsx
+const SelectOption = (props) => {
+	const { disabled = false, prefixCls: customisedCls, value, label, className, children, ...otherProps } = props;
+	const context = (0, react.useContext)(require_select_context.SelectContext);
+	const isMultiple = context.mode === "multiple" || context.mode === "tags";
+	const isSelected = isMultiple ? Array.isArray(context.value) && context.value.includes(value) : context.value === value;
+	const [active, setActive] = (0, react.useState)(false);
+	const prefixCls = require_general.getPrefixCls("select-option", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className, {
+		[`${prefixCls}_selected`]: isSelected,
+		[`${prefixCls}_active`]: active,
+		[`${prefixCls}_disabled`]: disabled
+	});
+	const onClick = () => {
+		!disabled && context.onSelect(value);
+	};
+	const displayContent = label ?? children;
+	return /* @__PURE__ */ (0, react.createElement)("li", {
+		...otherProps,
+		key: value,
+		role: "option",
+		className: cls,
+		onClick,
+		onMouseEnter: () => setActive(true),
+		onMouseLeave: () => setActive(false),
+		"aria-selected": isSelected,
+		"aria-disabled": disabled
+	}, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: `${prefixCls}__content`,
+		children: displayContent
+	}), isMultiple && isSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: `${prefixCls}__check`,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.Check, { size: 14 })
+	}));
+};
+SelectOption.displayName = "SelectOption";
+//#endregion
+exports.default = SelectOption;
+
+//# sourceMappingURL=option.js.map

package/lib/select/option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option.js","names":["SelectContext","getPrefixCls","ConfigContext","Check"],"sources":["../../src/select/option.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport classNames from 'classnames';\nimport { Check } from '../_utils/components';\nimport { SelectContext } from './select-context';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { SelectOptionsProps } from './types';\n\nconst SelectOption = (props: SelectOptionsProps): React.ReactElement => {\n  const {\n    disabled = false,\n    prefixCls: customisedCls,\n    value,\n    label,\n    className,\n    children,\n    ...otherProps\n  } = props;\n  const context = useContext(SelectContext);\n  const isMultiple = context.mode === 'multiple' || context.mode === 'tags';\n  const isSelected = isMultiple\n    ? Array.isArray(context.value) && context.value.includes(value)\n    : context.value === value;\n  const [active, setActive] = useState(false);\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('select-option', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_selected`]: isSelected,\n    [`${prefixCls}_active`]: active,\n    [`${prefixCls}_disabled`]: disabled,\n  });\n\n  const onClick = (): void => {\n    !disabled && context.onSelect(value);\n  };\n\n  const displayContent = label ?? children;\n\n  return (\n    <li\n      {...otherProps}\n      key={value}\n      role=\"option\"\n      className={cls}\n      onClick={onClick}\n      onMouseEnter={() => setActive(true)}\n      onMouseLeave={() => setActive(false)}\n      aria-selected={isSelected}\n      aria-disabled={disabled}>\n      <span className={`${prefixCls}__content`}>{displayContent}</span>\n      {isMultiple && isSelected && (\n        <span className={`${prefixCls}__check`}>\n          <Check size={14} />\n        </span>\n      )}\n    </li>\n  );\n};\n\nSelectOption.displayName = 'SelectOption';\n\nexport default SelectOption;\n"],"mappings":";;;;;;;;;;;AAQA,MAAM,gBAAgB,UAAkD;CACtE,MAAM,EACJ,WAAW,OACX,WAAW,eACX,OACA,OACA,WACA,UACA,GAAG,eACD;CACJ,MAAM,WAAA,GAAA,MAAA,YAAqBA,uBAAAA,cAAc;CACzC,MAAM,aAAa,QAAQ,SAAS,cAAc,QAAQ,SAAS;CACnE,MAAM,aAAa,aACf,MAAM,QAAQ,QAAQ,MAAM,IAAI,QAAQ,MAAM,SAAS,MAAM,GAC7D,QAAQ,UAAU;CACtB,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAAsB,MAAM;CAE3C,MAAM,YAAYC,gBAAAA,aAAa,kBAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACe,WAAW,cAAc;CACvF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW;GAC1C,GAAG,UAAU,aAAa;GAC1B,GAAG,UAAU,WAAW;GACxB,GAAG,UAAU,aAAa;EAC5B,CAAC;CAEF,MAAM,gBAAsB;AAC1B,GAAC,YAAY,QAAQ,SAAS,MAAM;;CAGtC,MAAM,iBAAiB,SAAS;AAEhC,QACE,iBAAA,GAAA,MAAA,eAAC,MAAD;EACE,GAAI;EACJ,KAAK;EACL,MAAK;EACL,WAAW;EACF;EACT,oBAAoB,UAAU,KAAK;EACnC,oBAAoB,UAAU,MAAM;EACpC,iBAAe;EACf,iBAAe;EAOZ,EANH,iBAAA,GAAA,kBAAA,KAAC,QAAD;EAAM,WAAW,GAAG,UAAU;YAAa;EAAsB,CAAA,EAChE,cAAc,cACb,iBAAA,GAAA,kBAAA,KAAC,QAAD;EAAM,WAAW,GAAG,UAAU;YAC5B,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,OAAD,EAAO,MAAM,IAAM,CAAA;EACd,CAAA,CAEN;;AAIT,aAAa,cAAc"}

package/lib/select/select-context.js

@@ -0,0 +1,12 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region src/select/select-context.tsx
+const SelectContext = react.default.createContext({
+	value: "",
+	onSelect: () => {}
+});
+//#endregion
+exports.SelectContext = SelectContext;
+
+//# sourceMappingURL=select-context.js.map

package/lib/select/select-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-context.js","names":["React"],"sources":["../../src/select/select-context.tsx"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n  value?: string | string[];\n  mode?: 'multiple' | 'tags';\n  searchValue?: string;\n  onSelect: (value: string) => void;\n  prefixCls?: string;\n};\n\nexport const SelectContext = React.createContext<Props>({\n  value: '',\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onSelect: () => {},\n});\n"],"mappings":";;;;AAUA,MAAa,gBAAgBA,MAAAA,QAAM,cAAqB;CACtD,OAAO;CAEP,gBAAgB;CACjB,CAAC"}

package/lib/select/select.d.ts

@@ -0,0 +1,11 @@
+import { SelectProps } from "./types.js";
+import React from "react";
+
+//#region src/select/select.d.ts
+declare const Select: {
+  (props: SelectProps): React.ReactElement;
+  displayName: string;
+};
+//#endregion
+export { Select };
+//# sourceMappingURL=select.d.ts.map

package/lib/select/select.js

@@ -0,0 +1,370 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_components = require("../_utils/components.js");
+const require_hooks = require("../_utils/hooks.js");
+const require_useCombobox = require("../_utils/useCombobox.js");
+const require_index = require("../popup/index.js");
+const require_select_context = require("./select-context.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/select/select.tsx
+const Select = (props) => {
+	const { defaultOpen = false, disabled = false, defaultValue, prefixCls: customisedCls, value, mode, showSearch = false, filterOption = true, onSearch, allowClear = false, loading = false, size, maxTagCount, notFoundContent, options: optionsProp, onChange, onSelect, onDropdownVisibleChange, optionRender, labelRender, placeholder, className, children, dropdownStyle, ...otherProps } = props;
+	const isMultiple = mode === "multiple" || mode === "tags";
+	const defaultVal = defaultValue ?? (isMultiple ? [] : "");
+	const [selectVal, setSelectVal] = (0, react.useState)("value" in props ? value : defaultVal);
+	const [searchValue, setSearchValue] = (0, react.useState)("");
+	const ref = (0, react.useRef)(null);
+	const searchInputRef = (0, react.useRef)(null);
+	const listboxId = (0, react.useId)();
+	const configContext = (0, react.useContext)(require_config_context.ConfigContext);
+	const prefixCls = require_general.getPrefixCls("select", configContext.prefixCls, customisedCls);
+	const selectSize = size || configContext.componentSize || "md";
+	const hasSomeValue = isMultiple ? Array.isArray(selectVal) && selectVal.length > 0 : selectVal !== "" && selectVal !== void 0;
+	const flatOptions = (0, react.useMemo)(() => {
+		if (optionsProp) return optionsProp;
+		const result = [];
+		const extractFromChildren = (nodes) => {
+			react.default.Children.forEach(nodes, (child) => {
+				const el = child;
+				if (!el?.type) return;
+				if (el.type.displayName === "SelectOption") result.push({
+					value: el.props.value,
+					label: el.props.label ?? el.props.children,
+					disabled: !!el.props.disabled
+				});
+				else if (el.type.displayName === "SelectOptGroup") extractFromChildren(el.props.children);
+			});
+		};
+		extractFromChildren(children);
+		return result;
+	}, [optionsProp, children]);
+	const handleSelect = (0, react.useCallback)((optValue) => {
+		if (isMultiple) {
+			const arr = Array.isArray(selectVal) ? selectVal : [];
+			let newVal;
+			if (arr.includes(optValue)) newVal = arr.filter((v) => v !== optValue);
+			else newVal = [...arr, optValue];
+			if (!("value" in props)) setSelectVal(newVal);
+			onChange?.(newVal, flatOptions.filter((o) => newVal.includes(o.value)));
+			onSelect?.(newVal);
+			setSearchValue("");
+		} else {
+			if (!("value" in props)) setSelectVal(optValue);
+			onChange?.(optValue, flatOptions.find((o) => o.value === optValue));
+			onSelect?.(optValue);
+			combo.closeDropdown();
+			setSearchValue("");
+		}
+	}, [
+		isMultiple,
+		selectVal,
+		flatOptions,
+		onChange,
+		onSelect,
+		props
+	]);
+	const handleComboSelect = (0, react.useCallback)((item) => {
+		if (!item.disabled) handleSelect(item.value);
+	}, [handleSelect]);
+	const combo = require_useCombobox.useCombobox({
+		items: flatOptions,
+		searchValue,
+		filterOption,
+		isOpen: "open" in props ? props.open : void 0,
+		defaultOpen,
+		disabled,
+		defaultActiveFirstOption: false,
+		onOpenChange: onDropdownVisibleChange,
+		onSelect: handleComboSelect
+	});
+	const cls = (0, classnames.default)(prefixCls, className, `${prefixCls}_${selectSize}`, {
+		[`${prefixCls}_disabled`]: disabled,
+		[`${prefixCls}_open`]: combo.isOpen,
+		[`${prefixCls}_multiple`]: isMultiple,
+		[`${prefixCls}_showSearch`]: showSearch,
+		[`${prefixCls}_has-value`]: allowClear && hasSomeValue && !disabled
+	});
+	const arrowCls = (0, classnames.default)(`${prefixCls}__arrow`, { [`${prefixCls}__arrow_reverse`]: combo.isOpen });
+	require_hooks.useClickOutside(ref, () => {
+		if (!("open" in props)) combo.closeDropdown();
+		setSearchValue("");
+	});
+	const getLabelForValue = (0, react.useCallback)((val) => {
+		const opt = flatOptions.find((o) => o.value === val);
+		const label = opt?.label ?? val;
+		if (labelRender && opt) return labelRender({
+			label,
+			value: val
+		});
+		return label;
+	}, [flatOptions, labelRender]);
+	const handleRemoveTag = (val, e) => {
+		e.stopPropagation();
+		if (disabled) return;
+		const newVal = (Array.isArray(selectVal) ? selectVal : []).filter((v) => v !== val);
+		if (!("value" in props)) setSelectVal(newVal);
+		onChange?.(newVal, flatOptions.filter((o) => newVal.includes(o.value)));
+		onSelect?.(newVal);
+	};
+	const handleClear = (e) => {
+		e.stopPropagation();
+		if (disabled) return;
+		const newVal = isMultiple ? [] : "";
+		if (!("value" in props)) setSelectVal(newVal);
+		onChange?.(newVal);
+		onSelect?.(newVal);
+		setSearchValue("");
+	};
+	const handleSearchChange = (e) => {
+		const val = e.target.value;
+		setSearchValue(val);
+		onSearch?.(val);
+		if (!combo.isOpen) combo.openDropdown();
+	};
+	const handleSelectorClick = () => {
+		if (disabled) return;
+		if (combo.isOpen && !showSearch) combo.closeDropdown();
+		else {
+			combo.openDropdown();
+			setTimeout(() => searchInputRef.current?.focus(), 0);
+		}
+	};
+	const handleKeyDown = (e) => {
+		if (disabled) return;
+		if (e.key === "Backspace" && isMultiple && !searchValue) {
+			const arr = Array.isArray(selectVal) ? selectVal : [];
+			if (arr.length > 0) {
+				const newVal = arr.slice(0, -1);
+				if (!("value" in props)) setSelectVal(newVal);
+				onChange?.(newVal, flatOptions.filter((o) => newVal.includes(o.value)));
+				onSelect?.(newVal);
+			}
+			return;
+		}
+		if (e.key === " ") {
+			if (!combo.isOpen) {
+				e.preventDefault();
+				combo.openDropdown();
+			} else if (combo.focusedIndex >= 0 && combo.focusedIndex < combo.filteredItems.length) {
+				e.preventDefault();
+				const opt = combo.filteredItems[combo.focusedIndex];
+				if (!opt.disabled) handleSelect(opt.value);
+			}
+			return;
+		}
+		combo.handleKeyDown(e);
+	};
+	const hasValueProp = "value" in props;
+	(0, react.useEffect)(() => {
+		if (hasValueProp) setSelectVal(value);
+	}, [hasValueProp, value]);
+	(0, react.useEffect)(() => {
+		combo.setFocusedIndex(-1);
+	}, [searchValue]);
+	const hasValue = hasSomeValue;
+	const contextValue = (0, react.useMemo)(() => ({
+		value: selectVal,
+		mode,
+		searchValue,
+		onSelect: handleSelect,
+		prefixCls
+	}), [
+		selectVal,
+		mode,
+		searchValue,
+		handleSelect,
+		prefixCls
+	]);
+	const filterChildren = (nodes) => {
+		return react.default.Children.map(nodes, (child) => {
+			const el = child;
+			if (!el?.type) return null;
+			if (el.type.displayName === "SelectOption") {
+				const opt = {
+					value: el.props.value,
+					label: el.props.label ?? el.props.children,
+					disabled: !!el.props.disabled
+				};
+				if (!combo.matchesFilter(opt)) return null;
+				return react.default.cloneElement(el, el.props);
+			}
+			if (el.type.displayName === "SelectOptGroup") {
+				const filteredGroupChildren = filterChildren(el.props.children);
+				if (!react.default.Children.toArray(filteredGroupChildren).some(Boolean)) return null;
+				return react.default.cloneElement(el, {
+					...el.props,
+					children: filteredGroupChildren
+				});
+			}
+			return null;
+		});
+	};
+	const renderDropdownContent = () => {
+		if (loading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${prefixCls}__loading`,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.LoadingCircle, { size: 20 })
+		});
+		let content;
+		if (optionsProp) {
+			const filtered = combo.filteredItems;
+			if (filtered.length === 0) content = null;
+			else content = filtered.map((opt, index) => {
+				const isSelected = isMultiple ? Array.isArray(selectVal) && selectVal.includes(opt.value) : selectVal === opt.value;
+				const optCls = (0, classnames.default)(`${prefixCls}-option`, {
+					[`${prefixCls}-option_selected`]: isSelected,
+					[`${prefixCls}-option_active`]: index === combo.focusedIndex,
+					[`${prefixCls}-option_disabled`]: opt.disabled
+				});
+				const label = opt.label ?? opt.value;
+				const renderedContent = optionRender ? optionRender(opt, { index }) : label;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+					role: "option",
+					className: optCls,
+					"aria-selected": isSelected,
+					"aria-disabled": opt.disabled,
+					onClick: () => !opt.disabled && handleSelect(opt.value),
+					onMouseEnter: () => combo.setFocusedIndex(index),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: `${prefixCls}-option__content`,
+						children: renderedContent
+					}), isMultiple && isSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: `${prefixCls}-option__check`,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.Check, { size: 14 })
+					})]
+				}, opt.value);
+			});
+		} else content = filterChildren(children);
+		const contentArray = react.default.Children.toArray(content);
+		if (!contentArray || contentArray.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${prefixCls}__empty`,
+			children: notFoundContent ?? "No data"
+		});
+		return content;
+	};
+	const renderOverlay = () => {
+		const selectorWidth = ref.current?.offsetWidth;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_select_context.SelectContext.Provider, {
+			value: contextValue,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+				className: `${prefixCls}__dropdown`,
+				style: {
+					minWidth: selectorWidth || void 0,
+					...dropdownStyle
+				},
+				role: "listbox",
+				id: listboxId,
+				children: renderDropdownContent()
+			})
+		});
+	};
+	const renderSelectorContent = () => {
+		if (isMultiple) {
+			const arr = Array.isArray(selectVal) ? selectVal : [];
+			const displayTags = maxTagCount !== void 0 && arr.length > maxTagCount ? arr.slice(0, maxTagCount) : arr;
+			const remaining = maxTagCount !== void 0 && arr.length > maxTagCount ? arr.length - maxTagCount : 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				displayTags.map((val) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: `${prefixCls}__tag`,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: `${prefixCls}__tag-content`,
+						children: getLabelForValue(val)
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: `${prefixCls}__tag-close`,
+						onClick: (e) => handleRemoveTag(val, e),
+						"aria-label": "Remove",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.Close, { size: 10 })
+					})]
+				}, val)),
+				remaining > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: `${prefixCls}__tag ${prefixCls}__tag_max`,
+					children: [
+						"+",
+						remaining,
+						"..."
+					]
+				}),
+				showSearch && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					ref: searchInputRef,
+					className: `${prefixCls}__search`,
+					value: searchValue,
+					onChange: handleSearchChange,
+					placeholder: arr.length === 0 ? placeholder : void 0,
+					autoComplete: "off",
+					disabled
+				}),
+				arr.length === 0 && !searchValue && !showSearch && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefixCls}__placeholder`,
+					children: placeholder
+				})
+			] });
+		}
+		if (showSearch && combo.isOpen) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			ref: searchInputRef,
+			className: `${prefixCls}__search`,
+			value: searchValue,
+			onChange: handleSearchChange,
+			placeholder: hasValue ? void 0 : placeholder,
+			autoComplete: "off",
+			disabled
+		});
+		if (hasValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: `${prefixCls}__selection-text`,
+			children: getLabelForValue(Array.isArray(selectVal) ? selectVal[0] : selectVal)
+		});
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: `${prefixCls}__placeholder`,
+			children: placeholder
+		});
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		role: "combobox",
+		"aria-expanded": combo.isOpen,
+		"aria-haspopup": "listbox",
+		"aria-owns": combo.isOpen ? listboxId : void 0,
+		onKeyDown: handleKeyDown,
+		tabIndex: disabled ? void 0 : 0,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+			trigger: "manual",
+			placement: "bottom",
+			arrow: false,
+			visible: combo.isOpen,
+			content: renderOverlay(),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${prefixCls}__selector`,
+				onClick: handleSelectorClick,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: `${prefixCls}__selection`,
+					children: renderSelectorContent()
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: `${prefixCls}__suffix`,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: arrowCls,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.ArrowDown, { size: 10 })
+					}), allowClear && hasValue && !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: `${prefixCls}__clear`,
+						onClick: handleClear,
+						"aria-label": "Clear",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.CloseCircle, {
+							size: 14,
+							color: "currentColor"
+						})
+					})]
+				})]
+			})
+		})
+	});
+};
+Select.displayName = "Select";
+//#endregion
+exports.default = Select;
+
+//# sourceMappingURL=select.js.map

package/lib/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","names":["ConfigContext","getPrefixCls","useCombobox","React","LoadingCircle","Check","SelectContext","Close","Popup","ArrowDown","CloseCircle"],"sources":["../../src/select/select.tsx"],"sourcesContent":["import React, { useContext, useEffect, useId, useRef, useState, useCallback, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { useClickOutside } from '../_utils/hooks';\nimport { useCombobox } from '../_utils/useCombobox';\nimport { ArrowDown, Close, CloseCircle, LoadingCircle, Check } from '../_utils/components';\nimport { SelectContext } from './select-context';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { SelectOptionItem, SelectOptionsProps, SelectProps, SelectValue } from './types';\nimport Popup from '../popup';\n\nconst Select = (props: SelectProps): React.ReactElement => {\n  const {\n    defaultOpen = false,\n    disabled = false,\n    defaultValue,\n    prefixCls: customisedCls,\n    value,\n    mode,\n    showSearch = false,\n    filterOption = true,\n    onSearch,\n    allowClear = false,\n    loading = false,\n    size,\n    maxTagCount,\n    notFoundContent,\n    options: optionsProp,\n    onChange,\n    onSelect,\n    onDropdownVisibleChange,\n    optionRender,\n    labelRender,\n    placeholder,\n    className,\n    children,\n    dropdownStyle,\n    ...otherProps\n  } = props;\n\n  const isMultiple = mode === 'multiple' || mode === 'tags';\n  const defaultVal = defaultValue ?? (isMultiple ? [] : '');\n\n  const [selectVal, setSelectVal] = useState<SelectValue>(\n    'value' in props ? (value as SelectValue) : defaultVal\n  );\n  const [searchValue, setSearchValue] = useState('');\n\n  const ref = useRef<HTMLDivElement | null>(null);\n  const searchInputRef = useRef<HTMLInputElement | null>(null);\n  const listboxId = useId();\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('select', configContext.prefixCls, customisedCls);\n  const selectSize = size || configContext.componentSize || 'md';\n\n  const hasSomeValue = isMultiple\n    ? Array.isArray(selectVal) && selectVal.length > 0\n    : selectVal !== '' && selectVal !== undefined;\n\n  // Build flat option list from children or options prop\n  const flatOptions = useMemo((): SelectOptionItem[] => {\n    if (optionsProp) return optionsProp;\n    const result: SelectOptionItem[] = [];\n    const extractFromChildren = (nodes: React.ReactNode): void => {\n      React.Children.forEach(nodes, (child) => {\n        const el = child as React.FunctionComponentElement<SelectOptionsProps>;\n        if (!el?.type) return;\n        if (el.type.displayName === 'SelectOption') {\n          result.push({\n            value: el.props.value,\n            label: el.props.label ?? el.props.children,\n            disabled: !!el.props.disabled,\n          });\n        } else if (el.type.displayName === 'SelectOptGroup') {\n          extractFromChildren(el.props.children);\n        }\n      });\n    };\n    extractFromChildren(children);\n    return result;\n  }, [optionsProp, children]);\n\n  // Handle option select\n  const handleSelect = useCallback(\n    (optValue: string): void => {\n      if (isMultiple) {\n        const arr = Array.isArray(selectVal) ? selectVal : [];\n        let newVal: string[];\n        if (arr.includes(optValue)) {\n          newVal = arr.filter((v) => v !== optValue);\n        } else {\n          newVal = [...arr, optValue];\n        }\n        if (!('value' in props)) {\n          setSelectVal(newVal);\n        }\n        onChange?.(newVal, flatOptions.filter((o) => newVal.includes(o.value)));\n        onSelect?.(newVal);\n        setSearchValue('');\n      } else {\n        if (!('value' in props)) {\n          setSelectVal(optValue);\n        }\n        onChange?.(optValue, flatOptions.find((o) => o.value === optValue));\n        onSelect?.(optValue);\n        combo.closeDropdown();\n        setSearchValue('');\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isMultiple, selectVal, flatOptions, onChange, onSelect, props]\n  );\n\n  const handleComboSelect = useCallback(\n    (item: SelectOptionItem) => {\n      if (!item.disabled) handleSelect(item.value);\n    },\n    [handleSelect]\n  );\n\n  const combo = useCombobox<SelectOptionItem>({\n    items: flatOptions,\n    searchValue,\n    filterOption,\n    isOpen: 'open' in props ? props.open : undefined,\n    defaultOpen,\n    disabled,\n    defaultActiveFirstOption: false,\n    onOpenChange: onDropdownVisibleChange,\n    onSelect: handleComboSelect,\n  });\n\n  const cls = classNames(prefixCls, className, `${prefixCls}_${selectSize}`, {\n    [`${prefixCls}_disabled`]: disabled,\n    [`${prefixCls}_open`]: combo.isOpen,\n    [`${prefixCls}_multiple`]: isMultiple,\n    [`${prefixCls}_showSearch`]: showSearch,\n    [`${prefixCls}_has-value`]: allowClear && hasSomeValue && !disabled,\n  });\n\n  const arrowCls = classNames(`${prefixCls}__arrow`, {\n    [`${prefixCls}__arrow_reverse`]: combo.isOpen,\n  });\n\n  useClickOutside(ref, () => {\n    if (!('open' in props)) {\n      combo.closeDropdown();\n    }\n    setSearchValue('');\n  });\n\n  // Get display label for a value\n  const getLabelForValue = useCallback(\n    (val: string): React.ReactNode => {\n      const opt = flatOptions.find((o) => o.value === val);\n      const label = opt?.label ?? val;\n      if (labelRender && opt) {\n        return labelRender({ label, value: val });\n      }\n      return label;\n    },\n    [flatOptions, labelRender]\n  );\n\n  // Remove tag\n  const handleRemoveTag = (val: string, e: React.MouseEvent): void => {\n    e.stopPropagation();\n    if (disabled) return;\n    const arr = Array.isArray(selectVal) ? selectVal : [];\n    const newVal = arr.filter((v) => v !== val);\n    if (!('value' in props)) {\n      setSelectVal(newVal);\n    }\n    onChange?.(newVal, flatOptions.filter((o) => newVal.includes(o.value)));\n    onSelect?.(newVal);\n  };\n\n  // Clear all\n  const handleClear = (e: React.MouseEvent): void => {\n    e.stopPropagation();\n    if (disabled) return;\n    const newVal = isMultiple ? [] : '';\n    if (!('value' in props)) {\n      setSelectVal(newVal);\n    }\n    onChange?.(newVal);\n    onSelect?.(newVal);\n    setSearchValue('');\n  };\n\n  // Search input change\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    const val = e.target.value;\n    setSearchValue(val);\n    onSearch?.(val);\n    if (!combo.isOpen) {\n      combo.openDropdown();\n    }\n  };\n\n  // Selector click\n  const handleSelectorClick = (): void => {\n    if (disabled) return;\n    if (combo.isOpen && !showSearch) {\n      combo.closeDropdown();\n    } else {\n      combo.openDropdown();\n      setTimeout(() => searchInputRef.current?.focus(), 0);\n    }\n  };\n\n  // Keyboard — wrap hook's handler with Select-specific keys\n  const handleKeyDown = (e: React.KeyboardEvent): void => {\n    if (disabled) return;\n\n    if (e.key === 'Backspace' && isMultiple && !searchValue) {\n      const arr = Array.isArray(selectVal) ? selectVal : [];\n      if (arr.length > 0) {\n        const newVal = arr.slice(0, -1);\n        if (!('value' in props)) setSelectVal(newVal);\n        onChange?.(newVal, flatOptions.filter((o) => newVal.includes(o.value)));\n        onSelect?.(newVal);\n      }\n      return;\n    }\n\n    if (e.key === ' ') {\n      if (!combo.isOpen) {\n        e.preventDefault();\n        combo.openDropdown();\n      } else if (combo.focusedIndex >= 0 && combo.focusedIndex < combo.filteredItems.length) {\n        e.preventDefault();\n        const opt = combo.filteredItems[combo.focusedIndex];\n        if (!opt.disabled) handleSelect(opt.value);\n      }\n      return;\n    }\n\n    combo.handleKeyDown(e);\n  };\n\n  // Controlled value\n  const hasValueProp = 'value' in props;\n  useEffect(() => {\n    if (hasValueProp) setSelectVal(value as SelectValue);\n  }, [hasValueProp, value]);\n\n  // Reset focused index when search changes\n  useEffect(() => {\n    combo.setFocusedIndex(-1);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchValue]);\n\n  const hasValue = hasSomeValue;\n\n  // Context value\n  const contextValue = useMemo(\n    () => ({\n      value: selectVal,\n      mode,\n      searchValue,\n      onSelect: handleSelect,\n      prefixCls,\n    }),\n    [selectVal, mode, searchValue, handleSelect, prefixCls]\n  );\n\n  // Filter children for dropdown\n  const filterChildren = (nodes: React.ReactNode): React.ReactNode => {\n    return React.Children.map(nodes, (child) => {\n      const el = child as React.FunctionComponentElement<SelectOptionsProps>;\n      if (!el?.type) return null;\n      if (el.type.displayName === 'SelectOption') {\n        const opt: SelectOptionItem = {\n          value: el.props.value,\n          label: el.props.label ?? el.props.children,\n          disabled: !!el.props.disabled,\n        };\n        if (!combo.matchesFilter(opt)) return null;\n        return React.cloneElement(el, el.props);\n      }\n      if (el.type.displayName === 'SelectOptGroup') {\n        const filteredGroupChildren = filterChildren(el.props.children);\n        const hasVisibleChildren = React.Children.toArray(filteredGroupChildren).some(Boolean);\n        if (!hasVisibleChildren) return null;\n        return React.cloneElement(el, { ...el.props, children: filteredGroupChildren });\n      }\n      return null;\n    });\n  };\n\n  // Render dropdown\n  const renderDropdownContent = (): React.ReactNode => {\n    if (loading) {\n      return (\n        <div className={`${prefixCls}__loading`}>\n          <LoadingCircle size={20} />\n        </div>\n      );\n    }\n\n    let content: React.ReactNode;\n\n    if (optionsProp) {\n      const filtered = combo.filteredItems;\n      if (filtered.length === 0) {\n        content = null;\n      } else {\n        content = filtered.map((opt, index) => {\n          const isSelected = isMultiple\n            ? Array.isArray(selectVal) && selectVal.includes(opt.value)\n            : selectVal === opt.value;\n          const optCls = classNames(`${prefixCls}-option`, {\n            [`${prefixCls}-option_selected`]: isSelected,\n            [`${prefixCls}-option_active`]: index === combo.focusedIndex,\n            [`${prefixCls}-option_disabled`]: opt.disabled,\n          });\n\n          const label = opt.label ?? opt.value;\n          const renderedContent = optionRender ? optionRender(opt, { index }) : label;\n\n          return (\n            <li\n              key={opt.value}\n              role=\"option\"\n              className={optCls}\n              aria-selected={isSelected}\n              aria-disabled={opt.disabled}\n              onClick={() => !opt.disabled && handleSelect(opt.value)}\n              onMouseEnter={() => combo.setFocusedIndex(index)}>\n              <span className={`${prefixCls}-option__content`}>{renderedContent}</span>\n              {isMultiple && isSelected && (\n                <span className={`${prefixCls}-option__check`}>\n                  <Check size={14} />\n                </span>\n              )}\n            </li>\n          );\n        });\n      }\n    } else {\n      content = filterChildren(children);\n    }\n\n    const contentArray = React.Children.toArray(content);\n    if (!contentArray || contentArray.length === 0) {\n      return (\n        <div className={`${prefixCls}__empty`}>\n          {notFoundContent ?? 'No data'}\n        </div>\n      );\n    }\n\n    return content;\n  };\n\n  const renderOverlay = (): React.ReactElement => {\n    const selectorWidth = ref.current?.offsetWidth;\n    return (\n      <SelectContext.Provider value={contextValue}>\n        <ul\n          className={`${prefixCls}__dropdown`}\n          style={{ minWidth: selectorWidth || undefined, ...dropdownStyle }}\n          role=\"listbox\"\n          id={listboxId}>\n          {renderDropdownContent()}\n        </ul>\n      </SelectContext.Provider>\n    );\n  };\n\n  // Render selector content\n  const renderSelectorContent = (): React.ReactNode => {\n    if (isMultiple) {\n      const arr = Array.isArray(selectVal) ? selectVal : [];\n      const displayTags =\n        maxTagCount !== undefined && arr.length > maxTagCount\n          ? arr.slice(0, maxTagCount)\n          : arr;\n      const remaining =\n        maxTagCount !== undefined && arr.length > maxTagCount\n          ? arr.length - maxTagCount\n          : 0;\n\n      return (\n        <>\n          {displayTags.map((val) => (\n            <span key={val} className={`${prefixCls}__tag`}>\n              <span className={`${prefixCls}__tag-content`}>{getLabelForValue(val)}</span>\n              <span\n                className={`${prefixCls}__tag-close`}\n                onClick={(e) => handleRemoveTag(val, e)}\n                aria-label=\"Remove\">\n                <Close size={10} />\n              </span>\n            </span>\n          ))}\n          {remaining > 0 && (\n            <span className={`${prefixCls}__tag ${prefixCls}__tag_max`}>\n              +{remaining}...\n            </span>\n          )}\n          {showSearch && (\n            <input\n              ref={searchInputRef}\n              className={`${prefixCls}__search`}\n              value={searchValue}\n              onChange={handleSearchChange}\n              placeholder={arr.length === 0 ? placeholder : undefined}\n              autoComplete=\"off\"\n              disabled={disabled}\n            />\n          )}\n          {arr.length === 0 && !searchValue && !showSearch && (\n            <span className={`${prefixCls}__placeholder`}>{placeholder}</span>\n          )}\n        </>\n      );\n    }\n\n    // Single mode\n    if (showSearch && combo.isOpen) {\n      return (\n        <input\n          ref={searchInputRef}\n          className={`${prefixCls}__search`}\n          value={searchValue}\n          onChange={handleSearchChange}\n          placeholder={hasValue ? undefined : placeholder}\n          autoComplete=\"off\"\n          disabled={disabled}\n        />\n      );\n    }\n\n    if (hasValue) {\n      return (\n        <span className={`${prefixCls}__selection-text`}>\n          {getLabelForValue(Array.isArray(selectVal) ? selectVal[0] : (selectVal as string))}\n        </span>\n      );\n    }\n\n    return <span className={`${prefixCls}__placeholder`}>{placeholder}</span>;\n  };\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cls}\n      role=\"combobox\"\n      aria-expanded={combo.isOpen}\n      aria-haspopup=\"listbox\"\n      aria-owns={combo.isOpen ? listboxId : undefined}\n      onKeyDown={handleKeyDown}\n      tabIndex={disabled ? undefined : 0}>\n      <Popup\n        trigger=\"manual\"\n        placement=\"bottom\"\n        arrow={false}\n        visible={combo.isOpen}\n        content={renderOverlay()}>\n        <div className={`${prefixCls}__selector`} onClick={handleSelectorClick}>\n          <div className={`${prefixCls}__selection`}>{renderSelectorContent()}</div>\n          <div className={`${prefixCls}__suffix`}>\n            <span className={arrowCls}>\n              <ArrowDown size={10} />\n            </span>\n            {allowClear && hasValue && !disabled && (\n              <button type=\"button\" className={`${prefixCls}__clear`} onClick={handleClear} aria-label=\"Clear\">\n                <CloseCircle size={14} color=\"currentColor\" />\n              </button>\n            )}\n          </div>\n        </div>\n      </Popup>\n    </div>\n  );\n};\n\nSelect.displayName = 'Select';\n\nexport default Select;\n"],"mappings":"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"}