@moda/om 21.1.1 → 21.2.1

package/dist/index.cjs.js

@@ -32,7 +32,11 @@ function getAugmentedNamespace(n) {
   var f = n.default;
 	if (typeof f == "function") {
 		var a = function a () {
-			if (this instanceof a) {
+			var isInstance = false;
+      try {
+        isInstance = this instanceof a;
+      } catch {}
+			if (isInstance) {
         return Reflect.construct(f, arguments, this.constructor);
 			}
 			return f.apply(this, arguments);
@@ -1697,13 +1701,14 @@ var RemoveScroll = /*#__PURE__*/React__namespace.forwardRef(function (props, par
     enabled = props.enabled,
     shards = props.shards,
     sideCar = props.sideCar,
+    noRelative = props.noRelative,
     noIsolation = props.noIsolation,
     inert = props.inert,
     allowPinchZoom = props.allowPinchZoom,
     _b = props.as,
     Container = _b === void 0 ? 'div' : _b,
     gapMode = props.gapMode,
-    rest = __rest$a(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
+    rest = __rest$a(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
   var SideCar = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign$a(__assign$a({}, rest), callbacks);
@@ -1711,6 +1716,7 @@ var RemoveScroll = /*#__PURE__*/React__namespace.forwardRef(function (props, par
     sideCar: effectCar$1,
     removeScrollBar: removeScrollBar,
     shards: shards,
+    noRelative: noRelative,
     noIsolation: noIsolation,
     inert: inert,
     setCallbacks: setCallbacks,
@@ -4785,6 +4791,9 @@ var handleScroll = function handleScroll(axis, endTarget, event, sourceDelta, no
   var availableScroll = 0;
   var availableScrollTop = 0;
   do {
+    if (!target) {
+      break;
+    }
     var _a = getScrollVariables(axis, target),
       position = _a[0],
       scroll_1 = _a[1],
@@ -4796,11 +4805,10 @@ var handleScroll = function handleScroll(axis, endTarget, event, sourceDelta, no
         availableScrollTop += position;
       }
     }
-    if (target instanceof ShadowRoot) {
-      target = target.host;
-    } else {
-      target = target.parentNode;
-    }
+    var parent_1 = target.parentNode;
+    // we will "bubble" from ShadowDom in case we are, or just to the parent in normal case
+    // this is the same logic used in focus-lock
+    target = parent_1 && parent_1.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? parent_1.host : parent_1;
   } while (
   // portaled content
   !targetInLock && target !== document.body ||
@@ -4975,6 +4983,7 @@ function RemoveScrollSideCar(props) {
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, inert ? /*#__PURE__*/React__namespace.createElement(Style, {
     styles: generateStyle(id)
   }) : null, removeScrollBar ? /*#__PURE__*/React__namespace.createElement(RemoveScrollBar, {
+    noRelative: props.noRelative,
     gapMode: props.gapMode
   }) : null);
 }
@@ -6339,6 +6348,23 @@ function _filter(fn, list) {
   return result;
 }
 
+function _filterMap(fn, map) {
+  var result = new Map();
+  var iterator = map.entries();
+  var current = iterator.next();
+  while (!current.done) {
+    if (fn(current.value[1])) {
+      result.set(current.value[0], current.value[1]);
+    }
+    current = iterator.next();
+  }
+  return result;
+}
+
+function _isMap(x) {
+  return Object.prototype.toString.call(x) === '[object Map]';
+}
+
 function _isObject(x) {
   return Object.prototype.toString.call(x) === '[object Object]';
 }
@@ -6364,7 +6390,7 @@ function _xfilter(f) {
 /**
  * Takes a predicate and a `Filterable`, and returns a new filterable of the
  * same type containing the members of the given filterable which satisfy the
- * given predicate. Filterable objects include plain objects or any object
+ * given predicate. Filterable objects include plain objects, Maps, or any object
  * that has a filter method such as `Array`.
  *
  * Dispatches to the `filter` method of the second argument, if present.
@@ -6395,7 +6421,7 @@ var filter = /*#__PURE__*/_curry2(/*#__PURE__*/_dispatchable(['fantasy-land/filt
       acc[key] = filterable[key];
     }
     return acc;
-  }, {}, keys(filterable)) :
+  }, {}, keys(filterable)) : _isMap(filterable) ? _filterMap(pred, filterable) :
   // else
   _filter(pred, filterable);
 }));
@@ -10557,7 +10583,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 +10595,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 +10655,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 +10768,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 +10794,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 +10891,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,