sccoreui 5.6.7 → 5.6.9

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

@@ -0,0 +1,45 @@
+"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");
+require("ag-grid-community/styles/ag-grid.css");
+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 }) })) }) }));
+};
+exports.default = AgGrid;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AgGrid_1 = tslib_1.__importDefault(require("./AgGrid"));
+function ParentForGrid() {
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(AgGrid_1.default, {}) }));
+}
+exports.default = ParentForGrid;

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

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

package/dist/index.js

@@ -228,6 +228,6 @@ var hooks_1 = require("primereact/hooks");
 Object.defineProperty(exports, "useClickOutside", { enumerable: true, get: function () { return hooks_1.useClickOutside; } });
 Object.defineProperty(exports, "useOverlayListener", { enumerable: true, get: function () { return hooks_1.useOverlayListener; } });
 Object.defineProperty(exports, "useOverlayScrollListener", { enumerable: true, get: function () { return hooks_1.useOverlayScrollListener; } });
-var Ag_Grid_1 = require("./components/AG-Grid/Ag-Grid");
-Object.defineProperty(exports, "AGGridComponent", { enumerable: true, get: function () { return tslib_1.__importDefault(Ag_Grid_1).default; } });
+var ParentForGrid_1 = require("./components/ag-grid/ParentForGrid");
+Object.defineProperty(exports, "AGGridComponent", { enumerable: true, get: function () { return tslib_1.__importDefault(ParentForGrid_1).default; } });
 client_1.default.createRoot(document.getElementById("root")).render((0, jsx_runtime_1.jsx)(App_1.default, {}));

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

@@ -0,0 +1,4 @@
+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;
+export default AgGrid;

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

@@ -0,0 +1,2 @@
+declare function ParentForGrid(): import("react/jsx-runtime").JSX.Element;
+export default ParentForGrid;

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

@@ -0,0 +1,13 @@
+export interface IOlympicData {
+    athlete: string;
+    age: number;
+    country: string;
+    year: number;
+    date: string;
+    sport: string;
+    gold: number;
+    silver: number;
+    bronze: number;
+    total: number;
+    color: string;
+}

package/dist/types/index.d.ts

@@ -103,7 +103,7 @@ export { default as FroalaTextEditor } from "./components/froala-editor/FroalaEd
 export { default as ListBoxDropdown } from './components/list-box-dropdown/list-box-dropdown';
 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/Ag-Grid';
+export { default as AGGridComponent } from './components/ag-grid/ParentForGrid';
 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.6.7",
+  "version": "5.6.9",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -29,7 +29,13 @@
     "sass": "^1.62.1"
   },
   "dependencies": {
+    "@ag-grid-community/client-side-row-model": "^31.2.1",
+    "@ag-grid-community/react": "^31.2.1",
+    "@ag-grid-enterprise/core": "^31.2.1",
+    "@ag-grid-enterprise/range-selection": "^31.2.1",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "ag-grid-react": "^31.2.1",
+    "axios": "^1.6.8",
     "chart.js": "^4.3.0",
     "formik": "^2.4.5",
     "froala-editor": "^4.1.2",

package/dist/components/AG-Grid/Ag-Grid.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const AGGridComponent = (props) => {
-    console.log(props);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("h1", { children: "Ag Grid....!" }) }));
-};
-exports.default = AGGridComponent;

package/dist/types/components/AG-Grid/Ag-Grid.d.ts

@@ -1,2 +0,0 @@
-declare const AGGridComponent: (props: any) => import("react/jsx-runtime").JSX.Element;
-export default AGGridComponent;