@ytsaurus/components 0.2.0 → 0.2.2

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

@@ -0,0 +1 @@
+{"version":3,"names":["fn","ColumnCellStoryDecorator","columnCellStoryBaseArgsForVisual","ColumnCell","jsx","_jsx","meta","title","tags","parameters","layout","docs","description","component","decorators","Story","children","args","_objectSpread","onShowPreview","argTypes","value","control","yqlTypes","ysonSettings","table","disable","render","Default","YqlInt64","YsonNumber","useYqlTypes","IncompleteYson","$incomplete","$value","RawString","allowRawStrings","$type"],"sources":["ColumnCell.stories.tsx"],"sourcesContent":["import type {ComponentProps} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {fn} from 'storybook/test';\n\nimport type {TypeArray} from '../SchemaDataType/dataTypes';\nimport {\n    type ColumnCellStoryArgs,\n    ColumnCellStoryDecorator,\n    columnCellStoryBaseArgsForVisual,\n} from './columnCellStorySetup';\nimport {ColumnCell} from './ColumnCell';\n\nconst meta = {\n    title: 'Components/ColumnCell',\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n        docs: {\n            description: {\n                component:\n                    'Table cell: YQL-typed values use `[payload, typeIndex]` with `yqlTypes[typeIndex]`; plain YSON uses `yqlTypes: null` or types without a matching index. Hover to show copy / truncated preview controls.',\n            },\n        },\n    },\n    decorators: [\n        (Story) => (\n            <ColumnCellStoryDecorator>\n                <Story />\n            </ColumnCellStoryDecorator>\n        ),\n    ],\n    args: {\n        ...columnCellStoryBaseArgsForVisual,\n        onShowPreview: fn(),\n    },\n    argTypes: {\n        value: {\n            control: 'object',\n            description:\n                'YQL: `[payload, typeIndex]`. String payload must be a scalar string, not a one-element array (binary/base64).',\n        },\n        yqlTypes: {\n            control: 'object',\n            description: 'Per-column YQL type list; `null` forces YSON rendering only.',\n        },\n        ysonSettings: {control: 'object'},\n        onShowPreview: {table: {disable: true}},\n    },\n    render: (args: ColumnCellStoryArgs) => (\n        <ColumnCell {...(args as ComponentProps<typeof ColumnCell>)} />\n    ),\n} satisfies Meta<ColumnCellStoryArgs>;\n\nexport default meta;\n\ntype ColumnCellStory = StoryObj<typeof meta>;\n\nexport const Default: ColumnCellStory = {};\n\nexport const YqlInt64: ColumnCellStory = {\n    args: {\n        value: [42, 0] as unknown,\n        yqlTypes: [['DataType', 'Int64']] as TypeArray[],\n    },\n};\n\nexport const YsonNumber: ColumnCellStory = {\n    args: {\n        yqlTypes: null,\n        useYqlTypes: false,\n        value: 42,\n    },\n};\n\nexport const IncompleteYson: ColumnCellStory = {\n    args: {\n        yqlTypes: null,\n        useYqlTypes: false,\n        value: {$incomplete: true, $value: 'Truncated…'},\n    },\n};\n\nexport const RawString: ColumnCellStory = {\n    args: {\n        yqlTypes: null,\n        useYqlTypes: false,\n        allowRawStrings: true,\n        value: {$type: 'string', $value: '\"hello\"'},\n    },\n};\n"],"mappings":";AAEA,SAAQA,EAAE,QAAO,gBAAgB;AAGjC,SAEIC,wBAAwB,EACxBC,gCAAgC,QAC7B,wBAAwB;AAC/B,SAAQC,UAAU,QAAO,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,IAAMC,IAAI,GAAG;EACTC,KAAK,EAAE,uBAAuB;EAC9BC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE,QAAQ;IAChBC,IAAI,EAAE;MACFC,WAAW,EAAE;QACTC,SAAS,EACL;MACR;IACJ;EACJ,CAAC;EACDC,UAAU,EAAE,CACR,UAACC,KAAK;IAAA,oBACFV,IAAA,CAACJ,wBAAwB;MAAAe,QAAA,eACrBX,IAAA,CAACU,KAAK,IAAE;IAAC,CACa,CAAC;EAAA,CAC9B,CACJ;EACDE,IAAI,EAAAC,aAAA,CAAAA,aAAA,KACGhB,gCAAgC;IACnCiB,aAAa,EAAEnB,EAAE,CAAC;EAAC,EACtB;EACDoB,QAAQ,EAAE;IACNC,KAAK,EAAE;MACHC,OAAO,EAAE,QAAQ;MACjBV,WAAW,EACP;IACR,CAAC;IACDW,QAAQ,EAAE;MACND,OAAO,EAAE,QAAQ;MACjBV,WAAW,EAAE;IACjB,CAAC;IACDY,YAAY,EAAE;MAACF,OAAO,EAAE;IAAQ,CAAC;IACjCH,aAAa,EAAE;MAACM,KAAK,EAAE;QAACC,OAAO,EAAE;MAAI;IAAC;EAC1C,CAAC;EACDC,MAAM,EAAE,SAARA,MAAMA,CAAGV,IAAyB;IAAA,oBAC9BZ,IAAA,CAACF,UAAU,EAAAe,aAAA,KAAMD,IAAI,CAAyC,CAAC;EAAA;AAEvE,CAAqC;AAErC,eAAeX,IAAI;AAInB,OAAO,IAAMsB,OAAwB,GAAG,CAAC,CAAC;AAE1C,OAAO,IAAMC,QAAyB,GAAG;EACrCZ,IAAI,EAAE;IACFI,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAAY;IACzBE,QAAQ,EAAE,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC;EACpC;AACJ,CAAC;AAED,OAAO,IAAMO,UAA2B,GAAG;EACvCb,IAAI,EAAE;IACFM,QAAQ,EAAE,IAAI;IACdQ,WAAW,EAAE,KAAK;IAClBV,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,IAAMW,cAA+B,GAAG;EAC3Cf,IAAI,EAAE;IACFM,QAAQ,EAAE,IAAI;IACdQ,WAAW,EAAE,KAAK;IAClBV,KAAK,EAAE;MAACY,WAAW,EAAE,IAAI;MAAEC,MAAM,EAAE;IAAY;EACnD;AACJ,CAAC;AAED,OAAO,IAAMC,SAA0B,GAAG;EACtClB,IAAI,EAAE;IACFM,QAAQ,EAAE,IAAI;IACdQ,WAAW,EAAE,KAAK;IAClBK,eAAe,EAAE,IAAI;IACrBf,KAAK,EAAE;MAACgB,KAAK,EAAE,QAAQ;MAAEH,MAAM,EAAE;IAAS;EAC9C;AACJ,CAAC","ignoreList":[]}

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

