@thecb/components 7.6.1-beta.0 → 7.6.1-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "7.6.1-beta.0",
+  "version": "7.6.1-beta.2",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/molecules/obligation/Obligation.js

@@ -46,7 +46,7 @@ const Obligation = ({
     The top level desc/subdesc for all obligations in a collection is the same
     (Collection accounts look different in the Account Details page)
   */
-  const firstObligation = obligations[0];
+  const firstObligation = obligations?.[0] ?? {};
   const {
     allowedPaymentInstruments = [CASH_METHOD, CC_METHOD, ACH_METHOD],
     description = "Account",

package/src/components/molecules/radio-section/RadioSection.js

@@ -146,9 +146,9 @@ const RadioSection = ({
               tabIndex={
                 section.hideRadioButton || section.disabled ? "-1" : "0"
               }
-              onKeyDown={e => handleKeyDown(section.id, e)}
-              onFocus={() => setFocused(section.id)}
-              onBlur={() => setFocused(null)}
+              onKeyDown={e => !section.disabled && handleKeyDown(section.id, e)}
+              onFocus={() => !section.disabled && setFocused(section.id)}
+              onBlur={() => !section.disabled && setFocused(null)}
               hoverStyles={themeValues.focusStyles}
               animate={openSection === section.id ? "open" : "closed"}
               initial={initiallyOpen ? "open" : "closed"}
@@ -173,7 +173,7 @@ const RadioSection = ({
                       : () => toggleOpenSection(section.id)
                   }
                   onTouchEnd={
-                    (isMobile && supportsTouch) || !section.disabled
+                    isMobile && supportsTouch && !section.disabled
                       ? () => toggleOpenSection(section.id)
                       : noop
                   }