@gravity-ui/querieskit 1.2.0 → 1.3.0

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

@@ -0,0 +1,94 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import React from 'react';
+import { Text } from '@gravity-ui/uikit';
+import { action } from 'storybook/actions';
+import { ErrorTree } from "./ErrorTree";
+import { jsx as _jsx } from "react/jsx-runtime";
+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,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  args: {
+    root: root,
+    onPositionClick: action('onPositionClick')
+  }
+};
+export default meta;
+export var Default = {};
+export var CustomAttributes = {
+  args: {
+    renderAttributes: function renderAttributes(attributes) {
+      return /*#__PURE__*/_jsx(Text, {
+        variant: "body-2",
+        children: String(attributes.severity)
+      });
+    }
+  }
+};
+export var Narrow = {
+  render: function render(args) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        width: 420
+      },
+      children: /*#__PURE__*/_jsx(ErrorTree, _objectSpread({}, args))
+    });
+  }
+};
+// #sourceMappingURL=ErrorTree.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","action","ErrorTree","jsx","_jsx","root","id","severity","message","code","attributes","queryId","children","position","row","column","meta","title","component","tags","parameters","layout","args","onPositionClick","Default","CustomAttributes","renderAttributes","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":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,IAAI,QAAO,mBAAmB;AACtC,SAAQC,MAAM,QAAO,mBAAmB;AAGxC,SAAQC,SAAS;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAEtC,IAAMC,IAAmB,GAAG;EACxBC,EAAE,EAAE,MAAM;EACVC,QAAQ,EAAE,OAAO;EACjBC,OAAO,EAAE,iCAAiC;EAC1CC,IAAI,EAAE,CAAC;EACPC,UAAU,EAAE;IAACH,QAAQ,EAAE,OAAO;IAAEI,OAAO,EAAE;EAAM,CAAC;EAChDC,QAAQ,EAAE,CACN;IACIN,EAAE,EAAE,cAAc;IAClBC,QAAQ,EAAE,OAAO;IACjBC,OAAO,EAAE,iCAAiC;IAC1CC,IAAI,EAAE,CAAC;IACPI,QAAQ,EAAE;MAACC,GAAG,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAC,CAAC;IAC7BL,UAAU,EAAE;MAACH,QAAQ,EAAE;IAAO,CAAC;IAC/BK,QAAQ,EAAE,CACN;MACIN,EAAE,EAAE,gBAAgB;MACpBC,QAAQ,EAAE,SAAS;MACnBC,OAAO,EAAE,6BAA6B;MACtCI,QAAQ,EAAE,CACN;QACIN,EAAE,EAAE,gBAAgB;QACpBC,QAAQ,EAAE,SAAS;QACnBC,OAAO,EAAE,gCAAgC;QACzCI,QAAQ,EAAE,CACN;UACIN,EAAE,EAAE,gBAAgB;UACpBC,QAAQ,EAAE,OAAO;UACjBC,OAAO,EACH,kEAAkE;UACtEC,IAAI,EAAE;QACV,CAAC;MAET,CAAC;IAET,CAAC;EAET,CAAC,EACD;IACIH,EAAE,EAAE,SAAS;IACbC,QAAQ,EAAE,SAAS;IACnBC,OAAO,EAAE,gCAAgC;IACzCC,IAAI,EAAE,CAAC;IACPG,QAAQ,EAAE,CACN;MACIN,EAAE,EAAE,MAAM;MACVC,QAAQ,EAAE,MAAM;MAChBC,OAAO,EAAE,0CAA0C;MACnDK,QAAQ,EAAE;QAACC,GAAG,EAAE,EAAE;QAAEC,MAAM,EAAE;MAAC;IACjC,CAAC;EAET,CAAC;AAET,CAAC;AAED,IAAMC,IAA4B,GAAG;EACjCC,KAAK,EAAE,sBAAsB;EAC7BC,SAAS,EAAEhB,SAAS;EACpBiB,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IAACC,MAAM,EAAE;EAAQ,CAAC;EAC9BC,IAAI,EAAE;IACFjB,IAAI,EAAJA,IAAI;IACJkB,eAAe,EAAEtB,MAAM,CAAC,iBAAiB;EAC7C;AACJ,CAAC;AAED,eAAee,IAAI;AAGnB,OAAO,IAAMQ,OAAc,GAAG,CAAC,CAAC;AAEhC,OAAO,IAAMC,gBAAuB,GAAG;EACnCH,IAAI,EAAE;IACFI,gBAAgB,EAAE,SAAlBA,gBAAgBA,CAAGhB,UAAU;MAAA,oBACzBN,IAAA,CAACJ,IAAI;QAAC2B,OAAO,EAAC,QAAQ;QAAAf,QAAA,EAAEgB,MAAM,CAAClB,UAAU,CAACH,QAAQ;MAAC,CAAO,CAAC;IAAA;EAEnE;AACJ,CAAC;AAED,OAAO,IAAMsB,MAAa,GAAG;EACzBC,MAAM,EAAE,SAARA,MAAMA,CAAGR,IAAI;IAAA,oBACTlB,IAAA;MAAK2B,KAAK,EAAE;QAACC,KAAK,EAAE;MAAG,CAAE;MAAApB,QAAA,eACrBR,IAAA,CAACF,SAAS,EAAA+B,aAAA,KAAKX,IAAI,CAAG;IAAC,CACtB,CAAC;EAAA;AAEd,CAAC","ignoreList":[]}

