@scaleflex/widget-explorer 4.4.0 → 4.5.0

package/dist/style.min.css

@@ -0,0 +1 @@
+@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");.filerobot-common-BaseButton{align-items:center;border:0;border-radius:2px;cursor:pointer;display:flex;font-weight:500;justify-content:center;outline:none;padding:8px 12px;position:relative;transition:all .1s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filerobot-common-BaseButton span[role=container]{align-items:center;display:flex;z-index:4}@media (max-width:636px){.filerobot-common-BaseButton{min-height:28px;min-width:32px;padding:2px 6px}.filerobot-common-BaseButton span:not[role=container]{display:none}}.filerobot-common-BaseButton:before{background:#d9dde0;border-radius:15px 2px 15px 5px;content:"";height:100%;opacity:0;position:absolute;transition:width .07s ease-in-out,border-radius .15s ease-in-out;width:0}.filerobot-common-BaseButton:not(:disabled):active{opacity:1}.filerobot-common-BaseButton:not(:disabled):active:before{border-radius:inherit;opacity:1;width:100%}.filerobot-common-BaseButton:disabled{color:#bbb;fill:#bbb;background:rgba(79,98,118,.7);cursor:not-allowed;opacity:.8}.filerobot-common-BaseButton:disabled *,.filerobot-common-BaseButton:disabled:before{background:none;fill:currentColor;color:currentColor}.filerobot-common-BaseButton-auto:not(disabled) :focus,.filerobot-common-BaseButton-auto:not(disabled) :hover{background:#eff3f6}.filerobot-common-BaseButton-auto:not(disabled) :focus *,.filerobot-common-BaseButton-auto:not(disabled) :hover *{color:#5d6d7e;fill:#5d6d7e}.filerobot-common-BaseButton-transparent{background:transparent;color:#5d6d7e}.filerobot-common-BaseButton-transparent:not(:disabled):focus,.filerobot-common-BaseButton-transparent:not(:disabled):hover{background:#eff3f6}.filerobot-common-BaseButton-transparent:not(:disabled):focus svg *,.filerobot-common-BaseButton-transparent:not(:disabled):hover svg *{color:#5d6d7e;fill:#5d6d7e}.filerobot-common-BaseButton-transparent:not(:disabled):focus *,.filerobot-common-BaseButton-transparent:not(:disabled):hover *{color:#5d6d7e}.filerobot-common-BaseButton-primary{background:#4d4e4e;color:#fff}.filerobot-common-BaseButton-primary:not(:disabled):hover{filter:brightness(1.1)}.filerobot-common-BaseButton-accent{background:#6879eb;color:#fff}.filerobot-common-BaseButton-accent:not(:disabled):hover{filter:brightness(1.1)}.filerobot-common-BaseButton-accent:before{background:#4958bc}.filerobot-common-BaseButton-secondary{background:#768184;color:#fff}.filerobot-common-BaseButton-secondary:not(:disabled):hover{filter:brightness(1.1)}.filerobot-common-BaseButton-activeSecondary{background:#e9eef2;color:#5d6d7e}.filerobot-common-BaseButton-small{font-size:12px;padding:2px 6px}.filerobot-common-BaseButton-small.filerobot-common-LabeledIconButton img{max-height:12px;max-width:12px;min-height:12px;min-width:12px}.filerobot-common-BaseButton-small.filerobot-common-LabeledIconButton span:not([role=container]){margin-left:4px}.filerobot-common-BaseButton-medium{font-size:15px;line-height:16px}.filerobot-common-BaseButton-medium.filerobot-common-LabeledIconButton img{max-height:12px;max-width:12px;min-height:12px;min-width:12px}.filerobot-common-BaseButton-large{font-size:17px;padding:8px 14px}.filerobot-common-BaseButton-large.filerobot-common-LabeledIconButton img{max-height:16px;max-width:16px;min-height:16px;min-width:16px}.filerobot-common-BaseButton-fullWidth{font-size:17px;width:100%}.filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton img,.filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton svg{max-height:16px;max-width:16px;min-height:16px;min-width:16px}.filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton span:not([role=container]){margin-left:8px}.filerobot-common-LabeledIconButton-label{margin-left:4px}.filerobot-common-BadgeButton{margin-right:4px;padding:8px 12px}.filerobot-common-BadgeButton .filerobot-common-BadgeButton-badgeContent{align-items:center;background:#fff;border-radius:50%;color:#6879eb;display:inline-flex;font-size:10px;font-weight:500;height:14px;justify-content:center;margin-left:4px;width:14px}.filerobot-common-BadgeButton-activeSecondary .filerobot-common-BadgeButton-badgeContent{background:#5d6d7e;color:#fff}.filerobot-common-BackCloseButton{align-items:center;display:flex}.filerobot-common-BackCloseButton-button{padding:6px}.filerobot-common-BackCloseButton-buttonMargin{margin:0 6px}.filerobot-common-BackCloseButton-divider{height:22px}.filerobot-common-BackdropOverlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1199}.filerobot-common-verticalDivider{background:#dfe7ed;width:1px}.filerobot-common-Radio-wrapper{align-items:center;cursor:pointer;display:inline-flex;padding:8px 0}.filerobot-common-Radio-wrapper:first-child{padding-top:0}.filerobot-common-Radio-wrapper:last-child{padding-bottom:0}.filerobot-common-Radio{display:inline-block;padding-right:8px}.filerobot-common-Radio-label{color:#37414b;font-size:16px;line-height:18px}.filerobot-common-FormGroup:not(:last-child){margin-bottom:16px}.filerobot-common-FormControl-inline{display:flex}.filerobot-common-FormControl-with-hint{margin-bottom:0}.filerobot-common-FormControl-error,.filerobot-common-FormControl-error .SfxFormHint-root,.filerobot-common-FormControl-error .SfxLabel-root,.filerobot-common-FormControl-error .filerobot-common-FormHelperText,.filerobot-common-FormControl-error .filerobot-common-InputLabel{color:#e85b46}.filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea{background:#fff;border-color:#e85b46;color:#e85b46;outline-color:#e85b46}.filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:focus,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:focus-within,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:hover,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input:focus,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input:focus-within,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input:hover,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select:focus,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select:focus-within,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select:hover,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea:focus,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea:focus-within,.filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea:hover{border:1px solid #e85b46;outline:none}.filerobot-common-InputLabel{align-items:center;color:#768184;display:flex;font-size:12px;font-weight:400;margin-bottom:3px}.filerobot-common-FormHelperText{color:#768184;font-size:10px;margin-top:3px}.filerobot-common-FormHelperText-medium{font-size:14px}.filerobot-common-FormHelperText-no-margin{margin:0}.filerobot-common-autoSuggest{position:relative}.filerobot-common-autoSuggest-list-wrapper{position:absolute;z-index:11111111111111}.suggestions-list{background-color:#fff;border:1px solid #ddd;border-radius:2px;font-size:14px;list-style:none;margin-left:125px;margin-top:0;max-height:200px;overflow-x:hidden;overflow-y:scroll;padding-left:0}.suggestions-list li{font-size:1rem;padding:.5rem}.suggestions-tags{display:inline-flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;width:100%}.suggestions-tags li{align-items:center;background:transparent;border:1px dashed #5d6d7e;border-radius:2px;color:#5d6d7e;display:flex;font-family:Roboto;font-size:14px;font-weight:400;line-height:16.4px;list-style:none;margin:0 8px 8px 0;max-height:24px;padding:4px 12px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.suggestions-tags li:hover .filerobot-c-icon{display:block}.suggestions-tags li .filerobot-c-icon{color:#fff;display:none;height:6px;position:absolute;right:3px;top:3px;width:6px}.suggestions-tags li button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:50%;color:#768184;cursor:pointer;display:inline-flex;font-size:12px;height:15px;justify-content:center;line-height:0;margin-left:8px;padding:0;transform:rotate(45deg);width:15px}.no-suggestions{color:#999;padding:.5rem}.suggestions-title{align-items:center;display:flex;font-size:12px;font-weight:400;padding:4px 0}.suggestions-title svg{margin-right:4px}.post-upload-suggestion{margin-left:0;width:100%}.suggestion-active,.suggestions li:hover{background:#5d6d7e;border:1px solid #5d6d7e;color:#fff;cursor:pointer}.suggestion-loading{align-items:center;display:flex;font-size:1rem;height:100px;justify-content:center}.filerobot-common-Checkbox,.filerobot-common-Checkbox-wrapper{align-items:center;cursor:pointer;display:flex}.filerobot-common-Checkbox{background:#f8fafb;border:1px solid #dfe7ed;border-radius:1px;justify-content:center;margin-right:12px;max-height:16px;max-width:16px;min-height:16px;min-width:16px;outline:none;text-align:center}.filerobot-common-Checkbox-label{font-size:12px;line-height:14px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerobot-common-Tabs-wrapper{display:flex;padding-left:12px;width:92%}.filerobot-common-Tabs{align-items:center;background-color:#f8fafb;border-bottom:1px solid #dfe7ed;border-top:1px solid #dfe7ed;display:flex}.filerobot-common-Tabs-panel{font-size:12px;margin-bottom:-1px;position:relative}.filerobot-common-Tabs-panel>input[type=radio]{left:-200vw;position:absolute}.filerobot-common-Tabs-panel .bottom-line{background:#6879eb;bottom:0;display:none;height:1px;left:7px;position:absolute;right:7px}.filerobot-common-Tabs-panel>label{border:1px solid transparent;border-top-left-radius:.1rem;border-top-right-radius:.1rem;color:#5d6d7e;cursor:pointer;display:flex;padding:7px;position:relative}.filerobot-common-Tabs-panel>label>svg{height:12px;margin-right:8px;width:12px}.filerobot-common-Tabs-panel:first-child>label{padding-left:0}.filerobot-common-Tabs-panel:first-child>label+.bottom-line{left:0}.filerobot-common-Tabs-panel>input:checked+label{color:#6879eb}.filerobot-common-Tabs-panel>input:checked+label+.bottom-line{display:block}.filerobot-common-Tabs .subtabs-wrapper{padding:12px 0}.filerobot-common-inputAndLabel{margin-bottom:16px}.filerobot-common-inputAndLabel-form-group{margin-bottom:19px}.filerobot-common-inputAndLabel-input-header{font-size:14px;font-weight:400;line-height:16px;margin-bottom:3px}.filerobot-common-inputAndLabel-header-links-label{align-items:center;color:#768a9f;display:flex}.filerobot-common-inputAndLabel-input-text-wrapper{position:relative;width:100%}.filerobot-common-inputAndLabel-input-text-wrapper input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;display:block;height:20px;margin-top:2px;opacity:0;width:20px;z-index:2}.filerobot-common-inputAndLabel-input-text-wrapper-disable-icon input[type=date]::-webkit-calendar-picker-indicator{display:none}.filerobot-common-inputAndLabel-input-icon{cursor:pointer;margin:6px;position:absolute;right:0;top:0}.filerobot-common-inputAndLabel-input-text{background-color:#fff;border:1px solid #ccd6de;border-radius:4px;cursor:auto;font-family:Roboto;font-size:16px;font-weight:400;line-height:18px;padding:10px 16px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.filerobot-common-inputAndLabel-input-text:focus{background-color:#fff!important;border:1px solid #6879eb;outline:none}.filerobot-common-inputAndLabel-input-text:hover{background-color:#eff3f6}.filerobot-common-Spinner{align-items:center;display:flex;justify-content:center;margin-right:6px}.filerobot-common-Spinner svg{animation:rotating-spinner 2s linear infinite}.filerobot-common-Spinner-noMargin{margin:0}.filerobot-common-Spinner-filledCentered{height:100%;margin:0;padding:8px;width:100%}.filerobot-common-Spinner-spinnerContainer{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;padding:2px;width:100%}.filerobot-common-Spinner-spinnerContainer svg{height:30px;width:30px}@keyframes rotating-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.filerobot-common-ItemHoverTopOptions{align-items:flex-start;border-radius:inherit;bottom:0;display:flex;justify-content:flex-end;padding:2px 4px 2px 24px;pointer-events:none;position:absolute;right:3%;top:4%;transition:all .1s ease-in-out;visibility:hidden;width:100%;z-index:3}.filerobot-common-ItemHoverTopOptions button{background:rgba(79,98,118,.7);border-radius:50%;height:auto;height:24px;margin:0 2px;min-height:16px;min-width:12px;padding:4px 7px;pointer-events:auto;transition:all .1s ease-in-out;width:24px}.filerobot-common-ItemHoverTopOptions button svg *{color:#fff;fill:#fff}.filerobot-common-ItemHoverTopOptions button:not(:active,:disabled):hover{background:#37414b}.filerobot-common-ItemHoverTopOptions button:not(:active,:disabled):hover svg *{fill:#dfe7ed;color:#dfe7ed}:hover>.filerobot-common-ItemHoverTopOptions{visibility:visible}.filerobot-common-ItemHoverTopOptions-disableHover{display:flex;visibility:visible}.filerobot-common-ItemHoverTopOptions-disableHover:hover{background:none}.filerobot-common-DropFilesHereHint{background-color:hsla(0,0%,100%,.9);bottom:0;color:#768184;font-size:24px;height:100%;left:0;line-height:28px;pointer-events:none;position:absolute;right:0;text-align:center;top:0;visibility:hidden;width:100%;z-index:2000}.filerobot-common-DropFilesHereHint-inner{align-items:center;border:1px dashed #5282db;border-radius:3px;bottom:7px;display:flex;flex-direction:column;justify-content:center;left:7px;position:absolute;right:7px;top:7px}.filerobot-common-DropFilesHereHint-inner svg{animation:moving 2s ease infinite;margin-bottom:25px}@keyframes moving{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.1) translateY(-10px)}}[data-filerobot-theme=dark] .filerobot-common-DropFilesHereHint{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath fill='%2302BAF2' d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");border-color:#02baf2;color:#bbb}.filerobot-common-DropFilesTarget *{pointer-events:none}.filerobot-common-DropFilesHereHint-visible{visibility:visible}.filerobot-common-Search .filerobot-c-separator{height:70%;margin:0}.filerobot-common-Search-searchButton{cursor:pointer;height:100%;padding:10px 12px 12px}.filerobot-common-Search{align-items:center;background:#fff;border:1px solid #dfe7ed;border-radius:4px;display:flex;height:40px;position:relative;white-space:nowrap}.filerobot-common-Search:active,.filerobot-common-Search:focus-within{background-color:#fff!important}.filerobot-common-Search:active .filerobot-common-Search-searchInput,.filerobot-common-Search:focus-within .filerobot-common-Search-searchInput{background-color:#fff!important}.filerobot-common-Search-searchInput{align-items:center;border:none;box-sizing:border-box;display:flex;flex-grow:1;font-size:14px;height:-moz-fit-content;height:fit-content;margin:6px 0;min-width:24px;outline:none;width:100%}.filerobot-common-Search-searchInput button{height:100%}.filerobot-common-Search-searchInput .filerobot-common-TopBar-input-fragment{display:inherit;height:inherit;width:inherit}.filerobot-common-Search-searchInput:focus{outline:none}[data-filerobot-theme=dark] .filerobot-common-Search-searchInput{background-color:#1f1f1f;color:#fff}.filerobot-common-Search-searchInput::-moz-placeholder{color:#a9b6c2;font-size:14px;font-style:normal;font-weight:400}.filerobot-common-Search-searchInput::placeholder{color:#a9b6c2;font-size:14px;font-style:normal;font-weight:400}.filerobot-common-Search-searchAndAppendedOptions{align-items:center;display:flex;height:100%}.filerobot-common-Search-searchAndFiltersInputs{align-items:center;display:flex;flex-grow:1;height:100%;max-height:100%;overflow:auto hidden;position:relative;white-space:nowrap;-ms-overflow-style:none}.filerobot-common-PoweredBy-label{background-color:#f8fafb;border:1px solid #dfe7ed;border-bottom:0;border-radius:0;border-top-left-radius:40px;bottom:0;color:#778285;font-size:10px;margin-right:-1px;padding:4px 14px;position:absolute;right:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1001}.filerobot-common-secondaryTxt{color:#939393;font-size:12px;line-height:14px}.filerobot-TransitionWrapper{--translateX:0;--translateY-shown:0;--translateY-hidden:-105%;background:#fff;display:none;overflow-y:hidden;position:absolute;top:0}.filerobot-TransitionWrapper.--applied{display:block;height:100%;width:100%;z-index:1002}.filerobot-transition-slideDownUp-enter{opacity:.01;transform:translate3d(var(--translateX),var(--translateY-hidden),0);transition:transform .25s ease-in-out,opacity .25s ease-in-out}.filerobot-transition-slideDownUp-enter.filerobot-transition-slideDownUp-enter-active,.filerobot-transition-slideDownUp-leave{opacity:1;transform:translate3d(var(--translateX),var(--translateY-shown),0)}.filerobot-transition-slideDownUp-leave{transition:transform .25s ease-in-out,opacity .25s ease-in-out}.filerobot-transition-slideDownUp-leave.filerobot-transition-slideDownUp-leave-active{opacity:.01;transform:translate3d(var(--translateX),var(--translateY-hidden),0)}.filerobot-common-datePicker{position:relative}.filerobot-common-datePicker *{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filerobot-common-datePicker-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.filerobot-common-datePicker-input{overflow:hidden}.filerobot-common-datePicker-input input{cursor:pointer}.filerobot-common-datePicker-input input:focus{outline:none}.filerobot-common-datePicker-container{background:#fff;border-radius:4px;box-shadow:10px 10px 40px rgba(0,0,0,.2);max-height:240px;min-height:200px;overflow:hidden;padding:12px;position:absolute;width:215px;z-index:11111111111111}.filerobot-common-datePicker-container-head{align-items:center;display:flex}.filerobot-common-datePicker-container-head-body{float:left;height:100%;width:120px}.filerobot-common-datePicker-container-head-body-year{color:#5d6d7e;float:left;font-size:27px;font-weight:200px;height:30px;text-align:center;width:100%}.filerobot-common-datePicker-container-head-body-month{color:#5d6d7e;float:left;font-size:13px;font-weight:200px;height:15px;text-align:center;width:100%}.filerobot-common-datePicker-container-head-button{box-sizing:border-box;height:100%;position:relative;width:45px}.filerobot-common-datePicker-container-head-button-inner{background:#f4f4f4;border-radius:2px;float:left;height:25px;left:50%;line-height:35px;margin-left:-17px;margin-top:-17px;position:absolute;text-align:center;top:50%;width:25px}.filerobot-common-datePicker-container-head-button-inner:hover>span{border-color:#555!important}.filerobot-common-datePicker-container-head-button-inner:hover{background:#eee;cursor:pointer}.filerobot-common-datePicker-calendar{height:100%;width:100%}.filerobot-common-datePicker-calendar-body,.filerobot-common-datePicker-calendar-day,.filerobot-common-datePicker-calendar-day span,.filerobot-common-datePicker-calendar-day-container{box-sizing:border-box;display:block;float:left;position:relative}.filerobot-common-datePicker-calendar-body{height:250px;width:100%}.filerobot-common-datePicker-calendar-day{height:10%;width:14%}.filerobot-common-datePicker-calendar-day-container{color:#37414b;font-size:12px;font-weight:300;height:100%;text-align:center;width:100%}.filerobot-common-datePicker-calendar-day-container span{border-radius:2px;font-weight:400;height:25px;left:50%;line-height:30px;margin-left:-15px;margin-top:-15px;top:50%;width:25px}.filerobot-common-datePicker-calendar-day-container span:hover{background:#e9eef2;cursor:pointer}.filerobot-common-datePicker-calendar-day.disabled{pointer-events:none}.filerobot-common-datePicker-calendar-day.disabled .filerobot-common-datePicker-calendar-day-container span{background:#fff!important;color:#ddd}.filerobot-common-datePicker-calendar-day.highlight .filerobot-common-datePicker-calendar-day-container span{background:#5d6d7e}.filerobot-common-datePicker-calendar-day.highlight-green .filerobot-common-datePicker-calendar-day-container span{background:#4958bc;color:#fff}.filerobot-common-datePicker-calendar-head{display:flex;height:20px;margin-bottom:5px;margin-top:2px;width:100%}.filerobot-common-datePicker-calendar-head-name{color:#5d6d7e;font-size:9px;font-weight:700;height:30px;line-height:30px;text-align:center;width:14.285%}.mdpchbi-left-arrow,.mdpchbi-left-arrows,.mdpchbi-left-arrows:after,.mdpchbi-right-arrow,.mdpchbi-right-arrows,.mdpchbi-right-arrows:after{border-bottom:2px solid #888;border-left:2px solid #888;display:block;float:left;height:6px;position:absolute;width:6px}.mdpchbi-left-arrow,.mdpchbi-left-arrows,.mdpchbi-right-arrow,.mdpchbi-right-arrows{left:50%;margin-left:-2px;margin-top:-4px;top:50%;transform:rotate(45deg)}.mdpchbi-right-arrow,.mdpchbi-right-arrows{margin-left:-4px;transform:rotate(225deg)}.mdpchbi-left-arrows:after,.mdpchbi-right-arrows:after{content:""}.mdpchbi-left-arrows{margin-left:-5px}.mdpchbi-right-arrows{margin-left:-2px}.mdpchbi-left-arrows:after,.mdpchbi-right-arrows:after{left:3px;top:-5px}.filerobot-ProviderBrowser-layoutType--grid ul.filerobot-ProviderBrowser-list:after{content:"";flex:auto}.filerobot-ProviderBrowser-layoutType--grid ul.filerobot-ProviderBrowser-list:focus{outline:none}.filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-header{align-items:center;cursor:pointer;display:flex;font-size:12px;font-weight:400;margin-top:12px;max-width:130px;padding:0 12px;width:100%}.filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-wrapper{padding:8px 24px 12px}.filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-wrapper-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));list-style:none;padding:0;width:100%}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem{margin:0;min-width:200px;position:relative}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:before{content:"";display:block;padding-top:88%}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.item-folder .filerobot-ProviderBrowserItem-folderSelectBox,.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem.item-folder:hover .filerobot-ProviderBrowserItem-folderSelectBox{display:flex}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.filerobot-ProviderBrowserItem--beingRenamed):hover .filerobot-Explorer-dots-menu-icon{display:block}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder){border:4px solid transparent;outline:none}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder){background-color:#4d4e4e;border:4px solid #000}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):focus *,[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):hover *{color:#000}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder).no-selection .filerobot-ProviderBrowserItem-inner{cursor:auto}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):not(.no-selection) .filerobot-ProviderBrowserItem-inner:hover{background-color:#eff3f6}.filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-videoDuration{background:rgba(79,98,118,.7);border-radius:2px;bottom:33%;box-shadow:0 1px 2px 0 rgba(77,78,78,.15);color:#fff!important;font-size:11px;font-weight:500;left:16px;line-height:12px;padding:2px 4px;position:absolute;text-align:center;z-index:2}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-inner{background-color:#5d6d7e!important}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-inner *{fill:#fff;color:#fff}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.with-meta input{color:#000!important;margin-bottom:-1px;margin-top:4px;text-align:center}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.with-meta button.filerobot-ProviderBrowserItem-inner:focus{box-shadow:none!important}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-Explorer-Item-fileInfoAndButtons{background-color:inherit}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview .filerobot-ProviderBrowserItem-inner{background-color:hsla(0,0%,58%,.2)}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview .filerobot-ProviderBrowserItem-inner{background-color:hsla(0,0%,92%,.2)}.filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview svg{fill:rgba(0,0,0,.7);height:30%;width:30%}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview svg{fill:hsla(0,0%,100%,.8)}.filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner{background-color:#eff3f6;border-radius:2px;box-shadow:0 1px 2px 0 rgba(77,78,78,.15);height:100%;left:0;overflow:hidden;position:absolute;text-align:center;top:0;width:100%}.filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner:focus{outline:none}.filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta{align-items:center;display:flex;flex-direction:column-reverse;justify-content:flex-end}.filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta:focus{box-shadow:none}.filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta img{height:100%;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}.filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-fakeCheckbox{display:none;left:8px;position:absolute;top:8px;z-index:3}.filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-folderSelectBox{display:none;left:14px;position:absolute;top:26px}.filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-fakeCheckbox,:hover>.filerobot-ProviderBrowserItem-fakeCheckbox{display:block}.filerobot-Dragging-files>*,.filerobot-Dragging-folders>*{pointer-events:none}.filerobot-ProviderBrowser-layoutType--list,.filerobot-ProviderBrowser-layoutType--tiles{background-color:#fff}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--list,[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--tiles{background-color:#1f1f1f}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell{cursor:pointer;flex:0.5 0;font-size:14px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell-cursor-default,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-cursor-default{cursor:default!important}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell-icon,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon{max-width:24px;min-width:20px}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn{align-items:center;display:flex;flex:1 0}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn input,.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn label,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn input,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn label{width:80%}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn label,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowser-list,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowser-list{outline:none}.filerobot-ProviderBrowser-layoutType--list li.filerobot-ProviderBrowserItem,.filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem{align-items:center;border-bottom:1px solid rgba(0,0,0,.05);display:flex;margin:0;outline:none;padding:11px 12px}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--list li.filerobot-ProviderBrowserItem,[data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem{color:#eaeaea}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowser-body,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowser-body{overflow-x:auto;width:100%}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header{align-items:center;background-color:#fff;border-bottom:1.5px solid rgba(0,0,0,.07);display:flex;font-size:14px;font-weight:400;line-height:16px;overflow:hidden;padding:12px;position:sticky;text-align:left;text-overflow:ellipsis;top:-1px;white-space:nowrap;z-index:11}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header:last-child,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header:last-child{margin-right:0}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header .filerobot-c-icon,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header .filerobot-c-icon{vertical-align:middle}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-wrapper-list,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-wrapper-list{padding:0}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-fakeCheckbox,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-fakeCheckbox{margin-right:8px;vertical-align:middle}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner{align-items:center;display:flex;line-height:1.3;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner input,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner input{height:17px}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner img,.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner svg,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner img,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner svg{max-height:20px;max-width:20px}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem{color:#4d4e4e}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem--selected,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem--selected{background:#5d6d7e;border-bottom:1px solid #dfe7ed!important;color:#fff}.filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem--selected svg path,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem--selected svg path{fill:#dfe7ed}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-listHead-checkbox,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-listHead-checkbox{min-width:16px}.filerobot-ProviderBrowser-layoutType--list .filerobot-common-Checkbox{margin-right:8px}.filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header .filerobot-Provider-list-cell-icon{display:flex;padding-left:2px}.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header{padding:11px 12px}.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header .filerobot-Provider-list-cell-icon{display:flex;margin-left:4px;padding-left:4px}.filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem{padding:11px 12px}.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon{margin-right:8px;max-width:36px;min-width:36px}.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon img,.filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon svg:not(.context-menu-icon){max-height:36px;max-width:36px;width:36px}.filerobot-Explorer-Details-header{align-items:center;display:flex;font-size:12px;margin-left:30px}.filerobot-Explorer-Details-header-icon{margin-left:6px}.filerobot-Explorer-Details-header-title{align-items:center;display:flex;margin-top:12px;max-width:90%}.filerobot-Explorer-Details-header-title label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerobot-Explorer-Details-tabs{cursor:pointer;display:flex;font-size:12px;margin-top:8px;padding:0 8px}.filerobot-Explorer-Details-tabs-comments,.filerobot-Explorer-Details-tabs-details{align-items:center;border:1px solid transparent;border-top-left-radius:.1rem;border-top-right-radius:.1rem;color:#4d4e4e;display:flex;height:30px;justify-content:center;width:50%}.filerobot-Explorer-Details-tabs-comments label,.filerobot-Explorer-Details-tabs-details label{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.filerobot-Explorer-Details-tabs-comments label:hover,.filerobot-Explorer-Details-tabs-details label:hover{background-color:#f8fafb;border-bottom:2px solid #6879eb;color:#6879eb;margin-bottom:-1px}.filerobot-Explorer-Details-tabs-comments>input[type=radio],.filerobot-Explorer-Details-tabs-details>input[type=radio]{left:-200vw;position:absolute}.filerobot-Explorer-Details-tabs-comments>input:checked+label,.filerobot-Explorer-Details-tabs-details>input:checked+label{background-color:#f8fafb;border-bottom:2px solid #6879eb;color:#6879eb;margin-bottom:-1px}.filerobot-Explorer-Details-icon-preview{display:flex;justify-content:center;margin-bottom:21px;margin-top:8px}.filerobot-Explorer-Details-file-preview{height:146px;margin:8px 5px 12px 8px;position:relative}.filerobot-Explorer-Details-file-preview:hover .filerobot-Explorer-Details-thumbnailZoomOverlay{display:flex}.filerobot-Explorer-Details-thumbnail{height:100%;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;position:relative;width:100%;z-index:1}.filerobot-Explorer-Details-info{font-size:12px;margin:12px 0 0;padding:0 0 0 12px}.filerobot-Explorer-Details-info-list{display:flex;list-style:none;margin-bottom:8px}.filerobot-Explorer-Details-info-list-name{color:#768184;display:flex;font-weight:400;padding-right:2px;width:68px}.filerobot-Explorer-Details-info-list-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerobot-Explorer-Details-info-list-value{color:#4d4e4e;display:inline-block;font-weight:400;width:calc(100% - 68px)}.filerobot-Explorer-Details-section{border-top:1px solid #dfe7ed;font-size:12px;margin-left:12px;margin-right:12px;margin-top:8px;padding-top:12px}.filerobot-Explorer-Details-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:9px;padding-right:5px}.filerobot-Explorer-Details-section-header-title{color:#768184}.filerobot-Explorer-Details-section-content-list{display:inline-flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;width:100%}.filerobot-Explorer-Details-section-content-list li{align-items:center;background:#f8fafb;border-radius:2px;color:#4d4e4e;display:flex;font-family:Roboto;font-weight:400;margin:0 5px 5px 0;padding:4px 6px;position:relative}.filerobot-Explorer-Details-thumbnailZoomOverlay{align-items:center;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.5) 0,rgba(0,0,0,.25) 100%);display:none;height:100%;justify-content:center;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:111}.filerobot-Explorer-Details-thumbnailZoomOverlayButton{height:100%;width:100%}.filerobot-Explorer-Details-thumbnailZoomOverlayButton:hover{background:transparent!important}.filerobot-Explorer-Details-thumbnailZoomOverlayButton:active:before{opacity:.5!important}.filerobot-ProviderBrowser{background-color:#fff;display:flex;flex:1;flex-direction:column;font-size:14px;font-weight:400;height:100%;position:relative}.filerobot-ProviderBrowser-user{color:#333;font-weight:500;margin:0 8px 0 0}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-user{color:#eaeaea}.filerobot-ProviderBrowser-select{color:#000;cursor:pointer;line-height:1.5}.filerobot-ProviderBrowser-select.--filter{max-width:120px;overflow:hidden;padding-right:2px;text-overflow:ellipsis;white-space:nowrap}.filerobot-ProviderBrowser-select:focus{border-color:transparent;outline:none}.filerobot-ProviderBrowser-user:after{color:#939393;content:"·";font-weight:400;left:4px;position:relative}.filerobot-ProviderBrowser-headerBar{align-items:center;color:#757575;display:flex;font-size:12px;line-height:1.4;padding:12px;position:relative;width:100%}.filerobot-size--md .filerobot-ProviderBrowser-headerBar{align-items:center;display:flex;justify-content:space-between}.filerobot-size--height-md .filerobot-ProviderBrowser-headerBar{align-items:center;display:flex}[data-filerobot-theme=dark] .filerobot-ProviderBrowser-headerBar{background-color:#1f1f1f;border-bottom:1px solid #333}.filerobot-ProviderBrowser-headerBar--simple{display:block;justify-content:center;text-align:center}.filerobot-ProviderBrowser-body{display:flex;flex:1;height:100%;position:relative;z-index:1000}.filerobot-ProviderBrowser-body-list{overflow-x:auto;width:100%}.item-folder.filerobot-ProviderBrowserItem{border-radius:7px;outline:none;padding:4px}.item-folder.filerobot-ProviderBrowserItem:before{content:unset!important;display:none!important;padding-top:0!important}.item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder{align-items:center;border:1px solid #dfe7ed;border-radius:2px;box-sizing:border-box;display:flex;height:36px;outline:none;padding:10px 12px;width:100%}.item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder .filerobot-ProviderBrowserItem-folderLiIcon>*{height:20px;width:20px}.item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder input{width:96%}.item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder .filerobot-Explorer-dots-menu-icon{display:none}.item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder-title{color:#4d4e4e;flex-grow:1;font-size:14px;font-weight:500;line-height:16px;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-folder.filerobot-ProviderBrowserItem button.filerobot-ProviderBrowserItem-inner-folder:hover{background-color:#eff3f6}.item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder{background-color:#5d6d7e!important;outline:none}.item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder input{color:#000;width:96%}.item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder *{fill:#dfe7ed;color:#fff}.filerobot-ProviderBrowserItem-inner{cursor:pointer;font-size:14px;font-weight:400;line-height:16px}.filerobot-Provider-list-cell-header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerobot-Provider-list-cell-header-hidableIcon{visibility:hidden}.filerobot-Provider-list-cell-wrapper{align-items:center;display:flex;font-size:12px}.filerobot-Provider-list-cell-wrapper:hover .filerobot-Provider-list-cell-header-hidableIcon{visibility:visible}.filerobot-ProviderBrowser-mainContent{flex-grow:1;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.filerobot-ProviderBrowserItem--draggable-block{background:#dfe7ed;cursor:col-resize;height:100%;position:sticky;top:0;width:1px;z-index:100}.filerobot-ProviderBrowserItem-SideNav-addNew{color:#5d6d7e;cursor:pointer;font-weight:500}.filerobot-ProviderBrowser-body-sideButtons{max-width:40px;min-width:40px}.filerobot-ProviderBrowser-body-leftSideButtons{margin-right:20px}.filerobot-ProviderBrowser-body-leftNavigationButton{background:#f8fafb;border-radius:0 50px 50px 0;box-shadow:0 1px 4px rgba(77,78,78,.15);margin-top:10px;padding:10px 14px 10px 10px;position:sticky;top:91px;width:100%}.filerobot-ProviderBrowser-body-rightSideButtons{margin-left:20px}.filerobot-ProviderBrowser-body-rightNavigationButton{background:#f8fafb;border-radius:50px 0 0 50px;box-shadow:0 1px 4px rgba(77,78,78,.15);margin-top:10px;padding:10px 10px 10px 14px;position:sticky;top:91px;width:100%}.filerobot-Provider-LabelsListLi-selectMode,.filerobot-Provider-LabelsListLi-selectMode *{cursor:pointer}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions{bottom:4%;right:3%;top:auto}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected{display:flex;visibility:visible}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button{background:#fff}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active) svg *{color:#6879eb;fill:#6879eb}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active):hover{background:#eff3f6}.filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active):hover svg *{fill:#606fd1;color:#606fd1}.filerobot-Explorer-ImageOptions-options{display:flex;justify-content:space-between;margin-bottom:8px}.filerobot-Explorer-ImageOptions-options-select{text-align:left;text-transform:capitalize;width:60%}.filerobot-Explorer-ImageOptions-options-select-fullWidth{width:100%}.filerobot-Explorer-ImageOptions-size-options{align-items:flex-start;display:flex;flex-direction:column;row-gap:4px}.filerobot-Explorer-ImageOptions-description{display:flex;justify-content:space-between;margin-top:20px}.filerobot-Explorer-ImageOptions-settings{margin-bottom:10px}.filerobot-Explorer-ImageOptions-resize-options{align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex}.filerobot-Explorer-ImageOptions-download-zip{display:flex;margin-top:16px}#SfxPopper{position:absolute;top:-10000px}.filerobot-Explorer-TopBar-PrependedOptions{align-items:center;display:flex;height:100%}.filerobot-Explorer-TopBar-AppendedOptions{align-items:center;display:flex;float:right}.filerobot-Explorer-TopBar-Search-ContextDropdown-SubList-container{background:#fff!important;cursor:default!important;padding:0!important}#SfxPopper{z-index:11111111}@keyframes filerobot-Explorer-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes filerobot-Explorer-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes filerobot-Explorer-slideDownAndFadeIn{0%{opacity:0;transform:translate3d(-50%,-70%,0)}to{opacity:1;transform:translate3d(-50%,-50%,0)}}@keyframes filerobot-Explorer-slideDownAndFadeIn--small{0%{opacity:0;transform:translate3d(0,-20%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes filerobot-Explorer-slideUpFadeOut{0%{opacity:1;transform:translate3d(-50%,-50%,0)}to{opacity:0;transform:translate3d(-50%,-70%,0)}}@keyframes filerobot-Explorer-slideUpFadeOut--small{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20%,0)}}.filerobot-Explorer--modal{z-index:1200}.filerobot-Explorer-assets-picker-modal{z-index:100000}.filerobot-Explorer--modal[aria-hidden=true]{display:none}.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose>.filerobot-Explorer-inner{animation:filerobot-Explorer-slideDownAndFadeIn--small .3s cubic-bezier(0,0,.2,1)}@media only screen and (min-width:820px){.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose>.filerobot-Explorer-inner{animation:filerobot-Explorer-slideDownAndFadeIn .3s cubic-bezier(0,0,.2,1)}}.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose>.filerobot-Explorer-overlay{animation:filerobot-Explorer-fadeIn .3s cubic-bezier(0,0,.2,1)}.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose.filerobot-Explorer--isClosing>.filerobot-Explorer-inner{animation:filerobot-Explorer-slideUpFadeOut--small .3s cubic-bezier(0,0,.2,1)}@media only screen and (min-width:820px){.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose.filerobot-Explorer--isClosing>.filerobot-Explorer-inner{animation:filerobot-Explorer-slideUpFadeOut .3s cubic-bezier(0,0,.2,1)}}.filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose.filerobot-Explorer--isClosing>.filerobot-Explorer-overlay{animation:filerobot-Explorer-fadeOut .3s cubic-bezier(0,0,.2,1)}.filerobot-Explorer--modal .filerobot-Explorer-overlay{background-color:rgba(79,98,118,.3);bottom:0;left:0;outline:none;position:fixed;right:0;top:0;z-index:1002}.filerobot-Explorer-inner{border:1px solid #eaeaea;border-radius:5px;max-height:100%;max-width:100%;outline:none;position:relative}.filerobot-size--md .filerobot-Explorer-inner{min-height:auto}.filerobot-Explorer--modal .filerobot-Explorer-inner{z-index:1003}[data-filerobot-theme=dark] .filerobot-Explorer-inner{background-color:#1f1f1f}.filerobot-Explorer-innerWrap{background:#fff;border-radius:5px;display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;position:relative}.filerobot-Explorer-close:focus{outline:none}.filerobot-Explorer-close::-moz-focus-inner{border:0}.filerobot-Explorer-close{color:hsla(0,0%,100%,.9);cursor:pointer;display:block;font-size:27px;position:absolute;right:-2px;top:-33px;z-index:1005}@media only screen and (min-width:820px){.filerobot-Explorer-close{font-size:35px;right:-35px;top:-10px}}.filerobot-Explorer--isInnerWrapVisible .filerobot-Explorer-innerWrap{opacity:1}.filerobot-Explorer--modal .filerobot-Explorer-inner{border:none;bottom:15px;left:0;position:fixed;right:0;top:5px}@media only screen and (min-width:820px){.filerobot-Explorer--modal .filerobot-Explorer-inner{box-shadow:0 5px 15px 4px rgba(0,0,0,.15);left:50%;top:50%;transform:translate(-50%,-50%)}}.filerobot-Explorer--move-informer .filerobot.filerobot-Informer{bottom:80px}.filerobot-Explorer-isFixed{height:100vh;overflow:hidden}.filerobot-Explorer-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.filerobot-Explorer-TopBar-leftSide{height:100%;margin-right:12px}.filerobot-Explorer-Search-filtersInside-newFilterChip{margin-right:8px;margin-top:0;outline:none}.filerobot-Explorer-Search-filtersInside-newFilterChip *{outline:none}.filerobot-common-FormControl .SfxTagField-listWrapper{width:100%}.sort-menuitem.SfxMenuItem-root .SfxMenuItem-Icon.SfxMenuItem-Actions{display:none}

