@weavix/tracker-components 0.1.2 → 0.1.4

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StatusIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _useLocalizedString2 = require("./../../../hooks/useLocalizedString");
+var _IconRefuge = require("../IconRefuge");
+var _StatusIcon = require("./StatusIcon.classname");
+var _i18n = require("./i18n");
+var _utils = require("./utils");
+require("./StatusIcon.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var StatusIcon = exports.StatusIcon = function StatusIcon(_ref) {
+  var className = _ref.className,
+    containerClassName = _ref.containerClassName,
+    statusType = _ref.statusType,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 16 : _ref$size,
+    title = _ref.title;
+  var config = (0, _uikit.getConfig)();
+  var _useLocalizedString = (0, _useLocalizedString2.useLocalizedString)(_i18n.defaultMessages, config.lang),
+    t = _useLocalizedString.t;
+  var ariaLabel = title ? t('status-label', {
+    status: title
+  }) : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconRefuge.IconRefuge, {
+    containerClassName: containerClassName,
+    className: (0, _StatusIcon.cnStatusIcon)({
+      status: statusType
+    }, className),
+    data: (0, _utils.getSvgForStatusType)(statusType),
+    refugeSize: size,
+    title: title,
+    "aria-label": ariaLabel,
+    "aria-hidden": !title || undefined
+  });
+};
+StatusIcon.displayName = 'StatusIcon';
+// #sourceMappingURL=StatusIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_useLocalizedString2","_IconRefuge","_StatusIcon","_i18n","_utils","_jsxRuntime","e","__esModule","default","StatusIcon","exports","_ref","className","containerClassName","statusType","_ref$size","size","title","config","getConfig","_useLocalizedString","useLocalizedString","defaultMessages","lang","t","ariaLabel","status","undefined","_jsx","IconRefuge","cnStatusIcon","data","getSvgForStatusType","refugeSize","displayName"],"sources":["StatusIcon.tsx"],"sourcesContent":["import React, {type FC} from 'react';\n\nimport {getConfig} from '@gravity-ui/uikit';\n\nimport {useLocalizedString} from '~/src/hooks/useLocalizedString';\n\nimport {IconRefuge, type IconRefugeProps} from '../IconRefuge';\n\nimport {cnStatusIcon} from './StatusIcon.classname';\nimport {defaultMessages} from './i18n';\nimport type {GoalStatus, IssueStatus, MetaEntityStatus} from './types';\nimport {getSvgForStatusType} from './utils';\n\nimport './StatusIcon.scss';\n\nexport type StatusIconProps = Partial<Pick<IconRefugeProps, 'containerClassName' | 'title'>> & {\n    statusType?: IssueStatus | MetaEntityStatus | GoalStatus;\n    size?: number;\n    className?: string;\n};\n\nexport const StatusIcon: FC<StatusIconProps> = ({\n    className,\n    containerClassName,\n    statusType,\n    size = 16,\n    title,\n}) => {\n    const config = getConfig();\n    const {t} = useLocalizedString(defaultMessages, config.lang);\n    const ariaLabel = title ? t('status-label', {status: title}) : undefined;\n\n    return (\n        <IconRefuge\n            containerClassName={containerClassName}\n            className={cnStatusIcon({status: statusType}, className)}\n            data={getSvgForStatusType(statusType)}\n            refugeSize={size}\n            title={title}\n            aria-label={ariaLabel}\n            aria-hidden={!title || undefined}\n        />\n    );\n};\n\nStatusIcon.displayName = 'StatusIcon';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,oBAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAEA,IAAAM,MAAA,GAAAN,OAAA;AAEAA,OAAA;AAA2B,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQpB,IAAMG,UAA+B,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAlCA,UAA+BA,CAAAE,IAAA,EAMtC;EAAA,IALFC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;IAClBC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IAAAC,SAAA,GAAAJ,IAAA,CACVK,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IACTE,KAAK,GAAAN,IAAA,CAALM,KAAK;EAEL,IAAMC,MAAM,GAAG,IAAAC,gBAAS,EAAC,CAAC;EAC1B,IAAAC,mBAAA,GAAY,IAAAC,uCAAkB,EAACC,qBAAe,EAAEJ,MAAM,CAACK,IAAI,CAAC;IAArDC,CAAC,GAAAJ,mBAAA,CAADI,CAAC;EACR,IAAMC,SAAS,GAAGR,KAAK,GAAGO,CAAC,CAAC,cAAc,EAAE;IAACE,MAAM,EAAET;EAAK,CAAC,CAAC,GAAGU,SAAS;EAExE,oBACI,IAAAC,eAAA,EAACC,sBAAU;IACPhB,kBAAkB,EAAEA,kBAAmB;IACvCD,SAAS,EAAE,IAAAkB,wBAAY,EAAC;MAACJ,MAAM,EAAEZ;IAAU,CAAC,EAAEF,SAAS,CAAE;IACzDmB,IAAI,EAAE,IAAAC,0BAAmB,EAAClB,UAAU,CAAE;IACtCmB,UAAU,EAAEjB,IAAK;IACjBC,KAAK,EAAEA,KAAM;IACb,cAAYQ,SAAU;IACtB,eAAa,CAACR,KAAK,IAAIU;EAAU,CACpC,CAAC;AAEV,CAAC;AAEDlB,UAAU,CAACyB,WAAW,GAAG,YAAY","ignoreList":[]}

