@cubone/react-file-manager 1.2.1 → 1.3.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.
Files changed (6) hide show
  1. package/README.md +4 -9
  2. package/dist/react-file-manager.es.js +2649 -2566
  3. package/dist/react-file-manager.umd.js +31 -31
  4. package/dist/style.css +1 -1
  5. package/package.json +1 -1
  6. package/dist/react-file-manager-logo.png +0 -0
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;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}
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;position:relative}.file-explorer .toolbar .fm-toolbar .toolbar-left-items{display:flex}.file-explorer .toolbar .fm-toolbar .toggle-view{position:absolute;z-index:3;top:105%;right:22%;background-color:#fff;margin:0;border:1px solid #c4c4c4;border-radius:5px}.file-explorer .toolbar .fm-toolbar .toggle-view ul{list-style:none;padding-left:0;margin:.4em 0;display:flex;flex-direction:column;gap:1px}.file-explorer .toolbar .fm-toolbar .toggle-view ul li{display:flex;align-items:center;gap:8px;padding:5px 20px 5px 10px}.file-explorer .toolbar .fm-toolbar .toggle-view ul li:hover{cursor:pointer;background-color:#00000013}.file-explorer .toolbar .fm-toolbar .toggle-view ul li span:nth-child(1){width:13px}.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 .item-action .toggle-view-icon{background-color:transparent;border:none}.file-explorer .toolbar .item-action .toggle-view-icon:hover{cursor:pointer;color:#5549a3}.file-explorer .toolbar .icon-only{padding:8px!important}.file-explorer .toolbar .icon-only:focus{background-color:#0000001f}.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-container{border-radius:5px}.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-container.list{top:6px;left:48px;text-align:left}.file-explorer .files-container .files .file-item .rename-file-container.list .rename-file{min-width:15%;text-align:left;border-radius:3px;border:none;top:5px;white-space:nowrap;overflow-x:hidden;max-width:calc(100% - 48px)}.file-explorer .files-container .files .file-item .rename-file-container.list .folder-name-error.right{left:0;bottom:-72px}.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 .folder-name-error.top{bottom:unset!important;top:-68px}.file-explorer .files-container .files .file-item .folder-name-error.top:before{content:none}.file-explorer .files-container .files .file-item .folder-name-error.top:after{content:"";position:absolute;bottom:-20%;left:11%;rotate:-45deg;border:15px solid #696969;border-color:transparent transparent #696969 transparent}.file-explorer .files-container .files .file-item .folder-name-error.top.left:after{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-selected{background-color:#6155b4;color:#fff}.file-explorer .files-container .files .file-selected:hover{cursor:pointer;background-color:#6155b4}.file-explorer .files-container .files .file-moving{opacity:.5}.file-explorer .files-container .files.list{flex-direction:column;flex-wrap:nowrap;gap:0;padding-left:0;padding-top:0}.file-explorer .files-container .files.list .files-header{font-size:.83em;font-weight:600;display:flex;gap:5px;border-bottom:1px solid #dddddd;padding:4px 0;position:sticky;top:0;background-color:#f5f5f5;z-index:1}.file-explorer .files-container .files.list .files-header .file-name{width:calc(70% - 65px);padding-left:65px}.file-explorer .files-container .files.list .files-header .file-date{text-align:center;width:20%}.file-explorer .files-container .files.list .files-header .file-size{text-align:center;width:10%}.file-explorer .files-container .files.list .file-item-container{display:flex;width:100%}.file-explorer .files-container .files.list .file-item-container:hover{cursor:pointer;background-color:#0000000a}.file-explorer .files-container .files.list .file-item-container.file-selected:hover{background-color:#6155b4!important}.file-explorer .files-container .files.list .file-item{flex-direction:row;height:13px;justify-content:unset;padding:15px 15px 15px 20px;margin:0;width:calc(70% - 30px)}.file-explorer .files-container .files.list .file-item:hover{background-color:unset}.file-explorer .files-container .files.list .file-item .file-name{max-width:285px}.file-explorer .files-container .files.list .modified-date{display:flex;align-items:center;justify-content:center;font-size:.8em;width:20%}.file-explorer .files-container .files.list .size{display:flex;align-items:center;justify-content:center;font-size:.8em;width:10%}.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;transition:opacity .1s linear}.fm-context-menu.hidden{opacity:0;pointer-events:none;visibility:hidden}.fm-context-menu.visible{opacity:1;pointer-events:all;visibility:visible}.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,7 +1,7 @@
1
1
  {
2
2
  "name": "@cubone/react-file-manager",
3
3
  "private": false,
4
- "version": "1.2.1",
4
+ "version": "1.3.0",
5
5
  "type": "module",
6
6
  "module": "dist/react-file-manager.es.js",
7
7
  "files": [
package/dist/react-file-manager-logo.png DELETED
Binary file