@gravity-ui/querieskit 1.0.4 → 1.1.0

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,100 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import "core-js/modules/es.array.sort.js";
+import React from 'react';
+import { Flex, Icon, Text } from '@gravity-ui/uikit';
+var ArrowUpIcon = function ArrowUpIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M8 14.75a.75.75 0 0 1-.75-.75V3.81L4.53 6.53a.75.75 0 0 1-1.06-1.06l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1-1.06 1.06L8.75 3.81V14a.75.75 0 0 1-.75.75",
+      clipRule: "evenodd"
+    })
+  }));
+};
+ArrowUpIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var ArrowDownIcon = function ArrowDownIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M8 1.25a.75.75 0 0 1 .75.75v10.19l2.72-2.72a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 1 1 1.06-1.06l2.72 2.72V2A.75.75 0 0 1 8 1.25",
+      clipRule: "evenodd"
+    })
+  }));
+};
+ArrowDownIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var ArrowUpArrowDownIcon = function ArrowUpArrowDownIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M3.72 2.22a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1-1.06 1.06L5 4.56v8.69a.75.75 0 0 1-1.5 0V4.56L1.78 6.28A.75.75 0 0 1 .72 5.22zM11.75 14a.75.75 0 0 1-.53-.22l-3-3a.75.75 0 1 1 1.06-1.06L11 11.44V2.75a.75.75 0 0 1 1.5 0v8.69l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-.53.22",
+      clipRule: "evenodd"
+    })
+  }));
+};
+ArrowUpArrowDownIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+import cn from 'bem-cn-lite';
+import "./NavigationItemsListHeader.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-navigation-items-list-header');
+var SORT_ICONS = {
+  asc: ArrowUpIcon,
+  desc: ArrowDownIcon
+};
+export var NavigationItemsListHeader = function NavigationItemsListHeader(_ref) {
+  var titleLabel = _ref.titleLabel,
+    sort = _ref.sort,
+    onSortUpdate = _ref.onSortUpdate,
+    className = _ref.className;
+  if (!onSortUpdate) {
+    return /*#__PURE__*/_jsx(Flex, {
+      alignItems: "center",
+      className: block(null, className),
+      children: /*#__PURE__*/_jsx(Text, {
+        children: titleLabel
+      })
+    });
+  }
+  var handleClick = function handleClick() {
+    onSortUpdate(sort === 'asc' ? 'desc' : 'asc');
+  };
+  var icon = sort ? SORT_ICONS[sort] : ArrowUpArrowDownIcon;
+  return /*#__PURE__*/_jsx(Flex, {
+    alignItems: "center",
+    className: block(null, className),
+    children: /*#__PURE__*/_jsxs(Flex, {
+      inline: true,
+      gap: 2,
+      alignItems: "center",
+      className: block('sort'),
+      onClick: handleClick,
+      children: [/*#__PURE__*/_jsx(Text, {
+        children: titleLabel
+      }), /*#__PURE__*/_jsx(Icon, {
+        data: icon,
+        size: 16
+      })]
+    })
+  });
+};
+// #sourceMappingURL=NavigationItemsListHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","Icon","Text","ArrowUpIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowDownIcon","ArrowUpArrowDownIcon","cn","jsx","jsxs","_jsxs","block","SORT_ICONS","asc","desc","NavigationItemsListHeader","_ref","titleLabel","sort","onSortUpdate","className","alignItems","handleClick","icon","inline","gap","onClick","data","size"],"sources":["NavigationItemsListHeader.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex, Icon, Text} from '@gravity-ui/uikit';\nimport ArrowUpIcon from '@gravity-ui/icons/svgs/arrow-up.svg';\nimport ArrowDownIcon from '@gravity-ui/icons/svgs/arrow-down.svg';\nimport ArrowUpArrowDownIcon from '@gravity-ui/icons/svgs/arrow-up-arrow-down.svg';\nimport cn from 'bem-cn-lite';\nimport {NavigationSortOrder} from '../../../types/navigation';\nimport './NavigationItemsListHeader.scss';\n\nconst block = cn('qp-navigation-items-list-header');\n\nconst SORT_ICONS: Record<NavigationSortOrder, typeof ArrowUpIcon> = {\n    asc: ArrowUpIcon,\n    desc: ArrowDownIcon,\n};\n\nexport type NavigationItemsListHeaderProps = {\n    titleLabel: string;\n    sort?: NavigationSortOrder;\n    onSortUpdate?: (sort: NavigationSortOrder) => void;\n    className?: string;\n};\n\nexport const NavigationItemsListHeader: FC<NavigationItemsListHeaderProps> = ({\n    titleLabel,\n    sort,\n    onSortUpdate,\n    className,\n}) => {\n    if (!onSortUpdate) {\n        return (\n            <Flex alignItems=\"center\" className={block(null, className)}>\n                <Text>{titleLabel}</Text>\n            </Flex>\n        );\n    }\n\n    const handleClick = () => {\n        onSortUpdate(sort === 'asc' ? 'desc' : 'asc');\n    };\n\n    const icon = sort ? SORT_ICONS[sort] : ArrowUpArrowDownIcon;\n\n    return (\n        <Flex alignItems=\"center\" className={block(null, className)}>\n            <Flex\n                inline\n                gap={2}\n                alignItems=\"center\"\n                className={block('sort')}\n                onClick={handleClick}\n            >\n                <Text>{titleLabel}</Text>\n                <Icon data={icon} size={16} />\n            </Flex>\n        </Flex>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+.qp-navigation-items-list-header {
+  &__sort {
+    cursor: pointer;
+    user-select: none;
+  }
+}

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