package/build/cjs/components/Icon/StatusIcon/i18n.d.ts

@@ -0,0 +1,6 @@
+export declare const defaultMessages: {
+    'status-label': {
+        ru: string;
+        en: string;
+    };
+};

package/build/cjs/components/Icon/StatusIcon/i18n.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultMessages = void 0;
+var defaultMessages = exports.defaultMessages = {
+  'status-label': {
+    ru: 'Статус: {status}',
+    en: 'Status: {status}'
+  }
+};
+// #sourceMappingURL=i18n.js.map

package/build/cjs/components/Icon/StatusIcon/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultMessages","exports","ru","en"],"sources":["i18n.ts"],"sourcesContent":["export const defaultMessages = {\n    'status-label': {\n        ru: 'Статус: {status}',\n        en: 'Status: {status}',\n    },\n};\n"],"mappings":";;;;;;AAAO,IAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC3B,cAAc,EAAE;IACZE,EAAE,EAAE,kBAAkB;IACtBC,EAAE,EAAE;EACR;AACJ,CAAC","ignoreList":[]}

package/build/cjs/components/Icon/StatusIcon/index.d.ts

@@ -0,0 +1,3 @@
+export { StatusIcon } from './StatusIcon';
+export type { StatusIconProps } from './StatusIcon';
+export type { GoalStatus, IssueStatus, MetaEntityStatus } from './types';

package/build/cjs/components/Icon/StatusIcon/index.js

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

package/build/cjs/components/Icon/StatusIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_StatusIcon","require"],"sources":["index.ts"],"sourcesContent":["export {StatusIcon} from './StatusIcon';\nexport type {StatusIconProps} from './StatusIcon';\nexport type {GoalStatus, IssueStatus, MetaEntityStatus} from './types';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA","ignoreList":[]}

package/build/cjs/components/Icon/StatusIcon/types.d.ts

@@ -0,0 +1,3 @@
+export type IssueStatus = 'new' | 'inProgress' | 'paused' | 'done' | 'cancelled' | 'unknown';
+export type MetaEntityStatus = 'draft' | 'in_progress' | 'launched' | 'postponed' | 'at_risk' | 'blocked' | 'according_to_plan' | 'draft2' | 'cancelled';
+export type GoalStatus = 'draft' | 'according_to_plan' | 'at_risk' | 'blocked' | 'achieved' | 'partially_achieved' | 'not_achieved' | 'exceeded' | 'cancelled';

package/build/cjs/components/Icon/StatusIcon/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+// #sourceMappingURL=types.js.map

package/build/cjs/components/Icon/StatusIcon/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export type IssueStatus = 'new' | 'inProgress' | 'paused' | 'done' | 'cancelled' | 'unknown';\n\nexport type MetaEntityStatus =\n    | 'draft'\n    | 'in_progress'\n    | 'launched'\n    | 'postponed'\n    | 'at_risk'\n    | 'blocked'\n    | 'according_to_plan'\n    | 'draft2'\n    | 'cancelled';\n\nexport type GoalStatus =\n    | 'draft'\n    | 'according_to_plan'\n    | 'at_risk'\n    | 'blocked'\n    | 'achieved'\n    | 'partially_achieved'\n    | 'not_achieved'\n    | 'exceeded'\n    | 'cancelled';\n"],"mappings":"","ignoreList":[]}

package/build/cjs/components/Icon/StatusIcon/utils.d.ts

@@ -0,0 +1,3 @@
+import { type IconData } from '@gravity-ui/uikit';
+import { GoalStatus, IssueStatus, MetaEntityStatus } from './types';
+export declare function getSvgForStatusType(statusType?: IssueStatus | MetaEntityStatus | GoalStatus): IconData;

