@gravity-ui/querieskit 1.2.0 → 1.3.0

package/build/esm/components/QueryResultsTable/QueryResultsTable.css

@@ -0,0 +1,53 @@
+.qp-query-results-table {
+  --data-table-border-color: var(--g-color-line-generic);
+  min-width: 0;
+  overflow-x: auto;
+}
+.qp-query-results-table .data-table__table-wrapper {
+  display: inline-block;
+  min-width: 100%;
+  vertical-align: top;
+}
+.qp-query-results-table .data-table__th,
+.qp-query-results-table .data-table__td {
+  max-width: 700px;
+  vertical-align: top;
+}
+.qp-query-results-table .data-table__td {
+  position: relative;
+  white-space: normal;
+}
+.qp-query-results-table__header {
+  display: inline-block;
+}
+.qp-query-results-table__cell {
+  display: block;
+  padding-right: var(--g-spacing-5);
+  font-family: var(--g-font-family-monospace);
+  font-size: var(--g-text-code-2-font-size);
+  line-height: var(--g-text-code-2-line-height);
+  word-wrap: anywhere;
+}
+.qp-query-results-table__cell:hover .qp-query-results-table__cell-actions, .qp-query-results-table__cell:focus-within .qp-query-results-table__cell-actions {
+  opacity: 1;
+}
+.qp-query-results-table__cell .unipika {
+  display: inline;
+}
+.qp-query-results-table__cell-actions {
+  position: absolute;
+  top: var(--g-spacing-1);
+  right: var(--g-spacing-1);
+  opacity: 0;
+}
+.qp-query-results-table__show-more {
+  display: block;
+  margin-top: var(--g-spacing-1);
+}
+.qp-query-results-table__format-error {
+  color: var(--g-color-text-danger);
+}
+.qp-query-results-table__error {
+  display: block;
+}
+/*# sourceMappingURL=QueryResultsTable.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["QueryResultsTable.scss"],"names":[],"mappings":"AAAA;EACI,sDAAA;EAEA,YAAA;EACA,gBAAA;AAAJ;AAEI;EACI,qBAAA;EACA,eAAA;EACA,mBAAA;AAAR;AAGI;;EAEI,gBAAA;EACA,mBAAA;AADR;AAII;EACI,kBAAA;EACA,mBAAA;AAFR;AAKI;EACI,qBAAA;AAHR;AAMI;EACI,cAAA;EACA,iCAAA;EACA,2CAAA;EACA,yCAAA;EACA,6CAAA;EACA,mBAAA;AAJR;AAMQ;EAEI,UAAA;AALZ;AAQQ;EACI,eAAA;AANZ;AAUI;EACI,kBAAA;EACA,uBAAA;EACA,yBAAA;EACA,UAAA;AARR;AAWI;EACI,cAAA;EACA,8BAAA;AATR;AAYI;EACI,iCAAA;AAVR;AAaI;EACI,cAAA;AAXR","file":"QueryResultsTable.css","sourcesContent":[".qp-query-results-table {\n    --data-table-border-color: var(--g-color-line-generic);\n\n    min-width: 0;\n    overflow-x: auto;\n\n    .data-table__table-wrapper {\n        display: inline-block;\n        min-width: 100%;\n        vertical-align: top;\n    }\n\n    .data-table__th,\n    .data-table__td {\n        max-width: 700px;\n        vertical-align: top;\n    }\n\n    .data-table__td {\n        position: relative;\n        white-space: normal;\n    }\n\n    &__header {\n        display: inline-block;\n    }\n\n    &__cell {\n        display: block;\n        padding-right: var(--g-spacing-5);\n        font-family: var(--g-font-family-monospace);\n        font-size: var(--g-text-code-2-font-size);\n        line-height: var(--g-text-code-2-line-height);\n        overflow-wrap: anywhere;\n\n        &:hover .qp-query-results-table__cell-actions,\n        &:focus-within .qp-query-results-table__cell-actions {\n            opacity: 1;\n        }\n\n        .unipika {\n            display: inline;\n        }\n    }\n\n    &__cell-actions {\n        position: absolute;\n        top: var(--g-spacing-1);\n        right: var(--g-spacing-1);\n        opacity: 0;\n    }\n\n    &__show-more {\n        display: block;\n        margin-top: var(--g-spacing-1);\n    }\n\n    &__format-error {\n        color: var(--g-color-text-danger);\n    }\n\n    &__error {\n        display: block;\n    }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { type Settings } from '@gravity-ui/react-data-table';
+import type { EmptyContentVariant } from '../EmptyContent';
+import type { QueryResultColumn, QueryResultFormatterSettings } from '../../types/queryResults';
+import '@gravity-ui/unipika/dist/unipika.css';
+import './QueryResultsTable.scss';
+export type QueryResultsTableProps<TRow extends Record<string, unknown>> = {
+    columns: Array<QueryResultColumn<TRow>>;
+    /** Values use the YQL wire representation consumed by @gravity-ui/unipika. */
+    rows: TRow[];
+    loading?: boolean;
+    loaded?: boolean;
+    errorContent?: React.ReactNode;
+    rowKey?: (row: TRow, index: number) => string | number;
+    formatterSettings?: QueryResultFormatterSettings;
+    maxVisibleLines?: number;
+    emptyVariant?: EmptyContentVariant;
+    displayIndices?: boolean;
+    stripedRows?: boolean;
+    /** Set to false when the surrounding layout does not need a sticky header. */
+    stickyHead?: Settings['stickyHead'] | false;
+    className?: string;
+};
+export declare function QueryResultsTable<TRow extends Record<string, unknown>>({ columns, rows, loading, loaded, errorContent, rowKey, formatterSettings, maxVisibleLines, emptyVariant, displayIndices, stripedRows, stickyHead, className, }: QueryResultsTableProps<TRow>): React.JSX.Element;