@@ -0,0 +1,2 @@
+import { NavigationItem } from '../../../types/navigation';
+export declare function useParentRow(path: string | undefined, search: string | undefined): NavigationItem | undefined;

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

@@ -0,0 +1,17 @@
+import { useMemo } from 'react';
+import { getParentPath } from "../../../helpers/getParentPath";
+export function useParentRow(path, search) {
+  var parentPath = path && !search ? getParentPath(path) : undefined;
+  return useMemo(function () {
+    if (!parentPath) {
+      return undefined;
+    }
+    return {
+      path: parentPath,
+      title: "\u2026",
+      kind: 'folder',
+      hasChildren: true
+    };
+  }, [parentPath]);
+}
+// #sourceMappingURL=useParentRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","getParentPath","useParentRow","path","search","parentPath","undefined","title","kind","hasChildren"],"sources":["useParentRow.ts"],"sourcesContent":["import {useMemo} from 'react';\nimport {NavigationItem} from '../../../types/navigation';\nimport {getParentPath} from '../../../helpers/getParentPath';\n\nexport function useParentRow(\n    path: string | undefined,\n    search: string | undefined,\n): NavigationItem | undefined {\n    const parentPath = path && !search ? getParentPath(path) : undefined;\n\n    return useMemo<NavigationItem | undefined>(() => {\n        if (!parentPath) {\n            return undefined;\n        }\n\n        return {\n            path: parentPath,\n            title: '\\u2026',\n            kind: 'folder',\n            hasChildren: true,\n        };\n    }, [parentPath]);\n}\n"],"mappings":"AAAA,SAAQA,OAAO,QAAO,OAAO;AAE7B,SAAQC,aAAa;AAErB,OAAO,SAASC,YAAYA,CACxBC,IAAwB,EACxBC,MAA0B,EACA;EAC1B,IAAMC,UAAU,GAAGF,IAAI,IAAI,CAACC,MAAM,GAAGH,aAAa,CAACE,IAAI,CAAC,GAAGG,SAAS;EAEpE,OAAON,OAAO,CAA6B,YAAM;IAC7C,IAAI,CAACK,UAAU,EAAE;MACb,OAAOC,SAAS;IACpB;IAEA,OAAO;MACHH,IAAI,EAAEE,UAAU;MAChBE,KAAK,EAAE,QAAQ;MACfC,IAAI,EAAE,QAAQ;MACdC,WAAW,EAAE;IACjB,CAAC;EACL,CAAC,EAAE,CAACJ,UAAU,CAAC,CAAC;AACpB","ignoreList":[]}

