@cubone/react-file-manager 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +96 -0
- package/dist/react-file-manager-logo.png +0 -0
- package/dist/react-file-manager.es.js +3092 -2233
- package/dist/react-file-manager.umd.js +46 -27
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/dist/vite.svg +0 -1
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";.background-secondary{background-color:#6155b4!important}.text-white{color:#fff}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}img,svg{vertical-align:middle}.fm-modal{border:1px solid #c6c6c6;border-radius:5px;width:fit-content;overflow-x:hidden;padding:0;box-shadow:0 2px 10px #00000041}.w-25{width:25%}.file-explorer{font-family:Nunito Sans,sans-serif;border:1px solid #dddddd;height:72dvh;position:relative;width:100%;background-color:#fff;margin-top:1rem;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.file-explorer button{font-family:Nunito Sans,sans-serif}.file-explorer .file-explorer-loading{z-index:3;position:fixed;display:flex;justify-content:center;align-items:center;height:72dvh;width:-webkit-fill-available;background-color:#ffffff8a}.file-explorer .toolbar{min-height:35px;border-bottom:1px solid #dddddd;padding:6px 10px}.file-explorer .toolbar .file-action-container{display:flex;justify-content:space-between}.file-explorer .toolbar .file-action-container>div{display:flex}.file-explorer .toolbar .file-action-container .file-action{background-color:transparent;gap:5px}.file-explorer .toolbar .file-action-container .file-action:hover:not(:disabled){cursor:pointer;background-color:#0000008c!important;border-radius:3px;color:#fff;text-shadow:0px 0px 1px white}.file-explorer .toolbar .file-action-container .file-action:hover:disabled{cursor:default;background-color:transparent!important;color:#b0b0b0;text-shadow:none}.file-explorer .toolbar .fm-toolbar{display:flex;justify-content:space-between}.file-explorer .toolbar .fm-toolbar>div{display:flex}.file-explorer .toolbar .fm-toolbar .toolbar-left-items{display:flex}.file-explorer .toolbar .item-action{background-color:#fff;display:flex;align-items:center;gap:7px;padding:8px 12px;font-size:14px;width:fit-content;border:none}.file-explorer .toolbar .item-action:hover{cursor:pointer;background-color:#0000001f!important;border-radius:3px;color:#5549a3}.file-explorer .toolbar .icon-only{padding:8px!important}.file-explorer .toolbar .item-separator{height:36px;background:#dee1e3;width:1px;margin:0 5px}.file-explorer .file-selected{background-color:#0000000a}.file-explorer .files-container{display:flex;height:calc(72dvh - 52px)}.file-explorer .files-container .navigation-pane{z-index:1;padding:8px 0;position:relative}.file-explorer .files-container .navigation-pane .sb-folders-list{list-style:none;padding:0 6px;height:100%;overflow-y:auto!important}.file-explorer .files-container .navigation-pane .sb-folders-list::-webkit-scrollbar{width:5px;height:8px;padding-top:2px}.file-explorer .files-container .navigation-pane .sb-folders-list::-webkit-scrollbar-thumb{background:#6155b4!important}.file-explorer .files-container .navigation-pane .sb-folders-list .folder-collapsible{margin-left:10px}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item{display:flex;align-items:center;margin-bottom:4px;padding:6px 5px;border-radius:4px}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item:hover{cursor:pointer;background-color:#0000000a}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item .non-expanable{min-width:20px}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item .sb-folder-details{display:flex;align-items:center}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item .sb-folder-details .folder-open-icon{margin:0 7px}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item .sb-folder-details .folder-close-icon{margin:1px 9px 0 8px}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item .sb-folder-details .sb-folder-name{width:max-content}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item .folder-rotate-down{animation:rotateFolderDown .5s linear forwards}@keyframes rotateFolderDown{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item .folder-rotate-right{animation:rotateRight .5s linear forwards}@keyframes rotateRight{0%{transform:rotate(90deg)}to{transform:rotate(0)}}.file-explorer .files-container .navigation-pane .sb-folders-list .active-list-item{background-color:#6155b4;color:#fff}.file-explorer .files-container .navigation-pane .sb-folders-list .active-list-item:hover{cursor:pointer;background-color:#6155b4}.file-explorer .files-container .navigation-pane .sb-folders-list .empty-nav-pane{display:flex;justify-content:center;align-items:center;height:100%}.file-explorer .files-container .navigation-pane .sidebar-resize{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;z-index:10;border-right:1px solid #dee2e6}.file-explorer .files-container .navigation-pane .sidebar-resize:hover,.file-explorer .files-container .navigation-pane .sidebar-dragging{border-right:1px solid #1e3a8a}.file-explorer .files-container .folers-preview{z-index:2;background-color:#fff;padding-right:0;padding-left:0}.file-explorer .files-container .breadcrumb{display:flex;gap:.5rem;overflow-x:scroll;border-bottom:1px solid #dddddd;padding:10px 15px}.file-explorer .files-container .breadcrumb::-webkit-scrollbar{width:5px;padding-top:2px;scrollbar-width:none}.file-explorer .files-container .breadcrumb::-webkit-scrollbar-thumb{background:#6155b4!important}.file-explorer .files-container .folder-name{display:flex;align-items:center;gap:.25rem;font-weight:500;min-width:fit-content}.file-explorer .files-container .folder-name:hover{cursor:pointer;color:#6155b4}.file-explorer .files-container .files{display:flex;align-content:flex-start;flex-wrap:wrap;column-gap:.5em;row-gap:5px;height:60dvh;overflow-y:auto;padding:8px 4px 8px 8px}.file-explorer .files-container .files::-webkit-scrollbar{width:5px;padding-top:2px}.file-explorer .files-container .files::-webkit-scrollbar-thumb{background:#6155b4!important}.file-explorer .files-container .files .file-item{height:80px;width:118px;display:flex;flex-direction:column;gap:.5rem;align-items:center;padding:13px 10px 10px;margin:5px 0;border-radius:5px}.file-explorer .files-container .files .file-item:hover{cursor:pointer;background-color:#0000000a}.file-explorer .files-container .files .file-item .file-name{max-width:115px}.file-explorer .files-container .files .file-moving{opacity:.5}.file-explorer .files-container .empty-folder{display:flex;justify-content:center;align-items:center;width:100%;height:100%}@media screen and (min-height: 600px) and (max-height: 900px){.file-explorer,.file-explorer .file-explorer-loading{height:63dvh}.file-explorer .files-container{height:calc(63dvh - 51px)}.file-explorer .files-container .files{height:46dvh}}@media screen and (min-height: 550px) and (max-height: 600px){.file-explorer,.file-explorer .file-explorer-loading{height:58dvh}.file-explorer .files-container{height:calc(58dvh - 51px)}.file-explorer .files-container .files{height:46dvh}}.close-icon{padding:5px;border-radius:50%}.close-icon:hover{cursor:pointer;background-color:#00000012}.action-input{border:none;border-bottom:1px solid grey;border-top-left-radius:5px;border-top-right-radius:5px;transition:box-shadow .3s;background-color:#f5f5f5;padding:6px 9px;margin-right:8px;width:calc(100% - 18px)}.action-input:focus{outline:none;border-bottom-color:#6155b4!important;box-shadow:inset 0 -1px #6155b4}.folder-error{color:#dc3545;font-size:.8em;margin-top:4px}.file-upload-container .rs-uploader-file-items{max-height:165px;overflow-y:auto!important;overflow-x:hidden!important}.file-upload-container .rs-uploader-file-items::-webkit-scrollbar{width:5px;padding-top:2px}.file-upload-container .rs-uploader-file-items::-webkit-scrollbar-thumb{background:#6155b4!important}.file-upload-container .rs-uploader-file-items:before{content:"Selected files";color:#6155b4;font-weight:600;display:none;margin-left:1px}.file-upload-container .rs-uploader-file-item{border-radius:5px;margin:13px 5px 3px;box-shadow:1px 1px 3px 1px #00000038;-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.22);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.22)}.file-upload-container.show-uploaded-files .rs-uploader-file-items:before{display:block}.file-previewer{height:75vh}.file-previewer .photo-popup-image{opacity:1;object-fit:contain;height:100%;width:100%;transition:opacity .5s ease-in-out}.file-previewer .img-loading{opacity:0;height:0%;width:0%}.file-context-menu-list{font-size:1.1em}.file-context-menu-list ul{list-style-type:none;padding-left:0;margin:0}.file-context-menu-list ul li{display:flex;gap:6px;align-items:center;padding:6px 18px 6px 14px}.file-context-menu-list ul li:hover{cursor:pointer;background-color:#0000000a}.file-context-menu-list ul li.disable-paste{opacity:.5}.file-context-menu-list ul li.disable-paste:hover{cursor:default;background-color:transparent}.file-delete-confirm .file-delete-confirm-text{border-bottom:1px solid #dddddd;padding:10px 15px;margin-bottom:1rem}.file-delete-confirm .file-delete-confirm-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:1rem;margin-right:1rem}.fm-create-folder-container{padding:8px 0}.fm-create-folder-container .fm-create-folder-input{border-bottom:1px solid #c6c6c6;padding:8px 12px 12px}.fm-create-folder-container .fm-create-folder-action{display:flex;gap:8px;justify-content:flex-end;padding:8px 8px 0 0}.fm-rename-folder-container{padding:8px 0}.fm-rename-folder-container .fm-rename-folder-input{border-bottom:1px solid #c6c6c6;padding:8px 12px 12px}.fm-rename-folder-container .fm-rename-folder-input .fm-rename-warning{display:flex;align-items:center;gap:10px}.fm-rename-folder-container .fm-rename-folder-action{display:flex;gap:8px;justify-content:flex-end;padding:8px 8px 0 0}.fm-upload-file{padding:18px 15px;display:flex;gap:18px}.fm-upload-file .select-files{width:100%}.fm-upload-file .select-files .draggable-file-input{color:#696969;background-color:#f7f7f7;margin-bottom:18px;height:220px;border:2px dashed #ccc;border-radius:5px;display:flex;justify-content:center;align-items:center}.fm-upload-file .select-files .draggable-file-input .input-text{pointer-events:none;display:flex;flex-direction:column;align-items:center}.fm-upload-file .select-files .draggable-file-input:hover,.fm-upload-file .select-files .draggable-file-input.dragging{border-color:#6155b4}.fm-upload-file .select-files .btn-choose-file{display:flex;justify-content:center}.fm-upload-file .select-files .btn-choose-file label{display:inline-block;padding:.4rem .8rem}.fm-upload-file .select-files .btn-choose-file label:hover{cursor:pointer}.fm-upload-file .select-files .btn-choose-file .choose-file-input{display:none}.fm-upload-file .files-progress{width:60%}.fm-upload-file .files-progress .heading{display:flex;gap:4px}.fm-upload-file .files-progress h2{font-size:.9em;margin:0}.fm-upload-file .files-progress ul{padding-left:0;padding-right:5px;padding-bottom:10px;margin-top:.7rem;height:220px;overflow-y:auto!important;font-weight:500}.fm-upload-file .files-progress ul::-webkit-scrollbar{width:3px;height:8px;padding-top:2px}.fm-upload-file .files-progress ul::-webkit-scrollbar-thumb{background:#6155b4!important}.fm-upload-file .files-progress ul li{list-style:none;border-bottom:1px solid #c6c6c6;display:flex;gap:5px;margin-bottom:18px;padding-bottom:12px}.fm-upload-file .files-progress ul li .file-icon{width:10%}.fm-upload-file .files-progress ul li .file{width:90%}.fm-upload-file .files-progress ul li .file .file-details{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.fm-upload-file .files-progress ul li .file .file-details .file-info{width:90%;display:flex;align-items:baseline}.fm-upload-file .files-progress ul li .file .file-details .file-info .file-name{display:inline-block;max-width:72%;margin-right:8px}.fm-upload-file .files-progress ul li .file .file-details .file-size{font-size:.7em}.fm-upload-file .files-progress ul li .file .file-details .retry-upload{padding:3px;border-radius:50%}.fm-upload-file .files-progress ul li .file .file-details .retry-upload:hover{cursor:pointer;background-color:#00000012;color:#6155b4}.fm-upload-file .files-progress ul li .file .file-details .rm-file:hover{cursor:pointer;color:red}.file-selcted .select-files{width:40%}.fm-context-menu{position:absolute;background-color:#fff;border:1px solid #c6c6c6;border-radius:5px;padding:5px 0;z-index:1}.fm-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9ecef;padding:.5rem 1rem}.fm-modal-header .fm-modal-heading{margin:0;font-weight:700;color:#000}.dialog[open]{animation:expand .4s forwards}.dialog[open]::backdrop{background:#00000080}@keyframes expand{0%{transform:scale(.4)}to{transform:scale(1)}}.fm-button{border-radius:5px;font-weight:600;border:none}.fm-button:hover{cursor:pointer}.fm-button-primary{background-color:#6155b4;color:#fff}.fm-button-primary:hover{background-color:#4b3f9f}.fm-button-secondary{background-color:#f0f0f0;color:#000}.fm-button-secondary:hover{background-color:#e0e0e0}.fm-button-danger{background-color:#f44336;color:#fff}.fm-button-danger:hover{background-color:#d32f2f}.fm-progress{display:flex;flex-direction:column;gap:5px}.fm-progress .fm-progress-bar{width:100%;border-radius:5px;background-color:#c6c6c6;height:5px}.fm-progress .fm-progress-bar .fm-progress-bar-fill{height:100%;background-color:#6155b4;border-radius:5px;max-width:100%}.fm-progress .fm-progress-status{font-size:.75em;font-weight:600;display:flex;justify-content:space-between}.fm-progress .fm-upload-canceled{font-size:.75em;font-weight:600;color:red}.fm-loader{z-index:3;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:-webkit-fill-available;background-color:#ffffff8a}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";.background-secondary{background-color:#6155b4!important}.text-white{color:#fff}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}img,svg{vertical-align:middle}.fm-modal{border:1px solid #c6c6c6;border-radius:5px;width:fit-content;overflow-x:hidden;padding:0;box-shadow:0 2px 10px #00000041}.w-25{width:25%}.file-explorer{font-family:Nunito Sans,sans-serif;border:1px solid #dddddd;border-radius:8px;height:100%;width:100%;position:relative;background-color:#fff;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.file-explorer button{font-family:Nunito Sans,sans-serif}.file-explorer .file-explorer-loading{z-index:3;position:fixed;display:flex;justify-content:center;align-items:center;height:100%;width:-webkit-fill-available;background-color:#ffffff8a}.file-explorer .toolbar{height:calc(7.6% - 13px);min-height:35px;border-bottom:1px solid #dddddd;padding:6px 10px}.file-explorer .toolbar .file-action-container{display:flex;justify-content:space-between}.file-explorer .toolbar .file-action-container>div{display:flex}.file-explorer .toolbar .file-action-container .file-action{background-color:transparent;gap:5px}.file-explorer .toolbar .file-action-container .file-action:hover:not(:disabled){cursor:pointer;background-color:#0000008c!important;border-radius:3px;color:#fff;text-shadow:0px 0px 1px white}.file-explorer .toolbar .file-action-container .file-action:hover:disabled{cursor:default;background-color:transparent!important;color:#b0b0b0;text-shadow:none}.file-explorer .toolbar .fm-toolbar{display:flex;justify-content:space-between}.file-explorer .toolbar .fm-toolbar>div{display:flex}.file-explorer .toolbar .fm-toolbar .toolbar-left-items{display:flex}.file-explorer .toolbar .item-action{background-color:#fff;display:flex;align-items:center;gap:7px;padding:8px 12px;font-size:14px;width:fit-content;border:none}.file-explorer .toolbar .item-action:hover{cursor:pointer;background-color:#0000001f!important;border-radius:3px;color:#5549a3}.file-explorer .toolbar .icon-only{padding:8px!important}.file-explorer .toolbar .item-separator{height:36px;background:#dee1e3;width:1px;margin:0 5px}.file-explorer .file-selected{background-color:#0000000a}.file-explorer .files-container{display:flex;height:92.4%}.file-explorer .files-container .navigation-pane{z-index:1;padding-top:8px;position:relative}.file-explorer .files-container .navigation-pane .sb-folders-list{list-style:none;margin:0 4px;height:100%;overflow-y:auto!important}.file-explorer .files-container .navigation-pane .sb-folders-list::-webkit-scrollbar{width:5px;height:8px;padding-top:2px}.file-explorer .files-container .navigation-pane .sb-folders-list::-webkit-scrollbar-thumb{background:#6155b4!important;border-radius:8px}.file-explorer .files-container .navigation-pane .sb-folders-list .folder-collapsible{margin-left:10px}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item{display:flex;align-items:center;margin-bottom:4px;padding:6px 5px;border-radius:4px}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item:hover{cursor:pointer;background-color:#0000000a}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item .non-expanable{min-width:20px}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item .sb-folder-details{display:flex;align-items:center}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item .sb-folder-details .folder-open-icon{margin:0 7px}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item .sb-folder-details .folder-close-icon{margin:1px 9px 0 8px}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item .sb-folder-details .sb-folder-name{width:max-content}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item .folder-rotate-down{animation:rotateFolderDown .5s linear forwards}@keyframes rotateFolderDown{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.file-explorer .files-container .navigation-pane .sb-folders-list .sb-folders-list-item .folder-rotate-right{animation:rotateRight .5s linear forwards}@keyframes rotateRight{0%{transform:rotate(90deg)}to{transform:rotate(0)}}.file-explorer .files-container .navigation-pane .sb-folders-list .active-list-item{background-color:#6155b4;color:#fff}.file-explorer .files-container .navigation-pane .sb-folders-list .active-list-item:hover{cursor:pointer;background-color:#6155b4}.file-explorer .files-container .navigation-pane .sb-folders-list .empty-nav-pane{display:flex;justify-content:center;align-items:center;height:100%}.file-explorer .files-container .navigation-pane .sidebar-resize{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;z-index:10;border-right:1px solid #dee2e6}.file-explorer .files-container .navigation-pane .sidebar-resize:hover,.file-explorer .files-container .navigation-pane .sidebar-dragging{border-right:1px solid #1e3a8a}.file-explorer .files-container .folders-preview{z-index:2;background-color:#fff;padding-right:0;padding-left:0;border-bottom-right-radius:8px}.file-explorer .files-container .breadcrumb{height:calc(5.8% - 21px);display:flex;gap:.5rem;overflow-x:scroll;border-bottom:1px solid #dddddd;padding:10px 15px}.file-explorer .files-container .breadcrumb::-webkit-scrollbar{width:5px;padding-top:2px;scrollbar-width:none}.file-explorer .files-container .breadcrumb::-webkit-scrollbar-thumb{background:#6155b4!important}.file-explorer .files-container .folder-name{display:flex;align-items:center;gap:.25rem;font-weight:500;min-width:fit-content}.file-explorer .files-container .folder-name:hover{cursor:pointer;color:#6155b4}.file-explorer .files-container .files{position:relative;display:flex;align-content:flex-start;flex-wrap:wrap;column-gap:.5em;row-gap:5px;height:calc(94.2% - 16px);overflow-y:auto;padding:8px 4px 8px 8px}.file-explorer .files-container .files::-webkit-scrollbar{width:5px;padding-top:2px}.file-explorer .files-container .files::-webkit-scrollbar-thumb{background:#6155b4!important}.file-explorer .files-container .files .file-item{position:relative;height:81px;width:138px;display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:space-between;padding-top:13px;padding-bottom:1px;margin:5px 0;border-radius:5px}.file-explorer .files-container .files .file-item:hover{cursor:pointer;background-color:#0000000a}.file-explorer .files-container .files .file-item .rename-file-container{position:absolute;top:62px;width:100%;text-align:center}.file-explorer .files-container .files .file-item .rename-file{position:relative;min-width:69%;max-width:-webkit-fill-available;text-align:center;border:4px solid #6155b4;border-radius:10px;font-size:15px;font-family:Nunito Sans,sans-serif;padding:2px 7px;resize:none;field-sizing:content;overflow-y:hidden}.file-explorer .files-container .files .file-item .rename-file:focus{outline:none}.file-explorer .files-container .files .file-item .folder-name-error{position:absolute;z-index:1;bottom:-68px;left:16px;padding:8px;width:292px;border-radius:5px;background-color:#696969;text-align:left;margin:0;font-size:.9em}.file-explorer .files-container .files .file-item .folder-name-error:before{content:"";position:absolute;top:-20%;rotate:-45deg;border:15px solid #696969;border-color:transparent #696969 transparent transparent}.file-explorer .files-container .files .file-item .folder-name-error.right{left:16px}.file-explorer .files-container .files .file-item .folder-name-error.right:before{left:11%}.file-explorer .files-container .files .file-item .folder-name-error.left{left:-180px}.file-explorer .files-container .files .file-item .folder-name-error.left:before{left:76%;transform:rotate(90deg) scaleX(-1)}.file-explorer .files-container .files .file-item .file-name{max-width:115px}.file-explorer .files-container .files .file-moving{opacity:.5}.file-explorer .files-container .empty-folder{display:flex;justify-content:center;align-items:center;width:100%;height:100%}@media screen and (min-height: 600px) and (max-height: 900px){.file-explorer,.file-explorer .file-explorer-loading{height:63dvh}.file-explorer .files-container{height:calc(63dvh - 51px)}.file-explorer .files-container .files{height:46dvh}}@media screen and (min-height: 550px) and (max-height: 600px){.file-explorer,.file-explorer .file-explorer-loading{height:58dvh}.file-explorer .files-container{height:calc(58dvh - 51px)}.file-explorer .files-container .files{height:46dvh}}.close-icon{padding:5px;border-radius:50%}.close-icon:hover{cursor:pointer;background-color:#00000012}.action-input{border:none;border-bottom:1px solid grey;border-top-left-radius:5px;border-top-right-radius:5px;transition:box-shadow .3s;background-color:#f5f5f5;padding:6px 9px;margin-right:8px;width:calc(100% - 18px)}.action-input:focus{outline:none;border-bottom-color:#6155b4!important;box-shadow:inset 0 -1px #6155b4}.folder-error{color:#dc3545;font-size:.8em;margin-top:4px}.file-upload-container .rs-uploader-file-items{max-height:165px;overflow-y:auto!important;overflow-x:hidden!important}.file-upload-container .rs-uploader-file-items::-webkit-scrollbar{width:5px;padding-top:2px}.file-upload-container .rs-uploader-file-items::-webkit-scrollbar-thumb{background:#6155b4!important}.file-upload-container .rs-uploader-file-items:before{content:"Selected files";color:#6155b4;font-weight:600;display:none;margin-left:1px}.file-upload-container .rs-uploader-file-item{border-radius:5px;margin:13px 5px 3px;box-shadow:1px 1px 3px 1px #00000038;-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.22);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.22)}.file-upload-container.show-uploaded-files .rs-uploader-file-items:before{display:block}.file-previewer{height:75vh}.file-previewer .photo-popup-image{opacity:1;object-fit:contain;height:100%;width:100%;transition:opacity .5s ease-in-out}.file-previewer .img-loading{opacity:0;height:0%;width:0%}.file-context-menu-list{font-size:1.1em}.file-context-menu-list ul{list-style-type:none;padding-left:0;margin:0}.file-context-menu-list ul li{display:flex;gap:6px;align-items:center;padding:6px 22px 6px 14px}.file-context-menu-list ul li:hover{cursor:pointer;background-color:#0000000a}.file-context-menu-list ul li.disable-paste{opacity:.5}.file-context-menu-list ul li.disable-paste:hover{cursor:default;background-color:transparent}.file-delete-confirm .file-delete-confirm-text{border-bottom:1px solid #dddddd;padding:10px 15px;margin-bottom:1rem;word-wrap:break-word}.file-delete-confirm .file-delete-confirm-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:1rem;margin-right:1rem}.fm-create-folder-container{padding:8px 0}.fm-create-folder-container .fm-create-folder-input{border-bottom:1px solid #c6c6c6;padding:8px 12px 12px}.fm-create-folder-container .fm-create-folder-action{display:flex;gap:8px;justify-content:flex-end;padding:8px 8px 0 0}.fm-rename-folder-container{padding:8px 0}.fm-rename-folder-container .fm-rename-folder-input{border-bottom:1px solid #c6c6c6;padding:8px 12px 12px}.fm-rename-folder-container .fm-rename-folder-input .fm-rename-warning{display:flex;align-items:center;gap:10px}.fm-rename-folder-container .fm-rename-folder-action{display:flex;gap:8px;justify-content:flex-end;padding:8px 8px 0 0}.fm-upload-file{padding:18px 15px;display:flex;gap:18px}.fm-upload-file .select-files{width:100%}.fm-upload-file .select-files .draggable-file-input{color:#696969;background-color:#f7f7f7;margin-bottom:18px;height:220px;border:2px dashed #ccc;border-radius:5px;display:flex;justify-content:center;align-items:center}.fm-upload-file .select-files .draggable-file-input .input-text{pointer-events:none;display:flex;flex-direction:column;align-items:center}.fm-upload-file .select-files .draggable-file-input:hover,.fm-upload-file .select-files .draggable-file-input.dragging{border-color:#6155b4}.fm-upload-file .select-files .btn-choose-file{display:flex;justify-content:center}.fm-upload-file .select-files .btn-choose-file label{display:inline-block;padding:.4rem .8rem}.fm-upload-file .select-files .btn-choose-file label:hover{cursor:pointer}.fm-upload-file .select-files .btn-choose-file .choose-file-input{display:none}.fm-upload-file .files-progress{width:60%}.fm-upload-file .files-progress .heading{display:flex;gap:4px}.fm-upload-file .files-progress h2{font-size:.9em;margin:0}.fm-upload-file .files-progress ul{padding-left:0;padding-right:5px;padding-bottom:10px;margin-top:.7rem;height:220px;overflow-y:auto!important;font-weight:500}.fm-upload-file .files-progress ul::-webkit-scrollbar{width:3px;height:8px;padding-top:2px}.fm-upload-file .files-progress ul::-webkit-scrollbar-thumb{background:#6155b4!important}.fm-upload-file .files-progress ul li{list-style:none;border-bottom:1px solid #c6c6c6;display:flex;gap:5px;margin-bottom:18px;padding-bottom:12px}.fm-upload-file .files-progress ul li .file-icon{width:10%}.fm-upload-file .files-progress ul li .file{width:90%}.fm-upload-file .files-progress ul li .file .file-details{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.fm-upload-file .files-progress ul li .file .file-details .file-info{width:90%;display:flex;align-items:baseline}.fm-upload-file .files-progress ul li .file .file-details .file-info .file-name{display:inline-block;max-width:72%;margin-right:8px}.fm-upload-file .files-progress ul li .file .file-details .file-size{font-size:.7em}.fm-upload-file .files-progress ul li .file .file-details .retry-upload{padding:3px;border-radius:50%}.fm-upload-file .files-progress ul li .file .file-details .retry-upload:hover{cursor:pointer;background-color:#00000012;color:#6155b4}.fm-upload-file .files-progress ul li .file .file-details .rm-file:hover{cursor:pointer;color:red}.file-selcted .select-files{width:40%}.fm-context-menu{position:absolute;background-color:#fff;border:1px solid #c6c6c6;border-radius:5px;padding:5px 0;z-index:1}.fm-button{border-radius:5px;font-weight:600;border:none}.fm-button:hover{cursor:pointer}.fm-button-primary{background-color:#6155b4;color:#fff}.fm-button-primary:hover{background-color:#4b3f9f}.fm-button-secondary{background-color:#f0f0f0;color:#000}.fm-button-secondary:hover{background-color:#e0e0e0}.fm-button-danger{background-color:#f44336;color:#fff}.fm-button-danger:hover{background-color:#d32f2f}.fm-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9ecef;padding:.5rem 1rem}.fm-modal-header .fm-modal-heading{margin:0;font-weight:700;color:#000}.dialog[open]{animation:expand .4s forwards}.dialog[open]::backdrop{background:#00000080}@keyframes expand{0%{transform:scale(.4)}to{transform:scale(1)}}.fm-progress{display:flex;flex-direction:column;gap:5px}.fm-progress .fm-progress-bar{width:100%;border-radius:5px;background-color:#c6c6c6;height:5px}.fm-progress .fm-progress-bar .fm-progress-bar-fill{height:100%;background-color:#6155b4;border-radius:5px;max-width:100%}.fm-progress .fm-progress-status{font-size:.75em;font-weight:600;display:flex;justify-content:space-between}.fm-progress .fm-upload-canceled{font-size:.75em;font-weight:600;color:red}.fm-loader{z-index:3;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:-webkit-fill-available;background-color:#ffffff8a}
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cubone/react-file-manager",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.2.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"module": "dist/react-file-manager.es.js",
|
|
7
7
|
"files": [
|
|
8
8
|
"dist/",
|
|
9
|
-
"
|
|
9
|
+
"README.md"
|
|
10
10
|
],
|
|
11
11
|
"publishConfig": {
|
|
12
12
|
"access": "public"
|
package/dist/vite.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|