@sanity/ui 0.36.16 → 0.36.17

package/lib/src/components/autocomplete/autocomplete.d.ts

@@ -40,6 +40,8 @@ export interface AutocompleteProps<Option extends BaseAutocompleteOption> {
         content: React.ReactElement | null;
         hidden: boolean;
         inputElement: HTMLInputElement | null;
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
     }, ref: React.Ref<HTMLDivElement>) => React.ReactNode;
     renderValue?: (value: string, option?: Option) => string;
     suffix?: React.ReactNode;

package/lib/src/components/autocomplete/autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KASN,MAAM,OAAO,CAAA;AAId,OAAO,EAAM,QAAQ,EAAgB,YAAY,EAAyB,MAAM,kBAAkB,CAAA;AAWlG,OAAO,EAAC,2BAA2B,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAE3E;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,MAAM,SAAS,sBAAsB;IACtE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAA;IACzD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,SAAS,CAAA;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,2BAA2B,CAAA;IAClD,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,cAAc,GAAG,cAAc,GAAG,MAAM,CAAC,CAAA;IAClF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,WAAW,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAA;IACrD;;OAEG;IACH,aAAa,CAAC,EAAE,CACd,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;QAClC,MAAM,EAAE,OAAO,CAAA;QACf,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAA;KACtC,EACD,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,KAC3B,KAAK,CAAC,SAAS,CAAA;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IACxD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAwjBD;;GAEG;AACH,eAAO,MAAM,YAAY;;MAyBpB,MAAM,YAAY,CAAA"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KASN,MAAM,OAAO,CAAA;AAId,OAAO,EAAM,QAAQ,EAAgB,YAAY,EAAyB,MAAM,kBAAkB,CAAA;AAWlG,OAAO,EAAC,2BAA2B,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAE3E;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,MAAM,SAAS,sBAAsB;IACtE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAA;IACzD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,SAAS,CAAA;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,2BAA2B,CAAA;IAClD,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,cAAc,GAAG,cAAc,GAAG,MAAM,CAAC,CAAA;IAClF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,WAAW,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAA;IACrD;;OAEG;IACH,aAAa,CAAC,EAAE,CACd,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;QAClC,MAAM,EAAE,OAAO,CAAA;QACf,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAA;QACrC,YAAY,EAAE,MAAM,IAAI,CAAA;QACxB,YAAY,EAAE,MAAM,IAAI,CAAA;KACzB,EACD,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,KAC3B,KAAK,CAAC,SAAS,CAAA;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IACxD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AA8jBD;;GAEG;AACH,eAAO,MAAM,YAAY;;MAyBpB,MAAM,YAAY,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ui",
-  "version": "0.36.16",
+  "version": "0.36.17",
   "sideEffects": false,
   "source": "src/index.ts",
   "exports": {
@@ -71,5 +71,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ae8fa191ffc390ff27427d393451a181c381c399"
+  "gitHead": "bffa8588fc2167c42afab5d788a69303947099a0"
 }

package/src/components/autocomplete/__workshop__/fullscreen.tsx

@@ -81,13 +81,22 @@ export default function Fullscreen() {
   }, [])
 
   const renderPopover = useCallback(
-    (props: {content: React.ReactNode; hidden: boolean}, ref: React.Ref<HTMLDivElement>) => {
+    (
+      props: {
+        content: React.ReactNode
+        hidden: boolean
+        onMouseEnter: () => void
+        onMouseLeave: () => void
+      },
+      ref: React.Ref<HTMLDivElement>
+    ) => {
       if (!props.hidden && error) {
         return (
           <Portal>
             <Card
+              onMouseEnter={props.onMouseEnter}
+              onMouseLeave={props.onMouseLeave}
               padding={4}
-              scheme="light"
               style={{position: 'absolute', inset: '0 0 0 0'}}
               tone="critical"
             >
@@ -104,7 +113,12 @@ export default function Fullscreen() {
       if (!props.hidden && query && !loading && options.length === 0) {
         return (
           <Portal>
-            <Card padding={4} scheme="light" style={{position: 'absolute', inset: '0 0 0 0'}}>
+            <Card
+              onMouseEnter={props.onMouseEnter}
+              onMouseLeave={props.onMouseLeave}
+              padding={4}
+              style={{position: 'absolute', inset: '0 0 0 0'}}
+            >
               <Flex align="center" height="fill" justify="center">
                 <Text align="center" muted>
                   No results for <strong>‘{query}’</strong>
@@ -117,7 +131,12 @@ export default function Fullscreen() {
 
       return (
         <Portal>
-          <Card hidden={props.hidden} ref={ref} scheme="light">
+          <Card
+            hidden={props.hidden}
+            onMouseEnter={props.onMouseEnter}
+            onMouseLeave={props.onMouseLeave}
+            ref={ref}
+          >
             {props.content}
           </Card>
         </Portal>
@@ -158,7 +177,7 @@ export default function Fullscreen() {
     <Card style={{display: 'flex', flexDirection: 'column', minHeight: '100%'}} tone="transparent">
       <PortalProvider element={portalElement}>
         <Flex direction="column" flex={1} height="fill">
-          <Card hidden={open} padding={2} scheme="dark">
+          <Card hidden={open} padding={2}>
             <Flex align="center">
               <Box flex={1} />
               <Button

package/src/components/autocomplete/autocomplete.tsx

@@ -65,6 +65,8 @@ export interface AutocompleteProps<Option extends BaseAutocompleteOption> {
       content: React.ReactElement | null
       hidden: boolean
       inputElement: HTMLInputElement | null
+      onMouseEnter: () => void
+      onMouseLeave: () => void
     },
     ref: React.Ref<HTMLDivElement>
   ) => React.ReactNode
@@ -586,7 +588,13 @@ const InnerAutocomplete = forwardRef(function InnerAutocomplete<
   const results = useMemo(() => {
     if (renderPopover) {
       return renderPopover(
-        {content, hidden: !expanded, inputElement: inputElementRef.current},
+        {
+          content,
+          hidden: !expanded,
+          inputElement: inputElementRef.current,
+          onMouseEnter: handlePopoverMouseEnter,
+          onMouseLeave: handlePopoverMouseLeave,
+        },
         setResultsPopoverElement
       )
     }