@thecb/components 9.2.4-beta.10 → 9.2.4-beta.12

package/package.json

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

package/src/components/atoms/dropdown/Dropdown.js

@@ -262,13 +262,13 @@ const Dropdown = ({
   useEffect(() => {
     if (autoEraseTypeAhead) {
       clearTimeout(timer);
-      setTimer(setTimeout(() => setInputValue(""), 3000));
+      setTimer(setTimeout(() => setInputValue(""), 20000));
     }
     setFilteredOptions(
       options.filter(
         option =>
-          option.value.toLowerCase().startsWith(inputValue.toLowerCase()) ||
-          option.text.toLowerCase().startsWith(inputValue.toLowerCase())
+          option.value.toLowerCase().match(inputValue.toLowerCase()) ||
+          option.text.toLowerCase().match(inputValue.toLowerCase())
       )
     );
   }, [inputValue]);

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

@@ -106,7 +106,11 @@ const RadioSection = ({
       borderRadius="4px"
       extraStyles={containerStyles}
     >
-      <Stack childGap="0" role="radiogroup" aria-required={isSectionRequired}>
+      <Stack
+        childGap="0"
+        aria-role="radiogroup"
+        aria-required={isSectionRequired}
+      >
         {sections
           .filter(section => !section.hidden)
           .map(section => (
@@ -125,7 +129,7 @@ const RadioSection = ({
               role="radio"
               aria-checked={openSection === section.id}
               aria-disabled={section.disabled}
-              aria-required={!!section?.required}
+              aria-required={section?.required}
             >
               <Stack childGap="0">
                 <Box
@@ -179,7 +183,7 @@ const RadioSection = ({
                                 : () => toggleOpenSection(section.id)
                             }
                             tabIndex="-1"
-                            isRequired={!!section?.required}
+                            isRequired={section?.required}
                           />
                         </Box>
                       )}