@genesislcap/grid-pro 15.9.0 → 15.9.1
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.
|
@@ -1450,18 +1450,33 @@
|
|
|
1450
1450
|
"kind": "javascript-module",
|
|
1451
1451
|
"path": "src/grid-pro.styles.ts",
|
|
1452
1452
|
"declarations": [
|
|
1453
|
+
{
|
|
1454
|
+
"kind": "variable",
|
|
1455
|
+
"name": "agDragGhostShadowDomStyles",
|
|
1456
|
+
"default": "css`\n .ag-styled-root:has(> .ag-dnd-ghost) {\n display: block;\n position: fixed;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n }\n`",
|
|
1457
|
+
"description": "Workaround for an AG Grid (v36, still present in v36.1.0) drag-ghost positioning bug in\nshadow DOM. The row-drag \"N rows\" ghost is appended to the grid's containing shadow root\n(AG's \\`_getPageBody\\` finds no \\`<body>\\` there) inside \\`.ag-styled-root\\` wrappers that are\n\\`display: contents\\`, so the ghost's positioning formula\n(\\`clientY - offsetParentRect.top - height / 2\\`) resolves against whatever ancestor of the\nshadow host happens to be its containing block. Whenever the element \\`offsetParent\\`\nreports differs from the real containing block (inline host fragments, scrolled panes,\napp-level transforms), the ghost renders at a constant offset from the cursor.\n\\`popupParent\\` does not help — the ghost code path never consults it.\n\nGiving the ghost's direct wrapper a real, positioned, zero-size box makes it both the\nreported \\`offsetParent\\` and the actual containing block, so AG's formula is exact —\nverified to match AG's healthy document-\\`body\\` code path pixel-for-pixel. Scoped with\n\\`:has(> .ag-dnd-ghost)\\` so the popup subsystem's \\`.ag-styled-root\\` wrappers keep their\nstock \\`display: contents\\`.",
|
|
1458
|
+
"privacy": "public"
|
|
1459
|
+
},
|
|
1453
1460
|
{
|
|
1454
1461
|
"kind": "variable",
|
|
1455
1462
|
"name": "foundationGridProStyles",
|
|
1456
1463
|
"type": {
|
|
1457
1464
|
"text": "ElementStyles"
|
|
1458
1465
|
},
|
|
1459
|
-
"default": "css`\n ${agExternalStockStyles}\n ${errorHandlerDialogStyles}\n :host {\n --datasource-error-background-color: var(--neutral-layer-4);\n --datasource-error-background-opacity: 0.5;\n --datasource-error-dialog-max-width: 50%;\n --datasource-error-dialog-min-width: auto;\n --ag-status-bar-height: 32.5px;\n\n position: relative;\n width: 100%;\n height: 100%;\n }\n\n :host([ds-disconnected]) {\n display: block;\n }\n\n :host([ds-disconnected])::part(grid) {\n cursor: not-allowed;\n opacity: 40%;\n pointer-events: none;\n }\n\n .ag-side-bar,\n .ag-menu {\n --ag-subheader-background-color: var(--ag-background-color);\n --ag-control-panel-background-color: var(--ag-background-color);\n }\n\n .ag-cell-inline-editing {\n height: inherit !important;\n }\n\n .hidden {\n display: none;\n }\n\n .error {\n border-color: var(--error-color) !important;\n }\n\n .ag-status-bar {\n height: var(--ag-status-bar-height);\n }\n\n .ag-status-name-value {\n padding-top: var(--ag-grid-size);\n padding-bottom: var(--ag-grid-size);\n }\n\n /* Custom styling for the unsort icon (sortNone) - only for sortable columns */\n .ag-header-cell.ag-header-cell-sortable .ag-icon-none {\n opacity: 100%;\n color: var(--rapid-ag-header-foreground-color, var(--ag-foreground-color, #fff));\n font-size: calc(var(--ag-icon-size, 12px) * 1.2);\n font-weight: bold;\n }\n\n .ag-header-cell.ag-header-cell-sortable:hover .ag-icon-none {\n opacity: 100%;\n color: var(--rapid-ag-header-foreground-color, var(--ag-foreground-color, #fff));\n transform: scale(1.1);\n transition: transform 0.2s ease;\n }\n`",
|
|
1466
|
+
"default": "css`\n ${agExternalStockStyles}\n ${errorHandlerDialogStyles}\n ${agDragGhostShadowDomStyles}\n :host {\n --datasource-error-background-color: var(--neutral-layer-4);\n --datasource-error-background-opacity: 0.5;\n --datasource-error-dialog-max-width: 50%;\n --datasource-error-dialog-min-width: auto;\n --ag-status-bar-height: 32.5px;\n\n position: relative;\n width: 100%;\n height: 100%;\n }\n\n :host([ds-disconnected]) {\n display: block;\n }\n\n :host([ds-disconnected])::part(grid) {\n cursor: not-allowed;\n opacity: 40%;\n pointer-events: none;\n }\n\n .ag-side-bar,\n .ag-menu {\n --ag-subheader-background-color: var(--ag-background-color);\n --ag-control-panel-background-color: var(--ag-background-color);\n }\n\n .ag-cell-inline-editing {\n height: inherit !important;\n }\n\n .hidden {\n display: none;\n }\n\n .error {\n border-color: var(--error-color) !important;\n }\n\n .ag-status-bar {\n height: var(--ag-status-bar-height);\n }\n\n .ag-status-name-value {\n padding-top: var(--ag-grid-size);\n padding-bottom: var(--ag-grid-size);\n }\n\n /* Custom styling for the unsort icon (sortNone) - only for sortable columns */\n .ag-header-cell.ag-header-cell-sortable .ag-icon-none {\n opacity: 100%;\n color: var(--rapid-ag-header-foreground-color, var(--ag-foreground-color, #fff));\n font-size: calc(var(--ag-icon-size, 12px) * 1.2);\n font-weight: bold;\n }\n\n .ag-header-cell.ag-header-cell-sortable:hover .ag-icon-none {\n opacity: 100%;\n color: var(--rapid-ag-header-foreground-color, var(--ag-foreground-color, #fff));\n transform: scale(1.1);\n transition: transform 0.2s ease;\n }\n`",
|
|
1460
1467
|
"description": "The Grid Pro styles.",
|
|
1461
1468
|
"privacy": "public"
|
|
1462
1469
|
}
|
|
1463
1470
|
],
|
|
1464
1471
|
"exports": [
|
|
1472
|
+
{
|
|
1473
|
+
"kind": "js",
|
|
1474
|
+
"name": "agDragGhostShadowDomStyles",
|
|
1475
|
+
"declaration": {
|
|
1476
|
+
"name": "agDragGhostShadowDomStyles",
|
|
1477
|
+
"module": "src/grid-pro.styles.ts"
|
|
1478
|
+
}
|
|
1479
|
+
},
|
|
1465
1480
|
{
|
|
1466
1481
|
"kind": "js",
|
|
1467
1482
|
"name": "foundationGridProStyles",
|
|
@@ -1,4 +1,24 @@
|
|
|
1
1
|
import type { ElementStyles } from '@microsoft/fast-element';
|
|
2
|
+
/**
|
|
3
|
+
* Workaround for an AG Grid (v36, still present in v36.1.0) drag-ghost positioning bug in
|
|
4
|
+
* shadow DOM. The row-drag "N rows" ghost is appended to the grid's containing shadow root
|
|
5
|
+
* (AG's \`_getPageBody\` finds no \`<body>\` there) inside \`.ag-styled-root\` wrappers that are
|
|
6
|
+
* \`display: contents\`, so the ghost's positioning formula
|
|
7
|
+
* (\`clientY - offsetParentRect.top - height / 2\`) resolves against whatever ancestor of the
|
|
8
|
+
* shadow host happens to be its containing block. Whenever the element \`offsetParent\`
|
|
9
|
+
* reports differs from the real containing block (inline host fragments, scrolled panes,
|
|
10
|
+
* app-level transforms), the ghost renders at a constant offset from the cursor.
|
|
11
|
+
* \`popupParent\` does not help — the ghost code path never consults it.
|
|
12
|
+
*
|
|
13
|
+
* Giving the ghost's direct wrapper a real, positioned, zero-size box makes it both the
|
|
14
|
+
* reported \`offsetParent\` and the actual containing block, so AG's formula is exact —
|
|
15
|
+
* verified to match AG's healthy document-\`body\` code path pixel-for-pixel. Scoped with
|
|
16
|
+
* \`:has(> .ag-dnd-ghost)\` so the popup subsystem's \`.ag-styled-root\` wrappers keep their
|
|
17
|
+
* stock \`display: contents\`.
|
|
18
|
+
*
|
|
19
|
+
* @public
|
|
20
|
+
*/
|
|
21
|
+
export declare const agDragGhostShadowDomStyles: ElementStyles;
|
|
2
22
|
/**
|
|
3
23
|
* The Grid Pro styles.
|
|
4
24
|
* @public
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid-pro.styles.d.ts","sourceRoot":"","sources":["../../src/grid-pro.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAK7D;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,
|
|
1
|
+
{"version":3,"file":"grid-pro.styles.d.ts","sourceRoot":"","sources":["../../src/grid-pro.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAK7D;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,0BAA0B,eAStC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,aAmErC,CAAC"}
|
|
@@ -1,6 +1,35 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
2
|
import { errorHandlerDialogStyles } from './datasource/error-handler.dialog';
|
|
3
3
|
import { agExternalStockStyles } from './external';
|
|
4
|
+
/**
|
|
5
|
+
* Workaround for an AG Grid (v36, still present in v36.1.0) drag-ghost positioning bug in
|
|
6
|
+
* shadow DOM. The row-drag "N rows" ghost is appended to the grid's containing shadow root
|
|
7
|
+
* (AG's \`_getPageBody\` finds no \`<body>\` there) inside \`.ag-styled-root\` wrappers that are
|
|
8
|
+
* \`display: contents\`, so the ghost's positioning formula
|
|
9
|
+
* (\`clientY - offsetParentRect.top - height / 2\`) resolves against whatever ancestor of the
|
|
10
|
+
* shadow host happens to be its containing block. Whenever the element \`offsetParent\`
|
|
11
|
+
* reports differs from the real containing block (inline host fragments, scrolled panes,
|
|
12
|
+
* app-level transforms), the ghost renders at a constant offset from the cursor.
|
|
13
|
+
* \`popupParent\` does not help — the ghost code path never consults it.
|
|
14
|
+
*
|
|
15
|
+
* Giving the ghost's direct wrapper a real, positioned, zero-size box makes it both the
|
|
16
|
+
* reported \`offsetParent\` and the actual containing block, so AG's formula is exact —
|
|
17
|
+
* verified to match AG's healthy document-\`body\` code path pixel-for-pixel. Scoped with
|
|
18
|
+
* \`:has(> .ag-dnd-ghost)\` so the popup subsystem's \`.ag-styled-root\` wrappers keep their
|
|
19
|
+
* stock \`display: contents\`.
|
|
20
|
+
*
|
|
21
|
+
* @public
|
|
22
|
+
*/
|
|
23
|
+
export const agDragGhostShadowDomStyles = css `
|
|
24
|
+
.ag-styled-root:has(> .ag-dnd-ghost) {
|
|
25
|
+
display: block;
|
|
26
|
+
position: fixed;
|
|
27
|
+
top: 0;
|
|
28
|
+
left: 0;
|
|
29
|
+
width: 0;
|
|
30
|
+
height: 0;
|
|
31
|
+
}
|
|
32
|
+
`;
|
|
4
33
|
/**
|
|
5
34
|
* The Grid Pro styles.
|
|
6
35
|
* @public
|
|
@@ -9,6 +38,7 @@ import { agExternalStockStyles } from './external';
|
|
|
9
38
|
export const foundationGridProStyles = css `
|
|
10
39
|
${agExternalStockStyles}
|
|
11
40
|
${errorHandlerDialogStyles}
|
|
41
|
+
${agDragGhostShadowDomStyles}
|
|
12
42
|
:host {
|
|
13
43
|
--datasource-error-background-color: var(--neutral-layer-4);
|
|
14
44
|
--datasource-error-background-opacity: 0.5;
|
package/dist/grid-pro.api.json
CHANGED
|
@@ -902,6 +902,30 @@
|
|
|
902
902
|
"endIndex": 3
|
|
903
903
|
}
|
|
904
904
|
},
|
|
905
|
+
{
|
|
906
|
+
"kind": "Variable",
|
|
907
|
+
"canonicalReference": "@genesislcap/grid-pro!agDragGhostShadowDomStyles:var",
|
|
908
|
+
"docComment": "/**\n * Workaround for an AG Grid (v36, still present in v36.1.0) drag-ghost positioning bug in shadow DOM. The row-drag \"N rows\" ghost is appended to the grid's containing shadow root (AG's \\`_getPageBody\\` finds no \\`<body>\\` there) inside \\`.ag-styled-root\\` wrappers that are \\`display: contents\\`, so the ghost's positioning formula (\\`clientY - offsetParentRect.top - height / 2\\`) resolves against whatever ancestor of the shadow host happens to be its containing block. Whenever the element \\`offsetParent\\` reports differs from the real containing block (inline host fragments, scrolled panes, app-level transforms), the ghost renders at a constant offset from the cursor. \\`popupParent\\` does not help — the ghost code path never consults it.\n *\n * Giving the ghost's direct wrapper a real, positioned, zero-size box makes it both the reported \\`offsetParent\\` and the actual containing block, so AG's formula is exact — verified to match AG's healthy document-\\`body\\` code path pixel-for-pixel. Scoped with \\`:has(> .ag-dnd-ghost)\\` so the popup subsystem's \\`.ag-styled-root\\` wrappers keep their stock \\`display: contents\\`.\n *\n * @public\n */\n",
|
|
909
|
+
"excerptTokens": [
|
|
910
|
+
{
|
|
911
|
+
"kind": "Content",
|
|
912
|
+
"text": "agDragGhostShadowDomStyles: "
|
|
913
|
+
},
|
|
914
|
+
{
|
|
915
|
+
"kind": "Reference",
|
|
916
|
+
"text": "ElementStyles",
|
|
917
|
+
"canonicalReference": "@microsoft/fast-element!ElementStyles:class"
|
|
918
|
+
}
|
|
919
|
+
],
|
|
920
|
+
"fileUrlPath": "src/grid-pro.styles.ts",
|
|
921
|
+
"isReadonly": true,
|
|
922
|
+
"releaseTag": "Public",
|
|
923
|
+
"name": "agDragGhostShadowDomStyles",
|
|
924
|
+
"variableTypeTokenRange": {
|
|
925
|
+
"startIndex": 1,
|
|
926
|
+
"endIndex": 2
|
|
927
|
+
}
|
|
928
|
+
},
|
|
905
929
|
{
|
|
906
930
|
"kind": "Variable",
|
|
907
931
|
"canonicalReference": "@genesislcap/grid-pro!agEditableRendererStyles:var",
|
package/dist/grid-pro.d.ts
CHANGED
|
@@ -277,6 +277,27 @@ export declare const agBooleanRendererStyles: ElementStyles;
|
|
|
277
277
|
*/
|
|
278
278
|
export declare const agDateEditorStyles: ElementStyles;
|
|
279
279
|
|
|
280
|
+
/**
|
|
281
|
+
* Workaround for an AG Grid (v36, still present in v36.1.0) drag-ghost positioning bug in
|
|
282
|
+
* shadow DOM. The row-drag "N rows" ghost is appended to the grid's containing shadow root
|
|
283
|
+
* (AG's \`_getPageBody\` finds no \`<body>\` there) inside \`.ag-styled-root\` wrappers that are
|
|
284
|
+
* \`display: contents\`, so the ghost's positioning formula
|
|
285
|
+
* (\`clientY - offsetParentRect.top - height / 2\`) resolves against whatever ancestor of the
|
|
286
|
+
* shadow host happens to be its containing block. Whenever the element \`offsetParent\`
|
|
287
|
+
* reports differs from the real containing block (inline host fragments, scrolled panes,
|
|
288
|
+
* app-level transforms), the ghost renders at a constant offset from the cursor.
|
|
289
|
+
* \`popupParent\` does not help — the ghost code path never consults it.
|
|
290
|
+
*
|
|
291
|
+
* Giving the ghost's direct wrapper a real, positioned, zero-size box makes it both the
|
|
292
|
+
* reported \`offsetParent\` and the actual containing block, so AG's formula is exact —
|
|
293
|
+
* verified to match AG's healthy document-\`body\` code path pixel-for-pixel. Scoped with
|
|
294
|
+
* \`:has(> .ag-dnd-ghost)\` so the popup subsystem's \`.ag-styled-root\` wrappers keep their
|
|
295
|
+
* stock \`display: contents\`.
|
|
296
|
+
*
|
|
297
|
+
* @public
|
|
298
|
+
*/
|
|
299
|
+
export declare const agDragGhostShadowDomStyles: ElementStyles;
|
|
300
|
+
|
|
280
301
|
/**
|
|
281
302
|
* The AG Editable Renderer Styles.
|
|
282
303
|
* @public
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/grid-pro",
|
|
3
3
|
"description": "Genesis Foundation AG Grid",
|
|
4
|
-
"version": "15.9.
|
|
4
|
+
"version": "15.9.1",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -40,20 +40,20 @@
|
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@genesislcap/foundation-testing": "15.9.
|
|
44
|
-
"@genesislcap/genx": "15.9.
|
|
45
|
-
"@genesislcap/rollup-builder": "15.9.
|
|
46
|
-
"@genesislcap/ts-builder": "15.9.
|
|
47
|
-
"@genesislcap/uvu-playwright-builder": "15.9.
|
|
48
|
-
"@genesislcap/vite-builder": "15.9.
|
|
49
|
-
"@genesislcap/webpack-builder": "15.9.
|
|
43
|
+
"@genesislcap/foundation-testing": "15.9.1",
|
|
44
|
+
"@genesislcap/genx": "15.9.1",
|
|
45
|
+
"@genesislcap/rollup-builder": "15.9.1",
|
|
46
|
+
"@genesislcap/ts-builder": "15.9.1",
|
|
47
|
+
"@genesislcap/uvu-playwright-builder": "15.9.1",
|
|
48
|
+
"@genesislcap/vite-builder": "15.9.1",
|
|
49
|
+
"@genesislcap/webpack-builder": "15.9.1"
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@genesislcap/foundation-comms": "15.9.
|
|
53
|
-
"@genesislcap/foundation-criteria": "15.9.
|
|
54
|
-
"@genesislcap/foundation-logger": "15.9.
|
|
55
|
-
"@genesislcap/foundation-ui": "15.9.
|
|
56
|
-
"@genesislcap/foundation-utils": "15.9.
|
|
52
|
+
"@genesislcap/foundation-comms": "15.9.1",
|
|
53
|
+
"@genesislcap/foundation-criteria": "15.9.1",
|
|
54
|
+
"@genesislcap/foundation-logger": "15.9.1",
|
|
55
|
+
"@genesislcap/foundation-ui": "15.9.1",
|
|
56
|
+
"@genesislcap/foundation-utils": "15.9.1",
|
|
57
57
|
"@microsoft/fast-colors": "5.3.1",
|
|
58
58
|
"@microsoft/fast-components": "2.30.6",
|
|
59
59
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -91,5 +91,5 @@
|
|
|
91
91
|
"require": "./dist/react.cjs"
|
|
92
92
|
}
|
|
93
93
|
},
|
|
94
|
-
"gitHead": "
|
|
94
|
+
"gitHead": "ebb65f317242acb27f8df7bd88c709f9482e5fe3"
|
|
95
95
|
}
|