@moda/om 21.1.0 → 21.2.0

package/dist/index.cjs.js

@@ -5121,8 +5121,9 @@ var hideOthers = function hideOthers(originalTarget, parentNode, markerName) {
       return null;
     };
   }
-  // we should not hide ariaLive elements - https://github.com/theKashey/aria-hidden/issues/10
-  targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll('[aria-live]')));
+  // we should not hide aria-live elements - https://github.com/theKashey/aria-hidden/issues/10
+  // and script elements, as they have no impact on accessibility.
+  targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll('[aria-live], script')));
   return applyAttributeToOthers(targets, activeParentNode, markerName, 'aria-hidden');
 };
 
@@ -5179,15 +5180,15 @@ function Effect(_a) {
       mouseTouches.current = event.touches.length;
     };
     if (activeNode) {
-      document.addEventListener('keydown', onKeyDown);
-      document.addEventListener('mousedown', onMouseDown);
-      document.addEventListener('touchstart', onTouchStart);
-      document.addEventListener('touchend', onTouchEnd);
+      activeNode.ownerDocument.addEventListener('keydown', onKeyDown);
+      activeNode.ownerDocument.addEventListener('mousedown', onMouseDown);
+      activeNode.ownerDocument.addEventListener('touchstart', onTouchStart);
+      activeNode.ownerDocument.addEventListener('touchend', onTouchEnd);
       return function () {
-        document.removeEventListener('keydown', onKeyDown);
-        document.removeEventListener('mousedown', onMouseDown);
-        document.removeEventListener('touchstart', onTouchStart);
-        document.removeEventListener('touchend', onTouchEnd);
+        activeNode.ownerDocument.removeEventListener('keydown', onKeyDown);
+        activeNode.ownerDocument.removeEventListener('mousedown', onMouseDown);
+        activeNode.ownerDocument.removeEventListener('touchstart', onTouchStart);
+        activeNode.ownerDocument.removeEventListener('touchend', onTouchEnd);
       };
     }
   }, [activeNode, onClickOutside, onEscapeKey]);
@@ -5210,7 +5211,7 @@ function Effect(_a) {
     var unmounted = false;
     var onNodeActivation = function onNodeActivation(node) {
       if (!noIsolation) {
-        _undo = hideOthers(__spreadArrays([node], (shards || []).map(extractRef)), document.body, focusHiddenMarker);
+        _undo = hideOthers(__spreadArrays([node], (shards || []).map(extractRef)), node.ownerDocument.body, focusHiddenMarker);
       }
       setActiveNode(function () {
         return node;
@@ -10556,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,
@@ -10568,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),
@@ -10627,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"));
@@ -10736,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,
@@ -10762,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,
@@ -10858,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,