@inceptionbg/iui 1.0.130 → 1.0.132
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 +1 -1
- package/dist/index.d.ts +73 -59
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
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;gap:8px;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$
|
|
14
|
+
interface Props$u {
|
|
15
15
|
label: string;
|
|
16
16
|
icon?: IconDefinition;
|
|
17
17
|
iconEnd?: IconDefinition;
|
|
@@ -25,7 +25,7 @@ interface Props$t {
|
|
|
25
25
|
className?: string;
|
|
26
26
|
buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
|
|
27
27
|
}
|
|
28
|
-
declare const Button: react.ForwardRefExoticComponent<Props$
|
|
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
|
|
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$
|
|
274
|
+
declare const Accordions: FC<Props$t>;
|
|
269
275
|
|
|
270
|
-
interface Props$
|
|
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$
|
|
283
|
+
declare const Alert: FC<Props$s>;
|
|
278
284
|
|
|
279
|
-
interface Props$
|
|
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$
|
|
290
|
+
declare const DotBadge: FC<Props$r>;
|
|
285
291
|
|
|
286
|
-
interface Props$
|
|
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$
|
|
298
|
+
declare const NotificationBadge: FC<Props$q>;
|
|
293
299
|
|
|
294
|
-
interface Props$
|
|
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$
|
|
305
|
+
declare const PillBadge: react.ForwardRefExoticComponent<Props$p & react.RefAttributes<HTMLDivElement>>;
|
|
300
306
|
|
|
301
|
-
interface Props$
|
|
307
|
+
interface Props$o {
|
|
302
308
|
icon: IconDefinition;
|
|
303
309
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
304
310
|
disabled?: boolean;
|
|
@@ -310,18 +316,18 @@ interface Props$n {
|
|
|
310
316
|
buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
|
|
311
317
|
size?: 's';
|
|
312
318
|
}
|
|
313
|
-
declare const IconButton: react.ForwardRefExoticComponent<Props$
|
|
319
|
+
declare const IconButton: react.ForwardRefExoticComponent<Props$o & react.RefAttributes<HTMLButtonElement>>;
|
|
314
320
|
|
|
315
|
-
interface Props$
|
|
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$
|
|
328
|
+
declare const DeleteItemDialog: FC<Props$n>;
|
|
323
329
|
|
|
324
|
-
interface Props$
|
|
330
|
+
interface Props$m {
|
|
325
331
|
title?: string;
|
|
326
332
|
titleEl?: ReactNode;
|
|
327
333
|
desc?: string;
|
|
@@ -348,6 +354,8 @@ interface Props$l {
|
|
|
348
354
|
onClick?: () => void;
|
|
349
355
|
disabled?: boolean;
|
|
350
356
|
keepOpen?: boolean;
|
|
357
|
+
color?: IButtonColor;
|
|
358
|
+
solid?: boolean;
|
|
351
359
|
};
|
|
352
360
|
noBackgroundClick?: boolean;
|
|
353
361
|
noOverflow?: boolean;
|
|
@@ -357,16 +365,16 @@ interface Props$l {
|
|
|
357
365
|
className?: string;
|
|
358
366
|
children?: ReactNode;
|
|
359
367
|
}
|
|
360
|
-
declare const Dialog: FC<Props$
|
|
368
|
+
declare const Dialog: FC<Props$m>;
|
|
361
369
|
|
|
362
|
-
interface Props$
|
|
370
|
+
interface Props$l {
|
|
363
371
|
isOpen: boolean;
|
|
364
372
|
className?: string;
|
|
365
373
|
children?: ReactNode;
|
|
366
374
|
}
|
|
367
|
-
declare const Collapse: FC<Props$
|
|
375
|
+
declare const Collapse: FC<Props$l>;
|
|
368
376
|
|
|
369
|
-
interface Props$
|
|
377
|
+
interface Props$k {
|
|
370
378
|
label?: string;
|
|
371
379
|
value?: boolean | 'middle';
|
|
372
380
|
setValue: (checked: boolean) => void;
|
|
@@ -376,9 +384,9 @@ interface Props$j {
|
|
|
376
384
|
tooltip?: string;
|
|
377
385
|
children?: ReactNode;
|
|
378
386
|
}
|
|
379
|
-
declare const Checkbox: react.ForwardRefExoticComponent<Props$
|
|
387
|
+
declare const Checkbox: react.ForwardRefExoticComponent<Props$k & react.RefAttributes<HTMLLabelElement>>;
|
|
380
388
|
|
|
381
|
-
interface Props$
|
|
389
|
+
interface Props$j {
|
|
382
390
|
label?: string;
|
|
383
391
|
date?: string;
|
|
384
392
|
setDate: (date: string) => void;
|
|
@@ -390,9 +398,9 @@ interface Props$i {
|
|
|
390
398
|
className?: string;
|
|
391
399
|
calendarPlacementX?: 'left' | 'right';
|
|
392
400
|
}
|
|
393
|
-
declare const DateInput: react.ForwardRefExoticComponent<Props$
|
|
401
|
+
declare const DateInput: react.ForwardRefExoticComponent<Props$j & react.RefAttributes<HTMLInputElement>>;
|
|
394
402
|
|
|
395
|
-
interface Props$
|
|
403
|
+
interface Props$i {
|
|
396
404
|
label: string;
|
|
397
405
|
value?: string;
|
|
398
406
|
setValue: (value: string) => void;
|
|
@@ -406,9 +414,9 @@ interface Props$h {
|
|
|
406
414
|
inputProps?: InputHTMLAttributes<HTMLTextAreaElement>;
|
|
407
415
|
error?: boolean;
|
|
408
416
|
}
|
|
409
|
-
declare const LargeTextInput: react.ForwardRefExoticComponent<Props$
|
|
417
|
+
declare const LargeTextInput: react.ForwardRefExoticComponent<Props$i & react.RefAttributes<HTMLTextAreaElement>>;
|
|
410
418
|
|
|
411
|
-
interface Props$
|
|
419
|
+
interface Props$h {
|
|
412
420
|
label?: string;
|
|
413
421
|
value?: string | number;
|
|
414
422
|
setValue: (value: string) => void;
|
|
@@ -425,7 +433,7 @@ interface Props$g {
|
|
|
425
433
|
endText?: string;
|
|
426
434
|
inputProps?: InputHTMLAttributes<HTMLInputElement>;
|
|
427
435
|
}
|
|
428
|
-
declare const NumberInput: react.ForwardRefExoticComponent<Props$
|
|
436
|
+
declare const NumberInput: react.ForwardRefExoticComponent<Props$h & react.RefAttributes<HTMLInputElement>>;
|
|
429
437
|
|
|
430
438
|
interface ITextInput {
|
|
431
439
|
id?: string;
|
|
@@ -454,7 +462,7 @@ interface IProps$1 extends ITextInput {
|
|
|
454
462
|
}
|
|
455
463
|
declare const PasswordInput: FC<IProps$1>;
|
|
456
464
|
|
|
457
|
-
interface Props$
|
|
465
|
+
interface Props$g {
|
|
458
466
|
label?: string;
|
|
459
467
|
value: string | number | boolean;
|
|
460
468
|
selected: string | number | boolean;
|
|
@@ -465,9 +473,9 @@ interface Props$f {
|
|
|
465
473
|
className?: string;
|
|
466
474
|
children?: ReactNode;
|
|
467
475
|
}
|
|
468
|
-
declare const Radio: react.ForwardRefExoticComponent<Props$
|
|
476
|
+
declare const Radio: react.ForwardRefExoticComponent<Props$g & react.RefAttributes<HTMLDivElement>>;
|
|
469
477
|
|
|
470
|
-
interface Props$
|
|
478
|
+
interface Props$f {
|
|
471
479
|
title?: string | ReactElement;
|
|
472
480
|
desc?: string | ReactElement;
|
|
473
481
|
value: string;
|
|
@@ -477,7 +485,7 @@ interface Props$e {
|
|
|
477
485
|
className?: string;
|
|
478
486
|
children?: ReactNode;
|
|
479
487
|
}
|
|
480
|
-
declare const RadioLarge: FC<Props$
|
|
488
|
+
declare const RadioLarge: FC<Props$f>;
|
|
481
489
|
|
|
482
490
|
interface IProps {
|
|
483
491
|
onSearch: (searchText: string) => void;
|
|
@@ -485,7 +493,7 @@ interface IProps {
|
|
|
485
493
|
}
|
|
486
494
|
declare const SearchInput: FC<IProps>;
|
|
487
495
|
|
|
488
|
-
interface Props$
|
|
496
|
+
interface Props$e {
|
|
489
497
|
label?: string;
|
|
490
498
|
options: ISelectData[];
|
|
491
499
|
value?: ISelectData | null;
|
|
@@ -505,9 +513,9 @@ interface Props$d {
|
|
|
505
513
|
noOptionsMessage?: string;
|
|
506
514
|
error?: boolean;
|
|
507
515
|
}
|
|
508
|
-
declare const Select: react.ForwardRefExoticComponent<Props$
|
|
516
|
+
declare const Select: react.ForwardRefExoticComponent<Props$e & react.RefAttributes<any>>;
|
|
509
517
|
|
|
510
|
-
interface Props$
|
|
518
|
+
interface Props$d {
|
|
511
519
|
label?: string;
|
|
512
520
|
value?: ISelectData | null;
|
|
513
521
|
valuesMulti?: ISelectData[];
|
|
@@ -529,9 +537,9 @@ interface Props$c {
|
|
|
529
537
|
noOptionsMessage?: string;
|
|
530
538
|
error?: boolean;
|
|
531
539
|
}
|
|
532
|
-
declare const SelectAsyncPaginate: react.ForwardRefExoticComponent<Props$
|
|
540
|
+
declare const SelectAsyncPaginate: react.ForwardRefExoticComponent<Props$d & react.RefAttributes<any>>;
|
|
533
541
|
|
|
534
|
-
interface Props$
|
|
542
|
+
interface Props$c {
|
|
535
543
|
label?: string;
|
|
536
544
|
value?: ISelectData | null;
|
|
537
545
|
valuesMulti?: ISelectData[];
|
|
@@ -556,9 +564,9 @@ interface Props$b {
|
|
|
556
564
|
defaultData?: ISelectData[];
|
|
557
565
|
formatOptionLabel?: (value: any) => any;
|
|
558
566
|
}
|
|
559
|
-
declare const SelectCreatable: react.ForwardRefExoticComponent<Props$
|
|
567
|
+
declare const SelectCreatable: react.ForwardRefExoticComponent<Props$c & react.RefAttributes<any>>;
|
|
560
568
|
|
|
561
|
-
interface Props$
|
|
569
|
+
interface Props$b {
|
|
562
570
|
isLoading: boolean;
|
|
563
571
|
classNameLoader?: string;
|
|
564
572
|
children?: ReactElement<{
|
|
@@ -566,13 +574,13 @@ interface Props$a {
|
|
|
566
574
|
children: ReactElement | ReactNode;
|
|
567
575
|
}>;
|
|
568
576
|
}
|
|
569
|
-
declare const Loader: FC<Props$
|
|
577
|
+
declare const Loader: FC<Props$b>;
|
|
570
578
|
declare const FullScreenLoader: FC<{
|
|
571
579
|
isLoading: boolean;
|
|
572
580
|
}>;
|
|
573
581
|
declare const LazyLoader: FC;
|
|
574
582
|
|
|
575
|
-
interface Props$
|
|
583
|
+
interface Props$a {
|
|
576
584
|
isOpen: boolean;
|
|
577
585
|
onClose: () => void;
|
|
578
586
|
renderButton: (ref: RefObject<any>) => ReactNode;
|
|
@@ -582,9 +590,9 @@ interface Props$9 {
|
|
|
582
590
|
className?: string;
|
|
583
591
|
children?: ReactNode;
|
|
584
592
|
}
|
|
585
|
-
declare const Menu: FC<Props$
|
|
593
|
+
declare const Menu: FC<Props$a>;
|
|
586
594
|
|
|
587
|
-
interface Props$
|
|
595
|
+
interface Props$9 {
|
|
588
596
|
label?: string;
|
|
589
597
|
icon?: IconDefinition;
|
|
590
598
|
iconRotation?: RotateProp;
|
|
@@ -595,9 +603,9 @@ interface Props$8 {
|
|
|
595
603
|
className?: string;
|
|
596
604
|
children?: ReactNode;
|
|
597
605
|
}
|
|
598
|
-
declare const MenuItem: FC<Props$
|
|
606
|
+
declare const MenuItem: FC<Props$9>;
|
|
599
607
|
|
|
600
|
-
interface Props$
|
|
608
|
+
interface Props$8 {
|
|
601
609
|
item: any;
|
|
602
610
|
setSelectedItem?: (item: any) => void;
|
|
603
611
|
setItemToDeleteUuid?: (uuid: string) => void;
|
|
@@ -608,30 +616,30 @@ interface Props$7 {
|
|
|
608
616
|
disabled?: boolean;
|
|
609
617
|
}[];
|
|
610
618
|
}
|
|
611
|
-
declare const ItemActionsMenu: FC<Props$
|
|
619
|
+
declare const ItemActionsMenu: FC<Props$8>;
|
|
612
620
|
|
|
613
|
-
interface Props$
|
|
621
|
+
interface Props$7 {
|
|
614
622
|
setData: (item: any) => void;
|
|
615
623
|
clearItem: () => void;
|
|
616
624
|
inputFocusRef?: RefObject<any>;
|
|
617
625
|
defaultDataValue?: any;
|
|
618
626
|
}
|
|
619
|
-
declare const ItemEditOptionsButtons: FC<Props$
|
|
627
|
+
declare const ItemEditOptionsButtons: FC<Props$7>;
|
|
620
628
|
|
|
621
629
|
declare const TableEditRow: FC<ITableEditRow>;
|
|
622
630
|
|
|
623
|
-
interface Props$
|
|
631
|
+
interface Props$6 {
|
|
624
632
|
item: ITableFilterItem;
|
|
625
633
|
}
|
|
626
|
-
declare const FilterItem: FC<Props$
|
|
634
|
+
declare const FilterItem: FC<Props$6>;
|
|
627
635
|
|
|
628
|
-
interface Props$
|
|
636
|
+
interface Props$5 extends ITableFilterData {
|
|
629
637
|
isOpen: boolean;
|
|
630
638
|
onClose: () => void;
|
|
631
639
|
}
|
|
632
|
-
declare const SetTableFilter: FC<Props$
|
|
640
|
+
declare const SetTableFilter: FC<Props$5>;
|
|
633
641
|
|
|
634
|
-
interface Props$
|
|
642
|
+
interface Props$4 {
|
|
635
643
|
limit: number;
|
|
636
644
|
offset: number;
|
|
637
645
|
setLimit: (limit: number) => void;
|
|
@@ -643,11 +651,11 @@ interface Props$3 {
|
|
|
643
651
|
};
|
|
644
652
|
customLimit?: number[];
|
|
645
653
|
}
|
|
646
|
-
declare const TableFooter: FC<Props$
|
|
654
|
+
declare const TableFooter: FC<Props$4>;
|
|
647
655
|
|
|
648
656
|
declare const Table: FC<ITable>;
|
|
649
657
|
|
|
650
|
-
interface Props$
|
|
658
|
+
interface Props$3 {
|
|
651
659
|
tabs: ITab[];
|
|
652
660
|
initialValue?: string;
|
|
653
661
|
control?: {
|
|
@@ -659,10 +667,10 @@ interface Props$2 {
|
|
|
659
667
|
className?: string;
|
|
660
668
|
classNameContent?: string;
|
|
661
669
|
}
|
|
662
|
-
declare const Tabs: FC<Props$
|
|
670
|
+
declare const Tabs: FC<Props$3>;
|
|
663
671
|
|
|
664
672
|
type Position = 'left' | 'right' | 'top' | 'bottom';
|
|
665
|
-
interface Props$
|
|
673
|
+
interface Props$2 {
|
|
666
674
|
label?: string;
|
|
667
675
|
position?: Position;
|
|
668
676
|
disabled?: boolean;
|
|
@@ -670,7 +678,13 @@ interface Props$1 {
|
|
|
670
678
|
className?: string;
|
|
671
679
|
children: ReactElement;
|
|
672
680
|
}
|
|
673
|
-
declare const Tooltip: FC<Props$
|
|
681
|
+
declare const Tooltip: FC<Props$2>;
|
|
682
|
+
|
|
683
|
+
interface Props$1 {
|
|
684
|
+
data: ITreeItem[];
|
|
685
|
+
onClick: (itemUuid: string) => void;
|
|
686
|
+
}
|
|
687
|
+
declare const Tree: FC<Props$1>;
|
|
674
688
|
|
|
675
689
|
interface Props {
|
|
676
690
|
condition: boolean;
|
|
@@ -1165,4 +1179,4 @@ declare const i18nCommonCyrilic: {
|
|
|
1165
1179
|
EVALIDATION: string;
|
|
1166
1180
|
};
|
|
1167
1181
|
|
|
1168
|
-
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, SelectCreatable, 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 };
|
|
1182
|
+
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 };
|