@gravity-ui/querieskit 1.0.4 → 1.2.0

package/build/esm/modules/NavigationDetail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NavigationDetail"],"sources":["index.ts"],"sourcesContent":["export {NavigationDetail} from './NavigationDetail';\nexport type {NavigationDetailProps} from './NavigationDetail';\n"],"mappings":"AAAA,SAAQA,gBAAgB","ignoreList":[]}

package/build/esm/modules/NavigationDetail/internal/NavigationDetailTabs.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { NavigationDetailTab } from '../../../types/navigation';
+export type NavigationDetailTabsProps = {
+    tabs: NavigationDetailTab[];
+    activeTab: string;
+    onUpdate: (tab: string) => void;
+    className?: string;
+};
+export declare const NavigationDetailTabs: FC<NavigationDetailTabsProps>;

package/build/esm/modules/NavigationDetail/internal/NavigationDetailTabs.js

@@ -0,0 +1,27 @@
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+import React from 'react';
+import { SegmentedRadioGroup } from '@gravity-ui/uikit';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var NavigationDetailTabs = function NavigationDetailTabs(_ref) {
+  var tabs = _ref.tabs,
+    activeTab = _ref.activeTab,
+    onUpdate = _ref.onUpdate,
+    className = _ref.className;
+  return /*#__PURE__*/_jsx(SegmentedRadioGroup, {
+    value: activeTab,
+    onUpdate: onUpdate,
+    width: "max",
+    className: className,
+    children: tabs.map(function (tab) {
+      return /*#__PURE__*/_jsx(SegmentedRadioGroup.Option, {
+        value: tab.id,
+        disabled: tab.disabled,
+        children: tab.title
+      }, tab.id);
+    })
+  });
+};
+// #sourceMappingURL=NavigationDetailTabs.js.map

