@gravity-ui/querieskit 1.0.3 → 1.1.0

package/build/cjs/modules/NavigationSchema/story/mockData.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SCHEMA_COLUMNS = void 0;
+var SCHEMA_COLUMNS = exports.SCHEMA_COLUMNS = [{
+  name: 'id',
+  type: 'int64',
+  sortOrder: 'ascending',
+  required: true
+}, {
+  name: 'created_at',
+  type: 'string',
+  sortOrder: 'descending',
+  required: true
+}, {
+  name: 'title',
+  type: 'string',
+  required: true
+}, {
+  name: 'status',
+  type: 'string'
+}, {
+  name: 'payload',
+  type: 'any'
+}];
+// #sourceMappingURL=mockData.js.map

package/build/cjs/modules/NavigationSchema/story/mockData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SCHEMA_COLUMNS","exports","name","type","sortOrder","required"],"sources":["mockData.ts"],"sourcesContent":["import type {NavigationSchemaColumn} from '../../../types/navigation';\n\nexport const SCHEMA_COLUMNS: NavigationSchemaColumn[] = [\n    {name: 'id', type: 'int64', sortOrder: 'ascending', required: true},\n    {name: 'created_at', type: 'string', sortOrder: 'descending', required: true},\n    {name: 'title', type: 'string', required: true},\n    {name: 'status', type: 'string'},\n    {name: 'payload', type: 'any'},\n];\n"],"mappings":";;;;;;AAEO,IAAMA,cAAwC,GAAAC,OAAA,CAAAD,cAAA,GAAG,CACpD;EAACE,IAAI,EAAE,IAAI;EAAEC,IAAI,EAAE,OAAO;EAAEC,SAAS,EAAE,WAAW;EAAEC,QAAQ,EAAE;AAAI,CAAC,EACnE;EAACH,IAAI,EAAE,YAAY;EAAEC,IAAI,EAAE,QAAQ;EAAEC,SAAS,EAAE,YAAY;EAAEC,QAAQ,EAAE;AAAI,CAAC,EAC7E;EAACH,IAAI,EAAE,OAAO;EAAEC,IAAI,EAAE,QAAQ;EAAEE,QAAQ,EAAE;AAAI,CAAC,EAC/C;EAACH,IAAI,EAAE,QAAQ;EAAEC,IAAI,EAAE;AAAQ,CAAC,EAChC;EAACD,IAAI,EAAE,SAAS;EAAEC,IAAI,EAAE;AAAK,CAAC,CACjC","ignoreList":[]}

package/build/cjs/modules/NavigationView/NavigationView.css

@@ -0,0 +1,35 @@
+.qp-navigation-view {
+  --data-table-border-color: var(--g-color-line-generic);
+  min-width: 0;
+}
+.qp-navigation-view__error {
+  display: block;
+}
+.qp-navigation-view__skeleton-row {
+  height: 24px;
+}
+.qp-navigation-view__empty {
+  height: 100%;
+}
+.qp-navigation-view__section {
+  width: 100%;
+}
+.qp-navigation-view__action {
+  color: var(--g-color-text-secondary);
+}
+.qp-navigation-view__summary {
+  width: 100%;
+}
+.qp-navigation-view__table {
+  overflow-x: auto;
+}
+.qp-navigation-view .data-table__row,
+.qp-navigation-view .data-table__head {
+  height: 40px;
+}
+.qp-navigation-view .data-table__th,
+.qp-navigation-view .data-table__td {
+  border-width: 0 0 1px;
+  vertical-align: middle;
+}
+/*# sourceMappingURL=NavigationView.css.map */

