@ytsaurus/components 0.2.1 → 0.2.3

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","cn","Button","Flex","Icon","UIKitIcon","Eye","unipika","ClipboardButton","YqlValue","Yson","Label","Tooltip","useUnipikaSettings","useYtComponentsConfig","i18n","jsx","_jsx","jsxs","_jsxs","block","unquote","v","match","exec","ColumnCell","_ref","_ref$value","value","yqlTypes","ysonSettings","allowRawStrings","className","rowIndex","columnName","onShowPreview","useYqlTypes","_useYtComponentsConfi","logError","contextUnipika","effectiveYsonSettings","_useState","_useState2","_slicedToArray","hovered","setHovered","handleMouseEnter","handleMouseLeave","formatType","Number","undefined","escapedValue","getFormattedValue","_objectSpread","asHTML","prettyprint","formattedValue","type","settings","_React$useMemo","useMemo","isIncompleteTagged","isIncompleteValue","tag","flags","incomplete","_unipika$converters$y","converters","yql","$tag","Boolean","$incomplete","valueType","$type","rawValue","$value","allowRawCopy","isStringType","useRawString","shiftCopyValue","copyTooltip","visibleValue","children","_React$useState","_React$useState2","isPreviewInProgress","setPreviewInProgress","onMouseEnter","onMouseLeave","theme","text","alignItems","content","view","size","shiftText","qa","onClick","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","finish","stop","loading","data","lower","toLowerCase","error","message","concat","JSON","stringify"],"sources":["ColumnCell.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport cn from 'bem-cn-lite';\n\nimport {Button, Flex, Icon as UIKitIcon} from '@gravity-ui/uikit';\nimport {Eye} from '@gravity-ui/icons';\n\nimport unipika from '../../utils/unipika';\nimport {ClipboardButton} from '../ClipboardButton';\nimport {YqlValue} from '../YqlValue';\nimport {Yson} from '../../internal/Yson';\nimport {Label} from '../Label';\nimport {type TypeArray} from '../SchemaDataType/dataTypes';\nimport {Tooltip} from '../Tooltip';\nimport {UnipikaSettings} from '../../internal/Yson/StructuredYson/StructuredYsonTypes';\nimport {type LogErrorFn, useUnipikaSettings, useYtComponentsConfig} from '../../context';\n\nimport i18n from './i18n';\n\nimport './ColumnCell.scss';\n\nconst block = cn('yt-column-cell');\n\nfunction unquote(v: string) {\n    const match = /^\"(.*)\"$/.exec(v);\n    return match ? match[1] : v;\n}\n\ntype CellValueType =\n    | null\n    | (CellValueData & {\n          $incomplete?: boolean;\n          [k: number]: {inc?: boolean};\n      });\n\ntype CellValueData = {$type: string; $value: string} | {$type?: undefined; $value: unknown};\n\ntype ColumnCellProps = {\n    className?: string;\n\n    value?: CellValueType | null;\n    yqlTypes: Array<TypeArray> | null;\n    ysonSettings?: UnipikaSettings;\n    allowRawStrings?: boolean | null;\n    rowIndex: number;\n    columnName: string;\n    onShowPreview: (columnName: string, rowIndex: number, tag?: string) => void | Promise<void>;\n    useYqlTypes?: boolean;\n};\n\nexport function ColumnCell({\n    value = null,\n    yqlTypes,\n    ysonSettings,\n    allowRawStrings,\n    className,\n    rowIndex,\n    columnName,\n    onShowPreview,\n    useYqlTypes,\n}: ColumnCellProps) {\n    const {logError} = useYtComponentsConfig();\n    const contextUnipika = useUnipikaSettings();\n    const effectiveYsonSettings = ysonSettings || contextUnipika;\n    const [hovered, setHovered] = useState(false);\n    const handleMouseEnter = () => setHovered(true);\n    const handleMouseLeave = () => setHovered(false);\n\n    const formatType = yqlTypes && value ? yqlTypes[Number(value[1])] : undefined;\n\n    const escapedValue =\n        formatType && value\n            ? YqlValue.getFormattedValue(value[0], formatType, {\n                  ...effectiveYsonSettings,\n                  asHTML: false,\n              })\n            : unipika.prettyprint(value, {...effectiveYsonSettings, asHTML: false});\n    const formattedValue =\n        formatType && value ? (\n            <YqlValue value={value[0]} type={formatType} settings={ysonSettings} />\n        ) : (\n            <Yson value={value} settings={ysonSettings} />\n        );\n\n    const {tag, isIncompleteTagged, isIncompleteValue} = React.useMemo(() => {\n        let isIncompleteTagged = false;\n        let isIncompleteValue = false;\n        let tag: string | undefined;\n\n        if (value && formatType) {\n            const flags: {incomplete: boolean} = {incomplete: false};\n\n            const {$tag} = unipika.converters.yql(\n                [value[0], formatType],\n                effectiveYsonSettings,\n                flags,\n            );\n\n            isIncompleteValue = flags.incomplete;\n            isIncompleteTagged = flags.incomplete && $tag;\n            tag = $tag;\n        } else if (value) {\n            isIncompleteValue = Boolean(value.$incomplete);\n        }\n\n        return {tag, isIncompleteTagged, isIncompleteValue};\n    }, [value, formatType, effectiveYsonSettings]);\n\n    const valueType = useYqlTypes ? formatType : value?.$type;\n    const rawValue = useYqlTypes ? value?.[0] : value?.$value;\n\n    const allowRawCopy = typeof rawValue === 'string' && isStringType(valueType, logError);\n    const useRawString = allowRawCopy && allowRawStrings;\n    let shiftCopyValue;\n    if (allowRawCopy) {\n        shiftCopyValue = useRawString ? unquote(escapedValue) : rawValue;\n    }\n    let copyTooltip = i18n('hold-shift-raw');\n    if (useRawString) {\n        copyTooltip = i18n('hold-shift-escaped');\n    }\n\n    const visibleValue = !useRawString ? (\n        formattedValue\n    ) : (\n        <div className={'unipika-wrapper'}>\n            <pre className={'unipika'}>\n                <span className={'string'}>{rawValue}</span>\n            </pre>\n        </div>\n    );\n\n    const [isPreviewInProgress, setPreviewInProgress] = React.useState(false);\n\n    return (\n        <div\n            className={block(null, className) /*dataTableBlock('value')*/}\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={handleMouseLeave}\n        >\n            {isIncompleteTagged ? (\n                <Label theme=\"warning\" text={i18n('incomplete-type', {tag})} />\n            ) : (\n                visibleValue\n            )}\n            {(hovered || isIncompleteTagged) && (\n                <div className={block('control-button-wrapper')}>\n                    <Flex alignItems=\"center\">\n                        {value && !isIncompleteValue && (\n                            <Tooltip\n                                content={\n                                    !allowRawCopy ? undefined : (\n                                        <span className={block('copy-value-tooltip')}>\n                                            {copyTooltip}\n                                        </span>\n                                    )\n                                }\n                            >\n                                <ClipboardButton\n                                    view=\"flat-secondary\"\n                                    size=\"m\"\n                                    text={useRawString ? rawValue : unquote(escapedValue)}\n                                    shiftText={shiftCopyValue}\n                                />\n                            </Tooltip>\n                        )}\n                        {isIncompleteValue && (\n                            <Button\n                                view=\"flat-secondary\"\n                                size=\"m\"\n                                qa=\"truncated-preview-button\"\n                                onClick={async () => {\n                                    setPreviewInProgress(true);\n                                    try {\n                                        if (!isPreviewInProgress) {\n                                            await onShowPreview(columnName, rowIndex, tag);\n                                        }\n                                    } finally {\n                                        setPreviewInProgress(false);\n                                    }\n                                }}\n                                loading={isPreviewInProgress}\n                            >\n                                <UIKitIcon data={Eye} size=\"12\" />\n                            </Button>\n                        )}\n                    </Flex>\n                </div>\n            )}\n        </div>\n    );\n}\n\nfunction isStringType(type?: string | TypeArray, logError?: LogErrorFn) {\n    if (!type) {\n        return false;\n    }\n    if (typeof type === 'string') {\n        return type === 'string';\n    }\n\n    try {\n        if (type[0] !== 'DataType') {\n            return false;\n        }\n        const lower = type[1].toLowerCase();\n        return lower === 'string' || lower === 'json' || lower === 'utf8';\n    } catch (error: any) {\n        logError?.({message: `ColumnCell: unexpected type: '${JSON.stringify(type)}'`}, error);\n        return false;\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","cn","Button","Flex","Icon","UIKitIcon","Eye","unipika","ClipboardButton","YqlValue","YSON_DEFAULT_UNIPIKA_SETTINGS","Yson","Label","Tooltip","i18n","DefaultErrorBoundary","jsx","_jsx","jsxs","_jsxs","block","unquote","v","match","exec","ColumnCell","_ref","_ref$value","value","yqlTypes","ysonSettings","allowRawStrings","className","rowIndex","columnName","onShowPreview","useYqlTypes","logError","_ref$ErrorBoundaryCom","ErrorBoundaryComponent","logger","console","log","_useState","_useState2","_slicedToArray","hovered","setHovered","handleMouseEnter","handleMouseLeave","formatType","Array","isArray","Number","undefined","cellUnipikaSettings","escapedValue","getFormattedValue","_objectSpread","asHTML","prettyprint","formattedValue","type","settings","_React$useMemo","useMemo","isIncompleteTagged","isIncompleteValue","tag","flags","incomplete","_unipika$converters$y","converters","yql","$tag","_typeof","Boolean","$incomplete","valueType","$type","rawValue","$value","allowRawCopy","isStringType","useRawString","shiftCopyValue","copyTooltip","visibleValue","children","_React$useState","_React$useState2","isPreviewInProgress","setPreviewInProgress","onMouseEnter","onMouseLeave","theme","text","alignItems","content","view","size","shiftText","qa","onClick","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","finish","stop","loading","data","lower","toLowerCase","error","message","concat","JSON","stringify"],"sources":["ColumnCell.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport cn from 'bem-cn-lite';\n\nimport {Button, Flex, Icon as UIKitIcon} from '@gravity-ui/uikit';\nimport {Eye} from '@gravity-ui/icons';\n\nimport unipika from '../../utils/unipika';\nimport {ClipboardButton} from '../ClipboardButton';\nimport {YqlValue} from '../YqlValue';\nimport {YSON_DEFAULT_UNIPIKA_SETTINGS, Yson} from '../../internal/Yson';\nimport {Label} from '../Label';\nimport {type TypeArray} from '../SchemaDataType/dataTypes';\nimport {Tooltip} from '../Tooltip';\nimport {UnipikaSettings} from '../../internal/Yson/StructuredYson/StructuredYsonTypes';\n\nimport i18n from './i18n';\n\nimport './ColumnCell.scss';\nimport {LogErrorFn} from '../../types';\nimport type {ErrorBoundaryProps} from '../../internal/DefaultErrorBoundary';\nimport DefaultErrorBoundary from '../../internal/DefaultErrorBoundary/ErrorBoundary';\n\nconst block = cn('yt-column-cell');\n\nfunction unquote(v: string) {\n    const match = /^\"(.*)\"$/.exec(v);\n    return match ? match[1] : v;\n}\n\ntype CellValueType =\n    | null\n    | number\n    | unknown[]\n    | (CellValueData & {\n          $incomplete?: boolean;\n      });\n\ntype CellValueData = {$type: string; $value: string} | {$type?: undefined; $value: unknown};\n\ntype ColumnCellProps = {\n    className?: string;\n\n    value?: CellValueType | null;\n    yqlTypes: Array<TypeArray> | null;\n    ysonSettings?: UnipikaSettings;\n    allowRawStrings?: boolean | null;\n    rowIndex: number;\n    columnName: string;\n    onShowPreview: (columnName: string, rowIndex: number, tag?: string) => void | Promise<void>;\n    useYqlTypes?: boolean;\n    logError?: LogErrorFn;\n    ErrorBoundaryComponent?: React.ComponentType<ErrorBoundaryProps>;\n};\n\nexport function ColumnCell({\n    value = null,\n    yqlTypes,\n    ysonSettings,\n    allowRawStrings,\n    className,\n    rowIndex,\n    columnName,\n    onShowPreview,\n    useYqlTypes,\n    logError,\n    ErrorBoundaryComponent = DefaultErrorBoundary,\n}: ColumnCellProps) {\n    const logger = logError ?? console.log;\n    const [hovered, setHovered] = useState(false);\n    const handleMouseEnter = () => setHovered(true);\n    const handleMouseLeave = () => setHovered(false);\n\n    const formatType =\n        yqlTypes && value && Array.isArray(value) ? yqlTypes[Number(value[1])] : undefined;\n    const cellUnipikaSettings = ysonSettings ?? YSON_DEFAULT_UNIPIKA_SETTINGS;\n\n    const escapedValue =\n        formatType && value && Array.isArray(value)\n            ? YqlValue.getFormattedValue(value[0], formatType, {\n                  ...cellUnipikaSettings,\n                  asHTML: false,\n              })\n            : unipika.prettyprint(value, {...cellUnipikaSettings, asHTML: false});\n    const formattedValue =\n        formatType && value && Array.isArray(value) ? (\n            <YqlValue\n                value={value[0]}\n                type={formatType}\n                settings={cellUnipikaSettings}\n                ErrorBoundaryComponent={ErrorBoundaryComponent}\n            />\n        ) : (\n            <Yson\n                value={value}\n                settings={cellUnipikaSettings}\n                ErrorBoundaryComponent={ErrorBoundaryComponent}\n            />\n        );\n\n    const {tag, isIncompleteTagged, isIncompleteValue} = React.useMemo(() => {\n        let isIncompleteTagged = false;\n        let isIncompleteValue = false;\n        let tag: string | undefined;\n\n        if (value && formatType && Array.isArray(value)) {\n            const flags: {incomplete: boolean} = {incomplete: false};\n\n            const {$tag} = unipika.converters.yql(\n                [value[0], formatType],\n                cellUnipikaSettings,\n                flags,\n            );\n\n            isIncompleteValue = flags.incomplete;\n            isIncompleteTagged = flags.incomplete && $tag;\n            tag = $tag;\n        } else if (value && typeof value === 'object' && !Array.isArray(value)) {\n            isIncompleteValue = Boolean((value as {$incomplete?: boolean}).$incomplete);\n        }\n\n        return {tag, isIncompleteTagged, isIncompleteValue};\n    }, [value, formatType, cellUnipikaSettings]);\n\n    const valueType = useYqlTypes\n        ? formatType\n        : value && typeof value === 'object' && !Array.isArray(value)\n          ? (value as {$type?: string}).$type\n          : undefined;\n    const rawValue = useYqlTypes\n        ? Array.isArray(value)\n            ? value[0]\n            : undefined\n        : value && typeof value === 'object' && !Array.isArray(value)\n          ? (value as {$value?: unknown}).$value\n          : undefined;\n\n    const allowRawCopy = typeof rawValue === 'string' && isStringType(valueType, logger);\n    const useRawString = allowRawCopy && allowRawStrings;\n    let shiftCopyValue;\n    if (allowRawCopy) {\n        shiftCopyValue = useRawString ? unquote(escapedValue) : rawValue;\n    }\n    let copyTooltip = i18n('hold-shift-raw');\n    if (useRawString) {\n        copyTooltip = i18n('hold-shift-escaped');\n    }\n\n    const visibleValue = !useRawString ? (\n        formattedValue\n    ) : (\n        <div className={'unipika-wrapper'}>\n            <pre className={'unipika'}>\n                <span className={'string'}>{rawValue}</span>\n            </pre>\n        </div>\n    );\n\n    const [isPreviewInProgress, setPreviewInProgress] = React.useState(false);\n\n    return (\n        <div\n            className={block(null, className) /*dataTableBlock('value')*/}\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={handleMouseLeave}\n        >\n            {isIncompleteTagged ? (\n                <Label theme=\"warning\" text={i18n('incomplete-type', {tag})} />\n            ) : (\n                visibleValue\n            )}\n            {(hovered || isIncompleteTagged) && (\n                <div className={block('control-button-wrapper')}>\n                    <Flex alignItems=\"center\">\n                        {value && !isIncompleteValue && (\n                            <Tooltip\n                                content={\n                                    !allowRawCopy ? undefined : (\n                                        <span className={block('copy-value-tooltip')}>\n                                            {copyTooltip}\n                                        </span>\n                                    )\n                                }\n                            >\n                                <ClipboardButton\n                                    view=\"flat-secondary\"\n                                    size=\"m\"\n                                    text={useRawString ? rawValue : unquote(escapedValue)}\n                                    shiftText={shiftCopyValue}\n                                />\n                            </Tooltip>\n                        )}\n                        {isIncompleteValue && (\n                            <Button\n                                view=\"flat-secondary\"\n                                size=\"m\"\n                                qa=\"truncated-preview-button\"\n                                onClick={async () => {\n                                    setPreviewInProgress(true);\n                                    try {\n                                        if (!isPreviewInProgress) {\n                                            await onShowPreview(columnName, rowIndex, tag);\n                                        }\n                                    } finally {\n                                        setPreviewInProgress(false);\n                                    }\n                                }}\n                                loading={isPreviewInProgress}\n                            >\n                                <UIKitIcon data={Eye} size=\"12\" />\n                            </Button>\n                        )}\n                    </Flex>\n                </div>\n            )}\n        </div>\n    );\n}\n\nfunction isStringType(type: string | TypeArray | undefined, logError: LogErrorFn) {\n    if (!type) {\n        return false;\n    }\n    if (typeof type === 'string') {\n        return type === 'string';\n    }\n\n    try {\n        if (type[0] !== 'DataType') {\n            return false;\n        }\n        const lower = type[1].toLowerCase();\n        return lower === 'string' || lower === 'json' || lower === 'utf8';\n    } catch (error: any) {\n        logError({message: `ColumnCell: unexpected type: '${JSON.stringify(type)}'`}, error);\n        return false;\n    }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,64 @@
+import type { StoryObj } from '@storybook/react';
+import type { TypeArray } from '../SchemaDataType/dataTypes';
+import { type ColumnCellStoryArgs } from './columnCellStorySetup';
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        className?: string | undefined;
+        value: unknown;
+        yqlTypes: TypeArray[] | null;
+        ysonSettings: import("./columnCellStorySetup").ColumnCellStoryUnipikaSettings;
+        allowRawStrings: boolean | null;
+        rowIndex: number;
+        columnName: string;
+        useYqlTypes?: boolean | undefined;
+        onShowPreview: (columnName: string, rowIndex: number, tag?: string) => void | Promise<void>;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+    args: {
+        onShowPreview: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        className?: string | undefined;
+        value: unknown;
+        yqlTypes: TypeArray[] | null;
+        ysonSettings: import("./columnCellStorySetup").ColumnCellStoryUnipikaSettings;
+        allowRawStrings: boolean | null;
+        rowIndex: number;
+        columnName: string;
+        useYqlTypes?: boolean | undefined;
+    };
+    argTypes: {
+        value: {
+            control: "object";
+            description: string;
+        };
+        yqlTypes: {
+            control: "object";
+            description: string;
+        };
+        ysonSettings: {
+            control: "object";
+        };
+        onShowPreview: {
+            table: {
+                disable: true;
+            };
+        };
+    };
+    render: (args: ColumnCellStoryArgs) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type ColumnCellStory = StoryObj<typeof meta>;
+export declare const Default: ColumnCellStory;
+export declare const YqlInt64: ColumnCellStory;
+export declare const YsonNumber: ColumnCellStory;
+export declare const IncompleteYson: ColumnCellStory;
+export declare const RawString: ColumnCellStory;
+//# sourceMappingURL=ColumnCell.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnCell.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ColumnCell/ColumnCell.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAGrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EACH,KAAK,mBAAmB,EAG3B,MAAM,wBAAwB,CAAC;AAGhC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;iEAQyK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA4BjK,mBAAmB;CAGD,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,eAAe,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,eAAoB,CAAC;AAE3C,eAAO,MAAM,QAAQ,EAAE,eAKtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,eAMxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,eAM5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,eAOvB,CAAC"}

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

@@ -0,0 +1,83 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { fn } from 'storybook/test';
+import { ColumnCellStoryDecorator, columnCellStoryBaseArgsForVisual } from './columnCellStorySetup';
+import { ColumnCell } from './ColumnCell';
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'Components/ColumnCell',
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded',
+    docs: {
+      description: {
+        component: '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.'
+      }
+    }
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/_jsx(ColumnCellStoryDecorator, {
+      children: /*#__PURE__*/_jsx(Story, {})
+    });
+  }],
+  args: _objectSpread(_objectSpread({}, columnCellStoryBaseArgsForVisual), {}, {
+    onShowPreview: fn()
+  }),
+  argTypes: {
+    value: {
+      control: 'object',
+      description: 'YQL: `[payload, typeIndex]`. String payload must be a scalar string, not a one-element array (binary/base64).'
+    },
+    yqlTypes: {
+      control: 'object',
+      description: 'Per-column YQL type list; `null` forces YSON rendering only.'
+    },
+    ysonSettings: {
+      control: 'object'
+    },
+    onShowPreview: {
+      table: {
+        disable: true
+      }
+    }
+  },
+  render: function render(args) {
+    return /*#__PURE__*/_jsx(ColumnCell, _objectSpread({}, args));
+  }
+};
+export default meta;
+export var Default = {};
+export var YqlInt64 = {
+  args: {
+    value: [42, 0],
+    yqlTypes: [['DataType', 'Int64']]
+  }
+};
+export var YsonNumber = {
+  args: {
+    yqlTypes: null,
+    useYqlTypes: false,
+    value: 42
+  }
+};
+export var IncompleteYson = {
+  args: {
+    yqlTypes: null,
+    useYqlTypes: false,
+    value: {
+      $incomplete: true,
+      $value: 'Truncated…'
+    }
+  }
+};
+export var RawString = {
+  args: {
+    yqlTypes: null,
+    useYqlTypes: false,
+    allowRawStrings: true,
+    value: {
+      $type: 'string',
+      $value: '"hello"'
+    }
+  }
+};
+// #sourceMappingURL=ColumnCell.stories.js.map

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"}