@weavix/tracker-components 0.0.1

package/build/esm/components/TrackerSelect/components/Search.d.ts

@@ -0,0 +1,14 @@
+import type { FC } from 'react';
+import React from 'react';
+type SearchProps = {
+    autoFocus?: boolean;
+    value?: string;
+    controlRef?: React.RefObject<HTMLInputElement>;
+    hasClear?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    controlProps?: React.HTMLAttributes<HTMLInputElement>;
+};
+export declare const Search: FC<SearchProps>;
+export {};

package/build/esm/components/TrackerSelect/components/Search.js

@@ -0,0 +1,36 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["autoFocus"];
+import React, { memo, useRef } from 'react';
+import { TextInput, getConfig } from '@gravity-ui/uikit';
+import { useAutoFocus } from "./../../../hooks/useAutoFocus";
+import { useLocalizedString } from "./../../../hooks/useLocalizedString";
+import { cnTrackerSelect } from "../TrackerSelect.classname";
+import { defaultMessages } from "../i18n";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Search = /*#__PURE__*/memo(function () {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    autoFocus = _ref.autoFocus,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var searchContainerRef = useRef(null);
+  var config = getConfig();
+  var _useLocalizedString = useLocalizedString(defaultMessages, config.lang),
+    t = _useLocalizedString.t;
+  useAutoFocus({
+    containerRef: searchContainerRef,
+    elementSelector: '.g-text-input__control',
+    shouldFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : true
+  });
+  return /*#__PURE__*/_jsx("div", {
+    className: cnTrackerSelect('search-container'),
+    ref: searchContainerRef,
+    children: /*#__PURE__*/_jsx(TextInput, _objectSpread({
+      className: cnTrackerSelect('search'),
+      view: "clear",
+      size: "l",
+      placeholder: t('search')
+    }, props))
+  });
+});
+Search.displayName = 'Search';
+// #sourceMappingURL=Search.js.map

