@scaleflex/widget-common 0.0.1

package/dist/style.min.css

@@ -0,0 +1 @@
+@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");.filerobot-Explorer-assets-picker-modal{z-index:100000}.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:hover{background:#37414b}.filerobot-common-ItemHoverTopOptions button: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}

package/lib/ApprovalStatus/ApprovalStatus.styled.js

@@ -0,0 +1,21 @@
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { FV, PC } from '@scaleflex/widget-common';
+import styled from 'styled-components';
+var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n", ";\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  width: 100%;\n  color: ", ";\n"])), function (_ref) {
+  var fontVariant = _ref.fontVariant,
+    font = _ref.theme.typography.font;
+  return font[fontVariant || FV.LabelLarge];
+}, function (_ref2) {
+  var gap = _ref2.gap;
+  return "".concat(gap, "px");
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.palette[PC.TextPrimary];
+});
+var Label = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n"])));
+var Styled = {
+  Container: Container,
+  Label: Label
+};
+export default Styled;

package/lib/ApprovalStatus/index.js

@@ -0,0 +1,104 @@
+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 } from 'react';
+import { Success, Round, Clock, Cross2, Remove, QuestionMarkOutline } from '@scaleflex/icons';
+import { APPROVAL_STATUSES } from '@scaleflex/widget-utils/lib/constants';
+import { useTheme } from '@scaleflex/ui/theme/hooks';
+import { PC } from '@scaleflex/widget-common';
+import { useCore } from '@scaleflex/widget-core/lib/hooks';
+import lowercaseFirstLetter from '@scaleflex/widget-utils/lib/lowercaseFirstLetter';
+import CustomDate from '@scaleflex/widget-utils/lib/CustomDate';
+import Styled from './ApprovalStatus.styled.js';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var ApprovalStatus = function ApprovalStatus(_ref) {
+  var statusCode = _ref.statusCode,
+    _ref$showLabel = _ref.showLabel,
+    showLabel = _ref$showLabel === void 0 ? true : _ref$showLabel,
+    _ref$showIcon = _ref.showIcon,
+    showIcon = _ref$showIcon === void 0 ? true : _ref$showIcon,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 16 : _ref$size,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? 6 : _ref$gap,
+    _ref$longLabel = _ref.longLabel,
+    longLabel = _ref$longLabel === void 0 ? false : _ref$longLabel,
+    labelFontVariant = _ref.labelFontVariant,
+    renderActions = _ref.renderActions,
+    i18n = _ref.i18n,
+    date = _ref.date;
+  var theme = useTheme();
+  var _useCore = useCore(),
+    language = _useCore.opts.language;
+  var _useMemo = useMemo(function () {
+      switch (statusCode) {
+        case APPROVAL_STATUSES.APPROVED:
+        case APPROVAL_STATUSES.PRE_APPROVED:
+          return [function (iconProps) {
+            return /*#__PURE__*/_jsx(Success, _objectSpread(_objectSpread({}, iconProps), {}, {
+              color: theme.palette[PC.Success]
+            }));
+          }, i18n(longLabel ? 'approvalsStatusApprovedLongLabel' : 'approvalsStatusApprovedLabel')];
+        case APPROVAL_STATUSES.REFUSED:
+        case APPROVAL_STATUSES.PRE_REFUSED:
+        case APPROVAL_STATUSES.REJECTED:
+          return [function (iconProps) {
+            return /*#__PURE__*/_jsx(Cross2, _objectSpread(_objectSpread({}, iconProps), {}, {
+              color: theme.palette[PC.Error]
+            }));
+          }, i18n(longLabel ? 'approvalsStatusRejectedLongLabel' : 'approvalsStatusRejectedLabel')];
+        case APPROVAL_STATUSES.PENDING:
+          return [function (iconProps) {
+            return /*#__PURE__*/_jsx(Clock, _objectSpread(_objectSpread({}, iconProps), {}, {
+              color: theme.palette[PC.IconsPrimary]
+            }));
+          }, i18n(longLabel ? 'approvalsStatusPendingLongLabel' : 'approvalsStatusPendingLabel')];
+        case APPROVAL_STATUSES.CANCELLED:
+        case APPROVAL_STATUSES.CANCELED:
+          return [function (iconProps) {
+            return /*#__PURE__*/_jsx(Remove, _objectSpread(_objectSpread({}, iconProps), {}, {
+              color: theme.palette[PC.IconsSecondary]
+            }));
+          }, i18n(longLabel ? 'approvalsStatusCanceledLongLabel' : 'approvalsStatusCanceledLabel')];
+        case APPROVAL_STATUSES.NO_RESPONSE:
+          return [function (iconProps) {
+            return /*#__PURE__*/_jsx(QuestionMarkOutline, _objectSpread(_objectSpread({}, iconProps), {}, {
+              color: theme.palette[PC.IconsPrimary]
+            }));
+          }, i18n('approvalsStatusNoRespond')];
+        default:
+          return [function (iconProps) {
+            return /*#__PURE__*/_jsx(Round, _objectSpread(_objectSpread({}, iconProps), {}, {
+              color: theme.palette[PC.BackgroundGrey]
+            }));
+          }, i18n('approvalsStatusNoneLabel')];
+      }
+    }, [statusCode]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    Icon = _useMemo2[0],
+    label = _useMemo2[1];
+  if (!showIcon && !showLabel) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(Styled.Container, {
+    fontVariant: labelFontVariant,
+    gap: gap,
+    children: [showIcon && Icon && /*#__PURE__*/_jsx(Icon, {
+      size: size
+    }), showLabel && /*#__PURE__*/_jsxs(Styled.Label, {
+      children: [label, date && " ".concat(lowercaseFirstLetter(i18n('approvalsOnDateLabel', {
+        date: new CustomDate(date).getFormattedDate(language)
+      })))]
+    }), typeof renderActions === 'function' && renderActions()]
+  });
+};
+export default ApprovalStatus;

package/lib/AssetPreview.js

@@ -0,0 +1,53 @@
+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); }
+var _excluded = ["file", "getItemIcon", "filePreviewToggle", "isDevEnv", "viewLayout", "noImgTransformations", "container", "lazyloading", "isSmallSizePreview"];
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { LAYOUTS_IDS } from '@scaleflex/widget-utils/lib/constants';
+import isImage from '@scaleflex/widget-utils/lib/isImage';
+import checkIfPngSvgGIF from '@scaleflex/widget-utils/lib/checkIfPngSvgGIF';
+import getFileExtension from '@scaleflex/widget-utils/lib/getFileExtension';
+import isTransparencySupported from '@scaleflex/widget-utils/lib/isTransparencySupported';
+import ImagePreview from './ImagePreview';
+import { jsx as _jsx } from "react/jsx-runtime";
+var AssetPreview = function AssetPreview(_ref) {
+  var _file$size, _file$info, _file$info2;
+  var file = _ref.file,
+    getItemIcon = _ref.getItemIcon,
+    filePreviewToggle = _ref.filePreviewToggle,
+    isDevEnv = _ref.isDevEnv,
+    viewLayout = _ref.viewLayout,
+    _ref$noImgTransformat = _ref.noImgTransformations,
+    noImgTransformations = _ref$noImgTransformat === void 0 ? false : _ref$noImgTransformat,
+    container = _ref.container,
+    lazyloading = _ref.lazyloading,
+    _ref$isSmallSizePrevi = _ref.isSmallSizePreview,
+    isSmallSizePreview = _ref$isSmallSizePrevi === void 0 ? false : _ref$isSmallSizePrevi,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var extension = getFileExtension(file);
+  var isPngSvgGif = checkIfPngSvgGIF(extension);
+  return /*#__PURE__*/_jsx(ImagePreview, _objectSpread({
+    size: file === null || file === void 0 ? void 0 : (_file$size = file.size) === null || _file$size === void 0 ? void 0 : _file$size.bytes,
+    file: file,
+    thumbnailUrl: file === null || file === void 0 ? void 0 : (_file$info = file.info) === null || _file$info === void 0 ? void 0 : _file$info.thumbnail,
+    previewUrl: file === null || file === void 0 ? void 0 : (_file$info2 = file.info) === null || _file$info2 === void 0 ? void 0 : _file$info2.preview,
+    srcUrl: getItemIcon(),
+    onDoubleClick: filePreviewToggle,
+    parentIsList: viewLayout === LAYOUTS_IDS.LIST,
+    isImage: isImage(file),
+    isPngSvgGif: isPngSvgGif,
+    extension: extension,
+    noImgTransformations: noImgTransformations,
+    isDevEnv: isDevEnv,
+    container: container,
+    lazyloading: lazyloading,
+    isTransparencySupported: isTransparencySupported(file),
+    isRemoteUpload: file === null || file === void 0 ? void 0 : file.isRemote,
+    isSmallSizePreview: isSmallSizePreview
+  }, props));
+};
+export default AssetPreview;

