@weavix/tracker-components 0.0.1

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

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectItem = void 0;
+require("core-js/modules/es.array.concat.js");
+var _react = _interopRequireWildcard(require("react"));
+var _icons = require("@gravity-ui/icons");
+var _uikit = require("@gravity-ui/uikit");
+var _TrackerSelect = require("../TrackerSelect.classname");
+var _useHint2 = require("../hooks/useHint");
+var _getElementId = require("../utils/getElementId");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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 = (0, _useHint2.useHint)(),
+    withHint = _useHint.withHint,
+    handleTextNodeRef = _useHint.handleTextNodeRef;
+  var handleClick = (0, _react.useCallback)(function (_event) {
+    if (isDisabled) {
+      return;
+    }
+    onItemClick === null || onItemClick === void 0 || onItemClick(item);
+  }, [isDisabled, item, onItemClick]);
+  var handleKeyDown = (0, _react.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 = (0, _react.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 = (0, _react.useMemo)(function () {
+    if (hideCheckbox) {
+      return null;
+    }
+    if (isSelected) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        className: (0, _TrackerSelect.cnTrackerSelect)('checkbox-icon', {
+          type: 'checkbox'
+        }),
+        data: _icons.Check,
+        size: 16
+      });
+    }
+    if (showArrowOnUnselectedItems) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        className: (0, _TrackerSelect.cnTrackerSelect)('checkbox-icon', {
+          type: 'arrow'
+        }),
+        data: _icons.ChevronRight,
+        size: 16
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _TrackerSelect.cnTrackerSelect)('checkbox-spacer')
+    });
+  }, [hideCheckbox, isSelected, showArrowOnUnselectedItems]);
+  var itemId = (0, _getElementId.getElementId)(item.id, groupId);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Tooltip, {
+    content: item.display,
+    placement: ['right', 'bottom-end'],
+    closeDelay: 0,
+    openDelay: 500,
+    disabled: !withHint,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      id: itemId,
+      "data-id": "item-".concat(groupId, "-").concat(item.id),
+      className: (0, _TrackerSelect.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__*/(0, _jsxRuntime.jsxs)("div", {
+        role: "button",
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        tabIndex: 0,
+        className: (0, _TrackerSelect.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__*/(0, _jsxRuntime.jsxs)("div", {
+          className: (0, _TrackerSelect.cnTrackerSelect)('list-item-content'),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: (0, _TrackerSelect.cnTrackerSelect)('list-item-text'),
+            ref: handleTextNodeRef,
+            children: item.display
+          }), withMeta && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: (0, _TrackerSelect.cnTrackerSelect)('list-item-meta'),
+            children: item.meta
+          })]
+        })]
+      }), (ItemActions || pinnable) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _TrackerSelect.cnTrackerSelect)('list-item-actions'),
+        children: [ItemActions && /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemActions, {
+          item: item
+        }), pinnable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+          view: "flat-secondary",
+          size: "m",
+          className: (0, _TrackerSelect.cnTrackerSelect)('list-item-action', {
+            type: 'pin'
+          }),
+          onClick: handlePinClick,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+            data: item.pinned ? _icons.PinSlash : _icons.Pin
+          })
+        })]
+      }), renderInfo && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _TrackerSelect.cnTrackerSelect)('list-item-info'),
+        children: renderInfo(item, isSelected !== null && isSelected !== void 0 ? isSelected : false)
+      })]
+    })
+  });
+};
+var SelectItem = exports.SelectItem = /*#__PURE__*/(0, _react.memo)(SelectItemWrapped);
+// #sourceMappingURL=SelectItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_icons","_uikit","_TrackerSelect","_useHint2","_getElementId","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SelectItemWrapped","_ref","item","view","isSelected","isDisabled","active","ItemActions","itemActions","showMeta","showArrowOnUnselectedItems","hideCheckbox","renderItem","renderInfo","pinnable","onPin","onUnpin","groupId","disableDefaultItemRender","onItemClick","itemClassName","_useHint","useHint","withHint","handleTextNodeRef","handleClick","useCallback","_event","handleKeyDown","event","key","preventDefault","handlePinClick","stopPropagation","pinned","id","withMeta","Boolean","meta","icon","useMemo","_jsx","Icon","className","cnTrackerSelect","type","data","Check","size","ChevronRight","itemId","getElementId","Tooltip","content","display","placement","closeDelay","openDelay","disabled","children","_jsxs","concat","selected","style","position","role","onClick","onKeyDown","tabIndex","ref","Button","PinSlash","Pin","SelectItem","exports","memo"],"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/cjs/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/cjs/components/TrackerSelect/components/SelectItems.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectItems = void 0;
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _useLocalizedString2 = require("./../../../hooks/useLocalizedString");
+var _TrackerSelect = require("../TrackerSelect.classname");
+var _i18n = require("../i18n");
+var _SelectItem = require("./SelectItem");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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 = (0, _uikit.getConfig)();
+  var _useLocalizedString = (0, _useLocalizedString2.useLocalizedString)(_i18n.defaultMessages, config.lang),
+    t = _useLocalizedString.t;
+  var renderItem = (0, _react.useCallback)(function (item) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectItem.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 = (0, _react.useMemo)(function () {
+    if (items.length === 0) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _TrackerSelect.cnTrackerSelect)('empty-text'),
+        children: t('emptyList')
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.List, {
+      className: (0, _TrackerSelect.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__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: listContent
+  });
+};
+var SelectItems = exports.SelectItems = /*#__PURE__*/(0, _react.memo)(SelectItemsWrapped);
+// #sourceMappingURL=SelectItems.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_useLocalizedString2","_TrackerSelect","_i18n","_SelectItem","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SelectItemsWrapped","_ref","items","selectedItemsIds","disabledItemsIds","onItemClick","onItemPin","onItemUnpin","itemActions","itemClassName","showMeta","showArrowOnUnselectedItems","hideCheckbox","singleSelect","itemHeight","className","activeItemId","providedRenderItem","renderItem","renderInfo","pinnable","groupId","disableDefaultItemRender","config","getConfig","_useLocalizedString","useLocalizedString","defaultMessages","lang","useCallback","item","_jsx","SelectItem","isSelected","includes","id","isDisabled","onPin","onUnpin","active","defaultItemHeight","listContent","useMemo","length","cnTrackerSelect","children","List","filterable","virtualized","sortable","_Fragment","SelectItems","exports","memo"],"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/cjs/components/TrackerSelect/constants.d.ts

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

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectedItemsGroupId = exports.pinnedItemsGroupId = void 0;
+var selectedItemsGroupId = exports.selectedItemsGroupId = 'selected-items';
+var pinnedItemsGroupId = exports.pinnedItemsGroupId = 'pinned-items';
+// #sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["selectedItemsGroupId","exports","pinnedItemsGroupId"],"sources":["constants.ts"],"sourcesContent":["export const selectedItemsGroupId = 'selected-items';\nexport const pinnedItemsGroupId = 'pinned-items';\n"],"mappings":";;;;;;AAAO,IAAMA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,gBAAgB;AAC7C,IAAME,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,GAAG,cAAc","ignoreList":[]}

package/build/cjs/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/cjs/components/TrackerSelect/hooks/useExpandedGroups.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useExpandedGroups = useExpandedGroups;
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _constants = require("../constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function useExpandedGroups(groups) {
+  var resetExpandedStateOnGroupsChange = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var isGroupExpandedByDefault = arguments.length > 2 ? arguments[2] : undefined;
+  var _useState = (0, _react.useState)((0, _defineProperty2.default)({}, _constants.selectedItemsGroupId, true)),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    expandedGroups = _useState2[0],
+    setExpandedGroups = _useState2[1];
+  var expandedGroupsRef = (0, _react.useRef)(expandedGroups);
+  var handleExpandChange = (0, _react.useCallback)(function (groupId, expanded) {
+    if (expandedGroupsRef.current[groupId] !== expanded) {
+      expandedGroupsRef.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, expandedGroupsRef.current), {}, (0, _defineProperty2.default)({}, groupId, expanded));
+      setExpandedGroups(expandedGroupsRef.current);
+    }
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (!groups || !isGroupExpandedByDefault) return;
+    var _iterator = (0, _createForOfIteratorHelper2.default)(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]);
+  (0, _react.useEffect)(function () {
+    if (groups && resetExpandedStateOnGroupsChange) {
+      setExpandedGroups({});
+    }
+  }, [resetExpandedStateOnGroupsChange, groups]);
+  return {
+    expandedGroups: expandedGroups,
+    expandedGroupsRef: expandedGroupsRef,
+    handleExpandChange: handleExpandChange
+  };
+}
+// #sourceMappingURL=useExpandedGroups.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_constants","_interopRequireDefault","e","__esModule","default","useExpandedGroups","groups","resetExpandedStateOnGroupsChange","arguments","length","undefined","isGroupExpandedByDefault","_useState","useState","_defineProperty","selectedItemsGroupId","_useState2","_slicedToArray","expandedGroups","setExpandedGroups","expandedGroupsRef","useRef","handleExpandChange","useCallback","groupId","expanded","current","_objectSpread","useEffect","_iterator","_createForOfIteratorHelper","_step","s","n","done","group","value","id","err","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,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAA4B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGrB,SAASG,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,GAA4C,IAAAC,eAAQ,MAAAC,wBAAA,MAC/CC,+BAAoB,EAAG,IAAI,CAC/B,CAAC;IAAAC,UAAA,OAAAC,uBAAA,EAAAL,SAAA;IAFKM,cAAc,GAAAF,UAAA;IAAEG,iBAAiB,GAAAH,UAAA;EAGxC,IAAMI,iBAAiB,GAAG,IAAAC,aAAM,EAA0BH,cAAc,CAAC;EAEzE,IAAMI,kBAAkB,GAAG,IAAAC,kBAAW,EAAC,UAACC,OAAe,EAAEC,QAAiB,EAAK;IAC3E,IAAIL,iBAAiB,CAACM,OAAO,CAACF,OAAO,CAAC,KAAKC,QAAQ,EAAE;MACjDL,iBAAiB,CAACM,OAAO,OAAAC,sBAAA,MAAAA,sBAAA,MAAOP,iBAAiB,CAACM,OAAO,WAAAZ,wBAAA,MAAGU,OAAO,EAAGC,QAAQ,EAAC;MAC/EN,iBAAiB,CAACC,iBAAiB,CAACM,OAAO,CAAC;IAChD;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAE,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACtB,MAAM,IAAI,CAACK,wBAAwB,EAAE;IAAO,IAAAkB,SAAA,OAAAC,mCAAA,EAE7BxB,MAAM;MAAAyB,KAAA;IAAA;MAA1B,KAAAF,SAAA,CAAAG,CAAA,MAAAD,KAAA,GAAAF,SAAA,CAAAI,CAAA,IAAAC,IAAA,GAA4B;QAAA,IAAjBC,KAAK,GAAAJ,KAAA,CAAAK,KAAA;QACZ,IAAIzB,wBAAwB,CAACwB,KAAK,CAAC,EAAE;UACjCb,kBAAkB,CAACa,KAAK,CAACE,EAAE,EAAE,IAAI,CAAC;QACtC,CAAC,MAAM;UACHf,kBAAkB,CAACa,KAAK,CAACE,EAAE,EAAE,KAAK,CAAC;QACvC;MACJ;IAAC,SAAAC,GAAA;MAAAT,SAAA,CAAA3B,CAAA,CAAAoC,GAAA;IAAA;MAAAT,SAAA,CAAAU,CAAA;IAAA;EACL,CAAC,EAAE,CAACjC,MAAM,EAAEgB,kBAAkB,EAAEX,wBAAwB,CAAC,CAAC;EAE1D,IAAAiB,gBAAS,EAAC,YAAM;IACZ,IAAItB,MAAM,IAAIC,gCAAgC,EAAE;MAC5CY,iBAAiB,CAAC,CAAC,CAAC,CAAC;IACzB;EACJ,CAAC,EAAE,CAACZ,gCAAgC,EAAED,MAAM,CAAC,CAAC;EAE9C,OAAO;IACHY,cAAc,EAAdA,cAAc;IACdE,iBAAiB,EAAjBA,iBAAiB;IACjBE,kBAAkB,EAAlBA;EACJ,CAAC;AACL","ignoreList":[]}

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

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

