@gravity-ui/querieskit 1.0.4 → 1.2.0

package/build/cjs/modules/NavigationDetail/helpers/getInitialTab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getInitialTab","visibleTabs","defaultTab","_id","_ref","_ref2","defaultTabConfig","find","tab","id","undefined","firstEnabled","disabled"],"sources":["getInitialTab.ts"],"sourcesContent":["import type {NavigationDetailTab} from '../../../types/navigation';\n\nexport function getInitialTab(visibleTabs: NavigationDetailTab[], defaultTab?: string): string {\n    const defaultTabConfig = defaultTab\n        ? visibleTabs.find((tab) => tab.id === defaultTab)\n        : undefined;\n    const firstEnabled = visibleTabs.find((tab) => !tab.disabled);\n    return (defaultTabConfig ?? firstEnabled ?? visibleTabs[0])?.id ?? '';\n}\n"],"mappings":";;;;;;;;;;AAEO,SAASA,aAAaA,CAACC,WAAkC,EAAEC,UAAmB,EAAU;EAAA,IAAAC,GAAA,EAAAC,IAAA,EAAAC,KAAA;EAC3F,IAAMC,gBAAgB,GAAGJ,UAAU,GAC7BD,WAAW,CAACM,IAAI,CAAC,UAACC,GAAG;IAAA,OAAKA,GAAG,CAACC,EAAE,KAAKP,UAAU;EAAA,EAAC,GAChDQ,SAAS;EACf,IAAMC,YAAY,GAAGV,WAAW,CAACM,IAAI,CAAC,UAACC,GAAG;IAAA,OAAK,CAACA,GAAG,CAACI,QAAQ;EAAA,EAAC;EAC7D,QAAAT,GAAA,IAAAC,IAAA,IAAAC,KAAA,GAAQC,gBAAgB,aAAhBA,gBAAgB,cAAhBA,gBAAgB,GAAIK,YAAY,cAAAN,KAAA,cAAAA,KAAA,GAAIJ,WAAW,CAAC,CAAC,CAAC,cAAAG,IAAA,uBAAnDA,IAAA,CAAsDK,EAAE,cAAAN,GAAA,cAAAA,GAAA,GAAI,EAAE;AACzE","ignoreList":[]}

package/build/cjs/modules/NavigationDetail/helpers/getVisibleTabs.d.ts

@@ -0,0 +1,2 @@
+import type { NavigationDetailTab } from '../../../types/navigation';
+export declare function getVisibleTabs(tabs: NavigationDetailTab[]): NavigationDetailTab[];

package/build/cjs/modules/NavigationDetail/helpers/getVisibleTabs.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getVisibleTabs = getVisibleTabs;
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.filter.js");
+require("core-js/modules/es.object.to-string.js");
+function getVisibleTabs(tabs) {
+  return tabs.filter(function (tab) {
+    return !tab.hidden;
+  });
+}
+// #sourceMappingURL=getVisibleTabs.js.map

package/build/cjs/modules/NavigationDetail/helpers/getVisibleTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getVisibleTabs","tabs","filter","tab","hidden"],"sources":["getVisibleTabs.ts"],"sourcesContent":["import type {NavigationDetailTab} from '../../../types/navigation';\n\nexport function getVisibleTabs(tabs: NavigationDetailTab[]): NavigationDetailTab[] {\n    return tabs.filter((tab) => !tab.hidden);\n}\n"],"mappings":";;;;;;;;;;AAEO,SAASA,cAAcA,CAACC,IAA2B,EAAyB;EAC/E,OAAOA,IAAI,CAACC,MAAM,CAAC,UAACC,GAAG;IAAA,OAAK,CAACA,GAAG,CAACC,MAAM;EAAA,EAAC;AAC5C","ignoreList":[]}

package/build/cjs/modules/NavigationDetail/index.d.ts

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

package/build/cjs/modules/NavigationDetail/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NavigationDetail", {
+  enumerable: true,
+  get: function () {
+    return _NavigationDetail.NavigationDetail;
+  }
+});
+var _NavigationDetail = require("./NavigationDetail");
+// #sourceMappingURL=index.js.map

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

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

