@skyux/ag-grid 14.3.12 → 14.5.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/css/sky-ag-grid.css
CHANGED
|
@@ -3093,6 +3093,7 @@ sky-ag-grid-wrapper + sky-infinite-scroll .sky-infinite-scroll {
|
|
|
3093
3093
|
}
|
|
3094
3094
|
|
|
3095
3095
|
.sky-ag-grid:not(.sky-theme-modern *) {
|
|
3096
|
+
--sky-override-ag-grid-accent-color: var(--sky-highlight-color-info);
|
|
3096
3097
|
--sky-override-ag-grid-background-color: #fbfbfb;
|
|
3097
3098
|
--sky-override-ag-grid-border-color: var(--sky-border-color-neutral-medium);
|
|
3098
3099
|
--sky-override-ag-grid-border-radius: 3px;
|
|
@@ -3127,6 +3128,8 @@ sky-ag-grid-wrapper + sky-infinite-scroll .sky-infinite-scroll {
|
|
|
3127
3128
|
);
|
|
3128
3129
|
--sky-override-ag-grid-column-border: 1px solid
|
|
3129
3130
|
var(--sky-border-color-neutral-medium);
|
|
3131
|
+
--sky-override-ag-grid-focus-border-color: var(--sky-highlight-color-info);
|
|
3132
|
+
--sky-override-ag-grid-focus-border-width: 2px;
|
|
3130
3133
|
--sky-override-ag-grid-font-family:
|
|
3131
3134
|
'BLKB Sans', 'Helvetica Neue', 'Arial', 'sans-serif';
|
|
3132
3135
|
--sky-override-ag-grid-font-size: 15px;
|
|
@@ -30,7 +30,7 @@ class SkyAgGridWrapperHarness extends SkyComponentHarness {
|
|
|
30
30
|
* Retrieves the IDs of the currently displayed columns.
|
|
31
31
|
*/
|
|
32
32
|
async getDisplayedColumnIds() {
|
|
33
|
-
return await this
|
|
33
|
+
return await this.getGridApi()
|
|
34
34
|
.then((api) => api.getAllDisplayedColumns().map((col) => col.getColId()))
|
|
35
35
|
.catch(() => Promise.reject('Unable to retrieve displayed column IDs.'));
|
|
36
36
|
}
|
|
@@ -38,13 +38,16 @@ class SkyAgGridWrapperHarness extends SkyComponentHarness {
|
|
|
38
38
|
* Retrieves the header names of the currently displayed columns.
|
|
39
39
|
*/
|
|
40
40
|
async getDisplayedColumnHeaderNames() {
|
|
41
|
-
return await this
|
|
41
|
+
return await this.getGridApi()
|
|
42
42
|
.then((api) => api
|
|
43
43
|
.getAllDisplayedColumns()
|
|
44
44
|
.map((col) => col.getColDef().headerName || ''))
|
|
45
45
|
.catch(() => Promise.reject('Unable to retrieve displayed column header names.'));
|
|
46
46
|
}
|
|
47
|
-
|
|
47
|
+
/**
|
|
48
|
+
* @internal
|
|
49
|
+
*/
|
|
50
|
+
async getGridApi() {
|
|
48
51
|
await this.waitForTasksOutsideAngular();
|
|
49
52
|
const locator = this.locatorFactory.locatorFor('ag-grid-angular');
|
|
50
53
|
return await locator().then((grid) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skyux-ag-grid-testing.mjs","sources":["../../../../../libs/components/ag-grid/testing/src/modules/ag-grid-wrapper/ag-grid-wrapper-harness.ts","../../../../../libs/components/ag-grid/testing/src/skyux-ag-grid-testing.ts"],"sourcesContent":["import { HarnessPredicate } from '@angular/cdk/testing';\nimport { UnitTestElement } from '@angular/cdk/testing/testbed';\nimport { SkyComponentHarness } from '@skyux/core/testing';\n\nimport { GridApi, getGridApi } from 'ag-grid-community';\n\nimport { SkyAgGridWrapperHarnessFilters } from './ag-grid-wrapper-harness.filters';\n\n/**\n * Harness for interacting with SKY UX AG Grid components in tests.\n */\nexport class SkyAgGridWrapperHarness extends SkyComponentHarness {\n /**\n * @internal\n */\n public static hostSelector = 'sky-ag-grid-wrapper';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a\n * `SkyAgGridWrapperHarness` that meets certain criteria\n */\n public static with(\n filters: SkyAgGridWrapperHarnessFilters,\n ): HarnessPredicate<SkyAgGridWrapperHarness> {\n return SkyAgGridWrapperHarness.getDataSkyIdPredicate(filters);\n }\n\n /**\n * Checks whether the grid is ready.\n */\n public async isGridReady(): Promise<boolean> {\n const gridReady = this.locatorFactory.locatorFor(\n '.ag-root.ag-unselectable',\n );\n\n return await gridReady()\n .then((el) => !!el)\n .catch(() => false);\n }\n\n /**\n * Retrieves the IDs of the currently displayed columns.\n */\n public async getDisplayedColumnIds(): Promise<string[]> {\n return await this
|
|
1
|
+
{"version":3,"file":"skyux-ag-grid-testing.mjs","sources":["../../../../../libs/components/ag-grid/testing/src/modules/ag-grid-wrapper/ag-grid-wrapper-harness.ts","../../../../../libs/components/ag-grid/testing/src/skyux-ag-grid-testing.ts"],"sourcesContent":["import { HarnessPredicate } from '@angular/cdk/testing';\nimport { UnitTestElement } from '@angular/cdk/testing/testbed';\nimport { SkyComponentHarness } from '@skyux/core/testing';\n\nimport { GridApi, getGridApi } from 'ag-grid-community';\n\nimport { SkyAgGridWrapperHarnessFilters } from './ag-grid-wrapper-harness.filters';\n\n/**\n * Harness for interacting with SKY UX AG Grid components in tests.\n */\nexport class SkyAgGridWrapperHarness extends SkyComponentHarness {\n /**\n * @internal\n */\n public static hostSelector = 'sky-ag-grid-wrapper';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a\n * `SkyAgGridWrapperHarness` that meets certain criteria\n */\n public static with(\n filters: SkyAgGridWrapperHarnessFilters,\n ): HarnessPredicate<SkyAgGridWrapperHarness> {\n return SkyAgGridWrapperHarness.getDataSkyIdPredicate(filters);\n }\n\n /**\n * Checks whether the grid is ready.\n */\n public async isGridReady(): Promise<boolean> {\n const gridReady = this.locatorFactory.locatorFor(\n '.ag-root.ag-unselectable',\n );\n\n return await gridReady()\n .then((el) => !!el)\n .catch(() => false);\n }\n\n /**\n * Retrieves the IDs of the currently displayed columns.\n */\n public async getDisplayedColumnIds(): Promise<string[]> {\n return await this.getGridApi()\n .then((api) => api.getAllDisplayedColumns().map((col) => col.getColId()))\n .catch(() => Promise.reject('Unable to retrieve displayed column IDs.'));\n }\n\n /**\n * Retrieves the header names of the currently displayed columns.\n */\n public async getDisplayedColumnHeaderNames(): Promise<string[]> {\n return await this.getGridApi()\n .then((api) =>\n api\n .getAllDisplayedColumns()\n .map((col) => col.getColDef().headerName || ''),\n )\n .catch(() =>\n Promise.reject('Unable to retrieve displayed column header names.'),\n );\n }\n\n /**\n * @internal\n */\n public async getGridApi(): Promise<GridApi> {\n await this.waitForTasksOutsideAngular();\n const locator = this.locatorFactory.locatorFor('ag-grid-angular');\n return await locator().then((grid) => {\n if (grid instanceof UnitTestElement) {\n const api = getGridApi(grid.element);\n if (api) {\n return api;\n }\n }\n // If this harness were used in an environment that did not provide UnitTestElement.\n /* istanbul ignore next */\n throw new Error('Unable to get GridApi from AgGridAngular component.');\n });\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAQA;;AAEG;AACG,MAAO,uBAAwB,SAAQ,mBAAmB,CAAA;AAC9D;;AAEG;aACW,IAAA,CAAA,YAAY,GAAG,qBAAqB,CAAC;AAEnD;;;AAGG;IACI,OAAO,IAAI,CAChB,OAAuC,EAAA;AAEvC,QAAA,OAAO,uBAAuB,CAAC,qBAAqB,CAAC,OAAO,CAAC;IAC/D;AAEA;;AAEG;AACI,IAAA,MAAM,WAAW,GAAA;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,UAAU,CAC9C,0BAA0B,CAC3B;QAED,OAAO,MAAM,SAAS;aACnB,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE;AACjB,aAAA,KAAK,CAAC,MAAM,KAAK,CAAC;IACvB;AAEA;;AAEG;AACI,IAAA,MAAM,qBAAqB,GAAA;AAChC,QAAA,OAAO,MAAM,IAAI,CAAC,UAAU;aACzB,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,sBAAsB,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,QAAQ,EAAE,CAAC;aACvE,KAAK,CAAC,MAAM,OAAO,CAAC,MAAM,CAAC,0CAA0C,CAAC,CAAC;IAC5E;AAEA;;AAEG;AACI,IAAA,MAAM,6BAA6B,GAAA;AACxC,QAAA,OAAO,MAAM,IAAI,CAAC,UAAU;AACzB,aAAA,IAAI,CAAC,CAAC,GAAG,KACR;AACG,aAAA,sBAAsB;AACtB,aAAA,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,SAAS,EAAE,CAAC,UAAU,IAAI,EAAE,CAAC;aAElD,KAAK,CAAC,MACL,OAAO,CAAC,MAAM,CAAC,mDAAmD,CAAC,CACpE;IACL;AAEA;;AAEG;AACI,IAAA,MAAM,UAAU,GAAA;AACrB,QAAA,MAAM,IAAI,CAAC,0BAA0B,EAAE;QACvC,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,iBAAiB,CAAC;QACjE,OAAO,MAAM,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,KAAI;AACnC,YAAA,IAAI,IAAI,YAAY,eAAe,EAAE;gBACnC,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC;gBACpC,IAAI,GAAG,EAAE;AACP,oBAAA,OAAO,GAAG;gBACZ;YACF;;;AAGA,YAAA,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC;AACxE,QAAA,CAAC,CAAC;IACJ;;;ACjFF;;AAEG;;;;"}
|
|
@@ -161,6 +161,8 @@ function fromGridEvent(target, eventType) {
|
|
|
161
161
|
}
|
|
162
162
|
|
|
163
163
|
const defaultsForAllThemes = {
|
|
164
|
+
accentColor: 'var(--sky-override-ag-grid-accent-color, var(--sky-color-border-input-focus))',
|
|
165
|
+
focusShadow: '0px 0px 0px var(--sky-override-ag-grid-focus-border-width, var(--sky-border-width-input-focus)) var(--sky-override-ag-grid-focus-border-color, var(--sky-color-border-input-focus))',
|
|
164
166
|
backgroundColor: 'var(--sky-override-ag-grid-background-color, var(--sky-color-background-row-base))',
|
|
165
167
|
borderColor: 'var(--sky-override-ag-grid-border-color, var(--sky-color-border-separator-row))',
|
|
166
168
|
borderRadius: 'var(--sky-override-ag-grid-border-radius, var(--sky-border-radius-s))',
|