@synerise/ds-context-selector 0.25.2 → 0.25.3

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.25.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.25.2...@synerise/ds-context-selector@0.25.3) (2024-09-26)
+
+**Note:** Version bump only for package @synerise/ds-context-selector
+
+
+
+
+
 ## [0.25.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.25.1...@synerise/ds-context-selector@0.25.2) (2024-09-18)
 
 **Note:** Version bump only for package @synerise/ds-context-selector

package/dist/ContextSelector.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ContextProps } from './ContextSelector.types';
-declare const ContextSelector: ({ defaultDropdownVisibility, selectedItem, onSelectItem, onSetGroup, groups, items, texts, opened, addMode, loading, customTriggerComponent, trigger, menuItemHeight, dropdownWrapperStyles, onClickOutsideEvents, onClickOutside, onSearch, hideSearchField, hasMoreItems, onFetchData, onActivate, onDeactivate, onOpen, getPopupContainerOverride, type, dropdownProps, disabled, errorText, readOnly, getMenuEntryProps, dropdownDimensionsConfig, }: ContextProps) => React.JSX.Element;
+declare const ContextSelector: ({ defaultDropdownVisibility, selectedItem, onSelectItem, onSetGroup, groups, items, recentItems, texts, opened, addMode, loading, customTriggerComponent, trigger, menuItemHeight, dropdownWrapperStyles, onClickOutsideEvents, onClickOutside, onSearch, hideSearchField, hasMoreItems, onFetchData, onActivate, onDeactivate, onOpen, getPopupContainerOverride, type, dropdownProps, disabled, errorText, readOnly, getMenuEntryProps, dropdownDimensionsConfig, }: ContextProps) => React.JSX.Element;
 export default ContextSelector;

package/dist/ContextSelector.js

