@adaptabletools/adaptable-react-aggrid 11.0.0-canary.2 → 11.0.0-canary.3

package/base.css

@@ -2506,7 +2506,8 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
   --ab-cmp-Tag__font-size: var(--ab-font-size-3); }
 .ab-Tag {
   display: inline-flex;
-  font-size: var(--ab-cmp-Tag__font-size); }
+  font-size: var(--ab-cmp-Tag__font-size);
+  max-width: 100%; }
 .ab-AdaptableOptions {
   background: var(--ab-cmp-adaptable-options__background-color); }
 .ab-GridOptions {
@@ -2716,6 +2717,9 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
     margin-bottom: var(--ab-cmp-adaptable-object-list-item__margin-bottom); }
 .ab-Adaptable-Object-List__Item__edit-property {
       visibility: hidden; }
+.ab-Adaptable-Object-List__Item__values {
+      min-width: 0;
+      word-break: break-all; }
 .ab-Adaptable-Object-List__Item__buttons {
       padding-left: var(--ab-space-2);
       min-width: 80px;

package/index.css

@@ -3339,7 +3339,8 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
 
 .ab-Tag {
   display: inline-flex;
-  font-size: var(--ab-cmp-Tag__font-size); }
+  font-size: var(--ab-cmp-Tag__font-size);
+  max-width: 100%; }
 
 .ab-AdaptableOptions {
   background: var(--ab-cmp-adaptable-options__background-color); }
@@ -3610,6 +3611,10 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
 .ab-Adaptable-Object-List__Item__edit-property {
       visibility: hidden; }
 
+.ab-Adaptable-Object-List__Item__values {
+      min-width: 0;
+      word-break: break-all; }
+
 .ab-Adaptable-Object-List__Item__buttons {
       padding-left: var(--ab-space-2);
       min-width: 80px;

package/package.json

@@ -1,13 +1,11 @@
 {
   "name": "@adaptabletools/adaptable-react-aggrid",
-  "version": "11.0.0-canary.2",
+  "version": "11.0.0-canary.3",
   "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",
   "license": "SEE LICENSE IN LICENSE.md",
-  "engines": {
-    "node": ">=6.0.0"
-  },
+  "main": "src/index.js",
+  "typings": "src/index.d.ts",
   "lint-staged": {
     "{src,test}/**/*.ts": [
       "npx prettier --write",
@@ -21,12 +19,15 @@
   },
   "dependencies": {
     "tslib": "^2.0.0",
-    "@adaptabletools/adaptable": "11.0.0-canary.2"
+    "@adaptabletools/adaptable": "11.0.0-canary.3"
   },
   "peerDependencies": {
     "@ag-grid-community/all-modules": ">=26.2.0",
     "@ag-grid-community/react": ">=26.2.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
+  },
+  "engines": {
+    "node": ">=6.0.0"
   }
 }

package/src/setupFrameworkComponents.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setupFrameworkComponents = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
 const react_dom_1 = require("react-dom");
 const logger_1 = require("./logger");
 exports.setupFrameworkComponents = (adaptableApi) => {
@@ -10,8 +12,8 @@ exports.setupFrameworkComponents = (adaptableApi) => {
         if (command === 'create') {
             try {
                 logger_1.LogAdaptableInfo(`Mounting custom framework component ${componentType}`, containerDomNode);
-                const reactFrameworkComponent = frameworkComponent;
-                react_dom_1.render(reactFrameworkComponent({ adaptableApi }), containerDomNode);
+                const ReactComponent = frameworkComponent;
+                react_dom_1.render(React.createElement(ReactComponent, { adaptableApi: adaptableApi }), containerDomNode);
             }
             catch (err) {
                 logger_1.LogAdaptableError(`Cannot correctly mount custom framework component ${componentType}`, err);