sccoreui 6.5.13 → 6.5.14

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

@@ -13,7 +13,7 @@ const multi_select_dropdown_1 = tslib_1.__importDefault(require("../../../../mul
 const svg_component_1 = tslib_1.__importDefault(require("../../../../../directives/svg-component"));
 const chips_1 = require("primereact/chips");
 const Conditions = (props) => {
-    const { columnName, condition, value, columnsArray, index, id, updateconditionsArray, removeConditionFromArray, addEmptyCondition, conditionsLength, conditionType, conditionTypes, handleConditionType, filterModelText, validationErrors, validationTouched, } = props;
+    const { columnName, condition, value, columnsArray, index, id, updateconditionsArray, removeConditionFromArray, addEmptyCondition, conditionsLength, conditionType, conditionTypes, handleConditionType, filterModelText, validationErrors, validationTouched, renderSelectField, renderMultiSelectField, } = props;
     const valueError = Boolean(validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.value) && Boolean(validationTouched === null || validationTouched === void 0 ? void 0 : validationTouched.value);
     // Filter available conditions based on column data type using fieldOperators
     const filteredConditions = constants_2.default.conditionsList.filter((cond) => cond.fieldOperators.includes(columnName === null || columnName === void 0 ? void 0 : columnName.dataType));
@@ -310,14 +310,49 @@ const Conditions = (props) => {
         if (spec.type === "Date" || spec.type === "DateTime") {
             return renderCalendar(spec);
         }
-        // SELECT data type — uses Dropdown / MultiSelectDropDown with options
+        // SELECT data type
+        const hasNoStaticOptions = !(selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.options) || selectedColumn.options.length === 0;
         if (isSelectType) {
-            return spec.kind === "Scalar"
-                ? renderScalarSelect(selectedColumn)
-                : renderMultiSelect(selectedColumn);
+            if (spec.kind === "Scalar") {
+                if (renderSelectField && hasNoStaticOptions) {
+                    return renderSelectField({
+                        selectedColumn,
+                        value,
+                        condition,
+                        onChange: handleDynamicFieldState,
+                        disabled: !condition,
+                        showError,
+                        placeholder: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.elementThreePlaceHolder_DropDown) || "Select",
+                    });
+                }
+                return renderScalarSelect(selectedColumn);
+            }
+            if (renderMultiSelectField && hasNoStaticOptions) {
+                return renderMultiSelectField({
+                    selectedColumn,
+                    value,
+                    condition,
+                    onChange: handleDynamicFieldState,
+                    disabled: !condition,
+                    showError,
+                    placeholder: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.elementThreePlaceHolder_MultiSelect) || "Select",
+                });
+            }
+            return renderMultiSelect(selectedColumn);
         }
-        // MULTISELECT data type — always multi-select dropdown
+        // MULTISELECT data type
         if (isMultiSelectType) {
+            if (renderMultiSelectField && hasNoStaticOptions) {
+                return renderMultiSelectField({
+                    selectedColumn,
+                    value,
+                    condition,
+                    onChange: handleDynamicFieldState,
+                    disabled: !condition,
+                    showError,
+                    placeholder: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.elementThreePlaceHolder_MultiSelect) || "Select",
+                });
+            }
             return renderMultiSelect(selectedColumn);
         }
         // Number types

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

@@ -145,8 +145,6 @@ const conditionsList = [
             Types_1.FilterDataType.CURRENCY,
             Types_1.FilterDataType.BIGINTEGER,
             Types_1.FilterDataType.PERCENT,
-            Types_1.FilterDataType.DATE,
-            Types_1.FilterDataType.DATEANDTIME
         ],
     },
     {

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

@@ -28,7 +28,7 @@ const form_1 = tslib_1.__importDefault(require("../../../form/form"));
  */
 const TableFilter = () => {
     // Context values for filter state management
-    const { featureDetails, columnData, conditionType, conditionTypes, globalFilters, setConditionType, setGlobalFilters, setFeatureDetails, callGrid, setViewName, viewName, createView, enableViewCreate, filterModelText, enableAdvancedFilter, gridApi, conditionsToDisplay, } = (0, react_1.useContext)(context_provider_1.FeatureContext);
+    const { featureDetails, columnData, conditionType, conditionTypes, globalFilters, setConditionType, setGlobalFilters, setFeatureDetails, callGrid, setViewName, viewName, createView, enableViewCreate, filterModelText, enableAdvancedFilter, gridApi, conditionsToDisplay, renderSelectField, renderMultiSelectField, } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     // Form reference for validation
     const formRef = (0, react_1.useRef)(null);
     // Column mapping keys
@@ -322,7 +322,7 @@ const TableFilter = () => {
      */
     const renderCondition = (conditions, key, formSetter, formErrors, formTouched) => {
         const { columnName, condition, value, id } = conditions;
-        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "" }, { children: (0, jsx_runtime_1.jsx)(Conditions_1.default, { index: key, setEnableApply: (value) => setEnableApply(value), id: id, columnName: columnName, condition: condition, conditionType: conditionType, conditionTypes: conditionTypes, value: value, columnsArray: tableColumns, conditionsArray: constants_1.default.conditionsList, handleConditionType: handleConditionType, updateconditionsArray: (conditionObj, conditionIndex) => updateConditionsArray(conditionObj, conditionIndex, formSetter), addEmptyCondition: (index) => addEmptyCondition(index, formSetter), removeConditionFromArray: (conditionIndex) => removeConditionFromArray(conditionIndex, formSetter), conditionsLength: conditionsArray.length, filterModelText: filterModelText, validationErrors: formErrors, validationTouched: formTouched }, key) })));
+        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "" }, { children: (0, jsx_runtime_1.jsx)(Conditions_1.default, { index: key, setEnableApply: (value) => setEnableApply(value), id: id, columnName: columnName, condition: condition, conditionType: conditionType, conditionTypes: conditionTypes, value: value, columnsArray: tableColumns, conditionsArray: constants_1.default.conditionsList, handleConditionType: handleConditionType, updateconditionsArray: (conditionObj, conditionIndex) => updateConditionsArray(conditionObj, conditionIndex, formSetter), addEmptyCondition: (index) => addEmptyCondition(index, formSetter), removeConditionFromArray: (conditionIndex) => removeConditionFromArray(conditionIndex, formSetter), conditionsLength: conditionsArray.length, filterModelText: filterModelText, validationErrors: formErrors, validationTouched: formTouched, renderSelectField: renderSelectField, renderMultiSelectField: renderMultiSelectField }, key) })));
     };
     // ============================================================================
     // Effects
