impact-nova 2.1.0-alpha.5 → 2.1.0-alpha.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.
Files changed (34) hide show
  1. package/dist/components/data/ag-grid-react/index.js +120 -119
  2. package/dist/components/data/ag-grid-react/notify-column-indicator-sync.d.ts +7 -0
  3. package/dist/components/data/ag-grid-react/notify-column-indicator-sync.js +6 -0
  4. package/dist/components/data/ag-grid-react/theme.js +5 -4
  5. package/dist/components/data/data-table/build-column-tree-from-grid.d.ts +14 -0
  6. package/dist/components/data/data-table/build-column-tree-from-grid.js +95 -0
  7. package/dist/components/data/data-table/data-table-column-apply.d.ts +14 -1
  8. package/dist/components/data/data-table/data-table-column-apply.js +97 -13
  9. package/dist/components/data/data-table/data-table-column-def-pin.d.ts +25 -0
  10. package/dist/components/data/data-table/data-table-column-def-pin.js +66 -0
  11. package/dist/components/data/data-table/data-table-column-list-sync.d.ts +8 -0
  12. package/dist/components/data/data-table/data-table-column-list-sync.js +15 -0
  13. package/dist/components/data/data-table/data-table-column-list.d.ts +1 -1
  14. package/dist/components/data/data-table/data-table-column-list.js +73 -283
  15. package/dist/components/data/data-table/data-table-sheet.js +3 -1
  16. package/dist/components/data/data-table/data-table.js +80 -71
  17. package/dist/components/data/data-table/use-data-table-column-list-sync.d.ts +16 -0
  18. package/dist/components/data/data-table/use-data-table-column-list-sync.js +222 -0
  19. package/dist/components/forms/select/hooks/useSelectValueState.d.ts +19 -0
  20. package/dist/components/forms/select/hooks/useSelectValueState.js +41 -0
  21. package/dist/components/forms/select/index.js +4 -3
  22. package/dist/components/forms/select/select.js +163 -158
  23. package/dist/components/forms/select/select.types.d.ts +3 -2
  24. package/dist/components/forms/select/utils/select.d.ts +2 -1
  25. package/dist/components/forms/select/utils/select.js +47 -37
  26. package/dist/impact-nova-components.css +26 -17
  27. package/dist/impact-nova.css +1 -1
  28. package/dist/index.js +297 -296
  29. package/dist/llms/rules/ag-grid.js +1 -1
  30. package/dist/llms/rules/installation.js +1 -1
  31. package/dist/llms/rules/migration.js +1 -1
  32. package/dist/llms/rules/real-world-patterns.js +1 -1
  33. package/dist/llms/rules/requirements.js +1 -1
  34. package/package.json +5 -5
@@ -141,14 +141,6 @@
141
141
  }
142
142
  /* Custom AG Grid Styles — plain CSS (no SCSS nesting). */
143
143
 
144
- /* Scroll perf: prevent global smooth-scroll from amplifying header/body desync (AG Grid #6875). */
145
- .ag-root-wrapper .ag-header-viewport,
146
- .ag-root-wrapper .ag-center-cols-viewport,
147
- .ag-root-wrapper .ag-body-viewport {
148
- scroll-behavior: auto;
149
- contain: paint;
150
- }
151
-
152
144
  /* ponytail: Quartz theme sets transition:all on header cells. Column virtualization updates
153
145
  `left` every horizontal-scroll frame — transitioning `all` makes headers lag behind the body.
154
146
  Preserve AG Grid's column-move / auto-size animations via :not() guards. */
@@ -157,16 +149,29 @@
157
149
  transition: none;
158
150
  }
159
151
 
160
- .ag-header {
161
- contain: layout style paint;
152
+ /* Pinned column depth — header: boundary cell. Body: row container (parent overflow:hidden clips cell shadow). */
153
+ .ag-header-cell-last-left-pinned {
154
+ box-shadow: 1px 0px 12px 0px color-mix(in srgb, var(--color-primary) 12%, transparent);
155
+ clip-path: inset(0 -12px 0 0);
156
+ z-index: 2;
162
157
  }
163
158
 
164
- .ag-pinned-left-cols-container,
165
- .ag-pinned-right-cols-container,
166
- .ag-pinned-left-header,
167
- .ag-pinned-right-header {
159
+ .ag-grid-scrolling-rows .ag-grid-pinned-left-cells {
168
160
  box-shadow: 1px 0px 12px 0px color-mix(in srgb, var(--color-primary) 12%, transparent);
169
- z-index: 1;
161
+ clip-path: inset(0 -12px 0 0);
162
+ z-index: 2;
163
+ }
164
+
165
+ .ag-header-cell-first-right-pinned {
166
+ box-shadow: -1px 0px 12px 0px color-mix(in srgb, var(--color-primary) 12%, transparent);
167
+ clip-path: inset(0 0 0 -12px);
168
+ z-index: 2;
169
+ }
170
+
171
+ .ag-grid-scrolling-rows .ag-grid-pinned-right-cells {
172
+ box-shadow: -1px 0px 12px 0px color-mix(in srgb, var(--color-primary) 12%, transparent);
173
+ clip-path: inset(0 0 0 -12px);
174
+ z-index: 2;
170
175
  }
171
176
 
172
177
  /* Multi-tier column groups reserve empty header rows in pinned regions for spanning
@@ -251,11 +256,15 @@
251
256
  }
252
257
 
253
258
  .ag-root-wrapper .ag-row.ag-row-pinned-manual,
254
- .ag-root-wrapper .ag-floating-top .ag-row.ag-row-pinned,
255
- .ag-root-wrapper .ag-floating-bottom .ag-row.ag-row-pinned {
259
+ .ag-root-wrapper .ag-grid-pinned-top-rows .ag-row.ag-row-pinned,
260
+ .ag-root-wrapper .ag-grid-pinned-bottom-rows .ag-row.ag-row-pinned {
256
261
  background-color: var(--color-grid-pinned-row-background);
257
262
  }
258
263
 
264
+ .ag-grid-pinned-bottom-rows, .ag-grid-pinned-top-rows {
265
+ background-color: var(--ag-header-background-color);
266
+ }
267
+
259
268
  .ag-root-wrapper .ag-row.ag-row-pinned-source {
260
269
  background-color: var(--color-grid-pinned-row-background);
261
270
  }