@gravity-ui/querieskit 1.0.4 → 1.1.0

package/build/esm/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/esm/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/esm/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/esm/modules/NavigationView/NavigationView.js

@@ -0,0 +1,56 @@
+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 { Flex, Text } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { EmptyContent, SkeletonRows } from "../../components";
+import { NavigationViewSectionItem } from "./internal/NavigationViewSectionItem";
+import "./NavigationView.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var block = cn('qp-navigation-view');
+export 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__*/_jsx(Text, {
+      color: "danger",
+      className: block('error'),
+      children: errorContent
+    });
+  }
+  if (loading && !loaded) {
+    return /*#__PURE__*/_jsx(SkeletonRows, {
+      className: block(null, className),
+      rowClassName: block('skeleton-row')
+    });
+  }
+  if (sections.length === 0) {
+    return /*#__PURE__*/_jsx(EmptyContent, {
+      variant: "no-data",
+      className: block('empty')
+    });
+  }
+  return /*#__PURE__*/_jsx(Flex, {
+    direction: "column",
+    gap: 2,
+    className: block(null, className),
+    children: sections.map(function (section) {
+      return /*#__PURE__*/_jsx(NavigationViewSectionItem, {
+        section: section,
+        tableColumns: tableColumns,
+        extraColumns: extraColumns
+      }, section.id);
+    })
+  });
+}
+// #sourceMappingURL=NavigationView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","Text","cn","EmptyContent","SkeletonRows","NavigationViewSectionItem","jsx","_jsx","block","NavigationView","_ref","data","view","className","sections","loading","loaded","errorContent","_ref2","tableColumns","extraColumns","color","children","rowClassName","length","variant","direction","gap","map","section","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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAC5C,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAqBC,YAAY,EAAEC,YAAY;AAE/C,SAAQC,yBAAyB;AACjC;AAA+B,SAAAC,GAAA,IAAAC,IAAA;AAE/B,IAAMC,KAAK,GAAGN,EAAE,CAAC,oBAAoB,CAAC;AAatC,OAAO,SAASO,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,oBACIV,IAAA,CAACN,IAAI;MAACoB,KAAK,EAAC,QAAQ;MAACR,SAAS,EAAEL,KAAK,CAAC,OAAO,CAAE;MAAAc,QAAA,EAC1CL;IAAY,CACX,CAAC;EAEf;EAEA,IAAIF,OAAO,IAAI,CAACC,MAAM,EAAE;IACpB,oBACIT,IAAA,CAACH,YAAY;MAACS,SAAS,EAAEL,KAAK,CAAC,IAAI,EAAEK,SAAS,CAAE;MAACU,YAAY,EAAEf,KAAK,CAAC,cAAc;IAAE,CAAE,CAAC;EAEhG;EAEA,IAAIM,QAAQ,CAACU,MAAM,KAAK,CAAC,EAAE;IACvB,oBAAOjB,IAAA,CAACJ,YAAY;MAACsB,OAAO,EAAC,SAAS;MAACZ,SAAS,EAAEL,KAAK,CAAC,OAAO;IAAE,CAAE,CAAC;EACxE;EAEA,oBACID,IAAA,CAACP,IAAI;IAAC0B,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACd,SAAS,EAAEL,KAAK,CAAC,IAAI,EAAEK,SAAS,CAAE;IAAAS,QAAA,EAC9DR,QAAQ,CAACc,GAAG,CAAC,UAACC,OAAO;MAAA,oBAClBtB,IAAA,CAACF,yBAAyB;QAEtBwB,OAAO,EAAEA,OAAQ;QACjBV,YAAY,EAAEA,YAAa;QAC3BC,YAAY,EAAEA;MAAa,GAHtBS,OAAO,CAACC,EAIhB,CAAC;IAAA,CACL;EAAC,CACA,CAAC;AAEf","ignoreList":[]}

package/build/esm/modules/NavigationView/NavigationView.scss