package/build/cjs/modules/NavigationView/NavigationView.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NavigationView.scss"],"names":[],"mappings":"AAAA;EACE,sDAAA;EAEA,YAAA;AAAF;AAEE;EACE,cAAA;AAAJ;AAGE;EACE,YAAA;AADJ;AAIE;EACE,YAAA;AAFJ;AAKE;EACE,WAAA;AAHJ;AAME;EACE,oCAAA;AAJJ;AAOE;EACE,WAAA;AALJ;AAQE;EACE,gBAAA;AANJ;AASE;;EAEE,YAAA;AAPJ;AAUE;;EAEE,qBAAA;EACA,sBAAA;AARJ","file":"NavigationView.css","sourcesContent":[".qp-navigation-view {\n  --data-table-border-color: var(--g-color-line-generic);\n\n  min-width: 0;\n\n  &__error {\n    display: block;\n  }\n\n  &__skeleton-row {\n    height: 24px;\n  }\n\n  &__empty {\n    height: 100%;\n  }\n\n  &__section {\n    width: 100%;\n  }\n\n  &__action {\n    color: var(--g-color-text-secondary);\n  }\n\n  &__summary {\n    width: 100%;\n  }\n\n  &__table {\n    overflow-x: auto;\n  }\n\n  .data-table__row,\n  .data-table__head {\n    height: 40px;\n  }\n\n  .data-table__th,\n  .data-table__td {\n    border-width: 0 0 1px;\n    vertical-align: middle;\n  }\n}\n"],"sourceRoot":""}

package/build/cjs/modules/NavigationView/NavigationView.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type Column } from '../../components';
+import type { NavigationViewConfig, NavigationViewRow } from '../../types/navigation';
+import './NavigationView.scss';
+export type NavigationViewViewConfig<TRow extends NavigationViewRow = NavigationViewRow> = {
+    tableColumns?: Array<Column<TRow>>;
+    extraColumns?: Array<Column<TRow>>;
+};
+export type NavigationViewProps<TRow extends NavigationViewRow = NavigationViewRow> = {
+    data: NavigationViewConfig<TRow>;
+    view?: NavigationViewViewConfig<TRow>;
+    className?: string;
+};
+export declare function NavigationView<TRow extends NavigationViewRow = NavigationViewRow>({ data, view, className, }: NavigationViewProps<TRow>): React.JSX.Element;