package/lib/AutoSuggest.js

@@ -0,0 +1,166 @@
+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 { useState, useEffect } from 'react';
+import { InfoOutline } from '@scaleflex/icons';
+import { InputAndLabel, BackdropOverlay, Spinner } from './';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var AutoSuggest = function AutoSuggest(props) {
+  var _props$val, _props$suggestions;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeSuggestion = _useState2[0],
+    setActiveSuggestion = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filteredSuggestions = _useState4[0],
+    setFilteredSuggestions = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showSuggestions = _useState6[0],
+    setShowSuggestions = _useState6[1];
+  var _useState7 = useState((_props$val = props.val) !== null && _props$val !== void 0 ? _props$val : ''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    value = _useState8[0],
+    setValue = _useState8[1];
+  useEffect(function () {
+    if (props.onMount) {
+      props.onMount('/');
+      setShowSuggestions(true);
+    }
+  }, []);
+  useEffect(function () {
+    setValue(props.val);
+  }, [props.val]);
+  var suggestionChoose = function suggestionChoose(e) {
+    setActiveSuggestion(0);
+    setFilteredSuggestions([]);
+    setShowSuggestions(false);
+    setValue(e.currentTarget.innerText);
+    if (props.onChoose) {
+      props.onChoose(e);
+    }
+  };
+  var suggestionListChange = function suggestionListChange(e) {
+    props.getParentPosition(e);
+    var input = e !== null && e !== void 0 && e.target ? e.target.value : e;
+    var data = props.handleInput ? props.handleInput(e) : [];
+    var filteredSuggestions = data === null || data === void 0 ? void 0 : data.filter(function (sugg) {
+      return sugg.toLowerCase().indexOf(input.toLowerCase()) > -1;
+    });
+    setActiveSuggestion(0);
+    setFilteredSuggestions(filteredSuggestions);
+    setShowSuggestions(true);
+    setValue(input);
+  };
+  var closeSuggestion = function closeSuggestion() {
+    setShowSuggestions(false);
+  };
+  var toggleSuggestion = function toggleSuggestion(e) {
+    props.getParentPosition(e);
+    setShowSuggestions(!showSuggestions);
+  };
+  var suggestionListKeyDown = function suggestionListKeyDown(e) {
+    if (props.onListKeyDown) {
+      props.onListKeyDown(e);
+    } else if (e.keyCode === 13) {
+      if (props.onKeyEnter) {
+        props.onKeyEnter(e);
+      }
+      setActiveSuggestion(0);
+      setShowSuggestions(false);
+      setValue(props.clearValue ? '' : filteredSuggestions[activeSuggestion]);
+    } else if (e.key === 'Backspace' && !value) {
+      if (props.onKeyBackSpace) {
+        props.onKeyBackSpace();
+      }
+    } else if (e.keyCode === 38) {
+      // User pressed the up arrow
+      if (activeSuggestion === 0) {
+        return;
+      }
+      setActiveSuggestion(activeSuggestion - 1);
+      // User pressed the down arrow
+    } else if (e.keyCode === 40) {
+      if (activeSuggestion - 1 === (filteredSuggestions === null || filteredSuggestions === void 0 ? void 0 : filteredSuggestions.length)) {
+        return;
+      }
+      setActiveSuggestion(activeSuggestion + 1);
+    }
+  };
+  var renderLoading = function renderLoading() {
+    return /*#__PURE__*/_jsx("div", {
+      className: props.postUpload ? 'suggestions  post-upload-suggestion suggestion-loading' : 'suggestions suggestion-loading',
+      children: /*#__PURE__*/_jsx(Spinner, {})
+    });
+  };
+  var renderOptionTags = function renderOptionTags() {
+    return /*#__PURE__*/_jsxs("div", {
+      className: "suggestions-title",
+      children: [/*#__PURE__*/_jsx("span", {
+        children: props.i18n('subTabSuggestedTagsLabel')
+      }), /*#__PURE__*/_jsx(InfoOutline, {
+        color: props.iconPrimaryColor
+      })]
+    });
+  };
+  var renderSuggestionList = function renderSuggestionList(suggestions) {
+    return /*#__PURE__*/_jsx("ul", {
+      className: props.postUpload ? "suggestions post-upload-suggestion suggestions-".concat(props.isTags ? 'tags' : 'list') : 'suggestions',
+      children: suggestions.map(function (suggestion, index) {
+        var className;
+
+        // Flag the active suggestion with a class
+        if (index === activeSuggestion) {
+          className = 'suggestion-active';
+        }
+        return /*#__PURE__*/_jsx("li", {
+          className: className,
+          onClick: suggestionChoose,
+          children: suggestion
+        }, suggestion);
+      })
+    });
+  };
+
+  // if we want to update suggestion from props
+  var suggestions = ((_props$suggestions = props.suggestions) === null || _props$suggestions === void 0 ? void 0 : _props$suggestions.length) > 0 ? props.suggestions : filteredSuggestions;
+  var suggestionsListComponent;
+  if (value) {
+    if (props.loadSuggestion) {
+      suggestionsListComponent = renderLoading();
+    } else {
+      if (suggestions !== null && suggestions !== void 0 && suggestions.length && showSuggestions) {
+        suggestionsListComponent = /*#__PURE__*/_jsxs("div", {
+          className: "filerobot-common-autoSuggest-list-wrapper".concat(props.listClasses ? " ".concat(props.listClasses) : ''),
+          style: {
+            bottom: 17
+          },
+          children: [props.isTags && renderOptionTags(), renderSuggestionList(suggestions)]
+        });
+      }
+    }
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [showSuggestions && /*#__PURE__*/_jsx(BackdropOverlay, {
+      onClick: closeSuggestion
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "filerobot-common-autoSuggest",
+      children: [/*#__PURE__*/_jsx(InputAndLabel, {
+        item: props.label,
+        type: "text",
+        autoComplete: "off",
+        value: value,
+        onKeyDown: suggestionListKeyDown,
+        onInput: suggestionListChange,
+        onClick: toggleSuggestion,
+        i18n: props.i18n,
+        icon: props.icon
+      }), suggestionsListComponent]
+    })]
+  });
+};
+export default AutoSuggest;

