@moda/om 21.1.1 → 21.2.0

package/dist/index.cjs.js

@@ -10557,7 +10557,7 @@ var SelectOption = function SelectOption(_ref) {
   }), label);
 };
 
-var _excluded$k = ["idRef", "searchable", "autoFocus", "options", "selectedOption", "onSelect", "onFocus", "className", "dataTestId"];
+var _excluded$k = ["idRef", "searchable", "autoFocus", "options", "selectedOption", "onSelect", "onFocus", "className", "dataTestId", "extraOption"];
 var SelectOptions = function SelectOptions(_ref) {
   var idRef = _ref.idRef,
     searchable = _ref.searchable,
@@ -10569,6 +10569,7 @@ var SelectOptions = function SelectOptions(_ref) {
     onFocus = _ref.onFocus,
     className = _ref.className,
     dataTestId = _ref.dataTestId,
+    extraOption = _ref.extraOption,
     rest = _objectWithoutProperties(_ref, _excluded$k);
   var _useState = React.useState(''),
     _useState2 = _slicedToArray(_useState, 2),
@@ -10628,7 +10629,11 @@ var SelectOptions = function SelectOptions(_ref) {
       selected: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === option.value,
       onClick: onSelect
     });
-  })), options.length === 0 && /*#__PURE__*/React.createElement(Text, {
+  }), extraOption && /*#__PURE__*/React.createElement(ControlLink, {
+    className: "SelectOptions__extra-option",
+    disabled: extraOption.disabled,
+    onClick: extraOption.callback
+  }, extraOption.label)), options.length === 0 && /*#__PURE__*/React.createElement(Text, {
     className: "SelectOptions__none",
     color: "cement"
   }, "Nothing found"));
@@ -10737,7 +10742,7 @@ var useSelect = function useSelect(_ref) {
   };
 };
 
-var _excluded$j = ["allowAutoFill", "autoSelect", "className", "defaultValue", "disabled", "dropDirection", "error", "idRef", "label", "name", "onChange", "options", "placeholder", "searchable", "shiftIconLeftwards", "value", "dataTestId", "colorSwatch"];
+var _excluded$j = ["allowAutoFill", "autoSelect", "className", "defaultValue", "disabled", "dropDirection", "error", "idRef", "label", "name", "onChange", "options", "placeholder", "searchable", "shiftIconLeftwards", "value", "dataTestId", "colorSwatch", "extraOption"];
 var Select = function Select(_ref) {
   var _ref2;
   var _ref$allowAutoFill = _ref.allowAutoFill,
@@ -10763,6 +10768,7 @@ var Select = function Select(_ref) {
     value = _ref.value,
     dataTestId = _ref.dataTestId,
     colorSwatch = _ref.colorSwatch,
+    extraOption = _ref.extraOption,
     rest = _objectWithoutProperties(_ref, _excluded$j);
   var _useSelect = useSelect({
       value: value,
@@ -10859,7 +10865,8 @@ var Select = function Select(_ref) {
     options: options,
     onSelect: handleSelect,
     onFocus: handleFocus,
-    selectedOption: selected
+    selectedOption: selected,
+    extraOption: extraOption
   })), allowAutoFill && /*#__PURE__*/React.createElement("input", {
     className: "Select__hidden-field",
     name: name,