package/build/esm/modules/NavigationMeta/NavigationMeta.css

@@ -0,0 +1,20 @@
+.qp-navigation-meta__error {
+  display: block;
+}
+.qp-navigation-meta__group-title {
+  display: block;
+  margin-bottom: var(--g-spacing-2);
+}
+.qp-navigation-meta__group-body {
+  width: 100%;
+  display: grid;
+  grid-gap: 12px;
+  grid-template-columns: 128px 1fr;
+}
+.qp-navigation-meta__skeleton-row {
+  height: 24px;
+}
+.qp-navigation-meta__empty {
+  height: 100%;
+}
+/*# sourceMappingURL=NavigationMeta.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["NavigationMeta.scss"],"names":[],"mappings":"AACE;EACE,cAAA;AAAJ;AAGE;EACE,cAAA;EACA,iCAAA;AADJ;AAIE;EACE,WAAA;EACA,aAAA;EACA,cAAA;EACA,gCAAA;AAFJ;AAKE;EACE,YAAA;AAHJ;AAME;EACE,YAAA;AAJJ","file":"NavigationMeta.css","sourcesContent":[".qp-navigation-meta {\n  &__error {\n    display: block;\n  }\n\n  &__group-title {\n    display: block;\n    margin-bottom: var(--g-spacing-2);\n  }\n\n  &__group-body {\n    width: 100%;\n    display: grid;\n    grid-gap: 12px;\n    grid-template-columns: 128px 1fr;\n  }\n\n  &__skeleton-row {\n    height: 24px;\n  }\n\n  &__empty {\n    height: 100%;\n  }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { NavigationMetaConfig, NavigationMetaItem } from '../../types/navigation';
+import './NavigationMeta.scss';
+export type NavigationMetaViewConfig<TItem extends NavigationMetaItem = NavigationMetaItem> = {
+    render?: (data: NavigationMetaConfig<TItem>) => React.ReactNode;
+    extraContent?: React.ReactNode;
+};
+export type NavigationMetaProps<TItem extends NavigationMetaItem = NavigationMetaItem> = {
+    data: NavigationMetaConfig<TItem>;
+    view?: NavigationMetaViewConfig<TItem>;
+    className?: string;
+};
+export declare function NavigationMeta<TItem extends NavigationMetaItem = NavigationMetaItem>({ data, view, className, }: NavigationMetaProps<TItem>): React.JSX.Element;

package/build/esm/modules/NavigationMeta/NavigationMeta.js

@@ -0,0 +1,89 @@
+import "core-js/modules/es.array.every.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.every.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+import React, { useMemo } from 'react';
+import { Flex, Text } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { EmptyContent, SkeletonRows } from "../../components";
+import { buildMetaGroups } from "./helpers/buildMetaGroups";
+import i18n from "./i18n";
+import "./NavigationMeta.css";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-navigation-meta');
+export function NavigationMeta(_ref) {
+  var data = _ref.data,
+    view = _ref.view,
+    className = _ref.className;
+  var groups = data.groups,
+    loading = data.loading,
+    loaded = data.loaded,
+    errorContent = data.errorContent;
+  var _ref2 = view !== null && view !== void 0 ? view : {},
+    render = _ref2.render,
+    extraContent = _ref2.extraContent;
+  var preparedGroups = useMemo(function () {
+    return buildMetaGroups(groups, i18n);
+  }, [groups]);
+  if (render) {
+    return /*#__PURE__*/_jsx("div", {
+      className: block(null, className),
+      children: render(data)
+    });
+  }
+  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')
+    });
+  }
+  var isEmpty = preparedGroups.every(function (group) {
+    return group.items.length === 0;
+  });
+  if (isEmpty && !extraContent) {
+    return /*#__PURE__*/_jsx(EmptyContent, {
+      variant: "no-data",
+      className: block('empty')
+    });
+  }
+  return /*#__PURE__*/_jsxs(Flex, {
+    direction: "column",
+    gap: 4,
+    className: block(null, className),
+    children: [preparedGroups.map(function (group, groupIndex) {
+      return group.items.length === 0 ? null : /*#__PURE__*/_jsxs("div", {
+        className: block('group'),
+        children: [group.title ? /*#__PURE__*/_jsx(Text, {
+          variant: "subheader-1",
+          className: block('group-title'),
+          children: group.title
+        }) : null, /*#__PURE__*/_jsx("div", {
+          className: block('group-body'),
+          children: group.items.map(function (_ref3) {
+            var name = _ref3.name,
+              value = _ref3.value;
+            return /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(Text, {
+                color: "secondary",
+                children: name
+              }), /*#__PURE__*/_jsx("div", {
+                children: value
+              })]
+            });
+          })
+        })]
+      }, groupIndex);
+    }), extraContent]
+  });
+}
+// #sourceMappingURL=NavigationMeta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Flex","Text","cn","EmptyContent","SkeletonRows","buildMetaGroups","i18n","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","block","NavigationMeta","_ref","data","view","className","groups","loading","loaded","errorContent","_ref2","render","extraContent","preparedGroups","children","color","rowClassName","isEmpty","every","group","items","length","variant","direction","gap","map","groupIndex","title","_ref3","name","value"],"sources":["NavigationMeta.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {EmptyContent, SkeletonRows} from '../../components';\nimport type {NavigationMetaConfig, NavigationMetaItem} from '../../types/navigation';\nimport {buildMetaGroups} from './helpers/buildMetaGroups';\nimport i18n from './i18n';\nimport './NavigationMeta.scss';\n\nconst block = cn('qp-navigation-meta');\n\nexport type NavigationMetaViewConfig<TItem extends NavigationMetaItem = NavigationMetaItem> = {\n    render?: (data: NavigationMetaConfig<TItem>) => React.ReactNode;\n    extraContent?: React.ReactNode;\n};\n\nexport type NavigationMetaProps<TItem extends NavigationMetaItem = NavigationMetaItem> = {\n    data: NavigationMetaConfig<TItem>;\n    view?: NavigationMetaViewConfig<TItem>;\n    className?: string;\n};\n\nexport function NavigationMeta<TItem extends NavigationMetaItem = NavigationMetaItem>({\n    data,\n    view,\n    className,\n}: NavigationMetaProps<TItem>) {\n    const {groups, loading, loaded, errorContent} = data;\n    const {render, extraContent} = view ?? {};\n\n    const preparedGroups = useMemo(() => buildMetaGroups(groups, i18n), [groups]);\n\n    if (render) {\n        return <div className={block(null, className)}>{render(data)}</div>;\n    }\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    const isEmpty = preparedGroups.every((group) => group.items.length === 0);\n\n    if (isEmpty && !extraContent) {\n        return <EmptyContent variant=\"no-data\" className={block('empty')} />;\n    }\n\n    return (\n        <Flex direction=\"column\" gap={4} className={block(null, className)}>\n            {preparedGroups.map((group, groupIndex) =>\n                group.items.length === 0 ? null : (\n                    <div key={groupIndex} className={block('group')}>\n                        {group.title ? (\n                            <Text variant=\"subheader-1\" className={block('group-title')}>\n                                {group.title}\n                            </Text>\n                        ) : null}\n                        <div className={block('group-body')}>\n                            {group.items.map(({name, value}) => (\n                                <>\n                                    <Text color=\"secondary\">{name}</Text>\n                                    <div>{value}</div>\n                                </>\n                            ))}\n                        </div>\n                    </div>\n                ),\n            )}\n            {extraContent}\n        </Flex>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/NavigationMeta/NavigationMeta.scss

