@gravity-ui/querieskit 1.2.0 → 1.3.1

package/build/cjs/components/AttachmentListPlaceholder/index.d.ts

@@ -0,0 +1,2 @@
+export { AttachmentListPlaceholder } from './AttachmentListPlaceholder';
+export type { AttachmentListPlaceholderProps } from './AttachmentListPlaceholder';

package/build/cjs/components/AttachmentListPlaceholder/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AttachmentListPlaceholder", {
+  enumerable: true,
+  get: function () {
+    return _AttachmentListPlaceholder.AttachmentListPlaceholder;
+  }
+});
+var _AttachmentListPlaceholder = require("./AttachmentListPlaceholder");
+// #sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_AttachmentListPlaceholder","require"],"sources":["index.ts"],"sourcesContent":["export {AttachmentListPlaceholder} from './AttachmentListPlaceholder';\nexport type {AttachmentListPlaceholderProps} from './AttachmentListPlaceholder';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,0BAAA,GAAAC,OAAA","ignoreList":[]}

package/build/cjs/components/DataTable/DataTable.css

@@ -18,11 +18,4 @@
 .qp-data-table__content_empty.qp-data-table__content_align_center {
   justify-content: center;
 }
-.qp-data-table__no-data-placeholder {
-  width: 100%;
-  max-width: 120px;
-  height: var(--g-text-body-1-line-height);
-  border-radius: 4px;
-  background-color: var(--g-color-base-generic);
-}
 /*# sourceMappingURL=DataTable.css.map */

package/build/cjs/components/DataTable/DataTable.css.map

