@synerise/ds-context-selector 0.22.3 → 0.23.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.23.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.22.4...@synerise/ds-context-selector@0.23.0) (2024-06-27)
+
+
+### Features
+
+* **context-selector:** swapped Menu.Item to ListItem ([ee6c517](https://github.com/Synerise/synerise-design/commit/ee6c5176701112014c7cb2dc9b50f46e3330355a))
+
+
+
+
+
+## [0.22.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.22.3...@synerise/ds-context-selector@0.22.4) (2024-06-24)
+
+
+### Bug Fixes
+
+* **information-card:** updated ui and added actions and properties ([c30ed42](https://github.com/Synerise/synerise-design/commit/c30ed4203511f2c29aeea6d8bc17a6fd6170ffe5))
+
+
+
+
+
 ## [0.22.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.22.2...@synerise/ds-context-selector@0.22.3) (2024-06-21)
 
 **Note:** Version bump only for package @synerise/ds-context-selector

package/dist/ContextSelector.js

@@ -120,7 +120,7 @@ var ContextSelector = function ContextSelector(_ref) {
           getPopupContainer: getPopupContainerOverride || getPopupContainer
         },
         renderHoverTooltip: selectedItem ? function () {
-          return /*#__PURE__*/React.createElement(InformationCard, {
+          return /*#__PURE__*/React.createElement(InformationCard, _extends({
             icon: selectedItem.icon,
             subtitle: selectedItem.subtitle,
             title: selectedItem.name,
@@ -129,7 +129,7 @@ var ContextSelector = function ContextSelector(_ref) {
               disabled: true,
               label: undefined
             } : undefined
-          });
+          }, selectedItem.informationCardProps));
         } : undefined
       }, getMenuEntryProps == null ? void 0 : getMenuEntryProps(selectedItem))]
     });

package/dist/ContextSelector.styles.d.ts

@@ -1,7 +1,6 @@
-import Menu from '@synerise/ds-menu';
 export declare const TabsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ContentPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ItemsList: import("styled-components").StyledComponent<typeof Menu, any, {}, never>;
+export declare const ItemsList: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SearchResult: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const SearchResultHighlight: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/ContextSelector.styles.js

@@ -1,5 +1,4 @@
 import styled from 'styled-components';
