sccoreui 5.7.7 → 5.7.9

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

@@ -10,6 +10,7 @@ function ParentForGrid(props) {
         rowData: props === null || props === void 0 ? void 0 : props.rowData,
         columnData: props === null || props === void 0 ? void 0 : props.columnData,
     });
+    console.log(props, 'pros in parent');
     const [style] = (0, react_1.useState)(props.style);
     const [api, setApi] = (0, react_1.useState)(null);
     const [gridReadyEvent, setGridReadyEvent] = (0, react_1.useState)();
@@ -34,11 +35,14 @@ function ParentForGrid(props) {
     }, []);
     // Callback to products for getting data
     const getData = (startRow, endRow) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        console.log(startRow, endRow, featureDetails, 'params sending to product');
         const response = (yield props.getRowData(startRow, endRow, featureDetails)) || [];
+        console.log(response, 'response from call back');
         return response.rowData;
     });
     // Gets call onLoad,scroll and whenever any featureDetails changed
     const onGridReady = (params) => {
+        console.log('calling on grid ready');
         setApi(params.api);
         setGridReadyEvent(params);
         console.log(params, "the Params");
@@ -47,7 +51,8 @@ function ParentForGrid(props) {
                 const startRow = params.startRow;
                 const endRow = params.endRow;
                 const result = yield getData(startRow, endRow);
-                if (result.length > 0) {
+                console.log(result, 'result from callback');
+                if ((result === null || result === void 0 ? void 0 : result.length) > 0) {
                     params.successCallback(result, -1);
                 }
                 else {
@@ -63,13 +68,14 @@ function ParentForGrid(props) {
             const selectedNodes = api === null || api === void 0 ? void 0 : api.getSelectedNodes();
             const selectedData = selectedNodes.map((node) => node.data);
             setCheckedRow(selectedData);
+            console.log(checkedRow, 'checked row');
             console.log(selectedData, "selected from checkbox"); // Send a callback to products
         }
     };
     // Options that grid should have
     const gridOptions = {
         columnDefs: gridData.columnData,
-        rowData: gridData.rowData,
+        // rowData: gridData.rowData, // Passing row data
         defaultColDef: defaultColDef,
         enableRangeSelection: true,
         suppressMenuHide: false,
@@ -88,6 +94,8 @@ function ParentForGrid(props) {
             callGrid();
         }
     }, [featureDetails.searchedText]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { height: style.height, width: style.width } }, { children: [(0, jsx_runtime_1.jsx)(advanced_feature_1.default, { featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, columnData: gridData.columnData, checkedRow: checkedRow, props: props, callGrid: callGrid }), (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: style, gridOptions: gridOptions, onGridReady: onGridReady })] })));
+    console.log(gridData, 'grid data');
+    console.log(featureDetails, 'feature details');
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { height: style.height, width: style.width } }, { children: [(0, jsx_runtime_1.jsx)(advanced_feature_1.default, { featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, columnData: gridData.columnData, props: props, callGrid: callGrid }), (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: style, gridOptions: gridOptions, onGridReady: onGridReady })] })));
 }
 exports.default = ParentForGrid;

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

@@ -5,9 +5,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const global_search_1 = tslib_1.__importDefault(require("./global-search"));
 const custom_sort_1 = tslib_1.__importDefault(require("./custom-sort"));
 const record_detail_1 = tslib_1.__importDefault(require("./record-detail"));
-const bulk_actions_1 = tslib_1.__importDefault(require("./bulkActions/bulk-actions"));
 const filter_1 = tslib_1.__importDefault(require("./filter/filter"));
