@gravity-ui/querieskit 1.2.0 → 1.3.0

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

@@ -0,0 +1,54 @@
+import type { ReactNode } from 'react';
+export type QueryStatisticsColumn = 'min' | 'max' | 'avg' | 'sum' | 'count' | 'last';
+export type QueryStatisticsValues = Partial<Record<QueryStatisticsColumn, number>>;
+type QueryStatisticsItemBase = {
+    id: string;
+    name: string;
+    description?: string;
+    unit?: string;
+};
+export type QueryStatisticsMetric = QueryStatisticsItemBase & {
+    values: QueryStatisticsValues;
+    children?: never;
+};
+export type QueryStatisticsGroup = QueryStatisticsItemBase & {
+    children: QueryStatisticsItem[];
+    values?: never;
+};
+export type QueryStatisticsItem = QueryStatisticsMetric | QueryStatisticsGroup;
+export type QueryStatisticsFormatValueContext = {
+    column: QueryStatisticsColumn;
+    item: QueryStatisticsMetric;
+};
+export type QueryStatisticsColumnConfig = {
+    title?: ReactNode;
+    width?: string;
+};
+export type QueryStatisticsExtraColumnContext = {
+    item: QueryStatisticsItem;
+    level: number;
+};
+export type QueryStatisticsExtraColumn = {
+    id: string;
+    title: ReactNode;
+    width?: string;
+    render: (context: QueryStatisticsExtraColumnContext) => ReactNode;
+};
+export type QueryStatisticsProps = {
+    data: QueryStatisticsItem[];
+    visibleColumns?: QueryStatisticsColumn[];
+    columnConfig?: Partial<Record<QueryStatisticsColumn, QueryStatisticsColumnConfig>>;
+    extraColumns?: QueryStatisticsExtraColumn[];
+    className?: string;
+    virtual?: boolean;
+    fixedHeader?: boolean;
+    formatValue?: (value: number | undefined, context: QueryStatisticsFormatValueContext) => ReactNode;
+    search?: string;
+    defaultSearch?: string;
+    onSearchUpdate?: (value: string) => void;
+    expandedIds?: string[];
+    defaultExpandedIds?: string[];
+    onExpandedIdsChange?: (ids: string[]) => void;
+    searchDebounceMs?: number;
+};
+export {};

package/build/esm/types/queryStatistics.js