package/build/esm/components/QueryResultsTable/QueryResultsTable.js

@@ -0,0 +1,96 @@
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+import React, { useMemo } from 'react';
+import BaseDataTable from '@gravity-ui/react-data-table';
+import { Text, Tooltip } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { DataTable } from "../DataTable";
+import { formatQueryResultType, isQueryResultNumericType } from "./helpers/formatQueryResultType";
+import { QueryResultCell } from "./internal/QueryResultCell";
+import '@gravity-ui/unipika/dist/unipika.css';
+import "./QueryResultsTable.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var block = cn('qp-query-results-table');
+var DEFAULT_MAX_VISIBLE_LINES = 5;
+export function QueryResultsTable(_ref) {
+  var columns = _ref.columns,
+    rows = _ref.rows,
+    loading = _ref.loading,
+    loaded = _ref.loaded,
+    errorContent = _ref.errorContent,
+    rowKey = _ref.rowKey,
+    formatterSettings = _ref.formatterSettings,
+    _ref$maxVisibleLines = _ref.maxVisibleLines,
+    maxVisibleLines = _ref$maxVisibleLines === void 0 ? DEFAULT_MAX_VISIBLE_LINES : _ref$maxVisibleLines,
+    emptyVariant = _ref.emptyVariant,
+    _ref$displayIndices = _ref.displayIndices,
+    displayIndices = _ref$displayIndices === void 0 ? true : _ref$displayIndices,
+    _ref$stripedRows = _ref.stripedRows,
+    stripedRows = _ref$stripedRows === void 0 ? true : _ref$stripedRows,
+    _ref$stickyHead = _ref.stickyHead,
+    stickyHead = _ref$stickyHead === void 0 ? BaseDataTable.MOVING : _ref$stickyHead,
+    className = _ref.className;
+  var resolvedStickyHead = stickyHead === false ? undefined : stickyHead;
+  var tableColumns = useMemo(function () {
+    return columns.map(function (column) {
+      var _column$align, _column$header;
+      var type = formatQueryResultType(column.type);
+      var align = (_column$align = column.align) !== null && _column$align !== void 0 ? _column$align : isQueryResultNumericType(column.type) ? BaseDataTable.LEFT : undefined;
+      return {
+        name: column.name,
+        width: column.width,
+        align: align,
+        sortable: false,
+        headerTitle: type,
+        header: /*#__PURE__*/_jsx(Tooltip, {
+          content: type,
+          children: /*#__PURE__*/_jsx("span", {
+            className: block('header'),
+            children: (_column$header = column.header) !== null && _column$header !== void 0 ? _column$header : column.name
+          })
+        }),
+        render: function render(_ref2) {
+          var row = _ref2.row,
+            index = _ref2.index;
+          return /*#__PURE__*/_jsx(QueryResultCell, {
+            row: row,
+            value: row[column.name],
+            index: index,
+            column: column,
+            formatterSettings: formatterSettings,
+            maxVisibleLines: maxVisibleLines
+          });
+        }
+      };
+    });
+  }, [columns, formatterSettings, maxVisibleLines]);
+  if (errorContent) {
+    return /*#__PURE__*/_jsx(Text, {
+      color: "danger",
+      className: block('error', className),
+      children: errorContent
+    });
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: block(null, className),
+    children: /*#__PURE__*/_jsx(DataTable, {
+      columns: tableColumns,
+      data: rows,
+      loading: loading,
+      loaded: loaded !== null && loaded !== void 0 ? loaded : !loading,
+      emptyVariant: emptyVariant,
+      rowKey: rowKey,
+      settings: {
+        displayIndices: displayIndices,
+        stripedRows: stripedRows,
+        sortable: false,
+        stickyHead: resolvedStickyHead,
+        syncHeadOnResize: Boolean(resolvedStickyHead)
+      }
+    })
+  });
+}
+// #sourceMappingURL=QueryResultsTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","BaseDataTable","Text","Tooltip","cn","DataTable","formatQueryResultType","isQueryResultNumericType","QueryResultCell","jsx","_jsx","block","DEFAULT_MAX_VISIBLE_LINES","QueryResultsTable","_ref","columns","rows","loading","loaded","errorContent","rowKey","formatterSettings","_ref$maxVisibleLines","maxVisibleLines","emptyVariant","_ref$displayIndices","displayIndices","_ref$stripedRows","stripedRows","_ref$stickyHead","stickyHead","MOVING","className","resolvedStickyHead","undefined","tableColumns","map","column","_column$align","_column$header","type","align","LEFT","name","width","sortable","headerTitle","header","content","children","render","_ref2","row","index","value","color","data","settings","syncHeadOnResize","Boolean"],"sources":["QueryResultsTable.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport BaseDataTable, {type Column, type Settings} from '@gravity-ui/react-data-table';\nimport {Text, Tooltip} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {DataTable} from '../DataTable';\nimport type {EmptyContentVariant} from '../EmptyContent';\nimport type {QueryResultColumn, QueryResultFormatterSettings} from '../../types/queryResults';\nimport {formatQueryResultType, isQueryResultNumericType} from './helpers/formatQueryResultType';\nimport {QueryResultCell} from './internal/QueryResultCell';\n\nimport '@gravity-ui/unipika/dist/unipika.css';\nimport './QueryResultsTable.scss';\n\nconst block = cn('qp-query-results-table');\nconst DEFAULT_MAX_VISIBLE_LINES = 5;\n\nexport type QueryResultsTableProps<TRow extends Record<string, unknown>> = {\n    columns: Array<QueryResultColumn<TRow>>;\n    /** Values use the YQL wire representation consumed by @gravity-ui/unipika. */\n    rows: TRow[];\n    loading?: boolean;\n    loaded?: boolean;\n    errorContent?: React.ReactNode;\n    rowKey?: (row: TRow, index: number) => string | number;\n    formatterSettings?: QueryResultFormatterSettings;\n    maxVisibleLines?: number;\n    emptyVariant?: EmptyContentVariant;\n    displayIndices?: boolean;\n    stripedRows?: boolean;\n    /** Set to false when the surrounding layout does not need a sticky header. */\n    stickyHead?: Settings['stickyHead'] | false;\n    className?: string;\n};\n\nexport function QueryResultsTable<TRow extends Record<string, unknown>>({\n    columns,\n    rows,\n    loading,\n    loaded,\n    errorContent,\n    rowKey,\n    formatterSettings,\n    maxVisibleLines = DEFAULT_MAX_VISIBLE_LINES,\n    emptyVariant,\n    displayIndices = true,\n    stripedRows = true,\n    stickyHead = BaseDataTable.MOVING,\n    className,\n}: QueryResultsTableProps<TRow>) {\n    const resolvedStickyHead = stickyHead === false ? undefined : stickyHead;\n    const tableColumns = useMemo<Array<Column<TRow>>>(\n        () =>\n            columns.map((column) => {\n                const type = formatQueryResultType(column.type);\n                const align =\n                    column.align ??\n                    (isQueryResultNumericType(column.type) ? BaseDataTable.LEFT : undefined);\n\n                return {\n                    name: column.name,\n                    width: column.width,\n                    align,\n                    sortable: false,\n                    headerTitle: type,\n                    header: (\n                        <Tooltip content={type}>\n                            <span className={block('header')}>{column.header ?? column.name}</span>\n                        </Tooltip>\n                    ),\n                    render: ({row, index}) => (\n                        <QueryResultCell\n                            row={row}\n                            value={row[column.name]}\n                            index={index}\n                            column={column}\n                            formatterSettings={formatterSettings}\n                            maxVisibleLines={maxVisibleLines}\n                        />\n                    ),\n                };\n            }),\n        [columns, formatterSettings, maxVisibleLines],\n    );\n\n    if (errorContent) {\n        return (\n            <Text color=\"danger\" className={block('error', className)}>\n                {errorContent}\n            </Text>\n        );\n    }\n\n    return (\n        <div className={block(null, className)}>\n            <DataTable<TRow>\n                columns={tableColumns}\n                data={rows}\n                loading={loading}\n                loaded={loaded ?? !loading}\n                emptyVariant={emptyVariant}\n                rowKey={rowKey}\n                settings={{\n                    displayIndices,\n                    stripedRows,\n                    sortable: false,\n                    stickyHead: resolvedStickyHead,\n                    syncHeadOnResize: Boolean(resolvedStickyHead),\n                }}\n            />\n        </div>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/QueryResultsTable/QueryResultsTable.scss

