sccoreui 5.9.7 → 5.9.9

package/dist/App.scss

@@ -1908,3 +1908,121 @@ button[aria-expanded="true"] {
   background-color: var(--gray-200);
   width: 1px;
 }
+
+.p-dropdown-panel .p-dropdown-items {
+  padding-left: 0;
+}
+
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+  margin-bottom: 0px;
+}
+
+.w-25 {
+  width: 25%;
+}
+
+/* conditions  */
+.filter-dropdowns {
+  padding: 2px;
+  
+  .p-dropdown:not(.p-disabled).p-focus {
+    box-shadow: none !important;
+  }
+  .condtion-dropdown {
+    width: 204px;
+    height: 44px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border: 1px solid var(--gray-300) !important;
+
+    .p-dropdown .p-dropdown-label.p-inputtext {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .p-inputtext:enabled:focus {
+      outline: 0 none;
+      outline-offset: 0;
+      box-shadow: none !important;
+      border-radius: 8px;
+    }
+
+    .p-inputtext:enabled:focus {
+      outline: 0 none;
+      outline-offset: 0;
+      box-shadow: none !important;
+      border-radius: 8px;
+    }
+  }
+
+
+
+  .condition-type {
+    width: 120px;
+    height: 44px;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .p-dropdown .p-dropdown-label.p-inputtext {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+
+  .filter-multi-dropdown {
+    .p-multiselect {
+      box-shadow: none !important;
+      border: 1px solid var(--gray-300) !important;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      height: 44px;
+      box-shadow: none !important;
+      width: 204px !important;
+
+      &:focus {
+        border-top-left-radius: 0 !important;
+        border-bottom-left-radius: 0 !important;
+      }
+    }
+  }
+
+  .filter-calendar {
+    .p-inputtext {
+      border: 1px solid var(--gray-300) !important;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      height: 44px;
+      box-shadow: none !important;
+
+      &:focus {
+        border-top-left-radius: 0 !important;
+        border-bottom-left-radius: 0 !important;
+      }
+    }
+  }
+
+  .data_table_multi_checkbox {
+    .p-checkbox {
+      vertical-align: baseline;
+    }
+  }
+}
+
+.filter-btn-grid {
+  padding: 10px 16px;
+}
+.table-filter-overlay {
+  &:after, &:before {
+    margin-left: -12px !important;
+  }
+  margin-left: -16px;
+  .p-overlaypanel-content {
+    padding: 0;
+    
+  }
+}

package/dist/components/ag-grid/advancedFeature/advanced-feature.js

@@ -14,7 +14,7 @@ function AdvancedFeatures({ props }) {
     const { featureDetails } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     const conditionsToDisplay = props === null || props === void 0 ? void 0 : props.conditionsToDisplay;
     const { bulkActionComponent: BulkAction } = props;
-    return ((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" }, { children: [(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 })), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayFilter) && ((0, jsx_runtime_1.jsx)(table_filter_1.default, {}))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRemoveItems) && (0, jsx_runtime_1.jsx)(remove_items_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkAction) &&
+    return ((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: [(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 })), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayFilter) && ((0, jsx_runtime_1.jsx)(table_filter_1.default, {}))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRemoveItems) && (0, jsx_runtime_1.jsx)(remove_items_1.default, {}), (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 })), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRefresh) && (0, jsx_runtime_1.jsx)(refresh_grid_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySort) && (0, jsx_runtime_1.jsx)(custom_sort_1.default, {}), (0, jsx_runtime_1.jsx)(record_detail_1.default, {})] }))] })));
 }
 exports.default = AdvancedFeatures;

package/dist/components/ag-grid/advancedFeature/bulkActions/bulk-actions.js