package/build/cjs/components/Icon/StatusIcon/utils.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSvgForStatusType = getSvgForStatusType;
+var _icons = require("@gravity-ui/icons");
+function getSvgForStatusType(statusType) {
+  switch (statusType) {
+    case 'new':
+    case 'draft':
+    case 'draft2':
+      return _icons.CircleDashed;
+    case 'done':
+    case 'launched':
+    case 'achieved':
+    case 'partially_achieved':
+      return _icons.CircleCheck;
+    case 'cancelled':
+    case 'not_achieved':
+      return _icons.CircleXmark;
+    case 'inProgress':
+    case 'in_progress':
+    case 'according_to_plan':
+      return _icons.CirclePlay;
+    case 'paused':
+    case 'postponed':
+      return _icons.CirclePause;
+    case 'at_risk':
+      return _icons.CircleExclamation;
+    case 'exceeded':
+      return _icons.SealCheck;
+    case 'blocked':
+      return _icons.CircleStop;
+    default:
+      return _icons.CircleQuestion;
+  }
+}
+// #sourceMappingURL=utils.js.map

package/build/cjs/components/Icon/StatusIcon/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_icons","require","getSvgForStatusType","statusType","CircleDashed","CircleCheck","CircleXmark","CirclePlay","CirclePause","CircleExclamation","SealCheck","CircleStop","CircleQuestion"],"sources":["utils.ts"],"sourcesContent":["import {\n    CircleCheck,\n    CircleDashed,\n    CircleExclamation,\n    CirclePause,\n    CirclePlay,\n    CircleQuestion,\n    CircleStop,\n    CircleXmark,\n    SealCheck,\n} from '@gravity-ui/icons';\nimport {type IconData} from '@gravity-ui/uikit';\n\nimport {GoalStatus, IssueStatus, MetaEntityStatus} from './types';\n\nexport function getSvgForStatusType(\n    statusType?: IssueStatus | MetaEntityStatus | GoalStatus,\n): IconData {\n    switch (statusType) {\n        case 'new':\n        case 'draft':\n        case 'draft2':\n            return CircleDashed;\n        case 'done':\n        case 'launched':\n        case 'achieved':\n        case 'partially_achieved':\n            return CircleCheck;\n        case 'cancelled':\n        case 'not_achieved':\n            return CircleXmark;\n        case 'inProgress':\n        case 'in_progress':\n        case 'according_to_plan':\n            return CirclePlay;\n        case 'paused':\n        case 'postponed':\n            return CirclePause;\n        case 'at_risk':\n            return CircleExclamation;\n        case 'exceeded':\n            return SealCheck;\n        case 'blocked':\n            return CircleStop;\n        default:\n            return CircleQuestion;\n    }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAeO,SAASC,mBAAmBA,CAC/BC,UAAwD,EAChD;EACR,QAAQA,UAAU;IACd,KAAK,KAAK;IACV,KAAK,OAAO;IACZ,KAAK,QAAQ;MACT,OAAOC,mBAAY;IACvB,KAAK,MAAM;IACX,KAAK,UAAU;IACf,KAAK,UAAU;IACf,KAAK,oBAAoB;MACrB,OAAOC,kBAAW;IACtB,KAAK,WAAW;IAChB,KAAK,cAAc;MACf,OAAOC,kBAAW;IACtB,KAAK,YAAY;IACjB,KAAK,aAAa;IAClB,KAAK,mBAAmB;MACpB,OAAOC,iBAAU;IACrB,KAAK,QAAQ;IACb,KAAK,WAAW;MACZ,OAAOC,kBAAW;IACtB,KAAK,SAAS;MACV,OAAOC,wBAAiB;IAC5B,KAAK,UAAU;MACX,OAAOC,gBAAS;IACpB,KAAK,SAAS;MACV,OAAOC,iBAAU;IACrB;MACI,OAAOC,qBAAc;EAC7B;AACJ","ignoreList":[]}

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

@@ -5,4 +5,6 @@ export * from './IssueTypeIcon';
 export * from './KeyResultIcon';
 export * from './MetaEntityIcon';
 export * from './PortfolioIcon';
+export * from './PriorityIcon';
 export * from './ProjectIcon';
+export * from './StatusIcon';

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

@@ -80,6 +80,17 @@ Object.keys(_PortfolioIcon).forEach(function (key) {
     }
   });
 });
+var _PriorityIcon = require("./PriorityIcon");
+Object.keys(_PriorityIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PriorityIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PriorityIcon[key];
+    }
+  });
+});
 var _ProjectIcon = require("./ProjectIcon");
 Object.keys(_ProjectIcon).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -91,4 +102,15 @@ Object.keys(_ProjectIcon).forEach(function (key) {
     }
   });
 });
