@weavix/tracker-components 0.0.3 → 0.1.1

package/build/esm/components/MetaEntitiesSelect/README.md

@@ -0,0 +1,183 @@
+# MetaEntitiesSelect
+
+<!-- description:start -->
+A suggest-based select component for choosing Tracker meta entities (projects, portfolios, goals, or reports) inside a plugin. Renders each entity with its icon and display name, supports async item fetching, loading states, error display, and a clear button.
+<!-- description:end -->
+
+## Usage
+
+```tsx
+import {MetaEntitiesSelect} from '@weavix/tracker-components';
+import type {MetaEntitiesSelectProps} from '@weavix/tracker-components';
+import type {MetaEntityV2} from '@weavix/tracker-api-types';
+
+<MetaEntitiesSelect
+    getItems={(text) => fetchProjects(text)}
+    onChange={(entity) => console.log('selected', entity)}
+/>;
+```
+
+## Component props
+
+<!-- props:start -->
+```ts
+{
+    /**
+     * Async or sync function called to fetch items.
+     * Receives the current text input and should return a list of MetaEntityV2 objects.
+     * Called on mount (getItemsOnMount) and on every text change.
+     */
+    getItems?: (text: string) => MetaEntityV2[] | Promise<MetaEntityV2[]>;
+
+    /**
+     * Callback fired when the user selects an entity from the suggest list.
+     */
+    onChange?: (entity: MetaEntityV2) => void;
+
+    /**
+     * Callback fired when the text input value changes.
+     */
+    onTextChange?: (text: string) => void;
+
+    /**
+     * Current text value of the input (controlled).
+     */
+    text?: string;
+
+    /**
+     * Placeholder text shown when the input is empty.
+     * @default 'Select a project'
+     */
+    placeholder?: string;
+
+    /**
+     * Error message or boolean to display an error state on the control.
+     */
+    error?: string | boolean;
+
+    /**
+     * Whether to show a clear (×) button when a value is selected.
+     * @default true
+     */
+    hasClear?: boolean;
+
+    /**
+     * Additional CSS class applied to the root element.
+     */
+    className?: string;
+
+    /**
+     * Additional CSS class applied to each item in the suggest list.
+     */
+    itemClassName?: string;
+}
+```
+<!-- props:end -->
+
+## Types
+
+```ts
+// From @weavix/tracker-api-types
+type MetaEntityV2 = {
+    id: string;
+    shortId: number;
+    entityType: 'project' | 'portfolio' | 'report' | 'goal';
+    self: string;
+    version: number;
+    createdBy: {self: string; id: string; display: string};
+    createdAt: string;
+    updatedAt: string;
+    fields?: {
+        summary?: {value: string};
+        [key: string]: unknown;
+    };
+};
+```
+
+---
+
+## Tracker API
+
+`MetaEntitiesSelect` is data-agnostic — it accepts items via the `getItems` prop. You are responsible for fetching data from the Tracker API and passing it to the component.
+
+### Getting projects
+
+Use the entities search endpoint to fetch projects (or other entity types):
+
+```ts
+const result = await trackerApi.v3.post['/entities/{entityType}/_search']({
+    pathParams: {
+        entityType: 'project',
+    },
+    queryParams: {
+        fields: ['summary'],
+        page:1,
+        perPage: 50,
+    },
+    bodyParams: {
+        filter: {},
+        filterTypes: ['ALL'],
+        input,
+    },
+});
+return result.data; // MetaEntityV2[]
+```
+
+> **Other entity types:** The `entityType` path parameter accepts `'portfolio' | 'project' | 'report' | 'goal'`. Use the appropriate value depending on which entities you want to display in the select.
+
+> **Result:** Always return `result.data` from the API response.
+
+---
+
+### Example — Projects select with Tracker API
+
+Fetches projects on every text change using the entities search endpoint. Request errors are caught and passed to the component via the `error` prop.
+
+```tsx
+import React, {useState} from 'react';
+import {MetaEntitiesSelect} from '@weavix/tracker-components';
+import type {MetaEntityV2} from '@weavix/tracker-api-types';
+
+interface Props {
+    trackerApi: TrackerApi; // your Tracker API client
+    onChange: (entity: MetaEntityV2) => void;
+}
+
+export const ProjectSelect: React.FC<Props> = ({trackerApi, onChange}) => {
+    const [error, setError] = useState<string | undefined>(undefined);
+
+    const getItems = async (input: string): Promise<MetaEntityV2[]> => {
+        setError(undefined);
+        try {
+            const result = await trackerApi.v3.post['/entities/{entityType}/_search']({
+                pathParams: {
+                    entityType: 'project',
+                },
+                queryParams: {
+                    fields: ['summary'],
+                    page:1,
+                    perPage: 50,
+                },
+                bodyParams: {
+                    filter: {},
+                    filterTypes: ['ALL'],
+                    input,
+                },
+            });
+            return result.data;
+        } catch (err) {
+            setError(err instanceof Error ? err.message : 'Failed to load projects');
+            return [];
+        }
+    };
+
+    return (
+        <MetaEntitiesSelect
+            getItems={getItems}
+            onChange={onChange}
+            error={error}
+            placeholder="Select a project"
+        />
+    );
+};
+```

package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggest/EntitiesSuggest.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { Ref } from 'react';
+import { SuggestView } from '~/src/components/Suggest';
+import type { SuggestProps } from '~/src/components/Suggest';
+type SuggestPropsToOmit = 'text' | 'onTextUpdate' | 'applicableInputValue' | 'onInputEnterKeyDown' | 'onUpdate';
+export type EntitiesSuggestProps<EntityType extends unknown = {}> = Omit<SuggestProps<EntityType>, SuggestPropsToOmit> & {
+    onChange?: (entity: EntityType | null) => void;
+    getItemId: (item: EntityType) => string | number;
+    getSuggestTextFromClickedItem: (item: EntityType) => string;
+    suggestRef?: Ref<SuggestView<EntityType>>;
+    text?: string;
+    onTextChange?: (text: string) => void;
+};
+export declare const EntitiesSuggest: <EntityType extends unknown = {}>({ onItemClick, onChange, hasClear, debounce, getItems, getItemId, getSuggestTextFromClickedItem, suggestRef, text: providedText, onTextChange, getItemsOnMount, ...suggestProps }: EntitiesSuggestProps<EntityType>) => React.JSX.Element;
+export {};

package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggest/EntitiesSuggest.js

@@ -0,0 +1,61 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["onItemClick", "onChange", "hasClear", "debounce", "getItems", "getItemId", "getSuggestTextFromClickedItem", "suggestRef", "text", "onTextChange", "getItemsOnMount"];
+import React, { useCallback, useState } from 'react';
+import { Suggest } from "./../../../Suggest";
+import { useConditionallyControlledState } from "./../../../../hooks/useConditionallyControlledState";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var EntitiesSuggest = function EntitiesSuggest(_ref) {
+  var onItemClick = _ref.onItemClick,
+    onChange = _ref.onChange,
+    _ref$hasClear = _ref.hasClear,
+    hasClear = _ref$hasClear === void 0 ? true : _ref$hasClear,
+    _ref$debounce = _ref.debounce,
+    debounce = _ref$debounce === void 0 ? 500 : _ref$debounce,
+    getItems = _ref.getItems,
+    getItemId = _ref.getItemId,
+    getSuggestTextFromClickedItem = _ref.getSuggestTextFromClickedItem,
+    suggestRef = _ref.suggestRef,
+    _ref$text = _ref.text,
+    providedText = _ref$text === void 0 ? '' : _ref$text,
+    onTextChange = _ref.onTextChange,
+    getItemsOnMount = _ref.getItemsOnMount,
+    suggestProps = _objectWithoutProperties(_ref, _excluded);
+  var _useConditionallyCont = useConditionallyControlledState(providedText, onTextChange),
+    _useConditionallyCont2 = _slicedToArray(_useConditionallyCont, 2),
+    text = _useConditionallyCont2[0],
+    setText = _useConditionallyCont2[1];
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentEntity = _useState2[0],
+    setCurrentEntity = _useState2[1];
+  var handleItemClick = useCallback(function (item, index, fromKeyboard) {
+    setText(getSuggestTextFromClickedItem(item));
+    if (!currentEntity || getItemId(item) !== getItemId(currentEntity)) {
+      setCurrentEntity(item);
+      onChange === null || onChange === void 0 || onChange(item);
+    }
+    return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item, index, fromKeyboard);
+  }, [currentEntity, getSuggestTextFromClickedItem, getItemId, onChange, onItemClick, setText]);
+  var handleUpdate = useCallback(function (input) {
+    setText(input);
+    if (currentEntity !== null) {
+      setCurrentEntity(null);
+      onChange === null || onChange === void 0 || onChange(null);
+    }
+  }, [currentEntity, onChange, setText]);
+  return /*#__PURE__*/_jsx(Suggest, _objectSpread(_objectSpread({}, suggestProps), {}, {
+    ref: suggestRef,
+    text: text,
+    onUpdate: handleUpdate,
+    getItems: getItems,
+    onItemClick: handleItemClick,
+    debounce: debounce,
+    hasClear: hasClear,
+    syncPopupOnResize: true,
+    getItemsOnMount: getItemsOnMount || providedText.length > 0,
+    autoComplete: false
+  }));
+};
+// #sourceMappingURL=EntitiesSuggest.js.map

