sccoreui 5.9.2 → 5.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,9 +1,61 @@
|
|
|
1
|
+
.ag-grid-container {
|
|
2
|
+
.ag-root-wrapper {
|
|
3
|
+
&.ag-layout-normal {
|
|
4
|
+
border: 0;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.ag-header {
|
|
10
|
+
background: var(--gray-50);
|
|
11
|
+
|
|
12
|
+
border-top: 1px solid var(--gray-300);
|
|
13
|
+
border-bottom: 1px solid var(--gray-200) !important;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.ag-root-wrapper {
|
|
17
|
+
border-radius: 6px !important;
|
|
18
|
+
border-top-left-radius: 0px !important;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within {
|
|
22
|
+
border: 0;
|
|
23
|
+
border-color: initial;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.ag-ltr .ag-cell {
|
|
27
|
+
display: flex;
|
|
28
|
+
align-items: center;
|
|
29
|
+
}
|
|
1
30
|
|
|
2
31
|
.ag-grid-container {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
32
|
+
border: 1px solid var(--gray-200) !important;
|
|
33
|
+
background: #fff !important;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
// .ag-ltr .ag-header-cell-resize {
|
|
37
|
+
// display: none;
|
|
38
|
+
// }
|
|
39
|
+
|
|
40
|
+
.ag-row {
|
|
41
|
+
border-bottom: 1px solid var(--gray-200);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.ag-row-odd {
|
|
45
|
+
background-color: var(--gray-25);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.ag-row {
|
|
49
|
+
&:focus {
|
|
50
|
+
background-color: var(--gray-100);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.ag-theme-quartz {
|
|
55
|
+
--ag-active-color: var(--gray-300);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
|
|
59
|
+
background-color: var(--gray-200);
|
|
60
|
+
width: 1px;
|
|
9
61
|
}
|
|
@@ -94,7 +94,7 @@ function ParentForGrid(props) {
|
|
|
94
94
|
// JSX for rendering checkbox in header
|
|
95
95
|
const headerCheckBoxRenderer = (params) => {
|
|
96
96
|
const displayName = params === null || params === void 0 ? void 0 : params.displayName;
|
|
97
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex" }, { children: [(0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: featureDetails.checkBoxSelection.allBoxChecked, onChange: handleHeaderCheckbox, isIndeterminate: featureDetails.checkBoxSelection.isIndeterminate }), (0, jsx_runtime_1.jsx)("
|
|
97
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: featureDetails.checkBoxSelection.allBoxChecked, onChange: handleHeaderCheckbox, isIndeterminate: featureDetails.checkBoxSelection.isIndeterminate }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "px-3" }, { children: displayName }))] })));
|
|
98
98
|
};
|
|
99
99
|
// JSX for rendering checkbox in cells
|
|
100
100
|
const cellCheckBoxRenderer = (params) => {
|
|
@@ -108,7 +108,7 @@ function ParentForGrid(props) {
|
|
|
108
108
|
const dataCellRenderer = (cellRendererParams, column) => {
|
|
109
109
|
var _a;
|
|
110
110
|
const { initialRenderer, cellCheckBoxRenderer } = cellRendererParams;
|
|
111
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "pr-3 " }, { children: cellCheckBoxRenderer(cellRendererParams) })), typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)("div", { children: (_a = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _a === void 0 ? void 0 : _a[column === null || column === void 0 ? void 0 : column.field] }))] })));
|
|
111
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "pr-3 flex align-items-center" }, { children: cellCheckBoxRenderer(cellRendererParams) })), typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)("div", { children: (_a = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _a === void 0 ? void 0 : _a[column === null || column === void 0 ? void 0 : column.field] }))] })));
|
|
112
112
|
};
|
|
113
113
|
// Callback to products for getting data
|
|
114
114
|
const getData = (startRow, endRow, currentFeatures) => tslib_1.__awaiter(this, void 0, void 0, function* () {
|
|
@@ -179,14 +179,15 @@ function ParentForGrid(props) {
|
|
|
179
179
|
// Options that grid should have
|
|
180
180
|
const gridOptions = {
|
|
181
181
|
columnDefs: gridData.columnData.map((column) => {
|
|
182
|
+
var _a, _b;
|
|
182
183
|
if (column.enableChildCheckbox && column.enableHeaderCheckbox) {
|
|
183
|
-
return Object.assign(Object.assign({}, column), { headerComponent: (params) => headerCheckBoxRenderer(params), cellRenderer: (params) => dataCellRenderer(params, column), cellRendererParams: {
|
|
184
|
+
return Object.assign(Object.assign({}, column), { headerComponent: (params) => headerCheckBoxRenderer(params), cellRenderer: (params) => dataCellRenderer(params, column), headerName: (_a = column === null || column === void 0 ? void 0 : column.headerName) === null || _a === void 0 ? void 0 : _a.toUpperCase(), cellRendererParams: {
|
|
184
185
|
initialRenderer: (column === null || column === void 0 ? void 0 : column.cellRenderer) ? column === null || column === void 0 ? void 0 : column.cellRenderer : null,
|
|
185
186
|
cellCheckBoxRenderer: cellCheckBoxRenderer,
|
|
186
187
|
} });
|
|
187
188
|
}
|
|
188
189
|
else {
|
|
189
|
-
return column;
|
|
190
|
+
return Object.assign(Object.assign({}, column), { headerName: (_b = column === null || column === void 0 ? void 0 : column.headerName) === null || _b === void 0 ? void 0 : _b.toUpperCase() });
|
|
190
191
|
}
|
|
191
192
|
}),
|
|
192
193
|
defaultColDef: defaultColDef,
|
|
@@ -201,7 +202,7 @@ function ParentForGrid(props) {
|
|
|
201
202
|
maxBlocksInCache: constants_1.MAX_BLOCKS,
|
|
202
203
|
blockLoadDebounceMillis: constants_1.DEBOUNCE_INTERVAL,
|
|
203
204
|
noRowsOverlayComponent: props === null || props === void 0 ? void 0 : props.noRowsOverlayComponent,
|
|
204
|
-
loadingOverlayComponent: loading_component_1.default,
|
|
205
|
+
loadingOverlayComponent: loading_component_1.default, // Component to show while loading
|
|
205
206
|
};
|
|
206
207
|
// Fucntion to call the grid
|
|
207
208
|
const callGrid = (featureDetails) => {
|
|
@@ -233,7 +234,7 @@ function ParentForGrid(props) {
|
|
|
233
234
|
callBackForCheckedRows(featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection);
|
|
234
235
|
}
|
|
235
236
|
}, [featureDetails.checkBoxSelection]);
|
|
236
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(error_ui_1.default, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { height:
|
|
237
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(error_ui_1.default, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { height: style.height, width: style.width }, className: "ag-grid-container border-1 border-gray-200 border-round" }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(context_provider_1.default, Object.assign({ value: {
|
|
237
238
|
featureDetails,
|
|
238
239
|
setFeatureDetails,
|
|
239
240
|
gridData,
|