+var _StatusIcon = require("./StatusIcon");
+Object.keys(_StatusIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _StatusIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _StatusIcon[key];
+    }
+  });
+});
 // #sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_EntityIcon","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_GoalIcon","_IconRefuge","_IssueTypeIcon","_KeyResultIcon","_MetaEntityIcon","_PortfolioIcon","_ProjectIcon"],"sources":["index.ts"],"sourcesContent":["export * from './EntityIcon';\nexport * from './GoalIcon';\nexport * from './IconRefuge';\nexport * from './IssueTypeIcon';\nexport * from './KeyResultIcon';\nexport * from './MetaEntityIcon';\nexport * from './PortfolioIcon';\nexport * from './ProjectIcon';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_EntityIcon","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_GoalIcon","_IconRefuge","_IssueTypeIcon","_KeyResultIcon","_MetaEntityIcon","_PortfolioIcon","_PriorityIcon","_ProjectIcon","_StatusIcon"],"sources":["index.ts"],"sourcesContent":["export * from './EntityIcon';\nexport * from './GoalIcon';\nexport * from './IconRefuge';\nexport * from './IssueTypeIcon';\nexport * from './KeyResultIcon';\nexport * from './MetaEntityIcon';\nexport * from './PortfolioIcon';\nexport * from './PriorityIcon';\nexport * from './ProjectIcon';\nexport * from './StatusIcon';\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/Icon/PriorityIcon/PriorityIcon.classname.d.ts

@@ -0,0 +1 @@
+export declare const cnPriorityIcon: import("@bem-react/classname").ClassNameFormatter;

package/build/esm/components/Icon/PriorityIcon/PriorityIcon.classname.js

@@ -0,0 +1,3 @@
+import { block } from "./../../cn";
+export var cnPriorityIcon = block('priority-icon');
+// #sourceMappingURL=PriorityIcon.classname.js.map

package/build/esm/components/Icon/PriorityIcon/PriorityIcon.classname.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["block","cnPriorityIcon"],"sources":["PriorityIcon.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnPriorityIcon = block('priority-icon');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,cAAc,GAAGD,KAAK,CAAC,eAAe,CAAC","ignoreList":[]}

package/build/esm/components/Icon/PriorityIcon/PriorityIcon.css

@@ -0,0 +1,45 @@
+.tpc-priority-icon_priority_blocker {
+  color: var(--g-color-text-danger);
+}
+.tpc-priority-icon_priority_critical {
+  color: var(--g-color-text-warning-heavy);
+}
+.tpc-priority-icon_priority_critical.tpc-priority-icon_metaEntity {
+  color: var(--g-color-text-danger-heavy);
+}
+.tpc-priority-icon_priority_important {
+  color: var(--g-color-text-warning);
+}
+.tpc-priority-icon_priority_trivial {
+  color: var(--g-color-text-hint);
+}
+.tpc-priority-icon_priority_normal, .tpc-priority-icon_priority_minor, .tpc-priority-icon_priority_minimal {
+  color: var(--g-color-text-secondary);
+}
+.tpc-priority-icon__background {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+}
+.tpc-priority-icon__background_priority_blocker {
+  background: var(--g-color-base-danger-light);
+}
+.tpc-priority-icon__background_priority_critical {
+  background: var(--g-color-base-warning-light);
+}
+.tpc-priority-icon__background_priority_critical.tpc-priority-icon-background_metaEntity {
+  background: var(--g-color-base-danger-light);
+}
+.tpc-priority-icon__background_priority_important {
+  background: var(--g-color-base-warning-light);
+}
+.tpc-priority-icon__background_priority_trivial {
+  background: var(--g-color-base-neutral-light);
+}
+.tpc-priority-icon__background_priority_normal, .tpc-priority-icon__background_priority_minor, .tpc-priority-icon__background_priority_minimal {
+  background: var(--g-color-base-neutral-light);
+}
+/*# sourceMappingURL=PriorityIcon.css.map */