package/build/esm/components/TrackerSelect/components/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useRef","TextInput","getConfig","useAutoFocus","useLocalizedString","cnTrackerSelect","defaultMessages","jsx","_jsx","Search","_ref","arguments","length","undefined","autoFocus","props","_objectWithoutProperties","_excluded","searchContainerRef","config","_useLocalizedString","lang","t","containerRef","elementSelector","shouldFocus","className","ref","children","_objectSpread","view","size","placeholder","displayName"],"sources":["Search.tsx"],"sourcesContent":["import type {FC} from 'react';\nimport React, {memo, useRef} from 'react';\n\nimport {TextInput, getConfig} from '@gravity-ui/uikit';\n\nimport {useAutoFocus} from '~/src/hooks/useAutoFocus';\nimport {useLocalizedString} from '~/src/hooks/useLocalizedString';\n\nimport {cnTrackerSelect} from '../TrackerSelect.classname';\nimport {defaultMessages} from '../i18n';\n\ntype SearchProps = {\n    autoFocus?: boolean;\n    value?: string;\n    controlRef?: React.RefObject<HTMLInputElement>;\n    hasClear?: boolean;\n    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n    placeholder?: string;\n    controlProps?: React.HTMLAttributes<HTMLInputElement>;\n};\n\nexport const Search: FC<SearchProps> = memo(({autoFocus, ...props}: SearchProps = {}) => {\n    const searchContainerRef = useRef<HTMLDivElement>(null);\n\n    const config = getConfig();\n    const {t} = useLocalizedString(defaultMessages, config.lang);\n\n    useAutoFocus({\n        containerRef: searchContainerRef,\n        elementSelector: '.g-text-input__control',\n        shouldFocus: autoFocus ?? true,\n    });\n\n    return (\n        <div className={cnTrackerSelect('search-container')} ref={searchContainerRef}>\n            <TextInput\n                className={cnTrackerSelect('search')}\n                view=\"clear\"\n                size=\"l\"\n                placeholder={t('search')}\n                {...props}\n            />\n        </div>\n    );\n});\n\nSearch.displayName = 'Search';\n"],"mappings":";;;AACA,OAAOA,KAAK,IAAGC,IAAI,EAAEC,MAAM,QAAO,OAAO;AAEzC,SAAQC,SAAS,EAAEC,SAAS,QAAO,mBAAmB;AAEtD,SAAQC,YAAY;AACpB,SAAQC,kBAAkB;AAE1B,SAAQC,eAAe;AACvB,SAAQC,eAAe;AAAiB,SAAAC,GAAA,IAAAC,IAAA;AAaxC,OAAO,IAAMC,MAAuB,gBAAGV,IAAI,CAAC,YAA6C;EAAA,IAAAW,IAAA,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAP,CAAC,CAAC;IAAtCG,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAC7D,IAAMC,kBAAkB,GAAGlB,MAAM,CAAiB,IAAI,CAAC;EAEvD,IAAMmB,MAAM,GAAGjB,SAAS,CAAC,CAAC;EAC1B,IAAAkB,mBAAA,GAAYhB,kBAAkB,CAACE,eAAe,EAAEa,MAAM,CAACE,IAAI,CAAC;IAArDC,CAAC,GAAAF,mBAAA,CAADE,CAAC;EAERnB,YAAY,CAAC;IACToB,YAAY,EAAEL,kBAAkB;IAChCM,eAAe,EAAE,wBAAwB;IACzCC,WAAW,EAAEX,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI;EAC9B,CAAC,CAAC;EAEF,oBACIN,IAAA;IAAKkB,SAAS,EAAErB,eAAe,CAAC,kBAAkB,CAAE;IAACsB,GAAG,EAAET,kBAAmB;IAAAU,QAAA,eACzEpB,IAAA,CAACP,SAAS,EAAA4B,aAAA;MACNH,SAAS,EAAErB,eAAe,CAAC,QAAQ,CAAE;MACrCyB,IAAI,EAAC,OAAO;MACZC,IAAI,EAAC,GAAG;MACRC,WAAW,EAAEV,CAAC,CAAC,QAAQ;IAAE,GACrBP,KAAK,CACZ;EAAC,CACD,CAAC;AAEd,CAAC,CAAC;AAEFN,MAAM,CAACwB,WAAW,GAAG,QAAQ","ignoreList":[]}

package/build/esm/components/TrackerSelect/components/SelectGroup.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { TrackerSelectGroup, TrackerSelectItem, TrackerSelectItemValueBase } from '../types';
+import { SelectItems } from './SelectItems';
+export type SelectGroupProps<Value extends TrackerSelectItemValueBase = TrackerSelectItemValueBase> = {
+    group: TrackerSelectGroup<Value>;
+    items: TrackerSelectItem<Value>[];
+    selectedItemsIds?: string[];
+    disabledItemsIds?: string[];
+    onItemClick?: (item: TrackerSelectItem<Value>) => void;
+    onItemPin?: (id: string) => void;
+    onItemUnpin?: (id: string) => void;
+    activeItemId?: string;
+    expanded?: boolean;
+    onExpandChange?: (groupId: string, expanded: boolean) => void;
+    className?: string;
+    groupId?: string;
+    collapsible?: boolean;
+    withHeading?: boolean;
+} & Pick<Parameters<typeof SelectItems>[0], 'renderItem' | 'renderInfo' | 'showArrowOnUnselectedItems' | 'hideCheckbox' | 'singleSelect' | 'showMeta' | 'itemActions' | 'pinnable' | 'disableDefaultItemRender' | 'itemClassName'>;
+export declare const SelectGroup: <Value extends TrackerSelectItemValueBase>({ group, items, selectedItemsIds, disabledItemsIds, onItemClick, onItemPin, onItemUnpin, activeItemId, expanded, onExpandChange, renderItem, renderInfo, showArrowOnUnselectedItems, hideCheckbox, singleSelect, showMeta, itemActions, pinnable, disableDefaultItemRender, itemClassName, className, groupId, collapsible, withHeading, }: SelectGroupProps<Value>) => React.JSX.Element;

package/build/esm/components/TrackerSelect/components/SelectGroup.js

@@ -0,0 +1,101 @@
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/esnext.array.group.js";
+import React, { useCallback, useMemo } from 'react';
+import { Icon, Text } from '@gravity-ui/uikit';
+import { TrackerDisclosure } from "../../TrackerDisclosure/TrackerDisclosure";
+import { cnTrackerSelect } from "../TrackerSelect.classname";
+import { SelectItems } from "./SelectItems";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var SelectGroup = function SelectGroup(_ref) {
+  var group = _ref.group,
+    items = _ref.items,
+    selectedItemsIds = _ref.selectedItemsIds,
+    disabledItemsIds = _ref.disabledItemsIds,
+    onItemClick = _ref.onItemClick,
+    onItemPin = _ref.onItemPin,
+    onItemUnpin = _ref.onItemUnpin,
+    activeItemId = _ref.activeItemId,
+    expanded = _ref.expanded,
+    onExpandChange = _ref.onExpandChange,
+    renderItem = _ref.renderItem,
+    renderInfo = _ref.renderInfo,
+    showArrowOnUnselectedItems = _ref.showArrowOnUnselectedItems,
+    hideCheckbox = _ref.hideCheckbox,
+    singleSelect = _ref.singleSelect,
+    showMeta = _ref.showMeta,
+    itemActions = _ref.itemActions,
+    pinnable = _ref.pinnable,
+    disableDefaultItemRender = _ref.disableDefaultItemRender,
+    itemClassName = _ref.itemClassName,
+    className = _ref.className,
+    groupId = _ref.groupId,
+    collapsible = _ref.collapsible,
+    withHeading = _ref.withHeading;
+  var handleExpandChange = useCallback(function (newExpanded) {
+    onExpandChange === null || onExpandChange === void 0 || onExpandChange(group.id, newExpanded);
+  }, [group.id, onExpandChange]);
+  var modifiers = useMemo(function () {
+    var mods = {};
+    if (group.type) {
+      mods.type = group.type;
+    }
+    return mods;
+  }, [group.type]);
+  var renderSelectedItems = function renderSelectedItems() {
+    return /*#__PURE__*/_jsx(SelectItems, {
+      items: items,
+      selectedItemsIds: selectedItemsIds,
+      disabledItemsIds: disabledItemsIds,
+      onItemClick: onItemClick,
+      onItemPin: onItemPin,
+      onItemUnpin: onItemUnpin,
+      activeItemId: activeItemId,
+      renderItem: renderItem,
+      renderInfo: renderInfo,
+      showArrowOnUnselectedItems: showArrowOnUnselectedItems,
+      hideCheckbox: hideCheckbox,
+      singleSelect: singleSelect,
+      showMeta: showMeta,
+      itemActions: itemActions,
+      pinnable: pinnable,
+      disableDefaultItemRender: disableDefaultItemRender,
+      itemClassName: itemClassName,
+      groupId: groupId
+    });
+  };
+  if (collapsible) {
+    var _group$name;
+    return /*#__PURE__*/_jsx("div", {
+      className: cnTrackerSelect('group', modifiers, className),
+      children: /*#__PURE__*/_jsx(TrackerDisclosure, {
+        summary: /*#__PURE__*/_jsxs("span", {
+          "data-id": "group-".concat(group.id),
+          className: cnTrackerSelect('collapse-group-title'),
+          children: [group.icon && /*#__PURE__*/_jsx(Icon, {
+            data: group.icon,
+            size: 16
+          }), /*#__PURE__*/_jsx("span", {
+            children: (_group$name = group.name) !== null && _group$name !== void 0 ? _group$name : ''
+          })]
+        }),
+        className: cnTrackerSelect('collapse'),
+        summaryClassName: cnTrackerSelect('collapse-header'),
+        arrowClassName: cnTrackerSelect('collapse-header-icon'),
+        defaultExpanded: group.expand,
+        expanded: expanded,
+        onUpdate: handleExpandChange,
+        children: (group.expand || expanded) && renderSelectedItems()
+      }, group.id)
+    });
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    className: cnTrackerSelect('group', modifiers, className),
+    children: [withHeading ? /*#__PURE__*/_jsx(Text, {
+      as: "h2",
+      variant: "body-1",
+      className: cnTrackerSelect('group-title'),
+      children: group.name
+    }) : null, renderSelectedItems()]
+  });
+};
+// #sourceMappingURL=SelectGroup.js.map

