@hipay/hipay-material-ui 3.12.1 → 3.12.2

package/src/HiSelectableList/HiSelectableListHierarchic.js

@@ -1,182 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import List from '@mui/material/List';
-import withStyles from '@mui/styles/withStyles';
-import HiSelectableListItem from './HiSelectableListItem';
-
-export const styles = () => ({
-    root: {},
-});
-
-/**
- * Construit une liste d'item sélectionnable (avec checkbox)
- */
-class HiSelectableListHierarchic extends React.PureComponent {
-    static propTypes = {
-        /**
-         * Définit si tous les items de la liste sont sélectionnés
-         */
-        allSelected: PropTypes.bool,
-        /**
-         * Icon affiché lorsque l'item est sélectionné
-         */
-        checkedIcon: PropTypes.node,
-        /**
-         * Useful to extend the style applied to components.
-         */
-        classes: PropTypes.object,
-        /**
-         * Désactive la listes
-         */
-        disabled: PropTypes.bool,
-        /**
-         * Liste des ids des items disabled
-         */
-        disabledItemIdList: PropTypes.array,
-        /**
-         * N'affiche pas de checkboxes
-         */
-        hideCheckbox: PropTypes.bool,
-        /**
-         * Icon affiché lorsque l'item n'est pas sélectionné et qu'on le survole
-         */
-        hoverIcon: PropTypes.node,
-        /**
-         * Icon affiché lorsque l'item n'est pas sélectionné
-         */
-        icon: PropTypes.node,
-        /**
-         * Liste d'éléments ([ { id: '', label: '', ... } ])
-         */
-        itemList: PropTypes.array.isRequired,
-        /**
-         * Fonction de callback à la sélection d'un item, renvoie l'item sélectionné
-         *
-         * @param {object} event The event source of the callback
-         * @param {object} item selected/unselected
-         */
-        onSelect: PropTypes.func.isRequired,
-        /**
-         * Liste des id des éléments sélectionnés
-         */
-        selectedItemIdList: PropTypes.array,
-    };
-
-    static defaultProps = {
-        allSelected: false,
-        disabled: false,
-        disabledItemIdList: [],
-        hideCheckbox: false,
-        selectedItemIdList: [],
-    };
-
-    handleSelect = item => event => {
-        this.props.onSelect(event, item);
-    };
-
-    /**
-     * Build list item and children items
-     *
-     * @param item
-     * @param level
-     * @returns {*}
-     */
-    buildRecursiveListItem = (item, level = 0) => {
-        const {
-            checkedIcon,
-            disabled,
-            disabledItemIdList,
-            hideCheckbox,
-            hoverIcon,
-            icon,
-            selectedItemIdList,
-            ...others
-        } = this.props;
-
-        return (
-            <React.Fragment>
-                <HiSelectableListItem
-                    {...others}
-                    checkedIcon={checkedIcon}
-                    disabled={disabled || disabledItemIdList.includes(item.id)}
-                    hideCheckbox={hideCheckbox}
-                    hoverIcon={hoverIcon}
-                    icon={icon}
-                    key={item.id}
-                    level={level}
-                    onSelect={this.handleSelect(item)}
-                    selected={selectedItemIdList.includes(item.id)}
-                    // item props override upper props (disabled, hideCheckbox, icon, level...)
-                    {...item}
-                />
-                {item.children &&
-                    item.children.length > 0 &&
-                    item.children
-                        .filter(subItem => !subItem.displayed)
-                        .map(subItem => this.buildRecursiveListItem(subItem, level + 1))}
-            </React.Fragment>
-        );
-    };
-
-    render() {
-        const {
-            classes,
-            itemList,
-            onKeyDown,
-            checkedIcon,
-            disabled,
-            disabledItemIdList,
-            hideCheckbox,
-            hoverIcon,
-            icon,
-            selectedItemIdList,
-            ...others
-        } = this.props;
-
-        let parents = [];
-
-        return (
-            <List className={classes.root} onKeyDown={onKeyDown}>
-                {itemList.filter(item => !item.displayed).map(item => {
-                    // On stocke l'id des parents dans un tableau
-                    if (item.parentId && !parents.includes(item.parentId)) {
-                        parents.push(item.parentId);
-                    } else if (item.parentId && parents.includes(item.parentId)) {
-                        // Si l'item n'a pas de parentId ou qu'on l'a déjà stocké :
-                        // Et si le parentId n'est pas le dernier inseré
-                        if (item.parentId !== parents[parents.length - 1]) {
-                            // On est donc redescendu d'un niveau
-                            // donc on supprime le dernier parent
-                            parents.pop();
-                        }
-                    } else if (!item.parentId && parents.length > 0) {
-                        // Si l'item n'a pas de parent et que le tableau des parent
-                        // n'est pas vide => on le réinitialise
-                        parents = [];
-                    }
-
-                    return (
-                        <HiSelectableListItem
-                            {...others}
-                            checkedIcon={checkedIcon}
-                            disabled={disabled || disabledItemIdList.includes(item.id)}
-                            hideCheckbox={hideCheckbox}
-                            hoverIcon={hoverIcon}
-                            icon={icon}
-                            key={item.id}
-                            level={parents.length}
-                            onSelect={this.handleSelect(item)}
-                            selected={selectedItemIdList.includes(item.id)}
-                            // item props override upper props (disabled, hideCheckbox, icon, level...)
-                            {...item}
-                        />
-                    );
-                })}
-            </List>
-        );
-    }
-}
-
-export default withStyles(styles, { hiComponent: true, name: 'HmuiHiSelectableListHierarchic' })(
-    HiSelectableListHierarchic,
-);