@ytsaurus/components 0.2.1 → 0.2.2

package/build/esm/components/Label/__tests__/Label.visual.test.js

@@ -0,0 +1,301 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import { test } from '../../../../playwright-components/core';
+import { Label } from '../Label';
+import { LabelOnOff } from '../LabelOnOff';
+import { jsx as _jsx } from "react/jsx-runtime";
+test('Label: Default', /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+    var mount, expectScreenshot;
+    return _regeneratorRuntime().wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          mount = _ref.mount, expectScreenshot = _ref.expectScreenshot;
+          _context.next = 1;
+          return mount(/*#__PURE__*/_jsx(Label, {
+            text: "Label text",
+            theme: "default",
+            type: "block",
+            capitalize: false,
+            hideTitle: false
+          }));
+        case 1:
+          _context.next = 2;
+          return expectScreenshot();
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function (_x) {
+    return _ref2.apply(this, arguments);
+  };
+}());
+test('Label: Success', /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref3) {
+    var mount, expectScreenshot;
+    return _regeneratorRuntime().wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          mount = _ref3.mount, expectScreenshot = _ref3.expectScreenshot;
+          _context2.next = 1;
+          return mount(/*#__PURE__*/_jsx(Label, {
+            text: "Label text",
+            theme: "success",
+            type: "block",
+            capitalize: false,
+            hideTitle: false
+          }));
+        case 1:
+          _context2.next = 2;
+          return expectScreenshot();
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function (_x2) {
+    return _ref4.apply(this, arguments);
+  };
+}());
+test('Label: Warning', /*#__PURE__*/function () {
+  var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref5) {
+    var mount, expectScreenshot;
+    return _regeneratorRuntime().wrap(function (_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          mount = _ref5.mount, expectScreenshot = _ref5.expectScreenshot;
+          _context3.next = 1;
+          return mount(/*#__PURE__*/_jsx(Label, {
+            text: "Label text",
+            theme: "warning",
+            type: "block",
+            capitalize: false,
+            hideTitle: false
+          }));
+        case 1:
+          _context3.next = 2;
+          return expectScreenshot();
+        case 2:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function (_x3) {
+    return _ref6.apply(this, arguments);
+  };
+}());
+test('Label: Danger', /*#__PURE__*/function () {
+  var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref7) {
+    var mount, expectScreenshot;
+    return _regeneratorRuntime().wrap(function (_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          mount = _ref7.mount, expectScreenshot = _ref7.expectScreenshot;
+          _context4.next = 1;
+          return mount(/*#__PURE__*/_jsx(Label, {
+            text: "Label text",
+            theme: "danger",
+            type: "block",
+            capitalize: false,
+            hideTitle: false
+          }));
+        case 1:
+          _context4.next = 2;
+          return expectScreenshot();
+        case 2:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return function (_x4) {
+    return _ref8.apply(this, arguments);
+  };
+}());
+test('Label: Error', /*#__PURE__*/function () {
+  var _ref0 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(_ref9) {
+    var mount, expectScreenshot;
+    return _regeneratorRuntime().wrap(function (_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          mount = _ref9.mount, expectScreenshot = _ref9.expectScreenshot;
+          _context5.next = 1;
+          return mount(/*#__PURE__*/_jsx(Label, {
+            text: "Label text",
+            theme: "error",
+            type: "block",
+            capitalize: false,
+            hideTitle: false
+          }));
+        case 1:
+          _context5.next = 2;
+          return expectScreenshot();
+        case 2:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  }));
+  return function (_x5) {
+    return _ref0.apply(this, arguments);
+  };
+}());
+test('Label: Info', /*#__PURE__*/function () {
+  var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(_ref1) {
+    var mount, expectScreenshot;
+    return _regeneratorRuntime().wrap(function (_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          mount = _ref1.mount, expectScreenshot = _ref1.expectScreenshot;
+          _context6.next = 1;
+          return mount(/*#__PURE__*/_jsx(Label, {
+            text: "Label text",
+            theme: "info",
+            type: "block",
+            capitalize: false,
+            hideTitle: false
+          }));
+        case 1:
+          _context6.next = 2;
+          return expectScreenshot();
+        case 2:
+        case "end":
+          return _context6.stop();
+      }
+    }, _callee6);
+  }));
+  return function (_x6) {
+    return _ref10.apply(this, arguments);
+  };
+}());
+test('Label: Complementary', /*#__PURE__*/function () {
+  var _ref12 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(_ref11) {
+    var mount, expectScreenshot;
+    return _regeneratorRuntime().wrap(function (_context7) {
+      while (1) switch (_context7.prev = _context7.next) {
+        case 0:
+          mount = _ref11.mount, expectScreenshot = _ref11.expectScreenshot;
+          _context7.next = 1;
+          return mount(/*#__PURE__*/_jsx(Label, {
+            text: "Label text",
+            theme: "complementary",
+            type: "block",
+            capitalize: false,
+            hideTitle: false
+          }));
+        case 1:
+          _context7.next = 2;
+          return expectScreenshot();
+        case 2:
+        case "end":
+          return _context7.stop();
+      }
+    }, _callee7);
+  }));
+  return function (_x7) {
+    return _ref12.apply(this, arguments);
+  };
+}());
+test('Label: Misc', /*#__PURE__*/function () {
+  var _ref14 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(_ref13) {
+    var mount, expectScreenshot;
+    return _regeneratorRuntime().wrap(function (_context8) {
+      while (1) switch (_context8.prev = _context8.next) {
+        case 0:
+          mount = _ref13.mount, expectScreenshot = _ref13.expectScreenshot;
+          _context8.next = 1;
+          return mount(/*#__PURE__*/_jsx(Label, {
+            text: "Label text",
+            theme: "misc",
+            type: "block",
+            capitalize: false,
+            hideTitle: false
+          }));
+        case 1:
+          _context8.next = 2;
+          return expectScreenshot();
+        case 2:
+        case "end":
+          return _context8.stop();
+      }
+    }, _callee8);
+  }));
+  return function (_x8) {
+    return _ref14.apply(this, arguments);
+  };
+}());
+test('LabelOnOff: On', /*#__PURE__*/function () {
+  var _ref16 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(_ref15) {
+    var mount, expectScreenshot;
+    return _regeneratorRuntime().wrap(function (_context9) {
+      while (1) switch (_context9.prev = _context9.next) {
+        case 0:
+          mount = _ref15.mount, expectScreenshot = _ref15.expectScreenshot;
+          _context9.next = 1;
+          return mount(/*#__PURE__*/_jsx(LabelOnOff, {
+            value: true
+          }));
+        case 1:
+          _context9.next = 2;
+          return expectScreenshot();
+        case 2:
+        case "end":
+          return _context9.stop();
+      }
+    }, _callee9);
+  }));
+  return function (_x9) {
+    return _ref16.apply(this, arguments);
+  };
+}());
+test('LabelOnOff: Off', /*#__PURE__*/function () {
+  var _ref18 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee0(_ref17) {
+    var mount, expectScreenshot;
+    return _regeneratorRuntime().wrap(function (_context0) {
+      while (1) switch (_context0.prev = _context0.next) {
+        case 0:
+          mount = _ref17.mount, expectScreenshot = _ref17.expectScreenshot;
+          _context0.next = 1;
+          return mount(/*#__PURE__*/_jsx(LabelOnOff, {
+            value: false
+          }));
+        case 1:
+          _context0.next = 2;
+          return expectScreenshot();
+        case 2:
+        case "end":
+          return _context0.stop();
+      }
+    }, _callee0);
+  }));
+  return function (_x0) {
+    return _ref18.apply(this, arguments);
+  };
+}());
+test('LabelOnOff: NoValue', /*#__PURE__*/function () {
+  var _ref20 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee1(_ref19) {
+    var mount, expectScreenshot;
+    return _regeneratorRuntime().wrap(function (_context1) {
+      while (1) switch (_context1.prev = _context1.next) {
+        case 0:
+          mount = _ref19.mount, expectScreenshot = _ref19.expectScreenshot;
+          _context1.next = 1;
+          return mount(/*#__PURE__*/_jsx(LabelOnOff, {}));
+        case 1:
+          _context1.next = 2;
+          return expectScreenshot();
+        case 2:
+        case "end":
+          return _context1.stop();
+      }
+    }, _callee1);
+  }));
+  return function (_x1) {
+    return _ref20.apply(this, arguments);
+  };
+}());
+// #sourceMappingURL=Label.visual.test.js.map