@@ -0,0 +1,158 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { test } from '../../../../playwright-components/core';
+import { ColumnCell } from '../ColumnCell';
+import { columnCellStoryBaseArgsForVisual, columnCellStoryFrameStyle } from '../columnCellStorySetup';
+import { jsx as _jsx } from "react/jsx-runtime";
+var noopPreview = function noopPreview() {};
+var columnCellBaseProps = _objectSpread(_objectSpread({}, columnCellStoryBaseArgsForVisual), {}, {
+  logError: function logError() {
+    return undefined;
+  }
+});
+var columnCellVisualTree = function columnCellVisualTree(cell) {
+  return /*#__PURE__*/_jsx("div", {
+    style: columnCellStoryFrameStyle,
+    children: cell
+  });
+};
+test('ColumnCell: 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(columnCellVisualTree(/*#__PURE__*/_jsx(ColumnCell, _objectSpread(_objectSpread({}, columnCellBaseProps), {}, {
+            onShowPreview: noopPreview
+          }))));
+        case 1:
+          _context.next = 2;
+          return expectScreenshot();
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function (_x) {
+    return _ref2.apply(this, arguments);
+  };
+}());
+test('ColumnCell: YqlInt64', /*#__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(columnCellVisualTree(/*#__PURE__*/_jsx(ColumnCell, _objectSpread(_objectSpread({}, columnCellBaseProps), {}, {
+            value: [42, 0],
+            yqlTypes: [['DataType', 'Int64']],
+            onShowPreview: noopPreview
+          }))));
+        case 1:
+          _context2.next = 2;
+          return expectScreenshot();
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function (_x2) {
+    return _ref4.apply(this, arguments);
+  };
+}());
+test('ColumnCell: YsonNumber', /*#__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(columnCellVisualTree(/*#__PURE__*/_jsx(ColumnCell, _objectSpread(_objectSpread({}, columnCellBaseProps), {}, {
+            yqlTypes: null,
+            useYqlTypes: false,
+            value: 42,
+            onShowPreview: noopPreview
+          }))));
+        case 1:
+          _context3.next = 2;
+          return expectScreenshot();
+        case 2:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function (_x3) {
+    return _ref6.apply(this, arguments);
+  };
+}());
+test('ColumnCell: IncompleteYson', /*#__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(columnCellVisualTree(/*#__PURE__*/_jsx(ColumnCell, _objectSpread(_objectSpread({}, columnCellBaseProps), {}, {
+            yqlTypes: null,
+            useYqlTypes: false,
+            value: {
+              $incomplete: true,
+              $value: 'Truncated…'
+            },
+            onShowPreview: noopPreview
+          }))));
+        case 1:
+          _context4.next = 2;
+          return expectScreenshot();
+        case 2:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return function (_x4) {
+    return _ref8.apply(this, arguments);
+  };
+}());
+test('ColumnCell: RawString', /*#__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(columnCellVisualTree(/*#__PURE__*/_jsx(ColumnCell, _objectSpread(_objectSpread({}, columnCellBaseProps), {}, {
+            yqlTypes: null,
+            useYqlTypes: false,
+            allowRawStrings: true,
+            value: {
+              $type: 'string',
+              $value: '"hello"'
+            },
+            onShowPreview: noopPreview
+          }))));
+        case 1:
+          _context5.next = 2;
+          return expectScreenshot();
+        case 2:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  }));
+  return function (_x5) {
+    return _ref0.apply(this, arguments);
+  };
+}());
+// #sourceMappingURL=ColumnCell.visual.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["test","ColumnCell","columnCellStoryBaseArgsForVisual","columnCellStoryFrameStyle","jsx","_jsx","noopPreview","columnCellBaseProps","_objectSpread","logError","undefined","columnCellVisualTree","cell","style","children","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_ref","mount","expectScreenshot","wrap","_context","prev","next","onShowPreview","stop","_x","apply","arguments","_ref4","_callee2","_ref3","_context2","value","yqlTypes","_x2","_ref6","_callee3","_ref5","_context3","useYqlTypes","_x3","_ref8","_callee4","_ref7","_context4","$incomplete","$value","_x4","_ref0","_callee5","_ref9","_context5","allowRawStrings","$type","_x5"],"sources":["ColumnCell.visual.test.tsx"],"sourcesContent":["import {type ComponentProps, type ReactElement} from 'react';\n\nimport {test} from '../../../../playwright-components/core';\n\nimport {ColumnCell} from '../ColumnCell';\nimport {columnCellStoryBaseArgsForVisual, columnCellStoryFrameStyle} from '../columnCellStorySetup';\n\nconst noopPreview = () => {};\n\nconst columnCellBaseProps = {\n    ...columnCellStoryBaseArgsForVisual,\n    logError: () => undefined,\n} as unknown as ComponentProps<typeof ColumnCell>;\n\nconst columnCellVisualTree = (cell: ReactElement) => (\n    <div style={columnCellStoryFrameStyle}>{cell}</div>\n);\n\ntest('ColumnCell: Default', async ({mount, expectScreenshot}) => {\n    await mount(\n        columnCellVisualTree(<ColumnCell {...columnCellBaseProps} onShowPreview={noopPreview} />),\n    );\n    await expectScreenshot();\n});\n\ntest('ColumnCell: YqlInt64', async ({mount, expectScreenshot}) => {\n    await mount(\n        columnCellVisualTree(\n            <ColumnCell\n                {...columnCellBaseProps}\n                value={[42, 0]}\n                yqlTypes={[['DataType', 'Int64']]}\n                onShowPreview={noopPreview}\n            />,\n        ),\n    );\n    await expectScreenshot();\n});\n\ntest('ColumnCell: YsonNumber', async ({mount, expectScreenshot}) => {\n    await mount(\n        columnCellVisualTree(\n            <ColumnCell\n                {...columnCellBaseProps}\n                yqlTypes={null}\n                useYqlTypes={false}\n                value={42}\n                onShowPreview={noopPreview}\n            />,\n        ),\n    );\n    await expectScreenshot();\n});\n\ntest('ColumnCell: IncompleteYson', async ({mount, expectScreenshot}) => {\n    await mount(\n        columnCellVisualTree(\n            <ColumnCell\n                {...columnCellBaseProps}\n                yqlTypes={null}\n                useYqlTypes={false}\n                value={{$incomplete: true, $value: 'Truncated…'}}\n                onShowPreview={noopPreview}\n            />,\n        ),\n    );\n    await expectScreenshot();\n});\n\ntest('ColumnCell: RawString', async ({mount, expectScreenshot}) => {\n    await mount(\n        columnCellVisualTree(\n            <ColumnCell\n                {...columnCellBaseProps}\n                yqlTypes={null}\n                useYqlTypes={false}\n                allowRawStrings\n                value={{$type: 'string', $value: '\"hello\"'}}\n                onShowPreview={noopPreview}\n            />,\n        ),\n    );\n    await expectScreenshot();\n});\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/ColumnCell/columnCellStorySetup.d.ts