package/build/esm/components/Icon/PriorityIcon/PriorityIcon.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PriorityIcon.scss"],"names":[],"mappings":"AACI;EACI,iCAAA;AAAR;AAGI;EACI,wCAAA;AADR;AAGQ;EACI,uCAAA;AADZ;AAKI;EACI,kCAAA;AAHR;AAMI;EACI,+BAAA;AAJR;AAOI;EAGI,oCAAA;AAPR;AAUI;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EAEA,WAAA;EACA,YAAA;EAEA,kBAAA;AAVR;AAaI;EACI,4CAAA;AAXR;AAcI;EACI,6CAAA;AAZR;AAcQ;EACI,4CAAA;AAZZ;AAgBI;EACI,6CAAA;AAdR;AAiBI;EACI,6CAAA;AAfR;AAkBI;EAGI,6CAAA;AAlBR","file":"PriorityIcon.css","sourcesContent":[".tpc-priority-icon {\n    &_priority_blocker {\n        color: var(--g-color-text-danger);\n    }\n\n    &_priority_critical {\n        color: var(--g-color-text-warning-heavy);\n\n        &.tpc-priority-icon_metaEntity {\n            color: var(--g-color-text-danger-heavy);\n        }\n    }\n\n    &_priority_important {\n        color: var(--g-color-text-warning);\n    }\n\n    &_priority_trivial {\n        color: var(--g-color-text-hint);\n    }\n\n    &_priority_normal,\n    &_priority_minor,\n    &_priority_minimal {\n        color: var(--g-color-text-secondary);\n    }\n\n    &__background {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        width: 100%;\n        height: 100%;\n\n        border-radius: 50%;\n    }\n\n    &__background_priority_blocker {\n        background: var(--g-color-base-danger-light);\n    }\n\n    &__background_priority_critical {\n        background: var(--g-color-base-warning-light);\n\n        &.tpc-priority-icon-background_metaEntity {\n            background: var(--g-color-base-danger-light);\n        }\n    }\n\n    &__background_priority_important {\n        background: var(--g-color-base-warning-light);\n    }\n\n    &__background_priority_trivial {\n        background: var(--g-color-base-neutral-light);\n    }\n\n    &__background_priority_normal,\n    &__background_priority_minor,\n    &__background_priority_minimal {\n        background: var(--g-color-base-neutral-light);\n    }\n}\n"],"sourceRoot":""}

package/build/esm/components/Icon/PriorityIcon/PriorityIcon.d.ts

@@ -0,0 +1,13 @@
+import { type FC } from 'react';
+import type { IconRefugeProps } from '../IconRefuge';
+import type { Priority } from './types';
+import './PriorityIcon.scss';
+export type PriorityIconProps = Partial<Pick<IconRefugeProps, 'containerClassName' | 'title'>> & {
+    className?: string;
+    size?: number;
+    priority?: Priority;
+    showBackground?: boolean;
+    backgroundSize?: number;
+    metaEntity?: boolean;
+};
+export declare const PriorityIcon: FC<PriorityIconProps>;

package/build/esm/components/Icon/PriorityIcon/PriorityIcon.js

@@ -0,0 +1,73 @@
+import React from 'react';
+import { ChevronDownWide, ChevronUpWide, ChevronsDownWide, ChevronsUpWide, CircleExclamation, Equal } from '@gravity-ui/icons';
+import { getConfig } from '@gravity-ui/uikit';
+import { useLocalizedString } from "./../../../hooks/useLocalizedString";
+import { IconRefuge } from "../IconRefuge";
+import { cnPriorityIcon } from "./PriorityIcon.classname";
+import { defaultMessages } from "./i18n";
+import "./PriorityIcon.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var getIconData = function getIconData(priority, metaEntity) {
+  switch (priority) {
+    case 'blocker':
+      return CircleExclamation;
+    case 'critical':
+      return metaEntity ? CircleExclamation : ChevronsUpWide;
+    case 'minor':
+      return ChevronDownWide;
+    case 'trivial':
+    case 'minimal':
+      return ChevronsDownWide;
+    case 'important':
+      return ChevronUpWide;
+    default:
+      return Equal;
+  }
+};
+export var PriorityIcon = function PriorityIcon(_ref) {
+  var className = _ref.className,
+    containerClassName = _ref.containerClassName,
+    _ref$priority = _ref.priority,
+    priority = _ref$priority === void 0 ? 'normal' : _ref$priority,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 16 : _ref$size,
+    title = _ref.title,
+    showBackground = _ref.showBackground,
+    backgroundSize = _ref.backgroundSize,
+    metaEntity = _ref.metaEntity;
+  var config = getConfig();
+  var _useLocalizedString = useLocalizedString(defaultMessages, config.lang),
+    t = _useLocalizedString.t;
+  var ariaLabel = title ? t('priority-label', {
+    priority: title
+  }) : undefined;
+  var iconNode = /*#__PURE__*/_jsx(IconRefuge, {
+    containerClassName: containerClassName,
+    className: cnPriorityIcon({
+      priority: priority,
+      metaEntity: metaEntity
+    }, className),
+    data: getIconData(priority, metaEntity),
+    refugeSize: size,
+    title: title,
+    "aria-label": ariaLabel,
+    "aria-hidden": !title || undefined
+  });
+  if (!showBackground) {
+    return iconNode;
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: cnPriorityIcon('background', {
+      priority: priority,
+      metaEntity: metaEntity
+    }),
+    style: backgroundSize ? {
+      width: backgroundSize,
+      height: backgroundSize,
+      minWidth: backgroundSize
+    } : undefined,
+    children: iconNode
+  });
+};
+PriorityIcon.displayName = 'PriorityIcon';
+// #sourceMappingURL=PriorityIcon.js.map