@@ -0,0 +1,65 @@
+.qp-query-results-table {
+    --data-table-border-color: var(--g-color-line-generic);
+
+    min-width: 0;
+    overflow-x: auto;
+
+    .data-table__table-wrapper {
+        display: inline-block;
+        min-width: 100%;
+        vertical-align: top;
+    }
+
+    .data-table__th,
+    .data-table__td {
+        max-width: 700px;
+        vertical-align: top;
+    }
+
+    .data-table__td {
+        position: relative;
+        white-space: normal;
+    }
+
+    &__header {
+        display: inline-block;
+    }
+
+    &__cell {
+        display: block;
+        padding-right: var(--g-spacing-5);
+        font-family: var(--g-font-family-monospace);
+        font-size: var(--g-text-code-2-font-size);
+        line-height: var(--g-text-code-2-line-height);
+        overflow-wrap: anywhere;
+
+        &:hover .qp-query-results-table__cell-actions,
+        &:focus-within .qp-query-results-table__cell-actions {
+            opacity: 1;
+        }
+
+        .unipika {
+            display: inline;
+        }
+    }
+
+    &__cell-actions {
+        position: absolute;
+        top: var(--g-spacing-1);
+        right: var(--g-spacing-1);
+        opacity: 0;
+    }
+
+    &__show-more {
+        display: block;
+        margin-top: var(--g-spacing-1);
+    }
+
+    &__format-error {
+        color: var(--g-color-text-danger);
+    }
+
+    &__error {
+        display: block;
+    }
+}

