@moda/om 17.3.0 → 17.5.0

package/dist/index.esm.js

@@ -1286,14 +1286,15 @@ var classnames = {exports: {}};
             }
           }
         } else if (argType === 'object') {
-          if (arg.toString === Object.prototype.toString) {
-            for (var key in arg) {
-              if (hasOwn.call(arg, key) && arg[key]) {
-                classes.push(key);
-              }
-            }
-          } else {
+          if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
             classes.push(arg.toString());
+            continue;
+          }
+
+          for (var key in arg) {
+            if (hasOwn.call(arg, key) && arg[key]) {
+              classes.push(key);
+            }
           }
         }
       }
@@ -1583,9 +1584,6 @@ function useMergeRefs(refs, defaultValue) {
   });
 }
 
-// Only Node.JS has a process variable that is of [[Class]] process
-Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) === '[object process]';
-
 function ItoI(a) {
   return a;
 }
@@ -3385,6 +3383,7 @@ FocusLock.defaultProps = {
   onActivation: undefined,
   onDeactivation: undefined
 };
+var FocusLockUI = FocusLock;
 
 function deferAction(action) {
   // Hidding setImmediate from Webpack to avoid inserting polyfill
@@ -3398,28 +3397,9 @@ function deferAction(action) {
   }
 }
 
-process.env.NODE_ENV !== "production" ? {
-  children: propTypes.exports.node.isRequired,
-  disabled: propTypes.exports.bool,
-  className: propTypes.exports.string
-} : {};
-
-process.env.NODE_ENV !== "production" ? {
-  children: propTypes.exports.node.isRequired,
-  disabled: propTypes.exports.bool,
-  className: propTypes.exports.string
-} : {};
-
-process.env.NODE_ENV !== "production" ? {
-  children: propTypes.exports.node.isRequired,
-  className: propTypes.exports.string
-} : {};
-
 var effectCar = createSidecarMedium();
 var focusHiddenMarker = 'data-focus-on-hidden';
 
