@skedulo/sked-ui 21.7.4 → 21.8.0

package/dist/components/forms/elements/SearchSelect.d.ts

@@ -3,4 +3,4 @@ import { ISelectItem, SelectBox } from './interfaces';
 /**
  * A searchable select component. Just like it's native counterpart, only a valid listed option is allowed.
  */
-export declare const SearchSelect: <T extends ISelectItem<any>>({ id, name, items, placeholder, autoFocus, className, icon, onSelectedItemChange, disabled, onMenuToggle, loading, itemToString, ItemRenderer, filterHandler, itemIsValid, getNewItemData, ...rest }: SelectBox<T>) => JSX.Element;
+export declare const SearchSelect: <T extends ISelectItem<any>>({ id, name, items, placeholder, autoFocus, className, icon, onSelectedItemChange, disabled, onMenuToggle, loading, itemToString, ItemRenderer, filterHandler, itemIsValid, getNewItemData, inputProps, ...rest }: SelectBox<T>) => JSX.Element;

package/dist/components/forms/elements/interfaces.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
+/// <reference types="@emotion/core" />
 import { UseComboboxProps, UseMultipleSelectionProps } from 'downshift';
+import { DOMAttributes } from 'react';
 import { IconNames } from '../../icon/Icon';
 export interface ISelectItem<T = any> {
     value: T;
@@ -83,6 +84,8 @@ interface ISelectBox<T extends ISelectItem> extends ISearchSelect<T> {
 export declare type SelectBox<T extends ISelectItem> = ISelectBox<T> & CommonComboBoxTypes<T> & Pick<UseComboboxProps<T>, 'initialSelectedItem' | 'selectedItem'> & {
     onMenuToggle?: (isOpen: boolean) => void;
     loading?: boolean;
+} & {
+    inputProps?: DOMAttributes<HTMLDivElement>;
 };
 export declare type AsyncSelectBox<T extends ISelectItem> = Omit<SelectBox<T>, 'items' | 'itemIsValid' | 'getNewItemData'> & IAsyncSearchSelect<T>;
 export interface IMultiSearchSelect<T extends ISelectItem> extends ISearchSelect<T> {

package/dist/index.js

@@ -45501,7 +45501,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var _excluded = ["id", "name", "items", "placeholder", "autoFocus", "className", "icon", "onSelectedItemChange", "disabled", "onMenuToggle", "loading", "itemToString", "ItemRenderer", "filterHandler", "itemIsValid", "getNewItemData"];
+var _excluded = ["id", "name", "items", "placeholder", "autoFocus", "className", "icon", "onSelectedItemChange", "disabled", "onMenuToggle", "loading", "itemToString", "ItemRenderer", "filterHandler", "itemIsValid", "getNewItemData", "inputProps"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -45550,6 +45550,7 @@ var SearchSelect = function SearchSelect(_ref) {
       label: input
     }];
   } : _ref$getNewItemData,
+      restInputProps = _ref.inputProps,
       rest = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default()(_ref, _excluded);
 
   var _React$useState = react__WEBPACK_IMPORTED_MODULE_3__["useState"](items),
@@ -45662,14 +45663,15 @@ var SearchSelect = function SearchSelect(_ref) {
       getItemProps = _useCombobox.getItemProps,
       openMenu = _useCombobox.openMenu;
 
-  var inputProps = {
+  var inputProps = _objectSpread({
     refKey: 'inputRef',
     id: id,
     onClick: openMenu,
     name: name,
     disabled: disabled,
     autoFocus: autoFocus
-  };
+  }, restInputProps);
+
   var trigger = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_select_components__WEBPACK_IMPORTED_MODULE_9__["SearchSelectTrigger"], {
     comboboxProps: // @ts-ignore: suppressRefError isn't in the types
     getComboboxProps({}, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skedulo/sked-ui",
-  "version": "21.7.4",
+  "version": "21.8.0",
   "license": "UNLICENSED",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",