@@ -0,0 +1,44 @@
+.qp-navigation-view {
+  --data-table-border-color: var(--g-color-line-generic);
+
+  min-width: 0;
+
+  &__error {
+    display: block;
+  }
+
+  &__skeleton-row {
+    height: 24px;
+  }
+
+  &__empty {
+    height: 100%;
+  }
+
+  &__section {
+    width: 100%;
+  }
+
+  &__action {
+    color: var(--g-color-text-secondary);
+  }
+
+  &__summary {
+    width: 100%;
+  }
+
+  &__table {
+    overflow-x: auto;
+  }
+
+  .data-table__row,
+  .data-table__head {
+    height: 40px;
+  }
+
+  .data-table__th,
+  .data-table__td {
+    border-width: 0 0 1px;
+    vertical-align: middle;
+  }
+}

package/build/esm/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/esm/modules/NavigationView/helpers/buildViewColumns.js

@@ -0,0 +1,5 @@
+import { buildColumnsFromKeys } from "../../../helpers/buildColumnsFromKeys";
+export function buildViewColumns(columns, i18n) {
+  return buildColumnsFromKeys(columns, i18n('value_empty'));
+}
+// #sourceMappingURL=buildViewColumns.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["buildColumnsFromKeys","buildViewColumns","columns","i18n"],"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,SAAQA,oBAAoB;AAI5B,OAAO,SAASC,gBAAgBA,CAC5BC,OAAiB,EACjBC,IAAqB,EACF;EACnB,OAAOH,oBAAoB,CAAOE,OAAO,EAAEC,IAAI,CAAC,aAAa,CAAC,CAAC;AACnE","ignoreList":[]}

package/build/esm/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/esm/modules/NavigationView/i18n/dicts.js

@@ -0,0 +1,7 @@
+import en from "./en.json";
+import ru from "./ru.json";
+export default {
+  en: en,
+  ru: ru
+};
+// #sourceMappingURL=dicts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["en","ru"],"sources":["dicts.ts"],"sourcesContent":["import en from './en.json';\nimport ru from './ru.json';\n\nexport default {en, ru};\n"],"mappings":"AAAA,OAAOA,EAAE;AACT,OAAOC,EAAE;AAET,eAAe;EAACD,EAAE,EAAFA,EAAE;EAAEC,EAAE,EAAFA;AAAE,CAAC","ignoreList":[]}

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

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

package/build/esm/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/esm/modules/NavigationView/i18n/index.js

@@ -0,0 +1,4 @@
+import { addI18Keysets } from "../../../i18n";
+import dicts from "./dicts";
+export default addI18Keysets('qp:navigation-view', dicts);
+// #sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["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,SAAQA,aAAa;AAErB,OAAOC,KAAK;AAEZ,eAAeD,aAAa,CAAC,oBAAoB,EAAEC,KAAK,CAAC","ignoreList":[]}

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

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

package/build/esm/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/esm/modules/NavigationView/index.js

@@ -0,0 +1,3 @@
+export { NavigationView } from "./NavigationView";
+export { buildViewColumns } from "./helpers/buildViewColumns";
+// #sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NavigationView","buildViewColumns"],"sources":["index.ts"],"sourcesContent":["export {NavigationView} from './NavigationView';\nexport type {NavigationViewProps, NavigationViewViewConfig} from './NavigationView';\nexport {buildViewColumns} from './helpers/buildViewColumns';\n"],"mappings":"AAAA,SAAQA,cAAc;AAEtB,SAAQC,gBAAgB","ignoreList":[]}

package/build/esm/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/esm/modules/NavigationView/internal/NavigationViewSectionItem.js

