@gravity-ui/querieskit 1.1.0 → 1.3.0

package/.agents/skills/code-review-checklist/SKILL.md

@@ -1,135 +1,94 @@
 ---
 name: code-review-checklist
-description: Applies the Code Review Checklist (logical bugs, edge cases, security, performance) when reviewing code, checking logic, or hunting bugs. Use on any request for code review, проверку логики, поиск багов, or bug hunting in code.
+description: Review code changes from supplied diffs, local working-tree changes, or GitHub PRs, validating correctness, React state, edge cases, security, performance, and compatibility against full code context. Use for code review, diff review, logic checks, and bug hunting.
 ---
 
-# **Code Review Checklist**
+# Code Review Checklist
 
-## **Logical Bugs Checklist**
+Review changes in two passes: find plausible risks, then validate each risk against the full code context. Report only confirmed, actionable findings.
 
-### **Control Flow**
+## Boundaries
 
-- All branches are reachable and necessary
-- No dead code paths
-- Loop conditions terminate correctly
-- Switch/case has default or is exhaustive
-- Early returns don't skip necessary cleanup
-- Conditional logic matches the intent (off-by-one, inverted conditions)
+- Code review is read-only unless the user separately asks for implementation.
+- Do not edit the reviewed code, create review-report files, or run commands that rewrite source files.
+- Do not publish PR comments, replies, or review decisions without an explicit request.
+- Return the review directly in the response, using the language of the user's request.
 
-### **Null & Undefined Handling**
+## Determine the Review Source
 
-- Null checks before dereferencing
-- Optional chaining used where appropriate
-- Default values for missing fields
-- No assumptions about object shape without validation
+Use the source named by the user. Do not ask them to reproduce a diff that is already available.
 
-### **Error Handling**
+- **Supplied diff or diff file:** treat it as the authoritative change set. When the repository is available, use it only to read the full files and related context.
+- **Local repository:** inspect status first. Unless the user narrows the scope, include staged changes, unstaged changes, and untracked files. If branch or committed changes are requested, compare the requested branch range as a separate layer.
+- **GitHub PR:** use the `github-pr-review` skill to obtain PR metadata, diff, and existing comments, then apply this skill as the analysis core. Preserve that skill's statuses when validating existing comments.
 
-- Errors caught at appropriate level
-- No swallowed errors (empty catch blocks)
-- Error propagation preserves context
-- Graceful degradation on failure
-- Resource cleanup in finally blocks
+An empty result from one diff layer does not prove there are no local changes; reconcile the review scope with repository status.
 
-### **Concurrency & Race Conditions**
+## Build Context Before Judging
 
-- Shared mutable state is protected
-- No race conditions in async code
-- Locks/mutexes used correctly where needed
-- Callbacks don't cause interleaving issues
-- Atomicity of compound operations guaranteed
+1. Read the repository's `AGENTS.md` and any instructions that apply to the changed paths.
+2. Build an internal change map in dependency order:
+   types and helpers → components → modules → widgets → public exports and integration.
+3. Read every changed source file in full when it is available, not only its diff hunks. If only the diff is available, state the resulting context limitation.
+4. Follow relevant types, callers, callees, consumers, state owners, and public contracts when the finding depends on them.
+5. Infer the intended behavior from code, tests, types, and the user's request. Call out a missing requirement as uncertainty, not as a confirmed bug.
 
-### **State Management**
+For this repository, apply conditional guidance without duplicating it here:
 
-- State transitions are valid and complete
-- No stale state after updates
-- State not mutated directly (where immutable pattern expected)
-- Derived state recomputed when dependencies change
-- No state leaks between independent operations
+- For SCSS or layout changes, read `plans/styles-rules.md`.
+- For localization changes, read `plans/i18n-rules.md`.
+- Check the `components → modules → widgets` dependency direction, mandatory unit and level barrel exports, and placement of consumer-facing public types described in `AGENTS.md`.
+- Treat documented legacy violations as anti-examples, not patterns to copy.
 
-### **Data Flow**
+## Two-Pass Review
 
-- Data transformations preserve invariants
-- No data loss in type conversions
-- Array/object mutations don't affect unexpected references
-- Input validation at boundaries
-- Output consistency with input constraints
+### Pass 1: Find Candidate Risks
 
