sccoreui 6.1.21 → 6.1.23

package/dist/App.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 // import Home from './pages/home';
 require("./App.scss");
-const home_1 = tslib_1.__importDefault(require("./pages/home"));
+// import Home from "./pages/home";
 const App = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(home_1.default, {}) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", {}));
 };
 exports.default = App;

package/dist/components/ag-grid/constants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULTS = exports.FILEEXTENSIONTYPE = exports.IMAGETYPES = exports.STATUSLIST = exports.SETUPPRICEOPTIONS = exports.PRICINGTYPE = exports.BUNDLETYPE = exports.BUNDLEQUANTITYTYPE = exports.DEFAULTGUID = exports.CATEGORYTYPE = exports.PRODUCTDISCOUNTTYPE = exports.GRID_CHECKBOX_STATUS = exports.conditionsList = exports.PRODUCTTYPE = exports.ROW_HEIGHT = exports.DEBOUNCE_INTERVAL = exports.MAX_BLOCKS = exports.MAX_RECORDS_TO_LOAD = exports.BLOCK_SIZE = exports.ROWMODELTYPE = exports.COLUMN_SORT_OPTIONS = void 0;
+exports.DEFAULTS = exports.FILEEXTENSIONTYPE = exports.IMAGETYPES = exports.STATUSLIST = exports.SETUPPRICEOPTIONS = exports.PRICINGTYPE = exports.BUNDLETYPE = exports.BUNDLEQUANTITYTYPE = exports.DEFAULTGUID = exports.CATEGORYTYPE = exports.PRODUCTDISCOUNTTYPE = exports.EMPTY_RECORD = exports.GRID_CHECKBOX_STATUS = exports.conditionsList = exports.PRODUCTTYPE = exports.ROW_HEIGHT = exports.DEBOUNCE_INTERVAL = exports.MAX_BLOCKS = exports.MAX_RECORDS_TO_LOAD = exports.BLOCK_SIZE = exports.ROWMODELTYPE = exports.COLUMN_SORT_OPTIONS = void 0;
 const Types_1 = require("./Types");
 exports.COLUMN_SORT_OPTIONS = [
     { id: 1, label: "Low - High", sortId: 1, dataType: Types_1.ATTRIBUTEDATATYPES.INTEGER },
@@ -294,4 +294,5 @@ var GRID_CHECKBOX_STATUS;
     GRID_CHECKBOX_STATUS[GRID_CHECKBOX_STATUS["CHECKED"] = 2] = "CHECKED";
     GRID_CHECKBOX_STATUS[GRID_CHECKBOX_STATUS["UNCHECKED"] = 3] = "UNCHECKED";
 })(GRID_CHECKBOX_STATUS = exports.GRID_CHECKBOX_STATUS || (exports.GRID_CHECKBOX_STATUS = {}));
+exports.EMPTY_RECORD = "--";
 exports.default = constants;

package/dist/components/ag-grid/helper.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fillOperation = exports.updateCells = exports.getCheckedStatus = exports.sortColumns = exports.parseIfNeeded = exports.applyDefaultFilters = void 0;
 const tslib_1 = require("tslib");