package/build/cjs/modules/NavigationView/NavigationView.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationView = NavigationView;
+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 _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _components = require("../../components");
+var _NavigationViewSectionItem = require("./internal/NavigationViewSectionItem");
+require("./NavigationView.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-navigation-view');
+function NavigationView(_ref) {
+  var data = _ref.data,
+    view = _ref.view,
+    className = _ref.className;
+  var sections = data.sections,
+    loading = data.loading,
+    loaded = data.loaded,
+    errorContent = data.errorContent;
+  var _ref2 = view !== null && view !== void 0 ? view : {},
+    tableColumns = _ref2.tableColumns,
+    extraColumns = _ref2.extraColumns;
+  if (errorContent) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+      color: "danger",
+      className: block('error'),
+      children: errorContent
+    });
+  }
+  if (loading && !loaded) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SkeletonRows, {
+      className: block(null, className),
+      rowClassName: block('skeleton-row')
+    });
+  }
+  if (sections.length === 0) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.EmptyContent, {
+      variant: "no-data",
+      className: block('empty')
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+    direction: "column",
+    gap: 2,
+    className: block(null, className),
+    children: sections.map(function (section) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavigationViewSectionItem.NavigationViewSectionItem, {
+        section: section,
+        tableColumns: tableColumns,
+        extraColumns: extraColumns
+      }, section.id);
+    })
+  });
+}
+// #sourceMappingURL=NavigationView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_components","_NavigationViewSectionItem","_jsxRuntime","e","__esModule","default","block","cn","NavigationView","_ref","data","view","className","sections","loading","loaded","errorContent","_ref2","tableColumns","extraColumns","_jsx","Text","color","children","SkeletonRows","rowClassName","length","EmptyContent","variant","Flex","direction","gap","map","section","NavigationViewSectionItem","id"],"sources":["NavigationView.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {type Column, EmptyContent, SkeletonRows} from '../../components';\nimport type {NavigationViewConfig, NavigationViewRow} from '../../types/navigation';\nimport {NavigationViewSectionItem} from './internal/NavigationViewSectionItem';\nimport './NavigationView.scss';\n\nconst block = cn('qp-navigation-view');\n\nexport type NavigationViewViewConfig<TRow extends NavigationViewRow = NavigationViewRow> = {\n    tableColumns?: Array<Column<TRow>>;\n    extraColumns?: Array<Column<TRow>>;\n};\n\nexport type NavigationViewProps<TRow extends NavigationViewRow = NavigationViewRow> = {\n    data: NavigationViewConfig<TRow>;\n    view?: NavigationViewViewConfig<TRow>;\n    className?: string;\n};\n\nexport function NavigationView<TRow extends NavigationViewRow = NavigationViewRow>({\n    data,\n    view,\n    className,\n}: NavigationViewProps<TRow>) {\n    const {sections, loading, loaded, errorContent} = data;\n    const {tableColumns, extraColumns} = view ?? {};\n\n    if (errorContent) {\n        return (\n            <Text color=\"danger\" className={block('error')}>\n                {errorContent}\n            </Text>\n        );\n    }\n\n    if (loading && !loaded) {\n        return (\n            <SkeletonRows className={block(null, className)} rowClassName={block('skeleton-row')} />\n        );\n    }\n\n    if (sections.length === 0) {\n        return <EmptyContent variant=\"no-data\" className={block('empty')} />;\n    }\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            {sections.map((section) => (\n                <NavigationViewSectionItem<TRow>\n                    key={section.id}\n                    section={section}\n                    tableColumns={tableColumns}\n                    extraColumns={extraColumns}\n                />\n            ))}\n        </Flex>\n    );\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,0BAAA,GAAAJ,OAAA;AACAA,OAAA;AAA+B,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,oBAAoB,CAAC;AAa/B,SAASC,cAAcA,CAAAC,IAAA,EAIA;EAAA,IAH1BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,SAAS,GAAAH,IAAA,CAATG,SAAS;EAET,IAAOC,QAAQ,GAAmCH,IAAI,CAA/CG,QAAQ;IAAEC,OAAO,GAA0BJ,IAAI,CAArCI,OAAO;IAAEC,MAAM,GAAkBL,IAAI,CAA5BK,MAAM;IAAEC,YAAY,GAAIN,IAAI,CAApBM,YAAY;EAC9C,IAAAC,KAAA,GAAqCN,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,CAAC,CAAC;IAAxCO,YAAY,GAAAD,KAAA,CAAZC,YAAY;IAAEC,YAAY,GAAAF,KAAA,CAAZE,YAAY;EAEjC,IAAIH,YAAY,EAAE;IACd,oBACI,IAAAI,eAAA,EAACC,WAAI;MAACC,KAAK,EAAC,QAAQ;MAACV,SAAS,EAAEN,KAAK,CAAC,OAAO,CAAE;MAAAiB,QAAA,EAC1CP;IAAY,CACX,CAAC;EAEf;EAEA,IAAIF,OAAO,IAAI,CAACC,MAAM,EAAE;IACpB,oBACI,IAAAK,eAAA,EAACI,wBAAY;MAACZ,SAAS,EAAEN,KAAK,CAAC,IAAI,EAAEM,SAAS,CAAE;MAACa,YAAY,EAAEnB,KAAK,CAAC,cAAc;IAAE,CAAE,CAAC;EAEhG;EAEA,IAAIO,QAAQ,CAACa,MAAM,KAAK,CAAC,EAAE;IACvB,oBAAO,IAAAN,eAAA,EAACO,wBAAY;MAACC,OAAO,EAAC,SAAS;MAAChB,SAAS,EAAEN,KAAK,CAAC,OAAO;IAAE,CAAE,CAAC;EACxE;EAEA,oBACI,IAAAc,eAAA,EAACS,WAAI;IAACC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACnB,SAAS,EAAEN,KAAK,CAAC,IAAI,EAAEM,SAAS,CAAE;IAAAW,QAAA,EAC9DV,QAAQ,CAACmB,GAAG,CAAC,UAACC,OAAO;MAAA,oBAClB,IAAAb,eAAA,EAACc,oDAAyB;QAEtBD,OAAO,EAAEA,OAAQ;QACjBf,YAAY,EAAEA,YAAa;QAC3BC,YAAY,EAAEA;MAAa,GAHtBc,OAAO,CAACE,EAIhB,CAAC;IAAA,CACL;EAAC,CACA,CAAC;AAEf","ignoreList":[]}

