@synerise/ds-item-picker 0.9.51 → 0.10.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.10.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@0.9.51...@synerise/ds-item-picker@0.10.0) (2023-03-06)
+
+
+### Features
+
+* **item-picker:** changes onClear to optional property ([6d4df8f](https://github.com/Synerise/synerise-design/commit/6d4df8f871d55cdaec55f42c1bdca55f2aea0497))
+
+
+
+
+
 ## [0.9.51](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@0.9.50...@synerise/ds-item-picker@0.9.51) (2023-03-02)
 
 **Note:** Version bump only for package @synerise/ds-item-picker

package/dist/ItemPicker.types.d.ts

@@ -8,7 +8,7 @@ export declare type ItemPickerProps = {
     dataSource: MenuItemProps[];
     intl: IntlShape;
     onChange: (item: MenuItemProps) => void;
-    onClear: () => void;
+    onClear?: () => void;
     placeholder: string | React.ReactNode;
     changeButtonLabel?: string | React.ReactNode;
     clear?: string | React.ReactNode;

package/dist/ItemPickerTrigger/Trigger.js

@@ -27,7 +27,7 @@ var Trigger = function Trigger(_ref) {
   var handleClear = React.useCallback(function (event) {
     event.stopPropagation();
     closeDropdown();
-    onClear();
+    onClear && onClear();
   }, [onClear, closeDropdown]);
   var renderClear = React.useMemo(function () {
     var tooltip = /*#__PURE__*/React.createElement(Tooltip, {
@@ -60,7 +60,7 @@ var Trigger = function Trigger(_ref) {
     }
 
     return null;
-  }, [selected, handleClear, clear, withClearConfirmation, clearConfirmTitle, noText, yesText]);
+  }, [clear, selected, withClearConfirmation, handleClear, clearConfirmTitle, yesText, noText]);
   var renderAngleIcon = React.useMemo(function () {
     return !selected && size === 'small' && /*#__PURE__*/React.createElement(Icon, {
       "data-testid": "angle-icon",
@@ -103,7 +103,7 @@ var Trigger = function Trigger(_ref) {
     component: placeholderIcon
   })), placeholder)), /*#__PURE__*/React.createElement(S.IconWrapper, {
     size: size
-  }, renderClear, renderAngleIcon));
+  }, onClear && renderClear, renderAngleIcon));
 };
 
 export default Trigger;

package/dist/ItemPickerTrigger/Trigger.types.d.ts

@@ -6,7 +6,7 @@ export interface Props {
     closeDropdown: () => void;
     size: ItemPickerSize;
     clear: string | React.ReactNode;
-    onClear: () => void;
+    onClear?: () => void;
     opened: boolean;
     placeholder: string | React.ReactNode;
     placeholderIcon?: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-item-picker",
-  "version": "0.9.51",
+  "version": "0.10.0",
   "description": "ItemPicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,16 +32,16 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-dropdown": "^0.17.54",
+    "@synerise/ds-dropdown": "^0.17.55",
     "@synerise/ds-icon": "^0.54.0",
-    "@synerise/ds-menu": "^0.17.4",
-    "@synerise/ds-search": "^0.8.40",
-    "@synerise/ds-search-bar": "^0.6.25",
+    "@synerise/ds-menu": "^0.17.5",
+    "@synerise/ds-search": "^0.8.41",
+    "@synerise/ds-search-bar": "^0.6.26",
     "@synerise/ds-typography": "^0.12.7"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "91c3937d5564d273bfb0ad2029eecaf14ca921c8"
+  "gitHead": "a9c9628df732abd42421880fd1aa61b7f7c580ee"
 }