+const constants_1 = require("./constants");
 const applyDefaultFilters = (defaultFilters) => {
     const filters = defaultFilters === null || defaultFilters === void 0 ? void 0 : defaultFilters.map((item) => {
         const obj = {
@@ -96,6 +97,9 @@ const fillOperation = (params, api, parentRowData, editedRecords, setEditedRecor
         const rowData = rowNode === null || rowNode === void 0 ? void 0 : rowNode.data;
         // Check if rowData exists and update the field
         if (rowData && (rowNode.id != parentRowData.id)) {
+            if ((rowData === null || rowData === void 0 ? void 0 : rowData[columnDetails === null || columnDetails === void 0 ? void 0 : columnDetails.field]) == constants_1.EMPTY_RECORD || (rowData === null || rowData === void 0 ? void 0 : rowData.type) !== (parentRowData === null || parentRowData === void 0 ? void 0 : parentRowData.type) || !(rowData === null || rowData === void 0 ? void 0 : rowData[columnDetails === null || columnDetails === void 0 ? void 0 : columnDetails.field])) {
+                continue;
+            }
             rowData[columnDetails === null || columnDetails === void 0 ? void 0 : columnDetails.field] = parentRowData[columnDetails === null || columnDetails === void 0 ? void 0 : columnDetails.field];
             const schemaForEdit = {
                 row: rowData,

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

@@ -203,7 +203,7 @@ function ParentForGrid(props) {
                         return;
                     }
                     // get data for request from our fake server
-                    const response = yield getData(startRow, endRow, currentFeatures, params === null || params === void 0 ? void 0 : params.request);
+                    const response = yield getData(startRow, endRow, currentFeatures, params);
                     // simulating real server call with a 500ms delay
                     if (((_j = response.rowData) === null || _j === void 0 ? void 0 : _j.length) > 0) {
                         setGridData(Object.assign(Object.assign({}, gridData), { rowData: response.rowData }));
@@ -235,6 +235,11 @@ function ParentForGrid(props) {
     const wrapperToFillOpertation = (params) => {
         (0, helper_1.fillOperation)(params, api, initalDragRowData, props === null || props === void 0 ? void 0 : props.editedRecords, props === null || props === void 0 ? void 0 : props.setEditedRecords);
     };
+    const myOpertaion = (fillOperationParams) => {
+        return fillOperationParams.rowNode.data[fillOperationParams.column.colId];
+    };
+    // const returnRenderColumn = useCallback(() => {
+    //   let columnToReturn: ColumnDef[] = [];
     // const returnRenderColumn = useCallback(() => {
     //   let columnToReturn: ColumnDef[] = [];
     //   gridData.columnData.filter((column) => {
@@ -280,6 +285,7 @@ function ParentForGrid(props) {
         enableRangeSelection: (_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.enableFillHandle,
         enableFillHandle: (_b = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _b === void 0 ? void 0 : _b.enableFillHandle,
         onFillEnd: wrapperToFillOpertation,
+        fillOperation: myOpertaion,
         onCellMouseDown: onCellMouseDown,
         getRowId: getRowId,
         fillHandleDirection: 'y'

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

@@ -94,5 +94,6 @@ export declare enum GRID_CHECKBOX_STATUS {
     CHECKED = 2,
     UNCHECKED = 3
 }
+export declare const EMPTY_RECORD = "--";
 export { PRODUCTDISCOUNTTYPE, CATEGORYTYPE, DEFAULTGUID, BUNDLEQUANTITYTYPE, BUNDLETYPE, PRICINGTYPE, SETUPPRICEOPTIONS, STATUSLIST, IMAGETYPES, FILEEXTENSIONTYPE, DEFAULTS };
 export default constants;

package/package.json

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

package/dist/pages/aggrid/AgGrid.js

@@ -1,441 +0,0 @@
-"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 parent_for_grid_1 = tslib_1.__importDefault(require("../../components/ag-grid/parent-for-grid"));
-const axios_1 = tslib_1.__importDefault(require("axios"));
-const Types_1 = require("../../components/ag-grid/Types");
-// import IdCell from "./id-cell";
-const constants_1 = require("../../components/ag-grid/constants");
-// import { Dropdown } from "primereact/dropdown";
-const custom_dropdown_1 = tslib_1.__importDefault(require("../../components/ag-grid/custom-dropdown"));
-const BulkAction_1 = tslib_1.__importDefault(require("./BulkAction"));
-const fakeServer_1 = require("./fakeServer");
-const dropdown_1 = require("primereact/dropdown");
-// import { ATTRIBUTEDATATYPES } from "../../components/ag-grid/constants";
-const AgGridPage = () => {
-    const [rowData, setRowData] = (0, react_1.useState)([]);
-    const [shouldRefetch, setShouldRefetch] = (0, react_1.useState)(false);
-    const [defaultFilters, setDefaultFilters] = (0, react_1.useState)([]);
-    const [storeResult, setStoreResult] = (0, react_1.useState)();
-    const [updateRowData, setUpdateRowData] = (0, react_1.useState)({ rowData: [], shouldUpdate: false });
-    const [editMode, setEditMode] = (0, react_1.useState)(false);
-    const [editedRecords, setEditedRecords] = (0, react_1.useState)([]);
-    const [emptyCheckboxStatus, setEmptyCheckboxStatus] = (0, react_1.useState)(false);
-    const deleteComponent = () => {
-        return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("button", Object.assign({ className: "bg-white", onClick: () => setShouldRefetch(true) }, { children: "Delete" })) }));
-    };
-    const initialCondtions = {
-        displayFilter: true,
-        displaySort: true,
-        displaySearch: true,
-        displayRefresh: true,
-        displayRemoveItems: true,
-        displayBulkAction: true,
-        enableViewCreate: true,
-        displaySidePanel: true,
-        enableFillHandle: true,
-        displayBulkEdit: true,
-        displayDiscardEdit: false,
-        displaySaveEditButton: false,
-        displayRecords: false,
-        displayEditHeading: false
-    };
-    const [conditionsToDisplay, setConditionsToDisplay] = (0, react_1.useState)(initialCondtions);
-    const updateRows = (row) => {
-        setUpdateRowData({ rowData: row, shouldUpdate: true });
-    };
-    const statusDropDwon = (params) => {
-        return (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { onChange: (e) => { params.data.status = e.value, console.log(e.value, 'value updating on change'), updateRows(params.data); }, value: params.data.status, options: [{ id: constants_1.STATUSLIST.DRAFT, label: "Draft", value: constants_1.STATUSLIST.DRAFT },
-                { id: constants_1.STATUSLIST.ACTIVE, label: "Active", value: constants_1.STATUSLIST.ACTIVE },
-                {
-                    id: constants_1.STATUSLIST.INACTIVE,
-                    label: "Inactive",
-                    value: constants_1.STATUSLIST.INACTIVE,
-                }] });
-    };
-    const [shouldClearFilters, setShouldClearFilters] = (0, react_1.useState)(false);
-    const [columnDefs] = (0, react_1.useState)([
-        {
-            seq: 1,
-            // pinned: "left",
-            // lockPosition: "left",
-            // cellClass: "lock-pinned",
-            // suppressMovable: true,
-            enableHeaderCheckbox: true,
-            hide: false,
-            enableChildCheckbox: true,
-            id: "101",
-            headerName: "ID",
-            field: "id",
-            isSortable: false,
-            code: 1,
-            dataType: Types_1.ATTRIBUTEDATATYPES.STRING,
-            editable: true,
-            isFilterable: false,
-            cellStyle: { borderRight: "1px solid #ccc" },
-            visibleInPanel: true,
-            cellRendererSelector: (params) => {
-                if (params.node.rowPinned) {
-                    return {
-                        component: custom_dropdown_1.default,
-                        params: {
-                            style: { color: "#5577CC" },
-                        },
-                    };
-                }
-                else {
-                    return undefined;
-                }
-            },
-            suppressFillHandle: true,
-            isEditable: false
-        },
-        {
-            id: "111",
-            seq: 3,
-            headerName: "Email",
-            dataType: Types_1.ATTRIBUTEDATATYPES.STRING,
-            editable: false,
-            visibleInPanel: true,
-            isFilterable: false,
-            field: "email",
-            suppressFillHandle: false,
-            isEditable: true
-        },
-        {
-            seq: 3,
-            // lockPinned: true,
-            hide: false,
-            id: "102",
-            headerName: "Title",
-            cellRendererSelector: (params) => {
-                if (params.node.rowPinned) {
-                    return {
-                        component: custom_dropdown_1.default,
-                        params: {
-                            style: { color: "#5577CC" },
-                        },
-                    };
-                }
-                else {
-                    return undefined;
-                }
-            },
-            field: "name",
-            isSortable: true,
-            code: 1,
-            dataType: Types_1.ATTRIBUTEDATATYPES.STRING,
-            editable: false,
-            visibleInPanel: true,
-            isFilterable: false,
-            suppressFillHandle: false,
-            isEditable: true
-        },
-        {
-            seq: 2,
-            hide: true,
-            // lockPinned: true,
-            id: "103",
-            headerName: "Body",
-            field: "body",
-            isSortable: true,
-            code: 1,
-            dataType: Types_1.ATTRIBUTEDATATYPES.STRING,
-            editable: false,
-            visibleInPanel: true,
-            isFilterable: true,
-            suppressFillHandle: false,
-            isEditable: true
-        },
-        { seq: 4,
-            hide: false,
-            // lockPinned: true,
-            id: "104",
-            headerName: "Status",
-            field: "status",
-            isSortable: true,
-            visibleInPanel: true,
-            columnType: "single",
-            options: [
-                { id: constants_1.STATUSLIST.DRAFT, label: "Draft", value: constants_1.STATUSLIST.DRAFT },
-                { id: constants_1.STATUSLIST.ACTIVE, label: "Active", value: constants_1.STATUSLIST.ACTIVE },
-                {
-                    id: constants_1.STATUSLIST.INACTIVE,
-                    label: "Inactive",
-                    value: constants_1.STATUSLIST.INACTIVE,
-                },
-            ],
-            code: 1,
-            dataType: Types_1.ATTRIBUTEDATATYPES.BOOLEAN,
-            editable: false,
-            isFilterable: true,
-            cellRenderer: statusDropDwon,
-            suppressFillHandle: false,
-            isEditable: true
-            // rowGroup: true, 
-        },
-        {
-            seq: 5,
-            id: "105",
-            hide: false,
-            isEditable: false,
-            // pinned: "right",
-            // lockPosition: "rigth",
-            // cellClass: "lock-pinned",
-            visibleInPanel: false,
-            suppressFillHandle: true,
-            cellRendererSelector: (params) => {
-                if (params.node.rowPinned) {
-                    return () => null;
-                }
-                else {
-                    return { component: deleteComponent };
-                }
-            },
-        },
-    ]);
-    const [columnsToDisplay, setColumnsToDisplay] = (0, react_1.useState)(columnDefs);
-    const noRowsOverlayComponent = () => {
-        return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("p", { children: "No Rows, message from products" }) }));
-    };
-    const updateCell = (selectedRowsToUpdate) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        console.log(selectedRowsToUpdate, 'selected rows to update');
-        setRowData(rowData);
-        setStoreResult(rowData);
-        const output = {
-            isSuccess: true,
-        };
-        return output;
-    });
-    // const [selectedCity, setSelectedCity] = useState(null);
-    const pinnedTopRowData = (0, react_1.useMemo)(() => {
-        return [{ id: "1", name: "nitesh", body: "working out" }];
-    }, []);
-    // Update columns based on hide panel
-    const updateColumns = (updatedColumns) => {
-        console.log(updatedColumns, 'updated columns in products');
-        setColumnsToDisplay(updatedColumns);
-    };
-    console.log(setColumnsToDisplay);
-    // Remove items from - button
-    const removeItem = (checkboxSelectionDetails) => {
-        const unSelectedData = checkboxSelectionDetails === null || checkboxSelectionDetails === void 0 ? void 0 : checkboxSelectionDetails.excludedRecords;
-        const selectedData = checkboxSelectionDetails === null || checkboxSelectionDetails === void 0 ? void 0 : checkboxSelectionDetails.includedRecords;
-        const isIternminite = checkboxSelectionDetails === null || checkboxSelectionDetails === void 0 ? void 0 : checkboxSelectionDetails.isIndeterminate;
-        console.log(checkboxSelectionDetails, "coming in remove item products");
-        let updatedRowData = [];
-        if (isIternminite) {
-            updatedRowData = unSelectedData;
-        }
-        else if ((selectedData === null || selectedData === void 0 ? void 0 : selectedData.length) && !isIternminite) {
-            const childIds = new Set(selectedData === null || selectedData === void 0 ? void 0 : selectedData.map((child) => child.id));
-            updatedRowData = rowData.filter((parent) => !childIds.has(parent.id));
-        }
-        console.log(updatedRowData, "result data from remove items in products");
-        return updatedRowData;
-    };
-    const getCheckedRows = (checkedRows) => {
-        console.log(checkedRows, "checked rows in products");
-    };
-    // const updateForFillOperation =(fillSelected)=>{
-    //   console.log('store row data in update fill',storeResult,fillSelected)
-    //   const updatedResult = JSON.parse(JSON.stringify(storeResult.rowData))?.map((item)=>{
-    //     fillSelected.childRows?.filter((fillItem)=>{
-    //       console.log(item.id ,fillItem.id)
-    //       if(item.id===fillItem.id){
-    //         console.log('coming in satisfied item')
-    //         console.log(item[fillSelected.column.field],fillItem[fillSelected.column.field],'field in item and fill item')
-    //         item[fillSelected.column.field] = fillSelected.parentRow[fillSelected.column.field]
-    //       }
-    //     })
-    //     return item
-    //   })
-    //   const newOutput = {
-    //     rowData : updatedResult,
-    //     totalRecords:storeResult.totalRecords
-    //   }
-    //   console.log(updatedResult,'updated result on fill')
-    //   return newOutput
-    // //  const updatedRowData =  storeResult.rowData.map
-    // }
-    const SaveEdit = (params) => {
-        console.log(params, 'params in save edit');
-        console.log(editedRecords, 'edited records in page');
-        const saveChanges = () => {
-            setEmptyCheckboxStatus(true);
-            console.log('changes saved', editedRecords);
-            setColumnsToDisplay(columnDefs);
-            setShouldRefetch(true);
-            setEditMode(false);
-            setConditionsToDisplay(initialCondtions);
-        };
-        return (0, jsx_runtime_1.jsx)("button", Object.assign({ disabled: !editedRecords.length, onClick: saveChanges, className: "bg-white" }, { children: "Save Changes" }));
-    };
-    // Discard component for bulk edit
-    const DiscardEdit = () => {
-        const discard = () => {
-            setColumnsToDisplay(columnDefs);
-            setShouldRefetch(true);
-            setEditMode(false);
-            setConditionsToDisplay(initialCondtions);
-        };
-        return (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("p", Object.assign({ onClick: discard }, { children: "Discard" })) });
-    };
-    // Edit headeing details
-    const EditHeadingDetails = () => {
-        return (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("p", { children: "Bulk Edit  4 products 4 variants" }) });
-    };
-    // Bulk edit component
-    const BulkEdit = () => {
-        const updateColumns = () => {
-            const tempColumns = [...columnsToDisplay].filter((column) => column.isEditable);
-            console.log(tempColumns, 'temp columsn');
-            setColumnsToDisplay(tempColumns);
-            setShouldRefetch(true);
-            setEditMode(true);
-            const tempConditions = conditionsToDisplay;
-            tempConditions.displayFilter = false;
-            tempConditions.displaySort = false;
-            tempConditions.displayBulkAction = false;
-            tempConditions.enableFillHandle = true;
-            tempConditions.displayDiscardEdit = true;
-            tempConditions.displayRefresh = false;
-            tempConditions.displayRemoveItems = false;
-            tempConditions.displayBulkEdit = false;
-            tempConditions.displaySaveEditButton = true;
-            tempConditions.displayEditHeading = true;
-            setConditionsToDisplay(tempConditions);
-        };
-        return (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("p", Object.assign({ onClick: updateColumns }, { children: "Bulk Edit" })) });
-    };
-    const getRowData = (startRow, endRow, featureDetails, params) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-        console.log(params, "params in page");
-        console.log(featureDetails, "feature details in page for filter queries");
-        // if(featureDetails?.fillSelected?.childRows?.length){
-        //   return updateForFillOperation(featureDetails.fillSelected)
-        // }
-        const features = featureDetails;
-        // const conditionToRemoveItem = features.checkBoxSelection.allBoxChecked || features.checkBoxSelection.isIndeterminate || features.checkBoxSelection.includedRecords.length || features.checkBoxSelection.excludedRecords.length
-        if (featureDetails.isRemoveClicked) {
-            const result = removeItem(features.checkBoxSelection);
-            const output = {
-                totalRecords: result.length,
-                rowData: result,
-            };
-            return yield output;
-        }
-        let totalRecords = 500;
-        const serverSideUrl = `https://jsonplaceholder.typicode.com/comments?_start=${startRow}&_end=${endRow}`;
-        const clientSideUrl = "https://jsonplaceholder.typicode.com/comments?_limit=20";
-        console.log(serverSideUrl, clientSideUrl);
-        const result = yield axios_1.default.get(serverSideUrl);
-        // Enable row group local server
-        const grouping = false;
-        if (result.data[2].id === 3)
-            result.data[2].isSelected = true;
-        const outputData = result === null || result === void 0 ? void 0 : result.data.map((item) => {
-            item.status = constants_1.STATUSLIST.INACTIVE;
-            delete item.postId;
-            return item;
-        });
-        let output = {
-            totalRecords: totalRecords,
-            rowData: outputData,
-        };
-        // Performs when grouping is present
-        if (grouping) {
-            const result = yield axios_1.default.get(serverSideUrl);
-            result === null || result === void 0 ? void 0 : result.data.map((item) => {
-                item.status = "Active";
-                return item;
-            });
-            let fakeServer = (0, fakeServer_1.FakeServer)(result.data, ["status"]);
-            const groupingResponse = fakeServer.getData(params);
-            console.log(groupingResponse, 'grouping response');
-            const lastRow = ((_a = params.groupKeys) === null || _a === void 0 ? void 0 : _a.length) == 0
-                ? groupingResponse === null || groupingResponse === void 0 ? void 0 : groupingResponse.lastRow
-                : totalRecords;
-            output.rowData = groupingResponse.rows;
-            output.totalRecords = lastRow;
-        }
-        setStoreResult(output);
-        setRowData(result.data);
-        setShouldRefetch(false);
-        setShouldClearFilters(false);
-        return output;
-    });
-    const style = {
-        height: "400px",
-        width: "100%",
-    };
-    console.log(pinnedTopRowData, defaultFilters);
-    const createView = (viewDetails) => {
-        console.log(viewDetails, "parsed value for create view");
-    };
-    console.log(storeResult, "sotred result");
-    const selectFilter = () => {
-        const defaultFilters = [
-            {
-                columnName: {
-                    name: "Body",
-                    code: "body",
-                    dataType: "string",
-                },
-                condition: 5,
-                value: "data",
-                id: "0.028544677566825438",
-                isActive: true,
-                logicalOperator: 1, // number
-            },
-        ];
-        setShouldRefetch(true);
-        setDefaultFilters(defaultFilters);
-    };
-    const dynamicText = {
-        filterModelText: {
-            header: "Filter",
-            subHeader: "Streamline Your Search With Filters",
-            resetFilterAction: "Reset Filter",
-            createViewInputPlaceHolder: "Enter",
-            createViewAction: "Create View",
-            applyAction: "Apply",
-            elementOnePlaceHolder: "Select",
-            elementTwoPlaceHolder: "Select",
-            elementThreePlaceHolder_Input: "Enter Text",
-            elementThreePlaceHolder_Input_Number: "Enter Number",
-            elementThreePlaceHolder_DropDown: "Select",
-            elementThreePlaceHolder_MultiSelect: "Select",
-            elementThreePlaceHolder_Calender: "Select Date",
-            onSelectedFilter: "Selected",
-        },
-        sortModelText: {
-            header: "Column Sorting",
-            clearAction: "Clear",
-            applyAction: "Apply",
-            onSelectedSort: "Selected",
-        },
-        recordDetailModelText: {
-            totalRecordHeader: "Total Records",
-        },
-        sidePanelText: {
-            header: "Configure Columns",
-            disacrd_button: "Discard",
-            update_button: "Update",
-            apply_to_all_views: "Apply to all views",
-            apply_subHeading: "Apply the chosen column selection to all available views",
-            search_placeHolder: "Search by column name",
-            selected_attributes: "Selected Attributes",
-            unselected_attributes: "Unselected Attributes"
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: selectFilter }, { children: "Select Filter" })), (0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: () => setShouldClearFilters(true) }, { children: "clear filter" })), (0, jsx_runtime_1.jsx)(parent_for_grid_1.default, { columnData: columnsToDisplay, style: style, getRowData: getRowData, conditionsToDisplay: conditionsToDisplay, rowModelType: constants_1.ROWMODELTYPE.SERVER_SIDE, 
-                // pinnedTopRowData={pinnedTopRowData}
-                bulkActionComponent: BulkAction_1.default, getCheckedRows: getCheckedRows, shouldRefetch: shouldRefetch, noRowsOverlayComponent: noRowsOverlayComponent, defaultFilters: defaultFilters, createView: createView, dynamicText: dynamicText, sortOptions: constants_1.COLUMN_SORT_OPTIONS, filterConditions: [
-                    { id: 1, label: "AND" },
-                    { id: 2, label: "OR" },
-                ], clearFilters: shouldClearFilters, updateColumnsForGrid: updateColumns, updateCell: updateCell, BulkEditComponent: BulkEdit, updateRowData: updateRowData, setUpdateRowData: setUpdateRowData, editMode: editMode, discardEditComponent: DiscardEdit, SaveEdit: SaveEdit, setEditedRecords: setEditedRecords, editedRecords: editedRecords, emptyCheckboxStatus: emptyCheckboxStatus, EditHeadingDetails: EditHeadingDetails })] }));
-};
-exports.default = AgGridPage;

