@moda/om 17.14.2 → 18.0.0

package/dist/index.esm.js

@@ -997,6 +997,33 @@ function hexDouble(num) {
   __exportStar(helpers, exports);
 })(dist$4);
 
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -1028,6 +1055,7 @@ function _typeof(obj) {
   }, _typeof(obj);
 }
 function _defineProperty$1(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -1099,30 +1127,6 @@ function _arrayWithHoles(arr) {
 function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _s, _e;
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-  return _arr;
-}
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -1142,6 +1146,20 @@ function _nonIterableSpread() {
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
 
 var isRenderProps = function isRenderProps(children) {
   return typeof children === 'function';
@@ -3354,9 +3372,16 @@ var parentAutofocusables = function parentAutofocusables(topNode, visibilityCach
  * Determines if element is contained in scope, including nested shadow DOMs
  */
 var contains$1 = function contains(scope, element) {
-  return (scope.shadowRoot ? contains(scope.shadowRoot, element) : Object.getPrototypeOf(scope).contains.call(scope, element)) || toArray(scope.children).some(function (child) {
-    return contains(child, element);
-  });
+  if (scope.shadowRoot) {
+    return contains(scope.shadowRoot, element);
+  } else {
+    if (Object.getPrototypeOf(scope).contains !== undefined && Object.getPrototypeOf(scope).contains.call(scope, element)) {
+      return true;
+    }
+    return toArray(scope.children).some(function (child) {
+      return contains(child, element);
+    });
+  }
 };
 
 /**
@@ -3566,6 +3591,32 @@ var newFocus = function newFocus(innerNodes, outerNodes, activeElement, lastNode
   return undefined;
 };
 
+var findAutoFocused = function findAutoFocused(autoFocusables) {
+  return function (node) {
+    var _a;
+    var autofocus = (_a = getDataset(node)) === null || _a === void 0 ? void 0 : _a.autofocus;
+    return (
+      // @ts-expect-error
+      node.autofocus ||
+      //
+      autofocus !== undefined && autofocus !== 'false' ||
+      //
+      autoFocusables.indexOf(node) >= 0
+    );
+  };
+};
+var pickAutofocus = function pickAutofocus(nodesIndexes, orderedNodes, groups) {
+  var nodes = nodesIndexes.map(function (_a) {
+    var node = _a.node;
+    return node;
+  });
+  var autoFocusable = filterAutoFocusable(nodes.filter(findAutoFocused(groups)));
+  if (autoFocusable && autoFocusable.length) {
+    return pickFirstFocus(autoFocusable);
+  }
+  return pickFirstFocus(filterAutoFocusable(orderedNodes));
+};
+
 var getParents = function getParents(node, parents) {
   if (parents === void 0) {
     parents = [];
@@ -3626,13 +3677,6 @@ var allParentAutofocusables = function allParentAutofocusables(entries, visibili
   }, []);
 };
 
-var findAutoFocused = function findAutoFocused(autoFocusables) {
-  return function (node) {
-    var _a;
-    // @ts-expect-error
-    return node.autofocus || !!((_a = getDataset(node)) === null || _a === void 0 ? void 0 : _a.autofocus) || autoFocusables.indexOf(node) >= 0;
-  };
-};
 var reorderNodes = function reorderNodes(srcNodes, dstNodes) {
   var remap = new Map();
   // no Set(dstNodes) for IE11 :(
@@ -3676,12 +3720,8 @@ var getFocusMerge = function getFocusMerge(topNode, lastNode) {
   });
   var newId = newFocus(innerNodes, outerNodes, activeElement, lastNode);
   if (newId === NEW_FOCUS) {
-    var autoFocusable = filterAutoFocusable(anyFocusable.map(function (_a) {
-      var node = _a.node;
-      return node;
-    })).filter(findAutoFocused(allParentAutofocusables(entries, visibilityCache)));
     return {
-      node: autoFocusable && autoFocusable.length ? pickFirstFocus(autoFocusable) : pickFirstFocus(filterAutoFocusable(innerNodes))
+      node: pickAutofocus(anyFocusable, innerNodes, allParentAutofocusables(entries, visibilityCache))
     };
   }
   if (newId === undefined) {
@@ -4089,11 +4129,6 @@ var parse = function parse(x) {
 };
 var getOffset = function getOffset(gapMode) {
   var cs = window.getComputedStyle(document.body);
-  if (process.env.NODE_ENV !== 'production') {
-    if (cs.overflowY === 'hidden') {
-      console.error('react-remove-scroll-bar: cannot calculate scrollbar size because it is removed (overflow:hidden on body');
-    }
-  }
   var left = cs[gapMode === 'padding' ? 'paddingLeft' : 'marginLeft'];
   var top = cs[gapMode === 'padding' ? 'paddingTop' : 'marginTop'];
   var right = cs[gapMode === 'padding' ? 'paddingRight' : 'marginRight'];
@@ -4139,6 +4174,11 @@ var RemoveScrollBar = function RemoveScrollBar(props) {
     noImportant = props.noImportant,
     _a = props.gapMode,
     gapMode = _a === void 0 ? 'margin' : _a;
+  /*
+   gap will be measured on every component mount
+   however it will be used only by the "first" invocation
+   due to singleton nature of <Style
+   */
   var gap = React.useMemo(function () {
     return getGapWidth(gapMode);
   }, [gapMode]);
@@ -9257,12 +9297,11 @@ var Search20 = function Search20(_a) {
 };
 Search20.displayName = 'Search20';
 
-var _excluded$o = ["className", "onChange", "onChangeValue", "onClear", "value"];
+var _excluded$o = ["className", "onChange", "onClear", "value"];
 var DEFAULT_INPUT_VALUE = '';
 var SearchInput = function SearchInput(_ref) {
   var className = _ref.className,
     onChange = _ref.onChange,
-    onChangeValue = _ref.onChangeValue,
     onClear = _ref.onClear,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? DEFAULT_INPUT_VALUE : _ref$value,
@@ -9272,13 +9311,13 @@ var SearchInput = function SearchInput(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     controlledValue = _useState2[0],
     setValue = _useState2[1];
-  var handleClick = useCallback(function () {
+  var handleClear = useCallback(function () {
+    var _ref$current;
     setValue(DEFAULT_INPUT_VALUE);
-    onClear && onClear();
-    if (ref.current) {
-      ref.current.focus();
-    }
-  }, [onClear]);
+    onChange === null || onChange === void 0 ? void 0 : onChange(DEFAULT_INPUT_VALUE);
+    onClear === null || onClear === void 0 ? void 0 : onClear();
+    (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
+  }, [onClear, onChange]);
   var handleChange = useCallback(function (value) {
     onChange === null || onChange === void 0 ? void 0 : onChange(value);
     setValue(value);
@@ -9286,9 +9325,6 @@ var SearchInput = function SearchInput(_ref) {
   useEffect(function () {
     return setValue(value);
   }, [value]);
-  useEffect(function () {
-    onChangeValue && onChangeValue(controlledValue);
-  }, [controlledValue, onChangeValue]);
   return /*#__PURE__*/React__default.createElement("div", {
     className: classNames('SearchInput', className)
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -9300,88 +9336,12 @@ var SearchInput = function SearchInput(_ref) {
     ref: ref
   }, rest)), controlledValue && /*#__PURE__*/React__default.createElement(Clickable, {
     className: "SearchInput__clear",
-    onClick: handleClick,
+    onClick: handleClear,
     type: "reset"
   }, /*#__PURE__*/React__default.createElement(Exit20, null)));
 };
 
-function t(t) {
-  return "object" == _typeof(t) && null != t && 1 === t.nodeType;
-}
-function e(t, e) {
-  return (!e || "hidden" !== t) && "visible" !== t && "clip" !== t;
-}
-function n(t, n) {
-  if (t.clientHeight < t.scrollHeight || t.clientWidth < t.scrollWidth) {
-    var r = getComputedStyle(t, null);
-    return e(r.overflowY, n) || e(r.overflowX, n) || function (t) {
-      var e = function (t) {
-        if (!t.ownerDocument || !t.ownerDocument.defaultView) return null;
-        try {
-          return t.ownerDocument.defaultView.frameElement;
-        } catch (t) {
-          return null;
-        }
-      }(t);
-      return !!e && (e.clientHeight < t.scrollHeight || e.clientWidth < t.scrollWidth);
-    }(t);
-  }
-  return !1;
-}
-function r(t, e, n, r, i, o, l, d) {
-  return o < t && l > e || o > t && l < e ? 0 : o <= t && d <= n || l >= e && d >= n ? o - t - r : l > e && d < n || o < t && d > n ? l - e + i : 0;
-}
-function compute (e, i) {
-  var o = window,
-    l = i.scrollMode,
-    d = i.block,
-    u = i.inline,
-    h = i.boundary,
-    a = i.skipOverflowHiddenElements,
-    c = "function" == typeof h ? h : function (t) {
-      return t !== h;
-    };
-  if (!t(e)) throw new TypeError("Invalid target");
-  for (var f = document.scrollingElement || document.documentElement, s = [], p = e; t(p) && c(p);) {
-    if ((p = p.parentElement) === f) {
-      s.push(p);
-      break;
-    }
-    null != p && p === document.body && n(p) && !n(document.documentElement) || null != p && n(p, a) && s.push(p);
-  }
-  for (var m = o.visualViewport ? o.visualViewport.width : innerWidth, g = o.visualViewport ? o.visualViewport.height : innerHeight, w = window.scrollX || pageXOffset, v = window.scrollY || pageYOffset, W = e.getBoundingClientRect(), b = W.height, H = W.width, y = W.top, E = W.right, M = W.bottom, V = W.left, x = "start" === d || "nearest" === d ? y : "end" === d ? M : y + b / 2, I = "center" === u ? V + H / 2 : "end" === u ? E : V, C = [], T = 0; T < s.length; T++) {
-    var k = s[T],
-      B = k.getBoundingClientRect(),
-      D = B.height,
-      O = B.width,
-      R = B.top,
-      X = B.right,
-      Y = B.bottom,
-      L = B.left;
-    if ("if-needed" === l && y >= 0 && V >= 0 && M <= g && E <= m && y >= R && M <= Y && V >= L && E <= X) return C;
-    var S = getComputedStyle(k),
-      j = parseInt(S.borderLeftWidth, 10),
-      q = parseInt(S.borderTopWidth, 10),
-      z = parseInt(S.borderRightWidth, 10),
-      A = parseInt(S.borderBottomWidth, 10),
-      F = 0,
-      G = 0,
-      J = "offsetWidth" in k ? k.offsetWidth - k.clientWidth - j - z : 0,
-      K = "offsetHeight" in k ? k.offsetHeight - k.clientHeight - q - A : 0;
-    if (f === k) F = "start" === d ? x : "end" === d ? x - g : "nearest" === d ? r(v, v + g, g, q, A, v + x, v + x + b, b) : x - g / 2, G = "start" === u ? I : "center" === u ? I - m / 2 : "end" === u ? I - m : r(w, w + m, m, j, z, w + I, w + I + H, H), F = Math.max(0, F + v), G = Math.max(0, G + w);else {
-      F = "start" === d ? x - R - q : "end" === d ? x - Y + A + K : "nearest" === d ? r(R, Y, D, q, A + K, x, x + b, b) : x - (R + D / 2) + K / 2, G = "start" === u ? I - L - j : "center" === u ? I - (L + O / 2) + J / 2 : "end" === u ? I - X + z + J : r(L, X, O, j, z + J, I, I + H, H);
-      var N = k.scrollLeft,
-        P = k.scrollTop;
-      x += P - (F = Math.max(0, Math.min(P + F, k.scrollHeight - D + K))), I += N - (G = Math.max(0, Math.min(N + G, k.scrollWidth - O + J)));
-    }
-    C.push({
-      el: k,
-      top: F,
-      left: G
-    });
-  }
-  return C;
-}
+function t(t){return "object"==typeof t&&null!=t&&1===t.nodeType}function e(t,e){return (!e||"hidden"!==t)&&"visible"!==t&&"clip"!==t}function n(t,n){if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){var r=getComputedStyle(t,null);return e(r.overflowY,n)||e(r.overflowX,n)||function(t){var e=function(t){if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}}(t);return !!e&&(e.clientHeight<t.scrollHeight||e.clientWidth<t.scrollWidth)}(t)}return !1}function r(t,e,n,r,i,o,l,d){return o<t&&l>e||o>t&&l<e?0:o<=t&&d<=n||l>=e&&d>=n?o-t-r:l>e&&d<n||o<t&&d>n?l-e+i:0}var i=function(e,i){var o=window,l=i.scrollMode,d=i.block,f=i.inline,h=i.boundary,u=i.skipOverflowHiddenElements,s="function"==typeof h?h:function(t){return t!==h};if(!t(e))throw new TypeError("Invalid target");for(var a,c,g=document.scrollingElement||document.documentElement,p=[],m=e;t(m)&&s(m);){if((m=null==(c=(a=m).parentElement)?a.getRootNode().host||null:c)===g){p.push(m);break}null!=m&&m===document.body&&n(m)&&!n(document.documentElement)||null!=m&&n(m,u)&&p.push(m);}for(var w=o.visualViewport?o.visualViewport.width:innerWidth,v=o.visualViewport?o.visualViewport.height:innerHeight,W=window.scrollX||pageXOffset,H=window.scrollY||pageYOffset,b=e.getBoundingClientRect(),y=b.height,E=b.width,M=b.top,V=b.right,x=b.bottom,I=b.left,C="start"===d||"nearest"===d?M:"end"===d?x:M+y/2,R="center"===f?I+E/2:"end"===f?V:I,T=[],k=0;k<p.length;k++){var B=p[k],D=B.getBoundingClientRect(),O=D.height,X=D.width,Y=D.top,L=D.right,S=D.bottom,j=D.left;if("if-needed"===l&&M>=0&&I>=0&&x<=v&&V<=w&&M>=Y&&x<=S&&I>=j&&V<=L)return T;var N=getComputedStyle(B),q=parseInt(N.borderLeftWidth,10),z=parseInt(N.borderTopWidth,10),A=parseInt(N.borderRightWidth,10),F=parseInt(N.borderBottomWidth,10),G=0,J=0,K="offsetWidth"in B?B.offsetWidth-B.clientWidth-q-A:0,P="offsetHeight"in B?B.offsetHeight-B.clientHeight-z-F:0,Q="offsetWidth"in B?0===B.offsetWidth?0:X/B.offsetWidth:0,U="offsetHeight"in B?0===B.offsetHeight?0:O/B.offsetHeight:0;if(g===B)G="start"===d?C:"end"===d?C-v:"nearest"===d?r(H,H+v,v,z,F,H+C,H+C+y,y):C-v/2,J="start"===f?R:"center"===f?R-w/2:"end"===f?R-w:r(W,W+w,w,q,A,W+R,W+R+E,E),G=Math.max(0,G+H),J=Math.max(0,J+W);else {G="start"===d?C-Y-z:"end"===d?C-S+F+P:"nearest"===d?r(Y,S,O,z,F+P,C,C+y,y):C-(Y+O/2)+P/2,J="start"===f?R-j-q:"center"===f?R-(j+X/2)+K/2:"end"===f?R-L+A+K:r(j,L,X,q,A+K,R,R+E,E);var Z=B.scrollLeft,$=B.scrollTop;C+=$-(G=Math.max(0,Math.min($+G/U,B.scrollHeight-O/U+P))),R+=Z-(J=Math.max(0,Math.min(Z+J/Q,B.scrollWidth-X/Q+K)));}T.push({el:B,top:G,left:J});}return T};
 
 function isOptionsObject(options) {
   return options === Object(options) && Object.keys(options).length !== 0;
@@ -9425,13 +9385,13 @@ function getOptions(options) {
 function scrollIntoView(target, options) {
   var isTargetAttached = target.isConnected || target.ownerDocument.documentElement.contains(target);
   if (isOptionsObject(options) && typeof options.behavior === 'function') {
-    return options.behavior(isTargetAttached ? compute(target, options) : []);
+    return options.behavior(isTargetAttached ? i(target, options) : []);
   }
   if (!isTargetAttached) {
     return;
   }
   var computeOptions = getOptions(options);
-  return defaultBehavior(compute(target, computeOptions), computeOptions.behavior);
+  return defaultBehavior(i(target, computeOptions), computeOptions.behavior);
 }
 
 var SelectOption = function SelectOption(_ref) {