@gravity-ui/querieskit 1.0.4 → 1.1.0

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

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationItemsListHeader = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+require("core-js/modules/es.array.sort.js");
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+require("./NavigationItemsListHeader.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var ArrowUpIcon = function ArrowUpIcon(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: "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__*/(0, _jsxRuntime.jsx)("svg", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)("svg", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.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"
+};
+var block = (0, _bemCnLite.default)('qp-navigation-items-list-header');
+var SORT_ICONS = {
+  asc: ArrowUpIcon,
+  desc: ArrowDownIcon
+};
+var NavigationItemsListHeader = exports.NavigationItemsListHeader = function NavigationItemsListHeader(_ref) {
+  var titleLabel = _ref.titleLabel,
+    sort = _ref.sort,
+    onSortUpdate = _ref.onSortUpdate,
+    className = _ref.className;
+  if (!onSortUpdate) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+      alignItems: "center",
+      className: block(null, className),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+        children: titleLabel
+      })
+    });
+  }
+  var handleClick = function handleClick() {
+    onSortUpdate(sort === 'asc' ? 'desc' : 'asc');
+  };
+  var icon = sort ? SORT_ICONS[sort] : ArrowUpArrowDownIcon;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+    alignItems: "center",
+    className: block(null, className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      inline: true,
+      gap: 2,
+      alignItems: "center",
+      className: block('sort'),
+      onClick: handleClick,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+        children: titleLabel
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        data: icon,
+        size: 16
+      })]
+    })
+  });
+};
+// #sourceMappingURL=NavigationItemsListHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_jsxRuntime","e","__esModule","default","ArrowUpIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowDownIcon","ArrowUpArrowDownIcon","block","cn","SORT_ICONS","asc","desc","NavigationItemsListHeader","exports","_ref","titleLabel","sort","onSortUpdate","className","Flex","alignItems","Text","handleClick","icon","_jsxs","inline","gap","onClick","Icon","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":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAIA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEAA,OAAA;AAA0C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AANS,IAC5CG,WAAW,YAAXA,WAAWA,CAAAC,KAAA;EAAA,wBAAAC,eAAA,aAAAC,sBAAA,MAAAA,sBAAA,MAAAF,KAAA;IAAAG,QAAA,mBAAAF,eAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAXR,WAAW,CAAAS,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACXC,aAAa,YAAbA,aAAaA,CAAAb,KAAA;EAAA,wBAAAC,eAAA,aAAAC,sBAAA,MAAAA,sBAAA,MAAAF,KAAA;IAAAG,QAAA,mBAAAF,eAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAbM,aAAa,CAAAL,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACbE,oBAAoB,YAApBA,oBAAoBA,CAAAd,KAAA;EAAA,wBAAAC,eAAA,aAAAC,sBAAA,MAAAA,sBAAA,MAAAF,KAAA;IAAAG,QAAA,mBAAAF,eAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAApBO,oBAAoB,CAAAN,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAK3B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,iCAAiC,CAAC;AAEnD,IAAMC,UAA2D,GAAG;EAChEC,GAAG,EAAEnB,WAAW;EAChBoB,IAAI,EAAEN;AACV,CAAC;AASM,IAAMO,yBAA6D,GAAAC,OAAA,CAAAD,yBAAA,GAAG,SAAhEA,yBAA6DA,CAAAE,IAAA,EAKpE;EAAA,IAJFC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAET,IAAI,CAACD,YAAY,EAAE;IACf,oBACI,IAAAxB,eAAA,EAAC0B,WAAI;MAACC,UAAU,EAAC,QAAQ;MAACF,SAAS,EAAEX,KAAK,CAAC,IAAI,EAAEW,SAAS,CAAE;MAAAvB,QAAA,eACxD,IAAAF,eAAA,EAAC4B,WAAI;QAAA1B,QAAA,EAAEoB;MAAU,CAAO;IAAC,CACvB,CAAC;EAEf;EAEA,IAAMO,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACtBL,YAAY,CAACD,IAAI,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;EACjD,CAAC;EAED,IAAMO,IAAI,GAAGP,IAAI,GAAGP,UAAU,CAACO,IAAI,CAAC,GAAGV,oBAAoB;EAE3D,oBACI,IAAAb,eAAA,EAAC0B,WAAI;IAACC,UAAU,EAAC,QAAQ;IAACF,SAAS,EAAEX,KAAK,CAAC,IAAI,EAAEW,SAAS,CAAE;IAAAvB,QAAA,eACxD,IAAA6B,gBAAA,EAACL,WAAI;MACDM,MAAM;MACNC,GAAG,EAAE,CAAE;MACPN,UAAU,EAAC,QAAQ;MACnBF,SAAS,EAAEX,KAAK,CAAC,MAAM,CAAE;MACzBoB,OAAO,EAAEL,WAAY;MAAA3B,QAAA,gBAErB,IAAAF,eAAA,EAAC4B,WAAI;QAAA1B,QAAA,EAAEoB;MAAU,CAAO,CAAC,eACzB,IAAAtB,eAAA,EAACmC,WAAI;QAACC,IAAI,EAAEN,IAAK;QAACO,IAAI,EAAE;MAAG,CAAE,CAAC;IAAA,CAC5B;EAAC,CACL,CAAC;AAEf,CAAC","ignoreList":[]}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useParentRow = useParentRow;
+var _react = require("react");
+var _getParentPath = require("../../../helpers/getParentPath");
+function useParentRow(path, search) {
+  var parentPath = path && !search ? (0, _getParentPath.getParentPath)(path) : undefined;
+  return (0, _react.useMemo)(function () {
+    if (!parentPath) {
+      return undefined;
+    }
+    return {
+      path: parentPath,
+      title: "\u2026",
+      kind: 'folder',
+      hasChildren: true
+    };
+  }, [parentPath]);
+}
+// #sourceMappingURL=useParentRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_getParentPath","useParentRow","path","search","parentPath","getParentPath","undefined","useMemo","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,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAEO,SAASE,YAAYA,CACxBC,IAAwB,EACxBC,MAA0B,EACA;EAC1B,IAAMC,UAAU,GAAGF,IAAI,IAAI,CAACC,MAAM,GAAG,IAAAE,4BAAa,EAACH,IAAI,CAAC,GAAGI,SAAS;EAEpE,OAAO,IAAAC,cAAO,EAA6B,YAAM;IAC7C,IAAI,CAACH,UAAU,EAAE;MACb,OAAOE,SAAS;IACpB;IAEA,OAAO;MACHJ,IAAI,EAAEE,UAAU;MAChBI,KAAK,EAAE,QAAQ;MACfC,IAAI,EAAE,QAAQ;MACdC,WAAW,EAAE;IACjB,CAAC;EACL,CAAC,EAAE,CAACN,UAAU,CAAC,CAAC;AACpB","ignoreList":[]}

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

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationMeta = NavigationMeta;
+require("core-js/modules/es.array.every.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.every.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 _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _components = require("../../components");
+var _buildMetaGroups = require("./helpers/buildMetaGroups");
+var _i18n = _interopRequireDefault(require("./i18n"));
+require("./NavigationMeta.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+var block = (0, _bemCnLite.default)('qp-navigation-meta');
+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 = (0, _react.useMemo)(function () {
+    return (0, _buildMetaGroups.buildMetaGroups)(groups, _i18n.default);
+  }, [groups]);
+  if (render) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: block(null, className),
+      children: render(data)
+    });
+  }
+  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')
+    });
+  }
+  var isEmpty = preparedGroups.every(function (group) {
+    return group.items.length === 0;
+  });
+  if (isEmpty && !extraContent) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.EmptyContent, {
+      variant: "no-data",
+      className: block('empty')
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    direction: "column",
+    gap: 4,
+    className: block(null, className),
+    children: [preparedGroups.map(function (group, groupIndex) {
+      return group.items.length === 0 ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: block('group'),
+        children: [group.title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+          variant: "subheader-1",
+          className: block('group-title'),
+          children: group.title
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: block('group-body'),
+          children: group.items.map(function (_ref3) {
+            var name = _ref3.name,
+              value = _ref3.value;
+            return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+                color: "secondary",
+                children: name
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                children: value
+              })]
+            });
+          })
+        })]
+      }, groupIndex);
+    }), extraContent]
+  });
+}
+// #sourceMappingURL=NavigationMeta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_bemCnLite","_interopRequireDefault","_components","_buildMetaGroups","_i18n","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","NavigationMeta","_ref","data","view","className","groups","loading","loaded","errorContent","_ref2","render","extraContent","preparedGroups","useMemo","buildMetaGroups","i18n","_jsx","children","Text","color","SkeletonRows","rowClassName","isEmpty","every","group","items","length","EmptyContent","variant","_jsxs","Flex","direction","gap","map","groupIndex","title","_ref3","name","value","_Fragment"],"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/cjs/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/cjs/modules/NavigationMeta/helpers/buildMetaGroups.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildMetaGroups = buildMetaGroups;
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.function.name.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 _isEmptyValue = require("../../../helpers/isEmptyValue");
+function buildMetaGroups(groups, i18n) {
+  return groups.map(function (group) {
+    return {
+      title: group.title,
+      items: group.items.map(function (item) {
+        return {
+          name: item.name,
+          value: (0, _isEmptyValue.isEmptyValue)(item.value) ? i18n('value_empty') : item.value
+        };
+      })
+    };
+  });
+}
+// #sourceMappingURL=buildMetaGroups.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_isEmptyValue","require","buildMetaGroups","groups","i18n","map","group","title","items","item","name","value","isEmptyValue"],"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,IAAAA,aAAA,GAAAC,OAAA;AAcO,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,EAAE,IAAAC,0BAAY,EAACH,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/cjs/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/cjs/modules/NavigationMeta/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/NavigationMeta/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/NavigationMeta/i18n/en.json

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