package/build/esm/components/QueryResultsTable/helpers/formatQueryResultType.d.ts

@@ -0,0 +1,3 @@
+import type { QueryResultDataType } from '../../../types/queryResults';
+export declare function formatQueryResultType(type: QueryResultDataType): string;
+export declare function isQueryResultNumericType(type: QueryResultDataType): boolean;

package/build/esm/components/QueryResultsTable/helpers/formatQueryResultType.js

@@ -0,0 +1,82 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _arrayLikeToArray from "@babel/runtime/helpers/arrayLikeToArray";
+import _toArray from "@babel/runtime/helpers/toArray";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.is-array.js";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.array.join.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.set.js";
+import "core-js/modules/es.set.difference.v2.js";
+import "core-js/modules/es.set.intersection.v2.js";
+import "core-js/modules/es.set.is-disjoint-from.v2.js";
+import "core-js/modules/es.set.is-subset-of.v2.js";
+import "core-js/modules/es.set.is-superset-of.v2.js";
+import "core-js/modules/es.set.symmetric-difference.v2.js";
+import "core-js/modules/es.set.union.v2.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/es.string.replace.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+function isQueryResultDataType(value) {
+  return Array.isArray(value) && typeof value[0] === 'string';
+}
+function formatParameter(value) {
+  if (Array.isArray(value)) {
+    if (isQueryResultDataType(value)) {
+      return formatQueryResultType(value);
+    }
+    return value.map(formatParameter).join(', ');
+  }
+  return String(value);
+}
+export function formatQueryResultType(type) {
+  var _type = _toArray(type),
+    name = _type[0],
+    params = _arrayLikeToArray(_type).slice(1);
+  switch (name) {
+    case 'DataType':
+      return [params[0]].concat(_toConsumableArray(params.slice(1))).filter(Boolean).join(', ');
+    case 'OptionalType':
+      return "Optional<".concat(formatParameter(params[0]), ">");
+    case 'TaggedType':
+      return "Tagged<".concat(formatParameter(params[0]), ", ").concat(formatParameter(params[1]), ">");
+    case 'ListType':
+    case 'StreamType':
+      return "".concat(name.replace('Type', ''), "<").concat(formatParameter(params[0]), ">");
+    case 'DictType':
+      return "Dict<".concat(params.map(formatParameter).join(', '), ">");
+    case 'TupleType':
+      return "Tuple<".concat(formatParameter(params[0]), ">");
+    case 'StructType':
+      return "Struct<".concat(Array.isArray(params[0]) ? params[0].map(formatParameter).join(', ') : '', ">");
+    case 'VariantType':
+      return "Variant<".concat(formatParameter(params[0]), ">");
+    case 'PgType':
+      return "Pg<".concat(formatParameter(params[0]), ">");
+    default:
+      return params.length ? "".concat(name, "<").concat(params.map(formatParameter).join(', '), ">") : name;
+  }
+}
+var NUMERIC_TYPES = new Set(['Double', 'Float', 'Int64', 'Int32', 'Int16', 'Int8', 'Uint64', 'Uint32', 'Uint16', 'Uint8']);
+export function isQueryResultNumericType(type) {
+  var _type2 = _toArray(type),
+    name = _type2[0],
+    params = _arrayLikeToArray(_type2).slice(1);
+  if (name === 'DataType') {
+    return typeof params[0] === 'string' && NUMERIC_TYPES.has(params[0]);
+  }
+  if (name === 'OptionalType') {
+    return isQueryResultDataType(params[0]) && isQueryResultNumericType(params[0]);
+  }
+  if (name === 'TaggedType') {
+    return isQueryResultDataType(params[1]) && isQueryResultNumericType(params[1]);
+  }
+  return false;
+}
+// #sourceMappingURL=formatQueryResultType.js.map