package/lib/Avatar/Avatar.styled.js

@@ -0,0 +1,25 @@
+var _templateObject;
+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, FV } from '@scaleflex/widget-common';
+var Avatar = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", ";\n\n  position: relative;\n  display: flex;\n  width: ", "px;\n  height: ", "px;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  border-radius: 50%;\n  flex-shrink: 0;\n\n  ", "\n\n  > img {\n    max-width: 100%;\n    max-height: 100%;\n    border-radius: 50%;\n  }\n"])), function (_ref) {
+  var labelSize = _ref.labelSize,
+    font = _ref.theme.typography.font;
+  return font[labelSize === 'sm' ? FV.LabelLargeEmphasis : FV.LabelExtraLargeEmphasis];
+}, function (_ref2) {
+  var _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 42 : _ref2$size;
+  return size;
+}, function (_ref3) {
+  var _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 42 : _ref3$size;
+  return size;
+}, function (_ref4) {
+  var isImage = _ref4.isImage,
+    palette = _ref4.theme.palette;
+  return !isImage && "\n    background: ".concat(palette[PC.Accent_0_8_Overlay], ";\n    color: ").concat(palette[PC.AccentStateless], ";\n  ");
+});
+var Styled = {
+  Avatar: Avatar
+};
+export default Styled;