@@ -1 +1 @@
-{"version":3,"sources":["DataTable.scss"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,sBAAA;EACA,YAAA;AACF;AACE;EACE,OAAA;AACJ;AAGI;EACE,oDAAA;AADN;AAKE;EACE,aAAA;AAHJ;AAKI;EACE,yBAAA;AAHN;AAMI;EACE,uBAAA;AAJN;AAQE;EACE,WAAA;EACA,gBAAA;EACA,wCAAA;EACA,kBAAA;EACA,6CAAA;AANJ","file":"DataTable.css","sourcesContent":[".qp-data-table {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  &__empty {\n    flex: 1;\n  }\n\n  &__tr_empty {\n    .qp-data-table__td_empty {\n      border-bottom: 1px solid var(--g-color-line-generic);\n    }\n  }\n\n  &__content_empty {\n    display: flex;\n\n    &.qp-data-table__content_align_right {\n      justify-content: flex-end;\n    }\n\n    &.qp-data-table__content_align_center {\n      justify-content: center;\n    }\n  }\n\n  &__no-data-placeholder {\n    width: 100%;\n    max-width: 120px;\n    height: var(--g-text-body-1-line-height);\n    border-radius: 4px;\n    background-color: var(--g-color-base-generic);\n  }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["DataTable.scss"],"names":[],"mappings":"AAAA;EACI,aAAA;EACA,sBAAA;EACA,YAAA;AACJ;AACI;EACI,OAAA;AACR;AAGQ;EACI,oDAAA;AADZ;AAKI;EACI,aAAA;AAHR;AAKQ;EACI,yBAAA;AAHZ;AAMQ;EACI,uBAAA;AAJZ","file":"DataTable.css","sourcesContent":[".qp-data-table {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n\n    &__empty {\n        flex: 1;\n    }\n\n    &__tr_empty {\n        .qp-data-table__td_empty {\n            border-bottom: 1px solid var(--g-color-line-generic);\n        }\n    }\n\n    &__content_empty {\n        display: flex;\n\n        &.qp-data-table__content_align_right {\n            justify-content: flex-end;\n        }\n\n        &.qp-data-table__content_align_center {\n            justify-content: center;\n        }\n    }\n}\n"],"sourceRoot":""}

package/build/cjs/components/DataTable/DataTable.js

@@ -11,10 +11,12 @@ 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.number.constructor.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 var _react = _interopRequireDefault(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 _EmptyContent = require("../EmptyContent");
 require("./DataTable.css");
@@ -23,7 +25,11 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 var _excluded = ["loading", "loaded", "className", "emptyVariant", "columns", "data", "settings"];
 var block = (0, _bemCnLite.default)('qp-data-table');
 var SKELETON_ROWS_COUNT = 4;
-function renderEmptyCell(key, align) {
+function getSkeletonWidth(rowIndex, columnIndex) {
+  var widths = [72, 120, 180, 96];
+  return widths[(rowIndex + columnIndex) % widths.length];
+}
+function renderEmptyCell(key, rowIndex, columnIndex, align) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
     className: block('td', {
       empty: true
@@ -33,8 +39,9 @@ function renderEmptyCell(key, align) {
         empty: true,
         align: align
       }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: block('no-data-placeholder')
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Skeleton, {
+        variant: "text",
+        width: getSkeletonWidth(rowIndex, columnIndex)
       })
     })
   }, key);
@@ -47,8 +54,8 @@ function renderLoadingSkeleton(columns, displayIndices) {
       className: block('tr', {
         empty: true
       }),
-      children: [displayIndices && renderEmptyCell('__index'), columns.map(function (column) {
-        return renderEmptyCell(column.name, column.align);
+      children: [displayIndices && renderEmptyCell('__index', index, 0), columns.map(function (column, columnIndex) {
+        return renderEmptyCell(column.name, index, columnIndex + Number(displayIndices), column.align);
       })]
     }, index);
   });

package/build/cjs/components/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactDataTable","_bemCnLite","_EmptyContent","_jsxRuntime","e","__esModule","default","block","cn","SKELETON_ROWS_COUNT","renderEmptyCell","key","align","_jsx","className","empty","children","renderLoadingSkeleton","columns","displayIndices","Array","from","length","_","index","_jsxs","map","column","name","DataTable","props","loading","loaded","_props$emptyVariant","emptyVariant","data","settings","rest","_objectWithoutProperties","_excluded","isEmpty","renderEmptyRow","BaseDataTable","_objectSpread","theme","emptyDataMessage","EmptyContent","variant"],"sources":["DataTable.tsx"],"sourcesContent":["import React from 'react';\nimport BaseDataTable, {\n    DataTableProps as BaseDataTableProps,\n    Column,\n} from '@gravity-ui/react-data-table';\nimport cn from 'bem-cn-lite';\n\nimport {EmptyContent, EmptyContentVariant} from '../EmptyContent';\n\nimport './DataTable.scss';\n\nexport type {Column};\n\nconst block = cn('qp-data-table');\n\nconst SKELETON_ROWS_COUNT = 4;\n\nexport type DataTableProps<T> = {\n    loading?: boolean;\n    loaded?: boolean;\n    className?: string;\n    emptyVariant?: EmptyContentVariant;\n} & Omit<BaseDataTableProps<T>, 'theme'>;\n\nfunction renderEmptyCell(key: string, align?: Column<unknown>['align']) {\n    return (\n        <td key={key} className={block('td', {empty: true})}>\n            <div className={block('content', {empty: true, align})}>\n                <div className={block('no-data-placeholder')} />\n            </div>\n        </td>\n    );\n}\n\nfunction renderLoadingSkeleton<T>(columns: Array<Column<T>>, displayIndices: boolean) {\n    return Array.from({length: SKELETON_ROWS_COUNT}, (_, index) => (\n        <tr key={index} className={block('tr', {empty: true})}>\n            {displayIndices && renderEmptyCell('__index')}\n            {columns.map((column) => renderEmptyCell(column.name, column.align))}\n        </tr>\n    ));\n}\n\nexport function DataTable<T>(props: DataTableProps<T>) {\n    const {\n        loading,\n        loaded,\n        className,\n        emptyVariant = 'no-data',\n        columns,\n        data,\n        settings,\n        ...rest\n    } = props;\n\n    const isEmpty = loaded && data.length === 0;\n    const displayIndices = settings?.displayIndices !== false;\n\n    const renderEmptyRow = () => {\n        if (loading && !loaded) {\n            return renderLoadingSkeleton(columns, displayIndices);\n        }\n\n        return null;\n    };\n\n    return (\n        <div className={block(null, className)}>\n            <BaseDataTable\n                {...rest}\n                columns={columns}\n                data={data}\n                settings={settings}\n                theme=\"yandex-cloud\"\n                emptyDataMessage=\"\"\n                renderEmptyRow={renderEmptyRow}\n            />\n            {isEmpty && <EmptyContent variant={emptyVariant} className={block('empty')} />}\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AAIA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AAEAA,OAAA;AAA0B,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;;AAI1B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,eAAe,CAAC;AAEjC,IAAMC,mBAAmB,GAAG,CAAC;AAS7B,SAASC,eAAeA,CAACC,GAAW,EAAEC,KAAgC,EAAE;EACpE,oBACI,IAAAC,eAAA;IAAcC,SAAS,EAAEP,KAAK,CAAC,IAAI,EAAE;MAACQ,KAAK,EAAE;IAAI,CAAC,CAAE;IAAAC,QAAA,eAChD,IAAAH,eAAA;MAAKC,SAAS,EAAEP,KAAK,CAAC,SAAS,EAAE;QAACQ,KAAK,EAAE,IAAI;QAAEH,KAAK,EAALA;MAAK,CAAC,CAAE;MAAAI,QAAA,eACnD,IAAAH,eAAA;QAAKC,SAAS,EAAEP,KAAK,CAAC,qBAAqB;MAAE,CAAE;IAAC,CAC/C;EAAC,GAHDI,GAIL,CAAC;AAEb;AAEA,SAASM,qBAAqBA,CAAIC,OAAyB,EAAEC,cAAuB,EAAE;EAClF,OAAOC,KAAK,CAACC,IAAI,CAAC;IAACC,MAAM,EAAEb;EAAmB,CAAC,EAAE,UAACc,CAAC,EAAEC,KAAK;IAAA,oBACtD,IAAAC,gBAAA;MAAgBX,SAAS,EAAEP,KAAK,CAAC,IAAI,EAAE;QAACQ,KAAK,EAAE;MAAI,CAAC,CAAE;MAAAC,QAAA,GACjDG,cAAc,IAAIT,eAAe,CAAC,SAAS,CAAC,EAC5CQ,OAAO,CAACQ,GAAG,CAAC,UAACC,MAAM;QAAA,OAAKjB,eAAe,CAACiB,MAAM,CAACC,IAAI,EAAED,MAAM,CAACf,KAAK,CAAC;MAAA,EAAC;IAAA,GAF/DY,KAGL,CAAC;EAAA,CACR,CAAC;AACN;AAEO,SAASK,SAASA,CAAIC,KAAwB,EAAE;EACnD,IACIC,OAAO,GAQPD,KAAK,CARLC,OAAO;IACPC,MAAM,GAONF,KAAK,CAPLE,MAAM;IACNlB,SAAS,GAMTgB,KAAK,CANLhB,SAAS;IAAAmB,mBAAA,GAMTH,KAAK,CALLI,YAAY;IAAZA,YAAY,GAAAD,mBAAA,cAAG,SAAS,GAAAA,mBAAA;IACxBf,OAAO,GAIPY,KAAK,CAJLZ,OAAO;IACPiB,IAAI,GAGJL,KAAK,CAHLK,IAAI;IACJC,QAAQ,GAERN,KAAK,CAFLM,QAAQ;IACLC,IAAI,OAAAC,iCAAA,EACPR,KAAK,EAAAS,SAAA;EAET,IAAMC,OAAO,GAAGR,MAAM,IAAIG,IAAI,CAACb,MAAM,KAAK,CAAC;EAC3C,IAAMH,cAAc,GAAG,CAAAiB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEjB,cAAc,MAAK,KAAK;EAEzD,IAAMsB,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;IACzB,IAAIV,OAAO,IAAI,CAACC,MAAM,EAAE;MACpB,OAAOf,qBAAqB,CAACC,OAAO,EAAEC,cAAc,CAAC;IACzD;IAEA,OAAO,IAAI;EACf,CAAC;EAED,oBACI,IAAAM,gBAAA;IAAKX,SAAS,EAAEP,KAAK,CAAC,IAAI,EAAEO,SAAS,CAAE;IAAAE,QAAA,gBACnC,IAAAH,eAAA,EAAC6B,uBAAa,MAAAC,sBAAA,MAAAA,sBAAA,MACNN,IAAI;MACRnB,OAAO,EAAEA,OAAQ;MACjBiB,IAAI,EAAEA,IAAK;MACXC,QAAQ,EAAEA,QAAS;MACnBQ,KAAK,EAAC,cAAc;MACpBC,gBAAgB,EAAC,EAAE;MACnBJ,cAAc,EAAEA;IAAe,EAClC,CAAC,EACDD,OAAO,iBAAI,IAAA3B,eAAA,EAACiC,0BAAY;MAACC,OAAO,EAAEb,YAAa;MAACpB,SAAS,EAAEP,KAAK,CAAC,OAAO;IAAE,CAAE,CAAC;EAAA,CAC7E,CAAC;AAEd","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactDataTable","_uikit","_bemCnLite","_EmptyContent","_jsxRuntime","e","__esModule","default","block","cn","SKELETON_ROWS_COUNT","getSkeletonWidth","rowIndex","columnIndex","widths","length","renderEmptyCell","key","align","_jsx","className","empty","children","Skeleton","variant","width","renderLoadingSkeleton","columns","displayIndices","Array","from","_","index","_jsxs","map","column","name","Number","DataTable","props","loading","loaded","_props$emptyVariant","emptyVariant","data","settings","rest","_objectWithoutProperties","_excluded","isEmpty","renderEmptyRow","BaseDataTable","_objectSpread","theme","emptyDataMessage","EmptyContent"],"sources":["DataTable.tsx"],"sourcesContent":["import React from 'react';\nimport BaseDataTable, {\n    DataTableProps as BaseDataTableProps,\n    Column,\n} from '@gravity-ui/react-data-table';\nimport {Skeleton} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\n\nimport {EmptyContent, EmptyContentVariant} from '../EmptyContent';\n\nimport './DataTable.scss';\n\nexport type {Column};\n\nconst block = cn('qp-data-table');\n\nconst SKELETON_ROWS_COUNT = 4;\n\nexport type DataTableProps<T> = {\n    loading?: boolean;\n    loaded?: boolean;\n    className?: string;\n    emptyVariant?: EmptyContentVariant;\n} & Omit<BaseDataTableProps<T>, 'theme'>;\n\nfunction getSkeletonWidth(rowIndex: number, columnIndex: number) {\n    const widths = [72, 120, 180, 96];\n\n    return widths[(rowIndex + columnIndex) % widths.length];\n}\n\nfunction renderEmptyCell(\n    key: string,\n    rowIndex: number,\n    columnIndex: number,\n    align?: Column<unknown>['align'],\n) {\n    return (\n        <td key={key} className={block('td', {empty: true})}>\n            <div className={block('content', {empty: true, align})}>\n                <Skeleton variant=\"text\" width={getSkeletonWidth(rowIndex, columnIndex)} />\n            </div>\n        </td>\n    );\n}\n\nfunction renderLoadingSkeleton<T>(columns: Array<Column<T>>, displayIndices: boolean) {\n    return Array.from({length: SKELETON_ROWS_COUNT}, (_, index) => (\n        <tr key={index} className={block('tr', {empty: true})}>\n            {displayIndices && renderEmptyCell('__index', index, 0)}\n            {columns.map((column, columnIndex) =>\n                renderEmptyCell(\n                    column.name,\n                    index,\n                    columnIndex + Number(displayIndices),\n                    column.align,\n                ),\n            )}\n        </tr>\n    ));\n}\n\nexport function DataTable<T>(props: DataTableProps<T>) {\n    const {\n        loading,\n        loaded,\n        className,\n        emptyVariant = 'no-data',\n        columns,\n        data,\n        settings,\n        ...rest\n    } = props;\n\n    const isEmpty = loaded && data.length === 0;\n    const displayIndices = settings?.displayIndices !== false;\n\n    const renderEmptyRow = () => {\n        if (loading && !loaded) {\n            return renderLoadingSkeleton(columns, displayIndices);\n        }\n\n        return null;\n    };\n\n    return (\n        <div className={block(null, className)}>\n            <BaseDataTable\n                {...rest}\n                columns={columns}\n                data={data}\n                settings={settings}\n                theme=\"yandex-cloud\"\n                emptyDataMessage=\"\"\n                renderEmptyRow={renderEmptyRow}\n            />\n            {isEmpty && <EmptyContent variant={emptyVariant} className={block('empty')} />}\n        </div>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/components/ErrorTree/ErrorTree.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ErrorTreeProps } from '../../types/errorTree';
+export declare function ErrorTree({ root, className, defaultExpanded, defaultInfoExpanded, renderAttributes, onPositionClick, }: ErrorTreeProps): React.JSX.Element;

package/build/cjs/components/ErrorTree/ErrorTree.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorTree = ErrorTree;
+var _react = _interopRequireDefault(require("react"));
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _ErrorTreeNode = require("./internal/ErrorTreeNode");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-error-tree');
+function ErrorTree(_ref) {
+  var root = _ref.root,
+    className = _ref.className,
+    _ref$defaultExpanded = _ref.defaultExpanded,
+    defaultExpanded = _ref$defaultExpanded === void 0 ? true : _ref$defaultExpanded,
+    _ref$defaultInfoExpan = _ref.defaultInfoExpanded,
+    defaultInfoExpanded = _ref$defaultInfoExpan === void 0 ? false : _ref$defaultInfoExpan,
+    renderAttributes = _ref.renderAttributes,
+    onPositionClick = _ref.onPositionClick;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: block(null, className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorTreeNode.ErrorTreeNode, {
+      item: root,
+      level: 0,
+      defaultNodeExpanded: defaultExpanded,
+      defaultExpanded: defaultExpanded,
+      defaultInfoExpanded: defaultInfoExpanded,
+      renderAttributes: renderAttributes,
+      onPositionClick: onPositionClick
+    })
+  });
+}
+// #sourceMappingURL=ErrorTree.js.map

package/build/cjs/components/ErrorTree/ErrorTree.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","_ErrorTreeNode","_jsxRuntime","e","__esModule","default","block","cn","ErrorTree","_ref","root","className","_ref$defaultExpanded","defaultExpanded","_ref$defaultInfoExpan","defaultInfoExpanded","renderAttributes","onPositionClick","_jsx","children","ErrorTreeNode","item","level","defaultNodeExpanded"],"sources":["ErrorTree.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\n\nimport type {ErrorTreeProps} from '../../types/errorTree';\nimport {ErrorTreeNode} from './internal/ErrorTreeNode';\n\nconst block = cn('qp-error-tree');\n\nexport function ErrorTree({\n    root,\n    className,\n    defaultExpanded = true,\n    defaultInfoExpanded = false,\n    renderAttributes,\n    onPositionClick,\n}: ErrorTreeProps) {\n    return (\n        <div className={block(null, className)}>\n            <ErrorTreeNode\n                item={root}\n                level={0}\n                defaultNodeExpanded={defaultExpanded}\n                defaultExpanded={defaultExpanded}\n                defaultInfoExpanded={defaultInfoExpanded}\n                renderAttributes={renderAttributes}\n                onPositionClick={onPositionClick}\n            />\n        </div>\n    );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,cAAA,GAAAF,OAAA;AAAuD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEvD,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,eAAe,CAAC;AAE1B,SAASC,SAASA,CAAAC,IAAA,EAON;EAAA,IANfC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,oBAAA,GAAAH,IAAA,CACTI,eAAe;IAAfA,eAAe,GAAAD,oBAAA,cAAG,IAAI,GAAAA,oBAAA;IAAAE,qBAAA,GAAAL,IAAA,CACtBM,mBAAmB;IAAnBA,mBAAmB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAC3BE,gBAAgB,GAAAP,IAAA,CAAhBO,gBAAgB;IAChBC,eAAe,GAAAR,IAAA,CAAfQ,eAAe;EAEf,oBACI,IAAAC,eAAA;IAAKP,SAAS,EAAEL,KAAK,CAAC,IAAI,EAAEK,SAAS,CAAE;IAAAQ,QAAA,eACnC,IAAAD,eAAA,EAACE,4BAAa;MACVC,IAAI,EAAEX,IAAK;MACXY,KAAK,EAAE,CAAE;MACTC,mBAAmB,EAAEV,eAAgB;MACrCA,eAAe,EAAEA,eAAgB;MACjCE,mBAAmB,EAAEA,mBAAoB;MACzCC,gBAAgB,EAAEA,gBAAiB;MACnCC,eAAe,EAAEA;IAAgB,CACpC;EAAC,CACD,CAAC;AAEd","ignoreList":[]}

package/build/cjs/components/ErrorTree/ErrorTree.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ErrorTree } from './ErrorTree';
+declare const meta: Meta<typeof ErrorTree>;
+export default meta;
+type Story = StoryObj<typeof ErrorTree>;
+export declare const Default: Story;
+export declare const CustomAttributes: Story;
+export declare const Narrow: Story;

package/build/cjs/components/ErrorTree/ErrorTree.stories.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Narrow = exports.Default = exports.CustomAttributes = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _actions = require("storybook/actions");
+var _ErrorTree = require("./ErrorTree");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var root = {
+  id: 'root',
+  severity: 'error',
+  message: 'Missing value for parameter: $h',
+  code: 2,
+  attributes: {
+    severity: 'Error',
+    queryId: '7d1d'
+  },
+  children: [{
+    id: 'nested-error',
+    severity: 'error',
+    message: 'Missing value for parameter: $h',
+    code: 2,
+    position: {
+      row: 1,
+      column: 0
+    },
+    attributes: {
+      severity: 'Error'
+    },
+    children: [{
+      id: 'intermediate-1',
+      severity: 'warning',
+      message: 'Intermediate parser message',
+      children: [{
+        id: 'intermediate-2',
+        severity: 'warning',
+        message: 'Intermediate optimizer message',
+        children: [{
+          id: 'terminal-error',
+          severity: 'error',
+          message: 'At function: RemovePrefixMembers, At function: OrderedSqlProject',
+          code: 2
+        }]
+      }]
+    }]
+  }, {
+    id: 'warning',
+    severity: 'warning',
+    message: 'Query can be optimized further',
+    code: 0,
+    children: [{
+      id: 'info',
+      severity: 'info',
+      message: 'Consider adding a filter before the join',
+      position: {
+        row: 47,
+        column: 6
+      }
+    }]
+  }]
+};
+var meta = {
+  title: 'Components/ErrorTree',
+  component: _ErrorTree.ErrorTree,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  args: {
+    root: root,
+    onPositionClick: (0, _actions.action)('onPositionClick')
+  }
+};
+var _default = exports.default = meta;
+var Default = exports.Default = {};
+var CustomAttributes = exports.CustomAttributes = {
+  args: {
+    renderAttributes: function renderAttributes(attributes) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+        variant: "body-2",
+        children: String(attributes.severity)
+      });
+    }
+  }
+};
+var Narrow = exports.Narrow = {
+  render: function render(args) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        width: 420
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorTree.ErrorTree, (0, _objectSpread2.default)({}, args))
+    });
+  }
+};
+// #sourceMappingURL=ErrorTree.stories.js.map