package/build/esm/components/QueryResultsTable/helpers/formatQueryResultType.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isQueryResultDataType","value","Array","isArray","formatParameter","formatQueryResultType","map","join","String","type","_type","_toArray","name","params","_arrayLikeToArray","slice","concat","_toConsumableArray","filter","Boolean","replace","length","NUMERIC_TYPES","Set","isQueryResultNumericType","_type2","has"],"sources":["formatQueryResultType.ts"],"sourcesContent":["import type {QueryResultDataType} from '../../../types/queryResults';\n\nfunction isQueryResultDataType(value: unknown): value is QueryResultDataType {\n    return Array.isArray(value) && typeof value[0] === 'string';\n}\n\nfunction formatParameter(value: unknown): string {\n    if (Array.isArray(value)) {\n        if (isQueryResultDataType(value)) {\n            return formatQueryResultType(value);\n        }\n\n        return value.map(formatParameter).join(', ');\n    }\n\n    return String(value);\n}\n\nexport function formatQueryResultType(type: QueryResultDataType): string {\n    const [name, ...params] = type;\n\n    switch (name) {\n        case 'DataType':\n            return [params[0], ...params.slice(1)].filter(Boolean).join(', ');\n        case 'OptionalType':\n            return `Optional<${formatParameter(params[0])}>`;\n        case 'TaggedType':\n            return `Tagged<${formatParameter(params[0])}, ${formatParameter(params[1])}>`;\n        case 'ListType':\n        case 'StreamType':\n            return `${name.replace('Type', '')}<${formatParameter(params[0])}>`;\n        case 'DictType':\n            return `Dict<${params.map(formatParameter).join(', ')}>`;\n        case 'TupleType':\n            return `Tuple<${formatParameter(params[0])}>`;\n        case 'StructType':\n            return `Struct<${Array.isArray(params[0]) ? params[0].map(formatParameter).join(', ') : ''}>`;\n        case 'VariantType':\n            return `Variant<${formatParameter(params[0])}>`;\n        case 'PgType':\n            return `Pg<${formatParameter(params[0])}>`;\n        default:\n            return params.length ? `${name}<${params.map(formatParameter).join(', ')}>` : name;\n    }\n}\n\nconst NUMERIC_TYPES = new Set([\n    'Double',\n    'Float',\n    'Int64',\n    'Int32',\n    'Int16',\n    'Int8',\n    'Uint64',\n    'Uint32',\n    'Uint16',\n    'Uint8',\n]);\n\nexport function isQueryResultNumericType(type: QueryResultDataType): boolean {\n    const [name, ...params] = type;\n\n    if (name === 'DataType') {\n        return typeof params[0] === 'string' && NUMERIC_TYPES.has(params[0]);\n    }\n\n    if (name === 'OptionalType') {\n        return isQueryResultDataType(params[0]) && isQueryResultNumericType(params[0]);\n    }\n\n    if (name === 'TaggedType') {\n        return isQueryResultDataType(params[1]) && isQueryResultNumericType(params[1]);\n    }\n\n    return false;\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/QueryResultsTable/helpers/formatQueryResultValue.d.ts

@@ -0,0 +1,11 @@
+import type { QueryResultDataType, QueryResultFormatterSettings } from '../../../types/queryResults';
+export type FormattedQueryResultValue = {
+    html: string;
+    text: string;
+    error: false;
+} | {
+    html: '';
+    text: '';
+    error: true;
+};
+export declare function formatQueryResultValue(value: unknown, type: QueryResultDataType, settings?: QueryResultFormatterSettings): FormattedQueryResultValue;

package/build/esm/components/QueryResultsTable/helpers/formatQueryResultValue.js

@@ -0,0 +1,33 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import unipika from '@gravity-ui/unipika';
+var formatter = unipika();
+var DEFAULT_FORMATTER_SETTINGS = {
+  escapeWhitespace: false,
+  decodeUTF8: false,
+  binaryAsHex: true,
+  escapeYQLStrings: true,
+  omitStructNull: true
+};
+export function formatQueryResultValue(value, type, settings) {
+  var formatterSettings = _objectSpread(_objectSpread({}, DEFAULT_FORMATTER_SETTINGS), settings);
+  var input = [value, type];
+  try {
+    return {
+      html: formatter.formatFromYQL(input, _objectSpread(_objectSpread({}, formatterSettings), {}, {
+        asHTML: true
+      })),
+      text: formatter.formatFromYQL(input, _objectSpread(_objectSpread({}, formatterSettings), {}, {
+        asHTML: false,
+        maxStringSize: undefined
+      })),
+      error: false
+    };
+  } catch (_unused) {
+    return {
+      html: '',
+      text: '',
+      error: true
+    };
+  }
+}
+// #sourceMappingURL=formatQueryResultValue.js.map

package/build/esm/components/QueryResultsTable/helpers/formatQueryResultValue.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["unipika","formatter","DEFAULT_FORMATTER_SETTINGS","escapeWhitespace","decodeUTF8","binaryAsHex","escapeYQLStrings","omitStructNull","formatQueryResultValue","value","type","settings","formatterSettings","_objectSpread","input","html","formatFromYQL","asHTML","text","maxStringSize","undefined","error","_unused"],"sources":["formatQueryResultValue.ts"],"sourcesContent":["import unipika from '@gravity-ui/unipika';\nimport type {QueryResultDataType, QueryResultFormatterSettings} from '../../../types/queryResults';\n\nconst formatter = unipika();\n\nconst DEFAULT_FORMATTER_SETTINGS: QueryResultFormatterSettings = {\n    escapeWhitespace: false,\n    decodeUTF8: false,\n    binaryAsHex: true,\n    escapeYQLStrings: true,\n    omitStructNull: true,\n};\n\nexport type FormattedQueryResultValue =\n    {html: string; text: string; error: false} | {html: ''; text: ''; error: true};\n\nexport function formatQueryResultValue(\n    value: unknown,\n    type: QueryResultDataType,\n    settings?: QueryResultFormatterSettings,\n): FormattedQueryResultValue {\n    const formatterSettings = {...DEFAULT_FORMATTER_SETTINGS, ...settings};\n    const input: [unknown, unknown] = [value, type];\n\n    try {\n        return {\n            html: formatter.formatFromYQL(input, {...formatterSettings, asHTML: true}),\n            text: formatter.formatFromYQL(input, {\n                ...formatterSettings,\n                asHTML: false,\n                maxStringSize: undefined,\n            }),\n            error: false,\n        };\n    } catch {\n        return {html: '', text: '', error: true};\n    }\n}\n"],"mappings":";AAAA,OAAOA,OAAO,MAAM,qBAAqB;AAGzC,IAAMC,SAAS,GAAGD,OAAO,CAAC,CAAC;AAE3B,IAAME,0BAAwD,GAAG;EAC7DC,gBAAgB,EAAE,KAAK;EACvBC,UAAU,EAAE,KAAK;EACjBC,WAAW,EAAE,IAAI;EACjBC,gBAAgB,EAAE,IAAI;EACtBC,cAAc,EAAE;AACpB,CAAC;AAKD,OAAO,SAASC,sBAAsBA,CAClCC,KAAc,EACdC,IAAyB,EACzBC,QAAuC,EACd;EACzB,IAAMC,iBAAiB,GAAAC,aAAA,CAAAA,aAAA,KAAOX,0BAA0B,GAAKS,QAAQ,CAAC;EACtE,IAAMG,KAAyB,GAAG,CAACL,KAAK,EAAEC,IAAI,CAAC;EAE/C,IAAI;IACA,OAAO;MACHK,IAAI,EAAEd,SAAS,CAACe,aAAa,CAACF,KAAK,EAAAD,aAAA,CAAAA,aAAA,KAAMD,iBAAiB;QAAEK,MAAM,EAAE;MAAI,EAAC,CAAC;MAC1EC,IAAI,EAAEjB,SAAS,CAACe,aAAa,CAACF,KAAK,EAAAD,aAAA,CAAAA,aAAA,KAC5BD,iBAAiB;QACpBK,MAAM,EAAE,KAAK;QACbE,aAAa,EAAEC;MAAS,EAC3B,CAAC;MACFC,KAAK,EAAE;IACX,CAAC;EACL,CAAC,CAAC,OAAAC,OAAA,EAAM;IACJ,OAAO;MAACP,IAAI,EAAE,EAAE;MAAEG,IAAI,EAAE,EAAE;MAAEG,KAAK,EAAE;IAAI,CAAC;EAC5C;AACJ","ignoreList":[]}

