@coorpacademy/components 11.35.2-forcedeploy.13 → 11.35.2

package/es/organism/skill-edition/types.d.ts

@@ -1,7 +1,4 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
-import ListItems from '../list-items';
-import Title from '../../atom/title';
 import { IconPreviewProps } from '../../molecule/icon-preview/types';
 declare const SkillEditionPropTypes: {
     skillInformations: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
@@ -100,1279 +97,66 @@ declare const SkillEditionPropTypes: {
         }>>>;
     }>>>;
     translations: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-        'aria-label': PropTypes.Requireable<string>;
-        buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
-            type: PropTypes.Requireable<string>;
-            usage: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-            content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            'aria-label': PropTypes.Requireable<string>;
-            tooltipText: PropTypes.Requireable<string>;
-            tooltipPlacement: PropTypes.Requireable<string>;
-            'data-name': PropTypes.Requireable<string>;
-            'data-testid': PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<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<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
-                }>>;
-            }>>;
-            onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            link: PropTypes.Requireable<PropTypes.InferProps<{
-                href: PropTypes.Requireable<string>;
-                download: PropTypes.Requireable<boolean>;
-                target: PropTypes.Requireable<string>;
-            }>>;
-            hoverBackgroundColor: PropTypes.Requireable<string>;
-            hoverColor: PropTypes.Requireable<string>;
-            disabled: PropTypes.Requireable<boolean>;
-            className: PropTypes.Requireable<string>;
-            customStyle: PropTypes.Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-            }>;
-        }>>;
-        selectMultiple: PropTypes.Requireable<PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            placeholder: PropTypes.Requireable<string>;
-            description: PropTypes.Requireable<string>;
-            hint: PropTypes.Requireable<string>;
-            options: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-                selected: PropTypes.Validator<boolean>;
-                name: PropTypes.Validator<string>;
-                value: PropTypes.Requireable<string>;
-            }>>[]>;
-            onChange: PropTypes.Requireable<(...args: any[]) => any>;
-            onError: PropTypes.Requireable<(...args: any[]) => any>;
-            multiple: PropTypes.Requireable<boolean>;
-            modified: PropTypes.Requireable<boolean>;
-            disabled: PropTypes.Requireable<boolean>;
-            error: PropTypes.Requireable<string>;
-            theme: PropTypes.Requireable<string>;
-        }>>;
-        content: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-            items: PropTypes.Requireable<(PropTypes.InferProps<{
+        title: PropTypes.Validator<string>;
+        subtitle: PropTypes.Validator<string>;
+        localesOptions: PropTypes.Validator<(PropTypes.InferProps<{
+            label: PropTypes.Validator<string>;
+            ref: PropTypes.Validator<string>;
+            onClick: PropTypes.Validator<(...args: any[]) => any>;
+        }> | null | undefined)[]>;
+        items: PropTypes.Requireable<{
+            [x: string]: NonNullable<PropTypes.InferProps<{
                 title: PropTypes.Validator<string>;
-                subtitle: PropTypes.Requireable<string>;
-                'data-name': PropTypes.Requireable<string>;
-                provider: PropTypes.Requireable<PropTypes.InferProps<{
-                    label: PropTypes.Requireable<string>;
-                    type: PropTypes.Requireable<string>;
-                }>>;
-                selected: PropTypes.Requireable<boolean>;
-                selectedColor: PropTypes.Requireable<string>;
-                dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
-                    label: PropTypes.Requireable<string>;
-                    type: PropTypes.Requireable<string>;
-                    className: PropTypes.Requireable<string>;
-                }> | null | undefined)[]>;
-                buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
-                    type: PropTypes.Requireable<string>;
-                    label: PropTypes.Requireable<string>;
-                    ariaLabel: PropTypes.Requireable<string>;
-                    dataName: PropTypes.Requireable<string>;
-                    icon: PropTypes.Requireable<PropTypes.InferProps<{
-                        position: PropTypes.Requireable<string>;
-                        type: PropTypes.Requireable<string>;
-                    }>>;
-                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                }>>;
-                secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
-                    type: PropTypes.Requireable<string>;
-                    label: PropTypes.Requireable<string>;
-                    ariaLabel: PropTypes.Requireable<string>;
-                    dataName: PropTypes.Requireable<string>;
-                    icon: PropTypes.Requireable<PropTypes.InferProps<{
-                        position: PropTypes.Requireable<string>;
-                        type: PropTypes.Requireable<string>;
-                    }>>;
-                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                }>>;
-                bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
-                    buttonAriaLabel: PropTypes.Requireable<string>;
-                    menuAriaLabel: PropTypes.Requireable<string>;
-                    buttons: PropTypes.Requireable<(PropTypes.InferProps<{
-                        'data-name': PropTypes.Requireable<string>;
-                        label: PropTypes.Requireable<string>;
-                        type: PropTypes.Requireable<string>;
-                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                    }> | null | undefined)[]>;
-                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                }>>;
-                tags: PropTypes.Requireable<(PropTypes.InferProps<{
-                    label: PropTypes.Requireable<string>;
-                    type: PropTypes.Requireable<string>;
-                }> | null | undefined)[]>;
-                disabled: PropTypes.Requireable<boolean>;
-                onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                isBulkStyle: PropTypes.Requireable<boolean>;
-                isOverflowHidden: PropTypes.Requireable<boolean>;
-                order: PropTypes.Requireable<number>;
-                'aria-label': PropTypes.Requireable<string>;
-                contentType: PropTypes.Requireable<string>;
-                id: PropTypes.Requireable<string>;
-                leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
-                    iconName: PropTypes.Requireable<string>;
-                    iconColor: PropTypes.Requireable<string>;
-                    backgroundColor: PropTypes.Requireable<string>;
-                    borderRadius: PropTypes.Requireable<string>;
-                    preset: PropTypes.Requireable<string>;
-                    gradientBackground: PropTypes.Requireable<boolean>;
-                    size: PropTypes.Requireable<number>;
-                    wrapperSize: PropTypes.Requireable<number>;
-                }>>;
-                image: PropTypes.Requireable<string>;
-                checkbox: PropTypes.Requireable<PropTypes.InferProps<{
-                    title: PropTypes.Requireable<string>;
-                    name: PropTypes.Requireable<string>;
-                    checked: PropTypes.Requireable<boolean>;
-                    onChange: PropTypes.Requireable<(...args: any[]) => any>;
-                    'aria-label': PropTypes.Requireable<string>;
-                    'data-name': PropTypes.Requireable<string>;
-                    icon: PropTypes.Requireable<PropTypes.InferProps<{
-                        iconName: PropTypes.Requireable<string>;
-                        iconColor: PropTypes.Requireable<string>;
-                        preset: PropTypes.Requireable<string>;
-                    }>>;
-                    customStyle: PropTypes.Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
-                }>>;
-            }> | null | undefined)[]>;
-            type: PropTypes.Requireable<string>;
-            itemType: PropTypes.Requireable<string>;
-            onDrop: PropTypes.Requireable<(...args: any[]) => any>;
-            isDraggable: PropTypes.Requireable<boolean>;
-            tableHeader: PropTypes.Requireable<(string | null | undefined)[]>;
-            emptyResult: PropTypes.Requireable<PropTypes.InferProps<{
-                title: PropTypes.Requireable<string>;
-                description: PropTypes.Requireable<string>;
-                button: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-                    type: PropTypes.Requireable<string>;
-                    usage: PropTypes.Requireable<string>;
-                    label: PropTypes.Requireable<string>;
-                    content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-                    'aria-label': PropTypes.Requireable<string>;
-                    tooltipText: PropTypes.Requireable<string>;
-                    tooltipPlacement: PropTypes.Requireable<string>;
-                    'data-name': PropTypes.Requireable<string>;
-                    'data-testid': PropTypes.Requireable<string>;
-                    icon: PropTypes.Requireable<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<{
-                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                            }>;
-                        }>>;
-                    }>>;
-                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                    link: PropTypes.Requireable<PropTypes.InferProps<{
-                        href: PropTypes.Requireable<string>;
-                        download: PropTypes.Requireable<boolean>;
-                        target: PropTypes.Requireable<string>;
-                    }>>;
-                    hoverBackgroundColor: PropTypes.Requireable<string>;
-                    hoverColor: PropTypes.Requireable<string>;
-                    disabled: PropTypes.Requireable<boolean>;
-                    className: PropTypes.Requireable<string>;
-                    customStyle: PropTypes.Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
-                }> | PropTypes.InferProps<{
-                    button: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                        type: PropTypes.Requireable<string>;
-                        usage: PropTypes.Requireable<string>;
-                        label: PropTypes.Requireable<string>;
-                        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-                        'aria-label': PropTypes.Requireable<string>;
-                        tooltipText: PropTypes.Requireable<string>;
-                        tooltipPlacement: PropTypes.Requireable<string>;
-                        'data-name': PropTypes.Requireable<string>;
-                        'data-testid': PropTypes.Requireable<string>;
-                        icon: PropTypes.Requireable<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<{
-                                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                                }>;
-                            }>>;
-                        }>>;
-                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                        link: PropTypes.Requireable<PropTypes.InferProps<{
-                            href: PropTypes.Requireable<string>;
-                            download: PropTypes.Requireable<boolean>;
-                            target: PropTypes.Requireable<string>;
-                        }>>;
-                        hoverBackgroundColor: PropTypes.Requireable<string>;
-                        hoverColor: PropTypes.Requireable<string>;
-                        disabled: PropTypes.Requireable<boolean>;
-                        className: PropTypes.Requireable<string>;
-                        customStyle: PropTypes.Requireable<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
-                    }>>>;
-                    menu: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                        buttons: PropTypes.Validator<(PropTypes.InferProps<{
-                            'data-name': PropTypes.Requireable<string>;
-                            disabled: PropTypes.Requireable<boolean>;
-                            label: PropTypes.Validator<string>;
-                            onClick: PropTypes.Validator<(...args: any[]) => any>;
-                            type: PropTypes.Requireable<string>;
-                            buttonLinkType: PropTypes.Requireable<string>;
-                            icon: PropTypes.Requireable<PropTypes.InferProps<{
-                                theme: PropTypes.Requireable<string>;
-                                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<{
-                                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                                    }>;
-                                }>>;
-                            }>>;
-                            customStyle: PropTypes.Requireable<{
-                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                            }>;
-                        }> | null | undefined)[]>;
-                        'data-name': PropTypes.Requireable<string>;
-                        'aria-label': PropTypes.Requireable<string>;
-                    }>>>;
-                    menuWrapper: PropTypes.Requireable<PropTypes.InferProps<{
-                        ariaLabel: PropTypes.Requireable<string>;
-                        customStyle: PropTypes.Requireable<{
-                            [x: string]: NonNullable<string | number | object | null | undefined> | null | undefined;
-                        }>;
-                    }>>;
-                }> | null | undefined>>;
+                onEditClick: PropTypes.Validator<(...args: any[]) => any>;
+                onDeleteClick: PropTypes.Validator<(...args: any[]) => any>;
             }>>;
