@ytsaurus/components 0.2.1 → 0.2.3

package/build/esm/components/Label/Label.scss

@@ -7,7 +7,7 @@
     $label: &;
 
     font-size: 1em;
-    font-weight: var(--yt-font-weight-bold);
+    font-weight: var(--yt-font-weight-bold, var(--g-text-accent-font-weight));
 
     display: inline-block;
 
@@ -19,24 +19,39 @@
     vertical-align: bottom;
 
     &_theme_default {
-        @include label-theme-block(var(--default-text), var(--default-background));
+        @include label-theme-block(
+            var(--default-text, var(--g-color-text-misc-heavy)),
+            var(--default-background, var(--g-color-base-misc-light))
+        );
     }
 
     &_theme_success {
-        @include label-theme-block(var(--success-text), var(--success-background));
+        @include label-theme-block(
+            var(--success-text, var(--g-color-text-positive-heavy)),
+            var(--success-background, var(--g-color-base-positive-light))
+        );
     }
 
     &_theme_warning {
-        @include label-theme-block(var(--warning-text), var(--warning-background));
+        @include label-theme-block(
+            var(--warning-text, var(--g-color-text-warning-heavy)),
+            var(--warning-background, var(--g-color-base-warning-light))
+        );
     }
 
     &_theme_error,
     &_theme_danger {
-        @include label-theme-block(var(--danger-text), var(--danger-background));
+        @include label-theme-block(
+            var(--danger-text, var(--g-color-text-danger-heavy)),
+            var(--danger-background, var(--g-color-base-danger-light))
+        );
     }
 
     &_theme_info {
-        @include label-theme-block(var(--info-text), var(--info-background));
+        @include label-theme-block(
+            var(--info-text, var(--g-color-text-info-heavy)),
+            var(--info-background, var(--g-color-base-info-light))
+        );
     }
 
     &_theme_misc {
@@ -54,23 +69,23 @@
         border: none;
 
         &#{$label}_theme_default {
-            color: var(--default-color);
+            color: var(--default-color, var(--g-color-text-primary));
         }
 
         &#{$label}_theme_success {
-            color: var(--success-color);
+            color: var(--success-color, var(--g-color-text-positive));
         }
 
         &#{$label}_theme_warning {
-            color: var(--warning-color);
+            color: var(--warning-color, var(--g-color-text-warning));
         }
 
         &#{$label}_theme_danger {
-            color: var(--danger-color);
+            color: var(--danger-color, var(--g-color-text-danger));
         }
 
         &#{$label}_theme_info {
-            color: var(--info-color);
+            color: var(--info-color, var(--g-color-text-info));
         }
     }
 

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