package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggest/EntitiesSuggest.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","Suggest","useConditionallyControlledState","jsx","_jsx","EntitiesSuggest","_ref","onItemClick","onChange","_ref$hasClear","hasClear","_ref$debounce","debounce","getItems","getItemId","getSuggestTextFromClickedItem","suggestRef","_ref$text","text","providedText","onTextChange","getItemsOnMount","suggestProps","_objectWithoutProperties","_excluded","_useConditionallyCont","_useConditionallyCont2","_slicedToArray","setText","_useState","_useState2","currentEntity","setCurrentEntity","handleItemClick","item","index","fromKeyboard","handleUpdate","input","_objectSpread","ref","onUpdate","syncPopupOnResize","length","autoComplete"],"sources":["EntitiesSuggest.tsx"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport type {Ref} from 'react';\n\nimport {Suggest, SuggestView} from '~/src/components/Suggest';\nimport type {SuggestProps} from '~/src/components/Suggest';\nimport {useConditionallyControlledState} from '~/src/hooks/useConditionallyControlledState';\n\ntype SuggestPropsToOmit =\n    | 'text'\n    | 'onTextUpdate'\n    | 'applicableInputValue'\n    | 'onInputEnterKeyDown'\n    | 'onUpdate';\n\nexport type EntitiesSuggestProps<EntityType extends unknown = {}> = Omit<\n    SuggestProps<EntityType>,\n    SuggestPropsToOmit\n> & {\n    onChange?: (entity: EntityType | null) => void;\n    getItemId: (item: EntityType) => string | number;\n    getSuggestTextFromClickedItem: (item: EntityType) => string;\n    suggestRef?: Ref<SuggestView<EntityType>>;\n    text?: string;\n    onTextChange?: (text: string) => void;\n};\n\nexport const EntitiesSuggest = <EntityType extends unknown = {}>({\n    onItemClick,\n    onChange,\n    hasClear = true,\n    debounce = 500,\n    getItems,\n    getItemId,\n    getSuggestTextFromClickedItem,\n    suggestRef,\n    text: providedText = '',\n    onTextChange,\n    getItemsOnMount,\n    ...suggestProps\n}: EntitiesSuggestProps<EntityType>) => {\n    const [text, setText] = useConditionallyControlledState(providedText, onTextChange);\n    const [currentEntity, setCurrentEntity] = useState<EntityType | null>(null);\n\n    const handleItemClick = useCallback(\n        (item: EntityType, index?: number, fromKeyboard?: boolean) => {\n            setText(getSuggestTextFromClickedItem(item));\n\n            if (!currentEntity || getItemId(item) !== getItemId(currentEntity)) {\n                setCurrentEntity(item);\n                onChange?.(item);\n            }\n\n            return onItemClick?.(item, index, fromKeyboard);\n        },\n        [currentEntity, getSuggestTextFromClickedItem, getItemId, onChange, onItemClick, setText],\n    );\n\n    const handleUpdate = useCallback(\n        (input: string) => {\n            setText(input);\n\n            if (currentEntity !== null) {\n                setCurrentEntity(null);\n                onChange?.(null);\n            }\n        },\n        [currentEntity, onChange, setText],\n    );\n\n    return (\n        <Suggest<EntityType>\n            {...suggestProps}\n            ref={suggestRef}\n            text={text}\n            onUpdate={handleUpdate}\n            getItems={getItems}\n            onItemClick={handleItemClick}\n            debounce={debounce}\n            hasClear={hasClear}\n            syncPopupOnResize\n            getItemsOnMount={getItemsOnMount || providedText.length > 0}\n            autoComplete={false}\n        />\n    );\n};\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,QAAQ,QAAO,OAAO;AAGlD,SAAQC,OAAO;AAEf,SAAQC,+BAA+B;AAAqD,SAAAC,GAAA,IAAAC,IAAA;AAqB5F,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAaY;EAAA,IAZpCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,aAAA,GAAAH,IAAA,CACRI,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,IAAI,GAAAA,aAAA;IAAAE,aAAA,GAAAL,IAAA,CACfM,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,GAAG,GAAAA,aAAA;IACdE,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IACTC,6BAA6B,GAAAT,IAAA,CAA7BS,6BAA6B;IAC7BC,UAAU,GAAAV,IAAA,CAAVU,UAAU;IAAAC,SAAA,GAAAX,IAAA,CACVY,IAAI;IAAEC,YAAY,GAAAF,SAAA,cAAG,EAAE,GAAAA,SAAA;IACvBG,YAAY,GAAAd,IAAA,CAAZc,YAAY;IACZC,eAAe,GAAAf,IAAA,CAAfe,eAAe;IACZC,YAAY,GAAAC,wBAAA,CAAAjB,IAAA,EAAAkB,SAAA;EAEf,IAAAC,qBAAA,GAAwBvB,+BAA+B,CAACiB,YAAY,EAAEC,YAAY,CAAC;IAAAM,sBAAA,GAAAC,cAAA,CAAAF,qBAAA;IAA5EP,IAAI,GAAAQ,sBAAA;IAAEE,OAAO,GAAAF,sBAAA;EACpB,IAAAG,SAAA,GAA0C7B,QAAQ,CAAoB,IAAI,CAAC;IAAA8B,UAAA,GAAAH,cAAA,CAAAE,SAAA;IAApEE,aAAa,GAAAD,UAAA;IAAEE,gBAAgB,GAAAF,UAAA;EAEtC,IAAMG,eAAe,GAAGlC,WAAW,CAC/B,UAACmC,IAAgB,EAAEC,KAAc,EAAEC,YAAsB,EAAK;IAC1DR,OAAO,CAACb,6BAA6B,CAACmB,IAAI,CAAC,CAAC;IAE5C,IAAI,CAACH,aAAa,IAAIjB,SAAS,CAACoB,IAAI,CAAC,KAAKpB,SAAS,CAACiB,aAAa,CAAC,EAAE;MAChEC,gBAAgB,CAACE,IAAI,CAAC;MACtB1B,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAG0B,IAAI,CAAC;IACpB;IAEA,OAAO3B,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAG2B,IAAI,EAAEC,KAAK,EAAEC,YAAY,CAAC;EACnD,CAAC,EACD,CAACL,aAAa,EAAEhB,6BAA6B,EAAED,SAAS,EAAEN,QAAQ,EAAED,WAAW,EAAEqB,OAAO,CAC5F,CAAC;EAED,IAAMS,YAAY,GAAGtC,WAAW,CAC5B,UAACuC,KAAa,EAAK;IACfV,OAAO,CAACU,KAAK,CAAC;IAEd,IAAIP,aAAa,KAAK,IAAI,EAAE;MACxBC,gBAAgB,CAAC,IAAI,CAAC;MACtBxB,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAG,IAAI,CAAC;IACpB;EACJ,CAAC,EACD,CAACuB,aAAa,EAAEvB,QAAQ,EAAEoB,OAAO,CACrC,CAAC;EAED,oBACIxB,IAAA,CAACH,OAAO,EAAAsC,aAAA,CAAAA,aAAA,KACAjB,YAAY;IAChBkB,GAAG,EAAExB,UAAW;IAChBE,IAAI,EAAEA,IAAK;IACXuB,QAAQ,EAAEJ,YAAa;IACvBxB,QAAQ,EAAEA,QAAS;IACnBN,WAAW,EAAE0B,eAAgB;IAC7BrB,QAAQ,EAAEA,QAAS;IACnBF,QAAQ,EAAEA,QAAS;IACnBgC,iBAAiB;IACjBrB,eAAe,EAAEA,eAAe,IAAIF,YAAY,CAACwB,MAAM,GAAG,CAAE;IAC5DC,YAAY,EAAE;EAAM,EACvB,CAAC;AAEV,CAAC","ignoreList":[]}

