@tamagui/select 2.7.7 → 3.0.0-beta.1093.1

package/dist/cjs/index.cjs

@@ -3,19 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("./Select.cjs"), module.exports);
-__reExport(index_exports, require("./context.cjs"), module.exports);
+__reExport(index_exports, require("./SelectItem.cjs"), module.exports);
+__reExport(index_exports, require("./SelectItemText.cjs"), module.exports);
+__reExport(index_exports, require("./SelectScrollButton.cjs"), module.exports);
+__reExport(index_exports, require("./SelectTrigger.cjs"), module.exports);
+__reExport(index_exports, require("./SelectViewport.cjs"), module.exports);
+__reExport(index_exports, require("./context.cjs"), module.exports);

package/dist/cjs/index.native.cjs

@@ -0,0 +1,26 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Select.native.js"), module.exports);
+__reExport(index_exports, require("./SelectItem.native.js"), module.exports);
+__reExport(index_exports, require("./SelectItemText.native.js"), module.exports);
+__reExport(index_exports, require("./SelectScrollButton.native.js"), module.exports);
+__reExport(index_exports, require("./SelectTrigger.native.js"), module.exports);
+__reExport(index_exports, require("./SelectViewport.native.js"), module.exports);
+__reExport(index_exports, require("./context.native.js"), module.exports);

package/dist/cjs/index.native.js

@@ -5,20 +5,24 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("./Select.native.js"), module.exports);
+__reExport(index_exports, require("./SelectItem.native.js"), module.exports);
+__reExport(index_exports, require("./SelectItemText.native.js"), module.exports);
+__reExport(index_exports, require("./SelectScrollButton.native.js"), module.exports);
+__reExport(index_exports, require("./SelectTrigger.native.js"), module.exports);
+__reExport(index_exports, require("./SelectViewport.native.js"), module.exports);
 __reExport(index_exports, require("./context.native.js"), module.exports);
+
 //# sourceMappingURL=index.native.js.map

package/dist/cjs/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","__reExport","require"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA;AAEdG,UAAA,CAAAH,aAAA,EAAcI,OAAA,wBAAAH,MAFd,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":[],"sources":["cjs/index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"./Select\"), module.exports);\n__reExport(index_exports, require(\"./SelectItem\"), module.exports);\n__reExport(index_exports, require(\"./SelectItemText\"), module.exports);\n__reExport(index_exports, require(\"./SelectScrollButton\"), module.exports);\n__reExport(index_exports, require(\"./SelectTrigger\"), module.exports);\n__reExport(index_exports, require(\"./SelectViewport\"), module.exports);\n__reExport(index_exports, require(\"./context\"), module.exports);\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,cAAc,QAAQ,KAAK,kBAAkB,YAAY,QAAQ,KAAK,SAAS,GAAG,gBAAgB,YAAY,cAAc,KAAK,SAAS;AAC9I,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,OAAO,UAAU,aAAa,aAAa;AAC3C,WAAW,eAAe,QAAQ,oBAAU,GAAG,OAAO,OAAO;AAC7D,WAAW,eAAe,QAAQ,wBAAc,GAAG,OAAO,OAAO;AACjE,WAAW,eAAe,QAAQ,4BAAkB,GAAG,OAAO,OAAO;AACrE,WAAW,eAAe,QAAQ,gCAAsB,GAAG,OAAO,OAAO;AACzE,WAAW,eAAe,QAAQ,2BAAiB,GAAG,OAAO,OAAO;AACpE,WAAW,eAAe,QAAQ,4BAAkB,GAAG,OAAO,OAAO;AACrE,WAAW,eAAe,QAAQ,qBAAW,GAAG,OAAO,OAAO"}

package/dist/cjs/selectionController.cjs