@@ -6,7 +6,6 @@ const svg_component_1 = tslib_1.__importDefault(require("../../../../directives/
 const overlaypanel_1 = require("primereact/overlaypanel");
 const react_1 = require("react");
 const input_box_1 = tslib_1.__importDefault(require("./input-box"));
-require("./bulk-actions.scss");
 const button_1 = tslib_1.__importDefault(require("../../../button/button"));
 function BulkActions({ columnData }) {
     const [activeOption, setActiveOption] = (0, react_1.useState)({});

package/dist/components/ag-grid/advancedFeature/custom-sort.js

@@ -87,8 +87,8 @@ function Sort() {
     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
                     ? "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
-                                ? "#243DC6"
-                                : "#667085" }) })] })), (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) => {
+                                ? "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) {
                                 const isSelected = eachColumn.field === (sortValue === null || sortValue === void 0 ? void 0 : sortValue.field);
                                 return ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: `${isSelected && "bg-primary-25"} cursor-pointer border-round-md flex align-items-center gap-2 px-3 py-2 text-base line-height-2 text-gray-700`, style: { listStyleType: "none" }, onClick: () => onSelectSortValue(eachColumn) }, { children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { id: "tableSort", checked: isSelected, type: "circle", value: sortValue }), (0, jsx_runtime_1.jsx)("label", Object.assign({ className: `${isSelected && "text-primary-400 font-semibold"}` }, { children: eachColumn === null || eachColumn === void 0 ? void 0 : eachColumn.headerName }))] }), index));

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

@@ -50,7 +50,7 @@ const Condtions = (props) => {
         const dataType = (selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.type) ? selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.type : selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.dataType;
         switch (dataType === null || dataType === void 0 ? void 0 : dataType.toLowerCase()) {
             case "string": {
-                return ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, { disabled: !condition, className: "condtion-dropdown border-noround-left mb-2 focus:shadow-none", value: value, placeholder: "Enter", onChange: (event) => handleDynamicFieldState(event.target.value) }));
+                return ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, { disabled: !condition, className: "condtion-dropdown border-noround-left w-12rem mb-2 focus:shadow-none", value: value, placeholder: "Enter", onChange: (event) => handleDynamicFieldState(event.target.value) }));
             }
             case "integer": {
                 const handleOnchangeEvent = (eventValue) => {
@@ -81,7 +81,7 @@ const Condtions = (props) => {
                     }
                 };
                 if ((condition === null || condition === void 0 ? void 0 : condition.code) === "9" || (condition === null || condition === void 0 ? void 0 : condition.code) === "20") {
-                    return ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, { disabled: !condition, className: "condtion-dropdown border-noround-left mb-2 dropdown-focus-none", value: value.includes(",") ? value.replace(",", "-") : value, placeholder: "Enter", onChange: (event) => handleOnchangeEvent(event.target.value) })
+                    return ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, { disabled: !condition, className: "border-noround-left mb-2 w-12rem dropdown-focus-none", value: value.includes(",") ? value.replace(",", "-") : value, placeholder: "Enter", onChange: (event) => handleOnchangeEvent(event.target.value) })
                     // <div className="flex">
                     //     <InputNumber
                     //         disabled={!condition}
@@ -100,7 +100,7 @@ const Condtions = (props) => {
                     // </div>
                     );
                 }
