@moda/om 19.4.3 → 19.6.0

package/README.md

@@ -7,10 +7,10 @@ Moda Operandi's design system expressed as React components.
 ## Meta
 
 - **State**: development
-- **Point people**: [@jmcriffey](https://github.com/jmcriffey)
+- **Point people**: Ecommerce Team
 - **URLS**:
   - **Documentation**: https://moda-om-documentation.netlify.com/
-  - **Storybook**: https://moda-om-storybook.netlify.com/
+  - **Storybook**: https://moda-om-storybook.netlify.app/
 
 ## Developing
 
@@ -69,6 +69,12 @@ Once you want to commit something, `git add` it then run the commitizen CLI. If
 
 When you're happy push to a feature branch and once the code is in `main`, semantic release will detect how to version it and automatically publish it to NPM.
 
+- **Netlify deploy config** is located here: https://app.netlify.com/sites/moda-om-storybook/configuration/deploys
+  
+- **Netlify site overview**: https://app.netlify.com/sites/moda-om-storybook/overview
+
+(settings specified in netlify.toml override any corresponding settings in the Netlify UI)
+
 ## Usage
 
 ### Getting Started

package/dist/index.cjs.js

@@ -1035,7 +1035,7 @@ function _arrayWithoutHoles(r) {
 function _createForOfIteratorHelper(r, e) {
   var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (!t) {
-    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e  ) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) {
       t && (r = t);
       var n = 0,
         F = function () {};
@@ -1163,8 +1163,8 @@ function _objectWithoutProperties(e, t) {
     r,
     i = _objectWithoutPropertiesLoose(e, t);
   if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    var s = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
@@ -1172,7 +1172,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.indexOf(n) >= 0) continue;
+    if (e.includes(n)) continue;
     t[n] = r[n];
   }
   return t;
@@ -3344,24 +3344,24 @@ var isInert = function isInert(node) {
 var isVisibleUncached = function isVisibleUncached(node, checkParent) {
   return !node || isTopNode(node) || !isElementHidden(node) && !isInert(node) && checkParent(getParentNode(node));
 };
-var isVisibleCached = function isVisibleCached(visibilityCache, node) {
+var _isVisibleCached = function isVisibleCached(visibilityCache, node) {
   var cached = visibilityCache.get(node);
   if (cached !== undefined) {
     return cached;
   }
-  var result = isVisibleUncached(node, isVisibleCached.bind(undefined, visibilityCache));
+  var result = isVisibleUncached(node, _isVisibleCached.bind(undefined, visibilityCache));
   visibilityCache.set(node, result);
   return result;
 };
 var isAutoFocusAllowedUncached = function isAutoFocusAllowedUncached(node, checkParent) {
   return node && !isTopNode(node) ? isAutoFocusAllowed(node) ? checkParent(getParentNode(node)) : false : true;
 };
-var isAutoFocusAllowedCached = function isAutoFocusAllowedCached(cache, node) {
+var _isAutoFocusAllowedCached = function isAutoFocusAllowedCached(cache, node) {
   var cached = cache.get(node);
   if (cached !== undefined) {
     return cached;
   }
-  var result = isAutoFocusAllowedUncached(node, isAutoFocusAllowedCached.bind(undefined, cache));
+  var result = isAutoFocusAllowedUncached(node, _isAutoFocusAllowedCached.bind(undefined, cache));
   cache.set(node, result);
   return result;
 };
@@ -3445,9 +3445,9 @@ var tabbables = ['button:enabled', 'select:enabled', 'textarea:enabled', 'input:
 
 var queryTabbables = tabbables.join(',');
 var queryGuardTabbables = "".concat(queryTabbables, ", [data-focus-guard]");
-var getFocusablesWithShadowDom = function getFocusablesWithShadowDom(parent, withGuards) {
+var _getFocusablesWithShadowDom = function getFocusablesWithShadowDom(parent, withGuards) {
   return toArray((parent.shadowRoot || parent).children).reduce(function (acc, child) {
-    return acc.concat(child.matches(withGuards ? queryGuardTabbables : queryTabbables) ? [child] : [], getFocusablesWithShadowDom(child));
+    return acc.concat(child.matches(withGuards ? queryGuardTabbables : queryTabbables) ? [child] : [], _getFocusablesWithShadowDom(child));
   }, []);
 };
 var getFocusablesWithIFrame = function getFocusablesWithIFrame(parent, withGuards) {
@@ -3461,7 +3461,7 @@ var getFocusablesWithIFrame = function getFocusablesWithIFrame(parent, withGuard
 var getFocusables = function getFocusables(parents, withGuards) {
   return parents.reduce(function (acc, parent) {
     var _a;
-    var focusableWithShadowDom = getFocusablesWithShadowDom(parent, withGuards);
+    var focusableWithShadowDom = _getFocusablesWithShadowDom(parent, withGuards);
     var focusableWithIframes = (_a = []).concat.apply(_a, focusableWithShadowDom.map(function (node) {
       return getFocusablesWithIFrame(node, withGuards);
     }));
@@ -3494,7 +3494,7 @@ var getParentAutofocusables = function getParentAutofocusables(parent) {
  */
 var filterFocusable = function filterFocusable(nodes, visibilityCache) {
   return toArray(nodes).filter(function (node) {
-    return isVisibleCached(visibilityCache, node);
+    return _isVisibleCached(visibilityCache, node);
   }).filter(function (node) {
     return notHiddenInput(node);
   });
@@ -3504,7 +3504,7 @@ var filterAutoFocusable = function filterAutoFocusable(nodes, cache) {
     cache = new Map();
   }
   return toArray(nodes).filter(function (node) {
-    return isAutoFocusAllowedCached(cache, node);
+    return _isAutoFocusAllowedCached(cache, node);
   });
 };
 /**
@@ -3544,9 +3544,9 @@ var parentAutofocusables = function parentAutofocusables(topNode, visibilityCach
 /*
  * Determines if element is contained in scope, including nested shadow DOMs
  */
-var contains$1 = function contains(scope, element) {
+var _contains = function contains(scope, element) {
   if (scope.shadowRoot) {
-    return contains(scope.shadowRoot, element);
+    return _contains(scope.shadowRoot, element);
   } else {
     if (Object.getPrototypeOf(scope).contains !== undefined && Object.getPrototypeOf(scope).contains.call(scope, element)) {
       return true;
@@ -3556,11 +3556,11 @@ var contains$1 = function contains(scope, element) {
       if (child instanceof HTMLIFrameElement) {
         var iframeBody = (_a = child.contentDocument) === null || _a === void 0 ? void 0 : _a.body;
         if (iframeBody) {
-          return contains(iframeBody, element);
+          return _contains(iframeBody, element);
         }
         return false;
       }
-      return contains(child, element);
+      return _contains(child, element);
     });
   }
 };
@@ -3597,8 +3597,8 @@ var filterNested = function filterNested(nodes) {
  * @param node
  * @returns {*}
  */
-var getTopParent = function getTopParent(node) {
-  return node.parentNode ? getTopParent(node.parentNode) : node;
+var _getTopParent = function getTopParent(node) {
+  return node.parentNode ? _getTopParent(node.parentNode) : node;
 };
 /**
  * returns all "focus containers" inside a given node
@@ -3609,7 +3609,7 @@ var getAllAffectedNodes = function getAllAffectedNodes(node) {
   var nodes = asArray(node);
   return nodes.filter(Boolean).reduce(function (acc, currentNode) {
     var group = currentNode.getAttribute(FOCUS_GROUP);
-    acc.push.apply(acc, group ? filterNested(toArray(getTopParent(currentNode).querySelectorAll("[".concat(FOCUS_GROUP, "=\"").concat(group, "\"]:not([").concat(FOCUS_DISABLED, "=\"disabled\"])")))) : [currentNode]);
+    acc.push.apply(acc, group ? filterNested(toArray(_getTopParent(currentNode).querySelectorAll("[".concat(FOCUS_GROUP, "=\"").concat(group, "\"]:not([").concat(FOCUS_DISABLED, "=\"disabled\"])")))) : [currentNode]);
     return acc;
   }, []);
 };
@@ -3629,7 +3629,7 @@ var safeProbe = function safeProbe(cb) {
  * returns current active element. If the active element is a "container" itself(shadowRoot or iframe) returns active element inside it
  * @param [inDocument]
  */
-var getActiveElement = function getActiveElement(inDocument) {
+var _getActiveElement = function getActiveElement(inDocument) {
   if (inDocument === void 0) {
     inDocument = document;
   }
@@ -3637,9 +3637,9 @@ var getActiveElement = function getActiveElement(inDocument) {
     return undefined;
   }
   var activeElement = inDocument.activeElement;
-  return activeElement.shadowRoot ? getActiveElement(activeElement.shadowRoot) : activeElement instanceof HTMLIFrameElement && safeProbe(function () {
+  return activeElement.shadowRoot ? _getActiveElement(activeElement.shadowRoot) : activeElement instanceof HTMLIFrameElement && safeProbe(function () {
     return activeElement.contentWindow.document;
-  }) ? getActiveElement(activeElement.contentWindow.document) : activeElement;
+  }) ? _getActiveElement(activeElement.contentWindow.document) : activeElement;
 };
 
 var focusInFrame = function focusInFrame(frame, activeElement) {
@@ -3657,13 +3657,13 @@ var focusInsideIframe = function focusInsideIframe(topNode, activeElement) {
 var focusInside = function focusInside(topNode, activeElement) {
   // const activeElement = document && getActiveElement();
   if (activeElement === void 0) {
-    activeElement = getActiveElement(getFirst(topNode).ownerDocument);
+    activeElement = _getActiveElement(getFirst(topNode).ownerDocument);
   }
   if (!activeElement || activeElement.dataset && activeElement.dataset.focusGuard) {
     return false;
   }
   return getAllAffectedNodes(topNode).some(function (node) {
-    return contains$1(node, activeElement) || focusInsideIframe(node, activeElement);
+    return _contains(node, activeElement) || focusInsideIframe(node, activeElement);
   });
 };
 
@@ -3679,13 +3679,13 @@ var focusIsHidden = function focusIsHidden(inDocument) {
   if (inDocument === void 0) {
     inDocument = document;
   }
-  var activeElement = getActiveElement(inDocument);
+  var activeElement = _getActiveElement(inDocument);
   if (!activeElement) {
     return false;
   }
   // this does not support setting FOCUS_ALLOW within shadow dom
   return toArray(inDocument.querySelectorAll("[".concat(FOCUS_ALLOW, "]"))).some(function (node) {
-    return contains$1(node, activeElement);
+    return _contains(node, activeElement);
   });
 };
 
@@ -3838,13 +3838,13 @@ var pickAutofocus = function pickAutofocus(nodesIndexes, orderedNodes, groups) {
   return pickFirstFocus(filterAutoFocusable(orderedNodes));
 };
 
-var getParents = function getParents(node, parents) {
+var _getParents = function getParents(node, parents) {
   if (parents === void 0) {
     parents = [];
   }
   parents.push(node);
   if (node.parentNode) {
-    getParents(node.parentNode.host || node.parentNode, parents);
+    _getParents(node.parentNode.host || node.parentNode, parents);
   }
   return parents;
 };
@@ -3855,8 +3855,8 @@ var getParents = function getParents(node, parents) {
  * @returns {boolean|*}
  */
 var getCommonParent = function getCommonParent(nodeA, nodeB) {
-  var parentsA = getParents(nodeA);
-  var parentsB = getParents(nodeB);
+  var parentsA = _getParents(nodeA);
+  var parentsB = _getParents(nodeB);
   // tslint:disable-next-line:prefer-for-of
   for (var i = 0; i < parentsA.length; i += 1) {
     var currentParent = parentsA[i];
@@ -3876,7 +3876,7 @@ var getTopCommonParent = function getTopCommonParent(baseActiveElement, leftEntr
     rightEntries.filter(Boolean).forEach(function (subEntry) {
       var common = getCommonParent(activeElement, subEntry);
       if (common) {
-        if (!topCommon || contains$1(common, topCommon)) {
+        if (!topCommon || _contains(common, topCommon)) {
           topCommon = common;
         } else {
           topCommon = getCommonParent(common, topCommon);
@@ -3920,7 +3920,7 @@ var reorderNodes = function reorderNodes(srcNodes, dstNodes) {
  * @param lastNode
  */
 var focusSolver = function focusSolver(topNode, lastNode) {
-  var activeElement = getActiveElement(asArray(topNode).length > 0 ? document : getFirst(topNode).ownerDocument);
+  var activeElement = _getActiveElement(asArray(topNode).length > 0 ? document : getFirst(topNode).ownerDocument);
   var entries = getAllAffectedNodes(topNode).filter(isNotAGuard);
   var commonParent = getTopCommonParent(activeElement || topNode, topNode, entries);
   var visibilityCache = new Map();
@@ -4153,7 +4153,7 @@ var getRelativeFocusable = function getRelativeFocusable(element, scope, useTabb
   }
   var shards = asArray(scope);
   if (shards.every(function (shard) {
-    return !contains$1(shard, element);
+    return !_contains(shard, element);
   })) {
     console.error('Active element is not contained in the scope');
     return {};
@@ -4769,9 +4769,9 @@ var handleScroll = function handleScroll(axis, endTarget, event, sourceDelta, no
   // self content
   targetInLock && (endTarget.contains(target) || endTarget === target));
   // handle epsilon around 0 (non standard zoom levels)
-  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || !noOverscroll )) {
+  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || !noOverscroll)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || !noOverscroll )) {
+  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || !noOverscroll)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -4965,15 +4965,15 @@ var counterMap = new WeakMap();
 var uncontrolledNodes = new WeakMap();
 var markerMap = {};
 var lockCount = 0;
-var unwrapHost = function unwrapHost(node) {
-  return node && (node.host || unwrapHost(node.parentNode));
+var _unwrapHost = function unwrapHost(node) {
+  return node && (node.host || _unwrapHost(node.parentNode));
 };
 var correctTargets = function correctTargets(parent, targets) {
   return targets.map(function (target) {
     if (parent.contains(target)) {
       return target;
     }
-    var correctedTarget = unwrapHost(target);
+    var correctedTarget = _unwrapHost(target);
     if (correctedTarget && parent.contains(correctedTarget)) {
       return correctedTarget;
     }
@@ -5000,21 +5000,21 @@ var applyAttributeToOthers = function applyAttributeToOthers(originalTarget, par
   var hiddenNodes = [];
   var elementsToKeep = new Set();
   var elementsToStop = new Set(targets);
-  var keep = function keep(el) {
+  var _keep = function keep(el) {
     if (!el || elementsToKeep.has(el)) {
       return;
     }
     elementsToKeep.add(el);
-    keep(el.parentNode);
+    _keep(el.parentNode);
   };
-  targets.forEach(keep);
-  var deep = function deep(parent) {
+  targets.forEach(_keep);
+  var _deep = function deep(parent) {
     if (!parent || elementsToStop.has(parent)) {
       return;
     }
     Array.prototype.forEach.call(parent.children, function (node) {
       if (elementsToKeep.has(node)) {
-        deep(node);
+        _deep(node);
       } else {
         var attr = node.getAttribute(controlAttribute);
         var alreadyHidden = attr !== null && attr !== 'false';
@@ -5035,7 +5035,7 @@ var applyAttributeToOthers = function applyAttributeToOthers(originalTarget, par
       }
     });
   };
-  deep(parentNode);
+  _deep(parentNode);
   elementsToKeep.clear();
   lockCount++;
   return function () {
@@ -5499,12 +5499,8 @@ var T = function T() {
   return true;
 };
 
-var _placeholder = {
-  '@@functional/placeholder': true
-};
-
 function _isPlaceholder(a) {
-  return a === _placeholder;
+  return a != null && _typeof$1(a) === 'object' && a['@@functional/placeholder'] === true;
 }
 
 /**
@@ -10166,7 +10162,7 @@ var Search20 = function Search20(_a) {
 };
 Search20.displayName = 'Search20';
 
-var _excluded$l = ["className", "onChange", "onClear", "roundBorders", "value"];
+var _excluded$l = ["className", "onChange", "onClear", "roundBorders", "noBorders", "value"];
 var DEFAULT_INPUT_VALUE = '';
 var SearchInput = function SearchInput(_ref) {
   var className = _ref.className,
@@ -10174,6 +10170,8 @@ var SearchInput = function SearchInput(_ref) {
     onClear = _ref.onClear,
     _ref$roundBorders = _ref.roundBorders,
     roundBorders = _ref$roundBorders === void 0 ? false : _ref$roundBorders,
+    _ref$noBorders = _ref.noBorders,
+    noBorders = _ref$noBorders === void 0 ? false : _ref$noBorders,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? DEFAULT_INPUT_VALUE : _ref$value,
     rest = _objectWithoutProperties(_ref, _excluded$l);
@@ -10202,7 +10200,8 @@ var SearchInput = function SearchInput(_ref) {
     className: "SearchInput__icon"
   }, /*#__PURE__*/React.createElement(Search20, null)), /*#__PURE__*/React.createElement(TextInput, _extends$1({
     className: classNames('SearchInput__input', {
-      'SearchInput__input--round-borders': roundBorders
+      'SearchInput__input--round-borders': roundBorders,
+      'SearchInput__input--no-borders': noBorders
     }),
     onChange: handleChange,
     value: controlledValue,