package/build/cjs/modules/NavigationView/helpers/buildViewColumns.d.ts

@@ -0,0 +1,4 @@
+import type { Column } from '../../../components';
+import type { NavigationViewRow } from '../../../types/navigation';
+import type viewI18n from '../i18n';
+export declare function buildViewColumns<TRow extends NavigationViewRow>(columns: string[], i18n: typeof viewI18n): Array<Column<TRow>>;

package/build/cjs/modules/NavigationView/helpers/buildViewColumns.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildViewColumns = buildViewColumns;
+var _buildColumnsFromKeys = require("../../../helpers/buildColumnsFromKeys");
+function buildViewColumns(columns, i18n) {
+  return (0, _buildColumnsFromKeys.buildColumnsFromKeys)(columns, i18n('value_empty'));
+}
+// #sourceMappingURL=buildViewColumns.js.map

package/build/cjs/modules/NavigationView/helpers/buildViewColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_buildColumnsFromKeys","require","buildViewColumns","columns","i18n","buildColumnsFromKeys"],"sources":["buildViewColumns.tsx"],"sourcesContent":["import type {Column} from '../../../components';\nimport {buildColumnsFromKeys} from '../../../helpers/buildColumnsFromKeys';\nimport type {NavigationViewRow} from '../../../types/navigation';\nimport type viewI18n from '../i18n';\n\nexport function buildViewColumns<TRow extends NavigationViewRow>(\n    columns: string[],\n    i18n: typeof viewI18n,\n): Array<Column<TRow>> {\n    return buildColumnsFromKeys<TRow>(columns, i18n('value_empty'));\n}\n"],"mappings":";;;;;;AACA,IAAAA,qBAAA,GAAAC,OAAA;AAIO,SAASC,gBAAgBA,CAC5BC,OAAiB,EACjBC,IAAqB,EACF;EACnB,OAAO,IAAAC,0CAAoB,EAAOF,OAAO,EAAEC,IAAI,CAAC,aAAa,CAAC,CAAC;AACnE","ignoreList":[]}

package/build/cjs/modules/NavigationView/i18n/dicts.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    en: {
+        value_empty: string;
+    };
+    ru: {
+        value_empty: string;
+    };
+};
+export default _default;

