@rufous/ui 0.2.85 → 0.2.86

package/dist/main.cjs

@@ -2079,17 +2079,17 @@ function AutocompleteInner(props, _ref) {
       setInputStr(v != null ? getOptionLabel(v) : "");
     }
   }, [value, multiple, getOptionLabel, controlledInput]);
-  const selectOption = (opt) => {
+  const selectOption = (opt, event) => {
     if (getOptionDisabled?.(opt)) return;
     if (multiple) {
       const already = isSelected(opt);
       const next = already ? selectedValues.filter((v) => !isEqual(v, opt)) : [...selectedValues, opt];
-      onChange?.(next);
+      onChange?.(event, next, already ? "removeOption" : "selectOption");
       setInputStr("");
       onInputChange?.("");
       inputRef.current?.focus();
     } else {
-      onChange?.(opt);
+      onChange?.(event, opt, "selectOption");
       setInputStr(getOptionLabel(opt));
       onInputChange?.(getOptionLabel(opt));
       closePopup(true);
@@ -2098,7 +2098,7 @@ function AutocompleteInner(props, _ref) {
   };
   const clearAll = (e) => {
     e.stopPropagation();
-    onChange?.(multiple ? [] : null);
+    onChange?.(e, multiple ? [] : null, "clear");
     setInputStr("");
     onInputChange?.("");
     inputRef.current?.focus();
@@ -2106,7 +2106,7 @@ function AutocompleteInner(props, _ref) {
   const removeTag = (opt, e) => {
     e.stopPropagation();
     const next = selectedValues.filter((v) => !isEqual(v, opt));
-    onChange?.(next);
+    onChange?.(e, next, "removeOption");
   };
   const handleInputChange = (e) => {
     const v = e.target.value;
@@ -2144,9 +2144,9 @@ function AutocompleteInner(props, _ref) {
         return;
       }
       if (focusedIdx >= 0 && focusedIdx < selectableOptions.length) {
-        selectOption(selectableOptions[focusedIdx].option);
+        selectOption(selectableOptions[focusedIdx].option, e);
       } else if (freeSolo && activeInput) {
-        onChange?.(activeInput);
+        onChange?.(e, activeInput, "freeSolo");
         if (!multiple) closePopup();
       }
     } else if (e.key === "Escape") {
@@ -2309,7 +2309,7 @@ function AutocompleteInner(props, _ref) {
         onMouseEnter: () => setFocusedIdx(flatIdx),
         onMouseLeave: () => setFocusedIdx(-1),
         onMouseDown: (e) => e.preventDefault(),
-        onClick: () => selectOption(option)
+        onClick: (e) => selectOption(option, e)
       },
       renderOption ? renderOption(option, { selected, focused, index: flatIdx }) : /* @__PURE__ */ import_react18.default.createElement("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, label2),
       !renderOption && /* @__PURE__ */ import_react18.default.createElement("span", { className: "rf-autocomplete__option-check" }, /* @__PURE__ */ import_react18.default.createElement(CheckIcon, null))
@@ -2537,7 +2537,7 @@ var AddressLookup = ({
     {
       options: countries.map((c) => c.name),
       value: value.country || null,
-      onChange: (v) => handleCountryChange(v || ""),
+      onChange: (_e, v) => handleCountryChange(v || ""),
       label: "Country",
       fullWidth: true,
       required,
@@ -2548,7 +2548,7 @@ var AddressLookup = ({
     {
       options: states.map((s2) => s2.name),
       value: value.state || null,
-      onChange: (v) => handleStateChange(v || ""),
+      onChange: (_e, v) => handleStateChange(v || ""),
       label: "State",
       fullWidth: true,
       required,
@@ -2559,7 +2559,7 @@ var AddressLookup = ({
     {
       options: cities.map((c) => c.name),
       value: value.city || null,
-      onChange: (v) => handleChange("city", v || ""),
+      onChange: (_e, v) => handleChange("city", v || ""),
       label: "City",
       fullWidth: true,
       required,

package/dist/main.d.cts

@@ -674,7 +674,7 @@ interface AutocompleteProps<T = string> {
     /** Controlled value — T for single, T[] for multiple, null to clear */
     value?: T | T[] | null;
     /** Called when the value changes */
-    onChange?: (value: T | T[] | null) => void;
+    onChange?: (event: React__default.SyntheticEvent, value: T | T[] | null, reason: 'selectOption' | 'removeOption' | 'clear' | 'freeSolo') => void;
     /** Controlled text in the input */
     inputValue?: string;
     /** Called on every keystroke */

package/dist/main.d.ts

@@ -674,7 +674,7 @@ interface AutocompleteProps<T = string> {
     /** Controlled value — T for single, T[] for multiple, null to clear */
     value?: T | T[] | null;
     /** Called when the value changes */
-    onChange?: (value: T | T[] | null) => void;
+    onChange?: (event: React__default.SyntheticEvent, value: T | T[] | null, reason: 'selectOption' | 'removeOption' | 'clear' | 'freeSolo') => void;
     /** Controlled text in the input */
     inputValue?: string;
     /** Called on every keystroke */

package/dist/main.js

@@ -1918,17 +1918,17 @@ function AutocompleteInner(props, _ref) {
       setInputStr(v != null ? getOptionLabel(v) : "");
     }
   }, [value, multiple, getOptionLabel, controlledInput]);
-  const selectOption = (opt) => {
+  const selectOption = (opt, event) => {
     if (getOptionDisabled?.(opt)) return;
     if (multiple) {
       const already = isSelected(opt);
       const next = already ? selectedValues.filter((v) => !isEqual(v, opt)) : [...selectedValues, opt];
-      onChange?.(next);
+      onChange?.(event, next, already ? "removeOption" : "selectOption");
       setInputStr("");
       onInputChange?.("");
       inputRef.current?.focus();
     } else {
-      onChange?.(opt);
+      onChange?.(event, opt, "selectOption");
       setInputStr(getOptionLabel(opt));
       onInputChange?.(getOptionLabel(opt));
       closePopup(true);
@@ -1937,7 +1937,7 @@ function AutocompleteInner(props, _ref) {
   };
   const clearAll = (e) => {
     e.stopPropagation();
-    onChange?.(multiple ? [] : null);
+    onChange?.(e, multiple ? [] : null, "clear");
     setInputStr("");
     onInputChange?.("");
     inputRef.current?.focus();
@@ -1945,7 +1945,7 @@ function AutocompleteInner(props, _ref) {
   const removeTag = (opt, e) => {
     e.stopPropagation();
     const next = selectedValues.filter((v) => !isEqual(v, opt));
-    onChange?.(next);
+    onChange?.(e, next, "removeOption");
   };
   const handleInputChange = (e) => {
     const v = e.target.value;
@@ -1983,9 +1983,9 @@ function AutocompleteInner(props, _ref) {
         return;
       }
       if (focusedIdx >= 0 && focusedIdx < selectableOptions.length) {
-        selectOption(selectableOptions[focusedIdx].option);
+        selectOption(selectableOptions[focusedIdx].option, e);
       } else if (freeSolo && activeInput) {
-        onChange?.(activeInput);
+        onChange?.(e, activeInput, "freeSolo");
         if (!multiple) closePopup();
       }
     } else if (e.key === "Escape") {
@@ -2148,7 +2148,7 @@ function AutocompleteInner(props, _ref) {
         onMouseEnter: () => setFocusedIdx(flatIdx),
         onMouseLeave: () => setFocusedIdx(-1),
         onMouseDown: (e) => e.preventDefault(),
-        onClick: () => selectOption(option)
+        onClick: (e) => selectOption(option, e)
       },
       renderOption ? renderOption(option, { selected, focused, index: flatIdx }) : /* @__PURE__ */ React69.createElement("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, label2),
       !renderOption && /* @__PURE__ */ React69.createElement("span", { className: "rf-autocomplete__option-check" }, /* @__PURE__ */ React69.createElement(CheckIcon, null))
@@ -2376,7 +2376,7 @@ var AddressLookup = ({
     {
       options: countries.map((c) => c.name),
       value: value.country || null,
-      onChange: (v) => handleCountryChange(v || ""),
+      onChange: (_e, v) => handleCountryChange(v || ""),
       label: "Country",
       fullWidth: true,
       required,
@@ -2387,7 +2387,7 @@ var AddressLookup = ({
     {
       options: states.map((s2) => s2.name),
       value: value.state || null,
-      onChange: (v) => handleStateChange(v || ""),
+      onChange: (_e, v) => handleStateChange(v || ""),
       label: "State",
       fullWidth: true,
       required,
@@ -2398,7 +2398,7 @@ var AddressLookup = ({
     {
       options: cities.map((c) => c.name),
       value: value.city || null,
-      onChange: (v) => handleChange("city", v || ""),
+      onChange: (_e, v) => handleChange("city", v || ""),
       label: "City",
       fullWidth: true,
       required,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rufous/ui",
   "private": false,
-  "version": "0.2.85",
+  "version": "0.2.86",
   "type": "module",
   "description": "Experimental: A lightweight React UI component library (Beta)",
   "style": "./dist/main.css",