package/build/esm/components/Icon/PriorityIcon/PriorityIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ChevronDownWide","ChevronUpWide","ChevronsDownWide","ChevronsUpWide","CircleExclamation","Equal","getConfig","useLocalizedString","IconRefuge","cnPriorityIcon","defaultMessages","jsx","_jsx","getIconData","priority","metaEntity","PriorityIcon","_ref","className","containerClassName","_ref$priority","_ref$size","size","title","showBackground","backgroundSize","config","_useLocalizedString","lang","t","ariaLabel","undefined","iconNode","data","refugeSize","style","width","height","minWidth","children","displayName"],"sources":["PriorityIcon.tsx"],"sourcesContent":["import React, {type FC} from 'react';\n\nimport {\n    ChevronDownWide,\n    ChevronUpWide,\n    ChevronsDownWide,\n    ChevronsUpWide,\n    CircleExclamation,\n    Equal,\n} from '@gravity-ui/icons';\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 {cnPriorityIcon} from './PriorityIcon.classname';\nimport {defaultMessages} from './i18n';\nimport type {Priority} from './types';\n\nimport './PriorityIcon.scss';\n\nexport type PriorityIconProps = Partial<Pick<IconRefugeProps, 'containerClassName' | 'title'>> & {\n    className?: string;\n    size?: number;\n    priority?: Priority;\n    showBackground?: boolean;\n    backgroundSize?: number;\n    metaEntity?: boolean;\n};\n\nconst getIconData = (priority: Priority, metaEntity?: boolean): IconData => {\n    switch (priority) {\n        case 'blocker':\n            return CircleExclamation;\n        case 'critical':\n            return metaEntity ? CircleExclamation : ChevronsUpWide;\n        case 'minor':\n            return ChevronDownWide;\n        case 'trivial':\n        case 'minimal':\n            return ChevronsDownWide;\n        case 'important':\n            return ChevronUpWide;\n        default:\n            return Equal;\n    }\n};\n\nexport const PriorityIcon: FC<PriorityIconProps> = ({\n    className,\n    containerClassName,\n    priority = 'normal',\n    size = 16,\n    title,\n    showBackground,\n    backgroundSize,\n    metaEntity,\n}) => {\n    const config = getConfig();\n    const {t} = useLocalizedString(defaultMessages, config.lang);\n    const ariaLabel = title ? t('priority-label', {priority: title}) : undefined;\n\n    const iconNode = (\n        <IconRefuge\n            containerClassName={containerClassName}\n            className={cnPriorityIcon({priority, metaEntity}, className)}\n            data={getIconData(priority, metaEntity)}\n            refugeSize={size}\n            title={title}\n            aria-label={ariaLabel}\n            aria-hidden={!title || undefined}\n        />\n    );\n\n    if (!showBackground) {\n        return iconNode;\n    }\n\n    return (\n        <div\n            className={cnPriorityIcon('background', {priority, metaEntity})}\n            style={\n                backgroundSize\n                    ? {\n                          width: backgroundSize,\n                          height: backgroundSize,\n                          minWidth: backgroundSize,\n                      }\n                    : undefined\n            }\n        >\n            {iconNode}\n        </div>\n    );\n};\n\nPriorityIcon.displayName = 'PriorityIcon';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAiB,OAAO;AAEpC,SACIC,eAAe,EACfC,aAAa,EACbC,gBAAgB,EAChBC,cAAc,EACdC,iBAAiB,EACjBC,KAAK,QACF,mBAAmB;AAC1B,SAAuBC,SAAS,QAAO,mBAAmB;AAE1D,SAAQC,kBAAkB;AAG1B,SAAQC,UAAU;AAElB,SAAQC,cAAc;AACtB,SAAQC,eAAe;AAGvB;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAW7B,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,QAAkB,EAAEC,UAAoB,EAAe;EACxE,QAAQD,QAAQ;IACZ,KAAK,SAAS;MACV,OAAOV,iBAAiB;IAC5B,KAAK,UAAU;MACX,OAAOW,UAAU,GAAGX,iBAAiB,GAAGD,cAAc;IAC1D,KAAK,OAAO;MACR,OAAOH,eAAe;IAC1B,KAAK,SAAS;IACd,KAAK,SAAS;MACV,OAAOE,gBAAgB;IAC3B,KAAK,WAAW;MACZ,OAAOD,aAAa;IACxB;MACI,OAAOI,KAAK;EACpB;AACJ,CAAC;AAED,OAAO,IAAMW,YAAmC,GAAG,SAAtCA,YAAmCA,CAAAC,IAAA,EAS1C;EAAA,IARFC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;IAAAC,aAAA,GAAAH,IAAA,CAClBH,QAAQ;IAARA,QAAQ,GAAAM,aAAA,cAAG,QAAQ,GAAAA,aAAA;IAAAC,SAAA,GAAAJ,IAAA,CACnBK,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IACTE,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,cAAc,GAAAP,IAAA,CAAdO,cAAc;IACdC,cAAc,GAAAR,IAAA,CAAdQ,cAAc;IACdV,UAAU,GAAAE,IAAA,CAAVF,UAAU;EAEV,IAAMW,MAAM,GAAGpB,SAAS,CAAC,CAAC;EAC1B,IAAAqB,mBAAA,GAAYpB,kBAAkB,CAACG,eAAe,EAAEgB,MAAM,CAACE,IAAI,CAAC;IAArDC,CAAC,GAAAF,mBAAA,CAADE,CAAC;EACR,IAAMC,SAAS,GAAGP,KAAK,GAAGM,CAAC,CAAC,gBAAgB,EAAE;IAACf,QAAQ,EAAES;EAAK,CAAC,CAAC,GAAGQ,SAAS;EAE5E,IAAMC,QAAQ,gBACVpB,IAAA,CAACJ,UAAU;IACPW,kBAAkB,EAAEA,kBAAmB;IACvCD,SAAS,EAAET,cAAc,CAAC;MAACK,QAAQ,EAARA,QAAQ;MAAEC,UAAU,EAAVA;IAAU,CAAC,EAAEG,SAAS,CAAE;IAC7De,IAAI,EAAEpB,WAAW,CAACC,QAAQ,EAAEC,UAAU,CAAE;IACxCmB,UAAU,EAAEZ,IAAK;IACjBC,KAAK,EAAEA,KAAM;IACb,cAAYO,SAAU;IACtB,eAAa,CAACP,KAAK,IAAIQ;EAAU,CACpC,CACJ;EAED,IAAI,CAACP,cAAc,EAAE;IACjB,OAAOQ,QAAQ;EACnB;EAEA,oBACIpB,IAAA;IACIM,SAAS,EAAET,cAAc,CAAC,YAAY,EAAE;MAACK,QAAQ,EAARA,QAAQ;MAAEC,UAAU,EAAVA;IAAU,CAAC,CAAE;IAChEoB,KAAK,EACDV,cAAc,GACR;MACIW,KAAK,EAAEX,cAAc;MACrBY,MAAM,EAAEZ,cAAc;MACtBa,QAAQ,EAAEb;IACd,CAAC,GACDM,SACT;IAAAQ,QAAA,EAEAP;EAAQ,CACR,CAAC;AAEd,CAAC;AAEDhB,YAAY,CAACwB,WAAW,GAAG,cAAc","ignoreList":[]}