package/build/cjs/modules/NavigationView/i18n/dicts.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _en = _interopRequireDefault(require("./en.json"));
+var _ru = _interopRequireDefault(require("./ru.json"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  en: _en.default,
+  ru: _ru.default
+};
+// #sourceMappingURL=dicts.js.map

package/build/cjs/modules/NavigationView/i18n/dicts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_en","_interopRequireDefault","require","_ru","e","__esModule","default","_default","exports","en","ru"],"sources":["dicts.ts"],"sourcesContent":["import en from './en.json';\nimport ru from './ru.json';\n\nexport default {en, ru};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAS,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEM;EAACG,EAAE,EAAFA,WAAE;EAAEC,EAAE,EAAFA;AAAE,CAAC","ignoreList":[]}

package/build/cjs/modules/NavigationView/i18n/en.json

@@ -0,0 +1,3 @@
+{
+    "value_empty": "—"
+}

package/build/cjs/modules/NavigationView/i18n/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: ((key: "value_empty", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "qp:navigation-view": Record<"value_empty", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

package/build/cjs/modules/NavigationView/i18n/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18n = require("../../../i18n");
+var _dicts = _interopRequireDefault(require("./dicts"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _i18n.addI18Keysets)('qp:navigation-view', _dicts.default);
+// #sourceMappingURL=index.js.map

package/build/cjs/modules/NavigationView/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_dicts","_interopRequireDefault","e","__esModule","default","_default","exports","addI18Keysets","dicts"],"sources":["index.ts"],"sourcesContent":["import {addI18Keysets} from '../../../i18n';\n\nimport dicts from './dicts';\n\nexport default addI18Keysets('qp:navigation-view', dicts);\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAY,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEG,IAAAG,mBAAa,EAAC,oBAAoB,EAAEC,cAAK,CAAC","ignoreList":[]}

package/build/cjs/modules/NavigationView/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+    "value_empty": "—"
+}

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

@@ -0,0 +1,3 @@
+export { NavigationView } from './NavigationView';
+export type { NavigationViewProps, NavigationViewViewConfig } from './NavigationView';
+export { buildViewColumns } from './helpers/buildViewColumns';

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NavigationView", {
+  enumerable: true,
+  get: function () {
+    return _NavigationView.NavigationView;
+  }
+});
+Object.defineProperty(exports, "buildViewColumns", {
+  enumerable: true,
+  get: function () {
+    return _buildViewColumns.buildViewColumns;
+  }
+});
+var _NavigationView = require("./NavigationView");
+var _buildViewColumns = require("./helpers/buildViewColumns");
+// #sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_NavigationView","require","_buildViewColumns"],"sources":["index.ts"],"sourcesContent":["export {NavigationView} from './NavigationView';\nexport type {NavigationViewProps, NavigationViewViewConfig} from './NavigationView';\nexport {buildViewColumns} from './helpers/buildViewColumns';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA","ignoreList":[]}

package/build/cjs/modules/NavigationView/internal/NavigationViewSectionItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type Column } from '../../../components';
+import type { NavigationViewRow, NavigationViewSection } from '../../../types/navigation';
+export type NavigationViewSectionItemProps<TRow extends NavigationViewRow = NavigationViewRow> = {
+    section: NavigationViewSection<TRow>;
+    tableColumns?: Array<Column<TRow>>;
+    extraColumns?: Array<Column<TRow>>;
+};
+export declare function NavigationViewSectionItem<TRow extends NavigationViewRow = NavigationViewRow>({ section, tableColumns, extraColumns, }: NavigationViewSectionItemProps<TRow>): React.JSX.Element;

package/build/cjs/modules/NavigationView/internal/NavigationViewSectionItem.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationViewSectionItem = NavigationViewSectionItem;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+require("core-js/modules/es.array.concat.js");
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _components = require("../../../components");
+var _buildViewColumns = require("../helpers/buildViewColumns");
+var _i18n = _interopRequireDefault(require("../i18n"));
+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 block = (0, _bemCnLite.default)('qp-navigation-view');
+function NavigationViewSectionItem(_ref) {
+  var section = _ref.section,
+    tableColumns = _ref.tableColumns,
+    extraColumns = _ref.extraColumns;
+  var resolvedColumns = (0, _react.useMemo)(function () {
+    if (tableColumns) {
+      return tableColumns;
+    }
+    return [].concat((0, _toConsumableArray2.default)((0, _buildViewColumns.buildViewColumns)(section.columns, _i18n.default)), (0, _toConsumableArray2.default)(extraColumns !== null && extraColumns !== void 0 ? extraColumns : []));
+  }, [tableColumns, extraColumns, section.columns]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Disclosure, {
+    summary: section.title,
+    expanded: section.expanded,
+    defaultExpanded: section.defaultExpanded,
+    onUpdate: section.onExpandedChange,
+    className: block('section'),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Disclosure.Summary, {
+      children: function children(_props, defaultButton) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+          gap: 2,
+          justifyContent: "flex-start",
+          alignItems: "center",
+          className: block('summary'),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+            minWidth: 0,
+            children: defaultButton
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NavigationActionButtons, {
+            actions: section.actions,
+            arg: section,
+            buttonClassName: block('action')
+          })]
+        });
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Disclosure.Details, {
+      children: section.errorContent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+        color: "danger",
+        children: section.errorContent
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DataTable, {
+        columns: resolvedColumns,
+        data: section.rows,
+        loading: section.loading,
+        loaded: section.loaded,
+        settings: {
+          displayIndices: false
+        },
+        className: block('table')
+      })
+    })]
+  });
+}
+// #sourceMappingURL=NavigationViewSectionItem.js.map

