@diceui/tags-input 1.0.0 → 1.0.1

package/dist/index.mjs

@@ -319,16 +319,17 @@ const INPUT_NAME = "TagsInputInput";
 const TagsInputInput = React.forwardRef((props, ref) => {
 	const { autoFocus, ...inputProps } = props;
 	const context = useTagsInput(INPUT_NAME);
+	const { onItemAdd, setHighlightedIndex } = context;
 	const onCustomKeydown = React.useCallback((event) => {
 		if (event.defaultPrevented) return;
 		const value = event.currentTarget.value;
 		if (!value) return;
-		if (context.onItemAdd(value)) {
+		if (onItemAdd(value)) {
 			event.currentTarget.value = "";
-			context.setHighlightedIndex(null);
+			setHighlightedIndex(null);
 		}
 		event.preventDefault();
-	}, [context.onItemAdd, context.setHighlightedIndex]);
+	}, [onItemAdd, setHighlightedIndex]);
 	const onTab = React.useCallback((event) => {
 		if (!context.addOnTab) return;
 		onCustomKeydown(event);
@@ -405,6 +406,7 @@ const TagsInputItem = React.forwardRef((props, ref) => {
 	const { value, disabled, ...itemProps } = props;
 	const pointerTypeRef = React.useRef("touch");
 	const context = useTagsInput(ITEM_NAME);
+	const { inputRef, setHighlightedIndex } = context;
 	const id = useId();
 	const textId = `${id}text`;
 	const index = context.value.indexOf(value);
@@ -413,11 +415,11 @@ const TagsInputItem = React.forwardRef((props, ref) => {
 	const itemDisabled = disabled || context.disabled;
 	const displayValue = context.displayValue(value);
 	const onItemSelect = React.useCallback(() => {
-		context.setHighlightedIndex(index);
-		context.inputRef.current?.focus();
+		setHighlightedIndex(index);
+		inputRef.current?.focus();
 	}, [
-		context.setHighlightedIndex,
-		context.inputRef,
+		setHighlightedIndex,
+		inputRef,
 		index
 	]);
 	return /* @__PURE__ */ jsx(TagsInputItemProvider, {
@@ -510,13 +512,13 @@ const TagsInputItemText = React.forwardRef((props, ref) => {
 });
 const ItemText = TagsInputItemText;
 function TagsInputEditableItemText() {
-	const context = useTagsInput(ITEM_TEXT_NAME);
+	const { inputRef, onItemUpdate, setEditingIndex, setHighlightedIndex, value } = useTagsInput(ITEM_TEXT_NAME);
 	const itemContext = useTagsInputItem(ITEM_TEXT_NAME);
 	const [editValue, setEditValue] = React.useState(itemContext.displayValue);
 	const onBlur = React.useCallback(() => {
 		setEditValue(itemContext.displayValue);
-		context.setEditingIndex(null);
-	}, [context.setEditingIndex, itemContext.displayValue]);
+		setEditingIndex(null);
+	}, [setEditingIndex, itemContext.displayValue]);
 	const onChange = React.useCallback((event) => {
 		const target = event.target;
 		target.style.width = "0";
@@ -530,24 +532,24 @@ function TagsInputEditableItemText() {
 	}, []);
 	const onKeyDown = React.useCallback((event) => {
 		if (event.key === "Enter") {
-			const index = context.value.indexOf(itemContext.value);
-			context.onItemUpdate(index, editValue);
+			const index = value.indexOf(itemContext.value);
+			onItemUpdate(index, editValue);
 		} else if (event.key === "Escape") {
 			setEditValue(itemContext.displayValue);
-			context.setEditingIndex(null);
-			context.setHighlightedIndex(itemContext.index);
-			context.inputRef.current?.focus();
+			setEditingIndex(null);
+			setHighlightedIndex(itemContext.index);
+			inputRef.current?.focus();
 		}
 		event.stopPropagation();
 	}, [
-		context.value,
-		context.onItemUpdate,
-		context.setEditingIndex,
+		value,
+		onItemUpdate,
+		setEditingIndex,
 		itemContext.displayValue,
-		context.inputRef.current?.focus,
+		inputRef,
 		editValue,
 		itemContext.value,
-		context.setHighlightedIndex,
+		setHighlightedIndex,
 		itemContext.index
 	]);
 	return /* @__PURE__ */ jsx(Primitive.input, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diceui/tags-input",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -46,7 +46,7 @@
     }
   },
   "devDependencies": {
-    "tsdown": "^0.22.14",
+    "tsdown": "^0.23.1",
     "typescript": "^7.0.2"
   },
   "dependencies": {
@@ -56,6 +56,6 @@
     "dev": "tsdown --watch",
     "build": "tsdown",
     "typecheck": "tsc --noEmit",
-    "test": "vitest run"
+    "test": "vitest run --config ../../vitest.config.ts"
   }
 }