sccoreui 6.2.99 → 6.3.1

package/dist/App.scss

@@ -833,7 +833,8 @@ div:has(ul.date_filter) .p-datepicker-footer {
 
 .errorField {
   color: var(--red-500);
-  height: 20px;
+  height: auto;
+  line-height: 20px;
 }
 
 .full_form_field {
@@ -2314,12 +2315,6 @@ button[aria-expanded="true"] {
   display: none !important;
 }
 
-.ag-row-hover {
-  background-color: var(--primary-25) !important;
-  transform: scale(1.1);
-  transition: transform 0.4s ease-in-out;
-}
-
 .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within {
   border: 0;
   border-color: initial;
@@ -2594,6 +2589,10 @@ button[aria-expanded="true"] {
   height: 38px;
 }
 
+.border-round-6 {
+  border-radius: 6px !important;
+}
+
 // loader styles
 .loader-wrapper {
   width: 60px;
@@ -2653,6 +2652,15 @@ button[aria-expanded="true"] {
   border-radius: 50%;
   position: relative;
   animation: rotate 1s linear infinite;
+  &:nth-child(2) {
+    width: 90%;
+  }
+  &:nth-child(3) {
+    width: 80%;
+  }
+  &:nth-child(4) {
+    width: 70%;
+  }
 }
 
 .loader-main::before {

package/dist/assets/sccoreui.css

@@ -1074,11 +1074,13 @@ a {
   height: 20px;
   width: 20px;
   padding-top: 0px;
+  transition: rotate 0.4s ease-in-out;
 }
 
 .p-inputgroup > .p-dropdown .p-dropdown-trigger {
   width: 1rem;
   padding-top: 0px;
+  transition: rotate 0.4s ease-in-out;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #6c757d;
@@ -8134,6 +8136,7 @@ a {
   font-size: 14px;
   line-height: 20px;
   color: var(--gray-800);
+  transition: rotate 0.4s ease-in-out;
 }
 
 .p-paginator .p-paginator-prev .pi.pi-angle-left {
@@ -8374,6 +8377,10 @@ input[type="number"]::-webkit-outer-spin-button {
   rotate: 180deg;
 }
 
+.p-dropdown-trigger {
+  transition: rotate 0.4s ease-in-out;
+}
+
 .p-dropdown-item.p-highlight {
   display: flex;
   align-items: center;
@@ -8601,6 +8608,7 @@ input[type="number"]::-webkit-outer-spin-button {
 }
 .p-paginator > .p-dropdown > .p-dropdown-trigger {
   padding-top: 0px;
+  transition: rotate 0.4s ease-in-out;
 }
 .p-paginator > .p-dropdown {
   display: flex;
@@ -8641,6 +8649,7 @@ input[type="number"]::-webkit-outer-spin-button {
 }
 .p-dropdown-badge > .p-dropdown-trigger {
   padding-top: 2px;
+  transition: rotate 0.4s ease-in-out;
 }
 
 /*  Input components changes classes for styling the input components */
@@ -8748,6 +8757,7 @@ input[type="number"]::-webkit-outer-spin-button {
 
 .p-dropdown-xl.p-dropdown .p-dropdown-trigger {
   padding-top: 0px;
+  transition: rotate 0.4s ease-in-out;
 }
 
 .tab-view-bg-dark.p-tabview-nav-container.p-tabview-nav-content {

package/dist/components/ag-grid/advancedFeature/column-group.js

@@ -198,7 +198,9 @@ const ColumnGroup = (props) => {
             setRenderColumns(columnsFromGrid);
         }
     }, [(_d = (_c = (_b = (_a = gridApi === null || gridApi === void 0 ? void 0 : gridApi.current) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.columnModel) === null || _c === void 0 ? void 0 : _c.columnDefs) === null || _d === void 0 ? void 0 : _d.length]);
-    return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(FeatureSkeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `${(columnsSelectedForGroup === null || columnsSelectedForGroup === void 0 ? void 0 : columnsSelectedForGroup.length) > 0 ? "bg-primary-50" : "bg-white"} hover:bg-primary-25 br-8 icon-40x40 sc_icon_hover cursor-pointer px-2 flex align-items-cente gap-1 zoom_animate ${isDisabled && "disabled"}`, ref: btnRef, onClick: (e) => !isDisabled && showColumnOptions(e), title: "Column Grouping" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "grid-01", size: 18, 
+    return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(FeatureSkeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `${(columnsSelectedForGroup === null || columnsSelectedForGroup === void 0 ? void 0 : columnsSelectedForGroup.length) > 0
+                    ? "bg-primary-50 px-3"
+                    : "bg-white icon-40x40 px-2"} hover:bg-primary-25 br-8 sc_icon_hover h-40 cursor-pointer flex align-items-cente gap-1 zoom_animate ${isDisabled && "disabled"}`, ref: btnRef, onClick: (e) => !isDisabled && showColumnOptions(e), title: "Column Grouping" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "grid-01", size: 18, 
                         // disabled={isDisabled}
                         color: (columnsSelectedForGroup === null || columnsSelectedForGroup === void 0 ? void 0 : columnsSelectedForGroup.length) > 0
                             ? "text-primary-400"

package/dist/components/ag-grid/advancedFeature/grid-view-list-view.js

@@ -8,7 +8,7 @@ const context_provider_1 = require("../context-provider");
 const svg_component_1 = tslib_1.__importDefault(require("../../../directives/svg-component"));
 const GridViewListView = () => {
     const { gridViewFun, gridView } = (0, react_1.useContext)(context_provider_1.FeatureContext);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex border-1 border-gray-300 border-round-sm" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: `border-round-sm border-noround-right sc_icon_hover ${!gridView
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex border-1 border-gray-300 border-round-6" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: `border-round-sm border-noround-right sc_icon_hover ${!gridView
                     ? "focus:shadow-none"
                     : "bg-primary-50 focus:shadow-none border-right-1 border-gray-300"} `, icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "grid-01", color: !gridView ? "text-gray-600" : "text-primary-400", size: 18 }), outlined: true, onClick: () => gridViewFun(true), title: "Grid View" }), (0, jsx_runtime_1.jsx)(button_1.Button, { title: "List View", className: `sc_icon_hover border-round-sm border-noround-left border-left-none ${!gridView
                     ? "bg-primary-50 focus:shadow-none"

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

@@ -164,7 +164,7 @@ const TableFilter = () => {
         });
         setAllFieldsFilled(isAllFieldsFilled && enbleApply);
     }, [conditionsArray, enbleApply]);
-    return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(FeatureSkeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `cursor-pointer filter-btn-grid font-semibold hover:bg-primary-25 sc_icon_hover flex align-items-center gap-2 border-round-lg ${isDisabled && "disabled"} ${isOverlayOpened ||
+    return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(FeatureSkeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `cursor-pointer filter-btn-grid font-semibold hover:bg-primary-25 sc_icon_hover flex align-items-center gap-2 border-round-6 ${isDisabled && "disabled"} ${isOverlayOpened ||
                     (globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length) >= 1
                     ? "bg-primary-50"
                     : "bg-white"}`, title: "Apply Filters" }, { children: [(0, jsx_runtime_1.jsx)("div", { id: "advancedFilterParent", className: "hidden" }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ onClick: (e) => !isDisabled && onClickFilter(e), className: "flex zoom_animate", id: "advance-filter-id" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "filter-lines", size: 18, color: isOverlayOpened ||

package/dist/types/directives/svg-component.d.ts

@@ -5,7 +5,7 @@ interface icon {
     size?: number;
     className?: string;
     disabled?: boolean;
-    title?: any;
+    title?: string;
 }
 declare const SvgComponent: ({ icon, size, color, className, disabled, title, }: icon) => import("react/jsx-runtime").JSX.Element;
 export default SvgComponent;

package/package.json

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