@gravity-ui/querieskit 1.1.0 → 1.3.0

package/build/cjs/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/cjs/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/cjs/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/cjs/components/QueryResultsTable/QueryResultsTable.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QueryResultsTable = QueryResultsTable;
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+var _react = _interopRequireWildcard(require("react"));
+var _reactDataTable = _interopRequireDefault(require("@gravity-ui/react-data-table"));
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _DataTable = require("../DataTable");
+var _formatQueryResultType = require("./helpers/formatQueryResultType");
+var _QueryResultCell = require("./internal/QueryResultCell");
+require("@gravity-ui/unipika/dist/unipika.css");
+require("./QueryResultsTable.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var block = (0, _bemCnLite.default)('qp-query-results-table');
+var DEFAULT_MAX_VISIBLE_LINES = 5;
+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 ? _reactDataTable.default.MOVING : _ref$stickyHead,
+    className = _ref.className;
+  var resolvedStickyHead = stickyHead === false ? undefined : stickyHead;
+  var tableColumns = (0, _react.useMemo)(function () {
+    return columns.map(function (column) {
+      var _column$align, _column$header;
+      var type = (0, _formatQueryResultType.formatQueryResultType)(column.type);
+      var align = (_column$align = column.align) !== null && _column$align !== void 0 ? _column$align : (0, _formatQueryResultType.isQueryResultNumericType)(column.type) ? _reactDataTable.default.LEFT : undefined;
+      return {
+        name: column.name,
+        width: column.width,
+        align: align,
+        sortable: false,
+        headerTitle: type,
+        header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Tooltip, {
+          content: type,
+          children: /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_QueryResultCell.QueryResultCell, {
+            row: row,
+            value: row[column.name],
+            index: index,
+            column: column,
+            formatterSettings: formatterSettings,
+            maxVisibleLines: maxVisibleLines
+          });
+        }
+      };
+    });
+  }, [columns, formatterSettings, maxVisibleLines]);
+  if (errorContent) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+      color: "danger",
+      className: block('error', className),
+      children: errorContent
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: block(null, className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.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/cjs/components/QueryResultsTable/QueryResultsTable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactDataTable","_interopRequireDefault","_uikit","_bemCnLite","_DataTable","_formatQueryResultType","_QueryResultCell","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","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","BaseDataTable","MOVING","className","resolvedStickyHead","undefined","tableColumns","useMemo","map","column","_column$align","_column$header","type","formatQueryResultType","align","isQueryResultNumericType","LEFT","name","width","sortable","headerTitle","header","_jsx","Tooltip","content","children","render","_ref2","row","index","QueryResultCell","value","Text","color","DataTable","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/cjs/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/cjs/components/QueryResultsTable/helpers/formatQueryResultType.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatQueryResultType = formatQueryResultType;
+exports.isQueryResultNumericType = isQueryResultNumericType;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _arrayLikeToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/arrayLikeToArray"));
+var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.is-array.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.join.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.set.js");
+require("core-js/modules/es.set.difference.v2.js");
+require("core-js/modules/es.set.intersection.v2.js");
+require("core-js/modules/es.set.is-disjoint-from.v2.js");
+require("core-js/modules/es.set.is-subset-of.v2.js");
+require("core-js/modules/es.set.is-superset-of.v2.js");
+require("core-js/modules/es.set.symmetric-difference.v2.js");
+require("core-js/modules/es.set.union.v2.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.string.replace.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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);
+}
+function formatQueryResultType(type) {
+  var _type = (0, _toArray2.default)(type),
+    name = _type[0],
+    params = (0, _arrayLikeToArray2.default)(_type).slice(1);
+  switch (name) {
+    case 'DataType':
+      return [params[0]].concat((0, _toConsumableArray2.default)(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']);
+function isQueryResultNumericType(type) {
+  var _type2 = (0, _toArray2.default)(type),
+    name = _type2[0],
+    params = (0, _arrayLikeToArray2.default)(_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/cjs/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/cjs/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/cjs/components/QueryResultsTable/helpers/formatQueryResultValue.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatQueryResultValue = formatQueryResultValue;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _unipika = _interopRequireDefault(require("@gravity-ui/unipika"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var formatter = (0, _unipika.default)();
+var DEFAULT_FORMATTER_SETTINGS = {
+  escapeWhitespace: false,
+  decodeUTF8: false,
+  binaryAsHex: true,
+  escapeYQLStrings: true,
+  omitStructNull: true
+};
+function formatQueryResultValue(value, type, settings) {
+  var formatterSettings = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, DEFAULT_FORMATTER_SETTINGS), settings);
+  var input = [value, type];
+  try {
+    return {
+      html: formatter.formatFromYQL(input, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, formatterSettings), {}, {
+        asHTML: true
+      })),
+      text: formatter.formatFromYQL(input, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, formatterSettings), {}, {
+        asHTML: false,
+        maxStringSize: undefined
+      })),
+      error: false
+    };
+  } catch (_unused) {
+    return {
+      html: '',
+      text: '',
+      error: true
+    };
+  }
+}
+// #sourceMappingURL=formatQueryResultValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unipika","_interopRequireDefault","require","e","__esModule","default","formatter","unipika","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,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGzC,IAAMG,SAAS,GAAG,IAAAC,gBAAO,EAAC,CAAC;AAE3B,IAAMC,0BAAwD,GAAG;EAC7DC,gBAAgB,EAAE,KAAK;EACvBC,UAAU,EAAE,KAAK;EACjBC,WAAW,EAAE,IAAI;EACjBC,gBAAgB,EAAE,IAAI;EACtBC,cAAc,EAAE;AACpB,CAAC;AAKM,SAASC,sBAAsBA,CAClCC,KAAc,EACdC,IAAyB,EACzBC,QAAuC,EACd;EACzB,IAAMC,iBAAiB,OAAAC,sBAAA,MAAAA,sBAAA,MAAOX,0BAA0B,GAAKS,QAAQ,CAAC;EACtE,IAAMG,KAAyB,GAAG,CAACL,KAAK,EAAEC,IAAI,CAAC;EAE/C,IAAI;IACA,OAAO;MACHK,IAAI,EAAEf,SAAS,CAACgB,aAAa,CAACF,KAAK,MAAAD,sBAAA,MAAAA,sBAAA,MAAMD,iBAAiB;QAAEK,MAAM,EAAE;MAAI,EAAC,CAAC;MAC1EC,IAAI,EAAElB,SAAS,CAACgB,aAAa,CAACF,KAAK,MAAAD,sBAAA,MAAAA,sBAAA,MAC5BD,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/cjs/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/cjs/components/QueryResultsTable/i18n/dicts.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _en = _interopRequireDefault(require("./en.json"));
+var _ru = _interopRequireDefault(require("./ru.json"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  en: _en.default,
+  ru: _ru.default
+};
+// #sourceMappingURL=dicts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_en","_interopRequireDefault","require","_ru","e","__esModule","default","_default","exports","en","ru"],"sources":["dicts.ts"],"sourcesContent":["import en from './en.json';\nimport ru from './ru.json';\n\nexport default {en, ru};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAS,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEM;EAACG,EAAE,EAAFA,WAAE;EAAEC,EAAE,EAAFA;AAAE,CAAC","ignoreList":[]}

package/build/cjs/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/cjs/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/cjs/components/QueryResultsTable/i18n/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18n = require("../../../i18n");
+var _dicts = _interopRequireDefault(require("./dicts"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _i18n.addI18Keysets)('qp:query-results-table', _dicts.default);
+// #sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_dicts","_interopRequireDefault","e","__esModule","default","_default","exports","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,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAY,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEG,IAAAG,mBAAa,EAAC,wBAAwB,EAAEC,cAAK,CAAC","ignoreList":[]}

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

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

package/build/cjs/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/cjs/components/QueryResultsTable/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "QueryResultsTable", {
+  enumerable: true,
+  get: function () {
+    return _QueryResultsTable.QueryResultsTable;
+  }
+});
+Object.defineProperty(exports, "formatQueryResultType", {
+  enumerable: true,
+  get: function () {
+    return _formatQueryResultType.formatQueryResultType;
+  }
+});
+var _QueryResultsTable = require("./QueryResultsTable");
+var _formatQueryResultType = require("./helpers/formatQueryResultType");
+// #sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_QueryResultsTable","require","_formatQueryResultType"],"sources":["index.ts"],"sourcesContent":["export {QueryResultsTable} from './QueryResultsTable';\nexport type {QueryResultsTableProps} from './QueryResultsTable';\nexport {formatQueryResultType} from './helpers/formatQueryResultType';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA","ignoreList":[]}

package/build/cjs/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/cjs/components/QueryResultsTable/internal/QueryResultCell.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QueryResultCell = QueryResultCell;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.join.js");
+require("core-js/modules/es.array.slice.js");
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _formatQueryResultValue = require("../helpers/formatQueryResultValue");
+var _i18n = _interopRequireDefault(require("../i18n"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-query-results-table');
+function QueryResultCell(_ref) {
+  var row = _ref.row,
+    value = _ref.value,
+    index = _ref.index,
+    column = _ref.column,
+    formatterSettings = _ref.formatterSettings,
+    maxVisibleLines = _ref.maxVisibleLines;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    expanded = _useState2[0],
+    setExpanded = _useState2[1];
+  var formatted = (0, _react.useMemo)(function () {
+    return (0, _formatQueryResultValue.formatQueryResultValue)(value, column.type, formatterSettings);
+  }, [column.type, formatterSettings, value]);
+  if (column.render) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: column.render({
+        row: row,
+        value: value,
+        index: index,
+        column: column
+      })
+    });
+  }
+  if (formatted.error) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: block('format-error'),
+      children: (0, _i18n.default)('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__*/(0, _jsxRuntime.jsxs)("span", {
+    className: block('cell'),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "unipika",
+      dangerouslySetInnerHTML: {
+        __html: html
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: block('cell-actions'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.ClipboardButton, {
+        text: formatted.text,
+        view: "flat-secondary",
+        size: "s"
+      })
+    }), hasMore && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+      view: "flat",
+      size: "s",
+      className: block('show-more'),
+      onClick: function onClick() {
+        return setExpanded(function (currentExpanded) {
+          return !currentExpanded;
+        });
+      },
+      children: (0, _i18n.default)(expanded ? 'action_show-less' : 'action_show-more')
+    })]
+  });
+}
+// #sourceMappingURL=QueryResultCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_bemCnLite","_interopRequireDefault","_formatQueryResultValue","_i18n","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","QueryResultCell","_ref","row","value","index","column","formatterSettings","maxVisibleLines","_useState","useState","_useState2","_slicedToArray","expanded","setExpanded","formatted","useMemo","formatQueryResultValue","type","render","_jsx","_Fragment","children","error","className","i18n","lines","html","split","hasMore","length","slice","join","_jsxs","dangerouslySetInnerHTML","__html","ClipboardButton","text","view","size","Button","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/cjs/components/RowActionsMenu/RowActionsMenu.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { QueryListRow, QueryListRowAction } from '../../types/queryList';
+export type RowActionsMenuProps<T extends QueryListRow = QueryListRow> = {
+    item: T;
+    actions?: QueryListRowAction<T>[];
+};
+export declare const RowActionsMenu: <T extends QueryListRow>({ item, actions }: RowActionsMenuProps<T>) => React.JSX.Element | null;