sccoreui 6.3.39 → 6.3.41

package/dist/App.js

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 require("./App.scss");
+// import FroalaTextEditor from "./components/froala-editor/FroalaEditor";
 // import Home from "./pages/home";
 const App = () => {
-    return (0, jsx_runtime_1.jsx)("div", {});
+    return ((0, jsx_runtime_1.jsx)("div", { children: " " }));
 };
 exports.default = App;

package/dist/App.scss

@@ -563,7 +563,7 @@ code {
       li {
         width: 10px;
         height: 10px;
-        border-radius: 8px;
+        border-radius: var(--border-radius);
         position: absolute;
         transform: translateY(-50%);
       }
@@ -857,7 +857,7 @@ div:has(ul.date_filter) .p-datepicker-footer {
   border: 1px solid var(--gray-300);
   transition: background-color 0.2s, color 0.2s, border-color 0.2s,
     box-shadow 0.2s;
-  border-radius: 8px;
+  border-radius: var(--border-radius);
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
   padding-top: 10px;
   padding-bottom: 10px;
@@ -874,7 +874,7 @@ div:has(ul.date_filter) .p-datepicker-footer {
     outline-offset: 0;
     box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
       0px 0px 0px 2px var(--primary-100);
-    border-radius: 8px;
+    border-radius: var(--border-radius);
     border: 1px solid var(--primary-300);
   }
 
@@ -989,7 +989,7 @@ button[data-cmd="fontFamily"]:focus {
 
 .text-editor {
   border: 1px solid #d0d5dd;
-  border-radius: 10px;
+  border-radius: var(--border-radius);
 
   * {
     border: none !important;
@@ -1131,7 +1131,7 @@ button[aria-expanded="true"] {
 
     li {
       margin: 4px 0 !important;
-      border-radius: 4px !important;
+      border-radius: 6px !important;
       padding: 8px 14px !important;
 
       .item_content {
@@ -1651,7 +1651,7 @@ code {
       li {
         width: 10px;
         height: 10px;
-        border-radius: 8px;
+        border-radius: var(--border-radius);
         position: absolute;
         transform: translateY(-50%);
       }
@@ -1883,7 +1883,7 @@ div:has(ul.date_filter) .p-datepicker-footer {
   border: 1px solid var(--gray-300);
   transition: background-color 0.2s, color 0.2s, border-color 0.2s,
     box-shadow 0.2s;
-  border-radius: 8px;
+  border-radius: var(--border-radius);
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
   padding-top: 10px;
   padding-bottom: 10px;
@@ -1900,7 +1900,7 @@ div:has(ul.date_filter) .p-datepicker-footer {
     outline-offset: 0;
     box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
       0px 0px 0px 2px var(--primary-100);
-    border-radius: 8px;
+    border-radius: var(--border-radius);
     border: 1px solid var(--primary-300);
   }
 
@@ -2015,7 +2015,7 @@ button[data-cmd="fontFamily"]:focus {
 
 .text-editor {
   border: 1px solid #d0d5dd;
-  border-radius: 10px;
+  border-radius: var(--border-radius);
 
   * {
     border: none !important;
@@ -2126,7 +2126,7 @@ button[aria-expanded="true"] {
 
     li {
       margin: 4px 0 !important;
-      border-radius: 4px !important;
+      border-radius: 6px !important;
       padding: 8px 14px !important;
 
       .item_content {
@@ -2352,7 +2352,7 @@ button[aria-expanded="true"] {
   justify-content: center;
   padding: 20px;
   margin: auto;
-  border-radius: 5px;
+  border-radius: var(--border-radius);
   background-color: var(--red-50);
   width: 100%;
   height: 100%;
@@ -2366,7 +2366,7 @@ button[aria-expanded="true"] {
 .rounded_btn {
   padding: 8px 10px !important;
   height: auto;
-  border-radius: 8px !important;
+  border-radius: 6px !important;
   cursor: pointer;
   &:hover {
     background: var(--primary-25);
@@ -2472,14 +2472,14 @@ button[aria-expanded="true"] {
       outline: 0 none;
       outline-offset: 0;
       box-shadow: none !important;
-      border-radius: 8px;
+      border-radius: var(--border-radius);
     }
 
     .p-inputtext:enabled:focus {
       outline: 0 none;
       outline-offset: 0;
       box-shadow: none !important;
-      border-radius: 8px;
+      border-radius: var(--border-radius);
     }
   }
 
@@ -2675,7 +2675,7 @@ button[aria-expanded="true"] {
 }
 
 .br-6 {
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 
 .line-clamp {

package/dist/assets/sccoreui.css

@@ -981,7 +981,7 @@ a {
   border: 1px solid var(--gray-300);
   transition: background-color 0.2s, color 0.2s, border-color 0.2s,
     box-shadow 0.2s;
-  border-radius: 8px;
+  border-radius: var(--border-radius);
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
   padding: 10px 14px;
   height: 40px;
@@ -993,7 +993,7 @@ a {
   border: 1px solid var(--gray-300);
   transition: background-color 0.2s, color 0.2s, border-color 0.2s,
     box-shadow 0.2s;
-  border-radius: 8px;
+  border-radius: var(--border-radius);
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
 }
 
@@ -1093,7 +1093,7 @@ a {
 .p-dropdown-panel {
   background: #ffffff;
   border: 1px solid var(--gray-200);
-  border-radius: 8px;
+  border-radius: var(--border-radius);
   box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
     0px 4px 6px -2px rgba(16, 24, 40, 0.03);
   overflow: hidden;
@@ -1147,7 +1147,7 @@ a {
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
   color: var(--gray-900);
   background: var(--gray-50);
-  border-radius: 4px;
+  border-radius: var(--border-radius);
   position: relative;
 }
 
@@ -1163,7 +1163,7 @@ a {
   .p-dropdown-items
   .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
   background: var(--gray-50);
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
   margin: 0;
@@ -1256,7 +1256,7 @@ a {
   background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   padding: 0.75rem 0;
 }
 .p-editor-container
@@ -1409,7 +1409,7 @@ a {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--red-100);
-  border-radius: 8px;
+  border-radius: var(--border-radius);
   border: 1px solid var(--red-300);
 }
 /* #################################################### Toggle Switch CSS changes START ################################################# */
@@ -1521,7 +1521,7 @@ a {
   transition: background-color 0.2s, color 0.2s, border-color 0.2s,
     box-shadow 0.2s;
   appearance: none;
-  border-radius: 8px;
+  border-radius: var(--border-radius);
   line-height: 40px;
   /* height: 40px; */
 }
@@ -1539,7 +1539,7 @@ a {
   outline-offset: 0;
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
     0px 0px 0px 2px var(--primary-100);
-  border-radius: 8px;
+  border-radius: var(--border-radius);
   border: 1px solid var(--primary-300);
 }
 /* input text invalid properties */
@@ -1547,7 +1547,7 @@ a {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--red-100);
-  border-radius: 8px;
+  border-radius: var(--border-radius);
   border: 1px solid var(--red-300);
 }
 /*========= input number invalid color =====*/
@@ -1555,7 +1555,7 @@ a {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--red-100);
-  border-radius: 8px;
+  border-radius: var(--border-radius);
   border: 1px solid var(--red-300);
 }
 
@@ -1663,7 +1663,7 @@ a {
   background: #ffffff;
   color: #495057;
   border: 1px solid #ced4da;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem 1.25rem;
@@ -1726,7 +1726,7 @@ a {
   background: #ffffff;
   color: #495057;
   border: 0 none;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 }
 .p-mention-panel .p-mention-items {
@@ -1755,7 +1755,7 @@ a {
   border: 1px solid #ced4da;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s,
     box-shadow 0.2s;
-  border-radius: 8px;
+  border-radius: var(--border-radius);
 }
 /* .p-multiselect:not(.p-disabled):hover {
   border-color: #6366F1;
@@ -1787,7 +1787,7 @@ a {
   height: 30px;
   background: #fff;
   color: var(--gray-700);
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   border: 1px solid var(--gray-300);
 }
 
@@ -1842,7 +1842,7 @@ a {
   background: #ffffff;
   color: #495057;
   border: 0 none;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 }
 .p-multiselect-panel .p-multiselect-header {
@@ -1903,7 +1903,7 @@ a {
   color: #495057;
   background: transparent;
   transition: box-shadow 0.2s;
-  border-radius: 4px;
+  border-radius: var(--border-radius);
   margin-bottom: 2px;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
@@ -1969,7 +1969,7 @@ a {
   color: #495057;
   border: 0 none;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
@@ -2130,7 +2130,7 @@ a {
 .p-slider {
   background: #dee2e6;
   border: 0 none;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-slider.p-slider-horizontal {
   height: 0.286rem;
@@ -2173,7 +2173,7 @@ a {
   border: 1px solid #ced4da;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s,
     box-shadow 0.2s;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-treeselect:not(.p-disabled):hover {
   border-color: #6366f1;
@@ -2218,7 +2218,7 @@ a {
   background: #ffffff;
   color: #495057;
   border: 0 none;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 }
 .p-treeselect-panel .p-treeselect-header {
@@ -2351,7 +2351,7 @@ a {
   width: auto;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s,
     box-shadow 0.2s;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   border: 1px solid var(--primary-500);
 }
 .p-button:enabled:hover,
@@ -2522,7 +2522,7 @@ a {
   height: 48px !important;
   line-height: 48px !important;
   padding: 0px 22px;
-  border-radius: 4px;
+  border-radius: var(--border-radius);
   border: 1px dashed var(--gray-500);
   font-size: 14px;
   box-shadow: none;
@@ -3482,7 +3482,7 @@ a {
 }
 
 .p-splitbutton {
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-splitbutton.p-button-outlined > .p-button {
   background-color: transparent;
@@ -3556,10 +3556,10 @@ a {
     0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .p-splitbutton.p-button-rounded {
-  border-radius: 2rem;
+  border-radius: var(--border-radius);
 }
 .p-splitbutton.p-button-rounded > .p-button {
-  border-radius: 2rem;
+  border-radius: var(--border-radius);
 }
 .p-splitbutton.p-button-sm > .p-button {
   font-size: 0.875rem;
@@ -4436,7 +4436,7 @@ a {
   background: #ffffff;
   color: #495057;
   border: 0 none;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   min-width: 12.5rem;
 }
@@ -4547,7 +4547,7 @@ a {
   font-size: 1rem;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s,
     box-shadow 0.2s;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   display: flex;
   align-items: center;
 }
@@ -4751,7 +4751,7 @@ a {
   font-size: 1rem;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s,
     box-shadow 0.2s;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
   background: #4f46e5;
@@ -4987,7 +4987,7 @@ a {
   border-width: 0;
   font-size: 12px;
   /* padding: 0.5rem 1rem; */
-  border-radius: 0px 0px 6px 6px;
+  border-radius: 0px 0px var(--border-radius) var(--border-radius);
 }
 
 .p-paginator-pages {
@@ -5138,13 +5138,13 @@ a {
   background: #ffffff;
   color: #495057;
   padding: 1.25rem;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-tree .p-tree-container .p-treenode {
   padding: 0.143rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   transition: box-shadow 0.2s;
   padding: 0.5rem;
 }
@@ -5568,7 +5568,7 @@ a {
   background: #ffffff;
   color: #495057;
   /* box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); */
-  border-radius: 8px;
+  border-radius: var(--border-radius);
   border: 1px solid #eaecf0;
   padding: 12px 16px 12px 16px;
 }
@@ -5601,7 +5601,7 @@ a {
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-fieldset .p-fieldset-legend {
   padding: 1.25rem;
@@ -5609,7 +5609,7 @@ a {
   color: #343a40;
   background: #f8f9fa;
   font-weight: 700;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
   padding: 0;
@@ -5618,7 +5618,7 @@ a {
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
   padding: 1.25rem;
   color: #343a40;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   transition: box-shadow 0.2s;
 }
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@@ -5715,7 +5715,7 @@ a {
 .p-splitter {
   border: 1px solid #dee2e6;
   background: #ffffff;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   color: #495057;
 }
 .p-splitter .p-splitter-gutter {
@@ -5815,7 +5815,7 @@ a {
   background: #f8f9fa;
   border: 1px solid #dee2e6;
   padding: 1.25rem;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   gap: 0.5rem;
 }
 .p-toolbar .p-toolbar-separator {
@@ -5826,7 +5826,7 @@ a {
   background: #ffffff;
   color: #495057;
   border: 0 none;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
 }
 .p-confirm-popup .p-confirm-popup-content {
@@ -5867,7 +5867,7 @@ a {
 }
 
 .p-dialog {
-  border-radius: 8px !important;
+  border-radius: var(--border-radius) !important;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
   border: 0 none;
 }
@@ -5912,8 +5912,8 @@ a {
   padding: 24px;
 }
 .p-dialog .p-dialog-content:last-of-type {
-  border-bottom-right-radius: 12px;
-  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
 }
 .p-dialog .p-dialog-footer {
   border-top: 1px solid #eaecf0;
@@ -5921,8 +5921,8 @@ a {
   color: #495057;
   padding: 16px;
   text-align: right;
-  border-bottom-right-radius: 12px;
-  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
 }
 .p-dialog .p-dialog-footer button {
   margin: 0 0.5rem 0 0;
@@ -5940,7 +5940,7 @@ a {
   background: #ffffff;
   color: #495057;
   border: 0 none;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
 }
 .p-overlaypanel .p-overlaypanel-content {
@@ -6043,7 +6043,7 @@ a {
   padding: 8px 12px;
   box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
     0px 4px 6px -2px rgba(16, 24, 40, 0.03);
-  border-radius: 8px;
+  border-radius: var(--border-radius);
 }
 .p-tooltip.p-tooltip-right .p-tooltip-arrow {
   border-right-color: var(--background-color);
@@ -6097,7 +6097,7 @@ a {
 }
 .p-breadcrumb ul li .p-menuitem-link {
   transition: box-shadow 0.2s;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
@@ -6126,7 +6126,7 @@ a {
   color: #495057;
   border: 0 none;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
@@ -6168,7 +6168,7 @@ a {
   background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #eef2ff;
@@ -6292,12 +6292,12 @@ a {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
   padding: 0.75rem 1.25rem;
   color: #495057;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   transition: box-shadow 0.2s;
   user-select: none;
 }
@@ -6621,7 +6621,7 @@ a {
   background: #ffffff;
   color: #495057;
   border: 1px solid #dee2e6;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   width: 12.5rem;
 }
 .p-menu .p-menuitem-link {
@@ -6682,7 +6682,7 @@ a {
   background: #f8f9fa;
   color: #495057;
   border: 1px solid #dee2e6;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-menubar .p-menuitem-link {
   padding: 0.75rem 1.25rem;
@@ -6721,7 +6721,7 @@ a {
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
   padding: 0.75rem 1.25rem;
   color: #495057;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   transition: box-shadow 0.2s;
   user-select: none;
 }
@@ -7019,7 +7019,7 @@ a {
   color: #6c757d;
   background: #f8f9fa;
   font-weight: 700;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   transition: box-shadow 0.2s;
 }
 .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@@ -7142,7 +7142,7 @@ a {
   background: #ffffff;
   color: #495057;
   border: 1px solid #dee2e6;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   width: 12.5rem;
 }
 .p-slidemenu .p-menuitem-link {
@@ -7224,7 +7224,7 @@ a {
 .p-steps .p-steps-item .p-menuitem-link {
   background: transparent;
   transition: box-shadow 0.2s;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   background: #ffffff;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@@ -7335,7 +7335,7 @@ a {
   background: #ffffff;
   color: #495057;
   border: 1px solid #dee2e6;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   width: 12.5rem;
 }
 .p-tieredmenu .p-menuitem-link {
@@ -7408,7 +7408,7 @@ a {
 .p-inline-message {
   padding: 0.75rem 0.75rem;
   margin: 0;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-inline-message.p-inline-message-info {
   background: #e9e9ff;
@@ -7459,7 +7459,7 @@ a {
 
 .p-message {
   margin: 1rem 0;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-message .p-message-wrapper {
   padding: 1.25rem 1.75rem;
@@ -7542,7 +7542,7 @@ a {
 .p-toast .p-toast-message {
   margin: 0 0 1rem 0;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  border-radius: 12px;
+  border-radius: var(--border-radius);
 }
 .p-toast .p-toast-message .p-toast-message-content {
   padding: 1rem;
@@ -7583,7 +7583,7 @@ a {
   /* border: 1px solid var(--primary-300); */
   border-width: 0 0 0 6px;
   color: var(--primary-700);
-  border-radius: 12px;
+  border-radius: var(--border-radius);
   border: 1px solid var(--primary-300);
 }
 .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
@@ -7650,7 +7650,7 @@ a {
   width: 4rem;
   height: 4rem;
   transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   margin: 0 0.5rem;
 }
 .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
@@ -7787,7 +7787,7 @@ a {
 
 .p-avatar {
   background-color: #dee2e6;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-avatar.p-avatar-lg {
   width: 2rem;
@@ -7827,7 +7827,7 @@ a {
   height: 1rem;
 }
 .p-chip .p-chip-remove-icon {
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   margin-left: 0.5rem;
 }
@@ -7857,7 +7857,7 @@ a {
 
 .p-skeleton {
   background-color: #dee2e6;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-skeleton:after {
   background: linear-gradient(
@@ -7874,7 +7874,7 @@ a {
   font-size: 0.75rem;
   font-weight: 700;
   padding: 0.25rem 0.4rem;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-tag.p-tag-success {
   background-color: #22c55e;
@@ -7899,7 +7899,7 @@ a {
 
 .p-inplace .p-inplace-display {
   padding: 0.75rem 0.75rem;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   transition: background-color 0.2s, color 0.2s, border-color 0.2s,
     box-shadow 0.2s;
 }
@@ -7917,7 +7917,7 @@ a {
   border: 0 none;
   height: 8px;
   background: var(--gray-200);
-  border-radius: 4px;
+  border-radius: var(--border-radius);
 }
 .p-progressbar .p-progressbar-value {
   border: 0 none;
@@ -7988,7 +7988,7 @@ a {
   font-size: 0.75rem;
   font-weight: 700;
   padding: 0.25rem 0.4rem;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .p-tag.p-tag-success {
   background-color: #22c55e;
@@ -8092,7 +8092,7 @@ a {
 /* Target the thumb */
 ::-webkit-scrollbar-thumb {
   background-color: var(--gray-200); /* Set the background color of the thumb */
-  border-radius: 8px; /* Set the border radius of the thumb */
+  border-radius: var(--border-radius); /* Set the border radius of the thumb */
 }
 
 /* Target the track */
@@ -8113,7 +8113,7 @@ a {
 /* Target the thumb */
 ::-moz-scrollbar-thumb {
   background-color: var(--gray-200); /* Set the background color of the thumb */
-  border-radius: 8px; /* Set the border radius of the thumb */
+  border-radius: var(--border-radius); /* Set the border radius of the thumb */
 }
 
 /* Target the track */
@@ -8199,7 +8199,7 @@ button {
   color: black;
   width: auto;
   padding: 10px;
-  border-radius: 2px;
+  border-radius: var(--border-radius);
   font-size: 19px;
   background: green;
   position: relative;
@@ -8336,18 +8336,18 @@ input[type="number"]::-webkit-outer-spin-button {
     padding: 1rem 1rem;
     border: 1px solid var(--gray-200);
     color: #495057;
-    border-radius: 12px;
+    border-radius: var(--border-radius);
   }
 }
 
 /* breadcrumbs classes for background colors and hover background colors  */
 .last-item-bg-color > .p-breadcrumb-list .p-menuitem.px-4:hover {
   background-color: var(--primary-50);
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .last-item-bg-color-gray-50 > .p-breadcrumb-list .p-menuitem.px-4:hover {
   background-color: var(--gray-50);
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 
 /* .p-disabled {
@@ -8360,11 +8360,11 @@ input[type="number"]::-webkit-outer-spin-button {
 
 .last-item-bg-color ul li:last-child {
   background-color: var(--primary-50);
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .last-item-bg-color-gray-50 ul li:last-child {
   background-color: var(--gray-50);
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 
 /* side out menu custom classes */
@@ -8441,7 +8441,7 @@ input[type="number"]::-webkit-outer-spin-button {
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s !important;
   padding: 8px 12px 8px 12px !important;
   cursor: pointer;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
   font-weight: normal;
 }
 
@@ -8451,7 +8451,7 @@ input[type="number"]::-webkit-outer-spin-button {
 .tab-view-bg-dark.expand .p-tabview-nav li .p-tabview-nav-link {
   padding-left: 88px;
   padding-right: 88px;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .tab-view-bg-dark.not-expand.border-no-radius
   .p-tabview-nav
@@ -8486,13 +8486,13 @@ input[type="number"]::-webkit-outer-spin-button {
 }
 .tab-view-shadow-box .p-tabview-nav {
   background-color: var(--gray-100);
-  border-radius: 8px;
+  border-radius: var(--border-radius);
   padding: 4px;
 }
 
 .tab-view-shadow-box .p-tabview-nav li .p-tabview-nav-link {
   background-color: transparent;
-  border-radius: 6px;
+  border-radius: var(--border-radius);
 }
 .tab-view-shadow-box .p-tabview-nav .p-tabview-ink-bar {
   display: none;
@@ -8586,16 +8586,16 @@ input[type="number"]::-webkit-outer-spin-button {
   }
 }
 .bg-square .p-paginator-pages .p-paginator-page.p-highlight {
-  border-radius: 8px;
+  border-radius: var(--border-radius);
 }
 
 .bg-square .p-paginator-pages .p-paginator-page {
-  border-radius: 8px;
+  border-radius: var(--border-radius);
 }
 
 .paginator-boxes > .p-paginator-pages .p-paginator-page {
   margin: 0px !important;
-  border-radius: 0px !important;
+  border-radius: var(--border-radius) !important;
   border-style: solid !important;
 }
 .paginator-boxes > .p-paginator-pages {
@@ -8619,7 +8619,7 @@ input[type="number"]::-webkit-outer-spin-button {
 
 /* Progress siders calsses for styling the component */
 .progress-slider .p-slider-range {
-  border-radius: 4px;
+  border-radius: var(--border-radius);
   background-color: var(--primary-500);
 }
 

package/dist/assets/theme.css

@@ -1,3 +1,6 @@
+:root {
+  --border-radius: 6px;
+}
 .p-component,
 .p-component * {
   box-sizing: border-box;
@@ -365,7 +368,7 @@
 
 .p-badge {
   display: inline-block;
-  border-radius: 10px;
+  border-radius: var(--border-radius);
   text-align: center;
   padding: 0 0.5rem;
 }
@@ -504,7 +507,7 @@
   padding-left: 8px;
 }
 
-.p-calendar.p-calendar-w-btn-left .p-inputtext{
+.p-calendar.p-calendar-w-btn-left .p-inputtext {
   padding-left: 0;
 }
 
@@ -526,10 +529,10 @@
 .p-calendar-w-btn-left .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--primary-100);
-  
+  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
+    0px 0px 0px 2px var(--primary-100);
 
-  border-radius: 8px;
+  border-radius: var(--border-radius);
   border: 1px solid var(--primary-300);
   border-left: 0px;
   border-top-left-radius: 0px;
@@ -546,11 +549,9 @@
   border: 1px solid var(--gray-300);
   height: 40px;
   border-right: 0px;
-  padding-left:16px !important;
+  padding-left: 16px !important;
 }
 
-
-
 /* Fluid */
 .p-fluid .p-calendar {
   display: flex;
@@ -2644,7 +2645,7 @@ input.p-dropdown-label {
 .ql-snow .ql-editor code,
 .ql-snow .ql-editor pre {
   background-color: #f0f0f0;
-  border-radius: 3px;
+  border-radius: var(--border-radius);
 }
 .ql-snow .ql-editor pre {
   white-space: pre-wrap;
@@ -4588,7 +4589,7 @@ input.p-dropdown-label {
   align-items: center;
   justify-content: center;
   overflow: hidden;
-  border-radius: 4px;
+  border-radius: var(--border-radius);
 }
 
 .p-progressbar-determinate .p-progressbar-label {
@@ -4851,7 +4852,7 @@ input.p-dropdown-label {
 .p-scrollpanel-bar {
   position: relative;
   background: #c1c1c1;
-  border-radius: 3px;
+  border-radius: var(--border-radius);
   z-index: 2;
   cursor: pointer;
   opacity: 0;
@@ -6090,7 +6091,6 @@ input.p-dropdown-label {
   left: -9999px;
 }
 
-
 .p-tooltip.p-tooltip-top {
   padding: 0.25em 0;
 }
@@ -6429,10 +6429,8 @@ input.p-dropdown-label {
   position: static;
 }
 
-
 /* calender css classes from SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS */
 
-
 .p-calendar-w-btn-left .p-datepicker-trigger:enabled:hover {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
@@ -6456,4 +6454,4 @@ input.p-dropdown-label {
   border-right: 0px;
 }
 
-/* calender css classes from SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS */
+/* calender css classes from SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS */

package/dist/components/ag-grid/AgGrid.js

@@ -33,8 +33,15 @@ core_1.ModuleRegistry.registerModules([
     excel_export_1.ExcelExportModule
 ]);
 core_2.LicenseManager.setLicenseKey(LicenceKey_1.LICENSEKEY);
-const AgGrid = ({ gridOptions, onGridReady, gridRef }) => {
-    // console.log(style, "style");
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ag-theme-quartz h-full ag-grid-div" }, { children: (0, jsx_runtime_1.jsx)(react_1.AgGridReact, Object.assign({ ref: gridRef }, (onGridReady ? { onGridReady: onGridReady } : {}), { reactiveCustomComponents: true }, gridOptions)) })) }));
+const AgGrid = ({ gridOptions, onGridReady, gridRef, style }) => {
+    let newHeight;
+    if (typeof style.height === "string" && style.height.includes("px")) {
+        const value = Number(style.height.replace("px", ""));
+        newHeight = (value - 64) + "px";
+    }
+    else {
+        newHeight = style.height;
+    }
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ag-theme-quartz ag-grid-div", style: { height: newHeight, width: style === null || style === void 0 ? void 0 : style.width } }, { children: (0, jsx_runtime_1.jsx)(react_1.AgGridReact, Object.assign({ ref: gridRef }, (onGridReady ? { onGridReady: onGridReady } : {}), { reactiveCustomComponents: true }, gridOptions)) })) }));
 };
 exports.default = AgGrid;

package/dist/components/ag-grid/advancedFeature/global-search.js

@@ -36,8 +36,15 @@ function Search({ searchPlaceHolder }) {
             setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { searchedText: deboucedValue }));
         }
     }, [deboucedValue]);
-    return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px", width: "336px" })) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `p-input-icon-left ${featureDetails.searchedText.length > 0 ? "p-input-icon-right" : ""}` }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix zoom_animate" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { color: "#667085", icon: "search-lg", size: 18, disabled: isDisabled }) })), featureDetails.searchedText.length > 0 && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix cursor-pointer zoom_animate", onClick: () => {
-                    setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { searchedText: "" }));
+    return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px", width: "336px" })) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `p-input-icon-left ${inputValue.length > 0 ? "p-input-icon-right" : ""}` }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix zoom_animate" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { color: "#667085", icon: "search-lg", size: 18, disabled: isDisabled }) })), inputValue.length > 0 && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix cursor-pointer zoom_animate", onClick: () => {
+                    var _a, _b;
+                    if (rowModelType === constants_1.ROWMODELTYPE.CLIENT_SIDE && quickSearch) {
+                        (_a = gridApi === null || gridApi === void 0 ? void 0 : gridApi.current.api) === null || _a === void 0 ? void 0 : _a.setGridOption("quickFilterText", "");
+                        (_b = gridApi === null || gridApi === void 0 ? void 0 : gridApi.current.api) === null || _b === void 0 ? void 0 : _b.hideOverlay();
+                    }
+                    else {
+                        setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { searchedText: "" }));
+                    }
                     setInputValue("");
                 }, title: "Clear" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 18 }) }))), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: inputValue, onChange: (e) => !isDisabled && setInputValue(e.target.value), className: "w-21rem", placeholder: searchPlaceHolder || "Search by name or code", disabled: isDisabled })] })));
 }

package/dist/components/ag-grid/advancedFeature/new-filter/conditions/Conditions.js

@@ -58,7 +58,7 @@ const Conditions = (props) => {
                             : "Enter", onChange: (event) => handleDynamicFieldState(event.target.value) }));
                 }
                 else {
-                    return ((0, jsx_runtime_1.jsx)(chips_1.Chips, { value: value, type: "", disabled: !condition, className: "table_filters_1 border-noround-left col-4 focus:shadow-none lh-44 h-44 chip_comp flex align-items-center", onChange: (e) => handleDynamicFieldState(e.target.value), placeholder: "Enter", separator: "," }));
+                    return ((0, jsx_runtime_1.jsx)(chips_1.Chips, { value: value, type: "", disabled: !condition, className: "table_filters_1 border-noround-left col-4 focus:shadow-none lh-44 h-44 chip_comp flex align-items-center", onChange: (e) => handleDynamicFieldState(e.target.value), placeholder: "Enter tags", separator: "," }));
                 }
             }
             case Types_1.FilterDataType.DECIMAL:

package/dist/components/ag-grid/advancedFeature/new-filter/table-filter.js

@@ -180,7 +180,7 @@ const TableFilter = () => {
                                         ? filterModelText.subHeader
                                         : "Streamline Your Search With Filters" }))] })), (0, jsx_runtime_1.jsx)(divider_1.Divider, { className: "w-full p-0 m-0" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-2" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "max-h-14rem\toverflow-y-auto overflow-x-hidden flex flex-column gap-1" }, { children: conditionsArray.map((eachCondition, index) => {
                                     return ((0, jsx_runtime_1.jsx)("div", { children: renderCondition(eachCondition, index) }, index));
-                                }) })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, { className: "w-full p-0 m-0" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4 flex justify-content-between" }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(button_1.Button, { outlined: true, className: "focus:shadow-none font-semibold border-none hover:bg-primary-25", label: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.resetFilterAction)
+                                }) })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, { className: "w-full p-0 m-0" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4 flex justify-content-between" }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(button_1.Button, { outlined: true, className: "focus:shadow-none font-semibold border-none hover:bg-primary-25 text-primary-400", label: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.resetFilterAction)
                                             ? filterModelText.resetFilterAction
                                             : "Reset Filter", onClick: onresetFilter }) }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [!displayInput && enableViewCreate && ((0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base px-2 font-semibold text-primary-400 flex gap-2 p-1 px-4 flex justify-content-center focus:shadow-none mr-3", label: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.createViewAction)
                                                 ? filterModelText.createViewAction

package/dist/components/ag-grid/constants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULTS = exports.EMPTY_RECORD = exports.GRID_CHECKBOX_STATUS = exports.ROW_HEIGHT = exports.DEBOUNCE_INTERVAL = exports.MAX_BLOCKS = exports.MAX_RECORDS_TO_LOAD = exports.BLOCK_SIZE = exports.ROWMODELTYPE = exports.COLUMN_SORT_OPTIONS = void 0;
+exports.DEFAULTS = exports.EMPTY_RECORD = exports.GRID_CHECKBOX_STATUS = exports.AUTO_HEIGHT_ROWS = exports.ROW_HEIGHT = exports.DEBOUNCE_INTERVAL = exports.MAX_BLOCKS = exports.MAX_RECORDS_TO_LOAD = exports.BLOCK_SIZE = exports.ROWMODELTYPE = exports.COLUMN_SORT_OPTIONS = void 0;
 const Types_1 = require("./Types");
 exports.COLUMN_SORT_OPTIONS = [
     { id: 1, label: "Low - High", sortId: 1, dataType: Types_1.FilterDataType.INTEGER },
@@ -20,6 +20,7 @@ exports.MAX_RECORDS_TO_LOAD = 2500;
 exports.MAX_BLOCKS = exports.MAX_RECORDS_TO_LOAD / exports.BLOCK_SIZE;
 exports.DEBOUNCE_INTERVAL = 200;
 exports.ROW_HEIGHT = 60;
+exports.AUTO_HEIGHT_ROWS = 5;
 // max char limit (INPUT FIELDS)
 let maxCodeLength = 250;
 let maxNameLength = 250;

package/dist/components/ag-grid/parent-for-grid.js

@@ -318,7 +318,7 @@ function ParentForGrid(props) {
             props.getGridRef.current = gridRef.current;
         }
     }, [props === null || props === void 0 ? void 0 : props.getGridRef]);
-    const gridStyle = Object.assign({ width: (_c = props === null || props === void 0 ? void 0 : props.style) === null || _c === void 0 ? void 0 : _c.width }, (totalRecords > 6 || !((_d = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _d === void 0 ? void 0 : _d.isGridAutoHeight)
+    const gridStyle = Object.assign({ width: (_c = props === null || props === void 0 ? void 0 : props.style) === null || _c === void 0 ? void 0 : _c.width }, (totalRecords > constants_1.AUTO_HEIGHT_ROWS || !((_d = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _d === void 0 ? void 0 : _d.isGridAutoHeight)
         ? { height: (_e = props === null || props === void 0 ? void 0 : props.style) === null || _e === void 0 ? void 0 : _e.height }
         : null));
     // Dont show hide overlay component when any row pinned
@@ -361,9 +361,9 @@ function ParentForGrid(props) {
             }
         }), autoGroupColumnDef: (props === null || props === void 0 ? void 0 : props.autoGroupColumnDef)
             ? props === null || props === void 0 ? void 0 : props.autoGroupColumnDef
-            : manageColumnGrouping(), treeData: (props === null || props === void 0 ? void 0 : props.enableTree) ? props === null || props === void 0 ? void 0 : props.enableTree : false, getDataPath: (props === null || props === void 0 ? void 0 : props.enableTree) ? getDataPath : null, defaultColDef: defaultColDef, suppressMenuHide: false, suppressRowClickSelection: false, headerHeight: props === null || props === void 0 ? void 0 : props.columnHeaderHeight, rowHeight: constants_1.ROW_HEIGHT, rowModelType: props.rowModelType, pinnedTopRowData: props === null || props === void 0 ? void 0 : props.pinnedTopRowData }, (props.rowModelType === (constants_1.ROWMODELTYPE === null || constants_1.ROWMODELTYPE === void 0 ? void 0 : constants_1.ROWMODELTYPE.SERVER_SIDE) && { cacheBlockSize: constants_1.BLOCK_SIZE })), { maxBlocksInCache: constants_1.MAX_BLOCKS, blockLoadDebounceMillis: constants_1.DEBOUNCE_INTERVAL, noRowsOverlayComponent: props === null || props === void 0 ? void 0 : props.noRowsOverlayComponent, loadingOverlayComponent: loading_component_1.default, suppressCellFocus: true, suppressPropertyNamesCheck: true, suppressServerSideFullWidthLoadingRow: true, enableRangeSelection: (_g = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _g === void 0 ? void 0 : _g.enableFillHandle, enableFillHandle: (_h = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _h === void 0 ? void 0 : _h.enableFillHandle, onFillEnd: wrapperToFillOpertation, fillOperation: myOpertaion, serverSideInitialRowCount: (props === null || props === void 0 ? void 0 : props.serverSideInitialRowCount) || 10, getRowId: getRowId, enableAdvancedFilter: (props === null || props === void 0 ? void 0 : props.enableAdvancedFilter) || false, fillHandleDirection: "y" }), ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), (totalRecords <= 6 && ((_j = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _j === void 0 ? void 0 : _j.isGridAutoHeight)
+            : manageColumnGrouping(), treeData: (props === null || props === void 0 ? void 0 : props.enableTree) ? props === null || props === void 0 ? void 0 : props.enableTree : false, getDataPath: (props === null || props === void 0 ? void 0 : props.enableTree) ? getDataPath : null, defaultColDef: defaultColDef, suppressMenuHide: false, suppressRowClickSelection: false, headerHeight: props === null || props === void 0 ? void 0 : props.columnHeaderHeight, rowHeight: constants_1.ROW_HEIGHT, rowModelType: props.rowModelType, pinnedTopRowData: props === null || props === void 0 ? void 0 : props.pinnedTopRowData }, (props.rowModelType === (constants_1.ROWMODELTYPE === null || constants_1.ROWMODELTYPE === void 0 ? void 0 : constants_1.ROWMODELTYPE.SERVER_SIDE) && { cacheBlockSize: constants_1.BLOCK_SIZE })), { maxBlocksInCache: constants_1.MAX_BLOCKS, blockLoadDebounceMillis: constants_1.DEBOUNCE_INTERVAL, noRowsOverlayComponent: props === null || props === void 0 ? void 0 : props.noRowsOverlayComponent, loadingOverlayComponent: loading_component_1.default, suppressCellFocus: true, suppressPropertyNamesCheck: true, suppressServerSideFullWidthLoadingRow: true, enableRangeSelection: (_g = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _g === void 0 ? void 0 : _g.enableFillHandle, enableFillHandle: (_h = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _h === void 0 ? void 0 : _h.enableFillHandle, onFillEnd: wrapperToFillOpertation, fillOperation: myOpertaion, serverSideInitialRowCount: (props === null || props === void 0 ? void 0 : props.serverSideInitialRowCount) || 10, getRowId: getRowId, enableAdvancedFilter: (props === null || props === void 0 ? void 0 : props.enableAdvancedFilter) || false, fillHandleDirection: "y" }), ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), (totalRecords <= constants_1.AUTO_HEIGHT_ROWS && ((_j = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _j === void 0 ? void 0 : _j.isGridAutoHeight)
         ? { domLayout: "autoHeight" }
-        : { domLayout: undefined })), ((props === null || props === void 0 ? void 0 : props.dataTypeDefinitions) && {
+        : { domLayout: "normal" })), ((props === null || props === void 0 ? void 0 : props.dataTypeDefinitions) && {
         dataTypeDefinitions: props === null || props === void 0 ? void 0 : props.dataTypeDefinitions,
     })), { popupParent: popupParent }), ((props === null || props === void 0 ? void 0 : props.treeData) && { treeData: props === null || props === void 0 ? void 0 : props.treeData })), ((props === null || props === void 0 ? void 0 : props.groupDefaultExpanded) && {
         groupDefaultExpanded: props === null || props === void 0 ? void 0 : props.groupDefaultExpanded, // to enable tree data
@@ -443,6 +443,6 @@ function ParentForGrid(props) {
                                 gridViewFun,
                                 gridViewData,
                                 setGridViewData,
-                                gridView, enableAdvancedFilter: props === null || props === void 0 ? void 0 : props.enableAdvancedFilter }, ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), { conditionsToDisplay: props === null || props === void 0 ? void 0 : props.conditionsToDisplay }) }, { children: ((_q = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _q === void 0 ? void 0 : _q.displayFeaturesHeader) && ((0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props })) })), gridView ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: gridViewTemplate(gridViewData) }) : (0, jsx_runtime_1.jsx)(AgGrid_1.default, { gridOptions: gridOptions, onGridReady: (props === null || props === void 0 ? void 0 : props.rowData) ? undefined : onGridReady, gridRef: gridRef })] }) })) }) }));
+                                gridView, enableAdvancedFilter: props === null || props === void 0 ? void 0 : props.enableAdvancedFilter }, ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), { conditionsToDisplay: props === null || props === void 0 ? void 0 : props.conditionsToDisplay }) }, { children: ((_q = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _q === void 0 ? void 0 : _q.displayFeaturesHeader) && ((0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props })) })), gridView ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: gridViewTemplate(gridViewData) }) : (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: props.style, gridOptions: gridOptions, onGridReady: (props === null || props === void 0 ? void 0 : props.rowData) ? undefined : onGridReady, gridRef: gridRef })] }) })) }) }));
 }
 exports.default = ParentForGrid;