package/lib/Avatar/index.js

@@ -0,0 +1,83 @@
+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 { useState } from 'react';
+import { useTheme } from '@scaleflex/ui/theme/hooks';
+import User from '@scaleflex/icons/user';
+import { Image, PC } from '@scaleflex/widget-common';
+import getCloudimagePrefixedUrl from '@scaleflex/widget-utils/lib/getCloudimagePrefixedUrl';
+import Styled from './Avatar.styled';
+
+/**
+ * How to use?
+ *
+ * - Usual case:
+ *    <Avatar photo={userPhoto} name={userNameOrEmail} />
+ *
+ * - Small avatar case:
+ *    <Avatar photo={userPhoto} size={16} iconSize={7.5} />
+ *
+ * - Team avatar case:
+ *    <Avatar photo={teamPhoto} Icon={Group} />
+ *    OR if you don't need team image
+ *    <Avatar Icon={Group} />
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var Avatar = function Avatar(_ref) {
+  var name = _ref.name,
+    photo = _ref.photo,
+    label = _ref.label,
+    renderExtraBlock = _ref.renderExtraBlock,
+    _ref$labelSize = _ref.labelSize,
+    labelSize = _ref$labelSize === void 0 ? 'md' : _ref$labelSize,
+    _ref$DefaultIcon = _ref.DefaultIcon,
+    DefaultIcon = _ref$DefaultIcon === void 0 ? User : _ref$DefaultIcon,
+    _ref$iconSize = _ref.iconSize,
+    iconSize = _ref$iconSize === void 0 ? 18 : _ref$iconSize,
+    Icon = _ref.Icon,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 42 : _ref$size;
+  var theme = useTheme();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasPhotoLoadError = _useState2[0],
+    setHasPhotoLoadError = _useState2[1];
+  var renderLabel = function renderLabel() {
+    var _name$match;
+    if (Icon) return /*#__PURE__*/_jsx(Icon, {
+      color: theme.palette[PC.AccentStateless],
+      size: iconSize
+    });
+    if (label) return label;
+    if (name) return (_name$match = name.match(/\w/)) === null || _name$match === void 0 ? void 0 : _name$match[0];
+    return /*#__PURE__*/_jsx(DefaultIcon, {
+      color: theme.palette[PC.AccentStateless],
+      size: iconSize
+    });
+  };
+  return /*#__PURE__*/_jsxs(Styled.Avatar, {
+    isImage: Boolean(!hasPhotoLoadError && photo),
+    labelSize: labelSize,
+    size: size,
+    children: [!hasPhotoLoadError && photo ? /*#__PURE__*/_jsx(Image, {
+      src: getCloudimagePrefixedUrl(photo, {
+        params: {
+          w: size * 2,
+          h: size * 2,
+          func: 'crop'
+        }
+      }),
+      alt: "Photo",
+      onError: function onError() {
+        return setHasPhotoLoadError(true);
+      },
+      onLoad: function onLoad() {
+        return setHasPhotoLoadError(false);
+      }
+    }) : renderLabel(), typeof renderExtraBlock === 'function' && renderExtraBlock()]
+  });
+};
+export default Avatar;