package/build/esm/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/esm/components/ErrorTree/helpers/formatAttributes.js

@@ -0,0 +1,10 @@
+import "core-js/modules/es.date.to-json.js";
+import "core-js/modules/es.json.stringify.js";
+export function formatAttributes(attributes) {
+  try {
+    return JSON.stringify(attributes, null, 2);
+  } catch (_unused) {
+    return null;
+  }
+}
+// #sourceMappingURL=formatAttributes.js.map

package/build/esm/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":";;AAEA,OAAO,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/esm/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/esm/components/ErrorTree/helpers/getIntermediateChain.js

@@ -0,0 +1,16 @@
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.array.slice.js";
+export 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/esm/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":";;AAOA,OAAO,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/esm/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/esm/components/ErrorTree/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/ErrorTree/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/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/esm/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/esm/components/ErrorTree/i18n/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["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,SAAQA,aAAa;AAErB,OAAOC,KAAK;AAEZ,eAAeD,aAAa,CAAC,eAAe,EAAEC,KAAK,CAAC","ignoreList":[]}

package/build/esm/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/esm/components/ErrorTree/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export { ErrorTree } from "./ErrorTree";
+// #sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ErrorTree"],"sources":["index.ts"],"sourcesContent":["export {ErrorTree} from './ErrorTree';\n"],"mappings":"AAAA,SAAQA,SAAS","ignoreList":[]}

package/build/esm/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/esm/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/esm/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/esm/components/ErrorTree/internal/ErrorTreeChildren.js

@@ -0,0 +1,25 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "items"];
+import "core-js/modules/es.array.map.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 from 'react';
+import { IntermediateMessages } from "./IntermediateMessages";
+import "./ErrorTreeChildren.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ErrorTreeChildren(_ref) {
+  var className = _ref.className,
+    items = _ref.items,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("div", {
+    className: className,
+    children: items.map(function (item) {
+      return /*#__PURE__*/_jsx(IntermediateMessages, _objectSpread({
+        item: item
+      }, props), item.id);
+    })
+  });
+}
+// #sourceMappingURL=ErrorTreeChildren.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","IntermediateMessages","jsx","_jsx","ErrorTreeChildren","_ref","className","items","props","_objectWithoutProperties","_excluded","children","map","item","_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,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAAQC,oBAAoB;AAE5B;AAAkC,SAAAC,GAAA,IAAAC,IAAA;AAWlC,OAAO,SAASC,iBAAiBA,CAAAC,IAAA,EAAuD;EAAA,IAArDC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACzD,oBACIP,IAAA;IAAKG,SAAS,EAAEA,SAAU;IAAAK,QAAA,EACrBJ,KAAK,CAACK,GAAG,CAAC,UAACC,IAAI;MAAA,oBACZV,IAAA,CAACF,oBAAoB,EAAAa,aAAA;QAAeD,IAAI,EAAEA;MAAK,GAAKL,KAAK,GAA9BK,IAAI,CAACE,EAA4B,CAAC;IAAA,CAChE;EAAC,CACD,CAAC;AAEd","ignoreList":[]}

package/build/esm/components/ErrorTree/internal/ErrorTreeChildren.scss

@@ -0,0 +1,5 @@
+.qp-error-tree {
+    &__children {
+        padding-inline-start: var(--g-spacing-7);
+    }
+}

package/build/esm/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 */