package/lib/Explorer.styled.js

@@ -0,0 +1,48 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from 'styled-components';
+import { PC } from '@scaleflex/widget-common';
+var getContainerWidth = function getContainerWidth(isMainMenuCollapsed, isWidgetSmallSize) {
+  if (isWidgetSmallSize) {
+    return 'calc(100% - 0px)';
+  }
+  if (isMainMenuCollapsed) {
+    return 'calc(100% - 68px)';
+  }
+  return '100%';
+};
+var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  height: 100%;\n\n  .SfxBackdrop-root {\n    position: absolute;\n  }\n"])));
+// 0px when menu is in temporary mode
+// 68px is menu size when menu is collapsed
+// 250px default menu size
+var Container = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width:", ";\n"])), function (_ref) {
+  var isMainMenuCollapsed = _ref.isMainMenuCollapsed,
+    isWidgetSmallSize = _ref.isWidgetSmallSize;
+  return getContainerWidth(isMainMenuCollapsed, isWidgetSmallSize);
+});
+
+// TODO: Check about the proper place for those two ExplorerBrowser styles
+var ExplorerBrowserList = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: ", ";\n  background-color: ", ";\n  overflow: auto;\n  padding: ", "; // Replaced 100px with 0 as it causes issue in virtual grid scrolling (and maybe the padding is not needed anymore?)\n  border-radius: 8px;\n"])), function (_ref2) {
+  var isWidgetSmallSize = _ref2.isWidgetSmallSize,
+    topSectionHeight = _ref2.topSectionHeight,
+    height = _ref2.height;
+  return !isWidgetSmallSize && topSectionHeight && !height ? "calc(100% - ".concat(topSectionHeight, "px)") : '100%';
+}, function (_ref3) {
+  var palette = _ref3.theme.palette,
+    isDraggingOver = _ref3.isDraggingOver;
+  return palette[isDraggingOver ? PC.BackgroundActive : PC.BackgroundStateless];
+}, function (_ref4) {
+  var withSidePadding = _ref4.withSidePadding;
+  return "0 ".concat(withSidePadding ? '24px' : 0, " 24px");
+});
+var ExplorerBrowserListHeader = styled.li(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: ", ";\n  height: 48px;\n"])), function (_ref5) {
+  var withSidePadding = _ref5.withSidePadding;
+  return "16px ".concat(withSidePadding ? '20px' : 0, " !important");
+});
+var Styled = {
+  Wrapper: Wrapper,
+  Container: Container,
+  ExplorerBrowserList: ExplorerBrowserList,
+  ExplorerBrowserListHeader: ExplorerBrowserListHeader
+};
+export default Styled;

