@gravity-ui/querieskit 1.5.0 → 1.6.0

package/build/esm/components/QueryGraph/story/largeGraphData.js

@@ -0,0 +1,220 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.object.to-string.js";
+function operation(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    label = _ref.label,
+    _ref$inputs = _ref.inputs,
+    inputs = _ref$inputs === void 0 ? 1 : _ref$inputs,
+    _ref$outputs = _ref.outputs,
+    outputs = _ref$outputs === void 0 ? 1 : _ref$outputs,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? 'completed' : _ref$status,
+    _ref$total = _ref.total,
+    total = _ref$total === void 0 ? 100 : _ref$total,
+    _ref$completed = _ref.completed,
+    completed = _ref$completed === void 0 ? total : _ref$completed,
+    running = _ref.running;
+  var pending = Math.max(0, total - completed - (running !== null && running !== void 0 ? running : 0));
+  return {
+    id: id,
+    kind: 'operation',
+    name: name,
+    label: label,
+    status: status,
+    progress: {
+      total: total,
+      completed: completed,
+      running: running,
+      pending: pending
+    },
+    popup: {
+      details: [{
+        name: 'Operation ID',
+        value: id
+      }, {
+        name: 'Inputs',
+        value: inputs
+      }, {
+        name: 'Outputs',
+        value: outputs
+      }],
+      jobs: {
+        total: total,
+        completed: completed,
+        running: running,
+        pending: pending
+      }
+    }
+  };
+}
+
+// The topology is adapted from a processed production graph. Product-specific names and
+// backend fields are intentionally normalized to the public QueryGraph contract.
+export var largeGraphNodes = [{
+  id: '25',
+  kind: 'input',
+  name: 'date_dim',
+  label: 'tpcds/3TB/date_dim',
+  popup: {
+    details: [{
+      name: 'Path',
+      value: 'tpcds/3TB/date_dim'
+    }]
+  }
+}, {
+  id: '26',
+  kind: 'input',
+  name: 'web_sales',
+  label: 'tpcds/3TB/web_sales',
+  popup: {
+    details: [{
+      name: 'Path',
+      value: 'tpcds/3TB/web_sales'
+    }]
+  }
+}, {
+  id: '27',
+  kind: 'input',
+  name: 'customer_address',
+  label: 'tpcds/3TB/customer_address',
+  popup: {
+    details: [{
+      name: 'Path',
+      value: 'tpcds/3TB/customer_address'
+    }]
+  }
+}, {
+  id: '153',
+  kind: 'input',
+  name: 'store_sales',
+  label: 'tpcds/3TB/store_sales',
+  popup: {
+    details: [{
+      name: 'Path',
+      value: 'tpcds/3TB/store_sales'
+    }]
+  }
+}, operation({
+  id: '21',
+  name: 'Sort',
+  total: 48
+}), operation({
+  id: '41',
+  name: 'Reduce',
+  label: '2 inputs',
+  inputs: 2,
+  total: 96
+}), operation({
+  id: '50',
+  name: 'MapReduce',
+  label: '2 inputs',
+  inputs: 2,
+  total: 180
+}), operation({
+  id: '67',
+  name: 'MapReduce',
+  label: '3 outputs',
+  outputs: 3,
+  total: 240
+}), operation({
+  id: '92',
+  name: 'Merge',
+  total: 72
+}), operation({
+  id: '96',
+  name: 'Merge',
+  total: 84
+}), operation({
+  id: '100',
+  name: 'Merge',
+  total: 64
+}), operation({
+  id: '38',
+  name: 'Reduce',
+  label: '2 inputs',
+  inputs: 2,
+  total: 112
+}), operation({
+  id: '59',
+  name: 'MapReduce',
+  label: '2 inputs',
+  inputs: 2,
+  total: 196
+}), operation({
+  id: '75',
+  name: 'MapReduce',
+  label: '3 outputs',
+  outputs: 3,
+  total: 256
+}), operation({
+  id: '105',
+  name: 'Merge',
+  total: 80
+}), operation({
+  id: '109',
+  name: 'Merge',
+  total: 88
+}), operation({
+  id: '140',
+  name: 'Map',
+  total: 144
+}), operation({
+  id: '171',
+  name: 'Map',
+  status: 'running',
+  total: 128,
+  completed: 72,
+  running: 16
+}), operation({
+  id: '179',
+  name: 'Map',
+  status: 'waiting',
+  total: 96,
+  completed: 0
+}), operation({
+  id: '186',
+  name: 'Map',
+  status: 'not-started',
+  total: 80,
+  completed: 0
+}), operation({
+  id: '192',
+  name: 'Map',
+  status: 'not-started',
+  total: 64,
+  completed: 0
+}), operation({
+  id: '197',
+  name: 'Sort',
+  status: 'not-started',
+  total: 48,
+  completed: 0
+}), operation({
+  id: '200',
+  name: 'Fetch result',
+  status: 'not-started',
+  total: 1,
+  completed: 0
+}), operation({
+  id: '198',
+  name: 'Commit result',
+  status: 'not-started',
+  total: 1,
+  completed: 0
+})];
+var topology = [['25', '21'], ['26', '41'], ['21', '41'], ['27', '50'], ['41', '50'], ['50', '67'], ['67', '92'], ['67', '96'], ['67', '100'], ['153', '38'], ['21', '38'], ['27', '59'], ['38', '59'], ['59', '75'], ['75', '105'], ['75', '109'], ['75', '140'], ['109', '140'], ['75', '171'], ['105', '171'], ['140', '171'], ['67', '179'], ['100', '179'], ['171', '179'], ['67', '186'], ['96', '186'], ['179', '186'], ['67', '192'], ['92', '192'], ['186', '192'], ['192', '197'], ['197', '200'], ['200', '198']];
+export var largeGraphEdges = topology.map(function (_ref2) {
+  var _ref3 = _slicedToArray(_ref2, 2),
+    source = _ref3[0],
+    target = _ref3[1];
+  return {
+    id: "".concat(source, "-").concat(target),
+    source: source,
+    target: target
+  };
+});
+// #sourceMappingURL=largeGraphData.js.map

