simple-table-core 4.1.4 → 4.1.6
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/cjs/index.js +1 -1
- package/dist/cjs/styles.css +1 -1
- package/dist/core/SimpleTableVanilla.d.ts +4 -1
- package/dist/core/rendering/RenderOrchestrator.d.ts +3 -0
- package/dist/core/rendering/TableRenderer.d.ts +3 -0
- package/dist/hooks/expandedDepths.d.ts +4 -3
- package/dist/icons/CloseIcon.d.ts +2 -0
- package/dist/icons/index.d.ts +1 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.es.js +1 -1
- package/dist/managers/PivotManager.d.ts +0 -2
- package/dist/styles.css +1 -1
- package/dist/types/ColumnEditorCustomRendererProps.d.ts +5 -0
- package/dist/types/PivotTypes.d.ts +1 -8
- package/dist/types/SimpleTableConfig.d.ts +3 -1
- package/dist/types/SimpleTableProps.d.ts +8 -2
- package/dist/types/TableAPI.d.ts +2 -2
- package/dist/utils/columnEditor/createColumnEditor.d.ts +6 -0
- package/dist/utils/columnEditor/createColumnEditorPopout.d.ts +6 -0
- package/dist/utils/columnEditor/createPivotPanel.d.ts +16 -0
- package/dist/utils/filters/createDropdown.d.ts +2 -0
- package/package.json +1 -1
- package/src/styles/base.css +104 -0
package/src/styles/base.css
CHANGED
|
@@ -1153,6 +1153,8 @@ input {
|
|
|
1153
1153
|
touch-action: auto;
|
|
1154
1154
|
border-left: var(--st-border-width) solid var(--st-border-color);
|
|
1155
1155
|
height: 100%;
|
|
1156
|
+
min-height: 0;
|
|
1157
|
+
overflow: hidden;
|
|
1156
1158
|
}
|
|
1157
1159
|
|
|
1158
1160
|
/* Column Editor Search Wrapper */
|
|
@@ -1194,6 +1196,108 @@ input {
|
|
|
1194
1196
|
padding: var(--st-spacing-small) var(--st-spacing-medium) 0;
|
|
1195
1197
|
}
|
|
1196
1198
|
|
|
1199
|
+
/* Pivot panel — fill popout height and scroll when zones overflow */
|
|
1200
|
+
.st-pivot-panel {
|
|
1201
|
+
flex: 1 1 auto;
|
|
1202
|
+
min-height: 0;
|
|
1203
|
+
overflow: auto;
|
|
1204
|
+
-webkit-overflow-scrolling: touch;
|
|
1205
|
+
color: var(--st-column-editor-text-color);
|
|
1206
|
+
font-size: var(--st-overlay-font-size);
|
|
1207
|
+
}
|
|
1208
|
+
|
|
1209
|
+
.st-pivot-panel-zone + .st-pivot-panel-zone {
|
|
1210
|
+
border-top: var(--st-border-width) solid var(--st-border-color);
|
|
1211
|
+
}
|
|
1212
|
+
|
|
1213
|
+
.st-pivot-panel-zone-title {
|
|
1214
|
+
font-size: var(--st-overlay-font-size);
|
|
1215
|
+
font-weight: 600;
|
|
1216
|
+
color: var(--st-column-editor-text-color);
|
|
1217
|
+
padding: var(--st-spacing-medium) var(--st-spacing-medium) var(--st-spacing-small);
|
|
1218
|
+
}
|
|
1219
|
+
|
|
1220
|
+
.st-pivot-panel-zone-list {
|
|
1221
|
+
padding-top: 0;
|
|
1222
|
+
padding-bottom: var(--st-spacing-medium);
|
|
1223
|
+
}
|
|
1224
|
+
|
|
1225
|
+
.st-pivot-panel-zone-empty {
|
|
1226
|
+
padding-top: var(--st-spacing-small);
|
|
1227
|
+
font-size: var(--st-overlay-font-size);
|
|
1228
|
+
color: var(--st-column-editor-text-color);
|
|
1229
|
+
opacity: 0.55;
|
|
1230
|
+
}
|
|
1231
|
+
|
|
1232
|
+
.st-pivot-panel-field,
|
|
1233
|
+
.st-pivot-panel-chip {
|
|
1234
|
+
display: flex;
|
|
1235
|
+
align-items: center;
|
|
1236
|
+
gap: var(--st-spacing-small);
|
|
1237
|
+
padding-top: var(--st-spacing-small);
|
|
1238
|
+
padding-bottom: var(--st-spacing-small);
|
|
1239
|
+
color: var(--st-column-editor-text-color);
|
|
1240
|
+
}
|
|
1241
|
+
|
|
1242
|
+
.st-pivot-panel-field-label,
|
|
1243
|
+
.st-pivot-panel-chip-label {
|
|
1244
|
+
flex: 1;
|
|
1245
|
+
min-width: 0;
|
|
1246
|
+
font-size: var(--st-overlay-font-size);
|
|
1247
|
+
overflow: hidden;
|
|
1248
|
+
text-overflow: ellipsis;
|
|
1249
|
+
white-space: nowrap;
|
|
1250
|
+
}
|
|
1251
|
+
|
|
1252
|
+
.st-pivot-panel-field-actions {
|
|
1253
|
+
display: flex;
|
|
1254
|
+
gap: var(--st-spacing-small);
|
|
1255
|
+
flex-shrink: 0;
|
|
1256
|
+
}
|
|
1257
|
+
|
|
1258
|
+
.st-pivot-panel-action {
|
|
1259
|
+
padding: var(--st-spacing-small) var(--st-spacing-medium);
|
|
1260
|
+
font-size: var(--st-overlay-font-size);
|
|
1261
|
+
font-weight: 500;
|
|
1262
|
+
line-height: 1.2;
|
|
1263
|
+
color: var(--st-column-editor-text-color);
|
|
1264
|
+
background: transparent;
|
|
1265
|
+
border: var(--st-border-width) solid var(--st-border-color);
|
|
1266
|
+
border-radius: var(--st-border-radius);
|
|
1267
|
+
cursor: pointer;
|
|
1268
|
+
transition: background-color var(--st-transition-duration) var(--st-transition-ease);
|
|
1269
|
+
}
|
|
1270
|
+
|
|
1271
|
+
.st-pivot-panel-action:hover {
|
|
1272
|
+
background-color: var(--st-button-hover-background-color);
|
|
1273
|
+
}
|
|
1274
|
+
|
|
1275
|
+
.st-pivot-panel-remove {
|
|
1276
|
+
flex-shrink: 0;
|
|
1277
|
+
color: var(--st-column-editor-text-color);
|
|
1278
|
+
}
|
|
1279
|
+
|
|
1280
|
+
/* Aggregation select — same size tokens as filter CustomSelect */
|
|
1281
|
+
.st-pivot-panel-agg {
|
|
1282
|
+
width: auto;
|
|
1283
|
+
min-width: 6.5rem;
|
|
1284
|
+
max-width: 9rem;
|
|
1285
|
+
flex-shrink: 0;
|
|
1286
|
+
}
|
|
1287
|
+
|
|
1288
|
+
.st-pivot-panel-agg .st-custom-select-trigger {
|
|
1289
|
+
background-color: transparent;
|
|
1290
|
+
color: var(--st-column-editor-text-color);
|
|
1291
|
+
}
|
|
1292
|
+
|
|
1293
|
+
.st-pivot-panel-agg .st-custom-select-value {
|
|
1294
|
+
color: var(--st-column-editor-text-color);
|
|
1295
|
+
}
|
|
1296
|
+
|
|
1297
|
+
.st-pivot-panel-agg .st-custom-select-arrow {
|
|
1298
|
+
color: var(--st-column-editor-text-color);
|
|
1299
|
+
}
|
|
1300
|
+
|
|
1197
1301
|
.st-column-editor-list-section {
|
|
1198
1302
|
padding-top: 0;
|
|
1199
1303
|
padding-bottom: var(--st-spacing-small);
|