package/dist/components/ag-grid/utilComponents.js

@@ -9,7 +9,7 @@ const context_provider_1 = require("./context-provider");
 const dataCellRenderer = (cellRendererParams, column, props) => {
     var _a, _b, _c;
     const { initialRenderer, cellCheckBoxRenderer } = cellRendererParams;
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex  w-full" }, { children: ((_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.displayCheckboxOnRight) ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "custom_class_name flex w-full justify-content-between" }, { children: [typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)("div", { children: (_b = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _b === void 0 ? void 0 : _b[column === null || column === void 0 ? void 0 : column.field] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center" }, { children: cellCheckBoxRenderer(cellRendererParams) }))] }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center " }, { children: cellCheckBoxRenderer(cellRendererParams) })), typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "px-3" }, { children: (_c = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _c === void 0 ? void 0 : _c[column === null || column === void 0 ? void 0 : column.field] })))] })) })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "inline-flex w-full" }, { children: ((_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.displayCheckboxOnRight) ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "custom_class_name flex w-full justify-content-between" }, { children: [typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)("div", { children: (_b = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _b === void 0 ? void 0 : _b[column === null || column === void 0 ? void 0 : column.field] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center" }, { children: cellCheckBoxRenderer(cellRendererParams) }))] }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center " }, { children: cellCheckBoxRenderer(cellRendererParams) })), typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "px-3" }, { children: (_c = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _c === void 0 ? void 0 : _c[column === null || column === void 0 ? void 0 : column.field] })))] })) })));
 };
 exports.dataCellRenderer = dataCellRenderer;
 //Get this compnent from products