@@ -0,0 +1,61 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import "core-js/modules/es.array.concat.js";
+import React, { useMemo } from 'react';
+import { Disclosure, Flex, Text } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { DataTable, NavigationActionButtons } from "../../../components";
+import { buildViewColumns } from "../helpers/buildViewColumns";
+import i18n from "../i18n";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-navigation-view');
+export function NavigationViewSectionItem(_ref) {
+  var section = _ref.section,
+    tableColumns = _ref.tableColumns,
+    extraColumns = _ref.extraColumns;
+  var resolvedColumns = useMemo(function () {
+    if (tableColumns) {
+      return tableColumns;
+    }
+    return [].concat(_toConsumableArray(buildViewColumns(section.columns, i18n)), _toConsumableArray(extraColumns !== null && extraColumns !== void 0 ? extraColumns : []));
+  }, [tableColumns, extraColumns, section.columns]);
+  return /*#__PURE__*/_jsxs(Disclosure, {
+    summary: section.title,
+    expanded: section.expanded,
+    defaultExpanded: section.defaultExpanded,
+    onUpdate: section.onExpandedChange,
+    className: block('section'),
+    children: [/*#__PURE__*/_jsx(Disclosure.Summary, {
+      children: function children(_props, defaultButton) {
+        return /*#__PURE__*/_jsxs(Flex, {
+          gap: 2,
+          justifyContent: "flex-start",
+          alignItems: "center",
+          className: block('summary'),
+          children: [/*#__PURE__*/_jsx(Flex, {
+            minWidth: 0,
+            children: defaultButton
+          }), /*#__PURE__*/_jsx(NavigationActionButtons, {
+            actions: section.actions,
+            arg: section,
+            buttonClassName: block('action')
+          })]
+        });
+      }
+    }), /*#__PURE__*/_jsx(Disclosure.Details, {
+      children: section.errorContent ? /*#__PURE__*/_jsx(Text, {
+        color: "danger",
+        children: section.errorContent
+      }) : /*#__PURE__*/_jsx(DataTable, {
+        columns: resolvedColumns,
+        data: section.rows,
+        loading: section.loading,
+        loaded: section.loaded,
+        settings: {
+          displayIndices: false
+        },
+        className: block('table')
+      })
+    })]
+  });
+}
+// #sourceMappingURL=NavigationViewSectionItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Disclosure","Flex","Text","cn","DataTable","NavigationActionButtons","buildViewColumns","i18n","jsx","_jsx","jsxs","_jsxs","block","NavigationViewSectionItem","_ref","section","tableColumns","extraColumns","resolvedColumns","concat","_toConsumableArray","columns","summary","title","expanded","defaultExpanded","onUpdate","onExpandedChange","className","children","Summary","_props","defaultButton","gap","justifyContent","alignItems","minWidth","actions","arg","buttonClassName","Details","errorContent","color","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":";;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,SAAQC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AACxD,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAqBC,SAAS,EAAEC,uBAAuB;AAEvD,SAAQC,gBAAgB;AACxB,OAAOC,IAAI;AAAgB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3B,IAAMC,KAAK,GAAGT,EAAE,CAAC,oBAAoB,CAAC;AAQtC,OAAO,SAASU,yBAAyBA,CAAAC,IAAA,EAIA;EAAA,IAHrCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,YAAY,GAAAH,IAAA,CAAZG,YAAY;EAEZ,IAAMC,eAAe,GAAGnB,OAAO,CAAC,YAAM;IAClC,IAAIiB,YAAY,EAAE;MACd,OAAOA,YAAY;IACvB;IACA,UAAAG,MAAA,CAAAC,kBAAA,CAAWd,gBAAgB,CAAOS,OAAO,CAACM,OAAO,EAAEd,IAAI,CAAC,GAAAa,kBAAA,CAAMH,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI,EAAE;EACpF,CAAC,EAAE,CAACD,YAAY,EAAEC,YAAY,EAAEF,OAAO,CAACM,OAAO,CAAC,CAAC;EAEjD,oBACIV,KAAA,CAACX,UAAU;IACPsB,OAAO,EAAEP,OAAO,CAACQ,KAAM;IACvBC,QAAQ,EAAET,OAAO,CAACS,QAAS;IAC3BC,eAAe,EAAEV,OAAO,CAACU,eAAgB;IACzCC,QAAQ,EAAEX,OAAO,CAACY,gBAAiB;IACnCC,SAAS,EAAEhB,KAAK,CAAC,SAAS,CAAE;IAAAiB,QAAA,gBAE5BpB,IAAA,CAACT,UAAU,CAAC8B,OAAO;MAAAD,QAAA,EACd,SAAAA,SAACE,MAAM,EAAEC,aAAa;QAAA,oBACnBrB,KAAA,CAACV,IAAI;UACDgC,GAAG,EAAE,CAAE;UACPC,cAAc,EAAC,YAAY;UAC3BC,UAAU,EAAC,QAAQ;UACnBP,SAAS,EAAEhB,KAAK,CAAC,SAAS,CAAE;UAAAiB,QAAA,gBAE5BpB,IAAA,CAACR,IAAI;YAACmC,QAAQ,EAAE,CAAE;YAAAP,QAAA,EAAEG;UAAa,CAAO,CAAC,eACzCvB,IAAA,CAACJ,uBAAuB;YACpBgC,OAAO,EAAEtB,OAAO,CAACsB,OAAQ;YACzBC,GAAG,EAAEvB,OAAQ;YACbwB,eAAe,EAAE3B,KAAK,CAAC,QAAQ;UAAE,CACpC,CAAC;QAAA,CACA,CAAC;MAAA;IACV,CACe,CAAC,eACrBH,IAAA,CAACT,UAAU,CAACwC,OAAO;MAAAX,QAAA,EACdd,OAAO,CAAC0B,YAAY,gBACjBhC,IAAA,CAACP,IAAI;QAACwC,KAAK,EAAC,QAAQ;QAAAb,QAAA,EAAEd,OAAO,CAAC0B;MAAY,CAAO,CAAC,gBAElDhC,IAAA,CAACL,SAAS;QACNiB,OAAO,EAAEH,eAAgB;QACzByB,IAAI,EAAE5B,OAAO,CAAC6B,IAAK;QACnBC,OAAO,EAAE9B,OAAO,CAAC8B,OAAQ;QACzBC,MAAM,EAAE/B,OAAO,CAAC+B,MAAO;QACvBC,QAAQ,EAAE;UAACC,cAAc,EAAE;QAAK,CAAE;QAClCpB,SAAS,EAAEhB,KAAK,CAAC,OAAO;MAAE,CAC7B;IACJ,CACe,CAAC;EAAA,CACb,CAAC;AAErB","ignoreList":[]}

