@moda/om 21.6.1 → 21.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +14 -3
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +14 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/src/components/Select/Select.d.ts +1 -0
- package/dist/src/components/Select/SelectOptions.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/Select/Select.tsx +2 -0
- package/src/components/Select/SelectOptions.tsx +8 -1
package/dist/index.esm.js
CHANGED
|
@@ -10586,7 +10586,7 @@ var SelectOption = function SelectOption(_ref) {
|
|
|
10586
10586
|
}), label);
|
|
10587
10587
|
};
|
|
10588
10588
|
|
|
10589
|
-
var _excluded$k = ["idRef", "searchable", "autoFocus", "options", "selectedOption", "onSelect", "onFocus", "className", "dataTestId", "extraOption"];
|
|
10589
|
+
var _excluded$k = ["idRef", "searchable", "autoFocus", "options", "selectedOption", "onSelect", "onFocus", "className", "dataTestId", "extraOption", "onCloseDropdown"];
|
|
10590
10590
|
var SelectOptions = function SelectOptions(_ref) {
|
|
10591
10591
|
var idRef = _ref.idRef,
|
|
10592
10592
|
searchable = _ref.searchable,
|
|
@@ -10599,6 +10599,7 @@ var SelectOptions = function SelectOptions(_ref) {
|
|
|
10599
10599
|
className = _ref.className,
|
|
10600
10600
|
dataTestId = _ref.dataTestId,
|
|
10601
10601
|
extraOption = _ref.extraOption,
|
|
10602
|
+
onCloseDropdown = _ref.onCloseDropdown,
|
|
10602
10603
|
rest = _objectWithoutProperties(_ref, _excluded$k);
|
|
10603
10604
|
var _useState = useState(''),
|
|
10604
10605
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -10661,7 +10662,12 @@ var SelectOptions = function SelectOptions(_ref) {
|
|
|
10661
10662
|
}), extraOption && /*#__PURE__*/React__default.createElement(ControlLink, {
|
|
10662
10663
|
className: "SelectOptions__extra-option",
|
|
10663
10664
|
disabled: extraOption.disabled,
|
|
10664
|
-
onClick:
|
|
10665
|
+
onClick: function onClick(event) {
|
|
10666
|
+
extraOption.callback(event);
|
|
10667
|
+
if (extraOption.closeOnClick) {
|
|
10668
|
+
onCloseDropdown === null || onCloseDropdown === void 0 || onCloseDropdown();
|
|
10669
|
+
}
|
|
10670
|
+
}
|
|
10665
10671
|
}, extraOption.label)), options.length === 0 && /*#__PURE__*/React__default.createElement(Text, {
|
|
10666
10672
|
className: "SelectOptions__none",
|
|
10667
10673
|
color: "cement"
|
|
@@ -10898,7 +10904,12 @@ var Select = function Select(_ref) {
|
|
|
10898
10904
|
onSelect: handleSelect,
|
|
10899
10905
|
onFocus: handleFocus,
|
|
10900
10906
|
selectedOption: selected,
|
|
10901
|
-
extraOption: extraOption
|
|
10907
|
+
extraOption: extraOption,
|
|
10908
|
+
onCloseDropdown: function onCloseDropdown() {
|
|
10909
|
+
return dispatch({
|
|
10910
|
+
type: 'CLOSE'
|
|
10911
|
+
});
|
|
10912
|
+
}
|
|
10902
10913
|
})), allowAutoFill && /*#__PURE__*/React__default.createElement("input", {
|
|
10903
10914
|
className: "Select__hidden-field",
|
|
10904
10915
|
name: name,
|