@wistia/ui 0.15.2-beta.f16ddbc2.511b369 → 0.15.2-beta.ff7c5558.c2b6c70

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.15.2-beta.f16ddbc2.511b369
+ * @license @wistia/ui v0.15.2-beta.ff7c5558.c2b6c70
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -2992,26 +2992,11 @@ var useForceUpdate = () => {
 var import_react11 = require("react");
 var useIsHovered = () => {
   const [isHovered, setIsHovered] = (0, import_react11.useState)(false);
-  const onFocus = (event) => {
-    if (event.target !== event.currentTarget) return;
-    setIsHovered(true);
-  };
-  const onMouseEnter = (event) => {
-    if (event.target !== event.currentTarget) return;
-    setIsHovered(true);
-  };
-  const onMouseMove = (event) => {
-    if (event.target !== event.currentTarget) return;
-    setIsHovered(true);
-  };
-  const onBlur = (event) => {
-    if (event.target !== event.currentTarget) return;
-    setIsHovered(false);
-  };
-  const onMouseLeave = (event) => {
-    if (event.target !== event.currentTarget) return;
-    setIsHovered(false);
-  };
+  const onFocus = () => setIsHovered(true);
+  const onMouseEnter = () => setIsHovered(true);
+  const onMouseMove = () => setIsHovered(true);
+  const onBlur = () => setIsHovered(false);
+  const onMouseLeave = () => setIsHovered(false);
   const hoverProps = {
     onFocus,
     onMouseEnter,
@@ -12845,12 +12830,14 @@ var Combobox2 = ({
   onSearchValueChange,
   displayValues = defaultDisplayValues,
   children,
+  flipPopover = true,
   fullWidth = true
 }) => {
   const [isPending, startTransition] = (0, import_react54.useTransition)();
   const [wrapperWidth, setWrapperWidth] = (0, import_react54.useState)("auto");
   const comboboxWrapperRef = (0, import_react54.useRef)(null);
   const options = (0, import_react54.useMemo)(() => extractOptions(children), [children]);
+  const isMultiSelect = (0, import_type_guards37.isArray)(value);
   (0, import_react54.useEffect)(() => {
     const comboboxWrapper = comboboxWrapperRef.current;
     if (comboboxWrapper) {
@@ -12893,7 +12880,7 @@ var Combobox2 = ({
             ref: comboboxWrapperRef,
             $fullWidth: fullWidth,
             children: [
-              displayValues(value, handleRemoveValue),
+              isMultiSelect ? displayValues(value, handleRemoveValue) : null,
               /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
                 ComboboxInput,
                 {
@@ -12908,7 +12895,9 @@ var Combobox2 = ({
           ComboboxPopover2,
           {
             "aria-busy": isPending,
+            flip: flipPopover,
             gutter: 8,
+            onClose: () => onSearchValueChange(""),
             sameWidth: false,
             style: {
               width: wrapperWidth
@@ -16513,7 +16502,7 @@ var Container10 = import_styled_components106.default.div`
   flex: 1 1 auto;
 `;
 var ScrollContainer = import_styled_components106.default.div`
-  overflow: ${({ $locked }) => $locked ? "hidden" : "auto"};
+  overflow: auto;
   height: 100%;
   width: 100%;
 `;
@@ -16553,7 +16542,7 @@ var ShadowAtRight = (0, import_styled_components106.default)(Shadow)`
   width: 0;
 `;
 var ScrollArea = (0, import_react85.forwardRef)(
-  ({ children, onScroll, style, locked = false, ...props }, forwardedRef) => {
+  ({ children, onScroll, style, ...props }, forwardedRef) => {
     const scrollContainerRefInternal = (0, import_react85.useRef)(null);
     const [shadowState, setShadowState] = (0, import_react85.useState)({
       canScrollUp: false,
@@ -16594,7 +16583,6 @@ var ScrollArea = (0, import_react85.forwardRef)(
         ScrollContainer,
         {
           ref: scrollContainerRef,
-          $locked: locked,
           onScroll: onScrollScrollContainer,
           ...props,
           children