package/build/esm/components/TrackerSelect/components/SelectGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","Icon","Text","TrackerDisclosure","cnTrackerSelect","SelectItems","jsx","_jsx","jsxs","_jsxs","SelectGroup","_ref","group","items","selectedItemsIds","disabledItemsIds","onItemClick","onItemPin","onItemUnpin","activeItemId","expanded","onExpandChange","renderItem","renderInfo","showArrowOnUnselectedItems","hideCheckbox","singleSelect","showMeta","itemActions","pinnable","disableDefaultItemRender","itemClassName","className","groupId","collapsible","withHeading","handleExpandChange","newExpanded","id","modifiers","mods","type","renderSelectedItems","_group$name","children","summary","concat","icon","data","size","name","summaryClassName","arrowClassName","defaultExpanded","expand","onUpdate","as","variant"],"sources":["SelectGroup.tsx"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\n\nimport {Icon, Text} from '@gravity-ui/uikit';\n\nimport {TrackerDisclosure} from '../../TrackerDisclosure/TrackerDisclosure';\nimport {cnTrackerSelect} from '../TrackerSelect.classname';\nimport type {TrackerSelectGroup, TrackerSelectItem, TrackerSelectItemValueBase} from '../types';\n\nimport {SelectItems} from './SelectItems';\n\nexport type SelectGroupProps<\n    Value extends TrackerSelectItemValueBase = TrackerSelectItemValueBase,\n> = {\n    group: TrackerSelectGroup<Value>;\n    items: TrackerSelectItem<Value>[];\n    selectedItemsIds?: string[];\n    disabledItemsIds?: string[];\n    onItemClick?: (item: TrackerSelectItem<Value>) => void;\n    onItemPin?: (id: string) => void;\n    onItemUnpin?: (id: string) => void;\n    activeItemId?: string;\n    expanded?: boolean;\n    onExpandChange?: (groupId: string, expanded: boolean) => void;\n    className?: string;\n    groupId?: string;\n    collapsible?: boolean;\n    withHeading?: boolean;\n} & Pick<\n    Parameters<typeof SelectItems>[0],\n    | 'renderItem'\n    | 'renderInfo'\n    | 'showArrowOnUnselectedItems'\n    | 'hideCheckbox'\n    | 'singleSelect'\n    | 'showMeta'\n    | 'itemActions'\n    | 'pinnable'\n    | 'disableDefaultItemRender'\n    | 'itemClassName'\n>;\n\nexport const SelectGroup = <Value extends TrackerSelectItemValueBase>({\n    group,\n    items,\n    selectedItemsIds,\n    disabledItemsIds,\n    onItemClick,\n    onItemPin,\n    onItemUnpin,\n    activeItemId,\n    expanded,\n    onExpandChange,\n    renderItem,\n    renderInfo,\n    showArrowOnUnselectedItems,\n    hideCheckbox,\n    singleSelect,\n    showMeta,\n    itemActions,\n    pinnable,\n    disableDefaultItemRender,\n    itemClassName,\n    className,\n    groupId,\n    collapsible,\n    withHeading,\n}: SelectGroupProps<Value>) => {\n    const handleExpandChange = useCallback(\n        (newExpanded: boolean) => {\n            onExpandChange?.(group.id, newExpanded);\n        },\n        [group.id, onExpandChange],\n    );\n\n    const modifiers = useMemo(() => {\n        const mods: Record<string, boolean | string> = {};\n        if (group.type) {\n            mods.type = group.type;\n        }\n        return mods;\n    }, [group.type]);\n\n    const renderSelectedItems = () => (\n        <SelectItems\n            items={items}\n            selectedItemsIds={selectedItemsIds}\n            disabledItemsIds={disabledItemsIds}\n            onItemClick={onItemClick}\n            onItemPin={onItemPin}\n            onItemUnpin={onItemUnpin}\n            activeItemId={activeItemId}\n            renderItem={renderItem}\n            renderInfo={renderInfo}\n            showArrowOnUnselectedItems={showArrowOnUnselectedItems}\n            hideCheckbox={hideCheckbox}\n            singleSelect={singleSelect}\n            showMeta={showMeta}\n            itemActions={itemActions}\n            pinnable={pinnable}\n            disableDefaultItemRender={disableDefaultItemRender}\n            itemClassName={itemClassName}\n            groupId={groupId}\n        />\n    );\n\n    if (collapsible) {\n        return (\n            <div className={cnTrackerSelect('group', modifiers, className)}>\n                <TrackerDisclosure\n                    key={group.id}\n                    summary={\n                        <span\n                            data-id={`group-${group.id}`}\n                            className={cnTrackerSelect('collapse-group-title')}\n                        >\n                            {group.icon && <Icon data={group.icon} size={16} />}\n                            <span>{group.name ?? ''}</span>\n                        </span>\n                    }\n                    className={cnTrackerSelect('collapse')}\n                    summaryClassName={cnTrackerSelect('collapse-header')}\n                    arrowClassName={cnTrackerSelect('collapse-header-icon')}\n                    defaultExpanded={group.expand}\n                    expanded={expanded}\n                    onUpdate={handleExpandChange}\n                >\n                    {(group.expand || expanded) && renderSelectedItems()}\n                </TrackerDisclosure>\n            </div>\n        );\n    }\n\n    return (\n        <div className={cnTrackerSelect('group', modifiers, className)}>\n            {withHeading ? (\n                <Text as=\"h2\" variant=\"body-1\" className={cnTrackerSelect('group-title')}>\n                    {group.name}\n                </Text>\n            ) : null}\n            {renderSelectedItems()}\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/TrackerSelect/components/SelectItem.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { TrackerSelectItem, TrackerSelectItemActions, TrackerSelectItemValueBase } from '../types';
+export type SelectItemProps<Value extends TrackerSelectItemValueBase = TrackerSelectItemValueBase> = {
+    item: TrackerSelectItem<Value>;
+    view?: 'meta-primary';
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    active?: boolean;
+    showMeta?: boolean;
+    showArrowOnUnselectedItems?: boolean;
+    hideCheckbox?: boolean;
+    singleSelect?: boolean;
+    renderItem?: (item: TrackerSelectItem<Value>, isSelected: boolean) => ReactNode;
+    renderInfo?: (item: TrackerSelectItem<Value>, isSelected: boolean) => ReactNode;
+    groupId?: string;
+    onPin?: (id: string) => void;
+    onUnpin?: (id: string) => void;
+    itemActions?: TrackerSelectItemActions<Value> | null;
+    pinnable?: boolean;
+    disableDefaultItemRender?: boolean;
+    onItemClick?: (item: TrackerSelectItem<Value>) => void;
+    itemClassName?: string;
+};
+declare const SelectItemWrapped: <Value extends TrackerSelectItemValueBase>({ item, view, isSelected, isDisabled, active, itemActions: ItemActions, showMeta, showArrowOnUnselectedItems, hideCheckbox, renderItem, renderInfo, pinnable, onPin, onUnpin, groupId, disableDefaultItemRender, onItemClick, itemClassName, }: SelectItemProps<Value>) => React.JSX.Element;
+export declare const SelectItem: typeof SelectItemWrapped;
+export {};

package/build/esm/components/TrackerSelect/components/SelectItem.js