package/build/cjs/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/cjs/modules/NavigationMeta/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-meta', _dicts.default);
+// #sourceMappingURL=index.js.map

package/build/cjs/modules/NavigationMeta/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-meta', 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/NavigationMeta/i18n/ru.json

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_NavigationMeta","require","_buildMetaGroups"],"sources":["index.ts"],"sourcesContent":["export {NavigationMeta} from './NavigationMeta';\nexport type {NavigationMetaProps, NavigationMetaViewConfig} from './NavigationMeta';\nexport {buildMetaGroups} from './helpers/buildMetaGroups';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA","ignoreList":[]}

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

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithExtraContent = exports.Loading = exports.Error = exports.Empty = exports.Default = exports.CustomRender = void 0;
+require("core-js/modules/es.array.flat-map.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.unscopables.flat-map.js");
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.flat-map.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 _ = require("..");
+var _mockData = require("./mockData");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var meta = {
+  title: 'Modules/NavigationMeta',
+  component: _.NavigationMeta,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        width: 560
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Story, {})
+    });
+  }]
+};
+var _default = exports.default = meta;
+var Default = exports.Default = {
+  args: {
+    data: {
+      groups: _mockData.META_GROUPS,
+      loaded: true
+    }
+  }
+};
+var Loading = exports.Loading = {
+  args: {
+    data: {
+      groups: [],
+      loading: true
+    }
+  }
+};
+var Empty = exports.Empty = {
+  args: {
+    data: {
+      groups: [],
+      loaded: true
+    }
+  }
+};
+var Error = exports.Error = {
+  args: {
+    data: {
+      groups: [],
+      errorContent: 'Failed to load table metadata'
+    }
+  }
+};
+var WithExtraContent = exports.WithExtraContent = {
+  args: {
+    data: {
+      groups: _mockData.META_GROUPS,
+      loaded: true
+    },
+    view: {
+      extraContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+        color: "secondary",
+        variant: "caption-2",
+        children: "Additional info rendered below the default groups"
+      })
+    }
+  }
+};
+var CustomRender = exports.CustomRender = {
+  args: {
+    data: {
+      groups: _mockData.META_GROUPS,
+      loaded: true
+    },
+    view: {
+      render: function render(data) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            display: 'flex',
+            flexWrap: 'wrap',
+            gap: 8
+          },
+          children: data.groups.flatMap(function (group) {
+            return group.items;
+          }).map(function (item, index) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Label, {
+              children: [item.name, ": ", String(item.value)]
+            }, index);
+          })
+        });
+      }
+    }
+  }
+};
+// #sourceMappingURL=NavigationMeta.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_","_mockData","_jsxRuntime","e","__esModule","default","meta","title","component","NavigationMeta","tags","parameters","layout","decorators","Story","_jsx","style","width","children","_default","exports","Default","args","data","groups","META_GROUPS","loaded","Loading","loading","Empty","Error","errorContent","WithExtraContent","view","extraContent","Text","color","variant","CustomRender","render","display","flexWrap","gap","flatMap","group","items","map","item","index","_jsxs","Label","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":"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","ignoreList":[]}

package/build/cjs/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/cjs/modules/NavigationMeta/story/mockData.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.META_GROUPS = void 0;
+var META_GROUPS = exports.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/cjs/modules/NavigationMeta/story/mockData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["META_GROUPS","exports","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":";;;;;;AAEO,IAAMA,WAA2C,GAAAC,OAAA,CAAAD,WAAA,GAAG,CACvD;EACIE,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":[]}