@gooddata/sdk-ui-semantic-search 10.37.0 → 10.38.0-alpha.2

package/esm/localization/bundles/en-US.localization-bundle.js.map

@@ -1 +1 @@
-{"version":3,"file":"en-US.localization-bundle.js","sourceRoot":"","sources":["../../../src/localization/bundles/en-US.localization-bundle.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,6DAA6D;AAC7D,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,6BAA6B,EAAE,yCAAyC;IACxE,4BAA4B,EAAE,sCAAsC;IACpE,4BAA4B,EAAE,iCAAiC;IAC/D,uBAAuB,EAAE,oCAAoC;IAC7D,6BAA6B,EAAE,qCAAqC;IACpE,oBAAoB,EAAE,IAAI;IAC1B,sBAAsB,EAAE,MAAM;IAC9B,uBAAuB,EAAE,gBAAgB;IACzC,iCAAiC,EAAE,iBAAiB;IACpD,yBAAyB,EAAE,IAAI;IAC/B,kCAAkC,EAAE,kBAAkB;IACtD,eAAe,EAAE,OAAO;IACxB,mBAAmB,EAAE,WAAW;CACnC,CAAC"}
+{"version":3,"file":"en-US.localization-bundle.js","sourceRoot":"","sources":["../../../src/localization/bundles/en-US.localization-bundle.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,6DAA6D;AAC7D,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,6BAA6B,EAAE,yCAAyC;IACxE,4BAA4B,EAAE,sCAAsC;IACpE,4BAA4B,EAAE,iCAAiC;IAC/D,+BAA+B,EAAE,mDAAmD;IACpF,uBAAuB,EAAE,oCAAoC;IAC7D,6BAA6B,EAAE,qCAAqC;IACpE,oBAAoB,EAAE,IAAI;IAC1B,sBAAsB,EAAE,MAAM;IAC9B,uBAAuB,EAAE,gBAAgB;IACzC,iCAAiC,EAAE,iBAAiB;IACpD,sBAAsB,EAAE,sBAAsB;IAC9C,8BAA8B,EAAE,8BAA8B;IAC9D,sBAAsB,EAAE,MAAM;IAC9B,yBAAyB,EAAE,IAAI;IAC/B,kCAAkC,EAAE,kBAAkB;IACtD,eAAe,EAAE,OAAO;IACxB,mBAAmB,EAAE,WAAW;CACnC,CAAC"}

package/esm/utils/getAriaLabel.d.ts

@@ -0,0 +1,5 @@
+import { type ISemanticSearchRelationship, type ISemanticSearchResultItem } from "@gooddata/sdk-model";
+export declare function getAriaLabel(item: ISemanticSearchResultItem | ISemanticSearchRelationship): string;
+export declare function getItemAriaLabel(item: ISemanticSearchResultItem): string;
+export declare function getRelationshipAriaLabel(item: ISemanticSearchRelationship): string;
+//# sourceMappingURL=getAriaLabel.d.ts.map

package/esm/utils/getAriaLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAriaLabel.d.ts","sourceRoot":"","sources":["../../src/utils/getAriaLabel.ts"],"names":[],"mappings":"AACA,OAAO,EAGH,KAAK,2BAA2B,EAChC,KAAK,yBAAyB,EACjC,MAAM,qBAAqB,CAAC;AAE7B,wBAAgB,YAAY,CAAC,IAAI,EAAE,yBAAyB,GAAG,2BAA2B,GAAG,MAAM,CAQlG;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,yBAAyB,GAAG,MAAM,CAExE;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,2BAA2B,GAAG,MAAM,CAElF"}

package/esm/utils/getAriaLabel.js

@@ -0,0 +1,27 @@
+// (C) 2024-2025 GoodData Corporation
+import { isSemanticSearchRelationship, isSemanticSearchResultItem, } from "@gooddata/sdk-model";
+export function getAriaLabel(item) {
+    if (isSemanticSearchResultItem(item)) {
+        return getItemAriaLabel(item);
+    }
+    if (isSemanticSearchRelationship(item)) {
+        return getRelationshipAriaLabel(item);
+    }
+    return "";
+}
+export function getItemAriaLabel(item) {
+    return `${item.title}, ${getTypeLabel(item)}`;
+}
+export function getRelationshipAriaLabel(item) {
+    return `${item.sourceObjectTitle}, ${item.targetObjectType}`;
+}
+function getTypeLabel(item) {
+    if (item.type === "visualization") {
+        // Ideally we want to translate this properly, but there is no ready-made mapping in SDK.
+        // Consider doing it once l18n for this package is moved here.
+        // For area-labels, visualizationUrl minus the "local:" prefix is a good enough fallback.
+        return item.visualizationUrl?.replace("local:", "") ?? item.type;
+    }
+    return item.type;
+}
+//# sourceMappingURL=getAriaLabel.js.map

package/esm/utils/getAriaLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAriaLabel.js","sourceRoot":"","sources":["../../src/utils/getAriaLabel.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EACH,4BAA4B,EAC5B,0BAA0B,GAG7B,MAAM,qBAAqB,CAAC;AAE7B,MAAM,UAAU,YAAY,CAAC,IAA6D;IACtF,IAAI,0BAA0B,CAAC,IAAI,CAAC,EAAE,CAAC;QACnC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;IACD,IAAI,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC;QACrC,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IACD,OAAO,EAAE,CAAC;AACd,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,IAA+B;IAC5D,OAAO,GAAG,IAAI,CAAC,KAAK,KAAK,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,IAAiC;IACtE,OAAO,GAAG,IAAI,CAAC,iBAAiB,KAAK,IAAI,CAAC,gBAAgB,EAAE,CAAC;AACjE,CAAC;AAED,SAAS,YAAY,CAAC,IAA+B;IACjD,IAAI,IAAI,CAAC,IAAI,KAAK,eAAe,EAAE,CAAC;QAChC,yFAAyF;QACzF,8DAA8D;QAC9D,yFAAyF;QACzF,OAAO,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;IACrE,CAAC;IACD,OAAO,IAAI,CAAC,IAAI,CAAC;AACrB,CAAC"}

package/esm/utils/searchItem.d.ts

@@ -0,0 +1,8 @@
+import type { ISemanticSearchRelationship, ISemanticSearchResultItem } from "@gooddata/sdk-model";
+/** @internal */
+export declare function isItemLocked(item: ISemanticSearchResultItem, workspace: string): boolean;
+/** @internal */
+export declare function isRelationshipLocked(item: ISemanticSearchRelationship, workspace: string): boolean;
+/** @internal */
+export declare function getItemRelationships(item: ISemanticSearchResultItem, relationships: ISemanticSearchRelationship[]): ISemanticSearchRelationship[];
+//# sourceMappingURL=searchItem.d.ts.map

package/esm/utils/searchItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchItem.d.ts","sourceRoot":"","sources":["../../src/utils/searchItem.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,2BAA2B,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAElG,gBAAgB;AAChB,wBAAgB,YAAY,CAAC,IAAI,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,WAE9E;AAED,gBAAgB;AAChB,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,2BAA2B,EAAE,SAAS,EAAE,MAAM,WAExF;AAED,gBAAgB;AAChB,wBAAgB,oBAAoB,CAChC,IAAI,EAAE,yBAAyB,EAC/B,aAAa,EAAE,2BAA2B,EAAE,iCAQ/C"}

package/esm/utils/searchItem.js

@@ -0,0 +1,15 @@
+/** @internal */
+export function isItemLocked(item, workspace) {
+    return item.workspaceId !== workspace;
+}
+/** @internal */
+export function isRelationshipLocked(item, workspace) {
+    return item.targetWorkspaceId !== workspace;
+}
+/** @internal */
+export function getItemRelationships(item, relationships) {
+    return relationships.filter((rel) => rel.targetObjectId === item.id &&
+        rel.targetObjectType === item.type &&
+        rel.sourceObjectType === "dashboard");
+}
+//# sourceMappingURL=searchItem.js.map

package/esm/utils/searchItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchItem.js","sourceRoot":"","sources":["../../src/utils/searchItem.ts"],"names":[],"mappings":"AAGA,gBAAgB;AAChB,MAAM,UAAU,YAAY,CAAC,IAA+B,EAAE,SAAiB;IAC3E,OAAO,IAAI,CAAC,WAAW,KAAK,SAAS,CAAC;AAC1C,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,oBAAoB,CAAC,IAAiC,EAAE,SAAiB;IACrF,OAAO,IAAI,CAAC,iBAAiB,KAAK,SAAS,CAAC;AAChD,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,oBAAoB,CAChC,IAA+B,EAC/B,aAA4C;IAE5C,OAAO,aAAa,CAAC,MAAM,CACvB,CAAC,GAAG,EAAE,EAAE,CACJ,GAAG,CAAC,cAAc,KAAK,IAAI,CAAC,EAAE;QAC9B,GAAG,CAAC,gBAAgB,KAAK,IAAI,CAAC,IAAI;QAClC,GAAG,CAAC,gBAAgB,KAAK,WAAW,CAC3C,CAAC;AACN,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-semantic-search",
-  "version": "10.37.0",
+  "version": "10.38.0-alpha.2",
   "description": "GoodData SDK TypeScript & React skeleton",
   "repository": {
     "type": "git",
@@ -38,12 +38,12 @@
     "react-intl": "6.8.9",
     "tslib": "2.8.1",
     "classnames": "^2.3.1",
-    "@gooddata/sdk-model": "10.37.0",
-    "@gooddata/sdk-ui-kit": "10.37.0",
-    "@gooddata/sdk-backend-spi": "10.37.0",
-    "@gooddata/sdk-ui": "10.37.0",
-    "@gooddata/sdk-ui-theme-provider": "10.37.0",
-    "@gooddata/util": "10.37.0"
+    "@gooddata/sdk-model": "10.38.0-alpha.2",
+    "@gooddata/sdk-ui": "10.38.0-alpha.2",
+    "@gooddata/sdk-ui-kit": "10.38.0-alpha.2",
+    "@gooddata/sdk-backend-spi": "10.38.0-alpha.2",
+    "@gooddata/sdk-ui-theme-provider": "10.38.0-alpha.2",
+    "@gooddata/util": "10.38.0-alpha.2"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -59,16 +59,16 @@
     "@types/raf": "^3.4.0",
     "@types/react-dom": "18.3.7",
     "@types/react": "18.3.23",
-    "@typescript-eslint/eslint-plugin": "^5.57.1",
-    "@typescript-eslint/parser": "^5.57.1",
+    "@typescript-eslint/eslint-plugin": "^8.38.0",
+    "@typescript-eslint/parser": "^8.38.0",
     "concurrently": "^6.0.2",
     "dependency-cruiser": "^13.0.3",
-    "eslint": "^8.25.0",
+    "eslint": "^8.57.1",
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-header": "^3.0.0",
     "eslint-plugin-import": "^2.22.0",
     "eslint-plugin-import-esm": "^1.2.1",
-    "eslint-plugin-jest": "^27.1.1",
+    "eslint-plugin-jest": "^29.0.1",
     "eslint-plugin-no-only-tests": "^2.4.0",
     "eslint-plugin-prettier": "^5.5.1",
     "eslint-plugin-react-hooks": "^4.5.0",
@@ -87,11 +87,11 @@
     "stylelint": "^13.8.0",
     "stylelint-checkstyle-formatter": "^0.1.2",
     "stylelint-config-prettier": "^9.0.5",
-    "@gooddata/i18n-toolkit": "10.37.0",
-    "@gooddata/sdk-backend-mockingbird": "10.37.0"
+    "@gooddata/i18n-toolkit": "10.38.0-alpha.2",
+    "@gooddata/sdk-backend-mockingbird": "10.38.0-alpha.2"
   },
   "scripts": {
-    "clean": "rm -rf ci dist esm coverage *.log styles/css tsconfig.tsbuildinfo",
+    "clean": "../../common/scripts/clean-command-state.sh && rm -rf ci dist esm coverage *.log styles/css tsconfig.tsbuildinfo",
     "api-extractor": "mkdir -p api && [ -z \"${CI}\" ] && (api-extractor run -l) || (api-extractor run)",
     "build": "bash scripts/build.sh",
     "build-dynamic-files": "bash scripts/build.sh --genFilesOnly",

package/styles/css/internal.css

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 /* allow vendor prefixes and disable max length */
 /* allow vendor prefixes and disable max length */
 :root {
@@ -225,24 +224,54 @@
 
 .gd-semantic-search__results-item {
   cursor: pointer;
+  user-select: none;
+  width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
+}
+.gd-semantic-search__results-item[data-level="1"] {
   height: 50px;
 }
+.gd-semantic-search__results-item[data-level="1"] .gd-semantic-search__results-item__content {
+  height: 48px;
+}
+.gd-semantic-search__results-item[data-level="1"] .gd-semantic-search__results-item__icon {
+  width: 26px;
+  height: 26px;
+}
+.gd-semantic-search__results-item[data-level="1"] .gd-semantic-search__results-item__icon svg {
+  width: 26px;
+  height: 26px;
+}
+.gd-semantic-search__results-item[data-level="2"] {
+  height: 30px;
+  padding-left: 10px;
+}
+.gd-semantic-search__results-item[data-level="2"] .gd-semantic-search__results-item__content {
+  height: 28px;
+}
+.gd-semantic-search__results-item[data-level="2"] .gd-semantic-search__results-item__icon {
+  width: 16px;
+  height: 16px;
+}
+.gd-semantic-search__results-item[data-level="2"] .gd-semantic-search__results-item__icon svg {
+  width: 16px;
+  height: 16px;
+}
 .gd-semantic-search__results-item--active {
   color: var(--gd-palette-complementary-9, #000);
   background: var(--gd-palette-complementary-2, #ebeff4);
 }
 .gd-semantic-search__results-item__content {
+  box-sizing: border-box;
   width: 100%;
-  height: 48px;
   margin: 1px 0;
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 1em;
-  padding: 0 1em;
+  padding: 5px 12px;
   text-decoration: none;
 }
 .gd-semantic-search__results-item__content:hover, .gd-semantic-search__results-item__content:focus, .gd-semantic-search__results-item__content:active, .gd-semantic-search__results-item__content:visited {
@@ -251,26 +280,6 @@
 .gd-semantic-search__results-item__content:focus-visible {
   outline: revert;
 }
-.gd-semantic-search__results-item__icon {
-  width: 26px;
-  height: 26px;
-  display: flex;
-  align-items: center;
-}
-.gd-semantic-search__results-item__icon > svg {
-  width: 26px;
-  height: 26px;
-}
-.gd-semantic-search__results-item__icon > span {
-  width: 26px;
-  height: 26px;
-  display: flex;
-  align-items: center;
-}
-.gd-semantic-search__results-item__icon > span > svg {
-  width: 26px;
-  height: 26px;
-}
 .gd-semantic-search__results-item__text {
   flex: 1;
   min-width: 0;
@@ -295,9 +304,17 @@
   text-overflow: ellipsis;
   flex-shrink: 1;
 }
+.gd-semantic-search__results-item__details-container {
+  display: grid;
+  justify-items: end;
+  height: 100%;
+  font-size: 14px;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
 .gd-semantic-search__results-item__details {
   width: 16px;
   height: 16px;
+  align-self: center;
   align-items: center;
 }
 .gd-semantic-search__results-item__details .gd-ellipsis-text {
@@ -333,6 +350,22 @@
   text-transform: none;
   font-size: 12px;
 }
+.gd-semantic-search__results-item__counter {
+  display: flex;
+  align-self: end;
+  align-items: center;
+  gap: 5px;
+}
+.gd-semantic-search__results-item__counter__icon {
+  width: 16px;
+  height: 16px;
+  transition: rotate 0.2s;
+  transform-origin: center;
+  rotate: 0deg;
+}
+.gd-semantic-search__results-item__counter__icon--expanded {
+  rotate: 90deg;
+}
 .gd-semantic-search__bubble.bubble.bubble-light {
   background: var(--gd-palette-complementary-0, #fff);
 }
@@ -343,7 +376,7 @@
   display: flex;
   width: 100%;
   height: 50px;
-  padding: 5px 10px;
+  padding: 5px 12px;
   align-items: center;
   gap: 10px;
   border: 1px solid var(--gd-palette-complementary-0, #fff);
@@ -381,6 +414,10 @@
   text-underline-position: from-font;
 }
 
+.gd-ui-kit-treeview {
+  margin: 10px 0;
+}
+
 .gd-semantic-search__overlay {
   background: var(--gd-palette-complementary-0, #fff);
   margin: 10px 0;
@@ -407,26 +444,8 @@
   height: 100px;
   padding: 0 10px;
 }
-.gd-semantic-search__results-item--history .gd-semantic-search__results-item__icon {
-  width: 17px;
-  height: 17px;
-  display: flex;
-  align-items: center;
-}
-.gd-semantic-search__results-item--history .gd-semantic-search__results-item__icon > svg {
-  width: 17px;
-  height: 17px;
-}
 .gd-semantic-search__results-item__text__lock-icon {
-  width: 14px;
-}
-.gd-semantic-search__results-item__text__lock-icon svg {
-  width: 14px;
-  height: 14px;
-}
-.gd-semantic-search__results-item__text__row:not(:first-child) :not(:first-child)::before {
-  content: "•";
-  padding-right: 5px;
+  align-self: center;
 }
 
 /*# sourceMappingURL=internal.css.map */

package/styles/css/internal.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/src/@ui/defaultTheme.scss","../scss/main.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/internal.scss"],"names":[],"mappings":";AA0HA;AA4DA;AClLA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EAGA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AChOA;EAEI;EAEA;EACA;EACA;EACA,QANc;;AAQd;EACI,OCMI;EDLJ,YCiFY;;AD9EhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAII;;AAGJ;EACI;;AAIR;EAlDJ,OAmDsB;EAlDtB,QAkDsB;EAjDtB;EACA;;AAEA;EAEI,OA4CkB;EA3ClB,QA2CkB;;AAEd;EArDR,OAsD0B;EArD1B,QAqD0B;EApD1B;EACA;;AAEA;EAEI,OA+CsB;EA9CtB,QA8CsB;;AAItB;EACI;EACA;EACA;EACA;EACA;EACA,OCzCI;ED0CJ;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI,OC3DO;;AD8DX;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA,OCrGO;;ADwGX;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAKZ;EACI,YC5HS;;AD+Hb;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCrHU;EDsHV,YC5IS;ED6IT;EACA;;AAEA;EACI,OC9HI;ED+HJ,YCnDY;EDoDZ;EACA,kBC9HM;;ADiIV;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI,OCxJI;EDyJJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AEpLR;EACI,YDOS;ECNT;;AAGA;EACI;;AAKA;EACI;;AAKZ;EACI;;AAGJ;EAEI;EACA;EACA;EACA,ODZe;;ACenB;EACI;;AAGJ;EACI;EACA;;AAIA;EFzCJ,OE0C2B;EFzC3B,QEyC2B;EFxC3B;EACA;;AAEA;EAEI,OEmCuB;EFlCvB,QEkCuB;;AAGvB;EACI;;AAEA;EACI;EACA;;AAKJ;EACI;EACA","file":"internal.css"}
+{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/src/@ui/defaultTheme.scss","../scss/main.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/internal.scss"],"names":[],"mappings":"AA0HA;AA4DA;AClLA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EAGA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AClOA;EAEI;EACA;EACA;EAEA;EACA;EACA;;AAEA;EAEI,QADc;;AAGd;EACI;;AAEJ;EA5BR,OA6B0B;EA5B1B,QA4B0B;;AA1B1B;EAEI,OAwBsB;EAvBtB,QAuBsB;;AAItB;EAEI,QADc;EAEd;;AAEA;EACI;;AAEJ;EAzCR,OA0C0B;EAzC1B,QAyC0B;;AAvC1B;EAEI,OAqCsB;EApCtB,QAoCsB;;AAItB;EACI,OClBI;EDmBJ,YCyDY;;ADtDhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAII;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,OCzDI;ED0DJ;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI,OC3EO;;AD8EX;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA,OC3FW;;AD8Ff;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA,OC9HO;;ADiIX;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAKZ;EACI,YCxKS;;AD2Kb;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCjKU;EDkKV,YCxLS;EDyLT;EACA;;AAEA;EACI,OC1KI;ED2KJ,YC/FY;EDgGZ;EACA,kBC1KM;;AD6KV;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI,OCpMI;EDqMJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKZ;EACI;;;AEtOA;EACI,YDOS;ECNT;;AAGA;EACI;;AAKA;EACI;;AAKZ;EACI;;AAGJ;EAEI;EACA;EACA;EACA,ODZe;;ACenB;EACI;;AAGJ;EACI;EACA;;AAIA;EACI","file":"internal.css"}

package/styles/css/main.css

@@ -222,24 +222,54 @@
 
 .gd-semantic-search__results-item {
   cursor: pointer;
+  user-select: none;
+  width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
+}
+.gd-semantic-search__results-item[data-level="1"] {
   height: 50px;
 }
+.gd-semantic-search__results-item[data-level="1"] .gd-semantic-search__results-item__content {
+  height: 48px;
+}
+.gd-semantic-search__results-item[data-level="1"] .gd-semantic-search__results-item__icon {
+  width: 26px;
+  height: 26px;
+}
+.gd-semantic-search__results-item[data-level="1"] .gd-semantic-search__results-item__icon svg {
+  width: 26px;
+  height: 26px;
+}
+.gd-semantic-search__results-item[data-level="2"] {
+  height: 30px;
+  padding-left: 10px;
+}
+.gd-semantic-search__results-item[data-level="2"] .gd-semantic-search__results-item__content {
+  height: 28px;
+}
+.gd-semantic-search__results-item[data-level="2"] .gd-semantic-search__results-item__icon {
+  width: 16px;
+  height: 16px;
+}
+.gd-semantic-search__results-item[data-level="2"] .gd-semantic-search__results-item__icon svg {
+  width: 16px;
+  height: 16px;
+}
 .gd-semantic-search__results-item--active {
   color: var(--gd-palette-complementary-9, #000);
   background: var(--gd-palette-complementary-2, #ebeff4);
 }
 .gd-semantic-search__results-item__content {
+  box-sizing: border-box;
   width: 100%;
-  height: 48px;
   margin: 1px 0;
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 1em;
-  padding: 0 1em;
+  padding: 5px 12px;
   text-decoration: none;
 }
 .gd-semantic-search__results-item__content:hover, .gd-semantic-search__results-item__content:focus, .gd-semantic-search__results-item__content:active, .gd-semantic-search__results-item__content:visited {
@@ -248,26 +278,6 @@
 .gd-semantic-search__results-item__content:focus-visible {
   outline: revert;
 }
-.gd-semantic-search__results-item__icon {
-  width: 26px;
-  height: 26px;
-  display: flex;
-  align-items: center;
-}
-.gd-semantic-search__results-item__icon > svg {
-  width: 26px;
-  height: 26px;
-}
-.gd-semantic-search__results-item__icon > span {
-  width: 26px;
-  height: 26px;
-  display: flex;
-  align-items: center;
-}
-.gd-semantic-search__results-item__icon > span > svg {
-  width: 26px;
-  height: 26px;
-}
 .gd-semantic-search__results-item__text {
   flex: 1;
   min-width: 0;
@@ -292,9 +302,17 @@
   text-overflow: ellipsis;
   flex-shrink: 1;
 }
+.gd-semantic-search__results-item__details-container {
+  display: grid;
+  justify-items: end;
+  height: 100%;
+  font-size: 14px;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
 .gd-semantic-search__results-item__details {
   width: 16px;
   height: 16px;
+  align-self: center;
   align-items: center;
 }
 .gd-semantic-search__results-item__details .gd-ellipsis-text {
@@ -330,6 +348,22 @@
   text-transform: none;
   font-size: 12px;
 }
+.gd-semantic-search__results-item__counter {
+  display: flex;
+  align-self: end;
+  align-items: center;
+  gap: 5px;
+}
+.gd-semantic-search__results-item__counter__icon {
+  width: 16px;
+  height: 16px;
+  transition: rotate 0.2s;
+  transform-origin: center;
+  rotate: 0deg;
+}
+.gd-semantic-search__results-item__counter__icon--expanded {
+  rotate: 90deg;
+}
 .gd-semantic-search__bubble.bubble.bubble-light {
   background: var(--gd-palette-complementary-0, #fff);
 }
@@ -340,7 +374,7 @@
   display: flex;
   width: 100%;
   height: 50px;
-  padding: 5px 10px;
+  padding: 5px 12px;
   align-items: center;
   gap: 10px;
   border: 1px solid var(--gd-palette-complementary-0, #fff);
@@ -378,4 +412,8 @@
   text-underline-position: from-font;
 }
 
+.gd-ui-kit-treeview {
+  margin: 10px 0;
+}
+
 /*# sourceMappingURL=main.css.map */

package/styles/css/main.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/src/@ui/defaultTheme.scss","../scss/main.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AAIA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EAGA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AChOA;EAEI;EAEA;EACA;EACA;EACA,QANc;;AAQd;EACI,OCMI;EDLJ,YCiFY;;AD9EhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAII;;AAGJ;EACI;;AAIR;EAlDJ,OAmDsB;EAlDtB,QAkDsB;EAjDtB;EACA;;AAEA;EAEI,OA4CkB;EA3ClB,QA2CkB;;AAEd;EArDR,OAsD0B;EArD1B,QAqD0B;EApD1B;EACA;;AAEA;EAEI,OA+CsB;EA9CtB,QA8CsB;;AAItB;EACI;EACA;EACA;EACA;EACA;EACA,OCzCI;ED0CJ;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI,OC3DO;;AD8DX;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA,OCrGO;;ADwGX;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAKZ;EACI,YC5HS;;AD+Hb;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCrHU;EDsHV,YC5IS;ED6IT;EACA;;AAEA;EACI,OC9HI;ED+HJ,YCnDY;EDoDZ;EACA,kBC9HM;;ADiIV;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI,OCxJI;EDyJJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"main.css"}
+{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/src/@ui/defaultTheme.scss","../scss/main.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AAIA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EAGA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AClOA;EAEI;EACA;EACA;EAEA;EACA;EACA;;AAEA;EAEI,QADc;;AAGd;EACI;;AAEJ;EA5BR,OA6B0B;EA5B1B,QA4B0B;;AA1B1B;EAEI,OAwBsB;EAvBtB,QAuBsB;;AAItB;EAEI,QADc;EAEd;;AAEA;EACI;;AAEJ;EAzCR,OA0C0B;EAzC1B,QAyC0B;;AAvC1B;EAEI,OAqCsB;EApCtB,QAoCsB;;AAItB;EACI,OClBI;EDmBJ,YCyDY;;ADtDhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAII;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,OCzDI;ED0DJ;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI,OC3EO;;AD8EX;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA,OC3FW;;AD8Ff;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA,OC9HO;;ADiIX;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAKZ;EACI,YCxKS;;AD2Kb;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCjKU;EDkKV,YCxLS;EDyLT;EACA;;AAEA;EACI,OC1KI;ED2KJ,YC/FY;EDgGZ;EACA,kBC1KM;;AD6KV;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI,OCpMI;EDqMJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKZ;EACI","file":"main.css"}

package/styles/scss/internal.scss

@@ -46,24 +46,8 @@
     }
 
     &__results-item {
-        &--history &__icon {
-            @include main.icon(17px);
-        }
-
         &__text__lock-icon {
-            width: 14px;
-
-            & svg {
-                width: 14px;
-                height: 14px;
-            }
-        }
-
-        &__text__row:not(:first-child) {
-            :not(:first-child)::before {
-                content: "\2022";
-                padding-right: 5px;
-            }
+            align-self: center;
         }
     }
 }

package/styles/scss/main.scss

@@ -7,10 +7,8 @@
 @mixin icon($icon_size) {
     width: $icon_size;
     height: $icon_size;
-    display: flex;
-    align-items: center;
 
-    > svg {
+    svg {
         // dashboard icon needs explicit size
         width: $icon_size;
         height: $icon_size;
@@ -19,13 +17,39 @@
 
 .gd-semantic-search {
     &__results-item {
-        $line-height: 50px;
+        $root: &;
         cursor: pointer;
+        user-select: none;
+        width: 100%;
 
         display: flex;
         flex-direction: row;
         align-items: center;
-        height: $line-height;
+
+        &[data-level="1"] {
+            $item-height: 50px;
+            height: $item-height;
+
+            #{$root}__content {
+                height: calc($item-height - 2px);
+            }
+            #{$root}__icon {
+                @include icon(26px);
+            }
+        }
+
+        &[data-level="2"] {
+            $item-height: 30px;
+            height: $item-height;
+            padding-left: 10px;
+
+            #{$root}__content {
+                height: calc($item-height - 2px);
+            }
+            #{$root}__icon {
+                @include icon(16px);
+            }
+        }
 
         &--active {
             color: kit-variables.$is-focused-color;
@@ -33,14 +57,14 @@
         }
 
         &__content {
+            box-sizing: border-box;
             width: 100%;
-            height: calc($line-height - 2px);
             margin: 1px 0;
             display: flex;
             flex-direction: row;
             align-items: center;
             gap: 1em;
-            padding: 0 1em;
+            padding: 5px 12px;
             text-decoration: none;
 
             &:hover,
@@ -55,14 +79,6 @@
             }
         }
 
-        &__icon {
-            @include icon(26px);
-
-            & > span {
-                @include icon(26px);
-            }
-        }
-
         &__text {
             flex: 1;
             min-width: 0; // A hack to make ellipsis work in flexbox
@@ -91,9 +107,18 @@
             }
         }
 
+        &__details-container {
+            display: grid;
+            justify-items: end;
+            height: 100%;
+            font-size: 14px;
+            color: kit-variables.$gd-color-state-blank;
+        }
+
         &__details {
             width: 16px;
             height: 16px;
+            align-self: center;
             align-items: center;
 
             & .gd-ellipsis-text {
@@ -136,6 +161,25 @@
                 font-size: 12px;
             }
         }
+
+        &__counter {
+            display: flex;
+            align-self: end;
+            align-items: center;
+            gap: 5px;
+        }
+
+        &__counter__icon {
+            width: 16px;
+            height: 16px;
+            transition: rotate 0.2s;
+            transform-origin: center;
+            rotate: 0deg;
+
+            &--expanded {
+                rotate: 90deg;
+            }
+        }
     }
 
     &__bubble.bubble.bubble-light {
@@ -150,7 +194,7 @@
         display: flex;
         width: 100%;
         height: 50px;
-        padding: 5px 10px;
+        padding: 5px 12px;
         align-items: center;
         gap: 10px;
         border: 1px solid kit-variables.$gd-color-white;
@@ -191,3 +235,7 @@
         }
     }
 }
+
+.gd-ui-kit-treeview {
+    margin: 10px 0;
+}

package/esm/ResultsItem.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-import { ISemanticSearchResultItem } from "@gooddata/sdk-model";
-import { ListItemProps } from "./types.js";
-/**
- * A single result item in the search results.
- * @internal
- */
-export declare const ResultsItem: React.FC<ListItemProps<ISemanticSearchResultItem>>;
-//# sourceMappingURL=ResultsItem.d.ts.map