-## **Edge Cases Checklist**
+Look for code whose correctness depends on a non-obvious condition, including:
 
-### **Boundary Conditions**
+- inverted, incomplete, unreachable, or off-by-one control flow;
+- invalid state transitions, direct mutation, stale closures, stale derived state, or incorrect React effect dependencies and cleanup;
+- nullish values, empty collections, Unicode, dates and time zones, size limits, and other realistic boundaries;
+- lost errors, incomplete failure paths, async races, interleaving, or cleanup leaks;
+- transformations that lose data or rely on an unvalidated shape or invariant;
+- broken request/response, component props, or public API contracts;
+- unsafe HTML or URLs, leaked secrets, or missing validation at trust boundaries;
+- unnecessary work in render or hot paths, retained listeners/resources, or avoidable large allocations;
+- breaking exports, incorrect abstraction-level imports, misplaced styles, or incomplete i18n changes.
 
-- Empty collections handled
-- Zero / negative values handled
-- Maximum values don't overflow
-- String length edge cases (empty, very long, unicode)
-- Date/time edge cases (timezones, leap years, midnight)
+Do not turn formatting preferences, speculative possibilities, or generic best practices into findings without a concrete failure mode.
 
-### **Resource Management**
+### Pass 2: Validate Every Candidate
 
-- File handles closed after use
-- Network connections properly terminated
-- Database connections returned to pool
-- Event listeners removed when no longer needed
-- Temporary resources cleaned up
+For each candidate:
 
-### **Integration Points**
+1. Re-read the entire containing file and the relevant surrounding flow.
+2. Verify the triggering input, state, or execution path is reachable.
+3. Check whether types, callers, guards, framework behavior, or tests already preserve the invariant.
+4. State the observable consequence and affected consumer.
+5. Remove the candidate if the concern is disproved or remains purely speculative.
 
-- API contracts honored (request/response shapes)
-- External service failures handled gracefully
-- Backward compatibility maintained for public interfaces
-- Breaking changes identified and documented
-- Migration paths exist for schema changes
+Run relevant read-only checks when they materially increase confidence. Distinguish confirmed defects from test or verification gaps.
 
-## **Security Checklist**
+## Severity
 
-### **Input Validation**
+- **High:** security exposure, data loss, crash in a primary flow, or an unintended breaking public API change.
+- **Medium:** incorrect behavior in a realistic supported scenario, including significant state, error-handling, or integration failures.
+- **Low:** a limited edge-case defect or concrete maintainability problem likely to cause incorrect behavior later.
 
-- All user inputs are validated
-- Input sanitization applied where needed
-- Type checking enforced
-- Boundary conditions handled
+Do not report style-only nits. Order findings from highest to lowest severity.
 
-### **SQL Injection**
+## Response Format
 
-- Parameterized queries used
-- No string concatenation for SQL
-- ORM methods used correctly
+Lead with confirmed findings. For each finding include:
 
-### **XSS (Cross-Site Scripting)**
+- **Location:** `path/to/file:line`
+- **Severity:** `High`, `Medium`, or `Low`
+- **Finding:** concise description of the defect
+- **Condition:** input or execution path that triggers it
+- **Impact:** observable consequence
+- **Recommendation:** specific fix or mitigation
 
-- Output encoding applied
-- No `dangerouslySetInnerHTML` without sanitization
-- URL parameters validated
+For existing PR comments, also include **Status** using the vocabulary required by `github-pr-review`.
 
-### **Authentication & Authorization**
-
-- Proper authentication checks
-- Authorization verified for each endpoint
-- Session management secure
-
-### **Secrets & Credentials**
-
-- No hardcoded secrets
-- Environment variables used for sensitive data
-- No credentials in logs
-
-## **Performance Checklist**
-
-### **Database**
-
-- N+1 queries avoided
-- Proper indexes exist
-- Query optimization applied
-
-### **Memory**
-
-- No memory leaks
-- Large objects handled efficiently
-- Caching used where appropriate
-
-### **Algorithms**
-
-- Appropriate data structures used
-- Time complexity acceptable
-- No nested loops that could be optimized
+After findings, mention only material test or verification gaps. If there are no confirmed findings, say so explicitly and do not invent issues to fill the response.

package/AGENTS.md

