@inceptionbg/iui 1.0.129 → 1.0.131

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap");:root{--primary:#126c88;--primary-rgb:18,108,136;--primary-o10:rgba(var(--primary-rgb),0.1);--primary-o25:rgba(var(--primary-rgb),0.25);--primary-light:#309dbf;--primary-dark:#004459;--secondary:#ff9500;--secondary-rgb:255,149,0;--secondary-o10:rgba(var(--secondary-rgb),0.1);--secondary-o25:rgba(var(--secondary-rgb),0.25);--secondary-light:#fa3;--secondary-dark:#ca5502;--gray:#d6d6d6;--gray-light:#f9f9f9;--success:#4caf50;--info:#03a9f4;--warning:#ff9500;--error:#f44336;--error-dark:#c43b34;--success01:#edf7ed;--info01:#e5f6fd;--warning01:#fff3e4;--error01:#ffeae9;--success03:#c9e7ca;--info03:#b3e5fc;--warning03:#ffe0b2;--error03:#fcc6c2;--header-height:50px;--table-border:1px solid #e0e0e0;--sidebar-width:260px;--sidebar-collapsed-width:55px;--container-shadow:0px 0px 5px hsla(0,2%,70%,.5);--container-radius:25px;--container-radius-bottom:0 0 25px 25px;--input-radius:4px;--deep-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);--fs-m:13px}[data-theme=MTS]{--primary-rgb:237,26,59;--primary:rgb(var(--primary-rgb));--primary-o10:rgba(var(--primary-rgb),0.1);--primary-o25:rgba(var(--primary-rgb),0.25);--primary-light:#ef314f;--primary-dark:#b60e28;--secondary:#ff9500}[data-theme=PPL]{--primary-rgb:0,144,223;--primary:rgb(var(--primary-rgb));--primary-o10:rgba(var(--primary-rgb),0.1);--primary-o25:rgba(var(--primary-rgb),0.25);--primary-light:#309dbf;--primary-dark:#004459}*{font-family:Roboto,sans-serif}h1,h2,h3,h5,p{margin:0}p{font-size:var(--fs-m)}h1{font-size:20px;font-weight:900}h2{font-size:16px}h5{font-size:48px;font-weight:900}.bold{font-weight:700!important}.italic{font-style:italic!important}.new-line{white-space:pre-line!important}.no-wrap{white-space:nowrap!important}.word-break{word-break:break-word!important}.link{color:var(--primary-dark)!important;cursor:pointer;text-decoration:underline!important}.link.inactive{opacity:.5}.link:not(:disabled){cursor:pointer}.link:hover:not(:disabled){color:var(--primary)!important;opacity:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes linear-progress{0%{background-position:left -31.25% top 0;background-size:200% 100%}50%{background-position:left -49% top 0;background-size:800% 100%}to{background-position:left -102% top 0;background-size:400% 100%}}@keyframes auto-fill{to{font-size:13px}}@keyframes rotate{to{transform:rotate(1turn)}}.align-center{align-items:center!important}.justify-center{justify-content:center!important}.align-left{align-items:left!important}.justify-left{justify-content:left!important}.align-right{align-items:right!important}.justify-right{justify-content:right!important}.justify-around{justify-content:space-around!important}.justify-between{justify-content:space-between!important}.justify-evenly{justify-content:space-evenly!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.fs-10{font-size:10px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-15{font-size:15px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.fs-32{font-size:32px!important}body{margin:0;width:100%}:focus-visible{outline:none!important}a{-webkit-user-drag:none;color:unset;text-decoration:none}.clickable{cursor:pointer;transition:background-color .25s}.clickable.disabled,.clickable:disabled{cursor:default;opacity:.4;pointer-events:none;user-select:none}.no-overflow{overflow:hidden}.overflow-x-auto{overflow-x:auto}.hover-primary:hover{background-color:var(--primary-o10)}.hover-secondary:hover{background-color:var(--secondary-o10)}.hover-gray:hover{background-color:rgba(0,0,0,.05)}.no-border{border:none!important}.c-primary{color:var(--primary)!important}.hidden{display:none!important}.block{display:block!important}.relative{position:relative!important}.flex{display:flex}.flex.column{flex-direction:column}.flex.center{align-items:center;justify-content:center}.flex.wrap{flex-wrap:wrap}.inline-flex{display:inline-flex}.flex-grow{flex-grow:1!important}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.gap-5{gap:3rem}.gap-form{gap:16px 8px}.grid{display:grid}.grid.auto-1{grid-template-columns:auto 1fr}.grid.fr-2{grid-template-columns:1fr 1fr}@media screen and (max-width:700px){.grid.fr-2{grid-template-columns:1fr}}.grid.fr-3{grid-template-columns:1fr 1fr 1fr}@media screen and (max-width:700px){.grid.fr-3{grid-template-columns:1fr}}.full-screen{height:100vh!important;width:100vw!important}.full-width{width:100%!important}.half-width{width:50%!important}.width-fit{width:fit-content!important}.w-300{width:300px!important}.full-height{height:100%!important}.icon24{height:24px!important;width:24px!important}.iui-accordions{display:flex;flex-direction:column}.iui-accordion{background:#fff;border-radius:var(--container-radius);box-shadow:var(--container-shadow);color:rgba(0,0,0,.87);font-size:13px;margin:3px 0}.iui-accordion .summary{align-items:center;display:flex;font-weight:500;justify-content:space-between;margin-bottom:1px;min-height:48px;padding:0 16px;user-select:none}.iui-accordion .iui-icon{color:var(--primary-light);font-size:20px;margin-bottom:0;margin-right:16px;max-width:20px}.iui-accordion .collapse-icon{color:#333;height:12px;width:14px}.iui-accordion.compact{border-radius:unset;margin:unset}.iui-accordion.compact:first-child{border-top-left-radius:var(--container-radius);border-top-right-radius:var(--container-radius)}.iui-accordion.compact:last-child{border-bottom-left-radius:var(--container-radius);border-bottom-right-radius:var(--container-radius)}.iui-alert{align-items:center;border-radius:25px;display:flex;font-size:13px;padding:16px}.iui-alert svg{font-size:18px;margin-right:12px;opacity:.9}.iui-alert.success{background:var(--success01)}.iui-alert.success svg{color:var(--success)}.iui-alert.info{background:var(--info01)}.iui-alert.info svg{color:var(--info)}.iui-alert.warning{background:var(--warning01)}.iui-alert.warning svg{color:var(--warning)}.iui-alert.error{background:var(--error01)}.iui-alert.error svg{color:var(--error)}.iui-badge-parent{display:inline-block;position:relative}.iui-badge{align-items:center;border-radius:100%;display:flex;justify-content:center;position:absolute;right:0;top:0;transform:scale(1) translate(50%,-50%);transform-origin:100% 0}.iui-badge.primary{background-color:var(--primary);border:2px solid #fff;color:#fff}.iui-badge:not(.small){font-size:11px;height:21px;width:21px}.iui-badge.small{font-size:10px;height:18px;width:18px}.iui-pill-badge{border-radius:20px;font-size:12px;padding:5px 11px;width:fit-content}.iui-pill-badge.success{background-color:var(--success03)}.iui-pill-badge.info{background-color:var(--info03)}.iui-pill-badge.warning{background-color:var(--warning03)}.iui-pill-badge.error{background-color:var(--error03)}.iui-pill-badge.gray{background-color:#e0e0e0}.iui-dot-badge{border-radius:50%;max-height:13px;max-width:13px;min-height:13px;min-width:13px}.iui-dot-badge.success{background-color:var(--success)}.iui-dot-badge.info{background-color:var(--info)}.iui-dot-badge.warning{background-color:var(--warning)}.iui-dot-badge.error{background-color:var(--error)}.iui-dot-badge.gray{background-color:#9d9d9d}.iui-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;justify-content:center;letter-spacing:.4px;transition:background-color .25s;user-select:none}.iui-btn svg{font-size:16px;margin:0 4px}.iui-btn.primary{color:var(--primary-dark)}.iui-btn.primary.solid{background-color:var(--primary)}.iui-btn.primary.outlined{border:2px solid var(--primary-o25)}.iui-btn.primary:not(:disabled).active.solid,.iui-btn.primary:not(:disabled):active.solid,.iui-btn.primary:not(:disabled):hover.solid{background-color:var(--primary-dark)}.iui-btn.primary:not(:disabled).active:not(.solid),.iui-btn.primary:not(:disabled):active:not(.solid),.iui-btn.primary:not(:disabled):hover:not(.solid){background-color:var(--primary-o25)}.iui-btn.secondary{color:var(--secondary-dark)}.iui-btn.secondary.solid{background-color:var(--secondary)}.iui-btn.secondary.outlined{border:2px solid var(--secondary-o25)}.iui-btn.secondary:not(:disabled).active.solid,.iui-btn.secondary:not(:disabled):active.solid,.iui-btn.secondary:not(:disabled):hover.solid{background-color:var(--secondary-dark)}.iui-btn.secondary:not(:disabled).active:not(.solid),.iui-btn.secondary:not(:disabled):active:not(.solid),.iui-btn.secondary:not(:disabled):hover:not(.solid){background-color:var(--secondary-o25)}.iui-btn.error{color:var(--error)}.iui-btn.error.solid{background-color:var(--error)}.iui-btn.error.outlined{border:2px solid var(--error03)}.iui-btn.error:not(:disabled).active.solid,.iui-btn.error:not(:disabled):active.solid,.iui-btn.error:not(:disabled):hover.solid{background-color:var(--error-dark)}.iui-btn.error:not(:disabled).active:not(.solid),.iui-btn.error:not(:disabled):active:not(.solid),.iui-btn.error:not(:disabled):hover:not(.solid){background-color:var(--error03)}.iui-btn.solid{color:#fff!important}.iui-btn:disabled{cursor:default;opacity:.4}.iui-btn:not(:disabled):active{transform:translateY(2px)}.iui-btn.xs{font-size:10px;height:23px;padding:4px}.iui-btn.xs.outlined{border-width:1px;padding:3px}.iui-btn.xs svg{font-size:10px;margin-right:0}.iui-btn.s{font-size:12px;padding:6px}.iui-btn.s.outlined{padding:4px}.iui-btn.s svg{font-size:14px}.iui-btn.m{font-size:13px;height:38px;padding:10px}.iui-btn.m.outlined{padding:8px}.iui-btn.l{font-size:15px;padding:12px}.iui-btn.l.outlined{padding:10px}.iui-btn.l svg{font-size:18px}.iui-btn-label{margin:0 4px}.iui-icon-btn{border-radius:50%;padding:6px}.iui-icon-btn svg{height:20px;margin:0!important;width:20px}.iui-icon-btn.s svg{height:16px;width:16px}.iui-card{background:#fff;border-radius:var(--container-radius);box-shadow:var(--container-shadow)}.iui-card>.content.s{padding:10px}.iui-card>.content.l{padding:40px 30px}.iui-card-header{border-bottom:1px solid rgba(122,123,151,.3);font-weight:700;height:45px;justify-content:space-between;margin:0 10px;padding-left:15px}.iui-card-header,.iui-dialog{align-items:center;display:flex}.iui-dialog{animation:fade-in .2s forwards;background-color:rgba(0,0,0,.5);height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.iui-dialog.closing{animation:fade-out .2s forwards;display:flex}.iui-dialog-container{animation:scale-in .2s forwards;background-color:#fefefe;border:10px solid var(--primary-o25);border-radius:32px;box-sizing:border-box;max-width:98vw;padding:24px 24px 15px;width:fit-content}.iui-dialog-container h1{margin:0 16px}.iui-dialog-container.m{min-width:30vw}.iui-dialog-container.l{min-width:50vw}.iui-dialog-container.xl{min-width:90vw}.iui-dialog-container.error .iui-dialog-content .icon,.iui-dialog-container.info .iui-dialog-content .icon{font-size:24px;margin-left:-8px;margin-right:16px}.iui-dialog-container.info .icon{color:var(--info)}.iui-dialog-container.error{border-color:var(--error03)}.iui-dialog-container.error .icon{color:var(--error)}.iui-dialog-content{max-height:80vh}.iui-dialog-content.padding{padding:24px}.iui-dialog-content:not(.no-overflow){overflow:auto;overscroll-behavior:none}.iui-dialog-actions{display:flex;justify-content:right;padding-top:10px}.iui-input-container{border-radius:var(--input-radius);box-sizing:border-box;display:inline-flex;flex-direction:column;margin-top:4px;position:relative;width:100%}.iui-input-container .disabled{background-color:#f2f2f2}.iui-input-container .disabled p{opacity:.5}.iui-input-container.error .helper-text{color:var(--error)}.iui-input-container.error fieldset{border-color:var(--error)!important}.iui-input-container.error fieldset.focus label{color:var(--error)!important}.iui-input-container .helper-text{color:rgba(0,0,0,.5);font-size:12px;margin:4px 14px 0}.iui-input-container fieldset{border:1px solid var(--primary-o25);border-radius:var(--input-radius);margin:0;padding:0}.iui-input-container fieldset legend{display:none;font-size:10.5px;height:0;margin-left:7px;visibility:hidden}.iui-input-container fieldset label{color:rgba(0,0,0,.5);font-size:13px;left:14px;max-width:100%;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:10px;transition:.15s;white-space:nowrap;z-index:1}.iui-input-container fieldset.focus label,.iui-input-container fieldset.shrink label{padding:0 5px!important;transform:translate(-6px,-17px) scale(.75);transform-origin:top left}.iui-input-container fieldset.focus legend,.iui-input-container fieldset.shrink legend{display:block}.iui-input-container fieldset.focus{border-color:var(--primary)}.iui-input-container fieldset.focus label{color:var(--primary)}.iui-input-container .with-end-button input{padding-right:38px}.iui-input-container .with-end-button svg{height:18px;margin-left:-37px;padding:9px;width:18px}.iui-input-container .with-end-button svg:not(.disabled){color:rgba(0,0,0,.8);cursor:pointer}.iui-input-container .with-end-button svg:not(.disabled):hover{color:var(--primary)}.iui-input-container .with-end-button svg.disabled{opacity:.4}input,textarea{background-color:#fff;border:none;border-radius:var(--input-radius);box-sizing:border-box;font-size:13px;height:calc(100% + 2px);padding:10px 14px;width:100%}input:-webkit-autofill,textarea:-webkit-autofill{animation-duration:.5s;animation-name:auto-fill}input:disabled,textarea:disabled{background-color:#f2f2f2}input::placeholder,textarea::placeholder{color:rgba(0,0,0,.314);font-weight:200!important}textarea{resize:none}.iui-checkbox,.iui-radio{align-items:center;display:inline-flex;font-size:var(--fs-m);gap:8px;padding:8px;user-select:none;width:fit-content}.iui-checkbox .icon,.iui-radio .icon{color:rgba(0,0,0,.54);height:20px;min-width:20px;width:20px}.iui-checkbox .icon.selected,.iui-radio .icon.selected{color:var(--primary)}.iui-checkbox .icon path,.iui-radio .icon path{fill:currentColor}.iui-checkbox{cursor:pointer;position:relative}.iui-checkbox input{height:1px;margin:0 3px;opacity:0;position:absolute;width:fit-content}.iui-checkbox.disabled{cursor:default;opacity:.4;user-select:none}.iui-checkbox.disabled input{cursor:default}.iui-radio-icon{display:flex;position:relative}.iui-radio-icon svg.secondary{left:0;position:absolute;transform:scale(0);transition:transform .15s cubic-bezier(.4,0,1,1) 0ms}.iui-radio-icon svg.secondary.selected{transform:scale(1);transition:transform .15s cubic-bezier(0,0,.2,1) 0ms}.iui-radio-icon .fake-input{left:2px;margin:0;top:9px}.radio-large{align-items:unset;border:1px solid;border-left:2px solid;border-color:var(--gray);box-sizing:border-box;cursor:pointer;overflow:auto;padding:16px;width:100%}.radio-large.selected,.radio-large:not(.disabled):not(.active):hover{border-color:var(--primary)}.radio-large.selected{background-color:rgba(var(--primary-rgb),.03)}.radio-large.disabled{background-color:#f9f9f9;cursor:auto;opacity:.5}.radio-large .title{line-height:1.6}.date-input{align-items:center;background-color:#fff;border-radius:var(--input-radius);display:flex;font-size:13px;height:36px;position:relative}.date-input.disabled{background-color:#eee}.date-input.disabled input{background-color:#eee;color:#999}.date-input .inputs{align-items:center;display:flex;padding:0 14px;width:100%}.date-input .inputs input[type=number]{height:36px;padding:0;text-align:right}.date-input .inputs input[type=number]::-webkit-inner-spin-button,.date-input .inputs input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.date-input .inputs input[type=number].error{color:var(--error);font-weight:700}.date-input .button{border-left:1px solid #ccc;color:#ccc;margin:8px 0;padding:0 8px!important}.date-input .button:hover:not(.disabled){color:#999;cursor:pointer}.date-input .button svg{height:16px;width:16px}.react-calendar{border:none!important;user-select:none}.react-calendar__tile--active{background:var(--primary)!important}.react-calendar__tile--active:enabled:hover{background:var(--primary-light)!important}.fake-input{height:1px;opacity:0;padding:0!important;pointer-events:none;position:absolute;width:100%;z-index:-1}.full-screen-loader{background-color:hsla(0,0%,100%,.7);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.full-screen-loader .loader{position:fixed!important}.lazy-loader{height:calc(100vh - var(--header-height));position:relative}.loader{align-items:center;background-color:hsla(0,0%,100%,.6);display:flex;inset:0;justify-content:center;position:absolute}.loader.dialog-loader{border-radius:20px}.loader .spinner{animation:rotate 1.5s linear infinite;border-radius:50%;box-shadow:inset -2px 0 0 2px var(--primary);display:inline-block;height:50px;width:50px}.empty-loader{height:60px;width:100%}.iui-menu{animation:fade-in .2s forwards;background:#fff;border-radius:8px;box-shadow:var(--deep-shadow);overflow:auto;overscroll-behavior:none;padding:4px 0;position:absolute}.iui-menu::-webkit-scrollbar{width:5px}.iui-menu.s{min-width:150px}.iui-menu.m{min-width:250px}.iui-menu.l{min-width:500px}.iui-menu-item{padding:8px 16px;user-select:none}.iui-menu-item.clickable:hover:not(:disabled):not(.disabled){background-color:#eee}.iui-menu-item.with-devider:not(:last-child){border-bottom:1px solid rgba(0,0,0,.12)}.iui-menu-item svg{opacity:.6}.iui-menu-item-devider{margin:0}.iui-menu-item-devider:last-child{display:none}.page-container{max-height:calc(100vh - var(--header-height));min-height:calc(100vh - var(--header-height))}.page-container,.page-content{display:flex;flex-direction:column}.page-content{flex:1;overflow-y:auto;padding:16px 24px}.page-header{align-items:center;border-bottom:1px solid var(--gray);display:flex;justify-content:space-between;max-height:55px;min-height:55px;padding:0 24px}.page-header .breadcrumbs{display:flex}.page-header .breadcrumbs h1{margin-right:5px}@media screen and (max-width:1023px){.page-header .breadcrumbs{margin-left:18px}.page-header .breadcrumbs h1{font-size:13px}}.footer{align-items:flex-end;display:flex;justify-content:center;min-height:70px;padding:8px 0;text-align:center}.portal-background{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.iui-print-dialog{animation:fade-in .2s forwards;bottom:0;left:0;min-height:100vh;position:absolute;top:0;width:100%;z-index:2000}.iui-print-dialog>.content{background:#fefefe;padding:10px 50px 60px}.iui-print-dialog>.content p,.iui-print-dialog>.content td{font-size:10pt}.iui-print-dialog>.content h4{font-size:12pt}.iui-print-dialog>.content .name{font-size:11pt;font-weight:700;margin-bottom:5px}@media print{.iui-print-dialog .content{padding:0}}.iui-print-actions{align-items:center;background-color:#fefefe;bottom:0;box-shadow:var(--container-shadow);display:flex;height:50px;justify-content:center;left:0;position:fixed;right:0}@media print and (orientation:landscape){.print-table{width:842pt}}@media print and (orientation:portrait){.print-table{width:595pt}}.print-table thead tr{background:#f1f1f1}.print-table th{border:1px solid silver;padding:5px}.print-table th p{padding:4px 8px!important}.print-table td{border:1px solid silver;padding:3px}@media print{#root,.no-print{display:none}@page{margin:6.5mm}tbody td{white-space:nowrap}}div::-webkit-scrollbar{height:15px;width:15px}div::-webkit-scrollbar-track{background-color:var(--primary-o25);border-radius:100px}div::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:100px;box-shadow:inset 2px 2px 5px 0 hsla(0,0%,100%,.5)}div::-webkit-scrollbar-thumb:hover{background-color:var(--primary-dark)}.select-wrapper label{z-index:1}.select-wrapper fieldset:not(.shrink):not(.focus) label{width:calc(100% - 70px)}hr{border:solid rgba(0,0,0,.12);border-width:0 0 thin;margin:8px 0}.iui-colapse{overflow:hidden;transition:max-height .2s cubic-bezier(.4,0,.2,1)}.form-disabled{opacity:.6;pointer-events:none}.Toastify__toast{border-radius:15px!important;opacity:.95}.Toastify__toast hr{border-color:#fff}table{border-collapse:collapse;border-spacing:0}.iui-table th{border-bottom:var(--table-border);font-size:var(--fs-m)}.iui-table th:last-child .vertical-separator{display:none}.iui-table .vertical-separator{background-color:rgba(0,0,0,.188);height:14px;width:2px}.iui-table tbody.no-last-border tr:last-child td{border:none}.iui-table tr{margin-bottom:2px}.iui-table tr.clickable:hover,.iui-table tr.selected{background-color:rgba(0,0,0,.05)}.iui-table tr.loading{opacity:.5;pointer-events:none}.iui-table td{border-bottom:var(--table-border);box-sizing:border-box;font-size:var(--fs-m);height:52px;padding:7px 16px}.iui-table .clickable-column:hover{background-color:var(--primary-o10)!important}.iui-table .table-footer{align-items:center;box-sizing:border-box;display:flex;font-size:var(--fs-m);height:52px;padding:7px 16px;width:100%}.iui-table .pagination{align-items:center;color:rgba(0,0,0,.8);display:flex}@media screen and (max-width:700px){.iui-table .pagination{align-items:end;flex-direction:column}}.iui-table .pagination select{background:none;border:none;color:rgba(0,0,0,.8);cursor:pointer;margin-left:8px;margin-right:16px;padding:0 8px;text-align:right;user-select:none}.iui-table .pagination .offset-input{background:none;border:none;border-bottom:1px solid rgba(0,0,0,.3);padding:5px 0;text-align:center;width:30px}@media screen and (orientation:portrait){.iui-table tbody,.iui-table tr{display:block}.iui-table tr{padding:20px 0}.iui-table td{align-items:center;display:flex;height:unset!important;text-align:left}.iui-table thead{display:none}.iui-table tbody tr td:before{content:attr(data-th);font-weight:700;padding-right:10px;text-align:left}}.iui-table-filter .iui-dialog-content{margin:8px 0;padding:0}.iui-table-filter .table-filter-item{align-items:center;display:flex;justify-content:space-between;padding:8px 16px}.iui-table-filter .table-filter-item .label{width:150px}.iui-table-filter .table-filter-item .field{display:inline-flex;margin:0 8px;width:100%}.dual-list-container .dual-list-content{display:grid;grid-template-columns:1fr auto 1fr}.dual-list-container .list-box{border:var(--table-border);border-radius:16px;padding:10px;user-select:none}.dual-list-container .list-box>.item{align-items:center;display:flex;font-size:12px;justify-content:space-between;padding:8px}.dual-list-container .list-box>.item svg{color:rgba(0,0,0,.6);margin-left:1rem}.dual-list-container .list-box>.item:hover{background-color:var(--primary-o10)}.dual-list-container .list-box>.item:active{background-color:var(--primary-o25)}.dual-list-container .exchange-icon{align-items:center;display:flex;margin:0 10px}.dual-list-container .exchange-icon svg{height:20px;width:20px}.edit-row{background:rgba(61,73,119,.078)}.table-options{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.table-options .table-options-btn{background:var(--background-dark);border-radius:4px;font-weight:700}.table-options .table-options-btn:hover{background-color:#dfe1eb!important}.table-options .table-options-btn svg{height:12px;width:12px}.iui-tabs{display:flex;overflow:auto}.iui-tabs::-webkit-scrollbar{height:5px}.iui-tab{align-items:center;color:rgba(0,0,0,.87);display:flex;font-size:13px;font-weight:500;height:40px;padding:0 12px;user-select:none}.iui-tab.selected,.iui-tab:hover:not(.disabled){border-bottom:2px solid var(--primary)}.iui-tab.selected svg,.iui-tab:hover:not(.disabled) svg{color:var(--primary)}.iui-tab svg{font-size:15px;margin-right:6px}.iui-tab-content{background:#fff;border-radius:var(--container-radius-bottom);border-top:1px solid #dedede;padding:8px}.tooltip-container{background:#222;border-radius:8px;color:#fff;font-size:12px;font-weight:700;padding:8px 16px;position:fixed;text-align:center;transition:opacity .3s;z-index:1001}.tooltip-container:not(.visible){opacity:0;visibility:hidden}.tooltip{height:100%;position:relative}.tooltip .arrow{border:8px solid #222;position:absolute;z-index:1001}.tooltip .arrow.top{border-color:#222 transparent transparent;left:calc(50% - 8px);top:calc(100% + 8px)}.tooltip .arrow.bottom{border-color:transparent transparent #222;bottom:calc(100% + 8px);left:calc(50% - 8px)}.tooltip .arrow.left{border-color:transparent transparent transparent #222;left:calc(100% + 16px);top:calc(50% - 8px)}.tooltip .arrow.right{border-color:transparent #222 transparent transparent;right:calc(100% + 16px);top:calc(50% - 8px)}
1
+ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap");:root{--primary:#126c88;--primary-rgb:18,108,136;--primary-o10:rgba(var(--primary-rgb),0.1);--primary-o25:rgba(var(--primary-rgb),0.25);--primary-light:#309dbf;--primary-dark:#004459;--secondary:#ff9500;--secondary-rgb:255,149,0;--secondary-o10:rgba(var(--secondary-rgb),0.1);--secondary-o25:rgba(var(--secondary-rgb),0.25);--secondary-light:#fa3;--secondary-dark:#ca5502;--gray:#d6d6d6;--gray-light:#f9f9f9;--success:#4caf50;--info:#03a9f4;--warning:#ff9500;--error:#f44336;--error-dark:#c43b34;--success01:#edf7ed;--info01:#e5f6fd;--warning01:#fff3e4;--error01:#ffeae9;--success03:#c9e7ca;--info03:#b3e5fc;--warning03:#ffe0b2;--error03:#fcc6c2;--header-height:50px;--table-border:1px solid #e0e0e0;--sidebar-width:260px;--sidebar-collapsed-width:55px;--container-shadow:0px 0px 5px hsla(0,2%,70%,.5);--container-radius:25px;--container-radius-bottom:0 0 25px 25px;--input-radius:4px;--deep-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);--fs-m:13px}[data-theme=MTS]{--primary-rgb:237,26,59;--primary:rgb(var(--primary-rgb));--primary-o10:rgba(var(--primary-rgb),0.1);--primary-o25:rgba(var(--primary-rgb),0.25);--primary-light:#ef314f;--primary-dark:#b60e28;--secondary:#ff9500}[data-theme=PPL]{--primary-rgb:0,144,223;--primary:rgb(var(--primary-rgb));--primary-o10:rgba(var(--primary-rgb),0.1);--primary-o25:rgba(var(--primary-rgb),0.25);--primary-light:#309dbf;--primary-dark:#004459}*{font-family:Roboto,sans-serif}h1,h2,h3,h5,p{margin:0}p{font-size:var(--fs-m)}h1{font-size:20px;font-weight:900}h2{font-size:16px}h5{font-size:48px;font-weight:900}.bold{font-weight:700!important}.italic{font-style:italic!important}.new-line{white-space:pre-line!important}.no-wrap{white-space:nowrap!important}.word-break{word-break:break-word!important}.link{color:var(--primary-dark)!important;cursor:pointer;text-decoration:underline!important}.link.inactive{opacity:.5}.link:not(:disabled){cursor:pointer}.link:hover:not(:disabled){color:var(--primary)!important;opacity:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes linear-progress{0%{background-position:left -31.25% top 0;background-size:200% 100%}50%{background-position:left -49% top 0;background-size:800% 100%}to{background-position:left -102% top 0;background-size:400% 100%}}@keyframes auto-fill{to{font-size:13px}}@keyframes rotate{to{transform:rotate(1turn)}}.align-center{align-items:center!important}.justify-center{justify-content:center!important}.align-left{align-items:left!important}.justify-left{justify-content:left!important}.align-right{align-items:right!important}.justify-right{justify-content:right!important}.justify-around{justify-content:space-around!important}.justify-between{justify-content:space-between!important}.justify-evenly{justify-content:space-evenly!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.fs-10{font-size:10px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-15{font-size:15px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.fs-32{font-size:32px!important}body{margin:0;width:100%}:focus-visible{outline:none!important}a{-webkit-user-drag:none;color:unset;text-decoration:none}.clickable{cursor:pointer;transition:background-color .25s}.clickable.disabled,.clickable:disabled{cursor:default;opacity:.4;pointer-events:none;user-select:none}.no-overflow{overflow:hidden}.overflow-x-auto{overflow-x:auto}.hover-primary:hover{background-color:var(--primary-o10)}.hover-secondary:hover{background-color:var(--secondary-o10)}.hover-gray:hover{background-color:rgba(0,0,0,.05)}.no-border{border:none!important}.c-primary{color:var(--primary)!important}.hidden{display:none!important}.block{display:block!important}.relative{position:relative!important}.flex{display:flex}.flex.column{flex-direction:column}.flex.center{align-items:center;justify-content:center}.flex.wrap{flex-wrap:wrap}.inline-flex{display:inline-flex}.flex-grow{flex-grow:1!important}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.gap-5{gap:3rem}.gap-form{gap:16px 8px}.grid{display:grid}.grid.auto-1{grid-template-columns:auto 1fr}.grid.fr-2{grid-template-columns:1fr 1fr}@media screen and (max-width:700px){.grid.fr-2{grid-template-columns:1fr}}.grid.fr-3{grid-template-columns:1fr 1fr 1fr}@media screen and (max-width:700px){.grid.fr-3{grid-template-columns:1fr}}.full-screen{height:100vh!important;width:100vw!important}.full-width{width:100%!important}.half-width{width:50%!important}.width-fit{width:fit-content!important}.w-300{width:300px!important}.full-height{height:100%!important}.icon24{height:24px!important;width:24px!important}.iui-accordions{display:flex;flex-direction:column}.iui-accordion{background:#fff;border-radius:var(--container-radius);box-shadow:var(--container-shadow);color:rgba(0,0,0,.87);font-size:13px;margin:3px 0}.iui-accordion .summary{align-items:center;display:flex;font-weight:500;justify-content:space-between;margin-bottom:1px;min-height:48px;padding:0 16px;user-select:none}.iui-accordion .iui-icon{color:var(--primary-light);font-size:20px;margin-bottom:0;margin-right:16px;max-width:20px}.iui-accordion .collapse-icon{color:#333;height:12px;width:14px}.iui-accordion.compact{border-radius:unset;margin:unset}.iui-accordion.compact:first-child{border-top-left-radius:var(--container-radius);border-top-right-radius:var(--container-radius)}.iui-accordion.compact:last-child{border-bottom-left-radius:var(--container-radius);border-bottom-right-radius:var(--container-radius)}.iui-alert{align-items:center;border-radius:25px;display:flex;font-size:13px;padding:16px}.iui-alert svg{font-size:18px;margin-right:12px;opacity:.9}.iui-alert.success{background:var(--success01)}.iui-alert.success svg{color:var(--success)}.iui-alert.info{background:var(--info01)}.iui-alert.info svg{color:var(--info)}.iui-alert.warning{background:var(--warning01)}.iui-alert.warning svg{color:var(--warning)}.iui-alert.error{background:var(--error01)}.iui-alert.error svg{color:var(--error)}.iui-badge-parent{display:inline-block;position:relative}.iui-badge{align-items:center;border-radius:100%;display:flex;justify-content:center;position:absolute;right:0;top:0;transform:scale(1) translate(50%,-50%);transform-origin:100% 0}.iui-badge.primary{background-color:var(--primary);border:2px solid #fff;color:#fff}.iui-badge:not(.small){font-size:11px;height:21px;width:21px}.iui-badge.small{font-size:10px;height:18px;width:18px}.iui-pill-badge{border-radius:20px;font-size:12px;padding:5px 11px;width:fit-content}.iui-pill-badge.success{background-color:var(--success03)}.iui-pill-badge.info{background-color:var(--info03)}.iui-pill-badge.warning{background-color:var(--warning03)}.iui-pill-badge.error{background-color:var(--error03)}.iui-pill-badge.gray{background-color:#e0e0e0}.iui-dot-badge{border-radius:50%;max-height:13px;max-width:13px;min-height:13px;min-width:13px}.iui-dot-badge.success{background-color:var(--success)}.iui-dot-badge.info{background-color:var(--info)}.iui-dot-badge.warning{background-color:var(--warning)}.iui-dot-badge.error{background-color:var(--error)}.iui-dot-badge.gray{background-color:#9d9d9d}.iui-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;justify-content:center;letter-spacing:.4px;transition:background-color .25s;user-select:none}.iui-btn svg{font-size:16px;margin:0 4px}.iui-btn.primary{color:var(--primary-dark)}.iui-btn.primary.solid{background-color:var(--primary)}.iui-btn.primary.outlined{border:2px solid var(--primary-o25)}.iui-btn.primary:not(:disabled).active.solid,.iui-btn.primary:not(:disabled):active.solid,.iui-btn.primary:not(:disabled):hover.solid{background-color:var(--primary-dark)}.iui-btn.primary:not(:disabled).active:not(.solid),.iui-btn.primary:not(:disabled):active:not(.solid),.iui-btn.primary:not(:disabled):hover:not(.solid){background-color:var(--primary-o25)}.iui-btn.secondary{color:var(--secondary-dark)}.iui-btn.secondary.solid{background-color:var(--secondary)}.iui-btn.secondary.outlined{border:2px solid var(--secondary-o25)}.iui-btn.secondary:not(:disabled).active.solid,.iui-btn.secondary:not(:disabled):active.solid,.iui-btn.secondary:not(:disabled):hover.solid{background-color:var(--secondary-dark)}.iui-btn.secondary:not(:disabled).active:not(.solid),.iui-btn.secondary:not(:disabled):active:not(.solid),.iui-btn.secondary:not(:disabled):hover:not(.solid){background-color:var(--secondary-o25)}.iui-btn.error{color:var(--error)}.iui-btn.error.solid{background-color:var(--error)}.iui-btn.error.outlined{border:2px solid var(--error03)}.iui-btn.error:not(:disabled).active.solid,.iui-btn.error:not(:disabled):active.solid,.iui-btn.error:not(:disabled):hover.solid{background-color:var(--error-dark)}.iui-btn.error:not(:disabled).active:not(.solid),.iui-btn.error:not(:disabled):active:not(.solid),.iui-btn.error:not(:disabled):hover:not(.solid){background-color:var(--error03)}.iui-btn.solid{color:#fff!important}.iui-btn:disabled{cursor:default;opacity:.4}.iui-btn:not(:disabled):active{transform:translateY(2px)}.iui-btn.xs{font-size:10px;height:23px;padding:4px}.iui-btn.xs.outlined{border-width:1px;padding:3px}.iui-btn.xs svg{font-size:10px;margin-right:0}.iui-btn.s{font-size:12px;padding:6px}.iui-btn.s.outlined{padding:4px}.iui-btn.s svg{font-size:14px}.iui-btn.m{font-size:13px;height:38px;padding:10px}.iui-btn.m.outlined{padding:8px}.iui-btn.l{font-size:15px;padding:12px}.iui-btn.l.outlined{padding:10px}.iui-btn.l svg{font-size:18px}.iui-btn-label{margin:0 4px}.iui-icon-btn{border-radius:50%;padding:6px}.iui-icon-btn svg{height:20px;margin:0!important;width:20px}.iui-icon-btn.s svg{height:16px;width:16px}.iui-card{background:#fff;border-radius:var(--container-radius);box-shadow:var(--container-shadow)}.iui-card>.content.s{padding:10px}.iui-card>.content.l{padding:40px 30px}.iui-card-header{border-bottom:1px solid rgba(122,123,151,.3);font-weight:700;height:45px;justify-content:space-between;margin:0 10px;padding-left:15px}.iui-card-header,.iui-dialog{align-items:center;display:flex}.iui-dialog{animation:fade-in .2s forwards;background-color:rgba(0,0,0,.5);height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.iui-dialog.closing{animation:fade-out .2s forwards;display:flex}.iui-dialog-container{animation:scale-in .2s forwards;background-color:#fefefe;border:10px solid var(--primary-o25);border-radius:32px;box-sizing:border-box;max-width:98vw;padding:24px 24px 15px;width:fit-content}.iui-dialog-container h1{margin:0 16px}.iui-dialog-container.m{min-width:30vw}.iui-dialog-container.l{min-width:50vw}.iui-dialog-container.xl{min-width:90vw}.iui-dialog-container.error .iui-dialog-content .icon,.iui-dialog-container.info .iui-dialog-content .icon{font-size:24px;margin-left:-8px;margin-right:16px}.iui-dialog-container.info .icon{color:var(--info)}.iui-dialog-container.error{border-color:var(--error03)}.iui-dialog-container.error .icon{color:var(--error)}.iui-dialog-content{max-height:80vh}.iui-dialog-content.padding{padding:24px}.iui-dialog-content:not(.no-overflow){overflow:auto;overscroll-behavior:none}.iui-dialog-actions{display:flex;justify-content:right;padding-top:10px}.iui-input-container{border-radius:var(--input-radius);box-sizing:border-box;display:inline-flex;flex-direction:column;margin-top:4px;position:relative;width:100%}.iui-input-container .disabled{background-color:#f2f2f2}.iui-input-container .disabled p{opacity:.5}.iui-input-container.error .helper-text{color:var(--error)}.iui-input-container.error fieldset{border-color:var(--error)!important}.iui-input-container.error fieldset.focus label{color:var(--error)!important}.iui-input-container .helper-text{color:rgba(0,0,0,.5);font-size:12px;margin:4px 14px 0}.iui-input-container fieldset{border:1px solid var(--primary-o25);border-radius:var(--input-radius);margin:0;padding:0}.iui-input-container fieldset legend{display:none;font-size:10.5px;height:0;margin-left:7px;visibility:hidden}.iui-input-container fieldset label{color:rgba(0,0,0,.5);font-size:13px;left:14px;max-width:100%;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:10px;transition:.15s;white-space:nowrap;z-index:1}.iui-input-container fieldset.focus label,.iui-input-container fieldset.shrink label{padding:0 5px!important;transform:translate(-6px,-17px) scale(.75);transform-origin:top left}.iui-input-container fieldset.focus legend,.iui-input-container fieldset.shrink legend{display:block}.iui-input-container fieldset.focus{border-color:var(--primary)}.iui-input-container fieldset.focus label{color:var(--primary)}.iui-input-container .with-end-button input{padding-right:38px}.iui-input-container .with-end-button svg{height:18px;margin-left:-37px;padding:9px;width:18px}.iui-input-container .with-end-button svg:not(.disabled){color:rgba(0,0,0,.8);cursor:pointer}.iui-input-container .with-end-button svg:not(.disabled):hover{color:var(--primary)}.iui-input-container .with-end-button svg.disabled{opacity:.4}input,textarea{background-color:#fff;border:none;border-radius:var(--input-radius);box-sizing:border-box;font-size:13px;height:calc(100% + 2px);padding:10px 14px;width:100%}input:-webkit-autofill,textarea:-webkit-autofill{animation-duration:.5s;animation-name:auto-fill}input:disabled,textarea:disabled{background-color:#f2f2f2}input::placeholder,textarea::placeholder{color:rgba(0,0,0,.314);font-weight:200!important}textarea{resize:none}.iui-checkbox,.iui-radio{align-items:center;display:inline-flex;font-size:var(--fs-m);gap:8px;padding:8px;user-select:none;width:fit-content}.iui-checkbox .icon,.iui-radio .icon{color:rgba(0,0,0,.54);height:20px;min-width:20px;width:20px}.iui-checkbox .icon.selected,.iui-radio .icon.selected{color:var(--primary)}.iui-checkbox .icon path,.iui-radio .icon path{fill:currentColor}.iui-checkbox{cursor:pointer;position:relative}.iui-checkbox input{height:1px;margin:0 3px;opacity:0;position:absolute;width:fit-content}.iui-checkbox.disabled{cursor:default;opacity:.4;user-select:none}.iui-checkbox.disabled input{cursor:default}.iui-radio-icon{display:flex;position:relative}.iui-radio-icon svg.secondary{left:0;position:absolute;transform:scale(0);transition:transform .15s cubic-bezier(.4,0,1,1) 0ms}.iui-radio-icon svg.secondary.selected{transform:scale(1);transition:transform .15s cubic-bezier(0,0,.2,1) 0ms}.iui-radio-icon .fake-input{left:2px;margin:0;top:9px}.radio-large{align-items:unset;border:1px solid;border-left:2px solid;border-color:var(--gray);box-sizing:border-box;cursor:pointer;overflow:auto;padding:16px;width:100%}.radio-large.selected,.radio-large:not(.disabled):not(.active):hover{border-color:var(--primary)}.radio-large.selected{background-color:rgba(var(--primary-rgb),.03)}.radio-large.disabled{background-color:#f9f9f9;cursor:auto;opacity:.5}.radio-large .title{line-height:1.6}.date-input{align-items:center;background-color:#fff;border-radius:var(--input-radius);display:flex;font-size:13px;height:36px;position:relative}.date-input.disabled{background-color:#eee}.date-input.disabled input{background-color:#eee;color:#999}.date-input .inputs{align-items:center;display:flex;padding:0 14px;width:100%}.date-input .inputs input[type=number]{height:36px;padding:0;text-align:right}.date-input .inputs input[type=number]::-webkit-inner-spin-button,.date-input .inputs input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.date-input .inputs input[type=number].error{color:var(--error);font-weight:700}.date-input .button{border-left:1px solid #ccc;color:#ccc;margin:8px 0;padding:0 8px!important}.date-input .button:hover:not(.disabled){color:#999;cursor:pointer}.date-input .button svg{height:16px;width:16px}.react-calendar{border:none!important;user-select:none}.react-calendar__tile--active{background:var(--primary)!important}.react-calendar__tile--active:enabled:hover{background:var(--primary-light)!important}.fake-input{height:1px;opacity:0;padding:0!important;pointer-events:none;position:absolute;width:100%;z-index:-1}.full-screen-loader{background-color:hsla(0,0%,100%,.7);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.full-screen-loader .loader{position:fixed!important}.lazy-loader{height:calc(100vh - var(--header-height));position:relative}.loader{align-items:center;background-color:hsla(0,0%,100%,.6);display:flex;inset:0;justify-content:center;position:absolute}.loader.dialog-loader{border-radius:20px}.loader .spinner{animation:rotate 1.5s linear infinite;border-radius:50%;box-shadow:inset -2px 0 0 2px var(--primary);display:inline-block;height:50px;width:50px}.empty-loader{height:60px;width:100%}.iui-menu{animation:fade-in .2s forwards;background:#fff;border-radius:8px;box-shadow:var(--deep-shadow);overflow:auto;overscroll-behavior:none;padding:4px 0;position:absolute}.iui-menu::-webkit-scrollbar{width:5px}.iui-menu.s{min-width:150px}.iui-menu.m{min-width:250px}.iui-menu.l{min-width:500px}.iui-menu-item{padding:8px 16px;user-select:none}.iui-menu-item.clickable:hover:not(:disabled):not(.disabled){background-color:#eee}.iui-menu-item.with-devider:not(:last-child){border-bottom:1px solid rgba(0,0,0,.12)}.iui-menu-item svg{opacity:.6}.iui-menu-item-devider{margin:0}.iui-menu-item-devider:last-child{display:none}.page-container{max-height:calc(100vh - var(--header-height));min-height:calc(100vh - var(--header-height))}.page-container,.page-content{display:flex;flex-direction:column}.page-content{flex:1;overflow-y:auto;padding:16px 24px}.page-header{align-items:center;border-bottom:1px solid var(--gray);display:flex;justify-content:space-between;max-height:55px;min-height:55px;padding:0 24px}.page-header .breadcrumbs{display:flex}.page-header .breadcrumbs h1{margin-right:5px}@media screen and (max-width:1023px){.page-header .breadcrumbs{margin-left:18px}.page-header .breadcrumbs h1{font-size:13px}}.footer{align-items:flex-end;display:flex;justify-content:center;min-height:70px;padding:8px 0;text-align:center}.portal-background{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.iui-print-dialog{animation:fade-in .2s forwards;bottom:0;left:0;min-height:100vh;position:absolute;top:0;width:100%;z-index:2000}.iui-print-dialog>.content{background:#fefefe;padding:10px 50px 60px}.iui-print-dialog>.content p,.iui-print-dialog>.content td{font-size:10pt}.iui-print-dialog>.content h4{font-size:12pt}.iui-print-dialog>.content .name{font-size:11pt;font-weight:700;margin-bottom:5px}@media print{.iui-print-dialog .content{padding:0}}.iui-print-actions{align-items:center;background-color:#fefefe;bottom:0;box-shadow:var(--container-shadow);display:flex;height:50px;justify-content:center;left:0;position:fixed;right:0}@media print and (orientation:landscape){.print-table{width:842pt}}@media print and (orientation:portrait){.print-table{width:595pt}}.print-table thead tr{background:#f1f1f1}.print-table th{border:1px solid silver;padding:5px}.print-table th p{padding:4px 8px!important}.print-table td{border:1px solid silver;padding:3px}@media print{#root,.no-print{display:none}@page{margin:6.5mm}tbody td{white-space:nowrap}}div::-webkit-scrollbar{height:15px;width:15px}div::-webkit-scrollbar-track{background-color:var(--primary-o25);border-radius:100px}div::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:100px;box-shadow:inset 2px 2px 5px 0 hsla(0,0%,100%,.5)}div::-webkit-scrollbar-thumb:hover{background-color:var(--primary-dark)}.select-wrapper label{z-index:1}.select-wrapper fieldset:not(.shrink):not(.focus) label{width:calc(100% - 70px)}hr{border:solid rgba(0,0,0,.12);border-width:0 0 thin;margin:8px 0}.iui-colapse{overflow:hidden;transition:max-height .2s cubic-bezier(.4,0,.2,1)}.form-disabled{opacity:.6;pointer-events:none}.Toastify__toast{border-radius:15px!important;opacity:.95}.Toastify__toast hr{border-color:#fff}table{border-collapse:collapse;border-spacing:0}.iui-table th{border-bottom:var(--table-border);font-size:var(--fs-m)}.iui-table th:last-child .vertical-separator{display:none}.iui-table .vertical-separator{background-color:rgba(0,0,0,.188);height:14px;width:2px}.iui-table tbody.no-last-border tr:last-child td{border:none}.iui-table tr{margin-bottom:2px}.iui-table tr.clickable:hover,.iui-table tr.selected{background-color:rgba(0,0,0,.05)}.iui-table tr.loading{opacity:.5;pointer-events:none}.iui-table td{border-bottom:var(--table-border);box-sizing:border-box;font-size:var(--fs-m);height:52px;padding:7px 16px}.iui-table .clickable-column:hover{background-color:var(--primary-o10)!important}.iui-table .table-footer{align-items:center;box-sizing:border-box;display:flex;font-size:var(--fs-m);height:52px;padding:7px 16px;width:100%}.iui-table .pagination{align-items:center;color:rgba(0,0,0,.8);display:flex}@media screen and (max-width:700px){.iui-table .pagination{align-items:end;flex-direction:column}}.iui-table .pagination select{background:none;border:none;color:rgba(0,0,0,.8);cursor:pointer;margin-left:8px;margin-right:16px;padding:0 8px;text-align:right;user-select:none}.iui-table .pagination .offset-input{background:none;border:none;border-bottom:1px solid rgba(0,0,0,.3);padding:5px 0;text-align:center;width:30px}@media screen and (orientation:portrait){.iui-table tbody,.iui-table tr{display:block}.iui-table tr{padding:20px 0}.iui-table td{align-items:center;display:flex;height:unset!important;text-align:left}.iui-table thead{display:none}.iui-table tbody tr td:before{content:attr(data-th);font-weight:700;padding-right:10px;text-align:left}}.iui-table-filter .iui-dialog-content{margin:8px 0;padding:0}.iui-table-filter .table-filter-item{align-items:center;display:flex;justify-content:space-between;padding:8px 16px}.iui-table-filter .table-filter-item .label{width:150px}.iui-table-filter .table-filter-item .field{display:inline-flex;margin:0 8px;width:100%}.dual-list-container .dual-list-content{display:grid;grid-template-columns:1fr auto 1fr}.dual-list-container .list-box{border:var(--table-border);border-radius:16px;padding:10px;user-select:none}.dual-list-container .list-box>.item{align-items:center;display:flex;font-size:12px;justify-content:space-between;padding:8px}.dual-list-container .list-box>.item svg{color:rgba(0,0,0,.6);margin-left:1rem}.dual-list-container .list-box>.item:hover{background-color:var(--primary-o10)}.dual-list-container .list-box>.item:active{background-color:var(--primary-o25)}.dual-list-container .exchange-icon{align-items:center;display:flex;margin:0 10px}.dual-list-container .exchange-icon svg{height:20px;width:20px}.edit-row{background:rgba(61,73,119,.078)}.table-options{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.table-options .table-options-btn{background:var(--background-dark);border-radius:4px;font-weight:700}.table-options .table-options-btn:hover{background-color:#dfe1eb!important}.table-options .table-options-btn svg{height:12px;width:12px}.iui-tabs{display:flex;overflow:auto}.iui-tabs::-webkit-scrollbar{height:5px}.iui-tab{align-items:center;color:rgba(0,0,0,.87);display:flex;font-size:13px;font-weight:500;height:40px;padding:0 12px;user-select:none}.iui-tab.selected,.iui-tab:hover:not(.disabled){border-bottom:2px solid var(--primary)}.iui-tab.selected svg,.iui-tab:hover:not(.disabled) svg{color:var(--primary)}.iui-tab svg{font-size:15px;margin-right:6px}.iui-tab-content{background:#fff;border-radius:var(--container-radius-bottom);border-top:1px solid #dedede;padding:8px}.tree-item{min-height:28px;padding:4px 0}.tree-item .extendable-icon{width:28px}.tree-item .extendable-icon .rotate{transition:all .2s cubic-bezier(.4,0,.2,1)}.tree-item .extendable-icon .rotate.rotate90{transform:rotate(90deg)}.tree-item .tree-item-name{padding:4px}.tree-item .tree-item-name:hover{background-color:var(--primary-o25);border-radius:4px}.tooltip-container{background:#222;border-radius:8px;color:#fff;font-size:12px;font-weight:700;padding:8px 16px;position:fixed;text-align:center;transition:opacity .3s;z-index:1001}.tooltip-container:not(.visible){opacity:0;visibility:hidden}.tooltip{height:100%;position:relative}.tooltip .arrow{border:8px solid #222;position:absolute;z-index:1001}.tooltip .arrow.top{border-color:#222 transparent transparent;left:calc(50% - 8px);top:calc(100% + 8px)}.tooltip .arrow.bottom{border-color:transparent transparent #222;bottom:calc(100% + 8px);left:calc(50% - 8px)}.tooltip .arrow.left{border-color:transparent transparent transparent #222;left:calc(100% + 16px);top:calc(50% - 8px)}.tooltip .arrow.right{border-color:transparent #222 transparent transparent;right:calc(100% + 16px);top:calc(50% - 8px)}
package/dist/index.d.ts CHANGED
@@ -11,7 +11,7 @@ import { MouseEventHandler, ButtonHTMLAttributes, FormEvent, ReactNode, FC, Func
11
11
  import { IconDefinition, RotateProp } from '@fortawesome/fontawesome-svg-core';
12
12
 
13
13
  type IButtonColor = 'primary' | 'secondary' | 'error';
14
- interface Props$s {
14
+ interface Props$u {
15
15
  label: string;
16
16
  icon?: IconDefinition;
17
17
  iconEnd?: IconDefinition;
@@ -25,7 +25,7 @@ interface Props$s {
25
25
  className?: string;
26
26
  buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
27
27
  }
28
- declare const Button: react.ForwardRefExoticComponent<Props$s & react.RefAttributes<HTMLButtonElement>>;
28
+ declare const Button: react.ForwardRefExoticComponent<Props$u & react.RefAttributes<HTMLButtonElement>>;
29
29
 
30
30
  interface IFormWrapper {
31
31
  isLoading: boolean;
@@ -259,46 +259,52 @@ interface ITableEditRow {
259
259
  inputFocusRef?: RefObject<any>;
260
260
  }
261
261
 
262
- interface Props$r {
262
+ interface ITreeItem {
263
+ uuid: string;
264
+ name: string;
265
+ children?: ITreeItem[];
266
+ }
267
+
268
+ interface Props$t {
263
269
  tabs: ITab[];
264
270
  initialValue?: string;
265
271
  compact?: boolean;
266
272
  className?: string;
267
273
  }
268
- declare const Accordions: FC<Props$r>;
274
+ declare const Accordions: FC<Props$t>;
269
275
 
270
- interface Props$q {
276
+ interface Props$s {
271
277
  text?: string;
272
278
  severity: 'success' | 'info' | 'warning' | 'error';
273
279
  fitContent?: boolean;
274
280
  className?: string;
275
281
  children?: ReactNode;
276
282
  }
277
- declare const Alert: FC<Props$q>;
283
+ declare const Alert: FC<Props$s>;
278
284
 
279
- interface Props$p {
285
+ interface Props$r {
280
286
  label: string;
281
287
  color: 'success' | 'info' | 'warning' | 'error' | 'gray';
282
288
  className?: string;
283
289
  }
284
- declare const DotBadge: FC<Props$p>;
290
+ declare const DotBadge: FC<Props$r>;
285
291
 
286
- interface Props$o {
292
+ interface Props$q {
287
293
  number?: number;
288
294
  className?: string;
289
295
  small?: boolean;
290
296
  children?: ReactNode;
291
297
  }
292
- declare const NotificationBadge: FC<Props$o>;
298
+ declare const NotificationBadge: FC<Props$q>;
293
299
 
294
- interface Props$n {
300
+ interface Props$p {
295
301
  label: string;
296
302
  color: 'success' | 'info' | 'warning' | 'error' | 'gray';
297
303
  className?: string;
298
304
  }
299
- declare const PillBadge: react.ForwardRefExoticComponent<Props$n & react.RefAttributes<HTMLDivElement>>;
305
+ declare const PillBadge: react.ForwardRefExoticComponent<Props$p & react.RefAttributes<HTMLDivElement>>;
300
306
 
301
- interface Props$m {
307
+ interface Props$o {
302
308
  icon: IconDefinition;
303
309
  onClick?: MouseEventHandler<HTMLButtonElement>;
304
310
  disabled?: boolean;
@@ -310,18 +316,18 @@ interface Props$m {
310
316
  buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
311
317
  size?: 's';
312
318
  }
313
- declare const IconButton: react.ForwardRefExoticComponent<Props$m & react.RefAttributes<HTMLButtonElement>>;
319
+ declare const IconButton: react.ForwardRefExoticComponent<Props$o & react.RefAttributes<HTMLButtonElement>>;
314
320
 
315
- interface Props$l {
321
+ interface Props$n {
316
322
  textId: string;
317
323
  itemUuid: string;
318
324
  setItemUuid: Dispatch<SetStateAction<string>>;
319
325
  reloadItems: () => void;
320
326
  deleteItemFunction: (itemUuid: string) => Promise<any>;
321
327
  }
322
- declare const DeleteItemDialog: FC<Props$l>;
328
+ declare const DeleteItemDialog: FC<Props$n>;
323
329
 
324
- interface Props$k {
330
+ interface Props$m {
325
331
  title?: string;
326
332
  titleEl?: ReactNode;
327
333
  desc?: string;
@@ -357,16 +363,16 @@ interface Props$k {
357
363
  className?: string;
358
364
  children?: ReactNode;
359
365
  }
360
- declare const Dialog: FC<Props$k>;
366
+ declare const Dialog: FC<Props$m>;
361
367
 
362
- interface Props$j {
368
+ interface Props$l {
363
369
  isOpen: boolean;
364
370
  className?: string;
365
371
  children?: ReactNode;
366
372
  }
367
- declare const Collapse: FC<Props$j>;
373
+ declare const Collapse: FC<Props$l>;
368
374
 
369
- interface Props$i {
375
+ interface Props$k {
370
376
  label?: string;
371
377
  value?: boolean | 'middle';
372
378
  setValue: (checked: boolean) => void;
@@ -376,9 +382,9 @@ interface Props$i {
376
382
  tooltip?: string;
377
383
  children?: ReactNode;
378
384
  }
379
- declare const Checkbox: react.ForwardRefExoticComponent<Props$i & react.RefAttributes<HTMLLabelElement>>;
385
+ declare const Checkbox: react.ForwardRefExoticComponent<Props$k & react.RefAttributes<HTMLLabelElement>>;
380
386
 
381
- interface Props$h {
387
+ interface Props$j {
382
388
  label?: string;
383
389
  date?: string;
384
390
  setDate: (date: string) => void;
@@ -390,9 +396,9 @@ interface Props$h {
390
396
  className?: string;
391
397
  calendarPlacementX?: 'left' | 'right';
392
398
  }
393
- declare const DateInput: react.ForwardRefExoticComponent<Props$h & react.RefAttributes<HTMLInputElement>>;
399
+ declare const DateInput: react.ForwardRefExoticComponent<Props$j & react.RefAttributes<HTMLInputElement>>;
394
400
 
395
- interface Props$g {
401
+ interface Props$i {
396
402
  label: string;
397
403
  value?: string;
398
404
  setValue: (value: string) => void;
@@ -406,9 +412,9 @@ interface Props$g {
406
412
  inputProps?: InputHTMLAttributes<HTMLTextAreaElement>;
407
413
  error?: boolean;
408
414
  }
409
- declare const LargeTextInput: react.ForwardRefExoticComponent<Props$g & react.RefAttributes<HTMLTextAreaElement>>;
415
+ declare const LargeTextInput: react.ForwardRefExoticComponent<Props$i & react.RefAttributes<HTMLTextAreaElement>>;
410
416
 
411
- interface Props$f {
417
+ interface Props$h {
412
418
  label?: string;
413
419
  value?: string | number;
414
420
  setValue: (value: string) => void;
@@ -425,7 +431,7 @@ interface Props$f {
425
431
  endText?: string;
426
432
  inputProps?: InputHTMLAttributes<HTMLInputElement>;
427
433
  }
428
- declare const NumberInput: react.ForwardRefExoticComponent<Props$f & react.RefAttributes<HTMLInputElement>>;
434
+ declare const NumberInput: react.ForwardRefExoticComponent<Props$h & react.RefAttributes<HTMLInputElement>>;
429
435
 
430
436
  interface ITextInput {
431
437
  id?: string;
@@ -454,7 +460,7 @@ interface IProps$1 extends ITextInput {
454
460
  }
455
461
  declare const PasswordInput: FC<IProps$1>;
456
462
 
457
- interface Props$e {
463
+ interface Props$g {
458
464
  label?: string;
459
465
  value: string | number | boolean;
460
466
  selected: string | number | boolean;
@@ -465,9 +471,9 @@ interface Props$e {
465
471
  className?: string;
466
472
  children?: ReactNode;
467
473
  }
468
- declare const Radio: react.ForwardRefExoticComponent<Props$e & react.RefAttributes<HTMLDivElement>>;
474
+ declare const Radio: react.ForwardRefExoticComponent<Props$g & react.RefAttributes<HTMLDivElement>>;
469
475
 
470
- interface Props$d {
476
+ interface Props$f {
471
477
  title?: string | ReactElement;
472
478
  desc?: string | ReactElement;
473
479
  value: string;
@@ -477,7 +483,7 @@ interface Props$d {
477
483
  className?: string;
478
484
  children?: ReactNode;
479
485
  }
480
- declare const RadioLarge: FC<Props$d>;
486
+ declare const RadioLarge: FC<Props$f>;
481
487
 
482
488
  interface IProps {
483
489
  onSearch: (searchText: string) => void;
@@ -485,7 +491,7 @@ interface IProps {
485
491
  }
486
492
  declare const SearchInput: FC<IProps>;
487
493
 
488
- interface Props$c {
494
+ interface Props$e {
489
495
  label?: string;
490
496
  options: ISelectData[];
491
497
  value?: ISelectData | null;
@@ -505,9 +511,9 @@ interface Props$c {
505
511
  noOptionsMessage?: string;
506
512
  error?: boolean;
507
513
  }
508
- declare const Select: react.ForwardRefExoticComponent<Props$c & react.RefAttributes<any>>;
514
+ declare const Select: react.ForwardRefExoticComponent<Props$e & react.RefAttributes<any>>;
509
515
 
510
- interface Props$b {
516
+ interface Props$d {
511
517
  label?: string;
512
518
  value?: ISelectData | null;
513
519
  valuesMulti?: ISelectData[];
@@ -529,9 +535,36 @@ interface Props$b {
529
535
  noOptionsMessage?: string;
530
536
  error?: boolean;
531
537
  }
532
- declare const SelectAsyncPaginate: react.ForwardRefExoticComponent<Props$b & react.RefAttributes<any>>;
538
+ declare const SelectAsyncPaginate: react.ForwardRefExoticComponent<Props$d & react.RefAttributes<any>>;
533
539
 
534
- interface Props$a {
540
+ interface Props$c {
541
+ label?: string;
542
+ value?: ISelectData | null;
543
+ valuesMulti?: ISelectData[];
544
+ loadOptions: any;
545
+ refresh?: any[];
546
+ onChange: (value: any) => void;
547
+ onCreate: (inputValue: string) => void;
548
+ required?: boolean;
549
+ disabled?: boolean;
550
+ placeholder?: string;
551
+ helperText?: string;
552
+ className?: string;
553
+ minWidth?: number;
554
+ menuWidth?: 'fit-content' | 'max-content' | number;
555
+ autoFocus?: boolean;
556
+ isMulti?: boolean;
557
+ isClearable?: boolean;
558
+ isOpen?: boolean;
559
+ openDirection?: 'top' | 'auto' | 'bottom';
560
+ noOptionsMessage?: string;
561
+ error?: boolean;
562
+ defaultData?: ISelectData[];
563
+ formatOptionLabel?: (value: any) => any;
564
+ }
565
+ declare const SelectCreatable: react.ForwardRefExoticComponent<Props$c & react.RefAttributes<any>>;
566
+
567
+ interface Props$b {
535
568
  isLoading: boolean;
536
569
  classNameLoader?: string;
537
570
  children?: ReactElement<{
@@ -539,13 +572,13 @@ interface Props$a {
539
572
  children: ReactElement | ReactNode;
540
573
  }>;
541
574
  }
542
- declare const Loader: FC<Props$a>;
575
+ declare const Loader: FC<Props$b>;
543
576
  declare const FullScreenLoader: FC<{
544
577
  isLoading: boolean;
545
578
  }>;
546
579
  declare const LazyLoader: FC;
547
580
 
548
- interface Props$9 {
581
+ interface Props$a {
549
582
  isOpen: boolean;
550
583
  onClose: () => void;
551
584
  renderButton: (ref: RefObject<any>) => ReactNode;
@@ -555,9 +588,9 @@ interface Props$9 {
555
588
  className?: string;
556
589
  children?: ReactNode;
557
590
  }
558
- declare const Menu: FC<Props$9>;
591
+ declare const Menu: FC<Props$a>;
559
592
 
560
- interface Props$8 {
593
+ interface Props$9 {
561
594
  label?: string;
562
595
  icon?: IconDefinition;
563
596
  iconRotation?: RotateProp;
@@ -568,9 +601,9 @@ interface Props$8 {
568
601
  className?: string;
569
602
  children?: ReactNode;
570
603
  }
571
- declare const MenuItem: FC<Props$8>;
604
+ declare const MenuItem: FC<Props$9>;
572
605
 
573
- interface Props$7 {
606
+ interface Props$8 {
574
607
  item: any;
575
608
  setSelectedItem?: (item: any) => void;
576
609
  setItemToDeleteUuid?: (uuid: string) => void;
@@ -581,30 +614,30 @@ interface Props$7 {
581
614
  disabled?: boolean;
582
615
  }[];
583
616
  }
584
- declare const ItemActionsMenu: FC<Props$7>;
617
+ declare const ItemActionsMenu: FC<Props$8>;
585
618
 
586
- interface Props$6 {
619
+ interface Props$7 {
587
620
  setData: (item: any) => void;
588
621
  clearItem: () => void;
589
622
  inputFocusRef?: RefObject<any>;
590
623
  defaultDataValue?: any;
591
624
  }
592
- declare const ItemEditOptionsButtons: FC<Props$6>;
625
+ declare const ItemEditOptionsButtons: FC<Props$7>;
593
626
 
594
627
  declare const TableEditRow: FC<ITableEditRow>;
595
628
 
596
- interface Props$5 {
629
+ interface Props$6 {
597
630
  item: ITableFilterItem;
598
631
  }
599
- declare const FilterItem: FC<Props$5>;
632
+ declare const FilterItem: FC<Props$6>;
600
633
 
601
- interface Props$4 extends ITableFilterData {
634
+ interface Props$5 extends ITableFilterData {
602
635
  isOpen: boolean;
603
636
  onClose: () => void;
604
637
  }
605
- declare const SetTableFilter: FC<Props$4>;
638
+ declare const SetTableFilter: FC<Props$5>;
606
639
 
607
- interface Props$3 {
640
+ interface Props$4 {
608
641
  limit: number;
609
642
  offset: number;
610
643
  setLimit: (limit: number) => void;
@@ -616,11 +649,11 @@ interface Props$3 {
616
649
  };
617
650
  customLimit?: number[];
618
651
  }
619
- declare const TableFooter: FC<Props$3>;
652
+ declare const TableFooter: FC<Props$4>;
620
653
 
621
654
  declare const Table: FC<ITable>;
622
655
 
623
- interface Props$2 {
656
+ interface Props$3 {
624
657
  tabs: ITab[];
625
658
  initialValue?: string;
626
659
  control?: {
@@ -632,10 +665,10 @@ interface Props$2 {
632
665
  className?: string;
633
666
  classNameContent?: string;
634
667
  }
635
- declare const Tabs: FC<Props$2>;
668
+ declare const Tabs: FC<Props$3>;
636
669
 
637
670
  type Position = 'left' | 'right' | 'top' | 'bottom';
638
- interface Props$1 {
671
+ interface Props$2 {
639
672
  label?: string;
640
673
  position?: Position;
641
674
  disabled?: boolean;
@@ -643,7 +676,13 @@ interface Props$1 {
643
676
  className?: string;
644
677
  children: ReactElement;
645
678
  }
646
- declare const Tooltip: FC<Props$1>;
679
+ declare const Tooltip: FC<Props$2>;
680
+
681
+ interface Props$1 {
682
+ data: ITreeItem[];
683
+ onClick: (itemUuid: string) => void;
684
+ }
685
+ declare const Tree: FC<Props$1>;
647
686
 
648
687
  interface Props {
649
688
  condition: boolean;
@@ -776,6 +815,7 @@ declare const i18nCommonLatin: {
776
815
  Delete: string;
777
816
  Edit: string;
778
817
  FooterText: string;
818
+ FreeText: string;
779
819
  from: string;
780
820
  Group: string;
781
821
  Groups: string;
@@ -1137,4 +1177,4 @@ declare const i18nCommonCyrilic: {
1137
1177
  EVALIDATION: string;
1138
1178
  };
1139
1179
 
1140
- export { Accordions, Alert, Button, Checkbox, Collapse, ConditionalWrapper, DateInput, DeleteItemDialog, Dialog, DotBadge, FilterItem, FormWrapper, FullScreenLoader, IAnyObject, IBooleanObject, IError, IFormWrapper, IPagination, ISelectData, IServerSidePagination, ISimpleObject, ISimpleObjectWithCode, IStringObject, ITab, ITable, ITableColumn, ITableDataItem, ITableEditRow, ITableFilter, ITableFilterData, ITableFilterItem, ITableSort, IValueLabel, IconButton, ItemActionsMenu, ItemEditOptionsButtons, LargeTextInput, LazyLoader, Loader, Menu, MenuItem, NotificationBadge, NumberInput, PageWrapper, PasswordInput, PillBadge, Radio, RadioLarge, SearchInput, Select, SelectAsyncPaginate, SetTableFilter, Table, TableEditRow, TableFooter, Tabs, TextInput, Tooltip, areStringArraysEqual, calculateFilesSize, checkIfExpired, convertBooleanObjectToArray, dataURLtoFile, dateAddDays, deepCopy, deleteEmptyProps, deleteEmptyPropsIncludingArray, deleteProps, deletePropsThatEndsWith, downloadDocumentFile, formatCurrency, formatCurrencyNoDecimals, formatDate, formatDateAndTime, formatDateYMD, formatDecimalNumber, formatTime, formatYearMonth, getActiveFilterNumber, getActiveOrgUuid, getBase64FromFile, getBase64FromUrl, getCurrentDateFormatted, getCurrentDateFormattedYMD, getDaysLeft, getDefaultOrgUuid, getExtensionFromFilename, getFileFromUrl, getInputHelperText, getInputMinMaxPattern, getPrintColumns, getVisibleColumnsIds, i18nCommonCyrilic, i18nCommonLatin, inputPattern, lsGet, lsRemove, lsSet, maxChar, parseUrlSearch, rootDir, rotateBase64Image, setActiveOrgUuid, setDefaultOrgUuid, sizeInBytesPretty, splitBase64File, toastError, toastSuccess };
1180
+ export { Accordions, Alert, Button, Checkbox, Collapse, ConditionalWrapper, DateInput, DeleteItemDialog, Dialog, DotBadge, FilterItem, FormWrapper, FullScreenLoader, IAnyObject, IBooleanObject, IError, IFormWrapper, IPagination, ISelectData, IServerSidePagination, ISimpleObject, ISimpleObjectWithCode, IStringObject, ITab, ITable, ITableColumn, ITableDataItem, ITableEditRow, ITableFilter, ITableFilterData, ITableFilterItem, ITableSort, ITreeItem, IValueLabel, IconButton, ItemActionsMenu, ItemEditOptionsButtons, LargeTextInput, LazyLoader, Loader, Menu, MenuItem, NotificationBadge, NumberInput, PageWrapper, PasswordInput, PillBadge, Radio, RadioLarge, SearchInput, Select, SelectAsyncPaginate, SelectCreatable, SetTableFilter, Table, TableEditRow, TableFooter, Tabs, TextInput, Tooltip, Tree, areStringArraysEqual, calculateFilesSize, checkIfExpired, convertBooleanObjectToArray, dataURLtoFile, dateAddDays, deepCopy, deleteEmptyProps, deleteEmptyPropsIncludingArray, deleteProps, deletePropsThatEndsWith, downloadDocumentFile, formatCurrency, formatCurrencyNoDecimals, formatDate, formatDateAndTime, formatDateYMD, formatDecimalNumber, formatTime, formatYearMonth, getActiveFilterNumber, getActiveOrgUuid, getBase64FromFile, getBase64FromUrl, getCurrentDateFormatted, getCurrentDateFormattedYMD, getDaysLeft, getDefaultOrgUuid, getExtensionFromFilename, getFileFromUrl, getInputHelperText, getInputMinMaxPattern, getPrintColumns, getVisibleColumnsIds, i18nCommonCyrilic, i18nCommonLatin, inputPattern, lsGet, lsRemove, lsSet, maxChar, parseUrlSearch, rootDir, rotateBase64Image, setActiveOrgUuid, setDefaultOrgUuid, sizeInBytesPretty, splitBase64File, toastError, toastSuccess };