@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 +1 -1
- package/dist/index.d.ts +97 -57
- 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;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$s {
|
|
|
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$m {
|
|
|
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;
|
|
@@ -357,16 +363,16 @@ interface Props$k {
|
|
|
357
363
|
className?: string;
|
|
358
364
|
children?: ReactNode;
|
|
359
365
|
}
|
|
360
|
-
declare const Dialog: FC<Props$
|
|
366
|
+
declare const Dialog: FC<Props$m>;
|
|
361
367
|
|
|
362
|
-
interface Props$
|
|
368
|
+
interface Props$l {
|
|
363
369
|
isOpen: boolean;
|
|
364
370
|
className?: string;
|
|
365
371
|
children?: ReactNode;
|
|
366
372
|
}
|
|
367
|
-
declare const Collapse: FC<Props$
|
|
373
|
+
declare const Collapse: FC<Props$l>;
|
|
368
374
|
|
|
369
|
-
interface Props$
|
|
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$
|
|
385
|
+
declare const Checkbox: react.ForwardRefExoticComponent<Props$k & react.RefAttributes<HTMLLabelElement>>;
|
|
380
386
|
|
|
381
|
-
interface Props$
|
|
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$
|
|
399
|
+
declare const DateInput: react.ForwardRefExoticComponent<Props$j & react.RefAttributes<HTMLInputElement>>;
|
|
394
400
|
|
|
395
|
-
interface Props$
|
|
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$
|
|
415
|
+
declare const LargeTextInput: react.ForwardRefExoticComponent<Props$i & react.RefAttributes<HTMLTextAreaElement>>;
|
|
410
416
|
|
|
411
|
-
interface Props$
|
|
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$
|
|
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$
|
|
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$
|
|
474
|
+
declare const Radio: react.ForwardRefExoticComponent<Props$g & react.RefAttributes<HTMLDivElement>>;
|
|
469
475
|
|
|
470
|
-
interface Props$
|
|
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$
|
|
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$
|
|
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$
|
|
514
|
+
declare const Select: react.ForwardRefExoticComponent<Props$e & react.RefAttributes<any>>;
|
|
509
515
|
|
|
510
|
-
interface Props$
|
|
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$
|
|
538
|
+
declare const SelectAsyncPaginate: react.ForwardRefExoticComponent<Props$d & react.RefAttributes<any>>;
|
|
533
539
|
|
|
534
|
-
interface Props$
|
|
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$
|
|
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$
|
|
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$
|
|
591
|
+
declare const Menu: FC<Props$a>;
|
|
559
592
|
|
|
560
|
-
interface Props$
|
|
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$
|
|
604
|
+
declare const MenuItem: FC<Props$9>;
|
|
572
605
|
|
|
573
|
-
interface Props$
|
|
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$
|
|
617
|
+
declare const ItemActionsMenu: FC<Props$8>;
|
|
585
618
|
|
|
586
|
-
interface Props$
|
|
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$
|
|
625
|
+
declare const ItemEditOptionsButtons: FC<Props$7>;
|
|
593
626
|
|
|
594
627
|
declare const TableEditRow: FC<ITableEditRow>;
|
|
595
628
|
|
|
596
|
-
interface Props$
|
|
629
|
+
interface Props$6 {
|
|
597
630
|
item: ITableFilterItem;
|
|
598
631
|
}
|
|
599
|
-
declare const FilterItem: FC<Props$
|
|
632
|
+
declare const FilterItem: FC<Props$6>;
|
|
600
633
|
|
|
601
|
-
interface Props$
|
|
634
|
+
interface Props$5 extends ITableFilterData {
|
|
602
635
|
isOpen: boolean;
|
|
603
636
|
onClose: () => void;
|
|
604
637
|
}
|
|
605
|
-
declare const SetTableFilter: FC<Props$
|
|
638
|
+
declare const SetTableFilter: FC<Props$5>;
|
|
606
639
|
|
|
607
|
-
interface Props$
|
|
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$
|
|
652
|
+
declare const TableFooter: FC<Props$4>;
|
|
620
653
|
|
|
621
654
|
declare const Table: FC<ITable>;
|
|
622
655
|
|
|
623
|
-
interface Props$
|
|
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$
|
|
668
|
+
declare const Tabs: FC<Props$3>;
|
|
636
669
|
|
|
637
670
|
type Position = 'left' | 'right' | 'top' | 'bottom';
|
|
638
|
-
interface Props$
|
|
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$
|
|
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 };
|