package/build/esm/components/ErrorTree/internal/ErrorTreeNode.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ErrorTreeNode.scss"],"names":[],"mappings":"AACI;EACI,iCAAA;AAAR;AAGI;EAEI,YAAA;AAFR;AAKI;EACI,cAAA;AAHR;AAMI;EACI,cAAA;AAJR;AAOI;EACI,cAAA;EACA,YAAA;EACA,gBAAA;EAAA,mBAAA;AALR;AAQI;EACI,cAAA;AANR;AAQQ;EACI,iCAAA;AANZ;AASQ;EACI,kCAAA;AAPZ;AAUQ;EACI,+BAAA;AARZ;AAYI;EAEI,cAAA;AAXR;AAcI;EACI,cAAA;EACA,gBAAA;EAAA,mBAAA;EACA,oCAAA;EACA,2CAAA;AAZR;AAeI;EAEI,cAAA;EACA,YAAA;EACA,gBAAA;EACA,gBAAA;EAAA,mBAAA;EACA,kCAAA;EACA,2CAAA;EACA,yCAAA;EACA,6CAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;AAdR;AAiBI;EACI,2BAAA;AAfR;AAkBI;EACI,cAAA;EACA,gBAAA;EAAA,mBAAA;EACA,wCAAA;AAhBR;AAmBI;EACI,8BAAA;EACA,iBAAA;EACA,cAAA;AAjBR;AAoBI;EACI,SAAA;EACA,2BAAA;EACA,uCAAA;EACA,kDAAA;EACA,kCAAA;EACA,2CAAA;EACA,yCAAA;EACA,6CAAA;EACA,qBAAA;AAlBR","file":"ErrorTreeNode.css","sourcesContent":[".qp-error-tree {\n    &__node {\n        margin-block-end: var(--g-spacing-2);\n    }\n\n    &__summary,\n    &__line {\n        min-inline-size: 0;\n    }\n\n    &__expand-button {\n        flex: 0 0 auto;\n    }\n\n    &__expand-placeholder {\n        flex: 0 0 28px;\n    }\n\n    &__line {\n        flex: 1 1 auto;\n        min-inline-size: 0;\n        padding-block: 2px;\n    }\n\n    &__severity-icon {\n        flex: 0 0 auto;\n\n        &_error {\n            color: var(--g-color-text-danger);\n        }\n\n        &_warning {\n            color: var(--g-color-text-warning);\n        }\n\n        &_info {\n            color: var(--g-color-text-info);\n        }\n    }\n\n    &__attributes-button,\n    &__show-parent {\n        flex: 0 0 auto;\n    }\n\n    &__position {\n        flex: 0 0 auto;\n        padding-block: 4px;\n        color: var(--g-color-text-secondary);\n        font-family: var(--g-font-family-monospace);\n    }\n\n    &__message,\n    &__message-button {\n        flex: 1 1 auto;\n        min-inline-size: 0;\n        overflow: hidden;\n        padding-block: 4px;\n        color: var(--g-color-text-primary);\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        text-align: start;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    &__message-button {\n        justify-content: flex-start;\n    }\n\n    &__code {\n        flex: 0 0 auto;\n        padding-block: 4px;\n        color: var(--g-color-text-complementary);\n    }\n\n    &__attributes {\n        margin-block-start: var(--g-spacing-1);\n        margin-inline-start: 28px;\n        overflow: auto;\n    }\n\n    &__attributes-content {\n        margin: 0;\n        padding: var(--g-spacing-2);\n        border-radius: var(--g-border-radius-s);\n        background: var(--g-color-base-generic-ultralight);\n        color: var(--g-color-text-primary);\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        white-space: pre-wrap;\n    }\n}\n"],"sourceRoot":""}

package/build/esm/components/ErrorTree/internal/ErrorTreeNode.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { ErrorTreeItem, ErrorTreeProps } from '../../../types/errorTree';
+import './ErrorTreeNode.scss';
+type ErrorTreeNodeProps = Pick<ErrorTreeProps, 'defaultExpanded' | 'defaultInfoExpanded' | 'renderAttributes' | 'onPositionClick'> & {
+    className?: string;
+    item: ErrorTreeItem;
+    level: number;
+    defaultNodeExpanded: boolean;
+    renderChildren?: (className: string) => React.ReactNode;
+    onShowParent?: () => void;
+};
+export declare function ErrorTreeNode({ className, item, level, defaultExpanded, defaultInfoExpanded, defaultNodeExpanded, renderAttributes, onPositionClick, renderChildren, onShowParent, }: ErrorTreeNodeProps): React.JSX.Element;
+export {};