-                return ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, { disabled: !condition, className: "condtion-dropdown border-noround-left mb-2 dropdown-focus-none", value: value, type: "number", placeholder: "Enter", onChange: (event) => { var _a; return handleDynamicFieldState((_a = event.target.value) === null || _a === void 0 ? void 0 : _a.replace("-", '')); } }));
+                return ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, { disabled: !condition, className: "border-noround-left w-12rem mb-2 dropdown-focus-none", value: value, type: "number", placeholder: "Enter", onChange: (event) => { var _a; return handleDynamicFieldState((_a = event.target.value) === null || _a === void 0 ? void 0 : _a.replace("-", '')); } }));
             }
             case "single": {
                 // let optionValue = selectedColumn?.options.find((each: any) => each[selectedColumn['key']] === value)
@@ -131,18 +131,18 @@ const Condtions = (props) => {
                 return ((0, jsx_runtime_1.jsx)(calendar_1.Calendar, { readOnlyInput: true, showTime: false, disabled: !condition, selectionMode: "single", placeholder: "Select", className: "condtion-dropdown border-noround-left mb-2 filter-calendar", value: value, onChange: (event) => handleDynamicFieldState(event.value) }));
             }
             case "multi": {
-                return ((0, jsx_runtime_1.jsx)(multi_select_dropdown_1.default, { className: "filter-multi-dropdown mb-2", value: value, hidePanelHeader: true, maxSelectedLabels: 1, onChange: (event) => handleDynamicFieldState(event.value), placeholder: "Select", options: selectedColumn.options, dropdownType: "default", optionLabel: "name" }));
+                return ((0, jsx_runtime_1.jsx)(multi_select_dropdown_1.default, { className: "filter-multi-dropdown w-12rem mb-2", value: value, hidePanelHeader: true, maxSelectedLabels: 1, onChange: (event) => handleDynamicFieldState(event.value), placeholder: "Select", options: selectedColumn.options, dropdownType: "default", optionLabel: "name" }));
             }
             case "decimal": {
-                return ((0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, { className: "border-noround-left mb-2 filter-input-decimal", value: value, placeholder: "Enter", onChange: (event) => handleDynamicFieldState(event.target.value), maxFractionDigits: 2 }));
+                return ((0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, { className: "border-noround-left mb-2 w-12rem filter-input-decimal", value: value, placeholder: "Enter", onChange: (event) => handleDynamicFieldState(event.target.value), maxFractionDigits: 2 }));
             }
             case "percent": {
-                return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "condtion-dropdown border-noround-left mb-2 dropdown-focus-none", value: value, options: [], optionLabel: "name", placeholder: "Select", onChange: (event) => handleDynamicFieldState(event.value) }));
+                return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "condtion-dropdown border-noround-left w-12rem mb-2 dropdown-focus-none", value: value, options: [], optionLabel: "name", placeholder: "Select", onChange: (event) => handleDynamicFieldState(event.value) }));
             }
             default:
-                return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "condtion-dropdown border-noround-left mb-2 dropdown-focus-none", options: [], value: value, optionLabel: "name", placeholder: "Select", disabled: true }));
+                return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "condtion-dropdown border-noround-left w-12rem mb-2 dropdown-focus-none", options: [], value: value, optionLabel: "name", placeholder: "Select", disabled: true }));
         }
     };
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex filter-dropdowns align-items-center" }, { children: [index !== 0 ? (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "condtion-dropdown w-5rem  mb-2 mr-2 dropdown-focus-none ", options: conditionTypes, optionLabel: "label", placeholder: "Select", value: conditionType, disabled: index !== 1, onChange: (event) => handleConditionType(event.target.value) }) : (0, jsx_runtime_1.jsx)("div", { className: "w-5rem mr-2" }), (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: `condtion-dropdown border-noround-right mb-2 dropdown-focus-none`, options: columnsArray, optionLabel: "name", placeholder: "Select", value: columnName, onChange: (event) => onUpdateColumnName(event.value) }), (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "condition-type  border-noround mb-2 dropdown-focus-none", options: conditionsArray.filter((each) => each.datatypes.includes(columnName === null || columnName === void 0 ? void 0 : columnName.dataType)).map((option) => { return Object.assign(Object.assign({}, option), { name: option.name.toLowerCase().split(' ').map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(' ') }); }), value: condition, disabled: columnName === '', optionLabel: "name", placeholder: "Select", onChange: (event) => onUpdateCondition(event.value) }), renderDynamicField(columnName), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex gap-2 mx-2" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ className: "mb-2 bg-white w-2rem border-white p-0 flex justify-content-center focus:shadow-none", onClick: () => onAddCondtion(index), disabled: false }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "plus-circle", size: 20 }) })), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ disabled: condtionslenght === 1, className: "mb-2 bg-white text-center w-2rem border-white p-0 flex justify-content-center focus:shadow-none", onClick: () => onRemoveCondtion(id) }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "minus-circle", size: 20 }) }))] }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex filter-dropdowns align-items-center" }, { children: [index !== 0 ? (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "condtion-dropdown w-5rem  mb-2 mr-2 dropdown-focus-none ", options: conditionTypes, optionLabel: "label", placeholder: "Select", value: conditionType, disabled: index !== 1, onChange: (event) => handleConditionType(event.target.value) }) : "", (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: `condtion-dropdown border-noround-right w-12rem  mb-2`, options: columnsArray, optionLabel: "name", placeholder: "Select", value: columnName, onChange: (event) => onUpdateColumnName(event.value) }), (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "condition-type  border-noround mb-2 remove-focus border-x-none w-12rem", options: conditionsArray.filter((each) => each.datatypes.includes(columnName === null || columnName === void 0 ? void 0 : columnName.dataType)).map((option) => { return Object.assign(Object.assign({}, option), { name: option.name.toLowerCase().split(' ').map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(' ') }); }), value: condition, disabled: columnName === '', optionLabel: "name", placeholder: "Select", onChange: (event) => onUpdateCondition(event.value), panelClassName: "w-15rem" }), renderDynamicField(columnName), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex ml-1" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ text: true, className: "mb-2 focus:shadow-none", onClick: () => onAddCondtion(index), disabled: false }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "plus-circle", size: 20 }) })), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ text: true, disabled: condtionslenght === 1, className: "mb-2 focus:shadow-none", onClick: () => onRemoveCondtion(id) }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "minus-circle", size: 20 }) }))] }))] })));
 };
 exports.default = Condtions;

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