-function AdvancedFeatures({ featureDetails, setFeatureDetails, columnData, checkedRow, props, callGrid }) {
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex justify-content-between" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex" }, { children: [(0, jsx_runtime_1.jsx)(global_search_1.default, { featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder }), (0, jsx_runtime_1.jsx)(filter_1.default, { columnData: columnData, featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, callBackForSelect: props === null || props === void 0 ? void 0 : props.myInputData, callGrid: callGrid })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex " }, { children: [checkedRow.length > 1 && (0, jsx_runtime_1.jsx)(bulk_actions_1.default, { columnData: columnData }), (0, jsx_runtime_1.jsx)(custom_sort_1.default, { columnData: columnData, featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, callGrid: callGrid }), (0, jsx_runtime_1.jsx)(record_detail_1.default, { totalLength: (props === null || props === void 0 ? void 0 : props.totalRowLength) || 100 })] }))] })));
+function AdvancedFeatures({ featureDetails, setFeatureDetails, columnData, props, callGrid }) {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex justify-content-between" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex" }, { children: [(0, jsx_runtime_1.jsx)(global_search_1.default, { featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder }), (0, jsx_runtime_1.jsx)(filter_1.default, { columnData: columnData, featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, callBackForSelect: props === null || props === void 0 ? void 0 : props.myInputData, callGrid: callGrid })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex " }, { children: [(0, jsx_runtime_1.jsx)(custom_sort_1.default, { columnData: columnData, featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, callGrid: callGrid }), (0, jsx_runtime_1.jsx)(record_detail_1.default, { totalLength: (props === null || props === void 0 ? void 0 : props.totalRowLength) || 100 })] }))] })));
 }
 exports.default = AdvancedFeatures;

package/dist/types/components/ag-grid/advancedFeature/advanced-feature.d.ts

@@ -1,8 +1,7 @@
-declare function AdvancedFeatures({ featureDetails, setFeatureDetails, columnData, checkedRow, props, callGrid }: {
+declare function AdvancedFeatures({ featureDetails, setFeatureDetails, columnData, props, callGrid }: {
     featureDetails: any;
     setFeatureDetails: any;
     columnData: any;
-    checkedRow: any;
     props: any;
     callGrid: any;
 }): import("react/jsx-runtime").JSX.Element;

package/package.json

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

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const RowDetailsRenderer = ({ node }) => {
-    const data = node === null || node === void 0 ? void 0 : node.data;
-    console.log(data, node, 'details from node');
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { children: [data.gold, " "] }) }));
-};
-exports.default = RowDetailsRenderer;

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

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const primereact_1 = require("primereact");
-const react_1 = require("react");
-function StatusDropdown({ value, statusChanged }) {
-    let options;
-    if (value === 1) {
-        options = [
-            { id: 1, name: "Draft", value: 1 },
-            { id: 2, name: "Active", value: 2 },
-            { id: 3, name: "Inactive", value: 3 },
-        ];
-    }
-    else {
-        options = [
-            { id: 2, name: "Active", value: 2 },
-            { id: 3, name: "Inactive", value: 3 },
-        ];
-    }
-    const selectedOption = (0, react_1.useMemo)(() => options.find((option) => option.value === value), [value]);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [" ", (0, jsx_runtime_1.jsx)(primereact_1.Dropdown, { value: selectedOption.value, options: options, onChange: (e) => { statusChanged(e.target.value), console.log(e, 'value selected'); }, optionLabel: "name", placeholder: "Select a Status" })] }));
-}
-exports.default = StatusDropdown;

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

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_component_1 = tslib_1.__importDefault(require("../../../directives/svg-component"));
-const overlaypanel_1 = require("primereact/overlaypanel");
-const react_1 = require("react");
-function BulkActions({ columnData }) {
-    var _a;
-    const [activeOption, setActiveOption] = (0, react_1.useState)({});
-    const [bulkOptions, setBulkOptions] = (0, react_1.useState)([]);
-    const actionRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        getColumnsToEdit();
-    }, []);
-    const getColumnsToEdit = () => {
-        const columns = [];
-        columnData.filter((col) => {
-            if (col.editable) {
-                columns.push(col);
-            }
-        });
-        setBulkOptions(columns);
-    };
-    console.log(columnData, 'column data in bulk action');
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'cursor-pointer p-1 sc_icon_hover', onClick: (e) => actionRef.current.toggle(e) }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "settings-01", size: 20 }) })), (0, jsx_runtime_1.jsx)(overlaypanel_1.OverlayPanel, Object.assign({ ref: actionRef, className: "w-30rem pb-5" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "relative pb-5 mb-5" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center justify-content-between p-4 border-bottom-1 border-gray-200" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-lg font-semibold line-height-4  text-gray-900" }, { children: "Bulk Actions " })) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex border-bottom-1 border-gray-200" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: " border-right-1 px-1 py-4 border-gray-200" }, { children: bulkOptions.map((option, index) => {
-                                        {
-                                            console.log(option, 'option data in map');
-                                        }
-                                        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `text-lg px-3 border-round-lg cursor-pointer font-medium line-height-4 text-gray-600 ${(activeOption === null || activeOption === void 0 ? void 0 : activeOption.field) === (option === null || option === void 0 ? void 0 : option.field) ? "bg-primary-50" : ""}`, onClick: () => setActiveOption(option) }, { children: option.headerName }), index));
-                                    }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-4 w-full" }, { children: (_a = bulkOptions.find((optons) => optons.id === activeOption.id)) === null || _a === void 0 ? void 0 : _a.content }))] }))] })) }))] }));
-}
-exports.default = BulkActions;

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

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

package/dist/pages/aggrid/AgGrid.js

@@ -1,174 +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 ParentForGrid_1 = tslib_1.__importDefault(require("../../components/ag-grid/ParentForGrid"));
-const axios_1 = tslib_1.__importDefault(require("axios"));
-const AgGridPage = () => {
-    // type IOlympicData = {
-    //   id: String;
-    //   athlete: string;
-    //   age: number;
-    //   country: string;
-    //   year: number;
-    //   date: string;
-    //   sport: string;
-    //   gold: number;
-    //   silver: number;
-    //   bronze: number;
-    //   total: number;
-    //   color: string;
-    //   status: number
-    // };
-    // const rowDataStore = [
-    //   {
-    //     id: "101",
-    //     athlete: "Michael Phelps",
-    //     age: 19,
-    //     country: "United States",
-    //     year: 2004,
-    //     date: "29/08/2004",
-    //     sport: "Swimming",
-    //     gold: 6,
-    //     silver: 0,
-    //     bronze: 2,
-    //     total: 8,
-    //     status: 1,
-    //     color: "blue"
-    //   },
-    //   {
-    //     id: "102",
-    //     athlete: "Gulnara Samitova-Galkina",
-    //     age: 30,
-    //     country: "Russia",
-    //     year: 2008,
-    //     date: "24/08/2008",
-    //     sport: "Athletics",
-    //     gold: 1,
-    //     silver: 0,
-    //     bronze: 0,
-    //     total: 1,
-    //     status: 3,
-    //     color: "black"
-    //   },
-    //   {
-    //     id: "103",
-    //     athlete: "Nitesh",
-    //     age: 25,
-    //     country: "India",
-    //     year: 1999,
-    //     date: "14/03/2008",
-    //     sport: "Volleyball",
-    //     gold: 1,
-    //     silver: 0,
-    //     bronze: 2,
-    //     total: 2,
-    //     status: 2,
-    //     color: "orange"
-    //   }
-    // ];
-    // const onStatusChanged =(status,rowId)=>{
-    //   console.log("updated status in callback in page",status,rowId)
-    // }
-    // interface columnDropDown {
-    //   name:string,
-    //   value:string | number
-    // }
-    // interface colDef {
-    //   headerCheckboxSelection?: boolean,
-    //   checkboxSelection?: boolean,
-    //   field: string,
-    //   headerName:string,
-    //   minWidth?: number,
-    //   maxWidth?: number,
-    //   code?: string | number,
-    //   filter?:boolean,
-    //   isSortable:boolean,
-    //   editable:boolean,
-    //   dataType:string,
-    //   columnDorpDownOptions?: columnDropDown[]
-    // }
-    // const [rowData,setRowData] = useState<IOlympicData[]>([]);
-    // const [columnDefs]  = useState<colDef[]>([
-    //   {
-    //     headerCheckboxSelection: true,
-    //     checkboxSelection: true,
-    //     field: "athlete",
-    //     headerName:"Sports Person",
-    //     minWidth: 200,
-    //     filter:false,
-    //     isSortable:false,
-    //     editable:true,
-    //     dataType:"string"
-    //   },
-    //   { field: "age", maxWidth: 90,isSortable:true,headerName:"age" ,code:1,dataType:"integer",editable:true,},
-    //   { field: "country", minWidth: 150 ,isSortable:true, headerName:"country",code:2, dataType:"string",editable:false,},
-    //   { field: "year", maxWidth: 90 ,isSortable:true, headerName:"year",code:3, dataType:"integer",editable:true,},
-    //   { field: "date", minWidth: 150 ,isSortable:true, headerName:"date",code:4, dataType:"date",editable:true,},
-    //   { field: "sport", minWidth: 150 ,isSortable:true, headerName:"sport",code:3, dataType:"string",editable:true,},
-    //   { field: "gold" ,isSortable:true, headerName:"gold",code:2, dataType:"integer",editable:false},
-    //   { field: "silver" ,isSortable:true, headerName:"silver",code:4 , dataType:"integer",editable:false},
-    //   { field: "bronze" ,isSortable:true, headerName:"bronze",code:3 , dataType:"integer",editable:false},
-    //   { field: "total",isSortable:false,  headerName:"total",code:1 , dataType:"integer",editable:false},
-    //   { field: "color" ,isSortable:false, headerName:"color",code:1, dataType:"string",editable:false},
-    // const [rowData, setRowData] = useState<IOlympicData[]>([]);
-    const [columnDefs] = (0, react_1.useState)([
-        { headerName: "ID", field: "id" },
-        { headerName: "Title", field: "name" },
-        { headerName: "Body", field: "body" }
-        // {
-        //   field: "status",
-        //   minWidth:200,
-        //   cellRenderer: "statusCellRenderer",
-        //   cellRendererParams:{onStatusChanged:onStatusChanged},
-        //   cellRendererSelector:(params)=>{getSelectedDropDown(params)},
-        //   editable:false
-        // },
-    ]);
-    // const [columnDefs] = useState([
-    //   {
-    //     headerCheckboxSelection: true,
-    //     checkboxSelection: true,
-    //     field: "athlete",
-    //     headerName:"Sports Person",
-    //     minWidth: 200,
-    //     filter:false,
-    //     isSortable:false,
-    //     editable:true,
-    //     dataType:"string"
-    //   },
-    //   { field: "age", maxWidth: 90,isSortable:true,headerName:"age" ,code:1,dataType:"integer",editable:true,},
-    //   { field: "country", minWidth: 150 ,isSortable:true, headerName:"country",code:2, dataType:"string",editable:false,},
-    //   { field: "year", maxWidth: 90 ,isSortable:true, headerName:"year",code:3, dataType:"integer",editable:true,},
-    //   { field: "date", minWidth: 150 ,isSortable:true, headerName:"date",code:4, dataType:"date",editable:true,},
-    //   { field: "sport", minWidth: 150 ,isSortable:true, headerName:"sport",code:3, dataType:"string",editable:true,},
-    //   { field: "gold" ,isSortable:true, headerName:"gold",code:2, dataType:"integer",editable:false},
-    //   { field: "silver" ,isSortable:true, headerName:"silver",code:4 , dataType:"integer",editable:false},
-    //   { field: "bronze" ,isSortable:true, headerName:"bronze",code:3 , dataType:"integer",editable:false},
-    //   { field: "total",isSortable:false,  headerName:"total",code:1 , dataType:"integer",editable:false},
-    //   { field: "color" ,isSortable:false, headerName:"color",code:1, dataType:"string",editable:false},
-    // ]);
-    const getRowData = (startRow, endRow) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        console.log(startRow, endRow, 'row config');
-        // const result = (
-        //   await axios.get(
-        //     "https://www.ag-grid.com/example-assets/olympic-winners.json"
-        //   )
-        // ).data;
-        // setRowData(rowDataStore);
-        const result = yield axios_1.default.get(`https://jsonplaceholder.typicode.com/comments?_start=${startRow}&_end=${endRow}`);
-        console.log(result.data, 'result from api');
-        // console.log(result,startRow, endRow, 'calling funct in product')
-        return [];
-    });
-    // useEffect(() => {
-    //   getRowData();
-    // }, []);
-    const style = {
-        height: 700,
-        width: 1020
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ParentForGrid_1.default, { columnData: columnDefs, style: style, getRowData: getRowData }) }));
-};
-exports.default = AgGridPage;