@weavix/tracker-components 0.0.1

package/build/cjs/components/PluginFieldsSelect/README.md

@@ -0,0 +1,486 @@
+# PluginFieldsSelect
+
+<!-- description:start -->
+A dropdown select component for choosing Tracker fields inside a plugin. Accepts a flat list of fields with category metadata and automatically groups them into collapsible category sections. Supports search, multi-select, submit/reset actions, and loading states.
+<!-- description:end -->
+
+## Usage
+
+```tsx
+import {PluginFieldsSelect} from '@weavix/tracker-components';
+import type {PluginFieldsSelectField} from '@weavix/tracker-components';
+
+const fields: PluginFieldsSelectField[] = [
+    {id: 'summary', name: 'Summary', category: {id: '1', display: 'System Fields'}},
+    {id: 'description', name: 'Description', category: {id: '1', display: 'System Fields'}},
+    {id: 'sprint', name: 'Sprint', category: {id: '2', display: 'Custom Fields'}},
+];
+
+<PluginFieldsSelect
+    open={true}
+    fields={fields}
+    onOpenChange={(open) => console.log(open)}
+    onItemSelect={(item) => console.log('selected', item)}
+    onItemDeselect={(item) => console.log('deselected', item)}
+/>;
+```
+
+## Component props
+
+<!-- props:start -->
+```ts
+{
+    /**
+     * Flat list of fields to display. Each field must have an id, name, and category.
+     * Fields without a category.id are silently excluded from the rendered groups.
+     */
+    fields: PluginFieldsSelectField[];
+
+    /**
+     * Whether the select popup is open.
+     */
+    open?: boolean;
+
+    /**
+     * Callback fired when the popup open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+
+    /**
+     * Currently selected items. Used to render the "Selected" group and
+     * to determine whether a click triggers onItemSelect or onItemDeselect.
+     */
+    selectedItems?: TrackerSelectItem[];
+
+    /**
+     * Whether the component is in a loading state. Shows a spinner instead of the list.
+     * @default false
+     */
+    loading?: boolean;
+
+    /**
+     * Callback fired when an unselected item is clicked.
+     */
+    onItemSelect?: (item: TrackerSelectItem) => void;
+
+    /**
+     * Callback fired when a selected item is clicked.
+     */
+    onItemDeselect?: (item: TrackerSelectItem) => void;
+
+    /**
+     * Async callback fired when the submit button is clicked.
+     * The popup closes automatically after the promise resolves.
+     */
+    onSubmit?: () => void | Promise<void>;
+
+    /**
+     * Callback fired when the reset button is clicked.
+     */
+    onReset?: () => void;
+
+    /**
+     * Callback fired when the search input value changes.
+     */
+    onSearchChange?: (search: string) => void;
+
+    /**
+     * Whether to show the search input inside the popup.
+     * @default true
+     */
+    showSearch?: boolean;
+
+    /**
+     * Whether to show the submit button.
+     * @default true
+     */
+    showSubmit?: boolean;
+
+    /**
+     * Whether to show the reset button.
+     * @default false
+     */
+    showReset?: boolean;
+
+    /**
+     * Custom label for the submit button.
+     */
+    submitButtonText?: string;
+
+    /**
+     * Custom label for the reset button.
+     */
+    resetButtonText?: string;
+
+    /**
+     * When true, groups are expanded automatically when the user types in the search input.
+     * @default false
+     */
+    expandGroupsOnSearch?: boolean;
+
+    /**
+     * When true, the group with id === '1' (System Fields) is expanded by default.
+     * @default false
+     */
+    expandSystemGroup?: boolean;
+
+    /**
+     * When true, splits groups by their tag metadata and renders tag-filter buttons above the list.
+     * @default false
+     */
+    splitDataByTag?: boolean;
+
+    /**
+     * When true, renders tag-filter buttons above the list using group names.
+     * @default false
+     */
+    withGroupTags?: boolean;
+
+    /**
+     * Custom footer content rendered below the item list.
+     */
+    footer?: ReactNode;
+
+    /**
+     * Additional CSS class applied to the root element.
+     */
+    className?: string;
+
+    /**
+     * Additional CSS class applied to the popup element.
+     */
+    popupClassName?: string;
+
+    /**
+     * IDs of items that should be rendered as disabled (non-clickable).
+     */
+    disabledItemsIds?: string[];
+
+    /**
+     * When true, shows a "Selected" group at the top of the list containing all currently selected items.
+     * @default false (managed internally based on search state)
+     */
+    showSelectedGroup?: boolean;
+
+    /**
+     * Custom title for the "Selected" group header.
+     */
+    chosenGroupTitle?: string;
+
+    /**
+     * When true, hides the checkbox next to each item.
+     * @default false
+     */
+    hideCheckbox?: boolean;
+
+    /**
+     * When true, clicking an item closes the popup immediately (single-select mode).
+     * @default false
+     */
+    singleSelect?: boolean;
+
+    /**
+     * When true, shows the item meta string below the item label.
+     * @default false
+     */
+    showMeta?: boolean;
+
+    /**
+     * Custom render function for each item row.
+     */
+    renderItem?: (item: TrackerSelectItem) => ReactNode;
+
+    /**
+     * Custom render function for the info area of each item.
+     */
+    renderInfo?: (item: TrackerSelectItem) => ReactNode;
+}
+```
+<!-- props:end -->
+
+## Types
+
+```ts
+type PluginFieldsSelectField = {
+    /** Unique field identifier, e.g. "summary" */
+    id: string;
+    /** Human-readable field name */
+    name: string;
+    /** Category this field belongs to. Fields without a category.id are excluded. */
+    category: TrackerSelectItemValueBase;
+} & Partial<Omit<Field, 'category' | 'name'>>;
+
+type TrackerSelectItemValueBase = {
+    id: string;
+    display?: string;
+};
+
+type TrackerSelectItem = {
+    id: string;
+    display: string;
+    category?: TrackerSelectItemValueBase;
+    name?: string;
+    system?: boolean;
+    meta?: string;
+    tags?: string[];
+    required?: boolean;
+    pinned?: boolean;
+    type?: string;
+};
+```
+
+---
+
+## Tracker API
+
+`PluginFieldsSelect` is data-agnostic — it accepts fields via the `fields` prop. You are responsible for fetching data from the Tracker API and passing it to the component.
+
+There are three fetch flows depending on whether the user has typed anything and whether local (queue-specific) fields are needed.
+
+### Flow 1 — Initial load (no user input)
+
+When the component mounts and no search text is present, fetch the full global field list:
+
+```ts
+const result = await trackerApi.v3.get['/fields']();
+return result.data; // PluginFieldsSelectField[]
+```
+
+> **Recommendation:** Fetch this list only once and store it in your component's initial state (e.g. in `useState` initialised inside a single `useEffect`). Avoid re-fetching on every render or every popup open.
+
+### Flow 2 — Global field suggest (non-empty user input)
+
+When the user types in the search filter and you only need global fields:
+
+```ts
+const result = await trackerApi.v3.post['/fields/_suggest']({
+    bodyParams: {input: text, readOnly: true, localFields: false, extended: true},
+});
+return result.data; // PluginFieldsSelectField[]
+```
+
+> **Important:** The suggest endpoint returns an **empty response when `input` is empty**. Always guard against empty input before calling this endpoint, or fall back to Flow 1 data when the search is cleared.
+
+### Flow 3 — Global + local field suggest for specific queues (non-empty user input)
+
+When the user types and you also need queue-specific local fields:
+
+```ts
+const result = await trackerApi.v3.post['/fields/_suggest']({
+    bodyParams: {
+        input: text,
+        readOnly: true,
+        localFields: true,
+        extended: true,
+        queues: ['QUEUEKEY'],
+    },
+});
+return result.data; // PluginFieldsSelectField[]
+```
+
+> **Important:** The suggest endpoint returns an **empty response when `input` is empty**. Always guard against empty input before calling this endpoint, or fall back to Flow 1 data when the search is cleared.
+
+> **Important:** When `localFields: true`, the `queues` array **must not be empty**. Sending `localFields: true` with an empty `queues` array will cause the request to fail. Always ensure at least one queue key is present before using this flow.
+
+---
+
+### Example 1 — Global fields, initial load only (Flow 1)
+
+Loads all global fields once on mount and passes them directly to the component. No suggest is used — the built-in search input filters the already-loaded list client-side.
+
+```tsx
+import React, {useEffect, useState} from 'react';
+import {PluginFieldsSelect} from '@weavix/tracker-components';
+import type {PluginFieldsSelectField, TrackerSelectItem} from '@weavix/tracker-components';
+
+interface Props {
+    trackerApi: TrackerApi;
+    onSubmit: (selected: TrackerSelectItem[]) => void;
+}
+
+export const GlobalFieldsSelect: React.FC<Props> = ({trackerApi, onSubmit}) => {
+    const [fields, setFields] = useState<PluginFieldsSelectField[]>([]);
+    const [loading, setLoading] = useState(true);
+    const [open, setOpen] = useState(false);
+    const [selectedItems, setSelectedItems] = useState<TrackerSelectItem[]>([]);
+
+    // Flow 1 — fetch all global fields once on mount
+    useEffect(() => {
+        trackerApi.v3
+            .get['/fields']()
+            .then((result) => setFields(result.data))
+            .finally(() => setLoading(false));
+    }, [trackerApi]);
+
+    return (
+        <PluginFieldsSelect
+            open={open}
+            fields={fields}
+            loading={loading}
+            selectedItems={selectedItems}
+            onOpenChange={setOpen}
+            onItemSelect={(item) => setSelectedItems((prev) => [...prev, item])}
+            onItemDeselect={(item) =>
+                setSelectedItems((prev) => prev.filter((s) => s.id !== item.id))
+            }
+            onSubmit={() => onSubmit(selectedItems)}
+            expandSystemGroup
+        />
+    );
+};
+```
+
+---
+
+### Example 2 — Global field suggest on user input (Flow 2)
+
+Uses Flow 1 to populate the initial list and switches to the suggest endpoint (Flow 2) as soon as the user types. The suggest response replaces the displayed fields while the user is searching.
+
+```tsx
+import React, {useEffect, useState} from 'react';
+import {PluginFieldsSelect} from '@weavix/tracker-components';
+import type {PluginFieldsSelectField, TrackerSelectItem} from '@weavix/tracker-components';
+
+interface Props {
+    trackerApi: TrackerApi;
+    onSubmit: (selected: TrackerSelectItem[]) => void;
+}
+
+export const GlobalFieldsSelectWithSuggest: React.FC<Props> = ({trackerApi, onSubmit}) => {
+    const [initialFields, setInitialFields] = useState<PluginFieldsSelectField[]>([]);
+    const [fields, setFields] = useState<PluginFieldsSelectField[]>([]);
+    const [loading, setLoading] = useState(true);
+    const [open, setOpen] = useState(false);
+    const [selectedItems, setSelectedItems] = useState<TrackerSelectItem[]>([]);
+
+    // Flow 1 — fetch all global fields once on mount
+    useEffect(() => {
+        trackerApi.v3
+            .get['/fields']()
+            .then((result) => {
+                setInitialFields(result.data);
+                setFields(result.data);
+            })
+            .finally(() => setLoading(false));
+    }, [trackerApi]);
+
+    // Flow 2 — suggest global fields when the user types
+    const handleSearchChange = async (text: string) => {
+        // Fall back to the initial list when the search is cleared —
+        // the suggest endpoint returns empty results for an empty input.
+        if (!text) {
+            setFields(initialFields);
+            return;
+        }
+
+        const result = await trackerApi.v3.post['/fields/_suggest']({
+            bodyParams: {input: text, readOnly: true, localFields: false, extended: true},
+        });
+        setFields(result.data);
+    };
+
+    return (
+        <PluginFieldsSelect
+            open={open}
+            fields={fields}
+            loading={loading}
+            selectedItems={selectedItems}
+            onOpenChange={setOpen}
+            onSearchChange={handleSearchChange}
+            onItemSelect={(item) => setSelectedItems((prev) => [...prev, item])}
+            onItemDeselect={(item) =>
+                setSelectedItems((prev) => prev.filter((s) => s.id !== item.id))
+            }
+            onSubmit={() => onSubmit(selectedItems)}
+            expandGroupsOnSearch
+        />
+    );
+};
+```
+
+---
+
+### Example 3 — Global + local field suggest for specific queues (Flow 3)
+
+Extends Flow 2 by including queue-specific local fields. Falls back to Flow 2 (global suggest, no local fields) when `queueKeys` is empty, because `localFields: true` with an empty `queues` array causes the request to fail. Falls back to the initial global list when the search input is empty.
+
+```tsx
+import React, {useEffect, useState} from 'react';
+import {PluginFieldsSelect} from '@weavix/tracker-components';
+import type {PluginFieldsSelectField, TrackerSelectItem} from '@weavix/tracker-components';
+
+interface Props {
+    trackerApi: TrackerApi;
+    /** At least one queue key must be provided when using local fields. */
+    queueKeys: string[];
+    onSubmit: (selected: TrackerSelectItem[]) => void;
+}
+
+export const LocalFieldsSelectWithSuggest: React.FC<Props> = ({
+    trackerApi,
+    queueKeys,
+    onSubmit,
+}) => {
+    const [initialFields, setInitialFields] = useState<PluginFieldsSelectField[]>([]);
+    const [fields, setFields] = useState<PluginFieldsSelectField[]>([]);
+    const [loading, setLoading] = useState(true);
+    const [open, setOpen] = useState(false);
+    const [selectedItems, setSelectedItems] = useState<TrackerSelectItem[]>([]);
+
+    // Flow 1 — fetch all global fields once on mount
+    useEffect(() => {
+        trackerApi.v3
+            .get['/fields']()
+            .then((result) => {
+                setInitialFields(result.data);
+                setFields(result.data);
+            })
+            .finally(() => setLoading(false));
+    }, [trackerApi]);
+
+    // Flow 3 — suggest global + local fields for specific queues when the user types.
+    // Falls back to Flow 2 (global suggest only) when queueKeys is empty, because
+    // localFields: true with an empty queues array causes the request to fail.
+    const handleSearchChange = async (text: string) => {
+        // Fall back to the initial list when the search is cleared —
+        // the suggest endpoint returns empty results for an empty input.
+        if (!text) {
+            setFields(initialFields);
+            return;
+        }
+
+        const hasQueues = queueKeys.length > 0;
+
+        const result = await trackerApi.v3.post['/fields/_suggest']({
+            bodyParams: {
+                input: text,
+                readOnly: true,
+                // Use localFields only when we have at least one queue key.
+                // With an empty queues array the request will fail, so we fall
+                // back to Flow 2 (global suggest, localFields: false).
+                localFields: hasQueues,
+                extended: true,
+                ...(hasQueues && {queues: queueKeys}),
+            },
+        });
+        setFields(result.data);
+    };
+
+    return (
+        <PluginFieldsSelect
+            open={open}
+            fields={fields}
+            loading={loading}
+            selectedItems={selectedItems}
+            onOpenChange={setOpen}
+            onSearchChange={handleSearchChange}
+            onItemSelect={(item) => setSelectedItems((prev) => [...prev, item])}
+            onItemDeselect={(item) =>
+                setSelectedItems((prev) => prev.filter((s) => s.id !== item.id))
+            }
+            onSubmit={() => onSubmit(selectedItems)}
+            expandGroupsOnSearch
+        />
+    );
+};
+```

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