@@ -0,0 +1,2 @@
+export {};
+// #sourceMappingURL=queryStatistics.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["queryStatistics.ts"],"sourcesContent":["import type {ReactNode} from 'react';\n\nexport type QueryStatisticsColumn = 'min' | 'max' | 'avg' | 'sum' | 'count' | 'last';\n\nexport type QueryStatisticsValues = Partial<Record<QueryStatisticsColumn, number>>;\n\ntype QueryStatisticsItemBase = {\n    id: string;\n    name: string;\n    description?: string;\n    unit?: string;\n};\n\nexport type QueryStatisticsMetric = QueryStatisticsItemBase & {\n    values: QueryStatisticsValues;\n    children?: never;\n};\n\nexport type QueryStatisticsGroup = QueryStatisticsItemBase & {\n    children: QueryStatisticsItem[];\n    values?: never;\n};\n\nexport type QueryStatisticsItem = QueryStatisticsMetric | QueryStatisticsGroup;\n\nexport type QueryStatisticsFormatValueContext = {\n    column: QueryStatisticsColumn;\n    item: QueryStatisticsMetric;\n};\n\nexport type QueryStatisticsColumnConfig = {\n    title?: ReactNode;\n    width?: string;\n};\n\nexport type QueryStatisticsExtraColumnContext = {\n    item: QueryStatisticsItem;\n    level: number;\n};\n\nexport type QueryStatisticsExtraColumn = {\n    id: string;\n    title: ReactNode;\n    width?: string;\n    render: (context: QueryStatisticsExtraColumnContext) => ReactNode;\n};\n\nexport type QueryStatisticsProps = {\n    data: QueryStatisticsItem[];\n    visibleColumns?: QueryStatisticsColumn[];\n    columnConfig?: Partial<Record<QueryStatisticsColumn, QueryStatisticsColumnConfig>>;\n    extraColumns?: QueryStatisticsExtraColumn[];\n    className?: string;\n    virtual?: boolean;\n    fixedHeader?: boolean;\n    formatValue?: (\n        value: number | undefined,\n        context: QueryStatisticsFormatValueContext,\n    ) => ReactNode;\n    search?: string;\n    defaultSearch?: string;\n    onSearchUpdate?: (value: string) => void;\n    expandedIds?: string[];\n    defaultExpandedIds?: string[];\n    onExpandedIdsChange?: (ids: string[]) => void;\n    searchDebounceMs?: number;\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -123,56 +123,56 @@ var defaultActions = [{
   }
 }];
 var CLUSTERS = [{
-  id: 'arnold',
-  title: 'Arnold',
+  id: 'northstar',
+  title: 'Northstar',
   color: 'white',
   backgroundColor: 'rgba(218, 68, 83, 1)',
   description: 'Production'
 }, {
-  id: 'freud',
-  title: 'Freud',
+  id: 'cedar',
+  title: 'Cedar',
   color: 'white',
   backgroundColor: 'rgba(127, 130, 133, 1)',
   description: 'Production'
 }, {
-  id: 'hahn',
-  title: 'Hahn',
+  id: 'sequoia',
+  title: 'Sequoia',
   color: 'white',
   backgroundColor: 'rgba(215, 112, 173, 1)',
   description: 'Production'
 }, {
-  id: 'yp-sas-test',
-  title: 'YP-Sas-Test',
+  id: 'pioneer-test',
+  title: 'Pioneer-Test',
   color: 'white',
   backgroundColor: 'rgba(150, 122, 220, 1)',
   description: 'Testing'
 }, {
-  id: 'zeno',
-  title: 'Zeno',
+  id: 'orbit',
+  title: 'Orbit',
   color: 'white',
   backgroundColor: 'rgba(233, 87, 63, 1)',
   description: 'Production'
 }, {
-  id: 'ada',
-  title: 'Ada',
+  id: 'lighthouse',
+  title: 'Lighthouse',
   color: 'white',
   backgroundColor: 'rgba(67, 68, 69, 1)',
   description: 'Production'
 }, {
-  id: 'arnold-gnd',
-  title: 'Arnold-GND',
+  id: 'northstar-gnd',
+  title: 'Northstar-GND',
   color: 'white',
   backgroundColor: 'rgba(140, 193, 82, 1)',
   description: 'tesdting'
 }, {
-  id: 'deimos',
-  title: 'Deimos',
+  id: 'harbor',
+  title: 'Harbor',
   color: 'white',
   backgroundColor: 'rgba(55, 188, 155, 1)',
   description: 'Production'
 }, {
-  id: 'freud-gnd',
-  title: 'Freud-GND',
+  id: 'cedar-gnd',
+  title: 'Cedar-GND',
   color: 'white',
   backgroundColor: 'rgba(140, 193, 82, 1)',
   description: 'Prestable'
@@ -205,14 +205,19 @@ var getPathDepth = function getPathDepth(path) {
   return (path !== null && path !== void 0 ? path : '').split('/').filter(Boolean).length;
 };
 var getItemsForPath = function getItemsForPath(path) {
+  var sort = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'asc';
   if (getPathDepth(path) > 1) {
     return [];
   }
-  return ITEM_NAMES.map(function (_ref) {
-    var title = _ref.title,
-      kind = _ref.kind,
-      hasChildren = _ref.hasChildren,
-      disabled = _ref.disabled;
+  return [].concat(ITEM_NAMES).sort(function (_ref, _ref2) {
+    var leftTitle = _ref.title;
+    var rightTitle = _ref2.title;
+    return sort === 'asc' ? leftTitle.localeCompare(rightTitle) : rightTitle.localeCompare(leftTitle);
+  }).map(function (_ref3) {
+    var title = _ref3.title,
+      kind = _ref3.kind,
+      hasChildren = _ref3.hasChildren,
+      disabled = _ref3.disabled;
     return {
       path: "".concat(path !== null && path !== void 0 ? path : '', "/").concat(title),
       title: title,
@@ -280,7 +285,7 @@ var useNavigationStoryState = function useNavigationStoryState(initial) {
     _useState4 = _slicedToArray(_useState3, 2),
     sort = _useState4[0],
     setSort = _useState4[1];
-  var items = getItemsForPath(location.path);
+  var items = getItemsForPath(location.path, sort);
   return {
     location: location,
     onUpdate: onUpdate,
@@ -394,7 +399,7 @@ var LoadingStory = function LoadingStory() {
 };
 var EmptyStory = function EmptyStory() {
   var _useLocationState3 = useLocationState({
-      cluster: 'arnold',
+      cluster: 'northstar',
       path: '/home/empty'
     }),
     location = _useLocationState3.location,
@@ -417,7 +422,7 @@ var EmptyStory = function EmptyStory() {
 };
 var EmptySearchStory = function EmptySearchStory() {
   var _useLocationState4 = useLocationState({
-      cluster: 'arnold',
+      cluster: 'northstar',
       path: '/home'
     }),
     location = _useLocationState4.location,
@@ -478,8 +483,8 @@ var CUSTOM_CLUSTERS = CLUSTERS.map(function (cluster) {
     env: (_cluster$description = cluster.description) !== null && _cluster$description !== void 0 ? _cluster$description : 'Unknown'
   });
 });
-var getCustomItemsForPath = function getCustomItemsForPath(path) {
-  return getItemsForPath(path).map(function (item, index) {
+var getCustomItemsForPath = function getCustomItemsForPath(path, sort) {
+  return getItemsForPath(path, sort).map(function (item, index) {
     return _objectSpread(_objectSpread({}, item), {}, {
       owner: index % 2 === 0 ? 'robot' : 'user'
     });
@@ -509,13 +514,13 @@ var CustomRowsStory = function CustomRowsStory() {
       },
       onUpdate: onUpdate,
       clusters: CUSTOM_CLUSTERS,
-      items: getCustomItemsForPath(location.path),
+      items: getCustomItemsForPath(location.path, sort),
       sort: {
         value: sort,
         onUpdate: setSort
       },
-      renderClusterItem: function renderClusterItem(_ref2) {
-        var cluster = _ref2.cluster;
+      renderClusterItem: function renderClusterItem(_ref4) {
+        var cluster = _ref4.cluster;
         return /*#__PURE__*/_jsxs(Flex, {
           alignItems: "center",
           gap: 2,
@@ -531,9 +536,9 @@ var CustomRowsStory = function CustomRowsStory() {
           })]
         });
       },
-      renderNavigationItem: function renderNavigationItem(_ref3) {
-        var item = _ref3.item,
-          isParentRow = _ref3.isParentRow;
+      renderNavigationItem: function renderNavigationItem(_ref5) {
+        var item = _ref5.item,
+          isParentRow = _ref5.isParentRow;
         return isParentRow ? /*#__PURE__*/_jsx(NavigationItemRow, {
           item: item
         }) : /*#__PURE__*/_jsxs(Flex, {
@@ -559,7 +564,7 @@ var CustomRowsStory = function CustomRowsStory() {
 };
 var CustomDetailResolverStory = function CustomDetailResolverStory() {
   var _useLocationState7 = useLocationState({
-      cluster: 'arnold',
+      cluster: 'northstar',
       path: '/home'
     }),
     location = _useLocationState7.location,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","QueriesNavigation","createNavigationDetailResolver","createTableDetailConfig","action","mockLoadPathSuggestions","FileArrowRightOutIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowUpRightFromSquareIcon","CodeIcon","GearIcon","Flex","Icon","Label","Text","ClusterRow","NavigationItemRow","SCHEMA_COLUMNS","PREVIEW_COLUMNS","PREVIEW_ROWS","META_GROUPS","VIEW_COLUMNS","makeViewRows","jsx","jsxs","_jsxs","meta","title","component","tags","parameters","layout","onBreadcrumbsUpdate","logAction","defaultActions","id","content","data","size","onClick","location","CLUSTERS","color","backgroundColor","description","ITEM_NAMES","kind","hasChildren","disabled","getPathDepth","path","split","filter","Boolean","length","getItemsForPath","map","_ref","concat","TABLE_VIEW_SECTIONS_WITH_ACTIONS","columns","rows","loaded","defaultExpanded","actions","section","useLocationState","initial","_useState","_useState2","_slicedToArray","setLocation","onUpdate","next","useNavigationStoryState","_useLocationState","_useState3","_useState4","sort","setSort","items","ClustersToItemsStory","_useNavigationStorySt","cluster","undefined","_useState5","_useState6","openedItem","setOpenedItem","resolveDetail","table","resolveSchema","resolvePreview","resolveMeta","groups","resolveView","sections","style","header","onLoadSuggestions","clusters","value","detail","onItemOpen","item","onClose","resolve","onClusterClick","onItemClick","LoadingStory","_useLocationState2","listState","loading","EmptyStory","_useLocationState3","EmptySearchStory","_useLocationState4","_useState7","_useState8","search","setSearch","ErrorStory","_useLocationState5","error","CUSTOM_CLUSTERS","_cluster$description","env","getCustomItemsForPath","index","owner","CustomRowsStory","_useLocationState6","_useState9","_useState0","renderClusterItem","_ref2","alignItems","gap","padding","theme","renderNavigationItem","_ref3","isParentRow","variant","CustomDetailResolverStory","_useLocationState7","_useState1","_useState10","file","tabs","hasSearch","ClustersToItems","render","Loading","Empty","EmptySearch","Error","CustomRows","CustomDetailResolver"],"sources":["QueriesNavigation.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {QueriesNavigation} from './QueriesNavigation';\nimport {createNavigationDetailResolver} from './helpers/createNavigationDetailResolver';\nimport {createTableDetailConfig} from './helpers/createTableDetailConfig';\nimport {action} from 'storybook/actions';\nimport {\n    NavigationCluster,\n    NavigationHeaderAction,\n    NavigationItem,\n    NavigationLocation,\n    NavigationSortOrder,\n    NavigationViewSection,\n} from '../../types/navigation';\nimport {mockLoadPathSuggestions} from '../../components/PathEditor/PathEditor.stories.helpers';\nimport FileArrowRightOutIcon from '@gravity-ui/icons/svgs/file-arrow-right-out.svg';\nimport ArrowUpRightFromSquareIcon from '@gravity-ui/icons/svgs/arrow-up-right-from-square.svg';\nimport CodeIcon from '@gravity-ui/icons/svgs/code.svg';\nimport GearIcon from '@gravity-ui/icons/svgs/gear.svg';\nimport {Flex, Icon, Label, Text} from '@gravity-ui/uikit';\nimport {ClusterRow, NavigationItemRow} from '../../components';\nimport {SCHEMA_COLUMNS} from '../../modules/NavigationSchema/story/mockData';\nimport {PREVIEW_COLUMNS, PREVIEW_ROWS} from '../../modules/NavigationPreview/story/mockData';\nimport {META_GROUPS} from '../../modules/NavigationMeta/story/mockData';\nimport {VIEW_COLUMNS, makeViewRows} from '../../modules/NavigationView/story/mockData';\n\nconst meta: Meta<typeof QueriesNavigation> = {\n    title: 'Widgets/QueriesNavigation',\n    component: QueriesNavigation,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nconst onBreadcrumbsUpdate = action('onUpdate');\nconst logAction = action('actionClick');\n\nconst defaultActions: NavigationHeaderAction[] = [\n    {\n        id: 'paste',\n        title: 'Paste path',\n        content: <Icon data={FileArrowRightOutIcon} size={16} />,\n        onClick: (location) => logAction('Paste', location),\n    },\n    {\n        id: 'open',\n        title: 'Open in new tab',\n        content: <Icon data={ArrowUpRightFromSquareIcon} size={16} />,\n        onClick: (location) => logAction('Open', location),\n    },\n];\n\nconst CLUSTERS: NavigationCluster[] = [\n    {\n        id: 'arnold',\n        title: 'Arnold',\n        color: 'white',\n        backgroundColor: 'rgba(218, 68, 83, 1)',\n        description: 'Production',\n    },\n    {\n        id: 'freud',\n        title: 'Freud',\n        color: 'white',\n        backgroundColor: 'rgba(127, 130, 133, 1)',\n        description: 'Production',\n    },\n    {\n        id: 'hahn',\n        title: 'Hahn',\n        color: 'white',\n        backgroundColor: 'rgba(215, 112, 173, 1)',\n        description: 'Production',\n    },\n    {\n        id: 'yp-sas-test',\n        title: 'YP-Sas-Test',\n        color: 'white',\n        backgroundColor: 'rgba(150, 122, 220, 1)',\n        description: 'Testing',\n    },\n    {\n        id: 'zeno',\n        title: 'Zeno',\n        color: 'white',\n        backgroundColor: 'rgba(233, 87, 63, 1)',\n        description: 'Production',\n    },\n    {\n        id: 'ada',\n        title: 'Ada',\n        color: 'white',\n        backgroundColor: 'rgba(67, 68, 69, 1)',\n        description: 'Production',\n    },\n    {\n        id: 'arnold-gnd',\n        title: 'Arnold-GND',\n        color: 'white',\n        backgroundColor: 'rgba(140, 193, 82, 1)',\n        description: 'tesdting',\n    },\n    {\n        id: 'deimos',\n        title: 'Deimos',\n        color: 'white',\n        backgroundColor: 'rgba(55, 188, 155, 1)',\n        description: 'Production',\n    },\n    {\n        id: 'freud-gnd',\n        title: 'Freud-GND',\n        color: 'white',\n        backgroundColor: 'rgba(140, 193, 82, 1)',\n        description: 'Prestable',\n    },\n];\n\nconst ITEM_NAMES: Array<Pick<NavigationItem, 'title' | 'kind' | 'hasChildren' | 'disabled'>> = [\n    {title: 'abcdapter', kind: 'folder', hasChildren: true},\n    {title: 'access_control_object', kind: 'file'},\n    {title: 'account_tree', kind: 'folder', hasChildren: true, disabled: true},\n    {title: 'cell_balancers', kind: 'folder', hasChildren: true},\n    {title: 'clusters', kind: 'folder', hasChildren: true},\n    {title: 'doctors_table', kind: 'table'},\n];\n\nconst getPathDepth = (path: string | undefined): number =>\n    (path ?? '').split('/').filter(Boolean).length;\n\nconst getItemsForPath = (path: string | undefined): NavigationItem[] => {\n    if (getPathDepth(path) > 1) {\n        return [];\n    }\n\n    return ITEM_NAMES.map(({title, kind, hasChildren, disabled}) => ({\n        path: `${path ?? ''}/${title}`,\n        title,\n        kind,\n        hasChildren,\n        disabled,\n    }));\n};\n\nexport default meta;\ntype Story = StoryObj<typeof QueriesNavigation>;\n\nconst TABLE_VIEW_SECTIONS_WITH_ACTIONS: NavigationViewSection[] = [\n    {\n        id: 'general',\n        title: 'General',\n        columns: VIEW_COLUMNS,\n        rows: makeViewRows(2),\n        loaded: true,\n        defaultExpanded: true,\n        actions: [\n            {\n                id: 'code',\n                title: 'Show code',\n                content: <Icon data={CodeIcon} size={14} />,\n                onClick: (section) => logAction('ViewShowCode', section.id),\n            },\n            {\n                id: 'settings',\n                title: 'Settings',\n                content: <Icon data={GearIcon} size={14} />,\n                onClick: (section) => logAction('ViewSettings', section.id),\n            },\n        ],\n    },\n    {\n        id: 'attributes',\n        title: 'Attributes',\n        columns: VIEW_COLUMNS,\n        rows: makeViewRows(2),\n        loaded: true,\n    },\n];\n\nconst useLocationState = (initial: NavigationLocation) => {\n    const [location, setLocation] = useState<NavigationLocation>(initial);\n    const onUpdate = (next: NavigationLocation) => {\n        onBreadcrumbsUpdate(next);\n        setLocation(next);\n    };\n    return {location, onUpdate};\n};\n\nconst useNavigationStoryState = (initial: NavigationLocation) => {\n    const {location, onUpdate} = useLocationState(initial);\n    const [sort, setSort] = useState<NavigationSortOrder>('asc');\n    const items = getItemsForPath(location.path);\n\n    return {location, onUpdate, sort, setSort, items};\n};\n\nconst ClustersToItemsStory = () => {\n    const {location, onUpdate, sort, setSort, items} = useNavigationStoryState({\n        cluster: undefined,\n        path: undefined,\n    });\n    const [openedItem, setOpenedItem] = useState<NavigationItem | undefined>(undefined);\n\n    const resolveDetail = createNavigationDetailResolver({\n        table: createTableDetailConfig({\n            resolveSchema: () => ({columns: SCHEMA_COLUMNS, loaded: true}),\n            resolvePreview: () => ({\n                columns: PREVIEW_COLUMNS,\n                rows: PREVIEW_ROWS,\n                loaded: true,\n            }),\n            resolveMeta: () => ({groups: META_GROUPS, loaded: true}),\n            resolveView: () => ({sections: TABLE_VIEW_SECTIONS_WITH_ACTIONS, loaded: true}),\n        }),\n    });\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesNavigation\n                location={location}\n                header={{actions: defaultActions, onLoadSuggestions: mockLoadPathSuggestions}}\n                onUpdate={onUpdate}\n                clusters={CLUSTERS}\n                items={items}\n                sort={{value: sort, onUpdate: setSort}}\n                detail={{\n                    openedItem,\n                    onItemOpen: (item) => {\n                        action('onItemOpen')(item);\n                        setOpenedItem(item);\n                    },\n                    onClose: () => setOpenedItem(undefined),\n                    resolve: resolveDetail,\n                }}\n                onClusterClick={action('onClusterClick')}\n                onItemClick={action('onItemClick')}\n            />\n        </div>\n    );\n};\n\nconst LoadingStory = () => {\n    const {location, onUpdate} = useLocationState({cluster: undefined, path: undefined});\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesNavigation\n                location={location}\n                header={{actions: defaultActions, onLoadSuggestions: mockLoadPathSuggestions}}\n                onUpdate={onUpdate}\n                clusters={[]}\n                listState={{loading: true}}\n            />\n        </div>\n    );\n};\n\nconst EmptyStory = () => {\n    const {location, onUpdate} = useLocationState({cluster: 'arnold', path: '/home/empty'});\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesNavigation\n                location={location}\n                header={{actions: defaultActions, onLoadSuggestions: mockLoadPathSuggestions}}\n                onUpdate={onUpdate}\n                items={[]}\n            />\n        </div>\n    );\n};\n\nconst EmptySearchStory = () => {\n    const {location, onUpdate} = useLocationState({cluster: 'arnold', path: '/home'});\n    const [search, setSearch] = useState('no-such-item');\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesNavigation\n                location={location}\n                header={{actions: defaultActions, onLoadSuggestions: mockLoadPathSuggestions}}\n                onUpdate={onUpdate}\n                items={[]}\n                search={{value: search, onUpdate: setSearch}}\n            />\n        </div>\n    );\n};\n\nconst ErrorStory = () => {\n    const {location, onUpdate} = useLocationState({cluster: undefined, path: undefined});\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesNavigation\n                location={location}\n                header={{actions: defaultActions, onLoadSuggestions: mockLoadPathSuggestions}}\n                onUpdate={onUpdate}\n                clusters={[]}\n                listState={{error: 'Custom load error message'}}\n            />\n        </div>\n    );\n};\n\ntype CustomCluster = NavigationCluster & {env: string};\ntype CustomItem = NavigationItem & {owner?: string};\n\nconst CUSTOM_CLUSTERS: CustomCluster[] = CLUSTERS.map((cluster) => ({\n    ...cluster,\n    env: cluster.description ?? 'Unknown',\n}));\n\nconst getCustomItemsForPath = (path: string | undefined): CustomItem[] =>\n    getItemsForPath(path).map((item, index) => ({\n        ...item,\n        owner: index % 2 === 0 ? 'robot' : 'user',\n    }));\n\nconst CustomRowsStory = () => {\n    const {location, onUpdate} = useLocationState({cluster: undefined, path: undefined});\n    const [sort, setSort] = useState<NavigationSortOrder>('asc');\n\n    return (\n        <div style={{width: 340, height: 500}}>\n            <QueriesNavigation<CustomItem, CustomCluster>\n                location={location}\n                header={{actions: defaultActions, onLoadSuggestions: mockLoadPathSuggestions}}\n                onUpdate={onUpdate}\n                clusters={CUSTOM_CLUSTERS}\n                items={getCustomItemsForPath(location.path)}\n                sort={{value: sort, onUpdate: setSort}}\n                renderClusterItem={({cluster}) => (\n                    <Flex alignItems=\"center\" gap={2} style={{width: '100%', padding: '0 8px'}}>\n                        <ClusterRow cluster={cluster} />\n                        <Label theme=\"info\">{cluster.env}</Label>\n                    </Flex>\n                )}\n                renderNavigationItem={({item, isParentRow}) =>\n                    isParentRow ? (\n                        <NavigationItemRow item={item} />\n                    ) : (\n                        <Flex alignItems=\"center\" gap={2} style={{width: '100%', padding: '0 8px'}}>\n                            <NavigationItemRow item={item} />\n                            {item.owner && (\n                                <Text color=\"secondary\" variant=\"caption-2\">\n                                    {item.owner}\n                                </Text>\n                            )}\n                        </Flex>\n                    )\n                }\n                onClusterClick={action('onClusterClick')}\n                onItemClick={action('onItemClick')}\n            />\n        </div>\n    );\n};\n\nconst CustomDetailResolverStory = () => {\n    const {location, onUpdate} = useLocationState({cluster: 'arnold', path: '/home'});\n    const [openedItem, setOpenedItem] = useState<NavigationItem | undefined>(undefined);\n\n    const resolveDetail = createNavigationDetailResolver({\n        file: (item) => ({\n            tabs: [\n                {id: 'content', title: 'Content', content: `Content of ${item.title}`},\n                {id: 'meta', title: 'Meta', content: 'Meta placeholder'},\n            ],\n            hasSearch: false,\n        }),\n    });\n\n    return (\n        <div style={{width: 340, height: 600}}>\n            <QueriesNavigation\n                location={location}\n                header={{actions: defaultActions, onLoadSuggestions: mockLoadPathSuggestions}}\n                onUpdate={onUpdate}\n                items={getItemsForPath(location.path)}\n                detail={{\n                    openedItem,\n                    onItemOpen: setOpenedItem,\n                    onClose: () => setOpenedItem(undefined),\n                    resolve: resolveDetail,\n                }}\n                onItemClick={action('onItemClick')}\n            />\n        </div>\n    );\n};\n\nexport const ClustersToItems: Story = {render: () => <ClustersToItemsStory />};\nexport const Loading: Story = {render: () => <LoadingStory />};\nexport const Empty: Story = {render: () => <EmptyStory />};\nexport const EmptySearch: Story = {render: () => <EmptySearchStory />};\nexport const Error: Story = {render: () => <ErrorStory />};\nexport const CustomRows: Story = {render: () => <CustomRowsStory />};\nexport const CustomDetailResolver: Story = {render: () => <CustomDetailResolverStory />};\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,IAAGC,QAAQ,QAAO,OAAO;AAErC,SAAQC,iBAAiB;AACzB,SAAQC,8BAA8B;AACtC,SAAQC,uBAAuB;AAC/B,SAAQC,MAAM,QAAO,mBAAmB;AASxC,SAAQC,uBAAuB;AAAgE,IACxFC,qBAAqB,YAArBA,qBAAqBA,CAAAC,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAArBR,qBAAqB,CAAAS,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACrBC,0BAA0B,YAA1BA,0BAA0BA,CAAAb,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAA1BM,0BAA0B,CAAAL,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IAC1BE,QAAQ,YAARA,QAAQA,CAAAd,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAARO,QAAQ,CAAAN,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACRG,QAAQ,YAARA,QAAQA,CAAAf,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAARQ,QAAQ,CAAAP,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AACf,SAAQI,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAEC,IAAI,QAAO,mBAAmB;AACzD,SAAQC,UAAU,EAAEC,iBAAiB;AACrC,SAAQC,cAAc;AACtB,SAAQC,eAAe,EAAEC,YAAY;AACrC,SAAQC,WAAW;AACnB,SAAQC,YAAY,EAAEC,YAAY;AAAqD,SAAAC,GAAA,IAAA3B,IAAA,EAAA4B,IAAA,IAAAC,KAAA;AAEvF,IAAMC,IAAoC,GAAG;EACzCC,KAAK,EAAE,2BAA2B;EAClCC,SAAS,EAAEvC,iBAAiB;EAC5BwC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ;AACJ,CAAC;AAED,IAAMC,mBAAmB,GAAGxC,MAAM,CAAC,UAAU,CAAC;AAC9C,IAAMyC,SAAS,GAAGzC,MAAM,CAAC,aAAa,CAAC;AAEvC,IAAM0C,cAAwC,GAAG,CAC7C;EACIC,EAAE,EAAE,OAAO;EACXR,KAAK,EAAE,YAAY;EACnBS,OAAO,eAAExC,IAAA,CAACgB,IAAI;IAACyB,IAAI,EAAE3C,qBAAsB;IAAC4C,IAAI,EAAE;EAAG,CAAE,CAAC;EACxDC,OAAO,EAAE,SAATA,OAAOA,CAAGC,QAAQ;IAAA,OAAKP,SAAS,CAAC,OAAO,EAAEO,QAAQ,CAAC;EAAA;AACvD,CAAC,EACD;EACIL,EAAE,EAAE,MAAM;EACVR,KAAK,EAAE,iBAAiB;EACxBS,OAAO,eAAExC,IAAA,CAACgB,IAAI;IAACyB,IAAI,EAAE7B,0BAA2B;IAAC8B,IAAI,EAAE;EAAG,CAAE,CAAC;EAC7DC,OAAO,EAAE,SAATA,OAAOA,CAAGC,QAAQ;IAAA,OAAKP,SAAS,CAAC,MAAM,EAAEO,QAAQ,CAAC;EAAA;AACtD,CAAC,CACJ;AAED,IAAMC,QAA6B,GAAG,CAClC;EACIN,EAAE,EAAE,QAAQ;EACZR,KAAK,EAAE,QAAQ;EACfe,KAAK,EAAE,OAAO;EACdC,eAAe,EAAE,sBAAsB;EACvCC,WAAW,EAAE;AACjB,CAAC,EACD;EACIT,EAAE,EAAE,OAAO;EACXR,KAAK,EAAE,OAAO;EACde,KAAK,EAAE,OAAO;EACdC,eAAe,EAAE,wBAAwB;EACzCC,WAAW,EAAE;AACjB,CAAC,EACD;EACIT,EAAE,EAAE,MAAM;EACVR,KAAK,EAAE,MAAM;EACbe,KAAK,EAAE,OAAO;EACdC,eAAe,EAAE,wBAAwB;EACzCC,WAAW,EAAE;AACjB,CAAC,EACD;EACIT,EAAE,EAAE,aAAa;EACjBR,KAAK,EAAE,aAAa;EACpBe,KAAK,EAAE,OAAO;EACdC,eAAe,EAAE,wBAAwB;EACzCC,WAAW,EAAE;AACjB,CAAC,EACD;EACIT,EAAE,EAAE,MAAM;EACVR,KAAK,EAAE,MAAM;EACbe,KAAK,EAAE,OAAO;EACdC,eAAe,EAAE,sBAAsB;EACvCC,WAAW,EAAE;AACjB,CAAC,EACD;EACIT,EAAE,EAAE,KAAK;EACTR,KAAK,EAAE,KAAK;EACZe,KAAK,EAAE,OAAO;EACdC,eAAe,EAAE,qBAAqB;EACtCC,WAAW,EAAE;AACjB,CAAC,EACD;EACIT,EAAE,EAAE,YAAY;EAChBR,KAAK,EAAE,YAAY;EACnBe,KAAK,EAAE,OAAO;EACdC,eAAe,EAAE,uBAAuB;EACxCC,WAAW,EAAE;AACjB,CAAC,EACD;EACIT,EAAE,EAAE,QAAQ;EACZR,KAAK,EAAE,QAAQ;EACfe,KAAK,EAAE,OAAO;EACdC,eAAe,EAAE,uBAAuB;EACxCC,WAAW,EAAE;AACjB,CAAC,EACD;EACIT,EAAE,EAAE,WAAW;EACfR,KAAK,EAAE,WAAW;EAClBe,KAAK,EAAE,OAAO;EACdC,eAAe,EAAE,uBAAuB;EACxCC,WAAW,EAAE;AACjB,CAAC,CACJ;AAED,IAAMC,UAAsF,GAAG,CAC3F;EAAClB,KAAK,EAAE,WAAW;EAAEmB,IAAI,EAAE,QAAQ;EAAEC,WAAW,EAAE;AAAI,CAAC,EACvD;EAACpB,KAAK,EAAE,uBAAuB;EAAEmB,IAAI,EAAE;AAAM,CAAC,EAC9C;EAACnB,KAAK,EAAE,cAAc;EAAEmB,IAAI,EAAE,QAAQ;EAAEC,WAAW,EAAE,IAAI;EAAEC,QAAQ,EAAE;AAAI,CAAC,EAC1E;EAACrB,KAAK,EAAE,gBAAgB;EAAEmB,IAAI,EAAE,QAAQ;EAAEC,WAAW,EAAE;AAAI,CAAC,EAC5D;EAACpB,KAAK,EAAE,UAAU;EAAEmB,IAAI,EAAE,QAAQ;EAAEC,WAAW,EAAE;AAAI,CAAC,EACtD;EAACpB,KAAK,EAAE,eAAe;EAAEmB,IAAI,EAAE;AAAO,CAAC,CAC1C;AAED,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAAwB;EAAA,OAC1C,CAACA,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,EAAE,EAAEC,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM;AAAA;AAElD,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIL,IAAwB,EAAuB;EACpE,IAAID,YAAY,CAACC,IAAI,CAAC,GAAG,CAAC,EAAE;IACxB,OAAO,EAAE;EACb;EAEA,OAAOL,UAAU,CAACW,GAAG,CAAC,UAAAC,IAAA;IAAA,IAAE9B,KAAK,GAAA8B,IAAA,CAAL9B,KAAK;MAAEmB,IAAI,GAAAW,IAAA,CAAJX,IAAI;MAAEC,WAAW,GAAAU,IAAA,CAAXV,WAAW;MAAEC,QAAQ,GAAAS,IAAA,CAART,QAAQ;IAAA,OAAO;MAC7DE,IAAI,KAAAQ,MAAA,CAAKR,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,EAAE,OAAAQ,MAAA,CAAI/B,KAAK,CAAE;MAC9BA,KAAK,EAALA,KAAK;MACLmB,IAAI,EAAJA,IAAI;MACJC,WAAW,EAAXA,WAAW;MACXC,QAAQ,EAARA;IACJ,CAAC;EAAA,CAAC,CAAC;AACP,CAAC;AAED,eAAetB,IAAI;AAGnB,IAAMiC,gCAAyD,GAAG,CAC9D;EACIxB,EAAE,EAAE,SAAS;EACbR,KAAK,EAAE,SAAS;EAChBiC,OAAO,EAAEvC,YAAY;EACrBwC,IAAI,EAAEvC,YAAY,CAAC,CAAC,CAAC;EACrBwC,MAAM,EAAE,IAAI;EACZC,eAAe,EAAE,IAAI;EACrBC,OAAO,EAAE,CACL;IACI7B,EAAE,EAAE,MAAM;IACVR,KAAK,EAAE,WAAW;IAClBS,OAAO,eAAExC,IAAA,CAACgB,IAAI;MAACyB,IAAI,EAAE5B,QAAS;MAAC6B,IAAI,EAAE;IAAG,CAAE,CAAC;IAC3CC,OAAO,EAAE,SAATA,OAAOA,CAAG0B,OAAO;MAAA,OAAKhC,SAAS,CAAC,cAAc,EAAEgC,OAAO,CAAC9B,EAAE,CAAC;IAAA;EAC/D,CAAC,EACD;IACIA,EAAE,EAAE,UAAU;IACdR,KAAK,EAAE,UAAU;IACjBS,OAAO,eAAExC,IAAA,CAACgB,IAAI;MAACyB,IAAI,EAAE3B,QAAS;MAAC4B,IAAI,EAAE;IAAG,CAAE,CAAC;IAC3CC,OAAO,EAAE,SAATA,OAAOA,CAAG0B,OAAO;MAAA,OAAKhC,SAAS,CAAC,cAAc,EAAEgC,OAAO,CAAC9B,EAAE,CAAC;IAAA;EAC/D,CAAC;AAET,CAAC,EACD;EACIA,EAAE,EAAE,YAAY;EAChBR,KAAK,EAAE,YAAY;EACnBiC,OAAO,EAAEvC,YAAY;EACrBwC,IAAI,EAAEvC,YAAY,CAAC,CAAC,CAAC;EACrBwC,MAAM,EAAE;AACZ,CAAC,CACJ;AAED,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,OAA2B,EAAK;EACtD,IAAAC,SAAA,GAAgChF,QAAQ,CAAqB+E,OAAO,CAAC;IAAAE,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAA9D5B,QAAQ,GAAA6B,UAAA;IAAEE,WAAW,GAAAF,UAAA;EAC5B,IAAMG,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAAwB,EAAK;IAC3CzC,mBAAmB,CAACyC,IAAI,CAAC;IACzBF,WAAW,CAACE,IAAI,CAAC;EACrB,CAAC;EACD,OAAO;IAACjC,QAAQ,EAARA,QAAQ;IAAEgC,QAAQ,EAARA;EAAQ,CAAC;AAC/B,CAAC;AAED,IAAME,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIP,OAA2B,EAAK;EAC7D,IAAAQ,iBAAA,GAA6BT,gBAAgB,CAACC,OAAO,CAAC;IAA/C3B,QAAQ,GAAAmC,iBAAA,CAARnC,QAAQ;IAAEgC,QAAQ,GAAAG,iBAAA,CAARH,QAAQ;EACzB,IAAAI,UAAA,GAAwBxF,QAAQ,CAAsB,KAAK,CAAC;IAAAyF,UAAA,GAAAP,cAAA,CAAAM,UAAA;IAArDE,IAAI,GAAAD,UAAA;IAAEE,OAAO,GAAAF,UAAA;EACpB,IAAMG,KAAK,GAAGzB,eAAe,CAACf,QAAQ,CAACU,IAAI,CAAC;EAE5C,OAAO;IAACV,QAAQ,EAARA,QAAQ;IAAEgC,QAAQ,EAARA,QAAQ;IAAEM,IAAI,EAAJA,IAAI;IAAEC,OAAO,EAAPA,OAAO;IAAEC,KAAK,EAALA;EAAK,CAAC;AACrD,CAAC;AAED,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAS;EAC/B,IAAAC,qBAAA,GAAmDR,uBAAuB,CAAC;MACvES,OAAO,EAAEC,SAAS;MAClBlC,IAAI,EAAEkC;IACV,CAAC,CAAC;IAHK5C,QAAQ,GAAA0C,qBAAA,CAAR1C,QAAQ;IAAEgC,QAAQ,GAAAU,qBAAA,CAARV,QAAQ;IAAEM,IAAI,GAAAI,qBAAA,CAAJJ,IAAI;IAAEC,OAAO,GAAAG,qBAAA,CAAPH,OAAO;IAAEC,KAAK,GAAAE,qBAAA,CAALF,KAAK;EAI/C,IAAAK,UAAA,GAAoCjG,QAAQ,CAA6BgG,SAAS,CAAC;IAAAE,UAAA,GAAAhB,cAAA,CAAAe,UAAA;IAA5EE,UAAU,GAAAD,UAAA;IAAEE,aAAa,GAAAF,UAAA;EAEhC,IAAMG,aAAa,GAAGnG,8BAA8B,CAAC;IACjDoG,KAAK,EAAEnG,uBAAuB,CAAC;MAC3BoG,aAAa,EAAE,SAAfA,aAAaA,CAAA;QAAA,OAAS;UAAC/B,OAAO,EAAE3C,cAAc;UAAE6C,MAAM,EAAE;QAAI,CAAC;MAAA,CAAC;MAC9D8B,cAAc,EAAE,SAAhBA,cAAcA,CAAA;QAAA,OAAS;UACnBhC,OAAO,EAAE1C,eAAe;UACxB2C,IAAI,EAAE1C,YAAY;UAClB2C,MAAM,EAAE;QACZ,CAAC;MAAA,CAAC;MACF+B,WAAW,EAAE,SAAbA,WAAWA,CAAA;QAAA,OAAS;UAACC,MAAM,EAAE1E,WAAW;UAAE0C,MAAM,EAAE;QAAI,CAAC;MAAA,CAAC;MACxDiC,WAAW,EAAE,SAAbA,WAAWA,CAAA;QAAA,OAAS;UAACC,QAAQ,EAAErC,gCAAgC;UAAEG,MAAM,EAAE;QAAI,CAAC;MAAA;IAClF,CAAC;EACL,CAAC,CAAC;EAEF,oBACIlE,IAAA;IAAKqG,KAAK,EAAE;MAAC5F,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAG,CAAE;IAAAR,QAAA,eAClCF,IAAA,CAACP,iBAAiB;MACdmD,QAAQ,EAAEA,QAAS;MACnB0D,MAAM,EAAE;QAAClC,OAAO,EAAE9B,cAAc;QAAEiE,iBAAiB,EAAE1G;MAAuB,CAAE;MAC9E+E,QAAQ,EAAEA,QAAS;MACnB4B,QAAQ,EAAE3D,QAAS;MACnBuC,KAAK,EAAEA,KAAM;MACbF,IAAI,EAAE;QAACuB,KAAK,EAAEvB,IAAI;QAAEN,QAAQ,EAAEO;MAAO,CAAE;MACvCuB,MAAM,EAAE;QACJf,UAAU,EAAVA,UAAU;QACVgB,UAAU,EAAE,SAAZA,UAAUA,CAAGC,IAAI,EAAK;UAClBhH,MAAM,CAAC,YAAY,CAAC,CAACgH,IAAI,CAAC;UAC1BhB,aAAa,CAACgB,IAAI,CAAC;QACvB,CAAC;QACDC,OAAO,EAAE,SAATA,OAAOA,CAAA;UAAA,OAAQjB,aAAa,CAACJ,SAAS,CAAC;QAAA;QACvCsB,OAAO,EAAEjB;MACb,CAAE;MACFkB,cAAc,EAAEnH,MAAM,CAAC,gBAAgB,CAAE;MACzCoH,WAAW,EAAEpH,MAAM,CAAC,aAAa;IAAE,CACtC;EAAC,CACD,CAAC;AAEd,CAAC;AAED,IAAMqH,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;EACvB,IAAAC,kBAAA,GAA6B5C,gBAAgB,CAAC;MAACiB,OAAO,EAAEC,SAAS;MAAElC,IAAI,EAAEkC;IAAS,CAAC,CAAC;IAA7E5C,QAAQ,GAAAsE,kBAAA,CAARtE,QAAQ;IAAEgC,QAAQ,GAAAsC,kBAAA,CAARtC,QAAQ;EAEzB,oBACI5E,IAAA;IAAKqG,KAAK,EAAE;MAAC5F,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAG,CAAE;IAAAR,QAAA,eAClCF,IAAA,CAACP,iBAAiB;MACdmD,QAAQ,EAAEA,QAAS;MACnB0D,MAAM,EAAE;QAAClC,OAAO,EAAE9B,cAAc;QAAEiE,iBAAiB,EAAE1G;MAAuB,CAAE;MAC9E+E,QAAQ,EAAEA,QAAS;MACnB4B,QAAQ,EAAE,EAAG;MACbW,SAAS,EAAE;QAACC,OAAO,EAAE;MAAI;IAAE,CAC9B;EAAC,CACD,CAAC;AAEd,CAAC;AAED,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EACrB,IAAAC,kBAAA,GAA6BhD,gBAAgB,CAAC;MAACiB,OAAO,EAAE,QAAQ;MAAEjC,IAAI,EAAE;IAAa,CAAC,CAAC;IAAhFV,QAAQ,GAAA0E,kBAAA,CAAR1E,QAAQ;IAAEgC,QAAQ,GAAA0C,kBAAA,CAAR1C,QAAQ;EAEzB,oBACI5E,IAAA;IAAKqG,KAAK,EAAE;MAAC5F,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAG,CAAE;IAAAR,QAAA,eAClCF,IAAA,CAACP,iBAAiB;MACdmD,QAAQ,EAAEA,QAAS;MACnB0D,MAAM,EAAE;QAAClC,OAAO,EAAE9B,cAAc;QAAEiE,iBAAiB,EAAE1G;MAAuB,CAAE;MAC9E+E,QAAQ,EAAEA,QAAS;MACnBQ,KAAK,EAAE;IAAG,CACb;EAAC,CACD,CAAC;AAEd,CAAC;AAED,IAAMmC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EAC3B,IAAAC,kBAAA,GAA6BlD,gBAAgB,CAAC;MAACiB,OAAO,EAAE,QAAQ;MAAEjC,IAAI,EAAE;IAAO,CAAC,CAAC;IAA1EV,QAAQ,GAAA4E,kBAAA,CAAR5E,QAAQ;IAAEgC,QAAQ,GAAA4C,kBAAA,CAAR5C,QAAQ;EACzB,IAAA6C,UAAA,GAA4BjI,QAAQ,CAAC,cAAc,CAAC;IAAAkI,UAAA,GAAAhD,cAAA,CAAA+C,UAAA;IAA7CE,MAAM,GAAAD,UAAA;IAAEE,SAAS,GAAAF,UAAA;EAExB,oBACI1H,IAAA;IAAKqG,KAAK,EAAE;MAAC5F,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAG,CAAE;IAAAR,QAAA,eAClCF,IAAA,CAACP,iBAAiB;MACdmD,QAAQ,EAAEA,QAAS;MACnB0D,MAAM,EAAE;QAAClC,OAAO,EAAE9B,cAAc;QAAEiE,iBAAiB,EAAE1G;MAAuB,CAAE;MAC9E+E,QAAQ,EAAEA,QAAS;MACnBQ,KAAK,EAAE,EAAG;MACVuC,MAAM,EAAE;QAAClB,KAAK,EAAEkB,MAAM;QAAE/C,QAAQ,EAAEgD;MAAS;IAAE,CAChD;EAAC,CACD,CAAC;AAEd,CAAC;AAED,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EACrB,IAAAC,kBAAA,GAA6BxD,gBAAgB,CAAC;MAACiB,OAAO,EAAEC,SAAS;MAAElC,IAAI,EAAEkC;IAAS,CAAC,CAAC;IAA7E5C,QAAQ,GAAAkF,kBAAA,CAARlF,QAAQ;IAAEgC,QAAQ,GAAAkD,kBAAA,CAARlD,QAAQ;EAEzB,oBACI5E,IAAA;IAAKqG,KAAK,EAAE;MAAC5F,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAG,CAAE;IAAAR,QAAA,eAClCF,IAAA,CAACP,iBAAiB;MACdmD,QAAQ,EAAEA,QAAS;MACnB0D,MAAM,EAAE;QAAClC,OAAO,EAAE9B,cAAc;QAAEiE,iBAAiB,EAAE1G;MAAuB,CAAE;MAC9E+E,QAAQ,EAAEA,QAAS;MACnB4B,QAAQ,EAAE,EAAG;MACbW,SAAS,EAAE;QAACY,KAAK,EAAE;MAA2B;IAAE,CACnD;EAAC,CACD,CAAC;AAEd,CAAC;AAKD,IAAMC,eAAgC,GAAGnF,QAAQ,CAACe,GAAG,CAAC,UAAC2B,OAAO;EAAA,IAAA0C,oBAAA;EAAA,OAAAhI,aAAA,CAAAA,aAAA,KACvDsF,OAAO;IACV2C,GAAG,GAAAD,oBAAA,GAAE1C,OAAO,CAACvC,WAAW,cAAAiF,oBAAA,cAAAA,oBAAA,GAAI;EAAS;AAAA,CACvC,CAAC;AAEH,IAAME,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAI7E,IAAwB;EAAA,OACnDK,eAAe,CAACL,IAAI,CAAC,CAACM,GAAG,CAAC,UAACgD,IAAI,EAAEwB,KAAK;IAAA,OAAAnI,aAAA,CAAAA,aAAA,KAC/B2G,IAAI;MACPyB,KAAK,EAAED,KAAK,GAAG,CAAC,KAAK,CAAC,GAAG,OAAO,GAAG;IAAM;EAAA,CAC3C,CAAC;AAAA;AAEP,IAAME,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EAC1B,IAAAC,kBAAA,GAA6BjE,gBAAgB,CAAC;MAACiB,OAAO,EAAEC,SAAS;MAAElC,IAAI,EAAEkC;IAAS,CAAC,CAAC;IAA7E5C,QAAQ,GAAA2F,kBAAA,CAAR3F,QAAQ;IAAEgC,QAAQ,GAAA2D,kBAAA,CAAR3D,QAAQ;EACzB,IAAA4D,UAAA,GAAwBhJ,QAAQ,CAAsB,KAAK,CAAC;IAAAiJ,UAAA,GAAA/D,cAAA,CAAA8D,UAAA;IAArDtD,IAAI,GAAAuD,UAAA;IAAEtD,OAAO,GAAAsD,UAAA;EAEpB,oBACIzI,IAAA;IAAKqG,KAAK,EAAE;MAAC5F,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAG,CAAE;IAAAR,QAAA,eAClCF,IAAA,CAACP,iBAAiB;MACdmD,QAAQ,EAAEA,QAAS;MACnB0D,MAAM,EAAE;QAAClC,OAAO,EAAE9B,cAAc;QAAEiE,iBAAiB,EAAE1G;MAAuB,CAAE;MAC9E+E,QAAQ,EAAEA,QAAS;MACnB4B,QAAQ,EAAEwB,eAAgB;MAC1B5C,KAAK,EAAE+C,qBAAqB,CAACvF,QAAQ,CAACU,IAAI,CAAE;MAC5C4B,IAAI,EAAE;QAACuB,KAAK,EAAEvB,IAAI;QAAEN,QAAQ,EAAEO;MAAO,CAAE;MACvCuD,iBAAiB,EAAE,SAAnBA,iBAAiBA,CAAAC,KAAA;QAAA,IAAIpD,OAAO,GAAAoD,KAAA,CAAPpD,OAAO;QAAA,oBACxB1D,KAAA,CAACd,IAAI;UAAC6H,UAAU,EAAC,QAAQ;UAACC,GAAG,EAAE,CAAE;UAACxC,KAAK,EAAE;YAAC5F,KAAK,EAAE,MAAM;YAAEqI,OAAO,EAAE;UAAO,CAAE;UAAA5I,QAAA,gBACvEF,IAAA,CAACmB,UAAU;YAACoE,OAAO,EAAEA;UAAQ,CAAE,CAAC,eAChCvF,IAAA,CAACiB,KAAK;YAAC8H,KAAK,EAAC,MAAM;YAAA7I,QAAA,EAAEqF,OAAO,CAAC2C;UAAG,CAAQ,CAAC;QAAA,CACvC,CAAC;MAAA,CACT;MACFc,oBAAoB,EAAE,SAAtBA,oBAAoBA,CAAAC,KAAA;QAAA,IAAIrC,IAAI,GAAAqC,KAAA,CAAJrC,IAAI;UAAEsC,WAAW,GAAAD,KAAA,CAAXC,WAAW;QAAA,OACrCA,WAAW,gBACPlJ,IAAA,CAACoB,iBAAiB;UAACwF,IAAI,EAAEA;QAAK,CAAE,CAAC,gBAEjC/E,KAAA,CAACd,IAAI;UAAC6H,UAAU,EAAC,QAAQ;UAACC,GAAG,EAAE,CAAE;UAACxC,KAAK,EAAE;YAAC5F,KAAK,EAAE,MAAM;YAAEqI,OAAO,EAAE;UAAO,CAAE;UAAA5I,QAAA,gBACvEF,IAAA,CAACoB,iBAAiB;YAACwF,IAAI,EAAEA;UAAK,CAAE,CAAC,EAChCA,IAAI,CAACyB,KAAK,iBACPrI,IAAA,CAACkB,IAAI;YAAC4B,KAAK,EAAC,WAAW;YAACqG,OAAO,EAAC,WAAW;YAAAjJ,QAAA,EACtC0G,IAAI,CAACyB;UAAK,CACT,CACT;QAAA,CACC,CACT;MAAA,CACJ;MACDtB,cAAc,EAAEnH,MAAM,CAAC,gBAAgB,CAAE;MACzCoH,WAAW,EAAEpH,MAAM,CAAC,aAAa;IAAE,CACtC;EAAC,CACD,CAAC;AAEd,CAAC;AAED,IAAMwJ,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAA,EAAS;EACpC,IAAAC,kBAAA,GAA6B/E,gBAAgB,CAAC;MAACiB,OAAO,EAAE,QAAQ;MAAEjC,IAAI,EAAE;IAAO,CAAC,CAAC;IAA1EV,QAAQ,GAAAyG,kBAAA,CAARzG,QAAQ;IAAEgC,QAAQ,GAAAyE,kBAAA,CAARzE,QAAQ;EACzB,IAAA0E,UAAA,GAAoC9J,QAAQ,CAA6BgG,SAAS,CAAC;IAAA+D,WAAA,GAAA7E,cAAA,CAAA4E,UAAA;IAA5E3D,UAAU,GAAA4D,WAAA;IAAE3D,aAAa,GAAA2D,WAAA;EAEhC,IAAM1D,aAAa,GAAGnG,8BAA8B,CAAC;IACjD8J,IAAI,EAAE,SAANA,IAAIA,CAAG5C,IAAI;MAAA,OAAM;QACb6C,IAAI,EAAE,CACF;UAAClH,EAAE,EAAE,SAAS;UAAER,KAAK,EAAE,SAAS;UAAES,OAAO,gBAAAsB,MAAA,CAAgB8C,IAAI,CAAC7E,KAAK;QAAE,CAAC,EACtE;UAACQ,EAAE,EAAE,MAAM;UAAER,KAAK,EAAE,MAAM;UAAES,OAAO,EAAE;QAAkB,CAAC,CAC3D;QACDkH,SAAS,EAAE;MACf,CAAC;IAAA;EACL,CAAC,CAAC;EAEF,oBACI1J,IAAA;IAAKqG,KAAK,EAAE;MAAC5F,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAG,CAAE;IAAAR,QAAA,eAClCF,IAAA,CAACP,iBAAiB;MACdmD,QAAQ,EAAEA,QAAS;MACnB0D,MAAM,EAAE;QAAClC,OAAO,EAAE9B,cAAc;QAAEiE,iBAAiB,EAAE1G;MAAuB,CAAE;MAC9E+E,QAAQ,EAAEA,QAAS;MACnBQ,KAAK,EAAEzB,eAAe,CAACf,QAAQ,CAACU,IAAI,CAAE;MACtCoD,MAAM,EAAE;QACJf,UAAU,EAAVA,UAAU;QACVgB,UAAU,EAAEf,aAAa;QACzBiB,OAAO,EAAE,SAATA,OAAOA,CAAA;UAAA,OAAQjB,aAAa,CAACJ,SAAS,CAAC;QAAA;QACvCsB,OAAO,EAAEjB;MACb,CAAE;MACFmB,WAAW,EAAEpH,MAAM,CAAC,aAAa;IAAE,CACtC;EAAC,CACD,CAAC;AAEd,CAAC;AAED,OAAO,IAAM+J,eAAsB,GAAG;EAACC,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQ5J,IAAA,CAACqF,oBAAoB,IAAE,CAAC;EAAA;AAAA,CAAC;AAC9E,OAAO,IAAMwE,OAAc,GAAG;EAACD,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQ5J,IAAA,CAACiH,YAAY,IAAE,CAAC;EAAA;AAAA,CAAC;AAC9D,OAAO,IAAM6C,KAAY,GAAG;EAACF,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQ5J,IAAA,CAACqH,UAAU,IAAE,CAAC;EAAA;AAAA,CAAC;AAC1D,OAAO,IAAM0C,WAAkB,GAAG;EAACH,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQ5J,IAAA,CAACuH,gBAAgB,IAAE,CAAC;EAAA;AAAA,CAAC;AACtE,OAAO,IAAMyC,KAAY,GAAG;EAACJ,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQ5J,IAAA,CAAC6H,UAAU,IAAE,CAAC;EAAA;AAAA,CAAC;AAC1D,OAAO,IAAMoC,UAAiB,GAAG;EAACL,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQ5J,IAAA,CAACsI,eAAe,IAAE,CAAC;EAAA;AAAA,CAAC;AACpE,OAAO,IAAM4B,oBAA2B,GAAG;EAACN,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQ5J,IAAA,CAACoJ,yBAAyB,IAAE,CAAC;EAAA;AAAA,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useState","QueriesNavigation","createNavigationDetailResolver","createTableDetailConfig","action","mockLoadPathSuggestions","FileArrowRightOutIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowUpRightFromSquareIcon","CodeIcon","GearIcon","Flex","Icon","Label","Text","ClusterRow","NavigationItemRow","SCHEMA_COLUMNS","PREVIEW_COLUMNS","PREVIEW_ROWS","META_GROUPS","VIEW_COLUMNS","makeViewRows","jsx","jsxs","_jsxs","meta","title","component","tags","parameters","layout","onBreadcrumbsUpdate","logAction","defaultActions","id","content","data","size","onClick","location","CLUSTERS","color","backgroundColor","description","ITEM_NAMES","kind","hasChildren","disabled","getPathDepth","path","split","filter","Boolean","length","getItemsForPath","sort","arguments","undefined","concat","_ref","_ref2","leftTitle","rightTitle","localeCompare","map","_ref3","TABLE_VIEW_SECTIONS_WITH_ACTIONS","columns","rows","loaded","defaultExpanded","actions","section","useLocationState","initial","_useState","_useState2","_slicedToArray","setLocation","onUpdate","next","useNavigationStoryState","_useLocationState","_useState3","_useState4","setSort","items","ClustersToItemsStory","_useNavigationStorySt","cluster","_useState5","_useState6","openedItem","setOpenedItem","resolveDetail","table","resolveSchema","resolvePreview","resolveMeta","groups","resolveView","sections","style","header","onLoadSuggestions","clusters","value","detail","onItemOpen","item","onClose","resolve","onClusterClick","onItemClick","LoadingStory","_useLocationState2","listState","loading","EmptyStory","_useLocationState3","EmptySearchStory","_useLocationState4","_useState7","_useState8","search","setSearch","ErrorStory","_useLocationState5","error","CUSTOM_CLUSTERS","_cluster$description","env","getCustomItemsForPath","index","owner","CustomRowsStory","_useLocationState6","_useState9","_useState0","renderClusterItem","_ref4","alignItems","gap","padding","theme","renderNavigationItem","_ref5","isParentRow","variant","CustomDetailResolverStory","_useLocationState7","_useState1","_useState10","file","tabs","hasSearch","ClustersToItems","render","Loading","Empty","EmptySearch","Error","CustomRows","CustomDetailResolver"],"sources":["QueriesNavigation.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {QueriesNavigation} from './QueriesNavigation';\nimport {createNavigationDetailResolver} from './helpers/createNavigationDetailResolver';\nimport {createTableDetailConfig} from './helpers/createTableDetailConfig';\nimport {action} from 'storybook/actions';\nimport {\n    NavigationCluster,\n    NavigationHeaderAction,\n    NavigationItem,\n    NavigationLocation,\n    NavigationSortOrder,\n    NavigationViewSection,\n} from '../../types/navigation';\nimport {mockLoadPathSuggestions} from '../../components/PathEditor/PathEditor.stories.helpers';\nimport FileArrowRightOutIcon from '@gravity-ui/icons/svgs/file-arrow-right-out.svg';\nimport ArrowUpRightFromSquareIcon from '@gravity-ui/icons/svgs/arrow-up-right-from-square.svg';\nimport CodeIcon from '@gravity-ui/icons/svgs/code.svg';\nimport GearIcon from '@gravity-ui/icons/svgs/gear.svg';\nimport {Flex, Icon, Label, Text} from '@gravity-ui/uikit';\nimport {ClusterRow, NavigationItemRow} from '../../components';\nimport {SCHEMA_COLUMNS} from '../../modules/NavigationSchema/story/mockData';\nimport {PREVIEW_COLUMNS, PREVIEW_ROWS} from '../../modules/NavigationPreview/story/mockData';\nimport {META_GROUPS} from '../../modules/NavigationMeta/story/mockData';\nimport {VIEW_COLUMNS, makeViewRows} from '../../modules/NavigationView/story/mockData';\n\nconst meta: Meta<typeof QueriesNavigation> = {\n    title: 'Widgets/QueriesNavigation',\n    component: QueriesNavigation,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nconst onBreadcrumbsUpdate = action('onUpdate');\nconst logAction = action('actionClick');\n\nconst defaultActions: NavigationHeaderAction[] = [\n    {\n        id: 'paste',\n        title: 'Paste path',\n        content: <Icon data={FileArrowRightOutIcon} size={16} />,\n        onClick: (location) => logAction('Paste', location),\n    },\n    {\n        id: 'open',\n        title: 'Open in new tab',\n        content: <Icon data={ArrowUpRightFromSquareIcon} size={16} />,\n        onClick: (location) => logAction('Open', location),\n    },\n];\n\nconst CLUSTERS: NavigationCluster[] = [\n    {\n        id: 'northstar',\n        title: 'Northstar',\n        color: 'white',\n        backgroundColor: 'rgba(218, 68, 83, 1)',\n        description: 'Production',\n    },\n    {\n        id: 'cedar',\n        title: 'Cedar',\n        color: 'white',\n        backgroundColor: 'rgba(127, 130, 133, 1)',\n        description: 'Production',\n    },\n    {\n        id: 'sequoia',\n        title: 'Sequoia',\n        color: 'white',\n        backgroundColor: 'rgba(215, 112, 173, 1)',\n        description: 'Production',\n    },\n    {\n        id: 'pioneer-test',\n        title: 'Pioneer-Test',\n        color: 'white',\n        backgroundColor: 'rgba(150, 122, 220, 1)',\n        description: 'Testing',\n    },\n    {\n        id: 'orbit',\n        title: 'Orbit',\n        color: 'white',\n        backgroundColor: 'rgba(233, 87, 63, 1)',\n        description: 'Production',\n    },\n    {\n        id: 'lighthouse',\n        title: 'Lighthouse',\n        color: 'white',\n        backgroundColor: 'rgba(67, 68, 69, 1)',\n        description: 'Production',\n    },\n    {\n        id: 'northstar-gnd',\n        title: 'Northstar-GND',\n        color: 'white',\n        backgroundColor: 'rgba(140, 193, 82, 1)',\n        description: 'tesdting',\n    },\n    {\n        id: 'harbor',\n        title: 'Harbor',\n        color: 'white',\n        backgroundColor: 'rgba(55, 188, 155, 1)',\n        description: 'Production',\n    },\n    {\n        id: 'cedar-gnd',\n        title: 'Cedar-GND',\n        color: 'white',\n        backgroundColor: 'rgba(140, 193, 82, 1)',\n        description: 'Prestable',\n    },\n];\n\nconst ITEM_NAMES: Array<Pick<NavigationItem, 'title' | 'kind' | 'hasChildren' | 'disabled'>> = [\n    {title: 'abcdapter', kind: 'folder', hasChildren: true},\n    {title: 'access_control_object', kind: 'file'},\n    {title: 'account_tree', kind: 'folder', hasChildren: true, disabled: true},\n    {title: 'cell_balancers', kind: 'folder', hasChildren: true},\n    {title: 'clusters', kind: 'folder', hasChildren: true},\n    {title: 'doctors_table', kind: 'table'},\n];\n\nconst getPathDepth = (path: string | undefined): number =>\n    (path ?? '').split('/').filter(Boolean).length;\n\nconst getItemsForPath = (\n    path: string | undefined,\n    sort: NavigationSortOrder = 'asc',\n): NavigationItem[] => {\n    if (getPathDepth(path) > 1) {\n        return [];\n    }\n\n    return [...ITEM_NAMES]\n        .sort(({title: leftTitle}, {title: rightTitle}) =>\n            sort === 'asc'\n                ? leftTitle.localeCompare(rightTitle)\n                : rightTitle.localeCompare(leftTitle),\n        )\n        .map(({title, kind, hasChildren, disabled}) => ({\n            path: `${path ?? ''}/${title}`,\n            title,\n            kind,\n            hasChildren,\n            disabled,\n        }));\n};\n\nexport default meta;\ntype Story = StoryObj<typeof QueriesNavigation>;\n\nconst TABLE_VIEW_SECTIONS_WITH_ACTIONS: NavigationViewSection[] = [\n    {\n        id: 'general',\n        title: 'General',\n        columns: VIEW_COLUMNS,\n        rows: makeViewRows(2),\n        loaded: true,\n        defaultExpanded: true,\n        actions: [\n            {\n                id: 'code',\n                title: 'Show code',\n                content: <Icon data={CodeIcon} size={14} />,\n                onClick: (section) => logAction('ViewShowCode', section.id),\n            },\n            {\n                id: 'settings',\n                title: 'Settings',\n                content: <Icon data={GearIcon} size={14} />,\n                onClick: (section) => logAction('ViewSettings', section.id),\n            },\n        ],\n    },\n    {\n        id: 'attributes',\n        title: 'Attributes',\n        columns: VIEW_COLUMNS,\n        rows: makeViewRows(2),\n        loaded: true,\n    },\n];\n\nconst useLocationState = (initial: NavigationLocation) => {\n    const [location, setLocation] = useState<NavigationLocation>(initial);\n    const onUpdate = (next: NavigationLocation) => {\n        onBreadcrumbsUpdate(next);\n        setLocation(next);\n    };\n    return {location, onUpdate};\n};\n\nconst useNavigationStoryState = (initial: NavigationLocation) => {\n    const {location, onUpdate} = useLocationState(initial);\n    const [sort, setSort] = useState<NavigationSortOrder>('asc');\n    const items = getItemsForPath(location.path, sort);\n\n    return {location, onUpdate, sort, setSort, items};\n};\n\nconst ClustersToItemsStory = () => {\n    const {location, onUpdate, sort, setSort, items} = useNavigationStoryState({\n        cluster: undefined,\n        path: undefined,\n    });\n    const [openedItem, setOpenedItem] = useState<NavigationItem | undefined>(undefined);\n\n    const resolveDetail = createNavigationDetailResolver({\n        table: createTableDetailConfig({\n            resolveSchema: () => ({columns: SCHEMA_COLUMNS, loaded: true}),\n            resolvePreview: () => ({\n                columns: PREVIEW_COLUMNS,\n                rows: PREVIEW_ROWS,\n                loaded: true,\n            }),\n            resolveMeta: () => ({groups: META_GROUPS, loaded: true}),\n            resolveView: () => ({sections: TABLE_VIEW_SECTIONS_WITH_ACTIONS, loaded: true}),\n        }),\n    });\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesNavigation\n                location={location}\n                header={{actions: defaultActions, onLoadSuggestions: mockLoadPathSuggestions}}\n                onUpdate={onUpdate}\n                clusters={CLUSTERS}\n                items={items}\n                sort={{value: sort, onUpdate: setSort}}\n                detail={{\n                    openedItem,\n                    onItemOpen: (item) => {\n                        action('onItemOpen')(item);\n                        setOpenedItem(item);\n                    },\n                    onClose: () => setOpenedItem(undefined),\n                    resolve: resolveDetail,\n                }}\n                onClusterClick={action('onClusterClick')}\n                onItemClick={action('onItemClick')}\n            />\n        </div>\n    );\n};\n\nconst LoadingStory = () => {\n    const {location, onUpdate} = useLocationState({cluster: undefined, path: undefined});\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesNavigation\n                location={location}\n                header={{actions: defaultActions, onLoadSuggestions: mockLoadPathSuggestions}}\n                onUpdate={onUpdate}\n                clusters={[]}\n                listState={{loading: true}}\n            />\n        </div>\n    );\n};\n\nconst EmptyStory = () => {\n    const {location, onUpdate} = useLocationState({cluster: 'northstar', path: '/home/empty'});\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesNavigation\n                location={location}\n                header={{actions: defaultActions, onLoadSuggestions: mockLoadPathSuggestions}}\n                onUpdate={onUpdate}\n                items={[]}\n            />\n        </div>\n    );\n};\n\nconst EmptySearchStory = () => {\n    const {location, onUpdate} = useLocationState({cluster: 'northstar', path: '/home'});\n    const [search, setSearch] = useState('no-such-item');\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesNavigation\n                location={location}\n                header={{actions: defaultActions, onLoadSuggestions: mockLoadPathSuggestions}}\n                onUpdate={onUpdate}\n                items={[]}\n                search={{value: search, onUpdate: setSearch}}\n            />\n        </div>\n    );\n};\n\nconst ErrorStory = () => {\n    const {location, onUpdate} = useLocationState({cluster: undefined, path: undefined});\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesNavigation\n                location={location}\n                header={{actions: defaultActions, onLoadSuggestions: mockLoadPathSuggestions}}\n                onUpdate={onUpdate}\n                clusters={[]}\n                listState={{error: 'Custom load error message'}}\n            />\n        </div>\n    );\n};\n\ntype CustomCluster = NavigationCluster & {env: string};\ntype CustomItem = NavigationItem & {owner?: string};\n\nconst CUSTOM_CLUSTERS: CustomCluster[] = CLUSTERS.map((cluster) => ({\n    ...cluster,\n    env: cluster.description ?? 'Unknown',\n}));\n\nconst getCustomItemsForPath = (path: string | undefined, sort: NavigationSortOrder): CustomItem[] =>\n    getItemsForPath(path, sort).map((item, index) => ({\n        ...item,\n        owner: index % 2 === 0 ? 'robot' : 'user',\n    }));\n\nconst CustomRowsStory = () => {\n    const {location, onUpdate} = useLocationState({cluster: undefined, path: undefined});\n    const [sort, setSort] = useState<NavigationSortOrder>('asc');\n\n    return (\n        <div style={{width: 340, height: 500}}>\n            <QueriesNavigation<CustomItem, CustomCluster>\n                location={location}\n                header={{actions: defaultActions, onLoadSuggestions: mockLoadPathSuggestions}}\n                onUpdate={onUpdate}\n                clusters={CUSTOM_CLUSTERS}\n                items={getCustomItemsForPath(location.path, sort)}\n                sort={{value: sort, onUpdate: setSort}}\n                renderClusterItem={({cluster}) => (\n                    <Flex alignItems=\"center\" gap={2} style={{width: '100%', padding: '0 8px'}}>\n                        <ClusterRow cluster={cluster} />\n                        <Label theme=\"info\">{cluster.env}</Label>\n                    </Flex>\n                )}\n                renderNavigationItem={({item, isParentRow}) =>\n                    isParentRow ? (\n                        <NavigationItemRow item={item} />\n                    ) : (\n                        <Flex alignItems=\"center\" gap={2} style={{width: '100%', padding: '0 8px'}}>\n                            <NavigationItemRow item={item} />\n                            {item.owner && (\n                                <Text color=\"secondary\" variant=\"caption-2\">\n                                    {item.owner}\n                                </Text>\n                            )}\n                        </Flex>\n                    )\n                }\n                onClusterClick={action('onClusterClick')}\n                onItemClick={action('onItemClick')}\n            />\n        </div>\n    );\n};\n\nconst CustomDetailResolverStory = () => {\n    const {location, onUpdate} = useLocationState({cluster: 'northstar', path: '/home'});\n    const [openedItem, setOpenedItem] = useState<NavigationItem | undefined>(undefined);\n\n    const resolveDetail = createNavigationDetailResolver({\n        file: (item) => ({\n            tabs: [\n                {id: 'content', title: 'Content', content: `Content of ${item.title}`},\n                {id: 'meta', title: 'Meta', content: 'Meta placeholder'},\n            ],\n            hasSearch: false,\n        }),\n    });\n\n    return (\n        <div style={{width: 340, height: 600}}>\n            <QueriesNavigation\n                location={location}\n                header={{actions: defaultActions, onLoadSuggestions: mockLoadPathSuggestions}}\n                onUpdate={onUpdate}\n                items={getItemsForPath(location.path)}\n                detail={{\n                    openedItem,\n                    onItemOpen: setOpenedItem,\n                    onClose: () => setOpenedItem(undefined),\n                    resolve: resolveDetail,\n                }}\n                onItemClick={action('onItemClick')}\n            />\n        </div>\n    );\n};\n\nexport const ClustersToItems: Story = {render: () => <ClustersToItemsStory />};\nexport const Loading: Story = {render: () => <LoadingStory />};\nexport const Empty: Story = {render: () => <EmptyStory />};\nexport const EmptySearch: Story = {render: () => <EmptySearchStory />};\nexport const Error: Story = {render: () => <ErrorStory />};\nexport const CustomRows: Story = {render: () => <CustomRowsStory />};\nexport const CustomDetailResolver: Story = {render: () => <CustomDetailResolverStory />};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,6 @@
-declare const _default: ((key: "title_name" | "alert_load-error" | "field_search-placeholder" | "tab_schema" | "tab_preview" | "tab_meta" | "tab_view" | "field_detail-search-placeholder", params?: import("@gravity-ui/i18n").Params) => string) & {
+declare const _default: ((key: "tab_schema" | "title_name" | "alert_load-error" | "field_search-placeholder" | "tab_preview" | "tab_meta" | "tab_view" | "field_detail-search-placeholder", params?: import("@gravity-ui/i18n").Params) => string) & {
     keysetData: {
-        "qp:queries-navigation": Record<"title_name" | "alert_load-error" | "field_search-placeholder" | "tab_schema" | "tab_preview" | "tab_meta" | "tab_view" | "field_detail-search-placeholder", import("@gravity-ui/i18n").KeyData>;
+        "qp:queries-navigation": Record<"tab_schema" | "title_name" | "alert_load-error" | "field_search-placeholder" | "tab_preview" | "tab_meta" | "tab_view" | "field_detail-search-placeholder", import("@gravity-ui/i18n").KeyData>;
     };
 };
 export default _default;

package/build/esm/widgets/QueryResults/QueryResults.css

@@ -0,0 +1,19 @@
+.qp-query-results {
+  min-width: 0;
+}
+.qp-query-results__toolbar {
+  min-width: 0;
+}
+.qp-query-results__views, .qp-query-results__rows-info, .qp-query-results__actions {
+  flex-shrink: 0;
+}
+.qp-query-results__toolbar-content {
+  min-width: 0;
+}
+.qp-query-results__actions {
+  margin-left: auto;
+}
+.qp-query-results__content {
+  min-width: 0;
+}
+/*# sourceMappingURL=QueryResults.css.map */

package/build/esm/widgets/QueryResults/QueryResults.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["QueryResults.scss"],"names":[],"mappings":"AAAA;EACI,YAAA;AACJ;AACI;EACI,YAAA;AACR;AAEI;EAGI,cAAA;AAFR;AAKI;EACI,YAAA;AAHR;AAMI;EACI,iBAAA;AAJR;AAOI;EACI,YAAA;AALR","file":"QueryResults.css","sourcesContent":[".qp-query-results {\n    min-width: 0;\n\n    &__toolbar {\n        min-width: 0;\n    }\n\n    &__views,\n    &__rows-info,\n    &__actions {\n        flex-shrink: 0;\n    }\n\n    &__toolbar-content {\n        min-width: 0;\n    }\n\n    &__actions {\n        margin-left: auto;\n    }\n\n    &__content {\n        min-width: 0;\n    }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { QueryResultColumn, QueryResultFormatterSettings, QueryResultsSchemaRenderContext, QueryResultsView } from '../../types/queryResults';
+import './QueryResults.scss';
+export type QueryResultsProps<TRow extends Record<string, unknown>> = {
+    columns: Array<QueryResultColumn<TRow>>;
+    /** Values use the YQL wire representation consumed by @gravity-ui/unipika. */
+    rows: TRow[];
+    totalRows?: number;
+    loading?: boolean;
+    errorContent?: React.ReactNode;
+    rowKey?: (row: TRow, index: number) => string | number;
+    formatterSettings?: QueryResultFormatterSettings;
+    maxVisibleLines?: number;
+    title?: React.ReactNode;
+    toolbarContent?: React.ReactNode;
+    actions?: React.ReactNode;
+    view?: QueryResultsView;
+    defaultView?: QueryResultsView;
+    onViewChange?: (view: QueryResultsView) => void;
+    renderSchema?: (context: QueryResultsSchemaRenderContext<TRow>) => React.ReactNode;
+    className?: string;
+};
+export declare function QueryResults<TRow extends Record<string, unknown>>({ columns, rows, totalRows, loading, errorContent, rowKey, formatterSettings, maxVisibleLines, title, toolbarContent, actions, view: controlledView, defaultView, onViewChange, renderSchema, className, }: QueryResultsProps<TRow>): React.JSX.Element;

package/build/esm/widgets/QueryResults/QueryResults.js

@@ -0,0 +1,111 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useCallback, useState } from 'react';
+import { Flex, SegmentedRadioGroup, Text } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { QueryResultsTable } from "../../components";
+import { QueryResultsSchema } from "./internal/QueryResultsSchema";
+import i18n from "./i18n";
+import "./QueryResults.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-query-results');
+export function QueryResults(_ref) {
+  var columns = _ref.columns,
+    rows = _ref.rows,
+    _ref$totalRows = _ref.totalRows,
+    totalRows = _ref$totalRows === void 0 ? rows.length : _ref$totalRows,
+    loading = _ref.loading,
+    errorContent = _ref.errorContent,
+    rowKey = _ref.rowKey,
+    formatterSettings = _ref.formatterSettings,
+    maxVisibleLines = _ref.maxVisibleLines,
+    title = _ref.title,
+    toolbarContent = _ref.toolbarContent,
+    actions = _ref.actions,
+    controlledView = _ref.view,
+    _ref$defaultView = _ref.defaultView,
+    defaultView = _ref$defaultView === void 0 ? 'result' : _ref$defaultView,
+    onViewChange = _ref.onViewChange,
+    renderSchema = _ref.renderSchema,
+    className = _ref.className;
+  var _useState = useState(defaultView),
+    _useState2 = _slicedToArray(_useState, 2),
+    uncontrolledView = _useState2[0],
+    setUncontrolledView = _useState2[1];
+  var view = controlledView !== null && controlledView !== void 0 ? controlledView : uncontrolledView;
+  var handleViewChange = useCallback(function (nextView) {
+    var next = nextView;
+    if (controlledView === undefined) {
+      setUncontrolledView(next);
+    }
+    onViewChange === null || onViewChange === void 0 || onViewChange(next);
+  }, [controlledView, onViewChange]);
+  var schema = renderSchema === null || renderSchema === void 0 ? void 0 : renderSchema({
+    columns: columns
+  });
+  var content;
+  if (errorContent) {
+    content = /*#__PURE__*/_jsx(Text, {
+      color: "danger",
+      children: errorContent
+    });
+  } else if (view === 'schema') {
+    content = schema !== null && schema !== void 0 ? schema : /*#__PURE__*/_jsx(QueryResultsSchema, {
+      columns: columns,
+      loading: loading
+    });
+  } else {
+    content = /*#__PURE__*/_jsx(QueryResultsTable, {
+      columns: columns,
+      rows: rows,
+      loading: loading,
+      rowKey: rowKey,
+      formatterSettings: formatterSettings,
+      maxVisibleLines: maxVisibleLines
+    });
+  }
+  return /*#__PURE__*/_jsxs(Flex, {
+    direction: "column",
+    gap: 2,
+    className: block(null, className),
+    children: [title && /*#__PURE__*/_jsx(Text, {
+      variant: "subheader-1",
+      children: title
+    }), /*#__PURE__*/_jsxs(Flex, {
+      gap: 2,
+      alignItems: "center",
+      className: block('toolbar'),
+      children: [/*#__PURE__*/_jsxs(SegmentedRadioGroup, {
+        value: view,
+        onUpdate: handleViewChange,
+        width: "auto",
+        size: "s",
+        className: block('views'),
+        children: [/*#__PURE__*/_jsx(SegmentedRadioGroup.Option, {
+          value: "result",
+          children: i18n('tab_result')
+        }), /*#__PURE__*/_jsx(SegmentedRadioGroup.Option, {
+          value: "schema",
+          children: i18n('tab_schema')
+        })]
+      }), /*#__PURE__*/_jsx(Text, {
+        color: "secondary",
+        className: block('rows-info'),
+        children: i18n('context_rows-info', {
+          count: totalRows,
+          visible: rows.length,
+          total: totalRows
+        })
+      }), toolbarContent && /*#__PURE__*/_jsx("div", {
+        className: block('toolbar-content'),
+        children: toolbarContent
+      }), actions && /*#__PURE__*/_jsx("div", {
+        className: block('actions'),
+        children: actions
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: block('content'),
+      children: content
+    })]
+  });
+}
+// #sourceMappingURL=QueryResults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","Flex","SegmentedRadioGroup","Text","cn","QueryResultsTable","QueryResultsSchema","i18n","jsx","_jsx","jsxs","_jsxs","block","QueryResults","_ref","columns","rows","_ref$totalRows","totalRows","length","loading","errorContent","rowKey","formatterSettings","maxVisibleLines","title","toolbarContent","actions","controlledView","view","_ref$defaultView","defaultView","onViewChange","renderSchema","className","_useState","_useState2","_slicedToArray","uncontrolledView","setUncontrolledView","handleViewChange","nextView","next","undefined","schema","content","color","children","direction","gap","variant","alignItems","value","onUpdate","width","size","Option","count","visible","total"],"sources":["QueryResults.tsx"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport {Flex, SegmentedRadioGroup, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {QueryResultsTable} from '../../components';\nimport type {\n    QueryResultColumn,\n    QueryResultFormatterSettings,\n    QueryResultsSchemaRenderContext,\n    QueryResultsView,\n} from '../../types/queryResults';\nimport {QueryResultsSchema} from './internal/QueryResultsSchema';\nimport i18n from './i18n';\n\nimport './QueryResults.scss';\n\nconst block = cn('qp-query-results');\n\nexport type QueryResultsProps<TRow extends Record<string, unknown>> = {\n    columns: Array<QueryResultColumn<TRow>>;\n    /** Values use the YQL wire representation consumed by @gravity-ui/unipika. */\n    rows: TRow[];\n    totalRows?: number;\n    loading?: boolean;\n    errorContent?: React.ReactNode;\n    rowKey?: (row: TRow, index: number) => string | number;\n    formatterSettings?: QueryResultFormatterSettings;\n    maxVisibleLines?: number;\n    title?: React.ReactNode;\n    toolbarContent?: React.ReactNode;\n    actions?: React.ReactNode;\n    view?: QueryResultsView;\n    defaultView?: QueryResultsView;\n    onViewChange?: (view: QueryResultsView) => void;\n    renderSchema?: (context: QueryResultsSchemaRenderContext<TRow>) => React.ReactNode;\n    className?: string;\n};\n\nexport function QueryResults<TRow extends Record<string, unknown>>({\n    columns,\n    rows,\n    totalRows = rows.length,\n    loading,\n    errorContent,\n    rowKey,\n    formatterSettings,\n    maxVisibleLines,\n    title,\n    toolbarContent,\n    actions,\n    view: controlledView,\n    defaultView = 'result',\n    onViewChange,\n    renderSchema,\n    className,\n}: QueryResultsProps<TRow>) {\n    const [uncontrolledView, setUncontrolledView] = useState<QueryResultsView>(defaultView);\n    const view = controlledView ?? uncontrolledView;\n\n    const handleViewChange = useCallback(\n        (nextView: string) => {\n            const next = nextView as QueryResultsView;\n            if (controlledView === undefined) {\n                setUncontrolledView(next);\n            }\n            onViewChange?.(next);\n        },\n        [controlledView, onViewChange],\n    );\n\n    const schema = renderSchema?.({columns});\n    let content: React.ReactNode;\n\n    if (errorContent) {\n        content = <Text color=\"danger\">{errorContent}</Text>;\n    } else if (view === 'schema') {\n        content = schema ?? <QueryResultsSchema columns={columns} loading={loading} />;\n    } else {\n        content = (\n            <QueryResultsTable\n                columns={columns}\n                rows={rows}\n                loading={loading}\n                rowKey={rowKey}\n                formatterSettings={formatterSettings}\n                maxVisibleLines={maxVisibleLines}\n            />\n        );\n    }\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            {title && <Text variant=\"subheader-1\">{title}</Text>}\n            <Flex gap={2} alignItems=\"center\" className={block('toolbar')}>\n                <SegmentedRadioGroup\n                    value={view}\n                    onUpdate={handleViewChange}\n                    width=\"auto\"\n                    size=\"s\"\n                    className={block('views')}\n                >\n                    <SegmentedRadioGroup.Option value=\"result\">\n                        {i18n('tab_result')}\n                    </SegmentedRadioGroup.Option>\n                    <SegmentedRadioGroup.Option value=\"schema\">\n                        {i18n('tab_schema')}\n                    </SegmentedRadioGroup.Option>\n                </SegmentedRadioGroup>\n                <Text color=\"secondary\" className={block('rows-info')}>\n                    {i18n('context_rows-info', {\n                        count: totalRows,\n                        visible: rows.length,\n                        total: totalRows,\n                    })}\n                </Text>\n                {toolbarContent && <div className={block('toolbar-content')}>{toolbarContent}</div>}\n                {actions && <div className={block('actions')}>{actions}</div>}\n            </Flex>\n            <div className={block('content')}>{content}</div>\n        </Flex>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/widgets/QueryResults/QueryResults.scss

@@ -0,0 +1,25 @@
+.qp-query-results {
+    min-width: 0;
+
+    &__toolbar {
+        min-width: 0;
+    }
+
+    &__views,
+    &__rows-info,
+    &__actions {
+        flex-shrink: 0;
+    }
+
+    &__toolbar-content {
+        min-width: 0;
+    }
+
+    &__actions {
+        margin-left: auto;
+    }
+
+    &__content {
+        min-width: 0;
+    }
+}