@thecb/components 4.1.31-beta.1 → 4.1.32-beta.1

package/dist/index.cjs.js

@@ -15381,19 +15381,10 @@ function _assertThisInitialized(self) {
   return self;
 }
 
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-
-  return _setPrototypeOf(o, p);
-}
-
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
+  subClass.__proto__ = superClass;
 }
 
 function _getPrototypeOf(o) {
@@ -15403,6 +15394,15 @@ function _getPrototypeOf(o) {
   return _getPrototypeOf(o);
 }
 
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
 function _isNativeFunction(fn) {
   return Function.toString.call(fn).indexOf("[native code]") !== -1;
 }
@@ -15413,7 +15413,7 @@ function _isNativeReflectConstruct() {
   if (typeof Proxy === "function") return true;
 
   try {
-    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
     return true;
   } catch (e) {
     return false;
@@ -15553,9 +15553,7 @@ var ERRORS = {
   "73": "Please provide a valid CSS variable.\n\n",
   "74": "CSS variable not found and no default was provided.\n\n",
   "75": "important requires a valid style object, got a %s instead.\n\n",
-  "76": "fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",
-  "77": "remToPx expects a value in \"rem\" but you provided it in \"%s\".\n\n",
-  "78": "base must be set in \"px\" or \"%\" but you set it in \"%s\".\n"
+  "76": "fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n"
 };
 /**
  * super basic version of sprintf
@@ -21652,7 +21650,10 @@ var Placeholder = function Placeholder(_ref2) {
     maxWidth: "300px"
   }, /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
-    tabIndex: "0"
+    tabIndex: "0",
+    onKeyPress: function onKeyPress(e) {
+      return e.key === "Enter" && action();
+    }
   }, /*#__PURE__*/React__default.createElement(Cluster, {
     justify: "center",
     align: "center",
@@ -34588,8 +34589,6 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
   };
   return /*#__PURE__*/React__default.createElement(Motion, {
     padding: "0",
-    tabIndex: "0",
-    onKeyDown: handleKeyDown,
     hoverStyles: "outline: none;",
     animate: isOpen ? "open" : "closed",
     positionTransition: true
@@ -34602,7 +34601,8 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
     onTouchEnd: isMobile && supportsTouch ? toggleSection : noop,
     key: "header",
     hoverStyles: "cursor: pointer;",
-    tabIndex: "0"
+    tabIndex: "0",
+    onKeyDown: handleKeyDown
   }, /*#__PURE__*/React__default.createElement(Cluster, {
     justify: "space-between",
     align: "center"
@@ -34744,7 +34744,7 @@ var EditableList = function EditableList(_ref) {
       useModal = _ref$useModal === void 0 ? false : _ref$useModal,
       Modal = _ref.modal,
       modalProps = _ref.modalProps,
-      autoPayMethod = _ref.autoPayMethod,
+      autoPayMethods = _ref.autoPayMethods,
       qaPrefix = _ref.qaPrefix;
   return /*#__PURE__*/React__default.createElement(Box, {
     padding: "0rem 0rem 1.5rem 0rem"
@@ -34768,7 +34768,9 @@ var EditableList = function EditableList(_ref) {
         toggleModal = _useState2[1];
 
     return /*#__PURE__*/React__default.createElement(EditableListItem, {
-      listItemSize: !!item.id && item.id === autoPayMethod ? "big" : listItemSize,
+      listItemSize: !!item.id && (autoPayMethods === null || autoPayMethods === void 0 ? void 0 : autoPayMethods.some(function (methodID) {
+        return methodID === item.id;
+      })) ? "big" : listItemSize,
       key: item.id || item
     }, /*#__PURE__*/React__default.createElement(Text$1, {
       variant: "p",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "4.1.31-beta.1",
+  "version": "4.1.32-beta.1",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/atoms/placeholder/Placeholder.js

@@ -87,7 +87,11 @@ const Placeholder = ({
       };`}
     >
       <Center maxWidth="300px">
-        <Box padding="0" tabIndex="0">
+        <Box
+          padding="0"
+          tabIndex="0"
+          onKeyPress={e => e.key === "Enter" && action()}
+        >
           <Cluster justify="center" align="center" minHeight="100%">
             <Switcher maxChildren={2} childGap="0">
               {variant === "large" && <div></div>}

package/src/components/molecules/collapsible-section/CollapsibleSection.js

@@ -64,8 +64,6 @@ const CollapsibleSection = ({
   return (
     <Motion
       padding="0"
-      tabIndex="0"
-      onKeyDown={handleKeyDown}
       hoverStyles={`outline: none;`}
       animate={isOpen ? "open" : "closed"}
       positionTransition
@@ -80,6 +78,7 @@ const CollapsibleSection = ({
           key="header"
           hoverStyles={`cursor: pointer;`}
           tabIndex="0"
+          onKeyDown={handleKeyDown}
         >
           <Cluster justify="space-between" align="center">
             {customTitle ? (

package/src/components/molecules/editable-list/EditableList.js

@@ -32,7 +32,7 @@ const EditableList = ({
   useModal = false,
   modal: Modal,
   modalProps,
-  autoPayMethod,
+  autoPayMethods,
   qaPrefix
 }) => (
   <Box padding="0rem 0rem 1.5rem 0rem">
@@ -60,7 +60,10 @@ const EditableList = ({
           return (
             <EditableListItem
               listItemSize={
-                !!item.id && item.id === autoPayMethod ? "big" : listItemSize
+                !!item.id &&
+                autoPayMethods?.some(methodID => methodID === item.id)
+                  ? "big"
+                  : listItemSize
               }
               key={item.id || item}
             >