@@ -0,0 +1,25 @@
+.qp-navigation-meta {
+  &__error {
+    display: block;
+  }
+
+  &__group-title {
+    display: block;
+    margin-bottom: var(--g-spacing-2);
+  }
+
+  &__group-body {
+    width: 100%;
+    display: grid;
+    grid-gap: 12px;
+    grid-template-columns: 128px 1fr;
+  }
+
+  &__skeleton-row {
+    height: 24px;
+  }
+
+  &__empty {
+    height: 100%;
+  }
+}

package/build/esm/modules/NavigationMeta/helpers/buildMetaGroups.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import type { NavigationMetaGroup, NavigationMetaItem } from '../../../types/navigation';
+import type metaI18n from '../i18n';
+export type PreparedMetaItem = {
+    name: string;
+    value: ReactNode;
+};
+export type PreparedMetaGroup = {
+    title?: string;
+    items: PreparedMetaItem[];
+};
+export declare function buildMetaGroups<TItem extends NavigationMetaItem>(groups: Array<NavigationMetaGroup<TItem>>, i18n: typeof metaI18n): PreparedMetaGroup[];

package/build/esm/modules/NavigationMeta/helpers/buildMetaGroups.js

@@ -0,0 +1,20 @@
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.function.name.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 { isEmptyValue } from "../../../helpers/isEmptyValue";
+export function buildMetaGroups(groups, i18n) {
+  return groups.map(function (group) {
+    return {
+      title: group.title,
+      items: group.items.map(function (item) {
+        return {
+          name: item.name,
+          value: isEmptyValue(item.value) ? i18n('value_empty') : item.value
+        };
+      })
+    };
+  });
+}
+// #sourceMappingURL=buildMetaGroups.js.map