package/build/cjs/modules/NavigationView/internal/NavigationViewSectionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_bemCnLite","_interopRequireDefault","_components","_buildViewColumns","_i18n","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","NavigationViewSectionItem","_ref","section","tableColumns","extraColumns","resolvedColumns","useMemo","concat","_toConsumableArray","buildViewColumns","columns","i18n","_jsxs","Disclosure","summary","title","expanded","defaultExpanded","onUpdate","onExpandedChange","className","children","_jsx","Summary","_props","defaultButton","Flex","gap","justifyContent","alignItems","minWidth","NavigationActionButtons","actions","arg","buttonClassName","Details","errorContent","Text","color","DataTable","data","rows","loading","loaded","settings","displayIndices"],"sources":["NavigationViewSectionItem.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {Disclosure, Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {type Column, DataTable, NavigationActionButtons} from '../../../components';\nimport type {NavigationViewRow, NavigationViewSection} from '../../../types/navigation';\nimport {buildViewColumns} from '../helpers/buildViewColumns';\nimport i18n from '../i18n';\n\nconst block = cn('qp-navigation-view');\n\nexport type NavigationViewSectionItemProps<TRow extends NavigationViewRow = NavigationViewRow> = {\n    section: NavigationViewSection<TRow>;\n    tableColumns?: Array<Column<TRow>>;\n    extraColumns?: Array<Column<TRow>>;\n};\n\nexport function NavigationViewSectionItem<TRow extends NavigationViewRow = NavigationViewRow>({\n    section,\n    tableColumns,\n    extraColumns,\n}: NavigationViewSectionItemProps<TRow>) {\n    const resolvedColumns = useMemo(() => {\n        if (tableColumns) {\n            return tableColumns;\n        }\n        return [...buildViewColumns<TRow>(section.columns, i18n), ...(extraColumns ?? [])];\n    }, [tableColumns, extraColumns, section.columns]);\n\n    return (\n        <Disclosure\n            summary={section.title}\n            expanded={section.expanded}\n            defaultExpanded={section.defaultExpanded}\n            onUpdate={section.onExpandedChange}\n            className={block('section')}\n        >\n            <Disclosure.Summary>\n                {(_props, defaultButton) => (\n                    <Flex\n                        gap={2}\n                        justifyContent=\"flex-start\"\n                        alignItems=\"center\"\n                        className={block('summary')}\n                    >\n                        <Flex minWidth={0}>{defaultButton}</Flex>\n                        <NavigationActionButtons\n                            actions={section.actions}\n                            arg={section}\n                            buttonClassName={block('action')}\n                        />\n                    </Flex>\n                )}\n            </Disclosure.Summary>\n            <Disclosure.Details>\n                {section.errorContent ? (\n                    <Text color=\"danger\">{section.errorContent}</Text>\n                ) : (\n                    <DataTable<TRow>\n                        columns={resolvedColumns}\n                        data={section.rows}\n                        loading={section.loading}\n                        loaded={section.loaded}\n                        settings={{displayIndices: false}}\n                        className={block('table')}\n                    />\n                )}\n            </Disclosure.Details>\n        </Disclosure>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/modules/NavigationView/story/NavigationView.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { NavigationView } from '..';
+declare const meta: Meta<typeof NavigationView>;
+export default meta;
+type Story = StoryObj<typeof NavigationView>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;
+export declare const Error: Story;
+export declare const WithActions: Story;
+export declare const ControlledExpand: Story;

package/build/cjs/modules/NavigationView/story/NavigationView.stories.js

@@ -0,0 +1,216 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithActions = exports.Loading = exports.Error = exports.Empty = exports.Default = exports.ControlledExpand = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+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 = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _actions = require("storybook/actions");
+var _ = require("..");
+var _mockData = require("./mockData");
+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 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 CodeIcon = function CodeIcon(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.218 3.216a.75.75 0 0 0-1.436-.431l-3 10a.75.75 0 0 0 1.436.43zM4.53 4.97a.75.75 0 0 1 0 1.06L2.56 8l1.97 1.97a.75.75 0 0 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 0m6.94 6.06a.75.75 0 0 1 0-1.06L13.44 8l-1.97-1.97a.75.75 0 0 1 1.06-1.06l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 0 1-1.06 0",
+      clipRule: "evenodd"
+    })
+  }));
+};
+CodeIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var GearIcon = function GearIcon(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: "M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.2.2 0 0 1 .271.073l.802 1.388a.2.2 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.2.2 0 0 1 .073.271l-.802 1.388a.2.2 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.2.2 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.2.2 0 0 1-.272-.073l-.8-1.388a.2.2 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.2.2 0 0 1-.073-.27l.801-1.389a.2.2 0 0 1 .272-.072C5.042 5.138 7 4.007 7 2.199c0-.11.089-.199.199-.199M5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.7 1.7 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.7 1.7 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.7 1.7 0 0 1-2.32-.622l-.802-1.388a1.7 1.7 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.7 1.7 0 0 1-.622-2.32l.801-1.389a1.7 1.7 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2m4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0",
+      clipRule: "evenodd"
+    })
+  }));
+};
+GearIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var PlayIcon = function PlayIcon(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      fill: "currentColor",
+      d: "M14.642 6.285c1.294.777 1.294 2.653 0 3.43L5.53 15.183c-1.292.775-2.924-.102-3.025-1.571l-.005-.144V2.532l.005-.143C2.605.919 4.238.043 5.53.818zm-.771 2.144a.5.5 0 0 0 0-.857L4.756 2.104A.5.5 0 0 0 4 2.532v10.936a.5.5 0 0 0 .757.429z"
+    })
+  }));
+};
+PlayIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var meta = {
+  title: 'Modules/NavigationView',
+  component: _.NavigationView,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        width: 640
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Story, {})
+    });
+  }]
+};
+var _default = exports.default = meta;
+var Default = exports.Default = {
+  args: {
+    data: {
+      sections: _mockData.VIEW_SECTIONS,
+      loaded: true
+    }
+  }
+};
+var Loading = exports.Loading = {
+  args: {
+    data: {
+      sections: [],
+      loading: true
+    }
+  }
+};
+var Empty = exports.Empty = {
+  args: {
+    data: {
+      sections: [],
+      loaded: true
+    }
+  }
+};
+var Error = exports.Error = {
+  args: {
+    data: {
+      sections: [],
+      errorContent: 'Failed to load view'
+    }
+  }
+};
+var SECTIONS_WITH_ACTIONS = _mockData.VIEW_SECTIONS.map(function (section) {
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, section), {}, {
+    actions: [{
+      id: 'export',
+      title: 'Export',
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        data: ArrowUpRightFromSquareIcon,
+        size: 14
+      }),
+      onClick: function onClick(s) {
+        return (0, _actions.action)('exportClick')(s.id);
+      }
+    }, {
+      id: 'code',
+      title: 'Show code',
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        data: CodeIcon,
+        size: 14
+      }),
+      onClick: function onClick(s) {
+        return (0, _actions.action)('codeClick')(s.id);
+      }
+    }, {
+      id: 'run',
+      title: 'Run',
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        data: PlayIcon,
+        size: 14
+      }),
+      onClick: function onClick(s) {
+        return (0, _actions.action)('runClick')(s.id);
+      }
+    }, {
+      id: 'settings',
+      title: 'Settings',
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        data: GearIcon,
+        size: 14
+      }),
+      onClick: function onClick(s) {
+        return (0, _actions.action)('settingsClick')(s.id);
+      }
+    }]
+  });
+});
+var WithActions = exports.WithActions = {
+  args: {
+    data: {
+      sections: SECTIONS_WITH_ACTIONS,
+      loaded: true
+    }
+  }
+};
+var ControlledExpandStory = function ControlledExpandStory() {
+  var _useState = (0, _react.useState)('general'),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    expandedId = _useState2[0],
+    setExpandedId = _useState2[1];
+  var sections = _mockData.VIEW_SECTIONS.map(function (section) {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, section), {}, {
+      expanded: section.id === expandedId,
+      defaultExpanded: undefined,
+      onExpandedChange: function onExpandedChange(expanded) {
+        (0, _actions.action)('onExpandedChange')(section.id, expanded);
+        setExpandedId(expanded ? section.id : '');
+      }
+    });
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.NavigationView, {
+    data: {
+      sections: sections,
+      loaded: true
+    }
+  });
+};
+var ControlledExpand = exports.ControlledExpand = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ControlledExpandStory, {});
+  }
+};
+// #sourceMappingURL=NavigationView.stories.js.map

