sccoreui 5.9.24 → 5.9.26

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,91 @@ button[aria-expanded="true"] {
     
   }
 }
+
+
+.icon-24x24 {
+  width: 24px;
+  height: 24px;
+}
+
+
+// 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/advancedFeature/custom-sort.js

@@ -84,9 +84,9 @@ function Sort() {
             setIsApplyDisable(true);
         }
     }, [sortValue, sortBy]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `cursor-pointer p-1 sc_icon_hover flex align-items-center border-round-lg ${isOverlayOpened || featureDetails.sort.isSortable
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `cursor-pointer sc_icon_hover flex align-items-center border-round icon-24x24 mr-2 ${isOverlayOpened || featureDetails.sort.isSortable
                     ? "bg-primary-50"
-                    : ""}` }, { children: [featureDetails.sort.isSortable && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "flex align-items-center text-primary-400 px-1" }, { children: `Selected` }))), (0, jsx_runtime_1.jsx)(button_1.Button, { text: true, onClick: (event) => onClickSort(event), icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "switch-vertical-02", size: 20, color: isOverlayOpened || featureDetails.sort.isSortable
+                    : ""}` }, { children: [featureDetails.sort.isSortable && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "flex align-items-center text-primary-400 px-1" }, { children: `Selected` }))), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "icon-24x24 hover:bg-primary-50", text: true, onClick: (event) => onClickSort(event), icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "switch-vertical-02", size: 16, color: isOverlayOpened || featureDetails.sort.isSortable
                                 ? "text-gray-700"
                                 : "text-gray-700" }) })] })), (0, jsx_runtime_1.jsxs)(overlaypanel_1.OverlayPanel, Object.assign({ ref: showShort, onShow: () => setIsOverlayOpened(true), onHide: () => setIsOverlayOpened(false), className: "w-18rem mt-2" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-4 text-lg font-semibold  line-height-3 text-gray-900" }, { children: "Column Sorting" })), (0, jsx_runtime_1.jsx)(divider_1.Divider, { className: "m-0" }), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "pl-0 m-1 h-10rem overflow-auto" }, { children: columnData === null || columnData === void 0 ? void 0 : columnData.map((eachColumn, index) => {
                             if (eachColumn === null || eachColumn === void 0 ? void 0 : eachColumn.isSortable) {

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/types/components/types/type.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import { ReactElement, ReactNode } from "react";
 export interface City {
     name: string;
     code: string;
@@ -112,7 +112,7 @@ export interface NumberFieldProps {
     disabled?: boolean;
     isLoading?: boolean;
     inputClassName?: string;
-    icon?: string;
+    icon?: string | ReactNode;
     iconPos?: string;
     minFractionDigits?: number;
     maxFractionDigits?: number;
@@ -153,6 +153,8 @@ export interface DropDownFieldProps {
     panelStyle?: any;
     isLoading?: boolean;
     showClear?: boolean;
+    emptyMessage?: string;
+    panelClassName?: string;
 }
 export interface MultiSelectProps {
     errors: any;

package/package.json

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