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

package/base.css

@@ -1614,6 +1614,7 @@
   --ab-cmp-adaptable-popup--settings__height: 90vh;
   --ab-cmp-adaptable-popup__height: 90vh;
   --ab-cmp-adaptable-popup__max-height: 1200px;
+  --ab-cmp-adaptable-popup__box-shadow: 2px 2px 14px 0px rgb(0 0 0 / 26%);
   --ab-cmp-adaptable-popup-navigation-list__padding: var(--ab-space-1) var(--ab-space-2);
   --ab-cmp-adaptable-popup-navigation-list__border-right: 2px solid var(--ab-color-defaultbackground);
   --ab-cmp-adaptable-popup-navigation-list__font-size: var(--ab-font-size-3);
@@ -2506,7 +2507,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 {
@@ -2637,6 +2639,8 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
 .ab-Adaptable-Popup {
   background: var(--ab-cmp-adaptable-popup__background);
   max-height: var(--ab-cmp-adaptable-popup__max-height); }
+.ab-Adaptable-Popup--window {
+    box-shadow: var(--ab-cmp-adaptable-popup__box-shadow); }
 .ab-Adaptable-Popup__Navigation {
   padding-top: 10px;
   overflow: auto;
@@ -2716,6 +2720,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;
@@ -2777,21 +2784,25 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
   border-style: none;
   --ab-toast-cmp__shadow-color: var(--ab-color-accent);
   box-shadow: 0 0 7px 2px var(--ab-toast-cmp__shadow-color);
-  background: var(--ab-toast-cmp__shadow-color); }
+  background: var(--ab-toast-cmp__shadow-color);
+  --toastify-text-color-info: var(--ab-color-text-on-primary);
+  --toastify-text-color-success: var(--ab-color-text-on-primary);
+  --toastify-text-color-warning: var(--ab-color-text-on-primary);
+  --toastify-text-color-error: var(--ab-color-text-on-primary);
+  --toastify-color-info: var(--ab-color-info);
+  --toastify-color-success: var(--ab-color-success);
+  --toastify-color-warning: var(--ab-color-warn);
+  --toastify-color-error: var(--ab-color-error); }
 .Toastify__toast-body {
   padding: 0; }
 .Toastify__toast--info {
-  --ab-toast-cmp__shadow-color: var(--ab-color-info);
-  color: var(--ab-color-text-on-primary); }
+  --ab-toast-cmp__shadow-color: var(--ab-color-info); }
 .Toastify__toast--success {
-  --ab-toast-cmp__shadow-color: var(--ab-color-success);
-  color: var(--ab-color-text-on-primary); }
+  --ab-toast-cmp__shadow-color: var(--ab-color-success); }
 .Toastify__toast--warning {
-  --ab-toast-cmp__shadow-color: var(--ab-color-warn);
-  color: var(--ab-color-text-on-primary); }
+  --ab-toast-cmp__shadow-color: var(--ab-color-warn); }
 .Toastify__toast--error {
-  --ab-toast-cmp__shadow-color: var(--ab-color-error);
-  color: var(--ab-color-text-on-primary); }
+  --ab-toast-cmp__shadow-color: var(--ab-color-error); }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar,
 .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar,

package/index.css

@@ -2233,6 +2233,7 @@ template {
   --ab-cmp-adaptable-popup--settings__height: 90vh;
   --ab-cmp-adaptable-popup__height: 90vh;
   --ab-cmp-adaptable-popup__max-height: 1200px;
+  --ab-cmp-adaptable-popup__box-shadow: 2px 2px 14px 0px rgb(0 0 0 / 26%);
   --ab-cmp-adaptable-popup-navigation-list__padding: var(--ab-space-1) var(--ab-space-2);
   --ab-cmp-adaptable-popup-navigation-list__border-right: 2px solid var(--ab-color-defaultbackground);
   --ab-cmp-adaptable-popup-navigation-list__font-size: var(--ab-font-size-3);
@@ -3339,7 +3340,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); }
@@ -3509,6 +3511,9 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
   background: var(--ab-cmp-adaptable-popup__background);
   max-height: var(--ab-cmp-adaptable-popup__max-height); }
 
+.ab-Adaptable-Popup--window {
+    box-shadow: var(--ab-cmp-adaptable-popup__box-shadow); }
+
 .ab-Adaptable-Popup__Navigation {
   padding-top: 10px;
   overflow: auto;
@@ -3610,6 +3615,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;
@@ -3689,26 +3698,30 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
   border-style: none;
   --ab-toast-cmp__shadow-color: var(--ab-color-accent);
   box-shadow: 0 0 7px 2px var(--ab-toast-cmp__shadow-color);
-  background: var(--ab-toast-cmp__shadow-color); }
+  background: var(--ab-toast-cmp__shadow-color);
+  --toastify-text-color-info: var(--ab-color-text-on-primary);
+  --toastify-text-color-success: var(--ab-color-text-on-primary);
+  --toastify-text-color-warning: var(--ab-color-text-on-primary);
+  --toastify-text-color-error: var(--ab-color-text-on-primary);
+  --toastify-color-info: var(--ab-color-info);
+  --toastify-color-success: var(--ab-color-success);
+  --toastify-color-warning: var(--ab-color-warn);
+  --toastify-color-error: var(--ab-color-error); }
 
 .Toastify__toast-body {
   padding: 0; }
 
 .Toastify__toast--info {
-  --ab-toast-cmp__shadow-color: var(--ab-color-info);
-  color: var(--ab-color-text-on-primary); }
+  --ab-toast-cmp__shadow-color: var(--ab-color-info); }
 
 .Toastify__toast--success {
-  --ab-toast-cmp__shadow-color: var(--ab-color-success);
-  color: var(--ab-color-text-on-primary); }
+  --ab-toast-cmp__shadow-color: var(--ab-color-success); }
 
 .Toastify__toast--warning {
-  --ab-toast-cmp__shadow-color: var(--ab-color-warn);
-  color: var(--ab-color-text-on-primary); }
+  --ab-toast-cmp__shadow-color: var(--ab-color-warn); }
 
 .Toastify__toast--error {
-  --ab-toast-cmp__shadow-color: var(--ab-color-error);
-  color: var(--ab-color-text-on-primary); }
+  --ab-toast-cmp__shadow-color: var(--ab-color-error); }
 
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar,

package/package.json

@@ -1,13 +1,11 @@
 {
   "name": "@adaptabletools/adaptable-react-aggrid",
-  "version": "11.0.0-canary.0",
+  "version": "11.0.0-canary.4",
   "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.0"
+    "@adaptabletools/adaptable": "11.0.0-canary.4"
   },
   "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);