@moda/om 21.6.1 → 21.6.3

package/dist/index.cjs.js

@@ -10606,7 +10606,7 @@ var SelectOption = function SelectOption(_ref) {
   }), label);
 };
 
-var _excluded$k = ["idRef", "searchable", "autoFocus", "options", "selectedOption", "onSelect", "onFocus", "className", "dataTestId", "extraOption"];
+var _excluded$k = ["idRef", "searchable", "autoFocus", "options", "selectedOption", "onSelect", "onFocus", "className", "dataTestId", "extraOption", "onCloseDropdown"];
 var SelectOptions = function SelectOptions(_ref) {
   var idRef = _ref.idRef,
     searchable = _ref.searchable,
@@ -10619,6 +10619,7 @@ var SelectOptions = function SelectOptions(_ref) {
     className = _ref.className,
     dataTestId = _ref.dataTestId,
     extraOption = _ref.extraOption,
+    onCloseDropdown = _ref.onCloseDropdown,
     rest = _objectWithoutProperties(_ref, _excluded$k);
   var _useState = React.useState(''),
     _useState2 = _slicedToArray(_useState, 2),
@@ -10681,7 +10682,12 @@ var SelectOptions = function SelectOptions(_ref) {
   }), extraOption && /*#__PURE__*/React.createElement(ControlLink, {
     className: "SelectOptions__extra-option",
     disabled: extraOption.disabled,
-    onClick: extraOption.callback
+    onClick: function onClick(event) {
+      extraOption.callback(event);
+      if (extraOption.closeOnClick) {
+        onCloseDropdown === null || onCloseDropdown === void 0 || onCloseDropdown();
+      }
+    }
   }, extraOption.label)), options.length === 0 && /*#__PURE__*/React.createElement(Text, {
     className: "SelectOptions__none",
     color: "cement"
@@ -10776,10 +10782,10 @@ var useSelect = function useSelect(_ref) {
     };
   }, [handleKeyDown]);
   useUpdateEffect(function () {
-    if (value) dispatch({
+    dispatch({
       type: 'SELECT',
       payload: {
-        value: value
+        value: value !== null && value !== void 0 ? value : ''
       }
     });
   }, [value]);
@@ -10918,7 +10924,12 @@ var Select = function Select(_ref) {
     onSelect: handleSelect,
     onFocus: handleFocus,
     selectedOption: selected,
-    extraOption: extraOption
+    extraOption: extraOption,
+    onCloseDropdown: function onCloseDropdown() {
+      return dispatch({
+        type: 'CLOSE'
+      });
+    }
   })), allowAutoFill && /*#__PURE__*/React.createElement("input", {
     className: "Select__hidden-field",
     name: name,