@linzjs/step-ag-grid 29.7.0 → 29.9.0
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.
- package/dist/GridTheme.scss +13 -1
- package/dist/index.css +10 -0
- package/dist/src/components/GridCell.d.ts +1 -0
- package/dist/src/components/gridRender/GridRenderGenericCell.d.ts +1 -0
- package/dist/step-ag-grid.cjs +8 -2
- package/dist/step-ag-grid.cjs.map +1 -1
- package/dist/step-ag-grid.esm.js +8 -2
- package/dist/step-ag-grid.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/GridCell.tsx +9 -0
- package/src/components/gridFilter/GridFilterColumnsMultiSelect.scss +5 -1
- package/src/components/gridFilter/GridFilterColumnsMultiSelect.tsx +1 -0
- package/src/components/gridRender/GridRenderGenericCell.tsx +1 -0
- package/src/stories/grid/GridReadOnly.stories.tsx +1 -0
- package/src/styles/GridIcon.scss +10 -0
- package/src/styles/GridTheme.scss +13 -1
package/dist/step-ag-grid.esm.js
CHANGED
|
@@ -3452,17 +3452,22 @@ const GridCellRenderer = (props) => {
|
|
|
3452
3452
|
const { checkUpdating } = useContext(GridUpdatingContext);
|
|
3453
3453
|
const colDef = props.colDef;
|
|
3454
3454
|
const rendererParams = colDef.cellRendererParams;
|
|
3455
|
+
const errorFn = rendererParams?.error;
|
|
3456
|
+
let errorText = props.data !== undefined && errorFn ? errorFn(props) : undefined;
|
|
3455
3457
|
const warningFn = rendererParams?.warning;
|
|
3456
3458
|
let warningText = props.data !== undefined && warningFn ? warningFn(props) : undefined;
|
|
3457
3459
|
const infoFn = rendererParams?.info;
|
|
3458
3460
|
let infoText = props.data !== undefined && infoFn ? infoFn(props) : undefined;
|
|
3461
|
+
if (Array.isArray(errorText)) {
|
|
3462
|
+
errorText = errorText.join('\n');
|
|
3463
|
+
}
|
|
3459
3464
|
if (Array.isArray(warningText)) {
|
|
3460
3465
|
warningText = warningText.join('\n');
|
|
3461
3466
|
}
|
|
3462
3467
|
if (Array.isArray(infoText)) {
|
|
3463
3468
|
infoText = infoText.join('\n');
|
|
3464
3469
|
}
|
|
3465
|
-
return checkUpdating(colDef.field ?? colDef.colId ?? '', props.data.id) ? (jsx(GridLoadableCell, {})) : (jsxs(Fragment, { children: [!!warningText && (jsx(GridIcon, { icon: 'ic_warning_outline', title: typeof warningText === 'string' ? warningText : 'Warning' })), !!infoText && jsx(GridIcon, { icon: 'ic_info_outline', title: typeof infoText === 'string' ? infoText : 'Info' }), jsx("div", { className: 'GridCell-container', children: colDef.cellRendererParams?.originalCellRenderer ? (jsx(colDef.cellRendererParams.originalCellRenderer, { ...props })) : (jsx("span", { title: props.valueFormatted ?? undefined, children: props.valueFormatted || '–' })) }), fnOrVar(colDef.editable, props) && rendererParams?.rightHoverElement && (jsx("div", { className: 'GridCell-hoverRight', children: rendererParams?.rightHoverElement }))] }));
|
|
3470
|
+
return checkUpdating(colDef.field ?? colDef.colId ?? '', props.data.id) ? (jsx(GridLoadableCell, {})) : (jsxs(Fragment, { children: [!!errorText && (jsx(GridIcon, { icon: 'ic_error_outline', title: typeof errorText === 'string' ? errorText : 'Error' })), !!warningText && (jsx(GridIcon, { icon: 'ic_warning_outline', title: typeof warningText === 'string' ? warningText : 'Warning' })), !!infoText && jsx(GridIcon, { icon: 'ic_info_outline', title: typeof infoText === 'string' ? infoText : 'Info' }), jsx("div", { className: 'GridCell-container', children: colDef.cellRendererParams?.originalCellRenderer ? (jsx(colDef.cellRendererParams.originalCellRenderer, { ...props })) : (jsx("span", { title: props.valueFormatted ?? undefined, children: props.valueFormatted || '–' })) }), fnOrVar(colDef.editable, props) && rendererParams?.rightHoverElement && (jsx("div", { className: 'GridCell-hoverRight', children: rendererParams?.rightHoverElement }))] }));
|
|
3466
3471
|
};
|
|
3467
3472
|
const suppressCellKeyboardEvents = (e) => {
|
|
3468
3473
|
const shortcutKeys = e.colDef.cellRendererParams?.shortcutKeys ?? {};
|
|
@@ -3624,7 +3629,7 @@ function styleInject(css, ref) {
|
|
|
3624
3629
|
}
|
|
3625
3630
|
}
|
|
3626
3631
|
|
|
3627
|
-
var css_248z$3 = ".GridFilterColsMultiSelect{background:#fff;font-family:Open Sans,system-ui,sans-serif;font-style:normal;font-weight:600;padding:8px}.GridFilterColsMultiSelect .LuiCheckboxInput-item,.GridFilterColsMultiSelect .LuiCheckboxInput-selectAll{color:#2a292c;font-size:16px;font-
|
|
3632
|
+
var css_248z$3 = ".GridFilterColsMultiSelect{background:#fff;font-family:Open Sans,system-ui,sans-serif;font-style:normal;font-weight:600;padding:8px}.GridFilterColsMultiSelect .LuiSelect-label-text{color:#6b6966;display:inline-block}.GridFilterColsMultiSelect .LuiCheckboxInput-item,.GridFilterColsMultiSelect .LuiCheckboxInput-selectAll{color:#2a292c;font-size:16px;font-weight:600;letter-spacing:0;line-height:20px;line-height:24px;margin-bottom:0}";
|
|
3628
3633
|
styleInject(css_248z$3);
|
|
3629
3634
|
|
|
3630
3635
|
const FilterUI = ({ allValues, selected, labels, labelFormatter, onToggleAll, onToggleOne, }) => {
|
|
@@ -3665,6 +3670,7 @@ class GridFilterColumnsMultiSelect {
|
|
|
3665
3670
|
this.labels = { ...params.labels };
|
|
3666
3671
|
this.labelFormatter = params.labelFormatter;
|
|
3667
3672
|
this.allValues = this.loadFieldValues();
|
|
3673
|
+
this.selectedValues = new Set(this.allValues);
|
|
3668
3674
|
this.gui = document.createElement('div');
|
|
3669
3675
|
this.reactRoot = createRoot(this.gui);
|
|
3670
3676
|
this.render();
|