# File Explorer
![](http://img.badgesize.io/procore/particles/master/file-explorer/index.js)
![](http://img.badgesize.io/procore/particles/master/file-explorer/index.js?compression=gzip)
![](https://badge.fury.io/js/%40particles%2Ffile-explorer.svg)

A UI to explore tree structures.
# Example
![file-explorer](https://user-images.githubusercontent.com/8366399/34239111-1be4a490-e5ba-11e7-9875-fa4c66d6db34.gif)
# Change Log

##### 3.0.1
- Bug fix to support lazy loading of documents

### 3.0.0
- _Breaking_ When selecting items, component re-render must come from client
- _Breaking_ New i18n keys added
- _Breaking_ Many breaking style changes
- New `onCancel` and `onSubmit` props

##### 2.1.2
- Added `isRemovingFile` variable to indicate token removal in `onComplete` for local file uploading

##### 2.1.1
- Fixed bug where sidebar wasn't updating selected document count for nested files
- Use `allowChildren` instead of `children` to check for populated directories

##### 2.1.0
- Added `loadingDirectory` and `loadingTab` props

### 2.0.0
- Added required function onChangeActivePane for lazy loading
- Addressed some outstanding code review concerns
- Minor style updates

### 1.0.0
- Initial commit


@procore/labs-file-explorer

hyogman

farismmk

chrisarevir

manuphatak

arthurzhuk

bhargavrnd

dancingshell

fkennedy

jacky-lei

jadamsss

james.cleary

justinmwatts

robbiegprocore

truthysystems

aaronme

aleclarsenprocore

andrewburke-pc

b.bookout

bostonaholic

bpross22

cagmz

cfprocore

chriszhang

dallashall-procore

derek-carter-procore

dev-account-admin

dischorde

dlgasser

ersgonzalo

espi

evan.freymiller

evan.waits

eyvettesou

gregburger

heplayskeys

himansudesai

israel-pereira

jalyng

james.dabbs-procore

jay-rajan

jeremy-marcus

jeremy.bouzigard

jgee67

jkleintech

jmejia-fsl

judy-lu-pc

juliana.hernandez

kapoorlakshya-procore

kedar.procore

kimhin267

kimtodd

laurenbrandsteinprocore

lgm_procore

lincolnp

lukenispel

mariah_delaney

mcclayton

messanjah

mike.south

moises.narvaez-procore

natalie.walia

peter.jin

procore-it-support

procore-npm-bot

rachel.arkebauer

rory.forster

rysmithprocore

scottbieser-procore

shayonj_procore

stajics

stephan-procore

thomasoboyle

timdoherty

todd-andrew-procore

wilfredr

yihai.zweifel

zach.mckenzie.procore

enyaga

beornborn

danny.ou

dannyporrello

htael

sseanwang

uddhavjoglekar

brookyboy009

ismail.hassan

allenanle.procore

ian.nguyen

brad.urani

patrick.lardin

jgentes

jsoncummings

jesse.olsen

initbar-procore

jason-kaye

yadhu.prakash

leandro-proc

andrew.wheeler

amanzhula-zoolatech

kahliholmes

mboprtr

dannyphillips

remyyounes

thewillhuang

bates550

jeremy.yip

johnrosedev

m.mohammad

labs-file-explorer

(Experimental) An ambiguous license classifier was found.

What is an ambiguous license classifier?

Ambiguous License Classifier

Source files are encoded using a non-standard text encoding.

What is bad text encoding?

Bad text encoding

Package version is not a valid semantic version (semver).

What is bad semver?

Bad semver

Package has dependencies with an invalid semantic version. This could be a sign of beta, low quality, or unmaintained dependencies.

What is bad dependency semver?

Bad dependency semver

Source files contain bidirectional unicode control characters. This could indicate a Trojan source supply chain attack. See: trojansource.codes for more information.

What are bidirectional unicode control characters?

Bidirectional unicode control characters

This package has multiple bin scripts with the same name. This can cause non-deterministic behavior when installing or could be a sign of a supply chain attack.

What is bin script confusion?

Bin script confusion

This Chrome extension includes content scripts that execute JavaScript on specified websites.

What are Chrome extension content scripts?

Chrome Extension Content Script

This Chrome extension requests host permissions to access specific websites or domains.

What are Chrome extension host permissions?

Chrome Extension Host Permission

This Chrome extension requests permissions to access browser APIs, user data, or system features.

What are Chrome extension permissions?

Chrome Extension Permission

This Chrome extension requests wildcard host permissions that grant broad access to websites.

What are Chrome extension wildcard host permissions?

Chrome Extension Wildcard Host Permission

Semantic versions published out of chronological order.

What is a chronological version anomaly?

Chronological version anomaly

Project maintainer's SSH key has been compromised.

What is a compromised SSH key?

Compromised SSH key

(Experimental) Copyleft license information was found.

What do I need to know about license files?

Copyleft License

Contains a Critical Common Vulnerability and Exposure (CVE).

What is a critical CVE?

Title

Critical CVE

Contains a high severity Common Vulnerability and Exposure (CVE).

What is a CVE?

High CVE

Uses debug, reflection and dynamic code execution features.

What is debug access?

Debug access

The maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.

What is a deprecated package?

Deprecated

(Experimental) Contains a known deprecated SPDX license exception.

What is a deprecated SPDX exception?

Deprecated SPDX exception

(Experimental) License is deprecated which may have legal implications regarding the package's use.

What is a deprecated license?

Deprecated license

Package name is similar to other popular packages and may not be the package you want.

What is a typosquat?

Possible typosquat attack

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

What is dynamic require?

Dynamic require

Package does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.

What is an empty package?

Empty package

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

What is environment variable access?

Environment variable access

(Experimental) Something was found which is explicitly marked as unlicensed.

Explicitly Unlicensed Item

Package optionally loads a dependency which is not specified within any of the package.json dependency fields. It may inadvertently be importing dependencies specified by other packages.

What are extraneous dependencies?

Name

Extraneous dependency

Contains a dependency which resolves to a file. This can obfuscate analysis and serves no useful purpose.

What are file dependencies?

File dependency

Accesses the file system, and could potentially read sensitive data.

What is filesystem access?

Filesystem access

Package has a dependency with a floating version range. This can cause issues if the dependency publishes a new major version.

What are wildcard dependencies?

Wildcard dependency

Generic ad-hoc alert, uploaded by user or produced by system diagnostics

Alert title

Generic alert

Contains a dependency which resolves to a remote git URL. Dependencies fetched from git URLs are not immutable and can be used to inject untrusted code or reduce the likelihood of a reproducible install.

What are git dependencies?

Git dependency

@procore/labs-file-explorer

File Explorer

Example

Change Log

3.0.1

3.0.0

2.1.2

2.1.1

2.1.0

2.0.0

1.0.0

Related posts

Popular Tinycolor npm Package Compromised in Supply Chain Attack Affecting 40+ Packages

pnpm 10.16 Adds New Setting for Delayed Dependency Updates