@@ -0,0 +1,23 @@
+import React, { type CSSProperties } from 'react';
+import type { UnipikaSettings } from '../../internal/Yson/StructuredYson/StructuredYsonTypes';
+import type { TypeArray } from '../SchemaDataType/dataTypes';
+/** Same shape as stories; shared with Playwright visual tests (no Storybook imports). */
+export type ColumnCellStoryUnipikaSettings = Omit<UnipikaSettings, 'validateSrcUrl' | 'normalizeUrl'>;
+export type ColumnCellStoryArgs = {
+    className?: string;
+    value: unknown;
+    yqlTypes: TypeArray[] | null;
+    ysonSettings: ColumnCellStoryUnipikaSettings;
+    allowRawStrings: boolean | null;
+    rowIndex: number;
+    columnName: string;
+    useYqlTypes?: boolean;
+    onShowPreview: (columnName: string, rowIndex: number, tag?: string) => void | Promise<void>;
+};
+export declare const defaultColumnCellYsonSettings: ColumnCellStoryUnipikaSettings;
+export declare const columnCellStoryBaseArgsForVisual: Omit<ColumnCellStoryArgs, 'onShowPreview'>;
+export declare const columnCellStoryFrameStyle: CSSProperties;
+export declare function ColumnCellStoryDecorator({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=columnCellStorySetup.d.ts.map

package/build/esm/components/ColumnCell/columnCellStorySetup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"columnCellStorySetup.d.ts","sourceRoot":"","sources":["../../../../src/components/ColumnCell/columnCellStorySetup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,aAAa,EAAC,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,wDAAwD,CAAC;AAC5F,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,6BAA6B,CAAC;AAE3D,yFAAyF;AACzF,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAC7C,eAAe,EACf,gBAAgB,GAAG,cAAc,CACpC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,8BAA8B,CAAC;IAC7C,eAAe,EAAE,OAAO,GAAG,IAAI,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/F,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,8BAY3C,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,IAAI,CAAC,mBAAmB,EAAE,eAAe,CAQvF,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,aAMvC,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,2CAE/E"}

package/build/esm/components/ColumnCell/columnCellStorySetup.js

@@ -0,0 +1,41 @@
+import React from 'react';
+
+/** Same shape as stories; shared with Playwright visual tests (no Storybook imports). */
+import { jsx as _jsx } from "react/jsx-runtime";
+export var defaultColumnCellYsonSettings = {
+  format: 'yson',
+  showDecoded: false,
+  compact: true,
+  escapeWhitespace: false,
+  binaryAsHex: true,
+  asHTML: true,
+  treatValAsData: true,
+  indent: 4,
+  "break": true,
+  escapeYQLStrings: true,
+  nonBreakingIndent: true
+};
+export var columnCellStoryBaseArgsForVisual = {
+  columnName: 'sample_column',
+  rowIndex: 0,
+  allowRawStrings: false,
+  useYqlTypes: true,
+  ysonSettings: defaultColumnCellYsonSettings,
+  yqlTypes: [['DataType', 'String']],
+  value: ['hello', 0]
+};
+export var columnCellStoryFrameStyle = {
+  minWidth: 280,
+  minHeight: 56,
+  padding: 12,
+  border: '1px dashed var(--g-color-line-generic, #ddd)',
+  borderRadius: 8
+};
+export function ColumnCellStoryDecorator(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_jsx("div", {
+    style: columnCellStoryFrameStyle,
+    children: children
+  });
+}
+// #sourceMappingURL=columnCellStorySetup.js.map

package/build/esm/components/ColumnCell/columnCellStorySetup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","jsx","_jsx","defaultColumnCellYsonSettings","format","showDecoded","compact","escapeWhitespace","binaryAsHex","asHTML","treatValAsData","indent","escapeYQLStrings","nonBreakingIndent","columnCellStoryBaseArgsForVisual","columnName","rowIndex","allowRawStrings","useYqlTypes","ysonSettings","yqlTypes","value","columnCellStoryFrameStyle","minWidth","minHeight","padding","border","borderRadius","ColumnCellStoryDecorator","_ref","children","style"],"sources":["columnCellStorySetup.tsx"],"sourcesContent":["import React, {type CSSProperties} from 'react';\n\nimport type {UnipikaSettings} from '../../internal/Yson/StructuredYson/StructuredYsonTypes';\nimport type {TypeArray} from '../SchemaDataType/dataTypes';\n\n/** Same shape as stories; shared with Playwright visual tests (no Storybook imports). */\nexport type ColumnCellStoryUnipikaSettings = Omit<\n    UnipikaSettings,\n    'validateSrcUrl' | 'normalizeUrl'\n>;\n\nexport type ColumnCellStoryArgs = {\n    className?: string;\n    value: unknown;\n    yqlTypes: TypeArray[] | null;\n    ysonSettings: ColumnCellStoryUnipikaSettings;\n    allowRawStrings: boolean | null;\n    rowIndex: number;\n    columnName: string;\n    useYqlTypes?: boolean;\n    onShowPreview: (columnName: string, rowIndex: number, tag?: string) => void | Promise<void>;\n};\n\nexport const defaultColumnCellYsonSettings: ColumnCellStoryUnipikaSettings = {\n    format: 'yson',\n    showDecoded: false,\n    compact: true,\n    escapeWhitespace: false,\n    binaryAsHex: true,\n    asHTML: true,\n    treatValAsData: true,\n    indent: 4,\n    break: true,\n    escapeYQLStrings: true,\n    nonBreakingIndent: true,\n};\n\nexport const columnCellStoryBaseArgsForVisual: Omit<ColumnCellStoryArgs, 'onShowPreview'> = {\n    columnName: 'sample_column',\n    rowIndex: 0,\n    allowRawStrings: false,\n    useYqlTypes: true,\n    ysonSettings: defaultColumnCellYsonSettings,\n    yqlTypes: [['DataType', 'String']] as TypeArray[],\n    value: ['hello', 0] as unknown,\n};\n\nexport const columnCellStoryFrameStyle: CSSProperties = {\n    minWidth: 280,\n    minHeight: 56,\n    padding: 12,\n    border: '1px dashed var(--g-color-line-generic, #ddd)',\n    borderRadius: 8,\n};\n\nexport function ColumnCellStoryDecorator({children}: {children: React.ReactNode}) {\n    return <div style={columnCellStoryFrameStyle}>{children}</div>;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAA4B,OAAO;;AAK/C;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAkBA,OAAO,IAAMC,6BAA6D,GAAG;EACzEC,MAAM,EAAE,MAAM;EACdC,WAAW,EAAE,KAAK;EAClBC,OAAO,EAAE,IAAI;EACbC,gBAAgB,EAAE,KAAK;EACvBC,WAAW,EAAE,IAAI;EACjBC,MAAM,EAAE,IAAI;EACZC,cAAc,EAAE,IAAI;EACpBC,MAAM,EAAE,CAAC;EACT,SAAO,IAAI;EACXC,gBAAgB,EAAE,IAAI;EACtBC,iBAAiB,EAAE;AACvB,CAAC;AAED,OAAO,IAAMC,gCAA4E,GAAG;EACxFC,UAAU,EAAE,eAAe;EAC3BC,QAAQ,EAAE,CAAC;EACXC,eAAe,EAAE,KAAK;EACtBC,WAAW,EAAE,IAAI;EACjBC,YAAY,EAAEhB,6BAA6B;EAC3CiB,QAAQ,EAAE,CAAC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAgB;EACjDC,KAAK,EAAE,CAAC,OAAO,EAAE,CAAC;AACtB,CAAC;AAED,OAAO,IAAMC,yBAAwC,GAAG;EACpDC,QAAQ,EAAE,GAAG;EACbC,SAAS,EAAE,EAAE;EACbC,OAAO,EAAE,EAAE;EACXC,MAAM,EAAE,8CAA8C;EACtDC,YAAY,EAAE;AAClB,CAAC;AAED,OAAO,SAASC,wBAAwBA,CAAAC,IAAA,EAA0C;EAAA,IAAxCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC9C,oBAAO5B,IAAA;IAAK6B,KAAK,EAAET,yBAA0B;IAAAQ,QAAA,EAAEA;EAAQ,CAAM,CAAC;AAClE","ignoreList":[]}

package/build/esm/components/DataTableYT/DataTableYT.css

@@ -24,7 +24,7 @@
   }
 }
 .yt-data-table__no-data-placeholder {
-  background-color: var(--dark-divider);
+  background-color: var(--dark-divider, var(--g-color-line-generic));
   animation: shimmer 2s ease-in-out infinite;
   border-radius: 3px;
   height: 10px;

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

@@ -1 +1 @@
-{"version":3,"sources":["DataTableYT.scss"],"names":[],"mappings":"AACI;EACI,aAAA;EACA,mBAAA;EACA,YAAA;EAEA,WAAA;EACA,YAAA;EACA,gBAAA;AADR;AAGQ;EACI,6BAAA;AADZ;AAIQ;EACI,yBAAA;AAFZ;AAMI;EACI;IACI,YAAA;EAJV;EAMM;IACI,YAAA;EAJV;EAMM;IACI,YAAA;EAJV;AACF;AAOI;EACI,qCAAA;EACA,0CAAA;EACA,kBAAA;EACA,YAAA;EACA,UAAA;AALR;AAUQ;;;;EAEI,iBAAA;EACA,mBAAA;AANZ;AASQ;;;;EAEI,oDAAA;AALZ;AAQQ;;EACI,wCAAA;AALZ;AAUQ;EACI,yCAAA;AARZ;AAWQ;EACI,mBAAA;AATZ;AAYQ;EACI,4CAAA;AAVZ;AAcI;EAEI,iBAAA;EAAA,uBAAA;EACA,cAAA;EAAA,oBAAA;AAbR;AAkBQ;EACI,WAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,QAAA;EACA,mBAAA;AAhBZ","file":"DataTableYT.css","sourcesContent":[".yt-data-table {\n    &__content {\n        display: flex;\n        align-items: center;\n        padding: 1ex;\n\n        width: 100%;\n        height: 100%;\n        min-height: 30px;\n\n        &_align_center {\n            justify-content: space-around;\n        }\n\n        &_align_right {\n            justify-content: flex-end;\n        }\n    }\n\n    @keyframes shimmer {\n        0% {\n            opacity: 0.9;\n        }\n        50% {\n            opacity: 0.5;\n        }\n        100% {\n            opacity: 0.9;\n        }\n    }\n\n    &__no-data-placeholder {\n        background-color: var(--dark-divider);\n        animation: shimmer 2s ease-in-out infinite;\n        border-radius: 3px;\n        height: 10px;\n        width: 50%;\n    }\n\n    .data-table_theme_yt,\n    .data-table_theme_yt-borderless {\n        .data-table__td,\n        .data-table__th {\n            padding-top: 12px;\n            padding-bottom: 9px;\n        }\n\n        .data-table__row,\n        .data-table__head-row {\n            border-bottom: 1px solid var(--g-color-line-generic);\n        }\n\n        .data-table__th {\n            background-color: var(--main-background);\n        }\n    }\n\n    .data-table_theme_yt-borderless {\n        .data-table__row:hover {\n            background-color: var(--hover-background);\n        }\n\n        .data-table__row {\n            border-bottom: none;\n        }\n\n        .data-table__head-row {\n            border-bottom: 1px solid var(--dark-divider);\n        }\n    }\n\n    .data-table__box_sticky-head_moving .data-table__th {\n        // to collapse thead-element of\n        padding-bottom: unset;\n        padding-top: unset;\n    }\n\n    &_right-gap {\n        // the block is required to make right-gap for tables wider than the screen width\n        .data-table__th:last-child::before {\n            content: '';\n            display: block;\n            width: 10px;\n            height: 10px;\n            position: absolute;\n            right: 0;\n            margin-right: -10px;\n        }\n    }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["DataTableYT.scss"],"names":[],"mappings":"AACI;EACI,aAAA;EACA,mBAAA;EACA,YAAA;EAEA,WAAA;EACA,YAAA;EACA,gBAAA;AADR;AAGQ;EACI,6BAAA;AADZ;AAIQ;EACI,yBAAA;AAFZ;AAMI;EACI;IACI,YAAA;EAJV;EAMM;IACI,YAAA;EAJV;EAMM;IACI,YAAA;EAJV;AACF;AAOI;EACI,kEAAA;EACA,0CAAA;EACA,kBAAA;EACA,YAAA;EACA,UAAA;AALR;AAUQ;;;;EAEI,iBAAA;EACA,mBAAA;AANZ;AASQ;;;;EAEI,oDAAA;AALZ;AAQQ;;EACI,wCAAA;AALZ;AAUQ;EACI,yCAAA;AARZ;AAWQ;EACI,mBAAA;AATZ;AAYQ;EACI,4CAAA;AAVZ;AAcI;EAEI,iBAAA;EAAA,uBAAA;EACA,cAAA;EAAA,oBAAA;AAbR;AAkBQ;EACI,WAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,QAAA;EACA,mBAAA;AAhBZ","file":"DataTableYT.css","sourcesContent":[".yt-data-table {\n    &__content {\n        display: flex;\n        align-items: center;\n        padding: 1ex;\n\n        width: 100%;\n        height: 100%;\n        min-height: 30px;\n\n        &_align_center {\n            justify-content: space-around;\n        }\n\n        &_align_right {\n            justify-content: flex-end;\n        }\n    }\n\n    @keyframes shimmer {\n        0% {\n            opacity: 0.9;\n        }\n        50% {\n            opacity: 0.5;\n        }\n        100% {\n            opacity: 0.9;\n        }\n    }\n\n    &__no-data-placeholder {\n        background-color: var(--dark-divider, var(--g-color-line-generic));\n        animation: shimmer 2s ease-in-out infinite;\n        border-radius: 3px;\n        height: 10px;\n        width: 50%;\n    }\n\n    .data-table_theme_yt,\n    .data-table_theme_yt-borderless {\n        .data-table__td,\n        .data-table__th {\n            padding-top: 12px;\n            padding-bottom: 9px;\n        }\n\n        .data-table__row,\n        .data-table__head-row {\n            border-bottom: 1px solid var(--g-color-line-generic);\n        }\n\n        .data-table__th {\n            background-color: var(--main-background);\n        }\n    }\n\n    .data-table_theme_yt-borderless {\n        .data-table__row:hover {\n            background-color: var(--hover-background);\n        }\n\n        .data-table__row {\n            border-bottom: none;\n        }\n\n        .data-table__head-row {\n            border-bottom: 1px solid var(--dark-divider);\n        }\n    }\n\n    .data-table__box_sticky-head_moving .data-table__th {\n        // to collapse thead-element of\n        padding-bottom: unset;\n        padding-top: unset;\n    }\n\n    &_right-gap {\n        // the block is required to make right-gap for tables wider than the screen width\n        .data-table__th:last-child::before {\n            content: '';\n            display: block;\n            width: 10px;\n            height: 10px;\n            position: absolute;\n            right: 0;\n            margin-right: -10px;\n        }\n    }\n}\n"],"sourceRoot":""}

package/build/esm/components/DataTableYT/DataTableYT.scss

@@ -30,7 +30,7 @@
     }
 
     &__no-data-placeholder {
-        background-color: var(--dark-divider);
+        background-color: var(--dark-divider, var(--g-color-line-generic));
         animation: shimmer 2s ease-in-out infinite;
         border-radius: 3px;
         height: 10px;

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

@@ -0,0 +1,60 @@
+import type { Decorator, StoryObj } from '@storybook/react';
+import { type DataTableYtProps } from './DataTableYT';
+import { type DataTableYTDemoRow, type DataTableYTStoryArgs } from './dataTableYTStorySetup';
+type StoryArgs = DataTableYTStoryArgs & {
+    onRowClick?: DataTableYtProps<DataTableYTDemoRow>['onRowClick'];
+};
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    decorators: Decorator<StoryArgs>[];
+    args: {
+        onRowClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        data: DataTableYTDemoRow[];
+        loaded?: boolean;
+        loading?: boolean;
+        useThemeYT: boolean;
+        theme: string;
+        disableRightGap?: boolean;
+        noItemsText?: string;
+        settings: NonNullable<DataTableYtProps<DataTableYTDemoRow>["settings"]>;
+    };
+    argTypes: {
+        data: {
+            control: "object";
+        };
+        settings: {
+            control: "object";
+        };
+        theme: {
+            control: "select";
+            options: string[];
+            if: {
+                arg: string;
+                truthy: false;
+            };
+        };
+        onRowClick: {
+            table: {
+                disable: true;
+            };
+        };
+    };
+    render: ({ data, loaded, loading, useThemeYT, theme, disableRightGap, noItemsText, settings, onRowClick, }: StoryArgs) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<StoryArgs>;
+export declare const Default: Story;
+export declare const GravityTheme: Story;
+export declare const GravityLegacyTheme: Story;
+export declare const Empty: Story;
+export declare const Loading: Story;
+//# sourceMappingURL=DataTableYT.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableYT.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/DataTableYT/DataTableYT.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAQ,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAGhE,OAAO,EAAc,KAAK,gBAAgB,EAAC,MAAM,eAAe,CAAC;AACjE,OAAO,EACH,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EAM5B,MAAM,yBAAyB,CAAC;AAEjC,KAAK,SAAS,GAAG,oBAAoB,GAAG;IACpC,UAAU,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,YAAY,CAAC,CAAC;CACnE,CAAC;AAEF,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gHA2CH,SAAS;CAkBW,CAAC;AAE5B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

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

@@ -0,0 +1,106 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { fn } from 'storybook/test';
+import { DataTableYT } from './DataTableYT';
+import { THEME_LEGACY, THEME_YANDEX_CLOUD, dataTableYTDemoColumns, dataTableYTStoryDefaultArgs, dataTableYTStoryFrameStyle } from './dataTableYTStorySetup';
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'Components/DataTableYT',
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded',
+    docs: {
+      description: {
+        component: 'Wrapper over `@gravity-ui/react-data-table` with YTsaurus styling (`useThemeYT`), empty/loading states, and `NoContent` when `loaded` and there are no rows.'
+      }
+    }
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/_jsx("div", {
+      style: dataTableYTStoryFrameStyle,
+      children: /*#__PURE__*/_jsx(Story, {})
+    });
+  }],
+  args: _objectSpread(_objectSpread({}, dataTableYTStoryDefaultArgs), {}, {
+    onRowClick: fn()
+  }),
+  argTypes: {
+    data: {
+      control: 'object'
+    },
+    settings: {
+      control: 'object'
+    },
+    theme: {
+      control: 'select',
+      options: [THEME_YANDEX_CLOUD, THEME_LEGACY],
+      "if": {
+        arg: 'useThemeYT',
+        truthy: false
+      }
+    },
+    onRowClick: {
+      table: {
+        disable: true
+      }
+    }
+  },
+  render: function render(_ref) {
+    var data = _ref.data,
+      loaded = _ref.loaded,
+      loading = _ref.loading,
+      useThemeYT = _ref.useThemeYT,
+      theme = _ref.theme,
+      disableRightGap = _ref.disableRightGap,
+      noItemsText = _ref.noItemsText,
+      settings = _ref.settings,
+      onRowClick = _ref.onRowClick;
+    var common = {
+      columns: dataTableYTDemoColumns,
+      data: data,
+      loaded: loaded,
+      loading: loading,
+      disableRightGap: disableRightGap,
+      noItemsText: noItemsText,
+      settings: settings,
+      onRowClick: onRowClick
+    };
+    if (useThemeYT) {
+      return /*#__PURE__*/_jsx(DataTableYT, _objectSpread(_objectSpread({}, common), {}, {
+        useThemeYT: true
+      }));
+    }
+    return /*#__PURE__*/_jsx(DataTableYT, _objectSpread(_objectSpread({}, common), {}, {
+      theme: theme
+    }));
+  }
+};
+export default meta;
+export var Default = {};
+export var GravityTheme = {
+  args: {
+    useThemeYT: false,
+    theme: THEME_YANDEX_CLOUD
+  }
+};
+export var GravityLegacyTheme = {
+  name: 'Gravity theme (legacy)',
+  args: {
+    useThemeYT: false,
+    theme: THEME_LEGACY
+  }
+};
+export var Empty = {
+  args: {
+    data: [],
+    loaded: true,
+    loading: false
+  }
+};
+export var Loading = {
+  args: {
+    data: [],
+    loaded: false,
+    loading: true
+  }
+};
+// #sourceMappingURL=DataTableYT.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["fn","DataTableYT","THEME_LEGACY","THEME_YANDEX_CLOUD","dataTableYTDemoColumns","dataTableYTStoryDefaultArgs","dataTableYTStoryFrameStyle","jsx","_jsx","meta","title","tags","parameters","layout","docs","description","component","decorators","Story","style","children","args","_objectSpread","onRowClick","argTypes","data","control","settings","theme","options","arg","truthy","table","disable","render","_ref","loaded","loading","useThemeYT","disableRightGap","noItemsText","common","columns","Default","GravityTheme","GravityLegacyTheme","name","Empty","Loading"],"sources":["DataTableYT.stories.tsx"],"sourcesContent":["import type {Decorator, Meta, StoryObj} from '@storybook/react';\nimport {fn} from 'storybook/test';\n\nimport {DataTableYT, type DataTableYtProps} from './DataTableYT';\nimport {\n    type DataTableYTDemoRow,\n    type DataTableYTStoryArgs,\n    THEME_LEGACY,\n    THEME_YANDEX_CLOUD,\n    dataTableYTDemoColumns,\n    dataTableYTStoryDefaultArgs,\n    dataTableYTStoryFrameStyle,\n} from './dataTableYTStorySetup';\n\ntype StoryArgs = DataTableYTStoryArgs & {\n    onRowClick?: DataTableYtProps<DataTableYTDemoRow>['onRowClick'];\n};\n\nconst meta = {\n    title: 'Components/DataTableYT',\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n        docs: {\n            description: {\n                component:\n                    'Wrapper over `@gravity-ui/react-data-table` with YTsaurus styling (`useThemeYT`), empty/loading states, and `NoContent` when `loaded` and there are no rows.',\n            },\n        },\n    },\n    decorators: [\n        ((Story) => (\n            <div style={dataTableYTStoryFrameStyle}>\n                <Story />\n            </div>\n        )) as Decorator<StoryArgs>,\n    ],\n    args: {\n        ...dataTableYTStoryDefaultArgs,\n        onRowClick: fn(),\n    },\n    argTypes: {\n        data: {control: 'object'},\n        settings: {control: 'object'},\n        theme: {\n            control: 'select',\n            options: [THEME_YANDEX_CLOUD, THEME_LEGACY],\n            if: {arg: 'useThemeYT', truthy: false},\n        },\n        onRowClick: {table: {disable: true}},\n    },\n    render: ({\n        data,\n        loaded,\n        loading,\n        useThemeYT,\n        theme,\n        disableRightGap,\n        noItemsText,\n        settings,\n        onRowClick,\n    }: StoryArgs) => {\n        const common = {\n            columns: dataTableYTDemoColumns,\n            data,\n            loaded,\n            loading,\n            disableRightGap,\n            noItemsText,\n            settings,\n            onRowClick,\n        } as const;\n\n        if (useThemeYT) {\n            return <DataTableYT<DataTableYTDemoRow> {...common} useThemeYT />;\n        }\n\n        return <DataTableYT<DataTableYTDemoRow> {...common} theme={theme} />;\n    },\n} satisfies Meta<StoryArgs>;\n\nexport default meta;\n\ntype Story = StoryObj<StoryArgs>;\n\nexport const Default: Story = {};\n\nexport const GravityTheme: Story = {\n    args: {\n        useThemeYT: false,\n        theme: THEME_YANDEX_CLOUD,\n    },\n};\n\nexport const GravityLegacyTheme: Story = {\n    name: 'Gravity theme (legacy)',\n    args: {\n        useThemeYT: false,\n        theme: THEME_LEGACY,\n    },\n};\n\nexport const Empty: Story = {\n    args: {\n        data: [],\n        loaded: true,\n        loading: false,\n    },\n};\n\nexport const Loading: Story = {\n    args: {\n        data: [],\n        loaded: false,\n        loading: true,\n    },\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,101 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { test } from '../../../../playwright-components/core';
+import { DataTableYT } from '../DataTableYT';
+import { THEME_LEGACY, THEME_YANDEX_CLOUD, dataTableYTDefaultSettings, dataTableYTDemoColumns, dataTableYTSampleData, dataTableYTStoryFrameStyle, dataTableYTVisualCaseOrder } from '../dataTableYTStorySetup';
+import { jsx as _jsx } from "react/jsx-runtime";
+var noopOnRowClick = function noopOnRowClick() {
+  return undefined;
+};
+var commonTableProps = {
+  columns: dataTableYTDemoColumns,
+  disableRightGap: false,
+  settings: dataTableYTDefaultSettings,
+  onRowClick: noopOnRowClick
+};
+var renderDataTable = function renderDataTable(id) {
+  switch (id) {
+    case 'default':
+      return /*#__PURE__*/_jsx(DataTableYT, _objectSpread(_objectSpread({}, commonTableProps), {}, {
+        data: dataTableYTSampleData,
+        loaded: true,
+        loading: false,
+        useThemeYT: true
+      }));
+    case 'gravity-yandex-cloud':
+      return /*#__PURE__*/_jsx(DataTableYT, _objectSpread(_objectSpread({}, commonTableProps), {}, {
+        data: dataTableYTSampleData,
+        loaded: true,
+        loading: false,
+        theme: THEME_YANDEX_CLOUD
+      }));
+    case 'gravity-legacy':
+      return /*#__PURE__*/_jsx(DataTableYT, _objectSpread(_objectSpread({}, commonTableProps), {}, {
+        data: dataTableYTSampleData,
+        loaded: true,
+        loading: false,
+        theme: THEME_LEGACY
+      }));
+    case 'empty':
+      return /*#__PURE__*/_jsx(DataTableYT, _objectSpread(_objectSpread({}, commonTableProps), {}, {
+        data: [],
+        loaded: true,
+        loading: false,
+        useThemeYT: true
+      }));
+    case 'loading':
+      return /*#__PURE__*/_jsx(DataTableYT, _objectSpread(_objectSpread({}, commonTableProps), {}, {
+        data: [],
+        loaded: false,
+        loading: true,
+        useThemeYT: true
+      }));
+    default:
+      {
+        var _exhaustive = id;
+        return _exhaustive;
+      }
+  }
+};
+var _iterator = _createForOfIteratorHelper(dataTableYTVisualCaseOrder),
+  _step;
+try {
+  var _loop = function _loop() {
+    var caseId = _step.value;
+    test("DataTableYT: ".concat(caseId), /*#__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: dataTableYTStoryFrameStyle,
+                children: renderDataTable(caseId)
+              }));
+            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=DataTableYT.visual.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["test","DataTableYT","THEME_LEGACY","THEME_YANDEX_CLOUD","dataTableYTDefaultSettings","dataTableYTDemoColumns","dataTableYTSampleData","dataTableYTStoryFrameStyle","dataTableYTVisualCaseOrder","jsx","_jsx","noopOnRowClick","undefined","commonTableProps","columns","disableRightGap","settings","onRowClick","renderDataTable","id","_objectSpread","data","loaded","loading","useThemeYT","theme","_exhaustive","_iterator","_createForOfIteratorHelper","_step","_loop","caseId","value","concat","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_ref","mount","expectScreenshot","wrap","_context","prev","next","style","children","stop","_x","apply","arguments","s","n","done","err","e","f"],"sources":["DataTableYT.visual.test.tsx"],"sourcesContent":["import {type ReactElement} from 'react';\n\nimport {test} from '../../../../playwright-components/core';\n\nimport {DataTableYT} from '../DataTableYT';\nimport {\n    type DataTableYTDemoRow,\n    type DataTableYTVisualCaseId,\n    THEME_LEGACY,\n    THEME_YANDEX_CLOUD,\n    dataTableYTDefaultSettings,\n    dataTableYTDemoColumns,\n    dataTableYTSampleData,\n    dataTableYTStoryFrameStyle,\n    dataTableYTVisualCaseOrder,\n} from '../dataTableYTStorySetup';\n\nconst noopOnRowClick = () => undefined;\n\nconst commonTableProps = {\n    columns: dataTableYTDemoColumns,\n    disableRightGap: false,\n    settings: dataTableYTDefaultSettings,\n    onRowClick: noopOnRowClick,\n} as const;\n\nconst renderDataTable = (id: DataTableYTVisualCaseId): ReactElement => {\n    switch (id) {\n        case 'default':\n            return (\n                <DataTableYT<DataTableYTDemoRow>\n                    {...commonTableProps}\n                    data={dataTableYTSampleData}\n                    loaded\n                    loading={false}\n                    useThemeYT\n                />\n            );\n        case 'gravity-yandex-cloud':\n            return (\n                <DataTableYT<DataTableYTDemoRow>\n                    {...commonTableProps}\n                    data={dataTableYTSampleData}\n                    loaded\n                    loading={false}\n                    theme={THEME_YANDEX_CLOUD}\n                />\n            );\n        case 'gravity-legacy':\n            return (\n                <DataTableYT<DataTableYTDemoRow>\n                    {...commonTableProps}\n                    data={dataTableYTSampleData}\n                    loaded\n                    loading={false}\n                    theme={THEME_LEGACY}\n                />\n            );\n        case 'empty':\n            return (\n                <DataTableYT<DataTableYTDemoRow>\n                    {...commonTableProps}\n                    data={[]}\n                    loaded\n                    loading={false}\n                    useThemeYT\n                />\n            );\n        case 'loading':\n            return (\n                <DataTableYT<DataTableYTDemoRow>\n                    {...commonTableProps}\n                    data={[]}\n                    loaded={false}\n                    loading\n                    useThemeYT\n                />\n            );\n        default: {\n            const _exhaustive: never = id;\n            return _exhaustive;\n        }\n    }\n};\n\nfor (const caseId of dataTableYTVisualCaseOrder) {\n    test(`DataTableYT: ${caseId}`, async ({mount, expectScreenshot}) => {\n        await mount(<div style={dataTableYTStoryFrameStyle}>{renderDataTable(caseId)}</div>);\n        await expectScreenshot();\n    });\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/DataTableYT/dataTableYTStorySetup.d.ts

@@ -0,0 +1,28 @@
+import { type CSSProperties } from 'react';
+import { type Column, type DataTableYtProps } from './DataTableYT';
+export type DataTableYTDemoRow = {
+    id: string;
+    name: string;
+    value: number;
+};
+export declare const THEME_YANDEX_CLOUD = "yandex-cloud";
+export declare const THEME_LEGACY = "legacy";
+export declare const dataTableYTDemoColumns: Column<DataTableYTDemoRow>[];
+export declare const dataTableYTSampleData: DataTableYTDemoRow[];
+export declare const dataTableYTDefaultSettings: NonNullable<DataTableYtProps<DataTableYTDemoRow>['settings']>;
+export declare const dataTableYTStoryFrameStyle: CSSProperties;
+export type DataTableYTStoryArgs = {
+    data: DataTableYTDemoRow[];
+    loaded?: boolean;
+    loading?: boolean;
+    useThemeYT: boolean;
+    theme: string;
+    disableRightGap?: boolean;
+    noItemsText?: string;
+    settings: NonNullable<DataTableYtProps<DataTableYTDemoRow>['settings']>;
+};
+export declare const dataTableYTStoryDefaultArgs: DataTableYTStoryArgs;
+/** Stable order for Playwright screenshots (matches story variants). */
+export declare const dataTableYTVisualCaseOrder: readonly ["default", "gravity-yandex-cloud", "gravity-legacy", "empty", "loading"];
+export type DataTableYTVisualCaseId = (typeof dataTableYTVisualCaseOrder)[number];
+//# sourceMappingURL=dataTableYTStorySetup.d.ts.map

package/build/esm/components/DataTableYT/dataTableYTStorySetup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataTableYTStorySetup.d.ts","sourceRoot":"","sources":["../../../../src/components/DataTableYT/dataTableYTStorySetup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,aAAa,EAAC,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAC,KAAK,MAAM,EAAE,KAAK,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEjE,MAAM,MAAM,kBAAkB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AACjD,eAAO,MAAM,YAAY,WAAW,CAAC;AAErC,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAY9D,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,kBAAkB,EAIrD,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,WAAW,CAChD,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,UAAU,CAAC,CAKnD,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,aAExC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CAC3E,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,oBAQzC,CAAC;AAEF,wEAAwE;AACxE,eAAO,MAAM,0BAA0B,oFAM7B,CAAC;AAEX,MAAM,MAAM,uBAAuB,GAAG,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC"}