@coorpacademy/components 11.40.4 → 11.40.6-alpha.5

package/es/organism/content-skill-modal/types.d.ts

@@ -15,7 +15,7 @@ declare const ContentSkillModalPropTypes: {
             tooltipPlacement: PropTypes.Requireable<string>;
             'data-name': PropTypes.Requireable<string>;
             'data-testid': PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<{
+            icon: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 position: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
                 faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -23,11 +23,19 @@ declare const ContentSkillModalPropTypes: {
                     color: PropTypes.Requireable<string>;
                     backgroundColor: PropTypes.Requireable<string>;
                     size: PropTypes.Requireable<number>;
-                    customStyle: PropTypes.Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
+                    customStyle: PropTypes.Requireable<object>;
                 }>>;
-            }>>;
+            }> | (PropTypes.InferProps<{
+                position: PropTypes.Requireable<string>;
+                type: PropTypes.Requireable<string>;
+                faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                    name: PropTypes.Validator<string>;
+                    color: PropTypes.Requireable<string>;
+                    backgroundColor: PropTypes.Requireable<string>;
+                    size: PropTypes.Requireable<number>;
+                    customStyle: PropTypes.Requireable<object>;
+                }>>;
+            }> | null | undefined)[] | null | undefined>>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             link: PropTypes.Requireable<PropTypes.InferProps<{
                 href: PropTypes.Requireable<string>;
@@ -38,9 +46,8 @@ declare const ContentSkillModalPropTypes: {
             hoverColor: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
             className: PropTypes.Requireable<string>;
-            customStyle: PropTypes.Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-            }>;
+            customStyle: PropTypes.Requireable<object>;
+            contentCustomStyle: PropTypes.Requireable<object>;
             useTitle: PropTypes.Requireable<boolean>;
             customLabelClassName: PropTypes.Requireable<string>;
         }>>;
