@7shifts/sous-chef 1.5.3 → 1.5.4

package/CHANGELOG.md

@@ -1,4 +1,10 @@
-## 1.5.3 (December 7th, 2021)
+## 1.5.4 (January 10th, 2021)
+
+### Enhancements
+
+-   MultiSelectField: Added new prop closeOnSelect which is set to false by default in order for the dropdown to stay open while selecting options. ([#71](https://github.com/7shifts/sous-chef/pull/71))
+
+## 1.5.3 (December 13th, 2021)
 
 ### Enhancements
 

package/dist/forms/MultiSelectField/MultiSelectField.d.ts

@@ -14,7 +14,8 @@ declare type Props<T> = {
     error?: string;
     placeholder?: string;
     disabled?: boolean;
+    closeOnSelect?: boolean;
 };
 /** Component to make possible choose from a predefined options. */
-declare const MultiSelectField: <T extends unknown>({ name, id: inputId, value, options, onChange, onBlur, CustomOption: UserCustomOption, label, caption, error, placeholder, disabled }: Props<T>) => JSX.Element;
+declare const MultiSelectField: <T extends unknown>({ name, id: inputId, value, options, onChange, onBlur, CustomOption: UserCustomOption, label, caption, error, placeholder, disabled, closeOnSelect }: Props<T>) => JSX.Element;
 export default MultiSelectField;

package/dist/index.js

@@ -2757,7 +2757,9 @@ var MultiSelectField = function MultiSelectField(_ref) {
       caption = _ref.caption,
       error = _ref.error,
       placeholder = _ref.placeholder,
-      disabled = _ref.disabled;
+      disabled = _ref.disabled,
+      _ref$closeOnSelect = _ref.closeOnSelect,
+      closeOnSelect = _ref$closeOnSelect === void 0 ? false : _ref$closeOnSelect;
   var controllers = useMultiSelectFieldControllers({
     name: name,
     id: inputId,
@@ -2788,6 +2790,7 @@ var MultiSelectField = function MultiSelectField(_ref) {
     onChange: controllers.onChange,
     onBlur: controllers.onBlur,
     isMulti: true,
+    closeMenuOnSelect: closeOnSelect,
     components: {
       Option: UserCustomOption ? function (props) {
         return React__default.createElement(CustomOption, Object.assign({