@synerise/ds-context-selector 0.19.4 → 0.19.6

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.19.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.19.5...@synerise/ds-context-selector@0.19.6) (2023-09-14)
+
+**Note:** Version bump only for package @synerise/ds-context-selector
+
+
+
+
+
+## [0.19.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.19.4...@synerise/ds-context-selector@0.19.5) (2023-09-08)
+
+**Note:** Version bump only for package @synerise/ds-context-selector
+
+
+
+
+
 ## [0.19.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.19.3...@synerise/ds-context-selector@0.19.4) (2023-09-05)
 
 **Note:** Version bump only for package @synerise/ds-context-selector

package/dist/ContextSelector.types.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { CSSProperties } from 'react';
+import { CSSProperties, ReactNode, ReactText } from 'react';
 import { HandledEventsType } from '@synerise/ds-utils';
 import { ItemSize } from '@synerise/ds-menu';
 import { DropdownProps } from '@synerise/ds-dropdown/dist/Dropdown';
@@ -11,24 +10,24 @@ export declare type ContextTexts = {
     noResults: string;
 };
 export declare type ContextItem = {
-    id: React.ReactText;
+    id: ReactText | null;
     name: string;
-    icon: React.ReactNode;
-    customSuffix?: React.ReactNode;
-    description?: React.ReactNode;
-    groupId?: React.ReactText;
+    icon: ReactNode;
+    customSuffix?: ReactNode;
+    description?: ReactNode;
+    groupId?: ReactText;
     groupName?: string;
     subGroups?: ContextGroup[];
     useCustomIcon?: boolean;
     subtitle?: string;
 };
 export declare type ContextGroup = {
-    id: React.ReactText;
+    id: ReactText;
     name: string;
-    customSuffix?: React.ReactNode;
+    customSuffix?: ReactNode;
     defaultGroup?: boolean;
-    description?: React.ReactNode;
-    icon?: React.ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
     itemType?: string;
     tooltip?: string;
     subGroups?: ContextGroup[];
@@ -53,7 +52,7 @@ export declare type ContextProps = {
     opened?: boolean;
     addMode?: boolean;
     loading?: boolean;
-    customTriggerComponent?: React.ReactNode;
+    customTriggerComponent?: ReactNode;
     trigger?: ('click' | 'hover' | 'contextMenu')[];
     menuItemHeight?: ItemSize;
     dropdownWrapperStyles?: CSSProperties;
@@ -65,7 +64,7 @@ export declare type ContextProps = {
     hasMoreItems?: boolean;
     type?: 'default' | 'attribute' | 'event';
     dropdownProps?: Omit<DropdownProps, 'trigger' | 'getPopupContainer' | 'onVisibleChange' | 'visible' | 'overlay'>;
-    errorText?: React.ReactNode | string;
+    errorText?: ReactNode | string;
     getMenuEntryProps?: FactorsProps['getMenuEntryProps'];
 };
 export declare type ContextDropdownProps = {
@@ -85,7 +84,7 @@ export declare type ContextDropdownProps = {
     onSearch?: (query: string) => void;
     onFetchData?: () => void;
     hasMoreItems?: boolean;
-    style?: React.CSSProperties;
+    style?: CSSProperties;
 };
 export declare type ContextSelectorDropdownItemProps = {
     item: ContextItem | ContextGroup;
@@ -96,7 +95,7 @@ export declare type ContextSelectorDropdownItemProps = {
     selected?: boolean;
     className: string;
     menuItemHeight?: ItemSize;
-    style?: React.CSSProperties;
+    style?: CSSProperties;
 };
 export declare type ListItem = {
     className: string;

package/dist/ContextSelectorDropdown/ContextSelectorDropdown.js

@@ -29,6 +29,10 @@ function isListTitle(element) {
   return element.title !== undefined;
 }
 
+function isGroup(item) {
+  return 'isGroup' in item;
+}
+
 var ContextSelectorDropdown = function ContextSelectorDropdown(_ref) {
   var texts = _ref.texts,
       setSelected = _ref.setSelected,
@@ -83,8 +87,10 @@ var ContextSelectorDropdown = function ContextSelectorDropdown(_ref) {
     return "ds-context-item ds-context-item-" + uuid();
   }, []);
   var handleOnSetGroup = React.useCallback(function (item) {
-    onSetGroup && onSetGroup(item);
-    setActiveGroup(item);
+    if (isGroup(item)) {
+      onSetGroup && onSetGroup(item);
+      setActiveGroup(item);
+    }
   }, [onSetGroup]);
   useOnClickOutside(overlayRef, function (event) {
     if (getClosest(event.target, '.ds-info-card') === null) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-context-selector",
-  "version": "0.19.4",
+  "version": "0.19.6",
   "description": "ContextSelector UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -26,7 +26,7 @@
     "test:watch": "npm run test -- --watchAll",
     "types": "tsc --noEmit"
   },
-  "gitHead": "a2b1a3a78d87edfdbe97ae2f66573f4736f30e8b",
+  "gitHead": "537a85e8d61ceb4ad23babf222ba18b94fbfb319",
   "sideEffects": [
     "dist/style/*",
     "*.less"
@@ -34,15 +34,15 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@synerise/ds-button": "^0.18.1",
-    "@synerise/ds-dropdown": "^0.17.76",
-    "@synerise/ds-factors": "^0.19.4",
+    "@synerise/ds-dropdown": "^0.17.77",
+    "@synerise/ds-factors": "^0.19.6",
     "@synerise/ds-icon": "^0.58.1",
-    "@synerise/ds-information-card": "^0.3.33",
+    "@synerise/ds-information-card": "^0.3.34",
     "@synerise/ds-loader": "^0.2.43",
     "@synerise/ds-menu": "^0.17.17",
-    "@synerise/ds-result": "^0.6.29",
+    "@synerise/ds-result": "^0.6.30",
     "@synerise/ds-scrollbar": "^0.6.6",
-    "@synerise/ds-tabs": "^0.13.73",
+    "@synerise/ds-tabs": "^0.13.74",
     "@synerise/ds-utils": "^0.24.15",
     "react-window": "1.8.5",
     "uuid": "^8.3.2"