package/build/cjs/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/cjs/modules/NavigationDetail/internal/NavigationDetailTabs.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationDetailTabs = void 0;
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var NavigationDetailTabs = exports.NavigationDetailTabs = function NavigationDetailTabs(_ref) {
+  var tabs = _ref.tabs,
+    activeTab = _ref.activeTab,
+    onUpdate = _ref.onUpdate,
+    className = _ref.className;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.SegmentedRadioGroup, {
+    value: activeTab,
+    onUpdate: onUpdate,
+    width: "max",
+    className: className,
+    children: tabs.map(function (tab) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.SegmentedRadioGroup.Option, {
+        value: tab.id,
+        disabled: tab.disabled,
+        children: tab.title
+      }, tab.id);
+    })
+  });
+};
+// #sourceMappingURL=NavigationDetailTabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_jsxRuntime","e","__esModule","default","NavigationDetailTabs","exports","_ref","tabs","activeTab","onUpdate","className","_jsx","SegmentedRadioGroup","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAsD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAU/C,IAAMG,oBAAmD,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAtDA,oBAAmDA,CAAAE,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,oBACI,IAAAC,eAAA,EAACC,0BAAmB;IAChBC,KAAK,EAAEL,SAAU;IACjBC,QAAQ,EAAEA,QAAS;IACnBK,KAAK,EAAC,KAAK;IACXJ,SAAS,EAAEA,SAAU;IAAAK,QAAA,EAEpBR,IAAI,CAACS,GAAG,CAAC,UAACC,GAAG;MAAA,oBACV,IAAAN,eAAA,EAACC,0BAAmB,CAACM,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/cjs/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/cjs/modules/NavigationHeader/NavigationHeader.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationHeader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _Breadcrumbs = require("../../components/Breadcrumbs");
+var _components = require("../../components");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var NavigationHeader = exports.NavigationHeader = function NavigationHeader(_ref) {
+  var location = _ref.location,
+    actions = _ref.actions,
+    onUpdate = _ref.onUpdate,
+    onLoadSuggestions = _ref.onLoadSuggestions,
+    className = _ref.className;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    gap: 2,
+    justifyContent: "space-between",
+    alignItems: "center",
+    className: className,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Breadcrumbs.Breadcrumbs, {
+      location: location,
+      onUpdate: onUpdate,
+      onLoadSuggestions: onLoadSuggestions
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NavigationActionButtons, {
+      actions: actions,
+      arg: location
+    })]
+  });
+};
+// #sourceMappingURL=NavigationHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_Breadcrumbs","_components","_jsxRuntime","e","__esModule","default","NavigationHeader","exports","_ref","location","actions","onUpdate","onLoadSuggestions","className","_jsxs","Flex","gap","justifyContent","alignItems","children","_jsx","Breadcrumbs","NavigationActionButtons","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAyD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYlD,IAAMG,gBAA2C,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAA9CA,gBAA2CA,CAAAE,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,oBACI,IAAAC,gBAAA,EAACC,WAAI;IAACC,GAAG,EAAE,CAAE;IAACC,cAAc,EAAC,eAAe;IAACC,UAAU,EAAC,QAAQ;IAACL,SAAS,EAAEA,SAAU;IAAAM,QAAA,gBAClF,IAAAC,eAAA,EAACC,wBAAW;MACRZ,QAAQ,EAAEA,QAAS;MACnBE,QAAQ,EAAEA,QAAS;MACnBC,iBAAiB,EAAEA;IAAkB,CACxC,CAAC,eACF,IAAAQ,eAAA,EAACE,mCAAuB;MAACZ,OAAO,EAAEA,OAAQ;MAACa,GAAG,EAAEd;IAAS,CAAE,CAAC;EAAA,CAC1D,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/cjs/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/cjs/modules/NavigationHeader/NavigationHeader.stories.js