package/build/esm/modules/NavigationMeta/helpers/buildMetaGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isEmptyValue","buildMetaGroups","groups","i18n","map","group","title","items","item","name","value"],"sources":["buildMetaGroups.tsx"],"sourcesContent":["import type {ReactNode} from 'react';\nimport {isEmptyValue} from '../../../helpers/isEmptyValue';\nimport type {NavigationMetaGroup, NavigationMetaItem} from '../../../types/navigation';\nimport type metaI18n from '../i18n';\n\nexport type PreparedMetaItem = {\n    name: string;\n    value: ReactNode;\n};\n\nexport type PreparedMetaGroup = {\n    title?: string;\n    items: PreparedMetaItem[];\n};\n\nexport function buildMetaGroups<TItem extends NavigationMetaItem>(\n    groups: Array<NavigationMetaGroup<TItem>>,\n    i18n: typeof metaI18n,\n): PreparedMetaGroup[] {\n    return groups.map((group) => ({\n        title: group.title,\n        items: group.items.map((item) => ({\n            name: item.name,\n            value: isEmptyValue(item.value) ? i18n('value_empty') : item.value,\n        })),\n    }));\n}\n"],"mappings":";;;;;AACA,SAAQA,YAAY;AAcpB,OAAO,SAASC,eAAeA,CAC3BC,MAAyC,EACzCC,IAAqB,EACF;EACnB,OAAOD,MAAM,CAACE,GAAG,CAAC,UAACC,KAAK;IAAA,OAAM;MAC1BC,KAAK,EAAED,KAAK,CAACC,KAAK;MAClBC,KAAK,EAAEF,KAAK,CAACE,KAAK,CAACH,GAAG,CAAC,UAACI,IAAI;QAAA,OAAM;UAC9BC,IAAI,EAAED,IAAI,CAACC,IAAI;UACfC,KAAK,EAAEV,YAAY,CAACQ,IAAI,CAACE,KAAK,CAAC,GAAGP,IAAI,CAAC,aAAa,CAAC,GAAGK,IAAI,CAACE;QACjE,CAAC;MAAA,CAAC;IACN,CAAC;EAAA,CAAC,CAAC;AACP","ignoreList":[]}

package/build/esm/modules/NavigationMeta/i18n/dicts.d.ts

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

package/build/esm/modules/NavigationMeta/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/NavigationMeta/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/NavigationMeta/i18n/en.json

@@ -0,0 +1,4 @@
+{
+    "value_empty": "—",
+    "context_empty": "No metadata"
+}

package/build/esm/modules/NavigationMeta/i18n/index.d.ts

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

package/build/esm/modules/NavigationMeta/i18n/index.js

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

package/build/esm/modules/NavigationMeta/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-meta', dicts);\n"],"mappings":"AAAA,SAAQA,aAAa;AAErB,OAAOC,KAAK;AAEZ,eAAeD,aAAa,CAAC,oBAAoB,EAAEC,KAAK,CAAC","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+{
+    "value_empty": "—",
+    "context_empty": "Нет метаданных"
+}

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