package/build/esm/components/QueryResultsTable/i18n/dicts.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    en: {
+        "action_show-more": string;
+        "action_show-less": string;
+        "alert_format-value-error": string;
+    };
+    ru: {
+        "action_show-more": string;
+        "action_show-less": string;
+        "alert_format-value-error": string;
+    };
+};
+export default _default;

package/build/esm/components/QueryResultsTable/i18n/dicts.js

@@ -0,0 +1,7 @@
+import en from "./en.json";
+import ru from "./ru.json";
+export default {
+  en: en,
+  ru: ru
+};
+// #sourceMappingURL=dicts.js.map

package/build/esm/components/QueryResultsTable/i18n/dicts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["en","ru"],"sources":["dicts.ts"],"sourcesContent":["import en from './en.json';\nimport ru from './ru.json';\n\nexport default {en, ru};\n"],"mappings":"AAAA,OAAOA,EAAE;AACT,OAAOC,EAAE;AAET,eAAe;EAACD,EAAE,EAAFA,EAAE;EAAEC,EAAE,EAAFA;AAAE,CAAC","ignoreList":[]}

package/build/esm/components/QueryResultsTable/i18n/en.json

@@ -0,0 +1,5 @@
+{
+  "action_show-more": "Show more",
+  "action_show-less": "Show less",
+  "alert_format-value-error": "Unable to format value"
+}