package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.classname.d.ts

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

package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.classname.js

@@ -0,0 +1,3 @@
+import { block } from "./../../../cn";
+export var cnEntitiesSuggestItem = block('entities-suggest-item');
+// #sourceMappingURL=EntitiesSuggestItem.classname.js.map

package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.classname.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["block","cnEntitiesSuggestItem"],"sources":["EntitiesSuggestItem.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnEntitiesSuggestItem = block('entities-suggest-item');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,qBAAqB,GAAGD,KAAK,CAAC,uBAAuB,CAAC","ignoreList":[]}

package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.css

@@ -0,0 +1,18 @@
+.tpc-entities-suggest-item {
+  display: flex;
+  gap: var(--g-spacing-3);
+  align-items: center;
+  padding: var(--g-spacing-2) var(--g-spacing-4);
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height-rel);
+}
+.tpc-entities-suggest-item__name {
+  color: var(--g-color-text-primary);
+}
+.tpc-entities-suggest-item__description {
+  color: var(--g-color-text-secondary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+/*# sourceMappingURL=EntitiesSuggestItem.css.map */

package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["EntitiesSuggestItem.scss","../../../../../../node_modules/@gravity-ui/uikit/styles/mixins.scss"],"names":[],"mappings":"AAKA;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EAEA,8CAAA;EAEA,yCAAA;EACA,iDAAA;AANJ;AAQI;EACI,kCAAA;AANR;AASI;EACI,oCAAA;EChBJ,mBAAA;EACA,gBAAA;EACA,uBAH4B;ADahC","file":"EntitiesSuggestItem.css","sourcesContent":["@use '../../../../styles/variables.scss';\n@use '../../../../styles/mixins.scss';\n\n$block: '.#{variables.$ns}entities-suggest-item';\n\n#{$block} {\n    display: flex;\n    gap: var(--g-spacing-3);\n    align-items: center;\n\n    padding: var(--g-spacing-2) var(--g-spacing-4);\n\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height-rel);\n\n    &__name {\n        color: var(--g-color-text-primary);\n    }\n\n    &__description {\n        color: var(--g-color-text-secondary);\n        @include mixins.overflow-ellipsis();\n    }\n}\n","@use 'sass:list';\n@use 'sass:selector';\n\n@mixin overflow-ellipsis($type: ellipsis) {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: $type;\n}\n\n@mixin button-reset() {\n    padding: 0;\n\n    font-family: var(--g-text-body-font-family);\n    font-size: inherit;\n    font-weight: var(--g-text-body-font-weight);\n\n    color: inherit;\n    background: none;\n    border: none;\n    outline: none;\n    cursor: pointer;\n}\n\n@mixin link-reset() {\n    color: inherit;\n    text-decoration: inherit;\n}\n\n@mixin expand-interactive-area($h: 4px, $v: $h) {\n    position: relative;\n\n    &::after {\n        content: '';\n        position: absolute;\n        inset: logical (-$v) (-$h);\n    }\n}\n\n@mixin max-height($height) {\n    max-height: $height;\n    overflow-y: auto;\n}\n\n@mixin max-text-width($width: 100%) {\n    @include overflow-ellipsis();\n\n    max-width: $width;\n}\n\n@mixin aspect-ratio($ratio) {\n    position: relative;\n\n    &::before {\n        display: block;\n        content: '';\n        width: 100%;\n        padding-block-start: $ratio * 100%;\n    }\n\n    > *:only-child {\n        position: absolute;\n        inset: 0;\n    }\n}\n\n@function get-pin-selector($mod, $selector, $append: true) {\n    @if $append {\n        @return selector.append($mod, $selector);\n    } @else {\n        @return list.join($mod, $selector, $separator: space);\n    }\n}\n\n@mixin pin($block, $selectors, $radius, $append: true) {\n    @each $selector in $selectors {\n        @at-root #{get-pin-selector(#{$block}_pin_round-round, $selector, $append)} {\n            border-radius: $radius;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_brick-brick, $selector, $append)} {\n            border-radius: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_clear-clear, $selector, $append)} {\n            border-radius: 0;\n            border-inline: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_circle-circle, $selector, $append)} {\n            border-radius: 100px;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_round-brick, $selector, $append)} {\n            border-start-start-radius: $radius;\n            border-start-end-radius: 0;\n            border-end-start-radius: $radius;\n            border-end-end-radius: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_brick-round, $selector, $append)} {\n            border-start-start-radius: 0;\n            border-start-end-radius: $radius;\n            border-end-start-radius: 0;\n            border-end-end-radius: $radius;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_round-clear, $selector, $append)} {\n            border-start-start-radius: $radius;\n            border-start-end-radius: 0;\n            border-end-start-radius: $radius;\n            border-end-end-radius: 0;\n            border-inline-end: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_clear-round, $selector, $append)} {\n            border-start-start-radius: 0;\n            border-start-end-radius: $radius;\n            border-end-start-radius: 0;\n            border-end-end-radius: $radius;\n            border-inline-start: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_brick-clear, $selector, $append)} {\n            border-radius: 0;\n            border-inline-end: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_clear-brick, $selector, $append)} {\n            border-radius: 0;\n            border-inline-start: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_circle-brick, $selector, $append)} {\n            border-start-start-radius: 100px;\n            border-start-end-radius: 0;\n            border-end-start-radius: 100px;\n            border-end-end-radius: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_brick-circle, $selector, $append)} {\n            border-start-start-radius: 0;\n            border-start-end-radius: 100px;\n            border-end-start-radius: 0;\n            border-end-end-radius: 100px;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_circle-clear, $selector, $append)} {\n            border-start-start-radius: 100px;\n            border-start-end-radius: 0;\n            border-end-start-radius: 100px;\n            border-end-end-radius: 0;\n            border-inline-end: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_clear-circle, $selector, $append)} {\n            border-start-start-radius: 0;\n            border-start-end-radius: 100px;\n            border-end-start-radius: 0;\n            border-end-end-radius: 100px;\n            border-inline-start: 0;\n        }\n    }\n}\n\n// Typography\n\n@mixin text-body-1() {\n    font-family: var(--g-text-body-font-family);\n    font-weight: var(--g-text-body-font-weight);\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n}\n\n@mixin text-body-2() {\n    font-family: var(--g-text-body-font-family);\n    font-weight: var(--g-text-body-font-weight);\n    font-size: var(--g-text-body-2-font-size);\n    line-height: var(--g-text-body-2-line-height);\n}\n\n@mixin text-body-3() {\n    font-family: var(--g-text-body-font-family);\n    font-weight: var(--g-text-body-font-weight);\n    font-size: var(--g-text-body-3-font-size);\n    line-height: var(--g-text-body-3-line-height);\n}\n\n@mixin text-body-short() {\n    font-family: var(--g-text-body-font-family);\n    font-weight: var(--g-text-body-font-weight);\n    font-size: var(--g-text-body-short-font-size);\n    line-height: var(--g-text-body-short-line-height);\n}\n\n@mixin text-caption-1() {\n    font-family: var(--g-text-caption-font-family);\n    font-weight: var(--g-text-caption-font-weight);\n    font-size: var(--g-text-caption-1-font-size);\n    line-height: var(--g-text-caption-1-line-height);\n}\n\n@mixin text-caption-2() {\n    font-family: var(--g-text-caption-font-family);\n    font-weight: var(--g-text-caption-font-weight);\n    font-size: var(--g-text-caption-2-font-size);\n    line-height: var(--g-text-caption-2-line-height);\n}\n\n@mixin text-header-1() {\n    font-family: var(--g-text-header-font-family);\n    font-weight: var(--g-text-header-font-weight);\n    font-size: var(--g-text-header-1-font-size);\n    line-height: var(--g-text-header-1-line-height);\n}\n\n@mixin text-header-2() {\n    font-family: var(--g-text-header-font-family);\n    font-weight: var(--g-text-header-font-weight);\n    font-size: var(--g-text-header-2-font-size);\n    line-height: var(--g-text-header-2-line-height);\n}\n\n@mixin text-subheader-1() {\n    font-family: var(--g-text-subheader-font-family);\n    font-weight: var(--g-text-subheader-font-weight);\n    font-size: var(--g-text-subheader-1-font-size);\n    line-height: var(--g-text-subheader-1-line-height);\n}\n\n@mixin text-subheader-2() {\n    font-family: var(--g-text-subheader-font-family);\n    font-weight: var(--g-text-subheader-font-weight);\n    font-size: var(--g-text-subheader-2-font-size);\n    line-height: var(--g-text-subheader-2-line-height);\n}\n\n@mixin text-subheader-3() {\n    font-family: var(--g-text-subheader-font-family);\n    font-weight: var(--g-text-subheader-font-weight);\n    font-size: var(--g-text-subheader-3-font-size);\n    line-height: var(--g-text-subheader-3-line-height);\n}\n\n@mixin text-display-1() {\n    font-family: var(--g-text-display-font-family);\n    font-weight: var(--g-text-display-font-weight);\n    font-size: var(--g-text-display-1-font-size);\n    line-height: var(--g-text-display-1-line-height);\n}\n\n@mixin text-display-2() {\n    font-family: var(--g-text-display-font-family);\n    font-weight: var(--g-text-display-font-weight);\n    font-size: var(--g-text-display-2-font-size);\n    line-height: var(--g-text-display-2-line-height);\n}\n\n@mixin text-display-3() {\n    font-family: var(--g-text-display-font-family);\n    font-weight: var(--g-text-display-font-weight);\n    font-size: var(--g-text-display-3-font-size);\n    line-height: var(--g-text-display-3-line-height);\n}\n\n@mixin text-display-4() {\n    font-family: var(--g-text-display-font-family);\n    font-weight: var(--g-text-display-font-weight);\n    font-size: var(--g-text-display-4-font-size);\n    line-height: var(--g-text-display-4-line-height);\n}\n\n@mixin text-code-1() {\n    font-family: var(--g-text-code-font-family);\n    font-weight: var(--g-text-code-font-weight);\n    font-size: var(--g-text-code-1-font-size);\n    line-height: var(--g-text-code-1-line-height);\n}\n\n@mixin text-code-2() {\n    font-family: var(--g-text-code-font-family);\n    font-weight: var(--g-text-code-font-weight);\n    font-size: var(--g-text-code-2-font-size);\n    line-height: var(--g-text-code-2-line-height);\n}\n\n@mixin text-code-3() {\n    font-family: var(--g-text-code-font-family);\n    font-weight: var(--g-text-code-font-weight);\n    font-size: var(--g-text-code-3-font-size);\n    line-height: var(--g-text-code-3-line-height);\n}\n\n@mixin text-code-inline-1() {\n    font-family: var(--g-text-code-font-family);\n    font-weight: var(--g-text-code-font-weight);\n    font-size: var(--g-text-code-inline-1-font-size);\n    line-height: var(--g-text-code-inline-1-line-height);\n}\n\n@mixin text-code-inline-2() {\n    font-family: var(--g-text-code-font-family);\n    font-weight: var(--g-text-code-font-weight);\n    font-size: var(--g-text-code-inline-2-font-size);\n    line-height: var(--g-text-code-inline-2-line-height);\n}\n\n@mixin text-code-inline-3() {\n    font-family: var(--g-text-code-font-family);\n    font-weight: var(--g-text-code-font-weight);\n    font-size: var(--g-text-code-inline-3-font-size);\n    line-height: var(--g-text-code-inline-3-line-height);\n}\n\n@mixin text-accent() {\n    font-weight: var(--g-text-accent-font-weight);\n}\n\n@mixin loading($loading-color-1: rgba(255, 255, 255, 0.3), $loading-color-2: transparent) {\n    background-image: repeating-linear-gradient(\n        -45deg,\n        $loading-color-1,\n        $loading-color-1 4px,\n        $loading-color-2 4px,\n        $loading-color-2 8px\n    );\n    background-size: 150%;\n    background-clip: padding-box;\n\n    // stylelint-disable-next-line no-unknown-animations\n    animation: g-loading-animation 0.5s linear infinite;\n\n    @media (prefers-reduced-motion: reduce) {\n        animation: none;\n    }\n}\n\n@mixin scrollbar() {\n    &::-webkit-scrollbar,\n    *::-webkit-scrollbar {\n        width: var(--g-scrollbar-width);\n        height: var(--g-scrollbar-width);\n        background: var(--g-color-scroll-track);\n    }\n\n    &::-webkit-scrollbar-track,\n    *::-webkit-scrollbar-track {\n        background: var(--g-color-scroll-track);\n    }\n\n    &::-webkit-scrollbar-corner,\n    *::-webkit-scrollbar-corner {\n        background: var(--g-color-scroll-corner);\n    }\n\n    &::-webkit-scrollbar-thumb,\n    *::-webkit-scrollbar-thumb {\n        background: var(--g-color-scroll-handle);\n    }\n\n    &::-webkit-scrollbar-thumb:hover,\n    *::-webkit-scrollbar-thumb:hover {\n        background: var(--g-color-scroll-handle-hover);\n    }\n}\n\n@mixin focus-outline() {\n    outline: 2px solid var(--g-color-line-focus);\n}\n"],"sourceRoot":""}

package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.d.ts

@@ -0,0 +1,10 @@
+import type { FC, ReactNode } from 'react';
+import './EntitiesSuggestItem.scss';
+export type EntitiesSuggestItemProps = {
+    icon?: ReactNode;
+    id: number | string;
+    name: string;
+    description?: string;
+    className?: string;
+};
+export declare const EntitiesSuggestItem: FC<EntitiesSuggestItemProps>;

package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.js

@@ -0,0 +1,26 @@
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.function.name.js";
+import React from 'react';
+import { cnEntitiesSuggestItem } from "./EntitiesSuggestItem.classname";
+import "./EntitiesSuggestItem.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var EntitiesSuggestItem = function EntitiesSuggestItem(_ref) {
+  var icon = _ref.icon,
+    name = _ref.name,
+    description = _ref.description,
+    className = _ref.className;
+  return /*#__PURE__*/_jsxs("div", {
+    className: cnEntitiesSuggestItem(null, className),
+    children: [icon, /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: cnEntitiesSuggestItem('name'),
+        children: name
+      }), /*#__PURE__*/_jsx("div", {
+        className: cnEntitiesSuggestItem('description'),
+        children: description
+      })]
+    })]
+  });
+};
+// #sourceMappingURL=EntitiesSuggestItem.js.map

