@weavix/tracker-components 0.1.0 → 0.1.2

package/README.md

@@ -1,45 +1,217 @@
 # @weavix/tracker-components
 
+Shared UI component library for **Yandex Tracker plugins**. Provides ready-made React components for selecting queues, fields, and meta entities (projects, portfolios, goals), displaying issue-type and entity icons, and building collapsible sections — all styled to match the Tracker design system.
+
+---
+
 ## Installation
 
 ```bash
 pnpm add @weavix/tracker-components
 ```
 
-Peer-зависимости:
+### Peer dependencies
+
+| Package | Version |
+|---|---|
+| `react`, `react-dom` | `^18` |
+| `@gravity-ui/uikit` | `^7` |
+| `@gravity-ui/icons` | `^2` |
+
+---
+
+## Component catalogue
+
+### Select components
+
+| Component | Description | README |
+|---|---|---|
+| [`QueueSelect`](#queueselect) | Dropdown for choosing a Tracker queue. Supports static lists, async suggest, icons, loading states, and confirmation dialogs. | [→ README](src/components/QueueSelect/README.md) |
+| [`MetaEntitiesSelect`](#metaentitiesselect) | Suggest-based select for projects, portfolios, goals, or reports. Async item fetching, loading states, error display, clear button. | [→ README](src/components/MetaEntitiesSelect/README.md) |
+| [`PluginFieldsSelect`](#pluginfieldsselect) | Dropdown for choosing Tracker fields inside a plugin. Auto-groups fields by category, supports search, multi-select, submit/reset, loading states. | [→ README](src/components/PluginFieldsSelect/README.md) |
+
+### Icon components
+
+| Component | Description | README |
+|---|---|---|
+| [`IssueTypeIcon`](#issuetypeicon) | Icon for a Tracker issue type (task, bug, epic, …). | [→ README](src/components/Icon/IssueTypeIcon/README.md) |
+| [`MetaEntityIcon`](#metaentityicon) | Dispatcher icon that renders the correct icon for any meta entity type (project, portfolio, goal, key result). | [→ README](src/components/Icon/MetaEntityIcon/README.md) |
+| [`ProjectIcon`](#projecticon) | Colored icon for a project entity. Color is deterministically derived from the project ID. | [→ README](src/components/Icon/ProjectIcon/README.md) |
+| [`PortfolioIcon`](#portfolioicon) | Colored icon for a portfolio entity. Color is deterministically derived from the portfolio ID. | [→ README](src/components/Icon/PortfolioIcon/README.md) |
+| [`GoalIcon`](#goalicon) | Colored icon for a goal entity. Color is deterministically derived from the goal ID. | [→ README](src/components/Icon/GoalIcon/README.md) |
+| [`KeyResultIcon`](#keyresulticon) | Icon for a key result entity, with a built-in tooltip. | [→ README](src/components/Icon/KeyResultIcon/README.md) |
+
+### Layout components
+
+| Component | Description | README |
+|---|---|---|
+| [`TrackerDisclosure`](#trackerdisclosure) | Collapsible section with Tracker-specific styling. Extends Gravity UI `Disclosure` with configurable arrow position, size, and an optional toolbar slot. | [→ README](src/components/TrackerDisclosure/README.md) |
+
+---
+
+## Quick start
+
+### QueueSelect
+
+```tsx
+import {QueueSelect} from '@weavix/tracker-components';
+import type {QueueInfo} from '@weavix/tracker-components';
+
+const queues: QueueInfo[] = [
+    {key: 'DEV', display: 'Development'},
+    {key: 'DESIGN', display: 'Design'},
+];
+
+<QueueSelect
+    queues={queues}
+    defaultQueue={queues[0]}
+    onChange={(queue) => console.log(queue)}
+/>;
+```
+
+→ Full documentation including async suggest and Tracker API integration: [src/components/QueueSelect/README.md](src/components/QueueSelect/README.md)
+
+---
+
+### MetaEntitiesSelect
+
+```tsx
+import {MetaEntitiesSelect} from '@weavix/tracker-components';
+
+<MetaEntitiesSelect
+    getItems={(text) => fetchProjects(text)}
+    onChange={(entity) => console.log('selected', entity)}
+/>;
+```
+
+→ Full documentation including Tracker API integration: [src/components/MetaEntitiesSelect/README.md](src/components/MetaEntitiesSelect/README.md)
+
+---
+
+### PluginFieldsSelect
+
+```tsx
+import {PluginFieldsSelect} from '@weavix/tracker-components';
+import type {PluginFieldsSelectField} from '@weavix/tracker-components';
+
+const fields: PluginFieldsSelectField[] = [
+    {id: 'summary', name: 'Summary', category: {id: '1', display: 'System Fields'}},
+    {id: 'sprint', name: 'Sprint', category: {id: '2', display: 'Custom Fields'}},
+];
+
+<PluginFieldsSelect
+    open={true}
+    fields={fields}
+    onOpenChange={setOpen}
+    onItemSelect={(item) => console.log('selected', item)}
+    onItemDeselect={(item) => console.log('deselected', item)}
+/>;
+```
+
+→ Full documentation including 3 Tracker API fetch flows: [src/components/PluginFieldsSelect/README.md](src/components/PluginFieldsSelect/README.md)
+
+---
+
+### IssueTypeIcon
+
+```tsx
+import {IssueTypeIcon} from '@weavix/tracker-components';
+
+<IssueTypeIcon issueType="bug" />
+<IssueTypeIcon issueType="epic" size={24} />
+```
+
+→ Full documentation: [src/components/Icon/IssueTypeIcon/README.md](src/components/Icon/IssueTypeIcon/README.md)
+
+---
+
+### MetaEntityIcon
+
+```tsx
+import {MetaEntityIcon} from '@weavix/tracker-components';
+
+// Automatically renders the correct icon based on entityType
+<MetaEntityIcon entity={{entityType: 'project', id: 'proj-1', shortId: 42}} />
+<MetaEntityIcon entity={{entityType: 'portfolio', id: 'port-1', shortId: 7}} size={24} />
+```
+
+→ Full documentation: [src/components/Icon/MetaEntityIcon/README.md](src/components/Icon/MetaEntityIcon/README.md)
+
+---
+
+### ProjectIcon / PortfolioIcon / GoalIcon
+
+```tsx
+import {ProjectIcon, PortfolioIcon, GoalIcon} from '@weavix/tracker-components';
+
+<ProjectIcon projectId={123} />
+<PortfolioIcon portfolioId="portfolio-abc" />
+<GoalIcon goalId={456} />
+```
+
+→ [ProjectIcon README](src/components/Icon/ProjectIcon/README.md) · [PortfolioIcon README](src/components/Icon/PortfolioIcon/README.md) · [GoalIcon README](src/components/Icon/GoalIcon/README.md)
+
+---
+
+### KeyResultIcon
+
+```tsx
+import {KeyResultIcon} from '@weavix/tracker-components';
+
+<KeyResultIcon size={16} />
+```
+
+→ Full documentation: [src/components/Icon/KeyResultIcon/README.md](src/components/Icon/KeyResultIcon/README.md)
 
-- `react`, `react-dom` ^18
-- `@gravity-ui/uikit` ^7
-- `@gravity-ui/icons` ^2
+---
 
-## Usage
+### TrackerDisclosure
 
 ```tsx
-import {Hello} from '@weavix/tracker-components';
+import {TrackerDisclosure} from '@weavix/tracker-components';
 
-<Hello name="Tracker" />;
+<TrackerDisclosure summary="Section title" defaultExpanded>
+    Content goes here
+</TrackerDisclosure>
 ```
 
+→ Full documentation: [src/components/TrackerDisclosure/README.md](src/components/TrackerDisclosure/README.md)
+
+---
+
+## Architecture notes
+
+### Data-agnostic pattern
+
+All select components (`QueueSelect`, `MetaEntitiesSelect`, `PluginFieldsSelect`) are **data-agnostic**: they accept data via props and callbacks. You are responsible for fetching data from the Tracker API and passing it to the component. This keeps the components reusable and testable without a live API.
+
+### Tracker API integration
+
+Each select component's README contains a dedicated **Tracker API** section with:
+- The exact API endpoints to call
+- Ready-to-copy fetch functions
+- Complete working examples
+
+### Styling
+
+Components use [Gravity UI](https://gravity-ui.com/) design tokens and BEM class names. Import the component CSS by ensuring your bundler processes `.scss` files from this package (the package declares `sideEffects: ["*.scss"]`).
+
+---
+
 ## Development
 
 ```bash
 pnpm install
-pnpm run build
-pnpm run typecheck
-pnpm run lint
-pnpm run test
+pnpm run build       # compile to build/
+pnpm run typecheck   # TypeScript type check
+pnpm run lint        # ESLint + Stylelint + Prettier
+pnpm run test        # Jest unit tests
 ```
 
 ### Storybook
 
-Для запуска Storybook-сервера:
-
 ```bash
-pnpm run storybook
+pnpm run storybook   # starts at http://localhost:7008
 ```
 
-Storybook запустится по адресу `http://localhost:7008` для просмотра и взаимодействия с историями компонентов.
-
-To build a static version of Storybook:
-
-Истории компонентов находятся в директориях `__stories__` в папках компонентов.
+Component stories live in `__stories__/` directories inside each component folder.

package/build/cjs/components/Icon/EntityIcon/EntityIcon.js

@@ -15,8 +15,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var EntityIcon = exports.EntityIcon = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var data = _ref.data,
     className = _ref.className,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? ' ' : _ref$id,
+    id = _ref.id,
     type = _ref.type,
     _ref$refugeSize = _ref.refugeSize,
     refugeSize = _ref$refugeSize === void 0 ? 24 : _ref$refugeSize,
@@ -32,7 +31,7 @@ var EntityIcon = exports.EntityIcon = /*#__PURE__*/(0, _react.memo)(function (_r
     colorAlpha = _ref$colorAlpha === void 0 ? 1 : _ref$colorAlpha;
   var theme = (0, _uikit.useThemeType)();
   var randomColor = (0, _uikit.useColorGenerator)({
-    seed: String(id),
+    seed: id !== undefined ? String(id) : ' ',
     theme: theme
   });
   var color = "rgba(".concat(randomColor.rgb.r, ",").concat(randomColor.rgb.g, ",").concat(randomColor.rgb.b, ",").concat(colorAlpha, ")");

package/build/cjs/components/Icon/EntityIcon/EntityIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_IconRefuge","_EntityIcon","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EntityIcon","exports","memo","_ref","data","className","_ref$id","id","type","_ref$refugeSize","refugeSize","_ref$size","size","_ref$alpha","alpha","_ref$withBackground","withBackground","_ref$radius","radius","_ref$colorAlpha","colorAlpha","theme","useThemeType","randomColor","useColorGenerator","seed","String","color","concat","rgb","g","b","backgroundColor","containerStyle","background","_jsx","IconRefuge","containerClassName","cnEntityIcon","displayName"],"sources":["EntityIcon.tsx"],"sourcesContent":["import type {FC} from 'react';\nimport React, {memo} from 'react';\n\nimport {type IconData, useColorGenerator, useThemeType} from '@gravity-ui/uikit';\n\nimport {IconRefuge} from '../IconRefuge';\n\nimport {cnEntityIcon} from './EntityIcon.classname';\n\nimport './EntityIcon.scss';\n\nexport type EntityIconProps = {\n    data: IconData;\n    className?: string;\n    id?: number | string;\n    type?: string;\n    refugeSize?: number;\n    size?: number;\n    alpha?: number;\n    withBackground?: boolean;\n    radius?: 'm' | 'l';\n    colorAlpha?: number;\n};\n\nexport const EntityIcon: FC<EntityIconProps> = memo(\n    ({\n        data,\n        className,\n        id = ' ',\n        type,\n        refugeSize = 24,\n        size = 16,\n        alpha = 0.15,\n        withBackground = true,\n        radius = 'm',\n        colorAlpha = 1,\n    }) => {\n        const theme = useThemeType();\n\n        const randomColor = useColorGenerator({seed: String(id), theme});\n\n        const color = `rgba(${randomColor.rgb.r},${randomColor.rgb.g},${randomColor.rgb.b},${colorAlpha})`;\n        const backgroundColor = `rgba(${randomColor.rgb.r},${randomColor.rgb.g},${randomColor.rgb.b},${alpha})`;\n\n        const containerStyle: {\n            background?: string;\n            color?: string;\n        } = {};\n\n        if (withBackground) {\n            containerStyle.background = backgroundColor;\n            containerStyle.color = color;\n        } else {\n            containerStyle.color = backgroundColor;\n        }\n\n        return (\n            <IconRefuge\n                data={data}\n                containerClassName={cnEntityIcon({type, radius}, className)}\n                refugeSize={refugeSize}\n                size={size}\n                containerStyle={containerStyle}\n            />\n        );\n    },\n);\n\nEntityIcon.displayName = 'EntityIcon';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_IconRefuge","_EntityIcon","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EntityIcon","exports","memo","_ref","data","className","id","type","_ref$refugeSize","refugeSize","_ref$size","size","_ref$alpha","alpha","_ref$withBackground","withBackground","_ref$radius","radius","_ref$colorAlpha","colorAlpha","theme","useThemeType","randomColor","useColorGenerator","seed","undefined","String","color","concat","rgb","g","b","backgroundColor","containerStyle","background","_jsx","IconRefuge","containerClassName","cnEntityIcon","displayName"],"sources":["EntityIcon.tsx"],"sourcesContent":["import type {FC} from 'react';\nimport React, {memo} from 'react';\n\nimport {type IconData, useColorGenerator, useThemeType} from '@gravity-ui/uikit';\n\nimport {IconRefuge} from '../IconRefuge';\n\nimport {cnEntityIcon} from './EntityIcon.classname';\n\nimport './EntityIcon.scss';\n\nexport type EntityIconProps = {\n    data: IconData;\n    className?: string;\n    id?: number | string;\n    type?: string;\n    refugeSize?: number;\n    size?: number;\n    alpha?: number;\n    withBackground?: boolean;\n    radius?: 'm' | 'l';\n    colorAlpha?: number;\n};\n\nexport const EntityIcon: FC<EntityIconProps> = memo(\n    ({\n        data,\n        className,\n        id,\n        type,\n        refugeSize = 24,\n        size = 16,\n        alpha = 0.15,\n        withBackground = true,\n        radius = 'm',\n        colorAlpha = 1,\n    }) => {\n        const theme = useThemeType();\n\n        const randomColor = useColorGenerator({seed: id !== undefined ? String(id) : ' ', theme});\n\n        const color = `rgba(${randomColor.rgb.r},${randomColor.rgb.g},${randomColor.rgb.b},${colorAlpha})`;\n        const backgroundColor = `rgba(${randomColor.rgb.r},${randomColor.rgb.g},${randomColor.rgb.b},${alpha})`;\n\n        const containerStyle: {\n            background?: string;\n            color?: string;\n        } = {};\n\n        if (withBackground) {\n            containerStyle.background = backgroundColor;\n            containerStyle.color = color;\n        } else {\n            containerStyle.color = backgroundColor;\n        }\n\n        return (\n            <IconRefuge\n                data={data}\n                containerClassName={cnEntityIcon({type, radius}, className)}\n                refugeSize={refugeSize}\n                size={size}\n                containerStyle={containerStyle}\n            />\n        );\n    },\n);\n\nEntityIcon.displayName = 'EntityIcon';\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/components/Icon/GoalIcon/README.md

@@ -0,0 +1,123 @@
+# GoalIcon
+
+<!-- description:start -->
+Displays a colored icon for a Tracker goal entity. The icon color is deterministically derived from the `goalId`, so the same goal always renders the same color across sessions and environments.
+<!-- description:end -->
+
+## Usage
+
+```tsx
+import {GoalIcon} from '@weavix/tracker-components';
+
+<GoalIcon goalId={456} />
+```
+
+## Component props
+
+<!-- props:start -->
+```ts
+{
+    /**
+     * Goal ID used to generate a deterministic color.
+     * Accepts either a numeric shortId or a string entity ID.
+     */
+    goalId: number | string;
+
+    /**
+     * Additional CSS class applied to the root element.
+     */
+    className?: string;
+
+    /**
+     * Entity type label. Defaults to "goal".
+     */
+    type?: string;
+
+    /**
+     * Size of the SVG icon inside the container in pixels.
+     * @default 16
+     */
+    size?: number;
+
+    /**
+     * Size of the icon container (the colored square) in pixels.
+     * @default 24
+     */
+    refugeSize?: number;
+
+    /**
+     * Whether to render a colored background behind the icon.
+     * @default true
+     */
+    withBackground?: boolean;
+
+    /**
+     * Border radius variant of the icon container.
+     * @default 'm'
+     */
+    radius?: 'm' | 'l';
+
+    /**
+     * Alpha (opacity) of the icon foreground color.
+     * @default 1
+     */
+    colorAlpha?: number;
+}
+```
+<!-- props:end -->
+
+---
+
+## Examples
+
+### Default
+
+```tsx
+import {GoalIcon} from '@weavix/tracker-components';
+
+<GoalIcon goalId={456} />
+```
+
+### Custom size
+
+```tsx
+// Larger icon container with a larger SVG inside
+<GoalIcon goalId={456} size={20} refugeSize={32} />
+```
+
+### Without background
+
+```tsx
+// Renders only the colored SVG, no background square
+<GoalIcon goalId={456} withBackground={false} />
+```
+
+### Alongside goal name
+
+```tsx
+import {GoalIcon} from '@weavix/tracker-components';
+
+export const GoalLabel = ({goal}: {goal: {shortId: number; summary: string}}) => (
+    <div style={{display: 'flex', alignItems: 'center', gap: 8}}>
+        <GoalIcon goalId={goal.shortId} />
+        <span>{goal.summary}</span>
+    </div>
+);
+```
+
+### Multiple goals (each gets a unique color)
+
+```tsx
+const goals = [
+    {shortId: 1, summary: 'Increase retention'},
+    {shortId: 2, summary: 'Launch mobile app'},
+    {shortId: 3, summary: 'Reduce churn'},
+];
+
+goals.map((g) => (
+    <div key={g.shortId} style={{display: 'flex', alignItems: 'center', gap: 8}}>
+        <GoalIcon goalId={g.shortId} />
+        <span>{g.summary}</span>
+    </div>
+));
+```

package/build/cjs/components/Icon/IconRefuge/IconRefuge.classname.js.map

@@ -1 +1 @@
-{"version":3,"names":["_cn","require","cnIconRefuge","exports","block"],"sources":["IconRefuge.classname.tsx"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnIconRefuge = block('icon-refuge');\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,SAAK,EAAC,aAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["_cn","require","cnIconRefuge","exports","block"],"sources":["IconRefuge.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnIconRefuge = block('icon-refuge');\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,SAAK,EAAC,aAAa,CAAC","ignoreList":[]}

package/build/cjs/components/Icon/IconRefuge/IconRefuge.css

@@ -3,9 +3,6 @@
   align-items: center;
   justify-content: center;
 }
-.tpc-icon-refuge_inline {
-  display: inline-flex;
-}
 .tpc-icon-refuge__hidden-label {
   position: absolute;
   overflow: hidden;

package/build/cjs/components/Icon/IconRefuge/IconRefuge.css.map

@@ -1 +1 @@
-{"version":3,"sources":["IconRefuge.scss"],"names":[],"mappings":"AAAA;EACI,oBAAA;EACA,mBAAA;EACA,uBAAA;AACJ;AACI;EACI,oBAAA;AACR;AAEI;EACI,kBAAA;EAEA,gBAAA;EACA,mBAAA;EAEA,UAAA;EACA,WAAA;EACA,UAAA;EACA,YAAA;EAEA,mBAAA;AAHR","file":"IconRefuge.css","sourcesContent":[".tpc-icon-refuge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    &_inline {\n        display: inline-flex;\n    }\n\n    &__hidden-label {\n        position: absolute;\n\n        overflow: hidden;\n        clip: rect(0 0 0 0);\n\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        margin: -1px;\n\n        white-space: nowrap;\n    }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["IconRefuge.scss"],"names":[],"mappings":"AAAA;EACI,oBAAA;EACA,mBAAA;EACA,uBAAA;AACJ;AACI;EACI,kBAAA;EAEA,gBAAA;EACA,mBAAA;EAEA,UAAA;EACA,WAAA;EACA,UAAA;EACA,YAAA;EAEA,mBAAA;AAFR","file":"IconRefuge.css","sourcesContent":[".tpc-icon-refuge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    &__hidden-label {\n        position: absolute;\n\n        overflow: hidden;\n        clip: rect(0 0 0 0);\n\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        margin: -1px;\n\n        white-space: nowrap;\n    }\n}\n"],"sourceRoot":""}

package/build/cjs/components/Icon/IssueTypeIcon/IssueTypeIcon.js

@@ -7,7 +7,6 @@ exports.IssueTypeIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _uikit = require("@gravity-ui/uikit");
 var _useLocalizedString2 = require("./../../../hooks/useLocalizedString");
-var _Icon = require("../Icon.classname");
 var _IconRefuge = require("../IconRefuge");
 var _IssueTypeIcon = require("./IssueTypeIcon.classname");
 var _i18n = require("./i18n");
@@ -32,47 +31,28 @@ var _technicalDebt = _interopRequireDefault(require("../../../assets/icons/issue
 require("./IssueTypeIcon.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var getIconData = function getIconData(issueType) {
-  switch (issueType) {
-    case 'bug':
-      return _bug.default;
-    case 'design':
-      return _design.default;
-    case 'epic':
-      return _epic.default;
-    case 'improvement':
-      return _improvement.default;
-    case 'incident':
-      return _incident.default;
-    case 'info':
-      return _info.default;
-    case 'newFeature':
-      return _newFeature.default;
-    case 'query':
-      return _query.default;
-    case 'refactoring':
-      return _refactoring.default;
-    case 'release':
-      return _release.default;
-    case 'research':
-      return _research.default;
-    case 'serviceRequest':
-      return _serviceRequest.default;
-    case 'story':
-      return _story.default;
-    case 'subBug':
-      return _subbug.default;
-    case 'subTask':
-      return _subtask.default;
-    case 'technicalDebt':
-      return _technicalDebt.default;
-    case 'milestone':
-      return _milestone.default;
-    default:
-      return _task.default;
-  }
+var ISSUE_TYPE_ICONS = {
+  bug: _bug.default,
+  design: _design.default,
+  epic: _epic.default,
+  improvement: _improvement.default,
+  incident: _incident.default,
+  info: _info.default,
+  milestone: _milestone.default,
+  newFeature: _newFeature.default,
+  query: _query.default,
+  refactoring: _refactoring.default,
+  release: _release.default,
+  research: _research.default,
+  serviceRequest: _serviceRequest.default,
+  story: _story.default,
+  subBug: _subbug.default,
+  subTask: _subtask.default,
+  task: _task.default,
+  technicalDebt: _technicalDebt.default
 };
 var IssueTypeIcon = exports.IssueTypeIcon = function IssueTypeIcon(_ref) {
+  var _ISSUE_TYPE_ICONS$iss;
   var className = _ref.className,
     containerClassName = _ref.containerClassName,
     _ref$issueType = _ref.issueType,
@@ -83,20 +63,20 @@ var IssueTypeIcon = exports.IssueTypeIcon = function IssueTypeIcon(_ref) {
   var config = (0, _uikit.getConfig)();
   var _useLocalizedString = (0, _useLocalizedString2.useLocalizedString)(_i18n.defaultMessages, config.lang),
     t = _useLocalizedString.t;
-  var ariaLabel = title && t('type-label', {
-    type: title
-  });
+  var ariaLabel = title ? t('type-label', {
+    type: issueType
+  }) : undefined;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconRefuge.IconRefuge, {
-    className: (0, _Icon.cnIcon)({
-      issueType: issueType
-    }, [(0, _IssueTypeIcon.cnIssueTypeIcon)({
+    className: (0, _IssueTypeIcon.cnIssueTypeIcon)({
       type: issueType
-    }, className)]),
+    }, className),
     containerClassName: containerClassName,
-    data: getIconData(issueType),
+    data: (_ISSUE_TYPE_ICONS$iss = ISSUE_TYPE_ICONS[issueType]) !== null && _ISSUE_TYPE_ICONS$iss !== void 0 ? _ISSUE_TYPE_ICONS$iss : _task.default,
     refugeSize: size,
-    "aria-label": ariaLabel
+    title: title,
+    "aria-label": ariaLabel,
+    "aria-hidden": !title || undefined
   });
 };
-IssueTypeIcon.displayName = (0, _Icon.cnIcon)();
+IssueTypeIcon.displayName = 'IssueTypeIcon';
 // #sourceMappingURL=IssueTypeIcon.js.map

package/build/cjs/components/Icon/IssueTypeIcon/IssueTypeIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_useLocalizedString2","_Icon","_IconRefuge","_IssueTypeIcon","_i18n","_bug","_design","_epic","_improvement","_incident","_info","_milestone","_newFeature","_query","_refactoring","_release","_research","_serviceRequest","_story","_subbug","_subtask","_task","_technicalDebt","_jsxRuntime","e","__esModule","default","getIconData","issueType","bugIcon","designIcon","epicIcon","improvementIcon","incidentIcon","infoIcon","newFeatureIcon","queryIcon","refactoringIcon","releaseIcon","researchIcon","serviceRequestIcon","storyIcon","subbugIcon","subtaskIcon","technicalDebtIcon","milestoneIcon","taskIcon","IssueTypeIcon","exports","_ref","className","containerClassName","_ref$issueType","_ref$size","size","title","config","getConfig","_useLocalizedString","useLocalizedString","defaultMessages","lang","t","ariaLabel","type","_jsx","IconRefuge","cnIcon","cnIssueTypeIcon","data","refugeSize","displayName"],"sources":["IssueTypeIcon.tsx"],"sourcesContent":["import type {FC} from 'react';\nimport React from 'react';\n\nimport {getConfig} from '@gravity-ui/uikit';\n\nimport {useLocalizedString} from '~/src/hooks/useLocalizedString';\n\nimport {cnIcon} from '../Icon.classname';\nimport type {IconRefugeProps} from '../IconRefuge';\nimport {IconRefuge} from '../IconRefuge';\n\nimport {cnIssueTypeIcon} from './IssueTypeIcon.classname';\nimport {defaultMessages} from './i18n';\nimport type {IssueType} from './types';\n\nimport bugIcon from '../../../../assets/icons/issue-type/bug.svg';\nimport designIcon from '../../../../assets/icons/issue-type/design.svg';\nimport epicIcon from '../../../../assets/icons/issue-type/epic.svg';\nimport improvementIcon from '../../../../assets/icons/issue-type/improvement.svg';\nimport incidentIcon from '../../../../assets/icons/issue-type/incident.svg';\nimport infoIcon from '../../../../assets/icons/issue-type/info.svg';\nimport milestoneIcon from '../../../../assets/icons/issue-type/milestone.svg';\nimport newFeatureIcon from '../../../../assets/icons/issue-type/new-feature.svg';\nimport queryIcon from '../../../../assets/icons/issue-type/query.svg';\nimport refactoringIcon from '../../../../assets/icons/issue-type/refactoring.svg';\nimport releaseIcon from '../../../../assets/icons/issue-type/release.svg';\nimport researchIcon from '../../../../assets/icons/issue-type/research.svg';\nimport serviceRequestIcon from '../../../../assets/icons/issue-type/service-request.svg';\nimport storyIcon from '../../../../assets/icons/issue-type/story.svg';\nimport subbugIcon from '../../../../assets/icons/issue-type/subbug.svg';\nimport subtaskIcon from '../../../../assets/icons/issue-type/subtask.svg';\nimport taskIcon from '../../../../assets/icons/issue-type/task.svg';\nimport technicalDebtIcon from '../../../../assets/icons/issue-type/technical-debt.svg';\n\nimport './IssueTypeIcon.scss';\n\nexport type IssueTypeIconProps = Partial<Pick<IconRefugeProps, 'containerClassName' | 'title'>> & {\n    className?: string;\n    size?: number;\n    issueType?: IssueType;\n};\n\nconst getIconData = (issueType: string) => {\n    switch (issueType) {\n        case 'bug':\n            return bugIcon;\n        case 'design':\n            return designIcon;\n        case 'epic':\n            return epicIcon;\n        case 'improvement':\n            return improvementIcon;\n        case 'incident':\n            return incidentIcon;\n        case 'info':\n            return infoIcon;\n        case 'newFeature':\n            return newFeatureIcon;\n        case 'query':\n            return queryIcon;\n        case 'refactoring':\n            return refactoringIcon;\n        case 'release':\n            return releaseIcon;\n        case 'research':\n            return researchIcon;\n        case 'serviceRequest':\n            return serviceRequestIcon;\n        case 'story':\n            return storyIcon;\n        case 'subBug':\n            return subbugIcon;\n        case 'subTask':\n            return subtaskIcon;\n        case 'technicalDebt':\n            return technicalDebtIcon;\n        case 'milestone':\n            return milestoneIcon;\n\n        default:\n            return taskIcon;\n    }\n};\n\nexport const IssueTypeIcon: FC<IssueTypeIconProps> = ({\n    className,\n    containerClassName,\n    issueType = 'task',\n    size = 16,\n    title,\n}) => {\n    const config = getConfig();\n    const {t} = useLocalizedString(defaultMessages, config.lang);\n    const ariaLabel = title && t('type-label', {type: title});\n\n    return (\n        <IconRefuge\n            className={cnIcon({issueType}, [cnIssueTypeIcon({type: issueType}, className)])}\n            containerClassName={containerClassName}\n            data={getIconData(issueType)}\n            refugeSize={size}\n            aria-label={ariaLabel}\n        />\n    );\n};\n\nIssueTypeIcon.displayName = cnIcon();\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_useLocalizedString2","_IconRefuge","_IssueTypeIcon","_i18n","_bug","_design","_epic","_improvement","_incident","_info","_milestone","_newFeature","_query","_refactoring","_release","_research","_serviceRequest","_story","_subbug","_subtask","_task","_technicalDebt","_jsxRuntime","e","__esModule","default","ISSUE_TYPE_ICONS","bug","bugIcon","design","designIcon","epic","epicIcon","improvement","improvementIcon","incident","incidentIcon","info","infoIcon","milestone","milestoneIcon","newFeature","newFeatureIcon","query","queryIcon","refactoring","refactoringIcon","release","releaseIcon","research","researchIcon","serviceRequest","serviceRequestIcon","story","storyIcon","subBug","subbugIcon","subTask","subtaskIcon","task","taskIcon","technicalDebt","technicalDebtIcon","IssueTypeIcon","exports","_ref","_ISSUE_TYPE_ICONS$iss","className","containerClassName","_ref$issueType","issueType","_ref$size","size","title","config","getConfig","_useLocalizedString","useLocalizedString","defaultMessages","lang","t","ariaLabel","type","undefined","_jsx","IconRefuge","cnIssueTypeIcon","data","refugeSize","displayName"],"sources":["IssueTypeIcon.tsx"],"sourcesContent":["import type {FC} from 'react';\nimport React from 'react';\n\nimport {type IconData, getConfig} from '@gravity-ui/uikit';\n\nimport {useLocalizedString} from '~/src/hooks/useLocalizedString';\n\nimport type {IconRefugeProps} from '../IconRefuge';\nimport {IconRefuge} from '../IconRefuge';\n\nimport {cnIssueTypeIcon} from './IssueTypeIcon.classname';\nimport {defaultMessages} from './i18n';\nimport type {IssueType} from './types';\n\nimport bugIcon from '../../../../assets/icons/issue-type/bug.svg';\nimport designIcon from '../../../../assets/icons/issue-type/design.svg';\nimport epicIcon from '../../../../assets/icons/issue-type/epic.svg';\nimport improvementIcon from '../../../../assets/icons/issue-type/improvement.svg';\nimport incidentIcon from '../../../../assets/icons/issue-type/incident.svg';\nimport infoIcon from '../../../../assets/icons/issue-type/info.svg';\nimport milestoneIcon from '../../../../assets/icons/issue-type/milestone.svg';\nimport newFeatureIcon from '../../../../assets/icons/issue-type/new-feature.svg';\nimport queryIcon from '../../../../assets/icons/issue-type/query.svg';\nimport refactoringIcon from '../../../../assets/icons/issue-type/refactoring.svg';\nimport releaseIcon from '../../../../assets/icons/issue-type/release.svg';\nimport researchIcon from '../../../../assets/icons/issue-type/research.svg';\nimport serviceRequestIcon from '../../../../assets/icons/issue-type/service-request.svg';\nimport storyIcon from '../../../../assets/icons/issue-type/story.svg';\nimport subbugIcon from '../../../../assets/icons/issue-type/subbug.svg';\nimport subtaskIcon from '../../../../assets/icons/issue-type/subtask.svg';\nimport taskIcon from '../../../../assets/icons/issue-type/task.svg';\nimport technicalDebtIcon from '../../../../assets/icons/issue-type/technical-debt.svg';\n\nimport './IssueTypeIcon.scss';\n\nexport type IssueTypeIconProps = Partial<Pick<IconRefugeProps, 'containerClassName' | 'title'>> & {\n    className?: string;\n    size?: number;\n    issueType?: IssueType;\n};\n\nconst ISSUE_TYPE_ICONS: Record<IssueType, IconData> = {\n    bug: bugIcon,\n    design: designIcon,\n    epic: epicIcon,\n    improvement: improvementIcon,\n    incident: incidentIcon,\n    info: infoIcon,\n    milestone: milestoneIcon,\n    newFeature: newFeatureIcon,\n    query: queryIcon,\n    refactoring: refactoringIcon,\n    release: releaseIcon,\n    research: researchIcon,\n    serviceRequest: serviceRequestIcon,\n    story: storyIcon,\n    subBug: subbugIcon,\n    subTask: subtaskIcon,\n    task: taskIcon,\n    technicalDebt: technicalDebtIcon,\n};\n\nexport const IssueTypeIcon: FC<IssueTypeIconProps> = ({\n    className,\n    containerClassName,\n    issueType = 'task',\n    size = 16,\n    title,\n}) => {\n    const config = getConfig();\n    const {t} = useLocalizedString(defaultMessages, config.lang);\n    const ariaLabel = title ? t('type-label', {type: issueType}) : undefined;\n\n    return (\n        <IconRefuge\n            className={cnIssueTypeIcon({type: issueType}, className)}\n            containerClassName={containerClassName}\n            data={ISSUE_TYPE_ICONS[issueType] ?? taskIcon}\n            refugeSize={size}\n            title={title}\n            aria-label={ariaLabel}\n            aria-hidden={!title || undefined}\n        />\n    );\n};\n\nIssueTypeIcon.displayName = 'IssueTypeIcon';\n"],"mappings":"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","ignoreList":[]}