-import Menu from '@synerise/ds-menu';
 export var TabsWrapper = styled.div.withConfig({
   displayName: "ContextSelectorstyles__TabsWrapper",
   componentId: "sc-1tuu6xk-0"
@@ -8,10 +7,12 @@ export var ContentPlaceholder = styled.div.withConfig({
   displayName: "ContextSelectorstyles__ContentPlaceholder",
   componentId: "sc-1tuu6xk-1"
 })(["height:100px;"]);
-export var ItemsList = styled(Menu).withConfig({
+export var ItemsList = styled.div.withConfig({
   displayName: "ContextSelectorstyles__ItemsList",
   componentId: "sc-1tuu6xk-2"
-})(["width:100%;.ds-context-selector-list{height:auto !important;max-height:300px;}"]);
+})(["width:100%;background:", ";.ds-context-selector-list{height:auto !important;max-height:300px;}"], function (props) {
+  return props.theme.palette.white;
+});
 export var SearchResult = styled.span.withConfig({
   displayName: "ContextSelectorstyles__SearchResult",
   componentId: "sc-1tuu6xk-3"

package/dist/ContextSelector.types.d.ts

@@ -3,6 +3,7 @@ import { HandledEventsType } from '@synerise/ds-utils';
 import { ItemSize } from '@synerise/ds-menu';
 import { DropdownProps } from '@synerise/ds-dropdown/dist/Dropdown';
 import type { FactorsProps } from '@synerise/ds-factors';
+import { InformationCardProps } from '@synerise/ds-information-card';
 export type ContextTexts = {
     buttonLabel: string;
     searchPlaceholder: string;
@@ -20,6 +21,7 @@ export type ContextItem = {
     subGroups?: ContextGroup[];
     useCustomIcon?: boolean;
     subtitle?: string;
+    informationCardProps?: Partial<InformationCardProps>;
 };
 export type ContextGroup = {
     id: ReactText;

package/dist/ContextSelectorDropdown/ContextSelectorDropdownItem.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ContextSelectorDropdownItemProps } from '../ContextSelector.types';
-declare const ContextSelectorDropdownItem: React.FC<ContextSelectorDropdownItemProps>;
+declare const ContextSelectorDropdownItem: ({ item, clearSearch, searchQuery, hideDropdown, select, selected, className, menuItemHeight, style, }: ContextSelectorDropdownItemProps) => React.JSX.Element;
 export default ContextSelectorDropdownItem;

package/dist/ContextSelectorDropdown/ContextSelectorDropdownItem.js

@@ -4,9 +4,9 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import * as React from 'react';
+import React from 'react';
 import Icon, { CheckS } from '@synerise/ds-icon';
-import Menu from '@synerise/ds-menu';
+import ListItem from '@synerise/ds-list-item';
 import { theme } from '@synerise/ds-core';
 
 var ContextSelectorDropdownItem = function ContextSelectorDropdownItem(_ref) {
@@ -24,7 +24,7 @@ var ContextSelectorDropdownItem = function ContextSelectorDropdownItem(_ref) {
       _ = item.icon,
       itemProps = _objectWithoutPropertiesLoose(item, _excluded);
 
-  return /*#__PURE__*/React.createElement(Menu.Item, _extends({
+  return /*#__PURE__*/React.createElement(ListItem, _extends({
     style: style,
     className: className,
     key: item.name + item.id,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-context-selector",
-  "version": "0.22.3",
+  "version": "0.23.0",
   "description": "ContextSelector UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -27,34 +27,31 @@
     "test:watch": "npm run test -- --watchAll",
     "types": "tsc --noEmit"
   },
-  "gitHead": "ef835e848d4f02cca258130baa6c9f44dfa15dd0",
+  "gitHead": "587eb113074985ae21e4f0c25ec33c3e3e2e072b",
   "sideEffects": [
     "dist/style/*",
     "*.less"
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.21.0",
-    "@synerise/ds-dropdown": "^0.18.1",
-    "@synerise/ds-factors": "^0.22.28",
-    "@synerise/ds-icon": "^0.62.1",
-    "@synerise/ds-information-card": "^0.4.9",
-    "@synerise/ds-menu": "^0.19.2",
-    "@synerise/ds-result": "^0.6.57",
-    "@synerise/ds-scrollbar": "^0.11.1",
+    "@synerise/ds-button": "^0.21.1",
+    "@synerise/ds-dropdown": "^0.18.2",
+    "@synerise/ds-factors": "^0.22.30",
+    "@synerise/ds-icon": "^0.63.0",
+    "@synerise/ds-information-card": "^0.4.11",
+    "@synerise/ds-list-item": "^0.2.0",
+    "@synerise/ds-menu": "^0.19.3",
+    "@synerise/ds-result": "^0.6.58",
+    "@synerise/ds-scrollbar": "^0.11.2",
     "@synerise/ds-skeleton": "^0.6.1",
-    "@synerise/ds-tabs": "^0.14.5",
+    "@synerise/ds-tabs": "^0.14.6",
     "@synerise/ds-utils": "^0.27.0",
     "react-window": "1.8.5",
     "uuid": "^8.3.2"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
-    "react": ">=16.9.0 < 17.0.0",
-    "styled-components": "5.0.1"
-  },
-  "devDependencies": {
-    "@testing-library/jest-dom": "5.1.1",
-    "@testing-library/user-event": "^10.3.1"
+    "react": ">=16.9.0 <= 17.0.2",
+    "styled-components": "^5.0.1"
   }
 }