@@ -169,7 +176,7 @@ declare const ContentSkillModalPropTypes: {
                     tooltipPlacement: PropTypes.Requireable<string>;
                     'data-name': PropTypes.Requireable<string>;
                     'data-testid': PropTypes.Requireable<string>;
-                    icon: PropTypes.Requireable<PropTypes.InferProps<{
+                    icon: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                         position: PropTypes.Requireable<string>;
                         type: PropTypes.Requireable<string>;
                         faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -177,11 +184,19 @@ declare const ContentSkillModalPropTypes: {
                             color: PropTypes.Requireable<string>;
                             backgroundColor: PropTypes.Requireable<string>;
                             size: PropTypes.Requireable<number>;
-                            customStyle: PropTypes.Requireable<{
-                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                            }>;
+                            customStyle: PropTypes.Requireable<object>;
                         }>>;
-                    }>>;
+                    }> | (PropTypes.InferProps<{
+                        position: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                        faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                            name: PropTypes.Validator<string>;
+                            color: PropTypes.Requireable<string>;
+                            backgroundColor: PropTypes.Requireable<string>;
+                            size: PropTypes.Requireable<number>;
+                            customStyle: PropTypes.Requireable<object>;
+                        }>>;
+                    }> | null | undefined)[] | null | undefined>>;
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     link: PropTypes.Requireable<PropTypes.InferProps<{
                         href: PropTypes.Requireable<string>;
@@ -192,13 +207,13 @@ declare const ContentSkillModalPropTypes: {
                     hoverColor: PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
                     className: PropTypes.Requireable<string>;
-                    customStyle: PropTypes.Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
+                    customStyle: PropTypes.Requireable<object>;
+                    contentCustomStyle: PropTypes.Requireable<object>;
                     useTitle: PropTypes.Requireable<boolean>;
                     customLabelClassName: PropTypes.Requireable<string>;
                 }> | PropTypes.InferProps<{
                     button: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                        withChevron: PropTypes.Requireable<boolean>;
                         type: PropTypes.Requireable<string>;
                         usage: PropTypes.Requireable<string>;
                         label: PropTypes.Requireable<string>;
@@ -208,7 +223,7 @@ declare const ContentSkillModalPropTypes: {
                         tooltipPlacement: PropTypes.Requireable<string>;
                         'data-name': PropTypes.Requireable<string>;
                         'data-testid': PropTypes.Requireable<string>;
-                        icon: PropTypes.Requireable<PropTypes.InferProps<{
+                        icon: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                             position: PropTypes.Requireable<string>;
                             type: PropTypes.Requireable<string>;
                             faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -216,11 +231,19 @@ declare const ContentSkillModalPropTypes: {
                                 color: PropTypes.Requireable<string>;
                                 backgroundColor: PropTypes.Requireable<string>;
                                 size: PropTypes.Requireable<number>;
-                                customStyle: PropTypes.Requireable<{
-                                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                                }>;
+                                customStyle: PropTypes.Requireable<object>;
                             }>>;
-                        }>>;
+                        }> | (PropTypes.InferProps<{
+                            position: PropTypes.Requireable<string>;
+                            type: PropTypes.Requireable<string>;
+                            faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                                name: PropTypes.Validator<string>;
+                                color: PropTypes.Requireable<string>;
+                                backgroundColor: PropTypes.Requireable<string>;
+                                size: PropTypes.Requireable<number>;
+                                customStyle: PropTypes.Requireable<object>;
+                            }>>;
+                        }> | null | undefined)[] | null | undefined>>;
                         onClick: PropTypes.Requireable<(...args: any[]) => any>;
                         link: PropTypes.Requireable<PropTypes.InferProps<{
                             href: PropTypes.Requireable<string>;
@@ -231,9 +254,8 @@ declare const ContentSkillModalPropTypes: {
                         hoverColor: PropTypes.Requireable<string>;
                         disabled: PropTypes.Requireable<boolean>;
                         className: PropTypes.Requireable<string>;
-                        customStyle: PropTypes.Requireable<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
+                        customStyle: PropTypes.Requireable<object>;
+                        contentCustomStyle: PropTypes.Requireable<object>;
                         useTitle: PropTypes.Requireable<boolean>;
                         customLabelClassName: PropTypes.Requireable<string>;
                     }>>>;
@@ -254,9 +276,7 @@ declare const ContentSkillModalPropTypes: {
                                     color: PropTypes.Requireable<string>;
                                     backgroundColor: PropTypes.Requireable<string>;
                                     size: PropTypes.Requireable<number>;
-                                    customStyle: PropTypes.Requireable<{
-                                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                                    }>;
+                                    customStyle: PropTypes.Requireable<object>;
                                 }>>;
                             }>>;
                             customStyle: PropTypes.Requireable<{
@@ -278,6 +298,8 @@ declare const ContentSkillModalPropTypes: {
                     primaryColor: PropTypes.Requireable<string>;
                     closeOnClick: PropTypes.Requireable<boolean>;
                     enableScroll: PropTypes.Requireable<boolean>;
+                    containerCustom: PropTypes.Requireable<object>;
+                    showFade: PropTypes.Requireable<boolean>;
                 }> | null | undefined>>;
             }>>;
         }> | PropTypes.InferProps<{
@@ -316,9 +338,7 @@ declare const ContentSkillModalPropTypes: {
                                 color: PropTypes.Requireable<string>;
                                 backgroundColor: PropTypes.Requireable<string>;
                                 size: PropTypes.Requireable<number>;
-                                customStyle: PropTypes.Requireable<{
-                                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                                }>;
+                                customStyle: PropTypes.Requireable<object>;
                             }>>;
                         }>>;
                         customStyle: PropTypes.Requireable<{
@@ -346,7 +366,7 @@ declare const ContentSkillModalPropTypes: {
                 tooltipPlacement: PropTypes.Requireable<string>;
                 'data-name': PropTypes.Requireable<string>;
                 'data-testid': PropTypes.Requireable<string>;
-                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                icon: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                     position: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;
                     faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -354,11 +374,19 @@ declare const ContentSkillModalPropTypes: {
                         color: PropTypes.Requireable<string>;
                         backgroundColor: PropTypes.Requireable<string>;
                         size: PropTypes.Requireable<number>;
-                        customStyle: PropTypes.Requireable<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
+                        customStyle: PropTypes.Requireable<object>;
                     }>>;
-                }>>;
+                }> | (PropTypes.InferProps<{
+                    position: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                        name: PropTypes.Validator<string>;
+                        color: PropTypes.Requireable<string>;
+                        backgroundColor: PropTypes.Requireable<string>;
+                        size: PropTypes.Requireable<number>;
+                        customStyle: PropTypes.Requireable<object>;
+                    }>>;
+                }> | null | undefined)[] | null | undefined>>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 link: PropTypes.Requireable<PropTypes.InferProps<{
                     href: PropTypes.Requireable<string>;
@@ -369,9 +397,8 @@ declare const ContentSkillModalPropTypes: {
                 hoverColor: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
                 className: PropTypes.Requireable<string>;
-                customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
+                customStyle: PropTypes.Requireable<object>;
+                contentCustomStyle: PropTypes.Requireable<object>;
                 useTitle: PropTypes.Requireable<boolean>;
                 customLabelClassName: PropTypes.Requireable<string>;
             }> | PropTypes.InferProps<{
@@ -396,9 +423,7 @@ declare const ContentSkillModalPropTypes: {
                             color: PropTypes.Requireable<string>;
                             backgroundColor: PropTypes.Requireable<string>;
                             size: PropTypes.Requireable<number>;
-                            customStyle: PropTypes.Requireable<{
-                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                            }>;
+                            customStyle: PropTypes.Requireable<object>;
                         }>>;
                     }>>;
                     customStyle: PropTypes.Requireable<{
@@ -417,6 +442,7 @@ declare const ContentSkillModalPropTypes: {
         title: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             subtitle: PropTypes.Requireable<string>;
+            ariaLabel: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
             'data-name': PropTypes.Requireable<string>;
             titleSize: PropTypes.Requireable<string>;
@@ -451,7 +477,7 @@ declare const ContentSkillModalPropTypes: {
                 tooltipPlacement: PropTypes.Requireable<string>;
                 'data-name': PropTypes.Requireable<string>;
                 'data-testid': PropTypes.Requireable<string>;
-                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                icon: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                     position: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;
                     faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -459,11 +485,19 @@ declare const ContentSkillModalPropTypes: {
                         color: PropTypes.Requireable<string>;
                         backgroundColor: PropTypes.Requireable<string>;
                         size: PropTypes.Requireable<number>;
-                        customStyle: PropTypes.Requireable<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
+                        customStyle: PropTypes.Requireable<object>;
                     }>>;
-                }>>;
+                }> | (PropTypes.InferProps<{
+                    position: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                        name: PropTypes.Validator<string>;
+                        color: PropTypes.Requireable<string>;
+                        backgroundColor: PropTypes.Requireable<string>;
+                        size: PropTypes.Requireable<number>;
+                        customStyle: PropTypes.Requireable<object>;
+                    }>>;
+                }> | null | undefined)[] | null | undefined>>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 link: PropTypes.Requireable<PropTypes.InferProps<{
                     href: PropTypes.Requireable<string>;
@@ -474,9 +508,8 @@ declare const ContentSkillModalPropTypes: {
                 hoverColor: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
                 className: PropTypes.Requireable<string>;
-                customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
+                customStyle: PropTypes.Requireable<object>;
+                contentCustomStyle: PropTypes.Requireable<object>;
                 useTitle: PropTypes.Requireable<boolean>;
                 customLabelClassName: PropTypes.Requireable<string>;
             }>>;
@@ -522,7 +555,7 @@ declare const ContentSkillModalPropTypes: {
             tooltipPlacement: PropTypes.Requireable<string>;
             'data-name': PropTypes.Requireable<string>;
             'data-testid': PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<{
+            icon: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 position: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
                 faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -530,11 +563,19 @@ declare const ContentSkillModalPropTypes: {
                     color: PropTypes.Requireable<string>;
                     backgroundColor: PropTypes.Requireable<string>;
                     size: PropTypes.Requireable<number>;
-                    customStyle: PropTypes.Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
+                    customStyle: PropTypes.Requireable<object>;
                 }>>;
-            }>>;
+            }> | (PropTypes.InferProps<{
+                position: PropTypes.Requireable<string>;
+                type: PropTypes.Requireable<string>;
+                faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                    name: PropTypes.Validator<string>;
+                    color: PropTypes.Requireable<string>;
+                    backgroundColor: PropTypes.Requireable<string>;
+                    size: PropTypes.Requireable<number>;
+                    customStyle: PropTypes.Requireable<object>;
+                }>>;
+            }> | null | undefined)[] | null | undefined>>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             link: PropTypes.Requireable<PropTypes.InferProps<{
                 href: PropTypes.Requireable<string>;
@@ -545,14 +586,14 @@ declare const ContentSkillModalPropTypes: {
             hoverColor: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
             className: PropTypes.Requireable<string>;
-            customStyle: PropTypes.Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-            }>;
+            customStyle: PropTypes.Requireable<object>;
+            contentCustomStyle: PropTypes.Requireable<object>;
             useTitle: PropTypes.Requireable<boolean>;
             customLabelClassName: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;
         buttonMenuAction: PropTypes.Requireable<PropTypes.InferProps<{
             button: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                withChevron: PropTypes.Requireable<boolean>;
                 type: PropTypes.Requireable<string>;
                 usage: PropTypes.Requireable<string>;
                 label: PropTypes.Requireable<string>;
@@ -562,7 +603,7 @@ declare const ContentSkillModalPropTypes: {
                 tooltipPlacement: PropTypes.Requireable<string>;
                 'data-name': PropTypes.Requireable<string>;
                 'data-testid': PropTypes.Requireable<string>;
-                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                icon: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                     position: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;
                     faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -570,11 +611,19 @@ declare const ContentSkillModalPropTypes: {
                         color: PropTypes.Requireable<string>;
                         backgroundColor: PropTypes.Requireable<string>;
                         size: PropTypes.Requireable<number>;
-                        customStyle: PropTypes.Requireable<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
+                        customStyle: PropTypes.Requireable<object>;
                     }>>;
-                }>>;
+                }> | (PropTypes.InferProps<{
+                    position: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                        name: PropTypes.Validator<string>;
+                        color: PropTypes.Requireable<string>;
+                        backgroundColor: PropTypes.Requireable<string>;
+                        size: PropTypes.Requireable<number>;
+                        customStyle: PropTypes.Requireable<object>;
+                    }>>;
+                }> | null | undefined)[] | null | undefined>>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 link: PropTypes.Requireable<PropTypes.InferProps<{
                     href: PropTypes.Requireable<string>;
@@ -585,9 +634,8 @@ declare const ContentSkillModalPropTypes: {
                 hoverColor: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
                 className: PropTypes.Requireable<string>;
-                customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
+                customStyle: PropTypes.Requireable<object>;
+                contentCustomStyle: PropTypes.Requireable<object>;
                 useTitle: PropTypes.Requireable<boolean>;
                 customLabelClassName: PropTypes.Requireable<string>;
             }>>>;
@@ -608,9 +656,7 @@ declare const ContentSkillModalPropTypes: {
                             color: PropTypes.Requireable<string>;
                             backgroundColor: PropTypes.Requireable<string>;
                             size: PropTypes.Requireable<number>;
-                            customStyle: PropTypes.Requireable<{
-                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                            }>;
+                            customStyle: PropTypes.Requireable<object>;
                         }>>;
                     }>>;
                     customStyle: PropTypes.Requireable<{
@@ -632,21 +678,27 @@ declare const ContentSkillModalPropTypes: {
             primaryColor: PropTypes.Requireable<string>;
             closeOnClick: PropTypes.Requireable<boolean>;
             enableScroll: PropTypes.Requireable<boolean>;
+            containerCustom: PropTypes.Requireable<object>;
+            showFade: PropTypes.Requireable<boolean>;
         }>>;
     }>>>;
     filters: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
         title: PropTypes.Requireable<string>;
         onClearAll: PropTypes.Requireable<(...args: any[]) => any>;
+        onRemoveSelectedFilter: PropTypes.Requireable<(...args: any[]) => any>;
         options: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             options: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
+                titleAriaLabel: PropTypes.Requireable<string>;
                 onClear: PropTypes.Requireable<(...args: any[]) => any>;
                 options: PropTypes.Requireable<(PropTypes.InferProps<{
                     label: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;
+                    textColor: PropTypes.Requireable<string>;
                     selected: PropTypes.Requireable<boolean>;
                     icon: PropTypes.Requireable<string>;
+                    customIcon: PropTypes.Requireable<string>;
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 }> | null | undefined)[]>;
             }>>;