-        }> | PropTypes.InferProps<{
-            type: PropTypes.Requireable<string>;
-            columns: PropTypes.Requireable<(PropTypes.InferProps<{
-                title: PropTypes.Validator<string>;
-            }> | null | undefined)[]>;
-            rows: PropTypes.Requireable<(PropTypes.InferProps<{
-                fields: PropTypes.Requireable<(NonNullable<string | PropTypes.InferProps<{
-                    type: PropTypes.Requireable<string>;
-                    current: PropTypes.Requireable<boolean>;
-                    selected: PropTypes.Requireable<boolean>;
-                    icon: PropTypes.Requireable<string>;
-                    value: PropTypes.Requireable<string>;
-                }> | null | undefined> | null | undefined)[]>;
-                isRowExpandible: PropTypes.Requireable<boolean>;
-                lastField: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
-                    type: PropTypes.Requireable<string>;
-                    'data-name': PropTypes.Requireable<string>;
-                    disabled: PropTypes.Requireable<boolean>;
-                    buttonAriaLabel: PropTypes.Requireable<string>;
-                    menuAriaLabel: PropTypes.Requireable<string>;
-                    buttons: PropTypes.Validator<(PropTypes.InferProps<{
-                        'data-name': PropTypes.Requireable<string>;
-                        disabled: PropTypes.Requireable<boolean>;
-                        label: PropTypes.Validator<string>;
-                        onClick: PropTypes.Validator<(...args: any[]) => any>;
-                        type: PropTypes.Requireable<string>;
-                        buttonLinkType: PropTypes.Requireable<string>;
-                        icon: PropTypes.Requireable<PropTypes.InferProps<{
-                            theme: PropTypes.Requireable<string>;
-                            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<{
-                                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                                }>;
-                            }>>;
-                        }>>;
-                        customStyle: PropTypes.Requireable<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
-                    }> | null | undefined)[]>;
-                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                    menuButtonClassName: PropTypes.Requireable<string>;
-                    isBulkMenu: PropTypes.Requireable<boolean>;
-                }> | null | undefined>>;
-            }> | null | undefined)[]>;
-            stickyFirstColumn: PropTypes.Requireable<boolean>;
-            stickyLastColumn: PropTypes.Requireable<boolean>;
-            columnWidth: PropTypes.Requireable<string>;
-            ariaDescribedby: PropTypes.Requireable<string>;
-            lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-                componentType: PropTypes.Requireable<string>;
-                type: PropTypes.Requireable<string>;
-                usage: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-                content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-                'aria-label': PropTypes.Requireable<string>;
-                tooltipText: PropTypes.Requireable<string>;
-                tooltipPlacement: PropTypes.Requireable<string>;
-                'data-name': PropTypes.Requireable<string>;
-                'data-testid': PropTypes.Requireable<string>;
-                icon: PropTypes.Requireable<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<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
-                    }>>;
-                }>>;
-                onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                link: PropTypes.Requireable<PropTypes.InferProps<{
-                    href: PropTypes.Requireable<string>;
-                    download: PropTypes.Requireable<boolean>;
-                    target: PropTypes.Requireable<string>;
-                }>>;
-                hoverBackgroundColor: PropTypes.Requireable<string>;
-                hoverColor: PropTypes.Requireable<string>;
-                disabled: PropTypes.Requireable<boolean>;
-                className: PropTypes.Requireable<string>;
-                customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
-            }> | PropTypes.InferProps<{
-                componentType: PropTypes.Requireable<string>;
-                'data-name': PropTypes.Requireable<string>;
-                disabled: PropTypes.Requireable<boolean>;
-                buttonAriaLabel: PropTypes.Requireable<string>;
-                menuAriaLabel: PropTypes.Requireable<string>;
-                buttons: PropTypes.Validator<(PropTypes.InferProps<{
-                    'data-name': PropTypes.Requireable<string>;
-                    disabled: PropTypes.Requireable<boolean>;
-                    label: PropTypes.Validator<string>;
-                    onClick: PropTypes.Validator<(...args: any[]) => any>;
-                    type: PropTypes.Requireable<string>;
-                    buttonLinkType: PropTypes.Requireable<string>;
-                    icon: PropTypes.Requireable<PropTypes.InferProps<{
-                        theme: PropTypes.Requireable<string>;
-                        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<{
-                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                            }>;
-                        }>>;
-                    }>>;
-                    customStyle: PropTypes.Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
-                }> | null | undefined)[]>;
-                onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                menuButtonClassName: PropTypes.Requireable<string>;
-                isBulkMenu: PropTypes.Requireable<boolean>;
-            }> | null | undefined>>;
-            isNestedTable: PropTypes.Requireable<boolean>;
-            emptyStateFirstMessage: PropTypes.Requireable<string>;
-            emptyStateSecondMessage: PropTypes.Requireable<string>;
-        }> | null | undefined>>;
-        title: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            subtitle: PropTypes.Requireable<string>;
-            type: PropTypes.Requireable<string>;
-            'data-name': PropTypes.Requireable<string>;
-            titleSize: PropTypes.Requireable<string>;
-            subtitleSize: PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
-            tag: PropTypes.Requireable<PropTypes.InferProps<{
-                label: PropTypes.Requireable<string>;
-                type: PropTypes.Requireable<string>;
-                size: PropTypes.Requireable<string>;
-                customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
-                icon: PropTypes.Requireable<PropTypes.InferProps<{
-                    position: PropTypes.Requireable<string>;
-                    iconName?: import("react").Validator<string> | undefined;
-                    iconColor?: import("react").Validator<string | null | undefined> | undefined;
-                    backgroundColor?: import("react").Validator<string | null | undefined> | undefined;
-                    gradientBackground?: import("react").Validator<boolean | null | undefined> | undefined;
-                    borderRadius?: import("react").Validator<string | null | undefined> | undefined;
-                    preset?: import("react").Validator<string | null | undefined> | undefined;
-                    size?: import("react").Validator<import("../../atom/icon").IconSize | null | undefined> | undefined;
-                    customStyle?: import("react").Validator<import("react").CSSProperties | null | undefined> | undefined;
-                }>>;
-            }>>;
-            button: PropTypes.Requireable<PropTypes.InferProps<{
-                type: PropTypes.Requireable<string>;
-                usage: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-                content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-                'aria-label': PropTypes.Requireable<string>;
-                tooltipText: PropTypes.Requireable<string>;
-                tooltipPlacement: PropTypes.Requireable<string>;
-                'data-name': PropTypes.Requireable<string>;
-                'data-testid': PropTypes.Requireable<string>;
-                icon: PropTypes.Requireable<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<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
-                    }>>;
-                }>>;
-                onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                link: PropTypes.Requireable<PropTypes.InferProps<{
-                    href: PropTypes.Requireable<string>;
-                    download: PropTypes.Requireable<boolean>;
-                    target: PropTypes.Requireable<string>;
-                }>>;
-                hoverBackgroundColor: PropTypes.Requireable<string>;
-                hoverColor: PropTypes.Requireable<string>;
-                disabled: PropTypes.Requireable<boolean>;
-                className: PropTypes.Requireable<string>;
-                customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
-            }>>;
-            required: PropTypes.Requireable<boolean>;
-        }> | null | undefined>>;
-        isFetching: PropTypes.Requireable<boolean>;
-        search: PropTypes.Requireable<PropTypes.InferProps<{
-            value: PropTypes.Requireable<string>;
-            placeholder: PropTypes.Validator<string>;
-            onChange: PropTypes.Requireable<(...args: any[]) => any>;
-            onClear: PropTypes.Requireable<(...args: any[]) => any>;
-            onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-            onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-            theme: PropTypes.Requireable<string>;
-            dataTestId: PropTypes.Requireable<string>;
-        }>>;
-        checkboxWithTitle: PropTypes.Requireable<PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            name: PropTypes.Requireable<string>;
-            checked: PropTypes.Requireable<boolean>;
-            onChange: PropTypes.Requireable<(...args: any[]) => any>;
-            'aria-label': PropTypes.Requireable<string>;
-            'data-name': PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<{
-                iconName: PropTypes.Requireable<string>;
-                iconColor: PropTypes.Requireable<string>;
-                preset: PropTypes.Requireable<string>;
-            }>>;
-            customStyle: PropTypes.Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-            }>;
-        }>>;
-        actionButtons: PropTypes.Requireable<(PropTypes.InferProps<{
-            type: PropTypes.Requireable<string>;
-            usage: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-            content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            'aria-label': PropTypes.Requireable<string>;
-            tooltipText: PropTypes.Requireable<string>;
-            tooltipPlacement: PropTypes.Requireable<string>;
-            'data-name': PropTypes.Requireable<string>;
-            'data-testid': PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<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<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
-                }>>;
-            }>>;
-            onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            link: PropTypes.Requireable<PropTypes.InferProps<{
-                href: PropTypes.Requireable<string>;
-                download: PropTypes.Requireable<boolean>;
-                target: PropTypes.Requireable<string>;
-            }>>;
-            hoverBackgroundColor: PropTypes.Requireable<string>;
-            hoverColor: PropTypes.Requireable<string>;
+        }>;
+        button: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            label: PropTypes.Validator<string>;
+            onClick: PropTypes.Validator<(...args: any[]) => any>;
             disabled: PropTypes.Requireable<boolean>;
