@codeleap/web 3.23.1 → 3.23.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/web",
-  "version": "3.23.1",
+  "version": "3.23.2",
   "main": "src/index.ts",
   "repository": {
     "url": "https://github.com/codeleap-uk/internal-libs-monorepo.git",

package/src/components/SectionFilters/index.tsx

@@ -34,6 +34,11 @@ const ItemOption = (props: OptionProps) => {
     }
   }, [item?.options, option, selectedItems, item?.id, canSelectMultiple])
 
+  const buttonProps = {
+    ...item?.itemProps,
+    ...option?.itemProps,
+  }
+
   return (
     <Button
       debugName='Item option'
@@ -41,6 +46,7 @@ const ItemOption = (props: OptionProps) => {
       onPress={onPress}
       selected={isItemSelected}
       styles={styles}
+      {...buttonProps}
     />
   )
 }
@@ -211,7 +217,7 @@ export const SectionFilters = (props: SectionFiltersProps) => {
     props?.onApplyItems?.(_selectedItems as ItemProps[])
   }
 
-  const Footer = renderFooterComponent || DefaultFooter 
+  const Footer = renderFooterComponent || DefaultFooter
 
   return (
     <View style={variantStyles.wrapper}>
@@ -219,7 +225,7 @@ export const SectionFilters = (props: SectionFiltersProps) => {
         {isEmpty ? null : data.map((item) => renderItem(item))}
       </View>
 
-      <Footer 
+      <Footer
         onApply={onApplyItems}
         onClear={onClearItems}
         shouldDisableActions={shouldDisableActions}

package/src/components/SectionFilters/types.ts

@@ -1,10 +1,11 @@
 import { Button, ButtonComposition } from '../Button'
-import { AnyFunction, ComponentVariants, PropsOf, StylesOf } from '@codeleap/common'
+import { ComponentVariants, PropsOf, StylesOf } from '@codeleap/common'
 import { SectionFiltersComposition, SectionFilterPresets } from './styles'
 
 export type ItemOptionProps = {
   label?: string
   value: string | number
+  itemProps?: Omit<PropsOf<typeof Button>, 'debugName'>
 }
 
 export type OnPressOptionProps = {
@@ -21,7 +22,7 @@ export type ItemProps = {
   descriptionLabel?: string
   showDescriptionLabel?: boolean
   options?: ItemOptionProps[]
-  itemButtonProps?: Omit<PropsOf<typeof Button>, 'debugName'>
+  itemProps?: Omit<PropsOf<typeof Button>, 'debugName'>
 }
 
 export type onSelectItemProps = {