package/build/esm/components/QueryGraph/story/largeGraphData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["operation","_ref","id","name","label","_ref$inputs","inputs","_ref$outputs","outputs","_ref$status","status","_ref$total","total","_ref$completed","completed","running","pending","Math","max","kind","progress","popup","details","value","jobs","largeGraphNodes","topology","largeGraphEdges","map","_ref2","_ref3","_slicedToArray","source","target","concat"],"sources":["largeGraphData.ts"],"sourcesContent":["import type {QueryGraphEdge, QueryGraphNode, QueryGraphNodeStatus} from '../../../types/queryGraph';\n\ntype OperationOptions = {\n    id: string;\n    name: string;\n    label?: string;\n    inputs?: number;\n    outputs?: number;\n    status?: QueryGraphNodeStatus;\n    total?: number;\n    completed?: number;\n    running?: number;\n};\n\nfunction operation({\n    id,\n    name,\n    label,\n    inputs = 1,\n    outputs = 1,\n    status = 'completed',\n    total = 100,\n    completed = total,\n    running,\n}: OperationOptions): QueryGraphNode {\n    const pending = Math.max(0, total - completed - (running ?? 0));\n\n    return {\n        id,\n        kind: 'operation',\n        name,\n        label,\n        status,\n        progress: {total, completed, running, pending},\n        popup: {\n            details: [\n                {name: 'Operation ID', value: id},\n                {name: 'Inputs', value: inputs},\n                {name: 'Outputs', value: outputs},\n            ],\n            jobs: {total, completed, running, pending},\n        },\n    };\n}\n\n// The topology is adapted from a processed production graph. Product-specific names and\n// backend fields are intentionally normalized to the public QueryGraph contract.\nexport const largeGraphNodes: QueryGraphNode[] = [\n    {\n        id: '25',\n        kind: 'input',\n        name: 'date_dim',\n        label: 'tpcds/3TB/date_dim',\n        popup: {details: [{name: 'Path', value: 'tpcds/3TB/date_dim'}]},\n    },\n    {\n        id: '26',\n        kind: 'input',\n        name: 'web_sales',\n        label: 'tpcds/3TB/web_sales',\n        popup: {details: [{name: 'Path', value: 'tpcds/3TB/web_sales'}]},\n    },\n    {\n        id: '27',\n        kind: 'input',\n        name: 'customer_address',\n        label: 'tpcds/3TB/customer_address',\n        popup: {details: [{name: 'Path', value: 'tpcds/3TB/customer_address'}]},\n    },\n    {\n        id: '153',\n        kind: 'input',\n        name: 'store_sales',\n        label: 'tpcds/3TB/store_sales',\n        popup: {details: [{name: 'Path', value: 'tpcds/3TB/store_sales'}]},\n    },\n    operation({id: '21', name: 'Sort', total: 48}),\n    operation({id: '41', name: 'Reduce', label: '2 inputs', inputs: 2, total: 96}),\n    operation({id: '50', name: 'MapReduce', label: '2 inputs', inputs: 2, total: 180}),\n    operation({id: '67', name: 'MapReduce', label: '3 outputs', outputs: 3, total: 240}),\n    operation({id: '92', name: 'Merge', total: 72}),\n    operation({id: '96', name: 'Merge', total: 84}),\n    operation({id: '100', name: 'Merge', total: 64}),\n    operation({id: '38', name: 'Reduce', label: '2 inputs', inputs: 2, total: 112}),\n    operation({id: '59', name: 'MapReduce', label: '2 inputs', inputs: 2, total: 196}),\n    operation({id: '75', name: 'MapReduce', label: '3 outputs', outputs: 3, total: 256}),\n    operation({id: '105', name: 'Merge', total: 80}),\n    operation({id: '109', name: 'Merge', total: 88}),\n    operation({id: '140', name: 'Map', total: 144}),\n    operation({\n        id: '171',\n        name: 'Map',\n        status: 'running',\n        total: 128,\n        completed: 72,\n        running: 16,\n    }),\n    operation({id: '179', name: 'Map', status: 'waiting', total: 96, completed: 0}),\n    operation({id: '186', name: 'Map', status: 'not-started', total: 80, completed: 0}),\n    operation({id: '192', name: 'Map', status: 'not-started', total: 64, completed: 0}),\n    operation({id: '197', name: 'Sort', status: 'not-started', total: 48, completed: 0}),\n    operation({id: '200', name: 'Fetch result', status: 'not-started', total: 1, completed: 0}),\n    operation({id: '198', name: 'Commit result', status: 'not-started', total: 1, completed: 0}),\n];\n\nconst topology = [\n    ['25', '21'],\n    ['26', '41'],\n    ['21', '41'],\n    ['27', '50'],\n    ['41', '50'],\n    ['50', '67'],\n    ['67', '92'],\n    ['67', '96'],\n    ['67', '100'],\n    ['153', '38'],\n    ['21', '38'],\n    ['27', '59'],\n    ['38', '59'],\n    ['59', '75'],\n    ['75', '105'],\n    ['75', '109'],\n    ['75', '140'],\n    ['109', '140'],\n    ['75', '171'],\n    ['105', '171'],\n    ['140', '171'],\n    ['67', '179'],\n    ['100', '179'],\n    ['171', '179'],\n    ['67', '186'],\n    ['96', '186'],\n    ['179', '186'],\n    ['67', '192'],\n    ['92', '192'],\n    ['186', '192'],\n    ['192', '197'],\n    ['197', '200'],\n    ['200', '198'],\n] as const;\n\nexport const largeGraphEdges: QueryGraphEdge[] = topology.map(([source, target]) => ({\n    id: `${source}-${target}`,\n    source,\n    target,\n}));\n"],"mappings":"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","ignoreList":[]}

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

