@genesislcap/rapid-grid-pro 14.136.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.
Files changed (84) hide show
  1. package/README.md +8 -0
  2. package/custom-elements-manifest.config.js +14 -0
  3. package/dist/custom-elements.json +4305 -0
  4. package/dist/dts/cell-editors/date.editor.d.ts +23 -0
  5. package/dist/dts/cell-editors/date.editor.d.ts.map +1 -0
  6. package/dist/dts/cell-editors/index.d.ts +6 -0
  7. package/dist/dts/cell-editors/index.d.ts.map +1 -0
  8. package/dist/dts/cell-editors/multiselect.editor.d.ts +23 -0
  9. package/dist/dts/cell-editors/multiselect.editor.d.ts.map +1 -0
  10. package/dist/dts/cell-editors/number.editor.d.ts +23 -0
  11. package/dist/dts/cell-editors/number.editor.d.ts.map +1 -0
  12. package/dist/dts/cell-editors/select.editor.d.ts +23 -0
  13. package/dist/dts/cell-editors/select.editor.d.ts.map +1 -0
  14. package/dist/dts/cell-editors/string.editor.d.ts +23 -0
  15. package/dist/dts/cell-editors/string.editor.d.ts.map +1 -0
  16. package/dist/dts/cell-renderers/action.renderer.d.ts +23 -0
  17. package/dist/dts/cell-renderers/action.renderer.d.ts.map +1 -0
  18. package/dist/dts/cell-renderers/actions-menu.renderer.d.ts +21 -0
  19. package/dist/dts/cell-renderers/actions-menu.renderer.d.ts.map +1 -0
  20. package/dist/dts/cell-renderers/boolean.renderer.d.ts +23 -0
  21. package/dist/dts/cell-renderers/boolean.renderer.d.ts.map +1 -0
  22. package/dist/dts/cell-renderers/editable.renderer.d.ts +23 -0
  23. package/dist/dts/cell-renderers/editable.renderer.d.ts.map +1 -0
  24. package/dist/dts/cell-renderers/index.d.ts +7 -0
  25. package/dist/dts/cell-renderers/index.d.ts.map +1 -0
  26. package/dist/dts/cell-renderers/select.renderer.d.ts +23 -0
  27. package/dist/dts/cell-renderers/select.renderer.d.ts.map +1 -0
  28. package/dist/dts/cell-renderers/text.renderer.d.ts +23 -0
  29. package/dist/dts/cell-renderers/text.renderer.d.ts.map +1 -0
  30. package/dist/dts/grid-components.d.ts +113 -0
  31. package/dist/dts/grid-components.d.ts.map +1 -0
  32. package/dist/dts/grid-pro.d.ts +34 -0
  33. package/dist/dts/grid-pro.d.ts.map +1 -0
  34. package/dist/dts/grid-pro.styles.d.ts +2 -0
  35. package/dist/dts/grid-pro.styles.d.ts.map +1 -0
  36. package/dist/dts/grid-pro.template.d.ts +2 -0
  37. package/dist/dts/grid-pro.template.d.ts.map +1 -0
  38. package/dist/dts/grid-pro.types.d.ts +168 -0
  39. package/dist/dts/grid-pro.types.d.ts.map +1 -0
  40. package/dist/dts/index.d.ts +10 -0
  41. package/dist/dts/index.d.ts.map +1 -0
  42. package/dist/dts/index.federated.d.ts +1 -0
  43. package/dist/dts/index.federated.d.ts.map +1 -0
  44. package/dist/dts/style/colors.d.ts +16 -0
  45. package/dist/dts/style/colors.d.ts.map +1 -0
  46. package/dist/dts/style/index.d.ts +3 -0
  47. package/dist/dts/style/index.d.ts.map +1 -0
  48. package/dist/dts/style/tokens.d.ts +9 -0
  49. package/dist/dts/style/tokens.d.ts.map +1 -0
  50. package/dist/dts/themes/genesis-rapid/ag-theme-genesis-rapid-css.d.ts +2 -0
  51. package/dist/dts/themes/genesis-rapid/ag-theme-genesis-rapid-css.d.ts.map +1 -0
  52. package/dist/dts/themes/genesis-rapid/ag-theme-genesis-rapid.d.ts +8 -0
  53. package/dist/dts/themes/genesis-rapid/ag-theme-genesis-rapid.d.ts.map +1 -0
  54. package/dist/dts/themes/index.d.ts +2 -0
  55. package/dist/dts/themes/index.d.ts.map +1 -0
  56. package/dist/esm/cell-editors/date.editor.js +18 -0
  57. package/dist/esm/cell-editors/index.js +5 -0
  58. package/dist/esm/cell-editors/multiselect.editor.js +18 -0
  59. package/dist/esm/cell-editors/number.editor.js +18 -0
  60. package/dist/esm/cell-editors/select.editor.js +18 -0
  61. package/dist/esm/cell-editors/string.editor.js +18 -0
  62. package/dist/esm/cell-renderers/action.renderer.js +39 -0
  63. package/dist/esm/cell-renderers/actions-menu.renderer.js +23 -0
  64. package/dist/esm/cell-renderers/boolean.renderer.js +18 -0
  65. package/dist/esm/cell-renderers/editable.renderer.js +18 -0
  66. package/dist/esm/cell-renderers/index.js +6 -0
  67. package/dist/esm/cell-renderers/select.renderer.js +18 -0
  68. package/dist/esm/cell-renderers/text.renderer.js +18 -0
  69. package/dist/esm/grid-components.js +30 -0
  70. package/dist/esm/grid-pro.js +56 -0
  71. package/dist/esm/grid-pro.styles.js +16 -0
  72. package/dist/esm/grid-pro.template.js +2 -0
  73. package/dist/esm/grid-pro.types.js +162 -0
  74. package/dist/esm/index.federated.js +1 -0
  75. package/dist/esm/index.js +9 -0
  76. package/dist/esm/style/colors.js +16 -0
  77. package/dist/esm/style/index.js +2 -0
  78. package/dist/esm/style/tokens.js +21 -0
  79. package/dist/esm/themes/genesis-rapid/ag-theme-genesis-rapid-css.js +462 -0
  80. package/dist/esm/themes/genesis-rapid/ag-theme-genesis-rapid.js +82 -0
  81. package/dist/esm/themes/index.js +1 -0
  82. package/genx.config.ts +11 -0
  83. package/license.txt +46 -0
  84. package/package.json +59 -0