@@ -0,0 +1,168 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithoutActions = exports.LongPath = exports.HiddenAction = exports.EmptyLocation = exports.DisabledAction = exports.Default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.object.to-string.js");
+var _react = _interopRequireWildcard(require("react"));
+var _actions = require("storybook/actions");
+var _uikit = require("@gravity-ui/uikit");
+var _NavigationHeader = require("./NavigationHeader");
+var _PathEditorStories = require("../../components/PathEditor/PathEditor.stories.helpers");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var FileArrowRightOutIcon = function FileArrowRightOutIcon(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)("svg", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.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"
+};
+var meta = {
+  title: 'Modules/NavigationHeader',
+  component: _NavigationHeader.NavigationHeader,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  }
+};
+var _default = exports.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 = (0, _actions.action)('actionClick');
+var defaultActions = [{
+  id: 'paste',
+  title: 'Paste path',
+  content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+    data: FileArrowRightOutIcon,
+    size: 16
+  }),
+  onClick: function onClick(location) {
+    return logAction('Paste', location);
+  }
+}, {
+  id: 'open',
+  title: 'Open in new tab',
+  content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.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 = (0, _react.useState)(initialLocation),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    location = _useState2[0],
+    setLocation = _useState2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Box, {
+    width: 300,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavigationHeader.NavigationHeader, {
+      location: location,
+      actions: actions,
+      onUpdate: setLocation,
+      onLoadSuggestions: _PathEditorStories.mockLoadPathSuggestions
+    })
+  });
+};
+var Default = exports.Default = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(InteractiveStory, {});
+  }
+};
+var WithoutActions = exports.WithoutActions = {
+  args: {
+    location: defaultLocation,
+    onUpdate: (0, _actions.action)('onUpdate'),
+    onLoadSuggestions: _PathEditorStories.mockLoadPathSuggestions
+  },
+  decorators: [function (StoryComponent) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Box, {
+      width: 300,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StoryComponent, {})
+    });
+  }]
+};
+var EmptyLocation = exports.EmptyLocation = {
+  args: {
+    location: {
+      cluster: undefined,
+      path: undefined
+    },
+    actions: defaultActions,
+    onUpdate: (0, _actions.action)('onUpdate')
+  }
+};
+var LongPath = exports.LongPath = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(InteractiveStory, {
+      initialLocation: longLocation
+    });
+  }
+};
+var DisabledAction = exports.DisabledAction = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(InteractiveStory, {
+      actions: defaultActions.map(function (headerAction) {
+        return headerAction.id === 'paste' ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, headerAction), {}, {
+          disabled: true
+        }) : headerAction;
+      })
+    });
+  }
+};
+var HiddenAction = exports.HiddenAction = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(InteractiveStory, {
+      actions: defaultActions.map(function (headerAction) {
+        return headerAction.id === 'open' ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, headerAction), {}, {
+          hidden: true
+        }) : headerAction;
+      })
+    });
+  }
+};
+// #sourceMappingURL=NavigationHeader.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_actions","_uikit","_NavigationHeader","_PathEditorStories","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","FileArrowRightOutIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowUpRightFromSquareIcon","meta","title","component","NavigationHeader","tags","parameters","layout","_default","exports","defaultLocation","cluster","path","longLocation","logAction","action","defaultActions","id","content","Icon","data","size","onClick","location","InteractiveStory","_ref","_ref$initialLocation","initialLocation","_ref$actions","actions","_useState","useState","_useState2","_slicedToArray","setLocation","Box","onUpdate","onLoadSuggestions","mockLoadPathSuggestions","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/cjs/modules/NavigationHeader/index.d.ts

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

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NavigationHeader", {
+  enumerable: true,
+  get: function () {
+    return _NavigationHeader.NavigationHeader;
+  }
+});
+var _NavigationHeader = require("./NavigationHeader");
+// #sourceMappingURL=index.js.map

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

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