package/lib/AvatarWithStatus/AvatarWithStatus.styled.js

@@ -0,0 +1,12 @@
+var _templateObject;
+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 AvatarStatus = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  bottom: -5px;\n  right: -4px;\n  width: 20px;\n  height: 20px;\n  background: ", ";\n  border-radius: 50%;\n  padding: 3px;\n"])), function (_ref) {
+  var palette = _ref.theme.palette;
+  return palette[PC.BackgroundStateless];
+});
+var Styled = {
+  AvatarStatus: AvatarStatus
+};
+export default Styled;

package/lib/AvatarWithStatus/index.js

@@ -0,0 +1,30 @@
+import Avatar from '@scaleflex/widget-common/lib/Avatar';
+import Styled from './AvatarWithStatus.styled';
+import ApprovalStatus from '../ApprovalStatus';
+import { jsx as _jsx } from "react/jsx-runtime";
+var AvatarWithStatus = function AvatarWithStatus(_ref) {
+  var photo = _ref.photo,
+    name = _ref.name,
+    status = _ref.status,
+    label = _ref.label,
+    _ref$labelSize = _ref.labelSize,
+    labelSize = _ref$labelSize === void 0 ? 'md' : _ref$labelSize,
+    i18n = _ref.i18n;
+  return /*#__PURE__*/_jsx(Avatar, {
+    photo: photo,
+    name: name,
+    label: label,
+    labelSize: labelSize,
+    renderExtraBlock: function renderExtraBlock() {
+      return status && /*#__PURE__*/_jsx(Styled.AvatarStatus, {
+        children: /*#__PURE__*/_jsx(ApprovalStatus, {
+          size: 14,
+          statusCode: status,
+          showLabel: false,
+          i18n: i18n
+        })
+      });
+    }
+  });
+};
+export default AvatarWithStatus;

