@ytsaurus/components 0.2.1 → 0.2.3

package/build/esm/api/navigation/table.d.ts

@@ -4,37 +4,7 @@ export function prepareRows(rowData: any, reverseRows?: boolean): {
     columns: any;
     yqlTypes: any;
 };
-export function getColumnsValues(row: any, keyColumns: any): any;
 export function prepareHeaders(headers: any): any;
-export function getRequestOutputFormat(columns: any, stringLimit: any, login: any, defaultTableColumnLimit: any, useYqlTypes: any): {
-    /** @type {'web_json'} */
-    $value: "web_json";
-    $attributes: {
-        field_weight_limit: any;
-        string_weight_limit: number | undefined;
-        max_selected_column_count: undefined;
-        max_all_column_names_count: undefined;
-        /** @type {'yql' | undefined} */
-        value_format: "yql" | undefined;
-    };
-};
-export function getDefaultRequestOutputFormat({ stringLimit, tableColumnLimit, columnNamesLimit, useYqlTypes, }: {
-    stringLimit: any;
-    tableColumnLimit?: undefined;
-    columnNamesLimit?: undefined;
-    useYqlTypes: any;
-}): {
-    /** @type {'web_json'} */
-    $value: "web_json";
-    $attributes: {
-        field_weight_limit: any;
-        string_weight_limit: number | undefined;
-        max_selected_column_count: undefined;
-        max_all_column_names_count: undefined;
-        /** @type {'yql' | undefined} */
-        value_format: "yql" | undefined;
-    };
-};
 export function getParsedError(error: any): {
     message: any;
     attributes: {

package/build/esm/api/navigation/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/api/navigation/table.js"],"names":[],"mappings":"AAMA,uDAkBC;AAED;;;;EAQC;AAED,iEAIC;AAED,kDAcC;AAED;IA4BQ,yBAAyB;YAAd,UAAU;;;;;;QAOjB,gCAAgC;sBAArB,KAAK,GAAG,SAAS;;EAhBvC;AAED;;;;;;IAOQ,yBAAyB;YAAd,UAAU;;;;;;QAOjB,gCAAgC;sBAArB,KAAK,GAAG,SAAS;;EAIvC;AAED;;;;;EAcC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/api/navigation/table.js"],"names":[],"mappings":"AAEA,uDAkBC;AAED;;;;EAQC;AAED,kDAcC;AAED;;;;;EAcC"}

package/build/esm/api/navigation/table.js

@@ -1,7 +1,4 @@
-import filter_ from 'lodash/filter';
-import map_ from 'lodash/map';
 import reverse_ from 'lodash/reverse';
-import Columns from './columns';
 export function parseErrorFromResponse(data) {
   // TODO use JSON.parse when error format is fixed
   // TODO move to yt-javascript module as utility
@@ -29,11 +26,6 @@ export function prepareRows(rowData) {
     yqlTypes: data.yql_type_registry || null
   };
 }
-export function getColumnsValues(row, keyColumns) {
-  return row && map_(keyColumns, function (keyColumnName) {
-    return row[Columns.escapeSpecialColumn(keyColumnName)];
-  });
-}
 export function prepareHeaders(headers) {
   var responseParameters = headers['x-yt-response-parameters'];
   if (responseParameters) {
@@ -46,44 +38,6 @@ export function prepareHeaders(headers) {
   }
   return [];
 }
-export function getRequestOutputFormat(columns, stringLimit, login, defaultTableColumnLimit, useYqlTypes) {
-  var filteredColumns = filter_(columns, function (column) {
-    return column.checked || column.keyColumn;
-  });
-  var columnNames = map_(filteredColumns, function (column) {
-    return column.name;
-  });
-  var outputFormat = getDefaultRequestOutputFormat({
-    stringLimit: stringLimit,
-    defaultTableColumnLimit: defaultTableColumnLimit,
-    columnNamesLimit: 3000,
-    useYqlTypes: useYqlTypes
-  });
-  if (columnNames.length) {
-    outputFormat.$attributes.column_names = columnNames;
-  }
-  return outputFormat;
-}
-export function getDefaultRequestOutputFormat(_ref) {
-  var stringLimit = _ref.stringLimit,
-    _ref$tableColumnLimit = _ref.tableColumnLimit,
-    tableColumnLimit = _ref$tableColumnLimit === void 0 ? undefined : _ref$tableColumnLimit,
-    _ref$columnNamesLimit = _ref.columnNamesLimit,
-    columnNamesLimit = _ref$columnNamesLimit === void 0 ? undefined : _ref$columnNamesLimit,
-    useYqlTypes = _ref.useYqlTypes;
-  return {
-    /** @type {'web_json'} */
-    $value: 'web_json',
-    $attributes: {
-      field_weight_limit: stringLimit,
-      string_weight_limit: stringLimit ? Math.round(stringLimit / 10) : undefined,
-      max_selected_column_count: tableColumnLimit,
-      max_all_column_names_count: columnNamesLimit,
-      /** @type {'yql' | undefined} */
-      value_format: useYqlTypes ? 'yql' : undefined
-    }
-  };
-}
 export function getParsedError(error) {
   var message;
   try {

package/build/esm/api/navigation/table.js.map

@@ -1 +1 @@
-{"version":3,"names":["filter_","map_","reverse_","Columns","parseErrorFromResponse","data","ERROR_DELIMETER","startDelimeterIndex","indexOf","endDelimeterIndex","lastIndexOf","length","substring","prepareRows","rowData","reverseRows","arguments","undefined","JSON","parse","rows","columns","all_column_names","yqlTypes","yql_type_registry","getColumnsValues","row","keyColumns","keyColumnName","escapeSpecialColumn","prepareHeaders","headers","responseParameters","params","err","getRequestOutputFormat","stringLimit","login","defaultTableColumnLimit","useYqlTypes","filteredColumns","column","checked","keyColumn","columnNames","name","outputFormat","getDefaultRequestOutputFormat","columnNamesLimit","$attributes","column_names","_ref","_ref$tableColumnLimit","tableColumnLimit","_ref$columnNamesLimit","$value","field_weight_limit","string_weight_limit","Math","round","max_selected_column_count","max_all_column_names_count","value_format","getParsedError","error","message","attributes","stderrs"],"sources":["table.js"],"sourcesContent":["import filter_ from 'lodash/filter';\nimport map_ from 'lodash/map';\nimport reverse_ from 'lodash/reverse';\n\nimport Columns from './columns';\n\nexport function parseErrorFromResponse(data) {\n    // TODO use JSON.parse when error format is fixed\n    // TODO move to yt-javascript module as utility\n    const ERROR_DELIMETER =\n        '\\n' +\n        '================================================================================' +\n        '\\n';\n    const startDelimeterIndex = data.indexOf(ERROR_DELIMETER);\n    const endDelimeterIndex = data.lastIndexOf(ERROR_DELIMETER);\n\n    if (\n        startDelimeterIndex !== -1 && // There is a start delimeter\n        endDelimeterIndex !== -1 && // There is an end delimeter\n        startDelimeterIndex !== endDelimeterIndex && // It is not the same delimeter\n        endDelimeterIndex + ERROR_DELIMETER.length === data.length // End delimeter ends response\n    ) {\n        return data.substring(startDelimeterIndex + ERROR_DELIMETER.length, endDelimeterIndex);\n    }\n}\n\nexport function prepareRows(rowData, reverseRows = false) {\n    const data = JSON.parse(rowData);\n    const rows = reverseRows ? reverse_(data.rows) : data.rows;\n    return {\n        rows: rows,\n        columns: data.all_column_names,\n        yqlTypes: data.yql_type_registry || null,\n    };\n}\n\nexport function getColumnsValues(row, keyColumns) {\n    return (\n        row && map_(keyColumns, (keyColumnName) => row[Columns.escapeSpecialColumn(keyColumnName)])\n    );\n}\n\nexport function prepareHeaders(headers) {\n    const responseParameters = headers['x-yt-response-parameters'];\n\n    if (responseParameters) {\n        try {\n            const params = JSON.parse(responseParameters);\n\n            return params['omitted_inaccessible_columns'] || [];\n        } catch (err) {\n            return [];\n        }\n    }\n\n    return [];\n}\n\nexport function getRequestOutputFormat(\n    columns,\n    stringLimit,\n    login,\n    defaultTableColumnLimit,\n    useYqlTypes,\n) {\n    const filteredColumns = filter_(columns, (column) => column.checked || column.keyColumn);\n    const columnNames = map_(filteredColumns, (column) => column.name);\n    const outputFormat = getDefaultRequestOutputFormat({\n        stringLimit,\n        defaultTableColumnLimit,\n        columnNamesLimit: 3000,\n        useYqlTypes,\n    });\n    if (columnNames.length) {\n        outputFormat.$attributes.column_names = columnNames;\n    }\n    return outputFormat;\n}\n\nexport function getDefaultRequestOutputFormat({\n    stringLimit,\n    tableColumnLimit = undefined,\n    columnNamesLimit = undefined,\n    useYqlTypes,\n}) {\n    return {\n        /** @type {'web_json'} */\n        $value: 'web_json',\n        $attributes: {\n            field_weight_limit: stringLimit,\n            string_weight_limit: stringLimit ? Math.round(stringLimit / 10) : undefined,\n            max_selected_column_count: tableColumnLimit,\n            max_all_column_names_count: columnNamesLimit,\n            /** @type {'yql' | undefined} */\n            value_format: useYqlTypes ? 'yql' : undefined,\n        },\n    };\n}\n\nexport function getParsedError(error) {\n    let message;\n    try {\n        message = JSON.parse(error).message;\n    } catch (err) {\n        message = 'Table reader returned an error';\n    }\n\n    return {\n        message,\n        attributes: {\n            stderrs: error,\n        },\n    };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["reverse_","parseErrorFromResponse","data","ERROR_DELIMETER","startDelimeterIndex","indexOf","endDelimeterIndex","lastIndexOf","length","substring","prepareRows","rowData","reverseRows","arguments","undefined","JSON","parse","rows","columns","all_column_names","yqlTypes","yql_type_registry","prepareHeaders","headers","responseParameters","params","err","getParsedError","error","message","attributes","stderrs"],"sources":["table.js"],"sourcesContent":["import reverse_ from 'lodash/reverse';\n\nexport function parseErrorFromResponse(data) {\n    // TODO use JSON.parse when error format is fixed\n    // TODO move to yt-javascript module as utility\n    const ERROR_DELIMETER =\n        '\\n' +\n        '================================================================================' +\n        '\\n';\n    const startDelimeterIndex = data.indexOf(ERROR_DELIMETER);\n    const endDelimeterIndex = data.lastIndexOf(ERROR_DELIMETER);\n\n    if (\n        startDelimeterIndex !== -1 && // There is a start delimeter\n        endDelimeterIndex !== -1 && // There is an end delimeter\n        startDelimeterIndex !== endDelimeterIndex && // It is not the same delimeter\n        endDelimeterIndex + ERROR_DELIMETER.length === data.length // End delimeter ends response\n    ) {\n        return data.substring(startDelimeterIndex + ERROR_DELIMETER.length, endDelimeterIndex);\n    }\n}\n\nexport function prepareRows(rowData, reverseRows = false) {\n    const data = JSON.parse(rowData);\n    const rows = reverseRows ? reverse_(data.rows) : data.rows;\n    return {\n        rows: rows,\n        columns: data.all_column_names,\n        yqlTypes: data.yql_type_registry || null,\n    };\n}\n\nexport function prepareHeaders(headers) {\n    const responseParameters = headers['x-yt-response-parameters'];\n\n    if (responseParameters) {\n        try {\n            const params = JSON.parse(responseParameters);\n\n            return params['omitted_inaccessible_columns'] || [];\n        } catch (err) {\n            return [];\n        }\n    }\n\n    return [];\n}\n\nexport function getParsedError(error) {\n    let message;\n    try {\n        message = JSON.parse(error).message;\n    } catch (err) {\n        message = 'Table reader returned an error';\n    }\n\n    return {\n        message,\n        attributes: {\n            stderrs: error,\n        },\n    };\n}\n"],"mappings":"AAAA,OAAOA,QAAQ,MAAM,gBAAgB;AAErC,OAAO,SAASC,sBAAsBA,CAACC,IAAI,EAAE;EACzC;EACA;EACA,IAAMC,eAAe,GACjB,IAAI,GACJ,kFAAkF,GAClF,IAAI;EACR,IAAMC,mBAAmB,GAAGF,IAAI,CAACG,OAAO,CAACF,eAAe,CAAC;EACzD,IAAMG,iBAAiB,GAAGJ,IAAI,CAACK,WAAW,CAACJ,eAAe,CAAC;EAE3D,IACIC,mBAAmB,KAAK,CAAC,CAAC;EAAI;EAC9BE,iBAAiB,KAAK,CAAC,CAAC;EAAI;EAC5BF,mBAAmB,KAAKE,iBAAiB;EAAI;EAC7CA,iBAAiB,GAAGH,eAAe,CAACK,MAAM,KAAKN,IAAI,CAACM,MAAM,CAAC;EAAA,EAC7D;IACE,OAAON,IAAI,CAACO,SAAS,CAACL,mBAAmB,GAAGD,eAAe,CAACK,MAAM,EAAEF,iBAAiB,CAAC;EAC1F;AACJ;AAEA,OAAO,SAASI,WAAWA,CAACC,OAAO,EAAuB;EAAA,IAArBC,WAAW,GAAAC,SAAA,CAAAL,MAAA,QAAAK,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,KAAK;EACpD,IAAMX,IAAI,GAAGa,IAAI,CAACC,KAAK,CAACL,OAAO,CAAC;EAChC,IAAMM,IAAI,GAAGL,WAAW,GAAGZ,QAAQ,CAACE,IAAI,CAACe,IAAI,CAAC,GAAGf,IAAI,CAACe,IAAI;EAC1D,OAAO;IACHA,IAAI,EAAEA,IAAI;IACVC,OAAO,EAAEhB,IAAI,CAACiB,gBAAgB;IAC9BC,QAAQ,EAAElB,IAAI,CAACmB,iBAAiB,IAAI;EACxC,CAAC;AACL;AAEA,OAAO,SAASC,cAAcA,CAACC,OAAO,EAAE;EACpC,IAAMC,kBAAkB,GAAGD,OAAO,CAAC,0BAA0B,CAAC;EAE9D,IAAIC,kBAAkB,EAAE;IACpB,IAAI;MACA,IAAMC,MAAM,GAAGV,IAAI,CAACC,KAAK,CAACQ,kBAAkB,CAAC;MAE7C,OAAOC,MAAM,CAAC,8BAA8B,CAAC,IAAI,EAAE;IACvD,CAAC,CAAC,OAAOC,GAAG,EAAE;MACV,OAAO,EAAE;IACb;EACJ;EAEA,OAAO,EAAE;AACb;AAEA,OAAO,SAASC,cAAcA,CAACC,KAAK,EAAE;EAClC,IAAIC,OAAO;EACX,IAAI;IACAA,OAAO,GAAGd,IAAI,CAACC,KAAK,CAACY,KAAK,CAAC,CAACC,OAAO;EACvC,CAAC,CAAC,OAAOH,GAAG,EAAE;IACVG,OAAO,GAAG,gCAAgC;EAC9C;EAEA,OAAO;IACHA,OAAO,EAAPA,OAAO;IACPC,UAAU,EAAE;MACRC,OAAO,EAAEH;IACb;EACJ,CAAC;AACL","ignoreList":[]}

package/build/esm/components/ClipboardButton/ClipboardButton.d.ts

@@ -4,7 +4,7 @@ import './ClipboardButton.scss';
 type ClipboardButtonProps = Omit<ButtonProps, 'onCopy' | 'view'> & {
     view?: ButtonProps['view'] | 'clear';
     className?: string;
-    text?: string | number;
+    text: string | number;
     shiftText?: string;
     buttonText?: string | null;
     title?: string;
@@ -70,13 +70,17 @@ export declare class ClipboardButton extends Component<ClipboardButtonProps> {
             };
             defaultProps: React.SVGProps<SVGSVGElement>;
             contextType?: React.Context<any> | undefined;
-        } | import("@gravity-ui/uikit/build/cjs/components/Icon/types").SVGIconSpriteData;
+        } | import("node_modules/@gravity-ui/uikit/build/esm/components/Icon/types").SVGIconSpriteData;
         success: React.FC<React.SVGProps<SVGSVGElement>>;
         error: React.FC<React.SVGProps<SVGSVGElement>>;
     };
     buttonRef: React.RefObject<HTMLButtonElement>;
+    shiftKeyPressed: boolean;
     handleHotkey: () => void;
     renderHotkey(): import("react/jsx-runtime").JSX.Element | null;
+    getTextToCopy: () => string;
+    onClickCapture: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onCopy: (text: string) => void;
     onClick: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/build/esm/components/ClipboardButton/ClipboardButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClipboardButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ClipboardButton/ClipboardButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGvC,OAAO,EAGH,WAAW,EAGX,SAAS,EAEZ,MAAM,mBAAmB,CAAC;AAQ3B,OAAO,wBAAwB,CAAC;AAIhC,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,MAAM,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF,qBAAa,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAChE,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAKhD;IAEF,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAIT;IAEF,SAAS,qCAAwC;IAEjD,YAAY,aAKV;IAEF,YAAY;IAmBZ,OAAO,GAAI,OAAO,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,UAazD;IAEF,MAAM;CA2DT"}
+{"version":3,"file":"ClipboardButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ClipboardButton/ClipboardButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGvC,OAAO,EAGH,WAAW,EAGX,SAAS,EACZ,MAAM,mBAAmB,CAAC;AAQ3B,OAAO,wBAAwB,CAAC;AAIhC,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,MAAM,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF,qBAAa,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAChE,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAKhD;IAEF,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAIT;IAEF,SAAS,qCAAwC;IACjD,eAAe,UAAS;IAExB,YAAY,aAKV;IAEF,YAAY;IAmBZ,aAAa,eAQX;IAEF,cAAc,GAAI,OAAO,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,UAEhE;IAEF,MAAM,GAAI,MAAM,MAAM,UAKpB;IAEF,OAAO,GAAI,OAAO,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,UAGzD;IAEF,MAAM;CAgET"}

package/build/esm/components/ClipboardButton/ClipboardButton.js

@@ -4,10 +4,10 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _callSuper from "@babel/runtime/helpers/callSuper";
 import _inherits from "@babel/runtime/helpers/inherits";
-var _excluded = ["text", "buttonText", "hotkey", "timeout", "hoverContent", "className", "visibleOnRowHover", "inlineMargins", "iconSize"];
+var _excluded = ["buttonText", "hotkey", "timeout", "hoverContent", "className", "visibleOnRowHover", "inlineMargins", "iconSize"];
 import React, { Component } from 'react';
 import cn from 'bem-cn-lite';
-import { Button, CopyToClipboard, Icon, copyTextToClipboard } from '@gravity-ui/uikit';
+import { Button, CopyToClipboard, Icon } from '@gravity-ui/uikit';
 var FilesIcon = function FilesIcon(props) {
   return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
     children: /*#__PURE__*/_jsx("path", {
@@ -78,25 +78,33 @@ export var ClipboardButton = /*#__PURE__*/function (_Component) {
       error: XmarkIcon
     };
     _this.buttonRef = /*#__PURE__*/React.createRef();
+    _this.shiftKeyPressed = false;
     _this.handleHotkey = function () {
       var current = _this.buttonRef.current;
       if (current !== null && current !== void 0 && current.click) {
         current.click();
       }
     };
-    _this.onClick = function (event) {
+    _this.getTextToCopy = function () {
       var _this$props = _this.props,
         text = _this$props.text,
-        shiftText = _this$props.shiftText,
-        onCopy = _this$props.onCopy;
-      var resText = (text === null || text === void 0 ? void 0 : text.toString()) || '';
-      if (event !== null && event !== void 0 && event.shiftKey && shiftText) {
+        shiftText = _this$props.shiftText;
+      var resText = text.toString() || '';
+      if (_this.shiftKeyPressed && shiftText) {
         resText = shiftText;
-        copyTextToClipboard(resText);
       }
+      return resText;
+    };
+    _this.onClickCapture = function (event) {
+      _this.shiftKeyPressed = event.shiftKey;
+    };
+    _this.onCopy = function (text) {
+      var onCopy = _this.props.onCopy;
       if ('function' === typeof onCopy) {
-        onCopy(resText);
+        onCopy(text);
       }
+    };
+    _this.onClick = function (event) {
       event.preventDefault();
       event.stopPropagation();
     };
@@ -125,7 +133,6 @@ export var ClipboardButton = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
       var _this$props3 = this.props,
-        text = _this$props3.text,
         buttonText = _this$props3.buttonText,
         hotkey = _this$props3.hotkey,
         timeout = _this$props3.timeout,
@@ -146,13 +153,15 @@ export var ClipboardButton = /*#__PURE__*/function (_Component) {
         children: /*#__PURE__*/_jsxs(Tooltip, {
           content: hoverContent,
           children: [/*#__PURE__*/_jsx(CopyToClipboard, {
-            text: (text === null || text === void 0 ? void 0 : text.toString()) || '',
+            text: this.getTextToCopy,
             timeout: timeout,
+            onCopy: this.onCopy,
             children: function children(state) {
               return buttonText ? /*#__PURE__*/_jsxs(Button, _objectSpread(_objectSpread({}, buttonProps), {}, {
                 view: buttonView,
                 ref: _this2.buttonRef,
                 onClick: _this2.onClick,
+                onClickCapture: _this2.onClickCapture,
                 children: [/*#__PURE__*/_jsx(Icon, {
                   data: _this2.iconByState[state],
                   size: resultIconSize
@@ -161,6 +170,7 @@ export var ClipboardButton = /*#__PURE__*/function (_Component) {
                 view: buttonView,
                 ref: _this2.buttonRef,
                 onClick: _this2.onClick,
+                onClickCapture: _this2.onClickCapture,
                 children: /*#__PURE__*/_jsx(Icon, {
                   data: _this2.iconByState[state],
                   size: resultIconSize

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

@@ -1 +1 @@
-{"version":3,"names":["React","Component","cn","Button","CopyToClipboard","Icon","copyTextToClipboard","FilesIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","CheckIcon","XmarkIcon","Hotkey","Tooltip","jsx","jsxs","_jsxs","block","ClipboardButton","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","iconByState","pending","icon","success","error","buttonRef","createRef","handleHotkey","current","click","onClick","event","_this$props","text","shiftText","onCopy","resText","toString","shiftKey","preventDefault","stopPropagation","_inherits","_createClass","key","value","renderHotkey","_this$props2","hotkey","hotkeyScope","settings","keys","scope","handler","render","_this2","_this$props3","buttonText","timeout","hoverContent","className","visibleOnRowHover","inlineMargins","iconSize","buttonProps","_objectWithoutProperties","_excluded","resultIconSize","buttonView","view","content","state","ref","data","size"],"sources":["ClipboardButton.tsx"],"sourcesContent":["import React, {Component} from 'react';\nimport cn from 'bem-cn-lite';\n\nimport {\n    Button,\n    ButtonButtonProps,\n    ButtonProps,\n    CopyToClipboard,\n    Icon,\n    IconProps,\n    copyTextToClipboard,\n} from '@gravity-ui/uikit';\nimport FilesIcon from '@gravity-ui/icons/svgs/files.svg';\nimport CheckIcon from '@gravity-ui/icons/svgs/check.svg';\nimport XmarkIcon from '@gravity-ui/icons/svgs/xmark.svg';\n\nimport {Hotkey} from '../Hotkey';\nimport {Tooltip} from '../Tooltip';\n\nimport './ClipboardButton.scss';\n\nconst block = cn('yt-clipboard-button');\n\ntype ClipboardButtonProps = Omit<ButtonProps, 'onCopy' | 'view'> & {\n    view?: ButtonProps['view'] | 'clear';\n    className?: string;\n    text?: string | number;\n    shiftText?: string;\n    buttonText?: string | null;\n    title?: string;\n    hoverContent?: React.ReactNode;\n    hotkey?: string;\n    hotkeyScope?: string;\n    onCopy?: (text: string) => void;\n    timeout?: number;\n    visibleOnRowHover?: boolean;\n    inlineMargins?: boolean;\n    icon?: IconProps['data'];\n    iconSize?: IconProps['size'];\n};\n\nexport class ClipboardButton extends Component<ClipboardButtonProps> {\n    static defaultProps: Partial<ClipboardButtonProps> = {\n        size: 'm',\n        hotkeyScope: 'all',\n        timeout: 500,\n        view: 'outlined',\n    };\n\n    iconByState = {\n        pending: this.props.icon || FilesIcon,\n        success: CheckIcon,\n        error: XmarkIcon,\n    };\n\n    buttonRef = React.createRef<HTMLButtonElement>();\n\n    handleHotkey = () => {\n        const {current} = this.buttonRef;\n        if (current?.click) {\n            current.click();\n        }\n    };\n\n    renderHotkey() {\n        const {hotkey, hotkeyScope} = this.props;\n        if (!hotkey || !hotkeyScope) {\n            return null;\n        }\n\n        return (\n            <Hotkey\n                settings={[\n                    {\n                        keys: hotkey,\n                        scope: hotkeyScope,\n                        handler: this.handleHotkey,\n                    },\n                ]}\n            />\n        );\n    }\n\n    onClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n        const {text, shiftText, onCopy} = this.props;\n        let resText = text?.toString() || '';\n        if (event?.shiftKey && shiftText) {\n            resText = shiftText;\n            copyTextToClipboard(resText);\n        }\n        if ('function' === typeof onCopy) {\n            onCopy(resText);\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n    };\n\n    render() {\n        const {\n            text,\n            buttonText,\n            hotkey,\n            timeout,\n            hoverContent,\n            className,\n            visibleOnRowHover,\n            inlineMargins,\n            iconSize,\n            ...buttonProps\n        } = this.props;\n\n        const resultIconSize = iconSize || 13;\n        const buttonView =\n            this.props.view === 'clear' ? 'flat' : (this.props.view as ButtonProps['view']);\n\n        return (\n            <span\n                className={block(\n                    {\n                        'visbile-on-row-hover': visibleOnRowHover,\n                        'inline-margin': inlineMargins,\n                        view: this.props.view,\n                    },\n                    className,\n                )}\n            >\n                <Tooltip content={hoverContent}>\n                    <CopyToClipboard text={text?.toString() || ''} timeout={timeout}>\n                        {(state) =>\n                            buttonText ? (\n                                <Button\n                                    {...(buttonProps as ButtonButtonProps)}\n                                    view={buttonView}\n                                    ref={this.buttonRef}\n                                    onClick={this.onClick}\n                                >\n                                    <Icon data={this.iconByState[state]} size={resultIconSize} />\n                                    {buttonText}\n                                </Button>\n                            ) : (\n                                <Button\n                                    {...(buttonProps as ButtonButtonProps)}\n                                    view={buttonView}\n                                    ref={this.buttonRef}\n                                    onClick={this.onClick}\n                                >\n                                    <Icon data={this.iconByState[state]} size={resultIconSize} />\n                                </Button>\n                            )\n                        }\n                    </CopyToClipboard>\n                    {hotkey && this.renderHotkey()}\n                </Tooltip>\n            </span>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","cn","Button","CopyToClipboard","Icon","FilesIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","CheckIcon","XmarkIcon","Hotkey","Tooltip","jsx","jsxs","_jsxs","block","ClipboardButton","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","iconByState","pending","icon","success","error","buttonRef","createRef","shiftKeyPressed","handleHotkey","current","click","getTextToCopy","_this$props","text","shiftText","resText","toString","onClickCapture","event","shiftKey","onCopy","onClick","preventDefault","stopPropagation","_inherits","_createClass","key","value","renderHotkey","_this$props2","hotkey","hotkeyScope","settings","keys","scope","handler","render","_this2","_this$props3","buttonText","timeout","hoverContent","className","visibleOnRowHover","inlineMargins","iconSize","buttonProps","_objectWithoutProperties","_excluded","resultIconSize","buttonView","view","content","state","ref","data","size"],"sources":["ClipboardButton.tsx"],"sourcesContent":["import React, {Component} from 'react';\nimport cn from 'bem-cn-lite';\n\nimport {\n    Button,\n    ButtonButtonProps,\n    ButtonProps,\n    CopyToClipboard,\n    Icon,\n    IconProps,\n} from '@gravity-ui/uikit';\nimport FilesIcon from '@gravity-ui/icons/svgs/files.svg';\nimport CheckIcon from '@gravity-ui/icons/svgs/check.svg';\nimport XmarkIcon from '@gravity-ui/icons/svgs/xmark.svg';\n\nimport {Hotkey} from '../Hotkey';\nimport {Tooltip} from '../Tooltip';\n\nimport './ClipboardButton.scss';\n\nconst block = cn('yt-clipboard-button');\n\ntype ClipboardButtonProps = Omit<ButtonProps, 'onCopy' | 'view'> & {\n    view?: ButtonProps['view'] | 'clear';\n    className?: string;\n    text: string | number;\n    shiftText?: string;\n    buttonText?: string | null;\n    title?: string;\n    hoverContent?: React.ReactNode;\n    hotkey?: string;\n    hotkeyScope?: string;\n    onCopy?: (text: string) => void;\n    timeout?: number;\n    visibleOnRowHover?: boolean;\n    inlineMargins?: boolean;\n    icon?: IconProps['data'];\n    iconSize?: IconProps['size'];\n};\n\nexport class ClipboardButton extends Component<ClipboardButtonProps> {\n    static defaultProps: Partial<ClipboardButtonProps> = {\n        size: 'm',\n        hotkeyScope: 'all',\n        timeout: 500,\n        view: 'outlined',\n    };\n\n    iconByState = {\n        pending: this.props.icon || FilesIcon,\n        success: CheckIcon,\n        error: XmarkIcon,\n    };\n\n    buttonRef = React.createRef<HTMLButtonElement>();\n    shiftKeyPressed = false;\n\n    handleHotkey = () => {\n        const {current} = this.buttonRef;\n        if (current?.click) {\n            current.click();\n        }\n    };\n\n    renderHotkey() {\n        const {hotkey, hotkeyScope} = this.props;\n        if (!hotkey || !hotkeyScope) {\n            return null;\n        }\n\n        return (\n            <Hotkey\n                settings={[\n                    {\n                        keys: hotkey,\n                        scope: hotkeyScope,\n                        handler: this.handleHotkey,\n                    },\n                ]}\n            />\n        );\n    }\n\n    getTextToCopy = () => {\n        const {text, shiftText} = this.props;\n        let resText = text.toString() || '';\n        if (this.shiftKeyPressed && shiftText) {\n            resText = shiftText;\n        }\n\n        return resText;\n    };\n\n    onClickCapture = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n        this.shiftKeyPressed = event.shiftKey;\n    };\n\n    onCopy = (text: string) => {\n        const {onCopy} = this.props;\n        if ('function' === typeof onCopy) {\n            onCopy(text);\n        }\n    };\n\n    onClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n        event.preventDefault();\n        event.stopPropagation();\n    };\n\n    render() {\n        const {\n            buttonText,\n            hotkey,\n            timeout,\n            hoverContent,\n            className,\n            visibleOnRowHover,\n            inlineMargins,\n            iconSize,\n            ...buttonProps\n        } = this.props;\n\n        const resultIconSize = iconSize || 13;\n        const buttonView =\n            this.props.view === 'clear' ? 'flat' : (this.props.view as ButtonProps['view']);\n\n        return (\n            <span\n                className={block(\n                    {\n                        'visbile-on-row-hover': visibleOnRowHover,\n                        'inline-margin': inlineMargins,\n                        view: this.props.view,\n                    },\n                    className,\n                )}\n            >\n                <Tooltip content={hoverContent}>\n                    <CopyToClipboard\n                        text={this.getTextToCopy}\n                        timeout={timeout}\n                        onCopy={this.onCopy}\n                    >\n                        {(state) =>\n                            buttonText ? (\n                                <Button\n                                    {...(buttonProps as ButtonButtonProps)}\n                                    view={buttonView}\n                                    ref={this.buttonRef}\n                                    onClick={this.onClick}\n                                    onClickCapture={this.onClickCapture}\n                                >\n                                    <Icon data={this.iconByState[state]} size={resultIconSize} />\n                                    {buttonText}\n                                </Button>\n                            ) : (\n                                <Button\n                                    {...(buttonProps as ButtonButtonProps)}\n                                    view={buttonView}\n                                    ref={this.buttonRef}\n                                    onClick={this.onClick}\n                                    onClickCapture={this.onClickCapture}\n                                >\n                                    <Icon data={this.iconByState[state]} size={resultIconSize} />\n                                </Button>\n                            )\n                        }\n                    </CopyToClipboard>\n                    {hotkey && this.renderHotkey()}\n                </Tooltip>\n            </span>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,23 @@
+import type { StoryObj } from '@storybook/react';
+import { ClipboardButton } from './ClipboardButton';
+declare const meta: {
+    title: string;
+    component: typeof ClipboardButton;
+    tags: string[];
+    args: {
+        text: string;
+        shiftText: string;
+        view: "outlined";
+    };
+    argTypes: {
+        view: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=ClipboardButton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ClipboardButton/ClipboardButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAElD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAiB8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

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

@@ -0,0 +1,21 @@
+import { ClipboardButton } from './ClipboardButton';
+var meta = {
+  title: 'Components/ClipboardButton',
+  component: ClipboardButton,
+  tags: ['autodocs'],
+  args: {
+    text: 'Some text',
+    shiftText: 'Some shift text',
+    view: 'outlined'
+  },
+  argTypes: {
+    view: {
+      control: 'select',
+      options: ['outlined', 'flat', 'action', 'normal', 'raised', 'clear'],
+      description: 'Button appearance. The `clear` value is mapped to Gravity UI `flat` inside the component.'
+    }
+  }
+};
+export default meta;
+export var Default = {};
+// #sourceMappingURL=ClipboardButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ClipboardButton","meta","title","component","tags","args","text","shiftText","view","argTypes","control","options","description","Default"],"sources":["ClipboardButton.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\n\nimport {ClipboardButton} from './ClipboardButton';\n\nconst meta = {\n    title: 'Components/ClipboardButton',\n    component: ClipboardButton,\n    tags: ['autodocs'],\n    args: {\n        text: 'Some text',\n        shiftText: 'Some shift text',\n        view: 'outlined',\n    },\n    argTypes: {\n        view: {\n            control: 'select',\n            options: ['outlined', 'flat', 'action', 'normal', 'raised', 'clear'],\n            description:\n                'Button appearance. The `clear` value is mapped to Gravity UI `flat` inside the component.',\n        },\n    },\n} satisfies Meta<typeof ClipboardButton>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {};\n"],"mappings":"AAEA,SAAQA,eAAe,QAAO,mBAAmB;AAEjD,IAAMC,IAAI,GAAG;EACTC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEH,eAAe;EAC1BI,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,IAAI,EAAE;IACFC,IAAI,EAAE,WAAW;IACjBC,SAAS,EAAE,iBAAiB;IAC5BC,IAAI,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACND,IAAI,EAAE;MACFE,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC;MACpEC,WAAW,EACP;IACR;EACJ;AACJ,CAAwC;AAExC,eAAeX,IAAI;AAInB,OAAO,IAAMY,OAAc,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import { test } from '../../../../playwright-components/core';
+import { ClipboardButton } from '../ClipboardButton';
+import { jsx as _jsx } from "react/jsx-runtime";
+test('ClipboardButton: Default', /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+    var mount, expectScreenshot;
+    return _regeneratorRuntime().wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          mount = _ref.mount, expectScreenshot = _ref.expectScreenshot;
+          _context.next = 1;
+          return mount(/*#__PURE__*/_jsx(ClipboardButton, {
+            text: "Some text",
+            view: "outlined"
+          }));
+        case 1:
+          _context.next = 2;
+          return expectScreenshot();
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function (_x) {
+    return _ref2.apply(this, arguments);
+  };
+}());
+// #sourceMappingURL=ClipboardButton.visual.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["test","ClipboardButton","jsx","_jsx","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_ref","mount","expectScreenshot","wrap","_context","prev","next","text","view","stop","_x","apply","arguments"],"sources":["ClipboardButton.visual.test.tsx"],"sourcesContent":["import {test} from '../../../../playwright-components/core';\n\nimport {ClipboardButton} from '../ClipboardButton';\n\ntest('ClipboardButton: Default', async ({mount, expectScreenshot}) => {\n    await mount(<ClipboardButton text=\"Some text\" view=\"outlined\" />);\n    await expectScreenshot();\n});\n"],"mappings":";;AAAA,SAAQA,IAAI,QAAO,wCAAwC;AAE3D,SAAQC,eAAe,QAAO,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnDH,IAAI,CAAC,0BAA0B;EAAA,IAAAI,KAAA,GAAAC,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,CAAE,SAAAC,QAAAC,IAAA;IAAA,IAAAC,KAAA,EAAAC,gBAAA;IAAA,OAAAL,mBAAA,GAAAM,IAAA,WAAAC,QAAA;MAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;QAAA;UAAQL,KAAK,GAAAD,IAAA,CAALC,KAAK,EAAEC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;UAAAE,QAAA,CAAAE,IAAA;UAAA,OACtDL,KAAK,cAACP,IAAA,CAACF,eAAe;YAACe,IAAI,EAAC,WAAW;YAACC,IAAI,EAAC;UAAU,CAAE,CAAC,CAAC;QAAA;UAAAJ,QAAA,CAAAE,IAAA;UAAA,OAC3DJ,gBAAgB,CAAC,CAAC;QAAA;QAAA;UAAA,OAAAE,QAAA,CAAAK,IAAA;MAAA;IAAA,GAAAV,OAAA;EAAA,CAC3B;EAAA,iBAAAW,EAAA;IAAA,OAAAf,KAAA,CAAAgB,KAAA,OAAAC,SAAA;EAAA;AAAA,IAAC","ignoreList":[]}

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

@@ -1,11 +1,11 @@
+import React from 'react';
 import { type TypeArray } from '../SchemaDataType/dataTypes';
 import { UnipikaSettings } from '../../internal/Yson/StructuredYson/StructuredYsonTypes';
 import './ColumnCell.scss';
-type CellValueType = null | (CellValueData & {
+import { LogErrorFn } from '../../types';
+import type { ErrorBoundaryProps } from '../../internal/DefaultErrorBoundary';
+type CellValueType = null | number | unknown[] | (CellValueData & {
     $incomplete?: boolean;
-    [k: number]: {
-        inc?: boolean;
-    };
 });
 type CellValueData = {
     $type: string;
@@ -24,7 +24,9 @@ type ColumnCellProps = {
     columnName: string;
     onShowPreview: (columnName: string, rowIndex: number, tag?: string) => void | Promise<void>;
     useYqlTypes?: boolean;
+    logError?: LogErrorFn;
+    ErrorBoundaryComponent?: React.ComponentType<ErrorBoundaryProps>;
 };
-export declare function ColumnCell({ value, yqlTypes, ysonSettings, allowRawStrings, className, rowIndex, columnName, onShowPreview, useYqlTypes, }: ColumnCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColumnCell({ value, yqlTypes, ysonSettings, allowRawStrings, className, rowIndex, columnName, onShowPreview, useYqlTypes, logError, ErrorBoundaryComponent, }: ColumnCellProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ColumnCell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnCell.d.ts","sourceRoot":"","sources":["../../../../src/components/ColumnCell/ColumnCell.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,6BAA6B,CAAC;AAE3D,OAAO,EAAC,eAAe,EAAC,MAAM,wDAAwD,CAAC;AAKvF,OAAO,mBAAmB,CAAC;AAS3B,KAAK,aAAa,GACZ,IAAI,GACJ,CAAC,aAAa,GAAG;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,CAAC,CAAC,EAAE,MAAM,GAAG;QAAC,GAAG,CAAC,EAAE,OAAO,CAAA;KAAC,CAAC;CAChC,CAAC,CAAC;AAET,KAAK,aAAa,GAAG;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAC,CAAC;AAE5F,KAAK,eAAe,GAAG;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5F,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACvB,KAAY,EACZ,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,SAAS,EACT,QAAQ,EACR,UAAU,EACV,aAAa,EACb,WAAW,GACd,EAAE,eAAe,2CAmIjB"}
+{"version":3,"file":"ColumnCell.d.ts","sourceRoot":"","sources":["../../../../src/components/ColumnCell/ColumnCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAWtC,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,6BAA6B,CAAC;AAE3D,OAAO,EAAC,eAAe,EAAC,MAAM,wDAAwD,CAAC;AAIvF,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAC,UAAU,EAAC,MAAM,aAAa,CAAC;AACvC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,qCAAqC,CAAC;AAU5E,KAAK,aAAa,GACZ,IAAI,GACJ,MAAM,GACN,OAAO,EAAE,GACT,CAAC,aAAa,GAAG;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC,CAAC;AAET,KAAK,aAAa,GAAG;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAC,GAAG;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAC,CAAC;AAE5F,KAAK,eAAe,GAAG;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,sBAAsB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;CACpE,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACvB,KAAY,EACZ,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,SAAS,EACT,QAAQ,EACR,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ,EACR,sBAA6C,GAChD,EAAE,eAAe,2CAsJjB"}

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

@@ -1,5 +1,6 @@
 import _regeneratorRuntime from "@babel/runtime/helpers/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _typeof from "@babel/runtime/helpers/typeof";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useState } from 'react';
@@ -9,12 +10,12 @@ import { Eye } from '@gravity-ui/icons';
 import unipika from '../../utils/unipika';
 import { ClipboardButton } from '../ClipboardButton';
 import { YqlValue } from '../YqlValue';
-import { Yson } from '../../internal/Yson';
+import { YSON_DEFAULT_UNIPIKA_SETTINGS, Yson } from '../../internal/Yson';
 import { Label } from '../Label';
 import { Tooltip } from '../Tooltip';
-import { useUnipikaSettings, useYtComponentsConfig } from '../../context';
 import i18n from './i18n';
 import "./ColumnCell.css";
+import DefaultErrorBoundary from '../../internal/DefaultErrorBoundary/ErrorBoundary';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var block = cn('yt-column-cell');
 function unquote(v) {
@@ -31,11 +32,11 @@ export function ColumnCell(_ref) {
     rowIndex = _ref.rowIndex,
     columnName = _ref.columnName,
     onShowPreview = _ref.onShowPreview,
-    useYqlTypes = _ref.useYqlTypes;
-  var _useYtComponentsConfi = useYtComponentsConfig(),
-    logError = _useYtComponentsConfi.logError;
-  var contextUnipika = useUnipikaSettings();
-  var effectiveYsonSettings = ysonSettings || contextUnipika;
+    useYqlTypes = _ref.useYqlTypes,
+    logError = _ref.logError,
+    _ref$ErrorBoundaryCom = _ref.ErrorBoundaryComponent,
+    ErrorBoundaryComponent = _ref$ErrorBoundaryCom === void 0 ? DefaultErrorBoundary : _ref$ErrorBoundaryCom;
+  var logger = logError !== null && logError !== void 0 ? logError : console.log;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     hovered = _useState2[0],
@@ -46,34 +47,37 @@ export function ColumnCell(_ref) {
   var handleMouseLeave = function handleMouseLeave() {
     return setHovered(false);
   };
-  var formatType = yqlTypes && value ? yqlTypes[Number(value[1])] : undefined;
-  var escapedValue = formatType && value ? YqlValue.getFormattedValue(value[0], formatType, _objectSpread(_objectSpread({}, effectiveYsonSettings), {}, {
+  var formatType = yqlTypes && value && Array.isArray(value) ? yqlTypes[Number(value[1])] : undefined;
+  var cellUnipikaSettings = ysonSettings !== null && ysonSettings !== void 0 ? ysonSettings : YSON_DEFAULT_UNIPIKA_SETTINGS;
+  var escapedValue = formatType && value && Array.isArray(value) ? YqlValue.getFormattedValue(value[0], formatType, _objectSpread(_objectSpread({}, cellUnipikaSettings), {}, {
     asHTML: false
-  })) : unipika.prettyprint(value, _objectSpread(_objectSpread({}, effectiveYsonSettings), {}, {
+  })) : unipika.prettyprint(value, _objectSpread(_objectSpread({}, cellUnipikaSettings), {}, {
     asHTML: false
   }));
-  var formattedValue = formatType && value ? /*#__PURE__*/_jsx(YqlValue, {
+  var formattedValue = formatType && value && Array.isArray(value) ? /*#__PURE__*/_jsx(YqlValue, {
     value: value[0],
     type: formatType,
-    settings: ysonSettings
+    settings: cellUnipikaSettings,
+    ErrorBoundaryComponent: ErrorBoundaryComponent
   }) : /*#__PURE__*/_jsx(Yson, {
     value: value,
-    settings: ysonSettings
+    settings: cellUnipikaSettings,
+    ErrorBoundaryComponent: ErrorBoundaryComponent
   });
   var _React$useMemo = React.useMemo(function () {
       var isIncompleteTagged = false;
       var isIncompleteValue = false;
       var tag;
-      if (value && formatType) {
+      if (value && formatType && Array.isArray(value)) {
         var flags = {
           incomplete: false
         };
-        var _unipika$converters$y = unipika.converters.yql([value[0], formatType], effectiveYsonSettings, flags),
+        var _unipika$converters$y = unipika.converters.yql([value[0], formatType], cellUnipikaSettings, flags),
           $tag = _unipika$converters$y.$tag;
         isIncompleteValue = flags.incomplete;
         isIncompleteTagged = flags.incomplete && $tag;
         tag = $tag;
-      } else if (value) {
+      } else if (value && _typeof(value) === 'object' && !Array.isArray(value)) {
         isIncompleteValue = Boolean(value.$incomplete);
       }
       return {
@@ -81,13 +85,13 @@ export function ColumnCell(_ref) {
         isIncompleteTagged: isIncompleteTagged,
         isIncompleteValue: isIncompleteValue
       };
-    }, [value, formatType, effectiveYsonSettings]),
+    }, [value, formatType, cellUnipikaSettings]),
     tag = _React$useMemo.tag,
     isIncompleteTagged = _React$useMemo.isIncompleteTagged,
     isIncompleteValue = _React$useMemo.isIncompleteValue;
-  var valueType = useYqlTypes ? formatType : value === null || value === void 0 ? void 0 : value.$type;
-  var rawValue = useYqlTypes ? value === null || value === void 0 ? void 0 : value[0] : value === null || value === void 0 ? void 0 : value.$value;
-  var allowRawCopy = typeof rawValue === 'string' && isStringType(valueType, logError);
+  var valueType = useYqlTypes ? formatType : value && _typeof(value) === 'object' && !Array.isArray(value) ? value.$type : undefined;
+  var rawValue = useYqlTypes ? Array.isArray(value) ? value[0] : undefined : value && _typeof(value) === 'object' && !Array.isArray(value) ? value.$value : undefined;
+  var allowRawCopy = typeof rawValue === 'string' && isStringType(valueType, logger);
   var useRawString = allowRawCopy && allowRawStrings;
   var shiftCopyValue;
   if (allowRawCopy) {
@@ -185,7 +189,7 @@ function isStringType(type, logError) {
     var lower = type[1].toLowerCase();
     return lower === 'string' || lower === 'json' || lower === 'utf8';
   } catch (error) {
-    logError === null || logError === void 0 || logError({
+    logError({
       message: "ColumnCell: unexpected type: '".concat(JSON.stringify(type), "'")
     }, error);
     return false;