package/build/esm/modules/NavigationDetail/internal/NavigationDetailTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","SegmentedRadioGroup","jsx","_jsx","NavigationDetailTabs","_ref","tabs","activeTab","onUpdate","className","value","width","children","map","tab","Option","id","disabled","title"],"sources":["NavigationDetailTabs.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {SegmentedRadioGroup} from '@gravity-ui/uikit';\nimport {NavigationDetailTab} from '../../../types/navigation';\n\nexport type NavigationDetailTabsProps = {\n    tabs: NavigationDetailTab[];\n    activeTab: string;\n    onUpdate: (tab: string) => void;\n    className?: string;\n};\n\nexport const NavigationDetailTabs: FC<NavigationDetailTabsProps> = ({\n    tabs,\n    activeTab,\n    onUpdate,\n    className,\n}) => {\n    return (\n        <SegmentedRadioGroup\n            value={activeTab}\n            onUpdate={onUpdate}\n            width=\"max\"\n            className={className}\n        >\n            {tabs.map((tab) => (\n                <SegmentedRadioGroup.Option key={tab.id} value={tab.id} disabled={tab.disabled}>\n                    {tab.title}\n                </SegmentedRadioGroup.Option>\n            ))}\n        </SegmentedRadioGroup>\n    );\n};\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,mBAAmB,QAAO,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUtD,OAAO,IAAMC,oBAAmD,GAAG,SAAtDA,oBAAmDA,CAAAC,IAAA,EAK1D;EAAA,IAJFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAET,oBACIN,IAAA,CAACF,mBAAmB;IAChBS,KAAK,EAAEH,SAAU;IACjBC,QAAQ,EAAEA,QAAS;IACnBG,KAAK,EAAC,KAAK;IACXF,SAAS,EAAEA,SAAU;IAAAG,QAAA,EAEpBN,IAAI,CAACO,GAAG,CAAC,UAACC,GAAG;MAAA,oBACVX,IAAA,CAACF,mBAAmB,CAACc,MAAM;QAAcL,KAAK,EAAEI,GAAG,CAACE,EAAG;QAACC,QAAQ,EAAEH,GAAG,CAACG,QAAS;QAAAL,QAAA,EAC1EE,GAAG,CAACI;MAAK,GADmBJ,GAAG,CAACE,EAET,CAAC;IAAA,CAChC;EAAC,CACe,CAAC;AAE9B,CAAC","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { NavigationHeaderAction, NavigationLocation } from '../../types/navigation';
+import type { LoadPathSuggestions } from '../../types/pathEditor';
+export type NavigationHeaderProps = {
+    location: NavigationLocation;
+    actions?: NavigationHeaderAction[];
+    onUpdate: (location: NavigationLocation) => void;
+    onLoadSuggestions?: LoadPathSuggestions;
+    className?: string;
+};
+export declare const NavigationHeader: FC<NavigationHeaderProps>;

package/build/esm/modules/NavigationHeader/NavigationHeader.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Flex } from '@gravity-ui/uikit';
+import { Breadcrumbs } from "../../components/Breadcrumbs";
+import { NavigationActionButtons } from "../../components";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var NavigationHeader = function NavigationHeader(_ref) {
+  var location = _ref.location,
+    actions = _ref.actions,
+    onUpdate = _ref.onUpdate,
+    onLoadSuggestions = _ref.onLoadSuggestions,
+    className = _ref.className;
+  return /*#__PURE__*/_jsxs(Flex, {
+    gap: 2,
+    justifyContent: "space-between",
+    alignItems: "center",
+    className: className,
+    children: [/*#__PURE__*/_jsx(Breadcrumbs, {
+      location: location,
+      onUpdate: onUpdate,
+      onLoadSuggestions: onLoadSuggestions
+    }), /*#__PURE__*/_jsx(NavigationActionButtons, {
+      actions: actions,
+      arg: location
+    })]
+  });
+};
+// #sourceMappingURL=NavigationHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","Breadcrumbs","NavigationActionButtons","jsx","_jsx","jsxs","_jsxs","NavigationHeader","_ref","location","actions","onUpdate","onLoadSuggestions","className","gap","justifyContent","alignItems","children","arg"],"sources":["NavigationHeader.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex} from '@gravity-ui/uikit';\nimport {Breadcrumbs} from '../../components/Breadcrumbs';\nimport {NavigationActionButtons} from '../../components';\nimport {NavigationHeaderAction, NavigationLocation} from '../../types/navigation';\nimport type {LoadPathSuggestions} from '../../types/pathEditor';\n\nexport type NavigationHeaderProps = {\n    location: NavigationLocation;\n    actions?: NavigationHeaderAction[];\n    onUpdate: (location: NavigationLocation) => void;\n    onLoadSuggestions?: LoadPathSuggestions;\n    className?: string;\n};\n\nexport const NavigationHeader: FC<NavigationHeaderProps> = ({\n    location,\n    actions,\n    onUpdate,\n    onLoadSuggestions,\n    className,\n}) => {\n    return (\n        <Flex gap={2} justifyContent=\"space-between\" alignItems=\"center\" className={className}>\n            <Breadcrumbs\n                location={location}\n                onUpdate={onUpdate}\n                onLoadSuggestions={onLoadSuggestions}\n            />\n            <NavigationActionButtons actions={actions} arg={location} />\n        </Flex>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,IAAI,QAAO,mBAAmB;AACtC,SAAQC,WAAW;AACnB,SAAQC,uBAAuB;AAA0B,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYzD,OAAO,IAAMC,gBAA2C,GAAG,SAA9CA,gBAA2CA,CAAAC,IAAA,EAMlD;EAAA,IALFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB;IACjBC,SAAS,GAAAL,IAAA,CAATK,SAAS;EAET,oBACIP,KAAA,CAACN,IAAI;IAACc,GAAG,EAAE,CAAE;IAACC,cAAc,EAAC,eAAe;IAACC,UAAU,EAAC,QAAQ;IAACH,SAAS,EAAEA,SAAU;IAAAI,QAAA,gBAClFb,IAAA,CAACH,WAAW;MACRQ,QAAQ,EAAEA,QAAS;MACnBE,QAAQ,EAAEA,QAAS;MACnBC,iBAAiB,EAAEA;IAAkB,CACxC,CAAC,eACFR,IAAA,CAACF,uBAAuB;MAACQ,OAAO,EAAEA,OAAQ;MAACQ,GAAG,EAAET;IAAS,CAAE,CAAC;EAAA,CAC1D,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/modules/NavigationHeader/NavigationHeader.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { NavigationHeader } from './NavigationHeader';
+declare const meta: Meta<typeof NavigationHeader>;
+export default meta;
+type Story = StoryObj<typeof NavigationHeader>;
+export declare const Default: Story;
+export declare const WithoutActions: Story;
+export declare const EmptyLocation: Story;
+export declare const LongPath: Story;
+export declare const DisabledAction: Story;
+export declare const HiddenAction: Story;

package/build/esm/modules/NavigationHeader/NavigationHeader.stories.js

@@ -0,0 +1,160 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.to-string.js";
+import React, { useState } from 'react';
+import { action } from 'storybook/actions';
+import { Box, Icon } from '@gravity-ui/uikit';
+var FileArrowRightOutIcon = function FileArrowRightOutIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M11.5 7.14a3 3 0 0 0-.758-1.992L8.395 2.507A3 3 0 0 0 6.153 1.5H4a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h6.25a.75.75 0 0 0 0-1.5H4a1.5 1.5 0 0 1-1.5-1.5v-7A1.5 1.5 0 0 1 4 3h1.5v2a3 3 0 0 0 3 3h2.25a.75.75 0 0 0 .75-.75zM9.856 6.5H8.5A1.5 1.5 0 0 1 7 5V3.262q.15.103.274.241L9.62 6.144a1.5 1.5 0 0 1 .235.356M13.44 11l-.72.72a.75.75 0 1 0 1.061 1.06l2-2a.75.75 0 0 0 0-1.06l-2-2a.75.75 0 1 0-1.06 1.06l.72.72H6.75a.75.75 0 0 0 0 1.5z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+FileArrowRightOutIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var ArrowUpRightFromSquareIcon = function ArrowUpRightFromSquareIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M10 1.5A.75.75 0 0 0 10 3h1.94L6.97 7.97a.75.75 0 0 0 1.06 1.06L13 4.06V6a.75.75 0 0 0 1.5 0V2.25a.75.75 0 0 0-.75-.75zM7.5 3.25a.75.75 0 0 0-.75-.75H4.5a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V9.25a.75.75 0 0 0-1.5 0v2.25a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 3 11.5v-6A1.5 1.5 0 0 1 4.5 4h2.25a.75.75 0 0 0 .75-.75",
+      clipRule: "evenodd"
+    })
+  }));
+};
+ArrowUpRightFromSquareIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+import { NavigationHeader } from "./NavigationHeader";
+import { mockLoadPathSuggestions } from "../../components/PathEditor/PathEditor.stories.helpers";
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'Modules/NavigationHeader',
+  component: NavigationHeader,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  }
+};
+export default meta;
+var defaultLocation = {
+  cluster: 'test',
+  path: '/home/my-projects/favorites'
+};
+var longLocation = {
+  cluster: 'prod',
+  path: '/home/my-projects/favorites/very/long/nested/directory/structure'
+};
+var logAction = action('actionClick');
+var defaultActions = [{
+  id: 'paste',
+  title: 'Paste path',
+  content: /*#__PURE__*/_jsx(Icon, {
+    data: FileArrowRightOutIcon,
+    size: 16
+  }),
+  onClick: function onClick(location) {
+    return logAction('Paste', location);
+  }
+}, {
+  id: 'open',
+  title: 'Open in new tab',
+  content: /*#__PURE__*/_jsx(Icon, {
+    data: ArrowUpRightFromSquareIcon,
+    size: 16
+  }),
+  onClick: function onClick(location) {
+    return logAction('Open', location);
+  }
+}];
+var InteractiveStory = function InteractiveStory(_ref) {
+  var _ref$initialLocation = _ref.initialLocation,
+    initialLocation = _ref$initialLocation === void 0 ? defaultLocation : _ref$initialLocation,
+    _ref$actions = _ref.actions,
+    actions = _ref$actions === void 0 ? defaultActions : _ref$actions;
+  var _useState = useState(initialLocation),
+    _useState2 = _slicedToArray(_useState, 2),
+    location = _useState2[0],
+    setLocation = _useState2[1];
+  return /*#__PURE__*/_jsx(Box, {
+    width: 300,
+    children: /*#__PURE__*/_jsx(NavigationHeader, {
+      location: location,
+      actions: actions,
+      onUpdate: setLocation,
+      onLoadSuggestions: mockLoadPathSuggestions
+    })
+  });
+};
+export var Default = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(InteractiveStory, {});
+  }
+};
+export var WithoutActions = {
+  args: {
+    location: defaultLocation,
+    onUpdate: action('onUpdate'),
+    onLoadSuggestions: mockLoadPathSuggestions
+  },
+  decorators: [function (StoryComponent) {
+    return /*#__PURE__*/_jsx(Box, {
+      width: 300,
+      children: /*#__PURE__*/_jsx(StoryComponent, {})
+    });
+  }]
+};
+export var EmptyLocation = {
+  args: {
+    location: {
+      cluster: undefined,
+      path: undefined
+    },
+    actions: defaultActions,
+    onUpdate: action('onUpdate')
+  }
+};
+export var LongPath = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(InteractiveStory, {
+      initialLocation: longLocation
+    });
+  }
+};
+export var DisabledAction = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(InteractiveStory, {
+      actions: defaultActions.map(function (headerAction) {
+        return headerAction.id === 'paste' ? _objectSpread(_objectSpread({}, headerAction), {}, {
+          disabled: true
+        }) : headerAction;
+      })
+    });
+  }
+};
+export var HiddenAction = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(InteractiveStory, {
+      actions: defaultActions.map(function (headerAction) {
+        return headerAction.id === 'open' ? _objectSpread(_objectSpread({}, headerAction), {}, {
+          hidden: true
+        }) : headerAction;
+      })
+    });
+  }
+};
+// #sourceMappingURL=NavigationHeader.stories.js.map