package/lib/BackButton.js

@@ -0,0 +1,46 @@
+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); }
+var _excluded = ["onClick", "hideDivider", "noMargin", "iconPrimaryColor", "dividerStyles"];
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { GoBack } from '@scaleflex/icons';
+import { IconLabeledButton } from './';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var baseClass = 'filerobot-common-BackCloseButton';
+var BackButton = function BackButton(_ref) {
+  var onClick = _ref.onClick,
+    _ref$hideDivider = _ref.hideDivider,
+    hideDivider = _ref$hideDivider === void 0 ? false : _ref$hideDivider,
+    _ref$noMargin = _ref.noMargin,
+    noMargin = _ref$noMargin === void 0 ? false : _ref$noMargin,
+    iconPrimaryColor = _ref.iconPrimaryColor,
+    dividerStyles = _ref.dividerStyles,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return !hideDivider ? /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+    className: baseClass
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx(IconLabeledButton, {
+      icon: /*#__PURE__*/_jsx(GoBack, {
+        color: iconPrimaryColor
+      }),
+      classes: "".concat(baseClass, "-button").concat(noMargin ? '' : " ".concat(baseClass, "-buttonMargin")),
+      onClick: onClick
+    }), /*#__PURE__*/_jsx("div", {
+      className: "filerobot-common-verticalDivider ".concat(baseClass, "-divider"),
+      style: _objectSpread({
+        marginLeft: noMargin ? 6 : undefined
+      }, dividerStyles)
+    })]
+  })) : /*#__PURE__*/_jsx(IconLabeledButton, _objectSpread({
+    icon: /*#__PURE__*/_jsx(GoBack, {
+      color: iconPrimaryColor
+    }),
+    classes: "".concat(baseClass, "-button").concat(noMargin ? '' : " ".concat(baseClass, "-buttonMargin")),
+    onClick: onClick
+  }, rest));
+};
+export default BackButton;