-            className: PropTypes.Requireable<string>;
-            customStyle: PropTypes.Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-            }>;
-        }> | null | undefined)[]>;
-        buttonMenuAction: PropTypes.Requireable<PropTypes.InferProps<{
-            button: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                type: PropTypes.Requireable<string>;
-                usage: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-                content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-                'aria-label': PropTypes.Requireable<string>;
-                tooltipText: PropTypes.Requireable<string>;
-                tooltipPlacement: PropTypes.Requireable<string>;
-                'data-name': PropTypes.Requireable<string>;
-                'data-testid': PropTypes.Requireable<string>;
-                icon: PropTypes.Requireable<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<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
-                    }>>;
-                }>>;
-                onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                link: PropTypes.Requireable<PropTypes.InferProps<{
-                    href: PropTypes.Requireable<string>;
-                    download: PropTypes.Requireable<boolean>;
-                    target: PropTypes.Requireable<string>;
-                }>>;
-                hoverBackgroundColor: PropTypes.Requireable<string>;
-                hoverColor: PropTypes.Requireable<string>;
-                disabled: PropTypes.Requireable<boolean>;
-                className: PropTypes.Requireable<string>;
-                customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
-            }>>>;
-            menu: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                buttons: PropTypes.Validator<(PropTypes.InferProps<{
-                    'data-name': PropTypes.Requireable<string>;
-                    disabled: PropTypes.Requireable<boolean>;
-                    label: PropTypes.Validator<string>;
-                    onClick: PropTypes.Validator<(...args: any[]) => any>;
-                    type: PropTypes.Requireable<string>;
-                    buttonLinkType: PropTypes.Requireable<string>;
-                    icon: PropTypes.Requireable<PropTypes.InferProps<{
-                        theme: PropTypes.Requireable<string>;
-                        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<{
-                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                            }>;
-                        }>>;
-                    }>>;
-                    customStyle: PropTypes.Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
-                }> | null | undefined)[]>;
-                'data-name': PropTypes.Requireable<string>;
-                'aria-label': PropTypes.Requireable<string>;
-            }>>>;
-            menuWrapper: PropTypes.Requireable<PropTypes.InferProps<{
-                ariaLabel: PropTypes.Requireable<string>;
-                customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | object | null | undefined> | null | undefined;
-                }>;
-            }>>;
-        }>>;
+        }>>>;
     }>>>;