package/build/cjs/modules/NavigationView/story/NavigationView.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_actions","_","_mockData","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","ArrowUpRightFromSquareIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","CodeIcon","GearIcon","PlayIcon","meta","title","component","NavigationView","tags","parameters","layout","decorators","Story","style","_default","exports","Default","args","data","sections","VIEW_SECTIONS","loaded","Loading","loading","Empty","Error","errorContent","SECTIONS_WITH_ACTIONS","map","section","actions","id","content","Icon","size","onClick","s","action","WithActions","ControlledExpandStory","_useState","useState","_useState2","_slicedToArray","expandedId","setExpandedId","expanded","defaultExpanded","undefined","onExpandedChange","ControlledExpand","render"],"sources":["NavigationView.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Icon} from '@gravity-ui/uikit';\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 PlayIcon from '@gravity-ui/icons/svgs/play.svg';\nimport {action} from 'storybook/actions';\nimport {NavigationView} from '..';\nimport type {NavigationViewSection} from '../../../types/navigation';\nimport {VIEW_SECTIONS} from './mockData';\n\nconst meta: Meta<typeof NavigationView> = {\n    title: 'Modules/NavigationView',\n    component: NavigationView,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n    decorators: [\n        (Story) => (\n            <div style={{width: 640}}>\n                <Story />\n            </div>\n        ),\n    ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof NavigationView>;\n\nexport const Default: Story = {\n    args: {\n        data: {sections: VIEW_SECTIONS, loaded: true},\n    },\n};\n\nexport const Loading: Story = {\n    args: {\n        data: {sections: [], loading: true},\n    },\n};\n\nexport const Empty: Story = {\n    args: {\n        data: {sections: [], loaded: true},\n    },\n};\n\nexport const Error: Story = {\n    args: {\n        data: {sections: [], errorContent: 'Failed to load view'},\n    },\n};\n\nconst SECTIONS_WITH_ACTIONS: NavigationViewSection[] = VIEW_SECTIONS.map((section) => ({\n    ...section,\n    actions: [\n        {\n            id: 'export',\n            title: 'Export',\n            content: <Icon data={ArrowUpRightFromSquareIcon} size={14} />,\n            onClick: (s) => action('exportClick')(s.id),\n        },\n        {\n            id: 'code',\n            title: 'Show code',\n            content: <Icon data={CodeIcon} size={14} />,\n            onClick: (s) => action('codeClick')(s.id),\n        },\n        {\n            id: 'run',\n            title: 'Run',\n            content: <Icon data={PlayIcon} size={14} />,\n            onClick: (s) => action('runClick')(s.id),\n        },\n        {\n            id: 'settings',\n            title: 'Settings',\n            content: <Icon data={GearIcon} size={14} />,\n            onClick: (s) => action('settingsClick')(s.id),\n        },\n    ],\n}));\n\nexport const WithActions: Story = {\n    args: {\n        data: {sections: SECTIONS_WITH_ACTIONS, loaded: true},\n    },\n};\n\nconst ControlledExpandStory = () => {\n    const [expandedId, setExpandedId] = useState<string>('general');\n\n    const sections: NavigationViewSection[] = VIEW_SECTIONS.map((section) => ({\n        ...section,\n        expanded: section.id === expandedId,\n        defaultExpanded: undefined,\n        onExpandedChange: (expanded) => {\n            action('onExpandedChange')(section.id, expanded);\n            setExpandedId(expanded ? section.id : '');\n        },\n    }));\n\n    return <NavigationView data={{sections, loaded: true}} />;\n};\n\nexport const ControlledExpand: Story = {\n    render: () => <ControlledExpandStory />,\n};\n"],"mappings":"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","ignoreList":[]}