package/build/esm/components/QueryResultsTable/i18n/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: ((key: "action_show-more" | "action_show-less" | "alert_format-value-error", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "qp:query-results-table": Record<"action_show-more" | "action_show-less" | "alert_format-value-error", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

package/build/esm/components/QueryResultsTable/i18n/index.js

@@ -0,0 +1,4 @@
+import { addI18Keysets } from "../../../i18n";
+import dicts from "./dicts";
+export default addI18Keysets('qp:query-results-table', dicts);
+// #sourceMappingURL=index.js.map

package/build/esm/components/QueryResultsTable/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["addI18Keysets","dicts"],"sources":["index.ts"],"sourcesContent":["import {addI18Keysets} from '../../../i18n';\nimport dicts from './dicts';\n\nexport default addI18Keysets('qp:query-results-table', dicts);\n"],"mappings":"AAAA,SAAQA,aAAa;AACrB,OAAOC,KAAK;AAEZ,eAAeD,aAAa,CAAC,wBAAwB,EAAEC,KAAK,CAAC","ignoreList":[]}

package/build/esm/components/QueryResultsTable/i18n/ru.json

@@ -0,0 +1,5 @@
+{
+  "action_show-more": "Показать больше",
+  "action_show-less": "Показать меньше",
+  "alert_format-value-error": "Не удалось отформатировать значение"
+}

package/build/esm/components/QueryResultsTable/index.d.ts

@@ -0,0 +1,3 @@
+export { QueryResultsTable } from './QueryResultsTable';
+export type { QueryResultsTableProps } from './QueryResultsTable';
+export { formatQueryResultType } from './helpers/formatQueryResultType';

package/build/esm/components/QueryResultsTable/index.js

@@ -0,0 +1,3 @@
+export { QueryResultsTable } from "./QueryResultsTable";
+export { formatQueryResultType } from "./helpers/formatQueryResultType";
+// #sourceMappingURL=index.js.map

package/build/esm/components/QueryResultsTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["QueryResultsTable","formatQueryResultType"],"sources":["index.ts"],"sourcesContent":["export {QueryResultsTable} from './QueryResultsTable';\nexport type {QueryResultsTableProps} from './QueryResultsTable';\nexport {formatQueryResultType} from './helpers/formatQueryResultType';\n"],"mappings":"AAAA,SAAQA,iBAAiB;AAEzB,SAAQC,qBAAqB","ignoreList":[]}

package/build/esm/components/QueryResultsTable/internal/QueryResultCell.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { QueryResultColumn, QueryResultFormatterSettings } from '../../../types/queryResults';
+export type QueryResultCellProps<TRow extends Record<string, unknown>> = {
+    row: TRow;
+    value: unknown;
+    index: number;
+    column: QueryResultColumn<TRow>;
+    formatterSettings?: QueryResultFormatterSettings;
+    maxVisibleLines: number;
+};
+export declare function QueryResultCell<TRow extends Record<string, unknown>>({ row, value, index, column, formatterSettings, maxVisibleLines, }: QueryResultCellProps<TRow>): React.JSX.Element;

package/build/esm/components/QueryResultsTable/internal/QueryResultCell.js

@@ -0,0 +1,71 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.join.js";
+import "core-js/modules/es.array.slice.js";
+import React, { useMemo, useState } from 'react';
+import { Button, ClipboardButton } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { formatQueryResultValue } from "../helpers/formatQueryResultValue";
+import i18n from "../i18n";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-query-results-table');
+export function QueryResultCell(_ref) {
+  var row = _ref.row,
+    value = _ref.value,
+    index = _ref.index,
+    column = _ref.column,
+    formatterSettings = _ref.formatterSettings,
+    maxVisibleLines = _ref.maxVisibleLines;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    expanded = _useState2[0],
+    setExpanded = _useState2[1];
+  var formatted = useMemo(function () {
+    return formatQueryResultValue(value, column.type, formatterSettings);
+  }, [column.type, formatterSettings, value]);
+  if (column.render) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: column.render({
+        row: row,
+        value: value,
+        index: index,
+        column: column
+      })
+    });
+  }
+  if (formatted.error) {
+    return /*#__PURE__*/_jsx("span", {
+      className: block('format-error'),
+      children: i18n('alert_format-value-error')
+    });
+  }
+  var lines = formatted.html.split('\n');
+  var hasMore = lines.length > maxVisibleLines;
+  var html = expanded || !hasMore ? formatted.html : lines.slice(0, maxVisibleLines).join('\n');
+  return /*#__PURE__*/_jsxs("span", {
+    className: block('cell'),
+    children: [/*#__PURE__*/_jsx("span", {
+      className: "unipika",
+      dangerouslySetInnerHTML: {
+        __html: html
+      }
+    }), /*#__PURE__*/_jsx("span", {
+      className: block('cell-actions'),
+      children: /*#__PURE__*/_jsx(ClipboardButton, {
+        text: formatted.text,
+        view: "flat-secondary",
+        size: "s"
+      })
+    }), hasMore && /*#__PURE__*/_jsx(Button, {
+      view: "flat",
+      size: "s",
+      className: block('show-more'),
+      onClick: function onClick() {
+        return setExpanded(function (currentExpanded) {
+          return !currentExpanded;
+        });
+      },
+      children: i18n(expanded ? 'action_show-less' : 'action_show-more')
+    })]
+  });
+}
+// #sourceMappingURL=QueryResultCell.js.map