-    content: PropTypes.Requireable<PropTypes.InferProps<{
-        title: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            subtitle: PropTypes.Requireable<string>;
-            type: PropTypes.Requireable<string>;
-            'data-name': PropTypes.Requireable<string>;
-            titleSize: PropTypes.Requireable<string>;
-            subtitleSize: PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
-            tag: PropTypes.Requireable<PropTypes.InferProps<{
-                label: PropTypes.Requireable<string>;
-                type: PropTypes.Requireable<string>;
-                size: PropTypes.Requireable<string>;
-                customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
-                icon: PropTypes.Requireable<PropTypes.InferProps<{
-                    position: PropTypes.Requireable<string>;
-                    iconName?: import("react").Validator<string> | undefined;
-                    iconColor?: import("react").Validator<string | null | undefined> | undefined;
-                    backgroundColor?: import("react").Validator<string | null | undefined> | undefined;
-                    gradientBackground?: import("react").Validator<boolean | null | undefined> | undefined;
-                    borderRadius?: import("react").Validator<string | null | undefined> | undefined;
-                    preset?: import("react").Validator<string | null | undefined> | undefined;
-                    size?: import("react").Validator<import("../../atom/icon").IconSize | null | undefined> | undefined;
-                    customStyle?: import("react").Validator<import("react").CSSProperties | null | undefined> | undefined;
-                }>>;
-            }>>;
-            button: PropTypes.Requireable<PropTypes.InferProps<{
-                type: PropTypes.Requireable<string>;
-                usage: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-                content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-                'aria-label': PropTypes.Requireable<string>;
-                tooltipText: PropTypes.Requireable<string>;
-                tooltipPlacement: PropTypes.Requireable<string>;
-                'data-name': PropTypes.Requireable<string>;
-                'data-testid': PropTypes.Requireable<string>;
-                icon: PropTypes.Requireable<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<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
-                    }>>;
-                }>>;
-                onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                link: PropTypes.Requireable<PropTypes.InferProps<{
-                    href: PropTypes.Requireable<string>;
-                    download: PropTypes.Requireable<boolean>;
-                    target: PropTypes.Requireable<string>;
-                }>>;
-                hoverBackgroundColor: PropTypes.Requireable<string>;
-                hoverColor: PropTypes.Requireable<string>;
-                disabled: PropTypes.Requireable<boolean>;
-                className: PropTypes.Requireable<string>;
-                customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
-            }>>;
-            required: PropTypes.Requireable<boolean>;
+    content: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        title: PropTypes.Validator<string>;
+        subtitle: PropTypes.Validator<string>;
+        button: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            label: PropTypes.Validator<string>;
+            onClick: PropTypes.Validator<(...args: any[]) => any>;
         }>>>;