package/build/esm/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/esm/modules/NavigationView/story/NavigationView.stories.js

@@ -0,0 +1,208 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+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, { useState } from 'react';
+import { Icon } from '@gravity-ui/uikit';
+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"
+};
+var CodeIcon = function CodeIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_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__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_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__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_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"
+};
+import { action } from 'storybook/actions';
+import { NavigationView } from '..';
+import { VIEW_SECTIONS } from "./mockData";
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'Modules/NavigationView',
+  component: NavigationView,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        width: 640
+      },
+      children: /*#__PURE__*/_jsx(Story, {})
+    });
+  }]
+};
+export default meta;
+export var Default = {
+  args: {
+    data: {
+      sections: VIEW_SECTIONS,
+      loaded: true
+    }
+  }
+};
+export var Loading = {
+  args: {
+    data: {
+      sections: [],
+      loading: true
+    }
+  }
+};
+export var Empty = {
+  args: {
+    data: {
+      sections: [],
+      loaded: true
+    }
+  }
+};
+export var Error = {
+  args: {
+    data: {
+      sections: [],
+      errorContent: 'Failed to load view'
+    }
+  }
+};
+var SECTIONS_WITH_ACTIONS = VIEW_SECTIONS.map(function (section) {
+  return _objectSpread(_objectSpread({}, section), {}, {
+    actions: [{
+      id: 'export',
+      title: 'Export',
+      content: /*#__PURE__*/_jsx(Icon, {
+        data: ArrowUpRightFromSquareIcon,
+        size: 14
+      }),
+      onClick: function onClick(s) {
+        return action('exportClick')(s.id);
+      }
+    }, {
+      id: 'code',
+      title: 'Show code',
+      content: /*#__PURE__*/_jsx(Icon, {
+        data: CodeIcon,
+        size: 14
+      }),
+      onClick: function onClick(s) {
+        return action('codeClick')(s.id);
+      }
+    }, {
+      id: 'run',
+      title: 'Run',
+      content: /*#__PURE__*/_jsx(Icon, {
+        data: PlayIcon,
+        size: 14
+      }),
+      onClick: function onClick(s) {
+        return action('runClick')(s.id);
+      }
+    }, {
+      id: 'settings',
+      title: 'Settings',
+      content: /*#__PURE__*/_jsx(Icon, {
+        data: GearIcon,
+        size: 14
+      }),
+      onClick: function onClick(s) {
+        return action('settingsClick')(s.id);
+      }
+    }]
+  });
+});
+export var WithActions = {
+  args: {
+    data: {
+      sections: SECTIONS_WITH_ACTIONS,
+      loaded: true
+    }
+  }
+};
+var ControlledExpandStory = function ControlledExpandStory() {
+  var _useState = useState('general'),
+    _useState2 = _slicedToArray(_useState, 2),
+    expandedId = _useState2[0],
+    setExpandedId = _useState2[1];
+  var sections = VIEW_SECTIONS.map(function (section) {
+    return _objectSpread(_objectSpread({}, section), {}, {
+      expanded: section.id === expandedId,
+      defaultExpanded: undefined,
+      onExpandedChange: function onExpandedChange(expanded) {
+        action('onExpandedChange')(section.id, expanded);
+        setExpandedId(expanded ? section.id : '');
+      }
+    });
+  });
+  return /*#__PURE__*/_jsx(NavigationView, {
+    data: {
+      sections: sections,
+      loaded: true
+    }
+  });
+};
+export var ControlledExpand = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(ControlledExpandStory, {});
+  }
+};
+// #sourceMappingURL=NavigationView.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Icon","ArrowUpRightFromSquareIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","CodeIcon","GearIcon","PlayIcon","action","NavigationView","VIEW_SECTIONS","jsx","meta","title","component","tags","parameters","layout","decorators","Story","style","Default","args","data","sections","loaded","Loading","loading","Empty","Error","errorContent","SECTIONS_WITH_ACTIONS","map","section","actions","id","content","size","onClick","s","WithActions","ControlledExpandStory","_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":[]}