package/build/esm/modules/NavigationHeader/NavigationHeader.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","action","Box","Icon","FileArrowRightOutIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowUpRightFromSquareIcon","NavigationHeader","mockLoadPathSuggestions","jsx","meta","title","component","tags","parameters","layout","defaultLocation","cluster","path","longLocation","logAction","defaultActions","id","content","data","size","onClick","location","InteractiveStory","_ref","_ref$initialLocation","initialLocation","_ref$actions","actions","_useState","_useState2","_slicedToArray","setLocation","onUpdate","onLoadSuggestions","Default","render","WithoutActions","args","decorators","StoryComponent","EmptyLocation","undefined","LongPath","DisabledAction","map","headerAction","disabled","HiddenAction","hidden"],"sources":["NavigationHeader.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {action} from 'storybook/actions';\nimport {Box, Icon} from '@gravity-ui/uikit';\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 {NavigationHeader} from './NavigationHeader';\nimport {NavigationHeaderAction, NavigationLocation} from '../../types/navigation';\nimport {mockLoadPathSuggestions} from '../../components/PathEditor/PathEditor.stories.helpers';\n\nconst meta: Meta<typeof NavigationHeader> = {\n    title: 'Modules/NavigationHeader',\n    component: NavigationHeader,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof NavigationHeader>;\n\nconst defaultLocation: NavigationLocation = {\n    cluster: 'test',\n    path: '/home/my-projects/favorites',\n};\n\nconst longLocation: NavigationLocation = {\n    cluster: 'prod',\n    path: '/home/my-projects/favorites/very/long/nested/directory/structure',\n};\n\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 InteractiveStory = ({\n    initialLocation = defaultLocation,\n    actions = defaultActions,\n}: {\n    initialLocation?: NavigationLocation;\n    actions?: NavigationHeaderAction[];\n}) => {\n    const [location, setLocation] = useState(initialLocation);\n\n    return (\n        <Box width={300}>\n            <NavigationHeader\n                location={location}\n                actions={actions}\n                onUpdate={setLocation}\n                onLoadSuggestions={mockLoadPathSuggestions}\n            />\n        </Box>\n    );\n};\n\nexport const Default: Story = {render: () => <InteractiveStory />};\n\nexport const WithoutActions: Story = {\n    args: {\n        location: defaultLocation,\n        onUpdate: action('onUpdate'),\n        onLoadSuggestions: mockLoadPathSuggestions,\n    },\n    decorators: [\n        (StoryComponent) => (\n            <Box width={300}>\n                <StoryComponent />\n            </Box>\n        ),\n    ],\n};\n\nexport const EmptyLocation: Story = {\n    args: {\n        location: {cluster: undefined, path: undefined},\n        actions: defaultActions,\n        onUpdate: action('onUpdate'),\n    },\n};\n\nexport const LongPath: Story = {\n    render: () => <InteractiveStory initialLocation={longLocation} />,\n};\n\nexport const DisabledAction: Story = {\n    render: () => (\n        <InteractiveStory\n            actions={defaultActions.map((headerAction) =>\n                headerAction.id === 'paste' ? {...headerAction, disabled: true} : headerAction,\n            )}\n        />\n    ),\n};\n\nexport const HiddenAction: Story = {\n    render: () => (\n        <InteractiveStory\n            actions={defaultActions.map((headerAction) =>\n                headerAction.id === 'open' ? {...headerAction, hidden: true} : headerAction,\n            )}\n        />\n    ),\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/NavigationHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { NavigationHeader } from './NavigationHeader';
+export type { NavigationHeaderProps } from './NavigationHeader';

package/build/esm/modules/NavigationHeader/index.js

@@ -0,0 +1,2 @@
+export { NavigationHeader } from "./NavigationHeader";
+// #sourceMappingURL=index.js.map

package/build/esm/modules/NavigationHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NavigationHeader"],"sources":["index.ts"],"sourcesContent":["export {NavigationHeader} from './NavigationHeader';\nexport type {NavigationHeaderProps} from './NavigationHeader';\n"],"mappings":"AAAA,SAAQA,gBAAgB","ignoreList":[]}

package/build/esm/modules/NavigationItemsList/NavigationItemsList.css

@@ -0,0 +1,56 @@
+.qp-navigation-item-row {
+  width: 100%;
+  padding: 0 var(--g-spacing-2);
+  box-sizing: border-box;
+  cursor: pointer;
+}
+.qp-navigation-item-row__title {
+  flex-grow: 1;
+  min-width: 0;
+}
+.qp-navigation-item-row_disabled {
+  color: var(--g-color-text-secondary);
+  cursor: default;
+}
+
+.qp-navigation-items-list-header {
+  padding: 0 var(--g-spacing-2);
+}
+.qp-navigation-items-list-header__button {
+  padding-left: 0;
+}
+
+.qp-navigation-items-list {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.qp-navigation-items-list__header {
+  height: 28px;
+}
+.qp-navigation-items-list__list {
+  flex-grow: 1;
+  min-height: 0;
+}
+.qp-navigation-items-list__list .g-list__item_selected:hover {
+  background-color: var(--g-color-base-selection-hover);
+}
+.qp-navigation-items-list__empty {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  min-height: 0;
+}
+.qp-navigation-items-list__parent-row {
+  flex-shrink: 0;
+  height: 32px;
+  cursor: pointer;
+}
+.qp-navigation-items-list__parent-row:hover {
+  background-color: var(--g-color-base-simple-hover);
+}
+.qp-navigation-items-list__empty-content {
+  flex-grow: 1;
+  min-height: 0;
+}
+/*# sourceMappingURL=NavigationItemsList.css.map */

package/build/esm/modules/NavigationItemsList/NavigationItemsList.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NavigationItemsList.scss"],"names":[],"mappings":"AAAA;EACE,WAAA;EACA,6BAAA;EACA,sBAAA;EACA,eAAA;AACF;AACE;EACE,YAAA;EACA,YAAA;AACJ;AAEE;EACE,oCAAA;EACA,eAAA;AAAJ;;AAIA;EACE,6BAAA;AADF;AAGE;EACE,eAAA;AADJ;;AAKA;EACE,aAAA;EACA,sBAAA;EACA,YAAA;AAFF;AAIE;EACE,YAAA;AAFJ;AAKE;EACE,YAAA;EACA,aAAA;AAHJ;AAKI;EACE,qDAAA;AAHN;AAOE;EACE,aAAA;EACA,sBAAA;EACA,YAAA;EACA,aAAA;AALJ;AAQE;EACE,cAAA;EACA,YAAA;EACA,eAAA;AANJ;AAQI;EACE,kDAAA;AANN;AAUE;EACE,YAAA;EACA,aAAA;AARJ","file":"NavigationItemsList.css","sourcesContent":[".qp-navigation-item-row {\n  width: 100%;\n  padding: 0 var(--g-spacing-2);\n  box-sizing: border-box;\n  cursor: pointer;\n\n  &__title {\n    flex-grow: 1;\n    min-width: 0;\n  }\n\n  &_disabled {\n    color: var(--g-color-text-secondary);\n    cursor: default;\n  }\n}\n\n.qp-navigation-items-list-header {\n  padding: 0 var(--g-spacing-2);\n\n  &__button {\n    padding-left: 0;\n  }\n}\n\n.qp-navigation-items-list {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  &__header {\n    height: 28px;\n  }\n\n  &__list {\n    flex-grow: 1;\n    min-height: 0;\n\n    .g-list__item_selected:hover {\n      background-color: var(--g-color-base-selection-hover);\n    }\n  }\n\n  &__empty {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    min-height: 0;\n  }\n\n  &__parent-row {\n    flex-shrink: 0;\n    height: 32px;\n    cursor: pointer;\n\n    &:hover {\n      background-color: var(--g-color-base-simple-hover);\n    }\n  }\n\n  &__empty-content {\n    flex-grow: 1;\n    min-height: 0;\n  }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { NavigationItem, NavigationSortOrder, RenderNavigationItem } from '../../types/navigation';
+import './NavigationItemsList.scss';
+export type NavigationItemsListProps<T extends NavigationItem = NavigationItem> = {
+    items: T[];
+    path?: string;
+    search?: string;
+    sort?: NavigationSortOrder;
+    onSortUpdate?: (sort: NavigationSortOrder) => void;
+    titleLabel: string;
+    loading?: boolean;
+    error?: React.ReactNode;
+    hasMore?: boolean;
+    onLoadMore?: () => void;
+    emptyContent?: React.ReactNode;
+    renderRowItem?: RenderNavigationItem<T>;
+    onItemClick?: (item: T) => void;
+    className?: string;
+};
+export declare const NavigationItemsList: <T extends NavigationItem = NavigationItem>({ items, path, search, sort, onSortUpdate, titleLabel, loading, error, hasMore, onLoadMore, emptyContent, renderRowItem, onItemClick, className, }: NavigationItemsListProps<T>) => React.JSX.Element;

package/build/esm/modules/NavigationItemsList/NavigationItemsList.js

@@ -0,0 +1,77 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.sort.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.search.js";
+import React from 'react';
+import cn from 'bem-cn-lite';
+import { LazyList, NavigationItemRow } from "../../components";
+import { NavigationItemsListHeader } from "./internal/NavigationItemsListHeader";
+import { NavigationItemsListEmptyState } from "./internal/NavigationItemsListEmptyState";
+import { useParentRow } from "./internal/useParentRow";
+import { NAVIGATION_ROW_HEIGHT } from "../../constants/row";
+import "./NavigationItemsList.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-navigation-items-list');
+export var NavigationItemsList = function NavigationItemsList(_ref) {
+  var items = _ref.items,
+    path = _ref.path,
+    search = _ref.search,
+    sort = _ref.sort,
+    onSortUpdate = _ref.onSortUpdate,
+    titleLabel = _ref.titleLabel,
+    loading = _ref.loading,
+    error = _ref.error,
+    hasMore = _ref.hasMore,
+    onLoadMore = _ref.onLoadMore,
+    emptyContent = _ref.emptyContent,
+    renderRowItem = _ref.renderRowItem,
+    _onItemClick = _ref.onItemClick,
+    className = _ref.className;
+  var parentRow = useParentRow(path, search);
+  var rows = parentRow ? [parentRow].concat(_toConsumableArray(items)) : items;
+  return /*#__PURE__*/_jsxs("div", {
+    className: block(null, className),
+    children: [/*#__PURE__*/_jsx(NavigationItemsListHeader, {
+      titleLabel: titleLabel,
+      sort: sort,
+      onSortUpdate: onSortUpdate,
+      className: block('header')
+    }), /*#__PURE__*/_jsx(LazyList, {
+      className: block('list'),
+      items: rows,
+      isEmpty: !items.length,
+      itemHeight: function itemHeight() {
+        return NAVIGATION_ROW_HEIGHT;
+      },
+      renderItem: function renderItem(item, isActive, index) {
+        var _renderRowItem;
+        var isParentRow = Boolean(parentRow) && item === parentRow;
+        return (_renderRowItem = renderRowItem === null || renderRowItem === void 0 ? void 0 : renderRowItem({
+          item: item,
+          index: index,
+          isActive: isActive,
+          isParentRow: isParentRow
+        })) !== null && _renderRowItem !== void 0 ? _renderRowItem : /*#__PURE__*/_jsx(NavigationItemRow, {
+          item: item
+        });
+      },
+      hasMore: hasMore,
+      onLoadMore: onLoadMore,
+      loading: loading,
+      error: error,
+      emptyContent: /*#__PURE__*/_jsx(NavigationItemsListEmptyState, {
+        parentRow: parentRow,
+        emptyContent: emptyContent,
+        renderRowItem: renderRowItem,
+        onItemClick: _onItemClick
+      }),
+      onItemClick: function onItemClick(item) {
+        if (!item.disabled) {
+          _onItemClick === null || _onItemClick === void 0 || _onItemClick(item);
+        }
+      }
+    })]
+  });
+};
+// #sourceMappingURL=NavigationItemsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","LazyList","NavigationItemRow","NavigationItemsListHeader","NavigationItemsListEmptyState","useParentRow","NAVIGATION_ROW_HEIGHT","jsx","_jsx","jsxs","_jsxs","block","NavigationItemsList","_ref","items","path","search","sort","onSortUpdate","titleLabel","loading","error","hasMore","onLoadMore","emptyContent","renderRowItem","onItemClick","className","parentRow","rows","concat","_toConsumableArray","children","isEmpty","length","itemHeight","renderItem","item","isActive","index","_renderRowItem","isParentRow","Boolean","disabled"],"sources":["NavigationItemsList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {NavigationItem, NavigationSortOrder, RenderNavigationItem} from '../../types/navigation';\nimport {LazyList, NavigationItemRow} from '../../components';\nimport {NavigationItemsListHeader} from './internal/NavigationItemsListHeader';\nimport {NavigationItemsListEmptyState} from './internal/NavigationItemsListEmptyState';\nimport {useParentRow} from './internal/useParentRow';\nimport {NAVIGATION_ROW_HEIGHT} from '../../constants/row';\nimport './NavigationItemsList.scss';\n\nconst block = cn('qp-navigation-items-list');\n\nexport type NavigationItemsListProps<T extends NavigationItem = NavigationItem> = {\n    items: T[];\n    path?: string;\n    search?: string;\n    sort?: NavigationSortOrder;\n    onSortUpdate?: (sort: NavigationSortOrder) => void;\n    titleLabel: string;\n    loading?: boolean;\n    error?: React.ReactNode;\n    hasMore?: boolean;\n    onLoadMore?: () => void;\n    emptyContent?: React.ReactNode;\n    renderRowItem?: RenderNavigationItem<T>;\n    onItemClick?: (item: T) => void;\n    className?: string;\n};\n\nexport const NavigationItemsList = <T extends NavigationItem = NavigationItem>({\n    items,\n    path,\n    search,\n    sort,\n    onSortUpdate,\n    titleLabel,\n    loading,\n    error,\n    hasMore,\n    onLoadMore,\n    emptyContent,\n    renderRowItem,\n    onItemClick,\n    className,\n}: NavigationItemsListProps<T>) => {\n    const parentRow = useParentRow(path, search);\n\n    const rows = (parentRow ? [parentRow as T, ...items] : items) as T[];\n\n    return (\n        <div className={block(null, className)}>\n            <NavigationItemsListHeader\n                titleLabel={titleLabel}\n                sort={sort}\n                onSortUpdate={onSortUpdate}\n                className={block('header')}\n            />\n            <LazyList<T>\n                className={block('list')}\n                items={rows}\n                isEmpty={!items.length}\n                itemHeight={() => NAVIGATION_ROW_HEIGHT}\n                renderItem={(item, isActive, index) => {\n                    const isParentRow = Boolean(parentRow) && item === (parentRow as T);\n\n                    return (\n                        renderRowItem?.({item, index, isActive, isParentRow}) ?? (\n                            <NavigationItemRow item={item} />\n                        )\n                    );\n                }}\n                hasMore={hasMore}\n                onLoadMore={onLoadMore}\n                loading={loading}\n                error={error}\n                emptyContent={\n                    <NavigationItemsListEmptyState\n                        parentRow={parentRow as T | undefined}\n                        emptyContent={emptyContent}\n                        renderRowItem={renderRowItem}\n                        onItemClick={onItemClick}\n                    />\n                }\n                onItemClick={(item) => {\n                    if (!item.disabled) {\n                        onItemClick?.(item);\n                    }\n                }}\n            />\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/NavigationItemsList/NavigationItemsList.scss

@@ -0,0 +1,65 @@
+.qp-navigation-item-row {
+  width: 100%;
+  padding: 0 var(--g-spacing-2);
+  box-sizing: border-box;
+  cursor: pointer;
+
+  &__title {
+    flex-grow: 1;
+    min-width: 0;
+  }
+
+  &_disabled {
+    color: var(--g-color-text-secondary);
+    cursor: default;
+  }
+}
+
+.qp-navigation-items-list-header {
+  padding: 0 var(--g-spacing-2);
+
+  &__button {
+    padding-left: 0;
+  }
+}
+
+.qp-navigation-items-list {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+  &__header {
+    height: 28px;
+  }
+
+  &__list {
+    flex-grow: 1;
+    min-height: 0;
+
+    .g-list__item_selected:hover {
+      background-color: var(--g-color-base-selection-hover);
+    }
+  }
+
+  &__empty {
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    min-height: 0;
+  }
+
+  &__parent-row {
+    flex-shrink: 0;
+    height: 32px;
+    cursor: pointer;
+
+    &:hover {
+      background-color: var(--g-color-base-simple-hover);
+    }
+  }
+
+  &__empty-content {
+    flex-grow: 1;
+    min-height: 0;
+  }
+}

package/build/esm/modules/NavigationItemsList/index.d.ts

@@ -0,0 +1,2 @@
+export { NavigationItemsList } from './NavigationItemsList';
+export type { NavigationItemsListProps } from './NavigationItemsList';

package/build/esm/modules/NavigationItemsList/index.js

@@ -0,0 +1,2 @@
+export { NavigationItemsList } from "./NavigationItemsList";
+// #sourceMappingURL=index.js.map

package/build/esm/modules/NavigationItemsList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NavigationItemsList"],"sources":["index.ts"],"sourcesContent":["export {NavigationItemsList} from './NavigationItemsList';\nexport type {NavigationItemsListProps} from './NavigationItemsList';\n"],"mappings":"AAAA,SAAQA,mBAAmB","ignoreList":[]}

package/build/esm/modules/NavigationItemsList/internal/NavigationItemsListEmptyState.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NavigationItem, RenderNavigationItem } from '../../../types/navigation';
+export type NavigationItemsListEmptyStateProps<T extends NavigationItem = NavigationItem> = {
+    parentRow?: T;
+    emptyContent?: React.ReactNode;
+    renderRowItem?: RenderNavigationItem<T>;
+    onItemClick?: (item: T) => void;
+};
+export declare const NavigationItemsListEmptyState: <T extends NavigationItem = NavigationItem>({ parentRow, emptyContent, renderRowItem, onItemClick, }: NavigationItemsListEmptyStateProps<T>) => React.JSX.Element;

package/build/esm/modules/NavigationItemsList/internal/NavigationItemsListEmptyState.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Flex } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { NavigationItemRow } from "../../../components";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-navigation-items-list');
+export var NavigationItemsListEmptyState = function NavigationItemsListEmptyState(_ref) {
+  var _renderRowItem;
+  var parentRow = _ref.parentRow,
+    emptyContent = _ref.emptyContent,
+    renderRowItem = _ref.renderRowItem,
+    onItemClick = _ref.onItemClick;
+  return /*#__PURE__*/_jsxs("div", {
+    className: block('empty'),
+    children: [parentRow && /*#__PURE__*/_jsx(Flex, {
+      className: block('parent-row'),
+      alignItems: "center",
+      onClick: function onClick() {
+        if (!parentRow.disabled) {
+          onItemClick === null || onItemClick === void 0 || onItemClick(parentRow);
+        }
+      },
+      children: (_renderRowItem = renderRowItem === null || renderRowItem === void 0 ? void 0 : renderRowItem({
+        item: parentRow,
+        index: 0,
+        isActive: false,
+        isParentRow: true
+      })) !== null && _renderRowItem !== void 0 ? _renderRowItem : /*#__PURE__*/_jsx(NavigationItemRow, {
+        item: parentRow
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: block('empty-content'),
+      children: emptyContent
+    })]
+  });
+};
+// #sourceMappingURL=NavigationItemsListEmptyState.js.map

package/build/esm/modules/NavigationItemsList/internal/NavigationItemsListEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","cn","NavigationItemRow","jsx","_jsx","jsxs","_jsxs","block","NavigationItemsListEmptyState","_ref","_renderRowItem","parentRow","emptyContent","renderRowItem","onItemClick","className","children","alignItems","onClick","disabled","item","index","isActive","isParentRow"],"sources":["NavigationItemsListEmptyState.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {NavigationItem, RenderNavigationItem} from '../../../types/navigation';\nimport {NavigationItemRow} from '../../../components';\n\nconst block = cn('qp-navigation-items-list');\n\nexport type NavigationItemsListEmptyStateProps<T extends NavigationItem = NavigationItem> = {\n    parentRow?: T;\n    emptyContent?: React.ReactNode;\n    renderRowItem?: RenderNavigationItem<T>;\n    onItemClick?: (item: T) => void;\n};\n\nexport const NavigationItemsListEmptyState = <T extends NavigationItem = NavigationItem>({\n    parentRow,\n    emptyContent,\n    renderRowItem,\n    onItemClick,\n}: NavigationItemsListEmptyStateProps<T>) => {\n    return (\n        <div className={block('empty')}>\n            {parentRow && (\n                <Flex\n                    className={block('parent-row')}\n                    alignItems=\"center\"\n                    onClick={() => {\n                        if (!parentRow.disabled) {\n                            onItemClick?.(parentRow);\n                        }\n                    }}\n                >\n                    {renderRowItem?.({\n                        item: parentRow,\n                        index: 0,\n                        isActive: false,\n                        isParentRow: true,\n                    }) ?? <NavigationItemRow item={parentRow} />}\n                </Flex>\n            )}\n            <div className={block('empty-content')}>{emptyContent}</div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,QAAO,mBAAmB;AACtC,OAAOC,EAAE,MAAM,aAAa;AAE5B,SAAQC,iBAAiB;AAA6B,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtD,IAAMC,KAAK,GAAGN,EAAE,CAAC,0BAA0B,CAAC;AAS5C,OAAO,IAAMO,6BAA6B,GAAG,SAAhCA,6BAA6BA,CAAAC,IAAA,EAKG;EAAA,IAAAC,cAAA;EAAA,IAJzCC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,WAAW,GAAAL,IAAA,CAAXK,WAAW;EAEX,oBACIR,KAAA;IAAKS,SAAS,EAAER,KAAK,CAAC,OAAO,CAAE;IAAAS,QAAA,GAC1BL,SAAS,iBACNP,IAAA,CAACJ,IAAI;MACDe,SAAS,EAAER,KAAK,CAAC,YAAY,CAAE;MAC/BU,UAAU,EAAC,QAAQ;MACnBC,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;QACX,IAAI,CAACP,SAAS,CAACQ,QAAQ,EAAE;UACrBL,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGH,SAAS,CAAC;QAC5B;MACJ,CAAE;MAAAK,QAAA,GAAAN,cAAA,GAEDG,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAG;QACbO,IAAI,EAAET,SAAS;QACfU,KAAK,EAAE,CAAC;QACRC,QAAQ,EAAE,KAAK;QACfC,WAAW,EAAE;MACjB,CAAC,CAAC,cAAAb,cAAA,cAAAA,cAAA,gBAAIN,IAAA,CAACF,iBAAiB;QAACkB,IAAI,EAAET;MAAU,CAAE;IAAC,CAC1C,CACT,eACDP,IAAA;MAAKW,SAAS,EAAER,KAAK,CAAC,eAAe,CAAE;MAAAS,QAAA,EAAEJ;IAAY,CAAM,CAAC;EAAA,CAC3D,CAAC;AAEd,CAAC","ignoreList":[]}

package/build/esm/modules/NavigationItemsList/internal/NavigationItemsListHeader.css

@@ -0,0 +1,7 @@
+.qp-navigation-items-list-header__sort {
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+/*# sourceMappingURL=NavigationItemsListHeader.css.map */

package/build/esm/modules/NavigationItemsList/internal/NavigationItemsListHeader.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NavigationItemsListHeader.scss"],"names":[],"mappings":"AACE;EACE,eAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;AAAJ","file":"NavigationItemsListHeader.css","sourcesContent":[".qp-navigation-items-list-header {\n  &__sort {\n    cursor: pointer;\n    user-select: none;\n  }\n}"],"sourceRoot":""}

package/build/esm/modules/NavigationItemsList/internal/NavigationItemsListHeader.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { NavigationSortOrder } from '../../../types/navigation';
+import './NavigationItemsListHeader.scss';
+export type NavigationItemsListHeaderProps = {
+    titleLabel: string;
+    sort?: NavigationSortOrder;
+    onSortUpdate?: (sort: NavigationSortOrder) => void;
+    className?: string;
+};
+export declare const NavigationItemsListHeader: FC<NavigationItemsListHeaderProps>;