@@ -0,0 +1,143 @@
+import "core-js/modules/es.array.concat.js";
+import React, { memo, useCallback, useMemo } from 'react';
+import { Check, ChevronRight, Pin, PinSlash } from '@gravity-ui/icons';
+import { Button, Icon, Tooltip } from '@gravity-ui/uikit';
+import { cnTrackerSelect } from "../TrackerSelect.classname";
+import { useHint } from "../hooks/useHint";
+import { getElementId } from "../utils/getElementId";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var SelectItemWrapped = function SelectItemWrapped(_ref) {
+  var item = _ref.item,
+    view = _ref.view,
+    isSelected = _ref.isSelected,
+    isDisabled = _ref.isDisabled,
+    active = _ref.active,
+    ItemActions = _ref.itemActions,
+    showMeta = _ref.showMeta,
+    showArrowOnUnselectedItems = _ref.showArrowOnUnselectedItems,
+    hideCheckbox = _ref.hideCheckbox,
+    renderItem = _ref.renderItem,
+    renderInfo = _ref.renderInfo,
+    pinnable = _ref.pinnable,
+    onPin = _ref.onPin,
+    onUnpin = _ref.onUnpin,
+    groupId = _ref.groupId,
+    disableDefaultItemRender = _ref.disableDefaultItemRender,
+    onItemClick = _ref.onItemClick,
+    itemClassName = _ref.itemClassName;
+  var _useHint = useHint(),
+    withHint = _useHint.withHint,
+    handleTextNodeRef = _useHint.handleTextNodeRef;
+  var handleClick = useCallback(function (_event) {
+    if (isDisabled) {
+      return;
+    }
+    onItemClick === null || onItemClick === void 0 || onItemClick(item);
+  }, [isDisabled, item, onItemClick]);
+  var handleKeyDown = useCallback(function (event) {
+    if (isDisabled) {
+      return;
+    }
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      onItemClick === null || onItemClick === void 0 || onItemClick(item);
+    }
+  }, [isDisabled, item, onItemClick]);
+  var handlePinClick = useCallback(function (event) {
+    event.stopPropagation();
+    if (item.pinned) {
+      onUnpin === null || onUnpin === void 0 || onUnpin(item.id);
+    } else {
+      onPin === null || onPin === void 0 || onPin(item.id);
+    }
+  }, [item.pinned, item.id, onPin, onUnpin]);
+  var withMeta = showMeta && Boolean(item.meta);
+  var icon = useMemo(function () {
+    if (hideCheckbox) {
+      return null;
+    }
+    if (isSelected) {
+      return /*#__PURE__*/_jsx(Icon, {
+        className: cnTrackerSelect('checkbox-icon', {
+          type: 'checkbox'
+        }),
+        data: Check,
+        size: 16
+      });
+    }
+    if (showArrowOnUnselectedItems) {
+      return /*#__PURE__*/_jsx(Icon, {
+        className: cnTrackerSelect('checkbox-icon', {
+          type: 'arrow'
+        }),
+        data: ChevronRight,
+        size: 16
+      });
+    }
+    return /*#__PURE__*/_jsx("span", {
+      className: cnTrackerSelect('checkbox-spacer')
+    });
+  }, [hideCheckbox, isSelected, showArrowOnUnselectedItems]);
+  var itemId = getElementId(item.id, groupId);
+  return /*#__PURE__*/_jsx(Tooltip, {
+    content: item.display,
+    placement: ['right', 'bottom-end'],
+    closeDelay: 0,
+    openDelay: 500,
+    disabled: !withHint,
+    children: /*#__PURE__*/_jsxs("div", {
+      id: itemId,
+      "data-id": "item-".concat(groupId, "-").concat(item.id),
+      className: cnTrackerSelect('list-item', {
+        disabled: isDisabled,
+        active: active,
+        view: view === 'meta-primary' ? withMeta && view : view,
+        selected: isSelected,
+        pinned: item.pinned
+      }, itemClassName),
+      style: {
+        position: 'relative'
+      },
+      children: [/*#__PURE__*/_jsxs("div", {
+        role: "button",
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        tabIndex: 0,
+        className: cnTrackerSelect('list-item-wrapper'),
+        "aria-pressed": isSelected,
+        "aria-disabled": isDisabled,
+        children: [!disableDefaultItemRender && icon, renderItem === null || renderItem === void 0 ? void 0 : renderItem(item, isSelected !== null && isSelected !== void 0 ? isSelected : false), !renderItem && /*#__PURE__*/_jsxs("div", {
+          className: cnTrackerSelect('list-item-content'),
+          children: [/*#__PURE__*/_jsx("span", {
+            className: cnTrackerSelect('list-item-text'),
+            ref: handleTextNodeRef,
+            children: item.display
+          }), withMeta && /*#__PURE__*/_jsx("span", {
+            className: cnTrackerSelect('list-item-meta'),
+            children: item.meta
+          })]
+        })]
+      }), (ItemActions || pinnable) && /*#__PURE__*/_jsxs("div", {
+        className: cnTrackerSelect('list-item-actions'),
+        children: [ItemActions && /*#__PURE__*/_jsx(ItemActions, {
+          item: item
+        }), pinnable && /*#__PURE__*/_jsx(Button, {
+          view: "flat-secondary",
+          size: "m",
+          className: cnTrackerSelect('list-item-action', {
+            type: 'pin'
+          }),
+          onClick: handlePinClick,
+          children: /*#__PURE__*/_jsx(Icon, {
+            data: item.pinned ? PinSlash : Pin
+          })
+        })]
+      }), renderInfo && /*#__PURE__*/_jsx("div", {
+        className: cnTrackerSelect('list-item-info'),
+        children: renderInfo(item, isSelected !== null && isSelected !== void 0 ? isSelected : false)
+      })]
+    })
+  });
+};
+export var SelectItem = /*#__PURE__*/memo(SelectItemWrapped);
+// #sourceMappingURL=SelectItem.js.map