@@ -0,0 +1,343 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var selectionController_exports = {};
+__export(selectionController_exports, {
+	createSelectItemRegistry: () => createSelectItemRegistry,
+	createSelectSelectionController: () => createSelectSelectionController,
+	getSelectLabelText: () => getSelectLabelText,
+	getSelectListboxProps: () => getSelectListboxProps,
+	getSelectOptionProps: () => getSelectOptionProps,
+	normalizeSelectSelection: () => normalizeSelectSelection,
+	selectedValuesFromSelection: () => selectedValuesFromSelection
+});
+module.exports = __toCommonJS(selectionController_exports);
+function getSelectLabelText(label) {
+	if (typeof label === "string" || typeof label === "number") {
+		return String(label);
+	}
+	if (Array.isArray(label)) {
+		return label.map(getSelectLabelText).join("");
+	}
+	if (label && typeof label === "object" && "props" in label) {
+		return getSelectLabelText(label.props?.children);
+	}
+	return "";
+}
+function createSelectItemRegistry(onChange) {
+	const items = [];
+	const labelRegistrations = /* @__PURE__ */ new Map();
+	const explicitTextValues = /* @__PURE__ */ new Map();
+	const itemNodes = /* @__PURE__ */ new Map();
+	const listeners = /* @__PURE__ */ new Set();
+	let indexByValue = null;
+	const notify = () => {
+		indexByValue = null;
+		onChange?.();
+		listeners.forEach((listener) => listener());
+	};
+	const getItems = () => items;
+	const getItem = (value) => items.find((item) => item.value === value);
+	const getIndex = (value) => {
+		if (!indexByValue) {
+			indexByValue = /* @__PURE__ */ new Map();
+			items.forEach((item, index) => {
+				if (!indexByValue.has(item.value)) indexByValue.set(item.value, index);
+			});
+		}
+		return indexByValue.get(value) ?? -1;
+	};
+	const getNodes = () => items.map((item) => itemNodes.get(item.id) ?? null);
+	const getRegisteredLabel = (value) => {
+		const registrations = labelRegistrations.get(value);
+		if (!registrations?.size) return void 0;
+		const values = Array.from(registrations.values());
+		return values[values.length - 1];
+	};
+	const applyRegisteredLabel = (value) => {
+		const registeredLabel = getRegisteredLabel(value);
+		let changed = false;
+		for (const item of items) {
+			if (item.value !== value) continue;
+			const nextLabel = registeredLabel?.label;
+			const nextTextValue = explicitTextValues.get(item.id) || registeredLabel?.textValue;
+			if (item.label !== nextLabel || item.textValue !== nextTextValue) {
+				item.label = nextLabel;
+				item.textValue = nextTextValue;
+				changed = true;
+			}
+		}
+		if (changed) notify();
+	};
+	const syncNodeOrder = () => {
+		items.sort((a, b) => {
+			const aNode = itemNodes.get(a.id);
+			const bNode = itemNodes.get(b.id);
+			if (!aNode || !bNode || typeof aNode.compareDocumentPosition !== "function") {
+				return 0;
+			}
+			const position = aNode.compareDocumentPosition(bNode);
+			if (position & 4) return -1;
+			if (position & 2) return 1;
+			return 0;
+		});
+	};
+	const registerItem = (item) => {
+		const id = Symbol(item.value);
+		const registeredLabel = getRegisteredLabel(item.value);
+		const registeredItem = {
+			...item,
+			...registeredLabel,
+			textValue: item.textValue ?? registeredLabel?.textValue,
+			id
+		};
+		explicitTextValues.set(id, item.textValue);
+		items.push(registeredItem);
+		notify();
+		return {
+			id,
+			update(next) {
+				const index = items.findIndex((current2) => current2.id === id);
+				if (index < 0) return;
+				const current = items[index];
+				if ("textValue" in next) {
+					explicitTextValues.set(id, next.textValue);
+				}
+				const nextItem = {
+					...current,
+					...next
+				};
+				if (next.value !== void 0 && next.value !== current.value) {
+					const nextLabel = getRegisteredLabel(next.value);
+					nextItem.label = nextLabel?.label;
+				}
+				const explicitTextValue = explicitTextValues.get(id);
+				nextItem.textValue = explicitTextValue || getSelectLabelText(nextItem.label) || (nextItem.label ? nextItem.value : void 0);
+				const changed = Object.entries(next).some(([key, value]) => current[key] !== value);
+				const textValueChanged = current.textValue !== nextItem.textValue;
+				if (!changed && !textValueChanged) return;
+				items[index] = nextItem;
+				notify();
+			},
+			setNode(node) {
+				if ((itemNodes.get(id) ?? null) === (node ?? null)) return;
+				if (node) {
+					itemNodes.set(id, node);
+					syncNodeOrder();
+				} else {
+					itemNodes.delete(id);
+				}
+				notify();
+			},
+			unregister() {
+				const index = items.findIndex((current) => current.id === id);
+				if (index < 0) return;
+				items.splice(index, 1);
+				explicitTextValues.delete(id);
+				itemNodes.delete(id);
+				notify();
+			}
+		};
+	};
+	const registerLabel = (value, label, textValue) => {
+		const id = Symbol(value);
+		const normalizedTextValue = textValue || getSelectLabelText(label) || value;
+		const registrations = labelRegistrations.get(value) ?? (() => {
+			const next = /* @__PURE__ */ new Map();
+			labelRegistrations.set(value, next);
+			return next;
+		})();
+		registrations.set(id, {
+			label,
+			textValue: normalizedTextValue
+		});
+		applyRegisteredLabel(value);
+		return () => {
+			registrations.delete(id);
+			if (!registrations.size) {
+				labelRegistrations.delete(value);
+			}
+			applyRegisteredLabel(value);
+		};
+	};
+	const firstEnabledIndex = () => items.findIndex((item) => !item.disabled);
+	const nextEnabledIndex = (fromIndex, direction) => {
+		if (!items.length) return -1;
+		if (fromIndex == null || fromIndex < 0 || fromIndex >= items.length) {
+			if (direction === 1) return firstEnabledIndex();
+			for (let index = items.length - 1; index >= 0; index--) {
+				if (!items[index].disabled) return index;
+			}
+			return -1;
+		}
+		for (let offset = 1; offset <= items.length; offset++) {
+			const index = (fromIndex + direction * offset + items.length) % items.length;
+			if (!items[index]?.disabled) return index;
+		}
+		return -1;
+	};
+	const findTypeaheadIndex = (search, fromIndex) => {
+		const normalizedSearch = search.trim().toLocaleLowerCase();
+		if (!normalizedSearch) return -1;
+		const start = fromIndex == null || fromIndex < 0 ? -1 : fromIndex;
+		for (let offset = 1; offset <= items.length; offset++) {
+			const index = (start + offset) % items.length;
+			const item = items[index];
+			const label = item.textValue || getSelectLabelText(item.label) || item.value;
+			if (!item.disabled && label.toLocaleLowerCase().startsWith(normalizedSearch)) {
+				return index;
+			}
+		}
+		return -1;
+	};
+	return {
+		subscribe(listener) {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		},
+		registerItem,
+		registerLabel,
+		getItems,
+		getItem,
+		getIndex,
+		getNodes,
+		firstEnabledIndex,
+		nextEnabledIndex,
+		findTypeaheadIndex,
+		getDisabledIndices: () => items.flatMap((item, index) => item.disabled ? [index] : []),
+		getTypeaheadLabels: () => items.map((item) => item.textValue || getSelectLabelText(item.label) || item.value)
+	};
+}
+function normalizeSelectSelection(mode, value) {
+	if (mode === "single") {
+		return typeof value === "string" ? value : "";
+	}
+	const values = Array.isArray(value) ? value : [];
+	return [...new Set(values)];
+}
+function selectedValuesFromSelection(mode, value) {
+	const normalized = normalizeSelectSelection(mode, value);
+	return mode === "multiple" ? normalized : normalized ? [normalized] : [];
+}
+function createSelectSelectionController({ mode: initialMode, value: initialValue, registry }) {
+	let mode = initialMode;
+	let value = normalizeSelectSelection(mode, initialValue);
+	let activeIndex = null;
+	const selectedValues = () => selectedValuesFromSelection(mode, value);
+	const setMode = (nextMode) => {
+		if (mode === nextMode) return value;
+		mode = nextMode;
+		value = normalizeSelectSelection(mode, value);
+		return value;
+	};
+	const setValue = (nextValue) => {
+		value = normalizeSelectSelection(mode, nextValue);
+		return value;
+	};
+	const isSelected = (itemValue) => selectedValues().includes(itemValue);
+	const toggle = (itemValue) => {
+		const item = registry.getItem(itemValue);
+		if (!item || item.disabled) return value;
+		if (mode === "single") {
+			value = itemValue;
+			return value;
+		}
+		const current = selectedValues();
+		value = current.includes(itemValue) ? current.filter((currentValue) => currentValue !== itemValue) : [...current, itemValue];
+		return value;
+	};
+	const selectionAnchor = () => {
+		const values = selectedValues();
+		for (let index = values.length - 1; index >= 0; index--) {
+			const item = registry.getItem(values[index]);
+			if (item) return item;
+		}
+		const firstEnabledIndex = registry.firstEnabledIndex();
+		return firstEnabledIndex < 0 ? void 0 : registry.getItems()[firstEnabledIndex];
+	};
+	const selectionAnchorIndex = () => {
+		const anchor = selectionAnchor();
+		return anchor ? registry.getIndex(anchor.value) : -1;
+	};
+	const initialActiveIndex = () => {
+		const anchorIndex = selectionAnchorIndex();
+		const anchor = anchorIndex < 0 ? void 0 : registry.getItems()[anchorIndex];
+		return anchor && !anchor.disabled ? anchorIndex : registry.firstEnabledIndex();
+	};
+	const moveActive = (direction) => {
+		const nextIndex = registry.nextEnabledIndex(activeIndex, direction);
+		activeIndex = nextIndex < 0 ? null : nextIndex;
+		return activeIndex == null ? void 0 : registry.getItems()[activeIndex];
+	};
+	return {
+		registry,
+		get mode() {
+			return mode;
+		},
+		get value() {
+			return value;
+		},
+		get activeIndex() {
+			return activeIndex;
+		},
+		get activeItem() {
+			return activeIndex == null ? void 0 : registry.getItems()[activeIndex];
+		},
+		get shouldCloseOnSelect() {
+			return mode === "single";
+		},
+		setMode,
+		setValue,
+		isSelected,
+		toggle,
+		selectionAnchor,
+		selectionAnchorIndex,
+		initialActiveIndex,
+		setActiveIndex(index) {
+			activeIndex = index;
+		},
+		moveActive
+	};
+}
+function getSelectListboxProps(mode) {
+	return {
+		role: "listbox",
+		"aria-multiselectable": mode === "multiple" ? true : void 0
+	};
+}
+function getSelectOptionProps(mode, selected, disabled, platform) {
+	if (platform === "native") {
+		return {
+			accessibilityRole: mode === "multiple" ? "checkbox" : "button",
+			accessibilityState: {
+				selected: mode === "single" ? selected : void 0,
+				checked: mode === "multiple" ? selected : void 0,
+				disabled
+			}
+		};
+	}
+	return {
+		role: "option",
+		"aria-selected": selected,
+		"aria-disabled": disabled || void 0
+	};
+}