-_assign({}, RemoveScroll.classNames);
-
 var FocusOn$1 = /*#__PURE__*/React.forwardRef(function (props, parentRef) {
   var _a = React.useState(false),
       lockProps = _a[0],
@@ -3461,7 +3441,7 @@ var FocusOn$1 = /*#__PURE__*/React.forwardRef(function (props, parentRef) {
     enabled: enabled && scrollLock
   });
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FocusLock, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FocusLockUI, {
     ref: parentRef,
     sideCar: sideCar,
     disabled: !(lockProps && enabled && focusLock),
@@ -4277,6 +4257,8 @@ var setFocus = function setFocus(topNode, lastNode, options) {
   }
 };
 
+var moveFocusInside = setFocus; //
+
 /* eslint-disable no-mixed-operators */
 
 var focusOnBody = function focusOnBody() {
@@ -4395,7 +4377,7 @@ var activateTrap = function activateTrap() {
 
               document.body.focus();
             } else {
-              result = setFocus(workingArea, lastActiveFocus, {
+              result = moveFocusInside(workingArea, lastActiveFocus, {
                 focusOptions: focusOptions
               });
               lastPortaledElement = {};
@@ -4535,7 +4517,7 @@ mediumFocus.assignSyncMedium(onFocus);
 mediumBlur.assignMedium(onBlur);
 mediumEffect.assignMedium(function (cb) {
   return cb({
-    moveFocusInside: setFocus,
+    moveFocusInside: moveFocusInside,
     focusInside: focusInside
   });
 });
@@ -5858,7 +5840,7 @@ var Circle12 = function Circle12(_a) {
 
 Circle12.displayName = 'Circle12';
 
-var _excluded$t = ["className", "defaultChecked", "checked", "children", "value", "onChange", "disabled", "checkIcon"];
+var _excluded$t = ["className", "defaultChecked", "checked", "children", "value", "onChange", "disabled", "checkIcon", "dataTestId"];
 var CHECKED_ITEM_PROPS = {
   className: 'Checkbox__check-mark',
   height: '85%',
@@ -5876,6 +5858,7 @@ var Checkbox = function Checkbox(_ref) {
       disabled = _ref.disabled,
       _ref$checkIcon = _ref.checkIcon,
       checkIcon = _ref$checkIcon === void 0 ? 'checkmark' : _ref$checkIcon,
+      dataTestId = _ref.dataTestId,
       rest = _objectWithoutProperties(_ref, _excluded$t);
 
   var _useState = useState((_ref2 = checked !== null && checked !== void 0 ? checked : defaultChecked) !== null && _ref2 !== void 0 ? _ref2 : false),
@@ -5895,7 +5878,8 @@ var Checkbox = function Checkbox(_ref) {
     tabIndex: 0,
     className: classNames('Checkbox', className, {
       'Checkbox--disabled': disabled
-    })
+    }),
+    "data-test-id": "".concat(dataTestId, "--label")
   }, /*#__PURE__*/React__default.createElement("span", {
     tabIndex: -1,
     className: classNames('Checkbox__indicator', {
@@ -5908,7 +5892,8 @@ var Checkbox = function Checkbox(_ref) {
     checked: isChecked,
     value: value,
     onChange: handleChange,
-    disabled: disabled
+    disabled: disabled,
+    "data-test-id": "".concat(dataTestId, "--input")
   }, rest)), children && /*#__PURE__*/React__default.createElement("span", {
     className: "Checkbox__label"
   }, children));
@@ -9575,6 +9560,8 @@ var T = function T() {
   return true;
 };
 
+var otherwise = T;
+
 function _isPlaceholder(a) {
   return a != null && _typeof(a) === 'object' && a['@@functional/placeholder'] === true;
 }
@@ -10735,6 +10722,8 @@ var cond = /*#__PURE__*/_curry1(function cond(pairs) {
   });
 });
 
+var cond$1 = cond;
+
 var _Set = /*#__PURE__*/function () {
   function _Set() {
     /* globals Set */
@@ -11012,6 +11001,7 @@ var uniqBy = /*#__PURE__*/_curry2( /*#__PURE__*/_dispatchable([], _xuniqBy, func
  */
 
 var uniq = /*#__PURE__*/uniqBy(identity);
+var uniq$1 = uniq;
 
 function _isNumber(x) {
   return Object.prototype.toString.call(x) === '[object Number]';
@@ -11050,6 +11040,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++) {
@@ -11150,7 +11142,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]);
@@ -11351,7 +11343,7 @@ var DefinitionList = function DefinitionList(_ref) {
   }, rest), /*#__PURE__*/React__default.createElement("dt", null, term), /*#__PURE__*/React__default.createElement("dd", null, children));
 };
 
-var _excluded$f = ["name", "children", "className", "virtual", "icon", "data-testid", "defaultExpanded", "expanded", "onToggle"];
+var _excluded$f = ["name", "children", "className", "virtual", "icon", "data-testid", "defaultExpanded", "expanded", "onToggle", "background", "border"];
 var Expandable = function Expandable(_ref) {
   var name = _ref.name,
       children = _ref.children,
@@ -11365,6 +11357,10 @@ var Expandable = function Expandable(_ref) {
       defaultExpanded = _ref$defaultExpanded === void 0 ? false : _ref$defaultExpanded,
       __expanded__ = _ref.expanded,
       onToggle = _ref.onToggle,
+      _ref$background = _ref.background,
+      background = _ref$background === void 0 ? 'light' : _ref$background,
+      _ref$border = _ref.border,
+      border = _ref$border === void 0 ? true : _ref$border,
       rest = _objectWithoutProperties(_ref, _excluded$f);
 
   var _useState = useState(defaultExpanded),
@@ -11382,13 +11378,13 @@ var Expandable = function Expandable(_ref) {
     onToggle === null || onToggle === void 0 ? void 0 : onToggle();
   }, [onToggle]);
   return /*#__PURE__*/React__default.createElement("div", _extends$1({
-    className: classNames('Expandable', {
-      'Expandable--expanded': expanded
+    className: classNames('Expandable', "Expandable--".concat(background, "-background"), {
+      'Expandable--expanded': expanded,
+      'Expandable--with-border': border,
+      'Expandable--plus-minus': icon === 'plus-minus'
     }, className)
   }, rest), /*#__PURE__*/React__default.createElement(Clickable, {
-    className: classNames('Expandable__name', {
-      'Expandable__name--plusMinus': icon === 'plus-minus'
-    }),
+    className: "Expandable__name",
     onClick: handleClick,
     "data-testid": dataTestId
   }, name, icon !== 'plus-minus' && /*#__PURE__*/React__default.createElement("div", {
@@ -11911,23 +11907,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,