apex-grid 3.6.0 → 4.0.0-beta.2
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/CHANGELOG.md +301 -0
- package/LICENSE.md +2 -1
- package/README.md +117 -18
- package/components/cell.d.ts +13 -1
- package/components/cell.js +28 -13
- package/components/cell.js.map +1 -1
- package/components/grid.d.ts +175 -28
- package/components/grid.js +183 -63
- package/components/grid.js.map +1 -1
- package/components/header-row.d.ts +0 -6
- package/components/header-row.js +1 -19
- package/components/header-row.js.map +1 -1
- package/components/header.js +39 -2
- package/components/header.js.map +1 -1
- package/components/paginator.d.ts +20 -5
- package/components/paginator.js +54 -17
- package/components/paginator.js.map +1 -1
- package/components/row.js +149 -40
- package/components/row.js.map +1 -1
- package/components/toolbar.d.ts +5 -1
- package/components/toolbar.js +4 -1
- package/components/toolbar.js.map +1 -1
- package/components/virtualize-rows.d.ts +38 -0
- package/components/virtualize-rows.js +286 -0
- package/components/virtualize-rows.js.map +1 -0
- package/components/virtualizer.d.ts +71 -1
- package/components/virtualizer.js +105 -29
- package/components/virtualizer.js.map +1 -1
- package/controllers/dom.d.ts +10 -3
- package/controllers/dom.js +5 -5
- package/controllers/dom.js.map +1 -1
- package/controllers/navigation.d.ts +63 -0
- package/controllers/navigation.js +295 -21
- package/controllers/navigation.js.map +1 -1
- package/controllers/pagination.d.ts +7 -6
- package/controllers/pagination.js +27 -28
- package/controllers/pagination.js.map +1 -1
- package/controllers/row-pin.d.ts +6 -0
- package/controllers/row-pin.js +8 -2
- package/controllers/row-pin.js.map +1 -1
- package/controllers/row-reorder.d.ts +12 -4
- package/controllers/row-reorder.js +20 -6
- package/controllers/row-reorder.js.map +1 -1
- package/controllers/selection.d.ts +32 -10
- package/controllers/selection.js +33 -10
- package/controllers/selection.js.map +1 -1
- package/controllers/sort.js +2 -3
- package/controllers/sort.js.map +1 -1
- package/controllers/state.d.ts +18 -5
- package/controllers/state.js +53 -46
- package/controllers/state.js.map +1 -1
- package/custom-elements.json +1762 -339
- package/docs/assets/hierarchy.js +1 -1
- package/docs/assets/search.js +1 -1
- package/docs/classes/ApexGrid.html +166 -66
- package/docs/classes/ApexGridPaginator.html +39 -8
- package/docs/classes/ApexGridToolbar.html +9 -5
- package/docs/functions/localize.html +2 -2
- package/docs/hierarchy.html +1 -1
- package/docs/index.html +123 -20
- package/docs/interfaces/ApexPageChangedEvent.html +3 -1
- package/docs/interfaces/BaseApexCellContext.html +18 -5
- package/docs/interfaces/BaseApexEditorContext.html +20 -5
- package/docs/interfaces/BaseFilterExpression.html +1 -1
- package/docs/interfaces/CSVExportOptions.html +1 -1
- package/docs/interfaces/DataPipelineConfiguration.html +4 -9
- package/docs/interfaces/ExportOptions.html +1 -1
- package/docs/interfaces/GridSelectionConfiguration.html +19 -4
- package/docs/interfaces/PaginationConfiguration.html +11 -4
- package/docs/interfaces/PaginationState.html +4 -2
- package/docs/media/_token-values.scss +42 -16
- package/docs/media/package.json +12 -4
- package/docs/types/DataPipelineParams.html +2 -2
- package/docs/types/PaginationMode.html +5 -4
- package/docs/variables/EN_LOCALE.html +2 -2
- package/i18n/en.d.ts +2 -0
- package/i18n/en.js +2 -0
- package/i18n/en.js.map +1 -1
- package/i18n/es.js +2 -0
- package/i18n/es.js.map +1 -1
- package/ignite-ui.d.ts +1 -0
- package/ignite-ui.js +4 -0
- package/ignite-ui.js.map +1 -0
- package/internal/column-types.d.ts +11 -1
- package/internal/column-types.js +8 -6
- package/internal/column-types.js.map +1 -1
- package/internal/design-system.d.ts +32 -0
- package/internal/design-system.js +66 -0
- package/internal/design-system.js.map +1 -0
- package/internal/export.d.ts +6 -0
- package/internal/export.js +4 -0
- package/internal/export.js.map +1 -1
- package/internal/feature-module.d.ts +7 -0
- package/internal/feature-module.js.map +1 -1
- package/internal/flip.d.ts +28 -16
- package/internal/flip.js +42 -10
- package/internal/flip.js.map +1 -1
- package/internal/icons.d.ts +2 -16
- package/internal/icons.js +0 -8
- package/internal/icons.js.map +1 -1
- package/internal/ignite-ui.d.ts +10 -0
- package/internal/ignite-ui.js +118 -0
- package/internal/ignite-ui.js.map +1 -0
- package/internal/index.d.ts +4 -2
- package/internal/index.js +3 -2
- package/internal/index.js.map +1 -1
- package/internal/types.d.ts +75 -19
- package/internal/types.js.map +1 -1
- package/operations/filter/types.d.ts +1 -1
- package/operations/filter/types.js.map +1 -1
- package/package.json +7 -2
- package/styles/_token-blocks.css.d.ts +1 -0
- package/styles/_token-blocks.css.js +3 -0
- package/styles/_token-blocks.css.js.map +1 -0
- package/styles/_tokens.css.js +1 -1
- package/styles/_tokens.css.js.map +1 -1
- package/styles/body-cell/body-cell.css.js +1 -1
- package/styles/body-cell/body-cell.css.js.map +1 -1
- package/styles/body-cell/cell-renderers.css.js +1 -1
- package/styles/body-cell/cell-renderers.css.js.map +1 -1
- package/styles/body-row/body-row.css.js +1 -1
- package/styles/body-row/body-row.css.js.map +1 -1
- package/styles/document-tokens.css.js +1 -1
- package/styles/document-tokens.css.js.map +1 -1
- package/styles/grid/_grid.base.css.js +1 -1
- package/styles/grid/_grid.base.css.js.map +1 -1
- package/styles/grid/grid.css.js +1 -1
- package/styles/grid/grid.css.js.map +1 -1
- package/styles/group-header-row/group-header-row.css.js +1 -1
- package/styles/group-header-row/group-header-row.css.js.map +1 -1
- package/styles/header-cell/header-cell.css.js +1 -1
- package/styles/header-cell/header-cell.css.js.map +1 -1
- package/styles/header-row/header-row.base.css.js +1 -1
- package/styles/header-row/header-row.base.css.js.map +1 -1
- package/styles/ignite-ui/ignite-ui-dark.css.d.ts +1 -0
- package/styles/ignite-ui/ignite-ui-dark.css.js +3 -0
- package/styles/ignite-ui/ignite-ui-dark.css.js.map +1 -0
- package/styles/ignite-ui/ignite-ui-document.css.d.ts +1 -0
- package/styles/ignite-ui/ignite-ui-document.css.js +3 -0
- package/styles/ignite-ui/ignite-ui-document.css.js.map +1 -0
- package/styles/ignite-ui/ignite-ui.css.d.ts +1 -0
- package/styles/ignite-ui/ignite-ui.css.js +3 -0
- package/styles/ignite-ui/ignite-ui.css.js.map +1 -0
- package/styles/paginator/paginator.css.js +1 -1
- package/styles/paginator/paginator.css.js.map +1 -1
- package/styles/toolbar/toolbar.css.js +1 -1
- package/styles/toolbar/toolbar.css.js.map +1 -1
- package/tokens.css +14 -15
- package/operations/pagination.d.ts +0 -19
- package/operations/pagination.js +0 -12
- package/operations/pagination.js.map +0 -1
package/tokens.css
CHANGED
|
@@ -6,15 +6,15 @@
|
|
|
6
6
|
* server. Zero specificity: a value set on any element wins.
|
|
7
7
|
*/
|
|
8
8
|
:where(:root) {
|
|
9
|
-
--ag-hairline: rgba(15, 23, 42, 0.08);
|
|
10
|
-
--ag-border: rgba(15, 23, 42, 0.08);
|
|
9
|
+
--ag-hairline: var(--apx-grid, rgba(15, 23, 42, 0.08));
|
|
10
|
+
--ag-border: var(--apx-grid, rgba(15, 23, 42, 0.08));
|
|
11
11
|
--ag-pin-line: rgba(15, 23, 42, 0.18);
|
|
12
|
-
--ag-header-separator: rgba(15, 23, 42, 0.12);
|
|
13
|
-
--ag-grid-bg: #fff;
|
|
14
|
-
--ag-surface: #fff;
|
|
12
|
+
--ag-header-separator: var(--apx-grid, rgba(15, 23, 42, 0.12));
|
|
13
|
+
--ag-grid-bg: var(--apx-surface, #fff);
|
|
14
|
+
--ag-surface: var(--apx-surface, #fff);
|
|
15
15
|
--ag-surface-elevated: #f8f9fb;
|
|
16
|
-
--ag-text: #111827;
|
|
17
|
-
--ag-text-body: #1f2937;
|
|
16
|
+
--ag-text: var(--apx-fore, #111827);
|
|
17
|
+
--ag-text-body: var(--apx-fore, #1f2937);
|
|
18
18
|
--ag-text-muted: #6b7280;
|
|
19
19
|
--ag-text-subtle: #9ca3af;
|
|
20
20
|
--ag-text-on-brand: #fff;
|
|
@@ -31,7 +31,6 @@
|
|
|
31
31
|
--ag-gold-line: #fde68a;
|
|
32
32
|
--ag-gold-text: #92400e;
|
|
33
33
|
--ag-shadow-card: 0 16px 38px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.06), 0 1px 0 rgba(255, 255, 255, 0.9) inset;
|
|
34
|
-
--ag-font: Inter, -apple-system, blinkmacsystemfont, sans-serif;
|
|
35
34
|
--ag-fs-cell: 13px;
|
|
36
35
|
--ag-fs-cell-secondary: 11.5px;
|
|
37
36
|
--ag-fs-tiny: 10px;
|
|
@@ -54,15 +53,15 @@
|
|
|
54
53
|
--ag-dur-fast: 120ms;
|
|
55
54
|
--ag-dur-med: 180ms;
|
|
56
55
|
--ag-dur-slow: 240ms;
|
|
57
|
-
--ag-dark-grid-bg: #0f172a;
|
|
58
|
-
--ag-dark-surface: #0f172a;
|
|
56
|
+
--ag-dark-grid-bg: var(--apx-surface, #0f172a);
|
|
57
|
+
--ag-dark-surface: var(--apx-surface, #0f172a);
|
|
59
58
|
--ag-dark-surface-elevated: #1e2532;
|
|
60
|
-
--ag-dark-hairline: rgba(255, 255, 255, 0.12);
|
|
61
|
-
--ag-dark-border: rgba(255, 255, 255, 0.12);
|
|
59
|
+
--ag-dark-hairline: var(--apx-grid, rgba(255, 255, 255, 0.12));
|
|
60
|
+
--ag-dark-border: var(--apx-grid, rgba(255, 255, 255, 0.12));
|
|
62
61
|
--ag-dark-pin-line: rgba(255, 255, 255, 0.28);
|
|
63
|
-
--ag-dark-header-separator: rgba(255, 255, 255, 0.18);
|
|
64
|
-
--ag-dark-text: #f1f5f9;
|
|
65
|
-
--ag-dark-text-body: #e2e8f0;
|
|
62
|
+
--ag-dark-header-separator: var(--apx-grid, rgba(255, 255, 255, 0.18));
|
|
63
|
+
--ag-dark-text: var(--apx-fore, #f1f5f9);
|
|
64
|
+
--ag-dark-text-body: var(--apx-fore, #e2e8f0);
|
|
66
65
|
--ag-dark-text-muted: #94a3b8;
|
|
67
66
|
--ag-dark-text-subtle: #64748b;
|
|
68
67
|
--ag-dark-good-text: #34d399;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { PaginationState } from '../internal/types.js';
|
|
2
|
-
import DataOperation from './base.js';
|
|
3
|
-
/**
|
|
4
|
-
* Built-in pagination data operation.
|
|
5
|
-
*
|
|
6
|
-
* @remarks
|
|
7
|
-
* Slices the post-filter, post-sort dataset by `page` and `pageSize`.
|
|
8
|
-
* Used by the grid when `pagination.mode === 'local'`. Remote pagination
|
|
9
|
-
* is delegated to {@link DataPipelineConfiguration.pagination}.
|
|
10
|
-
*/
|
|
11
|
-
export default class PaginationDataOperation<T extends object> extends DataOperation<T> {
|
|
12
|
-
/**
|
|
13
|
-
* Returns the slice of `data` corresponding to the given pagination `state`.
|
|
14
|
-
*
|
|
15
|
-
* @param data - The post-filter, post-sort dataset.
|
|
16
|
-
* @param state - The resolved pagination state.
|
|
17
|
-
*/
|
|
18
|
-
apply(data: T[], state: PaginationState): T[];
|
|
19
|
-
}
|
package/operations/pagination.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import DataOperation from './base.js';
|
|
2
|
-
export default class PaginationDataOperation extends DataOperation {
|
|
3
|
-
apply(data, state) {
|
|
4
|
-
const { page, pageSize } = state;
|
|
5
|
-
if (!pageSize || pageSize < 1) {
|
|
6
|
-
return data;
|
|
7
|
-
}
|
|
8
|
-
const start = page * pageSize;
|
|
9
|
-
return data.slice(start, start + pageSize);
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
//# sourceMappingURL=pagination.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../src/operations/pagination.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,MAAM,WAAW,CAAC;AAUtC,MAAM,CAAC,OAAO,OAAO,uBAA0C,SAAQ,aAAgB;IAO9E,KAAK,CAAC,IAAS,EAAE,KAAsB;QAC5C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QACjC,IAAI,CAAC,QAAQ,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YAC9B,OAAO,IAAI,CAAC;QACd,CAAC;QACD,MAAM,KAAK,GAAG,IAAI,GAAG,QAAQ,CAAC;QAC9B,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;IAC7C,CAAC;CACF","sourcesContent":["import type { PaginationState } from '../internal/types.js';\nimport DataOperation from './base.js';\n\n/**\n * Built-in pagination data operation.\n *\n * @remarks\n * Slices the post-filter, post-sort dataset by `page` and `pageSize`.\n * Used by the grid when `pagination.mode === 'local'`. Remote pagination\n * is delegated to {@link DataPipelineConfiguration.pagination}.\n */\nexport default class PaginationDataOperation<T extends object> extends DataOperation<T> {\n /**\n * Returns the slice of `data` corresponding to the given pagination `state`.\n *\n * @param data - The post-filter, post-sort dataset.\n * @param state - The resolved pagination state.\n */\n public apply(data: T[], state: PaginationState): T[] {\n const { page, pageSize } = state;\n if (!pageSize || pageSize < 1) {\n return data;\n }\n const start = page * pageSize;\n return data.slice(start, start + pageSize);\n }\n}\n"]}
|