@linzjs/step-ag-grid 29.7.0 → 29.8.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/step-ag-grid.cjs +2 -1
- package/dist/step-ag-grid.cjs.map +1 -1
- package/dist/step-ag-grid.esm.js +2 -1
- package/dist/step-ag-grid.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/gridFilter/GridFilterColumnsMultiSelect.scss +5 -1
- package/src/components/gridFilter/GridFilterColumnsMultiSelect.tsx +1 -0
- package/src/styles/GridTheme.scss +13 -1
package/dist/GridTheme.scss
CHANGED
|
@@ -143,6 +143,18 @@ $grid-base-font-size: calc(#{lui.$base-font-size} - 1px);
|
|
|
143
143
|
overflow-x: auto;
|
|
144
144
|
}
|
|
145
145
|
|
|
146
|
+
.ag-icon-filter {
|
|
147
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232A292C'%3E%3Cpath d='M6 12.984v-1.969h12v1.969zM3 6h18v2.016H3zm6.984 12v-2.016h4.031V18z'/%3E%3C/svg%3E") !important;
|
|
148
|
+
background-repeat: no-repeat;
|
|
149
|
+
background-position: center;
|
|
150
|
+
background-size: contain;
|
|
151
|
+
background-color: transparent;
|
|
152
|
+
|
|
153
|
+
&::before {
|
|
154
|
+
content: none !important;
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
|
|
146
158
|
.ag-header-group-cell {
|
|
147
159
|
text-transform: uppercase;
|
|
148
160
|
font-size: 12px;
|
|
@@ -265,4 +277,4 @@ $grid-base-font-size: calc(#{lui.$base-font-size} - 1px);
|
|
|
265
277
|
.ag-header-cell {
|
|
266
278
|
font-size: 14px;
|
|
267
279
|
}
|
|
268
|
-
}
|
|
280
|
+
}
|
package/dist/step-ag-grid.cjs
CHANGED
|
@@ -3626,7 +3626,7 @@ function styleInject(css, ref) {
|
|
|
3626
3626
|
}
|
|
3627
3627
|
}
|
|
3628
3628
|
|
|
3629
|
-
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-
|
|
3629
|
+
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}";
|
|
3630
3630
|
styleInject(css_248z$3);
|
|
3631
3631
|
|
|
3632
3632
|
const FilterUI = ({ allValues, selected, labels, labelFormatter, onToggleAll, onToggleOne, }) => {
|
|
@@ -3667,6 +3667,7 @@ class GridFilterColumnsMultiSelect {
|
|
|
3667
3667
|
this.labels = { ...params.labels };
|
|
3668
3668
|
this.labelFormatter = params.labelFormatter;
|
|
3669
3669
|
this.allValues = this.loadFieldValues();
|
|
3670
|
+
this.selectedValues = new Set(this.allValues);
|
|
3670
3671
|
this.gui = document.createElement('div');
|
|
3671
3672
|
this.reactRoot = client.createRoot(this.gui);
|
|
3672
3673
|
this.render();
|