package/build/cjs/components/ErrorTree/ErrorTree.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_actions","_ErrorTree","_jsxRuntime","e","__esModule","default","root","id","severity","message","code","attributes","queryId","children","position","row","column","meta","title","component","ErrorTree","tags","parameters","layout","args","onPositionClick","action","_default","exports","Default","CustomAttributes","renderAttributes","_jsx","Text","variant","String","Narrow","render","style","width","_objectSpread"],"sources":["ErrorTree.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Text} from '@gravity-ui/uikit';\nimport {action} from 'storybook/actions';\n\nimport type {ErrorTreeItem} from '../../types/errorTree';\nimport {ErrorTree} from './ErrorTree';\n\nconst root: ErrorTreeItem = {\n    id: 'root',\n    severity: 'error',\n    message: 'Missing value for parameter: $h',\n    code: 2,\n    attributes: {severity: 'Error', queryId: '7d1d'},\n    children: [\n        {\n            id: 'nested-error',\n            severity: 'error',\n            message: 'Missing value for parameter: $h',\n            code: 2,\n            position: {row: 1, column: 0},\n            attributes: {severity: 'Error'},\n            children: [\n                {\n                    id: 'intermediate-1',\n                    severity: 'warning',\n                    message: 'Intermediate parser message',\n                    children: [\n                        {\n                            id: 'intermediate-2',\n                            severity: 'warning',\n                            message: 'Intermediate optimizer message',\n                            children: [\n                                {\n                                    id: 'terminal-error',\n                                    severity: 'error',\n                                    message:\n                                        'At function: RemovePrefixMembers, At function: OrderedSqlProject',\n                                    code: 2,\n                                },\n                            ],\n                        },\n                    ],\n                },\n            ],\n        },\n        {\n            id: 'warning',\n            severity: 'warning',\n            message: 'Query can be optimized further',\n            code: 0,\n            children: [\n                {\n                    id: 'info',\n                    severity: 'info',\n                    message: 'Consider adding a filter before the join',\n                    position: {row: 47, column: 6},\n                },\n            ],\n        },\n    ],\n};\n\nconst meta: Meta<typeof ErrorTree> = {\n    title: 'Components/ErrorTree',\n    component: ErrorTree,\n    tags: ['autodocs'],\n    parameters: {layout: 'padded'},\n    args: {\n        root,\n        onPositionClick: action('onPositionClick'),\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof ErrorTree>;\n\nexport const Default: Story = {};\n\nexport const CustomAttributes: Story = {\n    args: {\n        renderAttributes: (attributes) => (\n            <Text variant=\"body-2\">{String(attributes.severity)}</Text>\n        ),\n    },\n};\n\nexport const Narrow: Story = {\n    render: (args) => (\n        <div style={{width: 420}}>\n            <ErrorTree {...args} />\n        </div>\n    ),\n};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/components/ErrorTree/helpers/formatAttributes.d.ts

@@ -0,0 +1,2 @@
+import type { ErrorTreeItem } from '../../../types/errorTree';
+export declare function formatAttributes(attributes: ErrorTreeItem['attributes']): string | null;

package/build/cjs/components/ErrorTree/helpers/formatAttributes.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatAttributes = formatAttributes;
+require("core-js/modules/es.date.to-json.js");
+require("core-js/modules/es.json.stringify.js");
+function formatAttributes(attributes) {
+  try {
+    return JSON.stringify(attributes, null, 2);
+  } catch (_unused) {
+    return null;
+  }
+}
+// #sourceMappingURL=formatAttributes.js.map

package/build/cjs/components/ErrorTree/helpers/formatAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formatAttributes","attributes","JSON","stringify","_unused"],"sources":["formatAttributes.ts"],"sourcesContent":["import type {ErrorTreeItem} from '../../../types/errorTree';\n\nexport function formatAttributes(attributes: ErrorTreeItem['attributes']) {\n    try {\n        return JSON.stringify(attributes, null, 2);\n    } catch {\n        return null;\n    }\n}\n"],"mappings":";;;;;;;;AAEO,SAASA,gBAAgBA,CAACC,UAAuC,EAAE;EACtE,IAAI;IACA,OAAOC,IAAI,CAACC,SAAS,CAACF,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;EAC9C,CAAC,CAAC,OAAAG,OAAA,EAAM;IACJ,OAAO,IAAI;EACf;AACJ","ignoreList":[]}

package/build/cjs/components/ErrorTree/helpers/getIntermediateChain.d.ts

@@ -0,0 +1,6 @@
+import type { ErrorTreeItem } from '../../../types/errorTree';
+export type IntermediateChain = {
+    hiddenItems: ErrorTreeItem[];
+    terminalItem: ErrorTreeItem;
+};
+export declare function getIntermediateChain(item: ErrorTreeItem): IntermediateChain;

package/build/cjs/components/ErrorTree/helpers/getIntermediateChain.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIntermediateChain = getIntermediateChain;
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.array.slice.js");
+function getIntermediateChain(item) {
+  var items = [item];
+  var current = item;
+  while (((_current$children = current.children) === null || _current$children === void 0 ? void 0 : _current$children.length) === 1) {
+    var _current$children;
+    current = current.children[0];
+    items.push(current);
+  }
+  return {
+    hiddenItems: items.slice(0, -1),
+    terminalItem: items[items.length - 1]
+  };
+}
+// #sourceMappingURL=getIntermediateChain.js.map

package/build/cjs/components/ErrorTree/helpers/getIntermediateChain.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getIntermediateChain","item","items","current","_current$children","children","length","push","hiddenItems","slice","terminalItem"],"sources":["getIntermediateChain.ts"],"sourcesContent":["import type {ErrorTreeItem} from '../../../types/errorTree';\n\nexport type IntermediateChain = {\n    hiddenItems: ErrorTreeItem[];\n    terminalItem: ErrorTreeItem;\n};\n\nexport function getIntermediateChain(item: ErrorTreeItem): IntermediateChain {\n    const items = [item];\n    let current = item;\n\n    while (current.children?.length === 1) {\n        current = current.children[0];\n        items.push(current);\n    }\n\n    return {\n        hiddenItems: items.slice(0, -1),\n        terminalItem: items[items.length - 1],\n    };\n}\n"],"mappings":";;;;;;;;AAOO,SAASA,oBAAoBA,CAACC,IAAmB,EAAqB;EACzE,IAAMC,KAAK,GAAG,CAACD,IAAI,CAAC;EACpB,IAAIE,OAAO,GAAGF,IAAI;EAElB,OAAO,EAAAG,iBAAA,GAAAD,OAAO,CAACE,QAAQ,cAAAD,iBAAA,uBAAhBA,iBAAA,CAAkBE,MAAM,MAAK,CAAC,EAAE;IAAA,IAAAF,iBAAA;IACnCD,OAAO,GAAGA,OAAO,CAACE,QAAQ,CAAC,CAAC,CAAC;IAC7BH,KAAK,CAACK,IAAI,CAACJ,OAAO,CAAC;EACvB;EAEA,OAAO;IACHK,WAAW,EAAEN,KAAK,CAACO,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/BC,YAAY,EAAER,KAAK,CAACA,KAAK,CAACI,MAAM,GAAG,CAAC;EACxC,CAAC;AACL","ignoreList":[]}

package/build/cjs/components/ErrorTree/i18n/dicts.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+    en: {
+        field_attributes: string;
+        field_code: string;
+        "action_show-all": string;
+        "action_show-parent": string;
+        "context_intermediate-messages": {
+            one: string;
+            other: string;
+        };
+        "context_attributes-unavailable": string;
+    };
+    ru: {
+        field_attributes: string;
+        field_code: string;
+        "action_show-all": string;
+        "action_show-parent": string;
+        "context_intermediate-messages": {
+            one: string;
+            few: string;
+            many: string;
+            other: string;
+        };
+        "context_attributes-unavailable": string;
+    };
+};
+export default _default;

package/build/cjs/components/ErrorTree/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/ErrorTree/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/ErrorTree/i18n/en.json

@@ -0,0 +1,11 @@
+{
+  "field_attributes": "Attributes",
+  "field_code": "Code",
+  "action_show-all": "Show all",
+  "action_show-parent": "Show parent",
+  "context_intermediate-messages": {
+    "one": "{{count}} intermediate message",
+    "other": "{{count}} intermediate messages"
+  },
+  "context_attributes-unavailable": "Attributes cannot be displayed"
+}

package/build/cjs/components/ErrorTree/i18n/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: ((key: "field_attributes" | "field_code" | "action_show-all" | "action_show-parent" | "context_intermediate-messages" | "context_attributes-unavailable", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "qp:error-tree": Record<"field_attributes" | "field_code" | "action_show-all" | "action_show-parent" | "context_intermediate-messages" | "context_attributes-unavailable", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

package/build/cjs/components/ErrorTree/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:error-tree', _dicts.default);
+// #sourceMappingURL=index.js.map

package/build/cjs/components/ErrorTree/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';\n\nimport dicts from './dicts';\n\nexport default addI18Keysets('qp:error-tree', dicts);\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,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,eAAe,EAAEC,cAAK,CAAC","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+{
+  "field_attributes": "Атрибуты",
+  "field_code": "Код",
+  "action_show-all": "Показать все",
+  "action_show-parent": "Показать родителя",
+  "context_intermediate-messages": {
+    "one": "{{count}} промежуточное сообщение",
+    "few": "{{count}} промежуточных сообщения",
+    "many": "{{count}} промежуточных сообщений",
+    "other": "{{count}} промежуточного сообщения"
+  },
+  "context_attributes-unavailable": "Не удалось показать атрибуты"
+}

package/build/cjs/components/ErrorTree/index.d.ts

@@ -0,0 +1 @@
+export { ErrorTree } from './ErrorTree';

package/build/cjs/components/ErrorTree/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ErrorTree", {
+  enumerable: true,
+  get: function () {
+    return _ErrorTree.ErrorTree;
+  }
+});
+var _ErrorTree = require("./ErrorTree");
+// #sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ErrorTree","require"],"sources":["index.ts"],"sourcesContent":["export {ErrorTree} from './ErrorTree';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA","ignoreList":[]}

package/build/cjs/components/ErrorTree/internal/ErrorTreeChildren.css

@@ -0,0 +1,4 @@
+.qp-error-tree__children {
+  padding-left: var(--g-spacing-7);
+}
+/*# sourceMappingURL=ErrorTreeChildren.css.map */

package/build/cjs/components/ErrorTree/internal/ErrorTreeChildren.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ErrorTreeChildren.scss"],"names":[],"mappings":"AACI;EACI,gCAAA;AAAR","file":"ErrorTreeChildren.css","sourcesContent":[".qp-error-tree {\n    &__children {\n        padding-inline-start: var(--g-spacing-7);\n    }\n}\n"],"sourceRoot":""}

package/build/cjs/components/ErrorTree/internal/ErrorTreeChildren.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ErrorTreeItem, ErrorTreeProps } from '../../../types/errorTree';
+import './ErrorTreeChildren.scss';
+type ErrorTreeChildrenProps = Pick<ErrorTreeProps, 'defaultExpanded' | 'defaultInfoExpanded' | 'renderAttributes' | 'onPositionClick'> & {
+    className?: string;
+    items: ErrorTreeItem[];
+    level: number;
+};
+export declare function ErrorTreeChildren({ className, items, ...props }: ErrorTreeChildrenProps): React.JSX.Element;
+export {};

package/build/cjs/components/ErrorTree/internal/ErrorTreeChildren.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorTreeChildren = ErrorTreeChildren;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+require("core-js/modules/es.array.map.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 = _interopRequireDefault(require("react"));
+var _IntermediateMessages = require("./IntermediateMessages");
+require("./ErrorTreeChildren.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _excluded = ["className", "items"];
+function ErrorTreeChildren(_ref) {
+  var className = _ref.className,
+    items = _ref.items,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: className,
+    children: items.map(function (item) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IntermediateMessages.IntermediateMessages, (0, _objectSpread2.default)({
+        item: item
+      }, props), item.id);
+    })
+  });
+}
+// #sourceMappingURL=ErrorTreeChildren.js.map