package/build/esm/components/Label/__tests__/Label.visual.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["test","Label","LabelOnOff","jsx","_jsx","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_ref","mount","expectScreenshot","wrap","_context","prev","next","text","theme","type","capitalize","hideTitle","stop","_x","apply","arguments","_ref4","_callee2","_ref3","_context2","_x2","_ref6","_callee3","_ref5","_context3","_x3","_ref8","_callee4","_ref7","_context4","_x4","_ref0","_callee5","_ref9","_context5","_x5","_ref10","_callee6","_ref1","_context6","_x6","_ref12","_callee7","_ref11","_context7","_x7","_ref14","_callee8","_ref13","_context8","_x8","_ref16","_callee9","_ref15","_context9","value","_x9","_ref18","_callee0","_ref17","_context0","_x0","_ref20","_callee1","_ref19","_context1","_x1"],"sources":["Label.visual.test.tsx"],"sourcesContent":["import {test} from '../../../../playwright-components/core';\n\nimport {Label} from '../Label';\nimport {LabelOnOff} from '../LabelOnOff';\n\ntest('Label: Default', async ({mount, expectScreenshot}) => {\n    await mount(\n        <Label\n            text=\"Label text\"\n            theme=\"default\"\n            type=\"block\"\n            capitalize={false}\n            hideTitle={false}\n        />,\n    );\n    await expectScreenshot();\n});\n\ntest('Label: Success', async ({mount, expectScreenshot}) => {\n    await mount(\n        <Label\n            text=\"Label text\"\n            theme=\"success\"\n            type=\"block\"\n            capitalize={false}\n            hideTitle={false}\n        />,\n    );\n    await expectScreenshot();\n});\n\ntest('Label: Warning', async ({mount, expectScreenshot}) => {\n    await mount(\n        <Label\n            text=\"Label text\"\n            theme=\"warning\"\n            type=\"block\"\n            capitalize={false}\n            hideTitle={false}\n        />,\n    );\n    await expectScreenshot();\n});\n\ntest('Label: Danger', async ({mount, expectScreenshot}) => {\n    await mount(\n        <Label\n            text=\"Label text\"\n            theme=\"danger\"\n            type=\"block\"\n            capitalize={false}\n            hideTitle={false}\n        />,\n    );\n    await expectScreenshot();\n});\n\ntest('Label: Error', async ({mount, expectScreenshot}) => {\n    await mount(\n        <Label text=\"Label text\" theme=\"error\" type=\"block\" capitalize={false} hideTitle={false} />,\n    );\n    await expectScreenshot();\n});\n\ntest('Label: Info', async ({mount, expectScreenshot}) => {\n    await mount(\n        <Label text=\"Label text\" theme=\"info\" type=\"block\" capitalize={false} hideTitle={false} />,\n    );\n    await expectScreenshot();\n});\n\ntest('Label: Complementary', async ({mount, expectScreenshot}) => {\n    await mount(\n        <Label\n            text=\"Label text\"\n            theme=\"complementary\"\n            type=\"block\"\n            capitalize={false}\n            hideTitle={false}\n        />,\n    );\n    await expectScreenshot();\n});\n\ntest('Label: Misc', async ({mount, expectScreenshot}) => {\n    await mount(\n        <Label text=\"Label text\" theme=\"misc\" type=\"block\" capitalize={false} hideTitle={false} />,\n    );\n    await expectScreenshot();\n});\n\ntest('LabelOnOff: On', async ({mount, expectScreenshot}) => {\n    await mount(<LabelOnOff value />);\n    await expectScreenshot();\n});\n\ntest('LabelOnOff: Off', async ({mount, expectScreenshot}) => {\n    await mount(<LabelOnOff value={false} />);\n    await expectScreenshot();\n});\n\ntest('LabelOnOff: NoValue', async ({mount, expectScreenshot}) => {\n    await mount(<LabelOnOff />);\n    await expectScreenshot();\n});\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/MetaTable/MetaTable.css

@@ -48,7 +48,7 @@
   flex: 0 0 auto;
 }
 .meta-table-item__key {
-  color: var(--secondary-text);
+  color: var(--secondary-text, var(--g-color-text-secondary));
 }
 .meta-table-item {
   /* templates */

package/build/esm/components/MetaTable/MetaTable.css.map

@@ -1 +1 @@
-{"version":3,"sources":["MetaTable.scss","../../styles/mixins.scss"],"names":[],"mappings":"AAEA;EACI,aAAA;EACA,eAAA;EACA,uBAAA;AADJ;AAGI;EACI,kBAAA;EACA,mBAAA;AADR;AAGQ;EACI,SAAA;AADZ;AAKI;EACI,WAAA;EACA,SAAA;EACA,kBAAA;EAEA,kBAAA;EACA,oBAAA;AAJR;AAOI;EACI,SAAA;EACA,kBAAA;EAEA,kBAAA;EACA,oBAAA;EAEA,gBAAA;AAPR;;AAWA;EACI,cAAA;EACA,iBAAA;AARJ;;AAWA;EAGI,aAAA;EACA,sCAAA;EACA,kBAAA;AAVJ;AAYI;EACI,aAAA;AAVR;AAaI;EACI,qBAAA;AAXR;AAcI;ECvDA,mBAAA;EACA,gBAAA;EACA,uBAAA;EDwDI,cAAA;AAXR;AAcI;EACI,4BAAA;AAZR;AAVA;EAyBI,cAAA;AAZJ;AAcI;EACI,cAAA;AAZR;AAeI;EAEI,aAAA;EACA,mBAAA;AAdR;AAiBI;ECrEA,qBAAA;ADuDJ;AAkBI;EACI,kBAAA;EACA,SAAA;AAhBR;AAmBI;EACI,sBAAA;AAjBR;AAoBI;EACI,kBAAA;AAlBR","file":"MetaTable.css","sourcesContent":["@use '../../styles/mixins';\n\n.meta-table {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: flex-start;\n\n    &__group {\n        margin-right: 50px;\n        margin-bottom: 20px;\n\n        &:only-child {\n            margin: 0;\n        }\n    }\n\n    &__title {\n        width: 100%;\n        margin: 0;\n        margin-bottom: 9px;\n\n        font-size: inherit;\n        line-height: inherit;\n    }\n\n    &__sub-title {\n        margin: 0;\n        margin-bottom: 3px;\n\n        font-size: inherit;\n        line-height: inherit;\n\n        grid-column: 1 / 3;\n    }\n}\n\n.g-tooltip:has(.meta-table) {\n    display: block;\n    overflow: visible;\n}\n\n.meta-table-item {\n    $item-height: 22px;\n\n    display: grid;\n    grid-template-columns: repeat(2, auto);\n    grid-gap: 3px 20px;\n\n    &_row-gap_4 {\n        row-gap: 4px * 4;\n    }\n\n    &_align-items_baseline {\n        align-items: baseline;\n    }\n\n    &__key,\n    &__value {\n        @include mixins.ellipsis();\n        flex: 0 0 auto;\n    }\n\n    &__key {\n        color: var(--secondary-text);\n    }\n\n    /* templates */\n\n    &__pools {\n        display: block;\n    }\n\n    &__id,\n    &__link_clickable {\n        display: flex;\n        align-items: center;\n    }\n\n    &__file {\n        @include mixins.reset-li();\n    }\n\n    &__help-icon {\n        position: relative;\n        top: -1px;\n    }\n\n    .g-icon {\n        vertical-align: middle;\n    }\n\n    .g-text {\n        font-size: inherit;\n    }\n}\n","@mixin ellipsis() {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n// reset\n\n@mixin reset-li() {\n    list-style-type: none;\n}"],"sourceRoot":""}
+{"version":3,"sources":["MetaTable.scss","../../styles/mixins.scss"],"names":[],"mappings":"AAEA;EACI,aAAA;EACA,eAAA;EACA,uBAAA;AADJ;AAGI;EACI,kBAAA;EACA,mBAAA;AADR;AAGQ;EACI,SAAA;AADZ;AAKI;EACI,WAAA;EACA,SAAA;EACA,kBAAA;EAEA,kBAAA;EACA,oBAAA;AAJR;AAOI;EACI,SAAA;EACA,kBAAA;EAEA,kBAAA;EACA,oBAAA;EAEA,gBAAA;AAPR;;AAWA;EACI,cAAA;EACA,iBAAA;AARJ;;AAWA;EAGI,aAAA;EACA,sCAAA;EACA,kBAAA;AAVJ;AAYI;EACI,aAAA;AAVR;AAaI;EACI,qBAAA;AAXR;AAcI;ECvDA,mBAAA;EACA,gBAAA;EACA,uBAAA;EDwDI,cAAA;AAXR;AAcI;EACI,2DAAA;AAZR;AAVA;EAyBI,cAAA;AAZJ;AAcI;EACI,cAAA;AAZR;AAeI;EAEI,aAAA;EACA,mBAAA;AAdR;AAiBI;ECrEA,qBAAA;ADuDJ;AAkBI;EACI,kBAAA;EACA,SAAA;AAhBR;AAmBI;EACI,sBAAA;AAjBR;AAoBI;EACI,kBAAA;AAlBR","file":"MetaTable.css","sourcesContent":["@use '../../styles/mixins';\n\n.meta-table {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: flex-start;\n\n    &__group {\n        margin-right: 50px;\n        margin-bottom: 20px;\n\n        &:only-child {\n            margin: 0;\n        }\n    }\n\n    &__title {\n        width: 100%;\n        margin: 0;\n        margin-bottom: 9px;\n\n        font-size: inherit;\n        line-height: inherit;\n    }\n\n    &__sub-title {\n        margin: 0;\n        margin-bottom: 3px;\n\n        font-size: inherit;\n        line-height: inherit;\n\n        grid-column: 1 / 3;\n    }\n}\n\n.g-tooltip:has(.meta-table) {\n    display: block;\n    overflow: visible;\n}\n\n.meta-table-item {\n    $item-height: 22px;\n\n    display: grid;\n    grid-template-columns: repeat(2, auto);\n    grid-gap: 3px 20px;\n\n    &_row-gap_4 {\n        row-gap: 4px * 4;\n    }\n\n    &_align-items_baseline {\n        align-items: baseline;\n    }\n\n    &__key,\n    &__value {\n        @include mixins.ellipsis();\n        flex: 0 0 auto;\n    }\n\n    &__key {\n        color: var(--secondary-text, var(--g-color-text-secondary));\n    }\n\n    /* templates */\n\n    &__pools {\n        display: block;\n    }\n\n    &__id,\n    &__link_clickable {\n        display: flex;\n        align-items: center;\n    }\n\n    &__file {\n        @include mixins.reset-li();\n    }\n\n    &__help-icon {\n        position: relative;\n        top: -1px;\n    }\n\n    .g-icon {\n        vertical-align: middle;\n    }\n\n    .g-text {\n        font-size: inherit;\n    }\n}\n","@mixin ellipsis() {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n// reset\n\n@mixin reset-li() {\n    list-style-type: none;\n}"],"sourceRoot":""}

package/build/esm/components/MetaTable/MetaTable.js

@@ -81,7 +81,7 @@ export var MetaTable = /*#__PURE__*/function (_Component) {
         tooltip = item.tooltip,
         className = item.className,
         qa = item.qa;
-      var questionIcon = /*#__PURE__*/_jsxs(React.Fragment, {
+      var questionIcon = /*#__PURE__*/_jsxs(Fragment, {
         children: [' ', /*#__PURE__*/_jsx(Icon, {
           className: itemBlock('help-icon'),
           data: CircleQuestionIcon,

package/build/esm/components/MetaTable/MetaTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","Fragment","filter_","map_","reduce_","cn","format","Icon","Link","CircleQuestionIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","Secondary","Tooltip","toClassName","jsxs","_jsxs","jsx","_Fragment","block","itemBlock","splitItems","items","subTitles","Array","isArray","groupTitles","length","acc","_item","index","push","Number","undefined","withInnerGroups","groups","MetaTable","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","renderKey","item","icon","label","labelTopPadding","className","style","paddingTop","renderValue","helpUrl","tooltip","qa","questionIcon","data","size","content","String","view","href","Boolean","renderItems","visibleItems","_this","renderGroup","group","_this$props","rowGap","alignItems","title","_groupTitles$index","visible","renderTitle","render","_this2","_this$props2","_splitItems"],"sources":["MetaTable.tsx"],"sourcesContent":["import React, {Component, Fragment} from 'react';\n\nimport filter_ from 'lodash/filter';\nimport map_ from 'lodash/map';\nimport reduce_ from 'lodash/reduce';\n\nimport cn from 'bem-cn-lite';\n\nimport {format} from '../../utils';\nimport {Icon, Link} from '@gravity-ui/uikit';\nimport CircleQuestionIcon from '@gravity-ui/icons/svgs/circle-question.svg';\n\nimport {Secondary} from '../Text';\nimport {Tooltip} from '../Tooltip';\n\nimport './MetaTable.scss';\nimport {toClassName} from './helpers/toClassName';\n\nconst block = cn('meta-table');\nconst itemBlock = cn('meta-table-item');\n\nexport interface MetaTableProps {\n    className?: string;\n    items: Array<MetaTableItem> | Array<Array<MetaTableItem>>;\n    title?: string;\n    subTitles?: Array<string>;\n    qa?: string;\n    rowGap?: 4;\n    alignItems?: 'baseline';\n}\n\nexport interface MetaTableItem {\n    key: string;\n    label?: React.ReactChild;\n    labelTopPadding?: string;\n    value: boolean | React.ReactNode;\n    icon?: React.ReactNode;\n    visible?: boolean;\n    helpUrl?: string;\n    tooltip?: React.ReactNode;\n    className?: string;\n    qa?: string;\n}\n\nconst splitItems = (items: MetaTableProps['items'], subTitles?: Array<string>) => {\n    if (Array.isArray(items[0])) {\n        const groupTitles = subTitles?.length\n            ? reduce_(\n                  items,\n                  (acc, _item, index) => {\n                      acc.push(subTitles[Number(index)]);\n                      return acc;\n                  },\n                  [] as Array<string>,\n              )\n            : undefined;\n        return {withInnerGroups: items as Array<Array<MetaTableItem>>, groupTitles};\n    }\n    return {groups: items as Array<MetaTableItem>};\n};\n\nexport class MetaTable extends Component<MetaTableProps> {\n    renderKey(item: MetaTableItem) {\n        const {key, icon, label, labelTopPadding} = item;\n        return (\n            <div\n                className={itemBlock('key', {key: toClassName(key)})}\n                style={{paddingTop: labelTopPadding}}\n                key={key + '-key'}\n            >\n                {icon}\n                {label === undefined ? format['ReadableField'](key) : label}\n            </div>\n        );\n    }\n\n    renderValue(item: MetaTableItem) {\n        const {value, key, helpUrl, tooltip, className, qa} = item;\n\n        const questionIcon = (\n            <React.Fragment>\n                {' '}\n                <Icon className={itemBlock('help-icon')} data={CircleQuestionIcon} size={14} />\n            </React.Fragment>\n        );\n        return (\n            <Tooltip\n                content={tooltip}\n                className={itemBlock('value', {key: toClassName(key)}, className)}\n                key={key + '-value'}\n                qa={qa}\n            >\n                {typeof value === 'boolean' ? String(value) : value}\n                {helpUrl ? (\n                    <Link view=\"secondary\" href={helpUrl}>\n                        {questionIcon}\n                    </Link>\n                ) : (\n                    Boolean(tooltip) && <Secondary>{questionIcon}</Secondary>\n                )}\n            </Tooltip>\n        );\n    }\n\n    renderItems(visibleItems?: Array<MetaTableItem>) {\n        return (\n            <Fragment>\n                {map_(visibleItems, (item) => (\n                    <Fragment key={item.key + '-fragment'}>\n                        {this.renderKey(item)}\n                        {this.renderValue(item)}\n                    </Fragment>\n                ))}\n            </Fragment>\n        );\n    }\n\n    renderGroup(group: Array<MetaTableItem>, index: number, groupTitles?: Array<string>) {\n        const {rowGap, alignItems} = this.props;\n        let title: React.ReactNode = null;\n        if (groupTitles?.length) {\n            title = groupTitles[index] ?? <>&nbsp;</>;\n        }\n\n        const visibleItems = filter_(group, (item) => item.visible !== false);\n\n        return !visibleItems?.length ? null : (\n            <div\n                className={block(\n                    'group',\n                    itemBlock({\n                        'row-gap': rowGap ? String(rowGap) : undefined,\n                        'align-items': alignItems,\n                    }),\n                )}\n                key={index}\n            >\n                {title && <h2 className={block('sub-title')}>{title}</h2>}\n                {this.renderItems(visibleItems)}\n            </div>\n        );\n    }\n\n    renderTitle(title: string) {\n        return <h2 className={block('title')}>{title}</h2>;\n    }\n\n    render() {\n        const {items, className, title, subTitles, qa} = this.props;\n        const {groups, withInnerGroups, groupTitles} = splitItems(items, subTitles);\n\n        return (\n            <div className={block(null, className)} data-qa={qa}>\n                {title && this.renderTitle(title)}\n                {withInnerGroups\n                    ? map_(withInnerGroups, (item, index) =>\n                          this.renderGroup(item, index, groupTitles),\n                      )\n                    : this.renderGroup(groups, 0)}\n            </div>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","Fragment","filter_","map_","reduce_","cn","format","Icon","Link","CircleQuestionIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","Secondary","Tooltip","toClassName","jsxs","_jsxs","jsx","_Fragment","block","itemBlock","splitItems","items","subTitles","Array","isArray","groupTitles","length","acc","_item","index","push","Number","undefined","withInnerGroups","groups","MetaTable","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","renderKey","item","icon","label","labelTopPadding","className","style","paddingTop","renderValue","helpUrl","tooltip","qa","questionIcon","data","size","content","String","view","href","Boolean","renderItems","visibleItems","_this","renderGroup","group","_this$props","rowGap","alignItems","title","_groupTitles$index","visible","renderTitle","render","_this2","_this$props2","_splitItems"],"sources":["MetaTable.tsx"],"sourcesContent":["import React, {Component, Fragment} from 'react';\n\nimport filter_ from 'lodash/filter';\nimport map_ from 'lodash/map';\nimport reduce_ from 'lodash/reduce';\n\nimport cn from 'bem-cn-lite';\n\nimport {format} from '../../utils';\nimport {Icon, Link} from '@gravity-ui/uikit';\nimport CircleQuestionIcon from '@gravity-ui/icons/svgs/circle-question.svg';\n\nimport {Secondary} from '../Text';\nimport {Tooltip} from '../Tooltip';\n\nimport './MetaTable.scss';\nimport {toClassName} from './helpers/toClassName';\n\nconst block = cn('meta-table');\nconst itemBlock = cn('meta-table-item');\n\nexport interface MetaTableProps {\n    className?: string;\n    items: Array<MetaTableItem> | Array<Array<MetaTableItem>>;\n    title?: string;\n    subTitles?: Array<string>;\n    qa?: string;\n    rowGap?: 4;\n    alignItems?: 'baseline';\n}\n\nexport interface MetaTableItem {\n    key: string;\n    label?: React.ReactChild;\n    labelTopPadding?: string;\n    value: boolean | React.ReactNode;\n    icon?: React.ReactNode;\n    visible?: boolean;\n    helpUrl?: string;\n    tooltip?: React.ReactNode;\n    className?: string;\n    qa?: string;\n}\n\nconst splitItems = (items: MetaTableProps['items'], subTitles?: Array<string>) => {\n    if (Array.isArray(items[0])) {\n        const groupTitles = subTitles?.length\n            ? reduce_(\n                  items,\n                  (acc, _item, index) => {\n                      acc.push(subTitles[Number(index)]);\n                      return acc;\n                  },\n                  [] as Array<string>,\n              )\n            : undefined;\n        return {withInnerGroups: items as Array<Array<MetaTableItem>>, groupTitles};\n    }\n    return {groups: items as Array<MetaTableItem>};\n};\n\nexport class MetaTable extends Component<MetaTableProps> {\n    renderKey(item: MetaTableItem) {\n        const {key, icon, label, labelTopPadding} = item;\n        return (\n            <div\n                className={itemBlock('key', {key: toClassName(key)})}\n                style={{paddingTop: labelTopPadding}}\n                key={key + '-key'}\n            >\n                {icon}\n                {label === undefined ? format['ReadableField'](key) : label}\n            </div>\n        );\n    }\n\n    renderValue(item: MetaTableItem) {\n        const {value, key, helpUrl, tooltip, className, qa} = item;\n\n        const questionIcon = (\n            <Fragment>\n                {' '}\n                <Icon className={itemBlock('help-icon')} data={CircleQuestionIcon} size={14} />\n            </Fragment>\n        );\n        return (\n            <Tooltip\n                content={tooltip}\n                className={itemBlock('value', {key: toClassName(key)}, className)}\n                key={key + '-value'}\n                qa={qa}\n            >\n                {typeof value === 'boolean' ? String(value) : value}\n                {helpUrl ? (\n                    <Link view=\"secondary\" href={helpUrl}>\n                        {questionIcon}\n                    </Link>\n                ) : (\n                    Boolean(tooltip) && <Secondary>{questionIcon}</Secondary>\n                )}\n            </Tooltip>\n        );\n    }\n\n    renderItems(visibleItems?: Array<MetaTableItem>) {\n        return (\n            <Fragment>\n                {map_(visibleItems, (item) => (\n                    <Fragment key={item.key + '-fragment'}>\n                        {this.renderKey(item)}\n                        {this.renderValue(item)}\n                    </Fragment>\n                ))}\n            </Fragment>\n        );\n    }\n\n    renderGroup(group: Array<MetaTableItem>, index: number, groupTitles?: Array<string>) {\n        const {rowGap, alignItems} = this.props;\n        let title: React.ReactNode = null;\n        if (groupTitles?.length) {\n            title = groupTitles[index] ?? <>&nbsp;</>;\n        }\n\n        const visibleItems = filter_(group, (item) => item.visible !== false);\n\n        return !visibleItems?.length ? null : (\n            <div\n                className={block(\n                    'group',\n                    itemBlock({\n                        'row-gap': rowGap ? String(rowGap) : undefined,\n                        'align-items': alignItems,\n                    }),\n                )}\n                key={index}\n            >\n                {title && <h2 className={block('sub-title')}>{title}</h2>}\n                {this.renderItems(visibleItems)}\n            </div>\n        );\n    }\n\n    renderTitle(title: string) {\n        return <h2 className={block('title')}>{title}</h2>;\n    }\n\n    render() {\n        const {items, className, title, subTitles, qa} = this.props;\n        const {groups, withInnerGroups, groupTitles} = splitItems(items, subTitles);\n\n        return (\n            <div className={block(null, className)} data-qa={qa}>\n                {title && this.renderTitle(title)}\n                {withInnerGroups\n                    ? map_(withInnerGroups, (item, index) =>\n                          this.renderGroup(item, index, groupTitles),\n                      )\n                    : this.renderGroup(groups, 0)}\n            </div>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/MetaTable/MetaTable.scss

@@ -61,7 +61,7 @@
     }
 
     &__key {
-        color: var(--secondary-text);
+        color: var(--secondary-text, var(--g-color-text-secondary));
     }
 
     /* templates */

package/build/esm/components/MetaTable/MetaTable.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { type MetaTableStoryExampleKey } from './metaTableStorySetup';
+type DemoArgs = {
+    example: MetaTableStoryExampleKey;
+};
+declare const meta: Meta<DemoArgs>;
+export default meta;
+export declare const Default: StoryObj<DemoArgs>;
+//# sourceMappingURL=MetaTable.stories.d.ts.map

package/build/esm/components/MetaTable/MetaTable.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetaTable.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/MetaTable/MetaTable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAGrD,OAAO,EACH,KAAK,wBAAwB,EAGhC,MAAM,uBAAuB,CAAC;AAE/B,KAAK,QAAQ,GAAG;IACZ,OAAO,EAAE,wBAAwB,CAAC;CACrC,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,QAAQ,CAkBxB,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAM,CAAC"}

package/build/esm/components/MetaTable/MetaTable.stories.js

@@ -0,0 +1,29 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { MetaTable } from './MetaTable';
+import { metaTableStoryConfigs, metaTableVisualCaseOrder } from './metaTableStorySetup';
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'Components/MetaTable',
+  tags: ['autodocs'],
+  args: {
+    example: 'basic'
+  },
+  argTypes: {
+    example: {
+      control: 'select',
+      options: _toConsumableArray(metaTableVisualCaseOrder),
+      description: 'Ready-made item layouts: flat list, title, groups, tooltips, booleans, etc.'
+    }
+  },
+  parameters: {
+    layout: 'padded'
+  },
+  render: function render(_ref) {
+    var example = _ref.example;
+    return /*#__PURE__*/_jsx(MetaTable, _objectSpread({}, metaTableStoryConfigs[example]));
+  }
+};
+export default meta;
+export var Default = {};
+// #sourceMappingURL=MetaTable.stories.js.map

package/build/esm/components/MetaTable/MetaTable.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MetaTable","metaTableStoryConfigs","metaTableVisualCaseOrder","jsx","_jsx","meta","title","tags","args","example","argTypes","control","options","_toConsumableArray","description","parameters","layout","render","_ref","_objectSpread","Default"],"sources":["MetaTable.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\n\nimport {MetaTable} from './MetaTable';\nimport {\n    type MetaTableStoryExampleKey,\n    metaTableStoryConfigs,\n    metaTableVisualCaseOrder,\n} from './metaTableStorySetup';\n\ntype DemoArgs = {\n    example: MetaTableStoryExampleKey;\n};\n\nconst meta: Meta<DemoArgs> = {\n    title: 'Components/MetaTable',\n    tags: ['autodocs'],\n    args: {\n        example: 'basic',\n    },\n    argTypes: {\n        example: {\n            control: 'select',\n            options: [...metaTableVisualCaseOrder],\n            description:\n                'Ready-made item layouts: flat list, title, groups, tooltips, booleans, etc.',\n        },\n    },\n    parameters: {\n        layout: 'padded',\n    },\n    render: ({example}) => <MetaTable {...metaTableStoryConfigs[example]} />,\n};\n\nexport default meta;\n\nexport const Default: StoryObj<DemoArgs> = {};\n"],"mappings":";;AAEA,SAAQA,SAAS,QAAO,aAAa;AACrC,SAEIC,qBAAqB,EACrBC,wBAAwB,QACrB,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM/B,IAAMC,IAAoB,GAAG;EACzBC,KAAK,EAAE,sBAAsB;EAC7BC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,IAAI,EAAE;IACFC,OAAO,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE;IACND,OAAO,EAAE;MACLE,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAAC,kBAAA,CAAMX,wBAAwB,CAAC;MACtCY,WAAW,EACP;IACR;EACJ,CAAC;EACDC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,MAAM,EAAE,SAARA,MAAMA,CAAAC,IAAA;IAAA,IAAIT,OAAO,GAAAS,IAAA,CAAPT,OAAO;IAAA,oBAAML,IAAA,CAACJ,SAAS,EAAAmB,aAAA,KAAKlB,qBAAqB,CAACQ,OAAO,CAAC,CAAG,CAAC;EAAA;AAC5E,CAAC;AAED,eAAeJ,IAAI;AAEnB,OAAO,IAAMe,OAA2B,GAAG,CAAC,CAAC","ignoreList":[]}

package/build/esm/components/MetaTable/__tests__/MetaTable.visual.test.js

@@ -0,0 +1,48 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/regeneratorRuntime";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
+import { test } from '../../../../playwright-components/core';
+import { MetaTable } from '../MetaTable';
+import { metaTableStoryConfigs, metaTableStoryFrameStyle, metaTableVisualCaseOrder } from '../metaTableStorySetup';
+import { jsx as _jsx } from "react/jsx-runtime";
+var _iterator = _createForOfIteratorHelper(metaTableVisualCaseOrder),
+  _step;
+try {
+  var _loop = function _loop() {
+    var example = _step.value;
+    test("MetaTable: ".concat(example), /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+        var mount, expectScreenshot;
+        return _regeneratorRuntime().wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              mount = _ref.mount, expectScreenshot = _ref.expectScreenshot;
+              _context.next = 1;
+              return mount(/*#__PURE__*/_jsx("div", {
+                style: metaTableStoryFrameStyle,
+                children: /*#__PURE__*/_jsx(MetaTable, _objectSpread({}, metaTableStoryConfigs[example]))
+              }));
+            case 1:
+              _context.next = 2;
+              return expectScreenshot();
+            case 2:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }());
+  };
+  for (_iterator.s(); !(_step = _iterator.n()).done;) {
+    _loop();
+  }
+} catch (err) {
+  _iterator.e(err);
+} finally {
+  _iterator.f();
+}
+// #sourceMappingURL=MetaTable.visual.test.js.map

package/build/esm/components/MetaTable/__tests__/MetaTable.visual.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["test","MetaTable","metaTableStoryConfigs","metaTableStoryFrameStyle","metaTableVisualCaseOrder","jsx","_jsx","_iterator","_createForOfIteratorHelper","_step","_loop","example","value","concat","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_ref","mount","expectScreenshot","wrap","_context","prev","next","style","children","_objectSpread","stop","_x","apply","arguments","s","n","done","err","e","f"],"sources":["MetaTable.visual.test.tsx"],"sourcesContent":["import {test} from '../../../../playwright-components/core';\n\nimport {MetaTable} from '../MetaTable';\nimport {\n    metaTableStoryConfigs,\n    metaTableStoryFrameStyle,\n    metaTableVisualCaseOrder,\n} from '../metaTableStorySetup';\n\nfor (const example of metaTableVisualCaseOrder) {\n    test(`MetaTable: ${example}`, async ({mount, expectScreenshot}) => {\n        await mount(\n            <div style={metaTableStoryFrameStyle}>\n                <MetaTable {...metaTableStoryConfigs[example]} />\n            </div>,\n        );\n        await expectScreenshot();\n    });\n}\n"],"mappings":";;;;AAAA,SAAQA,IAAI,QAAO,wCAAwC;AAE3D,SAAQC,SAAS,QAAO,cAAc;AACtC,SACIC,qBAAqB,EACrBC,wBAAwB,EACxBC,wBAAwB,QACrB,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,IAAAC,SAAA,GAAAC,0BAAA,CAEVJ,wBAAwB;EAAAK,KAAA;AAAA;EAAA,IAAAC,KAAA,YAAAA,MAAA,EAAE;IAAA,IAArCC,OAAO,GAAAF,KAAA,CAAAG,KAAA;IACdZ,IAAI,eAAAa,MAAA,CAAeF,OAAO;MAAA,IAAAG,KAAA,GAAAC,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,CAAI,SAAAC,QAAAC,IAAA;QAAA,IAAAC,KAAA,EAAAC,gBAAA;QAAA,OAAAL,mBAAA,GAAAM,IAAA,WAAAC,QAAA;UAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;YAAA;cAAQL,KAAK,GAAAD,IAAA,CAALC,KAAK,EAAEC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;cAAAE,QAAA,CAAAE,IAAA;cAAA,OACnDL,KAAK,cACPd,IAAA;gBAAKoB,KAAK,EAAEvB,wBAAyB;gBAAAwB,QAAA,eACjCrB,IAAA,CAACL,SAAS,EAAA2B,aAAA,KAAK1B,qBAAqB,CAACS,OAAO,CAAC,CAAG;cAAC,CAChD,CACT,CAAC;YAAA;cAAAY,QAAA,CAAAE,IAAA;cAAA,OACKJ,gBAAgB,CAAC,CAAC;YAAA;YAAA;cAAA,OAAAE,QAAA,CAAAM,IAAA;UAAA;QAAA,GAAAX,OAAA;MAAA,CAC3B;MAAA,iBAAAY,EAAA;QAAA,OAAAhB,KAAA,CAAAiB,KAAA,OAAAC,SAAA;MAAA;IAAA,IAAC;EACN,CAAC;EATD,KAAAzB,SAAA,CAAA0B,CAAA,MAAAxB,KAAA,GAAAF,SAAA,CAAA2B,CAAA,IAAAC,IAAA;IAAAzB,KAAA;EAAA;AASC,SAAA0B,GAAA;EAAA7B,SAAA,CAAA8B,CAAA,CAAAD,GAAA;AAAA;EAAA7B,SAAA,CAAA+B,CAAA;AAAA","ignoreList":[]}

package/build/esm/components/MetaTable/metaTableStorySetup.d.ts

@@ -0,0 +1,8 @@
+import { type CSSProperties } from 'react';
+import type { MetaTableProps } from './MetaTable';
+export type MetaTableStoryExampleKey = 'basic' | 'withTitle' | 'customLabels' | 'grouped' | 'tooltipsAndHelp' | 'booleanValues' | 'hiddenRow' | 'rowGap' | 'withIcon';
+export declare const metaTableStoryConfigs: Record<MetaTableStoryExampleKey, MetaTableProps>;
+/** Stable order for Playwright screenshots (matches story `example` options). */
+export declare const metaTableVisualCaseOrder: MetaTableStoryExampleKey[];
+export declare const metaTableStoryFrameStyle: CSSProperties;
+//# sourceMappingURL=metaTableStorySetup.d.ts.map

package/build/esm/components/MetaTable/metaTableStorySetup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metaTableStorySetup.d.ts","sourceRoot":"","sources":["../../../../src/components/MetaTable/metaTableStorySetup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,aAAa,EAAC,MAAM,OAAO,CAAC;AAKzC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,wBAAwB,GAC9B,OAAO,GACP,WAAW,GACX,cAAc,GACd,SAAS,GACT,iBAAiB,GACjB,eAAe,GACf,WAAW,GACX,QAAQ,GACR,UAAU,CAAC;AAEjB,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,wBAAwB,EAAE,cAAc,CA4ElF,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,wBAAwB,EAAE,wBAAwB,EAU9D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,aAKtC,CAAC"}