package/build/cjs/components/TrackerSelect/hooks/useHint.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useHint = useHint;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function useHint() {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    hasOverflow = _useState2[0],
+    setHasOverflow = _useState2[1];
+  var handleTextNodeRef = (0, _react.useCallback)(function (node) {
+    if (node) {
+      setHasOverflow(node.offsetWidth < node.scrollWidth);
+    }
+  }, []);
+  return {
+    withHint: hasOverflow,
+    handleTextNodeRef: handleTextNodeRef
+  };
+}
+// #sourceMappingURL=useHint.js.map

package/build/cjs/components/TrackerSelect/hooks/useHint.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_interopRequireDefault","e","__esModule","default","useHint","_useState","useState","_useState2","_slicedToArray","hasOverflow","setHasOverflow","handleTextNodeRef","useCallback","node","offsetWidth","scrollWidth","withHint"],"sources":["useHint.ts"],"sourcesContent":["import {useCallback, useState} from 'react';\n\nexport function useHint() {\n    const [hasOverflow, setHasOverflow] = useState(false);\n\n    const handleTextNodeRef = useCallback((node: HTMLDivElement | null) => {\n        if (node) {\n            setHasOverflow(node.offsetWidth < node.scrollWidth);\n        }\n    }, []);\n\n    return {\n        withHint: hasOverflow,\n        handleTextNodeRef,\n    };\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAA2C,SAAAC,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpC,SAASG,OAAOA,CAAA,EAAG;EACtB,IAAAC,SAAA,GAAsC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,uBAAA,EAAAH,SAAA;IAA9CI,WAAW,GAAAF,UAAA;IAAEG,cAAc,GAAAH,UAAA;EAElC,IAAMI,iBAAiB,GAAG,IAAAC,kBAAW,EAAC,UAACC,IAA2B,EAAK;IACnE,IAAIA,IAAI,EAAE;MACNH,cAAc,CAACG,IAAI,CAACC,WAAW,GAAGD,IAAI,CAACE,WAAW,CAAC;IACvD;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACHC,QAAQ,EAAEP,WAAW;IACrBE,iBAAiB,EAAjBA;EACJ,CAAC;AACL","ignoreList":[]}

package/build/cjs/components/TrackerSelect/hooks/useListActiveElementScroll.d.ts

@@ -0,0 +1,7 @@
+import type { RefObject } from 'react';
+export type UseListActiveElementScrollProps = {
+    scrollableContainerRef: RefObject<HTMLElement>;
+    containerTopOffset?: number;
+    getActiveElement: () => HTMLElement | null | undefined;
+};
+export declare function useListActiveElementScroll({ scrollableContainerRef, containerTopOffset, getActiveElement, }: UseListActiveElementScrollProps): void;

package/build/cjs/components/TrackerSelect/hooks/useListActiveElementScroll.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useListActiveElementScroll = useListActiveElementScroll;
+var _react = require("react");
+function useListActiveElementScroll(_ref) {
+  var scrollableContainerRef = _ref.scrollableContainerRef,
+    _ref$containerTopOffs = _ref.containerTopOffset,
+    containerTopOffset = _ref$containerTopOffs === void 0 ? 0 : _ref$containerTopOffs,
+    getActiveElement = _ref.getActiveElement;
+  (0, _react.useEffect)(function () {
+    var scrollableContainer = scrollableContainerRef.current;
+    if (!scrollableContainer) {
+      return;
+    }
+    var activeElement = getActiveElement();
+    if (!activeElement) {
+      return;
+    }
+    var activeElementBottom = activeElement.offsetTop + activeElement.offsetHeight;
+    var scrollableContainerTop = scrollableContainer.scrollTop,
+      scrollableContainerHeight = scrollableContainer.offsetHeight;
+    var scrollableContainerBottom = scrollableContainerTop + scrollableContainerHeight;
+    if (scrollableContainerBottom < activeElementBottom) {
+      scrollableContainer.scrollTo({
+        top: activeElementBottom - scrollableContainerHeight,
+        behavior: 'auto'
+      });
+    } else if (activeElement.offsetTop - containerTopOffset < scrollableContainerTop) {
+      scrollableContainer.scrollTo({
+        top: activeElement.offsetTop - activeElement.offsetHeight,
+        behavior: 'auto'
+      });
+    }
+  }, [scrollableContainerRef, getActiveElement, containerTopOffset]);
+}
+// #sourceMappingURL=useListActiveElementScroll.js.map

package/build/cjs/components/TrackerSelect/hooks/useListActiveElementScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useListActiveElementScroll","_ref","scrollableContainerRef","_ref$containerTopOffs","containerTopOffset","getActiveElement","useEffect","scrollableContainer","current","activeElement","activeElementBottom","offsetTop","offsetHeight","scrollableContainerTop","scrollTop","scrollableContainerHeight","scrollableContainerBottom","scrollTo","top","behavior"],"sources":["useListActiveElementScroll.ts"],"sourcesContent":["import type {RefObject} from 'react';\nimport {useEffect} from 'react';\n\nexport type UseListActiveElementScrollProps = {\n    scrollableContainerRef: RefObject<HTMLElement>;\n    containerTopOffset?: number;\n    getActiveElement: () => HTMLElement | null | undefined;\n};\n\nexport function useListActiveElementScroll({\n    scrollableContainerRef,\n    containerTopOffset = 0,\n    getActiveElement,\n}: UseListActiveElementScrollProps): void {\n    useEffect(() => {\n        const scrollableContainer = scrollableContainerRef.current;\n\n        if (!scrollableContainer) {\n            return;\n        }\n\n        const activeElement = getActiveElement();\n\n        if (!activeElement) {\n            return;\n        }\n\n        const activeElementBottom = activeElement.offsetTop + activeElement.offsetHeight;\n\n        const {scrollTop: scrollableContainerTop, offsetHeight: scrollableContainerHeight} =\n            scrollableContainer;\n        const scrollableContainerBottom = scrollableContainerTop + scrollableContainerHeight;\n\n        if (scrollableContainerBottom < activeElementBottom) {\n            scrollableContainer.scrollTo({\n                top: activeElementBottom - scrollableContainerHeight,\n                behavior: 'auto',\n            });\n        } else if (activeElement.offsetTop - containerTopOffset < scrollableContainerTop) {\n            scrollableContainer.scrollTo({\n                top: activeElement.offsetTop - activeElement.offsetHeight,\n                behavior: 'auto',\n            });\n        }\n    }, [scrollableContainerRef, getActiveElement, containerTopOffset]);\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAQO,SAASC,0BAA0BA,CAAAC,IAAA,EAIA;EAAA,IAHtCC,sBAAsB,GAAAD,IAAA,CAAtBC,sBAAsB;IAAAC,qBAAA,GAAAF,IAAA,CACtBG,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,CAAC,GAAAA,qBAAA;IACtBE,gBAAgB,GAAAJ,IAAA,CAAhBI,gBAAgB;EAEhB,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAMC,mBAAmB,GAAGL,sBAAsB,CAACM,OAAO;IAE1D,IAAI,CAACD,mBAAmB,EAAE;MACtB;IACJ;IAEA,IAAME,aAAa,GAAGJ,gBAAgB,CAAC,CAAC;IAExC,IAAI,CAACI,aAAa,EAAE;MAChB;IACJ;IAEA,IAAMC,mBAAmB,GAAGD,aAAa,CAACE,SAAS,GAAGF,aAAa,CAACG,YAAY;IAEhF,IAAkBC,sBAAsB,GACpCN,mBAAmB,CADhBO,SAAS;MAAwCC,yBAAyB,GAC7ER,mBAAmB,CADmBK,YAAY;IAEtD,IAAMI,yBAAyB,GAAGH,sBAAsB,GAAGE,yBAAyB;IAEpF,IAAIC,yBAAyB,GAAGN,mBAAmB,EAAE;MACjDH,mBAAmB,CAACU,QAAQ,CAAC;QACzBC,GAAG,EAAER,mBAAmB,GAAGK,yBAAyB;QACpDI,QAAQ,EAAE;MACd,CAAC,CAAC;IACN,CAAC,MAAM,IAAIV,aAAa,CAACE,SAAS,GAAGP,kBAAkB,GAAGS,sBAAsB,EAAE;MAC9EN,mBAAmB,CAACU,QAAQ,CAAC;QACzBC,GAAG,EAAET,aAAa,CAACE,SAAS,GAAGF,aAAa,CAACG,YAAY;QACzDO,QAAQ,EAAE;MACd,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAACjB,sBAAsB,EAAEG,gBAAgB,EAAED,kBAAkB,CAAC,CAAC;AACtE","ignoreList":[]}

package/build/cjs/components/TrackerSelect/hooks/usePopupHeight.d.ts

@@ -0,0 +1,3 @@
+import type { RefObject } from 'react';
+import type { PopupPlacement } from '@gravity-ui/uikit';
+export declare function usePopupHeight(anchorRef?: RefObject<HTMLElement | Element>, placement?: PopupPlacement): number;

package/build/cjs/components/TrackerSelect/hooks/usePopupHeight.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePopupHeight = usePopupHeight;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.is-array.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.some.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.some.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.set.js");
+require("core-js/modules/es.set.difference.v2.js");
+require("core-js/modules/es.set.intersection.v2.js");
+require("core-js/modules/es.set.is-disjoint-from.v2.js");
+require("core-js/modules/es.set.is-subset-of.v2.js");
+require("core-js/modules/es.set.is-superset-of.v2.js");
+require("core-js/modules/es.set.symmetric-difference.v2.js");
+require("core-js/modules/es.set.union.v2.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = require("react");
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var minDistanceToScreen = 10;
+function usePopupHeight(anchorRef, placement) {
+  var _useState = (0, _react.useState)(0),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    popupHeight = _useState2[0],
+    setPopupHeight = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var bottomPlacement = new Set(['bottom', 'bottom-start', 'bottom-end']);
+    if (!placement || (Array.isArray(placement) ? placement : [placement]).some(function (item) {
+      return !bottomPlacement.has(item);
+    })) {
+      return;
+    }
+    var calculatePopupHeight = (0, _debounce.default)(function () {
+      var anchorElement = anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current;
+      if (!anchorElement) {
+        return;
+      }
+      var _anchorElement$getBou = anchorElement.getBoundingClientRect(),
+        bottom = _anchorElement$getBou.bottom;
+      setPopupHeight(window.innerHeight - bottom - minDistanceToScreen);
+    }, 100);
+    calculatePopupHeight();
+    window.addEventListener('resize', calculatePopupHeight);
+    window.addEventListener('scroll', calculatePopupHeight);
+
+    // eslint-disable-next-line consistent-return
+    return function () {
+      window.removeEventListener('resize', calculatePopupHeight);
+      window.removeEventListener('scroll', calculatePopupHeight);
+    };
+  }, [anchorRef, placement]);
+  return popupHeight;
+}
+// #sourceMappingURL=usePopupHeight.js.map

package/build/cjs/components/TrackerSelect/hooks/usePopupHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_debounce","_interopRequireDefault","e","__esModule","default","minDistanceToScreen","usePopupHeight","anchorRef","placement","_useState","useState","_useState2","_slicedToArray","popupHeight","setPopupHeight","useEffect","bottomPlacement","Set","Array","isArray","some","item","has","calculatePopupHeight","debounce","anchorElement","current","_anchorElement$getBou","getBoundingClientRect","bottom","window","innerHeight","addEventListener","removeEventListener"],"sources":["usePopupHeight.ts"],"sourcesContent":["import type {RefObject} from 'react';\nimport {useEffect, useState} from 'react';\n\nimport type {PopupPlacement} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\n\nconst minDistanceToScreen = 10;\n\nexport function usePopupHeight(\n    anchorRef?: RefObject<HTMLElement | Element>,\n    placement?: PopupPlacement,\n): number {\n    const [popupHeight, setPopupHeight] = useState(0);\n\n    useEffect(() => {\n        const bottomPlacement = new Set<PopupPlacement>(['bottom', 'bottom-start', 'bottom-end']);\n\n        if (\n            !placement ||\n            (Array.isArray(placement) ? placement : [placement]).some(\n                (item) => !bottomPlacement.has(item),\n            )\n        ) {\n            return;\n        }\n\n        const calculatePopupHeight = debounce(() => {\n            const anchorElement = anchorRef?.current;\n\n            if (!anchorElement) {\n                return;\n            }\n\n            const {bottom} = anchorElement.getBoundingClientRect();\n\n            setPopupHeight(window.innerHeight - bottom - minDistanceToScreen);\n        }, 100);\n\n        calculatePopupHeight();\n        window.addEventListener('resize', calculatePopupHeight);\n        window.addEventListener('scroll', calculatePopupHeight);\n\n        // eslint-disable-next-line consistent-return\n        return () => {\n            window.removeEventListener('resize', calculatePopupHeight);\n            window.removeEventListener('scroll', calculatePopupHeight);\n        };\n    }, [anchorRef, placement]);\n\n    return popupHeight;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAsC,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtC,IAAMG,mBAAmB,GAAG,EAAE;AAEvB,SAASC,cAAcA,CAC1BC,SAA4C,EAC5CC,SAA0B,EACpB;EACN,IAAAC,SAAA,GAAsC,IAAAC,eAAQ,EAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,uBAAA,EAAAH,SAAA;IAA1CI,WAAW,GAAAF,UAAA;IAAEG,cAAc,GAAAH,UAAA;EAElC,IAAAI,gBAAS,EAAC,YAAM;IACZ,IAAMC,eAAe,GAAG,IAAIC,GAAG,CAAiB,CAAC,QAAQ,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC;IAEzF,IACI,CAACT,SAAS,IACV,CAACU,KAAK,CAACC,OAAO,CAACX,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAEY,IAAI,CACrD,UAACC,IAAI;MAAA,OAAK,CAACL,eAAe,CAACM,GAAG,CAACD,IAAI,CAAC;IAAA,CACxC,CAAC,EACH;MACE;IACJ;IAEA,IAAME,oBAAoB,GAAG,IAAAC,iBAAQ,EAAC,YAAM;MACxC,IAAMC,aAAa,GAAGlB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEmB,OAAO;MAExC,IAAI,CAACD,aAAa,EAAE;QAChB;MACJ;MAEA,IAAAE,qBAAA,GAAiBF,aAAa,CAACG,qBAAqB,CAAC,CAAC;QAA/CC,MAAM,GAAAF,qBAAA,CAANE,MAAM;MAEbf,cAAc,CAACgB,MAAM,CAACC,WAAW,GAAGF,MAAM,GAAGxB,mBAAmB,CAAC;IACrE,CAAC,EAAE,GAAG,CAAC;IAEPkB,oBAAoB,CAAC,CAAC;IACtBO,MAAM,CAACE,gBAAgB,CAAC,QAAQ,EAAET,oBAAoB,CAAC;IACvDO,MAAM,CAACE,gBAAgB,CAAC,QAAQ,EAAET,oBAAoB,CAAC;;IAEvD;IACA,OAAO,YAAM;MACTO,MAAM,CAACG,mBAAmB,CAAC,QAAQ,EAAEV,oBAAoB,CAAC;MAC1DO,MAAM,CAACG,mBAAmB,CAAC,QAAQ,EAAEV,oBAAoB,CAAC;IAC9D,CAAC;EACL,CAAC,EAAE,CAAChB,SAAS,EAAEC,SAAS,CAAC,CAAC;EAE1B,OAAOK,WAAW;AACtB","ignoreList":[]}

package/build/cjs/components/TrackerSelect/hooks/useSelectedItemsIds.d.ts

@@ -0,0 +1,2 @@
+import type { TrackerSelectItem, TrackerSelectItemValueBase } from '../types';
+export declare function useSelectedItemsIds<Value extends TrackerSelectItemValueBase>(selectedItems?: Array<string | TrackerSelectItem<Value>>): string[];

package/build/cjs/components/TrackerSelect/hooks/useSelectedItemsIds.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSelectedItemsIds = useSelectedItemsIds;
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+var _react = require("react");
+function useSelectedItemsIds(selectedItems) {
+  return (0, _react.useMemo)(function () {
+    return (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.map(function (itemData) {
+      return typeof itemData === 'string' ? itemData : String(itemData.id);
+    })) || [];
+  }, [selectedItems]);
+}
+// #sourceMappingURL=useSelectedItemsIds.js.map

package/build/cjs/components/TrackerSelect/hooks/useSelectedItemsIds.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useSelectedItemsIds","selectedItems","useMemo","map","itemData","String","id"],"sources":["useSelectedItemsIds.ts"],"sourcesContent":["import {useMemo} from 'react';\n\nimport type {TrackerSelectItem, TrackerSelectItemValueBase} from '../types';\n\nexport function useSelectedItemsIds<Value extends TrackerSelectItemValueBase>(\n    selectedItems?: Array<string | TrackerSelectItem<Value>>,\n): string[] {\n    return useMemo(\n        () =>\n            selectedItems?.map((itemData) =>\n                typeof itemData === 'string' ? itemData : String(itemData.id),\n            ) || [],\n        [selectedItems],\n    );\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIO,SAASC,mBAAmBA,CAC/BC,aAAwD,EAChD;EACR,OAAO,IAAAC,cAAO,EACV;IAAA,OACI,CAAAD,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEE,GAAG,CAAC,UAACC,QAAQ;MAAA,OACxB,OAAOA,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGC,MAAM,CAACD,QAAQ,CAACE,EAAE,CAAC;IAAA,CACjE,CAAC,KAAI,EAAE;EAAA,GACX,CAACL,aAAa,CAClB,CAAC;AACL","ignoreList":[]}

package/build/cjs/components/TrackerSelect/hooks/useSubmitHotkey.d.ts

@@ -0,0 +1 @@
+export declare function useSubmitHotkey(handleSubmit: (event: KeyboardEvent) => void, enabled?: boolean): void;