@@ -9,7 +9,7 @@ const divider_1 = require("primereact/divider");
 const svg_component_1 = tslib_1.__importDefault(require("../../../../directives/svg-component"));
 const constants_1 = tslib_1.__importDefault(require("../../constants"));
 const Conditions_1 = tslib_1.__importDefault(require("./conditions/Conditions"));
-require("./TableFilter.module.scss");
+// import "./TableFilter.module.scss";
 const context_provider_1 = require("../../context-provider");
 const TableFilter = () => {
     const { featureDetails, columnData, conditionType, conditionTypes, globalFilters, setConditionType, setGlobalFilters, setFeatureDetails, callGrid, } = (0, react_1.useContext)(context_provider_1.FeatureContext);
@@ -95,7 +95,7 @@ const TableFilter = () => {
     };
     const renderCondtion = (conditions, key) => {
         const { columnName, condition, value, id } = conditions;
-        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex" }, { children: (0, jsx_runtime_1.jsx)(Conditions_1.default, { index: key, setEnbleApply: (value) => setEnbleApply(value), id: id, columnName: columnName, condition: condition, conditionType: conditionType, conditionTypes: conditionTypes, value: value, columnsArray: tableColumns, conditionsArray: constants_1.default.conditionsList, handleConditionType: handleConditionType, updateconditionsArray: updateconditionsArray, addEmptyCondition: addEmptyCondition, removeConditionFromArray: removeConditionFromArray, condtionslenght: conditionsArray.length }, key) })));
+        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center justify-content-end" }, { children: (0, jsx_runtime_1.jsx)(Conditions_1.default, { index: key, setEnbleApply: (value) => setEnbleApply(value), id: id, columnName: columnName, condition: condition, conditionType: conditionType, conditionTypes: conditionTypes, value: value, columnsArray: tableColumns, conditionsArray: constants_1.default.conditionsList, handleConditionType: handleConditionType, updateconditionsArray: updateconditionsArray, addEmptyCondition: addEmptyCondition, removeConditionFromArray: removeConditionFromArray, condtionslenght: conditionsArray.length }, key) })));
     };
     (0, react_1.useEffect)(() => {
         if (conditionsArray.length === 0) {
@@ -116,14 +116,15 @@ const TableFilter = () => {
         });
         setAllFieldsFilled(isAllFieldsFilled && enbleApply);
     }, [conditionsArray, enbleApply]);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `cursor-pointer p-1 sc_icon_hover flex align-items-center gap-2 border-round-lg ${isOverlayOpened ||
+    console.log("filter", (globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length) >= 1);
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `cursor-pointer filter-btn-grid font-semibold sc_icon_hover flex align-items-center gap-2 border-round-lg ${isOverlayOpened ||
                     (globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length) >= 1
                     ? "bg-primary-50"
-                    : ""}` }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ onClick: (e) => onClickFilter(e) }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "filter-lines", size: 20, color: isOverlayOpened ||
+                    : "bg-white"}` }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ onClick: (e) => onClickFilter(e) }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "filter-lines", size: 20, color: isOverlayOpened ||
                                 (globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length) >= 1
                                 ? "#243DC6"