package/build/esm/modules/NavigationView/story/mockData.d.ts

@@ -0,0 +1,8 @@
+import type { NavigationViewSection } from '../../../types/navigation';
+export declare const VIEW_COLUMNS: string[];
+export declare const makeViewRows: (count: number) => {
+    'Name and Title': string;
+    Type: string;
+    'Datacatalog description': string;
+}[];
+export declare const VIEW_SECTIONS: NavigationViewSection[];

package/build/esm/modules/NavigationView/story/mockData.js

@@ -0,0 +1,35 @@
+import "core-js/modules/es.array.from.js";
+import "core-js/modules/es.string.iterator.js";
+export var VIEW_COLUMNS = ['Name and Title', 'Type', 'Datacatalog description'];
+export var makeViewRows = function makeViewRows(count) {
+  return Array.from({
+    length: count
+  }, function (_, index) {
+    return {
+      'Name and Title': "field_".concat(index + 1),
+      Type: index % 2 === 0 ? 'string' : 'int64',
+      'Datacatalog description': index % 3 === 0 ? 'Primary identifier' : ''
+    };
+  });
+};
+export var VIEW_SECTIONS = [{
+  id: 'general',
+  title: 'General',
+  columns: VIEW_COLUMNS,
+  rows: makeViewRows(4),
+  loaded: true,
+  defaultExpanded: true
+}, {
+  id: 'attributes',
+  title: 'Attributes',
+  columns: VIEW_COLUMNS,
+  rows: makeViewRows(3),
+  loaded: true
+}, {
+  id: 'computed',
+  title: 'Computed fields',
+  columns: VIEW_COLUMNS,
+  rows: [],
+  loaded: true
+}];
+// #sourceMappingURL=mockData.js.map

