@synerise/ds-item-picker 0.10.4 → 0.11.1

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.11.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@0.11.0...@synerise/ds-item-picker@0.11.1) (2023-04-14)
+
+**Note:** Version bump only for package @synerise/ds-item-picker
+
+
+
+
+
+# [0.11.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@0.10.4...@synerise/ds-item-picker@0.11.0) (2023-04-05)
+
+
+### Features
+
+* **item-picker:** adds loading, onReachYEnd props ([9b1194b](https://github.com/Synerise/synerise-design/commit/9b1194b6e82782c5e1bc2eed7994446cd870b641))
+* **item-picker:** adds missing dependency + imporves imports ([3002519](https://github.com/Synerise/synerise-design/commit/3002519f299ea400a219b6ff68b5af6f40de7e84))
+* **item-picker:** adds scrollbarProps property ([36f158f](https://github.com/Synerise/synerise-design/commit/36f158f93ffe6be5f5e37dcf3ca7df0c5bc36e1b))
+* **item-picker:** improves types ([590fc88](https://github.com/Synerise/synerise-design/commit/590fc88049777ff96b4a4bd91b783fbd24d74e84))
+* **item-picker:** improves types imports from @synerise/ds-scrollbar ([e156c45](https://github.com/Synerise/synerise-design/commit/e156c45748f5c8929b716c737959196763e5eed5))
+* **item-picker:** skip missing tests ([00ba5b2](https://github.com/Synerise/synerise-design/commit/00ba5b273627f370a37f67803762069692cf68be))
+
+
+
+
+
 ## [0.10.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@0.10.3...@synerise/ds-item-picker@0.10.4) (2023-03-31)
 
 **Note:** Version bump only for package @synerise/ds-item-picker

package/README.md

@@ -75,3 +75,4 @@ import ItemPicker from '@synerise/ds-item-picker'
 | yesText               | Label of confirm button                                  | string                                                                                          | 'Yes'                                    |
 | noText                | Label of cancel button                                   | string                                                                                          | 'No'                                     |
 | noResults             | No search results info                                   | string                                                                                          | 'No results'                             |
+| scrollbarProps        | Object with scrollbar configturaion                      | ScrollbarAdditionalProps                                                                        | -                                        |

package/dist/ItemPicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ItemPickerProps } from './ItemPicker.types';
-declare const _default: React.ForwardRefExoticComponent<Pick<ItemPickerProps, "label" | "onFocus" | "onBlur" | "onChange" | "placeholder" | "disabled" | "size" | "dataSource" | "noResults" | "dropdownVisibleRows" | "dropdownRowHeight" | "dropdownBottomAction" | "closeOnBottomAction" | "searchBarProps" | "error" | "clear" | "onClear" | "placeholderIcon" | "changeButtonLabel" | "clearConfirmTitle" | "yesText" | "noText" | "withClearConfirmation" | "description" | "dropdownProps" | "errorMessage" | "searchPlaceholder" | "selectedItem" | "tooltip"> & {
+declare const _default: React.ForwardRefExoticComponent<Pick<ItemPickerProps, "label" | "onFocus" | "onBlur" | "onChange" | "placeholder" | "disabled" | "size" | "dataSource" | "noResults" | "dropdownVisibleRows" | "dropdownRowHeight" | "dropdownBottomAction" | "closeOnBottomAction" | "searchBarProps" | "scrollbarProps" | "error" | "clear" | "onClear" | "placeholderIcon" | "changeButtonLabel" | "clearConfirmTitle" | "yesText" | "noText" | "withClearConfirmation" | "description" | "dropdownProps" | "errorMessage" | "searchPlaceholder" | "selectedItem" | "tooltip"> & {
     forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
 } & React.RefAttributes<any>> & {
     WrappedComponent: React.ComponentType<ItemPickerProps>;

package/dist/ItemPicker.js

@@ -66,7 +66,8 @@ var ItemPicker = function ItemPicker(_ref) {
     id: 'DS.ITEM-PICKER.YES-TEXT',
     defaultMessage: 'Yes'
   }) : _ref$yesText,
-      withClearConfirmation = _ref.withClearConfirmation;
+      withClearConfirmation = _ref.withClearConfirmation,
+      scrollbarProps = _ref.scrollbarProps;
 
   var _React$useState = React.useState(false),
       dropdownOpened = _React$useState[0],
@@ -104,9 +105,10 @@ var ItemPicker = function ItemPicker(_ref) {
       dropdownRowHeight: dropdownRowHeight,
       dropdownBottomAction: dropdownBottomAction,
       closeOnBottomAction: closeOnBottomAction,
-      isDropdownOpened: dropdownOpened
+      isDropdownOpened: dropdownOpened,
+      scrollbarProps: scrollbarProps
     });
-  }, [searchBarProps, onChange, dataSource, searchPlaceholder, closeDropdown, noResults, dropdownVisibleRows, dropdownRowHeight, dropdownBottomAction, closeOnBottomAction, dropdownOpened]);
+  }, [searchBarProps, onChange, dataSource, searchPlaceholder, closeDropdown, noResults, dropdownVisibleRows, dropdownRowHeight, dropdownBottomAction, closeOnBottomAction, dropdownOpened, scrollbarProps]);
   var renderTrigger = React.useMemo(function () {
     return /*#__PURE__*/React.createElement(Trigger, {
       clear: clear,

package/dist/ItemPicker.types.d.ts

@@ -1,8 +1,9 @@
+import * as React from 'react';
 import { IntlShape } from 'react-intl';
 import { SearchBarProps } from '@synerise/ds-search-bar/dist/SearchBar.types';
 import { MenuItemProps } from '@synerise/ds-menu/dist/Elements/Item/MenuItem.types';
-import * as React from 'react';
 import { DropdownProps } from '@synerise/ds-dropdown/dist/Dropdown';
+import { ScrollbarAdditionalProps } from '@synerise/ds-scrollbar';
 export declare type ItemPickerSize = 'small' | 'large';
 export declare type ItemPickerProps = {
     dataSource: MenuItemProps[];
@@ -35,4 +36,5 @@ export declare type ItemPickerProps = {
     tooltip?: string | React.ReactNode;
     withClearConfirmation?: boolean;
     yesText?: string;
+    scrollbarProps?: ScrollbarAdditionalProps;
 };

package/dist/ItemPickerDropdown/ItemPickerDropdown.js

@@ -11,6 +11,8 @@ var DEFAULT_ROW_HEIGHT = 32;
 var DEFAULT_VISIBLE_ROWS = 10;
 
 var ItemPickerDropdown = function ItemPickerDropdown(_ref) {
+  var _searchBarProps$value;
+
   var onChange = _ref.onChange,
       placeholder = _ref.placeholder,
       dataSource = _ref.dataSource,
@@ -21,7 +23,8 @@ var ItemPickerDropdown = function ItemPickerDropdown(_ref) {
       dropdownBottomAction = _ref.dropdownBottomAction,
       closeOnBottomAction = _ref.closeOnBottomAction,
       isDropdownOpened = _ref.isDropdownOpened,
-      searchBarProps = _ref.searchBarProps;
+      searchBarProps = _ref.searchBarProps,
+      scrollbarProps = _ref.scrollbarProps;
   var rowCount = dropdownVisibleRows || DEFAULT_VISIBLE_ROWS;
   var rowHeight = dropdownRowHeight || DEFAULT_ROW_HEIGHT;
 
@@ -62,7 +65,7 @@ var ItemPickerDropdown = function ItemPickerDropdown(_ref) {
   }, searchBarProps)), /*#__PURE__*/React.createElement(S.DSMenu, null, (filteredDataSource == null ? void 0 : filteredDataSource.length) === 0 && /*#__PURE__*/React.createElement(Result, {
     type: "no-results",
     description: noResults
-  }), /*#__PURE__*/React.createElement(S.StyledScrollbar, {
+  }), /*#__PURE__*/React.createElement(S.StyledScrollbar, _extends({
     maxHeight: rowCount * rowHeight,
     absolute: true,
     onScroll: function onScroll(e) {
@@ -71,9 +74,9 @@ var ItemPickerDropdown = function ItemPickerDropdown(_ref) {
     style: {
       paddingRight: '8px'
     }
-  }, /*#__PURE__*/React.createElement(SearchItems, {
+  }, scrollbarProps), /*#__PURE__*/React.createElement(SearchItems, {
     data: filteredDataSource,
-    highlight: searchQuery,
+    highlight: (_searchBarProps$value = searchBarProps == null ? void 0 : searchBarProps.value) != null ? _searchBarProps$value : searchQuery,
     itemRender: function itemRender(item) {
       return /*#__PURE__*/React.createElement(Menu.Item, _extends({
         key: item == null ? void 0 : item.text

package/dist/ItemPickerDropdown/ItemPickerDropdown.style.d.ts

@@ -3,6 +3,8 @@ import Menu from '@synerise/ds-menu';
 import { ScrollbarProps } from '@synerise/ds-scrollbar/dist/Scrollbar.types';
 export declare const DropdownWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const DSMenu: import("styled-components").StyledComponent<typeof Menu, any, {}, never>;
-export declare const StyledScrollbar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ScrollbarProps & import("react").RefAttributes<HTMLElement>>, any, ScrollbarProps, never>;
+export declare const StyledScrollbar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@synerise/ds-scrollbar").ScrollbarAdditionalProps & {
+    children: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, ScrollbarProps, never>;
 export declare const DropdownFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const BottomActionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/ItemPickerDropdown/ItemPickerDropdown.types.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { MenuItemProps } from '@synerise/ds-menu/dist/Elements/Item/MenuItem.types';
+import { ScrollbarAdditionalProps } from '@synerise/ds-scrollbar';
 import { SearchBarProps } from '@synerise/ds-search-bar/dist/SearchBar.types';
 export interface Props {
     onChange: (item: MenuItemProps) => void;
@@ -13,4 +14,5 @@ export interface Props {
     closeOnBottomAction?: boolean;
     isDropdownOpened: boolean;
     searchBarProps?: Partial<SearchBarProps>;
+    scrollbarProps?: ScrollbarAdditionalProps;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-item-picker",
-  "version": "0.10.4",
+  "version": "0.11.1",
   "description": "ItemPicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,16 +32,17 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-dropdown": "^0.17.59",
+    "@synerise/ds-dropdown": "^0.17.61",
     "@synerise/ds-icon": "^0.54.0",
     "@synerise/ds-menu": "^0.17.5",
-    "@synerise/ds-search": "^0.8.45",
-    "@synerise/ds-search-bar": "^0.6.26",
+    "@synerise/ds-scrollbar": "^0.6.0",
+    "@synerise/ds-search": "^0.8.47",
+    "@synerise/ds-search-bar": "^0.6.27",
     "@synerise/ds-typography": "^0.12.7"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "2ba3cb743a9dde56429a5616ca840dbcd8f3f8be"
+  "gitHead": "a81aad1ee5bb7249f069115cab0ec06b66ab12b0"
 }