-                                : "#667085" }) })), (globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length) >= 1 && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "flex gap-1 align-items-center text-primary-400" }, { children: [`${globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length} Selected`, (0, jsx_runtime_1.jsx)("span", Object.assign({ onClick: onresetFilter }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 20, color: "#243DC6" }) }))] })))] })), (0, jsx_runtime_1.jsx)(overlaypanel_1.OverlayPanel, Object.assign({ ref: showFilter, onShow: () => setIsOverlayOpened(true), onHide: () => setIsOverlayOpened(false), className: ` tableFilterPanel` }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-lg font-semibold line-height-3 text-gray-900" }, { children: "Filters" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-sm text-gray-600" }, { children: "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-4" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "max-h-14rem\toverflow-auto" }, { children: conditionsArray.map((eachCondition, index) => {
+                                : "#667085" }) })), (globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length) >= 1 && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "flex gap-2 align-items-center text-primary-400" }, { children: [`${globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length} Selected`, (0, jsx_runtime_1.jsx)("span", Object.assign({ onClick: onresetFilter }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 18, color: "#243DC6" }) }))] })))] })), (0, jsx_runtime_1.jsx)(overlaypanel_1.OverlayPanel, Object.assign({ ref: showFilter, onShow: () => setIsOverlayOpened(true), onHide: () => setIsOverlayOpened(false), className: "table-filter-overlay" }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-lg font-semibold line-height-3 text-gray-900" }, { children: "Filters" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-sm text-gray-600" }, { children: "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-4" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "max-h-14rem\toverflow-auto" }, { children: conditionsArray.map((eachCondition, index) => {
                                     return ((0, jsx_runtime_1.jsx)("div", { children: renderCondtion(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, { className: "text-base font-semibold text-gray-600 bg-white border-white p-1 pt-2 focus:shadow-none", label: "Reset Filter", onClick: onresetFilter }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base font-semibold text-primary-400 p-1 focus:shadow-none mr-3", label: "Create View", onClick: () => "", text: true, iconPos: "left", icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "plus", color: "text-primary-400 mr-2" }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base font-semibold text-gray-600 p-1 focus:shadow-none text-white w-4rem", label: "Apply", onClick: onApplyFilter, disabled: !allFieldsFilled })] })] }))] }) }))] }));
+                                }) })) })), (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, { text: true, className: "focus:shadow-none", label: "Reset Filter", onClick: onresetFilter }) }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base px-2 font-semibold text-primary-400 flex gap-2 p-1 focus:shadow-none mr-3", label: "Create View", onClick: () => "", text: true, iconPos: "left", icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "plus", color: "text-primary-400 mr-2" }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base font-semibold text-gray-600 p-1 focus:shadow-none text-white w-4rem", label: "Apply", onClick: onApplyFilter, disabled: !allFieldsFilled })] }))] }))] }) }))] }));
 };
 exports.default = TableFilter;

package/dist/components/ag-grid/advancedFeature/refresh-grid.js

@@ -8,6 +8,6 @@ const svg_component_1 = tslib_1.__importDefault(require("../../../directives/svg
 const button_1 = require("primereact/button");
 function RefreshGrid() {
     const { removeFeaturesAndRefresh } = (0, react_1.useContext)(context_provider_1.FeatureContext);
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(button_1.Button, { text: true, onClick: removeFeaturesAndRefresh, icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "refresh-ccw-01" }) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(button_1.Button, { text: true, onClick: removeFeaturesAndRefresh, icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "refresh-ccw-01", color: "text-gray-700" }) }) }));
 }
 exports.default = RefreshGrid;

package/dist/components/ag-grid/advancedFeature/remove-items.js