package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cnEntitiesSuggestItem","jsx","_jsx","jsxs","_jsxs","EntitiesSuggestItem","_ref","icon","name","description","className","children"],"sources":["EntitiesSuggestItem.tsx"],"sourcesContent":["import type {FC, ReactNode} from 'react';\nimport React from 'react';\n\nimport {cnEntitiesSuggestItem} from './EntitiesSuggestItem.classname';\n\nimport './EntitiesSuggestItem.scss';\n\nexport type EntitiesSuggestItemProps = {\n    icon?: ReactNode;\n    id: number | string;\n    name: string;\n    description?: string;\n    className?: string;\n};\n\nexport const EntitiesSuggestItem: FC<EntitiesSuggestItemProps> = ({\n    icon,\n    name,\n    description,\n    className,\n}) => {\n    return (\n        <div className={cnEntitiesSuggestItem(null, className)}>\n            {icon}\n            <div>\n                <div className={cnEntitiesSuggestItem('name')}>{name}</div>\n                <div className={cnEntitiesSuggestItem('description')}>{description}</div>\n            </div>\n        </div>\n    );\n};\n"],"mappings":";;;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,qBAAqB;AAE7B;AAAoC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUpC,OAAO,IAAMC,mBAAiD,GAAG,SAApDA,mBAAiDA,CAAAC,IAAA,EAKxD;EAAA,IAJFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAET,oBACIN,KAAA;IAAKM,SAAS,EAAEV,qBAAqB,CAAC,IAAI,EAAEU,SAAS,CAAE;IAAAC,QAAA,GAClDJ,IAAI,eACLH,KAAA;MAAAO,QAAA,gBACIT,IAAA;QAAKQ,SAAS,EAAEV,qBAAqB,CAAC,MAAM,CAAE;QAAAW,QAAA,EAAEH;MAAI,CAAM,CAAC,eAC3DN,IAAA;QAAKQ,SAAS,EAAEV,qBAAqB,CAAC,aAAa,CAAE;QAAAW,QAAA,EAAEF;MAAW,CAAM,CAAC;IAAA,CACxE,CAAC;EAAA,CACL,CAAC;AAEd,CAAC","ignoreList":[]}