@@ -91,6 +91,18 @@ Violating this order (e.g. importing a widget inside a module) is not allowed
 
 Public types that are part of the props contract of components/modules/widgets must live in `src/types` and be re-exported via `src/index.ts` if the library consumer needs them to type their own data (e.g. `QueryHistoryRow`, `QueryHistoryItem`).
 
+## Styles
+
+Every component/module/widget that needs styles owns an eponymous `.scss` file next to its `.tsx` file and imports that stylesheet itself. A parent stylesheet must not define a child's BEM block or act as the shared loading point for child styles.
+
+- Internal appearance and layout belong to the component's own stylesheet.
+- External positioning relative to a parent or siblings belongs to the parent. When a parent needs to apply such styles directly to a child, the child accepts `className` and merges it with its root BEM class; the parent passes its own BEM element, e.g. `className={block('child')}`.
+- Prefer `Flex` from `@gravity-ui/uikit` for flexbox layouts when its props can express the required behavior. Use props such as `direction`, `gap`, and `alignItems` instead of duplicating them with `display: flex` in SCSS.
+- Prefer container layout such as `Flex` with `gap` when it expresses the relationship; do not add a child class solely to duplicate container spacing. Keep flex rules in SCSS only when the `Flex` API cannot express the required selectors or behavior.
+- Do not copy the current legacy patterns where `ClustersList.scss` defines `ClusterRow` styles or `NavigationItemsList.scss` defines `NavigationItemRow` styles. These are existing violations, not examples to follow.
+
+For the full ownership rules, examples, and review checklist, see [`plans/styles-rules.md`](plans/styles-rules.md).
+
 ## i18n
 
 Every widget/module/component with its own reusable scenario keeps its localization in an `i18n/` subfolder (`en.json`, `ru.json`, `dicts.ts`, `index.ts`), registers its keyset via [`addI18Keysets`](src/i18n/index.ts:11) with a name like `` `qp:widget-name` ``, and uses the typed `t`/`i18n(...)` function — see the example in [`QueriesHistory`](src/widgets/QueriesHistory/i18n/index.ts:1).

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # Changelog
 
