function styleInactiveDropZones(dropZones, getStyles = () => {}) {
    dropZones.forEach(dz => {
        const styles = getStyles(dz);
        Object.keys(styles).forEach(style => {
            dz.style[style] = "";
        });
    });
}
/**
 * will remove the 'active' styling from given dropzones
 * @param {Array<HTMLElement>} dropZones
 * @param {Function} getStyles - maps a dropzone to a styles object
 */
will remove the 'active' styling from given dropzones
@param {Array} dropZones
@param {Function} getStyles - maps a dropzone to a styles object
will remove the ' active ' styling from given dropzones @param { Array } dropZones @param { Function } getStyles - maps a dropzone to a styles object
function styleInactiveDropZones(dropZones, getStyles = () => {}) {
    dropZones.forEach(dz => {
        const styles = getStyles(dz);
        Object.keys(styles).forEach(style => {
            dz.style[style] = "";
        });
    });
}
function styleInactiveDropZones ( dropZones , getStyles = ( ) => { } ) { dropZones . forEach ( dz => { const styles = getStyles ( dz ) ; Object . keys ( styles ) . forEach ( style => { dz . style [ style ] = "" ; } ) ; } ) ; }
will remove the 'active' styling from given dropzones
 @param {Array<HTMLElement>} dropZones
 @param {Function} getStyles - maps a dropzone to a styles object
will remove the ' active ' styling from given dropzones @param { Array<HTMLElement > } dropZones @param { Function } getStyles - maps a dropzone to a styles object