package/build/esm/components/Icon/PriorityIcon/PriorityIcon.scss

@@ -0,0 +1,64 @@
+.tpc-priority-icon {
+    &_priority_blocker {
+        color: var(--g-color-text-danger);
+    }
+
+    &_priority_critical {
+        color: var(--g-color-text-warning-heavy);
+
+        &.tpc-priority-icon_metaEntity {
+            color: var(--g-color-text-danger-heavy);
+        }
+    }
+
+    &_priority_important {
+        color: var(--g-color-text-warning);
+    }
+
+    &_priority_trivial {
+        color: var(--g-color-text-hint);
+    }
+
+    &_priority_normal,
+    &_priority_minor,
+    &_priority_minimal {
+        color: var(--g-color-text-secondary);
+    }
+
+    &__background {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        width: 100%;
+        height: 100%;
+
+        border-radius: 50%;
+    }
+
+    &__background_priority_blocker {
+        background: var(--g-color-base-danger-light);
+    }
+
+    &__background_priority_critical {
+        background: var(--g-color-base-warning-light);
+
+        &.tpc-priority-icon-background_metaEntity {
+            background: var(--g-color-base-danger-light);
+        }
+    }
+
+    &__background_priority_important {
+        background: var(--g-color-base-warning-light);
+    }
+
+    &__background_priority_trivial {
+        background: var(--g-color-base-neutral-light);
+    }
+
+    &__background_priority_normal,
+    &__background_priority_minor,
+    &__background_priority_minimal {
+        background: var(--g-color-base-neutral-light);
+    }
+}

package/build/esm/components/Icon/PriorityIcon/README.md