package/build/cjs/components/ErrorTree/internal/ErrorTreeChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_IntermediateMessages","_jsxRuntime","e","__esModule","default","ErrorTreeChildren","_ref","className","items","props","_objectWithoutProperties","_excluded","_jsx","children","map","item","IntermediateMessages","_objectSpread","id"],"sources":["ErrorTreeChildren.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {ErrorTreeItem, ErrorTreeProps} from '../../../types/errorTree';\nimport {IntermediateMessages} from './IntermediateMessages';\n\nimport './ErrorTreeChildren.scss';\n\ntype ErrorTreeChildrenProps = Pick<\n    ErrorTreeProps,\n    'defaultExpanded' | 'defaultInfoExpanded' | 'renderAttributes' | 'onPositionClick'\n> & {\n    className?: string;\n    items: ErrorTreeItem[];\n    level: number;\n};\n\nexport function ErrorTreeChildren({className, items, ...props}: ErrorTreeChildrenProps) {\n    return (\n        <div className={className}>\n            {items.map((item) => (\n                <IntermediateMessages key={item.id} item={item} {...props} />\n            ))}\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,qBAAA,GAAAD,OAAA;AAEAA,OAAA;AAAkC,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;;AAW3B,SAASG,iBAAiBA,CAAAC,IAAA,EAAuD;EAAA,IAArDC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAKC,KAAK,OAAAC,iCAAA,EAAAJ,IAAA,EAAAK,SAAA;EACzD,oBACI,IAAAC,eAAA;IAAKL,SAAS,EAAEA,SAAU;IAAAM,QAAA,EACrBL,KAAK,CAACM,GAAG,CAAC,UAACC,IAAI;MAAA,oBACZ,IAAAH,eAAA,EAACI,0CAAoB,MAAAC,sBAAA;QAAeF,IAAI,EAAEA;MAAK,GAAKN,KAAK,GAA9BM,IAAI,CAACG,EAA4B,CAAC;IAAA,CAChE;EAAC,CACD,CAAC;AAEd","ignoreList":[]}

package/build/cjs/components/ErrorTree/internal/ErrorTreeNode.css

@@ -0,0 +1,80 @@
+.qp-error-tree__node {
+  margin-bottom: var(--g-spacing-2);
+}
+.qp-error-tree__summary, .qp-error-tree__line {
+  min-width: 0;
+}
+.qp-error-tree__expand-button {
+  flex: 0 0 auto;
+}
+.qp-error-tree__expand-placeholder {
+  flex: 0 0 28px;
+}
+.qp-error-tree__line {
+  flex: 1 1 auto;
+  min-width: 0;
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+.qp-error-tree__severity-icon {
+  flex: 0 0 auto;
+}
+.qp-error-tree__severity-icon_error {
+  color: var(--g-color-text-danger);
+}
+.qp-error-tree__severity-icon_warning {
+  color: var(--g-color-text-warning);
+}
+.qp-error-tree__severity-icon_info {
+  color: var(--g-color-text-info);
+}
+.qp-error-tree__attributes-button, .qp-error-tree__show-parent {
+  flex: 0 0 auto;
+}
+.qp-error-tree__position {
+  flex: 0 0 auto;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  color: var(--g-color-text-secondary);
+  font-family: var(--g-font-family-monospace);
+}
+.qp-error-tree__message, .qp-error-tree__message-button {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  color: var(--g-color-text-primary);
+  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);
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.qp-error-tree__message-button {
+  justify-content: flex-start;
+}
+.qp-error-tree__code {
+  flex: 0 0 auto;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  color: var(--g-color-text-complementary);
+}
+.qp-error-tree__attributes {
+  margin-top: var(--g-spacing-1);
+  margin-left: 28px;
+  overflow: auto;
+}
+.qp-error-tree__attributes-content {
+  margin: 0;
+  padding: var(--g-spacing-2);
+  border-radius: var(--g-border-radius-s);
+  background: var(--g-color-base-generic-ultralight);
+  color: var(--g-color-text-primary);
+  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);
+  white-space: pre-wrap;
+}
+/*# sourceMappingURL=ErrorTreeNode.css.map */