-        listContent: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            'aria-label': PropTypes.Requireable<string>;
-            buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
-                type: PropTypes.Requireable<string>;
-                usage: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-                content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-                'aria-label': PropTypes.Requireable<string>;
-                tooltipText: PropTypes.Requireable<string>;
-                tooltipPlacement: PropTypes.Requireable<string>;
-                'data-name': PropTypes.Requireable<string>;
-                'data-testid': PropTypes.Requireable<string>;
-                icon: PropTypes.Requireable<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<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
-                    }>>;
-                }>>;
-                onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                link: PropTypes.Requireable<PropTypes.InferProps<{
-                    href: PropTypes.Requireable<string>;
-                    download: PropTypes.Requireable<boolean>;
-                    target: PropTypes.Requireable<string>;
-                }>>;
-                hoverBackgroundColor: PropTypes.Requireable<string>;
-                hoverColor: PropTypes.Requireable<string>;
-                disabled: PropTypes.Requireable<boolean>;
-                className: PropTypes.Requireable<string>;
-                customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
-            }>>;
-            selectMultiple: PropTypes.Requireable<PropTypes.InferProps<{
-                title: PropTypes.Requireable<string>;
-                placeholder: PropTypes.Requireable<string>;
-                description: PropTypes.Requireable<string>;
-                hint: PropTypes.Requireable<string>;
-                options: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-                    selected: PropTypes.Validator<boolean>;
-                    name: PropTypes.Validator<string>;
-                    value: PropTypes.Requireable<string>;
-                }>>[]>;
-                onChange: PropTypes.Requireable<(...args: any[]) => any>;
-                onError: PropTypes.Requireable<(...args: any[]) => any>;
-                multiple: PropTypes.Requireable<boolean>;
-                modified: PropTypes.Requireable<boolean>;
-                disabled: PropTypes.Requireable<boolean>;
-                error: PropTypes.Requireable<string>;
-                theme: PropTypes.Requireable<string>;
-            }>>;
-            content: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-                items: PropTypes.Requireable<(PropTypes.InferProps<{
-                    title: PropTypes.Validator<string>;
-                    subtitle: PropTypes.Requireable<string>;
-                    'data-name': PropTypes.Requireable<string>;
-                    provider: PropTypes.Requireable<PropTypes.InferProps<{
-                        label: PropTypes.Requireable<string>;
-                        type: PropTypes.Requireable<string>;
-                    }>>;
-                    selected: PropTypes.Requireable<boolean>;
-                    selectedColor: PropTypes.Requireable<string>;
-                    dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
-                        label: PropTypes.Requireable<string>;
-                        type: PropTypes.Requireable<string>;
-                        className: PropTypes.Requireable<string>;
-                    }> | null | undefined)[]>;
-                    buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
-                        type: PropTypes.Requireable<string>;
-                        label: PropTypes.Requireable<string>;
-                        ariaLabel: PropTypes.Requireable<string>;
-                        dataName: PropTypes.Requireable<string>;
-                        icon: PropTypes.Requireable<PropTypes.InferProps<{
-                            position: PropTypes.Requireable<string>;
-                            type: PropTypes.Requireable<string>;
-                        }>>;
-                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                    }>>;
-                    secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
-                        type: PropTypes.Requireable<string>;
-                        label: PropTypes.Requireable<string>;
-                        ariaLabel: PropTypes.Requireable<string>;
-                        dataName: PropTypes.Requireable<string>;
-                        icon: PropTypes.Requireable<PropTypes.InferProps<{
-                            position: PropTypes.Requireable<string>;
-                            type: PropTypes.Requireable<string>;
-                        }>>;
-                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                    }>>;
-                    bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
-                        buttonAriaLabel: PropTypes.Requireable<string>;
-                        menuAriaLabel: PropTypes.Requireable<string>;
-                        buttons: PropTypes.Requireable<(PropTypes.InferProps<{
-                            'data-name': PropTypes.Requireable<string>;
-                            label: PropTypes.Requireable<string>;
-                            type: PropTypes.Requireable<string>;
-                            onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                        }> | null | undefined)[]>;
-                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                    }>>;
-                    tags: PropTypes.Requireable<(PropTypes.InferProps<{
-                        label: PropTypes.Requireable<string>;
-                        type: PropTypes.Requireable<string>;
-                    }> | null | undefined)[]>;
-                    disabled: PropTypes.Requireable<boolean>;
-                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                    isBulkStyle: PropTypes.Requireable<boolean>;
-                    isOverflowHidden: PropTypes.Requireable<boolean>;
-                    order: PropTypes.Requireable<number>;
-                    'aria-label': PropTypes.Requireable<string>;
-                    contentType: PropTypes.Requireable<string>;
-                    id: PropTypes.Requireable<string>;
-                    leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
-                        iconName: PropTypes.Requireable<string>;
-                        iconColor: PropTypes.Requireable<string>;
-                        backgroundColor: PropTypes.Requireable<string>;
-                        borderRadius: PropTypes.Requireable<string>;
-                        preset: PropTypes.Requireable<string>;
-                        gradientBackground: PropTypes.Requireable<boolean>;
-                        size: PropTypes.Requireable<number>;
-                        wrapperSize: PropTypes.Requireable<number>;
-                    }>>;
-                    image: PropTypes.Requireable<string>;
-                    checkbox: PropTypes.Requireable<PropTypes.InferProps<{
-                        title: PropTypes.Requireable<string>;
-                        name: PropTypes.Requireable<string>;
-                        checked: PropTypes.Requireable<boolean>;
-                        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-                        'aria-label': PropTypes.Requireable<string>;
-                        'data-name': PropTypes.Requireable<string>;
-                        icon: PropTypes.Requireable<PropTypes.InferProps<{
-                            iconName: PropTypes.Requireable<string>;
-                            iconColor: PropTypes.Requireable<string>;
-                            preset: PropTypes.Requireable<string>;
-                        }>>;
-                        customStyle: PropTypes.Requireable<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
-                    }>>;
-                }> | null | undefined)[]>;
-                type: PropTypes.Requireable<string>;
-                itemType: PropTypes.Requireable<string>;
-                onDrop: PropTypes.Requireable<(...args: any[]) => any>;
-                isDraggable: PropTypes.Requireable<boolean>;
-                tableHeader: PropTypes.Requireable<(string | null | undefined)[]>;
-                emptyResult: PropTypes.Requireable<PropTypes.InferProps<{
-                    title: PropTypes.Requireable<string>;
-                    description: PropTypes.Requireable<string>;
-                    button: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-                        type: PropTypes.Requireable<string>;
-                        usage: PropTypes.Requireable<string>;
-                        label: PropTypes.Requireable<string>;
-                        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-                        'aria-label': PropTypes.Requireable<string>;
-                        tooltipText: PropTypes.Requireable<string>;
-                        tooltipPlacement: PropTypes.Requireable<string>;
-                        'data-name': PropTypes.Requireable<string>;
-                        'data-testid': PropTypes.Requireable<string>;
-                        icon: PropTypes.Requireable<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<{
-                                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                                }>;
-                            }>>;
-                        }>>;
-                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                        link: PropTypes.Requireable<PropTypes.InferProps<{
-                            href: PropTypes.Requireable<string>;
-                            download: PropTypes.Requireable<boolean>;
-                            target: PropTypes.Requireable<string>;
-                        }>>;
-                        hoverBackgroundColor: PropTypes.Requireable<string>;
-                        hoverColor: PropTypes.Requireable<string>;
-                        disabled: PropTypes.Requireable<boolean>;
-                        className: PropTypes.Requireable<string>;
-                        customStyle: PropTypes.Requireable<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
-                    }> | PropTypes.InferProps<{
-                        button: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                            type: PropTypes.Requireable<string>;
-                            usage: PropTypes.Requireable<string>;
-                            label: PropTypes.Requireable<string>;
-                            content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-                            'aria-label': PropTypes.Requireable<string>;
-                            tooltipText: PropTypes.Requireable<string>;
-                            tooltipPlacement: PropTypes.Requireable<string>;
-                            'data-name': PropTypes.Requireable<string>;
-                            'data-testid': PropTypes.Requireable<string>;
-                            icon: PropTypes.Requireable<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<{
-                                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                                    }>;
-                                }>>;
-                            }>>;
-                            onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                            link: PropTypes.Requireable<PropTypes.InferProps<{
-                                href: PropTypes.Requireable<string>;
-                                download: PropTypes.Requireable<boolean>;
-                                target: PropTypes.Requireable<string>;
-                            }>>;
-                            hoverBackgroundColor: PropTypes.Requireable<string>;
-                            hoverColor: PropTypes.Requireable<string>;
-                            disabled: PropTypes.Requireable<boolean>;
-                            className: PropTypes.Requireable<string>;
-                            customStyle: PropTypes.Requireable<{
-                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                            }>;
-                        }>>>;
-                        menu: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                            buttons: PropTypes.Validator<(PropTypes.InferProps<{
-                                'data-name': PropTypes.Requireable<string>;
-                                disabled: PropTypes.Requireable<boolean>;
-                                label: PropTypes.Validator<string>;
-                                onClick: PropTypes.Validator<(...args: any[]) => any>;
-                                type: PropTypes.Requireable<string>;
-                                buttonLinkType: PropTypes.Requireable<string>;
-                                icon: PropTypes.Requireable<PropTypes.InferProps<{
-                                    theme: PropTypes.Requireable<string>;
-                                    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<{
-                                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                                        }>;
-                                    }>>;
-                                }>>;
-                                customStyle: PropTypes.Requireable<{
-                                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                                }>;
-                            }> | null | undefined)[]>;
-                            'data-name': PropTypes.Requireable<string>;
-                            'aria-label': PropTypes.Requireable<string>;
-                        }>>>;
-                        menuWrapper: PropTypes.Requireable<PropTypes.InferProps<{
-                            ariaLabel: PropTypes.Requireable<string>;
-                            customStyle: PropTypes.Requireable<{
-                                [x: string]: NonNullable<string | number | object | null | undefined> | null | undefined;
-                            }>;
-                        }>>;
-                    }> | null | undefined>>;
-                }>>;
-            }> | PropTypes.InferProps<{
-                type: PropTypes.Requireable<string>;
-                columns: PropTypes.Requireable<(PropTypes.InferProps<{
-                    title: PropTypes.Validator<string>;
-                }> | null | undefined)[]>;
-                rows: PropTypes.Requireable<(PropTypes.InferProps<{
-                    fields: PropTypes.Requireable<(NonNullable<string | PropTypes.InferProps<{
-                        type: PropTypes.Requireable<string>;
-                        current: PropTypes.Requireable<boolean>;
-                        selected: PropTypes.Requireable<boolean>;
-                        icon: PropTypes.Requireable<string>;
-                        value: PropTypes.Requireable<string>;
-                    }> | null | undefined> | null | undefined)[]>;
-                    isRowExpandible: PropTypes.Requireable<boolean>;
-                    lastField: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
-                        type: PropTypes.Requireable<string>;
-                        'data-name': PropTypes.Requireable<string>;
-                        disabled: PropTypes.Requireable<boolean>;
-                        buttonAriaLabel: PropTypes.Requireable<string>;
-                        menuAriaLabel: PropTypes.Requireable<string>;
-                        buttons: PropTypes.Validator<(PropTypes.InferProps<{
-                            'data-name': PropTypes.Requireable<string>;
-                            disabled: PropTypes.Requireable<boolean>;
-                            label: PropTypes.Validator<string>;
-                            onClick: PropTypes.Validator<(...args: any[]) => any>;
-                            type: PropTypes.Requireable<string>;
-                            buttonLinkType: PropTypes.Requireable<string>;
-                            icon: PropTypes.Requireable<PropTypes.InferProps<{
-                                theme: PropTypes.Requireable<string>;
-                                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<{
-                                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                                    }>;
-                                }>>;
-                            }>>;
-                            customStyle: PropTypes.Requireable<{
-                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                            }>;
-                        }> | null | undefined)[]>;
-                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                        menuButtonClassName: PropTypes.Requireable<string>;
-                        isBulkMenu: PropTypes.Requireable<boolean>;
-                    }> | null | undefined>>;
-                }> | null | undefined)[]>;
-                stickyFirstColumn: PropTypes.Requireable<boolean>;
-                stickyLastColumn: PropTypes.Requireable<boolean>;
-                columnWidth: PropTypes.Requireable<string>;
-                ariaDescribedby: PropTypes.Requireable<string>;
-                lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-                    componentType: PropTypes.Requireable<string>;
-                    type: PropTypes.Requireable<string>;
-                    usage: PropTypes.Requireable<string>;
-                    label: PropTypes.Requireable<string>;
-                    content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-                    'aria-label': PropTypes.Requireable<string>;
-                    tooltipText: PropTypes.Requireable<string>;
-                    tooltipPlacement: PropTypes.Requireable<string>;
-                    'data-name': PropTypes.Requireable<string>;
-                    'data-testid': PropTypes.Requireable<string>;
-                    icon: PropTypes.Requireable<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<{
-                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                            }>;
-                        }>>;
-                    }>>;
-                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                    link: PropTypes.Requireable<PropTypes.InferProps<{
-                        href: PropTypes.Requireable<string>;
-                        download: PropTypes.Requireable<boolean>;
-                        target: PropTypes.Requireable<string>;
-                    }>>;
-                    hoverBackgroundColor: PropTypes.Requireable<string>;
-                    hoverColor: PropTypes.Requireable<string>;
-                    disabled: PropTypes.Requireable<boolean>;
-                    className: PropTypes.Requireable<string>;
-                    customStyle: PropTypes.Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
-                }> | PropTypes.InferProps<{
-                    componentType: PropTypes.Requireable<string>;
-                    'data-name': PropTypes.Requireable<string>;
-                    disabled: PropTypes.Requireable<boolean>;
-                    buttonAriaLabel: PropTypes.Requireable<string>;
-                    menuAriaLabel: PropTypes.Requireable<string>;
-                    buttons: PropTypes.Validator<(PropTypes.InferProps<{
-                        'data-name': PropTypes.Requireable<string>;
-                        disabled: PropTypes.Requireable<boolean>;
-                        label: PropTypes.Validator<string>;
-                        onClick: PropTypes.Validator<(...args: any[]) => any>;
-                        type: PropTypes.Requireable<string>;
-                        buttonLinkType: PropTypes.Requireable<string>;
-                        icon: PropTypes.Requireable<PropTypes.InferProps<{
-                            theme: PropTypes.Requireable<string>;
-                            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<{
-                                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                                }>;
-                            }>>;
-                        }>>;
-                        customStyle: PropTypes.Requireable<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
-                    }> | null | undefined)[]>;
-                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                    menuButtonClassName: PropTypes.Requireable<string>;
-                    isBulkMenu: PropTypes.Requireable<boolean>;
-                }> | null | undefined>>;
-                isNestedTable: PropTypes.Requireable<boolean>;
-                emptyStateFirstMessage: PropTypes.Requireable<string>;
-                emptyStateSecondMessage: PropTypes.Requireable<string>;
-            }> | null | undefined>>;
-            title: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
-                title: PropTypes.Requireable<string>;
-                subtitle: PropTypes.Requireable<string>;
-                type: PropTypes.Requireable<string>;
-                'data-name': PropTypes.Requireable<string>;
-                titleSize: PropTypes.Requireable<string>;
-                subtitleSize: PropTypes.Requireable<string>;
-                icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
-                tag: PropTypes.Requireable<PropTypes.InferProps<{
-                    label: PropTypes.Requireable<string>;
-                    type: PropTypes.Requireable<string>;
-                    size: PropTypes.Requireable<string>;
-                    customStyle: PropTypes.Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
-                    icon: PropTypes.Requireable<PropTypes.InferProps<{
-                        position: PropTypes.Requireable<string>;
-                        iconName?: import("react").Validator<string> | undefined;
-                        iconColor?: import("react").Validator<string | null | undefined> | undefined;
-                        backgroundColor?: import("react").Validator<string | null | undefined> | undefined;
-                        gradientBackground?: import("react").Validator<boolean | null | undefined> | undefined;
-                        borderRadius?: import("react").Validator<string | null | undefined> | undefined;
-                        preset?: import("react").Validator<string | null | undefined> | undefined;
-                        size?: import("react").Validator<import("../../atom/icon").IconSize | null | undefined> | undefined;
-                        customStyle?: import("react").Validator<import("react").CSSProperties | null | undefined> | undefined;
-                    }>>;
-                }>>;
-                button: PropTypes.Requireable<PropTypes.InferProps<{
-                    type: PropTypes.Requireable<string>;
-                    usage: PropTypes.Requireable<string>;
-                    label: PropTypes.Requireable<string>;
-                    content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-                    'aria-label': PropTypes.Requireable<string>;
-                    tooltipText: PropTypes.Requireable<string>;
-                    tooltipPlacement: PropTypes.Requireable<string>;
-                    'data-name': PropTypes.Requireable<string>;
-                    'data-testid': PropTypes.Requireable<string>;
-                    icon: PropTypes.Requireable<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<{
-                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                            }>;
-                        }>>;
-                    }>>;
-                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                    link: PropTypes.Requireable<PropTypes.InferProps<{
-                        href: PropTypes.Requireable<string>;
-                        download: PropTypes.Requireable<boolean>;
-                        target: PropTypes.Requireable<string>;
-                    }>>;
-                    hoverBackgroundColor: PropTypes.Requireable<string>;
-                    hoverColor: PropTypes.Requireable<string>;
-                    disabled: PropTypes.Requireable<boolean>;
-                    className: PropTypes.Requireable<string>;
-                    customStyle: PropTypes.Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
-                }>>;
-                required: PropTypes.Requireable<boolean>;
-            }> | null | undefined>>;
-            isFetching: PropTypes.Requireable<boolean>;
-            search: PropTypes.Requireable<PropTypes.InferProps<{
-                value: PropTypes.Requireable<string>;
-                placeholder: PropTypes.Validator<string>;
-                onChange: PropTypes.Requireable<(...args: any[]) => any>;
-                onClear: PropTypes.Requireable<(...args: any[]) => any>;
-                onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-                onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-                theme: PropTypes.Requireable<string>;
-                dataTestId: PropTypes.Requireable<string>;
-            }>>;
-            checkboxWithTitle: PropTypes.Requireable<PropTypes.InferProps<{
-                title: PropTypes.Requireable<string>;
-                name: PropTypes.Requireable<string>;
-                checked: PropTypes.Requireable<boolean>;
-                onChange: PropTypes.Requireable<(...args: any[]) => any>;
-                'aria-label': PropTypes.Requireable<string>;
-                'data-name': PropTypes.Requireable<string>;
-                icon: PropTypes.Requireable<PropTypes.InferProps<{
-                    iconName: PropTypes.Requireable<string>;
-                    iconColor: PropTypes.Requireable<string>;
-                    preset: PropTypes.Requireable<string>;
-                }>>;
-                customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
-            }>>;
-            actionButtons: PropTypes.Requireable<(PropTypes.InferProps<{
-                type: PropTypes.Requireable<string>;
-                usage: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-                content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-                'aria-label': PropTypes.Requireable<string>;
-                tooltipText: PropTypes.Requireable<string>;
-                tooltipPlacement: PropTypes.Requireable<string>;
-                'data-name': PropTypes.Requireable<string>;
-                'data-testid': PropTypes.Requireable<string>;
-                icon: PropTypes.Requireable<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<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
-                    }>>;
-                }>>;
-                onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                link: PropTypes.Requireable<PropTypes.InferProps<{
-                    href: PropTypes.Requireable<string>;
-                    download: PropTypes.Requireable<boolean>;
-                    target: PropTypes.Requireable<string>;
-                }>>;
-                hoverBackgroundColor: PropTypes.Requireable<string>;
-                hoverColor: PropTypes.Requireable<string>;
-                disabled: PropTypes.Requireable<boolean>;
-                className: PropTypes.Requireable<string>;
-                customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
-            }> | null | undefined)[]>;
-            buttonMenuAction: PropTypes.Requireable<PropTypes.InferProps<{
-                button: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                    type: PropTypes.Requireable<string>;
-                    usage: PropTypes.Requireable<string>;
-                    label: PropTypes.Requireable<string>;
-                    content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-                    'aria-label': PropTypes.Requireable<string>;
-                    tooltipText: PropTypes.Requireable<string>;
-                    tooltipPlacement: PropTypes.Requireable<string>;
-                    'data-name': PropTypes.Requireable<string>;
-                    'data-testid': PropTypes.Requireable<string>;
-                    icon: PropTypes.Requireable<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<{
-                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                            }>;
-                        }>>;
-                    }>>;
-                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                    link: PropTypes.Requireable<PropTypes.InferProps<{
-                        href: PropTypes.Requireable<string>;
-                        download: PropTypes.Requireable<boolean>;
-                        target: PropTypes.Requireable<string>;
-                    }>>;
-                    hoverBackgroundColor: PropTypes.Requireable<string>;
-                    hoverColor: PropTypes.Requireable<string>;
-                    disabled: PropTypes.Requireable<boolean>;
-                    className: PropTypes.Requireable<string>;
-                    customStyle: PropTypes.Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
+        list: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            items: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                ref: PropTypes.Validator<string>;
+                title: PropTypes.Validator<string>;
+                subtitle: PropTypes.Validator<string>;
+                image: PropTypes.Validator<string>;
+                tags: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                    label: PropTypes.Validator<string>;
+                    iconName: PropTypes.Validator<string>;
                 }>>>;