@@ -654,6 +706,7 @@ declare const ContentSkillModalPropTypes: {
             type: PropTypes.Requireable<string>;
             options: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
+                titleAriaLabel: PropTypes.Requireable<string>;
                 onClear: PropTypes.Requireable<(...args: any[]) => any>;
                 options: PropTypes.Requireable<(PropTypes.InferProps<{
                     label: PropTypes.Requireable<string>;
@@ -677,6 +730,20 @@ declare const ContentSkillModalPropTypes: {
                     searchIconAriaLabel: PropTypes.Requireable<string>;
                 }>>;
             }>>;
+        }> | PropTypes.InferProps<{
+            type: PropTypes.Requireable<string>;
+            options: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Validator<string>;
+                titleAriaLabel: PropTypes.Requireable<string>;
+                onClear: PropTypes.Validator<(...args: any[]) => any>;
+                options: PropTypes.Requireable<(PropTypes.InferProps<{
+                    label: PropTypes.Validator<string>;
+                    value: PropTypes.Validator<boolean>;
+                    onChange: PropTypes.Validator<(...args: any[]) => any>;
+                    theme: PropTypes.Validator<string>;
+                    ariaLabel: PropTypes.Validator<string>;
+                }> | null | undefined)[]>;
+            }>>;
         }> | null | undefined> | null | undefined)[]>;
     }>>>;
     modal: PropTypes.Validator<NonNullable<PropTypes.InferProps<{

package/es/organism/content-skill-modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAkC,EAChC,qBAAqB,EACtB,MAAM,8CAA8C,CAAC;AAStD,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,UAAU,GAAG;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IACpD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAkC,EAChC,qBAAqB,EACtB,MAAM,8CAA8C,CAAC;AAStD,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,UAAU,GAAG;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IACpD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}

