@gravity-ui/querieskit 1.6.0 → 1.8.0

package/build/esm/modules/TutorialRow/TutorialRow.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
+import type { QueryListLinkRenderer } from '../../types/queryList';
 import type { TutorialHistoryRow } from '../../types/tutorial';
 import './TutorialRow.scss';
 export type TutorialRowProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {
     item: T;
+    renderLink?: QueryListLinkRenderer;
 };
-export declare const TutorialRow: <T extends TutorialHistoryRow>({ item }: TutorialRowProps<T>) => React.JSX.Element;
+export declare const TutorialRow: <T extends TutorialHistoryRow>({ item, renderLink, }: TutorialRowProps<T>) => React.JSX.Element;

package/build/esm/modules/TutorialRow/TutorialRow.js

@@ -6,12 +6,14 @@ import "./TutorialRow.css";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 var block = cn('qp-tutorial-row');
 export var TutorialRow = function TutorialRow(_ref) {
-  var item = _ref.item;
+  var item = _ref.item,
+    renderLink = _ref.renderLink;
   var href = item.href,
     id = item.id,
     title = item.title;
   return /*#__PURE__*/_jsx(RowLink, {
     href: href,
+    renderLink: renderLink,
     className: block(),
     children: /*#__PURE__*/_jsxs(Flex, {
       gap: 1,

package/build/esm/modules/TutorialRow/TutorialRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Flex","Text","RowLink","cn","jsxs","_jsxs","jsx","_jsx","block","TutorialRow","_ref","item","href","id","title","className","children","gap","alignItems","color","ellipsis"],"sources":["TutorialRow.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport type {TutorialHistoryRow} from '../../types/tutorial';\nimport {RowLink} from '../../components/RowLink';\nimport cn from 'bem-cn-lite';\nimport './TutorialRow.scss';\n\nconst block = cn('qp-tutorial-row');\n\nexport type TutorialRowProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {\n    item: T;\n};\n\nexport const TutorialRow = <T extends TutorialHistoryRow>({item}: TutorialRowProps<T>) => {\n    const {href, id, title} = item;\n\n    return (\n        <RowLink href={href} className={block()}>\n            <Flex gap={1} alignItems=\"center\" className={block('content')}>\n                <Text color=\"secondary\">{id}.</Text>\n                <Text ellipsis>{title}</Text>\n            </Flex>\n        </RowLink>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAE5C,SAAQC,OAAO;AACf,OAAOC,EAAE,MAAM,aAAa;AAC5B;AAA4B,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAE5B,IAAMC,KAAK,GAAGL,EAAE,CAAC,iBAAiB,CAAC;AAMnC,OAAO,IAAMM,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAkE;EAAA,IAA/BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAC3D,IAAOC,IAAI,GAAeD,IAAI,CAAvBC,IAAI;IAAEC,EAAE,GAAWF,IAAI,CAAjBE,EAAE;IAAEC,KAAK,GAAIH,IAAI,CAAbG,KAAK;EAEtB,oBACIP,IAAA,CAACL,OAAO;IAACU,IAAI,EAAEA,IAAK;IAACG,SAAS,EAAEP,KAAK,CAAC,CAAE;IAAAQ,QAAA,eACpCX,KAAA,CAACL,IAAI;MAACiB,GAAG,EAAE,CAAE;MAACC,UAAU,EAAC,QAAQ;MAACH,SAAS,EAAEP,KAAK,CAAC,SAAS,CAAE;MAAAQ,QAAA,gBAC1DX,KAAA,CAACJ,IAAI;QAACkB,KAAK,EAAC,WAAW;QAAAH,QAAA,GAAEH,EAAE,EAAC,GAAC;MAAA,CAAM,CAAC,eACpCN,IAAA,CAACN,IAAI;QAACmB,QAAQ;QAAAJ,QAAA,EAAEF;MAAK,CAAO,CAAC;IAAA,CAC3B;EAAC,CACF,CAAC;AAElB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Flex","Text","RowLink","cn","jsxs","_jsxs","jsx","_jsx","block","TutorialRow","_ref","item","renderLink","href","id","title","className","children","gap","alignItems","color","ellipsis"],"sources":["TutorialRow.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport type {QueryListLinkRenderer} from '../../types/queryList';\nimport type {TutorialHistoryRow} from '../../types/tutorial';\nimport {RowLink} from '../../components/RowLink';\nimport cn from 'bem-cn-lite';\nimport './TutorialRow.scss';\n\nconst block = cn('qp-tutorial-row');\n\nexport type TutorialRowProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {\n    item: T;\n    renderLink?: QueryListLinkRenderer;\n};\n\nexport const TutorialRow = <T extends TutorialHistoryRow>({\n    item,\n    renderLink,\n}: TutorialRowProps<T>) => {\n    const {href, id, title} = item;\n\n    return (\n        <RowLink href={href} renderLink={renderLink} className={block()}>\n            <Flex gap={1} alignItems=\"center\" className={block('content')}>\n                <Text color=\"secondary\">{id}.</Text>\n                <Text ellipsis>{title}</Text>\n            </Flex>\n        </RowLink>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAG5C,SAAQC,OAAO;AACf,OAAOC,EAAE,MAAM,aAAa;AAC5B;AAA4B,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAE5B,IAAMC,KAAK,GAAGL,EAAE,CAAC,iBAAiB,CAAC;AAOnC,OAAO,IAAMM,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAGG;EAAA,IAFvBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,UAAU,GAAAF,IAAA,CAAVE,UAAU;EAEV,IAAOC,IAAI,GAAeF,IAAI,CAAvBE,IAAI;IAAEC,EAAE,GAAWH,IAAI,CAAjBG,EAAE;IAAEC,KAAK,GAAIJ,IAAI,CAAbI,KAAK;EAEtB,oBACIR,IAAA,CAACL,OAAO;IAACW,IAAI,EAAEA,IAAK;IAACD,UAAU,EAAEA,UAAW;IAACI,SAAS,EAAER,KAAK,CAAC,CAAE;IAAAS,QAAA,eAC5DZ,KAAA,CAACL,IAAI;MAACkB,GAAG,EAAE,CAAE;MAACC,UAAU,EAAC,QAAQ;MAACH,SAAS,EAAER,KAAK,CAAC,SAAS,CAAE;MAAAS,QAAA,gBAC1DZ,KAAA,CAACJ,IAAI;QAACmB,KAAK,EAAC,WAAW;QAAAH,QAAA,GAAEH,EAAE,EAAC,GAAC;MAAA,CAAM,CAAC,eACpCP,IAAA,CAACN,IAAI;QAACoB,QAAQ;QAAAJ,QAAA,EAAEF;MAAK,CAAO,CAAC;IAAA,CAC3B;EAAC,CACF,CAAC;AAElB,CAAC","ignoreList":[]}

package/build/esm/modules/TutorialSearchRow/TutorialSearchRow.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
+import type { QueryListLinkRenderer } from '../../types/queryList';
 import type { TutorialHistoryRow } from '../../types/tutorial';
 import './TutorialSearchRow.scss';
 export type TutorialSearchRowProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {
     item: T;
+    renderLink?: QueryListLinkRenderer;
 };
-export declare const TutorialSearchRow: <T extends TutorialHistoryRow>({ item, }: TutorialSearchRowProps<T>) => React.JSX.Element;
+export declare const TutorialSearchRow: <T extends TutorialHistoryRow>({ item, renderLink, }: TutorialSearchRowProps<T>) => React.JSX.Element;

package/build/esm/modules/TutorialSearchRow/TutorialSearchRow.js

@@ -7,7 +7,8 @@ import cn from 'bem-cn-lite';
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 var block = cn('qp-tutorial-search-row');
 export var TutorialSearchRow = function TutorialSearchRow(_ref) {
-  var item = _ref.item;
+  var item = _ref.item,
+    renderLink = _ref.renderLink;
   var href = item.href,
     id = item.id,
     title = item.title,
@@ -16,6 +17,7 @@ export var TutorialSearchRow = function TutorialSearchRow(_ref) {
     query: query,
     language: MonacoLanguage.YQL,
     href: href,
+    renderLink: renderLink,
     className: block(),
     header: /*#__PURE__*/_jsxs(Flex, {
       gap: 2,

package/build/esm/modules/TutorialSearchRow/TutorialSearchRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Flex","Text","MonacoLanguage","SearchRowLayout","cn","jsxs","_jsxs","jsx","_jsx","block","TutorialSearchRow","_ref","item","href","id","title","query","language","YQL","className","header","gap","alignItems","children","color","ellipsis"],"sources":["TutorialSearchRow.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport type {TutorialHistoryRow} from '../../types/tutorial';\nimport {MonacoLanguage} from '../../components/MonacoEditor';\nimport {SearchRowLayout} from '../../components/SearchRowLayout';\nimport './TutorialSearchRow.scss';\nimport cn from 'bem-cn-lite';\n\nconst block = cn('qp-tutorial-search-row');\n\nexport type TutorialSearchRowProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {\n    item: T;\n};\n\nexport const TutorialSearchRow = <T extends TutorialHistoryRow>({\n    item,\n}: TutorialSearchRowProps<T>) => {\n    const {href, id, title, query} = item;\n\n    return (\n        <SearchRowLayout\n            query={query}\n            language={MonacoLanguage.YQL}\n            href={href}\n            className={block()}\n            header={\n                <Flex gap={2} alignItems=\"center\" className={block('header')}>\n                    <Text color=\"secondary\">{id}.</Text>\n                    <Text ellipsis>{title}</Text>\n                </Flex>\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAE5C,SAAQC,cAAc;AACtB,SAAQC,eAAe;AACvB;AACA,OAAOC,EAAE,MAAM,aAAa;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAE7B,IAAMC,KAAK,GAAGL,EAAE,CAAC,wBAAwB,CAAC;AAM1C,OAAO,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAEG;EAAA,IAD7BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAEJ,IAAOC,IAAI,GAAsBD,IAAI,CAA9BC,IAAI;IAAEC,EAAE,GAAkBF,IAAI,CAAxBE,EAAE;IAAEC,KAAK,GAAWH,IAAI,CAApBG,KAAK;IAAEC,KAAK,GAAIJ,IAAI,CAAbI,KAAK;EAE7B,oBACIR,IAAA,CAACL,eAAe;IACZa,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEf,cAAc,CAACgB,GAAI;IAC7BL,IAAI,EAAEA,IAAK;IACXM,SAAS,EAAEV,KAAK,CAAC,CAAE;IACnBW,MAAM,eACFd,KAAA,CAACN,IAAI;MAACqB,GAAG,EAAE,CAAE;MAACC,UAAU,EAAC,QAAQ;MAACH,SAAS,EAAEV,KAAK,CAAC,QAAQ,CAAE;MAAAc,QAAA,gBACzDjB,KAAA,CAACL,IAAI;QAACuB,KAAK,EAAC,WAAW;QAAAD,QAAA,GAAET,EAAE,EAAC,GAAC;MAAA,CAAM,CAAC,eACpCN,IAAA,CAACP,IAAI;QAACwB,QAAQ;QAAAF,QAAA,EAAER;MAAK,CAAO,CAAC;IAAA,CAC3B;EACT,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Flex","Text","MonacoLanguage","SearchRowLayout","cn","jsxs","_jsxs","jsx","_jsx","block","TutorialSearchRow","_ref","item","renderLink","href","id","title","query","language","YQL","className","header","gap","alignItems","children","color","ellipsis"],"sources":["TutorialSearchRow.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport type {QueryListLinkRenderer} from '../../types/queryList';\nimport type {TutorialHistoryRow} from '../../types/tutorial';\nimport {MonacoLanguage} from '../../components/MonacoEditor';\nimport {SearchRowLayout} from '../../components/SearchRowLayout';\nimport './TutorialSearchRow.scss';\nimport cn from 'bem-cn-lite';\n\nconst block = cn('qp-tutorial-search-row');\n\nexport type TutorialSearchRowProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {\n    item: T;\n    renderLink?: QueryListLinkRenderer;\n};\n\nexport const TutorialSearchRow = <T extends TutorialHistoryRow>({\n    item,\n    renderLink,\n}: TutorialSearchRowProps<T>) => {\n    const {href, id, title, query} = item;\n\n    return (\n        <SearchRowLayout\n            query={query}\n            language={MonacoLanguage.YQL}\n            href={href}\n            renderLink={renderLink}\n            className={block()}\n            header={\n                <Flex gap={2} alignItems=\"center\" className={block('header')}>\n                    <Text color=\"secondary\">{id}.</Text>\n                    <Text ellipsis>{title}</Text>\n                </Flex>\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAG5C,SAAQC,cAAc;AACtB,SAAQC,eAAe;AACvB;AACA,OAAOC,EAAE,MAAM,aAAa;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAE7B,IAAMC,KAAK,GAAGL,EAAE,CAAC,wBAAwB,CAAC;AAO1C,OAAO,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAGG;EAAA,IAF7BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,UAAU,GAAAF,IAAA,CAAVE,UAAU;EAEV,IAAOC,IAAI,GAAsBF,IAAI,CAA9BE,IAAI;IAAEC,EAAE,GAAkBH,IAAI,CAAxBG,EAAE;IAAEC,KAAK,GAAWJ,IAAI,CAApBI,KAAK;IAAEC,KAAK,GAAIL,IAAI,CAAbK,KAAK;EAE7B,oBACIT,IAAA,CAACL,eAAe;IACZc,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEhB,cAAc,CAACiB,GAAI;IAC7BL,IAAI,EAAEA,IAAK;IACXD,UAAU,EAAEA,UAAW;IACvBO,SAAS,EAAEX,KAAK,CAAC,CAAE;IACnBY,MAAM,eACFf,KAAA,CAACN,IAAI;MAACsB,GAAG,EAAE,CAAE;MAACC,UAAU,EAAC,QAAQ;MAACH,SAAS,EAAEX,KAAK,CAAC,QAAQ,CAAE;MAAAe,QAAA,gBACzDlB,KAAA,CAACL,IAAI;QAACwB,KAAK,EAAC,WAAW;QAAAD,QAAA,GAAET,EAAE,EAAC,GAAC;MAAA,CAAM,CAAC,eACpCP,IAAA,CAACP,IAAI;QAACyB,QAAQ;QAAAF,QAAA,EAAER;MAAK,CAAO,CAAC;IAAA,CAC3B;EACT,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

package/build/esm/types/navigation.d.ts

@@ -15,6 +15,12 @@ export type NavigationAction<TArg> = {
     onClick: (arg: TArg) => void;
 };
 export type NavigationHeaderAction = NavigationAction<NavigationLocation>;
+export type NavigationHeaderActionsRenderContext = {
+    location: NavigationLocation;
+    actions: NavigationHeaderAction[];
+};
+export type RenderNavigationHeaderActions = (context: NavigationHeaderActionsRenderContext) => ReactNode;
+export type GetNavigationBreadcrumbHref = (location: NavigationLocation) => string | undefined;
 export type NavigationCluster = {
     id: string;
     title: string;
@@ -141,8 +147,13 @@ export type NavigationListStateConfig = {
 };
 export type NavigationHeaderConfig = {
     actions?: NavigationHeaderAction[];
+    renderActions?: RenderNavigationHeaderActions;
+    getBreadcrumbHref?: GetNavigationBreadcrumbHref;
     onLoadSuggestions?: LoadPathSuggestions;
 };
+export type NavigationParentRowConfig = {
+    showDuringSearch?: boolean;
+};
 export type NavigationDetailPanelConfig<TItem extends NavigationItem = NavigationItem> = {
     openedItem?: TItem;
     onItemOpen?: (item: TItem) => void;

package/build/esm/types/navigation.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["navigation.ts"],"sourcesContent":["import {ReactNode} from 'react';\nimport type {QueryResultColumn, QueryResultFormatterSettings} from './queryResults';\nimport type {LoadPathSuggestions} from './pathEditor';\n\nexport type NavigationLocation = {\n    cluster: string | undefined;\n    path: string | undefined;\n};\n\nexport type NavigationAction<TArg> = {\n    id: string;\n    title: string;\n    content: ReactNode;\n    hidden?: boolean;\n    disabled?: boolean;\n    qa?: string;\n    onClick: (arg: TArg) => void;\n};\n\nexport type NavigationHeaderAction = NavigationAction<NavigationLocation>;\n\nexport type NavigationCluster = {\n    id: string;\n    title: string;\n    icon?: ReactNode;\n    color?: string;\n    backgroundColor?: string;\n    description?: string;\n};\n\nexport type NavigationItemKind = 'folder' | 'file' | 'table' | 'link' | 'unknown';\n\nexport type NavigationItem = {\n    path: string;\n    title: string;\n    icon?: ReactNode;\n    kind?: NavigationItemKind;\n    targetPathBroken?: boolean;\n    hasChildren?: boolean;\n    disabled?: boolean;\n};\n\nexport type NavigationSortOrder = 'asc' | 'desc';\n\nexport type NavigationItemRowRenderData<T extends NavigationItem = NavigationItem> = {\n    item: T;\n    index: number;\n    isActive: boolean;\n    isParentRow: boolean;\n};\n\nexport type NavigationClusterRowRenderData<T extends NavigationCluster = NavigationCluster> = {\n    cluster: T;\n    index: number;\n    isActive: boolean;\n};\n\nexport type RenderNavigationItem<T extends NavigationItem = NavigationItem> = (\n    data: NavigationItemRowRenderData<T>,\n) => ReactNode;\n\nexport type RenderNavigationCluster<T extends NavigationCluster = NavigationCluster> = (\n    data: NavigationClusterRowRenderData<T>,\n) => ReactNode;\n\nexport type NavigationDetailTabRenderContext = {\n    search: string;\n    onSearchUpdate?: (value: string) => void;\n    searchPlaceholder?: string;\n};\n\nexport type NavigationDetailTab = {\n    id: string;\n    title: string;\n    content?: ReactNode;\n    renderContent?: (ctx: NavigationDetailTabRenderContext) => ReactNode;\n    hidden?: boolean;\n    disabled?: boolean;\n};\n\nexport type NavigationAsyncConfig = {\n    loading?: boolean;\n    loaded?: boolean;\n    errorContent?: ReactNode;\n};\n\nexport type NavigationSchemaSortOrder = 'ascending' | 'descending';\n\nexport type NavigationSchemaColumn = {\n    name: string;\n    type?: string;\n    sortOrder?: NavigationSchemaSortOrder;\n    required?: boolean;\n    [key: string]: unknown;\n};\n\nexport type NavigationSchemaConfig<\n    TColumn extends NavigationSchemaColumn = NavigationSchemaColumn,\n> = NavigationAsyncConfig & {\n    columns: TColumn[];\n};\n\nexport type NavigationCellValue = ReactNode;\n\nexport type NavigationPreviewRow = Record<string, NavigationCellValue>;\n\nexport type NavigationPreviewColumn<TRow extends NavigationPreviewRow = NavigationPreviewRow> =\n    string | QueryResultColumn<TRow>;\n\nexport type NavigationPreviewConfig<TRow extends NavigationPreviewRow = NavigationPreviewRow> =\n    NavigationAsyncConfig & {\n        columns: Array<NavigationPreviewColumn<TRow>>;\n        rows: TRow[];\n    };\n\nexport type NavigationPreviewFormatterConfig = {\n    /** Applied when every displayed preview column declares a YQL type. */\n    formatterSettings?: QueryResultFormatterSettings;\n    maxVisibleLines?: number;\n};\n\nexport type NavigationViewRow = NavigationPreviewRow;\n\nexport type NavigationViewSectionAction<TRow extends NavigationViewRow = NavigationViewRow> =\n    NavigationAction<NavigationViewSection<TRow>>;\n\nexport type NavigationViewSection<TRow extends NavigationViewRow = NavigationViewRow> =\n    NavigationAsyncConfig & {\n        id: string;\n        title: ReactNode;\n        columns: string[];\n        rows: TRow[];\n        expanded?: boolean;\n        defaultExpanded?: boolean;\n        onExpandedChange?: (expanded: boolean) => void;\n        actions?: Array<NavigationViewSectionAction<TRow>>;\n    };\n\nexport type NavigationViewConfig<TRow extends NavigationViewRow = NavigationViewRow> =\n    NavigationAsyncConfig & {\n        sections: Array<NavigationViewSection<TRow>>;\n    };\n\nexport type NavigationMetaItem = {\n    name: string;\n    value: NavigationCellValue;\n    [key: string]: unknown;\n};\n\nexport type NavigationMetaGroup<TItem extends NavigationMetaItem = NavigationMetaItem> = {\n    title?: string;\n    items: TItem[];\n};\n\nexport type NavigationMetaConfig<TItem extends NavigationMetaItem = NavigationMetaItem> =\n    NavigationAsyncConfig & {\n        groups: Array<NavigationMetaGroup<TItem>>;\n    };\n\nexport type NavigationDetailConfig = {\n    tabs: NavigationDetailTab[];\n    defaultTab?: string;\n    hasSearch?: boolean;\n    searchPlaceholder?: string;\n    actions?: NavigationHeaderAction[];\n    emptyContent?: ReactNode;\n};\n\nexport type ResolveNavigationDetail<T extends NavigationItem = NavigationItem> = (\n    item: T,\n) => NavigationDetailConfig | undefined;\n\nexport type NavigationDetailConfigFactory<T extends NavigationItem = NavigationItem> = (\n    item: T,\n) => NavigationDetailConfig;\n\nexport type NavigationSearchConfig = {\n    value?: string;\n    onUpdate?: (value: string) => void;\n};\n\nexport type NavigationSortConfig = {\n    value?: NavigationSortOrder;\n    onUpdate?: (sort: NavigationSortOrder) => void;\n};\n\nexport type NavigationListStateConfig = {\n    loading?: boolean;\n    error?: boolean | ReactNode;\n    hasMore?: boolean;\n    onLoadMore?: () => void;\n};\n\nexport type NavigationHeaderConfig = {\n    actions?: NavigationHeaderAction[];\n    onLoadSuggestions?: LoadPathSuggestions;\n};\n\nexport type NavigationDetailPanelConfig<TItem extends NavigationItem = NavigationItem> = {\n    openedItem?: TItem;\n    onItemOpen?: (item: TItem) => void;\n    onClose?: () => void;\n    resolve?: ResolveNavigationDetail<TItem>;\n    search?: string;\n    onSearchUpdate?: (value: string) => void;\n    activeTab?: string;\n    onTabUpdate?: (tab: string) => void;\n    actions?: NavigationHeaderAction[];\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["navigation.ts"],"sourcesContent":["import {ReactNode} from 'react';\nimport type {QueryResultColumn, QueryResultFormatterSettings} from './queryResults';\nimport type {LoadPathSuggestions} from './pathEditor';\n\nexport type NavigationLocation = {\n    cluster: string | undefined;\n    path: string | undefined;\n};\n\nexport type NavigationAction<TArg> = {\n    id: string;\n    title: string;\n    content: ReactNode;\n    hidden?: boolean;\n    disabled?: boolean;\n    qa?: string;\n    onClick: (arg: TArg) => void;\n};\n\nexport type NavigationHeaderAction = NavigationAction<NavigationLocation>;\n\nexport type NavigationHeaderActionsRenderContext = {\n    location: NavigationLocation;\n    actions: NavigationHeaderAction[];\n};\n\nexport type RenderNavigationHeaderActions = (\n    context: NavigationHeaderActionsRenderContext,\n) => ReactNode;\n\nexport type GetNavigationBreadcrumbHref = (location: NavigationLocation) => string | undefined;\n\nexport type NavigationCluster = {\n    id: string;\n    title: string;\n    icon?: ReactNode;\n    color?: string;\n    backgroundColor?: string;\n    description?: string;\n};\n\nexport type NavigationItemKind = 'folder' | 'file' | 'table' | 'link' | 'unknown';\n\nexport type NavigationItem = {\n    path: string;\n    title: string;\n    icon?: ReactNode;\n    kind?: NavigationItemKind;\n    targetPathBroken?: boolean;\n    hasChildren?: boolean;\n    disabled?: boolean;\n};\n\nexport type NavigationSortOrder = 'asc' | 'desc';\n\nexport type NavigationItemRowRenderData<T extends NavigationItem = NavigationItem> = {\n    item: T;\n    index: number;\n    isActive: boolean;\n    isParentRow: boolean;\n};\n\nexport type NavigationClusterRowRenderData<T extends NavigationCluster = NavigationCluster> = {\n    cluster: T;\n    index: number;\n    isActive: boolean;\n};\n\nexport type RenderNavigationItem<T extends NavigationItem = NavigationItem> = (\n    data: NavigationItemRowRenderData<T>,\n) => ReactNode;\n\nexport type RenderNavigationCluster<T extends NavigationCluster = NavigationCluster> = (\n    data: NavigationClusterRowRenderData<T>,\n) => ReactNode;\n\nexport type NavigationDetailTabRenderContext = {\n    search: string;\n    onSearchUpdate?: (value: string) => void;\n    searchPlaceholder?: string;\n};\n\nexport type NavigationDetailTab = {\n    id: string;\n    title: string;\n    content?: ReactNode;\n    renderContent?: (ctx: NavigationDetailTabRenderContext) => ReactNode;\n    hidden?: boolean;\n    disabled?: boolean;\n};\n\nexport type NavigationAsyncConfig = {\n    loading?: boolean;\n    loaded?: boolean;\n    errorContent?: ReactNode;\n};\n\nexport type NavigationSchemaSortOrder = 'ascending' | 'descending';\n\nexport type NavigationSchemaColumn = {\n    name: string;\n    type?: string;\n    sortOrder?: NavigationSchemaSortOrder;\n    required?: boolean;\n    [key: string]: unknown;\n};\n\nexport type NavigationSchemaConfig<\n    TColumn extends NavigationSchemaColumn = NavigationSchemaColumn,\n> = NavigationAsyncConfig & {\n    columns: TColumn[];\n};\n\nexport type NavigationCellValue = ReactNode;\n\nexport type NavigationPreviewRow = Record<string, NavigationCellValue>;\n\nexport type NavigationPreviewColumn<TRow extends NavigationPreviewRow = NavigationPreviewRow> =\n    string | QueryResultColumn<TRow>;\n\nexport type NavigationPreviewConfig<TRow extends NavigationPreviewRow = NavigationPreviewRow> =\n    NavigationAsyncConfig & {\n        columns: Array<NavigationPreviewColumn<TRow>>;\n        rows: TRow[];\n    };\n\nexport type NavigationPreviewFormatterConfig = {\n    /** Applied when every displayed preview column declares a YQL type. */\n    formatterSettings?: QueryResultFormatterSettings;\n    maxVisibleLines?: number;\n};\n\nexport type NavigationViewRow = NavigationPreviewRow;\n\nexport type NavigationViewSectionAction<TRow extends NavigationViewRow = NavigationViewRow> =\n    NavigationAction<NavigationViewSection<TRow>>;\n\nexport type NavigationViewSection<TRow extends NavigationViewRow = NavigationViewRow> =\n    NavigationAsyncConfig & {\n        id: string;\n        title: ReactNode;\n        columns: string[];\n        rows: TRow[];\n        expanded?: boolean;\n        defaultExpanded?: boolean;\n        onExpandedChange?: (expanded: boolean) => void;\n        actions?: Array<NavigationViewSectionAction<TRow>>;\n    };\n\nexport type NavigationViewConfig<TRow extends NavigationViewRow = NavigationViewRow> =\n    NavigationAsyncConfig & {\n        sections: Array<NavigationViewSection<TRow>>;\n    };\n\nexport type NavigationMetaItem = {\n    name: string;\n    value: NavigationCellValue;\n    [key: string]: unknown;\n};\n\nexport type NavigationMetaGroup<TItem extends NavigationMetaItem = NavigationMetaItem> = {\n    title?: string;\n    items: TItem[];\n};\n\nexport type NavigationMetaConfig<TItem extends NavigationMetaItem = NavigationMetaItem> =\n    NavigationAsyncConfig & {\n        groups: Array<NavigationMetaGroup<TItem>>;\n    };\n\nexport type NavigationDetailConfig = {\n    tabs: NavigationDetailTab[];\n    defaultTab?: string;\n    hasSearch?: boolean;\n    searchPlaceholder?: string;\n    actions?: NavigationHeaderAction[];\n    emptyContent?: ReactNode;\n};\n\nexport type ResolveNavigationDetail<T extends NavigationItem = NavigationItem> = (\n    item: T,\n) => NavigationDetailConfig | undefined;\n\nexport type NavigationDetailConfigFactory<T extends NavigationItem = NavigationItem> = (\n    item: T,\n) => NavigationDetailConfig;\n\nexport type NavigationSearchConfig = {\n    value?: string;\n    onUpdate?: (value: string) => void;\n};\n\nexport type NavigationSortConfig = {\n    value?: NavigationSortOrder;\n    onUpdate?: (sort: NavigationSortOrder) => void;\n};\n\nexport type NavigationListStateConfig = {\n    loading?: boolean;\n    error?: boolean | ReactNode;\n    hasMore?: boolean;\n    onLoadMore?: () => void;\n};\n\nexport type NavigationHeaderConfig = {\n    actions?: NavigationHeaderAction[];\n    renderActions?: RenderNavigationHeaderActions;\n    getBreadcrumbHref?: GetNavigationBreadcrumbHref;\n    onLoadSuggestions?: LoadPathSuggestions;\n};\n\nexport type NavigationParentRowConfig = {\n    showDuringSearch?: boolean;\n};\n\nexport type NavigationDetailPanelConfig<TItem extends NavigationItem = NavigationItem> = {\n    openedItem?: TItem;\n    onItemOpen?: (item: TItem) => void;\n    onClose?: () => void;\n    resolve?: ResolveNavigationDetail<TItem>;\n    search?: string;\n    onSearchUpdate?: (value: string) => void;\n    activeTab?: string;\n    onTabUpdate?: (tab: string) => void;\n    actions?: NavigationHeaderAction[];\n};\n"],"mappings":"","ignoreList":[]}

package/build/esm/widgets/QueriesNavigation/QueriesNavigation.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { NavigationCluster, NavigationDetailPanelConfig, NavigationHeaderConfig, NavigationItem, NavigationListStateConfig, NavigationLocation, NavigationSearchConfig, NavigationSortConfig, RenderNavigationCluster, RenderNavigationItem } from '../../types/navigation';
+import type { NavigationCluster, NavigationDetailPanelConfig, NavigationHeaderConfig, NavigationItem, NavigationListStateConfig, NavigationLocation, NavigationParentRowConfig, NavigationSearchConfig, NavigationSortConfig, RenderNavigationCluster, RenderNavigationItem } from '../../types/navigation';
 import './QueriesNavigation.scss';
 export type QueriesNavigationProps<TItem extends NavigationItem = NavigationItem, TCluster extends NavigationCluster = NavigationCluster> = {
     location: NavigationLocation;
@@ -11,10 +11,11 @@ export type QueriesNavigationProps<TItem extends NavigationItem = NavigationItem
     sort?: NavigationSortConfig;
     listState?: NavigationListStateConfig;
     detail?: NavigationDetailPanelConfig<TItem>;
+    parentRow?: NavigationParentRowConfig;
     renderClusterItem?: RenderNavigationCluster<TCluster>;
     renderNavigationItem?: RenderNavigationItem<TItem>;
     onClusterClick?: (cluster: TCluster) => void;
     onItemClick?: (item: TItem) => void;
     className?: string;
 };
-export declare const QueriesNavigation: <TItem extends NavigationItem = NavigationItem, TCluster extends NavigationCluster = NavigationCluster>({ location, onUpdate, clusters, items, header, search, sort, listState, detail, renderClusterItem, renderNavigationItem, onClusterClick, onItemClick, className, }: QueriesNavigationProps<TItem, TCluster>) => React.JSX.Element;
+export declare const QueriesNavigation: <TItem extends NavigationItem = NavigationItem, TCluster extends NavigationCluster = NavigationCluster>({ location, onUpdate, clusters, items, header, search, sort, listState, detail, parentRow, renderClusterItem, renderNavigationItem, onClusterClick, onItemClick, className, }: QueriesNavigationProps<TItem, TCluster>) => React.JSX.Element;

package/build/esm/widgets/QueriesNavigation/QueriesNavigation.js

@@ -28,6 +28,7 @@ export var QueriesNavigation = function QueriesNavigation(_ref) {
     sort = _ref.sort,
     listState = _ref.listState,
     detail = _ref.detail,
+    parentRow = _ref.parentRow,
     renderClusterItem = _ref.renderClusterItem,
     renderNavigationItem = _ref.renderNavigationItem,
     onClusterClick = _ref.onClusterClick,
@@ -40,6 +41,8 @@ export var QueriesNavigation = function QueriesNavigation(_ref) {
     onLoadMore = _ref2.onLoadMore;
   var _ref3 = header !== null && header !== void 0 ? header : {},
     actions = _ref3.actions,
+    renderActions = _ref3.renderActions,
+    getBreadcrumbHref = _ref3.getBreadcrumbHref,
     onLoadSuggestions = _ref3.onLoadSuggestions;
   var _ref4 = search !== null && search !== void 0 ? search : {},
     searchValue = _ref4.value,
@@ -116,6 +119,8 @@ export var QueriesNavigation = function QueriesNavigation(_ref) {
         path: body.item.path
       },
       actions: resolvedDetailActions,
+      renderActions: renderActions,
+      getBreadcrumbHref: getBreadcrumbHref,
       onUpdate: handleNavigate,
       onLoadSuggestions: onLoadSuggestions,
       search: detailSearch,
@@ -132,6 +137,8 @@ export var QueriesNavigation = function QueriesNavigation(_ref) {
     children: [/*#__PURE__*/_jsx(NavigationHeader, {
       location: location,
       actions: actions,
+      renderActions: renderActions,
+      getBreadcrumbHref: getBreadcrumbHref,
       onUpdate: handleNavigate,
       onLoadSuggestions: onLoadSuggestions
     }), /*#__PURE__*/_jsx(SearchWithButtons, {
@@ -153,6 +160,7 @@ export var QueriesNavigation = function QueriesNavigation(_ref) {
       items: items,
       path: location.path,
       search: searchValue,
+      parentRow: parentRow,
       sort: sortValue,
       onSortUpdate: onSortUpdate,
       titleLabel: i18n('title_name'),

package/build/esm/widgets/QueriesNavigation/QueriesNavigation.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Flex","Text","ClustersList","NavigationDetail","NavigationHeader","NavigationItemsList","EmptyContent","SearchWithButtons","createEmptyDetailConfig","i18n","cn","jsx","_jsx","jsxs","_jsxs","block","QueriesNavigation","_ref","_resolveDetail","location","onUpdate","_ref$clusters","clusters","_ref$items","items","header","search","sort","listState","detail","renderClusterItem","renderNavigationItem","onClusterClick","onItemClick","className","_ref2","loading","error","hasMore","onLoadMore","_ref3","actions","onLoadSuggestions","_ref4","searchValue","value","onSearchUpdate","_ref5","sortValue","onSortUpdate","_ref6","openedItem","onItemOpen","onDetailClose","onClose","resolveDetail","resolve","detailSearch","onDetailSearchUpdate","detailActiveTab","activeTab","onDetailTabUpdate","onTabUpdate","detailActions","resolvedDetailActions","resolvedErrorContent","color","children","openedConfig","undefined","body","type","item","config","cluster","handleNavigate","next","handleClusterClick","id","path","handleItemClick","hasChildren","direction","gap","placeholder","emptyContent","variant","renderRowItem","titleLabel"],"sources":["QueriesNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport {ClustersList} from '../../modules/ClustersList';\nimport {NavigationDetail} from '../../modules/NavigationDetail';\nimport {NavigationHeader} from '../../modules/NavigationHeader';\nimport {NavigationItemsList} from '../../modules/NavigationItemsList';\nimport {EmptyContent} from '../../components/EmptyContent';\nimport {SearchWithButtons} from '../../components/SearchWithButtons';\nimport type {\n    NavigationCluster,\n    NavigationDetailConfig,\n    NavigationDetailPanelConfig,\n    NavigationHeaderConfig,\n    NavigationItem,\n    NavigationListStateConfig,\n    NavigationLocation,\n    NavigationSearchConfig,\n    NavigationSortConfig,\n    RenderNavigationCluster,\n    RenderNavigationItem,\n} from '../../types/navigation';\nimport {createEmptyDetailConfig} from './helpers/createEmptyDetailConfig';\nimport i18n from './i18n';\nimport cn from 'bem-cn-lite';\nimport './QueriesNavigation.scss';\n\nconst block = cn('qp-queries-navigation');\n\nexport type QueriesNavigationProps<\n    TItem extends NavigationItem = NavigationItem,\n    TCluster extends NavigationCluster = NavigationCluster,\n> = {\n    location: NavigationLocation;\n    onUpdate: (location: NavigationLocation) => void;\n    clusters?: TCluster[];\n    items?: TItem[];\n    header?: NavigationHeaderConfig;\n    search?: NavigationSearchConfig;\n    sort?: NavigationSortConfig;\n    listState?: NavigationListStateConfig;\n    detail?: NavigationDetailPanelConfig<TItem>;\n    renderClusterItem?: RenderNavigationCluster<TCluster>;\n    renderNavigationItem?: RenderNavigationItem<TItem>;\n    onClusterClick?: (cluster: TCluster) => void;\n    onItemClick?: (item: TItem) => void;\n    className?: string;\n};\n\ntype NavigationBody<TItem extends NavigationItem> =\n    | {type: 'loading'}\n    | {type: 'details'; item: TItem; config: NavigationDetailConfig}\n    | {type: 'clusters'}\n    | {type: 'items'};\n\nexport const QueriesNavigation = <\n    TItem extends NavigationItem = NavigationItem,\n    TCluster extends NavigationCluster = NavigationCluster,\n>({\n    location,\n    onUpdate,\n    clusters = [],\n    items = [],\n    header,\n    search,\n    sort,\n    listState,\n    detail,\n    renderClusterItem,\n    renderNavigationItem,\n    onClusterClick,\n    onItemClick,\n    className,\n}: QueriesNavigationProps<TItem, TCluster>) => {\n    const {loading, error, hasMore, onLoadMore} = listState ?? {};\n    const {actions, onLoadSuggestions} = header ?? {};\n    const {value: searchValue, onUpdate: onSearchUpdate} = search ?? {};\n    const {value: sortValue, onUpdate: onSortUpdate} = sort ?? {};\n    const {\n        openedItem,\n        onItemOpen,\n        onClose: onDetailClose,\n        resolve: resolveDetail,\n        search: detailSearch,\n        onSearchUpdate: onDetailSearchUpdate,\n        activeTab: detailActiveTab,\n        onTabUpdate: onDetailTabUpdate,\n        actions: detailActions,\n    } = detail ?? {};\n\n    const resolvedDetailActions = detailActions ?? actions;\n\n    const resolvedErrorContent = error ? (\n        <Text color=\"danger\" className={block('error')}>\n            {error === true ? i18n('alert_load-error') : error}\n        </Text>\n    ) : null;\n\n    const openedConfig = openedItem\n        ? (resolveDetail?.(openedItem) ?? createEmptyDetailConfig(openedItem))\n        : undefined;\n\n    const body: NavigationBody<TItem> = (() => {\n        if (loading) {\n            return {type: 'loading'};\n        }\n        if (openedItem && openedConfig) {\n            return {type: 'details', item: openedItem, config: openedConfig};\n        }\n        if (!location.cluster) {\n            return {type: 'clusters'};\n        }\n        return {type: 'items'};\n    })();\n\n    const handleNavigate = (next: NavigationLocation) => {\n        onDetailClose?.();\n        onUpdate(next);\n    };\n\n    const handleClusterClick = (cluster: TCluster) => {\n        handleNavigate({cluster: cluster.id, path: undefined});\n        onClusterClick?.(cluster);\n    };\n\n    const handleItemClick = (item: TItem) => {\n        if (item.hasChildren) {\n            handleNavigate({cluster: location.cluster, path: item.path});\n        } else {\n            onItemOpen?.(item);\n        }\n        onItemClick?.(item);\n    };\n\n    if (body.type === 'details') {\n        return (\n            <NavigationDetail\n                key={body.item.path}\n                config={body.config}\n                location={{cluster: location.cluster, path: body.item.path}}\n                actions={resolvedDetailActions}\n                onUpdate={handleNavigate}\n                onLoadSuggestions={onLoadSuggestions}\n                search={detailSearch}\n                onSearchUpdate={onDetailSearchUpdate}\n                activeTab={detailActiveTab}\n                onTabUpdate={onDetailTabUpdate}\n                className={block(null, className)}\n            />\n        );\n    }\n\n    return (\n        <Flex direction=\"column\" gap={1} className={block(null, className)}>\n            <NavigationHeader\n                location={location}\n                actions={actions}\n                onUpdate={handleNavigate}\n                onLoadSuggestions={onLoadSuggestions}\n            />\n            <SearchWithButtons\n                placeholder={i18n('field_search-placeholder')}\n                value={searchValue}\n                onUpdate={onSearchUpdate}\n            />\n            {body.type === 'clusters' || (body.type === 'loading' && !location.cluster) ? (\n                <ClustersList<TCluster>\n                    items={clusters}\n                    loading={loading}\n                    error={resolvedErrorContent}\n                    hasMore={hasMore}\n                    onLoadMore={onLoadMore}\n                    emptyContent={\n                        <EmptyContent variant={searchValue ? 'nothing-found' : 'no-clusters'} />\n                    }\n                    renderRowItem={renderClusterItem}\n                    onItemClick={handleClusterClick}\n                />\n            ) : (\n                <NavigationItemsList<TItem>\n                    items={items}\n                    path={location.path}\n                    search={searchValue}\n                    sort={sortValue}\n                    onSortUpdate={onSortUpdate}\n                    titleLabel={i18n('title_name')}\n                    loading={loading}\n                    error={resolvedErrorContent}\n                    hasMore={hasMore}\n                    onLoadMore={onLoadMore}\n                    emptyContent={\n                        <EmptyContent variant={searchValue ? 'nothing-found' : 'no-files'} />\n                    }\n                    renderRowItem={renderNavigationItem}\n                    onItemClick={handleItemClick}\n                />\n            )}\n        </Flex>\n    );\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAC5C,SAAQC,YAAY;AACpB,SAAQC,gBAAgB;AACxB,SAAQC,gBAAgB;AACxB,SAAQC,mBAAmB;AAC3B,SAAQC,YAAY;AACpB,SAAQC,iBAAiB;AAczB,SAAQC,uBAAuB;AAC/B,OAAOC,IAAI;AACX,OAAOC,EAAE,MAAM,aAAa;AAC5B;AAAkC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElC,IAAMC,KAAK,GAAGL,EAAE,CAAC,uBAAuB,CAAC;AA4BzC,OAAO,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAkBiB;EAAA,IAAAC,cAAA;EAAA,IAd3CC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,aAAA,GAAAJ,IAAA,CACRK,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAAE,UAAA,GAAAN,IAAA,CACbO,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,EAAE,GAAAA,UAAA;IACVE,MAAM,GAAAR,IAAA,CAANQ,MAAM;IACNC,MAAM,GAAAT,IAAA,CAANS,MAAM;IACNC,IAAI,GAAAV,IAAA,CAAJU,IAAI;IACJC,SAAS,GAAAX,IAAA,CAATW,SAAS;IACTC,MAAM,GAAAZ,IAAA,CAANY,MAAM;IACNC,iBAAiB,GAAAb,IAAA,CAAjBa,iBAAiB;IACjBC,oBAAoB,GAAAd,IAAA,CAApBc,oBAAoB;IACpBC,cAAc,GAAAf,IAAA,CAAde,cAAc;IACdC,WAAW,GAAAhB,IAAA,CAAXgB,WAAW;IACXC,SAAS,GAAAjB,IAAA,CAATiB,SAAS;EAET,IAAAC,KAAA,GAA8CP,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,CAAC,CAAC;IAAtDQ,OAAO,GAAAD,KAAA,CAAPC,OAAO;IAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IAAEC,OAAO,GAAAH,KAAA,CAAPG,OAAO;IAAEC,UAAU,GAAAJ,KAAA,CAAVI,UAAU;EAC1C,IAAAC,KAAA,GAAqCf,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI,CAAC,CAAC;IAA1CgB,OAAO,GAAAD,KAAA,CAAPC,OAAO;IAAEC,iBAAiB,GAAAF,KAAA,CAAjBE,iBAAiB;EACjC,IAAAC,KAAA,GAAuDjB,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI,CAAC,CAAC;IAArDkB,WAAW,GAAAD,KAAA,CAAlBE,KAAK;IAAyBC,cAAc,GAAAH,KAAA,CAAxBvB,QAAQ;EACnC,IAAA2B,KAAA,GAAmDpB,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,CAAC,CAAC;IAA/CqB,SAAS,GAAAD,KAAA,CAAhBF,KAAK;IAAuBI,YAAY,GAAAF,KAAA,CAAtB3B,QAAQ;EACjC,IAAA8B,KAAA,GAUIrB,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI,CAAC,CAAC;IATZsB,UAAU,GAAAD,KAAA,CAAVC,UAAU;IACVC,UAAU,GAAAF,KAAA,CAAVE,UAAU;IACDC,aAAa,GAAAH,KAAA,CAAtBI,OAAO;IACEC,aAAa,GAAAL,KAAA,CAAtBM,OAAO;IACCC,YAAY,GAAAP,KAAA,CAApBxB,MAAM;IACUgC,oBAAoB,GAAAR,KAAA,CAApCJ,cAAc;IACHa,eAAe,GAAAT,KAAA,CAA1BU,SAAS;IACIC,iBAAiB,GAAAX,KAAA,CAA9BY,WAAW;IACFC,aAAa,GAAAb,KAAA,CAAtBT,OAAO;EAGX,IAAMuB,qBAAqB,GAAGD,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAItB,OAAO;EAEtD,IAAMwB,oBAAoB,GAAG5B,KAAK,gBAC9BzB,IAAA,CAACX,IAAI;IAACiE,KAAK,EAAC,QAAQ;IAAChC,SAAS,EAAEnB,KAAK,CAAC,OAAO,CAAE;IAAAoD,QAAA,EAC1C9B,KAAK,KAAK,IAAI,GAAG5B,IAAI,CAAC,kBAAkB,CAAC,GAAG4B;EAAK,CAChD,CAAC,GACP,IAAI;EAER,IAAM+B,YAAY,GAAGjB,UAAU,IAAAjC,cAAA,GACxBqC,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGJ,UAAU,CAAC,cAAAjC,cAAA,cAAAA,cAAA,GAAIV,uBAAuB,CAAC2C,UAAU,CAAC,GACnEkB,SAAS;EAEf,IAAMC,IAA2B,GAAI,YAAM;IACvC,IAAIlC,OAAO,EAAE;MACT,OAAO;QAACmC,IAAI,EAAE;MAAS,CAAC;IAC5B;IACA,IAAIpB,UAAU,IAAIiB,YAAY,EAAE;MAC5B,OAAO;QAACG,IAAI,EAAE,SAAS;QAAEC,IAAI,EAAErB,UAAU;QAAEsB,MAAM,EAAEL;MAAY,CAAC;IACpE;IACA,IAAI,CAACjD,QAAQ,CAACuD,OAAO,EAAE;MACnB,OAAO;QAACH,IAAI,EAAE;MAAU,CAAC;IAC7B;IACA,OAAO;MAACA,IAAI,EAAE;IAAO,CAAC;EAC1B,CAAC,CAAE,CAAC;EAEJ,IAAMI,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAwB,EAAK;IACjDvB,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAG,CAAC;IACjBjC,QAAQ,CAACwD,IAAI,CAAC;EAClB,CAAC;EAED,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIH,OAAiB,EAAK;IAC9CC,cAAc,CAAC;MAACD,OAAO,EAAEA,OAAO,CAACI,EAAE;MAAEC,IAAI,EAAEV;IAAS,CAAC,CAAC;IACtDrC,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAG0C,OAAO,CAAC;EAC7B,CAAC;EAED,IAAMM,eAAe,GAAG,SAAlBA,eAAeA,CAAIR,IAAW,EAAK;IACrC,IAAIA,IAAI,CAACS,WAAW,EAAE;MAClBN,cAAc,CAAC;QAACD,OAAO,EAAEvD,QAAQ,CAACuD,OAAO;QAAEK,IAAI,EAAEP,IAAI,CAACO;MAAI,CAAC,CAAC;IAChE,CAAC,MAAM;MACH3B,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAGoB,IAAI,CAAC;IACtB;IACAvC,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGuC,IAAI,CAAC;EACvB,CAAC;EAED,IAAIF,IAAI,CAACC,IAAI,KAAK,SAAS,EAAE;IACzB,oBACI3D,IAAA,CAACT,gBAAgB;MAEbsE,MAAM,EAAEH,IAAI,CAACG,MAAO;MACpBtD,QAAQ,EAAE;QAACuD,OAAO,EAAEvD,QAAQ,CAACuD,OAAO;QAAEK,IAAI,EAAET,IAAI,CAACE,IAAI,CAACO;MAAI,CAAE;MAC5DtC,OAAO,EAAEuB,qBAAsB;MAC/B5C,QAAQ,EAAEuD,cAAe;MACzBjC,iBAAiB,EAAEA,iBAAkB;MACrChB,MAAM,EAAE+B,YAAa;MACrBX,cAAc,EAAEY,oBAAqB;MACrCE,SAAS,EAAED,eAAgB;MAC3BG,WAAW,EAAED,iBAAkB;MAC/B3B,SAAS,EAAEnB,KAAK,CAAC,IAAI,EAAEmB,SAAS;IAAE,GAV7BoC,IAAI,CAACE,IAAI,CAACO,IAWlB,CAAC;EAEV;EAEA,oBACIjE,KAAA,CAACd,IAAI;IAACkF,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACjD,SAAS,EAAEnB,KAAK,CAAC,IAAI,EAAEmB,SAAS,CAAE;IAAAiC,QAAA,gBAC/DvD,IAAA,CAACR,gBAAgB;MACbe,QAAQ,EAAEA,QAAS;MACnBsB,OAAO,EAAEA,OAAQ;MACjBrB,QAAQ,EAAEuD,cAAe;MACzBjC,iBAAiB,EAAEA;IAAkB,CACxC,CAAC,eACF9B,IAAA,CAACL,iBAAiB;MACd6E,WAAW,EAAE3E,IAAI,CAAC,0BAA0B,CAAE;MAC9CoC,KAAK,EAAED,WAAY;MACnBxB,QAAQ,EAAE0B;IAAe,CAC5B,CAAC,EACDwB,IAAI,CAACC,IAAI,KAAK,UAAU,IAAKD,IAAI,CAACC,IAAI,KAAK,SAAS,IAAI,CAACpD,QAAQ,CAACuD,OAAQ,gBACvE9D,IAAA,CAACV,YAAY;MACTsB,KAAK,EAAEF,QAAS;MAChBc,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAE4B,oBAAqB;MAC5B3B,OAAO,EAAEA,OAAQ;MACjBC,UAAU,EAAEA,UAAW;MACvB8C,YAAY,eACRzE,IAAA,CAACN,YAAY;QAACgF,OAAO,EAAE1C,WAAW,GAAG,eAAe,GAAG;MAAc,CAAE,CAC1E;MACD2C,aAAa,EAAEzD,iBAAkB;MACjCG,WAAW,EAAE4C;IAAmB,CACnC,CAAC,gBAEFjE,IAAA,CAACP,mBAAmB;MAChBmB,KAAK,EAAEA,KAAM;MACbuD,IAAI,EAAE5D,QAAQ,CAAC4D,IAAK;MACpBrD,MAAM,EAAEkB,WAAY;MACpBjB,IAAI,EAAEqB,SAAU;MAChBC,YAAY,EAAEA,YAAa;MAC3BuC,UAAU,EAAE/E,IAAI,CAAC,YAAY,CAAE;MAC/B2B,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAE4B,oBAAqB;MAC5B3B,OAAO,EAAEA,OAAQ;MACjBC,UAAU,EAAEA,UAAW;MACvB8C,YAAY,eACRzE,IAAA,CAACN,YAAY;QAACgF,OAAO,EAAE1C,WAAW,GAAG,eAAe,GAAG;MAAW,CAAE,CACvE;MACD2C,aAAa,EAAExD,oBAAqB;MACpCE,WAAW,EAAE+C;IAAgB,CAChC,CACJ;EAAA,CACC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Flex","Text","ClustersList","NavigationDetail","NavigationHeader","NavigationItemsList","EmptyContent","SearchWithButtons","createEmptyDetailConfig","i18n","cn","jsx","_jsx","jsxs","_jsxs","block","QueriesNavigation","_ref","_resolveDetail","location","onUpdate","_ref$clusters","clusters","_ref$items","items","header","search","sort","listState","detail","parentRow","renderClusterItem","renderNavigationItem","onClusterClick","onItemClick","className","_ref2","loading","error","hasMore","onLoadMore","_ref3","actions","renderActions","getBreadcrumbHref","onLoadSuggestions","_ref4","searchValue","value","onSearchUpdate","_ref5","sortValue","onSortUpdate","_ref6","openedItem","onItemOpen","onDetailClose","onClose","resolveDetail","resolve","detailSearch","onDetailSearchUpdate","detailActiveTab","activeTab","onDetailTabUpdate","onTabUpdate","detailActions","resolvedDetailActions","resolvedErrorContent","color","children","openedConfig","undefined","body","type","item","config","cluster","handleNavigate","next","handleClusterClick","id","path","handleItemClick","hasChildren","direction","gap","placeholder","emptyContent","variant","renderRowItem","titleLabel"],"sources":["QueriesNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport {ClustersList} from '../../modules/ClustersList';\nimport {NavigationDetail} from '../../modules/NavigationDetail';\nimport {NavigationHeader} from '../../modules/NavigationHeader';\nimport {NavigationItemsList} from '../../modules/NavigationItemsList';\nimport {EmptyContent} from '../../components/EmptyContent';\nimport {SearchWithButtons} from '../../components/SearchWithButtons';\nimport type {\n    NavigationCluster,\n    NavigationDetailConfig,\n    NavigationDetailPanelConfig,\n    NavigationHeaderConfig,\n    NavigationItem,\n    NavigationListStateConfig,\n    NavigationLocation,\n    NavigationParentRowConfig,\n    NavigationSearchConfig,\n    NavigationSortConfig,\n    RenderNavigationCluster,\n    RenderNavigationItem,\n} from '../../types/navigation';\nimport {createEmptyDetailConfig} from './helpers/createEmptyDetailConfig';\nimport i18n from './i18n';\nimport cn from 'bem-cn-lite';\nimport './QueriesNavigation.scss';\n\nconst block = cn('qp-queries-navigation');\n\nexport type QueriesNavigationProps<\n    TItem extends NavigationItem = NavigationItem,\n    TCluster extends NavigationCluster = NavigationCluster,\n> = {\n    location: NavigationLocation;\n    onUpdate: (location: NavigationLocation) => void;\n    clusters?: TCluster[];\n    items?: TItem[];\n    header?: NavigationHeaderConfig;\n    search?: NavigationSearchConfig;\n    sort?: NavigationSortConfig;\n    listState?: NavigationListStateConfig;\n    detail?: NavigationDetailPanelConfig<TItem>;\n    parentRow?: NavigationParentRowConfig;\n    renderClusterItem?: RenderNavigationCluster<TCluster>;\n    renderNavigationItem?: RenderNavigationItem<TItem>;\n    onClusterClick?: (cluster: TCluster) => void;\n    onItemClick?: (item: TItem) => void;\n    className?: string;\n};\n\ntype NavigationBody<TItem extends NavigationItem> =\n    | {type: 'loading'}\n    | {type: 'details'; item: TItem; config: NavigationDetailConfig}\n    | {type: 'clusters'}\n    | {type: 'items'};\n\nexport const QueriesNavigation = <\n    TItem extends NavigationItem = NavigationItem,\n    TCluster extends NavigationCluster = NavigationCluster,\n>({\n    location,\n    onUpdate,\n    clusters = [],\n    items = [],\n    header,\n    search,\n    sort,\n    listState,\n    detail,\n    parentRow,\n    renderClusterItem,\n    renderNavigationItem,\n    onClusterClick,\n    onItemClick,\n    className,\n}: QueriesNavigationProps<TItem, TCluster>) => {\n    const {loading, error, hasMore, onLoadMore} = listState ?? {};\n    const {actions, renderActions, getBreadcrumbHref, onLoadSuggestions} = header ?? {};\n    const {value: searchValue, onUpdate: onSearchUpdate} = search ?? {};\n    const {value: sortValue, onUpdate: onSortUpdate} = sort ?? {};\n    const {\n        openedItem,\n        onItemOpen,\n        onClose: onDetailClose,\n        resolve: resolveDetail,\n        search: detailSearch,\n        onSearchUpdate: onDetailSearchUpdate,\n        activeTab: detailActiveTab,\n        onTabUpdate: onDetailTabUpdate,\n        actions: detailActions,\n    } = detail ?? {};\n\n    const resolvedDetailActions = detailActions ?? actions;\n\n    const resolvedErrorContent = error ? (\n        <Text color=\"danger\" className={block('error')}>\n            {error === true ? i18n('alert_load-error') : error}\n        </Text>\n    ) : null;\n\n    const openedConfig = openedItem\n        ? (resolveDetail?.(openedItem) ?? createEmptyDetailConfig(openedItem))\n        : undefined;\n\n    const body: NavigationBody<TItem> = (() => {\n        if (loading) {\n            return {type: 'loading'};\n        }\n        if (openedItem && openedConfig) {\n            return {type: 'details', item: openedItem, config: openedConfig};\n        }\n        if (!location.cluster) {\n            return {type: 'clusters'};\n        }\n        return {type: 'items'};\n    })();\n\n    const handleNavigate = (next: NavigationLocation) => {\n        onDetailClose?.();\n        onUpdate(next);\n    };\n\n    const handleClusterClick = (cluster: TCluster) => {\n        handleNavigate({cluster: cluster.id, path: undefined});\n        onClusterClick?.(cluster);\n    };\n\n    const handleItemClick = (item: TItem) => {\n        if (item.hasChildren) {\n            handleNavigate({cluster: location.cluster, path: item.path});\n        } else {\n            onItemOpen?.(item);\n        }\n        onItemClick?.(item);\n    };\n\n    if (body.type === 'details') {\n        return (\n            <NavigationDetail\n                key={body.item.path}\n                config={body.config}\n                location={{cluster: location.cluster, path: body.item.path}}\n                actions={resolvedDetailActions}\n                renderActions={renderActions}\n                getBreadcrumbHref={getBreadcrumbHref}\n                onUpdate={handleNavigate}\n                onLoadSuggestions={onLoadSuggestions}\n                search={detailSearch}\n                onSearchUpdate={onDetailSearchUpdate}\n                activeTab={detailActiveTab}\n                onTabUpdate={onDetailTabUpdate}\n                className={block(null, className)}\n            />\n        );\n    }\n\n    return (\n        <Flex direction=\"column\" gap={1} className={block(null, className)}>\n            <NavigationHeader\n                location={location}\n                actions={actions}\n                renderActions={renderActions}\n                getBreadcrumbHref={getBreadcrumbHref}\n                onUpdate={handleNavigate}\n                onLoadSuggestions={onLoadSuggestions}\n            />\n            <SearchWithButtons\n                placeholder={i18n('field_search-placeholder')}\n                value={searchValue}\n                onUpdate={onSearchUpdate}\n            />\n            {body.type === 'clusters' || (body.type === 'loading' && !location.cluster) ? (\n                <ClustersList<TCluster>\n                    items={clusters}\n                    loading={loading}\n                    error={resolvedErrorContent}\n                    hasMore={hasMore}\n                    onLoadMore={onLoadMore}\n                    emptyContent={\n                        <EmptyContent variant={searchValue ? 'nothing-found' : 'no-clusters'} />\n                    }\n                    renderRowItem={renderClusterItem}\n                    onItemClick={handleClusterClick}\n                />\n            ) : (\n                <NavigationItemsList<TItem>\n                    items={items}\n                    path={location.path}\n                    search={searchValue}\n                    parentRow={parentRow}\n                    sort={sortValue}\n                    onSortUpdate={onSortUpdate}\n                    titleLabel={i18n('title_name')}\n                    loading={loading}\n                    error={resolvedErrorContent}\n                    hasMore={hasMore}\n                    onLoadMore={onLoadMore}\n                    emptyContent={\n                        <EmptyContent variant={searchValue ? 'nothing-found' : 'no-files'} />\n                    }\n                    renderRowItem={renderNavigationItem}\n                    onItemClick={handleItemClick}\n                />\n            )}\n        </Flex>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/widgets/QueriesNavigation/QueriesNavigation.stories.d.ts

@@ -10,3 +10,6 @@ export declare const EmptySearch: Story;
 export declare const Error: Story;
 export declare const CustomRows: Story;
 export declare const CustomDetailResolver: Story;
+export declare const CustomHeaderActions: Story;
+export declare const LinkedBreadcrumbs: Story;
+export declare const ParentRowDuringSearch: Story;

package/build/esm/widgets/QueriesNavigation/QueriesNavigation.stories.js

@@ -4,12 +4,14 @@ import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.array.sort.js";
 import "core-js/modules/es.iterator.constructor.js";
 import "core-js/modules/es.iterator.filter.js";
 import "core-js/modules/es.iterator.map.js";
 import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.includes.js";
 import React, { useState } from 'react';
 import { QueriesNavigation } from "./QueriesNavigation";
 import { createNavigationDetailResolver } from "./helpers/createNavigationDetailResolver";
@@ -84,7 +86,7 @@ GearIcon.defaultProps = {
   fill: "none",
   viewBox: "0 0 16 16"
 };
-import { Flex, Icon, Label, Text } from '@gravity-ui/uikit';
+import { Button, DropdownMenu, Flex, Icon, Label, Text } from '@gravity-ui/uikit';
 import { ClusterRow, NavigationItemRow } from "../../components";
 import { SCHEMA_COLUMNS } from "../../modules/NavigationSchema/story/mockData";
 import { PREVIEW_COLUMNS, PREVIEW_ROWS } from "../../modules/NavigationPreview/story/mockData";
@@ -614,6 +616,154 @@ var CustomDetailResolverStory = function CustomDetailResolverStory() {
     })
   });
 };
+var CustomHeaderActionsStory = function CustomHeaderActionsStory() {
+  var _useNavigationStorySt2 = useNavigationStoryState({
+      cluster: 'northstar',
+      path: '/home'
+    }),
+    location = _useNavigationStorySt2.location,
+    onUpdate = _useNavigationStorySt2.onUpdate,
+    items = _useNavigationStorySt2.items;
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 420,
+      height: 500
+    },
+    children: /*#__PURE__*/_jsx(QueriesNavigation, {
+      location: location,
+      onUpdate: onUpdate,
+      items: items,
+      header: {
+        actions: defaultActions,
+        renderActions: function renderActions(_ref6) {
+          var _actionLocation$path;
+          var actionLocation = _ref6.location,
+            actions = _ref6.actions;
+          var menuItems = actions.filter(function (_ref7) {
+            var hidden = _ref7.hidden;
+            return !hidden;
+          }).map(function (_ref8) {
+            var title = _ref8.title,
+              disabled = _ref8.disabled,
+              onClick = _ref8.onClick;
+            return {
+              text: title,
+              disabled: disabled,
+              action: function action() {
+                return onClick(actionLocation);
+              }
+            };
+          });
+          var href = "/navigation/".concat(actionLocation.cluster).concat((_actionLocation$path = actionLocation.path) !== null && _actionLocation$path !== void 0 ? _actionLocation$path : '');
+          return /*#__PURE__*/_jsxs(Flex, {
+            gap: 1,
+            shrink: 0,
+            children: [/*#__PURE__*/_jsx(DropdownMenu, {
+              size: "s",
+              items: menuItems,
+              renderSwitcher: function renderSwitcher(props) {
+                return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, props), {}, {
+                  view: "flat",
+                  size: "s",
+                  children: "Favorites"
+                }));
+              }
+            }), /*#__PURE__*/_jsx(Button, {
+              view: "flat",
+              size: "s",
+              href: href,
+              target: "_blank",
+              children: "Open"
+            })]
+          });
+        }
+      }
+    })
+  });
+};
+var LinkedBreadcrumbsStory = function LinkedBreadcrumbsStory() {
+  var _useNavigationStorySt3 = useNavigationStoryState({
+      cluster: 'northstar',
+      path: '/home'
+    }),
+    location = _useNavigationStorySt3.location,
+    onUpdate = _useNavigationStorySt3.onUpdate,
+    items = _useNavigationStorySt3.items;
+  var _useState11 = useState(undefined),
+    _useState12 = _slicedToArray(_useState11, 2),
+    openedItem = _useState12[0],
+    setOpenedItem = _useState12[1];
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 420,
+      height: 500
+    },
+    children: /*#__PURE__*/_jsx(QueriesNavigation, {
+      location: location,
+      onUpdate: onUpdate,
+      items: items,
+      header: {
+        actions: defaultActions,
+        getBreadcrumbHref: function getBreadcrumbHref(_ref9) {
+          var cluster = _ref9.cluster,
+            path = _ref9.path;
+          return cluster ? "/navigation/".concat(cluster).concat(path !== null && path !== void 0 ? path : '') : '/navigation';
+        }
+      },
+      detail: {
+        openedItem: openedItem,
+        onItemOpen: setOpenedItem,
+        onClose: function onClose() {
+          return setOpenedItem(undefined);
+        }
+      }
+    })
+  });
+};
+var ParentRowDuringSearchStory = function ParentRowDuringSearchStory() {
+  var _useLocationState8 = useLocationState({
+      cluster: 'northstar',
+      path: '/home'
+    }),
+    location = _useLocationState8.location,
+    onUpdate = _useLocationState8.onUpdate;
+  var _useState13 = useState('cluster'),
+    _useState14 = _slicedToArray(_useState13, 2),
+    search = _useState14[0],
+    setSearch = _useState14[1];
+  var items = getItemsForPath(location.path).filter(function (_ref0) {
+    var title = _ref0.title;
+    return title.includes(search);
+  });
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 340,
+      height: 500
+    },
+    children: /*#__PURE__*/_jsx(QueriesNavigation, {
+      location: location,
+      onUpdate: onUpdate,
+      items: items,
+      search: {
+        value: search,
+        onUpdate: setSearch
+      },
+      parentRow: {
+        showDuringSearch: true
+      },
+      renderNavigationItem: function renderNavigationItem(_ref1) {
+        var item = _ref1.item,
+          isParentRow = _ref1.isParentRow;
+        return /*#__PURE__*/_jsx("div", {
+          "data-qa": isParentRow ? 'parent-row' : undefined,
+          children: /*#__PURE__*/_jsx(NavigationItemRow, {
+            item: item
+          })
+        });
+      }
+    })
+  });
+};
 export var ClustersToItems = {
   render: function render() {
     return /*#__PURE__*/_jsx(ClustersToItemsStory, {});
@@ -649,4 +799,19 @@ export var CustomDetailResolver = {
     return /*#__PURE__*/_jsx(CustomDetailResolverStory, {});
   }
 };
+export var CustomHeaderActions = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(CustomHeaderActionsStory, {});
+  }
+};
+export var LinkedBreadcrumbs = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(LinkedBreadcrumbsStory, {});
+  }
+};
+export var ParentRowDuringSearch = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(ParentRowDuringSearchStory, {});
+  }
+};
 // #sourceMappingURL=QueriesNavigation.stories.js.map