@thecb/components 4.1.31-beta.1 → 4.1.31

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"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "4.1.31-beta.1",
+  "version": "4.1.31",
   "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 ? (