@@ -0,0 +1,168 @@
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
+ }
137
+ /**
138
+ * Event fired when grid is ready
139
+ * @public
140
+ */
141
+ export declare const GRID_READY_EVENT = "onGridReady";
142
+ /**
143
+ * Key used to store currently edited column when it being synced with server side data
144
+ * @public
145
+ */
146
+ export declare const EDITED_COLUMN_FIELD = "__editedColumn";
147
+ /**
148
+ * Key used to store error details (column, message) when inline edit fails sync with server side data
149
+ * @public
150
+ */
151
+ export declare const ERROR_COLUMN_FIELD = "__errorColumn";
152
+ /**
153
+ * Grid options config used to configure grids across the application
154
+ * @public
155
+ */
156
+ export interface GridOptionsConfig extends GridOptions {
157
+ }
158
+ /**
159
+ * Default grid options
160
+ * @public
161
+ */
162
+ export declare const defaultGridOptionsConfig: GridOptionsConfig;
163
+ /**
164
+ * Grid options config used to inject into grids in application
165
+ * @internal
166
+ */
167
+ export declare const GridOptionsConfig: import("@microsoft/fast-foundation").InterfaceSymbol<GridOptionsConfig>;
168
+ //# sourceMappingURL=grid-pro.types.d.ts.map
@@ -0,0 +1 @@
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;CACxC;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"}
@@ -0,0 +1,10 @@
1
+ export * from './grid-pro';
2
+ export * from './grid-pro.styles';
3
+ export * from './grid-pro.template';
4
+ export * from './cell-editors';
5
+ export * from './cell-renderers';
6
+ export * from './themes';
7
+ export * from './style';
8
+ export * from './grid-components';
9
+ export * from '@genesislcap/grid-pro';
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AAExB,cAAc,mBAAmB,CAAC;AAElC,cAAc,uBAAuB,CAAC"}
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=index.federated.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.federated.d.ts","sourceRoot":"","sources":["../../src/index.federated.ts"],"names":[],"mappings":""}
@@ -0,0 +1,16 @@
1
+ import { SwatchRGB } from '@microsoft/fast-components';
2
+ export declare const darkColors: {
3
+ foregroundSwatch: SwatchRGB;
4
+ headerForegroundSwatch: SwatchRGB;
5
+ backgroundSwatch: SwatchRGB;
6
+ borderSwatch: SwatchRGB;
7
+ rowHoverSwatch: SwatchRGB;
8
+ };
9
+ export declare const lightColors: {
10
+ foregroundSwatch: SwatchRGB;
11
+ headerForegroundSwatch: SwatchRGB;
12
+ backgroundSwatch: SwatchRGB;
13
+ borderSwatch: SwatchRGB;
14
+ rowHoverSwatch: SwatchRGB;
15
+ };
16
+ //# sourceMappingURL=colors.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/style/colors.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './colors';
2
+ export * from './tokens';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/style/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { Swatch } from '@microsoft/fast-components';
2
+ export declare const agThemeGenesisRapidTokens: {
3
+ backgroundColor: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
4
+ borderColor: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
5
+ foregroundColor: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
6
+ headerForegroundColor: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
7
+ rowHoverColor: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
8
+ };
9
+ //# sourceMappingURL=tokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/style/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAM3F,eAAO,MAAM,yBAAyB;;;;;;CA2BrC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const agThemeGenesisRapidCSS: import("@microsoft/fast-element").ElementStyles;
2
+ //# sourceMappingURL=ag-theme-genesis-rapid-css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ag-theme-genesis-rapid-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/genesis-rapid/ag-theme-genesis-rapid-css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,iDA4clC,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { CSSVarTokenMap } from '@genesislcap/foundation-ui';
2
+ import { AgGridCSSVars } from '@genesislcap/grid-pro';
3
+ export declare const agThemeGenesisRapidTokenMap: CSSVarTokenMap<AgGridCSSVars | string>;
4
+ export declare const themeGenesisRapid = "ag-theme-genesis-rapid";
5
+ export declare const agThemeGenesisRapid: import("@microsoft/fast-element").ElementStyles;
6
+ export declare const themeGenesisRapidDark = "ag-theme-genesis-rapid-dark";
7
+ export declare const agThemeGenesisRapidDark: import("@microsoft/fast-element").ElementStyles;
8
+ //# sourceMappingURL=ag-theme-genesis-rapid.d.ts.map
@@ -0,0 +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;AAE5D,OAAO,EAAsB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAM1E,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"}
@@ -0,0 +1,2 @@
1
+ export * from './genesis-rapid/ag-theme-genesis-rapid';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/index.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC"}
@@ -0,0 +1,18 @@
1
+ import { DateEditor, agDateEditorStyles, getDateEditorTemplate } from '@genesislcap/grid-pro';
2
+ /**
3
+ * @tagname %%prefix%%-date-editor
4
+ */
5
+ export class RapidDateEditor extends DateEditor {
6
+ }
7
+ /**
8
+ * The Rapid Date editor
9
+ *
10
+ * @public
11
+ * @remarks
12
+ * HTML Element: \<rapid-date-editor\>
13
+ */
14
+ export const rapidAgDateEditor = RapidDateEditor.compose({
15
+ baseName: 'date-editor',
16
+ styles: agDateEditorStyles,
17
+ template: getDateEditorTemplate('rapid'),
18
+ });
@@ -0,0 +1,5 @@
1
+ export * from './date.editor';
2
+ export * from './multiselect.editor';
3
+ export * from './number.editor';
4
+ export * from './select.editor';
5
+ export * from './string.editor';
@@ -0,0 +1,18 @@
1
+ import { getMultiselectEditorTemplate, MultiselectEditor, agMultiselectEditorStyles, } from '@genesislcap/grid-pro';
2
+ /**
3
+ * @tagname %%prefix%%-multiselect-editor
4
+ */
5
+ export class RapidMultiselectEditor extends MultiselectEditor {
6
+ }
7
+ /**
8
+ * The Rapid Multiselect editor
9
+ *
10
+ * @public
11
+ * @remarks
12
+ * HTML Element: \<rapid-multiselect-editor\>
13
+ */
14
+ export const rapidAgMultiselectEditor = RapidMultiselectEditor.compose({
15
+ baseName: 'multiselect-editor',
16
+ styles: agMultiselectEditorStyles,
17
+ template: getMultiselectEditorTemplate('rapid'),
18
+ });
@@ -0,0 +1,18 @@
1
+ import { getNumberEditorTemplate, NumberEditor, agNumberEditorStyles } from '@genesislcap/grid-pro';
2
+ /**
3
+ * @tagname %%prefix%%-number-editor
4
+ */
5
+ export class RapidNumberEditor extends NumberEditor {
6
+ }
7
+ /**
8
+ * The Rapid Number editor
9
+ *
10
+ * @public
11
+ * @remarks
12
+ * HTML Element: \<rapid-number-editor\>
13
+ */
14
+ export const rapidAgNumberEditor = RapidNumberEditor.compose({
15
+ baseName: 'number-editor',
16
+ styles: agNumberEditorStyles,
17
+ template: getNumberEditorTemplate('rapid'),
18
+ });
@@ -0,0 +1,18 @@
1
+ import { getSelectEditorTemplate, SelectEditor, agSelectEditorStyles } from '@genesislcap/grid-pro';
2
+ /**
3
+ * @tagname %%prefix%%-select-editor
4
+ */
5
+ export class RapidSelectEditor extends SelectEditor {
6
+ }
7
+ /**
8
+ * The Rapid Select editor
9
+ *
10
+ * @public
11
+ * @remarks
12
+ * HTML Element: \<rapid-select-editor\>
13
+ */
14
+ export const rapidAgSelectEditor = RapidSelectEditor.compose({
15
+ baseName: 'select-editor',
16
+ styles: agSelectEditorStyles,
17
+ template: getSelectEditorTemplate('rapid'),
18
+ });
@@ -0,0 +1,18 @@
1
+ import { getStringEditorTemplate, StringEditor, agStringEditorStyles } from '@genesislcap/grid-pro';
2
+ /**
3
+ * @tagname %%prefix%%-string-editor
4
+ */
5
+ export class RapidStringEditor extends StringEditor {
6
+ }
7
+ /**
8
+ * The Rapid String editor
9
+ *
10
+ * @public
11
+ * @remarks
12
+ * HTML Element: \<rapid-string-editor\>
13
+ */
14
+ export const rapidAgStringEditor = RapidStringEditor.compose({
15
+ baseName: 'string-editor',
16
+ styles: agStringEditorStyles,
17
+ template: getStringEditorTemplate('rapid'),
18
+ });
@@ -0,0 +1,39 @@
1
+ import { ActionRenderer, agActionRendererStyles } from '@genesislcap/grid-pro';
2
+ import { css, html } from '@microsoft/fast-element';
3
+ /**
4
+ * @tagname %%prefix%%-grid-pro-action-renderer
5
+ */
6
+ export class RapidAgActionRenderer extends ActionRenderer {
7
+ }
8
+ /**
9
+ * The Rapid Action Renderer
10
+ *
11
+ * @public
12
+ * @remarks
13
+ * HTML Element: \<rapid-grid-pro-action-renderer\>
14
+ */
15
+ export const rapidAgActionRenderer = RapidAgActionRenderer.compose({
16
+ baseName: 'grid-pro-action-renderer',
17
+ styles: css `
18
+ ${agActionRendererStyles}
19
+ `,
20
+ template: html `
21
+ <div class="action-container" part="action-container">
22
+ <rapid-button
23
+ class="action-renderer"
24
+ part="action-renderer"
25
+ aria-label=${(x) => x.params.actionName}
26
+ data-test-id="${(x) => x.dataTestId}"
27
+ ?disabled=${(x) => { var _a; return x.pendingAction || x.isDisabled((_a = x.params) === null || _a === void 0 ? void 0 : _a.data); }}
28
+ appearance="${(x) => x.params.appearance}"
29
+ @click=${(x) => x.clickHandler()}
30
+ >
31
+ ${(x) => x.params.contentTemplate
32
+ ? html `
33
+ ${x.params.contentTemplate}
34
+ `
35
+ : x.params.actionName}
36
+ </rapid-button>
37
+ </div>
38
+ `,
39
+ });
@@ -0,0 +1,23 @@
1
+ import { ActionsMenuRenderer } from '@genesislcap/grid-pro';
2
+ import { html } from '@microsoft/fast-element';
3
+ /**
4
+ * @tagname %%prefix%%-grid-pro-actions-menu-renderer
5
+ */
6
+ export class RapidAgActionsMenuRenderer extends ActionsMenuRenderer {
7
+ }
8
+ /**
9
+ * The Rapid Ag Actions Menu Renderer
10
+ *
11
+ * @public
12
+ * @remarks
13
+ * HTML Element: \<rapid-grid-pro-actions-menu-renderer\>
14
+ */
15
+ export const rapidAgActionsMenuRenderer = RapidAgActionsMenuRenderer.compose({
16
+ baseName: 'grid-pro-actions-menu-renderer',
17
+ template: html `
18
+ <rapid-actions-menu
19
+ name="${(x) => x.params.headerName}"
20
+ :definition=${(x) => x.params}
21
+ ></rapid-actions-menu>
22
+ `,
23
+ });
@@ -0,0 +1,18 @@
1
+ import { BooleanRenderer, agBooleanRendererStyles, getAgBooleanRendererTemplate, } from '@genesislcap/grid-pro';
2
+ /**
3
+ * @tagname %%prefix%%-boolean-renderer
4
+ */
5
+ export class RapidBooleanRenderer extends BooleanRenderer {
6
+ }
7
+ /**
8
+ * The Rapid Ag Boolean Renderer
9
+ *
10
+ * @public
11
+ * @remarks
12
+ * HTML Element: \<rapid-boolean-renderer\>
13
+ */
14
+ export const rapidAgBooleanRenderer = RapidBooleanRenderer.compose({
15
+ baseName: 'boolean-renderer',
16
+ styles: agBooleanRendererStyles,
17
+ template: getAgBooleanRendererTemplate('rapid'),
18
+ });
@@ -0,0 +1,18 @@
1
+ import { agEditableRendererStyles, EditableRenderer, getAgEditableRendererTemplate, } from '@genesislcap/grid-pro';
2
+ /**
3
+ * @tagname %%prefix%%-editable-renderer
4
+ */
5
+ export class RapidEditableRenderer extends EditableRenderer {
6
+ }
7
+ /**
8
+ * The Rapid Ag Editable Renderer
9
+ *
10
+ * @public
11
+ * @remarks
12
+ * HTML Element: \<rapid-editable-renderer\>
13
+ */
14
+ export const rapidAgEditableRenderer = RapidEditableRenderer.compose({
15
+ baseName: 'editable-renderer',
16
+ styles: agEditableRendererStyles,
17
+ template: getAgEditableRendererTemplate('rapid'),
18
+ });
@@ -0,0 +1,6 @@
1
+ export * from './action.renderer';
2
+ export * from './editable.renderer';
3
+ export * from './actions-menu.renderer';
4
+ export * from './boolean.renderer';
5
+ export * from './text.renderer';
6
+ export * from './select.renderer';
@@ -0,0 +1,18 @@
1
+ import { agSelectRendererStyles, SelectRenderer as FoundationAgSelectRenderer, getSelectRendererTemplate, } from '@genesislcap/grid-pro';
2
+ /**
3
+ * @tagname %%prefix%%-select-renderer
4
+ */
5
+ export class RapidAgSelectRenderer extends FoundationAgSelectRenderer {
6
+ }
7
+ /**
8
+ * The Rapid Select Renderer
9
+ *
10
+ * @public
11
+ * @remarks
12
+ * HTML Element: \<rapid-select-renderer\>
13
+ */
14
+ export const rapidAgSelectRenderer = RapidAgSelectRenderer.compose({
15
+ baseName: 'select-renderer',
16
+ styles: agSelectRendererStyles,
17
+ template: getSelectRendererTemplate('rapid'),
18
+ });
@@ -0,0 +1,18 @@
1
+ import { textRendererStyles, AgTextRenderer as FoundationAgTextRenderer, getTextRendererTemplate, } from '@genesislcap/grid-pro';
2
+ /**
3
+ * @tagname %%prefix%%-grid-text-renderer
4
+ */
5
+ export class RapidAgTextRenderer extends FoundationAgTextRenderer {
6
+ }
7
+ /**
8
+ * The Rapid Ag Text Renderer
9
+ *
10
+ * @public
11
+ * @remarks
12
+ * HTML Element: \<rapid-grid-text-renderer\>
13
+ */
14
+ export const rapidAgTextRenderer = RapidAgTextRenderer.compose({
15
+ baseName: 'grid-text-renderer',
16
+ styles: textRendererStyles,
17
+ template: getTextRendererTemplate('rapid'),
18
+ });
@@ -0,0 +1,30 @@
1
+ import { rapidAgNumberEditor, rapidAgSelectEditor, rapidAgStringEditor, rapidAgMultiselectEditor, rapidAgDateEditor, } from './cell-editors';
2
+ import { rapidAgEditableRenderer, rapidAgActionRenderer, rapidAgActionsMenuRenderer, rapidAgBooleanRenderer, rapidAgSelectRenderer, rapidAgTextRenderer, } from './cell-renderers';
3
+ import { rapidGridPro } from './grid-pro';
4
+ export const rapidGridComponents = {
5
+ rapidAgEditableRenderer,
6
+ rapidAgActionRenderer,
7
+ rapidAgActionsMenuRenderer,
8
+ rapidAgBooleanRenderer,
9
+ rapidAgTextRenderer,
10
+ rapidAgSelectRenderer,
11
+ rapidAgDateEditor,
12
+ rapidAgMultiselectEditor,
13
+ rapidAgSelectEditor,
14
+ rapidAgNumberEditor,
15
+ rapidAgStringEditor,
16
+ rapidGridPro,
17
+ register(container, ...rest) {
18
+ if (!container) {
19
+ // preserve backward compatibility with code that loops through
20
+ // the values of this object and calls them as funcs with no args
21
+ return;
22
+ }
23
+ for (const key in this) {
24
+ if (key === 'register') {
25
+ continue;
26
+ }
27
+ this[key]().register(container, ...rest);
28
+ }
29
+ },
30
+ };
@@ -0,0 +1,56 @@
1
+ import { GridPro, GridProRendererTypes, foundationGridProShadowOptions, defaultGridProConfig as foundationConfig, } from '@genesislcap/grid-pro';
2
+ import { RapidNumberEditor, RapidSelectEditor, RapidMultiselectEditor, RapidDateEditor, RapidStringEditor, } from './cell-editors';
3
+ import { RapidEditableRenderer, RapidAgActionRenderer, RapidAgActionsMenuRenderer, RapidBooleanRenderer, } from './cell-renderers';
4
+ import { rapidGridProStyles as styles } from './grid-pro.styles';
5
+ import { rapidGridProTemplate as template } from './grid-pro.template';
6
+ import { themeGenesisRapid, themeGenesisRapidDark } from './themes';
7
+ const defaultAgHeight = 32;
8
+ const defaultRapidTheme = 'ag-theme-genesis-rapid-dark';
9
+ /**
10
+ * @tagname %%prefix%%-grid-pro
11
+ */
12
+ export class RapidGridPro extends GridPro {
13
+ constructor() {
14
+ super(...arguments);
15
+ /**
16
+ * Sets default theme to Rapid
17
+ * @override
18
+ */
19
+ this.theme = defaultRapidTheme;
20
+ }
21
+ themeChanged(oldValue, newValue) {
22
+ console.log('teste');
23
+ if (!oldValue && newValue !== defaultRapidTheme)
24
+ return;
25
+ super.themeChanged(oldValue, newValue);
26
+ }
27
+ /**
28
+ * Handles extra Rapid configs
29
+ * @override
30
+ */
31
+ set gridOptions(options) {
32
+ var _a, _b;
33
+ options.components = {
34
+ [GridProRendererTypes.action]: RapidAgActionRenderer,
35
+ [GridProRendererTypes.actionsMenu]: RapidAgActionsMenuRenderer,
36
+ [GridProRendererTypes.boolean]: RapidBooleanRenderer,
37
+ [GridProRendererTypes.editable]: RapidEditableRenderer,
38
+ [GridProRendererTypes.selectEditor]: RapidSelectEditor,
39
+ [GridProRendererTypes.numberEditor]: RapidNumberEditor,
40
+ [GridProRendererTypes.multiselectEditor]: RapidMultiselectEditor,
41
+ [GridProRendererTypes.dateEditor]: RapidDateEditor,
42
+ [GridProRendererTypes.stringEditor]: RapidStringEditor,
43
+ };
44
+ const isRapidTheme = this.theme === themeGenesisRapid || this.theme === themeGenesisRapidDark;
45
+ if (isRapidTheme) {
46
+ this.headerHeight = (_a = options.headerHeight) !== null && _a !== void 0 ? _a : defaultAgHeight;
47
+ this.rowHeight = (_b = options.rowHeight) !== null && _b !== void 0 ? _b : defaultAgHeight;
48
+ }
49
+ super.gridOptions = options;
50
+ }
51
+ }
52
+ // explicitly declaring for extensibility
53
+ export const rapidGridProShadowOptions = foundationGridProShadowOptions;
54
+ export const rapidDefaultGridProConfig = foundationConfig;
55
+ export const rapidGridPro = RapidGridPro.compose(Object.assign({ baseName: 'grid-pro', template,
56
+ styles, shadowOptions: rapidGridProShadowOptions }, rapidDefaultGridProConfig));
@@ -0,0 +1,16 @@
1
+ import { RapidColorHEX } from '@genesislcap/foundation-zero';
2
+ import { foundationGridProStyles } from '@genesislcap/grid-pro';
3
+ import { css } from '@microsoft/fast-element';
4
+ import { agThemeGenesisRapid, agThemeGenesisRapidDark } from './themes';
5
+ export const rapidGridProStyles = css `
6
+ /* All the AG themes */
7
+ ${foundationGridProStyles}
8
+
9
+ /* 100% custom, CSS based, our own name: ag-theme-genesis-rapid */
10
+ ${agThemeGenesisRapid}
11
+ ${agThemeGenesisRapidDark}
12
+
13
+ .error {
14
+ border-color: ${RapidColorHEX.shortPink} !important;
15
+ }
16
+ `;
@@ -0,0 +1,2 @@
1
+ import { gridProTemplate } from '@genesislcap/grid-pro';
2
+ export const rapidGridProTemplate = gridProTemplate;