-                menu: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                    buttons: PropTypes.Validator<(PropTypes.InferProps<{
-                        'data-name': PropTypes.Requireable<string>;
-                        disabled: PropTypes.Requireable<boolean>;
-                        label: PropTypes.Validator<string>;
-                        onClick: PropTypes.Validator<(...args: any[]) => any>;
-                        type: PropTypes.Requireable<string>;
-                        buttonLinkType: PropTypes.Requireable<string>;
-                        icon: PropTypes.Requireable<PropTypes.InferProps<{
-                            theme: PropTypes.Requireable<string>;
-                            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<{
-                                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                                }>;
-                            }>>;
-                        }>>;
-                        customStyle: PropTypes.Requireable<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
-                    }> | null | undefined)[]>;
-                    'data-name': PropTypes.Requireable<string>;
-                    'aria-label': PropTypes.Requireable<string>;
+                checkbox: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                    checked: PropTypes.Validator<boolean>;
+                    onChange: PropTypes.Validator<(...args: any[]) => any>;
                 }>>>;
-                menuWrapper: PropTypes.Requireable<PropTypes.InferProps<{
-                    ariaLabel: PropTypes.Requireable<string>;
-                    customStyle: PropTypes.Requireable<{
-                        [x: string]: NonNullable<string | number | object | null | undefined> | null | undefined;
-                    }>;
-                }>>;
+            }>>[]>;
+            search: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                value: PropTypes.Validator<string>;
+                placeholder: PropTypes.Validator<string>;
+                onChange: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            emptyResult: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Validator<string>;
+                description: PropTypes.Validator<string>;
+            }>>;
+            checkbox: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Validator<string>;
+                checked: PropTypes.Validator<boolean>;
+                onChange: PropTypes.Validator<(...args: any[]) => any>;
             }>>;
         }>>>;
