sccoreui 5.9.23 → 5.9.25

package/dist/App.scss

@@ -768,11 +768,18 @@ button[aria-expanded="true"] {
 /// Custon treeDropdownSelect style end /////////////////
 
 /////// Custom list_box_dropdown ///////////
+
+.icon-30x30 {
+  height: 30px !important;
+  width: 30px !important;
+}
+
 .list_box_dropdown {
   .p-listbox-header {
     padding: 12px !important;
     border-top: 1px solid var(--gray-200);
   }
+  
 
   ul.p-listbox-list {
     padding: 6px;
@@ -2026,3 +2033,85 @@ button[aria-expanded="true"] {
     
   }
 }
+
+
+// loader styles
+.loader-wrapper {
+  width: 60px;
+  height: 60px;
+  top: 45%;
+  left: 45%;
+  transform: translate(-45%, -50%);
+  border-radius: 50%;
+  background-color: #fff;
+  position: relative;
+  transform: rotate(45deg);
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  
+
+  /* HTML: <div class="loader"></div> */
+  .loader-jobs {
+    width: 35px;
+    aspect-ratio: 1;
+    border-radius: 50%;
+    background: radial-gradient(farthest-side, var(--primary-500) 94%, #0000)
+        top/5px 5px no-repeat,
+      conic-gradient(#0000 5%, var(--primary-500));
+    -webkit-mask: radial-gradient(
+      farthest-side,
+      #0000 calc(100% - 5px),
+      #000 0
+    );
+    animation: l13 1s infinite linear;
+  }
+  @keyframes l13 {
+    100% {
+      transform: rotate(1turn);
+    }
+  }
+
+  @keyframes gradient {
+    0% {
+      background-position: 100% 50%;
+    }
+    50% {
+      background-position: 50% 70%;
+    }
+    100% {
+      background-position: 70% 100%;
+    }
+  }
+
+}
+
+.loader-main {
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  position: relative;
+  animation: rotate 1s linear infinite;
+}
+.loader-main::before {
+  content: "";
+  box-sizing: border-box;
+  position: absolute;
+  inset: 0px;
+  border-radius: 50%;
+  border: 3px solid var(--primary-500);
+  animation: prixClipFix 2s linear infinite ;
+}
+
+@keyframes rotate {
+  100%   {transform: rotate(360deg)}
+}
+
+@keyframes prixClipFix {
+    0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
+    25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
+    50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
+    75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
+    100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
+}

package/dist/components/ag-grid/loading-component.js

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 function LoadingComponent() {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "text-red" }, { children: "...Loading" })) }));
+    return (
+    // <p className="text-red">...Loading</p>
+    (0, jsx_runtime_1.jsx)("div", { className: "loader-main" }));
 }
 exports.default = LoadingComponent;

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

@@ -140,7 +140,7 @@ function ParentForGrid(props) {
             const checkedRecords = result.rowData.filter((data) => data === null || data === void 0 ? void 0 : data.isSelected);
             setDefaultSelectedRows(checkedRecords);
             const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { includedRecords: checkedRecords });
-            setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
+            setFeatureDetails(Object.assign(Object.assign({}, currentFeatures), { checkBoxSelection: checkboxData }));
             // response.actualEndRow = actualEndRow;
             return result;
         }
@@ -154,7 +154,6 @@ function ParentForGrid(props) {
         if (!updatedFeatures) {
             currentFeatures = featureDetails;
         }
-        setFeatureDetails(currentFeatures);
         if (props.rowModelType === constants_1.ROWMODELTYPE.CLIENT_SIDE) {
             params.api.setGridOption("rowData", []);
             const result = yield getData(0, 0, currentFeatures);
@@ -245,9 +244,9 @@ function ParentForGrid(props) {
     (0, react_1.useEffect)(() => {
         if (props === null || props === void 0 ? void 0 : props.getCheckedRows) {
             const callBackForCheckedRows = props === null || props === void 0 ? void 0 : props.getCheckedRows;
-            callBackForCheckedRows(featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection);
+            callBackForCheckedRows(featureDetails);
         }
-    }, [featureDetails.checkBoxSelection]);
+    }, [featureDetails]);
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(error_ui_1.default, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { height: style.height, width: style.width }, className: "ag-grid-container border-1 border-gray-200 border-round" }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(context_provider_1.default, Object.assign({ value: {
                                 featureDetails,
                                 setFeatureDetails,

package/package.json

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