@weavix/tracker-components 0.0.1

package/build/cjs/components/TrackerSelect/components/ItemsList.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { TrackerSelectGroup, TrackerSelectItem, TrackerSelectItemValueBase } from '../types';
+import { SelectGroup } from './SelectGroup';
+export type ItemsListProps<Value extends TrackerSelectItemValueBase = TrackerSelectItemValueBase> = {
+    groups?: TrackerSelectGroup<Value>[];
+    selectedItems?: TrackerSelectItem<Value>[];
+    disabledItemsIds?: string[];
+    onItemClick?: (item: TrackerSelectItem<Value>) => void;
+    onItemPin?: (id: string) => void;
+    onItemUnpin?: (id: string) => void;
+    activeItemId?: string;
+    className?: string;
+    isLoading?: boolean;
+    showSelectedGroup?: boolean;
+    chosenGroupTitle?: string;
+    isGroupExpandedByDefault?: (group: TrackerSelectGroup<Value>) => boolean;
+    resetExpandedStateOnGroupsChange?: boolean;
+    hideIfAllSelected?: boolean;
+    showSelectedMeta?: boolean;
+} & Pick<Parameters<typeof SelectGroup>[0], 'renderItem' | 'renderInfo' | 'showArrowOnUnselectedItems' | 'hideCheckbox' | 'singleSelect' | 'showMeta' | 'itemActions' | 'pinnable' | 'disableDefaultItemRender' | 'itemClassName'>;
+declare const ItemsListWrapped: <Value extends TrackerSelectItemValueBase>({ groups, selectedItems, disabledItemsIds, onItemClick, onItemPin, onItemUnpin, activeItemId, renderItem, renderInfo, showArrowOnUnselectedItems, hideCheckbox, singleSelect, showMeta, itemActions, pinnable, disableDefaultItemRender, itemClassName, className, isLoading, showSelectedGroup, chosenGroupTitle, isGroupExpandedByDefault, resetExpandedStateOnGroupsChange, hideIfAllSelected, showSelectedMeta, }: ItemsListProps<Value>) => React.JSX.Element;
+export declare const ItemsList: typeof ItemsListWrapped;
+export {};

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

