sccoreui 6.3.99 → 6.4.0

package/dist/pages/aggrid/TestingWithAdminClientSide.js

@@ -0,0 +1,447 @@
+"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 type_1 = require("../../components/types/type");
+const constants_1 = require("../../components/ag-grid/constants");
+const Template_1 = tslib_1.__importDefault(require("./Template"));
+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: "  Attributes",
+    },
+};
+const DataTableClientSide = () => {
+    const [activeColumns, setActiveColumns] = (0, react_1.useState)([]);
+    console.log(activeColumns);
+    const [gridKey] = (0, react_1.useState)(1);
+    const noRowsTemplateRef = (0, react_1.useRef)();
+    const [isCheckboxEmpty,] = (0, react_1.useState)(false);
+    const [clearFilters,] = (0, react_1.useState)([]);
+    const getColumns = (columns) => {
+        return [
+            ...columns.map((column, index) => {
+                var _a;
+                const { type } = column, rest = tslib_1.__rest(column, ["type"]);
+                let currentColumn = Object.assign(Object.assign({}, rest), { cellRenderer: (column === null || column === void 0 ? void 0 : column.body) || (column === null || column === void 0 ? void 0 : column.cellRenderer), minWidth: (column === null || column === void 0 ? void 0 : column.minWidth) ? column.minWidth : 110, id: (column === null || column === void 0 ? void 0 : column.id) ? column.id : new Date().getTime().toString(), suppressMovable: true, suppressMenu: true, suppressFillHandle: true, headerName: (column === null || column === void 0 ? void 0 : column.headerName)
+                        ? column === null || column === void 0 ? void 0 : column.headerName
+                        : (column === null || column === void 0 ? void 0 : column.name)
+                            ? column.name
+                                .toLowerCase()
+                                .split(" ")
+                                .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+                                .join(" ")
+                            : (_a = column.field) === null || _a === void 0 ? void 0 : _a.toUpperCase(), field: column === null || column === void 0 ? void 0 : column.field, isFilterable: true, isSortable: true, dataType: 1, headerTooltip: (column === null || column === void 0 ? void 0 : column.name)
+                        ? column.name
+                            .toLowerCase()
+                            .split(" ")
+                            .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+                            .join(" ")
+                        : "", columnType: type ? type : "", seq: (column === null || column === void 0 ? void 0 : column.seq) ? column === null || column === void 0 ? void 0 : column.seq : index + 1 });
+                delete currentColumn.body;
+                return currentColumn;
+            }),
+            // actionsTemplate,
+        ];
+    };
+    const columns = [
+        {
+            id: "1",
+            field: "name",
+            headerName: "Hello",
+            enableHeaderCheckbox: true,
+            enableChildCheckbox: true,
+            body: () => {
+                console.log("called");
+                return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: ["Hello", (0, jsx_runtime_1.jsx)("img", { height: 40, width: 40, src: "https://nobero.com/cdn/shop/files/white_855177b5-5621-4a4b-a0d1-9060b89a6a69.jpg?v=1711979035&width=1066", alt: "lll" })] })));
+            }
+        }
+    ];
+    (0, react_1.useEffect)(() => {
+        setActiveColumns(getColumns(columns));
+    }, []);
+    const BulkAction = (0, react_1.useCallback)(() => {
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
+    }, []);
+    const setSelectedColumnsFun = () => {
+        // setBulkSelection(data);
+    };
+    const getGridRef = (0, react_1.useRef)(null);
+    const conditionsToDisplay = {
+        displayFilter: type_1.VisibilityState.ENABLE,
+        displaySort: type_1.VisibilityState.ENABLE,
+        displaySearch: type_1.VisibilityState.ENABLE,
+        displayBulkAction: type_1.VisibilityState.ENABLE,
+        displayRecords: type_1.VisibilityState.ENABLE,
+        displayRefresh: type_1.VisibilityState.ENABLE,
+        displaySidePanel: type_1.VisibilityState.HIDE,
+        displayRemoveItems: type_1.VisibilityState.ENABLE,
+        displayBulkEdit: type_1.VisibilityState.HIDE,
+        displayRowGroupingElement: type_1.VisibilityState.HIDE,
+        enableViewCreate: false,
+        enableFillHandle: false,
+        displayFeaturesHeader: true,
+        isGridAutoHeight: false,
+        displayGridViewListView: type_1.VisibilityState.ENABLE
+    };
+    const style = {
+        height: "700px"
+    };
+    const rowModelType = constants_1.ROWMODELTYPE.CLIENT_SIDE;
+    const updateColumnsForGrid = () => "";
+    function generateUniqueId() {
+        const timestamp = Date.now().toString().slice(-4); // Last 4 digits of timestamp
+        const randomPart = Math.floor(100000 + Math.random() * 900000).toString(); // 6 random digits
+        return timestamp + randomPart; // 10-digit unique ID
+    }
+    const rowData = [
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        }, {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        }, {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        }, {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        }, {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        }, {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        }, {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        }, {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        }, {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        }, {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        }, {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        }, {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        }, {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        }, {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        }, {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        }, {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+        {
+            id: generateUniqueId(),
+            name: "fasdfasdf",
+            image: "",
+        },
+    ];
+    (0, react_1.useEffect)(() => {
+        // if (getGridRef.current) {
+        //     getGridRef?.current?.api?.showLoadingOverlay()
+        // }
+    }, [getGridRef.current]);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("section", Object.assign({ style: { height: "calc(100vh - 64px)" }, className: "ag-theme-quartz" }, { children: (0, jsx_runtime_1.jsx)(parent_for_grid_1.default, { getCheckedRows: setSelectedColumnsFun, bulkActionComponent: BulkAction, gridKey: gridKey, columnData: columns, clearFilters: clearFilters, dynamicText: dynamicText, placeholder: "Search by code or name", defaultFilters: [], enableManageColumnsCallback: false, conditionsToDisplay: conditionsToDisplay, rowModelType: rowModelType, style: {
+                    height: style.height,
+                    width: "100%",
+                }, updateColumnsForGrid: updateColumnsForGrid, shouldRefetch: true, noRowsOverlayComponent: noRowsTemplateRef.current, getGridRef: getGridRef, emptyCheckboxStatus: isCheckboxEmpty, quickSearch: true, template: Template_1.default, rowData: rowData }) })) }));
+};
+exports.default = DataTableClientSide;