package/es/organism/filter-checkbox-and-search/index.d.ts

@@ -5,6 +5,7 @@ declare const FilterCheckboxAndSearch: {
     (props: FilterCheckboxAndSearchProps, context: WebContextValues): JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
+        titleAriaLabel: import("prop-types").Requireable<string>;
         onClear: import("prop-types").Requireable<(...args: any[]) => any>;
         options: import("prop-types").Requireable<(import("prop-types").InferProps<{
             label: import("prop-types").Requireable<string>;

package/es/organism/filter-checkbox-and-search/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAKjE,OAAkB,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAC;AAiBtE,QAAA,MAAM,uBAAuB;YACpB,4BAA4B,WAC1B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+F1B,CAAC;AAQF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAKjE,OAAkB,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAC;AAiBtE,QAAA,MAAM,uBAAuB;YACpB,4BAA4B,WAC1B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgG1B,CAAC;AAQF,eAAe,uBAAuB,CAAC"}

package/es/organism/filter-checkbox-and-search/index.js

@@ -33,6 +33,7 @@ const INITIAL_VISIBLE_OPTIONS = 5;
 const FilterCheckboxAndSearch = (props, context) => {
   const {
     title,
+    titleAriaLabel,
     searchOptions,
     onClear,
     options
@@ -59,7 +60,8 @@ const FilterCheckboxAndSearch = (props, context) => {
     className: style.titleAndTagWrapper,
     "data-testid": "filter-checkbox-and-searh-title-and-tag-wrapper"
   }, /*#__PURE__*/React.createElement(Title, {
-    title: title
+    title: title,
+    ariaLabel: titleAriaLabel
   }), hasSelectedFilters ? /*#__PURE__*/React.createElement(Tag, {
     label: _toString(selectedFiltersCount),
     type: "info",
@@ -71,7 +73,8 @@ const FilterCheckboxAndSearch = (props, context) => {
     type: "text",
     "data-testid": "filter-checkbox-and-search-clear-button",
     onClick: onClear,
-    customStyle: CLEAR_BUTTON_STYLE
+    customStyle: CLEAR_BUTTON_STYLE,
+    hoverColor: COLORS.cm_grey_700
   })) : null), searchOptions ? /*#__PURE__*/React.createElement("div", {
     className: style.search
   }, /*#__PURE__*/React.createElement(Search, searchOptions)) : null, /*#__PURE__*/React.createElement("div", {

package/es/organism/filter-checkbox-and-search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","Title","Tag","ButtonLink","Provider","GetTranslateFromContext","CheckboxWithTitle","COLORS","Search","style","propTypes","CLEAR_BUTTON_STYLE","fontWeight","padding","SHOW_BUTTON_STYLE","fontSize","fontFamily","CHECKBOX_TITLE_STYLE","marginRight","INITIAL_VISIBLE_OPTIONS","FilterCheckboxAndSearch","props","context","title","searchOptions","onClear","options","translate","showMore","setShowMore","selectedFiltersCount","_pipe","_filter","selected","_size","hasSelectedFilters","handleShowMore","visibleOptions","slice","createElement","className","container","header","titleAndTagWrapper","label","_toString","type","size","clearButtonContainer","onClick","customStyle","search","optionsContainer","_isEmpty","emptySearchResult","map","value","count","index","key","optionRow","onChange","name","checked","optionCount","icon","position","faIcon","color","cm_grey_500","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/organism/filter-checkbox-and-search/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {filter, isEmpty, pipe, size, toString} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport {COLORS} from '../../variables/colors';\nimport Search from '../../atom/input-search';\nimport style from './style.css';\nimport propTypes, {FilterCheckboxAndSearchProps} from './props-types';\n\nconst CLEAR_BUTTON_STYLE = {fontWeight: 'normal', padding: 0};\nconst SHOW_BUTTON_STYLE = {\n  fontSize: '14px',\n  fontWeight: '600',\n  fontFamily: 'Gilroy',\n  padding: '0'\n};\nconst CHECKBOX_TITLE_STYLE = {\n  marginRight: '16px',\n  fontSize: '14px',\n  fontFamily: 'Gilroy',\n  fontWeight: 'normal'\n};\nconst INITIAL_VISIBLE_OPTIONS = 5;\n\nconst FilterCheckboxAndSearch = (\n  props: FilterCheckboxAndSearchProps,\n  context: WebContextValues\n) => {\n  const {title, searchOptions, onClear, options} = props;\n  const translate = GetTranslateFromContext(context);\n  const [showMore, setShowMore] = useState(false);\n  const selectedFiltersCount = pipe(filter({selected: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n\n  const handleShowMore = useCallback(() => {\n    setShowMore(!showMore);\n  }, [showMore]);\n\n  const visibleOptions = useMemo(() => {\n    return showMore ? options : options.slice(0, INITIAL_VISIBLE_OPTIONS);\n  }, [options, showMore]);\n\n  return (\n    <div data-testid=\"filter-checkbox-and-search-container\" className={style.container}>\n      <div className={style.header} data-testid=\"filter-checkbox-and-search-header\">\n        <div\n          className={style.titleAndTagWrapper}\n          data-testid=\"filter-checkbox-and-searh-title-and-tag-wrapper\"\n        >\n          <Title title={title} />\n          {hasSelectedFilters ? (\n            <Tag label={toString(selectedFiltersCount)} type=\"info\" size=\"S\" />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.clearButtonContainer}>\n            <ButtonLink\n              label={translate('clear')}\n              type=\"text\"\n              data-testid=\"filter-checkbox-and-search-clear-button\"\n              onClick={onClear}\n              customStyle={CLEAR_BUTTON_STYLE}\n            />\n          </div>\n        ) : null}\n      </div>\n      {searchOptions ? (\n        <div className={style.search}>\n          <Search {...searchOptions} />\n        </div>\n      ) : null}\n      <div\n        data-testid=\"filter-checkbox-and-search-options-container\"\n        className={style.optionsContainer}\n      >\n        {isEmpty(visibleOptions) ? (\n          <p\n            className={style.emptySearchResult}\n            data-testid=\"filter-checkbox-and-search-empty-message\"\n          >\n            No results... Try adjusting your search.\n          </p>\n        ) : (\n          visibleOptions.map(({value, label, selected, count, onClick}, index) => (\n            <div\n              key={value}\n              className={style.optionRow}\n              data-testid={`filter-checkbox-and-search-option-row-${index}`}\n            >\n              <CheckboxWithTitle\n                key={value}\n                title={label}\n                onChange={onClick}\n                name={label}\n                checked={selected}\n                customStyle={CHECKBOX_TITLE_STYLE}\n              />\n              <p className={style.optionCount}>{count}</p>\n            </div>\n          ))\n        )}\n      </div>\n      {size(options) > INITIAL_VISIBLE_OPTIONS ? (\n        <ButtonLink\n          label={showMore ? translate('Show less') : translate('Show more')}\n          type=\"text\"\n          icon={{\n            position: 'right',\n            faIcon: {\n              name: showMore ? 'chevron-up' : 'chevron-down',\n              size: 16,\n              color: COLORS.cm_grey_500\n            }\n          }}\n          customStyle={SHOW_BUTTON_STYLE}\n          onClick={handleShowMore}\n          data-testid=\"filter-checkbox-and-search-show-button\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nFilterCheckboxAndSearch.propTypes = propTypes;\n\nFilterCheckboxAndSearch.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default FilterCheckboxAndSearch;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","Title","Tag","ButtonLink","Provider","GetTranslateFromContext","CheckboxWithTitle","COLORS","Search","style","propTypes","CLEAR_BUTTON_STYLE","fontWeight","padding","SHOW_BUTTON_STYLE","fontSize","fontFamily","CHECKBOX_TITLE_STYLE","marginRight","INITIAL_VISIBLE_OPTIONS","FilterCheckboxAndSearch","props","context","title","titleAriaLabel","searchOptions","onClear","options","translate","showMore","setShowMore","selectedFiltersCount","_pipe","_filter","selected","_size","hasSelectedFilters","handleShowMore","visibleOptions","slice","createElement","className","container","header","titleAndTagWrapper","ariaLabel","label","_toString","type","size","clearButtonContainer","onClick","customStyle","hoverColor","cm_grey_700","search","optionsContainer","_isEmpty","emptySearchResult","map","value","count","index","key","optionRow","onChange","name","checked","optionCount","icon","position","faIcon","color","cm_grey_500","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/organism/filter-checkbox-and-search/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {filter, isEmpty, pipe, size, toString} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport {COLORS} from '../../variables/colors';\nimport Search from '../../atom/input-search';\nimport style from './style.css';\nimport propTypes, {FilterCheckboxAndSearchProps} from './props-types';\n\nconst CLEAR_BUTTON_STYLE = {fontWeight: 'normal', padding: 0};\nconst SHOW_BUTTON_STYLE = {\n  fontSize: '14px',\n  fontWeight: '600',\n  fontFamily: 'Gilroy',\n  padding: '0'\n};\nconst CHECKBOX_TITLE_STYLE = {\n  marginRight: '16px',\n  fontSize: '14px',\n  fontFamily: 'Gilroy',\n  fontWeight: 'normal'\n};\nconst INITIAL_VISIBLE_OPTIONS = 5;\n\nconst FilterCheckboxAndSearch = (\n  props: FilterCheckboxAndSearchProps,\n  context: WebContextValues\n) => {\n  const {title, titleAriaLabel, searchOptions, onClear, options} = props;\n  const translate = GetTranslateFromContext(context);\n  const [showMore, setShowMore] = useState(false);\n  const selectedFiltersCount = pipe(filter({selected: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n\n  const handleShowMore = useCallback(() => {\n    setShowMore(!showMore);\n  }, [showMore]);\n\n  const visibleOptions = useMemo(() => {\n    return showMore ? options : options.slice(0, INITIAL_VISIBLE_OPTIONS);\n  }, [options, showMore]);\n\n  return (\n    <div data-testid=\"filter-checkbox-and-search-container\" className={style.container}>\n      <div className={style.header} data-testid=\"filter-checkbox-and-search-header\">\n        <div\n          className={style.titleAndTagWrapper}\n          data-testid=\"filter-checkbox-and-searh-title-and-tag-wrapper\"\n        >\n          <Title title={title} ariaLabel={titleAriaLabel} />\n          {hasSelectedFilters ? (\n            <Tag label={toString(selectedFiltersCount)} type=\"info\" size=\"S\" />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.clearButtonContainer}>\n            <ButtonLink\n              label={translate('clear')}\n              type=\"text\"\n              data-testid=\"filter-checkbox-and-search-clear-button\"\n              onClick={onClear}\n              customStyle={CLEAR_BUTTON_STYLE}\n              hoverColor={COLORS.cm_grey_700}\n            />\n          </div>\n        ) : null}\n      </div>\n      {searchOptions ? (\n        <div className={style.search}>\n          <Search {...searchOptions} />\n        </div>\n      ) : null}\n      <div\n        data-testid=\"filter-checkbox-and-search-options-container\"\n        className={style.optionsContainer}\n      >\n        {isEmpty(visibleOptions) ? (\n          <p\n            className={style.emptySearchResult}\n            data-testid=\"filter-checkbox-and-search-empty-message\"\n          >\n            No results... Try adjusting your search.\n          </p>\n        ) : (\n          visibleOptions.map(({value, label, selected, count, onClick}, index) => (\n            <div\n              key={value}\n              className={style.optionRow}\n              data-testid={`filter-checkbox-and-search-option-row-${index}`}\n            >\n              <CheckboxWithTitle\n                key={value}\n                title={label}\n                onChange={onClick}\n                name={label}\n                checked={selected}\n                customStyle={CHECKBOX_TITLE_STYLE}\n              />\n              <p className={style.optionCount}>{count}</p>\n            </div>\n          ))\n        )}\n      </div>\n      {size(options) > INITIAL_VISIBLE_OPTIONS ? (\n        <ButtonLink\n          label={showMore ? translate('Show less') : translate('Show more')}\n          type=\"text\"\n          icon={{\n            position: 'right',\n            faIcon: {\n              name: showMore ? 'chevron-up' : 'chevron-down',\n              size: 16,\n              color: COLORS.cm_grey_500\n            }\n          }}\n          customStyle={SHOW_BUTTON_STYLE}\n          onClick={handleShowMore}\n          data-testid=\"filter-checkbox-and-search-show-button\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nFilterCheckboxAndSearch.propTypes = propTypes;\n\nFilterCheckboxAndSearch.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default FilterCheckboxAndSearch;\n"],"mappings":"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","ignoreList":[]}

package/es/organism/filter-checkbox-and-search/props-types.d.ts

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 declare const propTypes: {
     title: PropTypes.Requireable<string>;
+    titleAriaLabel: PropTypes.Requireable<string>;
     onClear: PropTypes.Requireable<(...args: any[]) => any>;
     options: PropTypes.Requireable<(PropTypes.InferProps<{
         label: PropTypes.Requireable<string>;
@@ -44,6 +45,7 @@ declare type SearchType = {
 };
 export declare type FilterCheckboxAndSearchProps = {
     title: string;
+    titleAriaLabel?: string;
     onClear: () => void;
     searchOptions: SearchType;
     options: FilterCheckboxAndSearchOptions[];

package/es/organism/filter-checkbox-and-search/props-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/props-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;CAcd,CAAC;AAEF,oBAAY,8BAA8B,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,UAAU,CAAC;IAC1B,OAAO,EAAE,8BAA8B,EAAE,CAAC;CAC3C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"props-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/props-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CAed,CAAC;AAEF,oBAAY,8BAA8B,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,UAAU,CAAC;IAC1B,OAAO,EAAE,8BAA8B,EAAE,CAAC;CAC3C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/organism/filter-checkbox-and-search/props-types.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
 import Search from '../../atom/input-search';
 const propTypes = {
   title: PropTypes.string,
+  titleAriaLabel: PropTypes.string,
   onClear: PropTypes.func,
   options: PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.string,

package/es/organism/filter-checkbox-and-search/props-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"props-types.js","names":["PropTypes","Search","propTypes","title","string","onClear","func","options","arrayOf","shape","label","value","selected","bool","ref","count","number","onClick","searchOptions"],"sources":["../../../src/organism/filter-checkbox-and-search/props-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Search from '../../atom/input-search';\n\nconst propTypes = {\n  title: PropTypes.string,\n  onClear: PropTypes.func,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n      selected: PropTypes.bool,\n      ref: PropTypes.string,\n      count: PropTypes.number,\n      onClick: PropTypes.func\n    })\n  ),\n  searchOptions: PropTypes.shape(Search.propTypes)\n};\n\nexport type FilterCheckboxAndSearchOptions = {\n  label: string;\n  value: string;\n  selected: boolean;\n  ref: string;\n  count: number;\n  onClick: () => void;\n};\n\ntype SearchType = {\n  value?: string;\n  placeholder: string;\n  onChange?: () => void;\n  onClear?: () => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  theme?: 'default' | 'coorpmanager';\n  dataTestId?: string;\n};\n\nexport type FilterCheckboxAndSearchProps = {\n  title: string;\n  onClear: () => void;\n  searchOptions: SearchType;\n  options: FilterCheckboxAndSearchOptions[];\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,yBAAyB;AAE5C,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEH,SAAS,CAACI,MAAM;EACvBC,OAAO,EAAEL,SAAS,CAACM,IAAI;EACvBC,OAAO,EAAEP,SAAS,CAACQ,OAAO,CACxBR,SAAS,CAACS,KAAK,CAAC;IACdC,KAAK,EAAEV,SAAS,CAACI,MAAM;IACvBO,KAAK,EAAEX,SAAS,CAACI,MAAM;IACvBQ,QAAQ,EAAEZ,SAAS,CAACa,IAAI;IACxBC,GAAG,EAAEd,SAAS,CAACI,MAAM;IACrBW,KAAK,EAAEf,SAAS,CAACgB,MAAM;IACvBC,OAAO,EAAEjB,SAAS,CAACM;EACrB,CAAC,CACH,CAAC;EACDY,aAAa,EAAElB,SAAS,CAACS,KAAK,CAACR,MAAM,CAACC,SAAS;AACjD,CAAC;AA6BD,eAAeA,SAAS","ignoreList":[]}
+{"version":3,"file":"props-types.js","names":["PropTypes","Search","propTypes","title","string","titleAriaLabel","onClear","func","options","arrayOf","shape","label","value","selected","bool","ref","count","number","onClick","searchOptions"],"sources":["../../../src/organism/filter-checkbox-and-search/props-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Search from '../../atom/input-search';\n\nconst propTypes = {\n  title: PropTypes.string,\n  titleAriaLabel: PropTypes.string,\n  onClear: PropTypes.func,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n      selected: PropTypes.bool,\n      ref: PropTypes.string,\n      count: PropTypes.number,\n      onClick: PropTypes.func\n    })\n  ),\n  searchOptions: PropTypes.shape(Search.propTypes)\n};\n\nexport type FilterCheckboxAndSearchOptions = {\n  label: string;\n  value: string;\n  selected: boolean;\n  ref: string;\n  count: number;\n  onClick: () => void;\n};\n\ntype SearchType = {\n  value?: string;\n  placeholder: string;\n  onChange?: () => void;\n  onClear?: () => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  theme?: 'default' | 'coorpmanager';\n  dataTestId?: string;\n};\n\nexport type FilterCheckboxAndSearchProps = {\n  title: string;\n  titleAriaLabel?: string;\n  onClear: () => void;\n  searchOptions: SearchType;\n  options: FilterCheckboxAndSearchOptions[];\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,yBAAyB;AAE5C,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEH,SAAS,CAACI,MAAM;EACvBC,cAAc,EAAEL,SAAS,CAACI,MAAM;EAChCE,OAAO,EAAEN,SAAS,CAACO,IAAI;EACvBC,OAAO,EAAER,SAAS,CAACS,OAAO,CACxBT,SAAS,CAACU,KAAK,CAAC;IACdC,KAAK,EAAEX,SAAS,CAACI,MAAM;IACvBQ,KAAK,EAAEZ,SAAS,CAACI,MAAM;IACvBS,QAAQ,EAAEb,SAAS,CAACc,IAAI;IACxBC,GAAG,EAAEf,SAAS,CAACI,MAAM;IACrBY,KAAK,EAAEhB,SAAS,CAACiB,MAAM;IACvBC,OAAO,EAAElB,SAAS,CAACO;EACrB,CAAC,CACH,CAAC;EACDY,aAAa,EAAEnB,SAAS,CAACU,KAAK,CAACT,MAAM,CAACC,SAAS;AACjD,CAAC;AA8BD,eAAeA,SAAS","ignoreList":[]}

package/es/organism/filter-checkbox-and-search/style.css

@@ -2,6 +2,7 @@
 @value cm_grey_500 from colors;
 @value cm_grey_100 from colors;
 @value cm_grey_400 from colors;
+@value cm_grey_700 from colors;
 
 .container {
     display: flex;
@@ -46,6 +47,7 @@
     justify-content: space-between;
     align-items: center;
     height: 20px;
+    cursor: pointer;
 }
 
 .optionCount {

package/es/organism/filter-chip/index.d.ts

@@ -5,12 +5,15 @@ declare const FilterChip: {
     (props: FilterChipProps, context: WebContextValues): JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
+        titleAriaLabel: import("prop-types").Requireable<string>;
         onClear: import("prop-types").Requireable<(...args: any[]) => any>;
         options: import("prop-types").Requireable<(import("prop-types").InferProps<{
             label: import("prop-types").Requireable<string>;
             type: import("prop-types").Requireable<string>;
+            textColor: import("prop-types").Requireable<string>;
             selected: import("prop-types").Requireable<boolean>;
             icon: import("prop-types").Requireable<string>;
+            customIcon: import("prop-types").Requireable<string>;
             onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         }> | null | undefined)[]>;
     };