package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.scss

@@ -0,0 +1,24 @@
+@use '../../../../styles/variables.scss';
+@use '../../../../styles/mixins.scss';
+
+$block: '.#{variables.$ns}entities-suggest-item';
+
+#{$block} {
+    display: flex;
+    gap: var(--g-spacing-3);
+    align-items: center;
+
+    padding: var(--g-spacing-2) var(--g-spacing-4);
+
+    font-size: var(--g-text-body-1-font-size);
+    line-height: var(--g-text-body-1-line-height-rel);
+
+    &__name {
+        color: var(--g-color-text-primary);
+    }
+
+    &__description {
+        color: var(--g-color-text-secondary);
+        @include mixins.overflow-ellipsis();
+    }
+}

package/build/esm/components/MetaEntitiesSelect/i18n.d.ts

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

package/build/esm/components/MetaEntitiesSelect/i18n.js

@@ -0,0 +1,7 @@
+export var defaultMessages = {
+  placeholder: {
+    ru: 'Выберите проект',
+    en: 'Select a project'
+  }
+};
+// #sourceMappingURL=i18n.js.map

package/build/esm/components/MetaEntitiesSelect/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultMessages","placeholder","ru","en"],"sources":["i18n.ts"],"sourcesContent":["export const defaultMessages = {\n    placeholder: {\n        ru: 'Выберите проект',\n        en: 'Select a project',\n    },\n};\n"],"mappings":"AAAA,OAAO,IAAMA,eAAe,GAAG;EAC3BC,WAAW,EAAE;IACTC,EAAE,EAAE,iBAAiB;IACrBC,EAAE,EAAE;EACR;AACJ,CAAC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export { MetaEntitiesSelect } from './MetaEntitiesSelect';
+export type { MetaEntitiesSelectProps } from './MetaEntitiesSelect';

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

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

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

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

package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityDisplay.d.ts

@@ -0,0 +1,2 @@
+import type { MetaEntityV2 } from '@weavix/tracker-api-types';
+export declare function getMetaEntityDisplay(metaEntity: MetaEntityV2): string;

package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityDisplay.js

@@ -0,0 +1,5 @@
+export function getMetaEntityDisplay(metaEntity) {
+  var _metaEntity$fields, _metaEntity$fields2, _metaEntity$fields$su, _metaEntity$fields3;
+  return typeof ((_metaEntity$fields = metaEntity.fields) === null || _metaEntity$fields === void 0 ? void 0 : _metaEntity$fields.summary) === 'string' ? (_metaEntity$fields2 = metaEntity.fields) === null || _metaEntity$fields2 === void 0 ? void 0 : _metaEntity$fields2.summary : String((_metaEntity$fields$su = (_metaEntity$fields3 = metaEntity.fields) === null || _metaEntity$fields3 === void 0 || (_metaEntity$fields3 = _metaEntity$fields3.summary) === null || _metaEntity$fields3 === void 0 ? void 0 : _metaEntity$fields3.value) !== null && _metaEntity$fields$su !== void 0 ? _metaEntity$fields$su : metaEntity.id);
+}
+// #sourceMappingURL=getMetaEntityDisplay.js.map

package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getMetaEntityDisplay","metaEntity","_metaEntity$fields","_metaEntity$fields2","_metaEntity$fields$su","_metaEntity$fields3","fields","summary","String","value","id"],"sources":["getMetaEntityDisplay.ts"],"sourcesContent":["import type {MetaEntityV2} from '@weavix/tracker-api-types';\n\nexport function getMetaEntityDisplay(metaEntity: MetaEntityV2) {\n    return typeof metaEntity.fields?.summary === 'string'\n        ? metaEntity.fields?.summary\n        : String(metaEntity.fields?.summary?.value ?? metaEntity.id);\n}\n"],"mappings":"AAEA,OAAO,SAASA,oBAAoBA,CAACC,UAAwB,EAAE;EAAA,IAAAC,kBAAA,EAAAC,mBAAA,EAAAC,qBAAA,EAAAC,mBAAA;EAC3D,OAAO,SAAAH,kBAAA,GAAOD,UAAU,CAACK,MAAM,cAAAJ,kBAAA,uBAAjBA,kBAAA,CAAmBK,OAAO,MAAK,QAAQ,IAAAJ,mBAAA,GAC/CF,UAAU,CAACK,MAAM,cAAAH,mBAAA,uBAAjBA,mBAAA,CAAmBI,OAAO,GAC1BC,MAAM,EAAAJ,qBAAA,IAAAC,mBAAA,GAACJ,UAAU,CAACK,MAAM,cAAAD,mBAAA,gBAAAA,mBAAA,GAAjBA,mBAAA,CAAmBE,OAAO,cAAAF,mBAAA,uBAA1BA,mBAAA,CAA4BI,KAAK,cAAAL,qBAAA,cAAAA,qBAAA,GAAIH,UAAU,CAACS,EAAE,CAAC;AACpE","ignoreList":[]}

package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityId.d.ts

@@ -0,0 +1,2 @@
+import type { MetaEntityV2 } from '@weavix/tracker-api-types';
+export declare function getMetaEntityId(metaEntity: MetaEntityV2): string;

package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityId.js

@@ -0,0 +1,4 @@
+export function getMetaEntityId(metaEntity) {
+  return metaEntity.id;
+}
+// #sourceMappingURL=getMetaEntityId.js.map

