@weavix/tracker-components 0.1.1 → 0.1.3

package/build/esm/components/Icon/{Icon.scss → PriorityIcon/PriorityIcon.scss}

@@ -1,10 +1,18 @@
-.tpc-Icon {
+.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 {
@@ -12,11 +20,12 @@
     }
 
     &_priority_normal,
-    &_priority_minor {
+    &_priority_minor,
+    &_priority_minimal {
         color: var(--g-color-text-secondary);
     }
 
-    &-background {
+    &__background {
         display: flex;
         align-items: center;
         justify-content: center;
@@ -27,20 +36,29 @@
         border-radius: 50%;
     }
 
-    &-background_priority_blocker {
+    &__background_priority_blocker {
         background: var(--g-color-base-danger-light);
     }
 
-    &-background_priority_critical {
+    &__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_priority_trivial {
         background: var(--g-color-base-neutral-light);
     }
 
-    &-background_priority_normal,
-    &-background_priority_minor {
+    &__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

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

@@ -0,0 +1 @@
+{"version":3,"names":["defaultMessages","ru","en"],"sources":["i18n.ts"],"sourcesContent":["export const defaultMessages = {\n    'priority-label': {\n        ru: 'Приоритет: {priority}',\n        en: 'Priority: {priority}',\n    },\n};\n"],"mappings":"AAAA,OAAO,IAAMA,eAAe,GAAG;EAC3B,gBAAgB,EAAE;IACdC,EAAE,EAAE,uBAAuB;IAC3BC,EAAE,EAAE;EACR;AACJ,CAAC","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+export { PriorityIcon } from './PriorityIcon';
+export type { PriorityIconProps } from './PriorityIcon';
+export type { Priority } from './types';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["PriorityIcon"],"sources":["index.ts"],"sourcesContent":["export {PriorityIcon} from './PriorityIcon';\nexport type {PriorityIconProps} from './PriorityIcon';\nexport type {Priority} from './types';\n"],"mappings":"AAAA,SAAQA,YAAY","ignoreList":[]}

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

@@ -0,0 +1 @@
+export type Priority = 'blocker' | 'critical' | 'important' | 'minor' | 'minimal' | 'normal' | 'trivial';

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

@@ -0,0 +1,2 @@
+export {};
+// #sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export type Priority =\n    | 'blocker'\n    | 'critical'\n    | 'important'\n    | 'minor'\n    | 'minimal'\n    | 'normal'\n    | 'trivial';\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,128 @@
+# StatusIcon
+
+<!-- description:start -->
+Displays the icon for a Tracker issue status. Each status type maps to a distinct SVG icon and color. Unknown status keys fall back to a question-mark icon.
+<!-- description:end -->
+
+## Usage
+
+```tsx
+import {StatusIcon} from '@weavix/tracker-components';
+
+<StatusIcon statusType="inProgress" />
+```
+
+## Component props
+
+<!-- props:start -->
+```ts
+{
+    /**
+     * Status type/key from the Tracker API. Accepts `IssueStatus` values.
+     * Unknown values fall back to a question-mark icon.
+     */
+    statusType?:
+        | 'new'
+        | 'inProgress'
+        | 'paused'
+        | 'done'
+        | 'cancelled'
+        | 'unknown'
+        | 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 status name (e.g. `"In progress"`, `"Done"`).
+     * When provided, an accessible label `"Status: <title>"` is rendered for
+     * screen readers. When omitted, the icon is treated as decorative (`aria-hidden`).
+     */
+    title?: string;
+}
+```
+<!-- props:end -->
+
+---
+
+## Examples
+
+### Single icon
+
+```tsx
+import {StatusIcon} from '@weavix/tracker-components';
+
+<StatusIcon statusType="new" />
+<StatusIcon statusType="inProgress" />
+<StatusIcon statusType="done" />
+```
+
+### Custom size
+
+```tsx
+<StatusIcon statusType="inProgress" size={24} />
+<StatusIcon statusType="inProgress" size={32} />
+```
+
+### Alongside issue summary
+
+```tsx
+import {StatusIcon} from '@weavix/tracker-components';
+
+export const IssueRow = ({issue}: {issue: {statusType: string; summary: string}}) => (
+    <div style={{display: 'flex', alignItems: 'center', gap: 8}}>
+        <StatusIcon statusType={issue.statusType} size={16} />
+        <span>{issue.summary}</span>
+    </div>
+);
+```
+
+### From Tracker API — issue status
+
+Requires the `"tracker:issues:read"` permission in your plugin's `manifest.json`:
+
+```json
+{
+    "permissions": {
+        "data": ["tracker:issues:read"]
+    }
+}
+```
+
+```tsx
+import {StatusIcon} from '@weavix/tracker-components';
+
+const status = await trackerApi.v3.get['/issues/{id}/{field}']({
+    pathParams: {
+        id: 'ISSUEKEY-1',
+        field: 'status',
+    },
+});
+
+<StatusIcon
+    statusType={status.data.key}
+    title={status.data.display}
+/>
+```
+
+---
+
+## Notes
+
+- The `statusType` value is matched case-sensitively. Values returned by the Tracker API match directly without transformation.
+- Passing an unknown string does not throw — the component renders a question-mark fallback icon.
+- When `title` is omitted the icon is treated as decorative and gets `aria-hidden="true"`. Pass `title` (e.g. `status.display` from the API) to make the icon accessible.
+- The component accepts the `IssueStatus` type union (issue statuses), which is exported from the package.

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

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

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

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

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

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

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

@@ -0,0 +1,28 @@
+.tpc-status-icon_status_new, .tpc-status-icon_status_draft {
+  color: var(--g-color-text-misc-heavy);
+}
+.tpc-status-icon_status_inProgress, .tpc-status-icon_status_in_progress {
+  color: var(--g-color-text-info);
+}
+.tpc-status-icon_status_paused, .tpc-status-icon_status_at_risk {
+  color: var(--g-color-text-warning-heavy);
+}
+.tpc-status-icon_status_postponed, .tpc-status-icon_status_draft2 {
+  color: var(--g-color-base-neutral-heavy);
+}
+.tpc-status-icon_status_done, .tpc-status-icon_status_launched, .tpc-status-icon_status_achieved, .tpc-status-icon_status_partially_achieved, .tpc-status-icon_status_according_to_plan {
+  color: var(--g-color-text-positive);
+}
+.tpc-status-icon_status_cancelled {
+  color: var(--g-color-text-complementary);
+}
+.tpc-status-icon_status_blocked, .tpc-status-icon_status_not_achieved {
+  color: var(--g-color-text-danger-heavy);
+}
+.tpc-status-icon_status_exceeded {
+  color: var(--g-color-text-utility);
+}
+.tpc-status-icon_status_unknown {
+  color: var(--g-color-text-misc-heavy);
+}
+/*# sourceMappingURL=StatusIcon.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["StatusIcon.scss"],"names":[],"mappings":"AACI;EAEI,qCAAA;AADR;AAII;EAEI,+BAAA;AAHR;AAMI;EAEI,wCAAA;AALR;AAQI;EAEI,wCAAA;AAPR;AAUI;EAKI,mCAAA;AAZR;AAeI;EACI,wCAAA;AAbR;AAgBI;EAEI,uCAAA;AAfR;AAkBI;EACI,kCAAA;AAhBR;AAmBI;EACI,qCAAA;AAjBR","file":"StatusIcon.css","sourcesContent":[".tpc-status-icon {\n    &_status_new,\n    &_status_draft {\n        color: var(--g-color-text-misc-heavy);\n    }\n\n    &_status_inProgress,\n    &_status_in_progress {\n        color: var(--g-color-text-info);\n    }\n\n    &_status_paused,\n    &_status_at_risk {\n        color: var(--g-color-text-warning-heavy);\n    }\n\n    &_status_postponed,\n    &_status_draft2 {\n        color: var(--g-color-base-neutral-heavy);\n    }\n\n    &_status_done,\n    &_status_launched,\n    &_status_achieved,\n    &_status_partially_achieved,\n    &_status_according_to_plan {\n        color: var(--g-color-text-positive);\n    }\n\n    &_status_cancelled {\n        color: var(--g-color-text-complementary);\n    }\n\n    &_status_blocked,\n    &_status_not_achieved {\n        color: var(--g-color-text-danger-heavy);\n    }\n\n    &_status_exceeded {\n        color: var(--g-color-text-utility);\n    }\n\n    &_status_unknown {\n        color: var(--g-color-text-misc-heavy);\n    }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,10 @@
+import { type FC } from 'react';
+import { type IconRefugeProps } from '../IconRefuge';
+import type { GoalStatus, IssueStatus, MetaEntityStatus } from './types';
+import './StatusIcon.scss';
+export type StatusIconProps = Partial<Pick<IconRefugeProps, 'containerClassName' | 'title'>> & {
+    statusType?: IssueStatus | MetaEntityStatus | GoalStatus;
+    size?: number;
+    className?: string;
+};
+export declare const StatusIcon: FC<StatusIconProps>;

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { getConfig } from '@gravity-ui/uikit';
+import { useLocalizedString } from "./../../../hooks/useLocalizedString";
+import { IconRefuge } from "../IconRefuge";
+import { cnStatusIcon } from "./StatusIcon.classname";
+import { defaultMessages } from "./i18n";
+import { getSvgForStatusType } from "./utils";
+import "./StatusIcon.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var 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 = getConfig();
+  var _useLocalizedString = useLocalizedString(defaultMessages, config.lang),
+    t = _useLocalizedString.t;
+  var ariaLabel = title ? t('status-label', {
+    status: title
+  }) : undefined;
+  return /*#__PURE__*/_jsx(IconRefuge, {
+    containerClassName: containerClassName,
+    className: cnStatusIcon({
+      status: statusType
+    }, className),
+    data: getSvgForStatusType(statusType),
+    refugeSize: size,
+    title: title,
+    "aria-label": ariaLabel,
+    "aria-hidden": !title || undefined
+  });
+};
+StatusIcon.displayName = 'StatusIcon';
+// #sourceMappingURL=StatusIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","getConfig","useLocalizedString","IconRefuge","cnStatusIcon","defaultMessages","getSvgForStatusType","jsx","_jsx","StatusIcon","_ref","className","containerClassName","statusType","_ref$size","size","title","config","_useLocalizedString","lang","t","ariaLabel","status","undefined","data","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,OAAOA,KAAK,MAAiB,OAAO;AAEpC,SAAQC,SAAS,QAAO,mBAAmB;AAE3C,SAAQC,kBAAkB;AAE1B,SAAQC,UAAU;AAElB,SAAQC,YAAY;AACpB,SAAQC,eAAe;AAEvB,SAAQC,mBAAmB;AAE3B;AAA2B,SAAAC,GAAA,IAAAC,IAAA;AAQ3B,OAAO,IAAMC,UAA+B,GAAG,SAAlCA,UAA+BA,CAAAC,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,GAAGhB,SAAS,CAAC,CAAC;EAC1B,IAAAiB,mBAAA,GAAYhB,kBAAkB,CAACG,eAAe,EAAEY,MAAM,CAACE,IAAI,CAAC;IAArDC,CAAC,GAAAF,mBAAA,CAADE,CAAC;EACR,IAAMC,SAAS,GAAGL,KAAK,GAAGI,CAAC,CAAC,cAAc,EAAE;IAACE,MAAM,EAAEN;EAAK,CAAC,CAAC,GAAGO,SAAS;EAExE,oBACIf,IAAA,CAACL,UAAU;IACPS,kBAAkB,EAAEA,kBAAmB;IACvCD,SAAS,EAAEP,YAAY,CAAC;MAACkB,MAAM,EAAET;IAAU,CAAC,EAAEF,SAAS,CAAE;IACzDa,IAAI,EAAElB,mBAAmB,CAACO,UAAU,CAAE;IACtCY,UAAU,EAAEV,IAAK;IACjBC,KAAK,EAAEA,KAAM;IACb,cAAYK,SAAU;IACtB,eAAa,CAACL,KAAK,IAAIO;EAAU,CACpC,CAAC;AAEV,CAAC;AAEDd,UAAU,CAACiB,WAAW,GAAG,YAAY","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+.tpc-status-icon {
+    &_status_new,
+    &_status_draft {
+        color: var(--g-color-text-misc-heavy);
+    }
+
+    &_status_inProgress,
+    &_status_in_progress {
+        color: var(--g-color-text-info);
+    }
+
+    &_status_paused,
+    &_status_at_risk {
+        color: var(--g-color-text-warning-heavy);
+    }
+
+    &_status_postponed,
+    &_status_draft2 {
+        color: var(--g-color-base-neutral-heavy);
+    }
+
+    &_status_done,
+    &_status_launched,
+    &_status_achieved,
+    &_status_partially_achieved,
+    &_status_according_to_plan {
+        color: var(--g-color-text-positive);
+    }
+
+    &_status_cancelled {
+        color: var(--g-color-text-complementary);
+    }
+
+    &_status_blocked,
+    &_status_not_achieved {
+        color: var(--g-color-text-danger-heavy);
+    }
+
+    &_status_exceeded {
+        color: var(--g-color-text-utility);
+    }
+
+    &_status_unknown {
+        color: var(--g-color-text-misc-heavy);
+    }
+}

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

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

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

@@ -0,0 +1,7 @@
+export var defaultMessages = {
+  'status-label': {
+    ru: 'Статус: {status}',
+    en: 'Status: {status}'
+  }
+};
+// #sourceMappingURL=i18n.js.map

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

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

package/build/esm/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/esm/components/Icon/StatusIcon/index.js

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

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

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

package/build/esm/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/esm/components/Icon/StatusIcon/types.js

@@ -0,0 +1,2 @@
+export {};
+// #sourceMappingURL=types.js.map

package/build/esm/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/esm/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/esm/components/Icon/StatusIcon/utils.js

@@ -0,0 +1,33 @@
+import { CircleCheck, CircleDashed, CircleExclamation, CirclePause, CirclePlay, CircleQuestion, CircleStop, CircleXmark, SealCheck } from '@gravity-ui/icons';
+export function getSvgForStatusType(statusType) {
+  switch (statusType) {
+    case 'new':
+    case 'draft':
+    case 'draft2':
+      return CircleDashed;
+    case 'done':
+    case 'launched':
+    case 'achieved':
+    case 'partially_achieved':
+      return CircleCheck;
+    case 'cancelled':
+    case 'not_achieved':
+      return CircleXmark;
+    case 'inProgress':
+    case 'in_progress':
+    case 'according_to_plan':
+      return CirclePlay;
+    case 'paused':
+    case 'postponed':
+      return CirclePause;
+    case 'at_risk':
+      return CircleExclamation;
+    case 'exceeded':
+      return SealCheck;
+    case 'blocked':
+      return CircleStop;
+    default:
+      return CircleQuestion;
+  }
+}
+// #sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CircleCheck","CircleDashed","CircleExclamation","CirclePause","CirclePlay","CircleQuestion","CircleStop","CircleXmark","SealCheck","getSvgForStatusType","statusType"],"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,SACIA,WAAW,EACXC,YAAY,EACZC,iBAAiB,EACjBC,WAAW,EACXC,UAAU,EACVC,cAAc,EACdC,UAAU,EACVC,WAAW,EACXC,SAAS,QACN,mBAAmB;AAK1B,OAAO,SAASC,mBAAmBA,CAC/BC,UAAwD,EAChD;EACR,QAAQA,UAAU;IACd,KAAK,KAAK;IACV,KAAK,OAAO;IACZ,KAAK,QAAQ;MACT,OAAOT,YAAY;IACvB,KAAK,MAAM;IACX,KAAK,UAAU;IACf,KAAK,UAAU;IACf,KAAK,oBAAoB;MACrB,OAAOD,WAAW;IACtB,KAAK,WAAW;IAChB,KAAK,cAAc;MACf,OAAOO,WAAW;IACtB,KAAK,YAAY;IACjB,KAAK,aAAa;IAClB,KAAK,mBAAmB;MACpB,OAAOH,UAAU;IACrB,KAAK,QAAQ;IACb,KAAK,WAAW;MACZ,OAAOD,WAAW;IACtB,KAAK,SAAS;MACV,OAAOD,iBAAiB;IAC5B,KAAK,UAAU;MACX,OAAOM,SAAS;IACpB,KAAK,SAAS;MACV,OAAOF,UAAU;IACrB;MACI,OAAOD,cAAc;EAC7B;AACJ","ignoreList":[]}