@adaptabletools/adaptable-react-aggrid 12.2.3 → 13.0.0-canary.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/base.css
CHANGED
|
@@ -2216,8 +2216,8 @@
|
|
|
2216
2216
|
box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
|
|
2217
2217
|
overflow: auto;
|
|
2218
2218
|
border: var(--ab-cmp-dropdownbutton-list__border);
|
|
2219
|
-
|
|
2220
|
-
|
|
2219
|
+
border-radius: var(--ab-cmp-dropdownbutton-list__border-radius);
|
|
2220
|
+
z-index: var(--ab-cmp-dropdownbutton-list__z-index);
|
|
2221
2221
|
background: var(--ab-cmp-dropdownbutton-list__background); }
|
|
2222
2222
|
.ab-DropdownButton__content {
|
|
2223
2223
|
font-family: var(--ab__font-family);
|
package/index.css
CHANGED
|
@@ -2965,8 +2965,8 @@ template {
|
|
|
2965
2965
|
box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
|
|
2966
2966
|
overflow: auto;
|
|
2967
2967
|
border: var(--ab-cmp-dropdownbutton-list__border);
|
|
2968
|
-
|
|
2969
|
-
|
|
2968
|
+
border-radius: var(--ab-cmp-dropdownbutton-list__border-radius);
|
|
2969
|
+
z-index: var(--ab-cmp-dropdownbutton-list__z-index);
|
|
2970
2970
|
background: var(--ab-cmp-dropdownbutton-list__background); }
|
|
2971
2971
|
|
|
2972
2972
|
.ab-DropdownButton__content {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adaptabletools/adaptable-react-aggrid",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "13.0.0-canary.0",
|
|
4
4
|
"description": "React version of AdapTable - the powerful AG Grid add-on that provides all the rich functionality that advanced users expect from their DataGrids and Data Tables",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "contact sales@adaptabletools.com for details",
|
|
@@ -18,12 +18,12 @@
|
|
|
18
18
|
}
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"tslib": "^2.
|
|
22
|
-
"@adaptabletools/adaptable": "
|
|
21
|
+
"tslib": "^2.3.0",
|
|
22
|
+
"@adaptabletools/adaptable": "13.0.0-canary.0"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
|
-
"@ag-grid-community/
|
|
26
|
-
"@ag-grid-community/react": ">=
|
|
25
|
+
"@ag-grid-community/core": ">=28.1.0",
|
|
26
|
+
"@ag-grid-community/react": ">=28.1.0",
|
|
27
27
|
"react": "^16.8.0 || ^17.0.0",
|
|
28
28
|
"react-dom": "^16.8.0 || ^17.0.0"
|
|
29
29
|
},
|
|
@@ -1,14 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { AdaptableApi } from '@adaptabletools/adaptable/types';
|
|
3
|
-
import {
|
|
4
|
-
import { GridOptions, Module } from '@ag-grid-community/all-modules';
|
|
2
|
+
import { AdaptableApi, AdaptableOptions } from '@adaptabletools/adaptable/types';
|
|
3
|
+
import { GridOptions } from '@ag-grid-community/core';
|
|
5
4
|
export interface AdaptableReactProps extends React.HTMLProps<HTMLDivElement> {
|
|
6
5
|
adaptableOptions: AdaptableOptions;
|
|
7
6
|
gridOptions?: GridOptions;
|
|
8
|
-
/**
|
|
9
|
-
* An array of agGrid modules
|
|
10
|
-
*/
|
|
11
|
-
modules: Module[];
|
|
12
7
|
onAdaptableReady?: (adaptableReadyInfo: {
|
|
13
8
|
adaptableApi: AdaptableApi;
|
|
14
9
|
gridOptions: GridOptions;
|
|
@@ -18,20 +18,20 @@ if (package_json_1.version !== version_1.default) {
|
|
|
18
18
|
}
|
|
19
19
|
const getRandomInt = (max) => Math.floor(Math.random() * Math.floor(max));
|
|
20
20
|
const AdaptableReact = (_a) => {
|
|
21
|
-
var { adaptableOptions, gridOptions, onAdaptableReady
|
|
22
|
-
const seedId = react_1.useMemo(() => `${getRandomInt(1000)}-${Date.now()}`, []);
|
|
21
|
+
var { adaptableOptions, gridOptions, onAdaptableReady } = _a, props = tslib_1.__rest(_a, ["adaptableOptions", "gridOptions", "onAdaptableReady"]);
|
|
22
|
+
const seedId = (0, react_1.useMemo)(() => `${getRandomInt(1000)}-${Date.now()}`, []);
|
|
23
23
|
const adaptableContainerId = `adaptable-${seedId}`;
|
|
24
|
-
const containerRef = react_1.useMemo(() => {
|
|
24
|
+
const containerRef = (0, react_1.useMemo)(() => {
|
|
25
25
|
let adaptableApi;
|
|
26
26
|
return (node) => {
|
|
27
27
|
if (node) {
|
|
28
|
-
agGrid_1.default.initInternal(Object.assign(Object.assign({}, adaptableOptions), { containerOptions: Object.assign(Object.assign({}, adaptableOptions.containerOptions), { adaptableContainer: node }), gridOptions: gridOptions || adaptableOptions.gridOptions }), { waitForAgGrid: true
|
|
28
|
+
agGrid_1.default.initInternal(Object.assign(Object.assign({}, adaptableOptions), { containerOptions: Object.assign(Object.assign({}, adaptableOptions.containerOptions), { adaptableContainer: node }), gridOptions: gridOptions || adaptableOptions.gridOptions }), { waitForAgGrid: true }).then((api) => {
|
|
29
29
|
adaptableApi = api;
|
|
30
|
-
logger_1.LogAdaptableInfo('AdaptableReady');
|
|
30
|
+
(0, logger_1.LogAdaptableInfo)('AdaptableReady');
|
|
31
31
|
if (onAdaptableReady) {
|
|
32
32
|
adaptableApi.eventApi.on('AdaptableReady', onAdaptableReady);
|
|
33
33
|
}
|
|
34
|
-
setupFrameworkComponents_1.setupFrameworkComponents(adaptableApi);
|
|
34
|
+
(0, setupFrameworkComponents_1.setupFrameworkComponents)(adaptableApi);
|
|
35
35
|
});
|
|
36
36
|
}
|
|
37
37
|
else {
|
|
@@ -45,6 +45,6 @@ const AdaptableReact = (_a) => {
|
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
47
|
}, []);
|
|
48
|
-
return (React.createElement("div", Object.assign({}, props, { ref: containerRef, id: adaptableContainerId, className: join_1.default(props.className, 'ab__react-wrapper') })));
|
|
48
|
+
return (React.createElement("div", Object.assign({}, props, { ref: containerRef, id: adaptableContainerId, className: (0, join_1.default)(props.className, 'ab__react-wrapper') })));
|
|
49
49
|
};
|
|
50
50
|
exports.default = AdaptableReact;
|
package/src/logger.js
CHANGED
|
@@ -3,4 +3,4 @@ var _a;
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.LogAdaptableWarning = exports.LogAdaptableSuccess = exports.LogAdaptableInfo = exports.LogAdaptableError = void 0;
|
|
5
5
|
const LoggingHelper_1 = require("@adaptabletools/adaptable/src/Utilities/Helpers/LoggingHelper");
|
|
6
|
-
_a = LoggingHelper_1.getLoggingFunctions('React'), exports.LogAdaptableError = _a.LogAdaptableError, exports.LogAdaptableInfo = _a.LogAdaptableInfo, exports.LogAdaptableSuccess = _a.LogAdaptableSuccess, exports.LogAdaptableWarning = _a.LogAdaptableWarning;
|
|
6
|
+
_a = (0, LoggingHelper_1.getLoggingFunctions)('React'), exports.LogAdaptableError = _a.LogAdaptableError, exports.LogAdaptableInfo = _a.LogAdaptableInfo, exports.LogAdaptableSuccess = _a.LogAdaptableSuccess, exports.LogAdaptableWarning = _a.LogAdaptableWarning;
|
|
@@ -11,21 +11,21 @@ const setupFrameworkComponents = (adaptableApi) => {
|
|
|
11
11
|
._onIncludeFired('FrameworkComponentChange', ({ command, frameworkComponent, containerDomNode, componentType }) => {
|
|
12
12
|
if (command === 'create') {
|
|
13
13
|
try {
|
|
14
|
-
logger_1.LogAdaptableInfo(`Mounting custom framework component ${componentType}`, containerDomNode);
|
|
14
|
+
(0, logger_1.LogAdaptableInfo)(`Mounting custom framework component ${componentType}`, containerDomNode);
|
|
15
15
|
const ReactComponent = frameworkComponent;
|
|
16
|
-
react_dom_1.render(React.createElement(ReactComponent, { adaptableApi: adaptableApi }), containerDomNode);
|
|
16
|
+
(0, react_dom_1.render)(React.createElement(ReactComponent, { adaptableApi: adaptableApi }), containerDomNode);
|
|
17
17
|
}
|
|
18
18
|
catch (err) {
|
|
19
|
-
logger_1.LogAdaptableError(`Cannot correctly mount custom framework component ${componentType}`, err);
|
|
19
|
+
(0, logger_1.LogAdaptableError)(`Cannot correctly mount custom framework component ${componentType}`, err);
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
else {
|
|
23
|
-
logger_1.LogAdaptableInfo(`Unmounting custom framework component ${componentType}`, containerDomNode);
|
|
23
|
+
(0, logger_1.LogAdaptableInfo)(`Unmounting custom framework component ${componentType}`, containerDomNode);
|
|
24
24
|
try {
|
|
25
|
-
react_dom_1.unmountComponentAtNode(containerDomNode);
|
|
25
|
+
(0, react_dom_1.unmountComponentAtNode)(containerDomNode);
|
|
26
26
|
}
|
|
27
27
|
catch (err) {
|
|
28
|
-
logger_1.LogAdaptableError(`Cannot correctly unmount custom framework component ${componentType}`, err);
|
|
28
|
+
(0, logger_1.LogAdaptableError)(`Cannot correctly unmount custom framework component ${componentType}`, err);
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
});
|