@gooddata/sdk-ui-semantic-search 10.7.0-alpha.28

package/LICENSE

@@ -0,0 +1,7 @@
+Copyright (c) 2020-2022 GoodData Corporation
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,35 @@
+# GoodData.UI SDK - Semantic Search
+
+[![npm version](https://img.shields.io/npm/v/@gooddata/sdk-ui-charts)](https://www.npmjs.com/@gooddata/sdk-ui-charts) 
+[![npm monthly downloads](https://img.shields.io/npm/dm/@gooddata/sdk-ui-charts)](https://npmcharts.com/compare/@gooddata/sdk-ui-charts?minimal=true) 
+![typescript](https://img.shields.io/badge/typescript-first-blue?logo=typescript)
+
+This package is a part of the [GoodData.UI SDK](https://sdk.gooddata.com/gooddata-ui/docs/about_gooddataui.html).
+To learn more, check [the source monorepo](https://github.com/gooddata/gooddata-ui-sdk).
+
+This package provides a set of React-based UI components and hooks for semantic search within your metadata.
+
+Example usage:
+
+```tsx
+import { SemanticSearch } from "@gooddata/sdk-ui-semantic-search";
+
+const App = () => {
+    return (
+        <SemanticSearch
+            workspaceId="your-workspace-id"
+            backend={tigerBackend}
+            onSelect={handleSearchItemSelection}
+            onError={handleError}
+        />
+    );
+};
+```
+
+You can also use providers for backend and workspace.
+
+## License
+
+(C) 2017-2022 GoodData Corporation
+
+This project is under commercial license. See [LICENSE](https://github.com/gooddata/gooddata-ui-sdk/blob/master/libs/sdk-ui-charts/LICENSE).

package/esm/ResultsItem.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { ISemanticSearchResultItem } from "@gooddata/sdk-model";
+/**
+ * Props for the ResultsItem component.
+ * @internal
+ */
+export type ResultsItemProps = {
+    /**
+     * The item to render.
+     */
+    item: ISemanticSearchResultItem;
+    /**
+     * The height of the item.
+     */
+    height: number;
+    /**
+     * The width of the item.
+     */
+    width: number;
+    /**
+     * Whether the item is selected.
+     */
+    selected: boolean;
+    /**
+     * Callback to trigger when the item is hovered.
+     */
+    onHover: () => void;
+    /**
+     * Callback to trigger when the item is clicked.
+     */
+    onClick: () => void;
+};
+/**
+ * A single result item in the search results.
+ * @internal
+ */
+export declare const ResultsItem: React.FC<ResultsItemProps>;
+//# sourceMappingURL=ResultsItem.d.ts.map

package/esm/ResultsItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultsItem.d.ts","sourceRoot":"","sources":["../src/ResultsItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAGhE;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC3B;;OAEG;IACH,IAAI,EAAE,yBAAyB,CAAC;IAChC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyBlD,CAAC"}

package/esm/ResultsItem.js

@@ -0,0 +1,53 @@
+// (C) 2024 GoodData Corporation
+import * as React from "react";
+import classnames from "classnames";
+import { Icon, Typography } from "@gooddata/sdk-ui-kit";
+/**
+ * A single result item in the search results.
+ * @internal
+ */
+export const ResultsItem = ({ item, onHover, onClick, selected }) => {
+    const onMouseEnter = (e) => {
+        // Prevent multiple triggers
+        if (e.target !== e.currentTarget) {
+            return;
+        }
+        onHover();
+    };
+    const className = classnames({
+        "gd-semantic-search__results-item": true,
+        "gd-semantic-search__results-item--selected": selected,
+    });
+    // Use mouse enter with the target check instead of hover to prevent multiple triggers
+    // Use mouse down instead of click to prevent the the dialog from disappearing before the click event is caught
+    return (React.createElement("div", { className: className, onMouseEnter: onMouseEnter, onMouseDown: onClick },
+        React.createElement("div", { className: "gd-semantic-search__results-item__icon" }, renderItemIcon(item)),
+        React.createElement("div", { className: "gd-semantic-search__results-item__text" },
+            React.createElement(Typography, { tagName: "p" }, item.title))));
+};
+/**
+ * Pick an icon according to the item type.
+ */
+const renderItemIcon = (item) => {
+    switch (item.type) {
+        case "dashboard":
+            return React.createElement(Icon.Dashboard, null);
+        case "visualization":
+            return React.createElement(Icon.Insight, null);
+        case "dataset":
+            return React.createElement(Icon.Dataset, null);
+        case "attribute":
+            return React.createElement(Icon.Attribute, null);
+        case "label":
+            return React.createElement(Icon.Label, null);
+        case "fact":
+            return React.createElement(Icon.Fact, null);
+        case "metric":
+            return React.createElement(Icon.Metric, null);
+        case "date":
+            return React.createElement(Icon.Date, null);
+        default:
+            return null;
+    }
+};
+//# sourceMappingURL=ResultsItem.js.map

package/esm/ResultsItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultsItem.js","sourceRoot":"","sources":["../src/ResultsItem.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAiCxD;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5F,MAAM,YAAY,GAAG,CAAC,CAAmC,EAAE,EAAE;QACzD,4BAA4B;QAC5B,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa,EAAE,CAAC;YAC/B,OAAO;QACX,CAAC;QAED,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,UAAU,CAAC;QACzB,kCAAkC,EAAE,IAAI;QACxC,4CAA4C,EAAE,QAAQ;KACzD,CAAC,CAAC;IAEH,sFAAsF;IACtF,+GAA+G;IAC/G,OAAO,CACH,6BAAK,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO;QACvE,6BAAK,SAAS,EAAC,wCAAwC,IAAE,cAAc,CAAC,IAAI,CAAC,CAAO;QACpF,6BAAK,SAAS,EAAC,wCAAwC;YACnD,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG,IAAE,IAAI,CAAC,KAAK,CAAc,CAC/C,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,cAAc,GAAG,CAAC,IAA+B,EAAE,EAAE;IACvD,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;QAChB,KAAK,WAAW;YACZ,OAAO,oBAAC,IAAI,CAAC,SAAS,OAAG,CAAC;QAC9B,KAAK,eAAe;YAChB,OAAO,oBAAC,IAAI,CAAC,OAAO,OAAG,CAAC;QAC5B,KAAK,SAAS;YACV,OAAO,oBAAC,IAAI,CAAC,OAAO,OAAG,CAAC;QAC5B,KAAK,WAAW;YACZ,OAAO,oBAAC,IAAI,CAAC,SAAS,OAAG,CAAC;QAC9B,KAAK,OAAO;YACR,OAAO,oBAAC,IAAI,CAAC,KAAK,OAAG,CAAC;QAC1B,KAAK,MAAM;YACP,OAAO,oBAAC,IAAI,CAAC,IAAI,OAAG,CAAC;QACzB,KAAK,QAAQ;YACT,OAAO,oBAAC,IAAI,CAAC,MAAM,OAAG,CAAC;QAC3B,KAAK,MAAM;YACP,OAAO,oBAAC,IAAI,CAAC,IAAI,OAAG,CAAC;QACzB;YACI,OAAO,IAAI,CAAC;IACpB,CAAC;AACL,CAAC,CAAC"}

package/esm/SearchResults.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+import { ISemanticSearchResultItem } from "@gooddata/sdk-model";
+/**
+ * Search results props.
+ * @internal
+ */
+type SearchResultsProps = {
+    /**
+     * Search result items.
+     */
+    searchResults: ISemanticSearchResultItem[];
+    /**
+     * Loading flag.
+     */
+    searchLoading: boolean;
+    /**
+     * Mobile flag.
+     */
+    isMobile: boolean;
+    /**
+     * Width of the dropdown.
+     */
+    width: number;
+    /**
+     * Callback for item selection.
+     */
+    onSelect: (item: ISemanticSearchResultItem) => void;
+};
+/**
+ * A dropdown list with the search results.
+ * @internal
+ */
+export declare const SearchResults: React.FC<SearchResultsProps>;
+export {};
+//# sourceMappingURL=SearchResults.d.ts.map

package/esm/SearchResults.d.ts.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,43 @@
+// (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

@@ -0,0 +1 @@
+{"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"}

package/esm/SemanticSearch.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { GenAISemanticSearchType, ISemanticSearchResultItem } from "@gooddata/sdk-model";
+import { IAnalyticalBackend } from "@gooddata/sdk-backend-spi";
+/**
+ * Core semantic search component props.
+ * @alpha
+ */
+export type SemanticSearchCoreProps = {
+    backend?: IAnalyticalBackend;
+    workspace?: string;
+    onSelect: (item: ISemanticSearchResultItem) => void;
+    onError?: (errorMessage: string) => void;
+    className?: string;
+    objectTypes?: GenAISemanticSearchType[];
+    deepSearch?: boolean;
+    limit?: number;
+};
+/**
+ * Semantic search component props.
+ * @alpha
+ */
+export type SemanticSearchProps = SemanticSearchCoreProps & {
+    locale?: string;
+};
+/**
+ * Semantic search filed with dropdown for selecting items.
+ * @alpha
+ */
+export declare const SemanticSearch: React.FC<SemanticSearchProps>;
+//# sourceMappingURL=SemanticSearch.d.ts.map

package/esm/SemanticSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticSearch.d.ts","sourceRoot":"","sources":["../src/SemanticSearch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAIzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAG/D;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG;IAClC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAiGF;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GAAG;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAMxD,CAAC"}

package/esm/SemanticSearch.js

@@ -0,0 +1,65 @@
+// (C) 2024 GoodData Corporation
+import * as React from "react";
+import { useDebouncedState, Input, Dropdown } from "@gooddata/sdk-ui-kit";
+import { IntlWrapper } from "@gooddata/sdk-ui";
+import { SearchResults } from "./SearchResults.js";
+import { useSemanticSearch } from "./hooks/index.js";
+import classnames from "classnames";
+/**
+ * Search input debounce time.
+ * I.e. how long to wait after the user stops typing before sending the search request.
+ */
+const DEBOUNCE = 300;
+/**
+ * Semantic search component core.
+ * @alpha
+ */
+const SemanticSearchCore = ({ backend, workspace, onSelect, onError, objectTypes, deepSearch = false, limit = 10, className, }) => {
+    // Input value handling
+    const [value, setValue, searchTerm] = useDebouncedState("", DEBOUNCE);
+    // Search results
+    const { searchLoading, searchResults, searchError } = useSemanticSearch({
+        backend,
+        workspace,
+        searchTerm,
+        objectTypes,
+        deepSearch,
+        limit,
+    });
+    // Match the width of the drop-down to the input field
+    const [width, setWidth] = React.useState(0);
+    const inputRef = React.useRef(null);
+    React.useLayoutEffect(() => {
+        const input = inputRef.current?.inputNodeRef?.inputNodeRef;
+        if (input) {
+            setWidth(input.offsetWidth);
+        }
+    }, []);
+    const onItemSelect = React.useCallback((item) => {
+        onSelect(item);
+        inputRef.current?.inputNodeRef?.inputNodeRef?.blur();
+    }, [onSelect]);
+    // Report errors
+    React.useEffect(() => {
+        if (onError && searchError) {
+            onError(searchError);
+        }
+    }, [onError, searchError]);
+    return (React.createElement(Dropdown, { className: classnames("gd-semantic-search", className), closeOnMouseDrag: false, closeOnOutsideClick: false, closeOnParentScroll: false, renderBody: ({ isMobile }) => {
+            if (!searchResults.length && !searchLoading) {
+                return null;
+            }
+            return (React.createElement(SearchResults, { width: width, isMobile: isMobile, searchResults: searchResults, searchLoading: searchLoading, onSelect: onItemSelect }));
+        }, renderButton: ({ openDropdown, closeDropdown }) => {
+            return (React.createElement(Input, { ref: inputRef, isSearch: true, clearOnEsc: true, value: value, onChange: (e) => setValue(String(e)), onFocus: openDropdown, onBlur: closeDropdown }));
+        } }));
+};
+/**
+ * Semantic search filed with dropdown for selecting items.
+ * @alpha
+ */
+export const SemanticSearch = ({ locale, ...coreProps }) => {
+    return (React.createElement(IntlWrapper, { locale: locale },
+        React.createElement(SemanticSearchCore, { ...coreProps })));
+};
+//# sourceMappingURL=SemanticSearch.js.map

package/esm/SemanticSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticSearch.js","sourceRoot":"","sources":["../src/SemanticSearch.tsx"],"names":[],"mappings":"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"}

package/esm/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useSemanticSearch.js";
+//# sourceMappingURL=index.d.ts.map

package/esm/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAEA,cAAc,wBAAwB,CAAC"}

package/esm/hooks/index.js

@@ -0,0 +1,3 @@
+// (C) 2024 GoodData Corporation
+export * from "./useSemanticSearch.js";
+//# sourceMappingURL=index.js.map

package/esm/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,cAAc,wBAAwB,CAAC"}

package/esm/hooks/useSemanticSearch.d.ts

@@ -0,0 +1,61 @@
+import { ISemanticSearchResultItem, GenAISemanticSearchType } from "@gooddata/sdk-model";
+import { IAnalyticalBackend } from "@gooddata/sdk-backend-spi";
+/**
+ * The result of the semantic search hook.
+ * @alpha
+ */
+export type SemanticSearchInputResult = {
+    /**
+     * Flag indicating whether the search is in progress.
+     */
+    searchLoading: boolean;
+    /**
+     * Error message if the search failed.
+     */
+    searchError: string;
+    /**
+     * The search results.
+     */
+    searchResults: ISemanticSearchResultItem[];
+};
+/**
+ * Input parameters for the semantic search hook.
+ * @alpha
+ */
+export type SemanticSearchHookInput = {
+    /**
+     * The search term.
+     */
+    searchTerm: string;
+    /**
+     * The object types to search for.
+     */
+    objectTypes?: GenAISemanticSearchType[];
+    /**
+     * Whether to perform deep search.
+     * E.g. find dashboard if it contains matching insight.
+     */
+    deepSearch?: boolean;
+    /**
+     * The number of results to return.
+     */
+    limit?: number;
+    /**
+     * The backend to use for the search.
+     * If omitted, will be retrieved from the context.
+     */
+    backend?: IAnalyticalBackend;
+    /**
+     * The workspace to use for the search.
+     * If omitted, will be retrieved from the context.
+     */
+    workspace?: string;
+};
+/**
+ * Hook to perform semantic search.
+ * Makes the request to server and returns the search results.
+ * The request is cancellable and auto-updates when the search term changes.
+ * @alpha
+ */
+export declare const useSemanticSearch: ({ searchTerm, objectTypes, deepSearch, limit, backend, workspace, }: SemanticSearchHookInput) => SemanticSearchInputResult;
+//# sourceMappingURL=useSemanticSearch.d.ts.map

package/esm/hooks/useSemanticSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSemanticSearch.d.ts","sourceRoot":"","sources":["../../src/hooks/useSemanticSearch.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAEzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACpC;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,aAAa,EAAE,yBAAyB,EAAE,CAAC;CAC9C,CAAC;AAWF;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG;IAClC;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACxC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,wEAO3B,uBAAuB,KAAG,yBA+D5B,CAAC"}

package/esm/hooks/useSemanticSearch.js

@@ -0,0 +1,85 @@
+// (C) 2024 GoodData Corporation
+import { useState, useEffect } from "react";
+import { useBackendStrict, useWorkspaceStrict } from "@gooddata/sdk-ui";
+/**
+ * Default state of the semantic search hook.
+ */
+const DEFAULT_STATE = {
+    searchLoading: false,
+    searchError: "",
+    searchResults: [],
+};
+const DEFAULT_OBJECT_TYPES = [];
+/**
+ * Hook to perform semantic search.
+ * Makes the request to server and returns the search results.
+ * The request is cancellable and auto-updates when the search term changes.
+ * @alpha
+ */
+export const useSemanticSearch = ({ searchTerm, objectTypes = DEFAULT_OBJECT_TYPES, deepSearch, limit, backend, workspace, }) => {
+    const [state, setState] = useState(DEFAULT_STATE);
+    const effectiveBackend = useBackendStrict(backend);
+    const effectiveWorkspace = useWorkspaceStrict(workspace);
+    useEffect(() => {
+        if (searchTerm === "") {
+            setState(DEFAULT_STATE);
+            return;
+        }
+        setState((oldState) => ({
+            // Keep the previous state of results/error, only update the loading flag
+            ...oldState,
+            searchLoading: true,
+        }));
+        // Construct the query
+        let qb = effectiveBackend
+            .workspace(effectiveWorkspace)
+            .genAI()
+            .getSemanticSearchQuery()
+            .withQuestion(searchTerm);
+        if (objectTypes.length) {
+            qb = qb.withObjectTypes(objectTypes);
+        }
+        if (deepSearch) {
+            qb = qb.withDeepSearch(deepSearch);
+        }
+        if (limit) {
+            qb = qb.withLimit(limit);
+        }
+        // Execute the query
+        const searchController = new AbortController();
+        qb.query({
+            signal: searchController.signal,
+        })
+            .then((res) => {
+            setState({
+                searchLoading: false,
+                searchError: "",
+                searchResults: res.results,
+            });
+        })
+            .catch((e) => {
+            if (searchController.signal.aborted)
+                // Ignore Aborted error
+                return;
+            setState({
+                searchLoading: false,
+                searchError: errorMessage(e),
+                searchResults: [],
+            });
+        });
+        return () => {
+            searchController.abort();
+        };
+    }, [effectiveBackend, effectiveWorkspace, searchTerm, objectTypes, deepSearch, limit]);
+    return state;
+};
+/**
+ * Retrieve error message from the error object.
+ */
+const errorMessage = (e) => {
+    if (e instanceof Error) {
+        return e.message;
+    }
+    return String(e);
+};
+//# sourceMappingURL=useSemanticSearch.js.map

package/esm/hooks/useSemanticSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSemanticSearch.js","sourceRoot":"","sources":["../../src/hooks/useSemanticSearch.ts"],"names":[],"mappings":"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"}

package/esm/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This package provides React hooks and components for semantic search.
+ * @packageDocumentation
+ * @alpha
+ */
+export * from "./hooks/index.js";
+export * from "./SemanticSearch.js";
+//# sourceMappingURL=index.d.ts.map

package/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}

package/esm/index.js

@@ -0,0 +1,9 @@
+// (C) 2024 GoodData Corporation
+/**
+ * This package provides React hooks and components for semantic search.
+ * @packageDocumentation
+ * @alpha
+ */
+export * from "./hooks/index.js";
+export * from "./SemanticSearch.js";
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC;;;;GAIG;AAEH,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}

package/esm/sdk-ui-semantic-search.d.ts

@@ -0,0 +1,102 @@
+/**
+ * This package provides React hooks and components for semantic search.
+ * @packageDocumentation
+ * @alpha
+ */
+
+import { GenAISemanticSearchType } from '@gooddata/sdk-model';
+import { IAnalyticalBackend } from '@gooddata/sdk-backend-spi';
+import { ISemanticSearchResultItem } from '@gooddata/sdk-model';
+import * as React_2 from 'react';
+
+/**
+ * Semantic search filed with dropdown for selecting items.
+ * @alpha
+ */
+export declare const SemanticSearch: React_2.FC<SemanticSearchProps>;
+
+/**
+ * Core semantic search component props.
+ * @alpha
+ */
+export declare type SemanticSearchCoreProps = {
+    backend?: IAnalyticalBackend;
+    workspace?: string;
+    onSelect: (item: ISemanticSearchResultItem) => void;
+    onError?: (errorMessage: string) => void;
+    className?: string;
+    objectTypes?: GenAISemanticSearchType[];
+    deepSearch?: boolean;
+    limit?: number;
+};
+
+/**
+ * Input parameters for the semantic search hook.
+ * @alpha
+ */
+export declare type SemanticSearchHookInput = {
+    /**
+     * The search term.
+     */
+    searchTerm: string;
+    /**
+     * The object types to search for.
+     */
+    objectTypes?: GenAISemanticSearchType[];
+    /**
+     * Whether to perform deep search.
+     * E.g. find dashboard if it contains matching insight.
+     */
+    deepSearch?: boolean;
+    /**
+     * The number of results to return.
+     */
+    limit?: number;
+    /**
+     * The backend to use for the search.
+     * If omitted, will be retrieved from the context.
+     */
+    backend?: IAnalyticalBackend;
+    /**
+     * The workspace to use for the search.
+     * If omitted, will be retrieved from the context.
+     */
+    workspace?: string;
+};
+
+/**
+ * The result of the semantic search hook.
+ * @alpha
+ */
+export declare type SemanticSearchInputResult = {
+    /**
+     * Flag indicating whether the search is in progress.
+     */
+    searchLoading: boolean;
+    /**
+     * Error message if the search failed.
+     */
+    searchError: string;
+    /**
+     * The search results.
+     */
+    searchResults: ISemanticSearchResultItem[];
+};
+
+/**
+ * Semantic search component props.
+ * @alpha
+ */
+export declare type SemanticSearchProps = SemanticSearchCoreProps & {
+    locale?: string;
+};
+
+/**
+ * Hook to perform semantic search.
+ * Makes the request to server and returns the search results.
+ * The request is cancellable and auto-updates when the search term changes.
+ * @alpha
+ */
+export declare const useSemanticSearch: ({ searchTerm, objectTypes, deepSearch, limit, backend, workspace, }: SemanticSearchHookInput) => SemanticSearchInputResult;
+
+export { }

package/esm/tsdoc-metadata.json

@@ -0,0 +1,11 @@
+// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
+// It should be published with your NPM package.  It should not be tracked by Git.
+{
+  "tsdocVersion": "0.12",
+  "toolPackages": [
+    {
+      "packageName": "@microsoft/api-extractor",
+      "packageVersion": "7.38.5"
+    }
+  ]
+}

package/package.json

@@ -0,0 +1,102 @@
+{
+  "name": "@gooddata/sdk-ui-semantic-search",
+  "version": "10.7.0-alpha.28",
+  "description": "GoodData SDK TypeScript & React skeleton",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gooddata/gooddata-ui-sdk.git",
+    "directory": "libs/sdk-ui-semantic-search"
+  },
+  "author": "GoodData Corporation",
+  "license": "MIT",
+  "type": "module",
+  "browser": "./esm/index.js",
+  "exports": {
+    ".": "./esm/index.js",
+    "./styles/css/*": "./styles/css/*"
+  },
+  "types": "./esm/index.d.ts",
+  "sideEffects": [
+    "*.css",
+    "*.svg"
+  ],
+  "files": [
+    "esm/**/*.js",
+    "esm/**/*.json",
+    "esm/**/*.d.ts",
+    "esm/**/*.map",
+    "esm/**/*.svg",
+    "styles"
+  ],
+  "config": {
+    "eslint": "-c .eslintrc.cjs --ext ts,tsx src/"
+  },
+  "dependencies": {
+    "lodash": "^4.17.21",
+    "react-intl": "^6.4.1",
+    "tslib": "^2.5.0",
+    "classnames": "^2.3.1",
+    "@gooddata/sdk-model": "10.7.0-alpha.28",
+    "@gooddata/sdk-ui-kit": "10.7.0-alpha.28",
+    "@gooddata/sdk-ui": "10.7.0-alpha.28",
+    "@gooddata/sdk-backend-spi": "10.7.0-alpha.28"
+  },
+  "peerDependencies": {
+    "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.10.0 || ^17.0.0 || ^18.0.0"
+  },
+  "devDependencies": {
+    "@gooddata/eslint-config": "^4.1.0",
+    "@microsoft/api-documenter": "^7.17.0",
+    "@microsoft/api-extractor": "^7.36.0",
+    "@testing-library/react": "^14.0.0",
+    "@types/lodash": "^4.14.202",
+    "@types/raf": "^3.4.0",
+    "@types/react-dom": "^18.2.1",
+    "@types/react": "^18.2.0",
+    "@typescript-eslint/eslint-plugin": "^5.57.1",
+    "@typescript-eslint/parser": "^5.57.1",
+    "concurrently": "^6.0.2",
+    "dependency-cruiser": "^13.0.3",
+    "eslint": "^8.25.0",
+    "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-no-only-tests": "^2.4.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react-hooks": "^4.5.0",
+    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-regexp": "^1.9.0",
+    "eslint-plugin-sonarjs": "^0.16.0",
+    "eslint-plugin-tsdoc": "^0.2.14",
+    "prettier": "~2.5.0",
+    "raf": "^3.4.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "5.3.3",
+    "vitest": "1.0.4",
+    "vitest-dom": "0.1.1",
+    "sass": "^1.52.3",
+    "stylelint": "^13.8.0",
+    "stylelint-checkstyle-formatter": "^0.1.2",
+    "stylelint-config-prettier": "^8.0.2",
+    "@gooddata/sdk-backend-mockingbird": "10.7.0-alpha.28"
+  },
+  "scripts": {
+    "clean": "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": "./scripts/build.sh",
+    "test": "vitest watch",
+    "test-once": "vitest run",
+    "test-ci": "vitest run --reporter=junit --outputFile=./ci/results/test-results.xml",
+    "eslint": "eslint $npm_package_config_eslint",
+    "eslint-ci": "mkdir -p ./ci/results && eslint -f checkstyle -o ci/results/eslint-results.xml $npm_package_config_eslint",
+    "prettier-check": "prettier --check '{src,stories,styles,__mocks__}/**/*.{ts,tsx,json,scss,md,yaml,html}'",
+    "prettier-write": "prettier --write '{src,stories,styles,__mocks__}/**/*.{ts,tsx,json,scss,md,yaml,html}'",
+    "dep-cruiser": "depcruise --validate .dependency-cruiser.cjs --output-type err-long src/",
+    "dep-cruiser-ci": "depcruise --validate .dependency-cruiser.cjs --output-type err-long src/",
+    "validate": "npm run dep-cruiser && npm run eslint && npm run prettier-check",
+    "validate-ci": "npm run dep-cruiser-ci && npm run eslint-ci && npm run prettier-check"
+  }
+}

package/styles/css/main.css

@@ -0,0 +1,34 @@
+.gd-semantic-search__results-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  cursor: pointer;
+  gap: 1em;
+  padding: 0 1em;
+  height: 45px;
+}
+.gd-semantic-search__results-item--selected {
+  color: var(--gd-palette-complementary-9, #000);
+  background: var(--gd-palette-complementary-2, #ebeff4);
+}
+.gd-semantic-search__results-item__icon {
+  width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+}
+.gd-semantic-search__results-item__icon > svg {
+  width: 16px;
+  height: 16px;
+}
+.gd-semantic-search__results-item__text {
+  flex-grow: 1;
+  min-width: 0;
+}
+.gd-semantic-search__results-item__text > p {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/*# sourceMappingURL=main.css.map */

package/styles/css/main.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AAOI;EAGI;EACA;EACA;EACA;EACA;EACA;EACA,QARc;;AAUd;EACI,OCiBI;EDhBJ,YCyFY;;ADtFhB;EAEI,OADY;EAEZ,QAFY;EAGZ;EACA;;AAEA;EAEI,OARQ;EASR,QATQ;;AAahB;EACI;EACA;;AAGJ;EACI;EACA;EACA","file":"main.css"}

package/styles/scss/main.scss

@@ -0,0 +1,49 @@
+// (C) 2024 GoodData Corporation
+
+@use "sass:color";
+@use "sass:meta";
+@use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
+
+.gd-semantic-search {
+    &__results-item {
+        $line-height: 45px;
+
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        cursor: pointer;
+        gap: 1em;
+        padding: 0 1em;
+        height: $line-height;
+
+        &--selected {
+            color: kit-variables.$is-focused-color;
+            background: kit-variables.$is-focused-background;
+        }
+
+        &__icon {
+            $icon_size: 16px;
+            width: $icon_size;
+            height: $icon_size;
+            display: flex;
+            align-items: center;
+
+            > svg {
+                // dashboard icon needs explicit size
+                width: $icon_size;
+                height: $icon_size;
+            }
+        }
+
+        &__text {
+            flex-grow: 1;
+            min-width: 0; // A hack to make ellipsis work in flexbox
+        }
+
+        &__text > p {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+    }
+}