-    }>>;
+    }>>>;
 };
 export default SkillEditionPropTypes;
-declare type ContentProps = {
-    title: PropTypes.InferProps<typeof Title.propTypes>;
-    listContent: PropTypes.InferProps<typeof ListItems.propTypes>;
-};
 export declare type SelectOption = {
     name: string;
     value?: string | number;
@@ -1422,10 +206,75 @@ export declare const themeStyle: {
     cockpit: string;
     default: string;
 };
-export declare type SkillEditionProps = {
+export declare type TranslationPropsType = {
+    title: string;
+    subtitle: string;
+    localesOptions: {
+        label: string;
+        ref: string;
+        onClick: () => void;
+    }[];
+    items?: {
+        [ref: string]: {
+            title: string;
+            onEditClick: () => void;
+            onDeleteClick: () => void;
+        };
+    };
+    button: {
+        label: string;
+        onClick: () => void;
+        disabled?: boolean;
+    };
+    emptyResult?: {
+        title: string;
+        description: string;
+    };
+};
+export declare type ContentListItemType = {
+    ref: string;
+    title: string;
+    subtitle: string;
+    image: string;
+    tags: {
+        label: string;
+        iconName: string;
+    };
+    checkbox: {
+        checked: boolean;
+        onChange: (value: boolean) => void;
+    };
+};
+export declare type ContentPropsType = {
+    title: string;
+    subtitle: string;
+    button: {
+        label: string;
+        onClick: () => void;
+    };
+    list: {
+        title?: string;
+        items?: ContentListItemType[];
+        search: {
+            value: string;
+            placeholder: string;
+            onChange: (value: string) => void;
+        };
+        emptyResult?: {
+            title: string;
+            description: string;
+        };
+        checkbox?: {
+            title: string;
+            checked: boolean;
+            onChange: (value: boolean) => void;
+        };
+    };
+};
+export declare type SkillEditionPropsType = {
     skillInformations: SkillInformationsProps;
-    translations: PropTypes.InferProps<typeof ListItems.propTypes>;
-    content: ContentProps;
+    translations: TranslationPropsType;
+    content: ContentPropsType;
 };
 export declare type InputTextProps = {
     autoFocus?: boolean;