@thecb/components 3.5.10 → 3.5.11

package/dist/index.cjs.js

@@ -10038,9 +10038,11 @@ function usePanGesture(_a, ref) {
             onPanEnd && onPanEnd(event, info);
         },
     };
-    if (panSession.current !== null) {
-        panSession.current.updateHandlers(handlers);
-    }
+    React.useEffect(function () {
+        if (panSession.current !== null) {
+            panSession.current.updateHandlers(handlers);
+        }
+    });
     function onPointerDown(event) {
         panSession.current = new PanSession(event, handlers, {
             transformPagePoint: transformPagePoint,
@@ -15343,7 +15345,7 @@ _curry2(function nth(offset, list) {
  *
  * @func
  * @memberOf R
- * @since v0.27.0
+ * @since v0.27.1
  * @category Object
  * @typedefn Idx = [String | Int]
  * @sig [Idx] -> {a} -> [a | Undefined]
@@ -37267,11 +37269,15 @@ var RadioSection = function RadioSection(_ref) {
         return toggleOpenSection(section.id);
       },
       tabIndex: "-1"
-    })), /*#__PURE__*/React__default.createElement(Text$1, {
+    })), section.titleIcon && /*#__PURE__*/React__default.createElement(Cluster, {
+      align: "center"
+    }, section.titleIcon), /*#__PURE__*/React__default.createElement(Box, {
+      padding: section.titleIcon ? "0 0 0 8px" : "0"
+    }, /*#__PURE__*/React__default.createElement(Text$1, {
       variant: "p",
       color: CHARADE_GREY,
       "aria-level": "3"
-    }, section.title)), section.rightIcons && /*#__PURE__*/React__default.createElement(Cluster, {
+    }, section.title))), section.rightIcons && /*#__PURE__*/React__default.createElement(Cluster, {
       childGap: "0.5rem"
     }, section.rightIcons.map(function (icon) {
       return /*#__PURE__*/React__default.createElement(RightIcon, {

package/package.json

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

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

@@ -160,9 +160,14 @@ const RadioSection = ({
                           />
                         </Box>
                       )}
-                      <Text variant="p" color={CHARADE_GREY} aria-level="3">
-                        {section.title}
-                      </Text>
+                      {section.titleIcon && (
+                        <Cluster align="center">{section.titleIcon}</Cluster>
+                      )}
+                      <Box padding={section.titleIcon ? "0 0 0 8px" : "0"}>
+                        <Text variant="p" color={CHARADE_GREY} aria-level="3">
+                          {section.title}
+                        </Text>
+                      </Box>
                     </Cluster>
                     {section.rightIcons && (
                       <Cluster childGap="0.5rem">