package/build/esm/components/TrackerSelect/components/SelectItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","Check","ChevronRight","Pin","PinSlash","Button","Icon","Tooltip","cnTrackerSelect","useHint","getElementId","jsx","_jsx","jsxs","_jsxs","SelectItemWrapped","_ref","item","view","isSelected","isDisabled","active","ItemActions","itemActions","showMeta","showArrowOnUnselectedItems","hideCheckbox","renderItem","renderInfo","pinnable","onPin","onUnpin","groupId","disableDefaultItemRender","onItemClick","itemClassName","_useHint","withHint","handleTextNodeRef","handleClick","_event","handleKeyDown","event","key","preventDefault","handlePinClick","stopPropagation","pinned","id","withMeta","Boolean","meta","icon","className","type","data","size","itemId","content","display","placement","closeDelay","openDelay","disabled","children","concat","selected","style","position","role","onClick","onKeyDown","tabIndex","ref","SelectItem"],"sources":["SelectItem.tsx"],"sourcesContent":["import type {KeyboardEvent, MouseEvent, ReactNode} from 'react';\nimport React, {memo, useCallback, useMemo} from 'react';\n\nimport {Check, ChevronRight, Pin, PinSlash} from '@gravity-ui/icons';\nimport type {ButtonButtonProps} from '@gravity-ui/uikit';\nimport {Button, Icon, Tooltip} from '@gravity-ui/uikit';\n\nimport {cnTrackerSelect} from '../TrackerSelect.classname';\nimport {useHint} from '../hooks/useHint';\nimport type {\n    TrackerSelectItem,\n    TrackerSelectItemActions,\n    TrackerSelectItemValueBase,\n} from '../types';\nimport {getElementId} from '../utils/getElementId';\n\nexport type SelectItemProps<Value extends TrackerSelectItemValueBase = TrackerSelectItemValueBase> =\n    {\n        item: TrackerSelectItem<Value>;\n        view?: 'meta-primary';\n        isSelected?: boolean;\n        isDisabled?: boolean;\n        active?: boolean;\n        showMeta?: boolean;\n        showArrowOnUnselectedItems?: boolean;\n        hideCheckbox?: boolean;\n        singleSelect?: boolean;\n        renderItem?: (item: TrackerSelectItem<Value>, isSelected: boolean) => ReactNode;\n        renderInfo?: (item: TrackerSelectItem<Value>, isSelected: boolean) => ReactNode;\n        groupId?: string;\n        onPin?: (id: string) => void;\n        onUnpin?: (id: string) => void;\n        itemActions?: TrackerSelectItemActions<Value> | null;\n        pinnable?: boolean;\n        disableDefaultItemRender?: boolean;\n        onItemClick?: (item: TrackerSelectItem<Value>) => void;\n        itemClassName?: string;\n    };\n\nconst SelectItemWrapped = <Value extends TrackerSelectItemValueBase>({\n    item,\n    view,\n    isSelected,\n    isDisabled,\n    active,\n    itemActions: ItemActions,\n    showMeta,\n    showArrowOnUnselectedItems,\n    hideCheckbox,\n    renderItem,\n    renderInfo,\n    pinnable,\n    onPin,\n    onUnpin,\n    groupId,\n    disableDefaultItemRender,\n    onItemClick,\n    itemClassName,\n}: SelectItemProps<Value>) => {\n    const {withHint, handleTextNodeRef} = useHint();\n\n    const handleClick = useCallback(\n        (_event: MouseEvent<HTMLDivElement>) => {\n            if (isDisabled) {\n                return;\n            }\n\n            onItemClick?.(item);\n        },\n        [isDisabled, item, onItemClick],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            if (isDisabled) {\n                return;\n            }\n\n            if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n                onItemClick?.(item);\n            }\n        },\n        [isDisabled, item, onItemClick],\n    );\n\n    const handlePinClick = useCallback<NonNullable<ButtonButtonProps['onClick']>>(\n        (event: MouseEvent<HTMLButtonElement>) => {\n            event.stopPropagation();\n            if (item.pinned) {\n                onUnpin?.(item.id);\n            } else {\n                onPin?.(item.id);\n            }\n        },\n        [item.pinned, item.id, onPin, onUnpin],\n    );\n\n    const withMeta = showMeta && Boolean(item.meta);\n\n    const icon = useMemo(() => {\n        if (hideCheckbox) {\n            return null;\n        }\n\n        if (isSelected) {\n            return (\n                <Icon\n                    className={cnTrackerSelect('checkbox-icon', {type: 'checkbox'})}\n                    data={Check}\n                    size={16}\n                />\n            );\n        }\n\n        if (showArrowOnUnselectedItems) {\n            return (\n                <Icon\n                    className={cnTrackerSelect('checkbox-icon', {type: 'arrow'})}\n                    data={ChevronRight}\n                    size={16}\n                />\n            );\n        }\n\n        return <span className={cnTrackerSelect('checkbox-spacer')} />;\n    }, [hideCheckbox, isSelected, showArrowOnUnselectedItems]);\n\n    const itemId = getElementId(item.id, groupId);\n\n    return (\n        <Tooltip\n            content={item.display}\n            placement={['right', 'bottom-end']}\n            closeDelay={0}\n            openDelay={500}\n            disabled={!withHint}\n        >\n            <div\n                id={itemId}\n                data-id={`item-${groupId}-${item.id}`}\n                className={cnTrackerSelect(\n                    'list-item',\n                    {\n                        disabled: isDisabled,\n                        active,\n                        view: view === 'meta-primary' ? withMeta && view : view,\n                        selected: isSelected,\n                        pinned: item.pinned,\n                    },\n                    itemClassName,\n                )}\n                style={{position: 'relative'}}\n            >\n                <div\n                    role=\"button\"\n                    onClick={handleClick}\n                    onKeyDown={handleKeyDown}\n                    tabIndex={0}\n                    className={cnTrackerSelect('list-item-wrapper')}\n                    aria-pressed={isSelected}\n                    aria-disabled={isDisabled}\n                >\n                    {!disableDefaultItemRender && icon}\n                    {renderItem?.(item, isSelected ?? false)}\n                    {!renderItem && (\n                        <div className={cnTrackerSelect('list-item-content')}>\n                            <span\n                                className={cnTrackerSelect('list-item-text')}\n                                ref={handleTextNodeRef}\n                            >\n                                {item.display}\n                            </span>\n                            {withMeta && (\n                                <span className={cnTrackerSelect('list-item-meta')}>\n                                    {item.meta}\n                                </span>\n                            )}\n                        </div>\n                    )}\n                </div>\n                {(ItemActions || pinnable) && (\n                    <div className={cnTrackerSelect('list-item-actions')}>\n                        {ItemActions && <ItemActions item={item} />}\n                        {pinnable && (\n                            <Button\n                                view=\"flat-secondary\"\n                                size=\"m\"\n                                className={cnTrackerSelect('list-item-action', {type: 'pin'})}\n                                onClick={handlePinClick}\n                            >\n                                <Icon data={item.pinned ? PinSlash : Pin} />\n                            </Button>\n                        )}\n                    </div>\n                )}\n                {renderInfo && (\n                    <div className={cnTrackerSelect('list-item-info')}>\n                        {renderInfo(item, isSelected ?? false)}\n                    </div>\n                )}\n            </div>\n        </Tooltip>\n    );\n};\n\nexport const SelectItem = memo(SelectItemWrapped) as typeof SelectItemWrapped;\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/TrackerSelect/components/SelectItems.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { TrackerSelectItem, TrackerSelectItemValueBase } from '../types';
+import { SelectItem } from './SelectItem';
+export type SelectItemsProps<Value extends TrackerSelectItemValueBase = TrackerSelectItemValueBase> = {
+    items: TrackerSelectItem<Value>[];
+    className?: string;
+    selectedItemsIds?: string[];
+    disabledItemsIds?: string[];
+    onItemClick?: (item: TrackerSelectItem<Value>) => void;
+    itemHeight?: number;
+    activeItemId?: string;
+    onItemPin?: (id: string) => void;
+    onItemUnpin?: (id: string) => void;
+    itemClassName?: string;
+} & Pick<Parameters<typeof SelectItem>[0], 'renderItem' | 'renderInfo' | 'showArrowOnUnselectedItems' | 'hideCheckbox' | 'singleSelect' | 'groupId' | 'showMeta' | 'itemActions' | 'pinnable' | 'disableDefaultItemRender'>;
+declare const SelectItemsWrapped: <Value extends TrackerSelectItemValueBase>({ items, selectedItemsIds, disabledItemsIds, onItemClick, onItemPin, onItemUnpin, itemActions, itemClassName, showMeta, showArrowOnUnselectedItems, hideCheckbox, singleSelect, itemHeight, className, activeItemId, renderItem: providedRenderItem, renderInfo, pinnable, groupId, disableDefaultItemRender, }: SelectItemsProps<Value>) => React.JSX.Element;
+export declare const SelectItems: typeof SelectItemsWrapped;
+export {};

package/build/esm/components/TrackerSelect/components/SelectItems.js

@@ -0,0 +1,85 @@
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.string.includes.js";
+import React, { memo, useCallback, useMemo } from 'react';
+import { List, getConfig } from '@gravity-ui/uikit';
+import { useLocalizedString } from "./../../../hooks/useLocalizedString";
+import { cnTrackerSelect } from "../TrackerSelect.classname";
+import { defaultMessages } from "../i18n";
+import { SelectItem } from "./SelectItem";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+var SelectItemsWrapped = function SelectItemsWrapped(_ref) {
+  var items = _ref.items,
+    selectedItemsIds = _ref.selectedItemsIds,
+    disabledItemsIds = _ref.disabledItemsIds,
+    onItemClick = _ref.onItemClick,
+    onItemPin = _ref.onItemPin,
+    onItemUnpin = _ref.onItemUnpin,
+    itemActions = _ref.itemActions,
+    itemClassName = _ref.itemClassName,
+    showMeta = _ref.showMeta,
+    showArrowOnUnselectedItems = _ref.showArrowOnUnselectedItems,
+    hideCheckbox = _ref.hideCheckbox,
+    singleSelect = _ref.singleSelect,
+    itemHeight = _ref.itemHeight,
+    className = _ref.className,
+    activeItemId = _ref.activeItemId,
+    providedRenderItem = _ref.renderItem,
+    renderInfo = _ref.renderInfo,
+    pinnable = _ref.pinnable,
+    groupId = _ref.groupId,
+    disableDefaultItemRender = _ref.disableDefaultItemRender;
+  var config = getConfig();
+  var _useLocalizedString = useLocalizedString(defaultMessages, config.lang),
+    t = _useLocalizedString.t;
+  var renderItem = useCallback(function (item) {
+    return /*#__PURE__*/_jsx(SelectItem, {
+      item: item,
+      renderItem: providedRenderItem,
+      renderInfo: renderInfo,
+      isSelected: selectedItemsIds === null || selectedItemsIds === void 0 ? void 0 : selectedItemsIds.includes(item.id),
+      isDisabled: disabledItemsIds === null || disabledItemsIds === void 0 ? void 0 : disabledItemsIds.includes(item.id),
+      hideCheckbox: hideCheckbox,
+      itemActions: itemActions,
+      pinnable: pinnable,
+      onPin: onItemPin,
+      onUnpin: onItemUnpin,
+      groupId: groupId,
+      disableDefaultItemRender: disableDefaultItemRender,
+      showMeta: showMeta,
+      showArrowOnUnselectedItems: showArrowOnUnselectedItems,
+      singleSelect: singleSelect,
+      active: activeItemId === item.id,
+      onItemClick: onItemClick,
+      itemClassName: itemClassName
+    });
+  }, [providedRenderItem, renderInfo, selectedItemsIds, disabledItemsIds, hideCheckbox, itemActions, pinnable, onItemPin, onItemUnpin, groupId, disableDefaultItemRender, showMeta, showArrowOnUnselectedItems, singleSelect, activeItemId, onItemClick, itemClassName]);
+  var defaultItemHeight = 36;
+  if (showMeta) {
+    defaultItemHeight += 12;
+  }
+  var listContent = useMemo(function () {
+    if (items.length === 0) {
+      return /*#__PURE__*/_jsx("div", {
+        className: cnTrackerSelect('empty-text'),
+        children: t('emptyList')
+      });
+    }
+    return /*#__PURE__*/_jsx(List, {
+      className: cnTrackerSelect('select-items', {
+        'single-select': singleSelect
+      }, className),
+      filterable: false,
+      items: items,
+      renderItem: renderItem,
+      virtualized: false,
+      sortable: false,
+      itemHeight: itemHeight !== null && itemHeight !== void 0 ? itemHeight : defaultItemHeight,
+      itemClassName: itemClassName
+    });
+  }, [items, singleSelect, renderItem, className, itemHeight, itemClassName, defaultItemHeight, t]);
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: listContent
+  });
+};
+export var SelectItems = /*#__PURE__*/memo(SelectItemsWrapped);
+// #sourceMappingURL=SelectItems.js.map