package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityId.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getMetaEntityId","metaEntity","id"],"sources":["getMetaEntityId.ts"],"sourcesContent":["import type {MetaEntityV2} from '@weavix/tracker-api-types';\n\nexport function getMetaEntityId(metaEntity: MetaEntityV2) {\n    return metaEntity.id;\n}\n"],"mappings":"AAEA,OAAO,SAASA,eAAeA,CAACC,UAAwB,EAAE;EACtD,OAAOA,UAAU,CAACC,EAAE;AACxB","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Field } from '@yandex-data-ui/tracker-pub-api-types';
+import type { Field } from '@weavix/tracker-api-types';
 import type { FieldsSelectProps } from '~/src/components/FieldsSelect';
 import type { TrackerSelectItemValueBase } from '~/src/components/TrackerSelect';
 export type PluginFieldsSelectField = {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","FieldsSelect","jsx","_jsx","PluginFieldsSelect","_ref","fields","fieldsSelectProps","_objectWithoutProperties","_excluded","groups","categories","length","forEach","field","_field$category","_field$category2","categoryId","String","category","id","_field$category3","_objectSpread","name","display","collapsible","items","Object","values"],"sources":["PluginFieldsSelect.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\n\nimport type {Field} from '@yandex-data-ui/tracker-pub-api-types';\n\nimport type {FieldsSelectProps} from '~/src/components/FieldsSelect';\nimport {FieldsSelect} from '~/src/components/FieldsSelect';\nimport type {\n    TrackerSelectGroup,\n    TrackerSelectItem,\n    TrackerSelectItemValueBase,\n    TrackerSelectItems,\n} from '~/src/components/TrackerSelect';\n\nexport type PluginFieldsSelectField = {\n    id: string;\n    name: string;\n    category: TrackerSelectItemValueBase;\n} & Partial<Omit<Field, 'category' | 'name'>>;\n\nexport type PluginFieldsSelectProps = {\n    fields: PluginFieldsSelectField[];\n} & Omit<FieldsSelectProps, 'groups'>;\n\nexport const PluginFieldsSelect = ({fields, ...fieldsSelectProps}: PluginFieldsSelectProps) => {\n    const groups = useMemo(() => {\n        const categories: Record<string, TrackerSelectGroup> = {};\n        if (fields && fields.length > 0) {\n            fields.forEach((field) => {\n                const categoryId = String(field.category?.id);\n                if (field.category?.id) {\n                    categories[categoryId] = categories[categoryId] || {\n                        ...field.category,\n                        name: field.category?.display,\n                        collapsible: true,\n                        items: {} as TrackerSelectItems,\n                    };\n                    categories[categoryId].items[field.id] = {\n                        ...field,\n                        display: String(field.name),\n                    } as unknown as TrackerSelectItem;\n                }\n            });\n        }\n        return Object.values(categories);\n    }, [fields]);\n\n    return <FieldsSelect groups={groups} {...fieldsSelectProps} />;\n};\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AAKpC,SAAQC,YAAY;AAAuC,SAAAC,GAAA,IAAAC,IAAA;AAkB3D,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAAgE;EAAA,IAA3DC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAKC,iBAAiB,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAC5D,IAAMC,MAAM,GAAGV,OAAO,CAAC,YAAM;IACzB,IAAMW,UAA8C,GAAG,CAAC,CAAC;IACzD,IAAIL,MAAM,IAAIA,MAAM,CAACM,MAAM,GAAG,CAAC,EAAE;MAC7BN,MAAM,CAACO,OAAO,CAAC,UAACC,KAAK,EAAK;QAAA,IAAAC,eAAA,EAAAC,gBAAA;QACtB,IAAMC,UAAU,GAAGC,MAAM,EAAAH,eAAA,GAACD,KAAK,CAACK,QAAQ,cAAAJ,eAAA,uBAAdA,eAAA,CAAgBK,EAAE,CAAC;QAC7C,KAAAJ,gBAAA,GAAIF,KAAK,CAACK,QAAQ,cAAAH,gBAAA,eAAdA,gBAAA,CAAgBI,EAAE,EAAE;UAAA,IAAAC,gBAAA;UACpBV,UAAU,CAACM,UAAU,CAAC,GAAGN,UAAU,CAACM,UAAU,CAAC,IAAAK,aAAA,CAAAA,aAAA,KACxCR,KAAK,CAACK,QAAQ;YACjBI,IAAI,GAAAF,gBAAA,GAAEP,KAAK,CAACK,QAAQ,cAAAE,gBAAA,uBAAdA,gBAAA,CAAgBG,OAAO;YAC7BC,WAAW,EAAE,IAAI;YACjBC,KAAK,EAAE,CAAC;UAAuB,EAClC;UACDf,UAAU,CAACM,UAAU,CAAC,CAACS,KAAK,CAACZ,KAAK,CAACM,EAAE,CAAC,GAAAE,aAAA,CAAAA,aAAA,KAC/BR,KAAK;YACRU,OAAO,EAAEN,MAAM,CAACJ,KAAK,CAACS,IAAI;UAAC,EACE;QACrC;MACJ,CAAC,CAAC;IACN;IACA,OAAOI,MAAM,CAACC,MAAM,CAACjB,UAAU,CAAC;EACpC,CAAC,EAAE,CAACL,MAAM,CAAC,CAAC;EAEZ,oBAAOH,IAAA,CAACF,YAAY,EAAAqB,aAAA;IAACZ,MAAM,EAAEA;EAAO,GAAKH,iBAAiB,CAAG,CAAC;AAClE,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","FieldsSelect","jsx","_jsx","PluginFieldsSelect","_ref","fields","fieldsSelectProps","_objectWithoutProperties","_excluded","groups","categories","length","forEach","field","_field$category","_field$category2","categoryId","String","category","id","_field$category3","_objectSpread","name","display","collapsible","items","Object","values"],"sources":["PluginFieldsSelect.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\n\nimport type {Field} from '@weavix/tracker-api-types';\n\nimport type {FieldsSelectProps} from '~/src/components/FieldsSelect';\nimport {FieldsSelect} from '~/src/components/FieldsSelect';\nimport type {\n    TrackerSelectGroup,\n    TrackerSelectItem,\n    TrackerSelectItemValueBase,\n    TrackerSelectItems,\n} from '~/src/components/TrackerSelect';\n\nexport type PluginFieldsSelectField = {\n    id: string;\n    name: string;\n    category: TrackerSelectItemValueBase;\n} & Partial<Omit<Field, 'category' | 'name'>>;\n\nexport type PluginFieldsSelectProps = {\n    fields: PluginFieldsSelectField[];\n} & Omit<FieldsSelectProps, 'groups'>;\n\nexport const PluginFieldsSelect = ({fields, ...fieldsSelectProps}: PluginFieldsSelectProps) => {\n    const groups = useMemo(() => {\n        const categories: Record<string, TrackerSelectGroup> = {};\n        if (fields && fields.length > 0) {\n            fields.forEach((field) => {\n                const categoryId = String(field.category?.id);\n                if (field.category?.id) {\n                    categories[categoryId] = categories[categoryId] || {\n                        ...field.category,\n                        name: field.category?.display,\n                        collapsible: true,\n                        items: {} as TrackerSelectItems,\n                    };\n                    categories[categoryId].items[field.id] = {\n                        ...field,\n                        display: String(field.name),\n                    } as unknown as TrackerSelectItem;\n                }\n            });\n        }\n        return Object.values(categories);\n    }, [fields]);\n\n    return <FieldsSelect groups={groups} {...fieldsSelectProps} />;\n};\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AAKpC,SAAQC,YAAY;AAAuC,SAAAC,GAAA,IAAAC,IAAA;AAkB3D,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAAgE;EAAA,IAA3DC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAKC,iBAAiB,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAC5D,IAAMC,MAAM,GAAGV,OAAO,CAAC,YAAM;IACzB,IAAMW,UAA8C,GAAG,CAAC,CAAC;IACzD,IAAIL,MAAM,IAAIA,MAAM,CAACM,MAAM,GAAG,CAAC,EAAE;MAC7BN,MAAM,CAACO,OAAO,CAAC,UAACC,KAAK,EAAK;QAAA,IAAAC,eAAA,EAAAC,gBAAA;QACtB,IAAMC,UAAU,GAAGC,MAAM,EAAAH,eAAA,GAACD,KAAK,CAACK,QAAQ,cAAAJ,eAAA,uBAAdA,eAAA,CAAgBK,EAAE,CAAC;QAC7C,KAAAJ,gBAAA,GAAIF,KAAK,CAACK,QAAQ,cAAAH,gBAAA,eAAdA,gBAAA,CAAgBI,EAAE,EAAE;UAAA,IAAAC,gBAAA;UACpBV,UAAU,CAACM,UAAU,CAAC,GAAGN,UAAU,CAACM,UAAU,CAAC,IAAAK,aAAA,CAAAA,aAAA,KACxCR,KAAK,CAACK,QAAQ;YACjBI,IAAI,GAAAF,gBAAA,GAAEP,KAAK,CAACK,QAAQ,cAAAE,gBAAA,uBAAdA,gBAAA,CAAgBG,OAAO;YAC7BC,WAAW,EAAE,IAAI;YACjBC,KAAK,EAAE,CAAC;UAAuB,EAClC;UACDf,UAAU,CAACM,UAAU,CAAC,CAACS,KAAK,CAACZ,KAAK,CAACM,EAAE,CAAC,GAAAE,aAAA,CAAAA,aAAA,KAC/BR,KAAK;YACRU,OAAO,EAAEN,MAAM,CAACJ,KAAK,CAACS,IAAI;UAAC,EACE;QACrC;MACJ,CAAC,CAAC;IACN;IACA,OAAOI,MAAM,CAACC,MAAM,CAACjB,UAAU,CAAC;EACpC,CAAC,EAAE,CAACL,MAAM,CAAC,CAAC;EAEZ,oBAAOH,IAAA,CAACF,YAAY,EAAAqB,aAAA;IAACZ,MAAM,EAAEA;EAAO,GAAKH,iBAAiB,CAAG,CAAC;AAClE,CAAC","ignoreList":[]}

package/build/esm/components/QueueIcon/QueueIcon.classname.js

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

package/build/esm/components/QueueIcon/QueueIcon.classname.js.map

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

package/build/esm/components/QueueSelect/QueueSelect.classname.js

@@ -1,3 +1,3 @@
-import { block } from "../cn";
+import { block } from "./../cn";
 export var cnQueueSelect = block('queue-select');
 // #sourceMappingURL=QueueSelect.classname.js.map

package/build/esm/components/QueueSelect/QueueSelect.classname.js.map

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

package/build/esm/components/QueueSelect/QueueSelect.css.map

@@ -1 +1 @@
-{"version":3,"sources":["QueueSelect.scss"],"names":[],"mappings":"AACI;EACI,YAAA;AAAR;AAGI;EACI,WAAA;AADR;AAII;EACI,oCAAA;AAFR;AAMQ;EACI,8CAAA;EACA,mBAAA;EAEA,YAAA;EAEA,kCAAA;AANZ;AASQ;EACI,4BAAA;AAPZ;AAWI;EACI,aAAA;EACA,sBAAA;AATR;;AAaA;EACI,aAAA;EACA,mBAAA;AAVJ;AAYI;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;EACA,YAAA;EACA,gCAAA;AAXR;AAcI;;EAEI,yCAAA;EACA,6CAAA;AAZR;AAeI;EACI,kCAAA;EACA,gBAAA;EAEA,mBAAA;EACA,uBAAA;AAdR;AAiBI;EACI,oCAAA;AAfR;AAkBI;EACI,eAAA;AAhBR;;AAoBA;EACI,aAAA;EACA,mBAAA;AAjBJ;AAmBI;EACI,6BAAA;AAjBR;AAoBI;EACI,gCAAA;AAlBR;;AAuBI;EACI,gCAAA;AApBR;;AAyBI;EACI,aAAA;AAtBR;AAyBI;EACI,aAAA;AAvBR;;AA4BI;EACI,aAAA;AAzBR;AA4BI;EACI,aAAA;AA1BR;;AA8BA;EACI,gBAAA;AA3BJ;;AA8BA;EACI,oBAAA;EAEA,gBAAA;EAEA,mBAAA;EACA,uBAAA;AA7BJ;;AAgCA;EACI,uBAAA;AA7BJ;;AAgCA;EACI,sBAAA;EACA,8CAAA;AA7BJ;;AAgCA;EACI,UAAA;AA7BJ;;AAgCA;EACI,6BAAA;AA7BJ;;AAgCA;EACI,6BAAA;AA7BJ","file":"QueueSelect.css","sourcesContent":[".tpc-queue-select {\n    &:not(.tpc-queue-select_with-border) .tpc-select__button::before {\n        border: none;\n    }\n\n    &__control {\n        width: 100%;\n    }\n\n    &__control-block.g-button_size_xl .g-button__icon-inner {\n        color: var(--g-color-text-secondary);\n    }\n\n    &_mobile {\n        .tpc-queue-select__control-block {\n            --g-button-background-color-hover: transparent;\n            align-items: center;\n\n            height: auto;\n\n            color: var(--g-color-text-primary);\n        }\n\n        .g-select-list {\n            margin: var(--g-spacing-2) 0;\n        }\n    }\n\n    &__popup-content {\n        display: flex;\n        flex-direction: column;\n    }\n}\n\n.tpc-queue-select__select-item_forPopup {\n    display: flex;\n    align-items: center;\n\n    .tpc-queue-select__select-item-texts {\n        display: flex;\n        flex-direction: column;\n\n        flex: auto;\n        min-width: 0;\n        padding-left: var(--g-spacing-3);\n    }\n\n    .tpc-queue-select__select-item-name,\n    .tpc-queue-select__select-item-key {\n        font-size: var(--g-text-body-1-font-size);\n        line-height: var(--g-text-body-1-line-height);\n    }\n\n    .tpc-queue-select__select-item-name {\n        color: var(--g-color-text-primary);\n        overflow: hidden;\n\n        white-space: nowrap;\n        text-overflow: ellipsis;\n    }\n\n    .tpc-queue-select__select-item-key {\n        color: var(--g-color-text-secondary);\n    }\n\n    .tpc-queue-select__select-item-icon {\n        min-width: 24px;\n    }\n}\n\n.tpc-queue-select__select-item_forControl {\n    display: flex;\n    align-items: center;\n\n    &_size-xl {\n        padding: var(--g-spacing-2) 0;\n    }\n\n    .tpc-queue-select__select-item-icon {\n        margin-right: var(--g-spacing-3);\n    }\n}\n\n.tpc-queue-select__select-item_platform_touch {\n    .tpc-queue-select__select-item-icon {\n        margin-right: var(--g-spacing-1);\n    }\n}\n\n.tpc-queue-select__control.tpc-queue-select__select-item {\n    &.tpc-queue-select__select-item_forPopup {\n        display: none;\n    }\n\n    &.tpc-queue-select__select-item_forControl {\n        display: flex;\n    }\n}\n\n.tpc-queue-select__popup.tpc-queue-select__select-item {\n    &.tpc-queue-select__select-item_forPopup {\n        display: flex;\n    }\n\n    &.tpc-queue-select__select-item_forControl {\n        display: none;\n    }\n}\n\n.tpc-queue-select__popup {\n    min-width: 320px;\n}\n\n.tpc-queue-select__select-value-name {\n    line-height: unset; // stylelint-disable-line\n\n    overflow: hidden;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n}\n\n.tpc-queue-select__select-display {\n    gap: var(--g-spacing-2);\n}\n\n.tpc-queue-select__search {\n    box-sizing: border-box;\n    padding: var(--g-spacing-2) var(--g-spacing-4);\n}\n\n.tpc-queue-select__list-item {\n    padding: 0;\n}\n\n.g-select-list__option_colored:has(.tpc-queue-select__list-item_selected) {\n    background-color: transparent;\n}\n\n.g-select-list__item.g-list__item_active:has(.tpc-queue-select__list-item_selected) {\n    background-color: transparent;\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["QueueSelect.scss","../../styles/mixins.scss"],"names":[],"mappings":"AAGI;EACI,YAAA;AAFR;AAKI;EACI,WAAA;AAHR;AAMI;EACI,oCAAA;AAJR;AAQQ;EACI,8CAAA;EACA,mBAAA;EAEA,YAAA;EAEA,kCAAA;AARZ;AAWQ;EACI,4BAAA;AATZ;AAaI;EACI,aAAA;EACA,sBAAA;AAXR;;AAeA;EACI,aAAA;EACA,mBAAA;AAZJ;AAcI;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;EACA,YAAA;EACA,gCAAA;AAbR;AAgBI;;EAEI,yCAAA;EACA,6CAAA;AAdR;AAiBI;EACI,kCAAA;ECrDJ,gBAAA;EAEA,mBAAA;EACA,uBAAA;ADsCJ;AAgBI;EACI,oCAAA;AAdR;AAiBI;EACI,eAAA;AAfR;;AAmBA;EACI,aAAA;EACA,mBAAA;AAhBJ;AAkBI;EACI,6BAAA;AAhBR;AAmBI;EACI,gCAAA;AAjBR;;AAsBI;EACI,gCAAA;AAnBR;;AAwBI;EACI,aAAA;AArBR;AAwBI;EACI,aAAA;AAtBR;;AA2BI;EACI,aAAA;AAxBR;AA2BI;EACI,aAAA;AAzBR;;AA6BA;EACI,gBAAA;AA1BJ;;AA6BA;EACI,oBAAA;EC9GA,gBAAA;EAEA,mBAAA;EACA,uBAAA;ADoFJ;;AA4BA;EACI,uBAAA;AAzBJ;;AA4BA;EACI,sBAAA;EACA,8CAAA;AAzBJ;;AA4BA;EACI,UAAA;AAzBJ;;AA4BA;EACI,6BAAA;AAzBJ;;AA4BA;EACI,6BAAA;AAzBJ","file":"QueueSelect.css","sourcesContent":["@use '../../styles/mixins.scss';\n\n.tpc-queue-select {\n    &:not(.tpc-queue-select_with-border) .tpc-select__button::before {\n        border: none;\n    }\n\n    &__control {\n        width: 100%;\n    }\n\n    &__control-block.g-button_size_xl .g-button__icon-inner {\n        color: var(--g-color-text-secondary);\n    }\n\n    &_mobile {\n        .tpc-queue-select__control-block {\n            --g-button-background-color-hover: transparent;\n            align-items: center;\n\n            height: auto;\n\n            color: var(--g-color-text-primary);\n        }\n\n        .g-select-list {\n            margin: var(--g-spacing-2) 0;\n        }\n    }\n\n    &__popup-content {\n        display: flex;\n        flex-direction: column;\n    }\n}\n\n.tpc-queue-select__select-item_forPopup {\n    display: flex;\n    align-items: center;\n\n    .tpc-queue-select__select-item-texts {\n        display: flex;\n        flex-direction: column;\n\n        flex: auto;\n        min-width: 0;\n        padding-left: var(--g-spacing-3);\n    }\n\n    .tpc-queue-select__select-item-name,\n    .tpc-queue-select__select-item-key {\n        font-size: var(--g-text-body-1-font-size);\n        line-height: var(--g-text-body-1-line-height);\n    }\n\n    .tpc-queue-select__select-item-name {\n        color: var(--g-color-text-primary);\n        @include mixins.text-overflow();\n    }\n\n    .tpc-queue-select__select-item-key {\n        color: var(--g-color-text-secondary);\n    }\n\n    .tpc-queue-select__select-item-icon {\n        min-width: 24px;\n    }\n}\n\n.tpc-queue-select__select-item_forControl {\n    display: flex;\n    align-items: center;\n\n    &_size-xl {\n        padding: var(--g-spacing-2) 0;\n    }\n\n    .tpc-queue-select__select-item-icon {\n        margin-right: var(--g-spacing-3);\n    }\n}\n\n.tpc-queue-select__select-item_platform_touch {\n    .tpc-queue-select__select-item-icon {\n        margin-right: var(--g-spacing-1);\n    }\n}\n\n.tpc-queue-select__control.tpc-queue-select__select-item {\n    &.tpc-queue-select__select-item_forPopup {\n        display: none;\n    }\n\n    &.tpc-queue-select__select-item_forControl {\n        display: flex;\n    }\n}\n\n.tpc-queue-select__popup.tpc-queue-select__select-item {\n    &.tpc-queue-select__select-item_forPopup {\n        display: flex;\n    }\n\n    &.tpc-queue-select__select-item_forControl {\n        display: none;\n    }\n}\n\n.tpc-queue-select__popup {\n    min-width: 320px;\n}\n\n.tpc-queue-select__select-value-name {\n    line-height: unset; // stylelint-disable-line\n\n    @include mixins.text-overflow();\n}\n\n.tpc-queue-select__select-display {\n    gap: var(--g-spacing-2);\n}\n\n.tpc-queue-select__search {\n    box-sizing: border-box;\n    padding: var(--g-spacing-2) var(--g-spacing-4);\n}\n\n.tpc-queue-select__list-item {\n    padding: 0;\n}\n\n.g-select-list__option_colored:has(.tpc-queue-select__list-item_selected) {\n    background-color: transparent;\n}\n\n.g-select-list__item.g-list__item_active:has(.tpc-queue-select__list-item_selected) {\n    background-color: transparent;\n}\n","@forward '~@gravity-ui/uikit/styles/mixins';\n\n@mixin text-overflow {\n    overflow: hidden;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n}\n"],"sourceRoot":""}

package/build/esm/components/QueueSelect/QueueSelect.scss

@@ -1,3 +1,5 @@
+@use '../../styles/mixins.scss';
+
 .tpc-queue-select {
     &:not(.tpc-queue-select_with-border) .tpc-select__button::before {
         border: none;
@@ -53,10 +55,7 @@
 
     .tpc-queue-select__select-item-name {
         color: var(--g-color-text-primary);
-        overflow: hidden;
-
-        white-space: nowrap;
-        text-overflow: ellipsis;
+        @include mixins.text-overflow();
     }
 
     .tpc-queue-select__select-item-key {
@@ -114,10 +113,7 @@
 .tpc-queue-select__select-value-name {
     line-height: unset; // stylelint-disable-line
 
-    overflow: hidden;
-
-    white-space: nowrap;
-    text-overflow: ellipsis;
+    @include mixins.text-overflow();
 }
 
 .tpc-queue-select__select-display {

package/build/esm/components/Select/Autocomplete.d.ts

@@ -5,7 +5,7 @@ export type AutocompleteProps<TValue = any> = Omit<MultiAutocompleteProps, 'mult
     value?: SelectOption<TValue>;
     onUpdate: (value: SelectOption<TValue>) => void;
 };
-export declare const Autocomplete: React.ForwardRefExoticComponent<Omit<MultiAutocompleteProps, "multiple" | "onUpdate" | "value"> & {
+export declare const Autocomplete: React.ForwardRefExoticComponent<Omit<MultiAutocompleteProps, "multiple" | "value" | "onUpdate"> & {
     value?: SelectOption<any> | undefined;
     onUpdate: (value: SelectOption<any>) => void;
 } & React.RefAttributes<HTMLButtonElement>>;

package/build/esm/components/Select/MultiAutocomplete.d.ts

@@ -6,7 +6,7 @@ export type MultiAutocompleteProps = Omit<MultiSelectProps, 'filterable' | 'valu
     onUpdate: (value: SelectOption[]) => void;
     searchDelay?: number;
 };
-export declare const MultiAutocomplete: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "onUpdate" | "value" | "filterable"> & {
+export declare const MultiAutocomplete: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "value" | "onUpdate" | "filterable"> & {
     value?: SelectOption[];
     onUpdate: (value: SelectOption[]) => void;
     searchDelay?: number;

package/build/esm/components/Select/Select.classname.js

@@ -1,3 +1,3 @@
-import { block } from "../cn";
+import { block } from "./../cn";
 export var cnSelect = block('select');
 // #sourceMappingURL=Select.classname.js.map

package/build/esm/components/Select/Select.classname.js.map

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