@gooddata/sdk-ui-semantic-search 10.8.0-alpha.0 → 10.8.0-alpha.10

package/styles/scss/main.scss

@@ -15,8 +15,9 @@
         gap: 1em;
         padding: 0 1em;
         height: $line-height;
+        text-decoration: none;
 
-        &--selected {
+        &--active {
             color: kit-variables.$is-focused-color;
             background: kit-variables.$is-focused-background;
         }
@@ -38,12 +39,57 @@
         &__text {
             flex-grow: 1;
             min-width: 0; // A hack to make ellipsis work in flexbox
-        }
-
-        &__text > p {
+            font-weight: 400;
+            line-height: 1.4rem;
+            color: kit-variables.$gd-color-text;
+            font-size: 14px;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
         }
+
+        &__details {
+            display: none;
+            width: 16px;
+            height: 16px;
+            align-items: center;
+
+            &__contents {
+                width: 190px;
+                padding: 5px;
+                box-sizing: border-box;
+                display: flex;
+                flex-direction: column;
+
+                & > * {
+                    margin-bottom: 15px;
+                }
+
+                h3 {
+                    font-size: 14px;
+                    margin: 0 0 10px;
+                }
+
+                .gd-ellipsis-text-content {
+                    font-size: 12px;
+                }
+
+                h4 {
+                    margin: 0;
+                    text-transform: uppercase;
+                    font-size: 10px;
+                    font-weight: 400;
+                    color: kit-variables.$gd-color-state-blank;
+                }
+            }
+        }
+
+        &--active &__details {
+            display: unset;
+        }
     }
 }
+
+.gd-semantic-search__bubble.bubble.bubble-light {
+    background: kit-variables.$gd-color-white;
+}

package/esm/SearchResults.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchResults.d.ts","sourceRoot":"","sources":["../src/SearchResults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAIhE;;;GAGG;AACH,KAAK,kBAAkB,GAAG;IACtB;;OAEG;IACH,aAAa,EAAE,yBAAyB,EAAE,CAAC;IAC3C;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6DtD,CAAC"}

package/esm/SearchResults.js

@@ -1,43 +0,0 @@
-// (C) 2024 GoodData Corporation
-import * as React from "react";
-import { DropdownList } from "@gooddata/sdk-ui-kit";
-import { ResultsItem } from "./ResultsItem.js";
-/**
- * A dropdown list with the search results.
- * @internal
- */
-export const SearchResults = ({ searchResults, searchLoading, isMobile, width, onSelect, }) => {
-    const [selected, setSelected] = React.useState(0);
-    React.useEffect(() => {
-        setSelected(0);
-    }, [searchResults]);
-    React.useEffect(() => {
-        const listener = (event) => {
-            if (["ArrowDown", "ArrowUp", "Enter"].indexOf(event.key) === -1)
-                return;
-            event.preventDefault();
-            event.stopImmediatePropagation();
-            switch (event.key) {
-                case "ArrowDown":
-                    setSelected(Math.min(selected + 1, searchResults.length - 1));
-                    break;
-                case "ArrowUp":
-                    setSelected(Math.max(selected - 1, 0));
-                    break;
-                case "Enter":
-                    onSelect(searchResults[selected]);
-            }
-        };
-        // Listen to keyboard events while the component is mounted
-        document.addEventListener("keydown", listener);
-        return () => {
-            document.removeEventListener("keydown", listener);
-        };
-    }, [searchResults, onSelect, selected]);
-    return (React.createElement(DropdownList, { width: width, isMobile: isMobile, isLoading: searchLoading, itemHeight: 45, renderItem: ({ rowIndex, item, ...props }) => {
-            return (React.createElement(ResultsItem, { onHover: () => setSelected(rowIndex), onClick: () => {
-                    onSelect(item);
-                }, selected: rowIndex === selected, item: item, ...props }));
-        }, items: searchResults }));
-};
-//# sourceMappingURL=SearchResults.js.map

package/esm/SearchResults.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchResults.js","sourceRoot":"","sources":["../src/SearchResults.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AA6B/C;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EACxD,aAAa,EACb,aAAa,EACb,QAAQ,EACR,KAAK,EACL,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,WAAW,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;YACtC,IAAI,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBAAE,OAAO;YAExE,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;YAEjC,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;gBAChB,KAAK,WAAW;oBACZ,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;oBAC9D,MAAM;gBACV,KAAK,SAAS;oBACV,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;oBACvC,MAAM;gBACV,KAAK,OAAO;oBACR,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC1C,CAAC;QACL,CAAC,CAAC;QAEF,2DAA2D;QAC3D,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAE/C,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QACtD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExC,OAAO,CACH,oBAAC,YAAY,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,EAAE,EACd,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;YACzC,OAAO,CACH,oBAAC,WAAW,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,EACpC,OAAO,EAAE,GAAG,EAAE;oBACV,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACnB,CAAC,EACD,QAAQ,EAAE,QAAQ,KAAK,QAAQ,EAC/B,IAAI,EAAE,IAAI,KACN,KAAK,GACX,CACL,CAAC;QACN,CAAC,EACD,KAAK,EAAE,aAAa,GACtB,CACL,CAAC;AACN,CAAC,CAAC"}