package/build/esm/components/TrackerSelect/components/SelectItems.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","List","getConfig","useLocalizedString","cnTrackerSelect","defaultMessages","SelectItem","jsx","_jsx","Fragment","_Fragment","SelectItemsWrapped","_ref","items","selectedItemsIds","disabledItemsIds","onItemClick","onItemPin","onItemUnpin","itemActions","itemClassName","showMeta","showArrowOnUnselectedItems","hideCheckbox","singleSelect","itemHeight","className","activeItemId","providedRenderItem","renderItem","renderInfo","pinnable","groupId","disableDefaultItemRender","config","_useLocalizedString","lang","t","item","isSelected","includes","id","isDisabled","onPin","onUnpin","active","defaultItemHeight","listContent","length","children","filterable","virtualized","sortable","SelectItems"],"sources":["SelectItems.tsx"],"sourcesContent":["import React, {memo, useCallback, useMemo} from 'react';\n\nimport {List, getConfig} from '@gravity-ui/uikit';\n\nimport {useLocalizedString} from '~/src/hooks/useLocalizedString';\n\nimport {cnTrackerSelect} from '../TrackerSelect.classname';\nimport {defaultMessages} from '../i18n';\nimport type {TrackerSelectItem, TrackerSelectItemValueBase} from '../types';\n\nimport {SelectItem} from './SelectItem';\n\nexport type SelectItemsProps<\n    Value extends TrackerSelectItemValueBase = TrackerSelectItemValueBase,\n> = {\n    items: TrackerSelectItem<Value>[];\n    className?: string;\n    selectedItemsIds?: string[];\n    disabledItemsIds?: string[];\n    onItemClick?: (item: TrackerSelectItem<Value>) => void;\n    itemHeight?: number;\n    activeItemId?: string;\n    onItemPin?: (id: string) => void;\n    onItemUnpin?: (id: string) => void;\n    itemClassName?: string;\n} & Pick<\n    Parameters<typeof SelectItem>[0],\n    | 'renderItem'\n    | 'renderInfo'\n    | 'showArrowOnUnselectedItems'\n    | 'hideCheckbox'\n    | 'singleSelect'\n    | 'groupId'\n    | 'showMeta'\n    | 'itemActions'\n    | 'pinnable'\n    | 'disableDefaultItemRender'\n>;\n\nconst SelectItemsWrapped = <Value extends TrackerSelectItemValueBase>({\n    items,\n    selectedItemsIds,\n    disabledItemsIds,\n    onItemClick,\n    onItemPin,\n    onItemUnpin,\n    itemActions,\n    itemClassName,\n    showMeta,\n    showArrowOnUnselectedItems,\n    hideCheckbox,\n    singleSelect,\n    itemHeight,\n    className,\n    activeItemId,\n    renderItem: providedRenderItem,\n    renderInfo,\n    pinnable,\n    groupId,\n    disableDefaultItemRender,\n}: SelectItemsProps<Value>) => {\n    const config = getConfig();\n    const {t} = useLocalizedString(defaultMessages, config.lang);\n    const renderItem = useCallback(\n        (item: TrackerSelectItem<Value>) => (\n            <SelectItem\n                item={item}\n                renderItem={providedRenderItem}\n                renderInfo={renderInfo}\n                isSelected={selectedItemsIds?.includes(item.id)}\n                isDisabled={disabledItemsIds?.includes(item.id)}\n                hideCheckbox={hideCheckbox}\n                itemActions={itemActions}\n                pinnable={pinnable}\n                onPin={onItemPin}\n                onUnpin={onItemUnpin}\n                groupId={groupId}\n                disableDefaultItemRender={disableDefaultItemRender}\n                showMeta={showMeta}\n                showArrowOnUnselectedItems={showArrowOnUnselectedItems}\n                singleSelect={singleSelect}\n                active={activeItemId === item.id}\n                onItemClick={\n                    onItemClick as (item: TrackerSelectItem<TrackerSelectItemValueBase>) => void\n                }\n                itemClassName={itemClassName}\n            />\n        ),\n        [\n            providedRenderItem,\n            renderInfo,\n            selectedItemsIds,\n            disabledItemsIds,\n            hideCheckbox,\n            itemActions,\n            pinnable,\n            onItemPin,\n            onItemUnpin,\n            groupId,\n            disableDefaultItemRender,\n            showMeta,\n            showArrowOnUnselectedItems,\n            singleSelect,\n            activeItemId,\n            onItemClick,\n            itemClassName,\n        ],\n    );\n\n    let defaultItemHeight = 36;\n\n    if (showMeta) {\n        defaultItemHeight += 12;\n    }\n\n    const listContent = useMemo(() => {\n        if (items.length === 0) {\n            return <div className={cnTrackerSelect('empty-text')}>{t('emptyList')}</div>;\n        }\n\n        return (\n            <List\n                className={cnTrackerSelect(\n                    'select-items',\n                    {'single-select': singleSelect},\n                    className,\n                )}\n                filterable={false}\n                items={items}\n                renderItem={renderItem}\n                virtualized={false}\n                sortable={false}\n                itemHeight={itemHeight ?? defaultItemHeight}\n                itemClassName={itemClassName}\n            />\n        );\n    }, [\n        items,\n        singleSelect,\n        renderItem,\n        className,\n        itemHeight,\n        itemClassName,\n        defaultItemHeight,\n        t,\n    ]);\n\n    return <>{listContent}</>;\n};\n\nexport const SelectItems = memo(SelectItemsWrapped) as typeof SelectItemsWrapped;\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/TrackerSelect/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const selectedItemsGroupId = "selected-items";
+export declare const pinnedItemsGroupId = "pinned-items";