@@ -0,0 +1,172 @@
+# PriorityIcon
+
+<!-- description:start -->
+Displays the icon for a Tracker issue priority level (blocker, critical, normal, minor, etc.). Each priority maps to a distinct icon and color. Unknown priority keys fall back to the normal icon.
+<!-- description:end -->
+
+## Usage
+
+```tsx
+import {PriorityIcon} from '@weavix/tracker-components';
+
+<PriorityIcon priority="critical" />
+```
+
+## Component props
+
+<!-- props:start -->
+```ts
+{
+    /**
+     * Priority key. Known values are listed below; any other string is
+     * accepted and falls back to the normal icon.
+     */
+    priority?:
+        | 'blocker'
+        | 'critical'
+        | 'important'
+        | 'minor'
+        | 'minimal'
+        | 'normal'
+        | 'trivial'
+        | string;
+
+    /**
+     * Size of the icon in pixels.
+     * @default 16
+     */
+    size?: number;
+
+    /**
+     * Additional CSS class applied to the icon element.
+     */
+    className?: string;
+
+    /**
+     * Additional CSS class applied to the outer container element.
+     */
+    containerClassName?: string;
+
+    /**
+     * Human-readable display name for the priority (e.g. `"Critical"`, `"Normal"`).
+     * When provided, an accessible label `"Priority: <title>"` is rendered for
+     * screen readers. When omitted, the icon is treated as decorative (`aria-hidden`).
+     */
+    title?: string;
+
+    /**
+     * When true, renders a circular colored background behind the icon.
+     */
+    showBackground?: boolean;
+
+    /**
+     * Size of the background circle in pixels. Only used when `showBackground` is true.
+     */
+    backgroundSize?: number;
+
+    /**
+     * When true, applies meta-entity color variants (e.g. `critical` uses
+     * the blocker icon and danger color instead of warning).
+     */
+    metaEntity?: boolean;
+}
+```
+<!-- props:end -->
+
+---
+
+## Examples
+
+### Single icon
+
+```tsx
+import {PriorityIcon} from '@weavix/tracker-components';
+
+<PriorityIcon priority="blocker" />
+<PriorityIcon priority="critical" />
+<PriorityIcon priority="normal" />
+```
+
+### Custom size
+
+```tsx
+<PriorityIcon priority="critical" size={24} />
+<PriorityIcon priority="critical" size={32} />
+```
+
+### With background
+
+```tsx
+<PriorityIcon priority="blocker" showBackground backgroundSize={32} />
+```
+
+### Alongside issue summary
+
+```tsx
+import {PriorityIcon} from '@weavix/tracker-components';
+
+export const IssueRow = ({issue}: {issue: {priority: string; summary: string}}) => (
+    <div style={{display: 'flex', alignItems: 'center', gap: 8}}>
+        <PriorityIcon priority={issue.priority} size={16} />
+        <span>{issue.summary}</span>
+    </div>
+);
+```
+
+### All known priorities
+
+```tsx
+import {PriorityIcon} from '@weavix/tracker-components';
+
+const PRIORITIES = [
+    'blocker', 'critical', 'important', 'normal', 'minor', 'minimal', 'trivial',
+] as const;
+
+export const PriorityGallery = () => (
+    <div style={{display: 'flex', flexWrap: 'wrap', gap: 16}}>
+        {PRIORITIES.map((p) => (
+            <div key={p} style={{display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 4}}>
+                <PriorityIcon priority={p} size={24} />
+                <span style={{fontSize: 11}}>{p}</span>
+            </div>
+        ))}
+    </div>
+);
+```
+
+### From Tracker API
+
+Requires the `"tracker:issues:read"` permission in your plugin's `manifest.json`:
+
+```json
+{
+    "permissions": {
+        "data": ["tracker:issues:read"]
+    }
+}
+```
+
+```tsx
+import {PriorityIcon} from '@weavix/tracker-components';
+
+const priority = await trackerApi.v3.get['/issues/{id}/{field}']({
+    pathParams: {
+        id: 'ISSUEKEY-1',
+        field: 'priority',
+    },
+});
+
+<PriorityIcon
+    priority={priority.data.key}
+    title={priority.data.display}
+/>
+```
+
+---
+
+## Notes
+
+- The `priority` value is matched case-sensitively against the known keys. Values returned by the Tracker API (e.g. `"blocker"`, `"critical"`) match directly without transformation.
+- Passing an unknown string does not throw — the component renders the normal (default) icon.
+- When `title` is omitted the icon is treated as decorative and gets `aria-hidden="true"`. Pass `title` (e.g. `priority.display` from the API) to make the icon accessible.
+- The `metaEntity` prop changes the icon and color for `critical` priority to match the blocker appearance, used in meta-entity contexts like goals and projects.

package/build/esm/components/Icon/PriorityIcon/i18n.d.ts

@@ -0,0 +1,6 @@
+export declare const defaultMessages: {
+    'priority-label': {
+        ru: string;
+        en: string;
+    };
+};

package/build/esm/components/Icon/PriorityIcon/i18n.js

@@ -0,0 +1,7 @@
+export var defaultMessages = {
+  'priority-label': {
+    ru: 'Приоритет: {priority}',
+    en: 'Priority: {priority}'
+  }
+};
+// #sourceMappingURL=i18n.js.map