sccoreui 6.2.92 → 6.2.94

package/dist/App.js

@@ -4,6 +4,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("./App.scss");
 // import Home from "./pages/home";
 const App = () => {
-    return ((0, jsx_runtime_1.jsx)("div", {}));
+    return (0, jsx_runtime_1.jsx)("div", {});
 };
 exports.default = App;

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,10 +2315,6 @@ button[aria-expanded="true"] {
   display: none !important;
 }
 
-.ag-row-hover {
-  background-color: var(--primary-25) !important;
-}
-
 .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within {
   border: 0;
   border-color: initial;
@@ -2362,7 +2359,7 @@ button[aria-expanded="true"] {
 }
 
 .error_description {
-  width: 750px;
+  // width: 750px;
 }
 
 .rounded_btn {
@@ -2375,6 +2372,15 @@ button[aria-expanded="true"] {
   }
 }
 
+.ag-grid-container {
+  &:has(.web-cards) {
+    .grid-header {
+      position: sticky;
+      top: 0;
+    }
+  }
+}
+
 .p-button {
   &.p-button-secondary {
     padding: 8px 12px;
@@ -2583,6 +2589,10 @@ button[aria-expanded="true"] {
   height: 38px;
 }
 
+.border-round-6 {
+  border-radius: 6px !important;
+}
+
 // loader styles
 .loader-wrapper {
   width: 60px;

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/advanced-feature.js

@@ -29,9 +29,9 @@ function AdvancedFeatures({ props }) {
     const AdvanceFilterWrapper = () => {
         return AdvancedFilter && (0, jsx_runtime_1.jsx)(AdvancedFilter, {});
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (props === null || props === void 0 ? void 0 : props.editMode) ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between py-3 px-4" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayEditHeading) &&
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (props === null || props === void 0 ? void 0 : props.editMode) ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex align-items-center justify-content-between py-3 px-4 bg-white grid-header` }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayEditHeading) &&
                         (props === null || props === void 0 ? void 0 : props.EditHeadingDetails) && (0, jsx_runtime_1.jsx)(EditDetails, {}) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySearch) && ((0, jsx_runtime_1.jsx)(gridS_search_1.default, {})) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySidePanel) && ((0, jsx_runtime_1.jsx)(hide_column_1.default, {})), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkEdit) &&
-                            (props === null || props === void 0 ? void 0 : props.BulkEditComponent) && (0, jsx_runtime_1.jsx)(BulkEdit, {}), (props === null || props === void 0 ? void 0 : props.editMode) && (0, jsx_runtime_1.jsx)(bulk_edit_action_1.default, { props: props })] }))] }))) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between py-3 px-4" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySearch) && ((0, jsx_runtime_1.jsx)(global_search_1.default, { searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder })), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayFilter) && ((0, jsx_runtime_1.jsx)(table_filter_1.default, {})), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayAdvancedFilter) && ((0, jsx_runtime_1.jsx)(AdvanceFilterWrapper, {})), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRowGroupingElement) && (0, jsx_runtime_1.jsx)(column_group_1.default, { dataFromProps: props })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySidePanel) && ((0, jsx_runtime_1.jsx)(hide_column_1.default, {})), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayGridViewListView) && (0, jsx_runtime_1.jsx)(grid_view_list_view_1.default, {}), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRemoveItems) && ((0, jsx_runtime_1.jsx)(remove_items_1.default, { removeCallBack: props.removeCallBack })), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkEdit) &&
+                            (props === null || props === void 0 ? void 0 : props.BulkEditComponent) && (0, jsx_runtime_1.jsx)(BulkEdit, {}), (props === null || props === void 0 ? void 0 : props.editMode) && (0, jsx_runtime_1.jsx)(bulk_edit_action_1.default, { props: props })] }))] }))) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex align-items-center justify-content-between py-3 px-4 bg-white grid-header` }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySearch) && ((0, jsx_runtime_1.jsx)(global_search_1.default, { searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder })), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayFilter) && ((0, jsx_runtime_1.jsx)(table_filter_1.default, {})), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayAdvancedFilter) && ((0, jsx_runtime_1.jsx)(AdvanceFilterWrapper, {})), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRowGroupingElement) && (0, jsx_runtime_1.jsx)(column_group_1.default, { dataFromProps: props })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySidePanel) && ((0, jsx_runtime_1.jsx)(hide_column_1.default, {})), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayGridViewListView) && (0, jsx_runtime_1.jsx)(grid_view_list_view_1.default, {}), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRemoveItems) && ((0, jsx_runtime_1.jsx)(remove_items_1.default, { removeCallBack: props.removeCallBack })), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkEdit) &&
                             (props === null || props === void 0 ? void 0 : props.BulkEditComponent) && (0, jsx_runtime_1.jsx)(BulkEdit, {}), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkAction) &&
                             (props === null || props === void 0 ? void 0 : props.bulkActionComponent) && ((0, jsx_runtime_1.jsx)(BulkAction, { checkBoxSelection: featureDetails.checkBoxSelection })), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRefresh) && ((0, jsx_runtime_1.jsx)(refresh_grid_1.default, {})), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySort) && (0, jsx_runtime_1.jsx)(custom_sort_1.default, {}), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRecords) && ((0, jsx_runtime_1.jsx)(record_detail_1.default, {}))] }))] }))) }));
 }

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/package.json

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