package/dist/pages/aggrid/BulkAction.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-function BulkAction() {
-    return ((0, jsx_runtime_1.jsx)("div", { children: "Bulk Action " }));
-}
-exports.default = BulkAction;

package/dist/pages/aggrid/RowGroupTrail.js

@@ -1,113 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("@ag-grid-community/react");
-require("@ag-grid-community/styles/ag-grid.css");
-require("@ag-grid-community/styles/ag-theme-quartz.css");
-const core_1 = require("@ag-grid-community/core");
-const row_grouping_1 = require("@ag-grid-enterprise/row-grouping");
-const server_side_row_model_1 = require("@ag-grid-enterprise/server-side-row-model");
-const range_selection_1 = require("@ag-grid-enterprise/range-selection");
-const fakeServer_1 = require("./fakeServer");
-core_1.ModuleRegistry.registerModules([row_grouping_1.RowGroupingModule, server_side_row_model_1.ServerSideRowModelModule, range_selection_1.RangeSelectionModule]);
-const getServerSideDatasource = (server) => {
-    return {
-        getRows: (params) => {
-            console.log("[Datasource] - rows requested by grid: ", params.request, params);
-            var response = server.getData(params.request);
-            console.log(response, 'request to server');
-            // adding delay to simulate real server call
-            setTimeout(() => {
-                if (response.success) {
-                    // call the success callback
-                    params.success({
-                        rowData: response.rows,
-                        rowCount: response.lastRow,
-                    });
-                }
-                else {
-                    // inform the grid request failed
-                    params.fail();
-                }
-            }, 1000);
-        },
-    };
-};
-console.log(getServerSideDatasource);
-const GridComponent = () => {
-    const containerStyle = (0, react_1.useMemo)(() => ({ width: "1500px", height: "900px" }), []);
-    const gridStyle = (0, react_1.useMemo)(() => ({ height: "900px", width: "1500px" }), []);
-    const [columnDefs] = (0, react_1.useState)([
-        { field: "country", rowGroup: true, hide: true, editable: true },
-        { field: "athlete", editable: true },
-        { field: "age", editable: true },
-        { field: "sport", rowGroup: true, hide: true, editable: true },
-        { field: "year", rowGroup: true, hide: true, editable: true },
-        { field: "date", editable: true },
-        { field: "gold", editable: true },
-        { field: "silver" },
-        { field: "bronze" },
-        { field: "total" },
-    ]);
-    const defaultColDef = (0, react_1.useMemo)(() => {
-        return {
-            flex: 1,
-            minWidth: 120,
-        };
-    }, []);
-    const autoGroupColumnDef = (0, react_1.useMemo)(() => {
-        return {
-            headerName: "Group",
-            field: "group",
-            cellRenderer: "agGroupCellRenderer",
-            cellRendererParams: {
-                suppressCount: true,
-            },
-        };
-    }, []);
-    const onGridReady = (0, react_1.useCallback)((params) => {
-        fetch("https://www.ag-grid.com/example-assets/olympic-winners.json")
-            .then((resp) => resp.json())
-            .then((data) => {
-            // setup the fake server with entire dataset
-            var fakeServer = (0, fakeServer_1.FakeServer)(data, ['country', 'sport']);
-            // create datasource with a reference to the fake server
-            // var datasource = getServerSideDatasource(fakeServer);
-            const dataSource = {
-                getRows: (params) => {
-                    console.log("[Datasource] - rows requested by grid: ", params.request, params);
-                    var response = fakeServer.getData(params.request);
-                    console.log(response, 'request to server');
-                    // adding delay to simulate real server call
-                    setTimeout(() => {
-                        if (response.success) {
-                            console.log(response, 'response from fake server');
-                            // call the success callback
-                            params.success({
-                                rowData: response.rows,
-                                rowCount: response.lastRow,
-                            });
-                        }
-                        else {
-                            // inform the grid request failed
-                            params.fail();
-                        }
-                    }, 1000);
-                },
-            };
-            // console.log(datasource, 'data source passing');
-            // register the datasource with the grid
-            params.api.setGridOption("serverSideDatasource", dataSource);
-        });
-    }, []);
-    const fillOperation = (0, react_1.useCallback)((params) => {
-        console.log(params.column, 'params columns', params);
-        if (params.column.getColId() === "country") {
-            return params.currentCellValue;
-        }
-        return params.values[params.values.length - 1];
-    }, []);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: containerStyle }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: gridStyle, className: "ag-theme-quartz" }, { children: (0, jsx_runtime_1.jsx)(react_2.AgGridReact, { columnDefs: columnDefs, defaultColDef: defaultColDef, autoGroupColumnDef: autoGroupColumnDef, rowModelType: "serverSide", cacheBlockSize: 10, onGridReady: onGridReady, suppressServerSideFullWidthLoadingRow: true, enableRangeSelection: true, enableFillHandle: true, fillOperation: fillOperation }) })) })));
-};
-exports.default = GridComponent;