package/build/esm/components/TrackerSelect/constants.js

@@ -0,0 +1,3 @@
+export var selectedItemsGroupId = 'selected-items';
+export var pinnedItemsGroupId = 'pinned-items';
+// #sourceMappingURL=constants.js.map

package/build/esm/components/TrackerSelect/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["selectedItemsGroupId","pinnedItemsGroupId"],"sources":["constants.ts"],"sourcesContent":["export const selectedItemsGroupId = 'selected-items';\nexport const pinnedItemsGroupId = 'pinned-items';\n"],"mappings":"AAAA,OAAO,IAAMA,oBAAoB,GAAG,gBAAgB;AACpD,OAAO,IAAMC,kBAAkB,GAAG,cAAc","ignoreList":[]}

package/build/esm/components/TrackerSelect/hooks/useExpandedGroups.d.ts

@@ -0,0 +1,6 @@
+import type { TrackerSelectGroup, TrackerSelectItemValueBase } from '../types';
+export declare function useExpandedGroups<Value extends TrackerSelectItemValueBase = TrackerSelectItemValueBase>(groups?: TrackerSelectGroup<Value>[], resetExpandedStateOnGroupsChange?: boolean, isGroupExpandedByDefault?: (group: TrackerSelectGroup<Value>) => boolean): {
+    expandedGroups: Record<string, boolean>;
+    expandedGroupsRef: import("react").MutableRefObject<Record<string, boolean>>;
+    handleExpandChange: (groupId: string, expanded: boolean) => void;
+};

package/build/esm/components/TrackerSelect/hooks/useExpandedGroups.js