@@ -1,8 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const context_provider_1 = require("../context-provider");
+const button_1 = require("primereact/button");
+const svg_component_1 = tslib_1.__importDefault(require("../../../directives/svg-component"));
 function RemoveItems() {
     const { featureDetails, callGrid } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     const removeItemsCallBack = () => {
@@ -10,6 +13,6 @@ function RemoveItems() {
         currentFeature.isRemoveClicked = true;
         callGrid(currentFeature);
     };
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: removeItemsCallBack, className: "bg-white" }, { children: "-" })) }));
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ onClick: removeItemsCallBack, text: true }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "minus-circle", color: "text-red-800" }) })) }));
 }
 exports.default = RemoveItems;

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

@@ -9,7 +9,6 @@ const grid_checkbox_1 = tslib_1.__importDefault(require("./grid-checkbox"));
 const context_provider_1 = tslib_1.__importDefault(require("./context-provider"));
 const error_ui_1 = tslib_1.__importDefault(require("./error-ui"));
 const constants_1 = require("./constants");
-require("./ag-grid.scss");
 const loading_component_1 = tslib_1.__importDefault(require("./loading-component"));
 function ParentForGrid(props) {
     const [gridData, setGridData] = (0, react_1.useState)({

package/dist/components/formula-template/FormulaCoponent.js

@@ -358,7 +358,7 @@ const FormulaComponent = (props) => {
     const onShowMenu = () => {
         if (props === null || props === void 0 ? void 0 : props.formulaValue) {
             let formulatText = "";
-            const pattern = /[a-f0-9]{24}/g;
+            const pattern = /(?:[a-f0-9]{24}|msrp|map|costprice)/g;
             // const ids = props?.formulaValue.match(pattern);
             // console.log(ids)
             const splitPattern = /(?=[+\-*/%])/g;

package/dist/types/components/ag-grid/advancedFeature/bulkActions/bulk-actions.d.ts

@@ -1,4 +1,3 @@
-import "./bulk-actions.scss";
 declare function BulkActions({ columnData }: {
     columnData: any;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ag-grid/advancedFeature/new-filter/table-filter.d.ts

@@ -1,3 +1,2 @@
-import "./TableFilter.module.scss";
 declare const TableFilter: () => import("react/jsx-runtime").JSX.Element;
 export default TableFilter;

package/dist/types/components/ag-grid/parent-for-grid.d.ts

@@ -1,3 +1,2 @@
-import "./ag-grid.scss";
 declare function ParentForGrid(props: any): import("react/jsx-runtime").JSX.Element;
 export default ParentForGrid;

package/package.json

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

package/dist/components/ag-grid/advancedFeature/new-filter/TableFilter.module.scss

@@ -1,4 +0,0 @@
-.condition_button {
-    height: 40px !important;
-    width: 64px !important;
-}

package/dist/components/ag-grid/ag-grid.scss

@@ -1,61 +0,0 @@
-.ag-grid-container {
-  .ag-root-wrapper {
-    &.ag-layout-normal {
-      border: 0;
-    }
-  }
-}
-
-.ag-header {
-  background: var(--gray-50);
-
-  border-top: 1px solid var(--gray-300);
-  border-bottom: 1px solid var(--gray-200) !important;
-}
-
-.ag-root-wrapper {
-  border-radius: 6px !important;
-  border-top-left-radius: 0px !important;
-}
-
-.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within {
-  border: 0;
-  border-color: initial;
-}
-
-.ag-ltr .ag-cell {
-  display: flex;
-  align-items: center;
-}
-
-.ag-grid-container {
-  border: 1px solid var(--gray-200) !important;
-  background: #fff !important;
-}
-
-// .ag-ltr .ag-header-cell-resize {
-//   display: none;
-// }
-
-.ag-row {
-  border-bottom: 1px solid var(--gray-200);
-}
-
-.ag-row-odd {
-  background-color: var(--gray-25);
-}
-
-.ag-row {
-  &:focus {
-    background-color: var(--gray-100);
-  }
-}
-
-.ag-theme-quartz {
-  --ag-active-color: var(--gray-300);
-}
-
-.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
-  background-color: var(--gray-200);
-  width: 1px;
-}