package/dist/components/form/form-fields/form-fields.js

@@ -71,7 +71,7 @@ const DropDownField = (props) => {
                             onFocus && onFocus();
                         }, panelClassName: panelClassName, showClear: showClear, panelStyle: panelStyle || "", filter: filter || false, disabled: disabled, placeholder: placeholder }, field, { 
                         // onChange={(e: any) => onChange && onChange(e)}
-                        options: options, itemTemplate: customFieldsTemplate, valueTemplate: customSelectedTemplate, optionDisabled: optionDisabled, optionLabel: optionLabel, className: ` ${errors[name] && touched[name] ? "p-invalid" : ""} ${length === "full" ? "full_form_field" : "form_field"} ${className}`, id: name }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) })))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column gap-1", style: { marginTop: "6px" } }, { children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "16px", className: "w-5rem" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px" })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })) })));
+                        options: options, itemTemplate: customFieldsTemplate, valueTemplate: customSelectedTemplate, optionDisabled: optionDisabled, optionLabel: optionLabel, className: ` ${errors[name] && touched[name] ? "p-invalid" : ""} ${length === "full" ? "full_form_field" : "form_field"} ${className}`, id: name }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) })))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column gap-1" }, { children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "16px", className: "w-5rem" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px" })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })) })));
 };
 const MultiSelectField = (props) => {
     const { errors, touched, name, length, label, placeholder, options, optional, customFieldsTemplate, optionLabel, optionDisabled, className, validate, disabled, isLoading, filter, isRequired = false, value, } = props;

package/dist/directives/svg-icons.js

@@ -9285,10 +9285,49 @@ exports.iconList = [
         svg: `<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M13.2859 3.88755C12.4676 4.58494 11.4501 5.00639 10.3783 5.09192C7.87719 5.29151 5.89112 7.27759 5.69153 9.77868C5.606 10.8505 5.18454 11.8679 4.48716 12.6863C2.85975 14.596 2.85975 17.4047 4.48716 19.3144C5.18454 20.1327 5.606 21.1502 5.69153 22.222C5.89112 24.7231 7.87719 26.7091 10.3783 26.9087C11.4501 26.9943 12.4676 27.4157 13.2859 28.1131C15.1956 29.7405 18.0043 29.7405 19.914 28.1131C20.7323 27.4157 21.7498 26.9943 22.8216 26.9087C25.3227 26.7091 27.3088 24.7231 27.5083 22.222C27.5939 21.1502 28.0153 20.1327 28.7127 19.3144C30.3401 17.4047 30.3401 14.596 28.7127 12.6863C28.0153 11.8679 27.5939 10.8505 27.5083 9.77868C27.3088 7.27759 25.3227 5.29151 22.8216 5.09192C21.7498 5.00639 20.7323 4.58494 19.914 3.88755C18.0043 2.26014 15.1956 2.26014 13.2859 3.88755Z" fill="#039855"/>
 <path d="M12.5999 16.0003L15.2666 18.667L21.2666 12.667M10.3783 5.09192C11.4501 5.00639 12.4676 4.58494 13.2859 3.88755C15.1956 2.26014 18.0043 2.26014 19.914 3.88755C20.7323 4.58494 21.7498 5.00639 22.8216 5.09192C25.3227 5.29151 27.3088 7.27759 27.5083 9.77868C27.5939 10.8505 28.0153 11.8679 28.7127 12.6863C30.3401 14.596 30.3401 17.4047 28.7127 19.3144C28.0153 20.1327 27.5939 21.1502 27.5083 22.222C27.3088 24.7231 25.3227 26.7091 22.8216 26.9087C21.7498 26.9943 20.7323 27.4157 19.914 28.1131C18.0043 29.7405 15.1956 29.7405 13.2859 28.1131C12.4676 27.4157 11.4501 26.9943 10.3783 26.9087C7.87719 26.7091 5.89112 24.7231 5.69153 22.222C5.606 21.1502 5.18454 20.1327 4.48716 19.3144C2.85975 17.4047 2.85975 14.596 4.48716 12.6863C5.18454 11.8679 5.606 10.8505 5.69153 9.77868C5.89112 7.27759 7.87719 5.29151 10.3783 5.09192Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`,
+    },
+    {
+        name: "word",
+        svg: `<svg width="32" height="28" viewBox="0 0 32 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" width="24" height="28" rx="2" fill="url(#paint0_linear_13532_775)"/>
+<path d="M8 21H32V26C32 27.1046 31.1046 28 30 28H10C8.89543 28 8 27.1046 8 26V21Z" fill="url(#paint1_linear_13532_775)"/>
+<rect x="8" y="14" width="24" height="7" fill="url(#paint2_linear_13532_775)"/>
+<rect x="8" y="7" width="24" height="7" fill="url(#paint3_linear_13532_775)"/>
+<path d="M8 10C8 8.34315 9.34315 7 11 7H17C18.6569 7 20 8.34315 20 10V22C20 23.6569 18.6569 25 17 25H8V10Z" fill="black" fill-opacity="0.3"/>
+<rect y="5" width="18" height="18" rx="2" fill="url(#paint4_linear_13532_775)"/>
+<path d="M15 9.01418H13.0523L11.5229 15.539L9.84967 9H8.20261L6.51634 15.539L5 9.01418H3L5.60131 19H7.3268L9 12.6879L10.6732 19H12.3987L15 9.01418Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_13532_775" x1="8" y1="4.66667" x2="32" y2="4.66667" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2B78B1"/>
+<stop offset="1" stop-color="#338ACD"/>
+</linearGradient>
+<linearGradient id="paint1_linear_13532_775" x1="8" y1="25.375" x2="32" y2="25.375" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B366F"/>
+<stop offset="1" stop-color="#2657B0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_13532_775" x1="18.5" y1="18" x2="32" y2="18" gradientUnits="userSpaceOnUse">
+<stop stop-color="#20478B"/>
+<stop offset="1" stop-color="#2D6FD1"/>
+</linearGradient>
+<linearGradient id="paint3_linear_13532_775" x1="18.5" y1="11" x2="32" y2="11" gradientUnits="userSpaceOnUse">
+<stop stop-color="#215295"/>
+<stop offset="1" stop-color="#2E84D3"/>
+</linearGradient>
+<linearGradient id="paint4_linear_13532_775" x1="3.31137e-08" y1="15" x2="19" y2="15" gradientUnits="userSpaceOnUse">
+<stop stop-color="#223E74"/>
+<stop offset="1" stop-color="#215091"/>
+</linearGradient>
+</defs>
 </svg>
-
-
-            `,
+`,
+    },
+    {
+        name: "check-verified-01",
+        svg: `<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.2859 3.88755C12.4676 4.58494 11.4501 5.00639 10.3783 5.09192C7.87719 5.29151 5.89112 7.27759 5.69153 9.77868C5.606 10.8505 5.18454 11.8679 4.48716 12.6863C2.85975 14.596 2.85975 17.4047 4.48716 19.3144C5.18454 20.1327 5.606 21.1502 5.69153 22.222C5.89112 24.7231 7.87719 26.7091 10.3783 26.9087C11.4501 26.9943 12.4676 27.4157 13.2859 28.1131C15.1956 29.7405 18.0043 29.7405 19.914 28.1131C20.7323 27.4157 21.7498 26.9943 22.8216 26.9087C25.3227 26.7091 27.3088 24.7231 27.5083 22.222C27.5939 21.1502 28.0153 20.1327 28.7127 19.3144C30.3401 17.4047 30.3401 14.596 28.7127 12.6863C28.0153 11.8679 27.5939 10.8505 27.5083 9.77868C27.3088 7.27759 25.3227 5.29151 22.8216 5.09192C21.7498 5.00639 20.7323 4.58494 19.914 3.88755C18.0043 2.26014 15.1956 2.26014 13.2859 3.88755Z" fill="#039855"/>
+<path d="M12.5999 16.0003L15.2666 18.667L21.2666 12.667M10.3783 5.09192C11.4501 5.00639 12.4676 4.58494 13.2859 3.88755C15.1956 2.26014 18.0043 2.26014 19.914 3.88755C20.7323 4.58494 21.7498 5.00639 22.8216 5.09192C25.3227 5.29151 27.3088 7.27759 27.5083 9.77868C27.5939 10.8505 28.0153 11.8679 28.7127 12.6863C30.3401 14.596 30.3401 17.4047 28.7127 19.3144C28.0153 20.1327 27.5939 21.1502 27.5083 22.222C27.3088 24.7231 25.3227 26.7091 22.8216 26.9087C21.7498 26.9943 20.7323 27.4157 19.914 28.1131C18.0043 29.7405 15.1956 29.7405 13.2859 28.1131C12.4676 27.4157 11.4501 26.9943 10.3783 26.9087C7.87719 26.7091 5.89112 24.7231 5.69153 22.222C5.606 21.1502 5.18454 20.1327 4.48716 19.3144C2.85975 17.4047 2.85975 14.596 4.48716 12.6863C5.18454 11.8679 5.606 10.8505 5.69153 9.77868C5.89112 7.27759 7.87719 5.29151 10.3783 5.09192Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`,
     },
     {
         name: "org-01",

package/dist/types/components/ag-grid/AgGrid.d.ts

@@ -1,9 +1,10 @@
 import "ag-grid-community/styles/ag-grid.css";
 import "ag-grid-community/styles/ag-theme-quartz.css";
 import "../../App.scss";
-declare const AgGrid: ({ gridOptions, onGridReady, gridRef }: {
+declare const AgGrid: ({ gridOptions, onGridReady, gridRef, style }: {
     gridOptions: any;
     onGridReady: any;
     gridRef: any;
+    style: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export default AgGrid;

package/dist/types/components/ag-grid/constants.d.ts

@@ -10,6 +10,7 @@ export declare const MAX_RECORDS_TO_LOAD = 2500;
 export declare const MAX_BLOCKS: number;
 export declare const DEBOUNCE_INTERVAL = 200;
 export declare const ROW_HEIGHT = 60;
+export declare const AUTO_HEIGHT_ROWS = 5;
 declare enum DEFAULTS {
     CURRENCY = 1,
     DATEFORMAT = 2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "6.3.39",
+  "version": "6.3.41",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",