@@ -0,0 +1,40 @@
+import type { StoryObj } from '@storybook/react';
+import { type LabelProps } from './Label';
+declare const meta: {
+    title: string;
+    component: ({ theme, type, text, hideTitle, className, children, capitalize, }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        text: string;
+        theme: "default";
+        type: "block";
+        capitalize: false;
+        hideTitle: false;
+    };
+    argTypes: {
+        theme: {
+            control: "select";
+            options: ("default" | "success" | "warning" | "danger" | "error" | "info" | "complementary" | "misc")[];
+        };
+        type: {
+            control: "inline-radio";
+            options: string[];
+        };
+        capitalize: {
+            control: "boolean";
+        };
+        hideTitle: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type LabelStory = StoryObj<typeof meta>;
+/** Base label; theme, type, text, and other props are in Controls. */
+export declare const Label: LabelStory;
+type LabelOnOffArgs = {
+    state: 'on' | 'off' | 'noValue';
+};
+/** Toggle On / Off / No value with State (noValue renders `format.NO_VALUE`). */
+export declare const LabelOnOff: StoryObj<LabelOnOffArgs>;
+//# sourceMappingURL=Label.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAC,KAAK,UAAU,EAAoC,MAAM,SAAS,CAAC;AAG3E,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCkB,CAAC;AAE7B,eAAe,IAAI,CAAC;AAEpB,KAAK,UAAU,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAExC,sEAAsE;AACtE,eAAO,MAAM,KAAK,EAAE,UAAe,CAAC;AAEpC,KAAK,cAAc,GAAG;IAClB,KAAK,EAAE,IAAI,GAAG,KAAK,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAsB/C,CAAC"}

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

@@ -0,0 +1,62 @@
+import { Label as YtLabel } from './Label';
+import { LabelOnOff as YtLabelOnOff } from './LabelOnOff';
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'Components/Label',
+  component: YtLabel,
+  tags: ['autodocs'],
+  args: {
+    text: 'Label text',
+    theme: 'default',
+    type: 'block',
+    capitalize: false,
+    hideTitle: false
+  },
+  argTypes: {
+    theme: {
+      control: 'select',
+      options: ['default', 'success', 'warning', 'danger', 'error', 'info', 'complementary', 'misc']
+    },
+    type: {
+      control: 'inline-radio',
+      options: ['block', 'text']
+    },
+    capitalize: {
+      control: 'boolean'
+    },
+    hideTitle: {
+      control: 'boolean'
+    }
+  }
+};
+export default meta;
+/** Base label; theme, type, text, and other props are in Controls. */
+export var Label = {};
+/** Toggle On / Off / No value with State (noValue renders `format.NO_VALUE`). */
+export var LabelOnOff = {
+  name: 'LabelOnOff',
+  argTypes: {
+    state: {
+      control: 'inline-radio',
+      options: ['on', 'off', 'noValue']
+    }
+  },
+  args: {
+    state: 'on'
+  },
+  render: function render(_ref) {
+    var state = _ref.state;
+    var value;
+    if (state === 'on') {
+      value = true;
+    } else if (state === 'off') {
+      value = false;
+    } else {
+      value = undefined;
+    }
+    return /*#__PURE__*/_jsx(YtLabelOnOff, {
+      value: value
+    });
+  }
+};
+// #sourceMappingURL=Label.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Label","YtLabel","LabelOnOff","YtLabelOnOff","jsx","_jsx","meta","title","component","tags","args","text","theme","type","capitalize","hideTitle","argTypes","control","options","name","state","render","_ref","value","undefined"],"sources":["Label.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\n\nimport {type LabelProps, type LabelTheme, Label as YtLabel} from './Label';\nimport {LabelOnOff as YtLabelOnOff} from './LabelOnOff';\n\nconst meta = {\n    title: 'Components/Label',\n    component: YtLabel,\n    tags: ['autodocs'],\n    args: {\n        text: 'Label text',\n        theme: 'default',\n        type: 'block',\n        capitalize: false,\n        hideTitle: false,\n    },\n    argTypes: {\n        theme: {\n            control: 'select',\n            options: [\n                'default',\n                'success',\n                'warning',\n                'danger',\n                'error',\n                'info',\n                'complementary',\n                'misc',\n            ] satisfies LabelTheme[],\n        },\n        type: {\n            control: 'inline-radio',\n            options: ['block', 'text'],\n        },\n        capitalize: {control: 'boolean'},\n        hideTitle: {control: 'boolean'},\n    },\n} satisfies Meta<LabelProps>;\n\nexport default meta;\n\ntype LabelStory = StoryObj<typeof meta>;\n\n/** Base label; theme, type, text, and other props are in Controls. */\nexport const Label: LabelStory = {};\n\ntype LabelOnOffArgs = {\n    state: 'on' | 'off' | 'noValue';\n};\n\n/** Toggle On / Off / No value with State (noValue renders `format.NO_VALUE`). */\nexport const LabelOnOff: StoryObj<LabelOnOffArgs> = {\n    name: 'LabelOnOff',\n    argTypes: {\n        state: {\n            control: 'inline-radio',\n            options: ['on', 'off', 'noValue'],\n        },\n    },\n    args: {\n        state: 'on',\n    },\n    render: ({state}: LabelOnOffArgs) => {\n        let value: boolean | undefined;\n        if (state === 'on') {\n            value = true;\n        } else if (state === 'off') {\n            value = false;\n        } else {\n            value = undefined;\n        }\n        return <YtLabelOnOff value={value} />;\n    },\n};\n"],"mappings":"AAEA,SAA0CA,KAAK,IAAIC,OAAO,QAAO,SAAS;AAC1E,SAAQC,UAAU,IAAIC,YAAY,QAAO,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,IAAMC,IAAI,GAAG;EACTC,KAAK,EAAE,kBAAkB;EACzBC,SAAS,EAAEP,OAAO;EAClBQ,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,IAAI,EAAE;IACFC,IAAI,EAAE,YAAY;IAClBC,KAAK,EAAE,SAAS;IAChBC,IAAI,EAAE,OAAO;IACbC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACf,CAAC;EACDC,QAAQ,EAAE;IACNJ,KAAK,EAAE;MACHK,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,QAAQ,EACR,OAAO,EACP,MAAM,EACN,eAAe,EACf,MAAM;IAEd,CAAC;IACDL,IAAI,EAAE;MACFI,OAAO,EAAE,cAAc;MACvBC,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM;IAC7B,CAAC;IACDJ,UAAU,EAAE;MAACG,OAAO,EAAE;IAAS,CAAC;IAChCF,SAAS,EAAE;MAACE,OAAO,EAAE;IAAS;EAClC;AACJ,CAA4B;AAE5B,eAAeX,IAAI;AAInB;AACA,OAAO,IAAMN,KAAiB,GAAG,CAAC,CAAC;AAMnC;AACA,OAAO,IAAME,UAAoC,GAAG;EAChDiB,IAAI,EAAE,YAAY;EAClBH,QAAQ,EAAE;IACNI,KAAK,EAAE;MACHH,OAAO,EAAE,cAAc;MACvBC,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS;IACpC;EACJ,CAAC;EACDR,IAAI,EAAE;IACFU,KAAK,EAAE;EACX,CAAC;EACDC,MAAM,EAAE,SAARA,MAAMA,CAAAC,IAAA,EAA+B;IAAA,IAA3BF,KAAK,GAAAE,IAAA,CAALF,KAAK;IACX,IAAIG,KAA0B;IAC9B,IAAIH,KAAK,KAAK,IAAI,EAAE;MAChBG,KAAK,GAAG,IAAI;IAChB,CAAC,MAAM,IAAIH,KAAK,KAAK,KAAK,EAAE;MACxBG,KAAK,GAAG,KAAK;IACjB,CAAC,MAAM;MACHA,KAAK,GAAGC,SAAS;IACrB;IACA,oBAAOnB,IAAA,CAACF,YAAY;MAACoB,KAAK,EAAEA;IAAM,CAAE,CAAC;EACzC;AACJ,CAAC","ignoreList":[]}

package/build/esm/components/Label/LabelOnOff.d.ts

@@ -1,5 +1,5 @@
 export declare function LabelOnOff({ value, className }: {
     value?: boolean;
     className?: string;
-}): any;
+}): string | import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LabelOnOff.d.ts.map