@@ -53,3 +53,5 @@ export { MonacoLanguage, YT_DARK_HC_MONACO_THEME, YT_DARK_MONACO_THEME, YT_LIGHT
 export type { MonacoThemeName } from './MonacoEditor';
 export * from './AttachmentList';
 export * from './AttachmentListPlaceholder';
+export { QueryGraph } from './QueryGraph';
+export type { QueryGraphProps } from './QueryGraph';

package/build/esm/components/index.js

@@ -30,4 +30,5 @@ export { ErrorTree } from "./ErrorTree";
 export { MonacoLanguage, YT_DARK_HC_MONACO_THEME, YT_DARK_MONACO_THEME, YT_LIGHT_HC_MONACO_THEME, YT_LIGHT_MONACO_THEME, MONACO_THEME_BY_UI } from "./MonacoEditor";
 export * from "./AttachmentList";
 export * from "./AttachmentListPlaceholder";
+export { QueryGraph } from "./QueryGraph";
 // #sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["DataTable","QueryResultsTable","formatQueryResultType","QueryStatusIcon","QueryDuration","LazyList","ListSpinner","Breadcrumbs","PathEditor","HistoryFilter","HistoryPrivateIcon","FieldsSelector","EditableRowTitle","RowActionsMenu","FieldsSearchToolbar","HistoryGroupHeader","EmptyContent","ClusterRow","NavigationItemRow","NavigationActionButtons","SkeletonRows","RowLink","SearchRowLayout","SearchWithButtons","MonacoEditor","AddChartButton","DEFAULT_ADD_CHART_BUTTON_OPTIONS","ChartEditorForm","Chart","ErrorTree","MonacoLanguage","YT_DARK_HC_MONACO_THEME","YT_DARK_MONACO_THEME","YT_LIGHT_HC_MONACO_THEME","YT_LIGHT_MONACO_THEME","MONACO_THEME_BY_UI"],"sources":["index.ts"],"sourcesContent":["export {DataTable} from './DataTable';\nexport type {DataTableProps, Column} from './DataTable';\nexport {QueryResultsTable, formatQueryResultType} from './QueryResultsTable';\nexport type {QueryResultsTableProps} from './QueryResultsTable';\nexport {QueryStatusIcon} from './QueryStatusIcon';\nexport {QueryDuration} from './QueryDuration';\nexport {LazyList} from './LazyList';\nexport type {LazyListProps} from './LazyList';\nexport {ListSpinner} from './ListSpinner';\nexport type {ListSpinnerProps} from './ListSpinner';\nexport {Breadcrumbs} from './Breadcrumbs';\nexport type {BreadcrumbsProps} from './Breadcrumbs';\nexport {PathEditor} from './PathEditor';\nexport type {PathEditorProps} from './PathEditor';\nexport {HistoryFilter} from './HistoryFilter';\nexport {HistoryPrivateIcon} from './HistoryPrivateIcon';\nexport {FieldsSelector} from './FieldsSelector';\nexport type {FieldsSelectorOption, FieldsSelectorProps} from './FieldsSelector';\nexport {EditableRowTitle} from './EditableRowTitle';\nexport type {EditableRowTitleProps} from './EditableRowTitle';\nexport {RowActionsMenu} from './RowActionsMenu';\nexport type {RowActionsMenuProps} from './RowActionsMenu';\nexport {FieldsSearchToolbar} from './FieldsSearchToolbar';\nexport type {FieldsSearchToolbarProps} from './FieldsSearchToolbar';\nexport {HistoryGroupHeader} from './HistoryGroupHeader';\nexport {EmptyContent} from './EmptyContent';\nexport type {EmptyContentProps, EmptyContentVariant} from './EmptyContent';\nexport {ClusterRow} from './ClusterRow';\nexport type {ClusterRowProps} from './ClusterRow';\nexport {NavigationItemRow} from './NavigationItemRow';\nexport type {NavigationItemRowProps} from './NavigationItemRow';\nexport {NavigationActionButtons} from './NavigationActionButtons';\nexport type {NavigationActionButtonsProps} from './NavigationActionButtons';\nexport {SkeletonRows} from './SkeletonRows';\nexport type {SkeletonRowsProps} from './SkeletonRows';\nexport {RowLink} from './RowLink';\nexport type {RowLinkProps} from './RowLink';\nexport {SearchRowLayout} from './SearchRowLayout';\nexport type {SearchRowLayoutProps} from './SearchRowLayout';\nexport {SearchWithButtons} from './SearchWithButtons';\nexport type {SearchWithButtonsProps} from './SearchWithButtons';\nexport {MonacoEditor} from './MonacoEditor';\nexport type {MonacoEditorConfig} from './MonacoEditor';\nexport {AddChartButton, DEFAULT_ADD_CHART_BUTTON_OPTIONS} from './AddChartButton';\nexport type {\n    AddChartButtonOption,\n    AddChartButtonProps,\n    DefaultAddChartButtonValue,\n} from './AddChartButton';\nexport {ChartEditorForm} from './ChartEditorForm';\nexport type {\n    ChartEditorFormProps,\n    ChartEditorFormValues,\n    ChartEditorLabels,\n    ChartEditorOption,\n} from './ChartEditorForm';\nexport * from './Dashboard';\nexport {Chart} from './Chart';\nexport type {ChartAction, ChartProps} from './Chart';\nexport {ErrorTree} from './ErrorTree';\nexport {\n    MonacoLanguage,\n    YT_DARK_HC_MONACO_THEME,\n    YT_DARK_MONACO_THEME,\n    YT_LIGHT_HC_MONACO_THEME,\n    YT_LIGHT_MONACO_THEME,\n    MONACO_THEME_BY_UI,\n} from './MonacoEditor';\nexport type {MonacoThemeName} from './MonacoEditor';\nexport * from './AttachmentList';\nexport * from './AttachmentListPlaceholder';\n"],"mappings":"AAAA,SAAQA,SAAS;AAEjB,SAAQC,iBAAiB,EAAEC,qBAAqB;AAEhD,SAAQC,eAAe;AACvB,SAAQC,aAAa;AACrB,SAAQC,QAAQ;AAEhB,SAAQC,WAAW;AAEnB,SAAQC,WAAW;AAEnB,SAAQC,UAAU;AAElB,SAAQC,aAAa;AACrB,SAAQC,kBAAkB;AAC1B,SAAQC,cAAc;AAEtB,SAAQC,gBAAgB;AAExB,SAAQC,cAAc;AAEtB,SAAQC,mBAAmB;AAE3B,SAAQC,kBAAkB;AAC1B,SAAQC,YAAY;AAEpB,SAAQC,UAAU;AAElB,SAAQC,iBAAiB;AAEzB,SAAQC,uBAAuB;AAE/B,SAAQC,YAAY;AAEpB,SAAQC,OAAO;AAEf,SAAQC,eAAe;AAEvB,SAAQC,iBAAiB;AAEzB,SAAQC,YAAY;AAEpB,SAAQC,cAAc,EAAEC,gCAAgC;AAMxD,SAAQC,eAAe;AAOvB;AACA,SAAQC,KAAK;AAEb,SAAQC,SAAS;AACjB,SACIC,cAAc,EACdC,uBAAuB,EACvBC,oBAAoB,EACpBC,wBAAwB,EACxBC,qBAAqB,EACrBC,kBAAkB;AAGtB;AACA","ignoreList":[]}
+{"version":3,"names":["DataTable","QueryResultsTable","formatQueryResultType","QueryStatusIcon","QueryDuration","LazyList","ListSpinner","Breadcrumbs","PathEditor","HistoryFilter","HistoryPrivateIcon","FieldsSelector","EditableRowTitle","RowActionsMenu","FieldsSearchToolbar","HistoryGroupHeader","EmptyContent","ClusterRow","NavigationItemRow","NavigationActionButtons","SkeletonRows","RowLink","SearchRowLayout","SearchWithButtons","MonacoEditor","AddChartButton","DEFAULT_ADD_CHART_BUTTON_OPTIONS","ChartEditorForm","Chart","ErrorTree","MonacoLanguage","YT_DARK_HC_MONACO_THEME","YT_DARK_MONACO_THEME","YT_LIGHT_HC_MONACO_THEME","YT_LIGHT_MONACO_THEME","MONACO_THEME_BY_UI","QueryGraph"],"sources":["index.ts"],"sourcesContent":["export {DataTable} from './DataTable';\nexport type {DataTableProps, Column} from './DataTable';\nexport {QueryResultsTable, formatQueryResultType} from './QueryResultsTable';\nexport type {QueryResultsTableProps} from './QueryResultsTable';\nexport {QueryStatusIcon} from './QueryStatusIcon';\nexport {QueryDuration} from './QueryDuration';\nexport {LazyList} from './LazyList';\nexport type {LazyListProps} from './LazyList';\nexport {ListSpinner} from './ListSpinner';\nexport type {ListSpinnerProps} from './ListSpinner';\nexport {Breadcrumbs} from './Breadcrumbs';\nexport type {BreadcrumbsProps} from './Breadcrumbs';\nexport {PathEditor} from './PathEditor';\nexport type {PathEditorProps} from './PathEditor';\nexport {HistoryFilter} from './HistoryFilter';\nexport {HistoryPrivateIcon} from './HistoryPrivateIcon';\nexport {FieldsSelector} from './FieldsSelector';\nexport type {FieldsSelectorOption, FieldsSelectorProps} from './FieldsSelector';\nexport {EditableRowTitle} from './EditableRowTitle';\nexport type {EditableRowTitleProps} from './EditableRowTitle';\nexport {RowActionsMenu} from './RowActionsMenu';\nexport type {RowActionsMenuProps} from './RowActionsMenu';\nexport {FieldsSearchToolbar} from './FieldsSearchToolbar';\nexport type {FieldsSearchToolbarProps} from './FieldsSearchToolbar';\nexport {HistoryGroupHeader} from './HistoryGroupHeader';\nexport {EmptyContent} from './EmptyContent';\nexport type {EmptyContentProps, EmptyContentVariant} from './EmptyContent';\nexport {ClusterRow} from './ClusterRow';\nexport type {ClusterRowProps} from './ClusterRow';\nexport {NavigationItemRow} from './NavigationItemRow';\nexport type {NavigationItemRowProps} from './NavigationItemRow';\nexport {NavigationActionButtons} from './NavigationActionButtons';\nexport type {NavigationActionButtonsProps} from './NavigationActionButtons';\nexport {SkeletonRows} from './SkeletonRows';\nexport type {SkeletonRowsProps} from './SkeletonRows';\nexport {RowLink} from './RowLink';\nexport type {RowLinkProps} from './RowLink';\nexport {SearchRowLayout} from './SearchRowLayout';\nexport type {SearchRowLayoutProps} from './SearchRowLayout';\nexport {SearchWithButtons} from './SearchWithButtons';\nexport type {SearchWithButtonsProps} from './SearchWithButtons';\nexport {MonacoEditor} from './MonacoEditor';\nexport type {MonacoEditorConfig} from './MonacoEditor';\nexport {AddChartButton, DEFAULT_ADD_CHART_BUTTON_OPTIONS} from './AddChartButton';\nexport type {\n    AddChartButtonOption,\n    AddChartButtonProps,\n    DefaultAddChartButtonValue,\n} from './AddChartButton';\nexport {ChartEditorForm} from './ChartEditorForm';\nexport type {\n    ChartEditorFormProps,\n    ChartEditorFormValues,\n    ChartEditorLabels,\n    ChartEditorOption,\n} from './ChartEditorForm';\nexport * from './Dashboard';\nexport {Chart} from './Chart';\nexport type {ChartAction, ChartProps} from './Chart';\nexport {ErrorTree} from './ErrorTree';\nexport {\n    MonacoLanguage,\n    YT_DARK_HC_MONACO_THEME,\n    YT_DARK_MONACO_THEME,\n    YT_LIGHT_HC_MONACO_THEME,\n    YT_LIGHT_MONACO_THEME,\n    MONACO_THEME_BY_UI,\n} from './MonacoEditor';\nexport type {MonacoThemeName} from './MonacoEditor';\nexport * from './AttachmentList';\nexport * from './AttachmentListPlaceholder';\nexport {QueryGraph} from './QueryGraph';\nexport type {QueryGraphProps} from './QueryGraph';\n"],"mappings":"AAAA,SAAQA,SAAS;AAEjB,SAAQC,iBAAiB,EAAEC,qBAAqB;AAEhD,SAAQC,eAAe;AACvB,SAAQC,aAAa;AACrB,SAAQC,QAAQ;AAEhB,SAAQC,WAAW;AAEnB,SAAQC,WAAW;AAEnB,SAAQC,UAAU;AAElB,SAAQC,aAAa;AACrB,SAAQC,kBAAkB;AAC1B,SAAQC,cAAc;AAEtB,SAAQC,gBAAgB;AAExB,SAAQC,cAAc;AAEtB,SAAQC,mBAAmB;AAE3B,SAAQC,kBAAkB;AAC1B,SAAQC,YAAY;AAEpB,SAAQC,UAAU;AAElB,SAAQC,iBAAiB;AAEzB,SAAQC,uBAAuB;AAE/B,SAAQC,YAAY;AAEpB,SAAQC,OAAO;AAEf,SAAQC,eAAe;AAEvB,SAAQC,iBAAiB;AAEzB,SAAQC,YAAY;AAEpB,SAAQC,cAAc,EAAEC,gCAAgC;AAMxD,SAAQC,eAAe;AAOvB;AACA,SAAQC,KAAK;AAEb,SAAQC,SAAS;AACjB,SACIC,cAAc,EACdC,uBAAuB,EACvBC,oBAAoB,EACpBC,wBAAwB,EACxBC,qBAAqB,EACrBC,kBAAkB;AAGtB;AACA;AACA,SAAQC,UAAU","ignoreList":[]}

package/build/esm/helpers/buildColumnsFromKeys.d.ts

@@ -1,2 +1,2 @@
-import type { Column } from '../components';
+import type { Column } from '../components/DataTable';
 export declare function buildColumnsFromKeys<TRow extends Record<string, unknown>>(columns: string[], emptyText: string): Array<Column<TRow>>;

package/build/esm/helpers/buildColumnsFromKeys.js.map

@@ -1 +1 @@
-{"version":3,"names":["isEmptyValue","buildColumnsFromKeys","columns","emptyText","map","column","name","header","render","_ref","row","value"],"sources":["buildColumnsFromKeys.ts"],"sourcesContent":["import type {ReactNode} from 'react';\nimport type {Column} from '../components';\nimport {isEmptyValue} from './isEmptyValue';\n\nexport function buildColumnsFromKeys<TRow extends Record<string, unknown>>(\n    columns: string[],\n    emptyText: string,\n): Array<Column<TRow>> {\n    return columns.map((column) => ({\n        name: column,\n        header: column,\n        render: ({row}) => {\n            const value = row[column];\n            return isEmptyValue(value) ? emptyText : (value as ReactNode);\n        },\n    }));\n}\n"],"mappings":";;;;AAEA,SAAQA,YAAY;AAEpB,OAAO,SAASC,oBAAoBA,CAChCC,OAAiB,EACjBC,SAAiB,EACE;EACnB,OAAOD,OAAO,CAACE,GAAG,CAAC,UAACC,MAAM;IAAA,OAAM;MAC5BC,IAAI,EAAED,MAAM;MACZE,MAAM,EAAEF,MAAM;MACdG,MAAM,EAAE,SAARA,MAAMA,CAAAC,IAAA,EAAa;QAAA,IAATC,GAAG,GAAAD,IAAA,CAAHC,GAAG;QACT,IAAMC,KAAK,GAAGD,GAAG,CAACL,MAAM,CAAC;QACzB,OAAOL,YAAY,CAACW,KAAK,CAAC,GAAGR,SAAS,GAAIQ,KAAmB;MACjE;IACJ,CAAC;EAAA,CAAC,CAAC;AACP","ignoreList":[]}
+{"version":3,"names":["isEmptyValue","buildColumnsFromKeys","columns","emptyText","map","column","name","header","render","_ref","row","value"],"sources":["buildColumnsFromKeys.ts"],"sourcesContent":["import type {ReactNode} from 'react';\nimport type {Column} from '../components/DataTable';\nimport {isEmptyValue} from './isEmptyValue';\n\nexport function buildColumnsFromKeys<TRow extends Record<string, unknown>>(\n    columns: string[],\n    emptyText: string,\n): Array<Column<TRow>> {\n    return columns.map((column) => ({\n        name: column,\n        header: column,\n        render: ({row}) => {\n            const value = row[column];\n            return isEmptyValue(value) ? emptyText : (value as ReactNode);\n        },\n    }));\n}\n"],"mappings":";;;;AAEA,SAAQA,YAAY;AAEpB,OAAO,SAASC,oBAAoBA,CAChCC,OAAiB,EACjBC,SAAiB,EACE;EACnB,OAAOD,OAAO,CAACE,GAAG,CAAC,UAACC,MAAM;IAAA,OAAM;MAC5BC,IAAI,EAAED,MAAM;MACZE,MAAM,EAAEF,MAAM;MACdG,MAAM,EAAE,SAARA,MAAMA,CAAAC,IAAA,EAAa;QAAA,IAATC,GAAG,GAAAD,IAAA,CAAHC,GAAG;QACT,IAAMC,KAAK,GAAGD,GAAG,CAACL,MAAM,CAAC;QACzB,OAAOL,YAAY,CAACW,KAAK,CAAC,GAAGR,SAAS,GAAIQ,KAAmB;MACjE;IACJ,CAAC;EAAA,CAAC,CAAC;AACP","ignoreList":[]}

package/build/esm/index.d.ts

@@ -10,3 +10,4 @@ export * from './types/pathEditor';
 export * from './types/errorTree';
 export * from './types/queryStatistics';
 export * from './types/queryResults';
+export * from './types/queryGraph';

package/build/esm/index.js

@@ -9,5 +9,6 @@ export * from "./types/pathEditor";
 export * from "./types/errorTree";
 export * from "./types/queryStatistics";
 export * from "./types/queryResults";
+export * from "./types/queryGraph";
 export {};
 // #sourceMappingURL=index.js.map

package/build/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './components';\nexport * from './modules';\nexport * from './widgets';\nexport * from './types/queryList';\nexport * from './types/history';\nexport type {SavedQuery} from './types/savedQueries';\nexport * from './types/tutorial';\nexport * from './types/navigation';\nexport * from './types/pathEditor';\nexport * from './types/errorTree';\nexport * from './types/queryStatistics';\nexport * from './types/queryResults';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAqC","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './components';\nexport * from './modules';\nexport * from './widgets';\nexport * from './types/queryList';\nexport * from './types/history';\nexport type {SavedQuery} from './types/savedQueries';\nexport * from './types/tutorial';\nexport * from './types/navigation';\nexport * from './types/pathEditor';\nexport * from './types/errorTree';\nexport * from './types/queryStatistics';\nexport * from './types/queryResults';\nexport * from './types/queryGraph';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAmC","ignoreList":[]}

package/build/esm/modules/Attachments/Attachments.css

@@ -1,5 +1,12 @@
+.qp-attachments {
+  display: flex;
+  flex-direction: column;
+}
 .qp-attachments__panel {
-  flex: 1;
+  flex: 1 1 0;
+  min-height: 0;
+  max-height: 100%;
+  overflow: hidden;
 }
 .qp-attachments__tab .g-tab__title {
   display: flex;
@@ -8,5 +15,10 @@
 .qp-attachments__tab-list {
   padding-left: var(--g-spacing-4);
   padding-right: var(--g-spacing-4);
+  flex-shrink: 0;
+}
+.qp-attachments__list {
+  min-height: 0;
+  overflow-y: auto;
 }
 /*# sourceMappingURL=Attachments.css.map */

package/build/esm/modules/Attachments/Attachments.css.map

@@ -1 +1 @@
-{"version":3,"sources":["Attachments.scss"],"names":[],"mappings":"AACI;EACI,OAAA;AAAR;AAGI;EACI,aAAA;EACA,uBAAA;AADR;AAII;EACI,gCAAA;EACA,iCAAA;AAFR","file":"Attachments.css","sourcesContent":[".qp-attachments {\n    &__panel {\n        flex: 1;\n    }\n\n    &__tab .g-tab__title {\n        display: flex;\n        gap: var(--g-spacing-2)\n    }\n\n    &__tab-list {\n        padding-left: var(--g-spacing-4);\n        padding-right: var(--g-spacing-4);\n    }\n}"],"sourceRoot":""}
+{"version":3,"sources":["Attachments.scss"],"names":[],"mappings":"AAAA;EACI,aAAA;EACA,sBAAA;AACJ;AACI;EACI,WAAA;EACA,aAAA;EACA,gBAAA;EACA,gBAAA;AACR;AAEI;EACI,aAAA;EACA,uBAAA;AAAR;AAGI;EACI,gCAAA;EACA,iCAAA;EACA,cAAA;AADR;AAII;EACI,aAAA;EACA,gBAAA;AAFR","file":"Attachments.css","sourcesContent":[".qp-attachments {\n    display: flex;\n    flex-direction: column;\n    \n    &__panel {\n        flex: 1 1 0;\n        min-height: 0;\n        max-height: 100%;\n        overflow: hidden;\n    }\n\n    &__tab .g-tab__title {\n        display: flex;\n        gap: var(--g-spacing-2)\n    }\n\n    &__tab-list {\n        padding-left: var(--g-spacing-4);\n        padding-right: var(--g-spacing-4);\n        flex-shrink: 0;\n    }\n\n    &__list {\n        min-height: 0;\n        overflow-y: auto;\n    }\n}"],"sourceRoot":""}

package/build/esm/modules/Attachments/Attachments.js

@@ -15,7 +15,7 @@ import "core-js/modules/es.iterator.some.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.string.link.js";
 import React, { useMemo, useRef, useState } from 'react';
-import { Button, Flex, Icon, Tab, TabList, TabPanel, TabProvider, Text } from '@gravity-ui/uikit';
+import { Box, Button, Flex, Icon, Tab, TabList, TabPanel, TabProvider, Text } from '@gravity-ui/uikit';
 import { AttachmentList, AttachmentListPlaceholder, EditAttachmentItem } from "../../components";
 import { createUuid } from "../../helpers/createUuid";
 import { isObjectEqual } from "../../helpers/isObjectEqual";
@@ -245,11 +245,10 @@ export var Attachments = function Attachments(_ref) {
       deletedAttachments: patchDeletedAttachList
     });
   };
