@synerise/ds-item-picker 1.14.3 → 1.15.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.15.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@1.14.3...@synerise/ds-item-picker@1.15.0) (2026-01-20)
+
+### Features
+
+- **information-card:** migrate to popover ([de900e4](https://github.com/Synerise/synerise-design/commit/de900e4bc1c32a4bbbf175401374619e691023f2))
+
 ## [1.14.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@1.14.2...@synerise/ds-item-picker@1.14.3) (2026-01-15)
 
 **Note:** Version bump only for package @synerise/ds-item-picker

package/dist/components/ItemPickerList/ItemPickerList.js

@@ -7,7 +7,7 @@ import { v4 as uuid } from 'uuid';
 import { useTheme } from '@synerise/ds-core';
 import Dropdown from '@synerise/ds-dropdown';
 import Icon, { ArrowLeftM } from '@synerise/ds-icon';
-import { itemSizes } from '@synerise/ds-list-item';
+import { ListContextProvider, itemSizes } from '@synerise/ds-list-item';
 import { Text } from '@synerise/ds-typography';
 import { focusWithArrowKeys, useCombinedRefs, useKeyboardShortcuts, useScrollContain } from '@synerise/ds-utils';
 import { useDefaultTexts } from '../../hooks/useDefaultTexts';
@@ -241,7 +241,7 @@ var ItemPickerListInner = function ItemPickerListInner(_ref, forwardedRef) {
       absolute: true,
       withDnd: false,
       ref: scrollBarRef
-    }, scrollbarProps), /*#__PURE__*/React.createElement(S.ScrollContent, null, /*#__PURE__*/React.createElement(S.StyledList, {
+    }, scrollbarProps), /*#__PURE__*/React.createElement(S.ScrollContent, null, /*#__PURE__*/React.createElement(ListContextProvider, null, /*#__PURE__*/React.createElement(S.StyledList, {
       width: "100%",
       "data-listheight": listHeight,
       height: listHeight,
@@ -253,7 +253,7 @@ var ItemPickerListInner = function ItemPickerListInner(_ref, forwardedRef) {
       ref: listRef
     }, function (props) {
       return ItemPickerListRow(props);
-    }))));
+    })))));
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [allTexts, currentSection, currentPath, getItemSize, handleScroll, isLoading, isLoadingError, isLoadingItems, itemData, listHeight, goBack, mergedItemsList.length, scrollbarProps, searchQuery, listWrapperHeight]);
   useEffect(function () {

package/dist/components/ItemPickerNew/types/baseItemSectionType.types.d.ts

@@ -1,7 +1,7 @@
 import type { InformationCardProps } from '@synerise/ds-information-card';
 import type { ListItemProps } from '@synerise/ds-list-item';
 import type { ItemPickerListTexts } from './itemPickerListTexts.types';
-export type InheritedFromListItem = Pick<ListItemProps, 'id' | 'type' | 'selected' | 'prefixel' | 'prefixVisibilityTrigger' | 'suffixel' | 'suffixVisibilityTrigger' | 'highlight' | 'renderHoverTooltip' | 'hoverTooltipProps' | 'timeToHideTooltip'>;
+export type InheritedFromListItem = Pick<ListItemProps, 'id' | 'type' | 'selected' | 'prefixel' | 'prefixVisibilityTrigger' | 'suffixel' | 'suffixVisibilityTrigger' | 'highlight' | 'renderHoverTooltip' | 'popoverProps' | 'timeToHideTooltip'>;
 export type BaseSectionType = InheritedFromListItem & {
     text: string;
     id: string | number;

package/dist/components/ItemPickerTrigger/Trigger.js

@@ -3,6 +3,7 @@ import React, { forwardRef, useCallback, useMemo } from 'react';
 import Button from '@synerise/ds-button';
 import { theme } from '@synerise/ds-core';
 import Icon, { AngleDownS, Close3S, WarningFillM } from '@synerise/ds-icon';
+import { InformationCardTooltip } from '@synerise/ds-information-card';
 import Popconfirm from '@synerise/ds-popconfirm';
 import Tooltip from '@synerise/ds-tooltip';
 import { useDefaultTexts } from '../../hooks/useDefaultTexts';
@@ -105,7 +106,7 @@ var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
       onClick: handleOpen,
       selected: Boolean(selected),
       clearable: Boolean(onClear && renderClear),
-      ref: ref
+      ref: !informationCardTooltipProps ? ref : undefined
     }, /*#__PURE__*/React.createElement(S.Trigger, {
       size: size
     }, selected ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Value, null, selected.prefixel && /*#__PURE__*/React.createElement(S.Prefix, {
@@ -119,7 +120,9 @@ var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
     })), placeholder)), /*#__PURE__*/React.createElement(S.IconWrapper, {
       size: size
     }, onClear && renderClear, renderAngleIcon));