package/lib/components/ActionBar/ActionBar.styled.js

@@ -0,0 +1,103 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled, { css } from 'styled-components';
+import { Button, IconButton, Label, MenuItem as MenuItemSFX } from '@scaleflex/ui/core';
+import { FV, PC } from '@scaleflex/widget-common';
+import { ArrowBottom } from '@scaleflex/icons';
+var ActionBar = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between ;\n  box-sizing: border-box;\n  position: absolute;\n  width: 100%;\n  height: 68px;\n  background-color: ", ";\n  padding: 0 24px;\n  z-index: 1113;\n  top:", ";\n  transition: top 250ms ease-out;\n"])), function (_ref) {
+  var palette = _ref.theme.palette;
+  return palette[PC.AccentPrimaryActive];
+}, function (_ref2) {
+  var hasSelection = _ref2.hasSelection;
+  return hasSelection ? 0 : '-200px';
+});
+var LeftSide = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  ", "\n"])), function (_ref3) {
+  var typography = _ref3.theme.typography;
+  return typography.font[FV.LabelLargeEmphasis];
+});
+var RightSide = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-left: 14px;\n"])));
+var DownloadButton = styled(Button)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: 0 24px;\n  padding: 0;\n  background-color: transparent !important;\n  transition: all 100ms ease-out;\n  \n  .SfxButton-Body {\n    color: ", ";\n  }\n\n  .SfxButton-EndIcon {\n    margin-left: 8px;\n  }\n\n  ", "\n\n  &:hover {\n    opacity: 0.6;\n  }\n\n  &:active {\n    opacity: 0.4;\n  }\n"])), function (_ref4) {
+  var palette = _ref4.theme.palette,
+    disabled = _ref4.disabled;
+  return palette[disabled ? PC.ButtonDisabledText : PC.ButtonPrimaryText];
+}, function (_ref5) {
+  var $isSmall = _ref5.$isSmall;
+  return $isSmall && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    .SfxButton-Label {\n      display: none;\n    }\n  "])));
+});
+var MenuOptionsWrapper = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  column-gap: 40px;\n  margin-right: 24px;\n"])));
+var MenuItem = styled(MenuItemSFX)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  //Remove when Tooltip problem fixed T11904\n  display: ", ";\n  justify-content: flex-start;\n  gap: 10px;\n"])), function (_ref6) {
+  var disabled = _ref6.disabled;
+  return disabled ? 'none' : '';
+});
+var SelectionIconButton = styled(IconButton)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 18px;\n  height: 18px;\n  padding: 0;\n  transition: all 100ms ease-out;\n\n  svg {\n    color: ", ";\n  }\n\n  &:hover {\n    opacity: 0.6;\n    background-color: transparent;\n  }\n\n  &:active {\n    opacity: 0.4;\n    background-color: transparent;\n  }\n\n  &:focus,\n  &:focus-within {\n    background-color: transparent;\n  }\n"])), function (_ref7) {
+  var palette = _ref7.theme.palette,
+    disabled = _ref7.disabled;
+  return palette[disabled ? PC.ButtonDisabledText : PC.ButtonPrimaryText];
+});
+var Separator = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  width: 1px;\n  height: 32px;\n  background-color: ", ";\n  opacity: 0.2;\n  margin-right: ", ";\n  margin-left: ", ";\n"])), function (_ref8) {
+  var palette = _ref8.theme.palette;
+  return palette[PC.IconsInvert];
+}, function (_ref9) {
+  var $mr = _ref9.$mr;
+  return $mr ? "".concat($mr, "px") : 0;
+}, function (_ref10) {
+  var $ml = _ref10.$ml;
+  return $ml ? "".concat($ml, "px") : 0;
+});
+var ExportIconButton = styled(IconButton)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  background-color: transparent !important;\n"])));
+var ArrowBottomIcon = styled(ArrowBottom)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  transition: transform 250ms ease;\n\n  ", "\n"])), function (_ref11) {
+  var $isOpen = _ref11.$isOpen;
+  return $isOpen && css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    transform: rotate(180deg);\n  "])));
+});
+var SelectedLabel = styled(Label)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  color: ", ";\n  ", ";\n"])), function (_ref12) {
+  var palette = _ref12.theme.palette;
+  return palette[PC.ButtonPrimaryText];
+}, function (_ref13) {
+  var typography = _ref13.theme.typography;
+  return typography.font[FV.LabelLargeEmphasis];
+});
+var SelectedNumberCount = styled.span(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-right: 4px;\n"])), function (_ref14) {
+  var palette = _ref14.theme.palette;
+  return palette[PC.ButtonPrimaryText];
+});
+var SelectLabel = styled.span(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-right: 24px;\n  ", ";\n  opacity: 0.6;\n"])), function (_ref15) {
+  var palette = _ref15.theme.palette;
+  return palette[PC.ButtonPrimaryText];
+}, function (_ref16) {
+  var typography = _ref16.theme.typography;
+  return typography.font[FV.InputLg];
+});
+var SelectedSection = styled.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 32px;\n"])));
+var SelectionMenu = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
+var ActionBarButton = styled(Button)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  color: ", " !important;\n  margin-right: ", ";\n  transition: all 100ms ease-out;\n\n  .SfxButton-Label {\n    ", ";\n  }\n\n  &:hover {\n    opacity: 0.4;\n  }\n\n  ", "\n"])), function (_ref17) {
+  var palette = _ref17.theme.palette;
+  return palette[PC.IconsInvert];
+}, function (_ref18) {
+  var $mr = _ref18.$mr;
+  return $mr ? "".concat($mr, "px") : 0;
+}, function (_ref19) {
+  var typography = _ref19.theme.typography;
+  return typography.font[FV.ButtonLgUpEmphasis];
+}, function (_ref20) {
+  var disabled = _ref20.disabled;
+  return disabled && "\n    cursor: not-allowed !important;\n    opacity: 0.4;\n  ";
+});
+var Styled = {
+  ActionBar: ActionBar,
+  DownloadButton: DownloadButton,
+  ExportIconButton: ExportIconButton,
+  ArrowBottomIcon: ArrowBottomIcon,
+  SelectedLabel: SelectedLabel,
+  SelectedSection: SelectedSection,
+  SelectedNumberCount: SelectedNumberCount,
+  LeftSide: LeftSide,
+  RightSide: RightSide,
+  SelectLabel: SelectLabel,
+  SelectionMenu: SelectionMenu,
+  MenuOptionsWrapper: MenuOptionsWrapper,
+  SelectionIconButton: SelectionIconButton,
+  ActionBarButton: ActionBarButton,
+  Separator: Separator,
+  MenuItem: MenuItem
+};
+export default Styled;