@@ -0,0 +1,3 @@
+export { NavigationMeta } from './NavigationMeta';
+export type { NavigationMetaProps, NavigationMetaViewConfig } from './NavigationMeta';
+export { buildMetaGroups } from './helpers/buildMetaGroups';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["NavigationMeta","buildMetaGroups"],"sources":["index.ts"],"sourcesContent":["export {NavigationMeta} from './NavigationMeta';\nexport type {NavigationMetaProps, NavigationMetaViewConfig} from './NavigationMeta';\nexport {buildMetaGroups} from './helpers/buildMetaGroups';\n"],"mappings":"AAAA,SAAQA,cAAc;AAEtB,SAAQC,eAAe","ignoreList":[]}

package/build/esm/modules/NavigationMeta/story/NavigationMeta.stories.d.ts

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

package/build/esm/modules/NavigationMeta/story/NavigationMeta.stories.js

@@ -0,0 +1,104 @@
+import "core-js/modules/es.array.flat-map.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.unscopables.flat-map.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.flat-map.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+import React from 'react';
+import { Label, Text } from '@gravity-ui/uikit';
+import { NavigationMeta } from '..';
+import { META_GROUPS } from "./mockData";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var meta = {
+  title: 'Modules/NavigationMeta',
+  component: NavigationMeta,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        width: 560
+      },
+      children: /*#__PURE__*/_jsx(Story, {})
+    });
+  }]
+};
+export default meta;
+export var Default = {
+  args: {
+    data: {
+      groups: META_GROUPS,
+      loaded: true
+    }
+  }
+};
+export var Loading = {
+  args: {
+    data: {
+      groups: [],
+      loading: true
+    }
+  }
+};
+export var Empty = {
+  args: {
+    data: {
+      groups: [],
+      loaded: true
+    }
+  }
+};
+export var Error = {
+  args: {
+    data: {
+      groups: [],
+      errorContent: 'Failed to load table metadata'
+    }
+  }
+};
+export var WithExtraContent = {
+  args: {
+    data: {
+      groups: META_GROUPS,
+      loaded: true
+    },
+    view: {
+      extraContent: /*#__PURE__*/_jsx(Text, {
+        color: "secondary",
+        variant: "caption-2",
+        children: "Additional info rendered below the default groups"
+      })
+    }
+  }
+};
+export var CustomRender = {
+  args: {
+    data: {
+      groups: META_GROUPS,
+      loaded: true
+    },
+    view: {
+      render: function render(data) {
+        return /*#__PURE__*/_jsx("div", {
+          style: {
+            display: 'flex',
+            flexWrap: 'wrap',
+            gap: 8
+          },
+          children: data.groups.flatMap(function (group) {
+            return group.items;
+          }).map(function (item, index) {
+            return /*#__PURE__*/_jsxs(Label, {
+              children: [item.name, ": ", String(item.value)]
+            }, index);
+          })
+        });
+      }
+    }
+  }
+};
+// #sourceMappingURL=NavigationMeta.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Label","Text","NavigationMeta","META_GROUPS","jsx","_jsx","jsxs","_jsxs","meta","title","component","tags","parameters","layout","decorators","Story","style","width","children","Default","args","data","groups","loaded","Loading","loading","Empty","Error","errorContent","WithExtraContent","view","extraContent","color","variant","CustomRender","render","display","flexWrap","gap","flatMap","group","items","map","item","index","name","String","value"],"sources":["NavigationMeta.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Label, Text} from '@gravity-ui/uikit';\nimport {NavigationMeta} from '..';\nimport {META_GROUPS} from './mockData';\n\nconst meta: Meta<typeof NavigationMeta> = {\n    title: 'Modules/NavigationMeta',\n    component: NavigationMeta,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n    decorators: [\n        (Story) => (\n            <div style={{width: 560}}>\n                <Story />\n            </div>\n        ),\n    ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof NavigationMeta>;\n\nexport const Default: Story = {\n    args: {\n        data: {groups: META_GROUPS, loaded: true},\n    },\n};\n\nexport const Loading: Story = {\n    args: {\n        data: {groups: [], loading: true},\n    },\n};\n\nexport const Empty: Story = {\n    args: {\n        data: {groups: [], loaded: true},\n    },\n};\n\nexport const Error: Story = {\n    args: {\n        data: {groups: [], errorContent: 'Failed to load table metadata'},\n    },\n};\n\nexport const WithExtraContent: Story = {\n    args: {\n        data: {groups: META_GROUPS, loaded: true},\n        view: {\n            extraContent: (\n                <Text color=\"secondary\" variant=\"caption-2\">\n                    Additional info rendered below the default groups\n                </Text>\n            ),\n        },\n    },\n};\n\nexport const CustomRender: Story = {\n    args: {\n        data: {groups: META_GROUPS, loaded: true},\n        view: {\n            render: (data) => (\n                <div style={{display: 'flex', flexWrap: 'wrap', gap: 8}}>\n                    {data.groups\n                        .flatMap((group) => group.items)\n                        .map((item, index) => (\n                            <Label key={index}>\n                                {item.name}: {String(item.value)}\n                            </Label>\n                        ))}\n                </div>\n            ),\n        },\n    },\n};\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,KAAK,EAAEC,IAAI,QAAO,mBAAmB;AAC7C,SAAQC,cAAc,QAAO,IAAI;AACjC,SAAQC,WAAW;AAAoB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEvC,IAAMC,IAAiC,GAAG;EACtCC,KAAK,EAAE,wBAAwB;EAC/BC,SAAS,EAAER,cAAc;EACzBS,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE,CACR,UAACC,KAAK;IAAA,oBACFV,IAAA;MAAKW,KAAK,EAAE;QAACC,KAAK,EAAE;MAAG,CAAE;MAAAC,QAAA,eACrBb,IAAA,CAACU,KAAK,IAAE;IAAC,CACR,CAAC;EAAA,CACT;AAET,CAAC;AAED,eAAeP,IAAI;AAGnB,OAAO,IAAMW,OAAc,GAAG;EAC1BC,IAAI,EAAE;IACFC,IAAI,EAAE;MAACC,MAAM,EAAEnB,WAAW;MAAEoB,MAAM,EAAE;IAAI;EAC5C;AACJ,CAAC;AAED,OAAO,IAAMC,OAAc,GAAG;EAC1BJ,IAAI,EAAE;IACFC,IAAI,EAAE;MAACC,MAAM,EAAE,EAAE;MAAEG,OAAO,EAAE;IAAI;EACpC;AACJ,CAAC;AAED,OAAO,IAAMC,KAAY,GAAG;EACxBN,IAAI,EAAE;IACFC,IAAI,EAAE;MAACC,MAAM,EAAE,EAAE;MAAEC,MAAM,EAAE;IAAI;EACnC;AACJ,CAAC;AAED,OAAO,IAAMI,KAAY,GAAG;EACxBP,IAAI,EAAE;IACFC,IAAI,EAAE;MAACC,MAAM,EAAE,EAAE;MAAEM,YAAY,EAAE;IAA+B;EACpE;AACJ,CAAC;AAED,OAAO,IAAMC,gBAAuB,GAAG;EACnCT,IAAI,EAAE;IACFC,IAAI,EAAE;MAACC,MAAM,EAAEnB,WAAW;MAAEoB,MAAM,EAAE;IAAI,CAAC;IACzCO,IAAI,EAAE;MACFC,YAAY,eACR1B,IAAA,CAACJ,IAAI;QAAC+B,KAAK,EAAC,WAAW;QAACC,OAAO,EAAC,WAAW;QAAAf,QAAA,EAAC;MAE5C,CAAM;IAEd;EACJ;AACJ,CAAC;AAED,OAAO,IAAMgB,YAAmB,GAAG;EAC/Bd,IAAI,EAAE;IACFC,IAAI,EAAE;MAACC,MAAM,EAAEnB,WAAW;MAAEoB,MAAM,EAAE;IAAI,CAAC;IACzCO,IAAI,EAAE;MACFK,MAAM,EAAE,SAARA,MAAMA,CAAGd,IAAI;QAAA,oBACThB,IAAA;UAAKW,KAAK,EAAE;YAACoB,OAAO,EAAE,MAAM;YAAEC,QAAQ,EAAE,MAAM;YAAEC,GAAG,EAAE;UAAC,CAAE;UAAApB,QAAA,EACnDG,IAAI,CAACC,MAAM,CACPiB,OAAO,CAAC,UAACC,KAAK;YAAA,OAAKA,KAAK,CAACC,KAAK;UAAA,EAAC,CAC/BC,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;YAAA,oBACbrC,KAAA,CAACP,KAAK;cAAAkB,QAAA,GACDyB,IAAI,CAACE,IAAI,EAAC,IAAE,EAACC,MAAM,CAACH,IAAI,CAACI,KAAK,CAAC;YAAA,GADxBH,KAEL,CAAC;UAAA,CACX;QAAC,CACL,CAAC;MAAA;IAEd;EACJ;AACJ,CAAC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import type { NavigationMetaConfig } from '../../../types/navigation';
+export declare const META_GROUPS: NavigationMetaConfig['groups'];

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