@@ -0,0 +1,2 @@
+export { PluginFieldsSelect } from './PluginFieldsSelect';
+export type { PluginFieldsSelectField, PluginFieldsSelectProps } from './PluginFieldsSelect';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_PluginFieldsSelect","require"],"sources":["index.ts"],"sourcesContent":["export {PluginFieldsSelect} from './PluginFieldsSelect';\nexport type {PluginFieldsSelectField, PluginFieldsSelectProps} from './PluginFieldsSelect';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA","ignoreList":[]}

package/build/cjs/components/QueueIcon/QueueIcon.classname.d.ts

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

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cnQueueIcon = void 0;
+var _cn = require("../cn");
+var cnQueueIcon = exports.cnQueueIcon = (0, _cn.block)('queue-icon');
+// #sourceMappingURL=QueueIcon.classname.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_cn","require","cnQueueIcon","exports","block"],"sources":["QueueIcon.classname.ts"],"sourcesContent":["import {block} from '../cn';\n\nexport const cnQueueIcon = block('queue-icon');\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,SAAK,EAAC,YAAY,CAAC","ignoreList":[]}

package/build/cjs/components/QueueIcon/QueueIcon.css

@@ -0,0 +1,8 @@
+.tpc-queue-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  border-style: solid;
+}
+/*# sourceMappingURL=QueueIcon.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["QueueIcon.scss"],"names":[],"mappings":"AAAA;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EAEA,sBAAA;EAEA,mBAAA;AADJ","file":"QueueIcon.css","sourcesContent":[".tpc-queue-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    box-sizing: border-box;\n\n    border-style: solid;\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+import './QueueIcon.scss';
+export type QueueIconProps = {
+    className?: string;
+    queueId: string;
+    size?: number;
+    fontSize?: number;
+};
+export declare const QueueIcon: FC<QueueIconProps>;

package/build/cjs/components/QueueIcon/QueueIcon.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QueueIcon = void 0;
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.slice.js");
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _QueueIcon = require("./QueueIcon.classname");
+require("./QueueIcon.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var QueueIcon = exports.QueueIcon = function QueueIcon(_ref) {
+  var className = _ref.className,
+    queueId = _ref.queueId,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
+    _ref$fontSize = _ref.fontSize,
+    fontSize = _ref$fontSize === void 0 ? 0.4 * size : _ref$fontSize;
+  var theme = (0, _uikit.useThemeType)();
+  var randomColor = (0, _uikit.useColorGenerator)({
+    seed: queueId,
+    theme: theme
+  });
+  var color = "rgb(".concat(randomColor.rgb.r, ",").concat(randomColor.rgb.g, ",").concat(randomColor.rgb.b, ")");
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _QueueIcon.cnQueueIcon)(null, className),
+    "aria-hidden": true,
+    style: {
+      minWidth: size,
+      width: size,
+      height: size,
+      borderRadius: 6 / 24 * size,
+      borderWidth: 1.6 / 24 * size,
+      borderColor: color,
+      fontSize: fontSize,
+      color: color
+    },
+    children: queueId.slice(0, 2)
+  });
+};
+// #sourceMappingURL=QueueIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_QueueIcon","_jsxRuntime","e","__esModule","default","QueueIcon","exports","_ref","className","queueId","_ref$size","size","_ref$fontSize","fontSize","theme","useThemeType","randomColor","useColorGenerator","seed","color","concat","rgb","r","g","b","_jsx","cnQueueIcon","style","minWidth","width","height","borderRadius","borderWidth","borderColor","children","slice"],"sources":["QueueIcon.tsx"],"sourcesContent":["import type {FC} from 'react';\nimport React from 'react';\n\nimport {useColorGenerator, useThemeType} from '@gravity-ui/uikit';\n\nimport {cnQueueIcon} from './QueueIcon.classname';\n\nimport './QueueIcon.scss';\n\nexport type QueueIconProps = {\n    className?: string;\n    queueId: string;\n    size?: number;\n    fontSize?: number;\n};\n\nexport const QueueIcon: FC<QueueIconProps> = ({\n    className,\n    queueId,\n    size = 24,\n    fontSize = 0.4 * size,\n}) => {\n    const theme = useThemeType();\n    const randomColor = useColorGenerator({seed: queueId, theme});\n    const color = `rgb(${randomColor.rgb.r},${randomColor.rgb.g},${randomColor.rgb.b})`;\n\n    return (\n        <div\n            className={cnQueueIcon(null, className)}\n            aria-hidden\n            style={{\n                minWidth: size,\n                width: size,\n                height: size,\n                borderRadius: (6 / 24) * size,\n                borderWidth: (1.6 / 24) * size,\n                borderColor: color,\n                fontSize: fontSize,\n                color,\n            }}\n        >\n            {queueId.slice(0, 2)}\n        </div>\n    );\n};\n"],"mappings":";;;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAEAA,OAAA;AAA0B,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASnB,IAAMG,SAA6B,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAhCA,SAA6BA,CAAAE,IAAA,EAKpC;EAAA,IAJFC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAAC,SAAA,GAAAH,IAAA,CACPI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IAAAE,aAAA,GAAAL,IAAA,CACTM,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,GAAG,GAAGD,IAAI,GAAAC,aAAA;EAErB,IAAME,KAAK,GAAG,IAAAC,mBAAY,EAAC,CAAC;EAC5B,IAAMC,WAAW,GAAG,IAAAC,wBAAiB,EAAC;IAACC,IAAI,EAAET,OAAO;IAAEK,KAAK,EAALA;EAAK,CAAC,CAAC;EAC7D,IAAMK,KAAK,UAAAC,MAAA,CAAUJ,WAAW,CAACK,GAAG,CAACC,CAAC,OAAAF,MAAA,CAAIJ,WAAW,CAACK,GAAG,CAACE,CAAC,OAAAH,MAAA,CAAIJ,WAAW,CAACK,GAAG,CAACG,CAAC,MAAG;EAEnF,oBACI,IAAAC,eAAA;IACIjB,SAAS,EAAE,IAAAkB,sBAAW,EAAC,IAAI,EAAElB,SAAS,CAAE;IACxC,mBAAW;IACXmB,KAAK,EAAE;MACHC,QAAQ,EAAEjB,IAAI;MACdkB,KAAK,EAAElB,IAAI;MACXmB,MAAM,EAAEnB,IAAI;MACZoB,YAAY,EAAG,CAAC,GAAG,EAAE,GAAIpB,IAAI;MAC7BqB,WAAW,EAAG,GAAG,GAAG,EAAE,GAAIrB,IAAI;MAC9BsB,WAAW,EAAEd,KAAK;MAClBN,QAAQ,EAAEA,QAAQ;MAClBM,KAAK,EAALA;IACJ,CAAE;IAAAe,QAAA,EAEDzB,OAAO,CAAC0B,KAAK,CAAC,CAAC,EAAE,CAAC;EAAC,CACnB,CAAC;AAEd,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_QueueIcon","require"],"sources":["index.ts"],"sourcesContent":["export {QueueIcon} from './QueueIcon';\nexport type {QueueIconProps} from './QueueIcon';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA","ignoreList":[]}

package/build/cjs/components/QueueSelect/QueueSelect.classname.d.ts

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

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cnQueueSelect = void 0;
+var _cn = require("../cn");
+var cnQueueSelect = exports.cnQueueSelect = (0, _cn.block)('queue-select');
+// #sourceMappingURL=QueueSelect.classname.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_cn","require","cnQueueSelect","exports","block"],"sources":["QueueSelect.classname.ts"],"sourcesContent":["import {block} from '../cn';\n\nexport const cnQueueSelect = block('queue-select');\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,SAAK,EAAC,cAAc,CAAC","ignoreList":[]}