package/build/cjs/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/cjs/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/cjs/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/cjs/modules/NavigationItemsList/NavigationItemsList.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationItemsList = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.sort.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.search.js");
+var _react = _interopRequireDefault(require("react"));
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _components = require("../../components");
+var _NavigationItemsListHeader = require("./internal/NavigationItemsListHeader");
+var _NavigationItemsListEmptyState = require("./internal/NavigationItemsListEmptyState");
+var _useParentRow = require("./internal/useParentRow");
+var _row = require("../../constants/row");
+require("./NavigationItemsList.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-navigation-items-list');
+var NavigationItemsList = exports.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 = (0, _useParentRow.useParentRow)(path, search);
+  var rows = parentRow ? [parentRow].concat((0, _toConsumableArray2.default)(items)) : items;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: block(null, className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_NavigationItemsListHeader.NavigationItemsListHeader, {
+      titleLabel: titleLabel,
+      sort: sort,
+      onSortUpdate: onSortUpdate,
+      className: block('header')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.LazyList, {
+      className: block('list'),
+      items: rows,
+      isEmpty: !items.length,
+      itemHeight: function itemHeight() {
+        return _row.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__*/(0, _jsxRuntime.jsx)(_components.NavigationItemRow, {
+          item: item
+        });
+      },
+      hasMore: hasMore,
+      onLoadMore: onLoadMore,
+      loading: loading,
+      error: error,
+      emptyContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavigationItemsListEmptyState.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/cjs/modules/NavigationItemsList/NavigationItemsList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","_components","_NavigationItemsListHeader","_NavigationItemsListEmptyState","_useParentRow","_row","_jsxRuntime","e","__esModule","default","block","cn","NavigationItemsList","exports","_ref","items","path","search","sort","onSortUpdate","titleLabel","loading","error","hasMore","onLoadMore","emptyContent","renderRowItem","onItemClick","className","parentRow","useParentRow","rows","concat","_toConsumableArray","_jsxs","children","_jsx","NavigationItemsListHeader","LazyList","isEmpty","length","itemHeight","NAVIGATION_ROW_HEIGHT","renderItem","item","isActive","index","_renderRowItem","isParentRow","Boolean","NavigationItemRow","NavigationItemsListEmptyState","_onItemClick","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":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,0BAAA,GAAAH,OAAA;AACA,IAAAI,8BAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACAA,OAAA;AAAoC,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpC,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,0BAA0B,CAAC;AAmBrC,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAAE,IAAA,EAeG;EAAA,IAd/BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,UAAU,GAAAN,IAAA,CAAVM,UAAU;IACVC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,KAAK,GAAAR,IAAA,CAALQ,KAAK;IACLC,OAAO,GAAAT,IAAA,CAAPS,OAAO;IACPC,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,YAAY,GAAAX,IAAA,CAAZW,YAAY;IACZC,aAAa,GAAAZ,IAAA,CAAbY,aAAa;IACbC,YAAW,GAAAb,IAAA,CAAXa,WAAW;IACXC,SAAS,GAAAd,IAAA,CAATc,SAAS;EAET,IAAMC,SAAS,GAAG,IAAAC,0BAAY,EAACd,IAAI,EAAEC,MAAM,CAAC;EAE5C,IAAMc,IAAI,GAAIF,SAAS,IAAIA,SAAS,EAAAG,MAAA,KAAAC,2BAAA,EAAUlB,KAAK,KAAIA,KAAa;EAEpE,oBACI,IAAAmB,gBAAA;IAAKN,SAAS,EAAElB,KAAK,CAAC,IAAI,EAAEkB,SAAS,CAAE;IAAAO,QAAA,gBACnC,IAAAC,eAAA,EAACC,oDAAyB;MACtBjB,UAAU,EAAEA,UAAW;MACvBF,IAAI,EAAEA,IAAK;MACXC,YAAY,EAAEA,YAAa;MAC3BS,SAAS,EAAElB,KAAK,CAAC,QAAQ;IAAE,CAC9B,CAAC,eACF,IAAA0B,eAAA,EAACE,oBAAQ;MACLV,SAAS,EAAElB,KAAK,CAAC,MAAM,CAAE;MACzBK,KAAK,EAAEgB,IAAK;MACZQ,OAAO,EAAE,CAACxB,KAAK,CAACyB,MAAO;MACvBC,UAAU,EAAE,SAAZA,UAAUA,CAAA;QAAA,OAAQC,0BAAqB;MAAA,CAAC;MACxCC,UAAU,EAAE,SAAZA,UAAUA,CAAGC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAK;QAAA,IAAAC,cAAA;QACnC,IAAMC,WAAW,GAAGC,OAAO,CAACpB,SAAS,CAAC,IAAIe,IAAI,KAAMf,SAAe;QAEnE,QAAAkB,cAAA,GACIrB,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAG;UAACkB,IAAI,EAAJA,IAAI;UAAEE,KAAK,EAALA,KAAK;UAAED,QAAQ,EAARA,QAAQ;UAAEG,WAAW,EAAXA;QAAW,CAAC,CAAC,cAAAD,cAAA,cAAAA,cAAA,gBACjD,IAAAX,eAAA,EAACc,6BAAiB;UAACN,IAAI,EAAEA;QAAK,CAAE,CAAC;MAG7C,CAAE;MACFrB,OAAO,EAAEA,OAAQ;MACjBC,UAAU,EAAEA,UAAW;MACvBH,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAEA,KAAM;MACbG,YAAY,eACR,IAAAW,eAAA,EAACe,4DAA6B;QAC1BtB,SAAS,EAAEA,SAA2B;QACtCJ,YAAY,EAAEA,YAAa;QAC3BC,aAAa,EAAEA,aAAc;QAC7BC,WAAW,EAAEyB;MAAY,CAC5B,CACJ;MACDzB,WAAW,EAAE,SAAbA,WAAWA,CAAGiB,IAAI,EAAK;QACnB,IAAI,CAACA,IAAI,CAACS,QAAQ,EAAE;UAChBD,YAAW,aAAXA,YAAW,eAAXA,YAAW,CAAGR,IAAI,CAAC;QACvB;MACJ;IAAE,CACL,CAAC;EAAA,CACD,CAAC;AAEd,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NavigationItemsList", {
+  enumerable: true,
+  get: function () {
+    return _NavigationItemsList.NavigationItemsList;
+  }
+});
+var _NavigationItemsList = require("./NavigationItemsList");
+// #sourceMappingURL=index.js.map

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

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

package/build/cjs/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;