package/lib/components/ActionBar/DownloadWithExportButton.js

@@ -0,0 +1,203 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { useMemo, useRef, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { Cross, Download, Original, Sharebox, Transformation } from '@scaleflex/icons';
+import { Menu, TooltipV2 } from '@scaleflex/ui/core';
+import { useTheme } from '@scaleflex/ui/theme/hooks';
+import checkItemsSupportExportWithReason from '@scaleflex/widget-utils/lib/checkItemsSupportExportWithReason';
+import { PC } from '@scaleflex/widget-common';
+import { PERMISSIONS } from '@scaleflex/widget-utils/lib/constants';
+import { useExplorer, useIsSmallScreen } from '../../hooks';
+import { downloadOneFile, downloadItems, emitExportEvent } from '../../thunks/downloads.thunks';
+import { selectAllSelectedItems, selectFirstSelectedFileOrFolder, selectIsFolderSelected, selectSelectedFiles, selectionsCleared } from '../../slices/selections.slice';
+import { useDownloadConsentModal, useTransformedDownloadModal } from '../Modals';
+import Styled from './ActionBar.styled';
+import { ANIMATED_IMG_ACCEPT_HEADER } from '../../utils/constants';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var SIZE = 16;
+var DownloadWithExportButton = function DownloadWithExportButton() {
+  var theme = useTheme();
+  var dispatch = useDispatch();
+  var _useExplorer = useExplorer(),
+    i18n = _useExplorer.i18n,
+    opts = _useExplorer.opts,
+    checkUserPermissions = _useExplorer.checkUserPermissions,
+    checkFileFolderPermissions = _useExplorer.checkFileFolderPermissions;
+  var triggerDownloadConsentModal = useDownloadConsentModal();
+  var triggerTransformedDownloadModal = useTransformedDownloadModal();
+  var isWidgetSmallSize = useIsSmallScreen();
+  var isFolderSelected = useSelector(selectIsFolderSelected);
+  var selectedFiles = useSelector(selectSelectedFiles);
+  var selectedItems = useSelector(selectAllSelectedItems);
+  var firstItem = useSelector(selectFirstSelectedFileOrFolder);
+  var iconPrimaryColor = theme.palette[PC.IconsPrimary];
+  var disableDownloadButton = opts.disableDownloadButton,
+    preventDownloadDefaultBehavior = opts.preventDownloadDefaultBehavior,
+    hideDownloadButtonIcon = opts.hideDownloadButtonIcon,
+    useAssetsPicker = opts.useAssetsPicker,
+    hideDownloadVariationsOption = opts.hideDownloadVariationsOption;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    exportOptionsMenuAnchor = _useState2[0],
+    setExportOptionsMenuAnchor = _useState2[1];
+  var menuRef = useRef(null);
+  var unsupportedExportReason = useMemo(function () {
+    return checkItemsSupportExportWithReason(selectedFiles);
+  }, [selectedFiles]);
+  var hideTransformation = isFolderSelected || !!unsupportedExportReason || hideDownloadVariationsOption;
+  var tooltipTitle = i18n(unsupportedExportReason);
+  var showDownloadButtonArrow = !disableDownloadButton && !isWidgetSmallSize && !useAssetsPicker;
+  var downloadButtonVisible = !preventDownloadDefaultBehavior;
+  var downloadButtonDisabled = !checkUserPermissions([PERMISSIONS.DISPLAY]) || !checkFileFolderPermissions({
+    permissionsToCheck: [PERMISSIONS.DISPLAY],
+    permissionsList: firstItem === null || firstItem === void 0 ? void 0 : firstItem.permissions
+  });
+  var toggleExportOptionsMenu = function toggleExportOptionsMenu(event) {
+    event.stopPropagation();
+    setExportOptionsMenuAnchor(exportOptionsMenuAnchor ? null : menuRef.current);
+  };
+  var handleClearSelection = function handleClearSelection() {
+    dispatch(selectionsCleared());
+  };
+  var emitExport = function emitExport() {
+    if (selectedItems.length > 0) {
+      dispatch(emitExportEvent(selectedItems.map(function (file) {
+        var _file$url;
+        return {
+          link: file === null || file === void 0 ? void 0 : (_file$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url.cdn,
+          file: file
+        };
+      })));
+    }
+  };
+  var handleDownloadClick = function handleDownloadClick(event) {
+    if (useAssetsPicker) {
+      onClickDownload();
+    } else {
+      if (preventDownloadDefaultBehavior && hideDownloadVariationsOption) {
+        emitExport();
+        return;
+      }
+      toggleExportOptionsMenu(event);
+    }
+  };
+  var onClickDownload = function onClickDownload() {
+    setExportOptionsMenuAnchor(null);
+    if (!preventDownloadDefaultBehavior && !useAssetsPicker) {
+      var isOneItem = selectedItems.length === 1;
+      var items = !isOneItem || isFolderSelected ? selectedItems : selectedItems[0];
+      triggerDownloadConsentModal(isOneItem && !isFolderSelected ? function () {
+        return dispatch(downloadOneFile({
+          file: items,
+          headers: ANIMATED_IMG_ACCEPT_HEADER
+        }));
+      } : function () {
+        return dispatch(downloadItems({
+          items: items
+        }));
+      });
+      return;
+    }
+    emitExport();
+  };
+  var onClickExport = function onClickExport(e) {
+    var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      _ref$isVariant = _ref.isVariant,
+      isVariant = _ref$isVariant === void 0 ? false : _ref$isVariant,
+      _ref$hideResizeCropOp = _ref.hideResizeCropOptions,
+      hideResizeCropOptions = _ref$hideResizeCropOp === void 0 ? false : _ref$hideResizeCropOp;
+    toggleExportOptionsMenu(e);
+    triggerTransformedDownloadModal(selectedItems, {
+      isVariant: isVariant,
+      hideResizeCropOptions: hideResizeCropOptions
+    });
+  };
+  var renderTransformationOption = function renderTransformationOption(hidden) {
+    return /*#__PURE__*/_jsxs(Styled.MenuItem, {
+      onClick: !hidden ? function (e) {
+        return onClickExport(e, {
+          isVariant: true
+        });
+      } : undefined,
+      disabled: hidden,
+      children: [/*#__PURE__*/_jsx(Transformation, {
+        color: iconPrimaryColor,
+        size: SIZE
+      }), i18n('contextMenuDownloadOptionsLabel')]
+    });
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [downloadButtonVisible && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Styled.Separator, {}), /*#__PURE__*/_jsx(TooltipV2, {
+        size: "md",
+        title: i18n('mutualizedFileOptionPermissionsMutedHint'),
+        hide: !downloadButtonDisabled,
+        children: /*#__PURE__*/_jsx("div", {
+          children: /*#__PURE__*/_jsx(Styled.DownloadButton, {
+            disabled: downloadButtonDisabled,
+            startIcon: !hideDownloadButtonIcon && function (props) {
+              return useAssetsPicker ? /*#__PURE__*/_jsx(Sharebox, _objectSpread(_objectSpread({}, props), {}, {
+                ref: menuRef
+              })) : /*#__PURE__*/_jsx(Download, _objectSpread(_objectSpread({}, props), {}, {
+                ref: menuRef
+              }));
+            },
+            onClick: handleDownloadClick,
+            color: "primary",
+            size: "lg",
+            $isSmall: isWidgetSmallSize && !hideDownloadButtonIcon,
+            ref: menuRef,
+            endIcon: showDownloadButtonArrow && function (props) {
+              return /*#__PURE__*/_jsx(Styled.ArrowBottomIcon, _objectSpread(_objectSpread({
+                $isOpen: exportOptionsMenuAnchor
+              }, props), {}, {
+                size: 14
+              }));
+            },
+            "data-testid": "action-bar-download-btn",
+            children: i18n(useAssetsPicker ? 'mutualizedSelectLabel' : 'mutualizedExportButtonLabel')
+          })
+        })
+      })]
+    }), !disableDownloadButton && /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsxs(Menu, {
+        anchorEl: exportOptionsMenuAnchor,
+        open: Boolean(exportOptionsMenuAnchor),
+        onClose: toggleExportOptionsMenu,
+        position: "top-end",
+        children: [/*#__PURE__*/_jsxs(Styled.MenuItem, {
+          onClick: onClickDownload,
+          children: [/*#__PURE__*/_jsx(Original, {
+            color: iconPrimaryColor,
+            size: SIZE
+          }), i18n('explorerTopBarAsOriginalText')]
+        }), hideTransformation ? /*#__PURE__*/_jsx(TooltipV2, {
+          title: tooltipTitle,
+          children: renderTransformationOption(hideTransformation)
+        }) : renderTransformationOption()]
+      })
+    }), /*#__PURE__*/_jsx(Styled.Separator, {
+      $mr: 24
+    }), /*#__PURE__*/_jsx(Styled.SelectionIconButton, {
+      size: "md",
+      color: "basic",
+      onClick: handleClearSelection,
+      "data-testid": "action-bar-close-btn",
+      children: function children(props) {
+        return /*#__PURE__*/_jsx(Cross, _objectSpread({}, props));
+      }
+    })]
+  });
+};
+export default DownloadWithExportButton;

