@inceptionbg/iui 1.0.4 → 1.0.6

package/dist/index.css

@@ -0,0 +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:rgb(var(--primary-rgb));--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-light:#fa3;--secondary-dark:#ca5502;--background-dark:#f2f3f7;--success:#4caf50;--info:#03a9f4;--warning:#ff9500;--error:#f44336;--success01:#edf7ed;--info01:#e5f6fd;--warning01:#fff3e4;--error01:#ffeae9;--success03:#c9e7ca;--info03:#b3e5fc;--warning03:#ffe0b2;--error03:#fcc6c2}*{font-family:Roboto,sans-serif}h1,h2,h3,h5,p{margin:0}p{font-size:13px}h1{font-size:20px}h1,h5{font-weight:900}h5{font-size:48px}.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-32{font-size:32px!important}.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}}.text-center{text-align:center!important}.align-center{align-items:center!important}.text-left{text-align:left!important}.align-left{align-items:left!important}.text-right{text-align:right!important}.align-right{align-items:right!important}.justify-center{justify-content:center!important}.justify-left{justify-content:left!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}body{margin:0}: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}.hover-primary:hover{background-color:rgba(var(--primary-rgb),.1)}.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}.grid{display:grid}.grid.fr-2{grid-template-columns:1fr 1fr}.full-screen{height:100vh;width:100vw}.full-width{width:100%}.half-width{width:50%}.width-fit{width:fit-content}.full-height{height:100%}.iui-accordions{display:flex;flex-direction:column}.iui-accordion{background:#fff;border-radius:25px;box-shadow:0 0 5px hsla(0,2%,70%,.5);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:25px;border-top-right-radius:25px}.iui-accordion.compact:last-child{border-bottom-left-radius:25px;border-bottom-right-radius:25px}.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-card{background:#fff;border-radius:25px;box-shadow:0 0 5px hsla(0,2%,70%,.5)}.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);padding:24px 24px 15px;width:fit-content}.iui-dialog-container h1{margin:0 16px}.iui-dialog-container.m{width:30%}.iui-dialog-container.l{width:50%}.iui-dialog-container.xl{width:70%}.iui-dialog-container.error .iui-dialog-content,.iui-dialog-container.info .iui-dialog-content{align-items:center;display:flex}.iui-dialog-container.error .iui-dialog-content svg,.iui-dialog-container.info .iui-dialog-content svg{font-size:24px;margin-left:-8px;margin-right:16px}.iui-dialog-container.info svg{color:var(--info)}.iui-dialog-container.error{border-color:var(--error03)}.iui-dialog-container.error svg{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-header{align-items:center;background-color:var(--primary);box-shadow:0 3px 8px rgba(0,0,0,.24);box-sizing:border-box;color:#fff;display:flex;height:50px;justify-content:space-between;padding:0 30px;width:100%;z-index:100}.iui-header .header-button{border-radius:50%;height:24px;padding:8px;width:24px}.iui-header .header-button:hover{background-color:rgba(0,0,0,.15)}.iui-input-container{border-radius:4px;box-sizing:border-box;display:inline-flex;flex-direction:column;margin-top:4px;position:relative;width:100%}.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:4px;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:4px;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::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:13px;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 input{height:1px;opacity:0;position:absolute;width:fit-content}.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}.date-input{align-items:center;background-color:#fff;border-radius:4px;display:flex;font-size:13px;height:36px;position:relative}.date-input.disabled{background-color:#eee}.date-input.disabled input{color:#999}.date-input .inputs{align-items:center;display:flex;padding:0 14px;width:100%}.date-input .inputs input[type=number]{-moz-appearance:textfield;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}.iui-loader-container{position:relative}.iui-loading-content{transition:opacity .15s}.iui-loading-content.opacity{opacity:.3;pointer-events:none}.iui-loader{left:calc(50% - 100px);position:absolute;top:calc(50% - 50px);width:200px}.iui-loader-logo{left:calc(50% - 50px);padding-bottom:5px;position:relative;width:100px}.linear-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--primary-o25);color:var(--primary);font-size:16px;height:.25em;width:100%}.linear-progress::-webkit-progress-bar{background-color:transparent}.linear-progress::-webkit-progress-value{background-color:currentColor;transition:all .2s}.linear-progress::-moz-progress-bar{background-color:currentColor;transition:all .2s}.linear-progress::-ms-fill{background-color:currentColor;border:none;transition:all .2s}.linear-progress:indeterminate{animation:linear-progress 2s linear infinite;background-image:linear-gradient(90deg,transparent 50%,currentColor 0,currentColor 60%,transparent 0,transparent 71.5%,currentColor 0,currentColor 84%,transparent 0);background-size:200% 100%}.linear-progress:indeterminate::-moz-progress-bar{background-color:transparent}.linear-progress:indeterminate::-ms-fill{animation-name:none}.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 .iui-loader{position:fixed!important}.lazy-loader{height:100vh;position:relative}.iui-menu{animation:fade-in .2s forwards;background:#fff;border-radius:8px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);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}.notification-counter{cursor:pointer;position:relative;user-select:none}.notification-counter .bell svg .fa-secondary{fill:#fa3;stroke:#544417;stroke-width:30px;stroke-opacity:.5;opacity:1}.notification-counter .count{align-items:center;background-color:var(--error);border-radius:50%;color:#fff;display:flex;font-size:10px;height:18px;justify-content:center;min-width:18px;position:absolute;right:0;top:0}.notifications-container{cursor:pointer;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 200px);overflow:auto;padding:8px}.notification{background-color:var(--primary-o10);border-radius:8px;padding:8px}.notification .header{align-items:flex-start;display:flex;justify-content:space-between}.notification .header .title{color:var(--primary-dark);font-size:14px;font-weight:700}.notification .header .date{color:rgba(0,0,0,.6);font-size:9px;margin:4px 0}.notification .header svg{color:var(--primary-o25);height:13px;padding:4px;width:13px}.notification .desc{color:#000;font-size:12px}.notification .unread-icon svg{color:#ff9500}.notification .disabled{opacity:1}.notification-badge{align-items:center;background-color:var(--secondary);border-radius:50%;display:flex;font-size:12px;font-weight:500;height:24px;justify-content:center;line-height:1;width:24px}body{overflow:hidden;position:fixed;width:100%}.page-container{max-height:calc(100vh - 50px);min-height:calc(100vh - 50px)}.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(--primary);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}}.app-left-line{background:var(--secondary);width:5px}@media screen and (max-width:1023px){.app-left-line{width:0}}.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:0 0 5px hsla(0,2%,70%,.5);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}body{overflow:visible!important}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)}.fake-input{height:0;opacity:0;position:absolute;width:100%}.iui-sidebar{background:var(--primary);border-top:2px solid #fff;box-shadow:2px 0 5px hsla(0,2%,70%,.5);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:calc(100vh - 50px);justify-content:space-between;position:relative;transition:width .3s cubic-bezier(.685,.0473,.346,1);width:260px;z-index:100}.iui-sidebar.collapsed:hover .active-menu{background-color:unset}.iui-sidebar.collapsed:not(:hover) .content-hidden{display:none}.iui-sidebar.collapsed:not(:hover) .sidebar-logo{transform:scale(.5)}.iui-sidebar svg{color:#fff}@media screen and (min-width:1024px){.iui-sidebar.collapsed{width:55px}.iui-sidebar.sidebar-hover:hover{width:260px}}@media screen and (max-width:1023px){.iui-sidebar.collapsed{width:0}}.iui-sidebar-content{display:flex;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;padding-top:12px}.iui-sidebar-content::-webkit-scrollbar{width:5px}.iui-sidebar-content hr{border-color:#fff;opacity:.4}.iui-sidebar-content .iui-sidebar-items{flex:1;width:260px}.iui-sidebar-item,.iui-sidebar-sub-item{align-items:center;box-sizing:border-box;display:flex;font-size:13px;justify-content:space-between;user-select:none;white-space:nowrap}.iui-sidebar-item.active,.iui-sidebar-item.clickable:hover:not(:disabled):not(.disabled),.iui-sidebar-sub-item.active,.iui-sidebar-sub-item.clickable:hover:not(:disabled):not(.disabled){background-color:var(--primary-dark)}.iui-sidebar-item:hover .add-button,.iui-sidebar-sub-item:hover .add-button{display:unset}.iui-sidebar-item{font-weight:700;height:45px;padding:8px 16px}.iui-sidebar-sub-item{height:32px;padding:0 20px 0 56px}.iui-sidebar-sub-item.primary{font-weight:700}.iui-sidebar-sub-item .add-button{display:none;padding:0}.iui-sidebar-sub-item .add-button svg{height:24px;padding:0!important;width:24px}.iui-sidebar-sub-item .add-button:hover .fa-secondary{opacity:.8}.iui-sidebar-sub-item .add-button .fa-secondary{fill:var(--secondary-light);opacity:.4}.sidebar-icon{color:var(--primary);height:24px;margin-right:15px;width:24px}.sidebar-expand-icon{height:16px;opacity:.6;transition:transform .2s;width:16px}.sidebar-expand-icon.rotate{opacity:.9;transform:rotate(180deg)}.sidebar-logo{margin:20px 0;transition:transform .3s ease-in-out;width:70px}.sidebar-colapse{align-items:center;background-color:#fff;border:1px solid var(--primary);border-radius:50%;box-sizing:border-box;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:-16px;top:40px;transition:opacity .15s ease-in-out;width:32px}.sidebar-colapse:active{transform:translateY(2px)}.sidebar-colapse svg{color:var(--primary)}.iui-sidebar:hover .sidebar-colapse{opacity:1}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{overflow-x:auto;padding-top:10px}.iui-table th{border-bottom:1px solid #e0e0e0;font-size:13px}.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:1px solid #e0e0e0;box-sizing:border-box;font-size:13px;height:52px;padding:7px 16px}.iui-table .clickable-column:hover{background-color:var(--primary-o10)!important}.iui-table .table-footer{align-items:center;display:flex;width:100%}.iui-table .pagination{align-items:center;color:rgba(0,0,0,.8);display:flex}@media screen and (max-width:850px){.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-button{margin:0 4px;padding:10px}.iui-table .pagination .offset-button svg{height:15px;width:15px}.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:1px solid #e0e0e0;border-radius:16px;padding:10px;user-select:none}.dual-list-container .list-box>.item{align-items:center;display:flex;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)}.edit-row td{padding:0 3px!important}.edit-row input{background:#fff}.table-options-btn{background:var(--background-dark);border-radius:4px;font-weight:700}.table-options-btn:hover{background-color:#dfe1eb!important}.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;margin-bottom:2px;padding:15px 12px;user-select:none}.iui-tab.selected,.iui-tab:hover:not(.disabled){border-bottom:7px solid var(--primary);padding-bottom:8px}.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:0 0 25px 25px;box-shadow:0 0 5px hsla(0,2%,70%,.5);padding:8px}.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-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--primary-dark);cursor:pointer;display:inline-flex;font-weight:500;letter-spacing:.4px;transition:background-color .25s;user-select:none}.iui-btn svg{font-size:16px;margin:0 4px}.iui-btn.primary{background-color:var(--primary);color:#fff}.iui-btn.outlined{border:2px solid var(--primary-o25)}.iui-btn:disabled{cursor:default;opacity:.4}.iui-btn.active:not(:disabled):not(.primary),.iui-btn:active:not(:disabled):not(.primary),.iui-btn:hover:not(:disabled):not(.primary){background-color:var(--primary-o25)}.iui-btn.primary.active:not(:disabled),.iui-btn.primary:active:not(:disabled),.iui-btn.primary:hover:not(:disabled){background-color:var(--primary-dark)}.iui-btn:active:not(:disabled){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}.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;white-space:nowrap;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)}.full-page-container{background-color:#f5f5f5;box-sizing:border-box;min-height:100vh;padding:50px 150px}.full-page-container h1{font-size:40px;font-weight:900;margin-bottom:12px}.full-page-container h2{color:#a3a3a3;font-size:16px;line-height:1.6;white-space:pre-line}.full-page-container h2 span{color:#000}.full-page-container h3{font-size:20px;margin-bottom:24px}.full-page-container .desc-link{color:var(--primary);font-weight:900}.full-page-container .desc-link:hover{color:var(--primary-light);text-decoration:underline}.full-page-container .content{display:grid;grid-template-columns:1fr 1fr}.full-page-container .content .children{margin:48px 0}.full-page-container .content .full-page-image{display:flex;justify-content:center;padding:50px}.full-page-container .content .full-page-image img{max-height:40vh;max-width:20vw}.iui-prelogin-card{background-color:#fff;border-radius:25px;padding:24px;width:fit-content}@media (max-width:700px){.full-page-container{padding:20px 30px}.full-page-container .content{display:block}.full-page-container .full-page-image{display:none!important}}