@@ -24,6 +24,7 @@ var ContextSelector = function ContextSelector(_ref) {
       onSetGroup = _ref.onSetGroup,
       groups = _ref.groups,
       items = _ref.items,
+      recentItems = _ref.recentItems,
       texts = _ref.texts,
       opened = _ref.opened,
       addMode = _ref.addMode,
@@ -182,6 +183,7 @@ var ContextSelector = function ContextSelector(_ref) {
       onSetGroup: handleOnSetGroup,
       groups: groups,
       items: items,
+      recentItems: recentItems,
       texts: texts,
       visible: dropdownVisible,
       loading: loading,

package/dist/ContextSelector.types.d.ts

@@ -10,6 +10,8 @@ export type ContextTexts = {
     loadingResults: string;
     noResults: string;
     showMore: string;
+    recentItemsGroupName: string;
+    allItemsGroupName: string;
 };
 export type ContextItem = Pick<ListItemProps, 'renderHoverTooltip' | 'hoverTooltipProps' | 'disabled'> & {
     id: ReactText | null;
@@ -50,6 +52,7 @@ export type ContextProps = {
     onSelectItem: (item: ContextItem | ContextGroup | undefined) => void;
     groups: ContextGroup[];
     items: ContextItem[];
+    recentItems?: ContextItem[];
     texts: ContextTexts;
     getPopupContainerOverride?: (trigger: HTMLElement | null) => HTMLElement;
     onSetGroup?: (item: ContextItem | ContextGroup | undefined) => void;
@@ -82,6 +85,7 @@ export type ContextDropdownProps = {
     setSelected: (val: ContextItem | ContextGroup) => void;
     groups: ContextGroup[];
     items: ContextItem[];
+    recentItems?: ContextItem[];
     texts: ContextTexts;
     value: ContextItem | undefined;
     onSetGroup?: (val: ContextItem | ContextGroup) => void;

package/dist/ContextSelectorDropdown/ContextSelectorDropdown.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ContextDropdownProps } from '../ContextSelector.types';
-declare const ContextSelectorDropdown: ({ texts, setSelected, onSetGroup, groups, items, setDropdownVisible, value, visible, hideSearchField, loading, menuItemHeight, dropdownWrapperStyles, onClickOutsideEvents, onClickOutside, onSearch, onFetchData, hasMoreItems, outerHeight, maxSearchResultsInGroup, }: ContextDropdownProps) => React.JSX.Element;
+declare const ContextSelectorDropdown: ({ texts, setSelected, onSetGroup, groups, items, recentItems, setDropdownVisible, value, visible, hideSearchField, loading, menuItemHeight, dropdownWrapperStyles, onClickOutsideEvents, onClickOutside, onSearch, onFetchData, hasMoreItems, outerHeight, maxSearchResultsInGroup, }: ContextDropdownProps) => React.JSX.Element;
 export default ContextSelectorDropdown;

package/dist/ContextSelectorDropdown/ContextSelectorDropdown.js

@@ -28,6 +28,7 @@ var ContextSelectorDropdown = function ContextSelectorDropdown(_ref) {
       onSetGroup = _ref.onSetGroup,
       groups = _ref.groups,
       items = _ref.items,
+      recentItems = _ref.recentItems,
       setDropdownVisible = _ref.setDropdownVisible,
       value = _ref.value,
       visible = _ref.visible,
@@ -213,8 +214,23 @@ var ContextSelectorDropdown = function ContextSelectorDropdown(_ref) {
       }));
     }
 
+    if ((recentItems || []).length > 0) {
+      var recentItemsWithGroup = (recentItems || []).map(function (item) {
+        return _objectSpread({}, item, {
+          groupName: texts.recentItemsGroupName
+        });
+      });
+      var itemsWithAllGroup = (items || []).map(function (item) {
+        return _objectSpread({}, item, {
+          groupName: texts.allItemsGroupName
+        });
+      });
+      var result = groupByGroupName(recentItemsWithGroup.concat(itemsWithAllGroup));
+      return result;
+    }
+
     return groupByGroupName(items);
-  }, [onSearch, searchQuery, hasSubgroups, activeGroup, activeTab, groups, groupByGroupName, items, searchResults, currentTabItems == null ? void 0 : currentTabItems.subGroups, currentTabItems == null ? void 0 : currentTabItems.id]);
+  }, [onSearch, searchQuery, hasSubgroups, activeGroup, activeTab, groups, groupByGroupName, items, searchResults, currentTabItems == null ? void 0 : currentTabItems.subGroups, currentTabItems == null ? void 0 : currentTabItems.id, recentItems, texts.recentItemsGroupName, texts.allItemsGroupName]);
   useEffect(function () {
     var _listRef$current;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-context-selector",
-  "version": "0.25.2",
+  "version": "0.25.3",
   "description": "ContextSelector UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -25,27 +25,28 @@
     "prepublish": "npm run build",
     "test": "jest",
     "test:watch": "npm run test -- --watchAll",
-    "types": "tsc --noEmit"
+    "types": "tsc --noEmit",
+    "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
   },
-  "gitHead": "a2c7baeed8b391294c9a24866cd4c9dfd4646fa9",
+  "gitHead": "fc06bd0f13401a57329fb92985b735de33108dbc",
   "sideEffects": [
     "dist/style/*",
     "*.less"
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.21.11",
-    "@synerise/ds-dropdown": "^0.18.15",
-    "@synerise/ds-factors": "^0.25.4",
-    "@synerise/ds-icon": "^0.65.6",
-    "@synerise/ds-information-card": "^0.5.10",
-    "@synerise/ds-list-item": "^0.4.11",
-    "@synerise/ds-menu": "^0.19.15",
-    "@synerise/ds-result": "^0.7.5",
-    "@synerise/ds-scrollbar": "^0.11.11",
-    "@synerise/ds-skeleton": "^0.6.9",
-    "@synerise/ds-tabs": "^0.16.1",
-    "@synerise/ds-utils": "^0.29.3",
+    "@synerise/ds-button": "^0.21.12",
+    "@synerise/ds-dropdown": "^0.18.16",
+    "@synerise/ds-factors": "^0.25.5",
+    "@synerise/ds-icon": "^0.65.7",
+    "@synerise/ds-information-card": "^0.5.11",
+    "@synerise/ds-list-item": "^0.4.12",
+    "@synerise/ds-menu": "^0.19.16",
+    "@synerise/ds-result": "^0.7.6",
+    "@synerise/ds-scrollbar": "^0.11.12",
+    "@synerise/ds-skeleton": "^0.6.10",
+    "@synerise/ds-tabs": "^0.16.2",
+    "@synerise/ds-utils": "^0.29.4",
     "react-window": "1.8.5",
     "uuid": "^8.3.2"
   },