-  return /*#__PURE__*/_jsx(Flex, {
+  return /*#__PURE__*/_jsx(Box, {
     className: block(),
-    direction: "column",
-    width: "100%",
     height: "100%",
+    overflow: "hidden",
     children: /*#__PURE__*/_jsxs(TabProvider, {
       value: currentTab,
       onUpdate: function onUpdate(tab) {
@@ -285,11 +284,12 @@ export var Attachments = function Attachments(_ref) {
         value: "Current",
         children: /*#__PURE__*/_jsxs(Flex, {
           spacing: {
-            pt: 3
+            py: 3
           },
           direction: "column",
           width: "100%",
           height: "100%",
+          gap: 3,
           children: [attachList.length ? /*#__PURE__*/_jsx(AttachmentList, _objectSpread(_objectSpread({}, attachmentListProps), {}, {
             attachments: attachList,
             wasAddedIds: wasAddedIds,

package/build/esm/modules/Attachments/Attachments.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useRef","useState","Button","Flex","Icon","Tab","TabList","TabPanel","TabProvider","Text","AttachmentList","AttachmentListPlaceholder","EditAttachmentItem","createUuid","isObjectEqual","Plus","cn","i18n","jsx","_jsx","jsxs","_jsxs","block","Attachments","_ref","tokens","placeholderProps","attachmentListProps","onChange","onItemClick","customerAttachments","attachments","customerDeletedAttachments","deletedAttachments","_useState","_useState2","_slicedToArray","currentTab","setCurrentTab","_useState3","_useState4","innerAttachList","setInnerAttachList","_useState5","_useState6","innerDeletedAttachList","setInnerDeletedAttachList","_useState7","_useState8","editingIds","setEditingIds","_useState9","_useState0","wasAddedIds","setWasAddedIds","_useState1","_useState10","wasEdited","setWasEditedIds","attachList","deletedAttachList","attachCount","filter","a","isNew","length","defaultAttachList","getDefaultValuesForLink","linkId","_currentLink$name","_currentLink$link","_currentLink$token","currentLink","find","id","name","link","token","runAfterAttachAdded","attachId","newAttach","editedAttach","current","concat","_toConsumableArray","handleAddEmptyFile","patchAttachList","handleAddEmptyLink","handleAcceptFile","fileId","fileName","patchedFile","patchEditingIds","map","attach","handleAcceptLink","patchedLink","_objectSpread","handleCancelEdit","wasItNewAttach","some","handleEdit","editAttachId","handleDelete","deletedAttachmen","patchDeletedAttachList","handleDeleteAll","handleRevertDelete","revertAttach","className","direction","width","height","children","value","onUpdate","tab","variant","color","spacing","pt","wasEditedIds","onEdit","onDelete","renderEditForm","isLink","defaultLinkValues","type","onAccept","defaultValues","onCancel","defaultFileName","pathName","onAddFile","onAddLink","Boolean","px","gap","onClick","data","view","isDeleted","onRevert"],"sources":["Attachments.tsx"],"sourcesContent":["import React, {useMemo, useRef, useState} from 'react';\nimport {Button, Flex, Icon, Tab, TabList, TabPanel, TabProvider, Text} from '@gravity-ui/uikit';\nimport {AttachmentList, AttachmentListPlaceholder, EditAttachmentItem} from '../../components';\nimport {createUuid} from '../../helpers/createUuid';\nimport {isObjectEqual} from '../../helpers/isObjectEqual';\nimport {Plus} from '@gravity-ui/icons';\nimport type {\n    AttachmentItemProps,\n    AttachmentListPlaceholderProps,\n    AttachmentListProps,\n    EditLinkValues,\n} from '../../components';\nimport cn from 'bem-cn-lite';\n\nimport i18n from './i18n';\n\nimport './Attachments.scss';\n\ntype TabVariants = 'Current' | 'Deleted';\n\nexport type AttachItem = AttachmentItemProps['attachment'] & {token?: string; isNew?: boolean};\n\nexport type AttachmentsProps = {\n    tokens?: {value: string; title: string}[];\n    placeholderProps?: Omit<AttachmentListPlaceholderProps, 'onAddFile' | 'onAddLink'>;\n    attachmentListProps?: Pick<AttachmentListProps, 'className'>;\n    attachments?: AttachItem[];\n    deletedAttachments?: AttachItem[];\n    onItemClick?: AttachmentListProps<AttachItem>['onItemClick'];\n    onChange?: (payload: {attachments: AttachItem[]; deletedAttachments: AttachItem[]}) => void;\n};\n\nconst block = cn('qp-attachments');\n\nexport const Attachments = ({\n    tokens,\n    placeholderProps,\n    attachmentListProps,\n    onChange,\n    onItemClick,\n    attachments: customerAttachments,\n    deletedAttachments: customerDeletedAttachments,\n}: AttachmentsProps) => {\n    const [currentTab, setCurrentTab] = useState<'Current' | 'Deleted'>('Current');\n\n    const [innerAttachList, setInnerAttachList] = useState<AttachItem[]>(customerAttachments ?? []);\n    const [innerDeletedAttachList, setInnerDeletedAttachList] = useState<AttachItem[]>(\n        customerDeletedAttachments ?? [],\n    );\n\n    const [editingIds, setEditingIds] = useState<string[]>([]);\n    const [wasAddedIds, setWasAddedIds] = useState<string[]>([]);\n    const [wasEdited, setWasEditedIds] = useState<string[]>([]);\n\n    const attachList = customerAttachments ?? innerAttachList;\n    const deletedAttachList = customerDeletedAttachments ?? innerDeletedAttachList;\n\n    const attachCount = useMemo(() => attachList.filter((a) => !a.isNew).length, [attachList]);\n\n    const defaultAttachList = useRef(attachList);\n\n    const getDefaultValuesForLink = (linkId: string) => {\n        const currentLink = attachList.find((a) => a.id === linkId);\n        return {\n            name: currentLink?.name ?? '',\n            link: currentLink?.link ?? '',\n            token: currentLink?.token ?? '',\n        };\n    };\n\n    const runAfterAttachAdded = (attachId: string, newAttach: AttachItem) => {\n        const editedAttach = defaultAttachList.current.find((a) => a.id === attachId);\n\n        if (!editedAttach) return;\n\n        if (isObjectEqual(editedAttach, newAttach)) {\n            setWasEditedIds(wasEdited.filter((id) => id !== attachId));\n            return;\n        }\n\n        setWasEditedIds([...wasEdited, attachId]);\n    };\n\n    const handleAddEmptyFile = () => {\n        const id = createUuid();\n\n        const patchAttachList = [\n            ...attachList.filter((a) => !a.isNew),\n            {id, name: '', isNew: true},\n        ];\n\n        setInnerAttachList(patchAttachList);\n        setWasAddedIds([...wasAddedIds, id]);\n        setEditingIds([...editingIds, id]);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n    };\n\n    const handleAddEmptyLink = () => {\n        const id = createUuid();\n\n        const patchAttachList = [\n            ...attachList.filter((a) => !a.isNew),\n            {id, name: '', token: '', link: '', isNew: true},\n        ];\n\n        setInnerAttachList(patchAttachList);\n        setWasAddedIds([...wasAddedIds, id]);\n        setEditingIds([...editingIds, id]);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n    };\n\n    const handleAcceptFile = (fileId: string, fileName: string) => {\n        const patchedFile = attachList.find((a) => a.id === fileId);\n        if (!patchedFile) return;\n\n        const patchEditingIds = editingIds.filter((id) => id !== fileId);\n        const patchAttachList = attachList.map((attach) => {\n            if (attach.id === fileId) return {id: fileId, name: fileName};\n            return attach;\n        });\n\n        setEditingIds(patchEditingIds);\n        setInnerAttachList(patchAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n\n        runAfterAttachAdded(fileId, {id: fileId, name: fileName});\n    };\n\n    const handleAcceptLink = (linkId: string, link: EditLinkValues) => {\n        const patchedLink = attachList.find((a) => a.id === linkId);\n        if (!patchedLink) return;\n\n        const patchEditingIds = editingIds.filter((id) => id !== linkId);\n        const patchAttachList = attachList.map((attach) => {\n            if (attach.id === linkId) return {id: linkId, ...link};\n            return attach;\n        });\n\n        setEditingIds(patchEditingIds);\n        setInnerAttachList(patchAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n\n        runAfterAttachAdded(linkId, {id: linkId, ...link});\n    };\n\n    const handleCancelEdit = (fileId: string) => {\n        const patchEditingIds = editingIds.filter((id) => id !== fileId);\n        const patchAttachList = attachList.filter((a) => !a.isNew);\n\n        const wasItNewAttach = attachList.some((a) => a.isNew);\n        if (wasItNewAttach) {\n            setWasAddedIds(wasAddedIds.filter((id) => id !== fileId));\n        }\n\n        setInnerAttachList(patchAttachList);\n        setEditingIds(patchEditingIds);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n    };\n\n    const handleEdit = (editAttachId: string) => {\n        const patchEditingIds = [...editingIds, editAttachId];\n\n        setEditingIds(patchEditingIds);\n    };\n\n    const handleDelete = (attachId: string) => {\n        const deletedAttachmen = attachList.find((a) => a.id === attachId);\n\n        if (!deletedAttachmen) return;\n\n        const patchAttachList = attachList.filter((a) => a.id !== attachId);\n        const patchDeletedAttachList = [...deletedAttachList, deletedAttachmen];\n\n        setInnerAttachList(patchAttachList);\n        setInnerDeletedAttachList(patchDeletedAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: patchDeletedAttachList,\n        });\n    };\n\n    const handleDeleteAll = () => {\n        const patchAttachList: never[] = [];\n        const patchDeletedAttachList = [\n            ...deletedAttachList,\n            ...attachList.filter((a) => !a.isNew),\n        ];\n\n        setInnerAttachList(patchAttachList);\n        setInnerDeletedAttachList(patchDeletedAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: patchDeletedAttachList,\n        });\n    };\n\n    const handleRevertDelete = (attachId: string) => {\n        const revertAttach = deletedAttachList.find((a) => a.id === attachId);\n\n        if (!revertAttach) return;\n\n        const patchAttachList = [...attachList, revertAttach];\n        const patchDeletedAttachList = deletedAttachList.filter((a) => a.id !== attachId);\n\n        setInnerAttachList(patchAttachList);\n        setInnerDeletedAttachList(patchDeletedAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: patchDeletedAttachList,\n        });\n    };\n\n    return (\n        <Flex className={block()} direction=\"column\" width=\"100%\" height=\"100%\">\n            <TabProvider value={currentTab} onUpdate={(tab) => setCurrentTab(tab as TabVariants)}>\n                <TabList className={block('tab-list')}>\n                    <Tab className={block('tab')} value=\"Current\">\n                        <Text variant=\"body-1\">Current</Text>\n                        <Text color=\"hint\" variant=\"body-1\">\n                            {attachCount}\n                        </Text>\n                    </Tab>\n                    <Tab className={block('tab')} value=\"Deleted\">\n                        <Text variant=\"body-1\">Deleted</Text>\n                        <Text color=\"hint\" variant=\"body-1\">\n                            {deletedAttachList.length}\n                        </Text>\n                    </Tab>\n                </TabList>\n\n                <TabPanel className={block('panel')} value=\"Current\">\n                    <Flex spacing={{pt: 3}} direction=\"column\" width=\"100%\" height=\"100%\">\n                        {attachList.length ? (\n                            <AttachmentList\n                                {...attachmentListProps}\n                                attachments={attachList}\n                                wasAddedIds={wasAddedIds}\n                                wasEditedIds={wasEdited}\n                                editingIds={editingIds}\n                                onEdit={(attach) => handleEdit(attach.id)}\n                                onDelete={(attach) => handleDelete(attach.id)}\n                                onItemClick={onItemClick}\n                                renderEditForm={(attach) => {\n                                    const isLink = typeof attach.link === 'string';\n\n                                    if (isLink) {\n                                        const defaultLinkValues = getDefaultValuesForLink(\n                                            attach.id,\n                                        );\n\n                                        return (\n                                            <EditAttachmentItem\n                                                type=\"link\"\n                                                onAccept={(link) =>\n                                                    handleAcceptLink(attach.id, link)\n                                                }\n                                                defaultValues={defaultLinkValues}\n                                                tokens={tokens}\n                                                onCancel={() => handleCancelEdit(attach.id)}\n                                            />\n                                        );\n                                    }\n\n                                    return (\n                                        <EditAttachmentItem\n                                            type=\"file\"\n                                            defaultFileName={attach.name}\n                                            onAccept={(pathName) =>\n                                                handleAcceptFile(attach.id, pathName)\n                                            }\n                                            onCancel={() => handleCancelEdit(attach.id)}\n                                        />\n                                    );\n                                }}\n                            />\n                        ) : (\n                            <AttachmentListPlaceholder\n                                onAddFile={handleAddEmptyFile}\n                                onAddLink={handleAddEmptyLink}\n                                {...placeholderProps}\n                            />\n                        )}\n                        {Boolean(attachList.length) && (\n                            <Flex spacing={{px: 4}} gap={2}>\n                                <Button onClick={handleAddEmptyFile}>\n                                    <Icon data={Plus} />\n                                    {i18n('action_add-file')}\n                                </Button>\n\n                                <Button view=\"outlined\" onClick={handleAddEmptyLink}>\n                                    <Icon data={Plus} />\n                                    {i18n('action_add-link')}\n                                </Button>\n\n                                <Button view=\"flat\" onClick={handleDeleteAll}>\n                                    {i18n('action_remove-all')}\n                                </Button>\n                            </Flex>\n                        )}\n                    </Flex>\n                </TabPanel>\n\n                <TabPanel className={block('panel')} value=\"Deleted\">\n                    <Flex spacing={{pt: 3}} width=\"100%\" height=\"100%\">\n                        <AttachmentList\n                            {...attachmentListProps}\n                            isDeleted\n                            attachments={deletedAttachList}\n                            onRevert={(attach) => handleRevertDelete(attach.id)}\n                            onItemClick={onItemClick}\n                        />\n                    </Flex>\n                </TabPanel>\n            </TabProvider>\n        </Flex>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useRef","useState","Box","Button","Flex","Icon","Tab","TabList","TabPanel","TabProvider","Text","AttachmentList","AttachmentListPlaceholder","EditAttachmentItem","createUuid","isObjectEqual","Plus","cn","i18n","jsx","_jsx","jsxs","_jsxs","block","Attachments","_ref","tokens","placeholderProps","attachmentListProps","onChange","onItemClick","customerAttachments","attachments","customerDeletedAttachments","deletedAttachments","_useState","_useState2","_slicedToArray","currentTab","setCurrentTab","_useState3","_useState4","innerAttachList","setInnerAttachList","_useState5","_useState6","innerDeletedAttachList","setInnerDeletedAttachList","_useState7","_useState8","editingIds","setEditingIds","_useState9","_useState0","wasAddedIds","setWasAddedIds","_useState1","_useState10","wasEdited","setWasEditedIds","attachList","deletedAttachList","attachCount","filter","a","isNew","length","defaultAttachList","getDefaultValuesForLink","linkId","_currentLink$name","_currentLink$link","_currentLink$token","currentLink","find","id","name","link","token","runAfterAttachAdded","attachId","newAttach","editedAttach","current","concat","_toConsumableArray","handleAddEmptyFile","patchAttachList","handleAddEmptyLink","handleAcceptFile","fileId","fileName","patchedFile","patchEditingIds","map","attach","handleAcceptLink","patchedLink","_objectSpread","handleCancelEdit","wasItNewAttach","some","handleEdit","editAttachId","handleDelete","deletedAttachmen","patchDeletedAttachList","handleDeleteAll","handleRevertDelete","revertAttach","className","height","overflow","children","value","onUpdate","tab","variant","color","spacing","py","direction","width","gap","wasEditedIds","onEdit","onDelete","renderEditForm","isLink","defaultLinkValues","type","onAccept","defaultValues","onCancel","defaultFileName","pathName","onAddFile","onAddLink","Boolean","px","onClick","data","view","pt","isDeleted","onRevert"],"sources":["Attachments.tsx"],"sourcesContent":["import React, {useMemo, useRef, useState} from 'react';\nimport {\n    Box,\n    Button,\n    Flex,\n    Icon,\n    Tab,\n    TabList,\n    TabPanel,\n    TabProvider,\n    Text,\n} from '@gravity-ui/uikit';\nimport {AttachmentList, AttachmentListPlaceholder, EditAttachmentItem} from '../../components';\nimport {createUuid} from '../../helpers/createUuid';\nimport {isObjectEqual} from '../../helpers/isObjectEqual';\nimport {Plus} from '@gravity-ui/icons';\nimport type {\n    AttachmentItemProps,\n    AttachmentListPlaceholderProps,\n    AttachmentListProps,\n    EditLinkValues,\n} from '../../components';\nimport cn from 'bem-cn-lite';\n\nimport i18n from './i18n';\n\nimport './Attachments.scss';\n\ntype TabVariants = 'Current' | 'Deleted';\n\nexport type AttachItem = AttachmentItemProps['attachment'] & {token?: string; isNew?: boolean};\n\nexport type AttachmentsProps = {\n    tokens?: {value: string; title: string}[];\n    placeholderProps?: Omit<AttachmentListPlaceholderProps, 'onAddFile' | 'onAddLink'>;\n    attachmentListProps?: Pick<AttachmentListProps, 'className'>;\n    attachments?: AttachItem[];\n    deletedAttachments?: AttachItem[];\n    onItemClick?: AttachmentListProps<AttachItem>['onItemClick'];\n    onChange?: (payload: {attachments: AttachItem[]; deletedAttachments: AttachItem[]}) => void;\n};\n\nconst block = cn('qp-attachments');\n\nexport const Attachments = ({\n    tokens,\n    placeholderProps,\n    attachmentListProps,\n    onChange,\n    onItemClick,\n    attachments: customerAttachments,\n    deletedAttachments: customerDeletedAttachments,\n}: AttachmentsProps) => {\n    const [currentTab, setCurrentTab] = useState<'Current' | 'Deleted'>('Current');\n\n    const [innerAttachList, setInnerAttachList] = useState<AttachItem[]>(customerAttachments ?? []);\n    const [innerDeletedAttachList, setInnerDeletedAttachList] = useState<AttachItem[]>(\n        customerDeletedAttachments ?? [],\n    );\n\n    const [editingIds, setEditingIds] = useState<string[]>([]);\n    const [wasAddedIds, setWasAddedIds] = useState<string[]>([]);\n    const [wasEdited, setWasEditedIds] = useState<string[]>([]);\n\n    const attachList = customerAttachments ?? innerAttachList;\n    const deletedAttachList = customerDeletedAttachments ?? innerDeletedAttachList;\n\n    const attachCount = useMemo(() => attachList.filter((a) => !a.isNew).length, [attachList]);\n\n    const defaultAttachList = useRef(attachList);\n\n    const getDefaultValuesForLink = (linkId: string) => {\n        const currentLink = attachList.find((a) => a.id === linkId);\n        return {\n            name: currentLink?.name ?? '',\n            link: currentLink?.link ?? '',\n            token: currentLink?.token ?? '',\n        };\n    };\n\n    const runAfterAttachAdded = (attachId: string, newAttach: AttachItem) => {\n        const editedAttach = defaultAttachList.current.find((a) => a.id === attachId);\n\n        if (!editedAttach) return;\n\n        if (isObjectEqual(editedAttach, newAttach)) {\n            setWasEditedIds(wasEdited.filter((id) => id !== attachId));\n            return;\n        }\n\n        setWasEditedIds([...wasEdited, attachId]);\n    };\n\n    const handleAddEmptyFile = () => {\n        const id = createUuid();\n\n        const patchAttachList = [\n            ...attachList.filter((a) => !a.isNew),\n            {id, name: '', isNew: true},\n        ];\n\n        setInnerAttachList(patchAttachList);\n        setWasAddedIds([...wasAddedIds, id]);\n        setEditingIds([...editingIds, id]);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n    };\n\n    const handleAddEmptyLink = () => {\n        const id = createUuid();\n\n        const patchAttachList = [\n            ...attachList.filter((a) => !a.isNew),\n            {id, name: '', token: '', link: '', isNew: true},\n        ];\n\n        setInnerAttachList(patchAttachList);\n        setWasAddedIds([...wasAddedIds, id]);\n        setEditingIds([...editingIds, id]);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n    };\n\n    const handleAcceptFile = (fileId: string, fileName: string) => {\n        const patchedFile = attachList.find((a) => a.id === fileId);\n        if (!patchedFile) return;\n\n        const patchEditingIds = editingIds.filter((id) => id !== fileId);\n        const patchAttachList = attachList.map((attach) => {\n            if (attach.id === fileId) return {id: fileId, name: fileName};\n            return attach;\n        });\n\n        setEditingIds(patchEditingIds);\n        setInnerAttachList(patchAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n\n        runAfterAttachAdded(fileId, {id: fileId, name: fileName});\n    };\n\n    const handleAcceptLink = (linkId: string, link: EditLinkValues) => {\n        const patchedLink = attachList.find((a) => a.id === linkId);\n        if (!patchedLink) return;\n\n        const patchEditingIds = editingIds.filter((id) => id !== linkId);\n        const patchAttachList = attachList.map((attach) => {\n            if (attach.id === linkId) return {id: linkId, ...link};\n            return attach;\n        });\n\n        setEditingIds(patchEditingIds);\n        setInnerAttachList(patchAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n\n        runAfterAttachAdded(linkId, {id: linkId, ...link});\n    };\n\n    const handleCancelEdit = (fileId: string) => {\n        const patchEditingIds = editingIds.filter((id) => id !== fileId);\n        const patchAttachList = attachList.filter((a) => !a.isNew);\n\n        const wasItNewAttach = attachList.some((a) => a.isNew);\n        if (wasItNewAttach) {\n            setWasAddedIds(wasAddedIds.filter((id) => id !== fileId));\n        }\n\n        setInnerAttachList(patchAttachList);\n        setEditingIds(patchEditingIds);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n    };\n\n    const handleEdit = (editAttachId: string) => {\n        const patchEditingIds = [...editingIds, editAttachId];\n\n        setEditingIds(patchEditingIds);\n    };\n\n    const handleDelete = (attachId: string) => {\n        const deletedAttachmen = attachList.find((a) => a.id === attachId);\n\n        if (!deletedAttachmen) return;\n\n        const patchAttachList = attachList.filter((a) => a.id !== attachId);\n        const patchDeletedAttachList = [...deletedAttachList, deletedAttachmen];\n\n        setInnerAttachList(patchAttachList);\n        setInnerDeletedAttachList(patchDeletedAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: patchDeletedAttachList,\n        });\n    };\n\n    const handleDeleteAll = () => {\n        const patchAttachList: never[] = [];\n        const patchDeletedAttachList = [\n            ...deletedAttachList,\n            ...attachList.filter((a) => !a.isNew),\n        ];\n\n        setInnerAttachList(patchAttachList);\n        setInnerDeletedAttachList(patchDeletedAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: patchDeletedAttachList,\n        });\n    };\n\n    const handleRevertDelete = (attachId: string) => {\n        const revertAttach = deletedAttachList.find((a) => a.id === attachId);\n\n        if (!revertAttach) return;\n\n        const patchAttachList = [...attachList, revertAttach];\n        const patchDeletedAttachList = deletedAttachList.filter((a) => a.id !== attachId);\n\n        setInnerAttachList(patchAttachList);\n        setInnerDeletedAttachList(patchDeletedAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: patchDeletedAttachList,\n        });\n    };\n\n    return (\n        <Box className={block()} height=\"100%\" overflow=\"hidden\">\n            <TabProvider value={currentTab} onUpdate={(tab) => setCurrentTab(tab as TabVariants)}>\n                <TabList className={block('tab-list')}>\n                    <Tab className={block('tab')} value=\"Current\">\n                        <Text variant=\"body-1\">Current</Text>\n                        <Text color=\"hint\" variant=\"body-1\">\n                            {attachCount}\n                        </Text>\n                    </Tab>\n                    <Tab className={block('tab')} value=\"Deleted\">\n                        <Text variant=\"body-1\">Deleted</Text>\n                        <Text color=\"hint\" variant=\"body-1\">\n                            {deletedAttachList.length}\n                        </Text>\n                    </Tab>\n                </TabList>\n\n                <TabPanel className={block('panel')} value=\"Current\">\n                    <Flex spacing={{py: 3}} direction=\"column\" width=\"100%\" height=\"100%\" gap={3}>\n                        {attachList.length ? (\n                            <AttachmentList\n                                {...attachmentListProps}\n                                attachments={attachList}\n                                wasAddedIds={wasAddedIds}\n                                wasEditedIds={wasEdited}\n                                editingIds={editingIds}\n                                onEdit={(attach) => handleEdit(attach.id)}\n                                onDelete={(attach) => handleDelete(attach.id)}\n                                onItemClick={onItemClick}\n                                renderEditForm={(attach) => {\n                                    const isLink = typeof attach.link === 'string';\n\n                                    if (isLink) {\n                                        const defaultLinkValues = getDefaultValuesForLink(\n                                            attach.id,\n                                        );\n\n                                        return (\n                                            <EditAttachmentItem\n                                                type=\"link\"\n                                                onAccept={(link) =>\n                                                    handleAcceptLink(attach.id, link)\n                                                }\n                                                defaultValues={defaultLinkValues}\n                                                tokens={tokens}\n                                                onCancel={() => handleCancelEdit(attach.id)}\n                                            />\n                                        );\n                                    }\n\n                                    return (\n                                        <EditAttachmentItem\n                                            type=\"file\"\n                                            defaultFileName={attach.name}\n                                            onAccept={(pathName) =>\n                                                handleAcceptFile(attach.id, pathName)\n                                            }\n                                            onCancel={() => handleCancelEdit(attach.id)}\n                                        />\n                                    );\n                                }}\n                            />\n                        ) : (\n                            <AttachmentListPlaceholder\n                                onAddFile={handleAddEmptyFile}\n                                onAddLink={handleAddEmptyLink}\n                                {...placeholderProps}\n                            />\n                        )}\n                        {Boolean(attachList.length) && (\n                            <Flex spacing={{px: 4}} gap={2}>\n                                <Button onClick={handleAddEmptyFile}>\n                                    <Icon data={Plus} />\n                                    {i18n('action_add-file')}\n                                </Button>\n\n                                <Button view=\"outlined\" onClick={handleAddEmptyLink}>\n                                    <Icon data={Plus} />\n                                    {i18n('action_add-link')}\n                                </Button>\n\n                                <Button view=\"flat\" onClick={handleDeleteAll}>\n                                    {i18n('action_remove-all')}\n                                </Button>\n                            </Flex>\n                        )}\n                    </Flex>\n                </TabPanel>\n\n                <TabPanel className={block('panel')} value=\"Deleted\">\n                    <Flex spacing={{pt: 3}} width=\"100%\" height=\"100%\">\n                        <AttachmentList\n                            {...attachmentListProps}\n                            isDeleted\n                            attachments={deletedAttachList}\n                            onRevert={(attach) => handleRevertDelete(attach.id)}\n                            onItemClick={onItemClick}\n                        />\n                    </Flex>\n                </TabPanel>\n            </TabProvider>\n        </Box>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/Attachments/Attachments.scss

@@ -1,6 +1,12 @@
 .qp-attachments {
+    display: flex;
+    flex-direction: column;
+    
     &__panel {
-        flex: 1;
+        flex: 1 1 0;
+        min-height: 0;
+        max-height: 100%;
+        overflow: hidden;
     }
 
     &__tab .g-tab__title {
@@ -11,5 +17,11 @@
     &__tab-list {
         padding-left: var(--g-spacing-4);
         padding-right: var(--g-spacing-4);
+        flex-shrink: 0;
+    }
+
+    &__list {
+        min-height: 0;
+        overflow-y: auto;
     }
 }

package/build/esm/modules/Attachments/Attachments.stories.d.ts

@@ -38,5 +38,6 @@ export declare const Default: Story;
 export declare const WithAttachments: Story;
 /** Current and deleted collections. Open the Deleted tab to restore an attachment. */
 export declare const WithDeletedAttachments: Story;
+export declare const WithLongList: Story;
 /** Controlled usage: every edit, delete, restore, or addition is applied from `onChange`. */
 export declare const Controlled: Story;