-  }, [disabled, error, handleOpen, onClear, opened, placeholder, placeholderIcon, renderAngleIcon, renderChangeButton, renderClear, selected, size]);
-  return informationCardTooltipProps ? /*#__PURE__*/React.createElement(S.TriggerTooltip, informationCardTooltipProps, renderedTrigger) : renderedTrigger;
+  }, [disabled, error, handleOpen, informationCardTooltipProps, onClear, opened, placeholder, placeholderIcon, ref, renderAngleIcon, renderChangeButton, renderClear, selected, size]);
+  return informationCardTooltipProps ? /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(InformationCardTooltip, _extends({
+    ref: ref
+  }, informationCardTooltipProps), renderedTrigger)) : renderedTrigger;
 });
 export default Trigger;

package/dist/components/ItemPickerTrigger/Trigger.styles.d.ts

@@ -24,5 +24,4 @@ export declare const Trigger: import("styled-components").StyledComponent<"div",
 export declare const TriggerWrapper: import("styled-components").StyledComponent<"div", any, TriggerWrapperProps, never>;
 export declare const ChangeButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ValueText: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const TriggerTooltip: import("styled-components").StyledComponent<({ triggerProps, children, style, informationCardProps, ...rest }: import("@synerise/ds-information-card").InformationCardTooltipProps) => React.JSX.Element, any, {}, never>;
 export {};

package/dist/components/ItemPickerTrigger/Trigger.styles.js

@@ -1,5 +1,4 @@
 import styled, { css } from 'styled-components';
-import { InformationCardTooltip } from '@synerise/ds-information-card';
 var getDefaultStyles = function getDefaultStyles(props) {
   if (props.size === 'small') {
     return "box-shadow: inset 0 0 0 1px " + props.theme.palette['grey-400'] + ";";
@@ -136,8 +135,4 @@ export var ChangeButtonWrapper = styled.div.withConfig({
 export var ValueText = styled.span.withConfig({
   displayName: "Triggerstyles__ValueText",
   componentId: "sc-1t1uce7-10"
-})(["text-overflow:ellipsis;overflow:hidden;white-space:nowrap;"]);
-export var TriggerTooltip = styled(InformationCardTooltip).withConfig({
-  displayName: "Triggerstyles__TriggerTooltip",
-  componentId: "sc-1t1uce7-11"
-})(["width:100%;"]);
+})(["text-overflow:ellipsis;overflow:hidden;white-space:nowrap;"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-item-picker",
-  "version": "1.14.3",
+  "version": "1.15.0",
   "description": "ItemPicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -38,18 +38,18 @@
     "@synerise/ds-alert": "^1.1.31",
     "@synerise/ds-avatar": "^1.1.5",
     "@synerise/ds-button": "^1.5.5",
-    "@synerise/ds-dropdown": "^1.1.8",
+    "@synerise/ds-dropdown": "^1.1.9",
     "@synerise/ds-empty-states": "^1.0.26",
     "@synerise/ds-flag": "^1.0.6",
     "@synerise/ds-form-field": "^1.2.3",
     "@synerise/ds-icon": "^1.10.0",
-    "@synerise/ds-information-card": "^1.3.9",
-    "@synerise/ds-list-item": "^1.2.6",
+    "@synerise/ds-information-card": "^1.4.0",
+    "@synerise/ds-list-item": "^1.3.0",
     "@synerise/ds-loader": "^1.0.11",
-    "@synerise/ds-popconfirm": "^1.1.3",
+    "@synerise/ds-popconfirm": "^1.2.0",
     "@synerise/ds-result": "^1.0.35",
     "@synerise/ds-scrollbar": "^1.2.5",
-    "@synerise/ds-search": "^1.3.15",
+    "@synerise/ds-search": "^1.4.0",
     "@synerise/ds-search-bar": "^1.4.6",
     "@synerise/ds-short-cuts": "^1.0.28",
     "@synerise/ds-skeleton": "^1.0.30",
@@ -69,5 +69,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "4cde643d1f63a4b47e84707a13b1b1d138730d53"
+  "gitHead": "db758824923a2a231a0de460f0d6d10739514cda"
 }