@adaptabletools/adaptable-react-aggrid 10.0.4-canary.5 → 11.0.0-canary.0

package/base.css

@@ -1756,8 +1756,6 @@
 .ab-Dialog:focus-within, .ab-Dialog:focus {
     box-shadow: var(--ab-focus__box-shadow);
     outline: var(--ab-focus__outline); }
-.ab-Dialog > * {
-    flex: 1; }
 .ab-Dialog__close-button {
     position: absolute;
     right: 6px;
@@ -2241,8 +2239,6 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
       pointer-events: none; }
 .ab-FileDroppable, .ab-FileDroppable *, .ab-FileDroppable *:before, .ab-FileDroppable *:after {
     box-sizing: border-box; }
-.ab-ChartContainer canvas {
-  left: 0; }
 .ab-WizardPanel > .ab-Panel__body {
   display: flex;
   flex-flow: column; }
@@ -2757,7 +2753,7 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
 .ab_div-colour-render-text {
   position: absolute;
   font-weight: normal;
-  font-size: 12p;
+  font-size: 12px;
   z-index: 100; }
 .ab_div-colour-render-div {
   display: inline-block;

package/index.css

@@ -2402,9 +2402,6 @@ template {
     box-shadow: var(--ab-focus__box-shadow);
     outline: var(--ab-focus__outline); }
 
-.ab-Dialog > * {
-    flex: 1; }
-
 .ab-Dialog__close-button {
     position: absolute;
     right: 6px;
@@ -3012,9 +3009,6 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
 .ab-FileDroppable, .ab-FileDroppable *, .ab-FileDroppable *:before, .ab-FileDroppable *:after {
     box-sizing: border-box; }
 
-.ab-ChartContainer canvas {
-  left: 0; }
-
 .ab-WizardPanel > .ab-Panel__body {
   display: flex;
   flex-flow: column; }
@@ -3666,7 +3660,7 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
 .ab_div-colour-render-text {
   position: absolute;
   font-weight: normal;
-  font-size: 12p;
+  font-size: 12px;
   z-index: 100; }
 
 .ab_div-colour-render-div {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-react-aggrid",
-  "version": "10.0.4-canary.5",
+  "version": "11.0.0-canary.0",
   "description": "React version of the powerful data-agnostic HTML5 datagrid add-on that sits on top of the agGrid component and provides all the rich functionality that advanced users expect from their DataGrids and Data Tables",
   "keywords": [],
   "main": "src/index.js",
@@ -20,7 +20,8 @@
     }
   },
   "dependencies": {
-    "@adaptabletools/adaptable": "10.0.4-canary.5"
+    "tslib": "^2.0.0",
+    "@adaptabletools/adaptable": "11.0.0-canary.0"
   },
   "peerDependencies": {
     "@ag-grid-community/all-modules": ">=26.2.0",

package/src/components/AdaptableReact.d.ts

@@ -2,16 +2,17 @@ import * as React from 'react';
 import { AdaptableApi } from '@adaptabletools/adaptable/types';
 import { AdaptableOptions } from '@adaptabletools/adaptable/types';
 import { GridOptions, Module } from '@ag-grid-community/all-modules';
-declare const AdaptableReact: ({ adaptableOptions, agGridOptions, onAdaptableReady, modules, ...props }: {
+export interface AdaptableReactProps extends React.HTMLProps<HTMLDivElement> {
     adaptableOptions: AdaptableOptions;
-    agGridOptions?: GridOptions;
+    gridOptions?: GridOptions;
     /**
      * An array of agGrid modules
      */
     modules: Module[];
     onAdaptableReady?: (adaptableReadyInfo: {
         adaptableApi: AdaptableApi;
-        agGridOptions: GridOptions;
+        gridOptions: GridOptions;
     }) => void;
-} & React.HTMLProps<HTMLDivElement>) => JSX.Element;
+}
+declare const AdaptableReact: React.FunctionComponent<AdaptableReactProps>;
 export default AdaptableReact;

package/src/components/AdaptableReact.js

@@ -18,12 +18,12 @@ if (package_json_1.version !== version_1.default) {
 }
 const getRandomInt = (max) => Math.floor(Math.random() * Math.floor(max));
 const AdaptableReact = (_a) => {
-    var { adaptableOptions, agGridOptions, onAdaptableReady, modules } = _a, props = tslib_1.__rest(_a, ["adaptableOptions", "agGridOptions", "onAdaptableReady", "modules"]);
+    var { adaptableOptions, gridOptions, onAdaptableReady, modules } = _a, props = tslib_1.__rest(_a, ["adaptableOptions", "gridOptions", "onAdaptableReady", "modules"]);
     const seedId = react_1.useMemo(() => `${getRandomInt(1000)}-${Date.now()}`, []);
     const adaptableContainerId = `adaptable-${seedId}`;
     react_1.useLayoutEffect(() => {
         let adaptableApi;
-        agGrid_1.default.initInternal(Object.assign(Object.assign({}, adaptableOptions), { containerOptions: Object.assign(Object.assign({}, adaptableOptions.containerOptions), { adaptableContainer: adaptableContainerId }), agGridOptions: agGridOptions || adaptableOptions.agGridOptions }), { waitForAgGrid: true, modules }).then((api) => {
+        agGrid_1.default.initInternal(Object.assign(Object.assign({}, adaptableOptions), { containerOptions: Object.assign(Object.assign({}, adaptableOptions.containerOptions), { adaptableContainer: adaptableContainerId }), gridOptions: gridOptions || adaptableOptions.gridOptions }), { waitForAgGrid: true, modules }).then((api) => {
             adaptableApi = api;
             logger_1.LogAdaptableInfo('AdaptableReady');
             if (onAdaptableReady) {