package/dist/pages/aggrid/fakeServer.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FakeServer = void 0;
+function FakeServer(allData, groupFields) {
+    // allData.splice(10,8000)
+    // Get unique data according to first group
+    const getUnique = (allData, groupField) => {
+        let filterField = {};
+        const withFilter = allData === null || allData === void 0 ? void 0 : allData.filter((data, idx) => {
+            if (!(filterField === null || filterField === void 0 ? void 0 : filterField.hasOwnProperty(data[groupField]))) {
+                filterField[data[groupField]] = idx;
+                return data;
+            }
+        });
+        return withFilter;
+    };
+    // const uniqueData = groupFields.reduce((data, field) => getUnique(data, field), allData);
+    const uniqueData = getUnique(allData, groupFields[0]);
+    // Returns the data to grid
+    return {
+        getData: function (request) {
+            var results = executeQuery(request);
+            const output = {
+                success: true,
+                rows: results,
+                lastRow: getLastRowIndex(request)
+            };
+            return output;
+        }
+    };
+    function executeQuery(request) {
+        console.log(request, groupFields, 'request in execute query');
+        let filteredData = applyFilters(request, allData);
+        console.log(filteredData, 'filtered data in execute query');
+        // return filteredData
+        // var sortedData = applySorting(request, filteredData);
+        if (allData.length <= 10)
+            return filteredData;
+        // Only used when no api is called trimming data from front end (ex:group-grid:route)
+        let paginatedData = applyPagination(request, filteredData);
+        // console.log(paginatedData,'paginated data ')
+        return paginatedData;
+    }
+    function applyFilters(request, data) {
+        var _a;
+        let filteredData = uniqueData;
+        const currentGroup = request === null || request === void 0 ? void 0 : request.groupKeys;
+        const groupedCols = request === null || request === void 0 ? void 0 : request.rowGroupCols;
+        let groupFilteredData = [];
+        let hash = {};
+        if (currentGroup && currentGroup.length > 0) {
+            const nextSingleField = (_a = groupedCols[currentGroup.length]) === null || _a === void 0 ? void 0 : _a.field;
+            data.filter((item, idx) => {
+                // Check all conditions
+                let matchesAllConditions = true;
+                for (let i = 0; i < currentGroup.length; i++) {
+                    const field = groupedCols[i].field;
+                    const value = currentGroup[i];
+                    if (item[field] !== value) {
+                        matchesAllConditions = false;
+                        break;
+                    }
+                }
+                if (matchesAllConditions) {
+                    if (nextSingleField) {
+                        if (!hash.hasOwnProperty(item[nextSingleField])) {
+                            console.log(item, 'item sending in group filtered data');
+                            groupFilteredData.push(item);
+                        }
+                        hash[item[nextSingleField]] = idx;
+                    }
+                    else {
+                        groupFilteredData.push(item);
+                    }
+                }
+            });
+        }
+        else {
+            groupFilteredData = filteredData;
+        }
+        return groupFilteredData;
+    }
+    function applyPagination(request, data) {
+        if (request.endRow === undefined || request.startRow === undefined) {
+            return data;
+        }
+        var blockSize = (request === null || request === void 0 ? void 0 : request.endRow) - (request === null || request === void 0 ? void 0 : request.startRow);
+        var startIndex = request === null || request === void 0 ? void 0 : request.startRow;
+        return data.slice(startIndex, startIndex + blockSize);
+    }
+    function getLastRowIndex(request) {
+        return executeQuery(Object.assign(Object.assign({}, request), { startRow: undefined, endRow: undefined })).length;
+    }
+}
+exports.FakeServer = FakeServer;

package/dist/pages/aggrid/id-cell.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function IdCell(data) {
+    var _a;
+    console.log(data.row, 'data from grid');
+    return ((0, jsx_runtime_1.jsx)("div", { children: (_a = data.row) === null || _a === void 0 ? void 0 : _a.id }));
+}
+exports.default = IdCell;

package/dist/pages/aggrid/interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });