sccoreui 5.7.0 → 5.7.2

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

@@ -1,6 +1,5 @@
 "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("@ag-grid-community/react");
 const core_1 = require("@ag-grid-community/core");
@@ -9,37 +8,9 @@ require("ag-grid-community/styles/ag-theme-quartz.css");
 const client_side_row_model_1 = require("@ag-grid-community/client-side-row-model");
 const core_2 = require("@ag-grid-enterprise/core");
 const range_selection_1 = require("@ag-grid-enterprise/range-selection");
-const react_2 = require("react");
-const axios_1 = tslib_1.__importDefault(require("axios"));
 core_1.ModuleRegistry.registerModules([client_side_row_model_1.ClientSideRowModelModule, range_selection_1.RangeSelectionModule]);
 core_2.LicenseManager.setLicenseKey("Using_this_{AG_Grid}_Enterprise_key_{AG-056800}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Sellers_Commerce_LLC}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{SellersCommerce}_only_for_{2}_Front-End_JavaScript_developers___All_Front-End_JavaScript_developers_working_on_{SellersCommerce}_need_to_be_licensed___{SellersCommerce}_has_been_granted_a_Deployment_License_Add-on_for_{1}_Production_Environment___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{14_April_2025}____[v3]_[01]_MTc0NDU4NTIwMDAwMA==895f2234e1659afcfba586110daf0549");
-const AgGrid = () => {
-    const [rowData, setRowData] = (0, react_2.useState)([]);
-    const [columnDefs] = (0, react_2.useState)([
-        { field: "athlete", minWidth: 150 },
-        { field: "age", maxWidth: 90 },
-        { field: "country", minWidth: 150 },
-        { field: "year", maxWidth: 90 },
-        { field: "date", minWidth: 150 },
-        { field: "sport", minWidth: 150 },
-        { field: "gold" },
-        { field: "silver" },
-        { field: "bronze" },
-        { field: "total" },
-    ]);
-    const defaultColDef = (0, react_2.useMemo)(() => {
-        return {
-            flex: 1,
-            minWidth: 100,
-        };
-    }, []);
-    // Get api call for rows  
-    const onGridReady = (0, react_2.useCallback)((params) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        console.log(params, 'params');
-        const result = (yield axios_1.default.get("https://www.ag-grid.com/example-assets/olympic-winners.json")).data;
-        console.log(result.length, result, "length of data");
-        setRowData(result);
-    }), []);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ag-theme-alpine ", style: { height: 800, width: 1200 } }, { children: (0, jsx_runtime_1.jsx)(react_1.AgGridReact, { rowData: rowData, columnDefs: columnDefs, defaultColDef: defaultColDef, onGridReady: onGridReady, enableRangeSelection: true }) })) }) }));
+const AgGrid = ({ style, gridOptions, onGridReady }) => {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ag-theme-quartz ", style: { height: style.height, width: style.width } }, { children: (0, jsx_runtime_1.jsx)(react_1.AgGridReact, Object.assign({ onGridReady: onGridReady }, gridOptions)) })) }) }));
 };
 exports.default = AgGrid;

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

@@ -2,9 +2,47 @@
 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 AgGrid_1 = tslib_1.__importDefault(require("./AgGrid"));
 function ParentForGrid(props) {
-    console.log(props, 'props');
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(AgGrid_1.default, {}) }));
+    const [gridData] = (0, react_1.useState)({
+        rowData: props === null || props === void 0 ? void 0 : props.rowData,
+        columnData: props === null || props === void 0 ? void 0 : props.columnData,
+    });
+    const [style] = (0, react_1.useState)(props.style);
+    const [api, setApi] = (0, react_1.useState)(null);
+    const defaultColDef = (0, react_1.useMemo)(() => {
+        return {
+            flex: 1,
+            minWidth: 100,
+            editable: true,
+            filter: true,
+            sortable: true,
+        };
+    }, []);
+    const onGridReady = (params) => {
+        setApi(params.api);
+    };
+    // Get selected checkBox data
+    const onSelectionChanged = () => {
+        if (api) {
+            const selectedNodes = api === null || api === void 0 ? void 0 : api.getSelectedNodes();
+            const selectedData = selectedNodes.map(node => node.data);
+            console.log(selectedData, 'selected from checkbox'); // Send a callback to products
+        }
+    };
+    // Options that grid should have
+    const gridOptions = {
+        columnDefs: gridData.columnData,
+        rowData: gridData.rowData,
+        defaultColDef: defaultColDef,
+        enableRangeSelection: true,
+        suppressMenuHide: false,
+        onSelectionChanged: onSelectionChanged,
+        rowSelection: 'multiple',
+        suppressRowClickSelection: true,
+        rowHeight: 60
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: style, gridOptions: gridOptions, onGridReady: onGridReady }) }));
 }
 exports.default = ParentForGrid;

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

@@ -0,0 +1,9 @@
+"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

@@ -0,0 +1,24 @@
+"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/types/components/ag-grid/AgGrid.d.ts

@@ -1,4 +1,8 @@
 import "ag-grid-community/styles/ag-grid.css";
 import "ag-grid-community/styles/ag-theme-quartz.css";
-declare const AgGrid: () => import("react/jsx-runtime").JSX.Element;
+declare const AgGrid: ({ style, gridOptions, onGridReady }: {
+    style: any;
+    gridOptions: any;
+    onGridReady: any;
+}) => import("react/jsx-runtime").JSX.Element;
 export default AgGrid;

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

@@ -0,0 +1,4 @@
+declare const RowDetailsRenderer: ({ node }: {
+    node: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default RowDetailsRenderer;

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

@@ -0,0 +1,5 @@
+declare function StatusDropdown({ value, statusChanged }: {
+    value: any;
+    statusChanged: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default StatusDropdown;

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

@@ -11,3 +11,13 @@ export interface IOlympicData {
     total: number;
     color: string;
 }
+export interface Style {
+    height: number;
+    width: number;
+}
+export interface StatusOptions {
+    id: number;
+    name: string;
+    value: number;
+}
+export type { ColDef as gridColType } from "@ag-grid-community/core";

package/dist/types/index.d.ts

@@ -104,6 +104,7 @@ export { default as ListBoxDropdown } from './components/list-box-dropdown/list-
 export { default as CustomColorPicker } from "./components/custom-color-picker/color-picker";
 export { useClickOutside, useOverlayListener, useOverlayScrollListener } from 'primereact/hooks';
 export { default as AGGridComponent } from './components/ag-grid/ParentForGrid';
+export { gridColType } from './components/ag-grid/Types';
 import { DropdownChangeEvent } from "primereact/dropdown";
 import { ColorPickerChangeEvent } from "primereact/colorpicker";
 import { SliderChangeEvent } from "primereact/slider";

package/package.json

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