@@ -0,0 +1,51 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { selectedItemsGroupId } from "../constants";
+export function useExpandedGroups(groups) {
+  var resetExpandedStateOnGroupsChange = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var isGroupExpandedByDefault = arguments.length > 2 ? arguments[2] : undefined;
+  var _useState = useState(_defineProperty({}, selectedItemsGroupId, true)),
+    _useState2 = _slicedToArray(_useState, 2),
+    expandedGroups = _useState2[0],
+    setExpandedGroups = _useState2[1];
+  var expandedGroupsRef = useRef(expandedGroups);
+  var handleExpandChange = useCallback(function (groupId, expanded) {
+    if (expandedGroupsRef.current[groupId] !== expanded) {
+      expandedGroupsRef.current = _objectSpread(_objectSpread({}, expandedGroupsRef.current), {}, _defineProperty({}, groupId, expanded));
+      setExpandedGroups(expandedGroupsRef.current);
+    }
+  }, []);
+  useEffect(function () {
+    if (!groups || !isGroupExpandedByDefault) return;
+    var _iterator = _createForOfIteratorHelper(groups),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var group = _step.value;
+        if (isGroupExpandedByDefault(group)) {
+          handleExpandChange(group.id, true);
+        } else {
+          handleExpandChange(group.id, false);
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }, [groups, handleExpandChange, isGroupExpandedByDefault]);
+  useEffect(function () {
+    if (groups && resetExpandedStateOnGroupsChange) {
+      setExpandedGroups({});
+    }
+  }, [resetExpandedStateOnGroupsChange, groups]);
+  return {
+    expandedGroups: expandedGroups,
+    expandedGroupsRef: expandedGroupsRef,
+    handleExpandChange: handleExpandChange
+  };
+}
+// #sourceMappingURL=useExpandedGroups.js.map

package/build/esm/components/TrackerSelect/hooks/useExpandedGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","selectedItemsGroupId","useExpandedGroups","groups","resetExpandedStateOnGroupsChange","arguments","length","undefined","isGroupExpandedByDefault","_useState","_defineProperty","_useState2","_slicedToArray","expandedGroups","setExpandedGroups","expandedGroupsRef","handleExpandChange","groupId","expanded","current","_objectSpread","_iterator","_createForOfIteratorHelper","_step","s","n","done","group","value","id","err","e","f"],"sources":["useExpandedGroups.ts"],"sourcesContent":["import {useCallback, useEffect, useRef, useState} from 'react';\n\nimport {selectedItemsGroupId} from '../constants';\nimport type {TrackerSelectGroup, TrackerSelectItemValueBase} from '../types';\n\nexport function useExpandedGroups<\n    Value extends TrackerSelectItemValueBase = TrackerSelectItemValueBase,\n>(\n    groups?: TrackerSelectGroup<Value>[],\n    resetExpandedStateOnGroupsChange = false,\n    isGroupExpandedByDefault?: (group: TrackerSelectGroup<Value>) => boolean,\n) {\n    const [expandedGroups, setExpandedGroups] = useState<Record<string, boolean>>({\n        [selectedItemsGroupId]: true,\n    });\n    const expandedGroupsRef = useRef<Record<string, boolean>>(expandedGroups);\n\n    const handleExpandChange = useCallback((groupId: string, expanded: boolean) => {\n        if (expandedGroupsRef.current[groupId] !== expanded) {\n            expandedGroupsRef.current = {...expandedGroupsRef.current, [groupId]: expanded};\n            setExpandedGroups(expandedGroupsRef.current);\n        }\n    }, []);\n\n    useEffect(() => {\n        if (!groups || !isGroupExpandedByDefault) return;\n\n        for (const group of groups) {\n            if (isGroupExpandedByDefault(group)) {\n                handleExpandChange(group.id, true);\n            } else {\n                handleExpandChange(group.id, false);\n            }\n        }\n    }, [groups, handleExpandChange, isGroupExpandedByDefault]);\n\n    useEffect(() => {\n        if (groups && resetExpandedStateOnGroupsChange) {\n            setExpandedGroups({});\n        }\n    }, [resetExpandedStateOnGroupsChange, groups]);\n\n    return {\n        expandedGroups,\n        expandedGroupsRef,\n        handleExpandChange,\n    };\n}\n"],"mappings":";;;;AAAA,SAAQA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAO,OAAO;AAE9D,SAAQC,oBAAoB;AAG5B,OAAO,SAASC,iBAAiBA,CAG7BC,MAAoC,EAGtC;EAAA,IAFEC,gCAAgC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAAA,IACxCG,wBAAwE,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EAExE,IAAAE,SAAA,GAA4CT,QAAQ,CAAAU,eAAA,KAC/CT,oBAAoB,EAAG,IAAI,CAC/B,CAAC;IAAAU,UAAA,GAAAC,cAAA,CAAAH,SAAA;IAFKI,cAAc,GAAAF,UAAA;IAAEG,iBAAiB,GAAAH,UAAA;EAGxC,IAAMI,iBAAiB,GAAGhB,MAAM,CAA0Bc,cAAc,CAAC;EAEzE,IAAMG,kBAAkB,GAAGnB,WAAW,CAAC,UAACoB,OAAe,EAAEC,QAAiB,EAAK;IAC3E,IAAIH,iBAAiB,CAACI,OAAO,CAACF,OAAO,CAAC,KAAKC,QAAQ,EAAE;MACjDH,iBAAiB,CAACI,OAAO,GAAAC,aAAA,CAAAA,aAAA,KAAOL,iBAAiB,CAACI,OAAO,OAAAT,eAAA,KAAGO,OAAO,EAAGC,QAAQ,EAAC;MAC/EJ,iBAAiB,CAACC,iBAAiB,CAACI,OAAO,CAAC;IAChD;EACJ,CAAC,EAAE,EAAE,CAAC;EAENrB,SAAS,CAAC,YAAM;IACZ,IAAI,CAACK,MAAM,IAAI,CAACK,wBAAwB,EAAE;IAAO,IAAAa,SAAA,GAAAC,0BAAA,CAE7BnB,MAAM;MAAAoB,KAAA;IAAA;MAA1B,KAAAF,SAAA,CAAAG,CAAA,MAAAD,KAAA,GAAAF,SAAA,CAAAI,CAAA,IAAAC,IAAA,GAA4B;QAAA,IAAjBC,KAAK,GAAAJ,KAAA,CAAAK,KAAA;QACZ,IAAIpB,wBAAwB,CAACmB,KAAK,CAAC,EAAE;UACjCX,kBAAkB,CAACW,KAAK,CAACE,EAAE,EAAE,IAAI,CAAC;QACtC,CAAC,MAAM;UACHb,kBAAkB,CAACW,KAAK,CAACE,EAAE,EAAE,KAAK,CAAC;QACvC;MACJ;IAAC,SAAAC,GAAA;MAAAT,SAAA,CAAAU,CAAA,CAAAD,GAAA;IAAA;MAAAT,SAAA,CAAAW,CAAA;IAAA;EACL,CAAC,EAAE,CAAC7B,MAAM,EAAEa,kBAAkB,EAAER,wBAAwB,CAAC,CAAC;EAE1DV,SAAS,CAAC,YAAM;IACZ,IAAIK,MAAM,IAAIC,gCAAgC,EAAE;MAC5CU,iBAAiB,CAAC,CAAC,CAAC,CAAC;IACzB;EACJ,CAAC,EAAE,CAACV,gCAAgC,EAAED,MAAM,CAAC,CAAC;EAE9C,OAAO;IACHU,cAAc,EAAdA,cAAc;IACdE,iBAAiB,EAAjBA,iBAAiB;IACjBC,kBAAkB,EAAlBA;EACJ,CAAC;AACL","ignoreList":[]}

package/build/esm/components/TrackerSelect/hooks/useHint.d.ts

@@ -0,0 +1,4 @@
+export declare function useHint(): {
+    withHint: boolean;
+    handleTextNodeRef: (node: HTMLDivElement | null) => void;
+};