package/build/esm/modules/NavigationView/story/mockData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VIEW_COLUMNS","makeViewRows","count","Array","from","length","_","index","concat","Type","VIEW_SECTIONS","id","title","columns","rows","loaded","defaultExpanded"],"sources":["mockData.ts"],"sourcesContent":["import type {NavigationViewSection} from '../../../types/navigation';\n\nexport const VIEW_COLUMNS = ['Name and Title', 'Type', 'Datacatalog description'];\n\nexport const makeViewRows = (count: number) =>\n    Array.from({length: count}, (_, index) => ({\n        'Name and Title': `field_${index + 1}`,\n        Type: index % 2 === 0 ? 'string' : 'int64',\n        'Datacatalog description': index % 3 === 0 ? 'Primary identifier' : '',\n    }));\n\nexport const VIEW_SECTIONS: NavigationViewSection[] = [\n    {\n        id: 'general',\n        title: 'General',\n        columns: VIEW_COLUMNS,\n        rows: makeViewRows(4),\n        loaded: true,\n        defaultExpanded: true,\n    },\n    {\n        id: 'attributes',\n        title: 'Attributes',\n        columns: VIEW_COLUMNS,\n        rows: makeViewRows(3),\n        loaded: true,\n    },\n    {\n        id: 'computed',\n        title: 'Computed fields',\n        columns: VIEW_COLUMNS,\n        rows: [],\n        loaded: true,\n    },\n];\n"],"mappings":";;AAEA,OAAO,IAAMA,YAAY,GAAG,CAAC,gBAAgB,EAAE,MAAM,EAAE,yBAAyB,CAAC;AAEjF,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAa;EAAA,OACtCC,KAAK,CAACC,IAAI,CAAC;IAACC,MAAM,EAAEH;EAAK,CAAC,EAAE,UAACI,CAAC,EAAEC,KAAK;IAAA,OAAM;MACvC,gBAAgB,WAAAC,MAAA,CAAWD,KAAK,GAAG,CAAC,CAAE;MACtCE,IAAI,EAAEF,KAAK,GAAG,CAAC,KAAK,CAAC,GAAG,QAAQ,GAAG,OAAO;MAC1C,yBAAyB,EAAEA,KAAK,GAAG,CAAC,KAAK,CAAC,GAAG,oBAAoB,GAAG;IACxE,CAAC;EAAA,CAAC,CAAC;AAAA;AAEP,OAAO,IAAMG,aAAsC,GAAG,CAClD;EACIC,EAAE,EAAE,SAAS;EACbC,KAAK,EAAE,SAAS;EAChBC,OAAO,EAAEb,YAAY;EACrBc,IAAI,EAAEb,YAAY,CAAC,CAAC,CAAC;EACrBc,MAAM,EAAE,IAAI;EACZC,eAAe,EAAE;AACrB,CAAC,EACD;EACIL,EAAE,EAAE,YAAY;EAChBC,KAAK,EAAE,YAAY;EACnBC,OAAO,EAAEb,YAAY;EACrBc,IAAI,EAAEb,YAAY,CAAC,CAAC,CAAC;EACrBc,MAAM,EAAE;AACZ,CAAC,EACD;EACIJ,EAAE,EAAE,UAAU;EACdC,KAAK,EAAE,iBAAiB;EACxBC,OAAO,EAAEb,YAAY;EACrBc,IAAI,EAAE,EAAE;EACRC,MAAM,EAAE;AACZ,CAAC,CACJ","ignoreList":[]}