sccoreui
Version:
ui-sccore
50 lines (49 loc) • 2.58 kB
JavaScript
"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");
require("@ag-grid-community/styles/ag-grid.css");
require("@ag-grid-community/styles/ag-theme-quartz.css");
const parent_for_grid_1 = tslib_1.__importDefault(require("../../components/ag-grid/parent-for-grid"));
const constants_1 = require("../../components/ag-grid/constants");
const type_1 = require("../../components/types/type");
const dummyData_1 = require("./dummyData");
const DragAndDropFeatureTesting = () => {
const containerStyle = (0, react_1.useMemo)(() => ({ width: "100%", height: "500px" }), []);
const gridStyle = (0, react_1.useMemo)(() => ({ height: "500px", width: "100%" }), []);
const [columnDefs] = (0, react_1.useState)([
{ field: "employeeId", rowDrag: true, suppressFillHandle: true },
{ field: "employeeName", },
{ field: "jobTitle" },
{ field: "employmentType" },
]);
const defaultColDef = (0, react_1.useMemo)(() => {
return {
width: 240,
flex: 1,
sortable: false,
};
}, []);
const getRowData = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
debugger;
var allRows = yield (0, dummyData_1.getNormalData)();
const result = { rowData: allRows };
return result;
});
const initialConditions = {
displayAdvancedFilter: false,
displaySort: true,
displayFeaturesHeader: true,
displaySearch: type_1.VisibilityState.ENABLE,
displayFilter: type_1.VisibilityState.ENABLE
};
const gridApi = (0, react_1.useRef)(null);
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)(parent_for_grid_1.default, { getGridRef: gridApi, columnData: columnDefs, style: { height: "500px" },
// rowData={dummyData}
getRowData: getRowData, conditionsToDisplay: initialConditions, rowModelType: constants_1.ROWMODELTYPE.CLIENT_SIDE, shouldRefetch: false, filterConditions: [
{ id: 1, label: "AND" },
{ id: 2, label: "OR" },
], columnDefs: columnDefs, defaultColDef: defaultColDef, rowDragManaged: true }) })) })));
};
exports.default = DragAndDropFeatureTesting;