@edifice.io/react 2.2.2-develop-b2school.20250404170224 → 2.2.2-develop-b2school.20250407165159

package/dist/components/Combobox/Combobox.d.ts

@@ -1,11 +1,11 @@
 import { ChangeEvent, ReactNode } from 'react';
 export interface ComboboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    onSearchResultsChange: (model: (string | number)[]) => void;
     onSearchInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
     options: OptionListItemType[];
     value: string;
     isLoading: boolean;
     noResult: boolean;
+    onSearchResultsChange?: (model: (string | number)[]) => void;
     searchMinLength?: number;
     placeholder?: string;
     variant?: 'outline' | 'ghost';

package/dist/components/Combobox/Combobox.js

@@ -24,7 +24,7 @@ const Combobox = ({
     t
   } = useTranslation(), [localValue, setLocalValue] = useState([]);
   useEffect(() => {
-    onSearchResultsChange(localValue);
+    onSearchResultsChange == null || onSearchResultsChange(localValue);
   }, [localValue]);
   const handleOptionClick = (value2) => {
     setLocalValue([value2]);

package/dist/components/Combobox/ComboboxTrigger.js

@@ -20,7 +20,7 @@ const ComboboxTrigger = ({
     setVisible
   } = useDropdownContext(), containerProps = {
     ...triggerProps,
-    className: clsx("d-flex align-items-center flex-wrap combobox-trigger", renderInputGroup ? "input-group" : "", triggerProps.className),
+    className: clsx("d-flex combobox-trigger", renderInputGroup ? "input-group flex-nowrap align-items-start" : "flex-wrap align-items-center", triggerProps.className),
     onClick: (event) => {
       event.stopPropagation();
     }
@@ -33,13 +33,15 @@ const ComboboxTrigger = ({
       const input = event.target;
       setVisible(input.value.length >= searchMinLength || !!hasDefault), input.focus();
     }
-  }, classNameVariant = variant === "ghost" ? " border-0" : "", classNameInput = clsx(classNameVariant, renderSelectedItems ? " w-auto " : "");
+  }, classNameVariant = variant === "ghost" ? " border-0" : "", classNameInput = clsx(classNameVariant, renderSelectedItems ? "flex-fill w-auto " : "");
   return useEffect(() => {
     setVisible(value.length >= searchMinLength);
   }, [value, searchMinLength]), /* @__PURE__ */ jsxs(FormControl, { id: "search", ...containerProps, children: [
     !!renderInputGroup && /* @__PURE__ */ jsx("span", { className: "input-group-text pe-0" + classNameVariant, children: renderInputGroup }),
-    renderSelectedItems,
-    /* @__PURE__ */ jsx(Input, { ...inputProps, className: classNameInput, noValidationIcon: !0, placeholder, size: "md", type: "search", onKeyDown: itemProps.onMenuItemKeyDown })
+    /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center flex-wrap flex-fill", children: [
+      renderSelectedItems,
+      /* @__PURE__ */ jsx(Input, { ...inputProps, className: classNameInput, noValidationIcon: !0, placeholder, size: "md", type: "search", onKeyDown: itemProps.onMenuItemKeyDown })
+    ] })
   ] });
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.2.2-develop-b2school.20250404170224",
+  "version": "2.2.2-develop-b2school.20250407165159",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -118,9 +118,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.2.2-develop-b2school.20250404170224",
-    "@edifice.io/tiptap-extensions": "2.2.2-develop-b2school.20250404170224",
-    "@edifice.io/utilities": "2.2.2-develop-b2school.20250404170224"
+    "@edifice.io/bootstrap": "2.2.2-develop-b2school.20250407165159",
+    "@edifice.io/tiptap-extensions": "2.2.2-develop-b2school.20250407165159",
+    "@edifice.io/utilities": "2.2.2-develop-b2school.20250407165159"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -151,8 +151,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.2.2-develop-b2school.20250404170224",
-    "@edifice.io/config": "2.2.2-develop-b2school.20250404170224"
+    "@edifice.io/client": "2.2.2-develop-b2school.20250407165159",
+    "@edifice.io/config": "2.2.2-develop-b2school.20250407165159"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",