@moda/om 15.7.0 → 15.10.0

package/dist/index.esm.js

@@ -3086,6 +3086,7 @@ FocusLock.defaultProps = {
   onActivation: undefined,
   onDeactivation: undefined
 };
+var FocusLockUI = FocusLock;
 
 function deferAction(action) {
   // Hidding setImmediate from Webpack to avoid inserting polyfill
@@ -3133,7 +3134,7 @@ var FocusOn$1 = /*#__PURE__*/React$2.forwardRef(function (props, parentRef) {
       onDeactivation = lockProps.onDeactivation,
       restProps = __rest$a(lockProps, ["onActivation", "onDeactivation"]);
 
-  return /*#__PURE__*/React$2.createElement(React$2.Fragment, null, /*#__PURE__*/React$2.createElement(FocusLock, {
+  return /*#__PURE__*/React$2.createElement(React$2.Fragment, null, /*#__PURE__*/React$2.createElement(FocusLockUI, {
     ref: parentRef,
     sideCar: sideCar,
     disabled: !(lockProps && enabled && focusLock),
@@ -3722,6 +3723,8 @@ var setFocus = function setFocus(topNode, lastNode) {
   }
 };
 
+var moveFocusInside = setFocus;
+
 var focusOnBody = function focusOnBody() {
   return document && document.activeElement === document.body;
 };
@@ -3823,7 +3826,7 @@ var activateTrap = function activateTrap() {
 
               document.body.focus();
             } else {
-              result = setFocus(workingArea, lastActiveFocus);
+              result = moveFocusInside(workingArea, lastActiveFocus);
               lastPortaledElement = {};
             }
           }
@@ -3961,7 +3964,7 @@ mediumFocus.assignSyncMedium(onFocus);
 mediumBlur.assignMedium(onBlur);
 mediumEffect.assignMedium(function (cb) {
   return cb({
-    moveFocusInside: setFocus,
+    moveFocusInside: moveFocusInside,
     focusInside: focusInside
   });
 });
@@ -4214,7 +4217,8 @@ var handleScroll = function handleScroll(axis, endTarget, event, sourceDelta, no
 
     target = target.parentNode;
   } while ( // portaled content
-  !targetInLock && target !== document.body || targetInLock && (endTarget.contains(target) || endTarget === target));
+  !targetInLock && target !== document.body || // self content
+  targetInLock && (endTarget.contains(target) || endTarget === target));
 
   if (isDeltaPositive && (noOverscroll && availableScroll === 0 || !noOverscroll && delta > availableScroll)) {
     shouldCancelScroll = true;
@@ -8808,6 +8812,8 @@ var T = function T() {
   return true;
 };
 
+var otherwise = T;
+
 function _isPlaceholder(a) {
   return a != null && _typeof(a) === 'object' && a['@@functional/placeholder'] === true;
 }
@@ -9016,6 +9022,8 @@ var curryN = /*#__PURE__*/_curry2(function curryN(length, fn) {
   return _arity(length, _curryN(length, [], fn));
 });
 
+var curryN$1 = curryN;
+
 /**
  * Optimized internal three-arity curry function.
  *
@@ -9159,6 +9167,8 @@ var max = /*#__PURE__*/_curry2(function max(a, b) {
   return b > a ? b : a;
 });
 
+var max$1 = max;
+
 function _map(fn, functor) {
   var idx = 0;
   var len = functor.length;
@@ -9226,6 +9236,8 @@ var _isArrayLike = /*#__PURE__*/_curry1(function isArrayLike(x) {
   return false;
 });
 
+var _isArrayLike$1 = _isArrayLike;
+
 var XWrap = /*#__PURE__*/function () {
   function XWrap(fn) {
     this.f = fn;
@@ -9279,6 +9291,8 @@ var bind = /*#__PURE__*/_curry2(function bind(fn, thisObj) {
   });
 });
 
+var bind$1 = bind;
+
 function _arrayReduce(xf, acc, list) {
   var idx = 0;
   var len = list.length;
@@ -9315,7 +9329,7 @@ function _iterableReduce(xf, acc, iter) {
 }
 
 function _methodReduce(xf, acc, obj, methodName) {
-  return xf['@@transducer/result'](obj[methodName](bind(xf['@@transducer/step'], xf), acc));
+  return xf['@@transducer/result'](obj[methodName](bind$1(xf['@@transducer/step'], xf), acc));
 }
 
 var symIterator = typeof Symbol !== 'undefined' ? Symbol.iterator : '@@iterator';
@@ -9324,7 +9338,7 @@ function _reduce(fn, acc, list) {
     fn = _xwrap(fn);
   }
 
-  if (_isArrayLike(list)) {
+  if (_isArrayLike$1(list)) {
     return _arrayReduce(fn, acc, list);
   }
 
@@ -9367,6 +9381,8 @@ var _xmap = /*#__PURE__*/_curry2(function _xmap(f, xf) {
   return new XMap(f, xf);
 });
 
+var _xmap$1 = _xmap;
+
 function _has(prop, obj) {
   return Object.prototype.hasOwnProperty.call(obj, prop);
 }
@@ -9381,6 +9397,8 @@ var _isArguments = /*#__PURE__*/function () {
   };
 }();
 
+var _isArguments$1 = _isArguments;
+
 var hasEnumBug = ! /*#__PURE__*/{
   toString: null
 }.propertyIsEnumerable('toString');
@@ -9434,7 +9452,7 @@ var keys = typeof Object.keys === 'function' && !hasArgsEnumBug ? /*#__PURE__*/_
   var prop, nIdx;
   var ks = [];
 
-  var checkArgsLength = hasArgsEnumBug && _isArguments(obj);
+  var checkArgsLength = hasArgsEnumBug && _isArguments$1(obj);
 
   for (prop in obj) {
     if (_has(prop, obj) && (!checkArgsLength || prop !== 'length')) {
@@ -9458,6 +9476,7 @@ var keys = typeof Object.keys === 'function' && !hasArgsEnumBug ? /*#__PURE__*/_
 
   return ks;
 });
+var keys$1 = keys;
 
 /**
  * Takes a function and
@@ -9495,10 +9514,10 @@ var keys = typeof Object.keys === 'function' && !hasArgsEnumBug ? /*#__PURE__*/_
  * @symb R.map(f, functor_o) = functor_o.map(f)
  */
 
-var map = /*#__PURE__*/_curry2( /*#__PURE__*/_dispatchable(['fantasy-land/map', 'map'], _xmap, function map(fn, functor) {
+var map = /*#__PURE__*/_curry2( /*#__PURE__*/_dispatchable(['fantasy-land/map', 'map'], _xmap$1, function map(fn, functor) {
   switch (Object.prototype.toString.call(functor)) {
     case '[object Function]':
-      return curryN(functor.length, function () {
+      return curryN$1(functor.length, function () {
         return fn.call(this, functor.apply(this, arguments));
       });
 
@@ -9506,13 +9525,15 @@ var map = /*#__PURE__*/_curry2( /*#__PURE__*/_dispatchable(['fantasy-land/map',
       return _reduce(function (acc, key) {
         acc[key] = fn(functor[key]);
         return acc;
-      }, {}, keys(functor));
+      }, {}, keys$1(functor));
 
     default:
       return _map(fn, functor);
   }
 }));
 
+var map$1 = map;
+
 /**
  * Returns a single item by iterating through the list, successively calling
  * the iterator function and passing it an accumulator value and the current
@@ -9562,6 +9583,8 @@ var map = /*#__PURE__*/_curry2( /*#__PURE__*/_dispatchable(['fantasy-land/map',
 
 var reduce = /*#__PURE__*/_curry3(_reduce);
 
+var reduce$1 = reduce;
+
 /**
  * Gives a single-word string description of the (native) type of a value,
  * returning such answers as 'Object', 'Number', 'Array', or 'Null'. Does not
@@ -9592,6 +9615,8 @@ var type = /*#__PURE__*/_curry1(function type(val) {
   return val === null ? 'Null' : val === undefined ? 'Undefined' : Object.prototype.toString.call(val).slice(8, -1);
 });
 
+var type$1 = type;
+
 function _identity(x) {
   return x;
 }
@@ -9618,6 +9643,8 @@ function _identity(x) {
 
 var identity = /*#__PURE__*/_curry1(_identity);
 
+var identity$1 = identity;
+
 function _arrayFromIterator(iter) {
   var list = [];
   var next;
@@ -9696,9 +9723,9 @@ function _equals(a, b, stackA, stackB) {
     return true;
   }
 
-  var typeA = type(a);
+  var typeA = type$1(a);
 
-  if (typeA !== type(b)) {
+  if (typeA !== type$1(b)) {
     return false;
   }
 
@@ -9802,9 +9829,9 @@ function _equals(a, b, stackA, stackB) {
       return false;
   }
 
-  var keysA = keys(a);
+  var keysA = keys$1(a);
 
-  if (keysA.length !== keys(b).length) {
+  if (keysA.length !== keys$1(b).length) {
     return false;
   }
 
@@ -9855,6 +9882,8 @@ var equals = /*#__PURE__*/_curry2(function equals(a, b) {
   return _equals(a, b, [], []);
 });
 
+var equals$1 = equals;
+
 function _indexOf(list, a, idx) {
   var inf, item; // Array.prototype.indexOf doesn't exist below IE9
 
@@ -9912,7 +9941,7 @@ function _indexOf(list, a, idx) {
 
 
   while (idx < list.length) {
-    if (equals(list[idx], a)) {
+    if (equals$1(list[idx], a)) {
       return idx;
     }
 
@@ -9955,7 +9984,7 @@ function _includes(a, list) {
  */
 
 var cond = /*#__PURE__*/_curry1(function cond(pairs) {
-  var arity = reduce(max, 0, map(function (pair) {
+  var arity = reduce$1(max$1, 0, map$1(function (pair) {
     return pair[0].length;
   }, pairs));
   return _arity(arity, function () {
@@ -9971,6 +10000,8 @@ var cond = /*#__PURE__*/_curry1(function cond(pairs) {
   });
 });
 
+var cond$1 = cond;
+
 var _Set = /*#__PURE__*/function () {
   function _Set() {
     /* globals Set */
@@ -10167,6 +10198,9 @@ function hasOrAdd(item, shouldAdd, set) {
   }
 } // A simple Set type that honours R.equals semantics
 
+
+var _Set$1 = _Set;
+
 /**
  * Returns a new list containing only one copy of each element in the original
  * list, based upon the value returned by applying the supplied function to
@@ -10187,7 +10221,7 @@ function hasOrAdd(item, shouldAdd, set) {
  */
 
 var uniqBy = /*#__PURE__*/_curry2(function uniqBy(fn, list) {
-  var set = new _Set();
+  var set = new _Set$1();
   var result = [];
   var idx = 0;
   var appliedItem, item;
@@ -10206,6 +10240,8 @@ var uniqBy = /*#__PURE__*/_curry2(function uniqBy(fn, list) {
   return result;
 });
 
+var uniqBy$1 = uniqBy;
+
 /**
  * Returns a new list containing only one copy of each element in the original
  * list. [`R.equals`](#equals) is used to determine equality.
@@ -10224,7 +10260,8 @@ var uniqBy = /*#__PURE__*/_curry2(function uniqBy(fn, list) {
  *      R.uniq([[42], [42]]); //=> [[42]]
  */
 
-var uniq = /*#__PURE__*/uniqBy(identity);
+var uniq = /*#__PURE__*/uniqBy$1(identity$1);
+var uniq$1 = uniq;
 
 function _isNumber(x) {
   return Object.prototype.toString.call(x) === '[object Number]';
@@ -10263,6 +10300,8 @@ var range = /*#__PURE__*/_curry2(function range(from, to) {
   return result;
 });
 
+var range$1 = range;
+
 var __assign$2 = undefined && undefined.__assign || function () {
   __assign$2 = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10363,7 +10402,7 @@ var MultiSelect = function MultiSelect(_ref) {
     dispatch({
       type: 'SELECT',
       payload: {
-        value: uniq([].concat(_toConsumableArray(values), [option.value]))
+        value: uniq$1([].concat(_toConsumableArray(values), [option.value]))
       }
     });
   }, [dispatch, values]);
@@ -10601,17 +10640,25 @@ var Expandable = function Expandable(_ref) {
   }, expanded || !virtual ? children : null));
 };
 
-var _excluded$h = ["text", "type", "className"];
+var _excluded$h = ["text", "treatment", "color", "family", "type", "className"];
 var Divider = function Divider(_ref) {
   var text = _ref.text,
+      treatment = _ref.treatment,
+      color = _ref.color,
+      family = _ref.family,
       type = _ref.type,
       className = _ref.className,
       rest = _objectWithoutProperties(_ref, _excluded$h);
 
+  var defaultTreatment = type === 'two-line' ? 'eyebrow' : 'h5';
+  var defaultFamily = type === 'two-line' ? undefined : 'serif';
   return /*#__PURE__*/React__default.createElement("div", _extends$3({
     className: classNames('Divider', type ? "Divider--".concat(type) : '', className)
-  }, rest), text && /*#__PURE__*/React__default.createElement("div", {
-    className: "Divider__text"
+  }, rest), text && /*#__PURE__*/React__default.createElement(Text, {
+    className: "Divider__text",
+    treatment: treatment !== null && treatment !== void 0 ? treatment : defaultTreatment,
+    color: color,
+    family: family !== null && family !== void 0 ? family : defaultFamily
   }, text));
 };
 
@@ -11107,23 +11154,23 @@ var whenCurrentPageIsGreaterThanHalfTheTotal = function whenCurrentPageIsGreater
 };
 
 var showAllPages = function showAllPages(_, totalPages) {
-  return range(1, totalPages + 1);
+  return range$1(1, totalPages + 1);
 };
 
 var showFirstNPagesAndLastPage = function showFirstNPagesAndLastPage(_, totalPages, maxPages) {
-  return [].concat(_toConsumableArray(range(1, maxPages)), [totalPages]);
+  return [].concat(_toConsumableArray(range$1(1, maxPages)), [totalPages]);
 };
 
 var showTheLastNPages = function showTheLastNPages(_, totalPages, maxPages) {
-  return [1].concat(_toConsumableArray(range(totalPages - maxPages + 2, totalPages + 1)));
+  return [1].concat(_toConsumableArray(range$1(totalPages - maxPages + 2, totalPages + 1)));
 };
 
 var showAGroupOfPagesCenteredOnTheCurrentPage = function showAGroupOfPagesCenteredOnTheCurrentPage(page, totalPages, maxPages) {
   var diff = Math.floor((maxPages - 2) / 2);
-  return [1].concat(_toConsumableArray(range(page - diff, page + diff + 1)), [totalPages]);
+  return [1].concat(_toConsumableArray(range$1(page - diff, page + diff + 1)), [totalPages]);
 };
 
-var determinePagesToShow = cond([[whenThereAreFewerPagesThanWeDisplay, showAllPages], [whenCurrentPageIsLessThanHalfTheTotal, showFirstNPagesAndLastPage], [whenCurrentPageIsGreaterThanHalfTheTotal, showTheLastNPages], [T, showAGroupOfPagesCenteredOnTheCurrentPage]]);
+var determinePagesToShow = cond$1([[whenThereAreFewerPagesThanWeDisplay, showAllPages], [whenCurrentPageIsLessThanHalfTheTotal, showFirstNPagesAndLastPage], [whenCurrentPageIsGreaterThanHalfTheTotal, showTheLastNPages], [otherwise, showAGroupOfPagesCenteredOnTheCurrentPage]]);
 var Paginator = function Paginator(_ref) {
   var selectedPage = _ref.selectedPage,
       totalPages = _ref.totalPages,
@@ -11509,6 +11556,36 @@ var VerticalDivider = function VerticalDivider(_ref) {
   }, rest));
 };
 
+var PasswordInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var rest = _extends$3({}, _ref);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      passwordShown = _useState2[0],
+      setPasswordShown = _useState2[1];
+
+  var togglePasswordVisiblity = function togglePasswordVisiblity() {
+    setPasswordShown(passwordShown ? false : true);
+  };
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "PasswordInput"
+  }, /*#__PURE__*/React__default.createElement(Field, _extends$3({
+    type: passwordShown ? 'text' : 'password'
+  }, rest, {
+    ref: ref
+  })), /*#__PURE__*/React__default.createElement(Clickable, {
+    className: "PasswordInput__password-action",
+    onClick: togglePasswordVisiblity,
+    type: "button"
+  }, passwordShown ? /*#__PURE__*/React__default.createElement(Text, {
+    treatment: "eyebrow"
+  }, "HIDE") : /*#__PURE__*/React__default.createElement(Text, {
+    treatment: "eyebrow"
+  }, "SHOW")));
+});
+PasswordInput.displayName = 'PasswordInput';
+
 var isRenderProps = function isRenderProps(children) {
   return typeof children === 'function';
 };
@@ -11615,4 +11692,4 @@ var Utilities = {
   States: States
 };
 
-export { AspectRatioBox, Badge, Breadcrumb, Breadcrumbs, Breakpoint, BreakpointContext, BreakpointProvider, Button, Checkbox, Clickable, ColorSwatch, Constrain, ControlLink, CreditCardNumberInput, DEFAULT_PRODUCT_ASPECT_HEIGHT, DEFAULT_PRODUCT_ASPECT_RATIO, DEFAULT_PRODUCT_ASPECT_WIDTH, DefinitionList, Divider, ExceedConstrain, Expandable, Field, FocusOn, Field as Input, Label, Loading, LoadingBalls, Modal, ModalOverlay, MultiSelect, NoLineDivider, Overlay, POPOVER_MOUSEOUT_DELAY_MS, Paginator, Popover, PromoBanner, RadioButton, SKU_COLORS, SearchInput, Select, SelectableButton, Stack, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, Text, TextInput, Textarea, Toast, TwoLineDivider, UNMOUNT_DELAY_MS, Utilities, VerticalDivider, discriminate, tokens, useBreakpoint, useClickOutside, useKeyboardListNavigation, useUpdateEffect };
+export { AspectRatioBox, Badge, Breadcrumb, Breadcrumbs, Breakpoint, BreakpointContext, BreakpointProvider, Button, Checkbox, Clickable, ColorSwatch, Constrain, ControlLink, CreditCardNumberInput, DEFAULT_PRODUCT_ASPECT_HEIGHT, DEFAULT_PRODUCT_ASPECT_RATIO, DEFAULT_PRODUCT_ASPECT_WIDTH, DefinitionList, Divider, ExceedConstrain, Expandable, Field, FocusOn, Field as Input, Label, Loading, LoadingBalls, Modal, ModalOverlay, MultiSelect, NoLineDivider, Overlay, POPOVER_MOUSEOUT_DELAY_MS, Paginator, PasswordInput, Popover, PromoBanner, RadioButton, SKU_COLORS, SearchInput, Select, SelectableButton, Stack, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, Text, TextInput, Textarea, Toast, TwoLineDivider, UNMOUNT_DELAY_MS, Utilities, VerticalDivider, discriminate, tokens, useBreakpoint, useClickOutside, useKeyboardListNavigation, useUpdateEffect };