@@ -0,0 +1,32 @@
+export var META_GROUPS = [{
+  title: 'General',
+  items: [{
+    name: 'Type',
+    value: 'table'
+  }, {
+    name: 'ID',
+    value: '1-2-3-abcdef'
+  }, {
+    name: 'Account',
+    value: 'production'
+  }, {
+    name: 'Owner',
+    value: 'robot-yt'
+  }]
+}, {
+  title: 'Storage',
+  items: [{
+    name: 'Compression',
+    value: 'zstd_5'
+  }, {
+    name: 'Erasure codec',
+    value: 'none'
+  }, {
+    name: 'Disk space',
+    value: '1.2 TB'
+  }, {
+    name: 'Chunk count',
+    value: '42'
+  }]
+}];
+// #sourceMappingURL=mockData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["META_GROUPS","title","items","name","value"],"sources":["mockData.ts"],"sourcesContent":["import type {NavigationMetaConfig} from '../../../types/navigation';\n\nexport const META_GROUPS: NavigationMetaConfig['groups'] = [\n    {\n        title: 'General',\n        items: [\n            {name: 'Type', value: 'table'},\n            {name: 'ID', value: '1-2-3-abcdef'},\n            {name: 'Account', value: 'production'},\n            {name: 'Owner', value: 'robot-yt'},\n        ],\n    },\n    {\n        title: 'Storage',\n        items: [\n            {name: 'Compression', value: 'zstd_5'},\n            {name: 'Erasure codec', value: 'none'},\n            {name: 'Disk space', value: '1.2 TB'},\n            {name: 'Chunk count', value: '42'},\n        ],\n    },\n];\n"],"mappings":"AAEA,OAAO,IAAMA,WAA2C,GAAG,CACvD;EACIC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,CACH;IAACC,IAAI,EAAE,MAAM;IAAEC,KAAK,EAAE;EAAO,CAAC,EAC9B;IAACD,IAAI,EAAE,IAAI;IAAEC,KAAK,EAAE;EAAc,CAAC,EACnC;IAACD,IAAI,EAAE,SAAS;IAAEC,KAAK,EAAE;EAAY,CAAC,EACtC;IAACD,IAAI,EAAE,OAAO;IAAEC,KAAK,EAAE;EAAU,CAAC;AAE1C,CAAC,EACD;EACIH,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,CACH;IAACC,IAAI,EAAE,aAAa;IAAEC,KAAK,EAAE;EAAQ,CAAC,EACtC;IAACD,IAAI,EAAE,eAAe;IAAEC,KAAK,EAAE;EAAM,CAAC,EACtC;IAACD,IAAI,EAAE,YAAY;IAAEC,KAAK,EAAE;EAAQ,CAAC,EACrC;IAACD,IAAI,EAAE,aAAa;IAAEC,KAAK,EAAE;EAAI,CAAC;AAE1C,CAAC,CACJ","ignoreList":[]}