+## [1.3.0](https://github.com/gravity-ui/querieskit/compare/v1.2.0...v1.3.0) (2026-09-04)
+
+
+### Features
+
+* add i18n translate ([fadb155](https://github.com/gravity-ui/querieskit/commit/fadb155dccb64da5a57a0def2c886bf75204150b))
+* add validation for forms ([227e2ee](https://github.com/gravity-ui/querieskit/commit/227e2eea391645b9763e83ccf7982f363c4da4a1))
+* **UI:** add result table [YTFRONT-5935] ([508bcdb](https://github.com/gravity-ui/querieskit/commit/508bcdb8a77530a4a6f0c4504c43f8d9480813aa))
+* **UI:** add static table [YTFRONT-5935] ([065e8f1](https://github.com/gravity-ui/querieskit/commit/065e8f15557ea16a8d1ca8ca9bd0d90fae8ba76e))
+* **UI:** error tree [YTFRONT-5935] ([50b20da](https://github.com/gravity-ui/querieskit/commit/50b20da21d02649a70fa0746933ab70c397b0eb3))
+
+
+### Bug Fixes
+
+* fix control of adding new attachments ([b5a0985](https://github.com/gravity-ui/querieskit/commit/b5a0985c2b1b5621c72347addcdcfd296bb4826f))
+* **QueryResult:** change colors [YTFRONT-5935] ([58c1550](https://github.com/gravity-ui/querieskit/commit/58c1550e0e14f9e03c270850577127c0ede59b01))
+
+## [1.2.0](https://github.com/gravity-ui/querieskit/compare/v1.1.0...v1.2.0) (2026-08-31)
+
+
+### Features
+
+* **UI:** saved queries [YTFRONT-5935] ([6d7094e](https://github.com/gravity-ui/querieskit/commit/6d7094ee8916a85c04f564972d43537f01295c4b))
+
+
+### Bug Fixes
+
+* **UI:** navigation [YTFRONT-5935] ([b00c29f](https://github.com/gravity-ui/querieskit/commit/b00c29f0f45dc1e324a84bbf80c0c5e9d7e94a5d))
+
 ## [1.1.0](https://github.com/gravity-ui/querieskit/compare/v1.0.4...v1.1.0) (2026-08-28)
 
 

package/CODEOWNERS

@@ -1 +1,2 @@
-* @simbiozizv
+* @simbiozizv
+* @VictorTrumpel

package/build/cjs/components/AttachmentList/AttachmentList.css

@@ -0,0 +1,22 @@
+.qp-attachment-list {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.qp-attachment-list__item {
+  min-width: 0;
+}
+.qp-attachment-list__button {
+  --g-button-padding: var(--g-spacing-2);
+  min-width: 0;
+  justify-content: flex-start;
+  text-align: left;
+}
+.qp-attachment-list__button_active {
+  --g-button-background-color: var(--g-color-base-selection);
+  --g-button-background-color-hover: var(--g-color-base-selection-hover);
+}
+/*# sourceMappingURL=AttachmentList.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentList.scss"],"names":[],"mappings":"AAAA;EACI,aAAA;EACA,sBAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;EACA,gBAAA;AACJ;AACI;EACI,YAAA;AACR;AAEI;EACI,sCAAA;EAEA,YAAA;EACA,2BAAA;EACA,gBAAA;AADR;AAGQ;EACI,0DAAA;EACA,sEAAA;AADZ","file":"AttachmentList.css","sourcesContent":[".qp-attachment-list {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    &__item {\n        min-width: 0;\n    }\n\n    &__button {\n        --g-button-padding: var(--g-spacing-2);\n\n        min-width: 0;\n        justify-content: flex-start;\n        text-align: start;\n\n        &_active {\n            --g-button-background-color: var(--g-color-base-selection);\n            --g-button-background-color-hover: var(--g-color-base-selection-hover);\n        }\n    }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+import { ListProps } from '@gravity-ui/uikit';
+import { AttachmentItemProps } from './internal/AttachmentItem/AttachmentItem';
+import './AttachmentList.scss';
+export type AttachmentListProps = Omit<ListProps, 'items' | 'selectedItemIndex' | 'virtualized'> & {
+    attachments: AttachmentItemProps['attachment'][];
+    className?: string;
+    onDelete?: (attachment: AttachmentItemProps['attachment']) => void;
+    onEdit?: (attachment: AttachmentItemProps['attachment']) => void;
+    onRevert?: (attachment: AttachmentItemProps['attachment']) => void;
+    renderEditForm?: (attachment: AttachmentItemProps['attachment']) => ReactNode;
+    wasAddedIds?: string[];
+    wasEditedIds?: string[];
+    editingIds?: string[];
+    isDeleted?: boolean;
+};
+export declare const AttachmentList: ({ attachments, onEdit, onDelete, onRevert, wasAddedIds, wasEditedIds, editingIds, renderEditForm, className, isDeleted, ...listProps }: AttachmentListProps) => React.JSX.Element;

package/build/cjs/components/AttachmentList/AttachmentList.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AttachmentList = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.set.js");
+require("core-js/modules/es.set.difference.v2.js");
+require("core-js/modules/es.set.intersection.v2.js");
+require("core-js/modules/es.set.is-disjoint-from.v2.js");
+require("core-js/modules/es.set.is-subset-of.v2.js");
+require("core-js/modules/es.set.is-superset-of.v2.js");
+require("core-js/modules/es.set.symmetric-difference.v2.js");
+require("core-js/modules/es.set.union.v2.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _AttachmentItem = require("./internal/AttachmentItem/AttachmentItem");
+require("./AttachmentList.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _excluded = ["attachments", "onEdit", "onDelete", "onRevert", "wasAddedIds", "wasEditedIds", "editingIds", "renderEditForm", "className", "isDeleted"];
+var AttachmentList = exports.AttachmentList = function AttachmentList(_ref) {
+  var attachments = _ref.attachments,
+    onEdit = _ref.onEdit,
+    onDelete = _ref.onDelete,
+    onRevert = _ref.onRevert,
+    wasAddedIds = _ref.wasAddedIds,
+    wasEditedIds = _ref.wasEditedIds,
+    editingIds = _ref.editingIds,
+    renderEditForm = _ref.renderEditForm,
+    className = _ref.className,
+    isDeleted = _ref.isDeleted,
+    listProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var addedIdsSet = (0, _react.useMemo)(function () {
+    return new Set(wasAddedIds);
+  }, [wasAddedIds]);
+  var editedIdsSet = (0, _react.useMemo)(function () {
+    return new Set(wasEditedIds);
+  }, [wasEditedIds]);
+  var editingIdsSet = (0, _react.useMemo)(function () {
+    return new Set(editingIds);
+  }, [editingIds]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+    className: className,
+    width: "100%",
+    height: "100%",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.List, (0, _objectSpread2.default)({
+      filterable: false,
+      virtualized: false,
+      items: attachments,
+      renderItem: function renderItem(attachment) {
+        if (editingIdsSet.has(attachment.id)) {
+          return renderEditForm === null || renderEditForm === void 0 ? void 0 : renderEditForm(attachment);
+        }
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AttachmentItem.AttachmentItem, {
+          attachment: attachment,
+          wasAdded: addedIdsSet.has(attachment.id),
+          wasEdited: editedIdsSet.has(attachment.id),
+          onEdit: onEdit,
+          onRevert: onRevert,
+          onDelete: onDelete,
+          isDeleted: isDeleted
+        });
+      }
+    }, listProps))
+  });
+};
+// #sourceMappingURL=AttachmentList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_AttachmentItem","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","AttachmentList","exports","_ref","attachments","onEdit","onDelete","onRevert","wasAddedIds","wasEditedIds","editingIds","renderEditForm","className","isDeleted","listProps","_objectWithoutProperties","_excluded","addedIdsSet","useMemo","Set","editedIdsSet","editingIdsSet","_jsx","Flex","width","height","children","List","_objectSpread","filterable","virtualized","items","renderItem","attachment","id","AttachmentItem","wasAdded","wasEdited"],"sources":["AttachmentList.tsx"],"sourcesContent":["import React, {ReactNode, useMemo} from 'react';\nimport {Flex, List, ListProps} from '@gravity-ui/uikit';\nimport {AttachmentItem, AttachmentItemProps} from './internal/AttachmentItem/AttachmentItem';\nimport './AttachmentList.scss';\n\nexport type AttachmentListProps = Omit<ListProps, 'items' | 'selectedItemIndex' | 'virtualized'> & {\n    attachments: AttachmentItemProps['attachment'][];\n    className?: string;\n    onDelete?: (attachment: AttachmentItemProps['attachment']) => void;\n    onEdit?: (attachment: AttachmentItemProps['attachment']) => void;\n    onRevert?: (attachment: AttachmentItemProps['attachment']) => void;\n\n    renderEditForm?: (attachment: AttachmentItemProps['attachment']) => ReactNode;\n\n    wasAddedIds?: string[];\n    wasEditedIds?: string[];\n\n    editingIds?: string[];\n\n    isDeleted?: boolean;\n};\n\nexport const AttachmentList = ({\n    attachments,\n    onEdit,\n    onDelete,\n    onRevert,\n    wasAddedIds,\n    wasEditedIds,\n    editingIds,\n    renderEditForm,\n    className,\n    isDeleted,\n    ...listProps\n}: AttachmentListProps) => {\n    const addedIdsSet = useMemo(() => new Set(wasAddedIds), [wasAddedIds]);\n    const editedIdsSet = useMemo(() => new Set(wasEditedIds), [wasEditedIds]);\n    const editingIdsSet = useMemo(() => new Set(editingIds), [editingIds]);\n\n    return (\n        <Flex className={className} width=\"100%\" height=\"100%\">\n            <List<AttachmentListProps['attachments'][number]>\n                filterable={false}\n                virtualized={false}\n                items={attachments}\n                renderItem={(attachment) => {\n                    if (editingIdsSet.has(attachment.id)) {\n                        return renderEditForm?.(attachment);\n                    }\n\n                    return (\n                        <AttachmentItem\n                            attachment={attachment}\n                            wasAdded={addedIdsSet.has(attachment.id)}\n                            wasEdited={editedIdsSet.has(attachment.id)}\n                            onEdit={onEdit}\n                            onRevert={onRevert}\n                            onDelete={onDelete}\n                            isDeleted={isDeleted}\n                        />\n                    );\n                }}\n                {...listProps}\n            />\n        </Flex>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,93 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { type AttachmentListProps } from './AttachmentList';
+declare const meta: {
+    title: string;
+    component: ({ attachments, onEdit, onDelete, onRevert, wasAddedIds, wasEditedIds, editingIds, renderEditForm, className, isDeleted, ...listProps }: AttachmentListProps) => React.JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        className?: string | undefined;
+        qa?: string | undefined;
+        autoFocus?: boolean | undefined;
+        id?: string | undefined;
+        role?: React.AriaRole | undefined;
+        filter?: string | undefined;
+        loading?: boolean | undefined;
+        size?: import("@gravity-ui/uikit").TextInputSize | undefined;
+        sortable?: boolean | undefined;
+        itemHeight?: number | ((item: {
+            disabled?: boolean;
+        }, itemIndex: number) => number) | undefined;
+        renderItem?: ((item: {
+            disabled?: boolean;
+        }, isItemActive: boolean, itemIndex: number) => React.ReactNode) | undefined;
+        onLoadMore?: (() => void) | undefined;
+        onItemClick?: ((item: {
+            disabled?: boolean;
+        }, index: number, fromKeyboard?: boolean, event?: React.MouseEvent<HTMLDivElement, MouseEvent> | React.KeyboardEvent<HTMLElement>) => void) | undefined;
+        filterable?: boolean | undefined;
+        itemClassName?: string | undefined;
+        itemsClassName?: string | undefined;
+        filterClassName?: string | undefined;
+        emptyPlaceholder?: React.ReactNode;
+        filterPlaceholder?: string | undefined;
+        activeItemIndex?: number | undefined;
+        itemKey?: ((item: {
+            disabled?: boolean;
+        }) => string) | undefined;
+        itemsHeight?: number | ((items: unknown[]) => number) | undefined;
+        deactivateOnLeave?: boolean | undefined;
+        sortHandleAlign?: import("@gravity-ui/uikit").ListSortHandleAlign | undefined;
+        filterItem?: ((filter: string) => (item: {
+            disabled?: boolean;
+        }) => boolean) | undefined;
+        onFilterUpdate?: ((filter: string) => void) | undefined;
+        onFilterEnd?: (({ items }: {
+            items: {
+                disabled?: boolean;
+            }[];
+        }) => void) | undefined;
+        onSortEnd?: ((params: import("@gravity-ui/uikit").ListSortParams) => void) | undefined;
+        onChangeActive?: ((index?: number) => void) | undefined;
+        onScrollToItem?: ((node: HTMLElement) => boolean) | undefined;
+        attachments: import(".").AttachmentItemProps["attachment"][];
+        onDelete?: ((attachment: import(".").AttachmentItemProps["attachment"]) => void) | undefined;
+        onEdit?: ((attachment: import(".").AttachmentItemProps["attachment"]) => void) | undefined;
+        onRevert?: ((attachment: import(".").AttachmentItemProps["attachment"]) => void) | undefined;
+        renderEditForm?: ((attachment: import(".").AttachmentItemProps["attachment"]) => React.ReactNode) | undefined;
+        wasAddedIds?: string[] | undefined;
+        wasEditedIds?: string[] | undefined;
+        editingIds?: string[] | undefined;
+        isDeleted?: boolean | undefined;
+    }>) => React.JSX.Element)[];
+    args: {
+        attachments: {
+            id: string;
+            name: string;
+            link?: string;
+        }[];
+        onDelete: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onEdit: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Attachments with supported extensions use their corresponding icons. Row actions appear on hover. */
+export declare const Default: Story;
+/** `wasAddedIds` and `wasEditedIds` highlight attachments with their current change state. */
+export declare const ChangeStates: Story;
+/** The inherited List filtering API can be enabled when a consumer needs local attachment search. */
+export declare const Filterable: Story;
+/** Hover a row: edit toggles its edited state and delete removes it from the list. */
+export declare const InteractiveActions: Story;
+/** Hover a row and click edit to replace it with a consumer-provided rename form. */
+export declare const CustomEditForm: Story;
+/** Drag attachments by the handle to reorder them using the inherited List sorting API. */
+export declare const Sortable: Story;
+/** Consumer-provided content is displayed when the attachment array is empty. */
+export declare const Empty: Story;
+/** The inherited loading state can be used while the attachment collection is being fetched. */
+export declare const Loading: Story;