@@ -388,7 +388,6 @@ const TableFilter = () => {
                         ? values.conditions
                         : conditionsArray;
                     const isFormReady = isValid && allFieldsFilled && enableApply;
-                    console.log(errors, "errors-data-check");
                     return ((0, jsx_runtime_1.jsxs)(dialog_1.Dialog, Object.assign({ visible: isVisible, onHide: () => filterLogoToggle(), className: "modal_filter mt-5 -ml-2" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex justify-content-between text-lg font-semibold line-height-3 text-gray-900" }, { children: [(filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.header) ? filterModelText.header : "Filter", (0, jsx_runtime_1.jsx)(button_1.Button, { className: "p-0 h-auto px-1 bg-transparent hover:bg-gray-100", onClick: () => setIsVisible(false), icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 15, color: "text-gray-600" }) })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-sm text-gray-600" }, { children: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.subHeader)
                                             ? filterModelText.subHeader
                                             : "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-2" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "max-h-14rem overflow-y-auto overflow-x-hidden flex flex-column gap-1" }, { children: conditionsToRender.map((eachCondition, index) => {

package/dist/components/ag-grid/context-provider.js

@@ -9,9 +9,9 @@ const hooks_1 = require("primereact/hooks");
 const constants_1 = tslib_1.__importDefault(require("./constants"));
 exports.FeatureContext = (0, react_1.createContext)(null);
 function MyProvider({ children, value }) {
-    const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, defaultSort, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sidePanelText, sortOptions, filterConditions, clearFilters, setGridData, gridApi, updateColumnsForGrid, enableManageColumnsCallback, columnToRender, selectedGroup, setSelectedGroup, initialCheckBoxData, intialColumns, setIntialColumns, rowModelType, quickSearch, enableAdvancedFilter, conditionsToDisplay, gridViewFun, gridViewData, setGridViewData, gridView, serverSideSelectRow, defaultViewName, isDataLoading,
+    const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, defaultSort, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sidePanelText, sortOptions, filterConditions, clearFilters, setGridData, gridApi, updateColumnsForGrid, enableManageColumnsCallback, columnToRender, selectedGroup, setSelectedGroup, initialCheckBoxData, intialColumns, setIntialColumns, rowModelType, quickSearch, enableAdvancedFilter, conditionsToDisplay, gridViewFun, gridViewData, setGridViewData, gridView, serverSideSelectRow, defaultViewName, isDataLoading, 
     // dynamicText
-     } = value;
+    renderSelectField, renderMultiSelectField, } = value;
     // States for sort
     const [columnData, setColumnData] = (0, react_1.useState)(gridData === null || gridData === void 0 ? void 0 : gridData.columnData);
     (0, react_1.useEffect)(() => {
@@ -83,6 +83,10 @@ function MyProvider({ children, value }) {
             });
             setGlobalFilters(filtersToAdd);
         }
+        else {
+            // Clear filters when switching to a view with no filters (e.g. "All" view)
+            setGlobalFilters([]);
+        }
     }, [defaultFilters]);
     /**
      * Transform and set default sort to sortValue and sortBy states
@@ -175,7 +179,8 @@ function MyProvider({ children, value }) {
             gridViewData,
             setGridViewData,
             gridView,
-            inputValue, deboucedValue, setInputValue, serverSideSelectRow, isDataLoading
+            inputValue, deboucedValue, setInputValue, serverSideSelectRow, isDataLoading,
+            renderSelectField, renderMultiSelectField,
         } }, { children: children })));
 }
 exports.default = MyProvider;

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

@@ -28,7 +28,7 @@ const INITIAL_CHECKBOX_DATA = {
 };
 function ParentForGrid(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { gridProps = {}, gridViewTemplate, selectColumns = () => { }, enableCheckboxForGroupHeader = false, serverSideSelectRow, blockSize } = props;
+    const { gridProps = {}, gridViewTemplate, selectColumns = () => { }, enableCheckboxForGroupHeader = false, serverSideSelectRow, blockSize, renderSelectField, renderMultiSelectField } = props;
     const effectiveBlockSize = blockSize || constants_1.BLOCK_SIZE;
     const [gridData, setGridData] = (0, react_1.useState)({
         rowData: (props === null || props === void 0 ? void 0 : props.rowData) || [],
@@ -115,6 +115,8 @@ function ParentForGrid(props) {
                 : constants_1.GRID_CHECKBOX_STATUS.UNCHECKED });
         const updatedRows = [];
         gridRef.current.api.forEachNode((node) => {
+            if (!node.data)
+                return;
             node.data.isSelected = currentStatus;
             updatedRows.push(Object.assign({}, node.data));
         });
@@ -399,9 +401,19 @@ function ParentForGrid(props) {
     })), ((props === null || props === void 0 ? void 0 : props.onRowClicked) ? { onRowClicked: props === null || props === void 0 ? void 0 : props.onRowClicked } : {})), ((props === null || props === void 0 ? void 0 : props.quickSearch) ? { quickSearch: props.quickSearch } : {})), { 
         // ...(props?.getDataPath && { getDataPath: props?.getDataPath }), // for clint side tree data enable fetuare
         onGridPreDestroyed: onGridPreDestroyed }), ((props === null || props === void 0 ? void 0 : props.rowDragManaged) ? { rowDragManaged: props === null || props === void 0 ? void 0 : props.rowDragManaged } : {})), gridProps);
+    console.log("grid-props", props.serverSideSelectRow);
     // Fucntion to call the grid
     const callGrid = (featureDetails) => {
-        onGridReady(gridReadyEvent, featureDetails);
+        // Reset checkbox selection on search/filter/sort changes for server-side selection
+        if (serverSideSelectRow) {
+            const resetFeatures = Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: initialCheckBoxData });
+            setFeatureDetails(resetFeatures);
+            setSelectedGroup([]);
+            onGridReady(gridReadyEvent, resetFeatures);
+        }
+        else {
+            onGridReady(gridReadyEvent, featureDetails);
+        }
     };
     // Call Grid if something is searched
     (0, react_1.useEffect)(() => {
@@ -506,7 +518,8 @@ function ParentForGrid(props) {
             gridViewFun,
             gridViewData,
             setGridViewData,
-            gridView, enableAdvancedFilter: props === null || props === void 0 ? void 0 : props.enableAdvancedFilter }, ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), { conditionsToDisplay: props === null || props === void 0 ? void 0 : props.conditionsToDisplay, serverSideSelectRow: props.serverSideSelectRow, defaultViewName: props === null || props === void 0 ? void 0 : props.defaultViewName, isDataLoading, dynamicText: props === null || props === void 0 ? void 0 : props.dynamicText }));
+            gridView, enableAdvancedFilter: props === null || props === void 0 ? void 0 : props.enableAdvancedFilter }, ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), { conditionsToDisplay: props === null || props === void 0 ? void 0 : props.conditionsToDisplay, serverSideSelectRow: props.serverSideSelectRow, defaultViewName: props === null || props === void 0 ? void 0 : props.defaultViewName, isDataLoading, dynamicText: props === null || props === void 0 ? void 0 : props.dynamicText, renderSelectField,
+            renderMultiSelectField }));
     }, [
         props.rowModelType,
         props === null || props === void 0 ? void 0 : props.quickSearch,
@@ -526,6 +539,7 @@ function ParentForGrid(props) {
         props.serverSideSelectRow,
         props === null || props === void 0 ? void 0 : props.defaultViewName,
         isDataLoading,
+        renderSelectField, renderMultiSelectField,
     ]);
     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({ id: "wrapper", style: { height: gridStyle === null || gridStyle === void 0 ? void 0 : gridStyle.height, width: gridStyle === null || gridStyle === void 0 ? void 0 : gridStyle.width }, className: `ag-grid-container ag-grid-parent-div  ${(props === null || props === void 0 ? void 0 : props.enableAdvancedFilter) ? "hide-advance-filter" : ""}` }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(context_provider_1.default, Object.assign({ value: contextValue }, { children: ((_h = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _h === void 0 ? void 0 : _h.displayFeaturesHeader) && ((0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props })) })), gridView ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: gridViewTemplate(gridViewData) }) : (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: gridStyle, gridOptions: gridOptions, onGridReady: (props === null || props === void 0 ? void 0 : props.rowData) ? undefined : onGridReady, gridRef: gridRef })] }) })) }) }));
 }

package/dist/types/components/ag-grid/Types.d.ts

@@ -266,4 +266,15 @@ export declare enum FilteredConditionTypes {
     IS_EQUAL_TO_ALL_OF = 24,
     IS_EQUAL_TO_ANY_OF = 25
 }
+export interface SelectFieldRenderProps {
+    selectedColumn: any;
+    value: any;
+    condition: any;
+    onChange: (value: any) => void;
+    disabled: boolean;
+    showError: boolean;
+    placeholder?: string;
+}
+export type RenderSelectField = (props: SelectFieldRenderProps) => JSX.Element;
+export type RenderMultiSelectField = (props: SelectFieldRenderProps) => JSX.Element;
 export {};

package/dist/types/components/ag-grid/context-provider.d.ts

@@ -1,4 +1,4 @@
-import { CheckBoxSelection, ColumnDef, ConditionsToDisplay, Features, FilterCondition, FilterModelText, GridData, RecordDetailModelText, SidePanelText, SortModelText } from "./Types";
+import { CheckBoxSelection, ColumnDef, ConditionsToDisplay, Features, FilterCondition, FilterModelText, GridData, RecordDetailModelText, RenderSelectField, RenderMultiSelectField, SidePanelText, SortModelText } from "./Types";
 export declare const FeatureContext: import("react").Context<any>;
 interface MyProviderProps {
     children: React.ReactNode;
@@ -42,6 +42,8 @@ interface MyProviderProps {
         defaultViewName?: string;
         isDataLoading?: boolean;
         dynamicText?: any;
+        renderSelectField?: RenderSelectField;
+        renderMultiSelectField?: RenderMultiSelectField;
     };
 }
 declare function MyProvider({ children, value }: MyProviderProps): import("react/jsx-runtime").JSX.Element;

package/package.json

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