@@ -0,0 +1,239 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ItemsList = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.array.reduce.js");
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.iterator.reduce.js");
+require("core-js/modules/es.object.assign.js");
+require("core-js/modules/es.object.entries.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.object.values.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 _constants = require("../constants");
+var _useExpandedGroups2 = require("../hooks/useExpandedGroups");
+var _useSelectedItemsIds = require("../hooks/useSelectedItemsIds");
+var _i18n = require("../i18n");
+var _SelectGroup = require("./SelectGroup");
+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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var ItemsListWrapped = function ItemsListWrapped(_ref) {
+  var groups = _ref.groups,
+    selectedItems = _ref.selectedItems,
+    disabledItemsIds = _ref.disabledItemsIds,
+    onItemClick = _ref.onItemClick,
+    onItemPin = _ref.onItemPin,
+    onItemUnpin = _ref.onItemUnpin,
+    activeItemId = _ref.activeItemId,
+    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,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    showSelectedGroup = _ref.showSelectedGroup,
+    chosenGroupTitle = _ref.chosenGroupTitle,
+    isGroupExpandedByDefault = _ref.isGroupExpandedByDefault,
+    resetExpandedStateOnGroupsChange = _ref.resetExpandedStateOnGroupsChange,
+    hideIfAllSelected = _ref.hideIfAllSelected,
+    showSelectedMeta = _ref.showSelectedMeta;
+  var selectedItemsIds = (0, _useSelectedItemsIds.useSelectedItemsIds)(selectedItems);
+  var config = (0, _uikit.getConfig)();
+  var _useLocalizedString = (0, _useLocalizedString2.useLocalizedString)(_i18n.defaultMessages, config.lang),
+    t = _useLocalizedString.t;
+  var _useExpandedGroups = (0, _useExpandedGroups2.useExpandedGroups)(groups, resetExpandedStateOnGroupsChange, isGroupExpandedByDefault),
+    expandedGroups = _useExpandedGroups.expandedGroups,
+    handleExpandChange = _useExpandedGroups.handleExpandChange;
+  var toggleItem = (0, _react.useCallback)(function (item) {
+    onItemClick === null || onItemClick === void 0 || onItemClick(item);
+  }, [onItemClick]);
+  var itemsMap = (0, _react.useMemo)(function () {
+    var _groups$reduce;
+    return (_groups$reduce = groups === null || groups === void 0 ? void 0 : groups.reduce(function (target, group) {
+      return Object.assign(target, group.items);
+    }, {})) !== null && _groups$reduce !== void 0 ? _groups$reduce : {};
+  }, [groups]);
+  var selectedItemGroups = (0, _react.useMemo)(function () {
+    if (!showSelectedGroup || !(selectedItems !== null && selectedItems !== void 0 && selectedItems.length)) {
+      return [];
+    }
+    var buildSelectedGroupItems = function buildSelectedGroupItems(items) {
+      return items.reduce(function (target, itemData, index) {
+        var item;
+        if (itemsMap[itemData.id]) {
+          item = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemsMap[itemData.id]), itemData);
+        } else {
+          item = (0, _objectSpread2.default)({}, itemData);
+        }
+        var res = (0, _objectSpread2.default)({}, target);
+        if (item) {
+          res[index] = item;
+        }
+        return res;
+      }, {});
+    };
+    return [{
+      id: _constants.selectedItemsGroupId,
+      name: singleSelect ? undefined : chosenGroupTitle || t('selectedTitle'),
+      collapsible: singleSelect ? false : true,
+      isGroupExpandedByDefault: true,
+      items: buildSelectedGroupItems(selectedItems)
+    }];
+  }, [showSelectedGroup, selectedItems, singleSelect, chosenGroupTitle, itemsMap, t]);
+  var _useMemo = (0, _react.useMemo)(function () {
+      if (!groups) {
+        return {
+          regularGroups: [],
+          topmostGroups: []
+        };
+      }
+      var regular = [];
+      var topmost = [];
+      var _iterator = (0, _createForOfIteratorHelper2.default)(groups),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var group = _step.value;
+          if (group.topmost) {
+            var groupItems = selectedItemsIds ? Object.entries(group.items).reduce(function (res, _ref2) {
+              var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+                key = _ref3[0],
+                item = _ref3[1];
+              if (!selectedItemsIds.includes(item.id)) {
+                return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, res), {}, (0, _defineProperty2.default)({}, key, item));
+              }
+              return res;
+            }, {}) : group.items;
+            if (Object.keys(groupItems).length > 0) {
+              topmost.push((0, _objectSpread2.default)((0, _objectSpread2.default)({}, group), {}, {
+                items: groupItems
+              }));
+            }
+          } else if (selectedItemsIds !== null && selectedItemsIds !== void 0 && selectedItemsIds.length && showSelectedGroup) {
+            var filteredItems = {};
+            for (var _i = 0, _Object$entries = Object.entries(group.items); _i < _Object$entries.length; _i++) {
+              var _Object$entries$_i = (0, _slicedToArray2.default)(_Object$entries[_i], 2),
+                id = _Object$entries$_i[0],
+                item = _Object$entries$_i[1];
+              if (!selectedItemsIds.includes(id)) {
+                filteredItems[id] = item;
+              }
+            }
+            regular.push((0, _objectSpread2.default)((0, _objectSpread2.default)({}, group), {}, {
+              items: filteredItems
+            }));
+          } else {
+            regular.push(group);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      return {
+        regularGroups: regular,
+        topmostGroups: topmost
+      };
+    }, [groups, selectedItemsIds, showSelectedGroup]),
+    regularGroups = _useMemo.regularGroups,
+    topmostGroups = _useMemo.topmostGroups;
+  var allItemsSelected = (0, _react.useMemo)(function () {
+    var allItemsCount = groups === null || groups === void 0 ? void 0 : groups.reduce(function (sum, group) {
+      return sum + Object.keys(group.items).length;
+    }, 0);
+    return (selectedItemsIds === null || selectedItemsIds === void 0 ? void 0 : selectedItemsIds.length) === allItemsCount;
+  }, [groups, selectedItemsIds === null || selectedItemsIds === void 0 ? void 0 : selectedItemsIds.length]);
+  if (isLoading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Loader, {
+      className: (0, _TrackerSelect.cnTrackerSelect)('loader'),
+      size: "m"
+    });
+  }
+  var showSelectedItems = hideIfAllSelected ? !allItemsSelected : true;
+  var groupsTransform = function groupsTransform(group) {
+    var _group$items;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectGroup.SelectGroup, {
+      group: group,
+      items: Object.values((_group$items = group.items) !== null && _group$items !== void 0 ? _group$items : {}),
+      selectedItemsIds: selectedItemsIds,
+      disabledItemsIds: disabledItemsIds,
+      onItemClick: toggleItem,
+      onItemPin: onItemPin,
+      onItemUnpin: onItemUnpin,
+      activeItemId: activeItemId,
+      expanded: expandedGroups[group.id],
+      onExpandChange: handleExpandChange,
+      renderItem: renderItem,
+      renderInfo: renderInfo,
+      showArrowOnUnselectedItems: showArrowOnUnselectedItems,
+      hideCheckbox: hideCheckbox,
+      singleSelect: singleSelect,
+      showMeta: showMeta,
+      itemActions: itemActions,
+      pinnable: pinnable,
+      disableDefaultItemRender: disableDefaultItemRender,
+      itemClassName: itemClassName,
+      groupId: group.id,
+      collapsible: group.collapsible,
+      withHeading: Boolean(group.name)
+    }, group.id);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _TrackerSelect.cnTrackerSelect)('list', className),
+    children: [topmostGroups.map(groupsTransform), showSelectedItems && selectedItemGroups.map(function (selectedItemGroup) {
+      var _selectedItemGroup$it;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectGroup.SelectGroup, {
+        group: selectedItemGroup,
+        items: Object.values((_selectedItemGroup$it = selectedItemGroup.items) !== null && _selectedItemGroup$it !== void 0 ? _selectedItemGroup$it : {}),
+        selectedItemsIds: selectedItemsIds,
+        disabledItemsIds: disabledItemsIds,
+        onItemClick: toggleItem,
+        onItemPin: onItemPin,
+        onItemUnpin: onItemUnpin,
+        activeItemId: activeItemId,
+        expanded: expandedGroups[selectedItemGroup.id],
+        onExpandChange: handleExpandChange,
+        renderItem: renderItem,
+        renderInfo: renderInfo,
+        showArrowOnUnselectedItems: showArrowOnUnselectedItems,
+        hideCheckbox: hideCheckbox,
+        singleSelect: singleSelect,
+        showMeta: showSelectedMeta,
+        itemActions: itemActions,
+        pinnable: pinnable,
+        disableDefaultItemRender: disableDefaultItemRender,
+        itemClassName: itemClassName,
+        groupId: selectedItemGroup.id,
+        collapsible: selectedItemGroup.collapsible,
+        withHeading: Boolean(selectedItemGroup.name)
+      }, selectedItemGroup.id);
+    }), regularGroups.map(groupsTransform)]
+  });
+};
+var ItemsList = exports.ItemsList = /*#__PURE__*/(0, _react.memo)(ItemsListWrapped);
+// #sourceMappingURL=ItemsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_useLocalizedString2","_TrackerSelect","_constants","_useExpandedGroups2","_useSelectedItemsIds","_i18n","_SelectGroup","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","ItemsListWrapped","_ref","groups","selectedItems","disabledItemsIds","onItemClick","onItemPin","onItemUnpin","activeItemId","renderItem","renderInfo","showArrowOnUnselectedItems","hideCheckbox","singleSelect","showMeta","itemActions","pinnable","disableDefaultItemRender","itemClassName","className","_ref$isLoading","isLoading","showSelectedGroup","chosenGroupTitle","isGroupExpandedByDefault","resetExpandedStateOnGroupsChange","hideIfAllSelected","showSelectedMeta","selectedItemsIds","useSelectedItemsIds","config","getConfig","_useLocalizedString","useLocalizedString","defaultMessages","lang","_useExpandedGroups","useExpandedGroups","expandedGroups","handleExpandChange","toggleItem","useCallback","item","itemsMap","useMemo","_groups$reduce","reduce","target","group","assign","items","selectedItemGroups","length","buildSelectedGroupItems","itemData","index","id","_objectSpread","res","selectedItemsGroupId","name","undefined","collapsible","_useMemo","regularGroups","topmostGroups","regular","topmost","_iterator","_createForOfIteratorHelper","_step","s","done","value","groupItems","entries","_ref2","_ref3","_slicedToArray","key","includes","_defineProperty","keys","push","filteredItems","_i","_Object$entries","_Object$entries$_i","err","allItemsSelected","allItemsCount","sum","_jsx","Loader","cnTrackerSelect","size","showSelectedItems","groupsTransform","_group$items","SelectGroup","values","expanded","onExpandChange","groupId","withHeading","Boolean","_jsxs","children","map","selectedItemGroup","_selectedItemGroup$it","ItemsList","exports","memo"],"sources":["ItemsList.tsx"],"sourcesContent":["import React, {memo, useCallback, useMemo} from 'react';\n\nimport {Loader, getConfig} from '@gravity-ui/uikit';\n\nimport {useLocalizedString} from '~/src/hooks/useLocalizedString';\n\nimport {cnTrackerSelect} from '../TrackerSelect.classname';\nimport {selectedItemsGroupId} from '../constants';\nimport {useExpandedGroups} from '../hooks/useExpandedGroups';\nimport {useSelectedItemsIds} from '../hooks/useSelectedItemsIds';\nimport {defaultMessages} from '../i18n';\nimport type {TrackerSelectGroup, TrackerSelectItem, TrackerSelectItemValueBase} from '../types';\n\nimport {SelectGroup} from './SelectGroup';\n\nexport type ItemsListProps<Value extends TrackerSelectItemValueBase = TrackerSelectItemValueBase> =\n    {\n        groups?: TrackerSelectGroup<Value>[];\n        selectedItems?: TrackerSelectItem<Value>[];\n        disabledItemsIds?: string[];\n        onItemClick?: (item: TrackerSelectItem<Value>) => void;\n        onItemPin?: (id: string) => void;\n        onItemUnpin?: (id: string) => void;\n        activeItemId?: string;\n        className?: string;\n        isLoading?: boolean;\n        showSelectedGroup?: boolean;\n        chosenGroupTitle?: string;\n        isGroupExpandedByDefault?: (group: TrackerSelectGroup<Value>) => boolean;\n        resetExpandedStateOnGroupsChange?: boolean;\n        hideIfAllSelected?: boolean;\n        showSelectedMeta?: boolean;\n    } & Pick<\n        Parameters<typeof SelectGroup>[0],\n        | 'renderItem'\n        | 'renderInfo'\n        | 'showArrowOnUnselectedItems'\n        | 'hideCheckbox'\n        | 'singleSelect'\n        | 'showMeta'\n        | 'itemActions'\n        | 'pinnable'\n        | 'disableDefaultItemRender'\n        | 'itemClassName'\n    >;\n\nconst ItemsListWrapped = <Value extends TrackerSelectItemValueBase>({\n    groups,\n    selectedItems,\n    disabledItemsIds,\n    onItemClick,\n    onItemPin,\n    onItemUnpin,\n    activeItemId,\n    renderItem,\n    renderInfo,\n    showArrowOnUnselectedItems,\n    hideCheckbox,\n    singleSelect,\n    showMeta,\n    itemActions,\n    pinnable,\n    disableDefaultItemRender,\n    itemClassName,\n    className,\n    isLoading = false,\n    showSelectedGroup,\n    chosenGroupTitle,\n    isGroupExpandedByDefault,\n    resetExpandedStateOnGroupsChange,\n    hideIfAllSelected,\n    showSelectedMeta,\n}: ItemsListProps<Value>) => {\n    const selectedItemsIds = useSelectedItemsIds(selectedItems);\n    const config = getConfig();\n    const {t} = useLocalizedString(defaultMessages, config.lang);\n\n    const {expandedGroups, handleExpandChange} = useExpandedGroups(\n        groups,\n        resetExpandedStateOnGroupsChange,\n        isGroupExpandedByDefault,\n    );\n\n    const toggleItem = useCallback(\n        (item: TrackerSelectItem<Value>) => {\n            onItemClick?.(item);\n        },\n        [onItemClick],\n    );\n\n    const itemsMap: Record<string, TrackerSelectItem<Value>> = useMemo(\n        () => groups?.reduce((target, group) => Object.assign(target, group.items), {}) ?? {},\n        [groups],\n    );\n\n    const selectedItemGroups = useMemo(() => {\n        if (!showSelectedGroup || !selectedItems?.length) {\n            return [];\n        }\n\n        const buildSelectedGroupItems = (items: TrackerSelectItem<Value>[]) =>\n            items.reduce<Record<string, TrackerSelectItem<Value>>>((target, itemData, index) => {\n                let item: TrackerSelectItem<Value> | undefined;\n\n                if (itemsMap[itemData.id]) {\n                    item = {\n                        ...itemsMap[itemData.id],\n                        ...itemData,\n                    };\n                } else {\n                    item = {...itemData};\n                }\n\n                const res = {...target};\n\n                if (item) {\n                    res[index] = item;\n                }\n\n                return res;\n            }, {});\n\n        return [\n            {\n                id: selectedItemsGroupId,\n                name: singleSelect ? undefined : chosenGroupTitle || t('selectedTitle'),\n                collapsible: singleSelect ? (false as const) : true,\n                isGroupExpandedByDefault: true,\n                items: buildSelectedGroupItems(selectedItems),\n            },\n        ];\n    }, [showSelectedGroup, selectedItems, singleSelect, chosenGroupTitle, itemsMap, t]);\n\n    const {regularGroups, topmostGroups} = useMemo(() => {\n        if (!groups) {\n            return {regularGroups: [], topmostGroups: []};\n        }\n\n        const regular: TrackerSelectGroup<Value>[] = [];\n        const topmost: TrackerSelectGroup<Value>[] = [];\n\n        for (const group of groups) {\n            if (group.topmost) {\n                const groupItems = selectedItemsIds\n                    ? Object.entries(group.items).reduce((res, [key, item]) => {\n                          if (!selectedItemsIds.includes(item.id)) {\n                              return {...res, [key]: item};\n                          }\n                          return res;\n                      }, {})\n                    : group.items;\n                if (Object.keys(groupItems).length > 0) {\n                    topmost.push({...group, items: groupItems});\n                }\n            } else if (selectedItemsIds?.length && showSelectedGroup) {\n                const filteredItems: Record<string, TrackerSelectItem<Value>> = {};\n                for (const [id, item] of Object.entries(group.items)) {\n                    if (!selectedItemsIds.includes(id)) {\n                        filteredItems[id] = item;\n                    }\n                }\n                regular.push({...group, items: filteredItems});\n            } else {\n                regular.push(group);\n            }\n        }\n\n        return {regularGroups: regular, topmostGroups: topmost};\n    }, [groups, selectedItemsIds, showSelectedGroup]);\n\n    const allItemsSelected = useMemo(() => {\n        const allItemsCount = groups?.reduce(\n            (sum, group) => sum + Object.keys(group.items).length,\n            0,\n        );\n        return selectedItemsIds?.length === allItemsCount;\n    }, [groups, selectedItemsIds?.length]);\n\n    if (isLoading) {\n        return <Loader className={cnTrackerSelect('loader')} size=\"m\" />;\n    }\n\n    const showSelectedItems = hideIfAllSelected ? !allItemsSelected : true;\n\n    const groupsTransform = (group: (typeof regularGroups)[number]) => (\n        <SelectGroup\n            key={group.id}\n            group={group}\n            items={Object.values(group.items ?? {})}\n            selectedItemsIds={selectedItemsIds}\n            disabledItemsIds={disabledItemsIds}\n            onItemClick={toggleItem}\n            onItemPin={onItemPin}\n            onItemUnpin={onItemUnpin}\n            activeItemId={activeItemId}\n            expanded={expandedGroups[group.id]}\n            onExpandChange={handleExpandChange}\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={group.id}\n            collapsible={group.collapsible}\n            withHeading={Boolean(group.name)}\n        />\n    );\n\n    return (\n        <div className={cnTrackerSelect('list', className)}>\n            {topmostGroups.map(groupsTransform)}\n\n            {showSelectedItems &&\n                selectedItemGroups.map((selectedItemGroup) => (\n                    <SelectGroup\n                        key={selectedItemGroup.id}\n                        group={selectedItemGroup}\n                        items={Object.values(selectedItemGroup.items ?? {})}\n                        selectedItemsIds={selectedItemsIds}\n                        disabledItemsIds={disabledItemsIds}\n                        onItemClick={toggleItem}\n                        onItemPin={onItemPin}\n                        onItemUnpin={onItemUnpin}\n                        activeItemId={activeItemId}\n                        expanded={expandedGroups[selectedItemGroup.id]}\n                        onExpandChange={handleExpandChange}\n                        renderItem={renderItem}\n                        renderInfo={renderInfo}\n                        showArrowOnUnselectedItems={showArrowOnUnselectedItems}\n                        hideCheckbox={hideCheckbox}\n                        singleSelect={singleSelect}\n                        showMeta={showSelectedMeta}\n                        itemActions={itemActions}\n                        pinnable={pinnable}\n                        disableDefaultItemRender={disableDefaultItemRender}\n                        itemClassName={itemClassName}\n                        groupId={selectedItemGroup.id}\n                        collapsible={selectedItemGroup.collapsible}\n                        withHeading={Boolean(selectedItemGroup.name)}\n                    />\n                ))}\n\n            {regularGroups.map(groupsTransform)}\n        </div>\n    );\n};\n\nexport const ItemsList = memo(ItemsListWrapped) as typeof ItemsListWrapped;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Search = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _useAutoFocus = require("./../../../hooks/useAutoFocus");
+var _useLocalizedString2 = require("./../../../hooks/useLocalizedString");
+var _TrackerSelect = require("../TrackerSelect.classname");
+var _i18n = require("../i18n");
+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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _excluded = ["autoFocus"];
+var Search = exports.Search = /*#__PURE__*/(0, _react.memo)(function () {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    autoFocus = _ref.autoFocus,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var searchContainerRef = (0, _react.useRef)(null);
+  var config = (0, _uikit.getConfig)();
+  var _useLocalizedString = (0, _useLocalizedString2.useLocalizedString)(_i18n.defaultMessages, config.lang),
+    t = _useLocalizedString.t;
+  (0, _useAutoFocus.useAutoFocus)({
+    containerRef: searchContainerRef,
+    elementSelector: '.g-text-input__control',
+    shouldFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : true
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _TrackerSelect.cnTrackerSelect)('search-container'),
+    ref: searchContainerRef,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.TextInput, (0, _objectSpread2.default)({
+      className: (0, _TrackerSelect.cnTrackerSelect)('search'),
+      view: "clear",
+      size: "l",
+      placeholder: t('search')
+    }, props))
+  });
+});
+Search.displayName = 'Search';
+// #sourceMappingURL=Search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_useAutoFocus","_useLocalizedString2","_TrackerSelect","_i18n","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","Search","exports","memo","_ref","arguments","length","undefined","autoFocus","props","_objectWithoutProperties","_excluded","searchContainerRef","useRef","config","getConfig","_useLocalizedString","useLocalizedString","defaultMessages","lang","useAutoFocus","containerRef","elementSelector","shouldFocus","_jsx","className","cnTrackerSelect","ref","children","TextInput","_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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AAEA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAwC,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,uBAAAnB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;;AAajC,IAAMoB,MAAuB,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,WAAI,EAAC,YAA6C;EAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAP,CAAC,CAAC;IAAtCG,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAKC,KAAK,OAAAC,iCAAA,EAAAN,IAAA,EAAAO,SAAA;EAC7D,IAAMC,kBAAkB,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAEvD,IAAMC,MAAM,GAAG,IAAAC,gBAAS,EAAC,CAAC;EAC1B,IAAAC,mBAAA,GAAY,IAAAC,uCAAkB,EAACC,qBAAe,EAAEJ,MAAM,CAACK,IAAI,CAAC;IAArDrC,CAAC,GAAAkC,mBAAA,CAADlC,CAAC;EAER,IAAAsC,0BAAY,EAAC;IACTC,YAAY,EAAET,kBAAkB;IAChCU,eAAe,EAAE,wBAAwB;IACzCC,WAAW,EAAEf,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI;EAC9B,CAAC,CAAC;EAEF,oBACI,IAAAgB,eAAA;IAAKC,SAAS,EAAE,IAAAC,8BAAe,EAAC,kBAAkB,CAAE;IAACC,GAAG,EAAEf,kBAAmB;IAAAgB,QAAA,eACzE,IAAAJ,eAAA,EAACK,gBAAS,MAAAC,sBAAA;MACNL,SAAS,EAAE,IAAAC,8BAAe,EAAC,QAAQ,CAAE;MACrCK,IAAI,EAAC,OAAO;MACZC,IAAI,EAAC,GAAG;MACRC,WAAW,EAAEnD,CAAC,CAAC,QAAQ;IAAE,GACrB2B,KAAK,CACZ;EAAC,CACD,CAAC;AAEd,CAAC,CAAC;AAEFR,MAAM,CAACiC,WAAW,GAAG,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectGroup = void 0;
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/esnext.array.group.js");
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _TrackerDisclosure = require("../../TrackerDisclosure/TrackerDisclosure");
+var _TrackerSelect = require("../TrackerSelect.classname");
+var _SelectItems = require("./SelectItems");
+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 SelectGroup = exports.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 = (0, _react.useCallback)(function (newExpanded) {
+    onExpandChange === null || onExpandChange === void 0 || onExpandChange(group.id, newExpanded);
+  }, [group.id, onExpandChange]);
+  var modifiers = (0, _react.useMemo)(function () {
+    var mods = {};
+    if (group.type) {
+      mods.type = group.type;
+    }
+    return mods;
+  }, [group.type]);
+  var renderSelectedItems = function renderSelectedItems() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectItems.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__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _TrackerSelect.cnTrackerSelect)('group', modifiers, className),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TrackerDisclosure.TrackerDisclosure, {
+        summary: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          "data-id": "group-".concat(group.id),
+          className: (0, _TrackerSelect.cnTrackerSelect)('collapse-group-title'),
+          children: [group.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+            data: group.icon,
+            size: 16
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: (_group$name = group.name) !== null && _group$name !== void 0 ? _group$name : ''
+          })]
+        }),
+        className: (0, _TrackerSelect.cnTrackerSelect)('collapse'),
+        summaryClassName: (0, _TrackerSelect.cnTrackerSelect)('collapse-header'),
+        arrowClassName: (0, _TrackerSelect.cnTrackerSelect)('collapse-header-icon'),
+        defaultExpanded: group.expand,
+        expanded: expanded,
+        onUpdate: handleExpandChange,
+        children: (group.expand || expanded) && renderSelectedItems()
+      }, group.id)
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _TrackerSelect.cnTrackerSelect)('group', modifiers, className),
+    children: [withHeading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+      as: "h2",
+      variant: "body-1",
+      className: (0, _TrackerSelect.cnTrackerSelect)('group-title'),
+      children: group.name
+    }) : null, renderSelectedItems()]
+  });
+};
+// #sourceMappingURL=SelectGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_TrackerDisclosure","_TrackerSelect","_SelectItems","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SelectGroup","exports","_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","useCallback","newExpanded","id","modifiers","useMemo","mods","type","renderSelectedItems","_jsx","SelectItems","_group$name","cnTrackerSelect","children","TrackerDisclosure","summary","_jsxs","concat","icon","Icon","data","size","name","summaryClassName","arrowClassName","defaultExpanded","expand","onUpdate","Text","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/cjs/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 {};