@genesislcap/rapid-grid-pro 14.290.0 → 14.290.1-alpha-e7f1a10.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.
@@ -1735,177 +1735,6 @@
1735
1735
  }
1736
1736
  ]
1737
1737
  },
1738
- {
1739
- "kind": "javascript-module",
1740
- "path": "src/grid-pro.types.ts",
1741
- "declarations": [
1742
- {
1743
- "kind": "function",
1744
- "name": "agThemeTokenMapClassname",
1745
- "parameters": [
1746
- {
1747
- "name": "themeName",
1748
- "type": {
1749
- "text": "string"
1750
- },
1751
- "description": "the Grid Pro theme name"
1752
- }
1753
- ],
1754
- "description": "Generates the class name for a given Grid Pro theme name.",
1755
- "return": {
1756
- "type": {
1757
- "text": ""
1758
- }
1759
- },
1760
- "privacy": "public"
1761
- },
1762
- {
1763
- "kind": "function",
1764
- "name": "agThemeFontsId",
1765
- "parameters": [
1766
- {
1767
- "name": "themeName",
1768
- "type": {
1769
- "text": "string"
1770
- },
1771
- "description": "the Grid Pro theme name"
1772
- }
1773
- ],
1774
- "description": "Generates the id name for custom Grid Pro fonts.",
1775
- "return": {
1776
- "type": {
1777
- "text": ""
1778
- }
1779
- },
1780
- "privacy": "public"
1781
- },
1782
- {
1783
- "kind": "function",
1784
- "name": "agThemeTokenMapCSS",
1785
- "parameters": [
1786
- {
1787
- "name": "themeName",
1788
- "type": {
1789
- "text": "string"
1790
- },
1791
- "description": "the GridPro theme name"
1792
- },
1793
- {
1794
- "name": "tokenMap",
1795
- "type": {
1796
- "text": "CSSVarTokenMap<any>"
1797
- },
1798
- "description": "a map of CSS variables {@link @genesislcap/grid-pro#AgGridCSSVars}and custom token values\n * "
1799
- }
1800
- ],
1801
- "description": "Generates the CSS for a given GridPro theme name and token map",
1802
- "return": {
1803
- "type": {
1804
- "text": ""
1805
- }
1806
- },
1807
- "privacy": "public"
1808
- },
1809
- {
1810
- "kind": "variable",
1811
- "name": "GRID_READY_EVENT",
1812
- "type": {
1813
- "text": "string"
1814
- },
1815
- "default": "'onGridReady'",
1816
- "description": "Event fired when grid is ready",
1817
- "privacy": "public"
1818
- },
1819
- {
1820
- "kind": "variable",
1821
- "name": "EDITED_COLUMN_FIELD",
1822
- "type": {
1823
- "text": "string"
1824
- },
1825
- "default": "'__editedColumn'",
1826
- "description": "Key used to store currently edited column when it being synced with server side data",
1827
- "privacy": "public"
1828
- },
1829
- {
1830
- "kind": "variable",
1831
- "name": "ERROR_COLUMN_FIELD",
1832
- "type": {
1833
- "text": "string"
1834
- },
1835
- "default": "'__errorColumn'",
1836
- "description": "Key used to store error details (column, message) when inline edit fails sync with server side data",
1837
- "privacy": "public"
1838
- },
1839
- {
1840
- "kind": "variable",
1841
- "name": "defaultGridOptionsConfig",
1842
- "type": {
1843
- "text": "GridOptionsConfig"
1844
- },
1845
- "default": "{}",
1846
- "description": "Default grid options",
1847
- "privacy": "public"
1848
- }
1849
- ],
1850
- "exports": [
1851
- {
1852
- "kind": "js",
1853
- "name": "agThemeTokenMapClassname",
1854
- "declaration": {
1855
- "name": "agThemeTokenMapClassname",
1856
- "module": "src/grid-pro.types.ts"
1857
- }
1858
- },
1859
- {
1860
- "kind": "js",
1861
- "name": "agThemeFontsId",
1862
- "declaration": {
1863
- "name": "agThemeFontsId",
1864
- "module": "src/grid-pro.types.ts"
1865
- }
1866
- },
1867
- {
1868
- "kind": "js",
1869
- "name": "agThemeTokenMapCSS",
1870
- "declaration": {
1871
- "name": "agThemeTokenMapCSS",
1872
- "module": "src/grid-pro.types.ts"
1873
- }
1874
- },
1875
- {
1876
- "kind": "js",
1877
- "name": "GRID_READY_EVENT",
1878
- "declaration": {
1879
- "name": "GRID_READY_EVENT",
1880
- "module": "src/grid-pro.types.ts"
1881
- }
1882
- },
1883
- {
1884
- "kind": "js",
1885
- "name": "EDITED_COLUMN_FIELD",
1886
- "declaration": {
1887
- "name": "EDITED_COLUMN_FIELD",
1888
- "module": "src/grid-pro.types.ts"
1889
- }
1890
- },
1891
- {
1892
- "kind": "js",
1893
- "name": "ERROR_COLUMN_FIELD",
1894
- "declaration": {
1895
- "name": "ERROR_COLUMN_FIELD",
1896
- "module": "src/grid-pro.types.ts"
1897
- }
1898
- },
1899
- {
1900
- "kind": "js",
1901
- "name": "defaultGridOptionsConfig",
1902
- "declaration": {
1903
- "name": "defaultGridOptionsConfig",
1904
- "module": "src/grid-pro.types.ts"
1905
- }
1906
- }
1907
- ]
1908
- },
1909
1738
  {
1910
1739
  "kind": "javascript-module",
1911
1740
  "path": "src/index.ts",
@@ -5024,7 +4853,7 @@
5024
4853
  {
5025
4854
  "kind": "variable",
5026
4855
  "name": "agThemeGenesisRapid",
5027
- "default": "css`\n ${agThemeGenesisRapidCSS}\n ${agThemeTokenMapCSS(themeGenesisRapid, agThemeGenesisRapidTokenMap)}\n\n.${themeGenesisRapid} {\n ${mixinRobotoFont()}\n font-family: var(--body-font);\n }\n\n .${themeGenesisRapid} .ag-body .ag-body-viewport,\n .${themeGenesisRapid} .ag-header,\n .${themeGenesisRapid} .ag-row {\n background-color: var(--neutral-layer-4);\n }\n\n .${themeGenesisRapid} .ag-header {\n border-bottom-color: var(--neutral-stroke-rest);\n font-weight: bold;\n font-size: var(--type-ramp-base-font-size);\n }\n\n .${themeGenesisRapid} .ag-root-wrapper {\n border-radius: calc(var(--ag-border-radius) * 1px);\n border: 1px solid var(--rapid-ag-border-color);\n }\n\n .${themeGenesisRapid} .ag-cell {\n font-size: var(--type-ramp-minus-1-font-size);\n }\n`"
4856
+ "default": "css`\n ${agThemeGenesisRapidCSS}\n ${agThemeTokenMapCSS(themeGenesisRapid, agThemeGenesisRapidTokenMap)}\n\n.${themeGenesisRapid} {\n ${mixinRobotoFont()}\n font-family: var(--body-font);\n }\n\n .${themeGenesisRapid} .ag-header {\n border-bottom-color: var(--neutral-stroke-rest);\n font-weight: bold;\n font-size: var(--type-ramp-base-font-size);\n }\n\n .${themeGenesisRapid} .ag-root-wrapper {\n border-radius: calc(var(--ag-border-radius) * 1px);\n border: 1px solid var(--rapid-ag-border-color);\n }\n\n .${themeGenesisRapid} .ag-cell {\n font-size: var(--type-ramp-minus-1-font-size);\n }\n`"
5028
4857
  },
5029
4858
  {
5030
4859
  "kind": "variable",
@@ -5037,7 +4866,7 @@
5037
4866
  {
5038
4867
  "kind": "variable",
5039
4868
  "name": "agThemeGenesisRapidDark",
5040
- "default": "css`\n ${agThemeGenesisRapidCSS}\n ${agThemeTokenMapCSS(themeGenesisRapid, agThemeGenesisRapidTokenMap)}\n\n.${themeGenesisRapidDark} {\n ${mixinRobotoFont()}\n font-family: var(--body-font);\n }\n\n .${themeGenesisRapidDark} .ag-body .ag-body-viewport,\n .${themeGenesisRapidDark} .ag-header,\n .${themeGenesisRapidDark} .ag-row {\n background-color: var(--neutral-layer-4);\n }\n\n .${themeGenesisRapidDark} .ag-header {\n border-bottom-color: var(--neutral-stroke-rest);\n font-weight: bold;\n font-size: var(--type-ramp-base-font-size);\n }\n\n .${themeGenesisRapidDark} .ag-root-wrapper {\n border-radius: calc(var(--ag-border-radius) * 1px);\n border: 1px solid var(--rapid-ag-border-color);\n }\n\n .${themeGenesisRapidDark} .ag-cell {\n font-size: var(--type-ramp-minus-1-font-size);\n }\n`"
4869
+ "default": "css`\n ${agThemeGenesisRapidCSS}\n ${agThemeTokenMapCSS(themeGenesisRapidDark, agThemeGenesisRapidTokenMap)}\n\n.${themeGenesisRapidDark} {\n ${mixinRobotoFont()}\n font-family: var(--body-font);\n }\n\n .${themeGenesisRapidDark} .ag-header {\n border-bottom-color: var(--neutral-stroke-rest);\n font-weight: bold;\n font-size: var(--type-ramp-base-font-size);\n }\n\n .${themeGenesisRapidDark} .ag-cell {\n font-size: var(--type-ramp-minus-1-font-size);\n }\n\n .${themeGenesisRapidDark} .ag-root-wrapper {\n border-radius: calc(var(--ag-border-radius) * 1px);\n border: 1px solid var(--rapid-ag-border-color);\n }\n`"
5041
4870
  }
5042
4871
  ],
5043
4872
  "exports": [
@@ -1 +1 @@
1
- {"version":3,"file":"ag-theme-genesis-rapid.d.ts","sourceRoot":"","sources":["../../../../src/themes/genesis-rapid/ag-theme-genesis-rapid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAsB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAO1E,eAAO,MAAM,2BAA2B,EAAE,cAAc,CAAC,aAAa,GAAG,MAAM,CAc9E,CAAC;AAEF,eAAO,MAAM,iBAAiB,2BAA2B,CAAC;AAE1D,eAAO,MAAM,mBAAmB,iDA6B/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,gCAAgC,CAAC;AAEnE,eAAO,MAAM,uBAAuB,iDA6BnC,CAAC"}
1
+ {"version":3,"file":"ag-theme-genesis-rapid.d.ts","sourceRoot":"","sources":["../../../../src/themes/genesis-rapid/ag-theme-genesis-rapid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAsB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAO1E,eAAO,MAAM,2BAA2B,EAAE,cAAc,CAAC,aAAa,GAAG,MAAM,CAc9E,CAAC;AAEF,eAAO,MAAM,iBAAiB,2BAA2B,CAAC;AAE1D,eAAO,MAAM,mBAAmB,iDAuB/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,gCAAgC,CAAC;AAEnE,eAAO,MAAM,uBAAuB,iDAuBnC,CAAC"}
@@ -28,12 +28,6 @@ export const agThemeGenesisRapid = css `
28
28
  font-family: var(--body-font);
29
29
  }
30
30
 
31
- .${themeGenesisRapid} .ag-body .ag-body-viewport,
32
- .${themeGenesisRapid} .ag-header,
33
- .${themeGenesisRapid} .ag-row {
34
- background-color: var(--neutral-layer-4);
35
- }
36
-
37
31
  .${themeGenesisRapid} .ag-header {
38
32
  border-bottom-color: var(--neutral-stroke-rest);
39
33
  font-weight: bold;
@@ -52,31 +46,25 @@ export const agThemeGenesisRapid = css `
52
46
  export const themeGenesisRapidDark = 'ag-theme-genesis-rapid-dark';
53
47
  export const agThemeGenesisRapidDark = css `
54
48
  ${agThemeGenesisRapidCSS}
55
- ${agThemeTokenMapCSS(themeGenesisRapid, agThemeGenesisRapidTokenMap)}
49
+ ${agThemeTokenMapCSS(themeGenesisRapidDark, agThemeGenesisRapidTokenMap)}
56
50
 
57
51
  .${themeGenesisRapidDark} {
58
52
  ${mixinRobotoFont()}
59
53
  font-family: var(--body-font);
60
54
  }
61
55
 
62
- .${themeGenesisRapidDark} .ag-body .ag-body-viewport,
63
- .${themeGenesisRapidDark} .ag-header,
64
- .${themeGenesisRapidDark} .ag-row {
65
- background-color: var(--neutral-layer-4);
66
- }
67
-
68
56
  .${themeGenesisRapidDark} .ag-header {
69
57
  border-bottom-color: var(--neutral-stroke-rest);
70
58
  font-weight: bold;
71
59
  font-size: var(--type-ramp-base-font-size);
72
60
  }
73
61
 
62
+ .${themeGenesisRapidDark} .ag-cell {
63
+ font-size: var(--type-ramp-minus-1-font-size);
64
+ }
65
+
74
66
  .${themeGenesisRapidDark} .ag-root-wrapper {
75
67
  border-radius: calc(var(--ag-border-radius) * 1px);
76
68
  border: 1px solid var(--rapid-ag-border-color);
77
69
  }
78
-
79
- .${themeGenesisRapidDark} .ag-cell {
80
- font-size: var(--type-ramp-minus-1-font-size);
81
- }
82
70
  `;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/rapid-grid-pro",
3
3
  "description": "Genesis Rapid Grid Pro",
4
- "version": "14.290.0",
4
+ "version": "14.290.1-alpha-e7f1a10.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -35,18 +35,18 @@
35
35
  }
36
36
  },
37
37
  "devDependencies": {
38
- "@genesislcap/genx": "14.290.0",
39
- "@genesislcap/rollup-builder": "14.290.0",
40
- "@genesislcap/ts-builder": "14.290.0",
41
- "@genesislcap/uvu-playwright-builder": "14.290.0",
42
- "@genesislcap/vite-builder": "14.290.0",
43
- "@genesislcap/webpack-builder": "14.290.0",
38
+ "@genesislcap/genx": "14.290.1-alpha-e7f1a10.0",
39
+ "@genesislcap/rollup-builder": "14.290.1-alpha-e7f1a10.0",
40
+ "@genesislcap/ts-builder": "14.290.1-alpha-e7f1a10.0",
41
+ "@genesislcap/uvu-playwright-builder": "14.290.1-alpha-e7f1a10.0",
42
+ "@genesislcap/vite-builder": "14.290.1-alpha-e7f1a10.0",
43
+ "@genesislcap/webpack-builder": "14.290.1-alpha-e7f1a10.0",
44
44
  "rimraf": "^5.0.0"
45
45
  },
46
46
  "dependencies": {
47
- "@genesislcap/foundation-ui": "14.290.0",
48
- "@genesislcap/grid-pro": "14.290.0",
49
- "@genesislcap/rapid-design-system": "14.290.0",
47
+ "@genesislcap/foundation-ui": "14.290.1-alpha-e7f1a10.0",
48
+ "@genesislcap/grid-pro": "14.290.1-alpha-e7f1a10.0",
49
+ "@genesislcap/rapid-design-system": "14.290.1-alpha-e7f1a10.0",
50
50
  "@microsoft/fast-colors": "5.3.1",
51
51
  "@microsoft/fast-components": "2.30.6",
52
52
  "@microsoft/fast-element": "1.14.0",
@@ -67,5 +67,5 @@
67
67
  "access": "public"
68
68
  },
69
69
  "customElements": "dist/custom-elements.json",
70
- "gitHead": "d06408e1848d98c9de0bd3a7f3998e5650128d5d"
70
+ "gitHead": "80d32f81164a72bb14ea73fd2851a933d0c165bb"
71
71
  }
@@ -1,169 +0,0 @@
1
- import { GridOptions } from '@ag-grid-community/core';
2
- import { CSSVarTokenMap } from '@genesislcap/foundation-ui';
3
- /**
4
- * All official AG CSS variables
5
- * @public
6
- */
7
- export declare enum AgGridCSSVars {
8
- foregroundColor = "--ag-foreground-color",
9
- dataColor = "--ag-data-color",
10
- secondaryForegroundColor = "--ag-secondary-foreground-color",
11
- headerForegroundColor = "--ag-header-foreground-color",
12
- disabledForegroundColor = "--ag-disabled-foreground-color",
13
- backgroundColor = "--ag-background-color",
14
- headerBackgroundColor = "--ag-header-background-color",
15
- subheaderBackgroundColor = "--ag-subheader-background-color",
16
- subheaderToolbarBackgroundColor = "--ag-subheader-toolbar-background-color",
17
- controlPanelBackgroundColor = "--ag-control-panel-background-color",
18
- selectedRowBackgroundColor = "--ag-selected-row-background-color",
19
- oddRowBackgroundColor = "--ag-odd-row-background-color",
20
- rowHoverColor = "--ag-row-hover-color",
21
- rangeSelectionBorderColor = "--ag-range-selection-border-color",
22
- rangeSelectionBackgroundColor = "--ag-range-selection-background-color",
23
- selectedTabUnderlineColor = "--ag-selected-tab-underline-color",
24
- rangeSelectionChartCategoryBackgroundColor = "--ag-range-selection-chart-category-background-color",
25
- rangeSelectionChartBackgroundColor = "--ag-range-selection-chart-background-color",
26
- headerCellHoverBackgroundColor = "--ag-header-cell-hover-background-color",
27
- headerCellMovingBackgroundColor = "--ag-header-cell-moving-background-color",
28
- chipBackgroundColor = "--ag-chip-background-color",
29
- borderColor = "--ag-border-color",
30
- secondaryBorderColor = "--ag-secondary-border-color",
31
- rowBorderColor = "--ag-row-border-color",
32
- headerColumnSeparatorColor = "--ag-header-column-separator-color",
33
- headerColumnResizeHandleColor = "--ag-header-column-resize-handle-color",
34
- inputBorderColor = "--ag-input-border-color",
35
- inputDisabledBorderColor = "--ag-input-disabled-border-color",
36
- inputDisabledBackgroundColor = "--ag-input-disabled-background-color",
37
- checkboxBackgroundColor = "--ag-checkbox-background-color",
38
- checkboxCheckedColor = "--ag-checkbox-checked-color",
39
- checkboxUncheckedColor = "--ag-checkbox-unchecked-color",
40
- checkboxIndeterminateColor = "--ag-checkbox-indeterminate-color",
41
- toggleButtonOffBorderColor = "--ag-toggle-button-off-border-color",
42
- toggleButtonOffBackgroundColor = "--ag-toggle-button-off-background-color",
43
- toggleButtonOnBorderColor = "--ag-toggle-button-on-border-color",
44
- toggleButtonOnBackgroundColor = "--ag-toggle-button-on-background-color",
45
- toggleButtonSwitchBackgroundColor = "--ag-toggle-button-switch-background-color",
46
- toggleButtonSwitchBorderColor = "--ag-toggle-button-switch-border-color",
47
- minichartSelectedChartColor = "--ag-minichart-selected-chart-color",
48
- minichartSelectedPageColor = "--ag-minichart-selected-page-color",
49
- modalOverlayBackgroundColor = "--ag-modal-overlay-background-color",
50
- inputFocusBoxShadow = "--ag-input-focus-box-shadow",
51
- inputFocusBorderColor = "--ag-input-focus-border-color"
52
- }
53
- /**
54
- * The available Grid Pro themes.
55
- * @public
56
- */
57
- export declare enum AgGridTheme {
58
- alpine = "ag-theme-alpine",
59
- alpineDark = "ag-theme-alpine-dark",
60
- balham = "ag-theme-balham",
61
- balhamDark = "ag-theme-balham-dark",
62
- material = "ag-theme-material"
63
- }
64
- /**
65
- * Generates the class name for a given Grid Pro theme name.
66
- * @param themeName - the Grid Pro theme name
67
- * @returns the class name for the Grid Pro token map
68
- * @public
69
- * @example The result of this will be a class name that is applied to the grid part of GridPro template (actual content of the class comes from agThemeTokenMapCSS):
70
- * ```html
71
- * <span part="grid" class="ag-theme-genesis-rapid-dark">
72
- * ```
73
- */
74
- export declare const agThemeTokenMapClassname: (themeName: string) => string;
75
- /**
76
- * Generates the id name for custom Grid Pro fonts.
77
- * @param themeName - the Grid Pro theme name
78
- * @returns the id name for the Grid Pro fonts
79
- * @public
80
- * @example The result of this is used in the id of style tag:
81
- * ```html
82
- * <style id="ag-theme-alpine-fonts"></style>
83
- * ```
84
- */
85
- export declare const agThemeFontsId: (themeName: string) => string;
86
- /**
87
- * Generates the CSS for a given GridPro theme name and token map
88
- * @param themeName - the GridPro theme name
89
- * @param tokenMap - a map of CSS variables {@link @genesislcap/grid-pro#AgGridCSSVars} and custom token values
90
- * @returns the CSS for the Grid Pro token map
91
- * @public
92
- * @example
93
- * ```ts
94
- * export const agThemeGenesisRapidTokens = {
95
- * backgroundColor: create<Swatch>('rapid-ag-background-color').withDefault((elem: HTMLElement) =>
96
- * baseLayerLuminance.getValueFor(elem) === StandardLuminance.LightMode
97
- * ? lightColors.backgroundSwatch
98
- * : darkColors.backgroundSwatch
99
- * ),
100
- * foregroundColor: create<Swatch>('rapid-ag-foreground-color').withDefault((elem: HTMLElement) =>
101
- * baseLayerLuminance.getValueFor(elem) === StandardLuminance.LightMode
102
- * ? lightColors.foregroundSwatch
103
- * : darkColors.foregroundSwatch
104
- * ),
105
- * };
106
- * export const agThemeGenesisRapidTokenMap: CSSVarTokenMap<AgGridCSSVars | string> = {
107
- * [AgGridCSSVars.backgroundColor]: agThemeGenesisRapidTokens.backgroundColor,
108
- * [AgGridCSSVars.foregroundColor]: agThemeGenesisRapidTokens.foregroundColor,
109
- * };
110
- * ```
111
- */
112
- export declare const agThemeTokenMapCSS: (themeName: string, tokenMap: CSSVarTokenMap<any>) => import("@microsoft/fast-element").ElementStyles;
113
- /**
114
- * Grid Pro Components type, used to define the custom components that will be registered in the grid
115
- * @public
116
- */
117
- export type GridComponents = {
118
- [componentName: string]: any;
119
- };
120
- /**
121
- * The available Grid Pro Renderer Types
122
- * @public
123
- */
124
- export declare enum GridProRendererTypes {
125
- action = "action",
126
- actionsMenu = "actionsMenu",
127
- boolean = "boolean",
128
- editable = "editable",
129
- text = "text",
130
- select = "select",
131
- dateEditor = "dateEditor",
132
- selectEditor = "selectEditor",
133
- numberEditor = "numberEditor",
134
- stringEditor = "stringEditor",
135
- multiselectEditor = "multiselectEditor",
136
- statusPill = "statusPill"
137
- }
138
- /**
139
- * Event fired when grid is ready
140
- * @public
141
- */
142
- export declare const GRID_READY_EVENT = "onGridReady";
143
- /**
144
- * Key used to store currently edited column when it being synced with server side data
145
- * @public
146
- */
147
- export declare const EDITED_COLUMN_FIELD = "__editedColumn";
148
- /**
149
- * Key used to store error details (column, message) when inline edit fails sync with server side data
150
- * @public
151
- */
152
- export declare const ERROR_COLUMN_FIELD = "__errorColumn";
153
- /**
154
- * Grid options config used to configure grids across the application
155
- * @public
156
- */
157
- export interface GridOptionsConfig extends GridOptions {
158
- }
159
- /**
160
- * Default grid options
161
- * @public
162
- */
163
- export declare const defaultGridOptionsConfig: GridOptionsConfig;
164
- /**
165
- * Grid options config used to inject into grids in application
166
- * @internal
167
- */
168
- export declare const GridOptionsConfig: import("@microsoft/fast-foundation").InterfaceSymbol<GridOptionsConfig>;
169
- //# sourceMappingURL=grid-pro.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"grid-pro.types.d.ts","sourceRoot":"","sources":["../../src/grid-pro.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAsB,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAIhF;;;GAGG;AACH,oBAAY,aAAa;IACvB,eAAe,0BAA0B;IACzC,SAAS,oBAAoB;IAC7B,wBAAwB,oCAAoC;IAC5D,qBAAqB,iCAAiC;IACtD,uBAAuB,mCAAmC;IAC1D,eAAe,0BAA0B;IACzC,qBAAqB,iCAAiC;IACtD,wBAAwB,oCAAoC;IAC5D,+BAA+B,4CAA4C;IAC3E,2BAA2B,wCAAwC;IACnE,0BAA0B,uCAAuC;IACjE,qBAAqB,kCAAkC;IACvD,aAAa,yBAAyB;IACtC,yBAAyB,sCAAsC;IAC/D,6BAA6B,0CAA0C;IACvE,yBAAyB,sCAAsC;IAC/D,0CAA0C,yDAAyD;IACnG,kCAAkC,gDAAgD;IAClF,8BAA8B,4CAA4C;IAC1E,+BAA+B,6CAA6C;IAC5E,mBAAmB,+BAA+B;IAClD,WAAW,sBAAsB;IACjC,oBAAoB,gCAAgC;IACpD,cAAc,0BAA0B;IACxC,0BAA0B,uCAAuC;IACjE,6BAA6B,2CAA2C;IACxE,gBAAgB,4BAA4B;IAC5C,wBAAwB,qCAAqC;IAC7D,4BAA4B,yCAAyC;IACrE,uBAAuB,mCAAmC;IAC1D,oBAAoB,gCAAgC;IACpD,sBAAsB,kCAAkC;IACxD,0BAA0B,sCAAsC;IAChE,0BAA0B,wCAAwC;IAClE,8BAA8B,4CAA4C;IAC1E,yBAAyB,uCAAuC;IAChE,6BAA6B,2CAA2C;IACxE,iCAAiC,+CAA+C;IAChF,6BAA6B,2CAA2C;IACxE,2BAA2B,wCAAwC;IACnE,0BAA0B,uCAAuC;IACjE,2BAA2B,wCAAwC;IACnE,mBAAmB,gCAAgC;IACnD,qBAAqB,kCAAkC;CACxD;AAED;;;GAGG;AACH,oBAAY,WAAW;IACrB,MAAM,oBAAoB;IAC1B,UAAU,yBAAyB;IACnC,MAAM,oBAAoB;IAC1B,UAAU,yBAAyB;IACnC,QAAQ,sBAAsB;CAC/B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,wBAAwB,cAAe,MAAM,WAA6B,CAAC;AAExF;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,cAAe,MAAM,WAAyB,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,kBAAkB,cAAe,MAAM,YAAY,eAAe,GAAG,CAAC,oDAIlF,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG;IAAE,CAAC,aAAa,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAC;AAE9D;;;GAGG;AACH,oBAAY,oBAAoB;IAC9B,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,YAAY,iBAAiB;IAC7B,YAAY,iBAAiB;IAC7B,iBAAiB,sBAAsB;IACvC,UAAU,eAAe;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,gBAAgB,CAAC;AAE9C;;;GAGG;AACH,eAAO,MAAM,mBAAmB,mBAAmB,CAAC;AAEpD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,kBAAkB,CAAC;AAElD;;;GAGG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;CAAG;AACzD;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,iBAAsB,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,iBAAiB,yEAE7B,CAAC"}
@@ -1,163 +0,0 @@
1
- import { CSSVarsTokenMapper } from '@genesislcap/foundation-ui';
2
- import { css } from '@microsoft/fast-element';
3
- import { DI } from '@microsoft/fast-foundation';
4
- /**
5
- * All official AG CSS variables
6
- * @public
7
- */
8
- export var AgGridCSSVars;
9
- (function (AgGridCSSVars) {
10
- AgGridCSSVars["foregroundColor"] = "--ag-foreground-color";
11
- AgGridCSSVars["dataColor"] = "--ag-data-color";
12
- AgGridCSSVars["secondaryForegroundColor"] = "--ag-secondary-foreground-color";
13
- AgGridCSSVars["headerForegroundColor"] = "--ag-header-foreground-color";
14
- AgGridCSSVars["disabledForegroundColor"] = "--ag-disabled-foreground-color";
15
- AgGridCSSVars["backgroundColor"] = "--ag-background-color";
16
- AgGridCSSVars["headerBackgroundColor"] = "--ag-header-background-color";
17
- AgGridCSSVars["subheaderBackgroundColor"] = "--ag-subheader-background-color";
18
- AgGridCSSVars["subheaderToolbarBackgroundColor"] = "--ag-subheader-toolbar-background-color";
19
- AgGridCSSVars["controlPanelBackgroundColor"] = "--ag-control-panel-background-color";
20
- AgGridCSSVars["selectedRowBackgroundColor"] = "--ag-selected-row-background-color";
21
- AgGridCSSVars["oddRowBackgroundColor"] = "--ag-odd-row-background-color";
22
- AgGridCSSVars["rowHoverColor"] = "--ag-row-hover-color";
23
- AgGridCSSVars["rangeSelectionBorderColor"] = "--ag-range-selection-border-color";
24
- AgGridCSSVars["rangeSelectionBackgroundColor"] = "--ag-range-selection-background-color";
25
- AgGridCSSVars["selectedTabUnderlineColor"] = "--ag-selected-tab-underline-color";
26
- AgGridCSSVars["rangeSelectionChartCategoryBackgroundColor"] = "--ag-range-selection-chart-category-background-color";
27
- AgGridCSSVars["rangeSelectionChartBackgroundColor"] = "--ag-range-selection-chart-background-color";
28
- AgGridCSSVars["headerCellHoverBackgroundColor"] = "--ag-header-cell-hover-background-color";
29
- AgGridCSSVars["headerCellMovingBackgroundColor"] = "--ag-header-cell-moving-background-color";
30
- AgGridCSSVars["chipBackgroundColor"] = "--ag-chip-background-color";
31
- AgGridCSSVars["borderColor"] = "--ag-border-color";
32
- AgGridCSSVars["secondaryBorderColor"] = "--ag-secondary-border-color";
33
- AgGridCSSVars["rowBorderColor"] = "--ag-row-border-color";
34
- AgGridCSSVars["headerColumnSeparatorColor"] = "--ag-header-column-separator-color";
35
- AgGridCSSVars["headerColumnResizeHandleColor"] = "--ag-header-column-resize-handle-color";
36
- AgGridCSSVars["inputBorderColor"] = "--ag-input-border-color";
37
- AgGridCSSVars["inputDisabledBorderColor"] = "--ag-input-disabled-border-color";
38
- AgGridCSSVars["inputDisabledBackgroundColor"] = "--ag-input-disabled-background-color";
39
- AgGridCSSVars["checkboxBackgroundColor"] = "--ag-checkbox-background-color";
40
- AgGridCSSVars["checkboxCheckedColor"] = "--ag-checkbox-checked-color";
41
- AgGridCSSVars["checkboxUncheckedColor"] = "--ag-checkbox-unchecked-color";
42
- AgGridCSSVars["checkboxIndeterminateColor"] = "--ag-checkbox-indeterminate-color";
43
- AgGridCSSVars["toggleButtonOffBorderColor"] = "--ag-toggle-button-off-border-color";
44
- AgGridCSSVars["toggleButtonOffBackgroundColor"] = "--ag-toggle-button-off-background-color";
45
- AgGridCSSVars["toggleButtonOnBorderColor"] = "--ag-toggle-button-on-border-color";
46
- AgGridCSSVars["toggleButtonOnBackgroundColor"] = "--ag-toggle-button-on-background-color";
47
- AgGridCSSVars["toggleButtonSwitchBackgroundColor"] = "--ag-toggle-button-switch-background-color";
48
- AgGridCSSVars["toggleButtonSwitchBorderColor"] = "--ag-toggle-button-switch-border-color";
49
- AgGridCSSVars["minichartSelectedChartColor"] = "--ag-minichart-selected-chart-color";
50
- AgGridCSSVars["minichartSelectedPageColor"] = "--ag-minichart-selected-page-color";
51
- AgGridCSSVars["modalOverlayBackgroundColor"] = "--ag-modal-overlay-background-color";
52
- AgGridCSSVars["inputFocusBoxShadow"] = "--ag-input-focus-box-shadow";
53
- AgGridCSSVars["inputFocusBorderColor"] = "--ag-input-focus-border-color";
54
- })(AgGridCSSVars || (AgGridCSSVars = {}));
55
- /**
56
- * The available Grid Pro themes.
57
- * @public
58
- */
59
- export var AgGridTheme;
60
- (function (AgGridTheme) {
61
- AgGridTheme["alpine"] = "ag-theme-alpine";
62
- AgGridTheme["alpineDark"] = "ag-theme-alpine-dark";
63
- AgGridTheme["balham"] = "ag-theme-balham";
64
- AgGridTheme["balhamDark"] = "ag-theme-balham-dark";
65
- AgGridTheme["material"] = "ag-theme-material";
66
- })(AgGridTheme || (AgGridTheme = {}));
67
- /**
68
- * Generates the class name for a given Grid Pro theme name.
69
- * @param themeName - the Grid Pro theme name
70
- * @returns the class name for the Grid Pro token map
71
- * @public
72
- * @example The result of this will be a class name that is applied to the grid part of GridPro template (actual content of the class comes from agThemeTokenMapCSS):
73
- * ```html
74
- * <span part="grid" class="ag-theme-genesis-rapid-dark">
75
- * ```
76
- */
77
- export const agThemeTokenMapClassname = (themeName) => `${themeName}-token-map`;
78
- /**
79
- * Generates the id name for custom Grid Pro fonts.
80
- * @param themeName - the Grid Pro theme name
81
- * @returns the id name for the Grid Pro fonts
82
- * @public
83
- * @example The result of this is used in the id of style tag:
84
- * ```html
85
- * <style id="ag-theme-alpine-fonts"></style>
86
- * ```
87
- */
88
- export const agThemeFontsId = (themeName) => `${themeName}-fonts`;
89
- /**
90
- * Generates the CSS for a given GridPro theme name and token map
91
- * @param themeName - the GridPro theme name
92
- * @param tokenMap - a map of CSS variables {@link @genesislcap/grid-pro#AgGridCSSVars} and custom token values
93
- * @returns the CSS for the Grid Pro token map
94
- * @public
95
- * @example
96
- * ```ts
97
- * export const agThemeGenesisRapidTokens = {
98
- * backgroundColor: create<Swatch>('rapid-ag-background-color').withDefault((elem: HTMLElement) =>
99
- * baseLayerLuminance.getValueFor(elem) === StandardLuminance.LightMode
100
- * ? lightColors.backgroundSwatch
101
- * : darkColors.backgroundSwatch
102
- * ),
103
- * foregroundColor: create<Swatch>('rapid-ag-foreground-color').withDefault((elem: HTMLElement) =>
104
- * baseLayerLuminance.getValueFor(elem) === StandardLuminance.LightMode
105
- * ? lightColors.foregroundSwatch
106
- * : darkColors.foregroundSwatch
107
- * ),
108
- * };
109
- * export const agThemeGenesisRapidTokenMap: CSSVarTokenMap<AgGridCSSVars | string> = {
110
- * [AgGridCSSVars.backgroundColor]: agThemeGenesisRapidTokens.backgroundColor,
111
- * [AgGridCSSVars.foregroundColor]: agThemeGenesisRapidTokens.foregroundColor,
112
- * };
113
- * ```
114
- */
115
- export const agThemeTokenMapCSS = (themeName, tokenMap) => css `
116
- .${agThemeTokenMapClassname(themeName)} {
117
- ${new CSSVarsTokenMapper(tokenMap)}
118
- }
119
- `;
120
- /**
121
- * The available Grid Pro Renderer Types
122
- * @public
123
- */
124
- export var GridProRendererTypes;
125
- (function (GridProRendererTypes) {
126
- GridProRendererTypes["action"] = "action";
127
- GridProRendererTypes["actionsMenu"] = "actionsMenu";
128
- GridProRendererTypes["boolean"] = "boolean";
129
- GridProRendererTypes["editable"] = "editable";
130
- GridProRendererTypes["text"] = "text";
131
- GridProRendererTypes["select"] = "select";
132
- GridProRendererTypes["dateEditor"] = "dateEditor";
133
- GridProRendererTypes["selectEditor"] = "selectEditor";
134
- GridProRendererTypes["numberEditor"] = "numberEditor";
135
- GridProRendererTypes["stringEditor"] = "stringEditor";
136
- GridProRendererTypes["multiselectEditor"] = "multiselectEditor";
137
- GridProRendererTypes["statusPill"] = "statusPill";
138
- })(GridProRendererTypes || (GridProRendererTypes = {}));
139
- /**
140
- * Event fired when grid is ready
141
- * @public
142
- */
143
- export const GRID_READY_EVENT = 'onGridReady';
144
- /**
145
- * Key used to store currently edited column when it being synced with server side data
146
- * @public
147
- */
148
- export const EDITED_COLUMN_FIELD = '__editedColumn';
149
- /**
150
- * Key used to store error details (column, message) when inline edit fails sync with server side data
151
- * @public
152
- */
153
- export const ERROR_COLUMN_FIELD = '__errorColumn';
154
- /**
155
- * Default grid options
156
- * @public
157
- */
158
- export const defaultGridOptionsConfig = {};
159
- /**
160
- * Grid options config used to inject into grids in application
161
- * @internal
162
- */
163
- export const GridOptionsConfig = DI.createInterface((x) => x.instance(defaultGridOptionsConfig));