@skyux/grids 5.8.1 → 5.8.4
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/documentation.json +2 -2
- package/package.json +8 -8
package/documentation.json
CHANGED
|
@@ -4214,12 +4214,12 @@
|
|
|
4214
4214
|
{
|
|
4215
4215
|
"fileName": "grid-demo.component.html",
|
|
4216
4216
|
"filePath": "/projects/grids/documentation/code-examples/grid/multiselect/grid-demo.component.html",
|
|
4217
|
-
"rawContents": "<sky-grid\n [data]=\"data\"\n [enableMultiselect]=\"true\"\n (multiselectSelectionChange)=\"onMultiselectSelectionChange($event)\"\n (sortFieldChange)=\"onSortChangeForGrid($event)\"\n>\n <sky-grid-column field=\"name\" heading=\"Name\"></sky-grid-column>\n <sky-grid-column field=\"email\" heading=\"Email\"></sky-grid-column>\n <sky-grid-column field=\"amount\" heading=\"Amount\"></sky-grid-column>\n <sky-grid-column field=\"status\" heading=\"Status\"></sky-grid-column>\n</sky-grid>\n\n<p>Selected rows:</p>\n<p>\n {{ selectedRows }}\n</p>\n"
|
|
4217
|
+
"rawContents": "<sky-grid\n [data]=\"data\"\n [enableMultiselect]=\"true\"\n [selectedRowIds]=\"selectedRowIds\"\n (multiselectSelectionChange)=\"onMultiselectSelectionChange($event)\"\n (sortFieldChange)=\"onSortChangeForGrid($event)\"\n>\n <sky-grid-column field=\"name\" heading=\"Name\"></sky-grid-column>\n <sky-grid-column field=\"email\" heading=\"Email\"></sky-grid-column>\n <sky-grid-column field=\"amount\" heading=\"Amount\"></sky-grid-column>\n <sky-grid-column field=\"status\" heading=\"Status\"></sky-grid-column>\n</sky-grid>\n\n<p>Selected rows (name property):</p>\n<p>\n {{ selectedRows }}\n</p>\n"
|
|
4218
4218
|
},
|
|
4219
4219
|
{
|
|
4220
4220
|
"fileName": "grid-demo.component.ts",
|
|
4221
4221
|
"filePath": "/projects/grids/documentation/code-examples/grid/multiselect/grid-demo.component.ts",
|
|
4222
|
-
"rawContents": "import { Component } from '@angular/core';\nimport { SkyGridSelectedRowsModelChange } from '@skyux/grids';\nimport { ListSortFieldSelectorModel } from '@skyux/list-builder-common';\n\n@Component({\n selector: 'app-grid-demo',\n templateUrl: './grid-demo.component.html',\n})\nexport class GridDemoComponent {\n public data: any[] = [\n {\n id: '1',\n name: 'Niels Bohr',\n email: 'niels.bohr@example.com',\n amount: 170.75,\n status: 'Paid',\n },\n {\n id: '2',\n name: 'Ada Lovelace',\n email: 'ada.lovelace@example.com',\n amount: 114.13,\n status: 'Paid',\n },\n {\n id: '3',\n name: 'Marie Curie',\n email: 'marie.curie@example.com',\n amount: 111,\n status: 'Past due',\n },\n {\n id: '4',\n name: 'Barbara McClintock',\n email: 'barbara.mcclintock@example.com',\n amount: 84.63,\n status: 'Paid',\n },\n {\n id: '5',\n name: 'Michael Faraday',\n email: 'michael.faraday@example.com',\n amount: 83.97,\n status: 'Paid',\n },\n {\n id: '6',\n name: 'Enrico Fermi',\n email: 'enrico.fermi@example.com',\n amount: 74.5,\n status: 'Past due',\n },\n {\n id: '7',\n name: 'Mae C. Jemison',\n email: 'mae.jemison@example.com',\n amount: 70.86,\n status: 'Paid',\n },\n ];\n\n public selectedRows: string;\n\n public onMultiselectSelectionChange(\n value: SkyGridSelectedRowsModelChange\n ): void {\n this.selectedRows = value.selectedRowIds.
|
|
4222
|
+
"rawContents": "import { ChangeDetectorRef, Component } from '@angular/core';\nimport { SkyGridSelectedRowsModelChange } from '@skyux/grids';\nimport { ListSortFieldSelectorModel } from '@skyux/list-builder-common';\n\n@Component({\n selector: 'app-grid-demo',\n templateUrl: './grid-demo.component.html',\n})\nexport class GridDemoComponent {\n public data: any[] = [\n {\n id: '1',\n name: 'Niels Bohr',\n email: 'niels.bohr@example.com',\n amount: 170.75,\n status: 'Paid',\n },\n {\n id: '2',\n name: 'Ada Lovelace',\n email: 'ada.lovelace@example.com',\n amount: 114.13,\n status: 'Paid',\n },\n {\n id: '3',\n name: 'Marie Curie',\n email: 'marie.curie@example.com',\n amount: 111,\n status: 'Past due',\n },\n {\n id: '4',\n name: 'Barbara McClintock',\n email: 'barbara.mcclintock@example.com',\n amount: 84.63,\n status: 'Paid',\n },\n {\n id: '5',\n name: 'Michael Faraday',\n email: 'michael.faraday@example.com',\n amount: 83.97,\n status: 'Paid',\n },\n {\n id: '6',\n name: 'Enrico Fermi',\n email: 'enrico.fermi@example.com',\n amount: 74.5,\n status: 'Past due',\n },\n {\n id: '7',\n name: 'Mae C. Jemison',\n email: 'mae.jemison@example.com',\n amount: 70.86,\n status: 'Paid',\n },\n ];\n\n public selectedRows: string;\n public selectedRowIds: string[];\n\n constructor(private changeDetector: ChangeDetectorRef) {}\n\n public onMultiselectSelectionChange(\n value: SkyGridSelectedRowsModelChange\n ): void {\n this.selectedRowIds = value.selectedRowIds.slice().sort();\n this.selectedRows = this.data\n .reduce((newArray, item) => {\n if (value.selectedRowIds.indexOf(item.id) > -1) {\n newArray.push(item.name);\n }\n return newArray;\n }, [])\n .sort();\n this.changeDetector.markForCheck();\n }\n\n public onSortChangeForGrid(activeSort: ListSortFieldSelectorModel): void {\n this.data = this.sortGridData(activeSort, this.data);\n this.changeDetector.markForCheck();\n }\n\n private sortGridData(\n activeSort: ListSortFieldSelectorModel,\n data: any[]\n ): any[] {\n const sortField = activeSort.fieldSelector;\n const descending = activeSort.descending;\n\n return data\n .sort((a: any, b: any) => {\n let value1 = a[sortField];\n let value2 = b[sortField];\n\n if (value1 && typeof value1 === 'string') {\n value1 = value1.toLowerCase();\n }\n\n if (value2 && typeof value2 === 'string') {\n value2 = value2.toLowerCase();\n }\n\n if (value1 === value2) {\n return 0;\n }\n\n let result = value1 > value2 ? 1 : -1;\n\n if (descending) {\n result *= -1;\n }\n\n return result;\n })\n .slice();\n }\n}\n"
|
|
4223
4223
|
},
|
|
4224
4224
|
{
|
|
4225
4225
|
"fileName": "grid-demo.module.ts",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/grids",
|
|
3
|
-
"version": "5.8.
|
|
3
|
+
"version": "5.8.4",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -19,13 +19,13 @@
|
|
|
19
19
|
"@angular/common": "^12.2.16",
|
|
20
20
|
"@angular/core": "^12.2.16",
|
|
21
21
|
"@angular/forms": "^12.2.16",
|
|
22
|
-
"@skyux/core": "5.8.
|
|
23
|
-
"@skyux/forms": "5.8.
|
|
24
|
-
"@skyux/i18n": "5.8.
|
|
25
|
-
"@skyux/indicators": "5.8.
|
|
26
|
-
"@skyux/layout": "5.8.
|
|
27
|
-
"@skyux/list-builder-common": "5.8.
|
|
28
|
-
"@skyux/popovers": "5.8.
|
|
22
|
+
"@skyux/core": "5.8.4",
|
|
23
|
+
"@skyux/forms": "5.8.4",
|
|
24
|
+
"@skyux/i18n": "5.8.4",
|
|
25
|
+
"@skyux/indicators": "5.8.4",
|
|
26
|
+
"@skyux/layout": "5.8.4",
|
|
27
|
+
"@skyux/list-builder-common": "5.8.4",
|
|
28
|
+
"@skyux/popovers": "5.8.4"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"dragula": "3.7.3",
|