@moda/om 17.3.0 → 17.4.0

package/CHANGELOG.md

@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [17.4.0](https://github.com/ModaOperandi/om/compare/v17.3.0...v17.4.0) (2022-09-27)
+
+
+### Features
+
+* **expandable:** dark background ([#2934](https://github.com/ModaOperandi/om/issues/2934)) ([8fb3bf3](https://github.com/ModaOperandi/om/commit/8fb3bf3fab3fccd3cbc53332438771bddca1c801))
+
 # [17.3.0](https://github.com/ModaOperandi/om/compare/v17.2.1...v17.3.0) (2022-08-23)
 
 

package/dist/index.cjs.js

@@ -1313,14 +1313,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);
+            }
           }
         }
       }
@@ -1610,9 +1611,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;
 }
@@ -3412,6 +3410,7 @@ FocusLock.defaultProps = {
   onActivation: undefined,
   onDeactivation: undefined
 };
+var FocusLockUI = FocusLock;
 
 function deferAction(action) {
   // Hidding setImmediate from Webpack to avoid inserting polyfill
@@ -3425,28 +3424,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__namespace.forwardRef(function (props, parentRef) {
   var _a = React__namespace.useState(false),
       lockProps = _a[0],
@@ -3488,7 +3468,7 @@ var FocusOn$1 = /*#__PURE__*/React__namespace.forwardRef(function (props, parent
     enabled: enabled && scrollLock
   });
 
-  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(FocusLock, {
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(FocusLockUI, {
     ref: parentRef,
     sideCar: sideCar,
     disabled: !(lockProps && enabled && focusLock),
@@ -4304,6 +4284,8 @@ var setFocus = function setFocus(topNode, lastNode, options) {
   }
 };
 
+var moveFocusInside = setFocus; //
+
 /* eslint-disable no-mixed-operators */
 
 var focusOnBody = function focusOnBody() {
@@ -4422,7 +4404,7 @@ var activateTrap = function activateTrap() {
 
               document.body.focus();
             } else {
-              result = setFocus(workingArea, lastActiveFocus, {
+              result = moveFocusInside(workingArea, lastActiveFocus, {
                 focusOptions: focusOptions
               });
               lastPortaledElement = {};
@@ -4562,7 +4544,7 @@ mediumFocus.assignSyncMedium(onFocus);
 mediumBlur.assignMedium(onBlur);
 mediumEffect.assignMedium(function (cb) {
   return cb({
-    moveFocusInside: setFocus,
+    moveFocusInside: moveFocusInside,
     focusInside: focusInside
   });
 });
@@ -9602,6 +9584,8 @@ var T = function T() {
   return true;
 };
 
+var otherwise = T;
+
 function _isPlaceholder(a) {
   return a != null && _typeof(a) === 'object' && a['@@functional/placeholder'] === true;
 }
@@ -10762,6 +10746,8 @@ var cond = /*#__PURE__*/_curry1(function cond(pairs) {
   });
 });
 
+var cond$1 = cond;
+
 var _Set = /*#__PURE__*/function () {
   function _Set() {
     /* globals Set */
@@ -11039,6 +11025,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]';
@@ -11077,6 +11064,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++) {
@@ -11177,7 +11166,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]);
@@ -11378,7 +11367,7 @@ var DefinitionList = function DefinitionList(_ref) {
   }, rest), /*#__PURE__*/React__default["default"].createElement("dt", null, term), /*#__PURE__*/React__default["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,
@@ -11392,6 +11381,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 = React.useState(defaultExpanded),
@@ -11409,13 +11402,13 @@ var Expandable = function Expandable(_ref) {
     onToggle === null || onToggle === void 0 ? void 0 : onToggle();
   }, [onToggle]);
   return /*#__PURE__*/React__default["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["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["default"].createElement("div", {
@@ -11938,23 +11931,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,