@strapi/ui-primitives 2.0.0-rc.21 → 2.0.0-rc.22

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

@@ -35,6 +35,7 @@ interface RootProps {
     filterValue?: string;
     onFilterValueChange?(value: string): void;
     isPrintableCharacter?: (str: string) => boolean;
+    visible?: boolean;
 }
 type TriggerProps = PrimitiveDivProps;
 type TextInputProps = React.InputHTMLAttributes<HTMLInputElement>;

package/dist/index.js

@@ -217,7 +217,8 @@ const Combobox = (props) => {
     filterValue: filterValueProp,
     defaultFilterValue,
     onFilterValueChange,
-    isPrintableCharacter = defaultIsPrintableCharacter
+    isPrintableCharacter = defaultIsPrintableCharacter,
+    visible = false
   } = props;
   const [trigger, setTrigger] = React__namespace.useState(null);
   const [viewport, setViewport] = React__namespace.useState(null);
@@ -306,6 +307,7 @@ const Combobox = (props) => {
       onFilterValueChange: setFilterValue,
       onVisuallyFocussedItemChange: setVisuallyFocussedItem,
       isPrintableCharacter,
+      visible,
       children
     }
   ) });
@@ -873,18 +875,29 @@ const ComboboxItemIndicator = React__namespace.forwardRef((props, forwardedRef)
 ComboboxItemIndicator.displayName = ITEM_INDICATOR_NAME$1;
 const NO_VALUE_FOUND_NAME = "ComboboxNoValueFound";
 const ComboboxNoValueFound = React__namespace.forwardRef((props, ref) => {
-  const { textValue = "", filterValue = "", locale, autocomplete } = useComboboxContext(NO_VALUE_FOUND_NAME);
+  const {
+    textValue = "",
+    filterValue = "",
+    visible = false,
+    locale,
+    autocomplete
+  } = useComboboxContext(NO_VALUE_FOUND_NAME);
   const [items, setItems] = React__namespace.useState([]);
   const { subscribe } = useCollection$1(void 0);
   const { startsWith, contains } = useFilter(locale, { sensitivity: "base" });
   React__namespace.useEffect(() => {
     const unsub = subscribe((state) => {
-      setItems(state);
+      if (visible) {
+        const filteredItems = state.filter((item) => item.type !== "create");
+        setItems(filteredItems);
+      } else {
+        setItems(state);
+      }
     });
     return () => {
       unsub();
     };
-  }, [subscribe]);
+  }, [visible, subscribe]);
   if (autocomplete.type === "none" && items.length > 0)
     return null;
   if (autocomplete.type === "list" && autocomplete.filter === "startsWith" && items.some((item) => startsWith(item.textValue, textValue))) {
@@ -933,7 +946,7 @@ const ComboboxCreateItem = React__namespace.forwardRef((props, ref) => {
       unsub();
     };
   }, [textValue, subscribe, getItems]);
-  if (!textValue || !show) {
+  if ((!textValue || !show) && !context.visible) {
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -956,7 +969,7 @@ const ComboboxCreateItem = React__namespace.forwardRef((props, ref) => {
           ...restProps,
           id,
           ref: composedRefs,
-          onPointerUp: primitive.composeEventHandlers(restProps.onPointerUp, handleSelect)
+          onClick: primitive.composeEventHandlers(restProps.onPointerUp, handleSelect)
         }
       )
     }