package/lib/components/ActionBar/SelectionMenu.js

@@ -0,0 +1,111 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { useDispatch, useSelector } from 'react-redux';
+import { Remove, Link, More } from '@scaleflex/icons';
+import { PERMISSIONS } from '@scaleflex/widget-utils/lib/constants';
+import getFileDetails from '@scaleflex/widget-utils/lib/getFileDetails';
+import { isVisibilityPublic as isActualVisibilityPublic } from '@scaleflex/widget-utils/lib/visibility';
+import { useContextMenu } from '@scaleflex/widget-core/lib/hooks';
+import { selectIsUserPermittedToDisplayFile } from '@scaleflex/widget-core/lib/slices/user.slice';
+import { TooltipV2 } from '@scaleflex/ui/core';
+import { useExplorer } from '../../hooks';
+import DownloadWithExportButton from './DownloadWithExportButton';
+import Styled from './ActionBar.styled';
+import { selectFirstSelectedFileOrFolder, selectIsFileSelected, selectIsFolderSelected, selectIsSingleItemSelected, selectSelectedFilesUuids, selectSelectedFoldersUuids } from '../../slices/selections.slice';
+import { useDeleteItemsModal } from '../Modals';
+import { copyFileCdnLink } from '../../slices/files.slice';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var SelectionMenu = function SelectionMenu() {
+  var dispatch = useDispatch();
+  var _useExplorer = useExplorer(),
+    i18n = _useExplorer.i18n,
+    checkUserPermissions = _useExplorer.checkUserPermissions,
+    checkFileFolderPermissions = _useExplorer.checkFileFolderPermissions,
+    opts = _useExplorer.opts;
+  var triggerDeleteItemsModal = useDeleteItemsModal();
+  var toggleContextMenu = useContextMenu();
+  var selectedFoldersUuids = useSelector(selectSelectedFoldersUuids);
+  var selectedFilesUuids = useSelector(selectSelectedFilesUuids);
+  var firstItem = useSelector(selectFirstSelectedFileOrFolder); // priorty goes to file then folder, even if folder selected after file.
+  var isOneItem = useSelector(selectIsSingleItemSelected);
+  var isFolderSelected = useSelector(selectIsFolderSelected);
+  var isFileSelected = useSelector(selectIsFileSelected);
+  var isUserPermittedToDisplayFile = useSelector(selectIsUserPermittedToDisplayFile);
+  var selectedItemsCount = selectedFoldersUuids.length + selectedFilesUuids.length;
+  var disableDownloadButton = opts.disableDownloadButton,
+    noImgOperationsAndDownload = opts.noImgOperationsAndDownload,
+    useAssetsPicker = opts.useAssetsPicker;
+  var copyLinkToClipboard = function copyLinkToClipboard() {
+    dispatch(copyFileCdnLink(firstItem));
+  };
+  var handelRemoveClick = function handelRemoveClick() {
+    triggerDeleteItemsModal({
+      foldersUuids: selectedFoldersUuids,
+      filesUuids: selectedFilesUuids
+    });
+  };
+  var isVisibilityPublic = function isVisibilityPublic() {
+    if (firstItem && isOneItem) {
+      var _getFileDetails = getFileDetails(firstItem),
+        visibility = _getFileDetails.visibility;
+      return isActualVisibilityPublic(visibility);
+    }
+  };
+  var menuOptions = [{
+    Icon: More,
+    onClick: function onClick(event) {
+      return toggleContextMenu({
+        event: event,
+        foldersUuids: selectedFoldersUuids,
+        filesUuids: selectedFilesUuids
+      });
+    },
+    key: 'menu-dots'
+  }, _objectSpread({}, isOneItem && !isFolderSelected && isVisibilityPublic() ? {
+    Icon: Link,
+    onClick: copyLinkToClipboard,
+    key: 'get-file'
+  } : null), {
+    Icon: Remove,
+    onClick: handelRemoveClick,
+    key: 'remove-file',
+    disabled: !checkUserPermissions([isFolderSelected ? PERMISSIONS.FOLDER_DELETE : '', isFileSelected ? PERMISSIONS.FILE_DELETE : '']) || !checkFileFolderPermissions({
+      permissionsToCheck: [isFolderSelected ? PERMISSIONS.FOLDER_DELETE : '', isFileSelected ? PERMISSIONS.FILE_DELETE : ''],
+      permissionsList: firstItem === null || firstItem === void 0 ? void 0 : firstItem.permissions
+    })
+  }].filter(function (n) {
+    return !!Object.keys(n).length;
+  });
+  return /*#__PURE__*/_jsxs(Styled.SelectionMenu, {
+    children: [/*#__PURE__*/_jsx(Styled.MenuOptionsWrapper, {
+      children: !!selectedItemsCount && !useAssetsPicker && menuOptions.map(function (_ref) {
+        var Icon = _ref.Icon,
+          onClick = _ref.onClick,
+          hideOption = _ref.hideOption,
+          key = _ref.key,
+          disabled = _ref.disabled;
+        return !hideOption && /*#__PURE__*/_jsx(TooltipV2, {
+          size: "md",
+          title: i18n('mutualizedFileOptionPermissionsMutedHint'),
+          hide: !disabled,
+          children: /*#__PURE__*/_jsx("div", {
+            children: /*#__PURE__*/_jsx(Styled.SelectionIconButton, {
+              onClick: onClick,
+              size: "lg",
+              color: "basic",
+              disabled: disabled,
+              children: function children(props) {
+                return /*#__PURE__*/_jsx(Icon, _objectSpread({}, props));
+              }
+            }, key)
+          })
+        }, key);
+      })
+    }), !(disableDownloadButton || noImgOperationsAndDownload && isFolderSelected || !isUserPermittedToDisplayFile) && /*#__PURE__*/_jsx(DownloadWithExportButton, {})]
+  });
+};
+export default SelectionMenu;