package/build/esm/components/QueryResultsTable/internal/QueryResultCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","Button","ClipboardButton","cn","formatQueryResultValue","i18n","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","block","QueryResultCell","_ref","row","value","index","column","formatterSettings","maxVisibleLines","_useState","_useState2","_slicedToArray","expanded","setExpanded","formatted","type","render","children","error","className","lines","html","split","hasMore","length","slice","join","dangerouslySetInnerHTML","__html","text","view","size","onClick","currentExpanded"],"sources":["QueryResultCell.tsx"],"sourcesContent":["import React, {useMemo, useState} from 'react';\nimport {Button, ClipboardButton} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport type {QueryResultColumn, QueryResultFormatterSettings} from '../../../types/queryResults';\nimport {formatQueryResultValue} from '../helpers/formatQueryResultValue';\nimport i18n from '../i18n';\n\nconst block = cn('qp-query-results-table');\n\nexport type QueryResultCellProps<TRow extends Record<string, unknown>> = {\n    row: TRow;\n    value: unknown;\n    index: number;\n    column: QueryResultColumn<TRow>;\n    formatterSettings?: QueryResultFormatterSettings;\n    maxVisibleLines: number;\n};\n\nexport function QueryResultCell<TRow extends Record<string, unknown>>({\n    row,\n    value,\n    index,\n    column,\n    formatterSettings,\n    maxVisibleLines,\n}: QueryResultCellProps<TRow>) {\n    const [expanded, setExpanded] = useState(false);\n    const formatted = useMemo(\n        () => formatQueryResultValue(value, column.type, formatterSettings),\n        [column.type, formatterSettings, value],\n    );\n\n    if (column.render) {\n        return <>{column.render({row, value, index, column})}</>;\n    }\n\n    if (formatted.error) {\n        return <span className={block('format-error')}>{i18n('alert_format-value-error')}</span>;\n    }\n\n    const lines = formatted.html.split('\\n');\n    const hasMore = lines.length > maxVisibleLines;\n    const html = expanded || !hasMore ? formatted.html : lines.slice(0, maxVisibleLines).join('\\n');\n\n    return (\n        <span className={block('cell')}>\n            <span className=\"unipika\" dangerouslySetInnerHTML={{__html: html}} />\n            <span className={block('cell-actions')}>\n                <ClipboardButton text={formatted.text} view=\"flat-secondary\" size=\"s\" />\n            </span>\n            {hasMore && (\n                <Button\n                    view=\"flat\"\n                    size=\"s\"\n                    className={block('show-more')}\n                    onClick={() => setExpanded((currentExpanded) => !currentExpanded)}\n                >\n                    {i18n(expanded ? 'action_show-less' : 'action_show-more')}\n                </Button>\n            )}\n        </span>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,7 @@
 export { DataTable } from './DataTable';
 export type { DataTableProps, Column } from './DataTable';
+export { QueryResultsTable, formatQueryResultType } from './QueryResultsTable';
+export type { QueryResultsTableProps } from './QueryResultsTable';
 export { QueryStatusIcon } from './QueryStatusIcon';
 export { QueryDuration } from './QueryDuration';
 export { LazyList } from './LazyList';
@@ -46,5 +48,8 @@ export type { ChartEditorFormProps, ChartEditorFormValues, ChartEditorLabels, Ch
 export * from './Dashboard';
 export { Chart } from './Chart';
 export type { ChartAction, ChartProps } from './Chart';
+export { ErrorTree } from './ErrorTree';
 export { MonacoLanguage, YT_DARK_HC_MONACO_THEME, YT_DARK_MONACO_THEME, YT_LIGHT_HC_MONACO_THEME, YT_LIGHT_MONACO_THEME, MONACO_THEME_BY_UI, } from './MonacoEditor';
 export type { MonacoThemeName } from './MonacoEditor';
+export * from './AttachmentList';
+export * from './AttachmentListPlaceholder';

package/build/esm/components/index.js

@@ -1,4 +1,5 @@
 export { DataTable } from "./DataTable";
+export { QueryResultsTable, formatQueryResultType } from "./QueryResultsTable";
 export { QueryStatusIcon } from "./QueryStatusIcon";
 export { QueryDuration } from "./QueryDuration";
 export { LazyList } from "./LazyList";
@@ -25,5 +26,8 @@ export { AddChartButton, DEFAULT_ADD_CHART_BUTTON_OPTIONS } from "./AddChartButt
 export { ChartEditorForm } from "./ChartEditorForm";
 export * from "./Dashboard";
 export { Chart } from "./Chart";
+export { ErrorTree } from "./ErrorTree";
 export { MonacoLanguage, YT_DARK_HC_MONACO_THEME, YT_DARK_MONACO_THEME, YT_LIGHT_HC_MONACO_THEME, YT_LIGHT_MONACO_THEME, MONACO_THEME_BY_UI } from "./MonacoEditor";
+export * from "./AttachmentList";
+export * from "./AttachmentListPlaceholder";
 // #sourceMappingURL=index.js.map