package/build/esm/components/Label/LabelOnOff.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelOnOff.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/LabelOnOff.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,EAAE;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,OAOnF"}
+{"version":3,"file":"LabelOnOff.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/LabelOnOff.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,EAAE;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,oDAOnF"}

package/build/esm/components/Label/LabelOnOff.js

@@ -1,5 +1,5 @@
 import { Label } from './Label';
-import { format } from '../../utils/hammer';
+import { format } from '../../utils';
 import i18n from './i18n';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function LabelOnOff(_ref) {

package/build/esm/components/Label/LabelOnOff.js.map

@@ -1 +1 @@
-{"version":3,"names":["Label","format","i18n","jsx","_jsx","LabelOnOff","_ref","value","className","undefined","NO_VALUE","theme","text"],"sources":["LabelOnOff.tsx"],"sourcesContent":["import {Label} from './Label';\nimport {format} from '../../utils/hammer';\nimport i18n from './i18n';\n\nexport function LabelOnOff({value, className}: {value?: boolean; className?: string}) {\n    if (value === undefined) {\n        return format.NO_VALUE;\n    }\n    const theme = value ? 'success' : 'danger';\n    const text = value ? i18n('value_on') : i18n('value_off');\n    return <Label theme={theme} text={text} className={className} />;\n}\n"],"mappings":"AAAA,SAAQA,KAAK,QAAO,SAAS;AAC7B,SAAQC,MAAM,QAAO,oBAAoB;AACzC,OAAOC,IAAI,MAAM,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1B,OAAO,SAASC,UAAUA,CAAAC,IAAA,EAA4D;EAAA,IAA1DC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EACxC,IAAID,KAAK,KAAKE,SAAS,EAAE;IACrB,OAAOR,MAAM,CAACS,QAAQ;EAC1B;EACA,IAAMC,KAAK,GAAGJ,KAAK,GAAG,SAAS,GAAG,QAAQ;EAC1C,IAAMK,IAAI,GAAGL,KAAK,GAAGL,IAAI,CAAC,UAAU,CAAC,GAAGA,IAAI,CAAC,WAAW,CAAC;EACzD,oBAAOE,IAAA,CAACJ,KAAK;IAACW,KAAK,EAAEA,KAAM;IAACC,IAAI,EAAEA,IAAK;IAACJ,SAAS,EAAEA;EAAU,CAAE,CAAC;AACpE","ignoreList":[]}
+{"version":3,"names":["Label","format","i18n","jsx","_jsx","LabelOnOff","_ref","value","className","undefined","NO_VALUE","theme","text"],"sources":["LabelOnOff.tsx"],"sourcesContent":["import {Label} from './Label';\nimport {format} from '../../utils';\nimport i18n from './i18n';\n\nexport function LabelOnOff({value, className}: {value?: boolean; className?: string}) {\n    if (value === undefined) {\n        return format.NO_VALUE;\n    }\n    const theme = value ? 'success' : 'danger';\n    const text = value ? i18n('value_on') : i18n('value_off');\n    return <Label theme={theme} text={text} className={className} />;\n}\n"],"mappings":"AAAA,SAAQA,KAAK,QAAO,SAAS;AAC7B,SAAQC,MAAM,QAAO,aAAa;AAClC,OAAOC,IAAI,MAAM,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1B,OAAO,SAASC,UAAUA,CAAAC,IAAA,EAA4D;EAAA,IAA1DC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EACxC,IAAID,KAAK,KAAKE,SAAS,EAAE;IACrB,OAAOR,MAAM,CAACS,QAAQ;EAC1B;EACA,IAAMC,KAAK,GAAGJ,KAAK,GAAG,SAAS,GAAG,QAAQ;EAC1C,IAAMK,IAAI,GAAGL,KAAK,GAAGL,IAAI,CAAC,UAAU,CAAC,GAAGA,IAAI,CAAC,WAAW,CAAC;EACzD,oBAAOE,IAAA,CAACJ,KAAK;IAACW,KAAK,EAAEA,KAAM;IAACC,IAAI,EAAEA,IAAK;IAACJ,SAAS,EAAEA;EAAU,CAAE,CAAC;AACpE","ignoreList":[]}

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":";;;;;AAAA,OAAOA,KAAK,IAAGC,SAAS,EAAEC,QAAQ,QAAO,OAAO;AAEhD,OAAOC,OAAO,MAAM,eAAe;AACnC,OAAOC,IAAI,MAAM,YAAY;AAC7B,OAAOC,OAAO,MAAM,eAAe;AAEnC,OAAOC,EAAE,MAAM,aAAa;AAE5B,SAAQC,MAAM,QAAO,aAAa;AAClC,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAAC,IACtCC,kBAAkB,YAAlBA,kBAAkBA,CAAAC,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAlBR,kBAAkB,CAAAS,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAEzB,SAAQC,SAAS,QAAO,SAAS;AACjC,SAAQC,OAAO,QAAO,YAAY;AAElC,OAAO,iBAAkB;AACzB,SAAQC,WAAW,QAAO,uBAAuB;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAjB,IAAA,EAAAV,QAAA,IAAA4B,SAAA;AAElD,IAAMC,KAAK,GAAGzB,EAAE,CAAC,YAAY,CAAC;AAC9B,IAAM0B,SAAS,GAAG1B,EAAE,CAAC,iBAAiB,CAAC;AAyBvC,IAAM2B,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAA8B,EAAEC,SAAyB,EAAK;EAC9E,IAAIC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;IACzB,IAAMI,WAAW,GAAGH,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEI,MAAM,GAC/BlC,OAAO,CACH6B,KAAK,EACL,UAACM,GAAG,EAAEC,KAAK,EAAEC,KAAK,EAAK;MACnBF,GAAG,CAACG,IAAI,CAACR,SAAS,CAACS,MAAM,CAACF,KAAK,CAAC,CAAC,CAAC;MAClC,OAAOF,GAAG;IACd,CAAC,EACD,EACJ,CAAC,GACDK,SAAS;IACf,OAAO;MAACC,eAAe,EAAEZ,KAAoC;MAAEI,WAAW,EAAXA;IAAW,CAAC;EAC/E;EACA,OAAO;IAACS,MAAM,EAAEb;EAA6B,CAAC;AAClD,CAAC;AAED,WAAac,SAAS,0BAAAC,UAAA;EAAA,SAAAD,UAAA;IAAAE,eAAA,OAAAF,SAAA;IAAA,OAAAG,UAAA,OAAAH,SAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,SAAA,EAAAC,UAAA;EAAA,OAAAK,YAAA,CAAAN,SAAA;IAAAO,GAAA;IAAAC,KAAA,EAClB,SAAAC,SAASA,CAACC,IAAmB,EAAE;MAC3B,IAAOH,GAAG,GAAkCG,IAAI,CAAzCH,GAAG;QAAEI,IAAI,GAA4BD,IAAI,CAApCC,IAAI;QAAEC,KAAK,GAAqBF,IAAI,CAA9BE,KAAK;QAAEC,eAAe,GAAIH,IAAI,CAAvBG,eAAe;MACxC,oBACIjC,KAAA;QACIkC,SAAS,EAAE9B,SAAS,CAAC,KAAK,EAAE;UAACuB,GAAG,EAAE7B,WAAW,CAAC6B,GAAG;QAAC,CAAC,CAAE;QACrDQ,KAAK,EAAE;UAACC,UAAU,EAAEH;QAAe,CAAE;QAAA/C,QAAA,GAGpC6C,IAAI,EACJC,KAAK,KAAKf,SAAS,GAAGtC,MAAM,CAAC,eAAe,CAAC,CAACgD,GAAG,CAAC,GAAGK,KAAK;MAAA,GAHtDL,GAAG,GAAG,MAIV,CAAC;IAEd;EAAC;IAAAA,GAAA;IAAAC,KAAA,EAED,SAAAS,WAAWA,CAACP,IAAmB,EAAE;MAC7B,IAAOF,KAAK,GAA0CE,IAAI,CAAnDF,KAAK;QAAED,GAAG,GAAqCG,IAAI,CAA5CH,GAAG;QAAEW,OAAO,GAA4BR,IAAI,CAAvCQ,OAAO;QAAEC,OAAO,GAAmBT,IAAI,CAA9BS,OAAO;QAAEL,SAAS,GAAQJ,IAAI,CAArBI,SAAS;QAAEM,EAAE,GAAIV,IAAI,CAAVU,EAAE;MAElD,IAAMC,YAAY,gBACdzC,KAAA,CAAC5B,KAAK,CAACE,QAAQ;QAAAY,QAAA,GACV,GAAG,eACJF,IAAA,CAACJ,IAAI;UAACsD,SAAS,EAAE9B,SAAS,CAAC,WAAW,CAAE;UAACsC,IAAI,EAAE5D,kBAAmB;UAAC6D,IAAI,EAAE;QAAG,CAAE,CAAC;MAAA,CACnE,CACnB;MACD,oBACI3C,KAAA,CAACH,OAAO;QACJ+C,OAAO,EAAEL,OAAQ;QACjBL,SAAS,EAAE9B,SAAS,CAAC,OAAO,EAAE;UAACuB,GAAG,EAAE7B,WAAW,CAAC6B,GAAG;QAAC,CAAC,EAAEO,SAAS,CAAE;QAElEM,EAAE,EAAEA,EAAG;QAAAtD,QAAA,GAEN,OAAO0C,KAAK,KAAK,SAAS,GAAGiB,MAAM,CAACjB,KAAK,CAAC,GAAGA,KAAK,EAClDU,OAAO,gBACJtD,IAAA,CAACH,IAAI;UAACiE,IAAI,EAAC,WAAW;UAACC,IAAI,EAAET,OAAQ;UAAApD,QAAA,EAChCuD;QAAY,CACX,CAAC,GAEPO,OAAO,CAACT,OAAO,CAAC,iBAAIvD,IAAA,CAACY,SAAS;UAAAV,QAAA,EAAEuD;QAAY,CAAY,CAC3D;MAAA,GAVId,GAAG,GAAG,QAWN,CAAC;IAElB;EAAC;IAAAA,GAAA;IAAAC,KAAA,EAED,SAAAqB,WAAWA,CAACC,YAAmC,EAAE;MAAA,IAAAC,KAAA;MAC7C,oBACInE,IAAA,CAACV,QAAQ;QAAAY,QAAA,EACJV,IAAI,CAAC0E,YAAY,EAAE,UAACpB,IAAI;UAAA,oBACrB9B,KAAA,CAAC1B,QAAQ;YAAAY,QAAA,GACJiE,KAAI,CAACtB,SAAS,CAACC,IAAI,CAAC,EACpBqB,KAAI,CAACd,WAAW,CAACP,IAAI,CAAC;UAAA,GAFZA,IAAI,CAACH,GAAG,GAAG,WAGhB,CAAC;QAAA,CACd;MAAC,CACI,CAAC;IAEnB;EAAC;IAAAA,GAAA;IAAAC,KAAA,EAED,SAAAwB,WAAWA,CAACC,KAA2B,EAAEvC,KAAa,EAAEJ,WAA2B,EAAE;MACjF,IAAA4C,WAAA,GAA6B,IAAI,CAACvE,KAAK;QAAhCwE,MAAM,GAAAD,WAAA,CAANC,MAAM;QAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU;MACzB,IAAIC,KAAsB,GAAG,IAAI;MACjC,IAAI/C,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAEC,MAAM,EAAE;QAAA,IAAA+C,kBAAA;QACrBD,KAAK,IAAAC,kBAAA,GAAGhD,WAAW,CAACI,KAAK,CAAC,cAAA4C,kBAAA,cAAAA,kBAAA,gBAAI1E,IAAA,CAAAkB,SAAA;UAAAhB,QAAA,EAAE;QAAM,CAAE,CAAC;MAC7C;MAEA,IAAMgE,YAAY,GAAG3E,OAAO,CAAC8E,KAAK,EAAE,UAACvB,IAAI;QAAA,OAAKA,IAAI,CAAC6B,OAAO,KAAK,KAAK;MAAA,EAAC;MAErE,OAAO,EAACT,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAEvC,MAAM,IAAG,IAAI,gBAC/BX,KAAA;QACIkC,SAAS,EAAE/B,KAAK,CACZ,OAAO,EACPC,SAAS,CAAC;UACN,SAAS,EAAEmD,MAAM,GAAGV,MAAM,CAACU,MAAM,CAAC,GAAGtC,SAAS;UAC9C,aAAa,EAAEuC;QACnB,CAAC,CACL,CAAE;QAAAtE,QAAA,GAGDuE,KAAK,iBAAIzE,IAAA;UAAIkD,SAAS,EAAE/B,KAAK,CAAC,WAAW,CAAE;UAAAjB,QAAA,EAAEuE;QAAK,CAAK,CAAC,EACxD,IAAI,CAACR,WAAW,CAACC,YAAY,CAAC;MAAA,GAH1BpC,KAIJ,CACR;IACL;EAAC;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAAgC,WAAWA,CAACH,KAAa,EAAE;MACvB,oBAAOzE,IAAA;QAAIkD,SAAS,EAAE/B,KAAK,CAAC,OAAO,CAAE;QAAAjB,QAAA,EAAEuE;MAAK,CAAK,CAAC;IACtD;EAAC;IAAA9B,GAAA;IAAAC,KAAA,EAED,SAAAiC,MAAMA,CAAA,EAAG;MAAA,IAAAC,MAAA;MACL,IAAAC,YAAA,GAAiD,IAAI,CAAChF,KAAK;QAApDuB,KAAK,GAAAyD,YAAA,CAALzD,KAAK;QAAE4B,SAAS,GAAA6B,YAAA,CAAT7B,SAAS;QAAEuB,KAAK,GAAAM,YAAA,CAALN,KAAK;QAAElD,SAAS,GAAAwD,YAAA,CAATxD,SAAS;QAAEiC,EAAE,GAAAuB,YAAA,CAAFvB,EAAE;MAC7C,IAAAwB,WAAA,GAA+C3D,UAAU,CAACC,KAAK,EAAEC,SAAS,CAAC;QAApEY,MAAM,GAAA6C,WAAA,CAAN7C,MAAM;QAAED,eAAe,GAAA8C,WAAA,CAAf9C,eAAe;QAAER,WAAW,GAAAsD,WAAA,CAAXtD,WAAW;MAE3C,oBACIV,KAAA;QAAKkC,SAAS,EAAE/B,KAAK,CAAC,IAAI,EAAE+B,SAAS,CAAE;QAAC,WAASM,EAAG;QAAAtD,QAAA,GAC/CuE,KAAK,IAAI,IAAI,CAACG,WAAW,CAACH,KAAK,CAAC,EAChCvC,eAAe,GACV1C,IAAI,CAAC0C,eAAe,EAAE,UAACY,IAAI,EAAEhB,KAAK;UAAA,OAC9BgD,MAAI,CAACV,WAAW,CAACtB,IAAI,EAAEhB,KAAK,EAAEJ,WAAW,CAAC;QAAA,CAC9C,CAAC,GACD,IAAI,CAAC0C,WAAW,CAACjC,MAAM,EAAE,CAAC,CAAC;MAAA,CAChC,CAAC;IAEd;EAAC;AAAA,EApG0B9C,SAAS","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":[]}