package/dist/index.d.ts

@@ -0,0 +1,407 @@
+export { default as clsx } from 'clsx';
+export { default as moment } from 'moment';
+export { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import * as react from 'react';
+import { ReactNode, FunctionComponent, RefObject, MouseEventHandler, ReactElement, Dispatch, SetStateAction, FC, ButtonHTMLAttributes, FormEvent } from 'react';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+
+interface IAnyObject {
+    [id: string]: any;
+}
+interface IStringObject {
+    [id: string]: string;
+}
+interface IBooleanObject {
+    [id: string]: boolean;
+}
+interface ISimpleObject {
+    uuid: string;
+    name: string;
+}
+interface ISimpleObjectWithCode extends ISimpleObject {
+    code: string;
+}
+interface ISimpleObjectWithCodeNew {
+    uuid?: string;
+    name?: string;
+    code?: string;
+}
+interface IValueLabel {
+    value: any;
+    label: string;
+}
+
+interface IError {
+    errorMessage: string;
+    errorCode?: string;
+}
+
+interface ITab {
+    value: string;
+    label: string;
+    icon?: any;
+    component: ReactNode;
+    disabled?: boolean;
+    hidden?: boolean;
+}
+
+interface ITable {
+    columns: ITableColumn[];
+    setColumns?: (data: ITableColumn[]) => void;
+    firstHeaderRow?: ITableColumn[];
+    secondHeaderRow?: ITableColumn[];
+    data: ITableDataItem[];
+    totals?: ITableDataItem;
+    isLoading?: boolean;
+    loaderLogo?: string;
+    serverSidePagination?: IServerSidePagination;
+    customPagination?: {
+        defaultLimit?: number;
+        customLimit?: number[];
+    };
+    selectedRowUuid?: string;
+    footerAction?: {
+        icon?: IconDefinition;
+        onClick: () => void;
+    };
+    headerWrap?: boolean;
+    hideFooter?: boolean;
+    showLastBorder?: boolean;
+    filterData?: ITableFilterData;
+    sortData?: ITableSortData;
+    printData?: IPrintData;
+    additionsalOptions?: ReactNode;
+    selectedOptions?: ReactNode;
+    translations?: ITableTranslations;
+    className?: string;
+    editable?: {
+        selectedItem: any;
+        setSelectedItem: (item: any) => void;
+        defaultDataValue?: any;
+        EditableRow?: FunctionComponent<ITableEditRow>;
+        onSubmit: (data: any, onSubmitCallback?: () => void) => void;
+        disabled?: boolean;
+        inputFocusRef?: RefObject<any>;
+    };
+}
+interface ITableColumn {
+    id: string;
+    label?: string;
+    align?: 'center' | 'left' | 'right' | 'justify' | undefined;
+    hidden?: boolean;
+    unavailable?: boolean;
+    width?: string;
+    minWidth?: string;
+    colSpan?: number;
+    rowSpan?: number;
+    break?: boolean;
+    sortOptions?: {
+        asc: string;
+        desc: string;
+        label: string;
+    };
+}
+interface ITableDataItem {
+    uuid: string;
+    onRowClick?: MouseEventHandler<HTMLTableRowElement>;
+    className?: string;
+    cells: {
+        [id: string]: {
+            value: any;
+            align?: ITableColumn['align'];
+            className?: string;
+            onClick?: MouseEventHandler<HTMLTableCellElement>;
+            link?: boolean;
+            tooltip?: string;
+            span?: number;
+            unclickable?: boolean;
+        };
+    };
+    extendable?: {
+        element: ReactElement;
+        isLoading?: boolean;
+    };
+}
+interface ITableFilterData {
+    columns: string[];
+    filters: ITableFilter;
+    activeFilterNo?: number;
+    additionalFilters?: ReactElement;
+    search: IAnyObject;
+    searchData: IAnyObject;
+    setSearchData: (search: IAnyObject) => void;
+    onSubmit: (search: IAnyObject) => void;
+    resetData?: IAnyObject;
+    excludeFromSearch?: string[];
+}
+interface ITableFilterItem {
+    label: string;
+    field: ReactElement;
+    resetField: () => void;
+}
+interface ITableFilter {
+    [id: string]: ITableFilterItem;
+}
+interface ITableSortData {
+    sort: string;
+    setSort: (sort: string) => void;
+    sortOptions: ITableSort;
+    menuSize?: 's' | 'm' | 'l';
+}
+interface ITableSort {
+    [id: string]: {
+        label: string;
+        asc: string;
+        desc: string;
+    };
+}
+interface IPrintData {
+    label: string;
+    organization?: {
+        name?: string;
+        taxId?: string;
+        registrationNumber?: string;
+        jbkjs?: string;
+        email?: string;
+    };
+    filters?: {
+        basic?: {
+            label: string;
+            value?: string;
+        }[];
+        date?: {
+            label: string;
+            from?: string;
+            to?: string;
+        }[];
+    };
+    getPrintData: (pagination: IPagination) => Promise<IAnyObject>;
+    formatPrintData: (data: any) => ITableDataItem[];
+    saveXlsx?: () => void;
+    totals?: ITableDataItem;
+}
+interface IPagination {
+    limit: number;
+    offset: number;
+}
+interface IServerSidePagination {
+    limit: number;
+    offset: number;
+    setLimit: Dispatch<SetStateAction<number>>;
+    setOffset: Dispatch<SetStateAction<number>>;
+    totalRows: number;
+}
+interface ITableEditRow {
+    columns: ITableColumn[];
+    data: any;
+    setData: (data: any) => void;
+    item?: any;
+    clearItem: () => void;
+    defaultDataValue?: any;
+    inputFocusRef?: RefObject<any>;
+}
+interface ITableTranslations {
+    noDataText?: string;
+    pagination?: {
+        rowsPerPage: string;
+        of: string;
+        allResults: string;
+        page: string;
+    };
+    Sort?: string;
+    filter?: {
+        Filter?: string;
+        ResetFilter?: string;
+        Search?: string;
+        Delete?: string;
+    };
+    print?: {
+        Print?: string;
+        PrintExport?: string;
+        TaxId?: string;
+        RegistrationNumber?: string;
+        PrintDate?: string;
+        from?: string;
+        to?: string;
+        SaveXlsx?: string;
+    };
+    Cancel?: string;
+    Confirm?: string;
+    columns?: {
+        Columns?: string;
+        DragDropListsInfo?: string;
+        HiddenColumns?: string;
+        SelectedColumns?: string;
+    };
+    editable?: {
+        Actions?: string;
+    };
+}
+
+interface ISidebarItem {
+    label: string;
+    icon: IconDefinition;
+    to?: string;
+    content?: ISidebarSubItem[];
+    menu?: {
+        content: ISidebarSubItem[];
+        openedMenu: string;
+        setOpenedMenu: (label: string) => void;
+    };
+    hidden?: boolean;
+    badge?: number;
+    addUrl?: string;
+    collapsed?: boolean;
+}
+interface ISidebarSubItem {
+    label: string;
+    to?: string;
+    content?: ISidebarItem[];
+    hidden?: boolean;
+    tooltip?: string;
+    badge?: number;
+    addUrl?: string;
+    primary?: boolean;
+    collapsed?: boolean;
+}
+
+interface ISelectData extends IValueLabel {
+    disabled?: boolean;
+    [id: string]: any;
+}
+
+declare const formatDate: (date?: string) => string;
+declare const formatDateAndTime: (date?: string, withSeconds?: boolean) => string;
+declare const formatTime: (date?: string, withSeconds?: boolean) => string;
+declare const dateAddDays: (date: string, addDays: number) => string;
+declare const checkIfExpired: (date?: string) => boolean;
+declare const getCurrentDateFormattedYMD: () => string;
+declare const getDaysLeft: (date?: string) => number;
+declare const formatYearMonth: (year: number, month: number) => string;
+
+declare const formatCurrency: (number?: string | number, minimumFractionDigits?: number, maximumFractionDigits?: number) => string;
+declare const formatCurrencyNoDecimals: (number?: string | number) => string;
+
+declare const maxChar: (str?: string, maxLength?: number) => string;
+
+declare const deleteProps: (obj: any, props: string[]) => any;
+declare const deleteEmptyProps: (obj: IAnyObject) => any;
+declare const deleteEmptyPropsIncludingArray: (obj: IAnyObject) => any;
+declare const getActiveFilterNumber: (obj: any) => number;
+declare const getVisibleColumnsIds: (tableCols: ITableColumn[], isPrint?: boolean) => string[];
+
+interface Props$8 {
+    tabs: ITab[];
+    initialValue?: string;
+    compact?: boolean;
+    className?: string;
+}
+declare const Accordions: FC<Props$8>;
+
+interface Props$7 {
+    text?: string;
+    severity: "success" | "info" | "warning" | "error";
+    fitContent?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const Alert: FC<Props$7>;
+
+interface Props$6 {
+    label: string;
+    icon?: IconDefinition;
+    iconEnd?: IconDefinition;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    disabled?: boolean;
+    primary?: boolean;
+    outlined?: boolean;
+    active?: boolean;
+    className?: string;
+    size?: "xs" | "s" | "m" | "l";
+    buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
+}
+declare const Button: react.ForwardRefExoticComponent<Props$6 & react.RefAttributes<HTMLButtonElement>>;
+
+interface Props$5 {
+    icon: IconDefinition;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    disabled?: boolean;
+    className?: string;
+    active?: boolean;
+    buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
+}
+declare const IconButton: react.ForwardRefExoticComponent<Props$5 & react.RefAttributes<HTMLButtonElement>>;
+
+interface Props$4 {
+    isOpen: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const Collapse: FC<Props$4>;
+
+interface Props$3 {
+    title?: string;
+    buttonLabel?: string;
+}
+declare const NoAccessInfo: FC<Props$3>;
+
+type Position = "left" | "right" | "top" | "bottom";
+interface Props$2 {
+    label?: string;
+    position?: Position;
+    disabled?: boolean;
+    className?: string;
+    children: ReactElement;
+}
+declare const Tooltip: FC<Props$2>;
+
+interface Props$1 {
+    condition: boolean;
+    wrapper: (children: ReactElement) => ReactElement;
+    children: ReactElement;
+}
+declare const ConditionalWrapper: FC<Props$1>;
+
+interface Props {
+    title: string;
+    description: string | ReactElement;
+    actionButton?: {
+        label: string;
+        icon?: IconDefinition;
+        onClick?: () => void;
+        onFormSubmit?: () => void;
+        marginLarge?: boolean;
+        regular?: boolean;
+    };
+    backButton?: boolean;
+    img?: string;
+    translations?: {
+        Back?: string;
+    };
+    children?: ReactNode;
+}
+declare const FullPageWrapper: FC<Props>;
+
+interface IFormWrapper {
+    isLoading: boolean;
+    className?: string;
+    submitButton: {
+        label?: string;
+        icon?: any;
+        disabled?: boolean;
+        onSubmit: (e: FormEvent<HTMLFormElement>) => void;
+        primary?: boolean;
+    };
+    otherButtons?: {
+        label: string;
+        icon?: any;
+        disabled?: boolean;
+        outlined?: boolean;
+        onClick: () => void;
+    }[];
+    noAccess?: boolean;
+    children: ReactNode;
+}
+declare const FormWrapper: FC<IFormWrapper>;
+
+export { Accordions, Alert, Button, Collapse, ConditionalWrapper, FormWrapper, FullPageWrapper, IAnyObject, IBooleanObject, IError, IPagination, ISelectData, IServerSidePagination, ISidebarItem, ISimpleObject, ISimpleObjectWithCode, ISimpleObjectWithCodeNew, IStringObject, ITab, ITable, ITableColumn, ITableDataItem, ITableEditRow, ITableFilter, ITableFilterData, ITableFilterItem, ITableSort, IValueLabel, IconButton, NoAccessInfo, Tooltip, checkIfExpired, dateAddDays, deleteEmptyProps, deleteEmptyPropsIncludingArray, deleteProps, formatCurrency, formatCurrencyNoDecimals, formatDate, formatDateAndTime, formatTime, formatYearMonth, getActiveFilterNumber, getCurrentDateFormattedYMD, getDaysLeft, getVisibleColumnsIds, maxChar };